diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812160506.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812160506.js
new file mode 100644
index 000000000..f1efe1217
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812160506.js
@@ -0,0 +1,763 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161713.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161713.js
new file mode 100644
index 000000000..b2ae30acc
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161713.js
@@ -0,0 +1,763 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161721.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161721.js
new file mode 100644
index 000000000..0dab9802c
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161721.js
@@ -0,0 +1,765 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161722.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161722.js
new file mode 100644
index 000000000..3fc61d059
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161722.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161726.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161726.js
new file mode 100644
index 000000000..3fc61d059
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161726.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161730.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161730.js
new file mode 100644
index 000000000..bbb3a0653
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161730.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161732.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161732.js
new file mode 100644
index 000000000..8a9afe8ea
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161732.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // 
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161735.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161735.js
new file mode 100644
index 000000000..6f24f3aa5
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161735.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据 
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161736.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161736.js
new file mode 100644
index 000000000..f363c02c4
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161736.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量 
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161739.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161739.js
new file mode 100644
index 000000000..41c31f55a
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161739.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161741.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161741.js
new file mode 100644
index 000000000..06ea19b01
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161741.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时， 
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161746.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161746.js
new file mode 100644
index 000000000..b428d3dd0
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161746.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，渲染出的
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161750.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161750.js
new file mode 100644
index 000000000..ae9a2a284
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161750.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，渲染出的元素
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161753.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161753.js
new file mode 100644
index 000000000..3a670a42d
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161753.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，渲染出的元素width
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161754.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161754.js
new file mode 100644
index 000000000..3cb02e299
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161754.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，渲染出的元素width会
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161758.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161758.js
new file mode 100644
index 000000000..86a0bf494
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161758.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，渲染出的元素width会为0，
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161801.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161801.js
new file mode 100644
index 000000000..94faac03b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161801.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，渲染出的元素width会为0， 
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161803.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161803.js
new file mode 100644
index 000000000..6d29dcbcd
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161803.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，渲染出的元素width会为0，导致无法 
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161805.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161805.js
new file mode 100644
index 000000000..5dc29a0eb
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161805.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示，
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161806.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161806.js
new file mode 100644
index 000000000..f9771454d
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161806.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161807.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161807.js
new file mode 100644
index 000000000..65fb74af0
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161807.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161813.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161813.js
new file mode 100644
index 000000000..dbdd6fac6
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161813.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161815.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161815.js
new file mode 100644
index 000000000..0cc895296
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161815.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+          //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161820.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161820.js
new file mode 100644
index 000000000..8c4777075
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161820.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161822.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161822.js
new file mode 100644
index 000000000..9dfd11638
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161822.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161929.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161929.js
new file mode 100644
index 000000000..de09ca440
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161929.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // 
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161930.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161930.js
new file mode 100644
index 000000000..5de5dadcd
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161930.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以 
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161933.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161933.js
new file mode 100644
index 000000000..a4f64a445
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161933.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161936.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161936.js
new file mode 100644
index 000000000..a4f64a445
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161936.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161945.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161945.js
new file mode 100644
index 000000000..40efaa9a8
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161945.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161953.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161953.js
new file mode 100644
index 000000000..c347d414f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812161953.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算
+        
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162021.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162021.js
new file mode 100644
index 000000000..32b744ee9
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162021.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算
+         
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162025.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162025.js
new file mode 100644
index 000000000..6dddc61e0
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162025.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算
+        let  
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162032.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162032.js
new file mode 100644
index 000000000..388ac3501
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162032.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算
+        let svgWidth=
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162040.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162040.js
new file mode 100644
index 000000000..5827864d3
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162040.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算
+        let svgWidth=this.svg.node().
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162048.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162048.js
new file mode 100644
index 000000000..26fa7f2eb
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162048.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算
+        let svgWidth=this.svg.node().client
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162052.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162052.js
new file mode 100644
index 000000000..377bb3368
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162052.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算
+        let svgWidth=this.svg.node().clientWidth;
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162053.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162053.js
new file mode 100644
index 000000000..3ffe784cc
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162053.js
@@ -0,0 +1,769 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算
+        let svgWidth=this.svg.node().clientWidth;
+        
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162055.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162055.js
new file mode 100644
index 000000000..71d59e9bd
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162055.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算
+        let svgWidth=this.svg.node().clientWidth;
+
+        
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162103.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162103.js
new file mode 100644
index 000000000..daf9dd068
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162103.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算, 
+        let svgWidth=this.svg.node().clientWidth;
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162106.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162106.js
new file mode 100644
index 000000000..65a454081
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162106.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据 
+        let svgWidth=this.svg.node().clientWidth;
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162109.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162109.js
new file mode 100644
index 000000000..94c3570a7
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162109.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应
+        let svgWidth=this.svg.node().clientWidth;
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162220.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162220.js
new file mode 100644
index 000000000..12fdc5542
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162220.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1
+        let svgWidth=this.svg.node().clientWidth;
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162224.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162224.js
new file mode 100644
index 000000000..e06ab458a
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162224.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*
+        let svgWidth=this.svg.node().clientWidth;
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162227.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162227.js
new file mode 100644
index 000000000..e8781470c
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162227.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas.
+        let svgWidth=this.svg.node().clientWidth;
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162230.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162230.js
new file mode 100644
index 000000000..2acb1ff48
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162230.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[]
+        let svgWidth=this.svg.node().clientWidth;
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162232.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162232.js
new file mode 100644
index 000000000..e3c04c183
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162232.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0]
+        let svgWidth=this.svg.node().clientWidth;
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162234.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162234.js
new file mode 100644
index 000000000..c64f8256e
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162234.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162239.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162239.js
new file mode 100644
index 000000000..4c1946cb2
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162239.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162243.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162243.js
new file mode 100644
index 000000000..4c1946cb2
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162243.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162244.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162244.js
new file mode 100644
index 000000000..cd05cc1d1
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162244.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let 
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162250.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162250.js
new file mode 100644
index 000000000..cd05cc1d1
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162250.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let 
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162302.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162302.js
new file mode 100644
index 000000000..cd05cc1d1
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162302.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let 
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162305.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162305.js
new file mode 100644
index 000000000..5afa9469f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162305.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let par
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162308.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162308.js
new file mode 100644
index 000000000..5afa9469f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162308.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let par
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162310.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162310.js
new file mode 100644
index 000000000..4529c55da
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162310.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parent
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162312.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162312.js
new file mode 100644
index 000000000..c025ee677
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162312.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRect
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162317.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162317.js
new file mode 100644
index 000000000..41acd94cf
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162317.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=this.
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162320.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162320.js
new file mode 100644
index 000000000..38cd67fb9
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162320.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162322.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162322.js
new file mode 100644
index 000000000..c48a8d629
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162322.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162325.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162325.js
new file mode 100644
index 000000000..9a8ceab8f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162325.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162327.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162327.js
new file mode 100644
index 000000000..163a44bac
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162327.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[]
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162328.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162328.js
new file mode 100644
index 000000000..a91217860
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162328.js
@@ -0,0 +1,770 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0]
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162332.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162332.js
new file mode 100644
index 000000000..4a4923b59
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162332.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162342.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162342.js
new file mode 100644
index 000000000..0c48e6267
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162342.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let 
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162345.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162345.js
new file mode 100644
index 000000000..0c48e6267
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162345.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let 
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162350.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162350.js
new file mode 100644
index 000000000..6fa43de04
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162350.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rect
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162356.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162356.js
new file mode 100644
index 000000000..325b19c62
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162356.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number()
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162403.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162403.js
new file mode 100644
index 000000000..a7ec21687
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162403.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt()
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162407.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162407.js
new file mode 100644
index 000000000..030992367
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162407.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svg)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162410.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162410.js
new file mode 100644
index 000000000..780a5ce2c
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162410.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162414.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162414.js
new file mode 100644
index 000000000..74a90cece
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162414.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162416.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162416.js
new file mode 100644
index 000000000..19b5b68dc
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162416.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162426.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162426.js
new file mode 100644
index 000000000..c7bc1a2fd
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162426.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('rect ')
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162428.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162428.js
new file mode 100644
index 000000000..1348be0c4
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162428.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('rect num')
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162429.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162429.js
new file mode 100644
index 000000000..02a6bbd98
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162429.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('rect number')
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162431.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162431.js
new file mode 100644
index 000000000..3674821a4
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162431.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('rect number',rectNum)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162754.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162754.js
new file mode 100644
index 000000000..36bb6c7ef
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162754.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('rect number',rectNum,'data number')
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162756.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162756.js
new file mode 100644
index 000000000..d5606bc30
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162756.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('rect number',rectNum,'data number',th)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162800.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162800.js
new file mode 100644
index 000000000..e26d7a340
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162800.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162903.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162903.js
new file mode 100644
index 000000000..1dfdd7f7d
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162903.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log(,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162904.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162904.js
new file mode 100644
index 000000000..6dbb8b4b4
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162904.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('','rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162907.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162907.js
new file mode 100644
index 000000000..3abeaf9d5
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162907.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parent','rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162911.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162911.js
new file mode 100644
index 000000000..93f1a6251
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162911.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth','rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162914.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162914.js
new file mode 100644
index 000000000..756901dc3
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162914.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',pare'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162916.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162916.js
new file mode 100644
index 000000000..03196151f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812162916.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let svgWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163012.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163012.js
new file mode 100644
index 000000000..1316ce0a8
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163012.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.svg.node().clientWidth;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163018.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163018.js
new file mode 100644
index 000000000..7d5db6eea
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163018.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163028.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163028.js
new file mode 100644
index 000000000..c0d230e9f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163028.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163031.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163031.js
new file mode 100644
index 000000000..4700f1ea6
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163031.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163034.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163034.js
new file mode 100644
index 000000000..4ef51656f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163034.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163038.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163038.js
new file mode 100644
index 000000000..837008b0b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163038.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163041.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163041.js
new file mode 100644
index 000000000..fafabf682
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163041.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163042.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163042.js
new file mode 100644
index 000000000..b59aadf80
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163042.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.ri
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163044.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163044.js
new file mode 100644
index 000000000..8542c6535
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163044.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.right;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(svgWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163049.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163049.js
new file mode 100644
index 000000000..d1bae27ec
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163049.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.right;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(drawWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163052.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163052.js
new file mode 100644
index 000000000..d1bae27ec
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163052.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.right;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(drawWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163151.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163151.js
new file mode 100644
index 000000000..88bc9b259
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163151.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.right;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(drawWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163206.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163206.js
new file mode 100644
index 000000000..db264c8ee
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163206.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.right;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(drawWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        if(this.datas.length/interval>1){
+          domain=domain.filter((item,index)=>{return index%interval==0})
+        }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163220.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163220.js
new file mode 100644
index 000000000..2243e06de
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163220.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.right;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(drawWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        if(this.datas.length/interval>1){
+          domain=domain.filter((item,index)=>{return index%interval==0})
+        }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163526.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163526.js
new file mode 100644
index 000000000..932dea142
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163526.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.right;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(drawWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163628.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163628.js
new file mode 100644
index 000000000..aa7d8923b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163628.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.right;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(drawWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163633.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163633.js
new file mode 100644
index 000000000..3a6636696
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163633.js
@@ -0,0 +1,764 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163634.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163634.js
new file mode 100644
index 000000000..dcdf94b28
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163634.js
@@ -0,0 +1,761 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163636.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163636.js
new file mode 100644
index 000000000..836bd0c82
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163636.js
@@ -0,0 +1,760 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163642.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163642.js
new file mode 100644
index 000000000..932dea142
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163642.js
@@ -0,0 +1,774 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        //以每一个小rect宽度为0.1计算,一条数据对应0.1*this.datas[0].length
+        let drawWidth=this.options.width - this.options.padding.left - this.options.padding.right;
+        let parentRectWidth=0.1*this.datas[0].length;
+
+        let rectNum=Number.parseInt(drawWidth/parentRectWidth);
+
+        console.log('parentRectWidth',parentRectWidth,'rect number',rectNum,'data number',this.datas.length)
+
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163647.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163647.js
new file mode 100644
index 000000000..5062ba1fc
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163647.js
@@ -0,0 +1,765 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163651.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163651.js
new file mode 100644
index 000000000..99a5e6d78
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163651.js
@@ -0,0 +1,765 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163926.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163926.js
new file mode 100644
index 000000000..946c1e586
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812163926.js
@@ -0,0 +1,765 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        // .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164034.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164034.js
new file mode 100644
index 000000000..99a5e6d78
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164034.js
@@ -0,0 +1,765 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 20])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164038.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164038.js
new file mode 100644
index 000000000..5fb749625
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164038.js
@@ -0,0 +1,765 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 30])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164112.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164112.js
new file mode 100644
index 000000000..956e2a961
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164112.js
@@ -0,0 +1,765 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 50])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164201.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164201.js
new file mode 100644
index 000000000..674266779
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164201.js
@@ -0,0 +1,765 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        // .scaleExtent([1, 50])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164342.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164342.js
new file mode 100644
index 000000000..956e2a961
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164342.js
@@ -0,0 +1,765 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 50])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164346.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164346.js
new file mode 100644
index 000000000..6e4f82764
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164346.js
@@ -0,0 +1,765 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164808.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164808.js
new file mode 100644
index 000000000..53303de25
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164808.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164816.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164816.js
new file mode 100644
index 000000000..cbdc904d1
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164816.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormate
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164818.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164818.js
new file mode 100644
index 000000000..b4936c5cc
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164818.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormat
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164828.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164828.js
new file mode 100644
index 000000000..b4936c5cc
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164828.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormat
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164843.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164843.js
new file mode 100644
index 000000000..f8fd149e6
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164843.js
@@ -0,0 +1,766 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:func
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164848.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164848.js
new file mode 100644
index 000000000..6e190ec1e
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164848.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(){
+      
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164853.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164853.js
new file mode 100644
index 000000000..b2a28a274
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164853.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164900.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164900.js
new file mode 100644
index 000000000..7e0422aa8
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164900.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164905.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164905.js
new file mode 100644
index 000000000..2dcca2576
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164905.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164906.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164906.js
new file mode 100644
index 000000000..367301b61
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164906.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164909.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164909.js
new file mode 100644
index 000000000..b0265dd60
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164909.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(range[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164910.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164910.js
new file mode 100644
index 000000000..acfa660cf
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164910.js
@@ -0,0 +1,772 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      if(t_max_min[1]-t_max_min[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(t_max_min[1]-t_max_min[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164918.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164918.js
new file mode 100644
index 000000000..a88938180
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164918.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164922.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164922.js
new file mode 100644
index 000000000..f4581426b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164922.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      this._
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164924.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164924.js
new file mode 100644
index 000000000..b2acdc40b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164924.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      this._timeFormatCheck()
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164925.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164925.js
new file mode 100644
index 000000000..22e2861b1
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164925.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      this._timeFormatCheck(t)
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164928.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164928.js
new file mode 100644
index 000000000..873c7974d
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164928.js
@@ -0,0 +1,768 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      this._timeFormatCheck(t_max_min)
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164946.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164946.js
new file mode 100644
index 000000000..bd1b9f61e
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812164946.js
@@ -0,0 +1,769 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d')
+      }else if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      this._timeFormatCheck(t_max_min)
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+        this._timeFormatCheck(t_max_min)
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165255.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165255.js
new file mode 100644
index 000000000..0b3caea06
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165255.js
@@ -0,0 +1,769 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d ')
+      }else if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      this._timeFormatCheck(t_max_min)
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+        this._timeFormatCheck(t_max_min)
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165258.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165258.js
new file mode 100644
index 000000000..083539caf
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165258.js
@@ -0,0 +1,769 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>7*24*60*60*1000){ //时间大于7天不显示小时分钟
+        this._timeFormat=d3.timeFormat('%Y-%m-%d %H')
+      }else if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      this._timeFormatCheck(t_max_min)
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+        this._timeFormatCheck(t_max_min)
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165403.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165403.js
new file mode 100644
index 000000000..d001a8d9a
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165403.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      this._timeFormatCheck(t_max_min)
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+        this._timeFormatCheck(t_max_min)
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          // .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165607.js b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165607.js
new file mode 100644
index 000000000..b00f03a23
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Chart_20200812165607.js
@@ -0,0 +1,767 @@
+import * as d3 from "d3";
+import './d3Chart.scss'
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+import i18n from "../../common/i18n";
+import chartDataFormat from "../chartDataFormat";
+import {Bar, CHART_TYPE} from "./d3Util";
+import {Line} from "./d3Util";
+import {tooltipFormatter} from "./d3Util";
+import {getUUID} from "../../common/js/common";
+
+export function D3LineChart(selector,option){
+  return {
+    options:{
+      selector:selector, //选择器
+      type:option.type,
+      toolbox:{
+        show:true,
+        width:100,
+        height:25,
+        stack:{
+          title:i18n.t('overall.toolBox.stack'),
+          backTitle:i18n.t('overall.toolBox.stackBack'),
+          show:true,
+        }
+      },
+      width:option.width,
+      height:option.height,
+      timeFormat:option.timeFormat?option.timeFormat:'%Y-%m-%d',
+      datas:option.datas,
+      legends:option.legends,
+      title:option.title?option.title:'',
+      subTitle:option.subTitle?option.subTitle:'',
+      colors:option.colors,
+      padding:option.padding?option.padding:{top:40,left:40,bottom:40,right:20},
+      duration:option.duration?option.duration:800,
+      showXAxisTick:option.showXAxisTick?option.showXAxisTick:false,
+      showYAxisTick:option.showYAxisTick?option.showYAxisTick:false,
+      tooltipFormatter:option.tooltipFormatter,
+      unit:option.dataFormatter?option.dataFormatter:9,
+    },
+
+
+    init:function(){
+      //定义画布
+      if(option){
+        this.initOption();
+      }
+      this.dealData();
+      this.drawChart();
+    },
+    createSvg:function(){
+      let $self=this;
+      this.svg=d3.select(this.options.selector)
+        .append('svg')
+        .attr('width',this.options.width)
+        .attr('height',this.options.height)
+        .on('mouseover',function(){
+          if ($self.tooltip) $self.tooltip.style('display', null);
+          if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'orange');
+          $self.svg.style('cursor','crosshair')
+        })
+        .on('mouseout', removeTooltip);
+
+      function removeTooltip() {
+        if ($self.tooltip) $self.tooltip.style('display', 'none');
+        if ($self.tooltipLine) $self.tooltipLine.attr('stroke', 'none');
+      }
+    },
+    drawChart(){
+      this.createSvg();
+
+      this.drawTitle();
+
+      this.createDefs()
+
+      this.creatScale();
+      // if(this.type!==CHART_TYPE.BAR&&this.type!==CHART_TYPE.STACK_BAR){
+      this.createXInnerBar();
+      // }
+
+      this.createYInnderBar();
+      this.createXAxis();
+      this.createYAxis();
+
+      // this.createLegends();
+      if(this._type!==CHART_TYPE.BAR && this._type!==CHART_TYPE.STACK_BAR){
+        this.drawLines();
+      }else{
+        this.drawBars();
+      }
+
+      this.createZoom()
+
+      this.drawToolbox();
+
+      this.drawTooltipContainor()
+
+    },
+    initOption:function(){
+      let $self=this;
+      if(this.options.type){
+        this._type=this.options.type
+      }else{
+        this._type =CHART_TYPE.LINE
+      }
+
+      this._timeFormat=d3.timeFormat(this.options.timeFormat)
+      this._head_height=this.options.padding.top
+      this._foot_height=this.options.padding.bottom
+      this.currentLineNum=this.options.datas.length;
+      this._dataFormatter=chartDataFormat.getUnit(this.options.unit).compute;
+
+      if(this.options.toolbox){
+        this.options.toolbox=this.options.toolbox;
+      }
+
+      if(!this.options.colors || this.options.colors.length<this.currentLineNum){
+        this.colors=[];
+        for(let i=0;i<this.currentLineNum;i++){
+          this.colors.push(randomcolor())
+        }
+      }else{
+        this.colors=this.options.colors;
+      }
+    },
+    dealData:function(){
+      this.datas=JSON.parse(JSON.stringify(this.options.datas))
+      if(this._type == CHART_TYPE.STACK_AREA){
+
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+
+        this.datas.forEach((d,i)=>{
+          if(i!=0){
+            let stackData=this.datas[i-1];
+            d.forEach((t,j)=>{
+              let pre=stackData[j]
+
+              t[1]=t[1]+pre[1]
+            })
+          }
+        })
+      }
+
+      if(this._type == CHART_TYPE.BAR ||this._type == CHART_TYPE.STACK_BAR){
+        this._pastSourceData=JSON.parse(JSON.stringify(this.datas));
+        this.datas=[];
+        for(let i=0;i<this._pastSourceData[0].length;i++){
+          let data=this._pastSourceData.map(item=>{
+            return item[i]
+          })
+          this.datas.push(data)
+        }
+      }
+
+      if(this._type == CHART_TYPE.STACK_BAR){
+        this._stackSourceData=JSON.parse(JSON.stringify(this.datas));//保存转换之前的数据
+        this.datas.forEach(data=>{
+          data.map((item,i)=>{
+            if(i != 0){
+              let before=data[i-1]
+              item[1]+=before[1];
+            }
+            return item;
+          })
+        })
+      }
+      /*if(this.type == CHART_TYPE.BAR||this.type == CHART_TYPE.STACK_BAR){
+        this.minMax=getBarDataMinMax(this.datas)
+      }else{
+
+      }*/
+      this.minMax=getMinMax(this.datas);
+      if(this.options.padding.left < computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')){
+        this.options.padding.left = computeDistance(this._dataFormatter(this.minMax.max,null,-1,3)+'')
+      }
+    },
+    drawTitle:function(){
+      //添加标题
+      if (this.options.title != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.title)
+          .attr("class", "title")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+        this._head_height += 30;
+      }
+      //添加副标题
+      if (this.options.subTitle != "") {
+        this.svg.append("g")
+          .append("text")
+          .text(this.options.subTitle)
+          .attr("class", "subTitle")
+          .attr("x", this.options.width / 2)
+          .attr("y", this._head_height);
+
+        this._head_height += 20;
+      }
+    },
+    drawTooltipContainor:function(){
+      this.tooltip = d3.select('body')
+        .append('div')
+        .attr('id',this.options.selector+'-'+'tooltip')
+        .attr('style',"position: absolute;z-index:9999; background-color: rgba(221,228,237,1);border-color:rgba(221,228,237,1); padding: 5px; display: none; left: 983px; top: 89px;")
+      this.tooltipLine = this.svg.append('line');
+      this.dotBox = this.svg.append('g')
+      /* .selectAll()
+       .data(this.datas)
+       .enter()
+       .append('circle')
+       .attr("cx", 0)
+       .attr("cy", 0)
+       .attr("r", 3)
+       .attr("fill", function(d,i){
+         return $self.colors[i]
+       })
+       .transaction()*/
+    },
+    _timeFormatCheck:function(range){
+      if(range[1]-range[0]>24*60*60*1000){//时间大于一天小于7天，不显示秒
+        this._timeFormat=d3.timeFormat('%m-%d %H:%M')
+      }
+    },
+    creatScale:function(){
+      let t_max_min = d3.extent(this.datas[0], function(d) {
+        return d[0];
+      });
+      this._timeFormatCheck(t_max_min)
+      this.xTicks = Math.min(this.datas[0].length,10)
+
+      //横坐标轴比例尺
+      this.xScale = d3.scaleTime()
+        .domain(t_max_min)
+        .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+
+        t_max_min = d3.extent(this._pastSourceData[0], function(d) {
+          return d[0];
+        });
+        this._timeFormatCheck(t_max_min)
+
+        //辅助比例尺 用于确定鼠标当前对应的x轴位置
+        this._assistScale = d3.scaleTime()
+          .domain(t_max_min)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right]);
+
+        //数据量过大时，渲染出的元素width会为0，导致无法显示
+        // let interval=Number.parseInt(this.datas.length/Number.parseInt((this.options.width-this.options.padding.left-this.options.padding.right)/37+''))
+        let domain=this.datas.map(item=>{return item[0][0]});
+
+        // if(this.datas.length/interval>1){
+        //   domain=domain.filter((item,index)=>{return index%interval==0})
+        // }
+        this._barXAxisDomain=domain;
+        this.xScale=d3.scaleBand()
+          .domain(domain)
+          .range([this.options.padding.left, this.options.width - this.options.padding.right])
+          .paddingInner(0.1)
+
+        this.xScale1=d3.scaleBand()
+          .domain(d3.range(this.options.legends.length))
+          .rangeRound([0,this.xScale.bandwidth()])
+      }
+
+      let minMax=this.minMax
+      //纵坐标轴比例尺
+      this.yScale = d3.scaleLinear()
+        .domain([minMax.min, Math.round(minMax.max*1.05)])
+        .range([this.options.height - this._foot_height, this._head_height]);
+
+    },
+    createZoom:function(){
+      let $self=this;
+      this.zoom = d3.zoom()
+        .scaleExtent([1, 100])
+        .translateExtent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .extent([
+          [this.options.padding.top, 0],
+          [this.options.width - this.options.padding.right, this.options.height]
+        ])
+        .on("zoom", zoomed);
+      this.svg.call(this.zoom);
+
+      function zoomed() {
+        let t = d3.event.transform;
+        $self.currentTransform=t;
+        if($self._type != CHART_TYPE.BAR&&$self._type != CHART_TYPE.STACK_BAR){
+          let xt = t.rescaleX($self.xScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+
+          $self.svg.select('.inner_line_x').call($self.xInner.scale(xt));
+
+          for (let i = 0; i < $self.lines.length; i++) {
+            let lineObject = $self.lines[i];
+
+            lineObject.scale(i, 0, t);
+          }
+        }else{
+          $self.xScale.range([$self.options.padding.left, $self.options.width - $self.options.padding.right].map(d=>d3.event.transform.applyX(d)))
+          $self.xScale1.rangeRound([0,$self.xScale.bandwidth()])
+
+          let xt = t.rescaleX($self._assistScale);
+          $self.svg.select('.bottom_axis').call($self.xAxis.scale(xt)).selectAll("text")
+            .attr("transform", "translate(-10,10) rotate(-20)");
+
+          if(!$self.options.showXAxisTick){
+            let xAxis=$self.svg.select('.bottom_axis')
+            xAxis.select('.domain').remove();
+            xAxis.selectAll('.tick').select('line').remove()
+          }
+          for (let i = 0; i < $self.bars.length; i++) {
+            let barObject = $self.bars[i];
+
+            barObject.scale(i, 0, t);
+          }
+        }
+      }
+    },
+    createDefs:function(){ //创建遮罩
+      this._clipSelector=getUUID()+'-clip';
+      this.svg.append("defs").append("clipPath")
+        .attr("id", this._clipSelector)
+        .append("rect")
+
+        .attr('x', this.options.padding.left)
+        .attr('y', 0)
+        .attr("width", this.options.width - this.options.padding.left - this.options.padding.right)
+        .attr("height", this.options.height);
+    },
+    createXInnerBar:function(){
+
+      let xInner = d3.axisBottom()
+        .scale(this.xScale)
+        .tickSize(-(this.options.height - this._head_height - this._foot_height), 0, 0)
+        .tickFormat("")
+        .ticks(this.xTicks);
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xInner.scale(this._assistScale)
+      }
+      this.xInner=xInner;
+      //添加横轴网格线
+      let xInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_x")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xInner);
+    },
+    createYInnderBar:function(){
+      //定义纵轴网格线
+      let yInner = d3.axisLeft()
+        .scale(this.yScale)
+        .tickSize(-(this.options.width - this.options.padding.left - this.options.padding.right), 0, 0)
+        .tickFormat("")
+        .ticks(10);
+      this.yInner=yInner
+      //添加纵轴网格线
+      let yInnerBar = this.svg.append("g")
+        .attr("class", "inner_line inner_line_y")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yInner);
+    },
+    createXAxis:function(){
+      let $self=this;
+      //定义横轴
+      let xAxis = d3.axisBottom()
+        .scale(this.xScale)
+        .ticks(this.xTicks)
+        .tickFormat($self._timeFormat)
+      if(this._type == CHART_TYPE.BAR||this._type == CHART_TYPE.STACK_BAR){
+        xAxis.scale(this._assistScale)
+      }
+      this.xAxis=xAxis
+      //添加横坐标轴
+      let xBar = this.svg.append("g")
+        .attr("class", "bottom_axis")
+        .attr("transform", "translate(0," + (this.options.height - this._foot_height) + ")")
+        .call(xAxis).selectAll("text")
+        .attr("transform", "translate(-10,8) rotate(-20)")
+
+      if(!this.options.showXAxisTick){
+        let xAxis=this.svg.select('.bottom_axis')
+        xAxis.select('.domain').remove();
+        xAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createYAxis:function(){
+      let dataFormatter=this._dataFormatter;
+      let $self=this;
+      //定义纵轴
+      let yAxis = d3.axisLeft()
+        .scale(this.yScale)
+        .tickFormat(function(d,i,g){
+          let yAxisVals=g.map(item=>{
+            return item.__data__;
+          })
+          let dot = 0;
+          let yAxisValsCopy=Object.assign([],yAxisVals)
+          yAxisVals=yAxisValsCopy.map(item=>{
+            return dataFormatter(item,null,-1,dot)
+          })
+          while(new Set(yAxisVals).size != yAxisVals.length){
+            dot++;
+            yAxisVals=yAxisValsCopy.map(item => {
+              return dataFormatter(item,null,-1,dot)
+            })
+          }
+
+          return yAxisVals[i];
+        })
+      this.yAxis=yAxis;
+      //添加纵轴
+      let yBar = this.svg.append("g")
+        .attr("class", "left_axis")
+        .attr("transform", "translate(" + this.options.padding.left + ",0)")
+        .call(yAxis);
+
+      if(!this.options.showYAxisTick){
+        let yAxis=this.svg.select('.left_axis')
+        yAxis.select('.domain').remove();
+        yAxis.selectAll('.tick').select('line').remove()
+      }
+    },
+    createLegends:function(){
+      let $self=this;
+      let legend = d3.select('#legendArea').attr('class','legend')
+      let textGroup = legend.selectAll("div")
+        .data(this.options.legends);
+
+      textGroup.exit().remove();
+
+      let legendItem=legend.selectAll("div")
+        .data(this.options.legends)
+        .enter()
+        .append("div")
+        .attr("class", "legend-item")
+
+      legendItem.append('span')
+        .attr('class','legend-shape')
+        .style('background',function(d,i){
+          return $self.colors[i]
+        })
+
+      legendItem.append('span')
+        .text(function(d,i){
+          return d.name
+        })
+
+
+      /*let rectGroup = legend.selectAll("rect")
+        .data(this.legends);
+
+      rectGroup.exit().remove();
+
+      legend.selectAll("rect")
+        .data(this.legends)
+        .enter()
+        .append("rect")
+        .attr("x", function(d, i) {
+          return i * 100 - 20;
+        })
+        .attr("y", -10)
+        .attr("width", 12)
+        .attr("height", 12)
+        .attr("fill", function(d, i) {
+          return $self.colors[i];
+        });*/
+
+      // legend.attr("transform", "translate(" + ((this.width - this.legends.length * 100) / 2) + "," + (this.height - 10) + ")");
+    },
+    drawLines:function(){
+      this.lines=[];
+      let $self=this;
+      this.svg
+        .on('mousemove', lineTooltip)
+
+      let totalColor=randomcolor();
+      function lineTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self.xScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self.xScale.invert(d3.mouse($self.svg.node())[0]);
+
+        drawTipLine(time)
+        drawTipDot(time)
+        let sum=0;
+        let items=[];
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(time))
+
+        let tooltipDatas=$self._type == CHART_TYPE.STACK_AREA?$self._stackSourceData:$self.datas;
+
+        tooltipDatas.forEach((d,i)=>{
+          let toolVal=d[0];
+          let min=Math.abs(+toolVal[0] - +time )
+          d.forEach(item=>{
+            let temp=Math.abs(+item[0] - +time)
+            if(temp - min < 0){
+              min=temp;
+              toolVal=item;
+            }
+          })
+          if(toolVal){
+            sum+=toolVal[1];
+            items.push({legend:$self.options.legends[i],value:$self._dataFormatter(toolVal[1],null,-1,2),color:$self.colors[i]})
+          }
+        })
+        if($self._type == CHART_TYPE.STACK_AREA){
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(sum,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+
+      function drawTipLine(time){
+        if ($self.currentTransform)
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('x2', $self.currentTransform.applyX($self.xScale(time)))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+        else
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time))
+            .attr('x2', $self.xScale(time))
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      function drawTipDot(time) {
+        // if(chart.currentTransform){
+        //
+        // }else{
+        //
+        // }
+      }
+
+      for (let i = 0; i < this.currentLineNum; i++) {
+        let newLine = new Line(this);
+        newLine.init(i);
+        this.lines.push(newLine);
+      }
+    },
+    drawBars:function(){
+      let $self=this;
+      this.svg.on('mousemove', barTooltip)
+      let totalColor=randomcolor();
+      function barTooltip(){
+        let x=d3.mouse($self.svg.node())[0];
+        if(x<$self.options.padding.left||x>$self.options.width-$self.options.padding.right){
+          return false;
+        }
+
+        if ($self.currentTransform)
+          var time = $self.currentTransform.rescaleX($self._assistScale).invert(d3.mouse($self.svg.node())[0]);
+        else
+          var time = $self._assistScale.invert(d3.mouse($self.svg.node())[0]);
+        // var time = assistScale.invert(d3.mouse($self.svg.node())[0]);
+
+        let min=Math.abs(time-$self._barXAxisDomain[0]);
+        let minIndex=0;
+        $self._barXAxisDomain.forEach((item,i)=>{
+          let temp=Math.min(min,Math.abs(time - item))
+          if(min!==temp){
+            min=temp;
+            minIndex=i;
+          }
+        })
+        let xAisVal=$self._barXAxisDomain[minIndex];
+        drawTipLine(xAisVal)
+        let tooltipArr=$self._type == CHART_TYPE.BAR?$self.datas:$self._stackSourceData
+        let tooltipData=tooltipArr.find(item=>{return item[0][0] == xAisVal})
+
+        $self.tooltip.html(d3.timeFormat('%Y-%m-%d %H:%M:%S')(xAisVal))
+
+
+        let items=tooltipData.map((item,i)=>{
+          return {legend:$self.options.legends[i],value:$self._dataFormatter(item[1],null,-1,2),color:$self.colors[i]}
+        })
+        if($self._type == CHART_TYPE.STACK_BAR){
+          let totalData=d3.sum(tooltipData.map(item=>{return item[1]}))
+          items.push({legend:{name:i18n.t('dashboard.panel.chartTotal'),isGray:false},value:$self._dataFormatter(totalData,null,-1,2),color:totalColor})
+        }
+        tooltipFormatter($self.tooltip,items)
+
+        let position=getTooltipPosition($self.tooltip);
+
+        $self.tooltip
+          .style('left', position.left + 'px')
+          .style('top', position.top + 'px')
+      }
+      function drawTipLine(time){
+          $self.tooltipLine
+            .style('stroke-width','1')
+            .attr("clip-path", "url(#"+$self._clipSelector+")")
+            .attr('x1', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('x2', $self.xScale(time)+$self.xScale.bandwidth()/2)
+            .attr('y1', $self._head_height)
+            .attr('y2', $self.options.height - $self._foot_height);
+      }
+      this.bars=[];
+      for(let i=0;i < this.datas.length;i++){
+        let newBar=new Bar(this);
+        newBar.init(i)
+        this.bars.push(newBar)
+      }
+
+    },
+    reDrawChart:function(type,data){
+      let $self=this;
+      this.clearChart();
+      $self._type=type?type:$self._type;
+      this.dealData();
+      this.drawChart();
+
+    },
+    drawToolbox:function(){
+      if(this.options.toolbox.show){
+        let $self=this;
+        let toolbox=d3.select(this.options.selector).select('.toolbox')
+        if(!toolbox.node()){
+          toolbox=d3.select(this.options.selector)
+            .append('div').attr('class','toolbox')
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+        }else{
+          toolbox
+            .attr('style','position:absolute;top:'+(this._head_height-this.options.toolbox.height)+'px;left:'+(this.options.width-this.options.toolbox.width-this.options.padding.right)+'px;min-width:'+this.options.toolbox.width+'px;height:'+this.options.toolbox.height+'px;')
+          toolbox.selectAll('i').remove();
+        }
+        if(this.options.toolbox.stack.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-stack toolbox-stack')
+            .attr('title',this.options.toolbox.stack.title)
+            .on('click',function(){
+              if($self._type == CHART_TYPE.LINE ||$self._type == CHART_TYPE.AREA){
+                $self.backZoom={
+                  type:$self._type,
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_AREA)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type==CHART_TYPE.BAR){
+                $self.backZoom={
+                  type:$self._type,
+                  data:JSON.parse(JSON.stringify($self._pastSourceData))
+                }
+                $self.reDrawChart(CHART_TYPE.STACK_BAR,$self._pastSourceData)
+                toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.backTitle)
+              }else if($self._type == CHART_TYPE.STACK_AREA){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self._stackSourceData)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }else if($self._type == CHART_TYPE.STACK_BAR){
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                  toolbox.select('.toolbox-stack').attr('title',$self.options.toolbox.stack.title)
+                }
+              }
+            })
+        }
+        /*if(this.toolbox.area.show){
+          toolbox.append('i')
+            .attr('class','nz-icon nz-icon-area')
+            .attr('title',this.toolbox.area.title)
+            .on('click',function(){
+              if($self.type != CHART_TYPE.AREA){
+                $self.reDrawChart(CHART_TYPE.AREA)
+              }else{
+                if($self.backZoom){
+                  $self.reDrawChart($self.backZoom.type,$self.backZoom.data)
+                }
+              }
+            })
+        }*/
+
+      }
+    },
+    dispatchAction(type,param){
+      this.svg.selectAll('.event-echo-unit').dispatch(type,{detail:{name:param}})
+    },
+    clearChart:function(){
+      d3.select(this.options.selector).selectAll('svg').remove();
+      this.tooltip.remove();
+      this.tooltipLine.remove();
+
+    }
+  }
+}
+//取得多维数组最大值
+function getMaxdata(arr) {
+  let maxdata = 0;
+  for (let i = 0; i < arr.length; i++) {
+    maxdata = d3.max([maxdata, d3.max(arr[i], function(d) {
+      return d[1];
+    })]);
+  }
+  return maxdata;
+}
+
+function getMinMax(arr){
+  let temp=[];
+  arr.forEach((item,i)=>{
+    let minMax=d3.extent(item,function(d){return d[1]})
+    temp=temp.concat(minMax)
+  })
+  let minMax=d3.extent(temp)
+  return{min:minMax[0],max:minMax[1]}
+}
+
+function computeDistance(str){
+  let width = 0;
+  let html = document.createElement('span');
+  html.innerText = str;
+  html.className = 'getTextWidth';
+  document.querySelector('body').appendChild(html);
+  width = document.querySelector('.getTextWidth').offsetWidth;
+  document.querySelector('.getTextWidth').remove();
+  return Number((width+5));
+}
+
+function getTooltipPosition(tooltip){
+
+  let x=d3.event.pageX
+  let y=d3.event.pageY
+
+  let tooltipWidth=tooltip.node().offsetWidth
+  let tooltipHeight=tooltip.node().offsetHeight
+
+
+  let windowWidth=document.body.offsetWidth;
+  let windowHeight=document.body.offsetHeight;
+
+  let left=x + 20;
+  let top=y + 20;
+
+  if(x+tooltipWidth+20>windowWidth){
+    left=x - 20 - tooltipWidth;
+  }
+
+  if(y+tooltipHeight+20>windowHeight){
+    top=y - 20 - tooltipHeight;
+  }
+
+  return {left:left,top:top}
+
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812135814.js b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812135814.js
new file mode 100644
index 000000000..a617cdc5f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812135814.js
@@ -0,0 +1,341 @@
+import * as d3 from "d3";
+import i18n from "../../common/i18n";
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+
+export function CHART_TYPE(){}
+CHART_TYPE.LINE='line'
+CHART_TYPE.AREA='area'
+CHART_TYPE.STACK_AREA='stackArea'
+CHART_TYPE.BAR='bar'
+CHART_TYPE.STACK_BAR='stackBar'
+
+export function Bar(chart){
+  this.group=null;
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let xScale1=chart.xScale1;
+  let yScale=chart.yScale;
+  let colors=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray==true})
+  let state='multi';
+  let colorScale=d3.scaleOrdinal()
+    .domain(chart.options.height - chart._foot_height,chart._head_height)
+    .range(colors)
+
+  this.init=function(index){
+    /*let data=dataset.map((item,i)=>{
+      return item[index];
+    })*/
+    let data=dataset[index]
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+    if(!timeScale){
+      return;
+    }
+    this.data=data;
+    this.group=svg.append('g').attr("clip-path","url(#"+chart._clipSelector+")")
+      .append('g')
+      .attr('transform','translate('+timeScale+',0)')
+      this.rects=[];
+      data.forEach((d,i)=>{
+        let rect=this.group.append('g').attr('fill',legends[i].isGray?'none':colors[i])
+          .append('rect')
+          .attr('class','event-echo-unit')
+          .attr('y',yScale(d[1]))
+          .on('legend-single-show',function(){
+            state='single'
+            let legend=chart.options.legends[i];
+            let event=d3.event;
+            let name=event.detail?event.detail.name:""
+            if(legend.name == name){
+              if(chart._type == CHART_TYPE.BAR){
+                rect.transition().duration(chart.options.duration)
+                  .attr('x',xScale1(0))
+                  .attr('width',xScale.bandwidth())
+                  .attr('fill',colors[i])
+              }else{
+                rect.transition().duration(chart.options.duration)
+                  .attr('fill',colors[i])
+                  .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+              }
+
+              legend.isGray=false;
+            }else{
+              if(chart._type == CHART_TYPE.BAR){
+                rect.attr('fill','none').attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+              }else{
+                rect.attr('fill','none')
+              }
+              legend.isGray=true;
+            }
+          })
+          .on('legend-all-show',function(){
+            state='multi'
+            if(chart._type == CHART_TYPE.BAR){
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i]).attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+            }else{
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i])
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      let before=data[i-1];
+                      return yScale(before[1]) - yScale(d[1])
+                    }
+                })
+            }
+            chart.options.legends.forEach(item=>{item.isGray=false})
+          })
+
+          if(chart._type==CHART_TYPE.BAR){
+            rect.attr('x',xScale1 (i) )
+                .attr('width',xScale1.bandwidth())
+                .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+          }else{
+            rect.attr('width',xScale.bandwidth())
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      if(singleFlag){
+                        return yScale(chart.minMax.min) - yScale(d[1])
+                      }else{
+                        let before=data[i-1];
+                        return yScale(before[1]) - yScale(d[1])
+                      }
+                    }
+                })
+          }
+        this.rects.push(rect)
+      })
+  }
+  this.scale = function(index, _duration, transform) {
+    if(!this.data){
+      return;
+    }
+    let data=this.data;
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+
+    if(!timeScale){
+      return;
+    }
+    if(this.group){
+      this.group.attr('transform','translate('+timeScale+',0)')
+      if(chart._type == CHART_TYPE.BAR){
+        if(state == 'single'){
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(0))
+              .attr('width',xScale.bandwidth())
+          })
+        }else{
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(i))
+              .attr('width',xScale1.bandwidth())
+          })
+        }
+      }else{
+        this.rects.forEach((rect,i)=>{
+          rect.attr('x',xScale1(0))
+            .attr('width',xScale.bandwidth())
+        })
+      }
+    }
+  }
+}
+export function Line(chart) {
+  this.group = null;
+  this.path = null;
+  let state = 'multi'//区分是显示单条还是全部显示
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let yScale=chart.yScale;
+  let lineColor=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray == true})
+  const dispatch=chart.dispatch;
+
+  this.init = function(id) {
+    let arr = dataset[id];
+    let legend=chart.options.legends[id];
+    this.group = svg.append("g");
+    let $self=this;
+    let line = d3.line()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForStack = d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      // .y0(chart.height - chart._foot_height)
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          if(singleFlag){
+            return chart.options.height - chart._foot_height
+          }else{
+            return  yScale(dataset[id-1][i][1])
+          }
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+    //添加折线
+    this.path = this.group.append("path")
+      .attr("clip-path","url(#"+chart._clipSelector+")")
+      .attr("d", line(arr))
+      .attr('class','event-echo-unit chart-line')
+      .style("fill", 'none')
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9)
+      .on('legend-single-show',function(d,i,group){
+        let event=d3.event;
+        state='single'
+        let name=event.detail?event.detail.name:""
+        if(legend.name != name){
+          $self.group
+            .transition()
+            .duration(chart.options.duration)
+            .style('opacity','0')
+          legend.isGray=true;
+        }else{
+          $self.group.transition()
+            .duration(chart.options.duration).style('opacity','1')
+          legend.isGray=false;
+          if(chart.currentTransform){
+            $self.scale(id,chart.options.duration,chart.currentTransform)
+          }else{
+            $self.group.select('.chart-area').attr('d',areaForNormal(arr))
+          }
+        }
+      })
+      .on('legend-all-show',function(){
+        let event=d3.event;
+        state='multi'
+        $self.group.transition()
+          .duration(chart.options.duration).style('opacity','1')
+        chart.options.legends.forEach(item=>{
+          item.isGray=false;
+        })
+        if(chart.currentTransform){
+          $self.scale(id,chart.options.duration,chart.currentTransform)
+        }else{
+          $self.group.select('.chart-area').attr('d',areaForStack(arr))
+        }
+      })
+    if(chart._type==CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      this.area=this.group.append('path')
+        .attr("clip-path", "url(#"+chart._clipSelector+")")
+        .attr('class','chart-area')
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(chart._type == CHART_TYPE.AREA){
+        this.area.attr('d',areaForNormal(arr))
+      }else{
+        this.area.attr('d',areaForStack(arr))
+      }
+    }
+  };
+
+  this.scale = function(id, _duration, transform) {
+
+    let arr = dataset[id];
+
+    let line = d3.line()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    let areaForStack=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          return  yScale(dataset[id-1][i][1])
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    //添加折线
+    this.group.select(".chart-line")
+      .attr("d", line(arr))
+      .style("fill", "none")
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9);
+    if(chart._type == CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      let area=this.group.select(".chart-area")
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(state == 'single'){
+        area.attr("d", areaForNormal(arr))
+      }else if(state == 'multi'){
+        if(chart._type == CHART_TYPE.STACK_AREA) {
+          area.attr("d", areaForStack(arr))
+        }else {
+          area.attr("d", areaForNormal(arr))
+        }
+      }
+    }
+  }
+}
+
+export function tooltipFormatter(target,params){
+  target.selectAll('div')
+    .data(params)
+    .enter()
+    .append('div')
+    .html(function(d,i){
+      if(!d.legend.isGray){
+        return `<div style="white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display: flex; justify-content: space-between; min-width: 150px; max-width: 600px; line-height: 18px; font-size: 12px;">
+                            <div style="max-width: 500px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;"><span style='display:inline-block;margin-right:5px;border-radius:10px;width:15px;height:5px;background-color: ${d.color};}'></span>${d.legend.alias?d.legend.alias:d.legend.name}:  </div>
+                            <div style="padding-left: 10px;">${d.value}</div>
+                         </div>`
+      }
+    })
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163439.js b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163439.js
new file mode 100644
index 000000000..9ba42428a
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163439.js
@@ -0,0 +1,341 @@
+import * as d3 from "d3";
+import i18n from "../../common/i18n";
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+
+export function CHART_TYPE(){}
+CHART_TYPE.LINE='line'
+CHART_TYPE.AREA='area'
+CHART_TYPE.STACK_AREA='stackArea'
+CHART_TYPE.BAR='bar'
+CHART_TYPE.STACK_BAR='stackBar'
+
+export function Bar(chart){
+  this.group=null;
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let xScale1=chart.xScale1;
+  let yScale=chart.yScale;
+  let colors=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray==true})
+  let state='multi';
+  let colorScale=d3.scaleOrdinal()
+    .domain(chart.options.height - chart._foot_height,chart._head_height)
+    .range(colors)
+
+  this.init=function(index){
+    /*let data=dataset.map((item,i)=>{
+      return item[index];
+    })*/
+    let data=dataset[index]
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+    if(!timeScale){
+      return;
+    }
+    this.data=data;
+    this.group=svg.append('g').attr("clip-path","url(#"+chart._clipSelector+")")
+      .append('g')
+      .attr('transform','translate('+timeScale+',0)')
+      this.rects=[];
+      data.forEach((d,i)=>{
+        let rect=this.group.append('g').attr('fill',legends[i].isGray?'none':colors[i])
+          .append('rect')
+          .attr('class','event-echo-unit')
+          .attr('y',yScale(d[1]))
+          .on('legend-single-show',function(){
+            state='single'
+            let legend=chart.options.legends[i];
+            let event=d3.event;
+            let name=event.detail?event.detail.name:""
+            if(legend.name == name){
+              if(chart._type == CHART_TYPE.BAR){
+                rect.transition().duration(chart.options.duration)
+                  .attr('x',xScale1(0))
+                  .attr('width',xScale.bandwidth())
+                  .attr('fill',colors[i])
+              }else{
+                rect.transition().duration(chart.options.duration)
+                  .attr('fill',colors[i])
+                  .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+              }
+
+              legend.isGray=false;
+            }else{
+              if(chart._type == CHART_TYPE.BAR){
+                rect.attr('fill','none').attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+              }else{
+                rect.attr('fill','none')
+              }
+              legend.isGray=true;
+            }
+          })
+          .on('legend-all-show',function(){
+            state='multi'
+            if(chart._type == CHART_TYPE.BAR){
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i]).attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+            }else{
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i])
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      let before=data[i-1];
+                      return yScale(before[1]) - yScale(d[1])
+                    }
+                })
+            }
+            chart.options.legends.forEach(item=>{item.isGray=false})
+          })
+
+          if(chart._type==CHART_TYPE.BAR){
+            rect.attr('x',xScale1 (i) )
+                .attr('width',xScale1.bandwidth()==0?)
+                .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+          }else{
+            rect.attr('width',xScale.bandwidth())
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      if(singleFlag){
+                        return yScale(chart.minMax.min) - yScale(d[1])
+                      }else{
+                        let before=data[i-1];
+                        return yScale(before[1]) - yScale(d[1])
+                      }
+                    }
+                })
+          }
+        this.rects.push(rect)
+      })
+  }
+  this.scale = function(index, _duration, transform) {
+    if(!this.data){
+      return;
+    }
+    let data=this.data;
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+
+    if(!timeScale){
+      return;
+    }
+    if(this.group){
+      this.group.attr('transform','translate('+timeScale+',0)')
+      if(chart._type == CHART_TYPE.BAR){
+        if(state == 'single'){
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(0))
+              .attr('width',xScale.bandwidth())
+          })
+        }else{
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(i))
+              .attr('width',xScale1.bandwidth())
+          })
+        }
+      }else{
+        this.rects.forEach((rect,i)=>{
+          rect.attr('x',xScale1(0))
+            .attr('width',xScale.bandwidth())
+        })
+      }
+    }
+  }
+}
+export function Line(chart) {
+  this.group = null;
+  this.path = null;
+  let state = 'multi'//区分是显示单条还是全部显示
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let yScale=chart.yScale;
+  let lineColor=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray == true})
+  const dispatch=chart.dispatch;
+
+  this.init = function(id) {
+    let arr = dataset[id];
+    let legend=chart.options.legends[id];
+    this.group = svg.append("g");
+    let $self=this;
+    let line = d3.line()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForStack = d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      // .y0(chart.height - chart._foot_height)
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          if(singleFlag){
+            return chart.options.height - chart._foot_height
+          }else{
+            return  yScale(dataset[id-1][i][1])
+          }
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+    //添加折线
+    this.path = this.group.append("path")
+      .attr("clip-path","url(#"+chart._clipSelector+")")
+      .attr("d", line(arr))
+      .attr('class','event-echo-unit chart-line')
+      .style("fill", 'none')
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9)
+      .on('legend-single-show',function(d,i,group){
+        let event=d3.event;
+        state='single'
+        let name=event.detail?event.detail.name:""
+        if(legend.name != name){
+          $self.group
+            .transition()
+            .duration(chart.options.duration)
+            .style('opacity','0')
+          legend.isGray=true;
+        }else{
+          $self.group.transition()
+            .duration(chart.options.duration).style('opacity','1')
+          legend.isGray=false;
+          if(chart.currentTransform){
+            $self.scale(id,chart.options.duration,chart.currentTransform)
+          }else{
+            $self.group.select('.chart-area').attr('d',areaForNormal(arr))
+          }
+        }
+      })
+      .on('legend-all-show',function(){
+        let event=d3.event;
+        state='multi'
+        $self.group.transition()
+          .duration(chart.options.duration).style('opacity','1')
+        chart.options.legends.forEach(item=>{
+          item.isGray=false;
+        })
+        if(chart.currentTransform){
+          $self.scale(id,chart.options.duration,chart.currentTransform)
+        }else{
+          $self.group.select('.chart-area').attr('d',areaForStack(arr))
+        }
+      })
+    if(chart._type==CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      this.area=this.group.append('path')
+        .attr("clip-path", "url(#"+chart._clipSelector+")")
+        .attr('class','chart-area')
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(chart._type == CHART_TYPE.AREA){
+        this.area.attr('d',areaForNormal(arr))
+      }else{
+        this.area.attr('d',areaForStack(arr))
+      }
+    }
+  };
+
+  this.scale = function(id, _duration, transform) {
+
+    let arr = dataset[id];
+
+    let line = d3.line()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    let areaForStack=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          return  yScale(dataset[id-1][i][1])
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    //添加折线
+    this.group.select(".chart-line")
+      .attr("d", line(arr))
+      .style("fill", "none")
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9);
+    if(chart._type == CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      let area=this.group.select(".chart-area")
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(state == 'single'){
+        area.attr("d", areaForNormal(arr))
+      }else if(state == 'multi'){
+        if(chart._type == CHART_TYPE.STACK_AREA) {
+          area.attr("d", areaForStack(arr))
+        }else {
+          area.attr("d", areaForNormal(arr))
+        }
+      }
+    }
+  }
+}
+
+export function tooltipFormatter(target,params){
+  target.selectAll('div')
+    .data(params)
+    .enter()
+    .append('div')
+    .html(function(d,i){
+      if(!d.legend.isGray){
+        return `<div style="white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display: flex; justify-content: space-between; min-width: 150px; max-width: 600px; line-height: 18px; font-size: 12px;">
+                            <div style="max-width: 500px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;"><span style='display:inline-block;margin-right:5px;border-radius:10px;width:15px;height:5px;background-color: ${d.color};}'></span>${d.legend.alias?d.legend.alias:d.legend.name}:  </div>
+                            <div style="padding-left: 10px;">${d.value}</div>
+                         </div>`
+      }
+    })
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163442.js b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163442.js
new file mode 100644
index 000000000..3aef91e2f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163442.js
@@ -0,0 +1,341 @@
+import * as d3 from "d3";
+import i18n from "../../common/i18n";
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+
+export function CHART_TYPE(){}
+CHART_TYPE.LINE='line'
+CHART_TYPE.AREA='area'
+CHART_TYPE.STACK_AREA='stackArea'
+CHART_TYPE.BAR='bar'
+CHART_TYPE.STACK_BAR='stackBar'
+
+export function Bar(chart){
+  this.group=null;
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let xScale1=chart.xScale1;
+  let yScale=chart.yScale;
+  let colors=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray==true})
+  let state='multi';
+  let colorScale=d3.scaleOrdinal()
+    .domain(chart.options.height - chart._foot_height,chart._head_height)
+    .range(colors)
+
+  this.init=function(index){
+    /*let data=dataset.map((item,i)=>{
+      return item[index];
+    })*/
+    let data=dataset[index]
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+    if(!timeScale){
+      return;
+    }
+    this.data=data;
+    this.group=svg.append('g').attr("clip-path","url(#"+chart._clipSelector+")")
+      .append('g')
+      .attr('transform','translate('+timeScale+',0)')
+      this.rects=[];
+      data.forEach((d,i)=>{
+        let rect=this.group.append('g').attr('fill',legends[i].isGray?'none':colors[i])
+          .append('rect')
+          .attr('class','event-echo-unit')
+          .attr('y',yScale(d[1]))
+          .on('legend-single-show',function(){
+            state='single'
+            let legend=chart.options.legends[i];
+            let event=d3.event;
+            let name=event.detail?event.detail.name:""
+            if(legend.name == name){
+              if(chart._type == CHART_TYPE.BAR){
+                rect.transition().duration(chart.options.duration)
+                  .attr('x',xScale1(0))
+                  .attr('width',xScale.bandwidth())
+                  .attr('fill',colors[i])
+              }else{
+                rect.transition().duration(chart.options.duration)
+                  .attr('fill',colors[i])
+                  .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+              }
+
+              legend.isGray=false;
+            }else{
+              if(chart._type == CHART_TYPE.BAR){
+                rect.attr('fill','none').attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+              }else{
+                rect.attr('fill','none')
+              }
+              legend.isGray=true;
+            }
+          })
+          .on('legend-all-show',function(){
+            state='multi'
+            if(chart._type == CHART_TYPE.BAR){
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i]).attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+            }else{
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i])
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      let before=data[i-1];
+                      return yScale(before[1]) - yScale(d[1])
+                    }
+                })
+            }
+            chart.options.legends.forEach(item=>{item.isGray=false})
+          })
+
+          if(chart._type==CHART_TYPE.BAR){
+            rect.attr('x',xScale1 (i) )
+                .attr('width',xScale1.bandwidth()==0?0.1:)
+                .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+          }else{
+            rect.attr('width',xScale.bandwidth())
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      if(singleFlag){
+                        return yScale(chart.minMax.min) - yScale(d[1])
+                      }else{
+                        let before=data[i-1];
+                        return yScale(before[1]) - yScale(d[1])
+                      }
+                    }
+                })
+          }
+        this.rects.push(rect)
+      })
+  }
+  this.scale = function(index, _duration, transform) {
+    if(!this.data){
+      return;
+    }
+    let data=this.data;
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+
+    if(!timeScale){
+      return;
+    }
+    if(this.group){
+      this.group.attr('transform','translate('+timeScale+',0)')
+      if(chart._type == CHART_TYPE.BAR){
+        if(state == 'single'){
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(0))
+              .attr('width',xScale.bandwidth())
+          })
+        }else{
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(i))
+              .attr('width',xScale1.bandwidth())
+          })
+        }
+      }else{
+        this.rects.forEach((rect,i)=>{
+          rect.attr('x',xScale1(0))
+            .attr('width',xScale.bandwidth())
+        })
+      }
+    }
+  }
+}
+export function Line(chart) {
+  this.group = null;
+  this.path = null;
+  let state = 'multi'//区分是显示单条还是全部显示
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let yScale=chart.yScale;
+  let lineColor=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray == true})
+  const dispatch=chart.dispatch;
+
+  this.init = function(id) {
+    let arr = dataset[id];
+    let legend=chart.options.legends[id];
+    this.group = svg.append("g");
+    let $self=this;
+    let line = d3.line()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForStack = d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      // .y0(chart.height - chart._foot_height)
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          if(singleFlag){
+            return chart.options.height - chart._foot_height
+          }else{
+            return  yScale(dataset[id-1][i][1])
+          }
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+    //添加折线
+    this.path = this.group.append("path")
+      .attr("clip-path","url(#"+chart._clipSelector+")")
+      .attr("d", line(arr))
+      .attr('class','event-echo-unit chart-line')
+      .style("fill", 'none')
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9)
+      .on('legend-single-show',function(d,i,group){
+        let event=d3.event;
+        state='single'
+        let name=event.detail?event.detail.name:""
+        if(legend.name != name){
+          $self.group
+            .transition()
+            .duration(chart.options.duration)
+            .style('opacity','0')
+          legend.isGray=true;
+        }else{
+          $self.group.transition()
+            .duration(chart.options.duration).style('opacity','1')
+          legend.isGray=false;
+          if(chart.currentTransform){
+            $self.scale(id,chart.options.duration,chart.currentTransform)
+          }else{
+            $self.group.select('.chart-area').attr('d',areaForNormal(arr))
+          }
+        }
+      })
+      .on('legend-all-show',function(){
+        let event=d3.event;
+        state='multi'
+        $self.group.transition()
+          .duration(chart.options.duration).style('opacity','1')
+        chart.options.legends.forEach(item=>{
+          item.isGray=false;
+        })
+        if(chart.currentTransform){
+          $self.scale(id,chart.options.duration,chart.currentTransform)
+        }else{
+          $self.group.select('.chart-area').attr('d',areaForStack(arr))
+        }
+      })
+    if(chart._type==CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      this.area=this.group.append('path')
+        .attr("clip-path", "url(#"+chart._clipSelector+")")
+        .attr('class','chart-area')
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(chart._type == CHART_TYPE.AREA){
+        this.area.attr('d',areaForNormal(arr))
+      }else{
+        this.area.attr('d',areaForStack(arr))
+      }
+    }
+  };
+
+  this.scale = function(id, _duration, transform) {
+
+    let arr = dataset[id];
+
+    let line = d3.line()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    let areaForStack=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          return  yScale(dataset[id-1][i][1])
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    //添加折线
+    this.group.select(".chart-line")
+      .attr("d", line(arr))
+      .style("fill", "none")
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9);
+    if(chart._type == CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      let area=this.group.select(".chart-area")
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(state == 'single'){
+        area.attr("d", areaForNormal(arr))
+      }else if(state == 'multi'){
+        if(chart._type == CHART_TYPE.STACK_AREA) {
+          area.attr("d", areaForStack(arr))
+        }else {
+          area.attr("d", areaForNormal(arr))
+        }
+      }
+    }
+  }
+}
+
+export function tooltipFormatter(target,params){
+  target.selectAll('div')
+    .data(params)
+    .enter()
+    .append('div')
+    .html(function(d,i){
+      if(!d.legend.isGray){
+        return `<div style="white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display: flex; justify-content: space-between; min-width: 150px; max-width: 600px; line-height: 18px; font-size: 12px;">
+                            <div style="max-width: 500px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;"><span style='display:inline-block;margin-right:5px;border-radius:10px;width:15px;height:5px;background-color: ${d.color};}'></span>${d.legend.alias?d.legend.alias:d.legend.name}:  </div>
+                            <div style="padding-left: 10px;">${d.value}</div>
+                         </div>`
+      }
+    })
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163450.js b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163450.js
new file mode 100644
index 000000000..8c23cf68e
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163450.js
@@ -0,0 +1,341 @@
+import * as d3 from "d3";
+import i18n from "../../common/i18n";
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+
+export function CHART_TYPE(){}
+CHART_TYPE.LINE='line'
+CHART_TYPE.AREA='area'
+CHART_TYPE.STACK_AREA='stackArea'
+CHART_TYPE.BAR='bar'
+CHART_TYPE.STACK_BAR='stackBar'
+
+export function Bar(chart){
+  this.group=null;
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let xScale1=chart.xScale1;
+  let yScale=chart.yScale;
+  let colors=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray==true})
+  let state='multi';
+  let colorScale=d3.scaleOrdinal()
+    .domain(chart.options.height - chart._foot_height,chart._head_height)
+    .range(colors)
+
+  this.init=function(index){
+    /*let data=dataset.map((item,i)=>{
+      return item[index];
+    })*/
+    let data=dataset[index]
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+    if(!timeScale){
+      return;
+    }
+    this.data=data;
+    this.group=svg.append('g').attr("clip-path","url(#"+chart._clipSelector+")")
+      .append('g')
+      .attr('transform','translate('+timeScale+',0)')
+      this.rects=[];
+      data.forEach((d,i)=>{
+        let rect=this.group.append('g').attr('fill',legends[i].isGray?'none':colors[i])
+          .append('rect')
+          .attr('class','event-echo-unit')
+          .attr('y',yScale(d[1]))
+          .on('legend-single-show',function(){
+            state='single'
+            let legend=chart.options.legends[i];
+            let event=d3.event;
+            let name=event.detail?event.detail.name:""
+            if(legend.name == name){
+              if(chart._type == CHART_TYPE.BAR){
+                rect.transition().duration(chart.options.duration)
+                  .attr('x',xScale1(0))
+                  .attr('width',xScale.bandwidth())
+                  .attr('fill',colors[i])
+              }else{
+                rect.transition().duration(chart.options.duration)
+                  .attr('fill',colors[i])
+                  .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+              }
+
+              legend.isGray=false;
+            }else{
+              if(chart._type == CHART_TYPE.BAR){
+                rect.attr('fill','none').attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+              }else{
+                rect.attr('fill','none')
+              }
+              legend.isGray=true;
+            }
+          })
+          .on('legend-all-show',function(){
+            state='multi'
+            if(chart._type == CHART_TYPE.BAR){
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i]).attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+            }else{
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i])
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      let before=data[i-1];
+                      return yScale(before[1]) - yScale(d[1])
+                    }
+                })
+            }
+            chart.options.legends.forEach(item=>{item.isGray=false})
+          })
+
+          if(chart._type==CHART_TYPE.BAR){
+            rect.attr('x',xScale1 (i) )
+                .attr('width',xScale1.bandwidth()==0?0.1:xScale1.bandwidth())
+                .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+          }else{
+            rect.attr('width',xScale.bandwidth())
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      if(singleFlag){
+                        return yScale(chart.minMax.min) - yScale(d[1])
+                      }else{
+                        let before=data[i-1];
+                        return yScale(before[1]) - yScale(d[1])
+                      }
+                    }
+                })
+          }
+        this.rects.push(rect)
+      })
+  }
+  this.scale = function(index, _duration, transform) {
+    if(!this.data){
+      return;
+    }
+    let data=this.data;
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+
+    if(!timeScale){
+      return;
+    }
+    if(this.group){
+      this.group.attr('transform','translate('+timeScale+',0)')
+      if(chart._type == CHART_TYPE.BAR){
+        if(state == 'single'){
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(0))
+              .attr('width',xScale.bandwidth())
+          })
+        }else{
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(i))
+              .attr('width',xScale1.bandwidth())
+          })
+        }
+      }else{
+        this.rects.forEach((rect,i)=>{
+          rect.attr('x',xScale1(0))
+            .attr('width',xScale.bandwidth())
+        })
+      }
+    }
+  }
+}
+export function Line(chart) {
+  this.group = null;
+  this.path = null;
+  let state = 'multi'//区分是显示单条还是全部显示
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let yScale=chart.yScale;
+  let lineColor=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray == true})
+  const dispatch=chart.dispatch;
+
+  this.init = function(id) {
+    let arr = dataset[id];
+    let legend=chart.options.legends[id];
+    this.group = svg.append("g");
+    let $self=this;
+    let line = d3.line()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForStack = d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      // .y0(chart.height - chart._foot_height)
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          if(singleFlag){
+            return chart.options.height - chart._foot_height
+          }else{
+            return  yScale(dataset[id-1][i][1])
+          }
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+    //添加折线
+    this.path = this.group.append("path")
+      .attr("clip-path","url(#"+chart._clipSelector+")")
+      .attr("d", line(arr))
+      .attr('class','event-echo-unit chart-line')
+      .style("fill", 'none')
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9)
+      .on('legend-single-show',function(d,i,group){
+        let event=d3.event;
+        state='single'
+        let name=event.detail?event.detail.name:""
+        if(legend.name != name){
+          $self.group
+            .transition()
+            .duration(chart.options.duration)
+            .style('opacity','0')
+          legend.isGray=true;
+        }else{
+          $self.group.transition()
+            .duration(chart.options.duration).style('opacity','1')
+          legend.isGray=false;
+          if(chart.currentTransform){
+            $self.scale(id,chart.options.duration,chart.currentTransform)
+          }else{
+            $self.group.select('.chart-area').attr('d',areaForNormal(arr))
+          }
+        }
+      })
+      .on('legend-all-show',function(){
+        let event=d3.event;
+        state='multi'
+        $self.group.transition()
+          .duration(chart.options.duration).style('opacity','1')
+        chart.options.legends.forEach(item=>{
+          item.isGray=false;
+        })
+        if(chart.currentTransform){
+          $self.scale(id,chart.options.duration,chart.currentTransform)
+        }else{
+          $self.group.select('.chart-area').attr('d',areaForStack(arr))
+        }
+      })
+    if(chart._type==CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      this.area=this.group.append('path')
+        .attr("clip-path", "url(#"+chart._clipSelector+")")
+        .attr('class','chart-area')
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(chart._type == CHART_TYPE.AREA){
+        this.area.attr('d',areaForNormal(arr))
+      }else{
+        this.area.attr('d',areaForStack(arr))
+      }
+    }
+  };
+
+  this.scale = function(id, _duration, transform) {
+
+    let arr = dataset[id];
+
+    let line = d3.line()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    let areaForStack=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          return  yScale(dataset[id-1][i][1])
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    //添加折线
+    this.group.select(".chart-line")
+      .attr("d", line(arr))
+      .style("fill", "none")
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9);
+    if(chart._type == CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      let area=this.group.select(".chart-area")
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(state == 'single'){
+        area.attr("d", areaForNormal(arr))
+      }else if(state == 'multi'){
+        if(chart._type == CHART_TYPE.STACK_AREA) {
+          area.attr("d", areaForStack(arr))
+        }else {
+          area.attr("d", areaForNormal(arr))
+        }
+      }
+    }
+  }
+}
+
+export function tooltipFormatter(target,params){
+  target.selectAll('div')
+    .data(params)
+    .enter()
+    .append('div')
+    .html(function(d,i){
+      if(!d.legend.isGray){
+        return `<div style="white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display: flex; justify-content: space-between; min-width: 150px; max-width: 600px; line-height: 18px; font-size: 12px;">
+                            <div style="max-width: 500px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;"><span style='display:inline-block;margin-right:5px;border-radius:10px;width:15px;height:5px;background-color: ${d.color};}'></span>${d.legend.alias?d.legend.alias:d.legend.name}:  </div>
+                            <div style="padding-left: 10px;">${d.value}</div>
+                         </div>`
+      }
+    })
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163454.js b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163454.js
new file mode 100644
index 000000000..d86786284
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163454.js
@@ -0,0 +1,341 @@
+import * as d3 from "d3";
+import i18n from "../../common/i18n";
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+
+export function CHART_TYPE(){}
+CHART_TYPE.LINE='line'
+CHART_TYPE.AREA='area'
+CHART_TYPE.STACK_AREA='stackArea'
+CHART_TYPE.BAR='bar'
+CHART_TYPE.STACK_BAR='stackBar'
+
+export function Bar(chart){
+  this.group=null;
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let xScale1=chart.xScale1;
+  let yScale=chart.yScale;
+  let colors=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray==true})
+  let state='multi';
+  let colorScale=d3.scaleOrdinal()
+    .domain(chart.options.height - chart._foot_height,chart._head_height)
+    .range(colors)
+
+  this.init=function(index){
+    /*let data=dataset.map((item,i)=>{
+      return item[index];
+    })*/
+    let data=dataset[index]
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+    if(!timeScale){
+      return;
+    }
+    this.data=data;
+    this.group=svg.append('g').attr("clip-path","url(#"+chart._clipSelector+")")
+      .append('g')
+      .attr('transform','translate('+timeScale+',0)')
+      this.rects=[];
+      data.forEach((d,i)=>{
+        let rect=this.group.append('g').attr('fill',legends[i].isGray?'none':colors[i])
+          .append('rect')
+          .attr('class','event-echo-unit')
+          .attr('y',yScale(d[1]))
+          .on('legend-single-show',function(){
+            state='single'
+            let legend=chart.options.legends[i];
+            let event=d3.event;
+            let name=event.detail?event.detail.name:""
+            if(legend.name == name){
+              if(chart._type == CHART_TYPE.BAR){
+                rect.transition().duration(chart.options.duration)
+                  .attr('x',xScale1(0))
+                  .attr('width',xScale.bandwidth())
+                  .attr('fill',colors[i])
+              }else{
+                rect.transition().duration(chart.options.duration)
+                  .attr('fill',colors[i])
+                  .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+              }
+
+              legend.isGray=false;
+            }else{
+              if(chart._type == CHART_TYPE.BAR){
+                rect.attr('fill','none').attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+              }else{
+                rect.attr('fill','none')
+              }
+              legend.isGray=true;
+            }
+          })
+          .on('legend-all-show',function(){
+            state='multi'
+            if(chart._type == CHART_TYPE.BAR){
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i]).attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+            }else{
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i])
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      let before=data[i-1];
+                      return yScale(before[1]) - yScale(d[1])
+                    }
+                })
+            }
+            chart.options.legends.forEach(item=>{item.isGray=false})
+          })
+
+          if(chart._type==CHART_TYPE.BAR){
+            rect.attr('x',xScale1 (i) )
+                .attr('width',xScale1.bandwidth()<=0?0.1:xScale1.bandwidth())
+                .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+          }else{
+            rect.attr('width',xScale.bandwidth())
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      if(singleFlag){
+                        return yScale(chart.minMax.min) - yScale(d[1])
+                      }else{
+                        let before=data[i-1];
+                        return yScale(before[1]) - yScale(d[1])
+                      }
+                    }
+                })
+          }
+        this.rects.push(rect)
+      })
+  }
+  this.scale = function(index, _duration, transform) {
+    if(!this.data){
+      return;
+    }
+    let data=this.data;
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+
+    if(!timeScale){
+      return;
+    }
+    if(this.group){
+      this.group.attr('transform','translate('+timeScale+',0)')
+      if(chart._type == CHART_TYPE.BAR){
+        if(state == 'single'){
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(0))
+              .attr('width',xScale.bandwidth())
+          })
+        }else{
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(i))
+              .attr('width',xScale1.bandwidth())
+          })
+        }
+      }else{
+        this.rects.forEach((rect,i)=>{
+          rect.attr('x',xScale1(0))
+            .attr('width',xScale.bandwidth())
+        })
+      }
+    }
+  }
+}
+export function Line(chart) {
+  this.group = null;
+  this.path = null;
+  let state = 'multi'//区分是显示单条还是全部显示
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let yScale=chart.yScale;
+  let lineColor=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray == true})
+  const dispatch=chart.dispatch;
+
+  this.init = function(id) {
+    let arr = dataset[id];
+    let legend=chart.options.legends[id];
+    this.group = svg.append("g");
+    let $self=this;
+    let line = d3.line()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForStack = d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      // .y0(chart.height - chart._foot_height)
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          if(singleFlag){
+            return chart.options.height - chart._foot_height
+          }else{
+            return  yScale(dataset[id-1][i][1])
+          }
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+    //添加折线
+    this.path = this.group.append("path")
+      .attr("clip-path","url(#"+chart._clipSelector+")")
+      .attr("d", line(arr))
+      .attr('class','event-echo-unit chart-line')
+      .style("fill", 'none')
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9)
+      .on('legend-single-show',function(d,i,group){
+        let event=d3.event;
+        state='single'
+        let name=event.detail?event.detail.name:""
+        if(legend.name != name){
+          $self.group
+            .transition()
+            .duration(chart.options.duration)
+            .style('opacity','0')
+          legend.isGray=true;
+        }else{
+          $self.group.transition()
+            .duration(chart.options.duration).style('opacity','1')
+          legend.isGray=false;
+          if(chart.currentTransform){
+            $self.scale(id,chart.options.duration,chart.currentTransform)
+          }else{
+            $self.group.select('.chart-area').attr('d',areaForNormal(arr))
+          }
+        }
+      })
+      .on('legend-all-show',function(){
+        let event=d3.event;
+        state='multi'
+        $self.group.transition()
+          .duration(chart.options.duration).style('opacity','1')
+        chart.options.legends.forEach(item=>{
+          item.isGray=false;
+        })
+        if(chart.currentTransform){
+          $self.scale(id,chart.options.duration,chart.currentTransform)
+        }else{
+          $self.group.select('.chart-area').attr('d',areaForStack(arr))
+        }
+      })
+    if(chart._type==CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      this.area=this.group.append('path')
+        .attr("clip-path", "url(#"+chart._clipSelector+")")
+        .attr('class','chart-area')
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(chart._type == CHART_TYPE.AREA){
+        this.area.attr('d',areaForNormal(arr))
+      }else{
+        this.area.attr('d',areaForStack(arr))
+      }
+    }
+  };
+
+  this.scale = function(id, _duration, transform) {
+
+    let arr = dataset[id];
+
+    let line = d3.line()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    let areaForStack=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          return  yScale(dataset[id-1][i][1])
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    //添加折线
+    this.group.select(".chart-line")
+      .attr("d", line(arr))
+      .style("fill", "none")
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9);
+    if(chart._type == CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      let area=this.group.select(".chart-area")
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(state == 'single'){
+        area.attr("d", areaForNormal(arr))
+      }else if(state == 'multi'){
+        if(chart._type == CHART_TYPE.STACK_AREA) {
+          area.attr("d", areaForStack(arr))
+        }else {
+          area.attr("d", areaForNormal(arr))
+        }
+      }
+    }
+  }
+}
+
+export function tooltipFormatter(target,params){
+  target.selectAll('div')
+    .data(params)
+    .enter()
+    .append('div')
+    .html(function(d,i){
+      if(!d.legend.isGray){
+        return `<div style="white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display: flex; justify-content: space-between; min-width: 150px; max-width: 600px; line-height: 18px; font-size: 12px;">
+                            <div style="max-width: 500px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;"><span style='display:inline-block;margin-right:5px;border-radius:10px;width:15px;height:5px;background-color: ${d.color};}'></span>${d.legend.alias?d.legend.alias:d.legend.name}:  </div>
+                            <div style="padding-left: 10px;">${d.value}</div>
+                         </div>`
+      }
+    })
+}
diff --git a/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163725.js b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163725.js
new file mode 100644
index 000000000..c6de62b18
--- /dev/null
+++ b/.history/nezha-fronted/src/components/charts/d3/d3Util_20200812163725.js
@@ -0,0 +1,341 @@
+import * as d3 from "d3";
+import i18n from "../../common/i18n";
+import {randomcolor} from "../../common/js/radomcolor/randomcolor";
+
+export function CHART_TYPE(){}
+CHART_TYPE.LINE='line'
+CHART_TYPE.AREA='area'
+CHART_TYPE.STACK_AREA='stackArea'
+CHART_TYPE.BAR='bar'
+CHART_TYPE.STACK_BAR='stackBar'
+
+export function Bar(chart){
+  this.group=null;
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let xScale1=chart.xScale1;
+  let yScale=chart.yScale;
+  let colors=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray==true})
+  let state='multi';
+  let colorScale=d3.scaleOrdinal()
+    .domain(chart.options.height - chart._foot_height,chart._head_height)
+    .range(colors)
+
+  this.init=function(index){
+    /*let data=dataset.map((item,i)=>{
+      return item[index];
+    })*/
+    let data=dataset[index]
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+    if(!timeScale){
+      return;
+    }
+    this.data=data;
+    this.group=svg.append('g').attr("clip-path","url(#"+chart._clipSelector+")")
+      .append('g')
+      .attr('transform','translate('+timeScale+',0)')
+      this.rects=[];
+      data.forEach((d,i)=>{
+        let rect=this.group.append('g').attr('fill',legends[i].isGray?'none':colors[i])
+          .append('rect')
+          .attr('class','event-echo-unit')
+          .attr('y',yScale(d[1]))
+          .on('legend-single-show',function(){
+            state='single'
+            let legend=chart.options.legends[i];
+            let event=d3.event;
+            let name=event.detail?event.detail.name:""
+            if(legend.name == name){
+              if(chart._type == CHART_TYPE.BAR){
+                rect.transition().duration(chart.options.duration)
+                  .attr('x',xScale1(0))
+                  .attr('width',xScale.bandwidth())
+                  .attr('fill',colors[i])
+              }else{
+                rect.transition().duration(chart.options.duration)
+                  .attr('fill',colors[i])
+                  .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+              }
+
+              legend.isGray=false;
+            }else{
+              if(chart._type == CHART_TYPE.BAR){
+                rect.attr('fill','none').attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+              }else{
+                rect.attr('fill','none')
+              }
+              legend.isGray=true;
+            }
+          })
+          .on('legend-all-show',function(){
+            state='multi'
+            if(chart._type == CHART_TYPE.BAR){
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i]).attr('x',xScale1(i)).attr('width',xScale1.bandwidth())
+            }else{
+              rect.transition().duration(chart.options.duration)
+                .attr('fill',colors[i])
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      let before=data[i-1];
+                      return yScale(before[1]) - yScale(d[1])
+                    }
+                })
+            }
+            chart.options.legends.forEach(item=>{item.isGray=false})
+          })
+
+          if(chart._type==CHART_TYPE.BAR){
+            rect.attr('x',xScale1 (i) )
+                .attr('width',xScale1.bandwidth()<=0?0.1:xScale1.bandwidth())
+                .attr('height', yScale(chart.minMax.min) - yScale(d[1]))
+          }else{
+            rect.attr('width',xScale.bandwidth())
+                .attr('height',function(){
+                    if(i==0){
+                      return yScale(chart.minMax.min) - yScale(d[1])
+                    }else{
+                      if(singleFlag){
+                        return yScale(chart.minMax.min) - yScale(d[1])
+                      }else{
+                        let before=data[i-1];
+                        return yScale(before[1]) - yScale(d[1])
+                      }
+                    }
+                })
+          }
+        this.rects.push(rect)
+      })
+  }
+  this.scale = function(index, _duration, transform) {
+    if(!this.data){
+      return;
+    }
+    let data=this.data;
+    let time=data[0][0]
+    let $self=this;
+    let timeScale=xScale(time);
+
+    if(!timeScale){
+      return;
+    }
+    if(this.group){
+      this.group.attr('transform','translate('+timeScale+',0)')
+      if(chart._type == CHART_TYPE.BAR){
+        if(state == 'single'){
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(0))
+              .attr('width',xScale.bandwidth())
+          })
+        }else{
+          this.rects.forEach((rect,i)=>{
+            rect.attr('x',xScale1(i))
+              .attr('width',xScale1.bandwidth()<=0?0.1:xScale1.bandwidth())
+          })
+        }
+      }else{
+        this.rects.forEach((rect,i)=>{
+          rect.attr('x',xScale1(0))
+            .attr('width',xScale.bandwidth())
+        })
+      }
+    }
+  }
+}
+export function Line(chart) {
+  this.group = null;
+  this.path = null;
+  let state = 'multi'//区分是显示单条还是全部显示
+  let dataset=chart.datas;
+  let svg=chart.svg;
+  let xScale=chart.xScale;
+  let yScale=chart.yScale;
+  let lineColor=chart.colors;
+  let legends=chart.options.legends;
+  let singleFlag=legends.find(item=>{return item.isGray == true})
+  const dispatch=chart.dispatch;
+
+  this.init = function(id) {
+    let arr = dataset[id];
+    let legend=chart.options.legends[id];
+    this.group = svg.append("g");
+    let $self=this;
+    let line = d3.line()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForStack = d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      // .y0(chart.height - chart._foot_height)
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          if(singleFlag){
+            return chart.options.height - chart._foot_height
+          }else{
+            return  yScale(dataset[id-1][i][1])
+          }
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return xScale(d[0]);
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+      .curve(d3.curveCatmullRom.alpha(0.3)); //折线曲度
+    //添加折线
+    this.path = this.group.append("path")
+      .attr("clip-path","url(#"+chart._clipSelector+")")
+      .attr("d", line(arr))
+      .attr('class','event-echo-unit chart-line')
+      .style("fill", 'none')
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9)
+      .on('legend-single-show',function(d,i,group){
+        let event=d3.event;
+        state='single'
+        let name=event.detail?event.detail.name:""
+        if(legend.name != name){
+          $self.group
+            .transition()
+            .duration(chart.options.duration)
+            .style('opacity','0')
+          legend.isGray=true;
+        }else{
+          $self.group.transition()
+            .duration(chart.options.duration).style('opacity','1')
+          legend.isGray=false;
+          if(chart.currentTransform){
+            $self.scale(id,chart.options.duration,chart.currentTransform)
+          }else{
+            $self.group.select('.chart-area').attr('d',areaForNormal(arr))
+          }
+        }
+      })
+      .on('legend-all-show',function(){
+        let event=d3.event;
+        state='multi'
+        $self.group.transition()
+          .duration(chart.options.duration).style('opacity','1')
+        chart.options.legends.forEach(item=>{
+          item.isGray=false;
+        })
+        if(chart.currentTransform){
+          $self.scale(id,chart.options.duration,chart.currentTransform)
+        }else{
+          $self.group.select('.chart-area').attr('d',areaForStack(arr))
+        }
+      })
+    if(chart._type==CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      this.area=this.group.append('path')
+        .attr("clip-path", "url(#"+chart._clipSelector+")")
+        .attr('class','chart-area')
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(chart._type == CHART_TYPE.AREA){
+        this.area.attr('d',areaForNormal(arr))
+      }else{
+        this.area.attr('d',areaForStack(arr))
+      }
+    }
+  };
+
+  this.scale = function(id, _duration, transform) {
+
+    let arr = dataset[id];
+
+    let line = d3.line()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y(function(d) {
+        return yScale(d[1]);
+      })
+    let areaForNormal=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(chart.options.height - chart._foot_height)
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    let areaForStack=d3.area()
+      .x(function(d, i) {
+        return transform.applyX(xScale(d[0]))
+      })
+      .y0(function(d,i){
+        if(id==0){
+          return chart.options.height - chart._foot_height
+        }else{
+          return  yScale(dataset[id-1][i][1])
+        }
+      })
+      .y1(function(d) {
+        return yScale(d[1])
+      })
+
+    //添加折线
+    this.group.select(".chart-line")
+      .attr("d", line(arr))
+      .style("fill", "none")
+      .style("stroke-width", 1)
+      .style("stroke", legends[id].isGray?'none':lineColor[id])
+      .style("stroke-opacity", 0.9);
+    if(chart._type == CHART_TYPE.AREA||chart._type == CHART_TYPE.STACK_AREA){
+      let area=this.group.select(".chart-area")
+        .style('fill',legends[id].isGray?'none':lineColor[id])
+        .style("stroke", 'none')
+        .style('opacity','.1')
+      if(state == 'single'){
+        area.attr("d", areaForNormal(arr))
+      }else if(state == 'multi'){
+        if(chart._type == CHART_TYPE.STACK_AREA) {
+          area.attr("d", areaForStack(arr))
+        }else {
+          area.attr("d", areaForNormal(arr))
+        }
+      }
+    }
+  }
+}
+
+export function tooltipFormatter(target,params){
+  target.selectAll('div')
+    .data(params)
+    .enter()
+    .append('div')
+    .html(function(d,i){
+      if(!d.legend.isGray){
+        return `<div style="white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display: flex; justify-content: space-between; min-width: 150px; max-width: 600px; line-height: 18px; font-size: 12px;">
+                            <div style="max-width: 500px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;"><span style='display:inline-block;margin-right:5px;border-radius:10px;width:15px;height:5px;background-color: ${d.color};}'></span>${d.legend.alias?d.legend.alias:d.legend.name}:  </div>
+                            <div style="padding-left: 10px;">${d.value}</div>
+                         </div>`
+      }
+    })
+}
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200915192236.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200915192236.vue
new file mode 100644
index 000000000..5883df0c5
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200915192236.vue
@@ -0,0 +1,746 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete this.tagCheckMap[tag.key]
+                    }
+
+                  }
+                })
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916094704.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916094704.vue
new file mode 100644
index 000000000..d549150f5
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916094704.vue
@@ -0,0 +1,746 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[tag.key]
+                    }
+
+                  }
+                })
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916094813.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916094813.vue
new file mode 100644
index 000000000..d324ec8da
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916094813.vue
@@ -0,0 +1,746 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095123.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095123.vue
new file mode 100644
index 000000000..ad2111118
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095123.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095129.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095129.vue
new file mode 100644
index 000000000..90b2dc8e7
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095129.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys(this.tagCheckMap).length > 0){
+            
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095131.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095131.vue
new file mode 100644
index 000000000..f0347a0b9
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095131.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys(this.tagCheckMap).length > 0){
+            
+          }else{
+            
+          }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095134.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095134.vue
new file mode 100644
index 000000000..4084cd7ea
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095134.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys(this.tagCheckMap).length > 0){
+            
+          }     else{
+            
+          }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095136.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095136.vue
new file mode 100644
index 000000000..b0d95ea10
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095136.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys(this.tagCheckMap).length > 0){
+            
+          }     else{
+            
+                }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095139.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095139.vue
new file mode 100644
index 000000000..8e9cd308a
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095139.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys(this.tagCheckMap).length > 0){
+                    
+          }     else{
+            
+                }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095141.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095141.vue
new file mode 100644
index 000000000..425e8f69e
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095141.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys(this.tagCheckMap).length > 0){
+                  
+          }     else{
+            
+                }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095151.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095151.vue
new file mode 100644
index 000000000..dd2e6c0fb
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095151.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys(this.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+            
+                }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095156.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095156.vue
new file mode 100644
index 000000000..e76564de4
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095156.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+            
+                }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095202.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095202.vue
new file mode 100644
index 000000000..f3781024d
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095202.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+            result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+                }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095205.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095205.vue
new file mode 100644
index 000000000..50bc19db6
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095205.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+                }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095211.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095211.vue
new file mode 100644
index 000000000..49a22bc76
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095211.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095214.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095214.vue
new file mode 100644
index 000000000..49a22bc76
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095214.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+                result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095353.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095353.vue
new file mode 100644
index 000000000..66bd35b43
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095353.vue
@@ -0,0 +1,750 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095941.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095941.vue
new file mode 100644
index 000000000..cbcdb8e56
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095941.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095943.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095943.vue
new file mode 100644
index 000000000..0f9213b4f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095943.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    conso
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916095947.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916095947.vue
new file mode 100644
index 000000000..7c38c27c1
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916095947.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log()
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100004.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100004.vue
new file mode 100644
index 000000000..945231662
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100004.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log($self.tag)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100006.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100006.vue
new file mode 100644
index 000000000..5640db6df
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100006.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log($self.tagCheckList)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100007.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100007.vue
new file mode 100644
index 000000000..df9765350
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100007.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log($self.tagCheckList,)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100014.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100014.vue
new file mode 100644
index 000000000..10253cfc2
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100014.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log($self.tagCheckList,values)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100015.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100015.vue
new file mode 100644
index 000000000..10253cfc2
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100015.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log($self.tagCheckList,values)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100210.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100210.vue
new file mode 100644
index 000000000..4bfa918fb
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100210.vue
@@ -0,0 +1,751 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log($self.tagCheckList,values,key)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100228.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100228.vue
new file mode 100644
index 000000000..21f6c1896
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100228.vue
@@ -0,0 +1,752 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log($self.tagCheckList,values,key)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    console.log($self.tagCheckList,values,key)
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100233.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100233.vue
new file mode 100644
index 000000000..63152493b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100233.vue
@@ -0,0 +1,752 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log(''$self.tagCheckList,values,key)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    console.log($self.tagCheckList,values,key)
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100234.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100234.vue
new file mode 100644
index 000000000..ded122002
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100234.vue
@@ -0,0 +1,752 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log('',$self.tagCheckList,values,key)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    console.log($self.tagCheckList,values,key)
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100237.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100237.vue
new file mode 100644
index 000000000..cb0127d53
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100237.vue
@@ -0,0 +1,752 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log('before',$self.tagCheckList,values,key)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    console.log($self.tagCheckList,values,key)
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100240.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100240.vue
new file mode 100644
index 000000000..dddeb4f6d
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100240.vue
@@ -0,0 +1,752 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log('before',$self.tagCheckList,values,key)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    console.log(''$self.tagCheckList,values,key)
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100241.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100241.vue
new file mode 100644
index 000000000..80e36f606
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100241.vue
@@ -0,0 +1,752 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log('before',$self.tagCheckList,values,key)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    console.log('',$self.tagCheckList,values,key)
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100243.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100243.vue
new file mode 100644
index 000000000..c7a4fbb57
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100243.vue
@@ -0,0 +1,752 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log('before',$self.tagCheckList,values,key)
+                    $self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    console.log('after',$self.tagCheckList,values,key)
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100422.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100422.vue
new file mode 100644
index 000000000..096ace504
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100422.vue
@@ -0,0 +1,752 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log('before',$self.tagCheckList,values,key)
+                    $self.tagCheckList=$self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    console.log('after',$self.tagCheckList,values,key)
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})//TODO 明天测试
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/common/leftMenu_20200916100606.vue b/.history/nezha-fronted/src/components/common/leftMenu_20200916100606.vue
new file mode 100644
index 000000000..a0b5818f2
--- /dev/null
+++ b/.history/nezha-fronted/src/components/common/leftMenu_20200916100606.vue
@@ -0,0 +1,752 @@
+<template>
+  <div class="content">
+    <div class="content-left left-slot" :class="{'left-slot-shrink': isShrink}">
+      <div class="sidebar-title too-long-split">
+        <template v-if="parentMenu == '/project'">{{$t("overall.project")}}</template>
+        <template v-else-if="parentMenu == '/asset'">{{$t("overall.asset")}}</template>
+        <template v-else>{{$CONSTANTS.staticMenus[parentMenu].title}}</template>
+      </div>
+      <div class="sidebar-info" style="height: 90%">
+        <el-scrollbar style="height: 100%;">
+          <template v-if="parentMenu == '/project'">
+            <el-collapse class="left-menu-bg" accordion style="padding-top: 0;" ref="projectLeft">
+              <el-collapse-item v-for="(item, index) in projectList" :key="item.id" :name="item.id + ''">
+                <template slot="title">
+                  <div class="sidebar-info-item-project sidebar-info-item" :class="{'sidebar-info-item-active': item.id == currentProject.id}" @click="detailProject(item)" :id="'project-module-'+item.id">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                  </div>
+                </template>
+                <div class="sidebar-info sub-sidebar-info" >
+                  <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule" :title="$t('overall.createModule')">
+                    <i class="nz-icon nz-icon-create-square"></i>
+                  </div>
+                  <template v-else>
+                    <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
+                      <div :id="`module-${module.id}`" class="item-tip">
+                        <div class="item-tip-hide item-tip-key el-popover" :class="itemTip(module.id, module.name, ready)">{{module.name}}</div>
+                        <span class="too-long-split" style="width: 120px;">{{module.name}}</span>
+                        <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="editModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </template>
+          <template v-else-if="parentMenu == '/asset'">
+            <el-collapse v-model="activeType" class="left-menu-bg">
+              <el-collapse-item name="dataCenter" :title="$t('asset.left.dataCenter')">
+                <el-checkbox-group v-model="dcCheckList" size="small">
+                  <el-checkbox class="sidebar-info-item sidebar-info-item-asset" :class="{'sidebar-info-item-active': indOf(dcCheckList, item.id)}"
+                               v-for="(item,key) in dcData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="assetType" :title="$t('asset.assetType')">
+                <el-checkbox-group v-model="assetTypeCheckList" size="small" @change="changeAssetTypeCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(assetTypeCheckList, item.id)}" v-for="(item, key) in assetTypeData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="vendor" :title="$t('asset.left.vendor')">
+                <el-checkbox-group v-model="vendorCheckList" size="small" @change="changeVendorCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(vendorCheckList, item.id)}" v-for="(item, key) in vendorData" :key="key" :label=item.id>
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" >
+                        <span slot="reference">{{item.name}}</span>
+                      </el-popover>
+                      <span v-else>{{item.name}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total<99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+              <el-collapse-item name="ping" :title="$t('asset.left.ping')" v-if="assetPingSwitch">
+                <el-checkbox-group v-model="pingCheckList" size="small" @change="changePingCheckBox">
+                  <el-checkbox class="sidebar-info-item" :class="{'sidebar-info-item-active': indOf(pingCheckList, item.key)}" v-for="(item, index) in pingData" :key="index" :label="item.value">
+                    <div class="sidebar-info-item-txt">
+                      <span>{{item.label}}</span>
+                    </div>
+                    <el-tooltip :content="''+item.total" placement="top" effect="light" :disabled="item.total < 99">
+                      <el-badge class="mark" :value="item.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+            <!--tag 过滤-->
+            <div class="sidebar-title too-long-split orange-font">
+              Tag
+            </div>
+            <el-collapse v-model="activeTag" class="left-menu-bg">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
+                <el-checkbox-group v-model="tagCheckList" size="small" >
+                  <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
+                    <div class="sidebar-info-item-txt">
+                      <el-popover v-if="tag.value.length > 14" trigger="hover" placement="top-start" :content="tag.value" >
+                        <span slot="reference">{{tag.value}}</span>
+                      </el-popover>
+                      <span v-else>{{tag.value}}</span>
+                    </div>
+                    <el-tooltip :content="''+tag.total" placement="top" effect="light" :disabled="tag.total<99">
+                      <el-badge class="mark" :value="tag.total" :max="99"/>
+                    </el-tooltip>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-collapse-item>
+            </el-collapse>
+
+          </template>
+          <template v-else>
+            <div v-for="menu in $CONSTANTS.staticMenus[parentMenu].menu" class="sidebar-info-item" :class="{'sidebar-info-item-active': menu.route == route}" @click="jumpTo(menu.route)">
+              {{menu.name}}
+            </div>
+          </template>
+        </el-scrollbar>
+      </div>
+      <div @click="toggleStat" class="bottom-icon">
+        <div class="bottom-divider"></div>
+        <div style="display: inline-block;float: right;margin-right:15px;"><i style="font-size: 24px;" :class="{'nz-icon nz-icon-push-pin-line': isShrink, 'nz-icon nz-icon-push-pin-fill': !isShrink}" :style="{color : !isShrink ? '#EE9D3F' : ''}"></i></div>
+      </div>
+    </div><div class="content-right right-slot" :class="{'right-slot-open': isShrink}">
+      <router-view/>
+    </div>
+
+    <transition name="right-box">
+      <module-box v-if="rightBox.module.show" :current-project="currentProject" :module="module" @close="closeModuleRightBox" ref="moduleBox"></module-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+    import bus from "../../libs/bus";
+
+    export default {
+      name: "leftMenu",
+      props: {
+        resizeFunc: Function,
+      },
+      data() {
+        return{
+          isShrink: localStorage.getItem('nz-left-menu-shrink') == 'true',
+          parentMenu: "dashboards",
+          //active: "/overview",
+
+          //project相关
+          projectList: [],
+          moduleList: [],
+          showProjectPanel: true,
+          currentProjectTitle: '',
+          currentProject: {id: '', name: '', remark: ''}, //endpoint弹框、module列表用来回显project
+          module: {}, //编辑的module
+          blankModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //空白module
+          currentModule: {id: '', type: '', name: '', project: {}, port: '', path: '', param: '', paramObj: [], snmpParam: ''}, //用来回显的module
+          ready: false,
+          rightBox: {module: {show: false}},
+
+          //asset相关
+          activeType: 'dataCenter',
+          activeTag:'',
+          dcData: [],
+          dcCheckList: [],
+          assetTypeData: [],
+          assetTypeCheckList: [],
+          vendorData: [],
+          vendorCheckList: [],
+          pingData: [],
+          pingCheckList: [],
+          tagData:[],
+          tagCheckList:[],
+          tagCheckMap:{},
+          lastCheckSize:0,
+          assetPingSwitch:true,
+        }
+      },
+      computed: {
+        route() {
+          return this.$route.path;
+        },
+        itemTip() {
+          return function(id, content, ready) {
+            let className = "item-tip-show";
+            this.$nextTick(() => {
+              if (ready) {
+                let cellDom = document.querySelector(`#module-${id}`);
+                let spanDom = document.querySelector(`#module-${id}>span`);
+                if (cellDom.offsetWidth - 16 <= spanDom.offsetWidth) {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.add(className);
+                } else {
+                  document.querySelector(`#module-${id}>.el-popover`).classList.remove(className);
+                }
+              }
+            });
+            return "";
+          }
+        },
+        checkedTagCount(){
+          return this.tagCheckList.length;
+        },
+        currentProjectChange() {
+          return this.$store.state.currentProject;
+        }
+      },
+      watch: {
+        route: {
+          deep: true,
+          immediate: true,
+          handler(n) {
+            this.parentMenu = this.getParentMenu(n);
+          }
+        },
+        currentProjectChange: {
+          immediate: true,
+          handler(n, o) {
+            if (n && n.id != this.currentProject.id) {
+              this.currentProject = n;
+              if (this.currentProject && this.currentProject.id && this.showProjectPanel) {
+                this.detailProject(this.currentProject);
+              }
+            }
+          },
+        },
+        currentProject(n, o) {
+          bus.$emit("current-project-change", n); //告知project.vue
+        },
+        dcCheckList: {
+          deep: true,
+          immediate:true,
+          handler(n) {
+            bus.$emit("asset-filter-change", "idcIds", n.join(","));
+          }
+        }
+      },
+      created() {
+        this.initEvent(); //注册监听事件
+      },
+      mounted() {
+        Promise.all([this.getProjectList(), this.getModuleList(), this.getLeftMenuList()]).then(response => {
+          setTimeout(() => {
+            this.ready = true;
+          }, 300);
+        });
+      },
+      methods: {
+        toggleStat() {
+          this.isShrink = !this.isShrink;
+          localStorage.setItem('nz-left-menu-shrink', this.isShrink);
+          if (this.resizeFunc) {
+            this.resizeFunc();
+          }
+        },
+        //根据route获取父菜单，
+        getParentMenu(route) {
+          let parentMenu = "";
+          let end = false;
+          if (route != '/project' && route != '/asset') {
+            for (let r in this.$CONSTANTS.staticMenus) {
+              if (!end) {
+                this.$CONSTANTS.staticMenus[r].menu.forEach(menu => {
+                  if (route == menu.route) {
+                    parentMenu = r
+                    end = true;
+                  }
+                });
+              }
+            }
+          } else {
+            parentMenu = route;
+          }
+          return parentMenu;
+        },
+        getProjectList() {
+          return new Promise(resolve => {
+            this.$get('project', {pageSize: -1}).then(response=>{
+              if(response.code == 200){
+                this.projectList = response.data.list;
+              }
+              resolve(this.projectList);
+            });
+          });
+        },
+        getProjectModule(projectId) {
+          let moduleList = JSON.parse(JSON.stringify(this.moduleList));
+          return moduleList.filter((item,index) => {
+            return item.project.id == projectId;
+          })
+        },
+        getModuleList() {
+          return new Promise(resolve => {
+            this.$get('module', { pageSize: -1, pageNo: 1}).then(response => {
+              if (response.code === 200) {
+                this.moduleList = response.data.list;
+                for (let i = 0; i < this.moduleList.length; i++) {
+                  try {
+                    let tempObj = JSON.parse(this.moduleList[i].param);
+                    this.$set(this.moduleList[i], 'paramObj', []);
+                    for (let k in tempObj) {
+                      this.moduleList[i].paramObj.push({key: k, value: tempObj[k]});
+                    }
+                  } catch (err) {}
+                }
+              }
+              resolve(this.moduleList);
+            });
+          });
+        },
+        //左侧module列表选中切换，与project.vue同步
+        changeModule(project, module) {
+          this.showProjectPanel = false;
+          this.changeCurrentProject(project);
+          this.changeCurrentModule(module);
+          bus.$emit("project-page-type", "endpoint");  //告知project.vue
+        },
+        addModule() {
+          this.module = this.newModule();
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        newModule() {
+          return JSON.parse(JSON.stringify(this.blankModule));
+        },
+        //弹出module编辑页
+        editModule(module) {
+          this.module = JSON.parse(JSON.stringify(module));
+          if (!this.module.paramObj) {
+            this.$set(this.module, 'paramObj', []);
+          }
+          if (this.module.snmpParam) {
+            this.initSnmpParam(this.module);
+          }
+          this.rightBox.module.show = true;
+          this.$nextTick(() => {
+            this.$refs.moduleBox.initWalk();
+          });
+        },
+        closeModuleRightBox(refresh) {
+          this.rightBox.module.show = false;
+          if (refresh) {
+            this.getModuleList();
+          }
+        },
+        initSnmpParam(module) {
+          this.$set(module, 'walk', []);
+          this.$set(module, 'version', '');
+          this.$set(module, 'max_repetitions', '');
+          this.$set(module, 'retries', '');
+          this.$set(module, 'timeout', '');
+          this.$set(module, 'community', '');
+          this.$set(module, 'username', '');
+          this.$set(module, 'security_level', '');
+          this.$set(module, 'password', '');
+          this.$set(module, 'auth_protocol', '');
+          this.$set(module, 'priv_protocol', '');
+          this.$set(module, 'priv_password', '');
+          this.$set(module, 'context_name', '');
+        },
+        changeCurrentProject(project) {
+          /*localStorage.setItem("nz-current-project", project.id);
+          this.$store.commit("currentProjectChange", project);*/
+          this.currentProject = project;
+        },
+        changeCurrentModule(module) {
+          bus.$emit("current-module-change", module);  //告知project.vue
+          this.currentModule = module;
+        },
+        //与header.vue同步
+        detailProject(project) {
+          this.showProjectPanel = true;
+          this.changeCurrentProject(project);
+          bus.$emit("project-page-type", "project");  //告知project.vue
+          this.changeCurrentModule({id: ""});
+        },
+
+        initEvent() {
+          /*bus.$on("parent-menu-change", parentMenu => {
+            this.parentMenu = parentMenu;
+          });
+          bus.$on("menu-change", menu => {
+            this.active = menu;
+          });*/
+          bus.$on("header-dc-change", dcId => {
+            this.dcCheckList = [dcId];
+            // bus.$emit("asset-filter-change", "idcIds", dcId);
+          });
+          bus.$on("clear-asset-filter", dcId => {
+            this.dcCheckList = [];
+            this.assetTypeCheckList = [];
+            this.vendorCheckList = [];
+            this.pingCheckList = [];
+          });
+          bus.$on("project-list-change", () => {
+            this.getProjectList();
+          });
+          bus.$on("module-list-change", menu => {
+            this.getModuleList();
+          });
+          bus.$on('asset-list-change',()=>{
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log('before',$self.tagCheckList,values,key)
+                    $self.tagCheckList=$self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    console.log('after',$self.tagCheckList,values,key)
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
+          })
+          bus.$on('asset-property-change',()=>{
+            this.getLeftMenuList();
+          })
+
+          bus.$on('asset-ping-switch-change',(isOpen)=>{
+            this.assetPingSwitch = isOpen
+          })
+        },
+        // 获取asset左侧菜单数据
+        getLeftMenuList(){
+          return new Promise(resolve => {
+            this.$get('asset/filter').then(response => {
+              if (response.code === 200) {
+                //dc
+                this.dcData = response.data.dc;
+                // AssetType
+                this.assetTypeData = response.data.assetType;
+                // vendor
+                this.vendorData = response.data.vendor;
+                // ping
+                this.pingData = response.data.ping.map(item => {
+                  item.label = item.name;
+                  item.value = item.status;
+                  return item;
+                });
+
+                this.tagData = response.data.tag
+
+              }
+              resolve();
+            });
+          });
+        },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
+
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
+        //asset左侧菜单4个事件
+        changeCheckBox() {
+          this.assetClick = true;
+        },
+        changeAssetTypeCheckBox() {
+          if(this.assetTypeCheckList && this.assetTypeCheckList.length > 0){
+            let assetTypeIds = this.assetTypeCheckList.join(',');
+            bus.$emit("asset-filter-change", "typeIds", assetTypeIds);
+          }else{
+            bus.$emit("asset-filter-change", "typeIds", "");
+          }
+        },
+        changeVendorCheckBox() {
+          if(this.vendorCheckList && this.vendorCheckList.length > 0){
+            let vendorIds = this.vendorCheckList.join(',');
+            bus.$emit("asset-filter-change", "vendorIds", vendorIds);
+          }else{
+            bus.$emit("asset-filter-change", "vendorIds", "");
+          }
+        },
+        changePingCheckBox() {
+          if(this.pingCheckList && this.pingCheckList.length > 0){
+            let pingStates = this.pingCheckList.join(',');
+            bus.$emit("asset-filter-change", "pingStates", pingStates);
+          }else{
+            bus.$emit("asset-filter-change", "pingStates", "");
+          }
+        },
+        changeTagCheckBox(tag,value){
+          let checked=this.tagCheckMap[tag.key];
+          if(!checked){
+            checked=[];
+          }
+          if(this.lastCheckSize < this.tagCheckList.length){
+            checked.push(value)
+          }else{
+            let index=checked.findIndex(item=>{
+              return item == value
+            })
+            checked.splice(index,1)
+          }
+
+          if(checked.length>0){
+            this.tagCheckMap[tag.key] = checked;
+          }else{
+            if(this.tagCheckMap[tag.key]){
+              delete this.tagCheckMap[tag.key]
+            }
+          }
+          this.lastCheckSize = this.tagCheckList.length;
+          if(Object.keys(this.tagCheckMap).length > 0){
+            bus.$emit("asset-filter-change", "tags", JSON.stringify(this.tagCheckMap));
+          }else{
+            bus.$emit("asset-filter-change", "tags", '');
+          }
+        },
+        indOf(a, b) {
+          let c = [];
+          for (let i = 0; i < a.length; i++) {
+            c.push(a[i]);
+          }
+          if (c.indexOf(b) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        },
+        jumpTo(route) {
+          /*bus.$emit("menu-change", route);
+          localStorage.setItem('nz-parent-menu', this.parentMenu);
+          localStorage.setItem('nz-menu-change', route);*/
+          this.$router.push({
+            path: route,
+            query: {
+              t: +new Date()
+            }
+          });
+        }
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  .content{
+    position: relative;
+    height: calc(100% - 50px);
+  }
+  .slot-content{
+    height: 100%;
+  }
+  .content .left-slot{
+    position: relative;
+    background-color: $left-menu-bgcolor;
+    transition: transform 200ms, opacity 200ms;
+    transform: scaleX(1);
+    transform-origin: left;
+    opacity: 1;
+    /*border-bottom: 1px solid #eeeeee;*/
+    /*transition: all 100ms;*/
+  }
+  .content .right-slot{
+    width: calc(100% - 200px);
+  }
+  .content .right-slot-open{
+    width: calc(100% - 23px);
+    margin-left: -177px;
+  }
+  .content .left-slot-shrink{
+    transform: scaleX(0.12);
+    opacity: 0;
+    .bottom-icon .bottom-divider{
+      width: 0px;
+    }
+  }
+  .slot-content {
+    transition: opacity 200ms;
+  }
+
+  .item-tip {
+    position: relative;
+  }
+  .item-tip-hide {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    min-width: 50px;
+    white-space: normal;
+  }
+  .sidebar-info-sub-item:first-of-type .item-tip-hide {
+    bottom: -50px;
+  }
+  .item-tip:hover>.item-tip-show {
+    display: block;
+  }
+  .hid-div{
+    visibility: hidden;
+  }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
+
+  .sub-sidebar-info{
+    padding-top: 10px !important;
+    padding-left: 10px;
+    box-sizing: border-box;
+  }
+  .sub-side-bar-menu-edit{
+    margin-right: 18px;
+  }
+
+  .sidebar-info-item-project.sidebar-info-item{
+    margin:0 !important;
+  }
+  .sidebar-info-item-asset .sidebar-info-item-txt{
+    vertical-align: text-top;
+  }
+  /deep/ .el-badge__content{
+    min-width: 15px;
+  }
+  .left-slot .bottom-icon{
+    position:absolute;
+    width: 36px;
+    height: 36px;
+    right: 0;
+    bottom: 30px;
+  }
+  .left-slot .bottom-icon i{
+    visibility: hidden;
+  }
+  .left-slot:hover{
+    .bottom-icon i{
+      visibility: visible;
+    }
+  }
+  .left-slot .bottom-icon i:hover{
+    cursor: pointer;
+  }
+
+  .bottom-icon .bottom-divider{
+    display: inline-block;
+    height: 1px;
+    width: 175px;
+    border-top: 1px solid lightgrey;
+    vertical-align: middle;
+    visibility: hidden;
+  }
+  .content .left-slot-shrink:hover{
+    transform: scaleX(1);
+    z-index: 100;
+    opacity: 1;
+    .bottom-icon{
+      z-index: 101;
+    }
+    .bottom-icon .bottom-divider{
+      width: 175px;
+    }
+  }
+</style>
+<style lang="scss">
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/asset/assetAddUnit_20200109174241.vue b/.history/nezha-fronted/src/components/page/asset/assetAddUnit_20200109174241.vue
new file mode 100644
index 000000000..948dc4a5f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/asset/assetAddUnit_20200109174241.vue
@@ -0,0 +1,1479 @@
+<template>
+  <transition name="right-box-580">
+    <div class="right-box right-box-add-asset" v-if="addUnitShow" @click="editQuit">
+      <div class="right-box-top-btns">
+        <button type="button" @click.stop="addNewData('asset')" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+          <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
+        </button>
+        <button type="button" @click.stop="sendStateData('close')"
+                class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
+          <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+        </button>
+      </div>
+
+      <div class="right-box-title">{{$t('asset.createAssetTab.title')}}</div>
+
+      <el-scrollbar class="right-box-form-box">
+        <el-form :model="assetData" label-width="120px" class="right-box-form right-box-form-left" :rules="rules" ref="addAssetForm">
+          <el-form-item :label="this.$t('asset.createAssetTab.sn')" prop="sn">
+            <el-input size="mini" v-model="assetData.sn" maxlength="64" show-word-limit/>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.host')" prop="host">
+            <el-input size="mini" v-model="assetData.host"/>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.state')" prop="state">
+            <el-select size="mini" v-model="assetData.state" placeholder="">
+              <el-option
+                v-for="item in assetStateOption"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <div class="asset-sub-title">{{$t('asset.createAssetTab.assetInfo')}}</div>
+          <div class="line-100 asset-line"></div>
+          <!------------------------------------------资产类型---------------------------------------------->
+          <el-form-item :label="this.$t('asset.createAssetTab.assetType')" class="right-box-form-content" prop="assetType">
+            <el-select popper-class="asset-dropdown" size="mini" v-model="assetType" clearable @change="getAllModelOptionData" placeholder=""
+                       @visible-change="cancelEdit" class="right-box-row-with-btn">
+              <el-option
+                v-for="(item) in assetTypeOptionData"
+                :key="item.id"
+                :value="item.code"
+                :label="item.value"
+              >
+                <span v-if="!item.isEdit">{{ item.value }}</span>
+                <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
+                                        <el-input type="text" v-model="item.value" size="mini"/>
+                                    </span>
+                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type')">
+                                        <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
+                                        <i class="el-icon-check" v-if="item.isEdit"
+                                           @click="editData('sys/dict/update',item)"></i>
+                                    </span>
+                <span class="config-dropdown-btn config-dropdown-btn-delete"><i class="el-icon-delete"></i></span>
+              </el-option>
+            </el-select>
+            <div class="right-box-row-btn right-box-row-btn-small">
+              <el-popover
+                placement="left"
+                v-model="popTypeVisible"
+              >
+                <div class="pop-window-assetType" @click="editQuit()">
+                  <div class="pop-window-assetType-content">
+                    <!--右上角按钮-->
+                    <div class="pop-top-btns">
+                      <button type="button" @click="popoverClose('type')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                        <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+                      </button>
+                    </div>
+                    <!--标题-->
+                    <div class="pop-title">{{$t('asset.createAssetTab.assetTypeTab.assetType')}}</div>
+                    <!--表单内容-->
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.assetTypeTab.addAssetType')}}</div>
+                      <el-input class="input-x-mini" v-model="assetTypeData.value"/>
+                      <button type="button" @click="addNewData('assetType')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                        <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
+                      </button>
+                    </div>
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.assetTypeTab.existAssetType')}}</div>
+                      <div class="pop-box pop-box-asset">
+                        <el-scrollbar style="height: 100%;">
+                          <ul style="list-style: none">
+                            <li style="cursor: pointer;"
+                                v-for="(item,index) in assetTypeOptionData"
+                                @click="clickState(index,item,'type')"
+                                :class="{'pop-box-active': modelCount === index}"
+                                :key="index">
+                              <div>
+                                <span v-if="!item.isEdit">{{ item.value }}</span>
+                                <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
+                                  <el-input class="input-x-mini" v-model="item.value"/>
+                                </span>
+                                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type',index)">
+                                  <i class="el-icon-edit-outline"v-if="!item.isEdit"></i>
+                                  <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
+                                </span>
+                                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                                      @click.stop="deleteData('/sys/dict/delete',item.id)">
+                                  <i class="el-icon-delete"></i>
+                                </span>
+                              </div>
+                            </li>
+                          </ul>
+                        </el-scrollbar>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div slot="reference"><i class="el-icon-plus"></i></div>
+              </el-popover>
+            </div>
+          </el-form-item>
+          <!------------------------------------------厂商/型号---------------------------------------------->
+          <el-form-item :label="this.$t('asset.createAssetTab.vendor')" class="right-box-form-content" prop="modelId">
+            <el-cascader
+              :options="vendorTypeOptionData"
+              :key="isResourceShow"
+              v-model="assetData.modelId"
+              :disabled="this.assetType!=''?false:true"
+              clearable
+              size="mini"
+              placeholder=""
+              class="right-box-row-with-btn"
+            >
+            </el-cascader>
+            <div class="right-box-row-btn right-box-row-btn-small">
+              <el-popover
+                placement="left"
+                trigger="click"
+                width="255"
+                v-model="popCompVisible"
+                :disabled=popState
+                v-clickoutside="clickOutSide"
+              >
+                <div class="pop-window-assetType" @click="editQuit()">
+                  <div class="pop-window-assetType-content">
+                    <div class="pop-top-btns">
+                      <button type="button" @click="popoverClose('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                        <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+                      </button>
+                    </div>
+                    <!--标题-->
+                    <div class="pop-title">{{$t('asset.createAssetTab.vendorTab.vendor')}}</div>
+                    <!--表单内容-->
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.vendorName')}}</div>
+                      <el-input class="input-x-mini" v-model="addVendorData.value"/>
+                      <button type="button" @click="addNewData('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                        <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
+                      </button>
+                    </div>
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.existVendor')}}</div>
+                      <div class="pop-box pop-box-asset">
+                        <el-scrollbar style="height: 100%;">
+                          <ul style="list-style: none">
+                            <li style="cursor: pointer;"
+                                v-for="(item,index) in vendorUlData"
+                                @click="getLidata(index,item)"
+                                :class="{'pop-box-active': vendorCount === index}"
+                                :key="index">
+                              <div>
+                                <span v-if="!item.isEdit">{{ item.value }}</span>
+                                <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
+                                  <el-input class="input-x-mini" v-model="item.value"/>
+                                </span>
+                                <span class="config-dropdown-btn"
+                                      @click.stop="editVendorOptionData(item,'vendor',index)">
+                                  <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
+                                  <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
+                                </span>
+                                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                                      @click.stop="deleteData('/sys/dict/delete',item.id)"><i
+                                  class="el-icon-delete"></i>
+                                </span>
+                              </div>
+                            </li>
+                          </ul>
+                        </el-scrollbar>
+                      </div>
+                    </div>
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.modelName')}}</div>
+                      <el-input class="input-x-mini" v-model="addNewModelData.name"/>
+                      <button type="button" @click="addNewData('model')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                        <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
+                      </button>
+                    </div>
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.existModel')}}</div>
+                      <div class="pop-box pop-box-asset">
+                        <el-scrollbar style="height: 100%;">
+                          <ul style="list-style: none">
+                            <li style="cursor: pointer;"
+                                v-for="(item,index) in modelUlData"
+                                @click="clickState(index,item,'model') "
+                                :class="{'pop-box-active': modelCount === index}"
+                                :key="index">
+                              <div>
+                                <span v-if="!item.isEdit">{{item.name}}</span>
+                                <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
+                                  <el-input class="input-x-mini" v-model="item.name"/>
+                                </span>
+                                <span class="config-dropdown-btn"
+                                      @click.stop="editOptionData(item,'model',index)">
+                                  <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
+                                  <i class="el-icon-check" v-if="item.isEdit" @click="editData('model',item)"></i>
+                                </span>
+                                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                                      @click.stop="deleteData('model',item.id)"><i
+                                  class="el-icon-delete"></i>
+                                </span>
+                              </div>
+                            </li>
+                          </ul>
+                        </el-scrollbar>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div slot="reference"><i class="el-icon-plus"></i></div>
+              </el-popover>
+            </div>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.purchaseDate')" class="right-box-form-content">
+            <el-date-picker
+              size="mini"
+              v-model="assetData.purchaseDate"
+              value-format="yyyy-MM-dd"
+              type="date"
+              style="width: 100%"
+              placeholder="">
+            </el-date-picker>
+          </el-form-item>
+          <div class="asset-sub-title">{{$t('asset.createAssetTab.dc')}}</div>
+          <div class="line-100 asset-line"></div>
+          <!------------------------------------------IDC---------------------------------------------->
+          <el-form-item :label="this.$t('asset.createAssetTab.dcName')" class="right-box-form-content" prop="idcId">
+            <el-select popper-class="asset-dropdown" size="mini" v-model="assetData.idcId" clearable @change="getSingleIDCData" class="right-box-row-with-btn" placeholder="">
+              <el-option
+                v-for="item in IDCOptionData"
+                :key="item.key"
+                :label="item.name"
+                :value="item.id"
+              >
+                <span>{{ item.name }}</span>
+                <idc-config-box :post-idc="popIdcData" placement="left" @after="getIDCOptionData" :button-class="'config-dropdown-btn'">
+                  <template v-slot:optionZone>
+                    <i class="el-icon-edit-outline" @click="getSingleIDCData(item.id,'edit', item)"></i>
+                  </template>
+                </idc-config-box>
+                <!--<el-popover
+                  placement="left"
+                  v-model="item[item.name]"
+                >
+                  <div class="pop-window-assetType-content">
+                    <div class="right-box-top-btns">
+                      <div class="right-box-top-btn right-box-top-btn-full"
+                           @click="item[item.name] = false">
+                        <div class="right-box-btn-icon">
+                          <i class="el-icon-close"></i>
+                        </div>
+                        <span>{{$t('overall.esc')}}</span>
+                      </div>
+                    </div>
+                    <div class="pop-window">
+                      <span style="display: block;padding-bottom: 20px">{{$t('asset.createAssetTab.editIdcTab.title')}}</span>
+                      <el-form-item :label="$t('asset.createAssetTab.dcName')">
+                        <el-input v-model="popIdcData.name"/>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.location')">
+                        <el-input v-model="popIdcData.location"/>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.principal')">
+                        <el-select v-model="popIdcData.principal" clearable size="mini">
+                          <el-option
+                            v-for="item in idcUserData"
+                            :key="item.key"
+                            :label="item.username"
+                            :value="item.userId"
+                          >
+                          </el-option>
+                        </el-select>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.editIdcTab.tel')">
+                        <el-input size="mini" v-model="popIdcData.tel"/>
+                      </el-form-item>
+                    </div>
+                  </div>
+                  <div class="right-box-bottom-btns">
+                    <div class="right-box-bottom-btn right-box-bottom-btn-cancel"
+                         @click.stop="item[item.name]= false">
+                      {{$t('overall.cancel')}}
+                    </div>
+                    <div class="right-box-bottom-btn right-box-bottom-btn-50"
+                         @click="editData('idc',item)">
+                      {{$t('overall.save')}}
+                    </div>
+                  </div>
+                  <span class="config-dropdown-btn" slot="reference"
+                        @click.stop="getSingleIDCData(item.id,'edit',item)"><i
+                    class="el-icon-edit-outline"></i></span>
+                </el-popover>-->
+                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                      @click.stop="deleteData('idc',item.id)"><i
+                  class="el-icon-delete"></i></span>
+              </el-option>
+            </el-select>
+            <div class="right-box-row-btn right-box-row-btn-small">
+              <idc-config-box placement="left" @after="getIDCOptionData"></idc-config-box>
+              <!--<el-popover
+                placement="left"
+                trigger="click"
+                v-model="popIDCVisible"
+              >
+                <div class="pop-window-assetType-content">
+                  <div class="right-box-top-btns">
+                    <div class="right-box-top-btn right-box-top-btn-full"
+                         @click="popoverClose('idc')">
+                      <div class="right-box-btn-icon">
+                        <i class="el-icon-close"></i>
+                      </div>
+                      <span>{{$t('overall.esc')}}</span>
+                    </div>
+                  </div>
+                  <div class="pop-window">
+                      <span
+                        style="display: block;padding-bottom: 20px">{{$t('asset.createAssetTab.AddIdcTab.title')}}</span>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddIdcTab.dcName')">
+                      <el-input v-model="addIdcData.name"/>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddIdcTab.location')">
+                      <el-input v-model="addIdcData.location"/>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddIdcTab.principal')">
+                      <el-select size="mini" v-model="addIdcData.principal" clearable>
+                        <el-option
+                          v-for="item in idcUserData"
+                          :key="item.key"
+                          :label="item.username"
+                          :value="item.userId"
+                        >
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddIdcTab.tel')">
+                      <el-input v-model="addIdcData.tel"/>
+                    </el-form-item>
+                  </div>
+                </div>
+                <div class="right-box-bottom-btns">
+                  <div class="right-box-bottom-btn right-box-bottom-btn-cancel"
+                       @click="popoverClose('idc')">
+                    {{$t('overall.cancel')}}
+                  </div>
+                  <div class="right-box-bottom-btn right-box-bottom-btn-50"
+                       @click="addNewData('IDC')">
+                    {{$t('overall.save')}}
+                  </div>
+                </div>
+                <div slot="reference"><i class="el-icon-plus"></i></div>
+              </el-popover>-->
+            </div>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.location')">
+            <span>{{idcSelectedData.location}}</span>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.principal')">
+            <span>{{this.getPrincipalName(idcSelectedData.principal)}}</span>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.tel')">
+            <span>{{idcSelectedData.tel}}</span>
+          </el-form-item>
+          <div class="line-100 asset-line"></div>
+          <!------------------------------------------cabinet---------------------------------------------->
+          <el-form-item :label="this.$t('asset.createAssetTab.cabinet')" class="right-box-form-content">
+            <el-select v-model="assetData.cabinetId" clearable class="right-box-row-with-btn" popper-class="asset-dropdown"
+                       :disabled="assetData.idcId==''?true:false" size="mini" placeholder=""
+                       @change="getSingleCabinetData">
+              <el-option
+                v-for="item in cabinetOptionData"
+                :key="item.key"
+                :label="item.name"
+                :value="item.id"
+              >
+                <span>{{ item.name }}</span>
+                <el-popover
+                  placement="left"
+                  trigger="manual"
+                  v-model="item[item.name]"
+                  width="400"
+                >
+                  <div class="pop-window-assetType-content">
+                    <div class="pop-top-btns">
+                      <button type="button" @click="editData('cabinet',item)" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                        <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
+                      </button>
+                      <button type="button" @click="item[item.name] = false" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                        <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+                      </button>
+                    </div>
+                    <!--标题-->
+                    <div class="pop-title">{{$t('asset.createAssetTab.editCabinetTab.title')}}</div>
+                    <!--表单内容-->
+                    <el-form class="pop-item-wider" :model="popCabinetData" ref="cabEditForm" :rules="cabRules">
+                      <el-form-item :label="$t('asset.createAssetTab.editCabinetTab.name')" prop="name">
+                        <el-input size="mini" v-model="popCabinetData.name"/>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.editCabinetTab.uSize')" prop="uSize">
+                        <div>{{popCabinetData.uSize}}</div>
+                        <el-slider v-model.number="popCabinetData.uSize" :max="47"></el-slider>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.editCabinetTab.remark')">
+                        <el-input v-model="popCabinetData.remark"
+                                  type="textarea"
+                                  size="mini"
+                                  :rows="2"/>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.editCabinetTab.DC')">
+                        <el-select v-model="popCabinetData.idcId" clearable placeholder="" size="mini" style="width: 100%;" prop="idcId">
+                          <el-option
+                            v-for="item in IDCOptionData"
+                            :key="item.key"
+                            :label="item.name"
+                            :value="item.id"
+                          >
+                            <span>{{ item.name }}</span>
+                            <!--                                                            <el-popover-->
+                            <!--                                                                    placement="top"-->
+                            <!--                                                                    v-model="item[item.name+item.id]"-->
+                            <!--                                                            >-->
+                            <!--                                                                <div class="pop-window-assetType-content">-->
+                            <!--                                                                    <div class="right-box-top-btns">-->
+                            <!--                                                                        <div class="right-box-top-btn right-box-top-btn-full"-->
+                            <!--                                                                             @click="item[item.name+item.id] = false">-->
+                            <!--                                                                            <div class="right-box-btn-icon">-->
+                            <!--                                                                                <i class="el-icon-close"></i>-->
+                            <!--                                                                            </div>-->
+                            <!--                                                                            <span>{{$t('overall.esc')}}</span>-->
+                            <!--                                                                        </div>-->
+                            <!--                                                                    </div>-->
+                            <!--                                                                    <div class="pop-window">-->
+                            <!--                                                                        <span style="display: block;padding-bottom: 20px">标题</span>-->
+                            <!--                                                                        <el-form-item label="DC Name">-->
+                            <!--                                                                            <el-input v-model="addCabIDCData.name"/>-->
+                            <!--                                                                        </el-form-item>-->
+                            <!--                                                                        <el-form-item label="Location">-->
+                            <!--                                                                            <el-input v-model="addCabIDCData.location"/>-->
+                            <!--                                                                        </el-form-item>-->
+                            <!--                                                                        <el-form-item label="负责人">-->
+                            <!--                                                                            <el-select v-model="addCabIDCData.principal"-->
+                            <!--                                                                                       clearable>-->
+                            <!--                                                                                <el-option-->
+                            <!--                                                                                        v-for="item in idcUserData"-->
+                            <!--                                                                                        :key="item.key"-->
+                            <!--                                                                                        :label="item.username"-->
+                            <!--                                                                                        :value="item.userId"-->
+                            <!--                                                                                >-->
+                            <!--                                                                                </el-option>-->
+                            <!--                                                                            </el-select>-->
+                            <!--                                                                        </el-form-item>-->
+                            <!--                                                                        <el-form-item label="Tel">-->
+                            <!--                                                                            <el-input v-model="addCabIDCData.tel"/>-->
+                            <!--                                                                        </el-form-item>-->
+                            <!--                                                                    </div>-->
+                            <!--                                                                </div>-->
+                            <!--                                                                <div class="right-box-bottom-btns">-->
+                            <!--                                                                    <div class="right-box-bottom-btn right-box-bottom-btn-cancel"-->
+                            <!--                                                                         @click.stop="item[item.name+item.id]= false">-->
+                            <!--                                                                        {{$t('overall.cancel')}}-->
+                            <!--                                                                    </div>-->
+                            <!--                                                                    <div class="right-box-bottom-btn right-box-bottom-btn-50"-->
+                            <!--                                                                         @click="editData('idc',item,'CabIDC')">-->
+                            <!--                                                                        {{$t('overall.save')}}-->
+                            <!--                                                                    </div>-->
+                            <!--                                                                </div>-->
+                            <!--                                                                <span class="config-dropdown-btn" slot="reference"-->
+                            <!--                                                                      @click="getSingleIDCData(item.id,'edit')"><i-->
+                            <!--                                                                        class="el-icon-edit-outline"></i></span>-->
+                            <!--                                                            </el-popover>-->
+                            <!--                                                            <span class="config-dropdown-btn config-dropdown-btn-delete"-->
+                            <!--                                                                  @click.stop="deleteData('idc',item.id)"><i-->
+                            <!--                                                                    class="el-icon-delete"></i></span>-->
+                          </el-option>
+                        </el-select>
+                      </el-form-item>
+                    </el-form>
+                  </div>
+                  <span class="config-dropdown-btn" slot="reference"
+                      @click.stop="getSingleCabinetData(item.id,'edit',item)">
+                    <i class="el-icon-edit-outline"></i>
+                  </span>
+                </el-popover>
+
+                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                      @click.stop="deleteData('cabinet',item.id)">
+                  <i class="el-icon-delete"></i>
+                </span>
+              </el-option>
+            </el-select>
+
+            <div class="right-box-row-btn right-box-row-btn-small">
+              <el-popover
+                placement="left"
+                trigger="click"
+                v-model="popCabinetVisible"
+                width="400"
+              >
+                <div class="pop-window-assetType-content">
+                  <div class="pop-top-btns">
+                    <button type="button" @click="addNewData('cabinet')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                      <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
+                    </button>
+                    <button type="button" @click="popoverClose('cabinet')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                      <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+                    </button>
+                  </div>
+                  <!--标题-->
+                  <div class="pop-title">{{$t('asset.createAssetTab.AddCabinetTab.title')}}</div>
+                  <!--表单内容-->
+                  <el-form class="pop-item-wider" :model="addCabinetData" ref="cabAddForm" :rules="cabRules">
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.name')" prop="name">
+                      <el-input size='mini' v-model="addCabinetData.name"/>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.uSize')" prop="uSize">
+                      <div>{{addCabinetData.uSize}}</div>
+                      <el-slider v-model.number="addCabinetData.uSize" :max="47"></el-slider>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.remark')">
+                      <el-input size='mini' v-model="addCabinetData.remark" type="textarea" :rows="2"/>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.DC')" prop="idcId">
+                      <el-select size='mini' v-model="addCabinetData.idcId" clearable style="width: 100%;" placeholder="">
+                        <el-option
+                          v-for="item in IDCOptionData"
+                          :key="item.key"
+                          :label="item.name"
+                          :value="item.id"
+                        >
+                          <span>{{ item.name }}</span>
+                          <!--<el-popover
+                            placement="left"
+                            v-model="item[item.id+item.name]"
+                          >
+                            <div class="pop-window-assetType-content">
+                              <div class="right-box-top-btns">
+                                <div class="right-box-top-btn right-box-top-btn-full"
+                                     @click="item[item.id+item.name] = false">
+                                  <div class="right-box-btn-icon">
+                                    <i class="el-icon-close"></i>
+                                  </div>
+                                  <span>{{$t('overall.esc')}}</span>
+                                </div>
+                              </div>
+                              <div class="pop-window">
+                                <span style="display: block;padding-bottom: 20px">{{$t('asset.createAssetTab.editIdcTab.title')}}</span>
+                                <el-form-item :label="$t('asset.createAssetTab.editIdcTab.dcName')">
+                                  <el-input v-model="addCabIDCData.name"/>
+                                </el-form-item>
+                                <el-form-item :label="$t('asset.createAssetTab.editIdcTab.location')">
+                                  <el-input v-model="addCabIDCData.location"/>
+                                </el-form-item>
+                                <el-form-item :label="$t('asset.createAssetTab.editIdcTab.principal')">
+                                  <el-select v-model="addCabIDCData.principal"
+                                             clearable>
+                                    <el-option
+                                      v-for="item in idcUserData"
+                                      :key="item.key"
+                                      :label="item.username"
+                                      :value="item.userId"
+                                    >
+                                    </el-option>
+                                  </el-select>
+                                </el-form-item>
+                                <el-form-item :label="$t('asset.createAssetTab.editIdcTab.tel')">
+                                  <el-input v-model="addCabIDCData.tel"/>
+                                </el-form-item>
+                              </div>
+                            </div>
+                            <div class="right-box-bottom-btns">
+                              <div class="right-box-bottom-btn right-box-bottom-btn-cancel"
+                                   @click.stop="item[item.id+item.name]= false">
+                                {{$t('overall.cancel')}}
+                              </div>
+                              <div class="right-box-bottom-btn right-box-bottom-btn-50"
+                                   @click="editData('idc',item,'CabIDC')">
+                                {{$t('overall.save')}}
+                              </div>
+                            </div>
+                            <span class="config-dropdown-btn" slot="reference"
+                                  @click="getSingleIDCData(item.id,'edit',item)"><i
+                              class="el-icon-edit-outline"></i></span>
+                          </el-popover>
+                          <span class="config-dropdown-btn config-dropdown-btn-delete"
+                                @click.stop="deleteData('idc',item.id)"><i
+                            class="el-icon-delete"></i></span>-->
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-form>
+                </div>
+                <div slot="reference"><i class="el-icon-plus"></i></div>
+              </el-popover>
+            </div>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.uSize')">
+            <span>{{cabinetSelectedData.uSize}}</span>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.remark')">
+            <span>{{cabinetSelectedData.remark}}</span>
+          </el-form-item>
+          <!--CLI-->
+          <div class="asset-sub-title">{{$t('asset.createAssetTab.cli')}}</div>
+          <div class="line-100 asset-line"></div>
+          <account-config-box v-for="(item,index) in assetData.accounts" :account="item" :key="index" ref="accountConfigBox"></account-config-box>
+        </el-form>
+      </el-scrollbar>
+    </div>
+  </transition>
+</template>
+
+<script>
+  import accountConfig from './accountConfig';
+  export default {
+
+    name: "assetAddUnit",
+    props: {
+      addUnitShow: Boolean
+    },
+    components:{
+      'account-config-box': accountConfig,
+    },
+    data() {
+      return {
+        assetData: {
+          id: '',
+          sn: '',
+          host: '',
+          assetType: '',
+          state: 1,
+          purchaseDate: '',
+          idcId: '',
+          cabinetId: '',
+          modelId: '',
+          accounts: [{
+            authType: 1,
+            user: '',
+            pwd: '',
+            port: '',
+            uploadFile:null
+          }]
+        },
+        assetStateOption: [
+          {
+            value: 1,
+            label: this.$t('asset.createAssetTab.inStock')
+          }, {
+            value: 2,
+            label: this.$t('asset.createAssetTab.notInStock')
+          }],
+        cabinetModelData: '',
+        assetTypeOptionData: [],
+        vendorTypeData: '',
+        vendorTypeOptionData: [],
+        vendorUlData: '',
+        modelUlData: '',
+        vendorCode: '',
+        IDCData: '',
+        IDCOptionData: [],
+        cabinetData: '',
+        cabinetOptionData: [],
+        input: '',
+        assetType: '',
+        assetTypeData: {
+          type: 'assetType',
+          value: '',
+        },
+        addVendorData: {
+          type: 'vendor',
+          value: '',
+        },
+        addNewModelData: {
+          name: '',
+          vendorCode: '',
+          typeCode: ''
+        },
+        accountType: '',
+        idcSelectedData: {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        },
+        addIdcData: {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        },
+        popIdcData: {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        },
+        idcUserData: '',
+        cabinetSelectedData: {
+          name: '',
+          uSize: 0,
+          remark: '',
+          idcId: '',
+        },
+        addCabinetData: {
+          name: '',
+          uSize: 0,
+          remark: '',
+          idcId: '',
+        },
+        popCabinetData: {
+          name: '',
+          uSize: 0,
+          remark: '',
+          idcId: '',
+        },
+        addCabIDCData: {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        },
+        editCabIDCData: {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        },
+        popTypeVisible: false,
+        popCompVisible: false,
+        popIDCVisible: false,
+        popCabinetVisible: false,
+        editPopTypeVisible: false,
+        editPopVendorVisible: false,
+        editPopIDCVisible: false,
+        editPopCabinetVisible: false,
+        vendorCount: '',
+        modelCount: '',
+        allModelUlData: '',
+        addForm: {
+          sn: '',
+          host: '',
+          state: '',
+        },
+        tempData: '',
+        isResourceShow: 0,
+        modelClickData: '',
+        popState: true,
+        rules: {
+          sn: [
+            {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+          ],
+          host: [
+            {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+          ],
+          modelId: [
+            {required: true, message: this.$t('validate.required'), trigger: 'change'}
+          ],
+          assetType: [
+            {required: true, message: this.$t('validate.required'), trigger: 'change'}
+          ],
+          idcId: [
+            {required: true, message: this.$t('validate.required'), trigger: 'change'}
+          ],
+        },
+        cabRules: {
+          name: [
+            {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+          ],
+          uSize: [
+            {required: true, type: 'number', min: 1, max: 47, message: this.$t('validate.required'), trigger: 'blur'}
+          ],
+          idcId: [
+            {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+          ]
+        },
+        uploadFileList:[]
+      }
+    },
+    /*computed: {
+      getData() {
+        return this.$store.state.assetData
+      }
+    },*/
+    watch: {
+      allModelUlData(newVal) {
+        if (newVal) {
+          this.getConnectData()
+        }
+      },
+      assetType(newVal) {
+        this.assetData.assetType = newVal;
+        if (newVal == '') {
+          this.popState = true
+        } else {
+          this.popState = false
+        }
+      },
+      'assetData.idcId': function(n, o) {
+        this.addCabinetData.idcId = n;
+      }
+    },
+    methods: {
+      cancelEdit(data) {
+        if (data === false) {
+          this.getAssetTypeOptionData()
+        }
+      },
+      clickOutSide(data) {
+        if (data) {
+          this.editQuit()
+          this.modelCount = ''
+          this.assetTypeData.value = ''
+          this.addVendorData.value = ''
+          this.addNewModelData.value = ''
+          this.vendorCount = ''
+          this.modelCount = ''
+        }
+      },
+      editQuit() {
+        for (let i of this.assetTypeOptionData) {
+          if (i.isEdit === true) {
+            i.isEdit = false
+            this.getAssetTypeOptionData()
+          }
+        }
+        for (let i of this.vendorUlData) {
+          if (i.isEdit === true) {
+            i.isEdit = false
+            this.getVendorOptionData()
+          }
+        }
+        for (let i of this.modelUlData) {
+          if (i.isEdit === true) {
+            i.isEdit = false
+            this.getModelOptionData(this.assetType, this.vendorCode)
+          }
+        }
+      },
+      getIDCOptionData() {
+        this.$get('idc').then(response => {
+          if (response.code === 200) {
+            this.IDCOptionData = response.data.list;
+            this.markOptionData(this.IDCOptionData)
+            this.$store.commit('assetDcListChange');
+            this.$emit('refreshData');
+          }
+        })
+      },
+      getUserData() {
+        this.$get('sys/user/list').then(response => {
+          if (response.code === 200) {
+            this.idcUserData = response.data.list
+          }
+        })
+      },
+      getCabinetOptionData(data) {
+        this.$get('cabinet?idcId=' + data).then(response => {
+          if (response.code === 200) {
+            this.cabinetOptionData = response.data.list;
+            this.markOptionData(this.cabinetOptionData)
+          }
+        })
+      },
+      getAssetTypeOptionData() {
+        this.$get('sys/dict/all?type=assetType').then(response => {
+          if (response.code === 200) {
+            this.assetTypeOptionData = response.data
+            this.markOptionData(this.assetTypeOptionData)
+          }
+        })
+      },
+      getVendorOptionData() {
+        this.$get('sys/dict/all?type=vendor').then(response => {
+          if (response.code === 200) {
+            this.vendorUlData = response.data
+            this.markOptionData(this.vendorUlData)
+          }
+        })
+      },
+      getModelOptionData(assetType, vendorCode) {
+        this.$get('model?typeCode=' + assetType + '&vendorCode=' + vendorCode).then(response => {
+          if (response.code === 200) {
+            this.modelUlData = response.data.list
+            this.markOptionData(this.modelUlData)
+          }
+        })
+      },
+      getAllModelOptionData(data) {
+        this.assetData.assetType = this.assetType;
+        this.$get('model?typeCode=' + this.assetType).then(response => {
+          if (response.code === 200) {
+            this.allModelUlData = response.data.list
+          }
+        })
+      },
+      editData(data, item, mark) {
+        let obj = {
+          id: '',
+          type: '',
+          value: '',
+          code: ''
+        }
+        let idcData = {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        }
+        if (data === 'model') {
+          item.vendorCode = this.vendorCode
+          item.typeCode = this.assetType
+        }
+        if (data === 'vendor') {
+          obj.id = item.id
+          obj.code = item.code
+          obj.type = item.type
+          obj.value = item.label
+          data = 'sys/dict/update'
+          item = obj
+        }
+        if (data === 'cabinet') {
+          item.name = this.popCabinetData.name
+          item.uSize = this.popCabinetData.uSize
+          item.remark = this.popCabinetData.remark
+          item.idcId = this.popCabinetData.idcId
+        }
+        if (data === 'idc') {
+          idcData.id = item.id
+          idcData.name = this.popIdcData.name
+          idcData.location = this.popIdcData.location
+          idcData.principal = this.popIdcData.principal
+          idcData.tel = this.popIdcData.tel
+          item = idcData
+        }
+        if (mark === 'CabIDC') {
+          idcData.id = item.id
+          idcData.name = this.addCabIDCData.name
+          idcData.location = this.addCabIDCData.location
+          idcData.principal = this.addCabIDCData.principal
+          idcData.tel = this.addCabIDCData.tel
+          item = idcData
+        }
+        this.$put(data, item).then(res => {
+          const h = this.$createElement;
+          if (res.code === 200) {
+            this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+            this.getAssetTypeOptionData();
+            this.getIDCOptionData();
+            this.getAllModelOptionData();
+            if (data === 'cabinet') {
+              this.getCabinetOptionData(item.idcId);
+            }
+            this.$emit('refreshData', 'true');
+          } else {
+            this.$message.error(res.msg);
+          }
+        })
+      },
+      changeLoginType:function(loginType){
+        this.assetData.accounts[0].authType = loginType;
+        if(loginType == 1){//密码登录
+          this.clearFile();
+        }
+        if(loginType == 2){//公钥登录
+          this.assetData.accounts[0].pwd='';
+        }
+      },
+      addNewData(type) {
+        if (type === 'IDC') {
+          this.$post('idc', this.addIdcData).then(res => {
+            const h = this.$createElement;
+            if (res.code === 200) {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+              this.getIDCOptionData()
+              this.getAssetData()
+            } else {
+              this.$message.error(res.msg);
+            }
+          })
+        }
+        if (type === 'assetType') {
+          this.$post('sys/dict/save', this.assetTypeData).then(res => {
+            const h = this.$createElement;
+            if (res.code === 200) {
+              this.getAssetTypeOptionData()
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+            } else {
+              this.$message.error(res.msg);
+            }
+          })
+        }
+        if (type === 'asset') {
+          this.$refs.accountConfigBox[0].validateAccount();
+          let accountValideResult=this.$refs.accountConfigBox[0].validateResult;
+          this.$refs.addAssetForm.validate((valid) => {
+            if (valid&&accountValideResult) {
+              let modelId = ''
+              let authType = ''
+              if (this.assetData.modelId !== '') {
+                modelId = this.assetData.modelId.join(',').split(',')[1]
+              } else {
+                this.assetData.modelId = ''
+              }
+              if (this.assetData.accounts[0].user === '') {
+                authType = ''
+              } else {
+                authType = this.assetData.accounts[0].authType
+              }
+              let form = new FormData();
+              form.append("sn", this.assetData.sn);
+              form.append("host", this.assetData.host);
+              form.append("state", this.assetData.state);
+              form.append("purchaseDate", !this.assetData.purchaseDate?'':this.assetData.purchaseDate);
+              form.append("idcId", this.assetData.idcId);
+              form.append("cabinetId", this.assetData.cabinetId);
+              form.append("modelId", modelId);
+              debugger
+              console.log(this.assetData.accounts)
+              for(let i in this.assetData.accounts){
+                let account=this.assetData.accounts[i];
+                if(account.user){
+                  form.append("accounts["+i+"].authType",account.authType);
+                  form.append("accounts["+i+"].user", account.user);
+                  form.append("accounts["+i+"].port", account.port);
+                  form.append("accounts["+i+"].pwd", account.pwd);
+                  if(account.authType==2){
+                    form.append('cert',account.uploadFile?account.uploadFile.raw:null);
+                  }
+                }
+              }
+              this.$post('asset', form,{'Content-Type': 'multipart/form-data'}).then(res => {
+                const h = this.$createElement;
+                if (res.code === 200) {
+                  this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+                  this.clearFile();
+                  this.$emit('refreshData', 'true');
+                  this.sendStateData('close');
+                } else {
+                  this.$message.error(res.msg);
+                }
+              });
+
+            }
+          });
+        }
+        if (type === 'vendor') {
+          const h = this.$createElement;
+          this.$post('sys/dict/save', this.addVendorData).then(res => {
+            if (res.code === 200) {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+              this.getVendorOptionData()
+            } else {
+              this.$message.error(res.msg);
+            }
+          })
+        }
+        if (type === 'model') {
+          this.addNewModelData.typeCode = this.assetType
+          this.addNewModelData.vendorCode = this.vendorCode
+          this.$post('model', this.addNewModelData).then(res => {
+            if (res.code === 200) {
+              this.getModelOptionData(this.assetType, this.vendorCode)
+              const h = this.$createElement;
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+              this.getAllModelOptionData(this.assetType)
+            } else {
+              const h = this.$createElement;
+              this.$message.error(res.msg);
+            }
+          })
+        }
+        if (type === 'cabinet') {
+          if (this.assetData.idcId != '') {
+            this.addCabinetData.idcId = this.assetData.idcId
+          }
+          this.$post('cabinet', this.addCabinetData).then(res => {
+            const h = this.$createElement;
+            if (res.code === 200) {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+              this.getCabinetOptionData(this.addCabinetData.idcId)
+              this.popoverClose('cabinet');
+              this.editPopoverClose('cabinet');
+            } else {
+              this.$message.error(res.msg);
+            }
+          })
+        }
+      },
+      uploadFile:function(file){
+        console.log(file)
+        this.assetData.accounts[0].file=file.file;
+      },
+      clearFile:function(){
+        if(this.$refs.upload){
+          this.$refs.upload.clearFiles();
+        }
+        this.uploadFileList=[];
+        this.assetData.accounts[0].privateKey='';
+      },
+      deleteData(data, item) {
+        this.$confirm(this.$t("tip.confirmDelete"), {
+          confirmButtonText: this.$t("tip.yes"),
+          cancelButtonText: this.$t("tip.no"),
+          type: 'warning'
+        }).then(() => {
+          this.$delete(data + "?ids=" + item).then(response => {
+            const h = this.$createElement;
+            if (response.code === 200) {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.deleteSuccess")});
+              this.$emit('refreshData', 'true')
+              this.getIDCOptionData()
+              this.getVendorOptionData()
+              this.getCabinetOptionData(this.assetData.idcId)
+              this.getAllModelOptionData(this.assetType)
+              this.getModelOptionData(this.assetType, this.vendorCode)
+            } else {
+              this.$message.error(response.msg);
+            }
+          })
+        });
+      },
+      markOptionData(data) {
+        data.forEach(item => {
+          this.$set(item, 'isEdit', false);
+          this.$set(item, 'oldName', item.value);
+          this.$set(item, 'modelOldName', item.name);
+          this.$set(item, item.name, false)
+          this.$set(item, item.id, false)
+          this.$set(item, item.id + item.name, false)
+          this.$set(item, item.name + item.id, false)
+        })
+      },
+      getConnectData() {
+        this.isResourceShow += 1
+        let resultData = []
+        let modelData = this.allModelUlData
+        for (let i = 0; i < modelData.length; i++) {
+          if (!modelData[i].vendor) {
+            continue;
+          }
+          let obj = {}
+          obj.id = modelData[i].vendor.id
+          obj.code = modelData[i].vendor.code
+          obj.value = modelData[i].vendor.code
+          obj.label = modelData[i].vendor.value
+          obj.children = []
+          resultData.push(obj)
+        }
+        var result = [];
+        var obj1 = {};
+        for (let i = 0; i < resultData.length; i++) {
+          if (!obj1[resultData[i].id]) {
+            result.push(resultData[i]);
+            obj1[resultData[i].id] = true;
+          }
+        }
+        for (let x = 0; x < result.length; x++) {
+          for (let y = 0; y < modelData.length; y++) {
+            if (!modelData[y].vendor) {
+              continue;
+            }
+            if (result[x].code === modelData[y].vendor.code) {
+              let obj2 = {};
+              obj2.value = modelData[y].id;
+              obj2.label = modelData[y].name;
+              result[x].children.push(obj2);
+            }
+          }
+        }
+        this.vendorTypeOptionData = result
+      },
+      editVendorOptionData(item, data, index) {
+        this.vendorCount = index
+        if (!item.isEdit) {
+          item.isEdit = true;
+        } else {
+          if (item.name !== item.oldName) {
+            item.isEdit = false;
+          } else {
+            item.isEdit = false;
+          }
+        }
+        if (data === 'vendor') {
+          for (let i = 0; i < this.vendorUlData.length; i++) {
+            const element = this.vendorUlData[i];
+            if (item.id !== element.id) {
+              element.isEdit = false
+              element.value = element.oldName
+            }
+          }
+        }
+      },
+      editOptionData(item, data, index) {
+        this.modelCount = index;
+        if (!item.isEdit) {
+          item.isEdit = true;
+        } else {
+          if (item.name !== item.oldName) {
+            item.isEdit = false;
+          } else {
+            item.isEdit = false;
+          }
+        }
+        if (data === 'type') {
+          for (let i = 0; i < this.assetTypeOptionData.length; i++) {
+            const element = this.assetTypeOptionData[i];
+            if (item.id !== element.id) {
+              element.isEdit = false
+              element.value = element.oldName
+            }
+          }
+        }
+        if (data === 'model') {
+          for (let i = 0; i < this.modelUlData.length; i++) {
+            const element2 = this.modelUlData[i];
+            if (item.id !== element2.id) {
+              element2.isEdit = false
+              element2.name = element2.modelOldName
+            }
+          }
+        }
+      },
+      handleChange(file,fileList) {
+        if (fileList.length > 0) {
+          this.uploadFileList = [fileList[fileList.length - 1]]
+        }
+        this.assetData.accounts[0].file = this.uploadFileList[0];
+      },
+      delOptionData(data) {
+      },
+      sendStateData(data) {
+        this.$emit('sendStateData', 'close')
+        this.initAdd()
+      },
+      initAdd() {
+        this.assetType = ''
+        this.assetData.sn = ''
+        this.assetData.host = ''
+        this.assetData.state = ''
+        this.assetData.purchaseDate = ''
+        this.assetData.idcId = ''
+        this.assetData.cabinetId = ''
+        this.assetData.modelId = ''
+        this.assetData.accounts[0].authType = 1
+        this.assetData.accounts[0].user = ''
+        this.assetData.accounts[0].pwd = ''
+        this.assetData.accounts[0].port = ''
+        this.assetData.accounts[0].file = ''
+        this.idcSelectedData.location = ''
+        this.idcSelectedData.principal = ''
+        this.idcSelectedData.tel = ''
+        this.cabinetSelectedData.uSize = 0
+        this.cabinetSelectedData.remark = ''
+      },
+      editing(item) {
+        //console.log(item)
+      },
+      getSingleIDCData(data, item, itemData) {
+        if (item !== 'edit') {
+          this.idcSelectedData = '';
+          this.IDCOptionData.forEach(item => {
+            if (item.id === data) {
+              this.idcSelectedData = item
+            }
+          });
+          this.getCabinetOptionData(this.assetData.idcId);
+          this.assetData.cabinetId = ''
+          this.cabinetSelectedData.uSize = ''
+          this.cabinetSelectedData.remark = null
+        } else {
+          this.clickFlush('idc', itemData)
+          this.IDCOptionData.forEach(item => {
+            if (item.id === data) {
+              this.popIdcData.id = item.id;
+              this.popIdcData.name = item.name;
+              this.popIdcData.location = item.location;
+              this.popIdcData.principal = item.principal;
+              this.popIdcData.tel = item.tel;
+              this.addCabIDCData.name = item.name;
+              this.addCabIDCData.location = item.location;
+              this.addCabIDCData.principal = item.principal;
+              this.addCabIDCData.tel = item.tel;
+            }
+          });
+        }
+      },
+      getSingleCabinetData(data, type, item) {
+        if (type !== 'edit') {
+          this.cabinetSelectedData.uSize = 0;
+          this.cabinetSelectedData.remark = null;
+          this.cabinetOptionData.forEach(items => {
+            if (items.id === data) {
+              this.cabinetSelectedData.uSize = items.uSize;
+              this.cabinetSelectedData.remark = items.remark;
+            }
+          })
+        } else {
+          this.clickFlush('cabinet', item)
+          item[item.name] = !item[item.name];
+          this.cabinetOptionData.forEach(items => {
+            if (items.id === data) {
+              this.popCabinetData.name = items.name;
+              this.popCabinetData.uSize = items.uSize;
+              this.popCabinetData.remark = items.remark;
+              this.popCabinetData.idcId = items.idcId;
+            }
+          })
+        }
+      },
+      getLidata(index, item) {
+        this.vendorCount = index;
+        this.vendorCode = item.code;
+        this.getModelOptionData(this.assetType, this.vendorCode)
+      },
+      clickState(index, item, data) {
+        if (data === 'type') {
+          this.modelCount = index;
+          this.tempData = item;
+        }
+        if (data === 'model') {
+          this.modelCount = index;
+          this.modelClickData = item.id
+        }
+      },
+      transferData(data) {
+        if (data === 'type') {
+          this.assetType = this.tempData.code
+          this.popTypeVisible = false
+          this.tempData = ''
+        }
+        if (data === 'model') {
+          this.assetData.modelId = [this.vendorCode, this.modelClickData]
+          this.popCompVisible = false
+          this.tempData = ''
+        }
+      },
+      popoverClose(data) {
+        if (data === 'type') {
+          this.modelCount = ''
+          this.popTypeVisible = false
+        }
+        if (data === 'vendor') {
+          this.popCompVisible = false;
+          this.modelUlData = '';
+          this.vendorCount = ''
+        }
+        if (data === 'idc') {
+          this.popIDCVisible = false
+          this.addIdcData.name = '',
+            this.addIdcData.location = '',
+            this.addIdcData.principal = '',
+            this.addIdcData.tel = ''
+        }
+        if (data === 'cabinet') {
+          this.popCabinetVisible = false
+          this.addCabinetData.name = ''
+          this.addCabinetData.uSize = 0
+          this.addCabinetData.remark = ''
+          this.addCabinetData.idcId = ''
+        }
+      },
+      editPopoverClose(data) {
+        if (data === 'type') {
+          this.modelCount = ''
+          this.editPopTypeVisible = !this.editPopTypeVisible
+        }
+        if (data === 'vendor') {
+          this.vendorCount = ''
+          this.modelCount = ''
+          this.editPopVendorVisible = !this.editPopVendorVisible
+        }
+        if (data === 'idc') {
+          this.editPopIDCVisible = !this.editPopIDCVisible
+        }
+        if (data === 'cabinet') {
+          this.editPopCabinetVisible = !this.editPopCabinetVisible
+        }
+      },
+      getPrincipalName(data) {
+        for (let item in this.idcUserData) {
+          if (this.idcUserData[item].userId === data) {
+            return this.idcUserData[item].username
+          }
+        }
+      },
+      returnData(data) {
+        if (data && data !== '--') {
+          return data.name;
+        } else if (data === '--') {
+          return '-';
+        } else {
+          return "-";
+        }
+      },
+      clickFlush(type, itemData) {
+        if (type === 'idc') {
+          for (let i = 0; i < this.IDCOptionData.length; i++) {
+            const element = this.IDCOptionData[i];
+            if (element.id === itemData.id) {
+              setTimeout(() => {
+                element[element.name] = true;
+              }, 100)
+            } else {
+              element[element.name] = false
+            }
+          }
+        }
+        if (type === 'cabinet') {
+          for (let i = 0; i < this.cabinetOptionData.length; i++) {
+            const element = this.cabinetOptionData[i];
+            if (element.id === itemData.id) {
+              setTimeout(() => {
+                element[element.name] = true;
+              }, 100)
+            } else {
+              element[element.name] = false
+            }
+          }
+        }
+      },
+    },
+    mounted() {
+      this.getUserData()
+      this.getIDCOptionData();
+      this.getVendorOptionData();
+      this.getCabinetOptionData('')
+      this.getAssetTypeOptionData();
+      window.onresize = () => {
+        this.tableHeight = document.documentElement.clientHeight - 200;
+      }
+    }
+  }
+</script>
+
+<style scoped>
+.asset-sub-title {
+  padding: 8px 0;
+}
+.asset-line {
+  margin-bottom: 18px;
+  background-color: #DCDFE6;
+}
+/*去除上传文件动画start*/
+/*.upload-demo {*/
+/*  display: flex;*/
+/*}*/
+/deep/ .el-list-enter-active,
+/deep/ .el-list-leave-active {
+  transition: none;
+}
+
+/deep/ .el-list-enter,
+/deep/ .el-list-leave-active {
+  opacity: 0;
+}
+/deep/ .el-upload-list {
+  height: 40px;
+}
+/*去除上传文件动画end*/
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/asset/assetAddUnit_20200110100141.vue b/.history/nezha-fronted/src/components/page/asset/assetAddUnit_20200110100141.vue
new file mode 100644
index 000000000..52bc802ab
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/asset/assetAddUnit_20200110100141.vue
@@ -0,0 +1,1479 @@
+<template>
+  <transition name="right-box-580">
+    <div class="right-box right-box-add-asset" v-if="addUnitShow" @click="editQuit">
+      <div class="right-box-top-btns">
+        <button type="button" @click.stop="addNewData('asset')" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+          <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
+        </button>
+        <button type="button" @click.stop="sendStateData('close')"
+                class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
+          <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+        </button>
+      </div>
+
+      <div class="right-box-title">{{$t('asset.createAssetTab.title')}}</div>
+
+      <el-scrollbar class="right-box-form-box">
+        <el-form :model="assetData" label-width="120px" class="right-box-form right-box-form-left" :rules="rules" ref="addAssetForm">
+          <el-form-item :label="this.$t('asset.createAssetTab.sn')" prop="sn">
+            <el-input size="mini" v-model="assetData.sn" maxlength="64" show-word-limit/>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.host')" prop="host">
+            <el-input size="mini" v-model="assetData.host"/>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.state')" prop="state">
+            <el-select size="mini" v-model="assetData.state" placeholder="">
+              <el-option
+                v-for="item in assetStateOption"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <div class="asset-sub-title">{{$t('asset.createAssetTab.assetInfo')}}</div>
+          <div class="line-100 asset-line"></div>
+          <!------------------------------------------资产类型---------------------------------------------->
+          <el-form-item :label="this.$t('asset.createAssetTab.assetType')" class="right-box-form-content" prop="assetType">
+            <el-select popper-class="asset-dropdown" size="mini" v-model="assetType" clearable @change="getAllModelOptionData" placeholder=""
+                       @visible-change="cancelEdit" class="right-box-row-with-btn">
+              <el-option
+                v-for="(item) in assetTypeOptionData"
+                :key="item.id"
+                :value="item.code"
+                :label="item.value"
+              >
+                <span v-if="!item.isEdit">{{ item.value }}</span>
+                <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
+                                        <el-input type="text" v-model="item.value" size="mini"/>
+                                    </span>
+                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type')">
+                                        <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
+                                        <i class="el-icon-check" v-if="item.isEdit"
+                                           @click="editData('sys/dict/update',item)"></i>
+                                    </span>
+                <span class="config-dropdown-btn config-dropdown-btn-delete"><i class="el-icon-delete"></i></span>
+              </el-option>
+            </el-select>
+            <div class="right-box-row-btn right-box-row-btn-small">
+              <el-popover
+                placement="left"
+                v-model="popTypeVisible"
+              >
+                <div class="pop-window-assetType" @click="editQuit()">
+                  <div class="pop-window-assetType-content">
+                    <!--右上角按钮-->
+                    <div class="pop-top-btns">
+                      <button type="button" @click="popoverClose('type')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                        <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+                      </button>
+                    </div>
+                    <!--标题-->
+                    <div class="pop-title">{{$t('asset.createAssetTab.assetTypeTab.assetType')}}</div>
+                    <!--表单内容-->
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.assetTypeTab.addAssetType')}}</div>
+                      <el-input class="input-x-mini" v-model="assetTypeData.value"/>
+                      <button type="button" @click="addNewData('assetType')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                        <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
+                      </button>
+                    </div>
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.assetTypeTab.existAssetType')}}</div>
+                      <div class="pop-box pop-box-asset">
+                        <el-scrollbar style="height: 100%;">
+                          <ul style="list-style: none">
+                            <li style="cursor: pointer;"
+                                v-for="(item,index) in assetTypeOptionData"
+                                @click="clickState(index,item,'type')"
+                                :class="{'pop-box-active': modelCount === index}"
+                                :key="index">
+                              <div>
+                                <span v-if="!item.isEdit">{{ item.value }}</span>
+                                <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
+                                  <el-input class="input-x-mini" v-model="item.value"/>
+                                </span>
+                                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type',index)">
+                                  <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
+                                  <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
+                                </span>
+                                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                                      @click.stop="deleteData('/sys/dict/delete',item.id)">
+                                  <i class="el-icon-delete"></i>
+                                </span>
+                              </div>
+                            </li>
+                          </ul>
+                        </el-scrollbar>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div slot="reference"><i class="el-icon-plus"></i></div>
+              </el-popover>
+            </div>
+          </el-form-item>
+          <!------------------------------------------厂商/型号---------------------------------------------->
+          <el-form-item :label="this.$t('asset.createAssetTab.vendor')" class="right-box-form-content" prop="modelId">
+            <el-cascader
+              :options="vendorTypeOptionData"
+              :key="isResourceShow"
+              v-model="assetData.modelId"
+              :disabled="this.assetType!=''?false:true"
+              clearable
+              size="mini"
+              placeholder=""
+              class="right-box-row-with-btn"
+            >
+            </el-cascader>
+            <div class="right-box-row-btn right-box-row-btn-small">
+              <el-popover
+                placement="left"
+                trigger="click"
+                width="255"
+                v-model="popCompVisible"
+                :disabled=popState
+                v-clickoutside="clickOutSide"
+              >
+                <div class="pop-window-assetType" @click="editQuit()">
+                  <div class="pop-window-assetType-content">
+                    <div class="pop-top-btns">
+                      <button type="button" @click="popoverClose('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                        <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+                      </button>
+                    </div>
+                    <!--标题-->
+                    <div class="pop-title">{{$t('asset.createAssetTab.vendorTab.vendor')}}</div>
+                    <!--表单内容-->
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.vendorName')}}</div>
+                      <el-input class="input-x-mini" v-model="addVendorData.value"/>
+                      <button type="button" @click="addNewData('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                        <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
+                      </button>
+                    </div>
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.existVendor')}}</div>
+                      <div class="pop-box pop-box-asset">
+                        <el-scrollbar style="height: 100%;">
+                          <ul style="list-style: none">
+                            <li style="cursor: pointer;"
+                                v-for="(item,index) in vendorUlData"
+                                @click="getLidata(index,item)"
+                                :class="{'pop-box-active': vendorCount === index}"
+                                :key="index">
+                              <div>
+                                <span v-if="!item.isEdit">{{ item.value }}</span>
+                                <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
+                                  <el-input class="input-x-mini" v-model="item.value"/>
+                                </span>
+                                <span class="config-dropdown-btn"
+                                      @click.stop="editVendorOptionData(item,'vendor',index)">
+                                  <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
+                                  <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
+                                </span>
+                                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                                      @click.stop="deleteData('/sys/dict/delete',item.id)"><i
+                                  class="el-icon-delete"></i>
+                                </span>
+                              </div>
+                            </li>
+                          </ul>
+                        </el-scrollbar>
+                      </div>
+                    </div>
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.modelName')}}</div>
+                      <el-input class="input-x-mini" v-model="addNewModelData.name"/>
+                      <button type="button" @click="addNewData('model')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                        <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
+                      </button>
+                    </div>
+                    <div class="pop-item">
+                      <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.existModel')}}</div>
+                      <div class="pop-box pop-box-asset">
+                        <el-scrollbar style="height: 100%;">
+                          <ul style="list-style: none">
+                            <li style="cursor: pointer;"
+                                v-for="(item,index) in modelUlData"
+                                @click="clickState(index,item,'model') "
+                                :class="{'pop-box-active': modelCount === index}"
+                                :key="index">
+                              <div>
+                                <span v-if="!item.isEdit">{{item.name}}</span>
+                                <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
+                                  <el-input class="input-x-mini" v-model="item.name"/>
+                                </span>
+                                <span class="config-dropdown-btn"
+                                      @click.stop="editOptionData(item,'model',index)">
+                                  <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
+                                  <i class="el-icon-check" v-if="item.isEdit" @click="editData('model',item)"></i>
+                                </span>
+                                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                                      @click.stop="deleteData('model',item.id)"><i
+                                  class="el-icon-delete"></i>
+                                </span>
+                              </div>
+                            </li>
+                          </ul>
+                        </el-scrollbar>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div slot="reference"><i class="el-icon-plus"></i></div>
+              </el-popover>
+            </div>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.purchaseDate')" class="right-box-form-content">
+            <el-date-picker
+              size="mini"
+              v-model="assetData.purchaseDate"
+              value-format="yyyy-MM-dd"
+              type="date"
+              style="width: 100%"
+              placeholder="">
+            </el-date-picker>
+          </el-form-item>
+          <div class="asset-sub-title">{{$t('asset.createAssetTab.dc')}}</div>
+          <div class="line-100 asset-line"></div>
+          <!------------------------------------------IDC---------------------------------------------->
+          <el-form-item :label="this.$t('asset.createAssetTab.dcName')" class="right-box-form-content" prop="idcId">
+            <el-select popper-class="asset-dropdown" size="mini" v-model="assetData.idcId" clearable @change="getSingleIDCData" class="right-box-row-with-btn" placeholder="">
+              <el-option
+                v-for="item in IDCOptionData"
+                :key="item.key"
+                :label="item.name"
+                :value="item.id"
+              >
+                <span>{{ item.name }}</span>
+                <idc-config-box :post-idc="popIdcData" placement="left" @after="getIDCOptionData" :button-class="'config-dropdown-btn'">
+                  <template v-slot:optionZone>
+                    <i class="el-icon-edit-outline" @click="getSingleIDCData(item.id,'edit', item)"></i>
+                  </template>
+                </idc-config-box>
+                <!--<el-popover
+                  placement="left"
+                  v-model="item[item.name]"
+                >
+                  <div class="pop-window-assetType-content">
+                    <div class="right-box-top-btns">
+                      <div class="right-box-top-btn right-box-top-btn-full"
+                           @click="item[item.name] = false">
+                        <div class="right-box-btn-icon">
+                          <i class="el-icon-close"></i>
+                        </div>
+                        <span>{{$t('overall.esc')}}</span>
+                      </div>
+                    </div>
+                    <div class="pop-window">
+                      <span style="display: block;padding-bottom: 20px">{{$t('asset.createAssetTab.editIdcTab.title')}}</span>
+                      <el-form-item :label="$t('asset.createAssetTab.dcName')">
+                        <el-input v-model="popIdcData.name"/>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.location')">
+                        <el-input v-model="popIdcData.location"/>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.principal')">
+                        <el-select v-model="popIdcData.principal" clearable size="mini">
+                          <el-option
+                            v-for="item in idcUserData"
+                            :key="item.key"
+                            :label="item.username"
+                            :value="item.userId"
+                          >
+                          </el-option>
+                        </el-select>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.editIdcTab.tel')">
+                        <el-input size="mini" v-model="popIdcData.tel"/>
+                      </el-form-item>
+                    </div>
+                  </div>
+                  <div class="right-box-bottom-btns">
+                    <div class="right-box-bottom-btn right-box-bottom-btn-cancel"
+                         @click.stop="item[item.name]= false">
+                      {{$t('overall.cancel')}}
+                    </div>
+                    <div class="right-box-bottom-btn right-box-bottom-btn-50"
+                         @click="editData('idc',item)">
+                      {{$t('overall.save')}}
+                    </div>
+                  </div>
+                  <span class="config-dropdown-btn" slot="reference"
+                        @click.stop="getSingleIDCData(item.id,'edit',item)"><i
+                    class="el-icon-edit-outline"></i></span>
+                </el-popover>-->
+                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                      @click.stop="deleteData('idc',item.id)"><i
+                  class="el-icon-delete"></i></span>
+              </el-option>
+            </el-select>
+            <div class="right-box-row-btn right-box-row-btn-small">
+              <idc-config-box placement="left" @after="getIDCOptionData"></idc-config-box>
+              <!--<el-popover
+                placement="left"
+                trigger="click"
+                v-model="popIDCVisible"
+              >
+                <div class="pop-window-assetType-content">
+                  <div class="right-box-top-btns">
+                    <div class="right-box-top-btn right-box-top-btn-full"
+                         @click="popoverClose('idc')">
+                      <div class="right-box-btn-icon">
+                        <i class="el-icon-close"></i>
+                      </div>
+                      <span>{{$t('overall.esc')}}</span>
+                    </div>
+                  </div>
+                  <div class="pop-window">
+                      <span
+                        style="display: block;padding-bottom: 20px">{{$t('asset.createAssetTab.AddIdcTab.title')}}</span>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddIdcTab.dcName')">
+                      <el-input v-model="addIdcData.name"/>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddIdcTab.location')">
+                      <el-input v-model="addIdcData.location"/>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddIdcTab.principal')">
+                      <el-select size="mini" v-model="addIdcData.principal" clearable>
+                        <el-option
+                          v-for="item in idcUserData"
+                          :key="item.key"
+                          :label="item.username"
+                          :value="item.userId"
+                        >
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddIdcTab.tel')">
+                      <el-input v-model="addIdcData.tel"/>
+                    </el-form-item>
+                  </div>
+                </div>
+                <div class="right-box-bottom-btns">
+                  <div class="right-box-bottom-btn right-box-bottom-btn-cancel"
+                       @click="popoverClose('idc')">
+                    {{$t('overall.cancel')}}
+                  </div>
+                  <div class="right-box-bottom-btn right-box-bottom-btn-50"
+                       @click="addNewData('IDC')">
+                    {{$t('overall.save')}}
+                  </div>
+                </div>
+                <div slot="reference"><i class="el-icon-plus"></i></div>
+              </el-popover>-->
+            </div>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.location')">
+            <span>{{idcSelectedData.location}}</span>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.principal')">
+            <span>{{this.getPrincipalName(idcSelectedData.principal)}}</span>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.tel')">
+            <span>{{idcSelectedData.tel}}</span>
+          </el-form-item>
+          <div class="line-100 asset-line"></div>
+          <!------------------------------------------cabinet---------------------------------------------->
+          <el-form-item :label="this.$t('asset.createAssetTab.cabinet')" class="right-box-form-content">
+            <el-select v-model="assetData.cabinetId" clearable class="right-box-row-with-btn" popper-class="asset-dropdown"
+                       :disabled="assetData.idcId==''?true:false" size="mini" placeholder=""
+                       @change="getSingleCabinetData">
+              <el-option
+                v-for="item in cabinetOptionData"
+                :key="item.key"
+                :label="item.name"
+                :value="item.id"
+              >
+                <span>{{ item.name }}</span>
+                <el-popover
+                  placement="left"
+                  trigger="manual"
+                  v-model="item[item.name]"
+                  width="400"
+                >
+                  <div class="pop-window-assetType-content">
+                    <div class="pop-top-btns">
+                      <button type="button" @click="editData('cabinet',item)" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                        <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
+                      </button>
+                      <button type="button" @click="item[item.name] = false" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                        <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+                      </button>
+                    </div>
+                    <!--标题-->
+                    <div class="pop-title">{{$t('asset.createAssetTab.editCabinetTab.title')}}</div>
+                    <!--表单内容-->
+                    <el-form class="pop-item-wider" :model="popCabinetData" ref="cabEditForm" :rules="cabRules">
+                      <el-form-item :label="$t('asset.createAssetTab.editCabinetTab.name')" prop="name">
+                        <el-input size="mini" v-model="popCabinetData.name"/>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.editCabinetTab.uSize')" prop="uSize">
+                        <div>{{popCabinetData.uSize}}</div>
+                        <el-slider v-model.number="popCabinetData.uSize" :max="47"></el-slider>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.editCabinetTab.remark')">
+                        <el-input v-model="popCabinetData.remark"
+                                  type="textarea"
+                                  size="mini"
+                                  :rows="2"/>
+                      </el-form-item>
+                      <el-form-item :label="$t('asset.createAssetTab.editCabinetTab.DC')">
+                        <el-select v-model="popCabinetData.idcId" clearable placeholder="" size="mini" style="width: 100%;" prop="idcId">
+                          <el-option
+                            v-for="item in IDCOptionData"
+                            :key="item.key"
+                            :label="item.name"
+                            :value="item.id"
+                          >
+                            <span>{{ item.name }}</span>
+                            <!--                                                            <el-popover-->
+                            <!--                                                                    placement="top"-->
+                            <!--                                                                    v-model="item[item.name+item.id]"-->
+                            <!--                                                            >-->
+                            <!--                                                                <div class="pop-window-assetType-content">-->
+                            <!--                                                                    <div class="right-box-top-btns">-->
+                            <!--                                                                        <div class="right-box-top-btn right-box-top-btn-full"-->
+                            <!--                                                                             @click="item[item.name+item.id] = false">-->
+                            <!--                                                                            <div class="right-box-btn-icon">-->
+                            <!--                                                                                <i class="el-icon-close"></i>-->
+                            <!--                                                                            </div>-->
+                            <!--                                                                            <span>{{$t('overall.esc')}}</span>-->
+                            <!--                                                                        </div>-->
+                            <!--                                                                    </div>-->
+                            <!--                                                                    <div class="pop-window">-->
+                            <!--                                                                        <span style="display: block;padding-bottom: 20px">标题</span>-->
+                            <!--                                                                        <el-form-item label="DC Name">-->
+                            <!--                                                                            <el-input v-model="addCabIDCData.name"/>-->
+                            <!--                                                                        </el-form-item>-->
+                            <!--                                                                        <el-form-item label="Location">-->
+                            <!--                                                                            <el-input v-model="addCabIDCData.location"/>-->
+                            <!--                                                                        </el-form-item>-->
+                            <!--                                                                        <el-form-item label="负责人">-->
+                            <!--                                                                            <el-select v-model="addCabIDCData.principal"-->
+                            <!--                                                                                       clearable>-->
+                            <!--                                                                                <el-option-->
+                            <!--                                                                                        v-for="item in idcUserData"-->
+                            <!--                                                                                        :key="item.key"-->
+                            <!--                                                                                        :label="item.username"-->
+                            <!--                                                                                        :value="item.userId"-->
+                            <!--                                                                                >-->
+                            <!--                                                                                </el-option>-->
+                            <!--                                                                            </el-select>-->
+                            <!--                                                                        </el-form-item>-->
+                            <!--                                                                        <el-form-item label="Tel">-->
+                            <!--                                                                            <el-input v-model="addCabIDCData.tel"/>-->
+                            <!--                                                                        </el-form-item>-->
+                            <!--                                                                    </div>-->
+                            <!--                                                                </div>-->
+                            <!--                                                                <div class="right-box-bottom-btns">-->
+                            <!--                                                                    <div class="right-box-bottom-btn right-box-bottom-btn-cancel"-->
+                            <!--                                                                         @click.stop="item[item.name+item.id]= false">-->
+                            <!--                                                                        {{$t('overall.cancel')}}-->
+                            <!--                                                                    </div>-->
+                            <!--                                                                    <div class="right-box-bottom-btn right-box-bottom-btn-50"-->
+                            <!--                                                                         @click="editData('idc',item,'CabIDC')">-->
+                            <!--                                                                        {{$t('overall.save')}}-->
+                            <!--                                                                    </div>-->
+                            <!--                                                                </div>-->
+                            <!--                                                                <span class="config-dropdown-btn" slot="reference"-->
+                            <!--                                                                      @click="getSingleIDCData(item.id,'edit')"><i-->
+                            <!--                                                                        class="el-icon-edit-outline"></i></span>-->
+                            <!--                                                            </el-popover>-->
+                            <!--                                                            <span class="config-dropdown-btn config-dropdown-btn-delete"-->
+                            <!--                                                                  @click.stop="deleteData('idc',item.id)"><i-->
+                            <!--                                                                    class="el-icon-delete"></i></span>-->
+                          </el-option>
+                        </el-select>
+                      </el-form-item>
+                    </el-form>
+                  </div>
+                  <span class="config-dropdown-btn" slot="reference"
+                      @click.stop="getSingleCabinetData(item.id,'edit',item)">
+                    <i class="el-icon-edit-outline"></i>
+                  </span>
+                </el-popover>
+
+                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                      @click.stop="deleteData('cabinet',item.id)">
+                  <i class="el-icon-delete"></i>
+                </span>
+              </el-option>
+            </el-select>
+
+            <div class="right-box-row-btn right-box-row-btn-small">
+              <el-popover
+                placement="left"
+                trigger="click"
+                v-model="popCabinetVisible"
+                width="400"
+              >
+                <div class="pop-window-assetType-content">
+                  <div class="pop-top-btns">
+                    <button type="button" @click="addNewData('cabinet')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                      <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
+                    </button>
+                    <button type="button" @click="popoverClose('cabinet')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                      <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+                    </button>
+                  </div>
+                  <!--标题-->
+                  <div class="pop-title">{{$t('asset.createAssetTab.AddCabinetTab.title')}}</div>
+                  <!--表单内容-->
+                  <el-form class="pop-item-wider" :model="addCabinetData" ref="cabAddForm" :rules="cabRules">
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.name')" prop="name">
+                      <el-input size='mini' v-model="addCabinetData.name"/>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.uSize')" prop="uSize">
+                      <div>{{addCabinetData.uSize}}</div>
+                      <el-slider v-model.number="addCabinetData.uSize" :max="47"></el-slider>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.remark')">
+                      <el-input size='mini' v-model="addCabinetData.remark" type="textarea" :rows="2"/>
+                    </el-form-item>
+                    <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.DC')" prop="idcId">
+                      <el-select size='mini' v-model="addCabinetData.idcId" clearable style="width: 100%;" placeholder="">
+                        <el-option
+                          v-for="item in IDCOptionData"
+                          :key="item.key"
+                          :label="item.name"
+                          :value="item.id"
+                        >
+                          <span>{{ item.name }}</span>
+                          <!--<el-popover
+                            placement="left"
+                            v-model="item[item.id+item.name]"
+                          >
+                            <div class="pop-window-assetType-content">
+                              <div class="right-box-top-btns">
+                                <div class="right-box-top-btn right-box-top-btn-full"
+                                     @click="item[item.id+item.name] = false">
+                                  <div class="right-box-btn-icon">
+                                    <i class="el-icon-close"></i>
+                                  </div>
+                                  <span>{{$t('overall.esc')}}</span>
+                                </div>
+                              </div>
+                              <div class="pop-window">
+                                <span style="display: block;padding-bottom: 20px">{{$t('asset.createAssetTab.editIdcTab.title')}}</span>
+                                <el-form-item :label="$t('asset.createAssetTab.editIdcTab.dcName')">
+                                  <el-input v-model="addCabIDCData.name"/>
+                                </el-form-item>
+                                <el-form-item :label="$t('asset.createAssetTab.editIdcTab.location')">
+                                  <el-input v-model="addCabIDCData.location"/>
+                                </el-form-item>
+                                <el-form-item :label="$t('asset.createAssetTab.editIdcTab.principal')">
+                                  <el-select v-model="addCabIDCData.principal"
+                                             clearable>
+                                    <el-option
+                                      v-for="item in idcUserData"
+                                      :key="item.key"
+                                      :label="item.username"
+                                      :value="item.userId"
+                                    >
+                                    </el-option>
+                                  </el-select>
+                                </el-form-item>
+                                <el-form-item :label="$t('asset.createAssetTab.editIdcTab.tel')">
+                                  <el-input v-model="addCabIDCData.tel"/>
+                                </el-form-item>
+                              </div>
+                            </div>
+                            <div class="right-box-bottom-btns">
+                              <div class="right-box-bottom-btn right-box-bottom-btn-cancel"
+                                   @click.stop="item[item.id+item.name]= false">
+                                {{$t('overall.cancel')}}
+                              </div>
+                              <div class="right-box-bottom-btn right-box-bottom-btn-50"
+                                   @click="editData('idc',item,'CabIDC')">
+                                {{$t('overall.save')}}
+                              </div>
+                            </div>
+                            <span class="config-dropdown-btn" slot="reference"
+                                  @click="getSingleIDCData(item.id,'edit',item)"><i
+                              class="el-icon-edit-outline"></i></span>
+                          </el-popover>
+                          <span class="config-dropdown-btn config-dropdown-btn-delete"
+                                @click.stop="deleteData('idc',item.id)"><i
+                            class="el-icon-delete"></i></span>-->
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-form>
+                </div>
+                <div slot="reference"><i class="el-icon-plus"></i></div>
+              </el-popover>
+            </div>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.uSize')">
+            <span>{{cabinetSelectedData.uSize}}</span>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.remark')">
+            <span>{{cabinetSelectedData.remark}}</span>
+          </el-form-item>
+          <!--CLI-->
+          <div class="asset-sub-title">{{$t('asset.createAssetTab.cli')}}</div>
+          <div class="line-100 asset-line"></div>
+          <account-config-box v-for="(item,index) in assetData.accounts" :account="item" :key="index" ref="accountConfigBox"></account-config-box>
+        </el-form>
+      </el-scrollbar>
+    </div>
+  </transition>
+</template>
+
+<script>
+  import accountConfig from './accountConfig';
+  export default {
+
+    name: "assetAddUnit",
+    props: {
+      addUnitShow: Boolean
+    },
+    components:{
+      'account-config-box': accountConfig,
+    },
+    data() {
+      return {
+        assetData: {
+          id: '',
+          sn: '',
+          host: '',
+          assetType: '',
+          state: 1,
+          purchaseDate: '',
+          idcId: '',
+          cabinetId: '',
+          modelId: '',
+          accounts: [{
+            authType: 1,
+            user: '',
+            pwd: '',
+            port: '',
+            uploadFile:null
+          }]
+        },
+        assetStateOption: [
+          {
+            value: 1,
+            label: this.$t('asset.createAssetTab.inStock')
+          }, {
+            value: 2,
+            label: this.$t('asset.createAssetTab.notInStock')
+          }],
+        cabinetModelData: '',
+        assetTypeOptionData: [],
+        vendorTypeData: '',
+        vendorTypeOptionData: [],
+        vendorUlData: '',
+        modelUlData: '',
+        vendorCode: '',
+        IDCData: '',
+        IDCOptionData: [],
+        cabinetData: '',
+        cabinetOptionData: [],
+        input: '',
+        assetType: '',
+        assetTypeData: {
+          type: 'assetType',
+          value: '',
+        },
+        addVendorData: {
+          type: 'vendor',
+          value: '',
+        },
+        addNewModelData: {
+          name: '',
+          vendorCode: '',
+          typeCode: ''
+        },
+        accountType: '',
+        idcSelectedData: {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        },
+        addIdcData: {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        },
+        popIdcData: {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        },
+        idcUserData: '',
+        cabinetSelectedData: {
+          name: '',
+          uSize: 0,
+          remark: '',
+          idcId: '',
+        },
+        addCabinetData: {
+          name: '',
+          uSize: 0,
+          remark: '',
+          idcId: '',
+        },
+        popCabinetData: {
+          name: '',
+          uSize: 0,
+          remark: '',
+          idcId: '',
+        },
+        addCabIDCData: {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        },
+        editCabIDCData: {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        },
+        popTypeVisible: false,
+        popCompVisible: false,
+        popIDCVisible: false,
+        popCabinetVisible: false,
+        editPopTypeVisible: false,
+        editPopVendorVisible: false,
+        editPopIDCVisible: false,
+        editPopCabinetVisible: false,
+        vendorCount: '',
+        modelCount: '',
+        allModelUlData: '',
+        addForm: {
+          sn: '',
+          host: '',
+          state: '',
+        },
+        tempData: '',
+        isResourceShow: 0,
+        modelClickData: '',
+        popState: true,
+        rules: {
+          sn: [
+            {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+          ],
+          host: [
+            {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+          ],
+          modelId: [
+            {required: true, message: this.$t('validate.required'), trigger: 'change'}
+          ],
+          assetType: [
+            {required: true, message: this.$t('validate.required'), trigger: 'change'}
+          ],
+          idcId: [
+            {required: true, message: this.$t('validate.required'), trigger: 'change'}
+          ],
+        },
+        cabRules: {
+          name: [
+            {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+          ],
+          uSize: [
+            {required: true, type: 'number', min: 1, max: 47, message: this.$t('validate.required'), trigger: 'blur'}
+          ],
+          idcId: [
+            {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+          ]
+        },
+        uploadFileList:[]
+      }
+    },
+    /*computed: {
+      getData() {
+        return this.$store.state.assetData
+      }
+    },*/
+    watch: {
+      allModelUlData(newVal) {
+        if (newVal) {
+          this.getConnectData()
+        }
+      },
+      assetType(newVal) {
+        this.assetData.assetType = newVal;
+        if (newVal == '') {
+          this.popState = true
+        } else {
+          this.popState = false
+        }
+      },
+      'assetData.idcId': function(n, o) {
+        this.addCabinetData.idcId = n;
+      }
+    },
+    methods: {
+      cancelEdit(data) {
+        if (data === false) {
+          this.getAssetTypeOptionData()
+        }
+      },
+      clickOutSide(data) {
+        if (data) {
+          this.editQuit()
+          this.modelCount = ''
+          this.assetTypeData.value = ''
+          this.addVendorData.value = ''
+          this.addNewModelData.value = ''
+          this.vendorCount = ''
+          this.modelCount = ''
+        }
+      },
+      editQuit() {
+        for (let i of this.assetTypeOptionData) {
+          if (i.isEdit === true) {
+            i.isEdit = false
+            this.getAssetTypeOptionData()
+          }
+        }
+        for (let i of this.vendorUlData) {
+          if (i.isEdit === true) {
+            i.isEdit = false
+            this.getVendorOptionData()
+          }
+        }
+        for (let i of this.modelUlData) {
+          if (i.isEdit === true) {
+            i.isEdit = false
+            this.getModelOptionData(this.assetType, this.vendorCode)
+          }
+        }
+      },
+      getIDCOptionData() {
+        this.$get('idc').then(response => {
+          if (response.code === 200) {
+            this.IDCOptionData = response.data.list;
+            this.markOptionData(this.IDCOptionData)
+            this.$store.commit('assetDcListChange');
+            this.$emit('refreshData');
+          }
+        })
+      },
+      getUserData() {
+        this.$get('sys/user/list').then(response => {
+          if (response.code === 200) {
+            this.idcUserData = response.data.list
+          }
+        })
+      },
+      getCabinetOptionData(data) {
+        this.$get('cabinet?idcId=' + data).then(response => {
+          if (response.code === 200) {
+            this.cabinetOptionData = response.data.list;
+            this.markOptionData(this.cabinetOptionData)
+          }
+        })
+      },
+      getAssetTypeOptionData() {
+        this.$get('sys/dict/all?type=assetType').then(response => {
+          if (response.code === 200) {
+            this.assetTypeOptionData = response.data
+            this.markOptionData(this.assetTypeOptionData)
+          }
+        })
+      },
+      getVendorOptionData() {
+        this.$get('sys/dict/all?type=vendor').then(response => {
+          if (response.code === 200) {
+            this.vendorUlData = response.data
+            this.markOptionData(this.vendorUlData)
+          }
+        })
+      },
+      getModelOptionData(assetType, vendorCode) {
+        this.$get('model?typeCode=' + assetType + '&vendorCode=' + vendorCode).then(response => {
+          if (response.code === 200) {
+            this.modelUlData = response.data.list
+            this.markOptionData(this.modelUlData)
+          }
+        })
+      },
+      getAllModelOptionData(data) {
+        this.assetData.assetType = this.assetType;
+        this.$get('model?typeCode=' + this.assetType).then(response => {
+          if (response.code === 200) {
+            this.allModelUlData = response.data.list
+          }
+        })
+      },
+      editData(data, item, mark) {
+        let obj = {
+          id: '',
+          type: '',
+          value: '',
+          code: ''
+        }
+        let idcData = {
+          id: '',
+          name: '',
+          location: '',
+          principal: '',
+          tel: ''
+        }
+        if (data === 'model') {
+          item.vendorCode = this.vendorCode
+          item.typeCode = this.assetType
+        }
+        if (data === 'vendor') {
+          obj.id = item.id
+          obj.code = item.code
+          obj.type = item.type
+          obj.value = item.label
+          data = 'sys/dict/update'
+          item = obj
+        }
+        if (data === 'cabinet') {
+          item.name = this.popCabinetData.name
+          item.uSize = this.popCabinetData.uSize
+          item.remark = this.popCabinetData.remark
+          item.idcId = this.popCabinetData.idcId
+        }
+        if (data === 'idc') {
+          idcData.id = item.id
+          idcData.name = this.popIdcData.name
+          idcData.location = this.popIdcData.location
+          idcData.principal = this.popIdcData.principal
+          idcData.tel = this.popIdcData.tel
+          item = idcData
+        }
+        if (mark === 'CabIDC') {
+          idcData.id = item.id
+          idcData.name = this.addCabIDCData.name
+          idcData.location = this.addCabIDCData.location
+          idcData.principal = this.addCabIDCData.principal
+          idcData.tel = this.addCabIDCData.tel
+          item = idcData
+        }
+        this.$put(data, item).then(res => {
+          const h = this.$createElement;
+          if (res.code === 200) {
+            this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+            this.getAssetTypeOptionData();
+            this.getIDCOptionData();
+            this.getAllModelOptionData();
+            if (data === 'cabinet') {
+              this.getCabinetOptionData(item.idcId);
+            }
+            this.$emit('refreshData', 'true');
+          } else {
+            this.$message.error(res.msg);
+          }
+        })
+      },
+      changeLoginType:function(loginType){
+        this.assetData.accounts[0].authType = loginType;
+        if(loginType == 1){//密码登录
+          this.clearFile();
+        }
+        if(loginType == 2){//公钥登录
+          this.assetData.accounts[0].pwd='';
+        }
+      },
+      addNewData(type) {
+        if (type === 'IDC') {
+          this.$post('idc', this.addIdcData).then(res => {
+            const h = this.$createElement;
+            if (res.code === 200) {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+              this.getIDCOptionData()
+              this.getAssetData()
+            } else {
+              this.$message.error(res.msg);
+            }
+          })
+        }
+        if (type === 'assetType') {
+          this.$post('sys/dict/save', this.assetTypeData).then(res => {
+            const h = this.$createElement;
+            if (res.code === 200) {
+              this.getAssetTypeOptionData()
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+            } else {
+              this.$message.error(res.msg);
+            }
+          })
+        }
+        if (type === 'asset') {
+          this.$refs.accountConfigBox[0].validateAccount();
+          let accountValideResult=this.$refs.accountConfigBox[0].validateResult;
+          this.$refs.addAssetForm.validate((valid) => {
+            if (valid&&accountValideResult) {
+              let modelId = ''
+              let authType = ''
+              if (this.assetData.modelId !== '') {
+                modelId = this.assetData.modelId.join(',').split(',')[1]
+              } else {
+                this.assetData.modelId = ''
+              }
+              if (this.assetData.accounts[0].user === '') {
+                authType = ''
+              } else {
+                authType = this.assetData.accounts[0].authType
+              }
+              let form = new FormData();
+              form.append("sn", this.assetData.sn);
+              form.append("host", this.assetData.host);
+              form.append("state", this.assetData.state);
+              form.append("purchaseDate", !this.assetData.purchaseDate?'':this.assetData.purchaseDate);
+              form.append("idcId", this.assetData.idcId);
+              form.append("cabinetId", this.assetData.cabinetId);
+              form.append("modelId", modelId);
+              debugger
+              console.log(this.assetData.accounts)
+              for(let i in this.assetData.accounts){
+                let account=this.assetData.accounts[i];
+                if(account.user){
+                  form.append("accounts["+i+"].authType",account.authType);
+                  form.append("accounts["+i+"].user", account.user);
+                  form.append("accounts["+i+"].port", account.port);
+                  form.append("accounts["+i+"].pwd", account.pwd);
+                  if(account.authType==2){
+                    form.append('cert',account.uploadFile?account.uploadFile.raw:null);
+                  }
+                }
+              }
+              this.$post('asset', form,{'Content-Type': 'multipart/form-data'}).then(res => {
+                const h = this.$createElement;
+                if (res.code === 200) {
+                  this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+                  this.clearFile();
+                  this.$emit('refreshData', 'true');
+                  this.sendStateData('close');
+                } else {
+                  this.$message.error(res.msg);
+                }
+              });
+
+            }
+          });
+        }
+        if (type === 'vendor') {
+          const h = this.$createElement;
+          this.$post('sys/dict/save', this.addVendorData).then(res => {
+            if (res.code === 200) {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+              this.getVendorOptionData()
+            } else {
+              this.$message.error(res.msg);
+            }
+          })
+        }
+        if (type === 'model') {
+          this.addNewModelData.typeCode = this.assetType
+          this.addNewModelData.vendorCode = this.vendorCode
+          this.$post('model', this.addNewModelData).then(res => {
+            if (res.code === 200) {
+              this.getModelOptionData(this.assetType, this.vendorCode)
+              const h = this.$createElement;
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+              this.getAllModelOptionData(this.assetType)
+            } else {
+              const h = this.$createElement;
+              this.$message.error(res.msg);
+            }
+          })
+        }
+        if (type === 'cabinet') {
+          if (this.assetData.idcId != '') {
+            this.addCabinetData.idcId = this.assetData.idcId
+          }
+          this.$post('cabinet', this.addCabinetData).then(res => {
+            const h = this.$createElement;
+            if (res.code === 200) {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
+              this.getCabinetOptionData(this.addCabinetData.idcId)
+              this.popoverClose('cabinet');
+              this.editPopoverClose('cabinet');
+            } else {
+              this.$message.error(res.msg);
+            }
+          })
+        }
+      },
+      uploadFile:function(file){
+        console.log(file)
+        this.assetData.accounts[0].file=file.file;
+      },
+      clearFile:function(){
+        if(this.$refs.upload){
+          this.$refs.upload.clearFiles();
+        }
+        this.uploadFileList=[];
+        this.assetData.accounts[0].privateKey='';
+      },
+      deleteData(data, item) {
+        this.$confirm(this.$t("tip.confirmDelete"), {
+          confirmButtonText: this.$t("tip.yes"),
+          cancelButtonText: this.$t("tip.no"),
+          type: 'warning'
+        }).then(() => {
+          this.$delete(data + "?ids=" + item).then(response => {
+            const h = this.$createElement;
+            if (response.code === 200) {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.deleteSuccess")});
+              this.$emit('refreshData', 'true')
+              this.getIDCOptionData()
+              this.getVendorOptionData()
+              this.getCabinetOptionData(this.assetData.idcId)
+              this.getAllModelOptionData(this.assetType)
+              this.getModelOptionData(this.assetType, this.vendorCode)
+            } else {
+              this.$message.error(response.msg);
+            }
+          })
+        });
+      },
+      markOptionData(data) {
+        data.forEach(item => {
+          this.$set(item, 'isEdit', false);
+          this.$set(item, 'oldName', item.value);
+          this.$set(item, 'modelOldName', item.name);
+          this.$set(item, item.name, false)
+          this.$set(item, item.id, false)
+          this.$set(item, item.id + item.name, false)
+          this.$set(item, item.name + item.id, false)
+        })
+      },
+      getConnectData() {
+        this.isResourceShow += 1
+        let resultData = []
+        let modelData = this.allModelUlData
+        for (let i = 0; i < modelData.length; i++) {
+          if (!modelData[i].vendor) {
+            continue;
+          }
+          let obj = {}
+          obj.id = modelData[i].vendor.id
+          obj.code = modelData[i].vendor.code
+          obj.value = modelData[i].vendor.code
+          obj.label = modelData[i].vendor.value
+          obj.children = []
+          resultData.push(obj)
+        }
+        var result = [];
+        var obj1 = {};
+        for (let i = 0; i < resultData.length; i++) {
+          if (!obj1[resultData[i].id]) {
+            result.push(resultData[i]);
+            obj1[resultData[i].id] = true;
+          }
+        }
+        for (let x = 0; x < result.length; x++) {
+          for (let y = 0; y < modelData.length; y++) {
+            if (!modelData[y].vendor) {
+              continue;
+            }
+            if (result[x].code === modelData[y].vendor.code) {
+              let obj2 = {};
+              obj2.value = modelData[y].id;
+              obj2.label = modelData[y].name;
+              result[x].children.push(obj2);
+            }
+          }
+        }
+        this.vendorTypeOptionData = result
+      },
+      editVendorOptionData(item, data, index) {
+        this.vendorCount = index
+        if (!item.isEdit) {
+          item.isEdit = true;
+        } else {
+          if (item.name !== item.oldName) {
+            item.isEdit = false;
+          } else {
+            item.isEdit = false;
+          }
+        }
+        if (data === 'vendor') {
+          for (let i = 0; i < this.vendorUlData.length; i++) {
+            const element = this.vendorUlData[i];
+            if (item.id !== element.id) {
+              element.isEdit = false
+              element.value = element.oldName
+            }
+          }
+        }
+      },
+      editOptionData(item, data, index) {
+        this.modelCount = index;
+        if (!item.isEdit) {
+          item.isEdit = true;
+        } else {
+          if (item.name !== item.oldName) {
+            item.isEdit = false;
+          } else {
+            item.isEdit = false;
+          }
+        }
+        if (data === 'type') {
+          for (let i = 0; i < this.assetTypeOptionData.length; i++) {
+            const element = this.assetTypeOptionData[i];
+            if (item.id !== element.id) {
+              element.isEdit = false
+              element.value = element.oldName
+            }
+          }
+        }
+        if (data === 'model') {
+          for (let i = 0; i < this.modelUlData.length; i++) {
+            const element2 = this.modelUlData[i];
+            if (item.id !== element2.id) {
+              element2.isEdit = false
+              element2.name = element2.modelOldName
+            }
+          }
+        }
+      },
+      handleChange(file,fileList) {
+        if (fileList.length > 0) {
+          this.uploadFileList = [fileList[fileList.length - 1]]
+        }
+        this.assetData.accounts[0].file = this.uploadFileList[0];
+      },
+      delOptionData(data) {
+      },
+      sendStateData(data) {
+        this.$emit('sendStateData', 'close')
+        this.initAdd()
+      },
+      initAdd() {
+        this.assetType = ''
+        this.assetData.sn = ''
+        this.assetData.host = ''
+        this.assetData.state = ''
+        this.assetData.purchaseDate = ''
+        this.assetData.idcId = ''
+        this.assetData.cabinetId = ''
+        this.assetData.modelId = ''
+        this.assetData.accounts[0].authType = 1
+        this.assetData.accounts[0].user = ''
+        this.assetData.accounts[0].pwd = ''
+        this.assetData.accounts[0].port = ''
+        this.assetData.accounts[0].file = ''
+        this.idcSelectedData.location = ''
+        this.idcSelectedData.principal = ''
+        this.idcSelectedData.tel = ''
+        this.cabinetSelectedData.uSize = 0
+        this.cabinetSelectedData.remark = ''
+      },
+      editing(item) {
+        //console.log(item)
+      },
+      getSingleIDCData(data, item, itemData) {
+        if (item !== 'edit') {
+          this.idcSelectedData = '';
+          this.IDCOptionData.forEach(item => {
+            if (item.id === data) {
+              this.idcSelectedData = item
+            }
+          });
+          this.getCabinetOptionData(this.assetData.idcId);
+          this.assetData.cabinetId = ''
+          this.cabinetSelectedData.uSize = ''
+          this.cabinetSelectedData.remark = null
+        } else {
+          this.clickFlush('idc', itemData)
+          this.IDCOptionData.forEach(item => {
+            if (item.id === data) {
+              this.popIdcData.id = item.id;
+              this.popIdcData.name = item.name;
+              this.popIdcData.location = item.location;
+              this.popIdcData.principal = item.principal;
+              this.popIdcData.tel = item.tel;
+              this.addCabIDCData.name = item.name;
+              this.addCabIDCData.location = item.location;
+              this.addCabIDCData.principal = item.principal;
+              this.addCabIDCData.tel = item.tel;
+            }
+          });
+        }
+      },
+      getSingleCabinetData(data, type, item) {
+        if (type !== 'edit') {
+          this.cabinetSelectedData.uSize = 0;
+          this.cabinetSelectedData.remark = null;
+          this.cabinetOptionData.forEach(items => {
+            if (items.id === data) {
+              this.cabinetSelectedData.uSize = items.uSize;
+              this.cabinetSelectedData.remark = items.remark;
+            }
+          })
+        } else {
+          this.clickFlush('cabinet', item)
+          item[item.name] = !item[item.name];
+          this.cabinetOptionData.forEach(items => {
+            if (items.id === data) {
+              this.popCabinetData.name = items.name;
+              this.popCabinetData.uSize = items.uSize;
+              this.popCabinetData.remark = items.remark;
+              this.popCabinetData.idcId = items.idcId;
+            }
+          })
+        }
+      },
+      getLidata(index, item) {
+        this.vendorCount = index;
+        this.vendorCode = item.code;
+        this.getModelOptionData(this.assetType, this.vendorCode)
+      },
+      clickState(index, item, data) {
+        if (data === 'type') {
+          this.modelCount = index;
+          this.tempData = item;
+        }
+        if (data === 'model') {
+          this.modelCount = index;
+          this.modelClickData = item.id
+        }
+      },
+      transferData(data) {
+        if (data === 'type') {
+          this.assetType = this.tempData.code
+          this.popTypeVisible = false
+          this.tempData = ''
+        }
+        if (data === 'model') {
+          this.assetData.modelId = [this.vendorCode, this.modelClickData]
+          this.popCompVisible = false
+          this.tempData = ''
+        }
+      },
+      popoverClose(data) {
+        if (data === 'type') {
+          this.modelCount = ''
+          this.popTypeVisible = false
+        }
+        if (data === 'vendor') {
+          this.popCompVisible = false;
+          this.modelUlData = '';
+          this.vendorCount = ''
+        }
+        if (data === 'idc') {
+          this.popIDCVisible = false
+          this.addIdcData.name = '',
+            this.addIdcData.location = '',
+            this.addIdcData.principal = '',
+            this.addIdcData.tel = ''
+        }
+        if (data === 'cabinet') {
+          this.popCabinetVisible = false
+          this.addCabinetData.name = ''
+          this.addCabinetData.uSize = 0
+          this.addCabinetData.remark = ''
+          this.addCabinetData.idcId = ''
+        }
+      },
+      editPopoverClose(data) {
+        if (data === 'type') {
+          this.modelCount = ''
+          this.editPopTypeVisible = !this.editPopTypeVisible
+        }
+        if (data === 'vendor') {
+          this.vendorCount = ''
+          this.modelCount = ''
+          this.editPopVendorVisible = !this.editPopVendorVisible
+        }
+        if (data === 'idc') {
+          this.editPopIDCVisible = !this.editPopIDCVisible
+        }
+        if (data === 'cabinet') {
+          this.editPopCabinetVisible = !this.editPopCabinetVisible
+        }
+      },
+      getPrincipalName(data) {
+        for (let item in this.idcUserData) {
+          if (this.idcUserData[item].userId === data) {
+            return this.idcUserData[item].username
+          }
+        }
+      },
+      returnData(data) {
+        if (data && data !== '--') {
+          return data.name;
+        } else if (data === '--') {
+          return '-';
+        } else {
+          return "-";
+        }
+      },
+      clickFlush(type, itemData) {
+        if (type === 'idc') {
+          for (let i = 0; i < this.IDCOptionData.length; i++) {
+            const element = this.IDCOptionData[i];
+            if (element.id === itemData.id) {
+              setTimeout(() => {
+                element[element.name] = true;
+              }, 100)
+            } else {
+              element[element.name] = false
+            }
+          }
+        }
+        if (type === 'cabinet') {
+          for (let i = 0; i < this.cabinetOptionData.length; i++) {
+            const element = this.cabinetOptionData[i];
+            if (element.id === itemData.id) {
+              setTimeout(() => {
+                element[element.name] = true;
+              }, 100)
+            } else {
+              element[element.name] = false
+            }
+          }
+        }
+      },
+    },
+    mounted() {
+      this.getUserData()
+      this.getIDCOptionData();
+      this.getVendorOptionData();
+      this.getCabinetOptionData('')
+      this.getAssetTypeOptionData();
+      window.onresize = () => {
+        this.tableHeight = document.documentElement.clientHeight - 200;
+      }
+    }
+  }
+</script>
+
+<style scoped>
+.asset-sub-title {
+  padding: 8px 0;
+}
+.asset-line {
+  margin-bottom: 18px;
+  background-color: #DCDFE6;
+}
+/*去除上传文件动画start*/
+/*.upload-demo {*/
+/*  display: flex;*/
+/*}*/
+/deep/ .el-list-enter-active,
+/deep/ .el-list-leave-active {
+  transition: none;
+}
+
+/deep/ .el-list-enter,
+/deep/ .el-list-leave-active {
+  opacity: 0;
+}
+/deep/ .el-upload-list {
+  height: 40px;
+}
+/*去除上传文件动画end*/
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/asset/asset_20200915191245.vue b/.history/nezha-fronted/src/components/page/asset/asset_20200915191245.vue
new file mode 100644
index 000000000..36f3a8bc3
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/asset/asset_20200915191245.vue
@@ -0,0 +1,793 @@
+<template>
+  <div class="asset" ref="asset">
+    <div class="main-list" :class="{'main-list-with-sub': bottomBox.showSubList}">
+      <div class="main-modal"></div>
+      <div class="top-tools" v-show="bottomBox.mainResizeShow">
+        <div class="top-tool-main-right" :class="{'top-tool-main-right-to-left': bottomBox.showSubList}">
+          <div class="top-tool-search margin-r-20"><search-input :searchMsg="searchMsg" @search="search" :inTransform="bottomBox.inTransform"></search-input></div>
+          <export-excel
+            export-file-name="asset"
+            export-url="/asset/export"
+            import-url="/asset/import"
+            :params="searchLabel"
+            @afterImport="getTableData"
+          >
+            <template slot="optionZone">
+              <button @click.stop="add" :title="$t('overall.createAsset')" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="asset-create-asset">
+                <i class="nz-icon nz-icon-create-square"></i></button>
+            </template>
+          </export-excel>
+        </div>
+        <div class="pagination-top pagination-top-hide display-none"></div>
+      </div>
+      <!-- 自定义table列 -->
+      <transition name="el-zoom-in-top">
+        <element-set
+          v-if="tools.showCustomTableTitle"
+          @close="tools.showCustomTableTitle = false"
+          :custom-table-title.sync="tools.customTableTitle"
+          :original-table-title="tableTitle"
+          ref="customTableTitle"
+        ></element-set>
+      </transition>
+      <el-table
+        class="nz-table"
+        :height="mainTableHeight"
+        style="width: 100%;"
+        :data="tableData"
+        v-scrollBar:el-table="'large'"
+        v-show="bottomBox.mainResizeShow"
+        border
+        v-loading="tools.loading"
+        tooltip-effect="light"
+        ref="assetTable"
+        :cell-class-name="messageStyle"
+        @sort-change="tableDataSort"
+      >
+        <el-table-column
+          :resizable="false"
+          v-for="(item, index) in tools.customTableTitle"
+          v-if="item.show"
+          :width="item.width"
+          :key="`col_${index}`"
+          :label="item.label"
+          :fixed="item.fixed"
+          :show-overflow-tooltip="item.prop != 'Alert' || item.prop != 'Module'"
+          min-width="110px"
+          :class-name="item.prop == 'option' ? 'content-right-options' : ''"
+          :sortable="$tableSet.sortableShow(item.prop,'asset')"
+          :prop="$tableSet.propTitle(item.prop,'asset')"
+          :sort-orders="['ascending', 'descending']"
+        >
+          <template slot-scope="scope" slot="header">
+            <span v-if="item.type == 'tag'" class="tag-header" :title="item.label"><span class="tag-value">{{item.label}}</span><span class="tag-mark">&nbsp;[Tag]</span></span>
+            <span v-else><span>{{item.label}}</span></span>
+          </template>
+          <template slot-scope="scope" :column="item">
+            <div v-if="item.prop=='ID'">
+              <span>{{scope.row.id}}</span>
+            </div>
+            <div v-if="item.prop=='assetType'">
+              <span>{{scope.row.model.type.value}}</span>
+            </div>
+            <template v-if="item.prop=='SN'">{{scope.row.sn}}</template>
+            <div v-if="item.prop=='HOST'">
+              <span>{{scope.row.host}}</span>
+            </div>
+            <div v-if="item.prop=='state'">
+              <span>{{scope.row.state==1 ? $t('asset.inStock') : $t('asset.notInStock')}}</span>
+            </div>
+          <div v-if="item.prop == 'pingStatus'">
+            <el-popover
+              placement="right"
+              width="200"
+              trigger="hover"
+              :content="formatPingTime(scope.row.pingLastUpdate)">
+              <div slot="reference" style="width: 20px">
+                <div :class="{'active-icon green':scope.row.pingState == 1,'active-icon red':scope.row.pingState == 0}"></div><span>{{scope.row.pingRtt?scope.row.pingRtt+'ms':''}}</span>
+              </div>
+            </el-popover>
+          </div>
+          <template v-if="item.prop=='Module'">
+            <span class="link" @click="showEndpoint(scope.row)">{{scope.row.endpointNum}}</span>
+          </template>
+          <template v-if="item.prop=='Alert'">
+            <el-tooltip :content="scope.row.alertNum+' '+$t('overall.active')" placement="top" effect="light" :disabled=" scope.row.alertNum < 99">
+              <span :id="'asset-alerts-'+scope.row.id" @click="jumpToAlertMsg(scope.row)" class="link">
+                {{(scope.row.alertNum < 99 ? scope.row.alertNum : 99)}}
+                  <sup class="linkSup" v-if="scope.row.alertNum > 99">+</sup>
+                {{' ' + $t('overall.active')}}
+              </span>
+            </el-tooltip>
+          </template>
+          <div v-if="item.prop=='dataCenter'">
+            <span  >{{scope.row.idc.name}}</span>
+          </div>
+          <template v-if="item.prop=='cabinet'">
+            <span v-if="scope.row.cabinet && scope.row.cabinet != '--'">{{returnData(scope.row.cabinet).name}}</span>
+            <span v-else >{{returnData(scope.row.cabinet)}}</span>
+          </template>
+          <div v-if="item.prop=='model'">
+            <span>{{scope.row.model.name}}</span>
+          </div>
+          <div v-if="item.prop=='vendor'">
+            <span>{{scope.row.model.vendor.value}}</span>
+          </div>
+          <div v-if="item.prop=='purchaseDate'">
+            <span>{{returnData(scope.row.purchaseDate)}}</span>
+          </div>
+          <div v-if="item.prop=='principal'">
+            <span>{{getPrincipalName(scope.row.idc.principal)}}</span>
+          </div>
+          <div v-if="item.prop=='tel'">
+            <span>{{scope.row.idc.tel}}</span>
+          </div>
+          <template v-if="item.prop == 'tags'">
+            <span>{{filterTags(scope)}}</span>
+          </template>
+          <template v-if="item.prop == 'option'">
+            <span :title="$t('overall.view')" @click.stop="detail(scope.row)" class="content-right-option" :id="'asset-detail-'+scope.row.id"><i
+              class="nz-icon nz-icon-view"></i>
+            </span>
+              &nbsp;
+              <span :title="$t('overall.edit')" @click.stop="edit(scope.row)" class="content-right-option" :id="'asset-edit-'+scope.row.id"><i
+                class="nz-icon nz-icon-edit"></i>
+            </span>
+              &nbsp;
+              <span :title="$t('overall.delete')" @click.stop="del(scope.row)" class="content-right-option" :id="'asset-del-'+scope.row.id"><i
+                class="nz-icon nz-icon-delete"></i>
+            </span>
+              &nbsp;
+              <el-dropdown trigger="hover" @command="cli">
+              <span title="CLI" class="content-right-option" :id="'asset-ssh-'+scope.row.id"><i
+                class="nz-icon nz-icon-cli" :class="{'gray-filter': !scope.row.accounts || scope.row.accounts.length == 0}"></i>
+              </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item v-for="(account, index) in scope.row.accounts" v-if="account && account.protocol != 'SNMP'" :key="index" :command="[scope.row.id ,scope.row.host, account]">{{account.protocol}}</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+
+            </template>
+          </template>
+        </el-table-column>
+        <el-table-column width="28" fixed="right" :resizable="false">
+          <template slot="header" slot-scope="scope">
+          <span @mousedown.stop="!tools.showCustomTableTitle && (tools.showCustomTableTitle = true)" class="nz-table-gear">
+            <i class="nz-icon nz-icon-gear"></i>
+          </span>
+          </template>
+          <template v-slot="scope">
+            <button v-if="scope.$index == 0" class="to-top" :style="{top: tools.toTopBtnTop}" :class="{'to-top-is-hover': tools.tableHover}" v-show="tools.showTopBtn && bottomBox.mainResizeShow" @click="$toTop('ps', 0)"><i class="nz-icon nz-icon-top"></i></button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pagination-bottom" v-show="!bottomBox.showSubList">
+        <Pagination :tableId="tableId" :pageObj="pageObj" @pageNo='pageNo' @pageSize='pageSize' ref="Pagination"></Pagination>
+      </div>
+    </div>
+    <transition name="el-zoom-in-bottom">
+      <bottom-box v-if="bottomBox.showSubList" :sub-resize-show="bottomBox.subResizeShow" :obj="bottomBox.asset" :isFullScreen="bottomBox.isFullScreen" :from="'asset'" :targetTab.sync="bottomBox.targetTab" :detail="bottomBox.assetDetail"
+                  @reload="getTableData"
+                  @closeSubList="bottomBox.showSubList = false"
+                  @fullScreen="fullScreen"
+                  @exitFullScreen="exitFullScreen"
+                  @listResize="listResize" ></bottom-box>
+    </transition>
+    <transition name="right-box">
+      <asset-box v-if="rightBox.show" :asset="asset" @refresh="getTableData" ref="assetBox" @close="closeRightBox"></asset-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+  import bus from "../../../libs/bus";
+  import exportXLSX from "../../common/exportXLSX";
+  import endpointStatusPop from "./endpointStatusPop";
+  export default {
+    name: "asset",
+    components:{
+      'export-excel':exportXLSX,
+      'endpoint-status-pop':endpointStatusPop,
+    },
+    data() {
+      return {
+        //侧滑
+        rightBox: {
+          show: false,
+        },
+        /*二级页面相关*/
+        bottomBox: {
+          assetDetail: {}, //asset详情
+          asset: {}, //告警信息对应的asset对象
+          mainResizeShow: true, //dom高度改变时是否展示|隐藏
+          subResizeShow: true,
+          isFullScreen: false, //全屏状态
+          showSubList: false, //是否显示二级列表
+          targetTab: '', //显示二级列表中的哪个页签
+          inTransform: false, //搜索框相关，搜索条件下拉框是否在transform里
+        },
+
+        mainTableHeight: this.$tableHeight.normal, //主列表table高度
+
+        /*工具参数*/
+        tools: {
+          loading: false, //是否显示table加载动画
+          toTopBtnTop: this.$tableHeight.toTopBtnTop, //to-top按钮的top属性
+          tableHover: false, //控制滚动条和top按钮同时出现
+          showTopBtn: false, //显示To top按钮
+          showCustomTableTitle: false, //自定义列弹框是否显示
+          customTableTitle: [], //自定义列工具的数据
+        },
+        asset: {},
+        blankAsset: {
+          id: '',
+          sn: '',
+          host: '',
+          state: '',
+          purchaseDate: '',
+          idcId: '',
+          cabinetId: '',
+          modelId: '',
+          model: {type: {code: ""}},
+          assetType: '',
+          impi:{
+            host:'',
+            port:'',
+          },
+          tags: [],
+          accounts: [],
+        },
+        tableId: 'assetTable', //需要分页的table的id，用于记录每页数量
+        searchMsg: { //给搜索框子组件传递的信息
+          zheze_none: true,
+          searchLabelList: [{
+            id: 1,
+            name: 'ID',
+            type: 'input',
+            label: 'id',
+            disabled: false
+          },{
+            id: 20,
+            name: 'SN',
+            type: 'input',
+            label: 'sn',
+            disabled: false
+          },{
+            id: 21,
+            name: 'Host',
+            type: 'input',
+            label: 'host',
+            disabled: false
+          },{
+            id: 22,
+            name: this.$t("asset.state"),
+            type: 'select',
+            label: 'assetState',
+            disabled: false
+          },{
+            id: 23,
+            name: "pingStatus",
+            type: 'select',
+            label: 'pingStatus',
+            disabled: false
+          }],
+        },
+
+        searchLabel: {}, //搜索参数
+        activeType: 'dataCenter',
+
+        tableTitle: [
+          {
+            label: this.$t("asset.tableTitle.host"),
+            prop: 'HOST',
+            show: true,
+            width: 130,
+            fixed:'left'
+          },
+          {
+            label: this.$t("asset.tableTitle.id"),
+            prop: 'ID',
+            show: false,
+            allowed:true,
+            // width: 110
+          }, {
+            label: this.$t("asset.tableTitle.assetType"),
+            prop: 'assetType',
+            show: true,
+          }, {
+            label: this.$t("asset.tableTitle.device"),
+            prop: 'SN',
+            show: true,
+            width: 130
+          },  {
+            label: this.$t("asset.tableTitle.assetState"),
+            prop: 'state',
+            show: true,
+          }, {
+            label:this.$t('asset.tableTitle.assetPing'),
+            prop:'pingStatus',
+            show:true,
+          },{
+            label: this.$t("asset.tableTitle.modules"),
+            prop: 'Module',
+            show: true,
+            width: 105
+          }, {
+            label: this.$t("asset.tableTitle.alerts"),
+            prop: 'Alert',
+            show: true,
+            width: 100
+          }, {
+            label: this.$t("asset.tableTitle.dataCenter"),
+            prop: 'dataCenter',
+            show: true,
+          }, {
+            label: this.$t("asset.tableTitle.cabinet"),
+            prop: 'cabinet',
+            show: true,
+          }, {
+            label: this.$t("asset.tableTitle.model"),
+            prop: 'model',
+            show: true,
+          }, {
+            label: this.$t("asset.tableTitle.vendor"),
+            prop: 'vendor',
+            show: true,
+          }, {
+            label: this.$t("asset.tableTitle.procurementDate"),
+            prop: 'purchaseDate',
+            show: false,
+          }, {
+            label: this.$t("asset.tableTitle.principal"),
+            prop: 'principal',
+            show: false,
+          }, {
+            label: this.$t("asset.tableTitle.principalTel"),
+            prop: 'tel',
+            show: false,
+            width: 115
+          }, {
+            label: this.$t('config.account.option'),
+            prop: 'option',
+            show: true,
+            width: 150,
+            fixed:'right'
+          }],
+        tableData: [],
+
+        pageObj: {
+          id: '',
+          pageNo: 1,
+          pageSize: 50,
+          total: 0,
+          idcId: '',
+          idcIds: ''
+        },
+
+        assetPingSwitch: localStorage.getItem('nz-sys-asset-ping-switch'),
+        tagKeys:[],
+      }
+    },
+    computed:{
+      headerCurrentDc:function(){
+        return this.$store.state.currentDc;
+      }
+    },
+    watch: {
+      'bottomBox.showSubList': function(n) {
+        let vm = this;
+        this.$bottomBoxWindow.showSubListWatch(vm, n);
+      },
+      'bottomBox.asset': {
+        deep: true,
+        handler(n) {
+          if (n.id) {
+            this.bottomBox.assetDetail = this.convertToDetail(n);
+            if (n.model.id) {
+              n.modelId = n.model.id;
+            }
+          }
+        }
+      },
+      'tools.customTableTitle':{
+        deep:true,
+        immediate:true,
+        handler(n,o){
+          let pingTitle=n.find(item=>{return item.prop=='pingStatus'})
+          if(pingTitle){
+            this.dispatchEvent('asset-ping-switch-change',pingTitle.show)
+          }
+        }
+      }
+    },
+    methods: {
+      fullScreen() {
+        let vm = this;
+        this.$bottomBoxWindow.fullScreen(vm);
+      },
+      exitFullScreen() {
+        let vm = this;
+        this.$bottomBoxWindow.exitFullScreen(vm);
+      },
+      listResize(e) {
+        let vm = this;
+        this.$bottomBoxWindow.listResize(vm, e);
+      },
+      cli([id,host,account]){
+        const consoleParam = {
+          id: id,
+          host: host,
+          accountId: account.id,
+          port: account.port,
+        };
+        this.$store.commit('addConsole', consoleParam);
+      },
+      jumpToAlertMsg(asset) {
+        this.bottomBox.targetTab = 'alertMessage';
+        this.bottomBox.asset = JSON.parse(JSON.stringify(asset));
+        this.bottomBox.showSubList = true;
+      },
+      getTableData() {
+        this.searchLabel = Object.assign(this.searchLabel, this.pageObj);
+        this.tools.loading = true;
+        this.$get('asset', this.searchLabel).then(response => {
+          this.tools.loading = false;
+          if (response.code === 200) {
+            this.tableData = response.data.list;
+            this.pageObj.total = response.data.total
+          }
+        });
+      },
+      getUserData() {
+        return new Promise(resolve => {
+          this.$get('sys/user/list').then(response => {
+            if (response.code === 200) {
+              this.userData = response.data.list;
+            }
+            resolve(this.userData);
+          });
+        });
+      },
+      messageStyle(e) {
+        if (e.column.label == 'Alerts' || e.column.label == this.$t("asset.tableTitle.alerts")) {
+          if (e.row.alertNum > 0) {
+            return 'danger';
+          } else {
+            return 'success';
+          }
+        }
+        return '';
+      },
+      edit(asset) {
+        this.asset = JSON.parse(JSON.stringify(asset));
+        this.rightBox.show = true;
+      },
+      detail(asset) {
+        this.bottomBox.asset = JSON.parse(JSON.stringify(asset));
+        this.bottomBox.targetTab = "panel";
+        this.bottomBox.showSubList = true;
+      },
+      del(asset) {
+        this.$confirm(this.$t("tip.confirmDelete"), {
+          confirmButtonText: this.$t("tip.yes"),
+          cancelButtonText: this.$t("tip.no"),
+          type: 'warning'
+        }).then(() => {
+          this.$delete("asset?ids=" + asset.id).then(response => {
+            if (response.code === 200) {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.deleteSuccess")});
+              this.getTableData();
+              bus.$emit('asset-list-change')
+            } else {
+              this.$message.error(response.msg);
+            }
+          })
+        });
+      },
+      markOptionData(data) {
+        data.forEach(item => {
+          this.$set(item, 'isEdit', false);
+          this.$set(item, 'oldName', item.value);
+          this.$set(item, item.name, false)
+          this.$set(item, item.id, false)
+          this.$set(item, item.id + item.name, false)
+        })
+      },
+      showEndpoint(asset) {
+        this.bottomBox.asset = Object.assign({}, asset);
+        this.bottomBox.targetTab = "endpoint";
+        this.bottomBox.showSubList = true;
+      },
+      add() {
+        this.asset = this.newAsset();
+        this.rightBox.show = true;
+      },
+      newAsset() {
+        return JSON.parse(JSON.stringify(this.blankAsset));
+      },
+      closeRightBox(refresh) {
+        this.rightBox.show = false;
+        if (refresh) {
+          this.getTableData();
+          bus.$emit('asset-list-change')
+          this.loadKeys();
+        }
+      },
+      pageNo(val) {
+        this.pageObj.pageNo = val;
+        this.getTableData()
+      },
+      pageSize(val) {
+        this.pageObj.pageSize = val;
+        localStorage.setItem('nz-pageSize-' + localStorage.getItem('nz-username') + '-' + this.tableId, val);
+        this.getTableData();
+      },
+      getPrincipalName(data) {
+        for (let item in this.userData) {
+          if (this.userData[item].userId === data) {
+            return this.userData[item].username
+          }
+        }
+      },
+      returnData(data) {
+        if (data && data !== '--') {
+          return data;
+        } else if (data === '--') {
+          return '--';
+        } else {
+          return "--";
+        }
+      },
+      closeAllPop() {
+        this.$refs.idcConfigBox.forEach((item) => {
+          item.show(false);
+        });
+        this.$refs.cabinetConfigBox.forEach((item) => {
+          item.show(false);
+        });
+      },
+      search(searchObj) {
+        let orderBy = '';
+        if(this.searchLabel.orderBy){
+          orderBy = this.searchLabel.orderBy
+        }
+        this.searchLabel = {};
+        this.pageObj.pageNo = 1;
+        for (let item in searchObj) {
+          if (searchObj[item]) {
+            this.$set(this.searchLabel, item, searchObj[item]);
+          }
+        }
+        if(orderBy){
+          this.$set(this.searchLabel, 'orderBy', orderBy);
+        }
+        this.getTableData();
+      },
+      convertToDetail(obj) {
+        let detail = JSON.parse(JSON.stringify(obj));
+        detail.state = obj.state == 1 ? this.$t('asset.inStock'): this.$t('asset.notInStock');
+        detail.assetType = obj.model.type.value;
+        detail.vendorModel = obj.model.vendor.value + " " + obj.model.name;
+        detail.dataCenter = obj.idc ? obj.idc.name : "";
+        detail.location = obj.idc ? obj.idc.location : "";
+        detail.principal = obj.idc ? this.getPrincipalName(obj.idc.principal) : "";
+        detail.tel = obj.idc ? obj.idc.tel : "";
+        detail.cabinet = obj.cabinet ? obj.cabinet.name : "";
+        detail.uSize = obj.cabinet ? obj.cabinet.uSize : "";
+        detail.remark = obj.idc ? obj.idc.remark : "";
+        if (obj.accounts && obj.accounts.length > 0) {
+          let account = obj.accounts[0];
+          detail.protocol = account.protocol;
+          detail.account = account.user;
+          let loginType = "";
+          if (account.authType == 1) {
+            loginType = this.$t('asset.password');
+          } else if (account.authType == 2) {
+            loginType = this.$t('asset.ssh');
+          }
+          detail.loginType = loginType;
+          detail.port = account.port;
+        }
+
+        return detail;
+      },
+      formatPingTime:function(str){
+        if(!str || str == ''){
+          return this.$t('asset.assetStatPre')+this.$t('asset.assetStatDown');
+        }
+        let ds='-';
+        let ts=':';
+        let time=new Date(str);
+        let year=time.getFullYear();
+        let month=time.getMonth()+1 > 9 ? time.getMonth()+1 : ('0'+(time.getMonth()+1));
+        let day=time.getDate() > 9 ? time.getDate():('0'+time.getDate());
+        let hours=time.getHours() > 9? time.getHours():('0'+time.getHours());
+        let minutes=time.getMinutes() > 9 ?time.getMinutes():('0'+time.getMinutes());
+        let seconds=time.getSeconds() > 9 ? time.getSeconds():('0'+time.getSeconds());
+        return this.$t('asset.assetStatPre')+year+ds+month+ds+day+' '+hours+ts+minutes+ts+seconds;
+
+      },
+      // 数据排序
+      tableDataSort(item){
+        let orderBy='';
+        if(item.order==='ascending'){
+          orderBy=item.prop;
+        }
+        if(item.order==='descending'){
+          orderBy='-'+item.prop;
+        }
+        this.$set(this.searchLabel, "orderBy", orderBy);
+        this.getTableData();
+      },
+      initEvent() {
+        bus.$on("asset-filter-change", (column, content) => {
+          if(column == 'multiParam'){
+            let $self=this;
+            if(content instanceof Array && content.length>0){
+              debugger
+              content.forEach(item=>{
+                $self.pageObj[item.key] = item.value;
+              })
+            }
+          }else{
+            this.pageObj[column] = content;
+          }
+          this.getTableData();
+        });
+      },
+      dispatchEvent(event,param){
+        this.$nextTick(()=>{
+          bus.$emit(event,param)
+        })
+      },
+      loadKeys:function(){
+        this.$get('/asset/tagKey').then(res=>{
+          if(res.code == 200){
+            this.tagKeys = res.data.list.map(item=>{
+              return {label:item,prop:'tags',show:false,allowed: true,type:'tag'}
+
+            })
+            this.resetTableTitle()
+          }
+        })
+      },
+      resetTableTitle:function(){
+        let title = this.tools.customTableTitle;
+
+        let tableTitle = title.slice(0,this.tableTitle.length);
+
+        let tagTitle = title.slice(this.tableTitle.length,title.length);
+
+        let $self=this;
+        let newTags = this.tagKeys.filter(item=>{ return !tagTitle.find(t =>{return item.label == t.label})})
+        let keepTags = tagTitle.filter(item=>{ return $self.tagKeys.find(t =>{return item.label == t.label})})
+
+        let result = tableTitle.concat([{label:'Tag',show:false,NotSet:true,type:'title',prop:'table-tag'}])
+
+        result = result.concat(keepTags).concat(newTags)
+
+        this.tools.customTableTitle = JSON.parse(JSON.stringify(result))
+
+      },
+      filterTags:function(scope){
+        let tag=scope.column.label.split(' [Tag]')[0]
+        let tagVals=scope.row.tags
+        if(tagVals){
+          let showTag=tagVals.find(item=>{return item.tag == tag})
+          if(showTag){
+            return showTag.value
+          }
+        }
+      }
+    },
+
+    mounted() {
+      //初始化表头
+      let tableTitle = localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path)
+        ? JSON.parse(localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path))
+        : this.tableTitle;
+
+      if (this.assetPingSwitch == 'off') {
+        this.dispatchEvent('asset-ping-switch-change',false)
+        for (let i in tableTitle) {
+          let label = tableTitle[i];
+          if (label.prop == 'pingStatus') {
+            label.show=false;
+            label.NotSet=true;
+            break;
+          }
+        }
+      }else{
+        for (let i in tableTitle) {
+          let label = tableTitle[i];
+          if (label.prop == 'pingStatus') {
+            label.show=true;
+            label.NotSet=false;
+            break;
+          }
+        }
+      }
+      this.tools.customTableTitle = tableTitle;
+
+      this.loadKeys();
+
+      console.log('load end')
+
+      //初始化数据
+      this.getUserData();
+
+      this.pageObj.idcId=this.headerCurrentDc;
+
+      this.getTableData();
+      //是否存在分页缓存
+      let pageSize = localStorage.getItem('nz-pageSize-' + localStorage.getItem('nz-username') + '-' + this.tableId);
+      if (pageSize != 'undefined' && pageSize != null) {
+        this.pageObj.pageSize = pageSize
+      }
+      this.initEvent();
+      this.$nextTick(() => {
+        //绑定滚动条事件，控制top按钮
+        let el = this.$refs.assetTable.$el.querySelector(".el-table__body-wrapper");
+        if (el._ps_) {
+          el.addEventListener("ps-scroll-y", () => {
+            if (el._ps_.scrollbarYTop > 50) {
+              this.tools.showTopBtn = true;
+            } else {
+              this.tools.showTopBtn = false;
+            }
+          });
+          el.addEventListener("mouseenter", () => {
+            this.tools.tableHover = true;
+          });
+          el.addEventListener("mouseleave", () => {
+            this.tools.tableHover = false;
+          });
+        }
+        //resize时刷新左侧列表滚动条
+        let vm = this;
+        window.onresize = function () {
+          vm.$refs.leftScrollbar.update();
+          el._ps_.update();
+        };
+      });
+    },
+    destroyed() {
+      window.onresize = null;
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .asset {
+    height: 100%;
+  }
+  /deep/ .el-table .cell.el-tooltip{
+    min-width: 88px;
+  }
+  .linkSup{
+    position: absolute;
+    top: -15px;
+    left: 17px;
+  }
+  .link{
+    position: relative;
+  }
+
+  .mark{
+    vertical-align: middle;
+    display: inline-flex;
+  }
+  .tag-header{
+    display: flex; width: 100%; align-items: center; flex-wrap: nowrap;
+    .tag-value{
+      max-width: calc(100% - 40px); min-width: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
+    }
+    .tag-mark{
+      color:orange; width: 40px;
+    }
+  }
+  /*/deep/ .sidebar-info-item .el-checkbox__label{*/
+    /*padding-right: 15px;*/
+    /*width: calc(100% - 32px);*/
+  /*}*/
+</style>
diff --git a/.history/nezha-fronted/src/components/page/asset/asset_20200916095227.vue b/.history/nezha-fronted/src/components/page/asset/asset_20200916095227.vue
new file mode 100644
index 000000000..27ac1b420
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/asset/asset_20200916095227.vue
@@ -0,0 +1,792 @@
+<template>
+  <div class="asset" ref="asset">
+    <div class="main-list" :class="{'main-list-with-sub': bottomBox.showSubList}">
+      <div class="main-modal"></div>
+      <div class="top-tools" v-show="bottomBox.mainResizeShow">
+        <div class="top-tool-main-right" :class="{'top-tool-main-right-to-left': bottomBox.showSubList}">
+          <div class="top-tool-search margin-r-20"><search-input :searchMsg="searchMsg" @search="search" :inTransform="bottomBox.inTransform"></search-input></div>
+          <export-excel
+            export-file-name="asset"
+            export-url="/asset/export"
+            import-url="/asset/import"
+            :params="searchLabel"
+            @afterImport="getTableData"
+          >
+            <template slot="optionZone">
+              <button @click.stop="add" :title="$t('overall.createAsset')" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="asset-create-asset">
+                <i class="nz-icon nz-icon-create-square"></i></button>
+            </template>
+          </export-excel>
+        </div>
+        <div class="pagination-top pagination-top-hide display-none"></div>
+      </div>
+      <!-- 自定义table列 -->
+      <transition name="el-zoom-in-top">
+        <element-set
+          v-if="tools.showCustomTableTitle"
+          @close="tools.showCustomTableTitle = false"
+          :custom-table-title.sync="tools.customTableTitle"
+          :original-table-title="tableTitle"
+          ref="customTableTitle"
+        ></element-set>
+      </transition>
+      <el-table
+        class="nz-table"
+        :height="mainTableHeight"
+        style="width: 100%;"
+        :data="tableData"
+        v-scrollBar:el-table="'large'"
+        v-show="bottomBox.mainResizeShow"
+        border
+        v-loading="tools.loading"
+        tooltip-effect="light"
+        ref="assetTable"
+        :cell-class-name="messageStyle"
+        @sort-change="tableDataSort"
+      >
+        <el-table-column
+          :resizable="false"
+          v-for="(item, index) in tools.customTableTitle"
+          v-if="item.show"
+          :width="item.width"
+          :key="`col_${index}`"
+          :label="item.label"
+          :fixed="item.fixed"
+          :show-overflow-tooltip="item.prop != 'Alert' || item.prop != 'Module'"
+          min-width="110px"
+          :class-name="item.prop == 'option' ? 'content-right-options' : ''"
+          :sortable="$tableSet.sortableShow(item.prop,'asset')"
+          :prop="$tableSet.propTitle(item.prop,'asset')"
+          :sort-orders="['ascending', 'descending']"
+        >
+          <template slot-scope="scope" slot="header">
+            <span v-if="item.type == 'tag'" class="tag-header" :title="item.label"><span class="tag-value">{{item.label}}</span><span class="tag-mark">&nbsp;[Tag]</span></span>
+            <span v-else><span>{{item.label}}</span></span>
+          </template>
+          <template slot-scope="scope" :column="item">
+            <div v-if="item.prop=='ID'">
+              <span>{{scope.row.id}}</span>
+            </div>
+            <div v-if="item.prop=='assetType'">
+              <span>{{scope.row.model.type.value}}</span>
+            </div>
+            <template v-if="item.prop=='SN'">{{scope.row.sn}}</template>
+            <div v-if="item.prop=='HOST'">
+              <span>{{scope.row.host}}</span>
+            </div>
+            <div v-if="item.prop=='state'">
+              <span>{{scope.row.state==1 ? $t('asset.inStock') : $t('asset.notInStock')}}</span>
+            </div>
+          <div v-if="item.prop == 'pingStatus'">
+            <el-popover
+              placement="right"
+              width="200"
+              trigger="hover"
+              :content="formatPingTime(scope.row.pingLastUpdate)">
+              <div slot="reference" style="width: 20px">
+                <div :class="{'active-icon green':scope.row.pingState == 1,'active-icon red':scope.row.pingState == 0}"></div><span>{{scope.row.pingRtt?scope.row.pingRtt+'ms':''}}</span>
+              </div>
+            </el-popover>
+          </div>
+          <template v-if="item.prop=='Module'">
+            <span class="link" @click="showEndpoint(scope.row)">{{scope.row.endpointNum}}</span>
+          </template>
+          <template v-if="item.prop=='Alert'">
+            <el-tooltip :content="scope.row.alertNum+' '+$t('overall.active')" placement="top" effect="light" :disabled=" scope.row.alertNum < 99">
+              <span :id="'asset-alerts-'+scope.row.id" @click="jumpToAlertMsg(scope.row)" class="link">
+                {{(scope.row.alertNum < 99 ? scope.row.alertNum : 99)}}
+                  <sup class="linkSup" v-if="scope.row.alertNum > 99">+</sup>
+                {{' ' + $t('overall.active')}}
+              </span>
+            </el-tooltip>
+          </template>
+          <div v-if="item.prop=='dataCenter'">
+            <span  >{{scope.row.idc.name}}</span>
+          </div>
+          <template v-if="item.prop=='cabinet'">
+            <span v-if="scope.row.cabinet && scope.row.cabinet != '--'">{{returnData(scope.row.cabinet).name}}</span>
+            <span v-else >{{returnData(scope.row.cabinet)}}</span>
+          </template>
+          <div v-if="item.prop=='model'">
+            <span>{{scope.row.model.name}}</span>
+          </div>
+          <div v-if="item.prop=='vendor'">
+            <span>{{scope.row.model.vendor.value}}</span>
+          </div>
+          <div v-if="item.prop=='purchaseDate'">
+            <span>{{returnData(scope.row.purchaseDate)}}</span>
+          </div>
+          <div v-if="item.prop=='principal'">
+            <span>{{getPrincipalName(scope.row.idc.principal)}}</span>
+          </div>
+          <div v-if="item.prop=='tel'">
+            <span>{{scope.row.idc.tel}}</span>
+          </div>
+          <template v-if="item.prop == 'tags'">
+            <span>{{filterTags(scope)}}</span>
+          </template>
+          <template v-if="item.prop == 'option'">
+            <span :title="$t('overall.view')" @click.stop="detail(scope.row)" class="content-right-option" :id="'asset-detail-'+scope.row.id"><i
+              class="nz-icon nz-icon-view"></i>
+            </span>
+              &nbsp;
+              <span :title="$t('overall.edit')" @click.stop="edit(scope.row)" class="content-right-option" :id="'asset-edit-'+scope.row.id"><i
+                class="nz-icon nz-icon-edit"></i>
+            </span>
+              &nbsp;
+              <span :title="$t('overall.delete')" @click.stop="del(scope.row)" class="content-right-option" :id="'asset-del-'+scope.row.id"><i
+                class="nz-icon nz-icon-delete"></i>
+            </span>
+              &nbsp;
+              <el-dropdown trigger="hover" @command="cli">
+              <span title="CLI" class="content-right-option" :id="'asset-ssh-'+scope.row.id"><i
+                class="nz-icon nz-icon-cli" :class="{'gray-filter': !scope.row.accounts || scope.row.accounts.length == 0}"></i>
+              </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item v-for="(account, index) in scope.row.accounts" v-if="account && account.protocol != 'SNMP'" :key="index" :command="[scope.row.id ,scope.row.host, account]">{{account.protocol}}</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+
+            </template>
+          </template>
+        </el-table-column>
+        <el-table-column width="28" fixed="right" :resizable="false">
+          <template slot="header" slot-scope="scope">
+          <span @mousedown.stop="!tools.showCustomTableTitle && (tools.showCustomTableTitle = true)" class="nz-table-gear">
+            <i class="nz-icon nz-icon-gear"></i>
+          </span>
+          </template>
+          <template v-slot="scope">
+            <button v-if="scope.$index == 0" class="to-top" :style="{top: tools.toTopBtnTop}" :class="{'to-top-is-hover': tools.tableHover}" v-show="tools.showTopBtn && bottomBox.mainResizeShow" @click="$toTop('ps', 0)"><i class="nz-icon nz-icon-top"></i></button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pagination-bottom" v-show="!bottomBox.showSubList">
+        <Pagination :tableId="tableId" :pageObj="pageObj" @pageNo='pageNo' @pageSize='pageSize' ref="Pagination"></Pagination>
+      </div>
+    </div>
+    <transition name="el-zoom-in-bottom">
+      <bottom-box v-if="bottomBox.showSubList" :sub-resize-show="bottomBox.subResizeShow" :obj="bottomBox.asset" :isFullScreen="bottomBox.isFullScreen" :from="'asset'" :targetTab.sync="bottomBox.targetTab" :detail="bottomBox.assetDetail"
+                  @reload="getTableData"
+                  @closeSubList="bottomBox.showSubList = false"
+                  @fullScreen="fullScreen"
+                  @exitFullScreen="exitFullScreen"
+                  @listResize="listResize" ></bottom-box>
+    </transition>
+    <transition name="right-box">
+      <asset-box v-if="rightBox.show" :asset="asset" @refresh="getTableData" ref="assetBox" @close="closeRightBox"></asset-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+  import bus from "../../../libs/bus";
+  import exportXLSX from "../../common/exportXLSX";
+  import endpointStatusPop from "./endpointStatusPop";
+  export default {
+    name: "asset",
+    components:{
+      'export-excel':exportXLSX,
+      'endpoint-status-pop':endpointStatusPop,
+    },
+    data() {
+      return {
+        //侧滑
+        rightBox: {
+          show: false,
+        },
+        /*二级页面相关*/
+        bottomBox: {
+          assetDetail: {}, //asset详情
+          asset: {}, //告警信息对应的asset对象
+          mainResizeShow: true, //dom高度改变时是否展示|隐藏
+          subResizeShow: true,
+          isFullScreen: false, //全屏状态
+          showSubList: false, //是否显示二级列表
+          targetTab: '', //显示二级列表中的哪个页签
+          inTransform: false, //搜索框相关，搜索条件下拉框是否在transform里
+        },
+
+        mainTableHeight: this.$tableHeight.normal, //主列表table高度
+
+        /*工具参数*/
+        tools: {
+          loading: false, //是否显示table加载动画
+          toTopBtnTop: this.$tableHeight.toTopBtnTop, //to-top按钮的top属性
+          tableHover: false, //控制滚动条和top按钮同时出现
+          showTopBtn: false, //显示To top按钮
+          showCustomTableTitle: false, //自定义列弹框是否显示
+          customTableTitle: [], //自定义列工具的数据
+        },
+        asset: {},
+        blankAsset: {
+          id: '',
+          sn: '',
+          host: '',
+          state: '',
+          purchaseDate: '',
+          idcId: '',
+          cabinetId: '',
+          modelId: '',
+          model: {type: {code: ""}},
+          assetType: '',
+          impi:{
+            host:'',
+            port:'',
+          },
+          tags: [],
+          accounts: [],
+        },
+        tableId: 'assetTable', //需要分页的table的id，用于记录每页数量
+        searchMsg: { //给搜索框子组件传递的信息
+          zheze_none: true,
+          searchLabelList: [{
+            id: 1,
+            name: 'ID',
+            type: 'input',
+            label: 'id',
+            disabled: false
+          },{
+            id: 20,
+            name: 'SN',
+            type: 'input',
+            label: 'sn',
+            disabled: false
+          },{
+            id: 21,
+            name: 'Host',
+            type: 'input',
+            label: 'host',
+            disabled: false
+          },{
+            id: 22,
+            name: this.$t("asset.state"),
+            type: 'select',
+            label: 'assetState',
+            disabled: false
+          },{
+            id: 23,
+            name: "pingStatus",
+            type: 'select',
+            label: 'pingStatus',
+            disabled: false
+          }],
+        },
+
+        searchLabel: {}, //搜索参数
+        activeType: 'dataCenter',
+
+        tableTitle: [
+          {
+            label: this.$t("asset.tableTitle.host"),
+            prop: 'HOST',
+            show: true,
+            width: 130,
+            fixed:'left'
+          },
+          {
+            label: this.$t("asset.tableTitle.id"),
+            prop: 'ID',
+            show: false,
+            allowed:true,
+            // width: 110
+          }, {
+            label: this.$t("asset.tableTitle.assetType"),
+            prop: 'assetType',
+            show: true,
+          }, {
+            label: this.$t("asset.tableTitle.device"),
+            prop: 'SN',
+            show: true,
+            width: 130
+          },  {
+            label: this.$t("asset.tableTitle.assetState"),
+            prop: 'state',
+            show: true,
+          }, {
+            label:this.$t('asset.tableTitle.assetPing'),
+            prop:'pingStatus',
+            show:true,
+          },{
+            label: this.$t("asset.tableTitle.modules"),
+            prop: 'Module',
+            show: true,
+            width: 105
+          }, {
+            label: this.$t("asset.tableTitle.alerts"),
+            prop: 'Alert',
+            show: true,
+            width: 100
+          }, {
+            label: this.$t("asset.tableTitle.dataCenter"),
+            prop: 'dataCenter',
+            show: true,
+          }, {
+            label: this.$t("asset.tableTitle.cabinet"),
+            prop: 'cabinet',
+            show: true,
+          }, {
+            label: this.$t("asset.tableTitle.model"),
+            prop: 'model',
+            show: true,
+          }, {
+            label: this.$t("asset.tableTitle.vendor"),
+            prop: 'vendor',
+            show: true,
+          }, {
+            label: this.$t("asset.tableTitle.procurementDate"),
+            prop: 'purchaseDate',
+            show: false,
+          }, {
+            label: this.$t("asset.tableTitle.principal"),
+            prop: 'principal',
+            show: false,
+          }, {
+            label: this.$t("asset.tableTitle.principalTel"),
+            prop: 'tel',
+            show: false,
+            width: 115
+          }, {
+            label: this.$t('config.account.option'),
+            prop: 'option',
+            show: true,
+            width: 150,
+            fixed:'right'
+          }],
+        tableData: [],
+
+        pageObj: {
+          id: '',
+          pageNo: 1,
+          pageSize: 50,
+          total: 0,
+          idcId: '',
+          idcIds: ''
+        },
+
+        assetPingSwitch: localStorage.getItem('nz-sys-asset-ping-switch'),
+        tagKeys:[],
+      }
+    },
+    computed:{
+      headerCurrentDc:function(){
+        return this.$store.state.currentDc;
+      }
+    },
+    watch: {
+      'bottomBox.showSubList': function(n) {
+        let vm = this;
+        this.$bottomBoxWindow.showSubListWatch(vm, n);
+      },
+      'bottomBox.asset': {
+        deep: true,
+        handler(n) {
+          if (n.id) {
+            this.bottomBox.assetDetail = this.convertToDetail(n);
+            if (n.model.id) {
+              n.modelId = n.model.id;
+            }
+          }
+        }
+      },
+      'tools.customTableTitle':{
+        deep:true,
+        immediate:true,
+        handler(n,o){
+          let pingTitle=n.find(item=>{return item.prop=='pingStatus'})
+          if(pingTitle){
+            this.dispatchEvent('asset-ping-switch-change',pingTitle.show)
+          }
+        }
+      }
+    },
+    methods: {
+      fullScreen() {
+        let vm = this;
+        this.$bottomBoxWindow.fullScreen(vm);
+      },
+      exitFullScreen() {
+        let vm = this;
+        this.$bottomBoxWindow.exitFullScreen(vm);
+      },
+      listResize(e) {
+        let vm = this;
+        this.$bottomBoxWindow.listResize(vm, e);
+      },
+      cli([id,host,account]){
+        const consoleParam = {
+          id: id,
+          host: host,
+          accountId: account.id,
+          port: account.port,
+        };
+        this.$store.commit('addConsole', consoleParam);
+      },
+      jumpToAlertMsg(asset) {
+        this.bottomBox.targetTab = 'alertMessage';
+        this.bottomBox.asset = JSON.parse(JSON.stringify(asset));
+        this.bottomBox.showSubList = true;
+      },
+      getTableData() {
+        this.searchLabel = Object.assign(this.searchLabel, this.pageObj);
+        this.tools.loading = true;
+        this.$get('asset', this.searchLabel).then(response => {
+          this.tools.loading = false;
+          if (response.code === 200) {
+            this.tableData = response.data.list;
+            this.pageObj.total = response.data.total
+          }
+        });
+      },
+      getUserData() {
+        return new Promise(resolve => {
+          this.$get('sys/user/list').then(response => {
+            if (response.code === 200) {
+              this.userData = response.data.list;
+            }
+            resolve(this.userData);
+          });
+        });
+      },
+      messageStyle(e) {
+        if (e.column.label == 'Alerts' || e.column.label == this.$t("asset.tableTitle.alerts")) {
+          if (e.row.alertNum > 0) {
+            return 'danger';
+          } else {
+            return 'success';
+          }
+        }
+        return '';
+      },
+      edit(asset) {
+        this.asset = JSON.parse(JSON.stringify(asset));
+        this.rightBox.show = true;
+      },
+      detail(asset) {
+        this.bottomBox.asset = JSON.parse(JSON.stringify(asset));
+        this.bottomBox.targetTab = "panel";
+        this.bottomBox.showSubList = true;
+      },
+      del(asset) {
+        this.$confirm(this.$t("tip.confirmDelete"), {
+          confirmButtonText: this.$t("tip.yes"),
+          cancelButtonText: this.$t("tip.no"),
+          type: 'warning'
+        }).then(() => {
+          this.$delete("asset?ids=" + asset.id).then(response => {
+            if (response.code === 200) {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.deleteSuccess")});
+              this.getTableData();
+              bus.$emit('asset-list-change')
+            } else {
+              this.$message.error(response.msg);
+            }
+          })
+        });
+      },
+      markOptionData(data) {
+        data.forEach(item => {
+          this.$set(item, 'isEdit', false);
+          this.$set(item, 'oldName', item.value);
+          this.$set(item, item.name, false)
+          this.$set(item, item.id, false)
+          this.$set(item, item.id + item.name, false)
+        })
+      },
+      showEndpoint(asset) {
+        this.bottomBox.asset = Object.assign({}, asset);
+        this.bottomBox.targetTab = "endpoint";
+        this.bottomBox.showSubList = true;
+      },
+      add() {
+        this.asset = this.newAsset();
+        this.rightBox.show = true;
+      },
+      newAsset() {
+        return JSON.parse(JSON.stringify(this.blankAsset));
+      },
+      closeRightBox(refresh) {
+        this.rightBox.show = false;
+        if (refresh) {
+          this.getTableData();
+          bus.$emit('asset-list-change')
+          this.loadKeys();
+        }
+      },
+      pageNo(val) {
+        this.pageObj.pageNo = val;
+        this.getTableData()
+      },
+      pageSize(val) {
+        this.pageObj.pageSize = val;
+        localStorage.setItem('nz-pageSize-' + localStorage.getItem('nz-username') + '-' + this.tableId, val);
+        this.getTableData();
+      },
+      getPrincipalName(data) {
+        for (let item in this.userData) {
+          if (this.userData[item].userId === data) {
+            return this.userData[item].username
+          }
+        }
+      },
+      returnData(data) {
+        if (data && data !== '--') {
+          return data;
+        } else if (data === '--') {
+          return '--';
+        } else {
+          return "--";
+        }
+      },
+      closeAllPop() {
+        this.$refs.idcConfigBox.forEach((item) => {
+          item.show(false);
+        });
+        this.$refs.cabinetConfigBox.forEach((item) => {
+          item.show(false);
+        });
+      },
+      search(searchObj) {
+        let orderBy = '';
+        if(this.searchLabel.orderBy){
+          orderBy = this.searchLabel.orderBy
+        }
+        this.searchLabel = {};
+        this.pageObj.pageNo = 1;
+        for (let item in searchObj) {
+          if (searchObj[item]) {
+            this.$set(this.searchLabel, item, searchObj[item]);
+          }
+        }
+        if(orderBy){
+          this.$set(this.searchLabel, 'orderBy', orderBy);
+        }
+        this.getTableData();
+      },
+      convertToDetail(obj) {
+        let detail = JSON.parse(JSON.stringify(obj));
+        detail.state = obj.state == 1 ? this.$t('asset.inStock'): this.$t('asset.notInStock');
+        detail.assetType = obj.model.type.value;
+        detail.vendorModel = obj.model.vendor.value + " " + obj.model.name;
+        detail.dataCenter = obj.idc ? obj.idc.name : "";
+        detail.location = obj.idc ? obj.idc.location : "";
+        detail.principal = obj.idc ? this.getPrincipalName(obj.idc.principal) : "";
+        detail.tel = obj.idc ? obj.idc.tel : "";
+        detail.cabinet = obj.cabinet ? obj.cabinet.name : "";
+        detail.uSize = obj.cabinet ? obj.cabinet.uSize : "";
+        detail.remark = obj.idc ? obj.idc.remark : "";
+        if (obj.accounts && obj.accounts.length > 0) {
+          let account = obj.accounts[0];
+          detail.protocol = account.protocol;
+          detail.account = account.user;
+          let loginType = "";
+          if (account.authType == 1) {
+            loginType = this.$t('asset.password');
+          } else if (account.authType == 2) {
+            loginType = this.$t('asset.ssh');
+          }
+          detail.loginType = loginType;
+          detail.port = account.port;
+        }
+
+        return detail;
+      },
+      formatPingTime:function(str){
+        if(!str || str == ''){
+          return this.$t('asset.assetStatPre')+this.$t('asset.assetStatDown');
+        }
+        let ds='-';
+        let ts=':';
+        let time=new Date(str);
+        let year=time.getFullYear();
+        let month=time.getMonth()+1 > 9 ? time.getMonth()+1 : ('0'+(time.getMonth()+1));
+        let day=time.getDate() > 9 ? time.getDate():('0'+time.getDate());
+        let hours=time.getHours() > 9? time.getHours():('0'+time.getHours());
+        let minutes=time.getMinutes() > 9 ?time.getMinutes():('0'+time.getMinutes());
+        let seconds=time.getSeconds() > 9 ? time.getSeconds():('0'+time.getSeconds());
+        return this.$t('asset.assetStatPre')+year+ds+month+ds+day+' '+hours+ts+minutes+ts+seconds;
+
+      },
+      // 数据排序
+      tableDataSort(item){
+        let orderBy='';
+        if(item.order==='ascending'){
+          orderBy=item.prop;
+        }
+        if(item.order==='descending'){
+          orderBy='-'+item.prop;
+        }
+        this.$set(this.searchLabel, "orderBy", orderBy);
+        this.getTableData();
+      },
+      initEvent() {
+        bus.$on("asset-filter-change", (column, content) => {
+          if(column == 'multiParam'){
+            let $self=this;
+            if(content instanceof Array && content.length>0){
+              content.forEach(item=>{
+                $self.pageObj[item.key] = item.value;
+              })
+            }
+          }else{
+            this.pageObj[column] = content;
+          }
+          this.getTableData();
+        });
+      },
+      dispatchEvent(event,param){
+        this.$nextTick(()=>{
+          bus.$emit(event,param)
+        })
+      },
+      loadKeys:function(){
+        this.$get('/asset/tagKey').then(res=>{
+          if(res.code == 200){
+            this.tagKeys = res.data.list.map(item=>{
+              return {label:item,prop:'tags',show:false,allowed: true,type:'tag'}
+
+            })
+            this.resetTableTitle()
+          }
+        })
+      },
+      resetTableTitle:function(){
+        let title = this.tools.customTableTitle;
+
+        let tableTitle = title.slice(0,this.tableTitle.length);
+
+        let tagTitle = title.slice(this.tableTitle.length,title.length);
+
+        let $self=this;
+        let newTags = this.tagKeys.filter(item=>{ return !tagTitle.find(t =>{return item.label == t.label})})
+        let keepTags = tagTitle.filter(item=>{ return $self.tagKeys.find(t =>{return item.label == t.label})})
+
+        let result = tableTitle.concat([{label:'Tag',show:false,NotSet:true,type:'title',prop:'table-tag'}])
+
+        result = result.concat(keepTags).concat(newTags)
+
+        this.tools.customTableTitle = JSON.parse(JSON.stringify(result))
+
+      },
+      filterTags:function(scope){
+        let tag=scope.column.label.split(' [Tag]')[0]
+        let tagVals=scope.row.tags
+        if(tagVals){
+          let showTag=tagVals.find(item=>{return item.tag == tag})
+          if(showTag){
+            return showTag.value
+          }
+        }
+      }
+    },
+
+    mounted() {
+      //初始化表头
+      let tableTitle = localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path)
+        ? JSON.parse(localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path))
+        : this.tableTitle;
+
+      if (this.assetPingSwitch == 'off') {
+        this.dispatchEvent('asset-ping-switch-change',false)
+        for (let i in tableTitle) {
+          let label = tableTitle[i];
+          if (label.prop == 'pingStatus') {
+            label.show=false;
+            label.NotSet=true;
+            break;
+          }
+        }
+      }else{
+        for (let i in tableTitle) {
+          let label = tableTitle[i];
+          if (label.prop == 'pingStatus') {
+            label.show=true;
+            label.NotSet=false;
+            break;
+          }
+        }
+      }
+      this.tools.customTableTitle = tableTitle;
+
+      this.loadKeys();
+
+      console.log('load end')
+
+      //初始化数据
+      this.getUserData();
+
+      this.pageObj.idcId=this.headerCurrentDc;
+
+      this.getTableData();
+      //是否存在分页缓存
+      let pageSize = localStorage.getItem('nz-pageSize-' + localStorage.getItem('nz-username') + '-' + this.tableId);
+      if (pageSize != 'undefined' && pageSize != null) {
+        this.pageObj.pageSize = pageSize
+      }
+      this.initEvent();
+      this.$nextTick(() => {
+        //绑定滚动条事件，控制top按钮
+        let el = this.$refs.assetTable.$el.querySelector(".el-table__body-wrapper");
+        if (el._ps_) {
+          el.addEventListener("ps-scroll-y", () => {
+            if (el._ps_.scrollbarYTop > 50) {
+              this.tools.showTopBtn = true;
+            } else {
+              this.tools.showTopBtn = false;
+            }
+          });
+          el.addEventListener("mouseenter", () => {
+            this.tools.tableHover = true;
+          });
+          el.addEventListener("mouseleave", () => {
+            this.tools.tableHover = false;
+          });
+        }
+        //resize时刷新左侧列表滚动条
+        let vm = this;
+        window.onresize = function () {
+          vm.$refs.leftScrollbar.update();
+          el._ps_.update();
+        };
+      });
+    },
+    destroyed() {
+      window.onresize = null;
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .asset {
+    height: 100%;
+  }
+  /deep/ .el-table .cell.el-tooltip{
+    min-width: 88px;
+  }
+  .linkSup{
+    position: absolute;
+    top: -15px;
+    left: 17px;
+  }
+  .link{
+    position: relative;
+  }
+
+  .mark{
+    vertical-align: middle;
+    display: inline-flex;
+  }
+  .tag-header{
+    display: flex; width: 100%; align-items: center; flex-wrap: nowrap;
+    .tag-value{
+      max-width: calc(100% - 40px); min-width: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
+    }
+    .tag-mark{
+      color:orange; width: 40px;
+    }
+  }
+  /*/deep/ .sidebar-info-item .el-checkbox__label{*/
+    /*padding-right: 15px;*/
+    /*width: calc(100% - 32px);*/
+  /*}*/
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191454.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191454.vue
new file mode 100644
index 000000000..d498fff9a
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191454.vue
@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <div
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        cursorIndex:0,
+        content:'',
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      onEditorBlur(quill) {
+        console.log('editor blur!', quill)
+      },
+      onEditorFocus(quill) {
+        console.log('editor focus!', quill)
+      },
+      onEditorReady(quill) {
+        console.log('editor ready!', quill)
+      },
+      onEditorChange({ quill, html, text }) {
+        let range=quill.getSelection();
+        if(range&&range.length == 0){
+          this.cursorIndex=range.index;
+        }
+
+        if(/.*\{/.test(text)){
+          this.content=text+"}fdsafasf"
+        }
+      },
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      editor() {
+        return this.$refs.myQuillEditor.quill
+      }
+    },
+    mounted() {
+      console.log('this is current quill instance object', this.editor)
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191738.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191738.vue
new file mode 100644
index 000000000..a17a47641
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191738.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        cursorIndex:0,
+        content:'',
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      editor() {
+        return this.$refs.myQuillEditor.quill
+      }
+    },
+    mounted() {
+      console.log('this is current quill instance object', this.editor)
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191743.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191743.vue
new file mode 100644
index 000000000..c3f454b84
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191743.vue
@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <div
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        cursorIndex:0,
+        content:'',
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      console.log('this is current quill instance object', this.editor)
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191745.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191745.vue
new file mode 100644
index 000000000..804f88527
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191745.vue
@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <div
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        cursorIndex:0,
+        content:'',
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191751.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191751.vue
new file mode 100644
index 000000000..80fa0a32b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191751.vue
@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <div
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        content:'',
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191754.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191754.vue
new file mode 100644
index 000000000..5b419694b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191754.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191806.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191806.vue
new file mode 100644
index 000000000..c1b868fd3
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191806.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191810.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191810.vue
new file mode 100644
index 000000000..e2a5226e6
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191810.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id=id></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191811.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191811.vue
new file mode 100644
index 000000000..8126b90f2
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191811.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191813.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191813.vue
new file mode 100644
index 000000000..99cb7362f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191813.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id=></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191814.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191814.vue
new file mode 100644
index 000000000..03ba3a692
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191814.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id=""></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191815.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191815.vue
new file mode 100644
index 000000000..ccbb60916
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191815.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id="id"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191824.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191824.vue
new file mode 100644
index 000000000..c01c9eaa0
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191824.vue
@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <div :id="id"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, {
+        theme: 'snow',
+        modules: {
+            toolbar: this.toolbar
+        },
+        placeholder: '请输入正文',
+    });
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191843.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191843.vue
new file mode 100644
index 000000000..0a4e6ce94
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191843.vue
@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, {
+        theme: 'snow',
+        modules: {
+            toolbar: this.toolbar
+        },
+        placeholder: '请输入正文',
+    });
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191846.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191846.vue
new file mode 100644
index 000000000..4c9399381
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191846.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+      this.quill = new Quill(this.$refs.editor, {
+        theme: 'snow',
+        modules: {
+            toolbar: this.toolbar
+        },
+        placeholder: '请输入正文',
+    });
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191856.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191856.vue
new file mode 100644
index 000000000..b67a850f9
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191856.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+
+      this.quill = new Quill(this.$el, {
+        theme: 'snow',
+        modules: {
+            toolbar: this.toolbar
+        },
+        placeholder: '请输入正文',
+    });
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191859.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191859.vue
new file mode 100644
index 000000000..4c9399381
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191859.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+      this.quill = new Quill(this.$refs.editor, {
+        theme: 'snow',
+        modules: {
+            toolbar: this.toolbar
+        },
+        placeholder: '请输入正文',
+    });
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191912.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191912.vue
new file mode 100644
index 000000000..2c88cd127
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191912.vue
@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+      this.quill = new Quill(this.$refs.editor, );
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191914.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191914.vue
new file mode 100644
index 000000000..fd6311334
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191914.vue
@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+      this.quill = new Quill(this.$refs.editor, this.);
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191918.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191918.vue
new file mode 100644
index 000000000..0c684ae50
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191918.vue
@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+      this.quill = new Quill(this.$refs.editor, this.options);
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191921.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191921.vue
new file mode 100644
index 000000000..0c684ae50
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609191921.vue
@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      quillEditor
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+      this.quill = new Quill(this.$refs.editor, this.options);
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192625.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192625.vue
new file mode 100644
index 000000000..06a7c9286
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192625.vue
@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+      this.quill = new Quill(this.$refs.editor, this.options);
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192834.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192834.vue
new file mode 100644
index 000000000..1e6dd855b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192834.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+      this.quill = new Quill(this.$refs.editor, this.options);
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192842.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192842.vue
new file mode 100644
index 000000000..1e6dd855b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192842.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      
+      this.quill = new Quill(this.$refs.editor, this.options);
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192844.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192844.vue
new file mode 100644
index 000000000..be1b187be
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192844.vue
@@ -0,0 +1,49 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192851.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192851.vue
new file mode 100644
index 000000000..2151fb843
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192851.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+       
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192855.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192855.vue
new file mode 100644
index 000000000..a5d568912
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192855.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192858.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192858.vue
new file mode 100644
index 000000000..1c953a619
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192858.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on()
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192901.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192901.vue
new file mode 100644
index 000000000..eb4e67157
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192901.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text')
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192904.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192904.vue
new file mode 100644
index 000000000..0babd209a
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192904.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change')
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192912.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192912.vue
new file mode 100644
index 000000000..932a1e517
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192912.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(){})
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192937.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192937.vue
new file mode 100644
index 000000000..791b65b5c
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192937.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){})
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192939.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192939.vue
new file mode 100644
index 000000000..c80a1556b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192939.vue
@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192944.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192944.vue
new file mode 100644
index 000000000..881f6e01c
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192944.vue
@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if()
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192947.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192947.vue
new file mode 100644
index 000000000..0e2e96e0c
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192947.vue
@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source )
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192950.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192950.vue
new file mode 100644
index 000000000..6697ed5fb
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192950.vue
@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == '')
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192952.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192952.vue
new file mode 100644
index 000000000..522f009b5
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192952.vue
@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user')
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192958.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192958.vue
new file mode 100644
index 000000000..17fd9c4b1
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609192958.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log()
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193000.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193000.vue
new file mode 100644
index 000000000..70987f448
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193000.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(delta)
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193043.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193043.vue
new file mode 100644
index 000000000..afa76748c
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193043.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(delta,)
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193046.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193046.vue
new file mode 100644
index 000000000..c3a598c2d
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193046.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(delta,oldDelta)
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193135.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193135.vue
new file mode 100644
index 000000000..a945257ad
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193135.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193147.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193147.vue
new file mode 100644
index 000000000..17fd9c4b1
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193147.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log()
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193151.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193151.vue
new file mode 100644
index 000000000..0a189371c
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193151.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(this.quill.get)
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193154.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193154.vue
new file mode 100644
index 000000000..aa2911ef4
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193154.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(this.quill.getContents)
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193155.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193155.vue
new file mode 100644
index 000000000..eb6d0f82f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193155.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(this.quill.getContents())
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193226.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193226.vue
new file mode 100644
index 000000000..aa2b499e4
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193226.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(quill.getContents())
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193234.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193234.vue
new file mode 100644
index 000000000..eb6d0f82f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193234.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(this.quill.getContents())
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193235.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193235.vue
new file mode 100644
index 000000000..eb6d0f82f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193235.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(this.quill.getContents())
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193244.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193244.vue
new file mode 100644
index 000000000..9cbc18e8b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193244.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(this.quill.getContents())
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193250.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193250.vue
new file mode 100644
index 000000000..8347e8e82
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193250.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(this.quill.getContents())
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193254.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193254.vue
new file mode 100644
index 000000000..d9df9b2c2
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193254.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log($temp.quill.getContents())
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193338.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193338.vue
new file mode 100644
index 000000000..289aa192f
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193338.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if()
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193343.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193343.vue
new file mode 100644
index 000000000..e15c4f021
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193343.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.)
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193344.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193344.vue
new file mode 100644
index 000000000..38287b6d9
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193344.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.o)
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193350.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193350.vue
new file mode 100644
index 000000000..b70d9c8c0
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193350.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.op)
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193352.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193352.vue
new file mode 100644
index 000000000..5898d33cd
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193352.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops)
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193354.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193354.vue
new file mode 100644
index 000000000..248e131d6
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193354.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[])
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193355.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193355.vue
new file mode 100644
index 000000000..f18866056
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193355.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0])
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193357.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193357.vue
new file mode 100644
index 000000000..afe3e8013
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193357.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='')
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193358.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193358.vue
new file mode 100644
index 000000000..bcd277059
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193358.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{')
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193400.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193400.vue
new file mode 100644
index 000000000..58aaa34a9
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193400.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193405.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193405.vue
new file mode 100644
index 000000000..58aaa34a9
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193405.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193408.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193408.vue
new file mode 100644
index 000000000..07357e5ed
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193408.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            $temp.
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193410.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193410.vue
new file mode 100644
index 000000000..063050c2a
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193410.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            $temp.quill.
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193413.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193413.vue
new file mode 100644
index 000000000..da9e433b1
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193413.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193416.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193416.vue
new file mode 100644
index 000000000..22f8ec019
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193416.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText()
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193438.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193438.vue
new file mode 100644
index 000000000..9dad40a71
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193438.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText($temp.)
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193443.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193443.vue
new file mode 100644
index 000000000..737d2cd38
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193443.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText($temp.quill.getContents())
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193448.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193448.vue
new file mode 100644
index 000000000..f1b943a51
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193448.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText($temp.quill.getContents().)
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193451.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193451.vue
new file mode 100644
index 000000000..dd0b437a2
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193451.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText($temp.quill.getContents().ops[])
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193452.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193452.vue
new file mode 100644
index 000000000..e3276f94b
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193452.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText($temp.quill.getContents().ops[0])
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193455.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193455.vue
new file mode 100644
index 000000000..a8deafb03
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193455.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText($temp.quill.getContents().ops[0]+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193515.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193515.vue
new file mode 100644
index 000000000..99a31b293
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193515.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log()
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText($temp.quill.getContents().ops[0]+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193520.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193520.vue
new file mode 100644
index 000000000..94f82db77
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193520.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(delta.op)
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText($temp.quill.getContents().ops[0]+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193521.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193521.vue
new file mode 100644
index 000000000..8b77b0666
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193521.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(delta)
+          if(delta.ops[0]=='{'){
+            $temp.quill.setText($temp.quill.getContents().ops[0]+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193548.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193548.vue
new file mode 100644
index 000000000..c553e9833
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193548.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          console.log(delta)
+          if(delta.ops[0].insert=='{'){
+            $temp.quill.setText($temp.quill.getContents().ops[0]+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193616.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193616.vue
new file mode 100644
index 000000000..2a0d9f08a
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193616.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            $temp.quill.setText($temp.quill.getContents().ops[0]+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193618.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193618.vue
new file mode 100644
index 000000000..1bcde94dd
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193618.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            
+            $temp.quill.setText($temp.quill.getContents().ops[0]+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193622.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193622.vue
new file mode 100644
index 000000000..118c1768d
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193622.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            console.log()
+            $temp.quill.setText($temp.quill.getContents().ops[0]+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193627.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193627.vue
new file mode 100644
index 000000000..4830d9e9c
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193627.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            console.log($temp.quill.getContents())
+            $temp.quill.setText($temp.quill.getContents().ops[0]+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193707.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193707.vue
new file mode 100644
index 000000000..0ee23d6eb
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193707.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            console.log($temp.quill.getContents())
+            $temp.quill.setText($temp.quill.getContents().ops[0].insert+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193709.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193709.vue
new file mode 100644
index 000000000..0ee23d6eb
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193709.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            console.log($temp.quill.getContents())
+            $temp.quill.setText($temp.quill.getContents().ops[0].insert+"}")
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193744.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193744.vue
new file mode 100644
index 000000000..bffdef4a0
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193744.vue
@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            console.log($temp.quill.getContents())
+            $temp.quill.setText($temp.quill.getContents().ops[0].insert+"}")
+            $
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193750.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193750.vue
new file mode 100644
index 000000000..5e2270685
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193750.vue
@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            console.log($temp.quill.getContents())
+            $temp.quill.setText($temp.quill.getContents().ops[0].insert+"}")
+            $temp.quill.fou
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193753.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193753.vue
new file mode 100644
index 000000000..f542663b4
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193753.vue
@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            console.log($temp.quill.getContents())
+            $temp.quill.setText($temp.quill.getContents().ops[0].insert+"}")
+            $temp.quill.focus()
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193754.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193754.vue
new file mode 100644
index 000000000..fc71bd416
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609193754.vue
@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            console.log($temp.quill.getContents())
+            $temp.quill.setText($temp.quill.getContents().ops[0].insert+"}")
+            $temp.quill.focus();
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609194242.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609194242.vue
new file mode 100644
index 000000000..41e2b2fc7
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609194242.vue
@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            console.log($temp.quill.getContents())
+            $temp.quill.setText($temp.quill.getContents().ops[0].insert+"}",'')
+            $temp.quill.focus();
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609194244.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609194244.vue
new file mode 100644
index 000000000..ded9e9768
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200609194244.vue
@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <div :id="id" ref="editor"></div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  export default {
+    name: "editor",
+    props: {
+      value: Object
+    },
+    components:{
+      
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: 'Insert text here ...'
+        }
+      }
+    },
+    methods:{
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+    },
+    computed: {
+      
+    },
+    mounted() {
+      this.quill = new Quill(this.$refs.editor, this.options);
+      let $temp=this;
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        if(source == 'user'){
+          if(delta.ops[0].insert=='{'){
+            console.log($temp.quill.getContents())
+            $temp.quill.setText($temp.quill.getContents().ops[0].insert+"}",'api')
+            $temp.quill.focus();
+          }
+        }
+      })
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200622181933.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200622181933.vue
new file mode 100644
index 000000000..5a181166a
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200622181933.vue
@@ -0,0 +1,854 @@
+<template>
+  <div class="metric-editor" v-clickoutside="clickout">
+    <div :id="id" class="editor-core" ref="editor" ></div>
+    <span class="nz-input-append editor-clear" style="padding-top:8px;display: none" @click="clearContent"><i class="el-icon-circle-close"></i></span>
+    <div class="metric-editor-popper" :style="{left:popperPos.left+'px'}">
+      <div class="metric-popper-main" v-show="showType&&Object.keys(showSuggestions).length>0">
+          <el-scrollbar style="height: 100%" class="ps-scroll-small" ref="scroll">
+            <div v-for="(key, index) in orders" >
+              <div v-html="key" class="popper-group" v-show="showSuggestions[key]"></div>
+              <div class="popper-item" v-for="(item,i) in showSuggestions[key]" v-html="item.label" :key="item.insertText" :type="key" :value="item.insertText" @click.stop="handleItemClick(key,item,$event)" @mouseover="itemHover(item)" @mouseout="itemOut(item)"></div>
+            </div>
+          </el-scrollbar>
+      </div>
+      <div class="metric-popper-desc" v-if="showType&&Object.keys(showSuggestions).length>0&&showDescription && detailItem && detailItem.documentation">
+        <div><b>{{detailItem.insertText}}</b></div>
+        <hr/>
+        <div>{{detailItem.documentation}}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  import suggestions from "./suggestions";
+  export default {
+    name: "editor",
+    props: {
+      value: String,
+      metricList:{type:Array}
+    },
+    model:{
+      prop:'value',
+      event:'expression-change'
+    },
+    components:{
+
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        cursorIndex:0,
+        pivotalCursorIndex:0,//用于记录输入特殊符号后当前光标的位置，方便选择后覆盖
+        newExpressionIndex:0,
+        editRange:{start:0,end:0},
+        noStyleSuggestions:{},//存储最原始的item数据
+        orders:['history','operators','functions','metrics','labels','values','range'],
+        showSuggestions:{},//存储显示的item数据，包含mark样式
+        storedSuggestions:[],//存储每个item的dom
+        toggleSelectIndex:-1,
+        content:'',
+        popperPos:{left:'20px'},
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: this.$t('dashboard.metricPreview.inputTip')
+        },
+        labelValues:{},
+        tempStoreMetric:{},
+        showType:false,
+        showDescription:false,
+        detailItem:{},
+
+      }
+    },
+    created(){
+      this.queryMetrics();
+    },
+    methods:{
+      userChange:function(char,operation,newContent,oldContent){
+        this.changeSuggestions('type')
+        this.dealSpecilChar(char,operation);
+
+          if(this.pivotalCursorIndex!=0){
+            console.log('pivotalCursorIndex',this.pivotalCursorIndex,'cursorIndex',this.cursorIndex)
+            newContent=newContent.substring(this.pivotalCursorIndex,this.cursorIndex);
+          }
+        this.filterItems(newContent);
+      },
+      dealSpecilChar:function(char,operation){
+        if(/^[\{\(\[\,]$/g.test(char)){
+          if(operation=='insert'){
+            if(char == '{'||char==','){
+              if(char == '{'){
+                this.addDoubleChar('}')
+              }
+              this.changeSuggestions('label')
+            }else if(char == '('){
+              this.addDoubleChar(')')
+              this.queryTypeInfos()
+            }else if(char == '['){
+              this.addDoubleChar(']')
+              this.changeSuggestions('range')
+            }
+          }else{
+            this.delDoubleChar(char);
+          }
+        }else if(/^[(=|!=|=~|!~)\"]/g.test(char)){
+          if(operation=='insert'){
+            if(char == '"'){
+              this.addDoubleChar('"');
+            }
+            this.changeSuggestions('values')
+
+          }else{
+            if(char == '"'){
+              this.delDoubleChar(char);
+            }
+          }
+        }
+      },
+      addDoubleChar:function(char){
+        this.insertTextAtIndex(char,this.cursorIndex);
+        this.quill.setSelection(this.cursorIndex)
+      },
+      delDoubleChar:function(leftChar){
+        let char=this.content.charAt(this.cursorIndex);
+        let temp=leftChar+char;
+
+        if(/(\{\})|(\(\))|(\[\])|(\"\")/.test(temp)){
+          this.quill.deleteText(this.cursorIndex,1,'api');
+        }
+        let tempIndex=this.pivotalCursorIndex;
+        let tempStart,tempChar=this.content.charAt(tempIndex-1);
+
+        //向前查找，找到边界
+        while(!/[\{\(\[,= ]/.test(tempChar)&&tempIndex>0){
+          tempIndex--;
+          tempChar=this.content.charAt(tempIndex);
+        }
+        this.pivotalCursorIndex=tempIndex+1;
+
+        console.log('after del double char',this.pivotalCursorIndex)
+      },
+      changeSuggestions:function(type){
+        if(type == 'label'){
+          this.queryLabels();
+        }else if(type == 'values'){
+          this.queryValues();
+        }else if(type  == 'type'){
+          this.packageTypeInfo();
+        }else if(type == 'range'){
+          this.noStyleSuggestions={range:suggestions.getRateRange()}
+          this.showSuggestions=this.deepClone(this.noStyleSuggestions)
+        }
+      },
+      packageTypeInfo:function(){
+        let functionReg=/[a-zA-Z_]\w*?\(.*?\)/g
+        if(functionReg.test(this.content)){
+          functionReg.lastIndex=0;
+          let funcMatch=functionReg.exec(this.content);
+          let funcContent=funcMatch[0]
+          let funcReg=/\(.*\)/g
+          let match=funcReg.exec(funcContent);
+
+          let funcBody=match[0].substring(1,match[0].length-1);
+
+          this.matchMetric(funcBody,funcMatch.index+match.index)
+        }else{
+          this.matchMetric()
+        }
+      },
+      matchFuncBody:function(){
+        let functionReg=/[a-zA-Z_]\w*?\(.*\)/g
+
+      },
+      matchMetric:function(){
+        let metricReg=/[a-zA-Z_]\w*?\b\{.*?\}/g
+        if(metricReg.test(this.content)){
+          let match=this.globalMatch(metricReg,this.content)
+          if(match&&match.length>0){
+            let isInnerExpression=false;
+            let editExpression=null;
+            match.forEach(item=>{
+              let content=item[0];
+              let index=item.index
+              let length=content.length;
+              if(index < this.cursorIndex && index+length>this.cursorIndex){ //判断是否在一个完整子表达式中
+                isInnerExpression=true;
+                editExpression=item;
+              }
+            })
+            console.log('match',match,'isInnerExpress',isInnerExpression)
+            if(isInnerExpression&&editExpression){
+              let expression=editExpression[0];
+              let labelValuesReg=/\{((\w*?(=|!=|=~|!~).*?,{0,1})+?)\}/
+              if(labelValuesReg.test(expression)){
+                let match=labelValuesReg.exec(expression);
+                if(editExpression.index+match.index>this.cursorIndex){
+                  this.queryTypeInfos();
+                }
+              }
+            }else{
+              let tempIndex=this.cursorIndex;
+              let tempStart,tempChar=this.content.charAt(tempIndex-1);
+
+              //向前查找，找到边界
+              while(tempIndex>0&&/[a-zA-Z_]/.test(tempChar)){
+                tempIndex--;
+                tempChar=this.content.charAt(tempIndex);
+              }
+
+              this.queryTypeInfos();
+            }
+
+          }
+        }else{
+          console.log('mo match metric')
+          this.queryTypeInfos();
+        }
+      },
+      queryTypeInfos:function(){
+        this.noStyleSuggestions={};
+        this.$set(this.noStyleSuggestions,'metrics',this.tempStoreMetric)
+        this.$set(this.noStyleSuggestions,'operators',suggestions.getOperators())
+        this.$set(this.noStyleSuggestions,'functions',suggestions.getFunctions())
+        this.showSuggestions=this.deepClone(this.noStyleSuggestions)
+      },
+      queryValues:function(){
+        let labelValuesReg=/\{((\w*?(=|!=|=~|!~).*?,{0,1})+?)\}/
+        if(labelValuesReg.test(this.content)){
+          let match=labelValuesReg.exec(this.content);
+          let labelValues=match[0]
+          let index=match.index;
+          if(labelValues){
+            let tempCounter=this.cursorIndex;
+            let equalIndex=-1;
+            let boundaryIndex=-1;
+            while(tempCounter>=index){
+              let char=this.content.charAt(tempCounter);
+              if(/(=|!)/.test(char)){
+                equalIndex=tempCounter;
+              }
+
+              if(char==','||char == '{'){
+                boundaryIndex=tempCounter+1;
+                break;
+              }
+
+              tempCounter--;
+            }
+            let label=this.content.substring(boundaryIndex,equalIndex);
+            console.log('label',this.content.substring(boundaryIndex,equalIndex))
+
+            let values=this.labelValues.get(label);
+
+            this.noStyleSuggestions={values:values}
+            this.showSuggestions=this.deepClone(this.noStyleSuggestions)
+          }
+        }
+      },
+      queryLabels:function(){
+        let labels=/\{.*\}/;
+        if(labels.test(this.content)){
+          let match=labels.exec(this.content);
+          let index=match.index;
+          let matchContent=match[0];
+          if(this.cursorIndex<index || this.cursorIndex>index + matchContent.length){
+            return ;
+          }
+        }else{
+          this.queryTypeInfos();
+          return;
+        }
+        let metric=/([a-zA-Z_]\w*)\b(?=\{)/.exec(this.content)[0];
+        let timeRange=this.getDefaultTimeRange();
+        this.$get('/prom/api/v1/series?match[]={__name__="'+metric+'"}&start='+timeRange[0]+"&end="+timeRange[1]).then(response=>{
+          if(response.status=='success'){
+            let result=new Map();
+            response.data.forEach(item=>{
+              for(let key in item){
+                let value=item[key];
+                let values=result.get(key)
+                if(values){
+                  values.add(value)
+                }else{
+                  values=new Set();
+                  values.add(value)
+                }
+                result.set(key,values);
+              }
+            })
+            for(let key of result.keys()){
+              let values=result.get(key)
+              values=Array.from(values).map(item=>{
+                return {label:item,insertText:item};
+              })
+              result.set(key,values)
+            }
+
+            this.labelValues=result;
+
+            let labels=Array.from(this.labelValues.keys()).map(item=>{
+              return {label:item,insertText:item}
+            })
+
+            this.noStyleSuggestions={labels:labels}
+            this.showSuggestions=this.deepClone(this.noStyleSuggestions);
+            console.log('change labels',this.showSuggestions)
+          }else{
+            this.noStyleSuggestions={};
+            this.showSuggestions=this.deepClone(this.noStyleSuggestions)
+          }
+        })
+      },
+      getDefaultTimeRange:function(){
+        let end=new Date();
+        let start=new Date();
+        start.setHours(new Date().getHours()-1);
+        return[(start.getTime()/1000).toFixed(0),(end.getTime()/1000).toFixed(0)]
+      },
+      handleItemClick:function(type,item,event){
+        console.log(type,item,event)
+        if(type=='metrics'){
+          this.handleMetricClick(item)
+        }else if(type == 'labels'){
+          this.handleLabelClick(item)
+        }else if(type == 'values'){
+          this.handleValueClick(item);
+        }else if(type == 'operators'){
+          this.handleOperatorClick(item);
+        }else if(type == 'functions'){
+          this.handleFunctionClick(item);
+        }else if(type  == 'range'){
+          this.handleRangeClick(item);
+        }
+      },
+      handleRangeClick:function(item){
+        this.quill.setSelection(this.pivotalCursorIndex,this.cursorIndex-this.pivotalCursorIndex,'api');
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        this.insertTextAtIndex(item.insertText,this.pivotalCursorIndex)
+        this.showType=false;
+      },
+      handleOperatorClick:function(item){
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        this.$nextTick(()=>{
+          this.insertTextAtIndex(item.insertText,this.pivotalCursorIndex,'user');
+          this.quill.setSelection(this.pivotalCursorIndex+item.insertText.length);
+          this.storeCursor()
+        })
+        this.showType=false;
+      },
+      handleFunctionClick:function(item){
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        this.$nextTick(()=>{
+          this.insertTextAtIndex(item.insertText,this.pivotalCursorIndex,'user');
+          this.quill.setSelection(this.pivotalCursorIndex+item.insertText.length);
+          this.storeCursor()
+        })
+        this.showType=false;
+      },
+      handleMetricClick:function(item){
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        this.$nextTick(()=>{
+          this.insertTextAtIndex(item.insertText,this.pivotalCursorIndex,'user');
+          this.quill.setSelection(this.pivotalCursorIndex+item.insertText.length);
+          this.storeCursor()
+        })
+        this.showType=false;
+      },
+      handleLabelClick:function(item){
+        this.quill.setSelection(this.pivotalCursorIndex,this.cursorIndex-this.pivotalCursorIndex,'api');
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        this.insertTextAtIndex(item.insertText+'',this.pivotalCursorIndex)
+        this.storeCursor().then(()=>{
+           this.insertTextAtIndex('=',null,'user')
+           this.quill.setSelection(this.cursorIndex+1)
+           this.changeSuggestions('value')
+        })
+        this.showType=true;
+      },
+      handleValueClick:function(item){
+        let preChar=this.content.substring(this.pivotalCursorIndex-1,this.pivotalCursorIndex);
+        this.quill.setSelection(this.pivotalCursorIndex,this.cursorIndex-this.pivotalCursorIndex,'api');
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        if(preChar == '='){
+          this.insertTextAtIndex('"'+item.insertText+'"',this.pivotalCursorIndex)
+        }else{
+          this.insertTextAtIndex(item.insertText,this.pivotalCursorIndex)
+        }
+        this.showType=false;
+      },
+      toggleSelect:function(event){//上下键选择
+        if(event.code=='ArrowDown'||event.keyCode==40){
+          if(this.toggleSelectIndex != -1){
+            let oldSuggestion=this.storedSuggestions[this.toggleSelectIndex];
+            oldSuggestion.classList='popper-item'
+          }
+          let suggestion=this.storedSuggestions[this.toggleSelectIndex>=this.storedSuggestions.length-1?this.storedSuggestions.length-1:++this.toggleSelectIndex];
+          let classList=suggestion.classList;
+          suggestion.classList=classList+' toggle-bg'
+          this.moveScroll();
+        }else if(event.code=='ArrowUp'||event.keyCode==38){
+          if(this.toggleSelectIndex >=1){
+            let oldSuggestion=this.storedSuggestions[this.toggleSelectIndex];
+            oldSuggestion.classList='popper-item'
+            let suggestion=this.storedSuggestions[this.toggleSelectIndex<=0?0:--this.toggleSelectIndex];
+            let classList=suggestion.classList;
+            suggestion.classList=classList+' toggle-bg'
+            this.moveScroll();
+          }
+        }
+        let item=this.findItemByToggleIndex();
+        if(item &&item.documentation){
+          this.showDescription=true;
+          this.detailItem=this.deepClone(item);
+        }else{
+          this.showDescription=false;
+          this.detailItem={};
+        }
+      },
+      findItemByToggleIndex:function(){
+        let selectedItem=this.storedSuggestions[this.toggleSelectIndex];
+        if(selectedItem){
+          let type=selectedItem.getAttribute('type');
+          let insertText=selectedItem.getAttribute('value');
+          let keys=Object.keys(this.noStyleSuggestions);
+          for(let i=0;i<keys.length;i++){
+            let items=this.noStyleSuggestions[keys[i]];
+            let item=items.find(t=>{
+              return t.insertText == insertText;
+            })
+            if(item){
+              return item;
+              break ;
+            }
+          }
+        }
+        return null;
+      },
+      pickItem:function(){//Tab键 获取选择
+        let selectedItem=this.storedSuggestions[this.toggleSelectIndex];
+        if(selectedItem){
+          let type=selectedItem.getAttribute('type');
+          let insertText=selectedItem.getAttribute('value');
+          if(type == 'metrics'){
+            this.handleMetricClick({insertText:insertText})
+          }else if(type == 'labels'){
+            this.handleLabelClick({insertText:insertText});
+          }else if(type=='values'){
+            this.handleValueClick({insertText:insertText});
+          }else if(type == 'operators'){
+            this.handleOperatorClick({insertText:insertText})
+          }else if(type == 'range'){
+            this.handleRangeClick({insertText:insertText})
+          }else if(type == 'functions'){
+            this.handleFunctionClick({insertText:insertText})
+          }
+
+        }
+      },
+
+      filterItems:function(input){
+        let suggestions=this.deepClone(this.noStyleSuggestions)
+
+        for(let key in suggestions){
+          let typeValues=suggestions[key];
+          typeValues=typeValues.filter(item=>{
+            let index=item.insertText.toLowerCase().indexOf(input.toLowerCase());
+            console.log('index',index,'input',input)
+            if(index != -1){
+              // console.log('item',item.label,'input',input)
+              // item.label=item.label.replace(input,`<mark>${input}</mark>`);
+              let label=item.label;
+              let pre=label.substring(0,index)
+              let middle=label.substring(index,index+input.length)
+              let suf=label.substring(index+input.length,label.length)
+              item.label=`${pre}<mark>${middle}</mark>${suf}`
+            }
+            return index != -1;
+          })
+          if(typeValues.length<1){
+            delete suggestions[key]
+          }else{
+            suggestions[key]=typeValues;
+          }
+        }
+
+        this.showSuggestions=this.deepClone(suggestions)
+        if(Object.keys(this.showSuggestions).length>0){
+          this.showType=true;
+        }
+        let scroll=this.$refs.scroll.wrap;
+        scroll.scrollTop=0;
+      },
+      storeSuggestions:function(){
+          this.$nextTick(()=>{
+            let suggestions=document.querySelectorAll('.popper-item');
+            this.storedSuggestions=[...suggestions];
+            console.log('storedSuggestions->',suggestions)
+          })
+      },
+      setContent:function(value){
+        this.clearContent();
+        this.quill.setText(value);
+      },
+      clearContent:function(){
+        this.quill.deleteText(0,this.quill.getLength(),'api')
+        this.cursorIndex=0;
+        this.pivotalCursorIndex=0;
+      },
+      insertTextAtIndex:function(content,index,source='api'){
+        this.quill.insertText(index?index:this.cursorIndex,content,source)
+      },
+      deleteTextInRange(from,to){
+       return  this.quill.deleteText(from,to-from,'api')
+      },
+      setCursor:function(offset){
+        this.$nextTick(()=>{
+          if(!this.quill.hasFocus){
+            this.quill.focus();
+          }
+          this.quill.setSelection(this.cursorIndex+offset,this.cursorIndex+offset,'api')
+          this.storeCursor();
+        })
+      },
+      storeCursor:function(char){
+        let $temp=this;
+        return new Promise(function(resolve,reject){
+          $temp.$nextTick(()=>{
+            let range=$temp.quill.getSelection();
+            console.log('range',range)
+            if(range&&range.length == 0){
+              $temp.cursorIndex=range.index;
+              console.log('current cursor-->',$temp.cursorIndex)
+
+              if(/^[\{\(\[,= "]$/g.test(char)){
+                $temp.pivotalCursorIndex=$temp.cursorIndex;
+                console.log('store pivotalCursorIndex',$temp.pivotalCursorIndex)
+              }
+              resolve();
+            }
+          })
+        })
+      },
+      moveCursorToEnd:function(){
+        setTimeout(()=>{
+          this.$nextTick(()=>{
+            let offset=this.quill.getLength();
+            this.setCursor(offset)
+          },200)
+        })
+      },
+      moveScroll:function(){
+        let scroll=this.$refs.scroll.wrap;
+        console.log('scroll',scroll)
+        if(scroll){
+          let curScroll=scroll.scrollTop;//滚动条当前位置
+          let scrollLen=scroll.scrollHeight;//滚动条总长
+          let mainDom=this.$el.querySelector('.metric-popper-main');
+          let windowHeight=mainDom.clientHeight;
+          let highlightItem=this.storedSuggestions[this.toggleSelectIndex];
+          let itemHeight=highlightItem.clientHeight;
+          let itemPos=highlightItem.offsetTop; //高亮item距离父div顶部的距离
+          // console.log('curScroll',curScroll,'scrollLen',scrollLen,'windowHeight',windowHeight,'itemPos',itemPos,'itemHeight',itemHeight)
+          if(itemPos + itemHeight*2 > windowHeight){  //提前两个位置
+            scroll.scrollTop=itemPos-windowHeight+itemHeight*2
+          }else{
+            let interval = windowHeight/10;
+            let intervalFunc = setInterval(function(){ //花200ms分10次回到顶部，模拟动画效果
+              if (curScroll == 0) {
+                clearInterval(intervalFunc);
+              } else {
+                curScroll = (curScroll - interval) < interval*0.5 ? 0 : curScroll - interval;
+                scroll.scrollTop = curScroll;
+              }
+            }, 20);
+          }
+        }
+
+
+      },
+      clickout:function(){
+        if(this.quill&&this.quill.hasFocus()){
+          this.$emit('on-blur')
+        }
+        this.showType=false
+      },
+      itemHover:function(item){
+        if(item&&item.documentation){
+          this.showDescription=true;
+          this.detailItem=this.deepClone(item);
+        }
+      },
+      itemOut:function(item){
+        if(this.toggleSelectIndex != -1){
+          let tempItem=this.findItemByToggleIndex();
+          if(tempItem&&tempItem.documentation){
+            this.showDescription=true;
+            this.detailItem=this.deepClone(tempItem);
+          }else{
+            this.showDescription=false;
+            this.detailItem={};
+          }
+        }else{
+          this.showDescription=false;
+          this.detailItem={};
+        }
+      },
+      getContent(from,to){
+        let content=this.quill.getText(from,to);
+        content=content.substring(0,content.length-1)
+        return content;
+      },
+      getPosition:function(){
+        this.$nextTick(()=>{
+          this.popperPos=this.quill.getBounds(this.cursorIndex)
+          console.log('position:',this.popperPos)
+        })
+      },
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+      registerKeydown:function(){
+        let $temp=this;
+        document.addEventListener('keydown',function(event){
+          console.log('keydown',event)
+          $temp.toggleSelect(event);
+        })
+
+        this.quill.keyboard.addBinding({
+          key:'DOWN'
+        },function(range,context){
+          return false;
+        })
+        this.quill.keyboard.addBinding({
+          key:'UP'
+        },function(range,context){
+          return false;
+        })
+
+        // this.quill.keyboard.addBinding({ key:'backspace'}, function(range,content) {
+        //   console.log('quill tab binding',range,content)
+        //   return false;
+        // });
+      },
+      deepClone:function(source){
+        return JSON.parse(JSON.stringify(source))
+      },
+      globalMatch:function(pattern,content){
+        let result=[];
+        let temp;
+        pattern.lastIndex=0;
+        while ((temp = pattern.exec(content)) != null) {
+          result.push(temp)
+        }
+
+        return result;
+      },
+      queryMetrics:function(){
+        if(this.metricList&&this.metricList.length>0){
+          this.tempStoreMetric=this.deepClone(this.metricList)
+        }else{
+          this.$get('/prom/api/v1/label/__name__/values').then(response=>{
+            if(response.status == 'success'){
+              let metrics=response.data.map(item=>{
+                return {label:item,insertText:item};
+              })
+
+              this.tempStoreMetric=this.deepClone(metrics);
+              this.queryTypeInfos();
+            }
+          })
+        }
+      },
+    },
+    computed: {
+
+    },
+    mounted() {
+      let $temp=this;
+      let bindings = { // quill默认的键只能通过这种方式覆盖
+        tab: {
+          key: 9,
+          handler: function(range,content) {
+            $temp.pickItem();
+          }
+        },
+        enter:{
+          key:13,
+          handler:function(range,content){
+            $temp.showType=false;
+            $temp.quill.blur();
+            $temp.$emit('on-enter')
+            return false;
+          }
+        }
+      };
+      this.options.modules.keyboard={};
+      this.options.modules.keyboard.bindings=bindings;
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('blur',function(){
+        console.log('quill blur')
+      })
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        console.log('delta',delta,'oldDelta',oldDelta,'source',source)
+        let char='',operation='';
+        let oldContent=oldDelta.ops[0].insert.substring(0,oldDelta.ops[0].insert.length-1);
+        if(delta.ops.length==1){
+          if(delta.ops[0].insert){
+            char=delta.ops[0].insert
+            operation='insert';
+          }else if(delta.ops[0].delete){
+            char=oldContent;
+            operation='delete';
+          }else{
+            console.error('unknow operation')
+          }
+        }else{
+          if(delta.ops[1].insert){
+            char=delta.ops[1].insert
+            operation='insert';
+          }else if(delta.ops[1].delete){
+            char=oldContent.substring(delta.ops[0].retain,delta.ops[0].retain+delta.ops[1].delete);
+            operation='delete';
+          }else{
+            console.error('unknow operation')
+          }
+        }
+        let promise=$temp.storeCursor(char);
+        if(source == 'user'){
+          console.log(delta,oldDelta,oldContent)
+          let newContent=$temp.getContent()
+          promise.then(()=>{ //存储完光标后再进行后面的操作
+            $temp.userChange(char,operation,newContent,oldContent)
+          })
+        }
+        $temp.content=$temp.getContent();
+        console.log('current content-->',$temp.content)
+        $temp.getPosition();
+      })
+      this.registerKeydown();
+    },
+    watch:{
+      content:function(n,o){
+        this.$emit('expression-change',n)
+      },
+      showSuggestions:{
+        immediate:true,
+        deep:true,
+        handler(n,o){
+          this.toggleSelectIndex=-1;
+          this.storeSuggestions();
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .metric-editor{
+    position: relative;
+    height: 36px;
+  }
+
+  .metric-editor-popper{
+    position: absolute;
+    height: 600px;
+    padding: 10px;
+    margin-top: 5px;
+    overflow: hidden;
+    z-index:2001;
+  }
+  .metric-editor-popper .metric-popper-main{
+    display: inline-block;
+    box-sizing: border-box;
+    border: 1px solid lightgrey;
+    height: 100%;
+    max-width: 66%;
+    min-width: 150px;
+    float: left;
+    border-radius: 3px;
+    box-shadow: 0 5px 10px 0 #dde4ed;
+    color: #52545c;
+    padding: 5px;
+    background-color: white;
+  }
+  .metric-editor-popper .metric-popper-desc{
+    display: inline-block;
+    box-sizing: border-box;
+    border-top: 1px solid lightgrey;
+    border-bottom: 1px solid lightgrey;
+    border-right: 1px solid lightgrey;
+    max-width: 44%;
+    height: 100%;
+    border-radius: 3px;
+    box-shadow: 0 5px 10px 0 #dde4ed;
+    color: #52545c;
+    padding: 5px;
+    background-color: white;
+  }
+  .metric-editor-popper .popper-item{
+    height: 20px;
+    line-height: 20px;
+    font-size: 12px !important;
+    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 8px 8px 8px 16px;
+    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
+  }
+  .metric-editor-popper .popper-group{
+    height: 20px;
+    line-height: 20px;
+    font-size: 16px !important;
+    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 8px 8px 8px 8px;
+    border-bottom: 1px solid #dcdcdc;
+  }
+  .toggle-bg{
+    background-color:rgb(233, 237, 242) ;
+  }
+  .editor-core:hover + .editor-clear{
+    display: inline-block !important;
+  }
+  .editor-clear:hover{
+    display: inline-block !important;
+  }
+</style>
+<style>
+  mark{
+    color: rgb(255, 133, 27);
+    border-bottom: 1px solid rgb(255, 133, 27);
+    padding: inherit;
+    background: inherit;
+    padding: 0;
+  }
+   .ql-editor{
+    padding:10px 10px !important;
+     overflow: hidden;
+  }
+  .ps-scroll-small.ps__rail-y:hover > .ps__thumb-y,
+.ps-scroll-small.ps__rail-y:focus > .ps__thumb-y,
+.ps-scroll-small.ps__rail-y.ps--clicking .ps__thumb-y,
+.ps-scroll-small .ps__thumb-y,
+.ps-scroll-small.ps__rail-y  {
+  width: 6px;
+}
+.ps-scroll-small.ps__rail-x:hover > .ps__thumb-x,
+.ps-scroll-small.ps__rail-x:focus > .ps__thumb-x,
+.ps-scroll-small.ps__rail-x.ps--clicking .ps__thumb-x,
+.ps-scroll-small.ps__rail-x,
+.ps-scroll-small .ps__thumb-x {
+  height: 6px;
+}
+</style>
diff --git a/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200622182033.vue b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200622182033.vue
new file mode 100644
index 000000000..fdc2406dc
--- /dev/null
+++ b/.history/nezha-fronted/src/components/page/dashboard/explore/editor_20200622182033.vue
@@ -0,0 +1,841 @@
+<template>
+  <div class="metric-editor" v-clickoutside="clickout">
+    <div :id="id" class="editor-core" ref="editor" ></div>
+    <span class="nz-input-append editor-clear" style="padding-top:8px;display: none" @click="clearContent"><i class="el-icon-circle-close"></i></span>
+    <div class="metric-editor-popper" :style="{left:popperPos.left+'px'}">
+      <div class="metric-popper-main" v-show="showType&&Object.keys(showSuggestions).length>0">
+          <el-scrollbar style="height: 100%" class="ps-scroll-small" ref="scroll">
+            <div v-for="(key, index) in orders" >
+              <div v-html="key" class="popper-group" v-show="showSuggestions[key]"></div>
+              <div class="popper-item" v-for="(item,i) in showSuggestions[key]" v-html="item.label" :key="item.insertText" :type="key" :value="item.insertText" @click.stop="handleItemClick(key,item,$event)" @mouseover="itemHover(item)" @mouseout="itemOut(item)"></div>
+            </div>
+          </el-scrollbar>
+      </div>
+      <div class="metric-popper-desc" v-if="showType&&Object.keys(showSuggestions).length>0&&showDescription && detailItem && detailItem.documentation">
+        <div><b>{{detailItem.insertText}}</b></div>
+        <hr/>
+        <div>{{detailItem.documentation}}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import 'quill/dist/quill.snow.css'
+  import Quill from 'quill'
+  import suggestions from "./suggestions";
+  export default {
+    name: "editor",
+    props: {
+      value: String,
+      metricList:{type:Array}
+    },
+    model:{
+      prop:'value',
+      event:'expression-change'
+    },
+    components:{
+
+    },
+    data(){
+      return{
+        id:'editor-'+this.guid(),
+        cursorIndex:0,
+        pivotalCursorIndex:0,//用于记录输入特殊符号后当前光标的位置，方便选择后覆盖
+        newExpressionIndex:0,
+        editRange:{start:0,end:0},
+        noStyleSuggestions:{},//存储最原始的item数据
+        orders:['history','operators','functions','metrics','labels','values','range'],
+        showSuggestions:{},//存储显示的item数据，包含mark样式
+        storedSuggestions:[],//存储每个item的dom
+        toggleSelectIndex:-1,
+        content:'',
+        popperPos:{left:'20px'},
+        options: {
+          theme: 'snow',
+          modules: {
+            toolbar: null
+          },
+          placeholder: this.$t('dashboard.metricPreview.inputTip')
+        },
+        labelValues:{},
+        tempStoreMetric:{},
+        showType:false,
+        showDescription:false,
+        detailItem:{},
+
+      }
+    },
+    created(){
+      this.queryMetrics();
+    },
+    methods:{
+      userChange:function(char,operation,newContent,oldContent){
+        this.changeSuggestions('type')
+        this.dealSpecilChar(char,operation);
+
+          if(this.pivotalCursorIndex!=0){
+            console.log('pivotalCursorIndex',this.pivotalCursorIndex,'cursorIndex',this.cursorIndex)
+            newContent=newContent.substring(this.pivotalCursorIndex,this.cursorIndex);
+          }
+        this.filterItems(newContent);
+      },
+      dealSpecilChar:function(char,operation){
+        if(/^[\{\(\[\,]$/g.test(char)){
+          if(operation=='insert'){
+            if(char == '{'||char==','){
+              if(char == '{'){
+                this.addDoubleChar('}')
+              }
+              this.changeSuggestions('label')
+            }else if(char == '('){
+              this.addDoubleChar(')')
+              this.queryTypeInfos()
+            }else if(char == '['){
+              this.addDoubleChar(']')
+              this.changeSuggestions('range')
+            }
+          }else{
+            this.delDoubleChar(char);
+          }
+        }else if(/^[(=|!=|=~|!~)\"]/g.test(char)){
+          if(operation=='insert'){
+            if(char == '"'){
+              this.addDoubleChar('"');
+            }
+            this.changeSuggestions('values')
+
+          }else{
+            if(char == '"'){
+              this.delDoubleChar(char);
+            }
+          }
+        }
+      },
+      addDoubleChar:function(char){
+        this.insertTextAtIndex(char,this.cursorIndex);
+        this.quill.setSelection(this.cursorIndex)
+      },
+      delDoubleChar:function(leftChar){
+        let char=this.content.charAt(this.cursorIndex);
+        let temp=leftChar+char;
+
+        if(/(\{\})|(\(\))|(\[\])|(\"\")/.test(temp)){
+          this.quill.deleteText(this.cursorIndex,1,'api');
+        }
+        let tempIndex=this.pivotalCursorIndex;
+        let tempStart,tempChar=this.content.charAt(tempIndex-1);
+
+        //向前查找，找到边界
+        while(!/[\{\(\[,= ]/.test(tempChar)&&tempIndex>0){
+          tempIndex--;
+          tempChar=this.content.charAt(tempIndex);
+        }
+        this.pivotalCursorIndex=tempIndex+1;
+
+        console.log('after del double char',this.pivotalCursorIndex)
+      },
+      changeSuggestions:function(type){
+        if(type == 'label'){
+          this.queryLabels();
+        }else if(type == 'values'){
+          this.queryValues();
+        }else if(type  == 'type'){
+          this.packageTypeInfo();
+        }else if(type == 'range'){
+          this.noStyleSuggestions={range:suggestions.getRateRange()}
+          this.showSuggestions=this.deepClone(this.noStyleSuggestions)
+        }
+      },
+      packageTypeInfo:function(){
+        let functionReg=/[a-zA-Z_]\w*?\(.*?\)/g
+        if(functionReg.test(this.content)){
+          functionReg.lastIndex=0;
+          let funcMatch=functionReg.exec(this.content);
+          let funcContent=funcMatch[0]
+          let funcReg=/\(.*\)/g
+          let match=funcReg.exec(funcContent);
+
+          let funcBody=match[0].substring(1,match[0].length-1);
+
+          this.matchMetric(funcBody,funcMatch.index+match.index)
+        }else{
+          this.matchMetric()
+        }
+      },
+      matchFuncBody:function(){
+        let functionReg=/[a-zA-Z_]\w*?\(.*\)/g
+
+      },
+      matchMetric:function(){
+        let metricReg=/[a-zA-Z_]\w*?\b\{.*?\}/g
+        if(metricReg.test(this.content)){
+          let match=this.globalMatch(metricReg,this.content)
+          if(match&&match.length>0){
+            let isInnerExpression=false;
+            let editExpression=null;
+            match.forEach(item=>{
+              let content=item[0];
+              let index=item.index
+              let length=content.length;
+              if(index < this.cursorIndex && index+length>this.cursorIndex){ //判断是否在一个完整子表达式中
+                isInnerExpression=true;
+                editExpression=item;
+              }
+            })
+            console.log('match',match,'isInnerExpress',isInnerExpression)
+            if(isInnerExpression&&editExpression){
+              let expression=editExpression[0];
+              let labelValuesReg=/\{((\w*?(=|!=|=~|!~).*?,{0,1})+?)\}/
+              if(labelValuesReg.test(expression)){
+                let match=labelValuesReg.exec(expression);
+                if(editExpression.index+match.index>this.cursorIndex){
+                  this.queryTypeInfos();
+                }
+              }
+            }else{
+              let tempIndex=this.cursorIndex;
+              let tempStart,tempChar=this.content.charAt(tempIndex-1);
+
+              //向前查找，找到边界
+              while(tempIndex>0&&/[a-zA-Z_]/.test(tempChar)){
+                tempIndex--;
+                tempChar=this.content.charAt(tempIndex);
+              }
+
+              this.queryTypeInfos();
+            }
+
+          }
+        }else{
+          console.log('mo match metric')
+          this.queryTypeInfos();
+        }
+      },
+      queryTypeInfos:function(){
+        this.noStyleSuggestions={};
+        this.$set(this.noStyleSuggestions,'metrics',this.tempStoreMetric)
+        this.$set(this.noStyleSuggestions,'operators',suggestions.getOperators())
+        this.$set(this.noStyleSuggestions,'functions',suggestions.getFunctions())
+        this.showSuggestions=this.deepClone(this.noStyleSuggestions)
+      },
+      queryValues:function(){
+        let labelValuesReg=/\{((\w*?(=|!=|=~|!~).*?,{0,1})+?)\}/
+        if(labelValuesReg.test(this.content)){
+          let match=labelValuesReg.exec(this.content);
+          let labelValues=match[0]
+          let index=match.index;
+          if(labelValues){
+            let tempCounter=this.cursorIndex;
+            let equalIndex=-1;
+            let boundaryIndex=-1;
+            while(tempCounter>=index){
+              let char=this.content.charAt(tempCounter);
+              if(/(=|!)/.test(char)){
+                equalIndex=tempCounter;
+              }
+
+              if(char==','||char == '{'){
+                boundaryIndex=tempCounter+1;
+                break;
+              }
+
+              tempCounter--;
+            }
+            let label=this.content.substring(boundaryIndex,equalIndex);
+            console.log('label',this.content.substring(boundaryIndex,equalIndex))
+
+            let values=this.labelValues.get(label);
+
+            this.noStyleSuggestions={values:values}
+            this.showSuggestions=this.deepClone(this.noStyleSuggestions)
+          }
+        }
+      },
+      queryLabels:function(){
+        let labels=/\{.*\}/;
+        if(labels.test(this.content)){
+          let match=labels.exec(this.content);
+          let index=match.index;
+          let matchContent=match[0];
+          if(this.cursorIndex<index || this.cursorIndex>index + matchContent.length){
+            return ;
+          }
+        }else{
+          this.queryTypeInfos();
+          return;
+        }
+        let metric=/([a-zA-Z_]\w*)\b(?=\{)/.exec(this.content)[0];
+        let timeRange=this.getDefaultTimeRange();
+        this.$get('/prom/api/v1/series?match[]={__name__="'+metric+'"}&start='+timeRange[0]+"&end="+timeRange[1]).then(response=>{
+          if(response.status=='success'){
+            let result=new Map();
+            response.data.forEach(item=>{
+              for(let key in item){
+                let value=item[key];
+                let values=result.get(key)
+                if(values){
+                  values.add(value)
+                }else{
+                  values=new Set();
+                  values.add(value)
+                }
+                result.set(key,values);
+              }
+            })
+            for(let key of result.keys()){
+              let values=result.get(key)
+              values=Array.from(values).map(item=>{
+                return {label:item,insertText:item};
+              })
+              result.set(key,values)
+            }
+
+            this.labelValues=result;
+
+            let labels=Array.from(this.labelValues.keys()).map(item=>{
+              return {label:item,insertText:item}
+            })
+
+            this.noStyleSuggestions={labels:labels}
+            this.showSuggestions=this.deepClone(this.noStyleSuggestions);
+            console.log('change labels',this.showSuggestions)
+          }else{
+            this.noStyleSuggestions={};
+            this.showSuggestions=this.deepClone(this.noStyleSuggestions)
+          }
+        })
+      },
+      getDefaultTimeRange:function(){
+        let end=new Date();
+        let start=new Date();
+        start.setHours(new Date().getHours()-1);
+        return[(start.getTime()/1000).toFixed(0),(end.getTime()/1000).toFixed(0)]
+      },
+      handleItemClick:function(type,item,event){
+        console.log(type,item,event)
+        if(type=='metrics'){
+          this.handleMetricClick(item)
+        }else if(type == 'labels'){
+          this.handleLabelClick(item)
+        }else if(type == 'values'){
+          this.handleValueClick(item);
+        }else if(type == 'operators'){
+          this.handleOperatorClick(item);
+        }else if(type == 'functions'){
+          this.handleFunctionClick(item);
+        }else if(type  == 'range'){
+          this.handleRangeClick(item);
+        }
+      },
+      handleRangeClick:function(item){
+        this.quill.setSelection(this.pivotalCursorIndex,this.cursorIndex-this.pivotalCursorIndex,'api');
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        this.insertTextAtIndex(item.insertText,this.pivotalCursorIndex)
+        this.showType=false;
+      },
+      handleOperatorClick:function(item){
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        this.$nextTick(()=>{
+          this.insertTextAtIndex(item.insertText,this.pivotalCursorIndex,'user');
+          this.quill.setSelection(this.pivotalCursorIndex+item.insertText.length);
+          this.storeCursor()
+        })
+        this.showType=false;
+      },
+      handleFunctionClick:function(item){
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        this.$nextTick(()=>{
+          this.insertTextAtIndex(item.insertText,this.pivotalCursorIndex,'user');
+          this.quill.setSelection(this.pivotalCursorIndex+item.insertText.length);
+          this.storeCursor()
+        })
+        this.showType=false;
+      },
+      handleMetricClick:function(item){
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        this.$nextTick(()=>{
+          this.insertTextAtIndex(item.insertText,this.pivotalCursorIndex,'user');
+          this.quill.setSelection(this.pivotalCursorIndex+item.insertText.length);
+          this.storeCursor()
+        })
+        this.showType=false;
+      },
+      handleLabelClick:function(item){
+        this.quill.setSelection(this.pivotalCursorIndex,this.cursorIndex-this.pivotalCursorIndex,'api');
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        this.insertTextAtIndex(item.insertText+'',this.pivotalCursorIndex)
+        this.storeCursor().then(()=>{
+           this.insertTextAtIndex('=',null,'user')
+           this.quill.setSelection(this.cursorIndex+1)
+           this.changeSuggestions('value')
+        })
+        this.showType=true;
+      },
+      handleValueClick:function(item){
+        let preChar=this.content.substring(this.pivotalCursorIndex-1,this.pivotalCursorIndex);
+        this.quill.setSelection(this.pivotalCursorIndex,this.cursorIndex-this.pivotalCursorIndex,'api');
+        this.deleteTextInRange(this.pivotalCursorIndex,this.cursorIndex)
+        if(preChar == '='){
+          this.insertTextAtIndex('"'+item.insertText+'"',this.pivotalCursorIndex)
+        }else{
+          this.insertTextAtIndex(item.insertText,this.pivotalCursorIndex)
+        }
+        this.showType=false;
+      },
+      toggleSelect:function(event){//上下键选择
+        if(event.code=='ArrowDown'||event.keyCode==40){
+          if(this.toggleSelectIndex != -1){
+            let oldSuggestion=this.storedSuggestions[this.toggleSelectIndex];
+            oldSuggestion.classList='popper-item'
+          }
+          let suggestion=this.storedSuggestions[this.toggleSelectIndex>=this.storedSuggestions.length-1?this.storedSuggestions.length-1:++this.toggleSelectIndex];
+          let classList=suggestion.classList;
+          suggestion.classList=classList+' toggle-bg'
+          this.moveScroll();
+        }else if(event.code=='ArrowUp'||event.keyCode==38){
+          if(this.toggleSelectIndex >=1){
+            let oldSuggestion=this.storedSuggestions[this.toggleSelectIndex];
+            oldSuggestion.classList='popper-item'
+            let suggestion=this.storedSuggestions[this.toggleSelectIndex<=0?0:--this.toggleSelectIndex];
+            let classList=suggestion.classList;
+            suggestion.classList=classList+' toggle-bg'
+            this.moveScroll();
+          }
+        }
+        let item=this.findItemByToggleIndex();
+        if(item &&item.documentation){
+          this.showDescription=true;
+          this.detailItem=this.deepClone(item);
+        }else{
+          this.showDescription=false;
+          this.detailItem={};
+        }
+      },
+      findItemByToggleIndex:function(){
+        let selectedItem=this.storedSuggestions[this.toggleSelectIndex];
+        if(selectedItem){
+          let type=selectedItem.getAttribute('type');
+          let insertText=selectedItem.getAttribute('value');
+          let keys=Object.keys(this.noStyleSuggestions);
+          for(let i=0;i<keys.length;i++){
+            let items=this.noStyleSuggestions[keys[i]];
+            let item=items.find(t=>{
+              return t.insertText == insertText;
+            })
+            if(item){
+              return item;
+              break ;
+            }
+          }
+        }
+        return null;
+      },
+      pickItem:function(){//Tab键 获取选择
+        let selectedItem=this.storedSuggestions[this.toggleSelectIndex];
+        if(selectedItem){
+          let type=selectedItem.getAttribute('type');
+          let insertText=selectedItem.getAttribute('value');
+          if(type == 'metrics'){
+            this.handleMetricClick({insertText:insertText})
+          }else if(type == 'labels'){
+            this.handleLabelClick({insertText:insertText});
+          }else if(type=='values'){
+            this.handleValueClick({insertText:insertText});
+          }else if(type == 'operators'){
+            this.handleOperatorClick({insertText:insertText})
+          }else if(type == 'range'){
+            this.handleRangeClick({insertText:insertText})
+          }else if(type == 'functions'){
+            this.handleFunctionClick({insertText:insertText})
+          }
+
+        }
+      },
+
+      filterItems:function(input){
+        let suggestions=this.deepClone(this.noStyleSuggestions)
+
+        for(let key in suggestions){
+          let typeValues=suggestions[key];
+          typeValues=typeValues.filter(item=>{
+            let index=item.insertText.toLowerCase().indexOf(input.toLowerCase());
+            console.log('index',index,'input',input)
+            if(index != -1){
+              // console.log('item',item.label,'input',input)
+              // item.label=item.label.replace(input,`<mark>${input}</mark>`);
+              let label=item.label;
+              let pre=label.substring(0,index)
+              let middle=label.substring(index,index+input.length)
+              let suf=label.substring(index+input.length,label.length)
+              item.label=`${pre}<mark>${middle}</mark>${suf}`
+            }
+            return index != -1;
+          })
+          if(typeValues.length<1){
+            delete suggestions[key]
+          }else{
+            suggestions[key]=typeValues;
+          }
+        }
+
+        this.showSuggestions=this.deepClone(suggestions)
+        if(Object.keys(this.showSuggestions).length>0){
+          this.showType=true;
+        }
+        let scroll=this.$refs.scroll.wrap;
+        scroll.scrollTop=0;
+      },
+      storeSuggestions:function(){
+          this.$nextTick(()=>{
+            let suggestions=document.querySelectorAll('.popper-item');
+            this.storedSuggestions=[...suggestions];
+            console.log('storedSuggestions->',suggestions)
+          })
+      },
+      setContent:function(value){
+        this.clearContent();
+        this.quill.setText(value);
+      },
+      clearContent:function(){
+        this.quill.deleteText(0,this.quill.getLength(),'api')
+        this.cursorIndex=0;
+        this.pivotalCursorIndex=0;
+      },
+      insertTextAtIndex:function(content,index,source='api'){
+        this.quill.insertText(index?index:this.cursorIndex,content,source)
+      },
+      deleteTextInRange(from,to){
+       return  this.quill.deleteText(from,to-from,'api')
+      },
+      setCursor:function(offset){
+        this.$nextTick(()=>{
+          if(!this.quill.hasFocus){
+            this.quill.focus();
+          }
+          this.quill.setSelection(this.cursorIndex+offset,this.cursorIndex+offset,'api')
+          this.storeCursor();
+        })
+      },
+      storeCursor:function(char){
+        let $temp=this;
+        return new Promise(function(resolve,reject){
+          $temp.$nextTick(()=>{
+            let range=$temp.quill.getSelection();
+            console.log('range',range)
+            if(range&&range.length == 0){
+              $temp.cursorIndex=range.index;
+              console.log('current cursor-->',$temp.cursorIndex)
+
+              if(/^[\{\(\[,= "]$/g.test(char)){
+                $temp.pivotalCursorIndex=$temp.cursorIndex;
+                console.log('store pivotalCursorIndex',$temp.pivotalCursorIndex)
+              }
+              resolve();
+            }
+          })
+        })
+      },
+      moveCursorToEnd:function(){
+        setTimeout(()=>{
+          this.$nextTick(()=>{
+            let offset=this.quill.getLength();
+            this.setCursor(offset)
+          },200)
+        })
+      },
+      moveScroll:function(){
+        let scroll=this.$refs.scroll.wrap;
+        console.log('scroll',scroll)
+        if(scroll){
+          let curScroll=scroll.scrollTop;//滚动条当前位置
+          let scrollLen=scroll.scrollHeight;//滚动条总长
+          let mainDom=this.$el.querySelector('.metric-popper-main');
+          let windowHeight=mainDom.clientHeight;
+          let highlightItem=this.storedSuggestions[this.toggleSelectIndex];
+          let itemHeight=highlightItem.clientHeight;
+          let itemPos=highlightItem.offsetTop; //高亮item距离父div顶部的距离
+          // console.log('curScroll',curScroll,'scrollLen',scrollLen,'windowHeight',windowHeight,'itemPos',itemPos,'itemHeight',itemHeight)
+          if(itemPos + itemHeight*2 > windowHeight){  //提前两个位置
+            scroll.scrollTop=itemPos-windowHeight+itemHeight*2
+          }else{
+            let interval = windowHeight/10;
+            let intervalFunc = setInterval(function(){ //花200ms分10次回到顶部，模拟动画效果
+              if (curScroll == 0) {
+                clearInterval(intervalFunc);
+              } else {
+                curScroll = (curScroll - interval) < interval*0.5 ? 0 : curScroll - interval;
+                scroll.scrollTop = curScroll;
+              }
+            }, 20);
+          }
+        }
+
+
+      },
+      clickout:function(){
+        if(this.quill&&this.quill.hasFocus()){
+          this.$emit('on-blur')
+        }
+        this.showType=false
+      },
+      itemHover:function(item){
+        if(item&&item.documentation){
+          this.showDescription=true;
+          this.detailItem=this.deepClone(item);
+        }
+      },
+      itemOut:function(item){
+        if(this.toggleSelectIndex != -1){
+          let tempItem=this.findItemByToggleIndex();
+          if(tempItem&&tempItem.documentation){
+            this.showDescription=true;
+            this.detailItem=this.deepClone(tempItem);
+          }else{
+            this.showDescription=false;
+            this.detailItem={};
+          }
+        }else{
+          this.showDescription=false;
+          this.detailItem={};
+        }
+      },
+      getContent(from,to){
+        let content=this.quill.getText(from,to);
+        content=content.substring(0,content.length-1)
+        return content;
+      },
+      getPosition:function(){
+        this.$nextTick(()=>{
+          this.popperPos=this.quill.getBounds(this.cursorIndex)
+          console.log('position:',this.popperPos)
+        })
+      },
+      guid() {
+        function S4() {
+          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+      },
+      registerKeydown:function(){
+        let $temp=this;
+        document.addEventListener('keydown',function(event){
+          console.log('keydown',event)
+          $temp.toggleSelect(event);
+        })
+
+        this.quill.keyboard.addBinding({
+          key:'DOWN'
+        },function(range,context){
+          return false;
+        })
+        this.quill.keyboard.addBinding({
+          key:'UP'
+        },function(range,context){
+          return false;
+        })
+
+        // this.quill.keyboard.addBinding({ key:'backspace'}, function(range,content) {
+        //   console.log('quill tab binding',range,content)
+        //   return false;
+        // });
+      },
+      deepClone:function(source){
+        return JSON.parse(JSON.stringify(source))
+      },
+      globalMatch:function(pattern,content){
+        let result=[];
+        let temp;
+        pattern.lastIndex=0;
+        while ((temp = pattern.exec(content)) != null) {
+          result.push(temp)
+        }
+
+        return result;
+      },
+      queryMetrics:function(){
+        if(this.metricList&&this.metricList.length>0){
+          this.tempStoreMetric=this.deepClone(this.metricList)
+        }else{
+          this.$get('/prom/api/v1/label/__name__/values').then(response=>{
+            if(response.status == 'success'){
+              let metrics=response.data.map(item=>{
+                return {label:item,insertText:item};
+              })
+
+              this.tempStoreMetric=this.deepClone(metrics);
+              this.queryTypeInfos();
+            }
+          })
+        }
+      },
+    },
+    computed: {
+
+    },
+    mounted() {
+      let $temp=this;
+      let bindings = { // quill默认的键只能通过这种方式覆盖
+        tab: {
+          key: 9,
+          handler: function(range,content) {
+            $temp.pickItem();
+          }
+        },
+        enter:{
+          key:13,
+          handler:function(range,content){
+            $temp.showType=false;
+            $temp.quill.blur();
+            $temp.$emit('on-enter')
+            return false;
+          }
+        }
+      };
+      this.options.modules.keyboard={};
+      this.options.modules.keyboard.bindings=bindings;
+      this.quill = new Quill(this.$refs.editor, this.options);
+      this.quill.on('blur',function(){
+        console.log('quill blur')
+      })
+      this.quill.on('text-change',function(delta, oldDelta, source){
+        console.log('delta',delta,'oldDelta',oldDelta,'source',source)
+        let char='',operation='';
+        let oldContent=oldDelta.ops[0].insert.substring(0,oldDelta.ops[0].insert.length-1);
+        if(delta.ops.length==1){
+          if(delta.ops[0].insert){
+            char=delta.ops[0].insert
+            operation='insert';
+          }else if(delta.ops[0].delete){
+            char=oldContent;
+            operation='delete';
+          }else{
+            console.error('unknow operation')
+          }
+        }else{
+          if(delta.ops[1].insert){
+            char=delta.ops[1].insert
+            operation='insert';
+          }else if(delta.ops[1].delete){
+            char=oldContent.substring(delta.ops[0].retain,delta.ops[0].retain+delta.ops[1].delete);
+            operation='delete';
+          }else{
+            console.error('unknow operation')
+          }
+        }
+        let promise=$temp.storeCursor(char);
+        if(source == 'user'){
+          console.log(delta,oldDelta,oldContent)
+          let newContent=$temp.getContent()
+          promise.then(()=>{ //存储完光标后再进行后面的操作
+            $temp.userChange(char,operation,newContent,oldContent)
+          })
+        }
+        $temp.content=$temp.getContent();
+        console.log('current content-->',$temp.content)
+        $temp.getPosition();
+      })
+      this.registerKeydown();
+    },
+    watch:{
+      content:function(n,o){
+        this.$emit('expression-change',n)
+      },
+      showSuggestions:{
+        immediate:true,
+        deep:true,
+        handler(n,o){
+          this.toggleSelectIndex=-1;
+          this.storeSuggestions();
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .metric-editor{
+    position: relative;
+    height: 36px;
+  }
+
+  .metric-editor-popper{
+    position: absolute;
+    height: 600px;
+    padding: 10px;
+    margin-top: 5px;
+    overflow: hidden;
+    z-index:2001;
+  }
+  .metric-editor-popper .metric-popper-main{
+    display: inline-block;
+    box-sizing: border-box;
+    border: 1px solid lightgrey;
+    height: 100%;
+    max-width: 66%;
+    min-width: 150px;
+    float: left;
+    border-radius: 3px;
+    box-shadow: 0 5px 10px 0 #dde4ed;
+    color: #52545c;
+    padding: 5px;
+    background-color: white;
+  }
+  .metric-editor-popper .metric-popper-desc{
+    display: inline-block;
+    box-sizing: border-box;
+    border-top: 1px solid lightgrey;
+    border-bottom: 1px solid lightgrey;
+    border-right: 1px solid lightgrey;
+    max-width: 44%;
+    height: 100%;
+    border-radius: 3px;
+    box-shadow: 0 5px 10px 0 #dde4ed;
+    color: #52545c;
+    padding: 5px;
+    background-color: white;
+  }
+  .metric-editor-popper .popper-item{
+    height: 20px;
+    line-height: 20px;
+    font-size: 12px !important;
+    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 8px 8px 8px 16px;
+    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
+  }
+  .metric-editor-popper .popper-group{
+    height: 20px;
+    line-height: 20px;
+    font-size: 16px !important;
+    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 8px 8px 8px 8px;
+    border-bottom: 1px solid #dcdcdc;
+  }
+  .toggle-bg{
+    background-color:rgb(233, 237, 242) ;
+  }
+  .editor-core:hover + .editor-clear{
+    display: inline-block !important;
+  }
+  .editor-clear:hover{
+    display: inline-block !important;
+  }
+</style>
+<style>
+  mark{
+    color: rgb(255, 133, 27);
+    border-bottom: 1px solid rgb(255, 133, 27);
+    padding: inherit;
+    background: inherit;
+    padding: 0;
+  }
+   .ql-editor{
+    padding:10px 10px !important;
+     overflow: hidden;
+  }
+
+</style>
diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 000000000..e7e9d11d4
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,2 @@
+# Default ignored files
+/workspace.xml
diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 000000000..28a804d89
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 000000000..382ade5b5
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/nezha-fronted.iml" filepath="$PROJECT_DIR$/.idea/nezha-fronted.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/nezha-fronted.iml b/.idea/nezha-fronted.iml
new file mode 100644
index 000000000..c956989b2
--- /dev/null
+++ b/.idea/nezha-fronted.iml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 000000000..94a25f7f4
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/nezha-fronted/src/components/common/exportXLSX.vue b/nezha-fronted/src/components/common/exportXLSX.vue
index 351e221ac..4723a3cbd 100644
--- a/nezha-fronted/src/components/common/exportXLSX.vue
+++ b/nezha-fronted/src/components/common/exportXLSX.vue
@@ -135,6 +135,8 @@
           url = "/endpoint/cancelImport";
         } else if (this.importUrl.indexOf("rule") > -1) {
           url = "/alert/rule/cancelImport";
+        } else if(this.importUrl.indexOf("panel") > -1){
+          url = "/panel/cancelImport";
         }
         this.$delete(url + '?seq='+this.importResult.seq).then(response=>{
           if(response.code ==  200 ){
@@ -186,6 +188,8 @@
           url = "/asset/template";
         } else if (this.importUrl.indexOf("rule") > -1) {
           url = "/alert/rule/template";
+        } else if (this.importUrl.indexOf('panel') > -1){
+          url = "/panel/template";
         }
 
         let param={language:language}
diff --git a/nezha-fronted/src/components/common/leftMenu.vue b/nezha-fronted/src/components/common/leftMenu.vue
index 3c7f1f554..a0b5818f2 100644
--- a/nezha-fronted/src/components/common/leftMenu.vue
+++ b/nezha-fronted/src/components/common/leftMenu.vue
@@ -106,7 +106,7 @@
               Tag
             </div>
             <el-collapse v-model="activeTag" class="left-menu-bg">
-              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData">
+              <el-collapse-item :name="item.key" :title="item.key" v-for="item in tagData" :key="item.key">
                 <el-checkbox-group v-model="tagCheckList" size="small" >
                   <el-checkbox class="sidebar-info-item"  v-for="tag in item.values" :key="item.key+'-'+tag.value" :label="item.key+'-'+tag.value" @change="changeTagCheckBox(item,tag.value)">
                     <div class="sidebar-info-item-txt">
@@ -413,7 +413,79 @@
             this.getModuleList();
           });
           bus.$on('asset-list-change',()=>{
-            this.getLeftMenuList();
+            let dcData=JSON.parse(JSON.stringify(this.dcData))
+            let assetTypeData=JSON.parse(JSON.stringify(this.assetTypeData))
+            let vendorData=JSON.parse(JSON.stringify(this.vendorData))
+            let pingData=JSON.parse(JSON.stringify(this.pingData))
+            let tagData=JSON.parse(JSON.stringify(this.tagData))
+
+            this.getLeftMenuList().then(()=>{
+              let result=[];
+              let dcDiff=this.compareAssetLeftMenu(dcData,this.dcData,"idcIds")
+              if(dcDiff.length>0){
+                let temp =this.dcCheckList.filter(item=>{
+                  return !dcDiff.find((t,i)=>{return item == t.id})
+                })
+                result.push({key:"idcIds",value:temp.join(',')})
+
+                this.dcCheckList=temp;
+              }
+
+              let typeDiff=this.compareAssetLeftMenu(assetTypeData,this.assetTypeData,'typeIds')
+              if(typeDiff.length>0){
+                this.assetTypeCheckList=this.assetTypeCheckList.filter(item=>{
+                  return !typeDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'typeIds',value:this.assetTypeCheckList.join(',')})
+              }
+
+              let vendorDiff=this.compareAssetLeftMenu(vendorData,this.vendorData,'vendorIds')
+              if(vendorDiff.length>0){
+                this.vendorCheckList=this.vendorCheckList.filter(item=>{
+                  return !vendorDiff.find(t=>{return item == t.id})
+                })
+                result.push({key:'vendorIds',value:this.vendorCheckList.join(',')})
+              }
+
+              let pingDiff=this.compareAssetLeftMenu(pingData,this.pingData,'pingStates')
+              if(pingDiff.length>0){
+                this.pingCheckList=this.pingCheckList.filter(item=>{
+                  return !pingDiff.find(t=>{return item == t.value})
+                })
+                result.push({key:'pingStates',value:this.pingCheckList.join(',')})
+              }
+
+              let tagDiff=this.compareAssetLeftMenu(tagData,this.tagData,"tags")
+              if(tagDiff.length>0){
+                let $self=this;
+                tagDiff.forEach(item=>{
+                  let key=item.key;
+                  let values=item.values;
+
+                  let checkedVals=$self.tagCheckMap[key];
+                  if(checkedVals&&checkedVals.length>0){
+                    console.log('before',$self.tagCheckList,values,key)
+                    $self.tagCheckList=$self.tagCheckList.filter(t=>{return !values.find(r=>{return key+"-"+r.value == t})})
+                    $self.lastCheckSize = $self.lastCheckSize - values.length;
+                    console.log('after',$self.tagCheckList,values,key)
+                    checkedVals=checkedVals.filter(t=>{return !values.find(r=>{return r.value == t;})})
+                    if(checkedVals.length>0){
+                      $self.tagCheckMap[key]=checkedVals;
+                    }else{
+                      delete $self.tagCheckMap[key]
+                    }
+
+                  }
+                })
+                if(Object.keys($self.tagCheckMap).length > 0){
+                  result.push({key:'tags',value:JSON.stringify($self.tagCheckMap)})
+          }     else{
+                  result.push({key:'tags',value:''})
+                }
+              }
+              console.log('result',result)
+              bus.$emit("asset-filter-change", "multiParam", result);
+            });
           })
           bus.$on('asset-property-change',()=>{
             this.getLeftMenuList();
@@ -448,7 +520,35 @@
             });
           });
         },
+        compareAssetLeftMenu:function(src,dist,key){
+          let result=src.filter(item=>{
+             if(key == 'pingStates'){
+               return !dist.find(t=>{return t.name == item.name})
+             }
+             if(key == 'tags'){
+               let tag=dist.find(t=>{
+                 return t.key == item.key
+               })
+               if(tag){
+                 let srcValues=item.values;
+                 let distValues=tag.values
 
+                 let vals=srcValues.filter(t=>{
+                   return distValues.find(r=>{
+                     return r.value == t.value;
+                   })
+                 })
+
+                 return !vals || vals.length < 1;
+               }else{
+                 return true;
+               }
+             }
+             return !dist.find(t=>{return item.id == t.id;})
+          })
+
+          return result
+        },
         //asset左侧菜单4个事件
         changeCheckBox() {
           this.assetClick = true;
diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue
index bb88f35ac..27ac1b420 100644
--- a/nezha-fronted/src/components/page/asset/asset.vue
+++ b/nezha-fronted/src/components/page/asset/asset.vue
@@ -174,7 +174,7 @@
                   @listResize="listResize" ></bottom-box>
     </transition>
     <transition name="right-box">
-      <asset-box v-if="rightBox.show" :asset="asset" @refresh="flushData" ref="assetBox" @close="closeRightBox"></asset-box>
+      <asset-box v-if="rightBox.show" :asset="asset" @refresh="getTableData" ref="assetBox" @close="closeRightBox"></asset-box>
     </transition>
   </div>
 </template>
@@ -538,11 +538,6 @@
           return "--";
         }
       },
-      flushData() {
-        Promise.all([this.getLeftMenuList()]).then(response => {
-          this.getTableData();
-        });
-      },
       closeAllPop() {
         this.$refs.idcConfigBox.forEach((item) => {
           item.show(false);
@@ -624,31 +619,18 @@
         this.$set(this.searchLabel, "orderBy", orderBy);
         this.getTableData();
       },
-      // 获取左侧菜单数据
-      getLeftMenuList(){
-        return new Promise(resolve => {
-          this.$get('asset/filter').then(response => {
-            if (response.code === 200) {
-              //dc
-              this.dcData = response.data.dc;
-              // AssetType
-              this.assetTypeData = response.data.assetType;
-              // vendor
-              this.vendorData = response.data.vendor;
-              // ping
-              this.pingData = response.data.ping.map(item => {
-                item.label = item.name;
-                item.value = item.status;
-                return item;
-              });
-            }
-            resolve();
-          });
-        });
-      },
       initEvent() {
         bus.$on("asset-filter-change", (column, content) => {
-          this.pageObj[column] = content;
+          if(column == 'multiParam'){
+            let $self=this;
+            if(content instanceof Array && content.length>0){
+              content.forEach(item=>{
+                $self.pageObj[item.key] = item.value;
+              })
+            }
+          }else{
+            this.pageObj[column] = content;
+          }
           this.getTableData();
         });
       },
diff --git a/nezha-fronted/src/components/page/config/util.vue b/nezha-fronted/src/components/page/config/util.vue
new file mode 100644
index 000000000..0c0e6d088
--- /dev/null
+++ b/nezha-fronted/src/components/page/config/util.vue
@@ -0,0 +1,60 @@
+
+<script>
+  import en from "../../common/language/en";
+  import cn from "../../common/language/cn";
+  export default {
+    name: "language",
+    data(){
+      return {
+        result:null,
+        languageList:[],
+      }
+    },
+    methods:{
+      compareFile:function(obj,compareObj){
+        if(!obj){
+          obj=en;
+        }
+        if(!compareObj){
+          compareObj=cn;
+        }
+        let keys=Object.keys(obj);
+        for (let key of keys){
+          if(typeof obj[key] == 'object'){
+            if(!compareObj[key]){
+              this.$set(compareObj,key,{});
+            }
+            this.compareFile(obj[key],compareObj[key]);
+          }else{
+            if(!compareObj[key]){
+              this.$set(compareObj,key,obj[key]);
+            }
+          }
+        }
+        this.result=cn;
+      },
+      listLanguage:function(obj,compareObj){
+        if(!obj){
+          obj=en;
+        }
+        if(!compareObj){
+          compareObj=cn;
+        }
+        let keys=Object.keys(obj);
+        for (let key of keys){
+          if(typeof obj[key] == 'object'){
+            if(!compareObj[key]){
+              this.$set(compareObj,key,{});
+            }
+            this.listLanguage(obj[key],compareObj[key]);
+          }else{
+            if(!compareObj[key]){
+              this.$set(compareObj,key,obj[key]);
+            }
+            this.languageList.push({en:obj[key],cn:compareObj[key]})
+          }
+        }
+      },
+    }
+  }
+</script>
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index dbc4bc4a1..d67f0dbb7 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -50,10 +50,20 @@
           </div>
 
           <pick-time :refresh-data-func="dateChange" v-model="searchTime" :use-chart-unit="false"></pick-time>
-          <button @click="addChart" :title="$t('overall.createChart')"
-                  class="nz-btn nz-btn-size-normal nz-btn-style-light ">
-            <i class="nz-icon-create-square nz-icon"></i>
-          </button>
+          <export-excel
+            export-file-name="chart"
+            export-url="/panel/export"
+            import-url="/panel/import"
+            :params="filter"
+            @afterImport="Refresh"
+          >
+            <template slot="optionZone">
+              <button @click="addChart" :title="$t('overall.createChart')"
+                      class="nz-btn nz-btn-size-normal nz-btn-style-light ">
+                <i class="nz-icon-create-square nz-icon"></i>
+              </button>
+            </template>
+          </export-excel>
         </div>
       </template>
     </div>
@@ -83,6 +93,7 @@
   import timePicker from '../../common/timePicker'
   import draggable from 'vuedraggable'
   import pickTime from "../../common/pickTime";
+  import exportXLSX from "../../common/exportXLSX";
   export default {
     name: "panel",
     data() {
@@ -162,6 +173,7 @@
       'time-picker':timePicker,
       draggable,
       'pick-time':pickTime,
+      'export-excel':exportXLSX,
     },
     methods: {
       //刷新
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/.editorconfig b/nezha-fronted/static/ueditor-1.4.3.3/.editorconfig
new file mode 100644
index 000000000..fa31fcbec
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/.editorconfig
@@ -0,0 +1,16 @@
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+
+[*.{html,js,css,scss,xml}]
+indent_style = space
+indent_size = 4
+trim_trailing_whitespace = true
+
+[*.yml]
+indent_style = space
+indent_size = 2
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/.gitignore b/nezha-fronted/static/ueditor-1.4.3.3/.gitignore
new file mode 100644
index 000000000..8260c4f7d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/.gitignore
@@ -0,0 +1,192 @@
+###############
+#    folder   #
+###############
+.idea
+log
+jsp/upload
+php/upload
+net/upload
+asp/upload
+node/upload
+
+
+###############
+#  fixed file #
+###############
+*.pptx
+*.doc
+*.docx
+*.xml
+
+
+
+
+
+
+
+
+
+
+#################
+## Eclipse
+#################
+
+*.pydevproject
+.project
+.metadata
+bin/
+tmp/
+*.tmp
+*.bak
+*.swp
+*~.nib
+local.properties
+.classpath
+.settings/
+.loadpath
+
+# External tool builders
+.externalToolBuilders/
+
+# Locally stored "Eclipse launch configurations"
+*.launch
+
+# CDT-specific
+.cproject
+
+# PDT-specific
+.buildpath
+
+
+#################
+## Visual Studio
+#################
+
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+
+# User-specific files
+*.suo
+*.user
+*.sln.docstates
+
+# Build results
+[Dd]ebug/
+[Rr]elease/
+*_i.c
+*_p.c
+*.ilk
+*.meta
+*.obj
+*.pch
+*.pdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.vspscc
+.builds
+*.dotCover
+
+## TODO: If you have NuGet Package Restore enabled, uncomment this
+#packages/
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opensdf
+*.sdf
+
+# Visual Studio profiler
+*.psess
+*.vsp
+
+# ReSharper is a .NET coding add-in
+_ReSharper*
+
+# Installshield output folder
+[Ee]xpress
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish
+
+# Others
+[Bb]in
+[Oo]bj
+sql
+TestResults
+*.Cache
+ClientBin
+stylecop.*
+~$*
+*.dbmdl
+Generated_Code #added for RIA/Silverlight projects
+
+# Backup & report files from converting an old project file to a newer
+# Visual Studio version. Backup files are not needed, because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+
+
+
+############
+## Windows
+############
+
+# Windows image file caches
+Thumbs.db
+
+# Folder config file
+Desktop.ini
+
+
+#############
+## Python
+#############
+
+*.py[co]
+
+# Packages
+*.egg
+*.egg-info
+dist
+eggs
+parts
+# bin
+var
+sdist
+develop-eggs
+.installed.cfg
+
+# Installer logs
+pip-log.txt
+
+# Unit test / coverage reports
+.coverage
+.tox
+
+#Translations
+*.mo
+
+#Mr Developer
+.mr.developer.cfg
+
+# Mac crap
+.DS_Store
+/node_modules
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/Gruntfile.js b/nezha-fronted/static/ueditor-1.4.3.3/Gruntfile.js
new file mode 100644
index 000000000..ff2cf9eaa
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/Gruntfile.js
@@ -0,0 +1,272 @@
+'use strict';
+
+module.exports = function (grunt) {
+
+    var fs = require("fs"),
+        Util = {
+
+            jsBasePath: '_src/',
+            parseBasePath: '_parse/',
+            cssBasePath: 'themes/default/_css/',
+
+            fetchScripts: function (readFile, basePath) {
+
+                var sources = fs.readFileSync(readFile);
+                sources = /\[([^\]]+\.js'[^\]]+)\]/.exec(sources);
+                sources = sources[1].replace(/\/\/.*\n/g, '\n').replace(/'|"|\n|\t|\s/g, '');
+                sources = sources.split(",");
+                sources.forEach(function (filepath, index) {
+                    sources[ index ] = basePath + filepath;
+                });
+
+                return sources;
+            },
+
+            fetchStyles: function () {
+
+                var sources = fs.readFileSync(this.cssBasePath + "ueditor.css"),
+                    filepath = null,
+                    pattern = /@import\s+([^;]+)*;/g,
+                    src = [];
+
+                while (filepath = pattern.exec(sources)) {
+                    src.push(this.cssBasePath + filepath[ 1 ].replace(/'|"/g, ""));
+                }
+
+                return src;
+
+            }
+
+        },
+        packageJson = grunt.file.readJSON('package.json'),
+        server = grunt.option('server') || 'php',
+        encode = grunt.option('encode') || 'utf8',
+        disDir = "dist/",
+        banner = '/*!\n * UEditor\n * version: ' + packageJson.name + '\n * build: <%= new Date() %>\n */\n\n';
+
+    //init
+    (function () {
+
+        server = typeof server === "string" ? server.toLowerCase() : 'php';
+        encode = typeof encode === "string" ? encode.toLowerCase() : 'utf8';
+
+        disDir = 'dist/' + encode + '-' + server + '/';
+
+    })();
+
+    grunt.initConfig({
+        pkg: packageJson,
+        concat: {
+            js: {
+                options: {
+                    banner: banner + '(function(){\n\n',
+                    footer: '\n\n})();\n',
+                    process: function (src, s) {
+                        var filename = s.substr(s.indexOf('/') + 1);
+                        return '// ' + filename + '\n' + src.replace('/_css/', '/css/') + '\n';
+                    }
+                },
+                src: Util.fetchScripts("_examples/editor_api.js", Util.jsBasePath),
+                dest: disDir + packageJson.name + '.all.js'
+            },
+            parse: {
+                options: {
+                    banner: banner + '(function(){\n\n',
+                    footer: '\n\n})();\n'
+                },
+                src: Util.fetchScripts("ueditor.parse.js", Util.parseBasePath),
+                dest: disDir + packageJson.name + '.parse.js'
+            },
+            css: {
+                src: Util.fetchStyles(),
+                dest: disDir + 'themes/default/css/ueditor.css'
+            }
+        },
+        cssmin: {
+            options: {
+                banner: banner
+            },
+            files: {
+                expand: true,
+                cwd: disDir + 'themes/default/css/',
+                src: ['*.css', '!*.min.css'],
+                dest: disDir + 'themes/default/css/',
+                ext: '.min.css'
+            }
+        },
+        uglify: {
+            options: {
+                banner: banner
+            },
+            dest: {
+                src: disDir + '<%= pkg.name %>.all.js',
+                dest: disDir + '<%= pkg.name %>.all.min.js'
+            },
+            parse: {
+                src: disDir + '<%= pkg.name %>.parse.js',
+                dest: disDir + '<%= pkg.name %>.parse.min.js'
+            }
+        },
+        copy: {
+            base: {
+                files: [
+                    {
+
+                        src: [ '*.html', 'themes/iframe.css', 'themes/default/dialogbase.css', 'themes/default/images/**', 'dialogs/**', 'lang/**', 'third-party/**' ],
+                        dest: disDir
+
+                    }
+                ]
+            },
+            demo: {
+                files: [
+                    {
+                        src: '_examples/completeDemo.html',
+                        dest: disDir + 'index.html'
+                    }
+                ]
+            },
+            php: {
+
+                expand: true,
+                src: 'php/**',
+                dest: disDir
+
+            },
+            asp: {
+
+                expand: true,
+                src: 'asp/**',
+                dest: disDir
+
+            },
+            jsp: {
+
+                expand: true,
+                src: 'jsp/**',
+                dest: disDir
+
+            },
+            net: {
+
+                expand: true,
+                src: 'net/**',
+                dest: disDir
+
+            }
+        },
+        transcoding: {
+
+            options: {
+                charset: encode
+            },
+            src: [disDir + '**/*.html', disDir + '**/*.js', disDir + '**/*.css', disDir + '**/*.json', disDir + '**/*.jsp', disDir + '**/*.asp']
+
+        },
+        replace: {
+
+            fileEncode: {
+                src: [ disDir + '**/*.html', disDir + 'dialogs/**/*.js', disDir + '**/*.css', disDir + '**/*.php', disDir + '**/*.jsp', disDir + '**/*.ashx', disDir + '**/*.asp' ],
+                overwrite: true,
+                replacements: [
+                    {
+                        from: /utf-8/gi,
+                        to: 'gbk'
+                    }
+                ]
+            },
+            demo: {
+                src: disDir + 'index.html',
+                overwrite: true,
+                replacements: [
+                    {
+                        from: /\.\.\//gi,
+                        to: ''
+                    },
+                    {
+                        from: 'editor_api.js',
+                        to: packageJson.name + '.all.min.js'
+                    }
+                ]
+            },
+            gbkasp: {
+                src: [ disDir + 'asp/*.asp' ],
+                overwrite: true,
+                replacements: [
+                    {
+                        from: /65001/gi,
+                        to: '936'
+                    }
+                ]
+            }
+
+        },
+        clean: {
+            build: {
+                src: [
+                    disDir + "jsp/src",
+                    disDir + "*/upload",
+                    disDir + ".DS_Store",
+                    disDir + "**/.DS_Store",
+                    disDir + ".git",
+                    disDir + "**/.git"
+                ]
+            }
+        }
+
+    });
+
+    grunt.loadNpmTasks('grunt-text-replace');
+    grunt.loadNpmTasks('grunt-contrib-concat');
+    grunt.loadNpmTasks('grunt-contrib-cssmin');
+    grunt.loadNpmTasks('grunt-contrib-uglify');
+    grunt.loadNpmTasks('grunt-contrib-copy');
+    grunt.loadNpmTasks('grunt-transcoding');
+    grunt.loadNpmTasks('grunt-contrib-clean');
+
+    grunt.registerTask('default', 'UEditor build', function () {
+
+        var tasks = [ 'concat', 'cssmin', 'uglify', 'copy:base', 'copy:' + server, 'copy:demo', 'replace:demo', 'clean' ];
+
+        if (encode === 'gbk') {
+            tasks.push('replace:fileEncode');
+            if (server === 'asp') {
+                tasks.push('replace:gbkasp');
+            }
+        }
+
+        tasks.push('transcoding');
+
+        //config修改
+        updateConfigFile();
+
+        grunt.task.run(tasks);
+
+    });
+
+
+    function updateConfigFile() {
+
+        var filename = 'ueditor.config.js',
+            file = grunt.file.read(filename),
+            path = server + "/",
+            suffix = server === "net" ? ".ashx" : "." + server;
+
+        file = file.replace(/php\//ig, path).replace(/\.php/ig, suffix);
+
+        if (encode == 'gbk') {
+            file = file.replace(/utf-8/gi, 'gbk');
+        }
+
+        //写入到dist
+        if (grunt.file.write(disDir + filename, file)) {
+
+            grunt.log.writeln('config file update success');
+
+        } else {
+            grunt.log.warn('config file update error');
+        }
+
+    }
+
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/LICENSE b/nezha-fronted/static/ueditor-1.4.3.3/LICENSE
new file mode 100644
index 000000000..e84721923
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/LICENSE
@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2013 ueditor
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/README.md b/nezha-fronted/static/ueditor-1.4.3.3/README.md
new file mode 100644
index 000000000..b452f4330
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/README.md
@@ -0,0 +1,90 @@
+Get Started
+=====
+
+## ueditor富文本编辑器介绍
+
+UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。
+
+## 入门部署和体验 ##
+
+### 第一步：下载编辑器 ###
+
+到官网下载ueditor最新版：[[官网地址]](http://ueditor.baidu.com/website/download.html#ueditor "官网下载地址")
+
+### 第二步：创建demo文件 ###
+解压下载的包，在解压后的目录创建demo.html文件，填入下面的html代码
+
+```html
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+	<meta charset="UTF-8">
+	<title>ueditor demo</title>
+</head>
+<body>
+	<!-- 加载编辑器的容器 -->
+	<script id="container" name="content" type="text/plain">这里写你的初始化内容</script>
+	<!-- 配置文件 -->
+	<script type="text/javascript" src="ueditor.config.js"></script>
+	<!-- 编辑器源码文件 -->
+	<script type="text/javascript" src="ueditor.all.js"></script>
+	<!-- 实例化编辑器 -->
+	<script type="text/javascript">
+	    var ue = UE.getEditor('container');
+	</script>
+</body>
+</html>
+```
+
+### 第三步：在浏览器打开demo.html ###
+
+如果看到了下面这样的编辑器，恭喜你，初次部署成功！
+
+![部署成功](http://fex.baidu.com/ueditor/doc/images/demo.png)
+
+### 自定义的参数
+
+编辑器有很多可自定义的参数项，在实例化的时候可以传入给编辑器：
+```javascript
+var ue = UE.getEditor('container', {
+    autoHeight: false
+});
+```
+
+配置项也可以通过ueditor.config.js文件修改，具体的配置方法请看[前端配置项说明](http://fex.baidu.com/ueditor/#start-config1.4 前端配置项说明.md)
+
+### 设置和读取编辑器的内容
+
+通getContent和setContent方法可以设置和读取编辑器的内容
+```javascript
+var ue = UE.getContent();
+ue.ready(function(){
+    //设置编辑器的内容
+    ue.setContent('hello');
+    //获取html内容，返回: <p>hello</p>
+    var html = ue.getContent();
+    //获取纯文本内容，返回: hello
+    var txt = ue.getContentTxt();
+});
+```
+
+ueditor的更多API请看[API 文档](http://ueditor.baidu.com/doc "ueditor API 文档")
+
+## 相关链接 ##
+
+ueditor 官网：[http://ueditor.baidu.com](http://ueditor.baidu.com "ueditor 官网")
+
+ueditor API 文档：[http://ueditor.baidu.com/doc](http://ueditor.baidu.com/doc "ueditor API 文档")
+
+ueditor github 地址：[http://github.com/fex-team/ueditor](http://github.com/fex-team/ueditor "ueditor github 地址")
+
+## 详细文档
+
+ueditor 文档：[http://fex.baidu.com/ueditor/](http://fex.baidu.com/ueditor/)
+
+
+
+## 联系我们 ##
+
+email：[ueditor@baidu.com](mailto://email:ueditor@baidu.com "发邮件给ueditor开发组")
+issue：[github issue](http://github.com/fex-team/ueditor/issues "ueditor 论坛")
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/addCustomizeButton.js b/nezha-fronted/static/ueditor-1.4.3.3/_examples/addCustomizeButton.js
new file mode 100644
index 000000000..13185ea17
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/addCustomizeButton.js
@@ -0,0 +1,38 @@
+UE.registerUI('button',function(editor,uiName){
+    //注册按钮执行时的command命令，使用命令默认就会带有回退操作
+    editor.registerCommand(uiName,{
+        execCommand:function(){
+            alert('execCommand:' + uiName)
+        }
+    });
+
+    //创建一个button
+    var btn = new UE.ui.Button({
+        //按钮的名字
+        name:uiName,
+        //提示
+        title:uiName,
+        //需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon
+        cssRules :'background-position: -500px 0;',
+        //点击时执行的命令
+        onclick:function () {
+            //这里可以不用执行命令,做你自己的操作也可
+           editor.execCommand(uiName);
+        }
+    });
+
+    //当点到编辑内容上时，按钮要做的状态反射
+    editor.addListener('selectionchange', function () {
+        var state = editor.queryCommandState(uiName);
+        if (state == -1) {
+            btn.setDisabled(true);
+            btn.setChecked(false);
+        } else {
+            btn.setDisabled(false);
+            btn.setChecked(state);
+        }
+    });
+
+    //因为你是添加button,所以需要返回这个button
+    return btn;
+}/*index 指定添加到工具栏上的那个位置，默认时追加到最后,editorId 指定这个UI是那个编辑器实例上的，默认是页面上所有的编辑器都会添加这个按钮*/);
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/addCustomizeCombox.js b/nezha-fronted/static/ueditor-1.4.3.3/_examples/addCustomizeCombox.js
new file mode 100644
index 000000000..fc272abce
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/addCustomizeCombox.js
@@ -0,0 +1,69 @@
+UE.registerUI('combox',function(editor,uiName){
+    //注册按钮执行时的command命令,用uiName作为command名字，使用命令默认就会带有回退操作
+    editor.registerCommand(uiName,{
+        execCommand:function(cmdName,value){
+            //这里借用fontsize的命令
+            this.execCommand('fontsize',value + 'px')
+        },
+        queryCommandValue:function(){
+            //这里借用fontsize的查询命令
+            return this.queryCommandValue('fontsize')
+        }
+    });
+
+
+    //创建下拉菜单中的键值对，这里我用字体大小作为例子
+    var items = [];
+    for(var i= 0,ci;ci=[10, 11, 12, 14, 16, 18, 20, 24, 36][i++];){
+        items.push({
+            //显示的条目
+            label:'字体:' + ci + 'px',
+            //选中条目后的返回值
+            value:ci,
+            //针对每个条目进行特殊的渲染
+            renderLabelHtml:function () {
+                //这个是希望每个条目的字体是不同的
+                return '<div class="edui-label %%-label" style="line-height:2;font-size:' +
+                    this.value + 'px;">' + (this.label || '') + '</div>';
+            }
+        });
+    }
+    //创建下来框
+    var combox = new UE.ui.Combox({
+        //需要指定当前的编辑器实例
+        editor:editor,
+        //添加条目
+        items:items,
+        //当选中时要做的事情
+        onselect:function (t, index) {
+            //拿到选中条目的值
+            editor.execCommand(uiName, this.items[index].value);
+        },
+        //提示
+        title:uiName,
+        //当编辑器没有焦点时，combox默认显示的内容
+        initValue:uiName
+    });
+
+    editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
+        if (!uiReady) {
+            var state = editor.queryCommandState(uiName);
+            if (state == -1) {
+                combox.setDisabled(true);
+            } else {
+                combox.setDisabled(false);
+                var value = editor.queryCommandValue(uiName);
+                if(!value){
+                    combox.setValue(uiName);
+                    return;
+                }
+                //ie下从源码模式切换回来时，字体会带单引号，而且会有逗号
+                value && (value = value.replace(/['"]/g, '').split(',')[0]);
+                combox.setValue(value);
+
+            }
+        }
+
+    });
+    return combox;
+},2/*index 指定添加到工具栏上的那个位置，默认时追加到最后,editorId 指定这个UI是那个编辑器实例上的，默认是页面上所有的编辑器都会添加这个按钮*/);
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/addCustomizeDialog.js b/nezha-fronted/static/ueditor-1.4.3.3/_examples/addCustomizeDialog.js
new file mode 100644
index 000000000..6b8655556
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/addCustomizeDialog.js
@@ -0,0 +1,49 @@
+UE.registerUI('dialog',function(editor,uiName){
+
+    //创建dialog
+    var dialog = new UE.ui.Dialog({
+        //指定弹出层中页面的路径，这里只能支持页面,因为跟addCustomizeDialog.js相同目录，所以无需加路径
+        iframeUrl:'customizeDialogPage.html',
+        //需要指定当前的编辑器实例
+        editor:editor,
+        //指定dialog的名字
+        name:uiName,
+        //dialog的标题
+        title:"这是个测试浮层",
+
+        //指定dialog的外围样式
+        cssRules:"width:600px;height:300px;",
+
+        //如果给出了buttons就代表dialog有确定和取消
+        buttons:[
+            {
+                className:'edui-okbutton',
+                label:'确定',
+                onclick:function () {
+                    dialog.close(true);
+                }
+            },
+            {
+                className:'edui-cancelbutton',
+                label:'取消',
+                onclick:function () {
+                    dialog.close(false);
+                }
+            }
+        ]});
+
+    //参考addCustomizeButton.js
+    var btn = new UE.ui.Button({
+        name:'dialogbutton' + uiName,
+        title:'dialogbutton' + uiName,
+        //需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon
+        cssRules :'background-position: -500px 0;',
+        onclick:function () {
+            //渲染dialog
+            dialog.render();
+            dialog.open();
+        }
+    });
+
+    return btn;
+}/*index 指定添加到工具栏上的那个位置，默认时追加到最后,editorId 指定这个UI是那个编辑器实例上的，默认是页面上所有的编辑器都会添加这个按钮*/);
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/charts.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/charts.html
new file mode 100644
index 000000000..db0c000d8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/charts.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>图表demo</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
+    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
+    <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
+
+    <style type="text/css">
+        .clear {
+            clear: both;
+        }
+    </style>
+</head>
+<body>
+<div>
+    <script id="editor" type="text/plain" style="width:1024px;height:500px;">
+        <h1>测试图表请点击表格， 然后点击工具栏上的“图表”按钮</h1>
+        <table data-chart="title:2012北京房价趋势图;subTitle:;xTitle:月份;yTitle:金额（元）;suffix:元;tip:;dataFormat:1;chartType:0">
+            <tbody>
+            <tr>
+                <th width="90"><br></th>
+                <th width="90">1月</th>
+                <th width="90">2月</th>
+                <th width="90">3月</th>
+                <th width="90">4月</th>
+                <th width="90">5月</th>
+                <th width="90">6月</th>
+                <th width="90">7月</th>
+                <th width="90">8月</th>
+                <th width="90">9月</th>
+                <th width="91">10月</th>
+                <th>11月</th>
+                <th>12月</th>
+            </tr>
+            <tr>
+                <th valign="null" width="90">2012</th>
+                <td valign="top" width="55">24593</td>
+                <td valign="top" width="55">24308</td>
+                <td valign="top" width="55">24932</td>
+                <td valign="top" width="55">25413</td>
+                <td valign="top" width="55">25588</td>
+                <td valign="top" width="55">25948</td>
+                <td valign="top" width="55">26579</td>
+                <td valign="top" width="55">27199</td>
+                <td valign="top" width="55">28392</td>
+                <td valign="top" width="55">29071</td>
+                <td valign="top" width="55">29522</td>
+                <td valign="top" width="55">30158</td>
+            </tr>
+            </tbody>
+        </table>
+    </script>
+</div>
+<script type="text/javascript">
+
+    //实例化编辑器
+    var ue = UE.getEditor('editor', {
+        toolbars: [
+            [
+                'charts', 'preview'
+            ]
+        ]
+    });
+
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/completeDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/completeDemo.html
new file mode 100644
index 000000000..ba45acf62
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/completeDemo.html
@@ -0,0 +1,175 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title>完整demo</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"> </script>
+    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
+    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
+    <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
+
+    <style type="text/css">
+        div{
+            width:100%;
+        }
+    </style>
+</head>
+<body>
+<div>
+    <h1>完整demo</h1>
+    <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
+</div>
+<div id="btns">
+    <div>
+        <button onclick="getAllHtml()">获得整个html的内容</button>
+        <button onclick="getContent()">获得内容</button>
+        <button onclick="setContent()">写入内容</button>
+        <button onclick="setContent(true)">追加内容</button>
+        <button onclick="getContentTxt()">获得纯文本</button>
+        <button onclick="getPlainTxt()">获得带格式的纯文本</button>
+        <button onclick="hasContent()">判断是否有内容</button>
+        <button onclick="setFocus()">使编辑器获得焦点</button>
+        <button onmousedown="isFocus(event)">编辑器是否获得焦点</button>
+        <button onmousedown="setblur(event)" >编辑器失去焦点</button>
+
+    </div>
+    <div>
+        <button onclick="getText()">获得当前选中的文本</button>
+        <button onclick="insertHtml()">插入给定的内容</button>
+        <button id="enable" onclick="setEnabled()">可以编辑</button>
+        <button onclick="setDisabled()">不可编辑</button>
+        <button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button>
+        <button onclick=" UE.getEditor('editor').setShow()">显示编辑器</button>
+        <button onclick=" UE.getEditor('editor').setHeight(300)">设置高度为300默认关闭了自动长高</button>
+    </div>
+
+    <div>
+        <button onclick="getLocalData()" >获取草稿箱内容</button>
+        <button onclick="clearLocalData()" >清空草稿箱</button>
+    </div>
+
+</div>
+<div>
+    <button onclick="createEditor()">
+    创建编辑器</button>
+    <button onclick="deleteEditor()">
+    删除编辑器</button>
+</div>
+
+<script type="text/javascript">
+
+    //实例化编辑器
+    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
+    var ue = UE.getEditor('editor');
+
+
+    function isFocus(e){
+        alert(UE.getEditor('editor').isFocus());
+        UE.dom.domUtils.preventDefault(e)
+    }
+    function setblur(e){
+        UE.getEditor('editor').blur();
+        UE.dom.domUtils.preventDefault(e)
+    }
+    function insertHtml() {
+        var value = prompt('插入html代码', '');
+        UE.getEditor('editor').execCommand('insertHtml', value)
+    }
+    function createEditor() {
+        enableBtn();
+        UE.getEditor('editor');
+    }
+    function getAllHtml() {
+        alert(UE.getEditor('editor').getAllHtml())
+    }
+    function getContent() {
+        var arr = [];
+        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
+        arr.push("内容为：");
+        arr.push(UE.getEditor('editor').getContent());
+        alert(arr.join("\n"));
+    }
+    function getPlainTxt() {
+        var arr = [];
+        arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
+        arr.push("内容为：");
+        arr.push(UE.getEditor('editor').getPlainTxt());
+        alert(arr.join('\n'))
+    }
+    function setContent(isAppendTo) {
+        var arr = [];
+        arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
+        UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
+        alert(arr.join("\n"));
+    }
+    function setDisabled() {
+        UE.getEditor('editor').setDisabled('fullscreen');
+        disableBtn("enable");
+    }
+
+    function setEnabled() {
+        UE.getEditor('editor').setEnabled();
+        enableBtn();
+    }
+
+    function getText() {
+        //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
+        var range = UE.getEditor('editor').selection.getRange();
+        range.select();
+        var txt = UE.getEditor('editor').selection.getText();
+        alert(txt)
+    }
+
+    function getContentTxt() {
+        var arr = [];
+        arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
+        arr.push("编辑器的纯文本内容为：");
+        arr.push(UE.getEditor('editor').getContentTxt());
+        alert(arr.join("\n"));
+    }
+    function hasContent() {
+        var arr = [];
+        arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
+        arr.push("判断结果为：");
+        arr.push(UE.getEditor('editor').hasContents());
+        alert(arr.join("\n"));
+    }
+    function setFocus() {
+        UE.getEditor('editor').focus();
+    }
+    function deleteEditor() {
+        disableBtn();
+        UE.getEditor('editor').destroy();
+    }
+    function disableBtn(str) {
+        var div = document.getElementById('btns');
+        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
+        for (var i = 0, btn; btn = btns[i++];) {
+            if (btn.id == str) {
+                UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
+            } else {
+                btn.setAttribute("disabled", "true");
+            }
+        }
+    }
+    function enableBtn() {
+        var div = document.getElementById('btns');
+        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
+        for (var i = 0, btn; btn = btns[i++];) {
+            UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
+        }
+    }
+
+    function getLocalData () {
+        alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
+    }
+
+    function clearLocalData () {
+        UE.getEditor('editor').execCommand( "clearlocaldata" );
+        alert("已清空草稿箱")
+    }
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/customPluginDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/customPluginDemo.html
new file mode 100644
index 000000000..d6109f92e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/customPluginDemo.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+</head>
+<body>
+<h1>UEditor自定义插件</h1>
+
+<!--style给定宽度可以影响编辑器的最终宽度-->
+<script type="text/plain" id="myEditor">
+    <p><img src="http://ueditor.baidu.com/website/images/banner-dl.png" alt=""></p>
+    <p>插件描述：选中图片，在其上单击，会改变图片的边框！</p>
+</script>
+<script type="text/javascript">
+
+
+    //创建一个在选中的图片单击时添加边框的插件，其实质就是在baidu.editor.plugins塞进一个闭包
+    UE.plugins["addborder"] = function () {
+        var me = this;
+        //创建一个改变图片边框的命令
+        me.commands["addborder"] = {
+            execCommand:function () {
+                //获取当前选区
+                var range = me.selection.getRange();
+                //选区没闭合的情况下操作
+                if ( !range.collapsed ) {
+                    //图片判断
+                    var img = range.getClosedNode();
+                    if ( img && img.tagName == "IMG" ) {
+                        //点击切换图片边框
+                        img.style.border = img.style.borderWidth == "5px"?"1px":"5px solid red";
+                    }
+                }
+            }
+        };
+        //注册一个触发命令的事件，同学们可以在任意地放绑定触发此命令的事件
+        me.addListener( 'click', function () {
+            setTimeout(function(){
+                me.execCommand( "addborder" );
+            })
+
+        } );
+    };
+    var editor_a = UE.getEditor('myEditor' );
+</script>
+
+</body>
+
+
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/customToolbarDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/customToolbarDemo.html
new file mode 100644
index 000000000..c3aca5bfb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/customToolbarDemo.html
@@ -0,0 +1,105 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <style type="text/css">
+        #editor {
+            border: 1px solid #CCC;
+            width: 1000px
+        }
+        #editor_toolbar_box {
+            background: #F0F0EE;
+            padding: 2px;
+        }
+        #editor_iframe_holder {
+            border-top: 1px solid #CCC;
+            border-bottom: 1px solid #CCC;
+        }
+    </style>
+</head>
+<body>
+<h1>UEditor自定义toolbar</h1>
+    <div id="editor">
+        <div id="editor_toolbar_box">
+            <div id="editor_toolbar">
+                <input id="bold" type="button" value="加粗" onclick="myeditor.execCommand('bold')" style="height:24px;line-height:20px"/>
+                <input id="italic" type="button" value="加斜" onclick="myeditor.execCommand('italic')" style="height:24px;line-height:20px"/>
+                <select id="fontfamily" onchange="myeditor.execCommand('fontfamily',this.value)">
+                    <option value="宋体,simsun">宋体</option>
+                    <option value="楷体,楷体_gb2312,simkai">楷体</option>
+                    <option value="隶书,simli">隶书</option>
+                    <option value="黑体,simhei">黑体</option>
+                    <option value="andale mono,times">andale mono</option>
+                    <option value="arial,helvetica,sans-serif">arial</option>
+                    <option value="arial black,avant garde">arial black</option>
+                    <option value="comic sans ms,sans-serif">comic sans ms</option>
+                </select>
+                <select id="fontsize" onchange="myeditor.execCommand('fontsize',this.value)">
+                    <option value="10pt">10pt</option>
+                    <option value="11pt">11pt</option>
+                    <option value="12pt">12pt</option>
+                    <option value="14pt">14pt</option>
+                    <option value="16pt">16pt</option>
+                    <option value="18pt">18pt</option>
+                    <option value="20pt">20pt</option>
+                    <option value="22pt">22pt</option>
+                    <option value="24pt">24pt</option>
+                    <option value="36pt">36pt</option>
+                </select>
+                <input type="button" value="插入html" onclick="insert()" style="height:24px;line-height:20px"/>
+                <input type="button" value="清除格式" onclick="myeditor.execCommand('removeformat')" style="height:24px;line-height:20px"/>
+                <input type="button" value="获得编辑器内容" onclick="alert(myeditor.getContent())" style="height:24px;line-height:20px"/>
+                <input type="button" value="获得编辑器纯文本内容" onclick="alert(myeditor.getContentTxt())" style="height:24px;line-height:20px"/>
+            </div>
+        </div>
+        <div id="editor_iframe_holder" ></div>
+    </div>
+    <script type="text/javascript" charset="utf-8">
+        function $G(id){
+            return document.getElementById(id);
+        }
+        //实例化一个不带ui的编辑器,注意此处的实例化对象是baidu.editor下的Editor，而非baidu.editor.ui下的Editor
+        var myeditor = UE.getEditor('editor_iframe_holder',{
+            toolbars:[[]],
+            initialContent: '初始化内容',//初始化编辑器的内容
+            initialFrameHeight: 200
+        });
+        //给编辑器增加一个选中改变的事件，用来判断所选内容以及状态
+        myeditor.addListener('selectionchange', function (){
+            var cmdName = ['bold','italic'],//命令列表
+                fontName = ['fontfamily','fontsize'];//字体设置下拉框列表，此处选择其中两个
+
+            //查询每个命令当前的状态，并设置对应状态样式
+            var i =-1;
+            while(i++ < cmdName.length-1){
+                var state = myeditor.queryCommandState(cmdName[i]);
+                $G(cmdName[i]).style.color = state == 1?"red":"";
+            }
+            //依据当前光标所在的字体改变下拉列表的选中值
+            i = -1;
+            while(i++<fontName.length-1){
+                var fstate = myeditor.queryCommandValue(fontName[i]).toLowerCase();
+                var fselect = $G(fontName[i]);
+                for(var j= 0;j<fselect.options.length;j++){
+                    if(fselect.options[j].value.toLowerCase().indexOf(fstate.split(",")[0])!=-1){
+                        fselect.options[j].selected = "true";
+                    }
+                }
+            }
+        });
+        //插入文本
+        function insert(){
+            var insertTxt = "插入的文本";
+            insertTxt = prompt("插入的内容",insertTxt);
+            insertTxt&&myeditor.execCommand("inserthtml",insertTxt);
+        }
+        function execUnderline(cmd){
+            myeditor.execCommand(cmd);
+        }
+        
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/customizeDialogPage.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/customizeDialogPage.html
new file mode 100644
index 000000000..84c1cc2aa
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/customizeDialogPage.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title></title>
+</head>
+<body>
+<div class="content">
+    <h1>测试页面</h1>
+</div>
+<!--页面中一定要引入internal.js为了能直接使用当前打开dialog的实例变量-->
+<!--internal.js默认是放到dialogs目录下的-->
+<script type="text/javascript" src="../dialogs/internal.js"></script>
+<script>
+    //可以直接使用以下全局变量
+    //当前打开dialog的实例变量
+    alert('editor: '+editor);
+    //一些常用工具
+    alert('domUtils: '+domUtils);
+    alert('utils: '+utils);
+    alert('browser: '+browser);
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/customizeToolbarUIDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/customizeToolbarUIDemo.html
new file mode 100644
index 000000000..cec1f030a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/customizeToolbarUIDemo.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>完整demo</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"> </script>
+    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
+    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
+    <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
+    <!--添加按钮-->
+    <script type="text/javascript" charset="utf-8" src="addCustomizeButton.js"></script>
+    <!--添加下拉菜单-->
+    <script type="text/javascript" charset="utf-8" src="addCustomizeCombox.js"></script>
+    <!--添加弹出层-->
+    <script type="text/javascript" charset="utf-8" src="addCustomizeDialog.js"></script>
+
+    <style type="text/css">
+        .clear {
+            clear: both;
+        }
+        div{
+            width:100%;
+        }
+    </style>
+</head>
+<body>
+<div>
+    <h1>二次开发demo</h1>
+    <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
+</div>
+</body>
+<script type="text/javascript">
+
+    //实例化编辑器
+    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
+    UE.getEditor('editor',{
+        //清空了工具栏
+        toolbars:[[]]
+    })
+
+</script>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/editor_api.js b/nezha-fronted/static/ueditor-1.4.3.3/_examples/editor_api.js
new file mode 100644
index 000000000..faf9412cf
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/editor_api.js
@@ -0,0 +1,129 @@
+/**
+ * 开发版本的文件导入
+ */
+(function (){
+    var paths  = [
+            'editor.js',
+            'core/browser.js',
+            'core/utils.js',
+            'core/EventBase.js',
+            'core/dtd.js',
+            'core/domUtils.js',
+            'core/Range.js',
+            'core/Selection.js',
+            'core/Editor.js',
+            'core/Editor.defaultoptions.js',
+            'core/loadconfig.js',
+            'core/ajax.js',
+            'core/filterword.js',
+            'core/node.js',
+            'core/htmlparser.js',
+            'core/filternode.js',
+            'core/plugin.js',
+            'core/keymap.js',
+            'core/localstorage.js',
+            'plugins/defaultfilter.js',
+            'plugins/inserthtml.js',
+            'plugins/autotypeset.js',
+            'plugins/autosubmit.js',
+            'plugins/background.js',
+            'plugins/image.js',
+            'plugins/justify.js',
+            'plugins/font.js',
+            'plugins/link.js',
+            'plugins/iframe.js',
+            'plugins/scrawl.js',
+            'plugins/removeformat.js',
+            'plugins/blockquote.js',
+            'plugins/convertcase.js',
+            'plugins/indent.js',
+            'plugins/print.js',
+            'plugins/preview.js',
+            'plugins/selectall.js',
+            'plugins/paragraph.js',
+            'plugins/directionality.js',
+            'plugins/horizontal.js',
+            'plugins/time.js',
+            'plugins/rowspacing.js',
+            'plugins/lineheight.js',
+            'plugins/insertcode.js',
+            'plugins/cleardoc.js',
+            'plugins/anchor.js',
+            'plugins/wordcount.js',
+            'plugins/pagebreak.js',
+            'plugins/wordimage.js',
+            'plugins/dragdrop.js',
+            'plugins/undo.js',
+            'plugins/copy.js',
+            'plugins/paste.js',
+            'plugins/puretxtpaste.js',
+            'plugins/list.js',
+            'plugins/source.js',
+            'plugins/enterkey.js',
+            'plugins/keystrokes.js',
+            'plugins/fiximgclick.js',
+            'plugins/autolink.js',
+            'plugins/autoheight.js',
+            'plugins/autofloat.js',
+            'plugins/video.js',
+            'plugins/table.core.js',
+            'plugins/table.cmds.js',
+            'plugins/table.action.js',
+            'plugins/table.sort.js',
+            'plugins/contextmenu.js',
+            'plugins/shortcutmenu.js',
+            'plugins/basestyle.js',
+            'plugins/elementpath.js',
+            'plugins/formatmatch.js',
+            'plugins/searchreplace.js',
+            'plugins/customstyle.js',
+            'plugins/catchremoteimage.js',
+            'plugins/snapscreen.js',
+            'plugins/insertparagraph.js',
+            'plugins/webapp.js',
+            'plugins/template.js',
+            'plugins/music.js',
+            'plugins/autoupload.js',
+            'plugins/autosave.js',
+            'plugins/charts.js',
+            'plugins/section.js',
+            'plugins/simpleupload.js',
+            'plugins/serverparam.js',
+            'plugins/insertfile.js',
+            'plugins/xssFilter.js',
+            'ui/ui.js',
+            'ui/uiutils.js',
+            'ui/uibase.js',
+            'ui/separator.js',
+            'ui/mask.js',
+            'ui/popup.js',
+            'ui/colorpicker.js',
+            'ui/tablepicker.js',
+            'ui/stateful.js',
+            'ui/button.js',
+            'ui/splitbutton.js',
+            'ui/colorbutton.js',
+            'ui/tablebutton.js',
+            'ui/autotypesetpicker.js',
+            'ui/autotypesetbutton.js',
+            'ui/cellalignpicker.js',
+            'ui/pastepicker.js',
+            'ui/toolbar.js',
+            'ui/menu.js',
+            'ui/combox.js',
+            'ui/dialog.js',
+            'ui/menubutton.js',
+            'ui/multiMenu.js',
+            'ui/shortcutmenu.js',
+            'ui/breakline.js',
+            'ui/message.js',
+            'adapter/editorui.js',
+            'adapter/editor.js',
+            'adapter/message.js',
+            'adapter/autosave.js'
+        ],
+        baseURL = '../_src/';
+    for (var i=0,pi;pi = paths[i++];) {
+        document.write('<script type="text/javascript" src="'+ baseURL + pi +'"></script>');
+    }
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/filterRuleDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/filterRuleDemo.html
new file mode 100644
index 000000000..b9bc8baa7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/filterRuleDemo.html
@@ -0,0 +1,151 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>过滤规则定制化</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <style type="text/css">
+        .clear {
+            clear: both;
+        }
+    </style>
+</head>
+<body>
+<p>尝试粘贴内容近来，这里边不能粘贴任何inline的样式，不能有iframe,style,script,embed等标签，表格不能嵌套</p>
+<div>
+    <script id="editor" type="text/plain" style="width:500px;height:500px"></script>
+</div>
+
+
+</body>
+<script type="text/javascript">
+
+    UE.getEditor('editor', {
+        filterRules: function () {
+            return{
+                span:function(node){
+                    if(/Wingdings|Symbol/.test(node.getStyle('font-family'))){
+                        return true;
+                    }else{
+                        node.parentNode.removeChild(node,true)
+                    }
+                },
+                p: function(node){
+                    var listTag;
+                    if(node.getAttr('class') == 'MsoListParagraph'){
+                        listTag = 'MsoListParagraph'
+                    }
+                    node.setAttr();
+                    if(listTag){
+                        node.setAttr('class','MsoListParagraph')
+                    }
+                    if(!node.firstChild()){
+                        node.innerHTML(UE.browser.ie ? '&nbsp;' : '<br>')
+                    }
+                },
+                div: function (node) {
+                    var tmpNode, p = UE.uNode.createElement('p');
+                    while (tmpNode = node.firstChild()) {
+                        if (tmpNode.type == 'text' || !UE.dom.dtd.$block[tmpNode.tagName]) {
+                            p.appendChild(tmpNode);
+                        } else {
+                            if (p.firstChild()) {
+                                node.parentNode.insertBefore(p, node);
+                                p = UE.uNode.createElement('p');
+                            } else {
+                                node.parentNode.insertBefore(tmpNode, node);
+                            }
+                        }
+                    }
+                    if (p.firstChild()) {
+                        node.parentNode.insertBefore(p, node);
+                    }
+                    node.parentNode.removeChild(node);
+                },
+                //$:{}表示不保留任何属性
+                br: {$: {}},
+//                a: function (node) {
+//                    if(!node.firstChild()){
+//                        node.parentNode.removeChild(node);
+//                        return;
+//                    }
+//                    node.setAttr();
+//                    node.setAttr('href', '#')
+//                },
+//                strong: {$: {}},
+//                b:function(node){
+//                    node.tagName = 'strong'
+//                },
+//                i:function(node){
+//                    node.tagName = 'em'
+//                },
+//                em: {$: {}},
+//                img: function (node) {
+//                    var src = node.getAttr('src');
+//                    node.setAttr();
+//                    node.setAttr({'src':src})
+//                },
+                ol:{$: {}},
+                ul: {$: {}},
+
+                dl:function(node){
+                    node.tagName = 'ul';
+                    node.setAttr()
+                },
+                dt:function(node){
+                    node.tagName = 'li';
+                    node.setAttr()
+                },
+                dd:function(node){
+                    node.tagName = 'li';
+                    node.setAttr()
+                },
+                li: function (node) {
+
+                    var className = node.getAttr('class');
+                    if (!className || !/list\-/.test(className)) {
+                        node.setAttr()
+                    }
+                    var tmpNodes = node.getNodesByTagName('ol ul');
+                    UE.utils.each(tmpNodes,function(n){
+                        node.parentNode.insertAfter(n,node);
+
+                    })
+
+                },
+                table: function (node) {
+                    UE.utils.each(node.getNodesByTagName('table'), function (t) {
+                        UE.utils.each(t.getNodesByTagName('tr'), function (tr) {
+                            var p = UE.uNode.createElement('p'), child, html = [];
+                            while (child = tr.firstChild()) {
+                                html.push(child.innerHTML());
+                                tr.removeChild(child);
+                            }
+                            p.innerHTML(html.join('&nbsp;&nbsp;'));
+                            t.parentNode.insertBefore(p, t);
+                        })
+                        t.parentNode.removeChild(t)
+                    });
+                    var val = node.getAttr('width');
+                    node.setAttr();
+                    if (val) {
+                        node.setAttr('width', val);
+                    }
+                },
+                tbody: {$: {}},
+                caption: {$: {}},
+                th: {$: {}},
+                td: {$: {valign: 1, align: 1,rowspan:1,colspan:1,width:1,height:1}},
+                tr: {$: {}},
+                h3: {$: {}},
+                h2: {$: {}},
+                //黑名单，以下标签及其子节点都会被过滤掉
+                '-': 'script style meta iframe embed object'
+            }
+        }()
+    });
+
+
+</script>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/highlightDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/highlightDemo.html
new file mode 100644
index 000000000..650569124
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/highlightDemo.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <!--加入高亮的js和css文件，如果你的编辑器和展示也是一个页面那么高亮的js可以不加载-->
+    <script type="text/javascript" charset="utf-8" src="../third-party/SyntaxHighlighter/shCore.js"></script>
+    <link rel="stylesheet" type="text/css" href="../third-party/SyntaxHighlighter/shCoreDefault.css"/>
+</head>
+<body>
+<h1>代码高亮演示</h1>
+<h2>获得编辑器实例</h2>
+<div style="width:200px">
+    <pre class="brush:js;toolbar:false;">
+        UE.getEditor('myEditor');
+    </pre>
+</div>
+
+<!--style给定宽度可以影响编辑器的最终宽度-->
+<script type="text/plain" id="myEditor" style="width:500px">
+    <h3>实例化编辑器</h3>
+     <pre class="brush:js;toolbar:false;">
+         UE.getEditor('myEditor');
+</pre>
+</script>
+<script type="text/javascript">
+    //为了在编辑器之外能展示高亮代码
+    SyntaxHighlighter.highlight();
+   UE.getEditor('myEditor');
+</script>
+
+</body>
+
+
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/index.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/index.html
new file mode 100644
index 000000000..a5a434711
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/index.html
@@ -0,0 +1,118 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title></title>
+    <style type="text/css">
+        h3{
+            color:#630000;
+        }
+        ul li{
+            margin: 10px;
+        }
+        a:link,a:active,a:visited{
+            color: #0000EE;
+        }
+        a{
+            text-decoration: none;
+        }
+    </style>
+</head>
+<body>
+<h2>UEditor各种实例演示</h2>
+<h3>基础示例</h3>
+<ul>
+    <li>
+        <a href="simpleDemo.html" target="_self">简单示例</a><br/>
+        使用基础的按钮实现简单的功能
+    </li>
+</ul>
+<h3>应用展示</h3>
+<ul>
+    <li>
+        <a href="submitFormDemo.html" target="_self">表单应用</a><br/>
+        编辑器的内容通过表单提交到后台
+    </li>
+    <li>
+        <a href="resetDemo.html" target="_self">重置编辑器</a><br/>
+        将编辑器的内部变量清空，重置。
+    </li>
+    <li>
+        <a href="textareaDemo.html" target="_self">文本域渲染编辑器</a><br/>
+        将编辑器渲染到文本域，并且将文本域的内容放到编辑器的初始化内容里
+    </li>
+</ul>
+<h3>二次开发</h3>
+<ul>
+    <li>
+        <a style="color:red;" href="customizeToolbarUIDemo.html" target="_self">二次开发例子</a><br/>
+        添加自定义的普通按钮、下拉菜单按钮、对话框按钮
+    </li>
+    <li>
+        <a href="customToolbarDemo.html" target="_self">自定义Toolbar</a><br/>
+        用自己的皮肤，设计自己的编辑器
+    </li>
+    <li>
+        <a href="customPluginDemo.html" target="_self">自定义插件</a><br/>
+        在编辑器的基础上开发自己的插件
+    </li>
+</ul>
+<h3>高级案例</h3>
+<ul>
+    <li>
+        <a href="completeDemo.html" target="_self">完整示例</a><br/>
+        编辑器的完整功能
+    </li>
+    <li>
+        <a href="charts.html" target="_self"  >图表示例</a><br/>
+        图表功能
+    </li>
+    <li>
+        <a href="sortableDemo.html" target="_self" >表格排序示例</a><br/>
+        编辑表格,并设置排序后可在展示区域点击排序
+    </li>
+    <li>
+        <a href="sectionDemo.html" target="_self" >目录大纲示例</a><br/>
+        获取编辑内容的目录大纲，并通过操作目录，更新编辑器内容
+    </li>
+    <li>
+        <a href="multiDemo.html" target="_self">多编辑器实例</a><br/>
+        一个页面实例化多个编辑器，互不影响
+    </li>
+    <li>
+        <a href="renderInTable.html" target="_self">在表格中渲染编辑器</a><br/>
+        表格中渲染编辑器
+    </li>
+    <li>
+        <a href="jqueryCompleteDemo.html" target="_self">jquery</a><br/>
+        jquery中使用编辑器
+    </li>
+    <li>
+        <a href="jqueryValidation.html" target="_self">jqueryValidation</a><br/>
+        编辑器在jqueryValidation中验证
+    </li>
+    <li>
+        <a href="uparsedemo.html" target="_self">展示页面uparse.js解析</a><br/>
+        通过调用uparse.js在展示页面中自动解析编辑内容
+    </li>
+    <li>
+        <a href="filterRuleDemo.html" target="_self">过滤规则定制化</a><br/>
+        通过配置filterRules可以定制黑白名单，过滤和转换你要的标签和属性
+    </li>
+    <li>
+        <a href="setWidthHeightDemo.html" target="_self">设置宽高</a><br/>
+        设置宽高的demo页面
+    </li>
+    <li>
+        <a href="multiEditorWithOneInstance.html" target="_self">多个编辑区使用一个编辑器实例</a><br/>
+        多个编辑区使用一个编辑器实例
+    </li>
+</ul>
+<script type="text/javascript">
+    var href = location.href;
+    if(href.indexOf("http") != 0 ){
+        alert("您当前尚未将UEditor部署到服务器环境，部分浏览器下所有弹出框功能的使用会受到限制！");
+    }
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/jqueryCompleteDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/jqueryCompleteDemo.html
new file mode 100644
index 000000000..dac705032
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/jqueryCompleteDemo.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title>使用jquery的完整demo</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js" charset=""></script>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <script>
+        $(function(){
+            var ue = UE.getEditor('myEditor');
+            $('#btn').click(function(){
+                //手动提交需要手动同步编辑器数据
+                ue.sync();
+                $('#form')[0].submit();
+            });
+            //--自动切换提交地址----
+            var version = ue.options.serverUrl || ue.options.imageUrl ||  "php",
+                    form=$('#form')[0];
+
+            if(version.match(/php/)){
+                form.action="./server/getContent.php";
+            }else if(version.match(/net/)){
+                form.action="./server/getContent.ashx";
+            }else if(version.match(/jsp/)){
+                form.action="./server/getContent.jsp";
+            }else if(version.match(/asp/)){
+                form.action="./server/getContent.asp";
+            }
+
+        })
+    </script>
+</head>
+<body>
+<form id="form" method="post" target="_blank">
+    <script type="text/plain" id="myEditor" name="myEditor">
+        <p>欢迎使用UEditor！</p>
+    </script>
+     <input type="button" id="btn" value="提交数据">
+</form>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/jqueryValidation.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/jqueryValidation.html
new file mode 100644
index 000000000..fa08e3a52
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/jqueryValidation.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title>Ueditor在jquery validation下的验证</title>
+    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
+    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
+
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <script>
+        $(function(){
+            UE.getEditor('content');
+
+            var validator = $("#myform").submit(function() {
+                UE.getEditor('content').sync();
+            }).validate({
+                        ignore: "",
+                        rules: {
+                            title: "required",
+                            content: "required"
+                        },
+                        errorPlacement: function(label, element) {
+                            label.insertAfter(element.is("textarea") ? element.next() : element);
+                        }
+                    });
+            validator.focusInvalid = function() {
+                if( this.settings.focusInvalid ) {
+                    try {
+                        var toFocus = $(this.findLastActive() || this.errorList.length && this.errorList[0].element || []);
+                        if (toFocus.is("textarea")) {
+                            UE.getEditor('content').focus()
+                        } else {
+                            toFocus.filter(":visible").focus();
+                        }
+                    } catch(e) {
+                    }
+                }
+            }
+        })
+    </script>
+
+</head>
+<body>
+
+
+<form id="myform" action="">
+    <h3>Ueditor在jquery validation下的验证</h3>
+
+    <label>其他内容</label>
+    <input name="title" />
+
+    <br/>
+
+    <label>编辑器</label>
+    <textarea id="content" name="content" rows="15" cols="80" style="width: 80%"></textarea>
+
+    <br />
+    <input type="submit" name="save" value="Submit" />
+</form>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/multiDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/multiDemo.html
new file mode 100644
index 000000000..47a65cc7e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/multiDemo.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+</head>
+<body>
+<h1>UEditor多实例</h1>
+
+<!--style给定宽度可以影响编辑器的最终宽度-->
+<script type="text/plain" id="myEditor1" style="margin-bottom:100px;">
+</script>
+<script type="text/plain" id="myEditor2" style="margin-bottom:100px;">
+    <p>这里我可以写一些输入提示</p>
+</script>
+<script type="text/plain" id="myEditor3" style="margin-bottom:100px;">
+</script>
+
+<script type="text/javascript">
+    UE.getEditor('myEditor1', {
+        theme:"default", //皮肤
+        lang:'zh-cn' //语言
+    });
+
+    UE.getEditor('myEditor2', {
+        autoClearinitialContent:true, //focus时自动清空初始化时的内容
+        wordCount:false, //关闭字数统计
+        elementPathEnabled:false//关闭elementPath
+    });
+
+    UE.getEditor('myEditor3', {
+        //toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','Bold']],//这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
+        lang:"en"
+        //更多其他参数，请参考ueditor.config.js中的配置项
+    });
+</script>
+
+</body>
+
+
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/multiEditorWithOneInstance.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/multiEditorWithOneInstance.html
new file mode 100644
index 000000000..44d1da264
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/multiEditorWithOneInstance.html
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
+    <style>
+        table{margin-bottom:10px;border-collapse:collapse;display:table;border:1px dashed #ddd}
+        #test td{padding:5px;border: 1px solid #DDD;}
+    </style>
+</head>
+<body>
+<h1>UEditor多编辑区域一个编辑器实例</h1>
+<table id="test">
+    <tr>
+        <td width="10%">
+            编辑区域一
+        </td>
+        <td class="content" id="content1"><script id="editor1" type="text/plain" style="width:1024px;height:200px;">内容1</script></td>
+    </tr>
+    <tr>
+        <td>
+            编辑区域二
+        </td>
+        <td class="content" id="content2">内容2</td>
+    </tr>
+    <tr>
+        <td>
+            编辑区域三
+        </td>
+        <td class="content" id="content3">内容3</td>
+    </tr>
+</table>
+
+<script type="text/javascript">
+    var ue = UE.getEditor('editor1');
+    ue.ready(function(){
+        //阻止工具栏的点击向上冒泡
+        $(this.container).click(function(e){
+            e.stopPropagation()
+        })
+    });
+    $('.content').click(function(e){
+        var $target = $(this);
+        var content = $target.html();
+        var currentParnet = ue.container.parentNode.parentNode;
+        var currentContent = ue.getContent();
+        $target.html('');
+        $target.append(ue.container.parentNode);
+        ue.reset();
+        setTimeout(function(){
+            ue.setContent(content);
+        },200)
+        $(currentParnet).html(currentContent);
+    })
+</script>
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/renderInTable.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/renderInTable.html
new file mode 100644
index 000000000..ae86a1088
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/renderInTable.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <title>表格内实例化编辑器实例</title>
+</head>
+
+<body>
+<div style="height: 100px"></div>
+<div id="div" style="border: 1px solid #fff">
+    <table border="1">
+        <caption>表格标题</caption>
+        <tr><th>标题</th><th>内容</th></tr>
+        <!--编辑器实例化到表格内部时，请在对应的单元格上明确标注宽度值（百分数或者直接数均可），否则有可能在工具栏浮动等功能状态下出现移位-->
+        <tr>
+            <td>中国</td><td width="100%"><textarea id="editor"></textarea></td>
+        </tr>
+    </table>
+</div>
+<script type="text/javascript">
+    UE.getEditor('editor');
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/resetDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/resetDemo.html
new file mode 100644
index 000000000..34d56a98f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/resetDemo.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta http-equiv="X-UA-Compatible" content="IE=8">
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title>重置编辑器</title>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <style type="text/css">
+        #simple {
+            width: 1000px;
+            border: 1px solid #ddd;
+        }
+
+    </style>
+</head>
+<body>
+    <h2>重置编辑器和销毁编辑器示例</h2>
+    <div class="content" id="simple"></div>
+    <p><input type="button" onclick="simple()" value="重置编辑器内部参数"><span id="txt"></span></p>
+    <p><input id="destroy" type="button" onclick="destroy()" value="销毁编辑器"></p>
+    <script type="text/javascript" charset="utf-8">
+        var editor = UE.getEditor('simple');
+        function simple() {
+            if(editor){
+                editor.setContent("编辑器内部变量已经被重置!");
+                editor.reset();
+            }
+        }
+        function destroy(){
+            editor.destroy();
+            editor = null;
+            clearInterval(timer);
+            var button = document.getElementById("destroy");
+
+            button.value = "重新渲染";
+            button.onclick = function(){
+                editor = UE.getEditor('simple');
+                this.value="销毁编辑器";
+                this.onclick = destroy;
+                timer = setInterval( setMsg, 100 );
+            }
+        }
+        function setMsg() {
+            if(editor && editor.undoManger){
+                document.getElementById( "txt" ).innerHTML = "编辑器当前保存了 <span style='color: red'> " + editor.undoManger.list.length + " </span>次操作";
+            }
+        }
+        var timer = setInterval( setMsg, 100 );
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/sectiondemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/sectiondemo.html
new file mode 100644
index 000000000..f62554e6f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/sectiondemo.html
@@ -0,0 +1,181 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>目录大纲demo</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
+    <script type="text/javascript" charset="utf-8" src="../third-party/jquery-1.10.2.min.js"></script>
+    <style>
+        #directionContainer ul{
+            margin:0px;
+            padding: 0px 0px 0px 20px;
+        }
+        .main{
+            width:1024px;
+        }
+        .left{
+            width:250px;
+            height: 50px;
+            float:left;
+            margin-right:4px;
+        }
+        .right{
+            width:730px;
+            float:left;
+        }
+        #directionWrapper{
+            padding:15px 7px;
+            width:234px;
+            border:1px solid #CCC;
+        }
+        .directionTitle{
+            font-weight: bold;
+            font-size: 14px;
+            padding-bottom:3px;
+            border-bottom: 1px dashed #ccc;
+        }
+        .sectionItem{
+            height:20px;
+            padding: 4px;
+        }
+        .sectionItem span{
+            *zoom:1;
+            display:inline-block;
+        }
+        .itemTitle{
+            _float:left;
+        }
+        .selectIcon,.deleteIcon,.moveUp,.moveDown{
+            float:right;
+            color:red;
+            font-size:0px;
+            line-height: 20px;
+            height:20px;
+            text-align: center;
+            cursor: pointer;
+        }
+        .selectIcon,.moveUp,.moveDown{
+            width:14px;
+            font-size:10px;
+        }
+        .selectIcon:hover,.moveUp:hover,.moveDown:hover{
+            text-decoration: underline;
+        }
+        .deleteIcon{
+            width:20px;
+            margin-left:3px;
+            background: url(../themes/default/images/icons-all.gif) 0 -89px;
+        }
+        .fixTop{
+            position: fixed;
+            top: -1px;
+        }
+    </style>
+</head>
+<body>
+<div class="main">
+    <h1>目录大纲demo</h1>
+    <div class="left">
+        <div id="directionWrapper">
+            <div class="directionTitle">目录：</div>
+            <div id="directionContainer"></div>
+        </div>
+    </div>
+    <div class="right">
+        <script id="editor" type="text/plain" style="width:730px;height:500px;">
+            <p style="text-indent: 2em;"><strong>UEditor</strong>是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议，所有源代码在协议允许范围内可自由修改和使用。百度UEditor的推出，可以帮助不少网站开者在开发富文本编辑器所遇到的难题，节约开发者因开发富文本编辑器所需要的大量时间，有效降低了企业的开发成本。</p><h2>特点 </h2><p>UEditor在设计上采用了经典的分层架构设计理念，尽量做到功能层次之间的轻度耦合。具体来讲，整个系统分为了核心层、命令插件层和UI层这样三个低耦合的层次。</p><h2 index="3"> 应用领域 </h2> <h3 index="3_1"> 百度产品线 </h3><p>百度百科、百度空间、百度经验、百度旅游、百度知道、百度贴吧、百度新知</p><h3 index="3_2"> 其他公司产品 </h3><p>麦库记事、网易lofter</p><h2 index="4"> 更新记录 </h2> <h3 index="4_3"> 1.2.6.1版本 </h3> <h4> 新增功能 </h4> <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li> <p>查找替换支持正则表达式</p></li><li><p>增加类似word中的快捷菜单，默认关闭</p></li><li><p>针对默认过滤回转换div为p标签，提供了配置开关allowDivTransToP,默认为true</p></li><li><p>工具栏支持指定位置折行，&#39;|&#39;表示分割符,&#39;||&#39;表示折行</p></li> </ul> <h4> 优化修复 </h4> <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li> <p>修复了ie67下初始化宽高给定百分比</p></li><li><p>修复了在ie下删除分割线后光标定位的问题</p></li><li><p>提供了手动加载语言文件，避免ie下有时会因语言文件加载失败导致编辑器加载失败,提示&quot;not import language file&quot;的错误</p></li><li><p>优化了编辑器初始化时获得contentWindow可能不存在的情况</p></li><li><p>优化了编辑器加载自定义样式的问题，默认initialStyle传入的css样式优先级最高，其次是指定的外部css文件</p></li><li><p>表格操作功能升级，优化了对表格的拖拉及双击操作，并且支持IE6+浏览器</p></li><li><p>修复编辑器在禁用状态下仍然可以拖动表格边框的bug</p></li><li><p>修复了分割线不能删除的问题</p></li><li><p>修复了初始化内容过多时，编辑器不自动长高，要点击编辑器才会长高的问题</p></li><li><p>优化了添加字符边框的展示效果，避免出现重叠的问题</p></li><li><p>修复下拉菜单超出屏幕的bug</p></li><li><p>修复table属性初始化时table布局错误的bug</p></li><li><p>优化了选择工具栏上下拉菜单类型的操作命令时，选区会有闪动的问题</p></li><li><p>优化了关于swfupload的一个xss漏洞</p></li><li><p>优化了对于ie9,10的支持</p></li> </ul> <h3 index="4_5"> 1.2.5版本 </h3> <h4> 新增功能 </h4> <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li><p>table整体重构</p></li><li><p> table支持插入表头和标题</p></li><li><p> table支持拷贝</p></li><li><p> table支持任意调整宽高</p></li><li><p> ...</p></li> </ul> <h3 index="4_6"> 1.2.4版本 </h3> <h4> 新增功能 </h4> <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li><p>官网新增API文档</p></li><li><p> CSS按照UI结构进行了模块化拆分</p></li><li><p> 新增皮肤切换功能，并提供一套新皮肤（可通过配置项theme来设置）</p></li><li><p> ...</p></li> </ul> <h2 index="5"> 正式版 </h2> <h3 index="5_11"> 新增功能 </h3> <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li> <p>新增了编辑器路径的设置，可以不用手动设置路径，自动识别相关路径，解决路径设置繁琐的问题</p></li><li><p>重写了过滤粘贴机制，采用黑白名单，可以书写符合自己需求的过滤规则，可以完全定义标签的属性，甚至是style上的某个属性及其数值</p></li><li><p>数据同步改为失去焦点就执行，可以不再使用sync方法手动同步数据</p></li><li><p>改使用closure的压缩工具</p></li><li><p>表格支持排序和隔行显示</p></li><li><p>优化了undo/redo操作</p></li><li><p>优化了ui界面</p></li><li><p>添加了字体边框</p></li> </ul> <h3 index="5_12"> 优化修复 </h3> <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li> <p>优化了拖拽机制，处理浮动图片拖拽不能跟指定的某行对齐</p></li><li><p>优化了backspace/del键的操作</p></li><li><p>重写了插入代码功能，插入代码编写支持tab和回车键</p></li><li><p>列表粘贴优化，模仿word的列表粘贴</p></li><li><p>修复jsp后台8080端口,截屏插件返回错误的问题</p></li><li><p>修复firefox下编辑状态切换的问题</p></li><li><p>修复查找替换报错</p></li><li><p>修复表格新增行后宽度丢失问题</p></li><li><p>修复表格底纹和表格排序多语言配置遗漏</p></li><li><p>解决右键，粘贴，对话框内容报错</p></li><li><p>修复设置单元格颜色问题</p></li><li><p>优化大字号下的显示问题</p></li><li><p>解决IE下表格粘贴失效问题</p></li><li><p>修复选中内容设置成代码，出现多余字符的问题</p></li><li><p>修复从word粘贴内容到编辑器，过滤失效的问题</p></li><li><p>修复光标闭合，多次点击字符边框按钮，会出现多余的字符“font”的问题</p></li><li><p>修复字符边框效果错误的问题</p></li> <li><p>以及其他的一些问题.</p></li> </ul><p><br/></p>
+        </script>
+    </div>
+</div>
+
+</body>
+<script type="text/javascript">
+    //实例化编辑器
+    var ue = UE.getEditor('editor');
+
+    ue.ready(function(){
+        ue.addListener('updateSections', resetHandler);
+    });
+
+    var resetHandler = function(){
+        var dirmap = {}, dir = ue.execCommand('getsections');
+
+        // 更新目录树
+        $('#directionContainer').html(traversal(dir) || null);
+        // 删除章节按钮
+        $('.deleteIcon').click(function(e){
+            var $target = $(this),
+                address = $target.parent().attr('data-address');
+            ue.execCommand('deletesection', dirmap[address]);
+        });
+        // 选中章节按钮
+        $('.selectIcon').click(function(e){
+            var $target = $(this),
+                    address = $target.parent().attr('data-address');
+            ue.execCommand('selectsection', dirmap[address], true);
+        });
+        // 章节上移
+        $('.moveUp,.moveDown').click(function(e){
+            var $target = $(this),
+                address = $target.parent().attr('data-address'),
+                moveUp = $target.hasClass('moveUp') ? true:false;
+            if($target.hasClass('moveUp')) {
+                ue.execCommand('movesection', dirmap[address], dirmap[address].previousSection);
+            } else {
+                ue.execCommand('movesection', dirmap[address], dirmap[address].nextSection, true);
+            }
+        });
+        // 页面网上滚动时，让目录固定在顶部
+        $(window).scroll(function(e) {
+            if($('.left').offset().top < (document.body.scrollTop||document.documentElement.scrollTop)) {
+                $('#directionWrapper').addClass('fixTop');
+            } else {
+                $('#directionWrapper').removeClass('fixTop');
+            }
+        });
+
+        function traversal(section) {
+            var $list, $item, $itemContent, child, childList;
+            if(section.children.length) {
+                $list = $('<ul>');
+                for(var i = 0; i< section.children.length; i++) {
+                    child = section.children[i];
+                    //设置目录节点内容标签
+                    var title = getSubStr(child['title'], 18);
+                    $itemContent = $('<div class="sectionItem"></div>').html($('<span class="itemTitle">' + title + '</span>'));
+                    $itemContent.attr('data-address', child['startAddress'].join(','));
+                    $itemContent.append($('<span class="deleteIcon">删</span>' +
+                            '<span class="selectIcon">选</span>' +
+                            '<span class="moveUp">↑</span>' +
+                            '<span class="moveDown">↓</span>'));
+                    dirmap[child['startAddress'].join(',')] = child;
+                    //设置目录节点容器标签
+                    $item = $('<li>');
+                    $item.append($itemContent);
+                    //继续遍历子节点
+                    if($item.children.length) {
+                        childList = traversal(child);
+                        childList && $item.append(childList);
+                    }
+                    $list.append($item);
+                }
+            }
+            return $list;
+        }
+    }
+
+    function getSubStr(s,l){
+        var i=0,len=0;
+        for(i;i<s.length;i++){
+            if(s.charAt(i).match(/[^\x00-\xff]/g)!=null){
+                len+=2;
+            }else{
+                len++;
+            }
+            if(len>l){ break; }
+        }return s.substr(0,i);
+    };
+</script>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.ashx b/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.ashx
new file mode 100644
index 000000000..d6104df59
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.ashx
@@ -0,0 +1,44 @@
+<%@ WebHandler  Language="C#"  Class="getContent" %>
+/**
+ * Created by visual studio 2010
+ * User: xuheng
+ * Date: 12-3-6
+ * Time: 下午21:23
+ * To get the value of editor and output the value .
+ */
+using System;
+using System.Web;
+
+public class getContent : IHttpHandler {
+    
+    public void ProcessRequest (HttpContext context) {
+        context.Response.ContentType = "text/html";
+
+        //获取数据
+        string content = context.Server.HtmlEncode(context.Request.Form["myEditor"]);
+
+        
+        //存入数据库或者其他操作
+        //-------------
+
+        //显示
+        context.Response.Write("<script src='../ueditor.parse.js' type='text/javascript'></script>");
+        context.Response.Write(
+
+            "<script>uParse('.content',{"+
+                  "'rootPath': '../'"+
+              "})"+
+            "</script>");
+
+        context.Response.Write("Content of First Editor: ");
+        context.Response.Write("<div class='content'>" + context.Server.HtmlDecode(content) + "</div>");
+
+    }
+ 
+    public bool IsReusable {
+        get {
+            return false;
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.asp b/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.asp
new file mode 100644
index 000000000..fa4cb6216
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.asp
@@ -0,0 +1,15 @@
+<% @LANGUAGE="VBSCRIPT" CODEPAGE="65001" %> 
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+<script src="../../ueditor.parse.js" type="text/javascript"></script>
+<script>
+   uParse('.content',{
+            'rootPath': '../'
+   })
+
+</script>
+<%
+	Dim content
+	content = Request.Form("myEditor")
+	Response.Write("第1个编辑器的值")
+	Response.Write("<div class='content'>" + content + "</div>")
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.jsp b/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.jsp
new file mode 100644
index 000000000..1ea45081a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.jsp
@@ -0,0 +1,19 @@
+    <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+<script src="../../ueditor.parse.js" type="text/javascript"></script>
+<script>
+        uParse('.content',{
+            'rootPath': '../'
+        })
+</script>
+<%
+request.setCharacterEncoding("utf-8");
+response.setCharacterEncoding("utf-8");
+String content = request.getParameter("myEditor");
+
+
+
+response.getWriter().print("第1个编辑器的值");
+response.getWriter().print("<div class='content'>"+content+"</div>");
+
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.php b/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.php
new file mode 100644
index 000000000..67778486b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/server/getContent.php
@@ -0,0 +1,19 @@
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+<script src="../../ueditor.parse.js" type="text/javascript"></script>
+<script>
+    uParse('.content',{
+        'rootPath': '../'
+    })
+
+</script>
+<?php
+    //获取数据
+    error_reporting(E_ERROR|E_WARNING);
+    $content =  htmlspecialchars(stripslashes($_POST['myEditor']));
+
+
+    //存入数据库或者其他操作
+
+    //显示
+    echo "第1个编辑器的值";
+    echo  "<div class='content'>".htmlspecialchars_decode($content)."</div>";
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/setWidthHeightDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/setWidthHeightDemo.html
new file mode 100644
index 000000000..b02162507
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/setWidthHeightDemo.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
+    <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
+
+</head>
+<body>
+<h1>UEditor设置宽高demo</h1>
+<h2><span style="color:red">这里的宽高都只是编辑区域的宽高，不包括工具栏的高度和状态栏的高度</span></h2>
+<h2>容器给定编辑器的宽高</h2>
+
+<script type="text/plain" id="myEditor" style="width:500px;height:500px"></script>
+
+<div style="clear:both"></div>
+<h2>初始化时给定编辑器的宽高</h2>
+<script type="text/plain" id="myEditor1" ></script>
+
+<h2>没有工具栏的编辑器</h2>
+<div id="myEditor2" style="width:700px;height:300px;border:1px solid #ccc"></div>
+
+<script type="text/javascript">
+    //根据容器的宽高
+    //容器给定高度
+    UE.getEditor('myEditor');
+    UE.getEditor('myEditor1',{
+        initialFrameWidth : 600,
+        initialFrameHeight: 600
+    });
+
+    var noToolbar = new UE.Editor();
+    noToolbar.render('myEditor2',{
+        autoFloatEnabled : false
+    })
+
+</script>
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/simpleDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/simpleDemo.html
new file mode 100644
index 000000000..881a59c74
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/simpleDemo.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+</head>
+<body>
+    <h1>UEditor简单功能</h1>
+
+    <!--style给定宽度可以影响编辑器的最终宽度-->
+    <script type="text/plain" id="myEditor">
+        <p>这里我可以写一些输入提示</p>
+    </script>
+    <script type="text/javascript">
+        UE.getEditor('myEditor',{
+            //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
+            toolbars:[],
+            //focus时自动清空初始化时的内容
+            autoClearinitialContent:true,
+            //关闭字数统计
+            wordCount:false,
+            //关闭elementPath
+            elementPathEnabled:false,
+            //默认的编辑区域高度
+            initialFrameHeight:300
+            //更多其他参数，请参考ueditor.config.js中的配置项
+        })
+    </script>
+
+</body>
+
+
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/sortableDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/sortableDemo.html
new file mode 100644
index 000000000..ee7d33f6f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/sortableDemo.html
@@ -0,0 +1,86 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script src="../ueditor.parse.js" type="text/javascript"></script>
+    <title></title>
+</head>
+<body>
+<h1>表格排序演示</h1>
+<p>
+<p>
+    <strong>默认排序方法有五种:</strong><br/>
+    reversecurrent : 逆序当前<br/>
+    orderbyasc : 按ASCII字符升序<br/>
+    reversebyasc : 按ASCII字符降序<br/>
+    orderbynum : 按数值大小升序<br/>
+    reversebynum : 按数值大小降序
+</p>
+<p>
+    <span style="font-size: 14px; color: rgb(127, 127, 127);">表格data-sort-type属性值为reversebynum，<span style="color:#ff511a; font-weight: bold;">按照数值大小降序排序</span>，点击第一行的单元格进行排序。</span>
+</p>
+<div id="content1" class="content">
+    <table data-sort="sortEnabled" width="992" class="sortEnabled" data-sort-type="reversebynum">
+        <tbody>
+        <tr class="firstRow"> <td width="165">343</td> <td width="165">352</td> <td width="165">323</td> <td width="165">234</td> <td width="165">379</td> <td width="166">782</td> </tr>
+        <tr> <td width="165">341</td> <td width="165">163</td> <td width="165">422</td> <td width="165">234</td> <td width="165">725</td> <td width="166">833</td> </tr>
+        <tr> <td width="165">221</td> <td width="165">456</td> <td width="165">335</td> <td width="165">423</td> <td width="165">445</td> <td width="166">793</td> </tr>
+        <tr> <td width="165">112</td> <td width="165">277</td> <td width="165">563</td> <td width="165">423</td> <td width="165">932</td> <td width="166">425</td> </tr>
+        <tr> <td width="165">587</td> <td width="165">175</td> <td width="165">159</td> <td width="165">734</td> <td width="165">582</td> <td width="166">458</td> </tr>
+        </tbody>
+    </table>
+</div>
+
+<p>
+    <br />
+</p>
+<p>
+    <span style="font-size: 14px; color: rgb(127, 127, 127);">自定义排序，<span style="color:#ff511a; font-weight: bold;">按照个位数排序</span>，点击第一行的单元格进行排序。</span>
+</p>
+<div id="content2" class="content">
+    <table data-sort="sortEnabled" width="992" class="sortEnabled">
+        <tbody>
+        <tr class="firstRow"> <td width="165">343</td> <td width="165">352</td> <td width="165">323</td> <td width="165">234</td> <td width="165">379</td> <td width="166">782</td> </tr>
+        <tr> <td width="165">341</td> <td width="165">163</td> <td width="165">422</td> <td width="165">234</td> <td width="165">725</td> <td width="166">833</td> </tr>
+        <tr> <td width="165">221</td> <td width="165">456</td> <td width="165">335</td> <td width="165">423</td> <td width="165">445</td> <td width="166">793</td> </tr>
+        <tr> <td width="165">112</td> <td width="165">277</td> <td width="165">563</td> <td width="165">423</td> <td width="165">932</td> <td width="166">425</td> </tr>
+        <tr> <td width="165">587</td> <td width="165">175</td> <td width="165">159</td> <td width="165">734</td> <td width="165">582</td> <td width="166">458</td> </tr>
+        </tbody>
+    </table>
+</div>
+
+
+<script>
+    // 语法
+    // uParse(selector,[option])
+    /*
+     selector支持
+     id,class,tagName
+     */
+    /*
+     目前支持的参数
+     option:
+     highlightJsUrl 代码高亮相关js的路径 如果展示有代码高亮，必须给定该属性
+     highlightCssUrl 代码高亮相关css的路径 如果展示有代码高亮，必须给定该属性
+     liiconpath 自定义列表样式的图标路径，可以不给定，默认'http://bs.baidu.com/listicon/',
+     listDefaultPaddingLeft : 自定义列表样式的左边宽度 默认'20',
+     customRule 可以传入你自己的处理规则函数，函数第一个参数是容器节点
+     */
+    uParse('#content1',{
+        rootPath : '../'
+    })
+    uParse('#content2',{
+        rootPath : '../',
+        tableSortCompareFn: function(td1, td2){
+            var value1 = td1.innerText||td1.textContent,
+                    value2 = td2.innerText||td2.textContent;
+            return parseInt(value1) % 10 > parseInt(value2) % 10;
+        }
+    })
+
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/submitFormDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/submitFormDemo.html
new file mode 100644
index 000000000..c2694eecb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/submitFormDemo.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <style type="text/css">
+        body{
+            font-size:14px;
+        }
+    </style>
+</head>
+<body>
+    <h2>UEditor提交示例</h2>
+    <form id="form" method="post" target="_blank">
+        <script type="text/plain" id="myEditor" name="myEditor">
+            <p>欢迎使用UEditor！</p>
+        </script>
+        <input type="submit" value="通过input的submit提交">
+    </form>
+   <p>
+       从1.2.6开始，会自动同步数据无需再手动调用sync方法
+       <button onclick="document.getElementById('form').submit()">通过js调用submit提交</button>
+
+   </p>
+
+    <script type="text/javascript">
+        var editor_a = UE.getEditor('myEditor',{initialFrameHeight:500});
+
+        //--自动切换提交地址----
+        var doc=document,
+                version = editor_a.options.serverUrl || editor_a.options.imageUrl || "php",
+                form=doc.getElementById("form");
+
+        if(version.match(/php/)){
+            form.action="./server/getContent.php";
+        }else if(version.match(/net/)){
+            form.action="./server/getContent.ashx";
+        }else if(version.match(/jsp/)){
+            form.action="./server/getContent.jsp";
+        }else if(version.match(/asp/)){
+            form.action="./server/getContent.asp";
+        }
+        //-----
+
+
+    </script>
+
+</body>
+
+
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/textareaDemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/textareaDemo.html
new file mode 100644
index 000000000..7b0a08b6c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/textareaDemo.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title></title>
+   
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+    <style type="text/css">
+        #myEditor{
+            width: 500px;
+            height: 300px;
+        }
+    </style>
+</head>
+<body>
+    <h1>文本域渲染编辑器</h1>
+
+    <!--style给定宽度可以影响编辑器的最终宽度-->
+    <textarea id="myEditor">这里是原始的textarea中的内容，可以从数据中读取</textarea>
+    <br/>
+    <input type="button" onclick="render()" value="渲染编辑器">
+    <script type="text/javascript">
+        //渲染编辑器
+        function render(){
+            UE.getEditor('myEditor')
+        }
+    </script>
+
+</body>
+
+
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_examples/uparsedemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_examples/uparsedemo.html
new file mode 100644
index 000000000..3bd561367
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_examples/uparsedemo.html
@@ -0,0 +1,204 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script src="../ueditor.parse.js"></script>
+    <title></title>
+</head>
+<body>
+    <h1>解析编辑的内容</h1>
+    <div class="content" style="width:200px">
+        <ol class="custom_cn2 list-paddingleft-1"><li class="list-cn-3-1 list-cn2-paddingleft-1"><p>这里可以书写，编辑器的初始内容</p></li></ol><ul class="custom_dash list-paddingleft-1"><li class="list-dash list-dash-paddingleft"><p>sdfas</p></li></ul><ol class="custom_cn2 list-paddingleft-1"><ol style="list-style-type: decimal; " class=" list-paddingleft-3"><li><p>dfas</p></li></ol><li class="list-cn-3-1 list-cn2-paddingleft-1"><p>dfa</p></li><ol style="list-style-type: decimal; " class=" list-paddingleft-3"><li><p>sdfadf</p></li></ol></ol>
+        <p>
+            这里可以书写，编辑器的初始内容
+        </p>
+        <p>
+            <video class="video-js vjs-default-skin" data-setup="{}" controls preload="none" width="640" height="264"
+                   src="http://video-js.zencoder.com/oceans-clip.mp4"
+                   poster="http://video-js.zencoder.com/oceans-clip.png">
+                <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
+            </video>
+        </p>
+        <pre class="brush:js;toolbar:false;">
+               moveToBookmark:function (bookmark) {
+            var start = bookmark.id ? this.document.getElementById(bookmark.start) : bookmark.start,
+                end = bookmark.end && bookmark.id ? this.document.getElementById(bookmark.end) : bookmark.end;
+            this.setStartBefore(start);
+            domUtils.remove(start);
+            if (end) {
+                this.setEndBefore(end);
+                domUtils.remove(end);
+            } else {
+                this.collapse(true);
+            }
+            return this;
+        },
+        </pre>
+        <ol class="custom_cn2 list-paddingleft-1">
+            <li class="list-cn-3-1 list-cn2-paddingleft-1">
+                <p>
+                    dfasdf
+                </p>
+            </li>
+            <li class="list-cn-3-2 list-cn2-paddingleft-1">
+                <p>
+                    asd
+                </p>
+            </li>
+            <li class="list-cn-3-3 list-cn2-paddingleft-1">
+                <p>
+                    fa
+                </p>
+            </li>
+            <li class="list-cn-3-4 list-cn2-paddingleft-1">
+                <p>
+                    sdfa
+                </p>
+            </li>
+            <li class="list-cn-3-5 list-cn2-paddingleft-1">
+                <p>
+                    sdfa
+                </p>
+            </li>
+        </ol>
+    </div>
+    <div id="content" class="content">
+        <table width="960">
+            <caption>
+                sdf<br />
+            </caption>
+            <tbody>
+            <tr>
+                <th valign="null">
+                    sdf<br />
+                </th>
+                <th valign="null">
+                    sdf<br />
+                </th>
+                <th valign="null">
+                    <br />
+                </th>
+                <th valign="null">
+                    <br />
+                </th>
+                <th valign="null">
+                    <br />
+                </th>
+                <th valign="null">
+                    <br />
+                </th>
+                <th valign="null">
+                    <br />
+                </th>
+            </tr>
+            <tr>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+            </tr>
+            <tr>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+                <td width="116" valign="top">
+                    <br />
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="content_background">
+        <h1>
+            UEditor
+        </h1>
+        <h2>
+            简介
+        </h2>
+        <p>
+            UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议，所有源代码在协议允许范围内可自由修改和使用。百度UEditor的推出，可以帮助不少网站开者在开发富文本编辑器所遇到的难题，节约开发者因开发富文本编辑器所需要的大量时间，有效降低了企业的开发成本。
+        </p>
+        <h2>
+            特点<br/>
+        </h2>
+        <p>
+            1、核心层提供了编辑器底层的一些方法和概念，如DOM树操作、Selection、Range等。
+        </p>
+        <p>
+            2、在核心层之上覆盖的是命令插件层。之所以叫命令插件层，是因为UEditor中所有的功能型实现都是通过这一层中的命令和插件来完成的，并且各个命令和插件之间基本互不耦合——使用者需要使用哪个功能就导入哪个功能对应的命令或者插件文件，完全不用考虑另外那些杂七杂八的JS文件（极少数插件除外，关于这些插件下文会整理出一个依赖列表来供同学们参考）。
+        </p>
+        <p>
+            理论上来讲，所有的命令都是可以用插件来代替的，但是依然将两者分开的主要原因是命令都是一些静态的方法，无需随editor实例初始化，从而优化了编辑器的性能。而插件随编辑器的初始化而初始化，性能上会有少许的影响，但相比命令而言，插件能够完成更加复杂的功能。其中最主要的一个特点是在插件内部既可以为编辑器注册命令，也可以为编辑器绑定监听事件。这个特点使得为编辑器添加任何功能都可以在插件中独立完成。
+        </p>
+        <p>
+            3、在命令插件层之上则是UI层。UEditor的UI设计与核心层和命令插件层几乎完全解耦，简单的几个配置就可以为编辑器在界面上添加额外的UI元素和功能，具体的配置下面将会深入阐述。
+        </p>
+        <p>
+            <br/>
+        </p>
+        <p style="display:none;" data-background="background-repeat:no-repeat;background-position:center center;background-color:#C3D69B;background-image:url(http://www.baidu.com/img/bdlogo.gif);">
+            <br/>
+        </p>
+    </div>
+
+    <script>
+        // 语法
+        // uParse(selector,[option])
+        /*
+         selector支持
+         id,class,tagName
+         */
+        /*
+         目前支持的参数
+         option:
+         highlightJsUrl 代码高亮相关js的路径 如果展示有代码高亮，必须给定该属性
+         highlightCssUrl 代码高亮相关css的路径 如果展示有代码高亮，必须给定该属性
+         liiconpath 自定义列表样式的图标路径，可以不给定，默认'http://bs.baidu.com/listicon/',
+         listDefaultPaddingLeft : 自定义列表样式的左边宽度 默认'20',
+         customRule 可以传入你自己的处理规则函数，函数第一个参数是容器节点
+         */
+
+        uParse('.content',{
+            rootPath : '../'
+        })
+        uParse('.content_background',{
+            rootPath : '../'
+        })
+    </script>
+
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_parse/background.js b/nezha-fronted/static/ueditor-1.4.3.3/_parse/background.js
new file mode 100644
index 000000000..acc8008ef
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_parse/background.js
@@ -0,0 +1,16 @@
+UE.parse.register('background', function (utils) {
+    var me = this,
+        root = me.root,
+        p = root.getElementsByTagName('p'),
+        styles;
+
+    for (var i = 0,ci; ci = p[i++];) {
+        styles = ci.getAttribute('data-background');
+        if (styles){
+            ci.parentNode.removeChild(ci);
+        }
+    }
+
+    //追加默认的表格样式
+    styles && utils.cssRule('ueditor_background', me.selector + '{' + styles + '}', document);
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_parse/charts.js b/nezha-fronted/static/ueditor-1.4.3.3/_parse/charts.js
new file mode 100644
index 000000000..c1339aee2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_parse/charts.js
@@ -0,0 +1,337 @@
+UE.parse.register('charts',function( utils ){
+
+    utils.cssRule('chartsContainerHeight','.edui-chart-container { height:'+(this.chartContainerHeight||300)+'px}');
+    var resourceRoot = this.rootPath,
+        containers = this.root,
+        sources = null;
+
+    //不存在指定的根路径， 则直接退出
+    if ( !resourceRoot ) {
+        return;
+    }
+
+    if ( sources = parseSources() ) {
+
+        loadResources();
+
+    }
+
+
+    function parseSources () {
+
+        if ( !containers ) {
+            return null;
+        }
+
+        return extractChartData( containers );
+
+    }
+
+    /**
+     * 提取数据
+     */
+    function extractChartData ( rootNode ) {
+
+        var data = [],
+            tables = rootNode.getElementsByTagName( "table" );
+
+        for ( var i = 0, tableNode; tableNode = tables[ i ]; i++ ) {
+
+            if ( tableNode.getAttribute( "data-chart" ) !== null ) {
+
+                data.push( formatData( tableNode ) );
+
+            }
+
+        }
+
+        return data.length ? data : null;
+
+    }
+
+    function formatData ( tableNode ) {
+
+        var meta = tableNode.getAttribute( "data-chart" ),
+            metaConfig = {},
+            data = [];
+
+        //提取table数据
+        for ( var i = 0, row; row = tableNode.rows[ i ]; i++ ) {
+
+            var rowData = [];
+
+            for ( var j = 0, cell; cell = row.cells[ j ]; j++ ) {
+
+                var value = ( cell.innerText || cell.textContent || '' );
+                rowData.push( cell.tagName == 'TH' ? value:(value | 0) );
+
+            }
+
+            data.push( rowData );
+
+        }
+
+        //解析元信息
+        meta = meta.split( ";" );
+        for ( var i = 0, metaData; metaData = meta[ i ]; i++ ) {
+
+            metaData = metaData.split( ":" );
+            metaConfig[ metaData[ 0 ] ] = metaData[ 1 ];
+
+        }
+
+
+        return {
+            table: tableNode,
+            meta: metaConfig,
+            data: data
+        };
+
+    }
+
+    //加载资源
+    function loadResources () {
+
+        loadJQuery();
+
+    }
+
+    function loadJQuery () {
+
+        //不存在jquery， 则加载jquery
+        if ( !window.jQuery ) {
+
+            utils.loadFile(document,{
+                src : resourceRoot + "/third-party/jquery-1.10.2.min.js",
+                tag : "script",
+                type : "text/javascript",
+                defer : "defer"
+            },function(){
+
+                loadHighcharts();
+
+            });
+
+        } else {
+
+            loadHighcharts();
+
+        }
+
+    }
+
+    function loadHighcharts () {
+
+        //不存在Highcharts， 则加载Highcharts
+        if ( !window.Highcharts ) {
+
+            utils.loadFile(document,{
+                src : resourceRoot + "/third-party/highcharts/highcharts.js",
+                tag : "script",
+                type : "text/javascript",
+                defer : "defer"
+            },function(){
+
+                loadTypeConfig();
+
+            });
+
+        } else {
+
+            loadTypeConfig();
+
+        }
+
+    }
+
+    //加载图表差异化配置文件
+    function loadTypeConfig () {
+
+        utils.loadFile(document,{
+            src : resourceRoot + "/dialogs/charts/chart.config.js",
+            tag : "script",
+            type : "text/javascript",
+            defer : "defer"
+        },function(){
+
+            render();
+
+        });
+
+    }
+
+    //渲染图表
+    function render () {
+
+        var config = null,
+            chartConfig = null,
+            container = null;
+
+        for ( var i = 0, len = sources.length; i < len; i++ ) {
+
+            config = sources[ i ];
+
+            chartConfig = analysisConfig( config );
+
+            container = createContainer( config.table );
+
+            renderChart( container, typeConfig[ config.meta.chartType ], chartConfig );
+
+        }
+
+
+    }
+
+    /**
+     * 渲染图表
+     * @param container 图表容器节点对象
+     * @param typeConfig 图表类型配置
+     * @param config 图表通用配置
+     * */
+    function renderChart ( container, typeConfig, config ) {
+
+
+        $( container ).highcharts( $.extend( {}, typeConfig, {
+
+            credits: {
+                enabled: false
+            },
+            exporting: {
+                enabled: false
+            },
+            title: {
+                text: config.title,
+                x: -20 //center
+            },
+            subtitle: {
+                text: config.subTitle,
+                x: -20
+            },
+            xAxis: {
+                title: {
+                    text: config.xTitle
+                },
+                categories: config.categories
+            },
+            yAxis: {
+                title: {
+                    text: config.yTitle
+                },
+                plotLines: [{
+                    value: 0,
+                    width: 1,
+                    color: '#808080'
+                }]
+            },
+            tooltip: {
+                enabled: true,
+                valueSuffix: config.suffix
+            },
+            legend: {
+                layout: 'vertical',
+                align: 'right',
+                verticalAlign: 'middle',
+                borderWidth: 1
+            },
+            series: config.series
+
+        } ));
+
+    }
+
+    /**
+     * 创建图表的容器
+     * 新创建的容器会替换掉对应的table对象
+     * */
+    function createContainer ( tableNode ) {
+
+        var container = document.createElement( "div" );
+        container.className = "edui-chart-container";
+
+        tableNode.parentNode.replaceChild( container, tableNode );
+
+        return container;
+
+    }
+
+    //根据config解析出正确的类别和图表数据信息
+    function analysisConfig ( config ) {
+
+        var series = [],
+        //数据类别
+            categories = [],
+            result = [],
+            data = config.data,
+            meta = config.meta;
+
+        //数据对齐方式为相反的方式， 需要反转数据
+        if ( meta.dataFormat != "1" ) {
+
+            for ( var i = 0, len = data.length; i < len ; i++ ) {
+
+                for ( var j = 0, jlen = data[ i ].length; j < jlen; j++ ) {
+
+                    if ( !result[ j ] ) {
+                        result[ j ] = [];
+                    }
+
+                    result[ j ][ i ] = data[ i ][ j ];
+
+                }
+
+            }
+
+            data = result;
+
+        }
+
+        result = {};
+
+        //普通图表
+        if ( meta.chartType != typeConfig.length - 1 ) {
+
+            categories = data[ 0 ].slice( 1 );
+
+            for ( var i = 1, curData; curData = data[ i ]; i++ ) {
+                series.push( {
+                    name: curData[ 0 ],
+                    data: curData.slice( 1 )
+                } );
+            }
+
+            result.series = series;
+            result.categories = categories;
+            result.title = meta.title;
+            result.subTitle = meta.subTitle;
+            result.xTitle = meta.xTitle;
+            result.yTitle = meta.yTitle;
+            result.suffix = meta.suffix;
+
+        } else {
+
+            var curData = [];
+
+            for ( var i = 1, len = data[ 0 ].length; i < len; i++ ) {
+
+                curData.push( [ data[ 0 ][ i ], data[ 1 ][ i ] | 0 ] );
+
+            }
+
+            //饼图
+            series[ 0 ] = {
+                type: 'pie',
+                name: meta.tip,
+                data: curData
+            };
+
+            result.series = series;
+            result.title = meta.title;
+            result.suffix = meta.suffix;
+
+        }
+
+        return result;
+
+    }
+
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_parse/insertcode.js b/nezha-fronted/static/ueditor-1.4.3.3/_parse/insertcode.js
new file mode 100644
index 000000000..e34b9bc55
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_parse/insertcode.js
@@ -0,0 +1,42 @@
+UE.parse.register('insertcode',function(utils){
+    var pres = this.root.getElementsByTagName('pre');
+    if(pres.length){
+        if(typeof XRegExp == "undefined"){
+            var jsurl,cssurl;
+            if(this.rootPath !== undefined){
+                jsurl = utils.removeLastbs(this.rootPath)  + '/third-party/SyntaxHighlighter/shCore.js';
+                cssurl = utils.removeLastbs(this.rootPath) + '/third-party/SyntaxHighlighter/shCoreDefault.css';
+            }else{
+                jsurl = this.highlightJsUrl;
+                cssurl = this.highlightCssUrl;
+            }
+            utils.loadFile(document,{
+                id : "syntaxhighlighter_css",
+                tag : "link",
+                rel : "stylesheet",
+                type : "text/css",
+                href : cssurl
+            });
+            utils.loadFile(document,{
+                id : "syntaxhighlighter_js",
+                src : jsurl,
+                tag : "script",
+                type : "text/javascript",
+                defer : "defer"
+            },function(){
+                utils.each(pres,function(pi){
+                    if(pi && /brush/i.test(pi.className)){
+                        SyntaxHighlighter.highlight(pi);
+                    }
+                });
+            });
+        }else{
+            utils.each(pres,function(pi){
+                if(pi && /brush/i.test(pi.className)){
+                    SyntaxHighlighter.highlight(pi);
+                }
+            });
+        }
+    }
+
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_parse/list.js b/nezha-fronted/static/ueditor-1.4.3.3/_parse/list.js
new file mode 100644
index 000000000..f28b2c221
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_parse/list.js
@@ -0,0 +1,94 @@
+UE.parse.register('list',function(utils){
+    var customCss = [],
+        customStyle = {
+            'cn'    :   'cn-1-',
+            'cn1'   :   'cn-2-',
+            'cn2'   :   'cn-3-',
+            'num'   :   'num-1-',
+            'num1'  :   'num-2-',
+            'num2'  :   'num-3-',
+            'dash'  :   'dash',
+            'dot'   :   'dot'
+        };
+
+
+    utils.extend(this,{
+        liiconpath : 'http://bs.baidu.com/listicon/',
+        listDefaultPaddingLeft : '20'
+    });
+
+    var root = this.root,
+        ols = root.getElementsByTagName('ol'),
+        uls = root.getElementsByTagName('ul'),
+        selector = this.selector;
+
+    if(ols.length){
+        applyStyle.call(this,ols);
+    }
+
+    if(uls.length){
+        applyStyle.call(this,uls);
+    }
+
+    if(ols.length || uls.length){
+        customCss.push(selector +' .list-paddingleft-1{padding-left:0}');
+        customCss.push(selector +' .list-paddingleft-2{padding-left:'+ this.listDefaultPaddingLeft+'px}');
+        customCss.push(selector +' .list-paddingleft-3{padding-left:'+ this.listDefaultPaddingLeft*2+'px}');
+
+        utils.cssRule('list', selector +' ol,'+selector +' ul{margin:0;padding:0;}li{clear:both;}'+customCss.join('\n'), document);
+    }
+    function applyStyle(nodes){
+        var T = this;
+        utils.each(nodes,function(list){
+            if(list.className && /custom_/i.test(list.className)){
+                var listStyle = list.className.match(/custom_(\w+)/)[1];
+                if(listStyle == 'dash' || listStyle == 'dot'){
+                    utils.pushItem(customCss,selector +' li.list-' + customStyle[listStyle] + '{background-image:url(' + T.liiconpath +customStyle[listStyle]+'.gif)}');
+                    utils.pushItem(customCss,selector +' ul.custom_'+listStyle+'{list-style:none;} '+ selector +' ul.custom_'+listStyle+' li{background-position:0 3px;background-repeat:no-repeat}');
+
+                }else{
+                    var index = 1;
+                    utils.each(list.childNodes,function(li){
+                        if(li.tagName == 'LI'){
+                            utils.pushItem(customCss,selector + ' li.list-' + customStyle[listStyle] + index + '{background-image:url(' + T.liiconpath  + 'list-'+customStyle[listStyle] +index + '.gif)}');
+                            index++;
+                        }
+                    });
+                    utils.pushItem(customCss,selector + ' ol.custom_'+listStyle+'{list-style:none;}'+selector+' ol.custom_'+listStyle+' li{background-position:0 3px;background-repeat:no-repeat}');
+                }
+                switch(listStyle){
+                    case 'cn':
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-1{padding-left:25px}');
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-2{padding-left:40px}');
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-3{padding-left:55px}');
+                        break;
+                    case 'cn1':
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-1{padding-left:30px}');
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-2{padding-left:40px}');
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-3{padding-left:55px}');
+                        break;
+                    case 'cn2':
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-1{padding-left:40px}');
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-2{padding-left:55px}');
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-3{padding-left:68px}');
+                        break;
+                    case 'num':
+                    case 'num1':
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-1{padding-left:25px}');
+                        break;
+                    case 'num2':
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-1{padding-left:35px}');
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft-2{padding-left:40px}');
+                        break;
+                    case 'dash':
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft{padding-left:35px}');
+                        break;
+                    case 'dot':
+                        utils.pushItem(customCss,selector + ' li.list-'+listStyle+'-paddingleft{padding-left:20px}');
+                }
+            }
+        });
+    }
+
+
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_parse/parse.js b/nezha-fronted/static/ueditor-1.4.3.3/_parse/parse.js
new file mode 100644
index 000000000..fe1275507
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_parse/parse.js
@@ -0,0 +1,327 @@
+(function(){
+    UE = window.UE || {};
+    var isIE = !!window.ActiveXObject;
+    //定义utils工具
+    var utils = {
+            removeLastbs : function(url){
+                return url.replace(/\/$/,'')
+            },
+            extend : function(t,s){
+                var a = arguments,
+                    notCover = this.isBoolean(a[a.length - 1]) ? a[a.length - 1] : false,
+                    len = this.isBoolean(a[a.length - 1]) ? a.length - 1 : a.length;
+                for (var i = 1; i < len; i++) {
+                    var x = a[i];
+                    for (var k in x) {
+                        if (!notCover || !t.hasOwnProperty(k)) {
+                            t[k] = x[k];
+                        }
+                    }
+                }
+                return t;
+            },
+            isIE : isIE,
+            cssRule : isIE ? function(key,style,doc){
+                var indexList,index;
+                doc = doc || document;
+                if(doc.indexList){
+                    indexList = doc.indexList;
+                }else{
+                    indexList = doc.indexList =  {};
+                }
+                var sheetStyle;
+                if(!indexList[key]){
+                    if(style === undefined){
+                        return ''
+                    }
+                    sheetStyle = doc.createStyleSheet('',index = doc.styleSheets.length);
+                    indexList[key] = index;
+                }else{
+                    sheetStyle = doc.styleSheets[indexList[key]];
+                }
+                if(style === undefined){
+                    return sheetStyle.cssText
+                }
+                sheetStyle.cssText = sheetStyle.cssText + '\n' + (style || '')
+            } : function(key,style,doc){
+                doc = doc || document;
+                var head = doc.getElementsByTagName('head')[0],node;
+                if(!(node = doc.getElementById(key))){
+                    if(style === undefined){
+                        return ''
+                    }
+                    node = doc.createElement('style');
+                    node.id = key;
+                    head.appendChild(node)
+                }
+                if(style === undefined){
+                    return node.innerHTML
+                }
+                if(style !== ''){
+                    node.innerHTML = node.innerHTML + '\n' + style;
+                }else{
+                    head.removeChild(node)
+                }
+            },
+            domReady : function (onready) {
+                var doc = window.document;
+                if (doc.readyState === "complete") {
+                    onready();
+                }else{
+                    if (isIE) {
+                        (function () {
+                            if (doc.isReady) return;
+                            try {
+                                doc.documentElement.doScroll("left");
+                            } catch (error) {
+                                setTimeout(arguments.callee, 0);
+                                return;
+                            }
+                            onready();
+                        })();
+                        window.attachEvent('onload', function(){
+                            onready()
+                        });
+                    } else {
+                        doc.addEventListener("DOMContentLoaded", function () {
+                            doc.removeEventListener("DOMContentLoaded", arguments.callee, false);
+                            onready();
+                        }, false);
+                        window.addEventListener('load', function(){onready()}, false);
+                    }
+                }
+
+            },
+            each : function(obj, iterator, context) {
+                if (obj == null) return;
+                if (obj.length === +obj.length) {
+                    for (var i = 0, l = obj.length; i < l; i++) {
+                        if(iterator.call(context, obj[i], i, obj) === false)
+                            return false;
+                    }
+                } else {
+                    for (var key in obj) {
+                        if (obj.hasOwnProperty(key)) {
+                            if(iterator.call(context, obj[key], key, obj) === false)
+                                return false;
+                        }
+                    }
+                }
+            },
+            inArray : function(arr,item){
+                var index = -1;
+                this.each(arr,function(v,i){
+                    if(v === item){
+                        index = i;
+                        return false;
+                    }
+                });
+                return index;
+            },
+            pushItem : function(arr,item){
+                if(this.inArray(arr,item)==-1){
+                    arr.push(item)
+                }
+            },
+            trim: function (str) {
+                return str.replace(/(^[ \t\n\r]+)|([ \t\n\r]+$)/g, '');
+            },
+            indexOf: function (array, item, start) {
+                var index = -1;
+                start = this.isNumber(start) ? start : 0;
+                this.each(array, function (v, i) {
+                    if (i >= start && v === item) {
+                        index = i;
+                        return false;
+                    }
+                });
+                return index;
+            },
+            hasClass: function (element, className) {
+                className = className.replace(/(^[ ]+)|([ ]+$)/g, '').replace(/[ ]{2,}/g, ' ').split(' ');
+                for (var i = 0, ci, cls = element.className; ci = className[i++];) {
+                    if (!new RegExp('\\b' + ci + '\\b', 'i').test(cls)) {
+                        return false;
+                    }
+                }
+                return i - 1 == className.length;
+            },
+            addClass:function (elm, classNames) {
+                if(!elm)return;
+                classNames = this.trim(classNames).replace(/[ ]{2,}/g,' ').split(' ');
+                for(var i = 0,ci,cls = elm.className;ci=classNames[i++];){
+                    if(!new RegExp('\\b' + ci + '\\b').test(cls)){
+                        cls += ' ' + ci;
+                    }
+                }
+                elm.className = utils.trim(cls);
+            },
+            removeClass:function (elm, classNames) {
+                classNames = this.isArray(classNames) ? classNames :
+                    this.trim(classNames).replace(/[ ]{2,}/g,' ').split(' ');
+                for(var i = 0,ci,cls = elm.className;ci=classNames[i++];){
+                    cls = cls.replace(new RegExp('\\b' + ci + '\\b'),'')
+                }
+                cls = this.trim(cls).replace(/[ ]{2,}/g,' ');
+                elm.className = cls;
+                !cls && elm.removeAttribute('className');
+            },
+            on: function (element, type, handler) {
+                var types = this.isArray(type) ? type : type.split(/\s+/),
+                    k = types.length;
+                if (k) while (k--) {
+                    type = types[k];
+                    if (element.addEventListener) {
+                        element.addEventListener(type, handler, false);
+                    } else {
+                        if (!handler._d) {
+                            handler._d = {
+                                els : []
+                            };
+                        }
+                        var key = type + handler.toString(),index = utils.indexOf(handler._d.els,element);
+                        if (!handler._d[key] || index == -1) {
+                            if(index == -1){
+                                handler._d.els.push(element);
+                            }
+                            if(!handler._d[key]){
+                                handler._d[key] = function (evt) {
+                                    return handler.call(evt.srcElement, evt || window.event);
+                                };
+                            }
+
+
+                            element.attachEvent('on' + type, handler._d[key]);
+                        }
+                    }
+                }
+                element = null;
+            },
+            off: function (element, type, handler) {
+                var types = this.isArray(type) ? type : type.split(/\s+/),
+                    k = types.length;
+                if (k) while (k--) {
+                    type = types[k];
+                    if (element.removeEventListener) {
+                        element.removeEventListener(type, handler, false);
+                    } else {
+                        var key = type + handler.toString();
+                        try{
+                            element.detachEvent('on' + type, handler._d ? handler._d[key] : handler);
+                        }catch(e){}
+                        if (handler._d && handler._d[key]) {
+                            var index = utils.indexOf(handler._d.els,element);
+                            if(index!=-1){
+                                handler._d.els.splice(index,1);
+                            }
+                            handler._d.els.length == 0 && delete handler._d[key];
+                        }
+                    }
+                }
+            },
+            loadFile : function () {
+                var tmpList = [];
+                function getItem(doc,obj){
+                    try{
+                        for(var i= 0,ci;ci=tmpList[i++];){
+                            if(ci.doc === doc && ci.url == (obj.src || obj.href)){
+                                return ci;
+                            }
+                        }
+                    }catch(e){
+                        return null;
+                    }
+
+                }
+                return function (doc, obj, fn) {
+                    var item = getItem(doc,obj);
+                    if (item) {
+                        if(item.ready){
+                            fn && fn();
+                        }else{
+                            item.funs.push(fn)
+                        }
+                        return;
+                    }
+                    tmpList.push({
+                        doc:doc,
+                        url:obj.src||obj.href,
+                        funs:[fn]
+                    });
+                    if (!doc.body) {
+                        var html = [];
+                        for(var p in obj){
+                            if(p == 'tag')continue;
+                            html.push(p + '="' + obj[p] + '"')
+                        }
+                        doc.write('<' + obj.tag + ' ' + html.join(' ') + ' ></'+obj.tag+'>');
+                        return;
+                    }
+                    if (obj.id && doc.getElementById(obj.id)) {
+                        return;
+                    }
+                    var element = doc.createElement(obj.tag);
+                    delete obj.tag;
+                    for (var p in obj) {
+                        element.setAttribute(p, obj[p]);
+                    }
+                    element.onload = element.onreadystatechange = function () {
+                        if (!this.readyState || /loaded|complete/.test(this.readyState)) {
+                            item = getItem(doc,obj);
+                            if (item.funs.length > 0) {
+                                item.ready = 1;
+                                for (var fi; fi = item.funs.pop();) {
+                                    fi();
+                                }
+                            }
+                            element.onload = element.onreadystatechange = null;
+                        }
+                    };
+                    element.onerror = function(){
+                        throw Error('The load '+(obj.href||obj.src)+' fails,check the url')
+                    };
+                    doc.getElementsByTagName("head")[0].appendChild(element);
+                }
+            }()
+    };
+    utils.each(['String', 'Function', 'Array', 'Number', 'RegExp', 'Object','Boolean'], function (v) {
+        utils['is' + v] = function (obj) {
+            return Object.prototype.toString.apply(obj) == '[object ' + v + ']';
+        }
+    });
+    var parselist = {};
+    UE.parse = {
+        register : function(parseName,fn){
+            parselist[parseName] = fn;
+        },
+        load : function(opt){
+            utils.each(parselist,function(v){
+                v.call(opt,utils);
+            })
+        }
+    };
+    uParse = function(selector,opt){
+        utils.domReady(function(){
+            var contents;
+            if(document.querySelectorAll){
+                contents = document.querySelectorAll(selector)
+            }else{
+                if(/^#/.test(selector)){
+                    contents = [document.getElementById(selector.replace(/^#/,''))]
+                }else if(/^\./.test(selector)){
+                    var contents = [];
+                    utils.each(document.getElementsByTagName('*'),function(node){
+                        if(node.className && new RegExp('\\b' + selector.replace(/^\./,'') + '\\b','i').test(node.className)){
+                            contents.push(node)
+                        }
+                    })
+                }else{
+                    contents = document.getElementsByTagName(selector)
+                }
+            }
+            utils.each(contents,function(v){
+                UE.parse.load(utils.extend({root:v,selector:selector},opt))
+            })
+        })
+    }
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_parse/table.js b/nezha-fronted/static/ueditor-1.4.3.3/_parse/table.js
new file mode 100644
index 000000000..3e24f313d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_parse/table.js
@@ -0,0 +1,161 @@
+UE.parse.register('table', function (utils) {
+    var me = this,
+        root = this.root,
+        tables = root.getElementsByTagName('table');
+    if (tables.length) {
+        var selector = this.selector;
+        //追加默认的表格样式
+        utils.cssRule('table',
+            selector + ' table.noBorderTable td,' +
+                selector + ' table.noBorderTable th,' +
+                selector + ' table.noBorderTable caption{border:1px dashed #ddd !important}' +
+                selector + ' table.sortEnabled tr.firstRow th,' + selector + ' table.sortEnabled tr.firstRow td{padding-right:20px; background-repeat: no-repeat;' +
+                    'background-position: center right; background-image:url(' + this.rootPath + 'themes/default/images/sortable.png);}' +
+                selector + ' table.sortEnabled tr.firstRow th:hover,' + selector + ' table.sortEnabled tr.firstRow td:hover{background-color: #EEE;}' +
+                selector + ' table{margin-bottom:10px;border-collapse:collapse;display:table;}' +
+                selector + ' td,' + selector + ' th{ background:white; padding: 5px 10px;border: 1px solid #DDD;}' +
+                selector + ' caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}' +
+                selector + ' th{border-top:1px solid #BBB;background:#F7F7F7;}' +
+                selector + ' table tr.firstRow th{border-top:2px solid #BBB;background:#F7F7F7;}' +
+                selector + ' tr.ue-table-interlace-color-single td{ background: #fcfcfc; }' +
+                selector + ' tr.ue-table-interlace-color-double td{ background: #f7faff; }' +
+                selector + ' td p{margin:0;padding:0;}',
+            document);
+        //填充空的单元格
+
+        utils.each('td th caption'.split(' '), function (tag) {
+            var cells = root.getElementsByTagName(tag);
+            cells.length && utils.each(cells, function (node) {
+                if (!node.firstChild) {
+                    node.innerHTML = '&nbsp;';
+
+                }
+            })
+        });
+
+        //表格可排序
+        var tables = root.getElementsByTagName('table');
+        utils.each(tables, function (table) {
+            if (/\bsortEnabled\b/.test(table.className)) {
+                utils.on(table, 'click', function(e){
+                    var target = e.target || e.srcElement,
+                        cell = findParentByTagName(target, ['td', 'th']);
+                    var table = findParentByTagName(target, 'table'),
+                        colIndex = utils.indexOf(table.rows[0].cells, cell),
+                        sortType = table.getAttribute('data-sort-type');
+                    if(colIndex != -1) {
+                        sortTable(table, colIndex, me.tableSortCompareFn || sortType);
+                        updateTable(table);
+                    }
+                });
+            }
+        });
+
+        //按照标签名查找父节点
+        function findParentByTagName(target, tagNames) {
+            var i, current = target;
+            tagNames = utils.isArray(tagNames) ? tagNames:[tagNames];
+            while(current){
+                for(i = 0;i < tagNames.length; i++) {
+                    if(current.tagName == tagNames[i].toUpperCase()) return current;
+                }
+                current = current.parentNode;
+            }
+            return null;
+        }
+        //表格排序
+        function sortTable(table, sortByCellIndex, compareFn) {
+            var rows = table.rows,
+                trArray = [],
+                flag = rows[0].cells[0].tagName === "TH",
+                lastRowIndex = 0;
+
+            for (var i = 0,len = rows.length; i < len; i++) {
+                trArray[i] = rows[i];
+            }
+
+            var Fn = {
+                'reversecurrent': function(td1,td2){
+                    return 1;
+                },
+                'orderbyasc': function(td1,td2){
+                    var value1 = td1.innerText||td1.textContent,
+                        value2 = td2.innerText||td2.textContent;
+                    return value1.localeCompare(value2);
+                },
+                'reversebyasc': function(td1,td2){
+                    var value1 = td1.innerHTML,
+                        value2 = td2.innerHTML;
+                    return value2.localeCompare(value1);
+                },
+                'orderbynum': function(td1,td2){
+                    var value1 = td1[utils.isIE ? 'innerText':'textContent'].match(/\d+/),
+                        value2 = td2[utils.isIE ? 'innerText':'textContent'].match(/\d+/);
+                    if(value1) value1 = +value1[0];
+                    if(value2) value2 = +value2[0];
+                    return (value1||0) - (value2||0);
+                },
+                'reversebynum': function(td1,td2){
+                    var value1 = td1[utils.isIE ? 'innerText':'textContent'].match(/\d+/),
+                        value2 = td2[utils.isIE ? 'innerText':'textContent'].match(/\d+/);
+                    if(value1) value1 = +value1[0];
+                    if(value2) value2 = +value2[0];
+                    return (value2||0) - (value1||0);
+                }
+            };
+
+            //对表格设置排序的标记data-sort-type
+            table.setAttribute('data-sort-type', compareFn && typeof compareFn === "string" && Fn[compareFn] ? compareFn:'');
+
+            //th不参与排序
+            flag && trArray.splice(0, 1);
+            trArray = sort(trArray,function (tr1, tr2) {
+                var result;
+                if (compareFn && typeof compareFn === "function") {
+                    result = compareFn.call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex]);
+                } else if (compareFn && typeof compareFn === "number") {
+                    result = 1;
+                } else if (compareFn && typeof compareFn === "string" && Fn[compareFn]) {
+                    result = Fn[compareFn].call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex]);
+                } else {
+                    result = Fn['orderbyasc'].call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex]);
+                }
+                return result;
+            });
+            var fragment = table.ownerDocument.createDocumentFragment();
+            for (var j = 0, len = trArray.length; j < len; j++) {
+                fragment.appendChild(trArray[j]);
+            }
+            var tbody = table.getElementsByTagName("tbody")[0];
+            if(!lastRowIndex){
+                tbody.appendChild(fragment);
+            }else{
+                tbody.insertBefore(fragment,rows[lastRowIndex- range.endRowIndex + range.beginRowIndex - 1])
+            }
+        }
+        //冒泡排序
+        function sort(array, compareFn){
+            compareFn = compareFn || function(item1, item2){ return item1.localeCompare(item2);};
+            for(var i= 0,len = array.length; i<len; i++){
+                for(var j = i,length = array.length; j<length; j++){
+                    if(compareFn(array[i], array[j]) > 0){
+                        var t = array[i];
+                        array[i] = array[j];
+                        array[j] = t;
+                    }
+                }
+            }
+            return array;
+        }
+        //更新表格
+        function updateTable(table) {
+            //给第一行设置firstRow的样式名称,在排序图标的样式上使用到
+            if(!utils.hasClass(table.rows[0], "firstRow")) {
+                for(var i = 1; i< table.rows.length; i++) {
+                    utils.removeClass(table.rows[i], "firstRow");
+                }
+                utils.addClass(table.rows[0], "firstRow");
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_parse/video.js b/nezha-fronted/static/ueditor-1.4.3.3/_parse/video.js
new file mode 100644
index 000000000..da8ff80eb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_parse/video.js
@@ -0,0 +1,34 @@
+UE.parse.register('vedio',function(utils){
+    var video = this.root.getElementsByTagName('video'),
+        audio = this.root.getElementsByTagName('audio');
+
+    document.createElement('video');document.createElement('audio');
+    if(video.length || audio.length){
+        var sourcePath = utils.removeLastbs(this.rootPath),
+            jsurl = sourcePath + '/third-party/video-js/video.js',
+            cssurl = sourcePath + '/third-party/video-js/video-js.min.css',
+            swfUrl = sourcePath + '/third-party/video-js/video-js.swf';
+
+        if(window.videojs) {
+            videojs.autoSetup();
+        } else {
+            utils.loadFile(document,{
+                id : "video_css",
+                tag : "link",
+                rel : "stylesheet",
+                type : "text/css",
+                href : cssurl
+            });
+            utils.loadFile(document,{
+                id : "video_js",
+                src : jsurl,
+                tag : "script",
+                type : "text/javascript"
+            },function(){
+                videojs.options.flash.swf = swfUrl;
+                videojs.autoSetup();
+            });
+        }
+
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/autosave.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/autosave.js
new file mode 100644
index 000000000..1923aa874
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/autosave.js
@@ -0,0 +1,18 @@
+UE.registerUI('autosave', function(editor) {
+    var timer = null,uid = null;
+    editor.on('afterautosave',function(){
+        clearTimeout(timer);
+
+        timer = setTimeout(function(){
+            if(uid){
+                editor.trigger('hidemessage',uid);
+            }
+            uid = editor.trigger('showmessage',{
+                content : editor.getLang('autosave.success'),
+                timeout : 2000
+            });
+
+        },2000)
+    })
+
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/editor.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/editor.js
new file mode 100644
index 000000000..f0dfb77ef
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/editor.js
@@ -0,0 +1,858 @@
+///import core
+///commands 全屏
+///commandsName FullScreen
+///commandsTitle  全屏
+(function () {
+    var utils = baidu.editor.utils,
+        uiUtils = baidu.editor.ui.uiUtils,
+        UIBase = baidu.editor.ui.UIBase,
+        domUtils = baidu.editor.dom.domUtils;
+    var nodeStack = [];
+
+    function EditorUI(options) {
+        this.initOptions(options);
+        this.initEditorUI();
+    }
+
+    EditorUI.prototype = {
+        uiName:'editor',
+        initEditorUI:function () {
+            this.editor.ui = this;
+            this._dialogs = {};
+            this.initUIBase();
+            this._initToolbars();
+            var editor = this.editor,
+                me = this;
+
+            editor.addListener('ready', function () {
+                //提供getDialog方法
+                editor.getDialog = function (name) {
+                    return editor.ui._dialogs[name + "Dialog"];
+                };
+                domUtils.on(editor.window, 'scroll', function (evt) {
+                    baidu.editor.ui.Popup.postHide(evt);
+                });
+                //提供编辑器实时宽高(全屏时宽高不变化)
+                editor.ui._actualFrameWidth = editor.options.initialFrameWidth;
+
+                UE.browser.ie && UE.browser.version === 6 && editor.container.ownerDocument.execCommand("BackgroundImageCache", false, true);
+
+                //display bottom-bar label based on config
+                if (editor.options.elementPathEnabled) {
+                    editor.ui.getDom('elementpath').innerHTML = '<div class="edui-editor-breadcrumb">' + editor.getLang("elementPathTip") + ':</div>';
+                }
+                if (editor.options.wordCount) {
+                    function countFn() {
+                        setCount(editor,me);
+                        domUtils.un(editor.document, "click", arguments.callee);
+                    }
+                    domUtils.on(editor.document, "click", countFn);
+                    editor.ui.getDom('wordcount').innerHTML = editor.getLang("wordCountTip");
+                }
+                editor.ui._scale();
+                if (editor.options.scaleEnabled) {
+                    if (editor.autoHeightEnabled) {
+                        editor.disableAutoHeight();
+                    }
+                    me.enableScale();
+                } else {
+                    me.disableScale();
+                }
+                if (!editor.options.elementPathEnabled && !editor.options.wordCount && !editor.options.scaleEnabled) {
+                    editor.ui.getDom('elementpath').style.display = "none";
+                    editor.ui.getDom('wordcount').style.display = "none";
+                    editor.ui.getDom('scale').style.display = "none";
+                }
+
+                if (!editor.selection.isFocus())return;
+                editor.fireEvent('selectionchange', false, true);
+
+
+            });
+
+            editor.addListener('mousedown', function (t, evt) {
+                var el = evt.target || evt.srcElement;
+                baidu.editor.ui.Popup.postHide(evt, el);
+                baidu.editor.ui.ShortCutMenu.postHide(evt);
+
+            });
+            editor.addListener("delcells", function () {
+                if (UE.ui['edittip']) {
+                    new UE.ui['edittip'](editor);
+                }
+                editor.getDialog('edittip').open();
+            });
+
+            var pastePop, isPaste = false, timer;
+            editor.addListener("afterpaste", function () {
+                if(editor.queryCommandState('pasteplain'))
+                    return;
+                if(baidu.editor.ui.PastePicker){
+                    pastePop = new baidu.editor.ui.Popup({
+                        content:new baidu.editor.ui.PastePicker({editor:editor}),
+                        editor:editor,
+                        className:'edui-wordpastepop'
+                    });
+                    pastePop.render();
+                }
+                isPaste = true;
+            });
+
+            editor.addListener("afterinserthtml", function () {
+                clearTimeout(timer);
+                timer = setTimeout(function () {
+                    if (pastePop && (isPaste || editor.ui._isTransfer)) {
+                        if(pastePop.isHidden()){
+                            var span = domUtils.createElement(editor.document, 'span', {
+                                    'style':"line-height:0px;",
+                                    'innerHTML':'\ufeff'
+                                }),
+                                range = editor.selection.getRange();
+                            range.insertNode(span);
+                            var tmp= getDomNode(span, 'firstChild', 'previousSibling');
+                            tmp && pastePop.showAnchor(tmp.nodeType == 3 ? tmp.parentNode : tmp);
+                            domUtils.remove(span);
+                        }else{
+                            pastePop.show();
+                        }
+                        delete editor.ui._isTransfer;
+                        isPaste = false;
+                    }
+                }, 200)
+            });
+            editor.addListener('contextmenu', function (t, evt) {
+                baidu.editor.ui.Popup.postHide(evt);
+            });
+            editor.addListener('keydown', function (t, evt) {
+                if (pastePop)    pastePop.dispose(evt);
+                var keyCode = evt.keyCode || evt.which;
+                if(evt.altKey&&keyCode==90){
+                    UE.ui.buttons['fullscreen'].onclick();
+                }
+            });
+            editor.addListener('wordcount', function (type) {
+                setCount(this,me);
+            });
+            function setCount(editor,ui) {
+                editor.setOpt({
+                    wordCount:true,
+                    maximumWords:10000,
+                    wordCountMsg:editor.options.wordCountMsg || editor.getLang("wordCountMsg"),
+                    wordOverFlowMsg:editor.options.wordOverFlowMsg || editor.getLang("wordOverFlowMsg")
+                });
+                var opt = editor.options,
+                    max = opt.maximumWords,
+                    msg = opt.wordCountMsg ,
+                    errMsg = opt.wordOverFlowMsg,
+                    countDom = ui.getDom('wordcount');
+                if (!opt.wordCount) {
+                    return;
+                }
+                var count = editor.getContentLength(true);
+                if (count > max) {
+                    countDom.innerHTML = errMsg;
+                    editor.fireEvent("wordcountoverflow");
+                } else {
+                    countDom.innerHTML = msg.replace("{#leave}", max - count).replace("{#count}", count);
+                }
+            }
+
+            editor.addListener('selectionchange', function () {
+                if (editor.options.elementPathEnabled) {
+                    me[(editor.queryCommandState('elementpath') == -1 ? 'dis' : 'en') + 'ableElementPath']()
+                }
+                if (editor.options.scaleEnabled) {
+                    me[(editor.queryCommandState('scale') == -1 ? 'dis' : 'en') + 'ableScale']();
+
+                }
+            });
+            var popup = new baidu.editor.ui.Popup({
+                editor:editor,
+                content:'',
+                className:'edui-bubble',
+                _onEditButtonClick:function () {
+                    this.hide();
+                    editor.ui._dialogs.linkDialog.open();
+                },
+                _onImgEditButtonClick:function (name) {
+                    this.hide();
+                    editor.ui._dialogs[name] && editor.ui._dialogs[name].open();
+
+                },
+                _onImgSetFloat:function (value) {
+                    this.hide();
+                    editor.execCommand("imagefloat", value);
+
+                },
+                _setIframeAlign:function (value) {
+                    var frame = popup.anchorEl;
+                    var newFrame = frame.cloneNode(true);
+                    switch (value) {
+                        case -2:
+                            newFrame.setAttribute("align", "");
+                            break;
+                        case -1:
+                            newFrame.setAttribute("align", "left");
+                            break;
+                        case 1:
+                            newFrame.setAttribute("align", "right");
+                            break;
+                    }
+                    frame.parentNode.insertBefore(newFrame, frame);
+                    domUtils.remove(frame);
+                    popup.anchorEl = newFrame;
+                    popup.showAnchor(popup.anchorEl);
+                },
+                _updateIframe:function () {
+                    var frame = editor._iframe = popup.anchorEl;
+                    if(domUtils.hasClass(frame, 'ueditor_baidumap')) {
+                        editor.selection.getRange().selectNode(frame).select();
+                        editor.ui._dialogs.mapDialog.open();
+                        popup.hide();
+                    } else {
+                        editor.ui._dialogs.insertframeDialog.open();
+                        popup.hide();
+                    }
+                },
+                _onRemoveButtonClick:function (cmdName) {
+                    editor.execCommand(cmdName);
+                    this.hide();
+                },
+                queryAutoHide:function (el) {
+                    if (el && el.ownerDocument == editor.document) {
+                        if (el.tagName.toLowerCase() == 'img' || domUtils.findParentByTagName(el, 'a', true)) {
+                            return el !== popup.anchorEl;
+                        }
+                    }
+                    return baidu.editor.ui.Popup.prototype.queryAutoHide.call(this, el);
+                }
+            });
+            popup.render();
+            if (editor.options.imagePopup) {
+                editor.addListener('mouseover', function (t, evt) {
+                    evt = evt || window.event;
+                    var el = evt.target || evt.srcElement;
+                    if (editor.ui._dialogs.insertframeDialog && /iframe/ig.test(el.tagName)) {
+                        var html = popup.formatHtml(
+                            '<nobr>' + editor.getLang("property") + ': <span onclick=$$._setIframeAlign(-2) class="edui-clickable">' + editor.getLang("default") + '</span>&nbsp;&nbsp;<span onclick=$$._setIframeAlign(-1) class="edui-clickable">' + editor.getLang("justifyleft") + '</span>&nbsp;&nbsp;<span onclick=$$._setIframeAlign(1) class="edui-clickable">' + editor.getLang("justifyright") + '</span>&nbsp;&nbsp;' +
+                                ' <span onclick="$$._updateIframe( this);" class="edui-clickable">' + editor.getLang("modify") + '</span></nobr>');
+                        if (html) {
+                            popup.getDom('content').innerHTML = html;
+                            popup.anchorEl = el;
+                            popup.showAnchor(popup.anchorEl);
+                        } else {
+                            popup.hide();
+                        }
+                    }
+                });
+                editor.addListener('selectionchange', function (t, causeByUi) {
+                    if (!causeByUi) return;
+                    var html = '', str = "",
+                        img = editor.selection.getRange().getClosedNode(),
+                        dialogs = editor.ui._dialogs;
+                    if (img && img.tagName == 'IMG') {
+                        var dialogName = 'insertimageDialog';
+                        if (img.className.indexOf("edui-faked-video") != -1 || img.className.indexOf("edui-upload-video") != -1) {
+                            dialogName = "insertvideoDialog"
+                        }
+                        if (img.className.indexOf("edui-faked-webapp") != -1) {
+                            dialogName = "webappDialog"
+                        }
+                        if (img.src.indexOf("http://api.map.baidu.com") != -1) {
+                            dialogName = "mapDialog"
+                        }
+                        if (img.className.indexOf("edui-faked-music") != -1) {
+                            dialogName = "musicDialog"
+                        }
+                        if (img.src.indexOf("http://maps.google.com/maps/api/staticmap") != -1) {
+                            dialogName = "gmapDialog"
+                        }
+                        if (img.getAttribute("anchorname")) {
+                            dialogName = "anchorDialog";
+                            html = popup.formatHtml(
+                                '<nobr>' + editor.getLang("property") + ': <span onclick=$$._onImgEditButtonClick("anchorDialog") class="edui-clickable">' + editor.getLang("modify") + '</span>&nbsp;&nbsp;' +
+                                    '<span onclick=$$._onRemoveButtonClick(\'anchor\') class="edui-clickable">' + editor.getLang("delete") + '</span></nobr>');
+                        }
+                        if (img.getAttribute("word_img")) {
+                            //todo 放到dialog去做查询
+                            editor.word_img = [img.getAttribute("word_img")];
+                            dialogName = "wordimageDialog"
+                        }
+                        if(domUtils.hasClass(img, 'loadingclass') || domUtils.hasClass(img, 'loaderrorclass')) {
+                            dialogName = "";
+                        }
+                        if (!dialogs[dialogName]) {
+                            return;
+                        }
+                        str = '<nobr>' + editor.getLang("property") + ': '+
+                            '<span onclick=$$._onImgSetFloat("none") class="edui-clickable">' + editor.getLang("default") + '</span>&nbsp;&nbsp;' +
+                            '<span onclick=$$._onImgSetFloat("left") class="edui-clickable">' + editor.getLang("justifyleft") + '</span>&nbsp;&nbsp;' +
+                            '<span onclick=$$._onImgSetFloat("right") class="edui-clickable">' + editor.getLang("justifyright") + '</span>&nbsp;&nbsp;' +
+                            '<span onclick=$$._onImgSetFloat("center") class="edui-clickable">' + editor.getLang("justifycenter") + '</span>&nbsp;&nbsp;'+
+                            '<span onclick="$$._onImgEditButtonClick(\'' + dialogName + '\');" class="edui-clickable">' + editor.getLang("modify") + '</span></nobr>';
+
+                        !html && (html = popup.formatHtml(str))
+
+                    }
+                    if (editor.ui._dialogs.linkDialog) {
+                        var link = editor.queryCommandValue('link');
+                        var url;
+                        if (link && (url = (link.getAttribute('_href') || link.getAttribute('href', 2)))) {
+                            var txt = url;
+                            if (url.length > 30) {
+                                txt = url.substring(0, 20) + "...";
+                            }
+                            if (html) {
+                                html += '<div style="height:5px;"></div>'
+                            }
+                            html += popup.formatHtml(
+                                '<nobr>' + editor.getLang("anthorMsg") + ': <a target="_blank" href="' + url + '" title="' + url + '" >' + txt + '</a>' +
+                                    ' <span class="edui-clickable" onclick="$$._onEditButtonClick();">' + editor.getLang("modify") + '</span>' +
+                                    ' <span class="edui-clickable" onclick="$$._onRemoveButtonClick(\'unlink\');"> ' + editor.getLang("clear") + '</span></nobr>');
+                            popup.showAnchor(link);
+                        }
+                    }
+
+                    if (html) {
+                        popup.getDom('content').innerHTML = html;
+                        popup.anchorEl = img || link;
+                        popup.showAnchor(popup.anchorEl);
+                    } else {
+                        popup.hide();
+                    }
+                });
+            }
+
+        },
+        _initToolbars:function () {
+            var editor = this.editor;
+            var toolbars = this.toolbars || [];
+            var toolbarUis = [];
+            for (var i = 0; i < toolbars.length; i++) {
+                var toolbar = toolbars[i];
+                var toolbarUi = new baidu.editor.ui.Toolbar({theme:editor.options.theme});
+                for (var j = 0; j < toolbar.length; j++) {
+                    var toolbarItem = toolbar[j];
+                    var toolbarItemUi = null;
+                    if (typeof toolbarItem == 'string') {
+                        toolbarItem = toolbarItem.toLowerCase();
+                        if (toolbarItem == '|') {
+                            toolbarItem = 'Separator';
+                        }
+                        if(toolbarItem == '||'){
+                            toolbarItem = 'Breakline';
+                        }
+                        if (baidu.editor.ui[toolbarItem]) {
+                            toolbarItemUi = new baidu.editor.ui[toolbarItem](editor);
+                        }
+
+                        //fullscreen这里单独处理一下，放到首行去
+                        if (toolbarItem == 'fullscreen') {
+                            if (toolbarUis && toolbarUis[0]) {
+                                toolbarUis[0].items.splice(0, 0, toolbarItemUi);
+                            } else {
+                                toolbarItemUi && toolbarUi.items.splice(0, 0, toolbarItemUi);
+                            }
+
+                            continue;
+
+
+                        }
+                    } else {
+                        toolbarItemUi = toolbarItem;
+                    }
+                    if (toolbarItemUi && toolbarItemUi.id) {
+
+                        toolbarUi.add(toolbarItemUi);
+                    }
+                }
+                toolbarUis[i] = toolbarUi;
+            }
+
+            //接受外部定制的UI
+
+            utils.each(UE._customizeUI,function(obj,key){
+                var itemUI,index;
+                if(obj.id && obj.id != editor.key){
+                   return false;
+                }
+                itemUI = obj.execFn.call(editor,editor,key);
+                if(itemUI){
+                    index = obj.index;
+                    if(index === undefined){
+                        index = toolbarUi.items.length;
+                    }
+                    toolbarUi.add(itemUI,index)
+                }
+            });
+
+            this.toolbars = toolbarUis;
+        },
+        getHtmlTpl:function () {
+            return '<div id="##" class="%%">' +
+                '<div id="##_toolbarbox" class="%%-toolbarbox">' +
+                (this.toolbars.length ?
+                    '<div id="##_toolbarboxouter" class="%%-toolbarboxouter"><div class="%%-toolbarboxinner">' +
+                        this.renderToolbarBoxHtml() +
+                        '</div></div>' : '') +
+                '<div id="##_toolbarmsg" class="%%-toolbarmsg" style="display:none;">' +
+                '<div id = "##_upload_dialog" class="%%-toolbarmsg-upload" onclick="$$.showWordImageDialog();">' + this.editor.getLang("clickToUpload") + '</div>' +
+                '<div class="%%-toolbarmsg-close" onclick="$$.hideToolbarMsg();">x</div>' +
+                '<div id="##_toolbarmsg_label" class="%%-toolbarmsg-label"></div>' +
+                '<div style="height:0;overflow:hidden;clear:both;"></div>' +
+                '</div>' +
+                '<div id="##_message_holder" class="%%-messageholder"></div>' +
+                '</div>' +
+                '<div id="##_iframeholder" class="%%-iframeholder">' +
+                '</div>' +
+                //modify wdcount by matao
+                '<div id="##_bottombar" class="%%-bottomContainer"><table><tr>' +
+                '<td id="##_elementpath" class="%%-bottombar"></td>' +
+                '<td id="##_wordcount" class="%%-wordcount"></td>' +
+                '<td id="##_scale" class="%%-scale"><div class="%%-icon"></div></td>' +
+                '</tr></table></div>' +
+                '<div id="##_scalelayer"></div>' +
+                '</div>';
+        },
+        showWordImageDialog:function () {
+            this._dialogs['wordimageDialog'].open();
+        },
+        renderToolbarBoxHtml:function () {
+            var buff = [];
+            for (var i = 0; i < this.toolbars.length; i++) {
+                buff.push(this.toolbars[i].renderHtml());
+            }
+            return buff.join('');
+        },
+        setFullScreen:function (fullscreen) {
+
+            var editor = this.editor,
+                container = editor.container.parentNode.parentNode;
+            if (this._fullscreen != fullscreen) {
+                this._fullscreen = fullscreen;
+                this.editor.fireEvent('beforefullscreenchange', fullscreen);
+                if (baidu.editor.browser.gecko) {
+                    var bk = editor.selection.getRange().createBookmark();
+                }
+                if (fullscreen) {
+                    while (container.tagName != "BODY") {
+                        var position = baidu.editor.dom.domUtils.getComputedStyle(container, "position");
+                        nodeStack.push(position);
+                        container.style.position = "static";
+                        container = container.parentNode;
+                    }
+                    this._bakHtmlOverflow = document.documentElement.style.overflow;
+                    this._bakBodyOverflow = document.body.style.overflow;
+                    this._bakAutoHeight = this.editor.autoHeightEnabled;
+                    this._bakScrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
+
+                    this._bakEditorContaninerWidth = editor.iframe.parentNode.offsetWidth;
+                    if (this._bakAutoHeight) {
+                        //当全屏时不能执行自动长高
+                        editor.autoHeightEnabled = false;
+                        this.editor.disableAutoHeight();
+                    }
+
+                    document.documentElement.style.overflow = 'hidden';
+                    //修复，滚动条不收起的问题
+
+                    window.scrollTo(0,window.scrollY);
+                    this._bakCssText = this.getDom().style.cssText;
+                    this._bakCssText1 = this.getDom('iframeholder').style.cssText;
+                    editor.iframe.parentNode.style.width = '';
+                    this._updateFullScreen();
+                } else {
+                    while (container.tagName != "BODY") {
+                        container.style.position = nodeStack.shift();
+                        container = container.parentNode;
+                    }
+                    this.getDom().style.cssText = this._bakCssText;
+                    this.getDom('iframeholder').style.cssText = this._bakCssText1;
+                    if (this._bakAutoHeight) {
+                        editor.autoHeightEnabled = true;
+                        this.editor.enableAutoHeight();
+                    }
+
+                    document.documentElement.style.overflow = this._bakHtmlOverflow;
+                    document.body.style.overflow = this._bakBodyOverflow;
+                    editor.iframe.parentNode.style.width = this._bakEditorContaninerWidth + 'px';
+                    window.scrollTo(0, this._bakScrollTop);
+                }
+                if (browser.gecko && editor.body.contentEditable === 'true') {
+                    var input = document.createElement('input');
+                    document.body.appendChild(input);
+                    editor.body.contentEditable = false;
+                    setTimeout(function () {
+                        input.focus();
+                        setTimeout(function () {
+                            editor.body.contentEditable = true;
+                            editor.fireEvent('fullscreenchanged', fullscreen);
+                            editor.selection.getRange().moveToBookmark(bk).select(true);
+                            baidu.editor.dom.domUtils.remove(input);
+                            fullscreen && window.scroll(0, 0);
+                        }, 0)
+                    }, 0)
+                }
+
+                if(editor.body.contentEditable === 'true'){
+                    this.editor.fireEvent('fullscreenchanged', fullscreen);
+                    this.triggerLayout();
+                }
+
+            }
+        },
+        _updateFullScreen:function () {
+            if (this._fullscreen) {
+                var vpRect = uiUtils.getViewportRect();
+                this.getDom().style.cssText = 'border:0;position:absolute;left:0;top:' + (this.editor.options.topOffset || 0) + 'px;width:' + vpRect.width + 'px;height:' + vpRect.height + 'px;z-index:' + (this.getDom().style.zIndex * 1 + 100);
+                uiUtils.setViewportOffset(this.getDom(), { left:0, top:this.editor.options.topOffset || 0 });
+                this.editor.setHeight(vpRect.height - this.getDom('toolbarbox').offsetHeight - this.getDom('bottombar').offsetHeight - (this.editor.options.topOffset || 0),true);
+                //不手动调一下，会导致全屏失效
+                if(browser.gecko){
+                    try{
+                        window.onresize();
+                    }catch(e){
+
+                    }
+
+                }
+            }
+        },
+        _updateElementPath:function () {
+            var bottom = this.getDom('elementpath'), list;
+            if (this.elementPathEnabled && (list = this.editor.queryCommandValue('elementpath'))) {
+
+                var buff = [];
+                for (var i = 0, ci; ci = list[i]; i++) {
+                    buff[i] = this.formatHtml('<span unselectable="on" onclick="$$.editor.execCommand(&quot;elementpath&quot;, &quot;' + i + '&quot;);">' + ci + '</span>');
+                }
+                bottom.innerHTML = '<div class="edui-editor-breadcrumb" onmousedown="return false;">' + this.editor.getLang("elementPathTip") + ': ' + buff.join(' &gt; ') + '</div>';
+
+            } else {
+                bottom.style.display = 'none'
+            }
+        },
+        disableElementPath:function () {
+            var bottom = this.getDom('elementpath');
+            bottom.innerHTML = '';
+            bottom.style.display = 'none';
+            this.elementPathEnabled = false;
+
+        },
+        enableElementPath:function () {
+            var bottom = this.getDom('elementpath');
+            bottom.style.display = '';
+            this.elementPathEnabled = true;
+            this._updateElementPath();
+        },
+        _scale:function () {
+            var doc = document,
+                editor = this.editor,
+                editorHolder = editor.container,
+                editorDocument = editor.document,
+                toolbarBox = this.getDom("toolbarbox"),
+                bottombar = this.getDom("bottombar"),
+                scale = this.getDom("scale"),
+                scalelayer = this.getDom("scalelayer");
+
+            var isMouseMove = false,
+                position = null,
+                minEditorHeight = 0,
+                minEditorWidth = editor.options.minFrameWidth,
+                pageX = 0,
+                pageY = 0,
+                scaleWidth = 0,
+                scaleHeight = 0;
+
+            function down() {
+                position = domUtils.getXY(editorHolder);
+
+                if (!minEditorHeight) {
+                    minEditorHeight = editor.options.minFrameHeight + toolbarBox.offsetHeight + bottombar.offsetHeight;
+                }
+
+                scalelayer.style.cssText = "position:absolute;left:0;display:;top:0;background-color:#41ABFF;opacity:0.4;filter: Alpha(opacity=40);width:" + editorHolder.offsetWidth + "px;height:"
+                    + editorHolder.offsetHeight + "px;z-index:" + (editor.options.zIndex + 1);
+
+                domUtils.on(doc, "mousemove", move);
+                domUtils.on(editorDocument, "mouseup", up);
+                domUtils.on(doc, "mouseup", up);
+            }
+
+            var me = this;
+            //by xuheng 全屏时关掉缩放
+            this.editor.addListener('fullscreenchanged', function (e, fullScreen) {
+                if (fullScreen) {
+                    me.disableScale();
+
+                } else {
+                    if (me.editor.options.scaleEnabled) {
+                        me.enableScale();
+                        var tmpNode = me.editor.document.createElement('span');
+                        me.editor.body.appendChild(tmpNode);
+                        me.editor.body.style.height = Math.max(domUtils.getXY(tmpNode).y, me.editor.iframe.offsetHeight - 20) + 'px';
+                        domUtils.remove(tmpNode)
+                    }
+                }
+            });
+            function move(event) {
+                clearSelection();
+                var e = event || window.event;
+                pageX = e.pageX || (doc.documentElement.scrollLeft + e.clientX);
+                pageY = e.pageY || (doc.documentElement.scrollTop + e.clientY);
+                scaleWidth = pageX - position.x;
+                scaleHeight = pageY - position.y;
+
+                if (scaleWidth >= minEditorWidth) {
+                    isMouseMove = true;
+                    scalelayer.style.width = scaleWidth + 'px';
+                }
+                if (scaleHeight >= minEditorHeight) {
+                    isMouseMove = true;
+                    scalelayer.style.height = scaleHeight + "px";
+                }
+            }
+
+            function up() {
+                if (isMouseMove) {
+                    isMouseMove = false;
+                    editor.ui._actualFrameWidth = scalelayer.offsetWidth - 2;
+                    editorHolder.style.width = editor.ui._actualFrameWidth + 'px';
+
+                    editor.setHeight(scalelayer.offsetHeight - bottombar.offsetHeight - toolbarBox.offsetHeight - 2,true);
+                }
+                if (scalelayer) {
+                    scalelayer.style.display = "none";
+                }
+                clearSelection();
+                domUtils.un(doc, "mousemove", move);
+                domUtils.un(editorDocument, "mouseup", up);
+                domUtils.un(doc, "mouseup", up);
+            }
+
+            function clearSelection() {
+                if (browser.ie)
+                    doc.selection.clear();
+                else
+                    window.getSelection().removeAllRanges();
+            }
+
+            this.enableScale = function () {
+                //trace:2868
+                if (editor.queryCommandState("source") == 1)    return;
+                scale.style.display = "";
+                this.scaleEnabled = true;
+                domUtils.on(scale, "mousedown", down);
+            };
+            this.disableScale = function () {
+                scale.style.display = "none";
+                this.scaleEnabled = false;
+                domUtils.un(scale, "mousedown", down);
+            };
+        },
+        isFullScreen:function () {
+            return this._fullscreen;
+        },
+        postRender:function () {
+            UIBase.prototype.postRender.call(this);
+            for (var i = 0; i < this.toolbars.length; i++) {
+                this.toolbars[i].postRender();
+            }
+            var me = this;
+            var timerId,
+                domUtils = baidu.editor.dom.domUtils,
+                updateFullScreenTime = function () {
+                    clearTimeout(timerId);
+                    timerId = setTimeout(function () {
+                        me._updateFullScreen();
+                    });
+                };
+            domUtils.on(window, 'resize', updateFullScreenTime);
+
+            me.addListener('destroy', function () {
+                domUtils.un(window, 'resize', updateFullScreenTime);
+                clearTimeout(timerId);
+            })
+        },
+        showToolbarMsg:function (msg, flag) {
+            this.getDom('toolbarmsg_label').innerHTML = msg;
+            this.getDom('toolbarmsg').style.display = '';
+            //
+            if (!flag) {
+                var w = this.getDom('upload_dialog');
+                w.style.display = 'none';
+            }
+        },
+        hideToolbarMsg:function () {
+            this.getDom('toolbarmsg').style.display = 'none';
+        },
+        mapUrl:function (url) {
+            return url ? url.replace('~/', this.editor.options.UEDITOR_HOME_URL || '') : ''
+        },
+        triggerLayout:function () {
+            var dom = this.getDom();
+            if (dom.style.zoom == '1') {
+                dom.style.zoom = '100%';
+            } else {
+                dom.style.zoom = '1';
+            }
+        }
+    };
+    utils.inherits(EditorUI, baidu.editor.ui.UIBase);
+
+
+    var instances = {};
+
+
+    UE.ui.Editor = function (options) {
+        var editor = new UE.Editor(options);
+        editor.options.editor = editor;
+        utils.loadFile(document, {
+            href:editor.options.themePath + editor.options.theme + "/_css/ueditor.css",
+            tag:"link",
+            type:"text/css",
+            rel:"stylesheet"
+        });
+
+        var oldRender = editor.render;
+        editor.render = function (holder) {
+            if (holder.constructor === String) {
+                editor.key = holder;
+                instances[holder] = editor;
+            }
+            utils.domReady(function () {
+                editor.langIsReady ? renderUI() : editor.addListener("langReady", renderUI);
+                function renderUI() {
+                    editor.setOpt({
+                        labelMap:editor.options.labelMap || editor.getLang('labelMap')
+                    });
+                    new EditorUI(editor.options);
+                    if (holder) {
+                        if (holder.constructor === String) {
+                            holder = document.getElementById(holder);
+                        }
+                        holder && holder.getAttribute('name') && ( editor.options.textarea = holder.getAttribute('name'));
+                        if (holder && /script|textarea/ig.test(holder.tagName)) {
+                            var newDiv = document.createElement('div');
+                            holder.parentNode.insertBefore(newDiv, holder);
+                            var cont = holder.value || holder.innerHTML;
+                            editor.options.initialContent = /^[\t\r\n ]*$/.test(cont) ? editor.options.initialContent :
+                                cont.replace(/>[\n\r\t]+([ ]{4})+/g, '>')
+                                    .replace(/[\n\r\t]+([ ]{4})+</g, '<')
+                                    .replace(/>[\n\r\t]+</g, '><');
+                            holder.className && (newDiv.className = holder.className);
+                            holder.style.cssText && (newDiv.style.cssText = holder.style.cssText);
+                            if (/textarea/i.test(holder.tagName)) {
+                                editor.textarea = holder;
+                                editor.textarea.style.display = 'none';
+
+
+                            } else {
+                                holder.parentNode.removeChild(holder);
+
+
+                            }
+                            if(holder.id){
+                                newDiv.id = holder.id;
+                                domUtils.removeAttributes(holder,'id');
+                            }
+                            holder = newDiv;
+                            holder.innerHTML = '';
+                        }
+
+                    }
+                    domUtils.addClass(holder, "edui-" + editor.options.theme);
+                    editor.ui.render(holder);
+                    var opt = editor.options;
+                    //给实例添加一个编辑器的容器引用
+                    editor.container = editor.ui.getDom();
+                    var parents = domUtils.findParents(holder,true);
+                    var displays = [];
+                    for(var i = 0 ,ci;ci=parents[i];i++){
+                        displays[i] = ci.style.display;
+                        ci.style.display = 'block'
+                    }
+                    if (opt.initialFrameWidth) {
+                        opt.minFrameWidth = opt.initialFrameWidth;
+                    } else {
+                        opt.minFrameWidth = opt.initialFrameWidth = holder.offsetWidth;
+                        var styleWidth = holder.style.width;
+                        if(/%$/.test(styleWidth)) {
+                            opt.initialFrameWidth = styleWidth;
+                        }
+                    }
+                    if (opt.initialFrameHeight) {
+                        opt.minFrameHeight = opt.initialFrameHeight;
+                    } else {
+                        opt.initialFrameHeight = opt.minFrameHeight = holder.offsetHeight;
+                    }
+                    for(var i = 0 ,ci;ci=parents[i];i++){
+                        ci.style.display =  displays[i]
+                    }
+                    //编辑器最外容器设置了高度，会导致，编辑器不占位
+                    //todo 先去掉，没有找到原因
+                    if(holder.style.height){
+                        holder.style.height = ''
+                    }
+                    editor.container.style.width = opt.initialFrameWidth + (/%$/.test(opt.initialFrameWidth) ? '' : 'px');
+                    editor.container.style.zIndex = opt.zIndex;
+                    oldRender.call(editor, editor.ui.getDom('iframeholder'));
+                    editor.fireEvent("afteruiready");
+                }
+            })
+        };
+        return editor;
+    };
+
+
+    /**
+     * @file
+     * @name UE
+     * @short UE
+     * @desc UEditor的顶部命名空间
+     */
+    /**
+     * @name getEditor
+     * @since 1.2.4+
+     * @grammar UE.getEditor(id,[opt])  =>  Editor实例
+     * @desc 提供一个全局的方法得到编辑器实例
+     *
+     * * ''id''  放置编辑器的容器id, 如果容器下的编辑器已经存在，就直接返回
+     * * ''opt'' 编辑器的可选参数
+     * @example
+     *  UE.getEditor('containerId',{onready:function(){//创建一个编辑器实例
+     *      this.setContent('hello')
+     *  }});
+     *  UE.getEditor('containerId'); //返回刚创建的实例
+     *
+     */
+    UE.getEditor = function (id, opt) {
+        var editor = instances[id];
+        if (!editor) {
+            editor = instances[id] = new UE.ui.Editor(opt);
+            editor.render(id);
+        }
+        return editor;
+    };
+
+
+    UE.delEditor = function (id) {
+        var editor;
+        if (editor = instances[id]) {
+            editor.key && editor.destroy();
+            delete instances[id]
+        }
+    };
+
+    UE.registerUI = function(uiName,fn,index,editorId){
+        utils.each(uiName.split(/\s+/), function (name) {
+            UE._customizeUI[name] = {
+                id : editorId,
+                execFn:fn,
+                index:index
+            };
+        })
+
+    }
+
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/editorui.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/editorui.js
new file mode 100644
index 000000000..965b8b40d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/editorui.js
@@ -0,0 +1,854 @@
+//ui跟编辑器的适配層
+//那个按钮弹出是dialog，是下拉筐等都是在这个js中配置
+//自己写的ui也要在这里配置，放到baidu.editor.ui下边，当编辑器实例化的时候会根据ueditor.config中的toolbars找到相应的进行实例化
+(function () {
+    var utils = baidu.editor.utils;
+    var editorui = baidu.editor.ui;
+    var _Dialog = editorui.Dialog;
+    editorui.buttons = {};
+
+    editorui.Dialog = function (options) {
+        var dialog = new _Dialog(options);
+        dialog.addListener('hide', function () {
+
+            if (dialog.editor) {
+                var editor = dialog.editor;
+                try {
+                    if (browser.gecko) {
+                        var y = editor.window.scrollY,
+                            x = editor.window.scrollX;
+                        editor.body.focus();
+                        editor.window.scrollTo(x, y);
+                    } else {
+                        editor.focus();
+                    }
+
+
+                } catch (ex) {
+                }
+            }
+        });
+        return dialog;
+    };
+
+    var iframeUrlMap = {
+        'anchor':'~/dialogs/anchor/anchor.html',
+        'insertimage':'~/dialogs/image/image.html',
+        'link':'~/dialogs/link/link.html',
+        'spechars':'~/dialogs/spechars/spechars.html',
+        'searchreplace':'~/dialogs/searchreplace/searchreplace.html',
+        'map':'~/dialogs/map/map.html',
+        'gmap':'~/dialogs/gmap/gmap.html',
+        'insertvideo':'~/dialogs/video/video.html',
+        'help':'~/dialogs/help/help.html',
+        'preview':'~/dialogs/preview/preview.html',
+        'emotion':'~/dialogs/emotion/emotion.html',
+        'wordimage':'~/dialogs/wordimage/wordimage.html',
+        'attachment':'~/dialogs/attachment/attachment.html',
+        'insertframe':'~/dialogs/insertframe/insertframe.html',
+        'edittip':'~/dialogs/table/edittip.html',
+        'edittable':'~/dialogs/table/edittable.html',
+        'edittd':'~/dialogs/table/edittd.html',
+        'webapp':'~/dialogs/webapp/webapp.html',
+        'snapscreen':'~/dialogs/snapscreen/snapscreen.html',
+        'scrawl':'~/dialogs/scrawl/scrawl.html',
+        'music':'~/dialogs/music/music.html',
+        'template':'~/dialogs/template/template.html',
+        'background':'~/dialogs/background/background.html',
+        'charts': '~/dialogs/charts/charts.html'
+    };
+    //为工具栏添加按钮，以下都是统一的按钮触发命令，所以写在一起
+    var btnCmds = ['undo', 'redo', 'formatmatch',
+        'bold', 'italic', 'underline', 'fontborder', 'touppercase', 'tolowercase',
+        'strikethrough', 'subscript', 'superscript', 'source', 'indent', 'outdent',
+        'blockquote', 'pasteplain', 'pagebreak',
+        'selectall', 'print','horizontal', 'removeformat', 'time', 'date', 'unlink',
+        'insertparagraphbeforetable', 'insertrow', 'insertcol', 'mergeright', 'mergedown', 'deleterow',
+        'deletecol', 'splittorows', 'splittocols', 'splittocells', 'mergecells', 'deletetable', 'drafts'];
+
+    for (var i = 0, ci; ci = btnCmds[i++];) {
+        ci = ci.toLowerCase();
+        editorui[ci] = function (cmd) {
+            return function (editor) {
+                var ui = new editorui.Button({
+                    className:'edui-for-' + cmd,
+                    title:editor.options.labelMap[cmd] || editor.getLang("labelMap." + cmd) || '',
+                    onclick:function () {
+                        editor.execCommand(cmd);
+                    },
+                    theme:editor.options.theme,
+                    showText:false
+                });
+                editorui.buttons[cmd] = ui;
+                editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
+                    var state = editor.queryCommandState(cmd);
+                    if (state == -1) {
+                        ui.setDisabled(true);
+                        ui.setChecked(false);
+                    } else {
+                        if (!uiReady) {
+                            ui.setDisabled(false);
+                            ui.setChecked(state);
+                        }
+                    }
+                });
+                return ui;
+            };
+        }(ci);
+    }
+
+    //清除文档
+    editorui.cleardoc = function (editor) {
+        var ui = new editorui.Button({
+            className:'edui-for-cleardoc',
+            title:editor.options.labelMap.cleardoc || editor.getLang("labelMap.cleardoc") || '',
+            theme:editor.options.theme,
+            onclick:function () {
+                if (confirm(editor.getLang("confirmClear"))) {
+                    editor.execCommand('cleardoc');
+                }
+            }
+        });
+        editorui.buttons["cleardoc"] = ui;
+        editor.addListener('selectionchange', function () {
+            ui.setDisabled(editor.queryCommandState('cleardoc') == -1);
+        });
+        return ui;
+    };
+
+    //排版，图片排版，文字方向
+    var typeset = {
+        'justify':['left', 'right', 'center', 'justify'],
+        'imagefloat':['none', 'left', 'center', 'right'],
+        'directionality':['ltr', 'rtl']
+    };
+
+    for (var p in typeset) {
+
+        (function (cmd, val) {
+            for (var i = 0, ci; ci = val[i++];) {
+                (function (cmd2) {
+                    editorui[cmd.replace('float', '') + cmd2] = function (editor) {
+                        var ui = new editorui.Button({
+                            className:'edui-for-' + cmd.replace('float', '') + cmd2,
+                            title:editor.options.labelMap[cmd.replace('float', '') + cmd2] || editor.getLang("labelMap." + cmd.replace('float', '') + cmd2) || '',
+                            theme:editor.options.theme,
+                            onclick:function () {
+                                editor.execCommand(cmd, cmd2);
+                            }
+                        });
+                        editorui.buttons[cmd] = ui;
+                        editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
+                            ui.setDisabled(editor.queryCommandState(cmd) == -1);
+                            ui.setChecked(editor.queryCommandValue(cmd) == cmd2 && !uiReady);
+                        });
+                        return ui;
+                    };
+                })(ci)
+            }
+        })(p, typeset[p])
+    }
+
+    //字体颜色和背景颜色
+    for (var i = 0, ci; ci = ['backcolor', 'forecolor'][i++];) {
+        editorui[ci] = function (cmd) {
+            return function (editor) {
+                var ui = new editorui.ColorButton({
+                    className:'edui-for-' + cmd,
+                    color:'default',
+                    title:editor.options.labelMap[cmd] || editor.getLang("labelMap." + cmd) || '',
+                    editor:editor,
+                    onpickcolor:function (t, color) {
+                        editor.execCommand(cmd, color);
+                    },
+                    onpicknocolor:function () {
+                        editor.execCommand(cmd, 'default');
+                        this.setColor('transparent');
+                        this.color = 'default';
+                    },
+                    onbuttonclick:function () {
+                        editor.execCommand(cmd, this.color);
+                    }
+                });
+                editorui.buttons[cmd] = ui;
+                editor.addListener('selectionchange', function () {
+                    ui.setDisabled(editor.queryCommandState(cmd) == -1);
+                });
+                return ui;
+            };
+        }(ci);
+    }
+
+
+    var dialogBtns = {
+        noOk:['searchreplace', 'help', 'spechars', 'webapp','preview'],
+        ok:['attachment', 'anchor', 'link', 'insertimage', 'map', 'gmap', 'insertframe', 'wordimage',
+            'insertvideo', 'insertframe', 'edittip', 'edittable', 'edittd', 'scrawl', 'template', 'music', 'background', 'charts']
+    };
+
+    for (var p in dialogBtns) {
+        (function (type, vals) {
+            for (var i = 0, ci; ci = vals[i++];) {
+                //todo opera下存在问题
+                if (browser.opera && ci === "searchreplace") {
+                    continue;
+                }
+                (function (cmd) {
+                    editorui[cmd] = function (editor, iframeUrl, title) {
+                        iframeUrl = iframeUrl || (editor.options.iframeUrlMap || {})[cmd] || iframeUrlMap[cmd];
+                        title = editor.options.labelMap[cmd] || editor.getLang("labelMap." + cmd) || '';
+
+                        var dialog;
+                        //没有iframeUrl不创建dialog
+                        if (iframeUrl) {
+                            dialog = new editorui.Dialog(utils.extend({
+                                iframeUrl:editor.ui.mapUrl(iframeUrl),
+                                editor:editor,
+                                className:'edui-for-' + cmd,
+                                title:title,
+                                holdScroll: cmd === 'insertimage',
+                                fullscreen: /charts|preview/.test(cmd),
+                                closeDialog:editor.getLang("closeDialog")
+                            }, type == 'ok' ? {
+                                buttons:[
+                                    {
+                                        className:'edui-okbutton',
+                                        label:editor.getLang("ok"),
+                                        editor:editor,
+                                        onclick:function () {
+                                            dialog.close(true);
+                                        }
+                                    },
+                                    {
+                                        className:'edui-cancelbutton',
+                                        label:editor.getLang("cancel"),
+                                        editor:editor,
+                                        onclick:function () {
+                                            dialog.close(false);
+                                        }
+                                    }
+                                ]
+                            } : {}));
+
+                            editor.ui._dialogs[cmd + "Dialog"] = dialog;
+                        }
+
+                        var ui = new editorui.Button({
+                            className:'edui-for-' + cmd,
+                            title:title,
+                            onclick:function () {
+                                if (dialog) {
+                                    switch (cmd) {
+                                        case "wordimage":
+                                            var images = editor.execCommand("wordimage");
+                                            if (images && images.length) {
+                                                dialog.render();
+                                                dialog.open();
+                                            }
+                                            break;
+                                        case "scrawl":
+                                            if (editor.queryCommandState("scrawl") != -1) {
+                                                dialog.render();
+                                                dialog.open();
+                                            }
+
+                                            break;
+                                        default:
+                                            dialog.render();
+                                            dialog.open();
+                                    }
+                                }
+                            },
+                            theme:editor.options.theme,
+                            disabled:(cmd == 'scrawl' && editor.queryCommandState("scrawl") == -1) || ( cmd == 'charts' )
+                        });
+                        editorui.buttons[cmd] = ui;
+                        editor.addListener('selectionchange', function () {
+                            //只存在于右键菜单而无工具栏按钮的ui不需要检测状态
+                            var unNeedCheckState = {'edittable':1};
+                            if (cmd in unNeedCheckState)return;
+
+                            var state = editor.queryCommandState(cmd);
+                            if (ui.getDom()) {
+                                ui.setDisabled(state == -1);
+                                ui.setChecked(state);
+                            }
+
+                        });
+
+                        return ui;
+                    };
+                })(ci.toLowerCase())
+            }
+        })(p, dialogBtns[p]);
+    }
+
+    editorui.snapscreen = function (editor, iframeUrl, title) {
+        title = editor.options.labelMap['snapscreen'] || editor.getLang("labelMap.snapscreen") || '';
+        var ui = new editorui.Button({
+            className:'edui-for-snapscreen',
+            title:title,
+            onclick:function () {
+                editor.execCommand("snapscreen");
+            },
+            theme:editor.options.theme
+
+        });
+        editorui.buttons['snapscreen'] = ui;
+        iframeUrl = iframeUrl || (editor.options.iframeUrlMap || {})["snapscreen"] || iframeUrlMap["snapscreen"];
+        if (iframeUrl) {
+            var dialog = new editorui.Dialog({
+                iframeUrl:editor.ui.mapUrl(iframeUrl),
+                editor:editor,
+                className:'edui-for-snapscreen',
+                title:title,
+                buttons:[
+                    {
+                        className:'edui-okbutton',
+                        label:editor.getLang("ok"),
+                        editor:editor,
+                        onclick:function () {
+                            dialog.close(true);
+                        }
+                    },
+                    {
+                        className:'edui-cancelbutton',
+                        label:editor.getLang("cancel"),
+                        editor:editor,
+                        onclick:function () {
+                            dialog.close(false);
+                        }
+                    }
+                ]
+
+            });
+            dialog.render();
+            editor.ui._dialogs["snapscreenDialog"] = dialog;
+        }
+        editor.addListener('selectionchange', function () {
+            ui.setDisabled(editor.queryCommandState('snapscreen') == -1);
+        });
+        return ui;
+    };
+
+    editorui.insertcode = function (editor, list, title) {
+        list = editor.options['insertcode'] || [];
+        title = editor.options.labelMap['insertcode'] || editor.getLang("labelMap.insertcode") || '';
+       // if (!list.length) return;
+        var items = [];
+        utils.each(list,function(key,val){
+            items.push({
+                label:key,
+                value:val,
+                theme:editor.options.theme,
+                renderLabelHtml:function () {
+                    return '<div class="edui-label %%-label" >' + (this.label || '') + '</div>';
+                }
+            });
+        });
+
+        var ui = new editorui.Combox({
+            editor:editor,
+            items:items,
+            onselect:function (t, index) {
+                editor.execCommand('insertcode', this.items[index].value);
+            },
+            onbuttonclick:function () {
+                this.showPopup();
+            },
+            title:title,
+            initValue:title,
+            className:'edui-for-insertcode',
+            indexByValue:function (value) {
+                if (value) {
+                    for (var i = 0, ci; ci = this.items[i]; i++) {
+                        if (ci.value.indexOf(value) != -1)
+                            return i;
+                    }
+                }
+
+                return -1;
+            }
+        });
+        editorui.buttons['insertcode'] = ui;
+        editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
+            if (!uiReady) {
+                var state = editor.queryCommandState('insertcode');
+                if (state == -1) {
+                    ui.setDisabled(true);
+                } else {
+                    ui.setDisabled(false);
+                    var value = editor.queryCommandValue('insertcode');
+                    if(!value){
+                        ui.setValue(title);
+                        return;
+                    }
+                    //trace:1871 ie下从源码模式切换回来时，字体会带单引号，而且会有逗号
+                    value && (value = value.replace(/['"]/g, '').split(',')[0]);
+                    ui.setValue(value);
+
+                }
+            }
+
+        });
+        return ui;
+    };
+    editorui.fontfamily = function (editor, list, title) {
+
+        list = editor.options['fontfamily'] || [];
+        title = editor.options.labelMap['fontfamily'] || editor.getLang("labelMap.fontfamily") || '';
+        if (!list.length) return;
+        for (var i = 0, ci, items = []; ci = list[i]; i++) {
+            var langLabel = editor.getLang('fontfamily')[ci.name] || "";
+            (function (key, val) {
+                items.push({
+                    label:key,
+                    value:val,
+                    theme:editor.options.theme,
+                    renderLabelHtml:function () {
+                        return '<div class="edui-label %%-label" style="font-family:' +
+                            utils.unhtml(this.value) + '">' + (this.label || '') + '</div>';
+                    }
+                });
+            })(ci.label || langLabel, ci.val)
+        }
+        var ui = new editorui.Combox({
+            editor:editor,
+            items:items,
+            onselect:function (t, index) {
+                editor.execCommand('FontFamily', this.items[index].value);
+            },
+            onbuttonclick:function () {
+                this.showPopup();
+            },
+            title:title,
+            initValue:title,
+            className:'edui-for-fontfamily',
+            indexByValue:function (value) {
+                if (value) {
+                    for (var i = 0, ci; ci = this.items[i]; i++) {
+                        if (ci.value.indexOf(value) != -1)
+                            return i;
+                    }
+                }
+
+                return -1;
+            }
+        });
+        editorui.buttons['fontfamily'] = ui;
+        editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
+            if (!uiReady) {
+                var state = editor.queryCommandState('FontFamily');
+                if (state == -1) {
+                    ui.setDisabled(true);
+                } else {
+                    ui.setDisabled(false);
+                    var value = editor.queryCommandValue('FontFamily');
+                    //trace:1871 ie下从源码模式切换回来时，字体会带单引号，而且会有逗号
+                    value && (value = value.replace(/['"]/g, '').split(',')[0]);
+                    ui.setValue(value);
+
+                }
+            }
+
+        });
+        return ui;
+    };
+
+    editorui.fontsize = function (editor, list, title) {
+        title = editor.options.labelMap['fontsize'] || editor.getLang("labelMap.fontsize") || '';
+        list = list || editor.options['fontsize'] || [];
+        if (!list.length) return;
+        var items = [];
+        for (var i = 0; i < list.length; i++) {
+            var size = list[i] + 'px';
+            items.push({
+                label:size,
+                value:size,
+                theme:editor.options.theme,
+                renderLabelHtml:function () {
+                    return '<div class="edui-label %%-label" style="line-height:1;font-size:' +
+                        this.value + '">' + (this.label || '') + '</div>';
+                }
+            });
+        }
+        var ui = new editorui.Combox({
+            editor:editor,
+            items:items,
+            title:title,
+            initValue:title,
+            onselect:function (t, index) {
+                editor.execCommand('FontSize', this.items[index].value);
+            },
+            onbuttonclick:function () {
+                this.showPopup();
+            },
+            className:'edui-for-fontsize'
+        });
+        editorui.buttons['fontsize'] = ui;
+        editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
+            if (!uiReady) {
+                var state = editor.queryCommandState('FontSize');
+                if (state == -1) {
+                    ui.setDisabled(true);
+                } else {
+                    ui.setDisabled(false);
+                    ui.setValue(editor.queryCommandValue('FontSize'));
+                }
+            }
+
+        });
+        return ui;
+    };
+
+    editorui.paragraph = function (editor, list, title) {
+        title = editor.options.labelMap['paragraph'] || editor.getLang("labelMap.paragraph") || '';
+        list = editor.options['paragraph'] || [];
+        if (utils.isEmptyObject(list)) return;
+        var items = [];
+        for (var i in list) {
+            items.push({
+                value:i,
+                label:list[i] || editor.getLang("paragraph")[i],
+                theme:editor.options.theme,
+                renderLabelHtml:function () {
+                    return '<div class="edui-label %%-label"><span class="edui-for-' + this.value + '">' + (this.label || '') + '</span></div>';
+                }
+            })
+        }
+        var ui = new editorui.Combox({
+            editor:editor,
+            items:items,
+            title:title,
+            initValue:title,
+            className:'edui-for-paragraph',
+            onselect:function (t, index) {
+                editor.execCommand('Paragraph', this.items[index].value);
+            },
+            onbuttonclick:function () {
+                this.showPopup();
+            }
+        });
+        editorui.buttons['paragraph'] = ui;
+        editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
+            if (!uiReady) {
+                var state = editor.queryCommandState('Paragraph');
+                if (state == -1) {
+                    ui.setDisabled(true);
+                } else {
+                    ui.setDisabled(false);
+                    var value = editor.queryCommandValue('Paragraph');
+                    var index = ui.indexByValue(value);
+                    if (index != -1) {
+                        ui.setValue(value);
+                    } else {
+                        ui.setValue(ui.initValue);
+                    }
+                }
+            }
+
+        });
+        return ui;
+    };
+
+
+    //自定义标题
+    editorui.customstyle = function (editor) {
+        var list = editor.options['customstyle'] || [],
+            title = editor.options.labelMap['customstyle'] || editor.getLang("labelMap.customstyle") || '';
+        if (!list.length)return;
+        var langCs = editor.getLang('customstyle');
+        for (var i = 0, items = [], t; t = list[i++];) {
+            (function (t) {
+                var ck = {};
+                ck.label = t.label ? t.label : langCs[t.name];
+                ck.style = t.style;
+                ck.className = t.className;
+                ck.tag = t.tag;
+                items.push({
+                    label:ck.label,
+                    value:ck,
+                    theme:editor.options.theme,
+                    renderLabelHtml:function () {
+                        return '<div class="edui-label %%-label">' + '<' + ck.tag + ' ' + (ck.className ? ' class="' + ck.className + '"' : "")
+                            + (ck.style ? ' style="' + ck.style + '"' : "") + '>' + ck.label + "<\/" + ck.tag + ">"
+                            + '</div>';
+                    }
+                });
+            })(t);
+        }
+
+        var ui = new editorui.Combox({
+            editor:editor,
+            items:items,
+            title:title,
+            initValue:title,
+            className:'edui-for-customstyle',
+            onselect:function (t, index) {
+                editor.execCommand('customstyle', this.items[index].value);
+            },
+            onbuttonclick:function () {
+                this.showPopup();
+            },
+            indexByValue:function (value) {
+                for (var i = 0, ti; ti = this.items[i++];) {
+                    if (ti.label == value) {
+                        return i - 1
+                    }
+                }
+                return -1;
+            }
+        });
+        editorui.buttons['customstyle'] = ui;
+        editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
+            if (!uiReady) {
+                var state = editor.queryCommandState('customstyle');
+                if (state == -1) {
+                    ui.setDisabled(true);
+                } else {
+                    ui.setDisabled(false);
+                    var value = editor.queryCommandValue('customstyle');
+                    var index = ui.indexByValue(value);
+                    if (index != -1) {
+                        ui.setValue(value);
+                    } else {
+                        ui.setValue(ui.initValue);
+                    }
+                }
+            }
+
+        });
+        return ui;
+    };
+    editorui.inserttable = function (editor, iframeUrl, title) {
+        title = editor.options.labelMap['inserttable'] || editor.getLang("labelMap.inserttable") || '';
+        var ui = new editorui.TableButton({
+            editor:editor,
+            title:title,
+            className:'edui-for-inserttable',
+            onpicktable:function (t, numCols, numRows) {
+                editor.execCommand('InsertTable', {numRows:numRows, numCols:numCols, border:1});
+            },
+            onbuttonclick:function () {
+                this.showPopup();
+            }
+        });
+        editorui.buttons['inserttable'] = ui;
+        editor.addListener('selectionchange', function () {
+            ui.setDisabled(editor.queryCommandState('inserttable') == -1);
+        });
+        return ui;
+    };
+
+    editorui.lineheight = function (editor) {
+        var val = editor.options.lineheight || [];
+        if (!val.length)return;
+        for (var i = 0, ci, items = []; ci = val[i++];) {
+            items.push({
+                //todo:写死了
+                label:ci,
+                value:ci,
+                theme:editor.options.theme,
+                onclick:function () {
+                    editor.execCommand("lineheight", this.value);
+                }
+            })
+        }
+        var ui = new editorui.MenuButton({
+            editor:editor,
+            className:'edui-for-lineheight',
+            title:editor.options.labelMap['lineheight'] || editor.getLang("labelMap.lineheight") || '',
+            items:items,
+            onbuttonclick:function () {
+                var value = editor.queryCommandValue('LineHeight') || this.value;
+                editor.execCommand("LineHeight", value);
+            }
+        });
+        editorui.buttons['lineheight'] = ui;
+        editor.addListener('selectionchange', function () {
+            var state = editor.queryCommandState('LineHeight');
+            if (state == -1) {
+                ui.setDisabled(true);
+            } else {
+                ui.setDisabled(false);
+                var value = editor.queryCommandValue('LineHeight');
+                value && ui.setValue((value + '').replace(/cm/, ''));
+                ui.setChecked(state)
+            }
+        });
+        return ui;
+    };
+
+    var rowspacings = ['top', 'bottom'];
+    for (var r = 0, ri; ri = rowspacings[r++];) {
+        (function (cmd) {
+            editorui['rowspacing' + cmd] = function (editor) {
+                var val = editor.options['rowspacing' + cmd] || [];
+                if (!val.length) return null;
+                for (var i = 0, ci, items = []; ci = val[i++];) {
+                    items.push({
+                        label:ci,
+                        value:ci,
+                        theme:editor.options.theme,
+                        onclick:function () {
+                            editor.execCommand("rowspacing", this.value, cmd);
+                        }
+                    })
+                }
+                var ui = new editorui.MenuButton({
+                    editor:editor,
+                    className:'edui-for-rowspacing' + cmd,
+                    title:editor.options.labelMap['rowspacing' + cmd] || editor.getLang("labelMap.rowspacing" + cmd) || '',
+                    items:items,
+                    onbuttonclick:function () {
+                        var value = editor.queryCommandValue('rowspacing', cmd) || this.value;
+                        editor.execCommand("rowspacing", value, cmd);
+                    }
+                });
+                editorui.buttons[cmd] = ui;
+                editor.addListener('selectionchange', function () {
+                    var state = editor.queryCommandState('rowspacing', cmd);
+                    if (state == -1) {
+                        ui.setDisabled(true);
+                    } else {
+                        ui.setDisabled(false);
+                        var value = editor.queryCommandValue('rowspacing', cmd);
+                        value && ui.setValue((value + '').replace(/%/, ''));
+                        ui.setChecked(state)
+                    }
+                });
+                return ui;
+            }
+        })(ri)
+    }
+    //有序，无序列表
+    var lists = ['insertorderedlist', 'insertunorderedlist'];
+    for (var l = 0, cl; cl = lists[l++];) {
+        (function (cmd) {
+            editorui[cmd] = function (editor) {
+                var vals = editor.options[cmd],
+                    _onMenuClick = function () {
+                        editor.execCommand(cmd, this.value);
+                    }, items = [];
+                for (var i in vals) {
+                    items.push({
+                        label:vals[i] || editor.getLang()[cmd][i] || "",
+                        value:i,
+                        theme:editor.options.theme,
+                        onclick:_onMenuClick
+                    })
+                }
+                var ui = new editorui.MenuButton({
+                    editor:editor,
+                    className:'edui-for-' + cmd,
+                    title:editor.getLang("labelMap." + cmd) || '',
+                    'items':items,
+                    onbuttonclick:function () {
+                        var value = editor.queryCommandValue(cmd) || this.value;
+                        editor.execCommand(cmd, value);
+                    }
+                });
+                editorui.buttons[cmd] = ui;
+                editor.addListener('selectionchange', function () {
+                    var state = editor.queryCommandState(cmd);
+                    if (state == -1) {
+                        ui.setDisabled(true);
+                    } else {
+                        ui.setDisabled(false);
+                        var value = editor.queryCommandValue(cmd);
+                        ui.setValue(value);
+                        ui.setChecked(state)
+                    }
+                });
+                return ui;
+            };
+        })(cl)
+    }
+
+    editorui.fullscreen = function (editor, title) {
+        title = editor.options.labelMap['fullscreen'] || editor.getLang("labelMap.fullscreen") || '';
+        var ui = new editorui.Button({
+            className:'edui-for-fullscreen',
+            title:title,
+            theme:editor.options.theme,
+            onclick:function () {
+                if (editor.ui) {
+                    editor.ui.setFullScreen(!editor.ui.isFullScreen());
+                }
+                this.setChecked(editor.ui.isFullScreen());
+            }
+        });
+        editorui.buttons['fullscreen'] = ui;
+        editor.addListener('selectionchange', function () {
+            var state = editor.queryCommandState('fullscreen');
+            ui.setDisabled(state == -1);
+            ui.setChecked(editor.ui.isFullScreen());
+        });
+        return ui;
+    };
+
+    // 表情
+    editorui["emotion"] = function (editor, iframeUrl) {
+        var cmd = "emotion";
+        var ui = new editorui.MultiMenuPop({
+            title:editor.options.labelMap[cmd] || editor.getLang("labelMap." + cmd + "") || '',
+            editor:editor,
+            className:'edui-for-' + cmd,
+            iframeUrl:editor.ui.mapUrl(iframeUrl || (editor.options.iframeUrlMap || {})[cmd] || iframeUrlMap[cmd])
+        });
+        editorui.buttons[cmd] = ui;
+
+        editor.addListener('selectionchange', function () {
+            ui.setDisabled(editor.queryCommandState(cmd) == -1)
+        });
+        return ui;
+    };
+
+    editorui.autotypeset = function (editor) {
+        var ui = new editorui.AutoTypeSetButton({
+            editor:editor,
+            title:editor.options.labelMap['autotypeset'] || editor.getLang("labelMap.autotypeset") || '',
+            className:'edui-for-autotypeset',
+            onbuttonclick:function () {
+                editor.execCommand('autotypeset')
+            }
+        });
+        editorui.buttons['autotypeset'] = ui;
+        editor.addListener('selectionchange', function () {
+            ui.setDisabled(editor.queryCommandState('autotypeset') == -1);
+        });
+        return ui;
+    };
+
+    /* 简单上传插件 */
+    editorui["simpleupload"] = function (editor) {
+        var name = 'simpleupload',
+            ui = new editorui.Button({
+                className:'edui-for-' + name,
+                title:editor.options.labelMap[name] || editor.getLang("labelMap." + name) || '',
+                onclick:function () {},
+                theme:editor.options.theme,
+                showText:false
+            });
+        editorui.buttons[name] = ui;
+        editor.addListener('ready', function() {
+            var b = ui.getDom('body'),
+                iconSpan = b.children[0];
+            editor.fireEvent('simpleuploadbtnready', iconSpan);
+        });
+        editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
+            var state = editor.queryCommandState(name);
+            if (state == -1) {
+                ui.setDisabled(true);
+                ui.setChecked(false);
+            } else {
+                if (!uiReady) {
+                    ui.setDisabled(false);
+                    ui.setChecked(state);
+                }
+            }
+        });
+        return ui;
+    };
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/message.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/message.js
new file mode 100644
index 000000000..37c9193a3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/adapter/message.js
@@ -0,0 +1,58 @@
+UE.registerUI('message', function(editor) {
+
+    var editorui = baidu.editor.ui;
+    var Message = editorui.Message;
+    var holder;
+    var _messageItems = [];
+    var me = editor;
+
+    me.addListener('ready', function(){
+        holder = document.getElementById(me.ui.id + '_message_holder');
+        updateHolderPos();
+        setTimeout(function(){
+            updateHolderPos();
+        }, 500);
+    });
+
+    me.addListener('showmessage', function(type, opt){
+        opt = utils.isString(opt) ? {
+            'content': opt
+        } : opt;
+        var message = new Message({
+                'timeout': opt.timeout,
+                'type': opt.type,
+                'content': opt.content,
+                'keepshow': opt.keepshow,
+                'editor': me
+            }),
+            mid = opt.id || ('msg_' + (+new Date()).toString(36));
+        message.render(holder);
+        _messageItems[mid] = message;
+        message.reset(opt);
+        updateHolderPos();
+        return mid;
+    });
+
+    me.addListener('updatemessage',function(type, id, opt){
+        opt = utils.isString(opt) ? {
+            'content': opt
+        } : opt;
+        var message = _messageItems[id];
+        message.render(holder);
+        message && message.reset(opt);
+    });
+
+    me.addListener('hidemessage',function(type, id){
+        var message = _messageItems[id];
+        message && message.hide();
+    });
+
+    function updateHolderPos(){
+        var toolbarbox = me.ui.getDom('toolbarbox');
+        if (toolbarbox) {
+            holder.style.top = toolbarbox.offsetHeight + 3 + 'px';
+        }
+        holder.style.zIndex = Math.max(me.options.zIndex, me.iframe.style.zIndex) + 1;
+    }
+
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/api.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/api.js
new file mode 100644
index 000000000..bb206ca62
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/api.js
@@ -0,0 +1,62 @@
+/**
+ * 该文件定义了API文档所使用到的本地函数的说明
+ * @file
+ * @module Native
+ */
+
+/**
+ * 辅助接口说明
+ * @module Native
+ * @unfile
+ */
+
+/**
+ * 原生String对象， 字符串
+ * @class String
+ */
+
+/**
+ * 原生Function对象， 函数
+ * @class Function
+ */
+
+/**
+ * 原生Object对象， 普通对象
+ * @remind 如果某一方法的参数类型为Object时， 表示该参数应该接受一个key-value集合
+ * @class Object
+ */
+
+/**
+ * 原生Boolean对象， 布尔值
+ * @class Boolean
+ */
+
+/**
+ * 原生Number对象， 数值
+ * @class Number
+ */
+
+/**
+ * 原生NULL对象， 空
+ * @class NULL
+ */
+
+/**
+ * 原生Array对象， 数组
+ * @class Array
+ */
+
+/**
+ * 浏览器Node， dom节点
+ * @class Node
+ */
+
+/**
+ * 浏览器Element， dom元素
+ * @class Element
+ */
+
+/**
+ * UEditor模拟dom节点对象
+ * @class uNode
+ */
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Editor.defaultoptions.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Editor.defaultoptions.js
new file mode 100644
index 000000000..18a7132aa
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Editor.defaultoptions.js
@@ -0,0 +1,31 @@
+//维护编辑器一下默认的不在插件中的配置项
+UE.Editor.defaultOptions = function(editor){
+
+    var _url = editor.options.UEDITOR_HOME_URL;
+    return {
+        isShow: true,
+        initialContent: '',
+        initialStyle:'',
+        autoClearinitialContent: false,
+        iframeCssUrl: _url + 'themes/iframe.css',
+        textarea: 'editorValue',
+        focus: false,
+        focusInEnd: true,
+        autoClearEmptyNode: true,
+        fullscreen: false,
+        readonly: false,
+        zIndex: 999,
+        imagePopup: true,
+        enterTag: 'p',
+        customDomain: false,
+        lang: 'zh-cn',
+        langPath: _url + 'lang/',
+        theme: 'default',
+        themePath: _url + 'themes/',
+        allHtmlEnabled: false,
+        scaleEnabled: false,
+        tableNativeEditInFF: false,
+        autoSyncData : true,
+        fileNameFormat: '{time}{rand:6}'
+    }
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Editor.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Editor.js
new file mode 100644
index 000000000..cb5c629ff
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Editor.js
@@ -0,0 +1,1527 @@
+/**
+ * 编辑器主类，包含编辑器提供的大部分公用接口
+ * @file
+ * @module UE
+ * @class Editor
+ * @since 1.2.6.1
+ */
+
+/**
+ * UEditor公用空间，UEditor所有的功能都挂载在该空间下
+ * @unfile
+ * @module UE
+ */
+
+/**
+ * UEditor的核心类，为用户提供与编辑器交互的接口。
+ * @unfile
+ * @module UE
+ * @class Editor
+ */
+
+(function () {
+    var uid = 0, _selectionChangeTimer;
+
+    /**
+     * 获取编辑器的html内容，赋值到编辑器所在表单的textarea文本域里面
+     * @private
+     * @method setValue
+     * @param { UE.Editor } editor 编辑器事例
+     */
+    function setValue(form, editor) {
+        var textarea;
+        if (editor.textarea) {
+            if (utils.isString(editor.textarea)) {
+                for (var i = 0, ti, tis = domUtils.getElementsByTagName(form, 'textarea'); ti = tis[i++];) {
+                    if (ti.id == 'ueditor_textarea_' + editor.options.textarea) {
+                        textarea = ti;
+                        break;
+                    }
+                }
+            } else {
+                textarea = editor.textarea;
+            }
+        }
+        if (!textarea) {
+            form.appendChild(textarea = domUtils.createElement(document, 'textarea', {
+                'name': editor.options.textarea,
+                'id': 'ueditor_textarea_' + editor.options.textarea,
+                'style': "display:none"
+            }));
+            //不要产生多个textarea
+            editor.textarea = textarea;
+        }
+        !textarea.getAttribute('name') && textarea.setAttribute('name', editor.options.textarea );
+        textarea.value = editor.hasContents() ?
+            (editor.options.allHtmlEnabled ? editor.getAllHtml() : editor.getContent(null, null, true)) :
+            ''
+    }
+    function loadPlugins(me){
+        //初始化插件
+        for (var pi in UE.plugins) {
+            UE.plugins[pi].call(me);
+        }
+
+    }
+    function checkCurLang(I18N){
+        for(var lang in I18N){
+            return lang
+        }
+    }
+
+    function langReadied(me){
+        me.langIsReady = true;
+
+        me.fireEvent("langReady");
+    }
+
+    /**
+     * 编辑器准备就绪后会触发该事件
+     * @module UE
+     * @class Editor
+     * @event ready
+     * @remind render方法执行完成之后,会触发该事件
+     * @remind
+     * @example
+     * ```javascript
+     * editor.addListener( 'ready', function( editor ) {
+     *     editor.execCommand( 'focus' ); //编辑器家在完成后，让编辑器拿到焦点
+     * } );
+     * ```
+     */
+    /**
+     * 执行destroy方法,会触发该事件
+     * @module UE
+     * @class Editor
+     * @event destroy
+     * @see UE.Editor:destroy()
+     */
+    /**
+     * 执行reset方法,会触发该事件
+     * @module UE
+     * @class Editor
+     * @event reset
+     * @see UE.Editor:reset()
+     */
+    /**
+     * 执行focus方法,会触发该事件
+     * @module UE
+     * @class Editor
+     * @event focus
+     * @see UE.Editor:focus(Boolean)
+     */
+    /**
+     * 语言加载完成会触发该事件
+     * @module UE
+     * @class Editor
+     * @event langReady
+     */
+    /**
+     * 运行命令之后会触发该命令
+     * @module UE
+     * @class Editor
+     * @event beforeExecCommand
+     */
+    /**
+     * 运行命令之后会触发该命令
+     * @module UE
+     * @class Editor
+     * @event afterExecCommand
+     */
+    /**
+     * 运行命令之前会触发该命令
+     * @module UE
+     * @class Editor
+     * @event firstBeforeExecCommand
+     */
+    /**
+     * 在getContent方法执行之前会触发该事件
+     * @module UE
+     * @class Editor
+     * @event beforeGetContent
+     * @see UE.Editor:getContent()
+     */
+    /**
+     * 在getContent方法执行之后会触发该事件
+     * @module UE
+     * @class Editor
+     * @event afterGetContent
+     * @see UE.Editor:getContent()
+     */
+    /**
+     * 在getAllHtml方法执行时会触发该事件
+     * @module UE
+     * @class Editor
+     * @event getAllHtml
+     * @see UE.Editor:getAllHtml()
+     */
+    /**
+     * 在setContent方法执行之前会触发该事件
+     * @module UE
+     * @class Editor
+     * @event beforeSetContent
+     * @see UE.Editor:setContent(String)
+     */
+    /**
+     * 在setContent方法执行之后会触发该事件
+     * @module UE
+     * @class Editor
+     * @event afterSetContent
+     * @see UE.Editor:setContent(String)
+     */
+    /**
+     * 每当编辑器内部选区发生改变时，将触发该事件
+     * @event selectionchange
+     * @warning 该事件的触发非常频繁，不建议在该事件的处理过程中做重量级的处理
+     * @example
+     * ```javascript
+     * editor.addListener( 'selectionchange', function( editor ) {
+     *     console.log('选区发生改变');
+     * }
+     */
+    /**
+     * 在所有selectionchange的监听函数执行之前，会触发该事件
+     * @module UE
+     * @class Editor
+     * @event beforeSelectionChange
+     * @see UE.Editor:selectionchange
+     */
+    /**
+     * 在所有selectionchange的监听函数执行完之后，会触发该事件
+     * @module UE
+     * @class Editor
+     * @event afterSelectionChange
+     * @see UE.Editor:selectionchange
+     */
+    /**
+     * 编辑器内容发生改变时会触发该事件
+     * @module UE
+     * @class Editor
+     * @event contentChange
+     */
+
+
+    /**
+     * 以默认参数构建一个编辑器实例
+     * @constructor
+     * @remind 通过 改构造方法实例化的编辑器,不带ui层.需要render到一个容器,编辑器实例才能正常渲染到页面
+     * @example
+     * ```javascript
+     * var editor = new UE.Editor();
+     * editor.execCommand('blod');
+     * ```
+     * @see UE.Config
+     */
+
+    /**
+     * 以给定的参数集合创建一个编辑器实例，对于未指定的参数，将应用默认参数。
+     * @constructor
+     * @remind 通过 改构造方法实例化的编辑器,不带ui层.需要render到一个容器,编辑器实例才能正常渲染到页面
+     * @param { Object } setting 创建编辑器的参数
+     * @example
+     * ```javascript
+     * var editor = new UE.Editor();
+     * editor.execCommand('blod');
+     * ```
+     * @see UE.Config
+     */
+    var Editor = UE.Editor = function (options) {
+        var me = this;
+        me.uid = uid++;
+        EventBase.call(me);
+        me.commands = {};
+        me.options = utils.extend(utils.clone(options || {}), UEDITOR_CONFIG, true);
+        me.shortcutkeys = {};
+        me.inputRules = [];
+        me.outputRules = [];
+        //设置默认的常用属性
+        me.setOpt(Editor.defaultOptions(me));
+
+        /* 尝试异步加载后台配置 */
+        me.loadServerConfig();
+
+        if(!utils.isEmptyObject(UE.I18N)){
+            //修改默认的语言类型
+            me.options.lang = checkCurLang(UE.I18N);
+            UE.plugin.load(me);
+            langReadied(me);
+
+        }else{
+            utils.loadFile(document, {
+                src: me.options.langPath + me.options.lang + "/" + me.options.lang + ".js",
+                tag: "script",
+                type: "text/javascript",
+                defer: "defer"
+            }, function () {
+                UE.plugin.load(me);
+                langReadied(me);
+            });
+        }
+
+        UE.instants['ueditorInstant' + me.uid] = me;
+    };
+    Editor.prototype = {
+         registerCommand : function(name,obj){
+            this.commands[name] = obj;
+         },
+        /**
+         * 编辑器对外提供的监听ready事件的接口， 通过调用该方法，达到的效果与监听ready事件是一致的
+         * @method ready
+         * @param { Function } fn 编辑器ready之后所执行的回调, 如果在注册事件之前编辑器已经ready，将会
+         * 立即触发该回调。
+         * @remind 需要等待编辑器加载完成后才能执行的代码,可以使用该方法传入
+         * @example
+         * ```javascript
+         * editor.ready( function( editor ) {
+         *     editor.setContent('初始化完毕');
+         * } );
+         * ```
+         * @see UE.Editor.event:ready
+         */
+        ready: function (fn) {
+            var me = this;
+            if (fn) {
+                me.isReady ? fn.apply(me) : me.addListener('ready', fn);
+            }
+        },
+
+        /**
+         * 该方法是提供给插件里面使用，设置配置项默认值
+         * @method setOpt
+         * @warning 三处设置配置项的优先级: 实例化时传入参数 > setOpt()设置 > config文件里设置
+         * @warning 该方法仅供编辑器插件内部和编辑器初始化时调用，其他地方不能调用。
+         * @param { String } key 编辑器的可接受的选项名称
+         * @param { * } val  该选项可接受的值
+         * @example
+         * ```javascript
+         * editor.setOpt( 'initContent', '欢迎使用编辑器' );
+         * ```
+         */
+
+        /**
+         * 该方法是提供给插件里面使用，以{key:value}集合的方式设置插件内用到的配置项默认值
+         * @method setOpt
+         * @warning 三处设置配置项的优先级: 实例化时传入参数 > setOpt()设置 > config文件里设置
+         * @warning 该方法仅供编辑器插件内部和编辑器初始化时调用，其他地方不能调用。
+         * @param { Object } options 将要设置的选项的键值对对象
+         * @example
+         * ```javascript
+         * editor.setOpt( {
+         *     'initContent': '欢迎使用编辑器'
+         * } );
+         * ```
+         */
+        setOpt: function (key, val) {
+            var obj = {};
+            if (utils.isString(key)) {
+                obj[key] = val
+            } else {
+                obj = key;
+            }
+            utils.extend(this.options, obj, true);
+        },
+        getOpt:function(key){
+            return this.options[key]
+        },
+        /**
+         * 销毁编辑器实例，使用textarea代替
+         * @method destroy
+         * @example
+         * ```javascript
+         * editor.destroy();
+         * ```
+         */
+        destroy: function () {
+
+            var me = this;
+            me.fireEvent('destroy');
+            var container = me.container.parentNode;
+            var textarea = me.textarea;
+            if (!textarea) {
+                textarea = document.createElement('textarea');
+                container.parentNode.insertBefore(textarea, container);
+            } else {
+                textarea.style.display = ''
+            }
+
+            textarea.style.width = me.iframe.offsetWidth + 'px';
+            textarea.style.height = me.iframe.offsetHeight + 'px';
+            textarea.value = me.getContent();
+            textarea.id = me.key;
+            container.innerHTML = '';
+            domUtils.remove(container);
+            var key = me.key;
+            //trace:2004
+            for (var p in me) {
+                if (me.hasOwnProperty(p)) {
+                    delete this[p];
+                }
+            }
+            UE.delEditor(key);
+        },
+
+        /**
+         * 渲染编辑器的DOM到指定容器
+         * @method render
+         * @param { String } containerId 指定一个容器ID
+         * @remind 执行该方法,会触发ready事件
+         * @warning 必须且只能调用一次
+         */
+
+        /**
+         * 渲染编辑器的DOM到指定容器
+         * @method render
+         * @param { Element } containerDom 直接指定容器对象
+         * @remind 执行该方法,会触发ready事件
+         * @warning 必须且只能调用一次
+         */
+        render: function (container) {
+            var me = this,
+                options = me.options,
+                getStyleValue=function(attr){
+                    return parseInt(domUtils.getComputedStyle(container,attr));
+                };
+            if (utils.isString(container)) {
+                container = document.getElementById(container);
+            }
+            if (container) {
+                if(options.initialFrameWidth){
+                    options.minFrameWidth = options.initialFrameWidth
+                }else{
+                    options.minFrameWidth = options.initialFrameWidth = container.offsetWidth;
+                }
+                if(options.initialFrameHeight){
+                    options.minFrameHeight = options.initialFrameHeight
+                }else{
+                    options.initialFrameHeight = options.minFrameHeight = container.offsetHeight;
+                }
+
+                container.style.width = /%$/.test(options.initialFrameWidth) ?  '100%' : options.initialFrameWidth-
+                    getStyleValue("padding-left")- getStyleValue("padding-right") +'px';
+                container.style.height = /%$/.test(options.initialFrameHeight) ?  '100%' : options.initialFrameHeight -
+                    getStyleValue("padding-top")- getStyleValue("padding-bottom") +'px';
+
+                container.style.zIndex = options.zIndex;
+
+                var html = ( ie && browser.version < 9  ? '' : '<!DOCTYPE html>') +
+                    '<html xmlns=\'http://www.w3.org/1999/xhtml\' class=\'view\' ><head>' +
+                    '<style type=\'text/css\'>' +
+                    //设置四周的留边
+                    '.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}\n' +
+                    //设置默认字体和字号
+                    //font-family不能呢随便改，在safari下fillchar会有解析问题
+                    'body{margin:8px;font-family:sans-serif;font-size:16px;}' +
+                    //设置段落间距
+                    'p{margin:5px 0;}</style>' +
+                    ( options.iframeCssUrl ? '<link rel=\'stylesheet\' type=\'text/css\' href=\'' + utils.unhtml(options.iframeCssUrl) + '\'/>' : '' ) +
+                    (options.initialStyle ? '<style>' + options.initialStyle + '</style>' : '') +
+                    '</head><body class=\'view\' ></body>' +
+                    '<script type=\'text/javascript\' ' + (ie ? 'defer=\'defer\'' : '' ) +' id=\'_initialScript\'>' +
+                    'setTimeout(function(){editor = window.parent.UE.instants[\'ueditorInstant' + me.uid + '\'];editor._setup(document);},0);' +
+                    'var _tmpScript = document.getElementById(\'_initialScript\');_tmpScript.parentNode.removeChild(_tmpScript);</script></html>';
+                container.appendChild(domUtils.createElement(document, 'iframe', {
+                    id: 'ueditor_' + me.uid,
+                    width: "100%",
+                    height: "100%",
+                    frameborder: "0",
+                    //先注释掉了，加的原因忘记了，但开启会直接导致全屏模式下内容多时不会出现滚动条
+//                    scrolling :'no',
+                    src: 'javascript:void(function(){document.open();' + (options.customDomain && document.domain != location.hostname ?  'document.domain="' + document.domain + '";' : '') +
+                        'document.write("' + html + '");document.close();}())'
+                }));
+                container.style.overflow = 'hidden';
+                //解决如果是给定的百分比，会导致高度算不对的问题
+                setTimeout(function(){
+                    if( /%$/.test(options.initialFrameWidth)){
+                        options.minFrameWidth = options.initialFrameWidth = container.offsetWidth;
+                        //如果这里给定宽度，会导致ie在拖动窗口大小时，编辑区域不随着变化
+//                        container.style.width = options.initialFrameWidth + 'px';
+                    }
+                    if(/%$/.test(options.initialFrameHeight)){
+                        options.minFrameHeight = options.initialFrameHeight = container.offsetHeight;
+                        container.style.height = options.initialFrameHeight + 'px';
+                    }
+                })
+            }
+        },
+
+        /**
+         * 编辑器初始化
+         * @method _setup
+         * @private
+         * @param { Element } doc 编辑器Iframe中的文档对象
+         */
+        _setup: function (doc) {
+
+            var me = this,
+                options = me.options;
+            if (ie) {
+                doc.body.disabled = true;
+                doc.body.contentEditable = true;
+                doc.body.disabled = false;
+            } else {
+                doc.body.contentEditable = true;
+            }
+            doc.body.spellcheck = false;
+            me.document = doc;
+            me.window = doc.defaultView || doc.parentWindow;
+            me.iframe = me.window.frameElement;
+            me.body = doc.body;
+            me.selection = new dom.Selection(doc);
+            //gecko初始化就能得到range,无法判断isFocus了
+            var geckoSel;
+            if (browser.gecko && (geckoSel = this.selection.getNative())) {
+                geckoSel.removeAllRanges();
+            }
+            this._initEvents();
+            //为form提交提供一个隐藏的textarea
+            for (var form = this.iframe.parentNode; !domUtils.isBody(form); form = form.parentNode) {
+                if (form.tagName == 'FORM') {
+                    me.form = form;
+                    if(me.options.autoSyncData){
+                        domUtils.on(me.window,'blur',function(){
+                            setValue(form,me);
+                        });
+                    }else{
+                        domUtils.on(form, 'submit', function () {
+                            setValue(this, me);
+                        });
+                    }
+                    break;
+                }
+            }
+            if (options.initialContent) {
+                if (options.autoClearinitialContent) {
+                    var oldExecCommand = me.execCommand;
+                    me.execCommand = function () {
+                        me.fireEvent('firstBeforeExecCommand');
+                        return oldExecCommand.apply(me, arguments);
+                    };
+                    this._setDefaultContent(options.initialContent);
+                } else
+                    this.setContent(options.initialContent, false, true);
+            }
+
+            //编辑器不能为空内容
+
+            if (domUtils.isEmptyNode(me.body)) {
+                me.body.innerHTML = '<p>' + (browser.ie ? '' : '<br/>') + '</p>';
+            }
+            //如果要求focus, 就把光标定位到内容开始
+            if (options.focus) {
+                setTimeout(function () {
+                    me.focus(me.options.focusInEnd);
+                    //如果自动清除开着，就不需要做selectionchange;
+                    !me.options.autoClearinitialContent && me._selectionChange();
+                }, 0);
+            }
+            if (!me.container) {
+                me.container = this.iframe.parentNode;
+            }
+            if (options.fullscreen && me.ui) {
+                me.ui.setFullScreen(true);
+            }
+
+            try {
+                me.document.execCommand('2D-position', false, false);
+            } catch (e) {
+            }
+            try {
+                me.document.execCommand('enableInlineTableEditing', false, false);
+            } catch (e) {
+            }
+            try {
+                me.document.execCommand('enableObjectResizing', false, false);
+            } catch (e) {
+            }
+
+            //挂接快捷键
+            me._bindshortcutKeys();
+            me.isReady = 1;
+            me.fireEvent('ready');
+            options.onready && options.onready.call(me);
+            if (!browser.ie9below) {
+                domUtils.on(me.window, ['blur', 'focus'], function (e) {
+                    //chrome下会出现alt+tab切换时，导致选区位置不对
+                    if (e.type == 'blur') {
+                        me._bakRange = me.selection.getRange();
+                        try {
+                            me._bakNativeRange = me.selection.getNative().getRangeAt(0);
+                            me.selection.getNative().removeAllRanges();
+                        } catch (e) {
+                            me._bakNativeRange = null;
+                        }
+
+                    } else {
+                        try {
+                            me._bakRange && me._bakRange.select();
+                        } catch (e) {
+                        }
+                    }
+                });
+            }
+            //trace:1518 ff3.6body不够寛，会导致点击空白处无法获得焦点
+            if (browser.gecko && browser.version <= 10902) {
+                //修复ff3.6初始化进来，不能点击获得焦点
+                me.body.contentEditable = false;
+                setTimeout(function () {
+                    me.body.contentEditable = true;
+                }, 100);
+                setInterval(function () {
+                    me.body.style.height = me.iframe.offsetHeight - 20 + 'px'
+                }, 100)
+            }
+
+            !options.isShow && me.setHide();
+            options.readonly && me.setDisabled();
+        },
+
+        /**
+         * 同步数据到编辑器所在的form
+         * 从编辑器的容器节点向上查找form元素，若找到，就同步编辑内容到找到的form里，为提交数据做准备，主要用于是手动提交的情况
+         * 后台取得数据的键值，使用你容器上的name属性，如果没有就使用参数里的textarea项
+         * @method sync
+         * @example
+         * ```javascript
+         * editor.sync();
+         * form.sumbit(); //form变量已经指向了form元素
+         * ```
+         */
+
+        /**
+         * 根据传入的formId，在页面上查找要同步数据的表单，若找到，就同步编辑内容到找到的form里，为提交数据做准备
+         * 后台取得数据的键值，该键值默认使用给定的编辑器容器的name属性，如果没有name属性则使用参数项里给定的“textarea”项
+         * @method sync
+         * @param { String } formID 指定一个要同步数据的form的id,编辑器的数据会同步到你指定form下
+         */
+        sync: function (formId) {
+            var me = this,
+                form = formId ? document.getElementById(formId) :
+                    domUtils.findParent(me.iframe.parentNode, function (node) {
+                        return node.tagName == 'FORM'
+                    }, true);
+            form && setValue(form, me);
+        },
+
+        /**
+         * 设置编辑器高度
+         * @method setHeight
+         * @remind 当配置项autoHeightEnabled为真时,该方法无效
+         * @param { Number } number 设置的高度值，纯数值，不带单位
+         * @example
+         * ```javascript
+         * editor.setHeight(number);
+         * ```
+         */
+        setHeight: function (height,notSetHeight) {
+            if (height !== parseInt(this.iframe.parentNode.style.height)) {
+                this.iframe.parentNode.style.height = height + 'px';
+            }
+            !notSetHeight && (this.options.minFrameHeight = this.options.initialFrameHeight = height);
+            this.body.style.height = height + 'px';
+            !notSetHeight && this.trigger('setHeight')
+        },
+
+        /**
+         * 为编辑器的编辑命令提供快捷键
+         * 这个接口是为插件扩展提供的接口,主要是为新添加的插件，如果需要添加快捷键，所提供的接口
+         * @method addshortcutkey
+         * @param { Object } keyset 命令名和快捷键键值对对象，多个按钮的快捷键用“＋”分隔
+         * @example
+         * ```javascript
+         * editor.addshortcutkey({
+         *     "Bold" : "ctrl+66",//^B
+         *     "Italic" : "ctrl+73", //^I
+         * });
+         * ```
+         */
+        /**
+         * 这个接口是为插件扩展提供的接口,主要是为新添加的插件，如果需要添加快捷键，所提供的接口
+         * @method addshortcutkey
+         * @param { String } cmd 触发快捷键时，响应的命令
+         * @param { String } keys 快捷键的字符串，多个按钮用“＋”分隔
+         * @example
+         * ```javascript
+         * editor.addshortcutkey("Underline", "ctrl+85"); //^U
+         * ```
+         */
+        addshortcutkey: function (cmd, keys) {
+            var obj = {};
+            if (keys) {
+                obj[cmd] = keys
+            } else {
+                obj = cmd;
+            }
+            utils.extend(this.shortcutkeys, obj)
+        },
+
+        /**
+         * 对编辑器设置keydown事件监听，绑定快捷键和命令，当快捷键组合触发成功，会响应对应的命令
+         * @method _bindshortcutKeys
+         * @private
+         */
+        _bindshortcutKeys: function () {
+            var me = this, shortcutkeys = this.shortcutkeys;
+            me.addListener('keydown', function (type, e) {
+                var keyCode = e.keyCode || e.which;
+                for (var i in shortcutkeys) {
+                    var tmp = shortcutkeys[i].split(',');
+                    for (var t = 0, ti; ti = tmp[t++];) {
+                        ti = ti.split(':');
+                        var key = ti[0], param = ti[1];
+                        if (/^(ctrl)(\+shift)?\+(\d+)$/.test(key.toLowerCase()) || /^(\d+)$/.test(key)) {
+                            if (( (RegExp.$1 == 'ctrl' ? (e.ctrlKey || e.metaKey) : 0)
+                                && (RegExp.$2 != "" ? e[RegExp.$2.slice(1) + "Key"] : 1)
+                                && keyCode == RegExp.$3
+                                ) ||
+                                keyCode == RegExp.$1
+                                ) {
+                                if (me.queryCommandState(i,param) != -1)
+                                    me.execCommand(i, param);
+                                domUtils.preventDefault(e);
+                            }
+                        }
+                    }
+
+                }
+            });
+        },
+
+        /**
+         * 获取编辑器的内容
+         * @method getContent
+         * @warning 该方法获取到的是经过编辑器内置的过滤规则进行过滤后得到的内容
+         * @return { String } 编辑器的内容字符串, 如果编辑器的内容为空，或者是空的标签内容（如:”&lt;p&gt;&lt;br/&gt;&lt;/p&gt;“）， 则返回空字符串
+         * @example
+         * ```javascript
+         * //编辑器html内容:<p>1<strong>2<em>34</em>5</strong>6</p>
+         * var content = editor.getContent(); //返回值:<p>1<strong>2<em>34</em>5</strong>6</p>
+         * ```
+         */
+
+        /**
+         * 获取编辑器的内容。 可以通过参数定义编辑器内置的判空规则
+         * @method getContent
+         * @param { Function } fn 自定的判空规则， 要求该方法返回一个boolean类型的值，
+         *                      代表当前编辑器的内容是否空，
+         *                      如果返回true， 则该方法将直接返回空字符串；如果返回false，则编辑器将返回
+         *                      经过内置过滤规则处理后的内容。
+         * @remind 该方法在处理包含有初始化内容的时候能起到很好的作用。
+         * @warning 该方法获取到的是经过编辑器内置的过滤规则进行过滤后得到的内容
+         * @return { String } 编辑器的内容字符串
+         * @example
+         * ```javascript
+         * // editor 是一个编辑器的实例
+         * var content = editor.getContent( function ( editor ) {
+         *      return editor.body.innerHTML === '欢迎使用UEditor'; //返回空字符串
+         * } );
+         * ```
+         */
+        getContent: function (cmd, fn,notSetCursor,ignoreBlank,formatter) {
+            var me = this;
+            if (cmd && utils.isFunction(cmd)) {
+                fn = cmd;
+                cmd = '';
+            }
+            if (fn ? !fn() : !this.hasContents()) {
+                return '';
+            }
+            me.fireEvent('beforegetcontent');
+            var root = UE.htmlparser(me.body.innerHTML,ignoreBlank);
+            me.filterOutputRule(root);
+            me.fireEvent('aftergetcontent', cmd,root);
+            return  root.toHtml(formatter);
+        },
+
+        /**
+         * 取得完整的html代码，可以直接显示成完整的html文档
+         * @method getAllHtml
+         * @return { String } 编辑器的内容html文档字符串
+         * @eaxmple
+         * ```javascript
+         * editor.getAllHtml(); //返回格式大致是: <html><head>...</head><body>...</body></html>
+         * ```
+         */
+        getAllHtml: function () {
+            var me = this,
+                headHtml = [],
+                html = '';
+            me.fireEvent('getAllHtml', headHtml);
+            if (browser.ie && browser.version > 8) {
+                var headHtmlForIE9 = '';
+                utils.each(me.document.styleSheets, function (si) {
+                    headHtmlForIE9 += ( si.href ? '<link rel="stylesheet" type="text/css" href="' + si.href + '" />' : '<style>' + si.cssText + '</style>');
+                });
+                utils.each(me.document.getElementsByTagName('script'), function (si) {
+                    headHtmlForIE9 += si.outerHTML;
+                });
+
+            }
+            return '<html><head>' + (me.options.charset ? '<meta http-equiv="Content-Type" content="text/html; charset=' + me.options.charset + '"/>' : '')
+                + (headHtmlForIE9 || me.document.getElementsByTagName('head')[0].innerHTML) + headHtml.join('\n') + '</head>'
+                + '<body ' + (ie && browser.version < 9 ? 'class="view"' : '') + '>' + me.getContent(null, null, true) + '</body></html>';
+        },
+
+        /**
+         * 得到编辑器的纯文本内容，但会保留段落格式
+         * @method getPlainTxt
+         * @return { String } 编辑器带段落格式的纯文本内容字符串
+         * @example
+         * ```javascript
+         * //编辑器html内容:<p><strong>1</strong></p><p><strong>2</strong></p>
+         * console.log(editor.getPlainTxt()); //输出:"1\n2\n
+         * ```
+         */
+        getPlainTxt: function () {
+            var reg = new RegExp(domUtils.fillChar, 'g'),
+                html = this.body.innerHTML.replace(/[\n\r]/g, '');//ie要先去了\n在处理
+            html = html.replace(/<(p|div)[^>]*>(<br\/?>|&nbsp;)<\/\1>/gi, '\n')
+                .replace(/<br\/?>/gi, '\n')
+                .replace(/<[^>/]+>/g, '')
+                .replace(/(\n)?<\/([^>]+)>/g, function (a, b, c) {
+                    return dtd.$block[c] ? '\n' : b ? b : '';
+                });
+            //取出来的空格会有c2a0会变成乱码，处理这种情况\u00a0
+            return html.replace(reg, '').replace(/\u00a0/g, ' ').replace(/&nbsp;/g, ' ');
+        },
+
+        /**
+         * 获取编辑器中的纯文本内容,没有段落格式
+         * @method getContentTxt
+         * @return { String } 编辑器不带段落格式的纯文本内容字符串
+         * @example
+         * ```javascript
+         * //编辑器html内容:<p><strong>1</strong></p><p><strong>2</strong></p>
+         * console.log(editor.getPlainTxt()); //输出:"12
+         * ```
+         */
+        getContentTxt: function () {
+            var reg = new RegExp(domUtils.fillChar, 'g');
+            //取出来的空格会有c2a0会变成乱码，处理这种情况\u00a0
+            return this.body[browser.ie ? 'innerText' : 'textContent'].replace(reg, '').replace(/\u00a0/g, ' ');
+        },
+
+        /**
+         * 设置编辑器的内容，可修改编辑器当前的html内容
+         * @method setContent
+         * @warning 通过该方法插入的内容，是经过编辑器内置的过滤规则进行过滤后得到的内容
+         * @warning 该方法会触发selectionchange事件
+         * @param { String } html 要插入的html内容
+         * @example
+         * ```javascript
+         * editor.getContent('<p>test</p>');
+         * ```
+         */
+
+        /**
+         * 设置编辑器的内容，可修改编辑器当前的html内容
+         * @method setContent
+         * @warning 通过该方法插入的内容，是经过编辑器内置的过滤规则进行过滤后得到的内容
+         * @warning 该方法会触发selectionchange事件
+         * @param { String } html 要插入的html内容
+         * @param { Boolean } isAppendTo 若传入true，不清空原来的内容，在最后插入内容，否则，清空内容再插入
+         * @example
+         * ```javascript
+         * //假设设置前的编辑器内容是 <p>old text</p>
+         * editor.setContent('<p>new text</p>', true); //插入的结果是<p>old text</p><p>new text</p>
+         * ```
+         */
+        setContent: function (html, isAppendTo, notFireSelectionchange) {
+            var me = this;
+
+            me.fireEvent('beforesetcontent', html);
+            var root = UE.htmlparser(html);
+            me.filterInputRule(root);
+            html = root.toHtml();
+
+            me.body.innerHTML = (isAppendTo ? me.body.innerHTML : '') + html;
+
+
+            function isCdataDiv(node){
+                return  node.tagName == 'DIV' && node.getAttribute('cdata_tag');
+            }
+            //给文本或者inline节点套p标签
+            if (me.options.enterTag == 'p') {
+
+                var child = this.body.firstChild, tmpNode;
+                if (!child || child.nodeType == 1 &&
+                    (dtd.$cdata[child.tagName] || isCdataDiv(child) ||
+                        domUtils.isCustomeNode(child)
+                        )
+                    && child === this.body.lastChild) {
+                    this.body.innerHTML = '<p>' + (browser.ie ? '&nbsp;' : '<br/>') + '</p>' + this.body.innerHTML;
+
+                } else {
+                    var p = me.document.createElement('p');
+                    while (child) {
+                        while (child && (child.nodeType == 3 || child.nodeType == 1 && dtd.p[child.tagName] && !dtd.$cdata[child.tagName])) {
+                            tmpNode = child.nextSibling;
+                            p.appendChild(child);
+                            child = tmpNode;
+                        }
+                        if (p.firstChild) {
+                            if (!child) {
+                                me.body.appendChild(p);
+                                break;
+                            } else {
+                                child.parentNode.insertBefore(p, child);
+                                p = me.document.createElement('p');
+                            }
+                        }
+                        child = child.nextSibling;
+                    }
+                }
+            }
+            me.fireEvent('aftersetcontent');
+            me.fireEvent('contentchange');
+
+            !notFireSelectionchange && me._selectionChange();
+            //清除保存的选区
+            me._bakRange = me._bakIERange = me._bakNativeRange = null;
+            //trace:1742 setContent后gecko能得到焦点问题
+            var geckoSel;
+            if (browser.gecko && (geckoSel = this.selection.getNative())) {
+                geckoSel.removeAllRanges();
+            }
+            if(me.options.autoSyncData){
+                me.form && setValue(me.form,me);
+            }
+        },
+
+        /**
+         * 让编辑器获得焦点，默认focus到编辑器头部
+         * @method focus
+         * @example
+         * ```javascript
+         * editor.focus()
+         * ```
+         */
+
+        /**
+         * 让编辑器获得焦点，toEnd确定focus位置
+         * @method focus
+         * @param { Boolean } toEnd 默认focus到编辑器头部，toEnd为true时focus到内容尾部
+         * @example
+         * ```javascript
+         * editor.focus(true)
+         * ```
+         */
+        focus: function (toEnd) {
+            try {
+                var me = this,
+                    rng = me.selection.getRange();
+                if (toEnd) {
+                    var node = me.body.lastChild;
+                    if(node && node.nodeType == 1 && !dtd.$empty[node.tagName]){
+                        if(domUtils.isEmptyBlock(node)){
+                            rng.setStartAtFirst(node)
+                        }else{
+                            rng.setStartAtLast(node)
+                        }
+                        rng.collapse(true);
+                    }
+                    rng.setCursor(true);
+                } else {
+                    if(!rng.collapsed && domUtils.isBody(rng.startContainer) && rng.startOffset == 0){
+
+                        var node = me.body.firstChild;
+                        if(node && node.nodeType == 1 && !dtd.$empty[node.tagName]){
+                            rng.setStartAtFirst(node).collapse(true);
+                        }
+                    }
+
+                    rng.select(true);
+
+                }
+                this.fireEvent('focus selectionchange');
+            } catch (e) {
+            }
+
+        },
+        isFocus:function(){
+            return this.selection.isFocus();
+        },
+        blur:function(){
+            var sel = this.selection.getNative();
+            if(sel.empty && browser.ie){
+                var nativeRng = document.body.createTextRange();
+                nativeRng.moveToElementText(document.body);
+                nativeRng.collapse(true);
+                nativeRng.select();
+                sel.empty()
+            }else{
+                sel.removeAllRanges()
+            }
+
+            //this.fireEvent('blur selectionchange');
+        },
+        /**
+         * 初始化UE事件及部分事件代理
+         * @method _initEvents
+         * @private
+         */
+        _initEvents: function () {
+            var me = this,
+                doc = me.document,
+                win = me.window;
+            me._proxyDomEvent = utils.bind(me._proxyDomEvent, me);
+            domUtils.on(doc, ['click', 'contextmenu', 'mousedown', 'keydown', 'keyup', 'keypress', 'mouseup', 'mouseover', 'mouseout', 'selectstart'], me._proxyDomEvent);
+            domUtils.on(win, ['focus', 'blur'], me._proxyDomEvent);
+            domUtils.on(me.body,'drop',function(e){
+                //阻止ff下默认的弹出新页面打开图片
+                if(browser.gecko && e.stopPropagation) { e.stopPropagation(); }
+                me.fireEvent('contentchange')
+            });
+            domUtils.on(doc, ['mouseup', 'keydown'], function (evt) {
+                //特殊键不触发selectionchange
+                if (evt.type == 'keydown' && (evt.ctrlKey || evt.metaKey || evt.shiftKey || evt.altKey)) {
+                    return;
+                }
+                if (evt.button == 2)return;
+                me._selectionChange(250, evt);
+            });
+        },
+        /**
+         * 触发事件代理
+         * @method _proxyDomEvent
+         * @private
+         * @return { * } fireEvent的返回值
+         * @see UE.EventBase:fireEvent(String)
+         */
+        _proxyDomEvent: function (evt) {
+            if(this.fireEvent('before' + evt.type.replace(/^on/, '').toLowerCase()) === false){
+                return false;
+            }
+            if(this.fireEvent(evt.type.replace(/^on/, ''), evt) === false){
+                return false;
+            }
+            return this.fireEvent('after' + evt.type.replace(/^on/, '').toLowerCase())
+        },
+        /**
+         * 变化选区
+         * @method _selectionChange
+         * @private
+         */
+        _selectionChange: function (delay, evt) {
+            var me = this;
+            //有光标才做selectionchange 为了解决未focus时点击source不能触发更改工具栏状态的问题（source命令notNeedUndo=1）
+//            if ( !me.selection.isFocus() ){
+//                return;
+//            }
+
+
+            var hackForMouseUp = false;
+            var mouseX, mouseY;
+            if (browser.ie && browser.version < 9 && evt && evt.type == 'mouseup') {
+                var range = this.selection.getRange();
+                if (!range.collapsed) {
+                    hackForMouseUp = true;
+                    mouseX = evt.clientX;
+                    mouseY = evt.clientY;
+                }
+            }
+            clearTimeout(_selectionChangeTimer);
+            _selectionChangeTimer = setTimeout(function () {
+                if (!me.selection || !me.selection.getNative()) {
+                    return;
+                }
+                //修复一个IE下的bug: 鼠标点击一段已选择的文本中间时，可能在mouseup后的一段时间内取到的range是在selection的type为None下的错误值.
+                //IE下如果用户是拖拽一段已选择文本，则不会触发mouseup事件，所以这里的特殊处理不会对其有影响
+                var ieRange;
+                if (hackForMouseUp && me.selection.getNative().type == 'None') {
+                    ieRange = me.document.body.createTextRange();
+                    try {
+                        ieRange.moveToPoint(mouseX, mouseY);
+                    } catch (ex) {
+                        ieRange = null;
+                    }
+                }
+                var bakGetIERange;
+                if (ieRange) {
+                    bakGetIERange = me.selection.getIERange;
+                    me.selection.getIERange = function () {
+                        return ieRange;
+                    };
+                }
+                me.selection.cache();
+                if (bakGetIERange) {
+                    me.selection.getIERange = bakGetIERange;
+                }
+                if (me.selection._cachedRange && me.selection._cachedStartElement) {
+                    me.fireEvent('beforeselectionchange');
+                    // 第二个参数causeByUi为true代表由用户交互造成的selectionchange.
+                    me.fireEvent('selectionchange', !!evt);
+                    me.fireEvent('afterselectionchange');
+                    me.selection.clear();
+                }
+            }, delay || 50);
+        },
+
+        /**
+         * 执行编辑命令
+         * @method _callCmdFn
+         * @private
+         * @param { String } fnName 函数名称
+         * @param { * } args 传给命令函数的参数
+         * @return { * } 返回命令函数运行的返回值
+         */
+        _callCmdFn: function (fnName, args) {
+            var cmdName = args[0].toLowerCase(),
+                cmd, cmdFn;
+            cmd = this.commands[cmdName] || UE.commands[cmdName];
+            cmdFn = cmd && cmd[fnName];
+            //没有querycommandstate或者没有command的都默认返回0
+            if ((!cmd || !cmdFn) && fnName == 'queryCommandState') {
+                return 0;
+            } else if (cmdFn) {
+                return cmdFn.apply(this, args);
+            }
+        },
+
+        /**
+         * 执行编辑命令cmdName，完成富文本编辑效果
+         * @method execCommand
+         * @param { String } cmdName 需要执行的命令
+         * @remind 具体命令的使用请参考<a href="#COMMAND.LIST">命令列表</a>
+         * @return { * } 返回命令函数运行的返回值
+         * @example
+         * ```javascript
+         * editor.execCommand(cmdName);
+         * ```
+         */
+        execCommand: function (cmdName) {
+            cmdName = cmdName.toLowerCase();
+            var me = this,
+                result,
+                cmd = me.commands[cmdName] || UE.commands[cmdName];
+            if (!cmd || !cmd.execCommand) {
+                return null;
+            }
+            if (!cmd.notNeedUndo && !me.__hasEnterExecCommand) {
+                me.__hasEnterExecCommand = true;
+                if (me.queryCommandState.apply(me,arguments) != -1) {
+                    me.fireEvent('saveScene');
+                    me.fireEvent.apply(me, ['beforeexeccommand', cmdName].concat(arguments));
+                    result = this._callCmdFn('execCommand', arguments);
+                    //保存场景时，做了内容对比，再看是否进行contentchange触发，这里多触发了一次，去掉
+//                    (!cmd.ignoreContentChange && !me._ignoreContentChange) && me.fireEvent('contentchange');
+                    me.fireEvent.apply(me, ['afterexeccommand', cmdName].concat(arguments));
+                    me.fireEvent('saveScene');
+                }
+                me.__hasEnterExecCommand = false;
+            } else {
+                result = this._callCmdFn('execCommand', arguments);
+                (!me.__hasEnterExecCommand && !cmd.ignoreContentChange && !me._ignoreContentChange) && me.fireEvent('contentchange')
+            }
+            (!me.__hasEnterExecCommand && !cmd.ignoreContentChange && !me._ignoreContentChange) && me._selectionChange();
+            return result;
+        },
+
+        /**
+         * 根据传入的command命令，查选编辑器当前的选区，返回命令的状态
+         * @method  queryCommandState
+         * @param { String } cmdName 需要查询的命令名称
+         * @remind 具体命令的使用请参考<a href="#COMMAND.LIST">命令列表</a>
+         * @return { Number } number 返回放前命令的状态，返回值三种情况：(-1|0|1)
+         * @example
+         * ```javascript
+         * editor.queryCommandState(cmdName)  => (-1|0|1)
+         * ```
+         * @see COMMAND.LIST
+         */
+        queryCommandState: function (cmdName) {
+            return this._callCmdFn('queryCommandState', arguments);
+        },
+
+        /**
+         * 根据传入的command命令，查选编辑器当前的选区，根据命令返回相关的值
+         * @method queryCommandValue
+         * @param { String } cmdName 需要查询的命令名称
+         * @remind 具体命令的使用请参考<a href="#COMMAND.LIST">命令列表</a>
+         * @remind 只有部分插件有此方法
+         * @return { * } 返回每个命令特定的当前状态值
+         * @grammar editor.queryCommandValue(cmdName)  =>  {*}
+         * @see COMMAND.LIST
+         */
+        queryCommandValue: function (cmdName) {
+            return this._callCmdFn('queryCommandValue', arguments);
+        },
+
+        /**
+         * 检查编辑区域中是否有内容
+         * @method  hasContents
+         * @remind 默认有文本内容，或者有以下节点都不认为是空
+         * table,ul,ol,dl,iframe,area,base,col,hr,img,embed,input,link,meta,param
+         * @return { Boolean } 检查有内容返回true，否则返回false
+         * @example
+         * ```javascript
+         * editor.hasContents()
+         * ```
+         */
+
+        /**
+         * 检查编辑区域中是否有内容，若包含参数tags中的节点类型，直接返回true
+         * @method  hasContents
+         * @param { Array } tags 传入数组判断时用到的节点类型
+         * @return { Boolean } 若文档中包含tags数组里对应的tag，返回true，否则返回false
+         * @example
+         * ```javascript
+         * editor.hasContents(['span']);
+         * ```
+         */
+        hasContents: function (tags) {
+            if (tags) {
+                for (var i = 0, ci; ci = tags[i++];) {
+                    if (this.document.getElementsByTagName(ci).length > 0) {
+                        return true;
+                    }
+                }
+            }
+            if (!domUtils.isEmptyBlock(this.body)) {
+                return true
+            }
+            //随时添加,定义的特殊标签如果存在，不能认为是空
+            tags = ['div'];
+            for (i = 0; ci = tags[i++];) {
+                var nodes = domUtils.getElementsByTagName(this.document, ci);
+                for (var n = 0, cn; cn = nodes[n++];) {
+                    if (domUtils.isCustomeNode(cn)) {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        },
+
+        /**
+         * 重置编辑器，可用来做多个tab使用同一个编辑器实例
+         * @method  reset
+         * @remind 此方法会清空编辑器内容，清空回退列表，会触发reset事件
+         * @example
+         * ```javascript
+         * editor.reset()
+         * ```
+         */
+        reset: function () {
+            this.fireEvent('reset');
+        },
+
+        /**
+         * 设置当前编辑区域可以编辑
+         * @method setEnabled
+         * @example
+         * ```javascript
+         * editor.setEnabled()
+         * ```
+         */
+        setEnabled: function () {
+            var me = this, range;
+            if (me.body.contentEditable == 'false') {
+                me.body.contentEditable = true;
+                range = me.selection.getRange();
+                //有可能内容丢失了
+                try {
+                    range.moveToBookmark(me.lastBk);
+                    delete me.lastBk
+                } catch (e) {
+                    range.setStartAtFirst(me.body).collapse(true)
+                }
+                range.select(true);
+                if (me.bkqueryCommandState) {
+                    me.queryCommandState = me.bkqueryCommandState;
+                    delete me.bkqueryCommandState;
+                }
+                if (me.bkqueryCommandValue) {
+                    me.queryCommandValue = me.bkqueryCommandValue;
+                    delete me.bkqueryCommandValue;
+                }
+                me.fireEvent('selectionchange');
+            }
+        },
+        enable: function () {
+            return this.setEnabled();
+        },
+
+        /** 设置当前编辑区域不可编辑
+         * @method setDisabled
+         */
+
+        /** 设置当前编辑区域不可编辑,except中的命令除外
+         * @method setDisabled
+         * @param { String } except 例外命令的字符串
+         * @remind 即使设置了disable，此处配置的例外命令仍然可以执行
+         * @example
+         * ```javascript
+         * editor.setDisabled('bold'); //禁用工具栏中除加粗之外的所有功能
+         * ```
+         */
+
+        /** 设置当前编辑区域不可编辑,except中的命令除外
+         * @method setDisabled
+         * @param { Array } except 例外命令的字符串数组，数组中的命令仍然可以执行
+         * @remind 即使设置了disable，此处配置的例外命令仍然可以执行
+         * @example
+         * ```javascript
+         * editor.setDisabled(['bold','insertimage']); //禁用工具栏中除加粗和插入图片之外的所有功能
+         * ```
+         */
+        setDisabled: function (except) {
+            var me = this;
+            except = except ? utils.isArray(except) ? except : [except] : [];
+            if (me.body.contentEditable == 'true') {
+                if (!me.lastBk) {
+                    me.lastBk = me.selection.getRange().createBookmark(true);
+                }
+                me.body.contentEditable = false;
+                me.bkqueryCommandState = me.queryCommandState;
+                me.bkqueryCommandValue = me.queryCommandValue;
+                me.queryCommandState = function (type) {
+                    if (utils.indexOf(except, type) != -1) {
+                        return me.bkqueryCommandState.apply(me, arguments);
+                    }
+                    return -1;
+                };
+                me.queryCommandValue = function (type) {
+                    if (utils.indexOf(except, type) != -1) {
+                        return me.bkqueryCommandValue.apply(me, arguments);
+                    }
+                    return null;
+                };
+                me.fireEvent('selectionchange');
+            }
+        },
+        disable: function (except) {
+            return this.setDisabled(except);
+        },
+
+        /**
+         * 设置默认内容
+         * @method _setDefaultContent
+         * @private
+         * @param  { String } cont 要存入的内容
+         */
+        _setDefaultContent: function () {
+            function clear() {
+                var me = this;
+                if (me.document.getElementById('initContent')) {
+                    me.body.innerHTML = '<p>' + (ie ? '' : '<br/>') + '</p>';
+                    me.removeListener('firstBeforeExecCommand focus', clear);
+                    setTimeout(function () {
+                        me.focus();
+                        me._selectionChange();
+                    }, 0)
+                }
+            }
+
+            return function (cont) {
+                var me = this;
+                me.body.innerHTML = '<p id="initContent">' + cont + '</p>';
+
+                me.addListener('firstBeforeExecCommand focus', clear);
+            }
+        }(),
+
+        /**
+         * 显示编辑器
+         * @method setShow
+         * @example
+         * ```javascript
+         * editor.setShow()
+         * ```
+         */
+        setShow: function () {
+            var me = this, range = me.selection.getRange();
+            if (me.container.style.display == 'none') {
+                //有可能内容丢失了
+                try {
+                    range.moveToBookmark(me.lastBk);
+                    delete me.lastBk
+                } catch (e) {
+                    range.setStartAtFirst(me.body).collapse(true)
+                }
+                //ie下focus实效，所以做了个延迟
+                setTimeout(function () {
+                    range.select(true);
+                }, 100);
+                me.container.style.display = '';
+            }
+
+        },
+        show: function () {
+            return this.setShow();
+        },
+        /**
+         * 隐藏编辑器
+         * @method setHide
+         * @example
+         * ```javascript
+         * editor.setHide()
+         * ```
+         */
+        setHide: function () {
+            var me = this;
+            if (!me.lastBk) {
+                me.lastBk = me.selection.getRange().createBookmark(true);
+            }
+            me.container.style.display = 'none'
+        },
+        hide: function () {
+            return this.setHide();
+        },
+
+        /**
+         * 根据指定的路径，获取对应的语言资源
+         * @method getLang
+         * @param { String } path 路径根据的是lang目录下的语言文件的路径结构
+         * @return { Object | String } 根据路径返回语言资源的Json格式对象或者语言字符串
+         * @example
+         * ```javascript
+         * editor.getLang('contextMenu.delete'); //如果当前是中文，那返回是的是'删除'
+         * ```
+         */
+        getLang: function (path) {
+            var lang = UE.I18N[this.options.lang];
+            if (!lang) {
+                throw Error("not import language file");
+            }
+            path = (path || "").split(".");
+            for (var i = 0, ci; ci = path[i++];) {
+                lang = lang[ci];
+                if (!lang)break;
+            }
+            return lang;
+        },
+
+        /**
+         * 计算编辑器html内容字符串的长度
+         * @method  getContentLength
+         * @return { Number } 返回计算的长度
+         * @example
+         * ```javascript
+         * //编辑器html内容<p><strong>132</strong></p>
+         * editor.getContentLength() //返回27
+         * ```
+         */
+        /**
+         * 计算编辑器当前纯文本内容的长度
+         * @method  getContentLength
+         * @param { Boolean } ingoneHtml 传入true时，只按照纯文本来计算
+         * @return { Number } 返回计算的长度，内容中有hr/img/iframe标签，长度加1
+         * @example
+         * ```javascript
+         * //编辑器html内容<p><strong>132</strong></p>
+         * editor.getContentLength() //返回3
+         * ```
+         */
+        getContentLength: function (ingoneHtml, tagNames) {
+            var count = this.getContent(false,false,true).length;
+            if (ingoneHtml) {
+                tagNames = (tagNames || []).concat([ 'hr', 'img', 'iframe']);
+                count = this.getContentTxt().replace(/[\t\r\n]+/g, '').length;
+                for (var i = 0, ci; ci = tagNames[i++];) {
+                    count += this.document.getElementsByTagName(ci).length;
+                }
+            }
+            return count;
+        },
+
+        /**
+         * 注册输入过滤规则
+         * @method  addInputRule
+         * @param { Function } rule 要添加的过滤规则
+         * @example
+         * ```javascript
+         * editor.addInputRule(function(root){
+         *   $.each(root.getNodesByTagName('div'),function(i,node){
+         *       node.tagName="p";
+         *   });
+         * });
+         * ```
+         */
+        addInputRule: function (rule) {
+            this.inputRules.push(rule);
+        },
+
+        /**
+         * 执行注册的过滤规则
+         * @method  filterInputRule
+         * @param { UE.uNode } root 要过滤的uNode节点
+         * @remind 执行editor.setContent方法和执行'inserthtml'命令后，会运行该过滤函数
+         * @example
+         * ```javascript
+         * editor.filterInputRule(editor.body);
+         * ```
+         * @see UE.Editor:addInputRule
+         */
+        filterInputRule: function (root) {
+            for (var i = 0, ci; ci = this.inputRules[i++];) {
+                ci.call(this, root)
+            }
+        },
+
+        /**
+         * 注册输出过滤规则
+         * @method  addOutputRule
+         * @param { Function } rule 要添加的过滤规则
+         * @example
+         * ```javascript
+         * editor.addOutputRule(function(root){
+         *   $.each(root.getNodesByTagName('p'),function(i,node){
+         *       node.tagName="div";
+         *   });
+         * });
+         * ```
+         */
+        addOutputRule: function (rule) {
+            this.outputRules.push(rule)
+        },
+
+        /**
+         * 根据输出过滤规则，过滤编辑器内容
+         * @method  filterOutputRule
+         * @remind 执行editor.getContent方法的时候，会先运行该过滤函数
+         * @param { UE.uNode } root 要过滤的uNode节点
+         * @example
+         * ```javascript
+         * editor.filterOutputRule(editor.body);
+         * ```
+         * @see UE.Editor:addOutputRule
+         */
+        filterOutputRule: function (root) {
+            for (var i = 0, ci; ci = this.outputRules[i++];) {
+                ci.call(this, root)
+            }
+        },
+
+        /**
+         * 根据action名称获取请求的路径
+         * @method  getActionUrl
+         * @remind 假如没有设置serverUrl,会根据imageUrl设置默认的controller路径
+         * @param { String } action action名称
+         * @example
+         * ```javascript
+         * editor.getActionUrl('config'); //返回 "/ueditor/php/controller.php?action=config"
+         * editor.getActionUrl('image'); //返回 "/ueditor/php/controller.php?action=uplaodimage"
+         * editor.getActionUrl('scrawl'); //返回 "/ueditor/php/controller.php?action=uplaodscrawl"
+         * editor.getActionUrl('imageManager'); //返回 "/ueditor/php/controller.php?action=listimage"
+         * ```
+         */
+        getActionUrl: function(action){
+            var actionName = this.getOpt(action) || action,
+                imageUrl = this.getOpt('imageUrl'),
+                serverUrl = this.getOpt('serverUrl');
+
+            if(!serverUrl && imageUrl) {
+                serverUrl = imageUrl.replace(/^(.*[\/]).+([\.].+)$/, '$1controller$2');
+            }
+
+            if(serverUrl) {
+                serverUrl = serverUrl + (serverUrl.indexOf('?') == -1 ? '?':'&') + 'action=' + (actionName || '');
+                return utils.formatUrl(serverUrl);
+            } else {
+                return '';
+            }
+        }
+    };
+    utils.inherits(Editor, EventBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/EventBase.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/EventBase.js
new file mode 100644
index 000000000..0b77406fc
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/EventBase.js
@@ -0,0 +1,167 @@
+/**
+ * UE采用的事件基类
+ * @file
+ * @module UE
+ * @class EventBase
+ * @since 1.2.6.1
+ */
+
+/**
+ * UEditor公用空间，UEditor所有的功能都挂载在该空间下
+ * @unfile
+ * @module UE
+ */
+
+/**
+ * UE采用的事件基类，继承此类的对应类将获取addListener,removeListener,fireEvent方法。
+ * 在UE中，Editor以及所有ui实例都继承了该类，故可以在对应的ui对象以及editor对象上使用上述方法。
+ * @unfile
+ * @module UE
+ * @class EventBase
+ */
+
+/**
+ * 通过此构造器，子类可以继承EventBase获取事件监听的方法
+ * @constructor
+ * @example
+ * ```javascript
+ * UE.EventBase.call(editor);
+ * ```
+ */
+var EventBase = UE.EventBase = function () {};
+
+EventBase.prototype = {
+
+    /**
+     * 注册事件监听器
+     * @method addListener
+     * @param { String } types 监听的事件名称，同时监听多个事件使用空格分隔
+     * @param { Function } fn 监听的事件被触发时，会执行该回调函数
+     * @waining 事件被触发时，监听的函数假如返回的值恒等于true，回调函数的队列中后面的函数将不执行
+     * @example
+     * ```javascript
+     * editor.addListener('selectionchange',function(){
+     *      console.log("选区已经变化！");
+     * })
+     * editor.addListener('beforegetcontent aftergetcontent',function(type){
+     *         if(type == 'beforegetcontent'){
+     *             //do something
+     *         }else{
+     *             //do something
+     *         }
+     *         console.log(this.getContent) // this是注册的事件的编辑器实例
+     * })
+     * ```
+     * @see UE.EventBase:fireEvent(String)
+     */
+    addListener:function (types, listener) {
+        types = utils.trim(types).split(/\s+/);
+        for (var i = 0, ti; ti = types[i++];) {
+            getListener(this, ti, true).push(listener);
+        }
+    },
+
+    on : function(types, listener){
+      return this.addListener(types,listener);
+    },
+    off : function(types, listener){
+        return this.removeListener(types, listener)
+    },
+    trigger:function(){
+        return this.fireEvent.apply(this,arguments);
+    },
+    /**
+     * 移除事件监听器
+     * @method removeListener
+     * @param { String } types 移除的事件名称，同时移除多个事件使用空格分隔
+     * @param { Function } fn 移除监听事件的函数引用
+     * @example
+     * ```javascript
+     * //changeCallback为方法体
+     * editor.removeListener("selectionchange",changeCallback);
+     * ```
+     */
+    removeListener:function (types, listener) {
+        types = utils.trim(types).split(/\s+/);
+        for (var i = 0, ti; ti = types[i++];) {
+            utils.removeItem(getListener(this, ti) || [], listener);
+        }
+    },
+
+    /**
+     * 触发事件
+     * @method fireEvent
+     * @param { String } types 触发的事件名称，同时触发多个事件使用空格分隔
+     * @remind 该方法会触发addListener
+     * @return { * } 返回触发事件的队列中，最后执行的回调函数的返回值
+     * @example
+     * ```javascript
+     * editor.fireEvent("selectionchange");
+     * ```
+     */
+
+    /**
+     * 触发事件
+     * @method fireEvent
+     * @param { String } types 触发的事件名称，同时触发多个事件使用空格分隔
+     * @param { *... } options 可选参数，可以传入一个或多个参数，会传给事件触发的回调函数
+     * @return { * } 返回触发事件的队列中，最后执行的回调函数的返回值
+     * @example
+     * ```javascript
+     *
+     * editor.addListener( "selectionchange", function ( type, arg1, arg2 ) {
+     *
+     *     console.log( arg1 + " " + arg2 );
+     *
+     * } );
+     *
+     * //触发selectionchange事件， 会执行上面的事件监听器
+     * //output: Hello World
+     * editor.fireEvent("selectionchange", "Hello", "World");
+     * ```
+     */
+    fireEvent:function () {
+        var types = arguments[0];
+        types = utils.trim(types).split(' ');
+        for (var i = 0, ti; ti = types[i++];) {
+            var listeners = getListener(this, ti),
+                r, t, k;
+            if (listeners) {
+                k = listeners.length;
+                while (k--) {
+                    if(!listeners[k])continue;
+                    t = listeners[k].apply(this, arguments);
+                    if(t === true){
+                        return t;
+                    }
+                    if (t !== undefined) {
+                        r = t;
+                    }
+                }
+            }
+            if (t = this['on' + ti.toLowerCase()]) {
+                r = t.apply(this, arguments);
+            }
+        }
+        return r;
+    }
+};
+/**
+ * 获得对象所拥有监听类型的所有监听器
+ * @unfile
+ * @module UE
+ * @since 1.2.6.1
+ * @method getListener
+ * @public
+ * @param { Object } obj  查询监听器的对象
+ * @param { String } type 事件类型
+ * @param { Boolean } force  为true且当前所有type类型的侦听器不存在时，创建一个空监听器数组
+ * @return { Array } 监听器数组
+ */
+function getListener(obj, type, force) {
+    var allListeners;
+    type = type.toLowerCase();
+    return ( ( allListeners = ( obj.__allListeners || force && ( obj.__allListeners = {} ) ) )
+        && ( allListeners[type] || force && ( allListeners[type] = [] ) ) );
+}
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Range.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Range.js
new file mode 100644
index 000000000..8e331b30b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Range.js
@@ -0,0 +1,1845 @@
+/**
+ * Range封装
+ * @file
+ * @module UE.dom
+ * @class Range
+ * @since 1.2.6.1
+ */
+
+/**
+ * dom操作封装
+ * @unfile
+ * @module UE.dom
+ */
+
+/**
+ * Range实现类，本类是UEditor底层核心类，封装不同浏览器之间的Range操作。
+ * @unfile
+ * @module UE.dom
+ * @class Range
+ */
+
+
+(function () {
+    var guid = 0,
+        fillChar = domUtils.fillChar,
+        fillData;
+
+    /**
+     * 更新range的collapse状态
+     * @param  {Range}   range    range对象
+     */
+    function updateCollapse(range) {
+        range.collapsed =
+            range.startContainer && range.endContainer &&
+                range.startContainer === range.endContainer &&
+                range.startOffset == range.endOffset;
+    }
+
+    function selectOneNode(rng){
+        return !rng.collapsed && rng.startContainer.nodeType == 1 && rng.startContainer === rng.endContainer && rng.endOffset - rng.startOffset == 1
+    }
+    function setEndPoint(toStart, node, offset, range) {
+        //如果node是自闭合标签要处理
+        if (node.nodeType == 1 && (dtd.$empty[node.tagName] || dtd.$nonChild[node.tagName])) {
+            offset = domUtils.getNodeIndex(node) + (toStart ? 0 : 1);
+            node = node.parentNode;
+        }
+        if (toStart) {
+            range.startContainer = node;
+            range.startOffset = offset;
+            if (!range.endContainer) {
+                range.collapse(true);
+            }
+        } else {
+            range.endContainer = node;
+            range.endOffset = offset;
+            if (!range.startContainer) {
+                range.collapse(false);
+            }
+        }
+        updateCollapse(range);
+        return range;
+    }
+
+    function execContentsAction(range, action) {
+        //调整边界
+        //range.includeBookmark();
+        var start = range.startContainer,
+            end = range.endContainer,
+            startOffset = range.startOffset,
+            endOffset = range.endOffset,
+            doc = range.document,
+            frag = doc.createDocumentFragment(),
+            tmpStart, tmpEnd;
+        if (start.nodeType == 1) {
+            start = start.childNodes[startOffset] || (tmpStart = start.appendChild(doc.createTextNode('')));
+        }
+        if (end.nodeType == 1) {
+            end = end.childNodes[endOffset] || (tmpEnd = end.appendChild(doc.createTextNode('')));
+        }
+        if (start === end && start.nodeType == 3) {
+            frag.appendChild(doc.createTextNode(start.substringData(startOffset, endOffset - startOffset)));
+            //is not clone
+            if (action) {
+                start.deleteData(startOffset, endOffset - startOffset);
+                range.collapse(true);
+            }
+            return frag;
+        }
+        var current, currentLevel, clone = frag,
+            startParents = domUtils.findParents(start, true), endParents = domUtils.findParents(end, true);
+        for (var i = 0; startParents[i] == endParents[i];) {
+            i++;
+        }
+        for (var j = i, si; si = startParents[j]; j++) {
+            current = si.nextSibling;
+            if (si == start) {
+                if (!tmpStart) {
+                    if (range.startContainer.nodeType == 3) {
+                        clone.appendChild(doc.createTextNode(start.nodeValue.slice(startOffset)));
+                        //is not clone
+                        if (action) {
+                            start.deleteData(startOffset, start.nodeValue.length - startOffset);
+                        }
+                    } else {
+                        clone.appendChild(!action ? start.cloneNode(true) : start);
+                    }
+                }
+            } else {
+                currentLevel = si.cloneNode(false);
+                clone.appendChild(currentLevel);
+            }
+            while (current) {
+                if (current === end || current === endParents[j]) {
+                    break;
+                }
+                si = current.nextSibling;
+                clone.appendChild(!action ? current.cloneNode(true) : current);
+                current = si;
+            }
+            clone = currentLevel;
+        }
+        clone = frag;
+        if (!startParents[i]) {
+            clone.appendChild(startParents[i - 1].cloneNode(false));
+            clone = clone.firstChild;
+        }
+        for (var j = i, ei; ei = endParents[j]; j++) {
+            current = ei.previousSibling;
+            if (ei == end) {
+                if (!tmpEnd && range.endContainer.nodeType == 3) {
+                    clone.appendChild(doc.createTextNode(end.substringData(0, endOffset)));
+                    //is not clone
+                    if (action) {
+                        end.deleteData(0, endOffset);
+                    }
+                }
+            } else {
+                currentLevel = ei.cloneNode(false);
+                clone.appendChild(currentLevel);
+            }
+            //如果两端同级，右边第一次已经被开始做了
+            if (j != i || !startParents[i]) {
+                while (current) {
+                    if (current === start) {
+                        break;
+                    }
+                    ei = current.previousSibling;
+                    clone.insertBefore(!action ? current.cloneNode(true) : current, clone.firstChild);
+                    current = ei;
+                }
+            }
+            clone = currentLevel;
+        }
+        if (action) {
+            range.setStartBefore(!endParents[i] ? endParents[i - 1] : !startParents[i] ? startParents[i - 1] : endParents[i]).collapse(true);
+        }
+        tmpStart && domUtils.remove(tmpStart);
+        tmpEnd && domUtils.remove(tmpEnd);
+        return frag;
+    }
+
+    /**
+     * 创建一个跟document绑定的空的Range实例
+     * @constructor
+     * @param { Document } document 新建的选区所属的文档对象
+     */
+
+    /**
+     * @property { Node } startContainer 当前Range的开始边界的容器节点, 可以是一个元素节点或者是文本节点
+     */
+
+    /**
+     * @property { Node } startOffset 当前Range的开始边界容器节点的偏移量, 如果是元素节点，
+     *                              该值就是childNodes中的第几个节点， 如果是文本节点就是文本内容的第几个字符
+     */
+
+    /**
+     * @property { Node } endContainer 当前Range的结束边界的容器节点, 可以是一个元素节点或者是文本节点
+     */
+
+    /**
+     * @property { Node } endOffset 当前Range的结束边界容器节点的偏移量, 如果是元素节点，
+     *                              该值就是childNodes中的第几个节点， 如果是文本节点就是文本内容的第几个字符
+     */
+
+    /**
+     * @property { Boolean } collapsed 当前Range是否闭合
+     * @default true
+     * @remind Range是闭合的时候， startContainer === endContainer && startOffset === endOffset
+     */
+
+    /**
+     * @property { Document } document 当前Range所属的Document对象
+     * @remind 不同range的的document属性可以是不同的
+     */
+    var Range = dom.Range = function (document) {
+        var me = this;
+        me.startContainer =
+            me.startOffset =
+                me.endContainer =
+                    me.endOffset = null;
+        me.document = document;
+        me.collapsed = true;
+    };
+
+    /**
+     * 删除fillData
+     * @param doc
+     * @param excludeNode
+     */
+    function removeFillData(doc, excludeNode) {
+        try {
+            if (fillData && domUtils.inDoc(fillData, doc)) {
+                if (!fillData.nodeValue.replace(fillCharReg, '').length) {
+                    var tmpNode = fillData.parentNode;
+                    domUtils.remove(fillData);
+                    while (tmpNode && domUtils.isEmptyInlineElement(tmpNode) &&
+                        //safari的contains有bug
+                        (browser.safari ? !(domUtils.getPosition(tmpNode,excludeNode) & domUtils.POSITION_CONTAINS) : !tmpNode.contains(excludeNode))
+                        ) {
+                        fillData = tmpNode.parentNode;
+                        domUtils.remove(tmpNode);
+                        tmpNode = fillData;
+                    }
+                } else {
+                    fillData.nodeValue = fillData.nodeValue.replace(fillCharReg, '');
+                }
+            }
+        } catch (e) {
+        }
+    }
+
+    /**
+     * @param node
+     * @param dir
+     */
+    function mergeSibling(node, dir) {
+        var tmpNode;
+        node = node[dir];
+        while (node && domUtils.isFillChar(node)) {
+            tmpNode = node[dir];
+            domUtils.remove(node);
+            node = tmpNode;
+        }
+    }
+
+    Range.prototype = {
+
+        /**
+         * 克隆选区的内容到一个DocumentFragment里
+         * @method cloneContents
+         * @return { DocumentFragment | NULL } 如果选区是闭合的将返回null， 否则， 返回包含所clone内容的DocumentFragment元素
+         * @example
+         * ```html
+         * <body>
+         *      <!-- 中括号表示选区 -->
+         *      <b>x<i>x[x</i>xx]x</b>
+         *
+         *      <script>
+         *          //range是已选中的选区
+         *          var fragment = range.cloneContents(),
+         *              node = document.createElement("div");
+         *
+         *          node.appendChild( fragment );
+         *
+         *          //output: <i>x</i>xx
+         *          console.log( node.innerHTML );
+         *
+         *      </script>
+         * </body>
+         * ```
+         */
+        cloneContents:function () {
+            return this.collapsed ? null : execContentsAction(this, 0);
+        },
+
+        /**
+         * 删除当前选区范围中的所有内容
+         * @method deleteContents
+         * @remind 执行完该操作后， 当前Range对象变成了闭合状态
+         * @return { UE.dom.Range } 当前操作的Range对象
+         * @example
+         * ```html
+         * <body>
+         *      <!-- 中括号表示选区 -->
+         *      <b>x<i>x[x</i>xx]x</b>
+         *
+         *      <script>
+         *          //range是已选中的选区
+         *          range.deleteContents();
+         *
+         *          //竖线表示闭合后的选区位置
+         *          //output: <b>x<i>x</i>|x</b>
+         *          console.log( document.body.innerHTML );
+         *
+         *          //此时， range的各项属性为
+         *          //output: B
+         *          console.log( range.startContainer.tagName );
+         *          //output: 2
+         *          console.log( range.startOffset );
+         *          //output: B
+         *          console.log( range.endContainer.tagName );
+         *          //output: 2
+         *          console.log( range.endOffset );
+         *          //output: true
+         *          console.log( range.collapsed );
+         *
+         *      </script>
+         * </body>
+         * ```
+         */
+        deleteContents:function () {
+            var txt;
+            if (!this.collapsed) {
+                execContentsAction(this, 1);
+            }
+            if (browser.webkit) {
+                txt = this.startContainer;
+                if (txt.nodeType == 3 && !txt.nodeValue.length) {
+                    this.setStartBefore(txt).collapse(true);
+                    domUtils.remove(txt);
+                }
+            }
+            return this;
+        },
+
+        /**
+         * 将当前选区的内容提取到一个DocumentFragment里
+         * @method extractContents
+         * @remind 执行该操作后， 选区将变成闭合状态
+         * @warning 执行该操作后， 原来选区所选中的内容将从dom树上剥离出来
+         * @return { DocumentFragment } 返回包含所提取内容的DocumentFragment对象
+         * @example
+         * ```html
+         * <body>
+         *      <!-- 中括号表示选区 -->
+         *      <b>x<i>x[x</i>xx]x</b>
+         *
+         *      <script>
+         *          //range是已选中的选区
+         *          var fragment = range.extractContents(),
+         *              node = document.createElement( "div" );
+         *
+         *          node.appendChild( fragment );
+         *
+         *          //竖线表示闭合后的选区位置
+         *
+         *          //output: <b>x<i>x</i>|x</b>
+         *          console.log( document.body.innerHTML );
+         *          //output: <i>x</i>xx
+         *          console.log( node.innerHTML );
+         *
+         *          //此时， range的各项属性为
+         *          //output: B
+         *          console.log( range.startContainer.tagName );
+         *          //output: 2
+         *          console.log( range.startOffset );
+         *          //output: B
+         *          console.log( range.endContainer.tagName );
+         *          //output: 2
+         *          console.log( range.endOffset );
+         *          //output: true
+         *          console.log( range.collapsed );
+         *
+         *      </script>
+         * </body>
+         */
+        extractContents:function () {
+            return this.collapsed ? null : execContentsAction(this, 2);
+        },
+
+        /**
+         * 设置Range的开始容器节点和偏移量
+         * @method  setStart
+         * @remind 如果给定的节点是元素节点，那么offset指的是其子元素中索引为offset的元素，
+         *          如果是文本节点，那么offset指的是其文本内容的第offset个字符
+         * @remind 如果提供的容器节点是一个不能包含子元素的节点， 则该选区的开始容器将被设置
+         *          为该节点的父节点， 此时， 其距离开始容器的偏移量也变成了该节点在其父节点
+         *          中的索引
+         * @param { Node } node 将被设为当前选区开始边界容器的节点对象
+         * @param { int } offset 选区的开始位置偏移量
+         * @return { UE.dom.Range } 当前range对象
+         * @example
+         * ```html
+         * <!-- 选区 -->
+         * <b>xxx<i>x<span>xx</span>xx<em>xx</em>xxx</i>[xxx]</b>
+         *
+         * <script>
+         *
+         *     //执行操作
+         *     range.setStart( document.getElementsByTagName("i")[0], 1 );
+         *
+         *     //此时， 选区变成了
+         *     //<b>xxx<i>x[<span>xx</span>xx<em>xx</em>xxx</i>xxx]</b>
+         *
+         * </script>
+         * ```
+         * @example
+         * ```html
+         * <!-- 选区 -->
+         * <b>xxx<img>[xx]x</b>
+         *
+         * <script>
+         *
+         *     //执行操作
+         *     range.setStart( document.getElementsByTagName("img")[0], 3 );
+         *
+         *     //此时， 选区变成了
+         *     //<b>xxx[<img>xx]x</b>
+         *
+         * </script>
+         * ```
+         */
+        setStart:function (node, offset) {
+            return setEndPoint(true, node, offset, this);
+        },
+
+        /**
+         * 设置Range的结束容器和偏移量
+         * @method  setEnd
+         * @param { Node } node 作为当前选区结束边界容器的节点对象
+         * @param { int } offset 结束边界的偏移量
+         * @see UE.dom.Range:setStart(Node,int)
+         * @return { UE.dom.Range } 当前range对象
+         */
+        setEnd:function (node, offset) {
+            return setEndPoint(false, node, offset, this);
+        },
+
+        /**
+         * 将Range开始位置设置到node节点之后
+         * @method  setStartAfter
+         * @remind 该操作将会把给定节点的父节点作为range的开始容器， 且偏移量是该节点在其父节点中的位置索引+1
+         * @param { Node } node 选区的开始边界将紧接着该节点之后
+         * @return { UE.dom.Range } 当前range对象
+         * @example
+         * ```html
+         * <!-- 选区示例 -->
+         * <b>xx<i>xxx</i><span>xx[x</span>xxx]</b>
+         *
+         * <script>
+         *
+         *     //执行操作
+         *     range.setStartAfter( document.getElementsByTagName("i")[0] );
+         *
+         *     //结果选区
+         *     //<b>xx<i>xxx</i>[<span>xxx</span>xxx]</b>
+         *
+         * </script>
+         * ```
+         */
+        setStartAfter:function (node) {
+            return this.setStart(node.parentNode, domUtils.getNodeIndex(node) + 1);
+        },
+
+        /**
+         * 将Range开始位置设置到node节点之前
+         * @method  setStartBefore
+         * @remind 该操作将会把给定节点的父节点作为range的开始容器， 且偏移量是该节点在其父节点中的位置索引
+         * @param { Node } node 新的选区开始位置在该节点之前
+         * @see UE.dom.Range:setStartAfter(Node)
+         * @return { UE.dom.Range } 当前range对象
+         */
+        setStartBefore:function (node) {
+            return this.setStart(node.parentNode, domUtils.getNodeIndex(node));
+        },
+
+        /**
+         * 将Range结束位置设置到node节点之后
+         * @method  setEndAfter
+         * @remind 该操作将会把给定节点的父节点作为range的结束容器， 且偏移量是该节点在其父节点中的位置索引+1
+         * @param { Node } node 目标节点
+         * @see UE.dom.Range:setStartAfter(Node)
+         * @return { UE.dom.Range } 当前range对象
+         * @example
+         * ```html
+         * <!-- 选区示例 -->
+         * <b>[xx<i>xxx</i><span>xx]x</span>xxx</b>
+         *
+         * <script>
+         *
+         *     //执行操作
+         *     range.setStartAfter( document.getElementsByTagName("span")[0] );
+         *
+         *     //结果选区
+         *     //<b>[xx<i>xxx</i><span>xxx</span>]xxx</b>
+         *
+         * </script>
+         * ```
+         */
+        setEndAfter:function (node) {
+            return this.setEnd(node.parentNode, domUtils.getNodeIndex(node) + 1);
+        },
+
+        /**
+         * 将Range结束位置设置到node节点之前
+         * @method  setEndBefore
+         * @remind 该操作将会把给定节点的父节点作为range的结束容器， 且偏移量是该节点在其父节点中的位置索引
+         * @param { Node } node 目标节点
+         * @see UE.dom.Range:setEndAfter(Node)
+         * @return { UE.dom.Range } 当前range对象
+         */
+        setEndBefore:function (node) {
+            return this.setEnd(node.parentNode, domUtils.getNodeIndex(node));
+        },
+
+        /**
+         * 设置Range的开始位置到node节点内的第一个子节点之前
+         * @method  setStartAtFirst
+         * @remind 选区的开始容器将变成给定的节点， 且偏移量为0
+         * @remind 如果给定的节点是元素节点， 则该节点必须是允许包含子节点的元素。
+         * @param { Node } node 目标节点
+         * @see UE.dom.Range:setStartBefore(Node)
+         * @return { UE.dom.Range } 当前range对象
+         * @example
+         * ```html
+         * <!-- 选区示例 -->
+         * <b>xx<i>xxx</i><span>[xx]x</span>xxx</b>
+         *
+         * <script>
+         *
+         *     //执行操作
+         *     range.setStartAtFirst( document.getElementsByTagName("i")[0] );
+         *
+         *     //结果选区
+         *     //<b>xx<i>[xxx</i><span>xx]x</span>xxx</b>
+         *
+         * </script>
+         * ```
+         */
+        setStartAtFirst:function (node) {
+            return this.setStart(node, 0);
+        },
+
+        /**
+         * 设置Range的开始位置到node节点内的最后一个节点之后
+         * @method setStartAtLast
+         * @remind 选区的开始容器将变成给定的节点， 且偏移量为该节点的子节点数
+         * @remind 如果给定的节点是元素节点， 则该节点必须是允许包含子节点的元素。
+         * @param { Node } node 目标节点
+         * @see UE.dom.Range:setStartAtFirst(Node)
+         * @return { UE.dom.Range } 当前range对象
+         */
+        setStartAtLast:function (node) {
+            return this.setStart(node, node.nodeType == 3 ? node.nodeValue.length : node.childNodes.length);
+        },
+
+        /**
+         * 设置Range的结束位置到node节点内的第一个节点之前
+         * @method  setEndAtFirst
+         * @param { Node } node 目标节点
+         * @remind 选区的结束容器将变成给定的节点， 且偏移量为0
+         * @remind node必须是一个元素节点， 且必须是允许包含子节点的元素。
+         * @see UE.dom.Range:setStartAtFirst(Node)
+         * @return { UE.dom.Range } 当前range对象
+         */
+        setEndAtFirst:function (node) {
+            return this.setEnd(node, 0);
+        },
+
+        /**
+         * 设置Range的结束位置到node节点内的最后一个节点之后
+         * @method  setEndAtLast
+         * @param { Node } node 目标节点
+         * @remind 选区的结束容器将变成给定的节点， 且偏移量为该节点的子节点数量
+         * @remind node必须是一个元素节点， 且必须是允许包含子节点的元素。
+         * @see UE.dom.Range:setStartAtFirst(Node)
+         * @return { UE.dom.Range } 当前range对象
+         */
+        setEndAtLast:function (node) {
+            return this.setEnd(node, node.nodeType == 3 ? node.nodeValue.length : node.childNodes.length);
+        },
+
+        /**
+         * 选中给定节点
+         * @method  selectNode
+         * @remind 此时， 选区的开始容器和结束容器都是该节点的父节点， 其startOffset是该节点在父节点中的位置索引，
+         *          而endOffset为startOffset+1
+         * @param { Node } node 需要选中的节点
+         * @return { UE.dom.Range } 当前range对象，此时的range仅包含当前给定的节点对象
+         * @example
+         * ```html
+         * <!-- 选区示例 -->
+         * <b>xx<i>xxx</i><span>[xx]x</span>xxx</b>
+         *
+         * <script>
+         *
+         *     //执行操作
+         *     range.selectNode( document.getElementsByTagName("i")[0] );
+         *
+         *     //结果选区
+         *     //<b>xx[<i>xxx</i>]<span>xxx</span>xxx</b>
+         *
+         * </script>
+         * ```
+         */
+        selectNode:function (node) {
+            return this.setStartBefore(node).setEndAfter(node);
+        },
+
+        /**
+         * 选中给定节点内部的所有节点
+         * @method  selectNodeContents
+         * @remind 此时， 选区的开始容器和结束容器都是该节点， 其startOffset为0，
+         *          而endOffset是该节点的子节点数。
+         * @param { Node } node 目标节点， 当前range将包含该节点内的所有节点
+         * @return { UE.dom.Range } 当前range对象， 此时range仅包含给定节点的所有子节点
+         * @example
+         * ```html
+         * <!-- 选区示例 -->
+         * <b>xx<i>xxx</i><span>[xx]x</span>xxx</b>
+         *
+         * <script>
+         *
+         *     //执行操作
+         *     range.selectNode( document.getElementsByTagName("b")[0] );
+         *
+         *     //结果选区
+         *     //<b>[xx<i>xxx</i><span>xxx</span>xxx]</b>
+         *
+         * </script>
+         * ```
+         */
+        selectNodeContents:function (node) {
+            return this.setStart(node, 0).setEndAtLast(node);
+        },
+
+        /**
+         * clone当前Range对象
+         * @method  cloneRange
+         * @remind 返回的range是一个全新的range对象， 其内部所有属性与当前被clone的range相同。
+         * @return { UE.dom.Range } 当前range对象的一个副本
+         */
+        cloneRange:function () {
+            var me = this;
+            return new Range(me.document).setStart(me.startContainer, me.startOffset).setEnd(me.endContainer, me.endOffset);
+
+        },
+
+        /**
+         * 向当前选区的结束处闭合选区
+         * @method  collapse
+         * @return { UE.dom.Range } 当前range对象
+         * @example
+         * ```html
+         * <!-- 选区示例 -->
+         * <b>xx<i>xxx</i><span>[xx]x</span>xxx</b>
+         *
+         * <script>
+         *
+         *     //执行操作
+         *     range.collapse();
+         *
+         *     //结果选区
+         *     //“|”表示选区已闭合
+         *     //<b>xx<i>xxx</i><span>xx|x</span>xxx</b>
+         *
+         * </script>
+         * ```
+         */
+
+        /**
+         * 闭合当前选区，根据给定的toStart参数项决定是向当前选区开始处闭合还是向结束处闭合，
+         * 如果toStart的值为true，则向开始位置闭合， 反之，向结束位置闭合。
+         * @method  collapse
+         * @param { Boolean } toStart 是否向选区开始处闭合
+         * @return { UE.dom.Range } 当前range对象，此时range对象处于闭合状态
+         * @see UE.dom.Range:collapse()
+         * @example
+         * ```html
+         * <!-- 选区示例 -->
+         * <b>xx<i>xxx</i><span>[xx]x</span>xxx</b>
+         *
+         * <script>
+         *
+         *     //执行操作
+         *     range.collapse( true );
+         *
+         *     //结果选区
+         *     //“|”表示选区已闭合
+         *     //<b>xx<i>xxx</i><span>|xxx</span>xxx</b>
+         *
+         * </script>
+         * ```
+         */
+        collapse:function (toStart) {
+            var me = this;
+            if (toStart) {
+                me.endContainer = me.startContainer;
+                me.endOffset = me.startOffset;
+            } else {
+                me.startContainer = me.endContainer;
+                me.startOffset = me.endOffset;
+            }
+            me.collapsed = true;
+            return me;
+        },
+
+        /**
+         * 调整range的开始位置和结束位置，使其"收缩"到最小的位置
+         * @method  shrinkBoundary
+         * @return { UE.dom.Range } 当前range对象
+         * @example
+         * ```html
+         * <span>xx<b>xx[</b>xxxxx]</span> => <span>xx<b>xx</b>[xxxxx]</span>
+         * ```
+         *
+         * @example
+         * ```html
+         * <!-- 选区示例 -->
+         * <b>x[xx</b><i>]xxx</i>
+         *
+         * <script>
+         *
+         *     //执行收缩
+         *     range.shrinkBoundary();
+         *
+         *     //结果选区
+         *     //<b>x[xx]</b><i>xxx</i>
+         * </script>
+         * ```
+         *
+         * @example
+         * ```html
+         * [<b><i>xxxx</i>xxxxxxx</b>] => <b><i>[xxxx</i>xxxxxxx]</b>
+         * ```
+         */
+
+        /**
+         * 调整range的开始位置和结束位置，使其"收缩"到最小的位置，
+         * 如果ignoreEnd的值为true，则忽略对结束位置的调整
+         * @method  shrinkBoundary
+         * @param { Boolean } ignoreEnd 是否忽略对结束位置的调整
+         * @return { UE.dom.Range } 当前range对象
+         * @see UE.dom.domUtils.Range:shrinkBoundary()
+         */
+        shrinkBoundary:function (ignoreEnd) {
+            var me = this, child,
+                collapsed = me.collapsed;
+            function check(node){
+                return node.nodeType == 1 && !domUtils.isBookmarkNode(node) && !dtd.$empty[node.tagName] && !dtd.$nonChild[node.tagName]
+            }
+            while (me.startContainer.nodeType == 1 //是element
+                && (child = me.startContainer.childNodes[me.startOffset]) //子节点也是element
+                && check(child)) {
+                me.setStart(child, 0);
+            }
+            if (collapsed) {
+                return me.collapse(true);
+            }
+            if (!ignoreEnd) {
+                while (me.endContainer.nodeType == 1//是element
+                    && me.endOffset > 0 //如果是空元素就退出 endOffset=0那么endOffst-1为负值，childNodes[endOffset]报错
+                    && (child = me.endContainer.childNodes[me.endOffset - 1]) //子节点也是element
+                    && check(child)) {
+                    me.setEnd(child, child.childNodes.length);
+                }
+            }
+            return me;
+        },
+
+        /**
+         * 获取离当前选区内包含的所有节点最近的公共祖先节点，
+         * @method  getCommonAncestor
+         * @remind 返回的公共祖先节点一定不是range自身的容器节点， 但有可能是一个文本节点
+         * @return { Node } 当前range对象内所有节点的公共祖先节点
+         * @example
+         * ```html
+         * //选区示例
+         * <span>xxx<b>x[x<em>xx]x</em>xxx</b>xx</span>
+         * <script>
+         *
+         *     var node = range.getCommonAncestor();
+         *
+         *     //公共祖先节点是： b节点
+         *     //输出： B
+         *     console.log(node.tagName);
+         *
+         * </script>
+         * ```
+         */
+
+        /**
+         * 获取当前选区所包含的所有节点的公共祖先节点， 可以根据给定的参数 includeSelf 决定获取到
+         * 的公共祖先节点是否可以是当前选区的startContainer或endContainer节点， 如果 includeSelf
+         * 的取值为true， 则返回的节点可以是自身的容器节点， 否则， 则不能是容器节点
+         * @method  getCommonAncestor
+         * @param { Boolean } includeSelf 是否允许获取到的公共祖先节点是当前range对象的容器节点
+         * @return { Node } 当前range对象内所有节点的公共祖先节点
+         * @see UE.dom.Range:getCommonAncestor()
+         * @example
+         * ```html
+         * <body>
+         *
+         *     <!-- 选区示例 -->
+         *     <b>xxx<i>xxxx<span>xx[x</span>xx]x</i>xxxxxxx</b>
+         *
+         *     <script>
+         *
+         *         var node = range.getCommonAncestor( false );
+         *
+         *         //这里的公共祖先节点是B而不是I， 是因为参数限制了获取到的节点不能是容器节点
+         *         //output: B
+         *         console.log( node.tagName );
+         *
+         *     </script>
+         *
+         * </body>
+         * ```
+         */
+
+        /**
+         * 获取当前选区所包含的所有节点的公共祖先节点， 可以根据给定的参数 includeSelf 决定获取到
+         * 的公共祖先节点是否可以是当前选区的startContainer或endContainer节点， 如果 includeSelf
+         * 的取值为true， 则返回的节点可以是自身的容器节点， 否则， 则不能是容器节点； 同时可以根据
+         * ignoreTextNode 参数的取值决定是否忽略类型为文本节点的祖先节点。
+         * @method  getCommonAncestor
+         * @param { Boolean } includeSelf 是否允许获取到的公共祖先节点是当前range对象的容器节点
+         * @param { Boolean } ignoreTextNode 获取祖先节点的过程中是否忽略类型为文本节点的祖先节点
+         * @return { Node } 当前range对象内所有节点的公共祖先节点
+         * @see UE.dom.Range:getCommonAncestor()
+         * @see UE.dom.Range:getCommonAncestor(Boolean)
+         * @example
+         * ```html
+         * <body>
+         *
+         *     <!-- 选区示例 -->
+         *     <b>xxx<i>xxxx<span>x[x]x</span>xxx</i>xxxxxxx</b>
+         *
+         *     <script>
+         *
+         *         var node = range.getCommonAncestor( true, false );
+         *
+         *         //output: SPAN
+         *         console.log( node.tagName );
+         *
+         *     </script>
+         *
+         * </body>
+         * ```
+         */
+        getCommonAncestor:function (includeSelf, ignoreTextNode) {
+            var me = this,
+                start = me.startContainer,
+                end = me.endContainer;
+            if (start === end) {
+                if (includeSelf && selectOneNode(this)) {
+                    start = start.childNodes[me.startOffset];
+                    if(start.nodeType == 1)
+                        return start;
+                }
+                //只有在上来就相等的情况下才会出现是文本的情况
+                return ignoreTextNode && start.nodeType == 3 ? start.parentNode : start;
+            }
+            return domUtils.getCommonAncestor(start, end);
+        },
+
+        /**
+         * 调整当前Range的开始和结束边界容器，如果是容器节点是文本节点,就调整到包含该文本节点的父节点上
+         * @method trimBoundary
+         * @remind 该操作有可能会引起文本节点被切开
+         * @return { UE.dom.Range } 当前range对象
+         * @example
+         * ```html
+         *
+         * //选区示例
+         * <b>xxx<i>[xxxxx]</i>xxx</b>
+         *
+         * <script>
+         *     //未调整前， 选区的开始容器和结束都是文本节点
+         *     //执行调整
+         *     range.trimBoundary();
+         *
+         *     //调整之后， 容器节点变成了i节点
+         *     //<b>xxx[<i>xxxxx</i>]xxx</b>
+         * </script>
+         * ```
+         */
+
+        /**
+         * 调整当前Range的开始和结束边界容器，如果是容器节点是文本节点,就调整到包含该文本节点的父节点上，
+         * 可以根据 ignoreEnd 参数的值决定是否调整对结束边界的调整
+         * @method trimBoundary
+         * @param { Boolean } ignoreEnd 是否忽略对结束边界的调整
+         * @return { UE.dom.Range } 当前range对象
+         * @example
+         * ```html
+         *
+         * //选区示例
+         * <b>xxx<i>[xxxxx]</i>xxx</b>
+         *
+         * <script>
+         *     //未调整前， 选区的开始容器和结束都是文本节点
+         *     //执行调整
+         *     range.trimBoundary( true );
+         *
+         *     //调整之后， 开始容器节点变成了i节点
+         *     //但是， 结束容器没有发生变化
+         *     //<b>xxx[<i>xxxxx]</i>xxx</b>
+         * </script>
+         * ```
+         */
+        trimBoundary:function (ignoreEnd) {
+            this.txtToElmBoundary();
+            var start = this.startContainer,
+                offset = this.startOffset,
+                collapsed = this.collapsed,
+                end = this.endContainer;
+            if (start.nodeType == 3) {
+                if (offset == 0) {
+                    this.setStartBefore(start);
+                } else {
+                    if (offset >= start.nodeValue.length) {
+                        this.setStartAfter(start);
+                    } else {
+                        var textNode = domUtils.split(start, offset);
+                        //跟新结束边界
+                        if (start === end) {
+                            this.setEnd(textNode, this.endOffset - offset);
+                        } else if (start.parentNode === end) {
+                            this.endOffset += 1;
+                        }
+                        this.setStartBefore(textNode);
+                    }
+                }
+                if (collapsed) {
+                    return this.collapse(true);
+                }
+            }
+            if (!ignoreEnd) {
+                offset = this.endOffset;
+                end = this.endContainer;
+                if (end.nodeType == 3) {
+                    if (offset == 0) {
+                        this.setEndBefore(end);
+                    } else {
+                        offset < end.nodeValue.length && domUtils.split(end, offset);
+                        this.setEndAfter(end);
+                    }
+                }
+            }
+            return this;
+        },
+
+        /**
+         * 如果选区在文本的边界上，就扩展选区到文本的父节点上, 如果当前选区是闭合的， 则什么也不做
+         * @method txtToElmBoundary
+         * @remind 该操作不会修改dom节点
+         * @return { UE.dom.Range } 当前range对象
+         */
+
+        /**
+         * 如果选区在文本的边界上，就扩展选区到文本的父节点上, 如果当前选区是闭合的， 则根据参数项
+         * ignoreCollapsed 的值决定是否执行该调整
+         * @method txtToElmBoundary
+         * @param { Boolean } ignoreCollapsed 是否忽略选区的闭合状态， 如果该参数取值为true， 则
+         *                      不论选区是否闭合， 都会执行该操作， 反之， 则不会对闭合的选区执行该操作
+         * @return { UE.dom.Range } 当前range对象
+         */
+        txtToElmBoundary:function (ignoreCollapsed) {
+            function adjust(r, c) {
+                var container = r[c + 'Container'],
+                    offset = r[c + 'Offset'];
+                if (container.nodeType == 3) {
+                    if (!offset) {
+                        r['set' + c.replace(/(\w)/, function (a) {
+                            return a.toUpperCase();
+                        }) + 'Before'](container);
+                    } else if (offset >= container.nodeValue.length) {
+                        r['set' + c.replace(/(\w)/, function (a) {
+                            return a.toUpperCase();
+                        }) + 'After' ](container);
+                    }
+                }
+            }
+
+            if (ignoreCollapsed || !this.collapsed) {
+                adjust(this, 'start');
+                adjust(this, 'end');
+            }
+            return this;
+        },
+
+        /**
+         * 在当前选区的开始位置前插入节点，新插入的节点会被该range包含
+         * @method  insertNode
+         * @param { Node } node 需要插入的节点
+         * @remind 插入的节点可以是一个DocumentFragment依次插入多个节点
+         * @return { UE.dom.Range } 当前range对象
+         */
+        insertNode:function (node) {
+            var first = node, length = 1;
+            if (node.nodeType == 11) {
+                first = node.firstChild;
+                length = node.childNodes.length;
+            }
+            this.trimBoundary(true);
+            var start = this.startContainer,
+                offset = this.startOffset;
+            var nextNode = start.childNodes[ offset ];
+            if (nextNode) {
+                start.insertBefore(node, nextNode);
+            } else {
+                start.appendChild(node);
+            }
+            if (first.parentNode === this.endContainer) {
+                this.endOffset = this.endOffset + length;
+            }
+            return this.setStartBefore(first);
+        },
+
+        /**
+         * 闭合选区到当前选区的开始位置， 并且定位光标到闭合后的位置
+         * @method  setCursor
+         * @return { UE.dom.Range } 当前range对象
+         * @see UE.dom.Range:collapse()
+         */
+
+        /**
+         * 闭合选区，可以根据参数toEnd的值控制选区是向前闭合还是向后闭合， 并且定位光标到闭合后的位置。
+         * @method  setCursor
+         * @param { Boolean } toEnd 是否向后闭合， 如果为true， 则闭合选区时， 将向结束容器方向闭合，
+         *                      反之，则向开始容器方向闭合
+         * @return { UE.dom.Range } 当前range对象
+         * @see UE.dom.Range:collapse(Boolean)
+         */
+        setCursor:function (toEnd, noFillData) {
+            return this.collapse(!toEnd).select(noFillData);
+        },
+
+        /**
+         * 创建当前range的一个书签，记录下当前range的位置，方便当dom树改变时，还能找回原来的选区位置
+         * @method createBookmark
+         * @param { Boolean } serialize 控制返回的标记位置是对当前位置的引用还是ID，如果该值为true，则
+         *                              返回标记位置的ID， 反之则返回标记位置节点的引用
+         * @return { Object } 返回一个书签记录键值对， 其包含的key有： start => 开始标记的ID或者引用，
+         *                          end => 结束标记的ID或引用， id => 当前标记的类型， 如果为true，则表示
+         *                          返回的记录的类型为ID， 反之则为引用
+         */
+        createBookmark:function (serialize, same) {
+            var endNode,
+                startNode = this.document.createElement('span');
+            startNode.style.cssText = 'display:none;line-height:0px;';
+            startNode.appendChild(this.document.createTextNode('\u200D'));
+            startNode.id = '_baidu_bookmark_start_' + (same ? '' : guid++);
+
+            if (!this.collapsed) {
+                endNode = startNode.cloneNode(true);
+                endNode.id = '_baidu_bookmark_end_' + (same ? '' : guid++);
+            }
+            this.insertNode(startNode);
+            if (endNode) {
+                this.collapse().insertNode(endNode).setEndBefore(endNode);
+            }
+            this.setStartAfter(startNode);
+            return {
+                start:serialize ? startNode.id : startNode,
+                end:endNode ? serialize ? endNode.id : endNode : null,
+                id:serialize
+            }
+        },
+
+        /**
+         *  调整当前range的边界到书签位置，并删除该书签对象所标记的位置内的节点
+         *  @method  moveToBookmark
+         *  @param { BookMark } bookmark createBookmark所创建的标签对象
+         *  @return { UE.dom.Range } 当前range对象
+         *  @see UE.dom.Range:createBookmark(Boolean)
+         */
+        moveToBookmark:function (bookmark) {
+            var start = bookmark.id ? this.document.getElementById(bookmark.start) : bookmark.start,
+                end = bookmark.end && bookmark.id ? this.document.getElementById(bookmark.end) : bookmark.end;
+            this.setStartBefore(start);
+            domUtils.remove(start);
+            if (end) {
+                this.setEndBefore(end);
+                domUtils.remove(end);
+            } else {
+                this.collapse(true);
+            }
+            return this;
+        },
+
+        /**
+         * 调整range的边界，使其"放大"到最近的父节点
+         * @method  enlarge
+         * @remind 会引起选区的变化
+         * @return { UE.dom.Range } 当前range对象
+         */
+
+        /**
+         * 调整range的边界，使其"放大"到最近的父节点，根据参数 toBlock 的取值， 可以
+         * 要求扩大之后的父节点是block节点
+         * @method  enlarge
+         * @param { Boolean } toBlock 是否要求扩大之后的父节点必须是block节点
+         * @return { UE.dom.Range } 当前range对象
+         */
+        enlarge:function (toBlock, stopFn) {
+            var isBody = domUtils.isBody,
+                pre, node, tmp = this.document.createTextNode('');
+            if (toBlock) {
+                node = this.startContainer;
+                if (node.nodeType == 1) {
+                    if (node.childNodes[this.startOffset]) {
+                        pre = node = node.childNodes[this.startOffset]
+                    } else {
+                        node.appendChild(tmp);
+                        pre = node = tmp;
+                    }
+                } else {
+                    pre = node;
+                }
+                while (1) {
+                    if (domUtils.isBlockElm(node)) {
+                        node = pre;
+                        while ((pre = node.previousSibling) && !domUtils.isBlockElm(pre)) {
+                            node = pre;
+                        }
+                        this.setStartBefore(node);
+                        break;
+                    }
+                    pre = node;
+                    node = node.parentNode;
+                }
+                node = this.endContainer;
+                if (node.nodeType == 1) {
+                    if (pre = node.childNodes[this.endOffset]) {
+                        node.insertBefore(tmp, pre);
+                    } else {
+                        node.appendChild(tmp);
+                    }
+                    pre = node = tmp;
+                } else {
+                    pre = node;
+                }
+                while (1) {
+                    if (domUtils.isBlockElm(node)) {
+                        node = pre;
+                        while ((pre = node.nextSibling) && !domUtils.isBlockElm(pre)) {
+                            node = pre;
+                        }
+                        this.setEndAfter(node);
+                        break;
+                    }
+                    pre = node;
+                    node = node.parentNode;
+                }
+                if (tmp.parentNode === this.endContainer) {
+                    this.endOffset--;
+                }
+                domUtils.remove(tmp);
+            }
+
+            // 扩展边界到最大
+            if (!this.collapsed) {
+                while (this.startOffset == 0) {
+                    if (stopFn && stopFn(this.startContainer)) {
+                        break;
+                    }
+                    if (isBody(this.startContainer)) {
+                        break;
+                    }
+                    this.setStartBefore(this.startContainer);
+                }
+                while (this.endOffset == (this.endContainer.nodeType == 1 ? this.endContainer.childNodes.length : this.endContainer.nodeValue.length)) {
+                    if (stopFn && stopFn(this.endContainer)) {
+                        break;
+                    }
+                    if (isBody(this.endContainer)) {
+                        break;
+                    }
+                    this.setEndAfter(this.endContainer);
+                }
+            }
+            return this;
+        },
+        enlargeToBlockElm:function(ignoreEnd){
+            while(!domUtils.isBlockElm(this.startContainer)){
+                this.setStartBefore(this.startContainer);
+            }
+            if(!ignoreEnd){
+                while(!domUtils.isBlockElm(this.endContainer)){
+                    this.setEndAfter(this.endContainer);
+                }
+            }
+            return this;
+        },
+        /**
+         * 调整Range的边界，使其"缩小"到最合适的位置
+         * @method adjustmentBoundary
+         * @return { UE.dom.Range } 当前range对象
+         * @see UE.dom.Range:shrinkBoundary()
+         */
+        adjustmentBoundary:function () {
+            if (!this.collapsed) {
+                while (!domUtils.isBody(this.startContainer) &&
+                    this.startOffset == this.startContainer[this.startContainer.nodeType == 3 ? 'nodeValue' : 'childNodes'].length &&
+                    this.startContainer[this.startContainer.nodeType == 3 ? 'nodeValue' : 'childNodes'].length
+                    ) {
+
+                    this.setStartAfter(this.startContainer);
+                }
+                while (!domUtils.isBody(this.endContainer) && !this.endOffset &&
+                    this.endContainer[this.endContainer.nodeType == 3 ? 'nodeValue' : 'childNodes'].length
+                    ) {
+                    this.setEndBefore(this.endContainer);
+                }
+            }
+            return this;
+        },
+
+        /**
+         * 给range选区中的内容添加给定的inline标签
+         * @method applyInlineStyle
+         * @param { String } tagName 需要添加的标签名
+         * @example
+         * ```html
+         * <p>xxxx[xxxx]x</p>  ==>  range.applyInlineStyle("strong")  ==>  <p>xxxx[<strong>xxxx</strong>]x</p>
+         * ```
+         */
+
+        /**
+         * 给range选区中的内容添加给定的inline标签， 并且为标签附加上一些初始化属性。
+         * @method applyInlineStyle
+         * @param { String } tagName 需要添加的标签名
+         * @param { Object } attrs 跟随新添加的标签的属性
+         * @return { UE.dom.Range } 当前选区
+         * @example
+         * ```html
+         * <p>xxxx[xxxx]x</p>
+         *
+         * ==>
+         *
+         * <!-- 执行操作 -->
+         * range.applyInlineStyle("strong",{"style":"font-size:12px"})
+         *
+         * ==>
+         *
+         * <p>xxxx[<strong style="font-size:12px">xxxx</strong>]x</p>
+         * ```
+         */
+        applyInlineStyle:function (tagName, attrs, list) {
+            if (this.collapsed)return this;
+            this.trimBoundary().enlarge(false,
+                function (node) {
+                    return node.nodeType == 1 && domUtils.isBlockElm(node)
+                }).adjustmentBoundary();
+            var bookmark = this.createBookmark(),
+                end = bookmark.end,
+                filterFn = function (node) {
+                    return node.nodeType == 1 ? node.tagName.toLowerCase() != 'br' : !domUtils.isWhitespace(node);
+                },
+                current = domUtils.getNextDomNode(bookmark.start, false, filterFn),
+                node,
+                pre,
+                range = this.cloneRange();
+            while (current && (domUtils.getPosition(current, end) & domUtils.POSITION_PRECEDING)) {
+                if (current.nodeType == 3 || dtd[tagName][current.tagName]) {
+                    range.setStartBefore(current);
+                    node = current;
+                    while (node && (node.nodeType == 3 || dtd[tagName][node.tagName]) && node !== end) {
+                        pre = node;
+                        node = domUtils.getNextDomNode(node, node.nodeType == 1, null, function (parent) {
+                            return dtd[tagName][parent.tagName];
+                        });
+                    }
+                    var frag = range.setEndAfter(pre).extractContents(), elm;
+                    if (list && list.length > 0) {
+                        var level, top;
+                        top = level = list[0].cloneNode(false);
+                        for (var i = 1, ci; ci = list[i++];) {
+                            level.appendChild(ci.cloneNode(false));
+                            level = level.firstChild;
+                        }
+                        elm = level;
+                    } else {
+                        elm = range.document.createElement(tagName);
+                    }
+                    if (attrs) {
+                        domUtils.setAttributes(elm, attrs);
+                    }
+                    elm.appendChild(frag);
+                    range.insertNode(list ? top : elm);
+                    //处理下滑线在a上的情况
+                    var aNode;
+                    if (tagName == 'span' && attrs.style && /text\-decoration/.test(attrs.style) && (aNode = domUtils.findParentByTagName(elm, 'a', true))) {
+                        domUtils.setAttributes(aNode, attrs);
+                        domUtils.remove(elm, true);
+                        elm = aNode;
+                    } else {
+                        domUtils.mergeSibling(elm);
+                        domUtils.clearEmptySibling(elm);
+                    }
+                    //去除子节点相同的
+                    domUtils.mergeChild(elm, attrs);
+                    current = domUtils.getNextDomNode(elm, false, filterFn);
+                    domUtils.mergeToParent(elm);
+                    if (node === end) {
+                        break;
+                    }
+                } else {
+                    current = domUtils.getNextDomNode(current, true, filterFn);
+                }
+            }
+            return this.moveToBookmark(bookmark);
+        },
+
+        /**
+         * 移除当前选区内指定的inline标签，但保留其中的内容
+         * @method removeInlineStyle
+         * @param { String } tagName 需要移除的标签名
+         * @return { UE.dom.Range } 当前的range对象
+         * @example
+         * ```html
+         * xx[x<span>xxx<em>yyy</em>zz]z</span>  => range.removeInlineStyle(["em"])  => xx[x<span>xxxyyyzz]z</span>
+         * ```
+         */
+
+        /**
+         * 移除当前选区内指定的一组inline标签，但保留其中的内容
+         * @method removeInlineStyle
+         * @param { Array } tagNameArr 需要移除的标签名的数组
+         * @return { UE.dom.Range } 当前的range对象
+         * @see UE.dom.Range:removeInlineStyle(String)
+         */
+        removeInlineStyle:function (tagNames) {
+            if (this.collapsed)return this;
+            tagNames = utils.isArray(tagNames) ? tagNames : [tagNames];
+            this.shrinkBoundary().adjustmentBoundary();
+            var start = this.startContainer, end = this.endContainer;
+            while (1) {
+                if (start.nodeType == 1) {
+                    if (utils.indexOf(tagNames, start.tagName.toLowerCase()) > -1) {
+                        break;
+                    }
+                    if (start.tagName.toLowerCase() == 'body') {
+                        start = null;
+                        break;
+                    }
+                }
+                start = start.parentNode;
+            }
+            while (1) {
+                if (end.nodeType == 1) {
+                    if (utils.indexOf(tagNames, end.tagName.toLowerCase()) > -1) {
+                        break;
+                    }
+                    if (end.tagName.toLowerCase() == 'body') {
+                        end = null;
+                        break;
+                    }
+                }
+                end = end.parentNode;
+            }
+            var bookmark = this.createBookmark(),
+                frag,
+                tmpRange;
+            if (start) {
+                tmpRange = this.cloneRange().setEndBefore(bookmark.start).setStartBefore(start);
+                frag = tmpRange.extractContents();
+                tmpRange.insertNode(frag);
+                domUtils.clearEmptySibling(start, true);
+                start.parentNode.insertBefore(bookmark.start, start);
+            }
+            if (end) {
+                tmpRange = this.cloneRange().setStartAfter(bookmark.end).setEndAfter(end);
+                frag = tmpRange.extractContents();
+                tmpRange.insertNode(frag);
+                domUtils.clearEmptySibling(end, false, true);
+                end.parentNode.insertBefore(bookmark.end, end.nextSibling);
+            }
+            var current = domUtils.getNextDomNode(bookmark.start, false, function (node) {
+                return node.nodeType == 1;
+            }), next;
+            while (current && current !== bookmark.end) {
+                next = domUtils.getNextDomNode(current, true, function (node) {
+                    return node.nodeType == 1;
+                });
+                if (utils.indexOf(tagNames, current.tagName.toLowerCase()) > -1) {
+                    domUtils.remove(current, true);
+                }
+                current = next;
+            }
+            return this.moveToBookmark(bookmark);
+        },
+
+        /**
+         * 获取当前选中的自闭合的节点
+         * @method  getClosedNode
+         * @return { Node | NULL } 如果当前选中的是自闭合节点， 则返回该节点， 否则返回NULL
+         */
+        getClosedNode:function () {
+            var node;
+            if (!this.collapsed) {
+                var range = this.cloneRange().adjustmentBoundary().shrinkBoundary();
+                if (selectOneNode(range)) {
+                    var child = range.startContainer.childNodes[range.startOffset];
+                    if (child && child.nodeType == 1 && (dtd.$empty[child.tagName] || dtd.$nonChild[child.tagName])) {
+                        node = child;
+                    }
+                }
+            }
+            return node;
+        },
+
+        /**
+         * 在页面上高亮range所表示的选区
+         * @method select
+         * @return { UE.dom.Range } 返回当前Range对象
+         */
+            //这里不区分ie9以上，trace:3824
+        select:browser.ie ? function (noFillData, textRange) {
+            var nativeRange;
+            if (!this.collapsed)
+                this.shrinkBoundary();
+            var node = this.getClosedNode();
+            if (node && !textRange) {
+                try {
+                    nativeRange = this.document.body.createControlRange();
+                    nativeRange.addElement(node);
+                    nativeRange.select();
+                } catch (e) {}
+                return this;
+            }
+            var bookmark = this.createBookmark(),
+                start = bookmark.start,
+                end;
+            nativeRange = this.document.body.createTextRange();
+            nativeRange.moveToElementText(start);
+            nativeRange.moveStart('character', 1);
+            if (!this.collapsed) {
+                var nativeRangeEnd = this.document.body.createTextRange();
+                end = bookmark.end;
+                nativeRangeEnd.moveToElementText(end);
+                nativeRange.setEndPoint('EndToEnd', nativeRangeEnd);
+            } else {
+                if (!noFillData && this.startContainer.nodeType != 3) {
+                    //使用<span>|x<span>固定住光标
+                    var tmpText = this.document.createTextNode(fillChar),
+                        tmp = this.document.createElement('span');
+                    tmp.appendChild(this.document.createTextNode(fillChar));
+                    start.parentNode.insertBefore(tmp, start);
+                    start.parentNode.insertBefore(tmpText, start);
+                    //当点b,i,u时，不能清除i上边的b
+                    removeFillData(this.document, tmpText);
+                    fillData = tmpText;
+                    mergeSibling(tmp, 'previousSibling');
+                    mergeSibling(start, 'nextSibling');
+                    nativeRange.moveStart('character', -1);
+                    nativeRange.collapse(true);
+                }
+            }
+            this.moveToBookmark(bookmark);
+            tmp && domUtils.remove(tmp);
+            //IE在隐藏状态下不支持range操作，catch一下
+            try {
+                nativeRange.select();
+            } catch (e) {
+            }
+            return this;
+        } : function (notInsertFillData) {
+            function checkOffset(rng){
+
+                function check(node,offset,dir){
+                    if(node.nodeType == 3 && node.nodeValue.length < offset){
+                        rng[dir + 'Offset'] = node.nodeValue.length
+                    }
+                }
+                check(rng.startContainer,rng.startOffset,'start');
+                check(rng.endContainer,rng.endOffset,'end');
+            }
+            var win = domUtils.getWindow(this.document),
+                sel = win.getSelection(),
+                txtNode;
+            //FF下关闭自动长高时滚动条在关闭dialog时会跳
+            //ff下如果不body.focus将不能定位闭合光标到编辑器内
+            browser.gecko ? this.document.body.focus() : win.focus();
+            if (sel) {
+                sel.removeAllRanges();
+                // trace:870 chrome/safari后边是br对于闭合得range不能定位 所以去掉了判断
+                // this.startContainer.nodeType != 3 &&! ((child = this.startContainer.childNodes[this.startOffset]) && child.nodeType == 1 && child.tagName == 'BR'
+                if (this.collapsed && !notInsertFillData) {
+//                    //opear如果没有节点接着，原生的不能够定位,不能在body的第一级插入空白节点
+//                    if (notInsertFillData && browser.opera && !domUtils.isBody(this.startContainer) && this.startContainer.nodeType == 1) {
+//                        var tmp = this.document.createTextNode('');
+//                        this.insertNode(tmp).setStart(tmp, 0).collapse(true);
+//                    }
+//
+                    //处理光标落在文本节点的情况
+                    //处理以下的情况
+                    //<b>|xxxx</b>
+                    //<b>xxxx</b>|xxxx
+                    //xxxx<b>|</b>
+                    var start = this.startContainer,child = start;
+                    if(start.nodeType == 1){
+                        child = start.childNodes[this.startOffset];
+
+                    }
+                    if( !(start.nodeType == 3 && this.startOffset)  &&
+                        (child ?
+                            (!child.previousSibling || child.previousSibling.nodeType != 3)
+                            :
+                            (!start.lastChild || start.lastChild.nodeType != 3)
+                        )
+                    ){
+                        txtNode = this.document.createTextNode(fillChar);
+                        //跟着前边走
+                        this.insertNode(txtNode);
+                        removeFillData(this.document, txtNode);
+                        mergeSibling(txtNode, 'previousSibling');
+                        mergeSibling(txtNode, 'nextSibling');
+                        fillData = txtNode;
+                        this.setStart(txtNode, browser.webkit ? 1 : 0).collapse(true);
+                    }
+                }
+                var nativeRange = this.document.createRange();
+                if(this.collapsed && browser.opera && this.startContainer.nodeType == 1){
+                    var child = this.startContainer.childNodes[this.startOffset];
+                    if(!child){
+                        //往前靠拢
+                        child = this.startContainer.lastChild;
+                        if( child && domUtils.isBr(child)){
+                            this.setStartBefore(child).collapse(true);
+                        }
+                    }else{
+                        //向后靠拢
+                        while(child && domUtils.isBlockElm(child)){
+                            if(child.nodeType == 1 && child.childNodes[0]){
+                                child = child.childNodes[0]
+                            }else{
+                                break;
+                            }
+                        }
+                        child && this.setStartBefore(child).collapse(true)
+                    }
+
+                }
+                //是createAddress最后一位算的不准，现在这里进行微调
+                checkOffset(this);
+                nativeRange.setStart(this.startContainer, this.startOffset);
+                nativeRange.setEnd(this.endContainer, this.endOffset);
+                sel.addRange(nativeRange);
+            }
+            return this;
+        },
+
+        /**
+         * 滚动到当前range开始的位置
+         * @method scrollToView
+         * @param { Window } win 当前range对象所属的window对象
+         * @return { UE.dom.Range } 当前Range对象
+         */
+
+        /**
+         * 滚动到距离当前range开始位置 offset 的位置处
+         * @method scrollToView
+         * @param { Window } win 当前range对象所属的window对象
+         * @param { Number } offset 距离range开始位置处的偏移量， 如果为正数， 则向下偏移， 反之， 则向上偏移
+         * @return { UE.dom.Range } 当前Range对象
+         */
+        scrollToView:function (win, offset) {
+            win = win ? window : domUtils.getWindow(this.document);
+            var me = this,
+                span = me.document.createElement('span');
+            //trace:717
+            span.innerHTML = '&nbsp;';
+            me.cloneRange().insertNode(span);
+            domUtils.scrollToView(span, win, offset);
+            domUtils.remove(span);
+            return me;
+        },
+
+        /**
+         * 判断当前选区内容是否占位符
+         * @private
+         * @method inFillChar
+         * @return { Boolean } 如果是占位符返回true，否则返回false
+         */
+        inFillChar : function(){
+            var start = this.startContainer;
+            if(this.collapsed && start.nodeType == 3
+                && start.nodeValue.replace(new RegExp('^' + domUtils.fillChar),'').length + 1 == start.nodeValue.length
+                ){
+                return true;
+            }
+            return false;
+        },
+
+        /**
+         * 保存
+         * @method createAddress
+         * @private
+         * @return { Boolean } 返回开始和结束的位置
+         * @example
+         * ```html
+         * <body>
+         *     <p>
+         *         aaaa
+         *         <em>
+         *             <!-- 选区开始 -->
+         *             bbbb
+         *             <!-- 选区结束 -->
+         *         </em>
+         *     </p>
+         *
+         *     <script>
+         *         //output: {startAddress:[0,1,0,0],endAddress:[0,1,0,4]}
+         *         console.log( range.createAddress() );
+         *     </script>
+         * </body>
+         * ```
+         */
+        createAddress : function(ignoreEnd,ignoreTxt){
+            var addr = {},me = this;
+
+            function getAddress(isStart){
+                var node = isStart ? me.startContainer : me.endContainer;
+                var parents = domUtils.findParents(node,true,function(node){return !domUtils.isBody(node)}),
+                    addrs = [];
+                for(var i = 0,ci;ci = parents[i++];){
+                    addrs.push(domUtils.getNodeIndex(ci,ignoreTxt));
+                }
+                var firstIndex = 0;
+
+                if(ignoreTxt){
+                    if(node.nodeType == 3){
+                        var tmpNode = node.previousSibling;
+                        while(tmpNode && tmpNode.nodeType == 3){
+                            firstIndex += tmpNode.nodeValue.replace(fillCharReg,'').length;
+                            tmpNode = tmpNode.previousSibling;
+                        }
+                        firstIndex +=  (isStart ? me.startOffset : me.endOffset)// - (fillCharReg.test(node.nodeValue) ? 1 : 0 )
+                    }else{
+                        node =  node.childNodes[ isStart ? me.startOffset : me.endOffset];
+                        if(node){
+                            firstIndex = domUtils.getNodeIndex(node,ignoreTxt);
+                        }else{
+                            node = isStart ? me.startContainer : me.endContainer;
+                            var first = node.firstChild;
+                            while(first){
+                                if(domUtils.isFillChar(first)){
+                                    first = first.nextSibling;
+                                    continue;
+                                }
+                                firstIndex++;
+                                if(first.nodeType == 3){
+                                    while( first && first.nodeType == 3){
+                                        first = first.nextSibling;
+                                    }
+                                }else{
+                                    first = first.nextSibling;
+                                }
+                            }
+                        }
+                    }
+
+                }else{
+                    firstIndex = isStart ? domUtils.isFillChar(node) ? 0 : me.startOffset  : me.endOffset
+                }
+                if(firstIndex < 0){
+                    firstIndex = 0;
+                }
+                addrs.push(firstIndex);
+                return addrs;
+            }
+            addr.startAddress = getAddress(true);
+            if(!ignoreEnd){
+                addr.endAddress = me.collapsed ? [].concat(addr.startAddress) : getAddress();
+            }
+            return addr;
+        },
+
+        /**
+         * 保存
+         * @method createAddress
+         * @private
+         * @return { Boolean } 返回开始和结束的位置
+         * @example
+         * ```html
+         * <body>
+         *     <p>
+         *         aaaa
+         *         <em>
+         *             <!-- 选区开始 -->
+         *             bbbb
+         *             <!-- 选区结束 -->
+         *         </em>
+         *     </p>
+         *
+         *     <script>
+         *         var range = editor.selection.getRange();
+         *         range.moveToAddress({startAddress:[0,1,0,0],endAddress:[0,1,0,4]});
+         *         range.select();
+         *         //output: 'bbbb'
+         *         console.log(editor.selection.getText());
+         *     </script>
+         * </body>
+         * ```
+         */
+        moveToAddress : function(addr,ignoreEnd){
+            var me = this;
+            function getNode(address,isStart){
+                var tmpNode = me.document.body,
+                    parentNode,offset;
+                for(var i= 0,ci,l=address.length;i<l;i++){
+                    ci = address[i];
+                    parentNode = tmpNode;
+                    tmpNode = tmpNode.childNodes[ci];
+                    if(!tmpNode){
+                        offset = ci;
+                        break;
+                    }
+                }
+                if(isStart){
+                    if(tmpNode){
+                        me.setStartBefore(tmpNode)
+                    }else{
+                        me.setStart(parentNode,offset)
+                    }
+                }else{
+                    if(tmpNode){
+                        me.setEndBefore(tmpNode)
+                    }else{
+                        me.setEnd(parentNode,offset)
+                    }
+                }
+            }
+            getNode(addr.startAddress,true);
+            !ignoreEnd && addr.endAddress &&  getNode(addr.endAddress);
+            return me;
+        },
+
+        /**
+         * 判断给定的Range对象是否和当前Range对象表示的是同一个选区
+         * @method equals
+         * @param { UE.dom.Range } 需要判断的Range对象
+         * @return { Boolean } 如果给定的Range对象与当前Range对象表示的是同一个选区， 则返回true， 否则返回false
+         */
+        equals : function(rng){
+            for(var p in this){
+                if(this.hasOwnProperty(p)){
+                    if(this[p] !== rng[p])
+                        return false
+                }
+            }
+            return true;
+
+        },
+
+        /**
+         * 遍历range内的节点。每当遍历一个节点时， 都会执行参数项 doFn 指定的函数， 该函数的接受当前遍历的节点
+         * 作为其参数。
+         * @method traversal
+         * @param { Function }  doFn 对每个遍历的节点要执行的方法， 该方法接受当前遍历的节点作为其参数
+         * @return { UE.dom.Range } 当前range对象
+         * @example
+         * ```html
+         *
+         * <body>
+         *
+         *     <!-- 选区开始 -->
+         *     <span></span>
+         *     <a></a>
+         *     <!-- 选区结束 -->
+         * </body>
+         *
+         * <script>
+         *
+         *     //output: <span></span><a></a>
+         *     console.log( range.cloneContents() );
+         *
+         *     range.traversal( function ( node ) {
+         *
+         *         if ( node.nodeType === 1 ) {
+         *             node.className = "test";
+         *         }
+         *
+         *     } );
+         *
+         *     //output: <span class="test"></span><a class="test"></a>
+         *     console.log( range.cloneContents() );
+         *
+         * </script>
+         * ```
+         */
+
+        /**
+         * 遍历range内的节点。
+         * 每当遍历一个节点时， 都会执行参数项 doFn 指定的函数， 该函数的接受当前遍历的节点
+         * 作为其参数。
+         * 可以通过参数项 filterFn 来指定一个过滤器， 只有符合该过滤器过滤规则的节点才会触
+         * 发doFn函数的执行
+         * @method traversal
+         * @param { Function } doFn 对每个遍历的节点要执行的方法， 该方法接受当前遍历的节点作为其参数
+         * @param { Function } filterFn 过滤器， 该函数接受当前遍历的节点作为参数， 如果该节点满足过滤
+         *                      规则， 请返回true， 该节点会触发doFn， 否则， 请返回false， 则该节点不
+         *                      会触发doFn。
+         * @return { UE.dom.Range } 当前range对象
+         * @see UE.dom.Range:traversal(Function)
+         * @example
+         * ```html
+         *
+         * <body>
+         *
+         *     <!-- 选区开始 -->
+         *     <span></span>
+         *     <a></a>
+         *     <!-- 选区结束 -->
+         * </body>
+         *
+         * <script>
+         *
+         *     //output: <span></span><a></a>
+         *     console.log( range.cloneContents() );
+         *
+         *     range.traversal( function ( node ) {
+         *
+         *         node.className = "test";
+         *
+         *     }, function ( node ) {
+         *          return node.nodeType === 1;
+         *     } );
+         *
+         *     //output: <span class="test"></span><a class="test"></a>
+         *     console.log( range.cloneContents() );
+         *
+         * </script>
+         * ```
+         */
+        traversal:function(doFn,filterFn){
+            if (this.collapsed)
+                return this;
+            var bookmark = this.createBookmark(),
+                end = bookmark.end,
+                current = domUtils.getNextDomNode(bookmark.start, false, filterFn);
+            while (current && current !== end && (domUtils.getPosition(current, end) & domUtils.POSITION_PRECEDING)) {
+                var tmpNode = domUtils.getNextDomNode(current,false,filterFn);
+                doFn(current);
+                current = tmpNode;
+            }
+            return this.moveToBookmark(bookmark);
+        }
+    };
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Selection.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Selection.js
new file mode 100644
index 000000000..7c7db300b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/Selection.js
@@ -0,0 +1,389 @@
+/**
+ * 选集
+ * @file
+ * @module UE.dom
+ * @class Selection
+ * @since 1.2.6.1
+ */
+
+/**
+ * 选区集合
+ * @unfile
+ * @module UE.dom
+ * @class Selection
+ */
+(function () {
+
+    function getBoundaryInformation( range, start ) {
+        var getIndex = domUtils.getNodeIndex;
+        range = range.duplicate();
+        range.collapse( start );
+        var parent = range.parentElement();
+        //如果节点里没有子节点，直接退出
+        if ( !parent.hasChildNodes() ) {
+            return  {container:parent, offset:0};
+        }
+        var siblings = parent.children,
+            child,
+            testRange = range.duplicate(),
+            startIndex = 0, endIndex = siblings.length - 1, index = -1,
+            distance;
+        while ( startIndex <= endIndex ) {
+            index = Math.floor( (startIndex + endIndex) / 2 );
+            child = siblings[index];
+            testRange.moveToElementText( child );
+            var position = testRange.compareEndPoints( 'StartToStart', range );
+            if ( position > 0 ) {
+                endIndex = index - 1;
+            } else if ( position < 0 ) {
+                startIndex = index + 1;
+            } else {
+                //trace:1043
+                return  {container:parent, offset:getIndex( child )};
+            }
+        }
+        if ( index == -1 ) {
+            testRange.moveToElementText( parent );
+            testRange.setEndPoint( 'StartToStart', range );
+            distance = testRange.text.replace( /(\r\n|\r)/g, '\n' ).length;
+            siblings = parent.childNodes;
+            if ( !distance ) {
+                child = siblings[siblings.length - 1];
+                return  {container:child, offset:child.nodeValue.length};
+            }
+
+            var i = siblings.length;
+            while ( distance > 0 ){
+                distance -= siblings[ --i ].nodeValue.length;
+            }
+            return {container:siblings[i], offset:-distance};
+        }
+        testRange.collapse( position > 0 );
+        testRange.setEndPoint( position > 0 ? 'StartToStart' : 'EndToStart', range );
+        distance = testRange.text.replace( /(\r\n|\r)/g, '\n' ).length;
+        if ( !distance ) {
+            return  dtd.$empty[child.tagName] || dtd.$nonChild[child.tagName] ?
+            {container:parent, offset:getIndex( child ) + (position > 0 ? 0 : 1)} :
+            {container:child, offset:position > 0 ? 0 : child.childNodes.length}
+        }
+        while ( distance > 0 ) {
+            try {
+                var pre = child;
+                child = child[position > 0 ? 'previousSibling' : 'nextSibling'];
+                distance -= child.nodeValue.length;
+            } catch ( e ) {
+                return {container:parent, offset:getIndex( pre )};
+            }
+        }
+        return  {container:child, offset:position > 0 ? -distance : child.nodeValue.length + distance}
+    }
+
+    /**
+     * 将ieRange转换为Range对象
+     * @param {Range}   ieRange    ieRange对象
+     * @param {Range}   range      Range对象
+     * @return  {Range}  range       返回转换后的Range对象
+     */
+    function transformIERangeToRange( ieRange, range ) {
+        if ( ieRange.item ) {
+            range.selectNode( ieRange.item( 0 ) );
+        } else {
+            var bi = getBoundaryInformation( ieRange, true );
+            range.setStart( bi.container, bi.offset );
+            if ( ieRange.compareEndPoints( 'StartToEnd', ieRange ) != 0 ) {
+                bi = getBoundaryInformation( ieRange, false );
+                range.setEnd( bi.container, bi.offset );
+            }
+        }
+        return range;
+    }
+
+    /**
+     * 获得ieRange
+     * @param {Selection} sel    Selection对象
+     * @return {ieRange}    得到ieRange
+     */
+    function _getIERange( sel ) {
+        var ieRange;
+        //ie下有可能报错
+        try {
+            ieRange = sel.getNative().createRange();
+        } catch ( e ) {
+            return null;
+        }
+        var el = ieRange.item ? ieRange.item( 0 ) : ieRange.parentElement();
+        if ( ( el.ownerDocument || el ) === sel.document ) {
+            return ieRange;
+        }
+        return null;
+    }
+
+    var Selection = dom.Selection = function ( doc ) {
+        var me = this, iframe;
+        me.document = doc;
+        if ( browser.ie9below ) {
+            iframe = domUtils.getWindow( doc ).frameElement;
+            domUtils.on( iframe, 'beforedeactivate', function () {
+                me._bakIERange = me.getIERange();
+            } );
+            domUtils.on( iframe, 'activate', function () {
+                try {
+                    if ( !_getIERange( me ) && me._bakIERange ) {
+                        me._bakIERange.select();
+                    }
+                } catch ( ex ) {
+                }
+                me._bakIERange = null;
+            } );
+        }
+        iframe = doc = null;
+    };
+
+    Selection.prototype = {
+
+        rangeInBody : function(rng,txtRange){
+            var node = browser.ie9below || txtRange ? rng.item ? rng.item() : rng.parentElement() : rng.startContainer;
+
+            return node === this.document.body || domUtils.inDoc(node,this.document);
+        },
+
+        /**
+         * 获取原生seleciton对象
+         * @method getNative
+         * @return { Object } 获得selection对象
+         * @example
+         * ```javascript
+         * editor.selection.getNative();
+         * ```
+         */
+        getNative:function () {
+            var doc = this.document;
+            try {
+                return !doc ? null : browser.ie9below ? doc.selection : domUtils.getWindow( doc ).getSelection();
+            } catch ( e ) {
+                return null;
+            }
+        },
+
+        /**
+         * 获得ieRange
+         * @method getIERange
+         * @return { Object } 返回ie原生的Range
+         * @example
+         * ```javascript
+         * editor.selection.getIERange();
+         * ```
+         */
+        getIERange:function () {
+            var ieRange = _getIERange( this );
+            if ( !ieRange ) {
+                if ( this._bakIERange ) {
+                    return this._bakIERange;
+                }
+            }
+            return ieRange;
+        },
+
+        /**
+         * 缓存当前选区的range和选区的开始节点
+         * @method cache
+         */
+        cache:function () {
+            this.clear();
+            this._cachedRange = this.getRange();
+            this._cachedStartElement = this.getStart();
+            this._cachedStartElementPath = this.getStartElementPath();
+        },
+
+        /**
+         * 获取选区开始位置的父节点到body
+         * @method getStartElementPath
+         * @return { Array } 返回父节点集合
+         * @example
+         * ```javascript
+         * editor.selection.getStartElementPath();
+         * ```
+         */
+        getStartElementPath:function () {
+            if ( this._cachedStartElementPath ) {
+                return this._cachedStartElementPath;
+            }
+            var start = this.getStart();
+            if ( start ) {
+                return domUtils.findParents( start, true, null, true )
+            }
+            return [];
+        },
+
+        /**
+         * 清空缓存
+         * @method clear
+         */
+        clear:function () {
+            this._cachedStartElementPath = this._cachedRange = this._cachedStartElement = null;
+        },
+
+        /**
+         * 编辑器是否得到了选区
+         * @method isFocus
+         */
+        isFocus:function () {
+            try {
+                if(browser.ie9below){
+
+                    var nativeRange = _getIERange(this);
+                    return !!(nativeRange && this.rangeInBody(nativeRange));
+                }else{
+                    return !!this.getNative().rangeCount;
+                }
+            } catch ( e ) {
+                return false;
+            }
+
+        },
+
+        /**
+         * 获取选区对应的Range
+         * @method getRange
+         * @return { Object } 得到Range对象
+         * @example
+         * ```javascript
+         * editor.selection.getRange();
+         * ```
+         */
+        getRange:function () {
+            var me = this;
+            function optimze( range ) {
+                var child = me.document.body.firstChild,
+                    collapsed = range.collapsed;
+                while ( child && child.firstChild ) {
+                    range.setStart( child, 0 );
+                    child = child.firstChild;
+                }
+                if ( !range.startContainer ) {
+                    range.setStart( me.document.body, 0 )
+                }
+                if ( collapsed ) {
+                    range.collapse( true );
+                }
+            }
+
+            if ( me._cachedRange != null ) {
+                return this._cachedRange;
+            }
+            var range = new baidu.editor.dom.Range( me.document );
+
+            if ( browser.ie9below ) {
+                var nativeRange = me.getIERange();
+                if ( nativeRange ) {
+                    //备份的_bakIERange可能已经实效了，dom树发生了变化比如从源码模式切回来，所以try一下，实效就放到body开始位置
+                    try{
+                        transformIERangeToRange( nativeRange, range );
+                    }catch(e){
+                        optimze( range );
+                    }
+
+                } else {
+                    optimze( range );
+                }
+            } else {
+                var sel = me.getNative();
+                if ( sel && sel.rangeCount ) {
+                    var firstRange = sel.getRangeAt( 0 );
+                    var lastRange = sel.getRangeAt( sel.rangeCount - 1 );
+                    range.setStart( firstRange.startContainer, firstRange.startOffset ).setEnd( lastRange.endContainer, lastRange.endOffset );
+                    if ( range.collapsed && domUtils.isBody( range.startContainer ) && !range.startOffset ) {
+                        optimze( range );
+                    }
+                } else {
+                    //trace:1734 有可能已经不在dom树上了，标识的节点
+                    if ( this._bakRange && domUtils.inDoc( this._bakRange.startContainer, this.document ) ){
+                        return this._bakRange;
+                    }
+                    optimze( range );
+                }
+            }
+            return this._bakRange = range;
+        },
+
+        /**
+         * 获取开始元素，用于状态反射
+         * @method getStart
+         * @return { Element } 获得开始元素
+         * @example
+         * ```javascript
+         * editor.selection.getStart();
+         * ```
+         */
+        getStart:function () {
+            if ( this._cachedStartElement ) {
+                return this._cachedStartElement;
+            }
+            var range = browser.ie9below ? this.getIERange() : this.getRange(),
+                tmpRange,
+                start, tmp, parent;
+            if ( browser.ie9below ) {
+                if ( !range ) {
+                    //todo 给第一个值可能会有问题
+                    return this.document.body.firstChild;
+                }
+                //control元素
+                if ( range.item ){
+                    return range.item( 0 );
+                }
+                tmpRange = range.duplicate();
+                //修正ie下<b>x</b>[xx] 闭合后 <b>x|</b>xx
+                tmpRange.text.length > 0 && tmpRange.moveStart( 'character', 1 );
+                tmpRange.collapse( 1 );
+                start = tmpRange.parentElement();
+                parent = tmp = range.parentElement();
+                while ( tmp = tmp.parentNode ) {
+                    if ( tmp == start ) {
+                        start = parent;
+                        break;
+                    }
+                }
+            } else {
+                range.shrinkBoundary();
+                start = range.startContainer;
+                if ( start.nodeType == 1 && start.hasChildNodes() ){
+                    start = start.childNodes[Math.min( start.childNodes.length - 1, range.startOffset )];
+                }
+                if ( start.nodeType == 3 ){
+                    return start.parentNode;
+                }
+            }
+            return start;
+        },
+
+        /**
+         * 得到选区中的文本
+         * @method getText
+         * @return { String } 选区中包含的文本
+         * @example
+         * ```javascript
+         * editor.selection.getText();
+         * ```
+         */
+        getText:function () {
+            var nativeSel, nativeRange;
+            if ( this.isFocus() && (nativeSel = this.getNative()) ) {
+                nativeRange = browser.ie9below ? nativeSel.createRange() : nativeSel.getRangeAt( 0 );
+                return browser.ie9below ? nativeRange.text : nativeRange.toString();
+            }
+            return '';
+        },
+
+        /**
+         * 清除选区
+         * @method clearRange
+         * @example
+         * ```javascript
+         * editor.selection.clearRange();
+         * ```
+         */
+        clearRange : function(){
+            this.getNative()[browser.ie9below ? 'empty' : 'removeAllRanges']();
+        }
+    };
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/ajax.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/ajax.js
new file mode 100644
index 000000000..6a1bad9d9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/ajax.js
@@ -0,0 +1,262 @@
+/**
+ * @file
+ * @module UE.ajax
+ * @since 1.2.6.1
+ */
+
+/**
+ * 提供对ajax请求的支持
+ * @module UE.ajax
+ */
+UE.ajax = function() {
+
+    //创建一个ajaxRequest对象
+    var fnStr = 'XMLHttpRequest()';
+    try {
+        new ActiveXObject("Msxml2.XMLHTTP");
+        fnStr = 'ActiveXObject(\'Msxml2.XMLHTTP\')';
+    } catch (e) {
+        try {
+            new ActiveXObject("Microsoft.XMLHTTP");
+            fnStr = 'ActiveXObject(\'Microsoft.XMLHTTP\')'
+        } catch (e) {
+        }
+    }
+    var creatAjaxRequest = new Function('return new ' + fnStr);
+
+
+    /**
+     * 将json参数转化成适合ajax提交的参数列表
+     * @param json
+     */
+    function json2str(json) {
+        var strArr = [];
+        for (var i in json) {
+            //忽略默认的几个参数
+            if(i=="method" || i=="timeout" || i=="async" || i=="dataType" || i=="callback") continue;
+            //忽略控制
+            if(json[i] == undefined || json[i] == null) continue;
+            //传递过来的对象和函数不在提交之列
+            if (!((typeof json[i]).toLowerCase() == "function" || (typeof json[i]).toLowerCase() == "object")) {
+                strArr.push( encodeURIComponent(i) + "="+encodeURIComponent(json[i]) );
+            } else if (utils.isArray(json[i])) {
+            //支持传数组内容
+                for(var j = 0; j < json[i].length; j++) {
+                    strArr.push( encodeURIComponent(i) + "[]="+encodeURIComponent(json[i][j]) );
+                }
+            }
+        }
+        return strArr.join("&");
+    }
+
+    function doAjax(url, ajaxOptions) {
+        var xhr = creatAjaxRequest(),
+        //是否超时
+            timeIsOut = false,
+        //默认参数
+            defaultAjaxOptions = {
+                method:"POST",
+                timeout:5000,
+                async:true,
+                data:{},//需要传递对象的话只能覆盖
+                onsuccess:function() {
+                },
+                onerror:function() {
+                }
+            };
+
+        if (typeof url === "object") {
+            ajaxOptions = url;
+            url = ajaxOptions.url;
+        }
+        if (!xhr || !url) return;
+        var ajaxOpts = ajaxOptions ? utils.extend(defaultAjaxOptions,ajaxOptions) : defaultAjaxOptions;
+
+        var submitStr = json2str(ajaxOpts);  // { name:"Jim",city:"Beijing" } --> "name=Jim&city=Beijing"
+        //如果用户直接通过data参数传递json对象过来，则也要将此json对象转化为字符串
+        if (!utils.isEmptyObject(ajaxOpts.data)){
+            submitStr += (submitStr? "&":"") + json2str(ajaxOpts.data);
+        }
+        //超时检测
+        var timerID = setTimeout(function() {
+            if (xhr.readyState != 4) {
+                timeIsOut = true;
+                xhr.abort();
+                clearTimeout(timerID);
+            }
+        }, ajaxOpts.timeout);
+
+        var method = ajaxOpts.method.toUpperCase();
+        var str = url + (url.indexOf("?")==-1?"?":"&") + (method=="POST"?"":submitStr+ "&noCache=" + +new Date);
+        xhr.open(method, str, ajaxOpts.async);
+        xhr.onreadystatechange = function() {
+            if (xhr.readyState == 4) {
+                if (!timeIsOut && xhr.status == 200) {
+                    ajaxOpts.onsuccess(xhr);
+                } else {
+                    ajaxOpts.onerror(xhr);
+                }
+            }
+        };
+        if (method == "POST") {
+            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+            xhr.send(submitStr);
+        } else {
+            xhr.send(null);
+        }
+    }
+
+    function doJsonp(url, opts) {
+
+        var successhandler = opts.onsuccess || function(){},
+            scr = document.createElement('SCRIPT'),
+            options = opts || {},
+            charset = options['charset'],
+            callbackField = options['jsonp'] || 'callback',
+            callbackFnName,
+            timeOut = options['timeOut'] || 0,
+            timer,
+            reg = new RegExp('(\\?|&)' + callbackField + '=([^&]*)'),
+            matches;
+
+        if (utils.isFunction(successhandler)) {
+            callbackFnName = 'bd__editor__' + Math.floor(Math.random() * 2147483648).toString(36);
+            window[callbackFnName] = getCallBack(0);
+        } else if(utils.isString(successhandler)){
+            callbackFnName = successhandler;
+        } else {
+            if (matches = reg.exec(url)) {
+                callbackFnName = matches[2];
+            }
+        }
+
+        url = url.replace(reg, '\x241' + callbackField + '=' + callbackFnName);
+
+        if (url.search(reg) < 0) {
+            url += (url.indexOf('?') < 0 ? '?' : '&') + callbackField + '=' + callbackFnName;
+        }
+
+        var queryStr = json2str(opts);  // { name:"Jim",city:"Beijing" } --> "name=Jim&city=Beijing"
+        //如果用户直接通过data参数传递json对象过来，则也要将此json对象转化为字符串
+        if (!utils.isEmptyObject(opts.data)){
+            queryStr += (queryStr? "&":"") + json2str(opts.data);
+        }
+        if (queryStr) {
+            url = url.replace(/\?/, '?' + queryStr + '&');
+        }
+
+        scr.onerror = getCallBack(1);
+        if( timeOut ){
+            timer = setTimeout(getCallBack(1), timeOut);
+        }
+        createScriptTag(scr, url, charset);
+
+        function createScriptTag(scr, url, charset) {
+            scr.setAttribute('type', 'text/javascript');
+            scr.setAttribute('defer', 'defer');
+            charset && scr.setAttribute('charset', charset);
+            scr.setAttribute('src', url);
+            document.getElementsByTagName('head')[0].appendChild(scr);
+        }
+
+        function getCallBack(onTimeOut){
+            return function(){
+                try {
+                    if(onTimeOut){
+                        options.onerror && options.onerror();
+                    }else{
+                        try{
+                            clearTimeout(timer);
+                            successhandler.apply(window, arguments);
+                        } catch (e){}
+                    }
+                } catch (exception) {
+                    options.onerror && options.onerror.call(window, exception);
+                } finally {
+                    options.oncomplete && options.oncomplete.apply(window, arguments);
+                    scr.parentNode && scr.parentNode.removeChild(scr);
+                    window[callbackFnName] = null;
+                    try {
+                        delete window[callbackFnName];
+                    }catch(e){}
+                }
+            }
+        }
+    }
+
+    return {
+        /**
+         * 根据给定的参数项，向指定的url发起一个ajax请求。 ajax请求完成后，会根据请求结果调用相应回调： 如果请求
+         * 成功， 则调用onsuccess回调， 失败则调用 onerror 回调
+         * @method request
+         * @param { URLString } url ajax请求的url地址
+         * @param { Object } ajaxOptions ajax请求选项的键值对，支持的选项如下：
+         * @example
+         * ```javascript
+         * //向sayhello.php发起一个异步的Ajax GET请求, 请求超时时间为10s， 请求完成后执行相应的回调。
+         * UE.ajax.requeset( 'sayhello.php', {
+         *
+         *     //请求方法。可选值： 'GET', 'POST'，默认值是'POST'
+         *     method: 'GET',
+         *
+         *     //超时时间。 默认为5000， 单位是ms
+         *     timeout: 10000,
+         *
+         *     //是否是异步请求。 true为异步请求， false为同步请求
+         *     async: true,
+         *
+         *     //请求携带的数据。如果请求为GET请求， data会经过stringify后附加到请求url之后。
+         *     data: {
+         *         name: 'ueditor'
+         *     },
+         *
+         *     //请求成功后的回调， 该回调接受当前的XMLHttpRequest对象作为参数。
+         *     onsuccess: function ( xhr ) {
+         *         console.log( xhr.responseText );
+         *     },
+         *
+         *     //请求失败或者超时后的回调。
+         *     onerror: function ( xhr ) {
+         *          alert( 'Ajax请求失败' );
+         *     }
+         *
+         * } );
+         * ```
+         */
+
+        /**
+         * 根据给定的参数项发起一个ajax请求， 参数项里必须包含一个url地址。 ajax请求完成后，会根据请求结果调用相应回调： 如果请求
+         * 成功， 则调用onsuccess回调， 失败则调用 onerror 回调。
+         * @method request
+         * @warning 如果在参数项里未提供一个key为“url”的地址值，则该请求将直接退出。
+         * @param { Object } ajaxOptions ajax请求选项的键值对，支持的选项如下：
+         * @example
+         * ```javascript
+         *
+         * //向sayhello.php发起一个异步的Ajax POST请求, 请求超时时间为5s， 请求完成后不执行任何回调。
+         * UE.ajax.requeset( 'sayhello.php', {
+         *
+         *     //请求的地址， 该项是必须的。
+         *     url: 'sayhello.php'
+         *
+         * } );
+         * ```
+         */
+		request:function(url, opts) {
+            if (opts && opts.dataType == 'jsonp') {
+                doJsonp(url, opts);
+            } else {
+                doAjax(url, opts);
+            }
+		},
+        getJSONP:function(url, data, fn) {
+            var opts = {
+                'data': data,
+                'oncomplete': fn
+            };
+            doJsonp(url, opts);
+		}
+	};
+
+
+}();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/browser.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/browser.js
new file mode 100644
index 000000000..b82b77fda
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/browser.js
@@ -0,0 +1,258 @@
+/**
+ * 浏览器判断模块
+ * @file
+ * @module UE.browser
+ * @since 1.2.6.1
+ */
+
+/**
+ * 提供浏览器检测的模块
+ * @unfile
+ * @module UE.browser
+ */
+var browser = UE.browser = function(){
+    var agent = navigator.userAgent.toLowerCase(),
+        opera = window.opera,
+        browser = {
+        /**
+         * @property {boolean} ie 检测当前浏览器是否为IE
+         * @example
+         * ```javascript
+         * if ( UE.browser.ie ) {
+         *     console.log( '当前浏览器是IE' );
+         * }
+         * ```
+         */
+        ie		:  /(msie\s|trident.*rv:)([\w.]+)/.test(agent),
+
+        /**
+         * @property {boolean} opera 检测当前浏览器是否为Opera
+         * @example
+         * ```javascript
+         * if ( UE.browser.opera ) {
+         *     console.log( '当前浏览器是Opera' );
+         * }
+         * ```
+         */
+        opera	: ( !!opera && opera.version ),
+
+        /**
+         * @property {boolean} webkit 检测当前浏览器是否是webkit内核的浏览器
+         * @example
+         * ```javascript
+         * if ( UE.browser.webkit ) {
+         *     console.log( '当前浏览器是webkit内核浏览器' );
+         * }
+         * ```
+         */
+        webkit	: ( agent.indexOf( ' applewebkit/' ) > -1 ),
+
+        /**
+         * @property {boolean} mac 检测当前浏览器是否是运行在mac平台下
+         * @example
+         * ```javascript
+         * if ( UE.browser.mac ) {
+         *     console.log( '当前浏览器运行在mac平台下' );
+         * }
+         * ```
+         */
+        mac	: ( agent.indexOf( 'macintosh' ) > -1 ),
+
+        /**
+         * @property {boolean} quirks 检测当前浏览器是否处于“怪异模式”下
+         * @example
+         * ```javascript
+         * if ( UE.browser.quirks ) {
+         *     console.log( '当前浏览器运行处于“怪异模式”' );
+         * }
+         * ```
+         */
+        quirks : ( document.compatMode == 'BackCompat' )
+    };
+
+    /**
+    * @property {boolean} gecko 检测当前浏览器内核是否是gecko内核
+    * @example
+    * ```javascript
+    * if ( UE.browser.gecko ) {
+    *     console.log( '当前浏览器内核是gecko内核' );
+    * }
+    * ```
+    */
+    browser.gecko =( navigator.product == 'Gecko' && !browser.webkit && !browser.opera && !browser.ie);
+
+    var version = 0;
+
+    // Internet Explorer 6.0+
+    if ( browser.ie ){
+
+        var v1 =  agent.match(/(?:msie\s([\w.]+))/);
+        var v2 = agent.match(/(?:trident.*rv:([\w.]+))/);
+        if(v1 && v2 && v1[1] && v2[1]){
+            version = Math.max(v1[1]*1,v2[1]*1);
+        }else if(v1 && v1[1]){
+            version = v1[1]*1;
+        }else if(v2 && v2[1]){
+            version = v2[1]*1;
+        }else{
+            version = 0;
+        }
+
+        browser.ie11Compat = document.documentMode == 11;
+        /**
+         * @property { boolean } ie9Compat 检测浏览器模式是否为 IE9 兼容模式
+         * @warning 如果浏览器不是IE， 则该值为undefined
+         * @example
+         * ```javascript
+         * if ( UE.browser.ie9Compat ) {
+         *     console.log( '当前浏览器运行在IE9兼容模式下' );
+         * }
+         * ```
+         */
+        browser.ie9Compat = document.documentMode == 9;
+
+        /**
+         * @property { boolean } ie8 检测浏览器是否是IE8浏览器
+         * @warning 如果浏览器不是IE， 则该值为undefined
+         * @example
+         * ```javascript
+         * if ( UE.browser.ie8 ) {
+         *     console.log( '当前浏览器是IE8浏览器' );
+         * }
+         * ```
+         */
+        browser.ie8 = !!document.documentMode;
+
+        /**
+         * @property { boolean } ie8Compat 检测浏览器模式是否为 IE8 兼容模式
+         * @warning 如果浏览器不是IE， 则该值为undefined
+         * @example
+         * ```javascript
+         * if ( UE.browser.ie8Compat ) {
+         *     console.log( '当前浏览器运行在IE8兼容模式下' );
+         * }
+         * ```
+         */
+        browser.ie8Compat = document.documentMode == 8;
+
+        /**
+         * @property { boolean } ie7Compat 检测浏览器模式是否为 IE7 兼容模式
+         * @warning 如果浏览器不是IE， 则该值为undefined
+         * @example
+         * ```javascript
+         * if ( UE.browser.ie7Compat ) {
+         *     console.log( '当前浏览器运行在IE7兼容模式下' );
+         * }
+         * ```
+         */
+        browser.ie7Compat = ( ( version == 7 && !document.documentMode )
+                || document.documentMode == 7 );
+
+        /**
+         * @property { boolean } ie6Compat 检测浏览器模式是否为 IE6 模式 或者怪异模式
+         * @warning 如果浏览器不是IE， 则该值为undefined
+         * @example
+         * ```javascript
+         * if ( UE.browser.ie6Compat ) {
+         *     console.log( '当前浏览器运行在IE6模式或者怪异模式下' );
+         * }
+         * ```
+         */
+        browser.ie6Compat = ( version < 7 || browser.quirks );
+
+        browser.ie9above = version > 8;
+
+        browser.ie9below = version < 9;
+
+        browser.ie11above = version > 10;
+
+        browser.ie11below = version < 11;
+
+    }
+
+    // Gecko.
+    if ( browser.gecko ){
+        var geckoRelease = agent.match( /rv:([\d\.]+)/ );
+        if ( geckoRelease )
+        {
+            geckoRelease = geckoRelease[1].split( '.' );
+            version = geckoRelease[0] * 10000 + ( geckoRelease[1] || 0 ) * 100 + ( geckoRelease[2] || 0 ) * 1;
+        }
+    }
+
+    /**
+     * @property { Number } chrome 检测当前浏览器是否为Chrome, 如果是，则返回Chrome的大版本号
+     * @warning 如果浏览器不是chrome， 则该值为undefined
+     * @example
+     * ```javascript
+     * if ( UE.browser.chrome ) {
+     *     console.log( '当前浏览器是Chrome' );
+     * }
+     * ```
+     */
+    if (/chrome\/(\d+\.\d)/i.test(agent)) {
+        browser.chrome = + RegExp['\x241'];
+    }
+
+    /**
+     * @property { Number } safari 检测当前浏览器是否为Safari, 如果是，则返回Safari的大版本号
+     * @warning 如果浏览器不是safari， 则该值为undefined
+     * @example
+     * ```javascript
+     * if ( UE.browser.safari ) {
+     *     console.log( '当前浏览器是Safari' );
+     * }
+     * ```
+     */
+    if(/(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i.test(agent) && !/chrome/i.test(agent)){
+    	browser.safari = + (RegExp['\x241'] || RegExp['\x242']);
+    }
+
+
+    // Opera 9.50+
+    if ( browser.opera )
+        version = parseFloat( opera.version() );
+
+    // WebKit 522+ (Safari 3+)
+    if ( browser.webkit )
+        version = parseFloat( agent.match( / applewebkit\/(\d+)/ )[1] );
+
+    /**
+     * @property { Number } version 检测当前浏览器版本号
+     * @remind
+     * <ul>
+     *     <li>IE系列返回值为5,6,7,8,9,10等</li>
+     *     <li>gecko系列会返回10900，158900等</li>
+     *     <li>webkit系列会返回其build号 (如 522等)</li>
+     * </ul>
+     * @example
+     * ```javascript
+     * console.log( '当前浏览器版本号是： ' + UE.browser.version );
+     * ```
+     */
+    browser.version = version;
+
+    /**
+     * @property { boolean } isCompatible 检测当前浏览器是否能够与UEditor良好兼容
+     * @example
+     * ```javascript
+     * if ( UE.browser.isCompatible ) {
+     *     console.log( '浏览器与UEditor能够良好兼容' );
+     * }
+     * ```
+     */
+    browser.isCompatible =
+        !browser.mobile && (
+        ( browser.ie && version >= 6 ) ||
+        ( browser.gecko && version >= 10801 ) ||
+        ( browser.opera && version >= 9.5 ) ||
+        ( browser.air && version >= 1 ) ||
+        ( browser.webkit && version >= 522 ) ||
+        false );
+    return browser;
+}();
+//快捷方式
+var ie = browser.ie,
+    webkit = browser.webkit,
+    gecko = browser.gecko,
+    opera = browser.opera;
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/domUtils.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/domUtils.js
new file mode 100644
index 000000000..fcfb50a03
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/domUtils.js
@@ -0,0 +1,2413 @@
+/**
+ * Dom操作工具包
+ * @file
+ * @module UE.dom.domUtils
+ * @since 1.2.6.1
+ */
+
+/**
+ * Dom操作工具包
+ * @unfile
+ * @module UE.dom.domUtils
+ */
+function getDomNode(node, start, ltr, startFromChild, fn, guard) {
+    var tmpNode = startFromChild && node[start],
+        parent;
+    !tmpNode && (tmpNode = node[ltr]);
+    while (!tmpNode && (parent = (parent || node).parentNode)) {
+        if (parent.tagName == 'BODY' || guard && !guard(parent)) {
+            return null;
+        }
+        tmpNode = parent[ltr];
+    }
+    if (tmpNode && fn && !fn(tmpNode)) {
+        return  getDomNode(tmpNode, start, ltr, false, fn);
+    }
+    return tmpNode;
+}
+var attrFix = ie && browser.version < 9 ? {
+        tabindex:"tabIndex",
+        readonly:"readOnly",
+        "for":"htmlFor",
+        "class":"className",
+        maxlength:"maxLength",
+        cellspacing:"cellSpacing",
+        cellpadding:"cellPadding",
+        rowspan:"rowSpan",
+        colspan:"colSpan",
+        usemap:"useMap",
+        frameborder:"frameBorder"
+    } : {
+        tabindex:"tabIndex",
+        readonly:"readOnly"
+    },
+    styleBlock = utils.listToMap([
+        '-webkit-box', '-moz-box', 'block' ,
+        'list-item' , 'table' , 'table-row-group' ,
+        'table-header-group', 'table-footer-group' ,
+        'table-row' , 'table-column-group' , 'table-column' ,
+        'table-cell' , 'table-caption'
+    ]);
+var domUtils = dom.domUtils = {
+    //节点常量
+    NODE_ELEMENT:1,
+    NODE_DOCUMENT:9,
+    NODE_TEXT:3,
+    NODE_COMMENT:8,
+    NODE_DOCUMENT_FRAGMENT:11,
+
+    //位置关系
+    POSITION_IDENTICAL:0,
+    POSITION_DISCONNECTED:1,
+    POSITION_FOLLOWING:2,
+    POSITION_PRECEDING:4,
+    POSITION_IS_CONTAINED:8,
+    POSITION_CONTAINS:16,
+    //ie6使用其他的会有一段空白出现
+    fillChar:ie && browser.version == '6' ? '\ufeff' : '\u200B',
+    //-------------------------Node部分--------------------------------
+    keys:{
+        /*Backspace*/ 8:1, /*Delete*/ 46:1,
+        /*Shift*/ 16:1, /*Ctrl*/ 17:1, /*Alt*/ 18:1,
+        37:1, 38:1, 39:1, 40:1,
+        13:1 /*enter*/
+    },
+    /**
+     * 获取节点A相对于节点B的位置关系
+     * @method getPosition
+     * @param { Node } nodeA 需要查询位置关系的节点A
+     * @param { Node } nodeB 需要查询位置关系的节点B
+     * @return { Number } 节点A与节点B的关系
+     * @example
+     * ```javascript
+     * //output: 20
+     * var position = UE.dom.domUtils.getPosition( document.documentElement, document.body );
+     *
+     * switch ( position ) {
+     *
+     *      //0
+     *      case UE.dom.domUtils.POSITION_IDENTICAL:
+     *          console.log('元素相同');
+     *          break;
+     *      //1
+     *      case UE.dom.domUtils.POSITION_DISCONNECTED:
+     *          console.log('两个节点在不同的文档中');
+     *          break;
+     *      //2
+     *      case UE.dom.domUtils.POSITION_FOLLOWING:
+     *          console.log('节点A在节点B之后');
+     *          break;
+     *      //4
+     *      case UE.dom.domUtils.POSITION_PRECEDING;
+     *          console.log('节点A在节点B之前');
+     *          break;
+     *      //8
+     *      case UE.dom.domUtils.POSITION_IS_CONTAINED:
+     *          console.log('节点A被节点B包含');
+     *          break;
+     *      case 10:
+     *          console.log('节点A被节点B包含且节点A在节点B之后');
+     *          break;
+     *      //16
+     *      case UE.dom.domUtils.POSITION_CONTAINS:
+     *          console.log('节点A包含节点B');
+     *          break;
+     *      case 20:
+     *          console.log('节点A包含节点B且节点A在节点B之前');
+     *          break;
+     *
+     * }
+     * ```
+     */
+    getPosition:function (nodeA, nodeB) {
+        // 如果两个节点是同一个节点
+        if (nodeA === nodeB) {
+            // domUtils.POSITION_IDENTICAL
+            return 0;
+        }
+        var node,
+            parentsA = [nodeA],
+            parentsB = [nodeB];
+        node = nodeA;
+        while (node = node.parentNode) {
+            // 如果nodeB是nodeA的祖先节点
+            if (node === nodeB) {
+                // domUtils.POSITION_IS_CONTAINED + domUtils.POSITION_FOLLOWING
+                return 10;
+            }
+            parentsA.push(node);
+        }
+        node = nodeB;
+        while (node = node.parentNode) {
+            // 如果nodeA是nodeB的祖先节点
+            if (node === nodeA) {
+                // domUtils.POSITION_CONTAINS + domUtils.POSITION_PRECEDING
+                return 20;
+            }
+            parentsB.push(node);
+        }
+        parentsA.reverse();
+        parentsB.reverse();
+        if (parentsA[0] !== parentsB[0]) {
+            // domUtils.POSITION_DISCONNECTED
+            return 1;
+        }
+        var i = -1;
+        while (i++, parentsA[i] === parentsB[i]) {
+        }
+        nodeA = parentsA[i];
+        nodeB = parentsB[i];
+        while (nodeA = nodeA.nextSibling) {
+            if (nodeA === nodeB) {
+                // domUtils.POSITION_PRECEDING
+                return 4
+            }
+        }
+        // domUtils.POSITION_FOLLOWING
+        return  2;
+    },
+
+    /**
+     * 检测节点node在父节点中的索引位置
+     * @method getNodeIndex
+     * @param { Node } node 需要检测的节点对象
+     * @return { Number } 该节点在父节点中的位置
+     * @see UE.dom.domUtils.getNodeIndex(Node,Boolean)
+     */
+
+    /**
+     * 检测节点node在父节点中的索引位置， 根据给定的mergeTextNode参数决定是否要合并多个连续的文本节点为一个节点
+     * @method getNodeIndex
+     * @param { Node } node 需要检测的节点对象
+     * @param { Boolean } mergeTextNode 是否合并多个连续的文本节点为一个节点
+     * @return { Number } 该节点在父节点中的位置
+     * @example
+     * ```javascript
+     *
+     *      var node = document.createElement("div");
+     *
+     *      node.appendChild( document.createTextNode( "hello" ) );
+     *      node.appendChild( document.createTextNode( "world" ) );
+     *      node.appendChild( node = document.createElement( "div" ) );
+     *
+     *      //output: 2
+     *      console.log( UE.dom.domUtils.getNodeIndex( node ) );
+     *
+     *      //output: 1
+     *      console.log( UE.dom.domUtils.getNodeIndex( node, true ) );
+     *
+     * ```
+     */
+    getNodeIndex:function (node, ignoreTextNode) {
+        var preNode = node,
+            i = 0;
+        while (preNode = preNode.previousSibling) {
+            if (ignoreTextNode && preNode.nodeType == 3) {
+                if(preNode.nodeType != preNode.nextSibling.nodeType ){
+                    i++;
+                }
+                continue;
+            }
+            i++;
+        }
+        return i;
+    },
+
+    /**
+     * 检测节点node是否在给定的document对象上
+     * @method inDoc
+     * @param { Node } node 需要检测的节点对象
+     * @param { DomDocument } doc 需要检测的document对象
+     * @return { Boolean } 该节点node是否在给定的document的dom树上
+     * @example
+     * ```javascript
+     *
+     * var node = document.createElement("div");
+     *
+     * //output: false
+     * console.log( UE.do.domUtils.inDoc( node, document ) );
+     *
+     * document.body.appendChild( node );
+     *
+     * //output: true
+     * console.log( UE.do.domUtils.inDoc( node, document ) );
+     *
+     * ```
+     */
+    inDoc:function (node, doc) {
+        return domUtils.getPosition(node, doc) == 10;
+    },
+    /**
+     * 根据给定的过滤规则filterFn， 查找符合该过滤规则的node节点的第一个祖先节点，
+     * 查找的起点是给定node节点的父节点。
+     * @method findParent
+     * @param { Node } node 需要查找的节点
+     * @param { Function } filterFn 自定义的过滤方法。
+     * @warning 查找的终点是到body节点为止
+     * @remind 自定义的过滤方法filterFn接受一个Node对象作为参数， 该对象代表当前执行检测的祖先节点。 如果该
+     *          节点满足过滤条件， 则要求返回true， 这时将直接返回该节点作为findParent()的结果， 否则， 请返回false。
+     * @return { Node | Null } 如果找到符合过滤条件的节点， 就返回该节点， 否则返回NULL
+     * @example
+     * ```javascript
+     * var filterNode = UE.dom.domUtils.findParent( document.body.firstChild, function ( node ) {
+     *
+     *     //由于查找的终点是body节点， 所以永远也不会匹配当前过滤器的条件， 即这里永远会返回false
+     *     return node.tagName === "HTML";
+     *
+     * } );
+     *
+     * //output: true
+     * console.log( filterNode === null );
+     * ```
+     */
+
+    /**
+     * 根据给定的过滤规则filterFn， 查找符合该过滤规则的node节点的第一个祖先节点，
+     * 如果includeSelf的值为true，则查找的起点是给定的节点node， 否则， 起点是node的父节点
+     * @method findParent
+     * @param { Node } node 需要查找的节点
+     * @param { Function } filterFn 自定义的过滤方法。
+     * @param { Boolean } includeSelf 查找过程是否包含自身
+     * @warning 查找的终点是到body节点为止
+     * @remind 自定义的过滤方法filterFn接受一个Node对象作为参数， 该对象代表当前执行检测的祖先节点。 如果该
+     *          节点满足过滤条件， 则要求返回true， 这时将直接返回该节点作为findParent()的结果， 否则， 请返回false。
+     * @remind 如果includeSelf为true， 则过滤器第一次执行时的参数会是节点本身。
+     *          反之， 过滤器第一次执行时的参数将是该节点的父节点。
+     * @return { Node | Null } 如果找到符合过滤条件的节点， 就返回该节点， 否则返回NULL
+     * @example
+     * ```html
+     * <body>
+     *
+     *      <div id="test">
+     *      </div>
+     *
+     *      <script type="text/javascript">
+     *
+     *          //output: DIV, BODY
+     *          var filterNode = UE.dom.domUtils.findParent( document.getElementById( "test" ), function ( node ) {
+     *
+     *              console.log( node.tagName );
+     *              return false;
+     *
+     *          }, true );
+     *
+     *      </script>
+     * </body>
+     * ```
+     */
+    findParent:function (node, filterFn, includeSelf) {
+        if (node && !domUtils.isBody(node)) {
+            node = includeSelf ? node : node.parentNode;
+            while (node) {
+                if (!filterFn || filterFn(node) || domUtils.isBody(node)) {
+                    return filterFn && !filterFn(node) && domUtils.isBody(node) ? null : node;
+                }
+                node = node.parentNode;
+            }
+        }
+        return null;
+    },
+    /**
+     * 查找node的节点名为tagName的第一个祖先节点， 查找的起点是node节点的父节点。
+     * @method findParentByTagName
+     * @param { Node } node 需要查找的节点对象
+     * @param { Array } tagNames 需要查找的父节点的名称数组
+     * @warning 查找的终点是到body节点为止
+     * @return { Node | NULL } 如果找到符合条件的节点， 则返回该节点， 否则返回NULL
+     * @example
+     * ```javascript
+     * var node = UE.dom.domUtils.findParentByTagName( document.getElementsByTagName("div")[0], [ "BODY" ] );
+     * //output: BODY
+     * console.log( node.tagName );
+     * ```
+     */
+
+    /**
+     * 查找node的节点名为tagName的祖先节点， 如果includeSelf的值为true，则查找的起点是给定的节点node，
+     * 否则， 起点是node的父节点。
+     * @method findParentByTagName
+     * @param { Node } node 需要查找的节点对象
+     * @param { Array } tagNames 需要查找的父节点的名称数组
+     * @param { Boolean } includeSelf 查找过程是否包含node节点自身
+     * @warning 查找的终点是到body节点为止
+     * @return { Node | NULL } 如果找到符合条件的节点， 则返回该节点， 否则返回NULL
+     * @example
+     * ```javascript
+     * var queryTarget = document.getElementsByTagName("div")[0];
+     * var node = UE.dom.domUtils.findParentByTagName( queryTarget, [ "DIV" ], true );
+     * //output: true
+     * console.log( queryTarget === node );
+     * ```
+     */
+    findParentByTagName:function (node, tagNames, includeSelf, excludeFn) {
+        tagNames = utils.listToMap(utils.isArray(tagNames) ? tagNames : [tagNames]);
+        return domUtils.findParent(node, function (node) {
+            return tagNames[node.tagName] && !(excludeFn && excludeFn(node));
+        }, includeSelf);
+    },
+    /**
+     * 查找节点node的祖先节点集合， 查找的起点是给定节点的父节点，结果集中不包含给定的节点。
+     * @method findParents
+     * @param { Node } node 需要查找的节点对象
+     * @return { Array } 给定节点的祖先节点数组
+     * @grammar UE.dom.domUtils.findParents(node)  => Array  //返回一个祖先节点数组集合，不包含自身
+     * @grammar UE.dom.domUtils.findParents(node,includeSelf)  => Array  //返回一个祖先节点数组集合，includeSelf指定是否包含自身
+     * @grammar UE.dom.domUtils.findParents(node,includeSelf,filterFn)  => Array  //返回一个祖先节点数组集合，filterFn指定过滤条件，返回true的node将被选取
+     * @grammar UE.dom.domUtils.findParents(node,includeSelf,filterFn,closerFirst)  => Array  //返回一个祖先节点数组集合，closerFirst为true的话，node的直接父亲节点是数组的第0个
+     */
+
+    /**
+     * 查找节点node的祖先节点集合， 如果includeSelf的值为true，
+     * 则返回的结果集中允许出现当前给定的节点， 否则， 该节点不会出现在其结果集中。
+     * @method findParents
+     * @param { Node } node 需要查找的节点对象
+     * @param { Boolean } includeSelf 查找的结果中是否允许包含当前查找的节点对象
+     * @return { Array } 给定节点的祖先节点数组
+     */
+    findParents:function (node, includeSelf, filterFn, closerFirst) {
+        var parents = includeSelf && ( filterFn && filterFn(node) || !filterFn ) ? [node] : [];
+        while (node = domUtils.findParent(node, filterFn)) {
+            parents.push(node);
+        }
+        return closerFirst ? parents : parents.reverse();
+    },
+
+    /**
+     * 在节点node后面插入新节点newNode
+     * @method insertAfter
+     * @param { Node } node 目标节点
+     * @param { Node } newNode 新插入的节点， 该节点将置于目标节点之后
+     * @return { Node } 新插入的节点
+     */
+    insertAfter:function (node, newNode) {
+        return node.nextSibling ? node.parentNode.insertBefore(newNode, node.nextSibling):
+            node.parentNode.appendChild(newNode);
+    },
+
+    /**
+     * 删除节点node及其下属的所有节点
+     * @method remove
+     * @param { Node } node 需要删除的节点对象
+     * @return { Node } 返回刚删除的节点对象
+     * @example
+     * ```html
+     * <div id="test">
+     *     <div id="child">你好</div>
+     * </div>
+     * <script>
+     *     UE.dom.domUtils.remove( document.body, false );
+     *     //output: false
+     *     console.log( document.getElementById( "child" ) !== null );
+     * </script>
+     * ```
+     */
+
+    /**
+     * 删除节点node，并根据keepChildren的值决定是否保留子节点
+     * @method remove
+     * @param { Node } node 需要删除的节点对象
+     * @param { Boolean } keepChildren 是否需要保留子节点
+     * @return { Node } 返回刚删除的节点对象
+     * @example
+     * ```html
+     * <div id="test">
+     *     <div id="child">你好</div>
+     * </div>
+     * <script>
+     *     UE.dom.domUtils.remove( document.body, true );
+     *     //output: true
+     *     console.log( document.getElementById( "child" ) !== null );
+     * </script>
+     * ```
+     */
+    remove:function (node, keepChildren) {
+        var parent = node.parentNode,
+            child;
+        if (parent) {
+            if (keepChildren && node.hasChildNodes()) {
+                while (child = node.firstChild) {
+                    parent.insertBefore(child, node);
+                }
+            }
+            parent.removeChild(node);
+        }
+        return node;
+    },
+
+    /**
+     * 取得node节点的下一个兄弟节点， 如果该节点其后没有兄弟节点， 则递归查找其父节点之后的第一个兄弟节点，
+     * 直到找到满足条件的节点或者递归到BODY节点之后才会结束。
+     * @method getNextDomNode
+     * @param { Node } node 需要获取其后的兄弟节点的节点对象
+     * @return { Node | NULL } 如果找满足条件的节点， 则返回该节点， 否则返回NULL
+     * @example
+     * ```html
+     *     <body>
+     *      <div id="test">
+     *          <span></span>
+     *      </div>
+     *      <i>xxx</i>
+     * </body>
+     * <script>
+     *
+     *     //output: i节点
+     *     console.log( UE.dom.domUtils.getNextDomNode( document.getElementById( "test" ) ) );
+     *
+     * </script>
+     * ```
+     * @example
+     * ```html
+     * <body>
+     *      <div>
+     *          <span></span>
+     *          <i id="test">xxx</i>
+     *      </div>
+     *      <b>xxx</b>
+     * </body>
+     * <script>
+     *
+     *     //由于id为test的i节点之后没有兄弟节点， 则查找其父节点（div）后面的兄弟节点
+     *     //output: b节点
+     *     console.log( UE.dom.domUtils.getNextDomNode( document.getElementById( "test" ) ) );
+     *
+     * </script>
+     * ```
+     */
+
+    /**
+     * 取得node节点的下一个兄弟节点， 如果startFromChild的值为ture，则先获取其子节点，
+     * 如果有子节点则直接返回第一个子节点；如果没有子节点或者startFromChild的值为false，
+     * 则执行<a href="#UE.dom.domUtils.getNextDomNode(Node)">getNextDomNode(Node node)</a>的查找过程。
+     * @method getNextDomNode
+     * @param { Node } node 需要获取其后的兄弟节点的节点对象
+     * @param { Boolean } startFromChild 查找过程是否从其子节点开始
+     * @return { Node | NULL } 如果找满足条件的节点， 则返回该节点， 否则返回NULL
+     * @see UE.dom.domUtils.getNextDomNode(Node)
+     */
+    getNextDomNode:function (node, startFromChild, filterFn, guard) {
+        return getDomNode(node, 'firstChild', 'nextSibling', startFromChild, filterFn, guard);
+    },
+    getPreDomNode:function (node, startFromChild, filterFn, guard) {
+        return getDomNode(node, 'lastChild', 'previousSibling', startFromChild, filterFn, guard);
+    },
+    /**
+     * 检测节点node是否属是UEditor定义的bookmark节点
+     * @method isBookmarkNode
+     * @private
+     * @param { Node } node 需要检测的节点对象
+     * @return { Boolean } 是否是bookmark节点
+     * @example
+     * ```html
+     * <span id="_baidu_bookmark_1"></span>
+     * <script>
+     *      var bookmarkNode = document.getElementById("_baidu_bookmark_1");
+     *      //output: true
+     *      console.log( UE.dom.domUtils.isBookmarkNode( bookmarkNode ) );
+     * </script>
+     * ```
+     */
+    isBookmarkNode:function (node) {
+        return node.nodeType == 1 && node.id && /^_baidu_bookmark_/i.test(node.id);
+    },
+    /**
+     * 获取节点node所属的window对象
+     * @method  getWindow
+     * @param { Node } node 节点对象
+     * @return { Window } 当前节点所属的window对象
+     * @example
+     * ```javascript
+     * //output: true
+     * console.log( UE.dom.domUtils.getWindow( document.body ) === window );
+     * ```
+     */
+    getWindow:function (node) {
+        var doc = node.ownerDocument || node;
+        return doc.defaultView || doc.parentWindow;
+    },
+    /**
+     * 获取离nodeA与nodeB最近的公共的祖先节点
+     * @method  getCommonAncestor
+     * @param { Node } nodeA 第一个节点
+     * @param { Node } nodeB 第二个节点
+     * @remind 如果给定的两个节点是同一个节点， 将直接返回该节点。
+     * @return { Node | NULL } 如果未找到公共节点， 返回NULL， 否则返回最近的公共祖先节点。
+     * @example
+     * ```javascript
+     * var commonAncestor = UE.dom.domUtils.getCommonAncestor( document.body, document.body.firstChild );
+     * //output: true
+     * console.log( commonAncestor.tagName.toLowerCase() === 'body' );
+     * ```
+     */
+    getCommonAncestor:function (nodeA, nodeB) {
+        if (nodeA === nodeB)
+            return nodeA;
+        var parentsA = [nodeA] , parentsB = [nodeB], parent = nodeA, i = -1;
+        while (parent = parent.parentNode) {
+            if (parent === nodeB) {
+                return parent;
+            }
+            parentsA.push(parent);
+        }
+        parent = nodeB;
+        while (parent = parent.parentNode) {
+            if (parent === nodeA)
+                return parent;
+            parentsB.push(parent);
+        }
+        parentsA.reverse();
+        parentsB.reverse();
+        while (i++, parentsA[i] === parentsB[i]) {
+        }
+        return i == 0 ? null : parentsA[i - 1];
+
+    },
+    /**
+     * 清除node节点左右连续为空的兄弟inline节点
+     * @method clearEmptySibling
+     * @param { Node } node 执行的节点对象， 如果该节点的左右连续的兄弟节点是空的inline节点，
+     * 则这些兄弟节点将被删除
+     * @grammar UE.dom.domUtils.clearEmptySibling(node,ignoreNext)  //ignoreNext指定是否忽略右边空节点
+     * @grammar UE.dom.domUtils.clearEmptySibling(node,ignoreNext,ignorePre)  //ignorePre指定是否忽略左边空节点
+     * @example
+     * ```html
+     * <body>
+     *     <div></div>
+     *     <span id="test"></span>
+     *     <i></i>
+     *     <b></b>
+     *     <em>xxx</em>
+     *     <span></span>
+     * </body>
+     * <script>
+     *
+     *      UE.dom.domUtils.clearEmptySibling( document.getElementById( "test" ) );
+     *
+     *      //output: <div></div><span id="test"></span><em>xxx</em><span></span>
+     *      console.log( document.body.innerHTML );
+     *
+     * </script>
+     * ```
+     */
+
+    /**
+     * 清除node节点左右连续为空的兄弟inline节点， 如果ignoreNext的值为true，
+     * 则忽略对右边兄弟节点的操作。
+     * @method clearEmptySibling
+     * @param { Node } node 执行的节点对象， 如果该节点的左右连续的兄弟节点是空的inline节点，
+     * @param { Boolean } ignoreNext 是否忽略忽略对右边的兄弟节点的操作
+     * 则这些兄弟节点将被删除
+     * @see UE.dom.domUtils.clearEmptySibling(Node)
+     */
+
+    /**
+     * 清除node节点左右连续为空的兄弟inline节点， 如果ignoreNext的值为true，
+     * 则忽略对右边兄弟节点的操作， 如果ignorePre的值为true，则忽略对左边兄弟节点的操作。
+     * @method clearEmptySibling
+     * @param { Node } node 执行的节点对象， 如果该节点的左右连续的兄弟节点是空的inline节点，
+     * @param { Boolean } ignoreNext 是否忽略忽略对右边的兄弟节点的操作
+     * @param { Boolean } ignorePre 是否忽略忽略对左边的兄弟节点的操作
+     * 则这些兄弟节点将被删除
+     * @see UE.dom.domUtils.clearEmptySibling(Node)
+     */
+    clearEmptySibling:function (node, ignoreNext, ignorePre) {
+        function clear(next, dir) {
+            var tmpNode;
+            while (next && !domUtils.isBookmarkNode(next) && (domUtils.isEmptyInlineElement(next)
+                //这里不能把空格算进来会吧空格干掉，出现文字间的空格丢掉了
+                || !new RegExp('[^\t\n\r' + domUtils.fillChar + ']').test(next.nodeValue) )) {
+                tmpNode = next[dir];
+                domUtils.remove(next);
+                next = tmpNode;
+            }
+        }
+        !ignoreNext && clear(node.nextSibling, 'nextSibling');
+        !ignorePre && clear(node.previousSibling, 'previousSibling');
+    },
+    /**
+     * 将一个文本节点textNode拆分成两个文本节点，offset指定拆分位置
+     * @method split
+     * @param { Node } textNode 需要拆分的文本节点对象
+     * @param { int } offset 需要拆分的位置， 位置计算从0开始
+     * @return { Node } 拆分后形成的新节点
+     * @example
+     * ```html
+     * <div id="test">abcdef</div>
+     * <script>
+     *      var newNode = UE.dom.domUtils.split( document.getElementById( "test" ).firstChild, 3 );
+     *      //output: def
+     *      console.log( newNode.nodeValue );
+     * </script>
+     * ```
+     */
+    split:function (node, offset) {
+        var doc = node.ownerDocument;
+        if (browser.ie && offset == node.nodeValue.length) {
+            var next = doc.createTextNode('');
+            return domUtils.insertAfter(node, next);
+        }
+        var retval = node.splitText(offset);
+        //ie8下splitText不会跟新childNodes,我们手动触发他的更新
+        if (browser.ie8) {
+            var tmpNode = doc.createTextNode('');
+            domUtils.insertAfter(retval, tmpNode);
+            domUtils.remove(tmpNode);
+        }
+        return retval;
+    },
+
+    /**
+     * 检测文本节点textNode是否为空节点（包括空格、换行、占位符等字符）
+     * @method  isWhitespace
+     * @param { Node } node 需要检测的节点对象
+     * @return { Boolean } 检测的节点是否为空
+     * @example
+     * ```html
+     * <div id="test">
+     *
+     * </div>
+     * <script>
+     *      //output: true
+     *      console.log( UE.dom.domUtils.isWhitespace( document.getElementById("test").firstChild ) );
+     * </script>
+     * ```
+     */
+    isWhitespace:function (node) {
+        return !new RegExp('[^ \t\n\r' + domUtils.fillChar + ']').test(node.nodeValue);
+    },
+    /**
+     * 获取元素element相对于viewport的位置坐标
+     * @method getXY
+     * @param { Node } element 需要计算位置的节点对象
+     * @return { Object } 返回形如{x:left,y:top}的一个key-value映射对象， 其中键x代表水平偏移距离，
+     *                          y代表垂直偏移距离。
+     *
+     * @example
+     * ```javascript
+     * var location = UE.dom.domUtils.getXY( document.getElementById("test") );
+     * //output: test的坐标为: 12, 24
+     * console.log( 'test的坐标为： ', location.x, ',', location.y );
+     * ```
+     */
+    getXY:function (element) {
+        var x = 0, y = 0;
+        while (element.offsetParent) {
+            y += element.offsetTop;
+            x += element.offsetLeft;
+            element = element.offsetParent;
+        }
+        return { 'x':x, 'y':y};
+    },
+    /**
+     * 为元素element绑定原生DOM事件，type为事件类型，handler为处理函数
+     * @method on
+     * @param { Node } element 需要绑定事件的节点对象
+     * @param { String } type 绑定的事件类型
+     * @param { Function } handler 事件处理器
+     * @example
+     * ```javascript
+     * UE.dom.domUtils.on(document.body,"click",function(e){
+     *     //e为事件对象，this为被点击元素对戏那个
+     * });
+     * ```
+     */
+
+    /**
+     * 为元素element绑定原生DOM事件，type为事件类型，handler为处理函数
+     * @method on
+     * @param { Node } element 需要绑定事件的节点对象
+     * @param { Array } type 绑定的事件类型数组
+     * @param { Function } handler 事件处理器
+     * @example
+     * ```javascript
+     * UE.dom.domUtils.on(document.body,["click","mousedown"],function(evt){
+     *     //evt为事件对象，this为被点击元素对象
+     * });
+     * ```
+     */
+    on:function (element, type, handler) {
+
+        var types = utils.isArray(type) ? type : utils.trim(type).split(/\s+/),
+            k = types.length;
+        if (k) while (k--) {
+            type = types[k];
+            if (element.addEventListener) {
+                element.addEventListener(type, handler, false);
+            } else {
+                if (!handler._d) {
+                    handler._d = {
+                        els : []
+                    };
+                }
+                var key = type + handler.toString(),index = utils.indexOf(handler._d.els,element);
+                if (!handler._d[key] || index == -1) {
+                    if(index == -1){
+                        handler._d.els.push(element);
+                    }
+                    if(!handler._d[key]){
+                        handler._d[key] = function (evt) {
+                            return handler.call(evt.srcElement, evt || window.event);
+                        };
+                    }
+
+
+                    element.attachEvent('on' + type, handler._d[key]);
+                }
+            }
+        }
+        element = null;
+    },
+    /**
+     * 解除DOM事件绑定
+     * @method un
+     * @param { Node } element 需要解除事件绑定的节点对象
+     * @param { String } type 需要接触绑定的事件类型
+     * @param { Function } handler 对应的事件处理器
+     * @example
+     * ```javascript
+     * UE.dom.domUtils.un(document.body,"click",function(evt){
+     *     //evt为事件对象，this为被点击元素对象
+     * });
+     * ```
+     */
+
+    /**
+     * 解除DOM事件绑定
+     * @method un
+     * @param { Node } element 需要解除事件绑定的节点对象
+     * @param { Array } type 需要接触绑定的事件类型数组
+     * @param { Function } handler 对应的事件处理器
+     * @example
+     * ```javascript
+     * UE.dom.domUtils.un(document.body, ["click","mousedown"],function(evt){
+     *     //evt为事件对象，this为被点击元素对象
+     * });
+     * ```
+     */
+    un:function (element, type, handler) {
+        var types = utils.isArray(type) ? type : utils.trim(type).split(/\s+/),
+            k = types.length;
+        if (k) while (k--) {
+            type = types[k];
+            if (element.removeEventListener) {
+                element.removeEventListener(type, handler, false);
+            } else {
+                var key = type + handler.toString();
+                try{
+                    element.detachEvent('on' + type, handler._d ? handler._d[key] : handler);
+                }catch(e){}
+                if (handler._d && handler._d[key]) {
+                    var index = utils.indexOf(handler._d.els,element);
+                    if(index!=-1){
+                        handler._d.els.splice(index,1);
+                    }
+                    handler._d.els.length == 0 && delete handler._d[key];
+                }
+            }
+        }
+    },
+
+    /**
+     * 比较节点nodeA与节点nodeB是否具有相同的标签名、属性名以及属性值
+     * @method  isSameElement
+     * @param { Node } nodeA 需要比较的节点
+     * @param { Node } nodeB 需要比较的节点
+     * @return { Boolean } 两个节点是否具有相同的标签名、属性名以及属性值
+     * @example
+     * ```html
+     * <span style="font-size:12px">ssss</span>
+     * <span style="font-size:12px">bbbbb</span>
+     * <span style="font-size:13px">ssss</span>
+     * <span style="font-size:14px">bbbbb</span>
+     *
+     * <script>
+     *
+     *     var nodes = document.getElementsByTagName( "span" );
+     *
+     *     //output: true
+     *     console.log( UE.dom.domUtils.isSameElement( nodes[0], nodes[1] ) );
+     *
+     *     //output: false
+     *     console.log( UE.dom.domUtils.isSameElement( nodes[2], nodes[3] ) );
+     *
+     * </script>
+     * ```
+     */
+    isSameElement:function (nodeA, nodeB) {
+        if (nodeA.tagName != nodeB.tagName) {
+            return false;
+        }
+        var thisAttrs = nodeA.attributes,
+            otherAttrs = nodeB.attributes;
+        if (!ie && thisAttrs.length != otherAttrs.length) {
+            return false;
+        }
+        var attrA, attrB, al = 0, bl = 0;
+        for (var i = 0; attrA = thisAttrs[i++];) {
+            if (attrA.nodeName == 'style') {
+                if (attrA.specified) {
+                    al++;
+                }
+                if (domUtils.isSameStyle(nodeA, nodeB)) {
+                    continue;
+                } else {
+                    return false;
+                }
+            }
+            if (ie) {
+                if (attrA.specified) {
+                    al++;
+                    attrB = otherAttrs.getNamedItem(attrA.nodeName);
+                } else {
+                    continue;
+                }
+            } else {
+                attrB = nodeB.attributes[attrA.nodeName];
+            }
+            if (!attrB.specified || attrA.nodeValue != attrB.nodeValue) {
+                return false;
+            }
+        }
+        // 有可能attrB的属性包含了attrA的属性之外还有自己的属性
+        if (ie) {
+            for (i = 0; attrB = otherAttrs[i++];) {
+                if (attrB.specified) {
+                    bl++;
+                }
+            }
+            if (al != bl) {
+                return false;
+            }
+        }
+        return true;
+    },
+
+    /**
+     * 判断节点nodeA与节点nodeB的元素的style属性是否一致
+     * @method isSameStyle
+     * @param { Node } nodeA 需要比较的节点
+     * @param { Node } nodeB 需要比较的节点
+     * @return { Boolean } 两个节点是否具有相同的style属性值
+     * @example
+     * ```html
+     * <span style="font-size:12px">ssss</span>
+     * <span style="font-size:12px">bbbbb</span>
+     * <span style="font-size:13px">ssss</span>
+     * <span style="font-size:14px">bbbbb</span>
+     *
+     * <script>
+     *
+     *     var nodes = document.getElementsByTagName( "span" );
+     *
+     *     //output: true
+     *     console.log( UE.dom.domUtils.isSameStyle( nodes[0], nodes[1] ) );
+     *
+     *     //output: false
+     *     console.log( UE.dom.domUtils.isSameStyle( nodes[2], nodes[3] ) );
+     *
+     * </script>
+     * ```
+     */
+    isSameStyle:function (nodeA, nodeB) {
+        var styleA = nodeA.style.cssText.replace(/( ?; ?)/g, ';').replace(/( ?: ?)/g, ':'),
+            styleB = nodeB.style.cssText.replace(/( ?; ?)/g, ';').replace(/( ?: ?)/g, ':');
+        if (browser.opera) {
+            styleA = nodeA.style;
+            styleB = nodeB.style;
+            if (styleA.length != styleB.length)
+                return false;
+            for (var p in styleA) {
+                if (/^(\d+|csstext)$/i.test(p)) {
+                    continue;
+                }
+                if (styleA[p] != styleB[p]) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        if (!styleA || !styleB) {
+            return styleA == styleB;
+        }
+        styleA = styleA.split(';');
+        styleB = styleB.split(';');
+        if (styleA.length != styleB.length) {
+            return false;
+        }
+        for (var i = 0, ci; ci = styleA[i++];) {
+            if (utils.indexOf(styleB, ci) == -1) {
+                return false;
+            }
+        }
+        return true;
+    },
+    /**
+     * 检查节点node是否为block元素
+     * @method isBlockElm
+     * @param { Node } node 需要检测的节点对象
+     * @return { Boolean } 是否是block元素节点
+     * @warning 该方法的判断规则如下： 如果该元素原本是block元素， 则不论该元素当前的css样式是什么都会返回true；
+     *          否则，检测该元素的css样式， 如果该元素当前是block元素， 则返回true。 其余情况下都返回false。
+     * @example
+     * ```html
+     * <span id="test1" style="display: block"></span>
+     * <span id="test2"></span>
+     * <div id="test3" style="display: inline"></div>
+     *
+     * <script>
+     *
+     *     //output: true
+     *     console.log( UE.dom.domUtils.isBlockElm( document.getElementById("test1") ) );
+     *
+     *     //output: false
+     *     console.log( UE.dom.domUtils.isBlockElm( document.getElementById("test2") ) );
+     *
+     *     //output: true
+     *     console.log( UE.dom.domUtils.isBlockElm( document.getElementById("test3") ) );
+     *
+     * </script>
+     * ```
+     */
+    isBlockElm:function (node) {
+        return node.nodeType == 1 && (dtd.$block[node.tagName] || styleBlock[domUtils.getComputedStyle(node, 'display')]) && !dtd.$nonChild[node.tagName];
+    },
+    /**
+     * 检测node节点是否为body节点
+     * @method isBody
+     * @param { Element } node 需要检测的dom元素
+     * @return { Boolean } 给定的元素是否是body元素
+     * @example
+     * ```javascript
+     * //output: true
+     * console.log( UE.dom.domUtils.isBody( document.body ) );
+     * ```
+     */
+    isBody:function (node) {
+        return  node && node.nodeType == 1 && node.tagName.toLowerCase() == 'body';
+    },
+    /**
+     * 以node节点为分界，将该节点的指定祖先节点parent拆分成两个独立的节点，
+     * 拆分形成的两个节点之间是node节点
+     * @method breakParent
+     * @param { Node } node 作为分界的节点对象
+     * @param { Node } parent 该节点必须是node节点的祖先节点， 且是block节点。
+     * @return { Node } 给定的node分界节点
+     * @example
+     * ```javascript
+     *
+     *      var node = document.createElement("span"),
+     *          wrapNode = document.createElement( "div" ),
+     *          parent = document.createElement("p");
+     *
+     *      parent.appendChild( node );
+     *      wrapNode.appendChild( parent );
+     *
+     *      //拆分前
+     *      //output: <p><span></span></p>
+     *      console.log( wrapNode.innerHTML );
+     *
+     *
+     *      UE.dom.domUtils.breakParent( node, parent );
+     *      //拆分后
+     *      //output: <p></p><span></span><p></p>
+     *      console.log( wrapNode.innerHTML );
+     *
+     * ```
+     */
+    breakParent:function (node, parent) {
+        var tmpNode,
+            parentClone = node,
+            clone = node,
+            leftNodes,
+            rightNodes;
+        do {
+            parentClone = parentClone.parentNode;
+            if (leftNodes) {
+                tmpNode = parentClone.cloneNode(false);
+                tmpNode.appendChild(leftNodes);
+                leftNodes = tmpNode;
+                tmpNode = parentClone.cloneNode(false);
+                tmpNode.appendChild(rightNodes);
+                rightNodes = tmpNode;
+            } else {
+                leftNodes = parentClone.cloneNode(false);
+                rightNodes = leftNodes.cloneNode(false);
+            }
+            while (tmpNode = clone.previousSibling) {
+                leftNodes.insertBefore(tmpNode, leftNodes.firstChild);
+            }
+            while (tmpNode = clone.nextSibling) {
+                rightNodes.appendChild(tmpNode);
+            }
+            clone = parentClone;
+        } while (parent !== parentClone);
+        tmpNode = parent.parentNode;
+        tmpNode.insertBefore(leftNodes, parent);
+        tmpNode.insertBefore(rightNodes, parent);
+        tmpNode.insertBefore(node, rightNodes);
+        domUtils.remove(parent);
+        return node;
+    },
+    /**
+     * 检查节点node是否是空inline节点
+     * @method  isEmptyInlineElement
+     * @param { Node } node 需要检测的节点对象
+     * @return { Number }  如果给定的节点是空的inline节点， 则返回1, 否则返回0。
+     * @example
+     * ```html
+     * <b><i></i></b> => 1
+     * <b><i></i><u></u></b> => 1
+     * <b></b> => 1
+     * <b>xx<i></i></b> => 0
+     * ```
+     */
+    isEmptyInlineElement:function (node) {
+        if (node.nodeType != 1 || !dtd.$removeEmpty[ node.tagName ]) {
+            return 0;
+        }
+        node = node.firstChild;
+        while (node) {
+            //如果是创建的bookmark就跳过
+            if (domUtils.isBookmarkNode(node)) {
+                return 0;
+            }
+            if (node.nodeType == 1 && !domUtils.isEmptyInlineElement(node) ||
+                node.nodeType == 3 && !domUtils.isWhitespace(node)
+                ) {
+                return 0;
+            }
+            node = node.nextSibling;
+        }
+        return 1;
+
+    },
+
+    /**
+     * 删除node节点下首尾两端的空白文本子节点
+     * @method trimWhiteTextNode
+     * @param { Element } node 需要执行删除操作的元素对象
+     * @example
+     * ```javascript
+     *      var node = document.createElement("div");
+     *
+     *      node.appendChild( document.createTextNode( "" ) );
+     *
+     *      node.appendChild( document.createElement("div") );
+     *
+     *      node.appendChild( document.createTextNode( "" ) );
+     *
+     *      //3
+     *      console.log( node.childNodes.length );
+     *
+     *      UE.dom.domUtils.trimWhiteTextNode( node );
+     *
+     *      //1
+     *      console.log( node.childNodes.length );
+     * ```
+     */
+    trimWhiteTextNode:function (node) {
+        function remove(dir) {
+            var child;
+            while ((child = node[dir]) && child.nodeType == 3 && domUtils.isWhitespace(child)) {
+                node.removeChild(child);
+            }
+        }
+        remove('firstChild');
+        remove('lastChild');
+    },
+
+    /**
+     * 合并node节点下相同的子节点
+     * @name mergeChild
+     * @desc
+     * UE.dom.domUtils.mergeChild(node,tagName) //tagName要合并的子节点的标签
+     * @example
+     * <p><span style="font-size:12px;">xx<span style="font-size:12px;">aa</span>xx</span></p>
+     * ==> UE.dom.domUtils.mergeChild(node,'span')
+     * <p><span style="font-size:12px;">xxaaxx</span></p>
+     */
+    mergeChild:function (node, tagName, attrs) {
+        var list = domUtils.getElementsByTagName(node, node.tagName.toLowerCase());
+        for (var i = 0, ci; ci = list[i++];) {
+            if (!ci.parentNode || domUtils.isBookmarkNode(ci)) {
+                continue;
+            }
+            //span单独处理
+            if (ci.tagName.toLowerCase() == 'span') {
+                if (node === ci.parentNode) {
+                    domUtils.trimWhiteTextNode(node);
+                    if (node.childNodes.length == 1) {
+                        node.style.cssText = ci.style.cssText + ";" + node.style.cssText;
+                        domUtils.remove(ci, true);
+                        continue;
+                    }
+                }
+                ci.style.cssText = node.style.cssText + ';' + ci.style.cssText;
+                if (attrs) {
+                    var style = attrs.style;
+                    if (style) {
+                        style = style.split(';');
+                        for (var j = 0, s; s = style[j++];) {
+                            ci.style[utils.cssStyleToDomStyle(s.split(':')[0])] = s.split(':')[1];
+                        }
+                    }
+                }
+                if (domUtils.isSameStyle(ci, node)) {
+                    domUtils.remove(ci, true);
+                }
+                continue;
+            }
+            if (domUtils.isSameElement(node, ci)) {
+                domUtils.remove(ci, true);
+            }
+        }
+    },
+
+    /**
+     * 原生方法getElementsByTagName的封装
+     * @method getElementsByTagName
+     * @param { Node } node 目标节点对象
+     * @param { String } tagName 需要查找的节点的tagName， 多个tagName以空格分割
+     * @return { Array } 符合条件的节点集合
+     */
+    getElementsByTagName:function (node, name,filter) {
+        if(filter && utils.isString(filter)){
+           var className = filter;
+           filter =  function(node){return domUtils.hasClass(node,className)}
+        }
+        name = utils.trim(name).replace(/[ ]{2,}/g,' ').split(' ');
+        var arr = [];
+        for(var n = 0,ni;ni=name[n++];){
+            var list = node.getElementsByTagName(ni);
+            for (var i = 0, ci; ci = list[i++];) {
+                if(!filter || filter(ci))
+                    arr.push(ci);
+            }
+        }
+
+        return arr;
+    },
+    /**
+     * 将节点node提取到父节点上
+     * @method mergeToParent
+     * @param { Element } node 需要提取的元素对象
+     * @example
+     * ```html
+     * <div id="parent">
+     *     <div id="sub">
+     *         <span id="child"></span>
+     *     </div>
+     * </div>
+     *
+     * <script>
+     *
+     *     var child = document.getElementById( "child" );
+     *
+     *     //output: sub
+     *     console.log( child.parentNode.id );
+     *
+     *     UE.dom.domUtils.mergeToParent( child );
+     *
+     *     //output: parent
+     *     console.log( child.parentNode.id );
+     *
+     * </script>
+     * ```
+     */
+    mergeToParent:function (node) {
+        var parent = node.parentNode;
+        while (parent && dtd.$removeEmpty[parent.tagName]) {
+            if (parent.tagName == node.tagName || parent.tagName == 'A') {//针对a标签单独处理
+                domUtils.trimWhiteTextNode(parent);
+                //span需要特殊处理  不处理这样的情况 <span stlye="color:#fff">xxx<span style="color:#ccc">xxx</span>xxx</span>
+                if (parent.tagName == 'SPAN' && !domUtils.isSameStyle(parent, node)
+                    || (parent.tagName == 'A' && node.tagName == 'SPAN')) {
+                    if (parent.childNodes.length > 1 || parent !== node.parentNode) {
+                        node.style.cssText = parent.style.cssText + ";" + node.style.cssText;
+                        parent = parent.parentNode;
+                        continue;
+                    } else {
+                        parent.style.cssText += ";" + node.style.cssText;
+                        //trace:952 a标签要保持下划线
+                        if (parent.tagName == 'A') {
+                            parent.style.textDecoration = 'underline';
+                        }
+                    }
+                }
+                if (parent.tagName != 'A') {
+                    parent === node.parentNode && domUtils.remove(node, true);
+                    break;
+                }
+            }
+            parent = parent.parentNode;
+        }
+    },
+    /**
+     * 合并节点node的左右兄弟节点
+     * @method mergeSibling
+     * @param { Element } node 需要合并的目标节点
+     * @example
+     * ```html
+     * <b>xxxx</b><b id="test">ooo</b><b>xxxx</b>
+     *
+     * <script>
+     *     var demoNode = document.getElementById("test");
+     *     UE.dom.domUtils.mergeSibling( demoNode );
+     *     //output: xxxxoooxxxx
+     *     console.log( demoNode.innerHTML );
+     * </script>
+     * ```
+     */
+
+    /**
+     * 合并节点node的左右兄弟节点， 可以根据给定的条件选择是否忽略合并左节点。
+     * @method mergeSibling
+     * @param { Element } node 需要合并的目标节点
+     * @param { Boolean } ignorePre 是否忽略合并左节点
+     * @example
+     * ```html
+     * <b>xxxx</b><b id="test">ooo</b><b>xxxx</b>
+     *
+     * <script>
+     *     var demoNode = document.getElementById("test");
+     *     UE.dom.domUtils.mergeSibling( demoNode, true );
+     *     //output: oooxxxx
+     *     console.log( demoNode.innerHTML );
+     * </script>
+     * ```
+     */
+
+    /**
+     * 合并节点node的左右兄弟节点，可以根据给定的条件选择是否忽略合并左右节点。
+     * @method mergeSibling
+     * @param { Element } node 需要合并的目标节点
+     * @param { Boolean } ignorePre 是否忽略合并左节点
+     * @param { Boolean } ignoreNext 是否忽略合并右节点
+     * @remind 如果同时忽略左右节点， 则该操作什么也不会做
+     * @example
+     * ```html
+     * <b>xxxx</b><b id="test">ooo</b><b>xxxx</b>
+     *
+     * <script>
+     *     var demoNode = document.getElementById("test");
+     *     UE.dom.domUtils.mergeSibling( demoNode, false, true );
+     *     //output: xxxxooo
+     *     console.log( demoNode.innerHTML );
+     * </script>
+     * ```
+     */
+    mergeSibling:function (node, ignorePre, ignoreNext) {
+        function merge(rtl, start, node) {
+            var next;
+            if ((next = node[rtl]) && !domUtils.isBookmarkNode(next) && next.nodeType == 1 && domUtils.isSameElement(node, next)) {
+                while (next.firstChild) {
+                    if (start == 'firstChild') {
+                        node.insertBefore(next.lastChild, node.firstChild);
+                    } else {
+                        node.appendChild(next.firstChild);
+                    }
+                }
+                domUtils.remove(next);
+            }
+        }
+        !ignorePre && merge('previousSibling', 'firstChild', node);
+        !ignoreNext && merge('nextSibling', 'lastChild', node);
+    },
+
+    /**
+     * 设置节点node及其子节点不会被选中
+     * @method unSelectable
+     * @param { Element } node 需要执行操作的dom元素
+     * @remind 执行该操作后的节点， 将不能被鼠标选中
+     * @example
+     * ```javascript
+     * UE.dom.domUtils.unSelectable( document.body );
+     * ```
+     */
+    unSelectable:ie && browser.ie9below || browser.opera ? function (node) {
+        //for ie9
+        node.onselectstart = function () {
+            return false;
+        };
+        node.onclick = node.onkeyup = node.onkeydown = function () {
+            return false;
+        };
+        node.unselectable = 'on';
+        node.setAttribute("unselectable", "on");
+        for (var i = 0, ci; ci = node.all[i++];) {
+            switch (ci.tagName.toLowerCase()) {
+                case 'iframe' :
+                case 'textarea' :
+                case 'input' :
+                case 'select' :
+                    break;
+                default :
+                    ci.unselectable = 'on';
+                    node.setAttribute("unselectable", "on");
+            }
+        }
+    } : function (node) {
+        node.style.MozUserSelect =
+            node.style.webkitUserSelect =
+                node.style.msUserSelect =
+                    node.style.KhtmlUserSelect = 'none';
+    },
+    /**
+     * 删除节点node上的指定属性名称的属性
+     * @method  removeAttributes
+     * @param { Node } node 需要删除属性的节点对象
+     * @param { String } attrNames 可以是空格隔开的多个属性名称，该操作将会依次删除相应的属性
+     * @example
+     * ```html
+     * <div id="wrap">
+     *      <span style="font-size:14px;" id="test" name="followMe">xxxxx</span>
+     * </div>
+     *
+     * <script>
+     *
+     *     UE.dom.domUtils.removeAttributes( document.getElementById( "test" ), "id name" );
+     *
+     *     //output: <span style="font-size:14px;">xxxxx</span>
+     *     console.log( document.getElementById("wrap").innerHTML );
+     *
+     * </script>
+     * ```
+     */
+
+    /**
+     * 删除节点node上的指定属性名称的属性
+     * @method  removeAttributes
+     * @param { Node } node 需要删除属性的节点对象
+     * @param { Array } attrNames 需要删除的属性名数组
+     * @example
+     * ```html
+     * <div id="wrap">
+     *      <span style="font-size:14px;" id="test" name="followMe">xxxxx</span>
+     * </div>
+     *
+     * <script>
+     *
+     *     UE.dom.domUtils.removeAttributes( document.getElementById( "test" ), ["id", "name"] );
+     *
+     *     //output: <span style="font-size:14px;">xxxxx</span>
+     *     console.log( document.getElementById("wrap").innerHTML );
+     *
+     * </script>
+     * ```
+     */
+    removeAttributes:function (node, attrNames) {
+        attrNames = utils.isArray(attrNames) ? attrNames : utils.trim(attrNames).replace(/[ ]{2,}/g,' ').split(' ');
+        for (var i = 0, ci; ci = attrNames[i++];) {
+            ci = attrFix[ci] || ci;
+            switch (ci) {
+                case 'className':
+                    node[ci] = '';
+                    break;
+                case 'style':
+                    node.style.cssText = '';
+                    var val = node.getAttributeNode('style');
+                    !browser.ie && val && node.removeAttributeNode(val);
+            }
+            node.removeAttribute(ci);
+        }
+    },
+    /**
+     * 在doc下创建一个标签名为tag，属性为attrs的元素
+     * @method createElement
+     * @param { DomDocument } doc 新创建的元素属于该document节点创建
+     * @param { String } tagName 需要创建的元素的标签名
+     * @param { Object } attrs 新创建的元素的属性key-value集合
+     * @return { Element } 新创建的元素对象
+     * @example
+     * ```javascript
+     * var ele = UE.dom.domUtils.createElement( document, 'div', {
+     *     id: 'test'
+     * } );
+     *
+     * //output: DIV
+     * console.log( ele.tagName );
+     *
+     * //output: test
+     * console.log( ele.id );
+     *
+     * ```
+     */
+    createElement:function (doc, tag, attrs) {
+        return domUtils.setAttributes(doc.createElement(tag), attrs)
+    },
+    /**
+     * 为节点node添加属性attrs，attrs为属性键值对
+     * @method setAttributes
+     * @param { Element } node 需要设置属性的元素对象
+     * @param { Object } attrs 需要设置的属性名-值对
+     * @return { Element } 设置属性的元素对象
+     * @example
+     * ```html
+     * <span id="test"></span>
+     *
+     * <script>
+     *
+     *     var testNode = UE.dom.domUtils.setAttributes( document.getElementById( "test" ), {
+     *         id: 'demo'
+     *     } );
+     *
+     *     //output: demo
+     *     console.log( testNode.id );
+     *
+     * </script>
+     *
+     */
+    setAttributes:function (node, attrs) {
+        for (var attr in attrs) {
+            if(attrs.hasOwnProperty(attr)){
+                var value = attrs[attr];
+                switch (attr) {
+                    case 'class':
+                        //ie下要这样赋值，setAttribute不起作用
+                        node.className = value;
+                        break;
+                    case 'style' :
+                        node.style.cssText = node.style.cssText + ";" + value;
+                        break;
+                    case 'innerHTML':
+                        node[attr] = value;
+                        break;
+                    case 'value':
+                        node.value = value;
+                        break;
+                    default:
+                        node.setAttribute(attrFix[attr] || attr, value);
+                }
+            }
+        }
+        return node;
+    },
+
+    /**
+     * 获取元素element经过计算后的样式值
+     * @method getComputedStyle
+     * @param { Element } element 需要获取样式的元素对象
+     * @param { String } styleName 需要获取的样式名
+     * @return { String } 获取到的样式值
+     * @example
+     * ```html
+     * <style type="text/css">
+     *      #test {
+     *          font-size: 15px;
+     *      }
+     * </style>
+     *
+     * <span id="test"></span>
+     *
+     * <script>
+     *     //output: 15px
+     *     console.log( UE.dom.domUtils.getComputedStyle( document.getElementById( "test" ), 'font-size' ) );
+     * </script>
+     * ```
+     */
+    getComputedStyle:function (element, styleName) {
+        //一下的属性单独处理
+        var pros = 'width height top left';
+
+        if(pros.indexOf(styleName) > -1){
+            return element['offset' + styleName.replace(/^\w/,function(s){return s.toUpperCase()})] + 'px';
+        }
+        //忽略文本节点
+        if (element.nodeType == 3) {
+            element = element.parentNode;
+        }
+        //ie下font-size若body下定义了font-size，则从currentStyle里会取到这个font-size. 取不到实际值，故此修改.
+        if (browser.ie && browser.version < 9 && styleName == 'font-size' && !element.style.fontSize &&
+            !dtd.$empty[element.tagName] && !dtd.$nonChild[element.tagName]) {
+            var span = element.ownerDocument.createElement('span');
+            span.style.cssText = 'padding:0;border:0;font-family:simsun;';
+            span.innerHTML = '.';
+            element.appendChild(span);
+            var result = span.offsetHeight;
+            element.removeChild(span);
+            span = null;
+            return result + 'px';
+        }
+        try {
+            var value = domUtils.getStyle(element, styleName) ||
+                (window.getComputedStyle ? domUtils.getWindow(element).getComputedStyle(element, '').getPropertyValue(styleName) :
+                    ( element.currentStyle || element.style )[utils.cssStyleToDomStyle(styleName)]);
+
+        } catch (e) {
+            return "";
+        }
+        return utils.transUnitToPx(utils.fixColor(styleName, value));
+    },
+    /**
+     * 删除元素element指定的className
+     * @method removeClasses
+     * @param { Element } ele 需要删除class的元素节点
+     * @param { String } classNames 需要删除的className， 多个className之间以空格分开
+     * @example
+     * ```html
+     * <span id="test" class="test1 test2 test3">xxx</span>
+     *
+     * <script>
+     *
+     *     var testNode = document.getElementById( "test" );
+     *     UE.dom.domUtils.removeClasses( testNode, "test1 test2" );
+     *
+     *     //output: test3
+     *     console.log( testNode.className );
+     *
+     * </script>
+     * ```
+     */
+
+    /**
+     * 删除元素element指定的className
+     * @method removeClasses
+     * @param { Element } ele 需要删除class的元素节点
+     * @param { Array } classNames 需要删除的className数组
+     * @example
+     * ```html
+     * <span id="test" class="test1 test2 test3">xxx</span>
+     *
+     * <script>
+     *
+     *     var testNode = document.getElementById( "test" );
+     *     UE.dom.domUtils.removeClasses( testNode, ["test1", "test2"] );
+     *
+     *     //output: test3
+     *     console.log( testNode.className );
+     *
+     * </script>
+     * ```
+     */
+    removeClasses:function (elm, classNames) {
+        classNames = utils.isArray(classNames) ? classNames :
+            utils.trim(classNames).replace(/[ ]{2,}/g,' ').split(' ');
+        for(var i = 0,ci,cls = elm.className;ci=classNames[i++];){
+            cls = cls.replace(new RegExp('\\b' + ci + '\\b'),'')
+        }
+        cls = utils.trim(cls).replace(/[ ]{2,}/g,' ');
+        if(cls){
+            elm.className = cls;
+        }else{
+            domUtils.removeAttributes(elm,['class']);
+        }
+    },
+    /**
+     * 给元素element添加className
+     * @method addClass
+     * @param { Node } ele 需要增加className的元素
+     * @param { String } classNames 需要添加的className， 多个className之间以空格分割
+     * @remind 相同的类名不会被重复添加
+     * @example
+     * ```html
+     * <span id="test" class="cls1 cls2"></span>
+     *
+     * <script>
+     *     var testNode = document.getElementById("test");
+     *
+     *     UE.dom.domUtils.addClass( testNode, "cls2 cls3 cls4" );
+     *
+     *     //output: cl1 cls2 cls3 cls4
+     *     console.log( testNode.className );
+     *
+     * <script>
+     * ```
+     */
+
+    /**
+     * 给元素element添加className
+     * @method addClass
+     * @param { Node } ele 需要增加className的元素
+     * @param { Array } classNames 需要添加的className的数组
+     * @remind 相同的类名不会被重复添加
+     * @example
+     * ```html
+     * <span id="test" class="cls1 cls2"></span>
+     *
+     * <script>
+     *     var testNode = document.getElementById("test");
+     *
+     *     UE.dom.domUtils.addClass( testNode, ["cls2", "cls3", "cls4"] );
+     *
+     *     //output: cl1 cls2 cls3 cls4
+     *     console.log( testNode.className );
+     *
+     * <script>
+     * ```
+     */
+    addClass:function (elm, classNames) {
+        if(!elm)return;
+        classNames = utils.trim(classNames).replace(/[ ]{2,}/g,' ').split(' ');
+        for(var i = 0,ci,cls = elm.className;ci=classNames[i++];){
+            if(!new RegExp('\\b' + ci + '\\b').test(cls)){
+                cls += ' ' + ci;
+            }
+        }
+        elm.className = utils.trim(cls);
+    },
+    /**
+     * 判断元素element是否包含给定的样式类名className
+     * @method hasClass
+     * @param { Node } ele 需要检测的元素
+     * @param { String } classNames 需要检测的className， 多个className之间用空格分割
+     * @return { Boolean } 元素是否包含所有给定的className
+     * @example
+     * ```html
+     * <span id="test1" class="cls1 cls2"></span>
+     *
+     * <script>
+     *     var test1 = document.getElementById("test1");
+     *
+     *     //output: false
+     *     console.log( UE.dom.domUtils.hasClass( test1, "cls2 cls1 cls3" ) );
+     *
+     *     //output: true
+     *     console.log( UE.dom.domUtils.hasClass( test1, "cls2 cls1" ) );
+     * </script>
+     * ```
+     */
+
+    /**
+     * 判断元素element是否包含给定的样式类名className
+     * @method hasClass
+     * @param { Node } ele 需要检测的元素
+     * @param { Array } classNames 需要检测的className数组
+     * @return { Boolean } 元素是否包含所有给定的className
+     * @example
+     * ```html
+     * <span id="test1" class="cls1 cls2"></span>
+     *
+     * <script>
+     *     var test1 = document.getElementById("test1");
+     *
+     *     //output: false
+     *     console.log( UE.dom.domUtils.hasClass( test1, [ "cls2", "cls1", "cls3" ] ) );
+     *
+     *     //output: true
+     *     console.log( UE.dom.domUtils.hasClass( test1, [ "cls2", "cls1" ]) );
+     * </script>
+     * ```
+     */
+    hasClass:function (element, className) {
+        if(utils.isRegExp(className)){
+            return className.test(element.className)
+        }
+        className = utils.trim(className).replace(/[ ]{2,}/g,' ').split(' ');
+        for(var i = 0,ci,cls = element.className;ci=className[i++];){
+            if(!new RegExp('\\b' + ci + '\\b','i').test(cls)){
+                return false;
+            }
+        }
+        return i - 1 == className.length;
+    },
+
+    /**
+     * 阻止事件默认行为
+     * @method preventDefault
+     * @param { Event } evt 需要阻止默认行为的事件对象
+     * @example
+     * ```javascript
+     * UE.dom.domUtils.preventDefault( evt );
+     * ```
+     */
+    preventDefault:function (evt) {
+        evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
+    },
+    /**
+     * 删除元素element指定的样式
+     * @method removeStyle
+     * @param { Element } element 需要删除样式的元素
+     * @param { String } styleName 需要删除的样式名
+     * @example
+     * ```html
+     * <span id="test" style="color: red; background: blue;"></span>
+     *
+     * <script>
+     *
+     *     var testNode = document.getElementById("test");
+     *
+     *     UE.dom.domUtils.removeStyle( testNode, 'color' );
+     *
+     *     //output: background: blue;
+     *     console.log( testNode.style.cssText );
+     *
+     * </script>
+     * ```
+     */
+    removeStyle:function (element, name) {
+        if(browser.ie ){
+            //针对color先单独处理一下
+            if(name == 'color'){
+                name = '(^|;)' + name;
+            }
+            element.style.cssText = element.style.cssText.replace(new RegExp(name + '[^:]*:[^;]+;?','ig'),'')
+        }else{
+            if (element.style.removeProperty) {
+                element.style.removeProperty (name);
+            }else {
+                element.style.removeAttribute (utils.cssStyleToDomStyle(name));
+            }
+        }
+
+
+        if (!element.style.cssText) {
+            domUtils.removeAttributes(element, ['style']);
+        }
+    },
+    /**
+     * 获取元素element的style属性的指定值
+     * @method getStyle
+     * @param { Element } element 需要获取属性值的元素
+     * @param { String } styleName 需要获取的style的名称
+     * @warning 该方法仅获取元素style属性中所标明的值
+     * @return { String } 该元素包含指定的style属性值
+     * @example
+     * ```html
+     * <div id="test" style="color: red;"></div>
+     *
+     * <script>
+     *
+     *      var testNode = document.getElementById( "test" );
+     *
+     *      //output: red
+     *      console.log( UE.dom.domUtils.getStyle( testNode, "color" ) );
+     *
+     *      //output: ""
+     *      console.log( UE.dom.domUtils.getStyle( testNode, "background" ) );
+     *
+     * </script>
+     * ```
+     */
+    getStyle:function (element, name) {
+        var value = element.style[ utils.cssStyleToDomStyle(name) ];
+        return utils.fixColor(name, value);
+    },
+    /**
+     * 为元素element设置样式属性值
+     * @method setStyle
+     * @param { Element } element 需要设置样式的元素
+     * @param { String } styleName 样式名
+     * @param { String } styleValue 样式值
+     * @example
+     * ```html
+     * <div id="test"></div>
+     *
+     * <script>
+     *
+     *      var testNode = document.getElementById( "test" );
+     *
+     *      //output: ""
+     *      console.log( testNode.style.color );
+     *
+     *      UE.dom.domUtils.setStyle( testNode, 'color', 'red' );
+     *      //output: "red"
+     *      console.log( testNode.style.color );
+     *
+     * </script>
+     * ```
+     */
+    setStyle:function (element, name, value) {
+        element.style[utils.cssStyleToDomStyle(name)] = value;
+        if(!utils.trim(element.style.cssText)){
+            this.removeAttributes(element,'style')
+        }
+    },
+    /**
+     * 为元素element设置多个样式属性值
+     * @method setStyles
+     * @param { Element } element 需要设置样式的元素
+     * @param { Object } styles 样式名值对
+     * @example
+     * ```html
+     * <div id="test"></div>
+     *
+     * <script>
+     *
+     *      var testNode = document.getElementById( "test" );
+     *
+     *      //output: ""
+     *      console.log( testNode.style.color );
+     *
+     *      UE.dom.domUtils.setStyles( testNode, {
+     *          'color': 'red'
+     *      } );
+     *      //output: "red"
+     *      console.log( testNode.style.color );
+     *
+     * </script>
+     * ```
+     */
+    setStyles:function (element, styles) {
+        for (var name in styles) {
+            if (styles.hasOwnProperty(name)) {
+                domUtils.setStyle(element, name, styles[name]);
+            }
+        }
+    },
+    /**
+     * 删除_moz_dirty属性
+     * @private
+     * @method removeDirtyAttr
+     */
+    removeDirtyAttr:function (node) {
+        for (var i = 0, ci, nodes = node.getElementsByTagName('*'); ci = nodes[i++];) {
+            ci.removeAttribute('_moz_dirty');
+        }
+        node.removeAttribute('_moz_dirty');
+    },
+    /**
+     * 获取子节点的数量
+     * @method getChildCount
+     * @param { Element } node 需要检测的元素
+     * @return { Number } 给定的node元素的子节点数量
+     * @example
+     * ```html
+     * <div id="test">
+     *      <span></span>
+     * </div>
+     *
+     * <script>
+     *
+     *     //output: 3
+     *     console.log( UE.dom.domUtils.getChildCount( document.getElementById("test") ) );
+     *
+     * </script>
+     * ```
+     */
+
+    /**
+     * 根据给定的过滤规则， 获取符合条件的子节点的数量
+     * @method getChildCount
+     * @param { Element } node 需要检测的元素
+     * @param { Function } fn 过滤器， 要求对符合条件的子节点返回true， 反之则要求返回false
+     * @return { Number } 符合过滤条件的node元素的子节点数量
+     * @example
+     * ```html
+     * <div id="test">
+     *      <span></span>
+     * </div>
+     *
+     * <script>
+     *
+     *     //output: 1
+     *     console.log( UE.dom.domUtils.getChildCount( document.getElementById("test"), function ( node ) {
+     *
+     *         return node.nodeType === 1;
+     *
+     *     } ) );
+     *
+     * </script>
+     * ```
+     */
+    getChildCount:function (node, fn) {
+        var count = 0, first = node.firstChild;
+        fn = fn || function () {
+            return 1;
+        };
+        while (first) {
+            if (fn(first)) {
+                count++;
+            }
+            first = first.nextSibling;
+        }
+        return count;
+    },
+
+    /**
+     * 判断给定节点是否为空节点
+     * @method isEmptyNode
+     * @param { Node } node 需要检测的节点对象
+     * @return { Boolean } 节点是否为空
+     * @example
+     * ```javascript
+     * UE.dom.domUtils.isEmptyNode( document.body );
+     * ```
+     */
+    isEmptyNode:function (node) {
+        return !node.firstChild || domUtils.getChildCount(node, function (node) {
+            return  !domUtils.isBr(node) && !domUtils.isBookmarkNode(node) && !domUtils.isWhitespace(node)
+        }) == 0
+    },
+    clearSelectedArr:function (nodes) {
+        var node;
+        while (node = nodes.pop()) {
+            domUtils.removeAttributes(node, ['class']);
+        }
+    },
+    /**
+     * 将显示区域滚动到指定节点的位置
+     * @method scrollToView
+     * @param    {Node}   node    节点
+     * @param    {window}   win      window对象
+     * @param    {Number}    offsetTop    距离上方的偏移量
+     */
+    scrollToView:function (node, win, offsetTop) {
+        var getViewPaneSize = function () {
+                var doc = win.document,
+                    mode = doc.compatMode == 'CSS1Compat';
+                return {
+                    width:( mode ? doc.documentElement.clientWidth : doc.body.clientWidth ) || 0,
+                    height:( mode ? doc.documentElement.clientHeight : doc.body.clientHeight ) || 0
+                };
+            },
+            getScrollPosition = function (win) {
+                if ('pageXOffset' in win) {
+                    return {
+                        x:win.pageXOffset || 0,
+                        y:win.pageYOffset || 0
+                    };
+                }
+                else {
+                    var doc = win.document;
+                    return {
+                        x:doc.documentElement.scrollLeft || doc.body.scrollLeft || 0,
+                        y:doc.documentElement.scrollTop || doc.body.scrollTop || 0
+                    };
+                }
+            };
+        var winHeight = getViewPaneSize().height, offset = winHeight * -1 + offsetTop;
+        offset += (node.offsetHeight || 0);
+        var elementPosition = domUtils.getXY(node);
+        offset += elementPosition.y;
+        var currentScroll = getScrollPosition(win).y;
+        // offset += 50;
+        if (offset > currentScroll || offset < currentScroll - winHeight) {
+            win.scrollTo(0, offset + (offset < 0 ? -20 : 20));
+        }
+    },
+    /**
+     * 判断给定节点是否为br
+     * @method isBr
+     * @param { Node } node 需要判断的节点对象
+     * @return { Boolean } 给定的节点是否是br节点
+     */
+    isBr:function (node) {
+        return node.nodeType == 1 && node.tagName == 'BR';
+    },
+    /**
+     * 判断给定的节点是否是一个“填充”节点
+     * @private
+     * @method isFillChar
+     * @param { Node } node 需要判断的节点
+     * @param { Boolean } isInStart 是否从节点内容的开始位置匹配
+     * @returns { Boolean } 节点是否是填充节点
+     */
+    isFillChar:function (node,isInStart) {
+        if(node.nodeType != 3)
+            return false;
+        var text = node.nodeValue;
+        if(isInStart){
+            return new RegExp('^' + domUtils.fillChar).test(text)
+        }
+        return !text.replace(new RegExp(domUtils.fillChar,'g'), '').length
+    },
+    isStartInblock:function (range) {
+        var tmpRange = range.cloneRange(),
+            flag = 0,
+            start = tmpRange.startContainer,
+            tmp;
+        if(start.nodeType == 1 && start.childNodes[tmpRange.startOffset]){
+            start = start.childNodes[tmpRange.startOffset];
+            var pre = start.previousSibling;
+            while(pre && domUtils.isFillChar(pre)){
+                start = pre;
+                pre = pre.previousSibling;
+            }
+        }
+        if(this.isFillChar(start,true) && tmpRange.startOffset == 1){
+            tmpRange.setStartBefore(start);
+            start = tmpRange.startContainer;
+        }
+
+        while (start && domUtils.isFillChar(start)) {
+            tmp = start;
+            start = start.previousSibling
+        }
+        if (tmp) {
+            tmpRange.setStartBefore(tmp);
+            start = tmpRange.startContainer;
+        }
+        if (start.nodeType == 1 && domUtils.isEmptyNode(start) && tmpRange.startOffset == 1) {
+            tmpRange.setStart(start, 0).collapse(true);
+        }
+        while (!tmpRange.startOffset) {
+            start = tmpRange.startContainer;
+            if (domUtils.isBlockElm(start) || domUtils.isBody(start)) {
+                flag = 1;
+                break;
+            }
+            var pre = tmpRange.startContainer.previousSibling,
+                tmpNode;
+            if (!pre) {
+                tmpRange.setStartBefore(tmpRange.startContainer);
+            } else {
+                while (pre && domUtils.isFillChar(pre)) {
+                    tmpNode = pre;
+                    pre = pre.previousSibling;
+                }
+                if (tmpNode) {
+                    tmpRange.setStartBefore(tmpNode);
+                } else {
+                    tmpRange.setStartBefore(tmpRange.startContainer);
+                }
+            }
+        }
+        return flag && !domUtils.isBody(tmpRange.startContainer) ? 1 : 0;
+    },
+
+    /**
+     * 判断给定的元素是否是一个空元素
+     * @method isEmptyBlock
+     * @param { Element } node 需要判断的元素
+     * @return { Boolean } 是否是空元素
+     * @example
+     * ```html
+     * <div id="test"></div>
+     *
+     * <script>
+     *     //output: true
+     *     console.log( UE.dom.domUtils.isEmptyBlock( document.getElementById("test") ) );
+     * </script>
+     * ```
+     */
+
+    /**
+     * 根据指定的判断规则判断给定的元素是否是一个空元素
+     * @method isEmptyBlock
+     * @param { Element } node 需要判断的元素
+     * @param { RegExp } reg 对内容执行判断的正则表达式对象
+     * @return { Boolean } 是否是空元素
+     */
+    isEmptyBlock:function (node,reg) {
+        if(node.nodeType != 1)
+            return 0;
+        reg = reg || new RegExp('[ \xa0\t\r\n' + domUtils.fillChar + ']', 'g');
+
+        if (node[browser.ie ? 'innerText' : 'textContent'].replace(reg, '').length > 0) {
+            return 0;
+        }
+        for (var n in dtd.$isNotEmpty) {
+            if (node.getElementsByTagName(n).length) {
+                return 0;
+            }
+        }
+        return 1;
+    },
+
+    /**
+     * 移动元素使得该元素的位置移动指定的偏移量的距离
+     * @method setViewportOffset
+     * @param { Element } element 需要设置偏移量的元素
+     * @param { Object } offset 偏移量， 形如{ left: 100, top: 50 }的一个键值对， 表示该元素将在
+     *                                  现有的位置上向水平方向偏移offset.left的距离， 在竖直方向上偏移
+     *                                  offset.top的距离
+     * @example
+     * ```html
+     * <div id="test" style="top: 100px; left: 50px; position: absolute;"></div>
+     *
+     * <script>
+     *
+     *     var testNode = document.getElementById("test");
+     *
+     *     UE.dom.domUtils.setViewportOffset( testNode, {
+     *         left: 200,
+     *         top: 50
+     *     } );
+     *
+     *     //output: top: 300px; left: 100px; position: absolute;
+     *     console.log( testNode.style.cssText );
+     *
+     * </script>
+     * ```
+     */
+    setViewportOffset:function (element, offset) {
+        var left = parseInt(element.style.left) | 0;
+        var top = parseInt(element.style.top) | 0;
+        var rect = element.getBoundingClientRect();
+        var offsetLeft = offset.left - rect.left;
+        var offsetTop = offset.top - rect.top;
+        if (offsetLeft) {
+            element.style.left = left + offsetLeft + 'px';
+        }
+        if (offsetTop) {
+            element.style.top = top + offsetTop + 'px';
+        }
+    },
+
+    /**
+     * 用“填充字符”填充节点
+     * @method fillNode
+     * @private
+     * @param { DomDocument } doc 填充的节点所在的docment对象
+     * @param { Node } node 需要填充的节点对象
+     * @example
+     * ```html
+     * <div id="test"></div>
+     *
+     * <script>
+     *     var testNode = document.getElementById("test");
+     *
+     *     //output: 0
+     *     console.log( testNode.childNodes.length );
+     *
+     *     UE.dom.domUtils.fillNode( document, testNode );
+     *
+     *     //output: 1
+     *     console.log( testNode.childNodes.length );
+     *
+     * </script>
+     * ```
+     */
+    fillNode:function (doc, node) {
+        var tmpNode = browser.ie ? doc.createTextNode(domUtils.fillChar) : doc.createElement('br');
+        node.innerHTML = '';
+        node.appendChild(tmpNode);
+    },
+
+    /**
+     * 把节点src的所有子节点追加到另一个节点tag上去
+     * @method moveChild
+     * @param { Node } src 源节点， 该节点下的所有子节点将被移除
+     * @param { Node } tag 目标节点， 从源节点移除的子节点将被追加到该节点下
+     * @example
+     * ```html
+     * <div id="test1">
+     *      <span></span>
+     * </div>
+     * <div id="test2">
+     *     <div></div>
+     * </div>
+     *
+     * <script>
+     *
+     *     var test1 = document.getElementById("test1"),
+     *         test2 = document.getElementById("test2");
+     *
+     *     UE.dom.domUtils.moveChild( test1, test2 );
+     *
+     *     //output: ""（空字符串）
+     *     console.log( test1.innerHTML );
+     *
+     *     //output: "<div></div><span></span>"
+     *     console.log( test2.innerHTML );
+     *
+     * </script>
+     * ```
+     */
+
+    /**
+     * 把节点src的所有子节点移动到另一个节点tag上去, 可以通过dir参数控制附加的行为是“追加”还是“插入顶部”
+     * @method moveChild
+     * @param { Node } src 源节点， 该节点下的所有子节点将被移除
+     * @param { Node } tag 目标节点， 从源节点移除的子节点将被附加到该节点下
+     * @param { Boolean } dir 附加方式， 如果为true， 则附加进去的节点将被放到目标节点的顶部， 反之，则放到末尾
+     * @example
+     * ```html
+     * <div id="test1">
+     *      <span></span>
+     * </div>
+     * <div id="test2">
+     *     <div></div>
+     * </div>
+     *
+     * <script>
+     *
+     *     var test1 = document.getElementById("test1"),
+     *         test2 = document.getElementById("test2");
+     *
+     *     UE.dom.domUtils.moveChild( test1, test2, true );
+     *
+     *     //output: ""（空字符串）
+     *     console.log( test1.innerHTML );
+     *
+     *     //output: "<span></span><div></div>"
+     *     console.log( test2.innerHTML );
+     *
+     * </script>
+     * ```
+     */
+    moveChild:function (src, tag, dir) {
+        while (src.firstChild) {
+            if (dir && tag.firstChild) {
+                tag.insertBefore(src.lastChild, tag.firstChild);
+            } else {
+                tag.appendChild(src.firstChild);
+            }
+        }
+    },
+
+    /**
+     * 判断节点的标签上是否不存在任何属性
+     * @method hasNoAttributes
+     * @private
+     * @param { Node } node 需要检测的节点对象
+     * @return { Boolean } 节点是否不包含任何属性
+     * @example
+     * ```html
+     * <div id="test"><span>xxxx</span></div>
+     *
+     * <script>
+     *
+     *     //output: false
+     *     console.log( UE.dom.domUtils.hasNoAttributes( document.getElementById("test") ) );
+     *
+     *     //output: true
+     *     console.log( UE.dom.domUtils.hasNoAttributes( document.getElementById("test").firstChild ) );
+     *
+     * </script>
+     * ```
+     */
+    hasNoAttributes:function (node) {
+        return browser.ie ? /^<\w+\s*?>/.test(node.outerHTML) : node.attributes.length == 0;
+    },
+
+    /**
+     * 检测节点是否是UEditor所使用的辅助节点
+     * @method isCustomeNode
+     * @private
+     * @param { Node } node 需要检测的节点
+     * @remind 辅助节点是指编辑器要完成工作临时添加的节点， 在输出的时候将会从编辑器内移除， 不会影响最终的结果。
+     * @return { Boolean } 给定的节点是否是一个辅助节点
+     */
+    isCustomeNode:function (node) {
+        return node.nodeType == 1 && node.getAttribute('_ue_custom_node_');
+    },
+
+    /**
+     * 检测节点的标签是否是给定的标签
+     * @method isTagNode
+     * @param { Node } node 需要检测的节点对象
+     * @param { String } tagName 标签
+     * @return { Boolean } 节点的标签是否是给定的标签
+     * @example
+     * ```html
+     * <div id="test"></div>
+     *
+     * <script>
+     *
+     *     //output: true
+     *     console.log( UE.dom.domUtils.isTagNode( document.getElementById("test"), "div" ) );
+     *
+     * </script>
+     * ```
+     */
+    isTagNode:function (node, tagNames) {
+        return node.nodeType == 1 && new RegExp('\\b' + node.tagName + '\\b','i').test(tagNames)
+    },
+
+    /**
+     * 给定一个节点数组，在通过指定的过滤器过滤后， 获取其中满足过滤条件的第一个节点
+     * @method filterNodeList
+     * @param { Array } nodeList 需要过滤的节点数组
+     * @param { Function } fn 过滤器， 对符合条件的节点， 执行结果返回true， 反之则返回false
+     * @return { Node | NULL } 如果找到符合过滤条件的节点， 则返回该节点， 否则返回NULL
+     * @example
+     * ```javascript
+     * var divNodes = document.getElementsByTagName("div");
+     * divNodes = [].slice.call( divNodes, 0 );
+     *
+     * //output: null
+     * console.log( UE.dom.domUtils.filterNodeList( divNodes, function ( node ) {
+     *     return node.tagName.toLowerCase() !== 'div';
+     * } ) );
+     * ```
+     */
+
+    /**
+     * 给定一个节点数组nodeList和一组标签名tagNames， 获取其中能够匹配标签名的节点集合中的第一个节点
+     * @method filterNodeList
+     * @param { Array } nodeList 需要过滤的节点数组
+     * @param { String } tagNames 需要匹配的标签名， 多个标签名之间用空格分割
+     * @return { Node | NULL } 如果找到标签名匹配的节点， 则返回该节点， 否则返回NULL
+     * @example
+     * ```javascript
+     * var divNodes = document.getElementsByTagName("div");
+     * divNodes = [].slice.call( divNodes, 0 );
+     *
+     * //output: null
+     * console.log( UE.dom.domUtils.filterNodeList( divNodes, 'a span' ) );
+     * ```
+     */
+
+    /**
+     * 给定一个节点数组，在通过指定的过滤器过滤后， 如果参数forAll为true， 则会返回所有满足过滤
+     * 条件的节点集合， 否则， 返回满足条件的节点集合中的第一个节点
+     * @method filterNodeList
+     * @param { Array } nodeList 需要过滤的节点数组
+     * @param { Function } fn 过滤器， 对符合条件的节点， 执行结果返回true， 反之则返回false
+     * @param { Boolean } forAll 是否返回整个节点数组, 如果该参数为false， 则返回节点集合中的第一个节点
+     * @return { Array | Node | NULL } 如果找到符合过滤条件的节点， 则根据参数forAll的值决定返回满足
+     *                                      过滤条件的节点数组或第一个节点， 否则返回NULL
+     * @example
+     * ```javascript
+     * var divNodes = document.getElementsByTagName("div");
+     * divNodes = [].slice.call( divNodes, 0 );
+     *
+     * //output: 3（假定有3个div）
+     * console.log( divNodes.length );
+     *
+     * var nodes = UE.dom.domUtils.filterNodeList( divNodes, function ( node ) {
+     *     return node.tagName.toLowerCase() === 'div';
+     * }, true );
+     *
+     * //output: 3
+     * console.log( nodes.length );
+     *
+     * var node = UE.dom.domUtils.filterNodeList( divNodes, function ( node ) {
+     *     return node.tagName.toLowerCase() === 'div';
+     * }, false );
+     *
+     * //output: div
+     * console.log( node.nodeName );
+     * ```
+     */
+    filterNodeList : function(nodelist,filter,forAll){
+        var results = [];
+        if(!utils .isFunction(filter)){
+            var str = filter;
+            filter = function(n){
+                return utils.indexOf(utils.isArray(str) ? str:str.split(' '), n.tagName.toLowerCase()) != -1
+            };
+        }
+        utils.each(nodelist,function(n){
+            filter(n) && results.push(n)
+        });
+        return results.length  == 0 ? null : results.length == 1 || !forAll ? results[0] : results
+    },
+
+    /**
+     * 查询给定的range选区是否在给定的node节点内，且在该节点的最末尾
+     * @method isInNodeEndBoundary
+     * @param { UE.dom.Range } rng 需要判断的range对象， 该对象的startContainer不能为NULL
+     * @param node 需要检测的节点对象
+     * @return { Number } 如果给定的选取range对象是在node内部的最末端， 则返回1, 否则返回0
+     */
+    isInNodeEndBoundary : function (rng,node){
+        var start = rng.startContainer;
+        if(start.nodeType == 3 && rng.startOffset != start.nodeValue.length){
+            return 0;
+        }
+        if(start.nodeType == 1 && rng.startOffset != start.childNodes.length){
+            return 0;
+        }
+        while(start !== node){
+            if(start.nextSibling){
+                return 0
+            };
+            start = start.parentNode;
+        }
+        return 1;
+    },
+    isBoundaryNode : function (node,dir){
+        var tmp;
+        while(!domUtils.isBody(node)){
+            tmp = node;
+            node = node.parentNode;
+            if(tmp !== node[dir]){
+                return false;
+            }
+        }
+        return true;
+    },
+    fillHtml :  browser.ie11below ? '&nbsp;' : '<br/>'
+};
+var fillCharReg = new RegExp(domUtils.fillChar, 'g');
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/dtd.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/dtd.js
new file mode 100644
index 000000000..3b44634ca
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/dtd.js
@@ -0,0 +1,179 @@
+///import editor.js
+///import core/dom/dom.js
+///import core/utils.js
+/**
+ * dtd html语义化的体现类
+ * @constructor
+ * @namespace dtd
+ */
+var dtd = dom.dtd = (function() {
+    function _( s ) {
+        for (var k in s) {
+            s[k.toUpperCase()] = s[k];
+        }
+        return s;
+    }
+    var X = utils.extend2;
+    var A = _({isindex:1,fieldset:1}),
+        B = _({input:1,button:1,select:1,textarea:1,label:1}),
+        C = X( _({a:1}), B ),
+        D = X( {iframe:1}, C ),
+        E = _({hr:1,ul:1,menu:1,div:1,blockquote:1,noscript:1,table:1,center:1,address:1,dir:1,pre:1,h5:1,dl:1,h4:1,noframes:1,h6:1,ol:1,h1:1,h3:1,h2:1}),
+        F = _({ins:1,del:1,script:1,style:1}),
+        G = X( _({b:1,acronym:1,bdo:1,'var':1,'#':1,abbr:1,code:1,br:1,i:1,cite:1,kbd:1,u:1,strike:1,s:1,tt:1,strong:1,q:1,samp:1,em:1,dfn:1,span:1}), F ),
+        H = X( _({sub:1,img:1,embed:1,object:1,sup:1,basefont:1,map:1,applet:1,font:1,big:1,small:1}), G ),
+        I = X( _({p:1}), H ),
+        J = X( _({iframe:1}), H, B ),
+        K = _({img:1,embed:1,noscript:1,br:1,kbd:1,center:1,button:1,basefont:1,h5:1,h4:1,samp:1,h6:1,ol:1,h1:1,h3:1,h2:1,form:1,font:1,'#':1,select:1,menu:1,ins:1,abbr:1,label:1,code:1,table:1,script:1,cite:1,input:1,iframe:1,strong:1,textarea:1,noframes:1,big:1,small:1,span:1,hr:1,sub:1,bdo:1,'var':1,div:1,object:1,sup:1,strike:1,dir:1,map:1,dl:1,applet:1,del:1,isindex:1,fieldset:1,ul:1,b:1,acronym:1,a:1,blockquote:1,i:1,u:1,s:1,tt:1,address:1,q:1,pre:1,p:1,em:1,dfn:1}),
+
+        L = X( _({a:0}), J ),//a不能被切开，所以把他
+        M = _({tr:1}),
+        N = _({'#':1}),
+        O = X( _({param:1}), K ),
+        P = X( _({form:1}), A, D, E, I ),
+        Q = _({li:1,ol:1,ul:1}),
+        R = _({style:1,script:1}),
+        S = _({base:1,link:1,meta:1,title:1}),
+        T = X( S, R ),
+        U = _({head:1,body:1}),
+        V = _({html:1});
+
+    var block = _({address:1,blockquote:1,center:1,dir:1,div:1,dl:1,fieldset:1,form:1,h1:1,h2:1,h3:1,h4:1,h5:1,h6:1,hr:1,isindex:1,menu:1,noframes:1,ol:1,p:1,pre:1,table:1,ul:1}),
+
+        empty =  _({area:1,base:1,basefont:1,br:1,col:1,command:1,dialog:1,embed:1,hr:1,img:1,input:1,isindex:1,keygen:1,link:1,meta:1,param:1,source:1,track:1,wbr:1});
+
+    return  _({
+
+        // $ 表示自定的属性
+
+        // body外的元素列表.
+        $nonBodyContent: X( V, U, S ),
+
+        //块结构元素列表
+        $block : block,
+
+        //内联元素列表
+        $inline : L,
+
+        $inlineWithA : X(_({a:1}),L),
+
+        $body : X( _({script:1,style:1}), block ),
+
+        $cdata : _({script:1,style:1}),
+
+        //自闭和元素
+        $empty : empty,
+
+        //不是自闭合，但不能让range选中里边
+        $nonChild : _({iframe:1,textarea:1}),
+        //列表元素列表
+        $listItem : _({dd:1,dt:1,li:1}),
+
+        //列表根元素列表
+        $list: _({ul:1,ol:1,dl:1}),
+
+        //不能认为是空的元素
+        $isNotEmpty : _({table:1,ul:1,ol:1,dl:1,iframe:1,area:1,base:1,col:1,hr:1,img:1,embed:1,input:1,link:1,meta:1,param:1,h1:1,h2:1,h3:1,h4:1,h5:1,h6:1}),
+
+        //如果没有子节点就可以删除的元素列表，像span,a
+        $removeEmpty : _({a:1,abbr:1,acronym:1,address:1,b:1,bdo:1,big:1,cite:1,code:1,del:1,dfn:1,em:1,font:1,i:1,ins:1,label:1,kbd:1,q:1,s:1,samp:1,small:1,span:1,strike:1,strong:1,sub:1,sup:1,tt:1,u:1,'var':1}),
+
+        $removeEmptyBlock : _({'p':1,'div':1}),
+
+        //在table元素里的元素列表
+        $tableContent : _({caption:1,col:1,colgroup:1,tbody:1,td:1,tfoot:1,th:1,thead:1,tr:1,table:1}),
+        //不转换的标签
+        $notTransContent : _({pre:1,script:1,style:1,textarea:1}),
+        html: U,
+        head: T,
+        style: N,
+        script: N,
+        body: P,
+        base: {},
+        link: {},
+        meta: {},
+        title: N,
+        col : {},
+        tr : _({td:1,th:1}),
+        img : {},
+        embed: {},
+        colgroup : _({thead:1,col:1,tbody:1,tr:1,tfoot:1}),
+        noscript : P,
+        td : P,
+        br : {},
+        th : P,
+        center : P,
+        kbd : L,
+        button : X( I, E ),
+        basefont : {},
+        h5 : L,
+        h4 : L,
+        samp : L,
+        h6 : L,
+        ol : Q,
+        h1 : L,
+        h3 : L,
+        option : N,
+        h2 : L,
+        form : X( A, D, E, I ),
+        select : _({optgroup:1,option:1}),
+        font : L,
+        ins : L,
+        menu : Q,
+        abbr : L,
+        label : L,
+        table : _({thead:1,col:1,tbody:1,tr:1,colgroup:1,caption:1,tfoot:1}),
+        code : L,
+        tfoot : M,
+        cite : L,
+        li : P,
+        input : {},
+        iframe : P,
+        strong : L,
+        textarea : N,
+        noframes : P,
+        big : L,
+        small : L,
+        //trace:
+        span :_({'#':1,br:1,b:1,strong:1,u:1,i:1,em:1,sub:1,sup:1,strike:1,span:1}),
+        hr : L,
+        dt : L,
+        sub : L,
+        optgroup : _({option:1}),
+        param : {},
+        bdo : L,
+        'var' : L,
+        div : P,
+        object : O,
+        sup : L,
+        dd : P,
+        strike : L,
+        area : {},
+        dir : Q,
+        map : X( _({area:1,form:1,p:1}), A, F, E ),
+        applet : O,
+        dl : _({dt:1,dd:1}),
+        del : L,
+        isindex : {},
+        fieldset : X( _({legend:1}), K ),
+        thead : M,
+        ul : Q,
+        acronym : L,
+        b : L,
+        a : X( _({a:1}), J ),
+        blockquote :X(_({td:1,tr:1,tbody:1,li:1}),P),
+        caption : L,
+        i : L,
+        u : L,
+        tbody : M,
+        s : L,
+        address : X( D, I ),
+        tt : L,
+        legend : L,
+        q : L,
+        pre : X( G, C ),
+        p : X(_({'a':1}),L),
+        em :L,
+        dfn : L
+    });
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/filternode.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/filternode.js
new file mode 100644
index 000000000..6189f4391
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/filternode.js
@@ -0,0 +1,130 @@
+/**
+ * UE过滤节点的静态方法
+ * @file
+ */
+
+/**
+ * UEditor公用空间，UEditor所有的功能都挂载在该空间下
+ * @module UE
+ */
+
+
+/**
+ * 根据传入节点和过滤规则过滤相应节点
+ * @module UE
+ * @since 1.2.6.1
+ * @method filterNode
+ * @param { Object } root 指定root节点
+ * @param { Object } rules 过滤规则json对象
+ * @example
+ * ```javascript
+ * UE.filterNode(root,editor.options.filterRules);
+ * ```
+ */
+var filterNode = UE.filterNode = function () {
+    function filterNode(node,rules){
+        switch (node.type) {
+            case 'text':
+                break;
+            case 'element':
+                var val;
+                if(val = rules[node.tagName]){
+                   if(val === '-'){
+                       node.parentNode.removeChild(node)
+                   }else if(utils.isFunction(val)){
+                       var parentNode = node.parentNode,
+                           index = node.getIndex();
+                       val(node);
+                       if(node.parentNode){
+                           if(node.children){
+                               for(var i = 0,ci;ci=node.children[i];){
+                                   filterNode(ci,rules);
+                                   if(ci.parentNode){
+                                       i++;
+                                   }
+                               }
+                           }
+                       }else{
+                           for(var i = index,ci;ci=parentNode.children[i];){
+                               filterNode(ci,rules);
+                               if(ci.parentNode){
+                                   i++;
+                               }
+                           }
+                       }
+
+
+                   }else{
+                       var attrs = val['$'];
+                       if(attrs && node.attrs){
+                           var tmpAttrs = {},tmpVal;
+                           for(var a in attrs){
+                               tmpVal = node.getAttr(a);
+                               //todo 只先对style单独处理
+                               if(a == 'style' && utils.isArray(attrs[a])){
+                                   var tmpCssStyle = [];
+                                   utils.each(attrs[a],function(v){
+                                       var tmp;
+                                       if(tmp = node.getStyle(v)){
+                                           tmpCssStyle.push(v + ':' + tmp);
+                                       }
+                                   });
+                                   tmpVal = tmpCssStyle.join(';')
+                               }
+                               if(tmpVal){
+                                   tmpAttrs[a] = tmpVal;
+                               }
+
+                           }
+                           node.attrs = tmpAttrs;
+                       }
+                       if(node.children){
+                           for(var i = 0,ci;ci=node.children[i];){
+                               filterNode(ci,rules);
+                               if(ci.parentNode){
+                                   i++;
+                               }
+                           }
+                       }
+                   }
+                }else{
+                    //如果不在名单里扣出子节点并删除该节点,cdata除外
+                    if(dtd.$cdata[node.tagName]){
+                        node.parentNode.removeChild(node)
+                    }else{
+                        var parentNode = node.parentNode,
+                            index = node.getIndex();
+                        node.parentNode.removeChild(node,true);
+                        for(var i = index,ci;ci=parentNode.children[i];){
+                            filterNode(ci,rules);
+                            if(ci.parentNode){
+                                i++;
+                            }
+                        }
+                    }
+                }
+                break;
+            case 'comment':
+                node.parentNode.removeChild(node)
+        }
+
+    }
+    return function(root,rules){
+        if(utils.isEmptyObject(rules)){
+            return root;
+        }
+        var val;
+        if(val = rules['-']){
+            utils.each(val.split(' '),function(k){
+                rules[k] = '-'
+            })
+        }
+        for(var i= 0,ci;ci=root.children[i];){
+            filterNode(ci,rules);
+            if(ci.parentNode){
+               i++;
+            }
+        }
+        return root;
+    }
+}();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/filterword.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/filterword.js
new file mode 100644
index 000000000..287e0cc24
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/filterword.js
@@ -0,0 +1,189 @@
+/**
+ * UE过滤word的静态方法
+ * @file
+ */
+
+/**
+ * UEditor公用空间，UEditor所有的功能都挂载在该空间下
+ * @module UE
+ */
+
+
+/**
+ * 根据传入html字符串过滤word
+ * @module UE
+ * @since 1.2.6.1
+ * @method filterWord
+ * @param { String } html html字符串
+ * @return { String } 已过滤后的结果字符串
+ * @example
+ * ```javascript
+ * UE.filterWord(html);
+ * ```
+ */
+var filterWord = UE.filterWord = function () {
+
+    //是否是word过来的内容
+    function isWordDocument( str ) {
+        return /(class="?Mso|style="[^"]*\bmso\-|w:WordDocument|<(v|o):|lang=)/ig.test( str );
+    }
+    //去掉小数
+    function transUnit( v ) {
+        v = v.replace( /[\d.]+\w+/g, function ( m ) {
+            return utils.transUnitToPx(m);
+        } );
+        return v;
+    }
+
+    function filterPasteWord( str ) {
+        return str.replace(/[\t\r\n]+/g,' ')
+                .replace( /<!--[\s\S]*?-->/ig, "" )
+                //转换图片
+                .replace(/<v:shape [^>]*>[\s\S]*?.<\/v:shape>/gi,function(str){
+                    //opera能自己解析出image所这里直接返回空
+                    if(browser.opera){
+                        return '';
+                    }
+                    try{
+                        //有可能是bitmap占为图，无用，直接过滤掉，主要体现在粘贴excel表格中
+                        if(/Bitmap/i.test(str)){
+                            return '';
+                        }
+                        var width = str.match(/width:([ \d.]*p[tx])/i)[1],
+                            height = str.match(/height:([ \d.]*p[tx])/i)[1],
+                            src =  str.match(/src=\s*"([^"]*)"/i)[1];
+                        return '<img width="'+ transUnit(width) +'" height="'+transUnit(height) +'" src="' + src + '" />';
+                    } catch(e){
+                        return '';
+                    }
+                })
+                //针对wps添加的多余标签处理
+                .replace(/<\/?div[^>]*>/g,'')
+                //去掉多余的属性
+                .replace( /v:\w+=(["']?)[^'"]+\1/g, '' )
+                .replace( /<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|xml|meta|link|style|\w+:\w+)(?=[\s\/>]))[^>]*>/gi, "" )
+                .replace( /<p [^>]*class="?MsoHeading"?[^>]*>(.*?)<\/p>/gi, "<p><strong>$1</strong></p>" )
+                //去掉多余的属性
+                .replace( /\s+(class|lang|align)\s*=\s*(['"]?)([\w-]+)\2/ig, function(str,name,marks,val){
+                    //保留list的标示
+                    return name == 'class' && val == 'MsoListParagraph' ? str : ''
+                })
+                //清除多余的font/span不能匹配&nbsp;有可能是空格
+                .replace( /<(font|span)[^>]*>(\s*)<\/\1>/gi, function(a,b,c){
+                    return c.replace(/[\t\r\n ]+/g,' ')
+                })
+                //处理style的问题
+                .replace( /(<[a-z][^>]*)\sstyle=(["'])([^\2]*?)\2/gi, function( str, tag, tmp, style ) {
+                    var n = [],
+                        s = style.replace( /^\s+|\s+$/, '' )
+                            .replace(/&#39;/g,'\'')
+                            .replace( /&quot;/gi, "'" )
+                            .replace(/[\d.]+(cm|pt)/g,function(str){
+                                return utils.transUnitToPx(str)
+                            })
+                            .split( /;\s*/g );
+
+                    for ( var i = 0,v; v = s[i];i++ ) {
+
+                        var name, value,
+                            parts = v.split( ":" );
+
+                        if ( parts.length == 2 ) {
+                            name = parts[0].toLowerCase();
+                            value = parts[1].toLowerCase();
+                            if(/^(background)\w*/.test(name) && value.replace(/(initial|\s)/g,'').length == 0
+                                ||
+                                /^(margin)\w*/.test(name) && /^0\w+$/.test(value)
+                            ){
+                                continue;
+                            }
+
+                            switch ( name ) {
+                                case "mso-padding-alt":
+                                case "mso-padding-top-alt":
+                                case "mso-padding-right-alt":
+                                case "mso-padding-bottom-alt":
+                                case "mso-padding-left-alt":
+                                case "mso-margin-alt":
+                                case "mso-margin-top-alt":
+                                case "mso-margin-right-alt":
+                                case "mso-margin-bottom-alt":
+                                case "mso-margin-left-alt":
+                                //ie下会出现挤到一起的情况
+                               //case "mso-table-layout-alt":
+                                case "mso-height":
+                                case "mso-width":
+                                case "mso-vertical-align-alt":
+                                    //trace:1819 ff下会解析出padding在table上
+                                    if(!/<table/.test(tag))
+                                        n[i] = name.replace( /^mso-|-alt$/g, "" ) + ":" + transUnit( value );
+                                    continue;
+                                case "horiz-align":
+                                    n[i] = "text-align:" + value;
+                                    continue;
+
+                                case "vert-align":
+                                    n[i] = "vertical-align:" + value;
+                                    continue;
+
+                                case "font-color":
+                                case "mso-foreground":
+                                    n[i] = "color:" + value;
+                                    continue;
+
+                                case "mso-background":
+                                case "mso-highlight":
+                                    n[i] = "background:" + value;
+                                    continue;
+
+                                case "mso-default-height":
+                                    n[i] = "min-height:" + transUnit( value );
+                                    continue;
+
+                                case "mso-default-width":
+                                    n[i] = "min-width:" + transUnit( value );
+                                    continue;
+
+                                case "mso-padding-between-alt":
+                                    n[i] = "border-collapse:separate;border-spacing:" + transUnit( value );
+                                    continue;
+
+                                case "text-line-through":
+                                    if ( (value == "single") || (value == "double") ) {
+                                        n[i] = "text-decoration:line-through";
+                                    }
+                                    continue;
+                                case "mso-zero-height":
+                                    if ( value == "yes" ) {
+                                        n[i] = "display:none";
+                                    }
+                                    continue;
+//                                case 'background':
+//                                    break;
+                                case 'margin':
+                                    if ( !/[1-9]/.test( value ) ) {
+                                        continue;
+                                    }
+
+                            }
+
+                            if ( /^(mso|column|font-emph|lang|layout|line-break|list-image|nav|panose|punct|row|ruby|sep|size|src|tab-|table-border|text-(?:decor|trans)|top-bar|version|vnd|word-break)/.test( name )
+                                ||
+                                /text\-indent|padding|margin/.test(name) && /\-[\d.]+/.test(value)
+                            ) {
+                                continue;
+                            }
+
+                            n[i] = name + ":" + parts[1];
+                        }
+                    }
+                    return tag + (n.length ? ' style="' + n.join( ';').replace(/;{2,}/g,';') + '"' : '');
+                })
+
+
+    }
+
+    return function ( html ) {
+        return (isWordDocument( html ) ? filterPasteWord( html ) : html);
+    };
+}();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/htmlparser.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/htmlparser.js
new file mode 100644
index 000000000..013a7ec92
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/htmlparser.js
@@ -0,0 +1,197 @@
+/**
+ * html字符串转换成uNode节点
+ * @file
+ * @module UE
+ * @since 1.2.6.1
+ */
+
+/**
+ * UEditor公用空间，UEditor所有的功能都挂载在该空间下
+ * @unfile
+ * @module UE
+ */
+
+/**
+ * html字符串转换成uNode节点的静态方法
+ * @method htmlparser
+ * @param { String } htmlstr 要转换的html代码
+ * @param { Boolean } ignoreBlank 若设置为true，转换的时候忽略\n\r\t等空白字符
+ * @return { uNode } 给定的html片段转换形成的uNode对象
+ * @example
+ * ```javascript
+ * var root = UE.htmlparser('<p><b>htmlparser</b></p>', true);
+ * ```
+ */
+
+var htmlparser = UE.htmlparser = function (htmlstr,ignoreBlank) {
+    //todo 原来的方式  [^"'<>\/] 有\/就不能配对上 <TD vAlign=top background=../AAA.JPG> 这样的标签了
+    //先去掉了，加上的原因忘了，这里先记录
+    var re_tag = /<(?:(?:\/([^>]+)>)|(?:!--([\S|\s]*?)-->)|(?:([^\s\/<>]+)\s*((?:(?:"[^"]*")|(?:'[^']*')|[^"'<>])*)\/?>))/g,
+        re_attr = /([\w\-:.]+)(?:(?:\s*=\s*(?:(?:"([^"]*)")|(?:'([^']*)')|([^\s>]+)))|(?=\s|$))/g;
+
+    //ie下取得的html可能会有\n存在，要去掉，在处理replace(/[\t\r\n]*/g,'');代码高量的\n不能去除
+    var allowEmptyTags = {
+        b:1,code:1,i:1,u:1,strike:1,s:1,tt:1,strong:1,q:1,samp:1,em:1,span:1,
+        sub:1,img:1,sup:1,font:1,big:1,small:1,iframe:1,a:1,br:1,pre:1
+    };
+    htmlstr = htmlstr.replace(new RegExp(domUtils.fillChar, 'g'), '');
+    if(!ignoreBlank){
+        htmlstr = htmlstr.replace(new RegExp('[\\r\\t\\n'+(ignoreBlank?'':' ')+']*<\/?(\\w+)\\s*(?:[^>]*)>[\\r\\t\\n'+(ignoreBlank?'':' ')+']*','g'), function(a,b){
+            //br暂时单独处理
+            if(b && allowEmptyTags[b.toLowerCase()]){
+                return a.replace(/(^[\n\r]+)|([\n\r]+$)/g,'');
+            }
+            return a.replace(new RegExp('^[\\r\\n'+(ignoreBlank?'':' ')+']+'),'').replace(new RegExp('[\\r\\n'+(ignoreBlank?'':' ')+']+$'),'');
+        });
+    }
+
+    var notTransAttrs = {
+        'href':1,
+        'src':1
+    };
+
+    var uNode = UE.uNode,
+        needParentNode = {
+            'td':'tr',
+            'tr':['tbody','thead','tfoot'],
+            'tbody':'table',
+            'th':'tr',
+            'thead':'table',
+            'tfoot':'table',
+            'caption':'table',
+            'li':['ul', 'ol'],
+            'dt':'dl',
+            'dd':'dl',
+            'option':'select'
+        },
+        needChild = {
+            'ol':'li',
+            'ul':'li'
+        };
+
+    function text(parent, data) {
+
+        if(needChild[parent.tagName]){
+            var tmpNode = uNode.createElement(needChild[parent.tagName]);
+            parent.appendChild(tmpNode);
+            tmpNode.appendChild(uNode.createText(data));
+            parent = tmpNode;
+        }else{
+
+            parent.appendChild(uNode.createText(data));
+        }
+    }
+
+    function element(parent, tagName, htmlattr) {
+        var needParentTag;
+        if (needParentTag = needParentNode[tagName]) {
+            var tmpParent = parent,hasParent;
+            while(tmpParent.type != 'root'){
+                if(utils.isArray(needParentTag) ? utils.indexOf(needParentTag, tmpParent.tagName) != -1 : needParentTag == tmpParent.tagName){
+                    parent = tmpParent;
+                    hasParent = true;
+                    break;
+                }
+                tmpParent = tmpParent.parentNode;
+            }
+            if(!hasParent){
+                parent = element(parent, utils.isArray(needParentTag) ? needParentTag[0] : needParentTag)
+            }
+        }
+        //按dtd处理嵌套
+//        if(parent.type != 'root' && !dtd[parent.tagName][tagName])
+//            parent = parent.parentNode;
+        var elm = new uNode({
+            parentNode:parent,
+            type:'element',
+            tagName:tagName.toLowerCase(),
+            //是自闭合的处理一下
+            children:dtd.$empty[tagName] ? null : []
+        });
+        //如果属性存在，处理属性
+        if (htmlattr) {
+            var attrs = {}, match;
+            while (match = re_attr.exec(htmlattr)) {
+                attrs[match[1].toLowerCase()] = notTransAttrs[match[1].toLowerCase()] ? (match[2] || match[3] || match[4]) : utils.unhtml(match[2] || match[3] || match[4])
+            }
+            elm.attrs = attrs;
+        }
+        //trace:3970
+//        //如果parent下不能放elm
+//        if(dtd.$inline[parent.tagName] && dtd.$block[elm.tagName] && !dtd[parent.tagName][elm.tagName]){
+//            parent = parent.parentNode;
+//            elm.parentNode = parent;
+//        }
+        parent.children.push(elm);
+        //如果是自闭合节点返回父亲节点
+        return  dtd.$empty[tagName] ? parent : elm
+    }
+
+    function comment(parent, data) {
+        parent.children.push(new uNode({
+            type:'comment',
+            data:data,
+            parentNode:parent
+        }));
+    }
+
+    var match, currentIndex = 0, nextIndex = 0;
+    //设置根节点
+    var root = new uNode({
+        type:'root',
+        children:[]
+    });
+    var currentParent = root;
+
+    while (match = re_tag.exec(htmlstr)) {
+        currentIndex = match.index;
+        try{
+            if (currentIndex > nextIndex) {
+                //text node
+                text(currentParent, htmlstr.slice(nextIndex, currentIndex));
+            }
+            if (match[3]) {
+
+                if(dtd.$cdata[currentParent.tagName]){
+                    text(currentParent, match[0]);
+                }else{
+                    //start tag
+                    currentParent = element(currentParent, match[3].toLowerCase(), match[4]);
+                }
+
+
+            } else if (match[1]) {
+                if(currentParent.type != 'root'){
+                    if(dtd.$cdata[currentParent.tagName] && !dtd.$cdata[match[1]]){
+                        text(currentParent, match[0]);
+                    }else{
+                        var tmpParent = currentParent;
+                        while(currentParent.type == 'element' && currentParent.tagName != match[1].toLowerCase()){
+                            currentParent = currentParent.parentNode;
+                            if(currentParent.type == 'root'){
+                                currentParent = tmpParent;
+                                throw 'break'
+                            }
+                        }
+                        //end tag
+                        currentParent = currentParent.parentNode;
+                    }
+
+                }
+
+            } else if (match[2]) {
+                //comment
+                comment(currentParent, match[2])
+            }
+        }catch(e){}
+
+        nextIndex = re_tag.lastIndex;
+
+    }
+    //如果结束是文本，就有可能丢掉，所以这里手动判断一下
+    //例如 <li>sdfsdfsdf<li>sdfsdfsdfsdf
+    if (nextIndex < htmlstr.length) {
+        text(currentParent, htmlstr.slice(nextIndex));
+    }
+    return root;
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/keymap.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/keymap.js
new file mode 100644
index 000000000..a6a8b9e4f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/keymap.js
@@ -0,0 +1,48 @@
+var keymap = UE.keymap  = {
+    'Backspace' : 8,
+    'Tab' : 9,
+    'Enter' : 13,
+
+    'Shift':16,
+    'Control':17,
+    'Alt':18,
+    'CapsLock':20,
+
+    'Esc':27,
+
+    'Spacebar':32,
+
+    'PageUp':33,
+    'PageDown':34,
+    'End':35,
+    'Home':36,
+
+    'Left':37,
+    'Up':38,
+    'Right':39,
+    'Down':40,
+
+    'Insert':45,
+
+    'Del':46,
+
+    'NumLock':144,
+
+    'Cmd':91,
+
+    '=':187,
+    '-':189,
+
+    "b":66,
+    'i':73,
+    //回退
+    'z':90,
+    'y':89,
+    //粘贴
+    'v' : 86,
+    'x' : 88,
+
+    's' : 83,
+
+    'n' : 78
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/loadconfig.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/loadconfig.js
new file mode 100644
index 000000000..530097173
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/loadconfig.js
@@ -0,0 +1,66 @@
+(function(){
+
+    UE.Editor.prototype.loadServerConfig = function(){
+        var me = this;
+        setTimeout(function(){
+            try{
+                me.options.imageUrl && me.setOpt('serverUrl', me.options.imageUrl.replace(/^(.*[\/]).+([\.].+)$/, '$1controller$2'));
+
+                var configUrl = me.getActionUrl('config'),
+                    isJsonp = utils.isCrossDomainUrl(configUrl);
+
+                /* 发出ajax请求 */
+                me._serverConfigLoaded = false;
+
+                configUrl && UE.ajax.request(configUrl,{
+                    'method': 'GET',
+                    'dataType': isJsonp ? 'jsonp':'',
+                    'onsuccess':function(r){
+                        try {
+                            var config = isJsonp ? r:eval("("+r.responseText+")");
+                            utils.extend(me.options, config);
+                            me.fireEvent('serverConfigLoaded');
+                            me._serverConfigLoaded = true;
+                        } catch (e) {
+                            showErrorMsg(me.getLang('loadconfigFormatError'));
+                        }
+                    },
+                    'onerror':function(){
+                        showErrorMsg(me.getLang('loadconfigHttpError'));
+                    }
+                });
+            } catch(e){
+                showErrorMsg(me.getLang('loadconfigError'));
+            }
+        });
+
+        function showErrorMsg(msg) {
+            console && console.error(msg);
+            //me.fireEvent('showMessage', {
+            //    'title': msg,
+            //    'type': 'error'
+            //});
+        }
+    };
+
+    UE.Editor.prototype.isServerConfigLoaded = function(){
+        var me = this;
+        return me._serverConfigLoaded || false;
+    };
+
+    UE.Editor.prototype.afterConfigReady = function(handler){
+        if (!handler || !utils.isFunction(handler)) return;
+        var me = this;
+        var readyHandler = function(){
+            handler.apply(me, arguments);
+            me.removeListener('serverConfigLoaded', readyHandler);
+        };
+
+        if (me.isServerConfigLoaded()) {
+            handler.call(me, 'serverConfigLoaded');
+        } else {
+            me.addListener('serverConfigLoaded', readyHandler);
+        }
+    };
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/localstorage.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/localstorage.js
new file mode 100644
index 000000000..4e0db3cd4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/localstorage.js
@@ -0,0 +1,140 @@
+//存储媒介封装
+var LocalStorage = UE.LocalStorage = (function () {
+
+    var storage = window.localStorage || getUserData() || null,
+        LOCAL_FILE = 'localStorage';
+
+    return {
+
+        saveLocalData: function (key, data) {
+
+            if (storage && data) {
+                storage.setItem(key, data);
+                return true;
+            }
+
+            return false;
+
+        },
+
+        getLocalData: function (key) {
+
+            if (storage) {
+                return storage.getItem(key);
+            }
+
+            return null;
+
+        },
+
+        removeItem: function (key) {
+
+            storage && storage.removeItem(key);
+
+        }
+
+    };
+
+    function getUserData() {
+
+        var container = document.createElement("div");
+        container.style.display = "none";
+
+        if (!container.addBehavior) {
+            return null;
+        }
+
+        container.addBehavior("#default#userdata");
+
+        return {
+
+            getItem: function (key) {
+
+                var result = null;
+
+                try {
+                    document.body.appendChild(container);
+                    container.load(LOCAL_FILE);
+                    result = container.getAttribute(key);
+                    document.body.removeChild(container);
+                } catch (e) {
+                }
+
+                return result;
+
+            },
+
+            setItem: function (key, value) {
+
+                document.body.appendChild(container);
+                container.setAttribute(key, value);
+                container.save(LOCAL_FILE);
+                document.body.removeChild(container);
+
+            },
+
+            //// 暂时没有用到
+            //clear: function () {
+            //
+            //    var expiresTime = new Date();
+            //    expiresTime.setFullYear(expiresTime.getFullYear() - 1);
+            //    document.body.appendChild(container);
+            //    container.expires = expiresTime.toUTCString();
+            //    container.save(LOCAL_FILE);
+            //    document.body.removeChild(container);
+            //
+            //},
+
+            removeItem: function (key) {
+
+                document.body.appendChild(container);
+                container.removeAttribute(key);
+                container.save(LOCAL_FILE);
+                document.body.removeChild(container);
+
+            }
+
+        };
+
+    }
+
+})();
+
+(function () {
+
+    var ROOTKEY = 'ueditor_preference';
+
+    UE.Editor.prototype.setPreferences = function(key,value){
+        var obj = {};
+        if (utils.isString(key)) {
+            obj[ key ] = value;
+        } else {
+            obj = key;
+        }
+        var data = LocalStorage.getLocalData(ROOTKEY);
+        if (data && (data = utils.str2json(data))) {
+            utils.extend(data, obj);
+        } else {
+            data = obj;
+        }
+        data && LocalStorage.saveLocalData(ROOTKEY, utils.json2str(data));
+    };
+
+    UE.Editor.prototype.getPreferences = function(key){
+        var data = LocalStorage.getLocalData(ROOTKEY);
+        if (data && (data = utils.str2json(data))) {
+            return key ? data[key] : data
+        }
+        return null;
+    };
+
+    UE.Editor.prototype.removePreferences = function (key) {
+        var data = LocalStorage.getLocalData(ROOTKEY);
+        if (data && (data = utils.str2json(data))) {
+            data[key] = undefined;
+            delete data[key]
+        }
+        data && LocalStorage.saveLocalData(ROOTKEY, utils.json2str(data));
+    };
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/node.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/node.js
new file mode 100644
index 000000000..8177aba54
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/node.js
@@ -0,0 +1,754 @@
+/**
+ * 编辑器模拟的节点类
+ * @file
+ * @module UE
+ * @class uNode
+ * @since 1.2.6.1
+ */
+
+/**
+ * UEditor公用空间，UEditor所有的功能都挂载在该空间下
+ * @unfile
+ * @module UE
+ */
+
+(function () {
+
+    /**
+     * 编辑器模拟的节点类
+     * @unfile
+     * @module UE
+     * @class uNode
+     */
+
+    /**
+     * 通过一个键值对，创建一个uNode对象
+     * @constructor
+     * @param { Object } attr 传入要创建的uNode的初始属性
+     * @example
+     * ```javascript
+     * var node = new uNode({
+     *     type:'element',
+     *     tagName:'span',
+     *     attrs:{style:'font-size:14px;'}
+     * }
+     * ```
+     */
+    var uNode = UE.uNode = function (obj) {
+        this.type = obj.type;
+        this.data = obj.data;
+        this.tagName = obj.tagName;
+        this.parentNode = obj.parentNode;
+        this.attrs = obj.attrs || {};
+        this.children = obj.children;
+    };
+
+    var notTransAttrs = {
+        'href':1,
+        'src':1,
+        '_src':1,
+        '_href':1,
+        'cdata_data':1
+    };
+
+    var notTransTagName = {
+        style:1,
+        script:1
+    };
+
+    var indentChar = '    ',
+        breakChar = '\n';
+
+    function insertLine(arr, current, begin) {
+        arr.push(breakChar);
+        return current + (begin ? 1 : -1);
+    }
+
+    function insertIndent(arr, current) {
+        //插入缩进
+        for (var i = 0; i < current; i++) {
+            arr.push(indentChar);
+        }
+    }
+
+    //创建uNode的静态方法
+    //支持标签和html
+    uNode.createElement = function (html) {
+        if (/[<>]/.test(html)) {
+            return UE.htmlparser(html).children[0]
+        } else {
+            return new uNode({
+                type:'element',
+                children:[],
+                tagName:html
+            })
+        }
+    };
+    uNode.createText = function (data,noTrans) {
+        return new UE.uNode({
+            type:'text',
+            'data':noTrans ? data : utils.unhtml(data || '')
+        })
+    };
+    function nodeToHtml(node, arr, formatter, current) {
+        switch (node.type) {
+            case 'root':
+                for (var i = 0, ci; ci = node.children[i++];) {
+                    //插入新行
+                    if (formatter && ci.type == 'element' && !dtd.$inlineWithA[ci.tagName] && i > 1) {
+                        insertLine(arr, current, true);
+                        insertIndent(arr, current)
+                    }
+                    nodeToHtml(ci, arr, formatter, current)
+                }
+                break;
+            case 'text':
+                isText(node, arr);
+                break;
+            case 'element':
+                isElement(node, arr, formatter, current);
+                break;
+            case 'comment':
+                isComment(node, arr, formatter);
+        }
+        return arr;
+    }
+
+    function isText(node, arr) {
+        if(node.parentNode.tagName == 'pre'){
+            //源码模式下输入html标签，不能做转换处理，直接输出
+            arr.push(node.data)
+        }else{
+            arr.push(notTransTagName[node.parentNode.tagName] ? utils.html(node.data) : node.data.replace(/[ ]{2}/g,' &nbsp;'))
+        }
+
+    }
+
+    function isElement(node, arr, formatter, current) {
+        var attrhtml = '';
+        if (node.attrs) {
+            attrhtml = [];
+            var attrs = node.attrs;
+            for (var a in attrs) {
+                //这里就针对
+                //<p>'<img src='http://nsclick.baidu.com/u.gif?&asdf=\"sdf&asdfasdfs;asdf'></p>
+                //这里边的\"做转换，要不用innerHTML直接被截断了，属性src
+                //有可能做的不够
+                attrhtml.push(a + (attrs[a] !== undefined ? '="' + (notTransAttrs[a] ? utils.html(attrs[a]).replace(/["]/g, function (a) {
+                   return '&quot;'
+                }) : utils.unhtml(attrs[a])) + '"' : ''))
+            }
+            attrhtml = attrhtml.join(' ');
+        }
+        arr.push('<' + node.tagName +
+            (attrhtml ? ' ' + attrhtml  : '') +
+            (dtd.$empty[node.tagName] ? '\/' : '' ) + '>'
+        );
+        //插入新行
+        if (formatter  &&  !dtd.$inlineWithA[node.tagName] && node.tagName != 'pre') {
+            if(node.children && node.children.length){
+                current = insertLine(arr, current, true);
+                insertIndent(arr, current)
+            }
+
+        }
+        if (node.children && node.children.length) {
+            for (var i = 0, ci; ci = node.children[i++];) {
+                if (formatter && ci.type == 'element' &&  !dtd.$inlineWithA[ci.tagName] && i > 1) {
+                    insertLine(arr, current);
+                    insertIndent(arr, current)
+                }
+                nodeToHtml(ci, arr, formatter, current)
+            }
+        }
+        if (!dtd.$empty[node.tagName]) {
+            if (formatter && !dtd.$inlineWithA[node.tagName]  && node.tagName != 'pre') {
+
+                if(node.children && node.children.length){
+                    current = insertLine(arr, current);
+                    insertIndent(arr, current)
+                }
+            }
+            arr.push('<\/' + node.tagName + '>');
+        }
+
+    }
+
+    function isComment(node, arr) {
+        arr.push('<!--' + node.data + '-->');
+    }
+
+    function getNodeById(root, id) {
+        var node;
+        if (root.type == 'element' && root.getAttr('id') == id) {
+            return root;
+        }
+        if (root.children && root.children.length) {
+            for (var i = 0, ci; ci = root.children[i++];) {
+                if (node = getNodeById(ci, id)) {
+                    return node;
+                }
+            }
+        }
+    }
+
+    function getNodesByTagName(node, tagName, arr) {
+        if (node.type == 'element' && node.tagName == tagName) {
+            arr.push(node);
+        }
+        if (node.children && node.children.length) {
+            for (var i = 0, ci; ci = node.children[i++];) {
+                getNodesByTagName(ci, tagName, arr)
+            }
+        }
+    }
+    function nodeTraversal(root,fn){
+        if(root.children && root.children.length){
+            for(var i= 0,ci;ci=root.children[i];){
+                nodeTraversal(ci,fn);
+                //ci被替换的情况，这里就不再走 fn了
+                if(ci.parentNode ){
+                    if(ci.children && ci.children.length){
+                        fn(ci)
+                    }
+                    if(ci.parentNode) i++
+                }
+            }
+        }else{
+            fn(root)
+        }
+
+    }
+    uNode.prototype = {
+
+        /**
+         * 当前节点对象，转换成html文本
+         * @method toHtml
+         * @return { String } 返回转换后的html字符串
+         * @example
+         * ```javascript
+         * node.toHtml();
+         * ```
+         */
+
+        /**
+         * 当前节点对象，转换成html文本
+         * @method toHtml
+         * @param { Boolean } formatter 是否格式化返回值
+         * @return { String } 返回转换后的html字符串
+         * @example
+         * ```javascript
+         * node.toHtml( true );
+         * ```
+         */
+        toHtml:function (formatter) {
+            var arr = [];
+            nodeToHtml(this, arr, formatter, 0);
+            return arr.join('')
+        },
+
+        /**
+         * 获取节点的html内容
+         * @method innerHTML
+         * @warning 假如节点的type不是'element'，或节点的标签名称不在dtd列表里，直接返回当前节点
+         * @return { String } 返回节点的html内容
+         * @example
+         * ```javascript
+         * var htmlstr = node.innerHTML();
+         * ```
+         */
+
+        /**
+         * 设置节点的html内容
+         * @method innerHTML
+         * @warning 假如节点的type不是'element'，或节点的标签名称不在dtd列表里，直接返回当前节点
+         * @param { String } htmlstr 传入要设置的html内容
+         * @return { UE.uNode } 返回节点本身
+         * @example
+         * ```javascript
+         * node.innerHTML('<span>text</span>');
+         * ```
+         */
+        innerHTML:function (htmlstr) {
+            if (this.type != 'element' || dtd.$empty[this.tagName]) {
+                return this;
+            }
+            if (utils.isString(htmlstr)) {
+                if(this.children){
+                    for (var i = 0, ci; ci = this.children[i++];) {
+                        ci.parentNode = null;
+                    }
+                }
+                this.children = [];
+                var tmpRoot = UE.htmlparser(htmlstr);
+                for (var i = 0, ci; ci = tmpRoot.children[i++];) {
+                    this.children.push(ci);
+                    ci.parentNode = this;
+                }
+                return this;
+            } else {
+                var tmpRoot = new UE.uNode({
+                    type:'root',
+                    children:this.children
+                });
+                return tmpRoot.toHtml();
+            }
+        },
+
+        /**
+         * 获取节点的纯文本内容
+         * @method innerText
+         * @warning 假如节点的type不是'element'，或节点的标签名称不在dtd列表里，直接返回当前节点
+         * @return { String } 返回节点的存文本内容
+         * @example
+         * ```javascript
+         * var textStr = node.innerText();
+         * ```
+         */
+
+        /**
+         * 设置节点的纯文本内容
+         * @method innerText
+         * @warning 假如节点的type不是'element'，或节点的标签名称不在dtd列表里，直接返回当前节点
+         * @param { String } textStr 传入要设置的文本内容
+         * @return { UE.uNode } 返回节点本身
+         * @example
+         * ```javascript
+         * node.innerText('<span>text</span>');
+         * ```
+         */
+        innerText:function (textStr,noTrans) {
+            if (this.type != 'element' || dtd.$empty[this.tagName]) {
+                return this;
+            }
+            if (textStr) {
+                if(this.children){
+                    for (var i = 0, ci; ci = this.children[i++];) {
+                        ci.parentNode = null;
+                    }
+                }
+                this.children = [];
+                this.appendChild(uNode.createText(textStr,noTrans));
+                return this;
+            } else {
+                return this.toHtml().replace(/<[^>]+>/g, '');
+            }
+        },
+
+        /**
+         * 获取当前对象的data属性
+         * @method getData
+         * @return { Object } 若节点的type值是elemenet，返回空字符串，否则返回节点的data属性
+         * @example
+         * ```javascript
+         * node.getData();
+         * ```
+         */
+        getData:function () {
+            if (this.type == 'element')
+                return '';
+            return this.data
+        },
+
+        /**
+         * 获取当前节点下的第一个子节点
+         * @method firstChild
+         * @return { UE.uNode } 返回第一个子节点
+         * @example
+         * ```javascript
+         * node.firstChild(); //返回第一个子节点
+         * ```
+         */
+        firstChild:function () {
+//            if (this.type != 'element' || dtd.$empty[this.tagName]) {
+//                return this;
+//            }
+            return this.children ? this.children[0] : null;
+        },
+
+        /**
+         * 获取当前节点下的最后一个子节点
+         * @method lastChild
+         * @return { UE.uNode } 返回最后一个子节点
+         * @example
+         * ```javascript
+         * node.lastChild(); //返回最后一个子节点
+         * ```
+         */
+        lastChild:function () {
+//            if (this.type != 'element' || dtd.$empty[this.tagName] ) {
+//                return this;
+//            }
+            return this.children ? this.children[this.children.length - 1] : null;
+        },
+
+        /**
+         * 获取和当前节点有相同父亲节点的前一个节点
+         * @method previousSibling
+         * @return { UE.uNode } 返回前一个节点
+         * @example
+         * ```javascript
+         * node.children[2].previousSibling(); //返回子节点node.children[1]
+         * ```
+         */
+        previousSibling : function(){
+            var parent = this.parentNode;
+            for (var i = 0, ci; ci = parent.children[i]; i++) {
+                if (ci === this) {
+                   return i == 0 ? null : parent.children[i-1];
+                }
+            }
+
+        },
+
+        /**
+         * 获取和当前节点有相同父亲节点的后一个节点
+         * @method nextSibling
+         * @return { UE.uNode } 返回后一个节点,找不到返回null
+         * @example
+         * ```javascript
+         * node.children[2].nextSibling(); //如果有，返回子节点node.children[3]
+         * ```
+         */
+        nextSibling : function(){
+            var parent = this.parentNode;
+            for (var i = 0, ci; ci = parent.children[i++];) {
+                if (ci === this) {
+                    return parent.children[i];
+                }
+            }
+        },
+
+        /**
+         * 用新的节点替换当前节点
+         * @method replaceChild
+         * @param { UE.uNode } target 要替换成该节点参数
+         * @param { UE.uNode } source 要被替换掉的节点
+         * @return { UE.uNode } 返回替换之后的节点对象
+         * @example
+         * ```javascript
+         * node.replaceChild(newNode, childNode); //用newNode替换childNode,childNode是node的子节点
+         * ```
+         */
+        replaceChild:function (target, source) {
+            if (this.children) {
+                if(target.parentNode){
+                    target.parentNode.removeChild(target);
+                }
+                for (var i = 0, ci; ci = this.children[i]; i++) {
+                    if (ci === source) {
+                        this.children.splice(i, 1, target);
+                        source.parentNode = null;
+                        target.parentNode = this;
+                        return target;
+                    }
+                }
+            }
+        },
+
+        /**
+         * 在节点的子节点列表最后位置插入一个节点
+         * @method appendChild
+         * @param { UE.uNode } node 要插入的节点
+         * @return { UE.uNode } 返回刚插入的子节点
+         * @example
+         * ```javascript
+         * node.appendChild( newNode ); //在node内插入子节点newNode
+         * ```
+         */
+        appendChild:function (node) {
+            if (this.type == 'root' || (this.type == 'element' && !dtd.$empty[this.tagName])) {
+                if (!this.children) {
+                    this.children = []
+                }
+                if(node.parentNode){
+                    node.parentNode.removeChild(node);
+                }
+                for (var i = 0, ci; ci = this.children[i]; i++) {
+                    if (ci === node) {
+                        this.children.splice(i, 1);
+                        break;
+                    }
+                }
+                this.children.push(node);
+                node.parentNode = this;
+                return node;
+            }
+
+
+        },
+
+        /**
+         * 在传入节点的前面插入一个节点
+         * @method insertBefore
+         * @param { UE.uNode } target 要插入的节点
+         * @param { UE.uNode } source 在该参数节点前面插入
+         * @return { UE.uNode } 返回刚插入的子节点
+         * @example
+         * ```javascript
+         * node.parentNode.insertBefore(newNode, node); //在node节点后面插入newNode
+         * ```
+         */
+        insertBefore:function (target, source) {
+            if (this.children) {
+                if(target.parentNode){
+                    target.parentNode.removeChild(target);
+                }
+                for (var i = 0, ci; ci = this.children[i]; i++) {
+                    if (ci === source) {
+                        this.children.splice(i, 0, target);
+                        target.parentNode = this;
+                        return target;
+                    }
+                }
+
+            }
+        },
+
+        /**
+         * 在传入节点的后面插入一个节点
+         * @method insertAfter
+         * @param { UE.uNode } target 要插入的节点
+         * @param { UE.uNode } source 在该参数节点后面插入
+         * @return { UE.uNode } 返回刚插入的子节点
+         * @example
+         * ```javascript
+         * node.parentNode.insertAfter(newNode, node); //在node节点后面插入newNode
+         * ```
+         */
+        insertAfter:function (target, source) {
+            if (this.children) {
+                if(target.parentNode){
+                    target.parentNode.removeChild(target);
+                }
+                for (var i = 0, ci; ci = this.children[i]; i++) {
+                    if (ci === source) {
+                        this.children.splice(i + 1, 0, target);
+                        target.parentNode = this;
+                        return target;
+                    }
+
+                }
+            }
+        },
+
+        /**
+         * 从当前节点的子节点列表中，移除节点
+         * @method removeChild
+         * @param { UE.uNode } node 要移除的节点引用
+         * @param { Boolean } keepChildren 是否保留移除节点的子节点，若传入true，自动把移除节点的子节点插入到移除的位置
+         * @return { * } 返回刚移除的子节点
+         * @example
+         * ```javascript
+         * node.removeChild(childNode,true); //在node的子节点列表中移除child节点，并且吧child的子节点插入到移除的位置
+         * ```
+         */
+        removeChild:function (node,keepChildren) {
+            if (this.children) {
+                for (var i = 0, ci; ci = this.children[i]; i++) {
+                    if (ci === node) {
+                        this.children.splice(i, 1);
+                        ci.parentNode = null;
+                        if(keepChildren && ci.children && ci.children.length){
+                            for(var j= 0,cj;cj=ci.children[j];j++){
+                                this.children.splice(i+j,0,cj);
+                                cj.parentNode = this;
+
+                            }
+                        }
+                        return ci;
+                    }
+                }
+            }
+        },
+
+        /**
+         * 获取当前节点所代表的元素属性，即获取attrs对象下的属性值
+         * @method getAttr
+         * @param { String } attrName 要获取的属性名称
+         * @return { * } 返回attrs对象下的属性值
+         * @example
+         * ```javascript
+         * node.getAttr('title');
+         * ```
+         */
+        getAttr:function (attrName) {
+            return this.attrs && this.attrs[attrName.toLowerCase()]
+        },
+
+        /**
+         * 设置当前节点所代表的元素属性，即设置attrs对象下的属性值
+         * @method setAttr
+         * @param { String } attrName 要设置的属性名称
+         * @param { * } attrVal 要设置的属性值，类型视设置的属性而定
+         * @return { * } 返回attrs对象下的属性值
+         * @example
+         * ```javascript
+         * node.setAttr('title','标题');
+         * ```
+         */
+        setAttr:function (attrName, attrVal) {
+            if (!attrName) {
+                delete this.attrs;
+                return;
+            }
+            if(!this.attrs){
+                this.attrs = {};
+            }
+            if (utils.isObject(attrName)) {
+                for (var a in attrName) {
+                    if (!attrName[a]) {
+                        delete this.attrs[a]
+                    } else {
+                        this.attrs[a.toLowerCase()] = attrName[a];
+                    }
+                }
+            } else {
+                if (!attrVal) {
+                    delete this.attrs[attrName]
+                } else {
+                    this.attrs[attrName.toLowerCase()] = attrVal;
+                }
+
+            }
+        },
+
+        /**
+         * 获取当前节点在父节点下的位置索引
+         * @method getIndex
+         * @return { Number } 返回索引数值，如果没有父节点，返回-1
+         * @example
+         * ```javascript
+         * node.getIndex();
+         * ```
+         */
+        getIndex:function(){
+            var parent = this.parentNode;
+            for(var i= 0,ci;ci=parent.children[i];i++){
+                if(ci === this){
+                    return i;
+                }
+            }
+            return -1;
+        },
+
+        /**
+         * 在当前节点下，根据id查找节点
+         * @method getNodeById
+         * @param { String } id 要查找的id
+         * @return { UE.uNode } 返回找到的节点
+         * @example
+         * ```javascript
+         * node.getNodeById('textId');
+         * ```
+         */
+        getNodeById:function (id) {
+            var node;
+            if (this.children && this.children.length) {
+                for (var i = 0, ci; ci = this.children[i++];) {
+                    if (node = getNodeById(ci, id)) {
+                        return node;
+                    }
+                }
+            }
+        },
+
+        /**
+         * 在当前节点下，根据元素名称查找节点列表
+         * @method getNodesByTagName
+         * @param { String } tagNames 要查找的元素名称
+         * @return { Array } 返回找到的节点列表
+         * @example
+         * ```javascript
+         * node.getNodesByTagName('span');
+         * ```
+         */
+        getNodesByTagName:function (tagNames) {
+            tagNames = utils.trim(tagNames).replace(/[ ]{2,}/g, ' ').split(' ');
+            var arr = [], me = this;
+            utils.each(tagNames, function (tagName) {
+                if (me.children && me.children.length) {
+                    for (var i = 0, ci; ci = me.children[i++];) {
+                        getNodesByTagName(ci, tagName, arr)
+                    }
+                }
+            });
+            return arr;
+        },
+
+        /**
+         * 根据样式名称，获取节点的样式值
+         * @method getStyle
+         * @param { String } name 要获取的样式名称
+         * @return { String } 返回样式值
+         * @example
+         * ```javascript
+         * node.getStyle('font-size');
+         * ```
+         */
+        getStyle:function (name) {
+            var cssStyle = this.getAttr('style');
+            if (!cssStyle) {
+                return ''
+            }
+            var reg = new RegExp('(^|;)\\s*' + name + ':([^;]+)','i');
+            var match = cssStyle.match(reg);
+            if (match && match[0]) {
+                return match[2]
+            }
+            return '';
+        },
+
+        /**
+         * 给节点设置样式
+         * @method setStyle
+         * @param { String } name 要设置的的样式名称
+         * @param { String } val 要设置的的样值
+         * @example
+         * ```javascript
+         * node.setStyle('font-size', '12px');
+         * ```
+         */
+        setStyle:function (name, val) {
+            function exec(name, val) {
+                var reg = new RegExp('(^|;)\\s*' + name + ':([^;]+;?)', 'gi');
+                cssStyle = cssStyle.replace(reg, '$1');
+                if (val) {
+                    cssStyle = name + ':' + utils.unhtml(val) + ';' + cssStyle
+                }
+
+            }
+
+            var cssStyle = this.getAttr('style');
+            if (!cssStyle) {
+                cssStyle = '';
+            }
+            if (utils.isObject(name)) {
+                for (var a in name) {
+                    exec(a, name[a])
+                }
+            } else {
+                exec(name, val)
+            }
+            this.setAttr('style', utils.trim(cssStyle))
+        },
+
+        /**
+         * 传入一个函数，递归遍历当前节点下的所有节点
+         * @method traversal
+         * @param { Function } fn 遍历到节点的时，传入节点作为参数，运行此函数
+         * @example
+         * ```javascript
+         * traversal(node, function(){
+         *     console.log(node.type);
+         * });
+         * ```
+         */
+        traversal:function(fn){
+            if(this.children && this.children.length){
+                nodeTraversal(this,fn);
+            }
+            return this;
+        }
+    }
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/plugin.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/plugin.js
new file mode 100644
index 000000000..ec6b5e570
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/plugin.js
@@ -0,0 +1,81 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: campaign
+ * Date: 10/8/13
+ * Time: 6:15 PM
+ * To change this template use File | Settings | File Templates.
+ */
+UE.plugin = function(){
+    var _plugins = {};
+    return {
+        register : function(pluginName,fn,oldOptionName,afterDisabled){
+            if(oldOptionName && utils.isFunction(oldOptionName)){
+                afterDisabled = oldOptionName;
+                oldOptionName = null
+            }
+            _plugins[pluginName] = {
+                optionName : oldOptionName || pluginName,
+                execFn : fn,
+                //当插件被禁用时执行
+                afterDisabled : afterDisabled
+            }
+        },
+        load : function(editor){
+            utils.each(_plugins,function(plugin){
+                var _export = plugin.execFn.call(editor);
+                if(editor.options[plugin.optionName] !== false){
+                    if(_export){
+                        //后边需要再做扩展
+                        utils.each(_export,function(v,k){
+                            switch(k.toLowerCase()){
+                                case 'shortcutkey':
+                                    editor.addshortcutkey(v);
+                                    break;
+                                case 'bindevents':
+                                    utils.each(v,function(fn,eventName){
+                                        editor.addListener(eventName,fn);
+                                    });
+                                    break;
+                                case 'bindmultievents':
+                                    utils.each(utils.isArray(v) ? v:[v],function(event){
+                                        var types = utils.trim(event.type).split(/\s+/);
+                                        utils.each(types,function(eventName){
+                                            editor.addListener(eventName, event.handler);
+                                        });
+                                    });
+                                    break;
+                                case 'commands':
+                                    utils.each(v,function(execFn,execName){
+                                        editor.commands[execName] = execFn
+                                    });
+                                    break;
+                                case 'outputrule':
+                                    editor.addOutputRule(v);
+                                    break;
+                                case 'inputrule':
+                                    editor.addInputRule(v);
+                                    break;
+                                case 'defaultoptions':
+                                    editor.setOpt(v)
+                            }
+                        })
+                    }
+
+                }else if(plugin.afterDisabled){
+                    plugin.afterDisabled.call(editor)
+                }
+
+            });
+            //向下兼容
+            utils.each(UE.plugins,function(plugin){
+                plugin.call(editor);
+            });
+        },
+        run : function(pluginName,editor){
+            var plugin = _plugins[pluginName];
+            if(plugin){
+                plugin.exeFn.call(editor)
+            }
+        }
+    }
+}();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/core/utils.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/utils.js
new file mode 100644
index 000000000..1117d0c4e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/core/utils.js
@@ -0,0 +1,1210 @@
+/**
+ * 工具函数包
+ * @file
+ * @module UE.utils
+ * @since 1.2.6.1
+ */
+
+/**
+ * UEditor封装使用的静态工具函数
+ * @module UE.utils
+ * @unfile
+ */
+
+var utils = UE.utils = {
+
+    /**
+     * 用给定的迭代器遍历对象
+     * @method each
+     * @param { Object } obj 需要遍历的对象
+     * @param { Function } iterator 迭代器， 该方法接受两个参数， 第一个参数是当前所处理的value， 第二个参数是当前遍历对象的key
+     * @example
+     * ```javascript
+     * var demoObj = {
+     *     key1: 1,
+     *     key2: 2
+     * };
+     *
+     * //output: key1: 1, key2: 2
+     * UE.utils.each( demoObj, funciton ( value, key ) {
+     *
+     *     console.log( key + ":" + value );
+     *
+     * } );
+     * ```
+     */
+
+    /**
+     * 用给定的迭代器遍历数组或类数组对象
+     * @method each
+     * @param { Array } array 需要遍历的数组或者类数组
+     * @param { Function } iterator 迭代器， 该方法接受两个参数， 第一个参数是当前所处理的value， 第二个参数是当前遍历对象的key
+     * @example
+     * ```javascript
+     * var divs = document.getElmentByTagNames( "div" );
+     *
+     * //output: 0: DIV, 1: DIV ...
+     * UE.utils.each( divs, funciton ( value, key ) {
+     *
+     *     console.log( key + ":" + value.tagName );
+     *
+     * } );
+     * ```
+     */
+    each : function(obj, iterator, context) {
+        if (obj == null) return;
+        if (obj.length === +obj.length) {
+            for (var i = 0, l = obj.length; i < l; i++) {
+                if(iterator.call(context, obj[i], i, obj) === false)
+                    return false;
+            }
+        } else {
+            for (var key in obj) {
+                if (obj.hasOwnProperty(key)) {
+                    if(iterator.call(context, obj[key], key, obj) === false)
+                        return false;
+                }
+            }
+        }
+    },
+
+    /**
+     * 以给定对象作为原型创建一个新对象
+     * @method makeInstance
+     * @param { Object } protoObject 该对象将作为新创建对象的原型
+     * @return { Object } 新的对象， 该对象的原型是给定的protoObject对象
+     * @example
+     * ```javascript
+     *
+     * var protoObject = { sayHello: function () { console.log('Hello UEditor!'); } };
+     *
+     * var newObject = UE.utils.makeInstance( protoObject );
+     * //output: Hello UEditor!
+     * newObject.sayHello();
+     * ```
+     */
+    makeInstance:function (obj) {
+        var noop = new Function();
+        noop.prototype = obj;
+        obj = new noop;
+        noop.prototype = null;
+        return obj;
+    },
+
+    /**
+     * 将source对象中的属性扩展到target对象上
+     * @method extend
+     * @remind 该方法将强制把source对象上的属性复制到target对象上
+     * @see UE.utils.extend(Object,Object,Boolean)
+     * @param { Object } target 目标对象， 新的属性将附加到该对象上
+     * @param { Object } source 源对象， 该对象的属性会被附加到target对象上
+     * @return { Object } 返回target对象
+     * @example
+     * ```javascript
+     *
+     * var target = { name: 'target', sex: 1 },
+     *      source = { name: 'source', age: 17 };
+     *
+     * UE.utils.extend( target, source );
+     *
+     * //output: { name: 'source', sex: 1, age: 17 }
+     * console.log( target );
+     *
+     * ```
+     */
+
+    /**
+     * 将source对象中的属性扩展到target对象上， 根据指定的isKeepTarget值决定是否保留目标对象中与
+     * 源对象属性名相同的属性值。
+     * @method extend
+     * @param { Object } target 目标对象， 新的属性将附加到该对象上
+     * @param { Object } source 源对象， 该对象的属性会被附加到target对象上
+     * @param { Boolean } isKeepTarget 是否保留目标对象中与源对象中属性名相同的属性
+     * @return { Object } 返回target对象
+     * @example
+     * ```javascript
+     *
+     * var target = { name: 'target', sex: 1 },
+     *      source = { name: 'source', age: 17 };
+     *
+     * UE.utils.extend( target, source, true );
+     *
+     * //output: { name: 'target', sex: 1, age: 17 }
+     * console.log( target );
+     *
+     * ```
+     */
+    extend:function (t, s, b) {
+        if (s) {
+            for (var k in s) {
+                if (!b || !t.hasOwnProperty(k)) {
+                    t[k] = s[k];
+                }
+            }
+        }
+        return t;
+    },
+
+    /**
+     * 将给定的多个对象的属性复制到目标对象target上
+     * @method extend2
+     * @remind 该方法将强制把源对象上的属性复制到target对象上
+     * @remind 该方法支持两个及以上的参数， 从第二个参数开始， 其属性都会被复制到第一个参数上。 如果遇到同名的属性，
+     *          将会覆盖掉之前的值。
+     * @param { Object } target 目标对象， 新的属性将附加到该对象上
+     * @param { Object... } source 源对象， 支持多个对象， 该对象的属性会被附加到target对象上
+     * @return { Object } 返回target对象
+     * @example
+     * ```javascript
+     *
+     * var target = {},
+     *     source1 = { name: 'source', age: 17 },
+     *     source2 = { title: 'dev' };
+     *
+     * UE.utils.extend2( target, source1, source2 );
+     *
+     * //output: { name: 'source', age: 17, title: 'dev' }
+     * console.log( target );
+     *
+     * ```
+     */
+    extend2:function (t) {
+        var a = arguments;
+        for (var i = 1; i < a.length; i++) {
+            var x = a[i];
+            for (var k in x) {
+                if (!t.hasOwnProperty(k)) {
+                    t[k] = x[k];
+                }
+            }
+        }
+        return t;
+    },
+
+    /**
+     * 模拟继承机制， 使得subClass继承自superClass
+     * @method inherits
+     * @param { Object } subClass 子类对象
+     * @param { Object } superClass 超类对象
+     * @warning 该方法只能让subClass继承超类的原型， subClass对象自身的属性和方法不会被继承
+     * @return { Object } 继承superClass后的子类对象
+     * @example
+     * ```javascript
+     * function SuperClass(){
+     *     this.name = "小李";
+     * }
+     *
+     * SuperClass.prototype = {
+     *     hello:function(str){
+     *         console.log(this.name + str);
+     *     }
+     * }
+     *
+     * function SubClass(){
+     *     this.name = "小张";
+     * }
+     *
+     * UE.utils.inherits(SubClass,SuperClass);
+     *
+     * var sub = new SubClass();
+     * //output: '小张早上好!
+     * sub.hello("早上好!");
+     * ```
+     */
+    inherits:function (subClass, superClass) {
+        var oldP = subClass.prototype,
+            newP = utils.makeInstance(superClass.prototype);
+        utils.extend(newP, oldP, true);
+        subClass.prototype = newP;
+        return (newP.constructor = subClass);
+    },
+
+    /**
+     * 用指定的context对象作为函数fn的上下文
+     * @method bind
+     * @param { Function } fn 需要绑定上下文的函数对象
+     * @param { Object } content 函数fn新的上下文对象
+     * @return { Function } 一个新的函数， 该函数作为原始函数fn的代理， 将完成fn的上下文调换工作。
+     * @example
+     * ```javascript
+     *
+     * var name = 'window',
+     *     newTest = null;
+     *
+     * function test () {
+     *     console.log( this.name );
+     * }
+     *
+     * newTest = UE.utils.bind( test, { name: 'object' } );
+     *
+     * //output: object
+     * newTest();
+     *
+     * //output: window
+     * test();
+     *
+     * ```
+     */
+    bind:function (fn, context) {
+        return function () {
+            return fn.apply(context, arguments);
+        };
+    },
+
+    /**
+     * 创建延迟指定时间后执行的函数fn
+     * @method defer
+     * @param { Function } fn 需要延迟执行的函数对象
+     * @param { int } delay 延迟的时间， 单位是毫秒
+     * @warning 该方法的时间控制是不精确的，仅仅只能保证函数的执行是在给定的时间之后，
+     *           而不能保证刚好到达延迟时间时执行。
+     * @return { Function } 目标函数fn的代理函数， 只有执行该函数才能起到延时效果
+     * @example
+     * ```javascript
+     * var start = 0;
+     *
+     * function test(){
+     *     console.log( new Date() - start );
+     * }
+     *
+     * var testDefer = UE.utils.defer( test, 1000 );
+     * //
+     * start = new Date();
+     * //output: (大约在1000毫秒之后输出) 1000
+     * testDefer();
+     * ```
+     */
+
+    /**
+     * 创建延迟指定时间后执行的函数fn, 如果在延迟时间内再次执行该方法， 将会根据指定的exclusion的值，
+     * 决定是否取消前一次函数的执行， 如果exclusion的值为true， 则取消执行，反之，将继续执行前一个方法。
+     * @method defer
+     * @param { Function } fn 需要延迟执行的函数对象
+     * @param { int } delay 延迟的时间， 单位是毫秒
+     * @param { Boolean } exclusion 如果在延迟时间内再次执行该函数，该值将决定是否取消执行前一次函数的执行，
+     *                     值为true表示取消执行， 反之则将在执行前一次函数之后才执行本次函数调用。
+     * @warning 该方法的时间控制是不精确的，仅仅只能保证函数的执行是在给定的时间之后，
+     *           而不能保证刚好到达延迟时间时执行。
+     * @return { Function } 目标函数fn的代理函数， 只有执行该函数才能起到延时效果
+     * @example
+     * ```javascript
+     *
+     * function test(){
+     *     console.log(1);
+     * }
+     *
+     * var testDefer = UE.utils.defer( test, 1000, true );
+     *
+     * //output: (两次调用仅有一次输出) 1
+     * testDefer();
+     * testDefer();
+     * ```
+     */
+    defer:function (fn, delay, exclusion) {
+        var timerID;
+        return function () {
+            if (exclusion) {
+                clearTimeout(timerID);
+            }
+            timerID = setTimeout(fn, delay);
+        };
+    },
+
+    /**
+     * 获取元素item在数组array中首次出现的位置, 如果未找到item， 则返回-1
+     * @method indexOf
+     * @remind 该方法的匹配过程使用的是恒等“===”
+     * @param { Array } array 需要查找的数组对象
+     * @param { * } item 需要在目标数组中查找的值
+     * @return { int } 返回item在目标数组array中首次出现的位置， 如果在数组中未找到item， 则返回-1
+     * @example
+     * ```javascript
+     * var item = 1,
+     *     arr = [ 3, 4, 6, 8, 1, 1, 2 ];
+     *
+     * //output: 4
+     * console.log( UE.utils.indexOf( arr, item ) );
+     * ```
+     */
+
+    /**
+     * 获取元素item数组array中首次出现的位置, 如果未找到item， 则返回-1。通过start的值可以指定搜索的起始位置。
+     * @method indexOf
+     * @remind 该方法的匹配过程使用的是恒等“===”
+     * @param { Array } array 需要查找的数组对象
+     * @param { * } item 需要在目标数组中查找的值
+     * @param { int } start 搜索的起始位置
+     * @return { int } 返回item在目标数组array中的start位置之后首次出现的位置， 如果在数组中未找到item， 则返回-1
+     * @example
+     * ```javascript
+     * var item = 1,
+     *     arr = [ 3, 4, 6, 8, 1, 2, 8, 3, 2, 1, 1, 4 ];
+     *
+     * //output: 9
+     * console.log( UE.utils.indexOf( arr, item, 5 ) );
+     * ```
+     */
+    indexOf:function (array, item, start) {
+        var index = -1;
+        start = this.isNumber(start) ? start : 0;
+        this.each(array, function (v, i) {
+            if (i >= start && v === item) {
+                index = i;
+                return false;
+            }
+        });
+        return index;
+    },
+
+    /**
+     * 移除数组array中所有的元素item
+     * @method removeItem
+     * @param { Array } array 要移除元素的目标数组
+     * @param { * } item 将要被移除的元素
+     * @remind 该方法的匹配过程使用的是恒等“===”
+     * @example
+     * ```javascript
+     * var arr = [ 4, 5, 7, 1, 3, 4, 6 ];
+     *
+     * UE.utils.removeItem( arr, 4 );
+     * //output: [ 5, 7, 1, 3, 6 ]
+     * console.log( arr );
+     *
+     * ```
+     */
+    removeItem:function (array, item) {
+        for (var i = 0, l = array.length; i < l; i++) {
+            if (array[i] === item) {
+                array.splice(i, 1);
+                i--;
+            }
+        }
+    },
+
+    /**
+     * 删除字符串str的首尾空格
+     * @method trim
+     * @param { String } str 需要删除首尾空格的字符串
+     * @return { String } 删除了首尾的空格后的字符串
+     * @example
+     * ```javascript
+     *
+     * var str = " UEdtior ";
+     *
+     * //output: 9
+     * console.log( str.length );
+     *
+     * //output: 7
+     * console.log( UE.utils.trim( " UEdtior " ).length );
+     *
+     * //output: 9
+     * console.log( str.length );
+     *
+     *  ```
+     */
+    trim:function (str) {
+        return str.replace(/(^[ \t\n\r]+)|([ \t\n\r]+$)/g, '');
+    },
+
+    /**
+     * 将字符串str以','分隔成数组后，将该数组转换成哈希对象， 其生成的hash对象的key为数组中的元素， value为1
+     * @method listToMap
+     * @warning 该方法在生成的hash对象中，会为每一个key同时生成一个另一个全大写的key。
+     * @param { String } str 该字符串将被以','分割为数组， 然后进行转化
+     * @return { Object } 转化之后的hash对象
+     * @example
+     * ```javascript
+     *
+     * //output: Object {UEdtior: 1, UEDTIOR: 1, Hello: 1, HELLO: 1}
+     * console.log( UE.utils.listToMap( 'UEdtior,Hello' ) );
+     *
+     * ```
+     */
+
+    /**
+     * 将字符串数组转换成哈希对象， 其生成的hash对象的key为数组中的元素， value为1
+     * @method listToMap
+     * @warning 该方法在生成的hash对象中，会为每一个key同时生成一个另一个全大写的key。
+     * @param { Array } arr 字符串数组
+     * @return { Object } 转化之后的hash对象
+     * @example
+     * ```javascript
+     *
+     * //output: Object {UEdtior: 1, UEDTIOR: 1, Hello: 1, HELLO: 1}
+     * console.log( UE.utils.listToMap( [ 'UEdtior', 'Hello' ] ) );
+     *
+     * ```
+     */
+    listToMap:function (list) {
+        if (!list)return {};
+        list = utils.isArray(list) ? list : list.split(',');
+        for (var i = 0, ci, obj = {}; ci = list[i++];) {
+            obj[ci.toUpperCase()] = obj[ci] = 1;
+        }
+        return obj;
+    },
+
+    /**
+     * 将str中的html符号转义,将转义“'，&，<，"，>”五个字符
+     * @method unhtml
+     * @param { String } str 需要转义的字符串
+     * @return { String } 转义后的字符串
+     * @example
+     * ```javascript
+     * var html = '<body>&</body>';
+     *
+     * //output: &lt;body&gt;&amp;&lt;/body&gt;
+     * console.log( UE.utils.unhtml( html ) );
+     *
+     * ```
+     */
+    unhtml:function (str, reg) {
+        return str ? str.replace(reg || /[&<">'](?:(amp|lt|quot|gt|#39|nbsp|#\d+);)?/g, function (a, b) {
+            if (b) {
+                return a;
+            } else {
+                return {
+                    '<':'&lt;',
+                    '&':'&amp;',
+                    '"':'&quot;',
+                    '>':'&gt;',
+                    "'":'&#39;'
+                }[a]
+            }
+
+        }) : '';
+    },
+    /**
+     * 将url中的html字符转义， 仅转义  ', ", <, > 四个字符
+     * @param  { String } str 需要转义的字符串
+     * @param  { RegExp } reg 自定义的正则
+     * @return { String }     转义后的字符串
+     */
+    unhtmlForUrl:function (str, reg) {
+        return str ? str.replace(reg || /[<">']/g, function (a) {
+            return {
+                '<':'&lt;',
+                '&':'&amp;',
+                '"':'&quot;',
+                '>':'&gt;',
+                "'":'&#39;'
+            }[a]
+
+        }) : '';
+    },
+
+    /**
+     * 将str中的转义字符还原成html字符
+     * @see UE.utils.unhtml(String);
+     * @method html
+     * @param { String } str 需要逆转义的字符串
+     * @return { String } 逆转义后的字符串
+     * @example
+     * ```javascript
+     *
+     * var str = '&lt;body&gt;&amp;&lt;/body&gt;';
+     *
+     * //output: <body>&</body>
+     * console.log( UE.utils.html( str ) );
+     *
+     * ```
+     */
+    html:function (str) {
+        return str ? str.replace(/&((g|l|quo)t|amp|#39|nbsp);/g, function (m) {
+            return {
+                '&lt;':'<',
+                '&amp;':'&',
+                '&quot;':'"',
+                '&gt;':'>',
+                '&#39;':"'",
+                '&nbsp;':' '
+            }[m]
+        }) : '';
+    },
+
+    /**
+     * 将css样式转换为驼峰的形式
+     * @method cssStyleToDomStyle
+     * @param { String } cssName 需要转换的css样式名
+     * @return { String } 转换成驼峰形式后的css样式名
+     * @example
+     * ```javascript
+     *
+     * var str = 'border-top';
+     *
+     * //output: borderTop
+     * console.log( UE.utils.cssStyleToDomStyle( str ) );
+     *
+     * ```
+     */
+    cssStyleToDomStyle:function () {
+        var test = document.createElement('div').style,
+            cache = {
+                'float':test.cssFloat != undefined ? 'cssFloat' : test.styleFloat != undefined ? 'styleFloat' : 'float'
+            };
+
+        return function (cssName) {
+            return cache[cssName] || (cache[cssName] = cssName.toLowerCase().replace(/-./g, function (match) {
+                return match.charAt(1).toUpperCase();
+            }));
+        };
+    }(),
+
+    /**
+     * 动态加载文件到doc中
+     * @method loadFile
+     * @param { DomDocument } document 需要加载资源文件的文档对象
+     * @param { Object } options 加载资源文件的属性集合， 取值请参考代码示例
+     * @example
+     * ```javascript
+     *
+     * UE.utils.loadFile( document, {
+     *     src:"test.js",
+     *     tag:"script",
+     *     type:"text/javascript",
+     *     defer:"defer"
+     * } );
+     *
+     * ```
+     */
+
+    /**
+     * 动态加载文件到doc中，加载成功后执行的回调函数fn
+     * @method loadFile
+     * @param { DomDocument } document 需要加载资源文件的文档对象
+     * @param { Object } options 加载资源文件的属性集合， 该集合支持的值是script标签和style标签支持的所有属性。
+     * @param { Function } fn 资源文件加载成功之后执行的回调
+     * @warning 对于在同一个文档中多次加载同一URL的文件， 该方法会在第一次加载之后缓存该请求，
+     *           在此之后的所有同一URL的请求， 将会直接触发回调。
+     * @example
+     * ```javascript
+     *
+     * UE.utils.loadFile( document, {
+     *     src:"test.js",
+     *     tag:"script",
+     *     type:"text/javascript",
+     *     defer:"defer"
+     * }, function () {
+     *     console.log('加载成功');
+     * } );
+     *
+     * ```
+     */
+    loadFile:function () {
+        var tmpList = [];
+
+        function getItem(doc, obj) {
+            try {
+                for (var i = 0, ci; ci = tmpList[i++];) {
+                    if (ci.doc === doc && ci.url == (obj.src || obj.href)) {
+                        return ci;
+                    }
+                }
+            } catch (e) {
+                return null;
+            }
+
+        }
+
+        return function (doc, obj, fn) {
+            var item = getItem(doc, obj);
+            if (item) {
+                if (item.ready) {
+                    fn && fn();
+                } else {
+                    item.funs.push(fn)
+                }
+                return;
+            }
+            tmpList.push({
+                doc:doc,
+                url:obj.src || obj.href,
+                funs:[fn]
+            });
+            if (!doc.body) {
+                var html = [];
+                for (var p in obj) {
+                    if (p == 'tag')continue;
+                    html.push(p + '="' + obj[p] + '"')
+                }
+                doc.write('<' + obj.tag + ' ' + html.join(' ') + ' ></' + obj.tag + '>');
+                return;
+            }
+            if (obj.id && doc.getElementById(obj.id)) {
+                return;
+            }
+            var element = doc.createElement(obj.tag);
+            delete obj.tag;
+            for (var p in obj) {
+                element.setAttribute(p, obj[p]);
+            }
+            element.onload = element.onreadystatechange = function () {
+                if (!this.readyState || /loaded|complete/.test(this.readyState)) {
+                    item = getItem(doc, obj);
+                    if (item.funs.length > 0) {
+                        item.ready = 1;
+                        for (var fi; fi = item.funs.pop();) {
+                            fi();
+                        }
+                    }
+                    element.onload = element.onreadystatechange = null;
+                }
+            };
+            element.onerror = function () {
+                throw Error('The load ' + (obj.href || obj.src) + ' fails,check the url settings of file ueditor.config.js ')
+            };
+            doc.getElementsByTagName("head")[0].appendChild(element);
+        }
+    }(),
+
+    /**
+     * 判断obj对象是否为空
+     * @method isEmptyObject
+     * @param { * } obj 需要判断的对象
+     * @remind 如果判断的对象是NULL， 将直接返回true， 如果是数组且为空， 返回true， 如果是字符串， 且字符串为空，
+     *          返回true， 如果是普通对象， 且该对象没有任何实例属性， 返回true
+     * @return { Boolean } 对象是否为空
+     * @example
+     * ```javascript
+     *
+     * //output: true
+     * console.log( UE.utils.isEmptyObject( {} ) );
+     *
+     * //output: true
+     * console.log( UE.utils.isEmptyObject( [] ) );
+     *
+     * //output: true
+     * console.log( UE.utils.isEmptyObject( "" ) );
+     *
+     * //output: false
+     * console.log( UE.utils.isEmptyObject( { key: 1 } ) );
+     *
+     * //output: false
+     * console.log( UE.utils.isEmptyObject( [1] ) );
+     *
+     * //output: false
+     * console.log( UE.utils.isEmptyObject( "1" ) );
+     *
+     * ```
+     */
+    isEmptyObject:function (obj) {
+        if (obj == null) return true;
+        if (this.isArray(obj) || this.isString(obj)) return obj.length === 0;
+        for (var key in obj) if (obj.hasOwnProperty(key)) return false;
+        return true;
+    },
+
+    /**
+     * 把rgb格式的颜色值转换成16进制格式
+     * @method fixColor
+     * @param { String } rgb格式的颜色值
+     * @param { String }
+     * @example
+     * rgb(255,255,255)  => "#ffffff"
+     */
+    fixColor:function (name, value) {
+        if (/color/i.test(name) && /rgba?/.test(value)) {
+            var array = value.split(",");
+            if (array.length > 3)
+                return "";
+            value = "#";
+            for (var i = 0, color; color = array[i++];) {
+                color = parseInt(color.replace(/[^\d]/gi, ''), 10).toString(16);
+                value += color.length == 1 ? "0" + color : color;
+            }
+            value = value.toUpperCase();
+        }
+        return  value;
+    },
+    /**
+     * 只针对border,padding,margin做了处理，因为性能问题
+     * @public
+     * @function
+     * @param {String}    val style字符串
+     */
+    optCss:function (val) {
+        var padding, margin, border;
+        val = val.replace(/(padding|margin|border)\-([^:]+):([^;]+);?/gi, function (str, key, name, val) {
+            if (val.split(' ').length == 1) {
+                switch (key) {
+                    case 'padding':
+                        !padding && (padding = {});
+                        padding[name] = val;
+                        return '';
+                    case 'margin':
+                        !margin && (margin = {});
+                        margin[name] = val;
+                        return '';
+                    case 'border':
+                        return val == 'initial' ? '' : str;
+                }
+            }
+            return str;
+        });
+
+        function opt(obj, name) {
+            if (!obj) {
+                return '';
+            }
+            var t = obj.top , b = obj.bottom, l = obj.left, r = obj.right, val = '';
+            if (!t || !l || !b || !r) {
+                for (var p in obj) {
+                    val += ';' + name + '-' + p + ':' + obj[p] + ';';
+                }
+            } else {
+                val += ';' + name + ':' +
+                    (t == b && b == l && l == r ? t :
+                        t == b && l == r ? (t + ' ' + l) :
+                            l == r ? (t + ' ' + l + ' ' + b) : (t + ' ' + r + ' ' + b + ' ' + l)) + ';'
+            }
+            return val;
+        }
+
+        val += opt(padding, 'padding') + opt(margin, 'margin');
+        return val.replace(/^[ \n\r\t;]*|[ \n\r\t]*$/, '').replace(/;([ \n\r\t]+)|\1;/g, ';')
+            .replace(/(&((l|g)t|quot|#39))?;{2,}/g, function (a, b) {
+                return b ? b + ";;" : ';'
+            });
+    },
+
+    /**
+     * 克隆对象
+     * @method clone
+     * @param { Object } source 源对象
+     * @return { Object } source的一个副本
+     */
+
+    /**
+     * 深度克隆对象，将source的属性克隆到target对象， 会覆盖target重名的属性。
+     * @method clone
+     * @param { Object } source 源对象
+     * @param { Object } target 目标对象
+     * @return { Object } 附加了source对象所有属性的target对象
+     */
+    clone:function (source, target) {
+        var tmp;
+        target = target || {};
+        for (var i in source) {
+            if (source.hasOwnProperty(i)) {
+                tmp = source[i];
+                if (typeof tmp == 'object') {
+                    target[i] = utils.isArray(tmp) ? [] : {};
+                    utils.clone(source[i], target[i])
+                } else {
+                    target[i] = tmp;
+                }
+            }
+        }
+        return target;
+    },
+
+    /**
+     * 把cm／pt为单位的值转换为px为单位的值
+     * @method transUnitToPx
+     * @param { String } 待转换的带单位的字符串
+     * @return { String } 转换为px为计量单位的值的字符串
+     * @example
+     * ```javascript
+     *
+     * //output: 500px
+     * console.log( UE.utils.transUnitToPx( '20cm' ) );
+     *
+     * //output: 27px
+     * console.log( UE.utils.transUnitToPx( '20pt' ) );
+     *
+     * ```
+     */
+    transUnitToPx:function (val) {
+        if (!/(pt|cm)/.test(val)) {
+            return val
+        }
+        var unit;
+        val.replace(/([\d.]+)(\w+)/, function (str, v, u) {
+            val = v;
+            unit = u;
+        });
+        switch (unit) {
+            case 'cm':
+                val = parseFloat(val) * 25;
+                break;
+            case 'pt':
+                val = Math.round(parseFloat(val) * 96 / 72);
+        }
+        return val + (val ? 'px' : '');
+    },
+
+    /**
+     * 在dom树ready之后执行给定的回调函数
+     * @method domReady
+     * @remind 如果在执行该方法的时候， dom树已经ready， 那么回调函数将立刻执行
+     * @param { Function } fn dom树ready之后的回调函数
+     * @example
+     * ```javascript
+     *
+     * UE.utils.domReady( function () {
+     *
+     *     console.log('123');
+     *
+     * } );
+     *
+     * ```
+     */
+    domReady:function () {
+
+        var fnArr = [];
+
+        function doReady(doc) {
+            //确保onready只执行一次
+            doc.isReady = true;
+            for (var ci; ci = fnArr.pop(); ci()) {
+            }
+        }
+
+        return function (onready, win) {
+            win = win || window;
+            var doc = win.document;
+            onready && fnArr.push(onready);
+            if (doc.readyState === "complete") {
+                doReady(doc);
+            } else {
+                doc.isReady && doReady(doc);
+                if (browser.ie && browser.version != 11) {
+                    (function () {
+                        if (doc.isReady) return;
+                        try {
+                            doc.documentElement.doScroll("left");
+                        } catch (error) {
+                            setTimeout(arguments.callee, 0);
+                            return;
+                        }
+                        doReady(doc);
+                    })();
+                    win.attachEvent('onload', function () {
+                        doReady(doc)
+                    });
+                } else {
+                    doc.addEventListener("DOMContentLoaded", function () {
+                        doc.removeEventListener("DOMContentLoaded", arguments.callee, false);
+                        doReady(doc);
+                    }, false);
+                    win.addEventListener('load', function () {
+                        doReady(doc)
+                    }, false);
+                }
+            }
+
+        }
+    }(),
+
+    /**
+     * 动态添加css样式
+     * @method cssRule
+     * @param { String } 节点名称
+     * @grammar UE.utils.cssRule('添加的样式的节点名称',['样式'，'放到哪个document上'])
+     * @grammar UE.utils.cssRule('body','body{background:#ccc}') => null  //给body添加背景颜色
+     * @grammar UE.utils.cssRule('body') =>样式的字符串  //取得key值为body的样式的内容,如果没有找到key值先关的样式将返回空，例如刚才那个背景颜色，将返回 body{background:#ccc}
+     * @grammar UE.utils.cssRule('body',document) => 返回指定key的样式，并且指定是哪个document
+     * @grammar UE.utils.cssRule('body','') =>null //清空给定的key值的背景颜色
+     */
+    cssRule:browser.ie && browser.version != 11 ? function (key, style, doc) {
+        var indexList, index;
+        if(style === undefined || style && style.nodeType && style.nodeType == 9){
+            //获取样式
+            doc = style && style.nodeType && style.nodeType == 9 ? style : (doc || document);
+            indexList = doc.indexList || (doc.indexList = {});
+            index = indexList[key];
+            if(index !==  undefined){
+                return doc.styleSheets[index].cssText
+            }
+            return undefined;
+        }
+        doc = doc || document;
+        indexList = doc.indexList || (doc.indexList = {});
+        index = indexList[key];
+        //清除样式
+        if(style === ''){
+            if(index!== undefined){
+                doc.styleSheets[index].cssText = '';
+                delete indexList[key];
+                return true
+            }
+            return false;
+        }
+
+        //添加样式
+        if(index!== undefined){
+            sheetStyle =  doc.styleSheets[index];
+        }else{
+            sheetStyle = doc.createStyleSheet('', index = doc.styleSheets.length);
+            indexList[key] = index;
+        }
+        sheetStyle.cssText = style;
+    }: function (key, style, doc) {
+        var head, node;
+        if(style === undefined || style && style.nodeType && style.nodeType == 9){
+            //获取样式
+            doc = style && style.nodeType && style.nodeType == 9 ? style : (doc || document);
+            node = doc.getElementById(key);
+            return node ? node.innerHTML : undefined;
+        }
+        doc = doc || document;
+        node = doc.getElementById(key);
+
+        //清除样式
+        if(style === ''){
+            if(node){
+                node.parentNode.removeChild(node);
+                return true
+            }
+            return false;
+        }
+
+        //添加样式
+        if(node){
+            node.innerHTML = style;
+        }else{
+            node = doc.createElement('style');
+            node.id = key;
+            node.innerHTML = style;
+            doc.getElementsByTagName('head')[0].appendChild(node);
+        }
+    },
+    sort:function(array,compareFn){
+        compareFn = compareFn || function(item1, item2){ return item1.localeCompare(item2);};
+        for(var i= 0,len = array.length; i<len; i++){
+            for(var j = i,length = array.length; j<length; j++){
+                if(compareFn(array[i], array[j]) > 0){
+                    var t = array[i];
+                    array[i] = array[j];
+                    array[j] = t;
+                }
+            }
+        }
+        return array;
+    },
+    serializeParam:function (json) {
+        var strArr = [];
+        for (var i in json) {
+            //忽略默认的几个参数
+            if(i=="method" || i=="timeout" || i=="async") continue;
+            //传递过来的对象和函数不在提交之列
+            if (!((typeof json[i]).toLowerCase() == "function" || (typeof json[i]).toLowerCase() == "object")) {
+                strArr.push( encodeURIComponent(i) + "="+encodeURIComponent(json[i]) );
+            } else if (utils.isArray(json[i])) {
+                //支持传数组内容
+                for(var j = 0; j < json[i].length; j++) {
+                    strArr.push( encodeURIComponent(i) + "[]="+encodeURIComponent(json[i][j]) );
+                }
+            }
+        }
+        return strArr.join("&");
+    },
+    formatUrl:function (url) {
+        var u = url.replace(/&&/g, '&');
+        u = u.replace(/\?&/g, '?');
+        u = u.replace(/&$/g, '');
+        u = u.replace(/&#/g, '#');
+        u = u.replace(/&+/g, '&');
+        return u;
+    },
+    isCrossDomainUrl:function (url) {
+        var a = document.createElement('a');
+        a.href = url;
+        if (browser.ie) {
+            a.href = a.href;
+        }
+        return !(a.protocol == location.protocol && a.hostname == location.hostname &&
+        (a.port == location.port || (a.port == '80' && location.port == '') || (a.port == '' && location.port == '80')));
+    },
+    clearEmptyAttrs : function(obj){
+        for(var p in obj){
+            if(obj[p] === ''){
+                delete obj[p]
+            }
+        }
+        return obj;
+    },
+    str2json : function(s){
+
+        if (!utils.isString(s)) return null;
+        if (window.JSON) {
+            return JSON.parse(s);
+        } else {
+            return (new Function("return " + utils.trim(s || '')))();
+        }
+
+    },
+    json2str : (function(){
+
+        if (window.JSON) {
+
+            return JSON.stringify;
+
+        } else {
+
+            var escapeMap = {
+                "\b": '\\b',
+                "\t": '\\t',
+                "\n": '\\n',
+                "\f": '\\f',
+                "\r": '\\r',
+                '"' : '\\"',
+                "\\": '\\\\'
+            };
+
+            function encodeString(source) {
+                if (/["\\\x00-\x1f]/.test(source)) {
+                    source = source.replace(
+                        /["\\\x00-\x1f]/g,
+                        function (match) {
+                            var c = escapeMap[match];
+                            if (c) {
+                                return c;
+                            }
+                            c = match.charCodeAt();
+                            return "\\u00"
+                            + Math.floor(c / 16).toString(16)
+                            + (c % 16).toString(16);
+                        });
+                }
+                return '"' + source + '"';
+            }
+
+            function encodeArray(source) {
+                var result = ["["],
+                    l = source.length,
+                    preComma, i, item;
+
+                for (i = 0; i < l; i++) {
+                    item = source[i];
+
+                    switch (typeof item) {
+                        case "undefined":
+                        case "function":
+                        case "unknown":
+                            break;
+                        default:
+                            if(preComma) {
+                                result.push(',');
+                            }
+                            result.push(utils.json2str(item));
+                            preComma = 1;
+                    }
+                }
+                result.push("]");
+                return result.join("");
+            }
+
+            function pad(source) {
+                return source < 10 ? '0' + source : source;
+            }
+
+            function encodeDate(source){
+                return '"' + source.getFullYear() + "-"
+                + pad(source.getMonth() + 1) + "-"
+                + pad(source.getDate()) + "T"
+                + pad(source.getHours()) + ":"
+                + pad(source.getMinutes()) + ":"
+                + pad(source.getSeconds()) + '"';
+            }
+
+            return function (value) {
+                switch (typeof value) {
+                    case 'undefined':
+                        return 'undefined';
+
+                    case 'number':
+                        return isFinite(value) ? String(value) : "null";
+
+                    case 'string':
+                        return encodeString(value);
+
+                    case 'boolean':
+                        return String(value);
+
+                    default:
+                        if (value === null) {
+                            return 'null';
+                        } else if (utils.isArray(value)) {
+                            return encodeArray(value);
+                        } else if (utils.isDate(value)) {
+                            return encodeDate(value);
+                        } else {
+                            var result = ['{'],
+                                encode = utils.json2str,
+                                preComma,
+                                item;
+
+                            for (var key in value) {
+                                if (Object.prototype.hasOwnProperty.call(value, key)) {
+                                    item = value[key];
+                                    switch (typeof item) {
+                                        case 'undefined':
+                                        case 'unknown':
+                                        case 'function':
+                                            break;
+                                        default:
+                                            if (preComma) {
+                                                result.push(',');
+                                            }
+                                            preComma = 1;
+                                            result.push(encode(key) + ':' + encode(item));
+                                    }
+                                }
+                            }
+                            result.push('}');
+                            return result.join('');
+                        }
+                }
+            };
+        }
+
+    })()
+
+};
+/**
+ * 判断给定的对象是否是字符串
+ * @method isString
+ * @param { * } object 需要判断的对象
+ * @return { Boolean } 给定的对象是否是字符串
+ */
+
+/**
+ * 判断给定的对象是否是数组
+ * @method isArray
+ * @param { * } object 需要判断的对象
+ * @return { Boolean } 给定的对象是否是数组
+ */
+
+/**
+ * 判断给定的对象是否是一个Function
+ * @method isFunction
+ * @param { * } object 需要判断的对象
+ * @return { Boolean } 给定的对象是否是Function
+ */
+
+/**
+ * 判断给定的对象是否是Number
+ * @method isNumber
+ * @param { * } object 需要判断的对象
+ * @return { Boolean } 给定的对象是否是Number
+ */
+
+/**
+ * 判断给定的对象是否是一个正则表达式
+ * @method isRegExp
+ * @param { * } object 需要判断的对象
+ * @return { Boolean } 给定的对象是否是正则表达式
+ */
+
+/**
+ * 判断给定的对象是否是一个普通对象
+ * @method isObject
+ * @param { * } object 需要判断的对象
+ * @return { Boolean } 给定的对象是否是普通对象
+ */
+utils.each(['String', 'Function', 'Array', 'Number', 'RegExp', 'Object', 'Date'], function (v) {
+    UE.utils['is' + v] = function (obj) {
+        return Object.prototype.toString.apply(obj) == '[object ' + v + ']';
+    }
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/editor.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/editor.js
new file mode 100644
index 000000000..153de0bf7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/editor.js
@@ -0,0 +1,21 @@
+UEDITOR_CONFIG = window.UEDITOR_CONFIG || {};
+
+var baidu = window.baidu || {};
+
+window.baidu = baidu;
+
+window.UE = baidu.editor =  window.UE || {};
+
+UE.plugins = {};
+
+UE.commands = {};
+
+UE.instants = {};
+
+UE.I18N = {};
+
+UE._customizeUI = {};
+
+UE.version = "1.4.3";
+
+var dom = UE.dom = {};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/anchor.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/anchor.js
new file mode 100644
index 000000000..5fcaabf62
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/anchor.js
@@ -0,0 +1,85 @@
+/**
+ * 锚点插件，为UEditor提供插入锚点支持
+ * @file
+ * @since 1.2.6.1
+ */
+UE.plugin.register('anchor', function (){
+
+    return {
+        bindEvents:{
+            'ready':function(){
+                utils.cssRule('anchor',
+                    '.anchorclass{background: url(\''
+                        + this.options.themePath
+                        + this.options.theme +'/images/anchor.gif\') no-repeat scroll left center transparent;cursor: auto;display: inline-block;height: 16px;width: 15px;}',
+                    this.document);
+            }
+        },
+       outputRule: function(root){
+           utils.each(root.getNodesByTagName('img'),function(a){
+               var val;
+               if(val = a.getAttr('anchorname')){
+                   a.tagName = 'a';
+                   a.setAttr({
+                       anchorname : '',
+                       name : val,
+                       'class' : ''
+                   })
+               }
+           })
+       },
+       inputRule:function(root){
+           utils.each(root.getNodesByTagName('a'),function(a){
+               var val;
+               if((val = a.getAttr('name')) && !a.getAttr('href')){
+                   a.tagName = 'img';
+                   a.setAttr({
+                       anchorname :a.getAttr('name'),
+                       'class' : 'anchorclass'
+                   });
+                   a.setAttr('name')
+
+               }
+           })
+
+       },
+       commands:{
+           /**
+            * 插入锚点
+            * @command anchor
+            * @method execCommand
+            * @param { String } cmd 命令字符串
+            * @param { String } name 锚点名称字符串
+            * @example
+            * ```javascript
+            * //editor 是编辑器实例
+            * editor.execCommand('anchor', 'anchor1');
+            * ```
+            */
+           'anchor':{
+               execCommand:function (cmd, name) {
+                   var range = this.selection.getRange(),img = range.getClosedNode();
+                   if (img && img.getAttribute('anchorname')) {
+                       if (name) {
+                           img.setAttribute('anchorname', name);
+                       } else {
+                           range.setStartBefore(img).setCursor();
+                           domUtils.remove(img);
+                       }
+                   } else {
+                       if (name) {
+                           //只在选区的开始插入
+                           var anchor = this.document.createElement('img');
+                           range.collapse(true);
+                           domUtils.setAttributes(anchor,{
+                               'anchorname':name,
+                               'class':'anchorclass'
+                           });
+                           range.insertNode(anchor).setStartAfter(anchor).setCursor(false,true);
+                       }
+                   }
+               }
+           }
+       }
+    }
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autofloat.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autofloat.js
new file mode 100644
index 000000000..f23ace24d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autofloat.js
@@ -0,0 +1,135 @@
+///import core
+///commands 悬浮工具栏
+///commandsName  AutoFloat,autoFloatEnabled
+///commandsTitle  悬浮工具栏
+/**
+ *  modified by chengchao01
+ *  注意： 引入此功能后，在IE6下会将body的背景图片覆盖掉！
+ */
+UE.plugins['autofloat'] = function() {
+    var me = this,
+        lang = me.getLang();
+    me.setOpt({
+        topOffset:0
+    });
+    var optsAutoFloatEnabled = me.options.autoFloatEnabled !== false,
+        topOffset = me.options.topOffset;
+
+
+    //如果不固定toolbar的位置，则直接退出
+    if(!optsAutoFloatEnabled){
+        return;
+    }
+    var uiUtils = UE.ui.uiUtils,
+        LteIE6 = browser.ie && browser.version <= 6,
+        quirks = browser.quirks;
+
+    function checkHasUI(){
+        if(!UE.ui){
+            alert(lang.autofloatMsg);
+            return 0;
+        }
+        return 1;
+    }
+    function fixIE6FixedPos(){
+        var docStyle = document.body.style;
+        docStyle.backgroundImage = 'url("about:blank")';
+        docStyle.backgroundAttachment = 'fixed';
+    }
+    var	bakCssText,
+        placeHolder = document.createElement('div'),
+        toolbarBox,orgTop,
+        getPosition,
+        flag =true;   //ie7模式下需要偏移
+    function setFloating(){
+        var toobarBoxPos = domUtils.getXY(toolbarBox),
+            origalFloat = domUtils.getComputedStyle(toolbarBox,'position'),
+            origalLeft = domUtils.getComputedStyle(toolbarBox,'left');
+        toolbarBox.style.width = toolbarBox.offsetWidth + 'px';
+        toolbarBox.style.zIndex = me.options.zIndex * 1 + 1;
+        toolbarBox.parentNode.insertBefore(placeHolder, toolbarBox);
+        if (LteIE6 || (quirks && browser.ie)) {
+            if(toolbarBox.style.position != 'absolute'){
+                toolbarBox.style.position = 'absolute';
+            }
+            toolbarBox.style.top = (document.body.scrollTop||document.documentElement.scrollTop) - orgTop + topOffset  + 'px';
+        } else {
+            if (browser.ie7Compat && flag) {
+                flag = false;
+                toolbarBox.style.left =  domUtils.getXY(toolbarBox).x - document.documentElement.getBoundingClientRect().left+2  + 'px';
+            }
+            if(toolbarBox.style.position != 'fixed'){
+                toolbarBox.style.position = 'fixed';
+                toolbarBox.style.top = topOffset +"px";
+                ((origalFloat == 'absolute' || origalFloat == 'relative') && parseFloat(origalLeft)) && (toolbarBox.style.left = toobarBoxPos.x + 'px');
+            }
+        }
+    }
+    function unsetFloating(){
+        flag = true;
+        if(placeHolder.parentNode){
+            placeHolder.parentNode.removeChild(placeHolder);
+        }
+
+        toolbarBox.style.cssText = bakCssText;
+    }
+
+    function updateFloating(){
+        var rect3 = getPosition(me.container);
+        var offset=me.options.toolbarTopOffset||0;
+        if (rect3.top < 0 && rect3.bottom - toolbarBox.offsetHeight > offset) {
+            setFloating();
+        }else{
+            unsetFloating();
+        }
+    }
+    var defer_updateFloating = utils.defer(function(){
+        updateFloating();
+    },browser.ie ? 200 : 100,true);
+
+    me.addListener('destroy',function(){
+        domUtils.un(window, ['scroll','resize'], updateFloating);
+        me.removeListener('keydown', defer_updateFloating);
+    });
+
+    me.addListener('ready', function(){
+        if(checkHasUI(me)){
+            //加载了ui组件，但在new时，没有加载ui，导致编辑器实例上没有ui类，所以这里做判断
+            if(!me.ui){
+                return;
+            }
+            getPosition = uiUtils.getClientRect;
+            toolbarBox = me.ui.getDom('toolbarbox');
+            orgTop = getPosition(toolbarBox).top;
+            bakCssText = toolbarBox.style.cssText;
+            placeHolder.style.height = toolbarBox.offsetHeight + 'px';
+            if(LteIE6){
+                fixIE6FixedPos();
+            }
+            domUtils.on(window, ['scroll','resize'], updateFloating);
+            me.addListener('keydown', defer_updateFloating);
+
+            me.addListener('beforefullscreenchange', function (t, enabled){
+                if (enabled) {
+                    unsetFloating();
+                }
+            });
+            me.addListener('fullscreenchanged', function (t, enabled){
+                if (!enabled) {
+                    updateFloating();
+                }
+            });
+            me.addListener('sourcemodechanged', function (t, enabled){
+                setTimeout(function (){
+                    updateFloating();
+                },0);
+            });
+            me.addListener("clearDoc",function(){
+                setTimeout(function(){
+                    updateFloating();
+                },0);
+
+            })
+        }
+    });
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autoheight.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autoheight.js
new file mode 100644
index 000000000..f684c2c4b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autoheight.js
@@ -0,0 +1,115 @@
+///import core
+///commands 当输入内容超过编辑器高度时，编辑器自动增高
+///commandsName  AutoHeight,autoHeightEnabled
+///commandsTitle  自动增高
+/**
+ * @description 自动伸展
+ * @author zhanyi
+ */
+UE.plugins['autoheight'] = function () {
+    var me = this;
+    //提供开关，就算加载也可以关闭
+    me.autoHeightEnabled = me.options.autoHeightEnabled !== false;
+    if (!me.autoHeightEnabled) {
+        return;
+    }
+
+    var bakOverflow,
+        lastHeight = 0,
+        options = me.options,
+        currentHeight,
+        timer;
+
+    function adjustHeight() {
+        var me = this;
+        clearTimeout(timer);
+        if(isFullscreen)return;
+        if (!me.queryCommandState || me.queryCommandState && me.queryCommandState('source') != 1) {
+            timer = setTimeout(function(){
+
+                var node = me.body.lastChild;
+                while(node && node.nodeType != 1){
+                    node = node.previousSibling;
+                }
+                if(node && node.nodeType == 1){
+                    node.style.clear = 'both';
+                    currentHeight = Math.max(domUtils.getXY(node).y + node.offsetHeight + 25 ,Math.max(options.minFrameHeight, options.initialFrameHeight)) ;
+                    if (currentHeight != lastHeight) {
+                        if (currentHeight !== parseInt(me.iframe.parentNode.style.height)) {
+                            me.iframe.parentNode.style.height = currentHeight + 'px';
+                        }
+                        me.body.style.height = currentHeight + 'px';
+                        lastHeight = currentHeight;
+                    }
+                    domUtils.removeStyle(node,'clear');
+                }
+
+
+            },50)
+        }
+    }
+    var isFullscreen;
+    me.addListener('fullscreenchanged',function(cmd,f){
+        isFullscreen = f
+    });
+    me.addListener('destroy', function () {
+        me.removeListener('contentchange afterinserthtml keyup mouseup',adjustHeight)
+    });
+    me.enableAutoHeight = function () {
+        var me = this;
+        if (!me.autoHeightEnabled) {
+            return;
+        }
+        var doc = me.document;
+        me.autoHeightEnabled = true;
+        bakOverflow = doc.body.style.overflowY;
+        doc.body.style.overflowY = 'hidden';
+        me.addListener('contentchange afterinserthtml keyup mouseup',adjustHeight);
+        //ff不给事件算得不对
+
+        setTimeout(function () {
+            adjustHeight.call(me);
+        }, browser.gecko ? 100 : 0);
+        me.fireEvent('autoheightchanged', me.autoHeightEnabled);
+    };
+    me.disableAutoHeight = function () {
+
+        me.body.style.overflowY = bakOverflow || '';
+
+        me.removeListener('contentchange', adjustHeight);
+        me.removeListener('keyup', adjustHeight);
+        me.removeListener('mouseup', adjustHeight);
+        me.autoHeightEnabled = false;
+        me.fireEvent('autoheightchanged', me.autoHeightEnabled);
+    };
+
+    me.on('setHeight',function(){
+        me.disableAutoHeight()
+    });
+    me.addListener('ready', function () {
+        me.enableAutoHeight();
+        //trace:1764
+        var timer;
+        domUtils.on(browser.ie ? me.body : me.document, browser.webkit ? 'dragover' : 'drop', function () {
+            clearTimeout(timer);
+            timer = setTimeout(function () {
+                //trace:3681
+                adjustHeight.call(me);
+            }, 100);
+
+        });
+        //修复内容过多时，回到顶部，顶部内容被工具栏遮挡问题
+        var lastScrollY;
+        window.onscroll = function(){
+            if(lastScrollY === null){
+                lastScrollY = this.scrollY
+            }else if(this.scrollY == 0 && lastScrollY != 0){
+                me.window.scrollTo(0,0);
+                lastScrollY = null;
+            }
+        }
+    });
+
+
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autolink.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autolink.js
new file mode 100644
index 000000000..7197aae6a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autolink.js
@@ -0,0 +1,177 @@
+///import core
+///commands 为非ie浏览器自动添加a标签
+///commandsName  AutoLink
+///commandsTitle  自动增加链接
+/**
+ * @description 为非ie浏览器自动添加a标签
+ * @author zhanyi
+ */
+
+UE.plugin.register('autolink',function(){
+    var cont = 0;
+
+    return !browser.ie ? {
+
+            bindEvents:{
+                'reset' : function(){
+                    cont = 0;
+                },
+                'keydown':function(type, evt) {
+                    var me = this;
+                    var keyCode = evt.keyCode || evt.which;
+
+                    if (keyCode == 32 || keyCode == 13) {
+
+                        var sel = me.selection.getNative(),
+                            range = sel.getRangeAt(0).cloneRange(),
+                            offset,
+                            charCode;
+
+                        var start = range.startContainer;
+                        while (start.nodeType == 1 && range.startOffset > 0) {
+                            start = range.startContainer.childNodes[range.startOffset - 1];
+                            if (!start){
+                                break;
+                            }
+                            range.setStart(start, start.nodeType == 1 ? start.childNodes.length : start.nodeValue.length);
+                            range.collapse(true);
+                            start = range.startContainer;
+                        }
+
+                        do{
+                            if (range.startOffset == 0) {
+                                start = range.startContainer.previousSibling;
+
+                                while (start && start.nodeType == 1) {
+                                    start = start.lastChild;
+                                }
+                                if (!start || domUtils.isFillChar(start)){
+                                    break;
+                                }
+                                offset = start.nodeValue.length;
+                            } else {
+                                start = range.startContainer;
+                                offset = range.startOffset;
+                            }
+                            range.setStart(start, offset - 1);
+                            charCode = range.toString().charCodeAt(0);
+                        } while (charCode != 160 && charCode != 32);
+
+                        if (range.toString().replace(new RegExp(domUtils.fillChar, 'g'), '').match(/(?:https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.)/i)) {
+                            while(range.toString().length){
+                                if(/^(?:https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.)/i.test(range.toString())){
+                                    break;
+                                }
+                                try{
+                                    range.setStart(range.startContainer,range.startOffset+1);
+                                }catch(e){
+                                    //trace:2121
+                                    var start = range.startContainer;
+                                    while(!(next = start.nextSibling)){
+                                        if(domUtils.isBody(start)){
+                                            return;
+                                        }
+                                        start = start.parentNode;
+
+                                    }
+                                    range.setStart(next,0);
+
+                                }
+
+                            }
+                            //range的开始边界已经在a标签里的不再处理
+                            if(domUtils.findParentByTagName(range.startContainer,'a',true)){
+                                return;
+                            }
+                            var a = me.document.createElement('a'),text = me.document.createTextNode(' '),href;
+
+                            me.undoManger && me.undoManger.save();
+                            a.appendChild(range.extractContents());
+                            a.href = a.innerHTML = a.innerHTML.replace(/<[^>]+>/g,'');
+                            href = a.getAttribute("href").replace(new RegExp(domUtils.fillChar,'g'),'');
+                            href = /^(?:https?:\/\/)/ig.test(href) ? href : "http://"+ href;
+                            a.setAttribute('_src',utils.html(href));
+                            a.href = utils.html(href);
+
+                            range.insertNode(a);
+                            a.parentNode.insertBefore(text, a.nextSibling);
+                            range.setStart(text, 0);
+                            range.collapse(true);
+                            sel.removeAllRanges();
+                            sel.addRange(range);
+                            me.undoManger && me.undoManger.save();
+                        }
+                    }
+                }
+            }
+        }:{}
+    },function(){
+        var keyCodes = {
+            37:1, 38:1, 39:1, 40:1,
+            13:1,32:1
+        };
+        function checkIsCludeLink(node){
+            if(node.nodeType == 3){
+                return null
+            }
+            if(node.nodeName == 'A'){
+                return node;
+            }
+            var lastChild = node.lastChild;
+
+            while(lastChild){
+                if(lastChild.nodeName == 'A'){
+                    return lastChild;
+                }
+                if(lastChild.nodeType == 3){
+                    if(domUtils.isWhitespace(lastChild)){
+                        lastChild = lastChild.previousSibling;
+                        continue;
+                    }
+                    return null
+                }
+                lastChild = lastChild.lastChild;
+            }
+        }
+        browser.ie && this.addListener('keyup',function(cmd,evt){
+            var me = this,keyCode = evt.keyCode;
+            if(keyCodes[keyCode]){
+                var rng = me.selection.getRange();
+                var start = rng.startContainer;
+
+                if(keyCode == 13){
+                    while(start && !domUtils.isBody(start) && !domUtils.isBlockElm(start)){
+                        start = start.parentNode;
+                    }
+                    if(start && !domUtils.isBody(start) && start.nodeName == 'P'){
+                        var pre = start.previousSibling;
+                        if(pre && pre.nodeType == 1){
+                            var pre = checkIsCludeLink(pre);
+                            if(pre && !pre.getAttribute('_href')){
+                                domUtils.remove(pre,true);
+                            }
+                        }
+                    }
+                }else if(keyCode == 32 ){
+                    if(start.nodeType == 3 && /^\s$/.test(start.nodeValue)){
+                        start = start.previousSibling;
+                        if(start && start.nodeName == 'A' && !start.getAttribute('_href')){
+                            domUtils.remove(start,true);
+                        }
+                    }
+                }else {
+                    start = domUtils.findParentByTagName(start,'a',true);
+                    if(start && !start.getAttribute('_href')){
+                        var bk = rng.createBookmark();
+
+                        domUtils.remove(start,true);
+                        rng.moveToBookmark(bk).select(true)
+                    }
+                }
+
+            }
+
+
+        });
+    }
+);
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autosave.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autosave.js
new file mode 100644
index 000000000..cea38ee79
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autosave.js
@@ -0,0 +1,129 @@
+UE.plugin.register('autosave', function (){
+
+    var me = this,
+        //无限循环保护
+        lastSaveTime = new Date(),
+        //最小保存间隔时间
+        MIN_TIME = 20,
+        //auto save key
+        saveKey = null;
+
+    function save ( editor ) {
+
+        var saveData;
+
+        if ( new Date() - lastSaveTime < MIN_TIME ) {
+            return;
+        }
+
+        if ( !editor.hasContents() ) {
+            //这里不能调用命令来删除， 会造成事件死循环
+            saveKey && me.removePreferences( saveKey );
+            return;
+        }
+
+        lastSaveTime = new Date();
+
+        editor._saveFlag = null;
+
+        saveData = me.body.innerHTML;
+
+        if ( editor.fireEvent( "beforeautosave", {
+            content: saveData
+        } ) === false ) {
+            return;
+        }
+
+        me.setPreferences( saveKey, saveData );
+
+        editor.fireEvent( "afterautosave", {
+            content: saveData
+        } );
+
+    }
+
+    return {
+        defaultOptions: {
+            //默认间隔时间
+            saveInterval: 500
+        },
+        bindEvents:{
+            'ready':function(){
+
+                var _suffix = "-drafts-data",
+                    key = null;
+
+                if ( me.key ) {
+                    key = me.key + _suffix;
+                } else {
+                    key = ( me.container.parentNode.id || 'ue-common' ) + _suffix;
+                }
+
+                //页面地址+编辑器ID 保持唯一
+                saveKey = ( location.protocol + location.host + location.pathname ).replace( /[.:\/]/g, '_' ) + key;
+
+            },
+
+            'contentchange': function () {
+
+                if ( !saveKey ) {
+                    return;
+                }
+
+                if ( me._saveFlag ) {
+                    window.clearTimeout( me._saveFlag );
+                }
+
+                if ( me.options.saveInterval > 0 ) {
+
+                    me._saveFlag = window.setTimeout( function () {
+
+                        save( me );
+
+                    }, me.options.saveInterval );
+
+                } else {
+
+                    save(me);
+
+                }
+
+
+            }
+        },
+        commands:{
+            'clearlocaldata':{
+                execCommand:function (cmd, name) {
+                    if ( saveKey && me.getPreferences( saveKey ) ) {
+                        me.removePreferences( saveKey )
+                    }
+                },
+                notNeedUndo: true,
+                ignoreContentChange:true
+            },
+
+            'getlocaldata':{
+                execCommand:function (cmd, name) {
+                    return saveKey ? me.getPreferences( saveKey ) || '' : '';
+                },
+                notNeedUndo: true,
+                ignoreContentChange:true
+            },
+
+            'drafts':{
+                execCommand:function (cmd, name) {
+                    if ( saveKey ) {
+                        me.body.innerHTML = me.getPreferences( saveKey ) || '<p>'+domUtils.fillHtml+'</p>';
+                        me.focus(true);
+                    }
+                },
+                queryCommandState: function () {
+                    return saveKey ? ( me.getPreferences( saveKey ) === null ? -1 : 0 ) : -1;
+                },
+                notNeedUndo: true,
+                ignoreContentChange:true
+            }
+        }
+    }
+
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autosubmit.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autosubmit.js
new file mode 100644
index 000000000..a6b7a0faf
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autosubmit.js
@@ -0,0 +1,39 @@
+/**
+ * 快捷键提交
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 提交表单
+ * @command autosubmit
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'autosubmit' );
+ * ```
+ */
+
+UE.plugin.register('autosubmit',function(){
+    return {
+        shortcutkey:{
+            "autosubmit":"ctrl+13" //手动提交
+        },
+        commands:{
+            'autosubmit':{
+                execCommand:function () {
+                    var me=this,
+                        form = domUtils.findParentByTagName(me.iframe,"form", false);
+                    if (form){
+                        if(me.fireEvent("beforesubmit")===false){
+                            return;
+                        }
+                        me.sync();
+                        form.submit();
+                    }
+                }
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autotypeset.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autotypeset.js
new file mode 100644
index 000000000..76b0b72c3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autotypeset.js
@@ -0,0 +1,321 @@
+/**
+ * 自动排版
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 对当前编辑器的内容执行自动排版， 排版的行为根据config配置文件里的“autotypeset”选项进行控制。
+ * @command autotypeset
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'autotypeset' );
+ * ```
+ */
+
+UE.plugins['autotypeset'] = function(){
+
+    this.setOpt({'autotypeset': {
+        mergeEmptyline: true,           //合并空行
+        removeClass: true,              //去掉冗余的class
+        removeEmptyline: false,         //去掉空行
+        textAlign:"left",               //段落的排版方式，可以是 left,right,center,justify 去掉这个属性表示不执行排版
+        imageBlockLine: 'center',       //图片的浮动方式，独占一行剧中,左右浮动，默认: center,left,right,none 去掉这个属性表示不执行排版
+        pasteFilter: false,             //根据规则过滤没事粘贴进来的内容
+        clearFontSize: false,           //去掉所有的内嵌字号，使用编辑器默认的字号
+        clearFontFamily: false,         //去掉所有的内嵌字体，使用编辑器默认的字体
+        removeEmptyNode: false,         // 去掉空节点
+        //可以去掉的标签
+        removeTagNames: utils.extend({div:1},dtd.$removeEmpty),
+        indent: false,                  // 行首缩进
+        indentValue : '2em',            //行首缩进的大小
+        bdc2sb: false,
+        tobdc: false
+    }});
+
+    var me = this,
+        opt = me.options.autotypeset,
+        remainClass = {
+            'selectTdClass':1,
+            'pagebreak':1,
+            'anchorclass':1
+        },
+        remainTag = {
+            'li':1
+        },
+        tags = {
+            div:1,
+            p:1,
+            //trace:2183 这些也认为是行
+            blockquote:1,center:1,h1:1,h2:1,h3:1,h4:1,h5:1,h6:1,
+            span:1
+        },
+        highlightCont;
+    //升级了版本，但配置项目里没有autotypeset
+    if(!opt){
+        return;
+    }
+
+    readLocalOpts();
+
+    function isLine(node,notEmpty){
+        if(!node || node.nodeType == 3)
+            return 0;
+        if(domUtils.isBr(node))
+            return 1;
+        if(node && node.parentNode && tags[node.tagName.toLowerCase()]){
+            if(highlightCont && highlightCont.contains(node)
+                ||
+                node.getAttribute('pagebreak')
+            ){
+                return 0;
+            }
+
+            return notEmpty ? !domUtils.isEmptyBlock(node) : domUtils.isEmptyBlock(node,new RegExp('[\\s'+domUtils.fillChar
+                +']','g'));
+        }
+    }
+
+    function removeNotAttributeSpan(node){
+        if(!node.style.cssText){
+            domUtils.removeAttributes(node,['style']);
+            if(node.tagName.toLowerCase() == 'span' && domUtils.hasNoAttributes(node)){
+                domUtils.remove(node,true);
+            }
+        }
+    }
+    function autotype(type,html){
+
+        var me = this,cont;
+        if(html){
+            if(!opt.pasteFilter){
+                return;
+            }
+            cont = me.document.createElement('div');
+            cont.innerHTML = html.html;
+        }else{
+            cont = me.document.body;
+        }
+        var nodes = domUtils.getElementsByTagName(cont,'*');
+
+        // 行首缩进，段落方向，段间距，段内间距
+        for(var i=0,ci;ci=nodes[i++];){
+
+            if(me.fireEvent('excludeNodeinautotype',ci) === true){
+                continue;
+            }
+             //font-size
+            if(opt.clearFontSize && ci.style.fontSize){
+                domUtils.removeStyle(ci,'font-size');
+
+                removeNotAttributeSpan(ci);
+
+            }
+            //font-family
+            if(opt.clearFontFamily && ci.style.fontFamily){
+                domUtils.removeStyle(ci,'font-family');
+                removeNotAttributeSpan(ci);
+            }
+
+            if(isLine(ci)){
+                //合并空行
+                if(opt.mergeEmptyline ){
+                    var next = ci.nextSibling,tmpNode,isBr = domUtils.isBr(ci);
+                    while(isLine(next)){
+                        tmpNode = next;
+                        next = tmpNode.nextSibling;
+                        if(isBr && (!next || next && !domUtils.isBr(next))){
+                            break;
+                        }
+                        domUtils.remove(tmpNode);
+                    }
+
+                }
+                 //去掉空行，保留占位的空行
+                if(opt.removeEmptyline && domUtils.inDoc(ci,cont) && !remainTag[ci.parentNode.tagName.toLowerCase()] ){
+                    if(domUtils.isBr(ci)){
+                        next = ci.nextSibling;
+                        if(next && !domUtils.isBr(next)){
+                            continue;
+                        }
+                    }
+                    domUtils.remove(ci);
+                    continue;
+
+                }
+
+            }
+            if(isLine(ci,true) && ci.tagName != 'SPAN'){
+                if(opt.indent){
+                    ci.style.textIndent = opt.indentValue;
+                }
+                if(opt.textAlign){
+                    ci.style.textAlign = opt.textAlign;
+                }
+                // if(opt.lineHeight)
+                //     ci.style.lineHeight = opt.lineHeight + 'cm';
+
+            }
+
+            //去掉class,保留的class不去掉
+            if(opt.removeClass && ci.className && !remainClass[ci.className.toLowerCase()]){
+
+                if(highlightCont && highlightCont.contains(ci)){
+                     continue;
+                }
+                domUtils.removeAttributes(ci,['class']);
+            }
+
+            //表情不处理
+            if(opt.imageBlockLine && ci.tagName.toLowerCase() == 'img' && !ci.getAttribute('emotion')){
+                if(html){
+                    var img = ci;
+                    switch (opt.imageBlockLine){
+                        case 'left':
+                        case 'right':
+                        case 'none':
+                            var pN = img.parentNode,tmpNode,pre,next;
+                            while(dtd.$inline[pN.tagName] || pN.tagName == 'A'){
+                                pN = pN.parentNode;
+                            }
+                            tmpNode = pN;
+                            if(tmpNode.tagName == 'P' && domUtils.getStyle(tmpNode,'text-align') == 'center'){
+                                if(!domUtils.isBody(tmpNode) && domUtils.getChildCount(tmpNode,function(node){return !domUtils.isBr(node) && !domUtils.isWhitespace(node)}) == 1){
+                                    pre = tmpNode.previousSibling;
+                                    next = tmpNode.nextSibling;
+                                    if(pre && next && pre.nodeType == 1 &&  next.nodeType == 1 && pre.tagName == next.tagName && domUtils.isBlockElm(pre)){
+                                        pre.appendChild(tmpNode.firstChild);
+                                        while(next.firstChild){
+                                            pre.appendChild(next.firstChild);
+                                        }
+                                        domUtils.remove(tmpNode);
+                                        domUtils.remove(next);
+                                    }else{
+                                        domUtils.setStyle(tmpNode,'text-align','');
+                                    }
+
+
+                                }
+
+
+                            }
+                            domUtils.setStyle(img,'float', opt.imageBlockLine);
+                            break;
+                        case 'center':
+                            if(me.queryCommandValue('imagefloat') != 'center'){
+                                pN = img.parentNode;
+                                domUtils.setStyle(img,'float','none');
+                                tmpNode = img;
+                                while(pN && domUtils.getChildCount(pN,function(node){return !domUtils.isBr(node) && !domUtils.isWhitespace(node)}) == 1
+                                    && (dtd.$inline[pN.tagName] || pN.tagName == 'A')){
+                                    tmpNode = pN;
+                                    pN = pN.parentNode;
+                                }
+                                var pNode = me.document.createElement('p');
+                                domUtils.setAttributes(pNode,{
+
+                                    style:'text-align:center'
+                                });
+                                tmpNode.parentNode.insertBefore(pNode,tmpNode);
+                                pNode.appendChild(tmpNode);
+                                domUtils.setStyle(tmpNode,'float','');
+
+                            }
+
+
+                    }
+                } else {
+                    var range = me.selection.getRange();
+                    range.selectNode(ci).select();
+                    me.execCommand('imagefloat', opt.imageBlockLine);
+                }
+
+            }
+
+            //去掉冗余的标签
+            if(opt.removeEmptyNode){
+                if(opt.removeTagNames[ci.tagName.toLowerCase()] && domUtils.hasNoAttributes(ci) && domUtils.isEmptyBlock(ci)){
+                    domUtils.remove(ci);
+                }
+            }
+        }
+        if(opt.tobdc){
+            var root = UE.htmlparser(cont.innerHTML);
+            root.traversal(function(node){
+                if(node.type == 'text'){
+                    node.data = ToDBC(node.data)
+                }
+            });
+            cont.innerHTML = root.toHtml()
+        }
+        if(opt.bdc2sb){
+            var root = UE.htmlparser(cont.innerHTML);
+            root.traversal(function(node){
+                if(node.type == 'text'){
+                    node.data = DBC2SB(node.data)
+                }
+            });
+            cont.innerHTML = root.toHtml()
+        }
+        if(html){
+            html.html = cont.innerHTML;
+        }
+    }
+    if(opt.pasteFilter){
+        me.addListener('beforepaste',autotype);
+    }
+
+    function DBC2SB(str) {
+        var result = '';
+        for (var i = 0; i < str.length; i++) {
+            var code = str.charCodeAt(i); //获取当前字符的unicode编码
+            if (code >= 65281 && code <= 65373)//在这个unicode编码范围中的是所有的英文字母已经各种字符
+            {
+                result += String.fromCharCode(str.charCodeAt(i) - 65248); //把全角字符的unicode编码转换为对应半角字符的unicode码
+            } else if (code == 12288)//空格
+            {
+                result += String.fromCharCode(str.charCodeAt(i) - 12288 + 32);
+            } else {
+                result += str.charAt(i);
+            }
+        }
+        return result;
+    }
+    function ToDBC(txtstring) {
+        txtstring = utils.html(txtstring);
+        var tmp = "";
+        var mark = "";/*用于判断,如果是html尖括里的标记,则不进行全角的转换*/
+        for (var i = 0; i < txtstring.length; i++) {
+            if (txtstring.charCodeAt(i) == 32) {
+                tmp = tmp + String.fromCharCode(12288);
+            }
+            else if (txtstring.charCodeAt(i) < 127) {
+                tmp = tmp + String.fromCharCode(txtstring.charCodeAt(i) + 65248);
+            }
+            else {
+                tmp += txtstring.charAt(i);
+            }
+        }
+        return tmp;
+    }
+
+    function readLocalOpts() {
+        var cookieOpt = me.getPreferences('autotypeset');
+        utils.extend(me.options.autotypeset, cookieOpt);
+    }
+
+    me.commands['autotypeset'] = {
+        execCommand:function () {
+            me.removeListener('beforepaste',autotype);
+            if(opt.pasteFilter){
+                me.addListener('beforepaste',autotype);
+            }
+            autotype.call(me)
+        }
+
+    };
+
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autoupload.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autoupload.js
new file mode 100644
index 000000000..75d5169b5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/autoupload.js
@@ -0,0 +1,179 @@
+/**
+ * @description
+ * 1.拖放文件到编辑区域，自动上传并插入到选区
+ * 2.插入粘贴板的图片，自动上传并插入到选区
+ * @author Jinqn
+ * @date 2013-10-14
+ */
+UE.plugin.register('autoupload', function (){
+
+    function sendAndInsertFile(file, editor) {
+        var me  = editor;
+        //模拟数据
+        var fieldName, urlPrefix, maxSize, allowFiles, actionUrl,
+            loadingHtml, errorHandler, successHandler,
+            filetype = /image\/\w+/i.test(file.type) ? 'image':'file',
+            loadingId = 'loading_' + (+new Date()).toString(36);
+
+        fieldName = me.getOpt(filetype + 'FieldName');
+        urlPrefix = me.getOpt(filetype + 'UrlPrefix');
+        maxSize = me.getOpt(filetype + 'MaxSize');
+        allowFiles = me.getOpt(filetype + 'AllowFiles');
+        actionUrl = me.getActionUrl(me.getOpt(filetype + 'ActionName'));
+        errorHandler = function(title) {
+            var loader = me.document.getElementById(loadingId);
+            loader && domUtils.remove(loader);
+            me.fireEvent('showmessage', {
+                'id': loadingId,
+                'content': title,
+                'type': 'error',
+                'timeout': 4000
+            });
+        };
+
+        if (filetype == 'image') {
+            loadingHtml = '<img class="loadingclass" id="' + loadingId + '" src="' +
+                me.options.themePath + me.options.theme +
+                '/images/spacer.gif" title="' + (me.getLang('autoupload.loading') || '') + '" >';
+            successHandler = function(data) {
+                var link = urlPrefix + data.url,
+                    loader = me.document.getElementById(loadingId);
+                if (loader) {
+                    loader.setAttribute('src', link);
+                    loader.setAttribute('_src', link);
+                    loader.setAttribute('title', data.title || '');
+                    loader.setAttribute('alt', data.original || '');
+                    loader.removeAttribute('id');
+                    domUtils.removeClasses(loader, 'loadingclass');
+                }
+            };
+        } else {
+            loadingHtml = '<p>' +
+                '<img class="loadingclass" id="' + loadingId + '" src="' +
+                me.options.themePath + me.options.theme +
+                '/images/spacer.gif" title="' + (me.getLang('autoupload.loading') || '') + '" >' +
+                '</p>';
+            successHandler = function(data) {
+                var link = urlPrefix + data.url,
+                    loader = me.document.getElementById(loadingId);
+
+                var rng = me.selection.getRange(),
+                    bk = rng.createBookmark();
+                rng.selectNode(loader).select();
+                me.execCommand('insertfile', {'url': link});
+                rng.moveToBookmark(bk).select();
+            };
+        }
+
+        /* 插入loading的占位符 */
+        me.execCommand('inserthtml', loadingHtml);
+
+        /* 判断后端配置是否没有加载成功 */
+        if (!me.getOpt(filetype + 'ActionName')) {
+            errorHandler(me.getLang('autoupload.errorLoadConfig'));
+            return;
+        }
+        /* 判断文件大小是否超出限制 */
+        if(file.size > maxSize) {
+            errorHandler(me.getLang('autoupload.exceedSizeError'));
+            return;
+        }
+        /* 判断文件格式是否超出允许 */
+        var fileext = file.name ? file.name.substr(file.name.lastIndexOf('.')):'';
+        if ((fileext && filetype != 'image') || (allowFiles && (allowFiles.join('') + '.').indexOf(fileext.toLowerCase() + '.') == -1)) {
+            errorHandler(me.getLang('autoupload.exceedTypeError'));
+            return;
+        }
+
+        /* 创建Ajax并提交 */
+        var xhr = new XMLHttpRequest(),
+            fd = new FormData(),
+            params = utils.serializeParam(me.queryCommandValue('serverparam')) || '',
+            url = utils.formatUrl(actionUrl + (actionUrl.indexOf('?') == -1 ? '?':'&') + params);
+
+        fd.append(fieldName, file, file.name || ('blob.' + file.type.substr('image/'.length)));
+        fd.append('type', 'ajax');
+        xhr.open("post", url, true);
+        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
+        xhr.addEventListener('load', function (e) {
+            try{
+                var json = (new Function("return " + utils.trim(e.target.response)))();
+                if (json.state == 'SUCCESS' && json.url) {
+                    successHandler(json);
+                } else {
+                    errorHandler(json.state);
+                }
+            }catch(er){
+                errorHandler(me.getLang('autoupload.loadError'));
+            }
+        });
+        xhr.send(fd);
+    }
+
+    function getPasteImage(e){
+        return e.clipboardData && e.clipboardData.items && e.clipboardData.items.length == 1 && /^image\//.test(e.clipboardData.items[0].type) ? e.clipboardData.items:null;
+    }
+    function getDropImage(e){
+        return  e.dataTransfer && e.dataTransfer.files ? e.dataTransfer.files:null;
+    }
+
+    return {
+        outputRule: function(root){
+            utils.each(root.getNodesByTagName('img'),function(n){
+                if (/\b(loaderrorclass)|(bloaderrorclass)\b/.test(n.getAttr('class'))) {
+                    n.parentNode.removeChild(n);
+                }
+            });
+            utils.each(root.getNodesByTagName('p'),function(n){
+                if (/\bloadpara\b/.test(n.getAttr('class'))) {
+                    n.parentNode.removeChild(n);
+                }
+            });
+        },
+        bindEvents:{
+            //插入粘贴板的图片，拖放插入图片
+            'ready':function(e){
+                var me = this;
+                if(window.FormData && window.FileReader) {
+                    domUtils.on(me.body, 'paste drop', function(e){
+                        var hasImg = false,
+                            items;
+                        //获取粘贴板文件列表或者拖放文件列表
+                        items = e.type == 'paste' ? getPasteImage(e):getDropImage(e);
+                        if(items){
+                            var len = items.length,
+                                file;
+                            while (len--){
+                                file = items[len];
+                                if(file.getAsFile) file = file.getAsFile();
+                                if(file && file.size > 0) {
+                                    sendAndInsertFile(file, me);
+                                    hasImg = true;
+                                }
+                            }
+                            hasImg && e.preventDefault();
+                        }
+
+                    });
+                    //取消拖放图片时出现的文字光标位置提示
+                    domUtils.on(me.body, 'dragover', function (e) {
+                        if(e.dataTransfer.types[0] == 'Files') {
+                            e.preventDefault();
+                        }
+                    });
+
+                    //设置loading的样式
+                    utils.cssRule('loading',
+                        '.loadingclass{display:inline-block;cursor:default;background: url(\''
+                            + this.options.themePath
+                            + this.options.theme +'/images/loading.gif\') no-repeat center center transparent;border:1px solid #cccccc;margin-left:1px;height: 22px;width: 22px;}\n' +
+                            '.loaderrorclass{display:inline-block;cursor:default;background: url(\''
+                            + this.options.themePath
+                            + this.options.theme +'/images/loaderror.png\') no-repeat center center transparent;border:1px solid #cccccc;margin-right:1px;height: 22px;width: 22px;' +
+                            '}',
+                        this.document);
+                }
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/background.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/background.js
new file mode 100644
index 000000000..92b41801c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/background.js
@@ -0,0 +1,107 @@
+/**
+ * 背景插件，为UEditor提供设置背景功能
+ * @file
+ * @since 1.2.6.1
+ */
+UE.plugin.register('background', function () {
+    var me = this,
+        cssRuleId = 'editor_background',
+        isSetColored,
+        reg = new RegExp('body[\\s]*\\{(.+)\\}', 'i');
+
+    function stringToObj(str) {
+        var obj = {}, styles = str.split(';');
+        utils.each(styles, function (v) {
+            var index = v.indexOf(':'),
+                key = utils.trim(v.substr(0, index)).toLowerCase();
+            key && (obj[key] = utils.trim(v.substr(index + 1) || ''));
+        });
+        return obj;
+    }
+
+    function setBackground(obj) {
+        if (obj) {
+            var styles = [];
+            for (var name in obj) {
+                if (obj.hasOwnProperty(name)) {
+                    styles.push(name + ":" + obj[name] + '; ');
+                }
+            }
+            utils.cssRule(cssRuleId, styles.length ? ('body{' + styles.join("") + '}') : '', me.document);
+        } else {
+            utils.cssRule(cssRuleId, '', me.document)
+        }
+    }
+    //重写editor.hasContent方法
+
+    var orgFn = me.hasContents;
+    me.hasContents = function(){
+        if(me.queryCommandValue('background')){
+            return true
+        }
+        return orgFn.apply(me,arguments);
+    };
+    return {
+        bindEvents: {
+            'getAllHtml': function (type, headHtml) {
+                var body = this.body,
+                    su = domUtils.getComputedStyle(body, "background-image"),
+                    url = "";
+                if (su.indexOf(me.options.imagePath) > 0) {
+                    url = su.substring(su.indexOf(me.options.imagePath), su.length - 1).replace(/"|\(|\)/ig, "");
+                } else {
+                    url = su != "none" ? su.replace(/url\("?|"?\)/ig, "") : "";
+                }
+                var html = '<style type="text/css">body{';
+                var bgObj = {
+                    "background-color": domUtils.getComputedStyle(body, "background-color") || "#ffffff",
+                    'background-image': url ? 'url(' + url + ')' : '',
+                    'background-repeat': domUtils.getComputedStyle(body, "background-repeat") || "",
+                    'background-position': browser.ie ? (domUtils.getComputedStyle(body, "background-position-x") + " " + domUtils.getComputedStyle(body, "background-position-y")) : domUtils.getComputedStyle(body, "background-position"),
+                    'height': domUtils.getComputedStyle(body, "height")
+                };
+                for (var name in bgObj) {
+                    if (bgObj.hasOwnProperty(name)) {
+                        html += name + ":" + bgObj[name] + "; ";
+                    }
+                }
+                html += '}</style> ';
+                headHtml.push(html);
+            },
+            'aftersetcontent': function () {
+                if(isSetColored == false) setBackground();
+            }
+        },
+        inputRule: function (root) {
+            isSetColored = false;
+            utils.each(root.getNodesByTagName('p'), function (p) {
+                var styles = p.getAttr('data-background');
+                if (styles) {
+                    isSetColored = true;
+                    setBackground(stringToObj(styles));
+                    p.parentNode.removeChild(p);
+                }
+            })
+        },
+        outputRule: function (root) {
+            var me = this,
+                styles = (utils.cssRule(cssRuleId, me.document) || '').replace(/[\n\r]+/g, '').match(reg);
+            if (styles) {
+                root.appendChild(UE.uNode.createElement('<p style="display:none;" data-background="' + utils.trim(styles[1].replace(/"/g, '').replace(/[\s]+/g, ' ')) + '"><br/></p>'));
+            }
+        },
+        commands: {
+            'background': {
+                execCommand: function (cmd, obj) {
+                    setBackground(obj);
+                },
+                queryCommandValue: function () {
+                    var me = this,
+                        styles = (utils.cssRule(cssRuleId, me.document) || '').replace(/[\n\r]+/g, '').match(reg);
+                    return styles ? stringToObj(styles[1]) : null;
+                },
+                notNeedUndo: true
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/basestyle.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/basestyle.js
new file mode 100644
index 000000000..78499dc76
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/basestyle.js
@@ -0,0 +1,148 @@
+/**
+ * B、I、sub、super命令支持
+ * @file
+ * @since 1.2.6.1
+ */
+
+UE.plugins['basestyle'] = function(){
+
+    /**
+     * 字体加粗
+     * @command bold
+     * @param { String } cmd 命令字符串
+     * @remind 对已加粗的文本内容执行该命令， 将取消加粗
+     * @method execCommand
+     * @example
+     * ```javascript
+     * //editor是编辑器实例
+     * //对当前选中的文本内容执行加粗操作
+     * //第一次执行， 文本内容加粗
+     * editor.execCommand( 'bold' );
+     *
+     * //第二次执行， 文本内容取消加粗
+     * editor.execCommand( 'bold' );
+     * ```
+     */
+
+
+    /**
+     * 字体倾斜
+     * @command italic
+     * @method execCommand
+     * @param { String } cmd 命令字符串
+     * @remind 对已倾斜的文本内容执行该命令， 将取消倾斜
+     * @example
+     * ```javascript
+     * //editor是编辑器实例
+     * //对当前选中的文本内容执行斜体操作
+     * //第一次操作， 文本内容将变成斜体
+     * editor.execCommand( 'italic' );
+     *
+     * //再次对同一文本内容执行， 则文本内容将恢复正常
+     * editor.execCommand( 'italic' );
+     * ```
+     */
+
+    /**
+     * 下标文本，与“superscript”命令互斥
+     * @command subscript
+     * @method execCommand
+     * @remind  把选中的文本内容切换成下标文本， 如果当前选中的文本已经是下标， 则该操作会把文本内容还原成正常文本
+     * @param { String } cmd 命令字符串
+     * @example
+     * ```javascript
+     * //editor是编辑器实例
+     * //对当前选中的文本内容执行下标操作
+     * //第一次操作， 文本内容将变成下标文本
+     * editor.execCommand( 'subscript' );
+     *
+     * //再次对同一文本内容执行， 则文本内容将恢复正常
+     * editor.execCommand( 'subscript' );
+     * ```
+     */
+
+    /**
+     * 上标文本，与“subscript”命令互斥
+     * @command superscript
+     * @method execCommand
+     * @remind 把选中的文本内容切换成上标文本， 如果当前选中的文本已经是上标， 则该操作会把文本内容还原成正常文本
+     * @param { String } cmd 命令字符串
+     * @example
+     * ```javascript
+     * //editor是编辑器实例
+     * //对当前选中的文本内容执行上标操作
+     * //第一次操作， 文本内容将变成上标文本
+     * editor.execCommand( 'superscript' );
+     *
+     * //再次对同一文本内容执行， 则文本内容将恢复正常
+     * editor.execCommand( 'superscript' );
+     * ```
+     */
+    var basestyles = {
+            'bold':['strong','b'],
+            'italic':['em','i'],
+            'subscript':['sub'],
+            'superscript':['sup']
+        },
+        getObj = function(editor,tagNames){
+            return domUtils.filterNodeList(editor.selection.getStartElementPath(),tagNames);
+        },
+        me = this;
+    //添加快捷键
+    me.addshortcutkey({
+        "Bold" : "ctrl+66",//^B
+        "Italic" : "ctrl+73", //^I
+        "Underline" : "ctrl+85"//^U
+    });
+    me.addInputRule(function(root){
+        utils.each(root.getNodesByTagName('b i'),function(node){
+            switch (node.tagName){
+                case 'b':
+                    node.tagName = 'strong';
+                    break;
+                case 'i':
+                    node.tagName = 'em';
+            }
+        });
+    });
+    for ( var style in basestyles ) {
+        (function( cmd, tagNames ) {
+            me.commands[cmd] = {
+                execCommand : function( cmdName ) {
+                    var range = me.selection.getRange(),obj = getObj(this,tagNames);
+                    if ( range.collapsed ) {
+                        if ( obj ) {
+                            var tmpText =  me.document.createTextNode('');
+                            range.insertNode( tmpText ).removeInlineStyle( tagNames );
+                            range.setStartBefore(tmpText);
+                            domUtils.remove(tmpText);
+                        } else {
+                            var tmpNode = range.document.createElement( tagNames[0] );
+                            if(cmdName == 'superscript' || cmdName == 'subscript'){
+                                tmpText = me.document.createTextNode('');
+                                range.insertNode(tmpText)
+                                    .removeInlineStyle(['sub','sup'])
+                                    .setStartBefore(tmpText)
+                                    .collapse(true);
+                            }
+                            range.insertNode( tmpNode ).setStart( tmpNode, 0 );
+                        }
+                        range.collapse( true );
+                    } else {
+                        if(cmdName == 'superscript' || cmdName == 'subscript'){
+                            if(!obj || obj.tagName.toLowerCase() != cmdName){
+                                range.removeInlineStyle(['sub','sup']);
+                            }
+                        }
+                        obj ? range.removeInlineStyle( tagNames ) : range.applyInlineStyle( tagNames[0] );
+                    }
+                    range.select();
+                },
+                queryCommandState : function() {
+                   return getObj(this,tagNames) ? 1 : 0;
+                }
+            };
+        })( style, basestyles[style] );
+    }
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/blockquote.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/blockquote.js
new file mode 100644
index 000000000..9f71f9e17
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/blockquote.js
@@ -0,0 +1,172 @@
+/**
+ * 添加引用
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 添加引用
+ * @command blockquote
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'blockquote' );
+ * ```
+ */
+
+/**
+ * 添加引用
+ * @command blockquote
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param { Object } attrs 节点属性
+ * @example
+ * ```javascript
+ * editor.execCommand( 'blockquote',{
+ *     style: "color: red;"
+ * } );
+ * ```
+ */
+
+
+UE.plugins['blockquote'] = function(){
+    var me = this;
+    function getObj(editor){
+        return domUtils.filterNodeList(editor.selection.getStartElementPath(),'blockquote');
+    }
+    me.commands['blockquote'] = {
+        execCommand : function( cmdName, attrs ) {
+            var range = this.selection.getRange(),
+                obj = getObj(this),
+                blockquote = dtd.blockquote,
+                bookmark = range.createBookmark();
+
+            if ( obj ) {
+
+                    var start = range.startContainer,
+                        startBlock = domUtils.isBlockElm(start) ? start : domUtils.findParent(start,function(node){return domUtils.isBlockElm(node)}),
+
+                        end = range.endContainer,
+                        endBlock = domUtils.isBlockElm(end) ? end :  domUtils.findParent(end,function(node){return domUtils.isBlockElm(node)});
+
+                    //处理一下li
+                    startBlock = domUtils.findParentByTagName(startBlock,'li',true) || startBlock;
+                    endBlock = domUtils.findParentByTagName(endBlock,'li',true) || endBlock;
+
+
+                    if(startBlock.tagName == 'LI' || startBlock.tagName == 'TD' || startBlock === obj || domUtils.isBody(startBlock)){
+                        domUtils.remove(obj,true);
+                    }else{
+                        domUtils.breakParent(startBlock,obj);
+                    }
+
+                    if(startBlock !== endBlock){
+                        obj = domUtils.findParentByTagName(endBlock,'blockquote');
+                        if(obj){
+                            if(endBlock.tagName == 'LI' || endBlock.tagName == 'TD'|| domUtils.isBody(endBlock)){
+                                obj.parentNode && domUtils.remove(obj,true);
+                            }else{
+                                domUtils.breakParent(endBlock,obj);
+                            }
+
+                        }
+                    }
+
+                    var blockquotes = domUtils.getElementsByTagName(this.document,'blockquote');
+                    for(var i=0,bi;bi=blockquotes[i++];){
+                        if(!bi.childNodes.length){
+                            domUtils.remove(bi);
+                        }else if(domUtils.getPosition(bi,startBlock)&domUtils.POSITION_FOLLOWING && domUtils.getPosition(bi,endBlock)&domUtils.POSITION_PRECEDING){
+                            domUtils.remove(bi,true);
+                        }
+                    }
+
+
+
+
+            } else {
+
+                var tmpRange = range.cloneRange(),
+                    node = tmpRange.startContainer.nodeType == 1 ? tmpRange.startContainer : tmpRange.startContainer.parentNode,
+                    preNode = node,
+                    doEnd = 1;
+
+                //调整开始
+                while ( 1 ) {
+                    if ( domUtils.isBody(node) ) {
+                        if ( preNode !== node ) {
+                            if ( range.collapsed ) {
+                                tmpRange.selectNode( preNode );
+                                doEnd = 0;
+                            } else {
+                                tmpRange.setStartBefore( preNode );
+                            }
+                        }else{
+                            tmpRange.setStart(node,0);
+                        }
+
+                        break;
+                    }
+                    if ( !blockquote[node.tagName] ) {
+                        if ( range.collapsed ) {
+                            tmpRange.selectNode( preNode );
+                        } else{
+                            tmpRange.setStartBefore( preNode);
+                        }
+                        break;
+                    }
+
+                    preNode = node;
+                    node = node.parentNode;
+                }
+
+                //调整结束
+                if ( doEnd ) {
+                    preNode = node =  node = tmpRange.endContainer.nodeType == 1 ? tmpRange.endContainer : tmpRange.endContainer.parentNode;
+                    while ( 1 ) {
+
+                        if ( domUtils.isBody( node ) ) {
+                            if ( preNode !== node ) {
+
+                                tmpRange.setEndAfter( preNode );
+
+                            } else {
+                                tmpRange.setEnd( node, node.childNodes.length );
+                            }
+
+                            break;
+                        }
+                        if ( !blockquote[node.tagName] ) {
+                            tmpRange.setEndAfter( preNode );
+                            break;
+                        }
+
+                        preNode = node;
+                        node = node.parentNode;
+                    }
+
+                }
+
+
+                node = range.document.createElement( 'blockquote' );
+                domUtils.setAttributes( node, attrs );
+                node.appendChild( tmpRange.extractContents() );
+                tmpRange.insertNode( node );
+                //去除重复的
+                var childs = domUtils.getElementsByTagName(node,'blockquote');
+                for(var i=0,ci;ci=childs[i++];){
+                    if(ci.parentNode){
+                        domUtils.remove(ci,true);
+                    }
+                }
+
+            }
+            range.moveToBookmark( bookmark ).select();
+        },
+        queryCommandState : function() {
+            return getObj(this) ? 1 : 0;
+        }
+    };
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/catchremoteimage.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/catchremoteimage.js
new file mode 100644
index 000000000..5b32930dd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/catchremoteimage.js
@@ -0,0 +1,106 @@
+///import core
+///commands 远程图片抓取
+///commandsName  catchRemoteImage,catchremoteimageenable
+///commandsTitle  远程图片抓取
+/**
+ * 远程图片抓取,当开启本插件时所有不符合本地域名的图片都将被抓取成为本地服务器上的图片
+ */
+UE.plugins['catchremoteimage'] = function () {
+    var me = this,
+        ajax = UE.ajax;
+
+    /* 设置默认值 */
+    if (me.options.catchRemoteImageEnable === false) return;
+    me.setOpt({
+        catchRemoteImageEnable: false
+    });
+
+    me.addListener("afterpaste", function () {
+        me.fireEvent("catchRemoteImage");
+    });
+
+    me.addListener("catchRemoteImage", function () {
+
+        var catcherLocalDomain = me.getOpt('catcherLocalDomain'),
+            catcherActionUrl = me.getActionUrl(me.getOpt('catcherActionName')),
+            catcherUrlPrefix = me.getOpt('catcherUrlPrefix'),
+            catcherFieldName = me.getOpt('catcherFieldName');
+
+        var remoteImages = [],
+            imgs = domUtils.getElementsByTagName(me.document, "img"),
+            test = function (src, urls) {
+                if (src.indexOf(location.host) != -1 || /(^\.)|(^\/)/.test(src)) {
+                    return true;
+                }
+                if (urls) {
+                    for (var j = 0, url; url = urls[j++];) {
+                        if (src.indexOf(url) !== -1) {
+                            return true;
+                        }
+                    }
+                }
+                return false;
+            };
+
+        for (var i = 0, ci; ci = imgs[i++];) {
+            if (ci.getAttribute("word_img")) {
+                continue;
+            }
+            var src = ci.getAttribute("_src") || ci.src || "";
+            if (/^(https?|ftp):/i.test(src) && !test(src, catcherLocalDomain)) {
+                remoteImages.push(src);
+            }
+        }
+
+        if (remoteImages.length) {
+            catchremoteimage(remoteImages, {
+                //成功抓取
+                success: function (r) {
+                    try {
+                        var info = r.state !== undefined ? r:eval("(" + r.responseText + ")");
+                    } catch (e) {
+                        return;
+                    }
+
+                    /* 获取源路径和新路径 */
+                    var i, j, ci, cj, oldSrc, newSrc, list = info.list;
+
+                    for (i = 0; ci = imgs[i++];) {
+                        oldSrc = ci.getAttribute("_src") || ci.src || "";
+                        for (j = 0; cj = list[j++];) {
+                            if (oldSrc == cj.source && cj.state == "SUCCESS") {  //抓取失败时不做替换处理
+                                newSrc = catcherUrlPrefix + cj.url;
+                                domUtils.setAttributes(ci, {
+                                    "src": newSrc,
+                                    "_src": newSrc
+                                });
+                                break;
+                            }
+                        }
+                    }
+                    me.fireEvent('catchremotesuccess')
+                },
+                //回调失败，本次请求超时
+                error: function () {
+                    me.fireEvent("catchremoteerror");
+                }
+            });
+        }
+
+        function catchremoteimage(imgs, callbacks) {
+            var params = utils.serializeParam(me.queryCommandValue('serverparam')) || '',
+                url = utils.formatUrl(catcherActionUrl + (catcherActionUrl.indexOf('?') == -1 ? '?':'&') + params),
+                isJsonp = utils.isCrossDomainUrl(url),
+                opt = {
+                    'method': 'POST',
+                    'dataType': isJsonp ? 'jsonp':'',
+                    'timeout': 60000, //单位：毫秒，回调请求超时设置。目标用户如果网速不是很快的话此处建议设置一个较大的数值
+                    'onsuccess': callbacks["success"],
+                    'onerror': callbacks["error"]
+                };
+            opt[catcherFieldName] = imgs;
+            ajax.request(url, opt);
+        }
+
+    });
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/charts.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/charts.js
new file mode 100644
index 000000000..562ee436d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/charts.js
@@ -0,0 +1,142 @@
+UE.plugin.register('charts', function (){
+
+    var me = this;
+
+    return {
+        bindEvents: {
+            'chartserror': function () {
+            }
+        },
+        commands:{
+            'charts': {
+                execCommand: function ( cmd, data ) {
+
+                    var tableNode = domUtils.findParentByTagName(this.selection.getRange().startContainer, 'table', true),
+                        flagText = [],
+                        config = {};
+
+                    if ( !tableNode ) {
+                        return false;
+                    }
+
+                    if ( !validData( tableNode ) ) {
+                        me.fireEvent( "chartserror" );
+                        return false;
+                    }
+
+                    config.title = data.title || '';
+                    config.subTitle = data.subTitle || '';
+                    config.xTitle = data.xTitle || '';
+                    config.yTitle = data.yTitle || '';
+                    config.suffix = data.suffix || '';
+                    config.tip = data.tip || '';
+                    //数据对齐方式
+                    config.dataFormat = data.tableDataFormat || '';
+                    //图表类型
+                    config.chartType = data.chartType || 0;
+
+                    for ( var key in config ) {
+
+                        if ( !config.hasOwnProperty( key ) ) {
+                            continue;
+                        }
+
+                        flagText.push( key+":"+config[ key ] );
+
+                    }
+
+                    tableNode.setAttribute( "data-chart", flagText.join( ";" ) );
+                    domUtils.addClass( tableNode, "edui-charts-table" );
+
+
+
+                },
+                queryCommandState: function ( cmd, name ) {
+
+                    var tableNode = domUtils.findParentByTagName(this.selection.getRange().startContainer, 'table', true);
+                    return tableNode && validData( tableNode ) ? 0 : -1;
+
+                }
+            }
+        },
+        inputRule:function(root){
+            utils.each(root.getNodesByTagName('table'),function( tableNode ){
+
+                if ( tableNode.getAttr("data-chart") !== undefined ) {
+                    tableNode.setAttr("style");
+                }
+
+            })
+
+        },
+        outputRule:function(root){
+            utils.each(root.getNodesByTagName('table'),function( tableNode ){
+
+                if ( tableNode.getAttr("data-chart") !== undefined ) {
+                    tableNode.setAttr("style", "display: none;");
+                }
+
+            })
+
+        }
+    }
+
+    function validData ( table ) {
+
+        var firstRows = null,
+            cellCount = 0;
+
+        //行数不够
+        if ( table.rows.length < 2 ) {
+            return false;
+        }
+
+        //列数不够
+        if ( table.rows[0].cells.length < 2 ) {
+            return false;
+        }
+
+        //第一行所有cell必须是th
+        firstRows = table.rows[ 0 ].cells;
+        cellCount = firstRows.length;
+
+        for ( var i = 0, cell; cell = firstRows[ i ]; i++ ) {
+
+            if ( cell.tagName.toLowerCase() !== 'th' ) {
+                return false;
+            }
+
+        }
+
+        for ( var i = 1, row; row = table.rows[ i ]; i++ ) {
+
+            //每行单元格数不匹配， 返回false
+            if ( row.cells.length != cellCount ) {
+                return false;
+            }
+
+            //第一列不是th也返回false
+            if ( row.cells[0].tagName.toLowerCase() !== 'th' ) {
+                return false;
+            }
+
+            for ( var j = 1, cell; cell = row.cells[ j ]; j++ ) {
+
+                var value = utils.trim( ( cell.innerText || cell.textContent || '' ) );
+
+                value = value.replace( new RegExp( UE.dom.domUtils.fillChar, 'g' ), '' ).replace( /^\s+|\s+$/g, '' );
+
+                //必须是数字
+                if ( !/^\d*\.?\d+$/.test( value ) ) {
+                    return false;
+                }
+
+            }
+
+        }
+
+        return true;
+
+    }
+
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/cleardoc.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/cleardoc.js
new file mode 100644
index 000000000..8daebe8ca
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/cleardoc.js
@@ -0,0 +1,37 @@
+/**
+ * 清空文档插件
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 清空文档
+ * @command cleardoc
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * //editor 是编辑器实例
+ * editor.execCommand('cleardoc');
+ * ```
+ */
+
+UE.commands['cleardoc'] = {
+    execCommand : function( cmdName) {
+        var me = this,
+            enterTag = me.options.enterTag,
+            range = me.selection.getRange();
+        if(enterTag == "br"){
+            me.body.innerHTML = "<br/>";
+            range.setStart(me.body,0).setCursor();
+        }else{
+            me.body.innerHTML = "<p>"+(ie ? "" : "<br/>")+"</p>";
+            range.setStart(me.body.firstChild,0).setCursor(false,true);
+        }
+        setTimeout(function(){
+            me.fireEvent("clearDoc");
+        },0);
+
+    }
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/contextmenu.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/contextmenu.js
new file mode 100644
index 000000000..0ddd9c7ad
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/contextmenu.js
@@ -0,0 +1,496 @@
+///import core
+///commands 右键菜单
+///commandsName  ContextMenu
+///commandsTitle  右键菜单
+/**
+ * 右键菜单
+ * @function
+ * @name baidu.editor.plugins.contextmenu
+ * @author zhanyi
+ */
+
+UE.plugins['contextmenu'] = function () {
+    var me = this;
+    me.setOpt('enableContextMenu',true);
+    if(me.getOpt('enableContextMenu') === false){
+        return;
+    }
+    var lang = me.getLang( "contextMenu" ),
+            menu,
+            items = me.options.contextMenu || [
+                {label:lang['selectall'], cmdName:'selectall'},
+                {
+                    label:lang.cleardoc,
+                    cmdName:'cleardoc',
+                    exec:function () {
+                        if ( confirm( lang.confirmclear ) ) {
+                            this.execCommand( 'cleardoc' );
+                        }
+                    }
+                },
+                '-',
+                {
+                    label:lang.unlink,
+                    cmdName:'unlink'
+                },
+                '-',
+                {
+                    group:lang.paragraph,
+                    icon:'justifyjustify',
+                    subMenu:[
+                        {
+                            label:lang.justifyleft,
+                            cmdName:'justify',
+                            value:'left'
+                        },
+                        {
+                            label:lang.justifyright,
+                            cmdName:'justify',
+                            value:'right'
+                        },
+                        {
+                            label:lang.justifycenter,
+                            cmdName:'justify',
+                            value:'center'
+                        },
+                        {
+                            label:lang.justifyjustify,
+                            cmdName:'justify',
+                            value:'justify'
+                        }
+                    ]
+                },
+                '-',
+                {
+                    group:lang.table,
+                    icon:'table',
+                    subMenu:[
+                        {
+                            label:lang.inserttable,
+                            cmdName:'inserttable'
+                        },
+                        {
+                            label:lang.deletetable,
+                            cmdName:'deletetable'
+                        },
+                        '-',
+                        {
+                            label:lang.deleterow,
+                            cmdName:'deleterow'
+                        },
+                        {
+                            label:lang.deletecol,
+                            cmdName:'deletecol'
+                        },
+                        {
+                            label:lang.insertcol,
+                            cmdName:'insertcol'
+                        },
+                        {
+                            label:lang.insertcolnext,
+                            cmdName:'insertcolnext'
+                        },
+                        {
+                            label:lang.insertrow,
+                            cmdName:'insertrow'
+                        },
+                        {
+                            label:lang.insertrownext,
+                            cmdName:'insertrownext'
+                        },
+                        '-',
+                        {
+                            label:lang.insertcaption,
+                            cmdName:'insertcaption'
+                        },
+                        {
+                            label:lang.deletecaption,
+                            cmdName:'deletecaption'
+                        },
+                        {
+                            label:lang.inserttitle,
+                            cmdName:'inserttitle'
+                        },
+                        {
+                            label:lang.deletetitle,
+                            cmdName:'deletetitle'
+                        },
+                        {
+                            label:lang.inserttitlecol,
+                            cmdName:'inserttitlecol'
+                        },
+                        {
+                            label:lang.deletetitlecol,
+                            cmdName:'deletetitlecol'
+                        },
+                        '-',
+                        {
+                            label:lang.mergecells,
+                            cmdName:'mergecells'
+                        },
+                        {
+                            label:lang.mergeright,
+                            cmdName:'mergeright'
+                        },
+                        {
+                            label:lang.mergedown,
+                            cmdName:'mergedown'
+                        },
+                        '-',
+                        {
+                            label:lang.splittorows,
+                            cmdName:'splittorows'
+                        },
+                        {
+                            label:lang.splittocols,
+                            cmdName:'splittocols'
+                        },
+                        {
+                            label:lang.splittocells,
+                            cmdName:'splittocells'
+                        },
+                        '-',
+                        {
+                            label:lang.averageDiseRow,
+                            cmdName:'averagedistributerow'
+                        },
+                        {
+                            label:lang.averageDisCol,
+                            cmdName:'averagedistributecol'
+                        },
+                        '-',
+                        {
+                            label:lang.edittd,
+                            cmdName:'edittd',
+                            exec:function () {
+                                if ( UE.ui['edittd'] ) {
+                                    new UE.ui['edittd']( this );
+                                }
+                                this.getDialog('edittd').open();
+                            }
+                        },
+                        {
+                            label:lang.edittable,
+                            cmdName:'edittable',
+                            exec:function () {
+                                if ( UE.ui['edittable'] ) {
+                                    new UE.ui['edittable']( this );
+                                }
+                                this.getDialog('edittable').open();
+                            }
+                        },
+                        {
+                            label:lang.setbordervisible,
+                            cmdName:'setbordervisible'
+                        }
+                    ]
+                },
+                {
+                    group:lang.tablesort,
+                    icon:'tablesort',
+                    subMenu:[
+                        {
+                            label:lang.enablesort,
+                            cmdName:'enablesort'
+                        },
+                        {
+                            label:lang.disablesort,
+                            cmdName:'disablesort'
+                        },
+                        '-',
+                        {
+                            label:lang.reversecurrent,
+                            cmdName:'sorttable',
+                            value:'reversecurrent'
+                        },
+                        {
+                            label:lang.orderbyasc,
+                            cmdName:'sorttable',
+                            value:'orderbyasc'
+                        },
+                        {
+                            label:lang.reversebyasc,
+                            cmdName:'sorttable',
+                            value:'reversebyasc'
+                        },
+                        {
+                            label:lang.orderbynum,
+                            cmdName:'sorttable',
+                            value:'orderbynum'
+                        },
+                        {
+                            label:lang.reversebynum,
+                            cmdName:'sorttable',
+                            value:'reversebynum'
+                        }
+                    ]
+                },
+                {
+                    group:lang.borderbk,
+                    icon:'borderBack',
+                    subMenu:[
+                        {
+                            label:lang.setcolor,
+                            cmdName:"interlacetable",
+                            exec:function(){
+                                this.execCommand("interlacetable");
+                            }
+                        },
+                        {
+                            label:lang.unsetcolor,
+                            cmdName:"uninterlacetable",
+                            exec:function(){
+                                this.execCommand("uninterlacetable");
+                            }
+                        },
+                        {
+                            label:lang.setbackground,
+                            cmdName:"settablebackground",
+                            exec:function(){
+                                this.execCommand("settablebackground",{repeat:true,colorList:["#bbb","#ccc"]});
+                            }
+                        },
+                        {
+                            label:lang.unsetbackground,
+                            cmdName:"cleartablebackground",
+                            exec:function(){
+                                this.execCommand("cleartablebackground");
+                            }
+                        },
+                        {
+                            label:lang.redandblue,
+                            cmdName:"settablebackground",
+                            exec:function(){
+                                this.execCommand("settablebackground",{repeat:true,colorList:["red","blue"]});
+                            }
+                        },
+                        {
+                            label:lang.threecolorgradient,
+                            cmdName:"settablebackground",
+                            exec:function(){
+                                this.execCommand("settablebackground",{repeat:true,colorList:["#aaa","#bbb","#ccc"]});
+                            }
+                        }
+                    ]
+                },
+                {
+                    group:lang.aligntd,
+                    icon:'aligntd',
+                    subMenu:[
+                        {
+                            cmdName:'cellalignment',
+                            value:{align:'left',vAlign:'top'}
+                        },
+                        {
+                            cmdName:'cellalignment',
+                            value:{align:'center',vAlign:'top'}
+                        },
+                        {
+                            cmdName:'cellalignment',
+                            value:{align:'right',vAlign:'top'}
+                        },
+                        {
+                            cmdName:'cellalignment',
+                            value:{align:'left',vAlign:'middle'}
+                        },
+                        {
+                            cmdName:'cellalignment',
+                            value:{align:'center',vAlign:'middle'}
+                        },
+                        {
+                            cmdName:'cellalignment',
+                            value:{align:'right',vAlign:'middle'}
+                        },
+                        {
+                            cmdName:'cellalignment',
+                            value:{align:'left',vAlign:'bottom'}
+                        },
+                        {
+                            cmdName:'cellalignment',
+                            value:{align:'center',vAlign:'bottom'}
+                        },
+                        {
+                            cmdName:'cellalignment',
+                            value:{align:'right',vAlign:'bottom'}
+                        }
+                    ]
+                },
+                {
+                    group:lang.aligntable,
+                    icon:'aligntable',
+                    subMenu:[
+                        {
+                            cmdName:'tablealignment',
+                            className: 'left',
+                            label:lang.tableleft,
+                            value:"left"
+                        },
+                        {
+                            cmdName:'tablealignment',
+                            className: 'center',
+                            label:lang.tablecenter,
+                            value:"center"
+                        },
+                        {
+                            cmdName:'tablealignment',
+                            className: 'right',
+                            label:lang.tableright,
+                            value:"right"
+                        }
+                    ]
+                },
+                '-',
+                {
+                    label:lang.insertparagraphbefore,
+                    cmdName:'insertparagraph',
+                    value:true
+                },
+                {
+                    label:lang.insertparagraphafter,
+                    cmdName:'insertparagraph'
+                },
+                {
+                    label:lang['copy'],
+                    cmdName:'copy'
+                },
+                {
+                    label:lang['paste'],
+                    cmdName:'paste'
+                }
+            ];
+    if ( !items.length ) {
+        return;
+    }
+    var uiUtils = UE.ui.uiUtils;
+
+    me.addListener( 'contextmenu', function ( type, evt ) {
+
+        var offset = uiUtils.getViewportOffsetByEvent( evt );
+        me.fireEvent( 'beforeselectionchange' );
+        if ( menu ) {
+            menu.destroy();
+        }
+        for ( var i = 0, ti, contextItems = []; ti = items[i]; i++ ) {
+            var last;
+            (function ( item ) {
+                if ( item == '-' ) {
+                    if ( (last = contextItems[contextItems.length - 1 ] ) && last !== '-' ) {
+                        contextItems.push( '-' );
+                    }
+                } else if ( item.hasOwnProperty( "group" ) ) {
+                    for ( var j = 0, cj, subMenu = []; cj = item.subMenu[j]; j++ ) {
+                        (function ( subItem ) {
+                            if ( subItem == '-' ) {
+                                if ( (last = subMenu[subMenu.length - 1 ] ) && last !== '-' ) {
+                                    subMenu.push( '-' );
+                                }else{
+                                    subMenu.splice(subMenu.length-1);
+                                }
+                            } else {
+                                if ( (me.commands[subItem.cmdName] || UE.commands[subItem.cmdName] || subItem.query) &&
+                                        (subItem.query ? subItem.query() : me.queryCommandState( subItem.cmdName )) > -1 ) {
+                                    subMenu.push( {
+                                        'label':subItem.label || me.getLang( "contextMenu." + subItem.cmdName + (subItem.value || '') )||"",
+                                        'className':'edui-for-' +subItem.cmdName + ( subItem.className ? ( ' edui-for-' + subItem.cmdName + '-' + subItem.className ) : '' ),
+                                        onclick:subItem.exec ? function () {
+                                                subItem.exec.call( me );
+                                        } : function () {
+                                            me.execCommand( subItem.cmdName, subItem.value );
+                                        }
+                                    } );
+                                }
+                            }
+                        })( cj );
+                    }
+                    if ( subMenu.length ) {
+                        function getLabel(){
+                            switch (item.icon){
+                                case "table":
+                                    return me.getLang( "contextMenu.table" );
+                                case "justifyjustify":
+                                    return me.getLang( "contextMenu.paragraph" );
+                                case "aligntd":
+                                    return me.getLang("contextMenu.aligntd");
+                                case "aligntable":
+                                    return me.getLang("contextMenu.aligntable");
+                                case "tablesort":
+                                    return lang.tablesort;
+                                case "borderBack":
+                                    return lang.borderbk;
+                                default :
+                                    return '';
+                            }
+                        }
+                        contextItems.push( {
+                            //todo 修正成自动获取方式
+                            'label':getLabel(),
+                            className:'edui-for-' + item.icon,
+                            'subMenu':{
+                                items:subMenu,
+                                editor:me
+                            }
+                        } );
+                    }
+
+                } else {
+                    //有可能commmand没有加载右键不能出来，或者没有command也想能展示出来添加query方法
+                    if ( (me.commands[item.cmdName] || UE.commands[item.cmdName] || item.query) &&
+                            (item.query ? item.query.call(me) : me.queryCommandState( item.cmdName )) > -1 ) {
+
+                        contextItems.push( {
+                            'label':item.label || me.getLang( "contextMenu." + item.cmdName ),
+                            className:'edui-for-' + (item.icon ? item.icon : item.cmdName + (item.value || '')),
+                            onclick:item.exec ? function () {
+                                item.exec.call( me );
+                            } : function () {
+                                me.execCommand( item.cmdName, item.value );
+                            }
+                        } );
+                    }
+
+                }
+
+            })( ti );
+        }
+        if ( contextItems[contextItems.length - 1] == '-' ) {
+            contextItems.pop();
+        }
+
+        menu = new UE.ui.Menu( {
+            items:contextItems,
+            className:"edui-contextmenu",
+            editor:me
+        } );
+        menu.render();
+        menu.showAt( offset );
+
+        me.fireEvent("aftershowcontextmenu",menu);
+
+        domUtils.preventDefault( evt );
+        if ( browser.ie ) {
+            var ieRange;
+            try {
+                ieRange = me.selection.getNative().createRange();
+            } catch ( e ) {
+                return;
+            }
+            if ( ieRange.item ) {
+                var range = new dom.Range( me.document );
+                range.selectNode( ieRange.item( 0 ) ).select( true, true );
+            }
+        }
+    });
+
+    // 添加复制的flash按钮
+    me.addListener('aftershowcontextmenu', function(type, menu) {
+        if (me.zeroclipboard) {
+            var items = menu.items;
+            for (var key in items) {
+                if (items[key].className == 'edui-for-copy') {
+                    me.zeroclipboard.clip(items[key].getDom());
+                }
+            }
+        }
+    });
+
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/convertcase.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/convertcase.js
new file mode 100644
index 000000000..4ae6a1dcc
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/convertcase.js
@@ -0,0 +1,56 @@
+/**
+ * 大小写转换
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 把选区内文本变大写，与“tolowercase”命令互斥
+ * @command touppercase
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'touppercase' );
+ * ```
+ */
+
+/**
+ * 把选区内文本变小写，与“touppercase”命令互斥
+ * @command tolowercase
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'tolowercase' );
+ * ```
+ */
+UE.commands['touppercase'] =
+UE.commands['tolowercase'] = {
+    execCommand:function (cmd) {
+        var me = this;
+        var rng = me.selection.getRange();
+        if(rng.collapsed){
+            return rng;
+        }
+        var bk = rng.createBookmark(),
+            bkEnd = bk.end,
+            filterFn = function( node ) {
+                return !domUtils.isBr(node) && !domUtils.isWhitespace( node );
+            },
+            curNode = domUtils.getNextDomNode( bk.start, false, filterFn );
+        while ( curNode && (domUtils.getPosition( curNode, bkEnd ) & domUtils.POSITION_PRECEDING) ) {
+
+            if ( curNode.nodeType == 3 ) {
+                curNode.nodeValue = curNode.nodeValue[cmd == 'touppercase' ? 'toUpperCase' : 'toLowerCase']();
+            }
+            curNode = domUtils.getNextDomNode( curNode, true, filterFn );
+            if(curNode === bkEnd){
+                break;
+            }
+
+        }
+        rng.moveToBookmark(bk).select();
+    }
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/copy.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/copy.js
new file mode 100644
index 000000000..6e267a435
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/copy.js
@@ -0,0 +1,69 @@
+UE.plugin.register('copy', function () {
+
+    var me = this;
+
+    function initZeroClipboard() {
+
+        ZeroClipboard.config({
+            debug: false,
+            swfPath: me.options.UEDITOR_HOME_URL + 'third-party/zeroclipboard/ZeroClipboard.swf'
+        });
+
+        var client = me.zeroclipboard = new ZeroClipboard();
+
+        // 复制内容
+        client.on('copy', function (e) {
+            var client = e.client,
+                rng = me.selection.getRange(),
+                div = document.createElement('div');
+
+            div.appendChild(rng.cloneContents());
+            client.setText(div.innerText || div.textContent);
+            client.setHtml(div.innerHTML);
+            rng.select();
+        });
+        // hover事件传递到target
+        client.on('mouseover mouseout', function (e) {
+            var target = e.target;
+            if (e.type == 'mouseover') {
+                domUtils.addClass(target, 'edui-state-hover');
+            } else if (e.type == 'mouseout') {
+                domUtils.removeClasses(target, 'edui-state-hover');
+            }
+        });
+        // flash加载不成功
+        client.on('wrongflash noflash', function () {
+            ZeroClipboard.destroy();
+        });
+    }
+
+    return {
+        bindEvents: {
+            'ready': function () {
+                if (!browser.ie) {
+                    if (window.ZeroClipboard) {
+                        initZeroClipboard();
+                    } else {
+                        utils.loadFile(document, {
+                            src: me.options.UEDITOR_HOME_URL + "third-party/zeroclipboard/ZeroClipboard.js",
+                            tag: "script",
+                            type: "text/javascript",
+                            defer: "defer"
+                        }, function () {
+                            initZeroClipboard();
+                        });
+                    }
+                }
+            }
+        },
+        commands: {
+            'copy': {
+                execCommand: function (cmd) {
+                    if (!me.document.execCommand('copy')) {
+                        alert(me.getLang('copymsg'));
+                    }
+                }
+            }
+        }
+    }
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/customstyle.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/customstyle.js
new file mode 100644
index 000000000..57cb2abb9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/customstyle.js
@@ -0,0 +1,146 @@
+/**
+ * 自定义样式
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 根据config配置文件里“customstyle”选项的值对匹配的标签执行样式替换。
+ * @command customstyle
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'customstyle' );
+ * ```
+ */
+UE.plugins['customstyle'] = function() {
+    var me = this;
+    me.setOpt({ 'customstyle':[
+        {tag:'h1',name:'tc', style:'font-size:32px;font-weight:bold;border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'},
+        {tag:'h1',name:'tl', style:'font-size:32px;font-weight:bold;border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:left;margin:0 0 10px 0;'},
+        {tag:'span',name:'im', style:'font-size:16px;font-style:italic;font-weight:bold;line-height:18px;'},
+        {tag:'span',name:'hi', style:'font-size:16px;font-style:italic;font-weight:bold;color:rgb(51, 153, 204);line-height:18px;'}
+    ]});
+    me.commands['customstyle'] = {
+        execCommand : function(cmdName, obj) {
+            var me = this,
+                    tagName = obj.tag,
+                    node = domUtils.findParent(me.selection.getStart(), function(node) {
+                        return node.getAttribute('label');
+                    }, true),
+                    range,bk,tmpObj = {};
+            for (var p in obj) {
+               if(obj[p]!==undefined)
+                    tmpObj[p] = obj[p];
+            }
+            delete tmpObj.tag;
+            if (node && node.getAttribute('label') == obj.label) {
+                range = this.selection.getRange();
+                bk = range.createBookmark();
+                if (range.collapsed) {
+                    //trace:1732 删掉自定义标签，要有p来回填站位
+                    if(dtd.$block[node.tagName]){
+                        var fillNode = me.document.createElement('p');
+                        domUtils.moveChild(node, fillNode);
+                        node.parentNode.insertBefore(fillNode, node);
+                        domUtils.remove(node);
+                    }else{
+                        domUtils.remove(node,true);
+                    }
+
+                } else {
+
+                    var common = domUtils.getCommonAncestor(bk.start, bk.end),
+                            nodes = domUtils.getElementsByTagName(common, tagName);
+                    if(new RegExp(tagName,'i').test(common.tagName)){
+                        nodes.push(common);
+                    }
+                    for (var i = 0,ni; ni = nodes[i++];) {
+                        if (ni.getAttribute('label') == obj.label) {
+                            var ps = domUtils.getPosition(ni, bk.start),pe = domUtils.getPosition(ni, bk.end);
+                            if ((ps & domUtils.POSITION_FOLLOWING || ps & domUtils.POSITION_CONTAINS)
+                                    &&
+                                    (pe & domUtils.POSITION_PRECEDING || pe & domUtils.POSITION_CONTAINS)
+                                    )
+                                if (dtd.$block[tagName]) {
+                                    var fillNode = me.document.createElement('p');
+                                    domUtils.moveChild(ni, fillNode);
+                                    ni.parentNode.insertBefore(fillNode, ni);
+                                }
+                            domUtils.remove(ni, true);
+                        }
+                    }
+                    node = domUtils.findParent(common, function(node) {
+                        return node.getAttribute('label') == obj.label;
+                    }, true);
+                    if (node) {
+
+                        domUtils.remove(node, true);
+
+                    }
+
+                }
+                range.moveToBookmark(bk).select();
+            } else {
+                if (dtd.$block[tagName]) {
+                    this.execCommand('paragraph', tagName, tmpObj,'customstyle');
+                    range = me.selection.getRange();
+                    if (!range.collapsed) {
+                        range.collapse();
+                        node = domUtils.findParent(me.selection.getStart(), function(node) {
+                            return node.getAttribute('label') == obj.label;
+                        }, true);
+                        var pNode = me.document.createElement('p');
+                        domUtils.insertAfter(node, pNode);
+                        domUtils.fillNode(me.document, pNode);
+                        range.setStart(pNode, 0).setCursor();
+                    }
+                } else {
+
+                    range = me.selection.getRange();
+                    if (range.collapsed) {
+                        node = me.document.createElement(tagName);
+                        domUtils.setAttributes(node, tmpObj);
+                        range.insertNode(node).setStart(node, 0).setCursor();
+
+                        return;
+                    }
+
+                    bk = range.createBookmark();
+                    range.applyInlineStyle(tagName, tmpObj).moveToBookmark(bk).select();
+                }
+            }
+
+        },
+        queryCommandValue : function() {
+            var parent = domUtils.filterNodeList(
+                this.selection.getStartElementPath(),
+                function(node){return node.getAttribute('label')}
+            );
+            return  parent ? parent.getAttribute('label') : '';
+        }
+    };
+    //当去掉customstyle是，如果是块元素，用p代替
+    me.addListener('keyup', function(type, evt) {
+        var keyCode = evt.keyCode || evt.which;
+
+        if (keyCode == 32 || keyCode == 13) {
+            var range = me.selection.getRange();
+            if (range.collapsed) {
+                var node = domUtils.findParent(me.selection.getStart(), function(node) {
+                    return node.getAttribute('label');
+                }, true);
+                if (node && dtd.$block[node.tagName] && domUtils.isEmptyNode(node)) {
+                        var p = me.document.createElement('p');
+                        domUtils.insertAfter(node, p);
+                        domUtils.fillNode(me.document, p);
+                        domUtils.remove(node);
+                        range.setStart(p, 0).setCursor();
+
+
+                }
+            }
+        }
+    });
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/defaultfilter.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/defaultfilter.js
new file mode 100644
index 000000000..65eb91110
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/defaultfilter.js
@@ -0,0 +1,228 @@
+///import core
+///plugin 编辑器默认的过滤转换机制
+
+UE.plugins['defaultfilter'] = function () {
+    var me = this;
+    me.setOpt({
+        'allowDivTransToP':true,
+        'disabledTableInTable':true
+    });
+    //默认的过滤处理
+    //进入编辑器的内容处理
+    me.addInputRule(function (root) {
+        var allowDivTransToP = this.options.allowDivTransToP;
+        var val;
+        function tdParent(node){
+            while(node && node.type == 'element'){
+                if(node.tagName == 'td'){
+                    return true;
+                }
+                node = node.parentNode;
+            }
+            return false;
+        }
+        //进行默认的处理
+        root.traversal(function (node) {
+            if (node.type == 'element') {
+                if (!dtd.$cdata[node.tagName] && me.options.autoClearEmptyNode && dtd.$inline[node.tagName] && !dtd.$empty[node.tagName] && (!node.attrs || utils.isEmptyObject(node.attrs))) {
+                    if (!node.firstChild()) node.parentNode.removeChild(node);
+                    else if (node.tagName == 'span' && (!node.attrs || utils.isEmptyObject(node.attrs))) {
+                        node.parentNode.removeChild(node, true)
+                    }
+                    return;
+                }
+                switch (node.tagName) {
+                    case 'style':
+                    case 'script':
+                        node.setAttr({
+                            cdata_tag: node.tagName,
+                            cdata_data: (node.innerHTML() || ''),
+                            '_ue_custom_node_':'true'
+                        });
+                        node.tagName = 'div';
+                        node.innerHTML('');
+                        break;
+                    case 'a':
+                        if (val = node.getAttr('href')) {
+                            node.setAttr('_href', val)
+                        }
+                        break;
+                    case 'img':
+                        //todo base64暂时去掉，后边做远程图片上传后，干掉这个
+                        if (val = node.getAttr('src')) {
+                            if (/^data:/.test(val)) {
+                                node.parentNode.removeChild(node);
+                                break;
+                            }
+                        }
+                        node.setAttr('_src', node.getAttr('src'));
+                        break;
+                    case 'span':
+                        if (browser.webkit && (val = node.getStyle('white-space'))) {
+                            if (/nowrap|normal/.test(val)) {
+                                node.setStyle('white-space', '');
+                                if (me.options.autoClearEmptyNode && utils.isEmptyObject(node.attrs)) {
+                                    node.parentNode.removeChild(node, true)
+                                }
+                            }
+                        }
+                        val = node.getAttr('id');
+                        if(val && /^_baidu_bookmark_/i.test(val)){
+                            node.parentNode.removeChild(node)
+                        }
+                        break;
+                    case 'p':
+                        if (val = node.getAttr('align')) {
+                            node.setAttr('align');
+                            node.setStyle('text-align', val)
+                        }
+                        //trace:3431
+//                        var cssStyle = node.getAttr('style');
+//                        if (cssStyle) {
+//                            cssStyle = cssStyle.replace(/(margin|padding)[^;]+/g, '');
+//                            node.setAttr('style', cssStyle)
+//
+//                        }
+                        //p标签不允许嵌套
+                        utils.each(node.children,function(n){
+                            if(n.type == 'element' && n.tagName == 'p'){
+                                var next = n.nextSibling();
+                                node.parentNode.insertAfter(n,node);
+                                var last = n;
+                                while(next){
+                                    var tmp = next.nextSibling();
+                                    node.parentNode.insertAfter(next,last);
+                                    last = next;
+                                    next = tmp;
+                                }
+                                return false;
+                            }
+                        });
+                        if (!node.firstChild()) {
+                            node.innerHTML(browser.ie ? '&nbsp;' : '<br/>')
+                        }
+                        break;
+                    case 'div':
+                        if(node.getAttr('cdata_tag')){
+                            break;
+                        }
+                        //针对代码这里不处理插入代码的div
+                        val = node.getAttr('class');
+                        if(val && /^line number\d+/.test(val)){
+                            break;
+                        }
+                        if(!allowDivTransToP){
+                            break;
+                        }
+                        var tmpNode, p = UE.uNode.createElement('p');
+                        while (tmpNode = node.firstChild()) {
+                            if (tmpNode.type == 'text' || !UE.dom.dtd.$block[tmpNode.tagName]) {
+                                p.appendChild(tmpNode);
+                            } else {
+                                if (p.firstChild()) {
+                                    node.parentNode.insertBefore(p, node);
+                                    p = UE.uNode.createElement('p');
+                                } else {
+                                    node.parentNode.insertBefore(tmpNode, node);
+                                }
+                            }
+                        }
+                        if (p.firstChild()) {
+                            node.parentNode.insertBefore(p, node);
+                        }
+                        node.parentNode.removeChild(node);
+                        break;
+                    case 'dl':
+                        node.tagName = 'ul';
+                        break;
+                    case 'dt':
+                    case 'dd':
+                        node.tagName = 'li';
+                        break;
+                    case 'li':
+                        var className = node.getAttr('class');
+                        if (!className || !/list\-/.test(className)) {
+                            node.setAttr()
+                        }
+                        var tmpNodes = node.getNodesByTagName('ol ul');
+                        UE.utils.each(tmpNodes, function (n) {
+                            node.parentNode.insertAfter(n, node);
+                        });
+                        break;
+                    case 'td':
+                    case 'th':
+                    case 'caption':
+                        if(!node.children || !node.children.length){
+                            node.appendChild(browser.ie11below ? UE.uNode.createText(' ') : UE.uNode.createElement('br'))
+                        }
+                        break;
+                    case 'table':
+                        if(me.options.disabledTableInTable && tdParent(node)){
+                            node.parentNode.insertBefore(UE.uNode.createText(node.innerText()),node);
+                            node.parentNode.removeChild(node)
+                        }
+                }
+
+            }
+//            if(node.type == 'comment'){
+//                node.parentNode.removeChild(node);
+//            }
+        })
+
+    });
+
+    //从编辑器出去的内容处理
+    me.addOutputRule(function (root) {
+
+        var val;
+        root.traversal(function (node) {
+            if (node.type == 'element') {
+
+                if (me.options.autoClearEmptyNode && dtd.$inline[node.tagName] && !dtd.$empty[node.tagName] && (!node.attrs || utils.isEmptyObject(node.attrs))) {
+
+                    if (!node.firstChild()) node.parentNode.removeChild(node);
+                    else if (node.tagName == 'span' && (!node.attrs || utils.isEmptyObject(node.attrs))) {
+                        node.parentNode.removeChild(node, true)
+                    }
+                    return;
+                }
+                switch (node.tagName) {
+                    case 'div':
+                        if (val = node.getAttr('cdata_tag')) {
+                            node.tagName = val;
+                            node.appendChild(UE.uNode.createText(node.getAttr('cdata_data')));
+                            node.setAttr({cdata_tag: '', cdata_data: '','_ue_custom_node_':''});
+                        }
+                        break;
+                    case 'a':
+                        if (val = node.getAttr('_href')) {
+                            node.setAttr({
+                                'href': utils.html(val),
+                                '_href': ''
+                            })
+                        }
+                        break;
+                        break;
+                    case 'span':
+                        val = node.getAttr('id');
+                        if(val && /^_baidu_bookmark_/i.test(val)){
+                            node.parentNode.removeChild(node)
+                        }
+                        break;
+                    case 'img':
+                        if (val = node.getAttr('_src')) {
+                            node.setAttr({
+                                'src': node.getAttr('_src'),
+                                '_src': ''
+                            })
+                        }
+
+
+                }
+            }
+
+        })
+
+
+    });
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/directionality.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/directionality.js
new file mode 100644
index 000000000..c7fd8ba80
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/directionality.js
@@ -0,0 +1,121 @@
+/**
+ * 设置文字输入的方向的插件
+ * @file
+ * @since 1.2.6.1
+ */
+(function() {
+    var block = domUtils.isBlockElm ,
+        getObj = function(editor){
+//            var startNode = editor.selection.getStart(),
+//                parents;
+//            if ( startNode ) {
+//                //查找所有的是block的父亲节点
+//                parents = domUtils.findParents( startNode, true, block, true );
+//                for ( var i = 0,ci; ci = parents[i++]; ) {
+//                    if ( ci.getAttribute( 'dir' ) ) {
+//                        return ci;
+//                    }
+//                }
+//            }
+            return domUtils.filterNodeList(editor.selection.getStartElementPath(),function(n){return n && n.nodeType == 1 && n.getAttribute('dir')});
+
+        },
+        doDirectionality = function(range,editor,forward){
+            
+            var bookmark,
+                filterFn = function( node ) {
+                    return   node.nodeType == 1 ? !domUtils.isBookmarkNode(node) : !domUtils.isWhitespace(node);
+                },
+
+                obj = getObj( editor );
+
+            if ( obj && range.collapsed ) {
+                obj.setAttribute( 'dir', forward );
+                return range;
+            }
+            bookmark = range.createBookmark();
+            range.enlarge( true );
+            var bookmark2 = range.createBookmark(),
+                current = domUtils.getNextDomNode( bookmark2.start, false, filterFn ),
+                tmpRange = range.cloneRange(),
+                tmpNode;
+            while ( current &&  !(domUtils.getPosition( current, bookmark2.end ) & domUtils.POSITION_FOLLOWING) ) {
+                if ( current.nodeType == 3 || !block( current ) ) {
+                    tmpRange.setStartBefore( current );
+                    while ( current && current !== bookmark2.end && !block( current ) ) {
+                        tmpNode = current;
+                        current = domUtils.getNextDomNode( current, false, null, function( node ) {
+                            return !block( node );
+                        } );
+                    }
+                    tmpRange.setEndAfter( tmpNode );
+                    var common = tmpRange.getCommonAncestor();
+                    if ( !domUtils.isBody( common ) && block( common ) ) {
+                        //遍历到了block节点
+                        common.setAttribute( 'dir', forward );
+                        current = common;
+                    } else {
+                        //没有遍历到，添加一个block节点
+                        var p = range.document.createElement( 'p' );
+                        p.setAttribute( 'dir', forward );
+                        var frag = tmpRange.extractContents();
+                        p.appendChild( frag );
+                        tmpRange.insertNode( p );
+                        current = p;
+                    }
+
+                    current = domUtils.getNextDomNode( current, false, filterFn );
+                } else {
+                    current = domUtils.getNextDomNode( current, true, filterFn );
+                }
+            }
+            return range.moveToBookmark( bookmark2 ).moveToBookmark( bookmark );
+        };
+
+    /**
+     * 文字输入方向
+     * @command directionality
+     * @method execCommand
+     * @param { String } cmdName 命令字符串
+     * @param { String } forward 传入'ltr'表示从左向右输入，传入'rtl'表示从右向左输入
+     * @example
+     * ```javascript
+     * editor.execCommand( 'directionality', 'ltr');
+     * ```
+     */
+
+    /**
+     * 查询当前选区的文字输入方向
+     * @command directionality
+     * @method queryCommandValue
+     * @param { String } cmdName 命令字符串
+     * @return { String } 返回'ltr'表示从左向右输入，返回'rtl'表示从右向左输入
+     * @example
+     * ```javascript
+     * editor.queryCommandValue( 'directionality');
+     * ```
+     */
+    UE.commands['directionality'] = {
+        execCommand : function( cmdName,forward ) {
+            var range = this.selection.getRange();
+            //闭合时单独处理
+            if(range.collapsed){
+                var txt = this.document.createTextNode('d');
+                range.insertNode(txt);
+            }
+            doDirectionality(range,this,forward);
+            if(txt){
+                range.setStartBefore(txt).collapse(true);
+                domUtils.remove(txt);
+            }
+
+            range.select();
+            return true;
+        },
+        queryCommandValue : function() {
+            var node = getObj(this);
+            return node ? node.getAttribute('dir') : 'ltr';
+        }
+    };
+})();
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/dragdrop.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/dragdrop.js
new file mode 100644
index 000000000..2e3424203
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/dragdrop.js
@@ -0,0 +1,56 @@
+UE.plugins['dragdrop'] = function (){
+
+    var me = this;
+    me.ready(function(){
+        domUtils.on(this.body,'dragend',function(){
+            var rng = me.selection.getRange();
+            var node = rng.getClosedNode()||me.selection.getStart();
+
+            if(node && node.tagName == 'IMG'){
+
+                var pre = node.previousSibling,next;
+                while(next = node.nextSibling){
+                    if(next.nodeType == 1 && next.tagName == 'SPAN' && !next.firstChild){
+                        domUtils.remove(next)
+                    }else{
+                        break;
+                    }
+                }
+
+
+                if((pre && pre.nodeType == 1 && !domUtils.isEmptyBlock(pre) || !pre) && (!next || next && !domUtils.isEmptyBlock(next))){
+                    if(pre && pre.tagName == 'P' && !domUtils.isEmptyBlock(pre)){
+                        pre.appendChild(node);
+                        domUtils.moveChild(next,pre);
+                        domUtils.remove(next);
+                    }else  if(next && next.tagName == 'P' && !domUtils.isEmptyBlock(next)){
+                        next.insertBefore(node,next.firstChild);
+                    }
+
+                    if(pre && pre.tagName == 'P' && domUtils.isEmptyBlock(pre)){
+                        domUtils.remove(pre)
+                    }
+                    if(next && next.tagName == 'P' && domUtils.isEmptyBlock(next)){
+                        domUtils.remove(next)
+                    }
+                    rng.selectNode(node).select();
+                    me.fireEvent('saveScene');
+
+                }
+
+            }
+
+        })
+    });
+    me.addListener('keyup', function(type, evt) {
+        var keyCode = evt.keyCode || evt.which;
+        if (keyCode == 13) {
+            var rng = me.selection.getRange(),node;
+            if(node = domUtils.findParentByTagName(rng.startContainer,'p',true)){
+                if(domUtils.getComputedStyle(node,'text-align') == 'center'){
+                    domUtils.removeStyle(node,'text-align')
+                }
+            }
+        }
+    })
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/elementpath.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/elementpath.js
new file mode 100644
index 000000000..c67c35171
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/elementpath.js
@@ -0,0 +1,43 @@
+/**
+ * 选取路径命令
+ * @file
+ */
+UE.plugins['elementpath'] = function(){
+    var currentLevel,
+        tagNames,
+        me = this;
+    me.setOpt('elementPathEnabled',true);
+    if(!me.options.elementPathEnabled){
+        return;
+    }
+    me.commands['elementpath'] = {
+        execCommand : function( cmdName, level ) {
+            var start = tagNames[level],
+                range = me.selection.getRange();
+            currentLevel = level*1;
+            range.selectNode(start).select();
+        },
+        queryCommandValue : function() {
+            //产生一个副本，不能修改原来的startElementPath;
+            var parents = [].concat(this.selection.getStartElementPath()).reverse(),
+                names = [];
+            tagNames = parents;
+            for(var i=0,ci;ci=parents[i];i++){
+                if(ci.nodeType == 3) {
+                    continue;
+                }
+                var name = ci.tagName.toLowerCase();
+                if(name == 'img' && ci.getAttribute('anchorname')){
+                    name = 'anchor';
+                }
+                names[i] = name;
+                if(currentLevel == i){
+                   currentLevel = -1;
+                    break;
+                }
+            }
+            return names;
+        }
+    };
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/enterkey.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/enterkey.js
new file mode 100644
index 000000000..53d2be736
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/enterkey.js
@@ -0,0 +1,175 @@
+///import core
+///import plugins/undo.js
+///commands 设置回车标签p或br
+///commandsName  EnterKey
+///commandsTitle  设置回车标签p或br
+/**
+ * @description 处理回车
+ * @author zhanyi
+ */
+UE.plugins['enterkey'] = function() {
+    var hTag,
+        me = this,
+        tag = me.options.enterTag;
+    me.addListener('keyup', function(type, evt) {
+
+        var keyCode = evt.keyCode || evt.which;
+        if (keyCode == 13) {
+            var range = me.selection.getRange(),
+                start = range.startContainer,
+                doSave;
+
+            //修正在h1-h6里边回车后不能嵌套p的问题
+            if (!browser.ie) {
+
+                if (/h\d/i.test(hTag)) {
+                    if (browser.gecko) {
+                        var h = domUtils.findParentByTagName(start, [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6','blockquote','caption','table'], true);
+                        if (!h) {
+                            me.document.execCommand('formatBlock', false, '<p>');
+                            doSave = 1;
+                        }
+                    } else {
+                        //chrome remove div
+                        if (start.nodeType == 1) {
+                            var tmp = me.document.createTextNode(''),div;
+                            range.insertNode(tmp);
+                            div = domUtils.findParentByTagName(tmp, 'div', true);
+                            if (div) {
+                                var p = me.document.createElement('p');
+                                while (div.firstChild) {
+                                    p.appendChild(div.firstChild);
+                                }
+                                div.parentNode.insertBefore(p, div);
+                                domUtils.remove(div);
+                                range.setStartBefore(tmp).setCursor();
+                                doSave = 1;
+                            }
+                            domUtils.remove(tmp);
+
+                        }
+                    }
+
+                    if (me.undoManger && doSave) {
+                        me.undoManger.save();
+                    }
+                }
+                //没有站位符，会出现多行的问题
+                browser.opera &&  range.select();
+            }else{
+                me.fireEvent('saveScene',true,true)
+            }
+        }
+    });
+
+    me.addListener('keydown', function(type, evt) {
+        var keyCode = evt.keyCode || evt.which;
+        if (keyCode == 13) {//回车
+            if(me.fireEvent('beforeenterkeydown')){
+                domUtils.preventDefault(evt);
+                return;
+            }
+            me.fireEvent('saveScene',true,true);
+            hTag = '';
+
+
+            var range = me.selection.getRange();
+
+            if (!range.collapsed) {
+                //跨td不能删
+                var start = range.startContainer,
+                    end = range.endContainer,
+                    startTd = domUtils.findParentByTagName(start, 'td', true),
+                    endTd = domUtils.findParentByTagName(end, 'td', true);
+                if (startTd && endTd && startTd !== endTd || !startTd && endTd || startTd && !endTd) {
+                    evt.preventDefault ? evt.preventDefault() : ( evt.returnValue = false);
+                    return;
+                }
+            }
+            if (tag == 'p') {
+
+
+                if (!browser.ie) {
+
+                    start = domUtils.findParentByTagName(range.startContainer, ['ol','ul','p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6','blockquote','caption'], true);
+
+                    //opera下执行formatblock会在table的场景下有问题，回车在opera原生支持很好，所以暂时在opera去掉调用这个原生的command
+                    //trace:2431
+                    if (!start && !browser.opera) {
+
+                        me.document.execCommand('formatBlock', false, '<p>');
+
+                        if (browser.gecko) {
+                            range = me.selection.getRange();
+                            start = domUtils.findParentByTagName(range.startContainer, 'p', true);
+                            start && domUtils.removeDirtyAttr(start);
+                        }
+
+
+                    } else {
+                        hTag = start.tagName;
+                        start.tagName.toLowerCase() == 'p' && browser.gecko && domUtils.removeDirtyAttr(start);
+                    }
+
+                }
+
+            } else {
+                evt.preventDefault ? evt.preventDefault() : ( evt.returnValue = false);
+
+                if (!range.collapsed) {
+                    range.deleteContents();
+                    start = range.startContainer;
+                    if (start.nodeType == 1 && (start = start.childNodes[range.startOffset])) {
+                        while (start.nodeType == 1) {
+                            if (dtd.$empty[start.tagName]) {
+                                range.setStartBefore(start).setCursor();
+                                if (me.undoManger) {
+                                    me.undoManger.save();
+                                }
+                                return false;
+                            }
+                            if (!start.firstChild) {
+                                var br = range.document.createElement('br');
+                                start.appendChild(br);
+                                range.setStart(start, 0).setCursor();
+                                if (me.undoManger) {
+                                    me.undoManger.save();
+                                }
+                                return false;
+                            }
+                            start = start.firstChild;
+                        }
+                        if (start === range.startContainer.childNodes[range.startOffset]) {
+                            br = range.document.createElement('br');
+                            range.insertNode(br).setCursor();
+
+                        } else {
+                            range.setStart(start, 0).setCursor();
+                        }
+
+
+                    } else {
+                        br = range.document.createElement('br');
+                        range.insertNode(br).setStartAfter(br).setCursor();
+                    }
+
+
+                } else {
+                    br = range.document.createElement('br');
+                    range.insertNode(br);
+                    var parent = br.parentNode;
+                    if (parent.lastChild === br) {
+                        br.parentNode.insertBefore(br.cloneNode(true), br);
+                        range.setStartBefore(br);
+                    } else {
+                        range.setStartAfter(br);
+                    }
+                    range.setCursor();
+
+                }
+
+            }
+
+        }
+    });
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/fiximgclick.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/fiximgclick.js
new file mode 100644
index 000000000..658347c9e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/fiximgclick.js
@@ -0,0 +1,315 @@
+///import core
+///commands 修复chrome下图片不能点击的问题，出现八个角可改变大小
+///commandsName  FixImgClick
+///commandsTitle  修复chrome下图片不能点击的问题，出现八个角可改变大小
+//修复chrome下图片不能点击的问题，出现八个角可改变大小
+
+UE.plugins['fiximgclick'] = (function () {
+
+    var elementUpdated = false;
+    function Scale() {
+        this.editor = null;
+        this.resizer = null;
+        this.cover = null;
+        this.doc = document;
+        this.prePos = {x: 0, y: 0};
+        this.startPos = {x: 0, y: 0};
+    }
+
+    (function () {
+        var rect = [
+            //[left, top, width, height]
+            [0, 0, -1, -1],
+            [0, 0, 0, -1],
+            [0, 0, 1, -1],
+            [0, 0, -1, 0],
+            [0, 0, 1, 0],
+            [0, 0, -1, 1],
+            [0, 0, 0, 1],
+            [0, 0, 1, 1]
+        ];
+
+        Scale.prototype = {
+            init: function (editor) {
+                var me = this;
+                me.editor = editor;
+                me.startPos = this.prePos = {x: 0, y: 0};
+                me.dragId = -1;
+
+                var hands = [],
+                    cover = me.cover = document.createElement('div'),
+                    resizer = me.resizer = document.createElement('div');
+
+                cover.id = me.editor.ui.id + '_imagescale_cover';
+                cover.style.cssText = 'position:absolute;display:none;z-index:' + (me.editor.options.zIndex) + ';filter:alpha(opacity=0); opacity:0;background:#CCC;';
+                domUtils.on(cover, 'mousedown click', function () {
+                    me.hide();
+                });
+
+                for (i = 0; i < 8; i++) {
+                    hands.push('<span class="edui-editor-imagescale-hand' + i + '"></span>');
+                }
+                resizer.id = me.editor.ui.id + '_imagescale';
+                resizer.className = 'edui-editor-imagescale';
+                resizer.innerHTML = hands.join('');
+                resizer.style.cssText += ';display:none;border:1px solid #3b77ff;z-index:' + (me.editor.options.zIndex) + ';';
+
+                me.editor.ui.getDom().appendChild(cover);
+                me.editor.ui.getDom().appendChild(resizer);
+
+                me.initStyle();
+                me.initEvents();
+            },
+            initStyle: function () {
+                utils.cssRule('imagescale', '.edui-editor-imagescale{display:none;position:absolute;border:1px solid #38B2CE;cursor:hand;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}' +
+                    '.edui-editor-imagescale span{position:absolute;width:6px;height:6px;overflow:hidden;font-size:0px;display:block;background-color:#3C9DD0;}'
+                    + '.edui-editor-imagescale .edui-editor-imagescale-hand0{cursor:nw-resize;top:0;margin-top:-4px;left:0;margin-left:-4px;}'
+                    + '.edui-editor-imagescale .edui-editor-imagescale-hand1{cursor:n-resize;top:0;margin-top:-4px;left:50%;margin-left:-4px;}'
+                    + '.edui-editor-imagescale .edui-editor-imagescale-hand2{cursor:ne-resize;top:0;margin-top:-4px;left:100%;margin-left:-3px;}'
+                    + '.edui-editor-imagescale .edui-editor-imagescale-hand3{cursor:w-resize;top:50%;margin-top:-4px;left:0;margin-left:-4px;}'
+                    + '.edui-editor-imagescale .edui-editor-imagescale-hand4{cursor:e-resize;top:50%;margin-top:-4px;left:100%;margin-left:-3px;}'
+                    + '.edui-editor-imagescale .edui-editor-imagescale-hand5{cursor:sw-resize;top:100%;margin-top:-3px;left:0;margin-left:-4px;}'
+                    + '.edui-editor-imagescale .edui-editor-imagescale-hand6{cursor:s-resize;top:100%;margin-top:-3px;left:50%;margin-left:-4px;}'
+                    + '.edui-editor-imagescale .edui-editor-imagescale-hand7{cursor:se-resize;top:100%;margin-top:-3px;left:100%;margin-left:-3px;}');
+            },
+            initEvents: function () {
+                var me = this;
+
+                me.startPos.x = me.startPos.y = 0;
+                me.isDraging = false;
+            },
+            _eventHandler: function (e) {
+                var me = this;
+                switch (e.type) {
+                    case 'mousedown':
+                        var hand = e.target || e.srcElement, hand;
+                        if (hand.className.indexOf('edui-editor-imagescale-hand') != -1 && me.dragId == -1) {
+                            me.dragId = hand.className.slice(-1);
+                            me.startPos.x = me.prePos.x = e.clientX;
+                            me.startPos.y = me.prePos.y = e.clientY;
+                            domUtils.on(me.doc,'mousemove', me.proxy(me._eventHandler, me));
+                        }
+                        break;
+                    case 'mousemove':
+                        if (me.dragId != -1) {
+                            me.updateContainerStyle(me.dragId, {x: e.clientX - me.prePos.x, y: e.clientY - me.prePos.y});
+                            me.prePos.x = e.clientX;
+                            me.prePos.y = e.clientY;
+                            elementUpdated = true;
+                            me.updateTargetElement();
+
+                        }
+                        break;
+                    case 'mouseup':
+                        if (me.dragId != -1) {
+                            me.updateContainerStyle(me.dragId, {x: e.clientX - me.prePos.x, y: e.clientY - me.prePos.y});
+                            me.updateTargetElement();
+                            if (me.target.parentNode) me.attachTo(me.target);
+                            me.dragId = -1;
+                        }
+                        domUtils.un(me.doc,'mousemove', me.proxy(me._eventHandler, me));
+                        //修复只是点击挪动点，但没有改变大小，不应该触发contentchange
+                        if(elementUpdated){
+                            elementUpdated = false;
+                            me.editor.fireEvent('contentchange');
+                        }
+
+                        break;
+                    default:
+                        break;
+                }
+            },
+            updateTargetElement: function () {
+                var me = this;
+                domUtils.setStyles(me.target, {
+                    'width': me.resizer.style.width,
+                    'height': me.resizer.style.height
+                });
+                me.target.width = parseInt(me.resizer.style.width);
+                me.target.height = parseInt(me.resizer.style.height);
+                me.attachTo(me.target);
+            },
+            updateContainerStyle: function (dir, offset) {
+                var me = this,
+                    dom = me.resizer, tmp;
+
+                if (rect[dir][0] != 0) {
+                    tmp = parseInt(dom.style.left) + offset.x;
+                    dom.style.left = me._validScaledProp('left', tmp) + 'px';
+                }
+                if (rect[dir][1] != 0) {
+                    tmp = parseInt(dom.style.top) + offset.y;
+                    dom.style.top = me._validScaledProp('top', tmp) + 'px';
+                }
+                if (rect[dir][2] != 0) {
+                    tmp = dom.clientWidth + rect[dir][2] * offset.x;
+                    dom.style.width = me._validScaledProp('width', tmp) + 'px';
+                }
+                if (rect[dir][3] != 0) {
+                    tmp = dom.clientHeight + rect[dir][3] * offset.y;
+                    dom.style.height = me._validScaledProp('height', tmp) + 'px';
+                }
+            },
+            _validScaledProp: function (prop, value) {
+                var ele = this.resizer,
+                    wrap = document;
+
+                value = isNaN(value) ? 0 : value;
+                switch (prop) {
+                    case 'left':
+                        return value < 0 ? 0 : (value + ele.clientWidth) > wrap.clientWidth ? wrap.clientWidth - ele.clientWidth : value;
+                    case 'top':
+                        return value < 0 ? 0 : (value + ele.clientHeight) > wrap.clientHeight ? wrap.clientHeight - ele.clientHeight : value;
+                    case 'width':
+                        return value <= 0 ? 1 : (value + ele.offsetLeft) > wrap.clientWidth ? wrap.clientWidth - ele.offsetLeft : value;
+                    case 'height':
+                        return value <= 0 ? 1 : (value + ele.offsetTop) > wrap.clientHeight ? wrap.clientHeight - ele.offsetTop : value;
+                }
+            },
+            hideCover: function () {
+                this.cover.style.display = 'none';
+            },
+            showCover: function () {
+                var me = this,
+                    editorPos = domUtils.getXY(me.editor.ui.getDom()),
+                    iframePos = domUtils.getXY(me.editor.iframe);
+
+                domUtils.setStyles(me.cover, {
+                    'width': me.editor.iframe.offsetWidth + 'px',
+                    'height': me.editor.iframe.offsetHeight + 'px',
+                    'top': iframePos.y - editorPos.y + 'px',
+                    'left': iframePos.x - editorPos.x + 'px',
+                    'position': 'absolute',
+                    'display': ''
+                })
+            },
+            show: function (targetObj) {
+                var me = this;
+                me.resizer.style.display = 'block';
+                if(targetObj) me.attachTo(targetObj);
+
+                domUtils.on(this.resizer, 'mousedown', me.proxy(me._eventHandler, me));
+                domUtils.on(me.doc, 'mouseup', me.proxy(me._eventHandler, me));
+
+                me.showCover();
+                me.editor.fireEvent('afterscaleshow', me);
+                me.editor.fireEvent('saveScene');
+            },
+            hide: function () {
+                var me = this;
+                me.hideCover();
+                me.resizer.style.display = 'none';
+
+                domUtils.un(me.resizer, 'mousedown', me.proxy(me._eventHandler, me));
+                domUtils.un(me.doc, 'mouseup', me.proxy(me._eventHandler, me));
+                me.editor.fireEvent('afterscalehide', me);
+            },
+            proxy: function( fn, context ) {
+                return function(e) {
+                    return fn.apply( context || this, arguments);
+                };
+            },
+            attachTo: function (targetObj) {
+                var me = this,
+                    target = me.target = targetObj,
+                    resizer = this.resizer,
+                    imgPos = domUtils.getXY(target),
+                    iframePos = domUtils.getXY(me.editor.iframe),
+                    editorPos = domUtils.getXY(resizer.parentNode);
+
+                domUtils.setStyles(resizer, {
+                    'width': target.width + 'px',
+                    'height': target.height + 'px',
+                    'left': iframePos.x + imgPos.x - me.editor.document.body.scrollLeft - editorPos.x - parseInt(resizer.style.borderLeftWidth) + 'px',
+                    'top': iframePos.y + imgPos.y - me.editor.document.body.scrollTop - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px'
+                });
+            }
+        }
+    })();
+
+    return function () {
+        var me = this,
+            imageScale;
+
+        me.setOpt('imageScaleEnabled', true);
+
+        if ( !browser.ie && me.options.imageScaleEnabled) {
+            me.addListener('click', function (type, e) {
+
+                var range = me.selection.getRange(),
+                    img = range.getClosedNode();
+
+                if (img && img.tagName == 'IMG' && me.body.contentEditable!="false") {
+
+                    if (img.className.indexOf("edui-faked-music") != -1 ||
+                        img.getAttribute("anchorname") ||
+                        domUtils.hasClass(img, 'loadingclass') ||
+                        domUtils.hasClass(img, 'loaderrorclass')) { return }
+
+                    if (!imageScale) {
+                        imageScale = new Scale();
+                        imageScale.init(me);
+                        me.ui.getDom().appendChild(imageScale.resizer);
+
+                        var _keyDownHandler = function (e) {
+                            imageScale.hide();
+                            if(imageScale.target) me.selection.getRange().selectNode(imageScale.target).select();
+                        }, _mouseDownHandler = function (e) {
+                            var ele = e.target || e.srcElement;
+                            if (ele && (ele.className===undefined || ele.className.indexOf('edui-editor-imagescale') == -1)) {
+                                _keyDownHandler(e);
+                            }
+                        }, timer;
+
+                        me.addListener('afterscaleshow', function (e) {
+                            me.addListener('beforekeydown', _keyDownHandler);
+                            me.addListener('beforemousedown', _mouseDownHandler);
+                            domUtils.on(document, 'keydown', _keyDownHandler);
+                            domUtils.on(document,'mousedown', _mouseDownHandler);
+                            me.selection.getNative().removeAllRanges();
+                        });
+                        me.addListener('afterscalehide', function (e) {
+                            me.removeListener('beforekeydown', _keyDownHandler);
+                            me.removeListener('beforemousedown', _mouseDownHandler);
+                            domUtils.un(document, 'keydown', _keyDownHandler);
+                            domUtils.un(document,'mousedown', _mouseDownHandler);
+                            var target = imageScale.target;
+                            if (target.parentNode) {
+                                me.selection.getRange().selectNode(target).select();
+                            }
+                        });
+                        //TODO 有iframe的情况，mousedown不能往下传。。
+                        domUtils.on(imageScale.resizer, 'mousedown', function (e) {
+                            me.selection.getNative().removeAllRanges();
+                            var ele = e.target || e.srcElement;
+                            if (ele && ele.className.indexOf('edui-editor-imagescale-hand') == -1) {
+                                timer = setTimeout(function () {
+                                    imageScale.hide();
+                                    if(imageScale.target) me.selection.getRange().selectNode(ele).select();
+                                }, 200);
+                            }
+                        });
+                        domUtils.on(imageScale.resizer, 'mouseup', function (e) {
+                            var ele = e.target || e.srcElement;
+                            if (ele && ele.className.indexOf('edui-editor-imagescale-hand') == -1) {
+                                clearTimeout(timer);
+                            }
+                        });
+                    }
+                    imageScale.show(img);
+                } else {
+                    if (imageScale && imageScale.resizer.style.display != 'none') imageScale.hide();
+                }
+            });
+        }
+
+        if (browser.webkit) {
+            me.addListener('click', function (type, e) {
+                if (e.target.tagName == 'IMG' && me.body.contentEditable!="false") {
+                    var range = new dom.Range(me.document);
+                    range.selectNode(e.target).select();
+                }
+            });
+        }
+    }
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/font.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/font.js
new file mode 100644
index 000000000..e70d77af2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/font.js
@@ -0,0 +1,524 @@
+/**
+ * 字体颜色,背景色,字号,字体,下划线,删除线
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 字体颜色
+ * @command forecolor
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param { String } value 色值(必须十六进制)
+ * @example
+ * ```javascript
+ * editor.execCommand( 'forecolor', '#000' );
+ * ```
+ */
+/**
+ * 返回选区字体颜色
+ * @command forecolor
+ * @method queryCommandValue
+ * @param { String } cmd 命令字符串
+ * @return { String } 返回字体颜色
+ * @example
+ * ```javascript
+ * editor.queryCommandValue( 'forecolor' );
+ * ```
+ */
+
+/**
+ * 字体背景颜色
+ * @command backcolor
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param { String } value 色值(必须十六进制)
+ * @example
+ * ```javascript
+ * editor.execCommand( 'backcolor', '#000' );
+ * ```
+ */
+/**
+ * 返回选区字体颜色
+ * @command backcolor
+ * @method queryCommandValue
+ * @param { String } cmd 命令字符串
+ * @return { String } 返回字体背景颜色
+ * @example
+ * ```javascript
+ * editor.queryCommandValue( 'backcolor' );
+ * ```
+ */
+
+/**
+ * 字体大小
+ * @command fontsize
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param { String } value 字体大小
+ * @example
+ * ```javascript
+ * editor.execCommand( 'fontsize', '14px' );
+ * ```
+ */
+/**
+ * 返回选区字体大小
+ * @command fontsize
+ * @method queryCommandValue
+ * @param { String } cmd 命令字符串
+ * @return { String } 返回字体大小
+ * @example
+ * ```javascript
+ * editor.queryCommandValue( 'fontsize' );
+ * ```
+ */
+
+/**
+ * 字体样式
+ * @command fontfamily
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param { String } value 字体样式
+ * @example
+ * ```javascript
+ * editor.execCommand( 'fontfamily', '微软雅黑' );
+ * ```
+ */
+/**
+ * 返回选区字体样式
+ * @command fontfamily
+ * @method queryCommandValue
+ * @param { String } cmd 命令字符串
+ * @return { String } 返回字体样式
+ * @example
+ * ```javascript
+ * editor.queryCommandValue( 'fontfamily' );
+ * ```
+ */
+
+/**
+ * 字体下划线,与删除线互斥
+ * @command underline
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'underline' );
+ * ```
+ */
+
+/**
+ * 字体删除线,与下划线互斥
+ * @command strikethrough
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'strikethrough' );
+ * ```
+ */
+
+/**
+ * 字体边框
+ * @command fontborder
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'fontborder' );
+ * ```
+ */
+
+UE.plugins['font'] = function () {
+    var me = this,
+        fonts = {
+            'forecolor': 'color',
+            'backcolor': 'background-color',
+            'fontsize': 'font-size',
+            'fontfamily': 'font-family',
+            'underline': 'text-decoration',
+            'strikethrough': 'text-decoration',
+            'fontborder': 'border'
+        },
+        needCmd = {'underline': 1, 'strikethrough': 1, 'fontborder': 1},
+        needSetChild = {
+            'forecolor': 'color',
+            'backcolor': 'background-color',
+            'fontsize': 'font-size',
+            'fontfamily': 'font-family'
+
+        };
+    me.setOpt({
+        'fontfamily': [
+            { name: 'songti', val: '宋体,SimSun'},
+            { name: 'yahei', val: '微软雅黑,Microsoft YaHei'},
+            { name: 'kaiti', val: '楷体,楷体_GB2312, SimKai'},
+            { name: 'heiti', val: '黑体, SimHei'},
+            { name: 'lishu', val: '隶书, SimLi'},
+            { name: 'andaleMono', val: 'andale mono'},
+            { name: 'arial', val: 'arial, helvetica,sans-serif'},
+            { name: 'arialBlack', val: 'arial black,avant garde'},
+            { name: 'comicSansMs', val: 'comic sans ms'},
+            { name: 'impact', val: 'impact,chicago'},
+            { name: 'timesNewRoman', val: 'times new roman'}
+        ],
+        'fontsize': [10, 11, 12, 14, 16, 18, 20, 24, 36]
+    });
+
+    function mergeWithParent(node){
+        var parent;
+        while(parent = node.parentNode){
+            if(parent.tagName == 'SPAN' && domUtils.getChildCount(parent,function(child){
+                return !domUtils.isBookmarkNode(child) && !domUtils.isBr(child)
+            }) == 1) {
+                parent.style.cssText += node.style.cssText;
+                domUtils.remove(node,true);
+                node = parent;
+
+            }else{
+                break;
+            }
+        }
+
+    }
+    function mergeChild(rng,cmdName,value){
+        if(needSetChild[cmdName]){
+            rng.adjustmentBoundary();
+            if(!rng.collapsed && rng.startContainer.nodeType == 1){
+                var start = rng.startContainer.childNodes[rng.startOffset];
+                if(start && domUtils.isTagNode(start,'span')){
+                    var bk = rng.createBookmark();
+                    utils.each(domUtils.getElementsByTagName(start, 'span'), function (span) {
+                        if (!span.parentNode || domUtils.isBookmarkNode(span))return;
+                        if(cmdName == 'backcolor' && domUtils.getComputedStyle(span,'background-color').toLowerCase() === value){
+                            return;
+                        }
+                        domUtils.removeStyle(span,needSetChild[cmdName]);
+                        if(span.style.cssText.replace(/^\s+$/,'').length == 0){
+                            domUtils.remove(span,true)
+                        }
+                    });
+                    rng.moveToBookmark(bk)
+                }
+            }
+        }
+
+    }
+    function mergesibling(rng,cmdName,value) {
+        var collapsed = rng.collapsed,
+            bk = rng.createBookmark(), common;
+        if (collapsed) {
+            common = bk.start.parentNode;
+            while (dtd.$inline[common.tagName]) {
+                common = common.parentNode;
+            }
+        } else {
+            common = domUtils.getCommonAncestor(bk.start, bk.end);
+        }
+        utils.each(domUtils.getElementsByTagName(common, 'span'), function (span) {
+            if (!span.parentNode || domUtils.isBookmarkNode(span))return;
+            if (/\s*border\s*:\s*none;?\s*/i.test(span.style.cssText)) {
+                if(/^\s*border\s*:\s*none;?\s*$/.test(span.style.cssText)){
+                    domUtils.remove(span, true);
+                }else{
+                    domUtils.removeStyle(span,'border');
+                }
+                return
+            }
+            if (/border/i.test(span.style.cssText) && span.parentNode.tagName == 'SPAN' && /border/i.test(span.parentNode.style.cssText)) {
+                span.style.cssText = span.style.cssText.replace(/border[^:]*:[^;]+;?/gi, '');
+            }
+            if(!(cmdName=='fontborder' && value=='none')){
+                var next = span.nextSibling;
+                while (next && next.nodeType == 1 && next.tagName == 'SPAN' ) {
+                    if(domUtils.isBookmarkNode(next) && cmdName == 'fontborder') {
+                        span.appendChild(next);
+                        next = span.nextSibling;
+                        continue;
+                    }
+                    if (next.style.cssText == span.style.cssText) {
+                        domUtils.moveChild(next, span);
+                        domUtils.remove(next);
+                    }
+                    if (span.nextSibling === next)
+                        break;
+                    next = span.nextSibling;
+                }
+            }
+
+
+            mergeWithParent(span);
+            if(browser.ie && browser.version > 8 ){
+                //拷贝父亲们的特别的属性,这里只做背景颜色的处理
+                var parent = domUtils.findParent(span,function(n){return n.tagName == 'SPAN' && /background-color/.test(n.style.cssText)});
+                if(parent && !/background-color/.test(span.style.cssText)){
+                    span.style.backgroundColor = parent.style.backgroundColor;
+                }
+            }
+
+        });
+        rng.moveToBookmark(bk);
+        mergeChild(rng,cmdName,value)
+    }
+
+    me.addInputRule(function (root) {
+        utils.each(root.getNodesByTagName('u s del font strike'), function (node) {
+            if (node.tagName == 'font') {
+                var cssStyle = [];
+                for (var p in node.attrs) {
+                    switch (p) {
+                        case 'size':
+                            cssStyle.push('font-size:' +
+                                ({
+                                '1':'10',
+                                '2':'12',
+                                '3':'16',
+                                '4':'18',
+                                '5':'24',
+                                '6':'32',
+                                '7':'48'
+                            }[node.attrs[p]] || node.attrs[p]) + 'px');
+                            break;
+                        case 'color':
+                            cssStyle.push('color:' + node.attrs[p]);
+                            break;
+                        case 'face':
+                            cssStyle.push('font-family:' + node.attrs[p]);
+                            break;
+                        case 'style':
+                            cssStyle.push(node.attrs[p]);
+                    }
+                }
+                node.attrs = {
+                    'style': cssStyle.join(';')
+                };
+            } else {
+                var val = node.tagName == 'u' ? 'underline' : 'line-through';
+                node.attrs = {
+                    'style': (node.getAttr('style') || '') + 'text-decoration:' + val + ';'
+                }
+            }
+            node.tagName = 'span';
+        });
+//        utils.each(root.getNodesByTagName('span'), function (node) {
+//            var val;
+//            if(val = node.getAttr('class')){
+//                if(/fontstrikethrough/.test(val)){
+//                    node.setStyle('text-decoration','line-through');
+//                    if(node.attrs['class']){
+//                        node.attrs['class'] = node.attrs['class'].replace(/fontstrikethrough/,'');
+//                    }else{
+//                        node.setAttr('class')
+//                    }
+//                }
+//                if(/fontborder/.test(val)){
+//                    node.setStyle('border','1px solid #000');
+//                    if(node.attrs['class']){
+//                        node.attrs['class'] = node.attrs['class'].replace(/fontborder/,'');
+//                    }else{
+//                        node.setAttr('class')
+//                    }
+//                }
+//            }
+//        });
+    });
+//    me.addOutputRule(function(root){
+//        utils.each(root.getNodesByTagName('span'), function (node) {
+//            var val;
+//            if(val = node.getStyle('text-decoration')){
+//                if(/line-through/.test(val)){
+//                    if(node.attrs['class']){
+//                        node.attrs['class'] += ' fontstrikethrough';
+//                    }else{
+//                        node.setAttr('class','fontstrikethrough')
+//                    }
+//                }
+//
+//                node.setStyle('text-decoration')
+//            }
+//            if(val = node.getStyle('border')){
+//                if(/1px/.test(val) && /solid/.test(val)){
+//                    if(node.attrs['class']){
+//                        node.attrs['class'] += ' fontborder';
+//
+//                    }else{
+//                        node.setAttr('class','fontborder')
+//                    }
+//                }
+//                node.setStyle('border')
+//
+//            }
+//        });
+//    });
+    for (var p in fonts) {
+        (function (cmd, style) {
+            UE.commands[cmd] = {
+                execCommand: function (cmdName, value) {
+                    value = value || (this.queryCommandState(cmdName) ? 'none' : cmdName == 'underline' ? 'underline' :
+                        cmdName == 'fontborder' ? '1px solid #000' :
+                            'line-through');
+                    var me = this,
+                        range = this.selection.getRange(),
+                        text;
+
+                    if (value == 'default') {
+
+                        if (range.collapsed) {
+                            text = me.document.createTextNode('font');
+                            range.insertNode(text).select();
+
+                        }
+                        me.execCommand('removeFormat', 'span,a', style);
+                        if (text) {
+                            range.setStartBefore(text).collapse(true);
+                            domUtils.remove(text);
+                        }
+                        mergesibling(range,cmdName,value);
+                        range.select()
+                    } else {
+                        if (!range.collapsed) {
+                            if (needCmd[cmd] && me.queryCommandValue(cmd)) {
+                                me.execCommand('removeFormat', 'span,a', style);
+                            }
+                            range = me.selection.getRange();
+
+                            range.applyInlineStyle('span', {'style': style + ':' + value});
+                            mergesibling(range, cmdName,value);
+                            range.select();
+                        } else {
+
+                            var span = domUtils.findParentByTagName(range.startContainer, 'span', true);
+                            text = me.document.createTextNode('font');
+                            if (span && !span.children.length && !span[browser.ie ? 'innerText' : 'textContent'].replace(fillCharReg, '').length) {
+                                //for ie hack when enter
+                                range.insertNode(text);
+                                if (needCmd[cmd]) {
+                                    range.selectNode(text).select();
+                                    me.execCommand('removeFormat', 'span,a', style, null);
+
+                                    span = domUtils.findParentByTagName(text, 'span', true);
+                                    range.setStartBefore(text);
+
+                                }
+                                span && (span.style.cssText += ';' + style + ':' + value);
+                                range.collapse(true).select();
+
+
+                            } else {
+                                range.insertNode(text);
+                                range.selectNode(text).select();
+                                span = range.document.createElement('span');
+
+                                if (needCmd[cmd]) {
+                                    //a标签内的不处理跳过
+                                    if (domUtils.findParentByTagName(text, 'a', true)) {
+                                        range.setStartBefore(text).setCursor();
+                                        domUtils.remove(text);
+                                        return;
+                                    }
+                                    me.execCommand('removeFormat', 'span,a', style);
+                                }
+
+                                span.style.cssText = style + ':' + value;
+
+
+                                text.parentNode.insertBefore(span, text);
+                                //修复，span套span 但样式不继承的问题
+                                if (!browser.ie || browser.ie && browser.version == 9) {
+                                    var spanParent = span.parentNode;
+                                    while (!domUtils.isBlockElm(spanParent)) {
+                                        if (spanParent.tagName == 'SPAN') {
+                                            //opera合并style不会加入";"
+                                            span.style.cssText = spanParent.style.cssText + ";" + span.style.cssText;
+                                        }
+                                        spanParent = spanParent.parentNode;
+                                    }
+                                }
+
+
+                                if (opera) {
+                                    setTimeout(function () {
+                                        range.setStart(span, 0).collapse(true);
+                                        mergesibling(range, cmdName,value);
+                                        range.select();
+                                    });
+                                } else {
+                                    range.setStart(span, 0).collapse(true);
+                                    mergesibling(range,cmdName,value);
+                                    range.select();
+                                }
+
+                                //trace:981
+                                //domUtils.mergeToParent(span)
+                            }
+                            domUtils.remove(text);
+                        }
+
+
+                    }
+                    return true;
+                },
+                queryCommandValue: function (cmdName) {
+                    var startNode = this.selection.getStart();
+
+                    //trace:946
+                    if (cmdName == 'underline' || cmdName == 'strikethrough') {
+                        var tmpNode = startNode, value;
+                        while (tmpNode && !domUtils.isBlockElm(tmpNode) && !domUtils.isBody(tmpNode)) {
+                            if (tmpNode.nodeType == 1) {
+                                value = domUtils.getComputedStyle(tmpNode, style);
+                                if (value != 'none') {
+                                    return value;
+                                }
+                            }
+
+                            tmpNode = tmpNode.parentNode;
+                        }
+                        return 'none';
+                    }
+                    if (cmdName == 'fontborder') {
+                        var tmp = startNode, val;
+                        while (tmp && dtd.$inline[tmp.tagName]) {
+                            if (val = domUtils.getComputedStyle(tmp, 'border')) {
+
+                                if (/1px/.test(val) && /solid/.test(val)) {
+                                    return val;
+                                }
+                            }
+                            tmp = tmp.parentNode;
+                        }
+                        return ''
+                    }
+
+                    if( cmdName == 'FontSize' ) {
+                        var styleVal = domUtils.getComputedStyle(startNode, style),
+                            tmp = /^([\d\.]+)(\w+)$/.exec( styleVal );
+
+                        if( tmp ) {
+
+                            return Math.floor( tmp[1] ) + tmp[2];
+
+                        }
+
+                        return styleVal;
+
+                    }
+
+                    return  domUtils.getComputedStyle(startNode, style);
+                },
+                queryCommandState: function (cmdName) {
+                    if (!needCmd[cmdName])
+                        return 0;
+                    var val = this.queryCommandValue(cmdName);
+                    if (cmdName == 'fontborder') {
+                        return /1px/.test(val) && /solid/.test(val)
+                    } else {
+                        return  cmdName == 'underline' ? /underline/.test(val) : /line\-through/.test(val);
+
+                    }
+
+                }
+            };
+        })(p, fonts[p]);
+    }
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/formatmatch.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/formatmatch.js
new file mode 100644
index 000000000..828b3a6c9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/formatmatch.js
@@ -0,0 +1,137 @@
+/**
+ * 格式刷，只格式inline的
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 格式刷
+ * @command formatmatch
+ * @method execCommand
+ * @remind 该操作不能复制段落格式
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * //editor是编辑器实例
+ * //获取格式刷
+ * editor.execCommand( 'formatmatch' );
+ * ```
+ */
+UE.plugins['formatmatch'] = function(){
+
+    var me = this,
+        list = [],img,
+        flag = 0;
+
+     me.addListener('reset',function(){
+         list = [];
+         flag = 0;
+     });
+
+    function addList(type,evt){
+        
+        if(browser.webkit){
+            var target = evt.target.tagName == 'IMG' ? evt.target : null;
+        }
+
+        function addFormat(range){
+
+            if(text){
+                range.selectNode(text);
+            }
+            return range.applyInlineStyle(list[list.length-1].tagName,null,list);
+
+        }
+
+        me.undoManger && me.undoManger.save();
+
+        var range = me.selection.getRange(),
+            imgT = target || range.getClosedNode();
+        if(img && imgT && imgT.tagName == 'IMG'){
+            //trace:964
+
+            imgT.style.cssText += ';float:' + (img.style.cssFloat || img.style.styleFloat ||'none') + ';display:' + (img.style.display||'inline');
+
+            img = null;
+        }else{
+            if(!img){
+                var collapsed = range.collapsed;
+                if(collapsed){
+                    var text = me.document.createTextNode('match');
+                    range.insertNode(text).select();
+
+
+                }
+                me.__hasEnterExecCommand = true;
+                //不能把block上的属性干掉
+                //trace:1553
+                var removeFormatAttributes = me.options.removeFormatAttributes;
+                me.options.removeFormatAttributes = '';
+                me.execCommand('removeformat');
+                me.options.removeFormatAttributes = removeFormatAttributes;
+                me.__hasEnterExecCommand = false;
+                //trace:969
+                range = me.selection.getRange();
+                if(list.length){
+                    addFormat(range);
+                }
+                if(text){
+                    range.setStartBefore(text).collapse(true);
+
+                }
+                range.select();
+                text && domUtils.remove(text);
+            }
+
+        }
+
+
+
+
+        me.undoManger && me.undoManger.save();
+        me.removeListener('mouseup',addList);
+        flag = 0;
+    }
+
+    me.commands['formatmatch'] = {
+        execCommand : function( cmdName ) {
+          
+            if(flag){
+                flag = 0;
+                list = [];
+                 me.removeListener('mouseup',addList);
+                return;
+            }
+
+
+              
+            var range = me.selection.getRange();
+            img = range.getClosedNode();
+            if(!img || img.tagName != 'IMG'){
+               range.collapse(true).shrinkBoundary();
+               var start = range.startContainer;
+               list = domUtils.findParents(start,true,function(node){
+                   return !domUtils.isBlockElm(node) && node.nodeType == 1;
+               });
+               //a不能加入格式刷, 并且克隆节点
+               for(var i=0,ci;ci=list[i];i++){
+                   if(ci.tagName == 'A'){
+                       list.splice(i,1);
+                       break;
+                   }
+               }
+
+            }
+
+            me.addListener('mouseup',addList);
+            flag = 1;
+
+
+        },
+        queryCommandState : function() {
+            return flag;
+        },
+        notNeedUndo : 1
+    };
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/horizontal.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/horizontal.js
new file mode 100644
index 000000000..1a4d7769f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/horizontal.js
@@ -0,0 +1,104 @@
+/**
+ * 插入分割线插件
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 插入分割线
+ * @command horizontal
+ * @method execCommand
+ * @param { String } cmdName 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'horizontal' );
+ * ```
+ */
+UE.plugins['horizontal'] = function(){
+    var me = this;
+    me.commands['horizontal'] = {
+        execCommand : function( cmdName ) {
+            var me = this;
+            if(me.queryCommandState(cmdName)!==-1){
+                me.execCommand('insertHtml','<hr>');
+                var range = me.selection.getRange(),
+                    start = range.startContainer;
+                if(start.nodeType == 1 && !start.childNodes[range.startOffset] ){
+
+                    var tmp;
+                    if(tmp = start.childNodes[range.startOffset - 1]){
+                        if(tmp.nodeType == 1 && tmp.tagName == 'HR'){
+                            if(me.options.enterTag == 'p'){
+                                tmp = me.document.createElement('p');
+                                range.insertNode(tmp);
+                                range.setStart(tmp,0).setCursor();
+
+                            }else{
+                                tmp = me.document.createElement('br');
+                                range.insertNode(tmp);
+                                range.setStartBefore(tmp).setCursor();
+                            }
+                        }
+                    }
+
+                }
+                return true;
+            }
+
+        },
+        //边界在table里不能加分隔线
+        queryCommandState : function() {
+            return domUtils.filterNodeList(this.selection.getStartElementPath(),'table') ? -1 : 0;
+        }
+    };
+//    me.addListener('delkeyup',function(){
+//        var rng = this.selection.getRange();
+//        if(browser.ie && browser.version > 8){
+//            rng.txtToElmBoundary(true);
+//            if(domUtils.isStartInblock(rng)){
+//                var tmpNode = rng.startContainer;
+//                var pre = tmpNode.previousSibling;
+//                if(pre && domUtils.isTagNode(pre,'hr')){
+//                    domUtils.remove(pre);
+//                    rng.select();
+//                    return;
+//                }
+//            }
+//        }
+//        if(domUtils.isBody(rng.startContainer)){
+//            var hr = rng.startContainer.childNodes[rng.startOffset -1];
+//            if(hr && hr.nodeName == 'HR'){
+//                var next = hr.nextSibling;
+//                if(next){
+//                    rng.setStart(next,0)
+//                }else if(hr.previousSibling){
+//                    rng.setStartAtLast(hr.previousSibling)
+//                }else{
+//                    var p = this.document.createElement('p');
+//                    hr.parentNode.insertBefore(p,hr);
+//                    domUtils.fillNode(this.document,p);
+//                    rng.setStart(p,0);
+//                }
+//                domUtils.remove(hr);
+//                rng.setCursor(false,true);
+//            }
+//        }
+//    })
+    me.addListener('delkeydown',function(name,evt){
+        var rng = this.selection.getRange();
+        rng.txtToElmBoundary(true);
+        if(domUtils.isStartInblock(rng)){
+            var tmpNode = rng.startContainer;
+            var pre = tmpNode.previousSibling;
+            if(pre && domUtils.isTagNode(pre,'hr')){
+                domUtils.remove(pre);
+                rng.select();
+                domUtils.preventDefault(evt);
+                return true;
+
+            }
+        }
+
+    })
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/iframe.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/iframe.js
new file mode 100644
index 000000000..ce3a6b971
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/iframe.js
@@ -0,0 +1,19 @@
+///import core
+///import plugins\inserthtml.js
+///commands 插入框架
+///commandsName  InsertFrame
+///commandsTitle  插入Iframe
+///commandsDialog  dialogs\insertframe
+
+UE.plugins['insertframe'] = function() {
+   var me =this;
+    function deleteIframe(){
+        me._iframe && delete me._iframe;
+    }
+
+    me.addListener("selectionchange",function(){
+        deleteIframe();
+    });
+
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/image.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/image.js
new file mode 100644
index 000000000..1cd07cb2d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/image.js
@@ -0,0 +1,273 @@
+/**
+ * 图片插入、排版插件
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 图片对齐方式
+ * @command imagefloat
+ * @method execCommand
+ * @remind 值center为独占一行居中
+ * @param { String } cmd 命令字符串
+ * @param { String } align 对齐方式，可传left、right、none、center
+ * @remaind center表示图片独占一行
+ * @example
+ * ```javascript
+ * editor.execCommand( 'imagefloat', 'center' );
+ * ```
+ */
+
+/**
+ * 如果选区所在位置是图片区域
+ * @command imagefloat
+ * @method queryCommandValue
+ * @param { String } cmd 命令字符串
+ * @return { String } 返回图片对齐方式
+ * @example
+ * ```javascript
+ * editor.queryCommandValue( 'imagefloat' );
+ * ```
+ */
+
+UE.commands['imagefloat'] = {
+    execCommand:function (cmd, align) {
+        var me = this,
+            range = me.selection.getRange();
+        if (!range.collapsed) {
+            var img = range.getClosedNode();
+            if (img && img.tagName == 'IMG') {
+                switch (align) {
+                    case 'left':
+                    case 'right':
+                    case 'none':
+                        var pN = img.parentNode, tmpNode, pre, next;
+                        while (dtd.$inline[pN.tagName] || pN.tagName == 'A') {
+                            pN = pN.parentNode;
+                        }
+                        tmpNode = pN;
+                        if (tmpNode.tagName == 'P' && domUtils.getStyle(tmpNode, 'text-align') == 'center') {
+                            if (!domUtils.isBody(tmpNode) && domUtils.getChildCount(tmpNode, function (node) {
+                                return !domUtils.isBr(node) && !domUtils.isWhitespace(node);
+                            }) == 1) {
+                                pre = tmpNode.previousSibling;
+                                next = tmpNode.nextSibling;
+                                if (pre && next && pre.nodeType == 1 && next.nodeType == 1 && pre.tagName == next.tagName && domUtils.isBlockElm(pre)) {
+                                    pre.appendChild(tmpNode.firstChild);
+                                    while (next.firstChild) {
+                                        pre.appendChild(next.firstChild);
+                                    }
+                                    domUtils.remove(tmpNode);
+                                    domUtils.remove(next);
+                                } else {
+                                    domUtils.setStyle(tmpNode, 'text-align', '');
+                                }
+
+
+                            }
+
+                            range.selectNode(img).select();
+                        }
+                        domUtils.setStyle(img, 'float', align == 'none' ? '' : align);
+                        if(align == 'none'){
+                            domUtils.removeAttributes(img,'align');
+                        }
+
+                        break;
+                    case 'center':
+                        if (me.queryCommandValue('imagefloat') != 'center') {
+                            pN = img.parentNode;
+                            domUtils.setStyle(img, 'float', '');
+                            domUtils.removeAttributes(img,'align');
+                            tmpNode = img;
+                            while (pN && domUtils.getChildCount(pN, function (node) {
+                                return !domUtils.isBr(node) && !domUtils.isWhitespace(node);
+                            }) == 1
+                                && (dtd.$inline[pN.tagName] || pN.tagName == 'A')) {
+                                tmpNode = pN;
+                                pN = pN.parentNode;
+                            }
+                            range.setStartBefore(tmpNode).setCursor(false);
+                            pN = me.document.createElement('div');
+                            pN.appendChild(tmpNode);
+                            domUtils.setStyle(tmpNode, 'float', '');
+
+                            me.execCommand('insertHtml', '<p id="_img_parent_tmp" style="text-align:center">' + pN.innerHTML + '</p>');
+
+                            tmpNode = me.document.getElementById('_img_parent_tmp');
+                            tmpNode.removeAttribute('id');
+                            tmpNode = tmpNode.firstChild;
+                            range.selectNode(tmpNode).select();
+                            //去掉后边多余的元素
+                            next = tmpNode.parentNode.nextSibling;
+                            if (next && domUtils.isEmptyNode(next)) {
+                                domUtils.remove(next);
+                            }
+
+                        }
+
+                        break;
+                }
+
+            }
+        }
+    },
+    queryCommandValue:function () {
+        var range = this.selection.getRange(),
+            startNode, floatStyle;
+        if (range.collapsed) {
+            return 'none';
+        }
+        startNode = range.getClosedNode();
+        if (startNode && startNode.nodeType == 1 && startNode.tagName == 'IMG') {
+            floatStyle = domUtils.getComputedStyle(startNode, 'float') || startNode.getAttribute('align');
+
+            if (floatStyle == 'none') {
+                floatStyle = domUtils.getComputedStyle(startNode.parentNode, 'text-align') == 'center' ? 'center' : floatStyle;
+            }
+            return {
+                left:1,
+                right:1,
+                center:1
+            }[floatStyle] ? floatStyle : 'none';
+        }
+        return 'none';
+
+
+    },
+    queryCommandState:function () {
+        var range = this.selection.getRange(),
+            startNode;
+
+        if (range.collapsed)  return -1;
+
+        startNode = range.getClosedNode();
+        if (startNode && startNode.nodeType == 1 && startNode.tagName == 'IMG') {
+            return 0;
+        }
+        return -1;
+    }
+};
+
+
+/**
+ * 插入图片
+ * @command insertimage
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param { Object } opt 属性键值对，这些属性都将被复制到当前插入图片
+ * @remind 该命令第二个参数可接受一个图片配置项对象的数组，可以插入多张图片，
+ * 此时数组的每一个元素都是一个Object类型的图片属性集合。
+ * @example
+ * ```javascript
+ * editor.execCommand( 'insertimage', {
+ *     src:'a/b/c.jpg',
+ *     width:'100',
+ *     height:'100'
+ * } );
+ * ```
+ * @example
+ * ```javascript
+ * editor.execCommand( 'insertimage', [{
+ *     src:'a/b/c.jpg',
+ *     width:'100',
+ *     height:'100'
+ * },{
+ *     src:'a/b/d.jpg',
+ *     width:'100',
+ *     height:'100'
+ * }] );
+ * ```
+ */
+
+UE.commands['insertimage'] = {
+    execCommand:function (cmd, opt) {
+
+        opt = utils.isArray(opt) ? opt : [opt];
+        if (!opt.length) {
+            return;
+        }
+        var me = this,
+            range = me.selection.getRange(),
+            img = range.getClosedNode();
+
+        if(me.fireEvent('beforeinsertimage', opt) === true){
+            return;
+        }
+
+        function unhtmlData(imgCi) {
+
+            utils.each('width,height,border,hspace,vspace'.split(','), function (item) {
+
+                if (imgCi[item]) {
+                    imgCi[item] = parseInt(imgCi[item], 10) || 0;
+                }
+            });
+
+            utils.each('src,_src'.split(','), function (item) {
+
+                if (imgCi[item]) {
+                    imgCi[item] = utils.unhtmlForUrl(imgCi[item]);
+                }
+            });
+            utils.each('title,alt'.split(','), function (item) {
+
+                if (imgCi[item]) {
+                    imgCi[item] = utils.unhtml(imgCi[item]);
+                }
+            });
+        }
+
+        if (img && /img/i.test(img.tagName) && (img.className != "edui-faked-video" || img.className.indexOf("edui-upload-video")!=-1) && !img.getAttribute("word_img")) {
+            var first = opt.shift();
+            var floatStyle = first['floatStyle'];
+            delete first['floatStyle'];
+////                img.style.border = (first.border||0) +"px solid #000";
+////                img.style.margin = (first.margin||0) +"px";
+//                img.style.cssText += ';margin:' + (first.margin||0) +"px;" + 'border:' + (first.border||0) +"px solid #000";
+            domUtils.setAttributes(img, first);
+            me.execCommand('imagefloat', floatStyle);
+            if (opt.length > 0) {
+                range.setStartAfter(img).setCursor(false, true);
+                me.execCommand('insertimage', opt);
+            }
+
+        } else {
+            var html = [], str = '', ci;
+            ci = opt[0];
+            if (opt.length == 1) {
+                unhtmlData(ci);
+
+                str = '<img src="' + ci.src + '" ' + (ci._src ? ' _src="' + ci._src + '" ' : '') +
+                    (ci.width ? 'width="' + ci.width + '" ' : '') +
+                    (ci.height ? ' height="' + ci.height + '" ' : '') +
+                    (ci['floatStyle'] == 'left' || ci['floatStyle'] == 'right' ? ' style="float:' + ci['floatStyle'] + ';"' : '') +
+                    (ci.title && ci.title != "" ? ' title="' + ci.title + '"' : '') +
+                    (ci.border && ci.border != "0" ? ' border="' + ci.border + '"' : '') +
+                    (ci.alt && ci.alt != "" ? ' alt="' + ci.alt + '"' : '') +
+                    (ci.hspace && ci.hspace != "0" ? ' hspace = "' + ci.hspace + '"' : '') +
+                    (ci.vspace && ci.vspace != "0" ? ' vspace = "' + ci.vspace + '"' : '') + '/>';
+                if (ci['floatStyle'] == 'center') {
+                    str = '<p style="text-align: center">' + str + '</p>';
+                }
+                html.push(str);
+
+            } else {
+                for (var i = 0; ci = opt[i++];) {
+                    unhtmlData(ci);
+                    str = '<p ' + (ci['floatStyle'] == 'center' ? 'style="text-align: center" ' : '') + '><img src="' + ci.src + '" ' +
+                        (ci.width ? 'width="' + ci.width + '" ' : '') + (ci._src ? ' _src="' + ci._src + '" ' : '') +
+                        (ci.height ? ' height="' + ci.height + '" ' : '') +
+                        ' style="' + (ci['floatStyle'] && ci['floatStyle'] != 'center' ? 'float:' + ci['floatStyle'] + ';' : '') +
+                        (ci.border || '') + '" ' +
+                        (ci.title ? ' title="' + ci.title + '"' : '') + ' /></p>';
+                    html.push(str);
+                }
+            }
+
+            me.execCommand('insertHtml', html.join(''));
+        }
+
+        me.fireEvent('afterinsertimage', opt)
+    }
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/indent.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/indent.js
new file mode 100644
index 000000000..0afadada8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/indent.js
@@ -0,0 +1,27 @@
+/**
+ * 首行缩进
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 缩进
+ * @command indent
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'indent' );
+ * ```
+ */
+UE.commands['indent'] = {
+    execCommand : function() {
+         var me = this,value = me.queryCommandState("indent") ? "0em" : (me.options.indentValue || '2em');
+         me.execCommand('Paragraph','p',{style:'text-indent:'+ value});
+    },
+    queryCommandState : function() {
+        var pN = domUtils.filterNodeList(this.selection.getStartElementPath(),'p h1 h2 h3 h4 h5 h6');
+        return pN && pN.style.textIndent && parseInt(pN.style.textIndent) ?  1 : 0;
+    }
+
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/insertcode.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/insertcode.js
new file mode 100644
index 000000000..2155fd6b3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/insertcode.js
@@ -0,0 +1,540 @@
+/**
+ * 插入代码插件
+ * @file
+ * @since 1.2.6.1
+ */
+
+UE.plugins['insertcode'] = function() {
+    var me = this;
+    me.ready(function(){
+        utils.cssRule('pre','pre{margin:.5em 0;padding:.4em .6em;border-radius:8px;background:#f8f8f8;}',
+            me.document)
+    });
+    me.setOpt('insertcode',{
+            'as3':'ActionScript3',
+            'bash':'Bash/Shell',
+            'cpp':'C/C++',
+            'css':'Css',
+            'cf':'CodeFunction',
+            'c#':'C#',
+            'delphi':'Delphi',
+            'diff':'Diff',
+            'erlang':'Erlang',
+            'groovy':'Groovy',
+            'html':'Html',
+            'java':'Java',
+            'jfx':'JavaFx',
+            'js':'Javascript',
+            'pl':'Perl',
+            'php':'Php',
+            'plain':'Plain Text',
+            'ps':'PowerShell',
+            'python':'Python',
+            'ruby':'Ruby',
+            'scala':'Scala',
+            'sql':'Sql',
+            'vb':'Vb',
+            'xml':'Xml'
+    });
+
+    /**
+     * 插入代码
+     * @command insertcode
+     * @method execCommand
+     * @param { String } cmd 命令字符串
+     * @param { String } lang 插入代码的语言
+     * @example
+     * ```javascript
+     * editor.execCommand( 'insertcode', 'javascript' );
+     * ```
+     */
+
+    /**
+     * 如果选区所在位置是插入插入代码区域，返回代码的语言
+     * @command insertcode
+     * @method queryCommandValue
+     * @param { String } cmd 命令字符串
+     * @return { String } 返回代码的语言
+     * @example
+     * ```javascript
+     * editor.queryCommandValue( 'insertcode' );
+     * ```
+     */
+
+    me.commands['insertcode'] = {
+        execCommand : function(cmd,lang){
+            var me = this,
+                rng = me.selection.getRange(),
+                pre = domUtils.findParentByTagName(rng.startContainer,'pre',true);
+            if(pre){
+                pre.className = 'brush:'+lang+';toolbar:false;';
+            }else{
+                var code = '';
+                if(rng.collapsed){
+                    code = browser.ie && browser.ie11below ? (browser.version <= 8 ? '&nbsp;':''):'<br/>';
+                }else{
+                    var frag = rng.extractContents();
+                    var div = me.document.createElement('div');
+                    div.appendChild(frag);
+
+                    utils.each(UE.filterNode(UE.htmlparser(div.innerHTML.replace(/[\r\t]/g,'')),me.options.filterTxtRules).children,function(node){
+                        if(browser.ie && browser.ie11below && browser.version > 8){
+
+                            if(node.type =='element'){
+                                if(node.tagName == 'br'){
+                                    code += '\n'
+                                }else if(!dtd.$empty[node.tagName]){
+                                    utils.each(node.children,function(cn){
+                                        if(cn.type =='element'){
+                                            if(cn.tagName == 'br'){
+                                                code += '\n'
+                                            }else if(!dtd.$empty[node.tagName]){
+                                                code += cn.innerText();
+                                            }
+                                        }else{
+                                            code += cn.data
+                                        }
+                                    })
+                                    if(!/\n$/.test(code)){
+                                        code += '\n';
+                                    }
+                                }
+                            }else{
+                                code += node.data + '\n'
+                            }
+                            if(!node.nextSibling() && /\n$/.test(code)){
+                                code = code.replace(/\n$/,'');
+                            }
+                        }else{
+                            if(browser.ie && browser.ie11below){
+
+                                if(node.type =='element'){
+                                    if(node.tagName == 'br'){
+                                        code += '<br>'
+                                    }else if(!dtd.$empty[node.tagName]){
+                                        utils.each(node.children,function(cn){
+                                            if(cn.type =='element'){
+                                                if(cn.tagName == 'br'){
+                                                    code += '<br>'
+                                                }else if(!dtd.$empty[node.tagName]){
+                                                    code += cn.innerText();
+                                                }
+                                            }else{
+                                                code += cn.data
+                                            }
+                                        });
+                                        if(!/br>$/.test(code)){
+                                            code += '<br>';
+                                        }
+                                    }
+                                }else{
+                                    code += node.data + '<br>'
+                                }
+                                if(!node.nextSibling() && /<br>$/.test(code)){
+                                    code = code.replace(/<br>$/,'');
+                                }
+
+                            }else{
+                                code += (node.type == 'element' ? (dtd.$empty[node.tagName] ?  '' : node.innerText()) : node.data);
+                                if(!/br\/?\s*>$/.test(code)){
+                                    if(!node.nextSibling())
+                                        return;
+                                    code += '<br>'
+                                }
+                            }
+
+                        }
+
+                    });
+                }
+                me.execCommand('inserthtml','<pre id="coder"class="brush:'+lang+';toolbar:false">'+code+'</pre>',true);
+
+                pre = me.document.getElementById('coder');
+                domUtils.removeAttributes(pre,'id');
+                var tmpNode = pre.previousSibling;
+
+                if(tmpNode && (tmpNode.nodeType == 3 && tmpNode.nodeValue.length == 1 && browser.ie && browser.version == 6 ||  domUtils.isEmptyBlock(tmpNode))){
+
+                    domUtils.remove(tmpNode)
+                }
+                var rng = me.selection.getRange();
+                if(domUtils.isEmptyBlock(pre)){
+                    rng.setStart(pre,0).setCursor(false,true)
+                }else{
+                    rng.selectNodeContents(pre).select()
+                }
+            }
+
+
+
+        },
+        queryCommandValue : function(){
+            var path = this.selection.getStartElementPath();
+            var lang = '';
+            utils.each(path,function(node){
+                if(node.nodeName =='PRE'){
+                    var match = node.className.match(/brush:([^;]+)/);
+                    lang = match && match[1] ? match[1] : '';
+                    return false;
+                }
+            });
+            return lang;
+        }
+    };
+
+    me.addInputRule(function(root){
+       utils.each(root.getNodesByTagName('pre'),function(pre){
+           var brs = pre.getNodesByTagName('br');
+           if(brs.length){
+               browser.ie && browser.ie11below && browser.version > 8 && utils.each(brs,function(br){
+                   var txt = UE.uNode.createText('\n');
+                   br.parentNode.insertBefore(txt,br);
+                   br.parentNode.removeChild(br);
+               });
+               return;
+            }
+           if(browser.ie && browser.ie11below && browser.version > 8)
+                return;
+            var code = pre.innerText().split(/\n/);
+            pre.innerHTML('');
+            utils.each(code,function(c){
+                if(c.length){
+                    pre.appendChild(UE.uNode.createText(c));
+                }
+                pre.appendChild(UE.uNode.createElement('br'))
+            })
+       })
+    });
+    me.addOutputRule(function(root){
+        utils.each(root.getNodesByTagName('pre'),function(pre){
+            var code = '';
+            utils.each(pre.children,function(n){
+               if(n.type == 'text'){
+                   //在ie下文本内容有可能末尾带有\n要去掉
+                   //trace:3396
+                   code += n.data.replace(/[ ]/g,'&nbsp;').replace(/\n$/,'');
+               }else{
+                   if(n.tagName == 'br'){
+                       code  += '\n'
+                   }else{
+                       code += (!dtd.$empty[n.tagName] ? '' : n.innerText());
+                   }
+
+               }
+
+            });
+
+            pre.innerText(code.replace(/(&nbsp;|\n)+$/,''))
+        })
+    });
+    //不需要判断highlight的command列表
+    me.notNeedCodeQuery ={
+        help:1,
+        undo:1,
+        redo:1,
+        source:1,
+        print:1,
+        searchreplace:1,
+        fullscreen:1,
+        preview:1,
+        insertparagraph:1,
+        elementpath:1,
+        insertcode:1,
+        inserthtml:1,
+        selectall:1
+    };
+    //将queyCommamndState重置
+    var orgQuery = me.queryCommandState;
+    me.queryCommandState = function(cmd){
+        var me = this;
+
+        if(!me.notNeedCodeQuery[cmd.toLowerCase()] && me.selection && me.queryCommandValue('insertcode')){
+            return -1;
+        }
+        return UE.Editor.prototype.queryCommandState.apply(this,arguments)
+    };
+    me.addListener('beforeenterkeydown',function(){
+        var rng = me.selection.getRange();
+        var pre = domUtils.findParentByTagName(rng.startContainer,'pre',true);
+        if(pre){
+            me.fireEvent('saveScene');
+            if(!rng.collapsed){
+               rng.deleteContents();
+            }
+            if(!browser.ie || browser.ie9above){
+                var tmpNode = me.document.createElement('br'),pre;
+                rng.insertNode(tmpNode).setStartAfter(tmpNode).collapse(true);
+                var next = tmpNode.nextSibling;
+                if(!next && (!browser.ie || browser.version > 10)){
+                    rng.insertNode(tmpNode.cloneNode(false));
+                }else{
+                    rng.setStartAfter(tmpNode);
+                }
+                pre = tmpNode.previousSibling;
+                var tmp;
+                while(pre ){
+                    tmp = pre;
+                    pre = pre.previousSibling;
+                    if(!pre || pre.nodeName == 'BR'){
+                        pre = tmp;
+                        break;
+                    }
+                }
+                if(pre){
+                    var str = '';
+                    while(pre && pre.nodeName != 'BR' &&  new RegExp('^[\\s'+domUtils.fillChar+']*$').test(pre.nodeValue)){
+                        str += pre.nodeValue;
+                        pre = pre.nextSibling;
+                    }
+                    if(pre.nodeName != 'BR'){
+                        var match = pre.nodeValue.match(new RegExp('^([\\s'+domUtils.fillChar+']+)'));
+                        if(match && match[1]){
+                            str += match[1]
+                        }
+
+                    }
+                    if(str){
+                        str = me.document.createTextNode(str);
+                        rng.insertNode(str).setStartAfter(str);
+                    }
+                }
+                rng.collapse(true).select(true);
+            }else{
+                if(browser.version > 8){
+
+                    var txt = me.document.createTextNode('\n');
+                    var start = rng.startContainer;
+                    if(rng.startOffset == 0){
+                        var preNode = start.previousSibling;
+                        if(preNode){
+                            rng.insertNode(txt);
+                            var fillchar = me.document.createTextNode(' ');
+                            rng.setStartAfter(txt).insertNode(fillchar).setStart(fillchar,0).collapse(true).select(true)
+                        }
+                    }else{
+                        rng.insertNode(txt).setStartAfter(txt);
+                        var fillchar = me.document.createTextNode(' ');
+                        start = rng.startContainer.childNodes[rng.startOffset];
+                        if(start && !/^\n/.test(start.nodeValue)){
+                            rng.setStartBefore(txt)
+                        }
+                        rng.insertNode(fillchar).setStart(fillchar,0).collapse(true).select(true)
+                    }
+
+                }else{
+                    var tmpNode = me.document.createElement('br');
+                    rng.insertNode(tmpNode);
+                    rng.insertNode(me.document.createTextNode(domUtils.fillChar));
+                    rng.setStartAfter(tmpNode);
+                    pre = tmpNode.previousSibling;
+                    var tmp;
+                    while(pre ){
+                        tmp = pre;
+                        pre = pre.previousSibling;
+                        if(!pre || pre.nodeName == 'BR'){
+                            pre = tmp;
+                            break;
+                        }
+                    }
+                    if(pre){
+                        var str = '';
+                        while(pre && pre.nodeName != 'BR' &&  new RegExp('^[ '+domUtils.fillChar+']*$').test(pre.nodeValue)){
+                            str += pre.nodeValue;
+                            pre = pre.nextSibling;
+                        }
+                        if(pre.nodeName != 'BR'){
+                            var match = pre.nodeValue.match(new RegExp('^([ '+domUtils.fillChar+']+)'));
+                            if(match && match[1]){
+                                str += match[1]
+                            }
+
+                        }
+
+                        str = me.document.createTextNode(str);
+                        rng.insertNode(str).setStartAfter(str);
+                    }
+                    rng.collapse(true).select();
+                }
+
+
+            }
+            me.fireEvent('saveScene');
+            return true;
+        }
+
+
+    });
+
+    me.addListener('tabkeydown',function(cmd,evt){
+        var rng = me.selection.getRange();
+        var pre = domUtils.findParentByTagName(rng.startContainer,'pre',true);
+        if(pre){
+            me.fireEvent('saveScene');
+            if(evt.shiftKey){
+
+            }else{
+                if(!rng.collapsed){
+                    var bk = rng.createBookmark();
+                    var start = bk.start.previousSibling;
+
+                    while(start){
+                        if(pre.firstChild === start && !domUtils.isBr(start)){
+                            pre.insertBefore(me.document.createTextNode('    '),start);
+
+                            break;
+                        }
+                        if(domUtils.isBr(start)){
+                            pre.insertBefore(me.document.createTextNode('    '),start.nextSibling);
+
+                            break;
+                        }
+                        start = start.previousSibling;
+                    }
+                    var end = bk.end;
+                    start = bk.start.nextSibling;
+                    if(pre.firstChild === bk.start){
+                        pre.insertBefore(me.document.createTextNode('    '),start.nextSibling)
+
+                    }
+                    while(start && start !== end){
+                        if(domUtils.isBr(start) && start.nextSibling){
+                            if(start.nextSibling === end){
+                                break;
+                            }
+                            pre.insertBefore(me.document.createTextNode('    '),start.nextSibling)
+                        }
+
+                        start = start.nextSibling;
+                    }
+                    rng.moveToBookmark(bk).select();
+                }else{
+                    var tmpNode = me.document.createTextNode('    ');
+                    rng.insertNode(tmpNode).setStartAfter(tmpNode).collapse(true).select(true);
+                }
+            }
+
+
+            me.fireEvent('saveScene');
+            return true;
+        }
+
+
+    });
+
+
+    me.addListener('beforeinserthtml',function(evtName,html){
+        var me = this,
+            rng = me.selection.getRange(),
+            pre = domUtils.findParentByTagName(rng.startContainer,'pre',true);
+        if(pre){
+            if(!rng.collapsed){
+                rng.deleteContents()
+            }
+            var htmlstr = '';
+            if(browser.ie && browser.version > 8){
+
+                utils.each(UE.filterNode(UE.htmlparser(html),me.options.filterTxtRules).children,function(node){
+                    if(node.type =='element'){
+                        if(node.tagName == 'br'){
+                            htmlstr += '\n'
+                        }else if(!dtd.$empty[node.tagName]){
+                            utils.each(node.children,function(cn){
+                                if(cn.type =='element'){
+                                    if(cn.tagName == 'br'){
+                                        htmlstr += '\n'
+                                    }else if(!dtd.$empty[node.tagName]){
+                                        htmlstr += cn.innerText();
+                                    }
+                                }else{
+                                    htmlstr += cn.data
+                                }
+                            })
+                            if(!/\n$/.test(htmlstr)){
+                                htmlstr += '\n';
+                            }
+                        }
+                    }else{
+                        htmlstr += node.data + '\n'
+                    }
+                    if(!node.nextSibling() && /\n$/.test(htmlstr)){
+                        htmlstr = htmlstr.replace(/\n$/,'');
+                    }
+                });
+                var tmpNode = me.document.createTextNode(utils.html(htmlstr.replace(/&nbsp;/g,' ')));
+                rng.insertNode(tmpNode).selectNode(tmpNode).select();
+            }else{
+                var frag = me.document.createDocumentFragment();
+
+                utils.each(UE.filterNode(UE.htmlparser(html),me.options.filterTxtRules).children,function(node){
+                    if(node.type =='element'){
+                        if(node.tagName == 'br'){
+                            frag.appendChild(me.document.createElement('br'))
+                        }else if(!dtd.$empty[node.tagName]){
+                            utils.each(node.children,function(cn){
+                                if(cn.type =='element'){
+                                    if(cn.tagName == 'br'){
+
+                                        frag.appendChild(me.document.createElement('br'))
+                                    }else if(!dtd.$empty[node.tagName]){
+                                        frag.appendChild(me.document.createTextNode(utils.html(cn.innerText().replace(/&nbsp;/g,' '))));
+
+                                    }
+                                }else{
+                                    frag.appendChild(me.document.createTextNode(utils.html( cn.data.replace(/&nbsp;/g,' '))));
+
+                                }
+                            })
+                            if(frag.lastChild.nodeName != 'BR'){
+                                frag.appendChild(me.document.createElement('br'))
+                            }
+                        }
+                    }else{
+                        frag.appendChild(me.document.createTextNode(utils.html( node.data.replace(/&nbsp;/g,' '))));
+                    }
+                    if(!node.nextSibling() && frag.lastChild.nodeName == 'BR'){
+                       frag.removeChild(frag.lastChild)
+                    }
+
+
+                });
+                rng.insertNode(frag).select();
+
+            }
+
+            return true;
+        }
+    });
+    //方向键的处理
+    me.addListener('keydown',function(cmd,evt){
+        var me = this,keyCode = evt.keyCode || evt.which;
+        if(keyCode == 40){
+            var rng = me.selection.getRange(),pre,start = rng.startContainer;
+            if(rng.collapsed && (pre = domUtils.findParentByTagName(rng.startContainer,'pre',true)) && !pre.nextSibling){
+                var last = pre.lastChild
+                while(last && last.nodeName == 'BR'){
+                    last = last.previousSibling;
+                }
+                if(last === start || rng.startContainer === pre && rng.startOffset == pre.childNodes.length){
+                    me.execCommand('insertparagraph');
+                    domUtils.preventDefault(evt)
+                }
+
+            }
+        }
+    });
+    //trace:3395
+    me.addListener('delkeydown',function(type,evt){
+        var rng = this.selection.getRange();
+        rng.txtToElmBoundary(true);
+        var start = rng.startContainer;
+        if(domUtils.isTagNode(start,'pre') && rng.collapsed && domUtils.isStartInblock(rng)){
+            var p = me.document.createElement('p');
+            domUtils.fillNode(me.document,p);
+            start.parentNode.insertBefore(p,start);
+            domUtils.remove(start);
+            rng.setStart(p,0).setCursor(false,true);
+            domUtils.preventDefault(evt);
+            return true;
+        }
+    })
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/insertfile.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/insertfile.js
new file mode 100644
index 000000000..b4d685e22
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/insertfile.js
@@ -0,0 +1,69 @@
+/**
+ * 插入附件
+ */
+UE.plugin.register('insertfile', function (){
+
+    var me = this;
+
+    function getFileIcon(url){
+        var ext = url.substr(url.lastIndexOf('.') + 1).toLowerCase(),
+            maps = {
+                "rar":"icon_rar.gif",
+                "zip":"icon_rar.gif",
+                "tar":"icon_rar.gif",
+                "gz":"icon_rar.gif",
+                "bz2":"icon_rar.gif",
+                "doc":"icon_doc.gif",
+                "docx":"icon_doc.gif",
+                "pdf":"icon_pdf.gif",
+                "mp3":"icon_mp3.gif",
+                "xls":"icon_xls.gif",
+                "chm":"icon_chm.gif",
+                "ppt":"icon_ppt.gif",
+                "pptx":"icon_ppt.gif",
+                "avi":"icon_mv.gif",
+                "rmvb":"icon_mv.gif",
+                "wmv":"icon_mv.gif",
+                "flv":"icon_mv.gif",
+                "swf":"icon_mv.gif",
+                "rm":"icon_mv.gif",
+                "exe":"icon_exe.gif",
+                "psd":"icon_psd.gif",
+                "txt":"icon_txt.gif",
+                "jpg":"icon_jpg.gif",
+                "png":"icon_jpg.gif",
+                "jpeg":"icon_jpg.gif",
+                "gif":"icon_jpg.gif",
+                "ico":"icon_jpg.gif",
+                "bmp":"icon_jpg.gif"
+            };
+        return maps[ext] ? maps[ext]:maps['txt'];
+    }
+
+    return {
+        commands:{
+            'insertfile': {
+                execCommand: function (command, filelist){
+                    filelist = utils.isArray(filelist) ? filelist : [filelist];
+
+                    var i, item, icon, title,
+                        html = '',
+                        URL = me.getOpt('UEDITOR_HOME_URL'),
+                        iconDir = URL + (URL.substr(URL.length - 1) == '/' ? '':'/') + 'dialogs/attachment/fileTypeImages/';
+                    for (i = 0; i < filelist.length; i++) {
+                        item = filelist[i];
+                        icon = iconDir + getFileIcon(item.url);
+                        title = item.title || item.url.substr(item.url.lastIndexOf('/') + 1);
+                        html += '<p style="line-height: 16px;">' +
+                            '<img style="vertical-align: middle; margin-right: 2px;" src="'+ icon + '" _src="' + icon + '" />' +
+                            '<a style="font-size:12px; color:#0066cc;" href="' + item.url +'" title="' + title + '">' + title + '</a>' +
+                            '</p>';
+                    }
+                    me.execCommand('insertHtml', html);
+                }
+            }
+        }
+    }
+});
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/inserthtml.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/inserthtml.js
new file mode 100644
index 000000000..7063692a5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/inserthtml.js
@@ -0,0 +1,255 @@
+/**
+ * 插入html字符串插件
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 插入html代码
+ * @command inserthtml
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param { String } html 插入的html字符串
+ * @remaind 插入的标签内容是在当前的选区位置上插入，如果当前是闭合状态，那直接插入内容， 如果当前是选中状态，将先清除当前选中内容后，再做插入
+ * @warning 注意:该命令会对当前选区的位置，对插入的内容进行过滤转换处理。 过滤的规则遵循html语意化的原则。
+ * @example
+ * ```javascript
+ * //xxx[BB]xxx 当前选区为非闭合选区，选中BB这两个文本
+ * //执行命令，插入<b>CC</b>
+ * //插入后的效果 xxx<b>CC</b>xxx
+ * //<p>xx|xxx</p> 当前选区为闭合状态
+ * //插入<p>CC</p>
+ * //结果 <p>xx</p><p>CC</p><p>xxx</p>
+ * //<p>xxxx</p>|</p>xxx</p> 当前选区在两个p标签之间
+ * //插入 xxxx
+ * //结果 <p>xxxx</p><p>xxxx</p></p>xxx</p>
+ * ```
+ */
+
+UE.commands['inserthtml'] = {
+    execCommand: function (command,html,notNeedFilter){
+        var me = this,
+            range,
+            div;
+        if(!html){
+            return;
+        }
+        if(me.fireEvent('beforeinserthtml',html) === true){
+            return;
+        }
+        range = me.selection.getRange();
+        div = range.document.createElement( 'div' );
+        div.style.display = 'inline';
+
+        if (!notNeedFilter) {
+            var root = UE.htmlparser(html);
+            //如果给了过滤规则就先进行过滤
+            if(me.options.filterRules){
+                UE.filterNode(root,me.options.filterRules);
+            }
+            //执行默认的处理
+            me.filterInputRule(root);
+            html = root.toHtml()
+        }
+        div.innerHTML = utils.trim( html );
+
+        if ( !range.collapsed ) {
+            var tmpNode = range.startContainer;
+            if(domUtils.isFillChar(tmpNode)){
+                range.setStartBefore(tmpNode)
+            }
+            tmpNode = range.endContainer;
+            if(domUtils.isFillChar(tmpNode)){
+                range.setEndAfter(tmpNode)
+            }
+            range.txtToElmBoundary();
+            //结束边界可能放到了br的前边，要把br包含进来
+            // x[xxx]<br/>
+            if(range.endContainer && range.endContainer.nodeType == 1){
+                tmpNode = range.endContainer.childNodes[range.endOffset];
+                if(tmpNode && domUtils.isBr(tmpNode)){
+                    range.setEndAfter(tmpNode);
+                }
+            }
+            if(range.startOffset == 0){
+                tmpNode = range.startContainer;
+                if(domUtils.isBoundaryNode(tmpNode,'firstChild') ){
+                    tmpNode = range.endContainer;
+                    if(range.endOffset == (tmpNode.nodeType == 3 ? tmpNode.nodeValue.length : tmpNode.childNodes.length) && domUtils.isBoundaryNode(tmpNode,'lastChild')){
+                        me.body.innerHTML = '<p>'+(browser.ie ? '' : '<br/>')+'</p>';
+                        range.setStart(me.body.firstChild,0).collapse(true)
+
+                    }
+                }
+            }
+            !range.collapsed && range.deleteContents();
+            if(range.startContainer.nodeType == 1){
+                var child = range.startContainer.childNodes[range.startOffset],pre;
+                if(child && domUtils.isBlockElm(child) && (pre = child.previousSibling) && domUtils.isBlockElm(pre)){
+                    range.setEnd(pre,pre.childNodes.length).collapse();
+                    while(child.firstChild){
+                        pre.appendChild(child.firstChild);
+                    }
+                    domUtils.remove(child);
+                }
+            }
+
+        }
+
+
+        var child,parent,pre,tmp,hadBreak = 0, nextNode;
+        //如果当前位置选中了fillchar要干掉，要不会产生空行
+        if(range.inFillChar()){
+            child = range.startContainer;
+            if(domUtils.isFillChar(child)){
+                range.setStartBefore(child).collapse(true);
+                domUtils.remove(child);
+            }else if(domUtils.isFillChar(child,true)){
+                child.nodeValue = child.nodeValue.replace(fillCharReg,'');
+                range.startOffset--;
+                range.collapsed && range.collapse(true)
+            }
+        }
+        //列表单独处理
+        var li = domUtils.findParentByTagName(range.startContainer,'li',true);
+        if(li){
+            var next,last;
+            while(child = div.firstChild){
+                //针对hr单独处理一下先
+                while(child && (child.nodeType == 3 || !domUtils.isBlockElm(child) || child.tagName=='HR' )){
+                    next = child.nextSibling;
+                    range.insertNode( child).collapse();
+                    last = child;
+                    child = next;
+
+                }
+                if(child){
+                    if(/^(ol|ul)$/i.test(child.tagName)){
+                        while(child.firstChild){
+                            last = child.firstChild;
+                            domUtils.insertAfter(li,child.firstChild);
+                            li = li.nextSibling;
+                        }
+                        domUtils.remove(child)
+                    }else{
+                        var tmpLi;
+                        next = child.nextSibling;
+                        tmpLi = me.document.createElement('li');
+                        domUtils.insertAfter(li,tmpLi);
+                        tmpLi.appendChild(child);
+                        last = child;
+                        child = next;
+                        li = tmpLi;
+                    }
+                }
+            }
+            li = domUtils.findParentByTagName(range.startContainer,'li',true);
+            if(domUtils.isEmptyBlock(li)){
+                domUtils.remove(li)
+            }
+            if(last){
+
+                range.setStartAfter(last).collapse(true).select(true)
+            }
+        }else{
+            while ( child = div.firstChild ) {
+                if(hadBreak){
+                    var p = me.document.createElement('p');
+                    while(child && (child.nodeType == 3 || !dtd.$block[child.tagName])){
+                        nextNode = child.nextSibling;
+                        p.appendChild(child);
+                        child = nextNode;
+                    }
+                    if(p.firstChild){
+
+                        child = p
+                    }
+                }
+                range.insertNode( child );
+                nextNode = child.nextSibling;
+                if ( !hadBreak && child.nodeType == domUtils.NODE_ELEMENT && domUtils.isBlockElm( child ) ){
+
+                    parent = domUtils.findParent( child,function ( node ){ return domUtils.isBlockElm( node ); } );
+                    if ( parent && parent.tagName.toLowerCase() != 'body' && !(dtd[parent.tagName][child.nodeName] && child.parentNode === parent)){
+                        if(!dtd[parent.tagName][child.nodeName]){
+                            pre = parent;
+                        }else{
+                            tmp = child.parentNode;
+                            while (tmp !== parent){
+                                pre = tmp;
+                                tmp = tmp.parentNode;
+
+                            }
+                        }
+
+
+                        domUtils.breakParent( child, pre || tmp );
+                        //去掉break后前一个多余的节点  <p>|<[p> ==> <p></p><div></div><p>|</p>
+                        var pre = child.previousSibling;
+                        domUtils.trimWhiteTextNode(pre);
+                        if(!pre.childNodes.length){
+                            domUtils.remove(pre);
+                        }
+                        //trace:2012,在非ie的情况，切开后剩下的节点有可能不能点入光标添加br占位
+
+                        if(!browser.ie &&
+                            (next = child.nextSibling) &&
+                            domUtils.isBlockElm(next) &&
+                            next.lastChild &&
+                            !domUtils.isBr(next.lastChild)){
+                            next.appendChild(me.document.createElement('br'));
+                        }
+                        hadBreak = 1;
+                    }
+                }
+                var next = child.nextSibling;
+                if(!div.firstChild && next && domUtils.isBlockElm(next)){
+
+                    range.setStart(next,0).collapse(true);
+                    break;
+                }
+                range.setEndAfter( child ).collapse();
+
+            }
+
+            child = range.startContainer;
+
+            if(nextNode && domUtils.isBr(nextNode)){
+                domUtils.remove(nextNode)
+            }
+            //用chrome可能有空白展位符
+            if(domUtils.isBlockElm(child) && domUtils.isEmptyNode(child)){
+                if(nextNode = child.nextSibling){
+                    domUtils.remove(child);
+                    if(nextNode.nodeType == 1 && dtd.$block[nextNode.tagName]){
+
+                        range.setStart(nextNode,0).collapse(true).shrinkBoundary()
+                    }
+                }else{
+
+                    try{
+                        child.innerHTML = browser.ie ? domUtils.fillChar : '<br/>';
+                    }catch(e){
+                        range.setStartBefore(child);
+                        domUtils.remove(child)
+                    }
+
+                }
+
+            }
+            //加上true因为在删除表情等时会删两次，第一次是删的fillData
+            try{
+                range.select(true);
+            }catch(e){}
+
+        }
+
+
+
+        setTimeout(function(){
+            range = me.selection.getRange();
+            range.scrollToView(me.autoHeightEnabled,me.autoHeightEnabled ? domUtils.getXY(me.iframe).y:0);
+            me.fireEvent('afterinserthtml', html);
+        },200);
+    }
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/insertparagraph.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/insertparagraph.js
new file mode 100644
index 000000000..ad2ad2756
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/insertparagraph.js
@@ -0,0 +1,44 @@
+/**
+ * 插入段落
+ * @file
+ * @since 1.2.6.1
+ */
+
+
+/**
+ * 插入段落
+ * @command insertparagraph
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * //editor是编辑器实例
+ * editor.execCommand( 'insertparagraph' );
+ * ```
+ */
+
+UE.commands['insertparagraph'] = {
+    execCommand : function( cmdName,front) {
+        var me = this,
+            range = me.selection.getRange(),
+            start = range.startContainer,tmpNode;
+        while(start ){
+            if(domUtils.isBody(start)){
+                break;
+            }
+            tmpNode = start;
+            start = start.parentNode;
+        }
+        if(tmpNode){
+            var p = me.document.createElement('p');
+            if(front){
+                tmpNode.parentNode.insertBefore(p,tmpNode)
+            }else{
+                tmpNode.parentNode.insertBefore(p,tmpNode.nextSibling)
+            }
+            domUtils.fillNode(me.document,p);
+            range.setStart(p,0).setCursor(false,true);
+        }
+    }
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/justify.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/justify.js
new file mode 100644
index 000000000..8663ea864
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/justify.js
@@ -0,0 +1,114 @@
+/**
+ * 段落格式
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 段落对齐方式
+ * @command justify
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param { String } align 对齐方式：left => 居左，right => 居右，center => 居中，justify => 两端对齐
+ * @example
+ * ```javascript
+ * editor.execCommand( 'justify', 'center' );
+ * ```
+ */
+/**
+ * 如果选区所在位置是段落区域，返回当前段落对齐方式
+ * @command justify
+ * @method queryCommandValue
+ * @param { String } cmd 命令字符串
+ * @return { String } 返回段落对齐方式
+ * @example
+ * ```javascript
+ * editor.queryCommandValue( 'justify' );
+ * ```
+ */
+
+UE.plugins['justify']=function(){
+    var me=this,
+        block = domUtils.isBlockElm,
+        defaultValue = {
+            left:1,
+            right:1,
+            center:1,
+            justify:1
+        },
+        doJustify = function (range, style) {
+            var bookmark = range.createBookmark(),
+                filterFn = function (node) {
+                    return node.nodeType == 1 ? node.tagName.toLowerCase() != 'br' && !domUtils.isBookmarkNode(node) : !domUtils.isWhitespace(node);
+                };
+
+            range.enlarge(true);
+            var bookmark2 = range.createBookmark(),
+                current = domUtils.getNextDomNode(bookmark2.start, false, filterFn),
+                tmpRange = range.cloneRange(),
+                tmpNode;
+            while (current && !(domUtils.getPosition(current, bookmark2.end) & domUtils.POSITION_FOLLOWING)) {
+                if (current.nodeType == 3 || !block(current)) {
+                    tmpRange.setStartBefore(current);
+                    while (current && current !== bookmark2.end && !block(current)) {
+                        tmpNode = current;
+                        current = domUtils.getNextDomNode(current, false, null, function (node) {
+                            return !block(node);
+                        });
+                    }
+                    tmpRange.setEndAfter(tmpNode);
+                    var common = tmpRange.getCommonAncestor();
+                    if (!domUtils.isBody(common) && block(common)) {
+                        domUtils.setStyles(common, utils.isString(style) ? {'text-align':style} : style);
+                        current = common;
+                    } else {
+                        var p = range.document.createElement('p');
+                        domUtils.setStyles(p, utils.isString(style) ? {'text-align':style} : style);
+                        var frag = tmpRange.extractContents();
+                        p.appendChild(frag);
+                        tmpRange.insertNode(p);
+                        current = p;
+                    }
+                    current = domUtils.getNextDomNode(current, false, filterFn);
+                } else {
+                    current = domUtils.getNextDomNode(current, true, filterFn);
+                }
+            }
+            return range.moveToBookmark(bookmark2).moveToBookmark(bookmark);
+        };
+
+    UE.commands['justify'] = {
+        execCommand:function (cmdName, align) {
+            var range = this.selection.getRange(),
+                txt;
+
+            //闭合时单独处理
+            if (range.collapsed) {
+                txt = this.document.createTextNode('p');
+                range.insertNode(txt);
+            }
+            doJustify(range, align);
+            if (txt) {
+                range.setStartBefore(txt).collapse(true);
+                domUtils.remove(txt);
+            }
+
+            range.select();
+
+
+            return true;
+        },
+        queryCommandValue:function () {
+            var startNode = this.selection.getStart(),
+                value = domUtils.getComputedStyle(startNode, 'text-align');
+            return defaultValue[value] ? value : 'left';
+        },
+        queryCommandState:function () {
+            var start = this.selection.getStart(),
+                cell = start && domUtils.findParentByTagName(start, ["td", "th","caption"], true);
+
+            return cell? -1:0;
+        }
+
+    };
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/keystrokes.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/keystrokes.js
new file mode 100644
index 000000000..b82e75d36
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/keystrokes.js
@@ -0,0 +1,214 @@
+/* 处理特殊键的兼容性问题 */
+UE.plugins['keystrokes'] = function() {
+    var me = this;
+    var collapsed = true;
+    me.addListener('keydown', function(type, evt) {
+        var keyCode = evt.keyCode || evt.which,
+            rng = me.selection.getRange();
+
+        //处理全选的情况
+        if(!rng.collapsed && !(evt.ctrlKey || evt.shiftKey || evt.altKey || evt.metaKey) && (keyCode >= 65 && keyCode <=90
+            || keyCode >= 48 && keyCode <= 57 ||
+            keyCode >= 96 && keyCode <= 111 || {
+                    13:1,
+                    8:1,
+                    46:1
+                }[keyCode])
+            ){
+
+            var tmpNode = rng.startContainer;
+            if(domUtils.isFillChar(tmpNode)){
+                rng.setStartBefore(tmpNode)
+            }
+            tmpNode = rng.endContainer;
+            if(domUtils.isFillChar(tmpNode)){
+                rng.setEndAfter(tmpNode)
+            }
+            rng.txtToElmBoundary();
+            //结束边界可能放到了br的前边，要把br包含进来
+            // x[xxx]<br/>
+            if(rng.endContainer && rng.endContainer.nodeType == 1){
+                tmpNode = rng.endContainer.childNodes[rng.endOffset];
+                if(tmpNode && domUtils.isBr(tmpNode)){
+                    rng.setEndAfter(tmpNode);
+                }
+            }
+            if(rng.startOffset == 0){
+                tmpNode = rng.startContainer;
+                if(domUtils.isBoundaryNode(tmpNode,'firstChild') ){
+                    tmpNode = rng.endContainer;
+                    if(rng.endOffset == (tmpNode.nodeType == 3 ? tmpNode.nodeValue.length : tmpNode.childNodes.length) && domUtils.isBoundaryNode(tmpNode,'lastChild')){
+                        me.fireEvent('saveScene');
+                        me.body.innerHTML = '<p>'+(browser.ie ? '' : '<br/>')+'</p>';
+                        rng.setStart(me.body.firstChild,0).setCursor(false,true);
+                        me._selectionChange();
+                        return;
+                    }
+                }
+            }
+        }
+
+        //处理backspace
+        if (keyCode == keymap.Backspace) {
+            rng = me.selection.getRange();
+            collapsed = rng.collapsed;
+            if(me.fireEvent('delkeydown',evt)){
+                return;
+            }
+            var start,end;
+            //避免按两次删除才能生效的问题
+            if(rng.collapsed && rng.inFillChar()){
+                start = rng.startContainer;
+
+                if(domUtils.isFillChar(start)){
+                    rng.setStartBefore(start).shrinkBoundary(true).collapse(true);
+                    domUtils.remove(start)
+                }else{
+                    start.nodeValue = start.nodeValue.replace(new RegExp('^' + domUtils.fillChar ),'');
+                    rng.startOffset--;
+                    rng.collapse(true).select(true)
+                }
+            }
+
+            //解决选中control元素不能删除的问题
+            if (start = rng.getClosedNode()) {
+                me.fireEvent('saveScene');
+                rng.setStartBefore(start);
+                domUtils.remove(start);
+                rng.setCursor();
+                me.fireEvent('saveScene');
+                domUtils.preventDefault(evt);
+                return;
+            }
+            //阻止在table上的删除
+            if (!browser.ie) {
+                start = domUtils.findParentByTagName(rng.startContainer, 'table', true);
+                end = domUtils.findParentByTagName(rng.endContainer, 'table', true);
+                if (start && !end || !start && end || start !== end) {
+                    evt.preventDefault();
+                    return;
+                }
+            }
+
+        }
+        //处理tab键的逻辑
+        if (keyCode == keymap.Tab) {
+            //不处理以下标签
+            var excludeTagNameForTabKey = {
+                'ol' : 1,
+                'ul' : 1,
+                'table':1
+            };
+            //处理组件里的tab按下事件
+            if(me.fireEvent('tabkeydown',evt)){
+                domUtils.preventDefault(evt);
+                return;
+            }
+            var range = me.selection.getRange();
+            me.fireEvent('saveScene');
+            for (var i = 0,txt = '',tabSize = me.options.tabSize|| 4,tabNode =  me.options.tabNode || '&nbsp;'; i < tabSize; i++) {
+                txt += tabNode;
+            }
+            var span = me.document.createElement('span');
+            span.innerHTML = txt + domUtils.fillChar;
+            if (range.collapsed) {
+                range.insertNode(span.cloneNode(true).firstChild).setCursor(true);
+            } else {
+                var filterFn = function(node) {
+                    return domUtils.isBlockElm(node) && !excludeTagNameForTabKey[node.tagName.toLowerCase()]
+
+                };
+                //普通的情况
+                start = domUtils.findParent(range.startContainer, filterFn,true);
+                end = domUtils.findParent(range.endContainer, filterFn,true);
+                if (start && end && start === end) {
+                    range.deleteContents();
+                    range.insertNode(span.cloneNode(true).firstChild).setCursor(true);
+                } else {
+                    var bookmark = range.createBookmark();
+                    range.enlarge(true);
+                    var bookmark2 = range.createBookmark(),
+                        current = domUtils.getNextDomNode(bookmark2.start, false, filterFn);
+                    while (current && !(domUtils.getPosition(current, bookmark2.end) & domUtils.POSITION_FOLLOWING)) {
+                        current.insertBefore(span.cloneNode(true).firstChild, current.firstChild);
+                        current = domUtils.getNextDomNode(current, false, filterFn);
+                    }
+                    range.moveToBookmark(bookmark2).moveToBookmark(bookmark).select();
+                }
+            }
+            domUtils.preventDefault(evt)
+        }
+        //trace:1634
+        //ff的del键在容器空的时候，也会删除
+        if(browser.gecko && keyCode == 46){
+            range = me.selection.getRange();
+            if(range.collapsed){
+                start = range.startContainer;
+                if(domUtils.isEmptyBlock(start)){
+                    var parent = start.parentNode;
+                    while(domUtils.getChildCount(parent) == 1 && !domUtils.isBody(parent)){
+                        start = parent;
+                        parent = parent.parentNode;
+                    }
+                    if(start === parent.lastChild)
+                        evt.preventDefault();
+                    return;
+                }
+            }
+        }
+    });
+    me.addListener('keyup', function(type, evt) {
+        var keyCode = evt.keyCode || evt.which,
+            rng,me = this;
+        if(keyCode == keymap.Backspace){
+            if(me.fireEvent('delkeyup')){
+                return;
+            }
+            rng = me.selection.getRange();
+            if(rng.collapsed){
+                var tmpNode,
+                    autoClearTagName = ['h1','h2','h3','h4','h5','h6'];
+                if(tmpNode = domUtils.findParentByTagName(rng.startContainer,autoClearTagName,true)){
+                    if(domUtils.isEmptyBlock(tmpNode)){
+                        var pre = tmpNode.previousSibling;
+                        if(pre && pre.nodeName != 'TABLE'){
+                            domUtils.remove(tmpNode);
+                            rng.setStartAtLast(pre).setCursor(false,true);
+                            return;
+                        }else{
+                            var next = tmpNode.nextSibling;
+                            if(next && next.nodeName != 'TABLE'){
+                                domUtils.remove(tmpNode);
+                                rng.setStartAtFirst(next).setCursor(false,true);
+                                return;
+                            }
+                        }
+                    }
+                }
+                //处理当删除到body时，要重新给p标签展位
+                if(domUtils.isBody(rng.startContainer)){
+                    var tmpNode = domUtils.createElement(me.document,'p',{
+                        'innerHTML' : browser.ie ? domUtils.fillChar : '<br/>'
+                    });
+                    rng.insertNode(tmpNode).setStart(tmpNode,0).setCursor(false,true);
+                }
+            }
+
+
+            //chrome下如果删除了inline标签，浏览器会有记忆，在输入文字还是会套上刚才删除的标签，所以这里再选一次就不会了
+            if( !collapsed && (rng.startContainer.nodeType == 3 || rng.startContainer.nodeType == 1 && domUtils.isEmptyBlock(rng.startContainer))){
+                if(browser.ie){
+                    var span = rng.document.createElement('span');
+                    rng.insertNode(span).setStartBefore(span).collapse(true);
+                    rng.select();
+                    domUtils.remove(span)
+                }else{
+                    rng.select()
+                }
+
+            }
+        }
+
+
+    })
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/lineheight.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/lineheight.js
new file mode 100644
index 000000000..b89c5fb9b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/lineheight.js
@@ -0,0 +1,48 @@
+/**
+ * 设置行内间距
+ * @file
+ * @since 1.2.6.1
+ */
+UE.plugins['lineheight'] = function(){
+    var me = this;
+    me.setOpt({'lineheight':['1', '1.5','1.75','2', '3', '4', '5']});
+
+    /**
+     * 行距
+     * @command lineheight
+     * @method execCommand
+     * @param { String } cmdName 命令字符串
+     * @param { String } value 传入的行高值， 该值是当前字体的倍数， 例如： 1.5, 1.75
+     * @example
+     * ```javascript
+     * editor.execCommand( 'lineheight', 1.5);
+     * ```
+     */
+    /**
+     * 查询当前选区内容的行高大小
+     * @command lineheight
+     * @method queryCommandValue
+     * @param { String } cmd 命令字符串
+     * @return { String } 返回当前行高大小
+     * @example
+     * ```javascript
+     * editor.queryCommandValue( 'lineheight' );
+     * ```
+     */
+
+    me.commands['lineheight'] =  {
+        execCommand : function( cmdName,value ) {
+            this.execCommand('paragraph','p',{style:'line-height:'+ (value == "1" ? "normal" : value + 'em') });
+            return true;
+        },
+        queryCommandValue : function() {
+            var pN = domUtils.filterNodeList(this.selection.getStartElementPath(),function(node){return domUtils.isBlockElm(node)});
+            if(pN){
+                var value = domUtils.getComputedStyle(pN,'line-height');
+                return value == 'normal' ? 1 : value.replace(/[^\d.]*/ig,"");
+            }
+        }
+    };
+};
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/link.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/link.js
new file mode 100644
index 000000000..0519c8a9f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/link.js
@@ -0,0 +1,174 @@
+/**
+ * 超链接
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 插入超链接
+ * @command link
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param { Object } options   设置自定义属性，例如：url、title、target
+ * @example
+ * ```javascript
+ * editor.execCommand( 'link', '{
+ *     url:'ueditor.baidu.com',
+ *     title:'ueditor',
+ *     target:'_blank'
+ * }' );
+ * ```
+ */
+/**
+ * 返回当前选中的第一个超链接节点
+ * @command link
+ * @method queryCommandValue
+ * @param { String } cmd 命令字符串
+ * @return { Element } 超链接节点
+ * @example
+ * ```javascript
+ * editor.queryCommandValue( 'link' );
+ * ```
+ */
+
+/**
+ * 取消超链接
+ * @command unlink
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'unlink');
+ * ```
+ */
+
+UE.plugins['link'] = function(){
+    function optimize( range ) {
+        var start = range.startContainer,end = range.endContainer;
+
+        if ( start = domUtils.findParentByTagName( start, 'a', true ) ) {
+            range.setStartBefore( start );
+        }
+        if ( end = domUtils.findParentByTagName( end, 'a', true ) ) {
+            range.setEndAfter( end );
+        }
+    }
+
+
+    UE.commands['unlink'] = {
+        execCommand : function() {
+            var range = this.selection.getRange(),
+                bookmark;
+            if(range.collapsed && !domUtils.findParentByTagName( range.startContainer, 'a', true )){
+                return;
+            }
+            bookmark = range.createBookmark();
+            optimize( range );
+            range.removeInlineStyle( 'a' ).moveToBookmark( bookmark ).select();
+        },
+        queryCommandState : function(){
+            return !this.highlight && this.queryCommandValue('link') ?  0 : -1;
+        }
+
+    };
+    function doLink(range,opt,me){
+        var rngClone = range.cloneRange(),
+            link = me.queryCommandValue('link');
+        optimize( range = range.adjustmentBoundary() );
+        var start = range.startContainer;
+        if(start.nodeType == 1 && link){
+            start = start.childNodes[range.startOffset];
+            if(start && start.nodeType == 1 && start.tagName == 'A' && /^(?:https?|ftp|file)\s*:\s*\/\//.test(start[browser.ie?'innerText':'textContent'])){
+                start[browser.ie ? 'innerText' : 'textContent'] =  utils.html(opt.textValue||opt.href);
+
+            }
+        }
+        if( !rngClone.collapsed || link){
+            range.removeInlineStyle( 'a' );
+            rngClone = range.cloneRange();
+        }
+
+        if ( rngClone.collapsed ) {
+            var a = range.document.createElement( 'a'),
+                text = '';
+            if(opt.textValue){
+
+                text =   utils.html(opt.textValue);
+                delete opt.textValue;
+            }else{
+                text =   utils.html(opt.href);
+
+            }
+            domUtils.setAttributes( a, opt );
+            start =  domUtils.findParentByTagName( rngClone.startContainer, 'a', true );
+            if(start && domUtils.isInNodeEndBoundary(rngClone,start)){
+                range.setStartAfter(start).collapse(true);
+
+            }
+            a[browser.ie ? 'innerText' : 'textContent'] = text;
+            range.insertNode(a).selectNode( a );
+        } else {
+            range.applyInlineStyle( 'a', opt );
+
+        }
+    }
+    UE.commands['link'] = {
+        execCommand : function( cmdName, opt ) {
+            var range;
+            opt._href && (opt._href = utils.unhtml(opt._href,/[<">]/g));
+            opt.href && (opt.href = utils.unhtml(opt.href,/[<">]/g));
+            opt.textValue && (opt.textValue = utils.unhtml(opt.textValue,/[<">]/g));
+            doLink(range=this.selection.getRange(),opt,this);
+            //闭合都不加占位符，如果加了会在a后边多个占位符节点，导致a是图片背景组成的列表，出现空白问题
+            range.collapse().select(true);
+
+        },
+        queryCommandValue : function() {
+            var range = this.selection.getRange(),
+                node;
+            if ( range.collapsed ) {
+//                    node = this.selection.getStart();
+                //在ie下getstart()取值偏上了
+                node = range.startContainer;
+                node = node.nodeType == 1 ? node : node.parentNode;
+
+                if ( node && (node = domUtils.findParentByTagName( node, 'a', true )) && ! domUtils.isInNodeEndBoundary(range,node)) {
+
+                    return node;
+                }
+            } else {
+                //trace:1111  如果是<p><a>xx</a></p> startContainer是p就会找不到a
+                range.shrinkBoundary();
+                var start = range.startContainer.nodeType  == 3 || !range.startContainer.childNodes[range.startOffset] ? range.startContainer : range.startContainer.childNodes[range.startOffset],
+                    end =  range.endContainer.nodeType == 3 || range.endOffset == 0 ? range.endContainer : range.endContainer.childNodes[range.endOffset-1],
+                    common = range.getCommonAncestor();
+                node = domUtils.findParentByTagName( common, 'a', true );
+                if ( !node && common.nodeType == 1){
+
+                    var as = common.getElementsByTagName( 'a' ),
+                        ps,pe;
+
+                    for ( var i = 0,ci; ci = as[i++]; ) {
+                        ps = domUtils.getPosition( ci, start ),pe = domUtils.getPosition( ci,end);
+                        if ( (ps & domUtils.POSITION_FOLLOWING || ps & domUtils.POSITION_CONTAINS)
+                            &&
+                            (pe & domUtils.POSITION_PRECEDING || pe & domUtils.POSITION_CONTAINS)
+                            ) {
+                            node = ci;
+                            break;
+                        }
+                    }
+                }
+                return node;
+            }
+
+        },
+        queryCommandState : function() {
+            //判断如果是视频的话连接不可用
+            //fix 853
+            var img = this.selection.getRange().getClosedNode(),
+                flag = img && (img.className == "edui-faked-video" || img.className.indexOf("edui-upload-video")!=-1);
+            return flag ? -1 : 0;
+        }
+    };
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/list.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/list.js
new file mode 100644
index 000000000..6b8cf40f6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/list.js
@@ -0,0 +1,1246 @@
+/**
+ * 有序列表,无序列表插件
+ * @file
+ * @since 1.2.6.1
+ */
+
+UE.plugins['list'] = function () {
+    var me = this,
+        notExchange = {
+            'TD':1,
+            'PRE':1,
+            'BLOCKQUOTE':1
+        };
+    var customStyle = {
+        'cn' : 'cn-1-',
+        'cn1' : 'cn-2-',
+        'cn2' : 'cn-3-',
+        'num':  'num-1-',
+        'num1' : 'num-2-',
+        'num2' : 'num-3-',
+        'dash'  : 'dash',
+        'dot':'dot'
+    };
+
+    me.setOpt( {
+        'autoTransWordToList':false,
+        'insertorderedlist':{
+            'num':'',
+            'num1':'',
+            'num2':'',
+            'cn':'',
+            'cn1':'',
+            'cn2':'',
+            'decimal':'',
+            'lower-alpha':'',
+            'lower-roman':'',
+            'upper-alpha':'',
+            'upper-roman':''
+        },
+        'insertunorderedlist':{
+            'circle':'',
+            'disc':'',
+            'square':'',
+            'dash' : '',
+            'dot':''
+        },
+        listDefaultPaddingLeft : '30',
+        listiconpath : 'http://bs.baidu.com/listicon/',
+        maxListLevel : -1,//-1不限制
+        disablePInList:false
+    } );
+    function listToArray(list){
+        var arr = [];
+        for(var p in list){
+            arr.push(p)
+        }
+        return arr;
+    }
+    var listStyle = {
+        'OL':listToArray(me.options.insertorderedlist),
+        'UL':listToArray(me.options.insertunorderedlist)
+    };
+    var liiconpath = me.options.listiconpath;
+
+    //根据用户配置，调整customStyle
+    for(var s in customStyle){
+        if(!me.options.insertorderedlist.hasOwnProperty(s) && !me.options.insertunorderedlist.hasOwnProperty(s)){
+            delete customStyle[s];
+        }
+    }
+
+    me.ready(function () {
+        var customCss = [];
+        for(var p in customStyle){
+            if(p == 'dash' || p == 'dot'){
+                customCss.push('li.list-' + customStyle[p] + '{background-image:url(' + liiconpath +customStyle[p]+'.gif)}');
+                customCss.push('ul.custom_'+p+'{list-style:none;}ul.custom_'+p+' li{background-position:0 3px;background-repeat:no-repeat}');
+            }else{
+                for(var i= 0;i<99;i++){
+                    customCss.push('li.list-' + customStyle[p] + i + '{background-image:url(' + liiconpath + 'list-'+customStyle[p] + i + '.gif)}')
+                }
+                customCss.push('ol.custom_'+p+'{list-style:none;}ol.custom_'+p+' li{background-position:0 3px;background-repeat:no-repeat}');
+            }
+            switch(p){
+                case 'cn':
+                    customCss.push('li.list-'+p+'-paddingleft-1{padding-left:25px}');
+                    customCss.push('li.list-'+p+'-paddingleft-2{padding-left:40px}');
+                    customCss.push('li.list-'+p+'-paddingleft-3{padding-left:55px}');
+                    break;
+                case 'cn1':
+                    customCss.push('li.list-'+p+'-paddingleft-1{padding-left:30px}');
+                    customCss.push('li.list-'+p+'-paddingleft-2{padding-left:40px}');
+                    customCss.push('li.list-'+p+'-paddingleft-3{padding-left:55px}');
+                    break;
+                case 'cn2':
+                    customCss.push('li.list-'+p+'-paddingleft-1{padding-left:40px}');
+                    customCss.push('li.list-'+p+'-paddingleft-2{padding-left:55px}');
+                    customCss.push('li.list-'+p+'-paddingleft-3{padding-left:68px}');
+                    break;
+                case 'num':
+                case 'num1':
+                    customCss.push('li.list-'+p+'-paddingleft-1{padding-left:25px}');
+                    break;
+                case 'num2':
+                    customCss.push('li.list-'+p+'-paddingleft-1{padding-left:35px}');
+                    customCss.push('li.list-'+p+'-paddingleft-2{padding-left:40px}');
+                    break;
+                case 'dash':
+                    customCss.push('li.list-'+p+'-paddingleft{padding-left:35px}');
+                    break;
+                case 'dot':
+                    customCss.push('li.list-'+p+'-paddingleft{padding-left:20px}');
+            }
+        }
+        customCss.push('.list-paddingleft-1{padding-left:0}');
+        customCss.push('.list-paddingleft-2{padding-left:'+me.options.listDefaultPaddingLeft+'px}');
+        customCss.push('.list-paddingleft-3{padding-left:'+me.options.listDefaultPaddingLeft*2+'px}');
+        //如果不给宽度会在自定应样式里出现滚动条
+        utils.cssRule('list', 'ol,ul{margin:0;pading:0;'+(browser.ie ? '' : 'width:95%')+'}li{clear:both;}'+customCss.join('\n'), me.document);
+    });
+    //单独处理剪切的问题
+    me.ready(function(){
+        domUtils.on(me.body,'cut',function(){
+            setTimeout(function(){
+                var rng = me.selection.getRange(),li;
+                //trace:3416
+                if(!rng.collapsed){
+                    if(li = domUtils.findParentByTagName(rng.startContainer,'li',true)){
+                        if(!li.nextSibling && domUtils.isEmptyBlock(li)){
+                            var pn = li.parentNode,node;
+                            if(node = pn.previousSibling){
+                                domUtils.remove(pn);
+                                rng.setStartAtLast(node).collapse(true);
+                                rng.select(true);
+                            }else if(node = pn.nextSibling){
+                                domUtils.remove(pn);
+                                rng.setStartAtFirst(node).collapse(true);
+                                rng.select(true);
+                            }else{
+                                var tmpNode = me.document.createElement('p');
+                                domUtils.fillNode(me.document,tmpNode);
+                                pn.parentNode.insertBefore(tmpNode,pn);
+                                domUtils.remove(pn);
+                                rng.setStart(tmpNode,0).collapse(true);
+                                rng.select(true);
+                            }
+                        }
+                    }
+                }
+
+            })
+        })
+    });
+
+    function getStyle(node){
+        var cls = node.className;
+        if(domUtils.hasClass(node,/custom_/)){
+            return cls.match(/custom_(\w+)/)[1]
+        }
+        return domUtils.getStyle(node, 'list-style-type')
+
+    }
+
+    me.addListener('beforepaste',function(type,html){
+        var me = this,
+            rng = me.selection.getRange(),li;
+        var root = UE.htmlparser(html.html,true);
+        if(li = domUtils.findParentByTagName(rng.startContainer,'li',true)){
+            var list = li.parentNode,tagName = list.tagName == 'OL' ? 'ul':'ol';
+            utils.each(root.getNodesByTagName(tagName),function(n){
+                n.tagName = list.tagName;
+                n.setAttr();
+                if(n.parentNode === root){
+                    type = getStyle(list) || (list.tagName == 'OL' ? 'decimal' : 'disc')
+                }else{
+                    var className = n.parentNode.getAttr('class');
+                    if(className && /custom_/.test(className)){
+                        type = className.match(/custom_(\w+)/)[1]
+                    }else{
+                        type = n.parentNode.getStyle('list-style-type');
+                    }
+                    if(!type){
+                        type = list.tagName == 'OL' ? 'decimal' : 'disc';
+                    }
+                }
+                var index = utils.indexOf(listStyle[list.tagName], type);
+                if(n.parentNode !== root)
+                    index = index + 1 == listStyle[list.tagName].length ? 0 : index + 1;
+                var currentStyle = listStyle[list.tagName][index];
+                if(customStyle[currentStyle]){
+                    n.setAttr('class', 'custom_' + currentStyle)
+
+                }else{
+                    n.setStyle('list-style-type',currentStyle)
+                }
+            })
+
+        }
+
+        html.html = root.toHtml();
+    });
+    //导出时，去掉p标签
+    me.getOpt('disablePInList') === true && me.addOutputRule(function(root){
+        utils.each(root.getNodesByTagName('li'),function(li){
+            var newChildrens = [],index=0;
+            utils.each(li.children,function(n){
+                if(n.tagName == 'p'){
+                    var tmpNode;
+                    while(tmpNode = n.children.pop()) {
+                        newChildrens.splice(index,0,tmpNode);
+                        tmpNode.parentNode = li;
+                        lastNode = tmpNode;
+                    }
+                    tmpNode = newChildrens[newChildrens.length-1];
+                    if(!tmpNode || tmpNode.type != 'element' || tmpNode.tagName != 'br'){
+                        var br = UE.uNode.createElement('br');
+                        br.parentNode = li;
+                        newChildrens.push(br);
+                    }
+
+                    index = newChildrens.length;
+                }
+            });
+            if(newChildrens.length){
+                li.children = newChildrens;
+            }
+        });
+    });
+    //进入编辑器的li要套p标签
+    me.addInputRule(function(root){
+        utils.each(root.getNodesByTagName('li'),function(li){
+            var tmpP = UE.uNode.createElement('p');
+            for(var i= 0,ci;ci=li.children[i];){
+                if(ci.type == 'text' || dtd.p[ci.tagName]){
+                    tmpP.appendChild(ci);
+                }else{
+                    if(tmpP.firstChild()){
+                        li.insertBefore(tmpP,ci);
+                        tmpP = UE.uNode.createElement('p');
+                        i = i + 2;
+                    }else{
+                        i++;
+                    }
+
+                }
+            }
+            if(tmpP.firstChild() && !tmpP.parentNode || !li.firstChild()){
+                li.appendChild(tmpP);
+            }
+            //trace:3357
+            //p不能为空
+            if (!tmpP.firstChild()) {
+                tmpP.innerHTML(browser.ie ? '&nbsp;' : '<br/>')
+            }
+            //去掉末尾的空白
+            var p = li.firstChild();
+            var lastChild = p.lastChild();
+            if(lastChild && lastChild.type == 'text' && /^\s*$/.test(lastChild.data)){
+                p.removeChild(lastChild)
+            }
+        });
+        if(me.options.autoTransWordToList){
+            var orderlisttype = {
+                    'num1':/^\d+\)/,
+                    'decimal':/^\d+\./,
+                    'lower-alpha':/^[a-z]+\)/,
+                    'upper-alpha':/^[A-Z]+\./,
+                    'cn':/^[\u4E00\u4E8C\u4E09\u56DB\u516d\u4e94\u4e03\u516b\u4e5d]+[\u3001]/,
+                    'cn2':/^\([\u4E00\u4E8C\u4E09\u56DB\u516d\u4e94\u4e03\u516b\u4e5d]+\)/
+                },
+                unorderlisttype = {
+                    'square':'n'
+                };
+            function checkListType(content,container){
+                var span = container.firstChild();
+                if(span &&  span.type == 'element' && span.tagName == 'span' && /Wingdings|Symbol/.test(span.getStyle('font-family'))){
+                    for(var p in unorderlisttype){
+                        if(unorderlisttype[p] == span.data){
+                            return p
+                        }
+                    }
+                    return 'disc'
+                }
+                for(var p in orderlisttype){
+                    if(orderlisttype[p].test(content)){
+                        return p;
+                    }
+                }
+
+            }
+            utils.each(root.getNodesByTagName('p'),function(node){
+                if(node.getAttr('class') != 'MsoListParagraph'){
+                    return
+                }
+
+                //word粘贴过来的会带有margin要去掉,但这样也可能会误命中一些央视
+                node.setStyle('margin','');
+                node.setStyle('margin-left','');
+                node.setAttr('class','');
+
+                function appendLi(list,p,type){
+                    if(list.tagName == 'ol'){
+                        if(browser.ie){
+                            var first = p.firstChild();
+                            if(first.type =='element' && first.tagName == 'span' && orderlisttype[type].test(first.innerText())){
+                                p.removeChild(first);
+                            }
+                        }else{
+                            p.innerHTML(p.innerHTML().replace(orderlisttype[type],''));
+                        }
+                    }else{
+                        p.removeChild(p.firstChild())
+                    }
+
+                    var li = UE.uNode.createElement('li');
+                    li.appendChild(p);
+                    list.appendChild(li);
+                }
+                var tmp = node,type,cacheNode = node;
+
+                if(node.parentNode.tagName != 'li' && (type = checkListType(node.innerText(),node))){
+
+                    var list = UE.uNode.createElement(me.options.insertorderedlist.hasOwnProperty(type) ? 'ol' : 'ul');
+                    if(customStyle[type]){
+                        list.setAttr('class','custom_'+type)
+                    }else{
+                        list.setStyle('list-style-type',type)
+                    }
+                    while(node && node.parentNode.tagName != 'li' && checkListType(node.innerText(),node)){
+                        tmp = node.nextSibling();
+                        if(!tmp){
+                            node.parentNode.insertBefore(list,node)
+                        }
+                        appendLi(list,node,type);
+                        node = tmp;
+                    }
+                    if(!list.parentNode && node && node.parentNode){
+                        node.parentNode.insertBefore(list,node)
+                    }
+                }
+                var span = cacheNode.firstChild();
+                if(span && span.type == 'element' && span.tagName == 'span' && /^\s*(&nbsp;)+\s*$/.test(span.innerText())){
+                    span.parentNode.removeChild(span)
+                }
+            })
+        }
+
+    });
+
+    //调整索引标签
+    me.addListener('contentchange',function(){
+        adjustListStyle(me.document)
+    });
+
+    function adjustListStyle(doc,ignore){
+        utils.each(domUtils.getElementsByTagName(doc,'ol ul'),function(node){
+
+            if(!domUtils.inDoc(node,doc))
+                return;
+
+            var parent = node.parentNode;
+            if(parent.tagName == node.tagName){
+                var nodeStyleType = getStyle(node) || (node.tagName == 'OL' ? 'decimal' : 'disc'),
+                    parentStyleType = getStyle(parent) || (parent.tagName == 'OL' ? 'decimal' : 'disc');
+                if(nodeStyleType == parentStyleType){
+                    var styleIndex = utils.indexOf(listStyle[node.tagName], nodeStyleType);
+                    styleIndex = styleIndex + 1 == listStyle[node.tagName].length ? 0 : styleIndex + 1;
+                    setListStyle(node,listStyle[node.tagName][styleIndex])
+                }
+
+            }
+            var index = 0,type = 2;
+            if( domUtils.hasClass(node,/custom_/)){
+                if(!(/[ou]l/i.test(parent.tagName) && domUtils.hasClass(parent,/custom_/))){
+                    type = 1;
+                }
+            }else{
+                if(/[ou]l/i.test(parent.tagName) && domUtils.hasClass(parent,/custom_/)){
+                    type = 3;
+                }
+            }
+
+            var style = domUtils.getStyle(node, 'list-style-type');
+            style && (node.style.cssText = 'list-style-type:' + style);
+            node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,'')) + ' list-paddingleft-' + type;
+            utils.each(domUtils.getElementsByTagName(node,'li'),function(li){
+                li.style.cssText && (li.style.cssText = '');
+                if(!li.firstChild){
+                    domUtils.remove(li);
+                    return;
+                }
+                if(li.parentNode !== node){
+                    return;
+                }
+                index++;
+                if(domUtils.hasClass(node,/custom_/) ){
+                    var paddingLeft = 1,currentStyle = getStyle(node);
+                    if(node.tagName == 'OL'){
+                        if(currentStyle){
+                            switch(currentStyle){
+                                case 'cn' :
+                                case 'cn1':
+                                case 'cn2':
+                                    if(index > 10 && (index % 10 == 0 || index > 10 && index < 20)){
+                                        paddingLeft = 2
+                                    }else if(index > 20){
+                                        paddingLeft = 3
+                                    }
+                                    break;
+                                case 'num2' :
+                                    if(index > 9){
+                                        paddingLeft = 2
+                                    }
+                            }
+                        }
+                        li.className = 'list-'+customStyle[currentStyle]+ index + ' ' + 'list-'+currentStyle+'-paddingleft-' + paddingLeft;
+                    }else{
+                        li.className = 'list-'+customStyle[currentStyle]  + ' ' + 'list-'+currentStyle+'-paddingleft';
+                    }
+                }else{
+                    li.className = li.className.replace(/list-[\w\-]+/gi,'');
+                }
+                var className = li.getAttribute('class');
+                if(className !== null && !className.replace(/\s/g,'')){
+                    domUtils.removeAttributes(li,'class')
+                }
+            });
+            !ignore && adjustList(node,node.tagName.toLowerCase(),getStyle(node)||domUtils.getStyle(node, 'list-style-type'),true);
+        })
+    }
+    function adjustList(list, tag, style,ignoreEmpty) {
+        var nextList = list.nextSibling;
+        if (nextList && nextList.nodeType == 1 && nextList.tagName.toLowerCase() == tag && (getStyle(nextList) || domUtils.getStyle(nextList, 'list-style-type') || (tag == 'ol' ? 'decimal' : 'disc')) == style) {
+            domUtils.moveChild(nextList, list);
+            if (nextList.childNodes.length == 0) {
+                domUtils.remove(nextList);
+            }
+        }
+        if(nextList && domUtils.isFillChar(nextList)){
+            domUtils.remove(nextList);
+        }
+        var preList = list.previousSibling;
+        if (preList && preList.nodeType == 1 && preList.tagName.toLowerCase() == tag && (getStyle(preList) || domUtils.getStyle(preList, 'list-style-type') || (tag == 'ol' ? 'decimal' : 'disc')) == style) {
+            domUtils.moveChild(list, preList);
+        }
+        if(preList && domUtils.isFillChar(preList)){
+            domUtils.remove(preList);
+        }
+        !ignoreEmpty && domUtils.isEmptyBlock(list) && domUtils.remove(list);
+        if(getStyle(list)){
+            adjustListStyle(list.ownerDocument,true)
+        }
+    }
+
+    function setListStyle(list,style){
+        if(customStyle[style]){
+            list.className = 'custom_' + style;
+        }
+        try{
+            domUtils.setStyle(list, 'list-style-type', style);
+        }catch(e){}
+    }
+    function clearEmptySibling(node) {
+        var tmpNode = node.previousSibling;
+        if (tmpNode && domUtils.isEmptyBlock(tmpNode)) {
+            domUtils.remove(tmpNode);
+        }
+        tmpNode = node.nextSibling;
+        if (tmpNode && domUtils.isEmptyBlock(tmpNode)) {
+            domUtils.remove(tmpNode);
+        }
+    }
+
+    me.addListener('keydown', function (type, evt) {
+        function preventAndSave() {
+            evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
+            me.fireEvent('contentchange');
+            me.undoManger && me.undoManger.save();
+        }
+        function findList(node,filterFn){
+            while(node && !domUtils.isBody(node)){
+                if(filterFn(node)){
+                    return null
+                }
+                if(node.nodeType == 1 && /[ou]l/i.test(node.tagName)){
+                    return node;
+                }
+                node = node.parentNode;
+            }
+            return null;
+        }
+        var keyCode = evt.keyCode || evt.which;
+        if (keyCode == 13 && !evt.shiftKey) {//回车
+            var rng = me.selection.getRange(),
+                parent = domUtils.findParent(rng.startContainer,function(node){return domUtils.isBlockElm(node)},true),
+                li = domUtils.findParentByTagName(rng.startContainer,'li',true);
+            if(parent && parent.tagName != 'PRE' && !li){
+                var html = parent.innerHTML.replace(new RegExp(domUtils.fillChar, 'g'),'');
+                if(/^\s*1\s*\.[^\d]/.test(html)){
+                    parent.innerHTML = html.replace(/^\s*1\s*\./,'');
+                    rng.setStartAtLast(parent).collapse(true).select();
+                    me.__hasEnterExecCommand = true;
+                    me.execCommand('insertorderedlist');
+                    me.__hasEnterExecCommand = false;
+                }
+            }
+            var range = me.selection.getRange(),
+                start = findList(range.startContainer,function (node) {
+                    return node.tagName == 'TABLE';
+                }),
+                end = range.collapsed ? start : findList(range.endContainer,function (node) {
+                    return node.tagName == 'TABLE';
+                });
+
+            if (start && end && start === end) {
+
+                if (!range.collapsed) {
+                    start = domUtils.findParentByTagName(range.startContainer, 'li', true);
+                    end = domUtils.findParentByTagName(range.endContainer, 'li', true);
+                    if (start && end && start === end) {
+                        range.deleteContents();
+                        li = domUtils.findParentByTagName(range.startContainer, 'li', true);
+                        if (li && domUtils.isEmptyBlock(li)) {
+
+                            pre = li.previousSibling;
+                            next = li.nextSibling;
+                            p = me.document.createElement('p');
+
+                            domUtils.fillNode(me.document, p);
+                            parentList = li.parentNode;
+                            if (pre && next) {
+                                range.setStart(next, 0).collapse(true).select(true);
+                                domUtils.remove(li);
+
+                            } else {
+                                if (!pre && !next || !pre) {
+
+                                    parentList.parentNode.insertBefore(p, parentList);
+
+
+                                } else {
+                                    li.parentNode.parentNode.insertBefore(p, parentList.nextSibling);
+                                }
+                                domUtils.remove(li);
+                                if (!parentList.firstChild) {
+                                    domUtils.remove(parentList);
+                                }
+                                range.setStart(p, 0).setCursor();
+
+
+                            }
+                            preventAndSave();
+                            return;
+
+                        }
+                    } else {
+                        var tmpRange = range.cloneRange(),
+                            bk = tmpRange.collapse(false).createBookmark();
+
+                        range.deleteContents();
+                        tmpRange.moveToBookmark(bk);
+                        var li = domUtils.findParentByTagName(tmpRange.startContainer, 'li', true);
+
+                        clearEmptySibling(li);
+                        tmpRange.select();
+                        preventAndSave();
+                        return;
+                    }
+                }
+
+
+                li = domUtils.findParentByTagName(range.startContainer, 'li', true);
+
+                if (li) {
+                    if (domUtils.isEmptyBlock(li)) {
+                        bk = range.createBookmark();
+                        var parentList = li.parentNode;
+                        if (li !== parentList.lastChild) {
+                            domUtils.breakParent(li, parentList);
+                            clearEmptySibling(li);
+                        } else {
+
+                            parentList.parentNode.insertBefore(li, parentList.nextSibling);
+                            if (domUtils.isEmptyNode(parentList)) {
+                                domUtils.remove(parentList);
+                            }
+                        }
+                        //嵌套不处理
+                        if (!dtd.$list[li.parentNode.tagName]) {
+
+                            if (!domUtils.isBlockElm(li.firstChild)) {
+                                p = me.document.createElement('p');
+                                li.parentNode.insertBefore(p, li);
+                                while (li.firstChild) {
+                                    p.appendChild(li.firstChild);
+                                }
+                                domUtils.remove(li);
+                            } else {
+                                domUtils.remove(li, true);
+                            }
+                        }
+                        range.moveToBookmark(bk).select();
+
+
+                    } else {
+                        var first = li.firstChild;
+                        if (!first || !domUtils.isBlockElm(first)) {
+                            var p = me.document.createElement('p');
+
+                            !li.firstChild && domUtils.fillNode(me.document, p);
+                            while (li.firstChild) {
+
+                                p.appendChild(li.firstChild);
+                            }
+                            li.appendChild(p);
+                            first = p;
+                        }
+
+                        var span = me.document.createElement('span');
+
+                        range.insertNode(span);
+                        domUtils.breakParent(span, li);
+
+                        var nextLi = span.nextSibling;
+                        first = nextLi.firstChild;
+
+                        if (!first) {
+                            p = me.document.createElement('p');
+
+                            domUtils.fillNode(me.document, p);
+                            nextLi.appendChild(p);
+                            first = p;
+                        }
+                        if (domUtils.isEmptyNode(first)) {
+                            first.innerHTML = '';
+                            domUtils.fillNode(me.document, first);
+                        }
+
+                        range.setStart(first, 0).collapse(true).shrinkBoundary().select();
+                        domUtils.remove(span);
+                        var pre = nextLi.previousSibling;
+                        if (pre && domUtils.isEmptyBlock(pre)) {
+                            pre.innerHTML = '<p></p>';
+                            domUtils.fillNode(me.document, pre.firstChild);
+                        }
+
+                    }
+//                        }
+                    preventAndSave();
+                }
+
+
+            }
+
+
+        }
+        if (keyCode == 8) {
+            //修中ie中li下的问题
+            range = me.selection.getRange();
+            if (range.collapsed && domUtils.isStartInblock(range)) {
+                tmpRange = range.cloneRange().trimBoundary();
+                li = domUtils.findParentByTagName(range.startContainer, 'li', true);
+                //要在li的最左边，才能处理
+                if (li && domUtils.isStartInblock(tmpRange)) {
+                    start = domUtils.findParentByTagName(range.startContainer, 'p', true);
+                    if (start && start !== li.firstChild) {
+                        var parentList = domUtils.findParentByTagName(start,['ol','ul']);
+                        domUtils.breakParent(start,parentList);
+                        clearEmptySibling(start);
+                        me.fireEvent('contentchange');
+                        range.setStart(start,0).setCursor(false,true);
+                        me.fireEvent('saveScene');
+                        domUtils.preventDefault(evt);
+                        return;
+                    }
+
+                    if (li && (pre = li.previousSibling)) {
+                        if (keyCode == 46 && li.childNodes.length) {
+                            return;
+                        }
+                        //有可能上边的兄弟节点是个2级菜单，要追加到2级菜单的最后的li
+                        if (dtd.$list[pre.tagName]) {
+                            pre = pre.lastChild;
+                        }
+                        me.undoManger && me.undoManger.save();
+                        first = li.firstChild;
+                        if (domUtils.isBlockElm(first)) {
+                            if (domUtils.isEmptyNode(first)) {
+//                                    range.setEnd(pre, pre.childNodes.length).shrinkBoundary().collapse().select(true);
+                                pre.appendChild(first);
+                                range.setStart(first, 0).setCursor(false, true);
+                                //first不是唯一的节点
+                                while (li.firstChild) {
+                                    pre.appendChild(li.firstChild);
+                                }
+                            } else {
+
+                                span = me.document.createElement('span');
+                                range.insertNode(span);
+                                //判断pre是否是空的节点,如果是<p><br/></p>类型的空节点，干掉p标签防止它占位
+                                if (domUtils.isEmptyBlock(pre)) {
+                                    pre.innerHTML = '';
+                                }
+                                domUtils.moveChild(li, pre);
+                                range.setStartBefore(span).collapse(true).select(true);
+
+                                domUtils.remove(span);
+
+                            }
+                        } else {
+                            if (domUtils.isEmptyNode(li)) {
+                                var p = me.document.createElement('p');
+                                pre.appendChild(p);
+                                range.setStart(p, 0).setCursor();
+//                                    range.setEnd(pre, pre.childNodes.length).shrinkBoundary().collapse().select(true);
+                            } else {
+                                range.setEnd(pre, pre.childNodes.length).collapse().select(true);
+                                while (li.firstChild) {
+                                    pre.appendChild(li.firstChild);
+                                }
+                            }
+                        }
+                        domUtils.remove(li);
+                        me.fireEvent('contentchange');
+                        me.fireEvent('saveScene');
+                        domUtils.preventDefault(evt);
+                        return;
+
+                    }
+                    //trace:980
+
+                    if (li && !li.previousSibling) {
+                        var parentList = li.parentNode;
+                        var bk = range.createBookmark();
+                        if(domUtils.isTagNode(parentList.parentNode,'ol ul')){
+                            parentList.parentNode.insertBefore(li,parentList);
+                            if(domUtils.isEmptyNode(parentList)){
+                                domUtils.remove(parentList)
+                            }
+                        }else{
+
+                            while(li.firstChild){
+                                parentList.parentNode.insertBefore(li.firstChild,parentList);
+                            }
+
+                            domUtils.remove(li);
+                            if(domUtils.isEmptyNode(parentList)){
+                                domUtils.remove(parentList)
+                            }
+
+                        }
+                        range.moveToBookmark(bk).setCursor(false,true);
+                        me.fireEvent('contentchange');
+                        me.fireEvent('saveScene');
+                        domUtils.preventDefault(evt);
+                        return;
+
+                    }
+
+
+                }
+
+
+            }
+
+        }
+    });
+
+    me.addListener('keyup',function(type, evt){
+        var keyCode = evt.keyCode || evt.which;
+        if (keyCode == 8) {
+            var rng = me.selection.getRange(),list;
+            if(list = domUtils.findParentByTagName(rng.startContainer,['ol', 'ul'],true)){
+                adjustList(list,list.tagName.toLowerCase(),getStyle(list)||domUtils.getComputedStyle(list,'list-style-type'),true)
+            }
+        }
+    });
+    //处理tab键
+    me.addListener('tabkeydown',function(){
+
+        var range = me.selection.getRange();
+
+        //控制级数
+        function checkLevel(li){
+            if(me.options.maxListLevel != -1){
+                var level = li.parentNode,levelNum = 0;
+                while(/[ou]l/i.test(level.tagName)){
+                    levelNum++;
+                    level = level.parentNode;
+                }
+                if(levelNum >= me.options.maxListLevel){
+                    return true;
+                }
+            }
+        }
+        //只以开始为准
+        //todo 后续改进
+        var li = domUtils.findParentByTagName(range.startContainer, 'li', true);
+        if(li){
+
+            var bk;
+            if(range.collapsed){
+                if(checkLevel(li))
+                    return true;
+                var parentLi = li.parentNode,
+                    list = me.document.createElement(parentLi.tagName),
+                    index = utils.indexOf(listStyle[list.tagName], getStyle(parentLi)||domUtils.getComputedStyle(parentLi, 'list-style-type'));
+                index = index + 1 == listStyle[list.tagName].length ? 0 : index + 1;
+                var currentStyle = listStyle[list.tagName][index];
+                setListStyle(list,currentStyle);
+                if(domUtils.isStartInblock(range)){
+                    me.fireEvent('saveScene');
+                    bk = range.createBookmark();
+                    parentLi.insertBefore(list, li);
+                    list.appendChild(li);
+                    adjustList(list,list.tagName.toLowerCase(),currentStyle);
+                    me.fireEvent('contentchange');
+                    range.moveToBookmark(bk).select(true);
+                    return true;
+                }
+            }else{
+                me.fireEvent('saveScene');
+                bk = range.createBookmark();
+                for(var i= 0,closeList,parents = domUtils.findParents(li),ci;ci=parents[i++];){
+                    if(domUtils.isTagNode(ci,'ol ul')){
+                        closeList = ci;
+                        break;
+                    }
+                }
+                var current = li;
+                if(bk.end){
+                    while(current && !(domUtils.getPosition(current, bk.end) & domUtils.POSITION_FOLLOWING)){
+                        if(checkLevel(current)){
+                            current = domUtils.getNextDomNode(current,false,null,function(node){return node !== closeList});
+                            continue;
+                        }
+                        var parentLi = current.parentNode,
+                            list = me.document.createElement(parentLi.tagName),
+                            index = utils.indexOf(listStyle[list.tagName], getStyle(parentLi)||domUtils.getComputedStyle(parentLi, 'list-style-type'));
+                        var currentIndex = index + 1 == listStyle[list.tagName].length ? 0 : index + 1;
+                        var currentStyle = listStyle[list.tagName][currentIndex];
+                        setListStyle(list,currentStyle);
+                        parentLi.insertBefore(list, current);
+                        while(current && !(domUtils.getPosition(current, bk.end) & domUtils.POSITION_FOLLOWING)){
+                            li = current.nextSibling;
+                            list.appendChild(current);
+                            if(!li || domUtils.isTagNode(li,'ol ul')){
+                                if(li){
+                                    while(li = li.firstChild){
+                                        if(li.tagName == 'LI'){
+                                            break;
+                                        }
+                                    }
+                                }else{
+                                    li = domUtils.getNextDomNode(current,false,null,function(node){return node !== closeList});
+                                }
+                                break;
+                            }
+                            current = li;
+                        }
+                        adjustList(list,list.tagName.toLowerCase(),currentStyle);
+                        current = li;
+                    }
+                }
+                me.fireEvent('contentchange');
+                range.moveToBookmark(bk).select();
+                return true;
+            }
+        }
+
+    });
+    function getLi(start){
+        while(start && !domUtils.isBody(start)){
+            if(start.nodeName == 'TABLE'){
+                return null;
+            }
+            if(start.nodeName == 'LI'){
+                return start
+            }
+            start = start.parentNode;
+        }
+    }
+
+    /**
+     * 有序列表，与“insertunorderedlist”命令互斥
+     * @command insertorderedlist
+     * @method execCommand
+     * @param { String } command 命令字符串
+     * @param { String } style 插入的有序列表类型，值为：decimal,lower-alpha,lower-roman,upper-alpha,upper-roman,cn,cn1,cn2,num,num1,num2
+     * @example
+     * ```javascript
+     * editor.execCommand( 'insertorderedlist','decimal');
+     * ```
+     */
+    /**
+     * 查询当前选区内容是否有序列表
+     * @command insertorderedlist
+     * @method queryCommandState
+     * @param { String } cmd 命令字符串
+     * @return { int } 如果当前选区是有序列表返回1，否则返回0
+     * @example
+     * ```javascript
+     * editor.queryCommandState( 'insertorderedlist' );
+     * ```
+     */
+    /**
+     * 查询当前选区内容是否有序列表
+     * @command insertorderedlist
+     * @method queryCommandValue
+     * @param { String } cmd 命令字符串
+     * @return { String } 返回当前有序列表的类型，值为null或decimal,lower-alpha,lower-roman,upper-alpha,upper-roman,cn,cn1,cn2,num,num1,num2
+     * @example
+     * ```javascript
+     * editor.queryCommandValue( 'insertorderedlist' );
+     * ```
+     */
+
+    /**
+     * 无序列表，与“insertorderedlist”命令互斥
+     * @command insertunorderedlist
+     * @method execCommand
+     * @param { String } command 命令字符串
+     * @param { String } style 插入的无序列表类型，值为：circle,disc,square,dash,dot
+     * @example
+     * ```javascript
+     * editor.execCommand( 'insertunorderedlist','circle');
+     * ```
+     */
+    /**
+     * 查询当前是否有word文档粘贴进来的图片
+     * @command insertunorderedlist
+     * @method insertunorderedlist
+     * @param { String } command 命令字符串
+     * @return { int } 如果当前选区是无序列表返回1，否则返回0
+     * @example
+     * ```javascript
+     * editor.queryCommandState( 'insertunorderedlist' );
+     * ```
+     */
+    /**
+     * 查询当前选区内容是否有序列表
+     * @command insertunorderedlist
+     * @method queryCommandValue
+     * @param { String } command 命令字符串
+     * @return { String } 返回当前无序列表的类型，值为null或circle,disc,square,dash,dot
+     * @example
+     * ```javascript
+     * editor.queryCommandValue( 'insertunorderedlist' );
+     * ```
+     */
+
+    me.commands['insertorderedlist'] =
+    me.commands['insertunorderedlist'] = {
+            execCommand:function (command, style) {
+
+                if (!style) {
+                    style = command.toLowerCase() == 'insertorderedlist' ? 'decimal' : 'disc';
+                }
+                var me = this,
+                    range = this.selection.getRange(),
+                    filterFn = function (node) {
+                        return   node.nodeType == 1 ? node.tagName.toLowerCase() != 'br' : !domUtils.isWhitespace(node);
+                    },
+                    tag = command.toLowerCase() == 'insertorderedlist' ? 'ol' : 'ul',
+                    frag = me.document.createDocumentFragment();
+                //去掉是因为会出现选到末尾，导致adjustmentBoundary缩到ol/ul的位置
+                //range.shrinkBoundary();//.adjustmentBoundary();
+                range.adjustmentBoundary().shrinkBoundary();
+                var bko = range.createBookmark(true),
+                    start = getLi(me.document.getElementById(bko.start)),
+                    modifyStart = 0,
+                    end =  getLi(me.document.getElementById(bko.end)),
+                    modifyEnd = 0,
+                    startParent, endParent,
+                    list, tmp;
+
+                if (start || end) {
+                    start && (startParent = start.parentNode);
+                    if (!bko.end) {
+                        end = start;
+                    }
+                    end && (endParent = end.parentNode);
+
+                    if (startParent === endParent) {
+                        while (start !== end) {
+                            tmp = start;
+                            start = start.nextSibling;
+                            if (!domUtils.isBlockElm(tmp.firstChild)) {
+                                var p = me.document.createElement('p');
+                                while (tmp.firstChild) {
+                                    p.appendChild(tmp.firstChild);
+                                }
+                                tmp.appendChild(p);
+                            }
+                            frag.appendChild(tmp);
+                        }
+                        tmp = me.document.createElement('span');
+                        startParent.insertBefore(tmp, end);
+                        if (!domUtils.isBlockElm(end.firstChild)) {
+                            p = me.document.createElement('p');
+                            while (end.firstChild) {
+                                p.appendChild(end.firstChild);
+                            }
+                            end.appendChild(p);
+                        }
+                        frag.appendChild(end);
+                        domUtils.breakParent(tmp, startParent);
+                        if (domUtils.isEmptyNode(tmp.previousSibling)) {
+                            domUtils.remove(tmp.previousSibling);
+                        }
+                        if (domUtils.isEmptyNode(tmp.nextSibling)) {
+                            domUtils.remove(tmp.nextSibling)
+                        }
+                        var nodeStyle = getStyle(startParent) || domUtils.getComputedStyle(startParent, 'list-style-type') || (command.toLowerCase() == 'insertorderedlist' ? 'decimal' : 'disc');
+                        if (startParent.tagName.toLowerCase() == tag && nodeStyle == style) {
+                            for (var i = 0, ci, tmpFrag = me.document.createDocumentFragment(); ci = frag.firstChild;) {
+                                if(domUtils.isTagNode(ci,'ol ul')){
+//                                  删除时，子列表不处理
+//                                  utils.each(domUtils.getElementsByTagName(ci,'li'),function(li){
+//                                        while(li.firstChild){
+//                                            tmpFrag.appendChild(li.firstChild);
+//                                        }
+//
+//                                    });
+                                    tmpFrag.appendChild(ci);
+                                }else{
+                                    while (ci.firstChild) {
+
+                                        tmpFrag.appendChild(ci.firstChild);
+                                        domUtils.remove(ci);
+                                    }
+                                }
+
+                            }
+                            tmp.parentNode.insertBefore(tmpFrag, tmp);
+                        } else {
+                            list = me.document.createElement(tag);
+                            setListStyle(list,style);
+                            list.appendChild(frag);
+                            tmp.parentNode.insertBefore(list, tmp);
+                        }
+
+                        domUtils.remove(tmp);
+                        list && adjustList(list, tag, style);
+                        range.moveToBookmark(bko).select();
+                        return;
+                    }
+                    //开始
+                    if (start) {
+                        while (start) {
+                            tmp = start.nextSibling;
+                            if (domUtils.isTagNode(start, 'ol ul')) {
+                                frag.appendChild(start);
+                            } else {
+                                var tmpfrag = me.document.createDocumentFragment(),
+                                    hasBlock = 0;
+                                while (start.firstChild) {
+                                    if (domUtils.isBlockElm(start.firstChild)) {
+                                        hasBlock = 1;
+                                    }
+                                    tmpfrag.appendChild(start.firstChild);
+                                }
+                                if (!hasBlock) {
+                                    var tmpP = me.document.createElement('p');
+                                    tmpP.appendChild(tmpfrag);
+                                    frag.appendChild(tmpP);
+                                } else {
+                                    frag.appendChild(tmpfrag);
+                                }
+                                domUtils.remove(start);
+                            }
+
+                            start = tmp;
+                        }
+                        startParent.parentNode.insertBefore(frag, startParent.nextSibling);
+                        if (domUtils.isEmptyNode(startParent)) {
+                            range.setStartBefore(startParent);
+                            domUtils.remove(startParent);
+                        } else {
+                            range.setStartAfter(startParent);
+                        }
+                        modifyStart = 1;
+                    }
+
+                    if (end && domUtils.inDoc(endParent, me.document)) {
+                        //结束
+                        start = endParent.firstChild;
+                        while (start && start !== end) {
+                            tmp = start.nextSibling;
+                            if (domUtils.isTagNode(start, 'ol ul')) {
+                                frag.appendChild(start);
+                            } else {
+                                tmpfrag = me.document.createDocumentFragment();
+                                hasBlock = 0;
+                                while (start.firstChild) {
+                                    if (domUtils.isBlockElm(start.firstChild)) {
+                                        hasBlock = 1;
+                                    }
+                                    tmpfrag.appendChild(start.firstChild);
+                                }
+                                if (!hasBlock) {
+                                    tmpP = me.document.createElement('p');
+                                    tmpP.appendChild(tmpfrag);
+                                    frag.appendChild(tmpP);
+                                } else {
+                                    frag.appendChild(tmpfrag);
+                                }
+                                domUtils.remove(start);
+                            }
+                            start = tmp;
+                        }
+                        var tmpDiv = domUtils.createElement(me.document, 'div', {
+                            'tmpDiv':1
+                        });
+                        domUtils.moveChild(end, tmpDiv);
+
+                        frag.appendChild(tmpDiv);
+                        domUtils.remove(end);
+                        endParent.parentNode.insertBefore(frag, endParent);
+                        range.setEndBefore(endParent);
+                        if (domUtils.isEmptyNode(endParent)) {
+                            domUtils.remove(endParent);
+                        }
+
+                        modifyEnd = 1;
+                    }
+
+
+                }
+
+                if (!modifyStart) {
+                    range.setStartBefore(me.document.getElementById(bko.start));
+                }
+                if (bko.end && !modifyEnd) {
+                    range.setEndAfter(me.document.getElementById(bko.end));
+                }
+                range.enlarge(true, function (node) {
+                    return notExchange[node.tagName];
+                });
+
+                frag = me.document.createDocumentFragment();
+
+                var bk = range.createBookmark(),
+                    current = domUtils.getNextDomNode(bk.start, false, filterFn),
+                    tmpRange = range.cloneRange(),
+                    tmpNode,
+                    block = domUtils.isBlockElm;
+
+                while (current && current !== bk.end && (domUtils.getPosition(current, bk.end) & domUtils.POSITION_PRECEDING)) {
+
+                    if (current.nodeType == 3 || dtd.li[current.tagName]) {
+                        if (current.nodeType == 1 && dtd.$list[current.tagName]) {
+                            while (current.firstChild) {
+                                frag.appendChild(current.firstChild);
+                            }
+                            tmpNode = domUtils.getNextDomNode(current, false, filterFn);
+                            domUtils.remove(current);
+                            current = tmpNode;
+                            continue;
+
+                        }
+                        tmpNode = current;
+                        tmpRange.setStartBefore(current);
+
+                        while (current && current !== bk.end && (!block(current) || domUtils.isBookmarkNode(current) )) {
+                            tmpNode = current;
+                            current = domUtils.getNextDomNode(current, false, null, function (node) {
+                                return !notExchange[node.tagName];
+                            });
+                        }
+
+                        if (current && block(current)) {
+                            tmp = domUtils.getNextDomNode(tmpNode, false, filterFn);
+                            if (tmp && domUtils.isBookmarkNode(tmp)) {
+                                current = domUtils.getNextDomNode(tmp, false, filterFn);
+                                tmpNode = tmp;
+                            }
+                        }
+                        tmpRange.setEndAfter(tmpNode);
+
+                        current = domUtils.getNextDomNode(tmpNode, false, filterFn);
+
+                        var li = range.document.createElement('li');
+
+                        li.appendChild(tmpRange.extractContents());
+                        if(domUtils.isEmptyNode(li)){
+                            var tmpNode = range.document.createElement('p');
+                            while(li.firstChild){
+                                tmpNode.appendChild(li.firstChild)
+                            }
+                            li.appendChild(tmpNode);
+                        }
+                        frag.appendChild(li);
+                    } else {
+                        current = domUtils.getNextDomNode(current, true, filterFn);
+                    }
+                }
+                range.moveToBookmark(bk).collapse(true);
+                list = me.document.createElement(tag);
+                setListStyle(list,style);
+                list.appendChild(frag);
+                range.insertNode(list);
+                //当前list上下看能否合并
+                adjustList(list, tag, style);
+                //去掉冗余的tmpDiv
+                for (var i = 0, ci, tmpDivs = domUtils.getElementsByTagName(list, 'div'); ci = tmpDivs[i++];) {
+                    if (ci.getAttribute('tmpDiv')) {
+                        domUtils.remove(ci, true)
+                    }
+                }
+                range.moveToBookmark(bko).select();
+
+            },
+            queryCommandState:function (command) {
+                var tag = command.toLowerCase() == 'insertorderedlist' ? 'ol' : 'ul';
+                var path = this.selection.getStartElementPath();
+                for(var i= 0,ci;ci = path[i++];){
+                    if(ci.nodeName == 'TABLE'){
+                        return 0
+                    }
+                    if(tag == ci.nodeName.toLowerCase()){
+                        return 1
+                    };
+                }
+                return 0;
+
+            },
+            queryCommandValue:function (command) {
+                var tag = command.toLowerCase() == 'insertorderedlist' ? 'ol' : 'ul';
+                var path = this.selection.getStartElementPath(),
+                    node;
+                for(var i= 0,ci;ci = path[i++];){
+                    if(ci.nodeName == 'TABLE'){
+                        node = null;
+                        break;
+                    }
+                    if(tag == ci.nodeName.toLowerCase()){
+                        node = ci;
+                        break;
+                    };
+                }
+                return node ? getStyle(node) || domUtils.getComputedStyle(node, 'list-style-type') : null;
+            }
+        };
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/music.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/music.js
new file mode 100644
index 000000000..287d56239
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/music.js
@@ -0,0 +1,79 @@
+/**
+ * 插入音乐命令
+ * @file
+ */
+UE.plugin.register('music', function (){
+    var me = this;
+    function creatInsertStr(url,width,height,align,cssfloat,toEmbed){
+        return  !toEmbed ?
+                '<img ' +
+                    (align && !cssfloat? 'align="' + align + '"' : '') +
+                    (cssfloat ? 'style="float:' + cssfloat + '"' : '') +
+                    ' width="'+ width +'" height="' + height + '" _url="'+url+'" class="edui-faked-music"' +
+                    ' src="'+me.options.langPath+me.options.lang+'/images/music.png" />'
+            :
+            '<embed type="application/x-shockwave-flash" class="edui-faked-music" pluginspage="http://www.macromedia.com/go/getflashplayer"' +
+                ' src="' + url + '" width="' + width  + '" height="' + height  + '" '+ (align && !cssfloat? 'align="' + align + '"' : '') +
+                (cssfloat ? 'style="float:' + cssfloat + '"' : '') +
+                ' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >';
+    }
+    return {
+        outputRule: function(root){
+            utils.each(root.getNodesByTagName('img'),function(node){
+                var html;
+                if(node.getAttr('class') == 'edui-faked-music'){
+                    var cssfloat = node.getStyle('float');
+                    var align = node.getAttr('align');
+                    html =  creatInsertStr(node.getAttr("_url"), node.getAttr('width'), node.getAttr('height'), align, cssfloat, true);
+                    var embed = UE.uNode.createElement(html);
+                    node.parentNode.replaceChild(embed,node);
+                }
+            })
+        },
+        inputRule:function(root){
+            utils.each(root.getNodesByTagName('embed'),function(node){
+                if(node.getAttr('class') == 'edui-faked-music'){
+                    var cssfloat = node.getStyle('float');
+                    var align = node.getAttr('align');
+                    html =  creatInsertStr(node.getAttr("src"), node.getAttr('width'), node.getAttr('height'), align, cssfloat,false);
+                    var img = UE.uNode.createElement(html);
+                    node.parentNode.replaceChild(img,node);
+                }
+            })
+
+        },
+        commands:{
+            /**
+             * 插入音乐
+             * @command music
+             * @method execCommand
+             * @param { Object } musicOptions 插入音乐的参数项， 支持的key有： url=>音乐地址；
+             * width=>音乐容器宽度；height=>音乐容器高度；align=>音乐文件的对齐方式， 可选值有: left, center, right, none
+             * @example
+             * ```javascript
+             * //editor是编辑器实例
+             * //在编辑器里插入一个“植物大战僵尸”的APP
+             * editor.execCommand( 'music' , {
+             *     width: 400,
+             *     height: 95,
+             *     align: "center",
+             *     url: "音乐地址"
+             * } );
+             * ```
+             */
+            'music':{
+                execCommand:function (cmd, musicObj) {
+                    var me = this,
+                        str = creatInsertStr(musicObj.url, musicObj.width || 400, musicObj.height || 95, "none", false);
+                    me.execCommand("inserthtml",str);
+                },
+                queryCommandState:function () {
+                    var me = this,
+                        img = me.selection.getRange().getClosedNode(),
+                        flag = img && (img.className == "edui-faked-music");
+                    return flag ? 1 : 0;
+                }
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/pagebreak.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/pagebreak.js
new file mode 100644
index 000000000..b21850908
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/pagebreak.js
@@ -0,0 +1,160 @@
+/**
+ * 分页功能插件
+ * @file
+ * @since 1.2.6.1
+ */
+UE.plugins['pagebreak'] = function () {
+    var me = this,
+        notBreakTags = ['td'];
+    me.setOpt('pageBreakTag','_ueditor_page_break_tag_');
+
+    function fillNode(node){
+        if(domUtils.isEmptyBlock(node)){
+            var firstChild = node.firstChild,tmpNode;
+
+            while(firstChild && firstChild.nodeType == 1 && domUtils.isEmptyBlock(firstChild)){
+                tmpNode = firstChild;
+                firstChild = firstChild.firstChild;
+            }
+            !tmpNode && (tmpNode = node);
+            domUtils.fillNode(me.document,tmpNode);
+        }
+    }
+    //分页符样式添加
+
+    me.ready(function(){
+        utils.cssRule('pagebreak','.pagebreak{display:block;clear:both !important;cursor:default !important;width: 100% !important;margin:0;}',me.document);
+    });
+    function isHr(node){
+        return node && node.nodeType == 1 && node.tagName == 'HR' && node.className == 'pagebreak';
+    }
+    me.addInputRule(function(root){
+        root.traversal(function(node){
+            if(node.type == 'text' && node.data == me.options.pageBreakTag){
+                var hr = UE.uNode.createElement('<hr class="pagebreak" noshade="noshade" size="5" style="-webkit-user-select: none;">');
+                node.parentNode.insertBefore(hr,node);
+                node.parentNode.removeChild(node)
+            }
+        })
+    });
+    me.addOutputRule(function(node){
+        utils.each(node.getNodesByTagName('hr'),function(n){
+            if(n.getAttr('class') == 'pagebreak'){
+                var txt = UE.uNode.createText(me.options.pageBreakTag);
+                n.parentNode.insertBefore(txt,n);
+                n.parentNode.removeChild(n);
+            }
+        })
+
+    });
+
+    /**
+     * 插入分页符
+     * @command pagebreak
+     * @method execCommand
+     * @param { String } cmd 命令字符串
+     * @remind 在表格中插入分页符会把表格切分成两部分
+     * @remind 获取编辑器内的数据时， 编辑器会把分页符转换成“_ueditor_page_break_tag_”字符串，
+     *          以便于提交数据到服务器端后处理分页。
+     * @example
+     * ```javascript
+     * editor.execCommand( 'pagebreak'); //插入一个hr标签，带有样式类名pagebreak
+     * ```
+     */
+
+    me.commands['pagebreak'] = {
+        execCommand:function () {
+            var range = me.selection.getRange(),hr = me.document.createElement('hr');
+            domUtils.setAttributes(hr,{
+                'class' : 'pagebreak',
+                noshade:"noshade",
+                size:"5"
+            });
+            domUtils.unSelectable(hr);
+            //table单独处理
+            var node = domUtils.findParentByTagName(range.startContainer, notBreakTags, true),
+
+                parents = [], pN;
+            if (node) {
+                switch (node.tagName) {
+                    case 'TD':
+                        pN = node.parentNode;
+                        if (!pN.previousSibling) {
+                            var table = domUtils.findParentByTagName(pN, 'table');
+//                            var tableWrapDiv = table.parentNode;
+//                            if(tableWrapDiv && tableWrapDiv.nodeType == 1
+//                                && tableWrapDiv.tagName == 'DIV'
+//                                && tableWrapDiv.getAttribute('dropdrag')
+//                                ){
+//                                domUtils.remove(tableWrapDiv,true);
+//                            }
+                            table.parentNode.insertBefore(hr, table);
+                            parents = domUtils.findParents(hr, true);
+
+                        } else {
+                            pN.parentNode.insertBefore(hr, pN);
+                            parents = domUtils.findParents(hr);
+
+                        }
+                        pN = parents[1];
+                        if (hr !== pN) {
+                            domUtils.breakParent(hr, pN);
+
+                        }
+                        //table要重写绑定一下拖拽
+                        me.fireEvent('afteradjusttable',me.document);
+                }
+
+            } else {
+
+                if (!range.collapsed) {
+                    range.deleteContents();
+                    var start = range.startContainer;
+                    while ( !domUtils.isBody(start) && domUtils.isBlockElm(start) && domUtils.isEmptyNode(start)) {
+                        range.setStartBefore(start).collapse(true);
+                        domUtils.remove(start);
+                        start = range.startContainer;
+                    }
+
+                }
+                range.insertNode(hr);
+
+                var pN = hr.parentNode, nextNode;
+                while (!domUtils.isBody(pN)) {
+                    domUtils.breakParent(hr, pN);
+                    nextNode = hr.nextSibling;
+                    if (nextNode && domUtils.isEmptyBlock(nextNode)) {
+                        domUtils.remove(nextNode);
+                    }
+                    pN = hr.parentNode;
+                }
+                nextNode = hr.nextSibling;
+                var pre = hr.previousSibling;
+                if(isHr(pre)){
+                    domUtils.remove(pre);
+                }else{
+                    pre && fillNode(pre);
+                }
+
+                if(!nextNode){
+                    var p = me.document.createElement('p');
+
+                    hr.parentNode.appendChild(p);
+                    domUtils.fillNode(me.document,p);
+                    range.setStart(p,0).collapse(true);
+                }else{
+                    if(isHr(nextNode)){
+                        domUtils.remove(nextNode);
+                    }else{
+                        fillNode(nextNode);
+                    }
+                    range.setEndAfter(hr).collapse(false);
+                }
+
+                range.select(true);
+
+            }
+
+        }
+    };
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/paragraph.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/paragraph.js
new file mode 100644
index 000000000..64b5f2867
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/paragraph.js
@@ -0,0 +1,170 @@
+/**
+ * 段落样式
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 段落格式
+ * @command paragraph
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param {String}   style               标签值为：'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'
+ * @param {Object}   attrs               标签的属性
+ * @example
+ * ```javascript
+ * editor.execCommand( 'Paragraph','h1','{
+ *     class:'test'
+ * }' );
+ * ```
+ */
+
+/**
+ * 返回选区内节点标签名
+ * @command paragraph
+ * @method queryCommandValue
+ * @param { String } cmd 命令字符串
+ * @return { String } 节点标签名
+ * @example
+ * ```javascript
+ * editor.queryCommandValue( 'Paragraph' );
+ * ```
+ */
+
+UE.plugins['paragraph'] = function() {
+    var me = this,
+        block = domUtils.isBlockElm,
+        notExchange = ['TD','LI','PRE'],
+
+        doParagraph = function(range,style,attrs,sourceCmdName){
+            var bookmark = range.createBookmark(),
+                filterFn = function( node ) {
+                    return   node.nodeType == 1 ? node.tagName.toLowerCase() != 'br' &&  !domUtils.isBookmarkNode(node) : !domUtils.isWhitespace( node );
+                },
+                para;
+
+            range.enlarge( true );
+            var bookmark2 = range.createBookmark(),
+                current = domUtils.getNextDomNode( bookmark2.start, false, filterFn ),
+                tmpRange = range.cloneRange(),
+                tmpNode;
+            while ( current && !(domUtils.getPosition( current, bookmark2.end ) & domUtils.POSITION_FOLLOWING) ) {
+                if ( current.nodeType == 3 || !block( current ) ) {
+                    tmpRange.setStartBefore( current );
+                    while ( current && current !== bookmark2.end && !block( current ) ) {
+                        tmpNode = current;
+                        current = domUtils.getNextDomNode( current, false, null, function( node ) {
+                            return !block( node );
+                        } );
+                    }
+                    tmpRange.setEndAfter( tmpNode );
+                    
+                    para = range.document.createElement( style );
+                    if(attrs){
+                        domUtils.setAttributes(para,attrs);
+                        if(sourceCmdName && sourceCmdName == 'customstyle' && attrs.style){
+                            para.style.cssText = attrs.style;
+                        }
+                    }
+                    para.appendChild( tmpRange.extractContents() );
+                    //需要内容占位
+                    if(domUtils.isEmptyNode(para)){
+                        domUtils.fillChar(range.document,para);
+                        
+                    }
+
+                    tmpRange.insertNode( para );
+
+                    var parent = para.parentNode;
+                    //如果para上一级是一个block元素且不是body,td就删除它
+                    if ( block( parent ) && !domUtils.isBody( para.parentNode ) && utils.indexOf(notExchange,parent.tagName)==-1) {
+                        //存储dir,style
+                        if(!(sourceCmdName && sourceCmdName == 'customstyle')){
+                            parent.getAttribute('dir') && para.setAttribute('dir',parent.getAttribute('dir'));
+                            //trace:1070
+                            parent.style.cssText && (para.style.cssText = parent.style.cssText + ';' + para.style.cssText);
+                            //trace:1030
+                            parent.style.textAlign && !para.style.textAlign && (para.style.textAlign = parent.style.textAlign);
+                            parent.style.textIndent && !para.style.textIndent && (para.style.textIndent = parent.style.textIndent);
+                            parent.style.padding && !para.style.padding && (para.style.padding = parent.style.padding);
+                        }
+
+                        //trace:1706 选择的就是h1-6要删除
+                        if(attrs && /h\d/i.test(parent.tagName) && !/h\d/i.test(para.tagName) ){
+                            domUtils.setAttributes(parent,attrs);
+                            if(sourceCmdName && sourceCmdName == 'customstyle' && attrs.style){
+                                parent.style.cssText = attrs.style;
+                            }
+                            domUtils.remove(para,true);
+                            para = parent;
+                        }else{
+                            domUtils.remove( para.parentNode, true );
+                        }
+
+                    }
+                    if(  utils.indexOf(notExchange,parent.tagName)!=-1){
+                        current = parent;
+                    }else{
+                       current = para;
+                    }
+
+
+                    current = domUtils.getNextDomNode( current, false, filterFn );
+                } else {
+                    current = domUtils.getNextDomNode( current, true, filterFn );
+                }
+            }
+            return range.moveToBookmark( bookmark2 ).moveToBookmark( bookmark );
+        };
+    me.setOpt('paragraph',{'p':'', 'h1':'', 'h2':'', 'h3':'', 'h4':'', 'h5':'', 'h6':''});
+    me.commands['paragraph'] = {
+        execCommand : function( cmdName, style,attrs,sourceCmdName ) {
+            var range = this.selection.getRange();
+             //闭合时单独处理
+            if(range.collapsed){
+                var txt = this.document.createTextNode('p');
+                range.insertNode(txt);
+                //去掉冗余的fillchar
+                if(browser.ie){
+                    var node = txt.previousSibling;
+                    if(node && domUtils.isWhitespace(node)){
+                        domUtils.remove(node);
+                    }
+                    node = txt.nextSibling;
+                    if(node && domUtils.isWhitespace(node)){
+                        domUtils.remove(node);
+                    }
+                }
+
+            }
+            range = doParagraph(range,style,attrs,sourceCmdName);
+            if(txt){
+                range.setStartBefore(txt).collapse(true);
+                pN = txt.parentNode;
+
+                domUtils.remove(txt);
+
+                if(domUtils.isBlockElm(pN)&&domUtils.isEmptyNode(pN)){
+                    domUtils.fillNode(this.document,pN);
+                }
+
+            }
+
+            if(browser.gecko && range.collapsed && range.startContainer.nodeType == 1){
+                var child = range.startContainer.childNodes[range.startOffset];
+                if(child && child.nodeType == 1 && child.tagName.toLowerCase() == style){
+                    range.setStart(child,0).collapse(true);
+                }
+            }
+            //trace:1097 原来有true，原因忘了，但去了就不能清除多余的占位符了
+            range.select();
+
+
+            return true;
+        },
+        queryCommandValue : function() {
+            var node = domUtils.filterNodeList(this.selection.getStartElementPath(),'p h1 h2 h3 h4 h5 h6');
+            return node ? node.tagName.toLowerCase() : '';
+        }
+    };
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/paste.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/paste.js
new file mode 100644
index 000000000..04aa52e86
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/paste.js
@@ -0,0 +1,305 @@
+///import core
+///import plugins/inserthtml.js
+///import plugins/undo.js
+///import plugins/serialize.js
+///commands 粘贴
+///commandsName  PastePlain
+///commandsTitle  纯文本粘贴模式
+/**
+ * @description 粘贴
+ * @author zhanyi
+ */
+UE.plugins['paste'] = function () {
+    function getClipboardData(callback) {
+        var doc = this.document;
+        if (doc.getElementById('baidu_pastebin')) {
+            return;
+        }
+        var range = this.selection.getRange(),
+            bk = range.createBookmark(),
+        //创建剪贴的容器div
+            pastebin = doc.createElement('div');
+        pastebin.id = 'baidu_pastebin';
+        // Safari 要求div必须有内容，才能粘贴内容进来
+        browser.webkit && pastebin.appendChild(doc.createTextNode(domUtils.fillChar + domUtils.fillChar));
+        doc.body.appendChild(pastebin);
+        //trace:717 隐藏的span不能得到top
+        //bk.start.innerHTML = '&nbsp;';
+        bk.start.style.display = '';
+        pastebin.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;white-space:nowrap;top:" +
+            //要在现在光标平行的位置加入，否则会出现跳动的问题
+            domUtils.getXY(bk.start).y + 'px';
+
+        range.selectNodeContents(pastebin).select(true);
+
+        setTimeout(function () {
+            if (browser.webkit) {
+                for (var i = 0, pastebins = doc.querySelectorAll('#baidu_pastebin'), pi; pi = pastebins[i++];) {
+                    if (domUtils.isEmptyNode(pi)) {
+                        domUtils.remove(pi);
+                    } else {
+                        pastebin = pi;
+                        break;
+                    }
+                }
+            }
+            try {
+                pastebin.parentNode.removeChild(pastebin);
+            } catch (e) {
+            }
+            range.moveToBookmark(bk).select(true);
+            callback(pastebin);
+        }, 0);
+    }
+
+    var me = this;
+
+    me.setOpt({
+        retainOnlyLabelPasted : false
+    });
+
+    var txtContent, htmlContent, address;
+
+    function getPureHtml(html){
+        return html.replace(/<(\/?)([\w\-]+)([^>]*)>/gi, function (a, b, tagName, attrs) {
+            tagName = tagName.toLowerCase();
+            if ({img: 1}[tagName]) {
+                return a;
+            }
+            attrs = attrs.replace(/([\w\-]*?)\s*=\s*(("([^"]*)")|('([^']*)')|([^\s>]+))/gi, function (str, atr, val) {
+                if ({
+                    'src': 1,
+                    'href': 1,
+                    'name': 1
+                }[atr.toLowerCase()]) {
+                    return atr + '=' + val + ' '
+                }
+                return ''
+            });
+            if ({
+                'span': 1,
+                'div': 1
+            }[tagName]) {
+                return ''
+            } else {
+
+                return '<' + b + tagName + ' ' + utils.trim(attrs) + '>'
+            }
+
+        });
+    }
+    function filter(div) {
+        var html;
+        if (div.firstChild) {
+            //去掉cut中添加的边界值
+            var nodes = domUtils.getElementsByTagName(div, 'span');
+            for (var i = 0, ni; ni = nodes[i++];) {
+                if (ni.id == '_baidu_cut_start' || ni.id == '_baidu_cut_end') {
+                    domUtils.remove(ni);
+                }
+            }
+
+            if (browser.webkit) {
+
+                var brs = div.querySelectorAll('div br');
+                for (var i = 0, bi; bi = brs[i++];) {
+                    var pN = bi.parentNode;
+                    if (pN.tagName == 'DIV' && pN.childNodes.length == 1) {
+                        pN.innerHTML = '<p><br/></p>';
+                        domUtils.remove(pN);
+                    }
+                }
+                var divs = div.querySelectorAll('#baidu_pastebin');
+                for (var i = 0, di; di = divs[i++];) {
+                    var tmpP = me.document.createElement('p');
+                    di.parentNode.insertBefore(tmpP, di);
+                    while (di.firstChild) {
+                        tmpP.appendChild(di.firstChild);
+                    }
+                    domUtils.remove(di);
+                }
+
+                var metas = div.querySelectorAll('meta');
+                for (var i = 0, ci; ci = metas[i++];) {
+                    domUtils.remove(ci);
+                }
+
+                var brs = div.querySelectorAll('br');
+                for (i = 0; ci = brs[i++];) {
+                    if (/^apple-/i.test(ci.className)) {
+                        domUtils.remove(ci);
+                    }
+                }
+            }
+            if (browser.gecko) {
+                var dirtyNodes = div.querySelectorAll('[_moz_dirty]');
+                for (i = 0; ci = dirtyNodes[i++];) {
+                    ci.removeAttribute('_moz_dirty');
+                }
+            }
+            if (!browser.ie) {
+                var spans = div.querySelectorAll('span.Apple-style-span');
+                for (var i = 0, ci; ci = spans[i++];) {
+                    domUtils.remove(ci, true);
+                }
+            }
+
+            //ie下使用innerHTML会产生多余的\r\n字符，也会产生&nbsp;这里过滤掉
+            html = div.innerHTML;//.replace(/>(?:(\s|&nbsp;)*?)</g,'><');
+
+            //过滤word粘贴过来的冗余属性
+            html = UE.filterWord(html);
+            //取消了忽略空白的第二个参数，粘贴过来的有些是有空白的，会被套上相关的标签
+            var root = UE.htmlparser(html);
+            //如果给了过滤规则就先进行过滤
+            if (me.options.filterRules) {
+                UE.filterNode(root, me.options.filterRules);
+            }
+            //执行默认的处理
+            me.filterInputRule(root);
+            //针对chrome的处理
+            if (browser.webkit) {
+                var br = root.lastChild();
+                if (br && br.type == 'element' && br.tagName == 'br') {
+                    root.removeChild(br)
+                }
+                utils.each(me.body.querySelectorAll('div'), function (node) {
+                    if (domUtils.isEmptyBlock(node)) {
+                        domUtils.remove(node,true)
+                    }
+                })
+            }
+            html = {'html': root.toHtml()};
+            me.fireEvent('beforepaste', html, root);
+            //抢了默认的粘贴，那后边的内容就不执行了，比如表格粘贴
+            if(!html.html){
+                return;
+            }
+            root = UE.htmlparser(html.html,true);
+            //如果开启了纯文本模式
+            if (me.queryCommandState('pasteplain') === 1) {
+                me.execCommand('insertHtml', UE.filterNode(root, me.options.filterTxtRules).toHtml(), true);
+            } else {
+                //文本模式
+                UE.filterNode(root, me.options.filterTxtRules);
+                txtContent = root.toHtml();
+                //完全模式
+                htmlContent = html.html;
+
+                address = me.selection.getRange().createAddress(true);
+                me.execCommand('insertHtml', me.getOpt('retainOnlyLabelPasted') === true ?  getPureHtml(htmlContent) : htmlContent, true);
+            }
+            me.fireEvent("afterpaste", html);
+        }
+    }
+
+    me.addListener('pasteTransfer', function (cmd, plainType) {
+
+        if (address && txtContent && htmlContent && txtContent != htmlContent) {
+            var range = me.selection.getRange();
+            range.moveToAddress(address, true);
+
+            if (!range.collapsed) {
+
+                while (!domUtils.isBody(range.startContainer)
+                    ) {
+                    var start = range.startContainer;
+                    if(start.nodeType == 1){
+                        start = start.childNodes[range.startOffset];
+                        if(!start){
+                            range.setStartBefore(range.startContainer);
+                            continue;
+                        }
+                        var pre = start.previousSibling;
+
+                        if(pre && pre.nodeType == 3 && new RegExp('^[\n\r\t '+domUtils.fillChar+']*$').test(pre.nodeValue)){
+                            range.setStartBefore(pre)
+                        }
+                    }
+                    if(range.startOffset == 0){
+                        range.setStartBefore(range.startContainer);
+                    }else{
+                        break;
+                    }
+
+                }
+                while (!domUtils.isBody(range.endContainer)
+                    ) {
+                    var end = range.endContainer;
+                    if(end.nodeType == 1){
+                        end = end.childNodes[range.endOffset];
+                        if(!end){
+                            range.setEndAfter(range.endContainer);
+                            continue;
+                        }
+                        var next = end.nextSibling;
+                        if(next && next.nodeType == 3 && new RegExp('^[\n\r\t'+domUtils.fillChar+']*$').test(next.nodeValue)){
+                            range.setEndAfter(next)
+                        }
+                    }
+                    if(range.endOffset == range.endContainer[range.endContainer.nodeType == 3 ? 'nodeValue' : 'childNodes'].length){
+                        range.setEndAfter(range.endContainer);
+                    }else{
+                        break;
+                    }
+
+                }
+
+            }
+
+            range.deleteContents();
+            range.select(true);
+            me.__hasEnterExecCommand = true;
+            var html = htmlContent;
+            if (plainType === 2 ) {
+                html = getPureHtml(html);
+            } else if (plainType) {
+                html = txtContent;
+            }
+            me.execCommand('inserthtml', html, true);
+            me.__hasEnterExecCommand = false;
+            var rng = me.selection.getRange();
+            while (!domUtils.isBody(rng.startContainer) && !rng.startOffset &&
+                rng.startContainer[rng.startContainer.nodeType == 3 ? 'nodeValue' : 'childNodes'].length
+                ) {
+                rng.setStartBefore(rng.startContainer);
+            }
+            var tmpAddress = rng.createAddress(true);
+            address.endAddress = tmpAddress.startAddress;
+        }
+    });
+
+    me.addListener('ready', function () {
+        domUtils.on(me.body, 'cut', function () {
+            var range = me.selection.getRange();
+            if (!range.collapsed && me.undoManger) {
+                me.undoManger.save();
+            }
+        });
+
+        //ie下beforepaste在点击右键时也会触发，所以用监控键盘才处理
+        domUtils.on(me.body, browser.ie || browser.opera ? 'keydown' : 'paste', function (e) {
+            if ((browser.ie || browser.opera) && ((!e.ctrlKey && !e.metaKey) || e.keyCode != '86')) {
+                return;
+            }
+            getClipboardData.call(me, function (div) {
+                filter(div);
+            });
+        });
+
+    });
+
+    me.commands['paste'] = {
+        execCommand: function (cmd) {
+            if (browser.ie) {
+                getClipboardData.call(me, function (div) {
+                    filter(div);
+                });
+                me.document.execCommand('paste');
+            } else {
+                alert(me.getLang('pastemsg'));
+            }
+        }
+    }
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/preview.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/preview.js
new file mode 100644
index 000000000..712a7f56c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/preview.js
@@ -0,0 +1,28 @@
+/**
+ * 预览
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 预览
+ * @command preview
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'preview' );
+ * ```
+ */
+UE.commands['preview'] = {
+    execCommand : function(){
+        var w = window.open('', '_blank', ''),
+            d = w.document;
+        d.open();
+        d.write('<!DOCTYPE html><html><head><meta charset="utf-8"/><script src="'+this.options.UEDITOR_HOME_URL+'ueditor.parse.js"></script><script>' +
+            "setTimeout(function(){uParse('div',{rootPath: '"+ this.options.UEDITOR_HOME_URL +"'})},300)" +
+            '</script></head><body><div>'+this.getContent(null,null,true)+'</div></body></html>');
+        d.close();
+    },
+    notNeedUndo : 1
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/print.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/print.js
new file mode 100644
index 000000000..597e23ffe
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/print.js
@@ -0,0 +1,23 @@
+/**
+ * 打印
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 打印
+ * @command print
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'print' );
+ * ```
+ */
+UE.commands['print'] = {
+    execCommand : function(){
+        this.window.print();
+    },
+    notNeedUndo : 1
+};
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/puretxtpaste.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/puretxtpaste.js
new file mode 100644
index 000000000..e016f88de
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/puretxtpaste.js
@@ -0,0 +1,98 @@
+/**
+ * 纯文本粘贴插件
+ * @file
+ * @since 1.2.6.1
+ */
+
+UE.plugins['pasteplain'] = function(){
+    var me = this;
+    me.setOpt({
+        'pasteplain':false,
+        'filterTxtRules' : function(){
+            function transP(node){
+                node.tagName = 'p';
+                node.setStyle();
+            }
+            function removeNode(node){
+                node.parentNode.removeChild(node,true)
+            }
+            return {
+                //直接删除及其字节点内容
+                '-' : 'script style object iframe embed input select',
+                'p': {$:{}},
+                'br':{$:{}},
+                div: function (node) {
+                    var tmpNode, p = UE.uNode.createElement('p');
+                    while (tmpNode = node.firstChild()) {
+                        if (tmpNode.type == 'text' || !UE.dom.dtd.$block[tmpNode.tagName]) {
+                            p.appendChild(tmpNode);
+                        } else {
+                            if (p.firstChild()) {
+                                node.parentNode.insertBefore(p, node);
+                                p = UE.uNode.createElement('p');
+                            } else {
+                                node.parentNode.insertBefore(tmpNode, node);
+                            }
+                        }
+                    }
+                    if (p.firstChild()) {
+                        node.parentNode.insertBefore(p, node);
+                    }
+                    node.parentNode.removeChild(node);
+                },
+                ol: removeNode,
+                ul: removeNode,
+                dl:removeNode,
+                dt:removeNode,
+                dd:removeNode,
+                'li':removeNode,
+                'caption':transP,
+                'th':transP,
+                'tr':transP,
+                'h1':transP,'h2':transP,'h3':transP,'h4':transP,'h5':transP,'h6':transP,
+                'td':function(node){
+                        //没有内容的td直接删掉
+                        var txt = !!node.innerText();
+                        if(txt){
+                         node.parentNode.insertAfter(UE.uNode.createText(' &nbsp; &nbsp;'),node);
+                    }
+                    node.parentNode.removeChild(node,node.innerText())
+                }
+            }
+        }()
+    });
+    //暂时这里支持一下老版本的属性
+    var pasteplain = me.options.pasteplain;
+
+    /**
+     * 启用或取消纯文本粘贴模式
+     * @command pasteplain
+     * @method execCommand
+     * @param { String } cmd 命令字符串
+     * @example
+     * ```javascript
+     * editor.queryCommandState( 'pasteplain' );
+     * ```
+     */
+
+    /**
+     * 查询当前是否处于纯文本粘贴模式
+     * @command pasteplain
+     * @method queryCommandState
+     * @param { String } cmd 命令字符串
+     * @return { int } 如果处于纯文本模式，返回1，否则，返回0
+     * @example
+     * ```javascript
+     * editor.queryCommandState( 'pasteplain' );
+     * ```
+     */
+    me.commands['pasteplain'] = {
+        queryCommandState: function (){
+            return pasteplain ? 1 : 0;
+        },
+        execCommand: function (){
+            pasteplain = !pasteplain|0;
+        },
+        notNeedUndo : 1
+    };
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/removeformat.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/removeformat.js
new file mode 100644
index 000000000..2b8601183
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/removeformat.js
@@ -0,0 +1,182 @@
+/**
+ * 清除格式
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 清除文字样式
+ * @command removeformat
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param   {String}   tags     以逗号隔开的标签。如：strong
+ * @param   {String}   style    样式如：color
+ * @param   {String}   attrs    属性如:width
+ * @example
+ * ```javascript
+ * editor.execCommand( 'removeformat', 'strong','color','width' );
+ * ```
+ */
+
+UE.plugins['removeformat'] = function(){
+    var me = this;
+    me.setOpt({
+       'removeFormatTags': 'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var',
+       'removeFormatAttributes':'class,style,lang,width,height,align,hspace,valign'
+    });
+    me.commands['removeformat'] = {
+        execCommand : function( cmdName, tags, style, attrs,notIncludeA ) {
+
+            var tagReg = new RegExp( '^(?:' + (tags || this.options.removeFormatTags).replace( /,/g, '|' ) + ')$', 'i' ) ,
+                removeFormatAttributes = style ? [] : (attrs || this.options.removeFormatAttributes).split( ',' ),
+                range = new dom.Range( this.document ),
+                bookmark,node,parent,
+                filter = function( node ) {
+                    return node.nodeType == 1;
+                };
+
+            function isRedundantSpan (node) {
+                if (node.nodeType == 3 || node.tagName.toLowerCase() != 'span'){
+                    return 0;
+                }
+                if (browser.ie) {
+                    //ie 下判断实效，所以只能简单用style来判断
+                    //return node.style.cssText == '' ? 1 : 0;
+                    var attrs = node.attributes;
+                    if ( attrs.length ) {
+                        for ( var i = 0,l = attrs.length; i<l; i++ ) {
+                            if ( attrs[i].specified ) {
+                                return 0;
+                            }
+                        }
+                        return 1;
+                    }
+                }
+                return !node.attributes.length;
+            }
+            function doRemove( range ) {
+
+                var bookmark1 = range.createBookmark();
+                if ( range.collapsed ) {
+                    range.enlarge( true );
+                }
+
+                //不能把a标签切了
+                if(!notIncludeA){
+                    var aNode = domUtils.findParentByTagName(range.startContainer,'a',true);
+                    if(aNode){
+                        range.setStartBefore(aNode);
+                    }
+
+                    aNode = domUtils.findParentByTagName(range.endContainer,'a',true);
+                    if(aNode){
+                        range.setEndAfter(aNode);
+                    }
+
+                }
+
+
+                bookmark = range.createBookmark();
+
+                node = bookmark.start;
+
+                //切开始
+                while ( (parent = node.parentNode) && !domUtils.isBlockElm( parent ) ) {
+                    domUtils.breakParent( node, parent );
+
+                    domUtils.clearEmptySibling( node );
+                }
+                if ( bookmark.end ) {
+                    //切结束
+                    node = bookmark.end;
+                    while ( (parent = node.parentNode) && !domUtils.isBlockElm( parent ) ) {
+                        domUtils.breakParent( node, parent );
+                        domUtils.clearEmptySibling( node );
+                    }
+
+                    //开始去除样式
+                    var current = domUtils.getNextDomNode( bookmark.start, false, filter ),
+                        next;
+                    while ( current ) {
+                        if ( current == bookmark.end ) {
+                            break;
+                        }
+
+                        next = domUtils.getNextDomNode( current, true, filter );
+
+                        if ( !dtd.$empty[current.tagName.toLowerCase()] && !domUtils.isBookmarkNode( current ) ) {
+                            if ( tagReg.test( current.tagName ) ) {
+                                if ( style ) {
+                                    domUtils.removeStyle( current, style );
+                                    if ( isRedundantSpan( current ) && style != 'text-decoration'){
+                                        domUtils.remove( current, true );
+                                    }
+                                } else {
+                                    domUtils.remove( current, true );
+                                }
+                            } else {
+                                //trace:939  不能把list上的样式去掉
+                                if(!dtd.$tableContent[current.tagName] && !dtd.$list[current.tagName]){
+                                    domUtils.removeAttributes( current, removeFormatAttributes );
+                                    if ( isRedundantSpan( current ) ){
+                                        domUtils.remove( current, true );
+                                    }
+                                }
+
+                            }
+                        }
+                        current = next;
+                    }
+                }
+                //trace:1035
+                //trace:1096 不能把td上的样式去掉，比如边框
+                var pN = bookmark.start.parentNode;
+                if(domUtils.isBlockElm(pN) && !dtd.$tableContent[pN.tagName] && !dtd.$list[pN.tagName]){
+                    domUtils.removeAttributes(  pN,removeFormatAttributes );
+                }
+                pN = bookmark.end.parentNode;
+                if(bookmark.end && domUtils.isBlockElm(pN) && !dtd.$tableContent[pN.tagName]&& !dtd.$list[pN.tagName]){
+                    domUtils.removeAttributes(  pN,removeFormatAttributes );
+                }
+                range.moveToBookmark( bookmark ).moveToBookmark(bookmark1);
+                //清除冗余的代码 <b><bookmark></b>
+                var node = range.startContainer,
+                    tmp,
+                    collapsed = range.collapsed;
+                while(node.nodeType == 1 && domUtils.isEmptyNode(node) && dtd.$removeEmpty[node.tagName]){
+                    tmp = node.parentNode;
+                    range.setStartBefore(node);
+                    //trace:937
+                    //更新结束边界
+                    if(range.startContainer === range.endContainer){
+                        range.endOffset--;
+                    }
+                    domUtils.remove(node);
+                    node = tmp;
+                }
+
+                if(!collapsed){
+                    node = range.endContainer;
+                    while(node.nodeType == 1 && domUtils.isEmptyNode(node) && dtd.$removeEmpty[node.tagName]){
+                        tmp = node.parentNode;
+                        range.setEndBefore(node);
+                        domUtils.remove(node);
+
+                        node = tmp;
+                    }
+
+
+                }
+            }
+
+
+
+            range = this.selection.getRange();
+            doRemove( range );
+            range.select();
+
+        }
+
+    };
+
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/rowspacing.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/rowspacing.js
new file mode 100644
index 000000000..3dca5b188
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/rowspacing.js
@@ -0,0 +1,46 @@
+/**
+ * 段前段后间距插件
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 设置段间距
+ * @command rowspacing
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @param { String } value 段间距的值，以px为单位
+ * @param { String } dir 间距位置，top或bottom，分别表示段前和段后
+ * @example
+ * ```javascript
+ * editor.execCommand( 'rowspacing', '10', 'top' );
+ * ```
+ */
+
+UE.plugins['rowspacing'] = function(){
+    var me = this;
+    me.setOpt({
+        'rowspacingtop':['5', '10', '15', '20', '25'],
+        'rowspacingbottom':['5', '10', '15', '20', '25']
+
+    });
+    me.commands['rowspacing'] =  {
+        execCommand : function( cmdName,value,dir ) {
+            this.execCommand('paragraph','p',{style:'margin-'+dir+':'+value + 'px'});
+            return true;
+        },
+        queryCommandValue : function(cmdName,dir) {
+            var pN = domUtils.filterNodeList(this.selection.getStartElementPath(),function(node){return domUtils.isBlockElm(node) }),
+                value;
+            //trace:1026
+            if(pN){
+                value = domUtils.getComputedStyle(pN,'margin-'+dir).replace(/[^\d]/g,'');
+                return !value ? 0 : value;
+            }
+            return 0;
+
+        }
+    };
+};
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/scrawl.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/scrawl.js
new file mode 100644
index 000000000..b7e17a3a6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/scrawl.js
@@ -0,0 +1,10 @@
+///import core
+///commands 涂鸦
+///commandsName  Scrawl
+///commandsTitle  涂鸦
+///commandsDialog  dialogs\scrawl
+UE.commands['scrawl'] = {
+    queryCommandState : function(){
+        return ( browser.ie && browser.version  <= 8 ) ? -1 :0;
+    }
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/searchreplace.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/searchreplace.js
new file mode 100644
index 000000000..f1504c1c3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/searchreplace.js
@@ -0,0 +1,193 @@
+///import core
+///commands 查找替换
+///commandsName  SearchReplace
+///commandsTitle  查询替换
+///commandsDialog  dialogs\searchreplace
+/**
+ * @description 查找替换
+ * @author zhanyi
+ */
+
+UE.plugin.register('searchreplace',function(){
+    var me = this;
+
+    var _blockElm = {'table':1,'tbody':1,'tr':1,'ol':1,'ul':1};
+
+    function findTextInString(textContent,opt,currentIndex){
+        var str = opt.searchStr;
+        if(opt.dir == -1){
+            textContent = textContent.split('').reverse().join('');
+            str = str.split('').reverse().join('');
+            currentIndex = textContent.length - currentIndex;
+
+        }
+        var reg = new RegExp(str,'g' + (opt.casesensitive ? '' : 'i')),match;
+
+        while(match = reg.exec(textContent)){
+            if(match.index >= currentIndex){
+                return opt.dir == -1 ? textContent.length - match.index - opt.searchStr.length : match.index;
+            }
+        }
+        return  -1
+    }
+    function findTextBlockElm(node,currentIndex,opt){
+        var textContent,index,methodName = opt.all || opt.dir == 1 ? 'getNextDomNode' : 'getPreDomNode';
+        if(domUtils.isBody(node)){
+            node = node.firstChild;
+        }
+        var first = 1;
+        while(node){
+            textContent = node.nodeType == 3 ? node.nodeValue : node[browser.ie ? 'innerText' : 'textContent'];
+            index = findTextInString(textContent,opt,currentIndex );
+            first = 0;
+            if(index!=-1){
+                return {
+                    'node':node,
+                    'index':index
+                }
+            }
+            node = domUtils[methodName](node);
+            while(node && _blockElm[node.nodeName.toLowerCase()]){
+                node = domUtils[methodName](node,true);
+            }
+            if(node){
+                currentIndex = opt.dir == -1 ? (node.nodeType == 3 ? node.nodeValue : node[browser.ie ? 'innerText' : 'textContent']).length : 0;
+            }
+
+        }
+    }
+    function findNTextInBlockElm(node,index,str){
+        var currentIndex = 0,
+            currentNode = node.firstChild,
+            currentNodeLength = 0,
+            result;
+        while(currentNode){
+            if(currentNode.nodeType == 3){
+                currentNodeLength = currentNode.nodeValue.replace(/(^[\t\r\n]+)|([\t\r\n]+$)/,'').length;
+                currentIndex += currentNodeLength;
+                if(currentIndex >= index){
+                    return {
+                        'node':currentNode,
+                        'index': currentNodeLength - (currentIndex - index)
+                    }
+                }
+            }else if(!dtd.$empty[currentNode.tagName]){
+                currentNodeLength = currentNode[browser.ie ? 'innerText' : 'textContent'].replace(/(^[\t\r\n]+)|([\t\r\n]+$)/,'').length
+                currentIndex += currentNodeLength;
+                if(currentIndex >= index){
+                    result = findNTextInBlockElm(currentNode,currentNodeLength - (currentIndex - index),str);
+                    if(result){
+                        return result;
+                    }
+                }
+            }
+            currentNode = domUtils.getNextDomNode(currentNode);
+
+        }
+    }
+
+    function searchReplace(me,opt){
+
+        var rng = me.selection.getRange(),
+            startBlockNode,
+            searchStr = opt.searchStr,
+            span = me.document.createElement('span');
+        span.innerHTML = '$$ueditor_searchreplace_key$$';
+
+        rng.shrinkBoundary(true);
+
+        //判断是不是第一次选中
+        if(!rng.collapsed){
+            rng.select();
+            var rngText = me.selection.getText();
+            if(new RegExp('^' + opt.searchStr + '$',(opt.casesensitive ? '' : 'i')).test(rngText)){
+                if(opt.replaceStr != undefined){
+                    replaceText(rng,opt.replaceStr);
+                    rng.select();
+                    return true;
+                }else{
+                    rng.collapse(opt.dir == -1)
+                }
+
+            }
+        }
+
+
+        rng.insertNode(span);
+        rng.enlargeToBlockElm(true);
+        startBlockNode = rng.startContainer;
+        var currentIndex = startBlockNode[browser.ie ? 'innerText' : 'textContent'].indexOf('$$ueditor_searchreplace_key$$');
+        rng.setStartBefore(span);
+        domUtils.remove(span);
+        var result = findTextBlockElm(startBlockNode,currentIndex,opt);
+        if(result){
+            var rngStart = findNTextInBlockElm(result.node,result.index,searchStr);
+            var rngEnd = findNTextInBlockElm(result.node,result.index + searchStr.length,searchStr);
+            rng.setStart(rngStart.node,rngStart.index).setEnd(rngEnd.node,rngEnd.index);
+
+            if(opt.replaceStr !== undefined){
+                replaceText(rng,opt.replaceStr)
+            }
+            rng.select();
+            return true;
+        }else{
+            rng.setCursor()
+        }
+
+    }
+    function replaceText(rng,str){
+
+        str = me.document.createTextNode(str);
+        rng.deleteContents().insertNode(str);
+
+    }
+    return {
+        commands:{
+            'searchreplace':{
+                execCommand:function(cmdName,opt){
+                    utils.extend(opt,{
+                        all : false,
+                        casesensitive : false,
+                        dir : 1
+                    },true);
+                    var num = 0;
+                    if(opt.all){
+
+                        var rng = me.selection.getRange(),
+                            first = me.body.firstChild;
+                        if(first && first.nodeType == 1){
+                            rng.setStart(first,0);
+                            rng.shrinkBoundary(true);
+                        }else if(first.nodeType == 3){
+                            rng.setStartBefore(first)
+                        }
+                        rng.collapse(true).select(true);
+                        if(opt.replaceStr !== undefined){
+                            me.fireEvent('saveScene');
+                        }
+                        while(searchReplace(this,opt)){
+                            num++;
+                        }
+                        if(num){
+                            me.fireEvent('saveScene');
+                        }
+                    }else{
+                        if(opt.replaceStr !== undefined){
+                            me.fireEvent('saveScene');
+                        }
+                        if(searchReplace(this,opt)){
+                            num++
+                        }
+                        if(num){
+                            me.fireEvent('saveScene');
+                        }
+
+                    }
+
+                    return num;
+                },
+                notNeedUndo:1
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/section.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/section.js
new file mode 100644
index 000000000..07f206e78
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/section.js
@@ -0,0 +1,269 @@
+/**
+ * 目录大纲支持插件
+ * @file
+ * @since 1.3.0
+ */
+UE.plugin.register('section', function (){
+    /* 目录节点对象 */
+    function Section(option){
+        this.tag = '';
+        this.level = -1,
+            this.dom = null;
+        this.nextSection = null;
+        this.previousSection = null;
+        this.parentSection = null;
+        this.startAddress = [];
+        this.endAddress = [];
+        this.children = [];
+    }
+    function getSection(option) {
+        var section = new Section();
+        return utils.extend(section, option);
+    }
+    function getNodeFromAddress(startAddress, root) {
+        var current = root;
+        for(var i = 0;i < startAddress.length; i++) {
+            if(!current.childNodes) return null;
+            current = current.childNodes[startAddress[i]];
+        }
+        return current;
+    }
+
+    var me = this;
+
+    return {
+        bindMultiEvents:{
+            type: 'aftersetcontent afterscencerestore',
+            handler: function(){
+                me.fireEvent('updateSections');
+            }
+        },
+        bindEvents:{
+            /* 初始化、拖拽、粘贴、执行setcontent之后 */
+            'ready': function (){
+                me.fireEvent('updateSections');
+                domUtils.on(me.body, 'drop paste', function(){
+                    me.fireEvent('updateSections');
+                });
+            },
+            /* 执行paragraph命令之后 */
+            'afterexeccommand': function (type, cmd) {
+                if(cmd == 'paragraph') {
+                    me.fireEvent('updateSections');
+                }
+            },
+            /* 部分键盘操作，触发updateSections事件 */
+            'keyup': function (type, e) {
+                var me = this,
+                    range = me.selection.getRange();
+                if(range.collapsed != true) {
+                    me.fireEvent('updateSections');
+                } else {
+                    var keyCode = e.keyCode || e.which;
+                    if(keyCode == 13 || keyCode == 8 || keyCode == 46) {
+                        me.fireEvent('updateSections');
+                    }
+                }
+            }
+        },
+        commands:{
+            'getsections': {
+                execCommand: function (cmd, levels) {
+                    var levelFn = levels || ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+
+                    for (var i = 0; i < levelFn.length; i++) {
+                        if (typeof levelFn[i] == 'string') {
+                            levelFn[i] = function(fn){
+                                return function(node){
+                                    return node.tagName == fn.toUpperCase()
+                                };
+                            }(levelFn[i]);
+                        } else if (typeof levelFn[i] != 'function') {
+                            levelFn[i] = function (node) {
+                                return null;
+                            }
+                        }
+                    }
+                    function getSectionLevel(node) {
+                        for (var i = 0; i < levelFn.length; i++) {
+                            if (levelFn[i](node)) return i;
+                        }
+                        return -1;
+                    }
+
+                    var me = this,
+                        Directory = getSection({'level':-1, 'title':'root'}),
+                        previous = Directory;
+
+                    function traversal(node, Directory) {
+                        var level,
+                            tmpSection = null,
+                            parent,
+                            child,
+                            children = node.childNodes;
+                        for (var i = 0, len = children.length; i < len; i++) {
+                            child = children[i];
+                            level = getSectionLevel(child);
+                            if (level >= 0) {
+                                var address = me.selection.getRange().selectNode(child).createAddress(true).startAddress,
+                                    current = getSection({
+                                        'tag': child.tagName,
+                                        'title': child.innerText || child.textContent || '',
+                                        'level': level,
+                                        'dom': child,
+                                        'startAddress': utils.clone(address, []),
+                                        'endAddress': utils.clone(address, []),
+                                        'children': []
+                                    });
+                                previous.nextSection = current;
+                                current.previousSection = previous;
+                                parent = previous;
+                                while(level <= parent.level){
+                                    parent = parent.parentSection;
+                                }
+                                current.parentSection = parent;
+                                parent.children.push(current);
+                                tmpSection = previous = current;
+                            } else {
+                                child.nodeType === 1 && traversal(child, Directory);
+                                tmpSection && tmpSection.endAddress[tmpSection.endAddress.length - 1] ++;
+                            }
+                        }
+                    }
+                    traversal(me.body, Directory);
+                    return Directory;
+                },
+                notNeedUndo: true
+            },
+            'movesection': {
+                execCommand: function (cmd, sourceSection, targetSection, isAfter) {
+
+                    var me = this,
+                        targetAddress,
+                        target;
+
+                    if(!sourceSection || !targetSection || targetSection.level == -1) return;
+
+                    targetAddress = isAfter ? targetSection.endAddress:targetSection.startAddress;
+                    target = getNodeFromAddress(targetAddress, me.body);
+
+                    /* 判断目标地址是否被源章节包含 */
+                    if(!targetAddress || !target || isContainsAddress(sourceSection.startAddress, sourceSection.endAddress, targetAddress)) return;
+
+                    var startNode = getNodeFromAddress(sourceSection.startAddress, me.body),
+                        endNode = getNodeFromAddress(sourceSection.endAddress, me.body),
+                        current,
+                        nextNode;
+
+                    if(isAfter) {
+                        current = endNode;
+                        while ( current && !(domUtils.getPosition( startNode, current ) & domUtils.POSITION_FOLLOWING) ) {
+                            nextNode = current.previousSibling;
+                            domUtils.insertAfter(target, current);
+                            if(current == startNode) break;
+                            current = nextNode;
+                        }
+                    } else {
+                        current = startNode;
+                        while ( current && !(domUtils.getPosition( current, endNode ) & domUtils.POSITION_FOLLOWING) ) {
+                            nextNode = current.nextSibling;
+                            target.parentNode.insertBefore(current, target);
+                            if(current == endNode) break;
+                            current = nextNode;
+                        }
+                    }
+
+                    me.fireEvent('updateSections');
+
+                    /* 获取地址的包含关系 */
+                    function isContainsAddress(startAddress, endAddress, addressTarget){
+                        var isAfterStartAddress = false,
+                            isBeforeEndAddress = false;
+                        for(var i = 0; i< startAddress.length; i++){
+                            if(i >= addressTarget.length) break;
+                            if(addressTarget[i] > startAddress[i]) {
+                                isAfterStartAddress = true;
+                                break;
+                            } else if(addressTarget[i] < startAddress[i]) {
+                                break;
+                            }
+                        }
+                        for(var i = 0; i< endAddress.length; i++){
+                            if(i >= addressTarget.length) break;
+                            if(addressTarget[i] < startAddress[i]) {
+                                isBeforeEndAddress = true;
+                                break;
+                            } else if(addressTarget[i] > startAddress[i]) {
+                                break;
+                            }
+                        }
+                        return isAfterStartAddress && isBeforeEndAddress;
+                    }
+                }
+            },
+            'deletesection': {
+                execCommand: function (cmd, section, keepChildren) {
+                    var me = this;
+
+                    if(!section) return;
+
+                    function getNodeFromAddress(startAddress) {
+                        var current = me.body;
+                        for(var i = 0;i < startAddress.length; i++) {
+                            if(!current.childNodes) return null;
+                            current = current.childNodes[startAddress[i]];
+                        }
+                        return current;
+                    }
+
+                    var startNode = getNodeFromAddress(section.startAddress),
+                        endNode = getNodeFromAddress(section.endAddress),
+                        current = startNode,
+                        nextNode;
+
+                    if(!keepChildren) {
+                        while ( current && domUtils.inDoc(endNode, me.document) && !(domUtils.getPosition( current, endNode ) & domUtils.POSITION_FOLLOWING) ) {
+                            nextNode = current.nextSibling;
+                            domUtils.remove(current);
+                            current = nextNode;
+                        }
+                    } else {
+                        domUtils.remove(current);
+                    }
+
+                    me.fireEvent('updateSections');
+                }
+            },
+            'selectsection': {
+                execCommand: function (cmd, section) {
+                    if(!section && !section.dom) return false;
+                    var me = this,
+                        range = me.selection.getRange(),
+                        address = {
+                            'startAddress':utils.clone(section.startAddress, []),
+                            'endAddress':utils.clone(section.endAddress, [])
+                        };
+                    address.endAddress[address.endAddress.length - 1]++;
+                    range.moveToAddress(address).select().scrollToView();
+                    return true;
+                },
+                notNeedUndo: true
+            },
+            'scrolltosection': {
+                execCommand: function (cmd, section) {
+                    if(!section && !section.dom) return false;
+                    var me = this,
+                        range = me.selection.getRange(),
+                        address = {
+                            'startAddress':section.startAddress,
+                            'endAddress':section.endAddress
+                        };
+                    address.endAddress[address.endAddress.length - 1]++;
+                    range.moveToAddress(address).scrollToView();
+                    return true;
+                },
+                notNeedUndo: true
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/selectall.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/selectall.js
new file mode 100644
index 000000000..04bbaf81b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/selectall.js
@@ -0,0 +1,42 @@
+/**
+ * 全选
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 选中所有内容
+ * @command selectall
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'selectall' );
+ * ```
+ */
+UE.plugins['selectall'] = function(){
+    var me = this;
+    me.commands['selectall'] = {
+        execCommand : function(){
+            //去掉了原生的selectAll,因为会出现报错和当内容为空时，不能出现闭合状态的光标
+            var me = this,body = me.body,
+                range = me.selection.getRange();
+            range.selectNodeContents(body);
+            if(domUtils.isEmptyBlock(body)){
+                //opera不能自动合并到元素的里边，要手动处理一下
+                if(browser.opera && body.firstChild && body.firstChild.nodeType == 1){
+                    range.setStartAtFirst(body.firstChild);
+                }
+                range.collapse(true);
+            }
+            range.select(true);
+        },
+        notNeedUndo : 1
+    };
+
+
+    //快捷键
+    me.addshortcutkey({
+         "selectAll" : "ctrl+65"
+    });
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/serverparam.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/serverparam.js
new file mode 100644
index 000000000..6dbc9e041
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/serverparam.js
@@ -0,0 +1,107 @@
+/**
+ * 服务器提交的额外参数列表设置插件
+ * @file
+ * @since 1.2.6.1
+ */
+UE.plugin.register('serverparam', function (){
+
+    var me = this,
+        serverParam = {};
+
+    return {
+        commands:{
+            /**
+             * 修改服务器提交的额外参数列表,清除所有项
+             * @command serverparam
+             * @method execCommand
+             * @param { String } cmd 命令字符串
+             * @example
+             * ```javascript
+             * editor.execCommand('serverparam');
+             * editor.queryCommandValue('serverparam'); //返回空
+             * ```
+             */
+            /**
+             * 修改服务器提交的额外参数列表,删除指定项
+             * @command serverparam
+             * @method execCommand
+             * @param { String } cmd 命令字符串
+             * @param { String } key 要清除的属性
+             * @example
+             * ```javascript
+             * editor.execCommand('serverparam', 'name'); //删除属性name
+             * ```
+             */
+            /**
+             * 修改服务器提交的额外参数列表,使用键值添加项
+             * @command serverparam
+             * @method execCommand
+             * @param { String } cmd 命令字符串
+             * @param { String } key 要添加的属性
+             * @param { String } value 要添加属性的值
+             * @example
+             * ```javascript
+             * editor.execCommand('serverparam', 'name', 'hello');
+             * editor.queryCommandValue('serverparam'); //返回对象 {'name': 'hello'}
+             * ```
+             */
+            /**
+             * 修改服务器提交的额外参数列表,传入键值对对象添加多项
+             * @command serverparam
+             * @method execCommand
+             * @param { String } cmd 命令字符串
+             * @param { Object } key 传入的键值对对象
+             * @example
+             * ```javascript
+             * editor.execCommand('serverparam', {'name': 'hello'});
+             * editor.queryCommandValue('serverparam'); //返回对象 {'name': 'hello'}
+             * ```
+             */
+            /**
+             * 修改服务器提交的额外参数列表,使用自定义函数添加多项
+             * @command serverparam
+             * @method execCommand
+             * @param { String } cmd 命令字符串
+             * @param { Function } key 自定义获取参数的函数
+             * @example
+             * ```javascript
+             * editor.execCommand('serverparam', function(editor){
+             *     return {'key': 'value'};
+             * });
+             * editor.queryCommandValue('serverparam'); //返回对象 {'key': 'value'}
+             * ```
+             */
+
+            /**
+             * 获取服务器提交的额外参数列表
+             * @command serverparam
+             * @method queryCommandValue
+             * @param { String } cmd 命令字符串
+             * @example
+             * ```javascript
+             * editor.queryCommandValue( 'serverparam' ); //返回对象 {'key': 'value'}
+             * ```
+             */
+            'serverparam':{
+                execCommand:function (cmd, key, value) {
+                    if (key === undefined || key === null) { //不传参数,清空列表
+                        serverParam = {};
+                    } else if (utils.isString(key)) { //传入键值
+                        if(value === undefined || value === null) {
+                            delete serverParam[key];
+                        } else {
+                            serverParam[key] = value;
+                        }
+                    } else if (utils.isObject(key)) { //传入对象,覆盖列表项
+                        utils.extend(serverParam, key, true);
+                    } else if (utils.isFunction(key)){ //传入函数,添加列表项
+                        utils.extend(serverParam, key(), true);
+                    }
+                },
+                queryCommandValue: function(){
+                    return serverParam || {};
+                }
+            }
+        }
+    }
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/shortcutmenu.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/shortcutmenu.js
new file mode 100644
index 000000000..400b10e83
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/shortcutmenu.js
@@ -0,0 +1,79 @@
+///import core
+///commands       弹出菜单
+// commandsName  popupmenu
+///commandsTitle  弹出菜单
+/**
+ * 弹出菜单
+ * @function
+ * @name baidu.editor.plugins.popupmenu
+ * @author xuheng
+ */
+
+UE.plugins['shortcutmenu'] = function () {
+    var me = this,
+        menu,
+        items = me.options.shortcutMenu || [];
+
+    if (!items.length) {
+        return;
+    }
+
+    me.addListener ('contextmenu mouseup' , function (type , e) {
+        var me = this,
+            customEvt = {
+                type : type ,
+                target : e.target || e.srcElement ,
+                screenX : e.screenX ,
+                screenY : e.screenY ,
+                clientX : e.clientX ,
+                clientY : e.clientY
+            };
+
+        setTimeout (function () {
+            var rng = me.selection.getRange ();
+            if (rng.collapsed === false || type == "contextmenu") {
+
+                if (!menu) {
+                    menu = new baidu.editor.ui.ShortCutMenu ({
+                        editor : me ,
+                        items : items ,
+                        theme : me.options.theme ,
+                        className : 'edui-shortcutmenu'
+                    });
+
+                    menu.render ();
+                    me.fireEvent ("afterrendershortcutmenu" , menu);
+                }
+
+                menu.show (customEvt , !!UE.plugins['contextmenu']);
+            }
+        });
+
+        if (type == 'contextmenu') {
+            domUtils.preventDefault (e);
+            if (browser.ie9below) {
+                var ieRange;
+                try {
+                    ieRange = me.selection.getNative().createRange();
+                } catch (e) {
+                    return;
+                }
+                if (ieRange.item) {
+                    var range = new dom.Range (me.document);
+                    range.selectNode (ieRange.item (0)).select (true , true);
+
+                }
+            }
+        }
+    });
+
+    me.addListener ('keydown' , function (type) {
+        if (type == "keydown") {
+            menu && !menu.isHidden && menu.hide ();
+        }
+
+    });
+
+};
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/simpleupload.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/simpleupload.js
new file mode 100644
index 000000000..f706d4417
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/simpleupload.js
@@ -0,0 +1,172 @@
+/**
+ * @description
+ * 简单上传:点击按钮,直接选择文件上传
+ * @author Jinqn
+ * @date 2014-03-31
+ */
+UE.plugin.register('simpleupload', function (){
+    var me = this,
+        isLoaded = false,
+        containerBtn;
+
+    function initUploadBtn(){
+        var w = containerBtn.offsetWidth || 20,
+            h = containerBtn.offsetHeight || 20,
+            btnIframe = document.createElement('iframe'),
+            btnStyle = 'display:block;width:' + w + 'px;height:' + h + 'px;overflow:hidden;border:0;margin:0;padding:0;position:absolute;top:0;left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;cursor:pointer;';
+
+        domUtils.on(btnIframe, 'load', function(){
+
+            var timestrap = (+new Date()).toString(36),
+                wrapper,
+                btnIframeDoc,
+                btnIframeBody;
+
+            btnIframeDoc = (btnIframe.contentDocument || btnIframe.contentWindow.document);
+            btnIframeBody = btnIframeDoc.body;
+            wrapper = btnIframeDoc.createElement('div');
+
+            wrapper.innerHTML = '<form id="edui_form_' + timestrap + '" target="edui_iframe_' + timestrap + '" method="POST" enctype="multipart/form-data" action="' + me.getOpt('serverUrl') + '" ' +
+            'style="' + btnStyle + '">' +
+            '<input id="edui_input_' + timestrap + '" type="file" accept="image/*" name="' + me.options.imageFieldName + '" ' +
+            'style="' + btnStyle + '">' +
+            '</form>' +
+            '<iframe id="edui_iframe_' + timestrap + '" name="edui_iframe_' + timestrap + '" style="display:none;width:0;height:0;border:0;margin:0;padding:0;position:absolute;"></iframe>';
+
+            wrapper.className = 'edui-' + me.options.theme;
+            wrapper.id = me.ui.id + '_iframeupload';
+            btnIframeBody.style.cssText = btnStyle;
+            btnIframeBody.style.width = w + 'px';
+            btnIframeBody.style.height = h + 'px';
+            btnIframeBody.appendChild(wrapper);
+
+            if (btnIframeBody.parentNode) {
+                btnIframeBody.parentNode.style.width = w + 'px';
+                btnIframeBody.parentNode.style.height = w + 'px';
+            }
+
+            var form = btnIframeDoc.getElementById('edui_form_' + timestrap);
+            var input = btnIframeDoc.getElementById('edui_input_' + timestrap);
+            var iframe = btnIframeDoc.getElementById('edui_iframe_' + timestrap);
+
+            domUtils.on(input, 'change', function(){
+                if(!input.value) return;
+                var loadingId = 'loading_' + (+new Date()).toString(36);
+                var params = utils.serializeParam(me.queryCommandValue('serverparam')) || '';
+
+                var imageActionUrl = me.getActionUrl(me.getOpt('imageActionName'));
+                var allowFiles = me.getOpt('imageAllowFiles');
+
+                me.focus();
+                me.execCommand('inserthtml', '<img class="loadingclass" id="' + loadingId + '" src="' + me.options.themePath + me.options.theme +'/images/spacer.gif" title="' + (me.getLang('simpleupload.loading') || '') + '" >');
+
+                function callback(){
+                    try{
+                        var link, json, loader,
+                            body = (iframe.contentDocument || iframe.contentWindow.document).body,
+                            result = body.innerText || body.textContent || '';
+                        json = (new Function("return " + result))();
+                        link = me.options.imageUrlPrefix + json.url;
+                        if(json.state == 'SUCCESS' && json.url) {
+                            loader = me.document.getElementById(loadingId);
+                            loader.setAttribute('src', link);
+                            loader.setAttribute('_src', link);
+                            loader.setAttribute('title', json.title || '');
+                            loader.setAttribute('alt', json.original || '');
+                            loader.removeAttribute('id');
+                            domUtils.removeClasses(loader, 'loadingclass');
+                        } else {
+                            showErrorLoader && showErrorLoader(json.state);
+                        }
+                    }catch(er){
+                        showErrorLoader && showErrorLoader(me.getLang('simpleupload.loadError'));
+                    }
+                    form.reset();
+                    domUtils.un(iframe, 'load', callback);
+                }
+                function showErrorLoader(title){
+                    if(loadingId) {
+                        var loader = me.document.getElementById(loadingId);
+                        loader && domUtils.remove(loader);
+                        me.fireEvent('showmessage', {
+                            'id': loadingId,
+                            'content': title,
+                            'type': 'error',
+                            'timeout': 4000
+                        });
+                    }
+                }
+
+                /* 判断后端配置是否没有加载成功 */
+                if (!me.getOpt('imageActionName')) {
+                    errorHandler(me.getLang('autoupload.errorLoadConfig'));
+                    return;
+                }
+                // 判断文件格式是否错误
+                var filename = input.value,
+                    fileext = filename ? filename.substr(filename.lastIndexOf('.')):'';
+                if (!fileext || (allowFiles && (allowFiles.join('') + '.').indexOf(fileext.toLowerCase() + '.') == -1)) {
+                    showErrorLoader(me.getLang('simpleupload.exceedTypeError'));
+                    return;
+                }
+
+                domUtils.on(iframe, 'load', callback);
+                form.action = utils.formatUrl(imageActionUrl + (imageActionUrl.indexOf('?') == -1 ? '?':'&') + params);
+                form.submit();
+            });
+
+            var stateTimer;
+            me.addListener('selectionchange', function () {
+                clearTimeout(stateTimer);
+                stateTimer = setTimeout(function() {
+                    var state = me.queryCommandState('simpleupload');
+                    if (state == -1) {
+                        input.disabled = 'disabled';
+                    } else {
+                        input.disabled = false;
+                    }
+                }, 400);
+            });
+            isLoaded = true;
+        });
+
+        btnIframe.style.cssText = btnStyle;
+        containerBtn.appendChild(btnIframe);
+    }
+
+    return {
+        bindEvents:{
+            'ready': function() {
+                //设置loading的样式
+                utils.cssRule('loading',
+                    '.loadingclass{display:inline-block;cursor:default;background: url(\''
+                    + this.options.themePath
+                    + this.options.theme +'/images/loading.gif\') no-repeat center center transparent;border:1px solid #cccccc;margin-right:1px;height: 22px;width: 22px;}\n' +
+                    '.loaderrorclass{display:inline-block;cursor:default;background: url(\''
+                    + this.options.themePath
+                    + this.options.theme +'/images/loaderror.png\') no-repeat center center transparent;border:1px solid #cccccc;margin-right:1px;height: 22px;width: 22px;' +
+                    '}',
+                    this.document);
+            },
+            /* 初始化简单上传按钮 */
+            'simpleuploadbtnready': function(type, container) {
+                containerBtn = container;
+                me.afterConfigReady(initUploadBtn);
+            }
+        },
+        outputRule: function(root){
+            utils.each(root.getNodesByTagName('img'),function(n){
+                if (/\b(loaderrorclass)|(bloaderrorclass)\b/.test(n.getAttr('class'))) {
+                    n.parentNode.removeChild(n);
+                }
+            });
+        },
+        commands: {
+            'simpleupload': {
+                queryCommandState: function () {
+                    return isLoaded ? 0:-1;
+                }
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/snapscreen.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/snapscreen.js
new file mode 100644
index 000000000..150644188
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/snapscreen.js
@@ -0,0 +1,101 @@
+/**
+ * 截屏插件，为UEditor提供插入支持
+ * @file
+ * @since 1.4.2
+ */
+UE.plugin.register('snapscreen', function (){
+
+    var me = this;
+    var snapplugin;
+
+    function getLocation(url){
+        var search,
+            a = document.createElement('a'),
+            params = utils.serializeParam(me.queryCommandValue('serverparam')) || '';
+
+        a.href = url;
+        if (browser.ie) {
+            a.href = a.href;
+        }
+
+
+        search = a.search;
+        if (params) {
+            search = search + (search.indexOf('?') == -1 ? '?':'&')+ params;
+            search = search.replace(/[&]+/ig, '&');
+        }
+        return {
+            'port': a.port,
+            'hostname': a.hostname,
+            'path': a.pathname + search ||  + a.hash
+        }
+    }
+
+    return {
+        commands:{
+            /**
+             * 字体背景颜色
+             * @command snapscreen
+             * @method execCommand
+             * @param { String } cmd 命令字符串
+             * @example
+             * ```javascript
+             * editor.execCommand('snapscreen');
+             * ```
+             */
+            'snapscreen':{
+                execCommand:function (cmd) {
+                    var url, local, res;
+                    var lang = me.getLang("snapScreen_plugin");
+
+                    if(!snapplugin){
+                        var container = me.container;
+                        var doc = me.container.ownerDocument || me.container.document;
+                        snapplugin = doc.createElement("object");
+                        try{snapplugin.type = "application/x-pluginbaidusnap";}catch(e){
+                            return;
+                        }
+                        snapplugin.style.cssText = "position:absolute;left:-9999px;width:0;height:0;";
+                        snapplugin.setAttribute("width","0");
+                        snapplugin.setAttribute("height","0");
+                        container.appendChild(snapplugin);
+                    }
+
+                    function onSuccess(rs){
+                        try{
+                            rs = eval("("+ rs +")");
+                            if(rs.state == 'SUCCESS'){
+                                var opt = me.options;
+                                me.execCommand('insertimage', {
+                                    src: opt.snapscreenUrlPrefix + rs.url,
+                                    _src: opt.snapscreenUrlPrefix + rs.url,
+                                    alt: rs.title || '',
+                                    floatStyle: opt.snapscreenImgAlign
+                                });
+                            } else {
+                                alert(rs.state);
+                            }
+                        }catch(e){
+                            alert(lang.callBackErrorMsg);
+                        }
+                    }
+                    url = me.getActionUrl(me.getOpt('snapscreenActionName'));
+                    local = getLocation(url);
+                    setTimeout(function () {
+                        try{
+                            res =snapplugin.saveSnapshot(local.hostname, local.path, local.port);
+                        }catch(e){
+                            me.ui._dialogs['snapscreenDialog'].open();
+                            return;
+                        }
+
+                        onSuccess(res);
+                    }, 50);
+                },
+                queryCommandState: function(){
+                    return (navigator.userAgent.indexOf("Windows",0) != -1) ? 0:-1;
+                }
+            }
+        }
+    }
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/source.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/source.js
new file mode 100644
index 000000000..8503af617
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/source.js
@@ -0,0 +1,300 @@
+/**
+ * 源码编辑插件
+ * @file
+ * @since 1.2.6.1
+ */
+
+(function (){
+    var sourceEditors = {
+        textarea: function (editor, holder){
+            var textarea = holder.ownerDocument.createElement('textarea');
+            textarea.style.cssText = 'position:absolute;resize:none;width:100%;height:100%;border:0;padding:0;margin:0;overflow-y:auto;';
+            // todo: IE下只有onresize属性可用... 很纠结
+            if (browser.ie && browser.version < 8) {
+                textarea.style.width = holder.offsetWidth + 'px';
+                textarea.style.height = holder.offsetHeight + 'px';
+                holder.onresize = function (){
+                    textarea.style.width = holder.offsetWidth + 'px';
+                    textarea.style.height = holder.offsetHeight + 'px';
+                };
+            }
+            holder.appendChild(textarea);
+            return {
+                setContent: function (content){
+                    textarea.value = content;
+                },
+                getContent: function (){
+                    return textarea.value;
+                },
+                select: function (){
+                    var range;
+                    if (browser.ie) {
+                        range = textarea.createTextRange();
+                        range.collapse(true);
+                        range.select();
+                    } else {
+                        //todo: chrome下无法设置焦点
+                        textarea.setSelectionRange(0, 0);
+                        textarea.focus();
+                    }
+                },
+                dispose: function (){
+                    holder.removeChild(textarea);
+                    // todo
+                    holder.onresize = null;
+                    textarea = null;
+                    holder = null;
+                }
+            };
+        },
+        codemirror: function (editor, holder){
+
+            var codeEditor = window.CodeMirror(holder, {
+                mode: "text/html",
+                tabMode: "indent",
+                lineNumbers: true,
+                lineWrapping:true
+            });
+            var dom = codeEditor.getWrapperElement();
+            dom.style.cssText = 'position:absolute;left:0;top:0;width:100%;height:100%;font-family:consolas,"Courier new",monospace;font-size:13px;';
+            codeEditor.getScrollerElement().style.cssText = 'position:absolute;left:0;top:0;width:100%;height:100%;';
+            codeEditor.refresh();
+            return {
+                getCodeMirror:function(){
+                    return codeEditor;
+                },
+                setContent: function (content){
+                    codeEditor.setValue(content);
+                },
+                getContent: function (){
+                    return codeEditor.getValue();
+                },
+                select: function (){
+                    codeEditor.focus();
+                },
+                dispose: function (){
+                    holder.removeChild(dom);
+                    dom = null;
+                    codeEditor = null;
+                }
+            };
+        }
+    };
+
+    UE.plugins['source'] = function (){
+        var me = this;
+        var opt = this.options;
+        var sourceMode = false;
+        var sourceEditor;
+        var orgSetContent;
+        opt.sourceEditor = browser.ie  ? 'textarea' : (opt.sourceEditor || 'codemirror');
+
+        me.setOpt({
+            sourceEditorFirst:false
+        });
+        function createSourceEditor(holder){
+            return sourceEditors[opt.sourceEditor == 'codemirror' && window.CodeMirror ? 'codemirror' : 'textarea'](me, holder);
+        }
+
+        var bakCssText;
+        //解决在源码模式下getContent不能得到最新的内容问题
+        var oldGetContent,
+            bakAddress;
+
+        /**
+         * 切换源码模式和编辑模式
+         * @command source
+         * @method execCommand
+         * @param { String } cmd 命令字符串
+         * @example
+         * ```javascript
+         * editor.execCommand( 'source');
+         * ```
+         */
+
+        /**
+         * 查询当前编辑区域的状态是源码模式还是可视化模式
+         * @command source
+         * @method queryCommandState
+         * @param { String } cmd 命令字符串
+         * @return { int } 如果当前是源码编辑模式，返回1，否则返回0
+         * @example
+         * ```javascript
+         * editor.queryCommandState( 'source' );
+         * ```
+         */
+
+        me.commands['source'] = {
+            execCommand: function (){
+
+                sourceMode = !sourceMode;
+                if (sourceMode) {
+                    bakAddress = me.selection.getRange().createAddress(false,true);
+                    me.undoManger && me.undoManger.save(true);
+                    if(browser.gecko){
+                        me.body.contentEditable = false;
+                    }
+
+                    bakCssText = me.iframe.style.cssText;
+                    me.iframe.style.cssText += 'position:absolute;left:-32768px;top:-32768px;';
+
+
+                    me.fireEvent('beforegetcontent');
+                    var root = UE.htmlparser(me.body.innerHTML);
+                    me.filterOutputRule(root);
+                    root.traversal(function (node) {
+                        if (node.type == 'element') {
+                            switch (node.tagName) {
+                                case 'td':
+                                case 'th':
+                                case 'caption':
+                                if(node.children && node.children.length == 1){
+                                    if(node.firstChild().tagName == 'br' ){
+                                        node.removeChild(node.firstChild())
+                                    }
+                                };
+                                break;
+                                case 'pre':
+                                    node.innerText(node.innerText().replace(/&nbsp;/g,' '))
+
+                            }
+                        }
+                    });
+
+                    me.fireEvent('aftergetcontent');
+
+                    var content = root.toHtml(true);
+
+                    sourceEditor = createSourceEditor(me.iframe.parentNode);
+
+                    sourceEditor.setContent(content);
+
+                    orgSetContent = me.setContent;
+
+                    me.setContent = function(html){
+                        //这里暂时不触发事件，防止报错
+                        var root = UE.htmlparser(html);
+                        me.filterInputRule(root);
+                        html = root.toHtml();
+                        sourceEditor.setContent(html);
+                    };
+
+                    setTimeout(function (){
+                        sourceEditor.select();
+                        me.addListener('fullscreenchanged', function(){
+                            try{
+                                sourceEditor.getCodeMirror().refresh()
+                            }catch(e){}
+                        });
+                    });
+
+                    //重置getContent，源码模式下取值也能是最新的数据
+                    oldGetContent = me.getContent;
+                    me.getContent = function (){
+                        return sourceEditor.getContent() || '<p>' + (browser.ie ? '' : '<br/>')+'</p>';
+                    };
+                } else {
+                    me.iframe.style.cssText = bakCssText;
+                    var cont = sourceEditor.getContent() || '<p>' + (browser.ie ? '' : '<br/>')+'</p>';
+                    //处理掉block节点前后的空格,有可能会误命中，暂时不考虑
+                    cont = cont.replace(new RegExp('[\\r\\t\\n ]*<\/?(\\w+)\\s*(?:[^>]*)>','g'), function(a,b){
+                        if(b && !dtd.$inlineWithA[b.toLowerCase()]){
+                            return a.replace(/(^[\n\r\t ]*)|([\n\r\t ]*$)/g,'');
+                        }
+                        return a.replace(/(^[\n\r\t]*)|([\n\r\t]*$)/g,'')
+                    });
+
+                    me.setContent = orgSetContent;
+
+                    me.setContent(cont);
+                    sourceEditor.dispose();
+                    sourceEditor = null;
+                    //还原getContent方法
+                    me.getContent = oldGetContent;
+                    var first = me.body.firstChild;
+                    //trace:1106 都删除空了，下边会报错，所以补充一个p占位
+                    if(!first){
+                        me.body.innerHTML = '<p>'+(browser.ie?'':'<br/>')+'</p>';
+                        first = me.body.firstChild;
+                    }
+
+
+                    //要在ifm为显示时ff才能取到selection,否则报错
+                    //这里不能比较位置了
+                    me.undoManger && me.undoManger.save(true);
+
+                    if(browser.gecko){
+
+                        var input = document.createElement('input');
+                        input.style.cssText = 'position:absolute;left:0;top:-32768px';
+
+                        document.body.appendChild(input);
+
+                        me.body.contentEditable = false;
+                        setTimeout(function(){
+                            domUtils.setViewportOffset(input, { left: -32768, top: 0 });
+                            input.focus();
+                            setTimeout(function(){
+                                me.body.contentEditable = true;
+                                me.selection.getRange().moveToAddress(bakAddress).select(true);
+                                domUtils.remove(input);
+                            });
+
+                        });
+                    }else{
+                        //ie下有可能报错，比如在代码顶头的情况
+                        try{
+                            me.selection.getRange().moveToAddress(bakAddress).select(true);
+                        }catch(e){}
+
+                    }
+                }
+                this.fireEvent('sourcemodechanged', sourceMode);
+            },
+            queryCommandState: function (){
+                return sourceMode|0;
+            },
+            notNeedUndo : 1
+        };
+        var oldQueryCommandState = me.queryCommandState;
+
+        me.queryCommandState = function (cmdName){
+            cmdName = cmdName.toLowerCase();
+            if (sourceMode) {
+                //源码模式下可以开启的命令
+                return cmdName in {
+                    'source' : 1,
+                    'fullscreen' : 1
+                } ? 1 : -1
+            }
+            return oldQueryCommandState.apply(this, arguments);
+        };
+
+        if(opt.sourceEditor == "codemirror"){
+
+            me.addListener("ready",function(){
+                utils.loadFile(document,{
+                    src : opt.codeMirrorJsUrl || opt.UEDITOR_HOME_URL + "third-party/codemirror/codemirror.js",
+                    tag : "script",
+                    type : "text/javascript",
+                    defer : "defer"
+                },function(){
+                    if(opt.sourceEditorFirst){
+                        setTimeout(function(){
+                            me.execCommand("source");
+                        },0);
+                    }
+                });
+                utils.loadFile(document,{
+                    tag : "link",
+                    rel : "stylesheet",
+                    type : "text/css",
+                    href : opt.codeMirrorCssUrl || opt.UEDITOR_HOME_URL + "third-party/codemirror/codemirror.css"
+                });
+
+            });
+        }
+
+    };
+
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.action.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.action.js
new file mode 100644
index 000000000..7b54cadc9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.action.js
@@ -0,0 +1,1875 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 12-10-12
+ * Time: 上午10:05
+ * To change this template use File | Settings | File Templates.
+ */
+UE.plugins['table'] = function () {
+    var me = this,
+        tabTimer = null,
+        //拖动计时器
+        tableDragTimer = null,
+        //双击计时器
+        tableResizeTimer = null,
+        //单元格最小宽度
+        cellMinWidth = 5,
+        isInResizeBuffer = false,
+        //单元格边框大小
+        cellBorderWidth = 5,
+        //鼠标偏移距离
+        offsetOfTableCell = 10,
+        //记录在有限时间内的点击状态， 共有3个取值， 0, 1, 2。 0代表未初始化， 1代表单击了1次，2代表2次
+        singleClickState = 0,
+        userActionStatus = null,
+        //双击允许的时间范围
+        dblclickTime = 360,
+        UT = UE.UETable,
+        getUETable = function (tdOrTable) {
+            return UT.getUETable(tdOrTable);
+        },
+        getUETableBySelected = function (editor) {
+            return UT.getUETableBySelected(editor);
+        },
+        getDefaultValue = function (editor, table) {
+            return UT.getDefaultValue(editor, table);
+        },
+        removeSelectedClass = function (cells) {
+            return UT.removeSelectedClass(cells);
+        };
+
+    function showError(e) {
+//        throw e;
+    }
+    me.ready(function(){
+        var me = this;
+        var orgGetText = me.selection.getText;
+        me.selection.getText = function(){
+            var table = getUETableBySelected(me);
+            if(table){
+                var str = '';
+                utils.each(table.selectedTds,function(td){
+                    str += td[browser.ie?'innerText':'textContent'];
+                })
+                return str;
+            }else{
+                return orgGetText.call(me.selection)
+            }
+
+        }
+    })
+
+    //处理拖动及框选相关方法
+    var startTd = null, //鼠标按下时的锚点td
+        currentTd = null, //当前鼠标经过时的td
+        onDrag = "", //指示当前拖动状态，其值可为"","h","v" ,分别表示未拖动状态，横向拖动状态，纵向拖动状态，用于鼠标移动过程中的判断
+        onBorder = false, //检测鼠标按下时是否处在单元格边缘位置
+        dragButton = null,
+        dragOver = false,
+        dragLine = null, //模拟的拖动线
+        dragTd = null;    //发生拖动的目标td
+
+    var mousedown = false,
+    //todo 判断混乱模式
+        needIEHack = true;
+
+    me.setOpt({
+        'maxColNum':20,
+        'maxRowNum':100,
+        'defaultCols':5,
+        'defaultRows':5,
+        'tdvalign':'top',
+        'cursorpath':me.options.UEDITOR_HOME_URL + "themes/default/images/cursor_",
+        'tableDragable':false,
+        'classList':["ue-table-interlace-color-single","ue-table-interlace-color-double"]
+    });
+    me.getUETable = getUETable;
+    var commands = {
+        'deletetable':1,
+        'inserttable':1,
+        'cellvalign':1,
+        'insertcaption':1,
+        'deletecaption':1,
+        'inserttitle':1,
+        'deletetitle':1,
+        "mergeright":1,
+        "mergedown":1,
+        "mergecells":1,
+        "insertrow":1,
+        "insertrownext":1,
+        "deleterow":1,
+        "insertcol":1,
+        "insertcolnext":1,
+        "deletecol":1,
+        "splittocells":1,
+        "splittorows":1,
+        "splittocols":1,
+        "adaptbytext":1,
+        "adaptbywindow":1,
+        "adaptbycustomer":1,
+        "insertparagraph":1,
+        "insertparagraphbeforetable":1,
+        "averagedistributecol":1,
+        "averagedistributerow":1
+    };
+    me.ready(function () {
+        utils.cssRule('table',
+            //选中的td上的样式
+            '.selectTdClass{background-color:#edf5fa !important}' +
+                'table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}' +
+                //插入的表格的默认样式
+                'table{margin-bottom:10px;border-collapse:collapse;display:table;}' +
+                'td,th{padding: 5px 10px;border: 1px solid #DDD;}' +
+                'caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}' +
+                'th{border-top:1px solid #BBB;background-color:#F7F7F7;}' +
+                'table tr.firstRow th{border-top-width:2px;}' +
+                '.ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; }' +
+                'td p{margin:0;padding:0;}', me.document);
+
+        var tableCopyList, isFullCol, isFullRow;
+        //注册del/backspace事件
+        me.addListener('keydown', function (cmd, evt) {
+            var me = this;
+            var keyCode = evt.keyCode || evt.which;
+
+            if (keyCode == 8) {
+
+                var ut = getUETableBySelected(me);
+                if (ut && ut.selectedTds.length) {
+
+                    if (ut.isFullCol()) {
+                        me.execCommand('deletecol')
+                    } else if (ut.isFullRow()) {
+                        me.execCommand('deleterow')
+                    } else {
+                        me.fireEvent('delcells');
+                    }
+                    domUtils.preventDefault(evt);
+                }
+
+                var caption = domUtils.findParentByTagName(me.selection.getStart(), 'caption', true),
+                    range = me.selection.getRange();
+                if (range.collapsed && caption && isEmptyBlock(caption)) {
+                    me.fireEvent('saveScene');
+                    var table = caption.parentNode;
+                    domUtils.remove(caption);
+                    if (table) {
+                        range.setStart(table.rows[0].cells[0], 0).setCursor(false, true);
+                    }
+                    me.fireEvent('saveScene');
+                }
+
+            }
+
+            if (keyCode == 46) {
+
+                ut = getUETableBySelected(me);
+                if (ut) {
+                    me.fireEvent('saveScene');
+                    for (var i = 0, ci; ci = ut.selectedTds[i++];) {
+                        domUtils.fillNode(me.document, ci)
+                    }
+                    me.fireEvent('saveScene');
+                    domUtils.preventDefault(evt);
+
+                }
+
+            }
+            if (keyCode == 13) {
+
+                var rng = me.selection.getRange(),
+                    caption = domUtils.findParentByTagName(rng.startContainer, 'caption', true);
+                if (caption) {
+                    var table = domUtils.findParentByTagName(caption, 'table');
+                    if (!rng.collapsed) {
+
+                        rng.deleteContents();
+                        me.fireEvent('saveScene');
+                    } else {
+                        if (caption) {
+                            rng.setStart(table.rows[0].cells[0], 0).setCursor(false, true);
+                        }
+                    }
+                    domUtils.preventDefault(evt);
+                    return;
+                }
+                if (rng.collapsed) {
+                    var table = domUtils.findParentByTagName(rng.startContainer, 'table');
+                    if (table) {
+                        var cell = table.rows[0].cells[0],
+                            start = domUtils.findParentByTagName(me.selection.getStart(), ['td', 'th'], true),
+                            preNode = table.previousSibling;
+                        if (cell === start && (!preNode || preNode.nodeType == 1 && preNode.tagName == 'TABLE' ) && domUtils.isStartInblock(rng)) {
+                            var first = domUtils.findParent(me.selection.getStart(), function(n){return domUtils.isBlockElm(n)}, true);
+                            if(first && ( /t(h|d)/i.test(first.tagName) || first ===  start.firstChild )){
+                                me.execCommand('insertparagraphbeforetable');
+                                domUtils.preventDefault(evt);
+                            }
+
+                        }
+                    }
+                }
+            }
+
+            if ((evt.ctrlKey || evt.metaKey) && evt.keyCode == '67') {
+                tableCopyList = null;
+                var ut = getUETableBySelected(me);
+                if (ut) {
+                    var tds = ut.selectedTds;
+                    isFullCol = ut.isFullCol();
+                    isFullRow = ut.isFullRow();
+                    tableCopyList = [
+                        [ut.cloneCell(tds[0],null,true)]
+                    ];
+                    for (var i = 1, ci; ci = tds[i]; i++) {
+                        if (ci.parentNode !== tds[i - 1].parentNode) {
+                            tableCopyList.push([ut.cloneCell(ci,null,true)]);
+                        } else {
+                            tableCopyList[tableCopyList.length - 1].push(ut.cloneCell(ci,null,true));
+                        }
+
+                    }
+                }
+            }
+        });
+        me.addListener("tablehasdeleted",function(){
+            toggleDraggableState(this, false, "", null);
+            if (dragButton)domUtils.remove(dragButton);
+        });
+
+        me.addListener('beforepaste', function (cmd, html) {
+            var me = this;
+            var rng = me.selection.getRange();
+            if (domUtils.findParentByTagName(rng.startContainer, 'caption', true)) {
+                var div = me.document.createElement("div");
+                div.innerHTML = html.html;
+                //trace:3729
+                html.html = div[browser.ie9below ? 'innerText' : 'textContent'];
+                return;
+            }
+            var table = getUETableBySelected(me);
+            if (tableCopyList) {
+                me.fireEvent('saveScene');
+                var rng = me.selection.getRange();
+                var td = domUtils.findParentByTagName(rng.startContainer, ['td', 'th'], true), tmpNode, preNode;
+                if (td) {
+                    var ut = getUETable(td);
+                    if (isFullRow) {
+                        var rowIndex = ut.getCellInfo(td).rowIndex;
+                        if (td.tagName == 'TH') {
+                            rowIndex++;
+                        }
+                        for (var i = 0, ci; ci = tableCopyList[i++];) {
+                            var tr = ut.insertRow(rowIndex++, "td");
+                            for (var j = 0, cj; cj = ci[j]; j++) {
+                                var cell = tr.cells[j];
+                                if (!cell) {
+                                    cell = tr.insertCell(j)
+                                }
+                                cell.innerHTML = cj.innerHTML;
+                                cj.getAttribute('width') && cell.setAttribute('width', cj.getAttribute('width'));
+                                cj.getAttribute('vAlign') && cell.setAttribute('vAlign', cj.getAttribute('vAlign'));
+                                cj.getAttribute('align') && cell.setAttribute('align', cj.getAttribute('align'));
+                                cj.style.cssText && (cell.style.cssText = cj.style.cssText)
+                            }
+                            for (var j = 0, cj; cj = tr.cells[j]; j++) {
+                                if (!ci[j])
+                                    break;
+                                cj.innerHTML = ci[j].innerHTML;
+                                ci[j].getAttribute('width') && cj.setAttribute('width', ci[j].getAttribute('width'));
+                                ci[j].getAttribute('vAlign') && cj.setAttribute('vAlign', ci[j].getAttribute('vAlign'));
+                                ci[j].getAttribute('align') && cj.setAttribute('align', ci[j].getAttribute('align'));
+                                ci[j].style.cssText && (cj.style.cssText = ci[j].style.cssText)
+                            }
+                        }
+                    } else {
+                        if (isFullCol) {
+                            cellInfo = ut.getCellInfo(td);
+                            var maxColNum = 0;
+                            for (var j = 0, ci = tableCopyList[0], cj; cj = ci[j++];) {
+                                maxColNum += cj.colSpan || 1;
+                            }
+                            me.__hasEnterExecCommand = true;
+                            for (i = 0; i < maxColNum; i++) {
+                                me.execCommand('insertcol');
+                            }
+                            me.__hasEnterExecCommand = false;
+                            td = ut.table.rows[0].cells[cellInfo.cellIndex];
+                            if (td.tagName == 'TH') {
+                                td = ut.table.rows[1].cells[cellInfo.cellIndex];
+                            }
+                        }
+                        for (var i = 0, ci; ci = tableCopyList[i++];) {
+                            tmpNode = td;
+                            for (var j = 0, cj; cj = ci[j++];) {
+                                if (td) {
+                                    td.innerHTML = cj.innerHTML;
+                                    //todo 定制处理
+                                    cj.getAttribute('width') && td.setAttribute('width', cj.getAttribute('width'));
+                                    cj.getAttribute('vAlign') && td.setAttribute('vAlign', cj.getAttribute('vAlign'));
+                                    cj.getAttribute('align') && td.setAttribute('align', cj.getAttribute('align'));
+                                    cj.style.cssText && (td.style.cssText = cj.style.cssText);
+                                    preNode = td;
+                                    td = td.nextSibling;
+                                } else {
+                                    var cloneTd = cj.cloneNode(true);
+                                    domUtils.removeAttributes(cloneTd, ['class', 'rowSpan', 'colSpan']);
+
+                                    preNode.parentNode.appendChild(cloneTd)
+                                }
+                            }
+                            td = ut.getNextCell(tmpNode, true, true);
+                            if (!tableCopyList[i])
+                                break;
+                            if (!td) {
+                                var cellInfo = ut.getCellInfo(tmpNode);
+                                ut.table.insertRow(ut.table.rows.length);
+                                ut.update();
+                                td = ut.getVSideCell(tmpNode, true);
+                            }
+                        }
+                    }
+                    ut.update();
+                } else {
+                    table = me.document.createElement('table');
+                    for (var i = 0, ci; ci = tableCopyList[i++];) {
+                        var tr = table.insertRow(table.rows.length);
+                        for (var j = 0, cj; cj = ci[j++];) {
+                            cloneTd = UT.cloneCell(cj,null,true);
+                            domUtils.removeAttributes(cloneTd, ['class']);
+                            tr.appendChild(cloneTd)
+                        }
+                        if (j == 2 && cloneTd.rowSpan > 1) {
+                            cloneTd.rowSpan = 1;
+                        }
+                    }
+
+                    var defaultValue = getDefaultValue(me),
+                        width = me.body.offsetWidth -
+                            (needIEHack ? parseInt(domUtils.getComputedStyle(me.body, 'margin-left'), 10) * 2 : 0) - defaultValue.tableBorder * 2 - (me.options.offsetWidth || 0);
+                    me.execCommand('insertHTML', '<table  ' +
+                        ( isFullCol && isFullRow ? 'width="' + width + '"' : '') +
+                        '>' + table.innerHTML.replace(/>\s*</g, '><').replace(/\bth\b/gi, "td") + '</table>')
+                }
+                me.fireEvent('contentchange');
+                me.fireEvent('saveScene');
+                html.html = '';
+                return true;
+            } else {
+                var div = me.document.createElement("div"), tables;
+                div.innerHTML = html.html;
+                tables = div.getElementsByTagName("table");
+                if (domUtils.findParentByTagName(me.selection.getStart(), 'table')) {
+                    utils.each(tables, function (t) {
+                        domUtils.remove(t)
+                    });
+                    if (domUtils.findParentByTagName(me.selection.getStart(), 'caption', true)) {
+                        div.innerHTML = div[browser.ie ? 'innerText' : 'textContent'];
+                    }
+                } else {
+                    utils.each(tables, function (table) {
+                        removeStyleSize(table, true);
+                        domUtils.removeAttributes(table, ['style', 'border']);
+                        utils.each(domUtils.getElementsByTagName(table, "td"), function (td) {
+                            if (isEmptyBlock(td)) {
+                                domUtils.fillNode(me.document, td);
+                            }
+                            removeStyleSize(td, true);
+//                            domUtils.removeAttributes(td, ['style'])
+                        });
+                    });
+                }
+                html.html = div.innerHTML;
+            }
+        });
+
+        me.addListener('afterpaste', function () {
+            utils.each(domUtils.getElementsByTagName(me.body, "table"), function (table) {
+                if (table.offsetWidth > me.body.offsetWidth) {
+                    var defaultValue = getDefaultValue(me, table);
+                    table.style.width = me.body.offsetWidth - (needIEHack ? parseInt(domUtils.getComputedStyle(me.body, 'margin-left'), 10) * 2 : 0) - defaultValue.tableBorder * 2 - (me.options.offsetWidth || 0) + 'px'
+                }
+            })
+        });
+        me.addListener('blur', function () {
+            tableCopyList = null;
+        });
+        var timer;
+        me.addListener('keydown', function () {
+            clearTimeout(timer);
+            timer = setTimeout(function () {
+                var rng = me.selection.getRange(),
+                    cell = domUtils.findParentByTagName(rng.startContainer, ['th', 'td'], true);
+                if (cell) {
+                    var table = cell.parentNode.parentNode.parentNode;
+                    if (table.offsetWidth > table.getAttribute("width")) {
+                        cell.style.wordBreak = "break-all";
+                    }
+                }
+
+            }, 100);
+        });
+        me.addListener("selectionchange", function () {
+            toggleDraggableState(me, false, "", null);
+        });
+
+
+        //内容变化时触发索引更新
+        //todo 可否考虑标记检测，如果不涉及表格的变化就不进行索引重建和更新
+        me.addListener("contentchange", function () {
+            var me = this;
+            //尽可能排除一些不需要更新的状况
+            hideDragLine(me);
+            if (getUETableBySelected(me))return;
+            var rng = me.selection.getRange();
+            var start = rng.startContainer;
+            start = domUtils.findParentByTagName(start, ['td', 'th'], true);
+            utils.each(domUtils.getElementsByTagName(me.document, 'table'), function (table) {
+                if (me.fireEvent("excludetable", table) === true) return;
+                table.ueTable = new UT(table);
+                //trace:3742
+//                utils.each(domUtils.getElementsByTagName(me.document, 'td'), function (td) {
+//
+//                    if (domUtils.isEmptyBlock(td) && td !== start) {
+//                        domUtils.fillNode(me.document, td);
+//                        if (browser.ie && browser.version == 6) {
+//                            td.innerHTML = '&nbsp;'
+//                        }
+//                    }
+//                });
+//                utils.each(domUtils.getElementsByTagName(me.document, 'th'), function (th) {
+//                    if (domUtils.isEmptyBlock(th) && th !== start) {
+//                        domUtils.fillNode(me.document, th);
+//                        if (browser.ie && browser.version == 6) {
+//                            th.innerHTML = '&nbsp;'
+//                        }
+//                    }
+//                });
+                table.onmouseover = function () {
+                    me.fireEvent('tablemouseover', table);
+                };
+                table.onmousemove = function () {
+                    me.fireEvent('tablemousemove', table);
+                    me.options.tableDragable && toggleDragButton(true, this, me);
+                    utils.defer(function(){
+                        me.fireEvent('contentchange',50)
+                    },true)
+                };
+                table.onmouseout = function () {
+                    me.fireEvent('tablemouseout', table);
+                    toggleDraggableState(me, false, "", null);
+                    hideDragLine(me);
+                };
+                table.onclick = function (evt) {
+                    evt = me.window.event || evt;
+                    var target = getParentTdOrTh(evt.target || evt.srcElement);
+                    if (!target)return;
+                    var ut = getUETable(target),
+                        table = ut.table,
+                        cellInfo = ut.getCellInfo(target),
+                        cellsRange,
+                        rng = me.selection.getRange();
+//                    if ("topLeft" == inPosition(table, mouseCoords(evt))) {
+//                        cellsRange = ut.getCellsRange(ut.table.rows[0].cells[0], ut.getLastCell());
+//                        ut.setSelected(cellsRange);
+//                        return;
+//                    }
+//                    if ("bottomRight" == inPosition(table, mouseCoords(evt))) {
+//
+//                        return;
+//                    }
+                    if (inTableSide(table, target, evt, true)) {
+                        var endTdCol = ut.getCell(ut.indexTable[ut.rowsNum - 1][cellInfo.colIndex].rowIndex, ut.indexTable[ut.rowsNum - 1][cellInfo.colIndex].cellIndex);
+                        if (evt.shiftKey && ut.selectedTds.length) {
+                            if (ut.selectedTds[0] !== endTdCol) {
+                                cellsRange = ut.getCellsRange(ut.selectedTds[0], endTdCol);
+                                ut.setSelected(cellsRange);
+                            } else {
+                                rng && rng.selectNodeContents(endTdCol).select();
+                            }
+                        } else {
+                            if (target !== endTdCol) {
+                                cellsRange = ut.getCellsRange(target, endTdCol);
+                                ut.setSelected(cellsRange);
+                            } else {
+                                rng && rng.selectNodeContents(endTdCol).select();
+                            }
+                        }
+                        return;
+                    }
+                    if (inTableSide(table, target, evt)) {
+                        var endTdRow = ut.getCell(ut.indexTable[cellInfo.rowIndex][ut.colsNum - 1].rowIndex, ut.indexTable[cellInfo.rowIndex][ut.colsNum - 1].cellIndex);
+                        if (evt.shiftKey && ut.selectedTds.length) {
+                            if (ut.selectedTds[0] !== endTdRow) {
+                                cellsRange = ut.getCellsRange(ut.selectedTds[0], endTdRow);
+                                ut.setSelected(cellsRange);
+                            } else {
+                                rng && rng.selectNodeContents(endTdRow).select();
+                            }
+                        } else {
+                            if (target !== endTdRow) {
+                                cellsRange = ut.getCellsRange(target, endTdRow);
+                                ut.setSelected(cellsRange);
+                            } else {
+                                rng && rng.selectNodeContents(endTdRow).select();
+                            }
+                        }
+                    }
+                };
+            });
+
+            switchBorderColor(me, true);
+        });
+
+        domUtils.on(me.document, "mousemove", mouseMoveEvent);
+
+        domUtils.on(me.document, "mouseout", function (evt) {
+            var target = evt.target || evt.srcElement;
+            if (target.tagName == "TABLE") {
+                toggleDraggableState(me, false, "", null);
+            }
+        });
+        /**
+         * 表格隔行变色
+         */
+        me.addListener("interlacetable",function(type,table,classList){
+            if(!table) return;
+            var me = this,
+                rows = table.rows,
+                len = rows.length,
+                getClass = function(list,index,repeat){
+                    return list[index] ? list[index] : repeat ? list[index % list.length]: "";
+                };
+            for(var i = 0;i<len;i++){
+                rows[i].className = getClass( classList|| me.options.classList,i,true);
+            }
+        });
+        me.addListener("uninterlacetable",function(type,table){
+            if(!table) return;
+            var me = this,
+                rows = table.rows,
+                classList = me.options.classList,
+                len = rows.length;
+            for(var i = 0;i<len;i++){
+                domUtils.removeClasses( rows[i], classList );
+            }
+        });
+
+        me.addListener("mousedown", mouseDownEvent);
+        me.addListener("mouseup", mouseUpEvent);
+        //拖动的时候触发mouseup
+        domUtils.on( me.body, 'dragstart', function( evt ){
+            mouseUpEvent.call( me, 'dragstart', evt );
+        });
+        me.addOutputRule(function(root){
+            utils.each(root.getNodesByTagName('div'),function(n){
+                if (n.getAttr('id') == 'ue_tableDragLine') {
+                    n.parentNode.removeChild(n);
+                }
+            });
+        });
+
+        var currentRowIndex = 0;
+        me.addListener("mousedown", function () {
+            currentRowIndex = 0;
+        });
+        me.addListener('tabkeydown', function () {
+            var range = this.selection.getRange(),
+                common = range.getCommonAncestor(true, true),
+                table = domUtils.findParentByTagName(common, 'table');
+            if (table) {
+                if (domUtils.findParentByTagName(common, 'caption', true)) {
+                    var cell = domUtils.getElementsByTagName(table, 'th td');
+                    if (cell && cell.length) {
+                        range.setStart(cell[0], 0).setCursor(false, true)
+                    }
+                } else {
+                    var cell = domUtils.findParentByTagName(common, ['td', 'th'], true),
+                        ua = getUETable(cell);
+                    currentRowIndex = cell.rowSpan > 1 ? currentRowIndex : ua.getCellInfo(cell).rowIndex;
+                    var nextCell = ua.getTabNextCell(cell, currentRowIndex);
+                    if (nextCell) {
+                        if (isEmptyBlock(nextCell)) {
+                            range.setStart(nextCell, 0).setCursor(false, true)
+                        } else {
+                            range.selectNodeContents(nextCell).select()
+                        }
+                    } else {
+                        me.fireEvent('saveScene');
+                        me.__hasEnterExecCommand = true;
+                        this.execCommand('insertrownext');
+                        me.__hasEnterExecCommand = false;
+                        range = this.selection.getRange();
+                        range.setStart(table.rows[table.rows.length - 1].cells[0], 0).setCursor();
+                        me.fireEvent('saveScene');
+                    }
+                }
+                return true;
+            }
+
+        });
+        browser.ie && me.addListener('selectionchange', function () {
+            toggleDraggableState(this, false, "", null);
+        });
+        me.addListener("keydown", function (type, evt) {
+            var me = this;
+            //处理在表格的最后一个输入tab产生新的表格
+            var keyCode = evt.keyCode || evt.which;
+            if (keyCode == 8 || keyCode == 46) {
+                return;
+            }
+            var notCtrlKey = !evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !evt.altKey;
+            notCtrlKey && removeSelectedClass(domUtils.getElementsByTagName(me.body, "td"));
+            var ut = getUETableBySelected(me);
+            if (!ut) return;
+            notCtrlKey && ut.clearSelected();
+        });
+
+        me.addListener("beforegetcontent", function () {
+            switchBorderColor(this, false);
+            browser.ie && utils.each(this.document.getElementsByTagName('caption'), function (ci) {
+                if (domUtils.isEmptyNode(ci)) {
+                    ci.innerHTML = '&nbsp;'
+                }
+            });
+        });
+        me.addListener("aftergetcontent", function () {
+            switchBorderColor(this, true);
+        });
+        me.addListener("getAllHtml", function () {
+            removeSelectedClass(me.document.getElementsByTagName("td"));
+        });
+        //修正全屏状态下插入的表格宽度在非全屏状态下撑开编辑器的情况
+        me.addListener("fullscreenchanged", function (type, fullscreen) {
+            if (!fullscreen) {
+                var ratio = this.body.offsetWidth / document.body.offsetWidth,
+                    tables = domUtils.getElementsByTagName(this.body, "table");
+                utils.each(tables, function (table) {
+                    if (table.offsetWidth < me.body.offsetWidth) return false;
+                    var tds = domUtils.getElementsByTagName(table, "td"),
+                        backWidths = [];
+                    utils.each(tds, function (td) {
+                        backWidths.push(td.offsetWidth);
+                    });
+                    for (var i = 0, td; td = tds[i]; i++) {
+                        td.setAttribute("width", Math.floor(backWidths[i] * ratio));
+                    }
+                    table.setAttribute("width", Math.floor(getTableWidth(me, needIEHack, getDefaultValue(me))))
+                });
+            }
+        });
+
+        //重写execCommand命令，用于处理框选时的处理
+        var oldExecCommand = me.execCommand;
+        me.execCommand = function (cmd, datatat) {
+
+            var me = this,
+                args = arguments;
+
+            cmd = cmd.toLowerCase();
+            var ut = getUETableBySelected(me), tds,
+                range = new dom.Range(me.document),
+                cmdFun = me.commands[cmd] || UE.commands[cmd],
+                result;
+            if (!cmdFun) return;
+            if (ut && !commands[cmd] && !cmdFun.notNeedUndo && !me.__hasEnterExecCommand) {
+                me.__hasEnterExecCommand = true;
+                me.fireEvent("beforeexeccommand", cmd);
+                tds = ut.selectedTds;
+                var lastState = -2, lastValue = -2, value, state;
+                for (var i = 0, td; td = tds[i]; i++) {
+                    if (isEmptyBlock(td)) {
+                        range.setStart(td, 0).setCursor(false, true)
+                    } else {
+                        range.selectNode(td).select(true);
+                    }
+                    state = me.queryCommandState(cmd);
+                    value = me.queryCommandValue(cmd);
+                    if (state != -1) {
+                        if (lastState !== state || lastValue !== value) {
+                            me._ignoreContentChange = true;
+                            result = oldExecCommand.apply(me, arguments);
+                            me._ignoreContentChange = false;
+
+                        }
+                        lastState = me.queryCommandState(cmd);
+                        lastValue = me.queryCommandValue(cmd);
+                        if (domUtils.isEmptyBlock(td)) {
+                            domUtils.fillNode(me.document, td)
+                        }
+                    }
+                }
+                range.setStart(tds[0], 0).shrinkBoundary(true).setCursor(false, true);
+                me.fireEvent('contentchange');
+                me.fireEvent("afterexeccommand", cmd);
+                me.__hasEnterExecCommand = false;
+                me._selectionChange();
+            } else {
+                result = oldExecCommand.apply(me, arguments);
+            }
+            return result;
+        };
+
+
+    });
+    /**
+     * 删除obj的宽高style，改成属性宽高
+     * @param obj
+     * @param replaceToProperty
+     */
+    function removeStyleSize(obj, replaceToProperty) {
+        removeStyle(obj, "width", true);
+        removeStyle(obj, "height", true);
+    }
+
+    function removeStyle(obj, styleName, replaceToProperty) {
+        if (obj.style[styleName]) {
+            replaceToProperty && obj.setAttribute(styleName, parseInt(obj.style[styleName], 10));
+            obj.style[styleName] = "";
+        }
+    }
+
+    function getParentTdOrTh(ele) {
+        if (ele.tagName == "TD" || ele.tagName == "TH") return ele;
+        var td;
+        if (td = domUtils.findParentByTagName(ele, "td", true) || domUtils.findParentByTagName(ele, "th", true)) return td;
+        return null;
+    }
+
+    function isEmptyBlock(node) {
+        var reg = new RegExp(domUtils.fillChar, 'g');
+        if (node[browser.ie ? 'innerText' : 'textContent'].replace(/^\s*$/, '').replace(reg, '').length > 0) {
+            return 0;
+        }
+        for (var n in dtd.$isNotEmpty) {
+            if (node.getElementsByTagName(n).length) {
+                return 0;
+            }
+        }
+        return 1;
+    }
+
+
+    function mouseCoords(evt) {
+        if (evt.pageX || evt.pageY) {
+            return { x:evt.pageX, y:evt.pageY };
+        }
+        return {
+            x:evt.clientX + me.document.body.scrollLeft - me.document.body.clientLeft,
+            y:evt.clientY + me.document.body.scrollTop - me.document.body.clientTop
+        };
+    }
+
+    function mouseMoveEvent(evt) {
+
+        if( isEditorDisabled() ) {
+            return;
+        }
+
+        try {
+
+            //普通状态下鼠标移动
+            var target = getParentTdOrTh(evt.target || evt.srcElement),
+                pos;
+
+            //区分用户的行为是拖动还是双击
+            if( isInResizeBuffer  ) {
+
+                me.body.style.webkitUserSelect = 'none';
+
+                if( Math.abs( userActionStatus.x - evt.clientX ) > offsetOfTableCell || Math.abs( userActionStatus.y - evt.clientY ) > offsetOfTableCell ) {
+                    clearTableDragTimer();
+                    isInResizeBuffer = false;
+                    singleClickState = 0;
+                    //drag action
+                    tableBorderDrag(evt);
+                }
+            }
+
+            //修改单元格大小时的鼠标移动
+            if (onDrag && dragTd) {
+                singleClickState = 0;
+                me.body.style.webkitUserSelect = 'none';
+                me.selection.getNative()[browser.ie9below ? 'empty' : 'removeAllRanges']();
+                pos = mouseCoords(evt);
+                toggleDraggableState(me, true, onDrag, pos, target);
+                if (onDrag == "h") {
+                    dragLine.style.left = getPermissionX(dragTd, evt) + "px";
+                } else if (onDrag == "v") {
+                    dragLine.style.top = getPermissionY(dragTd, evt) + "px";
+                }
+                return;
+            }
+            //当鼠标处于table上时，修改移动过程中的光标状态
+            if (target) {
+                //针对使用table作为容器的组件不触发拖拽效果
+                if (me.fireEvent('excludetable', target) === true)
+                    return;
+                pos = mouseCoords(evt);
+                var state = getRelation(target, pos),
+                    table = domUtils.findParentByTagName(target, "table", true);
+
+                if (inTableSide(table, target, evt, true)) {
+                    if (me.fireEvent("excludetable", table) === true) return;
+                    me.body.style.cursor = "url(" + me.options.cursorpath + "h.png),pointer";
+                } else if (inTableSide(table, target, evt)) {
+                    if (me.fireEvent("excludetable", table) === true) return;
+                    me.body.style.cursor = "url(" + me.options.cursorpath + "v.png),pointer";
+                } else {
+                    me.body.style.cursor = "text";
+                    var curCell = target;
+                    if (/\d/.test(state)) {
+                        state = state.replace(/\d/, '');
+                        target = getUETable(target).getPreviewCell(target, state == "v");
+                    }
+                    //位于第一行的顶部或者第一列的左边时不可拖动
+                    toggleDraggableState(me, target ? !!state : false, target ? state : '', pos, target);
+
+                }
+            } else {
+                toggleDragButton(false, table, me);
+            }
+
+        } catch (e) {
+            showError(e);
+        }
+    }
+
+    var dragButtonTimer;
+
+    function toggleDragButton(show, table, editor) {
+        if (!show) {
+            if (dragOver)return;
+            dragButtonTimer = setTimeout(function () {
+                !dragOver && dragButton && dragButton.parentNode && dragButton.parentNode.removeChild(dragButton);
+            }, 2000);
+        } else {
+            createDragButton(table, editor);
+        }
+    }
+
+    function createDragButton(table, editor) {
+        var pos = domUtils.getXY(table),
+            doc = table.ownerDocument;
+        if (dragButton && dragButton.parentNode)return dragButton;
+        dragButton = doc.createElement("div");
+        dragButton.contentEditable = false;
+        dragButton.innerHTML = "";
+        dragButton.style.cssText = "width:15px;height:15px;background-image:url(" + editor.options.UEDITOR_HOME_URL + "dialogs/table/dragicon.png);position: absolute;cursor:move;top:" + (pos.y - 15) + "px;left:" + (pos.x) + "px;";
+        domUtils.unSelectable(dragButton);
+        dragButton.onmouseover = function (evt) {
+            dragOver = true;
+        };
+        dragButton.onmouseout = function (evt) {
+            dragOver = false;
+        };
+        domUtils.on(dragButton, 'click', function (type, evt) {
+            doClick(evt, this);
+        });
+        domUtils.on(dragButton, 'dblclick', function (type, evt) {
+            doDblClick(evt);
+        });
+        domUtils.on(dragButton, 'dragstart', function (type, evt) {
+            domUtils.preventDefault(evt);
+        });
+        var timer;
+
+        function doClick(evt, button) {
+            // 部分浏览器下需要清理
+            clearTimeout(timer);
+            timer = setTimeout(function () {
+                editor.fireEvent("tableClicked", table, button);
+            }, 300);
+        }
+
+        function doDblClick(evt) {
+            clearTimeout(timer);
+            var ut = getUETable(table),
+                start = table.rows[0].cells[0],
+                end = ut.getLastCell(),
+                range = ut.getCellsRange(start, end);
+            editor.selection.getRange().setStart(start, 0).setCursor(false, true);
+            ut.setSelected(range);
+        }
+
+        doc.body.appendChild(dragButton);
+    }
+
+
+//    function inPosition(table, pos) {
+//        var tablePos = domUtils.getXY(table),
+//            width = table.offsetWidth,
+//            height = table.offsetHeight;
+//        if (pos.x - tablePos.x < 5 && pos.y - tablePos.y < 5) {
+//            return "topLeft";
+//        } else if (tablePos.x + width - pos.x < 5 && tablePos.y + height - pos.y < 5) {
+//            return "bottomRight";
+//        }
+//    }
+
+    function inTableSide(table, cell, evt, top) {
+        var pos = mouseCoords(evt),
+            state = getRelation(cell, pos);
+
+        if (top) {
+            var caption = table.getElementsByTagName("caption")[0],
+                capHeight = caption ? caption.offsetHeight : 0;
+            return (state == "v1") && ((pos.y - domUtils.getXY(table).y - capHeight) < 8);
+        } else {
+            return (state == "h1") && ((pos.x - domUtils.getXY(table).x) < 8);
+        }
+    }
+
+    /**
+     * 获取拖动时允许的X轴坐标
+     * @param dragTd
+     * @param evt
+     */
+    function getPermissionX(dragTd, evt) {
+        var ut = getUETable(dragTd);
+        if (ut) {
+            var preTd = ut.getSameEndPosCells(dragTd, "x")[0],
+                nextTd = ut.getSameStartPosXCells(dragTd)[0],
+                mouseX = mouseCoords(evt).x,
+                left = (preTd ? domUtils.getXY(preTd).x : domUtils.getXY(ut.table).x) + 20 ,
+                right = nextTd ? domUtils.getXY(nextTd).x + nextTd.offsetWidth - 20 : (me.body.offsetWidth + 5 || parseInt(domUtils.getComputedStyle(me.body, "width"), 10));
+
+            left += cellMinWidth;
+            right -= cellMinWidth;
+
+            return mouseX < left ? left : mouseX > right ? right : mouseX;
+        }
+    }
+
+    /**
+     * 获取拖动时允许的Y轴坐标
+     */
+    function getPermissionY(dragTd, evt) {
+        try {
+            var top = domUtils.getXY(dragTd).y,
+                mousePosY = mouseCoords(evt).y;
+            return mousePosY < top ? top : mousePosY;
+        } catch (e) {
+            showError(e);
+        }
+    }
+
+    /**
+     * 移动状态切换
+     */
+    function toggleDraggableState(editor, draggable, dir, mousePos, cell) {
+        try {
+            editor.body.style.cursor = dir == "h" ? "col-resize" : dir == "v" ? "row-resize" : "text";
+            if (browser.ie) {
+                if (dir && !mousedown && !getUETableBySelected(editor)) {
+                    getDragLine(editor, editor.document);
+                    showDragLineAt(dir, cell);
+                } else {
+                    hideDragLine(editor)
+                }
+            }
+            onBorder = draggable;
+        } catch (e) {
+            showError(e);
+        }
+    }
+
+    /**
+     * 获取与UETable相关的resize line
+     * @param uetable UETable对象
+     */
+    function getResizeLineByUETable() {
+
+        var lineId = '_UETableResizeLine',
+            line = this.document.getElementById( lineId );
+
+        if( !line ) {
+            line = this.document.createElement("div");
+            line.id = lineId;
+            line.contnetEditable = false;
+            line.setAttribute("unselectable", "on");
+
+            var styles = {
+                width: 2*cellBorderWidth + 1 + 'px',
+                position: 'absolute',
+                'z-index': 100000,
+                cursor: 'col-resize',
+                background: 'red',
+                display: 'none'
+            };
+
+            //切换状态
+            line.onmouseout = function(){
+                this.style.display = 'none';
+            };
+
+            utils.extend( line.style, styles );
+
+            this.document.body.appendChild( line );
+
+        }
+
+        return line;
+
+    }
+
+    /**
+     * 更新resize-line
+     */
+    function updateResizeLine( cell, uetable ) {
+
+        var line = getResizeLineByUETable.call( this ),
+            table = uetable.table,
+            styles = {
+                top: domUtils.getXY( table ).y + 'px',
+                left: domUtils.getXY( cell).x + cell.offsetWidth - cellBorderWidth + 'px',
+                display: 'block',
+                height: table.offsetHeight + 'px'
+            };
+
+        utils.extend( line.style, styles );
+
+    }
+
+    /**
+     * 显示resize-line
+     */
+    function showResizeLine( cell ) {
+
+        var uetable = getUETable( cell );
+
+        updateResizeLine.call( this, cell, uetable );
+
+    }
+
+    /**
+     * 获取鼠标与当前单元格的相对位置
+     * @param ele
+     * @param mousePos
+     */
+    function getRelation(ele, mousePos) {
+        var elePos = domUtils.getXY(ele);
+
+        if( !elePos ) {
+            return '';
+        }
+
+        if (elePos.x + ele.offsetWidth - mousePos.x < cellBorderWidth) {
+            return "h";
+        }
+        if (mousePos.x - elePos.x < cellBorderWidth) {
+            return 'h1'
+        }
+        if (elePos.y + ele.offsetHeight - mousePos.y < cellBorderWidth) {
+            return "v";
+        }
+        if (mousePos.y - elePos.y < cellBorderWidth) {
+            return 'v1'
+        }
+        return '';
+    }
+
+    function mouseDownEvent(type, evt) {
+
+        if( isEditorDisabled() ) {
+            return ;
+        }
+
+        userActionStatus = {
+            x: evt.clientX,
+            y: evt.clientY
+        };
+
+        //右键菜单单独处理
+        if (evt.button == 2) {
+            var ut = getUETableBySelected(me),
+                flag = false;
+
+            if (ut) {
+                var td = getTargetTd(me, evt);
+                utils.each(ut.selectedTds, function (ti) {
+                    if (ti === td) {
+                        flag = true;
+                    }
+                });
+                if (!flag) {
+                    removeSelectedClass(domUtils.getElementsByTagName(me.body, "th td"));
+                    ut.clearSelected()
+                } else {
+                    td = ut.selectedTds[0];
+                    setTimeout(function () {
+                        me.selection.getRange().setStart(td, 0).setCursor(false, true);
+                    }, 0);
+
+                }
+            }
+        } else {
+            tableClickHander( evt );
+        }
+
+    }
+
+    //清除表格的计时器
+    function clearTableTimer() {
+        tabTimer && clearTimeout( tabTimer );
+        tabTimer = null;
+    }
+
+    //双击收缩
+    function tableDbclickHandler(evt) {
+        singleClickState = 0;
+        evt = evt || me.window.event;
+        var target = getParentTdOrTh(evt.target || evt.srcElement);
+        if (target) {
+            var h;
+            if (h = getRelation(target, mouseCoords(evt))) {
+
+                hideDragLine( me );
+
+                if (h == 'h1') {
+                    h = 'h';
+                    if (inTableSide(domUtils.findParentByTagName(target, "table"), target, evt)) {
+                        me.execCommand('adaptbywindow');
+                    } else {
+                        target = getUETable(target).getPreviewCell(target);
+                        if (target) {
+                            var rng = me.selection.getRange();
+                            rng.selectNodeContents(target).setCursor(true, true)
+                        }
+                    }
+                }
+                if (h == 'h') {
+                    var ut = getUETable(target),
+                        table = ut.table,
+                        cells = getCellsByMoveBorder( target, table, true );
+
+                    cells = extractArray( cells, 'left' );
+
+                    ut.width = ut.offsetWidth;
+
+                    var oldWidth = [],
+                        newWidth = [];
+
+                    utils.each( cells, function( cell ){
+
+                        oldWidth.push( cell.offsetWidth );
+
+                    } );
+
+                    utils.each( cells, function( cell ){
+
+                        cell.removeAttribute("width");
+
+                    } );
+
+                    window.setTimeout( function(){
+
+                        //是否允许改变
+                        var changeable = true;
+
+                        utils.each( cells, function( cell, index ){
+
+                            var width = cell.offsetWidth;
+
+                            if( width > oldWidth[index] ) {
+                                changeable = false;
+                                return false;
+                            }
+
+                            newWidth.push( width );
+
+                        } );
+
+                        var change = changeable ? newWidth : oldWidth;
+
+                        utils.each( cells, function( cell, index ){
+
+                            cell.width = change[index] - getTabcellSpace();
+
+                        } );
+
+
+                    }, 0 );
+
+//                    minWidth -= cellMinWidth;
+//
+//                    table.removeAttribute("width");
+//                    utils.each(cells, function (cell) {
+//                        cell.style.width = "";
+//                        cell.width -= minWidth;
+//                    });
+
+                }
+            }
+        }
+    }
+
+    function tableClickHander( evt ) {
+
+        removeSelectedClass(domUtils.getElementsByTagName(me.body, "td th"));
+        //trace:3113
+        //选中单元格，点击table外部，不会清掉table上挂的ueTable,会引起getUETableBySelected方法返回值
+        utils.each(me.document.getElementsByTagName('table'), function (t) {
+            t.ueTable = null;
+        });
+        startTd = getTargetTd(me, evt);
+        if( !startTd ) return;
+        var table = domUtils.findParentByTagName(startTd, "table", true);
+        ut = getUETable(table);
+        ut && ut.clearSelected();
+
+        //判断当前鼠标状态
+        if (!onBorder) {
+            me.document.body.style.webkitUserSelect = '';
+            mousedown = true;
+            me.addListener('mouseover', mouseOverEvent);
+        } else {
+            //边框上的动作处理
+            borderActionHandler( evt );
+        }
+
+
+    }
+
+    //处理表格边框上的动作, 这里做延时处理，避免两种动作互相影响
+    function borderActionHandler( evt ) {
+
+        if ( browser.ie ) {
+            evt = reconstruct(evt );
+        }
+
+        clearTableDragTimer();
+
+        //是否正在等待resize的缓冲中
+        isInResizeBuffer = true;
+
+        tableDragTimer = setTimeout(function(){
+            tableBorderDrag( evt );
+        }, dblclickTime);
+
+    }
+
+    function extractArray( originArr, key ) {
+
+        var result = [],
+            tmp = null;
+
+        for( var i = 0, len = originArr.length; i<len; i++ ) {
+
+            tmp = originArr[ i ][ key ];
+
+            if( tmp ) {
+                result.push( tmp );
+            }
+
+        }
+
+        return result;
+
+    }
+
+    function clearTableDragTimer() {
+        tableDragTimer && clearTimeout(tableDragTimer);
+        tableDragTimer = null;
+    }
+
+    function reconstruct( obj ) {
+
+        var attrs = ['pageX', 'pageY', 'clientX', 'clientY', 'srcElement', 'target'],
+            newObj = {};
+
+        if( obj ) {
+
+            for( var i = 0, key, val; key = attrs[i]; i++ ) {
+                val=obj[ key ];
+                val && (newObj[ key ] = val);
+            }
+
+        }
+
+        return newObj;
+
+    }
+
+    //边框拖动
+    function tableBorderDrag( evt ) {
+
+        isInResizeBuffer = false;
+
+        startTd = evt.target || evt.srcElement;
+        if( !startTd ) return;
+        var state = getRelation(startTd, mouseCoords(evt));
+        if (/\d/.test(state)) {
+            state = state.replace(/\d/, '');
+            startTd = getUETable(startTd).getPreviewCell(startTd, state == 'v');
+        }
+        hideDragLine(me);
+        getDragLine(me, me.document);
+        me.fireEvent('saveScene');
+        showDragLineAt(state, startTd);
+        mousedown = true;
+        //拖动开始
+        onDrag = state;
+        dragTd = startTd;
+    }
+
+    function mouseUpEvent(type, evt) {
+
+        if( isEditorDisabled() ) {
+            return ;
+        }
+
+        clearTableDragTimer();
+
+        isInResizeBuffer = false;
+
+        if( onBorder ) {
+            singleClickState = ++singleClickState % 3;
+
+            userActionStatus = {
+                x: evt.clientX,
+                y: evt.clientY
+            };
+
+            tableResizeTimer = setTimeout(function(){
+                singleClickState > 0 && singleClickState--;
+            }, dblclickTime );
+
+            if( singleClickState === 2 ) {
+
+                singleClickState = 0;
+                tableDbclickHandler(evt);
+                return;
+
+            }
+
+        }
+
+        if (evt.button == 2)return;
+        var me = this;
+        //清除表格上原生跨选问题
+        var range = me.selection.getRange(),
+            start = domUtils.findParentByTagName(range.startContainer, 'table', true),
+            end = domUtils.findParentByTagName(range.endContainer, 'table', true);
+
+        if (start || end) {
+            if (start === end) {
+                start = domUtils.findParentByTagName(range.startContainer, ['td', 'th', 'caption'], true);
+                end = domUtils.findParentByTagName(range.endContainer, ['td', 'th', 'caption'], true);
+                if (start !== end) {
+                    me.selection.clearRange()
+                }
+            } else {
+                me.selection.clearRange()
+            }
+        }
+        mousedown = false;
+        me.document.body.style.webkitUserSelect = '';
+        //拖拽状态下的mouseUP
+        if ( onDrag && dragTd ) {
+
+            me.selection.getNative()[browser.ie9below ? 'empty' : 'removeAllRanges']();
+
+            singleClickState = 0;
+            dragLine = me.document.getElementById('ue_tableDragLine');
+
+            // trace 3973
+            if (dragLine) {
+                var dragTdPos = domUtils.getXY(dragTd),
+                    dragLinePos = domUtils.getXY(dragLine);
+
+                switch (onDrag) {
+                    case "h":
+                        changeColWidth(dragTd, dragLinePos.x - dragTdPos.x);
+                        break;
+                    case "v":
+                        changeRowHeight(dragTd, dragLinePos.y - dragTdPos.y - dragTd.offsetHeight);
+                        break;
+                    default:
+                }
+                onDrag = "";
+                dragTd = null;
+
+                hideDragLine(me);
+                me.fireEvent('saveScene');
+                return;
+            }
+        }
+        //正常状态下的mouseup
+        if (!startTd) {
+            var target = domUtils.findParentByTagName(evt.target || evt.srcElement, "td", true);
+            if (!target) target = domUtils.findParentByTagName(evt.target || evt.srcElement, "th", true);
+            if (target && (target.tagName == "TD" || target.tagName == "TH")) {
+                if (me.fireEvent("excludetable", target) === true) return;
+                range = new dom.Range(me.document);
+                range.setStart(target, 0).setCursor(false, true);
+            }
+        } else {
+            var ut = getUETable(startTd),
+                cell = ut ? ut.selectedTds[0] : null;
+            if (cell) {
+                range = new dom.Range(me.document);
+                if (domUtils.isEmptyBlock(cell)) {
+                    range.setStart(cell, 0).setCursor(false, true);
+                } else {
+                    range.selectNodeContents(cell).shrinkBoundary().setCursor(false, true);
+                }
+            } else {
+                range = me.selection.getRange().shrinkBoundary();
+                if (!range.collapsed) {
+                    var start = domUtils.findParentByTagName(range.startContainer, ['td', 'th'], true),
+                        end = domUtils.findParentByTagName(range.endContainer, ['td', 'th'], true);
+                    //在table里边的不能清除
+                    if (start && !end || !start && end || start && end && start !== end) {
+                        range.setCursor(false, true);
+                    }
+                }
+            }
+            startTd = null;
+            me.removeListener('mouseover', mouseOverEvent);
+        }
+        me._selectionChange(250, evt);
+    }
+
+    function mouseOverEvent(type, evt) {
+
+        if( isEditorDisabled() ) {
+            return;
+        }
+
+        var me = this,
+            tar = evt.target || evt.srcElement;
+        currentTd = domUtils.findParentByTagName(tar, "td", true) || domUtils.findParentByTagName(tar, "th", true);
+        //需要判断两个TD是否位于同一个表格内
+        if (startTd && currentTd &&
+            ((startTd.tagName == "TD" && currentTd.tagName == "TD") || (startTd.tagName == "TH" && currentTd.tagName == "TH")) &&
+            domUtils.findParentByTagName(startTd, 'table') == domUtils.findParentByTagName(currentTd, 'table')) {
+            var ut = getUETable(currentTd);
+            if (startTd != currentTd) {
+                me.document.body.style.webkitUserSelect = 'none';
+                me.selection.getNative()[browser.ie9below ? 'empty' : 'removeAllRanges']();
+                var range = ut.getCellsRange(startTd, currentTd);
+                ut.setSelected(range);
+            } else {
+                me.document.body.style.webkitUserSelect = '';
+                ut.clearSelected();
+            }
+
+        }
+        evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
+    }
+
+    function setCellHeight(cell, height, backHeight) {
+        var lineHight = parseInt(domUtils.getComputedStyle(cell, "line-height"), 10),
+            tmpHeight = backHeight + height;
+        height = tmpHeight < lineHight ? lineHight : tmpHeight;
+        if (cell.style.height) cell.style.height = "";
+        cell.rowSpan == 1 ? cell.setAttribute("height", height) : (cell.removeAttribute && cell.removeAttribute("height"));
+    }
+
+    function getWidth(cell) {
+        if (!cell)return 0;
+        return parseInt(domUtils.getComputedStyle(cell, "width"), 10);
+    }
+
+    function changeColWidth(cell, changeValue) {
+
+        var ut = getUETable(cell);
+        if (ut) {
+
+            //根据当前移动的边框获取相关的单元格
+            var table = ut.table,
+                cells = getCellsByMoveBorder( cell, table );
+
+            table.style.width = "";
+            table.removeAttribute("width");
+
+            //修正改变量
+            changeValue = correctChangeValue( changeValue, cell, cells );
+
+            if (cell.nextSibling) {
+
+                var i=0;
+
+                utils.each( cells, function( cellGroup ){
+
+                    cellGroup.left.width = (+cellGroup.left.width)+changeValue;
+                    cellGroup.right && ( cellGroup.right.width = (+cellGroup.right.width)-changeValue );
+
+                } );
+
+            } else {
+
+                utils.each( cells, function( cellGroup ){
+                    cellGroup.left.width -= -changeValue;
+                } );
+
+            }
+        }
+
+    }
+
+    function isEditorDisabled() {
+        return me.body.contentEditable === "false";
+    }
+
+    function changeRowHeight(td, changeValue) {
+        if (Math.abs(changeValue) < 10) return;
+        var ut = getUETable(td);
+        if (ut) {
+            var cells = ut.getSameEndPosCells(td, "y"),
+            //备份需要连带变化的td的原始高度，否则后期无法获取正确的值
+                backHeight = cells[0] ? cells[0].offsetHeight : 0;
+            for (var i = 0, cell; cell = cells[i++];) {
+                setCellHeight(cell, changeValue, backHeight);
+            }
+        }
+
+    }
+
+    /**
+     * 获取调整单元格大小的相关单元格
+     * @isContainMergeCell 返回的结果中是否包含发生合并后的单元格
+     */
+    function getCellsByMoveBorder( cell, table, isContainMergeCell ) {
+
+        if( !table ) {
+            table = domUtils.findParentByTagName( cell, 'table' );
+        }
+
+        if( !table ) {
+            return null;
+        }
+
+        //获取到该单元格所在行的序列号
+        var index = domUtils.getNodeIndex( cell ),
+            temp = cell,
+            rows = table.rows,
+            colIndex = 0;
+
+        while( temp ) {
+            //获取到当前单元格在未发生单元格合并时的序列
+            if( temp.nodeType === 1 ) {
+                colIndex += (temp.colSpan || 1);
+            }
+            temp = temp.previousSibling;
+        }
+
+        temp = null;
+
+        //记录想关的单元格
+        var borderCells = [];
+
+        utils.each(rows, function( tabRow ){
+
+            var cells = tabRow.cells,
+                currIndex = 0;
+
+            utils.each( cells, function( tabCell ){
+
+                currIndex += (tabCell.colSpan || 1);
+
+                if( currIndex === colIndex ) {
+
+                    borderCells.push({
+                        left: tabCell,
+                        right: tabCell.nextSibling || null
+                    });
+
+                    return false;
+
+                } else if( currIndex > colIndex ) {
+
+                    if( isContainMergeCell ) {
+                        borderCells.push({
+                            left: tabCell
+                        });
+                    }
+
+                    return false;
+                }
+
+
+            } );
+
+        });
+
+        return borderCells;
+
+    }
+
+
+    /**
+     * 通过给定的单元格集合获取最小的单元格width
+     */
+    function getMinWidthByTableCells( cells ) {
+
+        var minWidth = Number.MAX_VALUE;
+
+        for( var i = 0, curCell; curCell = cells[ i ] ; i++ ) {
+
+            minWidth = Math.min( minWidth, curCell.width || getTableCellWidth( curCell ) );
+
+        }
+
+        return minWidth;
+
+    }
+
+    function correctChangeValue( changeValue, relatedCell, cells ) {
+
+        //为单元格的paading预留空间
+        changeValue -= getTabcellSpace();
+
+        if( changeValue < 0 ) {
+            return 0;
+        }
+
+        changeValue -= getTableCellWidth( relatedCell );
+
+        //确定方向
+        var direction = changeValue < 0 ? 'left':'right';
+
+        changeValue = Math.abs(changeValue);
+
+        //只关心非最后一个单元格就可以
+        utils.each( cells, function( cellGroup ){
+
+            var curCell = cellGroup[direction];
+
+            //为单元格保留最小空间
+            if( curCell ) {
+                changeValue = Math.min( changeValue, getTableCellWidth( curCell )-cellMinWidth );
+            }
+
+
+        } );
+
+
+        //修正越界
+        changeValue = changeValue < 0 ? 0 : changeValue;
+
+        return direction === 'left' ? -changeValue : changeValue;
+
+    }
+
+    function getTableCellWidth( cell ) {
+
+        var width = 0,
+            //偏移纠正量
+            offset = 0,
+            width = cell.offsetWidth - getTabcellSpace();
+
+        //最后一个节点纠正一下
+        if( !cell.nextSibling ) {
+
+            width -= getTableCellOffset( cell );
+
+        }
+
+        width = width < 0 ? 0 : width;
+
+        try {
+            cell.width = width;
+        } catch(e) {
+        }
+
+        return width;
+
+    }
+
+    /**
+     * 获取单元格所在表格的最末单元格的偏移量
+     */
+    function getTableCellOffset( cell ) {
+
+        tab = domUtils.findParentByTagName( cell, "table", false);
+
+        if( tab.offsetVal === undefined ) {
+
+            var prev = cell.previousSibling;
+
+            if( prev ) {
+
+                //最后一个单元格和前一个单元格的width diff结果 如果恰好为一个border width， 则条件成立
+                tab.offsetVal = cell.offsetWidth - prev.offsetWidth === UT.borderWidth ? UT.borderWidth : 0;
+
+            } else {
+                tab.offsetVal = 0;
+            }
+
+        }
+
+        return tab.offsetVal;
+
+    }
+
+    function getTabcellSpace() {
+
+        if( UT.tabcellSpace === undefined ) {
+
+            var cell = null,
+                tab = me.document.createElement("table"),
+                tbody = me.document.createElement("tbody"),
+                trow = me.document.createElement("tr"),
+                tabcell = me.document.createElement("td"),
+                mirror = null;
+
+            tabcell.style.cssText = 'border: 0;';
+            tabcell.width = 1;
+
+            trow.appendChild( tabcell );
+            trow.appendChild( mirror = tabcell.cloneNode( false ) );
+
+            tbody.appendChild( trow );
+
+            tab.appendChild( tbody );
+
+            tab.style.cssText = "visibility: hidden;";
+
+            me.body.appendChild( tab );
+
+            UT.paddingSpace = tabcell.offsetWidth - 1;
+
+            var tmpTabWidth = tab.offsetWidth;
+
+            tabcell.style.cssText = '';
+            mirror.style.cssText = '';
+
+            UT.borderWidth = ( tab.offsetWidth - tmpTabWidth ) / 3;
+
+            UT.tabcellSpace = UT.paddingSpace + UT.borderWidth;
+
+            me.body.removeChild( tab );
+
+        }
+
+        getTabcellSpace = function(){ return UT.tabcellSpace; };
+
+        return UT.tabcellSpace;
+
+    }
+
+    function getDragLine(editor, doc) {
+        if (mousedown)return;
+        dragLine = editor.document.createElement("div");
+        domUtils.setAttributes(dragLine, {
+            id:"ue_tableDragLine",
+            unselectable:'on',
+            contenteditable:false,
+            'onresizestart':'return false',
+            'ondragstart':'return false',
+            'onselectstart':'return false',
+            style:"background-color:blue;position:absolute;padding:0;margin:0;background-image:none;border:0px none;opacity:0;filter:alpha(opacity=0)"
+        });
+        editor.body.appendChild(dragLine);
+    }
+
+    function hideDragLine(editor) {
+        if (mousedown)return;
+        var line;
+        while (line = editor.document.getElementById('ue_tableDragLine')) {
+            domUtils.remove(line)
+        }
+    }
+
+    /**
+     * 依据state（v|h）在cell位置显示横线
+     * @param state
+     * @param cell
+     */
+    function showDragLineAt(state, cell) {
+        if (!cell) return;
+        var table = domUtils.findParentByTagName(cell, "table"),
+            caption = table.getElementsByTagName('caption'),
+            width = table.offsetWidth,
+            height = table.offsetHeight - (caption.length > 0 ? caption[0].offsetHeight : 0),
+            tablePos = domUtils.getXY(table),
+            cellPos = domUtils.getXY(cell), css;
+        switch (state) {
+            case "h":
+                css = 'height:' + height + 'px;top:' + (tablePos.y + (caption.length > 0 ? caption[0].offsetHeight : 0)) + 'px;left:' + (cellPos.x + cell.offsetWidth);
+                dragLine.style.cssText = css + 'px;position: absolute;display:block;background-color:blue;width:1px;border:0; color:blue;opacity:.3;filter:alpha(opacity=30)';
+                break;
+            case "v":
+                css = 'width:' + width + 'px;left:' + tablePos.x + 'px;top:' + (cellPos.y + cell.offsetHeight );
+                //必须加上border:0和color:blue，否则低版ie不支持背景色显示
+                dragLine.style.cssText = css + 'px;overflow:hidden;position: absolute;display:block;background-color:blue;height:1px;border:0;color:blue;opacity:.2;filter:alpha(opacity=20)';
+                break;
+            default:
+        }
+    }
+
+    /**
+     * 当表格边框颜色为白色时设置为虚线,true为添加虚线
+     * @param editor
+     * @param flag
+     */
+    function switchBorderColor(editor, flag) {
+        var tableArr = domUtils.getElementsByTagName(editor.body, "table"), color;
+        for (var i = 0, node; node = tableArr[i++];) {
+            var td = domUtils.getElementsByTagName(node, "td");
+            if (td[0]) {
+                if (flag) {
+                    color = (td[0].style.borderColor).replace(/\s/g, "");
+                    if (/(#ffffff)|(rgb\(255,255,255\))/ig.test(color))
+                        domUtils.addClass(node, "noBorderTable")
+                } else {
+                    domUtils.removeClasses(node, "noBorderTable")
+                }
+            }
+
+        }
+    }
+
+    function getTableWidth(editor, needIEHack, defaultValue) {
+        var body = editor.body;
+        return body.offsetWidth - (needIEHack ? parseInt(domUtils.getComputedStyle(body, 'margin-left'), 10) * 2 : 0) - defaultValue.tableBorder * 2 - (editor.options.offsetWidth || 0);
+    }
+
+    /**
+     * 获取当前拖动的单元格
+     */
+    function getTargetTd(editor, evt) {
+
+        var target = domUtils.findParentByTagName(evt.target || evt.srcElement, ["td", "th"], true),
+            dir = null;
+
+        if( !target ) {
+            return null;
+        }
+
+        dir = getRelation( target, mouseCoords( evt ) );
+
+        //如果有前一个节点， 需要做一个修正， 否则可能会得到一个错误的td
+
+        if( !target ) {
+            return null;
+        }
+
+        if( dir === 'h1' && target.previousSibling ) {
+
+            var position = domUtils.getXY( target),
+                cellWidth = target.offsetWidth;
+
+            if( Math.abs( position.x + cellWidth - evt.clientX ) > cellWidth / 3 ) {
+                target = target.previousSibling;
+            }
+
+        } else if( dir === 'v1' && target.parentNode.previousSibling ) {
+
+            var position = domUtils.getXY( target),
+                cellHeight = target.offsetHeight;
+
+            if( Math.abs( position.y + cellHeight - evt.clientY ) > cellHeight / 3 ) {
+                target = target.parentNode.previousSibling.firstChild;
+            }
+
+        }
+
+
+        //排除了非td内部以及用于代码高亮部分的td
+        return target && !(editor.fireEvent("excludetable", target) === true) ? target : null;
+    }
+
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.cmds.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.cmds.js
new file mode 100644
index 000000000..c9f12fab5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.cmds.js
@@ -0,0 +1,936 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 13-2-20
+ * Time: 下午6:25
+ * To change this template use File | Settings | File Templates.
+ */
+;
+(function () {
+    var UT = UE.UETable,
+        getTableItemsByRange = function (editor) {
+            return UT.getTableItemsByRange(editor);
+        },
+        getUETableBySelected = function (editor) {
+            return UT.getUETableBySelected(editor)
+        },
+        getDefaultValue = function (editor, table) {
+            return UT.getDefaultValue(editor, table);
+        },
+        getUETable = function (tdOrTable) {
+            return UT.getUETable(tdOrTable);
+        };
+
+
+    UE.commands['inserttable'] = {
+        queryCommandState: function () {
+            return getTableItemsByRange(this).table ? -1 : 0;
+        },
+        execCommand: function (cmd, opt) {
+            function createTable(opt, tdWidth) {
+                var html = [],
+                    rowsNum = opt.numRows,
+                    colsNum = opt.numCols;
+                for (var r = 0; r < rowsNum; r++) {
+                    html.push('<tr' + (r == 0 ? ' class="firstRow"':'') + '>');
+                    for (var c = 0; c < colsNum; c++) {
+                        html.push('<td width="' + tdWidth + '"  vAlign="' + opt.tdvalign + '" >' + (browser.ie && browser.version < 11 ? domUtils.fillChar : '<br/>') + '</td>')
+                    }
+                    html.push('</tr>')
+                }
+                //禁止指定table-width
+                return '<table><tbody>' + html.join('') + '</tbody></table>'
+            }
+
+            if (!opt) {
+                opt = utils.extend({}, {
+                    numCols: this.options.defaultCols,
+                    numRows: this.options.defaultRows,
+                    tdvalign: this.options.tdvalign
+                })
+            }
+            var me = this;
+            var range = this.selection.getRange(),
+                start = range.startContainer,
+                firstParentBlock = domUtils.findParent(start, function (node) {
+                    return domUtils.isBlockElm(node);
+                }, true) || me.body;
+
+            var defaultValue = getDefaultValue(me),
+                tableWidth = firstParentBlock.offsetWidth,
+                tdWidth = Math.floor(tableWidth / opt.numCols - defaultValue.tdPadding * 2 - defaultValue.tdBorder);
+
+            //todo其他属性
+            !opt.tdvalign && (opt.tdvalign = me.options.tdvalign);
+            me.execCommand("inserthtml", createTable(opt, tdWidth));
+        }
+    };
+
+    UE.commands['insertparagraphbeforetable'] = {
+        queryCommandState: function () {
+            return getTableItemsByRange(this).cell ? 0 : -1;
+        },
+        execCommand: function () {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                var p = this.document.createElement("p");
+                p.innerHTML = browser.ie ? '&nbsp;' : '<br />';
+                table.parentNode.insertBefore(p, table);
+                this.selection.getRange().setStart(p, 0).setCursor();
+            }
+        }
+    };
+
+    UE.commands['deletetable'] = {
+        queryCommandState: function () {
+            var rng = this.selection.getRange();
+            return domUtils.findParentByTagName(rng.startContainer, 'table', true) ? 0 : -1;
+        },
+        execCommand: function (cmd, table) {
+            var rng = this.selection.getRange();
+            table = table || domUtils.findParentByTagName(rng.startContainer, 'table', true);
+            if (table) {
+                var next = table.nextSibling;
+                if (!next) {
+                    next = domUtils.createElement(this.document, 'p', {
+                        'innerHTML': browser.ie ? domUtils.fillChar : '<br/>'
+                    });
+                    table.parentNode.insertBefore(next, table);
+                }
+                domUtils.remove(table);
+                rng = this.selection.getRange();
+                if (next.nodeType == 3) {
+                    rng.setStartBefore(next)
+                } else {
+                    rng.setStart(next, 0)
+                }
+                rng.setCursor(false, true)
+                this.fireEvent("tablehasdeleted")
+
+            }
+
+        }
+    };
+    UE.commands['cellalign'] = {
+        queryCommandState: function () {
+            return getSelectedArr(this).length ? 0 : -1
+        },
+        execCommand: function (cmd, align) {
+            var selectedTds = getSelectedArr(this);
+            if (selectedTds.length) {
+                for (var i = 0, ci; ci = selectedTds[i++];) {
+                    ci.setAttribute('align', align);
+                }
+            }
+        }
+    };
+    UE.commands['cellvalign'] = {
+        queryCommandState: function () {
+            return getSelectedArr(this).length ? 0 : -1;
+        },
+        execCommand: function (cmd, valign) {
+            var selectedTds = getSelectedArr(this);
+            if (selectedTds.length) {
+                for (var i = 0, ci; ci = selectedTds[i++];) {
+                    ci.setAttribute('vAlign', valign);
+                }
+            }
+        }
+    };
+    UE.commands['insertcaption'] = {
+        queryCommandState: function () {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                return table.getElementsByTagName('caption').length == 0 ? 1 : -1;
+            }
+            return -1;
+        },
+        execCommand: function () {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                var caption = this.document.createElement('caption');
+                caption.innerHTML = browser.ie ? domUtils.fillChar : '<br/>';
+                table.insertBefore(caption, table.firstChild);
+                var range = this.selection.getRange();
+                range.setStart(caption, 0).setCursor();
+            }
+
+        }
+    };
+    UE.commands['deletecaption'] = {
+        queryCommandState: function () {
+            var rng = this.selection.getRange(),
+                table = domUtils.findParentByTagName(rng.startContainer, 'table');
+            if (table) {
+                return table.getElementsByTagName('caption').length == 0 ? -1 : 1;
+            }
+            return -1;
+        },
+        execCommand: function () {
+            var rng = this.selection.getRange(),
+                table = domUtils.findParentByTagName(rng.startContainer, 'table');
+            if (table) {
+                domUtils.remove(table.getElementsByTagName('caption')[0]);
+                var range = this.selection.getRange();
+                range.setStart(table.rows[0].cells[0], 0).setCursor();
+            }
+
+        }
+    };
+    UE.commands['inserttitle'] = {
+        queryCommandState: function () {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                var firstRow = table.rows[0];
+                return firstRow.cells[firstRow.cells.length-1].tagName.toLowerCase() != 'th' ? 0 : -1
+            }
+            return -1;
+        },
+        execCommand: function () {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                getUETable(table).insertRow(0, 'th');
+            }
+            var th = table.getElementsByTagName('th')[0];
+            this.selection.getRange().setStart(th, 0).setCursor(false, true);
+        }
+    };
+    UE.commands['deletetitle'] = {
+        queryCommandState: function () {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                var firstRow = table.rows[0];
+                return firstRow.cells[firstRow.cells.length-1].tagName.toLowerCase() == 'th' ? 0 : -1
+            }
+            return -1;
+        },
+        execCommand: function () {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                domUtils.remove(table.rows[0])
+            }
+            var td = table.getElementsByTagName('td')[0];
+            this.selection.getRange().setStart(td, 0).setCursor(false, true);
+        }
+    };
+    UE.commands['inserttitlecol'] = {
+        queryCommandState: function () {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                var lastRow = table.rows[table.rows.length-1];
+                return lastRow.getElementsByTagName('th').length ? -1 : 0;
+            }
+            return -1;
+        },
+        execCommand: function (cmd) {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                getUETable(table).insertCol(0, 'th');
+            }
+            resetTdWidth(table, this);
+            var th = table.getElementsByTagName('th')[0];
+            this.selection.getRange().setStart(th, 0).setCursor(false, true);
+        }
+    };
+    UE.commands['deletetitlecol'] = {
+        queryCommandState: function () {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                var lastRow = table.rows[table.rows.length-1];
+                return lastRow.getElementsByTagName('th').length ? 0 : -1;
+            }
+            return -1;
+        },
+        execCommand: function () {
+            var table = getTableItemsByRange(this).table;
+            if (table) {
+                for(var i = 0; i< table.rows.length; i++ ){
+                    domUtils.remove(table.rows[i].children[0])
+                }
+            }
+            resetTdWidth(table, this);
+            var td = table.getElementsByTagName('td')[0];
+            this.selection.getRange().setStart(td, 0).setCursor(false, true);
+        }
+    };
+
+    UE.commands["mergeright"] = {
+        queryCommandState: function (cmd) {
+            var tableItems = getTableItemsByRange(this),
+                table = tableItems.table,
+                cell = tableItems.cell;
+
+            if (!table || !cell) return -1;
+            var ut = getUETable(table);
+            if (ut.selectedTds.length) return -1;
+
+            var cellInfo = ut.getCellInfo(cell),
+                rightColIndex = cellInfo.colIndex + cellInfo.colSpan;
+            if (rightColIndex >= ut.colsNum) return -1; // 如果处于最右边则不能向右合并
+
+            var rightCellInfo = ut.indexTable[cellInfo.rowIndex][rightColIndex],
+                rightCell = table.rows[rightCellInfo.rowIndex].cells[rightCellInfo.cellIndex];
+            if (!rightCell || cell.tagName != rightCell.tagName) return -1; // TH和TD不能相互合并
+
+            // 当且仅当两个Cell的开始列号和结束列号一致时能进行合并
+            return (rightCellInfo.rowIndex == cellInfo.rowIndex && rightCellInfo.rowSpan == cellInfo.rowSpan) ? 0 : -1;
+        },
+        execCommand: function (cmd) {
+            var rng = this.selection.getRange(),
+                bk = rng.createBookmark(true);
+            var cell = getTableItemsByRange(this).cell,
+                ut = getUETable(cell);
+            ut.mergeRight(cell);
+            rng.moveToBookmark(bk).select();
+        }
+    };
+    UE.commands["mergedown"] = {
+        queryCommandState: function (cmd) {
+            var tableItems = getTableItemsByRange(this),
+                table = tableItems.table,
+                cell = tableItems.cell;
+
+            if (!table || !cell) return -1;
+            var ut = getUETable(table);
+            if (ut.selectedTds.length)return -1;
+
+            var cellInfo = ut.getCellInfo(cell),
+                downRowIndex = cellInfo.rowIndex + cellInfo.rowSpan;
+            if (downRowIndex >= ut.rowsNum) return -1; // 如果处于最下边则不能向下合并
+
+            var downCellInfo = ut.indexTable[downRowIndex][cellInfo.colIndex],
+                downCell = table.rows[downCellInfo.rowIndex].cells[downCellInfo.cellIndex];
+            if (!downCell || cell.tagName != downCell.tagName) return -1; // TH和TD不能相互合并
+
+            // 当且仅当两个Cell的开始列号和结束列号一致时能进行合并
+            return (downCellInfo.colIndex == cellInfo.colIndex && downCellInfo.colSpan == cellInfo.colSpan) ? 0 : -1;
+        },
+        execCommand: function () {
+            var rng = this.selection.getRange(),
+                bk = rng.createBookmark(true);
+            var cell = getTableItemsByRange(this).cell,
+                ut = getUETable(cell);
+            ut.mergeDown(cell);
+            rng.moveToBookmark(bk).select();
+        }
+    };
+    UE.commands["mergecells"] = {
+        queryCommandState: function () {
+            return getUETableBySelected(this) ? 0 : -1;
+        },
+        execCommand: function () {
+            var ut = getUETableBySelected(this);
+            if (ut && ut.selectedTds.length) {
+                var cell = ut.selectedTds[0];
+                ut.mergeRange();
+                var rng = this.selection.getRange();
+                if (domUtils.isEmptyBlock(cell)) {
+                    rng.setStart(cell, 0).collapse(true)
+                } else {
+                    rng.selectNodeContents(cell)
+                }
+                rng.select();
+            }
+
+
+        }
+    };
+    UE.commands["insertrow"] = {
+        queryCommandState: function () {
+            var tableItems = getTableItemsByRange(this),
+                cell = tableItems.cell;
+            return cell && (cell.tagName == "TD" || (cell.tagName == 'TH' && tableItems.tr !== tableItems.table.rows[0])) &&
+                getUETable(tableItems.table).rowsNum < this.options.maxRowNum ? 0 : -1;
+        },
+        execCommand: function () {
+            var rng = this.selection.getRange(),
+                bk = rng.createBookmark(true);
+            var tableItems = getTableItemsByRange(this),
+                cell = tableItems.cell,
+                table = tableItems.table,
+                ut = getUETable(table),
+                cellInfo = ut.getCellInfo(cell);
+            //ut.insertRow(!ut.selectedTds.length ? cellInfo.rowIndex:ut.cellsRange.beginRowIndex,'');
+            if (!ut.selectedTds.length) {
+                ut.insertRow(cellInfo.rowIndex, cell);
+            } else {
+                var range = ut.cellsRange;
+                for (var i = 0, len = range.endRowIndex - range.beginRowIndex + 1; i < len; i++) {
+                    ut.insertRow(range.beginRowIndex, cell);
+                }
+            }
+            rng.moveToBookmark(bk).select();
+            if (table.getAttribute("interlaced") === "enabled")this.fireEvent("interlacetable", table);
+        }
+    };
+    //后插入行
+    UE.commands["insertrownext"] = {
+        queryCommandState: function () {
+            var tableItems = getTableItemsByRange(this),
+                cell = tableItems.cell;
+            return cell && (cell.tagName == "TD") && getUETable(tableItems.table).rowsNum < this.options.maxRowNum ? 0 : -1;
+        },
+        execCommand: function () {
+            var rng = this.selection.getRange(),
+                bk = rng.createBookmark(true);
+            var tableItems = getTableItemsByRange(this),
+                cell = tableItems.cell,
+                table = tableItems.table,
+                ut = getUETable(table),
+                cellInfo = ut.getCellInfo(cell);
+            //ut.insertRow(!ut.selectedTds.length? cellInfo.rowIndex + cellInfo.rowSpan : ut.cellsRange.endRowIndex + 1,'');
+            if (!ut.selectedTds.length) {
+                ut.insertRow(cellInfo.rowIndex + cellInfo.rowSpan, cell);
+            } else {
+                var range = ut.cellsRange;
+                for (var i = 0, len = range.endRowIndex - range.beginRowIndex + 1; i < len; i++) {
+                    ut.insertRow(range.endRowIndex + 1, cell);
+                }
+            }
+            rng.moveToBookmark(bk).select();
+            if (table.getAttribute("interlaced") === "enabled")this.fireEvent("interlacetable", table);
+        }
+    };
+    UE.commands["deleterow"] = {
+        queryCommandState: function () {
+            var tableItems = getTableItemsByRange(this);
+            return tableItems.cell ? 0 : -1;
+        },
+        execCommand: function () {
+            var cell = getTableItemsByRange(this).cell,
+                ut = getUETable(cell),
+                cellsRange = ut.cellsRange,
+                cellInfo = ut.getCellInfo(cell),
+                preCell = ut.getVSideCell(cell),
+                nextCell = ut.getVSideCell(cell, true),
+                rng = this.selection.getRange();
+            if (utils.isEmptyObject(cellsRange)) {
+                ut.deleteRow(cellInfo.rowIndex);
+            } else {
+                for (var i = cellsRange.beginRowIndex; i < cellsRange.endRowIndex + 1; i++) {
+                    ut.deleteRow(cellsRange.beginRowIndex);
+                }
+            }
+            var table = ut.table;
+            if (!table.getElementsByTagName('td').length) {
+                var nextSibling = table.nextSibling;
+                domUtils.remove(table);
+                if (nextSibling) {
+                    rng.setStart(nextSibling, 0).setCursor(false, true);
+                }
+            } else {
+                if (cellInfo.rowSpan == 1 || cellInfo.rowSpan == cellsRange.endRowIndex - cellsRange.beginRowIndex + 1) {
+                    if (nextCell || preCell) rng.selectNodeContents(nextCell || preCell).setCursor(false, true);
+                } else {
+                    var newCell = ut.getCell(cellInfo.rowIndex, ut.indexTable[cellInfo.rowIndex][cellInfo.colIndex].cellIndex);
+                    if (newCell) rng.selectNodeContents(newCell).setCursor(false, true);
+                }
+            }
+            if (table.getAttribute("interlaced") === "enabled")this.fireEvent("interlacetable", table);
+        }
+    };
+    UE.commands["insertcol"] = {
+        queryCommandState: function (cmd) {
+            var tableItems = getTableItemsByRange(this),
+                cell = tableItems.cell;
+            return cell && (cell.tagName == "TD" || (cell.tagName == 'TH' && cell !== tableItems.tr.cells[0])) &&
+                getUETable(tableItems.table).colsNum < this.options.maxColNum ? 0 : -1;
+        },
+        execCommand: function (cmd) {
+            var rng = this.selection.getRange(),
+                bk = rng.createBookmark(true);
+            if (this.queryCommandState(cmd) == -1)return;
+            var cell = getTableItemsByRange(this).cell,
+                ut = getUETable(cell),
+                cellInfo = ut.getCellInfo(cell);
+
+            //ut.insertCol(!ut.selectedTds.length ? cellInfo.colIndex:ut.cellsRange.beginColIndex);
+            if (!ut.selectedTds.length) {
+                ut.insertCol(cellInfo.colIndex, cell);
+            } else {
+                var range = ut.cellsRange;
+                for (var i = 0, len = range.endColIndex - range.beginColIndex + 1; i < len; i++) {
+                    ut.insertCol(range.beginColIndex, cell);
+                }
+            }
+            rng.moveToBookmark(bk).select(true);
+        }
+    };
+    UE.commands["insertcolnext"] = {
+        queryCommandState: function () {
+            var tableItems = getTableItemsByRange(this),
+                cell = tableItems.cell;
+            return cell && getUETable(tableItems.table).colsNum < this.options.maxColNum ? 0 : -1;
+        },
+        execCommand: function () {
+            var rng = this.selection.getRange(),
+                bk = rng.createBookmark(true);
+            var cell = getTableItemsByRange(this).cell,
+                ut = getUETable(cell),
+                cellInfo = ut.getCellInfo(cell);
+            //ut.insertCol(!ut.selectedTds.length ? cellInfo.colIndex + cellInfo.colSpan:ut.cellsRange.endColIndex +1);
+            if (!ut.selectedTds.length) {
+                ut.insertCol(cellInfo.colIndex + cellInfo.colSpan, cell);
+            } else {
+                var range = ut.cellsRange;
+                for (var i = 0, len = range.endColIndex - range.beginColIndex + 1; i < len; i++) {
+                    ut.insertCol(range.endColIndex + 1, cell);
+                }
+            }
+            rng.moveToBookmark(bk).select();
+        }
+    };
+
+    UE.commands["deletecol"] = {
+        queryCommandState: function () {
+            var tableItems = getTableItemsByRange(this);
+            return tableItems.cell ? 0 : -1;
+        },
+        execCommand: function () {
+            var cell = getTableItemsByRange(this).cell,
+                ut = getUETable(cell),
+                range = ut.cellsRange,
+                cellInfo = ut.getCellInfo(cell),
+                preCell = ut.getHSideCell(cell),
+                nextCell = ut.getHSideCell(cell, true);
+            if (utils.isEmptyObject(range)) {
+                ut.deleteCol(cellInfo.colIndex);
+            } else {
+                for (var i = range.beginColIndex; i < range.endColIndex + 1; i++) {
+                    ut.deleteCol(range.beginColIndex);
+                }
+            }
+            var table = ut.table,
+                rng = this.selection.getRange();
+
+            if (!table.getElementsByTagName('td').length) {
+                var nextSibling = table.nextSibling;
+                domUtils.remove(table);
+                if (nextSibling) {
+                    rng.setStart(nextSibling, 0).setCursor(false, true);
+                }
+            } else {
+                if (domUtils.inDoc(cell, this.document)) {
+                    rng.setStart(cell, 0).setCursor(false, true);
+                } else {
+                    if (nextCell && domUtils.inDoc(nextCell, this.document)) {
+                        rng.selectNodeContents(nextCell).setCursor(false, true);
+                    } else {
+                        if (preCell && domUtils.inDoc(preCell, this.document)) {
+                            rng.selectNodeContents(preCell).setCursor(true, true);
+                        }
+                    }
+                }
+            }
+        }
+    };
+    UE.commands["splittocells"] = {
+        queryCommandState: function () {
+            var tableItems = getTableItemsByRange(this),
+                cell = tableItems.cell;
+            if (!cell) return -1;
+            var ut = getUETable(tableItems.table);
+            if (ut.selectedTds.length > 0) return -1;
+            return cell && (cell.colSpan > 1 || cell.rowSpan > 1) ? 0 : -1;
+        },
+        execCommand: function () {
+            var rng = this.selection.getRange(),
+                bk = rng.createBookmark(true);
+            var cell = getTableItemsByRange(this).cell,
+                ut = getUETable(cell);
+            ut.splitToCells(cell);
+            rng.moveToBookmark(bk).select();
+        }
+    };
+    UE.commands["splittorows"] = {
+        queryCommandState: function () {
+            var tableItems = getTableItemsByRange(this),
+                cell = tableItems.cell;
+            if (!cell) return -1;
+            var ut = getUETable(tableItems.table);
+            if (ut.selectedTds.length > 0) return -1;
+            return cell && cell.rowSpan > 1 ? 0 : -1;
+        },
+        execCommand: function () {
+            var rng = this.selection.getRange(),
+                bk = rng.createBookmark(true);
+            var cell = getTableItemsByRange(this).cell,
+                ut = getUETable(cell);
+            ut.splitToRows(cell);
+            rng.moveToBookmark(bk).select();
+        }
+    };
+    UE.commands["splittocols"] = {
+        queryCommandState: function () {
+            var tableItems = getTableItemsByRange(this),
+                cell = tableItems.cell;
+            if (!cell) return -1;
+            var ut = getUETable(tableItems.table);
+            if (ut.selectedTds.length > 0) return -1;
+            return cell && cell.colSpan > 1 ? 0 : -1;
+        },
+        execCommand: function () {
+            var rng = this.selection.getRange(),
+                bk = rng.createBookmark(true);
+            var cell = getTableItemsByRange(this).cell,
+                ut = getUETable(cell);
+            ut.splitToCols(cell);
+            rng.moveToBookmark(bk).select();
+
+        }
+    };
+
+    UE.commands["adaptbytext"] =
+        UE.commands["adaptbywindow"] = {
+            queryCommandState: function () {
+                return getTableItemsByRange(this).table ? 0 : -1
+            },
+            execCommand: function (cmd) {
+                var tableItems = getTableItemsByRange(this),
+                    table = tableItems.table;
+                if (table) {
+                    if (cmd == 'adaptbywindow') {
+                        resetTdWidth(table, this);
+                    } else {
+                        var cells = domUtils.getElementsByTagName(table, "td th");
+                        utils.each(cells, function (cell) {
+                            cell.removeAttribute("width");
+                        });
+                        table.removeAttribute("width");
+                    }
+                }
+            }
+        };
+
+    //平均分配各列
+    UE.commands['averagedistributecol'] = {
+        queryCommandState: function () {
+            var ut = getUETableBySelected(this);
+            if (!ut) return -1;
+            return ut.isFullRow() || ut.isFullCol() ? 0 : -1;
+        },
+        execCommand: function (cmd) {
+            var me = this,
+                ut = getUETableBySelected(me);
+
+            function getAverageWidth() {
+                var tb = ut.table,
+                    averageWidth, sumWidth = 0, colsNum = 0,
+                    tbAttr = getDefaultValue(me, tb);
+
+                if (ut.isFullRow()) {
+                    sumWidth = tb.offsetWidth;
+                    colsNum = ut.colsNum;
+                } else {
+                    var begin = ut.cellsRange.beginColIndex,
+                        end = ut.cellsRange.endColIndex,
+                        node;
+                    for (var i = begin; i <= end;) {
+                        node = ut.selectedTds[i];
+                        sumWidth += node.offsetWidth;
+                        i += node.colSpan;
+                        colsNum += 1;
+                    }
+                }
+                averageWidth = Math.ceil(sumWidth / colsNum) - tbAttr.tdBorder * 2 - tbAttr.tdPadding * 2;
+                return averageWidth;
+            }
+
+            function setAverageWidth(averageWidth) {
+                utils.each(domUtils.getElementsByTagName(ut.table, "th"), function (node) {
+                    node.setAttribute("width", "");
+                });
+                var cells = ut.isFullRow() ? domUtils.getElementsByTagName(ut.table, "td") : ut.selectedTds;
+
+                utils.each(cells, function (node) {
+                    if (node.colSpan == 1) {
+                        node.setAttribute("width", averageWidth);
+                    }
+                });
+            }
+
+            if (ut && ut.selectedTds.length) {
+                setAverageWidth(getAverageWidth());
+            }
+        }
+    };
+    //平均分配各行
+    UE.commands['averagedistributerow'] = {
+        queryCommandState: function () {
+            var ut = getUETableBySelected(this);
+            if (!ut) return -1;
+            if (ut.selectedTds && /th/ig.test(ut.selectedTds[0].tagName)) return -1;
+            return ut.isFullRow() || ut.isFullCol() ? 0 : -1;
+        },
+        execCommand: function (cmd) {
+            var me = this,
+                ut = getUETableBySelected(me);
+
+            function getAverageHeight() {
+                var averageHeight, rowNum, sumHeight = 0,
+                    tb = ut.table,
+                    tbAttr = getDefaultValue(me, tb),
+                    tdpadding = parseInt(domUtils.getComputedStyle(tb.getElementsByTagName('td')[0], "padding-top"));
+
+                if (ut.isFullCol()) {
+                    var captionArr = domUtils.getElementsByTagName(tb, "caption"),
+                        thArr = domUtils.getElementsByTagName(tb, "th"),
+                        captionHeight, thHeight;
+
+                    if (captionArr.length > 0) {
+                        captionHeight = captionArr[0].offsetHeight;
+                    }
+                    if (thArr.length > 0) {
+                        thHeight = thArr[0].offsetHeight;
+                    }
+
+                    sumHeight = tb.offsetHeight - (captionHeight || 0) - (thHeight || 0);
+                    rowNum = thArr.length == 0 ? ut.rowsNum : (ut.rowsNum - 1);
+                } else {
+                    var begin = ut.cellsRange.beginRowIndex,
+                        end = ut.cellsRange.endRowIndex,
+                        count = 0,
+                        trs = domUtils.getElementsByTagName(tb, "tr");
+                    for (var i = begin; i <= end; i++) {
+                        sumHeight += trs[i].offsetHeight;
+                        count += 1;
+                    }
+                    rowNum = count;
+                }
+                //ie8下是混杂模式
+                if (browser.ie && browser.version < 9) {
+                    averageHeight = Math.ceil(sumHeight / rowNum);
+                } else {
+                    averageHeight = Math.ceil(sumHeight / rowNum) - tbAttr.tdBorder * 2 - tdpadding * 2;
+                }
+                return averageHeight;
+            }
+
+            function setAverageHeight(averageHeight) {
+                var cells = ut.isFullCol() ? domUtils.getElementsByTagName(ut.table, "td") : ut.selectedTds;
+                utils.each(cells, function (node) {
+                    if (node.rowSpan == 1) {
+                        node.setAttribute("height", averageHeight);
+                    }
+                });
+            }
+
+            if (ut && ut.selectedTds.length) {
+                setAverageHeight(getAverageHeight());
+            }
+        }
+    };
+
+    //单元格对齐方式
+    UE.commands['cellalignment'] = {
+        queryCommandState: function () {
+            return getTableItemsByRange(this).table ? 0 : -1
+        },
+        execCommand: function (cmd, data) {
+            var me = this,
+                ut = getUETableBySelected(me);
+
+            if (!ut) {
+                var start = me.selection.getStart(),
+                    cell = start && domUtils.findParentByTagName(start, ["td", "th", "caption"], true);
+                if (!/caption/ig.test(cell.tagName)) {
+                    domUtils.setAttributes(cell, data);
+                } else {
+                    cell.style.textAlign = data.align;
+                    cell.style.verticalAlign = data.vAlign;
+                }
+                me.selection.getRange().setCursor(true);
+            } else {
+                utils.each(ut.selectedTds, function (cell) {
+                    domUtils.setAttributes(cell, data);
+                });
+            }
+        },
+        /**
+         * 查询当前点击的单元格的对齐状态， 如果当前已经选择了多个单元格， 则会返回所有单元格经过统一协调过后的状态
+         * @see UE.UETable.getTableCellAlignState
+         */
+        queryCommandValue: function (cmd) {
+
+            var activeMenuCell = getTableItemsByRange( this).cell;
+
+            if( !activeMenuCell ) {
+                activeMenuCell = getSelectedArr(this)[0];
+            }
+
+            if (!activeMenuCell) {
+
+                return null;
+
+            } else {
+
+                //获取同时选中的其他单元格
+                var cells = UE.UETable.getUETable(activeMenuCell).selectedTds;
+
+                !cells.length && ( cells = activeMenuCell );
+
+                return UE.UETable.getTableCellAlignState(cells);
+
+            }
+
+        }
+    };
+    //表格对齐方式
+    UE.commands['tablealignment'] = {
+        queryCommandState: function () {
+            if (browser.ie && browser.version < 8) {
+                return -1;
+            }
+            return getTableItemsByRange(this).table ? 0 : -1
+        },
+        execCommand: function (cmd, value) {
+            var me = this,
+                start = me.selection.getStart(),
+                table = start && domUtils.findParentByTagName(start, ["table"], true);
+
+            if (table) {
+                table.setAttribute("align",value);
+            }
+        }
+    };
+
+    //表格属性
+    UE.commands['edittable'] = {
+        queryCommandState: function () {
+            return getTableItemsByRange(this).table ? 0 : -1
+        },
+        execCommand: function (cmd, color) {
+            var rng = this.selection.getRange(),
+                table = domUtils.findParentByTagName(rng.startContainer, 'table');
+            if (table) {
+                var arr = domUtils.getElementsByTagName(table, "td").concat(
+                    domUtils.getElementsByTagName(table, "th"),
+                    domUtils.getElementsByTagName(table, "caption")
+                );
+                utils.each(arr, function (node) {
+                    node.style.borderColor = color;
+                });
+            }
+        }
+    };
+    //单元格属性
+    UE.commands['edittd'] = {
+        queryCommandState: function () {
+            return getTableItemsByRange(this).table ? 0 : -1
+        },
+        execCommand: function (cmd, bkColor) {
+            var me = this,
+                ut = getUETableBySelected(me);
+
+            if (!ut) {
+                var start = me.selection.getStart(),
+                    cell = start && domUtils.findParentByTagName(start, ["td", "th", "caption"], true);
+                if (cell) {
+                    cell.style.backgroundColor = bkColor;
+                }
+            } else {
+                utils.each(ut.selectedTds, function (cell) {
+                    cell.style.backgroundColor = bkColor;
+                });
+            }
+        }
+    };
+
+    UE.commands["settablebackground"] = {
+        queryCommandState: function () {
+            return getSelectedArr(this).length > 1 ? 0 : -1;
+        },
+        execCommand: function (cmd, value) {
+            var cells, ut;
+            cells = getSelectedArr(this);
+            ut = getUETable(cells[0]);
+            ut.setBackground(cells, value);
+        }
+    };
+
+    UE.commands["cleartablebackground"] = {
+        queryCommandState: function () {
+            var cells = getSelectedArr(this);
+            if (!cells.length)return -1;
+            for (var i = 0, cell; cell = cells[i++];) {
+                if (cell.style.backgroundColor !== "") return 0;
+            }
+            return -1;
+        },
+        execCommand: function () {
+            var cells = getSelectedArr(this),
+                ut = getUETable(cells[0]);
+            ut.removeBackground(cells);
+        }
+    };
+
+    UE.commands["interlacetable"] = UE.commands["uninterlacetable"] = {
+        queryCommandState: function (cmd) {
+            var table = getTableItemsByRange(this).table;
+            if (!table) return -1;
+            var interlaced = table.getAttribute("interlaced");
+            if (cmd == "interlacetable") {
+                //TODO 待定
+                //是否需要待定，如果设置，则命令只能单次执行成功，但反射具备toggle效果；否则可以覆盖前次命令，但反射将不存在toggle效果
+                return (interlaced === "enabled") ? -1 : 0;
+            } else {
+                return (!interlaced || interlaced === "disabled") ? -1 : 0;
+            }
+        },
+        execCommand: function (cmd, classList) {
+            var table = getTableItemsByRange(this).table;
+            if (cmd == "interlacetable") {
+                table.setAttribute("interlaced", "enabled");
+                this.fireEvent("interlacetable", table, classList);
+            } else {
+                table.setAttribute("interlaced", "disabled");
+                this.fireEvent("uninterlacetable", table);
+            }
+        }
+    };
+    UE.commands["setbordervisible"] = {
+        queryCommandState: function (cmd) {
+            var table = getTableItemsByRange(this).table;
+            if (!table) return -1;
+            return 0;
+        },
+        execCommand: function () {
+            var table = getTableItemsByRange(this).table;
+            utils.each(domUtils.getElementsByTagName(table,'td'),function(td){
+                td.style.borderWidth = '1px';
+                td.style.borderStyle = 'solid';
+            })
+        }
+    };
+    function resetTdWidth(table, editor) {
+        var tds = domUtils.getElementsByTagName(table,'td th');
+        utils.each(tds, function (td) {
+            td.removeAttribute("width");
+        });
+        table.setAttribute('width', getTableWidth(editor, true, getDefaultValue(editor, table)));
+        var tdsWidths = [];
+        setTimeout(function () {
+            utils.each(tds, function (td) {
+                (td.colSpan == 1) && tdsWidths.push(td.offsetWidth)
+            })
+            utils.each(tds, function (td,i) {
+                (td.colSpan == 1) && td.setAttribute("width", tdsWidths[i] + "");
+            })
+        }, 0);
+    }
+
+    function getTableWidth(editor, needIEHack, defaultValue) {
+        var body = editor.body;
+        return body.offsetWidth - (needIEHack ? parseInt(domUtils.getComputedStyle(body, 'margin-left'), 10) * 2 : 0) - defaultValue.tableBorder * 2 - (editor.options.offsetWidth || 0);
+    }
+
+    function getSelectedArr(editor) {
+        var cell = getTableItemsByRange(editor).cell;
+        if (cell) {
+            var ut = getUETable(cell);
+            return ut.selectedTds.length ? ut.selectedTds : [cell];
+        } else {
+            return [];
+        }
+    }
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.core.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.core.js
new file mode 100644
index 000000000..ecfa51976
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.core.js
@@ -0,0 +1,1140 @@
+/**
+ * Created with JetBrains WebStorm.
+ * User: taoqili
+ * Date: 13-1-18
+ * Time: 上午11:09
+ * To change this template use File | Settings | File Templates.
+ */
+/**
+ * UE表格操作类
+ * @param table
+ * @constructor
+ */
+(function () {
+    var UETable = UE.UETable = function (table) {
+        this.table = table;
+        this.indexTable = [];
+        this.selectedTds = [];
+        this.cellsRange = {};
+        this.update(table);
+    };
+
+    //===以下为静态工具方法===
+    UETable.removeSelectedClass = function (cells) {
+        utils.each(cells, function (cell) {
+            domUtils.removeClasses(cell, "selectTdClass");
+        })
+    };
+    UETable.addSelectedClass = function (cells) {
+        utils.each(cells, function (cell) {
+            domUtils.addClass(cell, "selectTdClass");
+        })
+    };
+    UETable.isEmptyBlock = function (node) {
+        var reg = new RegExp(domUtils.fillChar, 'g');
+        if (node[browser.ie ? 'innerText' : 'textContent'].replace(/^\s*$/, '').replace(reg, '').length > 0) {
+            return 0;
+        }
+        for (var i in dtd.$isNotEmpty) if (dtd.$isNotEmpty.hasOwnProperty(i)) {
+            if (node.getElementsByTagName(i).length) {
+                return 0;
+            }
+        }
+        return 1;
+    };
+    UETable.getWidth = function (cell) {
+        if (!cell)return 0;
+        return parseInt(domUtils.getComputedStyle(cell, "width"), 10);
+    };
+
+    /**
+     * 获取单元格或者单元格组的“对齐”状态。 如果当前的检测对象是一个单元格组， 只有在满足所有单元格的 水平和竖直 对齐属性都相同的
+     * 条件时才会返回其状态值，否则将返回null； 如果当前只检测了一个单元格， 则直接返回当前单元格的对齐状态；
+     * @param table cell or table cells , 支持单个单元格dom对象 或者 单元格dom对象数组
+     * @return { align: 'left' || 'right' || 'center', valign: 'top' || 'middle' || 'bottom' } 或者 null
+     */
+    UETable.getTableCellAlignState = function ( cells ) {
+
+        !utils.isArray( cells ) && ( cells = [cells] );
+
+        var result = {},
+            status = ['align', 'valign'],
+            tempStatus = null,
+            isSame = true;//状态是否相同
+
+        utils.each( cells, function( cellNode ){
+
+            utils.each( status, function( currentState ){
+
+                tempStatus = cellNode.getAttribute( currentState );
+
+                if( !result[ currentState ] && tempStatus ) {
+                    result[ currentState ] = tempStatus;
+                } else if( !result[ currentState ] || ( tempStatus !== result[ currentState ] ) ) {
+                    isSame = false;
+                    return false;
+                }
+
+            } );
+
+            return isSame;
+
+        });
+
+        return isSame ? result : null;
+
+    };
+
+    /**
+     * 根据当前选区获取相关的table信息
+     * @return {Object}
+     */
+    UETable.getTableItemsByRange = function (editor) {
+        var start = editor.selection.getStart();
+
+        //ff下会选中bookmark
+        if( start && start.id && start.id.indexOf('_baidu_bookmark_start_') === 0 && start.nextSibling) {
+            start = start.nextSibling;
+        }
+
+        //在table或者td边缘有可能存在选中tr的情况
+        var cell = start && domUtils.findParentByTagName(start, ["td", "th"], true),
+            tr = cell && cell.parentNode,
+            caption = start && domUtils.findParentByTagName(start, 'caption', true),
+            table = caption ? caption.parentNode : tr && tr.parentNode.parentNode;
+
+        return {
+            cell:cell,
+            tr:tr,
+            table:table,
+            caption:caption
+        }
+    };
+    UETable.getUETableBySelected = function (editor) {
+        var table = UETable.getTableItemsByRange(editor).table;
+        if (table && table.ueTable && table.ueTable.selectedTds.length) {
+            return table.ueTable;
+        }
+        return null;
+    };
+
+    UETable.getDefaultValue = function (editor, table) {
+        var borderMap = {
+                thin:'0px',
+                medium:'1px',
+                thick:'2px'
+            },
+            tableBorder, tdPadding, tdBorder, tmpValue;
+        if (!table) {
+            table = editor.document.createElement('table');
+            table.insertRow(0).insertCell(0).innerHTML = 'xxx';
+            editor.body.appendChild(table);
+            var td = table.getElementsByTagName('td')[0];
+            tmpValue = domUtils.getComputedStyle(table, 'border-left-width');
+            tableBorder = parseInt(borderMap[tmpValue] || tmpValue, 10);
+            tmpValue = domUtils.getComputedStyle(td, 'padding-left');
+            tdPadding = parseInt(borderMap[tmpValue] || tmpValue, 10);
+            tmpValue = domUtils.getComputedStyle(td, 'border-left-width');
+            tdBorder = parseInt(borderMap[tmpValue] || tmpValue, 10);
+            domUtils.remove(table);
+            return {
+                tableBorder:tableBorder,
+                tdPadding:tdPadding,
+                tdBorder:tdBorder
+            };
+        } else {
+            td = table.getElementsByTagName('td')[0];
+            tmpValue = domUtils.getComputedStyle(table, 'border-left-width');
+            tableBorder = parseInt(borderMap[tmpValue] || tmpValue, 10);
+            tmpValue = domUtils.getComputedStyle(td, 'padding-left');
+            tdPadding = parseInt(borderMap[tmpValue] || tmpValue, 10);
+            tmpValue = domUtils.getComputedStyle(td, 'border-left-width');
+            tdBorder = parseInt(borderMap[tmpValue] || tmpValue, 10);
+            return {
+                tableBorder:tableBorder,
+                tdPadding:tdPadding,
+                tdBorder:tdBorder
+            };
+        }
+    };
+    /**
+     * 根据当前点击的td或者table获取索引对象
+     * @param tdOrTable
+     */
+    UETable.getUETable = function (tdOrTable) {
+        var tag = tdOrTable.tagName.toLowerCase();
+        tdOrTable = (tag == "td" || tag == "th" || tag == 'caption') ? domUtils.findParentByTagName(tdOrTable, "table", true) : tdOrTable;
+        if (!tdOrTable.ueTable) {
+            tdOrTable.ueTable = new UETable(tdOrTable);
+        }
+        return tdOrTable.ueTable;
+    };
+
+    UETable.cloneCell = function(cell,ignoreMerge,keepPro){
+        if (!cell || utils.isString(cell)) {
+            return this.table.ownerDocument.createElement(cell || 'td');
+        }
+        var flag = domUtils.hasClass(cell, "selectTdClass");
+        flag && domUtils.removeClasses(cell, "selectTdClass");
+        var tmpCell = cell.cloneNode(true);
+        if (ignoreMerge) {
+            tmpCell.rowSpan = tmpCell.colSpan = 1;
+        }
+        //去掉宽高
+        !keepPro && domUtils.removeAttributes(tmpCell,'width height');
+        !keepPro && domUtils.removeAttributes(tmpCell,'style');
+
+        tmpCell.style.borderLeftStyle = "";
+        tmpCell.style.borderTopStyle = "";
+        tmpCell.style.borderLeftColor = cell.style.borderRightColor;
+        tmpCell.style.borderLeftWidth = cell.style.borderRightWidth;
+        tmpCell.style.borderTopColor = cell.style.borderBottomColor;
+        tmpCell.style.borderTopWidth = cell.style.borderBottomWidth;
+        flag && domUtils.addClass(cell, "selectTdClass");
+        return tmpCell;
+    }
+
+    UETable.prototype = {
+        getMaxRows:function () {
+            var rows = this.table.rows, maxLen = 1;
+            for (var i = 0, row; row = rows[i]; i++) {
+                var currentMax = 1;
+                for (var j = 0, cj; cj = row.cells[j++];) {
+                    currentMax = Math.max(cj.rowSpan || 1, currentMax);
+                }
+                maxLen = Math.max(currentMax + i, maxLen);
+            }
+            return maxLen;
+        },
+        /**
+         * 获取当前表格的最大列数
+         */
+        getMaxCols:function () {
+            var rows = this.table.rows, maxLen = 0, cellRows = {};
+            for (var i = 0, row; row = rows[i]; i++) {
+                var cellsNum = 0;
+                for (var j = 0, cj; cj = row.cells[j++];) {
+                    cellsNum += (cj.colSpan || 1);
+                    if (cj.rowSpan && cj.rowSpan > 1) {
+                        for (var k = 1; k < cj.rowSpan; k++) {
+                            if (!cellRows['row_' + (i + k)]) {
+                                cellRows['row_' + (i + k)] = (cj.colSpan || 1);
+                            } else {
+                                cellRows['row_' + (i + k)]++
+                            }
+                        }
+
+                    }
+                }
+                cellsNum += cellRows['row_' + i] || 0;
+                maxLen = Math.max(cellsNum, maxLen);
+            }
+            return maxLen;
+        },
+        getCellColIndex:function (cell) {
+
+        },
+        /**
+         * 获取当前cell旁边的单元格，
+         * @param cell
+         * @param right
+         */
+        getHSideCell:function (cell, right) {
+            try {
+                var cellInfo = this.getCellInfo(cell),
+                    previewRowIndex, previewColIndex;
+                var len = this.selectedTds.length,
+                    range = this.cellsRange;
+                //首行或者首列没有前置单元格
+                if ((!right && (!len ? !cellInfo.colIndex : !range.beginColIndex)) || (right && (!len ? (cellInfo.colIndex == (this.colsNum - 1)) : (range.endColIndex == this.colsNum - 1)))) return null;
+
+                previewRowIndex = !len ? cellInfo.rowIndex : range.beginRowIndex;
+                previewColIndex = !right ? ( !len ? (cellInfo.colIndex < 1 ? 0 : (cellInfo.colIndex - 1)) : range.beginColIndex - 1)
+                    : ( !len ? cellInfo.colIndex + 1 : range.endColIndex + 1);
+                return this.getCell(this.indexTable[previewRowIndex][previewColIndex].rowIndex, this.indexTable[previewRowIndex][previewColIndex].cellIndex);
+            } catch (e) {
+                showError(e);
+            }
+        },
+        getTabNextCell:function (cell, preRowIndex) {
+            var cellInfo = this.getCellInfo(cell),
+                rowIndex = preRowIndex || cellInfo.rowIndex,
+                colIndex = cellInfo.colIndex + 1 + (cellInfo.colSpan - 1),
+                nextCell;
+            try {
+                nextCell = this.getCell(this.indexTable[rowIndex][colIndex].rowIndex, this.indexTable[rowIndex][colIndex].cellIndex);
+            } catch (e) {
+                try {
+                    rowIndex = rowIndex * 1 + 1;
+                    colIndex = 0;
+                    nextCell = this.getCell(this.indexTable[rowIndex][colIndex].rowIndex, this.indexTable[rowIndex][colIndex].cellIndex);
+                } catch (e) {
+                }
+            }
+            return nextCell;
+
+        },
+        /**
+         * 获取视觉上的后置单元格
+         * @param cell
+         * @param bottom
+         */
+        getVSideCell:function (cell, bottom, ignoreRange) {
+            try {
+                var cellInfo = this.getCellInfo(cell),
+                    nextRowIndex, nextColIndex;
+                var len = this.selectedTds.length && !ignoreRange,
+                    range = this.cellsRange;
+                //末行或者末列没有后置单元格
+                if ((!bottom && (cellInfo.rowIndex == 0)) || (bottom && (!len ? (cellInfo.rowIndex + cellInfo.rowSpan > this.rowsNum - 1) : (range.endRowIndex == this.rowsNum - 1)))) return null;
+
+                nextRowIndex = !bottom ? ( !len ? cellInfo.rowIndex - 1 : range.beginRowIndex - 1)
+                    : ( !len ? (cellInfo.rowIndex + cellInfo.rowSpan) : range.endRowIndex + 1);
+                nextColIndex = !len ? cellInfo.colIndex : range.beginColIndex;
+                return this.getCell(this.indexTable[nextRowIndex][nextColIndex].rowIndex, this.indexTable[nextRowIndex][nextColIndex].cellIndex);
+            } catch (e) {
+                showError(e);
+            }
+        },
+        /**
+         * 获取相同结束位置的单元格，xOrY指代了是获取x轴相同还是y轴相同
+         */
+        getSameEndPosCells:function (cell, xOrY) {
+            try {
+                var flag = (xOrY.toLowerCase() === "x"),
+                    end = domUtils.getXY(cell)[flag ? 'x' : 'y'] + cell["offset" + (flag ? 'Width' : 'Height')],
+                    rows = this.table.rows,
+                    cells = null, returns = [];
+                for (var i = 0; i < this.rowsNum; i++) {
+                    cells = rows[i].cells;
+                    for (var j = 0, tmpCell; tmpCell = cells[j++];) {
+                        var tmpEnd = domUtils.getXY(tmpCell)[flag ? 'x' : 'y'] + tmpCell["offset" + (flag ? 'Width' : 'Height')];
+                        //对应行的td已经被上面行rowSpan了
+                        if (tmpEnd > end && flag) break;
+                        if (cell == tmpCell || end == tmpEnd) {
+                            //只获取单一的单元格
+                            //todo 仅获取单一单元格在特定情况下会造成returns为空，从而影响后续的拖拽实现，修正这个。需考虑性能
+                            if (tmpCell[flag ? "colSpan" : "rowSpan"] == 1) {
+                                returns.push(tmpCell);
+                            }
+                            if (flag) break;
+                        }
+                    }
+                }
+                return returns;
+            } catch (e) {
+                showError(e);
+            }
+        },
+        setCellContent:function (cell, content) {
+            cell.innerHTML = content || (browser.ie ? domUtils.fillChar : "<br />");
+        },
+        cloneCell:UETable.cloneCell,
+        /**
+         * 获取跟当前单元格的右边竖线为左边的所有未合并单元格
+         */
+        getSameStartPosXCells:function (cell) {
+            try {
+                var start = domUtils.getXY(cell).x + cell.offsetWidth,
+                    rows = this.table.rows, cells , returns = [];
+                for (var i = 0; i < this.rowsNum; i++) {
+                    cells = rows[i].cells;
+                    for (var j = 0, tmpCell; tmpCell = cells[j++];) {
+                        var tmpStart = domUtils.getXY(tmpCell).x;
+                        if (tmpStart > start) break;
+                        if (tmpStart == start && tmpCell.colSpan == 1) {
+                            returns.push(tmpCell);
+                            break;
+                        }
+                    }
+                }
+                return returns;
+            } catch (e) {
+                showError(e);
+            }
+        },
+        /**
+         * 更新table对应的索引表
+         */
+        update:function (table) {
+            this.table = table || this.table;
+            this.selectedTds = [];
+            this.cellsRange = {};
+            this.indexTable = [];
+            var rows = this.table.rows,
+                rowsNum = this.getMaxRows(),
+                dNum = rowsNum - rows.length,
+                colsNum = this.getMaxCols();
+            while (dNum--) {
+                this.table.insertRow(rows.length);
+            }
+            this.rowsNum = rowsNum;
+            this.colsNum = colsNum;
+            for (var i = 0, len = rows.length; i < len; i++) {
+                this.indexTable[i] = new Array(colsNum);
+            }
+            //填充索引表
+            for (var rowIndex = 0, row; row = rows[rowIndex]; rowIndex++) {
+                for (var cellIndex = 0, cell, cells = row.cells; cell = cells[cellIndex]; cellIndex++) {
+                    //修正整行被rowSpan时导致的行数计算错误
+                    if (cell.rowSpan > rowsNum) {
+                        cell.rowSpan = rowsNum;
+                    }
+                    var colIndex = cellIndex,
+                        rowSpan = cell.rowSpan || 1,
+                        colSpan = cell.colSpan || 1;
+                    //当已经被上一行rowSpan或者被前一列colSpan了，则跳到下一个单元格进行
+                    while (this.indexTable[rowIndex][colIndex]) colIndex++;
+                    for (var j = 0; j < rowSpan; j++) {
+                        for (var k = 0; k < colSpan; k++) {
+                            this.indexTable[rowIndex + j][colIndex + k] = {
+                                rowIndex:rowIndex,
+                                cellIndex:cellIndex,
+                                colIndex:colIndex,
+                                rowSpan:rowSpan,
+                                colSpan:colSpan
+                            }
+                        }
+                    }
+                }
+            }
+            //修复残缺td
+            for (j = 0; j < rowsNum; j++) {
+                for (k = 0; k < colsNum; k++) {
+                    if (this.indexTable[j][k] === undefined) {
+                        row = rows[j];
+                        cell = row.cells[row.cells.length - 1];
+                        cell = cell ? cell.cloneNode(true) : this.table.ownerDocument.createElement("td");
+                        this.setCellContent(cell);
+                        if (cell.colSpan !== 1)cell.colSpan = 1;
+                        if (cell.rowSpan !== 1)cell.rowSpan = 1;
+                        row.appendChild(cell);
+                        this.indexTable[j][k] = {
+                            rowIndex:j,
+                            cellIndex:cell.cellIndex,
+                            colIndex:k,
+                            rowSpan:1,
+                            colSpan:1
+                        }
+                    }
+                }
+            }
+            //当框选后删除行或者列后撤销，需要重建选区。
+            var tds = domUtils.getElementsByTagName(this.table, "td"),
+                selectTds = [];
+            utils.each(tds, function (td) {
+                if (domUtils.hasClass(td, "selectTdClass")) {
+                    selectTds.push(td);
+                }
+            });
+            if (selectTds.length) {
+                var start = selectTds[0],
+                    end = selectTds[selectTds.length - 1],
+                    startInfo = this.getCellInfo(start),
+                    endInfo = this.getCellInfo(end);
+                this.selectedTds = selectTds;
+                this.cellsRange = {
+                    beginRowIndex:startInfo.rowIndex,
+                    beginColIndex:startInfo.colIndex,
+                    endRowIndex:endInfo.rowIndex + endInfo.rowSpan - 1,
+                    endColIndex:endInfo.colIndex + endInfo.colSpan - 1
+                };
+            }
+            //给第一行设置firstRow的样式名称,在排序图标的样式上使用到
+            if(!domUtils.hasClass(this.table.rows[0], "firstRow")) {
+                domUtils.addClass(this.table.rows[0], "firstRow");
+                for(var i = 1; i< this.table.rows.length; i++) {
+                    domUtils.removeClasses(this.table.rows[i], "firstRow");
+                }
+            }
+        },
+        /**
+         * 获取单元格的索引信息
+         */
+        getCellInfo:function (cell) {
+            if (!cell) return;
+            var cellIndex = cell.cellIndex,
+                rowIndex = cell.parentNode.rowIndex,
+                rowInfo = this.indexTable[rowIndex],
+                numCols = this.colsNum;
+            for (var colIndex = cellIndex; colIndex < numCols; colIndex++) {
+                var cellInfo = rowInfo[colIndex];
+                if (cellInfo.rowIndex === rowIndex && cellInfo.cellIndex === cellIndex) {
+                    return cellInfo;
+                }
+            }
+        },
+        /**
+         * 根据行列号获取单元格
+         */
+        getCell:function (rowIndex, cellIndex) {
+            return rowIndex < this.rowsNum && this.table.rows[rowIndex].cells[cellIndex] || null;
+        },
+        /**
+         * 删除单元格
+         */
+        deleteCell:function (cell, rowIndex) {
+            rowIndex = typeof rowIndex == 'number' ? rowIndex : cell.parentNode.rowIndex;
+            var row = this.table.rows[rowIndex];
+            row.deleteCell(cell.cellIndex);
+        },
+        /**
+         * 根据始末两个单元格获取被框选的所有单元格范围
+         */
+        getCellsRange:function (cellA, cellB) {
+            function checkRange(beginRowIndex, beginColIndex, endRowIndex, endColIndex) {
+                var tmpBeginRowIndex = beginRowIndex,
+                    tmpBeginColIndex = beginColIndex,
+                    tmpEndRowIndex = endRowIndex,
+                    tmpEndColIndex = endColIndex,
+                    cellInfo, colIndex, rowIndex;
+                // 通过indexTable检查是否存在超出TableRange上边界的情况
+                if (beginRowIndex > 0) {
+                    for (colIndex = beginColIndex; colIndex < endColIndex; colIndex++) {
+                        cellInfo = me.indexTable[beginRowIndex][colIndex];
+                        rowIndex = cellInfo.rowIndex;
+                        if (rowIndex < beginRowIndex) {
+                            tmpBeginRowIndex = Math.min(rowIndex, tmpBeginRowIndex);
+                        }
+                    }
+                }
+                // 通过indexTable检查是否存在超出TableRange右边界的情况
+                if (endColIndex < me.colsNum) {
+                    for (rowIndex = beginRowIndex; rowIndex < endRowIndex; rowIndex++) {
+                        cellInfo = me.indexTable[rowIndex][endColIndex];
+                        colIndex = cellInfo.colIndex + cellInfo.colSpan - 1;
+                        if (colIndex > endColIndex) {
+                            tmpEndColIndex = Math.max(colIndex, tmpEndColIndex);
+                        }
+                    }
+                }
+                // 检查是否有超出TableRange下边界的情况
+                if (endRowIndex < me.rowsNum) {
+                    for (colIndex = beginColIndex; colIndex < endColIndex; colIndex++) {
+                        cellInfo = me.indexTable[endRowIndex][colIndex];
+                        rowIndex = cellInfo.rowIndex + cellInfo.rowSpan - 1;
+                        if (rowIndex > endRowIndex) {
+                            tmpEndRowIndex = Math.max(rowIndex, tmpEndRowIndex);
+                        }
+                    }
+                }
+                // 检查是否有超出TableRange左边界的情况
+                if (beginColIndex > 0) {
+                    for (rowIndex = beginRowIndex; rowIndex < endRowIndex; rowIndex++) {
+                        cellInfo = me.indexTable[rowIndex][beginColIndex];
+                        colIndex = cellInfo.colIndex;
+                        if (colIndex < beginColIndex) {
+                            tmpBeginColIndex = Math.min(cellInfo.colIndex, tmpBeginColIndex);
+                        }
+                    }
+                }
+                //递归调用直至所有完成所有框选单元格的扩展
+                if (tmpBeginRowIndex != beginRowIndex || tmpBeginColIndex != beginColIndex || tmpEndRowIndex != endRowIndex || tmpEndColIndex != endColIndex) {
+                    return checkRange(tmpBeginRowIndex, tmpBeginColIndex, tmpEndRowIndex, tmpEndColIndex);
+                } else {
+                    // 不需要扩展TableRange的情况
+                    return {
+                        beginRowIndex:beginRowIndex,
+                        beginColIndex:beginColIndex,
+                        endRowIndex:endRowIndex,
+                        endColIndex:endColIndex
+                    };
+                }
+            }
+
+            try {
+                var me = this,
+                    cellAInfo = me.getCellInfo(cellA);
+                if (cellA === cellB) {
+                    return {
+                        beginRowIndex:cellAInfo.rowIndex,
+                        beginColIndex:cellAInfo.colIndex,
+                        endRowIndex:cellAInfo.rowIndex + cellAInfo.rowSpan - 1,
+                        endColIndex:cellAInfo.colIndex + cellAInfo.colSpan - 1
+                    };
+                }
+                var cellBInfo = me.getCellInfo(cellB);
+                // 计算TableRange的四个边
+                var beginRowIndex = Math.min(cellAInfo.rowIndex, cellBInfo.rowIndex),
+                    beginColIndex = Math.min(cellAInfo.colIndex, cellBInfo.colIndex),
+                    endRowIndex = Math.max(cellAInfo.rowIndex + cellAInfo.rowSpan - 1, cellBInfo.rowIndex + cellBInfo.rowSpan - 1),
+                    endColIndex = Math.max(cellAInfo.colIndex + cellAInfo.colSpan - 1, cellBInfo.colIndex + cellBInfo.colSpan - 1);
+
+                return checkRange(beginRowIndex, beginColIndex, endRowIndex, endColIndex);
+            } catch (e) {
+                //throw e;
+            }
+        },
+        /**
+         * 依据cellsRange获取对应的单元格集合
+         */
+        getCells:function (range) {
+            //每次获取cells之前必须先清除上次的选择，否则会对后续获取操作造成影响
+            this.clearSelected();
+            var beginRowIndex = range.beginRowIndex,
+                beginColIndex = range.beginColIndex,
+                endRowIndex = range.endRowIndex,
+                endColIndex = range.endColIndex,
+                cellInfo, rowIndex, colIndex, tdHash = {}, returnTds = [];
+            for (var i = beginRowIndex; i <= endRowIndex; i++) {
+                for (var j = beginColIndex; j <= endColIndex; j++) {
+                    cellInfo = this.indexTable[i][j];
+                    rowIndex = cellInfo.rowIndex;
+                    colIndex = cellInfo.colIndex;
+                    // 如果Cells里已经包含了此Cell则跳过
+                    var key = rowIndex + '|' + colIndex;
+                    if (tdHash[key]) continue;
+                    tdHash[key] = 1;
+                    if (rowIndex < i || colIndex < j || rowIndex + cellInfo.rowSpan - 1 > endRowIndex || colIndex + cellInfo.colSpan - 1 > endColIndex) {
+                        return null;
+                    }
+                    returnTds.push(this.getCell(rowIndex, cellInfo.cellIndex));
+                }
+            }
+            return returnTds;
+        },
+        /**
+         * 清理已经选中的单元格
+         */
+        clearSelected:function () {
+            UETable.removeSelectedClass(this.selectedTds);
+            this.selectedTds = [];
+            this.cellsRange = {};
+        },
+        /**
+         * 根据range设置已经选中的单元格
+         */
+        setSelected:function (range) {
+            var cells = this.getCells(range);
+            UETable.addSelectedClass(cells);
+            this.selectedTds = cells;
+            this.cellsRange = range;
+        },
+        isFullRow:function () {
+            var range = this.cellsRange;
+            return (range.endColIndex - range.beginColIndex + 1) == this.colsNum;
+        },
+        isFullCol:function () {
+            var range = this.cellsRange,
+                table = this.table,
+                ths = table.getElementsByTagName("th"),
+                rows = range.endRowIndex - range.beginRowIndex + 1;
+            return  !ths.length ? rows == this.rowsNum : rows == this.rowsNum || (rows == this.rowsNum - 1);
+
+        },
+        /**
+         * 获取视觉上的前置单元格，默认是左边，top传入时
+         * @param cell
+         * @param top
+         */
+        getNextCell:function (cell, bottom, ignoreRange) {
+            try {
+                var cellInfo = this.getCellInfo(cell),
+                    nextRowIndex, nextColIndex;
+                var len = this.selectedTds.length && !ignoreRange,
+                    range = this.cellsRange;
+                //末行或者末列没有后置单元格
+                if ((!bottom && (cellInfo.rowIndex == 0)) || (bottom && (!len ? (cellInfo.rowIndex + cellInfo.rowSpan > this.rowsNum - 1) : (range.endRowIndex == this.rowsNum - 1)))) return null;
+
+                nextRowIndex = !bottom ? ( !len ? cellInfo.rowIndex - 1 : range.beginRowIndex - 1)
+                    : ( !len ? (cellInfo.rowIndex + cellInfo.rowSpan) : range.endRowIndex + 1);
+                nextColIndex = !len ? cellInfo.colIndex : range.beginColIndex;
+                return this.getCell(this.indexTable[nextRowIndex][nextColIndex].rowIndex, this.indexTable[nextRowIndex][nextColIndex].cellIndex);
+            } catch (e) {
+                showError(e);
+            }
+        },
+        getPreviewCell:function (cell, top) {
+            try {
+                var cellInfo = this.getCellInfo(cell),
+                    previewRowIndex, previewColIndex;
+                var len = this.selectedTds.length,
+                    range = this.cellsRange;
+                //首行或者首列没有前置单元格
+                if ((!top && (!len ? !cellInfo.colIndex : !range.beginColIndex)) || (top && (!len ? (cellInfo.rowIndex > (this.colsNum - 1)) : (range.endColIndex == this.colsNum - 1)))) return null;
+
+                previewRowIndex = !top ? ( !len ? cellInfo.rowIndex : range.beginRowIndex )
+                    : ( !len ? (cellInfo.rowIndex < 1 ? 0 : (cellInfo.rowIndex - 1)) : range.beginRowIndex);
+                previewColIndex = !top ? ( !len ? (cellInfo.colIndex < 1 ? 0 : (cellInfo.colIndex - 1)) : range.beginColIndex - 1)
+                    : ( !len ? cellInfo.colIndex : range.endColIndex + 1);
+                return this.getCell(this.indexTable[previewRowIndex][previewColIndex].rowIndex, this.indexTable[previewRowIndex][previewColIndex].cellIndex);
+            } catch (e) {
+                showError(e);
+            }
+        },
+        /**
+         * 移动单元格中的内容
+         */
+        moveContent:function (cellTo, cellFrom) {
+            if (UETable.isEmptyBlock(cellFrom)) return;
+            if (UETable.isEmptyBlock(cellTo)) {
+                cellTo.innerHTML = cellFrom.innerHTML;
+                return;
+            }
+            var child = cellTo.lastChild;
+            if (child.nodeType == 3 || !dtd.$block[child.tagName]) {
+                cellTo.appendChild(cellTo.ownerDocument.createElement('br'))
+            }
+            while (child = cellFrom.firstChild) {
+                cellTo.appendChild(child);
+            }
+        },
+        /**
+         * 向右合并单元格
+         */
+        mergeRight:function (cell) {
+            var cellInfo = this.getCellInfo(cell),
+                rightColIndex = cellInfo.colIndex + cellInfo.colSpan,
+                rightCellInfo = this.indexTable[cellInfo.rowIndex][rightColIndex],
+                rightCell = this.getCell(rightCellInfo.rowIndex, rightCellInfo.cellIndex);
+            //合并
+            cell.colSpan = cellInfo.colSpan + rightCellInfo.colSpan;
+            //被合并的单元格不应存在宽度属性
+            cell.removeAttribute("width");
+            //移动内容
+            this.moveContent(cell, rightCell);
+            //删掉被合并的Cell
+            this.deleteCell(rightCell, rightCellInfo.rowIndex);
+            this.update();
+        },
+        /**
+         * 向下合并单元格
+         */
+        mergeDown:function (cell) {
+            var cellInfo = this.getCellInfo(cell),
+                downRowIndex = cellInfo.rowIndex + cellInfo.rowSpan,
+                downCellInfo = this.indexTable[downRowIndex][cellInfo.colIndex],
+                downCell = this.getCell(downCellInfo.rowIndex, downCellInfo.cellIndex);
+            cell.rowSpan = cellInfo.rowSpan + downCellInfo.rowSpan;
+            cell.removeAttribute("height");
+            this.moveContent(cell, downCell);
+            this.deleteCell(downCell, downCellInfo.rowIndex);
+            this.update();
+        },
+        /**
+         * 合并整个range中的内容
+         */
+        mergeRange:function () {
+            //由于合并操作可以在任意时刻进行，所以无法通过鼠标位置等信息实时生成range，只能通过缓存实例中的cellsRange对象来访问
+            var range = this.cellsRange,
+                leftTopCell = this.getCell(range.beginRowIndex, this.indexTable[range.beginRowIndex][range.beginColIndex].cellIndex);
+
+            if (leftTopCell.tagName == "TH" && range.endRowIndex !== range.beginRowIndex) {
+                var index = this.indexTable,
+                    info = this.getCellInfo(leftTopCell);
+                leftTopCell = this.getCell(1, index[1][info.colIndex].cellIndex);
+                range = this.getCellsRange(leftTopCell, this.getCell(index[this.rowsNum - 1][info.colIndex].rowIndex, index[this.rowsNum - 1][info.colIndex].cellIndex));
+            }
+
+            // 删除剩余的Cells
+            var cells = this.getCells(range);
+            for(var i= 0,ci;ci=cells[i++];){
+                if (ci !== leftTopCell) {
+                    this.moveContent(leftTopCell, ci);
+                    this.deleteCell(ci);
+                }
+            }
+            // 修改左上角Cell的rowSpan和colSpan，并调整宽度属性设置
+            leftTopCell.rowSpan = range.endRowIndex - range.beginRowIndex + 1;
+            leftTopCell.rowSpan > 1 && leftTopCell.removeAttribute("height");
+            leftTopCell.colSpan = range.endColIndex - range.beginColIndex + 1;
+            leftTopCell.colSpan > 1 && leftTopCell.removeAttribute("width");
+            if (leftTopCell.rowSpan == this.rowsNum && leftTopCell.colSpan != 1) {
+                leftTopCell.colSpan = 1;
+            }
+
+            if (leftTopCell.colSpan == this.colsNum && leftTopCell.rowSpan != 1) {
+                var rowIndex = leftTopCell.parentNode.rowIndex;
+                //解决IE下的表格操作问题
+                if( this.table.deleteRow ) {
+                    for (var i = rowIndex+ 1, curIndex=rowIndex+ 1, len=leftTopCell.rowSpan; i < len; i++) {
+                        this.table.deleteRow(curIndex);
+                    }
+                } else {
+                    for (var i = 0, len=leftTopCell.rowSpan - 1; i < len; i++) {
+                        var row = this.table.rows[rowIndex + 1];
+                        row.parentNode.removeChild(row);
+                    }
+                }
+                leftTopCell.rowSpan = 1;
+            }
+            this.update();
+        },
+        /**
+         * 插入一行单元格
+         */
+        insertRow:function (rowIndex, sourceCell) {
+            var numCols = this.colsNum,
+                table = this.table,
+                row = table.insertRow(rowIndex), cell,
+                isInsertTitle = typeof sourceCell == 'string' && sourceCell.toUpperCase() == 'TH';
+
+            function replaceTdToTh(colIndex, cell, tableRow) {
+                if (colIndex == 0) {
+                    var tr = tableRow.nextSibling || tableRow.previousSibling,
+                        th = tr.cells[colIndex];
+                    if (th.tagName == 'TH') {
+                        th = cell.ownerDocument.createElement("th");
+                        th.appendChild(cell.firstChild);
+                        tableRow.insertBefore(th, cell);
+                        domUtils.remove(cell)
+                    }
+                }else{
+                    if (cell.tagName == 'TH') {
+                        var td = cell.ownerDocument.createElement("td");
+                        td.appendChild(cell.firstChild);
+                        tableRow.insertBefore(td, cell);
+                        domUtils.remove(cell)
+                    }
+                }
+            }
+
+            //首行直接插入,无需考虑部分单元格被rowspan的情况
+            if (rowIndex == 0 || rowIndex == this.rowsNum) {
+                for (var colIndex = 0; colIndex < numCols; colIndex++) {
+                    cell = this.cloneCell(sourceCell, true);
+                    this.setCellContent(cell);
+                    cell.getAttribute('vAlign') && cell.setAttribute('vAlign', cell.getAttribute('vAlign'));
+                    row.appendChild(cell);
+                    if(!isInsertTitle) replaceTdToTh(colIndex, cell, row);
+                }
+            } else {
+                var infoRow = this.indexTable[rowIndex],
+                    cellIndex = 0;
+                for (colIndex = 0; colIndex < numCols; colIndex++) {
+                    var cellInfo = infoRow[colIndex];
+                    //如果存在某个单元格的rowspan穿过待插入行的位置，则修改该单元格的rowspan即可，无需插入单元格
+                    if (cellInfo.rowIndex < rowIndex) {
+                        cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
+                        cell.rowSpan = cellInfo.rowSpan + 1;
+                    } else {
+                        cell = this.cloneCell(sourceCell, true);
+                        this.setCellContent(cell);
+                        row.appendChild(cell);
+                    }
+                    if(!isInsertTitle) replaceTdToTh(colIndex, cell, row);
+                }
+            }
+            //框选时插入不触发contentchange，需要手动更新索引。
+            this.update();
+            return row;
+        },
+        /**
+         * 删除一行单元格
+         * @param rowIndex
+         */
+        deleteRow:function (rowIndex) {
+            var row = this.table.rows[rowIndex],
+                infoRow = this.indexTable[rowIndex],
+                colsNum = this.colsNum,
+                count = 0;     //处理计数
+            for (var colIndex = 0; colIndex < colsNum;) {
+                var cellInfo = infoRow[colIndex],
+                    cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
+                if (cell.rowSpan > 1) {
+                    if (cellInfo.rowIndex == rowIndex) {
+                        var clone = cell.cloneNode(true);
+                        clone.rowSpan = cell.rowSpan - 1;
+                        clone.innerHTML = "";
+                        cell.rowSpan = 1;
+                        var nextRowIndex = rowIndex + 1,
+                            nextRow = this.table.rows[nextRowIndex],
+                            insertCellIndex,
+                            preMerged = this.getPreviewMergedCellsNum(nextRowIndex, colIndex) - count;
+                        if (preMerged < colIndex) {
+                            insertCellIndex = colIndex - preMerged - 1;
+                            //nextRow.insertCell(insertCellIndex);
+                            domUtils.insertAfter(nextRow.cells[insertCellIndex], clone);
+                        } else {
+                            if (nextRow.cells.length) nextRow.insertBefore(clone, nextRow.cells[0])
+                        }
+                        count += 1;
+                        //cell.parentNode.removeChild(cell);
+                    }
+                }
+                colIndex += cell.colSpan || 1;
+            }
+            var deleteTds = [], cacheMap = {};
+            for (colIndex = 0; colIndex < colsNum; colIndex++) {
+                var tmpRowIndex = infoRow[colIndex].rowIndex,
+                    tmpCellIndex = infoRow[colIndex].cellIndex,
+                    key = tmpRowIndex + "_" + tmpCellIndex;
+                if (cacheMap[key])continue;
+                cacheMap[key] = 1;
+                cell = this.getCell(tmpRowIndex, tmpCellIndex);
+                deleteTds.push(cell);
+            }
+            var mergeTds = [];
+            utils.each(deleteTds, function (td) {
+                if (td.rowSpan == 1) {
+                    td.parentNode.removeChild(td);
+                } else {
+                    mergeTds.push(td);
+                }
+            });
+            utils.each(mergeTds, function (td) {
+                td.rowSpan--;
+            });
+            row.parentNode.removeChild(row);
+            //浏览器方法本身存在bug,采用自定义方法删除
+            //this.table.deleteRow(rowIndex);
+            this.update();
+        },
+        insertCol:function (colIndex, sourceCell, defaultValue) {
+            var rowsNum = this.rowsNum,
+                rowIndex = 0,
+                tableRow, cell,
+                backWidth = parseInt((this.table.offsetWidth - (this.colsNum + 1) * 20 - (this.colsNum + 1)) / (this.colsNum + 1), 10),
+                isInsertTitleCol = typeof sourceCell == 'string' && sourceCell.toUpperCase() == 'TH';
+
+            function replaceTdToTh(rowIndex, cell, tableRow) {
+                if (rowIndex == 0) {
+                    var th = cell.nextSibling || cell.previousSibling;
+                    if (th.tagName == 'TH') {
+                        th = cell.ownerDocument.createElement("th");
+                        th.appendChild(cell.firstChild);
+                        tableRow.insertBefore(th, cell);
+                        domUtils.remove(cell)
+                    }
+                }else{
+                    if (cell.tagName == 'TH') {
+                        var td = cell.ownerDocument.createElement("td");
+                        td.appendChild(cell.firstChild);
+                        tableRow.insertBefore(td, cell);
+                        domUtils.remove(cell)
+                    }
+                }
+            }
+
+            var preCell;
+            if (colIndex == 0 || colIndex == this.colsNum) {
+                for (; rowIndex < rowsNum; rowIndex++) {
+                    tableRow = this.table.rows[rowIndex];
+                    preCell = tableRow.cells[colIndex == 0 ? colIndex : tableRow.cells.length];
+                    cell = this.cloneCell(sourceCell, true); //tableRow.insertCell(colIndex == 0 ? colIndex : tableRow.cells.length);
+                    this.setCellContent(cell);
+                    cell.setAttribute('vAlign', cell.getAttribute('vAlign'));
+                    preCell && cell.setAttribute('width', preCell.getAttribute('width'));
+                    if (!colIndex) {
+                        tableRow.insertBefore(cell, tableRow.cells[0]);
+                    } else {
+                        domUtils.insertAfter(tableRow.cells[tableRow.cells.length - 1], cell);
+                    }
+                    if(!isInsertTitleCol) replaceTdToTh(rowIndex, cell, tableRow)
+                }
+            } else {
+                for (; rowIndex < rowsNum; rowIndex++) {
+                    var cellInfo = this.indexTable[rowIndex][colIndex];
+                    if (cellInfo.colIndex < colIndex) {
+                        cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
+                        cell.colSpan = cellInfo.colSpan + 1;
+                    } else {
+                        tableRow = this.table.rows[rowIndex];
+                        preCell = tableRow.cells[cellInfo.cellIndex];
+
+                        cell = this.cloneCell(sourceCell, true);//tableRow.insertCell(cellInfo.cellIndex);
+                        this.setCellContent(cell);
+                        cell.setAttribute('vAlign', cell.getAttribute('vAlign'));
+                        preCell && cell.setAttribute('width', preCell.getAttribute('width'));
+                        //防止IE下报错
+                        preCell ? tableRow.insertBefore(cell, preCell) : tableRow.appendChild(cell);
+                    }
+                    if(!isInsertTitleCol) replaceTdToTh(rowIndex, cell, tableRow);
+                }
+            }
+            //框选时插入不触发contentchange，需要手动更新索引
+            this.update();
+            this.updateWidth(backWidth, defaultValue || {tdPadding:10, tdBorder:1});
+        },
+        updateWidth:function (width, defaultValue) {
+            var table = this.table,
+                tmpWidth = UETable.getWidth(table) - defaultValue.tdPadding * 2 - defaultValue.tdBorder + width;
+            if (tmpWidth < table.ownerDocument.body.offsetWidth) {
+                table.setAttribute("width", tmpWidth);
+                return;
+            }
+            var tds = domUtils.getElementsByTagName(this.table, "td th");
+            utils.each(tds, function (td) {
+                td.setAttribute("width", width);
+            })
+        },
+        deleteCol:function (colIndex) {
+            var indexTable = this.indexTable,
+                tableRows = this.table.rows,
+                backTableWidth = this.table.getAttribute("width"),
+                backTdWidth = 0,
+                rowsNum = this.rowsNum,
+                cacheMap = {};
+            for (var rowIndex = 0; rowIndex < rowsNum;) {
+                var infoRow = indexTable[rowIndex],
+                    cellInfo = infoRow[colIndex],
+                    key = cellInfo.rowIndex + '_' + cellInfo.colIndex;
+                // 跳过已经处理过的Cell
+                if (cacheMap[key])continue;
+                cacheMap[key] = 1;
+                var cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
+                if (!backTdWidth) backTdWidth = cell && parseInt(cell.offsetWidth / cell.colSpan, 10).toFixed(0);
+                // 如果Cell的colSpan大于1, 就修改colSpan, 否则就删掉这个Cell
+                if (cell.colSpan > 1) {
+                    cell.colSpan--;
+                } else {
+                    tableRows[rowIndex].deleteCell(cellInfo.cellIndex);
+                }
+                rowIndex += cellInfo.rowSpan || 1;
+            }
+            this.table.setAttribute("width", backTableWidth - backTdWidth);
+            this.update();
+        },
+        splitToCells:function (cell) {
+            var me = this,
+                cells = this.splitToRows(cell);
+            utils.each(cells, function (cell) {
+                me.splitToCols(cell);
+            })
+        },
+        splitToRows:function (cell) {
+            var cellInfo = this.getCellInfo(cell),
+                rowIndex = cellInfo.rowIndex,
+                colIndex = cellInfo.colIndex,
+                results = [];
+            // 修改Cell的rowSpan
+            cell.rowSpan = 1;
+            results.push(cell);
+            // 补齐单元格
+            for (var i = rowIndex, endRow = rowIndex + cellInfo.rowSpan; i < endRow; i++) {
+                if (i == rowIndex)continue;
+                var tableRow = this.table.rows[i],
+                    tmpCell = tableRow.insertCell(colIndex - this.getPreviewMergedCellsNum(i, colIndex));
+                tmpCell.colSpan = cellInfo.colSpan;
+                this.setCellContent(tmpCell);
+                tmpCell.setAttribute('vAlign', cell.getAttribute('vAlign'));
+                tmpCell.setAttribute('align', cell.getAttribute('align'));
+                if (cell.style.cssText) {
+                    tmpCell.style.cssText = cell.style.cssText;
+                }
+                results.push(tmpCell);
+            }
+            this.update();
+            return results;
+        },
+        getPreviewMergedCellsNum:function (rowIndex, colIndex) {
+            var indexRow = this.indexTable[rowIndex],
+                num = 0;
+            for (var i = 0; i < colIndex;) {
+                var colSpan = indexRow[i].colSpan,
+                    tmpRowIndex = indexRow[i].rowIndex;
+                num += (colSpan - (tmpRowIndex == rowIndex ? 1 : 0));
+                i += colSpan;
+            }
+            return num;
+        },
+        splitToCols:function (cell) {
+            var backWidth = (cell.offsetWidth / cell.colSpan - 22).toFixed(0),
+
+                cellInfo = this.getCellInfo(cell),
+                rowIndex = cellInfo.rowIndex,
+                colIndex = cellInfo.colIndex,
+                results = [];
+            // 修改Cell的rowSpan
+            cell.colSpan = 1;
+            cell.setAttribute("width", backWidth);
+            results.push(cell);
+            // 补齐单元格
+            for (var j = colIndex, endCol = colIndex + cellInfo.colSpan; j < endCol; j++) {
+                if (j == colIndex)continue;
+                var tableRow = this.table.rows[rowIndex],
+                    tmpCell = tableRow.insertCell(this.indexTable[rowIndex][j].cellIndex + 1);
+                tmpCell.rowSpan = cellInfo.rowSpan;
+                this.setCellContent(tmpCell);
+                tmpCell.setAttribute('vAlign', cell.getAttribute('vAlign'));
+                tmpCell.setAttribute('align', cell.getAttribute('align'));
+                tmpCell.setAttribute('width', backWidth);
+                if (cell.style.cssText) {
+                    tmpCell.style.cssText = cell.style.cssText;
+                }
+                //处理th的情况
+                if (cell.tagName == 'TH') {
+                    var th = cell.ownerDocument.createElement('th');
+                    th.appendChild(tmpCell.firstChild);
+                    th.setAttribute('vAlign', cell.getAttribute('vAlign'));
+                    th.rowSpan = tmpCell.rowSpan;
+                    tableRow.insertBefore(th, tmpCell);
+                    domUtils.remove(tmpCell);
+                }
+                results.push(tmpCell);
+            }
+            this.update();
+            return results;
+        },
+        isLastCell:function (cell, rowsNum, colsNum) {
+            rowsNum = rowsNum || this.rowsNum;
+            colsNum = colsNum || this.colsNum;
+            var cellInfo = this.getCellInfo(cell);
+            return ((cellInfo.rowIndex + cellInfo.rowSpan) == rowsNum) &&
+                ((cellInfo.colIndex + cellInfo.colSpan) == colsNum);
+        },
+        getLastCell:function (cells) {
+            cells = cells || this.table.getElementsByTagName("td");
+            var firstInfo = this.getCellInfo(cells[0]);
+            var me = this, last = cells[0],
+                tr = last.parentNode,
+                cellsNum = 0, cols = 0, rows;
+            utils.each(cells, function (cell) {
+                if (cell.parentNode == tr)cols += cell.colSpan || 1;
+                cellsNum += cell.rowSpan * cell.colSpan || 1;
+            });
+            rows = cellsNum / cols;
+            utils.each(cells, function (cell) {
+                if (me.isLastCell(cell, rows, cols)) {
+                    last = cell;
+                    return false;
+                }
+            });
+            return last;
+
+        },
+        selectRow:function (rowIndex) {
+            var indexRow = this.indexTable[rowIndex],
+                start = this.getCell(indexRow[0].rowIndex, indexRow[0].cellIndex),
+                end = this.getCell(indexRow[this.colsNum - 1].rowIndex, indexRow[this.colsNum - 1].cellIndex),
+                range = this.getCellsRange(start, end);
+            this.setSelected(range);
+        },
+        selectTable:function () {
+            var tds = this.table.getElementsByTagName("td"),
+                range = this.getCellsRange(tds[0], tds[tds.length - 1]);
+            this.setSelected(range);
+        },
+        setBackground:function (cells, value) {
+            if (typeof value === "string") {
+                utils.each(cells, function (cell) {
+                    cell.style.backgroundColor = value;
+                })
+            } else if (typeof value === "object") {
+                value = utils.extend({
+                    repeat:true,
+                    colorList:["#ddd", "#fff"]
+                }, value);
+                var rowIndex = this.getCellInfo(cells[0]).rowIndex,
+                    count = 0,
+                    colors = value.colorList,
+                    getColor = function (list, index, repeat) {
+                        return list[index] ? list[index] : repeat ? list[index % list.length] : "";
+                    };
+                for (var i = 0, cell; cell = cells[i++];) {
+                    var cellInfo = this.getCellInfo(cell);
+                    cell.style.backgroundColor = getColor(colors, ((rowIndex + count) == cellInfo.rowIndex) ? count : ++count, value.repeat);
+                }
+            }
+        },
+        removeBackground:function (cells) {
+            utils.each(cells, function (cell) {
+                cell.style.backgroundColor = "";
+            })
+        }
+
+
+    };
+    function showError(e) {
+    }
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.sort.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.sort.js
new file mode 100644
index 000000000..12030043e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/table.sort.js
@@ -0,0 +1,165 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: Jinqn
+ * Date: 13-10-12
+ * Time: 上午10:20
+ * To change this template use File | Settings | File Templates.
+ */
+
+UE.UETable.prototype.sortTable = function (sortByCellIndex, compareFn) {
+    var table = this.table,
+        rows = table.rows,
+        trArray = [],
+        flag = rows[0].cells[0].tagName === "TH",
+        lastRowIndex = 0;
+    if(this.selectedTds.length){
+        var range = this.cellsRange,
+            len = range.endRowIndex + 1;
+        for (var i = range.beginRowIndex; i < len; i++) {
+            trArray[i] = rows[i];
+        }
+        trArray.splice(0,range.beginRowIndex);
+        lastRowIndex = (range.endRowIndex +1) === this.rowsNum ? 0 : range.endRowIndex +1;
+    }else{
+        for (var i = 0,len = rows.length; i < len; i++) {
+            trArray[i] = rows[i];
+        }
+    }
+
+    var Fn = {
+        'reversecurrent': function(td1,td2){
+            return 1;
+        },
+        'orderbyasc': function(td1,td2){
+            var value1 = td1.innerText||td1.textContent,
+                value2 = td2.innerText||td2.textContent;
+            return value1.localeCompare(value2);
+        },
+        'reversebyasc': function(td1,td2){
+            var value1 = td1.innerHTML,
+                value2 = td2.innerHTML;
+            return value2.localeCompare(value1);
+        },
+        'orderbynum': function(td1,td2){
+            var value1 = td1[browser.ie ? 'innerText':'textContent'].match(/\d+/),
+                value2 = td2[browser.ie ? 'innerText':'textContent'].match(/\d+/);
+            if(value1) value1 = +value1[0];
+            if(value2) value2 = +value2[0];
+            return (value1||0) - (value2||0);
+        },
+        'reversebynum': function(td1,td2){
+            var value1 = td1[browser.ie ? 'innerText':'textContent'].match(/\d+/),
+                value2 = td2[browser.ie ? 'innerText':'textContent'].match(/\d+/);
+            if(value1) value1 = +value1[0];
+            if(value2) value2 = +value2[0];
+            return (value2||0) - (value1||0);
+        }
+    };
+
+    //对表格设置排序的标记data-sort-type
+    table.setAttribute('data-sort-type', compareFn && typeof compareFn === "string" && Fn[compareFn] ? compareFn:'');
+
+    //th不参与排序
+    flag && trArray.splice(0, 1);
+    trArray = utils.sort(trArray,function (tr1, tr2) {
+        var result;
+        if (compareFn && typeof compareFn === "function") {
+            result = compareFn.call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex]);
+        } else if (compareFn && typeof compareFn === "number") {
+            result = 1;
+        } else if (compareFn && typeof compareFn === "string" && Fn[compareFn]) {
+            result = Fn[compareFn].call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex]);
+        } else {
+            result = Fn['orderbyasc'].call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex]);
+        }
+        return result;
+    });
+    var fragment = table.ownerDocument.createDocumentFragment();
+    for (var j = 0, len = trArray.length; j < len; j++) {
+        fragment.appendChild(trArray[j]);
+    }
+    var tbody = table.getElementsByTagName("tbody")[0];
+    if(!lastRowIndex){
+        tbody.appendChild(fragment);
+    }else{
+        tbody.insertBefore(fragment,rows[lastRowIndex- range.endRowIndex + range.beginRowIndex - 1])
+    }
+};
+
+UE.plugins['tablesort'] = function () {
+    var me = this,
+        UT = UE.UETable,
+        getUETable = function (tdOrTable) {
+            return UT.getUETable(tdOrTable);
+        },
+        getTableItemsByRange = function (editor) {
+            return UT.getTableItemsByRange(editor);
+        };
+
+
+    me.ready(function () {
+        //添加表格可排序的样式
+        utils.cssRule('tablesort',
+            'table.sortEnabled tr.firstRow th,table.sortEnabled tr.firstRow td{padding-right:20px;background-repeat: no-repeat;background-position: center right;' +
+                '   background-image:url(' + me.options.themePath + me.options.theme + '/images/sortable.png);}',
+            me.document);
+
+        //做单元格合并操作时,清除可排序标识
+        me.addListener("afterexeccommand", function (type, cmd) {
+            if( cmd == 'mergeright' || cmd == 'mergedown' || cmd == 'mergecells') {
+                this.execCommand('disablesort');
+            }
+        });
+    });
+
+
+
+    //表格排序
+    UE.commands['sorttable'] = {
+        queryCommandState: function () {
+            var me = this,
+                tableItems = getTableItemsByRange(me);
+            if (!tableItems.cell) return -1;
+            var table = tableItems.table,
+                cells = table.getElementsByTagName("td");
+            for (var i = 0, cell; cell = cells[i++];) {
+                if (cell.rowSpan != 1 || cell.colSpan != 1) return -1;
+            }
+            return 0;
+        },
+        execCommand: function (cmd, fn) {
+            var me = this,
+                range = me.selection.getRange(),
+                bk = range.createBookmark(true),
+                tableItems = getTableItemsByRange(me),
+                cell = tableItems.cell,
+                ut = getUETable(tableItems.table),
+                cellInfo = ut.getCellInfo(cell);
+            ut.sortTable(cellInfo.cellIndex, fn);
+            range.moveToBookmark(bk);
+            try{
+                range.select();
+            }catch(e){}
+        }
+    };
+
+    //设置表格可排序,清除表格可排序
+    UE.commands["enablesort"] = UE.commands["disablesort"] = {
+        queryCommandState: function (cmd) {
+            var table = getTableItemsByRange(this).table;
+            if(table && cmd=='enablesort') {
+                var cells = domUtils.getElementsByTagName(table, 'th td');
+                for(var i = 0; i<cells.length; i++) {
+                    if(cells[i].getAttribute('colspan')>1 || cells[i].getAttribute('rowspan')>1) return -1;
+                }
+            }
+
+            return !table ? -1: cmd=='enablesort' ^ table.getAttribute('data-sort')!='sortEnabled' ? -1:0;
+        },
+        execCommand: function (cmd) {
+            var table = getTableItemsByRange(this).table;
+            table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled");
+            cmd == "enablesort" ? domUtils.addClass(table,"sortEnabled"):domUtils.removeClasses(table,"sortEnabled");
+        }
+    };
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/template.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/template.js
new file mode 100644
index 000000000..c3d13c5aa
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/template.js
@@ -0,0 +1,39 @@
+///import core
+///import plugins\inserthtml.js
+///import plugins\cleardoc.js
+///commands 模板
+///commandsName  template
+///commandsTitle  模板
+///commandsDialog  dialogs\template
+UE.plugins['template'] = function () {
+    UE.commands['template'] = {
+        execCommand:function (cmd, obj) {
+            obj.html && this.execCommand("inserthtml", obj.html);
+        }
+    };
+    this.addListener("click", function (type, evt) {
+        var el = evt.target || evt.srcElement,
+            range = this.selection.getRange();
+        var tnode = domUtils.findParent(el, function (node) {
+            if (node.className && domUtils.hasClass(node, "ue_t")) {
+                return node;
+            }
+        }, true);
+        tnode && range.selectNode(tnode).shrinkBoundary().select();
+    });
+    this.addListener("keydown", function (type, evt) {
+        var range = this.selection.getRange();
+        if (!range.collapsed) {
+            if (!evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !evt.altKey) {
+                var tnode = domUtils.findParent(range.startContainer, function (node) {
+                    if (node.className && domUtils.hasClass(node, "ue_t")) {
+                        return node;
+                    }
+                }, true);
+                if (tnode) {
+                    domUtils.removeClasses(tnode, ["ue_t"]);
+                }
+            }
+        }
+    });
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/time.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/time.js
new file mode 100644
index 000000000..3fdfd62c3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/time.js
@@ -0,0 +1,50 @@
+/**
+ * 插入时间和日期
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 插入时间，默认格式：12:59:59
+ * @command time
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'time');
+ * ```
+ */
+
+/**
+ * 插入日期，默认格式：2013-08-30
+ * @command date
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'date');
+ * ```
+ */
+UE.commands['time'] = UE.commands["date"] = {
+    execCommand : function(cmd, format){
+        var date = new Date;
+
+        function formatTime(date, format) {
+            var hh = ('0' + date.getHours()).slice(-2),
+                ii = ('0' + date.getMinutes()).slice(-2),
+                ss = ('0' + date.getSeconds()).slice(-2);
+            format = format || 'hh:ii:ss';
+            return format.replace(/hh/ig, hh).replace(/ii/ig, ii).replace(/ss/ig, ss);
+        }
+        function formatDate(date, format) {
+            var yyyy = ('000' + date.getFullYear()).slice(-4),
+                yy = yyyy.slice(-2),
+                mm = ('0' + (date.getMonth()+1)).slice(-2),
+                dd = ('0' + date.getDate()).slice(-2);
+            format = format || 'yyyy-mm-dd';
+            return format.replace(/yyyy/ig, yyyy).replace(/yy/ig, yy).replace(/mm/ig, mm).replace(/dd/ig, dd);
+        }
+
+        this.execCommand('insertHtml',cmd == "time" ? formatTime(date, format):formatDate(date, format) );
+    }
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/undo.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/undo.js
new file mode 100644
index 000000000..93dd94839
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/undo.js
@@ -0,0 +1,298 @@
+/**
+ * undo redo
+ * @file
+ * @since 1.2.6.1
+ */
+
+/**
+ * 撤销上一次执行的命令
+ * @command undo
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'undo' );
+ * ```
+ */
+
+/**
+ * 重做上一次执行的命令
+ * @command redo
+ * @method execCommand
+ * @param { String } cmd 命令字符串
+ * @example
+ * ```javascript
+ * editor.execCommand( 'redo' );
+ * ```
+ */
+
+UE.plugins['undo'] = function () {
+    var saveSceneTimer;
+    var me = this,
+        maxUndoCount = me.options.maxUndoCount || 20,
+        maxInputCount = me.options.maxInputCount || 20,
+        fillchar = new RegExp(domUtils.fillChar + '|<\/hr>', 'gi');// ie会产生多余的</hr>
+    var noNeedFillCharTags = {
+        ol:1,ul:1,table:1,tbody:1,tr:1,body:1
+    };
+    var orgState = me.options.autoClearEmptyNode;
+    function compareAddr(indexA, indexB) {
+        if (indexA.length != indexB.length)
+            return 0;
+        for (var i = 0, l = indexA.length; i < l; i++) {
+            if (indexA[i] != indexB[i])
+                return 0
+        }
+        return 1;
+    }
+
+    function compareRangeAddress(rngAddrA, rngAddrB) {
+        if (rngAddrA.collapsed != rngAddrB.collapsed) {
+            return 0;
+        }
+        if (!compareAddr(rngAddrA.startAddress, rngAddrB.startAddress) || !compareAddr(rngAddrA.endAddress, rngAddrB.endAddress)) {
+            return 0;
+        }
+        return 1;
+    }
+
+    function UndoManager() {
+        this.list = [];
+        this.index = 0;
+        this.hasUndo = false;
+        this.hasRedo = false;
+        this.undo = function () {
+            if (this.hasUndo) {
+                if (!this.list[this.index - 1] && this.list.length == 1) {
+                    this.reset();
+                    return;
+                }
+                while (this.list[this.index].content == this.list[this.index - 1].content) {
+                    this.index--;
+                    if (this.index == 0) {
+                        return this.restore(0);
+                    }
+                }
+                this.restore(--this.index);
+            }
+        };
+        this.redo = function () {
+            if (this.hasRedo) {
+                while (this.list[this.index].content == this.list[this.index + 1].content) {
+                    this.index++;
+                    if (this.index == this.list.length - 1) {
+                        return this.restore(this.index);
+                    }
+                }
+                this.restore(++this.index);
+            }
+        };
+
+        this.restore = function () {
+            var me = this.editor;
+            var scene = this.list[this.index];
+            var root = UE.htmlparser(scene.content.replace(fillchar, ''));
+            me.options.autoClearEmptyNode = false;
+            me.filterInputRule(root);
+            me.options.autoClearEmptyNode = orgState;
+            //trace:873
+            //去掉展位符
+            me.document.body.innerHTML = root.toHtml();
+            me.fireEvent('afterscencerestore');
+            //处理undo后空格不展位的问题
+            if (browser.ie) {
+                utils.each(domUtils.getElementsByTagName(me.document,'td th caption p'),function(node){
+                    if(domUtils.isEmptyNode(node)){
+                        domUtils.fillNode(me.document, node);
+                    }
+                })
+            }
+
+            try{
+                var rng = new dom.Range(me.document).moveToAddress(scene.address);
+                rng.select(noNeedFillCharTags[rng.startContainer.nodeName.toLowerCase()]);
+            }catch(e){}
+
+            this.update();
+            this.clearKey();
+            //不能把自己reset了
+            me.fireEvent('reset', true);
+        };
+
+        this.getScene = function () {
+            var me = this.editor;
+            var rng = me.selection.getRange(),
+                rngAddress = rng.createAddress(false,true);
+            me.fireEvent('beforegetscene');
+            var root = UE.htmlparser(me.body.innerHTML);
+            me.options.autoClearEmptyNode = false;
+            me.filterOutputRule(root);
+            me.options.autoClearEmptyNode = orgState;
+            var cont = root.toHtml();
+            //trace:3461
+            //这个会引起回退时导致空格丢失的情况
+//            browser.ie && (cont = cont.replace(/>&nbsp;</g, '><').replace(/\s*</g, '<').replace(/>\s*/g, '>'));
+            me.fireEvent('aftergetscene');
+
+            return {
+                address:rngAddress,
+                content:cont
+            }
+        };
+        this.save = function (notCompareRange,notSetCursor) {
+            clearTimeout(saveSceneTimer);
+            var currentScene = this.getScene(notSetCursor),
+                lastScene = this.list[this.index];
+
+            if(lastScene && lastScene.content != currentScene.content){
+                me.trigger('contentchange')
+            }
+            //内容相同位置相同不存
+            if (lastScene && lastScene.content == currentScene.content &&
+                ( notCompareRange ? 1 : compareRangeAddress(lastScene.address, currentScene.address) )
+                ) {
+                return;
+            }
+            this.list = this.list.slice(0, this.index + 1);
+            this.list.push(currentScene);
+            //如果大于最大数量了，就把最前的剔除
+            if (this.list.length > maxUndoCount) {
+                this.list.shift();
+            }
+            this.index = this.list.length - 1;
+            this.clearKey();
+            //跟新undo/redo状态
+            this.update();
+
+        };
+        this.update = function () {
+            this.hasRedo = !!this.list[this.index + 1];
+            this.hasUndo = !!this.list[this.index - 1];
+        };
+        this.reset = function () {
+            this.list = [];
+            this.index = 0;
+            this.hasUndo = false;
+            this.hasRedo = false;
+            this.clearKey();
+        };
+        this.clearKey = function () {
+            keycont = 0;
+            lastKeyCode = null;
+        };
+    }
+
+    me.undoManger = new UndoManager();
+    me.undoManger.editor = me;
+    function saveScene() {
+        this.undoManger.save();
+    }
+
+    me.addListener('saveScene', function () {
+        var args = Array.prototype.splice.call(arguments,1);
+        this.undoManger.save.apply(this.undoManger,args);
+    });
+
+//    me.addListener('beforeexeccommand', saveScene);
+//    me.addListener('afterexeccommand', saveScene);
+
+    me.addListener('reset', function (type, exclude) {
+        if (!exclude) {
+            this.undoManger.reset();
+        }
+    });
+    me.commands['redo'] = me.commands['undo'] = {
+        execCommand:function (cmdName) {
+            this.undoManger[cmdName]();
+        },
+        queryCommandState:function (cmdName) {
+            return this.undoManger['has' + (cmdName.toLowerCase() == 'undo' ? 'Undo' : 'Redo')] ? 0 : -1;
+        },
+        notNeedUndo:1
+    };
+
+    var keys = {
+            //  /*Backspace*/ 8:1, /*Delete*/ 46:1,
+            /*Shift*/ 16:1, /*Ctrl*/ 17:1, /*Alt*/ 18:1,
+            37:1, 38:1, 39:1, 40:1
+
+        },
+        keycont = 0,
+        lastKeyCode;
+    //输入法状态下不计算字符数
+    var inputType = false;
+    me.addListener('ready', function () {
+        domUtils.on(this.body, 'compositionstart', function () {
+            inputType = true;
+        });
+        domUtils.on(this.body, 'compositionend', function () {
+            inputType = false;
+        })
+    });
+    //快捷键
+    me.addshortcutkey({
+        "Undo":"ctrl+90", //undo
+        "Redo":"ctrl+89" //redo
+
+    });
+    var isCollapsed = true;
+    me.addListener('keydown', function (type, evt) {
+
+        var me = this;
+        var keyCode = evt.keyCode || evt.which;
+        if (!keys[keyCode] && !evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !evt.altKey) {
+            if (inputType)
+                return;
+
+            if(!me.selection.getRange().collapsed){
+                me.undoManger.save(false,true);
+                isCollapsed = false;
+                return;
+            }
+            if (me.undoManger.list.length == 0) {
+                me.undoManger.save(true);
+            }
+            clearTimeout(saveSceneTimer);
+            function save(cont){
+                cont.undoManger.save(false,true);
+                cont.fireEvent('selectionchange');
+            }
+            saveSceneTimer = setTimeout(function(){
+                if(inputType){
+                    var interalTimer = setInterval(function(){
+                        if(!inputType){
+                            save(me);
+                            clearInterval(interalTimer)
+                        }
+                    },300)
+                    return;
+                }
+                save(me);
+            },200);
+
+            lastKeyCode = keyCode;
+            keycont++;
+            if (keycont >= maxInputCount ) {
+                save(me)
+            }
+        }
+    });
+    me.addListener('keyup', function (type, evt) {
+        var keyCode = evt.keyCode || evt.which;
+        if (!keys[keyCode] && !evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !evt.altKey) {
+            if (inputType)
+                return;
+            if(!isCollapsed){
+                this.undoManger.save(false,true);
+                isCollapsed = true;
+            }
+        }
+    });
+    //扩展实例，添加关闭和开启命令undo
+    me.stopCmdUndo = function(){
+        me.__hasEnterExecCommand = true;
+    };
+    me.startCmdUndo = function(){
+        me.__hasEnterExecCommand = false;
+    }
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/video.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/video.js
new file mode 100644
index 000000000..08654d7d5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/video.js
@@ -0,0 +1,161 @@
+/**
+ * video插件， 为UEditor提供视频插入支持
+ * @file
+ * @since 1.2.6.1
+ */
+
+UE.plugins['video'] = function (){
+    var me =this;
+
+    /**
+     * 创建插入视频字符窜
+     * @param url 视频地址
+     * @param width 视频宽度
+     * @param height 视频高度
+     * @param align 视频对齐
+     * @param toEmbed 是否以flash代替显示
+     * @param addParagraph  是否需要添加P 标签
+     */
+    function creatInsertStr(url,width,height,id,align,classname,type){
+
+        url = utils.unhtmlForUrl(url);
+        align = utils.unhtml(align);
+        classname = utils.unhtml(classname);
+
+        width = parseInt(width, 10) || 0;
+        height = parseInt(height, 10) || 0;
+
+        var str;
+        switch (type){
+            case 'image':
+                str = '<img ' + (id ? 'id="' + id+'"' : '') + ' width="'+ width +'" height="' + height + '" _url="'+url+'" class="' + classname.replace(/\bvideo-js\b/, '') + '"'  +
+                    ' src="' + me.options.UEDITOR_HOME_URL+'themes/default/images/spacer.gif" style="background:url('+me.options.UEDITOR_HOME_URL+'themes/default/images/videologo.gif) no-repeat center center; border:1px solid gray;'+(align ? 'float:' + align + ';': '')+'" />'
+                break;
+            case 'embed':
+                str = '<embed type="application/x-shockwave-flash" class="' + classname + '" pluginspage="http://www.macromedia.com/go/getflashplayer"' +
+                    ' src="' +  utils.html(url) + '" width="' + width  + '" height="' + height  + '"'  + (align ? ' style="float:' + align + '"': '') +
+                    ' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >';
+                break;
+            case 'video':
+                var ext = url.substr(url.lastIndexOf('.') + 1);
+                if(ext == 'ogv') ext = 'ogg';
+                str = '<video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') +
+                    ' controls preload="none" width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' +
+                    '<source src="' + url + '" type="video/' + ext + '" /></video>';
+                break;
+        }
+        return str;
+    }
+
+    function switchImgAndVideo(root,img2video){
+        utils.each(root.getNodesByTagName(img2video ? 'img' : 'embed video'),function(node){
+            var className = node.getAttr('class');
+            if(className && className.indexOf('edui-faked-video') != -1){
+                var html = creatInsertStr( img2video ? node.getAttr('_url') : node.getAttr('src'),node.getAttr('width'),node.getAttr('height'),null,node.getStyle('float') || '',className,img2video ? 'embed':'image');
+                node.parentNode.replaceChild(UE.uNode.createElement(html),node);
+            }
+            if(className && className.indexOf('edui-upload-video') != -1){
+                var html = creatInsertStr( img2video ? node.getAttr('_url') : node.getAttr('src'),node.getAttr('width'),node.getAttr('height'),null,node.getStyle('float') || '',className,img2video ? 'video':'image');
+                node.parentNode.replaceChild(UE.uNode.createElement(html),node);
+            }
+        })
+    }
+
+    me.addOutputRule(function(root){
+        switchImgAndVideo(root,true)
+    });
+    me.addInputRule(function(root){
+        switchImgAndVideo(root)
+    });
+
+    /**
+     * 插入视频
+     * @command insertvideo
+     * @method execCommand
+     * @param { String } cmd 命令字符串
+     * @param { Object } videoAttr 键值对对象， 描述一个视频的所有属性
+     * @example
+     * ```javascript
+     *
+     * var videoAttr = {
+     *      //视频地址
+     *      url: 'http://www.youku.com/xxx',
+     *      //视频宽高值， 单位px
+     *      width: 200,
+     *      height: 100
+     * };
+     *
+     * //editor 是编辑器实例
+     * //向编辑器插入单个视频
+     * editor.execCommand( 'insertvideo', videoAttr );
+     * ```
+     */
+
+    /**
+     * 插入视频
+     * @command insertvideo
+     * @method execCommand
+     * @param { String } cmd 命令字符串
+     * @param { Array } videoArr 需要插入的视频的数组， 其中的每一个元素都是一个键值对对象， 描述了一个视频的所有属性
+     * @example
+     * ```javascript
+     *
+     * var videoAttr1 = {
+     *      //视频地址
+     *      url: 'http://www.youku.com/xxx',
+     *      //视频宽高值， 单位px
+     *      width: 200,
+     *      height: 100
+     * },
+     * videoAttr2 = {
+     *      //视频地址
+     *      url: 'http://www.youku.com/xxx',
+     *      //视频宽高值， 单位px
+     *      width: 200,
+     *      height: 100
+     * }
+     *
+     * //editor 是编辑器实例
+     * //该方法将会向编辑器内插入两个视频
+     * editor.execCommand( 'insertvideo', [ videoAttr1, videoAttr2 ] );
+     * ```
+     */
+
+    /**
+     * 查询当前光标所在处是否是一个视频
+     * @command insertvideo
+     * @method queryCommandState
+     * @param { String } cmd 需要查询的命令字符串
+     * @return { int } 如果当前光标所在处的元素是一个视频对象， 则返回1，否则返回0
+     * @example
+     * ```javascript
+     *
+     * //editor 是编辑器实例
+     * editor.queryCommandState( 'insertvideo' );
+     * ```
+     */
+    me.commands["insertvideo"] = {
+        execCommand: function (cmd, videoObjs, type){
+            videoObjs = utils.isArray(videoObjs)?videoObjs:[videoObjs];
+            var html = [],id = 'tmpVedio', cl;
+            for(var i=0,vi,len = videoObjs.length;i<len;i++){
+                vi = videoObjs[i];
+                cl = (type == 'upload' ? 'edui-upload-video video-js vjs-default-skin':'edui-faked-video');
+                html.push(creatInsertStr( vi.url, vi.width || 420,  vi.height || 280, id + i, null, cl, 'image'));
+            }
+            me.execCommand("inserthtml",html.join(""),true);
+            var rng = this.selection.getRange();
+            for(var i= 0,len=videoObjs.length;i<len;i++){
+                var img = this.document.getElementById('tmpVedio'+i);
+                domUtils.removeAttributes(img,'id');
+                rng.selectNode(img).select();
+                me.execCommand('imagefloat',videoObjs[i].align)
+            }
+        },
+        queryCommandState : function(){
+            var img = me.selection.getRange().getClosedNode(),
+                flag = img && (img.className == "edui-faked-video" || img.className.indexOf("edui-upload-video")!=-1);
+            return flag ? 1 : 0;
+        }
+    };
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/webapp.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/webapp.js
new file mode 100644
index 000000000..6f295e59b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/webapp.js
@@ -0,0 +1,167 @@
+/**
+ * 百度应用
+ * @file
+ * @since 1.2.6.1
+ */
+
+
+/**
+ * 插入百度应用
+ * @command webapp
+ * @method execCommand
+ * @remind 需要百度APPKey
+ * @remind 百度应用主页： <a href="http://app.baidu.com/" target="_blank">http://app.baidu.com/</a>
+ * @param { Object } appOptions 应用所需的参数项， 支持的key有： title=>应用标题， width=>应用容器宽度，
+ * height=>应用容器高度，logo=>应用logo，url=>应用地址
+ * @example
+ * ```javascript
+ * //editor是编辑器实例
+ * //在编辑器里插入一个“植物大战僵尸”的APP
+ * editor.execCommand( 'webapp' , {
+ *     title: '植物大战僵尸',
+ *     width: 560,
+ *     height: 465,
+ *     logo: '应用展示的图片',
+ *     url: '百度应用的地址'
+ * } );
+ * ```
+ */
+
+//UE.plugins['webapp'] = function () {
+//    var me = this;
+//    function createInsertStr( obj, toIframe, addParagraph ) {
+//        return !toIframe ?
+//                (addParagraph ? '<p>' : '') + '<img title="'+obj.title+'" width="' + obj.width + '" height="' + obj.height + '"' +
+//                        ' src="' + me.options.UEDITOR_HOME_URL + 'themes/default/images/spacer.gif" style="background:url(' + obj.logo+') no-repeat center center; border:1px solid gray;" class="edui-faked-webapp" _url="' + obj.url + '" />' +
+//                        (addParagraph ? '</p>' : '')
+//                :
+//                '<iframe class="edui-faked-webapp" title="'+obj.title+'" width="' + obj.width + '" height="' + obj.height + '"  scrolling="no" frameborder="0" src="' + obj.url + '" logo_url = '+obj.logo+'></iframe>';
+//    }
+//
+//    function switchImgAndIframe( img2frame ) {
+//        var tmpdiv,
+//                nodes = domUtils.getElementsByTagName( me.document, !img2frame ? "iframe" : "img" );
+//        for ( var i = 0, node; node = nodes[i++]; ) {
+//            if ( node.className != "edui-faked-webapp" ){
+//                continue;
+//            }
+//            tmpdiv = me.document.createElement( "div" );
+//            tmpdiv.innerHTML = createInsertStr( img2frame ? {url:node.getAttribute( "_url" ), width:node.width, height:node.height,title:node.title,logo:node.style.backgroundImage.replace("url(","").replace(")","")} : {url:node.getAttribute( "src", 2 ),title:node.title, width:node.width, height:node.height,logo:node.getAttribute("logo_url")}, img2frame ? true : false,false );
+//            node.parentNode.replaceChild( tmpdiv.firstChild, node );
+//        }
+//    }
+//
+//    me.addListener( "beforegetcontent", function () {
+//        switchImgAndIframe( true );
+//    } );
+//    me.addListener( 'aftersetcontent', function () {
+//        switchImgAndIframe( false );
+//    } );
+//    me.addListener( 'aftergetcontent', function ( cmdName ) {
+//        if ( cmdName == 'aftergetcontent' && me.queryCommandState( 'source' ) ){
+//            return;
+//        }
+//        switchImgAndIframe( false );
+//    } );
+//
+//    me.commands['webapp'] = {
+//        execCommand:function ( cmd, obj ) {
+//            me.execCommand( "inserthtml", createInsertStr( obj, false,true ) );
+//        }
+//    };
+//};
+
+UE.plugin.register('webapp', function (){
+    var me = this;
+    function createInsertStr(obj,toEmbed){
+        return  !toEmbed ?
+            '<img title="'+obj.title+'" width="' + obj.width + '" height="' + obj.height + '"' +
+                ' src="' + me.options.UEDITOR_HOME_URL + 'themes/default/images/spacer.gif" _logo_url="'+obj.logo+'" style="background:url(' + obj.logo
+                +') no-repeat center center; border:1px solid gray;" class="edui-faked-webapp" _url="' + obj.url + '" ' +
+                (obj.align && !obj.cssfloat? 'align="' + obj.align + '"' : '') +
+                (obj.cssfloat ? 'style="float:' + obj.cssfloat + '"' : '') +
+                '/>'
+            :
+            '<iframe class="edui-faked-webapp" title="'+obj.title+'" ' +
+                (obj.align && !obj.cssfloat? 'align="' + obj.align + '"' : '') +
+                (obj.cssfloat ? 'style="float:' + obj.cssfloat + '"' : '') +
+                'width="' + obj.width + '" height="' + obj.height + '"  scrolling="no" frameborder="0" src="' + obj.url + '" logo_url = "'+obj.logo+'"></iframe>'
+
+    }
+    return {
+        outputRule: function(root){
+            utils.each(root.getNodesByTagName('img'),function(node){
+                var html;
+                if(node.getAttr('class') == 'edui-faked-webapp'){
+                    html =  createInsertStr({
+                        title:node.getAttr('title'),
+                        'width':node.getAttr('width'),
+                        'height':node.getAttr('height'),
+                        'align':node.getAttr('align'),
+                        'cssfloat':node.getStyle('float'),
+                        'url':node.getAttr("_url"),
+                        'logo':node.getAttr('_logo_url')
+                    },true);
+                    var embed = UE.uNode.createElement(html);
+                    node.parentNode.replaceChild(embed,node);
+                }
+            })
+        },
+        inputRule:function(root){
+            utils.each(root.getNodesByTagName('iframe'),function(node){
+                if(node.getAttr('class') == 'edui-faked-webapp'){
+                    var img = UE.uNode.createElement(createInsertStr({
+                        title:node.getAttr('title'),
+                        'width':node.getAttr('width'),
+                        'height':node.getAttr('height'),
+                        'align':node.getAttr('align'),
+                        'cssfloat':node.getStyle('float'),
+                        'url':node.getAttr("src"),
+                        'logo':node.getAttr('logo_url')
+                    }));
+                    node.parentNode.replaceChild(img,node);
+                }
+            })
+
+        },
+        commands:{
+            /**
+             * 插入百度应用
+             * @command webapp
+             * @method execCommand
+             * @remind 需要百度APPKey
+             * @remind 百度应用主页： <a href="http://app.baidu.com/" target="_blank">http://app.baidu.com/</a>
+             * @param { Object } appOptions 应用所需的参数项， 支持的key有： title=>应用标题， width=>应用容器宽度，
+             * height=>应用容器高度，logo=>应用logo，url=>应用地址
+             * @example
+             * ```javascript
+             * //editor是编辑器实例
+             * //在编辑器里插入一个“植物大战僵尸”的APP
+             * editor.execCommand( 'webapp' , {
+             *     title: '植物大战僵尸',
+             *     width: 560,
+             *     height: 465,
+             *     logo: '应用展示的图片',
+             *     url: '百度应用的地址'
+             * } );
+             * ```
+             */
+            'webapp':{
+                execCommand:function (cmd, obj) {
+
+                    var me = this,
+                        str = createInsertStr(utils.extend(obj,{
+                            align:'none'
+                        }), false);
+                    me.execCommand("inserthtml",str);
+                },
+                queryCommandState:function () {
+                    var me = this,
+                        img = me.selection.getRange().getClosedNode(),
+                        flag = img && (img.className == "edui-faked-webapp");
+                    return flag ? 1 : 0;
+                }
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/wordcount.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/wordcount.js
new file mode 100644
index 000000000..57ef20fbf
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/wordcount.js
@@ -0,0 +1,33 @@
+///import core
+///commands 字数统计
+///commandsName  WordCount,wordCount
+///commandsTitle  字数统计
+/*
+ * Created by JetBrains WebStorm.
+ * User: taoqili
+ * Date: 11-9-7
+ * Time: 下午8:18
+ * To change this template use File | Settings | File Templates.
+ */
+
+UE.plugins['wordcount'] = function(){
+    var me = this;
+    me.setOpt('wordCount',true);
+    me.addListener('contentchange',function(){
+        me.fireEvent('wordcount');
+    });
+    var timer;
+    me.addListener('ready',function(){
+        var me = this;
+        domUtils.on(me.body,"keyup",function(evt){
+            var code = evt.keyCode||evt.which,
+                //忽略的按键,ctr,alt,shift,方向键
+                ignores = {"16":1,"18":1,"20":1,"37":1,"38":1,"39":1,"40":1};
+            if(code in ignores) return;
+            clearTimeout(timer);
+            timer = setTimeout(function(){
+                me.fireEvent('wordcount');
+            },200)
+        })
+    });
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/wordimage.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/wordimage.js
new file mode 100644
index 000000000..5772d163c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/wordimage.js
@@ -0,0 +1,53 @@
+///import core
+///commands 本地图片引导上传
+///commandsName  WordImage
+///commandsTitle  本地图片引导上传
+///commandsDialog  dialogs\wordimage
+
+UE.plugin.register('wordimage',function(){
+    var me = this,
+        images = [];
+    return {
+        commands : {
+            'wordimage':{
+                execCommand:function () {
+                    var images = domUtils.getElementsByTagName(me.body, "img");
+                    var urlList = [];
+                    for (var i = 0, ci; ci = images[i++];) {
+                        var url = ci.getAttribute("word_img");
+                        url && urlList.push(url);
+                    }
+                    return urlList;
+                },
+                queryCommandState:function () {
+                    images = domUtils.getElementsByTagName(me.body, "img");
+                    for (var i = 0, ci; ci = images[i++];) {
+                        if (ci.getAttribute("word_img")) {
+                            return 1;
+                        }
+                    }
+                    return -1;
+                },
+                notNeedUndo:true
+            }
+        },
+        inputRule : function (root) {
+            utils.each(root.getNodesByTagName('img'), function (img) {
+                var attrs = img.attrs,
+                    flag = parseInt(attrs.width) < 128 || parseInt(attrs.height) < 43,
+                    opt = me.options,
+                    src = opt.UEDITOR_HOME_URL + 'themes/default/images/spacer.gif';
+                if (attrs['src'] && /^(?:(file:\/+))/.test(attrs['src'])) {
+                    img.setAttr({
+                        width:attrs.width,
+                        height:attrs.height,
+                        alt:attrs.alt,
+                        word_img: attrs.src,
+                        src:src,
+                        'style':'background:url(' + ( flag ? opt.themePath + opt.theme + '/images/word.gif' : opt.langPath + opt.lang + '/images/localimage.png') + ') no-repeat center center;border:1px solid #ddd'
+                    })
+                }
+            })
+        }
+    }
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/xssFilter.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/xssFilter.js
new file mode 100644
index 000000000..39665eff1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/plugins/xssFilter.js
@@ -0,0 +1,79 @@
+/**
+ * @file xssFilter.js
+ * @desc xss过滤器
+ * @author robbenmu
+ */
+
+UE.plugins.xssFilter = function() {
+
+	var config = UEDITOR_CONFIG;
+	var whitList = config.whitList;
+
+	function filter(node) {
+
+		var tagName = node.tagName;
+		var attrs = node.attrs;
+
+		if (!whitList.hasOwnProperty(tagName)) {
+			node.parentNode.removeChild(node);
+			return false;
+		}
+
+		UE.utils.each(attrs, function (val, key) {
+
+			if (whitList[tagName].indexOf(key) === -1) {
+				node.setAttr(key);
+			}
+		});
+	}
+
+	// 添加inserthtml\paste等操作用的过滤规则
+	if (whitList && config.xssFilterRules) {
+		this.options.filterRules = function () {
+
+			var result = {};
+
+			UE.utils.each(whitList, function(val, key) {
+				result[key] = function (node) {
+					return filter(node);
+				};
+			});
+
+			return result;
+		}();
+	}
+
+	var tagList = [];
+
+	UE.utils.each(whitList, function (val, key) {
+		tagList.push(key);
+	});
+
+	// 添加input过滤规则
+	//
+	if (whitList && config.inputXssFilter) {
+		this.addInputRule(function (root) {
+
+			root.traversal(function(node) {
+				if (node.type !== 'element') {
+					return false;
+				}
+				filter(node);
+			});
+		});
+	}
+	// 添加output过滤规则
+	//
+	if (whitList && config.outputXssFilter) {
+		this.addOutputRule(function (root) {
+
+			root.traversal(function(node) {
+				if (node.type !== 'element') {
+					return false;
+				}
+				filter(node);
+			});
+		});
+	}
+
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/autotypesetbutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/autotypesetbutton.js
new file mode 100644
index 000000000..3cd67db8f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/autotypesetbutton.js
@@ -0,0 +1,138 @@
+///import core
+///import uicore
+///import ui/popup.js
+///import ui/autotypesetpicker.js
+///import ui/splitbutton.js
+(function (){
+    var utils = baidu.editor.utils,
+        Popup = baidu.editor.ui.Popup,
+        AutoTypeSetPicker = baidu.editor.ui.AutoTypeSetPicker,
+        SplitButton = baidu.editor.ui.SplitButton,
+        AutoTypeSetButton = baidu.editor.ui.AutoTypeSetButton = function (options){
+            this.initOptions(options);
+            this.initAutoTypeSetButton();
+        };
+    function getPara(me){
+
+        var opt = {},
+            cont = me.getDom(),
+            editorId = me.editor.uid,
+            inputType = null,
+            attrName = null,
+            ipts = domUtils.getElementsByTagName(cont,"input");
+        for(var i=ipts.length-1,ipt;ipt=ipts[i--];){
+            inputType = ipt.getAttribute("type");
+            if(inputType=="checkbox"){
+                attrName = ipt.getAttribute("name");
+                opt[attrName] && delete opt[attrName];
+                if(ipt.checked){
+                    var attrValue = document.getElementById( attrName + "Value" + editorId );
+                    if(attrValue){
+                        if(/input/ig.test(attrValue.tagName)){
+                            opt[attrName] = attrValue.value;
+                        } else {
+                            var iptChilds = attrValue.getElementsByTagName("input");
+                            for(var j=iptChilds.length-1,iptchild;iptchild=iptChilds[j--];){
+                                if(iptchild.checked){
+                                    opt[attrName] = iptchild.value;
+                                    break;
+                                }
+                            }
+                        }
+                    } else {
+                        opt[attrName] = true;
+                    }
+                } else {
+                    opt[attrName] = false;
+                }
+            } else {
+                opt[ipt.getAttribute("value")] = ipt.checked;
+            }
+
+        }
+
+        var selects = domUtils.getElementsByTagName(cont,"select");
+        for(var i=0,si;si=selects[i++];){
+            var attr = si.getAttribute('name');
+            opt[attr] = opt[attr] ? si.value : '';
+        }
+
+        utils.extend(me.editor.options.autotypeset,opt);
+
+        me.editor.setPreferences('autotypeset', opt);
+    }
+
+    AutoTypeSetButton.prototype = {
+        initAutoTypeSetButton: function (){
+
+            var me = this;
+            this.popup = new Popup({
+                //传入配置参数
+                content: new AutoTypeSetPicker({editor:me.editor}),
+                'editor':me.editor,
+                hide : function(){
+                    if (!this._hidden && this.getDom()) {
+                        getPara(this);
+                        this.getDom().style.display = 'none';
+                        this._hidden = true;
+                        this.fireEvent('hide');
+                    }
+                }
+            });
+            var flag = 0;
+            this.popup.addListener('postRenderAfter',function(){
+                var popupUI = this;
+                if(flag)return;
+                var cont = this.getDom(),
+                    btn = cont.getElementsByTagName('button')[0];
+
+                btn.onclick = function(){
+                    getPara(popupUI);
+                    me.editor.execCommand('autotypeset');
+                    popupUI.hide()
+                };
+
+                domUtils.on(cont, 'click', function(e) {
+                    var target = e.target || e.srcElement,
+                        editorId = me.editor.uid;
+                    if (target && target.tagName == 'INPUT') {
+
+                        // 点击图片浮动的checkbox,去除对应的radio
+                        if (target.name == 'imageBlockLine' || target.name == 'textAlign' || target.name == 'symbolConver') {
+                            var checked = target.checked,
+                                radioTd = document.getElementById( target.name + 'Value' + editorId),
+                                radios = radioTd.getElementsByTagName('input'),
+                                defalutSelect = {
+                                    'imageBlockLine': 'none',
+                                    'textAlign': 'left',
+                                    'symbolConver': 'tobdc'
+                                };
+
+                            for (var i = 0; i < radios.length; i++) {
+                                if (checked) {
+                                    if (radios[i].value == defalutSelect[target.name]) {
+                                        radios[i].checked = 'checked';
+                                    }
+                                } else {
+                                    radios[i].checked = false;
+                                }
+                            }
+                        }
+                        // 点击radio,选中对应的checkbox
+                        if (target.name == ('imageBlockLineValue' + editorId) || target.name == ('textAlignValue' + editorId) || target.name == 'bdc') {
+                            var checkboxs = target.parentNode.previousSibling.getElementsByTagName('input');
+                            checkboxs && (checkboxs[0].checked = true);
+                        }
+
+                        getPara(popupUI);
+                    }
+                });
+
+                flag = 1;
+            });
+            this.initSplitButton();
+        }
+    };
+    utils.inherits(AutoTypeSetButton, SplitButton);
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/autotypesetpicker.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/autotypesetpicker.js
new file mode 100644
index 000000000..09ec296eb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/autotypesetpicker.js
@@ -0,0 +1,66 @@
+///import core
+///import uicore
+(function () {
+    var utils = baidu.editor.utils,
+        UIBase = baidu.editor.ui.UIBase;
+
+    var AutoTypeSetPicker = baidu.editor.ui.AutoTypeSetPicker = function (options) {
+        this.initOptions(options);
+        this.initAutoTypeSetPicker();
+    };
+    AutoTypeSetPicker.prototype = {
+        initAutoTypeSetPicker:function () {
+            this.initUIBase();
+        },
+        getHtmlTpl:function () {
+            var me = this.editor,
+                opt = me.options.autotypeset,
+                lang = me.getLang("autoTypeSet");
+
+            var textAlignInputName = 'textAlignValue' + me.uid,
+                imageBlockInputName = 'imageBlockLineValue' + me.uid,
+                symbolConverInputName = 'symbolConverValue' + me.uid;
+
+            return '<div id="##" class="edui-autotypesetpicker %%">' +
+                '<div class="edui-autotypesetpicker-body">' +
+                '<table >' +
+                '<tr><td nowrap><input type="checkbox" name="mergeEmptyline" ' + (opt["mergeEmptyline"] ? "checked" : "" ) + '>' + lang.mergeLine + '</td><td colspan="2"><input type="checkbox" name="removeEmptyline" ' + (opt["removeEmptyline"] ? "checked" : "" ) + '>' + lang.delLine + '</td></tr>' +
+                '<tr><td nowrap><input type="checkbox" name="removeClass" ' + (opt["removeClass"] ? "checked" : "" ) + '>' + lang.removeFormat + '</td><td colspan="2"><input type="checkbox" name="indent" ' + (opt["indent"] ? "checked" : "" ) + '>' + lang.indent + '</td></tr>' +
+                '<tr>' +
+                '<td nowrap><input type="checkbox" name="textAlign" ' + (opt["textAlign"] ? "checked" : "" ) + '>' + lang.alignment + '</td>' +
+                '<td colspan="2" id="' + textAlignInputName + '">' +
+                '<input type="radio" name="'+ textAlignInputName +'" value="left" ' + ((opt["textAlign"] && opt["textAlign"] == "left") ? "checked" : "") + '>' + me.getLang("justifyleft") +
+                '<input type="radio" name="'+ textAlignInputName +'" value="center" ' + ((opt["textAlign"] && opt["textAlign"] == "center") ? "checked" : "") + '>' + me.getLang("justifycenter") +
+                '<input type="radio" name="'+ textAlignInputName +'" value="right" ' + ((opt["textAlign"] && opt["textAlign"] == "right") ? "checked" : "") + '>' + me.getLang("justifyright") +
+                '</td>' +
+                '</tr>' +
+                '<tr>' +
+                '<td nowrap><input type="checkbox" name="imageBlockLine" ' + (opt["imageBlockLine"] ? "checked" : "" ) + '>' + lang.imageFloat + '</td>' +
+                '<td nowrap id="'+ imageBlockInputName +'">' +
+                '<input type="radio" name="'+ imageBlockInputName +'" value="none" ' + ((opt["imageBlockLine"] && opt["imageBlockLine"] == "none") ? "checked" : "") + '>' + me.getLang("default") +
+                '<input type="radio" name="'+ imageBlockInputName +'" value="left" ' + ((opt["imageBlockLine"] && opt["imageBlockLine"] == "left") ? "checked" : "") + '>' + me.getLang("justifyleft") +
+                '<input type="radio" name="'+ imageBlockInputName +'" value="center" ' + ((opt["imageBlockLine"] && opt["imageBlockLine"] == "center") ? "checked" : "") + '>' + me.getLang("justifycenter") +
+                '<input type="radio" name="'+ imageBlockInputName +'" value="right" ' + ((opt["imageBlockLine"] && opt["imageBlockLine"] == "right") ? "checked" : "") + '>' + me.getLang("justifyright") +
+                '</td>' +
+                '</tr>' +
+                '<tr><td nowrap><input type="checkbox" name="clearFontSize" ' + (opt["clearFontSize"] ? "checked" : "" ) + '>' + lang.removeFontsize + '</td><td colspan="2"><input type="checkbox" name="clearFontFamily" ' + (opt["clearFontFamily"] ? "checked" : "" ) + '>' + lang.removeFontFamily + '</td></tr>' +
+                '<tr><td nowrap colspan="3"><input type="checkbox" name="removeEmptyNode" ' + (opt["removeEmptyNode"] ? "checked" : "" ) + '>' + lang.removeHtml + '</td></tr>' +
+                '<tr><td nowrap colspan="3"><input type="checkbox" name="pasteFilter" ' + (opt["pasteFilter"] ? "checked" : "" ) + '>' + lang.pasteFilter + '</td></tr>' +
+                '<tr>' +
+                '<td nowrap><input type="checkbox" name="symbolConver" ' + (opt["bdc2sb"] || opt["tobdc"] ? "checked" : "" ) + '>' + lang.symbol + '</td>' +
+                '<td id="' + symbolConverInputName + '">' +
+                '<input type="radio" name="bdc" value="bdc2sb" ' + (opt["bdc2sb"] ? "checked" : "" ) + '>' + lang.bdc2sb +
+                '<input type="radio" name="bdc" value="tobdc" ' + (opt["tobdc"] ? "checked" : "" ) + '>' + lang.tobdc + '' +
+                '</td>' +
+                '<td nowrap align="right"><button >' + lang.run + '</button></td>' +
+                '</tr>' +
+                '</table>' +
+                '</div>' +
+                '</div>';
+
+
+        },
+        _UIBase_render:UIBase.prototype.render
+    };
+    utils.inherits(AutoTypeSetPicker, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/breakline.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/breakline.js
new file mode 100644
index 000000000..4ccb5fc21
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/breakline.js
@@ -0,0 +1,19 @@
+(function (){
+    var utils = baidu.editor.utils,
+        UIBase = baidu.editor.ui.UIBase,
+        Breakline = baidu.editor.ui.Breakline = function (options){
+            this.initOptions(options);
+            this.initSeparator();
+        };
+    Breakline.prototype = {
+        uiName: 'Breakline',
+        initSeparator: function (){
+            this.initUIBase();
+        },
+        getHtmlTpl: function (){
+            return '<br/>';
+        }
+    };
+    utils.inherits(Breakline, UIBase);
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/button.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/button.js
new file mode 100644
index 000000000..6b7b7c674
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/button.js
@@ -0,0 +1,69 @@
+///import core
+///import uicore
+///import ui/stateful.js
+(function (){
+    var utils = baidu.editor.utils,
+        UIBase = baidu.editor.ui.UIBase,
+        Stateful = baidu.editor.ui.Stateful,
+        Button = baidu.editor.ui.Button = function (options){
+            if(options.name){
+                var btnName = options.name;
+                var cssRules = options.cssRules;
+                if(!options.className){
+                    options.className =  'edui-for-' + btnName;
+                }
+                options.cssRules = '.edui-default  .edui-for-'+ btnName +' .edui-icon {'+ cssRules +'}'
+            }
+            this.initOptions(options);
+            this.initButton();
+        };
+    Button.prototype = {
+        uiName: 'button',
+        label: '',
+        title: '',
+        showIcon: true,
+        showText: true,
+        cssRules:'',
+        initButton: function (){
+            this.initUIBase();
+            this.Stateful_init();
+            if(this.cssRules){
+                utils.cssRule('edui-customize-'+this.name+'-style',this.cssRules);
+            }
+        },
+        getHtmlTpl: function (){
+            return '<div id="##" class="edui-box %%">' +
+                '<div id="##_state" stateful>' +
+                 '<div class="%%-wrap"><div id="##_body" unselectable="on" ' + (this.title ? 'title="' + this.title + '"' : '') +
+                 ' class="%%-body" onmousedown="return $$._onMouseDown(event, this);" onclick="return $$._onClick(event, this);">' +
+                  (this.showIcon ? '<div class="edui-box edui-icon"></div>' : '') +
+                  (this.showText ? '<div class="edui-box edui-label">' + this.label + '</div>' : '') +
+                 '</div>' +
+                '</div>' +
+                '</div></div>';
+        },
+        postRender: function (){
+            this.Stateful_postRender();
+            this.setDisabled(this.disabled)
+        },
+        _onMouseDown: function (e){
+            var target = e.target || e.srcElement,
+                tagName = target && target.tagName && target.tagName.toLowerCase();
+            if (tagName == 'input' || tagName == 'object' || tagName == 'object') {
+                return false;
+            }
+        },
+        _onClick: function (){
+            if (!this.isDisabled()) {
+                this.fireEvent('click');
+            }
+        },
+        setTitle: function(text){
+            var label = this.getDom('label');
+            label.innerHTML = text;
+        }
+    };
+    utils.inherits(Button, UIBase);
+    utils.extend(Button.prototype, Stateful);
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/cellalignpicker.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/cellalignpicker.js
new file mode 100644
index 000000000..c243644ea
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/cellalignpicker.js
@@ -0,0 +1,96 @@
+///import core
+///import uicore
+(function () {
+    var utils = baidu.editor.utils,
+        Popup = baidu.editor.ui.Popup,
+        Stateful = baidu.editor.ui.Stateful,
+        UIBase = baidu.editor.ui.UIBase;
+
+    /**
+     * 该参数将新增一个参数： selected， 参数类型为一个Object， 形如{ 'align': 'center', 'valign': 'top' }， 表示单元格的初始
+     * 对齐状态为： 竖直居上，水平居中; 其中 align的取值为：'center', 'left', 'right'; valign的取值为: 'top', 'middle', 'bottom'
+     * @update 2013/4/2 hancong03@baidu.com
+     */
+    var CellAlignPicker = baidu.editor.ui.CellAlignPicker = function (options) {
+        this.initOptions(options);
+        this.initSelected();
+        this.initCellAlignPicker();
+    };
+    CellAlignPicker.prototype = {
+        //初始化选中状态， 该方法将根据传递进来的参数获取到应该选中的对齐方式图标的索引
+        initSelected: function(){
+
+            var status = {
+
+                valign: {
+                    top: 0,
+                    middle: 1,
+                    bottom: 2
+                },
+                align: {
+                    left: 0,
+                    center: 1,
+                    right: 2
+                },
+                count: 3
+
+                },
+                result = -1;
+
+            if( this.selected ) {
+                this.selectedIndex = status.valign[ this.selected.valign ] * status.count + status.align[ this.selected.align ];
+            }
+
+        },
+        initCellAlignPicker:function () {
+            this.initUIBase();
+            this.Stateful_init();
+        },
+        getHtmlTpl:function () {
+
+            var alignType = [ 'left', 'center', 'right' ],
+                COUNT = 9,
+                tempClassName = null,
+                tempIndex = -1,
+                tmpl = [];
+
+
+            for( var i= 0; i<COUNT; i++ ) {
+
+                tempClassName = this.selectedIndex === i ? ' class="edui-cellalign-selected" ' : '';
+                tempIndex = i % 3;
+
+                tempIndex === 0 && tmpl.push('<tr>');
+
+                tmpl.push( '<td index="'+ i +'" ' + tempClassName + ' stateful><div class="edui-icon edui-'+ alignType[ tempIndex ] +'"></div></td>' );
+
+                tempIndex === 2 && tmpl.push('</tr>');
+
+            }
+
+            return '<div id="##" class="edui-cellalignpicker %%">' +
+                '<div class="edui-cellalignpicker-body">' +
+                '<table onclick="$$._onClick(event);">' +
+                tmpl.join('') +
+                '</table>' +
+                '</div>' +
+                '</div>';
+        },
+        getStateDom: function (){
+            return this.target;
+        },
+        _onClick: function (evt){
+            var target= evt.target || evt.srcElement;
+            if(/icon/.test(target.className)){
+                this.items[target.parentNode.getAttribute("index")].onclick();
+                Popup.postHide(evt);
+            }
+        },
+        _UIBase_render:UIBase.prototype.render
+    };
+    utils.inherits(CellAlignPicker, UIBase);
+    utils.extend(CellAlignPicker.prototype, Stateful,true);
+})();
+
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/colorbutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/colorbutton.js
new file mode 100644
index 000000000..b834f5111
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/colorbutton.js
@@ -0,0 +1,60 @@
+///import core
+///import uicore
+///import ui/colorpicker.js
+///import ui/popup.js
+///import ui/splitbutton.js
+(function (){
+    var utils = baidu.editor.utils,
+        uiUtils = baidu.editor.ui.uiUtils,
+        ColorPicker = baidu.editor.ui.ColorPicker,
+        Popup = baidu.editor.ui.Popup,
+        SplitButton = baidu.editor.ui.SplitButton,
+        ColorButton = baidu.editor.ui.ColorButton = function (options){
+            this.initOptions(options);
+            this.initColorButton();
+        };
+    ColorButton.prototype = {
+        initColorButton: function (){
+            var me = this;
+            this.popup = new Popup({
+                content: new ColorPicker({
+                    noColorText: me.editor.getLang("clearColor"),
+                    editor:me.editor,
+                    onpickcolor: function (t, color){
+                        me._onPickColor(color);
+                    },
+                    onpicknocolor: function (t, color){
+                        me._onPickNoColor(color);
+                    }
+                }),
+                editor:me.editor
+            });
+            this.initSplitButton();
+        },
+        _SplitButton_postRender: SplitButton.prototype.postRender,
+        postRender: function (){
+            this._SplitButton_postRender();
+            this.getDom('button_body').appendChild(
+                uiUtils.createElementByHtml('<div id="' + this.id + '_colorlump" class="edui-colorlump"></div>')
+            );
+            this.getDom().className += ' edui-colorbutton';
+        },
+        setColor: function (color){
+            this.getDom('colorlump').style.backgroundColor = color;
+            this.color = color;
+        },
+        _onPickColor: function (color){
+            if (this.fireEvent('pickcolor', color) !== false) {
+                this.setColor(color);
+                this.popup.hide();
+            }
+        },
+        _onPickNoColor: function (color){
+            if (this.fireEvent('picknocolor') !== false) {
+                this.popup.hide();
+            }
+        }
+    };
+    utils.inherits(ColorButton, SplitButton);
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/colorpicker.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/colorpicker.js
new file mode 100644
index 000000000..73bd46b29
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/colorpicker.js
@@ -0,0 +1,74 @@
+///import core
+///import uicore
+(function (){
+    var utils = baidu.editor.utils,
+        UIBase = baidu.editor.ui.UIBase,
+        ColorPicker = baidu.editor.ui.ColorPicker = function (options){
+            this.initOptions(options);
+            this.noColorText = this.noColorText || this.editor.getLang("clearColor");
+            this.initUIBase();
+        };
+
+    ColorPicker.prototype = {
+        getHtmlTpl: function (){
+            return genColorPicker(this.noColorText,this.editor);
+        },
+        _onTableClick: function (evt){
+            var tgt = evt.target || evt.srcElement;
+            var color = tgt.getAttribute('data-color');
+            if (color) {
+                this.fireEvent('pickcolor', color);
+            }
+        },
+        _onTableOver: function (evt){
+            var tgt = evt.target || evt.srcElement;
+            var color = tgt.getAttribute('data-color');
+            if (color) {
+                this.getDom('preview').style.backgroundColor = color;
+            }
+        },
+        _onTableOut: function (){
+            this.getDom('preview').style.backgroundColor = '';
+        },
+        _onPickNoColor: function (){
+            this.fireEvent('picknocolor');
+        }
+    };
+    utils.inherits(ColorPicker, UIBase);
+
+    var COLORS = (
+        'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646,' +
+            'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,' +
+            'd8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,' +
+            'bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,' +
+            'a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,' +
+            '7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806,' +
+            'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0,').split(',');
+
+    function genColorPicker(noColorText,editor){
+        var html = '<div id="##" class="edui-colorpicker %%">' +
+            '<div class="edui-colorpicker-topbar edui-clearfix">' +
+            '<div unselectable="on" id="##_preview" class="edui-colorpicker-preview"></div>' +
+            '<div unselectable="on" class="edui-colorpicker-nocolor" onclick="$$._onPickNoColor(event, this);">'+ noColorText +'</div>' +
+            '</div>' +
+            '<table  class="edui-box" style="border-collapse: collapse;" onmouseover="$$._onTableOver(event, this);" onmouseout="$$._onTableOut(event, this);" onclick="return $$._onTableClick(event, this);" cellspacing="0" cellpadding="0">' +
+            '<tr style="border-bottom: 1px solid #ddd;font-size: 13px;line-height: 25px;color:#39C;padding-top: 2px"><td colspan="10">'+editor.getLang("themeColor")+'</td> </tr>'+
+            '<tr class="edui-colorpicker-tablefirstrow" >';
+        for (var i=0; i<COLORS.length; i++) {
+            if (i && i%10 === 0) {
+                html += '</tr>'+(i==60?'<tr style="border-bottom: 1px solid #ddd;font-size: 13px;line-height: 25px;color:#39C;"><td colspan="10">'+editor.getLang("standardColor")+'</td></tr>':'')+'<tr'+(i==60?' class="edui-colorpicker-tablefirstrow"':'')+'>';
+            }
+            html += i<70 ? '<td style="padding: 0 2px;"><a hidefocus title="'+COLORS[i]+'" onclick="return false;" href="javascript:" unselectable="on" class="edui-box edui-colorpicker-colorcell"' +
+                ' data-color="#'+ COLORS[i] +'"'+
+                ' style="background-color:#'+ COLORS[i] +';border:solid #ccc;'+
+                (i<10 || i>=60?'border-width:1px;':
+                    i>=10&&i<20?'border-width:1px 1px 0 1px;':
+
+                        'border-width:0 1px 0 1px;')+
+                '"' +
+                '></a></td>':'';
+        }
+        html += '</tr></table></div>';
+        return html;
+    }
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/combox.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/combox.js
new file mode 100644
index 000000000..a7aa06ba4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/combox.js
@@ -0,0 +1,96 @@
+///import core
+///import uicore
+///import ui/menu.js
+///import ui/splitbutton.js
+(function (){
+    // todo: menu和item提成通用list
+    var utils = baidu.editor.utils,
+        uiUtils = baidu.editor.ui.uiUtils,
+        Menu = baidu.editor.ui.Menu,
+        SplitButton = baidu.editor.ui.SplitButton,
+        Combox = baidu.editor.ui.Combox = function (options){
+            this.initOptions(options);
+            this.initCombox();
+        };
+    Combox.prototype = {
+        uiName: 'combox',
+        onbuttonclick:function () {
+            this.showPopup();
+        },
+        initCombox: function (){
+            var me = this;
+            this.items = this.items || [];
+            for (var i=0; i<this.items.length; i++) {
+                var item = this.items[i];
+                item.uiName = 'listitem';
+                item.index = i;
+                item.onclick = function (){
+                    me.selectByIndex(this.index);
+                };
+            }
+            this.popup = new Menu({
+                items: this.items,
+                uiName: 'list',
+                editor:this.editor,
+                captureWheel: true,
+                combox: this
+            });
+
+            this.initSplitButton();
+        },
+        _SplitButton_postRender: SplitButton.prototype.postRender,
+        postRender: function (){
+            this._SplitButton_postRender();
+            this.setLabel(this.label || '');
+            this.setValue(this.initValue || '');
+        },
+        showPopup: function (){
+            var rect = uiUtils.getClientRect(this.getDom());
+            rect.top += 1;
+            rect.bottom -= 1;
+            rect.height -= 2;
+            this.popup.showAnchorRect(rect);
+        },
+        getValue: function (){
+            return this.value;
+        },
+        setValue: function (value){
+            var index = this.indexByValue(value);
+            if (index != -1) {
+                this.selectedIndex = index;
+                this.setLabel(this.items[index].label);
+                this.value = this.items[index].value;
+            } else {
+                this.selectedIndex = -1;
+                this.setLabel(this.getLabelForUnknowValue(value));
+                this.value = value;
+            }
+        },
+        setLabel: function (label){
+            this.getDom('button_body').innerHTML = label;
+            this.label = label;
+        },
+        getLabelForUnknowValue: function (value){
+            return value;
+        },
+        indexByValue: function (value){
+            for (var i=0; i<this.items.length; i++) {
+                if (value == this.items[i].value) {
+                    return i;
+                }
+            }
+            return -1;
+        },
+        getItem: function (index){
+            return this.items[index];
+        },
+        selectByIndex: function (index){
+            if (index < this.items.length && this.fireEvent('select', index) !== false) {
+                this.selectedIndex = index;
+                this.value = this.items[index].value;
+                this.setLabel(this.items[index].label);
+            }
+        }
+    };
+    utils.inherits(Combox, SplitButton);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/dialog.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/dialog.js
new file mode 100644
index 000000000..5ad7122fb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/dialog.js
@@ -0,0 +1,415 @@
+///import core
+///import uicore
+///import ui/mask.js
+///import ui/button.js
+(function (){
+    var utils = baidu.editor.utils,
+        domUtils = baidu.editor.dom.domUtils,
+        uiUtils = baidu.editor.ui.uiUtils,
+        Mask = baidu.editor.ui.Mask,
+        UIBase = baidu.editor.ui.UIBase,
+        Button = baidu.editor.ui.Button,
+        Dialog = baidu.editor.ui.Dialog = function (options){
+            if(options.name){
+                var name = options.name;
+                var cssRules = options.cssRules;
+                if(!options.className){
+                    options.className =  'edui-for-' + name;
+                }
+                if(cssRules){
+                    options.cssRules = '.edui-default .edui-for-'+ name +' .edui-dialog-content  {'+ cssRules +'}'
+                }
+            }
+            this.initOptions(utils.extend({
+                autoReset: true,
+                draggable: true,
+                onok: function (){},
+                oncancel: function (){},
+                onclose: function (t, ok){
+                    return ok ? this.onok() : this.oncancel();
+                },
+                //是否控制dialog中的scroll事件， 默认为不阻止
+                holdScroll: false
+            },options));
+            this.initDialog();
+        };
+    var modalMask;
+    var dragMask;
+    var activeDialog;
+    Dialog.prototype = {
+        draggable: false,
+        uiName: 'dialog',
+        initDialog: function (){
+            var me = this,
+                theme=this.editor.options.theme;
+            if(this.cssRules){
+                utils.cssRule('edui-customize-'+this.name+'-style',this.cssRules);
+            }
+            this.initUIBase();
+            this.modalMask = (modalMask || (modalMask = new Mask({
+                className: 'edui-dialog-modalmask',
+                theme:theme,
+                onclick: function (){
+                    activeDialog && activeDialog.close(false);
+                }
+            })));
+            this.dragMask = (dragMask || (dragMask = new Mask({
+                className: 'edui-dialog-dragmask',
+                theme:theme
+            })));
+            this.closeButton = new Button({
+                className: 'edui-dialog-closebutton',
+                title: me.closeDialog,
+                theme:theme,
+                onclick: function (){
+                    me.close(false);
+                }
+            });
+
+            this.fullscreen && this.initResizeEvent();
+
+            if (this.buttons) {
+                for (var i=0; i<this.buttons.length; i++) {
+                    if (!(this.buttons[i] instanceof Button)) {
+                        this.buttons[i] = new Button(utils.extend(this.buttons[i],{
+                            editor : this.editor
+                        },true));
+                    }
+                }
+            }
+        },
+        initResizeEvent: function () {
+
+            var me = this;
+
+            domUtils.on( window, "resize", function () {
+
+                if ( me._hidden || me._hidden === undefined ) {
+                    return;
+                }
+
+                if ( me.__resizeTimer ) {
+                    window.clearTimeout( me.__resizeTimer );
+                }
+
+                me.__resizeTimer = window.setTimeout( function () {
+
+                    me.__resizeTimer = null;
+
+                    var dialogWrapNode = me.getDom(),
+                        contentNode = me.getDom('content'),
+                        wrapRect = UE.ui.uiUtils.getClientRect( dialogWrapNode ),
+                        contentRect = UE.ui.uiUtils.getClientRect( contentNode ),
+                        vpRect = uiUtils.getViewportRect();
+
+                    contentNode.style.width = ( vpRect.width - wrapRect.width + contentRect.width ) + "px";
+                    contentNode.style.height = ( vpRect.height - wrapRect.height + contentRect.height ) + "px";
+
+                    dialogWrapNode.style.width = vpRect.width + "px";
+                    dialogWrapNode.style.height = vpRect.height + "px";
+
+                    me.fireEvent( "resize" );
+
+                }, 100 );
+
+            } );
+
+        },
+        fitSize: function (){
+            var popBodyEl = this.getDom('body');
+//            if (!(baidu.editor.browser.ie && baidu.editor.browser.version == 7)) {
+//                uiUtils.removeStyle(popBodyEl, 'width');
+//                uiUtils.removeStyle(popBodyEl, 'height');
+//            }
+            var size = this.mesureSize();
+            popBodyEl.style.width = size.width + 'px';
+            popBodyEl.style.height = size.height + 'px';
+            return size;
+        },
+        safeSetOffset: function (offset){
+            var me = this;
+            var el = me.getDom();
+            var vpRect = uiUtils.getViewportRect();
+            var rect = uiUtils.getClientRect(el);
+            var left = offset.left;
+            if (left + rect.width > vpRect.right) {
+                left = vpRect.right - rect.width;
+            }
+            var top = offset.top;
+            if (top + rect.height > vpRect.bottom) {
+                top = vpRect.bottom - rect.height;
+            }
+            el.style.left = Math.max(left, 0) + 'px';
+            el.style.top = Math.max(top, 0) + 'px';
+        },
+        showAtCenter: function (){
+
+            var vpRect = uiUtils.getViewportRect();
+
+            if ( !this.fullscreen ) {
+                this.getDom().style.display = '';
+                var popSize = this.fitSize();
+                var titleHeight = this.getDom('titlebar').offsetHeight | 0;
+                var left = vpRect.width / 2 - popSize.width / 2;
+                var top = vpRect.height / 2 - (popSize.height - titleHeight) / 2 - titleHeight;
+                var popEl = this.getDom();
+                this.safeSetOffset({
+                    left: Math.max(left | 0, 0),
+                    top: Math.max(top | 0, 0)
+                });
+                if (!domUtils.hasClass(popEl, 'edui-state-centered')) {
+                    popEl.className += ' edui-state-centered';
+                }
+            } else {
+                var dialogWrapNode = this.getDom(),
+                    contentNode = this.getDom('content');
+
+                dialogWrapNode.style.display = "block";
+
+                var wrapRect = UE.ui.uiUtils.getClientRect( dialogWrapNode ),
+                    contentRect = UE.ui.uiUtils.getClientRect( contentNode );
+                dialogWrapNode.style.left = "-100000px";
+
+                contentNode.style.width = ( vpRect.width - wrapRect.width + contentRect.width ) + "px";
+                contentNode.style.height = ( vpRect.height - wrapRect.height + contentRect.height ) + "px";
+
+                dialogWrapNode.style.width = vpRect.width + "px";
+                dialogWrapNode.style.height = vpRect.height + "px";
+                dialogWrapNode.style.left = 0;
+
+                //保存环境的overflow值
+                this._originalContext = {
+                    html: {
+                        overflowX: document.documentElement.style.overflowX,
+                        overflowY: document.documentElement.style.overflowY
+                    },
+                    body: {
+                        overflowX: document.body.style.overflowX,
+                        overflowY: document.body.style.overflowY
+                    }
+                };
+
+                document.documentElement.style.overflowX = 'hidden';
+                document.documentElement.style.overflowY = 'hidden';
+                document.body.style.overflowX = 'hidden';
+                document.body.style.overflowY = 'hidden';
+
+            }
+
+            this._show();
+        },
+        getContentHtml: function (){
+            var contentHtml = '';
+            if (typeof this.content == 'string') {
+                contentHtml = this.content;
+            } else if (this.iframeUrl) {
+                contentHtml = '<span id="'+ this.id +'_contmask" class="dialogcontmask"></span><iframe id="'+ this.id +
+                    '_iframe" class="%%-iframe" height="100%" width="100%" frameborder="0" src="'+ this.iframeUrl +'"></iframe>';
+            }
+            return contentHtml;
+        },
+        getHtmlTpl: function (){
+            var footHtml = '';
+
+            if (this.buttons) {
+                var buff = [];
+                for (var i=0; i<this.buttons.length; i++) {
+                    buff[i] = this.buttons[i].renderHtml();
+                }
+                footHtml = '<div class="%%-foot">' +
+                     '<div id="##_buttons" class="%%-buttons">' + buff.join('') + '</div>' +
+                    '</div>';
+            }
+
+            return '<div id="##" class="%%"><div '+ ( !this.fullscreen ? 'class="%%"' : 'class="%%-wrap edui-dialog-fullscreen-flag"' ) +'><div id="##_body" class="%%-body">' +
+                '<div class="%%-shadow"></div>' +
+                '<div id="##_titlebar" class="%%-titlebar">' +
+                '<div class="%%-draghandle" onmousedown="$$._onTitlebarMouseDown(event, this);">' +
+                 '<span class="%%-caption">' + (this.title || '') + '</span>' +
+                '</div>' +
+                this.closeButton.renderHtml() +
+                '</div>' +
+                '<div id="##_content" class="%%-content">'+ ( this.autoReset ? '' : this.getContentHtml()) +'</div>' +
+                footHtml +
+                '</div></div></div>';
+        },
+        postRender: function (){
+            // todo: 保持居中/记住上次关闭位置选项
+            if (!this.modalMask.getDom()) {
+                this.modalMask.render();
+                this.modalMask.hide();
+            }
+            if (!this.dragMask.getDom()) {
+                this.dragMask.render();
+                this.dragMask.hide();
+            }
+            var me = this;
+            this.addListener('show', function (){
+                me.modalMask.show(this.getDom().style.zIndex - 2);
+            });
+            this.addListener('hide', function (){
+                me.modalMask.hide();
+            });
+            if (this.buttons) {
+                for (var i=0; i<this.buttons.length; i++) {
+                    this.buttons[i].postRender();
+                }
+            }
+            domUtils.on(window, 'resize', function (){
+                setTimeout(function (){
+                    if (!me.isHidden()) {
+                        me.safeSetOffset(uiUtils.getClientRect(me.getDom()));
+                    }
+                });
+            });
+
+            //hold住scroll事件，防止dialog的滚动影响页面
+//            if( this.holdScroll ) {
+//
+//                if( !me.iframeUrl ) {
+//                    domUtils.on( document.getElementById( me.id + "_iframe"), !browser.gecko ? "mousewheel" : "DOMMouseScroll", function(e){
+//                        domUtils.preventDefault(e);
+//                    } );
+//                } else {
+//                    me.addListener('dialogafterreset', function(){
+//                        window.setTimeout(function(){
+//                            var iframeWindow = document.getElementById( me.id + "_iframe").contentWindow;
+//
+//                            if( browser.ie ) {
+//
+//                                var timer = window.setInterval(function(){
+//
+//                                    if( iframeWindow.document && iframeWindow.document.body ) {
+//                                        window.clearInterval( timer );
+//                                        timer = null;
+//                                        domUtils.on( iframeWindow.document.body, !browser.gecko ? "mousewheel" : "DOMMouseScroll", function(e){
+//                                            domUtils.preventDefault(e);
+//                                        } );
+//                                    }
+//
+//                                }, 100);
+//
+//                            } else {
+//                                domUtils.on( iframeWindow, !browser.gecko ? "mousewheel" : "DOMMouseScroll", function(e){
+//                                    domUtils.preventDefault(e);
+//                                } );
+//                            }
+//
+//                        }, 1);
+//                    });
+//                }
+//
+//            }
+            this._hide();
+        },
+        mesureSize: function (){
+            var body = this.getDom('body');
+            var width = uiUtils.getClientRect(this.getDom('content')).width;
+            var dialogBodyStyle = body.style;
+            dialogBodyStyle.width = width;
+            return uiUtils.getClientRect(body);
+        },
+        _onTitlebarMouseDown: function (evt, el){
+            if (this.draggable) {
+                var rect;
+                var vpRect = uiUtils.getViewportRect();
+                var me = this;
+                uiUtils.startDrag(evt, {
+                    ondragstart: function (){
+                        rect = uiUtils.getClientRect(me.getDom());
+                        me.getDom('contmask').style.visibility = 'visible';
+                        me.dragMask.show(me.getDom().style.zIndex - 1);
+                    },
+                    ondragmove: function (x, y){
+                        var left = rect.left + x;
+                        var top = rect.top + y;
+                        me.safeSetOffset({
+                            left: left,
+                            top: top
+                        });
+                    },
+                    ondragstop: function (){
+                        me.getDom('contmask').style.visibility = 'hidden';
+                        domUtils.removeClasses(me.getDom(), ['edui-state-centered']);
+                        me.dragMask.hide();
+                    }
+                });
+            }
+        },
+        reset: function (){
+            this.getDom('content').innerHTML = this.getContentHtml();
+            this.fireEvent('dialogafterreset');
+        },
+        _show: function (){
+            if (this._hidden) {
+                this.getDom().style.display = '';
+
+                //要高过编辑器的zindxe
+                this.editor.container.style.zIndex && (this.getDom().style.zIndex = this.editor.container.style.zIndex * 1 + 10);
+                this._hidden = false;
+                this.fireEvent('show');
+                baidu.editor.ui.uiUtils.getFixedLayer().style.zIndex = this.getDom().style.zIndex - 4;
+            }
+        },
+        isHidden: function (){
+            return this._hidden;
+        },
+        _hide: function (){
+            if (!this._hidden) {
+                var wrapNode = this.getDom();
+                wrapNode.style.display = 'none';
+                wrapNode.style.zIndex = '';
+                wrapNode.style.width = '';
+                wrapNode.style.height = '';
+                this._hidden = true;
+                this.fireEvent('hide');
+            }
+        },
+        open: function (){
+            if (this.autoReset) {
+                //有可能还没有渲染
+                try{
+                    this.reset();
+                }catch(e){
+                    this.render();
+                    this.open()
+                }
+            }
+            this.showAtCenter();
+            if (this.iframeUrl) {
+                try {
+                    this.getDom('iframe').focus();
+                } catch(ex){}
+            }
+            activeDialog = this;
+        },
+        _onCloseButtonClick: function (evt, el){
+            this.close(false);
+        },
+        close: function (ok){
+            if (this.fireEvent('close', ok) !== false) {
+                //还原环境
+                if ( this.fullscreen ) {
+
+                    document.documentElement.style.overflowX = this._originalContext.html.overflowX;
+                    document.documentElement.style.overflowY = this._originalContext.html.overflowY;
+                    document.body.style.overflowX = this._originalContext.body.overflowX;
+                    document.body.style.overflowY = this._originalContext.body.overflowY;
+                    delete this._originalContext;
+
+                }
+                this._hide();
+
+                //销毁content
+                var content = this.getDom('content');
+                var iframe = this.getDom('iframe');
+                if (content && iframe) {
+                    var doc = iframe.contentDocument || iframe.contentWindow.document;
+                    doc && (doc.body.innerHTML = '');
+                    domUtils.remove(content);
+                }
+            }
+        }
+    };
+    utils.inherits(Dialog, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/mask.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/mask.js
new file mode 100644
index 000000000..bcb9d3b1b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/mask.js
@@ -0,0 +1,53 @@
+///import core
+///import uicore
+(function (){
+    var utils = baidu.editor.utils,
+        domUtils = baidu.editor.dom.domUtils,
+        UIBase = baidu.editor.ui.UIBase,
+        uiUtils = baidu.editor.ui.uiUtils;
+    
+    var Mask = baidu.editor.ui.Mask = function (options){
+        this.initOptions(options);
+        this.initUIBase();
+    };
+    Mask.prototype = {
+        getHtmlTpl: function (){
+            return '<div id="##" class="edui-mask %%" onclick="return $$._onClick(event, this);" onmousedown="return $$._onMouseDown(event, this);"></div>';
+        },
+        postRender: function (){
+            var me = this;
+            domUtils.on(window, 'resize', function (){
+                setTimeout(function (){
+                    if (!me.isHidden()) {
+                        me._fill();
+                    }
+                });
+            });
+        },
+        show: function (zIndex){
+            this._fill();
+            this.getDom().style.display = '';
+            this.getDom().style.zIndex = zIndex;
+        },
+        hide: function (){
+            this.getDom().style.display = 'none';
+            this.getDom().style.zIndex = '';
+        },
+        isHidden: function (){
+            return this.getDom().style.display == 'none';
+        },
+        _onMouseDown: function (){
+            return false;
+        },
+        _onClick: function (e, target){
+            this.fireEvent('click', e, target);
+        },
+        _fill: function (){
+            var el = this.getDom();
+            var vpRect = uiUtils.getViewportRect();
+            el.style.width = vpRect.width + 'px';
+            el.style.height = vpRect.height + 'px';
+        }
+    };
+    utils.inherits(Mask, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/menu.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/menu.js
new file mode 100644
index 000000000..7e947b0a2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/menu.js
@@ -0,0 +1,276 @@
+///import core
+///import uicore
+///import ui\popup.js
+///import ui\stateful.js
+(function () {
+    var utils = baidu.editor.utils,
+        domUtils = baidu.editor.dom.domUtils,
+        uiUtils = baidu.editor.ui.uiUtils,
+        UIBase = baidu.editor.ui.UIBase,
+        Popup = baidu.editor.ui.Popup,
+        Stateful = baidu.editor.ui.Stateful,
+        CellAlignPicker = baidu.editor.ui.CellAlignPicker,
+
+        Menu = baidu.editor.ui.Menu = function (options) {
+            this.initOptions(options);
+            this.initMenu();
+        };
+
+    var menuSeparator = {
+        renderHtml:function () {
+            return '<div class="edui-menuitem edui-menuseparator"><div class="edui-menuseparator-inner"></div></div>';
+        },
+        postRender:function () {
+        },
+        queryAutoHide:function () {
+            return true;
+        }
+    };
+    Menu.prototype = {
+        items:null,
+        uiName:'menu',
+        initMenu:function () {
+            this.items = this.items || [];
+            this.initPopup();
+            this.initItems();
+        },
+        initItems:function () {
+            for (var i = 0; i < this.items.length; i++) {
+                var item = this.items[i];
+                if (item == '-') {
+                    this.items[i] = this.getSeparator();
+                } else if (!(item instanceof MenuItem)) {
+                    item.editor = this.editor;
+                    item.theme = this.editor.options.theme;
+                    this.items[i] = this.createItem(item);
+                }
+            }
+        },
+        getSeparator:function () {
+            return menuSeparator;
+        },
+        createItem:function (item) {
+            //新增一个参数menu, 该参数存储了menuItem所对应的menu引用
+            item.menu = this;
+            return new MenuItem(item);
+        },
+        _Popup_getContentHtmlTpl:Popup.prototype.getContentHtmlTpl,
+        getContentHtmlTpl:function () {
+            if (this.items.length == 0) {
+                return this._Popup_getContentHtmlTpl();
+            }
+            var buff = [];
+            for (var i = 0; i < this.items.length; i++) {
+                var item = this.items[i];
+                buff[i] = item.renderHtml();
+            }
+            return ('<div class="%%-body">' + buff.join('') + '</div>');
+        },
+        _Popup_postRender:Popup.prototype.postRender,
+        postRender:function () {
+            var me = this;
+            for (var i = 0; i < this.items.length; i++) {
+                var item = this.items[i];
+                item.ownerMenu = this;
+                item.postRender();
+            }
+            domUtils.on(this.getDom(), 'mouseover', function (evt) {
+                evt = evt || event;
+                var rel = evt.relatedTarget || evt.fromElement;
+                var el = me.getDom();
+                if (!uiUtils.contains(el, rel) && el !== rel) {
+                    me.fireEvent('over');
+                }
+            });
+            this._Popup_postRender();
+        },
+        queryAutoHide:function (el) {
+            if (el) {
+                if (uiUtils.contains(this.getDom(), el)) {
+                    return false;
+                }
+                for (var i = 0; i < this.items.length; i++) {
+                    var item = this.items[i];
+                    if (item.queryAutoHide(el) === false) {
+                        return false;
+                    }
+                }
+            }
+        },
+        clearItems:function () {
+            for (var i = 0; i < this.items.length; i++) {
+                var item = this.items[i];
+                clearTimeout(item._showingTimer);
+                clearTimeout(item._closingTimer);
+                if (item.subMenu) {
+                    item.subMenu.destroy();
+                }
+            }
+            this.items = [];
+        },
+        destroy:function () {
+            if (this.getDom()) {
+                domUtils.remove(this.getDom());
+            }
+            this.clearItems();
+        },
+        dispose:function () {
+            this.destroy();
+        }
+    };
+    utils.inherits(Menu, Popup);
+
+    /**
+     * @update 2013/04/03 hancong03 新增一个参数menu, 该参数存储了menuItem所对应的menu引用
+     * @type {Function}
+     */
+    var MenuItem = baidu.editor.ui.MenuItem = function (options) {
+        this.initOptions(options);
+        this.initUIBase();
+        this.Stateful_init();
+        if (this.subMenu && !(this.subMenu instanceof Menu)) {
+            if (options.className && options.className.indexOf("aligntd") != -1) {
+                var me = this;
+
+                //获取单元格对齐初始状态
+                this.subMenu.selected = this.editor.queryCommandValue( 'cellalignment' );
+
+                this.subMenu = new Popup({
+                    content:new CellAlignPicker(this.subMenu),
+                    parentMenu:me,
+                    editor:me.editor,
+                    destroy:function () {
+                        if (this.getDom()) {
+                            domUtils.remove(this.getDom());
+                        }
+                    }
+                });
+                this.subMenu.addListener("postRenderAfter", function () {
+                    domUtils.on(this.getDom(), "mouseover", function () {
+                        me.addState('opened');
+                    });
+                });
+            } else {
+                this.subMenu = new Menu(this.subMenu);
+            }
+        }
+    };
+    MenuItem.prototype = {
+        label:'',
+        subMenu:null,
+        ownerMenu:null,
+        uiName:'menuitem',
+        alwalysHoverable:true,
+        getHtmlTpl:function () {
+            return '<div id="##" class="%%" stateful onclick="$$._onClick(event, this);">' +
+                '<div class="%%-body">' +
+                this.renderLabelHtml() +
+                '</div>' +
+                '</div>';
+        },
+        postRender:function () {
+            var me = this;
+            this.addListener('over', function () {
+                me.ownerMenu.fireEvent('submenuover', me);
+                if (me.subMenu) {
+                    me.delayShowSubMenu();
+                }
+            });
+            if (this.subMenu) {
+                this.getDom().className += ' edui-hassubmenu';
+                this.subMenu.render();
+                this.addListener('out', function () {
+                    me.delayHideSubMenu();
+                });
+                this.subMenu.addListener('over', function () {
+                    clearTimeout(me._closingTimer);
+                    me._closingTimer = null;
+                    me.addState('opened');
+                });
+                this.ownerMenu.addListener('hide', function () {
+                    me.hideSubMenu();
+                });
+                this.ownerMenu.addListener('submenuover', function (t, subMenu) {
+                    if (subMenu !== me) {
+                        me.delayHideSubMenu();
+                    }
+                });
+                this.subMenu._bakQueryAutoHide = this.subMenu.queryAutoHide;
+                this.subMenu.queryAutoHide = function (el) {
+                    if (el && uiUtils.contains(me.getDom(), el)) {
+                        return false;
+                    }
+                    return this._bakQueryAutoHide(el);
+                };
+            }
+            this.getDom().style.tabIndex = '-1';
+            uiUtils.makeUnselectable(this.getDom());
+            this.Stateful_postRender();
+        },
+        delayShowSubMenu:function () {
+            var me = this;
+            if (!me.isDisabled()) {
+                me.addState('opened');
+                clearTimeout(me._showingTimer);
+                clearTimeout(me._closingTimer);
+                me._closingTimer = null;
+                me._showingTimer = setTimeout(function () {
+                    me.showSubMenu();
+                }, 250);
+            }
+        },
+        delayHideSubMenu:function () {
+            var me = this;
+            if (!me.isDisabled()) {
+                me.removeState('opened');
+                clearTimeout(me._showingTimer);
+                if (!me._closingTimer) {
+                    me._closingTimer = setTimeout(function () {
+                        if (!me.hasState('opened')) {
+                            me.hideSubMenu();
+                        }
+                        me._closingTimer = null;
+                    }, 400);
+                }
+            }
+        },
+        renderLabelHtml:function () {
+            return '<div class="edui-arrow"></div>' +
+                '<div class="edui-box edui-icon"></div>' +
+                '<div class="edui-box edui-label %%-label">' + (this.label || '') + '</div>';
+        },
+        getStateDom:function () {
+            return this.getDom();
+        },
+        queryAutoHide:function (el) {
+            if (this.subMenu && this.hasState('opened')) {
+                return this.subMenu.queryAutoHide(el);
+            }
+        },
+        _onClick:function (event, this_) {
+            if (this.hasState('disabled')) return;
+            if (this.fireEvent('click', event, this_) !== false) {
+                if (this.subMenu) {
+                    this.showSubMenu();
+                } else {
+                    Popup.postHide(event);
+                }
+            }
+        },
+        showSubMenu:function () {
+            var rect = uiUtils.getClientRect(this.getDom());
+            rect.right -= 5;
+            rect.left += 2;
+            rect.width -= 7;
+            rect.top -= 4;
+            rect.bottom += 4;
+            rect.height += 8;
+            this.subMenu.showAnchorRect(rect, true, true);
+        },
+        hideSubMenu:function () {
+            this.subMenu.hide();
+        }
+    };
+    utils.inherits(MenuItem, UIBase);
+    utils.extend(MenuItem.prototype, Stateful, true);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/menubutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/menubutton.js
new file mode 100644
index 000000000..a627d4dfe
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/menubutton.js
@@ -0,0 +1,40 @@
+///import core
+///import uicore
+///import ui/menu.js
+///import ui/splitbutton.js
+(function (){
+    var utils = baidu.editor.utils,
+        Menu = baidu.editor.ui.Menu,
+        SplitButton = baidu.editor.ui.SplitButton,
+        MenuButton = baidu.editor.ui.MenuButton = function (options){
+            this.initOptions(options);
+            this.initMenuButton();
+        };
+    MenuButton.prototype = {
+        initMenuButton: function (){
+            var me = this;
+            this.uiName = "menubutton";
+            this.popup = new Menu({
+                items: me.items,
+                className: me.className,
+                editor:me.editor
+            });
+            this.popup.addListener('show', function (){
+                var list = this;
+                for (var i=0; i<list.items.length; i++) {
+                    list.items[i].removeState('checked');
+                    if (list.items[i].value == me._value) {
+                        list.items[i].addState('checked');
+                        this.value = me._value;
+                    }
+                }
+            });
+            this.initSplitButton();
+        },
+        setValue : function(value){
+            this._value = value;
+        }
+        
+    };
+    utils.inherits(MenuButton, SplitButton);
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/message.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/message.js
new file mode 100644
index 000000000..4c33acf05
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/message.js
@@ -0,0 +1,77 @@
+///import core
+///import uicore
+(function () {
+    var utils = baidu.editor.utils,
+        domUtils = baidu.editor.dom.domUtils,
+        UIBase = baidu.editor.ui.UIBase,
+        Message = baidu.editor.ui.Message = function (options){
+            this.initOptions(options);
+            this.initMessage();
+        };
+
+    Message.prototype = {
+        initMessage: function (){
+            this.initUIBase();
+        },
+        getHtmlTpl: function (){
+            return '<div id="##" class="edui-message %%">' +
+            ' <div id="##_closer" class="edui-message-closer">×</div>' +
+            ' <div id="##_body" class="edui-message-body edui-message-type-info">' +
+            ' <iframe style="position:absolute;z-index:-1;left:0;top:0;background-color: transparent;" frameborder="0" width="100%" height="100%" src="about:blank"></iframe>' +
+            ' <div class="edui-shadow"></div>' +
+            ' <div id="##_content" class="edui-message-content">' +
+            '  </div>' +
+            ' </div>' +
+            '</div>';
+        },
+        reset: function(opt){
+            var me = this;
+            if (!opt.keepshow) {
+                clearTimeout(this.timer);
+                me.timer = setTimeout(function(){
+                    me.hide();
+                }, opt.timeout || 4000);
+            }
+
+            opt.content !== undefined && me.setContent(opt.content);
+            opt.type !== undefined && me.setType(opt.type);
+
+            me.show();
+        },
+        postRender: function(){
+            var me = this,
+                closer = this.getDom('closer');
+            closer && domUtils.on(closer, 'click', function(){
+                me.hide();
+            });
+        },
+        setContent: function(content){
+            this.getDom('content').innerHTML = content;
+        },
+        setType: function(type){
+            type = type || 'info';
+            var body = this.getDom('body');
+            body.className = body.className.replace(/edui-message-type-[\w-]+/, 'edui-message-type-' + type);
+        },
+        getContent: function(){
+            return this.getDom('content').innerHTML;
+        },
+        getType: function(){
+            var arr = this.getDom('body').match(/edui-message-type-([\w-]+)/);
+            return arr ? arr[1]:'';
+        },
+        show: function (){
+            this.getDom().style.display = 'block';
+        },
+        hide: function (){
+            var dom = this.getDom();
+            if (dom) {
+                dom.style.display = 'none';
+                dom.parentNode && dom.parentNode.removeChild(dom);
+            }
+        }
+    };
+
+    utils.inherits(Message, UIBase);
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/multiMenu.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/multiMenu.js
new file mode 100644
index 000000000..05ed55d06
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/multiMenu.js
@@ -0,0 +1,39 @@
+///import core
+///import uicore
+ ///commands 表情
+(function(){
+    var utils = baidu.editor.utils,
+        Popup = baidu.editor.ui.Popup,
+        SplitButton = baidu.editor.ui.SplitButton,
+        MultiMenuPop = baidu.editor.ui.MultiMenuPop = function(options){
+            this.initOptions(options);
+            this.initMultiMenu();
+        };
+
+    MultiMenuPop.prototype = {
+        initMultiMenu: function (){
+            var me = this;
+            this.popup = new Popup({
+                content: '',
+                editor : me.editor,
+                iframe_rendered: false,
+                onshow: function (){
+                    if (!this.iframe_rendered) {
+                        this.iframe_rendered = true;
+                        this.getDom('content').innerHTML = '<iframe id="'+me.id+'_iframe" src="'+ me.iframeUrl +'" frameborder="0"></iframe>';
+                        me.editor.container.style.zIndex && (this.getDom().style.zIndex = me.editor.container.style.zIndex * 1 + 1);
+                    }
+                }
+               // canSideUp:false,
+               // canSideLeft:false
+            });
+            this.onbuttonclick = function(){
+                this.showPopup();
+            };
+            this.initSplitButton();
+        }
+
+    };
+
+    utils.inherits(MultiMenuPop, SplitButton);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/pastepicker.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/pastepicker.js
new file mode 100644
index 000000000..0676fa054
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/pastepicker.js
@@ -0,0 +1,66 @@
+///import core
+///import uicore
+(function () {
+    var utils = baidu.editor.utils,
+        Stateful = baidu.editor.ui.Stateful,
+        uiUtils = baidu.editor.ui.uiUtils,
+        UIBase = baidu.editor.ui.UIBase;
+
+    var PastePicker = baidu.editor.ui.PastePicker = function (options) {
+        this.initOptions(options);
+        this.initPastePicker();
+    };
+    PastePicker.prototype = {
+        initPastePicker:function () {
+            this.initUIBase();
+            this.Stateful_init();
+        },
+        getHtmlTpl:function () {
+            return '<div class="edui-pasteicon" onclick="$$._onClick(this)"></div>' +
+                '<div class="edui-pastecontainer">' +
+                '<div class="edui-title">' + this.editor.getLang("pasteOpt") + '</div>' +
+                '<div class="edui-button">' +
+                '<div title="' + this.editor.getLang("pasteSourceFormat") + '" onclick="$$.format(false)" stateful>' +
+                '<div class="edui-richtxticon"></div></div>' +
+                '<div title="' + this.editor.getLang("tagFormat") + '" onclick="$$.format(2)" stateful>' +
+                '<div class="edui-tagicon"></div></div>' +
+                '<div title="' + this.editor.getLang("pasteTextFormat") + '" onclick="$$.format(true)" stateful>' +
+                '<div class="edui-plaintxticon"></div></div>' +
+                '</div>' +
+                '</div>' +
+                '</div>'
+        },
+        getStateDom:function () {
+            return this.target;
+        },
+        format:function (param) {
+            this.editor.ui._isTransfer = true;
+            this.editor.fireEvent('pasteTransfer', param);
+        },
+        _onClick:function (cur) {
+            var node = domUtils.getNextDomNode(cur),
+                screenHt = uiUtils.getViewportRect().height,
+                subPop = uiUtils.getClientRect(node);
+
+            if ((subPop.top + subPop.height) > screenHt)
+                node.style.top = (-subPop.height - cur.offsetHeight) + "px";
+            else
+                node.style.top = "";
+
+            if (/hidden/ig.test(domUtils.getComputedStyle(node, "visibility"))) {
+                node.style.visibility = "visible";
+                domUtils.addClass(cur, "edui-state-opened");
+            } else {
+                node.style.visibility = "hidden";
+                domUtils.removeClasses(cur, "edui-state-opened")
+            }
+        },
+        _UIBase_render:UIBase.prototype.render
+    };
+    utils.inherits(PastePicker, UIBase);
+    utils.extend(PastePicker.prototype, Stateful, true);
+})();
+
+
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/popup.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/popup.js
new file mode 100644
index 000000000..3bccb06cd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/popup.js
@@ -0,0 +1,257 @@
+///import core
+///import uicore
+(function () {
+    var utils = baidu.editor.utils,
+        uiUtils = baidu.editor.ui.uiUtils,
+        domUtils = baidu.editor.dom.domUtils,
+        UIBase = baidu.editor.ui.UIBase,
+        Popup = baidu.editor.ui.Popup = function (options){
+            this.initOptions(options);
+            this.initPopup();
+        };
+
+    var allPopups = [];
+    function closeAllPopup( evt,el ){
+        for ( var i = 0; i < allPopups.length; i++ ) {
+            var pop = allPopups[i];
+            if (!pop.isHidden()) {
+                if (pop.queryAutoHide(el) !== false) {
+                    if(evt&&/scroll/ig.test(evt.type)&&pop.className=="edui-wordpastepop")   return;
+                    pop.hide();
+                }
+            }
+        }
+
+        if(allPopups.length)
+            pop.editor.fireEvent("afterhidepop");
+    }
+
+    Popup.postHide = closeAllPopup;
+
+    var ANCHOR_CLASSES = ['edui-anchor-topleft','edui-anchor-topright',
+        'edui-anchor-bottomleft','edui-anchor-bottomright'];
+    Popup.prototype = {
+        SHADOW_RADIUS: 5,
+        content: null,
+        _hidden: false,
+        autoRender: true,
+        canSideLeft: true,
+        canSideUp: true,
+        initPopup: function (){
+            this.initUIBase();
+            allPopups.push( this );
+        },
+        getHtmlTpl: function (){
+            return '<div id="##" class="edui-popup %%" onmousedown="return false;">' +
+                ' <div id="##_body" class="edui-popup-body">' +
+                ' <iframe style="position:absolute;z-index:-1;left:0;top:0;background-color: transparent;" frameborder="0" width="100%" height="100%" src="about:blank"></iframe>' +
+                ' <div class="edui-shadow"></div>' +
+                ' <div id="##_content" class="edui-popup-content">' +
+                this.getContentHtmlTpl() +
+                '  </div>' +
+                ' </div>' +
+                '</div>';
+        },
+        getContentHtmlTpl: function (){
+            if(this.content){
+                if (typeof this.content == 'string') {
+                    return this.content;
+                }
+                return this.content.renderHtml();
+            }else{
+                return ''
+            }
+
+        },
+        _UIBase_postRender: UIBase.prototype.postRender,
+        postRender: function (){
+
+
+            if (this.content instanceof UIBase) {
+                this.content.postRender();
+            }
+
+            //捕获鼠标滚轮
+            if( this.captureWheel && !this.captured ) {
+
+                this.captured = true;
+
+                var winHeight = ( document.documentElement.clientHeight || document.body.clientHeight )  - 80,
+                    _height = this.getDom().offsetHeight,
+                    _top = uiUtils.getClientRect( this.combox.getDom() ).top,
+                    content = this.getDom('content'),
+                    ifr = this.getDom('body').getElementsByTagName('iframe'),
+                    me = this;
+
+                ifr.length && ( ifr = ifr[0] );
+
+                while( _top + _height > winHeight ) {
+                    _height -= 30;
+                }
+                content.style.height = _height + 'px';
+                //同步更改iframe高度
+                ifr && ( ifr.style.height = _height + 'px' );
+
+                //阻止在combox上的鼠标滚轮事件, 防止用户的正常操作被误解
+                if( window.XMLHttpRequest ) {
+
+                    domUtils.on( content, ( 'onmousewheel' in document.body ) ? 'mousewheel' :'DOMMouseScroll' , function(e){
+
+                        if(e.preventDefault) {
+                            e.preventDefault();
+                        } else {
+                            e.returnValue = false;
+                        }
+
+                        if( e.wheelDelta ) {
+
+                            content.scrollTop -= ( e.wheelDelta / 120 )*60;
+
+                        } else {
+
+                            content.scrollTop -= ( e.detail / -3 )*60;
+
+                        }
+
+                    });
+
+                } else {
+
+                    //ie6
+                    domUtils.on( this.getDom(), 'mousewheel' , function(e){
+
+                        e.returnValue = false;
+
+                        me.getDom('content').scrollTop -= ( e.wheelDelta / 120 )*60;
+
+                    });
+
+                }
+
+            }
+            this.fireEvent('postRenderAfter');
+            this.hide(true);
+            this._UIBase_postRender();
+        },
+        _doAutoRender: function (){
+            if (!this.getDom() && this.autoRender) {
+                this.render();
+            }
+        },
+        mesureSize: function (){
+            var box = this.getDom('content');
+            return uiUtils.getClientRect(box);
+        },
+        fitSize: function (){
+            if( this.captureWheel && this.sized ) {
+                return this.__size;
+            }
+            this.sized = true;
+            var popBodyEl = this.getDom('body');
+            popBodyEl.style.width = '';
+            popBodyEl.style.height = '';
+            var size = this.mesureSize();
+            if( this.captureWheel ) {
+                popBodyEl.style.width =  -(-20 -size.width) + 'px';
+                var height = parseInt( this.getDom('content').style.height, 10 );
+                !window.isNaN( height ) && ( size.height = height );
+            } else {
+                popBodyEl.style.width =  size.width + 'px';
+            }
+            popBodyEl.style.height = size.height + 'px';
+            this.__size = size;
+            this.captureWheel && (this.getDom('content').style.overflow = 'auto');
+            return size;
+        },
+        showAnchor: function ( element, hoz ){
+            this.showAnchorRect( uiUtils.getClientRect( element ), hoz );
+        },
+        showAnchorRect: function ( rect, hoz, adj ){
+            this._doAutoRender();
+            var vpRect = uiUtils.getViewportRect();
+            this.getDom().style.visibility = 'hidden';
+            this._show();
+            var popSize = this.fitSize();
+
+            var sideLeft, sideUp, left, top;
+            if (hoz) {
+                sideLeft = this.canSideLeft && (rect.right + popSize.width > vpRect.right && rect.left > popSize.width);
+                sideUp = this.canSideUp && (rect.top + popSize.height > vpRect.bottom && rect.bottom > popSize.height);
+                left = (sideLeft ? rect.left - popSize.width : rect.right);
+                top = (sideUp ? rect.bottom - popSize.height : rect.top);
+            } else {
+                sideLeft = this.canSideLeft && (rect.right + popSize.width > vpRect.right && rect.left > popSize.width);
+                sideUp = this.canSideUp && (rect.top + popSize.height > vpRect.bottom && rect.bottom > popSize.height);
+                left = (sideLeft ? rect.right - popSize.width : rect.left);
+                top = (sideUp ? rect.top - popSize.height : rect.bottom);
+            }
+
+            var popEl = this.getDom();
+            uiUtils.setViewportOffset(popEl, {
+                left: left,
+                top: top
+            });
+            domUtils.removeClasses(popEl, ANCHOR_CLASSES);
+            popEl.className += ' ' + ANCHOR_CLASSES[(sideUp ? 1 : 0) * 2 + (sideLeft ? 1 : 0)];
+            if(this.editor){
+                popEl.style.zIndex = this.editor.container.style.zIndex * 1 + 10;
+                baidu.editor.ui.uiUtils.getFixedLayer().style.zIndex = popEl.style.zIndex - 1;
+            }
+            this.getDom().style.visibility = 'visible';
+
+        },
+        showAt: function (offset) {
+            var left = offset.left;
+            var top = offset.top;
+            var rect = {
+                left: left,
+                top: top,
+                right: left,
+                bottom: top,
+                height: 0,
+                width: 0
+            };
+            this.showAnchorRect(rect, false, true);
+        },
+        _show: function (){
+            if (this._hidden) {
+                var box = this.getDom();
+                box.style.display = '';
+                this._hidden = false;
+//                if (box.setActive) {
+//                    box.setActive();
+//                }
+                this.fireEvent('show');
+            }
+        },
+        isHidden: function (){
+            return this._hidden;
+        },
+        show: function (){
+            this._doAutoRender();
+            this._show();
+        },
+        hide: function (notNofity){
+            if (!this._hidden && this.getDom()) {
+                this.getDom().style.display = 'none';
+                this._hidden = true;
+                if (!notNofity) {
+                    this.fireEvent('hide');
+                }
+            }
+        },
+        queryAutoHide: function (el){
+            return !el || !uiUtils.contains(this.getDom(), el);
+        }
+    };
+    utils.inherits(Popup, UIBase);
+    
+    domUtils.on( document, 'mousedown', function ( evt ) {
+        var el = evt.target || evt.srcElement;
+        closeAllPopup( evt,el );
+    } );
+    domUtils.on( window, 'scroll', function (evt,el) {
+        closeAllPopup( evt,el );
+    } );
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/separator.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/separator.js
new file mode 100644
index 000000000..0041c8d58
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/separator.js
@@ -0,0 +1,19 @@
+(function (){
+    var utils = baidu.editor.utils,
+        UIBase = baidu.editor.ui.UIBase,
+        Separator = baidu.editor.ui.Separator = function (options){
+            this.initOptions(options);
+            this.initSeparator();
+        };
+    Separator.prototype = {
+        uiName: 'separator',
+        initSeparator: function (){
+            this.initUIBase();
+        },
+        getHtmlTpl: function (){
+            return '<div id="##" class="edui-box %%"></div>';
+        }
+    };
+    utils.inherits(Separator, UIBase);
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/shortcutmenu.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/shortcutmenu.js
new file mode 100644
index 000000000..9b71bd2fd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/shortcutmenu.js
@@ -0,0 +1,232 @@
+(function () {
+    var UI = baidu.editor.ui,
+        UIBase = UI.UIBase,
+        uiUtils = UI.uiUtils,
+        utils = baidu.editor.utils,
+        domUtils = baidu.editor.dom.domUtils;
+
+    var allMenus = [],//存储所有快捷菜单
+        timeID,
+        isSubMenuShow = false;//是否有子pop显示
+
+    var ShortCutMenu = UI.ShortCutMenu = function (options) {
+        this.initOptions (options);
+        this.initShortCutMenu ();
+    };
+
+    ShortCutMenu.postHide = hideAllMenu;
+
+    ShortCutMenu.prototype = {
+        isHidden : true ,
+        SPACE : 5 ,
+        initShortCutMenu : function () {
+            this.items = this.items || [];
+            this.initUIBase ();
+            this.initItems ();
+            this.initEvent ();
+            allMenus.push (this);
+        } ,
+        initEvent : function () {
+            var me = this,
+                doc = me.editor.document;
+
+            domUtils.on (doc , "mousemove" , function (e) {
+                if (me.isHidden === false) {
+                    //有pop显示就不隐藏快捷菜单
+                    if (me.getSubMenuMark () || me.eventType == "contextmenu")   return;
+
+
+                    var flag = true,
+                        el = me.getDom (),
+                        wt = el.offsetWidth,
+                        ht = el.offsetHeight,
+                        distanceX = wt / 2 + me.SPACE,//距离中心X标准
+                        distanceY = ht / 2,//距离中心Y标准
+                        x = Math.abs (e.screenX - me.left),//离中心距离横坐标
+                        y = Math.abs (e.screenY - me.top);//离中心距离纵坐标
+
+                    clearTimeout (timeID);
+                    timeID = setTimeout (function () {
+                        if (y > 0 && y < distanceY) {
+                            me.setOpacity (el , "1");
+                        } else if (y > distanceY && y < distanceY + 70) {
+                            me.setOpacity (el , "0.5");
+                            flag = false;
+                        } else if (y > distanceY + 70 && y < distanceY + 140) {
+                            me.hide ();
+                        }
+
+                        if (flag && x > 0 && x < distanceX) {
+                            me.setOpacity (el , "1")
+                        } else if (x > distanceX && x < distanceX + 70) {
+                            me.setOpacity (el , "0.5")
+                        } else if (x > distanceX + 70 && x < distanceX + 140) {
+                            me.hide ();
+                        }
+                    });
+                }
+            });
+
+            //ie\ff下 mouseout不准
+            if (browser.chrome) {
+                domUtils.on (doc , "mouseout" , function (e) {
+                    var relatedTgt = e.relatedTarget || e.toElement;
+
+                    if (relatedTgt == null || relatedTgt.tagName == "HTML") {
+                        me.hide ();
+                    }
+                });
+            }
+
+            me.editor.addListener ("afterhidepop" , function () {
+                if (!me.isHidden) {
+                    isSubMenuShow = true;
+                }
+            });
+
+        } ,
+        initItems : function () {
+            if (utils.isArray (this.items)) {
+                for (var i = 0, len = this.items.length ; i < len ; i++) {
+                    var item = this.items[i].toLowerCase ();
+
+                    if (UI[item]) {
+                        this.items[i] = new UI[item] (this.editor);
+                        this.items[i].className += " edui-shortcutsubmenu ";
+                    }
+                }
+            }
+        } ,
+        setOpacity : function (el , value) {
+            if (browser.ie && browser.version < 9) {
+                el.style.filter = "alpha(opacity = " + parseFloat (value) * 100 + ");"
+            } else {
+                el.style.opacity = value;
+            }
+        } ,
+        getSubMenuMark : function () {
+            isSubMenuShow = false;
+            var layerEle = uiUtils.getFixedLayer ();
+            var list = domUtils.getElementsByTagName (layerEle , "div" , function (node) {
+                return domUtils.hasClass (node , "edui-shortcutsubmenu edui-popup")
+            });
+
+            for (var i = 0, node ; node = list[i++] ;) {
+                if (node.style.display != "none") {
+                    isSubMenuShow = true;
+                }
+            }
+            return isSubMenuShow;
+        } ,
+        show : function (e , hasContextmenu) {
+            var me = this,
+                offset = {},
+                el = this.getDom (),
+                fixedlayer = uiUtils.getFixedLayer ();
+
+            function setPos (offset) {
+                if (offset.left < 0) {
+                    offset.left = 0;
+                }
+                if (offset.top < 0) {
+                    offset.top = 0;
+                }
+                el.style.cssText = "position:absolute;left:" + offset.left + "px;top:" + offset.top + "px;";
+            }
+
+            function setPosByCxtMenu (menu) {
+                if (!menu.tagName) {
+                    menu = menu.getDom ();
+                }
+                offset.left = parseInt (menu.style.left);
+                offset.top = parseInt (menu.style.top);
+                offset.top -= el.offsetHeight + 15;
+                setPos (offset);
+            }
+
+
+            me.eventType = e.type;
+            el.style.cssText = "display:block;left:-9999px";
+
+            if (e.type == "contextmenu" && hasContextmenu) {
+                var menu = domUtils.getElementsByTagName (fixedlayer , "div" , "edui-contextmenu")[0];
+                if (menu) {
+                    setPosByCxtMenu (menu)
+                } else {
+                    me.editor.addListener ("aftershowcontextmenu" , function (type , menu) {
+                        setPosByCxtMenu (menu);
+                    });
+                }
+            } else {
+                offset = uiUtils.getViewportOffsetByEvent (e);
+                offset.top -= el.offsetHeight + me.SPACE;
+                offset.left += me.SPACE + 20;
+                setPos (offset);
+                me.setOpacity (el , 0.2);
+            }
+
+
+            me.isHidden = false;
+            me.left = e.screenX + el.offsetWidth / 2 - me.SPACE;
+            me.top = e.screenY - (el.offsetHeight / 2) - me.SPACE;
+
+            if (me.editor) {
+                el.style.zIndex = me.editor.container.style.zIndex * 1 + 10;
+                fixedlayer.style.zIndex = el.style.zIndex - 1;
+            }
+        } ,
+        hide : function () {
+            if (this.getDom ()) {
+                this.getDom ().style.display = "none";
+            }
+            this.isHidden = true;
+        } ,
+        postRender : function () {
+            if (utils.isArray (this.items)) {
+                for (var i = 0, item ; item = this.items[i++] ;) {
+                    item.postRender ();
+                }
+            }
+        } ,
+        getHtmlTpl : function () {
+            var buff;
+            if (utils.isArray (this.items)) {
+                buff = [];
+                for (var i = 0 ; i < this.items.length ; i++) {
+                    buff[i] = this.items[i].renderHtml ();
+                }
+                buff = buff.join ("");
+            } else {
+                buff = this.items;
+            }
+
+            return '<div id="##" class="%% edui-toolbar" data-src="shortcutmenu" onmousedown="return false;" onselectstart="return false;" >' +
+                buff +
+                '</div>';
+        }
+    };
+
+    utils.inherits (ShortCutMenu , UIBase);
+
+    function hideAllMenu (e) {
+        var tgt = e.target || e.srcElement,
+            cur = domUtils.findParent (tgt , function (node) {
+                return domUtils.hasClass (node , "edui-shortcutmenu") || domUtils.hasClass (node , "edui-popup");
+            } , true);
+
+        if (!cur) {
+            for (var i = 0, menu ; menu = allMenus[i++] ;) {
+                menu.hide ()
+            }
+        }
+    }
+
+    domUtils.on (document , 'mousedown' , function (e) {
+        hideAllMenu (e);
+    });
+
+    domUtils.on (window , 'scroll' , function (e) {
+        hideAllMenu (e);
+    });
+
+}) ();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/splitbutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/splitbutton.js
new file mode 100644
index 000000000..cbc7f1171
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/splitbutton.js
@@ -0,0 +1,87 @@
+///import core
+///import uicore
+///import ui/stateful.js
+(function (){
+    var utils = baidu.editor.utils,
+        uiUtils = baidu.editor.ui.uiUtils,
+        domUtils = baidu.editor.dom.domUtils,
+        UIBase = baidu.editor.ui.UIBase,
+        Stateful = baidu.editor.ui.Stateful,
+        SplitButton = baidu.editor.ui.SplitButton = function (options){
+            this.initOptions(options);
+            this.initSplitButton();
+        };
+    SplitButton.prototype = {
+        popup: null,
+        uiName: 'splitbutton',
+        title: '',
+        initSplitButton: function (){
+            this.initUIBase();
+            this.Stateful_init();
+            var me = this;
+            if (this.popup != null) {
+                var popup = this.popup;
+                this.popup = null;
+                this.setPopup(popup);
+            }
+        },
+        _UIBase_postRender: UIBase.prototype.postRender,
+        postRender: function (){
+            this.Stateful_postRender();
+            this._UIBase_postRender();
+        },
+        setPopup: function (popup){
+            if (this.popup === popup) return;
+            if (this.popup != null) {
+                this.popup.dispose();
+            }
+            popup.addListener('show', utils.bind(this._onPopupShow, this));
+            popup.addListener('hide', utils.bind(this._onPopupHide, this));
+            popup.addListener('postrender', utils.bind(function (){
+                popup.getDom('body').appendChild(
+                    uiUtils.createElementByHtml('<div id="' +
+                        this.popup.id + '_bordereraser" class="edui-bordereraser edui-background" style="width:' +
+                        (uiUtils.getClientRect(this.getDom()).width + 20) + 'px"></div>')
+                    );
+                popup.getDom().className += ' ' + this.className;
+            }, this));
+            this.popup = popup;
+        },
+        _onPopupShow: function (){
+            this.addState('opened');
+        },
+        _onPopupHide: function (){
+            this.removeState('opened');
+        },
+        getHtmlTpl: function (){
+            return '<div id="##" class="edui-box %%">' +
+                '<div '+ (this.title ? 'title="' + this.title + '"' : '') +' id="##_state" stateful><div class="%%-body">' +
+                '<div id="##_button_body" class="edui-box edui-button-body" onclick="$$._onButtonClick(event, this);">' +
+                '<div class="edui-box edui-icon"></div>' +
+                '</div>' +
+                '<div class="edui-box edui-splitborder"></div>' +
+                '<div class="edui-box edui-arrow" onclick="$$._onArrowClick();"></div>' +
+                '</div></div></div>';
+        },
+        showPopup: function (){
+            // 当popup往上弹出的时候，做特殊处理
+            var rect = uiUtils.getClientRect(this.getDom());
+            rect.top -= this.popup.SHADOW_RADIUS;
+            rect.height += this.popup.SHADOW_RADIUS;
+            this.popup.showAnchorRect(rect);
+        },
+        _onArrowClick: function (event, el){
+            if (!this.isDisabled()) {
+                this.showPopup();
+            }
+        },
+        _onButtonClick: function (){
+            if (!this.isDisabled()) {
+                this.fireEvent('buttonclick');
+            }
+        }
+    };
+    utils.inherits(SplitButton, UIBase);
+    utils.extend(SplitButton.prototype, Stateful, true);
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/stateful.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/stateful.js
new file mode 100644
index 000000000..43d610fbb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/stateful.js
@@ -0,0 +1,108 @@
+(function (){
+    var browser = baidu.editor.browser,
+        domUtils = baidu.editor.dom.domUtils,
+        uiUtils = baidu.editor.ui.uiUtils;
+    
+    var TPL_STATEFUL = 'onmousedown="$$.Stateful_onMouseDown(event, this);"' +
+        ' onmouseup="$$.Stateful_onMouseUp(event, this);"' +
+        ( browser.ie ? (
+        ' onmouseenter="$$.Stateful_onMouseEnter(event, this);"' +
+        ' onmouseleave="$$.Stateful_onMouseLeave(event, this);"' )
+        : (
+        ' onmouseover="$$.Stateful_onMouseOver(event, this);"' +
+        ' onmouseout="$$.Stateful_onMouseOut(event, this);"' ));
+    
+    baidu.editor.ui.Stateful = {
+        alwalysHoverable: false,
+        target:null,//目标元素和this指向dom不一样
+        Stateful_init: function (){
+            this._Stateful_dGetHtmlTpl = this.getHtmlTpl;
+            this.getHtmlTpl = this.Stateful_getHtmlTpl;
+        },
+        Stateful_getHtmlTpl: function (){
+            var tpl = this._Stateful_dGetHtmlTpl();
+            // 使用function避免$转义
+            return tpl.replace(/stateful/g, function (){ return TPL_STATEFUL; });
+        },
+        Stateful_onMouseEnter: function (evt, el){
+            this.target=el;
+            if (!this.isDisabled() || this.alwalysHoverable) {
+                this.addState('hover');
+                this.fireEvent('over');
+            }
+        },
+        Stateful_onMouseLeave: function (evt, el){
+            if (!this.isDisabled() || this.alwalysHoverable) {
+                this.removeState('hover');
+                this.removeState('active');
+                this.fireEvent('out');
+            }
+        },
+        Stateful_onMouseOver: function (evt, el){
+            var rel = evt.relatedTarget;
+            if (!uiUtils.contains(el, rel) && el !== rel) {
+                this.Stateful_onMouseEnter(evt, el);
+            }
+        },
+        Stateful_onMouseOut: function (evt, el){
+            var rel = evt.relatedTarget;
+            if (!uiUtils.contains(el, rel) && el !== rel) {
+                this.Stateful_onMouseLeave(evt, el);
+            }
+        },
+        Stateful_onMouseDown: function (evt, el){
+            if (!this.isDisabled()) {
+                this.addState('active');
+            }
+        },
+        Stateful_onMouseUp: function (evt, el){
+            if (!this.isDisabled()) {
+                this.removeState('active');
+            }
+        },
+        Stateful_postRender: function (){
+            if (this.disabled && !this.hasState('disabled')) {
+                this.addState('disabled');
+            }
+        },
+        hasState: function (state){
+            return domUtils.hasClass(this.getStateDom(), 'edui-state-' + state);
+        },
+        addState: function (state){
+            if (!this.hasState(state)) {
+                this.getStateDom().className += ' edui-state-' + state;
+            }
+        },
+        removeState: function (state){
+            if (this.hasState(state)) {
+                domUtils.removeClasses(this.getStateDom(), ['edui-state-' + state]);
+            }
+        },
+        getStateDom: function (){
+            return this.getDom('state');
+        },
+        isChecked: function (){
+            return this.hasState('checked');
+        },
+        setChecked: function (checked){
+            if (!this.isDisabled() && checked) {
+                this.addState('checked');
+            } else {
+                this.removeState('checked');
+            }
+        },
+        isDisabled: function (){
+            return this.hasState('disabled');
+        },
+        setDisabled: function (disabled){
+            if (disabled) {
+                this.removeState('hover');
+                this.removeState('checked');
+                this.removeState('active');
+                this.addState('disabled');
+            } else {
+                this.removeState('disabled');
+            }
+        }
+    };
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/tablebutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/tablebutton.js
new file mode 100644
index 000000000..4ce1c63ce
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/tablebutton.js
@@ -0,0 +1,37 @@
+///import core
+///import uicore
+///import ui/popup.js
+///import ui/tablepicker.js
+///import ui/splitbutton.js
+(function (){
+    var utils = baidu.editor.utils,
+        Popup = baidu.editor.ui.Popup,
+        TablePicker = baidu.editor.ui.TablePicker,
+        SplitButton = baidu.editor.ui.SplitButton,
+        TableButton = baidu.editor.ui.TableButton = function (options){
+            this.initOptions(options);
+            this.initTableButton();
+        };
+    TableButton.prototype = {
+        initTableButton: function (){
+            var me = this;
+            this.popup = new Popup({
+                content: new TablePicker({
+                    editor:me.editor,
+                    onpicktable: function (t, numCols, numRows){
+                        me._onPickTable(numCols, numRows);
+                    }
+                }),
+                'editor':me.editor
+            });
+            this.initSplitButton();
+        },
+        _onPickTable: function (numCols, numRows){
+            if (this.fireEvent('picktable', numCols, numRows) !== false) {
+                this.popup.hide();
+            }
+        }
+    };
+    utils.inherits(TableButton, SplitButton);
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/tablepicker.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/tablepicker.js
new file mode 100644
index 000000000..bf1c250a3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/tablepicker.js
@@ -0,0 +1,83 @@
+///import core
+///import uicore
+(function (){
+    var utils = baidu.editor.utils,
+        uiUtils = baidu.editor.ui.uiUtils,
+        UIBase = baidu.editor.ui.UIBase;
+    
+    var TablePicker = baidu.editor.ui.TablePicker = function (options){
+        this.initOptions(options);
+        this.initTablePicker();
+    };
+    TablePicker.prototype = {
+        defaultNumRows: 10,
+        defaultNumCols: 10,
+        maxNumRows: 20,
+        maxNumCols: 20,
+        numRows: 10,
+        numCols: 10,
+        lengthOfCellSide: 22,
+        initTablePicker: function (){
+            this.initUIBase();
+        },
+        getHtmlTpl: function (){
+            var me = this;
+            return '<div id="##" class="edui-tablepicker %%">' +
+                 '<div class="edui-tablepicker-body">' +
+                  '<div class="edui-infoarea">' +
+                   '<span id="##_label" class="edui-label"></span>' +
+                  '</div>' +
+                  '<div class="edui-pickarea"' +
+                   ' onmousemove="$$._onMouseMove(event, this);"' +
+                   ' onmouseover="$$._onMouseOver(event, this);"' +
+                   ' onmouseout="$$._onMouseOut(event, this);"' +
+                   ' onclick="$$._onClick(event, this);"' +
+                  '>' +
+                    '<div id="##_overlay" class="edui-overlay"></div>' +
+                  '</div>' +
+                 '</div>' +
+                '</div>';
+        },
+        _UIBase_render: UIBase.prototype.render,
+        render: function (holder){
+            this._UIBase_render(holder);
+            this.getDom('label').innerHTML = '0'+this.editor.getLang("t_row")+' x 0'+this.editor.getLang("t_col");
+        },
+        _track: function (numCols, numRows){
+            var style = this.getDom('overlay').style;
+            var sideLen = this.lengthOfCellSide;
+            style.width = numCols * sideLen + 'px';
+            style.height = numRows * sideLen + 'px';
+            var label = this.getDom('label');
+            label.innerHTML = numCols +this.editor.getLang("t_col")+' x ' + numRows + this.editor.getLang("t_row");
+            this.numCols = numCols;
+            this.numRows = numRows;
+        },
+        _onMouseOver: function (evt, el){
+            var rel = evt.relatedTarget || evt.fromElement;
+            if (!uiUtils.contains(el, rel) && el !== rel) {
+                this.getDom('label').innerHTML = '0'+this.editor.getLang("t_col")+' x 0'+this.editor.getLang("t_row");
+                this.getDom('overlay').style.visibility = '';
+            }
+        },
+        _onMouseOut: function (evt, el){
+            var rel = evt.relatedTarget || evt.toElement;
+            if (!uiUtils.contains(el, rel) && el !== rel) {
+                this.getDom('label').innerHTML = '0'+this.editor.getLang("t_col")+' x 0'+this.editor.getLang("t_row");
+                this.getDom('overlay').style.visibility = 'hidden';
+            }
+        },
+        _onMouseMove: function (evt, el){
+            var style = this.getDom('overlay').style;
+            var offset = uiUtils.getEventOffset(evt);
+            var sideLen = this.lengthOfCellSide;
+            var numCols = Math.ceil(offset.left / sideLen);
+            var numRows = Math.ceil(offset.top / sideLen);
+            this._track(numCols, numRows);
+        },
+        _onClick: function (){
+            this.fireEvent('picktable', this.numCols, this.numRows);
+        }
+    };
+    utils.inherits(TablePicker, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/toolbar.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/toolbar.js
new file mode 100644
index 000000000..f7f2b8655
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/toolbar.js
@@ -0,0 +1,49 @@
+(function (){
+    var utils = baidu.editor.utils,
+        uiUtils = baidu.editor.ui.uiUtils,
+        UIBase = baidu.editor.ui.UIBase,
+        Toolbar = baidu.editor.ui.Toolbar = function (options){
+            this.initOptions(options);
+            this.initToolbar();
+        };
+    Toolbar.prototype = {
+        items: null,
+        initToolbar: function (){
+            this.items = this.items || [];
+            this.initUIBase();
+        },
+        add: function (item,index){
+            if(index === undefined){
+                this.items.push(item);
+            }else{
+                this.items.splice(index,0,item)
+            }
+
+        },
+        getHtmlTpl: function (){
+            var buff = [];
+            for (var i=0; i<this.items.length; i++) {
+                buff[i] = this.items[i].renderHtml();
+            }
+            return '<div id="##" class="edui-toolbar %%" onselectstart="return false;" onmousedown="return $$._onMouseDown(event, this);">' +
+                buff.join('') +
+                '</div>'
+        },
+        postRender: function (){
+            var box = this.getDom();
+            for (var i=0; i<this.items.length; i++) {
+                this.items[i].postRender();
+            }
+            uiUtils.makeUnselectable(box);
+        },
+        _onMouseDown: function (e){
+            var target = e.target || e.srcElement,
+                tagName = target && target.tagName && target.tagName.toLowerCase();
+            if (tagName == 'input' || tagName == 'object' || tagName == 'object') {
+                return false;
+            }
+        }
+    };
+    utils.inherits(Toolbar, UIBase);
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/ui.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/ui.js
new file mode 100644
index 000000000..abd67b35f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/ui.js
@@ -0,0 +1,3 @@
+var baidu = baidu || {};
+baidu.editor = baidu.editor || {};
+UE.ui = baidu.editor.ui = {};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/uibase.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/uibase.js
new file mode 100644
index 000000000..e9ebe87f4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/uibase.js
@@ -0,0 +1,83 @@
+(function () {
+    var utils = baidu.editor.utils,
+        uiUtils = baidu.editor.ui.uiUtils,
+        EventBase = baidu.editor.EventBase,
+        UIBase = baidu.editor.ui.UIBase = function () {
+        };
+
+    UIBase.prototype = {
+        className:'',
+        uiName:'',
+        initOptions:function (options) {
+            var me = this;
+            for (var k in options) {
+                me[k] = options[k];
+            }
+            this.id = this.id || 'edui' + uiUtils.uid();
+        },
+        initUIBase:function () {
+            this._globalKey = utils.unhtml(uiUtils.setGlobal(this.id, this));
+        },
+        render:function (holder) {
+            var html = this.renderHtml();
+            var el = uiUtils.createElementByHtml(html);
+
+            //by xuheng 给每个node添加class
+            var list = domUtils.getElementsByTagName(el, "*");
+            var theme = "edui-" + (this.theme || this.editor.options.theme);
+            var layer = document.getElementById('edui_fixedlayer');
+            for (var i = 0, node; node = list[i++];) {
+                domUtils.addClass(node, theme);
+            }
+            domUtils.addClass(el, theme);
+            if(layer){
+                layer.className="";
+                domUtils.addClass(layer,theme);
+            }
+
+            var seatEl = this.getDom();
+            if (seatEl != null) {
+                seatEl.parentNode.replaceChild(el, seatEl);
+                uiUtils.copyAttributes(el, seatEl);
+            } else {
+                if (typeof holder == 'string') {
+                    holder = document.getElementById(holder);
+                }
+                holder = holder || uiUtils.getFixedLayer();
+                domUtils.addClass(holder, theme);
+                holder.appendChild(el);
+            }
+            this.postRender();
+        },
+        getDom:function (name) {
+            if (!name) {
+                return document.getElementById(this.id);
+            } else {
+                return document.getElementById(this.id + '_' + name);
+            }
+        },
+        postRender:function () {
+            this.fireEvent('postrender');
+        },
+        getHtmlTpl:function () {
+            return '';
+        },
+        formatHtml:function (tpl) {
+            var prefix = 'edui-' + this.uiName;
+            return (tpl
+                .replace(/##/g, this.id)
+                .replace(/%%-/g, this.uiName ? prefix + '-' : '')
+                .replace(/%%/g, (this.uiName ? prefix : '') + ' ' + this.className)
+                .replace(/\$\$/g, this._globalKey));
+        },
+        renderHtml:function () {
+            return this.formatHtml(this.getHtmlTpl());
+        },
+        dispose:function () {
+            var box = this.getDom();
+            if (box) baidu.editor.dom.domUtils.remove(box);
+            uiUtils.unsetGlobal(this.id);
+        }
+    };
+    utils.inherits(UIBase, EventBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/uiutils.js b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/uiutils.js
new file mode 100644
index 000000000..37c42a690
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_src/ui/uiutils.js
@@ -0,0 +1,257 @@
+(function (){
+    var browser = baidu.editor.browser,
+        domUtils = baidu.editor.dom.domUtils;
+
+    var magic = '$EDITORUI';
+    var root = window[magic] = {};
+    var uidMagic = 'ID' + magic;
+    var uidCount = 0;
+
+    var uiUtils = baidu.editor.ui.uiUtils = {
+        uid: function (obj){
+            return (obj ? obj[uidMagic] || (obj[uidMagic] = ++ uidCount) : ++ uidCount);
+        },
+        hook: function ( fn, callback ) {
+            var dg;
+            if (fn && fn._callbacks) {
+                dg = fn;
+            } else {
+                dg = function (){
+                    var q;
+                    if (fn) {
+                        q = fn.apply(this, arguments);
+                    }
+                    var callbacks = dg._callbacks;
+                    var k = callbacks.length;
+                    while (k --) {
+                        var r = callbacks[k].apply(this, arguments);
+                        if (q === undefined) {
+                            q = r;
+                        }
+                    }
+                    return q;
+                };
+                dg._callbacks = [];
+            }
+            dg._callbacks.push(callback);
+            return dg;
+        },
+        createElementByHtml: function (html){
+            var el = document.createElement('div');
+            el.innerHTML = html;
+            el = el.firstChild;
+            el.parentNode.removeChild(el);
+            return el;
+        },
+        getViewportElement: function (){
+            return (browser.ie && browser.quirks) ?
+                document.body : document.documentElement;
+        },
+        getClientRect: function (element){
+            var bcr;
+            //trace  IE6下在控制编辑器显隐时可能会报错，catch一下
+            try{
+                bcr = element.getBoundingClientRect();
+            }catch(e){
+                bcr={left:0,top:0,height:0,width:0}
+            }
+            var rect = {
+                left: Math.round(bcr.left),
+                top: Math.round(bcr.top),
+                height: Math.round(bcr.bottom - bcr.top),
+                width: Math.round(bcr.right - bcr.left)
+            };
+            var doc;
+            while ((doc = element.ownerDocument) !== document &&
+                (element = domUtils.getWindow(doc).frameElement)) {
+                bcr = element.getBoundingClientRect();
+                rect.left += bcr.left;
+                rect.top += bcr.top;
+            }
+            rect.bottom = rect.top + rect.height;
+            rect.right = rect.left + rect.width;
+            return rect;
+        },
+        getViewportRect: function (){
+            var viewportEl = uiUtils.getViewportElement();
+            var width = (window.innerWidth || viewportEl.clientWidth) | 0;
+            var height = (window.innerHeight ||viewportEl.clientHeight) | 0;
+            return {
+                left: 0,
+                top: 0,
+                height: height,
+                width: width,
+                bottom: height,
+                right: width
+            };
+        },
+        setViewportOffset: function (element, offset){
+            var rect;
+            var fixedLayer = uiUtils.getFixedLayer();
+            if (element.parentNode === fixedLayer) {
+                element.style.left = offset.left + 'px';
+                element.style.top = offset.top + 'px';
+            } else {
+                domUtils.setViewportOffset(element, offset);
+            }
+        },
+        getEventOffset: function (evt){
+            var el = evt.target || evt.srcElement;
+            var rect = uiUtils.getClientRect(el);
+            var offset = uiUtils.getViewportOffsetByEvent(evt);
+            return {
+                left: offset.left - rect.left,
+                top: offset.top - rect.top
+            };
+        },
+        getViewportOffsetByEvent: function (evt){
+            var el = evt.target || evt.srcElement;
+            var frameEl = domUtils.getWindow(el).frameElement;
+            var offset = {
+                left: evt.clientX,
+                top: evt.clientY
+            };
+            if (frameEl && el.ownerDocument !== document) {
+                var rect = uiUtils.getClientRect(frameEl);
+                offset.left += rect.left;
+                offset.top += rect.top;
+            }
+            return offset;
+        },
+        setGlobal: function (id, obj){
+            root[id] = obj;
+            return magic + '["' + id  + '"]';
+        },
+        unsetGlobal: function (id){
+            delete root[id];
+        },
+        copyAttributes: function (tgt, src){
+            var attributes = src.attributes;
+            var k = attributes.length;
+            while (k --) {
+                var attrNode = attributes[k];
+                if ( attrNode.nodeName != 'style' && attrNode.nodeName != 'class' && (!browser.ie || attrNode.specified) ) {
+                    tgt.setAttribute(attrNode.nodeName, attrNode.nodeValue);
+                }
+            }
+            if (src.className) {
+                domUtils.addClass(tgt,src.className);
+            }
+            if (src.style.cssText) {
+                tgt.style.cssText += ';' + src.style.cssText;
+            }
+        },
+        removeStyle: function (el, styleName){
+            if (el.style.removeProperty) {
+                el.style.removeProperty(styleName);
+            } else if (el.style.removeAttribute) {
+                el.style.removeAttribute(styleName);
+            } else throw '';
+        },
+        contains: function (elA, elB){
+            return elA && elB && (elA === elB ? false : (
+                elA.contains ? elA.contains(elB) :
+                    elA.compareDocumentPosition(elB) & 16
+                ));
+        },
+        startDrag: function (evt, callbacks,doc){
+            var doc = doc || document;
+            var startX = evt.clientX;
+            var startY = evt.clientY;
+            function handleMouseMove(evt){
+                var x = evt.clientX - startX;
+                var y = evt.clientY - startY;
+                callbacks.ondragmove(x, y,evt);
+                if (evt.stopPropagation) {
+                    evt.stopPropagation();
+                } else {
+                    evt.cancelBubble = true;
+                }
+            }
+            if (doc.addEventListener) {
+                function handleMouseUp(evt){
+                    doc.removeEventListener('mousemove', handleMouseMove, true);
+                    doc.removeEventListener('mouseup', handleMouseUp, true);
+                    window.removeEventListener('mouseup', handleMouseUp, true);
+                    callbacks.ondragstop();
+                }
+                doc.addEventListener('mousemove', handleMouseMove, true);
+                doc.addEventListener('mouseup', handleMouseUp, true);
+                window.addEventListener('mouseup', handleMouseUp, true);
+
+                evt.preventDefault();
+            } else {
+                var elm = evt.srcElement;
+                elm.setCapture();
+                function releaseCaptrue(){
+                    elm.releaseCapture();
+                    elm.detachEvent('onmousemove', handleMouseMove);
+                    elm.detachEvent('onmouseup', releaseCaptrue);
+                    elm.detachEvent('onlosecaptrue', releaseCaptrue);
+                    callbacks.ondragstop();
+                }
+                elm.attachEvent('onmousemove', handleMouseMove);
+                elm.attachEvent('onmouseup', releaseCaptrue);
+                elm.attachEvent('onlosecaptrue', releaseCaptrue);
+                evt.returnValue = false;
+            }
+            callbacks.ondragstart();
+        },
+        getFixedLayer: function (){
+            var layer = document.getElementById('edui_fixedlayer');
+            if (layer == null) {
+                layer = document.createElement('div');
+                layer.id = 'edui_fixedlayer';
+                document.body.appendChild(layer);
+                if (browser.ie && browser.version <= 8) {
+                    layer.style.position = 'absolute';
+                    bindFixedLayer();
+                    setTimeout(updateFixedOffset);
+                } else {
+                    layer.style.position = 'fixed';
+                }
+                layer.style.left = '0';
+                layer.style.top = '0';
+                layer.style.width = '0';
+                layer.style.height = '0';
+            }
+            return layer;
+        },
+        makeUnselectable: function (element){
+            if (browser.opera || (browser.ie && browser.version < 9)) {
+                element.unselectable = 'on';
+                if (element.hasChildNodes()) {
+                    for (var i=0; i<element.childNodes.length; i++) {
+                        if (element.childNodes[i].nodeType == 1) {
+                            uiUtils.makeUnselectable(element.childNodes[i]);
+                        }
+                    }
+                }
+            } else {
+                if (element.style.MozUserSelect !== undefined) {
+                    element.style.MozUserSelect = 'none';
+                } else if (element.style.WebkitUserSelect !== undefined) {
+                    element.style.WebkitUserSelect = 'none';
+                } else if (element.style.KhtmlUserSelect !== undefined) {
+                    element.style.KhtmlUserSelect = 'none';
+                }
+            }
+        }
+    };
+    function updateFixedOffset(){
+        var layer = document.getElementById('edui_fixedlayer');
+        uiUtils.setViewportOffset(layer, {
+            left: 0,
+            top: 0
+        });
+//        layer.style.display = 'none';
+//        layer.style.display = 'block';
+
+        //#trace: 1354
+//        setTimeout(updateFixedOffset);
+    }
+    function bindFixedLayer(adjOffset){
+        domUtils.on(window, 'scroll', updateFixedOffset);
+        domUtils.on(window, 'resize', baidu.editor.utils.defer(updateFixedOffset, 0, true));
+    }
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/Editor.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/Editor.js
new file mode 100644
index 000000000..a1a9b9097
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/Editor.js
@@ -0,0 +1,862 @@
+module("core.Editor");
+//test('getContent--2个参数，第一个参数为参数为函数', function () {
+//    var editor = te.obj[1];
+//    var div = te.dom[0];
+//    editor.render(div);
+//    stop();
+//    setTimeout(function () {
+//        editor.focus();
+//        editor.setContent("<p><br/>dd</p>");
+//        equal(editor.getContent(), "<p><br/>dd</p>", 'hasContents判断不为空');
+//        equal(editor.getContent("", function () {
+//            return false
+//        }), "", '为空');
+//        setTimeout(function () {
+//            UE.delEditor('test1');
+//            setTimeout(function () {
+//                start();
+//            }, 50);
+//        }, 100);
+//    }, 50);
+//});
+//test('', function () {
+//    stop();
+//});
+test('contentchange在命令调用时的触发机制', function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    editor.ready(function () {
+        editor.commands['test1'] = {
+            execCommand: function () {
+                editor.body.innerHTML = '1123';
+            }
+        };
+        var count = 0;
+        editor.on('contentchange', function () {
+            count++;
+        });
+
+        editor.commands['test'] = {
+            execCommand: function () {
+                editor.execCommand('test1')
+            },
+            ignoreContentChange: true
+        };
+        setTimeout(function () {
+            editor.execCommand('test1');
+            equals(count, 1);
+            count = 0;
+            editor.execCommand('test');
+            equals(count, 0);
+            start();
+        }, 200);
+
+    });
+    stop();
+});
+
+test("initialStyle", function () {
+    if(ua.browser.gecko)return;//todo 1.4.0
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue', {initialStyle: "body{font-family: arial black;}.testCss{        color: rgb(192, 0, 0);    }", initialContent: "<p><span class='testCss'>测试样式，红色，字体： arial black</span></p>", autoHeightEnabled: false});
+    editor.ready(function () {
+        equal(ua.formatColor(ua.getComputedStyle(editor.body.firstChild.firstChild).color), '#c00000', 'initialStyle中设置的class样式有效');
+        ok(/arial black/.test(ua.getComputedStyle(editor.body.firstChild.firstChild).fontFamily), 'initialStyle中设置的body样式有效');
+        setTimeout(function () {
+            UE.delEditor('ue');
+            te.dom.push(document.getElementById('ue'));
+            start();
+        }, 200);
+    });
+    stop();
+});
+
+test("autoSyncData:true,textarea容器(由setcontent触发的)", function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    div.innerHTML = '<form id="form" method="post" target="_blank"><textarea id="myEditor" name="myEditor">这里的内容将会和html，body等标签一块提交</textarea></form>';
+    equal(document.getElementById('form').childNodes.length, 1, 'form里只有一个子节点');
+    var editor_a = UE.getEditor('myEditor', {autoHeightEnabled: false});
+    stop();
+    editor_a.ready(function () {
+        equal(document.getElementById('form').childNodes.length, 2, 'form里有2个子节点');
+        editor_a.setContent('<p>设置内容autoSyncData 1<br/></p>');
+        setTimeout(function () {
+            var form = document.getElementById('form');
+            equal(form.childNodes.length, 2, '失去焦点,form里多了textarea');
+            equal(form.lastChild.tagName.toLowerCase(), 'textarea', '失去焦点,form里多了textarea');
+            equal(form.lastChild.value, '<p>设置内容autoSyncData 1<br/></p>', 'textarea内容正确');
+            setTimeout(function () {
+                UE.delEditor('myEditor');
+                document.getElementById('form').parentNode.removeChild(document.getElementById('form'));
+                document.getElementById('test1') && te.dom.push(document.getElementById('test1'));
+                start();
+            }, 200);
+        }, 100);
+    });
+});
+test("autoSyncData:true（由blur触发的）", function () {
+    //todo ie8里事件触发有问题，暂用手动测
+    if (ua.browser.ie > 8 || !ua.browser.ie) {
+        var div = document.body.appendChild(document.createElement('div'));
+        div.innerHTML = '<form id="form" method="post" ><script type="text/plain" id="myEditor" name="myEditor"></script></form>';
+        var editor_a = UE.getEditor('myEditor', {autoHeightEnabled: false});
+        stop();
+        editor_a.ready(function () {
+            editor_a.body.innerHTML = '<p>设置内容autoSyncData 2<br/></p>';
+            equal(document.getElementsByTagName('textarea').length, 0, '内容空没有textarea');
+            ua.blur(editor_a.body);
+            stop();
+            setTimeout(function () {
+                var form = document.getElementById('form');
+                equal(form.childNodes.length, 2, '失去焦点,form里多了textarea');
+                equal(form.lastChild.tagName.toLowerCase(), 'textarea', '失去焦点,form里多了textarea');
+                equal(form.lastChild.value, '<p>设置内容autoSyncData 2<br/></p>', 'textarea内容正确');
+                UE.delEditor('myEditor');
+                form.parentNode.removeChild(form);
+                start();
+            }, 200);
+        });
+    }
+});
+test("sync", function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    div.innerHTML = '<form id="form" method="post" target="_blank"><textarea id="myEditor" name="myEditor">这里的内容将会和html，body等标签一块提交</textarea></form>';
+    var editor_a = UE.getEditor('myEditor', {autoHeightEnabled: false});
+    stop();
+    editor_a.ready(function () {
+        editor_a.body.innerHTML = '<p>hello</p>';
+        editor_a.sync("form");
+        setTimeout(function () {
+            var form = document.getElementById('form');
+            equal(form.lastChild.value, '<p>hello</p>', '同步内容正确');
+            div = form.parentNode;
+            UE.delEditor('myEditor');
+            div.parentNode.removeChild(div);
+            start();
+        }, 100);
+    });
+});
+test("hide,show", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    editor.ready(function () {
+        equal(editor.body.getElementsByTagName('span').length, 0, '初始没有书签');
+        editor.hide();
+        setTimeout(function () {
+            equal($(editor.container).css('display'), 'none', '隐藏编辑器');
+            equal(editor.body.getElementsByTagName('span').length, 1, '插入书签');
+            ok(/_baidu_bookmark_start/.test(editor.body.getElementsByTagName('span')[0].id), '书签');
+            editor.show();
+            setTimeout(function () {
+                equal($(te.dom[0]).css('display'), 'block', '显示编辑器');
+                var br = ua.browser.ie ? '' : '<br>';
+                equal(ua.getChildHTML(editor.body), '<p>tool</p>', '删除书签');
+                start();
+            }, 50);
+        }, 50);
+    });
+    stop();
+});
+
+test("_setDefaultContent--focus", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    editor.ready(function () {
+        editor._setDefaultContent('hello');
+        editor.fireEvent('focus');
+        setTimeout(function () {
+            var br = ua.browser.ie ? '' : '<br>';
+            equal(ua.getChildHTML(editor.body), '<p>' + br + '</p>', 'focus');
+            start();
+        }, 50);
+    });
+    stop();
+});
+
+test("_setDefaultContent--firstBeforeExecCommand", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    editor.ready(function () {
+        editor._setDefaultContent('hello');
+        editor.fireEvent('firstBeforeExecCommand');
+        setTimeout(function () {
+            var br = ua.browser.ie ? '' : '<br>';
+            equal(ua.getChildHTML(editor.body), '<p>' + br + '</p>', 'firstBeforeExecCommand');
+            start();
+        }, 50);
+    });
+    stop();
+});
+test("setDisabled,setEnabled", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    editor.ready(function () {
+        editor.setContent('<p>欢迎使用ueditor!</p>');
+        editor.focus();
+        setTimeout(function () {
+            var startContainer = editor.selection.getRange().startContainer.outerHTML;
+            var startOffset = editor.selection.getRange().startOffset;
+            var collapse = editor.selection.getRange().collapsed;
+            editor.setDisabled();
+            setTimeout(function () {
+                equal(editor.body.contentEditable, 'false', 'setDisabled');
+                equal(editor.body.firstChild.firstChild.tagName.toLowerCase(), 'span', '插入书签');
+                equal($(editor.body.firstChild.firstChild).css('display'), 'none', '检查style');
+                equal($(editor.body.firstChild.firstChild).css('line-height'), '0px', '检查style');
+                ok(/_baidu_bookmark_start/.test(editor.body.firstChild.firstChild.id), '书签');///_baidu_bookmark_start/.test()
+                editor.setEnabled();
+                setTimeout(function () {
+                    equal(editor.body.contentEditable, 'true', 'setEnabled');
+                    equal(ua.getChildHTML(editor.body), '<p>欢迎使用ueditor!</p>', '内容恢复');
+                    if (!ua.browser.ie || ua.browser.ie < 9) {// ie9,10改range 之后，ie9,10这里的前后range不一致，focus时是text，setEnabled后是p
+                        equal(editor.selection.getRange().startContainer.outerHTML, startContainer, '检查range');
+                    }
+                    equal(editor.selection.getRange().startOffset, startOffset, '检查range');
+                    equal(editor.selection.getRange().collapsed, collapse, '检查range');
+                    start();
+                }, 50);
+            }, 50);
+        }, 50);
+    });
+    stop();
+});
+test("render-- element", function () {
+    var editor = new baidu.editor.Editor({'UEDITOR_HOME_URL': '../../../', 'autoFloatEnabled': false});
+    var div = document.body.appendChild(document.createElement('div'));
+    equal(div.innerHTML, "", "before render");
+    editor.render(div);
+    equal(div.firstChild.tagName.toLocaleLowerCase(), 'iframe', 'check iframe');
+    ok(/ueditor_/.test(div.firstChild.id), 'check iframe id');
+    te.dom.push(div);
+});
+
+test("render-- elementid", function () {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    editor.render(div.id);
+    equal(div.firstChild.tagName.toLocaleLowerCase(), 'iframe', 'check iframe');
+    ok(/ueditor_/.test(div.firstChild.id), 'check iframe id');
+});
+
+test("render-- options", function () {
+    var options = {'initialContent': '<span class="span">xxx</span><div>xxx<p></p></div>', 'UEDITOR_HOME_URL': '../../../', autoClearinitialContent: false, 'autoFloatEnabled': false};
+    var editor = new baidu.editor.Editor(options);
+
+    var div = document.body.appendChild(document.createElement('div'));
+    editor.render(div);
+    /*会自动用p标签包围*/
+    var space = baidu.editor.browser.ie ? '&nbsp;' : '<br>';
+    //策略变化，自1.2.6，div 标签都会被过滤
+    stop();
+    editor.ready(function () {
+        equal(ua.getChildHTML(editor.body), '<p><span class="span">xxx</span></p><p>xxx</p><p>' + space + '</p>', 'check initialContent');
+        te.dom.push(div);
+        start();
+    });
+});
+
+test('destroy', function () {
+//    var editor = new baidu.editor.Editor( {'autoFloatEnabled':false} );
+    var editor = new UE.ui.Editor({'autoFloatEnabled': false});
+    editor.key = 'ed';
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ed';
+    editor.render(div);
+    editor.ready(function () {
+        setTimeout(function () {
+            editor.destroy();
+            equal(document.getElementById('ed').tagName.toLowerCase(), 'textarea', '容器被删掉了');
+            document.getElementById('ed') && te.dom.push(document.getElementById('ed'));
+            start();
+        }, 200);
+
+    });
+    stop();
+});
+
+//test( "setup--ready event", function() {
+//    //todo
+//} );
+//
+test("testBindshortcutKeys", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    expect(1);
+    editor.ready(function () {
+        editor.addshortcutkey({
+            "testBindshortcutKeys": "ctrl+67"//^C
+        });
+        editor.commands["testbindshortcutkeys"] = {
+            execCommand: function (cmdName) {
+                ok(1, '')
+            },
+            queryCommandState: function () {
+                return 0;
+            }
+        }
+        ua.keydown(editor.body, {keyCode: 67, ctrlKey: true});
+        setTimeout(function () {
+            start();
+        }, 200);
+    });
+    stop();
+});
+test("getContent--转换空格，nbsp与空格相间显示", function () {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        setTimeout(function () {
+            editor.focus();
+            var innerHTML = '<div> x  x   x&nbsp;&nbsp;&nbsp;&nbsp;x&nbsp;&nbsp;  &nbsp;</div>';
+            editor.setContent(innerHTML);
+            equal(editor.getContent(), '<p>x &nbsp;x &nbsp; x&nbsp;&nbsp;&nbsp;&nbsp;x&nbsp;&nbsp; &nbsp;&nbsp;</p>', "转换空格，nbsp与空格相间显示，原nbsp不变");
+            setTimeout(function () {
+//                UE.delEditor('test1');
+                start();
+            }, 100);
+        }, 100);
+    });
+});
+
+test('getContent--参数为函数', function () {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.setContent("<p><br/>dd</p>");
+        equal(editor.getContent(), "<p><br/>dd</p>", 'hasContents判断不为空');
+        equal(editor.getContent(function () {
+            return false
+        }), "", '为空');
+        setTimeout(function () {
+//            UE.delEditor('test1');
+            setTimeout(function () {
+                start();
+            }, 50);
+        }, 100);
+    });
+});
+
+test('getContent--2个参数，第一个参数为参数为函数', function () {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.setContent("<p><br/>dd</p>");
+        equal(editor.getContent(), "<p><br/>dd</p>", 'hasContents判断不为空');
+        equal(editor.getContent("", function () {
+            return false
+        }), "", '为空');
+        setTimeout(function () {
+//            UE.delEditor('test1');
+//            setTimeout(function () {
+            start();
+//            }, 50);
+        }, 100);
+    });
+});
+
+/*ie自动把左边的空格去掉，所以就不测这个了*/
+//test( "getContent--空格不会被去掉", function() {
+//    var editor = te.obj[1];
+//    var div = te.dom[0];
+//    editor.render( div );
+//    editor.focus();
+//    var innerHTML = '你好  ';
+//    editor.setContent( innerHTML );
+//    equal( editor.getContent().toLowerCase(), '<p>你好  </p>', "删除不可见字符" );
+//} );
+test("setContent", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        expect(2);
+        editor.addListener("beforesetcontent", function () {
+            ok(true, "beforesetcontent");
+        });
+        editor.addListener("aftersetcontent", function () {
+            ok(true, "aftersetcontent");
+        });
+        var html = '<span><span></span><strong>xx</strong><em>em</em><em></em><u></u></span><div>xxxx</div>';
+        editor.setContent(html);
+        var div_new = document.createElement('div');
+        div_new.innerHTML = '<p><span><span></span><strong>xx</strong><em>em</em><em></em><span style="text-decoration: underline"></span></span></p><div>xxxx</div>';
+        var div2 = document.createElement('div');
+        div2.innerHTML = editor.body.innerHTML;
+        ua.haveSameAllChildAttribs(div2, div_new, 'check contents');
+        start();
+    });
+});
+
+test("setContent 追加", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        expect(2);
+        editor.addListener("beforesetcontent", function () {
+            ok(true, "beforesetcontent");
+        });
+        editor.addListener("aftersetcontent", function () {
+            ok(true, "aftersetcontent");
+        });
+        var html = '<span><span></span><strong>xx</strong><em>em</em><em></em><u></u></span><div>xxxx</div>';
+        editor.setContent(html);
+        var div_new = document.createElement('div');
+        div_new.innerHTML = '<p><span><span></span><strong>xx</strong><em>em</em><em></em><span style="text-decoration: underline"></span></span></p><div>xxxx</div>';
+        var div2 = document.createElement('div');
+        div2.innerHTML = editor.body.innerHTML;
+        ua.haveSameAllChildAttribs(div2, div_new, 'check contents');
+        start();
+    }, 50);
+});
+//test( "focus", function() {
+//    var editor = te.obj[1];
+//    expect( 1 );
+//    /*设置onfocus事件,必须同步处理，否则在ie下onfocus会在用例执行结束后才会触发*/
+//    stop();
+//    editor.window.onfocus = function() {
+//        ok( true, 'onfocus event dispatched' );
+//        start();
+//    };
+//    editor.focus();
+//} );
+test("focus(false)", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.setContent("<p>hello1</p><p>hello2</p>");
+        setTimeout(function () {
+            editor.focus(false);
+            setTimeout(function () {
+
+                var range = editor.selection.getRange();
+                equal(range.startOffset, 0, "focus(false)焦点在最前面");
+                equal(range.endOffset, 0, "focus(false)焦点在最前面");
+                if (ua.browser.gecko||ua.browser.webkit) {
+                    equal(range.startContainer, editor.body.firstChild, "focus(false)焦点在最前面");
+                    equal(range.collapsed, true, "focus(false)焦点在最前面");
+                }
+                else {
+                    equal(range.startContainer, editor.body.firstChild.firstChild, "focus(false)焦点在最前面");
+                    equal(range.endContainer, editor.body.firstChild.firstChild, "focus(false)焦点在最前面");
+                }
+                start();
+            }, 200);
+        }, 100);
+    });
+});
+
+test("focus(true)", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.setContent("<p>hello1</p><p>hello2</p>");
+        setTimeout(function () {
+
+            editor.focus(true);
+            setTimeout(function () {
+
+                if (ua.browser.gecko||ua.browser.webkit) {
+                    equal(editor.selection.getRange().startContainer, editor.body.lastChild, "focus( true)焦点在最后面");
+                    equal(editor.selection.getRange().endContainer, editor.body.lastChild, "focus( true)焦点在最后面");
+                    equal(editor.selection.getRange().startOffset, editor.body.lastChild.childNodes.length, "focus( true)焦点在最后面");
+                    equal(editor.selection.getRange().endOffset, editor.body.lastChild.childNodes.length, "focus( true)焦点在最后面");
+                }
+                else {
+                    equal(editor.selection.getRange().startContainer, editor.body.lastChild.lastChild, "focus( true)焦点在最后面");
+                    equal(editor.selection.getRange().endContainer, editor.body.lastChild.lastChild, "focus( true)焦点在最后面");
+                    equal(editor.selection.getRange().startOffset, editor.body.lastChild.lastChild.length, "focus( true)焦点在最后面");
+                    equal(editor.selection.getRange().endOffset, editor.body.lastChild.lastChild.length, "focus( true)焦点在最后面");
+                }
+                start();
+            }, 200);
+        }, 100);
+
+    });
+});
+
+test("isFocus()", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        setTimeout(function () {
+            ok(editor.isFocus());
+            start();
+        }, 200);
+    });
+});
+
+test("blur()", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        ok(editor.isFocus());
+        editor.blur();
+        ok(!editor.isFocus());
+        editor.blur();//多次使用不报错
+        ok(!editor.isFocus());
+        start();
+    });
+});
+test("_initEvents,_proxyDomEvent--click", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        expect(1);
+        stop();
+        editor.addListener('click', function () {
+            ok(true, 'click event dispatched');
+            start();
+        });
+        ua.click(editor.document);
+    });
+});
+
+//test("_initEvents,_proxyDomEvent--focus", function() {
+//    var editor = te.obj[1];
+//
+//    expect(1);   stop();
+//    editor.addListener('focus', function() {
+//        ok(true, 'focus event dispatched');
+//        start();
+//    });
+//    editor.setContent("<p>hello1</p><p>hello2</p>");
+//    editor.focus();
+//});
+
+////TODO
+//test( "_selectionChange--测试event是否被触发", function() {
+//    var editor = te.obj[1];
+//    var div = te.dom[0];
+//    editor.render( div );
+//    editor.focus();
+//    expect( 2 );
+//    stop();
+//    editor.addListener( 'beforeselectionchange', function() {
+//        ok( true, 'before selection change' );
+//    } );
+//    editor.addListener( 'selectionchange', function() {
+//        ok( true, 'selection changed' );
+//    } );
+//
+//    ua.mousedown( editor.document, {clientX:0,clientY:0} );
+//    setTimeout( function() {
+//        ua.mouseup( editor.document, {clientX:0,clientY:0} );
+//    }, 50 );
+//
+//    /*_selectionChange有一定的延时才会触发，所以需要等一会*/
+//    setTimeout( function() {
+//        start();
+//    }, 200 );
+//} );
+
+//test("_selectionChange--fillData", function() {
+//    var editor = te.obj[1];
+//    var div = te.dom[0];
+//    editor.focus();
+//    //TODO fillData干嘛用的
+//});
+
+/*按钮高亮、正常和灰色*/
+test("queryCommandState", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.setContent("<p><b>xxx</b>xxx</p>");
+        var p = editor.document.getElementsByTagName('p')[0];
+        var r = new baidu.editor.dom.Range(editor.document);
+        r.setStart(p.firstChild, 0).setEnd(p.firstChild, 1).select();
+        equal(editor.queryCommandState('bold'), 1, '加粗状态为1');
+        r.setStart(p, 1).setEnd(p, 2).select();
+        setTimeout(function () {
+            equal(editor.queryCommandState('bold'), 0, '加粗状态为0');
+            start();
+        }, 100);
+    });
+});
+test("queryCommandValue", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.setContent('<p style="text-align:left">xxx</p>');
+        var range = new baidu.editor.dom.Range(editor.document);
+        var p = editor.document.getElementsByTagName("p")[0];
+        range.selectNode(p).select();
+        equal(editor.queryCommandValue('justify'), 'left', 'text align is left');
+        start();
+    });
+});
+test("execCommand", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.setContent("<p>xx</p><p>xxx</p>");
+        var doc = editor.document;
+        var range = new baidu.editor.dom.Range(doc);
+        var p = doc.getElementsByTagName('p')[1];
+        range.setStart(p, 0).setEnd(p, 1).select();
+        editor.execCommand('justify', 'right');
+        equal($(p).css('text-align'), 'right', 'execCommand align');
+        /*给span加style不会重复添加span*/
+        range.selectNode(p).select();
+        editor.execCommand("forecolor", "red");
+        /*span发生了变化，需要重新获取*/
+
+        var span = doc.getElementsByTagName('span')[0];
+        equal(span.style['color'], 'red', 'check execCommand color');
+        var div_new = document.createElement('div');
+        div_new.innerHTML = '<p><span style="color: red; ">xx</span></p><p style="text-align: right; ">xxx</p>';
+
+        var div1 = document.createElement('div');
+        div1.innerHTML = editor.body.innerHTML;
+        ok(ua.haveSameAllChildAttribs(div_new, div1), 'check style');
+        start();
+    });
+});
+
+test("hasContents", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.setContent('');
+        ok(!editor.hasContents(), "have't content");
+        editor.setContent("xxx");
+        ok(editor.hasContents(), "has contents");
+        editor.setContent('<p><br/></p>');
+        ok(!editor.hasContents(), '空p认为是空');
+        start();
+    });
+});
+//test( "hasContents--只有空格", function() {
+//    var editor = te.obj[1];
+//    editor.focus();
+//    editor.setContent( '    ' );
+//    ok( editor.hasContents(), "空格不被过滤" );
+//    editor.setContent( "<p> \t\n      </p>" );
+//    ok( editor.hasContents(), "空格不过滤" );
+//} );
+
+/*参数是对原有认为是空的标签的一个扩展，即原来的dtd认为br为空，加上这个参数可以认为br存在时body也不是空*/
+test("hasContents--有参数", function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.setContent('<p><img src="" alt="">你好<ol><li>ddd</li></ol></p>');
+        ok(editor.hasContents(['ol', 'li', 'table']), "有ol和li");
+        ok(editor.hasContents(['td', 'li', 'table']), "有li");
+        editor.setContent('<p><br></p>');
+        ok(!editor.hasContents(['']), "为空");
+        ok(editor.hasContents(['br']), "不为空");
+        start();
+    });
+});
+//test( 'getContentTxt--文本前后中间有空格', function() {
+//    var editor = te.obj[1];
+//    editor.focus();
+//    editor.setContent( '你 好\t\n' );
+//    equal( editor.getContentTxt(), '你 好\t\n' )
+//    equal( editor.getContentTxt().length, 3, '3个字符，空格不会被过滤' )
+//} );
+
+test('trace 1964 getPlainTxt--得到有格式的编辑器的纯文本内容', function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.setContent('<p>&nbsp;</p><p>&nbsp; hell\no<br/>hello</p>');
+        var html = (ua.browser.ie > 0 && ua.browser.ie < 9) ? "\n  hell o\nhello\n" : "\n  hello\nhello\n";
+        equal(editor.getPlainTxt(), html, '得到编辑器的纯文本内容，但会保留段落格式');
+        start();
+    });
+});
+
+test('getContentTxt--文本前后的空格,&nbs p转成空格', function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.setContent('&nbsp;&nbsp;你 好&nbsp;&nbsp; ');
+        equal(editor.getContentTxt(), '  你 好   ');
+        equal(editor.getContentTxt().length, 8, '8个字符，空格不被过滤');
+
+        start();
+    });
+});
+test('getAllHtml', function () {
+    var editor = te.obj[1];
+    var container = te.dom[0];
+    $(container).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    editor.render(container);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        var html = editor.getAllHtml();
+        ok(/iframe.css/.test(html), '引入样式');
+
+        start();
+    });
+});
+test('2个实例采用2个配置文件', function () {
+    var head = document.getElementsByTagName('head')[0];
+    var script = document.createElement('script');
+    script.type = 'text/javascript';
+    script.src = '../../editor_config.js';
+    head.appendChild(script);
+    expect(6);
+    stop();
+    /*动态加载js需要时间，用这个ueditor.config.js覆盖默认的配置文件*/
+    setTimeout(function () {
+        var div1 = document.body.appendChild(document.createElement('div'));
+        div1.id = 'div1';
+        div1.style.height = '200px';
+        var div2 = document.body.appendChild(document.createElement('div'));
+        div2.id = 'div2';
+        var editor1 = UE.getEditor('div1', {'UEDITOR_HOME_URL': '../../../', 'initialContent': '欢迎使用ueditor', 'autoFloatEnabled': false});
+        editor1.ready(function () {
+            var editor2 = UE.getEditor('div2', UEDITOR_CONFIG2);
+            editor2.ready(function () {
+                //1.2.6 高度是iframe容器的高度
+                equal(editor1.ui.getDom('iframeholder').style.height, '200px', '编辑器高度为200px');
+                equal(editor2.ui.getDom('iframeholder').style.height, '400px', '自定义div高度为400px');
+                var html = UEDITOR_CONFIG2.initialContent;
+                ua.checkHTMLSameStyle(html, editor2.document, editor2.body.firstChild, '初始内容为自定制的');
+                equal(editor2.options.enterTag, 'br', 'enterTag is br');
+                html = '欢迎使用ueditor';
+                equal(html, editor1.body.firstChild.innerHTML, '内容和ueditor.config一致');
+                equal(editor1.options.enterTag, 'p', 'enterTag is p');
+                setTimeout(function () {
+                    UE.delEditor('div1');
+                    UE.delEditor('div2');
+                    document.getElementById('div1') && te.dom.push(document.getElementById('div1'));
+                    document.getElementById('div2') && te.dom.push(document.getElementById('div2'));
+                    start();
+                }, 500);
+            });
+        });
+    }, 300);
+});
+test('绑定事件', function () {
+    document.onmouseup = function (event) {
+        ok(true, "mouseup is fired");
+    };
+    document.onmousedown = function (event) {
+        ok(true, "mousedown is fired");
+    };
+    document.onmouseover = function (event) {
+        ok(true, "mouseover is fired");
+    };
+    document.onkeydown = function (event) {
+        ok(true, "keydown is fired");
+    };
+    document.onkeyup = function (event) {
+        ok(true, "keyup is fired");
+    };
+    var editor = new baidu.editor.Editor({'autoFloatEnabled': false});
+    var div = document.body.appendChild(document.createElement('div'));
+    editor.render(div);
+    expect(5);
+    editor.ready(function () {
+        setTimeout(function () {
+            editor.focus();
+            ua.mousedown(document.body);
+            ua.mouseup(document.body);
+            ua.mouseover(document.body);
+            ua.keydown(document.body, {'keyCode': 13});
+            ua.keyup(document.body, {'keyCode': 13});
+            setTimeout(function () {
+                document.getElementById('div') && te.dom.push(document.getElementById('div'));
+                start();
+            }, 1000);
+        }, 50);
+    });
+    stop();
+});
+////.fireMouseEvent(target, "contextmenu", options);
+//test('dragover',function(){
+//    var editor = new baidu.editor.Editor({'autoFloatEnabled':false});
+//    var div = document.body.appendChild(document.createElement('div'));
+//    editor.render(div);
+//    editor.ready(function(){
+//        editor.focus();
+//        ua.fireMouseEvent(document.body, "dragover");
+//        setTimeout(function(){
+//            expect(5);
+//            start();
+//        },100);
+//    });
+//});
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/EventBase.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/EventBase.js
new file mode 100644
index 000000000..d9181fbff
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/EventBase.js
@@ -0,0 +1,194 @@
+module( "EventBase" );
+
+test( "addListener,fireEvent", function() {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    expect(6);
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+
+        editor.addListener("event1", function () {
+            ok(true, "listener1 is fired");
+        });
+        editor.addListener("event2", function () {
+            ok(true, "listener2 is fired");
+        });
+        editor.fireEvent("event1");
+        editor.fireEvent("event2");
+
+        editor.fireEvent("event1 event2");
+        var fun = function (type) {
+            ok(true, type + " is fired");
+        };
+        editor.addListener("event3 event4 ", fun);
+        editor.fireEvent("event3 event4 ");
+        start();
+    });
+} );
+test( "on,trigger", function() {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    expect(6);
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+
+        editor.on("event1", function () {
+            ok(true, "listener1 is fired");
+        });
+        editor.on("event2", function () {
+            ok(true, "listener2 is fired");
+        });
+        editor.trigger("event1");
+        editor.trigger("event2");
+
+        editor.trigger("event1 event2");
+        var fun = function (type) {
+            ok(true, type + " is fired");
+        };
+        editor.on("event3 event4 ", fun);
+        editor.trigger("event3 event4 ");
+        start();
+    });
+} );
+test( "addListener,fireEvent --同一个侦听器绑定多个事件", function() {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    editor.render( div );
+    expect( 2 );
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.addListener( "event1", function() {
+            ok( true, "listener1 is fired" );
+        } );
+        editor.addListener( "event1", function() {
+            ok( true, "listener2 is fired" );
+        } );
+        editor.fireEvent( "event1" );
+        start();
+    });
+} );
+test( "on,trigger --同一个侦听器绑定多个事件", function() {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    editor.render( div );
+    expect( 2 );
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        editor.on( "event1", function() {
+            ok( true, "listener1 is fired" );
+        } );
+        editor.on( "event1", function() {
+            ok( true, "listener2 is fired" );
+        } );
+        editor.trigger( "event1" );
+        start();
+    });
+} );
+test( "removeListener", function() {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    editor.render( div);
+    expect(3);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        function fun1() {
+            ok(true, "listener1 is fired");
+        }
+
+        function fun2() {
+            ok(true, "listener2 is fired");
+        }
+
+        editor.addListener("event1", fun1);
+        editor.addListener("event1", fun2);
+        editor.fireEvent("event1");
+
+        editor.removeListener("event1", fun1);
+        editor.fireEvent("event1");
+
+        function fun(type) {
+            ok(true, type + " is fired");
+        }
+
+        editor.addListener("event3 event4 ", fun);
+        editor.removeListener("event3 event4 ", fun);
+        editor.fireEvent("event3 event4 ");
+        start();
+    });
+} );
+
+test( "off", function() {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    editor.render( div);
+    expect(3);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        function fun1() {
+            ok(true, "listener1 is fired");
+        }
+
+        function fun2() {
+            ok(true, "listener2 is fired");
+        }
+
+        editor.on("event1", fun1);
+        editor.on("event1", fun2);
+        editor.trigger("event1");
+
+        editor.off("event1", fun1);
+        editor.trigger("event1");
+
+        function fun(type) {
+            ok(true, type + " is fired");
+        }
+
+        editor.on("event3 event4 ", fun);
+        editor.off("event3 event4 ", fun);
+        editor.trigger("event3 event4 ");
+        start();
+    });
+} );
+test( "fireEvent--nolisteners", function() {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        function fun1() {
+            ok(true, "listener1 is fired");
+        }
+
+        editor.fireEvent("event1");//no listener is fired
+        editor.addListener("event1", fun1);
+        editor.fireEvent("event1");//listener1 and listener2 are both fired
+        start();
+    });
+} );
+
+test( "trigger--nolisteners", function() {
+    var editor = te.obj[1];
+    var div = te.dom[0];
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        editor.focus();
+        function fun1() {
+            ok(true, "listener1 is fired");
+        }
+
+        editor.trigger("event1");//no listener is fired
+        editor.on("event1", fun1);
+        editor.trigger("event1");//listener1 and listener2 are both fired
+        start();
+    });
+} );
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/Range.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/Range.js
new file mode 100644
index 000000000..668287bf7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/Range.js
@@ -0,0 +1,1582 @@
+module('core.Range');
+
+var checkBookmark = function (bookmark, pre, latter, id) {
+    same(bookmark['start'], pre, '检查start返回值');
+    same(bookmark['end'], latter, '检查end返回值');
+    equal(bookmark['id'], id, '检查id');
+};
+
+test('init', function () {
+    expect(6);
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    ua.checkResult(range, null, null, null, null, true, 'for init range');
+    same(range.document, document, 'check current document of range');
+});
+
+
+test('setStart/startEnd 自闭合元素', function () {
+    var range = new baidu.editor.dom.Range(document);
+    var div = te.dom[2];
+    var img = document.createElement('img');
+    div.appendChild(img);
+    range.setStart(img, 0);
+    ua.checkResult(range, div, div, 0, 0, true, "endContainer is null");
+    range.setEnd(img, 0);
+    ua.checkResult(range, div, div, 0, 1, false, "startContainer is not null");
+    range.startContainer = null;
+    range.setEnd(img, 0);
+    ua.checkResult(range, div, div, 1, 1, true, "startContainer is null");
+    range.setStart(img, 0);
+    ua.checkResult(range, div, div, 0, 1, false, "endContainer is not null");
+});
+
+test('setStart/startEnd--nodeType不为1', function () {
+    var range = new baidu.editor.dom.Range(document);
+    var div = te.dom[2];
+    var text = document.createTextNode("text");
+    div.appendChild(text);
+    range.setStart(text, 0);
+    ua.checkResult(range, text, text, 0, 0, true, "endContainer is null");
+    range.setEnd(text, 1);
+    ua.checkResult(range, text, text, 0, 1, false, "startContainer is not null");
+});
+
+test('setStart/setEnd--nodeType为1', function () {
+    var range = new baidu.editor.dom.Range(document);
+    var div = te.dom[2];
+    range.setStart(div, 0);
+    ua.checkResult(range, div, div, 0, 0, true, "endContainer is null");
+    range.setEnd(div, 1);
+    ua.checkResult(range, div, div, 0, 1, false, "startContainer is not null");
+});
+/*
+ * 测的内容比较多，updateCollapse，setEndPoint，setStart，setEnd，collapse
+ * 因为updateCollapse和setEndPoint无法通过Range对象获取， 必须间接调用验证
+ */
+test('setStartAfter,setStartBefore', function () {
+    var div = te.dom[2];
+    div.innerHTML = '<span></span><a></a>';
+    var span = div.firstChild;
+    var a = div.lastChild;
+    var range = new baidu.editor.dom.Range(document);
+    range.setStartAfter(a);
+    equal(range.startOffset, 2, 'check startOffset for setStartAfter--boundary testing');
+    range.setStartAfter(span);
+    equal(range.startOffset, 1, 'check startOffset for setStartAfter');
+    range.setStartBefore(span);
+    equal(range.startOffset, 0, 'check startOffset for setStartBefore--boundary testing');
+    range.setStartBefore(a);
+    equal(range.startOffset, 1, 'check startOffset for setStartBefore');
+    var txtNode = document.createTextNode("text");
+    div.innerHTML = "";
+    div.appendChild(txtNode);
+    range.setStartBefore(txtNode);
+    equal(range.startOffset, 0, 'check startOffset in text node');
+});
+
+test('setEndAfter,setEndBefore', function () {
+    var div = te.dom[2];
+    div.innerHTML = '<span></span><a></a>';
+    var span = div.firstChild;
+    var a = div.lastChild;
+    var range = new baidu.editor.dom.Range(document);
+    range.setEndAfter(a);
+    equal(range.endOffset, 2, 'check startOffset for setEndAfter--boundary testing');
+    range.setEndAfter(span);
+    equal(range.endOffset, 1, 'check startOffset for setEndAfter');
+    range.setEndBefore(span);
+    equal(range.endOffset, 0, 'check startOffset for setEndBefore--boundary testing');
+    range.setEndBefore(a);
+    equal(range.endOffset, 1, 'check startOffset for setEndBefore');
+});
+
+/* 校验collapse方法 */
+test('collapse', function () {
+    var text = document.createTextNode('TextNode');
+    te.dom[2].appendChild(text);
+    var range = new baidu.editor.dom.Range(document);
+    range.setStart(text, 1);
+//    ua.checkResult(range.endContainer,range.startContainer,0)
+    ok(range.collapsed, 'check collapse method true--setStart');
+    equal(range.startContainer, range.endContainer, 'compare startContainer and endContainer--setStart');
+    range.startContainer = null;
+    range.setEnd(text, 0);
+    equal(range.startContainer, range.endContainer, 'compare startContainer and endContainer--setEnd');
+    equal(range.startOffset, range.endOffset, 'compare startOffset and endOffset--setEnd');
+    ok(range.collapsed, 'check collapsed is true--setEnd');
+    var img = document.createElement("img");
+    range.insertNode(img).selectNode(img);
+    equal(range.startContainer, range.endContainer, "img startContainer and endContainer is same，but startOffset and endOffset is not same");
+});
+
+//TODO 空节点<div></div>
+
+test('selectNode', function () {
+    var div = te.dom[2];
+    div.innerHTML = "text!";
+    div.id = 'div_id';
+    var range = new baidu.editor.dom.Range(document);
+    range.selectNode(div);
+    var index = ua.getIndex(div);
+    ua.checkResult(range, document.body, document.body, index, index + 1, false, 'check selectNode');
+});
+
+test('selectNode--空节点', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    range.selectNode(div);
+    var index = ua.getIndex(div);
+    ua.checkResult(range, document.body, document.body, index, index + 1, false, 'check selectNode');
+});
+
+test('selectNode--空文本节点', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    var textNode = document.createTextNode('');
+    div.appendChild(textNode);
+    range.selectNode(div);
+    var index = ua.getIndex(div);
+    ua.checkResult(range, document.body, document.body, index, index + 1, false, 'check selectNode');
+});
+
+test('selectNodeContents', function () {
+    expect(15);
+    var div = te.dom[2];
+    div.innerHTML = '<div>text</div><a>';
+    var text = div.firstChild.firstChild;
+    var range = new baidu.editor.dom.Range(document);
+    range = range.selectNodeContents(div);
+    ua.checkResult(range, div, div, 0, 2, false, 'selectNodeContents');
+    /*textNode*/
+    range = range.selectNodeContents((text));
+    ua.checkResult(range, text, text, 0, 4, false, 'selectNodeContents for textNode');
+    div.innerHTML = '<b>xxx<i>xxx</i>xxx</b>';
+    range = new baidu.editor.dom.Range(document);
+    range = range.selectNodeContents(div.firstChild);
+    ua.checkResult(range, div.firstChild, div.firstChild, 0, 3, false, 'selectNodeContents');
+
+});
+
+
+test('cloneRange', function () {
+    expect(5);
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<div>cloneRange</div>';
+    range.setStart(div, 0);
+    range.setEnd(div, 1);
+    var cloneRange = range.cloneRange(range);
+    ua.checkResult(range, cloneRange.startContainer, cloneRange.endContainer,
+        cloneRange.startOffset, cloneRange.endOffset, false, 'cloneRange');
+});
+
+
+/*循环缩进子节点，直到子节点元素类型不为1或为自闭合元素*/
+test('shrinkBoundary--not ignore end', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+//    $('#test').css('background','red');
+    div.innerHTML = '<div>div1_text</div><a>a_text</a><div><span>span_text</span>div3_text</div>';
+
+    var a = div.firstChild.nextSibling;
+    var div_2 = div.lastChild;
+    range.setStart(div, 1).setEnd(div, 3);
+    range.shrinkBoundary();
+    ua.checkResult(range, a, div_2, 0, 2, false, 'shrinkBoundary--not ignore end');
+});
+
+test('shrinkBoundary--ignoreEnd', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = "<div><p>p_text</p></div>";
+    var div_child = div.firstChild;
+    var p = div_child.firstChild;
+    range.setStart(div_child, 0).setEnd(div_child, 0);
+    //TODO
+    range.shrinkBoundary(true);
+    ua.checkResult(range, p, p, 0, 0, true, '检查前后闭合是否一致');
+});
+test('shrinkBonudaryl', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<b><i>xxxx</i>xxxxxxx</b>';
+    /*ignoreEnd=true*/
+    range.selectNodeContents(div).shrinkBoundary(true);
+
+    var i = div.firstChild.firstChild;
+    ua.checkResult(range, i, div, 0, 1, false, 'shrinkBoundary--ignoreEnd');
+    /*ignoreEnd = null*/
+    var b = div.firstChild;
+    range.selectNodeContents(div).shrinkBoundary();
+    ua.checkResult(range, i, b, 0, b.childNodes.length, false, 'shrinkBoundary--not ignoreEnd');
+
+    div.innerHTML = 'xxxx<b><i><u></u></i></b>ssss';
+    var u = div.getElementsByTagName('u')[0];
+    range.selectNode(div.getElementsByTagName('b')[0]).shrinkBoundary();
+    ua.checkResult(range, u, u, 0, 0, true, '初始startContainer和endContainer相同');
+
+    div.innerHTML = '<table><tr><td>sssss</td></tr></table>';
+    var td = div.getElementsByTagName('td')[0];
+    var table = div.firstChild;
+    range.setStart(table, 0).setEnd(table.getElementsByTagName('tr')[0], 1).shrinkBoundary();
+    ua.checkResult(range, td, td, 0, 1, false, '初始startContainer和endContainer不同');
+
+    div.innerHTML = '<img/>';
+    range.setStart(div, 0).setEnd(div, 1).shrinkBoundary();
+    ua.checkResult(range, div, div, 0, 1, false, '子节点为自闭合元素，未能进入函数内部的逻辑');
+
+    div.innerHTML = 'text';
+    var text = div.firstChild;
+    range.setStart(text, 1).setEnd(text, 4).shrinkBoundary();
+    ua.checkResult(range, text, text, 1, 4, false, '节点为文本节点，未能进入函数内部的逻辑');
+
+    range.setStart(div, 0).setEnd(div, 1).shrinkBoundary();
+    ua.checkResult(range, div, div, 0, 1, false, '子节点为文本节点，未能进入函数内部的逻辑');
+
+    range.setStart(div, 0).setEnd(div, 0).shrinkBoundary();
+    ua.checkResult(range, div, div, 0, 0, true, '元素collapsed');
+
+    range.setStart(div, 0).setEnd(text, 4).shrinkBoundary();
+    ua.checkResult(range, div, text, 0, 4, false, 'endContainer为文本节点');
+});
+
+
+/*调整边界，针对TextNode*/
+test('txtToElmBoundary', function () {
+    var div = te.dom[2];
+    div.innerHTML = 'text_node';
+    var range = new baidu.editor.dom.Range(document);
+    var text = div.firstChild;
+    /*endOffset大于text的长度*/
+    range.setStart(text, 0).setEnd(text, 10);
+    range.txtToElmBoundary();
+    ua.checkResult(range, div, div, 0, 1, false, 'endOffset大于text的长度');
+    /*endOffset小于text的长度*/
+    range.setStart(text, 1).setEnd(text, 4).txtToElmBoundary();
+    ua.checkResult(range, text, text, 1, 4, false, 'endOffset小于text长度');
+    range.setStart(text, 1).setEnd(text, 10).txtToElmBoundary();
+    ua.checkResult(range, text, div, 1, 1, false, 'startOffset不为0，endOffset大于text长度');
+    /*startOffset和endOffset都大于text长度*/
+    range.setStart(text, 10).setEnd(text, 11).txtToElmBoundary();
+    ua.checkResult(range, div, div, 1, 1, true, 'endOffset和startOffset大于text长度');
+    /*startOffset和endOffset都等于0*/
+    range.setStart(text, 0).setEnd(text, 0).txtToElmBoundary();
+    ua.checkResult(range, text, text, 0, 0, true, 'startOffset和endOffset为0');
+});
+
+/*切分文本节点*/
+test('trimBonudary', function () {
+    var div = te.dom[2];
+    div.innerHTML = '<table border="1"><tr><td>td_xxxx<b><i><u>u_text</u></i></b></td></tr></table>';
+    var range = new baidu.editor.dom.Range(document);
+    var td = div.getElementsByTagName('td')[0];
+    var td_text = td.firstChild;
+    /*startOffset为0，在第一个孩子节点前插入*/
+    range.setStart(td_text, 0).setEnd(td_text, 5);
+
+    range.trimBoundary();
+    ua.checkResult(range, td, td, 0, 1, false, '切分文本节点');
+    /*text_node被切分为2个文本节点*/
+    equal(td_text.data, "td_xx", "check text of tr");
+
+    var u = div.getElementsByTagName('u')[0];
+    var u_text = u.firstChild;
+
+    /*startOffset=0 && collapsed=true，则不对后面的文本节点进行操作*/
+    range.setStart(u_text, 0).setEnd(u_text, 0);
+    range.trimBoundary();
+    ua.checkResult(range, u, u, 0, 0, true, 'startOffset=endOffset=0');
+
+    /*endOffset大于text的长度，从左边切'*/
+    range.setStart(u_text, 3).setEnd(u_text, 10);
+    range.trimBoundary().select();
+    ua.checkResult(range, u, u, 1, 2, false, 'endOffset大于text的长度');
+    equal(u_text.data, 'u_t', '从左边切分textNode');
+
+    /*endOffset大小于text的长度，从中间切'*/
+    range.setStart(u_text, 1).setEnd(u_text, 2);
+    range.trimBoundary();
+    ua.checkResult(range, u, u, 1, 2, false, 'endOffset小于text的长度');
+    equal(u_text.data, 'u', '从中间切分textNode');
+
+    div.innerHTML = '123456';
+    range.setStart(div.firstChild, 2).setEnd(div.firstChild, 4).trimBoundary(true);
+    ua.checkResult(range, div, div.lastChild, 1, 2, false, 'ignoreEnd');
+});
+
+/*前面尽可能往右边跳，后面尽可能往左边跳*/
+test('adjustmentBoundary--startContainer为文本节点', function () {
+    var range = new baidu.editor.dom.Range(document);
+    var div = te.dom[2];
+    div.innerHTML = 'div_text<p><span id="span">span_text</span></p>div_text2<p id="p">p_text<em>em_text</em></p>';
+    var span_text = document.getElementById('span').firstChild;
+    var p = document.getElementById('p');
+    range.setStart(span_text, 9).setEnd(p, 0);
+    range.adjustmentBoundary();
+    ua.checkResult(range, div, div, 2, 3, false, 'startContainer为文本节点');
+
+});
+
+//TODO
+test('adjustmentBoundary--非文本节点', function () {
+    var range = new baidu.editor.dom.Range(document);
+    var div = te.dom[2];
+    div.innerHTML = 'div_text<p><span id="span">span_text</span></p>div_text2<p id="p">p_text<em>em_text</em></p>';
+    var span = document.getElementById('span');
+    var p = document.getElementById('p');
+    range.setStart(span, 1).setEnd(p, 0);
+    range.adjustmentBoundary();
+    ua.checkResult(range, div, div, 2, 3, false, 'startContainer为非文本节点');
+
+});
+
+test('getCommonAncestor--初始startContainer和endContainer相同', function () {
+    var range = new baidu.editor.dom.Range(document);
+    var div = te.dom[2];
+    div.innerHTML = "div_text<p><span>span_text</span></p>div_text2";
+    range.setStart(div, 0).setEnd(div, 1);
+    /*--初始startContainer和endContainer相同*/
+    var ancestor = range.getCommonAncestor();
+    same(ancestor, div, '祖先节点为startContainer');
+    /*文本节点*/
+    var span = div.getElementsByTagName('span')[0];
+    range.setStart(span.firstChild, 0).setEnd(span.firstChild, 4);
+    ancestor = range.getCommonAncestor();
+    same(ancestor, span.firstChild, "文本节点的祖先节点");
+    /*忽略文本节点*/
+    ancestor = range.getCommonAncestor(true, true);
+    same(ancestor, span, "文本节点的祖先节点--忽略文本节点");
+
+    range.setStart(div, 1).setEnd(div, 2);
+    ancestor = range.getCommonAncestor(true, true);
+    same(ancestor, span.parentNode, "文本节点的祖先节点--includeSelf=true");
+    range.setStart(div, 1).setEnd(div, 2);
+    ancestor = range.getCommonAncestor(false, true);
+    same(ancestor, div, "文本节点的祖先节点--includeSelf=false");
+});
+
+
+test('getCommonAncestor--初始startContainer和endContainer不同', function () {
+    var range = new baidu.editor.dom.Range(document);
+    var div = te.dom[2];
+    div.innerHTML = "div_text<p><span>span_text</span></p>div_text2";
+    var span = div.getElementsByTagName('span')[0];
+    range.setStart(div, 0).setEnd(span, 1);
+    /*--初始startContainer和endContainer相同*/
+    var ancestor = range.getCommonAncestor();
+    same(ancestor, div, 'startContainer是endContainer的祖先');
+
+    range.setStart(div.firstChild, 0).setEnd(span, 1);
+    ancestor = range.getCommonAncestor();
+    same(ancestor, div, 'startContainer和endContainer是兄弟');
+});
+
+test('selectNodeContents', function () {
+    var div = te.dom[2];
+    div.innerHTML = '<b>xxxx</b>div_text';
+    var range = new baidu.editor.dom.Range(document);
+    /*选中非文本节点*/
+    range.selectNodeContents(div);
+    ua.checkResult(range, div, div, 0, 2, false, 'selectNodeContents');
+    /*选中文本节点*/
+    range.selectNodeContents(div.lastChild);
+    ua.checkResult(range, div.lastChild, div.lastChild, 0, 8, false, 'selectNodeContents--');
+});
+
+test('cloneContents', function () {
+    var div = te.dom[2];
+    div.innerHTML = '<b>b_text</b>div_text';
+//    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var range = new baidu.editor.dom.Range(document);
+    var b = div.firstChild;
+    range.setStart(b, 1).setEnd(div, 1);
+    var frag = range.cloneContents();
+    /*类型：<b>xxxx|</b>|div_text（"|"表示切的位置）*/
+    equal(ua.getHTML(frag), '<b></b>', ' 只选中一个b标签，插入空文本节点');
+
+    /*类型：<b>t|_ext</b>div|_text（"|"表示切的位置）*/
+    range.setStart(b.firstChild, 1).setEnd(b.nextSibling, 3);
+    frag = range.cloneContents();
+    equal(ua.getHTML(frag), '<b>_text</b>div', '从文本节点中间切');
+    /*类型：|<b>b_t|ext</b>div_text（"|"表示切的位置）*/
+    range.setStart(div, 0).setEnd(b.firstChild, 3);
+    frag = range.cloneContents();
+    equal(ua.getHTML(frag), '<b>b_t</b>', '选中文本的前半部分');
+    /*类型：<b>b|_text</b>div_text|（"|"表示切的位置）*/
+    range.setStart(b.firstChild, 1).setEnd(div, 2);
+    frag = range.cloneContents();
+    equal(ua.getHTML(frag), '<b>_text</b>div_text', '选中文本的前半部分');
+    /*类型：<b>xxxx|</b>xxxx<b>c22c|</b>（"|"表示切的位置）*/
+    div.innerHTML = '<b>xxxx</b>xxxx<b>c22c</b>';
+    range.setStart(div.firstChild, 1).setEnd(div.lastChild, 1);
+    equals(ua.getHTML(range.cloneContents()), '<b></b>xxxx<b>c22c</b>');
+});
+
+/*startContainer和endContainer为文本节点，补全后面</b></tr>之类的标签*/
+test('cloneContents--补全后面的标签', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first').firstChild;
+    var two = document.getElementById('two').firstChild;
+    r.setStart(first, 1).setEnd(two, 2);
+    ua.checkSameHtml(ua.getHTML(r.cloneContents()), '<p id="first">irst<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">ab</td></tr></tbody></table>');
+    ua.checkResult(r, first, two, 1, 2, false, 'cloneContents--补全后面的标签');
+});
+
+/*startContainer和endContainer为文本节点，层级各不相同，补全前面 的<b><tr>之类的标签*/
+test('cloneContents--补全前面的标签', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var last = document.getElementById('last').firstChild;
+    var two = document.getElementById('two').firstChild;
+    r.setStart(two, 1);
+    r.setEnd(last, 2);
+    ua.checkSameHtml(ua.getHTML(r.cloneContents()), '<table id="table" width="300"><tbody><tr><td id="two">bc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">te</p>');
+    ua.checkResult(r, two, last, 1, 2, false, 'cloneContents--补全前面的标签');
+});
+
+/*startContainer和endContainer为文本节点，为兄弟节点*/
+test('cloneContents--切的部分为兄弟节点', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first');
+
+    r.setStart(first.firstChild, 1).setEnd(first.lastChild, 4);
+    /*strong前面有空格*/
+    ua.checkSameHtml(ua.getHTML(r.cloneContents()), 'irst<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> str');
+    ua.checkResult(r, first.firstChild, first.lastChild, 1, 4, false, 'cloneContents--startContainer和endContainer为兄弟节点');
+});
+
+
+test('cloneContents--切同一个文本节点', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first').firstChild;
+
+    r.setStart(first, 1).setEnd(first, 4);
+    equals(ua.getHTML(r.cloneContents()), 'irs');
+    ua.checkResult(r, first, first, 1, 4, false, 'cloneContents--切同一个文本节点');
+});
+
+/*startContainer和endContainer的nodeType=1*/
+test('cloneContents--startContainer和endContainer为非文本节点', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first');
+    var last = document.getElementById('last');
+    r.setStart(first, 0).setEnd(last, 0);
+    ua.checkSameHtml(ua.getHTML(r.cloneContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\"></p>');
+    ua.checkResult(r, first, last, 0, 0, false, 'cloneContents--开始和结束位置都是文本');
+
+    r.setStart(first, 1).setEnd(last, 1);
+    ua.checkSameHtml(ua.getHTML(r.cloneContents()), '<p id="first"><!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc</p>');
+    ua.checkResult(r, first, last, 1, 1, false, 'cloneContents--开始位置有注释');
+});
+
+
+test('cloneContents--完整切掉一个节点', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first');
+    r.setStart(div, 0).setEnd(div, div.childNodes.length - 1);
+    ua.checkSameHtml(ua.getHTML(r.cloneContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table>');
+    ua.checkResult(r, div, div, 0, div.childNodes.length - 1, false, 'cloneContents--完整切掉一个节点');
+});
+
+test('cloneContents--startContainer和endContainer节点类型不同', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first');
+    var last = document.getElementById('last');
+    r.setStart(first, 0).setEnd(last.firstChild, 1);
+    ua.checkSameHtml(ua.getHTML(r.cloneContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">t</p>');
+    ua.checkResult(r, first, last.firstChild, 0, 1, false, 'cloneContents--startContainer的nodeType=1，endContainer为文本节点');
+
+    r.setStart(first.firstChild, 1).setEnd(last, 0);
+    ua.checkSameHtml(ua.getHTML(r.cloneContents()), '<p id="first">irst<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last"></p>');
+    ua.checkResult(r, first.firstChild, last, 1, 0, false, 'cloneContents--endContainer为文本节点，startContainer的nodeType=1');
+});
+
+
+test('cloneContents--endContainer为em', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var traverse = document.getElementById('traverse');
+    r.setStart(div, 0).setEnd(traverse, 1);
+    equals(ua.getHTML(r.cloneContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b></p>');
+    ua.checkResult(r, div, traverse, 0, 1, false, 'cloneContents--startContainer的nodeType=1，endContainer为b');
+    r.setStart(div, 0).setEnd(traverse, 2);
+    equals(ua.getHTML(r.cloneContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em></p>');
+    ua.checkResult(r, div, traverse, 0, 2, false, 'cloneContents--startContainer的nodeType=1，endContainer为em');
+});
+
+
+test('cloneContents--元素闭合', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p>p_text</p>';
+//    if ( baidu.editor.browser.gecko ) {
+
+    var text = div.firstChild.firstChild;
+    range.setStart(text, 1).setEnd(text, 1);
+    equals(ua.getHTML(range.cloneContents()), 'null', '元素闭合直接返回null');
+    ua.checkResult(range, text, text, 1, 1, true, 'cloneContents--startContainer的nodeType=1，endContainer为em');
+    var p = div.firstChild;
+    range.setStart(p, 1).setEnd(p, 1);
+    equals(ua.getHTML(range.cloneContents()), 'null', '元素闭合直接返回null');
+    ua.checkResult(range, p, p, 1, 1, true, 'cloneContents--startContainer的nodeType=1，endContainer为em');
+});
+
+
+test('cloneContents--自闭合元素', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<b>b_text<i id="ii">i_text</i><img /></b>xxx';
+    var b = div.firstChild;
+    range.setStart(b.firstChild, 2).setEnd(b, b.childNodes.length);
+    /*只能获得<img>而不是<img  />的标签*/
+    equal(ua.getHTML(range.cloneContents()), 'text<i id="ii">i_text</i><img>');
+    ua.checkResult(range, b.firstChild, b, 2, b.childNodes.length, false, '选中结束位置为自闭合元素-1');
+
+    var i = b.firstChild.nextSibling;
+    range.setStart(i, 1).setEnd(b, b.childNodes.length);
+    equal(ua.getHTML(range.cloneContents()), '<i id="ii"></i><img>');
+    ua.checkResult(range, i, b, 1, b.childNodes.length, false, '选中结束位置为自闭合元素-2');
+
+    range.setStart(i.firstChild, 2).setEnd(div, 2);
+    equal(ua.getHTML(range.cloneContents()), '<b><i id="ii">text</i><img></b>xxx');
+    ua.checkResult(range, i.firstChild, div, 2, 2, false, '选中结束位置为自闭合元素-3');
+
+    div.innerHTML = 'xxx<b>xxxx<i id="ii">i_Text</i><img/></b>xxx';
+    var i_text = document.getElementById('ii').firstChild;
+    range.setStart(div, 0).setEnd(i_text, 2);
+    equals(ua.getHTML(range.cloneContents()), 'xxx<b>xxxx<i id="ii">i_</i></b>');
+    ua.checkResult(range, div, i_text, 0, 2, false, '选中结束位置为自闭合元素-4');
+});
+
+test('deleteContents--删除空', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p>p_text</p>';
+    var p_text = div.firstChild.firstChild;
+    range.setStart(p_text, 2).setEnd(p_text, 2);
+    range.deleteContents();
+    ua.checkResult(range, p_text, p_text, 2, 2, true, '删除空');
+    equal(ua.getHTML(div), '<div id="test"><p>p_text</p></div>', 'div的innerHTML没有改变 ');
+});
+
+test('deleteContents--删除相邻节点之间的内容', function () {
+    var div = te.dom[2];
+    var html = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    div.innerHTML = html;
+    var r = new baidu.editor.dom.Range(document);
+    var two = document.getElementById('two');
+    var last = document.getElementById('last');
+    r.setStart(two, 1).setEnd(last, 2);
+    r.deleteContents();
+    ua.checkSameHtml(ua.getHTML(div), '<div id="test"><p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr></tbody></table><p id="last"></p></div>');
+
+    ua.checkResult(r, div, div, 4, 4, true, '删除相邻节点的内容');
+});
+
+
+test('deleteContents--删除子节点', function () {
+    var div = te.dom[2];
+    var html = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    div.innerHTML = html;
+    var r = new baidu.editor.dom.Range(document);
+
+    r.setStart(div, 0).setEnd(div, 2);
+    r.deleteContents();
+    ua.checkSameHtml(ua.getHTML(r.startContainer), '<div id="test"><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>');
+
+    ua.checkResult(r, div, div, 0, 0, true, '删除子节点的内容');
+});
+
+
+test('deleteContents--删除同一文本节点内容', function () {
+    var div = te.dom[2];
+    var html = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    div.innerHTML = html;
+    var r = new baidu.editor.dom.Range(document);
+    var p = div.firstChild;
+    var strong_text = document.getElementById('strong').firstChild;
+    r.setStart(strong_text, 0).setEnd(strong_text, 2);
+    r.deleteContents();
+    equals(ua.getHTML(r.startContainer), 'rong');
+
+    ua.checkSameHtml(ua.getHTML(div), '<div id="test"><p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">rong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p></div>');
+    ua.checkResult(r, strong_text, strong_text, 0, 0, true, '删除子节点的内容');
+});
+
+test('deleteContents--startContainer是endContainer父亲', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    r.setStart(div, 0);
+    r.setEnd(document.getElementById('traverse'), 2);
+    r.deleteContents();
+    ua.checkSameHtml(ua.getHTML(div), '<div id="test"><p id="traverse">more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>');
+    ua.checkResult(r, div, div, 0, 0, true, 'startContainer是endContainer父亲');
+});
+
+test('deleteContents--startContainer和endContainer为不同文本节点', function () {
+    var div = te.dom[2];
+    var html = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    div.innerHTML = html;
+    var r = new baidu.editor.dom.Range(document);
+    var first = document.getElementById('first');
+    r.setStart(first.firstChild, 1).setEnd(first.lastChild, 4);
+    var p = div.firstChild;
+    r.deleteContents();
+    equals(ua.getHTML(r.startContainer), '<p id="first">fong.</p>');
+    ua.checkResult(r, p, p, 1, 1, true, 'startContainer和endContainer为文本节点内容');
+    ua.checkSameHtml(ua.getHTML(div), '<div id="test"><p id="first">fong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>');
+    equals(ua.getHTML(r.endContainer), '<p id="first">fong.</p>');
+});
+
+
+test('deleteContents--startContainer是endContainer后代', function () {
+    var div = te.dom[2];
+    var html = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    div.innerHTML = html;
+    var r = new baidu.editor.dom.Range(document);
+    var em = document.getElementById('em');
+    r.setStart(em, 1).setEnd(div, 3);
+    r.deleteContents();
+    ua.checkSameHtml(ua.getHTML(r.startContainer), '<div id="test"><p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em></p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p></div>');
+    ua.checkResult(r, div, div, 1, 1, true, 'startContainer是endContainer后代');
+});
+
+test('deleteContents--startContainer是文本，endContainer的nodeType=1', function () {
+    var div = te.dom[2];
+    var html = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    div.innerHTML = html;
+    var r = new baidu.editor.dom.Range(document);
+    var em = document.getElementById('em').firstChild;
+    var two = document.getElementById('two');
+    r.setStart(em, 1).setEnd(two, 0);
+    r.deleteContents();
+    ua.checkSameHtml(ua.getHTML(r.startContainer), '<div id="test"><p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">e</em></p><table id=\"table\" width=\"300\"><tbody><tr><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p></div>');
+    ua.checkResult(r, div, div, 1, 1, true, 'startContainer是文本，endContainer的nodeType=1');
+});
+
+
+/*startContainer和endContainer为文本节点，补全后面</b></tr>之类的标签*/
+test('extractContents--补全后面的标签', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first').firstChild;
+    var two = document.getElementById('two').firstChild;
+    r.setStart(first, 1).setEnd(two, 2);
+    ua.checkSameHtml(ua.getHTML(r.extractContents()), '<p id="first">irst<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">ab</td></tr></tbody></table>');
+    ua.checkSameHtml(ua.getHTML(r.startContainer), '<div id="test"><p id=\"first\">f</p><table id=\"table\" width=\"300\"><tbody><tr><td id=\"two\">c</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p></div>');
+    ua.checkResult(r, div, div, 1, 1, true, 'startContainer--补全后面的标签');
+});
+
+/*startContainer和endContainer为文本节点，层级各不相同，补全前面 的<b><tr>之类的标签*/
+test('extractContents--补全前面的标签', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var last = document.getElementById('last').firstChild;
+    var two = document.getElementById('two').firstChild;
+    r.setStart(two, 1).setEnd(last, 2);
+    ua.checkSameHtml(ua.getHTML(r.extractContents()), '<table id="table" width="300"><tbody><tr><td id="two">bc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">te</p>');
+    ua.checkSameHtml(ua.getHTML(r.startContainer), '<div id="test"><p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">a</td></tr></tbody></table><p id=\"last\">xtabc<span>span</span></p></div>');
+    ua.checkResult(r, div, div, 4, 4, true, 'startContainer--补全前面的标签');
+});
+
+/*startContainer和endContainer为文本节点，为兄弟节点*/
+test('extractContents--切的部分为兄弟节点', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first');
+
+    r.setStart(first.firstChild, 1).setEnd(first.lastChild, 4);
+    /*strong前面有空格*/
+    ua.checkSameHtml(ua.getHTML(r.extractContents()), 'irst<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> str');
+    ua.checkSameHtml(ua.getHTML(r.startContainer), '<p id=\"first\">fong.</p>', 'check startContainer html');
+    ua.checkResult(r, first, first, 1, 1, true, 'startContainer--startContainer和endContainer为兄弟节点');
+});
+
+
+test('extractContents--切同一个文本节点', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first').firstChild;
+
+    r.setStart(first, 1).setEnd(first, 4);
+    equals(ua.getHTML(r.extractContents()), 'irs');
+    equal(ua.getHTML(r.startContainer), 'ft');
+    ua.checkResult(r, first, first, 1, 1, true, 'startContainer--切同一个文本节点');
+});
+
+/*startContainer和endContainer的nodeType=1*/
+test('extractContents--startContainer和endContainer为非文本节点', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first');
+    var last = document.getElementById('last');
+    r.setStart(first, 0).setEnd(last, 0);
+    ua.checkSameHtml(ua.getHTML(r.extractContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\"></p>');
+    ua.checkSameHtml(ua.getHTML(r.startContainer), '<div id="test"><p id=\"first\"></p><p id=\"last\">textabc<span>span</span></p></div>');
+    ua.checkResult(r, div, div, 1, 1, true, 'cloneContents--开始和结束位置都是文本');
+
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    first = document.getElementById('first');
+    last = document.getElementById('last');
+    r.setStart(first, 2).setEnd(last, 1);
+    ua.checkSameHtml(ua.getHTML(r.extractContents()), '<p id="first"> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc</p>', '检查得到的contents');
+
+    ua.checkSameHtml(ua.getHTML(r.startContainer), '<div id="test"><p id=\"first\">first<!--not--></p><p id=\"last\"><span>span</span></p></div>', '检查切除后');
+    ua.checkResult(r, div, div, 1, 1, true, 'extractContents--开始位置有注释');
+});
+
+
+test('extractContents--完整切掉一个节点', function () {
+    var div = te.dom[2];
+    var r = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first');
+    r.setStart(div, 0).setEnd(div, div.childNodes.length - 1);
+    ua.checkSameHtml(ua.getHTML(r.extractContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em>more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table>');
+    ua.checkSameHtml(ua.getHTML(r.startContainer), '<div id="test"><p id=\"last\">textabc<span>span</span></p></div>');
+    ua.checkResult(r, div, div, 0, 0, true, 'extractContents--完整切掉一个节点');
+});
+
+test('extractContents--元素闭合', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p>p_text</p>';
+    var text = div.firstChild.firstChild;
+    range.setStart(text, 1).setEnd(text, 1);
+    equals(ua.getHTML(range.extractContents()), 'null', '元素闭合直接返回null');
+    equal(ua.getHTML(range.startContainer), 'p_text');
+    ua.checkResult(range, text, text, 1, 1, true, 'extractContents--startContainer的nodeType=1，endContainer为em');
+    var p = div.firstChild;
+    range.setStart(p, 1).setEnd(p, 1);
+    equals(ua.getHTML(range.extractContents()), 'null', '元素闭合直接返回null');
+    equal(ua.getHTML(range.startContainer), '<p>p_text</p>');
+    ua.checkResult(range, p, p, 1, 1, true, 'extractContents--startContainer的nodeType=1，endContainer为em');
+});
+
+
+test('extractContents--自闭合元素', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    var inner = '<b>b_text<i id="ii">i_text</i><img /></b>xxx';
+    div.innerHTML = inner;
+    var b = div.firstChild;
+
+    div.innerHTML = inner;
+    b = div.firstChild;
+    range.setStart(b.firstChild, 2).setEnd(b, b.childNodes.length);
+    /*只能获得<img>而不是<img  />的标签*/
+    equal(ua.getHTML(range.extractContents()), 'text<i id="ii">i_text</i><img>', '获取带有<img>的内容');
+    equal(ua.getHTML(range.startContainer), '<b>b_</b>', '检查切除元素后');
+    ua.checkResult(range, b, b, 1, 1, true, '选中结束位置为自闭合元素');
+});
+
+test('extractContents', function () {
+    function trans(range) {
+        return {
+            startContainer:range.startContainer.id,
+            startOffset:range.startOffset,
+            endContainer:range.endContainer.id,
+            endOffset:range.endOffset
+        };
+    }
+
+    var div = te.dom[2];
+
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var r = range;
+
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+
+    r.setStart(document.getElementById('test'), 0);
+    r.setEnd(document.getElementById('traverse'), 2);
+
+    ua.checkSameHtml(ua.getHTML(r.extractContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em">some text</em></b><em>em text</em></p>');
+    ua.checkSameHtml(ua.getHTML(r.startContainer), '<div id="test"><p id="traverse">more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>');
+    equals(r.startOffset, 0);
+    equals(r.endContainer.nodeType, 1);
+    equals(r.endOffset, 0);
+    ua.checkSameHtml(ua.getHTML(r.endContainer), '<div id="test"><p id="traverse">more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>');
+    ua.checkSameHtml(ua.getHTML(document.getElementById('test')), '<div id="test"><p id="traverse">more text</p><table id="table" width="300"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>');
+    equals(r.collapsed, true);
+});
+
+/*只要邻居节点不是块元素就左扩或右扩*/
+test('enlarge--文本节点左边扩到body', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<div>div_text</div></p>';
+    var first = document.getElementById('first').firstChild;
+    var last = document.getElementById('last').firstChild;
+    range.setStart(first, 1).setEnd(last, 2);
+    range.enlarge(true);
+    /*左边的文本节点是左边第一个节点，所以一直左扩直到body，右边的文本节点右边有兄弟，因此只扩到第一个块元素祖先*/
+    ua.checkResult(range, document.body, div, ua.getIndex(div), 5, false, '左边扩到body');
+
+});
+
+test('enlarge--文本节点右边扩到body', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<div id=\"first\"><p>xxx</p>first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</div><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var strong = document.getElementById('strong').firstChild;
+    var span = document.getElementById('last').lastChild.firstChild;
+    range.setStart(strong, 1).setEnd(span, 2);
+    range.enlarge(true);
+    /*右边的文本节点是右边最后一个节点，所以一直右扩直到body，左边的文本节点左边边有块元素兄弟，因此只扩到第一个块元素祖先*/
+    ua.checkResult(range, div.firstChild, document.body, 1, ua.getIndex(div) + 1, false, '右边扩到body');
+
+});
+
+test('enlarge--文本节点左右边扩到body', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var first = document.getElementById('first').firstChild;
+    var span = document.getElementById('last').lastChild.firstChild;
+    range.setStart(first, 1).setEnd(span, 2);
+    range.enlarge(true);
+    /*右边的文本节点是右边最后一个节点，所以一直右扩直到body，左边的文本节点是左边第一个节点，所以一直左扩直到body*/
+    ua.checkResult(range, document.body, document.body, ua.getIndex(div), ua.getIndex(div) + 1, false, '左右边扩到body');
+
+});
+
+test('enlarge--startContainer和endContainer的nodeType为1', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong<strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    range.setStart(div, 0).setEnd(div, 2);
+    range.enlarge(true);
+    ua.checkResult(range, document.body, div, ua.getIndex(div), 2, false, '左边扩到块元素父节点，右边扩到body');
+
+});
+
+test('enlarge--左边非块元素节点', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var strong = document.getElementById('strong');
+    var table = div.getElementsByTagName('table')[0];
+    range.setStart(strong, 0).setEnd(table, 1);
+    range.enlarge(true);
+    ua.checkResult(range, document.body, div, ua.getIndex(div), 4, false, '左边扩到块元素父节点，右边扩到父节点');
+
+});
+
+test('enlarge--左右属于同一非块元素节点', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var strong = document.getElementById('strong');
+    range.setStart(strong, 0).setEnd(strong, 1);
+    range.enlarge(true);
+    ua.checkResult(range, document.body, div, ua.getIndex(div), 1, false, '左边扩到body');
+
+    /*文本节点*/
+    var strong_text = strong.firstChild;
+    range.setStart(strong_text, 2).setEnd(strong_text, 3);
+    range.enlarge(true);
+    ua.checkResult(range, document.body, div, ua.getIndex(div), 1, false, '左右均扩到第一个块元素祖先节点');
+});
+
+test('enlarge--isBlock为null', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'xx<b><i>xxxx</i>xxxxxxx</b>';
+
+    range.selectNodeContents(div.getElementsByTagName('i')[0]);
+    range.enlarge();
+    ua.checkResult(range, div, div.lastChild, 1, 1, false, 'isBlock为null');
+
+});
+
+test('enlarge--stopFn', function () {
+    var div = te.dom[2];
+    var stopFn = function (container) {
+        if (container.tagName.toLowerCase() == 'table')
+            return true;
+        return false;
+    };
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p id=\"first\">first<!--not--> strong <!-- --><strong id=\"strong\">strong</strong> second <em id=\"em\">em</em> strong.</p><p id=\"second\">bar</p><p id=\"traverse\"><b><em id=\"em\">some text</em></b><em>em text</em>more text</p><table id=\"table\" width=\"300\"><tbody><tr><td>1</td><td id=\"two\">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\">textabc<span>span</span></p>';
+    var strong = document.getElementById('strong');
+    var table = div.getElementsByTagName('table')[0];
+    range.setStart(strong, 0).setEnd(table, 1);
+    range.enlarge(true, stopFn);
+    ua.checkResult(range, document.body, table, ua.getIndex(div), 1, false, '左边扩到块元素父节点，右边不扩（stopFn为false）');
+
+});
+
+
+//test( 'enlarge--闭合特殊情况，有歧义', function() {
+//    var div = te.dom[2];
+//    var range = new baidu.editor.dom.Range( document );
+//    div.innerHTML = '<p>p_text</p>';
+//    var p = div.firstChild;
+//    range.setStart( p.firstChild, 0 ).setEnd( p.firstChild, 3 ).trimBoundary();
+//    range.setStart( p, 1 ).setEnd( p, 1 );
+//    range.enlarge( true );
+//
+//    //TODO
+//} );
+
+test('enlarge--闭合', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'xxx<p>xxxxx</p>xxx<em>xxx</em>xxxxxxx<b>xxxx|xxx</b><p>bbbbb</p>xx';
+    range.setStart(div.getElementsByTagName('b')[0], 2).collapse(true);
+
+    range.enlarge(true);
+    ua.checkResult(range, div, div, 2, 6, false, "初始为闭合，文本父节点为非块元素");
+
+    div.innerHTML = '<div></div>xxxx<div></div>';
+    range.setStart(div.firstChild.nextSibling, 2).collapse(true)
+    range.enlarge(true);
+    ua.checkResult(range, div, div, 1, 2, false, "初始为闭合,文本父节点为块元素");
+});
+
+
+test('insertNode--文本中插入', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'div_text1<p>p_text</p>xxx<em>em_text</em>xxxxxxx<b>xxxx|xxx</b><p>bbbbb</p>text2_div';
+    var p_text = div.firstChild.nextSibling.firstChild;
+    range.setStart(p_text, 1).setEnd(p_text, 2);
+    /*插入块元素*/
+    var new_div = document.createElement('div');
+    range.insertNode(new_div);
+
+    ua.checkResult(range, p_text.parentNode, new_div.nextSibling, 1, 1, false, '插入div');
+
+    /*插入文本节点，原来闭合*/
+    var em_text = div.getElementsByTagName('em')[0].firstChild;
+    range.setStart(em_text, 0).setEnd(em_text, 0);
+    range.insertNode(document.createTextNode('new_text'));
+    ua.checkResult(range, em_text.parentNode, em_text.parentNode, 0, 1, false, '闭合情况下插入文本');
+    /*插入inline元素*/
+    range.setStart(div.firstChild, 1).setEnd(div.lastChild, 1);
+    range.insertNode(document.createElement('i'));
+    ua.checkResult(range, div, div.lastChild, 1, 1, false, '插入inline元素');
+});
+
+test('inserNode--块元素中插入', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'div_text1<p>p_text</p>xxx<em>em_text</em>xxxxxxx<b>xxxx|xxx</b><p>bbbbb</p>text2_div';
+//	var p_text = div.firstChild.nextSibling.firstChild;
+    range.setStart(div, 1).setEnd(div.lastChild, 2);
+    /*插入块元素*/
+    var new_div = document.createElement('div');
+    range.insertNode(new_div);
+
+    ua.checkResult(range, div, div.lastChild, 1, 2, false, '插入div');
+
+});
+
+test('insertNode--插入的节点为endContainer孩子', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'xxx<p>xxxxx</p>xxx<em>xxx</em>xxxxxxx<b>xxxx|xxx</b><p>bbbbb</p>xx';
+    var length = div.childNodes.length;
+    range.setStart(div, 1).setEnd(div, length);
+    var new_div = document.createElement('div');
+    new_div.innerHTML = 'xxxx<div>div_text<span></span></div><i>i_text</i><img /><em>em_text</em>xxxx';
+    range.insertNode(new_div);
+    ua.checkResult(range, div, div, 1, length + 1, false, '插入节点为endContainer的孩子');
+    equal(ua.getHTML(div), '<div id="test">xxx<div>xxxx<div>div_text<span></span></div><i>i_text</i><img><em>em_text</em>xxxx</div><p>xxxxx</p>xxx<em>xxx</em>xxxxxxx<b>xxxx|xxx</b><p>bbbbb</p>xx</div>')
+});
+
+test('insertNode--插入的fragment为endContainer孩子', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    var frag = document.createDocumentFragment();
+
+    div.innerHTML = 'xxx<p>xxxxx</p>xxx<em>xxx</em>xxxxxxx<b>xxxx|xxx</b><p>bbbbb</p>xx';
+    var length = div.childNodes.length;
+    range.setStart(div, 1).setEnd(div, div.childNodes.length);
+    var new_div = document.createElement('div');
+    frag.appendChild(new_div);
+    frag.appendChild(document.createTextNode('text'));
+    frag.appendChild(document.createElement('span'));
+    range.insertNode(frag);
+    ua.checkResult(range, div, div, 1, length + 3, false, '插入fragment为endContainer的孩子');
+    equal(ua.getHTML(div), '<div id="test">xxx<div></div>text<span></span><p>xxxxx</p>xxx<em>xxx</em>xxxxxxx<b>xxxx|xxx</b><p>bbbbb</p>xx</div>', '比较innerHTML');
+});
+
+test('createBookmark/moveToBookmark--元素不闭合', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'first_text<b><i>i_text</i>xxxxxxx</b><span id="span">span_text</span><p id="second"><em>em_text</em>p_text</p>';
+    var bookmark = range.selectNode(div).createBookmark();
+    ua.checkResult(range, document.body, document.body, ua.getIndex(div), ua.getIndex(div) + 1, false, "元素不闭合,创建书签");
+    ok(/_baidu_bookmark_start_/.test(div.previousSibling.id), '检查div的前一个兄弟');
+    ok(/_baidu_bookmark_end_/.test(div.nextSibling.id), '检查div的后一个兄弟');
+    /*moveToBookmark*/
+    range.moveToBookmark(bookmark);
+    ua.checkResult(range, document.body, document.body, ua.getIndex(div), ua.getIndex(div) + 1, false, "元素不闭合，删除书签");
+    ok(!/_baidu_bookmark_start_/.test(div.previousSibling.id), '检查div的前面书签是否被删除');
+
+    range.setStart(div, 2).setEnd(div, 3);
+    var bookmark = range.createBookmark(true);
+    ua.checkResult(range, div, div, 3, 4, false, "元素不闭合，插入span");
+    var preId = document.getElementById('span').previousSibling.id;
+    var latterId = document.getElementById('span').nextSibling.id;
+    var reg = /_baidu_bookmark_start_/;
+    ok(/_baidu_bookmark_start_/.test(preId), '检查前面span的id');
+    ok(/_baidu_bookmark_end_/.test(latterId), '检查后面span的id');
+    checkBookmark(bookmark, preId, latterId, true);
+
+    range.moveToBookmark(bookmark);
+    ua.checkResult(range, div, div, 2, 3, false, 'moveToBookmark');
+    equal(ua.getHTML(div), '<div id="test">first_text<b><i>i_text</i>xxxxxxx</b><span id="span">span_text</span><p id="second"><em>em_text</em>p_text</p></div>');
+
+});
+
+test('createBookmark/moveToBookmark--span嵌套', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'first_text<b><i>i_text</i>xxxxxxx</b><span id="span">span_text</span><p id="second"><em>em_text</em>p_text</p>';
+    var span = document.getElementById('span');
+    range.setStart(span, 0).setEnd(span, 1);
+    var bookmark = range.createBookmark();
+    var pre = span.firstChild;
+    var latter = span.lastChild;
+    ua.checkResult(range, span, span, 1, 2, false, 'span嵌套');
+    ok(/_baidu_bookmark_start_/.test(pre.id), '检查前面span的id');
+    ok(/_baidu_bookmark_end_/.test(latter.id), '检查后面span的id');
+    checkBookmark(bookmark, pre, latter, undefined);
+});
+
+test('createBookmark/moveToBookmark--元素闭合', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'first_text<b><i>i_text</i>xxxxxxx</b><span id="span">span_text</span><p id="second"><em id="em">em_text</em>p_text</p>';
+    var em_text = document.getElementById('em').firstChild;
+    var em = em_text.parentNode;
+    range.setStart(em_text, 1).setEnd(em_text, 1);
+    var bookmark = range.createBookmark(true, true);
+    ua.checkResult(range, em, em, 2, 2, true, '元素闭合');
+    var pre = em.firstChild.nextSibling;
+    checkBookmark(bookmark, pre.id, null, true);
+    equal('_baidu_bookmark_start_', pre.id, '检查前面span的id');
+
+});
+
+
+test('getClosedNode', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'xxx<span>xxx</span><img />xxxx';
+    range.setStart(div, 2).setEnd(div, 3);
+    same(range.getClosedNode(), div.lastChild.previousSibling, 'check result is img');
+
+    range.setStart(div, 2).collapse(true);
+    equal(range.getClosedNode(), null, 'check null return result');
+
+    range.setStart(div, 0).setEnd(div, 1);
+    equal(range.getClosedNode(), null, 'get null result');
+
+});
+
+test('applyInlineStyle--strong', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'div_text';
+    range.setStart(div, 0).setEnd(div, 1);
+
+    range.applyInlineStyle('strong');
+    equals(ua.getHTML(div), '<div id="test"><strong>div_text</strong></div>');
+});
+
+test('applyInlineStyle--双重strong', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'div_text';
+
+    div.innerHTML = 'div_text<strong>strong_text</strong>';
+    range.setStart(div.firstChild, 3);
+    range.setEnd(div.firstChild.nextSibling.firstChild, 3);
+
+    range.applyInlineStyle('strong');
+    equals(ua.getHTML(div), '<div id="test">div<strong>_textstrong_text</strong></div>', '同一个块元素父标签双重加粗');
+
+    div.innerHTML = 'xx<p>xx<strong>bbbb</strong>xxx</p>xx<p><strong>aaaaaaa</strong></p>';
+    range.setStartBefore(div.firstChild.nextSibling.firstChild);
+    range.setEndAfter(div.lastChild.firstChild.firstChild);
+
+    range.applyInlineStyle('strong');
+    equals(ua.getHTML(div), '<div id="test">xx<p><strong>xxbbbbxxx</strong></p><strong>xx</strong><p><strong>aaaaaaa</strong></p></div>', '跨块元素的加粗');
+});
+
+test('applyInlineStyle--span放在em外面', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<div><em>div_text</em></div>';
+    range.setStart(div, 0).setEnd(div, 1);
+    range.applyInlineStyle('span', {style:'font-size:12px'});
+    var span = div.firstChild.firstChild;
+    equal($(span.firstChild).css('font-size'), '12px', 'check style');
+});
+
+test('applyInlineStyle--span', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'div_text';
+    range.setStart(div, 0).setEnd(div, 1);
+    range.applyInlineStyle('span', {style:'font-size:12px'});
+    var span = div.firstChild;
+    equal($(span).css('font-size'), '12px', 'check style');
+    equal(span.firstChild.data, 'div_text', 'check innerHTML');
+});
+
+test('applyInlineStyle--span元素闭合', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'div_text';
+    range.setStart(div, 0).setEnd(div, 0);
+    range.applyInlineStyle('span', {style:'font-size:12px'});
+    equal(ua.getHTML(div), '<div id="test">div_text</div>');
+});
+
+//TODO
+test('applyInlineStyle-双重span', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+
+    div.innerHTML = '<span style="font-size:12px">div_text</span>';
+    var span = div.firstChild;
+    range.setStart(span.firstChild, 0).setEnd(span.firstChild, 4);
+    range.applyInlineStyle('span', {style:'color:red'});
+
+    var div_new = document.createElement('div');
+    div_new.id = 'test';
+    //1.2.6.1开启span套 span，调整
+//    div_new.innerHTML = '<span style="font-size: 12px"><span style="color: red; font-size: 12px">div_</span>text</span>';
+    div_new.innerHTML = '<span style="font-size: 12px; color: red;">div_</span><span style="font-size:12px">text</span>';
+    ok(ua.haveSameAllChildAttribs(div, div_new), 'check style');
+});
+
+
+test('applyInlineStyle--b', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<ul><li>li_text</li><li>bbbb</li></ul>';
+    var li_text = div.firstChild.firstChild;
+    range.setStart(li_text, 0).setEnd(div, 1);
+    range.applyInlineStyle('b');
+    equals(ua.getHTML(div), '<div id="test"><ul><li><b>li_text</b></li><li><b>bbbb</b></li></ul></div>');
+
+    div.innerHTML = '<ul><li>li_text</li><li>bbbb</li></ul>';
+    li_text = div.firstChild.firstChild.firstChild;
+    range.setStart(li_text, 1).setEnd(li_text, 3);
+    range.applyInlineStyle('b');
+    equal(ua.getHTML(div), '<div id="test"><ul><li>l<b>i_</b>text</li><li>bbbb</li></ul></div>');
+
+});
+
+test('applyInlineStyle-b元素闭合', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<ul><li>li_text</li><li>bbbb</li></ul>';
+    var li_text = div.firstChild.firstChild;
+    range.setStart(li_text, 1).setEnd(li_text, 1);
+    range.applyInlineStyle('b');
+    equals(ua.getHTML(div), '<div id="test"><ul><li>li_text</li><li>bbbb</li></ul></div>');
+
+});
+
+test('applyInlineStyle-b有属性', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p>1234</p>';
+    range.setStart(div, 0).setEnd(div.firstChild, 4);
+    range.applyInlineStyle('b', {title:'b_title', id:'b_id'});
+    var b = div.firstChild.firstChild;
+    same(b, document.getElementById('b_id'), '插入带有属性的b');
+    equal($(b).attr('title'), 'b_title', 'check title');
+    equal(b.innerHTML, '1234', 'check innerHTML');
+    equal(div.childNodes.length, 1, 'check child count');
+});
+
+test('applyInlineStyle--b放在Inline元素外面', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p><em>1234</em>5678<span>9</span></p><p><em>1234</em>5678<span>9</span></p>';
+
+    range.setStart(div, 0).setEnd(div, 2);
+    range.applyInlineStyle('b');
+    equals(ua.getHTML(div), '<div id="test"><p><b><em>1234</em>5678<span>9</span></b></p><p><b><em>1234</em>5678<span>9</span></b></p></div>', 'Inline element on multiple selected elements with various childnodes');
+
+    div.innerHTML = '<p>x<em><span id="span">1234</span></em>y</p>';
+    var span = document.getElementById('span');
+    range.setStart(span.firstChild, 0).setEnd(span.firstChild, 4);
+    range.applyInlineStyle('b');
+    equals(ua.getHTML(div), '<div id="test"><p>x<b><em><span id="span">1234</span></em></b>y</p></div>', '多个嵌套Inline element');
+});
+
+test('applyInlinestyle--b没有文字', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<table><tr><td><br/></td></tr><tr><td><br/></td></tr><tr><td><br/></td></tr></table>';
+    range.setStart(div, 0).setEnd(div, 1);
+    range.applyInlineStyle('b');
+    equals(ua.getHTML(div), '<div id="test"><table><tbody><tr><td><br></td></tr><tr><td><br></td></tr><tr><td><br></td></tr></tbody></table></div>', '空表格');
+    ua.checkResult(range, div, div, 0, 1, false, '对空表格进行b');
+    //todo ie6下不知道为啥strong用不上去
+//    div.innerHTML = '';
+//    var ie6 = (baidu.editor.browser.ie == 6);
+//    if ( ie6 ) {
+//        div.appendChild( document.createTextNode( '\u200B' ) );
+//        div.appendChild( document.createTextNode( '\u200B' ) );
+//    }
+//    else {
+//        div.appendChild( document.createTextNode( '\ufeff' ) );
+//        div.appendChild( document.createTextNode( '\ufeff' ) );
+//    }
+//    range.setStart(div,0).setEnd( div, 1 );
+//    range.applyInlineStyle( 'strong' );
+//    equals( div.getElementsByTagName( 'strong' ).length, 1 );
+//    if ( ie6 )
+//        equal( div.innerHTML.toLowerCase(), '<strong>\u200B</strong>\u200B', 'div has no text' );
+//    else
+//        equal( div.innerHTML.toLowerCase(), '<strong>\ufeff</strong>\ufeff', 'div has no text' );
+});
+
+test('applyInlineStyle-双重b', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<p><b>b_text</b></p>';
+    var b_text = div.firstChild.firstChild.firstChild;
+    range.setStart(b_text, 1).setEnd(b_text, 2);
+    range.applyInlineStyle('b');
+    equals(div.innerHTML.toLowerCase(), '<p><b>b_text</b></p>', '文本双重b');
+
+
+    div.innerHTML = '<p><b>a<em>1234</em>b</b></p>';
+    range.setStart(div.getElementsByTagName('em')[0].firstChild, 0);
+    range.setEnd(div.getElementsByTagName('em')[0].firstChild, 4);
+
+    range.applyInlineStyle('b');
+    equals(div.innerHTML.toLowerCase(), '<p><b>a<em>1234</em>b</b></p>', '双重b+多个inline元素');
+
+    // Inline element merged with parent and child
+    div.innerHTML = '<p>a<b>12<b>34</b>56</b>b</p>';
+
+    range.setStart(div.getElementsByTagName('b')[0].firstChild, 1);
+    range.setEnd(div.getElementsByTagName('b')[0].lastChild, 1);
+    range.applyInlineStyle('b');
+    equals(div.innerHTML.toLowerCase(), '<p>a<b>123456</b>b</p>', '去掉嵌套的b');
+});
+
+test('applyInlineStyle--多个style', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'xxxx';
+    range.setStart(div, 0).setEnd(div, 1);
+
+    range.applyInlineStyle('i').applyInlineStyle('span', {style:'color:red'}).applyInlineStyle('span', {style:'font-size:12px'});
+    //1.2.6.1 span能套i
+//    var span = div.firstChild.firstChild;
+    var span = div.firstChild;
+    equal(span.style['color'], 'red', 'check color');
+    equal($(span).css('font-size'), '12px', 'check font size');
+    //1.2.6.1 span能套i
+    equal(span.innerHTML.toLowerCase(), '<i>xxxx</i>', 'check innerHTML including u');
+
+});
+
+test('applyInlineStyle--MergeToParent', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '1<strong style="font-size: 24px; ">23456</strong>8910';
+    range.setStart(div.firstChild, 0).setEnd(div.childNodes[1], 1).select();
+    range.applyInlineStyle('strong', {style:'font-size:24px'});
+    var html = '<strong style="font-size: 24px;">123456</strong>8910';
+    ua.checkSameHtml(div.innerHTML, html);
+});
+test('trace1583:applyInlineStyle--MergeToChild', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<span style="font-size: 24px; ">​123<span style="font-size: 16px; ">45678</span>9</span>';
+
+    var span = div.getElementsByTagName('span')[1];
+    range.setStart(span.firstChild, 2).setEnd(span.firstChild, 4).select();
+    range.applyInlineStyle('span', {style:'font-size:24px'});
+    var html = '<span style="font-size:24px">123<span style="font-size:16px">45<span style="font-size: 24px; ">67</span>8</span>9</span>';
+    ua.checkHTMLSameStyle(html, document, div, 'MergeToChild');
+});
+
+test('applyInlineStyle--选区包含部分兄弟', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'xxxx<span>span_text</span>';
+    range.setStart(div, 0).setEnd(div.firstChild.nextSibling, 0);
+    range.applyInlineStyle('u');
+    equal(div.innerHTML.toLowerCase(), '<u>xxxx</u><span>span_text</span>', 'check innerHTML including u');
+
+});
+
+test('removeInlineStyle--删除父节点b', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = '<b>xxxx</b>';
+    range.setStart(div, 0).setEnd(div, 1);
+    range.removeInlineStyle('b');
+    equals(div.innerHTML, 'xxxx', '删除b');
+});
+
+test('removeInlineStyle--删除祖先b', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = "<b><i>xxxx</i></b>";
+    var i = div.firstChild.firstChild;
+    range.setStart(i, 0).setEnd(i, 1);
+    range.removeInlineStyle('b');
+    equals(div.innerHTML.toLowerCase(), '<i>xxxx</i>');
+    ua.checkResult(range, div, div, 0, 1, false, '删除祖先b');
+});
+
+test('removeInlineStyle--删除部分b', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = "<b><i>i_text</i></b><span>span_text</span>";
+    var b = div.firstChild;
+    range.setStart(b, 0).setEnd(b.firstChild.firstChild, 3);
+    range.removeInlineStyle('b');
+    equals(div.innerHTML.toLowerCase(), '<i>i_t</i><b><i>ext</i></b><span>span_text</span>', '检查html');
+    ua.checkResult(range, div, div, 0, 1, false, '删除部分b');
+});
+
+
+test('removeInlineStyle--删除多个b', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = "<table><tr><td>&nbsp;</td><td><table><tr><td><b>xxxxxx</b></td></tr></table></td><td><b>xxxxxx</b></td></tr></table>";
+    range.setStart(div, 0).setEnd(div, 1);
+    range.removeInlineStyle('b');
+    equals(ua.getHTML(div), '<div id="test"><table><tbody><tr><td>&nbsp;</td><td><table><tbody><tr><td>xxxxxx</td></tr></tbody></table></td><td>xxxxxx</td></tr></tbody></table></div>');
+
+    div.innerHTML = '<b><i>xxxxx</i></b><i>bb</i><b>bbb</b>b<b><i>ccccc</i></b>';
+    range.setStart(div.getElementsByTagName('b')[0], 0);
+    range.setEndAfter(div.getElementsByTagName('b')[2].firstChild);
+    range.removeInlineStyle('b');
+    equals(div.innerHTML.toLowerCase(), '<i>xxxxx</i><i>bb</i>bbbb<i>ccccc</i>');
+
+});
+
+test('removeInlineStyle--删除不同层文本的样式', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = "xxx<b>b_text</b><span><b>b2_text</b></span>";
+    range.setStart(div, 0).setEnd(div, 1);
+    var b1 = div.firstChild.nextSibling;
+    var b2 = b1.nextSibling.firstChild;
+    range.setStart(b1.firstChild, 2).setEnd(b2.firstChild, 2);
+    range.removeInlineStyle('b');
+    equals(div.innerHTML.toLowerCase(), 'xxx<b>b_</b>text<span>b2<b>_text</b></span>');
+
+    ua.checkResult(range, div, div.lastChild, 2, 1, false, 'check startContainer等');
+});
+
+test('removeInlineStyle--删除部分文本样式，需要切分文本节点', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = 'xxx<b><i id="i"><u>u_text</u></i></b>';
+    range.setStart(div.firstChild, 2).setEnd(div.getElementsByTagName('u')[0].firstChild, 2);
+    range.removeInlineStyle('u');
+    equals(ua.getHTML(div), '<div id="test">xxx<b><i id="i">u_<u>text</u></i></b></div>', 'u为父亲节点');
+    ua.checkResult(range, div, document.getElementById('i'), 1, 1, false, '检查startOffset等');
+
+    div.innerHTML = 'xxx<b><i><u id="u">u_text</u></i></b>';
+    range.setStart(div.firstChild, 2).setEnd(div.getElementsByTagName('u')[0].firstChild, 2);
+    range.removeInlineStyle('i');
+    /*不能避免产生相同id元素。。。*/
+    equals(ua.getHTML(div), '<div id="test">xxx<b><u id="u">u_</u><i><u id="u">text</u></i></b></div>', 'i为祖先节点');
+    ua.checkResult(range, div, div.getElementsByTagName('b')[0], 1, 1, false, '');
+
+    div.innerHTML = "<b><i><u>xxxx</u></i></b>bbbbb<b><i><u>xxxx</u></i></b>";
+    range.setStart(div.getElementsByTagName('u')[0].firstChild, 2).setEnd(div.getElementsByTagName('u')[1].firstChild, 2);
+    range.removeInlineStyle('u');
+    equals(div.innerHTML.toLowerCase(), '<b><i><u>xx</u>xx</i></b>bbbbb<b><i>xx<u>xx</u></i></b>', '开始和结束位置都有u');
+
+    div.innerHTML = "<b><i><u>xxxx</u></i></b>bbbbb<b><i><u>xxxx</u></i></b>";
+    range.setStart(div.getElementsByTagName('u')[0].firstChild, 2).setEnd(div.getElementsByTagName('u')[1].firstChild, 2);
+    range.removeInlineStyle('b');
+    equals(div.innerHTML.toLowerCase(), '<b><i><u>xx</u></i></b><i><u>xx</u></i>bbbbb<i><u>xx</u></i><b><i><u>xx</u></i></b>', '删除部分文本节点的祖先节点的样式');
+    ua.checkResult(range, div, div, 1, 4, false, '删除部分节点的祖先样式后');
+
+});
+
+/*闭合情况挪到basestyle中去做了，在这里不做任何处理*/
+test('removeInlineStyle--删除闭合元素的样式', function () {
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range(document);
+    div.innerHTML = "<b><i>b_text</i></b>";
+    range.setStart(div.firstChild.firstChild.firstChild, 2).collapse(true);
+    range.removeInlineStyle('b');
+    equals(div.innerHTML.toLowerCase(), '<b><i>b_text</i></b>');
+});
+
+
+test('b节点取range', function () {
+    var div = te.dom[2];
+    var editor = new baidu.editor.Editor({'autoFloatEnabled':false});
+    stop();
+    editor.render(div);
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent('<p>hello<strong>hello1</strong>hello2</p>');
+        range.setStart(editor.body.firstChild.lastChild, 0).collapse(1).select();
+        range = editor.selection.getRange();
+        if ((ua.browser.ie &&ua.browser.ie < 9) || ua.browser.webkit)
+            ua.checkResult(range, editor.body.firstChild.lastChild.previousSibling, editor.body.firstChild.lastChild.previousSibling, 1, 1, true, '节点后--check range');
+        else if(ua.browser.ie &&ua.browser.ie > 8)
+            ua.checkResult(range, editor.body.firstChild, editor.body.firstChild, 3, 3, true, '节点后--check range');
+        else
+            ua.checkResult(range, editor.body.firstChild.lastChild.previousSibling, editor.body.firstChild.lastChild.previousSibling, 0, 0, true, '节点后--check range');
+
+        range.setStart(editor.body.firstChild.firstChild.nextSibling, 0).collapse(1);
+        range.select();
+        range = editor.selection.getRange();
+        if (ua.browser.webkit)
+            ua.checkResult(range, editor.body.firstChild.firstChild.nextSibling.firstChild, editor.body.firstChild.firstChild.nextSibling.firstChild, 1, 1, true, '节点内文本节点前--check range');
+        else if (ua.browser.ie&&ua.browser.ie < 9)
+            ua.checkResult(range, editor.body.firstChild.childNodes[1].childNodes[1], editor.body.firstChild.childNodes[1].childNodes[1], 0, 0, true, '节点内文本节点前--check range');
+        else if(ua.browser.ie &&ua.browser.ie > 8)
+            ua.checkResult(range, editor.body.firstChild.childNodes[1], editor.body.firstChild.childNodes[1], 1, 1, true, '节点后--check range');
+        else
+            ua.checkResult(range, editor.body.firstChild.firstChild.nextSibling.firstChild, editor.body.firstChild.firstChild.nextSibling.firstChild, 0, 0, true, '节点内文本节点前--check range');
+
+        range.setStart(editor.body.firstChild.childNodes[1], 0).collapse(1).select();
+        range = editor.selection.getRange();
+        if (ua.browser.webkit)
+            ua.checkResult(range, editor.body.firstChild.childNodes[1].firstChild, editor.body.firstChild.childNodes[1].firstChild, 1, 1, true, 'b节点--check range');
+        else if (ua.browser.ie&&ua.browser.ie < 9)
+            ua.checkResult(range, editor.body.firstChild.childNodes[1].childNodes[1], editor.body.firstChild.childNodes[1].childNodes[1], 0, 0, true, '节点内文本节点前--check range');
+        else if(ua.browser.ie &&ua.browser.ie > 8)
+            ua.checkResult(range, editor.body.firstChild.childNodes[1], editor.body.firstChild.childNodes[1], 1, 1, true, '节点后--check range');
+        else
+            ua.checkResult(range, editor.body.firstChild.childNodes[1].firstChild, editor.body.firstChild.childNodes[1].firstChild, 0, 0, true, 'b节点--check range');
+        start();
+    });
+});
+
+test('文本节点中间取range', function () {
+    var div = te.dom[2];
+    var editor = new baidu.editor.Editor({'autoFloatEnabled':false});
+    stop();
+    editor.render(div);
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent('<p>hello2</p>');
+        range.setStart(editor.body.firstChild.firstChild, 2).collapse(1).select();
+        range = editor.selection.getRange();
+        if (ua.browser.ie&&ua.browser.ie < 9)
+            ua.checkResult(range, editor.body.firstChild.lastChild, editor.body.firstChild.lastChild, 0, 0, true, 'check range');
+        else if(ua.browser.ie &&ua.browser.ie > 8)
+            ua.checkResult(range, editor.body.firstChild, editor.body.firstChild, 2, 2, true, 'check range');
+        else
+            ua.checkResult(range, editor.body.firstChild.lastChild, editor.body.firstChild.lastChild, 2, 2, true, 'check range');
+        start();
+    });
+});
+
+//test( 'select--closedNode', function() {
+//    var div = te.dom[2];
+//    var range = new baidu.editor.dom.Range( document );
+//    div.innerHTML = 'div_text<span style="color:red">span_text</span><img />div2_text<em>em_text</em>';
+////    range.setStart(div.getElementsBytagName('img'),0).setEnd(div.)
+////    var span = div.firstChild.nextSibling;
+////    range.setStart(span,1).setEnd(div,4);
+////    range.select();
+////
+////     ua.checkResult(range,span,div,1,4,false,'check range');
+////    range.insertNode(document.createTextNode('aa'));
+////    var selection = new baidu.editor.dom.Selection( document );
+////    var nativeRange = selection.getRange();
+//    //TODO
+//} );
+
+test('range.createAddress,range.moveAddress', function () {
+    function equalRange(rngA, rngB) {
+        return rngA.startContainer === rngB.startContainer && rngA.startOffset === rngB.startOffset
+            && rngA.endContainer === rngB.endContainer && rngA.endOffset === rngB.endOffset
+
+    }
+
+    var div = te.dom[0];
+    var rng = new UE.dom.Range(document);
+    div.innerHTML = '<b>xxxx</b>';
+    var addr = rng.setStart(div.firstChild, 0).collapse(true).createAddress(true);
+    var rng1 = new UE.dom.Range(document);
+    rng1.moveToAddress(addr);
+    ok(equalRange(rng, rng1));
+    div.innerHTML = 'aaa';
+    div.appendChild(document.createTextNode('aaa'));
+    div.appendChild(document.createTextNode('aaa'));
+    addr = rng.setStart(div.lastChild, 0).setEnd(div.lastChild, div.lastChild.nodeValue.length).createAddress();
+    rng1.moveToAddress(addr);
+    ok(equalRange(rng, rng1));
+    addr = rng.setStart(div.lastChild, 0).setEnd(div.lastChild, div.lastChild.nodeValue.length).createAddress(false, true);
+    div.innerHTML = 'aaaaaabbb';
+    rng1.moveToAddress(addr);
+    equal(rng1.cloneContents().firstChild.nodeValue, 'bbb');
+    div.innerHTML = 'aaaaaabbb<b>sss</b>';
+    addr = rng.setStartAfter(div.firstChild.nextSibling.firstChild).collapse(true).createAddress(false);
+    rng1.moveToAddress(addr);
+    ok(equalRange(rng, rng1))
+    div.innerHTML = '';
+    div.appendChild(document.createTextNode(domUtils.fillChar));
+    div.appendChild(document.createTextNode('aaa'));
+    addr = rng.setStartAtLast(div).collapse(true).createAddress(false, true);
+    div.innerHTML = 'aaa';
+    rng1.moveToAddress(addr);
+    rng.setStartAtLast(div).collapse(true);
+    ok(equalRange(rng, rng1));
+    div.innerHTML = 'aaa<b>sss</b>';
+    div.appendChild(document.createTextNode(domUtils.fillChar));
+    addr = rng.setStartAtLast(div).collapse(true).createAddress(false, true);
+    div.innerHTML = 'aaa<b>sss</b>';
+    rng1.moveToAddress(addr);
+    rng.setStartAtLast(div).collapse(true);
+    ok(equalRange(rng, rng1));
+    div.innerHTML = 'aaa';
+    div.appendChild(document.createTextNode(domUtils.fillChar));
+    div.appendChild(document.createTextNode('aaa'));
+    //空节点有占位
+    addr = rng.setStart(div.firstChild.nextSibling, 0).collapse(true).createAddress(false, true);
+    div.innerHTML = 'aaaaaa';
+    rng1.moveToAddress(addr);
+    rng.setStart(div.firstChild, 3).collapse(true);
+    ok(equalRange(rng, rng1));
+});
+
+test('equals', function () {
+    var div = te.dom[2];
+    var rng = new UE.dom.Range(document);
+    div.innerHTML = '<b>xxxx</b>';
+    rng.setStart(div.firstChild, 0).collapse(true);
+    var rng2 = rng.cloneRange();
+    ok(rng.equals(rng2))
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/Selection.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/Selection.js
new file mode 100644
index 000000000..472522517
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/Selection.js
@@ -0,0 +1,199 @@
+module("core.Selection");
+
+/*
+ * 因为编辑器是必定会放在一个iframe中，所以在测试的过程中我们也放在iframe中测试，以防一些他们没有做容错处理导致的问题出现
+ * */
+
+//test( 'getRange--简单', function() {
+//    stop();
+//    /*防止frame没有加载好导致无法取到document*/
+//    setTimeout( function() {
+//        var doc = te.dom[1].contentWindow.document;
+//        var range = new baidu.editor.dom.Range( doc );
+//        var div = doc.createElement( 'div' );
+//        doc.body.appendChild( div );
+//        div.innerHTML = '<strong>first</strong>second';
+//        /*必须调用select函数，否则这个选择不会映射到浏览器上，导致selection得到的rangeCount为0
+//         * select后会把文本节点切开
+//         * */
+//        range.setStart( div.firstChild, 0 ).setEnd( div.lastChild, 1 ).select();
+//        var selection = new baidu.editor.dom.Selection( doc );
+//        var nativeRange = selection.getRange();
+//        var sc = nativeRange.startContainer;
+//        var so = nativeRange.startOffset;
+//        var ec = nativeRange.endContainer;
+//        var eo = nativeRange.endOffset;
+//        /*sc和ec的位置有多个，只能无奈地穷举*/
+//        // ok(  (sc === div) && so == 0   , 'check startContainer/offset' ); (ec === div) && eo == 2 ||好像这种情况在浏览器中不会遇到
+//        ok( (sc === div.firstChild.firstChild) && so == 0 || (sc === div) && so == 0 || (sc === div.firstChild) && so == 0, 'check startContainer/offset' );
+//        ok( (ec === div.firstChild.nextSibling) && eo == 1 || (ec === div.lastChild) && eo == 0, 'check endContainer/offset' );
+//        equal( nativeRange.collapsed, false, 'check collapse status' );
+//        start();
+//    }, 20 );
+//} );
+//
+//test( 'getText', function() {
+//    stop();
+//    setTimeout( function() {
+//        var doc = te.dom[1].contentWindow.document;
+//        var range = new baidu.editor.dom.Range( doc );
+//        var div = doc.createElement( 'div' );
+//        doc.body.appendChild( div );
+//        div.innerHTML = '<em></em><span>spanText</span><strong>first</strong>second';
+//
+//        range.setStart( div.firstChild, 0 ).setEnd( div.lastChild, 1 ).select();
+//        var selection = new baidu.editor.dom.Selection( doc );
+//
+//        var text = selection.getText();
+//        equal( text, 'spanTextfirsts', 'check getText function' );
+//        start();
+//    }, 20 );
+//} );
+//
+//
+//test( 'getstart--文本', function() {
+//    stop();
+//    setTimeout( function() {
+//        var doc = te.dom[1].contentWindow.document;
+//        var range = new baidu.editor.dom.Range( doc );
+//        var div = doc.createElement( 'div' );
+//        doc.body.appendChild( div );
+//        div.innerHTML = '<em>em<strong><span>spanText</span></strong></em><strong>first</strong>second';
+//
+//        range.setStart( div.firstChild.lastChild.lastChild.firstChild, 0 ).setEnd( div.lastChild, 1 ).select();
+//        var selection = new baidu.editor.dom.Selection( doc );
+//        var startNode = selection.getStart();
+//        /*textNode*/
+//        ok( startNode === div.firstChild.lastChild.lastChild, 'check startNode' );
+//        start();
+//    }, 20 );
+//} );
+//
+//test( 'getstart--边界情况', function() {
+//    stop();
+//    setTimeout( function() {
+//        var doc = te.dom[1].contentWindow.document;
+//        var range = new baidu.editor.dom.Range( doc );
+//        var div = doc.createElement( 'div' );
+//        doc.body.appendChild( div );
+//        div.innerHTML = '<em>em<strong><span>spanText</span></strong></em><strong>first</strong>second';
+//
+//        range.setStart( div.firstChild.lastChild, 0 ).collapse().select();
+//        var selection = new baidu.editor.dom.Selection( doc );
+//        var startNode = selection.getStart();
+//        /*边界情况，ie下好像会尽量贴文本，因此startNode为em*/
+//        ok( startNode === div.firstChild.lastChild || startNode === div.firstChild, 'check startNode' );
+//        start();
+//    }, 20 );
+//} );
+
+test('getRange--闭合选区的边界情况', function () {
+    var div_new = document.createElement('div');
+    document.body.appendChild(div_new);
+    var editor = new baidu.editor.Editor({'autoFloatEnabled': false});
+    stop();
+    setTimeout(function () {
+        editor.render(div_new);
+        editor.ready(function () {
+            setTimeout(function () {
+                var range = new baidu.editor.dom.Range(editor.document);
+                editor.setContent('<p><strong>xxx</strong></p>');
+                range.setStart(editor.body.firstChild.firstChild, 0).collapse(true).select();
+                range = editor.selection.getRange();
+                var strong = editor.body.firstChild.firstChild;
+                    /*startContainer:ie is xxx,others are strong.firstChild*/
+                if(ua.browser.ie>8){
+                    ok(( range.startContainer === strong) && range.startOffset === 1, 'startContainer是xxx左边的占位符或者xxx');
+                }
+
+                 else{
+                    ok(range.startContainer.nodeType == 3, 'startContainer是文本节点');
+
+                    ok(( range.startContainer === strong.firstChild) && strong.firstChild.length == 1 || (range.startContainer.nodeValue.length == 3 && range.startContainer === strong.lastChild), 'startContainer是xxx左边的占位符或者xxx');
+                }
+
+                ua.manualDeleteFillData(editor.body);
+                range.setStart(editor.body.firstChild.firstChild, 1).collapse(true).select();
+                /*去掉占位符*/
+                range = editor.selection.getRange();
+                /*可能为(strong，1)或者(xxx，3)*/
+                ok(( range.startContainer === strong) || ( range.startContainer === strong.lastChild) && strong.lastChild.length == 1 || (range.startContainer.nodeValue.length == 3 && range.startContainer === strong.firstChild), 'startContainer是xxx或者xxx右边的占位符');
+//    ok( range.startContainer.nodeType == 1 ? range.startContainer.tagName.toLowerCase() == 'strong' && range.startOffset == 1 : range.startContainer.data == 'xxx' && range.startOffset == 3, 'strong,1或xxx,3' );
+
+                ua.manualDeleteFillData(editor.body);
+                /*p,0*/
+                range.setStart(editor.body.firstChild, 0).collapse(true).select();
+                range = editor.selection.getRange();
+                /*startContainer:ie is xxx,ff is p, chrome is strong*/
+//    ok( ( range.startContainer === strong.parentNode.firstChild)&& strong.parentNode.firstChild.length == 1  || (range.startContainer.nodeValue.length == 3 && range.startContainer === strong.firstChild.nextSibling), 'startContainer是第一个占位符或者xxx' );
+//    ua.manualDeleteFillData( editor.body );
+//    range.setStart( editor.body.firstChild, 1 ).collapse( true ).select();
+//    equal( range.startContainer.tagName.toLowerCase(), 'p', 'p,1' );
+
+
+                te.dom.push(div_new);
+                te.obj.push(editor);
+                start();
+            }, 50);
+        });
+    }, 50);
+});
+
+//test( '不闭合选区的边界情况', function () {
+//
+//} );
+//
+test('trace 1742  isFocus', function () {
+    if (!ua.browser.opera) {
+        var div1 = document.createElement('div');
+        var div2 = document.createElement('div');
+        document.body.appendChild(div1);
+        document.body.appendChild(div2);
+        var editor1 = new UE.Editor({'initialContent': '<span>hello</span>', 'autoFloatEnabled': false});
+        var editor2 = new UE.Editor({'initialContent': '<span>hello</span>', 'autoFloatEnabled': false});
+        editor1.render(div1);
+        stop();
+        editor1.ready(function () {
+            editor2.render(div2);
+            editor2.ready(function () {
+                editor1.focus();
+                ok(editor1.selection.isFocus(), '设editor内容是<span> editor1 is focused');
+                ok(!editor2.selection.isFocus(), '设editor内容是<span> editor2 is not focused');
+                editor2.focus();
+                ok(editor2.selection.isFocus(), '设editor内容是<span> editor2 is focused');
+                ok(!editor1.selection.isFocus(), '设editor内容是<span> editor1 is not focused');
+                div1.parentNode.removeChild(div1);
+                div2.parentNode.removeChild(div2);
+
+                var div3 = document.createElement('div');
+                var div4 = document.createElement('div');
+                document.body.appendChild(div3);
+                document.body.appendChild(div4);
+                var editor3 = new UE.Editor({'initialContent': '<h1>hello</h1>', 'autoFloatEnabled': false});
+                var editor4 = new UE.Editor({'initialContent': '<h1>hello</h1>', 'autoFloatEnabled': false});
+                editor3.render(div3);
+                editor3.ready(function () {
+                    editor4.render(div4);
+                    editor4.ready(function () {
+                        editor3.focus();
+                        ok(editor3.selection.isFocus(), '设editor内容是<h1> editor1 is focused');
+                        ok(!editor4.selection.isFocus(), '设editor内容是<h1> editor2 is not focused');
+                        editor4.focus();
+                        ok(editor4.selection.isFocus(), '设editor内容是<h1> editor2 is focused');
+                        ok(!editor3.selection.isFocus(), '设editor内容是<h1> editor1 is not focused');
+                        setTimeout(function () {
+                            div3.parentNode.removeChild(div3);
+                            div4.parentNode.removeChild(div4);
+                            start();
+                        }, 50);
+                    });
+                });
+            });
+        });
+    }
+});
+
+
+
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/ajax.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/ajax.js
new file mode 100644
index 000000000..3f79b316a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/ajax.js
@@ -0,0 +1,271 @@
+module('core.ajax');
+var ajax_request_baseurl = upath + 'ajax.php';
+
+
+test("post请求，无数据", function () {
+    UE.ajax.request(ajax_request_baseurl, {
+        onsuccess: function (xhr) {
+            equals(xhr.responseText, "", "post请求，无数据");
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send ajax request');
+            start();
+        }
+    });
+    stop();
+});
+
+test("get请求，无数据,url中有数据", function () {
+    UE.ajax.request(ajax_request_baseurl + "?get1=ueditor&get2=baidu", {
+        method: 'GET',
+        onsuccess: function (xhr) {
+            equals(xhr.responseText, "get1='ueditor'&get2='baidu'", "post请求，数据放在url中传递");
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send ajax request');
+            start();
+        }
+    });
+    stop();
+});
+
+
+test("get请求,有数据,url中有数据", function () {
+    UE.ajax.request(ajax_request_baseurl + "?get1=ueditor&get2=baidu", {
+        method: 'GET',
+        content: "img1=http://www.baidu.com&img2=http://ueditor.baidu.com",
+        onsuccess: function (xhr) {
+            equals(xhr.responseText, "get1='ueditor'&get2='baidu'&img1=http://www.baidu.com&img2=http://ueditor.baidu.com", "post请求，数据放在url中传递");
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send ajax request');
+            start();
+        }
+    });
+    stop();
+});
+
+test("get请求，有data字段，无数据,url中有数据", function () {
+    UE.ajax.request(ajax_request_baseurl + "?get1=ueditor&get2=baidu", {
+        method: 'GET',
+        data: {
+            img1: 'http://www.baidu.com', img2: 'http://www.google.com'
+        },
+        onsuccess: function (xhr) {
+            equals(xhr.responseText, "get1='ueditor'&get2='baidu'&img1='http://www.baidu.com'&img2='http://www.google.com'", "post请求，数据放在url中传递");
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send ajax request');
+            start();
+        }
+    });
+    stop();
+});
+
+test("post请求，有data字段", function () {
+    UE.ajax.request(ajax_request_baseurl, {
+        data: {
+            img1: 'http://www.baidu.com', img2: 'http://www.google.com'
+        },
+        onsuccess: function (xhr) {
+            equals(xhr.responseText, "img1='http://www.baidu.com'&img2='http://www.google.com'", "post请求，有data字段");
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send ajax request');
+            start();
+        }
+    });
+    stop();
+});
+
+test("post请求，没有data字段，有其他数据", function () {
+    UE.ajax.request(ajax_request_baseurl, {
+        content: "img1=http://www.baidu.com&img2=http://ueditor.baidu.com",
+        onsuccess: function (xhr) {
+            equals(xhr.responseText, "img1=http://www.baidu.com&img2=http://ueditor.baidu.com", "没有data字段，有其他数据");
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send ajax request');
+            start();
+        }
+    });
+    stop();
+});
+
+test("post请求，有data字段，有其他数据", function () {
+    UE.ajax.request(ajax_request_baseurl, {
+        data: {
+            img1: 'http://www.baidu.com', img2: 'http://www.google.com'
+        },
+        content: "i1=http://www.baidu.com&i2=http://ueditor.baidu.com",
+        onsuccess: function (xhr) {
+            equals(xhr.responseText, "img1='http://www.baidu.com'&img2='http://www.google.com'&i1=http://www.baidu.com&i2=http://ueditor.baidu.com", "有data字段，有其他数据");
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send ajax request');
+            start();
+        }
+    });
+    stop();
+});
+
+test("get请求，有data字段，有其他数据", function () {
+    UE.ajax.request(ajax_request_baseurl, {
+        method: 'GET',
+        data: {
+            get1: 'http://www.baidu.com', get2: 'http://www.google.com'
+        },
+        content: "i1=http://www.baidu.com&i2=http://ueditor.baidu.com",
+        onsuccess: function (xhr) {
+            equals(xhr.responseText, "get1='http://www.baidu.com'&get2='http://www.google.com'&i1=http://www.baidu.com&i2=http://ueditor.baidu.com", "有data字段，有其他数据");
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send ajax request');
+            start();
+        }
+    });
+    stop();
+});
+
+
+test("并发多个post请求", function () {
+
+    UE.ajax.request(ajax_request_baseurl, {
+        data: {
+            img1: 'http://ueditor.baidu.com', img2: 'http://www.google.com'
+        },
+        content: "i1=http://www.baidu.com&i2=http://ueditor.baidu.com",
+        onsuccess: function (xhr) {
+            equals(xhr.responseText, "img1='http://ueditor.baidu.com'&img2='http://www.google.com'&i1=http://www.baidu.com&i2=http://ueditor.baidu.com", "有data字段，有其他数据");
+        },
+        onerror: function () {
+            ok(false, 'fail to send ajax request');
+        }
+    });
+
+    UE.ajax.request(ajax_request_baseurl, {
+        data: {
+            img1: 'http://map.baidu.com', img2: 'http://www.google.com'
+        },
+        content: "p1=http://www.baidu.com&p2=http://ueditor.baidu.com",
+        onsuccess: function (xhr) {
+            equals(xhr.responseText, "img1='http://map.baidu.com'&img2='http://www.google.com'&p1=http://www.baidu.com&p2=http://ueditor.baidu.com", "有data字段，有其他数据");
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send ajax request');
+            start();
+        }
+    });
+    stop();
+});
+
+test("jsonp请求,无数据", function () {
+
+    UE.ajax.request(ajax_request_baseurl, {
+        dataType: 'jsonp',
+        onsuccess: function (r) {
+            notDeepEqual(r, null, '返回内容不为空');
+            notEqual(r.callback, null, '返回内容有callback参数');
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send jsonp request');
+            start();
+        }
+    });
+    stop();
+
+});
+
+test("jsonp请求,无数据,url上有数据", function () {
+
+    UE.ajax.request(ajax_request_baseurl + '?get1=getcontent1&get2=getcontent2', {
+        dataType: 'jsonp',
+        onsuccess: function (r) {
+            equal(r.get1, 'getcontent1', 'url上的参数1正常');
+            equal(r.get2, 'getcontent2', 'url上的参数2正常');
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send jsonp request');
+            start();
+        }
+    });
+    stop();
+
+});
+
+test("jsonp请求,有数据,url上有数据", function () {
+
+    UE.ajax.request(ajax_request_baseurl + '?get1=getcontent1&get2=getcontent2', {
+        key1: 'keycontent1',
+        key2: 'keycontent2',
+        dataType: 'jsonp',
+        onsuccess: function (r) {
+            equal(r.get1, 'getcontent1', 'url上的参数1正常');
+            equal(r.get2, 'getcontent2', 'url上的参数2正常');
+            equal(r.key1, 'keycontent1', '数据上的参数1正常');
+            equal(r.key2, 'keycontent2', '数据上的参数2正常');
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send jsonp request');
+            start();
+        }
+    });
+    stop();
+
+});
+
+test("jsonp请求,有数据,data上有数据,url上有数据", function () {
+
+    UE.ajax.request(ajax_request_baseurl + '?get1=getcontent1&get2=getcontent2', {
+        key1: 'keycontent1',
+        key2: 'keycontent2',
+        data: {
+            'datakey1': 'datakeycontent1',
+            'datakey2': 'datakeycontent2'
+        },
+        dataType: 'jsonp',
+        onsuccess: function (r) {
+            equal(r.get1, 'getcontent1', 'url上的参数1正常');
+            equal(r.get2, 'getcontent2', 'url上的参数2正常');
+            equal(r.key1, 'keycontent1', '数据上的参数1正常');
+            equal(r.key2, 'keycontent2', '数据上的参数2正常');
+            equal(r.datakey1, 'datakeycontent1', 'data数据上的参数1正常');
+            equal(r.datakey2, 'datakeycontent2', 'data数据上的参数2正常');
+            start();
+        },
+        onerror: function () {
+            ok(false, 'fail to send jsonp request');
+            start();
+        }
+    });
+    stop();
+
+});
+
+test("通过getJSONP方法发送jsonp请求", function () {
+
+    UE.ajax.getJSONP(ajax_request_baseurl + '?get1=getcontent1&get2=getcontent2', {
+        'datakey1': 'datakeycontent1',
+        'datakey2': 'datakeycontent2'
+    }, function (r) {
+        equal(r.get1, 'getcontent1', 'url上的参数1正常');
+        equal(r.get2, 'getcontent2', 'url上的参数2正常');
+        equal(r.datakey1, 'datakeycontent1', 'data数据上的参数1正常');
+        equal(r.datakey2, 'datakeycontent2', 'data数据上的参数2正常');
+        start();
+    });
+    stop();
+
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/ajax.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/ajax.php
new file mode 100644
index 000000000..b4595d629
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/ajax.php
@@ -0,0 +1,57 @@
+<?php
+/**
+ * check get or post
+ *
+ */
+/*加上这句使得当php配置显示Notice提示信息时也不会报错*/
+error_reporting(E_ERROR | E_WARNING);
+if ($_SERVER['REQUEST_METHOD'] == 'POST') { // POST请求
+
+    $img1 = $_POST['img1'];
+    $img2 = $_POST['img2'];
+    $content = $_POST['content'];
+    $str = '';
+    if ($img1 && $img2) {
+        $str = "img1='" . $img1 . "'&img2='" . $img2 . "'";
+    }
+    if ($content) {
+        if ($img1) {
+            $str .= '&';
+        }
+        $str .= $content;
+    }
+    echo $str;
+
+} else if (isset($_GET['callback'])) { // jsonp做的GET请求
+
+    $callback = $_GET['callback'];
+
+    echo $callback . '(' . json_encode($_GET) . ')';
+
+} else { // 普通GET请求
+
+    $get1 = $_GET['get1'];
+    $get2 = $_GET['get2'];
+    $img1 = $_GET['img1'];
+    $img2 = $_GET['img2'];
+    $content = $_GET['content'];
+    $str = '';
+    if ($get1 && $get2) {
+        $str .= "get1='" . $get1 . "'&get2='" . $get2 . "'";
+    }
+    if ($img1 && $img2) {
+        if ($get1) {
+            $str .= '&';
+        }
+        $str .= "img1='" . $img1 . "'&img2='" . $img2 . "'";
+    }
+    if ($content) {
+        if ($img1 || $get1) {
+            $str .= '&';
+        }
+        $str .= $content;
+    }
+    echo $str;
+
+}
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/browser.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/browser.js
new file mode 100644
index 000000000..3ef272fae
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/browser.js
@@ -0,0 +1,72 @@
+module( "core.browser" );
+
+
+test( 'browser', function() {
+    var browser = baidu.editor.browser;
+    /*ie*/
+    if ( browser.ie ) {
+        ok( ua.browser.ie, 'is ie' );
+        var version = ua.browser.ie;
+        if ( browser.version < 7 ) {
+            ok( browser.ie6Compat, 'ie6 compat mode' );
+            equal( version, browser.version, 'check ie version' );
+        }
+        if ( browser.version == 7 ) {
+            ok( browser.ie7Compat, 'ie7 compat mode' );
+            equal( version, browser.version, 'check ie version' );
+            ok( browser.isCompatible, 'is compatible' );
+        }
+        switch ( document.documentMode ) {
+            case 7:
+                ok( browser.ie7Compat, 'ie7 document Mode' );
+                equal( version, browser.version, 'check ie version' );
+                ok( browser.isCompatible, 'is compatible' );
+                break;
+            case 8:
+                ok( browser.ie8Compat, 'ie8 document Mode' );
+                equal( version, browser.version, 'check ie version' );
+                ok( browser.isCompatible, 'is compatible' );
+                break;
+            case 9:
+                ok( browser.ie9Compat, 'ie9 document Mode' );
+                equal( version, browser.version, 'check ie version' );
+                ok( browser.isCompatible, 'is compatible' );
+                break;
+            case 11:
+                ok( browser.ie11Compat, 'ie11 document Mode' );
+                equal( version, browser.version, 'check ie version' );
+                ok( browser.isCompatible, 'is compatible' );
+                break;
+        }
+    }
+    /*opera*/
+    if ( browser.opera ) {
+        ok( ua.browser.opera, 'is opera' );
+        equal( browser.version, ua.browser.opera, 'check opera version' );
+    }
+    /*webKit*/
+    if ( browser.webkit ) {
+        ok( ua.browser.webkit, 'is webkit' );
+        equal( browser.webkit, ua.browser.webkit>0, 'check webkit version' );
+    }
+    /*gecko*/
+    if ( browser.gecko ) {
+        ok( ua.browser.gecko, 'is gecko' );
+        equal( browser.gecko, !!ua.browser.gecko, 'check gecko version' );
+    }
+//    /*air*/
+//    if ( browser.air ) {
+//        ok( ua.browser.air, 'is air' );
+//        equal( browser.air, ua.browser.air>0, 'check air version' );
+//    }
+//    /*mac*/
+//    if ( browser.mac ) {
+//        ok( ua.browser.air, 'is air' );
+//        equal( ua.browser.os, 'macintosh', 'check air version' );
+//    }
+    /*quirks*/
+    if ( browser.quirks ) {
+        equal( document.compatMode, 'BackCompat', 'is quirks mode' );
+        equal( browser.version, 6, 'ie version is 6' );
+    }
+} );
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/domUtils.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/domUtils.js
new file mode 100644
index 000000000..2293e1718
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/domUtils.js
@@ -0,0 +1,1718 @@
+module( 'core.domUtils' );
+
+test( 'isBoundaryNode--node是firstChild',function(){
+
+    if(ua.browser.ie){
+//        var body =  te.dom[1].contentDocument.appendChild(document.createElement('body'));
+//        var div = body.appendChild(document.createElement('div'));
+        var div = te.dom[2];
+    }else{
+        var div = te.dom[1].contentWindow.document.firstChild.lastChild.appendChild(document.createElement('div'));
+    }
+    div.innerHTML = "<span>sss</span>aaa<p>ppp</p>";
+    var node = div.firstChild.nextSibling;
+    equal( domUtils.isBoundaryNode(node, "firstChild"), 0 );
+    equal( domUtils.isBoundaryNode(node, "lastChild"), 0 );
+    node = div.firstChild.firstChild;
+    if(ua.browser.ie){
+        equal( domUtils.isBoundaryNode(node, "firstChild"), 0 );
+    }else{
+        equal( domUtils.isBoundaryNode(node, "firstChild"), 1 );
+    }
+    equal( domUtils.isBoundaryNode(node, "lastChild"), 0 );
+    node = div.firstChild.nextSibling.nextSibling;
+    equal( domUtils.isBoundaryNode(node, "firstChild"), 0 );
+    equal( domUtils.isBoundaryNode(node, "lastChild"), 1 );
+} );
+
+test( 'getPosition--A和B是同一个节点', function() {
+    var div = te.dom[2];
+    div.innerHTML = "<span>span</span><img  /><b>bbb</b>xxx";
+    var span_text = div.firstChild.firstChild;
+    var domUtils = te.obj[3];
+    equal( domUtils.getPosition( span_text, span_text ), 0, 'identical node' );
+} );
+
+
+test( 'getPosition--A和B是兄弟节点', function() {
+    var div = te.dom[2];
+    div.innerHTML = "<span>span</span><img  /><b>bbb</b>xxx";
+    var span_text = div.firstChild.firstChild;
+    var div_text = div.lastChild;
+    var domUtils = te.obj[3];
+    /*span_text在div_text前面*/
+    equal( domUtils.getPosition( span_text, div_text ), domUtils.POSITION_PRECEDING, 'preceding node' );
+    /*div_text在span_text后面*/
+    equal( domUtils.getPosition( div_text, span_text ), domUtils.POSITION_FOLLOWING, 'following node' );
+} );
+
+
+test( 'getPosition--A是B的祖先', function() {
+    var div = te.dom[2];
+    div.innerHTML = "<span>span</span><img  /><b>bbb</b>xxx";
+    var span_text = div.firstChild.firstChild;
+    var domUtils = te.obj[3];
+    /*A是B的祖先*/
+    equal( domUtils.getPosition( div, span_text ), domUtils.POSITION_CONTAINS + domUtils.POSITION_PRECEDING, 'preceding node' );
+    /*A是B的子孙*/
+    equal( domUtils.getPosition( span_text, div ), domUtils.POSITION_IS_CONTAINED + domUtils.POSITION_FOLLOWING, 'following node' );
+} );
+
+test( 'getPosition--A和B在不同dom树上', function() {
+    stop();
+    expect( 1 );
+    var div = te.dom[2];
+    div.innerHTML = "<span>span</span><img  /><b>bbb</b>xxx";
+    var iframe = te.dom[1];
+    setTimeout( function() {
+        var frame_doc = iframe.contentWindow.document || iframe.contentDocument;
+        var frame_div = frame_doc.createElement( 'div' );
+        frame_doc.body.appendChild( frame_div );
+        var domUtils = te.obj[3];
+        /*A和B在不同dom树上*/
+        equal( domUtils.getPosition( div, frame_div ) & 1, 1, 'A和B不在同一个dom树上' );
+        start();
+    }, 50 );
+
+} );
+
+test( 'getNodeIndex', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<strong>ddddd</strong><!----><!--hhhhh--><span></span><b>xxxxx</b><p id="p"><br /><img /><table id="table"><tr><td>dddd</td></tr></table></p>';
+    var comment = div.firstChild.nextSibling.nextSibling;
+    equal( domUtils.getNodeIndex( comment ), 2, 'check commnet index' );
+    var td_text = document.getElementById( 'table' ).firstChild.firstChild.firstChild;
+    equal( domUtils.getNodeIndex( td_text ), 0, 'check textNode index' );
+    equal( domUtils.getNodeIndex( div.firstChild ), 0, 'check strong label index' );
+    equal( domUtils.getNodeIndex( (document.getElementById( 'p' )) ), 5, 'check p label index' );
+} );
+
+test( 'findParent--body', function() {
+    var domUtils = te.obj[3];
+    equal( domUtils.findParent( document.body ), null, 'find parent for body' );
+} );
+
+/*找符合条件的上一个节点，如果条件为空则找父节点*/
+test( 'findParent--tester为空', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<strong>ddddd</strong><!----><!--hhhhh--><span id="span">span</span><b>xxxxx</b><p id="p"><br /><img /><table id="table"><tr><td>dddd</td></tr></table></p>';
+    var span_text = document.getElementById( 'span' ).firstChild;
+    same( domUtils.findParent( span_text ), span_text.parentNode, 'find parent' );
+} );
+
+test( 'findParent--tester不为空', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<strong>ddddd</strong><!----><!--hhhhh--><span id="span">span</span><b>xxxxx</b><p id="p"><br /><img /><table id="table"><tr><td>dddd</td></tr></table></p>';
+    var span_text = document.getElementById( 'span' ).firstChild;
+    var div1 = domUtils.findParent( span_text, function( node ) {
+        if ( node.id == "test" )
+            return true;
+        return false;
+    } );
+    same( div1, div, 'find parent' );
+} );
+
+
+/*不考虑includeSelf的时候取body的parent的情况*/
+test( 'findParentByTagName--body', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    same( domUtils.findParentByTagName( document.body, 'body' ), null, 'parent is self' );
+} );
+
+
+test( 'findParentByTagName--tagName为字符串', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<strong>ddddd</strong><!----><!--hhhhh--><span id="span">span</span><b>xxxxx</b><p id="p"><br /><img /><table id="table"><tr><td>dddd</td></tr></table></p>';
+    var br = document.getElementById( 'p' ).firstChild;
+    same( domUtils.findParentByTagName( br, 'div' ), div, 'tagName为字符串' );
+    same( domUtils.findParentByTagName( br, 'em' ), null, 'tagName为字符串返回null' );
+} );
+
+test( 'findParentByTagName--tagName为字符串数组', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<strong>ddddd</strong><!----><!--hhhhh--><span id="span">span</span><b>xxxxx</b><p id="p"><br /><img /><table id="table"><tr><td>dddd</td></tr></table></p>';
+    var br = document.getElementById( 'p' ).firstChild;
+    var tagName = ['em','p','div'];
+    same( domUtils.findParentByTagName( br, tagName ), document.getElementById( 'p' ), 'tagName为字符串数组，找出第一个符合条件的父节点' );
+} );
+
+
+test( 'findParentByTagName--文本节点', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<strong>ddddd</strong><!----><!--hhhhh--><span id="span">span</span><b>xxxxx</b><p id="p"><br /><img /><table id="table"><tr><td>dddd</td></tr></table></p>';
+    var span_text = document.getElementById( 'span' ).firstChild;
+    var tagName = ['em','p','div'];
+    same( domUtils.findParentByTagName( span_text, tagName ), div, '文本节点' );
+} );
+
+test( 'findParents', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<strong>ddddd</strong><!----><!--hhhhh--><span id="span">span</span><b>xxxxx</b><p id="p"><br /><img /><table id="table"><tr><td>dddd</td></tr></table></p>';
+    var span_text = document.getElementById( 'span' ).firstChild;
+    /*includeSelf*/
+    var parents = domUtils.findParents( span_text, true );
+    equal( parents.length, 4, 'check parent count' );
+    same( parents[0], document.body, 'first  parent is body' );
+    same( parents[1], div, 'second parent is div' );
+    same( parents[2], span_text.parentNode, 'third parent is span' );
+    same( parents[3], span_text, 'last parent is self' );
+    /*不逆序存放祖先节点,closerFirst=false*/
+    parents = domUtils.findParents( span_text, false, null, true );
+    equal( parents.length, 3, 'check parent count' );
+    same( parents[0], span_text.parentNode, 'first parent is span' );
+    same( parents[1], div, 'second parent is div' );
+    same( parents[2], document.body, 'last parent is body' );
+} );
+
+
+test( 'findParents--tester', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<div><p id="p"><br /><img id="img" /><table id="table"><tr><td>dddd</td></tr></table></p></div>';
+    var img = document.getElementById( 'img' );
+    var parents = domUtils.findParents( img, false, function( node ) {
+        if ( node.tagName.toLowerCase() == 'div' || node.tagName.toLowerCase() == 'body' )
+            return false;
+        return true;
+    } );
+    equal( parents.length, 1, 'check parent count' );
+    same( parents[0], div.firstChild.firstChild, 'first  parent is p' );
+} );
+
+test( 'insertAfter', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    var textNode = document.createTextNode( 'text' );
+    domUtils.insertAfter( div, textNode );
+    te.dom.push( textNode );
+    equal( textNode, div.nextSibling, 'insertAfter' );
+} );
+
+test( 'remove--not keep children', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = "<p>xxx<span><em>xxxx</em>xxxx</span></p><div>xxxx</div>";
+    var text = div.firstChild.firstChild;
+    var p = div.firstChild;
+    /*删除文本节点*/
+    var node = domUtils.remove( text );
+    equal( ua.getChildHTML( div ), '<p><span><em>xxxx</em>xxxx</span></p><div>xxxx</div>' );
+    same( text, node, 'check removed textNode' );
+    /*删除有孩子的节点*/
+    node = domUtils.remove( p );
+    equal( ua.getChildHTML( div ), '<div>xxxx</div>' );
+    same( node, p, 'check removed p' );
+} );
+
+test( 'remove-- keep children', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<p id="p">xxx<span><em>xxxx</em>xxxx</span><img /></p><div>xxxx</div>';
+    var text = div.firstChild.firstChild;
+    var p = div.firstChild;
+    /*删除文本节点*/
+    var node = domUtils.remove( text, true );
+    equal( ua.getChildHTML( div ), '<p id="p"><span><em>xxxx</em>xxxx</span><img></p><div>xxxx</div>' );
+    same( text, node, 'check removed textNode' );
+    /*删除有孩子的节点*/
+    node = domUtils.remove( p, true );
+    equal( ua.getChildHTML( div ), '<span><em>xxxx</em>xxxx</span><img><div>xxxx</div>' );
+    same( node.id, p.id, 'check removed p' );
+} );
+
+test( 'getNextDomNode--没有filter', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<p id="p">p_text<span><em>xxxx</em>xxxx</span><img /></p><div>xxxx</div>';
+    var p = div.firstChild;
+    /*直接查找兄弟节点*/
+    same( domUtils.getNextDomNode( p ), div.lastChild, '后兄弟节点' );
+//    same( domUtils.getPreviousDomNode( divChild ), p, '前一个兄弟节点' );
+    /*startFromChild=true，查找孩子结点*/
+    equal( domUtils.getNextDomNode( p, true ).data, 'p_text', 'text node' );
+//    equal( domUtils.getPreviousDomNode( p, true ), p.lastChild, 'text node' );
+} );
+
+
+test( 'getNextDomNode--有filter', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<div id="p"><span><em>xxxx</em>xxxx</span><p>xx</p><img /></div><div>xxxx</div>';
+    document.body.insertBefore( document.createElement( 'span' ), div );
+    var span = div.firstChild.firstChild;
+    var filter = function( node ) {
+        if ( $( node ).css( 'display' ) == 'block' )
+            return false;
+        return true;
+    };
+    same( domUtils.getNextDomNode( span, false, filter ), div.firstChild.lastChild, '找到第一个不为block元素的兄弟节点' );
+//    same( domUtils.getPreviousDomNode( div, true, filter ), div.previousSibling, '孩子中没有block元素，则找父亲的previousSibling节点' );
+    te.obj.push( div.previousSibling );
+} );
+test( 'getNextDomNode-没有兄弟或孩子', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    div.innerHTML = '<p id="p">p_text<span><em>xxxx</em>xxxx</span><img /></p><div>xxxx</div>';
+    var p = div.firstChild;
+    /*直接查找兄弟节点*/
+//    same( domUtils.getPreviousDomNode( p ), div.previousSibling, '前面木有兄弟' );
+    same( domUtils.getNextDomNode( div.lastChild ), div.nextSibling, '后面木有兄弟' );
+} );
+
+test( 'isBookmarkNode', function() {
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    var range = te.obj[2];
+    div.innerHTML = '<span><em>xxxx</em>xxxx</span><img><div>xxxx</div>';
+    range.setStart( div, 0 ).setEnd( div, 1 );
+    range.createBookmark();
+    ok( domUtils.isBookmarkNode( div.firstChild ), 'is BookmarkNode' );
+    ok( !domUtils.isBookmarkNode( div.firstChild.nextSibling ), 'not BookmarkNode' );
+
+} );
+
+test( 'getWindow', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    var w = domUtils.getWindow( div );
+    ok( w === self.window, 'check window' );
+} );
+
+test( 'getWindow--iframe', function() {
+    var f = te.dom[1];
+    var domUtils = te.obj[3];
+    expect( 1 );
+    var frame_doc = f.contentWindow.document || f.contentDocument;
+    stop();
+    setTimeout( function() {
+        var frame_div = frame_doc.createElement( 'div' );
+        frame_doc.body.appendChild( frame_div );
+        var w = domUtils.getWindow( frame_div );
+        ok( f.contentWindow === w, 'same window' );
+        start();
+    } );
+
+} );
+
+test( 'getCommonAncestor--body', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    equal( domUtils.getCommonAncestor( div, document.body ).tagName.toLocaleLowerCase(), 'body', '第二个参数是body' );
+    equal( domUtils.getCommonAncestor( document.body, div ).tagName.toLocaleLowerCase(), 'body', '第一个参数是body' );
+} );
+
+test( 'getCommonAncestor--自己', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    same( domUtils.getCommonAncestor( div, div ), div, '自己和自己的公共祖先' );
+
+} );
+
+test( 'getCommonAncestor--兄弟节点', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<span>xxxx</span><p><table><tr><td id="td">dddd</td></tr></table></p>';
+    var span_text = div.firstChild.firstChild;
+    var td = document.getElementById( 'td' );
+    same( domUtils.getCommonAncestor( span_text, td ), div, '兄弟节点' );
+} );
+
+test( 'getCommonAncestor--不在一个dom树', function() {
+    stop();
+    expect( 1 );
+    var div = te.dom[2];
+    var f = te.dom[1];
+    setTimeout( function() {
+        var domUtils = te.obj[3];
+        var frame_doc = f.contentWindow.document || f.contentDocument;
+        var frame_div = frame_doc.createElement( 'div' );
+        frame_doc.body.appendChild( frame_div );
+        same( domUtils.getCommonAncestor( frame_div, div ), null, '不在一个dom树' );
+        start();
+    }, 50 );
+
+} );
+
+test( 'isWhitespace', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = "aaa\ufeff\u200B\t\t\n\r";
+    ok( !domUtils.isWhitespace( div.firstChild ), 'not whiteSpace' );
+    div.innerHTML = baidu.editor.browser.ie && baidu.editor.browser.version == '6' ? '\ufeff' : '\u200B' + '\t\t\n\r';
+    ok( domUtils.isWhitespace( div.firstChild ), 'is whiteSpace' );
+} );
+
+test( 'isEmptyInlineElement', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<span><b><i><b>\n\r</b>xxxx</i></b><i></i></span>';
+    var b1 = div.firstChild.firstChild;
+    ok( !domUtils.isEmptyInlineElement( b1 ), 'not empty inline' );
+    ok( domUtils.isEmptyInlineElement( b1.firstChild.firstChild ), 'is emtpy inline element' );
+} );
+
+test( 'isEmptyInlineElement-nodeType!=1', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<span><b>\n\r\ufeff\u200B</b>xxxx<i></i></span>';
+    ok( !domUtils.isEmptyInlineElement( div.firstChild.firstChild.firstChild ), 'textNode not inline element' );
+} );
+
+test( 'isEmptyInlineElement-block element', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<span><b><i><b>\n\r</b>xxxx</i></b><i></i></span>';
+    ok( !domUtils.isEmptyInlineElement( div ), 'not inline element' );
+} );
+
+
+test( 'clearEmptySibling', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<p>xxx<span><u><i><b></b></i></u>xxxxx</span><img /></p><table><tr><td><i></i></td></tr></table>';
+    var text = div.firstChild.firstChild;
+    /*没有空sibling*/
+    domUtils.clearEmptySibling( text );
+    equal( ua.getChildHTML( div ), '<p>xxx<span><u><i><b></b></i></u>xxxxx</span><img></p><table><tbody><tr><td><i></i></td></tr></tbody></table>', '没有空sibling' );
+    var span = text.nextSibling;
+    domUtils.clearEmptySibling( span );
+    equal( ua.getChildHTML( div ), '<p>xxx<span><u><i><b></b></i></u>xxxxx</span><img></p><table><tbody><tr><td><i></i></td></tr></tbody></table>' );
+    /*左边有空sibling*/
+    domUtils.clearEmptySibling( span.lastChild );
+    equal( ua.getChildHTML( div ), '<p>xxx<span>xxxxx</span><img></p><table><tbody><tr><td><i></i></td></tr></tbody></table>', '左边有空sibling' );
+    /*左右边有空sibling*/
+    div.innerHTML = '<p><i></i>\n<b>\t<i><u>\n\t\r</u></i></b>xxxx<b></b></p>';
+    domUtils.clearEmptySibling( div.firstChild.lastChild.previousSibling );
+
+    //TODO 有空白文本的时候是否需要删除
+    equal( div.innerHTML.toLocaleLowerCase(), '<p>xxxx</p>', '左右边有空sibling' );
+    /*左右多个连续的空inline sibling*/
+    div.innerHTML = '<span><b></b><i>\t\t</i><div id="div"></div><var></var></span>';
+    var div_new = document.getElementById( 'div' );
+    domUtils.clearEmptySibling( div_new );
+    equal( ua.getChildHTML( div ), '<span><div id="div"></div></span>', '连续空inline sibling' );
+    /*左右边有空块元素*/
+    div.innerHTML = '<div><p></p>xxxx<b></b></div>';
+    domUtils.clearEmptySibling( div.firstChild.firstChild.nextSibling );
+    equal( ua.getChildHTML( div ), '<div><p></p>xxxx</div>', '左右边有空块元素' );
+} );
+
+/*不能误删bookmark*/
+test( 'clearEmptySibling--bookmark', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    var r = te.obj[2];
+    div.innerHTML = '<span><a>link</a></span>';
+    var a = div.firstChild.firstChild;
+    var link = a.firstChild;
+    r.selectNode( link );
+    r.createBookmark();
+    /*bookmark节点*/
+    domUtils.clearEmptySibling( link );
+    ok( /_baidu_bookmark_end/.test( link.nextSibling.id ), '右边的bookmark sibling没有删掉' );
+    ok( /_baidu_bookmark_start/.test( link.previousSibling.id ), '左边的bookmark sibling没有删掉' );
+} );
+
+test( 'clearEmptySibling--ignoreNext/ignorePrevious', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    /*ignoreNext*/
+    div.innerHTML = '<p><i></i>\n<b>\t<i><u>\n\t\r</u></i></b>xxxx<b></b></p>';
+    domUtils.clearEmptySibling( div.firstChild.lastChild.previousSibling, true );
+    equal( div.innerHTML.toLocaleLowerCase(), '<p>xxxx<b></b></p>', 'ignore next' );
+    /*ignorePrevious*/
+    div.innerHTML = '<p><i></i>\n<b>\t<i><u>\n\t\r</u></i></b>xxxx<b></b></p>';
+    domUtils.clearEmptySibling( div.firstChild.lastChild.previousSibling, false, true );
+    equal( ua.getChildHTML( div ), '<p><i></i><b><i><u></u></i></b>xxxx</p>', 'ignore next' );
+    /*ignorePrevious&&ignoreNext*/
+    div.innerHTML = '<p><i></i>\n<b>\t<i><u>\n\t\r</u></i></b>xxxx<b></b></p>';
+    domUtils.clearEmptySibling( div.firstChild.lastChild.previousSibling, true, true );
+    equal( ua.getChildHTML( div ), '<p><i></i><b><i><u></u></i></b>xxxx<b></b></p>', 'ignore next&&previous' );
+} );
+
+test( 'split--offset正常', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<span>span</span> >';
+    var span = div.firstChild;
+    domUtils.split( span.firstChild, 2 );
+    equal( span.childNodes.length, 2, 'check child count' );
+    equal( span.childNodes[0].data, 'sp', 'check firstChild' );
+    equal( span.childNodes[1].data, 'an', 'check secondChild' );
+} );
+
+test( 'split--offset=0', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<span>span</span> >';
+    var span = div.firstChild;
+    domUtils.split( span.firstChild, 0 );
+    equal( span.childNodes.length, 2, 'check child count' );
+    equal( span.childNodes[0].data, '', 'check firstChild' );
+    equal( span.childNodes[1].data, 'span', 'check secondChild' );
+} );
+
+test( 'split--offset=data.length', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<span>span</span> >';
+    var span = div.firstChild;
+    domUtils.split( span.firstChild, 4 );
+    equal( span.childNodes.length, 2, 'check child count' );
+    equal( span.childNodes[0].data, 'span', 'check firstChild' );
+    equal( span.childNodes[1].data, '', 'check secondChild' );
+} );
+
+/*求相对视窗的位置而不是实际位置*/
+//test( 'getXY', function() {
+//    var div = te.dom[2];
+//    var domUtils = te.obj[3];
+//    equal( domUtils.getXY( div )['x'], ua.findPosition( div )[0] - document.documentElement.scrollLeft, 'check X' );
+//    equal( domUtils.getXY( div )['y'], ua.findPosition( div )[1] - document.documentElement.scrollTop, 'check Y' );
+//
+//} );
+
+
+test( 'on--跨iframe加载', function() {
+    expect( 1 );
+    var domUtils = te.obj[3];
+    var op = {
+        onafterstart : function( f ) {
+            domUtils.on( f, 'load', function() {
+                ok( true, 'on load of iframe success' );
+            } );
+        },
+        ontest : function() {
+            this.finish();
+        }
+    };
+    ua.frameExt( op );
+} );
+
+
+test( 'on- 给不同的dom元素绑定相同的事件', function() {
+    var domUtils = te.obj[3];
+    expect( 2 );
+    var div2 = document.body.appendChild( document.createElement( 'div' ) );
+    div2.id = 'test2';
+    te.dom.push( div2 );
+    var handle = function( e ) {
+        ok( true, e.type + ' event triggered' );
+    };
+    domUtils.on( te.dom[2], 'mouseover', handle);
+    domUtils.on( te.dom[1], 'mouseover', handle );
+
+    ua.mouseover( te.dom[2] );
+    ua.mouseover( te.dom[1] );
+} );
+test( 'on-多事件的字符串参数', function() {
+    var domUtils = te.obj[3];
+    expect( 2 );
+    var div2 = document.body.appendChild( document.createElement( 'div' ) );
+    div2.id = 'test2';
+    te.dom.push( div2 );
+    var handle = function( e ) {
+        ok( true, e.type + ' event triggered' );
+    };
+    domUtils.on( te.dom[2], 'mouseover mousedown', handle);
+
+
+    ua.mouseover( te.dom[2] );
+    ua.mousedown( te.dom[2] );
+} );
+test( 'un- 给不同的dom元素绑定相同的事件,解除一个，另一个仍然有效', function() {
+    var domUtils = te.obj[3];
+    expect( 1 );
+    var div2 = document.body.appendChild( document.createElement( 'div' ) );
+    div2.id = 'test2';
+    te.dom.push( div2 );
+    var handle = function( e ) {
+        ok( true, e.type + ' event triggered' );
+    };
+    domUtils.on( te.dom[2], 'mouseover', handle);
+    domUtils.on( te.dom[1], 'mouseover', handle );
+    domUtils.un( te.dom[2],'mouseover', handle );
+    ua.mouseover( te.dom[2] );
+    ua.mouseover( te.dom[1] );
+} );
+test( 'un-多事件的字符串参数', function() {
+    var domUtils = te.obj[3];
+    expect( 0 );
+    var div2 = document.body.appendChild( document.createElement( 'div' ) );
+    div2.id = 'test2';
+    te.dom.push( div2 );
+    var handle = function( e ) {
+        ok( false, e.type + ' 没有注销' );
+    };
+    domUtils.on( te.dom[2], 'mouseover mousedown', handle);
+
+    domUtils.un(te.dom[2],'mouseover mousedown',handle);
+    ua.mouseover( te.dom[2] );
+    ua.mousedown( te.dom[2] );
+    stop();
+    setTimeout(function(){start()},2000)
+} );
+
+/*绑定多个事件*/
+test( 'on', function() {
+    var domUtils = te.obj[3];
+    expect( 2 );
+    domUtils.on( te.dom[2], ['mouseover','keypress'], function( e ) {
+        ok( true, e.type + ' event triggered' );
+    } );
+    ua.mouseover( te.dom[2] );
+    ua.keypress( te.dom[2] );
+} );
+test( "test case sensitive", function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    if ( ua.browser.ie ) {
+        ok( true, 'IE下不支持诸如DOMNodeInserted等mutation事件' );
+        return;
+    }
+    // ok(false, 'TODO: 添加大小写敏感事件的on绑定和un取消用例,比如DOMMouseScroll');
+    expect( 2 );
+    domUtils.on( div, 'DOMNodeInserted', function() {
+        ok( true, '用DOMNodeInserted测试大小写敏感事件的on绑定' );
+        domUtils.un( div, 'DOMNodeInserted' );
+    } );
+    div.appendChild( document.createElement( 'div' ) );
+    div.appendChild( document.createElement( 'div' ) );
+} );
+
+test( "un--取消注册unload事件", function() {
+    expect( 1 );
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    var handle_a = function() {
+        ok( true, "check unload" );
+    };
+    domUtils.on( div, "click", handle_a );
+    /* 直接调用ua提供的接口跨浏览器接口，屏蔽浏览器之间的差异 */
+    ua.click( div );
+    domUtils.un( div, "click", handle_a );
+    ua.click( div );
+} );
+
+
+test( "un--同一个回调注册多个事件，后面事件会将第一个事件dhandler覆盖掉", function() {
+    expect( 1 );
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    var handle_a = function() {
+        ok( true, "应当只会执行一次" );
+    };
+    /* 直接调用ua提供的接口跨浏览器接口，屏蔽浏览器之间的差异 */
+    domUtils.on( div, "click", handle_a );
+    domUtils.on(div,'dbclick',handle_a);
+    ua.click( div );
+    domUtils.un( div, "click", handle_a );
+    ua.click( div );
+} );
+
+test( "un--同一个回调同一个事件注册2次", function() {
+    expect( 1 );
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    var handle_a = function() {
+        ok( true, "check unload" );
+    };
+    /* 直接调用ua提供的接口跨浏览器接口，屏蔽浏览器之间的差异 */
+    domUtils.on( div, "click", handle_a );
+    domUtils.on(div,'click',handle_a);
+    ua.click( div );
+    domUtils.un( div, "click", handle_a );
+    ua.click( div );
+} );
+
+test( "un--同一个事件取消注册三次", function() {
+    expect( 1 );
+    var domUtils = te.obj[3];
+    var div = te.dom[2];
+    var handle_a = function() {
+        ok( true, "check unload" );
+    };
+    /* 直接调用ua提供的接口跨浏览器接口，屏蔽浏览器之间的差异 */
+    domUtils.on( div, "click", handle_a );
+    ua.click( div );
+    domUtils.un( div, "click", handle_a );
+    domUtils.un( div, "click", handle_a );
+    domUtils.un( div, "click", handle_a );
+    ua.click( div );
+} );
+
+/** * 跨frame on然后un */
+test( "window resize", function() {
+    expect( 1 );
+    var domUtils = te.obj[3];
+    ua.frameExt( {
+        onafterstart : function( f ) {
+            $( f ).css( 'width', 200 );
+        },
+        ontest : function( w, f ) {
+            var op = this;
+            var fn = function() {
+                ok( true );
+            };
+            domUtils.on( w, 'resize', fn );
+            $( f ).css( 'width', 220 );
+            /* 貌似通过jquery触发窗体变化会存在延时 */
+            setTimeout( function() {
+                domUtils.un( w, 'resize', fn );
+                $( f ).css( 'width', 240 );
+                setTimeout( op.finish, 100 );
+            }, 500 );
+        }    } );
+} );
+
+
+test( 'isSameElement--compare with self', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    $( div ).attr( 'name', 'div_name' ).attr( 'class', 'div_class' ).css( 'background-color', 'red' ).css( 'border', '1px' ).css( 'font-size', '12px' ).css( 'height', '12px' ).css( 'width', '20px' );
+    ok( domUtils.isSameElement( div, div ), 'compare with self' );
+} );
+
+test( 'isSameElement--tagName不一样', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.appendChild( document.createElement( 'span' ) );
+    $( div ).attr( 'name', 'div_name' ).attr( 'class', 'div_class' ).css( 'background-color', 'red' ).css( 'border', '1px' ).css( 'font-size', '12px' ).css( 'height', '12px' ).css( 'width', '20px' );
+    ok( !domUtils.isSameElement( div, div.firstChild ), 'different tagName' );
+} );
+
+//TODO 目前的判断有问题，ie下手动创建的img会自动添加一个complete属性，导致比较结果为false,因此不对img进行比较
+test( 'isSameElement--img的src和宽高比较', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<span src="http://img.baidu.com/hi/jx2/j_0001.gif" width="50" height="51"></span>';
+
+    var span = document.createElement( 'span' );
+    span.setAttribute( 'src', 'http://img.baidu.com/hi/jx2/j_0001.gif' );
+    span.setAttribute( 'height', '51' );
+    span.setAttribute( 'width', '50' );
+    div.appendChild( span );
+    ok( domUtils.isSameElement( div.firstChild, div.lastChild ), '手动创建的img的src和宽高比较' );
+} );
+
+test( 'isSameElement--两种元素的样式通过不同方式设置', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    $( div ).attr( 'name', 'div_name' ).attr( 'class', 'div_class' ).css( 'background-color', 'red' ).css( 'border', '1px' ).css( 'font-size', '12px' ).css( 'height', '12px' ).css( 'width', '20px' );
+    var div_new = document.createElement( 'div' );
+    document.body.appendChild( div_new );
+    te.dom.push( div_new );
+    div_new.innerHTML = '<div id="test" class="div_class" name="div_name" style="border:1px;font-size:12px;background-color:red;width:20px;height:12px;"></div>';
+    ok( domUtils.isSameElement( div_new.firstChild, div ), 'is sameElement' );
+    /*防止前后顺序引起的问题*/
+    ok( domUtils.isSameElement( div, div_new.firstChild ), 'is sameElement' );
+} );
+
+test( 'isSameElement--A比B多一个属性', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    div.innerHTML = '<span class="div_class" id="span_id1" name="span_name1"></span>';
+    var div_new = document.createElement( 'div' );
+    document.body.appendChild( div_new );
+    te.dom.push( div_new );
+    div_new.innerHTML = '<span class="div_class" id="span_id1"></span>';
+    ok( !domUtils.isSameElement( div_new.firstChild, div ), 'A and B is not sameElement' );
+    ok( ! domUtils.isSameElement( div, div_new.firstChild ), 'B and A is not sameElement' );
+} );
+
+test( 'isSameElement--img的属性比较', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+//    var editor = new baidu.editor.Editor();
+//    editor.render(div);
+    div.innerHTML = '<img  style="width: 200px;height: 200px" src="http://ueditor.baidu.com/img/logo.png">hello';
+    var div1 = document.createElement( 'div' );
+    var html = '<img  src="http://ueditor.baidu.com/img/logo.png" style="width: 200px;height: 200px" >';
+    div1.innerHTML = html;
+    ok( domUtils.isSameElement( div.firstChild, div1.firstChild ), '属性一致' )
+} );
+
+/*暂时不会对颜色不同表达方式做转换*/
+//test( 'isSameElement--style描述方式不同', function() {
+//    var div = te.dom[2];
+//    var domUtils = te.obj[3];
+//    $( div ).attr( 'name', 'div_name' ).attr( 'class', 'div_class' ).css( 'background-color', 'red' ).css( 'border', '1px' ).css( 'font-size', '12px' ).css( 'height', '12px' ).css( 'width', '20px' );
+//    var div_new = document.createElement( 'div' );
+//    document.body.appendChild( div_new );
+//    te.dom.push( div_new );
+//    div_new.innerHTML = '<div id="test" class="div_class" name="div_name" style="border:1px;font-size:12px;background-color:rgb(255,0,0);width:20px;height:12px;"></div>';
+//    ok( domUtils.isSameElement( div_new.firstChild, div ), 'A and B are sameElement' );
+//    div_new.innerHTML = '<div id="test" class="div_class" name="div_name" style="border:1px;font-size:12px;background-color:#ff0000;width:20px;height:12px;"></div>';
+//    ok( domUtils.isSameElement( div, div_new.firstChild ), 'B and A sameElement' );
+//} );
+
+test( 'isSameElement--A比B多一个style属性', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    $( div ).attr( 'name', 'div_name' ).attr( 'class', 'div_class' ).css( 'background-color', 'red' ).css( 'border', '1px' ).css( 'font-size', '12px' ).css( 'height', '12px' ).css( 'width', '20px' );
+    var div_new = document.createElement( 'div' );
+    document.body.appendChild( div_new );
+    te.dom.push( div_new );
+    div_new.innerHTML = '<div id="test" class="div_class" name="div_name" style="border:1px;font-size:12px;background-color:rgb(255,0,0);width:20px;height:12px;left:12px"></div>';
+    ok( !domUtils.isSameElement( div_new.firstChild, div ), 'A and B is not sameElement' );
+    ok( ! domUtils.isSameElement( div, div_new.firstChild ), 'B and A is not sameElement' );
+} );
+
+//test( 'isRedundantSpan--非span', function() {
+//    var div = te.dom[2];
+//    var domUtils = te.obj[3];
+//    div.innerHTML = 'text';
+//    ok( !domUtils.isRedundantSpan( div ), 'not span' );
+//    ok( !domUtils.isRedundantSpan( div.firstChild ), 'text node is not span' );
+//} );
+//
+//test( 'isRedundentSpan', function() {
+//    var div = te.dom[2];
+//    var domUtils = te.obj[3];
+//    div.innerHTML = '<span></span><span name="span" style="font-size:12px"></span>';
+//    ok( domUtils.isRedundantSpan( div.firstChild ), 'is redundentSapn' );
+//    ok( !domUtils.isRedundantSpan( div.lastChild ), 'is not redundentSpan' );
+//    var span = document.createElement( 'span' );
+//    div.appendChild( span );
+//    ok( domUtils.isRedundantSpan( span ), 'is redundent span' );
+//} );
+
+/*rd说实际应用情况会按照固定的方式设置样式，因此不考虑兼容rgb(255,0,0),#ff0000,red这三者的差别*/
+test( 'isSameStyle', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    /*分号，空格*/
+    div.innerHTML = '<span style="font-size:12px; background-color:rgb(255,0,0);"></span><span name="span" style="font-size:12px;background-color:rgb(255,0,0) "></span>';
+    ok( domUtils.isSameStyle( div.firstChild, div.lastChild ), 'have same style' );
+} );
+
+test( 'isSameStyle--float', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    /*分号，空格*/
+    div.innerHTML = '<span style=" float:left;font-size:12px; "></span><span name="span" style="font-size:12px;float:left"></span>';
+    ok( domUtils.isSameStyle( div.firstChild, div.lastChild ), 'have same style' );
+    div.firstChild.style.cssText = "float:left;font-size:12px;background-color:red";
+    ok( ! domUtils.isSameStyle( div.firstChild, div.lastChild ), 'have differtnt style' );
+} );
+
+
+test( 'isBlockElm', function() {
+    var div = te.dom[2];
+    var domUtils = te.obj[3];
+    /*isindex,noframes是特例，在这里不做验证*/
+    var blockElms = ['address','blockquote','center','dir','div','dl','fieldset','form','h1','h2','h3','h4','h5','h6','hr','menu','ol','p','pre','table','ul'];
+    var k = blockElms.length;
+    while ( k ) {
+        var elm = document.createElement( blockElms[k - 1] );
+        div.appendChild( elm );
+        ok( domUtils.isBlockElm( elm ), elm.tagName + ' is block elm' );
+        k--;
+    }
+    blockElms = ['a','abbr','acronym','b','bdo','big','br','cite','code','dfn','em','font','i','img','input','kbd','label','q','s','samp','select','small','span','strike','strong','sub','sp','textarea','tt','u','noscript' ];
+    k = blockElms.length;
+    while ( k ) {
+        var elm = document.createElement( blockElms[k - 1] );
+        div.appendChild( elm );
+        ok( !domUtils.isBlockElm( elm ), elm.tagName + ' is not block elm' );
+        k--;
+    }
+} );
+
+test( 'isbody', function() {
+    var domUtils = te.obj[3];
+    ok( domUtils.isBody( document.body ), 'is body' );
+} );
+
+/*parent参数是 node的直接父亲*/
+test( 'breakParent--一级祖先', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<p><span>xxxx</span><u><i>uitext</i></u><br /></p><div>xxxx</div>';
+    var br = div.firstChild.lastChild;
+    var returnNode = domUtils.breakParent( br, div.firstChild );
+    equal( ua.getChildHTML( div ), '<p><span>xxxx</span><u><i>uitext</i></u></p><br><p></p><div>xxxx</div>' );
+    equal( returnNode.tagName.toLowerCase(), 'br', 'check return value' );
+} );
+
+/*parent参数是 node的祖先节点*/
+test( 'breakParent--二级祖先', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<p><span>xxxx</span><u><i>uitext</i></u><br /></p><div>xxxx</div>';
+    domUtils.breakParent( div.firstChild.firstChild.firstChild, div.firstChild );
+    equal( ua.getChildHTML( div ), '<p><span></span></p>xxxx<p><span></span><u><i>uitext</i></u><br></p><div>xxxx</div>' );
+} );
+/*bookMark已在clearEmptySibling中验证*/
+test( 'isEmptyInlineElement', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<p><u><em></em></u><span>xxxx</span><u><i>uitext</i></u><br /></p><div>xxxx</div><div></div>';
+    var p = div.firstChild;
+    /*非空元素*/
+    ok( !domUtils.isEmptyInlineElement( p ), 'is not empty' );
+    /*空inline元素*/
+    ok( domUtils.isEmptyInlineElement( p.firstChild ), 'u is empty' );
+    ok( domUtils.isEmptyInlineElement( p.firstChild.firstChild ), 'em is empty' );
+    /*块元素*/
+    ok( !domUtils.isEmptyInlineElement( p.lastChild ), 'empty div is not inline' );
+} );
+
+test( 'trimWhiteTextNode', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '\n\t    <p><u><em></em></u><span>xxxx</span><u><i>uitext</i></u><br /></p><div>xxxx</div>    ';
+    domUtils.trimWhiteTextNode( div );
+    equal( ua.getChildHTML( div ), '<p><u><em></em></u><span>xxxx</span><u><i>uitext</i></u><br></p><div>xxxx</div>', 'trim white textnode' );
+} );
+
+/*适用于inline节点*/
+test( 'mergeChild--span', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+
+    var div_new = document.createElement( 'div' );
+    div_new.id = 'test';
+    div.innerHTML = '<span style="background-color:blue;"><span style="font-size:12px;color:red">span_1<span style="font-size:12px">span_2</span></span></span>';
+    domUtils.mergeChild( div.firstChild.firstChild );
+    /*span套span则进行合并*/
+    div_new.innerHTML = '<span style="background-color:blue;"><span style="font-size:12px;color:red">span_1</span></span>';
+    div_new.firstChild.firstChild.appendChild( document.createTextNode( 'span_2' ) );
+    ok( ua.haveSameAllChildAttribs( div, div_new ), 'span套span则合并' );
+
+    div.innerHTML = '<p><span style="font-size:12px;color:red">span_1<span style="font-size:12px">span_2</span></span></p>';
+    domUtils.mergeChild( div.firstChild.firstChild );
+    /*父节点style比子节点多，删去子节点*/
+    div_new.innerHTML = '<p><span style="font-size:12px;color:red">span_1</span></p>' || ua.getChildHTML( div ) == '<p><span style="color:red;font-size:12px">span_1span_2</span></p>';
+    div_new.firstChild.firstChild.appendChild( document.createTextNode( 'dpan_2' ) );
+    ok( ua.haveSameAllChildAttribs( div, div_new ), '父节点style比子节点多' );
+    /*子节点style比父节点多，则不作调整*/
+    div.innerHTML = '<p><span style="font-size:12px">span_1<span style="font-size:12px;color:red">span_2</span></span></p>';
+    var span = div.firstChild.firstChild;
+    domUtils.mergeChild( span );
+    /*创建一个div，div的innerHTML与预期的结果相同，比较div_new与div的所有属性，从而判断style为预期结果*/
+    var div_new = document.createElement( 'div' );
+    div_new.id = 'test';
+    div_new.innerHTML = '<p><span style="font-size:12px">span_1<span style="font-size:12px;color:red">span_2</span></span></p>';
+    ok( ua.haveSameAllChildAttribs( div, div_new ), '子节点style比父节点多' );
+
+    /*多个子节点和兄弟节点，有的子节点style比父节点多，有的少，有的不同*/
+    div.innerHTML = '<p><span style="font-size:12px;color:red;left:10px">span_1<span style="font-size:12px">span_2</span><span style="top:10px">span_3</span><span style="color:red;left:10px;right:10px">span_4</span></span><span style="font-size:12px"></span></p>';
+    domUtils.mergeChild( div.firstChild.firstChild );
+    div_new.innerHTML = '<p><span style="font-size:12px;color:red;left:10px">span_2<span style="font-size:12px;color:red;left:10px;top:10px">span_3</span><span style="font-size:12px;color:red;left:10px;right:10px">span_4</span></span><span style="font-size:12px"></span></p>';
+    var span1 = div_new.firstChild.firstChild;
+    span1.insertBefore( document.createTextNode( 'span_1' ), span1.firstChild );
+    ok( ua.haveSameAllChildAttribs( div, div_new ), '多个子节点和兄弟节点，有的子节点style比父节点多，有的少，有的不同' );
+} );
+
+
+test( 'mergeChild--非span', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    /*父节点和子节点属性不同*/
+    div.innerHTML = '<b style="color:red;font-size:12px">b1<b style="font-size:12px;">b2</b></b>';
+    var div_new = document.createElement( 'div' );
+    div_new.id = 'test';
+    div_new.innerHTML = '<b style="color:red;font-size:12px">b1<b style="font-size:12px;">b2</b></b>';
+    domUtils.mergeChild( div.firstChild );
+    ok( ua.haveSameAllChildAttribs( div, div_new ), '父节点和子节点属性不同，则不操作' );
+    /*父节点和子节点属性相同*/
+    div.innerHTML = '<b style="color:red;font-size:12px">b1<b style="font-size:12px;color:red;">b2</b></b>';
+    var div_new = document.createElement( 'div' );
+    div_new.id = 'test';
+    div_new.innerHTML = '<b style="color:red;font-size:12px">b1</b>';
+    domUtils.mergeChild( div.firstChild );
+    div_new.firstChild.appendChild( document.createTextNode( 'b2' ) );
+    ok( ua.haveSameAllChildAttribs( div, div_new ), '父节点和子节点属性相同，则删子节点' );
+} );
+test( 'mergeChild--span--attrs', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    var div_new = document.createElement( 'div' );
+    div_new.id = 'test';
+    div.innerHTML = '<span style="background-color:blue;"><span style="font-size:12px;color:red">span_1<span style="font-size:12px">span_2</span></span></span>';
+    var html = '<span style="font-size: 12px; color: red; background-color: blue;">span_1<span style="font-size: 12px; color: red; background-color: red;">span_2</span></span>';
+    domUtils.mergeChild( div.firstChild ,'span',{style:'background-color:red'});
+    ua.checkSameHtml(div.innerHTML,html,'mergeChild-给子节点中的span添加样式');
+} );
+test( 'getElementsByTagName', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<p><u><em></em></u><span>xxxx</span><u><i>uitext</i></u><br /></p><div>xxxx</div> <p>xxxx</p>';
+    var elms = domUtils.getElementsByTagName( div, 'p' );
+    equal( elms.length, 2, 'check elem count' );
+    equal( elms[0].innerHTML.toLowerCase(), '<u><em></em></u><span>xxxx</span><u><i>uitext</i></u><br>', 'check first p' );
+    equal( elms[1].innerHTML, 'xxxx', 'check second p' );
+} );
+
+test( 'mergeToParent--一个span孩子', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<span style="color:red;font-size:12px;"><span style="left:10px;right:20px;"></span></span>';
+    domUtils.mergeToParent( div.firstChild.firstChild );
+    var div_new = document.createElement( 'div' );
+    div_new.innerHTML = '<span style=color:red;font-size:12px;left:10px;right:20px;></span>';
+    ok( ua.haveSameAllChildAttribs( div, div_new ), 'mergeTo parent' );
+} );
+
+test( 'mergeToParent--一个span孩子，孩子css样式与父节点相同', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<span style="color:red;font-size:12px;"><span style="font-size:12px;color:red;">xxxxx</span></span>';
+    domUtils.mergeToParent( div.firstChild.firstChild );
+    var div_new = document.createElement( 'div' );
+    div_new.innerHTML = '<span style="color:red;font-size:12px">xxxxx</span>';
+    ok( ua.haveSameAllChildAttribs( div, div_new ), 'mergeTo parent，删除样式相同的子节点' );
+} );
+
+test( 'mergeToParent--多个span孩子,祖先节点不可被合并', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<span style="color:red;font-size:12px;"><span style="left:10px;right:20px;"></span><span style="top:10px"></span></span>';
+    domUtils.mergeToParent( div.firstChild.firstChild );
+    var div_new = document.createElement( 'div' );
+    div_new.innerHTML = '<span style="color:red;font-size:12px;"><span style="left:10px;right:20px;color:red;font-size:12px;"></span><span style="top:10px"></span></span>';
+    ok( ua.haveSameAllChildAttribs( div, div_new ), 'mergeTo parent--多个span孩子,' );
+} );
+
+//test( 'mergeToParent--a', function() {
+//    var div = te.dom[2];
+//    var domUtils = baidu.editor.dom.domUtils;
+//    div.innerHTML = '<span style="text-decoration: line-through"><a href="http://www.baidu.com/">www.baidu.com</a></span>';
+//
+//
+//} );
+
+
+test( 'mergeToParent--其他inline节点', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<b>xxx<i>xxx<u>xxxx<em>xxx<i id="secondI"><b>xxxxxx</b></i></em></u></i></b>';
+    var i = document.getElementById( 'secondI' );
+    domUtils.mergeToParent( i.firstChild );
+    ok( ua.getChildHTML( div ), '<b>xxx<i>xxx<u>xxxx<em>xxx<i>xxxxxx</i></em></u></i></b>' );
+    domUtils.mergeToParent( i );
+    ok( ua.getChildHTML( div ), '<b>xxx<i>xxx<u>xxxx<em>xxxxxxxxx</em></u></i></b>' );
+} );
+
+/*合并兄弟节点中有相同属性包括style的节点*/
+test( 'mergeSibling--左边没有兄弟', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<b>b1</b><b>b2</b><b id="b3">b3</b>';
+    domUtils.mergeSibling( div.firstChild );
+    ok( ua.getChildHTML( div ), '<b>b1b2</b><b id="b3">b3</b>' );
+} );
+
+test( 'mergeSibling--右边没有兄弟', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<b>b1</b><b>b2</b><b>b3</b>';
+    domUtils.mergeSibling( div.lastChild );
+    ok( ua.getChildHTML( div ), '<b>b1b2</b><b id="b3">b3</b>' );
+} );
+
+
+test( 'mergeSibling--兄弟节点没有孩子', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<b></b><b>b2</b><b id="b3">b3</b>';
+    domUtils.mergeSibling( div.firstChild.nextSibling );
+    ok( ua.getChildHTML( div ), '<b>b2</b><b id="b3">b3</b>' );
+} );
+
+
+test( 'trace 3983 unselectable--检查赋值是否成功', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div><p>xxxx<span><b><i>xxx</i></b>xxxx</span></p>dddd<p><img /><a>aaaa</a></p></div>';
+    debugger
+    domUtils.unSelectable( div );
+    if ( UE.browser.gecko || UE.browser.webkit || (UE.browser.ie &&UE.browser.version>8) ) {
+        equal( div.style.MozUserSelect || div.style.KhtmlUserSelect || div.style.MSUserSelect, 'none', 'webkit or gecko unselectable' );
+    } else {
+        equal( div.unselectable, 'on', '检查unselectable属性' );
+        for ( var i = 0,ci; ci = div.all[i++]; ) {
+            equal( ci.unselectable, 'on', '检查子节点unselectable属性' );
+        }
+    }
+} );
+
+test( 'unselectable--检查是否真的不能选中', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<p>xxx</p>';
+    //TODO ie下如何选中文本节点需要重新想一想，用程序选择文本貌似不会考虑unselectable属性，都是可以选中的
+    if ( ! ua.browser.ie && !ua.browser.opera) {
+//        var rng = document.body.createTextRange();
+//          domUtils.unselectable( div );
+//        rng.moveToElementText( div )
+//        /*开始位置处向前移动一个字符，结束位置处向后移动一个字符*/
+//        rng.moveEnd( 'character', 1 );
+//        rng.moveStart( 'character', -1 );
+//        rng.select();
+//        equal( rng.text, '', 'after unselectable' );
+//    } else {
+        var r = te.obj[2];
+        r.selectNode( div.firstChild ).select();
+        equal( ua.getSelectedText(), 'xxx', 'before unselectable' );
+        /*禁止选中*/
+        domUtils.unSelectable( div );
+        r.selectNode( div.firstChild ).select();
+        equal( ua.getSelectedText(), '', 'after unselectable' );
+    }
+} );
+
+/*不支持第二个参数为字符串，必须为数组*/
+//test( 'removeAttributes--删除一个属性', function() {
+//    var div = te.dom[2];
+//    div.innerHTML = '<div class="div_class" name="div_name"></div>';
+//    var domUtils = baidu.editor.dom.domUtils;
+//    domUtils.removeAttributes( div.firstChild, 'class' );
+//    equal( ua.getChildHTML( div ), '<div name="div_name"></div>' );
+//} );
+
+test( 'removeAttributes--删除多个属性，包括style', function() {
+    var div = te.dom[2];
+    div.innerHTML = '<div class="div_class" name="div_name" style="color:red;font-size:12px"></div>';
+    var domUtils = baidu.editor.dom.domUtils;
+    /*诡异模式下className可以删除，而非诡异模式下不能删除*/
+    domUtils.removeAttributes( div.firstChild, ['class','name','style'] );
+    equal( ua.getChildHTML( div ), '<div></div>' );
+} );
+
+test( 'setAttributes--设置class,style', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div></div>';
+    domUtils.setAttributes( div.firstChild, {'class':'div_class','id':'div_id','style':'color:red;font-size:12px;'} );
+    var div_new = document.createElement( 'div' );
+    div_new.id = 'test';
+    div_new.innerHTML = '<div class="div_class" id="div_id" style="color:red;font-size:12px"></div>';
+    ok( ua.haveSameAllChildAttribs( div, div_new ), 'check attributes' );
+} );
+test( 'setAttributes--设置innerHTML,value', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div></div>';
+    domUtils.setAttributes( div.firstChild, {'innerHTML':'setAttributes_test','id':'div_id','value':'abcd'} );
+    var div_new = document.createElement( 'div' );
+    div_new.id = 'test';
+    div_new.innerHTML = '<div id="div_id" >setAttributes_test</div>';
+    div_new.firstChild.value="abcd";
+    ok( ua.haveSameAllChildAttribs( div, div_new ), 'check attributes' );
+} );
+test( 'getComputedStyle', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div class="div_class" name="div_name" style="color:red;font-size:12px"></div><span></span>';
+    equal( domUtils.getComputedStyle( div.firstChild, 'font-size' ), '12px' );
+    equal( domUtils.getComputedStyle( div.firstChild, 'display' ), 'block' );
+    equal( domUtils.getComputedStyle( div.lastChild, 'display' ), 'inline' );
+    equal( domUtils.getComputedStyle( div.firstChild, 'width' ),div.firstChild.offsetWidth + 'px');
+    div.innerHTML = '<div class="div_class" name="div_name" style="width:30px;"></div><span></span>';
+    equal( domUtils.getComputedStyle( div.firstChild, 'width' ),'30px');
+} );
+
+test( 'getComputedStyle--获取默认的背景色', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div>hello</div>';
+    /*chrome下不作特殊处理得到的结果是rgba(0,0,0,0)，处理后是结果是“”*/
+    var result = baidu.editor.browser.webkit ? "" : "transparent";
+    equal( domUtils.getComputedStyle( div, 'background-color' ), result, '默认背景色为透明色' );
+} );
+
+test( 'getComputedStyle-border', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<table style="border: 5px solid red"></table>';
+    equal( domUtils.getComputedStyle( div.firstChild, 'border-width' ), '5px' );
+    equal( domUtils.getComputedStyle( div.lastChild, 'border-style' ), 'solid' );
+    equal( domUtils.getComputedStyle( div.lastChild, 'border-color' ), 'red' );
+} );
+//修复ie下的一个bug，如果在body上强制设了字体大小，h1的字体大小就会继承body的字体，而没有办法取到真是的字体大小
+test( 'getComputedStyle-在body上设置字体大小,检查h1字体大小', function() {
+    var domUtils = baidu.editor.dom.domUtils;
+    var editor = new baidu.editor.Editor({'autoFloatEnabled':false});
+    var div = document.body.appendChild( document.createElement( 'div' ) );
+    editor.render( div );
+    stop();
+    editor.ready(function(){
+        var body = editor.body;
+        var range = new baidu.editor.dom.Range( editor.document );
+        var h1 = body.appendChild( editor.document.createElement( 'h1' ) );
+//    editor.body.style['fontSize'] = '10px';
+//   h1的字体大小不是10px
+        var fontSize = (ua.browser.ie&&ua.browser.ie<9)?'33px':'32px';//todo 1.2.7 trace 3588
+        equal( domUtils.getComputedStyle( h1, 'font-size' ), fontSize, 'body的fontSize属性不应当覆盖p的fontSize属性' );
+        te.dom.push(div);
+//    editor.setContent( '<h2>这是h2的文本<a>这是一个超链接</a></h2>' );
+        start();
+    });
+} );
+
+/*不支持一个class的删除，必须为一个数组*/
+//test( 'removeClasses--一个class', function() {
+//    var div = te.dom[2];
+//    var domUtils = baidu.editor.dom.domUtils;
+//    div.innerHTML = '<div class="div_class" name="div_name" style="color:red;font-size:12px"></div>';
+//    domUtils.removeClasses( div.firstChild, 'div_class' );
+//    ok( ua.getChildHTML( div ) == '<div name="div_name" style="color:red;font-size:12px"></div>' || ua.getChildHTML( div ) == '<div name="div_name" style="font-size:12px;color:red;"></div>' );
+//} );
+
+test( 'removeClasses--多个class', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div class="div_class div_class2 div_class3" name="div_name" style="color:red;font-size:12px"></div>';
+    var divChild = div.firstChild;
+    domUtils.removeClasses( divChild, ['div_class2' ,'div_class3','div_class'] );
+    equal( $.trim( divChild.className ), "", 'check className' );
+    equal( $( divChild ).attr( 'name' ), 'div_name', 'check name' );
+    equal( $( divChild ).css( 'font-size' ), '12px', 'check font-size' );
+    equal( $( divChild ).css( 'font-size' ), '12px', 'check font-size' );
+    equal( divChild.style[ 'color'], 'red', 'check red' );
+} );
+
+test( 'removeClasses--class包含”-“', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div class="b-b b-b-a " name="div_name" style="color:red;font-size:12px"></div>';
+    var divChild = div.firstChild;
+    domUtils.removeClasses( divChild, ['b-b'] );
+    equal( $.trim( divChild.className ), "b-b-a", 'check className' );
+    equal( $( divChild ).attr( 'name' ), 'div_name', 'check name' );
+    equal( $( divChild ).css( 'font-size' ), '12px', 'check font-size' );
+    equal( divChild.style[ 'color'], 'red', 'check red' );
+    div.innerHTML = '<div class="b-b b-b-a " name="div_name" style="color:red;font-size:12px"></div>';
+    domUtils.removeClasses( div.firstChild, ' b-b-a  b-b' );
+    equal(div.firstChild.className,'')
+} );
+
+test( 'removeStyle--style不为空', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div name="div_name" style="color:red;font-size:12px"></div>';
+    domUtils.removeStyle( div.firstChild, 'font-size' );
+    var div_new = document.createElement( 'div' );
+    div_new.id = 'test';
+    div_new.innerHTML = '<div name="div_name" style="color:red; "></div>';
+    ok( ua.haveSameAllChildAttribs( div, div_new ), 'check removed style' );
+
+} );
+test( 'removeStyle--style不为空', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div name="div_name" style="border-left:1px solid #ccc"></div>';
+    domUtils.removeStyle( div.firstChild, 'border-left' );
+    var div_new = document.createElement( 'div' );
+    div_new.id = 'test';
+    div_new.innerHTML = '<div name="div_name" ></div>';
+    ok( ua.haveSameAllChildAttribs( div, div_new ), 'check removed style' );
+
+} );
+test( 'removeStyle--style为空', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div name="div_name"></div>';
+    domUtils.removeStyle( div.firstChild, 'color' );
+    equal( ua.getChildHTML( div ), '<div name="div_name"></div>', ' style为空' );
+} );
+
+test( 'hasClass', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div class="div_class div_class2 div_class3" name="div_name" style="color:red;font-size:12px"></div>';
+    var divChild = div.firstChild;
+    ok( domUtils.hasClass( divChild, 'div_class3' ), '有这个class' );
+    ok( !domUtils.hasClass( divChild, 'div' ), '木有这个class' );
+    div.firstChild.className = 'a b  c';
+    ok(domUtils.hasClass(div.firstChild,'b c a'))
+} );
+
+test( 'addClass', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div name="div_name" style="color:red;font-size:12px"></div>';
+    domUtils.addClass(div.firstChild,'div_class div_class2 div_class3');
+    equal(utils.trim(div.firstChild.className),div.firstChild.className,'判断是否有前后空格');
+    domUtils.addClass(div.firstChild,'div_class4');
+    equal(div.firstChild.className,'div_class div_class2 div_class3 div_class4','增加class4');
+    domUtils.addClass(div.firstChild,'div_class4');
+    equal(div.firstChild.className,'div_class div_class2 div_class3 div_class4','再增加class4');
+} );
+
+test( "preventDefault", function() {
+    expect( 1 );
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    /*img用来撑大页面*/
+    var img = document.createElement( 'img' );
+    img.src = upath + 'test.jpg';
+    img.style.height = "2000px";
+    div.appendChild( img );
+    document.body.appendChild( div );
+    var a = document.createElement( 'a' );
+    a.setAttribute( "href", "#" );
+    a.innerHTML = 'ToTop';
+    a.target = '_self';
+    document.body.appendChild( a );
+    window.scrollTo( 0, document.body.scrollHeight );
+
+//    UserAction.beforedispatch = function( e ) {
+//        e = e || window.event;
+//        domUtils.preventDefault( e );
+//    };
+    a.onclick = function( e ) {
+        domUtils.preventDefault( e );
+    }
+    UserAction.click( a );
+    var top = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+    ok( top != 0, "preventDefault" );
+    document.body.removeChild( a );
+} );
+
+test( 'getStyle--color is red', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div class="div_class div_class2 div_class3" name="div_name" style="top:13px;color:red;font-size:12px"></div>';
+    equal( domUtils.getStyle( div.firstChild, 'color' ), 'red', 'check color' );
+    equal( domUtils.getStyle( div.firstChild, 'font-size' ), '12px', 'check font size' );
+    equal( domUtils.getStyle( div.firstChild, 'top' ), '13px', 'check top' );
+} );
+
+test( 'getStyle--color is rgb', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div class="div_class div_class2 div_class3" name="div_name" style="top:13px;color:rgb(255,0,0);font-size:12px"></div>';
+    equal( domUtils.getStyle( div.firstChild, 'color' ), '#FF0000', 'check color' );
+    equal( domUtils.getStyle( div.firstChild, 'font-size' ), '12px', 'check font size' );
+    equal( domUtils.getStyle( div.firstChild, 'top' ), '13px', 'check top' );
+} );
+
+test( 'getStyle--color is #ff0000', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div class="div_class div_class2 div_class3" name="div_name" style="top:13px;color:#ff0000;font-size:12px"></div>';
+    equal( domUtils.getStyle( div.firstChild, 'color' ).toUpperCase(), '#FF0000', 'check color' );
+    equal( domUtils.getStyle( div.firstChild, 'font-size' ), '12px', 'check font size' );
+    equal( domUtils.getStyle( div.firstChild, 'top' ), '13px', 'check top' );
+} );
+
+
+//test( 'getStyle--border', function() {
+//    var div = te.dom[2];
+//    div.innerHTML = '<table style="border: 5px solid red"><tr><td></td></tr></table>';
+//} );
+test( 'removeDirtyAttr', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div><span>xxx</span><img /></div>xx';
+    $( div ).attr( '_moz_dirty', 'xxxx' );
+    for ( var i = 0,ci,nodes = div.getElementsByTagName( '*' ); ci = nodes[i++]; ) {
+        $( ci ).attr( '_moz_dirty', 'xxx' );
+    }
+    domUtils.removeDirtyAttr( div );
+
+    for ( var i = 0,ci,nodes = div.getElementsByTagName( '*' ); ci = nodes[i++]; ) {
+        equal( $( ci ).attr( '_moz_dirty' ), undefined, 'check  dirty attr ' );
+    }
+    equal( $( div ).attr( '_moz_dirty' ), undefined, 'check  dirty attr' );
+} );
+
+test( 'getChildCount', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div name="div_name" style="top:13px;color:#ff0000;font-size:12px"><p><span>xxx<b><u></u></b></span></p><span>xxxx</span>xxx<img/>xxx</div>';
+    var divChild = div.firstChild;
+    equal( domUtils.getChildCount( div ), 1, 'one childNode' );
+    equal( domUtils.getChildCount( divChild ), 5, '5 childs' );
+    equal( domUtils.getChildCount( divChild.firstChild.firstChild ), 2, 'inline span' );
+    equal( domUtils.getChildCount( divChild.lastChild ), 0, 'text node have no child' );
+    equal( domUtils.getChildCount( divChild.lastChild.previousSibling ), 0, 'img have no child' );
+
+} );
+
+test( 'setStyle', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div style="float: left"><p style="background: red"></p></div>';
+    /*修改float值*/
+    domUtils.setStyle( div.firstChild, 'float', 'right' );
+    equal( $( div.firstChild ).css( 'float' ), 'right', '浮动方式改为了right' );
+    domUtils.setStyle( div.firstChild.firstChild, 'text-indent', '10px' );
+    equal( $( div.firstChild.lastChild ).css( 'text-indent' ), '10px', '设置了缩进样式' );
+} );
+
+test( 'setStyles', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = '<div style="float: left"><p style="background: red"></p></div>';
+    /*修改float值*/
+    domUtils.setStyles( div.firstChild, {'float':'right','text-align':'center'} );
+    equal( $( div.firstChild ).css( 'float' ), 'right', '浮动方式改为了right' );
+    equal( $( div.firstChild.lastChild ).css( 'text-align' ), 'center', '设置了对齐方式样式' );
+} );
+
+//zhuwenxuan add
+//test( 'clearReduent', function() {
+//    var div = te.dom[2];
+//    var domUtils = baidu.editor.dom.domUtils;
+//    //没有内容
+//    div.innerHTML = '<div><b><i></i></b></div>';
+//    document.body.appendChild(div);
+//    domUtils.clearReduent(div,["i","b"]);
+//    ok( "<div></div>",div.innerHTML );
+//    //有内容
+//    div.innerHTML = '<div><b><i>ddd</i></b></div>';
+//    domUtils.clearReduent(div,["i","b"]);
+//    ok( "<div><b><i>ddd</i></b></div>",div.innerHTML );
+//    div.innerHTML = '<div><i>ddd</i><b></b></div>';
+//    domUtils.clearReduent(div,["i","b"]);
+//    ok( "<div><i>ddd</i></div>",div.innerHTML );
+//} );
+
+
+//zhuwenxuan add
+test( 'isEmptyNode', function() {
+    var div = te.dom[2];
+    var domUtils = baidu.editor.dom.domUtils;
+    div.innerHTML = " \t\t\n\r";
+    ok(domUtils.isEmptyNode(div));
+    div.innerHTML = '<div><i></i><b>dasdf</b></div>';
+    equal(false,domUtils.isEmptyNode(div));
+} );
+
+//zhuwenxuan add
+test( 'clearSelectedArr', function() {
+    var domUtils = baidu.editor.dom.domUtils;
+    var div = te.dom[2];
+    var span = document.createElement("span");
+    div.className = "aaa";
+    span.className = "span";
+    document.body.appendChild(div);
+    document.body.appendChild(span);
+    var arr = [];
+    arr.push(div);
+    arr.push(span);
+    domUtils.clearSelectedArr(arr);
+    equal("",div.className);
+    equal("",span.className);
+} );
+
+
+//zhuwenxuan add
+test( 'isBr', function() {
+    var domUtils = baidu.editor.dom.domUtils;
+    var div = te.dom[2];
+    div.innerHTML = "<br>";
+    equal(true,domUtils.isBr(div.firstChild));
+} );
+
+//zhuwenxuan add
+test( 'isFillChar', function() {
+    var domUtils = baidu.editor.dom.domUtils;
+    var div = te.dom[2];
+    domUtils.fillNode(document,div);
+    if(ua.browser.ie){
+        ok(domUtils.isFillChar(div.lastChild));
+    }
+    var node = document.createTextNode(domUtils.fillChar + 'sdfsdf');
+    ok(domUtils.isFillChar(node,true));
+    ok(!domUtils.isFillChar(node));
+    node = document.createTextNode(domUtils.fillChar +domUtils.fillChar);
+    ok(domUtils.isFillChar(node,true));
+    ok(domUtils.isFillChar(node))
+} );
+
+
+//zhuwenxuan add
+test( 'isStartInblock', function() {
+    var domUtils = baidu.editor.dom.domUtils;
+    var div = te.dom[2];
+    var range = new baidu.editor.dom.Range( document );
+    domUtils.fillNode(document,div);
+    range.setStart(div,0);
+    ok(domUtils.isStartInblock(range));
+    div.innerHTML = "asdfasdf";
+    range.setStart(div,2);
+    equal(0,domUtils.isStartInblock(range))
+} );
+
+//zhuwenxuan add
+test( 'isEmptyBlock', function() {
+    var domUtils = baidu.editor.dom.domUtils;
+    var div = te.dom[2];
+    domUtils.fillNode(document,div);
+    ok(domUtils.isEmptyBlock(div));
+    var span = document.createElement("span");
+    equal(1,domUtils.isEmptyBlock(span));
+    span.innerHTML = "asdf";
+    equal(0,domUtils.isEmptyBlock(span));
+} );
+
+//zhuwenxuan add
+test( 'fillNode', function() {
+    var domUtils = baidu.editor.dom.domUtils;
+    var div = te.dom[2];
+    domUtils.fillNode(document,div);
+    ok(div.innerHTML.length>0);
+} );
+
+//zhuwenxuan add
+test( 'moveChild', function() {
+    var domUtils = baidu.editor.dom.domUtils;
+    var div = te.dom[2];
+    div.innerHTML = "div child";
+    var p = document.createElement("p");
+    domUtils.moveChild(div,p);
+    equal("div child",p.innerHTML);
+    p.innerHTML = "";
+    div.innerHTML = "<span>asdf</span>";
+    domUtils.moveChild(div,p);
+    equal("<span>asdf</span>",p.innerHTML.toLowerCase());
+} );
+
+test( 'hasNoAttributes', function() {
+    var domUtils = baidu.editor.dom.domUtils;
+    var div = te.dom[2];
+    div.innerHTML = "<span>sdf</span>";
+
+    ok(domUtils.hasNoAttributes(div.firstChild));
+    div.firstChild.style.cssText = 'font-size:12px';
+    ok(!domUtils.hasNoAttributes(div.firstChild));
+    domUtils.removeAttributes(div.firstChild,['style']);
+    ok(domUtils.hasNoAttributes(div.firstChild));
+    div.innerHTML = '<span custorm>sf</span>';
+    ok(!domUtils.hasNoAttributes(div.firstChild));
+
+} );
+test( 'isTagNode', function() {
+    var domUtils = baidu.editor.dom.domUtils;
+    var div = te.dom[2];
+    div.innerHTML = "<p><span>sdf</span></p>";
+    ok(domUtils.isTagNode(div.firstChild,"p"));
+    ok(domUtils.isTagNode(div.firstChild.firstChild,"span"));
+} );
+test( 'filterNodelist', function() {
+   var div = te.dom[2];
+    div.innerHTML = '<span></span><span></span><i></i><i></i><i></i>';
+    var arr = domUtils.filterNodeList(div.getElementsByTagName('*'),'i span');
+    equals(arr.tagName,"SPAN");
+    arr = domUtils.filterNodeList(div.getElementsByTagName('*'),'i');
+    equals(arr.tagName,'I');
+    arr = domUtils.filterNodeList(div.getElementsByTagName('*'),function(n){
+        return n.tagName == 'SPAN'
+    });
+    equals(arr.tagName,'SPAN');
+    arr = domUtils.filterNodeList(div.getElementsByTagName('*'),function(n){
+        return n.tagName == 'SPAN'
+    },true);
+    equals(arr.length,2)
+} );
+
+test('inNodeEndBoundary',function(){
+    var div = te.dom[2];
+    div.innerHTML = "<span><b>span</b><a>aa</a></span><b>sp</b>";
+    var range = te.obj[2];
+    range.setStart(div.firstChild.lastChild.firstChild,2).collapse(1).select();
+    range.createBookmark();
+    ok(domUtils.isInNodeEndBoundary(range,div.firstChild),'firstchild.lastchild边界');
+    range.setStart(div.firstChild.firstChild.firstChild,4).collapse(1).select();
+    range.createBookmark();
+    ok(!domUtils.isInNodeEndBoundary(range,div.firstChild),'firstchild.firstchild边界');
+    range.setStart(div.lastChild.firstChild,2).collapse(1).select();
+    range.createBookmark();
+    ok(domUtils.isInNodeEndBoundary(range,div),'lastchild边界');
+});
+
+//test( '闭合选区，标签边界', function() {
+//    var domUtils = baidu.editor.dom.domUtils;
+//    var div = te.dom[2];
+//    var editor = new baidu.editor.ui.Editor({autoFloatEnabled:true});
+//    editor.render( div );
+//    var range = new baidu.editor.dom.Range( editor.document );
+//    editor.setContent( '<a>a_text1</a><a>a_text2</a>' );
+//    var a = editor.body.firstChild.firstChild;
+//    range.setStart( a, 0 ).collapse( 1 ).select();
+//    same( domUtils.findTagNamesInSelection( range, ['h2','a','p'] ), a, '选区位置为(a,0)' );
+//    range.setStart( a, 1 ).collapse( 1 ).select();
+//    same( domUtils.findTagNamesInSelection( range, ['h2','a','p'] ), a, '选区位置为(a,1)' );
+//
+//    range.setStart( a.parentNode, 1 ).collapse( 1 ).select();
+//    same( domUtils.findTagNamesInSelection( range, ['h2','a','p'] ), a.parentNode, '选区位置为(p,1)' );
+//    same( domUtils.findTagNamesInSelection( range, ['h2','a'] ), null, '选区位置为(p,1)，但是不符合查找的条件' );
+//} );
+
+//test( '<strong style="color:red">文本闭合选区</strong>中查找是否包含特定的标签列表', function() {
+//    var domUtils = baidu.editor.dom.domUtils;
+//    var editor = new baidu.editor.ui.Editor({autoFloatEnabled:true});
+//    var div = te.dom[2];
+//    editor.render( div );
+//    var range = new baidu.editor.dom.Range( editor.document );
+//    var body = editor.body;
+//
+//    editor.setContent( '<h2 id="tt-h2">我是测试的header:h2</h2><p id="tt-p"><strong>xx乐乐乐乐x</strong><a id="tt-a">我是标签</a></p>' );
+//    var expectH2 = editor.document.getElementById( 'tt-h2' ),
+//            expectA = editor.document.getElementById( 'tt-a' );
+//
+//    //闭合情况下，文本节点里
+//    var textH2 = body.firstChild.firstChild;
+//    range.setStart( textH2, 2 ).collapse( true ).select();
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '闭合情况下，cursor在h2中，tag顺序：[h2, a, h3]' );
+//    range.setStart( textH2, 0 ).collapse( true ).select();
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '闭合情况下，cursor在h2的左边界，tag顺序：[h2, a, h3]' );
+//    range.setStart( textH2, 14 ).collapse( true ).select();
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '闭合情况下，cursor在h2的右边界，tag顺序：[h2, a, h3]' );
+//
+//    var p = editor.document.getElementsByTagName('p')[0];
+//    var textA = p.lastChild.firstChild;
+//    range.setStart( textA, 2 ).collapse( true ).select();
+//    ok( expectA === domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '闭合情况下，cursor在a中，tag顺序：[h2, a, h3]' );
+//    range.setStart( textA, 0 ).collapse( true ).select();
+//    ok( expectA === domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '闭合情况下，cursor在a的左边界，tag顺序：[h2, a, h3]' );
+//    range.setStart( textA, 4 ).collapse( true ).select();
+//    ok( expectA === domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '闭合情况下，cursor在a的右边界，tag顺序：[h2, a, h3]' );
+//
+//    var textStrong = p.firstChild.firstChild;
+//    range.setStart( textStrong, 2 ).collapse( true ).select();
+//    ok( null == domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '闭合情况下，cursor在p中，tag顺序：[h2, a, h3]' );
+//    range.setStart( textStrong, 0 ).collapse( true ).select();
+//    ok( null == domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '闭合情况下，cursor在p的左边界，tag顺序：[h2, a, h3]' );
+//    range.setStart( textStrong, 7 ).collapse( true ).select();
+//    ok( null == domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '闭合情况下，cursor在p的右边界，tag顺序：[h2, a, h3]' );
+//} );
+
+
+//test( '<strong style="color:red">不闭合选区</strong>中查找，如果包含，则返回第一个dom节点', function() {
+//    var domUtils = baidu.editor.dom.domUtils;
+//    var editor = new baidu.editor.ui.Editor({autoFloatEnabled:true});
+//    var div = te.dom[2];
+//    editor.render( div );
+//    var range = new baidu.editor.dom.Range( editor.document );
+//    var body = editor.body;
+//
+//    editor.setContent( '<h2 id="tt-h2">我是测试的header:h2</h2><p id="tt-p"><strong>xx乐乐乐乐x</strong><a id="tt-a">我是标签</a></p>' );
+//    var expectH2 = editor.document.getElementById( 'tt-h2' ),
+//            expectA = editor.document.getElementById( 'tt-a' );
+//    var textH2 = body.firstChild.firstChild;
+//    range.setStart( textH2, 3 ).setEnd( textH2, 9 ).select();
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '选中单个节点的一部分：tag顺序：[h2, a, h3]' );
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['a', 'h2', 'h3'] ), '选中单个节点的一部分：tag顺序：[a, h2, h3]' );
+//
+//    range.setStart( textH2, 0 ).setEnd( textH2, 14 ).select();
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '选中单个节点的全部：tag顺序：[h2, a, h3]' );
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['a', 'h2', 'h3'] ), '选中单个节点的全部：tag顺序：[a, h2, h3]' );
+//
+//        var p = editor.document.getElementsByTagName('p')[0];
+//    range.setStart( textH2, 0 ).setEnd(p.lastChild.firstChild, 3 ).select();
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['h2', 'a', 'h3'] ), '跨节点选中：tag顺序：[h2, a, h3]' );
+//    ok( expectA === domUtils.findTagNamesInSelection( range, ['a', 'h2', 'h3'] ), '跨节点选中：tag顺序：[a, h2, h3]' );
+//} );
+
+//test( '不闭合选区，选区包含<strong style="color:red">前半个</strong>半个标签', function() {
+//    var domUtils = baidu.editor.dom.domUtils;
+//    var editor = new baidu.editor.ui.Editor({autoFloatEnabled:true});
+//    var div = te.dom[2];
+//    editor.render( div );
+//    var body = editor.body;
+//    var range = new baidu.editor.dom.Range( editor.document );
+//    editor.setContent( '<h2>这是h2的文本<a>这是一个超链接</a></h2>' );
+//    var a = body.firstChild.lastChild;
+//    range.setStart( body, 0 ).setEnd( a.firstChild, 3 ).select();
+//    same( domUtils.findTagNamesInSelection( range, ['a','h2','body','p'] ), a, '选择h2和a的前半部分标签，找到第一个为a' );
+//    /*调换查找的数组中元素的顺序*/
+//    same( domUtils.findTagNamesInSelection( range, ['h2','a','body','p'] ), body.firstChild, '选择h2和a的前半部分标签，找到第一个为h2' );
+//} );
+
+//test( '不闭合选区，选区包含<strong style="color:red">后半个</strong>标签', function() {
+//    var domUtils = baidu.editor.dom.domUtils;
+//    var editor = new baidu.editor.ui.Editor({autoFloatEnabled:true});
+//    var div = te.dom[2];
+//    editor.render( div );
+//    var body = editor.body;
+//    var range = new baidu.editor.dom.Range( editor.document );
+//    editor.setContent( '<h2>这是h2的文本<a>这是一个超链接</a></h2>' );
+//    var a = body.firstChild.lastChild;
+//    range.setStart( a.firstChild, 3 ).setEnd( body, 1 ).select();
+//    same( domUtils.findTagNamesInSelection( range, ['a','h2','body','p'] ), a, '选择h2和a的后部分标签，找到第一个为a' );
+//    /*调换查找的数组中元素的顺序*/
+//    same( domUtils.findTagNamesInSelection( range, ['h2','a','body','p'] ), body.firstChild, '选择h2和a的后部分标签，找到第一个为h2' );
+//} );
+
+//test( '不闭合选区，选区包含2个相同的标签', function() {
+//    var domUtils = baidu.editor.dom.domUtils;
+//    var editor = new baidu.editor.ui.Editor({autoFloatEnabled:true});
+//    var div = te.dom[2];
+//    editor.render( div );
+//    var body = editor.body;
+//    var range = new baidu.editor.dom.Range( editor.document );
+//    editor.setContent( '<p><a>a_text1</a><a>a_tex2</a></p>' );
+//    var a = body.firstChild.firstChild;
+//    range.setStart( body.firstChild, 0 ).setEnd( body.firstChild, 2 ).select();
+//    same( domUtils.findTagNamesInSelection( range, ['a'] ), a, '选区包含2个完整的a,选择第一个a' );
+//
+//    range.setStart( body.firstChild, 0 ).setEnd( body.firstChild, 2 ).select();
+//    same( domUtils.findTagNamesInSelection( range, ['p','a'] ), body.firstChild, '选区包含2个完整的a,选择p' );
+//
+//    range.setStart( a, 0 ).setEnd( a.nextSibling, 1 ).select();
+//    same( domUtils.findTagNamesInSelection( range, ['a'] ), a, '选区包含2个不完整的a,选择第一个a' );
+//} );
+
+//test( '不闭合选区，选区紧挨着标签边界', function() {
+//    var domUtils = baidu.editor.dom.domUtils;
+//    var editor = new baidu.editor.ui.Editor({autoFloatEnabled:true});
+//    var div = te.dom[2];
+//    editor.render( div );
+//    var body = editor.body;
+//    var range = new baidu.editor.dom.Range( editor.document );
+//    editor.setContent( '<p><a>a_text1</a>a_text3<a>a_tex2</a></p>' );
+//    range.selectNode( body.firstChild.childNodes[1] ).select();
+//    same( domUtils.findTagNamesInSelection( range, ['a'] ), null, '选区紧挨着a边缘,找a返回null' );
+//
+//    same( domUtils.findTagNamesInSelection( range, ['a','p'] ), body.firstChild, '选区紧挨着a边缘,找p返回p' );
+//} );
+
+//test( '不闭合选区，多节点，压力测试', function() {
+//    var domUtils = baidu.editor.dom.domUtils;
+//    var editor = new baidu.editor.ui.Editor({autoFloatEnabled:true});
+//    var div = te.dom[2];
+//    editor.render( div );
+//    var body = editor.body;
+//    var range = new baidu.editor.dom.Range( editor.document );
+//    editor.setContent( '<p><strong><em>我是p里的文本<span style="color:red">textTD2</span></em></strong></p><table><tbody><tr><td>textTD1</td><td><ol><li><p>我是列表1</p><p><strong><em>我是p里的文本<span style="color:red">textTD2</span></em></strong></p></li><li><strong><em>我是li 2里的文本<span style="color:red">textTD2</span></em></strong><p><strong><em>TextEM1<span id="spanID" style="color:red">我是列表2里的文本</span></em></strong></p></li></ol></td></tr></tbody></table>' );
+//    var span = editor.document.getElementById( 'spanID' );
+//    range.selectNode( span.firstChild ).select();
+//    same(domUtils.findTagNamesInSelection(range,['div','pre','a','h1','h2','h3','h4','h5','h6','h7','table']),body.getElementsByTagName('table')[0],'深节点');
+//} );
+
+//test( '<strong style="color:red">control range</strong>中查找是否包含特定的标签列表', function() {
+//    var domUtils = baidu.editor.dom.domUtils;
+//    var editor = new baidu.editor.ui.Editor({autoFloatEnabled:true});
+//    var div = te.dom[2];
+//    editor.render( div );
+//    var range = new baidu.editor.dom.Range( editor.document );
+//
+//    editor.setContent( '<span id="tt-span">test_</span><img id="tt-h2" src="http://www.baidu.com/img/baidu_sylogo1.gif"/><p id="tt-p"><strong>xx乐乐乐乐x</strong><a id="tt-a">我是标签</a></p>' );
+//    var expectH2 = editor.document.getElementById( 'tt-h2' ),
+//         expectA = editor.document.getElementById( 'tt-a' ),
+//         expectSpan = editor.document.getElementById( 'tt-span' );
+//
+//
+//    range.setStart(expectH2, 0).setEnd(expectA, 0).select();
+//    ok( expectA === domUtils.findTagNamesInSelection( range, ['a', 'img', 'h3'] ), 'tag顺序：[a, img, h3]' );
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['img', 'a', 'h3'] ), 'tag顺序：[img, a, h3]' );
+//
+//
+//    range.setStart(expectSpan, 0).setEnd(expectH2, 1).select();
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['a', 'img', 'h3'] ), 'tag顺序：[a, img, h3]' );
+//    ok( expectH2 === domUtils.findTagNamesInSelection( range, ['img', 'a', 'h3'] ), 'tag顺序：[img, a, h3]' );
+//} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/filternode.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/filternode.js
new file mode 100644
index 000000000..18f620dc3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/filternode.js
@@ -0,0 +1,178 @@
+module( 'core.filternode' );
+
+test( '过滤掉整个标签', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><p>sdf<b>sdf</b></p><i>sdf</i></div>');
+    UE.filterNode(node,{
+        'p':{},
+        'b':'-'
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><p>sdf</p>sdf</div>','保留p，过滤b');
+
+    node.innerHTML('<p><p>sdfs</p><br/><br/><br/><br/></p>');
+    UE.filterNode(node,{
+        'p':{},
+        'br':'-'
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><p><p>sdfs</p></p></div>','保留p，过滤br');
+});
+
+test( '过滤标签全部属性', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><p>sdf<b>sdf</b></p><i>sdf</i></div>');
+    node.innerHTML('<div id="aa"><p style="color:#ccc"><p>sdfssdfs</p></p>sdfasdf</div>');
+    UE.filterNode(node,{
+        'p':{$:{}}
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><p><p>sdfssdfs</p></p>sdfasdf</div>','过滤p全部属性');
+
+    node.innerHTML('<h6>asd<b>lk</b><i>fj</i></h6>');
+    UE.filterNode(node,{
+        'h6':function(node){
+            node.tagName = 'p';
+            node.setAttr();
+        },
+        '-':'b i',
+        'p':{}
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><p>asd</p></div>','同时过滤多个标签属性');
+});
+
+test( '过滤标签部分属性', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><p>sdf<b>sdf</b></p><i>sdf</i></div>');
+    node.innerHTML('<p style="color:#ccc;border:1px solid #ccc;"><table><tbody><tr><td></td></tr></tbody></table></p><div>sdfasdf</div>');
+    UE.filterNode(node,{
+        'p':{$:{
+            style:['color']
+        }},
+        'td':{}
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><p style="color:#ccc"><td></td></p>sdfasdf</div>','保留p的color属性');
+
+    node.innerHTML('<p style="text-indent:28px;line-height:200%;margin-top:62px;"><strong>sdfs</strong><span style="font-family:宋体">sdfs</span></p>');
+    UE.filterNode(node,{
+        'p':{$:{
+            style:['line-height']
+        }},
+        'span':{$:{}},
+        'strong':'-'
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><p style="line-height:200%"><span>sdfs</span></p></div>','过滤span全部属性，保留p部分属性，过滤strong标签');
+
+    node.innerHTML('<p><a></a><u class="ad" id="underline">sdfs<sub class="ab">sdfs</sub><i>sdfs</i></u><i>sdfs</i></p>');
+    UE.filterNode(node,{
+        'p':{},
+        'u':{$:{
+            'class':['ad']
+        }},
+        'sub':{$:{}},
+        'i':'-'
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><p><u class="ad">sdfs<sub>sdfs</sub></u></p></div>','过滤sub全部属性，保留u部分属性，过滤i标签');
+});
+
+test( '标签替换过滤', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><p>sdf<b>sdf</b></p><i>sdf</i></div>');
+    node.innerHTML('<p style="color:#ccc;border:1px solid #ccc;"><table><tbody><tr><td>sdfs</td><td>sdfs</td></tr></tbody></table></p><div>sdfasdf</div>');
+    UE.filterNode(node,{
+        'p':{$:{
+            style:['color']
+        }},
+        'tr':function(node){
+            node.tagName = 'p';
+            node.setAttr();
+        },
+        'td':function(node){
+            node.parentNode.removeChild(node,true)
+        }
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><p style="color:#ccc"><p>sdfssdfs</p></p>sdfasdf</div>','tr替换为p，过滤掉td');
+
+    node.innerHTML('<img src="http://img.baidu.com/hi/jx2/j_0020.gif" height="10px"/><table><caption>aldkfj</caption><tbody><tr style="background-color: #ccc;"><th>adf</th></tr><tr><td>lkj</td></tbody></table>');
+    UE.filterNode(node,{
+        'img':{$:{
+            src:['']
+        }},
+        'table':{},
+        'tbody':{},
+        'tr':{$:{}},
+        'td':{$:{}},
+        'th':function(node){
+            var txt = !!node.innerText();
+            if(txt){
+                node.parentNode.insertAfter(UE.uNode.createText(' &nbsp; &nbsp;'),node);
+            }
+            node.parentNode.removeChild(node,node.innerText())
+        }
+    });
+    ua.checkSameHtml(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><img src="http://img.baidu.com/hi/jx2/j_0020.gif" /><table>aldkfj<tbody><tr>adf &nbsp; &nbsp;</tr><tr><td>lkj</td></tr></tbody></table></div>','th按文本内容替换，保留img部分属性');
+});
+
+test( '保留标签全部属性', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><p>sdf<b>sdf</b></p><i>sdf</i></div>');
+    node.innerHTML('<ol><li><em>sdf</em></li><ul class=" list-paddingleft-2"><li>a</li><li>b</li><li>c</ul><li>jkl</ol>');
+    UE.filterNode(node,{
+        'ol':{},
+        'ul':{$:{}},
+        'li':{}
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><ol><li>sdf</li><ul><li>a</li><li>b</li><li>c</li></ul><li>jkl</li></ol></div>','保留ol、li全部属性，过滤ul全部属性');
+});
+
+test( '过滤规则为空', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><p>sdf<b>sdf</b></p><i>sdf</i></div>');
+    node.innerHTML('<p style="color:#ccc;border:1px solid #ccc;"><table><tbody><tr><td><h1>asd</h1></td></tr></tbody></table></p><div>sdfasdf</div>');
+    UE.filterNode(node,{});
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><p style="color:#ccc;border:1px solid #ccc;"><table><tbody><tr><td><h1>asd</h1></td></tr></tbody></table></p><div>sdfasdf</div></div>','过滤规则为空');
+});
+
+test( '特殊规则过滤', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><p>sdf</p><i>sdf</i></div>');
+    node.innerHTML('<script></script>');
+    UE.filterNode(node,{
+        'b':'-'
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"></div>','过滤规则中包含html中不存在的标签');
+
+    node.innerHTML('<p><!--asdfjasldkfjasldkfj--></p>');
+    UE.filterNode(node,{
+        'p':{}
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa"><p></p></div>','innerHTML中包含注释');
+});
+
+test( '只有white list--滤除属性', function () {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><p>sdf</p><i>sdf</i></div>');
+    node.innerHTML('<table></table>hellotable<!--hello--><p><div class="div_class" id="div_id" name="div_name">hellodiv</div></p><span style="color:red;font-size:12px" >hellospan</span>');
+    UE.filterNode(node,{
+        div:{
+            $:{
+                id:{},
+                'class':{}
+            }
+        },
+        table:{},
+        span:{}
+    });
+    ua.checkSameHtml(node.toHtml().replace(/[ ]+>/g,'>'), '<div id="aa"><table></table>hellotable<div id="div_id" class="div_class">hellodiv</div><span style="color:red;font-size:12px" >hellospan</span></div>', '滤除属性');
+} );
+
+test( '只有black list', function () {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><p>sdf</p><i>sdf</i></div>');
+    node.innerHTML('<style  type="text/css"></style><script type="text/javascript"></script><!--comment--><div><script type="text/javascript"></script><span>hello1</span>hello2</div>');
+    UE.filterNode(node,{
+        span:'-',
+        em:'-',
+        '#comment':'-',
+        script:'-',
+        style:'-'
+    });
+    equals(node.toHtml().replace(/[ ]+>/g,'>'),'<div id="aa">hello2</div>','过滤规则中包含html中不存在的标签');
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/filterword.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/filterword.js
new file mode 100644
index 000000000..f9395bfcd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/filterword.js
@@ -0,0 +1,41 @@
+module( "core.filterword" );
+
+
+test( "office2010 word", function () {
+    stop();
+    ua.readTxt('test1_1.txt',function(str){
+        var txt = '<p>     <p>         欢迎使用<span>ueditor!</span>                       </p>     <p>         <span style="font-family:黑体">欢迎使用<span>ueditor!</span>                          </span>     </p>     <p>         <span style="font-family:楷体_gb2312">欢迎使用<span>ueditor!</span>                          </span>     </p>     <p>         <span style="font-size:19px">欢迎使用</span><span style="font-size:19px">ueditor!</span>                       </p>     <h1>         欢迎使用<span>ueditor!</span>                       </h1>     <p>         <b><i><u>欢迎<sup>使用</sup><sub><span>ueditor!</span></sub> </u></i></b>     </p>     <p>               </p>     <p>         <span style="color:red;background-color:yellow">欢迎使用</span><span style="color:red;background:yellow;background:yellow">ueditor!</span>      </p>     <p>               </p>     <p style="text-align:center">         欢迎使用<span>ueditor!</span>                       </p>     <p>               </p>     <p class="MsoListParagraph" style=";margin-left:28px">         <span>1. </span>欢迎使用<span>ueditor!</span>                       </p>     <p class="MsoListParagraph" style=";margin-left:28px">         <span>2. </span>欢迎使用<span>ueditor!</span>                       </p>     <p>               </p>     <p class="MsoListParagraph" style=";margin-left:28px">         <span style="font-family:wingdings">l </span>欢迎使用<span>ueditor!</span>                       </p>     <p class="MsoListParagraph" style=";margin-left:28px">         <span style="font-family:wingdings">l </span>欢迎使用<span>ueditor!</span>                       </p> </p>';
+        equal(UE.filterWord(str),txt,'字体、字号、颜色、基本样式、列表');
+        ua.readTxt('test1_2.txt',function(str){
+            txt ='<p>     <p>               </p>     <p style=";margin-left:1.0gd">         欢迎使用<span>ueditor!</span>                       </p>     <p>               </p>     <p style="line-height:250%">         欢迎使用<span>ueditor!</span>                       </p>     <p style="line-height:250%">         欢迎使用<span>ueditor!</span>                       </p>     <p style="line-height:250%">         欢迎使用<span>ueditor!</span>                       </p>     <p style="text-align:justify;text-justify:distribute-all-lines">         欢迎使用<span>ueditor!</span>                       </p>     <p>         <span>欢迎使用<span>ueditor!                                  </span></span>     </p> </p>';
+            equal(UE.filterWord(str),txt,'段落样式、word样式、缩进');
+            ua.readTxt('test1_3.txt',function(str){
+                txt = '<table border="1" cellspacing="0" cellpadding="0" style="border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;border-width: initial;border-color: initial;border-image: initial">  <tbody><tr>   <td width="189" valign="top" style="width:189px;border:solid windowtext 1px;padding:0 7px 0 7px">   <p>欢迎使用<span>ueditor!</span></p>   </td>   <td width="189" valign="top" style="width:189px;border:solid windowtext 1px;border-left:none;padding:0 7px 0 7px">   <p><span>&nbsp;</span></p>   </td>   <td width="189" valign="top" style="width:189px;border:solid windowtext 1px;border-left:none;padding:0 7px 0 7px">   <p><span>&nbsp;</span></p>   </td>  </tr>  <tr>   <td width="189" valign="top" style="width:189px;border:solid windowtext 1px;border-top:none;padding:0 7px 0 7px">   <p><span>&nbsp;</span></p>   </td>   <td width="189" valign="top" style="width:189px;border-top:none;border-left:   none;border-bottom:solid windowtext 1px;border-right:solid windowtext 1px;padding:0 7px 0 7px">   <p><span>&nbsp;</span></p>   </td>   <td width="189" valign="top" style="width:189px;border-top:none;border-left:   none;border-bottom:solid windowtext 1px;border-right:solid windowtext 1px;padding:0 7px 0 7px">   <p>欢迎使用<span>ueditor!</span></p>   </td>  </tr> </tbody></table> <p><span><img width="367" height="146" src="file:///C:/DOCUME~1/lisisi01/LOCALS~1/Temp/msohtmlclip1/01/clip_image001.png" ></span></p> <p><span><a href="file:///C:/Documents%20and%20Settings/lisisi01/%E6%A1%8C%E9%9D%A2/www.baidu.com">www.baidu.com</a></span></p>';
+                equal(UE.filterWord(str),txt,'表格、图片、超链接');
+                start();
+            });
+        });
+    });
+} );
+
+test( "wps word", function () {
+    stop();
+    ua.readTxt('test2_1.txt',function(str){
+        var txt='<p>     <p>         <span style="font-size:16px">欢迎使用ueditor!</span>       </p>     <p>         <span style="font-size:16px;font-family:黑体">欢迎使用ueditor!</span>        </p>     <p>         <span style="font-size:16px;font-family:calibri">欢迎使用<font face="Calibri">ueditor!</font></span>       </p>     <h1>         <span style="font-size:29px;font-family:calibri">欢迎使用<font face="Calibri">ueditor! </font></span>      </h1>     <p>         <span style="font-weight:bold;font-style:italic;font-size:16px;vertical-align:super">欢迎</span><span style="font-weight:bold;font-style:italic;font-size:16px;vertical-align:sub">使用</span><span style="font-weight:bold;font-style:italic;font-size:16px">ueditor!</span>       </p>     <p>         <span style="color:#0000ff;font-size:16px;background-color:#ffff00">欢迎使用ueditor!</span>       </p>     <p style="text-align:center">         <span style="font-size:16px">欢迎使用ueditor!</span>       </p>     <p style="text-indent:28px">         <span style="font-size:16px">一、</span><span style="font-size:16px">欢迎使用ueditor!</span>       </p>     <p style="text-indent:28px">         <span style="font-size:16px">二、</span><span style="font-size:16px">欢迎使用ueditor!</span>       </p>     <p style=";margin-left:28px">         <span style="font-size:16px;font-family:wingdings">l </span><span style="font-size:16px">欢迎使用ueditor!</span>       </p>     <p style=";margin-left:28px">         <span style="font-size:16px;font-family:wingdings">l </span><span style="font-size:16px">欢迎使用ueditor!</span>       </p> </p>';
+        equal(UE.filterWord(str),txt,'字体、字号、颜色、基本样式、列表');
+        ua.readTxt('test2_2.txt',function(str){
+            txt= '<p>     <p style="margin-left:14px">         <span style="font-size:16px">欢迎使用ueditor!</span>       </p>     <p style="line-height:250%">         <span style="font-size:16px">欢迎使用ueditor!</span>       </p>     <p style="line-height:250%">         <span style="font-size:16px">欢迎使用ueditor!</span>       </p>     <p style="line-height:250%">         <span style="font-size:16px">欢迎使用ueditor!</span>       </p>     <p style="text-align:justify;text-justify:distribute-all-lines">         <span style="font-size:16px">欢迎使用ueditor!</span>       </p>     <p>         <span style=";color:#0000ff;font-size:13px;font-family:\'times new roman\'">欢迎使用<span style="font-family:\'times new roman\'">ueditor! </span></span>      </p> </p>';
+            equal(UE.filterWord(str),txt,'缩进、段落样式、word样式');
+            ua.readTxt('test2_3.txt',function(str){
+                txt='<p>     <p style=";margin-left:1.0gd">         <p>                       </p>         <table border="1" cellspacing="0" cellpadding="0" style="border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none">             <tr>                 <td>                     <table>                         <tbody>                             <tr>                                 <td>                                 </td>                                 <td width="189" valign="top" style="width:189px;border:solid #000 1px;padding:0 7px 0 7px">                                     <p>                                         欢迎使用<span>ueditor!                                                                                          </span>                                     </p>                                 </td>                             </tr>                         </tbody>                     </table>                 </td>                 <td width="189" valign="top" style="width:189px;border:solid #000 1px;border-left:none;padding:0 7px 0 7px">                     <p>                                               </p>                 </td>             </tr>         </table>         <table>             <tbody>                 <tr>                     <td width="189" valign="top" style="width:189px;border:solid #000 1px;border-left:none;padding:0 7px 0 7px">                         <p>                                                       </p>                     </td>                 </tr>             </tbody>         </table>         <table>             <tbody>                 <tr>                     <td>                     </td>                 </tr>             </tbody>         </table>         <table>             <tbody>                 <tr>                     <td>                     </td>                     <td width="189" valign="top" style="width:189px;border:solid #000 1px;border-top:none;padding:0 7px 0 7px">                         <p>                                                       </p>                     </td>                 </tr>             </tbody>         </table>         <table>             <tbody>                 <tr>                     <td width="189" valign="top" style="width:189px;border-top:none;border-left:none;border-bottom:solid #000 1px;border-right:solid #000 1px;padding:0 7px 0 7px">                         <p>                                                       </p>                     </td>                 </tr>             </tbody>         </table>         <table>             <tbody>                 <tr>                     <td width="189" valign="top" style="width:189px;border-top:none;border-left:none;border-bottom:solid #000 1px;border-right:solid #000 1px;padding:0 7px 0 7px">                         <p>                             欢迎使用<span>ueditor!                                                                  </span>                         </p>                     </td>                 </tr>             </tbody>         </table>         <table>             <tbody>                 <tr>                     <td>                     </td>                 </tr>             </tbody>         </table>         <p>             <span><img width="367" height="146" src="file:///C:/DOCUME~1/lisisi01/LOCALS~1/Temp/msohtmlclip1/01/clip_image001.png"  />                                  </span>         </p><span style="font-size:14px;font-family:\'calibri\',\'sans-serif\'"><a href="file:///C:/Documents%20and%20Settings/lisisi01/%E6%A1%8C%E9%9D%A2/www.baidu.com">www.baidu.com</a></span><br />     </p> </p>';
+                equal(UE.filterWord(str),txt,'表格、图片、超链接');
+                start();
+            });
+        });
+    });
+} );
+test( "word 补充 ", function () {
+    var str = '<p style="horiz-align:center;vert-align:center;mso-foreground:red;mso-default-height:5.0pt;mso-default-width:3.0pt;text-line-through:single;mso-zero-height:yes;margin:3pt;mso-width:2pt;mso-padding-between-alt:1pt"></p>';
+    var txt = '<p style="text-align:center;vertical-align:center;color:red;min-height:7px;min-width:4px;text-decoration:line-through;display:none;margin:4px;width:3px;border-collapse:separate;border-spacing:1px"></p>';
+    ua.checkSameHtml(UE.filterWord(str),txt,'word 补充');
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/htmlparser.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/htmlparser.js
new file mode 100644
index 000000000..5840f5815
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/htmlparser.js
@@ -0,0 +1,209 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: luqiong
+ * Date: 13-3-14
+ * Time: 下午2:31
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'core.htmlparser' );
+
+test( '普通标签处理', function() {
+    var root = UE.htmlparser('<i>sdfsdfsdfsf</i>');
+    equals(root.toHtml(),'<i>sdfsdfsdfsf</i>','单个普通标签');
+    root = UE.htmlparser('<i>sdf<b>sdfsdsd</b>fsdfsf</i>');
+    equals(root.toHtml(),'<i>sdf<b>sdfsdsd</b>fsdfsf</i>','多个普通标签');
+    root = UE.htmlparser('<i dsf="sdf" sdf="wewe" readonly >sdf</i>');
+    ua.checkSameHtml(root.toHtml(),'<i dsf="sdf" sdf="wewe" readonly=\"\" >sdf</i>','添加属性的标签');
+    root = UE.htmlparser('<img src="file:///C:/DOCUME~1/DONGYA~1/LOCALS~1/Temp/msohtmlclip1/01/clip_image002.jpg" width="553" height="275" />');
+    ua.checkSameHtml(root.toHtml(),'<img src="file:///C:/DOCUME~1/DONGYA~1/LOCALS~1/Temp/msohtmlclip1/01/clip_image002.jpg" width="553" height="275" />','img标签');
+});
+
+test( '特殊标签处理', function() {
+    var root = UE.htmlparser('<i dsf="sdf" sdf="wewe" readonly >sd<!--fasdf-->f</i>');
+    ua.checkSameHtml(root.toHtml(),'<i dsf="sdf" sdf="wewe" readonly=\"\" >sd<!--fasdf-->f</i>','包含注释');
+    root = UE.htmlparser('<script type="text/javascript" charset="utf-8" src="editor_api.js"></script>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<script type="text/javascript" charset="utf-8" src="editor_api.js"></script>','script标签');
+    root = UE.htmlparser('<table width="960"><tbody><tr><td width="939" valign="top"><br></td></tr></tbody></table><p><br></p>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<table width="960"><tbody><tr><td width="939" valign="top"><br/></td></tr></tbody></table><p><br/></p>','br标签');
+    root = UE.htmlparser('<li>sdfsdfsdf<li>sdfsdfsdfsdf');
+    equals(root.toHtml(),'<ul><li>sdfsdfsdf</li><li>sdfsdfsdfsdf</li></ul>','以文本结束的html');
+});
+
+//test( '补全不完整table', function() {//TODO 1.2.6
+//    var root = UE.htmlparser('<p><td></td></p>');
+//    equals(root.toHtml(),'<p><table><tbody><tr><td></td></tr></tbody></table></p>','td完整，补全table');
+//    root = UE.htmlparser('<p><td>sdfsdfsdf</p>');
+//    equals(root.toHtml(),'<p><table><tbody><tr><td>sdfsdfsdf</td></tr></tbody></table></p>','td不完整，补全table');
+//    root = UE.htmlparser('<td></td>' + '\n\r' + '<td></td>');
+//    equals(root.toHtml(),'<table><tbody><tr><td></td><td></td></tr></tbody></table>','包含\n，补全table');
+//    root = UE.htmlparser('<table>');
+//    equals( root.toHtml().toLowerCase(), '<table></table>', '<table>--不补孩子' );
+//    /*补parent*/
+//    root = UE.htmlparser('<td>');
+//    equals( root.toHtml().toLowerCase(), '<table><tbody><tr><td></td></tr></tbody></table>', '<td>--补父亲' );
+//    /*补parent和child*/
+//    root = UE.htmlparser('<tr>hello');
+//    equals( root.toHtml().toLowerCase(), '<table><tbody><tr>hello</tr></tbody></table>', '<tr>hello--补父亲不补孩子' );
+//
+//    root = UE.htmlparser('<td>123');
+//    equals( root.toHtml().toLowerCase(), '<table><tbody><tr><td>123</td></tr></tbody></table>', '<td>123--文本放在table里' );
+//
+//    root = UE.htmlparser('123<td>');
+//    equals( root.toHtml().toLowerCase(), '123<table><tbody><tr><td></td></tr></tbody></table>', '123<td>' );
+//
+//    root = UE.htmlparser('<tr><td>123');
+//    equals( root.toHtml().toLowerCase(), '<table><tbody><tr><td>123</td></tr></tbody></table>', '<tr><td>123' );
+//
+//    root = UE.htmlparser('<td>123<tr>');
+//    equals( root.toHtml().toLowerCase(), '<table><tbody><tr><td>123</td></tr><tr></tr></tbody></table>', '<td>123<tr>' );
+//
+//    /*补充为2个td*/
+////    root = UE.htmlparser('<tr>123<td>');
+////    equals( root.toHtml().toLowerCase(), '<table><tbody><tr></tr></tbody></table>123<table><tbody><tr><td></td></tr></tbody></table>', '<tr>123<td>--tr和td之间有文字' );//TODO 1.2.6
+//
+//    root = UE.htmlparser('<td><td>123');
+//    equals( root.toHtml().toLowerCase(), '<table><tbody><tr><td></td><td>123</td></tr></tbody></table>', '<td><td>123' );
+//
+//    root = UE.htmlparser('<td>123<td>');
+//    equals( root.toHtml().toLowerCase(), '<table><tbody><tr><td>123</td><td></td></tr></tbody></table>', '<td>123<td>' );
+//
+//    /*补2个table*/
+////    root = UE.htmlparser('<td>123</td>132<tr>');
+////    equals( root.toHtml().toLowerCase(), '<table><tbody><tr><td>123</td></tr></tbody></table>132<table><tbody><tr><td></td></tr></tbody></table>', '<td>123</td>132<tr>--补全2个table' );//TODO 1.2.6
+//
+//    /*开标签、文本与闭标签混合*/
+////    root = UE.htmlparser('<tr>123</td>');
+////    equals( root.toHtml().toLowerCase(), '<table><tbody><tr></tr></tbody></table>123', '<tr>123</td>--tr和td之间有文字' );//TODO 1.2.6
+//
+////    root = UE.htmlparser('<tr></td>123');
+////    equals( root.toHtml().toLowerCase(), '<table><tbody><tr></tr></tbody></table>123', '<tr></td>123--td闭标签后面有文字' );//TODO 1.2.6
+//
+//    root = UE.htmlparser('123</tr><td>');
+//    equals( root.toHtml().toLowerCase(), '123<table><tbody><tr><td></td></tr></tbody></table>', '123</tr><td>' );
+//
+//    root = UE.htmlparser('</tr><td>123');
+//    equals( root.toHtml().toLowerCase(), '<table><tbody><tr><td>123</td></tr></tbody></table>', '</tr><td>123' );
+//
+//    root = UE.htmlparser('</tr>123<td>');
+//    equals( root.toHtml().toLowerCase(), '123<table><tbody><tr><td></td></tr></tbody></table>', '</tr>123<td>' );
+//    /*闭标签、文本与闭标签混合*/
+//    root = UE.htmlparser('</td>123</tr>');
+//    equals( root.toHtml().toLowerCase(), '123', '</td>123</tr>' );
+//
+//    root = UE.htmlparser('</tr>123</td>');
+//    equals( root.toHtml().toLowerCase(), '123', '</td>123</tr>' );
+//
+//    root = UE.htmlparser('</tr>123<tr>');
+//    equals( root.toHtml().toLowerCase(), '123<table><tbody><tr><td></td></tr></tbody></table>', '</td>123</tr>', '</tr>123<tr>' );
+//
+//    /*补前面的标签*/
+//    root = UE.htmlparser('</td>123');
+//    equals( root.toHtml().toLowerCase(), '123', '</td>123' );
+//
+//    root = UE.htmlparser('123</td>');
+//    equals( root.toHtml().toLowerCase(), '123', '123</td>' );
+//    /*补全tr前面的标签*/
+//    root = UE.htmlparser('123</tr>');
+//    equals( root.toHtml().toLowerCase(), '123', '123</tr>--删除tr前后的标签，前面有文本' );
+//    /*补全table前面的标签*/
+//    root = UE.htmlparser('123</table>');
+//    equals( root.toHtml().toLowerCase(), '123', '123</table>--删除table前后的标签，前面有文本' );
+//    /*复杂结构*/
+//    root = UE.htmlparser('<table><tr><td>123<tr>456');
+//    equals( root.toHtml().toLowerCase(), '<table><tr><td>123</td></tr><tr><td>456</td></tr></table>', '<table><tr><td>123<tr>456' );
+//
+//    root = UE.htmlparser('<td><span>hello1</span>hello2</tbody>');
+//    equals( root.toHtml().toLowerCase(), '<table><tbody><tr><td><span>hello1</span>hello2</td></tr></tbody></table>', '解析<td><span>hello1</span>hello2</tbody>' );
+//
+//    root = UE.htmlparser('<table><td><span>hello1</span>hello2</tbody>');
+//    equals( root.toHtml().toLowerCase(), '<table><tr><td><span>hello1</span>hello2<table><tbody><tr><td></td></tr></tbody></table></td></tr></table>', '解析<table><td><span>hello1</span>hello2</tbody>' );
+//
+//    root = UE.htmlparser('<table><tr></td>123');
+//    equals( root.toHtml().toLowerCase(), '<table><tr><td></td></tr></table>123', '<table><tr></td>123' );
+//});
+
+test( '补全不完整li', function() {
+    var root = UE.htmlparser('<ol><li><em><u>sdf<li>sdfsdf</ol>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<ol><li><em><u>sdf</u></em></li><li>sdfsdf</li></ol>','补全u，em');
+    root = UE.htmlparser('<ol><li><em>sdf</em></li><ul><li>a</li><li>b</li><li>c</ul><li>jkl</ol>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<ol><li><em>sdf</em></li><ul><li>a</li><li>b</li><li>c</li></ul><li>jkl</li></ol>','补全li');
+    root = UE.htmlparser('<li>123');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'), '<ul><li>123</li></ul>', '<li>123--补全li的parent--ul，前面有文本' );
+    /*补ul的child*/
+    root = UE.htmlparser('<ul>123');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'), '<ul><li>123</li></ul>', '<ul>123--补全ul的child--li，前面有文本' );
+    /*补li开始标签*/
+    root = UE.htmlparser('</li>123');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'), '123', '</li>123--删掉标签' );
+});
+
+test( '属性引号问题', function() {
+    var root = UE.htmlparser('<img width=200 height=200 />');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<img width="200" height="200"/>');
+    root = UE.htmlparser("<img width='200' height='200' />");
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<img width="200" height="200"/>');
+    root = UE.htmlparser('<img width="200" height="200" />');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<img width="200" height="200"/>');
+});
+
+test( '大小写', function() {
+    var root = UE.htmlparser('<p><TD></TD></p>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<p><table><tbody><tr><td></td></tr></tbody></table></p>');
+    root = UE.htmlparser('<OL><LI><em><u>sdf<LI>sdfsdf</OL>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<ol><li><em><u>sdf</u></em></li><li>sdfsdf</li></ol>','补全u，em');
+    root = UE.htmlparser('<IMG width=200 height=200 />');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<img width="200" height="200"/>');
+});
+
+test( '裸字', function() {
+    var root = UE.htmlparser('sdfasdfasdf');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'sdfasdfasdf');
+});
+
+test( '只有结束标签的情况', function() {
+    var root = UE.htmlparser('<p>hello1</a></p><p>hello2</p>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<p>hello1</p><p>hello2</p>');
+});
+
+test( '开始标签与后面文本的空格过滤，其他不过滤inline节点之间的空格，过滤block节点之间的空格', function () {
+    /*inline节点之间的空格要留着*/
+    var root = UE.htmlparser('<a href="www.baidu.com">baidu</a> <a> hello </a>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<a href="www.baidu.com">baidu</a> <a> hello </a>');
+    root = UE.htmlparser('<span> <span> hello </span></span> <span> he llo2<span> hello </span> </span>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<span> <span> hello </span></span> <span> he llo2<span> hello </span> </span>' );
+    /*block节点之间的空格不要留着     这个太纠结，不必了。会把ol拆开，后面的变成ul*/
+//        html = '<ol>   <li> li_test </li> <li> li test2 </li> </ol> ';
+//        node = serialize.parseHTML( html );
+//        node = serialize.filter( node );
+//        equal( serialize.toHTML( node ), '<ol><li>li_test&nbsp;</li><li>li&nbsp;test2&nbsp;</li></ol>&nbsp;' );
+} );
+
+/*特殊字符需要转义*/
+test( '文本包含特殊字符，如尖括号', function () {
+    var root = UE.htmlparser('<span><td  hello</span>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<span>&lt;td &nbsp;hello</span>', '字符转义' );
+} );
+
+test( 'br', function () {
+    var root = UE.htmlparser('<br />');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<br/>', '对br不操作');
+    root = UE.htmlparser('<br>');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<br/>', '补充br后面的斜杠');
+} );
+
+/*考察标签之间嵌套关系*/
+test( '复杂标签嵌套', function() {
+    var root = UE.htmlparser('<span>hello1<p><img>hello2<div>hello3<p>hello4');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<span>hello1<p><img/>hello2<div>hello3<p>hello4</p></div></p></span>');
+} );
+
+test( 'trace 1727:过滤超链接后面的空格', function () {
+    var root = UE.htmlparser('<a href="www.baidu.com">baidu</a>  ddd');
+    equals(root.toHtml().replace(/[ ]+>/g,'>'),'<a href="www.baidu.com">baidu</a> &nbsp;ddd','过滤超链接后面的空格');
+} );
+
+//test( '转换img标签', function () {
+//    var root = UE.htmlparser('<img src="file:///C:/DOCUME~1/DONGYA~1/LOCALS~1/Temp/msohtmlclip1/01/clip_image002.jpg" width="553" height="275" />');
+//    var spa=ua.browser.ie==6?' orgSrc="'+te.obj[1].options.UEDITOR_HOME_URL+'themes/default/images/spacer.gif"':'';
+//    equals(root.toHtml().replace(/[ ]+>/g,'>'), '<img src="'+te.obj[1].options.UEDITOR_HOME_URL+'themes/default/images/spacer.gif" width="553" height="275" word_img="file:///C:/DOCUME~1/DONGYA~1/LOCALS~1/Temp/msohtmlclip1/01/clip_image002.jpg" style="background:url('+te.obj[1].options.UEDITOR_HOME_URL+'lang/'+te.obj[1].options.lang+'/images/localimage.png) no-repeat center center;border:1px solid #ddd"'+spa+' />' , '转换img标签');
+//} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/localstorage.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/localstorage.js
new file mode 100644
index 000000000..000dc7e97
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/localstorage.js
@@ -0,0 +1,46 @@
+module("core.localstorage");
+
+test('用 UE.LocalStorage 对字符串做保存/读取/删除操作', function () {
+
+    var str = '1234567890-=!@#$%^&*()_+qwertyuiopasdfghjklzxcvbnm,./<>?;\':"[]\\{}|';
+    UE.LocalStorage.saveLocalData('test_string1', str);
+    equal(UE.LocalStorage.getLocalData('test_string1'), str, "保存内容，并读取内容");
+
+    UE.LocalStorage.saveLocalData('test_string2', str);
+    UE.LocalStorage.removeItem('test_string2');
+    equal(UE.LocalStorage.getLocalData('test_string2'), undefined, "保存内容，并删除内容");
+
+});
+
+test('偏好设置相关方法setPreferencesue、getPreferences、removePreferences', function () {
+
+    var editor = te.obj[1];
+
+    var str = '1234567890-=!@#$%^&*()_+qwertyuiopasdfghjklzxcvbnm,./<>?;\':"[]\\{}|';
+    editor.setPreferences('test_string', str);
+    equal(editor.getPreferences('test_string'), str, "保存字符串，并读取内容");
+
+    var obj = {
+        nul: null,
+        boo1: true,
+        boo2: false,
+        str: 'aaa',
+        arr: [1, '2', 'a'],
+        obj: {k1:1, k2:'2', k3:'a'}
+    };
+    editor.setPreferences('test_object', obj);
+    same(editor.getPreferences('test_object'), obj, "保存键值对象，并读取内容");
+
+    editor.setPreferences('test_boolean', true);
+    equal(editor.getPreferences('test_boolean'), true, "保存布尔值，并读取内容");
+
+    var arr = [1, '2', 'a'];
+    editor.setPreferences('test_string', arr);
+    same(editor.getPreferences('test_string'), arr, "保存数组，并读取内容");
+
+    var tmpStr = 'string_content';
+    editor.setPreferences('test_delete', tmpStr);
+    editor.removePreferences('test_delete');
+    equal(editor.getPreferences('test_delete'), undefined, "保存字符串，并删除内容");
+
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/node.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/node.js
new file mode 100644
index 000000000..a77e2f8ed
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/node.js
@@ -0,0 +1,218 @@
+module( 'core.node' );
+
+test( 'createElement', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('div');
+    equals(node.tagName,'div','空div ——tagname');
+    equals(node.type,'element','空div ——节点类型');
+    node = uNode.createElement('<div id="aa">sdfadf</div>');
+    equals(node.tagName,'div','非空div——tagname');
+    equals(node.children[0].data,'sdfadf','非空div——数据内容');
+});
+
+test( 'getNodeById', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><div id="bb"></div>sdfadf</div>');
+    node = node.getNodeById('bb');
+    equals(node.getAttr('id'),'bb','获取标签id');
+    node = uNode.createElement('<div id="aa"><div id="bb"><div id="cc"></div> </div>sdfadf</div>');
+    node = node.getNodeById('cc');
+    equals(node.getAttr('id'),'cc','获取标签id');
+});
+
+test( 'getNodesByTagName', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa"><div id="bb"><div id="cc"></div> </div>sdfadf</div>');
+    var nodelist = node.getNodesByTagName('div');
+    equals(nodelist.length,2,'div节点列表长度');
+    equals(node.innerHTML().replace(/[ ]+>/g,'>'),'<div id="bb"><div id="cc"></div></div>sdfadf','innerHTML内容');
+});
+
+test( 'innerHTML', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa">sdfadf</div>');
+    node.innerHTML('<div><div><div></div></div></div>');
+    var nodelist =node.getNodesByTagName('div');
+    equals(nodelist.length,3,'div节点列表长度');
+    for(var i= 0,ci;ci=nodelist[i++];){
+        ci.tagName = 'p';
+    }
+    equals(node.innerHTML(),'<p><p><p></p></p></p>','innerHTML内容');
+    node = uNode.createElement('<div></div>');
+    node.innerHTML('asdf');
+    equals(node.innerHTML(),'asdf','innerHTML内容');
+});
+
+test( 'innerText', function() {
+    var tmp = new UE.uNode.createElement('area');
+    tmp.innerHTML('<p></p>');
+    equals(tmp.innerText(),tmp,'标签类型特殊');
+    tmp = new UE.uNode.createText('');
+    tmp.innerHTML('<p></p>');
+    equals(tmp.innerText(),tmp,'对象类型不为element');
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa">sdfadf</div>');
+    node.innerHTML('<p>dfsdfsdf<b>eee</b>sdf</p>');
+    equals(node.innerText(),'dfsdfsdfeeesdf','获取标签中纯文本');
+    node.innerText('sdf');
+    equals(node.innerHTML(),'sdf','设置文本节点');
+});
+
+test( 'getData', function() {
+    var tmp = new UE.uNode.createElement('div');
+    equals(tmp.getData(),'','element元素');
+    tmp = new UE.uNode.createText('askdj');
+    equals(tmp.getData(),"askdj",'其他类型');
+});
+
+test( 'appendChild && insertBefore', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa">sdfadf</div>');
+    node.innerHTML('<p><td></td></p>');
+    equals(node.innerHTML().replace(/[ ]+>/g,'>'),'<p><table><tbody><tr><td></td></tr></tbody></table></p>','补全html标签');
+    var tmp = uNode.createElement('div');
+    node.appendChild(tmp);
+    equals(node.innerHTML().replace(/[ ]+>/g,'>'),'<p><table><tbody><tr><td></td></tr></tbody></table></p><div></div>','appendChild');
+    node.insertBefore(tmp,node.firstChild());
+    equals(node.innerHTML().replace(/[ ]+>/g,'>'),'<div></div><p><table><tbody><tr><td></td></tr></tbody></table></p>','insertBefore');
+    node.appendChild(tmp);
+    equals(node.innerHTML().replace(/[ ]+>/g,'>'),'<p><table><tbody><tr><td></td></tr></tbody></table></p><div></div>','appendChild');
+});
+
+test( 'replaceChild && setAttr', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa">sdfadf</div>');
+    node.innerHTML('<p><table><tbody><tr><td></td></tr></tbody></table></p><div></div>');
+    var tmp = uNode.createElement('p');
+    tmp.setAttr({'class':'test','id':'aa'});
+    node.insertBefore(tmp,node.lastChild());
+    equals(node.innerHTML().replace(/[ ]+>/g,'>'),'<p><table><tbody><tr><td></td></tr></tbody></table></p><p class="test" id="aa"></p><div></div>','setAttr不为空');
+    node.replaceChild(uNode.createElement('div'),tmp);
+    equals(node.innerHTML().replace(/[ ]+>/g,'>'),'<p><table><tbody><tr><td></td></tr></tbody></table></p><div></div><div></div>','replaceChild');
+
+    node.removeChild(node.lastChild(),true);
+    tmp = uNode.createElement('p');
+    tmp.setAttr();
+    node.insertAfter(tmp,node.lastChild());
+    equals(node.innerHTML().replace(/[ ]+>/g,'>'),'<p><table><tbody><tr><td></td></tr></tbody></table></p><div></div><p></p>','setAttr为空');
+    node.innerHTML('<p><td></td></p>');
+    tmp = uNode.createElement('div');
+    node.appendChild(tmp);
+    node.replaceChild(node.firstChild(),tmp);
+    equals(node.innerHTML().replace(/[ ]+>/g,'>'),'<p><table><tbody><tr><td></td></tr></tbody></table></p>','replaceChild');
+});
+
+test( 'insertAfter', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('<div id="aa">sdfadf</div>');
+    node.innerHTML('<p><td></td></p>');
+    var tmp = uNode.createElement('div');
+    node.appendChild(tmp);
+    node.insertAfter(tmp,node.firstChild());
+    equals(node.innerHTML().replace(/[ ]+>/g,'>'),'<p><table><tbody><tr><td></td></tr></tbody></table></p><div></div>','在第一个子节点后插入');
+});
+
+test( 'getStyle', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('div');
+    node.innerHTML('<div style=""><div>');
+    node = node.firstChild();
+    equals(node.getStyle(''),'','空cssStyle');
+    node.innerHTML('<div style="border:1px solid #ccc"><div>');
+    node = node.firstChild();
+    equals(node.getStyle('border'),'1px solid #ccc','有border，取border样式');
+    node.innerHTML('<div style="border:1px solid #ccc"><div>');
+    node = node.firstChild();
+    equals(node.getStyle('color'),'','无color样式，取color样式');
+    node.innerHTML('<div style=" border:1px solid #ccc; background-color:#fff; color:#ccc"></div>');
+    node = node.firstChild();
+    equals(node.getStyle('color'),'#ccc','有2个样式，取其一');
+});
+
+test( 'setStyle', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('div');
+    node.innerHTML('<div style="border:1px solid #ccc;color:#ccc"><div>');
+    node = node.firstChild();
+    node.setStyle('border','2px solid #ccc');
+    equals(node.getAttr('style'),'border:2px solid #ccc;color:#ccc','修改样式中的一个');
+    node.setStyle({
+        'font':'12px',
+        'background':'#ccc'
+    });
+    equals(node.getAttr('style'),'background:#ccc;font:12px;border:2px solid #ccc;color:#ccc','添加新样式');
+    node.setStyle({
+        'font':'',
+        'background':'',
+        'border':'',
+        'color':''
+    });
+    equals(node.getAttr('style'),undefined,'清空样式');
+    node.setStyle('border','<script>alert("")</script>');
+    equals(node.getAttr('style'),"border:&lt;script&gt;alert(&quot;&quot;)&lt;/script&gt;;",'脚本');
+    equals(node.toHtml(),'<div style=\"border:&lt;script&gt;alert(&quot;&quot;)&lt;/script&gt;;\"><div></div></div>','脚本转html');
+    node.innerHTML('<div>asdfasdf<b>sdf</b></div>');
+    node.removeChild(node.firstChild(),true);
+    equals(node.toHtml(),'<div style=\"border:&lt;script&gt;alert(&quot;&quot;)&lt;/script&gt;;\">asdfasdf<b>sdf</b></div>','移除子节点');
+    node.innerHTML('<div style="border:1px solid #ccc;color:#ccc"></div>');
+    node.firstChild().setStyle('border');
+    equals(node.firstChild().toHtml(),'<div style="color:#ccc"></div>','删除分号');
+    node.innerHTML('<div style="border:1px solid #ccc;color:#ccc" dfasdfas="sdfsdf" sdfsdf="sdfsdfs" ></div>');
+    equals(node.firstChild().toHtml(),'<div style="border:1px solid #ccc;color:#ccc" dfasdfas="sdfsdf" sdfsdf="sdfsdfs"></div>');
+
+    node.innerHTML('<div style=" border:1px "></div>');
+    node.firstChild().setStyle('border');
+
+    equals(node.firstChild().toHtml(),'<div></div>');
+    node.innerHTML('<div style=" border:1px solid #ccc; background-color:#fff; color:#ccc"></div>');
+    node.firstChild().setStyle('border');
+    equals(node.firstChild().toHtml(),'<div style="background-color:#fff; color:#ccc"></div>');
+    node.firstChild().setStyle('color');
+    equals(node.firstChild().toHtml(),'<div style="background-color:#fff;"></div>');
+    node.firstChild().setStyle('background-color');
+    equals(node.firstChild().toHtml(),'<div></div>');
+});
+
+test( 'getIndex', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('div');
+    node.innerHTML('<div>asdfasdf<b>sdf</b></div>')
+    node.removeChild(node.firstChild(),true);
+    var tmp = new UE.uNode.createElement('div');
+    node.appendChild(tmp);
+    equals(tmp.getIndex(),2,'节点索引');
+});
+
+test( 'traversal', function() {
+    var uNode = UE.uNode;
+    var node = uNode.createElement('div');
+    node.innerHTML('<div>asdfasdf<b>sdf</b></div>')
+    var count = 0;
+    node.traversal(function(node){
+        count++;
+    });
+    equals(count,4);
+    count = 0;
+    node.traversal(function(node){
+        if(node.type == 'text'){
+            count++
+        }
+    });
+    equals(count,2);
+    node.traversal(function(node){
+        if(node.type == 'text'){
+
+            node.parentNode.removeChild(node)
+        }
+    });
+    equals(node.toHtml(),'<div><div><b></b></div></div>');
+    node.innerHTML('<div>asdfasdf<b>sdf</b></div>');
+    node.traversal(function(node){
+        if(node.type == 'text'){
+            var span = uNode.createElement('span');
+            node.parentNode.insertBefore(span,node);
+            span.appendChild(node);
+        }
+    });
+    equals(node.toHtml(),'<div><div><span>asdfasdf</span><b><span>sdf</span></b></div></div>');
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/plugin.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/plugin.js
new file mode 100644
index 000000000..e10ba98fc
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/plugin.js
@@ -0,0 +1,30 @@
+module( 'core.plugin' );
+
+test( 'register', function() {
+    UE.plugin.register('test',function(){
+        this.testplugin = true;
+    });
+    $('<div id="ue"></div>').appendTo(document.body);
+    var editor = UE.getEditor('ue');
+    stop();
+    editor.ready(function () {
+        ok(this.testplugin);
+        editor.destroy();
+        $('#ue').remove()
+        start();
+    });
+});
+test( 'load', function() {
+    UE.plugin.register('test',function(){
+        this.testplugin = true;
+    });
+    $('<div id="ue"></div>').appendTo(document.body);
+    var editor = UE.getEditor('ue',{
+        test:false
+    });
+    stop();
+    editor.ready(function () {
+//        ok(!this.testplugin); todo
+        start();
+    });
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/tools.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/tools.js
new file mode 100644
index 000000000..3be2d871b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/tools.js
@@ -0,0 +1,50 @@
+(function () {
+    function mySetup() {
+        for (var config in window.UEDITOR_CONFIG) {
+            if (typeof(window.UEDITOR_CONFIG[config]) == 'string')
+                window.UEDITOR_CONFIG[config] = window.UEDITOR_CONFIG[config].replace('_test/tools/br/', '');
+        }
+
+        var div = document.body.appendChild(document.createElement('div'));
+        div.id = 'test1';
+        var utils = baidu.editor.utils;
+        var editor = new baidu.editor.Editor({'UEDITOR_HOME_URL':'../../../', 'autoFloatEnabled':false,initialContent:'tool'});
+        var iframe = document.createElement('iframe');
+        document.body.appendChild(iframe);
+        iframe.id = 'iframe';
+        var range = new baidu.editor.dom.Range(document);
+        var domUtils = baidu.editor.dom.domUtils;
+        var div_dom = document.body.appendChild(document.createElement('div'));
+        div_dom.id = 'test';
+        te.dom.push(div);
+        te.dom.push(iframe);
+        te.dom.push(div_dom);
+        te.obj.push(utils);
+        te.obj.push(editor);
+        te.obj.push(range);
+        te.obj.push(domUtils);
+    }
+    var _d = function () {
+
+        if (te) {
+            if (te.dom && te.dom.length) {
+                for (var i = 0; i < te.dom.length; i++) {
+                    if (te.dom[i] && te.dom[i].parentNode)
+                        te.dom[i].parentNode.removeChild(te.dom[i]);
+                }
+
+            }
+        }
+        te.dom = [];
+        te.obj = [];
+    };
+    var s = QUnit.testStart, d = QUnit.testDone;
+    QUnit.testStart = function () {
+        s.apply(this, arguments);
+        mySetup();
+    };
+    QUnit.testDone = function () {
+        _d();
+        d.apply(this, arguments);
+    };
+})()
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/core/utils.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/utils.js
new file mode 100644
index 000000000..5d98adba1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/core/utils.js
@@ -0,0 +1,547 @@
+module("core.utils");
+
+test('cssRule', function () {
+    var utils = te.obj[0];
+    utils.cssRule('test1', '.test{width:300px;}');
+    var style = utils.cssRule('test1');
+    ok(/^\.test/.test(style));
+    utils.cssRule('test1', '');
+    style = utils.cssRule('test1');
+    ok(!style);
+    var div = te.dom[2];
+    div.innerHTML = '<span class="test">sdfsdf</span>';
+    utils.cssRule('style_test', '.test{display:block}');
+    utils.cssRule('style_test', '.test{font-size:48px}');
+    var block = UE.dom.domUtils.getComputedStyle(div.firstChild, 'display');
+    equals(block, 'inline');
+    //删除样式
+    utils.cssRule('style_test', '');
+    equals(UE.dom.domUtils.getComputedStyle(div.firstChild, 'font-size'), '16px');
+});
+
+test("makeInstance", function () {
+    var utils = te.obj[0];
+    var obj = {
+        s: 1,
+        str: "makeInstance"
+    }, str = "makeInstance";
+    var ins = utils.makeInstance(obj);
+    var ins1 = utils.makeInstance(str);
+    equals(ins.s, 1, "ins.s");
+    equals(ins.str, "makeInstance", "ins.str");
+    same(ins1, {}, "null");
+    same(utils.makeInstance(null), {}, "null");
+});
+test("isArray--普通对象", function () {
+    var utils = te.obj[0];
+    var arr = [ '1', '2' ], ob = {}, str = "array", fun = function () {
+    };
+    var div = te.dom[0];
+    ok(utils.isArray(arr), 'arr is a array');
+    ok(!utils.isArray(ob), 'ob is not a array');
+    ok(!utils.isArray(str), 'str is not a array');
+    ok(!utils.isArray(fun), 'fun is not a array');
+    ok(!utils.isArray(null), 'null is not a array');
+    ok(!utils.isArray(div), 'dom element is not a array');
+});
+
+test("isArray--类数组对象", function () {
+    var utils = te.obj[0];
+    var arrayLike = {
+        0: '0',
+        1: '1',
+        2: '2',
+        length: 3
+    };
+    var div = te.dom[0];
+    div.innerHTML = '<span><label></label></span>xxxxx<p></p>';
+    ok(!utils.isArray(arrayLike), '类数组对象不是数组');
+    ok(!utils.isArray(div.childNodes), 'nodeList 不是数组');
+
+});
+
+test("inherits", function () {
+    var utils = te.obj[0];
+    var superClass = function () {
+    };
+    var subClass = function () {
+    };
+    expect(4);
+    var index = 0;
+    superClass.prototype.name = "superClass";
+    superClass.prototype.methodSuper = function () {
+        ok(true, "method in superClass is called");
+    };
+    superClass.prototype.method = function () {
+        ok(false, "I am in superClass");
+    };
+    subClass.prototype.name = "subClass";
+    subClass.prototype.methodSub = function () {
+        ok(true, "method in subClass is called");
+    };
+    subClass.prototype.method = function () {
+        ok(true, "I am in subClass");
+    };
+    utils.inherits(subClass, superClass);
+    var sub = new subClass();
+    /*子类自己的名字，父类的被覆盖*/
+    equal(sub.name, "subClass", "the name of subClass");
+    /*从父类中继承的方法*/
+    sub.methodSuper();
+    /*子类自己的方法*/
+    sub.methodSub();
+    /*覆盖父类中的method方法*/
+    sub.method();
+});
+
+
+test("bind", function () {
+    var utils = te.obj[0];
+    var first_object = { num: 4 };
+    var second_object = { num: 2 };
+
+    function multiply(mult) {
+        return this.num * mult;
+    }
+
+    var first_multiply = utils.bind(multiply, first_object);
+    equal(first_multiply(5), 20, "first_object"); // returns 4 * 5
+    var second_multiply = utils.bind(multiply, second_object);
+    equal(second_multiply(5), 10, "second_object");
+});
+
+test('defer--一个defer', function () {
+    var utils = te.obj[0];
+    var delay = 100;
+    expect(1);
+    stop();
+    /*defer返回一个闭包，算defer不准，chrome下会 相差300多ms，没办法判断延时是否准确*/
+    var stime = +new Date();
+    utils.defer(function () {
+        ok(1, '检查回调函数是否触发');
+        start();
+    }, delay)();
+});
+
+test('defer--多个defer', function () {
+    var utils = te.obj[0];
+    var delay = 40;
+    stop();
+    expect(2);
+    utils.defer(function () {
+        ok(true, '第一个触发');
+    }, delay)();
+
+    utils.defer(function () {
+        ok(true, '第二个触发');
+        start();
+    }, delay)();
+});
+
+/*若互斥，则前一个注册的setTimeout事件被删除*/
+test('defer--考虑互斥', function () {
+    var utils = te.obj[0];
+    var delay = 20;
+    stop();
+    expect(1);
+    /*exclusion=true*/
+    var defer = utils.defer(function () {
+        ok(1, '检查回调函数是否在规定的时间内触发');
+    }, delay, true);
+    defer();
+    //第一个defer会被删掉
+    defer();
+    setTimeout(function () {
+        start();
+    }, 100);
+});
+
+test("extend--true", function () {
+    var utils = te.obj[0];
+    var obj1 = {a: 3, b: "str", fun: function () {
+        ok(true, "fun");
+    }, n: null};
+    var obj2 = {a: 2, c: 1};
+    utils.extend(obj2, obj1, true);
+    equal(obj2.a, 2, "obj2 a");
+    equal(obj2.b, "str", "obj2 str");
+    equal(obj2.c, 1, "obj2 c");
+    obj2.fun();
+    equal(obj2.n, null, "obj2 n null");
+});
+test("extend--false", function () {
+    var utils = te.obj[0];
+    var obj1 = {a: 3, b: "str", fun: function () {
+        ok(true, "fun");
+    }, n: null};
+    var obj2 = {a: 2, c: 1};
+    utils.extend(obj2, obj1, false);
+    equal(obj2.a, 3, "obj2 a");
+    equal(obj2.b, "str", "obj2 str");
+    equal(obj2.c, 1, "obj2 c");
+    obj2.fun();
+    equal(obj2.n, null, "obj2 n null");
+});
+test('indexOf', function () {
+    var utils = te.obj[0];
+    var s = [ 1, 2, 3, 4, 5 ];
+    equals(utils.indexOf(s, 3), 2);
+    equals(utils.indexOf(s, 6), -1);
+    equals(utils.indexOf(s, 5), 4);
+    equals(utils.indexOf(s, 3, 3), -1);
+    equals(utils.indexOf(s, 3, 3), -1);
+});
+test('removeItem&&itemexist', function () {
+    var utils = te.obj[0];
+    var s = [ 1, 2, 3, 4, 5 , 4, 3];
+    equal(s[5], 4, "before remove 4");
+    utils.removeItem(s, 4);
+    equal(s.length, 5, "4 be removed");
+    equal(s[4], 3, "4 be removed");
+});
+
+test('removeItem&&itemnotexist', function () {
+    var utils = te.obj[0];
+    var s = [ 1, 2, 3, 4, 5 , 4];
+    utils.removeItem(s, 6);
+    equal(s.length, 6, "itemnotexist");
+});
+
+test("trim", function () {
+    var utils = te.obj[0];
+    var s = ' sss ';
+    equals(utils.trim(s), 'sss', "两端有空格");
+    s = "&nbsp;xxx ";
+    equal(utils.trim(s), '&nbsp;xxx', "包含&nbsp;");//&nbsp;不能被捕获
+    s = "string";
+    equal(utils.trim(s), "string", '没有&nbsp;和空格');
+});
+test('listToMap', function () {
+    var utils = te.obj[0];
+    var s = "listToMap";
+    var re = utils.listToMap(s);
+    equal(re.listToMap, 1, "listToMap");
+});
+test('list,To,Map', function () {
+    var utils = te.obj[0];
+    var s = "list,To,Map";
+    var re = utils.listToMap(s);
+    equal(re.list, 1, "list");
+    equal(re.To, 1, "list");
+    equal(re.Map, 1, "Map");
+});
+test('listToMap ""', function () {
+    var utils = te.obj[0];
+    var s = "";
+    var re = utils.listToMap(s);
+    equal(re.toString(), {}, "{}");
+});
+test('listToMap null', function () {
+    var utils = te.obj[0];
+    var s = null;
+    var re = utils.listToMap(s);
+    equal(re.toString(), {}, "{}");
+});
+test('listToMap numstring', function () {
+    var utils = te.obj[0];
+    var s = "123333";
+    var re = utils.listToMap(s);
+    equal(re[123333], 1, "num");
+});
+test('unhtml 字符转义', function () {
+    var utils = te.obj[0];
+    var str = '<p>"as&cd"</p>';
+    var str_html = utils.unhtml(str);
+    equal(str_html, '&lt;p&gt;&quot;as&amp;cd&quot;&lt;/p&gt;', '转义字符成功');
+    str = 'border:&lt;script&gt;alert(&quot;&quot;)&lt;/script&gt;"'
+    equal(utils.unhtml(str), 'border:&lt;script&gt;alert(&quot;&quot;)&lt;/script&gt;&quot;', '转义字符成功');
+    str = "'";
+    equal(utils.unhtml('比如&#23567;这个汉字的unicode编码'), '比如&#23567;这个汉字的unicode编码');
+    equal(utils.unhtml('比如&#<23567;这个汉字的unicode编码<>'), '比如&amp;#&lt;23567;这个汉字的unicode编码&lt;&gt;')
+});
+test('html 反转义', function () {
+    var utils = te.obj[0];
+    var str_html = '&lt;p&gt;&quot;as&amp;cd&quot;&lt;/p&gt;';
+    var str = utils.html(str_html);
+    equal(str, '<p>"as&cd"</p>', '反转义成功');
+});
+test('unhtml null ""', function () {
+    var utils = te.obj[0];
+    var s = null;
+    equal(utils.unhtml(s), "", "unhtml null");
+    s = '';
+    equal(utils.unhtml(s), "", "unhtml null");
+});
+test('cssStyleToDomStyle', function () {
+    var utils = te.obj[0];
+    equal(utils.cssStyleToDomStyle("cssFloat").toLowerCase(), "cssfloat", "cssFloat");
+    if (ua.browser.ie && ua.browser.ie < 9) {
+        equal(utils.cssStyleToDomStyle("float").toLowerCase(), "stylefloat", "float");
+    } else {
+        equal(utils.cssStyleToDomStyle("float").toLowerCase(), "cssfloat", "float");
+    }
+    equal(utils.cssStyleToDomStyle("styleFloat").toLowerCase(), "stylefloat", "styleFloat");
+});
+
+//zhuwenxuan add
+test("isEmptyObject", function () {
+    var utils = te.obj[0];
+    var obj = {
+        n: 1
+    };
+    equal(false, utils.isEmptyObject(obj));
+    equal(true, utils.isEmptyObject([]));
+    equal(true, utils.isEmptyObject(""));
+});
+//dong
+test("fixColor", function () {
+    var utils = te.obj[0];
+    equal('#953734', utils.fixColor("color", 'rgb(149, 55, 52)'), 'fixColor');
+});
+test("sort", function () {
+    var utils = te.obj[0];
+    same(["a", "df", "sdf", "asdf"], utils.sort(['a', 'asdf', 'df', 'sdf'], function (a, b) {
+        if (a.length > b.length)
+            return 1;
+        else return 0;
+    }), 'sort');
+});
+test("domReady", function () {
+    var utils = te.obj[0];
+    expect(1);
+    utils.domReady(function () {
+        ok(1, 'domReady')
+    });
+});
+test('4个padding属性', function () {
+//    var css = 'padding-bottom:0px; margin:0px 0px 20px; padding-left:0px; padding-right:4px; padding-top:0px';
+    /*上下相同，左右相同*/
+    var css = 'padding-bottom:3px;padding-left:2px;padding-right:2px;padding-top:3px';
+    var result = UE.utils.optCss(css);
+    equal(result, 'padding:3px 2px;', '上下相同，左右相同');
+    /*上下不同，左右相同*/
+    css = 'padding-bottom:2px;padding-left:2px;padding-right:2px;padding-top:3px';
+    result = UE.utils.optCss(css);
+    equal(result, 'padding:3px 2px 2px;', '上下不同，左右相同');
+    /*只有2个属性*/
+    css = 'padding-bottom:2px;padding-left:2px;';
+    result = UE.utils.optCss(css);
+    equal(result, 'padding-bottom:2px;padding-left:2px;', '2个属性就不合');
+});
+
+test('4个margin属性', function () {
+    /*上下相同，左右相同*/
+    var css = 'margin-bottom:3px;margin-left:2px;margin-right:2px;margin-top:3px';
+    var result = UE.utils.optCss(css);
+    equal(result, 'margin:3px 2px;', '上下相同，左右相同');
+    css = 'margin-bottom:2px;margin-left:2px;margin-right:2px;margin-top:2px';
+    result = UE.utils.optCss(css);
+    equal(result, 'margin:2px;', '全相同');
+    /*上下不同，左右相同*/
+    css = 'margin-bottom:2px;margin-left:2px;margin-right:2px;margin-top:3px';
+    result = UE.utils.optCss(css);
+    equal(result, 'margin:3px 2px 2px;', '上下不同，左右相同');
+    /*只有1个属性*/
+    css = 'margin-top:2px;';
+    result = UE.utils.optCss(css);
+    equal(result, 'margin-top:2px;', '1个属性就不合');
+});
+
+test('合并;的问题', function () {
+    equal(UE.utils.optCss('font-size:12px;&quot;;&lt;dssdfs&gt;;;'), 'font-size:12px;&quot;;&lt;dssdfs&gt;;', '');
+});
+//test( '合并border相关属性', function () {
+////    var css = 'border-width:thin medium;' + //只有border-width
+////        'border-top-color:red;border-bottom-color:red;border-left-color:red;' + //3个分属性相同，不应当合
+////        'border-right-style:hidden;border-bottom-style:hidden;border-left-style:hidden;border-top-style:hidden';         //4个分属性相同，应当合
+////    var result = UE.utils.optCss( css );
+////    equal( result, 'border-width:thin medium;border-top-color:red;border-bottom-color:red;border-left-color:red;border-style:hidden' );
+////    /*border属性， border不能分别定义4个边框的宽度,颜色和样式,
+////    只能统一定义,不可以对四个边设置不同的值,和margin与padding是不同的(后两者可以分别定义四个边的值).*/
+////    css = 'border-top:2px hidden red;border-right:2px hidden red';
+////    result = UE.utils.optCss(css );
+////    equal(result,css,'border2个属性不合');
+////    /*4个属性都相同，合*/
+////    css = 'border-top:2px hidden red;border-right:2px hidden red;border-left:2px hidden red;border-bottom:2px hidden red';
+////    result = UE.utils.optCss(css );
+////    equal(result,'border:2px hidden red;','4个属性都相同，合');
+////        /*4个属性不同，不合*/
+////    css = 'border-top:2px hidden red;border-right:3px hidden red;border-left:2px hidden red;border-bottom:2px hidden red';
+////    result = UE.utils.optCss(css );
+////    equal(result,'border:2px hidden red;','4个属性不同，不合');
+//    var css = 'border-image:initial;'
+//} )  ;
+//
+test('margin，border，padding属性混杂', function () {
+    var css = 'margin-bottom:3px;margin-left:2px;margin-right:2px;margin-top:3px;padding:4px;border-image:initial;border-top-color:red;';
+    var result = UE.utils.optCss(css);
+    equal(result, 'padding:4px;border-top-color:red;margin:3px 2px;', 'margin，border，padding属性混同');
+
+});
+
+test('each 遍历方法', function () {
+    var div = te.dom[0];
+    div.innerHTML = '<span></span><span></span><span id="a"></span><span></span>';
+    UE.utils.each(div.getElementsByTagName('span'), function (node, i) {
+        equal(node.tagName, 'SPAN', '遍历nodelist');
+    });
+    var count = 0;
+    UE.utils.each(div.getElementsByTagName('span'), function (node, i) {
+        count++;
+        if (node.id == 'a')
+            return false
+    });
+    equal(count, 3);
+    UE.utils.each(['a', 'b'], function (v, i) {
+        equal(v, ['a', 'b'][i], '遍历数组');
+    });
+    UE.utils.each({a: 1, b: 2}, function (v, k) {
+        equal(v, {a: 1, b: 2}[k], '遍历对象');
+    });
+});
+test('clone 转换', function () {
+    var obj = {a: 1};
+    var obj1 = UE.utils.clone({a: 1});
+    obj.a = 2;
+    equal(obj1.a, 1);
+    obj = {
+        a: {
+            b: 1
+        },
+        c: [1, 2]
+    }
+    obj1 = UE.utils.clone(obj);
+    obj.a.b = 2;
+    equal(obj1.a.b, 1);
+    obj.c[1] = 3;
+    equal(obj1.c[1], 2);
+
+
+});
+test('transUnitToPx 转换', function () {
+    equal(UE.utils.transUnitToPx('20pt'), '27px');
+    equal(UE.utils.transUnitToPx('0pt'), '0');
+});
+
+test('RegExp', function () {
+    var reg = new RegExp(".*");
+    equal(ok(utils.isRegExp(reg), 'reg is a RegExp'));
+});
+
+test('isDate', function () {
+    var date = new Date();
+    equal(ok(utils.isDate(date), 'date is a Date'));
+});
+
+test('isCrossDomainUrl', function () {
+
+    var l = location;
+
+    ok(!utils.isCrossDomainUrl(location.href), 'location.href 不跨域');
+
+    if (l.port == '') {
+        ok(!utils.isCrossDomainUrl(l.protocol + '//' + l.hostname + ':80/ueditor/'), '本地没端口,80端口不跨域');
+    }
+
+    if (l.port == '80') {
+        ok(!utils.isCrossDomainUrl(l.protocol + '//' + l.hostname + '/ueditor/'), '本地没80端口,无端口不跨域');
+    }
+
+    if (l.protocol == 'http:') {
+        ok(utils.isCrossDomainUrl('https://' + l.host + '/ueditor/'), '本地http协议,https协议跨域');
+    } else {
+        ok(utils.isCrossDomainUrl('http://' + l.host + '/ueditor/'), '本地不是http协议,http协议跨域');
+    }
+
+    ok(utils.isCrossDomainUrl(l.protocol + '//www.baidu.com' + ':' + l.port), '域名不一致跨域');
+
+});
+
+test('formatUrl', function () {
+
+    var url1 = 'http://localhost/a.html?&key1=value1&&key2=value2&&&&&&&&&key3=value3&#hash';
+    var url2 = 'http://localhost/a.html?&key1=value1&&key2=value2&&&&&&&&&key3=value3&';
+
+    equal(utils.formatUrl(url1), 'http://localhost/a.html?key1=value1&key2=value2&key3=value3#hash', '格式化url');
+    equal(utils.formatUrl(url2), 'http://localhost/a.html?key1=value1&key2=value2&key3=value3', '格式化url');
+
+});
+
+test('str2json', function () {
+
+    same(utils.str2json('{"a":11,"b":"22","c":"cc","d":[1,"2","a",{"a":"aa"}],"e":{"k1":1,"k2":"2","k3":"a","k4":{"a":"aa"}}}'),
+        {"a": 11, "b": "22", "c": "cc", "d": [1, "2", "a", {"a": "aa"}], "e": {"k1": 1, "k2": "2", "k3": "a", "k4": {"a": "aa"}}},
+        '字符串转json对象');
+
+});
+
+test('json2str', function () {
+
+    equal(utils.json2str({"a": 11, "b": "22", "c": "cc", "d": [1, "2", "a", {"a": "aa"}], "e": {"k1": 1, "k2": "2", "k3": "a", "k4": {"a": "aa"}}}),
+        '{"a":11,"b":"22","c":"cc","d":[1,"2","a",{"a":"aa"}],"e":{"k1":1,"k2":"2","k3":"a","k4":{"a":"aa"}}}',
+        'json对象转字符串');
+
+});
+test('json2str 不使用原生方法', function () {
+    stop();
+    var j = window.JSON;
+    var flag = 0;
+    ua.readFile("../../../_test/coverage/core/utils.js", function (s) {
+        if(s===null)flag = 1;
+        window.JSON = null;
+        eval(s);
+        equal(utils.json2str({"a": 11, "b": "22", "c": "cc", "d": [1, "2", "a", {"a": "aa"}], "e": {"k1": 1, "k2": "2", "k3": "a", "k4": {"a": "aa"}}}),
+            '{"a":11,"b":"22","c":"cc","d":[1,"2","a",{"a":"aa"}],"e":{"k1":1,"k2":"2","k3":"a","k4":{"a":"aa"}}}',
+            'json对象转字符串');
+
+        window.JSON = j;
+
+    });
+    if(flag){
+        ua.readFile("../../../_src/core/utils.js", function (s) {
+            window.JSON = null;
+            eval(s);
+            equal(utils.json2str({"a": 11, "b": "22", "c": "cc", "d": [1, "2", "a", {"a": "aa"}], "e": {"k1": 1, "k2": "2", "k3": "a", "k4": {"a": "aa"}}}),
+                '{"a":11,"b":"22","c":"cc","d":[1,"2","a",{"a":"aa"}],"e":{"k1":1,"k2":"2","k3":"a","k4":{"a":"aa"}}}',
+                'json对象转字符串');
+
+            window.JSON = j;
+
+        });
+    }
+
+    setTimeout(function(){start();},50);
+});
+
+test('clearEmptyAttrs', function () {
+    var utils = te.obj[0];
+    var ob = utils.clearEmptyAttrs({a: 1, b: ''});
+    ok(!ob.hasOwnProperty('b'), 'clearEmptyAttrs');
+});
+test('serializeParam', function () {
+
+    equal(utils.serializeParam({
+        key1: 'value1',
+        key2: 'value2',
+        key3: 33,
+        key4: '44',
+        key5: true,
+        key6: null,
+        key7: undefined,
+        key8: [11, 22, '33', 'aa', true, null]
+    }),
+        'key1=value1&' +
+            'key2=value2&' +
+            'key3=33&' +
+            'key4=44&' +
+            'key5=true&' +
+            'key7=undefined&' +
+            'key8[]=11&' +
+            'key8[]=22&' +
+            'key8[]=33&' +
+            'key8[]=aa&' +
+            'key8[]=true&' +
+            'key8[]=null',
+        '序列化obj对象为GET请求字符串');
+
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/api.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/api.js
new file mode 100644
index 000000000..a1593ffd2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/api.js
@@ -0,0 +1,43 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['api.js']) {
+  _$jscoverage['api.js'] = [];
+}
+_$jscoverage['api.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#35813;&#25991;&#20214;&#23450;&#20041;&#20102;API&#25991;&#26723;&#25152;&#20351;&#29992;&#21040;&#30340;&#26412;&#22320;&#20989;&#25968;&#30340;&#35828;&#26126;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module Native</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36741;&#21161;&#25509;&#21475;&#35828;&#26126;</span>","<span class=\"c\"> * @module Native</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21407;&#29983;String&#23545;&#35937;&#65292; &#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @class String</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21407;&#29983;Function&#23545;&#35937;&#65292; &#20989;&#25968;</span>","<span class=\"c\"> * @class Function</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21407;&#29983;Object&#23545;&#35937;&#65292; &#26222;&#36890;&#23545;&#35937;</span>","<span class=\"c\"> * @class Object</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21407;&#29983;Boolean&#23545;&#35937;&#65292; &#24067;&#23572;&#20540;</span>","<span class=\"c\"> * @class Boolean</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21407;&#29983;Number&#23545;&#35937;&#65292; &#25968;&#20540;</span>","<span class=\"c\"> * @class Number</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21407;&#29983;NULL&#23545;&#35937;&#65292; &#31354;</span>","<span class=\"c\"> * @class NULL</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21407;&#29983;Array&#23545;&#35937;&#65292; &#25968;&#32452;</span>","<span class=\"c\"> * @class Array</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#27983;&#35272;&#22120;DOMNode&#65292; dom&#33410;&#28857;</span>","<span class=\"c\"> * @class Node</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#27983;&#35272;&#22120;DOMElement&#65292; dom&#20803;&#32032;</span>","<span class=\"c\"> * @class Element</span>","<span class=\"c\"> */</span>"];
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/commands.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/commands.js
new file mode 100644
index 000000000..9bd1f4b23
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/commands.js
@@ -0,0 +1,43 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['commands.js']) {
+  _$jscoverage['commands.js'] = [];
+}
+_$jscoverage['commands.js'].source = ["<span class=\"c\">//&#26412;&#25991;&#20214;&#38750;&#32534;&#36753;&#22120;&#26680;&#24515;&#25991;&#20214;&#65292;&#20165;&#36866;&#29992;&#20110;&#29983;&#25104;&#23545;&#24212;&#30340;&#21629;&#20196;&#25509;&#21475;&#25991;&#26723;</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @name &#32534;&#36753;&#22120;&#21629;&#20196;&#25509;&#21475;</span>","<span class=\"c\"> * @short Commands</span>","<span class=\"c\"> * @desc</span>","<span class=\"c\"> *</span>","<span class=\"c\"> * UEditor&#20013;&#25191;&#34892;&#21629;&#20196;&#30340;&#32479;&#19968;&#35843;&#29992;&#26684;&#24335;&#20026;</span>","<span class=\"c\"> * &lt;code&gt;editor.execCommand(\"cmdName\"[,opt]);&lt;/code&gt;</span>","<span class=\"c\"> *</span>","<span class=\"c\"> *</span>","<span class=\"c\"> * &#26816;&#27979;&#24403;&#21069;&#21629;&#20196;&#26159;&#21542;&#21487;&#29992;&#30340;&#26041;&#27861;&#26159;</span>","<span class=\"c\"> * &lt;code&gt;editor.queryCommandState(\"cmdName\");&lt;/code&gt;</span>","<span class=\"c\"> *</span>","<span class=\"c\"> *</span>","<span class=\"c\"> * &#37096;&#20998;&#21629;&#20196;&#21487;&#20197;&#36820;&#22238;&#21629;&#20196;&#20540;&#65292;&#20854;&#26684;&#24335;&#20026;</span>","<span class=\"c\"> * &lt;code&gt;editor.queryCommandValue(\"cmdName\");&lt;/code&gt;</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#38170;&#28857;</span>","<span class=\"c\"> * @name anchor</span>","<span class=\"c\"> * @grammar editor.execCommand(\"anchor\",\"name\"); //&#38170;&#28857;&#30340;&#21517;&#23383;</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20026;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#28155;&#21152;&#31895;&#20307;&#25928;&#26524;</span>","<span class=\"c\"> * @name bold</span>","<span class=\"c\"> * @grammar editor.execCommand(\"bold\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20026;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#28155;&#21152;&#26012;&#20307;&#25928;&#26524;</span>","<span class=\"c\"> * @name italic</span>","<span class=\"c\"> * @grammar editor.execCommand(\"italic\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20026;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#28155;&#21152;&#19979;&#21010;&#32447;&#25928;&#26524;</span>","<span class=\"c\"> * @name underline</span>","<span class=\"c\"> * @grammar editor.execCommand(\"underline\");</span>","<span class=\"c\"> */</span>","","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20026;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#28155;&#21152;&#21024;&#38500;&#32447;&#25928;&#26524;</span>","<span class=\"c\"> * @name strikethrough</span>","<span class=\"c\"> * @grammar editor.execCommand(\"strikethrough\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23558;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#36716;&#25442;&#25104;&#19978;&#26631;</span>","<span class=\"c\"> * @name superscript</span>","<span class=\"c\"> * @grammar editor.execCommand(\"superscript\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23558;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#36716;&#25442;&#25104;&#19979;&#26631;</span>","<span class=\"c\"> * @name subscript</span>","<span class=\"c\"> * @grammar editor.execCommand(\"subscript\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20026;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#28155;&#21152;&#39068;&#33394;</span>","<span class=\"c\"> * @name foreColor</span>","<span class=\"c\"> * @grammar editor.execCommand(\"foreColor\",\"#ffffff\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20026;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#28155;&#21152;&#32972;&#26223;&#39068;&#33394;</span>","<span class=\"c\"> * @name backColor</span>","<span class=\"c\"> * @grammar editor.execCommand(\"backColor\",\"#dddddd\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#30340;&#23383;&#20307;</span>","<span class=\"c\"> * @name fontFamily</span>","<span class=\"c\"> * @grammar editor.execCommand(\"fontFamily\",\"&#24494;&#36719;&#38597;&#40657;,Microsoft YaHei\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#30340;&#23383;&#21495;</span>","<span class=\"c\"> * @name fontSize</span>","<span class=\"c\"> * @grammar editor.execCommand(\"fontSize\",\"32px\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#24403;&#21069;&#36873;&#21306;&#30340;&#27573;&#33853;&#26684;&#24335;,&#22914;p,h1,h2,h3,...</span>","<span class=\"c\"> * @name paragraph</span>","<span class=\"c\"> * @grammar editor.execCommand(\"paragraph\",\"h1\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23558;&#24403;&#21069;&#36873;&#21306;&#21464;&#25442;&#25104;&#26377;&#24207;&#25110;&#32773;&#26080;&#24207;&#21015;&#34920;</span>","<span class=\"c\"> * @name insert(Un)OrderedList</span>","<span class=\"c\"> * @grammar editor.execCommand(\"insertOrderedList\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#24403;&#21069;&#36873;&#21306;&#30340;&#34892;&#38388;&#36317;</span>","<span class=\"c\"> * @name lineHeight</span>","<span class=\"c\"> * @grammar editor.execCommand(\"lineHeight\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#24403;&#21069;&#36873;&#21306;&#20013;&#30340;&#23383;&#20307;&#23545;&#40784;&#26041;&#24335;</span>","<span class=\"c\"> * @name justify</span>","<span class=\"c\"> * @grammar editor.execCommand(\"justify\",align);  //align&#21487;&#20026;Left&#65292;Right&#65292;Center&#65292;Justify</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23558;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#20013;&#30340;&#23383;&#27597;&#36716;&#25442;&#25104;&#22823;&#20889;</span>","<span class=\"c\"> * @name toUppercase</span>","<span class=\"c\"> * @grammar editor.execCommand(\"toUppercase\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23558;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#20013;&#30340;&#23383;&#27597;&#36716;&#25442;&#25104;&#23567;&#20889;</span>","<span class=\"c\"> * @name toLowercase</span>","<span class=\"c\"> * @grammar editor.execCommand(\"toLowercase\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20026;&#24403;&#21069;&#36873;&#21306;&#25152;&#22312;&#30340;&#22359;&#32423;&#20803;&#32032;&#28155;&#21152;&#24341;&#29992;&#26631;&#35760;</span>","<span class=\"c\"> * @name blockquote</span>","<span class=\"c\"> * @grammar editor.execCommand(\"blockquote\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#24403;&#21069;&#36873;&#21306;&#25152;&#22312;&#22359;&#32423;&#20803;&#32032;&#30340;&#25991;&#23383;&#36755;&#20837;&#26041;&#21521;</span>","<span class=\"c\"> * @name directionality</span>","<span class=\"c\"> * @grammar editor.execCommand(\"directionality\",dir);  //dir&#21487;&#20026;LTR,RTL</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#28165;&#38500;&#24403;&#21069;&#36873;&#20013;&#25991;&#23383;&#19978;&#30340;&#25152;&#26377;&#26679;&#24335;&#25110;&#32773;&#25351;&#23450;&#26679;&#24335;</span>","<span class=\"c\"> * @name removeFormat</span>","<span class=\"c\"> * @grammar editor.execCommand(\"removeFormat\")   //&#26681;&#25454;ueditor.config.js&#37324;&#30340;removeFormatTags&#65292;removeFormatAttributes&#20004;&#20010;&#23646;&#24615;&#20316;&#20026;&#35268;&#21017;</span>","<span class=\"c\"> * @grammar editor.execCommand(\"removeFormat\",tags,style);   //&#28165;&#38500;&#25351;&#23450;tags&#19978;&#30340;&#25351;&#23450;style</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.execCommand(\"removeFormat\",'span,a','color,background-color')</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20999;&#25442;&#32431;&#25991;&#26412;&#31896;&#36148;&#27169;&#24335;</span>","<span class=\"c\"> * @name pastePlain</span>","<span class=\"c\"> * @grammar ue.execCommand(\"pastePlain\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#24320;&#21551;&#26684;&#24335;&#21047;&#21151;&#33021;</span>","<span class=\"c\"> * @name formatMatch</span>","<span class=\"c\"> * @grammar editor.execCommand(\"formatMatch\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#28165;&#31354;&#25991;&#26723;</span>","<span class=\"c\"> * @name clearDoc</span>","<span class=\"c\"> * @grammar editor.execCommand(\"clearDoc\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21024;&#38500;&#24403;&#21069;&#36873;&#20013;&#25991;&#26412;</span>","<span class=\"c\"> * @name delete</span>","<span class=\"c\"> * @grammar editor.execCommand(\"delete\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20840;&#37096;&#36873;&#25321;</span>","<span class=\"c\"> * @name selectAll</span>","<span class=\"c\"> * @grammar editor.execCommand(\"selectAll\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25764;&#38144;&#25805;&#20316;</span>","<span class=\"c\"> * @name undo</span>","<span class=\"c\"> * @grammar editor.execCommand(\"undo\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#24674;&#22797;&#25805;&#20316;</span>","<span class=\"c\"> * @name redo</span>","<span class=\"c\"> * @grammar editor.execCommand(\"redo\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23545;&#25972;&#20010;&#32534;&#36753;&#25991;&#26723;&#36827;&#34892;&#33258;&#21160;&#25490;&#29256;</span>","<span class=\"c\"> * @name autoTypeset</span>","<span class=\"c\"> * @grammar editor.execCommand(\"autoTypeset\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22312;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#25554;&#20837;&#19968;&#27573;html&#20195;&#30721;&#65292;&#26368;&#22522;&#26412;&#21151;&#33021;&#12290;&#22823;&#37096;&#20998;&#20854;&#20182;&#25554;&#20837;&#21629;&#20196;&#37117;&#20250;&#35843;&#29992;&#27492;&#21629;&#20196;&#23436;&#25104;&#26368;&#21518;&#30340;&#25554;&#20837;</span>","<span class=\"c\"> * @name insertHtml</span>","<span class=\"c\"> * @grammar editor.execCommand(\"insertHtml\",\"&#27426;&#36814;&#20351;&#29992;UEditor&#65281;\")</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22312;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#25554;&#20837;&#19968;&#20010;&#36229;&#38142;&#25509;</span>","<span class=\"c\"> * @name link</span>","<span class=\"c\"> * @grammar editor.execCommand(\"link\",linkObj);</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.execCommand(\"link\",{</span>","<span class=\"c\"> *     href: \"http://ueditor.baidu.com\",         //&#36229;&#38142;&#22320;&#22336;&#65292;&#24517;&#36873;</span>","<span class=\"c\"> *     _src: \"http://ueditor.baidu.com\",  //UE&#20869;&#37096;&#20351;&#29992;&#21442;&#25968;&#65292;&#19982;href&#20445;&#25345;&#19968;&#33268;&#21363;&#21487;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     target: \"_self\",                          //&#30446;&#26631;&#31383;&#21475;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     textValue: \"UEditor\",                     //&#38142;&#25509;&#26174;&#31034;&#25991;&#26412;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     title: \"&#30334;&#24230;&#24320;&#28304;&#23500;&#25991;&#26412;&#32534;&#36753;&#22120;UEditor&#23448;&#32593;\"     //&#26631;&#39064;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22312;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#25554;&#20837;&#19968;&#20010;&#22270;&#29255;</span>","<span class=\"c\"> * @name insertImage</span>","<span class=\"c\"> * @grammar editor.execCommand(\"insertImage\",imageObj);</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.execCommand(\"insertImage\",{</span>","<span class=\"c\"> *     src: \"http://ueditor.baidu.com/logo.jpg\",          //&#22270;&#29255;&#38142;&#25509;&#22320;&#22336;,&#24517;&#36873;</span>","<span class=\"c\"> *     _src: \"http://ueditor.baidu.com/logo.jpg\",  //UE&#20869;&#37096;&#20351;&#29992;&#21442;&#25968;&#65292;&#19982;src&#20445;&#25345;&#19968;&#33268;&#21363;&#21487;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     width: 300,                                        //&#22270;&#29255;&#26174;&#31034;&#23485;&#24230;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     height: 400,                                       //&#22270;&#29255;&#26174;&#31034;&#39640;&#24230;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     border: 2,                                         //&#22270;&#29255;&#36793;&#26694;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     hspace: 5,                                         //&#22270;&#29255;&#24038;&#21491;&#36793;&#36317;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     vspace: 2,                                         //&#22270;&#29255;&#19978;&#19979;&#36793;&#36317;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     alt: 'UEditor-logo',                               //&#22270;&#29255;&#26367;&#25442;&#25991;&#23383;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     title: \"&#30334;&#24230;&#24320;&#28304;&#23500;&#25991;&#26412;&#32534;&#36753;&#22120;UEditor&#23448;&#32593;\"             //&#22270;&#29255;&#26631;&#39064;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22312;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#25554;&#20837;&#19968;&#20010;&#35270;&#39057;</span>","<span class=\"c\"> * @name insertVideo</span>","<span class=\"c\"> * @grammar editor.execCommand(\"insertVideo\",videoObj);</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.execCommand(\"insertVideo\",{</span>","<span class=\"c\"> *     url: \"http://youku.com/id?id=1233122\",   //&#35270;&#39057;&#22320;&#22336;&#65292;&#24517;&#36873;</span>","<span class=\"c\"> *     width: 420,                              //&#35270;&#39057;&#23485;&#24230;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     height: 280,                             //&#35270;&#39057;&#39640;&#24230;&#65292;&#21487;&#36873;</span>","<span class=\"c\"> *     align: \"none\"                            //&#23545;&#40784;&#26041;&#24335;&#65292;&#25903;&#25345;right&#65292;left&#65292;center&#65292;none &#65292;&#21487;&#36873;</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22312;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#25554;&#20837;&#19968;&#20010;&#26085;&#26399;&#25110;&#32773;&#26102;&#38388;</span>","<span class=\"c\"> * @name date|time</span>","<span class=\"c\"> * @grammar editor.execCommand(\"date\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22312;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#25554;&#20837;&#19968;&#20010;&#20998;&#39029;&#31526;&#26631;&#35760;</span>","<span class=\"c\"> * @name pageBreak</span>","<span class=\"c\"> * @grammar editor.execCommand(\"pageBreak\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20999;&#25442;&#28304;&#30721;&#32534;&#36753;&#27169;&#24335;&#21644;&#23500;&#25991;&#26412;&#32534;&#36753;&#27169;&#24335;</span>","<span class=\"c\"> * @name source</span>","<span class=\"c\"> * @grammar editor.execCommand(\"source\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * IE&#19979;&#36827;&#20837;&#25130;&#23631;&#27169;&#24335;</span>","<span class=\"c\"> * @name snapScreen</span>","<span class=\"c\"> * @grammar editor.execCommand(\"snapScreen\");</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#34920;&#26684;</span>","<span class=\"c\"> * @name insertTable</span>","<span class=\"c\"> * @grammar editor.execCommand(\"insertTable\",rows,cols);</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26597;&#25214;&#26367;&#25442;</span>","<span class=\"c\"> * @name searchreplace</span>","<span class=\"c\"> * @grammar editor.execCommand(\"searchreplace\",opt);</span>","<span class=\"c\"> * @desc</span>","<span class=\"c\"> * opt&#26159;&#20010;json&#23545;&#35937;,&#23646;&#24615;&#22914;&#19979;</span>","<span class=\"c\"> * * ''all'' true&#34920;&#31034;&#26597;&#25214;&#25972;&#20010;&#25991;&#26723;&#65292;false&#34920;&#31034;&#20174;&#19978;&#27425;&#30340;&#20301;&#32622;&#24320;&#22987;&#26597;&#25214;,&#40664;&#35748;&#26159;false</span>","<span class=\"c\"> * * ''casesensitive'' &#22823;&#23567;&#20889;&#38125;&#24863;&#65292;true&#26159;&#38125;&#24863;,&#40664;&#35748;&#26159;false</span>","<span class=\"c\"> * * ''dir'' 1&#34920;&#31034;&#20174;&#21069;&#24448;&#21518;&#26597;&#65292;&#65293;1&#34920;&#31034;&#20174;&#21518;&#24448;&#21069;</span>","<span class=\"c\"> * * ''searchStr'' &#26597;&#25214;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * * ''replaceStr'' &#26367;&#25442;&#29992;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> */</span>","","","","","","","","",""];
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/Editor.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/Editor.js
new file mode 100644
index 000000000..524c2e45b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/Editor.js
@@ -0,0 +1,1492 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/Editor.js']) {
+  _$jscoverage['core/Editor.js'] = [];
+  _$jscoverage['core/Editor.js'][22] = 0;
+  _$jscoverage['core/Editor.js'][23] = 0;
+  _$jscoverage['core/Editor.js'][32] = 0;
+  _$jscoverage['core/Editor.js'][33] = 0;
+  _$jscoverage['core/Editor.js'][34] = 0;
+  _$jscoverage['core/Editor.js'][35] = 0;
+  _$jscoverage['core/Editor.js'][36] = 0;
+  _$jscoverage['core/Editor.js'][37] = 0;
+  _$jscoverage['core/Editor.js'][38] = 0;
+  _$jscoverage['core/Editor.js'][39] = 0;
+  _$jscoverage['core/Editor.js'][43] = 0;
+  _$jscoverage['core/Editor.js'][46] = 0;
+  _$jscoverage['core/Editor.js'][47] = 0;
+  _$jscoverage['core/Editor.js'][53] = 0;
+  _$jscoverage['core/Editor.js'][55] = 0;
+  _$jscoverage['core/Editor.js'][66] = 0;
+  _$jscoverage['core/Editor.js'][68] = 0;
+  _$jscoverage['core/Editor.js'][69] = 0;
+  _$jscoverage['core/Editor.js'][71] = 0;
+  _$jscoverage['core/Editor.js'][73] = 0;
+  _$jscoverage['core/Editor.js'][82] = 0;
+  _$jscoverage['core/Editor.js'][83] = 0;
+  _$jscoverage['core/Editor.js'][84] = 0;
+  _$jscoverage['core/Editor.js'][135] = 0;
+  _$jscoverage['core/Editor.js'][136] = 0;
+  _$jscoverage['core/Editor.js'][137] = 0;
+  _$jscoverage['core/Editor.js'][138] = 0;
+  _$jscoverage['core/Editor.js'][139] = 0;
+  _$jscoverage['core/Editor.js'][140] = 0;
+  _$jscoverage['core/Editor.js'][141] = 0;
+  _$jscoverage['core/Editor.js'][142] = 0;
+  _$jscoverage['core/Editor.js'][143] = 0;
+  _$jscoverage['core/Editor.js'][145] = 0;
+  _$jscoverage['core/Editor.js'][171] = 0;
+  _$jscoverage['core/Editor.js'][173] = 0;
+  _$jscoverage['core/Editor.js'][174] = 0;
+  _$jscoverage['core/Editor.js'][176] = 0;
+  _$jscoverage['core/Editor.js'][182] = 0;
+  _$jscoverage['core/Editor.js'][186] = 0;
+  _$jscoverage['core/Editor.js'][188] = 0;
+  _$jscoverage['core/Editor.js'][205] = 0;
+  _$jscoverage['core/Editor.js'][206] = 0;
+  _$jscoverage['core/Editor.js'][207] = 0;
+  _$jscoverage['core/Editor.js'][238] = 0;
+  _$jscoverage['core/Editor.js'][239] = 0;
+  _$jscoverage['core/Editor.js'][240] = 0;
+  _$jscoverage['core/Editor.js'][242] = 0;
+  _$jscoverage['core/Editor.js'][244] = 0;
+  _$jscoverage['core/Editor.js'][258] = 0;
+  _$jscoverage['core/Editor.js'][259] = 0;
+  _$jscoverage['core/Editor.js'][260] = 0;
+  _$jscoverage['core/Editor.js'][261] = 0;
+  _$jscoverage['core/Editor.js'][262] = 0;
+  _$jscoverage['core/Editor.js'][263] = 0;
+  _$jscoverage['core/Editor.js'][264] = 0;
+  _$jscoverage['core/Editor.js'][266] = 0;
+  _$jscoverage['core/Editor.js'][269] = 0;
+  _$jscoverage['core/Editor.js'][270] = 0;
+  _$jscoverage['core/Editor.js'][271] = 0;
+  _$jscoverage['core/Editor.js'][272] = 0;
+  _$jscoverage['core/Editor.js'][273] = 0;
+  _$jscoverage['core/Editor.js'][274] = 0;
+  _$jscoverage['core/Editor.js'][275] = 0;
+  _$jscoverage['core/Editor.js'][277] = 0;
+  _$jscoverage['core/Editor.js'][278] = 0;
+  _$jscoverage['core/Editor.js'][279] = 0;
+  _$jscoverage['core/Editor.js'][282] = 0;
+  _$jscoverage['core/Editor.js'][299] = 0;
+  _$jscoverage['core/Editor.js'][302] = 0;
+  _$jscoverage['core/Editor.js'][304] = 0;
+  _$jscoverage['core/Editor.js'][305] = 0;
+  _$jscoverage['core/Editor.js'][307] = 0;
+  _$jscoverage['core/Editor.js'][308] = 0;
+  _$jscoverage['core/Editor.js'][309] = 0;
+  _$jscoverage['core/Editor.js'][311] = 0;
+  _$jscoverage['core/Editor.js'][313] = 0;
+  _$jscoverage['core/Editor.js'][314] = 0;
+  _$jscoverage['core/Editor.js'][316] = 0;
+  _$jscoverage['core/Editor.js'][319] = 0;
+  _$jscoverage['core/Editor.js'][321] = 0;
+  _$jscoverage['core/Editor.js'][324] = 0;
+  _$jscoverage['core/Editor.js'][326] = 0;
+  _$jscoverage['core/Editor.js'][342] = 0;
+  _$jscoverage['core/Editor.js'][350] = 0;
+  _$jscoverage['core/Editor.js'][352] = 0;
+  _$jscoverage['core/Editor.js'][353] = 0;
+  _$jscoverage['core/Editor.js'][354] = 0;
+  _$jscoverage['core/Editor.js'][355] = 0;
+  _$jscoverage['core/Editor.js'][357] = 0;
+  _$jscoverage['core/Editor.js'][358] = 0;
+  _$jscoverage['core/Editor.js'][359] = 0;
+  _$jscoverage['core/Editor.js'][373] = 0;
+  _$jscoverage['core/Editor.js'][375] = 0;
+  _$jscoverage['core/Editor.js'][376] = 0;
+  _$jscoverage['core/Editor.js'][377] = 0;
+  _$jscoverage['core/Editor.js'][378] = 0;
+  _$jscoverage['core/Editor.js'][380] = 0;
+  _$jscoverage['core/Editor.js'][382] = 0;
+  _$jscoverage['core/Editor.js'][383] = 0;
+  _$jscoverage['core/Editor.js'][384] = 0;
+  _$jscoverage['core/Editor.js'][385] = 0;
+  _$jscoverage['core/Editor.js'][386] = 0;
+  _$jscoverage['core/Editor.js'][388] = 0;
+  _$jscoverage['core/Editor.js'][390] = 0;
+  _$jscoverage['core/Editor.js'][391] = 0;
+  _$jscoverage['core/Editor.js'][392] = 0;
+  _$jscoverage['core/Editor.js'][394] = 0;
+  _$jscoverage['core/Editor.js'][396] = 0;
+  _$jscoverage['core/Editor.js'][397] = 0;
+  _$jscoverage['core/Editor.js'][398] = 0;
+  _$jscoverage['core/Editor.js'][399] = 0;
+  _$jscoverage['core/Editor.js'][400] = 0;
+  _$jscoverage['core/Editor.js'][401] = 0;
+  _$jscoverage['core/Editor.js'][404] = 0;
+  _$jscoverage['core/Editor.js'][405] = 0;
+  _$jscoverage['core/Editor.js'][408] = 0;
+  _$jscoverage['core/Editor.js'][411] = 0;
+  _$jscoverage['core/Editor.js'][412] = 0;
+  _$jscoverage['core/Editor.js'][413] = 0;
+  _$jscoverage['core/Editor.js'][414] = 0;
+  _$jscoverage['core/Editor.js'][415] = 0;
+  _$jscoverage['core/Editor.js'][416] = 0;
+  _$jscoverage['core/Editor.js'][418] = 0;
+  _$jscoverage['core/Editor.js'][420] = 0;
+  _$jscoverage['core/Editor.js'][425] = 0;
+  _$jscoverage['core/Editor.js'][426] = 0;
+  _$jscoverage['core/Editor.js'][429] = 0;
+  _$jscoverage['core/Editor.js'][430] = 0;
+  _$jscoverage['core/Editor.js'][431] = 0;
+  _$jscoverage['core/Editor.js'][433] = 0;
+  _$jscoverage['core/Editor.js'][436] = 0;
+  _$jscoverage['core/Editor.js'][437] = 0;
+  _$jscoverage['core/Editor.js'][439] = 0;
+  _$jscoverage['core/Editor.js'][440] = 0;
+  _$jscoverage['core/Editor.js'][443] = 0;
+  _$jscoverage['core/Editor.js'][444] = 0;
+  _$jscoverage['core/Editor.js'][447] = 0;
+  _$jscoverage['core/Editor.js'][448] = 0;
+  _$jscoverage['core/Editor.js'][451] = 0;
+  _$jscoverage['core/Editor.js'][452] = 0;
+  _$jscoverage['core/Editor.js'][458] = 0;
+  _$jscoverage['core/Editor.js'][459] = 0;
+  _$jscoverage['core/Editor.js'][460] = 0;
+  _$jscoverage['core/Editor.js'][461] = 0;
+  _$jscoverage['core/Editor.js'][462] = 0;
+  _$jscoverage['core/Editor.js'][463] = 0;
+  _$jscoverage['core/Editor.js'][465] = 0;
+  _$jscoverage['core/Editor.js'][466] = 0;
+  _$jscoverage['core/Editor.js'][467] = 0;
+  _$jscoverage['core/Editor.js'][468] = 0;
+  _$jscoverage['core/Editor.js'][469] = 0;
+  _$jscoverage['core/Editor.js'][471] = 0;
+  _$jscoverage['core/Editor.js'][475] = 0;
+  _$jscoverage['core/Editor.js'][476] = 0;
+  _$jscoverage['core/Editor.js'][483] = 0;
+  _$jscoverage['core/Editor.js'][485] = 0;
+  _$jscoverage['core/Editor.js'][486] = 0;
+  _$jscoverage['core/Editor.js'][487] = 0;
+  _$jscoverage['core/Editor.js'][489] = 0;
+  _$jscoverage['core/Editor.js'][490] = 0;
+  _$jscoverage['core/Editor.js'][493] = 0;
+  _$jscoverage['core/Editor.js'][494] = 0;
+  _$jscoverage['core/Editor.js'][515] = 0;
+  _$jscoverage['core/Editor.js'][518] = 0;
+  _$jscoverage['core/Editor.js'][520] = 0;
+  _$jscoverage['core/Editor.js'][533] = 0;
+  _$jscoverage['core/Editor.js'][534] = 0;
+  _$jscoverage['core/Editor.js'][536] = 0;
+  _$jscoverage['core/Editor.js'][538] = 0;
+  _$jscoverage['core/Editor.js'][564] = 0;
+  _$jscoverage['core/Editor.js'][565] = 0;
+  _$jscoverage['core/Editor.js'][566] = 0;
+  _$jscoverage['core/Editor.js'][568] = 0;
+  _$jscoverage['core/Editor.js'][570] = 0;
+  _$jscoverage['core/Editor.js'][579] = 0;
+  _$jscoverage['core/Editor.js'][580] = 0;
+  _$jscoverage['core/Editor.js'][581] = 0;
+  _$jscoverage['core/Editor.js'][582] = 0;
+  _$jscoverage['core/Editor.js'][583] = 0;
+  _$jscoverage['core/Editor.js'][584] = 0;
+  _$jscoverage['core/Editor.js'][585] = 0;
+  _$jscoverage['core/Editor.js'][586] = 0;
+  _$jscoverage['core/Editor.js'][587] = 0;
+  _$jscoverage['core/Editor.js'][588] = 0;
+  _$jscoverage['core/Editor.js'][594] = 0;
+  _$jscoverage['core/Editor.js'][595] = 0;
+  _$jscoverage['core/Editor.js'][596] = 0;
+  _$jscoverage['core/Editor.js'][635] = 0;
+  _$jscoverage['core/Editor.js'][636] = 0;
+  _$jscoverage['core/Editor.js'][637] = 0;
+  _$jscoverage['core/Editor.js'][638] = 0;
+  _$jscoverage['core/Editor.js'][640] = 0;
+  _$jscoverage['core/Editor.js'][641] = 0;
+  _$jscoverage['core/Editor.js'][643] = 0;
+  _$jscoverage['core/Editor.js'][644] = 0;
+  _$jscoverage['core/Editor.js'][645] = 0;
+  _$jscoverage['core/Editor.js'][646] = 0;
+  _$jscoverage['core/Editor.js'][647] = 0;
+  _$jscoverage['core/Editor.js'][660] = 0;
+  _$jscoverage['core/Editor.js'][663] = 0;
+  _$jscoverage['core/Editor.js'][664] = 0;
+  _$jscoverage['core/Editor.js'][665] = 0;
+  _$jscoverage['core/Editor.js'][666] = 0;
+  _$jscoverage['core/Editor.js'][667] = 0;
+  _$jscoverage['core/Editor.js'][669] = 0;
+  _$jscoverage['core/Editor.js'][670] = 0;
+  _$jscoverage['core/Editor.js'][674] = 0;
+  _$jscoverage['core/Editor.js'][689] = 0;
+  _$jscoverage['core/Editor.js'][691] = 0;
+  _$jscoverage['core/Editor.js'][695] = 0;
+  _$jscoverage['core/Editor.js'][698] = 0;
+  _$jscoverage['core/Editor.js'][711] = 0;
+  _$jscoverage['core/Editor.js'][713] = 0;
+  _$jscoverage['core/Editor.js'][755] = 0;
+  _$jscoverage['core/Editor.js'][757] = 0;
+  _$jscoverage['core/Editor.js'][758] = 0;
+  _$jscoverage['core/Editor.js'][759] = 0;
+  _$jscoverage['core/Editor.js'][760] = 0;
+  _$jscoverage['core/Editor.js'][763] = 0;
+  _$jscoverage['core/Editor.js'][766] = 0;
+  _$jscoverage['core/Editor.js'][767] = 0;
+  _$jscoverage['core/Editor.js'][771] = 0;
+  _$jscoverage['core/Editor.js'][773] = 0;
+  _$jscoverage['core/Editor.js'][774] = 0;
+  _$jscoverage['core/Editor.js'][779] = 0;
+  _$jscoverage['core/Editor.js'][782] = 0;
+  _$jscoverage['core/Editor.js'][783] = 0;
+  _$jscoverage['core/Editor.js'][784] = 0;
+  _$jscoverage['core/Editor.js'][785] = 0;
+  _$jscoverage['core/Editor.js'][786] = 0;
+  _$jscoverage['core/Editor.js'][787] = 0;
+  _$jscoverage['core/Editor.js'][789] = 0;
+  _$jscoverage['core/Editor.js'][790] = 0;
+  _$jscoverage['core/Editor.js'][791] = 0;
+  _$jscoverage['core/Editor.js'][792] = 0;
+  _$jscoverage['core/Editor.js'][794] = 0;
+  _$jscoverage['core/Editor.js'][795] = 0;
+  _$jscoverage['core/Editor.js'][798] = 0;
+  _$jscoverage['core/Editor.js'][802] = 0;
+  _$jscoverage['core/Editor.js'][803] = 0;
+  _$jscoverage['core/Editor.js'][805] = 0;
+  _$jscoverage['core/Editor.js'][807] = 0;
+  _$jscoverage['core/Editor.js'][809] = 0;
+  _$jscoverage['core/Editor.js'][810] = 0;
+  _$jscoverage['core/Editor.js'][811] = 0;
+  _$jscoverage['core/Editor.js'][813] = 0;
+  _$jscoverage['core/Editor.js'][814] = 0;
+  _$jscoverage['core/Editor.js'][837] = 0;
+  _$jscoverage['core/Editor.js'][838] = 0;
+  _$jscoverage['core/Editor.js'][840] = 0;
+  _$jscoverage['core/Editor.js'][841] = 0;
+  _$jscoverage['core/Editor.js'][843] = 0;
+  _$jscoverage['core/Editor.js'][845] = 0;
+  _$jscoverage['core/Editor.js'][856] = 0;
+  _$jscoverage['core/Editor.js'][859] = 0;
+  _$jscoverage['core/Editor.js'][860] = 0;
+  _$jscoverage['core/Editor.js'][861] = 0;
+  _$jscoverage['core/Editor.js'][862] = 0;
+  _$jscoverage['core/Editor.js'][864] = 0;
+  _$jscoverage['core/Editor.js'][865] = 0;
+  _$jscoverage['core/Editor.js'][867] = 0;
+  _$jscoverage['core/Editor.js'][868] = 0;
+  _$jscoverage['core/Editor.js'][921] = 0;
+  _$jscoverage['core/Editor.js'][929] = 0;
+  _$jscoverage['core/Editor.js'][936] = 0;
+  _$jscoverage['core/Editor.js'][937] = 0;
+  _$jscoverage['core/Editor.js'][938] = 0;
+  _$jscoverage['core/Editor.js'][939] = 0;
+  _$jscoverage['core/Editor.js'][940] = 0;
+  _$jscoverage['core/Editor.js'][941] = 0;
+  _$jscoverage['core/Editor.js'][942] = 0;
+  _$jscoverage['core/Editor.js'][943] = 0;
+  _$jscoverage['core/Editor.js'][946] = 0;
+  _$jscoverage['core/Editor.js'][947] = 0;
+  _$jscoverage['core/Editor.js'][948] = 0;
+  _$jscoverage['core/Editor.js'][949] = 0;
+  _$jscoverage['core/Editor.js'][953] = 0;
+  _$jscoverage['core/Editor.js'][954] = 0;
+  _$jscoverage['core/Editor.js'][955] = 0;
+  _$jscoverage['core/Editor.js'][956] = 0;
+  _$jscoverage['core/Editor.js'][957] = 0;
+  _$jscoverage['core/Editor.js'][959] = 0;
+  _$jscoverage['core/Editor.js'][962] = 0;
+  _$jscoverage['core/Editor.js'][963] = 0;
+  _$jscoverage['core/Editor.js'][964] = 0;
+  _$jscoverage['core/Editor.js'][965] = 0;
+  _$jscoverage['core/Editor.js'][966] = 0;
+  _$jscoverage['core/Editor.js'][969] = 0;
+  _$jscoverage['core/Editor.js'][970] = 0;
+  _$jscoverage['core/Editor.js'][971] = 0;
+  _$jscoverage['core/Editor.js'][973] = 0;
+  _$jscoverage['core/Editor.js'][974] = 0;
+  _$jscoverage['core/Editor.js'][976] = 0;
+  _$jscoverage['core/Editor.js'][977] = 0;
+  _$jscoverage['core/Editor.js'][978] = 0;
+  _$jscoverage['core/Editor.js'][992] = 0;
+  _$jscoverage['core/Editor.js'][994] = 0;
+  _$jscoverage['core/Editor.js'][995] = 0;
+  _$jscoverage['core/Editor.js'][997] = 0;
+  _$jscoverage['core/Editor.js'][998] = 0;
+  _$jscoverage['core/Editor.js'][999] = 0;
+  _$jscoverage['core/Editor.js'][1000] = 0;
+  _$jscoverage['core/Editor.js'][1014] = 0;
+  _$jscoverage['core/Editor.js'][1015] = 0;
+  _$jscoverage['core/Editor.js'][1018] = 0;
+  _$jscoverage['core/Editor.js'][1019] = 0;
+  _$jscoverage['core/Editor.js'][1021] = 0;
+  _$jscoverage['core/Editor.js'][1022] = 0;
+  _$jscoverage['core/Editor.js'][1023] = 0;
+  _$jscoverage['core/Editor.js'][1024] = 0;
+  _$jscoverage['core/Editor.js'][1025] = 0;
+  _$jscoverage['core/Editor.js'][1026] = 0;
+  _$jscoverage['core/Editor.js'][1027] = 0;
+  _$jscoverage['core/Editor.js'][1029] = 0;
+  _$jscoverage['core/Editor.js'][1031] = 0;
+  _$jscoverage['core/Editor.js'][1032] = 0;
+  _$jscoverage['core/Editor.js'][1034] = 0;
+  _$jscoverage['core/Editor.js'][1035] = 0;
+  _$jscoverage['core/Editor.js'][1051] = 0;
+  _$jscoverage['core/Editor.js'][1062] = 0;
+  _$jscoverage['core/Editor.js'][1088] = 0;
+  _$jscoverage['core/Editor.js'][1089] = 0;
+  _$jscoverage['core/Editor.js'][1090] = 0;
+  _$jscoverage['core/Editor.js'][1091] = 0;
+  _$jscoverage['core/Editor.js'][1095] = 0;
+  _$jscoverage['core/Editor.js'][1096] = 0;
+  _$jscoverage['core/Editor.js'][1099] = 0;
+  _$jscoverage['core/Editor.js'][1100] = 0;
+  _$jscoverage['core/Editor.js'][1101] = 0;
+  _$jscoverage['core/Editor.js'][1102] = 0;
+  _$jscoverage['core/Editor.js'][1103] = 0;
+  _$jscoverage['core/Editor.js'][1104] = 0;
+  _$jscoverage['core/Editor.js'][1108] = 0;
+  _$jscoverage['core/Editor.js'][1121] = 0;
+  _$jscoverage['core/Editor.js'][1133] = 0;
+  _$jscoverage['core/Editor.js'][1134] = 0;
+  _$jscoverage['core/Editor.js'][1135] = 0;
+  _$jscoverage['core/Editor.js'][1136] = 0;
+  _$jscoverage['core/Editor.js'][1138] = 0;
+  _$jscoverage['core/Editor.js'][1139] = 0;
+  _$jscoverage['core/Editor.js'][1140] = 0;
+  _$jscoverage['core/Editor.js'][1142] = 0;
+  _$jscoverage['core/Editor.js'][1144] = 0;
+  _$jscoverage['core/Editor.js'][1145] = 0;
+  _$jscoverage['core/Editor.js'][1146] = 0;
+  _$jscoverage['core/Editor.js'][1147] = 0;
+  _$jscoverage['core/Editor.js'][1149] = 0;
+  _$jscoverage['core/Editor.js'][1164] = 0;
+  _$jscoverage['core/Editor.js'][1191] = 0;
+  _$jscoverage['core/Editor.js'][1192] = 0;
+  _$jscoverage['core/Editor.js'][1193] = 0;
+  _$jscoverage['core/Editor.js'][1194] = 0;
+  _$jscoverage['core/Editor.js'][1195] = 0;
+  _$jscoverage['core/Editor.js'][1197] = 0;
+  _$jscoverage['core/Editor.js'][1198] = 0;
+  _$jscoverage['core/Editor.js'][1199] = 0;
+  _$jscoverage['core/Editor.js'][1200] = 0;
+  _$jscoverage['core/Editor.js'][1201] = 0;
+  _$jscoverage['core/Editor.js'][1203] = 0;
+  _$jscoverage['core/Editor.js'][1205] = 0;
+  _$jscoverage['core/Editor.js'][1236] = 0;
+  _$jscoverage['core/Editor.js'][1246] = 0;
+  _$jscoverage['core/Editor.js'][1247] = 0;
+  _$jscoverage['core/Editor.js'][1248] = 0;
+  _$jscoverage['core/Editor.js'][1249] = 0;
+  _$jscoverage['core/Editor.js'][1250] = 0;
+  _$jscoverage['core/Editor.js'][1251] = 0;
+  _$jscoverage['core/Editor.js'][1252] = 0;
+  _$jscoverage['core/Editor.js'][1253] = 0;
+  _$jscoverage['core/Editor.js'][1258] = 0;
+  _$jscoverage['core/Editor.js'][1259] = 0;
+  _$jscoverage['core/Editor.js'][1260] = 0;
+  _$jscoverage['core/Editor.js'][1262] = 0;
+  _$jscoverage['core/Editor.js'][1272] = 0;
+  _$jscoverage['core/Editor.js'][1273] = 0;
+  _$jscoverage['core/Editor.js'][1275] = 0;
+  _$jscoverage['core/Editor.js'][1276] = 0;
+  _$jscoverage['core/Editor.js'][1277] = 0;
+  _$jscoverage['core/Editor.js'][1279] = 0;
+  _$jscoverage['core/Editor.js'][1282] = 0;
+  _$jscoverage['core/Editor.js'][1283] = 0;
+  _$jscoverage['core/Editor.js'][1285] = 0;
+  _$jscoverage['core/Editor.js'][1299] = 0;
+  _$jscoverage['core/Editor.js'][1308] = 0;
+  _$jscoverage['core/Editor.js'][1309] = 0;
+  _$jscoverage['core/Editor.js'][1310] = 0;
+  _$jscoverage['core/Editor.js'][1312] = 0;
+  _$jscoverage['core/Editor.js'][1325] = 0;
+  _$jscoverage['core/Editor.js'][1339] = 0;
+  _$jscoverage['core/Editor.js'][1340] = 0;
+  _$jscoverage['core/Editor.js'][1341] = 0;
+  _$jscoverage['core/Editor.js'][1343] = 0;
+  _$jscoverage['core/Editor.js'][1344] = 0;
+  _$jscoverage['core/Editor.js'][1345] = 0;
+  _$jscoverage['core/Editor.js'][1346] = 0;
+  _$jscoverage['core/Editor.js'][1348] = 0;
+  _$jscoverage['core/Editor.js'][1385] = 0;
+  _$jscoverage['core/Editor.js'][1386] = 0;
+  _$jscoverage['core/Editor.js'][1387] = 0;
+  _$jscoverage['core/Editor.js'][1388] = 0;
+  _$jscoverage['core/Editor.js'][1389] = 0;
+  _$jscoverage['core/Editor.js'][1390] = 0;
+  _$jscoverage['core/Editor.js'][1393] = 0;
+  _$jscoverage['core/Editor.js'][1410] = 0;
+  _$jscoverage['core/Editor.js'][1424] = 0;
+  _$jscoverage['core/Editor.js'][1425] = 0;
+  _$jscoverage['core/Editor.js'][1443] = 0;
+  _$jscoverage['core/Editor.js'][1457] = 0;
+  _$jscoverage['core/Editor.js'][1458] = 0;
+  _$jscoverage['core/Editor.js'][1462] = 0;
+}
+_$jscoverage['core/Editor.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#32534;&#36753;&#22120;&#20027;&#31867;&#65292;&#21253;&#21547;&#32534;&#36753;&#22120;&#25552;&#20379;&#30340;&#22823;&#37096;&#20998;&#20844;&#29992;&#25509;&#21475;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> * @class Editor</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * UEditor&#20844;&#29992;&#31354;&#38388;&#65292;UEditor&#25152;&#26377;&#30340;&#21151;&#33021;&#37117;&#25346;&#36733;&#22312;&#35813;&#31354;&#38388;&#19979;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * UEditor&#30340;&#26680;&#24515;&#31867;&#65292;&#20026;&#29992;&#25143;&#25552;&#20379;&#19982;&#32534;&#36753;&#22120;&#20132;&#20114;&#30340;&#25509;&#21475;&#12290;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> * @class Editor</span>","<span class=\"c\"> */</span>","","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> uid <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> _selectionChangeTimer<span class=\"k\">;</span>","","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#32534;&#36753;&#22120;&#30340;html&#20869;&#23481;&#65292;&#36171;&#20540;&#21040;&#32534;&#36753;&#22120;&#25152;&#22312;&#34920;&#21333;&#30340;textarea&#25991;&#26412;&#22495;&#37324;&#38754;</span>","<span class=\"c\">     * @private</span>","<span class=\"c\">     * @method setValue</span>","<span class=\"c\">     * @param { UE.Editor } editor &#32534;&#36753;&#22120;&#20107;&#20363;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> setValue<span class=\"k\">(</span>form<span class=\"k\">,</span> editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> textarea<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>textarea<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isString<span class=\"k\">(</span>editor<span class=\"k\">.</span>textarea<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ti<span class=\"k\">,</span> tis <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>form<span class=\"k\">,</span> <span class=\"s\">'textarea'</span><span class=\"k\">);</span> ti <span class=\"k\">=</span> tis<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ti<span class=\"k\">.</span>id <span class=\"k\">==</span> <span class=\"s\">'ueditor_textarea_'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>textarea<span class=\"k\">)</span> <span class=\"k\">{</span>","                        textarea <span class=\"k\">=</span> ti<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                textarea <span class=\"k\">=</span> editor<span class=\"k\">.</span>textarea<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>textarea<span class=\"k\">)</span> <span class=\"k\">{</span>","            form<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>textarea <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>createElement<span class=\"k\">(</span>document<span class=\"k\">,</span> <span class=\"s\">'textarea'</span><span class=\"k\">,</span> <span class=\"k\">{</span>","                <span class=\"s\">'name'</span><span class=\"k\">:</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>textarea<span class=\"k\">,</span>","                <span class=\"s\">'id'</span><span class=\"k\">:</span> <span class=\"s\">'ueditor_textarea_'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>textarea<span class=\"k\">,</span>","                <span class=\"s\">'style'</span><span class=\"k\">:</span> <span class=\"s\">\"display:none\"</span>","            <span class=\"k\">}</span><span class=\"k\">));</span>","            <span class=\"c\">//&#19981;&#35201;&#20135;&#29983;&#22810;&#20010;textarea</span>","            editor<span class=\"k\">.</span>textarea <span class=\"k\">=</span> textarea<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        textarea<span class=\"k\">.</span>value <span class=\"k\">=</span> editor<span class=\"k\">.</span>hasContents<span class=\"k\">()</span> <span class=\"k\">?</span>","            <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>allHtmlEnabled <span class=\"k\">?</span> editor<span class=\"k\">.</span>getAllHtml<span class=\"k\">()</span> <span class=\"k\">:</span> editor<span class=\"k\">.</span>getContent<span class=\"k\">(</span><span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">))</span> <span class=\"k\">:</span>","            <span class=\"s\">''</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21021;&#22987;&#21270;&#25554;&#20214;</span>","<span class=\"c\">     * @private</span>","<span class=\"c\">     * @method loadPlugins</span>","<span class=\"c\">     * @param { UE.Editor } editor &#32534;&#36753;&#22120;&#20107;&#20363;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> loadPlugins<span class=\"k\">(</span>me<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"c\">//&#21021;&#22987;&#21270;&#25554;&#20214;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> pi <span class=\"k\">in</span> UE<span class=\"k\">.</span>plugins<span class=\"k\">)</span> <span class=\"k\">{</span>","            UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span>pi<span class=\"k\">].</span>call<span class=\"k\">(</span>me<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        me<span class=\"k\">.</span>langIsReady <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","","        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"langReady\"</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#35821;&#35328;&#21253;&#37324;&#38754;&#30340;&#31532;&#19968;&#20010;</span>","<span class=\"c\">     * @private</span>","<span class=\"c\">     * @method checkCurLang</span>","<span class=\"c\">     * @param { KeyValueMap } I18N &#32534;&#36753;&#22120;&#20107;&#20363;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> checkCurLang<span class=\"k\">(</span>I18N<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> lang <span class=\"k\">in</span> I18N<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> lang","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#32534;&#36753;&#22120;&#20934;&#22791;&#23601;&#32490;&#21518;&#20250;&#35302;&#21457;&#35813;&#20107;&#20214;</span>","<span class=\"c\">     * @module UE</span>","<span class=\"c\">     * @class Editor</span>","<span class=\"c\">     * @event ready</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.addListener( 'ready', function( editor ) {</span>","<span class=\"c\">     *     editor.execCommand( 'focus' );</span>","<span class=\"c\">     * } );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#27599;&#24403;&#32534;&#36753;&#22120;&#20869;&#37096;&#36873;&#21306;&#21457;&#29983;&#25913;&#21464;&#21518;&#65292; &#23558;&#35302;&#21457;&#35813;&#20107;&#20214;</span>","<span class=\"c\">     * @event selectionchange</span>","<span class=\"c\">     * @warning &#35813;&#20107;&#20214;&#30340;&#35302;&#21457;&#38750;&#24120;&#39057;&#32321;&#65292;&#19981;&#24314;&#35758;&#22312;&#35813;&#20107;&#20214;&#30340;&#22788;&#29702;&#36807;&#31243;&#20013;&#20570;&#37325;&#37327;&#32423;&#30340;&#22788;&#29702;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.addListener( 'selectionchange', function( editor ) {</span>","<span class=\"c\">     *     console.log('&#36873;&#21306;&#21457;&#29983;&#25913;&#21464;');</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#20197;&#40664;&#35748;&#21442;&#25968;&#26500;&#24314;&#19968;&#20010;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * @constructor</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var editor = new UE.Editor();</span>","<span class=\"c\">     * editor.execCommand('blod');</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     * @see UE.Config</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#20197;&#32473;&#23450;&#30340;&#21442;&#25968;&#38598;&#21512;&#21019;&#24314;&#19968;&#20010;&#32534;&#36753;&#22120;&#23545;&#35937;&#65292;&#23545;&#20110;&#26410;&#25351;&#23450;&#30340;&#21442;&#25968;&#65292;&#23558;&#24212;&#29992;&#40664;&#35748;&#21442;&#25968;&#12290;</span>","<span class=\"c\">     * @constructor</span>","<span class=\"c\">     * @param { KeyValueMap } setting &#21019;&#24314;&#32534;&#36753;&#22120;&#30340;&#21442;&#25968;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var editor = new UE.Editor();</span>","<span class=\"c\">     * editor.execCommand('blod');</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     * @see UE.Config</span>","<span class=\"c\">     */</span>","    <span class=\"k\">var</span> Editor <span class=\"k\">=</span> UE<span class=\"k\">.</span>Editor <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        me<span class=\"k\">.</span>uid <span class=\"k\">=</span> uid<span class=\"k\">++;</span>","        EventBase<span class=\"k\">.</span>call<span class=\"k\">(</span>me<span class=\"k\">);</span>","        me<span class=\"k\">.</span>commands <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","        me<span class=\"k\">.</span>options <span class=\"k\">=</span> utils<span class=\"k\">.</span>extend<span class=\"k\">(</span>utils<span class=\"k\">.</span>clone<span class=\"k\">(</span>options <span class=\"k\">||</span> <span class=\"k\">{}</span><span class=\"k\">),</span> UEDITOR_CONFIG<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>shortcutkeys <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","        me<span class=\"k\">.</span>inputRules <span class=\"k\">=</span> <span class=\"k\">[];</span>","        me<span class=\"k\">.</span>outputRules <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"c\">//&#35774;&#32622;&#40664;&#35748;&#30340;&#24120;&#29992;&#23646;&#24615;</span>","        me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","            isShow<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","            initialContent<span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span>","            initialStyle<span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span>","            autoClearinitialContent<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","            iframeCssUrl<span class=\"k\">:</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">+</span> <span class=\"s\">'themes/iframe.css'</span><span class=\"k\">,</span>","            textarea<span class=\"k\">:</span> <span class=\"s\">'editorValue'</span><span class=\"k\">,</span>","            focus<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","            focusInEnd<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","            autoClearEmptyNode<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","            fullscreen<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","            readonly<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","            zIndex<span class=\"k\">:</span> <span class=\"s\">999</span><span class=\"k\">,</span>","            imagePopup<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","            enterTag<span class=\"k\">:</span> <span class=\"s\">'p'</span><span class=\"k\">,</span>","            customDomain<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","            lang<span class=\"k\">:</span> <span class=\"s\">'zh-cn'</span><span class=\"k\">,</span>","            langPath<span class=\"k\">:</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">+</span> <span class=\"s\">'lang/'</span><span class=\"k\">,</span>","            theme<span class=\"k\">:</span> <span class=\"s\">'default'</span><span class=\"k\">,</span>","            themePath<span class=\"k\">:</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">+</span> <span class=\"s\">'themes/'</span><span class=\"k\">,</span>","            allHtmlEnabled<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","            scaleEnabled<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","            tableNativeEditInFF<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","            autoSyncData<span class=\"k\">:</span> <span class=\"k\">true</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"k\">if</span> <span class=\"k\">(!</span>utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>UE<span class=\"k\">.</span>I18N<span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#20462;&#25913;&#40664;&#35748;&#30340;&#35821;&#35328;&#31867;&#22411;</span>","            me<span class=\"k\">.</span>options<span class=\"k\">.</span>lang <span class=\"k\">=</span> checkCurLang<span class=\"k\">(</span>UE<span class=\"k\">.</span>I18N<span class=\"k\">);</span>","            loadPlugins<span class=\"k\">(</span>me<span class=\"k\">)</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            utils<span class=\"k\">.</span>loadFile<span class=\"k\">(</span>document<span class=\"k\">,</span> <span class=\"k\">{</span>","                src<span class=\"k\">:</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>langPath <span class=\"k\">+</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>lang <span class=\"k\">+</span> <span class=\"s\">\"/\"</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>lang <span class=\"k\">+</span> <span class=\"s\">\".js\"</span><span class=\"k\">,</span>","                tag<span class=\"k\">:</span> <span class=\"s\">\"script\"</span><span class=\"k\">,</span>","                type<span class=\"k\">:</span> <span class=\"s\">\"text/javascript\"</span><span class=\"k\">,</span>","                defer<span class=\"k\">:</span> <span class=\"s\">\"defer\"</span>","            <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                loadPlugins<span class=\"k\">(</span>me<span class=\"k\">)</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","","        UE<span class=\"k\">.</span>instants<span class=\"k\">[</span><span class=\"s\">'ueditorInstant'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>uid<span class=\"k\">]</span> <span class=\"k\">=</span> me<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    Editor<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#32534;&#36753;&#22120;&#23545;&#22806;&#25552;&#20379;&#30340;&#30417;&#21548;ready&#20107;&#20214;&#30340;&#25509;&#21475;&#65292; &#36890;&#36807;&#35843;&#29992;&#35813;&#26041;&#27861;&#65292;&#36798;&#21040;&#30340;&#25928;&#26524;&#19982;&#30417;&#21548;ready&#20107;&#20214;&#26159;&#19968;&#33268;&#30340;</span>","<span class=\"c\">         * @method ready</span>","<span class=\"c\">         * @param { Function } fn &#32534;&#36753;&#22120;ready&#20043;&#21518;&#25152;&#25191;&#34892;&#30340;&#22238;&#35843;, &#22914;&#26524;&#22312;&#27880;&#20876;&#20107;&#20214;&#20043;&#21069;&#32534;&#36753;&#22120;&#24050;&#32463;ready&#65292;&#23558;&#20250;</span>","<span class=\"c\">         * &#31435;&#21363;&#35302;&#21457;&#35813;&#22238;&#35843;&#12290;</span>","<span class=\"c\">         * @see UE.Editor.event:ready</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.ready( function( editor ) {</span>","<span class=\"c\">         *     editor.setContent('&#21021;&#22987;&#21270;&#23436;&#27605;');</span>","<span class=\"c\">         * } );</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        ready<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>fn<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>fn<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>isReady <span class=\"k\">?</span> fn<span class=\"k\">.</span>apply<span class=\"k\">(</span>me<span class=\"k\">)</span> <span class=\"k\">:</span> me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'ready'</span><span class=\"k\">,</span> fn<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35813;&#26041;&#27861;&#26159;&#25552;&#20379;&#32473;&#25554;&#20214;&#37324;&#38754;&#20351;&#29992;&#65292;&#20197;key&#65292;value&#30340;&#26041;&#24335;&#35774;&#32622;&#25554;&#20214;&#20869;&#29992;&#21040;&#30340;&#37197;&#32622;&#39033;&#40664;&#35748;&#20540;</span>","<span class=\"c\">         * @method setOpt</span>","<span class=\"c\">         * @warning &#22312;config&#25991;&#20214;&#37324;&#38754;&#26377;&#23450;&#20041;&#21442;&#25968;key&#25110;&#32773;&#29992;&#25143;&#23454;&#20363;&#21270;&#30340;&#26102;&#20505;&#26377;&#20256;&#20837;&#21442;&#25968;key&#65292;&#35813;&#26041;&#27861;&#35774;&#32622;&#30340;key&#21442;&#25968;&#20540;&#26080;&#25928;</span>","<span class=\"c\">         * @warning &#35813;&#26041;&#27861;&#20165;&#20379;&#32534;&#36753;&#22120;&#25554;&#20214;&#20869;&#37096;&#21644;&#32534;&#36753;&#22120;&#21021;&#22987;&#21270;&#26102;&#35843;&#29992;&#65292;&#20854;&#20182;&#22320;&#26041;&#19981;&#33021;&#35843;&#29992;&#12290;</span>","<span class=\"c\">         * @param { String } key &#32534;&#36753;&#22120;&#30340;&#21487;&#25509;&#21463;&#30340;&#36873;&#39033;&#21517;&#31216;</span>","<span class=\"c\">         * @param { * } val  &#35813;&#36873;&#39033;&#21487;&#25509;&#21463;&#30340;&#20540;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.setOpt( 'initContent', '&#27426;&#36814;&#20351;&#29992;&#32534;&#36753;&#22120;' );</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35813;&#26041;&#27861;&#26159;&#25552;&#20379;&#32473;&#25554;&#20214;&#37324;&#38754;&#20351;&#29992;&#65292;&#20197;{key:value}&#38598;&#21512;&#30340;&#26041;&#24335;&#35774;&#32622;&#25554;&#20214;&#20869;&#29992;&#21040;&#30340;&#37197;&#32622;&#39033;&#40664;&#35748;&#20540;</span>","<span class=\"c\">         * @method setOpt</span>","<span class=\"c\">         * @warning &#22312;config&#25991;&#20214;&#37324;&#38754;&#26377;&#23450;&#20041;&#21442;&#25968;key&#25110;&#32773;&#29992;&#25143;&#23454;&#20363;&#21270;&#30340;&#26102;&#20505;&#26377;&#20256;&#20837;&#21442;&#25968;key&#65292;&#35813;&#26041;&#27861;&#35774;&#32622;&#30340;key&#21442;&#25968;&#20540;&#26080;&#25928;</span>","<span class=\"c\">         * @warning &#35813;&#26041;&#27861;&#20165;&#20379;&#32534;&#36753;&#22120;&#25554;&#20214;&#20869;&#37096;&#21644;&#32534;&#36753;&#22120;&#21021;&#22987;&#21270;&#26102;&#35843;&#29992;&#65292;&#20854;&#20182;&#22320;&#26041;&#19981;&#33021;&#35843;&#29992;&#12290;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.setOpt( {</span>","<span class=\"c\">         *     'initContent': '&#27426;&#36814;&#20351;&#29992;&#32534;&#36753;&#22120;'</span>","<span class=\"c\">         * } );</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setOpt<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>key<span class=\"k\">,</span> val<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> obj <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isString<span class=\"k\">(</span>key<span class=\"k\">))</span> <span class=\"k\">{</span>","                obj<span class=\"k\">[</span>key<span class=\"k\">]</span> <span class=\"k\">=</span> val","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                obj <span class=\"k\">=</span> key<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            utils<span class=\"k\">.</span>extend<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">,</span> obj<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#38144;&#27585;&#32534;&#36753;&#22120;&#23454;&#20363;&#23545;&#35937;</span>","<span class=\"c\">         * @method destroy</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.destroy();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        destroy<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'destroy'</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> container <span class=\"k\">=</span> me<span class=\"k\">.</span>container<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">var</span> textarea <span class=\"k\">=</span> me<span class=\"k\">.</span>textarea<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>textarea<span class=\"k\">)</span> <span class=\"k\">{</span>","                textarea <span class=\"k\">=</span> document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'textarea'</span><span class=\"k\">);</span>","                container<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>textarea<span class=\"k\">,</span> container<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                textarea<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">''</span>","            <span class=\"k\">}</span>","","            textarea<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> me<span class=\"k\">.</span>iframe<span class=\"k\">.</span>offsetWidth <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            textarea<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> me<span class=\"k\">.</span>iframe<span class=\"k\">.</span>offsetHeight <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            textarea<span class=\"k\">.</span>value <span class=\"k\">=</span> me<span class=\"k\">.</span>getContent<span class=\"k\">();</span>","            textarea<span class=\"k\">.</span>id <span class=\"k\">=</span> me<span class=\"k\">.</span>key<span class=\"k\">;</span>","            container<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>container<span class=\"k\">);</span>","            <span class=\"k\">var</span> key <span class=\"k\">=</span> me<span class=\"k\">.</span>key<span class=\"k\">;</span>","            <span class=\"c\">//trace:2004</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> me<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>p<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">delete</span> <span class=\"k\">this</span><span class=\"k\">[</span>p<span class=\"k\">];</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            UE<span class=\"k\">.</span>delEditor<span class=\"k\">(</span>key<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#28210;&#26579;&#32534;&#36753;&#22120;&#30340;DOM&#21040;&#25351;&#23450;&#23481;&#22120;</span>","<span class=\"c\">         * @method render</span>","<span class=\"c\">         * @param { String } containerId &#25351;&#23450;&#19968;&#20010;&#23481;&#22120;ID</span>","<span class=\"c\">         * @warning &#24517;&#39035;&#19988;&#21482;&#33021;&#35843;&#29992;&#19968;&#27425;</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#28210;&#26579;&#32534;&#36753;&#22120;&#30340;DOM&#21040;&#25351;&#23450;&#23481;&#22120;</span>","<span class=\"c\">         * @method render</span>","<span class=\"c\">         * @param { Element } containerDom &#30452;&#25509;&#25351;&#23450;&#23481;&#22120;&#23545;&#35937;</span>","<span class=\"c\">         * @warning &#24517;&#39035;&#19988;&#21482;&#33021;&#35843;&#29992;&#19968;&#27425;</span>","<span class=\"c\">         */</span>","        render<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>container<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                options <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">,</span>","                getStyleValue <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>attr<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> parseInt<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>container<span class=\"k\">,</span> attr<span class=\"k\">));</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isString<span class=\"k\">(</span>container<span class=\"k\">))</span> <span class=\"k\">{</span>","                container <span class=\"k\">=</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>container<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>container<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>options<span class=\"k\">.</span>initialFrameWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","                    options<span class=\"k\">.</span>minFrameWidth <span class=\"k\">=</span> options<span class=\"k\">.</span>initialFrameWidth","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    options<span class=\"k\">.</span>minFrameWidth <span class=\"k\">=</span> options<span class=\"k\">.</span>initialFrameWidth <span class=\"k\">=</span> container<span class=\"k\">.</span>offsetWidth<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>options<span class=\"k\">.</span>initialFrameHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","                    options<span class=\"k\">.</span>minFrameHeight <span class=\"k\">=</span> options<span class=\"k\">.</span>initialFrameHeight","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    options<span class=\"k\">.</span>initialFrameHeight <span class=\"k\">=</span> options<span class=\"k\">.</span>minFrameHeight <span class=\"k\">=</span> container<span class=\"k\">.</span>offsetHeight<span class=\"k\">;</span>","                <span class=\"k\">}</span>","","                container<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> <span class=\"s\">/%$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>options<span class=\"k\">.</span>initialFrameWidth<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">'100%'</span> <span class=\"k\">:</span> options<span class=\"k\">.</span>initialFrameWidth <span class=\"k\">-</span>","                    getStyleValue<span class=\"k\">(</span><span class=\"s\">\"padding-left\"</span><span class=\"k\">)</span> <span class=\"k\">-</span> getStyleValue<span class=\"k\">(</span><span class=\"s\">\"padding-right\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                container<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> <span class=\"s\">/%$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>options<span class=\"k\">.</span>initialFrameHeight<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">'100%'</span> <span class=\"k\">:</span> options<span class=\"k\">.</span>initialFrameHeight <span class=\"k\">-</span>","                    getStyleValue<span class=\"k\">(</span><span class=\"s\">\"padding-top\"</span><span class=\"k\">)</span> <span class=\"k\">-</span> getStyleValue<span class=\"k\">(</span><span class=\"s\">\"padding-bottom\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","","                container<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> options<span class=\"k\">.</span>zIndex<span class=\"k\">;</span>","","                <span class=\"k\">var</span> html <span class=\"k\">=</span> <span class=\"k\">(</span> ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;</span> <span class=\"s\">9</span> <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;!DOCTYPE html&gt;'</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"s\">'&lt;html xmlns=</span><span class=\"t\">\\'</span><span class=\"s\">http://www.w3.org/1999/xhtml</span><span class=\"t\">\\'</span><span class=\"s\"> class=</span><span class=\"t\">\\'</span><span class=\"s\">view</span><span class=\"t\">\\'</span><span class=\"s\"> &gt;&lt;head&gt;'</span> <span class=\"k\">+</span>","                    <span class=\"s\">'&lt;style type=</span><span class=\"t\">\\'</span><span class=\"s\">text/css</span><span class=\"t\">\\'</span><span class=\"s\">&gt;'</span> <span class=\"k\">+</span>","                    <span class=\"c\">//&#35774;&#32622;&#22235;&#21608;&#30340;&#30041;&#36793;</span>","                    <span class=\"s\">'.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}</span><span class=\"t\">\\n</span><span class=\"s\">'</span> <span class=\"k\">+</span>","                    <span class=\"c\">//&#35774;&#32622;&#40664;&#35748;&#23383;&#20307;&#21644;&#23383;&#21495;</span>","                    <span class=\"c\">//font-family&#19981;&#33021;&#21602;&#38543;&#20415;&#25913;&#65292;&#22312;safari&#19979;fillchar&#20250;&#26377;&#35299;&#26512;&#38382;&#39064;</span>","                    <span class=\"s\">'body{margin:8px;font-family:sans-serif;font-size:16px;}'</span> <span class=\"k\">+</span>","                    <span class=\"c\">//&#35774;&#32622;&#27573;&#33853;&#38388;&#36317;</span>","                    <span class=\"s\">'p{margin:5px 0;}&lt;/style&gt;'</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span> options<span class=\"k\">.</span>iframeCssUrl <span class=\"k\">?</span> <span class=\"s\">'&lt;link rel=</span><span class=\"t\">\\'</span><span class=\"s\">stylesheet</span><span class=\"t\">\\'</span><span class=\"s\"> type=</span><span class=\"t\">\\'</span><span class=\"s\">text/css</span><span class=\"t\">\\'</span><span class=\"s\"> href=</span><span class=\"t\">\\'</span><span class=\"s\">'</span> <span class=\"k\">+</span> utils<span class=\"k\">.</span>unhtml<span class=\"k\">(</span>options<span class=\"k\">.</span>iframeCssUrl<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'</span><span class=\"t\">\\'</span><span class=\"s\">/&gt;'</span> <span class=\"k\">:</span> <span class=\"s\">''</span> <span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span>options<span class=\"k\">.</span>initialStyle <span class=\"k\">?</span> <span class=\"s\">'&lt;style&gt;'</span> <span class=\"k\">+</span> options<span class=\"k\">.</span>initialStyle <span class=\"k\">+</span> <span class=\"s\">'&lt;/style&gt;'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"s\">'&lt;/head&gt;&lt;body class=</span><span class=\"t\">\\'</span><span class=\"s\">view</span><span class=\"t\">\\'</span><span class=\"s\"> &gt;&lt;/body&gt;'</span> <span class=\"k\">+</span>","                    <span class=\"s\">'&lt;script type=</span><span class=\"t\">\\'</span><span class=\"s\">text/javascript</span><span class=\"t\">\\'</span><span class=\"s\"> '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>ie <span class=\"k\">?</span> <span class=\"s\">'defer=</span><span class=\"t\">\\'</span><span class=\"s\">defer</span><span class=\"t\">\\'</span><span class=\"s\">'</span> <span class=\"k\">:</span> <span class=\"s\">''</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">' id=</span><span class=\"t\">\\'</span><span class=\"s\">_initialScript</span><span class=\"t\">\\'</span><span class=\"s\">&gt;'</span> <span class=\"k\">+</span>","                    <span class=\"s\">'setTimeout(function(){window.parent.UE.instants[</span><span class=\"t\">\\'</span><span class=\"s\">ueditorInstant'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>uid <span class=\"k\">+</span> <span class=\"s\">'</span><span class=\"t\">\\'</span><span class=\"s\">]._setup(document);},0);'</span> <span class=\"k\">+</span>","                    <span class=\"s\">'var _tmpScript = document.getElementById(</span><span class=\"t\">\\'</span><span class=\"s\">_initialScript</span><span class=\"t\">\\'</span><span class=\"s\">);_tmpScript.parentNode.removeChild(_tmpScript);&lt;/script&gt;&lt;/html&gt;'</span><span class=\"k\">;</span>","                container<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>createElement<span class=\"k\">(</span>document<span class=\"k\">,</span> <span class=\"s\">'iframe'</span><span class=\"k\">,</span> <span class=\"k\">{</span>","                    id<span class=\"k\">:</span> <span class=\"s\">'ueditor_'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>uid<span class=\"k\">,</span>","                    width<span class=\"k\">:</span> <span class=\"s\">\"100%\"</span><span class=\"k\">,</span>","                    height<span class=\"k\">:</span> <span class=\"s\">\"100%\"</span><span class=\"k\">,</span>","                    frameborder<span class=\"k\">:</span> <span class=\"s\">\"0\"</span><span class=\"k\">,</span>","                    src<span class=\"k\">:</span> <span class=\"s\">'javascript:void(function(){document.open();'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>options<span class=\"k\">.</span>customDomain <span class=\"k\">&amp;&amp;</span> document<span class=\"k\">.</span>domain <span class=\"k\">!=</span> location<span class=\"k\">.</span>hostname <span class=\"k\">?</span> <span class=\"s\">'document.domain=\"'</span> <span class=\"k\">+</span> document<span class=\"k\">.</span>domain <span class=\"k\">+</span> <span class=\"s\">'\";'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                        <span class=\"s\">'document.write(\"'</span> <span class=\"k\">+</span> html <span class=\"k\">+</span> <span class=\"s\">'\");document.close();}())'</span>","                <span class=\"k\">}</span><span class=\"k\">));</span>","                container<span class=\"k\">.</span>style<span class=\"k\">.</span>overflow <span class=\"k\">=</span> <span class=\"s\">'hidden'</span><span class=\"k\">;</span>","                <span class=\"c\">//&#35299;&#20915;&#22914;&#26524;&#26159;&#32473;&#23450;&#30340;&#30334;&#20998;&#27604;&#65292;&#20250;&#23548;&#33268;&#39640;&#24230;&#31639;&#19981;&#23545;&#30340;&#38382;&#39064;</span>","                setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/%$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>options<span class=\"k\">.</span>initialFrameWidth<span class=\"k\">))</span> <span class=\"k\">{</span>","                        options<span class=\"k\">.</span>minFrameWidth <span class=\"k\">=</span> options<span class=\"k\">.</span>initialFrameWidth <span class=\"k\">=</span> container<span class=\"k\">.</span>offsetWidth<span class=\"k\">;</span>","                        container<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> options<span class=\"k\">.</span>initialFrameWidth <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/%$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>options<span class=\"k\">.</span>initialFrameHeight<span class=\"k\">))</span> <span class=\"k\">{</span>","                        options<span class=\"k\">.</span>minFrameHeight <span class=\"k\">=</span> options<span class=\"k\">.</span>initialFrameHeight <span class=\"k\">=</span> container<span class=\"k\">.</span>offsetHeight<span class=\"k\">;</span>","                        container<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> options<span class=\"k\">.</span>initialFrameHeight <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#32534;&#36753;&#22120;&#21021;&#22987;&#21270;</span>","<span class=\"c\">         * @method _setup</span>","<span class=\"c\">         * @private</span>","<span class=\"c\">         * @param { Element } doc &#32534;&#36753;&#22120;Iframe&#20013;&#30340;&#25991;&#26723;&#23545;&#35937;</span>","<span class=\"c\">         */</span>","        _setup<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>doc<span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                options <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                doc<span class=\"k\">.</span>body<span class=\"k\">.</span>disabled <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                doc<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                doc<span class=\"k\">.</span>body<span class=\"k\">.</span>disabled <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                doc<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            doc<span class=\"k\">.</span>body<span class=\"k\">.</span>spellcheck <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>document <span class=\"k\">=</span> doc<span class=\"k\">;</span>","            me<span class=\"k\">.</span>window <span class=\"k\">=</span> doc<span class=\"k\">.</span>defaultView <span class=\"k\">||</span> doc<span class=\"k\">.</span>parentWindow<span class=\"k\">;</span>","            me<span class=\"k\">.</span>iframe <span class=\"k\">=</span> me<span class=\"k\">.</span>window<span class=\"k\">.</span>frameElement<span class=\"k\">;</span>","            me<span class=\"k\">.</span>body <span class=\"k\">=</span> doc<span class=\"k\">.</span>body<span class=\"k\">;</span>","","            me<span class=\"k\">.</span>selection <span class=\"k\">=</span> <span class=\"k\">new</span> dom<span class=\"k\">.</span>Selection<span class=\"k\">(</span>doc<span class=\"k\">);</span>","            <span class=\"c\">//gecko&#21021;&#22987;&#21270;&#23601;&#33021;&#24471;&#21040;range,&#26080;&#27861;&#21028;&#26029;isFocus&#20102;</span>","            <span class=\"k\">var</span> geckoSel<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>geckoSel <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">()))</span> <span class=\"k\">{</span>","                geckoSel<span class=\"k\">.</span>removeAllRanges<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_initEvents<span class=\"k\">();</span>","            <span class=\"c\">//&#20026;form&#25552;&#20132;&#25552;&#20379;&#19968;&#20010;&#38544;&#34255;&#30340;textarea</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> form <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>iframe<span class=\"k\">.</span>parentNode<span class=\"k\">;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>form<span class=\"k\">);</span> form <span class=\"k\">=</span> form<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>form<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'FORM'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>form <span class=\"k\">=</span> form<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoSyncData<span class=\"k\">)</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>me<span class=\"k\">.</span>window<span class=\"k\">,</span> <span class=\"s\">'blur'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                            setValue<span class=\"k\">(</span>form<span class=\"k\">,</span> me<span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>form<span class=\"k\">,</span> <span class=\"s\">'submit'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                            setValue<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> me<span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>options<span class=\"k\">.</span>initialContent<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>options<span class=\"k\">.</span>autoClearinitialContent<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> oldExecCommand <span class=\"k\">=</span> me<span class=\"k\">.</span>execCommand<span class=\"k\">;</span>","                    me<span class=\"k\">.</span>execCommand <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'firstBeforeExecCommand'</span><span class=\"k\">);</span>","                        <span class=\"k\">return</span> oldExecCommand<span class=\"k\">.</span>apply<span class=\"k\">(</span>me<span class=\"k\">,</span> arguments<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>_setDefaultContent<span class=\"k\">(</span>options<span class=\"k\">.</span>initialContent<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>setContent<span class=\"k\">(</span>options<span class=\"k\">.</span>initialContent<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"c\">//&#32534;&#36753;&#22120;&#19981;&#33021;&#20026;&#31354;&#20869;&#23481;</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">))</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;p&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#22914;&#26524;&#35201;&#27714;focus, &#23601;&#25226;&#20809;&#26631;&#23450;&#20301;&#21040;&#20869;&#23481;&#24320;&#22987;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>options<span class=\"k\">.</span>focus<span class=\"k\">)</span> <span class=\"k\">{</span>","                setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>focus<span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>focusInEnd<span class=\"k\">);</span>","                    <span class=\"c\">//&#22914;&#26524;&#33258;&#21160;&#28165;&#38500;&#24320;&#30528;&#65292;&#23601;&#19981;&#38656;&#35201;&#20570;selectionchange;</span>","                    <span class=\"k\">!</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoClearinitialContent <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>_selectionChange<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>container<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>container <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>iframe<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>options<span class=\"k\">.</span>fullscreen <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>ui<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>ui<span class=\"k\">.</span>setFullScreen<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>document<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'2D-position'</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">}</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>document<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'enableInlineTableEditing'</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">}</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>document<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'enableObjectResizing'</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","<span class=\"c\">//                domUtils.on(me.body,browser.ie ? 'resizestart' : 'resize', function( evt ) {</span>","<span class=\"c\">//                    domUtils.preventDefault(evt)</span>","<span class=\"c\">//                });</span>","            <span class=\"k\">}</span>","            me<span class=\"k\">.</span>_bindshortcutKeys<span class=\"k\">();</span>","            me<span class=\"k\">.</span>isReady <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'ready'</span><span class=\"k\">);</span>","            options<span class=\"k\">.</span>onready <span class=\"k\">&amp;&amp;</span> options<span class=\"k\">.</span>onready<span class=\"k\">.</span>call<span class=\"k\">(</span>me<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>me<span class=\"k\">.</span>window<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'blur'</span><span class=\"k\">,</span> <span class=\"s\">'focus'</span><span class=\"k\">],</span> <span class=\"k\">function</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//chrome&#19979;&#20250;&#20986;&#29616;alt+tab&#20999;&#25442;&#26102;&#65292;&#23548;&#33268;&#36873;&#21306;&#20301;&#32622;&#19981;&#23545;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>e<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'blur'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>_bakRange <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                        <span class=\"k\">try</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>_bakNativeRange <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">().</span>getRangeAt<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">);</span>","                            me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">().</span>removeAllRanges<span class=\"k\">();</span>","                        <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>_bakNativeRange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">try</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>_bakRange <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>_bakRange<span class=\"k\">.</span>select<span class=\"k\">();</span>","                        <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//trace:1518 ff3.6body&#19981;&#22815;&#23515;&#65292;&#20250;&#23548;&#33268;&#28857;&#20987;&#31354;&#30333;&#22788;&#26080;&#27861;&#33719;&#24471;&#28966;&#28857;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;=</span> <span class=\"s\">10902</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#20462;&#22797;ff3.6&#21021;&#22987;&#21270;&#36827;&#26469;&#65292;&#19981;&#33021;&#28857;&#20987;&#33719;&#24471;&#28966;&#28857;</span>","                me<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">100</span><span class=\"k\">);</span>","                setInterval<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> me<span class=\"k\">.</span>iframe<span class=\"k\">.</span>offsetHeight <span class=\"k\">-</span> <span class=\"s\">20</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span>","                <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">100</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","            <span class=\"k\">!</span>options<span class=\"k\">.</span>isShow <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>setHide<span class=\"k\">();</span>","            options<span class=\"k\">.</span>readonly <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>setDisabled<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#20174;&#32534;&#36753;&#22120;&#30340;&#23481;&#22120;&#33410;&#28857;&#21521;&#19978;&#26597;&#25214;form&#20803;&#32032;&#65292;&#33509;&#25214;&#21040;&#65292;&#23601;&#21516;&#27493;&#32534;&#36753;&#20869;&#23481;&#21040;&#25214;&#21040;&#30340;form&#37324;&#65292;&#20026;&#25552;&#20132;&#25968;&#25454;&#20570;&#20934;&#22791;&#65292;&#20027;&#35201;&#29992;&#20110;&#26159;&#25163;&#21160;&#25552;&#20132;&#30340;&#24773;&#20917;</span>","<span class=\"c\">         * &#21518;&#21488;&#21462;&#24471;&#25968;&#25454;&#30340;&#38190;&#20540;&#65292;&#20351;&#29992;&#20320;&#23481;&#22120;&#19978;&#30340;name&#23646;&#24615;&#65292;&#22914;&#26524;&#27809;&#26377;&#23601;&#20351;&#29992;&#21442;&#25968;&#37324;&#30340;textarea&#39033;</span>","<span class=\"c\">         * @method sync</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.sync();</span>","<span class=\"c\">         * form.sumbit(); //form&#21464;&#37327;&#24050;&#32463;&#25351;&#21521;&#20102;form&#20803;&#32032;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26681;&#25454;&#20256;&#20837;&#30340;formId&#65292;&#22312;&#39029;&#38754;&#19978;&#26597;&#25214;&#35201;&#21516;&#27493;&#25968;&#25454;&#30340;&#34920;&#21333;&#65292;&#33509;&#25214;&#21040;&#65292;&#23601;&#21516;&#27493;&#32534;&#36753;&#20869;&#23481;&#21040;&#25214;&#21040;&#30340;form&#37324;&#65292;&#20026;&#25552;&#20132;&#25968;&#25454;&#20570;&#20934;&#22791;&#65292;&#20027;&#35201;&#29992;&#20110;&#26159;&#25163;&#21160;&#25552;&#20132;&#30340;&#24773;&#20917;</span>","<span class=\"c\">         * &#21518;&#21488;&#21462;&#24471;&#25968;&#25454;&#30340;&#38190;&#20540;&#65292;&#20351;&#29992;&#20320;&#23481;&#22120;&#19978;&#30340;name&#23646;&#24615;&#65292;&#22914;&#26524;&#27809;&#26377;&#23601;&#20351;&#29992;&#21442;&#25968;&#37324;&#30340;textarea&#39033;</span>","<span class=\"c\">         * @method sync</span>","<span class=\"c\">         * @param { String } formID &#25351;&#23450;&#19968;&#20010;&#35201;&#21516;&#27493;&#25968;&#25454;&#30340;form&#30340;id,&#32534;&#36753;&#22120;&#30340;&#25968;&#25454;&#20250;&#21516;&#27493;&#21040;&#20320;&#25351;&#23450;form&#19979;</span>","<span class=\"c\">         */</span>","        sync<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>formId<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                form <span class=\"k\">=</span> formId <span class=\"k\">?</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>formId<span class=\"k\">)</span> <span class=\"k\">:</span>","                    domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>me<span class=\"k\">.</span>iframe<span class=\"k\">.</span>parentNode<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'FORM'</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            form <span class=\"k\">&amp;&amp;</span> setValue<span class=\"k\">(</span>form<span class=\"k\">,</span> me<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;&#32534;&#36753;&#22120;&#39640;&#24230;</span>","<span class=\"c\">         * @method setHeight</span>","<span class=\"c\">         * @param { Number } number &#35774;&#32622;&#30340;&#39640;&#24230;&#20540;&#65292;&#32431;&#25968;&#20540;&#65292;&#19981;&#24102;&#21333;&#20301;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.setHeight(number);</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setHeight<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>height<span class=\"k\">,</span> notSetHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>height <span class=\"k\">!==</span> parseInt<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>iframe<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>style<span class=\"k\">.</span>height<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>iframe<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> height <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">!</span>notSetHeight <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>minFrameHeight <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>initialFrameHeight <span class=\"k\">=</span> height<span class=\"k\">);</span>","","            <span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> height <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#36825;&#20010;&#25509;&#21475;&#26159;&#20026;&#25554;&#20214;&#25193;&#23637;&#25552;&#20379;&#30340;&#25509;&#21475;,&#20027;&#35201;&#26159;&#20026;&#26032;&#28155;&#21152;&#30340;&#25554;&#20214;&#65292;&#22914;&#26524;&#38656;&#35201;&#28155;&#21152;&#24555;&#25463;&#38190;&#65292;&#25152;&#25552;&#20379;&#30340;&#25509;&#21475;</span>","<span class=\"c\">         * @method addshortcutkey</span>","<span class=\"c\">         * @param { KeyValueMap } keyset &#21629;&#20196;&#21644;&#24555;&#25463;&#38190;&#30340;&#38190;&#20540;&#23545;&#23545;&#35937;&#65292;&#22810;&#20010;&#25353;&#38062;&#30340;&#24555;&#25463;&#38190;&#29992;&#8220;&#65291;&#8221;&#20998;&#38548;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.addshortcutkey({</span>","<span class=\"c\">         *     \"Bold\" : \"ctrl+66\",//^B</span>","<span class=\"c\">         *     \"Italic\" : \"ctrl+73\", //^I</span>","<span class=\"c\">         * });</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#36825;&#20010;&#25509;&#21475;&#26159;&#20026;&#25554;&#20214;&#25193;&#23637;&#25552;&#20379;&#30340;&#25509;&#21475;,&#20027;&#35201;&#26159;&#20026;&#26032;&#28155;&#21152;&#30340;&#25554;&#20214;&#65292;&#22914;&#26524;&#38656;&#35201;&#28155;&#21152;&#24555;&#25463;&#38190;&#65292;&#25152;&#25552;&#20379;&#30340;&#25509;&#21475;</span>","<span class=\"c\">         * @method addshortcutkey</span>","<span class=\"c\">         * @param { String } cmd &#35302;&#21457;&#24555;&#25463;&#38190;&#26102;&#65292;&#21709;&#24212;&#30340;&#21629;&#20196;</span>","<span class=\"c\">         * @param { String } keys &#24555;&#25463;&#38190;&#30340;&#23383;&#31526;&#20018;&#65292;&#22810;&#20010;&#25353;&#38062;&#29992;&#8220;&#65291;&#8221;&#20998;&#38548;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.addshortcutkey(\"Underline\", \"ctrl+85\"); //^U</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        addshortcutkey<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> keys<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> obj <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>keys<span class=\"k\">)</span> <span class=\"k\">{</span>","                obj<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> keys","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                obj <span class=\"k\">=</span> cmd<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            utils<span class=\"k\">.</span>extend<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>shortcutkeys<span class=\"k\">,</span> obj<span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#23545;&#32534;&#36753;&#22120;&#35774;&#32622;keydown&#20107;&#20214;&#30417;&#21548;&#65292;&#32465;&#23450;&#24555;&#25463;&#38190;&#21644;&#21629;&#20196;&#65292;&#24403;&#24555;&#25463;&#38190;&#32452;&#21512;&#35302;&#21457;&#25104;&#21151;&#65292;&#20250;&#21709;&#24212;&#23545;&#24212;&#30340;&#21629;&#20196;</span>","<span class=\"c\">         * @method _bindshortcutKeys</span>","<span class=\"c\">         * @private</span>","<span class=\"c\">         */</span>","        _bindshortcutKeys<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span> shortcutkeys <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>shortcutkeys<span class=\"k\">;</span>","            me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> e<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> e<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> e<span class=\"k\">.</span>which<span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">in</span> shortcutkeys<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> tmp <span class=\"k\">=</span> shortcutkeys<span class=\"k\">[</span>i<span class=\"k\">].</span>split<span class=\"k\">(</span><span class=\"s\">','</span><span class=\"k\">);</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> t <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ti<span class=\"k\">;</span> ti <span class=\"k\">=</span> tmp<span class=\"k\">[</span>t<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                        ti <span class=\"k\">=</span> ti<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">':'</span><span class=\"k\">);</span>","                        <span class=\"k\">var</span> key <span class=\"k\">=</span> ti<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> param <span class=\"k\">=</span> ti<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">];</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/^(ctrl)(\\+shift)?\\+(\\d+)$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>key<span class=\"k\">.</span>toLowerCase<span class=\"k\">())</span> <span class=\"k\">||</span> <span class=\"s\">/^(\\d+)$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>key<span class=\"k\">))</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">((</span> <span class=\"k\">(</span>RegExp<span class=\"k\">.</span>$1 <span class=\"k\">==</span> <span class=\"s\">'ctrl'</span> <span class=\"k\">?</span> <span class=\"k\">(</span>e<span class=\"k\">.</span>ctrlKey <span class=\"k\">||</span> e<span class=\"k\">.</span>metaKey<span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">)</span>","                                <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>RegExp<span class=\"k\">.</span>$2 <span class=\"k\">!=</span> <span class=\"s\">\"\"</span> <span class=\"k\">?</span> e<span class=\"k\">[</span>RegExp<span class=\"k\">.</span>$2<span class=\"k\">.</span>slice<span class=\"k\">(</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">\"Key\"</span><span class=\"k\">]</span> <span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">)</span>","                                <span class=\"k\">&amp;&amp;</span> keyCode <span class=\"k\">==</span> RegExp<span class=\"k\">.</span>$3","                                <span class=\"k\">)</span> <span class=\"k\">||</span>","                                keyCode <span class=\"k\">==</span> RegExp<span class=\"k\">.</span>$1","                                <span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>i<span class=\"k\">,</span> param<span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span>","                                    me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span>i<span class=\"k\">,</span> param<span class=\"k\">);</span>","                                domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>e<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#32534;&#36753;&#22120;&#30340;&#20869;&#23481;</span>","<span class=\"c\">         * @method getContent</span>","<span class=\"c\">         * @warning &#35813;&#26041;&#27861;&#33719;&#21462;&#21040;&#30340;&#26159;&#32463;&#36807;&#32534;&#36753;&#22120;&#20869;&#32622;&#30340;&#36807;&#28388;&#35268;&#21017;&#36827;&#34892;&#36807;&#28388;&#21518;&#24471;&#21040;&#30340;&#20869;&#23481;</span>","<span class=\"c\">         * @return { String } &#32534;&#36753;&#22120;&#30340;&#20869;&#23481;&#23383;&#31526;&#20018;, &#22914;&#26524;&#32534;&#36753;&#22120;&#30340;&#20869;&#23481;&#20026;&#31354;&#65292;&#25110;&#32773;&#26159;&#31354;&#30340;&#26631;&#31614;&#20869;&#23481;&#65288;&#22914;:&#8221;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&#8220;&#65289;&#65292; &#21017;&#36820;&#22238;&#31354;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * var content = editor.getContent();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#32534;&#36753;&#22120;&#30340;&#20869;&#23481;&#12290; &#21487;&#20197;&#36890;&#36807;&#21442;&#25968;&#23450;&#20041;&#32534;&#36753;&#22120;&#20869;&#32622;&#30340;&#21028;&#31354;&#35268;&#21017;</span>","<span class=\"c\">         * @method getContent</span>","<span class=\"c\">         * @param { Function } fn &#33258;&#23450;&#30340;&#21028;&#31354;&#35268;&#21017;&#65292; &#35201;&#27714;&#35813;&#26041;&#27861;&#36820;&#22238;&#19968;&#20010;boolean&#31867;&#22411;&#30340;&#20540;&#65292;</span>","<span class=\"c\">         *                      &#20195;&#34920;&#24403;&#21069;&#32534;&#36753;&#22120;&#30340;&#20869;&#23481;&#26159;&#21542;&#31354;&#65292;</span>","<span class=\"c\">         *                      &#22914;&#26524;&#36820;&#22238;true&#65292; &#21017;&#35813;&#26041;&#27861;&#23558;&#30452;&#25509;&#36820;&#22238;&#31354;&#23383;&#31526;&#20018;&#65307;&#22914;&#26524;&#36820;&#22238;false&#65292;&#21017;&#32534;&#36753;&#22120;&#23558;&#36820;&#22238;</span>","<span class=\"c\">         *                      &#32463;&#36807;&#20869;&#32622;&#36807;&#28388;&#35268;&#21017;&#22788;&#29702;&#21518;&#30340;&#20869;&#23481;&#12290;</span>","<span class=\"c\">         * @remind &#35813;&#26041;&#27861;&#22312;&#22788;&#29702;&#21253;&#21547;&#26377;&#21021;&#22987;&#21270;&#20869;&#23481;&#30340;&#26102;&#20505;&#33021;&#36215;&#21040;&#24456;&#22909;&#30340;&#20316;&#29992;&#12290;</span>","<span class=\"c\">         * @warning &#35813;&#26041;&#27861;&#33719;&#21462;&#21040;&#30340;&#26159;&#32463;&#36807;&#32534;&#36753;&#22120;&#20869;&#32622;&#30340;&#36807;&#28388;&#35268;&#21017;&#36827;&#34892;&#36807;&#28388;&#21518;&#24471;&#21040;&#30340;&#20869;&#23481;</span>","<span class=\"c\">         * @return { String } &#32534;&#36753;&#22120;&#30340;&#20869;&#23481;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * // editor &#26159;&#19968;&#20010;&#32534;&#36753;&#22120;&#30340;&#23454;&#20363;</span>","<span class=\"c\">         * var content = editor.getContent( function ( editor ) {</span>","<span class=\"c\">         *      return editor.body.innerHTML === '&#27426;&#36814;&#20351;&#29992;UEditor';</span>","<span class=\"c\">         * } );</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getContent<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> fn<span class=\"k\">,</span> notSetCursor<span class=\"k\">,</span> ignoreBlank<span class=\"k\">,</span> formatter<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>cmd <span class=\"k\">&amp;&amp;</span> utils<span class=\"k\">.</span>isFunction<span class=\"k\">(</span>cmd<span class=\"k\">))</span> <span class=\"k\">{</span>","                fn <span class=\"k\">=</span> cmd<span class=\"k\">;</span>","                cmd <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>fn <span class=\"k\">?</span> <span class=\"k\">!</span>fn<span class=\"k\">()</span> <span class=\"k\">:</span> <span class=\"k\">!</span><span class=\"k\">this</span><span class=\"k\">.</span>hasContents<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'beforegetcontent'</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> root <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML<span class=\"k\">,</span> ignoreBlank<span class=\"k\">);</span>","            me<span class=\"k\">.</span>filterOutputRule<span class=\"k\">(</span>root<span class=\"k\">);</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'aftergetcontent'</span><span class=\"k\">,</span> cmd<span class=\"k\">);</span>","            <span class=\"k\">return</span>  root<span class=\"k\">.</span>toHtml<span class=\"k\">(</span>formatter<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#21462;&#24471;&#23436;&#25972;&#30340;html&#20195;&#30721;&#65292;&#21487;&#20197;&#30452;&#25509;&#26174;&#31034;&#25104;&#23436;&#25972;&#30340;html&#25991;&#26723;</span>","<span class=\"c\">         * @method getAllHtml</span>","<span class=\"c\">         * @return { String } &#32534;&#36753;&#22120;&#30340;&#20869;&#23481;html&#25991;&#26723;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @eaxmple</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.getAllHtml();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getAllHtml<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                headHtml <span class=\"k\">=</span> <span class=\"k\">[],</span>","                html <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'getAllHtml'</span><span class=\"k\">,</span> headHtml<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&gt;</span> <span class=\"s\">8</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> headHtmlForIE9 <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>styleSheets<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>si<span class=\"k\">)</span> <span class=\"k\">{</span>","                    headHtmlForIE9 <span class=\"k\">+=</span> <span class=\"k\">(</span> si<span class=\"k\">.</span>href <span class=\"k\">?</span> <span class=\"s\">'&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"'</span> <span class=\"k\">+</span> si<span class=\"k\">.</span>href <span class=\"k\">+</span> <span class=\"s\">'\" /&gt;'</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;style&gt;'</span> <span class=\"k\">+</span> si<span class=\"k\">.</span>cssText <span class=\"k\">+</span> <span class=\"s\">'&lt;/style&gt;'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'script'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>si<span class=\"k\">)</span> <span class=\"k\">{</span>","                    headHtmlForIE9 <span class=\"k\">+=</span> si<span class=\"k\">.</span>outerHTML<span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;html&gt;&lt;head&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>charset <span class=\"k\">?</span> <span class=\"s\">'&lt;meta http-equiv=\"Content-Type\" content=\"text/html; charset='</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>charset <span class=\"k\">+</span> <span class=\"s\">'\"/&gt;'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span>","                <span class=\"k\">+</span> <span class=\"k\">(</span>headHtmlForIE9 <span class=\"k\">||</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'head'</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">].</span>innerHTML<span class=\"k\">)</span> <span class=\"k\">+</span> headHtml<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/head&gt;'</span>","                <span class=\"k\">+</span> <span class=\"s\">'&lt;body '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;</span> <span class=\"s\">9</span> <span class=\"k\">?</span> <span class=\"s\">'class=\"view\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>getContent<span class=\"k\">(</span><span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/body&gt;&lt;/html&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#24471;&#21040;&#32534;&#36753;&#22120;&#30340;&#32431;&#25991;&#26412;&#20869;&#23481;&#65292;&#20294;&#20250;&#20445;&#30041;&#27573;&#33853;&#26684;&#24335;</span>","<span class=\"c\">         * @method getPlainTxt</span>","<span class=\"c\">         * @return { String } &#32534;&#36753;&#22120;&#24102;&#27573;&#33853;&#26684;&#24335;&#30340;&#32431;&#25991;&#26412;&#20869;&#23481;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.getPlainTxt();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getPlainTxt<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> reg <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">,</span> <span class=\"s\">'g'</span><span class=\"k\">),</span>","                html <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/[\\n\\r]/g</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span><span class=\"c\">//ie&#35201;&#20808;&#21435;&#20102;\\n&#22312;&#22788;&#29702;</span>","            html <span class=\"k\">=</span> html<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&lt;(p|div)[^&gt;]*&gt;(&lt;br\\/?&gt;|&amp;nbsp;)&lt;\\/\\1&gt;/gi</span><span class=\"k\">,</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span><span class=\"k\">)</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&lt;br\\/?&gt;/gi</span><span class=\"k\">,</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span><span class=\"k\">)</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&lt;[^&gt;/]+&gt;/g</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">)</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(\\n)?&lt;\\/([^&gt;]+)&gt;/g</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>a<span class=\"k\">,</span> b<span class=\"k\">,</span> c<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>c<span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span> <span class=\"k\">:</span> b <span class=\"k\">?</span> b <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"c\">//&#21462;&#20986;&#26469;&#30340;&#31354;&#26684;&#20250;&#26377;c2a0&#20250;&#21464;&#25104;&#20081;&#30721;&#65292;&#22788;&#29702;&#36825;&#31181;&#24773;&#20917;\\u00a0</span>","            <span class=\"k\">return</span> html<span class=\"k\">.</span>replace<span class=\"k\">(</span>reg<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/\\u00a0/g</span><span class=\"k\">,</span> <span class=\"s\">' '</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/&amp;nbsp;/g</span><span class=\"k\">,</span> <span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#32534;&#36753;&#22120;&#20013;&#30340;&#32431;&#25991;&#26412;&#20869;&#23481;,&#27809;&#26377;&#27573;&#33853;&#26684;&#24335;</span>","<span class=\"c\">         * @method getContentTxt</span>","<span class=\"c\">         * @return { String } &#32534;&#36753;&#22120;&#19981;&#24102;&#27573;&#33853;&#26684;&#24335;&#30340;&#32431;&#25991;&#26412;&#20869;&#23481;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.getContentTxt();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getContentTxt<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> reg <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">,</span> <span class=\"s\">'g'</span><span class=\"k\">);</span>","            <span class=\"c\">//&#21462;&#20986;&#26469;&#30340;&#31354;&#26684;&#20250;&#26377;c2a0&#20250;&#21464;&#25104;&#20081;&#30721;&#65292;&#22788;&#29702;&#36825;&#31181;&#24773;&#20917;\\u00a0</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span> <span class=\"k\">:</span> <span class=\"s\">'textContent'</span><span class=\"k\">].</span>replace<span class=\"k\">(</span>reg<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/\\u00a0/g</span><span class=\"k\">,</span> <span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;&#32534;&#36753;&#22120;&#30340;&#20869;&#23481;&#65292;&#21487;&#20462;&#25913;&#32534;&#36753;&#22120;&#24403;&#21069;&#30340;html&#20869;&#23481;</span>","<span class=\"c\">         * @method setContent</span>","<span class=\"c\">         * @warning &#36890;&#36807;&#35813;&#26041;&#27861;&#25554;&#20837;&#30340;&#20869;&#23481;&#65292;&#26159;&#32463;&#36807;&#32534;&#36753;&#22120;&#20869;&#32622;&#30340;&#36807;&#28388;&#35268;&#21017;&#36827;&#34892;&#36807;&#28388;&#21518;&#24471;&#21040;&#30340;&#20869;&#23481;</span>","<span class=\"c\">         * @warning &#35813;&#26041;&#27861;&#20250;&#20986;&#21457;selectionchange&#20107;&#20214;</span>","<span class=\"c\">         * @param { String } &#35201;&#25554;&#20837;&#30340;html&#20869;&#23481;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.getContent('&lt;p&gt;test&lt;/p&gt;');</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;&#32534;&#36753;&#22120;&#30340;&#20869;&#23481;&#65292;&#21487;&#20462;&#25913;&#32534;&#36753;&#22120;&#24403;&#21069;&#30340;html&#20869;&#23481;</span>","<span class=\"c\">         * @method setContent</span>","<span class=\"c\">         * @warning &#36890;&#36807;&#35813;&#26041;&#27861;&#25554;&#20837;&#30340;&#20869;&#23481;&#65292;&#26159;&#32463;&#36807;&#32534;&#36753;&#22120;&#20869;&#32622;&#30340;&#36807;&#28388;&#35268;&#21017;&#36827;&#34892;&#36807;&#28388;&#21518;&#24471;&#21040;&#30340;&#20869;&#23481;</span>","<span class=\"c\">         * @warning &#35813;&#26041;&#27861;&#20250;&#20986;&#21457;selectionchange&#20107;&#20214;</span>","<span class=\"c\">         * @param { String } html &#35201;&#25554;&#20837;&#30340;html&#20869;&#23481;</span>","<span class=\"c\">         * @param { Boolean } isAppendTo &#33509;&#20256;&#20837;true&#65292;&#19981;&#28165;&#31354;&#21407;&#26469;&#30340;&#20869;&#23481;&#65292;&#22312;&#26368;&#21518;&#25554;&#20837;&#20869;&#23481;&#65292;&#21542;&#21017;&#65292;&#28165;&#31354;&#20869;&#23481;&#20877;&#25554;&#20837;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * //&#20551;&#35774;&#35774;&#32622;&#21069;&#30340;&#32534;&#36753;&#22120;&#20869;&#23481;&#26159; &lt;p&gt;old text&lt;/p&gt;</span>","<span class=\"c\">         * editor.getContent('&lt;p&gt;new text&lt;/p&gt;', true); //&#25554;&#20837;&#30340;&#32467;&#26524;&#26159;&lt;p&gt;old text&lt;/p&gt;&lt;p&gt;new text&lt;/p&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;&#32534;&#36753;&#22120;&#30340;&#20869;&#23481;&#65292;&#21487;&#20462;&#25913;&#32534;&#36753;&#22120;&#24403;&#21069;&#30340;html&#20869;&#23481;</span>","<span class=\"c\">         * @method setContent</span>","<span class=\"c\">         * @warning &#36890;&#36807;&#35813;&#26041;&#27861;&#25554;&#20837;&#30340;&#20869;&#23481;&#65292;&#26159;&#32463;&#36807;&#32534;&#36753;&#22120;&#20869;&#32622;&#30340;&#36807;&#28388;&#35268;&#21017;&#36827;&#34892;&#36807;&#28388;&#21518;&#24471;&#21040;&#30340;&#20869;&#23481;</span>","<span class=\"c\">         * @param { String } html &#35201;&#25554;&#20837;&#30340;html&#20869;&#23481;</span>","<span class=\"c\">         * @param { Boolean } isAppendTo &#33509;&#20256;&#20837;true&#65292;&#19981;&#28165;&#31354;&#21407;&#26469;&#30340;&#20869;&#23481;&#65292;&#22312;&#26368;&#21518;&#25554;&#20837;&#20869;&#23481;&#65292;&#21542;&#21017;&#65292;&#28165;&#31354;&#20869;&#23481;&#20877;&#25554;&#20837;</span>","<span class=\"c\">         * @param { Boolean } notFireSelectionchange &#33509;&#20256;&#20837;true&#65292;&#25191;&#34892;&#35813;&#20989;&#25968;&#36807;&#31243;&#19981;&#35302;&#21457;&#32534;&#36753;&#22120;&#30340;selectionchange&#20107;&#20214;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.getContent('&lt;p&gt;new text&lt;/p&gt;', false, true);</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setContent<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>html<span class=\"k\">,</span> isAppendTo<span class=\"k\">,</span> notFireSelectionchange<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'beforesetcontent'</span><span class=\"k\">,</span> html<span class=\"k\">);</span>","            <span class=\"k\">var</span> root <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>html<span class=\"k\">);</span>","            me<span class=\"k\">.</span>filterInputRule<span class=\"k\">(</span>root<span class=\"k\">);</span>","            html <span class=\"k\">=</span> root<span class=\"k\">.</span>toHtml<span class=\"k\">();</span>","","","            me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"k\">(</span>isAppendTo <span class=\"k\">?</span> me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> html<span class=\"k\">;</span>","","","            <span class=\"k\">function</span> isCdataDiv<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span>  node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'DIV'</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'cdata_tag'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"c\">//&#32473;&#25991;&#26412;&#25110;&#32773;inline&#33410;&#28857;&#22871;p&#26631;&#31614;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>enterTag <span class=\"k\">==</span> <span class=\"s\">'p'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">var</span> child <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">.</span>firstChild<span class=\"k\">,</span> tmpNode<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>child <span class=\"k\">||</span> child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span>","                    <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$cdata<span class=\"k\">[</span>child<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">||</span> isCdataDiv<span class=\"k\">(</span>child<span class=\"k\">)</span> <span class=\"k\">||</span>","                        domUtils<span class=\"k\">.</span>isCustomeNode<span class=\"k\">(</span>child<span class=\"k\">)</span>","                        <span class=\"k\">)</span>","                    <span class=\"k\">&amp;&amp;</span> child <span class=\"k\">===</span> <span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">.</span>lastChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;p&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'&amp;nbsp;'</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/p&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML<span class=\"k\">;</span>","","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span>child<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">while</span> <span class=\"k\">(</span>child <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> dtd<span class=\"k\">.</span>p<span class=\"k\">[</span>child<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$cdata<span class=\"k\">[</span>child<span class=\"k\">.</span>tagName<span class=\"k\">]))</span> <span class=\"k\">{</span>","                            tmpNode <span class=\"k\">=</span> child<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                            p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>child<span class=\"k\">);</span>","                            child <span class=\"k\">=</span> tmpNode<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>p<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(!</span>child<span class=\"k\">)</span> <span class=\"k\">{</span>","                                me<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>p<span class=\"k\">);</span>","                                <span class=\"k\">break</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                child<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span> child<span class=\"k\">);</span>","                                p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        child <span class=\"k\">=</span> child<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'aftersetcontent'</span><span class=\"k\">);</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","","            <span class=\"k\">!</span>notFireSelectionchange <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>_selectionChange<span class=\"k\">();</span>","            <span class=\"c\">//&#28165;&#38500;&#20445;&#23384;&#30340;&#36873;&#21306;</span>","            me<span class=\"k\">.</span>_bakRange <span class=\"k\">=</span> me<span class=\"k\">.</span>_bakIERange <span class=\"k\">=</span> me<span class=\"k\">.</span>_bakNativeRange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","            <span class=\"c\">//trace:1742 setContent&#21518;gecko&#33021;&#24471;&#21040;&#28966;&#28857;&#38382;&#39064;</span>","            <span class=\"k\">var</span> geckoSel<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>geckoSel <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">()))</span> <span class=\"k\">{</span>","                geckoSel<span class=\"k\">.</span>removeAllRanges<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoSyncData<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>form <span class=\"k\">&amp;&amp;</span> setValue<span class=\"k\">(</span>me<span class=\"k\">.</span>form<span class=\"k\">,</span> me<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35753;&#32534;&#36753;&#22120;&#33719;&#24471;&#28966;&#28857;&#65292;&#40664;&#35748;focus&#21040;&#32534;&#36753;&#22120;&#22836;&#37096;</span>","<span class=\"c\">         * @method focus</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.focus()</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35753;&#32534;&#36753;&#22120;&#33719;&#24471;&#28966;&#28857;&#65292;toEnd&#30830;&#23450;focus&#20301;&#32622;</span>","<span class=\"c\">         * @method focus</span>","<span class=\"c\">         * @param { Boolean } toEnd &#40664;&#35748;focus&#21040;&#32534;&#36753;&#22120;&#22836;&#37096;&#65292;toEnd&#20026;true&#26102;focus&#21040;&#20869;&#23481;&#23614;&#37096;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.focus(true)</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        focus<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>toEnd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                    rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>toEnd<span class=\"k\">)</span> <span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setStartAtLast<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>lastChild<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'focus'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#21021;&#22987;&#21270;UE&#20107;&#20214;&#21450;&#37096;&#20998;&#20107;&#20214;&#20195;&#29702;</span>","<span class=\"c\">         * @method _initEvents</span>","<span class=\"c\">         * @private</span>","<span class=\"c\">         */</span>","        _initEvents<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                doc <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">,</span>","                win <span class=\"k\">=</span> me<span class=\"k\">.</span>window<span class=\"k\">;</span>","            me<span class=\"k\">.</span>_proxyDomEvent <span class=\"k\">=</span> utils<span class=\"k\">.</span>bind<span class=\"k\">(</span>me<span class=\"k\">.</span>_proxyDomEvent<span class=\"k\">,</span> me<span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>doc<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'click'</span><span class=\"k\">,</span> <span class=\"s\">'contextmenu'</span><span class=\"k\">,</span> <span class=\"s\">'mousedown'</span><span class=\"k\">,</span> <span class=\"s\">'keydown'</span><span class=\"k\">,</span> <span class=\"s\">'keyup'</span><span class=\"k\">,</span> <span class=\"s\">'keypress'</span><span class=\"k\">,</span> <span class=\"s\">'mouseup'</span><span class=\"k\">,</span> <span class=\"s\">'mouseover'</span><span class=\"k\">,</span> <span class=\"s\">'mouseout'</span><span class=\"k\">,</span> <span class=\"s\">'selectstart'</span><span class=\"k\">],</span> me<span class=\"k\">.</span>_proxyDomEvent<span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>win<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'focus'</span><span class=\"k\">,</span> <span class=\"s\">'blur'</span><span class=\"k\">],</span> me<span class=\"k\">.</span>_proxyDomEvent<span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>doc<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'mouseup'</span><span class=\"k\">,</span> <span class=\"s\">'keydown'</span><span class=\"k\">],</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#29305;&#27530;&#38190;&#19981;&#35302;&#21457;selectionchange</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'keydown'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>ctrlKey <span class=\"k\">||</span> evt<span class=\"k\">.</span>metaKey <span class=\"k\">||</span> evt<span class=\"k\">.</span>shiftKey <span class=\"k\">||</span> evt<span class=\"k\">.</span>altKey<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>button <span class=\"k\">==</span> <span class=\"s\">2</span><span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>_selectionChange<span class=\"k\">(</span><span class=\"s\">250</span><span class=\"k\">,</span> evt<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"c\">//            //&#22788;&#29702;&#25302;&#25341;</span>","<span class=\"c\">//            //ie ff&#19981;&#33021;&#20174;&#22806;&#36793;&#25302;&#20837;</span>","<span class=\"c\">//            //chrome&#21482;&#38024;&#23545;&#20174;&#22806;&#36793;&#25302;&#20837;&#30340;&#20869;&#23481;&#36807;&#28388;</span>","<span class=\"c\">//            var innerDrag = 0, source = browser.ie ? me.body : me.document, dragoverHandler;</span>","<span class=\"c\">//            domUtils.on(source, 'dragstart', function () {</span>","<span class=\"c\">//                innerDrag = 1;</span>","<span class=\"c\">//            });</span>","<span class=\"c\">//            domUtils.on(source, browser.webkit ? 'dragover' : 'drop', function () {</span>","<span class=\"c\">//                return browser.webkit ?</span>","<span class=\"c\">//                    function () {</span>","<span class=\"c\">//                        clearTimeout(dragoverHandler);</span>","<span class=\"c\">//                        dragoverHandler = setTimeout(function () {</span>","<span class=\"c\">//                            if (!innerDrag) {</span>","<span class=\"c\">//                                var sel = me.selection,</span>","<span class=\"c\">//                                    range = sel.getRange();</span>","<span class=\"c\">//                                if (range) {</span>","<span class=\"c\">//                                    var common = range.getCommonAncestor();</span>","<span class=\"c\">//                                    if (common &amp;&amp; me.serialize) {</span>","<span class=\"c\">//                                        var f = me.serialize,</span>","<span class=\"c\">//                                            node =</span>","<span class=\"c\">//                                                f.filter(</span>","<span class=\"c\">//                                                    f.transformInput(</span>","<span class=\"c\">//                                                        f.parseHTML(</span>","<span class=\"c\">//                                                            f.word(common.innerHTML)</span>","<span class=\"c\">//                                                        )</span>","<span class=\"c\">//                                                    )</span>","<span class=\"c\">//                                                );</span>","<span class=\"c\">//                                        common.innerHTML = f.toHTML(node);</span>","<span class=\"c\">//                                    }</span>","<span class=\"c\">//                                }</span>","<span class=\"c\">//                            }</span>","<span class=\"c\">//                            innerDrag = 0;</span>","<span class=\"c\">//                        }, 200);</span>","<span class=\"c\">//                    } :</span>","<span class=\"c\">//                    function (e) {</span>","<span class=\"c\">//                        if (!innerDrag) {</span>","<span class=\"c\">//                            e.preventDefault ? e.preventDefault() : (e.returnValue = false);</span>","<span class=\"c\">//                        }</span>","<span class=\"c\">//                        innerDrag = 0;</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//            }());</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35302;&#21457;&#20107;&#20214;&#20195;&#29702;</span>","<span class=\"c\">         * @method _proxyDomEvent</span>","<span class=\"c\">         * @private</span>","<span class=\"c\">         * @return { * } fireEvent&#30340;&#36820;&#22238;&#20540;</span>","<span class=\"c\">         * @see UE.EventBase:fireEvent(String)</span>","<span class=\"c\">         */</span>","        _proxyDomEvent<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span>evt<span class=\"k\">.</span>type<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/^on/</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">),</span> evt<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#21464;&#21270;&#36873;&#21306;</span>","<span class=\"c\">         * @method _selectionChange</span>","<span class=\"c\">         * @private</span>","<span class=\"c\">         */</span>","        _selectionChange<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>delay<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"c\">//&#26377;&#20809;&#26631;&#25165;&#20570;selectionchange &#20026;&#20102;&#35299;&#20915;&#26410;focus&#26102;&#28857;&#20987;source&#19981;&#33021;&#35302;&#21457;&#26356;&#25913;&#24037;&#20855;&#26639;&#29366;&#24577;&#30340;&#38382;&#39064;&#65288;source&#21629;&#20196;notNeedUndo=1&#65289;</span>","<span class=\"c\">//            if ( !me.selection.isFocus() ){</span>","<span class=\"c\">//                return;</span>","<span class=\"c\">//            }</span>","","","            <span class=\"k\">var</span> hackForMouseUp <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> mouseX<span class=\"k\">,</span> mouseY<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;</span> <span class=\"s\">9</span> <span class=\"k\">&amp;&amp;</span> evt <span class=\"k\">&amp;&amp;</span> evt<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'mouseup'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                    hackForMouseUp <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                    mouseX <span class=\"k\">=</span> evt<span class=\"k\">.</span>clientX<span class=\"k\">;</span>","                    mouseY <span class=\"k\">=</span> evt<span class=\"k\">.</span>clientY<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            clearTimeout<span class=\"k\">(</span>_selectionChangeTimer<span class=\"k\">);</span>","            _selectionChangeTimer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">())</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//&#20462;&#22797;&#19968;&#20010;IE&#19979;&#30340;bug: &#40736;&#26631;&#28857;&#20987;&#19968;&#27573;&#24050;&#36873;&#25321;&#30340;&#25991;&#26412;&#20013;&#38388;&#26102;&#65292;&#21487;&#33021;&#22312;mouseup&#21518;&#30340;&#19968;&#27573;&#26102;&#38388;&#20869;&#21462;&#21040;&#30340;range&#26159;&#22312;selection&#30340;type&#20026;None&#19979;&#30340;&#38169;&#35823;&#20540;.</span>","                <span class=\"c\">//IE&#19979;&#22914;&#26524;&#29992;&#25143;&#26159;&#25302;&#25341;&#19968;&#27573;&#24050;&#36873;&#25321;&#25991;&#26412;&#65292;&#21017;&#19981;&#20250;&#35302;&#21457;mouseup&#20107;&#20214;&#65292;&#25152;&#20197;&#36825;&#37324;&#30340;&#29305;&#27530;&#22788;&#29702;&#19981;&#20250;&#23545;&#20854;&#26377;&#24433;&#21709;</span>","                <span class=\"k\">var</span> ieRange<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>hackForMouseUp <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">().</span>type <span class=\"k\">==</span> <span class=\"s\">'None'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    ieRange <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>createTextRange<span class=\"k\">();</span>","                    <span class=\"k\">try</span> <span class=\"k\">{</span>","                        ieRange<span class=\"k\">.</span>moveToPoint<span class=\"k\">(</span>mouseX<span class=\"k\">,</span> mouseY<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>ex<span class=\"k\">)</span> <span class=\"k\">{</span>","                        ieRange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> bakGetIERange<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ieRange<span class=\"k\">)</span> <span class=\"k\">{</span>","                    bakGetIERange <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getIERange<span class=\"k\">;</span>","                    me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getIERange <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> ieRange<span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>selection<span class=\"k\">.</span>cache<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>bakGetIERange<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getIERange <span class=\"k\">=</span> bakGetIERange<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>_cachedRange <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>_cachedStartElement<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'beforeselectionchange'</span><span class=\"k\">);</span>","                    <span class=\"c\">// &#31532;&#20108;&#20010;&#21442;&#25968;causeByUi&#20026;true&#20195;&#34920;&#30001;&#29992;&#25143;&#20132;&#20114;&#36896;&#25104;&#30340;selectionchange.</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">!!</span>evt<span class=\"k\">);</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'afterselectionchange'</span><span class=\"k\">);</span>","                    me<span class=\"k\">.</span>selection<span class=\"k\">.</span>clear<span class=\"k\">();</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">,</span> delay <span class=\"k\">||</span> <span class=\"s\">50</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#25191;&#34892;&#32534;&#36753;&#21629;&#20196;</span>","<span class=\"c\">         * @method _callCmdFn</span>","<span class=\"c\">         * @private</span>","<span class=\"c\">         * @param { String } fnName &#20989;&#25968;&#21517;&#31216;</span>","<span class=\"c\">         * @param { * } args &#20256;&#32473;&#21629;&#20196;&#20989;&#25968;&#30340;&#21442;&#25968;</span>","<span class=\"c\">         * @return { * } &#36820;&#22238;&#21629;&#20196;&#20989;&#25968;&#36816;&#34892;&#30340;&#36820;&#22238;&#20540;</span>","<span class=\"c\">         */</span>","        _callCmdFn<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>fnName<span class=\"k\">,</span> args<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cmdName <span class=\"k\">=</span> args<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>toLowerCase<span class=\"k\">(),</span>","                cmd<span class=\"k\">,</span> cmdFn<span class=\"k\">;</span>","            cmd <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>commands<span class=\"k\">[</span>cmdName<span class=\"k\">]</span> <span class=\"k\">||</span> UE<span class=\"k\">.</span>commands<span class=\"k\">[</span>cmdName<span class=\"k\">];</span>","            cmdFn <span class=\"k\">=</span> cmd <span class=\"k\">&amp;&amp;</span> cmd<span class=\"k\">[</span>fnName<span class=\"k\">];</span>","            <span class=\"c\">//&#27809;&#26377;querycommandstate&#25110;&#32773;&#27809;&#26377;command&#30340;&#37117;&#40664;&#35748;&#36820;&#22238;0</span>","            <span class=\"k\">if</span> <span class=\"k\">((!</span>cmd <span class=\"k\">||</span> <span class=\"k\">!</span>cmdFn<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> fnName <span class=\"k\">==</span> <span class=\"s\">'queryCommandState'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>cmdFn<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> cmdFn<span class=\"k\">.</span>apply<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> args<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#25191;&#34892;&#32534;&#36753;&#21629;&#20196;cmdName&#65292;&#23436;&#25104;&#23500;&#25991;&#26412;&#32534;&#36753;&#25928;&#26524;</span>","<span class=\"c\">         * @method execCommand</span>","<span class=\"c\">         * @return { * } &#36820;&#22238;&#21629;&#20196;&#20989;&#25968;&#36816;&#34892;&#30340;&#36820;&#22238;&#20540;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.execCommand(cmdName);</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">)</span> <span class=\"k\">{</span>","            cmdName <span class=\"k\">=</span> cmdName<span class=\"k\">.</span>toLowerCase<span class=\"k\">();</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                result<span class=\"k\">,</span>","                cmd <span class=\"k\">=</span> me<span class=\"k\">.</span>commands<span class=\"k\">[</span>cmdName<span class=\"k\">]</span> <span class=\"k\">||</span> UE<span class=\"k\">.</span>commands<span class=\"k\">[</span>cmdName<span class=\"k\">];</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cmd <span class=\"k\">||</span> <span class=\"k\">!</span>cmd<span class=\"k\">.</span>execCommand<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cmd<span class=\"k\">.</span>notNeedUndo <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>me<span class=\"k\">.</span>__hasEnterExecCommand<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>queryCommandState<span class=\"k\">.</span>apply<span class=\"k\">(</span>me<span class=\"k\">,</span> arguments<span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'beforeexeccommand'</span><span class=\"k\">,</span> cmdName<span class=\"k\">);</span>","                    result <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>_callCmdFn<span class=\"k\">(</span><span class=\"s\">'execCommand'</span><span class=\"k\">,</span> arguments<span class=\"k\">);</span>","                    <span class=\"k\">!</span>me<span class=\"k\">.</span>_ignoreContentChange <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'afterexeccommand'</span><span class=\"k\">,</span> cmdName<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                result <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>_callCmdFn<span class=\"k\">(</span><span class=\"s\">'execCommand'</span><span class=\"k\">,</span> arguments<span class=\"k\">);</span>","                <span class=\"k\">!</span>me<span class=\"k\">.</span>_ignoreContentChange <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","            <span class=\"k\">!</span>me<span class=\"k\">.</span>_ignoreContentChange <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>_selectionChange<span class=\"k\">();</span>","            <span class=\"k\">return</span> result<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26681;&#25454;&#20256;&#20837;&#30340;command&#21629;&#20196;&#65292;&#26597;&#36873;&#32534;&#36753;&#22120;&#24403;&#21069;&#30340;&#36873;&#21306;&#65292;&#36820;&#22238;&#21629;&#20196;&#30340;&#29366;&#24577;</span>","<span class=\"c\">         * @method  queryCommandState</span>","<span class=\"c\">         * @return { Number } number &#36820;&#22238;&#25918;&#21069;&#21629;&#20196;&#30340;&#29366;&#24577;</span>","<span class=\"c\">         * &#36820;&#22238; -1 &#24403;&#21069;&#21629;&#20196;&#19981;&#21487;&#29992;</span>","<span class=\"c\">         * &#36820;&#22238; 0 &#24403;&#21069;&#21629;&#20196;&#21487;&#29992;</span>","<span class=\"c\">         * &#36820;&#22238; 1 &#24403;&#21069;&#21629;&#20196;&#24050;&#32463;&#25191;&#34892;&#36807;&#20102;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.queryCommandState(cmdName)  =&gt; (-1|0|1)</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_callCmdFn<span class=\"k\">(</span><span class=\"s\">'queryCommandState'</span><span class=\"k\">,</span> arguments<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26681;&#25454;&#20256;&#20837;&#30340;command&#21629;&#20196;&#65292;&#26597;&#36873;&#32534;&#36753;&#22120;&#24403;&#21069;&#30340;&#36873;&#21306;&#65292;&#26681;&#25454;&#21629;&#20196;&#36820;&#22238;&#30456;&#20851;&#30340;&#20540;</span>","<span class=\"c\">         * @method queryCommandValue</span>","<span class=\"c\">         * @remind &#21482;&#26377;&#37096;&#20998;&#25554;&#20214;&#26377;&#27492;&#26041;&#27861;</span>","<span class=\"c\">         * @return { * } &#36820;&#22238;&#27599;&#20010;&#21629;&#20196;&#29305;&#23450;&#30340;&#24403;&#21069;&#29366;&#24577;&#20540;</span>","<span class=\"c\">         * @grammar editor.queryCommandValue(cmdName)  =&gt;  {*}</span>","<span class=\"c\">         */</span>","        queryCommandValue<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_callCmdFn<span class=\"k\">(</span><span class=\"s\">'queryCommandValue'</span><span class=\"k\">,</span> arguments<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26816;&#26597;&#32534;&#36753;&#21306;&#22495;&#20013;&#26159;&#21542;&#26377;&#20869;&#23481;</span>","<span class=\"c\">         * @method  hasContents</span>","<span class=\"c\">         * @remind &#40664;&#35748;&#26377;&#25991;&#26412;&#20869;&#23481;&#65292;&#25110;&#32773;&#26377;&#20197;&#19979;&#33410;&#28857;&#37117;&#19981;&#35748;&#20026;&#26159;&#31354;</span>","<span class=\"c\">         * table,ul,ol,dl,iframe,area,base,col,hr,img,embed,input,link,meta,param</span>","<span class=\"c\">         * @return { Boolean } &#26816;&#26597;&#26377;&#20869;&#23481;&#36820;&#22238;true&#65292;&#21542;&#21017;&#36820;&#22238;false</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.hasContents()</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26816;&#26597;&#32534;&#36753;&#21306;&#22495;&#20013;&#26159;&#21542;&#26377;&#20869;&#23481;&#65292;&#33509;&#21253;&#21547;&#21442;&#25968;tags&#20013;&#30340;&#33410;&#28857;&#31867;&#22411;&#65292;&#30452;&#25509;&#36820;&#22238;true</span>","<span class=\"c\">         * @method  hasContents</span>","<span class=\"c\">         * @param { Array } tags &#20256;&#20837;&#25968;&#32452;&#21028;&#26029;&#26102;&#29992;&#21040;&#30340;&#33410;&#28857;&#31867;&#22411;</span>","<span class=\"c\">         * @return { Boolean } &#33509;&#25991;&#26723;&#20013;&#21253;&#21547;tags&#25968;&#32452;&#37324;&#23545;&#24212;&#30340;tag&#65292;&#36820;&#22238;true&#65292;&#21542;&#21017;&#36820;&#22238;false</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.hasContents(['span']);</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        hasContents<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>tags<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>tags<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> tags<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>ci<span class=\"k\">).</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">true</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#38543;&#26102;&#28155;&#21152;,&#23450;&#20041;&#30340;&#29305;&#27530;&#26631;&#31614;&#22914;&#26524;&#23384;&#22312;&#65292;&#19981;&#33021;&#35748;&#20026;&#26159;&#31354;</span>","            tags <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'div'</span><span class=\"k\">];</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span>i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> ci <span class=\"k\">=</span> tags<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> nodes <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">,</span> ci<span class=\"k\">);</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> n <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cn<span class=\"k\">;</span> cn <span class=\"k\">=</span> nodes<span class=\"k\">[</span>n<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isCustomeNode<span class=\"k\">(</span>cn<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#37325;&#32622;&#32534;&#36753;&#22120;&#65292;&#21487;&#29992;&#26469;&#20570;&#22810;&#20010;tab&#20351;&#29992;&#21516;&#19968;&#20010;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">         * @method  reset</span>","<span class=\"c\">         * @remind &#27492;&#26041;&#27861;&#20250;&#28165;&#31354;&#32534;&#36753;&#22120;&#20869;&#23481;&#65292;&#28165;&#31354;&#22238;&#36864;&#21015;&#34920;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.reset()</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        reset<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'reset'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;&#24403;&#21069;&#32534;&#36753;&#21306;&#22495;&#21487;&#20197;&#32534;&#36753;</span>","<span class=\"c\">         * @method setEnabled</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.setEnabled()</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setEnabled<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span> range<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">==</span> <span class=\"s\">'false'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                <span class=\"c\">//&#26377;&#21487;&#33021;&#20869;&#23481;&#20002;&#22833;&#20102;</span>","                <span class=\"k\">try</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>me<span class=\"k\">.</span>lastBk<span class=\"k\">);</span>","                    <span class=\"k\">delete</span> me<span class=\"k\">.</span>lastBk","                <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStartAtFirst<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>bkqueryCommandState<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>queryCommandState <span class=\"k\">=</span> me<span class=\"k\">.</span>bkqueryCommandState<span class=\"k\">;</span>","                    <span class=\"k\">delete</span> me<span class=\"k\">.</span>bkqueryCommandState<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;&#24403;&#21069;&#32534;&#36753;&#21306;&#22495;&#21487;&#20197;&#32534;&#36753;</span>","<span class=\"c\">         * @method enable</span>","<span class=\"c\">         * @return { * } &#36820;&#22238;setEnabled&#26041;&#27861;&#30340;&#36820;&#22238;&#20540;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.enable()</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         * @see UE.Editor:setEnabled()</span>","<span class=\"c\">         */</span>","        enable<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setEnabled<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/** &#35774;&#32622;&#24403;&#21069;&#32534;&#36753;&#21306;&#22495;&#19981;&#21487;&#32534;&#36753;</span>","<span class=\"c\">         * @method setDisabled</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/** &#35774;&#32622;&#24403;&#21069;&#32534;&#36753;&#21306;&#22495;&#19981;&#21487;&#32534;&#36753;,except&#20013;&#30340;&#21629;&#20196;&#38500;&#22806;</span>","<span class=\"c\">         * @method setDisabled</span>","<span class=\"c\">         * @param { String } except &#20363;&#22806;&#21629;&#20196;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @remind &#21363;&#20351;&#35774;&#32622;&#20102;disable&#65292;&#27492;&#22788;&#37197;&#32622;&#30340;&#20363;&#22806;&#21629;&#20196;&#20173;&#28982;&#21487;&#20197;&#25191;&#34892;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.setDisabled('bold'); //&#31105;&#29992;&#24037;&#20855;&#26639;&#20013;&#38500;&#21152;&#31895;&#20043;&#22806;&#30340;&#25152;&#26377;&#21151;&#33021;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/** &#35774;&#32622;&#24403;&#21069;&#32534;&#36753;&#21306;&#22495;&#19981;&#21487;&#32534;&#36753;,except&#20013;&#30340;&#21629;&#20196;&#38500;&#22806;</span>","<span class=\"c\">         * @method setDisabled</span>","<span class=\"c\">         * @param { Array } except &#23383;&#31526;&#20018;&#25968;&#32452;&#65292;&#25968;&#32452;&#20013;&#30340;&#21629;&#20196;&#20173;&#28982;&#21487;&#20197;&#25191;&#34892;</span>","<span class=\"c\">         * @remind &#21363;&#20351;&#35774;&#32622;&#20102;disable&#65292;&#27492;&#22788;&#37197;&#32622;&#30340;&#20363;&#22806;&#21629;&#20196;&#20173;&#28982;&#21487;&#20197;&#25191;&#34892;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.setDisabled(['bold','insertimage']); //&#31105;&#29992;&#24037;&#20855;&#26639;&#20013;&#38500;&#21152;&#31895;&#21644;&#25554;&#20837;&#22270;&#29255;&#20043;&#22806;&#30340;&#25152;&#26377;&#21151;&#33021;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setDisabled<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>except<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            except <span class=\"k\">=</span> except <span class=\"k\">?</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>except<span class=\"k\">)</span> <span class=\"k\">?</span> except <span class=\"k\">:</span> <span class=\"k\">[</span>except<span class=\"k\">]</span> <span class=\"k\">:</span> <span class=\"k\">[];</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">==</span> <span class=\"s\">'true'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>lastBk<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>lastBk <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>bkqueryCommandState <span class=\"k\">=</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">;</span>","                me<span class=\"k\">.</span>queryCommandState <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>except<span class=\"k\">,</span> type<span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> me<span class=\"k\">.</span>bkqueryCommandState<span class=\"k\">.</span>apply<span class=\"k\">(</span>me<span class=\"k\">,</span> arguments<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/** &#35774;&#32622;&#24403;&#21069;&#32534;&#36753;&#21306;&#22495;&#19981;&#21487;&#32534;&#36753;</span>","<span class=\"c\">         * @method disable</span>","<span class=\"c\">         * @see UE.Editor:setEnabled()</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/** &#35774;&#32622;&#24403;&#21069;&#32534;&#36753;&#21306;&#22495;&#19981;&#21487;&#32534;&#36753;,except&#20013;&#30340;&#21629;&#20196;&#38500;&#22806;</span>","<span class=\"c\">         * @method disable</span>","<span class=\"c\">         * @param { String } except &#20363;&#22806;&#21629;&#20196;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @remind &#21363;&#20351;&#35774;&#32622;&#20102;disable&#65292;&#27492;&#22788;&#37197;&#32622;&#30340;&#20363;&#22806;&#21629;&#20196;&#20173;&#28982;&#21487;&#20197;&#25191;&#34892;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.disable('bold'); //&#31105;&#29992;&#24037;&#20855;&#26639;&#20013;&#38500;&#21152;&#31895;&#20043;&#22806;&#30340;&#25152;&#26377;&#21151;&#33021;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         * @see UE.Editor:setEnabled(String)</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/** &#35774;&#32622;&#24403;&#21069;&#32534;&#36753;&#21306;&#22495;&#19981;&#21487;&#32534;&#36753;,except&#20013;&#30340;&#21629;&#20196;&#38500;&#22806;</span>","<span class=\"c\">         * @method disable</span>","<span class=\"c\">         * @param { Array } except &#23383;&#31526;&#20018;&#25968;&#32452;&#65292;&#25968;&#32452;&#20013;&#30340;&#21629;&#20196;&#20173;&#28982;&#21487;&#20197;&#25191;&#34892;</span>","<span class=\"c\">         * @remind &#21363;&#20351;&#35774;&#32622;&#20102;disable&#65292;&#27492;&#22788;&#37197;&#32622;&#30340;&#20363;&#22806;&#21629;&#20196;&#20173;&#28982;&#21487;&#20197;&#25191;&#34892;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.disable(['bold','insertimage']); //&#31105;&#29992;&#24037;&#20855;&#26639;&#20013;&#38500;&#21152;&#31895;&#21644;&#25554;&#20837;&#22270;&#29255;&#20043;&#22806;&#30340;&#25152;&#26377;&#21151;&#33021;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         * @see UE.Editor:setEnabled(Array)</span>","<span class=\"c\">         */</span>","        disable<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>except<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setDisabled<span class=\"k\">(</span>except<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;&#40664;&#35748;&#20869;&#23481;</span>","<span class=\"c\">         * @method _setDefaultContent</span>","<span class=\"c\">         * @private</span>","<span class=\"c\">         * @param  { String } cont &#35201;&#23384;&#20837;&#30340;&#20869;&#23481;</span>","<span class=\"c\">         */</span>","        _setDefaultContent<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">function</span> clear<span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"s\">'initContent'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;p&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>ie <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">;</span>","                    me<span class=\"k\">.</span>removeListener<span class=\"k\">(</span><span class=\"s\">'firstBeforeExecCommand focus'</span><span class=\"k\">,</span> clear<span class=\"k\">);</span>","                    setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>focus<span class=\"k\">();</span>","                        me<span class=\"k\">.</span>_selectionChange<span class=\"k\">();</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">return</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cont<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;p id=\"initContent\"&gt;'</span> <span class=\"k\">+</span> cont <span class=\"k\">+</span> <span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">;</span>","","                me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'firstBeforeExecCommand focus'</span><span class=\"k\">,</span> clear<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">(),</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26174;&#31034;&#32534;&#36753;&#22120;&#65292;show&#26041;&#27861;&#30340;&#20860;&#23481;&#29256;&#26412;</span>","<span class=\"c\">         * @method setShow</span>","<span class=\"c\">         * @private</span>","<span class=\"c\">         */</span>","        setShow<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">==</span> <span class=\"s\">'none'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#26377;&#21487;&#33021;&#20869;&#23481;&#20002;&#22833;&#20102;</span>","                <span class=\"k\">try</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>me<span class=\"k\">.</span>lastBk<span class=\"k\">);</span>","                    <span class=\"k\">delete</span> me<span class=\"k\">.</span>lastBk","                <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStartAtFirst<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//ie&#19979;focus&#23454;&#25928;&#65292;&#25152;&#20197;&#20570;&#20102;&#20010;&#24310;&#36831;</span>","                setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">100</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26174;&#31034;&#32534;&#36753;&#22120;</span>","<span class=\"c\">         * @method show</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.show()</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         * @see UE.Editor:setShow(String)</span>","<span class=\"c\">         */</span>","        show<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setShow<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#38544;&#34255;&#32534;&#36753;&#22120;&#65292;hide&#26041;&#27861;&#30340;&#20860;&#23481;&#29256;&#26412;</span>","<span class=\"c\">         * @method setHide</span>","<span class=\"c\">         * @private</span>","<span class=\"c\">         */</span>","        setHide<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>lastBk<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>lastBk <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            me<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#38544;&#34255;&#32534;&#36753;&#22120;</span>","<span class=\"c\">         * @method hide</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.hide()</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         * @see UE.Editor:setHide()</span>","<span class=\"c\">         */</span>","        hide<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setHide<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26681;&#25454;&#25351;&#23450;&#30340;&#36335;&#24452;&#65292;&#33719;&#21462;&#23545;&#24212;&#30340;&#35821;&#35328;&#36164;&#28304;</span>","<span class=\"c\">         * @method getLang</span>","<span class=\"c\">         * @param { String } path &#36335;&#24452;&#26681;&#25454;&#30340;&#26159;lang&#30446;&#24405;&#19979;&#30340;&#35821;&#35328;&#25991;&#20214;&#30340;&#36335;&#24452;&#32467;&#26500;</span>","<span class=\"c\">         * @return { KeyValueMap | String } &#26681;&#25454;&#36335;&#24452;&#36820;&#22238;&#35821;&#35328;&#36164;&#28304;&#30340;Json&#26684;&#24335;&#23545;&#35937;&#25110;&#32773;&#35821;&#35328;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.getLang('contextMenu.delete'); //&#22914;&#26524;&#24403;&#21069;&#26159;&#20013;&#25991;&#65292;&#37027;&#36820;&#22238;&#26159;&#30340;&#26159;'&#21024;&#38500;'</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getLang<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>path<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> lang <span class=\"k\">=</span> UE<span class=\"k\">.</span>I18N<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>lang<span class=\"k\">];</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>lang<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">throw</span> Error<span class=\"k\">(</span><span class=\"s\">\"not import language file\"</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            path <span class=\"k\">=</span> <span class=\"k\">(</span>path <span class=\"k\">||</span> <span class=\"s\">\"\"</span><span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">\".\"</span><span class=\"k\">);</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> path<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                lang <span class=\"k\">=</span> lang<span class=\"k\">[</span>ci<span class=\"k\">];</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>lang<span class=\"k\">)</span><span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> lang<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35745;&#31639;&#32534;&#36753;&#22120;&#24403;&#21069;html&#20869;&#23481;&#30340;&#38271;&#24230;</span>","<span class=\"c\">         * @method  getContentLength</span>","<span class=\"c\">         * @return { Number } &#36820;&#22238;&#35745;&#31639;&#30340;&#38271;&#24230;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.getContentLength()</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35745;&#31639;&#32534;&#36753;&#22120;&#24403;&#21069;&#23384;&#25991;&#26412;&#20869;&#23481;&#30340;&#38271;&#24230;</span>","<span class=\"c\">         * @method  getContentLength</span>","<span class=\"c\">         * @param { Boolean } ingoneHtml &#20256;&#20837;true&#26102;&#65292;&#21482;&#25353;&#29031;&#32431;&#25991;&#26412;&#26469;&#35745;&#31639;</span>","<span class=\"c\">         * @return { Number } &#36820;&#22238;&#35745;&#31639;&#30340;&#38271;&#24230;&#65292;&#20869;&#23481;&#20013;&#26377;hr/img/iframe&#26631;&#31614;&#65292;&#38271;&#24230;&#21152;1</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.getContentLength(true)</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35745;&#31639;&#32534;&#36753;&#22120;&#24403;&#21069;&#20869;&#23481;&#30340;&#38271;&#24230;</span>","<span class=\"c\">         * @method  getContentLength</span>","<span class=\"c\">         * @param { Boolean } ingoneHtml &#20256;&#20837;true&#26102;&#65292;&#21482;&#25353;&#29031;&#32431;&#25991;&#26412;&#26469;&#35745;&#31639;</span>","<span class=\"c\">         * @param { Array } tagNames &#24573;&#30053;html&#20195;&#30721;&#26102;&#65292;&#36935;&#21040;&#25968;&#32452;&#37324;&#30340;&#26631;&#31614;&#65292;&#38271;&#24230;&#21152;1</span>","<span class=\"c\">         * @return { Number } &#36820;&#22238;&#35745;&#31639;&#30340;&#38271;&#24230;&#65292;&#20869;&#23481;&#20013;&#26377;hr/img/iframe&#26631;&#31614;&#25110;&#32773;&#21442;&#25968;tagNames&#20013;&#30340;&#26631;&#31614;&#65292;&#38271;&#24230;&#21152;1</span>","<span class=\"c\">         * @remind &#24403;ingoneHtml&#20026;false&#65292;&#31532;&#20108;&#20010;&#21442;&#25968;&#19981;&#20316;&#29992;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.getContentLength(true, ['em','strong'])</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getContentLength<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>ingoneHtml<span class=\"k\">,</span> tagNames<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> count <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getContent<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">).</span>length<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ingoneHtml<span class=\"k\">)</span> <span class=\"k\">{</span>","                tagNames <span class=\"k\">=</span> <span class=\"k\">(</span>tagNames <span class=\"k\">||</span> <span class=\"k\">[]).</span>concat<span class=\"k\">([</span> <span class=\"s\">'hr'</span><span class=\"k\">,</span> <span class=\"s\">'img'</span><span class=\"k\">,</span> <span class=\"s\">'iframe'</span><span class=\"k\">]);</span>","                count <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getContentTxt<span class=\"k\">().</span>replace<span class=\"k\">(</span><span class=\"s\">/[\\t\\r\\n]+/g</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>length<span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> tagNames<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    count <span class=\"k\">+=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>ci<span class=\"k\">).</span>length<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> count<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#28155;&#21152;&#36755;&#20837;&#36807;&#28388;&#35268;&#21017;</span>","<span class=\"c\">         * @method  addInputRule</span>","<span class=\"c\">         * @param { Function } rule &#35201;&#28155;&#21152;&#30340;&#36807;&#28388;&#35268;&#21017;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.addInputRule(function(root){</span>","<span class=\"c\">         *   $.each(root.getNodesByTagName('div'),function(i,node){</span>","<span class=\"c\">         *       node.tagName=\"p\";</span>","<span class=\"c\">         *   });</span>","<span class=\"c\">         * });</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        addInputRule<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>rule<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>inputRules<span class=\"k\">.</span>push<span class=\"k\">(</span>rule<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26681;&#25454;&#36755;&#20837;&#36807;&#28388;&#35268;&#21017;&#65292;&#36807;&#28388;&#32534;&#36753;&#22120;&#20869;&#23481;</span>","<span class=\"c\">         * @method  filterInputRule</span>","<span class=\"c\">         * @param { UE.uNode } root &#35201;&#36807;&#28388;&#30340;uNode&#33410;&#28857;</span>","<span class=\"c\">         * @remind &#25191;&#34892;editor.setContent&#26041;&#27861;&#21644;&#25191;&#34892;'inserthtml'&#21629;&#20196;&#21518;&#65292;&#20250;&#36816;&#34892;&#35813;&#36807;&#28388;&#20989;&#25968;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.filterInputRule(editor.body);</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        filterInputRule<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>root<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>inputRules<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                ci<span class=\"k\">.</span>call<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> root<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#28155;&#21152;&#36755;&#20986;&#36807;&#28388;&#35268;&#21017;</span>","<span class=\"c\">         * @method  addOutputRule</span>","<span class=\"c\">         * @param { Function } rule &#35201;&#28155;&#21152;&#30340;&#36807;&#28388;&#35268;&#21017;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.addOutputRule(function(root){</span>","<span class=\"c\">         *   $.each(root.getNodesByTagName('p'),function(i,node){</span>","<span class=\"c\">         *       node.tagName=\"div\";</span>","<span class=\"c\">         *   });</span>","<span class=\"c\">         * });</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        addOutputRule<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>rule<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>outputRules<span class=\"k\">.</span>push<span class=\"k\">(</span>rule<span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26681;&#25454;&#36755;&#20986;&#36807;&#28388;&#35268;&#21017;&#65292;&#36807;&#28388;&#32534;&#36753;&#22120;&#20869;&#23481;</span>","<span class=\"c\">         * @method  filterOutputRule</span>","<span class=\"c\">         * @remind &#25191;&#34892;editor.getContent&#26041;&#27861;&#30340;&#26102;&#20505;&#65292;&#20250;&#20808;&#36816;&#34892;&#35813;&#36807;&#28388;&#20989;&#25968;</span>","<span class=\"c\">         * @param { UE.uNode } root &#35201;&#36807;&#28388;&#30340;uNode&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.filterOutputRule(editor.body);</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        filterOutputRule<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>root<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>outputRules<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                ci<span class=\"k\">.</span>call<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> root<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>Editor<span class=\"k\">,</span> EventBase<span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['core/Editor.js'][22]++;
+(function () {
+  _$jscoverage['core/Editor.js'][23]++;
+  var uid = 0, _selectionChangeTimer;
+  _$jscoverage['core/Editor.js'][32]++;
+  function setValue(form, editor) {
+    _$jscoverage['core/Editor.js'][33]++;
+    var textarea;
+    _$jscoverage['core/Editor.js'][34]++;
+    if (editor.textarea) {
+      _$jscoverage['core/Editor.js'][35]++;
+      if (utils.isString(editor.textarea)) {
+        _$jscoverage['core/Editor.js'][36]++;
+        for (var i = 0, ti, tis = domUtils.getElementsByTagName(form, "textarea"); (ti = tis[(i++)]);) {
+          _$jscoverage['core/Editor.js'][37]++;
+          if ((ti.id == ("ueditor_textarea_" + editor.options.textarea))) {
+            _$jscoverage['core/Editor.js'][38]++;
+            textarea = ti;
+            _$jscoverage['core/Editor.js'][39]++;
+            break;
+          }
+}
+      }
+      else {
+        _$jscoverage['core/Editor.js'][43]++;
+        textarea = editor.textarea;
+      }
+    }
+    _$jscoverage['core/Editor.js'][46]++;
+    if ((! textarea)) {
+      _$jscoverage['core/Editor.js'][47]++;
+      form.appendChild((textarea = domUtils.createElement(document, "textarea", {"name": editor.options.textarea, "id": ("ueditor_textarea_" + editor.options.textarea), "style": "display:none"})));
+      _$jscoverage['core/Editor.js'][53]++;
+      editor.textarea = textarea;
+    }
+    _$jscoverage['core/Editor.js'][55]++;
+    textarea.value = (editor.hasContents()? (editor.options.allHtmlEnabled? editor.getAllHtml(): editor.getContent(null, null, true)): "");
+}
+  _$jscoverage['core/Editor.js'][66]++;
+  function loadPlugins(me) {
+    _$jscoverage['core/Editor.js'][68]++;
+    for (var pi in UE.plugins) {
+      _$jscoverage['core/Editor.js'][69]++;
+      UE.plugins[pi].call(me);
+}
+    _$jscoverage['core/Editor.js'][71]++;
+    me.langIsReady = true;
+    _$jscoverage['core/Editor.js'][73]++;
+    me.fireEvent("langReady");
+}
+  _$jscoverage['core/Editor.js'][82]++;
+  function checkCurLang(I18N) {
+    _$jscoverage['core/Editor.js'][83]++;
+    for (var lang in I18N) {
+      _$jscoverage['core/Editor.js'][84]++;
+      return lang;
+}
+}
+  _$jscoverage['core/Editor.js'][135]++;
+  var Editor = (UE.Editor = (function (options) {
+  _$jscoverage['core/Editor.js'][136]++;
+  var me = this;
+  _$jscoverage['core/Editor.js'][137]++;
+  me.uid = (uid++);
+  _$jscoverage['core/Editor.js'][138]++;
+  EventBase.call(me);
+  _$jscoverage['core/Editor.js'][139]++;
+  me.commands = {};
+  _$jscoverage['core/Editor.js'][140]++;
+  me.options = utils.extend(utils.clone((options || {})), UEDITOR_CONFIG, true);
+  _$jscoverage['core/Editor.js'][141]++;
+  me.shortcutkeys = {};
+  _$jscoverage['core/Editor.js'][142]++;
+  me.inputRules = [];
+  _$jscoverage['core/Editor.js'][143]++;
+  me.outputRules = [];
+  _$jscoverage['core/Editor.js'][145]++;
+  me.setOpt({isShow: true, initialContent: "", initialStyle: "", autoClearinitialContent: false, iframeCssUrl: (me.options.UEDITOR_HOME_URL + "themes/iframe.css"), textarea: "editorValue", focus: false, focusInEnd: true, autoClearEmptyNode: true, fullscreen: false, readonly: false, zIndex: 999, imagePopup: true, enterTag: "p", customDomain: false, lang: "zh-cn", langPath: (me.options.UEDITOR_HOME_URL + "lang/"), theme: "default", themePath: (me.options.UEDITOR_HOME_URL + "themes/"), allHtmlEnabled: false, scaleEnabled: false, tableNativeEditInFF: false, autoSyncData: true});
+  _$jscoverage['core/Editor.js'][171]++;
+  if ((! utils.isEmptyObject(UE.I18N))) {
+    _$jscoverage['core/Editor.js'][173]++;
+    me.options.lang = checkCurLang(UE.I18N);
+    _$jscoverage['core/Editor.js'][174]++;
+    loadPlugins(me);
+  }
+  else {
+    _$jscoverage['core/Editor.js'][176]++;
+    utils.loadFile(document, {src: (me.options.langPath + me.options.lang + "/" + me.options.lang + ".js"), tag: "script", type: "text/javascript", defer: "defer"}, (function () {
+  _$jscoverage['core/Editor.js'][182]++;
+  loadPlugins(me);
+}));
+  }
+  _$jscoverage['core/Editor.js'][186]++;
+  UE.instants[("ueditorInstant" + me.uid)] = me;
+}));
+  _$jscoverage['core/Editor.js'][188]++;
+  Editor.prototype = {ready: (function (fn) {
+  _$jscoverage['core/Editor.js'][205]++;
+  var me = this;
+  _$jscoverage['core/Editor.js'][206]++;
+  if (fn) {
+    _$jscoverage['core/Editor.js'][207]++;
+    (me.isReady? fn.apply(me): me.addListener("ready", fn));
+  }
+}), setOpt: (function (key, val) {
+  _$jscoverage['core/Editor.js'][238]++;
+  var obj = {};
+  _$jscoverage['core/Editor.js'][239]++;
+  if (utils.isString(key)) {
+    _$jscoverage['core/Editor.js'][240]++;
+    obj[key] = val;
+  }
+  else {
+    _$jscoverage['core/Editor.js'][242]++;
+    obj = key;
+  }
+  _$jscoverage['core/Editor.js'][244]++;
+  utils.extend(this.options, obj, true);
+}), destroy: (function () {
+  _$jscoverage['core/Editor.js'][258]++;
+  var me = this;
+  _$jscoverage['core/Editor.js'][259]++;
+  me.fireEvent("destroy");
+  _$jscoverage['core/Editor.js'][260]++;
+  var container = me.container.parentNode;
+  _$jscoverage['core/Editor.js'][261]++;
+  var textarea = me.textarea;
+  _$jscoverage['core/Editor.js'][262]++;
+  if ((! textarea)) {
+    _$jscoverage['core/Editor.js'][263]++;
+    textarea = document.createElement("textarea");
+    _$jscoverage['core/Editor.js'][264]++;
+    container.parentNode.insertBefore(textarea, container);
+  }
+  else {
+    _$jscoverage['core/Editor.js'][266]++;
+    textarea.style.display = "";
+  }
+  _$jscoverage['core/Editor.js'][269]++;
+  textarea.style.width = (me.iframe.offsetWidth + "px");
+  _$jscoverage['core/Editor.js'][270]++;
+  textarea.style.height = (me.iframe.offsetHeight + "px");
+  _$jscoverage['core/Editor.js'][271]++;
+  textarea.value = me.getContent();
+  _$jscoverage['core/Editor.js'][272]++;
+  textarea.id = me.key;
+  _$jscoverage['core/Editor.js'][273]++;
+  container.innerHTML = "";
+  _$jscoverage['core/Editor.js'][274]++;
+  domUtils.remove(container);
+  _$jscoverage['core/Editor.js'][275]++;
+  var key = me.key;
+  _$jscoverage['core/Editor.js'][277]++;
+  for (var p in me) {
+    _$jscoverage['core/Editor.js'][278]++;
+    if (me.hasOwnProperty(p)) {
+      _$jscoverage['core/Editor.js'][279]++;
+      (delete this[p]);
+    }
+}
+  _$jscoverage['core/Editor.js'][282]++;
+  UE.delEditor(key);
+}), render: (function (container) {
+  _$jscoverage['core/Editor.js'][299]++;
+  var me = this, options = me.options, getStyleValue = (function (attr) {
+  _$jscoverage['core/Editor.js'][302]++;
+  return parseInt(domUtils.getComputedStyle(container, attr));
+});
+  _$jscoverage['core/Editor.js'][304]++;
+  if (utils.isString(container)) {
+    _$jscoverage['core/Editor.js'][305]++;
+    container = document.getElementById(container);
+  }
+  _$jscoverage['core/Editor.js'][307]++;
+  if (container) {
+    _$jscoverage['core/Editor.js'][308]++;
+    if (options.initialFrameWidth) {
+      _$jscoverage['core/Editor.js'][309]++;
+      options.minFrameWidth = options.initialFrameWidth;
+    }
+    else {
+      _$jscoverage['core/Editor.js'][311]++;
+      options.minFrameWidth = (options.initialFrameWidth = container.offsetWidth);
+    }
+    _$jscoverage['core/Editor.js'][313]++;
+    if (options.initialFrameHeight) {
+      _$jscoverage['core/Editor.js'][314]++;
+      options.minFrameHeight = options.initialFrameHeight;
+    }
+    else {
+      _$jscoverage['core/Editor.js'][316]++;
+      options.initialFrameHeight = (options.minFrameHeight = container.offsetHeight);
+    }
+    _$jscoverage['core/Editor.js'][319]++;
+    container.style.width = (/%$/.test(options.initialFrameWidth)? "100%": ((options.initialFrameWidth - getStyleValue("padding-left") - getStyleValue("padding-right")) + "px"));
+    _$jscoverage['core/Editor.js'][321]++;
+    container.style.height = (/%$/.test(options.initialFrameHeight)? "100%": ((options.initialFrameHeight - getStyleValue("padding-top") - getStyleValue("padding-bottom")) + "px"));
+    _$jscoverage['core/Editor.js'][324]++;
+    container.style.zIndex = options.zIndex;
+    _$jscoverage['core/Editor.js'][326]++;
+    var html = (((ie && (browser.version < 9))? "": "<!DOCTYPE html>") + "<html xmlns='http://www.w3.org/1999/xhtml' class='view' ><head>" + "<style type='text/css'>" + ".view{padding:0;word-wrap:break-word;cursor:text;height:90%;}\n" + "body{margin:8px;font-family:sans-serif;font-size:16px;}" + "p{margin:5px 0;}</style>" + (options.iframeCssUrl? ("<link rel='stylesheet' type='text/css' href='" + utils.unhtml(options.iframeCssUrl) + "'/>"): "") + (options.initialStyle? ("<style>" + options.initialStyle + "</style>"): "") + "</head><body class='view' ></body>" + "<script type='text/javascript' " + (ie? "defer='defer'": "") + " id='_initialScript'>" + "setTimeout(function(){window.parent.UE.instants['ueditorInstant" + me.uid + "']._setup(document);},0);" + "var _tmpScript = document.getElementById('_initialScript');_tmpScript.parentNode.removeChild(_tmpScript);</script></html>");
+    _$jscoverage['core/Editor.js'][342]++;
+    container.appendChild(domUtils.createElement(document, "iframe", {id: ("ueditor_" + me.uid), width: "100%", height: "100%", frameborder: "0", src: ("javascript:void(function(){document.open();" + ((options.customDomain && (document.domain != location.hostname))? ("document.domain=\"" + document.domain + "\";"): "") + "document.write(\"" + html + "\");document.close();}())")}));
+    _$jscoverage['core/Editor.js'][350]++;
+    container.style.overflow = "hidden";
+    _$jscoverage['core/Editor.js'][352]++;
+    setTimeout((function () {
+  _$jscoverage['core/Editor.js'][353]++;
+  if (/%$/.test(options.initialFrameWidth)) {
+    _$jscoverage['core/Editor.js'][354]++;
+    options.minFrameWidth = (options.initialFrameWidth = container.offsetWidth);
+    _$jscoverage['core/Editor.js'][355]++;
+    container.style.width = (options.initialFrameWidth + "px");
+  }
+  _$jscoverage['core/Editor.js'][357]++;
+  if (/%$/.test(options.initialFrameHeight)) {
+    _$jscoverage['core/Editor.js'][358]++;
+    options.minFrameHeight = (options.initialFrameHeight = container.offsetHeight);
+    _$jscoverage['core/Editor.js'][359]++;
+    container.style.height = (options.initialFrameHeight + "px");
+  }
+}));
+  }
+}), _setup: (function (doc) {
+  _$jscoverage['core/Editor.js'][373]++;
+  var me = this, options = me.options;
+  _$jscoverage['core/Editor.js'][375]++;
+  if (ie) {
+    _$jscoverage['core/Editor.js'][376]++;
+    doc.body.disabled = true;
+    _$jscoverage['core/Editor.js'][377]++;
+    doc.body.contentEditable = true;
+    _$jscoverage['core/Editor.js'][378]++;
+    doc.body.disabled = false;
+  }
+  else {
+    _$jscoverage['core/Editor.js'][380]++;
+    doc.body.contentEditable = true;
+  }
+  _$jscoverage['core/Editor.js'][382]++;
+  doc.body.spellcheck = false;
+  _$jscoverage['core/Editor.js'][383]++;
+  me.document = doc;
+  _$jscoverage['core/Editor.js'][384]++;
+  me.window = (doc.defaultView || doc.parentWindow);
+  _$jscoverage['core/Editor.js'][385]++;
+  me.iframe = me.window.frameElement;
+  _$jscoverage['core/Editor.js'][386]++;
+  me.body = doc.body;
+  _$jscoverage['core/Editor.js'][388]++;
+  me.selection = new (dom.Selection)(doc);
+  _$jscoverage['core/Editor.js'][390]++;
+  var geckoSel;
+  _$jscoverage['core/Editor.js'][391]++;
+  if ((browser.gecko && (geckoSel = this.selection.getNative()))) {
+    _$jscoverage['core/Editor.js'][392]++;
+    geckoSel.removeAllRanges();
+  }
+  _$jscoverage['core/Editor.js'][394]++;
+  this._initEvents();
+  _$jscoverage['core/Editor.js'][396]++;
+  for (var form = this.iframe.parentNode; (! domUtils.isBody(form)); (form = form.parentNode)) {
+    _$jscoverage['core/Editor.js'][397]++;
+    if ((form.tagName == "FORM")) {
+      _$jscoverage['core/Editor.js'][398]++;
+      me.form = form;
+      _$jscoverage['core/Editor.js'][399]++;
+      if (me.options.autoSyncData) {
+        _$jscoverage['core/Editor.js'][400]++;
+        domUtils.on(me.window, "blur", (function () {
+  _$jscoverage['core/Editor.js'][401]++;
+  setValue(form, me);
+}));
+      }
+      else {
+        _$jscoverage['core/Editor.js'][404]++;
+        domUtils.on(form, "submit", (function () {
+  _$jscoverage['core/Editor.js'][405]++;
+  setValue(this, me);
+}));
+      }
+      _$jscoverage['core/Editor.js'][408]++;
+      break;
+    }
+}
+  _$jscoverage['core/Editor.js'][411]++;
+  if (options.initialContent) {
+    _$jscoverage['core/Editor.js'][412]++;
+    if (options.autoClearinitialContent) {
+      _$jscoverage['core/Editor.js'][413]++;
+      var oldExecCommand = me.execCommand;
+      _$jscoverage['core/Editor.js'][414]++;
+      me.execCommand = (function () {
+  _$jscoverage['core/Editor.js'][415]++;
+  me.fireEvent("firstBeforeExecCommand");
+  _$jscoverage['core/Editor.js'][416]++;
+  return oldExecCommand.apply(me, arguments);
+});
+      _$jscoverage['core/Editor.js'][418]++;
+      this._setDefaultContent(options.initialContent);
+    }
+    else {
+      _$jscoverage['core/Editor.js'][420]++;
+      this.setContent(options.initialContent, false, true);
+    }
+  }
+  _$jscoverage['core/Editor.js'][425]++;
+  if (domUtils.isEmptyNode(me.body)) {
+    _$jscoverage['core/Editor.js'][426]++;
+    me.body.innerHTML = ("<p>" + (browser.ie? "": "<br/>") + "</p>");
+  }
+  _$jscoverage['core/Editor.js'][429]++;
+  if (options.focus) {
+    _$jscoverage['core/Editor.js'][430]++;
+    setTimeout((function () {
+  _$jscoverage['core/Editor.js'][431]++;
+  me.focus(me.options.focusInEnd);
+  _$jscoverage['core/Editor.js'][433]++;
+  ((! me.options.autoClearinitialContent) && me._selectionChange());
+}), 0);
+  }
+  _$jscoverage['core/Editor.js'][436]++;
+  if ((! me.container)) {
+    _$jscoverage['core/Editor.js'][437]++;
+    me.container = this.iframe.parentNode;
+  }
+  _$jscoverage['core/Editor.js'][439]++;
+  if ((options.fullscreen && me.ui)) {
+    _$jscoverage['core/Editor.js'][440]++;
+    me.ui.setFullScreen(true);
+  }
+  _$jscoverage['core/Editor.js'][443]++;
+  try {
+    _$jscoverage['core/Editor.js'][444]++;
+    me.document.execCommand("2D-position", false, false);
+  }
+  catch (e) {
+  }
+  _$jscoverage['core/Editor.js'][447]++;
+  try {
+    _$jscoverage['core/Editor.js'][448]++;
+    me.document.execCommand("enableInlineTableEditing", false, false);
+  }
+  catch (e) {
+  }
+  _$jscoverage['core/Editor.js'][451]++;
+  try {
+    _$jscoverage['core/Editor.js'][452]++;
+    me.document.execCommand("enableObjectResizing", false, false);
+  }
+  catch (e) {
+  }
+  _$jscoverage['core/Editor.js'][458]++;
+  me._bindshortcutKeys();
+  _$jscoverage['core/Editor.js'][459]++;
+  me.isReady = 1;
+  _$jscoverage['core/Editor.js'][460]++;
+  me.fireEvent("ready");
+  _$jscoverage['core/Editor.js'][461]++;
+  (options.onready && options.onready.call(me));
+  _$jscoverage['core/Editor.js'][462]++;
+  if ((! browser.ie)) {
+    _$jscoverage['core/Editor.js'][463]++;
+    domUtils.on(me.window, ["blur", "focus"], (function (e) {
+  _$jscoverage['core/Editor.js'][465]++;
+  if ((e.type == "blur")) {
+    _$jscoverage['core/Editor.js'][466]++;
+    me._bakRange = me.selection.getRange();
+    _$jscoverage['core/Editor.js'][467]++;
+    try {
+      _$jscoverage['core/Editor.js'][468]++;
+      me._bakNativeRange = me.selection.getNative().getRangeAt(0);
+      _$jscoverage['core/Editor.js'][469]++;
+      me.selection.getNative().removeAllRanges();
+    }
+    catch (e) {
+      _$jscoverage['core/Editor.js'][471]++;
+      me._bakNativeRange = null;
+    }
+  }
+  else {
+    _$jscoverage['core/Editor.js'][475]++;
+    try {
+      _$jscoverage['core/Editor.js'][476]++;
+      (me._bakRange && me._bakRange.select());
+    }
+    catch (e) {
+    }
+  }
+}));
+  }
+  _$jscoverage['core/Editor.js'][483]++;
+  if ((browser.gecko && (browser.version <= 10902))) {
+    _$jscoverage['core/Editor.js'][485]++;
+    me.body.contentEditable = false;
+    _$jscoverage['core/Editor.js'][486]++;
+    setTimeout((function () {
+  _$jscoverage['core/Editor.js'][487]++;
+  me.body.contentEditable = true;
+}), 100);
+    _$jscoverage['core/Editor.js'][489]++;
+    setInterval((function () {
+  _$jscoverage['core/Editor.js'][490]++;
+  me.body.style.height = ((me.iframe.offsetHeight - 20) + "px");
+}), 100);
+  }
+  _$jscoverage['core/Editor.js'][493]++;
+  ((! options.isShow) && me.setHide());
+  _$jscoverage['core/Editor.js'][494]++;
+  (options.readonly && me.setDisabled());
+}), sync: (function (formId) {
+  _$jscoverage['core/Editor.js'][515]++;
+  var me = this, form = (formId? document.getElementById(formId): domUtils.findParent(me.iframe.parentNode, (function (node) {
+  _$jscoverage['core/Editor.js'][518]++;
+  return (node.tagName == "FORM");
+}), true));
+  _$jscoverage['core/Editor.js'][520]++;
+  (form && setValue(form, me));
+}), setHeight: (function (height, notSetHeight) {
+  _$jscoverage['core/Editor.js'][533]++;
+  if ((height !== parseInt(this.iframe.parentNode.style.height))) {
+    _$jscoverage['core/Editor.js'][534]++;
+    this.iframe.parentNode.style.height = (height + "px");
+  }
+  _$jscoverage['core/Editor.js'][536]++;
+  ((! notSetHeight) && (this.options.minFrameHeight = (this.options.initialFrameHeight = height)));
+  _$jscoverage['core/Editor.js'][538]++;
+  this.body.style.height = (height + "px");
+}), addshortcutkey: (function (cmd, keys) {
+  _$jscoverage['core/Editor.js'][564]++;
+  var obj = {};
+  _$jscoverage['core/Editor.js'][565]++;
+  if (keys) {
+    _$jscoverage['core/Editor.js'][566]++;
+    obj[cmd] = keys;
+  }
+  else {
+    _$jscoverage['core/Editor.js'][568]++;
+    obj = cmd;
+  }
+  _$jscoverage['core/Editor.js'][570]++;
+  utils.extend(this.shortcutkeys, obj);
+}), _bindshortcutKeys: (function () {
+  _$jscoverage['core/Editor.js'][579]++;
+  var me = this, shortcutkeys = this.shortcutkeys;
+  _$jscoverage['core/Editor.js'][580]++;
+  me.addListener("keydown", (function (type, e) {
+  _$jscoverage['core/Editor.js'][581]++;
+  var keyCode = (e.keyCode || e.which);
+  _$jscoverage['core/Editor.js'][582]++;
+  for (var i in shortcutkeys) {
+    _$jscoverage['core/Editor.js'][583]++;
+    var tmp = shortcutkeys[i].split(",");
+    _$jscoverage['core/Editor.js'][584]++;
+    for (var t = 0, ti; (ti = tmp[(t++)]);) {
+      _$jscoverage['core/Editor.js'][585]++;
+      ti = ti.split(":");
+      _$jscoverage['core/Editor.js'][586]++;
+      var key = ti[0], param = ti[1];
+      _$jscoverage['core/Editor.js'][587]++;
+      if ((/^(ctrl)(\+shift)?\+(\d+)$/.test(key.toLowerCase()) || /^(\d+)$/.test(key))) {
+        _$jscoverage['core/Editor.js'][588]++;
+        if (((((RegExp.$1 == "ctrl")? (e.ctrlKey || e.metaKey): 0) && ((RegExp.$2 != "")? e[(RegExp.$2.slice(1) + "Key")]: 1) && (keyCode == RegExp.$3)) || (keyCode == RegExp.$1))) {
+          _$jscoverage['core/Editor.js'][594]++;
+          if ((me.queryCommandState(i, param) != -1)) {
+            _$jscoverage['core/Editor.js'][595]++;
+            me.execCommand(i, param);
+          }
+          _$jscoverage['core/Editor.js'][596]++;
+          domUtils.preventDefault(e);
+        }
+      }
+}
+}
+}));
+}), getContent: (function (cmd, fn, notSetCursor, ignoreBlank, formatter) {
+  _$jscoverage['core/Editor.js'][635]++;
+  var me = this;
+  _$jscoverage['core/Editor.js'][636]++;
+  if ((cmd && utils.isFunction(cmd))) {
+    _$jscoverage['core/Editor.js'][637]++;
+    fn = cmd;
+    _$jscoverage['core/Editor.js'][638]++;
+    cmd = "";
+  }
+  _$jscoverage['core/Editor.js'][640]++;
+  if ((fn? (! fn()): (! this.hasContents()))) {
+    _$jscoverage['core/Editor.js'][641]++;
+    return "";
+  }
+  _$jscoverage['core/Editor.js'][643]++;
+  me.fireEvent("beforegetcontent");
+  _$jscoverage['core/Editor.js'][644]++;
+  var root = UE.htmlparser(me.body.innerHTML, ignoreBlank);
+  _$jscoverage['core/Editor.js'][645]++;
+  me.filterOutputRule(root);
+  _$jscoverage['core/Editor.js'][646]++;
+  me.fireEvent("aftergetcontent", cmd);
+  _$jscoverage['core/Editor.js'][647]++;
+  return root.toHtml(formatter);
+}), getAllHtml: (function () {
+  _$jscoverage['core/Editor.js'][660]++;
+  var me = this, headHtml = [], html = "";
+  _$jscoverage['core/Editor.js'][663]++;
+  me.fireEvent("getAllHtml", headHtml);
+  _$jscoverage['core/Editor.js'][664]++;
+  if ((browser.ie && (browser.version > 8))) {
+    _$jscoverage['core/Editor.js'][665]++;
+    var headHtmlForIE9 = "";
+    _$jscoverage['core/Editor.js'][666]++;
+    utils.each(me.document.styleSheets, (function (si) {
+  _$jscoverage['core/Editor.js'][667]++;
+  headHtmlForIE9 += (si.href? ("<link rel=\"stylesheet\" type=\"text/css\" href=\"" + si.href + "\" />"): ("<style>" + si.cssText + "</style>"));
+}));
+    _$jscoverage['core/Editor.js'][669]++;
+    utils.each(me.document.getElementsByTagName("script"), (function (si) {
+  _$jscoverage['core/Editor.js'][670]++;
+  headHtmlForIE9 += si.outerHTML;
+}));
+  }
+  _$jscoverage['core/Editor.js'][674]++;
+  return ("<html><head>" + (me.options.charset? ("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=" + me.options.charset + "\"/>"): "") + (headHtmlForIE9 || me.document.getElementsByTagName("head")[0].innerHTML) + headHtml.join("\n") + "</head>" + "<body " + ((ie && (browser.version < 9))? "class=\"view\"": "") + ">" + me.getContent(null, null, true) + "</body></html>");
+}), getPlainTxt: (function () {
+  _$jscoverage['core/Editor.js'][689]++;
+  var reg = new RegExp(domUtils.fillChar, "g"), html = this.body.innerHTML.replace(/[\n\r]/g, "");
+  _$jscoverage['core/Editor.js'][691]++;
+  html = html.replace(/<(p|div)[^>]*>(<br\/?>|&nbsp;)<\/\1>/gi, "\n").replace(/<br\/?>/gi, "\n").replace(/<[^>/]+>/g, "").replace(/(\n)?<\/([^>]+)>/g, (function (a, b, c) {
+  _$jscoverage['core/Editor.js'][695]++;
+  return (dtd.$block[c]? "\n": (b? b: ""));
+}));
+  _$jscoverage['core/Editor.js'][698]++;
+  return html.replace(reg, "").replace(/\u00a0/g, " ").replace(/&nbsp;/g, " ");
+}), getContentTxt: (function () {
+  _$jscoverage['core/Editor.js'][711]++;
+  var reg = new RegExp(domUtils.fillChar, "g");
+  _$jscoverage['core/Editor.js'][713]++;
+  return this.body[(browser.ie? "innerText": "textContent")].replace(reg, "").replace(/\u00a0/g, " ");
+}), setContent: (function (html, isAppendTo, notFireSelectionchange) {
+  _$jscoverage['core/Editor.js'][755]++;
+  var me = this;
+  _$jscoverage['core/Editor.js'][757]++;
+  me.fireEvent("beforesetcontent", html);
+  _$jscoverage['core/Editor.js'][758]++;
+  var root = UE.htmlparser(html);
+  _$jscoverage['core/Editor.js'][759]++;
+  me.filterInputRule(root);
+  _$jscoverage['core/Editor.js'][760]++;
+  html = root.toHtml();
+  _$jscoverage['core/Editor.js'][763]++;
+  me.body.innerHTML = ((isAppendTo? me.body.innerHTML: "") + html);
+  _$jscoverage['core/Editor.js'][766]++;
+  function isCdataDiv(node) {
+    _$jscoverage['core/Editor.js'][767]++;
+    return ((node.tagName == "DIV") && node.getAttribute("cdata_tag"));
+}
+  _$jscoverage['core/Editor.js'][771]++;
+  if ((me.options.enterTag == "p")) {
+    _$jscoverage['core/Editor.js'][773]++;
+    var child = this.body.firstChild, tmpNode;
+    _$jscoverage['core/Editor.js'][774]++;
+    if (((! child) || ((child.nodeType == 1) && (dtd.$cdata[child.tagName] || isCdataDiv(child) || domUtils.isCustomeNode(child)) && (child === this.body.lastChild)))) {
+      _$jscoverage['core/Editor.js'][779]++;
+      this.body.innerHTML = ("<p>" + (browser.ie? "&nbsp;": "<br/>") + "</p>" + this.body.innerHTML);
+    }
+    else {
+      _$jscoverage['core/Editor.js'][782]++;
+      var p = me.document.createElement("p");
+      _$jscoverage['core/Editor.js'][783]++;
+      while (child) {
+        _$jscoverage['core/Editor.js'][784]++;
+        while ((child && ((child.nodeType == 3) || ((child.nodeType == 1) && dtd.p[child.tagName] && (! dtd.$cdata[child.tagName]))))) {
+          _$jscoverage['core/Editor.js'][785]++;
+          tmpNode = child.nextSibling;
+          _$jscoverage['core/Editor.js'][786]++;
+          p.appendChild(child);
+          _$jscoverage['core/Editor.js'][787]++;
+          child = tmpNode;
+}
+        _$jscoverage['core/Editor.js'][789]++;
+        if (p.firstChild) {
+          _$jscoverage['core/Editor.js'][790]++;
+          if ((! child)) {
+            _$jscoverage['core/Editor.js'][791]++;
+            me.body.appendChild(p);
+            _$jscoverage['core/Editor.js'][792]++;
+            break;
+          }
+          else {
+            _$jscoverage['core/Editor.js'][794]++;
+            child.parentNode.insertBefore(p, child);
+            _$jscoverage['core/Editor.js'][795]++;
+            p = me.document.createElement("p");
+          }
+        }
+        _$jscoverage['core/Editor.js'][798]++;
+        child = child.nextSibling;
+}
+    }
+  }
+  _$jscoverage['core/Editor.js'][802]++;
+  me.fireEvent("aftersetcontent");
+  _$jscoverage['core/Editor.js'][803]++;
+  me.fireEvent("contentchange");
+  _$jscoverage['core/Editor.js'][805]++;
+  ((! notFireSelectionchange) && me._selectionChange());
+  _$jscoverage['core/Editor.js'][807]++;
+  me._bakRange = (me._bakIERange = (me._bakNativeRange = null));
+  _$jscoverage['core/Editor.js'][809]++;
+  var geckoSel;
+  _$jscoverage['core/Editor.js'][810]++;
+  if ((browser.gecko && (geckoSel = this.selection.getNative()))) {
+    _$jscoverage['core/Editor.js'][811]++;
+    geckoSel.removeAllRanges();
+  }
+  _$jscoverage['core/Editor.js'][813]++;
+  if (me.options.autoSyncData) {
+    _$jscoverage['core/Editor.js'][814]++;
+    (me.form && setValue(me.form, me));
+  }
+}), focus: (function (toEnd) {
+  _$jscoverage['core/Editor.js'][837]++;
+  try {
+    _$jscoverage['core/Editor.js'][838]++;
+    var me = this, rng = me.selection.getRange();
+    _$jscoverage['core/Editor.js'][840]++;
+    if (toEnd) {
+      _$jscoverage['core/Editor.js'][841]++;
+      rng.setStartAtLast(me.body.lastChild).setCursor(false, true);
+    }
+    else {
+      _$jscoverage['core/Editor.js'][843]++;
+      rng.select(true);
+    }
+    _$jscoverage['core/Editor.js'][845]++;
+    this.fireEvent("focus");
+  }
+  catch (e) {
+  }
+}), _initEvents: (function () {
+  _$jscoverage['core/Editor.js'][856]++;
+  var me = this, doc = me.document, win = me.window;
+  _$jscoverage['core/Editor.js'][859]++;
+  me._proxyDomEvent = utils.bind(me._proxyDomEvent, me);
+  _$jscoverage['core/Editor.js'][860]++;
+  domUtils.on(doc, ["click", "contextmenu", "mousedown", "keydown", "keyup", "keypress", "mouseup", "mouseover", "mouseout", "selectstart"], me._proxyDomEvent);
+  _$jscoverage['core/Editor.js'][861]++;
+  domUtils.on(win, ["focus", "blur"], me._proxyDomEvent);
+  _$jscoverage['core/Editor.js'][862]++;
+  domUtils.on(doc, ["mouseup", "keydown"], (function (evt) {
+  _$jscoverage['core/Editor.js'][864]++;
+  if (((evt.type == "keydown") && (evt.ctrlKey || evt.metaKey || evt.shiftKey || evt.altKey))) {
+    _$jscoverage['core/Editor.js'][865]++;
+    return;
+  }
+  _$jscoverage['core/Editor.js'][867]++;
+  if ((evt.button == 2)) {
+    _$jscoverage['core/Editor.js'][867]++;
+    return;
+  }
+  _$jscoverage['core/Editor.js'][868]++;
+  me._selectionChange(250, evt);
+}));
+}), _proxyDomEvent: (function (evt) {
+  _$jscoverage['core/Editor.js'][921]++;
+  return this.fireEvent(evt.type.replace(/^on/, ""), evt);
+}), _selectionChange: (function (delay, evt) {
+  _$jscoverage['core/Editor.js'][929]++;
+  var me = this;
+  _$jscoverage['core/Editor.js'][936]++;
+  var hackForMouseUp = false;
+  _$jscoverage['core/Editor.js'][937]++;
+  var mouseX, mouseY;
+  _$jscoverage['core/Editor.js'][938]++;
+  if ((browser.ie && (browser.version < 9) && evt && (evt.type == "mouseup"))) {
+    _$jscoverage['core/Editor.js'][939]++;
+    var range = this.selection.getRange();
+    _$jscoverage['core/Editor.js'][940]++;
+    if ((! range.collapsed)) {
+      _$jscoverage['core/Editor.js'][941]++;
+      hackForMouseUp = true;
+      _$jscoverage['core/Editor.js'][942]++;
+      mouseX = evt.clientX;
+      _$jscoverage['core/Editor.js'][943]++;
+      mouseY = evt.clientY;
+    }
+  }
+  _$jscoverage['core/Editor.js'][946]++;
+  clearTimeout(_selectionChangeTimer);
+  _$jscoverage['core/Editor.js'][947]++;
+  _selectionChangeTimer = setTimeout((function () {
+  _$jscoverage['core/Editor.js'][948]++;
+  if ((! me.selection.getNative())) {
+    _$jscoverage['core/Editor.js'][949]++;
+    return;
+  }
+  _$jscoverage['core/Editor.js'][953]++;
+  var ieRange;
+  _$jscoverage['core/Editor.js'][954]++;
+  if ((hackForMouseUp && (me.selection.getNative().type == "None"))) {
+    _$jscoverage['core/Editor.js'][955]++;
+    ieRange = me.document.body.createTextRange();
+    _$jscoverage['core/Editor.js'][956]++;
+    try {
+      _$jscoverage['core/Editor.js'][957]++;
+      ieRange.moveToPoint(mouseX, mouseY);
+    }
+    catch (ex) {
+      _$jscoverage['core/Editor.js'][959]++;
+      ieRange = null;
+    }
+  }
+  _$jscoverage['core/Editor.js'][962]++;
+  var bakGetIERange;
+  _$jscoverage['core/Editor.js'][963]++;
+  if (ieRange) {
+    _$jscoverage['core/Editor.js'][964]++;
+    bakGetIERange = me.selection.getIERange;
+    _$jscoverage['core/Editor.js'][965]++;
+    me.selection.getIERange = (function () {
+  _$jscoverage['core/Editor.js'][966]++;
+  return ieRange;
+});
+  }
+  _$jscoverage['core/Editor.js'][969]++;
+  me.selection.cache();
+  _$jscoverage['core/Editor.js'][970]++;
+  if (bakGetIERange) {
+    _$jscoverage['core/Editor.js'][971]++;
+    me.selection.getIERange = bakGetIERange;
+  }
+  _$jscoverage['core/Editor.js'][973]++;
+  if ((me.selection._cachedRange && me.selection._cachedStartElement)) {
+    _$jscoverage['core/Editor.js'][974]++;
+    me.fireEvent("beforeselectionchange");
+    _$jscoverage['core/Editor.js'][976]++;
+    me.fireEvent("selectionchange", (! (! evt)));
+    _$jscoverage['core/Editor.js'][977]++;
+    me.fireEvent("afterselectionchange");
+    _$jscoverage['core/Editor.js'][978]++;
+    me.selection.clear();
+  }
+}), (delay || 50));
+}), _callCmdFn: (function (fnName, args) {
+  _$jscoverage['core/Editor.js'][992]++;
+  var cmdName = args[0].toLowerCase(), cmd, cmdFn;
+  _$jscoverage['core/Editor.js'][994]++;
+  cmd = (this.commands[cmdName] || UE.commands[cmdName]);
+  _$jscoverage['core/Editor.js'][995]++;
+  cmdFn = (cmd && cmd[fnName]);
+  _$jscoverage['core/Editor.js'][997]++;
+  if ((((! cmd) || (! cmdFn)) && (fnName == "queryCommandState"))) {
+    _$jscoverage['core/Editor.js'][998]++;
+    return 0;
+  }
+  else {
+    _$jscoverage['core/Editor.js'][999]++;
+    if (cmdFn) {
+      _$jscoverage['core/Editor.js'][1000]++;
+      return cmdFn.apply(this, args);
+    }
+  }
+}), execCommand: (function (cmdName) {
+  _$jscoverage['core/Editor.js'][1014]++;
+  cmdName = cmdName.toLowerCase();
+  _$jscoverage['core/Editor.js'][1015]++;
+  var me = this, result, cmd = (me.commands[cmdName] || UE.commands[cmdName]);
+  _$jscoverage['core/Editor.js'][1018]++;
+  if (((! cmd) || (! cmd.execCommand))) {
+    _$jscoverage['core/Editor.js'][1019]++;
+    return null;
+  }
+  _$jscoverage['core/Editor.js'][1021]++;
+  if (((! cmd.notNeedUndo) && (! me.__hasEnterExecCommand))) {
+    _$jscoverage['core/Editor.js'][1022]++;
+    me.__hasEnterExecCommand = true;
+    _$jscoverage['core/Editor.js'][1023]++;
+    if ((me.queryCommandState.apply(me, arguments) != -1)) {
+      _$jscoverage['core/Editor.js'][1024]++;
+      me.fireEvent("beforeexeccommand", cmdName);
+      _$jscoverage['core/Editor.js'][1025]++;
+      result = this._callCmdFn("execCommand", arguments);
+      _$jscoverage['core/Editor.js'][1026]++;
+      ((! me._ignoreContentChange) && me.fireEvent("contentchange"));
+      _$jscoverage['core/Editor.js'][1027]++;
+      me.fireEvent("afterexeccommand", cmdName);
+    }
+    _$jscoverage['core/Editor.js'][1029]++;
+    me.__hasEnterExecCommand = false;
+  }
+  else {
+    _$jscoverage['core/Editor.js'][1031]++;
+    result = this._callCmdFn("execCommand", arguments);
+    _$jscoverage['core/Editor.js'][1032]++;
+    ((! me._ignoreContentChange) && me.fireEvent("contentchange"));
+  }
+  _$jscoverage['core/Editor.js'][1034]++;
+  ((! me._ignoreContentChange) && me._selectionChange());
+  _$jscoverage['core/Editor.js'][1035]++;
+  return result;
+}), queryCommandState: (function (cmdName) {
+  _$jscoverage['core/Editor.js'][1051]++;
+  return this._callCmdFn("queryCommandState", arguments);
+}), queryCommandValue: (function (cmdName) {
+  _$jscoverage['core/Editor.js'][1062]++;
+  return this._callCmdFn("queryCommandValue", arguments);
+}), hasContents: (function (tags) {
+  _$jscoverage['core/Editor.js'][1088]++;
+  if (tags) {
+    _$jscoverage['core/Editor.js'][1089]++;
+    for (var i = 0, ci; (ci = tags[(i++)]);) {
+      _$jscoverage['core/Editor.js'][1090]++;
+      if ((this.document.getElementsByTagName(ci).length > 0)) {
+        _$jscoverage['core/Editor.js'][1091]++;
+        return true;
+      }
+}
+  }
+  _$jscoverage['core/Editor.js'][1095]++;
+  if ((! domUtils.isEmptyBlock(this.body))) {
+    _$jscoverage['core/Editor.js'][1096]++;
+    return true;
+  }
+  _$jscoverage['core/Editor.js'][1099]++;
+  tags = ["div"];
+  _$jscoverage['core/Editor.js'][1100]++;
+  for (i = 0; (ci = tags[(i++)]);) {
+    _$jscoverage['core/Editor.js'][1101]++;
+    var nodes = domUtils.getElementsByTagName(this.document, ci);
+    _$jscoverage['core/Editor.js'][1102]++;
+    for (var n = 0, cn; (cn = nodes[(n++)]);) {
+      _$jscoverage['core/Editor.js'][1103]++;
+      if (domUtils.isCustomeNode(cn)) {
+        _$jscoverage['core/Editor.js'][1104]++;
+        return true;
+      }
+}
+}
+  _$jscoverage['core/Editor.js'][1108]++;
+  return false;
+}), reset: (function () {
+  _$jscoverage['core/Editor.js'][1121]++;
+  this.fireEvent("reset");
+}), setEnabled: (function () {
+  _$jscoverage['core/Editor.js'][1133]++;
+  var me = this, range;
+  _$jscoverage['core/Editor.js'][1134]++;
+  if ((me.body.contentEditable == "false")) {
+    _$jscoverage['core/Editor.js'][1135]++;
+    me.body.contentEditable = true;
+    _$jscoverage['core/Editor.js'][1136]++;
+    range = me.selection.getRange();
+    _$jscoverage['core/Editor.js'][1138]++;
+    try {
+      _$jscoverage['core/Editor.js'][1139]++;
+      range.moveToBookmark(me.lastBk);
+      _$jscoverage['core/Editor.js'][1140]++;
+      (delete me.lastBk);
+    }
+    catch (e) {
+      _$jscoverage['core/Editor.js'][1142]++;
+      range.setStartAtFirst(me.body).collapse(true);
+    }
+    _$jscoverage['core/Editor.js'][1144]++;
+    range.select(true);
+    _$jscoverage['core/Editor.js'][1145]++;
+    if (me.bkqueryCommandState) {
+      _$jscoverage['core/Editor.js'][1146]++;
+      me.queryCommandState = me.bkqueryCommandState;
+      _$jscoverage['core/Editor.js'][1147]++;
+      (delete me.bkqueryCommandState);
+    }
+    _$jscoverage['core/Editor.js'][1149]++;
+    me.fireEvent("selectionchange");
+  }
+}), enable: (function () {
+  _$jscoverage['core/Editor.js'][1164]++;
+  return this.setEnabled();
+}), setDisabled: (function (except) {
+  _$jscoverage['core/Editor.js'][1191]++;
+  var me = this;
+  _$jscoverage['core/Editor.js'][1192]++;
+  except = (except? (utils.isArray(except)? except: [except]): []);
+  _$jscoverage['core/Editor.js'][1193]++;
+  if ((me.body.contentEditable == "true")) {
+    _$jscoverage['core/Editor.js'][1194]++;
+    if ((! me.lastBk)) {
+      _$jscoverage['core/Editor.js'][1195]++;
+      me.lastBk = me.selection.getRange().createBookmark(true);
+    }
+    _$jscoverage['core/Editor.js'][1197]++;
+    me.body.contentEditable = false;
+    _$jscoverage['core/Editor.js'][1198]++;
+    me.bkqueryCommandState = me.queryCommandState;
+    _$jscoverage['core/Editor.js'][1199]++;
+    me.queryCommandState = (function (type) {
+  _$jscoverage['core/Editor.js'][1200]++;
+  if ((utils.indexOf(except, type) != -1)) {
+    _$jscoverage['core/Editor.js'][1201]++;
+    return me.bkqueryCommandState.apply(me, arguments);
+  }
+  _$jscoverage['core/Editor.js'][1203]++;
+  return -1;
+});
+    _$jscoverage['core/Editor.js'][1205]++;
+    me.fireEvent("selectionchange");
+  }
+}), disable: (function (except) {
+  _$jscoverage['core/Editor.js'][1236]++;
+  return this.setDisabled(except);
+}), _setDefaultContent: (function () {
+  _$jscoverage['core/Editor.js'][1246]++;
+  function clear() {
+    _$jscoverage['core/Editor.js'][1247]++;
+    var me = this;
+    _$jscoverage['core/Editor.js'][1248]++;
+    if (me.document.getElementById("initContent")) {
+      _$jscoverage['core/Editor.js'][1249]++;
+      me.body.innerHTML = ("<p>" + (ie? "": "<br/>") + "</p>");
+      _$jscoverage['core/Editor.js'][1250]++;
+      me.removeListener("firstBeforeExecCommand focus", clear);
+      _$jscoverage['core/Editor.js'][1251]++;
+      setTimeout((function () {
+  _$jscoverage['core/Editor.js'][1252]++;
+  me.focus();
+  _$jscoverage['core/Editor.js'][1253]++;
+  me._selectionChange();
+}), 0);
+    }
+}
+  _$jscoverage['core/Editor.js'][1258]++;
+  return (function (cont) {
+  _$jscoverage['core/Editor.js'][1259]++;
+  var me = this;
+  _$jscoverage['core/Editor.js'][1260]++;
+  me.body.innerHTML = ("<p id=\"initContent\">" + cont + "</p>");
+  _$jscoverage['core/Editor.js'][1262]++;
+  me.addListener("firstBeforeExecCommand focus", clear);
+});
+})(), setShow: (function () {
+  _$jscoverage['core/Editor.js'][1272]++;
+  var me = this, range = me.selection.getRange();
+  _$jscoverage['core/Editor.js'][1273]++;
+  if ((me.container.style.display == "none")) {
+    _$jscoverage['core/Editor.js'][1275]++;
+    try {
+      _$jscoverage['core/Editor.js'][1276]++;
+      range.moveToBookmark(me.lastBk);
+      _$jscoverage['core/Editor.js'][1277]++;
+      (delete me.lastBk);
+    }
+    catch (e) {
+      _$jscoverage['core/Editor.js'][1279]++;
+      range.setStartAtFirst(me.body).collapse(true);
+    }
+    _$jscoverage['core/Editor.js'][1282]++;
+    setTimeout((function () {
+  _$jscoverage['core/Editor.js'][1283]++;
+  range.select(true);
+}), 100);
+    _$jscoverage['core/Editor.js'][1285]++;
+    me.container.style.display = "";
+  }
+}), show: (function () {
+  _$jscoverage['core/Editor.js'][1299]++;
+  return this.setShow();
+}), setHide: (function () {
+  _$jscoverage['core/Editor.js'][1308]++;
+  var me = this;
+  _$jscoverage['core/Editor.js'][1309]++;
+  if ((! me.lastBk)) {
+    _$jscoverage['core/Editor.js'][1310]++;
+    me.lastBk = me.selection.getRange().createBookmark(true);
+  }
+  _$jscoverage['core/Editor.js'][1312]++;
+  me.container.style.display = "none";
+}), hide: (function () {
+  _$jscoverage['core/Editor.js'][1325]++;
+  return this.setHide();
+}), getLang: (function (path) {
+  _$jscoverage['core/Editor.js'][1339]++;
+  var lang = UE.I18N[this.options.lang];
+  _$jscoverage['core/Editor.js'][1340]++;
+  if ((! lang)) {
+    _$jscoverage['core/Editor.js'][1341]++;
+    throw Error("not import language file");
+  }
+  _$jscoverage['core/Editor.js'][1343]++;
+  path = (path || "").split(".");
+  _$jscoverage['core/Editor.js'][1344]++;
+  for (var i = 0, ci; (ci = path[(i++)]);) {
+    _$jscoverage['core/Editor.js'][1345]++;
+    lang = lang[ci];
+    _$jscoverage['core/Editor.js'][1346]++;
+    if ((! lang)) {
+      _$jscoverage['core/Editor.js'][1346]++;
+      break;
+    }
+}
+  _$jscoverage['core/Editor.js'][1348]++;
+  return lang;
+}), getContentLength: (function (ingoneHtml, tagNames) {
+  _$jscoverage['core/Editor.js'][1385]++;
+  var count = this.getContent(false, false, true).length;
+  _$jscoverage['core/Editor.js'][1386]++;
+  if (ingoneHtml) {
+    _$jscoverage['core/Editor.js'][1387]++;
+    tagNames = (tagNames || []).concat(["hr", "img", "iframe"]);
+    _$jscoverage['core/Editor.js'][1388]++;
+    count = this.getContentTxt().replace(/[\t\r\n]+/g, "").length;
+    _$jscoverage['core/Editor.js'][1389]++;
+    for (var i = 0, ci; (ci = tagNames[(i++)]);) {
+      _$jscoverage['core/Editor.js'][1390]++;
+      count += this.document.getElementsByTagName(ci).length;
+}
+  }
+  _$jscoverage['core/Editor.js'][1393]++;
+  return count;
+}), addInputRule: (function (rule) {
+  _$jscoverage['core/Editor.js'][1410]++;
+  this.inputRules.push(rule);
+}), filterInputRule: (function (root) {
+  _$jscoverage['core/Editor.js'][1424]++;
+  for (var i = 0, ci; (ci = this.inputRules[(i++)]);) {
+    _$jscoverage['core/Editor.js'][1425]++;
+    ci.call(this, root);
+}
+}), addOutputRule: (function (rule) {
+  _$jscoverage['core/Editor.js'][1443]++;
+  this.outputRules.push(rule);
+}), filterOutputRule: (function (root) {
+  _$jscoverage['core/Editor.js'][1457]++;
+  for (var i = 0, ci; (ci = this.outputRules[(i++)]);) {
+    _$jscoverage['core/Editor.js'][1458]++;
+    ci.call(this, root);
+}
+})};
+  _$jscoverage['core/Editor.js'][1462]++;
+  utils.inherits(Editor, EventBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/EventBase.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/EventBase.js
new file mode 100644
index 000000000..1c090257d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/EventBase.js
@@ -0,0 +1,143 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/EventBase.js']) {
+  _$jscoverage['core/EventBase.js'] = [];
+  _$jscoverage['core/EventBase.js'][32] = 0;
+  _$jscoverage['core/EventBase.js'][35] = 0;
+  _$jscoverage['core/EventBase.js'][61] = 0;
+  _$jscoverage['core/EventBase.js'][62] = 0;
+  _$jscoverage['core/EventBase.js'][63] = 0;
+  _$jscoverage['core/EventBase.js'][80] = 0;
+  _$jscoverage['core/EventBase.js'][81] = 0;
+  _$jscoverage['core/EventBase.js'][82] = 0;
+  _$jscoverage['core/EventBase.js'][110] = 0;
+  _$jscoverage['core/EventBase.js'][111] = 0;
+  _$jscoverage['core/EventBase.js'][112] = 0;
+  _$jscoverage['core/EventBase.js'][113] = 0;
+  _$jscoverage['core/EventBase.js'][115] = 0;
+  _$jscoverage['core/EventBase.js'][116] = 0;
+  _$jscoverage['core/EventBase.js'][117] = 0;
+  _$jscoverage['core/EventBase.js'][118] = 0;
+  _$jscoverage['core/EventBase.js'][119] = 0;
+  _$jscoverage['core/EventBase.js'][120] = 0;
+  _$jscoverage['core/EventBase.js'][121] = 0;
+  _$jscoverage['core/EventBase.js'][123] = 0;
+  _$jscoverage['core/EventBase.js'][124] = 0;
+  _$jscoverage['core/EventBase.js'][128] = 0;
+  _$jscoverage['core/EventBase.js'][129] = 0;
+  _$jscoverage['core/EventBase.js'][132] = 0;
+  _$jscoverage['core/EventBase.js'][148] = 0;
+  _$jscoverage['core/EventBase.js'][149] = 0;
+  _$jscoverage['core/EventBase.js'][150] = 0;
+  _$jscoverage['core/EventBase.js'][151] = 0;
+}
+_$jscoverage['core/EventBase.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * UE&#37319;&#29992;&#30340;&#20107;&#20214;&#22522;&#31867;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> * @class EventBase</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * UEditor&#20844;&#29992;&#31354;&#38388;&#65292;UEditor&#25152;&#26377;&#30340;&#21151;&#33021;&#37117;&#25346;&#36733;&#22312;&#35813;&#31354;&#38388;&#19979;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * UE&#37319;&#29992;&#30340;&#20107;&#20214;&#22522;&#31867;&#65292;&#32487;&#25215;&#27492;&#31867;&#30340;&#23545;&#24212;&#31867;&#23558;&#33719;&#21462;addListener,removeListener,fireEvent&#26041;&#27861;&#12290;</span>","<span class=\"c\"> * &#22312;UE&#20013;&#65292;Editor&#20197;&#21450;&#25152;&#26377;ui&#23454;&#20363;&#37117;&#32487;&#25215;&#20102;&#35813;&#31867;&#65292;&#25925;&#21487;&#20197;&#22312;&#23545;&#24212;&#30340;ui&#23545;&#35937;&#20197;&#21450;editor&#23545;&#35937;&#19978;&#20351;&#29992;&#19978;&#36848;&#26041;&#27861;&#12290;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> * @class EventBase</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36890;&#36807;&#27492;&#26500;&#36896;&#22120;&#65292;&#23376;&#31867;&#21487;&#20197;&#32487;&#25215;EventBase&#33719;&#21462;&#20107;&#20214;&#30417;&#21548;&#30340;&#26041;&#27861;</span>","<span class=\"c\"> * @constructor</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * UE.EventBase.call(editor);</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"k\">var</span> EventBase <span class=\"k\">=</span> UE<span class=\"k\">.</span>EventBase <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","<span class=\"k\">}</span><span class=\"k\">;</span>","","EventBase<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#27880;&#20876;&#20107;&#20214;&#30417;&#21548;&#22120;</span>","<span class=\"c\">     * @method addListener</span>","<span class=\"c\">     * @param { String } types &#30417;&#21548;&#30340;&#20107;&#20214;&#21517;&#31216;&#65292;&#21516;&#26102;&#30417;&#21548;&#22810;&#20010;&#20107;&#20214;&#20351;&#29992;&#31354;&#26684;&#20998;&#38548;</span>","<span class=\"c\">     * @param { Function } fn &#30417;&#21548;&#30340;&#20107;&#20214;&#34987;&#35302;&#21457;&#26102;&#65292;&#20250;&#25191;&#34892;&#35813;&#22238;&#35843;&#20989;&#25968;</span>","<span class=\"c\">     * @waining &#20107;&#20214;&#34987;&#35302;&#21457;&#26102;&#65292;&#30417;&#21548;&#30340;&#20989;&#25968;&#20551;&#22914;&#36820;&#22238;&#30340;&#20540;&#24658;&#31561;&#20110;true&#65292;&#22238;&#35843;&#20989;&#25968;&#30340;&#38431;&#21015;&#20013;&#21518;&#38754;&#30340;&#20989;&#25968;&#23558;&#19981;&#25191;&#34892;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.addListener('selectionchange',function(){</span>","<span class=\"c\">     *      console.log(\"&#36873;&#21306;&#24050;&#32463;&#21464;&#21270;&#65281;\");</span>","<span class=\"c\">     * })</span>","<span class=\"c\">     * editor.addListener('beforegetcontent aftergetcontent',function(type){</span>","<span class=\"c\">     *         if(type == 'beforegetcontent'){</span>","<span class=\"c\">     *             //do something</span>","<span class=\"c\">     *         }else{</span>","<span class=\"c\">     *             //do something</span>","<span class=\"c\">     *         }</span>","<span class=\"c\">     *         console.log(this.getContent) // this&#26159;&#27880;&#20876;&#30340;&#20107;&#20214;&#30340;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * })</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     * @see UE.EventBase:fireEvent(String)</span>","<span class=\"c\">     */</span>","    addListener<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>types<span class=\"k\">,</span> listener<span class=\"k\">)</span> <span class=\"k\">{</span>","        types <span class=\"k\">=</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>types<span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ti<span class=\"k\">;</span> ti <span class=\"k\">=</span> types<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            getListener<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> ti<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">).</span>push<span class=\"k\">(</span>listener<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#31227;&#38500;&#20107;&#20214;&#30417;&#21548;&#22120;</span>","<span class=\"c\">     * @method removeListener</span>","<span class=\"c\">     * @param { String } types &#31227;&#38500;&#30340;&#20107;&#20214;&#21517;&#31216;&#65292;&#21516;&#26102;&#31227;&#38500;&#22810;&#20010;&#20107;&#20214;&#20351;&#29992;&#31354;&#26684;&#20998;&#38548;</span>","<span class=\"c\">     * @param { Function } fn &#31227;&#38500;&#30417;&#21548;&#20107;&#20214;&#30340;&#20989;&#25968;&#24341;&#29992;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //changeCallback&#20026;&#26041;&#27861;&#20307;</span>","<span class=\"c\">     * editor.removeListener(\"selectionchange\",changeCallback);</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    removeListener<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>types<span class=\"k\">,</span> listener<span class=\"k\">)</span> <span class=\"k\">{</span>","        types <span class=\"k\">=</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>types<span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ti<span class=\"k\">;</span> ti <span class=\"k\">=</span> types<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            utils<span class=\"k\">.</span>removeItem<span class=\"k\">(</span>getListener<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> ti<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">[],</span> listener<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#35302;&#21457;&#20107;&#20214;</span>","<span class=\"c\">     * @method fireEvent</span>","<span class=\"c\">     * @param { String } types &#35302;&#21457;&#30340;&#20107;&#20214;&#21517;&#31216;&#65292;&#21516;&#26102;&#35302;&#21457;&#22810;&#20010;&#20107;&#20214;&#20351;&#29992;&#31354;&#26684;&#20998;&#38548;</span>","<span class=\"c\">     * @remind &#35813;&#26041;&#27861;&#20250;&#35302;&#21457;addListener</span>","<span class=\"c\">     * @return { * } &#36820;&#22238;&#35302;&#21457;&#20107;&#20214;&#30340;&#38431;&#21015;&#20013;&#65292;&#26368;&#21518;&#25191;&#34892;&#30340;&#22238;&#35843;&#20989;&#25968;&#30340;&#36820;&#22238;&#20540;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.fireEvent(\"selectionchange\");</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#35302;&#21457;&#20107;&#20214;</span>","<span class=\"c\">     * @method fireEvent</span>","<span class=\"c\">     * @param { String } types &#35302;&#21457;&#30340;&#20107;&#20214;&#21517;&#31216;&#65292;&#21516;&#26102;&#35302;&#21457;&#22810;&#20010;&#20107;&#20214;&#20351;&#29992;&#31354;&#26684;&#20998;&#38548;</span>","<span class=\"c\">     * @param { *... } options &#21487;&#36873;&#21442;&#25968;&#65292;&#21487;&#20197;&#20256;&#20837;&#19968;&#20010;&#25110;&#22810;&#20010;&#21442;&#25968;&#65292;&#20250;&#20256;&#32473;&#20107;&#20214;&#35302;&#21457;&#30340;&#22238;&#35843;&#20989;&#25968;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.fireEvent(\"selectionchange\");</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    fireEvent<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> types <span class=\"k\">=</span> arguments<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","        types <span class=\"k\">=</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>types<span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ti<span class=\"k\">;</span> ti <span class=\"k\">=</span> types<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> listeners <span class=\"k\">=</span> getListener<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> ti<span class=\"k\">),</span>","                r<span class=\"k\">,</span> t<span class=\"k\">,</span> k<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>listeners<span class=\"k\">)</span> <span class=\"k\">{</span>","                k <span class=\"k\">=</span> listeners<span class=\"k\">.</span>length<span class=\"k\">;</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span>k<span class=\"k\">--)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>listeners<span class=\"k\">[</span>k<span class=\"k\">])</span><span class=\"k\">continue</span><span class=\"k\">;</span>","                    t <span class=\"k\">=</span> listeners<span class=\"k\">[</span>k<span class=\"k\">].</span>apply<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> arguments<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>t <span class=\"k\">===</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> t<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>t <span class=\"k\">!==</span> undefined<span class=\"k\">)</span> <span class=\"k\">{</span>","                        r <span class=\"k\">=</span> t<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>t <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">[</span><span class=\"s\">'on'</span> <span class=\"k\">+</span> ti<span class=\"k\">.</span>toLowerCase<span class=\"k\">()])</span> <span class=\"k\">{</span>","                r <span class=\"k\">=</span> t<span class=\"k\">.</span>apply<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> arguments<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> r<span class=\"k\">;</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#33719;&#24471;&#23545;&#35937;&#25152;&#25317;&#26377;&#30417;&#21548;&#31867;&#22411;&#30340;&#25152;&#26377;&#30417;&#21548;&#22120;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> * @method getListener</span>","<span class=\"c\"> * @public</span>","<span class=\"c\"> * @param { Object } obj  &#26597;&#35810;&#30417;&#21548;&#22120;&#30340;&#23545;&#35937;</span>","<span class=\"c\"> * @param { String } type &#20107;&#20214;&#31867;&#22411;</span>","<span class=\"c\"> * @param { Boolean } force  &#20026;true&#19988;&#24403;&#21069;&#25152;&#26377;type&#31867;&#22411;&#30340;&#20390;&#21548;&#22120;&#19981;&#23384;&#22312;&#26102;&#65292;&#21019;&#24314;&#19968;&#20010;&#31354;&#30417;&#21548;&#22120;&#25968;&#32452;</span>","<span class=\"c\"> * @return { Array } &#30417;&#21548;&#22120;&#25968;&#32452;</span>","<span class=\"c\"> */</span>","<span class=\"k\">function</span> getListener<span class=\"k\">(</span>obj<span class=\"k\">,</span> type<span class=\"k\">,</span> force<span class=\"k\">)</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> allListeners<span class=\"k\">;</span>","    type <span class=\"k\">=</span> type<span class=\"k\">.</span>toLowerCase<span class=\"k\">();</span>","    <span class=\"k\">return</span> <span class=\"k\">(</span> <span class=\"k\">(</span> allListeners <span class=\"k\">=</span> <span class=\"k\">(</span> obj<span class=\"k\">.</span>__allListeners <span class=\"k\">||</span> force <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span> obj<span class=\"k\">.</span>__allListeners <span class=\"k\">=</span> <span class=\"k\">{}</span> <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">)</span>","        <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span> allListeners<span class=\"k\">[</span>type<span class=\"k\">]</span> <span class=\"k\">||</span> force <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span> allListeners<span class=\"k\">[</span>type<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">[]</span> <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">);</span>","<span class=\"k\">}</span>"];
+_$jscoverage['core/EventBase.js'][32]++;
+var EventBase = (UE.EventBase = (function () {
+}));
+_$jscoverage['core/EventBase.js'][35]++;
+EventBase.prototype = {addListener: (function (types, listener) {
+  _$jscoverage['core/EventBase.js'][61]++;
+  types = utils.trim(types).split(" ");
+  _$jscoverage['core/EventBase.js'][62]++;
+  for (var i = 0, ti; (ti = types[(i++)]);) {
+    _$jscoverage['core/EventBase.js'][63]++;
+    getListener(this, ti, true).push(listener);
+}
+}), removeListener: (function (types, listener) {
+  _$jscoverage['core/EventBase.js'][80]++;
+  types = utils.trim(types).split(" ");
+  _$jscoverage['core/EventBase.js'][81]++;
+  for (var i = 0, ti; (ti = types[(i++)]);) {
+    _$jscoverage['core/EventBase.js'][82]++;
+    utils.removeItem((getListener(this, ti) || []), listener);
+}
+}), fireEvent: (function () {
+  _$jscoverage['core/EventBase.js'][110]++;
+  var types = arguments[0];
+  _$jscoverage['core/EventBase.js'][111]++;
+  types = utils.trim(types).split(" ");
+  _$jscoverage['core/EventBase.js'][112]++;
+  for (var i = 0, ti; (ti = types[(i++)]);) {
+    _$jscoverage['core/EventBase.js'][113]++;
+    var listeners = getListener(this, ti), r, t, k;
+    _$jscoverage['core/EventBase.js'][115]++;
+    if (listeners) {
+      _$jscoverage['core/EventBase.js'][116]++;
+      k = listeners.length;
+      _$jscoverage['core/EventBase.js'][117]++;
+      while ((k--)) {
+        _$jscoverage['core/EventBase.js'][118]++;
+        if ((! listeners[k])) {
+          _$jscoverage['core/EventBase.js'][118]++;
+          continue;
+        }
+        _$jscoverage['core/EventBase.js'][119]++;
+        t = listeners[k].apply(this, arguments);
+        _$jscoverage['core/EventBase.js'][120]++;
+        if ((t === true)) {
+          _$jscoverage['core/EventBase.js'][121]++;
+          return t;
+        }
+        _$jscoverage['core/EventBase.js'][123]++;
+        if ((t !== undefined)) {
+          _$jscoverage['core/EventBase.js'][124]++;
+          r = t;
+        }
+}
+    }
+    _$jscoverage['core/EventBase.js'][128]++;
+    if ((t = this[("on" + ti.toLowerCase())])) {
+      _$jscoverage['core/EventBase.js'][129]++;
+      r = t.apply(this, arguments);
+    }
+}
+  _$jscoverage['core/EventBase.js'][132]++;
+  return r;
+})};
+_$jscoverage['core/EventBase.js'][148]++;
+function getListener(obj, type, force) {
+  _$jscoverage['core/EventBase.js'][149]++;
+  var allListeners;
+  _$jscoverage['core/EventBase.js'][150]++;
+  type = type.toLowerCase();
+  _$jscoverage['core/EventBase.js'][151]++;
+  return ((allListeners = (obj.__allListeners || (force && (obj.__allListeners = {})))) && (allListeners[type] || (force && (allListeners[type] = []))));
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/Range.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/Range.js
new file mode 100644
index 000000000..21bb7e05d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/Range.js
@@ -0,0 +1,1888 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/Range.js']) {
+  _$jscoverage['core/Range.js'] = [];
+  _$jscoverage['core/Range.js'][22] = 0;
+  _$jscoverage['core/Range.js'][23] = 0;
+  _$jscoverage['core/Range.js'][31] = 0;
+  _$jscoverage['core/Range.js'][32] = 0;
+  _$jscoverage['core/Range.js'][38] = 0;
+  _$jscoverage['core/Range.js'][39] = 0;
+  _$jscoverage['core/Range.js'][41] = 0;
+  _$jscoverage['core/Range.js'][43] = 0;
+  _$jscoverage['core/Range.js'][44] = 0;
+  _$jscoverage['core/Range.js'][45] = 0;
+  _$jscoverage['core/Range.js'][47] = 0;
+  _$jscoverage['core/Range.js'][48] = 0;
+  _$jscoverage['core/Range.js'][49] = 0;
+  _$jscoverage['core/Range.js'][50] = 0;
+  _$jscoverage['core/Range.js'][51] = 0;
+  _$jscoverage['core/Range.js'][54] = 0;
+  _$jscoverage['core/Range.js'][55] = 0;
+  _$jscoverage['core/Range.js'][56] = 0;
+  _$jscoverage['core/Range.js'][57] = 0;
+  _$jscoverage['core/Range.js'][60] = 0;
+  _$jscoverage['core/Range.js'][61] = 0;
+  _$jscoverage['core/Range.js'][64] = 0;
+  _$jscoverage['core/Range.js'][67] = 0;
+  _$jscoverage['core/Range.js'][74] = 0;
+  _$jscoverage['core/Range.js'][75] = 0;
+  _$jscoverage['core/Range.js'][77] = 0;
+  _$jscoverage['core/Range.js'][78] = 0;
+  _$jscoverage['core/Range.js'][80] = 0;
+  _$jscoverage['core/Range.js'][81] = 0;
+  _$jscoverage['core/Range.js'][83] = 0;
+  _$jscoverage['core/Range.js'][84] = 0;
+  _$jscoverage['core/Range.js'][85] = 0;
+  _$jscoverage['core/Range.js'][87] = 0;
+  _$jscoverage['core/Range.js'][89] = 0;
+  _$jscoverage['core/Range.js'][91] = 0;
+  _$jscoverage['core/Range.js'][92] = 0;
+  _$jscoverage['core/Range.js'][94] = 0;
+  _$jscoverage['core/Range.js'][95] = 0;
+  _$jscoverage['core/Range.js'][96] = 0;
+  _$jscoverage['core/Range.js'][97] = 0;
+  _$jscoverage['core/Range.js'][98] = 0;
+  _$jscoverage['core/Range.js'][99] = 0;
+  _$jscoverage['core/Range.js'][101] = 0;
+  _$jscoverage['core/Range.js'][102] = 0;
+  _$jscoverage['core/Range.js'][105] = 0;
+  _$jscoverage['core/Range.js'][109] = 0;
+  _$jscoverage['core/Range.js'][110] = 0;
+  _$jscoverage['core/Range.js'][112] = 0;
+  _$jscoverage['core/Range.js'][113] = 0;
+  _$jscoverage['core/Range.js'][114] = 0;
+  _$jscoverage['core/Range.js'][116] = 0;
+  _$jscoverage['core/Range.js'][117] = 0;
+  _$jscoverage['core/Range.js'][118] = 0;
+  _$jscoverage['core/Range.js'][120] = 0;
+  _$jscoverage['core/Range.js'][122] = 0;
+  _$jscoverage['core/Range.js'][123] = 0;
+  _$jscoverage['core/Range.js'][124] = 0;
+  _$jscoverage['core/Range.js'][125] = 0;
+  _$jscoverage['core/Range.js'][127] = 0;
+  _$jscoverage['core/Range.js'][128] = 0;
+  _$jscoverage['core/Range.js'][129] = 0;
+  _$jscoverage['core/Range.js'][130] = 0;
+  _$jscoverage['core/Range.js'][131] = 0;
+  _$jscoverage['core/Range.js'][133] = 0;
+  _$jscoverage['core/Range.js'][134] = 0;
+  _$jscoverage['core/Range.js'][138] = 0;
+  _$jscoverage['core/Range.js'][139] = 0;
+  _$jscoverage['core/Range.js'][142] = 0;
+  _$jscoverage['core/Range.js'][143] = 0;
+  _$jscoverage['core/Range.js'][144] = 0;
+  _$jscoverage['core/Range.js'][145] = 0;
+  _$jscoverage['core/Range.js'][147] = 0;
+  _$jscoverage['core/Range.js'][148] = 0;
+  _$jscoverage['core/Range.js'][149] = 0;
+  _$jscoverage['core/Range.js'][152] = 0;
+  _$jscoverage['core/Range.js'][154] = 0;
+  _$jscoverage['core/Range.js'][155] = 0;
+  _$jscoverage['core/Range.js'][157] = 0;
+  _$jscoverage['core/Range.js'][158] = 0;
+  _$jscoverage['core/Range.js'][159] = 0;
+  _$jscoverage['core/Range.js'][193] = 0;
+  _$jscoverage['core/Range.js'][194] = 0;
+  _$jscoverage['core/Range.js'][195] = 0;
+  _$jscoverage['core/Range.js'][199] = 0;
+  _$jscoverage['core/Range.js'][200] = 0;
+  _$jscoverage['core/Range.js'][208] = 0;
+  _$jscoverage['core/Range.js'][209] = 0;
+  _$jscoverage['core/Range.js'][210] = 0;
+  _$jscoverage['core/Range.js'][211] = 0;
+  _$jscoverage['core/Range.js'][212] = 0;
+  _$jscoverage['core/Range.js'][213] = 0;
+  _$jscoverage['core/Range.js'][214] = 0;
+  _$jscoverage['core/Range.js'][218] = 0;
+  _$jscoverage['core/Range.js'][219] = 0;
+  _$jscoverage['core/Range.js'][220] = 0;
+  _$jscoverage['core/Range.js'][223] = 0;
+  _$jscoverage['core/Range.js'][235] = 0;
+  _$jscoverage['core/Range.js'][236] = 0;
+  _$jscoverage['core/Range.js'][237] = 0;
+  _$jscoverage['core/Range.js'][238] = 0;
+  _$jscoverage['core/Range.js'][239] = 0;
+  _$jscoverage['core/Range.js'][240] = 0;
+  _$jscoverage['core/Range.js'][241] = 0;
+  _$jscoverage['core/Range.js'][245] = 0;
+  _$jscoverage['core/Range.js'][263] = 0;
+  _$jscoverage['core/Range.js'][294] = 0;
+  _$jscoverage['core/Range.js'][295] = 0;
+  _$jscoverage['core/Range.js'][296] = 0;
+  _$jscoverage['core/Range.js'][298] = 0;
+  _$jscoverage['core/Range.js'][299] = 0;
+  _$jscoverage['core/Range.js'][300] = 0;
+  _$jscoverage['core/Range.js'][301] = 0;
+  _$jscoverage['core/Range.js'][302] = 0;
+  _$jscoverage['core/Range.js'][305] = 0;
+  _$jscoverage['core/Range.js'][338] = 0;
+  _$jscoverage['core/Range.js'][373] = 0;
+  _$jscoverage['core/Range.js'][407] = 0;
+  _$jscoverage['core/Range.js'][440] = 0;
+  _$jscoverage['core/Range.js'][473] = 0;
+  _$jscoverage['core/Range.js'][504] = 0;
+  _$jscoverage['core/Range.js'][535] = 0;
+  _$jscoverage['core/Range.js'][568] = 0;
+  _$jscoverage['core/Range.js'][602] = 0;
+  _$jscoverage['core/Range.js'][633] = 0;
+  _$jscoverage['core/Range.js'][665] = 0;
+  _$jscoverage['core/Range.js'][691] = 0;
+  _$jscoverage['core/Range.js'][720] = 0;
+  _$jscoverage['core/Range.js'][750] = 0;
+  _$jscoverage['core/Range.js'][751] = 0;
+  _$jscoverage['core/Range.js'][824] = 0;
+  _$jscoverage['core/Range.js'][825] = 0;
+  _$jscoverage['core/Range.js'][826] = 0;
+  _$jscoverage['core/Range.js'][827] = 0;
+  _$jscoverage['core/Range.js'][829] = 0;
+  _$jscoverage['core/Range.js'][830] = 0;
+  _$jscoverage['core/Range.js'][832] = 0;
+  _$jscoverage['core/Range.js'][833] = 0;
+  _$jscoverage['core/Range.js'][880] = 0;
+  _$jscoverage['core/Range.js'][882] = 0;
+  _$jscoverage['core/Range.js'][883] = 0;
+  _$jscoverage['core/Range.js'][885] = 0;
+  _$jscoverage['core/Range.js'][888] = 0;
+  _$jscoverage['core/Range.js'][890] = 0;
+  _$jscoverage['core/Range.js'][891] = 0;
+  _$jscoverage['core/Range.js'][893] = 0;
+  _$jscoverage['core/Range.js'][894] = 0;
+  _$jscoverage['core/Range.js'][898] = 0;
+  _$jscoverage['core/Range.js'][901] = 0;
+  _$jscoverage['core/Range.js'][1043] = 0;
+  _$jscoverage['core/Range.js'][1046] = 0;
+  _$jscoverage['core/Range.js'][1047] = 0;
+  _$jscoverage['core/Range.js'][1048] = 0;
+  _$jscoverage['core/Range.js'][1049] = 0;
+  _$jscoverage['core/Range.js'][1050] = 0;
+  _$jscoverage['core/Range.js'][1053] = 0;
+  _$jscoverage['core/Range.js'][1055] = 0;
+  _$jscoverage['core/Range.js'][1132] = 0;
+  _$jscoverage['core/Range.js'][1133] = 0;
+  _$jscoverage['core/Range.js'][1137] = 0;
+  _$jscoverage['core/Range.js'][1138] = 0;
+  _$jscoverage['core/Range.js'][1139] = 0;
+  _$jscoverage['core/Range.js'][1141] = 0;
+  _$jscoverage['core/Range.js'][1142] = 0;
+  _$jscoverage['core/Range.js'][1144] = 0;
+  _$jscoverage['core/Range.js'][1146] = 0;
+  _$jscoverage['core/Range.js'][1147] = 0;
+  _$jscoverage['core/Range.js'][1148] = 0;
+  _$jscoverage['core/Range.js'][1149] = 0;
+  _$jscoverage['core/Range.js'][1151] = 0;
+  _$jscoverage['core/Range.js'][1154] = 0;
+  _$jscoverage['core/Range.js'][1155] = 0;
+  _$jscoverage['core/Range.js'][1158] = 0;
+  _$jscoverage['core/Range.js'][1159] = 0;
+  _$jscoverage['core/Range.js'][1160] = 0;
+  _$jscoverage['core/Range.js'][1161] = 0;
+  _$jscoverage['core/Range.js'][1162] = 0;
+  _$jscoverage['core/Range.js'][1163] = 0;
+  _$jscoverage['core/Range.js'][1165] = 0;
+  _$jscoverage['core/Range.js'][1166] = 0;
+  _$jscoverage['core/Range.js'][1170] = 0;
+  _$jscoverage['core/Range.js'][1302] = 0;
+  _$jscoverage['core/Range.js'][1303] = 0;
+  _$jscoverage['core/Range.js'][1305] = 0;
+  _$jscoverage['core/Range.js'][1306] = 0;
+  _$jscoverage['core/Range.js'][1307] = 0;
+  _$jscoverage['core/Range.js'][1308] = 0;
+  _$jscoverage['core/Range.js'][1310] = 0;
+  _$jscoverage['core/Range.js'][1311] = 0;
+  _$jscoverage['core/Range.js'][1312] = 0;
+  _$jscoverage['core/Range.js'][1318] = 0;
+  _$jscoverage['core/Range.js'][1319] = 0;
+  _$jscoverage['core/Range.js'][1320] = 0;
+  _$jscoverage['core/Range.js'][1322] = 0;
+  _$jscoverage['core/Range.js'][1361] = 0;
+  _$jscoverage['core/Range.js'][1362] = 0;
+  _$jscoverage['core/Range.js'][1363] = 0;
+  _$jscoverage['core/Range.js'][1364] = 0;
+  _$jscoverage['core/Range.js'][1366] = 0;
+  _$jscoverage['core/Range.js'][1367] = 0;
+  _$jscoverage['core/Range.js'][1369] = 0;
+  _$jscoverage['core/Range.js'][1370] = 0;
+  _$jscoverage['core/Range.js'][1371] = 0;
+  _$jscoverage['core/Range.js'][1373] = 0;
+  _$jscoverage['core/Range.js'][1375] = 0;
+  _$jscoverage['core/Range.js'][1376] = 0;
+  _$jscoverage['core/Range.js'][1378] = 0;
+  _$jscoverage['core/Range.js'][1397] = 0;
+  _$jscoverage['core/Range.js'][1410] = 0;
+  _$jscoverage['core/Range.js'][1412] = 0;
+  _$jscoverage['core/Range.js'][1413] = 0;
+  _$jscoverage['core/Range.js'][1414] = 0;
+  _$jscoverage['core/Range.js'][1416] = 0;
+  _$jscoverage['core/Range.js'][1417] = 0;
+  _$jscoverage['core/Range.js'][1418] = 0;
+  _$jscoverage['core/Range.js'][1420] = 0;
+  _$jscoverage['core/Range.js'][1421] = 0;
+  _$jscoverage['core/Range.js'][1422] = 0;
+  _$jscoverage['core/Range.js'][1424] = 0;
+  _$jscoverage['core/Range.js'][1425] = 0;
+  _$jscoverage['core/Range.js'][1440] = 0;
+  _$jscoverage['core/Range.js'][1442] = 0;
+  _$jscoverage['core/Range.js'][1443] = 0;
+  _$jscoverage['core/Range.js'][1444] = 0;
+  _$jscoverage['core/Range.js'][1445] = 0;
+  _$jscoverage['core/Range.js'][1446] = 0;
+  _$jscoverage['core/Range.js'][1448] = 0;
+  _$jscoverage['core/Range.js'][1450] = 0;
+  _$jscoverage['core/Range.js'][1511] = 0;
+  _$jscoverage['core/Range.js'][1513] = 0;
+  _$jscoverage['core/Range.js'][1514] = 0;
+  _$jscoverage['core/Range.js'][1515] = 0;
+  _$jscoverage['core/Range.js'][1516] = 0;
+  _$jscoverage['core/Range.js'][1517] = 0;
+  _$jscoverage['core/Range.js'][1519] = 0;
+  _$jscoverage['core/Range.js'][1520] = 0;
+  _$jscoverage['core/Range.js'][1523] = 0;
+  _$jscoverage['core/Range.js'][1525] = 0;
+  _$jscoverage['core/Range.js'][1526] = 0;
+  _$jscoverage['core/Range.js'][1527] = 0;
+  _$jscoverage['core/Range.js'][1528] = 0;
+  _$jscoverage['core/Range.js'][1529] = 0;
+  _$jscoverage['core/Range.js'][1531] = 0;
+  _$jscoverage['core/Range.js'][1532] = 0;
+  _$jscoverage['core/Range.js'][1534] = 0;
+  _$jscoverage['core/Range.js'][1535] = 0;
+  _$jscoverage['core/Range.js'][1537] = 0;
+  _$jscoverage['core/Range.js'][1538] = 0;
+  _$jscoverage['core/Range.js'][1539] = 0;
+  _$jscoverage['core/Range.js'][1540] = 0;
+  _$jscoverage['core/Range.js'][1542] = 0;
+  _$jscoverage['core/Range.js'][1544] = 0;
+  _$jscoverage['core/Range.js'][1546] = 0;
+  _$jscoverage['core/Range.js'][1548] = 0;
+  _$jscoverage['core/Range.js'][1549] = 0;
+  _$jscoverage['core/Range.js'][1550] = 0;
+  _$jscoverage['core/Range.js'][1551] = 0;
+  _$jscoverage['core/Range.js'][1552] = 0;
+  _$jscoverage['core/Range.js'][1554] = 0;
+  _$jscoverage['core/Range.js'][1555] = 0;
+  _$jscoverage['core/Range.js'][1557] = 0;
+  _$jscoverage['core/Range.js'][1558] = 0;
+  _$jscoverage['core/Range.js'][1560] = 0;
+  _$jscoverage['core/Range.js'][1561] = 0;
+  _$jscoverage['core/Range.js'][1563] = 0;
+  _$jscoverage['core/Range.js'][1567] = 0;
+  _$jscoverage['core/Range.js'][1568] = 0;
+  _$jscoverage['core/Range.js'][1569] = 0;
+  _$jscoverage['core/Range.js'][1570] = 0;
+  _$jscoverage['core/Range.js'][1572] = 0;
+  _$jscoverage['core/Range.js'][1573] = 0;
+  _$jscoverage['core/Range.js'][1575] = 0;
+  _$jscoverage['core/Range.js'][1577] = 0;
+  _$jscoverage['core/Range.js'][1578] = 0;
+  _$jscoverage['core/Range.js'][1579] = 0;
+  _$jscoverage['core/Range.js'][1581] = 0;
+  _$jscoverage['core/Range.js'][1582] = 0;
+  _$jscoverage['core/Range.js'][1584] = 0;
+  _$jscoverage['core/Range.js'][1587] = 0;
+  _$jscoverage['core/Range.js'][1597] = 0;
+  _$jscoverage['core/Range.js'][1598] = 0;
+  _$jscoverage['core/Range.js'][1603] = 0;
+  _$jscoverage['core/Range.js'][1605] = 0;
+  _$jscoverage['core/Range.js'][1608] = 0;
+  _$jscoverage['core/Range.js'][1611] = 0;
+  _$jscoverage['core/Range.js'][1624] = 0;
+  _$jscoverage['core/Range.js'][1625] = 0;
+  _$jscoverage['core/Range.js'][1627] = 0;
+  _$jscoverage['core/Range.js'][1629] = 0;
+  _$jscoverage['core/Range.js'][1632] = 0;
+  _$jscoverage['core/Range.js'][1638] = 0;
+  _$jscoverage['core/Range.js'][1639] = 0;
+  _$jscoverage['core/Range.js'][1640] = 0;
+  _$jscoverage['core/Range.js'][1641] = 0;
+  _$jscoverage['core/Range.js'][1642] = 0;
+  _$jscoverage['core/Range.js'][1643] = 0;
+  _$jscoverage['core/Range.js'][1644] = 0;
+  _$jscoverage['core/Range.js'][1645] = 0;
+  _$jscoverage['core/Range.js'][1648] = 0;
+  _$jscoverage['core/Range.js'][1649] = 0;
+  _$jscoverage['core/Range.js'][1650] = 0;
+  _$jscoverage['core/Range.js'][1651] = 0;
+  _$jscoverage['core/Range.js'][1652] = 0;
+  _$jscoverage['core/Range.js'][1653] = 0;
+  _$jscoverage['core/Range.js'][1654] = 0;
+  _$jscoverage['core/Range.js'][1656] = 0;
+  _$jscoverage['core/Range.js'][1658] = 0;
+  _$jscoverage['core/Range.js'][1660] = 0;
+  _$jscoverage['core/Range.js'][1661] = 0;
+  _$jscoverage['core/Range.js'][1663] = 0;
+  _$jscoverage['core/Range.js'][1664] = 0;
+  _$jscoverage['core/Range.js'][1666] = 0;
+  _$jscoverage['core/Range.js'][1667] = 0;
+  _$jscoverage['core/Range.js'][1668] = 0;
+  _$jscoverage['core/Range.js'][1669] = 0;
+  _$jscoverage['core/Range.js'][1670] = 0;
+  _$jscoverage['core/Range.js'][1672] = 0;
+  _$jscoverage['core/Range.js'][1673] = 0;
+  _$jscoverage['core/Range.js'][1676] = 0;
+  _$jscoverage['core/Range.js'][1677] = 0;
+  _$jscoverage['core/Range.js'][1678] = 0;
+  _$jscoverage['core/Range.js'][1679] = 0;
+  _$jscoverage['core/Range.js'][1680] = 0;
+  _$jscoverage['core/Range.js'][1683] = 0;
+  _$jscoverage['core/Range.js'][1686] = 0;
+  _$jscoverage['core/Range.js'][1696] = 0;
+  _$jscoverage['core/Range.js'][1697] = 0;
+  _$jscoverage['core/Range.js'][1698] = 0;
+  _$jscoverage['core/Range.js'][1699] = 0;
+  _$jscoverage['core/Range.js'][1700] = 0;
+  _$jscoverage['core/Range.js'][1701] = 0;
+  _$jscoverage['core/Range.js'][1702] = 0;
+  _$jscoverage['core/Range.js'][1703] = 0;
+  _$jscoverage['core/Range.js'][1705] = 0;
+  _$jscoverage['core/Range.js'][1706] = 0;
+  _$jscoverage['core/Range.js'][1707] = 0;
+  _$jscoverage['core/Range.js'][1710] = 0;
+  _$jscoverage['core/Range.js'][1712] = 0;
+  _$jscoverage['core/Range.js'][1713] = 0;
+  _$jscoverage['core/Range.js'][1714] = 0;
+  _$jscoverage['core/Range.js'][1715] = 0;
+  _$jscoverage['core/Range.js'][1717] = 0;
+  _$jscoverage['core/Range.js'][1718] = 0;
+  _$jscoverage['core/Range.js'][1719] = 0;
+  _$jscoverage['core/Range.js'][1722] = 0;
+  _$jscoverage['core/Range.js'][1724] = 0;
+  _$jscoverage['core/Range.js'][1727] = 0;
+  _$jscoverage['core/Range.js'][1728] = 0;
+  _$jscoverage['core/Range.js'][1729] = 0;
+  _$jscoverage['core/Range.js'][1730] = 0;
+  _$jscoverage['core/Range.js'][1731] = 0;
+  _$jscoverage['core/Range.js'][1732] = 0;
+  _$jscoverage['core/Range.js'][1734] = 0;
+  _$jscoverage['core/Range.js'][1735] = 0;
+  _$jscoverage['core/Range.js'][1736] = 0;
+  _$jscoverage['core/Range.js'][1737] = 0;
+  _$jscoverage['core/Range.js'][1738] = 0;
+  _$jscoverage['core/Range.js'][1739] = 0;
+  _$jscoverage['core/Range.js'][1741] = 0;
+  _$jscoverage['core/Range.js'][1742] = 0;
+  _$jscoverage['core/Range.js'][1744] = 0;
+  _$jscoverage['core/Range.js'][1745] = 0;
+  _$jscoverage['core/Range.js'][1746] = 0;
+  _$jscoverage['core/Range.js'][1748] = 0;
+  _$jscoverage['core/Range.js'][1749] = 0;
+  _$jscoverage['core/Range.js'][1751] = 0;
+  _$jscoverage['core/Range.js'][1753] = 0;
+  _$jscoverage['core/Range.js'][1783] = 0;
+  _$jscoverage['core/Range.js'][1784] = 0;
+  _$jscoverage['core/Range.js'][1785] = 0;
+  _$jscoverage['core/Range.js'][1786] = 0;
+  _$jscoverage['core/Range.js'][1787] = 0;
+  _$jscoverage['core/Range.js'][1788] = 0;
+  _$jscoverage['core/Range.js'][1789] = 0;
+  _$jscoverage['core/Range.js'][1793] = 0;
+  _$jscoverage['core/Range.js'][1802] = 0;
+  _$jscoverage['core/Range.js'][1803] = 0;
+  _$jscoverage['core/Range.js'][1804] = 0;
+  _$jscoverage['core/Range.js'][1805] = 0;
+  _$jscoverage['core/Range.js'][1806] = 0;
+  _$jscoverage['core/Range.js'][1807] = 0;
+  _$jscoverage['core/Range.js'][1808] = 0;
+  _$jscoverage['core/Range.js'][1809] = 0;
+  _$jscoverage['core/Range.js'][1810] = 0;
+  _$jscoverage['core/Range.js'][1812] = 0;
+  _$jscoverage['core/Range.js'][1814] = 0;
+  _$jscoverage['core/Range.js'][1817] = 0;
+  _$jscoverage['core/Range.js'][1818] = 0;
+  _$jscoverage['core/Range.js'][1819] = 0;
+  _$jscoverage['core/Range.js'][1820] = 0;
+  _$jscoverage['core/Range.js'][1821] = 0;
+  _$jscoverage['core/Range.js'][1822] = 0;
+  _$jscoverage['core/Range.js'][1823] = 0;
+  _$jscoverage['core/Range.js'][1824] = 0;
+  _$jscoverage['core/Range.js'][1826] = 0;
+  _$jscoverage['core/Range.js'][1828] = 0;
+  _$jscoverage['core/Range.js'][1830] = 0;
+  _$jscoverage['core/Range.js'][1831] = 0;
+  _$jscoverage['core/Range.js'][1832] = 0;
+  _$jscoverage['core/Range.js'][1834] = 0;
+  _$jscoverage['core/Range.js'][1835] = 0;
+  _$jscoverage['core/Range.js'][1836] = 0;
+  _$jscoverage['core/Range.js'][1837] = 0;
+  _$jscoverage['core/Range.js'][1838] = 0;
+  _$jscoverage['core/Range.js'][1839] = 0;
+  _$jscoverage['core/Range.js'][1842] = 0;
+  _$jscoverage['core/Range.js'][1843] = 0;
+  _$jscoverage['core/Range.js'][1845] = 0;
+  _$jscoverage['core/Range.js'][1846] = 0;
+  _$jscoverage['core/Range.js'][1849] = 0;
+  _$jscoverage['core/Range.js'][1851] = 0;
+  _$jscoverage['core/Range.js'][1853] = 0;
+  _$jscoverage['core/Range.js'][1854] = 0;
+  _$jscoverage['core/Range.js'][1855] = 0;
+  _$jscoverage['core/Range.js'][1858] = 0;
+  _$jscoverage['core/Range.js'][1859] = 0;
+  _$jscoverage['core/Range.js'][1861] = 0;
+  _$jscoverage['core/Range.js'][1866] = 0;
+  _$jscoverage['core/Range.js'][1867] = 0;
+  _$jscoverage['core/Range.js'][1868] = 0;
+  _$jscoverage['core/Range.js'][1871] = 0;
+  _$jscoverage['core/Range.js'][1883] = 0;
+  _$jscoverage['core/Range.js'][1884] = 0;
+  _$jscoverage['core/Range.js'][1885] = 0;
+  _$jscoverage['core/Range.js'][1888] = 0;
+  _$jscoverage['core/Range.js'][1895] = 0;
+  _$jscoverage['core/Range.js'][1897] = 0;
+  _$jscoverage['core/Range.js'][1898] = 0;
+  _$jscoverage['core/Range.js'][1899] = 0;
+  _$jscoverage['core/Range.js'][1900] = 0;
+  _$jscoverage['core/Range.js'][1901] = 0;
+  _$jscoverage['core/Range.js'][1902] = 0;
+  _$jscoverage['core/Range.js'][1905] = 0;
+  _$jscoverage['core/Range.js'][1906] = 0;
+  _$jscoverage['core/Range.js'][1907] = 0;
+  _$jscoverage['core/Range.js'][1908] = 0;
+  _$jscoverage['core/Range.js'][1910] = 0;
+  _$jscoverage['core/Range.js'][1911] = 0;
+  _$jscoverage['core/Range.js'][1912] = 0;
+  _$jscoverage['core/Range.js'][1916] = 0;
+  _$jscoverage['core/Range.js'][1917] = 0;
+  _$jscoverage['core/Range.js'][1918] = 0;
+  _$jscoverage['core/Range.js'][1920] = 0;
+  _$jscoverage['core/Range.js'][1923] = 0;
+  _$jscoverage['core/Range.js'][1928] = 0;
+  _$jscoverage['core/Range.js'][1929] = 0;
+  _$jscoverage['core/Range.js'][1930] = 0;
+  _$jscoverage['core/Range.js'][1931] = 0;
+  _$jscoverage['core/Range.js'][1933] = 0;
+  _$jscoverage['core/Range.js'][1951] = 0;
+  _$jscoverage['core/Range.js'][1952] = 0;
+  _$jscoverage['core/Range.js'][1955] = 0;
+  _$jscoverage['core/Range.js'][1956] = 0;
+  _$jscoverage['core/Range.js'][1957] = 0;
+  _$jscoverage['core/Range.js'][1958] = 0;
+  _$jscoverage['core/Range.js'][1959] = 0;
+  _$jscoverage['core/Range.js'][1967] = 0;
+  _$jscoverage['core/Range.js'][1968] = 0;
+  _$jscoverage['core/Range.js'][1971] = 0;
+  _$jscoverage['core/Range.js'][1973] = 0;
+  _$jscoverage['core/Range.js'][2000] = 0;
+  _$jscoverage['core/Range.js'][2002] = 0;
+  _$jscoverage['core/Range.js'][2003] = 0;
+  _$jscoverage['core/Range.js'][2004] = 0;
+  _$jscoverage['core/Range.js'][2006] = 0;
+  _$jscoverage['core/Range.js'][2007] = 0;
+  _$jscoverage['core/Range.js'][2009] = 0;
+  _$jscoverage['core/Range.js'][2011] = 0;
+  _$jscoverage['core/Range.js'][2012] = 0;
+  _$jscoverage['core/Range.js'][2013] = 0;
+  _$jscoverage['core/Range.js'][2014] = 0;
+  _$jscoverage['core/Range.js'][2015] = 0;
+  _$jscoverage['core/Range.js'][2016] = 0;
+  _$jscoverage['core/Range.js'][2018] = 0;
+  _$jscoverage['core/Range.js'][2020] = 0;
+  _$jscoverage['core/Range.js'][2021] = 0;
+  _$jscoverage['core/Range.js'][2022] = 0;
+  _$jscoverage['core/Range.js'][2024] = 0;
+  _$jscoverage['core/Range.js'][2025] = 0;
+  _$jscoverage['core/Range.js'][2026] = 0;
+  _$jscoverage['core/Range.js'][2027] = 0;
+  _$jscoverage['core/Range.js'][2028] = 0;
+  _$jscoverage['core/Range.js'][2029] = 0;
+  _$jscoverage['core/Range.js'][2031] = 0;
+  _$jscoverage['core/Range.js'][2032] = 0;
+  _$jscoverage['core/Range.js'][2033] = 0;
+  _$jscoverage['core/Range.js'][2034] = 0;
+  _$jscoverage['core/Range.js'][2037] = 0;
+  _$jscoverage['core/Range.js'][2044] = 0;
+  _$jscoverage['core/Range.js'][2046] = 0;
+  _$jscoverage['core/Range.js'][2047] = 0;
+  _$jscoverage['core/Range.js'][2049] = 0;
+  _$jscoverage['core/Range.js'][2050] = 0;
+  _$jscoverage['core/Range.js'][2052] = 0;
+  _$jscoverage['core/Range.js'][2053] = 0;
+  _$jscoverage['core/Range.js'][2054] = 0;
+  _$jscoverage['core/Range.js'][2056] = 0;
+  _$jscoverage['core/Range.js'][2085] = 0;
+  _$jscoverage['core/Range.js'][2086] = 0;
+  _$jscoverage['core/Range.js'][2087] = 0;
+  _$jscoverage['core/Range.js'][2089] = 0;
+  _$jscoverage['core/Range.js'][2090] = 0;
+  _$jscoverage['core/Range.js'][2091] = 0;
+  _$jscoverage['core/Range.js'][2092] = 0;
+  _$jscoverage['core/Range.js'][2093] = 0;
+  _$jscoverage['core/Range.js'][2094] = 0;
+  _$jscoverage['core/Range.js'][2095] = 0;
+  _$jscoverage['core/Range.js'][2098] = 0;
+  _$jscoverage['core/Range.js'][2099] = 0;
+  _$jscoverage['core/Range.js'][2100] = 0;
+  _$jscoverage['core/Range.js'][2102] = 0;
+  _$jscoverage['core/Range.js'][2105] = 0;
+  _$jscoverage['core/Range.js'][2106] = 0;
+  _$jscoverage['core/Range.js'][2108] = 0;
+  _$jscoverage['core/Range.js'][2112] = 0;
+  _$jscoverage['core/Range.js'][2113] = 0;
+  _$jscoverage['core/Range.js'][2114] = 0;
+  _$jscoverage['core/Range.js'][2214] = 0;
+  _$jscoverage['core/Range.js'][2215] = 0;
+  _$jscoverage['core/Range.js'][2216] = 0;
+  _$jscoverage['core/Range.js'][2219] = 0;
+  _$jscoverage['core/Range.js'][2220] = 0;
+  _$jscoverage['core/Range.js'][2221] = 0;
+  _$jscoverage['core/Range.js'][2222] = 0;
+  _$jscoverage['core/Range.js'][2224] = 0;
+}
+_$jscoverage['core/Range.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * Range&#23553;&#35013;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module UE.dom</span>","<span class=\"c\"> * @class Range</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * dom&#25805;&#20316;&#23553;&#35013;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE.dom</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * Range&#23454;&#29616;&#31867;&#65292;&#26412;&#31867;&#26159;UEditor&#24213;&#23618;&#26680;&#24515;&#31867;&#65292;&#32479;&#19968;w3cRange&#21644;ieRange&#20043;&#38388;&#30340;&#24046;&#24322;&#65292;&#21253;&#25324;&#25509;&#21475;&#21644;&#23646;&#24615;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE.dom</span>","<span class=\"c\"> * @class Range</span>","<span class=\"c\"> */</span>","","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> guid <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","        fillChar <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">,</span>","        fillData<span class=\"k\">;</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#26356;&#26032;range&#30340;collapse&#29366;&#24577;</span>","<span class=\"c\">     * @param  {Range}   range    range&#23545;&#35937;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> updateCollapse<span class=\"k\">(</span>range<span class=\"k\">)</span> <span class=\"k\">{</span>","        range<span class=\"k\">.</span>collapsed <span class=\"k\">=</span>","            range<span class=\"k\">.</span>startContainer <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>endContainer <span class=\"k\">&amp;&amp;</span>","                range<span class=\"k\">.</span>startContainer <span class=\"k\">===</span> range<span class=\"k\">.</span>endContainer <span class=\"k\">&amp;&amp;</span>","                range<span class=\"k\">.</span>startOffset <span class=\"k\">==</span> range<span class=\"k\">.</span>endOffset<span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> selectOneNode<span class=\"k\">(</span>rng<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">return</span> <span class=\"k\">!</span>rng<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>startContainer <span class=\"k\">===</span> rng<span class=\"k\">.</span>endContainer <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>endOffset <span class=\"k\">-</span> rng<span class=\"k\">.</span>startOffset <span class=\"k\">==</span> <span class=\"s\">1</span>","    <span class=\"k\">}</span>","    <span class=\"k\">function</span> setEndPoint<span class=\"k\">(</span>toStart<span class=\"k\">,</span> node<span class=\"k\">,</span> offset<span class=\"k\">,</span> range<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"c\">//&#22914;&#26524;node&#26159;&#33258;&#38381;&#21512;&#26631;&#31614;&#35201;&#22788;&#29702;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">||</span> dtd<span class=\"k\">.</span>$nonChild<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]))</span> <span class=\"k\">{</span>","            offset <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNodeIndex<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"k\">(</span>toStart <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">);</span>","            node <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>toStart<span class=\"k\">)</span> <span class=\"k\">{</span>","            range<span class=\"k\">.</span>startContainer <span class=\"k\">=</span> node<span class=\"k\">;</span>","            range<span class=\"k\">.</span>startOffset <span class=\"k\">=</span> offset<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">)</span> <span class=\"k\">{</span>","                range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            range<span class=\"k\">.</span>endContainer <span class=\"k\">=</span> node<span class=\"k\">;</span>","            range<span class=\"k\">.</span>endOffset <span class=\"k\">=</span> offset<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">)</span> <span class=\"k\">{</span>","                range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        updateCollapse<span class=\"k\">(</span>range<span class=\"k\">);</span>","        <span class=\"k\">return</span> range<span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> execContentsAction<span class=\"k\">(</span>range<span class=\"k\">,</span> action<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"c\">//&#35843;&#25972;&#36793;&#30028;</span>","        <span class=\"c\">//range.includeBookmark();</span>","        <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>","            end <span class=\"k\">=</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">,</span>","            startOffset <span class=\"k\">=</span> range<span class=\"k\">.</span>startOffset<span class=\"k\">,</span>","            endOffset <span class=\"k\">=</span> range<span class=\"k\">.</span>endOffset<span class=\"k\">,</span>","            doc <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">,</span>","            frag <span class=\"k\">=</span> doc<span class=\"k\">.</span>createDocumentFragment<span class=\"k\">(),</span>","            tmpStart<span class=\"k\">,</span> tmpEnd<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            start <span class=\"k\">=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>startOffset<span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">(</span>tmpStart <span class=\"k\">=</span> start<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>doc<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">)));</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>end<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            end <span class=\"k\">=</span> end<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>endOffset<span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">(</span>tmpEnd <span class=\"k\">=</span> end<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>doc<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">)));</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">===</span> end <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>doc<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>start<span class=\"k\">.</span>substringData<span class=\"k\">(</span>startOffset<span class=\"k\">,</span> endOffset <span class=\"k\">-</span> startOffset<span class=\"k\">)));</span>","            <span class=\"c\">//is not clone</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>action<span class=\"k\">)</span> <span class=\"k\">{</span>","                start<span class=\"k\">.</span>deleteData<span class=\"k\">(</span>startOffset<span class=\"k\">,</span> endOffset <span class=\"k\">-</span> startOffset<span class=\"k\">);</span>","                range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> frag<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> current<span class=\"k\">,</span> currentLevel<span class=\"k\">,</span> clone <span class=\"k\">=</span> frag<span class=\"k\">,</span>","            startParents <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParents<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">),</span> endParents <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParents<span class=\"k\">(</span>end<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> startParents<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">==</span> endParents<span class=\"k\">[</span>i<span class=\"k\">];)</span> <span class=\"k\">{</span>","            i<span class=\"k\">++;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> i<span class=\"k\">,</span> si<span class=\"k\">;</span> si <span class=\"k\">=</span> startParents<span class=\"k\">[</span>j<span class=\"k\">];</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","            current <span class=\"k\">=</span> si<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>si <span class=\"k\">==</span> start<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>tmpStart<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        clone<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>doc<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>start<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>slice<span class=\"k\">(</span>startOffset<span class=\"k\">)));</span>","                        <span class=\"c\">//is not clone</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>action<span class=\"k\">)</span> <span class=\"k\">{</span>","                            start<span class=\"k\">.</span>deleteData<span class=\"k\">(</span>startOffset<span class=\"k\">,</span> start<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length <span class=\"k\">-</span> startOffset<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        clone<span class=\"k\">.</span>appendChild<span class=\"k\">(!</span>action <span class=\"k\">?</span> start<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">:</span> start<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                currentLevel <span class=\"k\">=</span> si<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                clone<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>currentLevel<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>current<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>current <span class=\"k\">===</span> end <span class=\"k\">||</span> current <span class=\"k\">===</span> endParents<span class=\"k\">[</span>j<span class=\"k\">])</span> <span class=\"k\">{</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                si <span class=\"k\">=</span> current<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                clone<span class=\"k\">.</span>appendChild<span class=\"k\">(!</span>action <span class=\"k\">?</span> current<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">:</span> current<span class=\"k\">);</span>","                current <span class=\"k\">=</span> si<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            clone <span class=\"k\">=</span> currentLevel<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        clone <span class=\"k\">=</span> frag<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>startParents<span class=\"k\">[</span>i<span class=\"k\">])</span> <span class=\"k\">{</span>","            clone<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>startParents<span class=\"k\">[</span>i <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">].</span>cloneNode<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">));</span>","            clone <span class=\"k\">=</span> clone<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> i<span class=\"k\">,</span> ei<span class=\"k\">;</span> ei <span class=\"k\">=</span> endParents<span class=\"k\">[</span>j<span class=\"k\">];</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","            current <span class=\"k\">=</span> ei<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ei <span class=\"k\">==</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>tmpEnd <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    clone<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>doc<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>end<span class=\"k\">.</span>substringData<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> endOffset<span class=\"k\">)));</span>","                    <span class=\"c\">//is not clone</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>action<span class=\"k\">)</span> <span class=\"k\">{</span>","                        end<span class=\"k\">.</span>deleteData<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> endOffset<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                currentLevel <span class=\"k\">=</span> ei<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                clone<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>currentLevel<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#22914;&#26524;&#20004;&#31471;&#21516;&#32423;&#65292;&#21491;&#36793;&#31532;&#19968;&#27425;&#24050;&#32463;&#34987;&#24320;&#22987;&#20570;&#20102;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>j <span class=\"k\">!=</span> i <span class=\"k\">||</span> <span class=\"k\">!</span>startParents<span class=\"k\">[</span>i<span class=\"k\">])</span> <span class=\"k\">{</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span>current<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>current <span class=\"k\">===</span> start<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    ei <span class=\"k\">=</span> current<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                    clone<span class=\"k\">.</span>insertBefore<span class=\"k\">(!</span>action <span class=\"k\">?</span> current<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">:</span> current<span class=\"k\">,</span> clone<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                    current <span class=\"k\">=</span> ei<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            clone <span class=\"k\">=</span> currentLevel<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>action<span class=\"k\">)</span> <span class=\"k\">{</span>","            range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(!</span>endParents<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">?</span> endParents<span class=\"k\">[</span>i <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">:</span> <span class=\"k\">!</span>startParents<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">?</span> startParents<span class=\"k\">[</span>i <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">:</span> endParents<span class=\"k\">[</span>i<span class=\"k\">]).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","        tmpStart <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpStart<span class=\"k\">);</span>","        tmpEnd <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpEnd<span class=\"k\">);</span>","        <span class=\"k\">return</span> frag<span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21019;&#24314;&#19968;&#20010;&#36319;document&#32465;&#23450;&#30340;&#31354;&#30340;Range&#23454;&#20363;</span>","<span class=\"c\">     * @constructor</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @property { Node } startContainer &#24403;&#21069;Range&#30340;&#24320;&#22987;&#36793;&#30028;&#30340;&#23481;&#22120;&#33410;&#28857;, &#21487;&#20197;&#26159;&#19968;&#20010;&#20803;&#32032;&#33410;&#28857;&#25110;&#32773;&#26159;&#25991;&#26412;&#33410;&#28857;</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @property { Node } startOffset &#24403;&#21069;Range&#30340;&#24320;&#22987;&#36793;&#30028;&#23481;&#22120;&#33410;&#28857;&#30340;&#20559;&#31227;&#37327;, &#22914;&#26524;&#26159;&#20803;&#32032;&#33410;&#28857;&#65292;</span>","<span class=\"c\">     *                              &#35813;&#20540;&#23601;&#26159;childNodes&#20013;&#30340;&#31532;&#20960;&#20010;&#33410;&#28857;&#65292; &#22914;&#26524;&#26159;&#25991;&#26412;&#33410;&#28857;&#23601;&#26159;&#25991;&#26412;&#20869;&#23481;&#30340;&#31532;&#20960;&#20010;&#23383;&#31526;</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @property { Node } endContainer &#24403;&#21069;Range&#30340;&#32467;&#26463;&#36793;&#30028;&#30340;&#23481;&#22120;&#33410;&#28857;, &#21487;&#20197;&#26159;&#19968;&#20010;&#20803;&#32032;&#33410;&#28857;&#25110;&#32773;&#26159;&#25991;&#26412;&#33410;&#28857;</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @property { Node } endOffset &#24403;&#21069;Range&#30340;&#32467;&#26463;&#36793;&#30028;&#23481;&#22120;&#33410;&#28857;&#30340;&#20559;&#31227;&#37327;, &#22914;&#26524;&#26159;&#20803;&#32032;&#33410;&#28857;&#65292;</span>","<span class=\"c\">     *                              &#35813;&#20540;&#23601;&#26159;childNodes&#20013;&#30340;&#31532;&#20960;&#20010;&#33410;&#28857;&#65292; &#22914;&#26524;&#26159;&#25991;&#26412;&#33410;&#28857;&#23601;&#26159;&#25991;&#26412;&#20869;&#23481;&#30340;&#31532;&#20960;&#20010;&#23383;&#31526;</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @property { Boolean } collapsed &#24403;&#21069;Range&#26159;&#21542;&#26159;&#38381;&#21512;&#30340;</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @property { Document } document &#24403;&#21069;Range&#25152;&#23646;&#30340;Document&#23545;&#35937;</span>","<span class=\"c\">     */</span>","","    <span class=\"k\">var</span> Range <span class=\"k\">=</span> dom<span class=\"k\">.</span>Range <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>document<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        me<span class=\"k\">.</span>startContainer <span class=\"k\">=</span>","            me<span class=\"k\">.</span>startOffset <span class=\"k\">=</span>","                me<span class=\"k\">.</span>endContainer <span class=\"k\">=</span>","                    me<span class=\"k\">.</span>endOffset <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        me<span class=\"k\">.</span>document <span class=\"k\">=</span> document<span class=\"k\">;</span>","        me<span class=\"k\">.</span>collapsed <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#21024;&#38500;fillData</span>","<span class=\"c\">     * @param doc</span>","<span class=\"c\">     * @param excludeNode</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> removeFillData<span class=\"k\">(</span>doc<span class=\"k\">,</span> excludeNode<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">try</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>fillData <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>inDoc<span class=\"k\">(</span>fillData<span class=\"k\">,</span> doc<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>fillData<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>replace<span class=\"k\">(</span>fillCharReg<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> fillData<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>fillData<span class=\"k\">);</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyInlineElement<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span>","                        <span class=\"c\">//safari&#30340;contains&#26377;bug</span>","                        <span class=\"k\">(</span>browser<span class=\"k\">.</span>safari <span class=\"k\">?</span> <span class=\"k\">!(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span>excludeNode<span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_CONTAINS<span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">!</span>tmpNode<span class=\"k\">.</span>contains<span class=\"k\">(</span>excludeNode<span class=\"k\">))</span>","                        <span class=\"k\">)</span> <span class=\"k\">{</span>","                        fillData <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                        tmpNode <span class=\"k\">=</span> fillData<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    fillData<span class=\"k\">.</span>nodeValue <span class=\"k\">=</span> fillData<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>replace<span class=\"k\">(</span>fillCharReg<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * @param node</span>","<span class=\"c\">     * @param dir</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> mergeSibling<span class=\"k\">(</span>node<span class=\"k\">,</span> dir<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tmpNode<span class=\"k\">;</span>","        node <span class=\"k\">=</span> node<span class=\"k\">[</span>dir<span class=\"k\">];</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>node<span class=\"k\">))</span> <span class=\"k\">{</span>","            tmpNode <span class=\"k\">=</span> node<span class=\"k\">[</span>dir<span class=\"k\">];</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">);</span>","            node <span class=\"k\">=</span> tmpNode<span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    Range<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#20811;&#38534;&#36873;&#20013;&#30340;&#20869;&#23481;&#21040;&#19968;&#20010;DocumentFragment&#37324;</span>","<span class=\"c\">         * @method cloneContents</span>","<span class=\"c\">         * @return { DocumentFragment | NULL } &#22914;&#26524;&#36873;&#21306;&#26159;&#31354;&#30340;&#23558;&#36820;&#22238;null&#65292; &#21542;&#21017;&#65292; &#36820;&#22238;&#21253;&#21547;&#25152;clone&#20869;&#23481;&#30340;DocumentFragment&#20803;&#32032;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;!-- &#34987;&#36873;&#20013;&#30340;&#20869;&#23481; --&gt;</span>","<span class=\"c\">         * &lt;div&gt;123&lt;/div&gt;&lt;div&gt;456&lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;script&gt;</span>","<span class=\"c\">         *     //output: 2</span>","<span class=\"c\">         *     console.log( range.cloneContents().childNodes.length );</span>","<span class=\"c\">         * &lt;/script&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        cloneContents<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>collapsed <span class=\"k\">?</span> <span class=\"k\">null</span> <span class=\"k\">:</span> execContentsAction<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#21024;&#38500;&#24403;&#21069;&#36873;&#21306;&#33539;&#22260;&#20013;&#30340;&#25152;&#26377;&#20869;&#23481;</span>","<span class=\"c\">         * @method deleteContents</span>","<span class=\"c\">         * @remind &#25191;&#34892;&#23436;&#35813;&#25805;&#20316;&#21518;&#65292; &#24403;&#21069;Range&#23545;&#35937;&#21464;&#25104;&#20102;&#38381;&#21512;&#29366;&#24577;</span>","<span class=\"c\">         * @remind &#25191;&#34892;&#35813;&#25805;&#20316;&#20250;&#24341;&#36215;&#24403;&#21069;Range&#23545;&#35937;&#30340;&#20854;&#20182;&#23646;&#24615;&#30340;&#21464;&#21270;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;&#25805;&#20316;&#30340;Range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;div&gt;&lt;/div&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;script&gt;</span>","<span class=\"c\">         *     //output: 5</span>","<span class=\"c\">         *     console.log( document.body.childNodes.length );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //&#25191;&#34892;&#21024;&#38500;&#36873;&#21306;&#20869;&#23481;&#25805;&#20316;</span>","<span class=\"c\">         *     range.deleteContents();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: 2</span>","<span class=\"c\">         *     console.log( document.body.childNodes.length );</span>","<span class=\"c\">         * &lt;/script&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        deleteContents<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> txt<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                execContentsAction<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> <span class=\"s\">1</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>webkit<span class=\"k\">)</span> <span class=\"k\">{</span>","                txt <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>txt<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>txt<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>txt<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>txt<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#23558;&#24403;&#21069;&#36873;&#21306;&#30340;&#20869;&#23481;&#25552;&#21462;&#21040;&#19968;&#20010;DocumentFragment&#37324;</span>","<span class=\"c\">         * @method extractContents</span>","<span class=\"c\">         * @remind &#25191;&#34892;&#35813;&#25805;&#20316;&#21518;&#65292; &#36873;&#21306;&#23558;&#21464;&#25104;&#38381;&#21512;&#29366;&#24577;</span>","<span class=\"c\">         * @warning &#25191;&#34892;&#35813;&#25805;&#20316;&#21518;&#65292; &#21407;&#26469;&#36873;&#21306;&#25152;&#36873;&#20013;&#30340;&#20869;&#23481;&#23558;&#20174;dom&#26641;&#19978;&#21093;&#31163;&#20986;&#26469;</span>","<span class=\"c\">         * @return { DocumentFragment } &#36820;&#22238;&#21253;&#21547;&#25152;&#25552;&#21462;&#20869;&#23481;&#30340;DocumentFragment&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;div&gt;&lt;/div&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * &lt;script&gt;</span>","<span class=\"c\">         *     //output: 5</span>","<span class=\"c\">         *     console.log( document.body.childNodes.length );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //&#25191;&#34892;&#36873;&#21306;&#20869;&#23481;&#25552;&#21462;</span>","<span class=\"c\">         *     var contents = range.extractContents();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: 2</span>","<span class=\"c\">         *     console.log( document.body.childNodes.length );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: 3</span>","<span class=\"c\">         *     console.log( contents.childNodes.length );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/script&gt;</span>","<span class=\"c\">         */</span>","        extractContents<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>collapsed <span class=\"k\">?</span> <span class=\"k\">null</span> <span class=\"k\">:</span> execContentsAction<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> <span class=\"s\">2</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;Range&#30340;&#24320;&#22987;&#20301;&#32622;</span>","<span class=\"c\">         * @method  setStart</span>","<span class=\"c\">         * @remind &#22914;&#26524;&#23481;&#22120;&#33410;&#28857;&#26159;&#20803;&#32032;&#33410;&#28857;&#65292;&#37027;&#20040;offset&#25351;&#30340;&#26159;&#20854;&#23376;&#20803;&#32032;&#20013;&#32034;&#24341;&#20026;offset&#30340;&#20803;&#32032;&#65292;</span>","<span class=\"c\">         *          &#22914;&#26524;&#26159;&#25991;&#26412;&#33410;&#28857;&#65292;&#37027;&#20040;offset&#25351;&#30340;&#26159;&#20854;&#25991;&#26412;&#20869;&#23481;&#30340;&#31532;offset&#20010;&#23383;&#31526;</span>","<span class=\"c\">         * @param { Node } node &#23558;&#34987;&#35774;&#20026;&#24403;&#21069;&#36873;&#21306;&#24320;&#22987;&#36793;&#30028;&#23481;&#22120;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">         * @param { int } offset &#24320;&#22987;&#23481;&#22120;&#30340;&#20559;&#31227;&#37327;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: SPAN</span>","<span class=\"c\">         *     console.log( range.startContainer.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     range.setStart( document.getElementById( \"test\" ), 0 );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: DIV</span>","<span class=\"c\">         *     console.log( range.startContainer.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/script&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setStart<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> offset<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> setEndPoint<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">,</span> node<span class=\"k\">,</span> offset<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;Range&#30340;&#32467;&#26463;&#20301;&#32622;</span>","<span class=\"c\">         * @method  setEnd</span>","<span class=\"c\">         * @param { Node } node &#23558;&#34987;&#35774;&#20026;&#24403;&#21069;&#36873;&#21306;&#32467;&#26463;&#36793;&#30028;&#23481;&#22120;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">         * @param { int } offset &#32467;&#26463;&#23481;&#22120;&#30340;&#20559;&#31227;&#37327;</span>","<span class=\"c\">         * @see UE.dom.Range:setStart(Node,int)</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: A</span>","<span class=\"c\">         *     console.log( range.endContainer.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     range.setEnd( document.getElementById( \"test\" ), 0 );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: DIV</span>","<span class=\"c\">         *     console.log( range.endContainer.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/script&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setEnd<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> offset<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> setEndPoint<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> node<span class=\"k\">,</span> offset<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#23558;Range&#24320;&#22987;&#20301;&#32622;&#35774;&#32622;&#21040;node&#33410;&#28857;&#20043;&#21518;</span>","<span class=\"c\">         * @method  setStartAfter</span>","<span class=\"c\">         * @param { Node } node &#24403;&#21069;&#36873;&#21306;&#24320;&#22987;&#36793;&#30028;&#20043;&#21069;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * @see UE.dom.Range:setStart(Node,int)</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: A</span>","<span class=\"c\">         *     console.log( range.startContainer.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     range.setStartAfter( document.getElementById( \"test\" ) );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: SPAN</span>","<span class=\"c\">         *     console.log( range.startContainer.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/script&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setStartAfter<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setStart<span class=\"k\">(</span>node<span class=\"k\">.</span>parentNode<span class=\"k\">,</span> domUtils<span class=\"k\">.</span>getNodeIndex<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#23558;Range&#24320;&#22987;&#20301;&#32622;&#35774;&#32622;&#21040;node&#33410;&#28857;&#20043;&#21069;</span>","<span class=\"c\">         * @method  setStartBefore</span>","<span class=\"c\">         * @param { Node } node &#26032;&#30340;&#36873;&#21306;&#24320;&#22987;&#20301;&#32622;&#22312;&#35813;&#33410;&#28857;&#20043;&#21069;</span>","<span class=\"c\">         * @see UE.dom.Range:setStart(Node,int)</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: A</span>","<span class=\"c\">         *     console.log( range.startContainer.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     range.setStartBefore( document.getElementById( \"test\" ) );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: SPAN</span>","<span class=\"c\">         *     console.log( range.startContainer.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/script&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setStartBefore<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setStart<span class=\"k\">(</span>node<span class=\"k\">.</span>parentNode<span class=\"k\">,</span> domUtils<span class=\"k\">.</span>getNodeIndex<span class=\"k\">(</span>node<span class=\"k\">));</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#23558;Range&#32467;&#26463;&#20301;&#32622;&#35774;&#32622;&#21040;node&#33410;&#28857;&#20043;&#21518;</span>","<span class=\"c\">         * @method  setEndAfter</span>","<span class=\"c\">         * @param { Node } node &#30446;&#26631;&#33410;&#28857;</span>","<span class=\"c\">         * @see UE.dom.Range:setStart(Node,int)</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *         //output: A</span>","<span class=\"c\">         *         console.log( range.endContainer.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.setEndAfter( document.getElementById( \"test\" ) );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: DIV</span>","<span class=\"c\">         *         console.log( range.endContainer.tagName );</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setEndAfter<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setEnd<span class=\"k\">(</span>node<span class=\"k\">.</span>parentNode<span class=\"k\">,</span> domUtils<span class=\"k\">.</span>getNodeIndex<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#23558;Range&#32467;&#26463;&#20301;&#32622;&#35774;&#32622;&#21040;node&#33410;&#28857;&#20043;&#21069;</span>","<span class=\"c\">         * @method  setEndBefore</span>","<span class=\"c\">         * @param { Node } node &#30446;&#26631;&#33410;&#28857;</span>","<span class=\"c\">         * @see UE.dom.Range:setStart(Node,int)</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *         //output: A</span>","<span class=\"c\">         *         console.log( range.endContainer.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.setEndBefore( document.getElementById( \"test\" ) );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: SPAN</span>","<span class=\"c\">         *         console.log( range.endContainer.tagName );</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setEndBefore<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setEnd<span class=\"k\">(</span>node<span class=\"k\">.</span>parentNode<span class=\"k\">,</span> domUtils<span class=\"k\">.</span>getNodeIndex<span class=\"k\">(</span>node<span class=\"k\">));</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;Range&#30340;&#24320;&#22987;&#20301;&#32622;&#35774;&#32622;&#21040;node&#33410;&#28857;&#20869;&#30340;&#31532;&#19968;&#20010;&#33410;&#28857;&#22788;</span>","<span class=\"c\">         * @method  setStartAtFirst</span>","<span class=\"c\">         * @param { Node } node &#30446;&#26631;&#33410;&#28857;</span>","<span class=\"c\">         * @see UE.dom.Range:setStart(Node,int)</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *         &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *         //output: '&lt;a&gt;&lt;/a&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.setStartAtFirst( document.getElementById(\"test\") );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: '&lt;i&gt;&lt;/i&gt;&lt;a&gt;&lt;/a&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setStartAtFirst<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setStart<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;Range&#30340;&#24320;&#22987;&#20301;&#32622;&#35774;&#32622;&#21040;node&#33410;&#28857;&#20869;&#30340;&#26368;&#21518;&#19968;&#20010;&#33410;&#28857;&#22788;</span>","<span class=\"c\">         * @method  setStartAtLast</span>","<span class=\"c\">         * @param { Node } node &#30446;&#26631;&#33410;&#28857;</span>","<span class=\"c\">         * @see UE.dom.Range:setStart(Node,int)</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *         &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *         //output: &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.setStartAtLast( document.body );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //&#36873;&#21306;&#24050;&#32463;&#38381;&#21512;&#65292; &#36755;&#20986;&#31354;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         *         //output: ''</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setStartAtLast<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setStart<span class=\"k\">(</span>node<span class=\"k\">,</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> node<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length <span class=\"k\">:</span> node<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;Range&#30340;&#32467;&#26463;&#20301;&#32622;&#35774;&#32622;&#21040;node&#33410;&#28857;&#20869;&#30340;&#31532;&#19968;&#20010;&#33410;&#28857;&#22788;</span>","<span class=\"c\">         * @method  setEndAtFirst</span>","<span class=\"c\">         * @param { Node } node &#30446;&#26631;&#33410;&#28857;</span>","<span class=\"c\">         * @see UE.dom.Range:setStart(Node,int)</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *         //output: '&lt;a&gt;&lt;/a&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.setEndAtFirst( document.getElementById(\"test\") );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: '&lt;a&gt;&lt;/a&gt;&lt;div&gt;&lt;/div&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setEndAtFirst<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setEnd<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;Range&#30340;&#32467;&#26463;&#20301;&#32622;&#35774;&#32622;&#21040;node&#33410;&#28857;&#20869;&#30340;&#26368;&#21518;&#19968;&#20010;&#33410;&#28857;&#22788;</span>","<span class=\"c\">         * @method  setEndAtLast</span>","<span class=\"c\">         * @param { Node } node &#30446;&#26631;&#33410;&#28857;</span>","<span class=\"c\">         * @see UE.dom.Range:setStart(Node,int)</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *         &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *         //output: '&lt;a&gt;&lt;/a&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.setEndAtLast( document.getElementById(\"test\") );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: '&lt;a&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setEndAtLast<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setEnd<span class=\"k\">(</span>node<span class=\"k\">,</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> node<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length <span class=\"k\">:</span> node<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#36873;&#20013;&#19968;&#20010;&#33410;&#28857;&#65292; &#24182;&#36820;&#22238;&#21253;&#21547;&#36825;&#20010;&#33410;&#28857;&#30340;range&#23545;&#35937;</span>","<span class=\"c\">         * @method  selectNode</span>","<span class=\"c\">         * @param { Node } node &#38656;&#35201;&#36873;&#20013;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;&#65292; &#20294;&#26159;&#36873;&#21306;&#24050;&#32463;&#25913;&#21464;&#65292; &#21253;&#21547;&#20102;&#24403;&#21069;&#36873;&#25321;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.selectNode( document.getElementById(\"test\") );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: '&lt;div id=\"test\"&gt;&lt;/div&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        selectNode<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>node<span class=\"k\">).</span>setEndAfter<span class=\"k\">(</span>node<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#36873;&#20013;&#32473;&#23450;&#33410;&#28857;&#20869;&#37096;&#30340;&#25152;&#26377;&#33410;&#28857;&#65292; &#24182;&#36820;&#22238;&#21253;&#21547;&#36825;&#20010;&#33410;&#28857;&#20869;&#23481;&#30340;range&#23545;&#35937;</span>","<span class=\"c\">         * @method  selectNodeContents</span>","<span class=\"c\">         * @param { Node } node &#30446;&#26631;&#33410;&#28857;&#65292; &#24403;&#21069;range&#23558;&#21253;&#21547;&#35813;&#33410;&#28857;&#20869;&#30340;&#25152;&#26377;&#33410;&#28857;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;&#65292;  &#21253;&#21547;&#20102;&#24403;&#21069;&#36873;&#25321;&#30340;&#33410;&#28857;&#23545;&#35937;&#30340;&#25152;&#26377;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *          &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *          &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.selectNodeContents( document.getElementById(\"test\") );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: '&lt;a&gt;&lt;/a&gt;&lt;i&gt;&lt;/i&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        selectNodeContents<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setStart<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setEndAtLast<span class=\"k\">(</span>node<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * clone&#24403;&#21069;Range&#23545;&#35937;</span>","<span class=\"c\">         * @method  cloneRange</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;&#30340;&#19968;&#20010;&#21103;&#26412;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         var cloneRange = range.cloneRange();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: '&lt;a&gt;&lt;/a&gt;&lt;i&gt;&lt;/i&gt;'</span>","<span class=\"c\">         *         console.log( cloneRange.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        cloneRange<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> <span class=\"k\">new</span> Range<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">).</span>setStart<span class=\"k\">(</span>me<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> me<span class=\"k\">.</span>startOffset<span class=\"k\">).</span>setEnd<span class=\"k\">(</span>me<span class=\"k\">.</span>endContainer<span class=\"k\">,</span> me<span class=\"k\">.</span>endOffset<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#38381;&#21512;&#24403;&#21069;&#36873;&#21306;&#65292;&#21521;&#23614;&#37096;&#38381;&#21512;</span>","<span class=\"c\">         * @method  collapse</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: '&lt;a&gt;&lt;/a&gt;&lt;i&gt;&lt;/i&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.startOffset );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.collapse();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: ''</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.startOffset );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#38381;&#21512;&#24403;&#21069;&#36873;&#21306;&#65292;&#26681;&#25454;&#32473;&#23450;&#30340;toStart&#21442;&#25968;&#39033;&#20915;&#23450;&#26159;&#21521;&#23614;&#37096;&#38381;&#21512;&#36824;&#26159;&#21521;&#21069;&#38381;&#21512;&#65292;</span>","<span class=\"c\">         * &#22914;&#26524;toStart&#30340;&#20540;&#20026;true&#65292;&#21017;&#38381;&#21512;&#21040;&#39318;&#37096;&#65292; &#21453;&#20043;&#65292;&#21017;&#38381;&#21512;&#21040;&#23614;&#37096;</span>","<span class=\"c\">         * @method  collapse</span>","<span class=\"c\">         * @param { Boolean } toStart &#26159;&#21542;&#21521;&#21069;&#38381;&#21512;&#36873;&#21306;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: '&lt;a&gt;&lt;/a&gt;&lt;i&gt;&lt;/i&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.startOffset );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.collapse();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: ''</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.startOffset );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        collapse<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>toStart<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>toStart<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>endContainer <span class=\"k\">=</span> me<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                me<span class=\"k\">.</span>endOffset <span class=\"k\">=</span> me<span class=\"k\">.</span>startOffset<span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>startContainer <span class=\"k\">=</span> me<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","                me<span class=\"k\">.</span>startOffset <span class=\"k\">=</span> me<span class=\"k\">.</span>endOffset<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            me<span class=\"k\">.</span>collapsed <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> me<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#35843;&#25972;range&#30340;&#36793;&#30028;&#65292;&#20351;&#20854;\"&#25910;&#32553;\"&#21040;&#26368;&#23567;&#30340;&#20301;&#32622;</span>","<span class=\"c\">         * @name  shrinkBoundary</span>","<span class=\"c\">         * @grammar range.shrinkBoundary()  =&gt; Range  //range&#24320;&#22987;&#20301;&#32622;&#21644;&#32467;&#26463;&#20301;&#32622;&#37117;&#35843;&#25972;&#65292;&#21442;&#35265;&lt;code&gt;&lt;a href=\"#adjustmentboundary\"&gt;adjustmentBoundary&lt;/a&gt;&lt;/code&gt;</span>","<span class=\"c\">         * @grammar range.shrinkBoundary(true)  =&gt; Range  //&#20165;&#35843;&#25972;&#24320;&#22987;&#20301;&#32622;&#65292;&#24573;&#30053;&#32467;&#26463;&#20301;&#32622;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * &lt;b&gt;xx[&lt;/b&gt;xxxxx] ==&gt; &lt;b&gt;xx&lt;/b&gt;[xxxxx]</span>","<span class=\"c\">         * &lt;b&gt;x[xx&lt;/b&gt;&lt;i&gt;]xxx&lt;/i&gt; ==&gt; &lt;b&gt;x[xx]&lt;/b&gt;&lt;i&gt;xxx&lt;/i&gt;</span>","<span class=\"c\">         * [&lt;b&gt;&lt;i&gt;xxxx&lt;/i&gt;xxxxxxx&lt;/b&gt;] ==&gt; &lt;b&gt;&lt;i&gt;[xxxx&lt;/i&gt;xxxxxxx]&lt;/b&gt;</span>","<span class=\"c\">         */</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35843;&#25972;range&#30340;&#24320;&#22987;&#20301;&#32622;&#21644;&#32467;&#26463;&#20301;&#32622;&#65292;&#20351;&#20854;\"&#25910;&#32553;\"&#21040;&#26368;&#23567;&#30340;&#20301;&#32622;</span>","<span class=\"c\">         * @method  shrinkBoundary</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: '&lt;a&gt;&lt;/a&gt;&lt;i&gt;&lt;/i&gt;'</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.startOffset );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.collapse();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: ''</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.startOffset );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        shrinkBoundary<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>ignoreEnd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span> child<span class=\"k\">,</span>","                collapsed <span class=\"k\">=</span> me<span class=\"k\">.</span>collapsed<span class=\"k\">;</span>","            <span class=\"k\">function</span> check<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$nonChild<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span>","            <span class=\"k\">}</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"c\">//&#26159;element</span>","                <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>child <span class=\"k\">=</span> me<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>me<span class=\"k\">.</span>startOffset<span class=\"k\">])</span> <span class=\"c\">//&#23376;&#33410;&#28857;&#20063;&#26159;element</span>","                <span class=\"k\">&amp;&amp;</span> check<span class=\"k\">(</span>child<span class=\"k\">))</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>setStart<span class=\"k\">(</span>child<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> me<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ignoreEnd<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"c\">//&#26159;element</span>","                    <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>endOffset <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"c\">//&#22914;&#26524;&#26159;&#31354;&#20803;&#32032;&#23601;&#36864;&#20986; endOffset=0&#37027;&#20040;endOffst-1&#20026;&#36127;&#20540;&#65292;childNodes[endOffset]&#25253;&#38169;</span>","                    <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>child <span class=\"k\">=</span> me<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>me<span class=\"k\">.</span>endOffset <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">])</span> <span class=\"c\">//&#23376;&#33410;&#28857;&#20063;&#26159;element</span>","                    <span class=\"k\">&amp;&amp;</span> check<span class=\"k\">(</span>child<span class=\"k\">))</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>setEnd<span class=\"k\">(</span>child<span class=\"k\">,</span> child<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> me<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;&#36873;&#21306;&#25152;&#21253;&#21547;&#30340;&#25152;&#26377;&#33410;&#28857;&#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;&#65292;</span>","<span class=\"c\">         * &#36820;&#22238;&#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;&#19968;&#23450;&#19981;&#26159;range&#33258;&#36523;&#30340;&#23481;&#22120;&#33410;&#28857;&#65292; &#20294;&#26377;&#21487;&#33021;&#26159;&#19968;&#20010;&#25991;&#26412;&#33410;&#28857;</span>","<span class=\"c\">         * @method  getCommonAncestor</span>","<span class=\"c\">         * @return { Node } &#24403;&#21069;range&#23545;&#35937;&#20869;&#25152;&#26377;&#33410;&#28857;&#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         var ancestorNode = range.getCommonAncestor();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 'DIV'</span>","<span class=\"c\">         *         console.log( ancestorNode.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *          &lt;span&gt;</span>","<span class=\"c\">         *              &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *              &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *          &lt;/span&gt;</span>","<span class=\"c\">         *          &lt;span&gt;</span>","<span class=\"c\">         *              &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *              &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *          &lt;/span&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         var ancestorNode = range.getCommonAncestor();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 'DIV'</span>","<span class=\"c\">         *         console.log( ancestorNode.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;&#36873;&#21306;&#25152;&#21253;&#21547;&#30340;&#25152;&#26377;&#33410;&#28857;&#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;&#65292; &#21487;&#20197;&#26681;&#25454;&#32473;&#23450;&#30340;&#21442;&#25968; includeSelf &#20915;&#23450;&#33719;&#21462;&#21040;</span>","<span class=\"c\">         * &#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;&#26159;&#21542;&#21487;&#20197;&#26159;&#24403;&#21069;&#36873;&#21306;&#30340;startContainer&#25110;endContainer&#33410;&#28857;&#65292; &#22914;&#26524; includeSelf</span>","<span class=\"c\">         * &#30340;&#21462;&#20540;&#20026;true&#65292; &#21017;&#36820;&#22238;&#30340;&#33410;&#28857;&#21487;&#20197;&#26159;&#33258;&#36523;&#30340;&#23481;&#22120;&#33410;&#28857;&#65292; &#21542;&#21017;&#65292; &#21017;&#19981;&#33021;&#26159;&#23481;&#22120;&#33410;&#28857;</span>","<span class=\"c\">         * @method  getCommonAncestor</span>","<span class=\"c\">         * @param { Boolean } includeSelf &#26159;&#21542;&#20801;&#35768;&#33719;&#21462;&#21040;&#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;&#26159;&#24403;&#21069;range&#23545;&#35937;&#30340;&#23481;&#22120;&#33410;&#28857;</span>","<span class=\"c\">         * @return { Node } &#24403;&#21069;range&#23545;&#35937;&#20869;&#25152;&#26377;&#33410;&#28857;&#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;</span>","<span class=\"c\">         * @see UE.dom.Range:getCommonAncestor()</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         var ancestorNode = range.getCommonAncestor( true );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 'DIV'</span>","<span class=\"c\">         *         console.log( ancestorNode.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         ancestorNode = range.getCommonAncestor( false );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: BODY</span>","<span class=\"c\">         *         console.log( ancestorNode.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;&#36873;&#21306;&#25152;&#21253;&#21547;&#30340;&#25152;&#26377;&#33410;&#28857;&#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;&#65292; &#21487;&#20197;&#26681;&#25454;&#32473;&#23450;&#30340;&#21442;&#25968; includeSelf &#20915;&#23450;&#33719;&#21462;&#21040;</span>","<span class=\"c\">         * &#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;&#26159;&#21542;&#21487;&#20197;&#26159;&#24403;&#21069;&#36873;&#21306;&#30340;startContainer&#25110;endContainer&#33410;&#28857;&#65292; &#22914;&#26524; includeSelf</span>","<span class=\"c\">         * &#30340;&#21462;&#20540;&#20026;true&#65292; &#21017;&#36820;&#22238;&#30340;&#33410;&#28857;&#21487;&#20197;&#26159;&#33258;&#36523;&#30340;&#23481;&#22120;&#33410;&#28857;&#65292; &#21542;&#21017;&#65292; &#21017;&#19981;&#33021;&#26159;&#23481;&#22120;&#33410;&#28857;&#65307; &#21516;&#26102;&#21487;&#20197;&#26681;&#25454;</span>","<span class=\"c\">         * ignoreTextNode &#21442;&#25968;&#30340;&#21462;&#20540;&#20915;&#23450;&#26159;&#21542;&#24573;&#30053;&#31867;&#22411;&#20026;&#25991;&#26412;&#33410;&#28857;&#30340;&#31062;&#20808;&#33410;&#28857;&#12290;</span>","<span class=\"c\">         * @method  getCommonAncestor</span>","<span class=\"c\">         * @param { Boolean } includeSelf &#26159;&#21542;&#20801;&#35768;&#33719;&#21462;&#21040;&#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;&#26159;&#24403;&#21069;range&#23545;&#35937;&#30340;&#23481;&#22120;&#33410;&#28857;</span>","<span class=\"c\">         * @param { Boolean } ignoreTextNode &#33719;&#21462;&#31062;&#20808;&#33410;&#28857;&#30340;&#36807;&#31243;&#20013;&#26159;&#21542;&#24573;&#30053;&#31867;&#22411;&#20026;&#25991;&#26412;&#33410;&#28857;&#30340;&#31062;&#20808;&#33410;&#28857;</span>","<span class=\"c\">         * @return { Node } &#24403;&#21069;range&#23545;&#35937;&#20869;&#25152;&#26377;&#33410;&#28857;&#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;</span>","<span class=\"c\">         * @see UE.dom.Range:getCommonAncestor()</span>","<span class=\"c\">         * @see UE.dom.Range:getCommonAncestor(Boolean)</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;span&gt;</span>","<span class=\"c\">         *             &#25105;&#26159;&#19968;&#20010;</span>","<span class=\"c\">         *             &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *             &#25991;&#26412;</span>","<span class=\"c\">         *             &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *             &#20869;&#23481;</span>","<span class=\"c\">         *         &lt;/span&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         var ancestorNode = range.getCommonAncestor( true, false );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( ancestorNode.nodeType );</span>","<span class=\"c\">         *         //output: SPAN</span>","<span class=\"c\">         *         console.log( ancestorNode.parentNode.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         ancestorNode = range.getCommonAncestor( true, true );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( ancestorNode.nodeType );</span>","<span class=\"c\">         *         //output: SPAN</span>","<span class=\"c\">         *         console.log( ancestorNode.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getCommonAncestor<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>includeSelf<span class=\"k\">,</span> ignoreTextNode<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                start <span class=\"k\">=</span> me<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>","                end <span class=\"k\">=</span> me<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">===</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>includeSelf <span class=\"k\">&amp;&amp;</span> selectOneNode<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                    start <span class=\"k\">=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>me<span class=\"k\">.</span>startOffset<span class=\"k\">];</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span>","                        <span class=\"k\">return</span> start<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//&#21482;&#26377;&#22312;&#19978;&#26469;&#23601;&#30456;&#31561;&#30340;&#24773;&#20917;&#19979;&#25165;&#20250;&#20986;&#29616;&#26159;&#25991;&#26412;&#30340;&#24773;&#20917;</span>","                <span class=\"k\">return</span> ignoreTextNode <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> start<span class=\"k\">.</span>parentNode <span class=\"k\">:</span> start<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>getCommonAncestor<span class=\"k\">(</span>start<span class=\"k\">,</span> end<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35843;&#25972;&#24403;&#21069;Range&#30340;&#24320;&#22987;&#21644;&#32467;&#26463;&#36793;&#30028;&#23481;&#22120;&#65292;&#22914;&#26524;&#26159;&#23481;&#22120;&#33410;&#28857;&#26159;&#25991;&#26412;&#33410;&#28857;,&#23601;&#35843;&#25972;&#21040;&#21253;&#21547;&#35813;&#25991;&#26412;&#33410;&#28857;&#30340;&#29238;&#33410;&#28857;&#19978;</span>","<span class=\"c\">         * @method trimBoundary</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div&gt;</span>","<span class=\"c\">         *         &#20320;&#22909;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &#25105;&#26159;&#19968;&#27573;&#25991;&#26412;&#65292; &#25105;&#26049;&#36793;&#30340;&#27880;&#37322;&#20869;&#23481;&#20854;&#23454;&#26159;&#19981;&#23384;&#22312;&#30340;,&#20165;&#20165;&#26159;&#20026;&#20102;&#25551;&#36848;&#19968;&#19979;&#36873;&#21306;&#30340;&#36793;&#30028;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *         &#21040;&#36825;&#37324;&#25991;&#26412;&#32467;&#26463;&#20102;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.trimBoundary();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35843;&#25972;&#24403;&#21069;Range&#30340;&#24320;&#22987;&#21644;&#32467;&#26463;&#36793;&#30028;&#23481;&#22120;&#65292;&#22914;&#26524;&#26159;&#23481;&#22120;&#33410;&#28857;&#26159;&#25991;&#26412;&#33410;&#28857;,&#23601;&#35843;&#25972;&#21040;&#21253;&#21547;&#35813;&#25991;&#26412;&#33410;&#28857;&#30340;&#29238;&#33410;&#28857;&#19978;&#65292;</span>","<span class=\"c\">         * &#21487;&#20197;&#26681;&#25454; ignoreEnd &#21442;&#25968;&#30340;&#20540;&#20915;&#23450;&#26159;&#21542;&#35843;&#25972;&#23545;&#32467;&#26463;&#36793;&#30028;&#30340;&#35843;&#25972;</span>","<span class=\"c\">         * @method trimBoundary</span>","<span class=\"c\">         * @param { Boolean } ignoreEnd &#26159;&#21542;&#24573;&#30053;&#23545;&#32467;&#26463;&#36793;&#30028;&#30340;&#35843;&#25972;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div&gt;</span>","<span class=\"c\">         *         &#20320;&#22909;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &#25105;&#26159;&#19968;&#27573;&#25991;&#26412;&#65292; &#25105;&#26049;&#36793;&#30340;&#27880;&#37322;&#20869;&#23481;&#20854;&#23454;&#26159;&#19981;&#23384;&#22312;&#30340;,&#20165;&#20165;&#26159;&#20026;&#20102;&#25551;&#36848;&#19968;&#19979;&#36873;&#21306;&#30340;&#36793;&#30028;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *         &#21040;&#36825;&#37324;&#25991;&#26412;&#32467;&#26463;&#20102;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.trimBoundary( true );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        trimBoundary<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>ignoreEnd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>txtToElmBoundary<span class=\"k\">();</span>","            <span class=\"k\">var</span> start <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">,</span>","                offset <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startOffset<span class=\"k\">,</span>","                collapsed <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">,</span>","                end <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>offset <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>start<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>offset <span class=\"k\">&gt;=</span> start<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span>start<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> textNode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>split<span class=\"k\">(</span>start<span class=\"k\">,</span> offset<span class=\"k\">);</span>","                        <span class=\"c\">//&#36319;&#26032;&#32467;&#26463;&#36793;&#30028;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">===</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">this</span><span class=\"k\">.</span>setEnd<span class=\"k\">(</span>textNode<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>endOffset <span class=\"k\">-</span> offset<span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>parentNode <span class=\"k\">===</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">this</span><span class=\"k\">.</span>endOffset <span class=\"k\">+=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>textNode<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ignoreEnd<span class=\"k\">)</span> <span class=\"k\">{</span>","                offset <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>endOffset<span class=\"k\">;</span>","                end <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>end<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>offset <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setEndBefore<span class=\"k\">(</span>end<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        offset <span class=\"k\">&lt;</span> end<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>split<span class=\"k\">(</span>end<span class=\"k\">,</span> offset<span class=\"k\">);</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>end<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#22914;&#26524;&#36873;&#21306;&#22312;&#25991;&#26412;&#30340;&#36793;&#30028;&#19978;&#65292;&#23601;&#25193;&#23637;&#36873;&#21306;&#21040;&#25991;&#26412;&#30340;&#29238;&#33410;&#28857;&#19978;, &#22914;&#26524;&#24403;&#21069;&#36873;&#21306;&#26159;&#38381;&#21512;&#30340;&#65292; &#21017;&#20160;&#20040;&#20063;&#19981;&#20570;</span>","<span class=\"c\">         * @method txtToElmBoundary</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &#20320;&#22909;&#65292;&#25105;&#26159;&#19968;&#27573;&#25991;&#26412;&#65292; &#25105;&#26049;&#36793;&#30340;&#27880;&#37322;&#20869;&#23481;&#20854;&#23454;&#26159;&#19981;&#23384;&#22312;&#30340;,&#20165;&#20165;&#26159;&#20026;&#20102;&#25551;&#36848;&#19968;&#19979;&#36873;&#21306;&#30340;&#36793;&#30028;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *         &#21040;&#36825;&#37324;&#25991;&#26412;&#32467;&#26463;&#20102;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.txtToElmBoundary();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &#20320;&#22909;&#65292;&#25105;&#26159;&#19968;&#27573;&#25991;&#26412;&#65292; &#25105;&#26049;&#36793;&#30340;&#27880;&#37322;&#20869;&#23481;&#20854;&#23454;&#26159;&#19981;&#23384;&#22312;&#30340;,&#20165;&#20165;&#26159;&#20026;&#20102;&#25551;&#36848;&#19968;&#19979;&#36873;&#21306;&#30340;&#36793;&#30028;</span>","<span class=\"c\">         *         &#21040;&#36825;&#37324;&#25991;&#26412;&#32467;&#26463;&#20102;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.txtToElmBoundary();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#22914;&#26524;&#36873;&#21306;&#22312;&#25991;&#26412;&#30340;&#36793;&#30028;&#19978;&#65292;&#23601;&#25193;&#23637;&#36873;&#21306;&#21040;&#25991;&#26412;&#30340;&#29238;&#33410;&#28857;&#19978;, &#22914;&#26524;&#24403;&#21069;&#36873;&#21306;&#26159;&#38381;&#21512;&#30340;&#65292; &#21017;&#26681;&#25454;&#21442;&#25968;&#39033;</span>","<span class=\"c\">         * ignoreCollapsed &#30340;&#20540;&#20915;&#23450;&#26159;&#21542;&#25191;&#34892;&#35813;&#35843;&#25972;</span>","<span class=\"c\">         * @method txtToElmBoundary</span>","<span class=\"c\">         * @param { Boolean } ignoreCollapsed &#26159;&#21542;&#24573;&#30053;&#36873;&#21306;&#30340;&#38381;&#21512;&#29366;&#24577;&#65292; &#22914;&#26524;&#35813;&#21442;&#25968;&#21462;&#20540;&#20026;true&#65292; &#21017;</span>","<span class=\"c\">         *                      &#19981;&#35770;&#36873;&#21306;&#26159;&#21542;&#38381;&#21512;&#65292; &#37117;&#20250;&#25191;&#34892;&#35813;&#25805;&#20316;&#65292; &#21453;&#20043;&#65292; &#21017;&#19981;&#20250;&#23545;&#38381;&#21512;&#30340;&#36873;&#21306;&#25191;&#34892;&#35813;&#25805;&#20316;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div&gt;</span>","<span class=\"c\">         *         &#20320;&#22909;&#65292;&#25105;&#26159;&#19968;&#27573;&#25991;&#26412;&#65292; &#25105;&#26049;&#36793;&#30340;&#27880;&#37322;&#20869;&#23481;&#20854;&#23454;&#26159;&#19981;&#23384;&#22312;&#30340;,&#20165;&#20165;&#26159;&#20026;&#20102;&#25551;&#36848;&#19968;&#19979;&#36873;&#21306;&#30340;&#36793;&#30028;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;&lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *         &#21040;&#36825;&#37324;&#25991;&#26412;&#32467;&#26463;&#20102;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.txtToElmBoundary( true );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 1</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div&gt;</span>","<span class=\"c\">         *         &#20320;&#22909;&#65292;&#25105;&#26159;&#19968;&#27573;&#25991;&#26412;&#65292; &#25105;&#26049;&#36793;&#30340;&#27880;&#37322;&#20869;&#23481;&#20854;&#23454;&#26159;&#19981;&#23384;&#22312;&#30340;,&#20165;&#20165;&#26159;&#20026;&#20102;&#25551;&#36848;&#19968;&#19979;&#36873;&#21306;&#30340;&#36793;&#30028;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;&lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *         &#21040;&#36825;&#37324;&#25991;&#26412;&#32467;&#26463;&#20102;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.txtToElmBoundary( false );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.startContainer.nodeType );</span>","<span class=\"c\">         *         //output: 3</span>","<span class=\"c\">         *         console.log( range.endContainer.nodeType );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        txtToElmBoundary<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>ignoreCollapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">function</span> adjust<span class=\"k\">(</span>r<span class=\"k\">,</span> c<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> container <span class=\"k\">=</span> r<span class=\"k\">[</span>c <span class=\"k\">+</span> <span class=\"s\">'Container'</span><span class=\"k\">],</span>","                    offset <span class=\"k\">=</span> r<span class=\"k\">[</span>c <span class=\"k\">+</span> <span class=\"s\">'Offset'</span><span class=\"k\">];</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>container<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>offset<span class=\"k\">)</span> <span class=\"k\">{</span>","                        r<span class=\"k\">[</span><span class=\"s\">'set'</span> <span class=\"k\">+</span> c<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(\\w)/</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>a<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> a<span class=\"k\">.</span>toUpperCase<span class=\"k\">();</span>","                        <span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'Before'</span><span class=\"k\">](</span>container<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>offset <span class=\"k\">&gt;=</span> container<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                        r<span class=\"k\">[</span><span class=\"s\">'set'</span> <span class=\"k\">+</span> c<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(\\w)/</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>a<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> a<span class=\"k\">.</span>toUpperCase<span class=\"k\">();</span>","                        <span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'After'</span> <span class=\"k\">](</span>container<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>ignoreCollapsed <span class=\"k\">||</span> <span class=\"k\">!</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                adjust<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> <span class=\"s\">'start'</span><span class=\"k\">);</span>","                adjust<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> <span class=\"s\">'end'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#22312;&#24403;&#21069;&#36873;&#21306;&#30340;&#24320;&#22987;&#20301;&#32622;&#21518;&#32039;&#20020;&#30528;&#25554;&#20837;&#19968;&#20010;&#33410;&#28857;&#65292;&#26032;&#25554;&#20837;&#30340;&#33410;&#28857;&#20250;&#34987;&#35813;range&#21253;&#21547;</span>","<span class=\"c\">         * @method  insertNode</span>","<span class=\"c\">         * @param { Node } &#38656;&#35201;&#25554;&#20837;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;div id=\"test\"&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *         &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         var newNode = document.createElement('div');</span>","<span class=\"c\">         *         newNode.id = 'ueditor';</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: &lt;span&gt;&lt;/span&gt;&lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         range.insertNode( newNode );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: &lt;div id=\"ueditor\"&gt;&lt;/div&gt;&lt;span&gt;&lt;/span&gt;&lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        insertNode<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> first <span class=\"k\">=</span> node<span class=\"k\">,</span> length <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">11</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                first <span class=\"k\">=</span> node<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                length <span class=\"k\">=</span> node<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>trimBoundary<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> start <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">,</span>","                offset <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startOffset<span class=\"k\">;</span>","            <span class=\"k\">var</span> nextNode <span class=\"k\">=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span> offset <span class=\"k\">];</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>nextNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                start<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>node<span class=\"k\">,</span> nextNode<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                start<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>node<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>first<span class=\"k\">.</span>parentNode <span class=\"k\">===</span> <span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>endOffset <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>endOffset <span class=\"k\">+</span> length<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>first<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#38381;&#21512;&#36873;&#21306;&#21040;&#24403;&#21069;&#36873;&#21306;&#30340;&#24320;&#22987;&#20301;&#32622;&#65292; &#24182;&#19988;&#23450;&#20301;&#20809;&#26631;&#21040;&#38381;&#21512;&#21518;&#30340;&#20301;&#32622;</span>","<span class=\"c\">         * @method  setCursor</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @see UE.dom.Range:collapse()</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#38381;&#21512;&#36873;&#21306;&#65292; &#24182;&#19988;&#23450;&#20301;&#20809;&#26631;&#21040;&#38381;&#21512;&#21518;&#30340;&#20301;&#32622;&#65292; &#21487;&#20197;&#26681;&#25454;&#21442;&#25968;toEnd&#30340;&#20540;&#25511;&#21046;&#36873;&#21306;&#26159;&#21521;&#21069;&#38381;&#21512;&#36824;&#26159;&#21521;&#21518;&#38381;&#21512;</span>","<span class=\"c\">         * @method  setCursor</span>","<span class=\"c\">         * @param { Boolean } toEnd &#26159;&#21542;&#21521;&#21518;&#38381;&#21512;&#65292; &#22914;&#26524;&#20026;true&#65292; &#21017;&#38381;&#21512;&#36873;&#21306;&#26102;&#65292; &#23558;&#21521;&#32467;&#26463;&#23481;&#22120;&#26041;&#21521;&#38381;&#21512;&#65292;</span>","<span class=\"c\">         *                      &#21453;&#20043;&#65292;&#21017;&#21521;&#24320;&#22987;&#23481;&#22120;&#26041;&#21521;&#38381;&#21512;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @see UE.dom.Range:collapse(Boolean)</span>","<span class=\"c\">         */</span>","        setCursor<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>toEnd<span class=\"k\">,</span> noFillData<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>collapse<span class=\"k\">(!</span>toEnd<span class=\"k\">).</span>select<span class=\"k\">(</span>noFillData<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#21019;&#24314;&#24403;&#21069;range&#30340;&#19968;&#20010;&#20070;&#31614;&#65292;&#35760;&#24405;&#19979;&#24403;&#21069;range&#30340;&#20301;&#32622;&#65292;&#26041;&#20415;&#24403;dom&#26641;&#25913;&#21464;&#26102;&#65292;&#36824;&#33021;&#25214;&#22238;&#21407;&#26469;&#30340;&#36873;&#21306;&#20301;&#32622;</span>","<span class=\"c\">         * @method createBookmark</span>","<span class=\"c\">         * @param { Boolean } serialize &#25511;&#21046;&#36820;&#22238;&#30340;&#26631;&#35760;&#20301;&#32622;&#26159;&#23545;&#24403;&#21069;&#20301;&#32622;&#30340;&#24341;&#29992;&#36824;&#26159;ID&#65292;&#22914;&#26524;&#35813;&#20540;&#20026;true&#65292;&#21017;</span>","<span class=\"c\">         *                              &#36820;&#22238;&#26631;&#35760;&#20301;&#32622;&#30340;ID&#65292; &#21453;&#20043;&#21017;&#36820;&#22238;&#26631;&#35760;&#20301;&#32622;&#30340;&#24341;&#29992;</span>","<span class=\"c\">         * @return { KeyValueMap } &#36820;&#22238;&#19968;&#20010;&#20070;&#31614;&#35760;&#24405;&#38190;&#20540;&#23545;&#65292; &#20854;&#21253;&#21547;&#30340;key&#26377;&#65306; start =&gt; &#24320;&#22987;&#26631;&#35760;&#30340;ID&#25110;&#32773;&#24341;&#29992;&#65292;</span>","<span class=\"c\">         *                          end =&gt; &#32467;&#26463;&#26631;&#35760;&#30340;ID&#25110;&#24341;&#29992;&#65292; id =&gt; &#24403;&#21069;&#26631;&#35760;&#30340;&#31867;&#22411;&#65292; &#22914;&#26524;&#20026;true&#65292;&#21017;&#34920;&#31034;</span>","<span class=\"c\">         *                          &#36820;&#22238;&#30340;&#35760;&#24405;&#30340;&#31867;&#22411;&#20026;ID&#65292; &#21453;&#20043;&#21017;&#20026;&#24341;&#29992;</span>","<span class=\"c\">         */</span>","        createBookmark<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>serialize<span class=\"k\">,</span> same<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> endNode<span class=\"k\">,</span>","                startNode <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","            startNode<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">'display:none;line-height:0px;'</span><span class=\"k\">;</span>","            startNode<span class=\"k\">.</span>appendChild<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'</span><span class=\"t\">\\u</span><span class=\"s\">200D'</span><span class=\"k\">));</span>","            startNode<span class=\"k\">.</span>id <span class=\"k\">=</span> <span class=\"s\">'_baidu_bookmark_start_'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>same <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> guid<span class=\"k\">++);</span>","","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                endNode <span class=\"k\">=</span> startNode<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                endNode<span class=\"k\">.</span>id <span class=\"k\">=</span> <span class=\"s\">'_baidu_bookmark_end_'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>same <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> guid<span class=\"k\">++);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>insertNode<span class=\"k\">(</span>startNode<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>endNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>collapse<span class=\"k\">().</span>insertNode<span class=\"k\">(</span>endNode<span class=\"k\">).</span>setEndBefore<span class=\"k\">(</span>endNode<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span>startNode<span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                start<span class=\"k\">:</span>serialize <span class=\"k\">?</span> startNode<span class=\"k\">.</span>id <span class=\"k\">:</span> startNode<span class=\"k\">,</span>","                end<span class=\"k\">:</span>endNode <span class=\"k\">?</span> serialize <span class=\"k\">?</span> endNode<span class=\"k\">.</span>id <span class=\"k\">:</span> endNode <span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">,</span>","                id<span class=\"k\">:</span>serialize","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         *  &#35843;&#25972;&#24403;&#21069;range&#30340;&#36793;&#30028;&#21040;&#20070;&#31614;&#20301;&#32622;&#65292;&#24182;&#21024;&#38500;&#35813;&#20070;&#31614;&#23545;&#35937;&#25152;&#26631;&#35760;&#30340;&#20301;&#32622;&#20869;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         *  @method  moveToBookmark</span>","<span class=\"c\">         *  @param { BookMark } createBookmark&#25152;&#21019;&#24314;&#30340;&#26631;&#31614;&#23545;&#35937;</span>","<span class=\"c\">         *  @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         *  @see UE.dom.Range:createBookmark(Boolean)</span>","<span class=\"c\">         */</span>","        moveToBookmark<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>bookmark<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> start <span class=\"k\">=</span> bookmark<span class=\"k\">.</span>id <span class=\"k\">?</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>bookmark<span class=\"k\">.</span>start<span class=\"k\">)</span> <span class=\"k\">:</span> bookmark<span class=\"k\">.</span>start<span class=\"k\">,</span>","                end <span class=\"k\">=</span> bookmark<span class=\"k\">.</span>end <span class=\"k\">&amp;&amp;</span> bookmark<span class=\"k\">.</span>id <span class=\"k\">?</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>bookmark<span class=\"k\">.</span>end<span class=\"k\">)</span> <span class=\"k\">:</span> bookmark<span class=\"k\">.</span>end<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>start<span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>start<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>end<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>setEndBefore<span class=\"k\">(</span>end<span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>end<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35843;&#25972;range&#30340;&#36793;&#30028;&#65292;&#20351;&#20854;\"&#25918;&#22823;\"&#21040;&#26368;&#36817;&#30340;&#29238;&#33410;&#28857;</span>","<span class=\"c\">         * @method  enlarge</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div&gt;</span>","<span class=\"c\">         *          &lt;span&gt;</span>","<span class=\"c\">         *              &lt;b&gt;a&lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;b&lt;/b&gt;</span>","<span class=\"c\">         *              cdef</span>","<span class=\"c\">         *              &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *          &lt;/span&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *          range.enlarge();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *          //output: &lt;span&gt;&lt;b&gt;ab&lt;/b&gt;cdef&lt;/span&gt;</span>","<span class=\"c\">         *          console.log( enlarge.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35843;&#25972;range&#30340;&#36793;&#30028;&#65292;&#20351;&#20854;\"&#25918;&#22823;\"&#21040;&#26368;&#36817;&#30340;&#29238;&#33410;&#28857;&#65292;&#26681;&#25454;&#21442;&#25968; toBlock &#30340;&#21462;&#20540;&#65292; &#21487;&#20197;</span>","<span class=\"c\">         * &#35201;&#27714;&#25193;&#22823;&#20043;&#21518;&#30340;&#29238;&#33410;&#28857;&#26159;block&#33410;&#28857;</span>","<span class=\"c\">         * @method  enlarge</span>","<span class=\"c\">         * @param { Boolean } toBlock &#26159;&#21542;&#35201;&#27714;&#25193;&#22823;&#20043;&#21518;&#30340;&#29238;&#33410;&#28857;&#24517;&#39035;&#26159;block&#33410;&#28857;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div&gt;</span>","<span class=\"c\">         *          &lt;span&gt;</span>","<span class=\"c\">         *              &lt;b&gt;a&lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;b&lt;/b&gt;</span>","<span class=\"c\">         *              cdef</span>","<span class=\"c\">         *              &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *          &lt;/span&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *          range.enlarge( true );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *          //output: &lt;div&gt;&lt;span&gt;&lt;b&gt;ab&lt;/b&gt;cdef&lt;/span&gt;&lt;/div&gt;</span>","<span class=\"c\">         *          console.log( enlarge.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        enlarge<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>toBlock<span class=\"k\">,</span> stopFn<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> isBody <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>isBody<span class=\"k\">,</span>","                pre<span class=\"k\">,</span> node<span class=\"k\">,</span> tmp <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>toBlock<span class=\"k\">)</span> <span class=\"k\">{</span>","                node <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>childNodes<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>startOffset<span class=\"k\">])</span> <span class=\"k\">{</span>","                        pre <span class=\"k\">=</span> node <span class=\"k\">=</span> node<span class=\"k\">.</span>childNodes<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>startOffset<span class=\"k\">]</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","                        pre <span class=\"k\">=</span> node <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    pre <span class=\"k\">=</span> node<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">))</span> <span class=\"k\">{</span>","                        node <span class=\"k\">=</span> pre<span class=\"k\">;</span>","                        <span class=\"k\">while</span> <span class=\"k\">((</span>pre <span class=\"k\">=</span> node<span class=\"k\">.</span>previousSibling<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>pre<span class=\"k\">))</span> <span class=\"k\">{</span>","                            node <span class=\"k\">=</span> pre<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>node<span class=\"k\">);</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    pre <span class=\"k\">=</span> node<span class=\"k\">;</span>","                    node <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                node <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>pre <span class=\"k\">=</span> node<span class=\"k\">.</span>childNodes<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>endOffset<span class=\"k\">])</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmp<span class=\"k\">,</span> pre<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    pre <span class=\"k\">=</span> node <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    pre <span class=\"k\">=</span> node<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">))</span> <span class=\"k\">{</span>","                        node <span class=\"k\">=</span> pre<span class=\"k\">;</span>","                        <span class=\"k\">while</span> <span class=\"k\">((</span>pre <span class=\"k\">=</span> node<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>pre<span class=\"k\">))</span> <span class=\"k\">{</span>","                            node <span class=\"k\">=</span> pre<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>node<span class=\"k\">);</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    pre <span class=\"k\">=</span> node<span class=\"k\">;</span>","                    node <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>tmp<span class=\"k\">.</span>parentNode <span class=\"k\">===</span> <span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>endOffset<span class=\"k\">--;</span>","                <span class=\"k\">}</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"c\">// &#25193;&#23637;&#36793;&#30028;&#21040;&#26368;&#22823;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>startOffset <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>stopFn <span class=\"k\">&amp;&amp;</span> stopFn<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>isBody<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>endOffset <span class=\"k\">==</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length <span class=\"k\">:</span> <span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>stopFn <span class=\"k\">&amp;&amp;</span> stopFn<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>isBody<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35843;&#25972;Range&#30340;&#36793;&#30028;&#65292;&#20351;&#20854;\"&#32553;&#23567;\"&#21040;&#26368;&#21512;&#36866;&#30340;&#20301;&#32622;</span>","<span class=\"c\">         * @method adjustmentBoundary</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @see UE.dom.Range:shrinkBoundary()</span>","<span class=\"c\">         */</span>","        adjustmentBoundary<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">while</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>startOffset <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> <span class=\"s\">'nodeValue'</span> <span class=\"k\">:</span> <span class=\"s\">'childNodes'</span><span class=\"k\">].</span>length <span class=\"k\">&amp;&amp;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> <span class=\"s\">'nodeValue'</span> <span class=\"k\">:</span> <span class=\"s\">'childNodes'</span><span class=\"k\">].</span>length","                    <span class=\"k\">)</span> <span class=\"k\">{</span>","","                    <span class=\"k\">this</span><span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">while</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span><span class=\"k\">this</span><span class=\"k\">.</span>endOffset <span class=\"k\">&amp;&amp;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> <span class=\"s\">'nodeValue'</span> <span class=\"k\">:</span> <span class=\"s\">'childNodes'</span><span class=\"k\">].</span>length","                    <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>setEndBefore<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#32473;range&#36873;&#21306;&#20013;&#30340;&#20869;&#23481;&#28155;&#21152;&#32473;&#23450;&#30340;&#26631;&#31614;&#65292;&#20027;&#35201;&#29992;&#20110;inline&#26631;&#31614;</span>","<span class=\"c\">         * @name applyInlineStyle</span>","<span class=\"c\">         * @grammar range.applyInlineStyle(tagName)        =&gt;  Range    //tagName&#20026;&#38656;&#35201;&#28155;&#21152;&#30340;&#26679;&#24335;&#26631;&#31614;&#21517;</span>","<span class=\"c\">         * @grammar range.applyInlineStyle(tagName,attrs)  =&gt;  Range    //attrs&#20026;&#23646;&#24615;json&#23545;&#35937;</span>","<span class=\"c\">         * @desc</span>","<span class=\"c\">         * &lt;code type=\"html\"&gt;&lt;p&gt;xxxx[xxxx]x&lt;/p&gt;  ==&gt;  range.applyInlineStyle(\"strong\")  ==&gt;  &lt;p&gt;xxxx[&lt;strong&gt;xxxx&lt;/strong&gt;]x&lt;/p&gt;</span>","<span class=\"c\">         * &lt;p&gt;xx[dd&lt;strong&gt;yyyy&lt;/strong&gt;]x&lt;/p&gt;  ==&gt;  range.applyInlineStyle(\"strong\")  ==&gt;  &lt;p&gt;xx[&lt;strong&gt;ddyyyy&lt;/strong&gt;]x&lt;/p&gt;</span>","<span class=\"c\">         * &lt;p&gt;xxxx[xxxx]x&lt;/p&gt;  ==&gt;  range.applyInlineStyle(\"strong\",{\"style\":\"font-size:12px\"})  ==&gt;  &lt;p&gt;xxxx[&lt;strong style=\"font-size:12px\"&gt;xxxx&lt;/strong&gt;]x&lt;/p&gt;&lt;/code&gt;</span>","<span class=\"c\">         */</span>","        applyInlineStyle<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>tagName<span class=\"k\">,</span> attrs<span class=\"k\">,</span> list<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>trimBoundary<span class=\"k\">().</span>enlarge<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span>","                <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">)</span>","                <span class=\"k\">}</span><span class=\"k\">).</span>adjustmentBoundary<span class=\"k\">();</span>","            <span class=\"k\">var</span> bookmark <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                end <span class=\"k\">=</span> bookmark<span class=\"k\">.</span>end<span class=\"k\">,</span>","                filterFn <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">!=</span> <span class=\"s\">'br'</span> <span class=\"k\">:</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>bookmark<span class=\"k\">.</span>start<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">),</span>","                node<span class=\"k\">,</span>","                pre<span class=\"k\">,</span>","                range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cloneRange<span class=\"k\">();</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>current<span class=\"k\">,</span> end<span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_PRECEDING<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>current<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> dtd<span class=\"k\">[</span>tagName<span class=\"k\">][</span>current<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>current<span class=\"k\">);</span>","                    node <span class=\"k\">=</span> current<span class=\"k\">;</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> dtd<span class=\"k\">[</span>tagName<span class=\"k\">][</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">&amp;&amp;</span> node <span class=\"k\">!==</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                        pre <span class=\"k\">=</span> node<span class=\"k\">;</span>","                        node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>node<span class=\"k\">,</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>parent<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> dtd<span class=\"k\">[</span>tagName<span class=\"k\">][</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">];</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">var</span> frag <span class=\"k\">=</span> range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>pre<span class=\"k\">).</span>extractContents<span class=\"k\">(),</span> elm<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>list <span class=\"k\">&amp;&amp;</span> list<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> level<span class=\"k\">,</span> top<span class=\"k\">;</span>","                        top <span class=\"k\">=</span> level <span class=\"k\">=</span> list<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>cloneNode<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> list<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                            level<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>ci<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">));</span>","                            level <span class=\"k\">=</span> level<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        elm <span class=\"k\">=</span> level<span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        elm <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span>tagName<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>elm<span class=\"k\">,</span> attrs<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    elm<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>frag<span class=\"k\">);</span>","                    range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>list <span class=\"k\">?</span> top <span class=\"k\">:</span> elm<span class=\"k\">);</span>","                    <span class=\"c\">//&#22788;&#29702;&#19979;&#28369;&#32447;&#22312;a&#19978;&#30340;&#24773;&#20917;</span>","                    <span class=\"k\">var</span> aNode<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>tagName <span class=\"k\">==</span> <span class=\"s\">'span'</span> <span class=\"k\">&amp;&amp;</span> attrs<span class=\"k\">.</span>style <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/text\\-decoration/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>attrs<span class=\"k\">.</span>style<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>aNode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>elm<span class=\"k\">,</span> <span class=\"s\">'a'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)))</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>aNode<span class=\"k\">,</span> attrs<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>elm<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        elm <span class=\"k\">=</span> aNode<span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>mergeSibling<span class=\"k\">(</span>elm<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>clearEmptySibling<span class=\"k\">(</span>elm<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"c\">//&#21435;&#38500;&#23376;&#33410;&#28857;&#30456;&#21516;&#30340;</span>","                    domUtils<span class=\"k\">.</span>mergeChild<span class=\"k\">(</span>elm<span class=\"k\">,</span> attrs<span class=\"k\">);</span>","                    current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>elm<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                    domUtils<span class=\"k\">.</span>mergeToParent<span class=\"k\">(</span>elm<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>node <span class=\"k\">===</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bookmark<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#23545;&#24403;&#21069;range&#36873;&#20013;&#30340;&#33410;&#28857;&#65292;&#21435;&#25481;&#32473;&#23450;&#30340;&#26631;&#31614;&#33410;&#28857;&#65292;&#20294;&#26631;&#31614;&#20013;&#30340;&#20869;&#23481;&#20445;&#30041;&#65292;&#20027;&#35201;&#29992;&#20110;&#22788;&#29702;inline&#20803;&#32032;</span>","<span class=\"c\">         * @name removeInlineStyle</span>","<span class=\"c\">         * @grammar range.removeInlineStyle(tagNames)  =&gt; Range  //tagNames &#20026;&#38656;&#35201;&#21435;&#25481;&#30340;&#26679;&#24335;&#26631;&#31614;&#21517;,&#25903;&#25345;\"b\"&#25110;&#32773;[\"b\",\"i\",\"u\"]</span>","<span class=\"c\">         * @desc</span>","<span class=\"c\">         * &lt;code type=\"html\"&gt;xx[x&lt;span&gt;xxx&lt;em&gt;yyy&lt;/em&gt;zz]z&lt;/span&gt;  =&gt; range.removeInlineStyle([\"em\"])  =&gt; xx[x&lt;span&gt;xxxyyyzz]z&lt;/span&gt;&lt;/code&gt;</span>","<span class=\"c\">         */</span>","        removeInlineStyle<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>tagNames<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            tagNames <span class=\"k\">=</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>tagNames<span class=\"k\">)</span> <span class=\"k\">?</span> tagNames <span class=\"k\">:</span> <span class=\"k\">[</span>tagNames<span class=\"k\">];</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>shrinkBoundary<span class=\"k\">().</span>adjustmentBoundary<span class=\"k\">();</span>","            <span class=\"k\">var</span> start <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">,</span> end <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>tagNames<span class=\"k\">,</span> start<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">())</span> <span class=\"k\">&gt;</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'body'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        start <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                start <span class=\"k\">=</span> start<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>end<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>tagNames<span class=\"k\">,</span> end<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">())</span> <span class=\"k\">&gt;</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>end<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'body'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        end <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                end <span class=\"k\">=</span> end<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> bookmark <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                frag<span class=\"k\">,</span>","                tmpRange<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>start<span class=\"k\">)</span> <span class=\"k\">{</span>","                tmpRange <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cloneRange<span class=\"k\">().</span>setEndBefore<span class=\"k\">(</span>bookmark<span class=\"k\">.</span>start<span class=\"k\">).</span>setStartBefore<span class=\"k\">(</span>start<span class=\"k\">);</span>","                frag <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>extractContents<span class=\"k\">();</span>","                tmpRange<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>frag<span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>clearEmptySibling<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                start<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>bookmark<span class=\"k\">.</span>start<span class=\"k\">,</span> start<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>end<span class=\"k\">)</span> <span class=\"k\">{</span>","                tmpRange <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cloneRange<span class=\"k\">().</span>setStartAfter<span class=\"k\">(</span>bookmark<span class=\"k\">.</span>end<span class=\"k\">).</span>setEndAfter<span class=\"k\">(</span>end<span class=\"k\">);</span>","                frag <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>extractContents<span class=\"k\">();</span>","                tmpRange<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>frag<span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>clearEmptySibling<span class=\"k\">(</span>end<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                end<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>bookmark<span class=\"k\">.</span>end<span class=\"k\">,</span> end<span class=\"k\">.</span>nextSibling<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>bookmark<span class=\"k\">.</span>start<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">),</span> next<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> current <span class=\"k\">!==</span> bookmark<span class=\"k\">.</span>end<span class=\"k\">)</span> <span class=\"k\">{</span>","                next <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>tagNames<span class=\"k\">,</span> current<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">())</span> <span class=\"k\">&gt;</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>current<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                current <span class=\"k\">=</span> next<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bookmark<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;&#36873;&#21306;&#20013;&#30340;&#39318;&#20010;&#33258;&#38381;&#21512;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * @method  getClosedNode</span>","<span class=\"c\">         * @return { Node | NULL } &#22914;&#26524;&#22312;&#24403;&#21069;&#36873;&#21306;&#20013;&#23384;&#22312;&#33258;&#38381;&#21512;&#30340;&#33410;&#28857;&#65292; &#21017;&#36820;&#22238;&#35813;&#33410;&#28857;&#65292; &#21542;&#21017;&#36820;&#22238;NULL</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;div&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *         &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *         &lt;span&gt;&lt;img&gt;&lt;/span&gt;</span>","<span class=\"c\">         *         &lt;i&gt;&lt;/i&gt;</span>","<span class=\"c\">         *         &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *     &lt;/div&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         var node = range.getCloseNode();</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         //output: IMG</span>","<span class=\"c\">         *         console.log( node.tagName );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getClosedNode<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> node<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cloneRange<span class=\"k\">().</span>adjustmentBoundary<span class=\"k\">().</span>shrinkBoundary<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>selectOneNode<span class=\"k\">(</span>range<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> child <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">];</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>child <span class=\"k\">&amp;&amp;</span> child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>child<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">||</span> dtd<span class=\"k\">.</span>$nonChild<span class=\"k\">[</span>child<span class=\"k\">.</span>tagName<span class=\"k\">]))</span> <span class=\"k\">{</span>","                        node <span class=\"k\">=</span> child<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> node<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#36873;&#20013;&#24403;&#21069;&#36873;&#21306;</span>","<span class=\"c\">         * @method select</span>","<span class=\"c\">         * @return { UE.dom.Range } &#36820;&#22238;&#24403;&#21069;Range&#23545;&#35937;</span>","<span class=\"c\">         */</span>","        select<span class=\"k\">:</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"k\">function</span> <span class=\"k\">(</span>noFillData<span class=\"k\">,</span> textRange<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> nativeRange<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>shrinkBoundary<span class=\"k\">();</span>","            <span class=\"k\">var</span> node <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getClosedNode<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>textRange<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">try</span> <span class=\"k\">{</span>","                    nativeRange <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>createControlRange<span class=\"k\">();</span>","                    nativeRange<span class=\"k\">.</span>addElement<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    nativeRange<span class=\"k\">.</span>select<span class=\"k\">();</span>","                <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{}</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> bookmark <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                start <span class=\"k\">=</span> bookmark<span class=\"k\">.</span>start<span class=\"k\">,</span>","                end<span class=\"k\">;</span>","            nativeRange <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>createTextRange<span class=\"k\">();</span>","            nativeRange<span class=\"k\">.</span>moveToElementText<span class=\"k\">(</span>start<span class=\"k\">);</span>","            nativeRange<span class=\"k\">.</span>moveStart<span class=\"k\">(</span><span class=\"s\">'character'</span><span class=\"k\">,</span> <span class=\"s\">1</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> nativeRangeEnd <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>createTextRange<span class=\"k\">();</span>","                end <span class=\"k\">=</span> bookmark<span class=\"k\">.</span>end<span class=\"k\">;</span>","                nativeRangeEnd<span class=\"k\">.</span>moveToElementText<span class=\"k\">(</span>end<span class=\"k\">);</span>","                nativeRange<span class=\"k\">.</span>setEndPoint<span class=\"k\">(</span><span class=\"s\">'EndToEnd'</span><span class=\"k\">,</span> nativeRangeEnd<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>noFillData <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">!=</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//&#20351;&#29992;&lt;span&gt;|x&lt;span&gt;&#22266;&#23450;&#20303;&#20809;&#26631;</span>","                    <span class=\"k\">var</span> tmpText <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>fillChar<span class=\"k\">),</span>","                        tmp <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","                    tmp<span class=\"k\">.</span>appendChild<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>fillChar<span class=\"k\">));</span>","                    start<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmp<span class=\"k\">,</span> start<span class=\"k\">);</span>","                    start<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmpText<span class=\"k\">,</span> start<span class=\"k\">);</span>","                    <span class=\"c\">//&#24403;&#28857;b,i,u&#26102;&#65292;&#19981;&#33021;&#28165;&#38500;i&#19978;&#36793;&#30340;b</span>","                    removeFillData<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">,</span> tmpText<span class=\"k\">);</span>","                    fillData <span class=\"k\">=</span> tmpText<span class=\"k\">;</span>","                    mergeSibling<span class=\"k\">(</span>tmp<span class=\"k\">,</span> <span class=\"s\">'previousSibling'</span><span class=\"k\">);</span>","                    mergeSibling<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"s\">'nextSibling'</span><span class=\"k\">);</span>","                    nativeRange<span class=\"k\">.</span>moveStart<span class=\"k\">(</span><span class=\"s\">'character'</span><span class=\"k\">,</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","                    nativeRange<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bookmark<span class=\"k\">);</span>","            tmp <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","            <span class=\"c\">//IE&#22312;&#38544;&#34255;&#29366;&#24577;&#19979;&#19981;&#25903;&#25345;range&#25805;&#20316;&#65292;catch&#19968;&#19979;</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                nativeRange<span class=\"k\">.</span>select<span class=\"k\">();</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>notInsertFillData<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">function</span> checkOffset<span class=\"k\">(</span>rng<span class=\"k\">)</span><span class=\"k\">{</span>","","                <span class=\"k\">function</span> check<span class=\"k\">(</span>node<span class=\"k\">,</span>offset<span class=\"k\">,</span>dir<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length <span class=\"k\">&lt;</span> offset<span class=\"k\">)</span><span class=\"k\">{</span>","                        rng<span class=\"k\">[</span>dir <span class=\"k\">+</span> <span class=\"s\">'Offset'</span><span class=\"k\">]</span> <span class=\"k\">=</span> node<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                check<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>rng<span class=\"k\">.</span>startOffset<span class=\"k\">,</span><span class=\"s\">'start'</span><span class=\"k\">);</span>","                check<span class=\"k\">(</span>rng<span class=\"k\">.</span>endContainer<span class=\"k\">,</span>rng<span class=\"k\">.</span>endOffset<span class=\"k\">,</span><span class=\"s\">'end'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> win <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getWindow<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">),</span>","                sel <span class=\"k\">=</span> win<span class=\"k\">.</span>getSelection<span class=\"k\">(),</span>","                txtNode<span class=\"k\">;</span>","            <span class=\"c\">//FF&#19979;&#20851;&#38381;&#33258;&#21160;&#38271;&#39640;&#26102;&#28378;&#21160;&#26465;&#22312;&#20851;&#38381;dialog&#26102;&#20250;&#36339;</span>","            <span class=\"c\">//ff&#19979;&#22914;&#26524;&#19981;body.focus&#23558;&#19981;&#33021;&#23450;&#20301;&#38381;&#21512;&#20809;&#26631;&#21040;&#32534;&#36753;&#22120;&#20869;</span>","            browser<span class=\"k\">.</span>gecko <span class=\"k\">?</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>focus<span class=\"k\">()</span> <span class=\"k\">:</span> win<span class=\"k\">.</span>focus<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>sel<span class=\"k\">)</span> <span class=\"k\">{</span>","                sel<span class=\"k\">.</span>removeAllRanges<span class=\"k\">();</span>","                <span class=\"c\">// trace:870 chrome/safari&#21518;&#36793;&#26159;br&#23545;&#20110;&#38381;&#21512;&#24471;range&#19981;&#33021;&#23450;&#20301; &#25152;&#20197;&#21435;&#25481;&#20102;&#21028;&#26029;</span>","                <span class=\"c\">// this.startContainer.nodeType != 3 &amp;&amp;! ((child = this.startContainer.childNodes[this.startOffset]) &amp;&amp; child.nodeType == 1 &amp;&amp; child.tagName == 'BR'</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>notInsertFillData<span class=\"k\">)</span> <span class=\"k\">{</span>","<span class=\"c\">//                    //opear&#22914;&#26524;&#27809;&#26377;&#33410;&#28857;&#25509;&#30528;&#65292;&#21407;&#29983;&#30340;&#19981;&#33021;&#22815;&#23450;&#20301;,&#19981;&#33021;&#22312;body&#30340;&#31532;&#19968;&#32423;&#25554;&#20837;&#31354;&#30333;&#33410;&#28857;</span>","<span class=\"c\">//                    if (notInsertFillData &amp;&amp; browser.opera &amp;&amp; !domUtils.isBody(this.startContainer) &amp;&amp; this.startContainer.nodeType == 1) {</span>","<span class=\"c\">//                        var tmp = this.document.createTextNode('');</span>","<span class=\"c\">//                        this.insertNode(tmp).setStart(tmp, 0).collapse(true);</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//</span>","                    <span class=\"c\">//&#22788;&#29702;&#20809;&#26631;&#33853;&#22312;&#25991;&#26412;&#33410;&#28857;&#30340;&#24773;&#20917;</span>","                    <span class=\"c\">//&#22788;&#29702;&#20197;&#19979;&#30340;&#24773;&#20917;</span>","                    <span class=\"c\">//&lt;b&gt;|xxxx&lt;/b&gt;</span>","                    <span class=\"c\">//&lt;b&gt;xxxx&lt;/b&gt;|xxxx</span>","                    <span class=\"c\">//xxxx&lt;b&gt;|&lt;/b&gt;</span>","                    <span class=\"k\">var</span> start <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">,</span>child <span class=\"k\">=</span> start<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        child <span class=\"k\">=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>startOffset<span class=\"k\">];</span>","","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>startOffset<span class=\"k\">)</span>  <span class=\"k\">&amp;&amp;</span>","                        <span class=\"k\">(</span>child <span class=\"k\">?</span>","                            <span class=\"k\">(!</span>child<span class=\"k\">.</span>previousSibling <span class=\"k\">||</span> child<span class=\"k\">.</span>previousSibling<span class=\"k\">.</span>nodeType <span class=\"k\">!=</span> <span class=\"s\">3</span><span class=\"k\">)</span>","                            <span class=\"k\">:</span>","                            <span class=\"k\">(!</span>start<span class=\"k\">.</span>lastChild <span class=\"k\">||</span> start<span class=\"k\">.</span>lastChild<span class=\"k\">.</span>nodeType <span class=\"k\">!=</span> <span class=\"s\">3</span><span class=\"k\">)</span>","                        <span class=\"k\">)</span>","                    <span class=\"k\">)</span><span class=\"k\">{</span>","                        txtNode <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>fillChar<span class=\"k\">);</span>","                        <span class=\"c\">//&#36319;&#30528;&#21069;&#36793;&#36208;</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>insertNode<span class=\"k\">(</span>txtNode<span class=\"k\">);</span>","                        removeFillData<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">,</span> txtNode<span class=\"k\">);</span>","                        mergeSibling<span class=\"k\">(</span>txtNode<span class=\"k\">,</span> <span class=\"s\">'previousSibling'</span><span class=\"k\">);</span>","                        mergeSibling<span class=\"k\">(</span>txtNode<span class=\"k\">,</span> <span class=\"s\">'nextSibling'</span><span class=\"k\">);</span>","                        fillData <span class=\"k\">=</span> txtNode<span class=\"k\">;</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setStart<span class=\"k\">(</span>txtNode<span class=\"k\">,</span> browser<span class=\"k\">.</span>webkit <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> nativeRange <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createRange<span class=\"k\">();</span>","                <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>opera <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> child <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>startOffset<span class=\"k\">];</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>child<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"c\">//&#24448;&#21069;&#38752;&#25314;</span>","                        child <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">.</span>lastChild<span class=\"k\">;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span> child <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>child<span class=\"k\">))</span><span class=\"k\">{</span>","                            <span class=\"k\">this</span><span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>child<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        <span class=\"c\">//&#21521;&#21518;&#38752;&#25314;</span>","                        <span class=\"k\">while</span><span class=\"k\">(</span>child <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>child<span class=\"k\">))</span><span class=\"k\">{</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> child<span class=\"k\">.</span>childNodes<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">])</span><span class=\"k\">{</span>","                                child <span class=\"k\">=</span> child<span class=\"k\">.</span>childNodes<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span>","                            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                <span class=\"k\">break</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        child <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>child<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","                <span class=\"c\">//&#26159;createAddress&#26368;&#21518;&#19968;&#20301;&#31639;&#30340;&#19981;&#20934;&#65292;&#29616;&#22312;&#36825;&#37324;&#36827;&#34892;&#24494;&#35843;</span>","                checkOffset<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","                nativeRange<span class=\"k\">.</span>setStart<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>startOffset<span class=\"k\">);</span>","                nativeRange<span class=\"k\">.</span>setEnd<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>endContainer<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>endOffset<span class=\"k\">);</span>","                sel<span class=\"k\">.</span>addRange<span class=\"k\">(</span>nativeRange<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#28378;&#21160;&#21040;&#24403;&#21069;range&#24320;&#22987;&#30340;&#20301;&#32622;</span>","<span class=\"c\">         * @method scrollToView</span>","<span class=\"c\">         * @param { Window } win &#24403;&#21069;range&#23545;&#35937;&#25152;&#23646;&#30340;window&#23545;&#35937;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;Range&#23545;&#35937;</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#28378;&#21160;&#21040;&#36317;&#31163;&#24403;&#21069;range&#24320;&#22987;&#20301;&#32622; offset &#30340;&#20301;&#32622;&#22788;</span>","<span class=\"c\">         * @method scrollToView</span>","<span class=\"c\">         * @param { Window } win &#24403;&#21069;range&#23545;&#35937;&#25152;&#23646;&#30340;window&#23545;&#35937;</span>","<span class=\"c\">         * @param { Number } offset &#36317;&#31163;range&#24320;&#22987;&#20301;&#32622;&#22788;&#30340;&#20559;&#31227;&#37327;&#65292; &#22914;&#26524;&#20026;&#27491;&#25968;&#65292; &#21017;&#21521;&#19979;&#20559;&#31227;&#65292; &#21453;&#20043;&#65292; &#21017;&#21521;&#19978;&#20559;&#31227;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;Range&#23545;&#35937;</span>","<span class=\"c\">         */</span>","        scrollToView<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>win<span class=\"k\">,</span> offset<span class=\"k\">)</span> <span class=\"k\">{</span>","            win <span class=\"k\">=</span> win <span class=\"k\">?</span> window <span class=\"k\">:</span> domUtils<span class=\"k\">.</span>getWindow<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">);</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                span <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","            <span class=\"c\">//trace:717</span>","            span<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&amp;nbsp;'</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>cloneRange<span class=\"k\">().</span>insertNode<span class=\"k\">(</span>span<span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>scrollToView<span class=\"k\">(</span>span<span class=\"k\">,</span> win<span class=\"k\">,</span> offset<span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>span<span class=\"k\">);</span>","            <span class=\"k\">return</span> me<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#21028;&#26029;&#24403;&#21069;&#36873;&#21306;&#20869;&#23481;&#26159;&#21542;&#21344;&#20301;&#31526;</span>","<span class=\"c\">         * @method inFillChar</span>","<span class=\"c\">         * @return { Boolean } &#22914;&#26524;&#26159;&#21344;&#20301;&#31526;&#36820;&#22238;true&#65292;&#21542;&#21017;&#36820;&#22238;false</span>","<span class=\"c\">         */</span>","        inFillChar <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> start <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span>","                <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'^'</span> <span class=\"k\">+</span> domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">),</span><span class=\"s\">''</span><span class=\"k\">).</span>length <span class=\"k\">+</span> <span class=\"s\">1</span> <span class=\"k\">==</span> start<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length","                <span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#20445;&#23384;</span>","<span class=\"c\">         * @method createAddress</span>","<span class=\"c\">         * @return { Boolean } &#36820;&#22238;&#24320;&#22987;&#21644;&#32467;&#26463;&#30340;&#20301;&#32622;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;p&gt;</span>","<span class=\"c\">         *         aaaa</span>","<span class=\"c\">         *         &lt;em&gt;</span>","<span class=\"c\">         *             &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *             bbbb</span>","<span class=\"c\">         *             &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *         &lt;/em&gt;</span>","<span class=\"c\">         *     &lt;/p&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *         //output: {startAddress:[0,1,0,0],endAddress:[0,1,0,4]}</span>","<span class=\"c\">         *         console.log( range.createAddress() );</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        createAddress <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span>ignoreEnd<span class=\"k\">,</span>ignoreTxt<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> addr <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">,</span>me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","","            <span class=\"k\">function</span> getAddress<span class=\"k\">(</span>isStart<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> node <span class=\"k\">=</span> isStart <span class=\"k\">?</span> me<span class=\"k\">.</span>startContainer <span class=\"k\">:</span> me<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","                <span class=\"k\">var</span> parents <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParents<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">),</span>","                    addrs <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci <span class=\"k\">=</span> parents<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","                    addrs<span class=\"k\">.</span>push<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getNodeIndex<span class=\"k\">(</span>ci<span class=\"k\">,</span>ignoreTxt<span class=\"k\">));</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> firstIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span>ignoreTxt<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> node<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                        <span class=\"k\">while</span><span class=\"k\">(</span>tmpNode <span class=\"k\">&amp;&amp;</span> tmpNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            firstIndex <span class=\"k\">+=</span> tmpNode<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>replace<span class=\"k\">(</span>fillCharReg<span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">).</span>length<span class=\"k\">;</span>","                            tmpNode <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        firstIndex <span class=\"k\">+=</span>  <span class=\"k\">(</span>isStart <span class=\"k\">?</span> me<span class=\"k\">.</span>startOffset <span class=\"k\">:</span> me<span class=\"k\">.</span>endOffset<span class=\"k\">)</span><span class=\"c\">// - (fillCharReg.test(node.nodeValue) ? 1 : 0 )</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        node <span class=\"k\">=</span>  node<span class=\"k\">.</span>childNodes<span class=\"k\">[</span> isStart <span class=\"k\">?</span> me<span class=\"k\">.</span>startOffset <span class=\"k\">:</span> me<span class=\"k\">.</span>endOffset<span class=\"k\">];</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                            firstIndex <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNodeIndex<span class=\"k\">(</span>node<span class=\"k\">,</span>ignoreTxt<span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            node <span class=\"k\">=</span> isStart <span class=\"k\">?</span> me<span class=\"k\">.</span>startContainer <span class=\"k\">:</span> me<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","                            <span class=\"k\">var</span> first <span class=\"k\">=</span> node<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                            <span class=\"k\">while</span><span class=\"k\">(</span>first<span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>first<span class=\"k\">))</span><span class=\"k\">{</span>","                                    first <span class=\"k\">=</span> first<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","                                <span class=\"k\">}</span>","                                firstIndex<span class=\"k\">++;</span>","                                <span class=\"k\">if</span><span class=\"k\">(</span>first<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                    <span class=\"k\">while</span><span class=\"k\">(</span> first <span class=\"k\">&amp;&amp;</span> first<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                        first <span class=\"k\">=</span> first<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                    first <span class=\"k\">=</span> first<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    firstIndex <span class=\"k\">=</span> isStart <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> me<span class=\"k\">.</span>startOffset  <span class=\"k\">:</span> me<span class=\"k\">.</span>endOffset","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>firstIndex <span class=\"k\">&lt;</span> <span class=\"s\">0</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    firstIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                addrs<span class=\"k\">.</span>push<span class=\"k\">(</span>firstIndex<span class=\"k\">);</span>","                <span class=\"k\">return</span> addrs<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            addr<span class=\"k\">.</span>startAddress <span class=\"k\">=</span> getAddress<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>ignoreEnd<span class=\"k\">)</span><span class=\"k\">{</span>","                addr<span class=\"k\">.</span>endAddress <span class=\"k\">=</span> me<span class=\"k\">.</span>collapsed <span class=\"k\">?</span> <span class=\"k\">[].</span>concat<span class=\"k\">(</span>addr<span class=\"k\">.</span>startAddress<span class=\"k\">)</span> <span class=\"k\">:</span> getAddress<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> addr<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#20445;&#23384;</span>","<span class=\"c\">         * @method createAddress</span>","<span class=\"c\">         * @return { Boolean } &#36820;&#22238;&#24320;&#22987;&#21644;&#32467;&#26463;&#30340;&#20301;&#32622;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *     &lt;p&gt;</span>","<span class=\"c\">         *         aaaa</span>","<span class=\"c\">         *         &lt;em&gt;</span>","<span class=\"c\">         *             &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *             bbbb</span>","<span class=\"c\">         *             &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         *         &lt;/em&gt;</span>","<span class=\"c\">         *     &lt;/p&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;script&gt;</span>","<span class=\"c\">         *         var range = editor.selection.getRange();</span>","<span class=\"c\">         *         range.moveToAddress({startAddress:[0,1,0,0],endAddress:[0,1,0,4]});</span>","<span class=\"c\">         *         range.select();</span>","<span class=\"c\">         *         //output: 'bbbb'</span>","<span class=\"c\">         *         console.log(editor.selection.getText());</span>","<span class=\"c\">         *     &lt;/script&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        moveToAddress <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span>addr<span class=\"k\">,</span>ignoreEnd<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">function</span> getNode<span class=\"k\">(</span>address<span class=\"k\">,</span>isStart<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">,</span>","                    parentNode<span class=\"k\">,</span>offset<span class=\"k\">;</span>","                <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">,</span>l<span class=\"k\">=</span>address<span class=\"k\">.</span>length<span class=\"k\">;</span>i<span class=\"k\">&lt;</span>l<span class=\"k\">;</span>i<span class=\"k\">++)</span><span class=\"k\">{</span>","                    ci <span class=\"k\">=</span> address<span class=\"k\">[</span>i<span class=\"k\">];</span>","                    parentNode <span class=\"k\">=</span> tmpNode<span class=\"k\">;</span>","                    tmpNode <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>ci<span class=\"k\">];</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>tmpNode<span class=\"k\">)</span><span class=\"k\">{</span>","                        offset <span class=\"k\">=</span> ci<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>isStart<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>tmpNode<span class=\"k\">)</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>setStart<span class=\"k\">(</span>parentNode<span class=\"k\">,</span>offset<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>tmpNode<span class=\"k\">)</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>setEndBefore<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>setEnd<span class=\"k\">(</span>parentNode<span class=\"k\">,</span>offset<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            getNode<span class=\"k\">(</span>addr<span class=\"k\">.</span>startAddress<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">!</span>ignoreEnd <span class=\"k\">&amp;&amp;</span> addr<span class=\"k\">.</span>endAddress <span class=\"k\">&amp;&amp;</span>  getNode<span class=\"k\">(</span>addr<span class=\"k\">.</span>endAddress<span class=\"k\">);</span>","            <span class=\"k\">return</span> me<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#21028;&#26029;&#32473;&#23450;&#30340;Range&#23545;&#35937;&#26159;&#21542;&#21644;&#24403;&#21069;Range&#23545;&#35937;&#34920;&#31034;&#30340;&#26159;&#21516;&#19968;&#20010;&#36873;&#21306;</span>","<span class=\"c\">         * @method equals</span>","<span class=\"c\">         * @param { UE.dom.Range } &#38656;&#35201;&#21028;&#26029;&#30340;Range&#23545;&#35937;</span>","<span class=\"c\">         * @return { Boolean } &#22914;&#26524;&#32473;&#23450;&#30340;Range&#23545;&#35937;&#19982;&#24403;&#21069;Range&#23545;&#35937;&#34920;&#31034;&#30340;&#26159;&#21516;&#19968;&#20010;&#36873;&#21306;&#65292; &#21017;&#36820;&#22238;true&#65292; &#21542;&#21017;&#36820;&#22238;false</span>","<span class=\"c\">        equals : function(rng){</span>","<span class=\"c\">            for(var p in this){</span>","<span class=\"c\">                if(this.hasOwnProperty(p)){</span>","<span class=\"c\">                    if(this[p] !== rng[p])</span>","<span class=\"c\">                        return false</span>","<span class=\"c\">                }</span>","<span class=\"c\">            }</span>","<span class=\"c\">            return true;</span>","","<span class=\"c\">        },</span>","","<span class=\"c\">        /**</span>","<span class=\"c\">         * &#36941;&#21382;range&#20869;&#30340;&#33410;&#28857;&#12290;&#27599;&#24403;&#36941;&#21382;&#19968;&#20010;&#33410;&#28857;&#26102;&#65292; &#37117;&#20250;&#25191;&#34892;&#21442;&#25968;&#39033; doFn &#25351;&#23450;&#30340;&#20989;&#25968;&#65292; &#35813;&#20989;&#25968;&#30340;&#25509;&#21463;&#24403;&#21069;&#36941;&#21382;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * &#20316;&#20026;&#20854;&#21442;&#25968;&#12290;</span>","<span class=\"c\">         * @method traversal</span>","<span class=\"c\">         * @param { Function }  doFn &#23545;&#27599;&#20010;&#36941;&#21382;&#30340;&#33410;&#28857;&#35201;&#25191;&#34892;&#30340;&#26041;&#27861;&#65292; &#35813;&#26041;&#27861;&#25509;&#21463;&#24403;&#21069;&#36941;&#21382;&#30340;&#33410;&#28857;&#20316;&#20026;&#20854;&#21442;&#25968;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: &lt;span&gt;&lt;/span&gt;&lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     range.traversal( function ( node ) {</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         if ( node.nodeType === 1 ) {</span>","<span class=\"c\">         *             node.className = \"test\";</span>","<span class=\"c\">         *         }</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     } );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: &lt;span class=\"test\"&gt;&lt;/span&gt;&lt;a class=\"test\"&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/script&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#36941;&#21382;range&#20869;&#30340;&#33410;&#28857;&#12290;</span>","<span class=\"c\">         * &#27599;&#24403;&#36941;&#21382;&#19968;&#20010;&#33410;&#28857;&#26102;&#65292; &#37117;&#20250;&#25191;&#34892;&#21442;&#25968;&#39033; doFn &#25351;&#23450;&#30340;&#20989;&#25968;&#65292; &#35813;&#20989;&#25968;&#30340;&#25509;&#21463;&#24403;&#21069;&#36941;&#21382;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * &#20316;&#20026;&#20854;&#21442;&#25968;&#12290;</span>","<span class=\"c\">         * &#21487;&#20197;&#36890;&#36807;&#21442;&#25968;&#39033; filterFn &#26469;&#25351;&#23450;&#19968;&#20010;&#36807;&#28388;&#22120;&#65292; &#21482;&#26377;&#31526;&#21512;&#35813;&#36807;&#28388;&#22120;&#36807;&#28388;&#35268;&#21017;&#30340;&#33410;&#28857;&#25165;&#20250;&#35302;</span>","<span class=\"c\">         * &#21457;doFn&#20989;&#25968;&#30340;&#25191;&#34892;</span>","<span class=\"c\">         * @method traversal</span>","<span class=\"c\">         * @param { Function } doFn &#23545;&#27599;&#20010;&#36941;&#21382;&#30340;&#33410;&#28857;&#35201;&#25191;&#34892;&#30340;&#26041;&#27861;&#65292; &#35813;&#26041;&#27861;&#25509;&#21463;&#24403;&#21069;&#36941;&#21382;&#30340;&#33410;&#28857;&#20316;&#20026;&#20854;&#21442;&#25968;</span>","<span class=\"c\">         * @param { Function } filterFn &#36807;&#28388;&#22120;&#65292; &#35813;&#20989;&#25968;&#25509;&#21463;&#24403;&#21069;&#36941;&#21382;&#30340;&#33410;&#28857;&#20316;&#20026;&#21442;&#25968;&#65292; &#22914;&#26524;&#35813;&#33410;&#28857;&#28385;&#36275;&#36807;&#28388;</span>","<span class=\"c\">         *                      &#35268;&#21017;&#65292; &#35831;&#36820;&#22238;true&#65292; &#35813;&#33410;&#28857;&#20250;&#35302;&#21457;doFn&#65292; &#21542;&#21017;&#65292; &#35831;&#36820;&#22238;false&#65292; &#21017;&#35813;&#33410;&#28857;&#19981;</span>","<span class=\"c\">         *                      &#20250;&#35302;&#21457;doFn&#12290;</span>","<span class=\"c\">         * @return { UE.dom.Range } &#24403;&#21069;range&#23545;&#35937;</span>","<span class=\"c\">         * @see UE.dom.Range:traversal(Function)</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```html</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#24320;&#22987; --&gt;</span>","<span class=\"c\">         *     &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">         *     &lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     &lt;!-- &#36873;&#21306;&#32467;&#26463; --&gt;</span>","<span class=\"c\">         * &lt;/body&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;script&gt;</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: &lt;span&gt;&lt;/span&gt;&lt;a&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     range.traversal( function ( node ) {</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *         node.className = \"test\";</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     }, function ( node ) {</span>","<span class=\"c\">         *          return node.nodeType === 1;</span>","<span class=\"c\">         *     } );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //output: &lt;span class=\"test\"&gt;&lt;/span&gt;&lt;a class=\"test\"&gt;&lt;/a&gt;</span>","<span class=\"c\">         *     console.log( range.cloneContents() );</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * &lt;/script&gt;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        traversal<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">(</span>doFn<span class=\"k\">,</span>filterFn<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>collapsed<span class=\"k\">)</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> bookmark <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                end <span class=\"k\">=</span> bookmark<span class=\"k\">.</span>end<span class=\"k\">,</span>","                current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>bookmark<span class=\"k\">.</span>start<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> current <span class=\"k\">!==</span> end <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>current<span class=\"k\">,</span> end<span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_PRECEDING<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span><span class=\"k\">false</span><span class=\"k\">,</span>filterFn<span class=\"k\">);</span>","                doFn<span class=\"k\">(</span>current<span class=\"k\">);</span>","                current <span class=\"k\">=</span> tmpNode<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bookmark<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['core/Range.js'][22]++;
+(function () {
+  _$jscoverage['core/Range.js'][23]++;
+  var guid = 0, fillChar = domUtils.fillChar, fillData;
+  _$jscoverage['core/Range.js'][31]++;
+  function updateCollapse(range) {
+    _$jscoverage['core/Range.js'][32]++;
+    range.collapsed = (range.startContainer && range.endContainer && (range.startContainer === range.endContainer) && (range.startOffset == range.endOffset));
+}
+  _$jscoverage['core/Range.js'][38]++;
+  function selectOneNode(rng) {
+    _$jscoverage['core/Range.js'][39]++;
+    return ((! rng.collapsed) && (rng.startContainer.nodeType == 1) && (rng.startContainer === rng.endContainer) && ((rng.endOffset - rng.startOffset) == 1));
+}
+  _$jscoverage['core/Range.js'][41]++;
+  function setEndPoint(toStart, node, offset, range) {
+    _$jscoverage['core/Range.js'][43]++;
+    if (((node.nodeType == 1) && (dtd.$empty[node.tagName] || dtd.$nonChild[node.tagName]))) {
+      _$jscoverage['core/Range.js'][44]++;
+      offset = (domUtils.getNodeIndex(node) + (toStart? 0: 1));
+      _$jscoverage['core/Range.js'][45]++;
+      node = node.parentNode;
+    }
+    _$jscoverage['core/Range.js'][47]++;
+    if (toStart) {
+      _$jscoverage['core/Range.js'][48]++;
+      range.startContainer = node;
+      _$jscoverage['core/Range.js'][49]++;
+      range.startOffset = offset;
+      _$jscoverage['core/Range.js'][50]++;
+      if ((! range.endContainer)) {
+        _$jscoverage['core/Range.js'][51]++;
+        range.collapse(true);
+      }
+    }
+    else {
+      _$jscoverage['core/Range.js'][54]++;
+      range.endContainer = node;
+      _$jscoverage['core/Range.js'][55]++;
+      range.endOffset = offset;
+      _$jscoverage['core/Range.js'][56]++;
+      if ((! range.startContainer)) {
+        _$jscoverage['core/Range.js'][57]++;
+        range.collapse(false);
+      }
+    }
+    _$jscoverage['core/Range.js'][60]++;
+    updateCollapse(range);
+    _$jscoverage['core/Range.js'][61]++;
+    return range;
+}
+  _$jscoverage['core/Range.js'][64]++;
+  function execContentsAction(range, action) {
+    _$jscoverage['core/Range.js'][67]++;
+    var start = range.startContainer, end = range.endContainer, startOffset = range.startOffset, endOffset = range.endOffset, doc = range.document, frag = doc.createDocumentFragment(), tmpStart, tmpEnd;
+    _$jscoverage['core/Range.js'][74]++;
+    if ((start.nodeType == 1)) {
+      _$jscoverage['core/Range.js'][75]++;
+      start = (start.childNodes[startOffset] || (tmpStart = start.appendChild(doc.createTextNode(""))));
+    }
+    _$jscoverage['core/Range.js'][77]++;
+    if ((end.nodeType == 1)) {
+      _$jscoverage['core/Range.js'][78]++;
+      end = (end.childNodes[endOffset] || (tmpEnd = end.appendChild(doc.createTextNode(""))));
+    }
+    _$jscoverage['core/Range.js'][80]++;
+    if (((start === end) && (start.nodeType == 3))) {
+      _$jscoverage['core/Range.js'][81]++;
+      frag.appendChild(doc.createTextNode(start.substringData(startOffset, (endOffset - startOffset))));
+      _$jscoverage['core/Range.js'][83]++;
+      if (action) {
+        _$jscoverage['core/Range.js'][84]++;
+        start.deleteData(startOffset, (endOffset - startOffset));
+        _$jscoverage['core/Range.js'][85]++;
+        range.collapse(true);
+      }
+      _$jscoverage['core/Range.js'][87]++;
+      return frag;
+    }
+    _$jscoverage['core/Range.js'][89]++;
+    var current, currentLevel, clone = frag, startParents = domUtils.findParents(start, true), endParents = domUtils.findParents(end, true);
+    _$jscoverage['core/Range.js'][91]++;
+    for (var i = 0; (startParents[i] == endParents[i]);) {
+      _$jscoverage['core/Range.js'][92]++;
+      (i++);
+}
+    _$jscoverage['core/Range.js'][94]++;
+    for (var j = i, si; (si = startParents[j]); (j++)) {
+      _$jscoverage['core/Range.js'][95]++;
+      current = si.nextSibling;
+      _$jscoverage['core/Range.js'][96]++;
+      if ((si == start)) {
+        _$jscoverage['core/Range.js'][97]++;
+        if ((! tmpStart)) {
+          _$jscoverage['core/Range.js'][98]++;
+          if ((range.startContainer.nodeType == 3)) {
+            _$jscoverage['core/Range.js'][99]++;
+            clone.appendChild(doc.createTextNode(start.nodeValue.slice(startOffset)));
+            _$jscoverage['core/Range.js'][101]++;
+            if (action) {
+              _$jscoverage['core/Range.js'][102]++;
+              start.deleteData(startOffset, (start.nodeValue.length - startOffset));
+            }
+          }
+          else {
+            _$jscoverage['core/Range.js'][105]++;
+            clone.appendChild(((! action)? start.cloneNode(true): start));
+          }
+        }
+      }
+      else {
+        _$jscoverage['core/Range.js'][109]++;
+        currentLevel = si.cloneNode(false);
+        _$jscoverage['core/Range.js'][110]++;
+        clone.appendChild(currentLevel);
+      }
+      _$jscoverage['core/Range.js'][112]++;
+      while (current) {
+        _$jscoverage['core/Range.js'][113]++;
+        if (((current === end) || (current === endParents[j]))) {
+          _$jscoverage['core/Range.js'][114]++;
+          break;
+        }
+        _$jscoverage['core/Range.js'][116]++;
+        si = current.nextSibling;
+        _$jscoverage['core/Range.js'][117]++;
+        clone.appendChild(((! action)? current.cloneNode(true): current));
+        _$jscoverage['core/Range.js'][118]++;
+        current = si;
+}
+      _$jscoverage['core/Range.js'][120]++;
+      clone = currentLevel;
+}
+    _$jscoverage['core/Range.js'][122]++;
+    clone = frag;
+    _$jscoverage['core/Range.js'][123]++;
+    if ((! startParents[i])) {
+      _$jscoverage['core/Range.js'][124]++;
+      clone.appendChild(startParents[(i - 1)].cloneNode(false));
+      _$jscoverage['core/Range.js'][125]++;
+      clone = clone.firstChild;
+    }
+    _$jscoverage['core/Range.js'][127]++;
+    for (var j = i, ei; (ei = endParents[j]); (j++)) {
+      _$jscoverage['core/Range.js'][128]++;
+      current = ei.previousSibling;
+      _$jscoverage['core/Range.js'][129]++;
+      if ((ei == end)) {
+        _$jscoverage['core/Range.js'][130]++;
+        if (((! tmpEnd) && (range.endContainer.nodeType == 3))) {
+          _$jscoverage['core/Range.js'][131]++;
+          clone.appendChild(doc.createTextNode(end.substringData(0, endOffset)));
+          _$jscoverage['core/Range.js'][133]++;
+          if (action) {
+            _$jscoverage['core/Range.js'][134]++;
+            end.deleteData(0, endOffset);
+          }
+        }
+      }
+      else {
+        _$jscoverage['core/Range.js'][138]++;
+        currentLevel = ei.cloneNode(false);
+        _$jscoverage['core/Range.js'][139]++;
+        clone.appendChild(currentLevel);
+      }
+      _$jscoverage['core/Range.js'][142]++;
+      if (((j != i) || (! startParents[i]))) {
+        _$jscoverage['core/Range.js'][143]++;
+        while (current) {
+          _$jscoverage['core/Range.js'][144]++;
+          if ((current === start)) {
+            _$jscoverage['core/Range.js'][145]++;
+            break;
+          }
+          _$jscoverage['core/Range.js'][147]++;
+          ei = current.previousSibling;
+          _$jscoverage['core/Range.js'][148]++;
+          clone.insertBefore(((! action)? current.cloneNode(true): current), clone.firstChild);
+          _$jscoverage['core/Range.js'][149]++;
+          current = ei;
+}
+      }
+      _$jscoverage['core/Range.js'][152]++;
+      clone = currentLevel;
+}
+    _$jscoverage['core/Range.js'][154]++;
+    if (action) {
+      _$jscoverage['core/Range.js'][155]++;
+      range.setStartBefore(((! endParents[i])? endParents[(i - 1)]: ((! startParents[i])? startParents[(i - 1)]: endParents[i]))).collapse(true);
+    }
+    _$jscoverage['core/Range.js'][157]++;
+    (tmpStart && domUtils.remove(tmpStart));
+    _$jscoverage['core/Range.js'][158]++;
+    (tmpEnd && domUtils.remove(tmpEnd));
+    _$jscoverage['core/Range.js'][159]++;
+    return frag;
+}
+  _$jscoverage['core/Range.js'][193]++;
+  var Range = (dom.Range = (function (document) {
+  _$jscoverage['core/Range.js'][194]++;
+  var me = this;
+  _$jscoverage['core/Range.js'][195]++;
+  me.startContainer = (me.startOffset = (me.endContainer = (me.endOffset = null)));
+  _$jscoverage['core/Range.js'][199]++;
+  me.document = document;
+  _$jscoverage['core/Range.js'][200]++;
+  me.collapsed = true;
+}));
+  _$jscoverage['core/Range.js'][208]++;
+  function removeFillData(doc, excludeNode) {
+    _$jscoverage['core/Range.js'][209]++;
+    try {
+      _$jscoverage['core/Range.js'][210]++;
+      if ((fillData && domUtils.inDoc(fillData, doc))) {
+        _$jscoverage['core/Range.js'][211]++;
+        if ((! fillData.nodeValue.replace(fillCharReg, "").length)) {
+          _$jscoverage['core/Range.js'][212]++;
+          var tmpNode = fillData.parentNode;
+          _$jscoverage['core/Range.js'][213]++;
+          domUtils.remove(fillData);
+          _$jscoverage['core/Range.js'][214]++;
+          while ((tmpNode && domUtils.isEmptyInlineElement(tmpNode) && (browser.safari? (! (domUtils.getPosition(tmpNode, excludeNode) & domUtils.POSITION_CONTAINS)): (! tmpNode.contains(excludeNode))))) {
+            _$jscoverage['core/Range.js'][218]++;
+            fillData = tmpNode.parentNode;
+            _$jscoverage['core/Range.js'][219]++;
+            domUtils.remove(tmpNode);
+            _$jscoverage['core/Range.js'][220]++;
+            tmpNode = fillData;
+}
+        }
+        else {
+          _$jscoverage['core/Range.js'][223]++;
+          fillData.nodeValue = fillData.nodeValue.replace(fillCharReg, "");
+        }
+      }
+    }
+    catch (e) {
+    }
+}
+  _$jscoverage['core/Range.js'][235]++;
+  function mergeSibling(node, dir) {
+    _$jscoverage['core/Range.js'][236]++;
+    var tmpNode;
+    _$jscoverage['core/Range.js'][237]++;
+    node = node[dir];
+    _$jscoverage['core/Range.js'][238]++;
+    while ((node && domUtils.isFillChar(node))) {
+      _$jscoverage['core/Range.js'][239]++;
+      tmpNode = node[dir];
+      _$jscoverage['core/Range.js'][240]++;
+      domUtils.remove(node);
+      _$jscoverage['core/Range.js'][241]++;
+      node = tmpNode;
+}
+}
+  _$jscoverage['core/Range.js'][245]++;
+  Range.prototype = {cloneContents: (function () {
+  _$jscoverage['core/Range.js'][263]++;
+  return (this.collapsed? null: execContentsAction(this, 0));
+}), deleteContents: (function () {
+  _$jscoverage['core/Range.js'][294]++;
+  var txt;
+  _$jscoverage['core/Range.js'][295]++;
+  if ((! this.collapsed)) {
+    _$jscoverage['core/Range.js'][296]++;
+    execContentsAction(this, 1);
+  }
+  _$jscoverage['core/Range.js'][298]++;
+  if (browser.webkit) {
+    _$jscoverage['core/Range.js'][299]++;
+    txt = this.startContainer;
+    _$jscoverage['core/Range.js'][300]++;
+    if (((txt.nodeType == 3) && (! txt.nodeValue.length))) {
+      _$jscoverage['core/Range.js'][301]++;
+      this.setStartBefore(txt).collapse(true);
+      _$jscoverage['core/Range.js'][302]++;
+      domUtils.remove(txt);
+    }
+  }
+  _$jscoverage['core/Range.js'][305]++;
+  return this;
+}), extractContents: (function () {
+  _$jscoverage['core/Range.js'][338]++;
+  return (this.collapsed? null: execContentsAction(this, 2));
+}), setStart: (function (node, offset) {
+  _$jscoverage['core/Range.js'][373]++;
+  return setEndPoint(true, node, offset, this);
+}), setEnd: (function (node, offset) {
+  _$jscoverage['core/Range.js'][407]++;
+  return setEndPoint(false, node, offset, this);
+}), setStartAfter: (function (node) {
+  _$jscoverage['core/Range.js'][440]++;
+  return this.setStart(node.parentNode, (domUtils.getNodeIndex(node) + 1));
+}), setStartBefore: (function (node) {
+  _$jscoverage['core/Range.js'][473]++;
+  return this.setStart(node.parentNode, domUtils.getNodeIndex(node));
+}), setEndAfter: (function (node) {
+  _$jscoverage['core/Range.js'][504]++;
+  return this.setEnd(node.parentNode, (domUtils.getNodeIndex(node) + 1));
+}), setEndBefore: (function (node) {
+  _$jscoverage['core/Range.js'][535]++;
+  return this.setEnd(node.parentNode, domUtils.getNodeIndex(node));
+}), setStartAtFirst: (function (node) {
+  _$jscoverage['core/Range.js'][568]++;
+  return this.setStart(node, 0);
+}), setStartAtLast: (function (node) {
+  _$jscoverage['core/Range.js'][602]++;
+  return this.setStart(node, ((node.nodeType == 3)? node.nodeValue.length: node.childNodes.length));
+}), setEndAtFirst: (function (node) {
+  _$jscoverage['core/Range.js'][633]++;
+  return this.setEnd(node, 0);
+}), setEndAtLast: (function (node) {
+  _$jscoverage['core/Range.js'][665]++;
+  return this.setEnd(node, ((node.nodeType == 3)? node.nodeValue.length: node.childNodes.length));
+}), selectNode: (function (node) {
+  _$jscoverage['core/Range.js'][691]++;
+  return this.setStartBefore(node).setEndAfter(node);
+}), selectNodeContents: (function (node) {
+  _$jscoverage['core/Range.js'][720]++;
+  return this.setStart(node, 0).setEndAtLast(node);
+}), cloneRange: (function () {
+  _$jscoverage['core/Range.js'][750]++;
+  var me = this;
+  _$jscoverage['core/Range.js'][751]++;
+  return new Range(me.document).setStart(me.startContainer, me.startOffset).setEnd(me.endContainer, me.endOffset);
+}), collapse: (function (toStart) {
+  _$jscoverage['core/Range.js'][824]++;
+  var me = this;
+  _$jscoverage['core/Range.js'][825]++;
+  if (toStart) {
+    _$jscoverage['core/Range.js'][826]++;
+    me.endContainer = me.startContainer;
+    _$jscoverage['core/Range.js'][827]++;
+    me.endOffset = me.startOffset;
+  }
+  else {
+    _$jscoverage['core/Range.js'][829]++;
+    me.startContainer = me.endContainer;
+    _$jscoverage['core/Range.js'][830]++;
+    me.startOffset = me.endOffset;
+  }
+  _$jscoverage['core/Range.js'][832]++;
+  me.collapsed = true;
+  _$jscoverage['core/Range.js'][833]++;
+  return me;
+}), shrinkBoundary: (function (ignoreEnd) {
+  _$jscoverage['core/Range.js'][880]++;
+  var me = this, child, collapsed = me.collapsed;
+  _$jscoverage['core/Range.js'][882]++;
+  function check(node) {
+    _$jscoverage['core/Range.js'][883]++;
+    return ((node.nodeType == 1) && (! domUtils.isBookmarkNode(node)) && (! dtd.$empty[node.tagName]) && (! dtd.$nonChild[node.tagName]));
+}
+  _$jscoverage['core/Range.js'][885]++;
+  while (((me.startContainer.nodeType == 1) && (child = me.startContainer.childNodes[me.startOffset]) && check(child))) {
+    _$jscoverage['core/Range.js'][888]++;
+    me.setStart(child, 0);
+}
+  _$jscoverage['core/Range.js'][890]++;
+  if (collapsed) {
+    _$jscoverage['core/Range.js'][891]++;
+    return me.collapse(true);
+  }
+  _$jscoverage['core/Range.js'][893]++;
+  if ((! ignoreEnd)) {
+    _$jscoverage['core/Range.js'][894]++;
+    while (((me.endContainer.nodeType == 1) && (me.endOffset > 0) && (child = me.endContainer.childNodes[(me.endOffset - 1)]) && check(child))) {
+      _$jscoverage['core/Range.js'][898]++;
+      me.setEnd(child, child.childNodes.length);
+}
+  }
+  _$jscoverage['core/Range.js'][901]++;
+  return me;
+}), getCommonAncestor: (function (includeSelf, ignoreTextNode) {
+  _$jscoverage['core/Range.js'][1043]++;
+  var me = this, start = me.startContainer, end = me.endContainer;
+  _$jscoverage['core/Range.js'][1046]++;
+  if ((start === end)) {
+    _$jscoverage['core/Range.js'][1047]++;
+    if ((includeSelf && selectOneNode(this))) {
+      _$jscoverage['core/Range.js'][1048]++;
+      start = start.childNodes[me.startOffset];
+      _$jscoverage['core/Range.js'][1049]++;
+      if ((start.nodeType == 1)) {
+        _$jscoverage['core/Range.js'][1050]++;
+        return start;
+      }
+    }
+    _$jscoverage['core/Range.js'][1053]++;
+    return ((ignoreTextNode && (start.nodeType == 3))? start.parentNode: start);
+  }
+  _$jscoverage['core/Range.js'][1055]++;
+  return domUtils.getCommonAncestor(start, end);
+}), trimBoundary: (function (ignoreEnd) {
+  _$jscoverage['core/Range.js'][1132]++;
+  this.txtToElmBoundary();
+  _$jscoverage['core/Range.js'][1133]++;
+  var start = this.startContainer, offset = this.startOffset, collapsed = this.collapsed, end = this.endContainer;
+  _$jscoverage['core/Range.js'][1137]++;
+  if ((start.nodeType == 3)) {
+    _$jscoverage['core/Range.js'][1138]++;
+    if ((offset == 0)) {
+      _$jscoverage['core/Range.js'][1139]++;
+      this.setStartBefore(start);
+    }
+    else {
+      _$jscoverage['core/Range.js'][1141]++;
+      if ((offset >= start.nodeValue.length)) {
+        _$jscoverage['core/Range.js'][1142]++;
+        this.setStartAfter(start);
+      }
+      else {
+        _$jscoverage['core/Range.js'][1144]++;
+        var textNode = domUtils.split(start, offset);
+        _$jscoverage['core/Range.js'][1146]++;
+        if ((start === end)) {
+          _$jscoverage['core/Range.js'][1147]++;
+          this.setEnd(textNode, (this.endOffset - offset));
+        }
+        else {
+          _$jscoverage['core/Range.js'][1148]++;
+          if ((start.parentNode === end)) {
+            _$jscoverage['core/Range.js'][1149]++;
+            this.endOffset += 1;
+          }
+        }
+        _$jscoverage['core/Range.js'][1151]++;
+        this.setStartBefore(textNode);
+      }
+    }
+    _$jscoverage['core/Range.js'][1154]++;
+    if (collapsed) {
+      _$jscoverage['core/Range.js'][1155]++;
+      return this.collapse(true);
+    }
+  }
+  _$jscoverage['core/Range.js'][1158]++;
+  if ((! ignoreEnd)) {
+    _$jscoverage['core/Range.js'][1159]++;
+    offset = this.endOffset;
+    _$jscoverage['core/Range.js'][1160]++;
+    end = this.endContainer;
+    _$jscoverage['core/Range.js'][1161]++;
+    if ((end.nodeType == 3)) {
+      _$jscoverage['core/Range.js'][1162]++;
+      if ((offset == 0)) {
+        _$jscoverage['core/Range.js'][1163]++;
+        this.setEndBefore(end);
+      }
+      else {
+        _$jscoverage['core/Range.js'][1165]++;
+        ((offset < end.nodeValue.length) && domUtils.split(end, offset));
+        _$jscoverage['core/Range.js'][1166]++;
+        this.setEndAfter(end);
+      }
+    }
+  }
+  _$jscoverage['core/Range.js'][1170]++;
+  return this;
+}), txtToElmBoundary: (function (ignoreCollapsed) {
+  _$jscoverage['core/Range.js'][1302]++;
+  function adjust(r, c) {
+    _$jscoverage['core/Range.js'][1303]++;
+    var container = r[(c + "Container")], offset = r[(c + "Offset")];
+    _$jscoverage['core/Range.js'][1305]++;
+    if ((container.nodeType == 3)) {
+      _$jscoverage['core/Range.js'][1306]++;
+      if ((! offset)) {
+        _$jscoverage['core/Range.js'][1307]++;
+        (r[("set" + c.replace(/(\w)/, (function (a) {
+  _$jscoverage['core/Range.js'][1308]++;
+  return a.toUpperCase();
+})) + "Before")])(container);
+      }
+      else {
+        _$jscoverage['core/Range.js'][1310]++;
+        if ((offset >= container.nodeValue.length)) {
+          _$jscoverage['core/Range.js'][1311]++;
+          (r[("set" + c.replace(/(\w)/, (function (a) {
+  _$jscoverage['core/Range.js'][1312]++;
+  return a.toUpperCase();
+})) + "After")])(container);
+        }
+      }
+    }
+}
+  _$jscoverage['core/Range.js'][1318]++;
+  if ((ignoreCollapsed || (! this.collapsed))) {
+    _$jscoverage['core/Range.js'][1319]++;
+    adjust(this, "start");
+    _$jscoverage['core/Range.js'][1320]++;
+    adjust(this, "end");
+  }
+  _$jscoverage['core/Range.js'][1322]++;
+  return this;
+}), insertNode: (function (node) {
+  _$jscoverage['core/Range.js'][1361]++;
+  var first = node, length = 1;
+  _$jscoverage['core/Range.js'][1362]++;
+  if ((node.nodeType == 11)) {
+    _$jscoverage['core/Range.js'][1363]++;
+    first = node.firstChild;
+    _$jscoverage['core/Range.js'][1364]++;
+    length = node.childNodes.length;
+  }
+  _$jscoverage['core/Range.js'][1366]++;
+  this.trimBoundary(true);
+  _$jscoverage['core/Range.js'][1367]++;
+  var start = this.startContainer, offset = this.startOffset;
+  _$jscoverage['core/Range.js'][1369]++;
+  var nextNode = start.childNodes[offset];
+  _$jscoverage['core/Range.js'][1370]++;
+  if (nextNode) {
+    _$jscoverage['core/Range.js'][1371]++;
+    start.insertBefore(node, nextNode);
+  }
+  else {
+    _$jscoverage['core/Range.js'][1373]++;
+    start.appendChild(node);
+  }
+  _$jscoverage['core/Range.js'][1375]++;
+  if ((first.parentNode === this.endContainer)) {
+    _$jscoverage['core/Range.js'][1376]++;
+    this.endOffset = (this.endOffset + length);
+  }
+  _$jscoverage['core/Range.js'][1378]++;
+  return this.setStartBefore(first);
+}), setCursor: (function (toEnd, noFillData) {
+  _$jscoverage['core/Range.js'][1397]++;
+  return this.collapse((! toEnd)).select(noFillData);
+}), createBookmark: (function (serialize, same) {
+  _$jscoverage['core/Range.js'][1410]++;
+  var endNode, startNode = this.document.createElement("span");
+  _$jscoverage['core/Range.js'][1412]++;
+  startNode.style.cssText = "display:none;line-height:0px;";
+  _$jscoverage['core/Range.js'][1413]++;
+  startNode.appendChild(this.document.createTextNode("\u200d"));
+  _$jscoverage['core/Range.js'][1414]++;
+  startNode.id = ("_baidu_bookmark_start_" + (same? "": (guid++)));
+  _$jscoverage['core/Range.js'][1416]++;
+  if ((! this.collapsed)) {
+    _$jscoverage['core/Range.js'][1417]++;
+    endNode = startNode.cloneNode(true);
+    _$jscoverage['core/Range.js'][1418]++;
+    endNode.id = ("_baidu_bookmark_end_" + (same? "": (guid++)));
+  }
+  _$jscoverage['core/Range.js'][1420]++;
+  this.insertNode(startNode);
+  _$jscoverage['core/Range.js'][1421]++;
+  if (endNode) {
+    _$jscoverage['core/Range.js'][1422]++;
+    this.collapse().insertNode(endNode).setEndBefore(endNode);
+  }
+  _$jscoverage['core/Range.js'][1424]++;
+  this.setStartAfter(startNode);
+  _$jscoverage['core/Range.js'][1425]++;
+  return ({start: (serialize? startNode.id: startNode), end: (endNode? (serialize? endNode.id: endNode): null), id: serialize});
+}), moveToBookmark: (function (bookmark) {
+  _$jscoverage['core/Range.js'][1440]++;
+  var start = (bookmark.id? this.document.getElementById(bookmark.start): bookmark.start), end = ((bookmark.end && bookmark.id)? this.document.getElementById(bookmark.end): bookmark.end);
+  _$jscoverage['core/Range.js'][1442]++;
+  this.setStartBefore(start);
+  _$jscoverage['core/Range.js'][1443]++;
+  domUtils.remove(start);
+  _$jscoverage['core/Range.js'][1444]++;
+  if (end) {
+    _$jscoverage['core/Range.js'][1445]++;
+    this.setEndBefore(end);
+    _$jscoverage['core/Range.js'][1446]++;
+    domUtils.remove(end);
+  }
+  else {
+    _$jscoverage['core/Range.js'][1448]++;
+    this.collapse(true);
+  }
+  _$jscoverage['core/Range.js'][1450]++;
+  return this;
+}), enlarge: (function (toBlock, stopFn) {
+  _$jscoverage['core/Range.js'][1511]++;
+  var isBody = domUtils.isBody, pre, node, tmp = this.document.createTextNode("");
+  _$jscoverage['core/Range.js'][1513]++;
+  if (toBlock) {
+    _$jscoverage['core/Range.js'][1514]++;
+    node = this.startContainer;
+    _$jscoverage['core/Range.js'][1515]++;
+    if ((node.nodeType == 1)) {
+      _$jscoverage['core/Range.js'][1516]++;
+      if (node.childNodes[this.startOffset]) {
+        _$jscoverage['core/Range.js'][1517]++;
+        pre = (node = node.childNodes[this.startOffset]);
+      }
+      else {
+        _$jscoverage['core/Range.js'][1519]++;
+        node.appendChild(tmp);
+        _$jscoverage['core/Range.js'][1520]++;
+        pre = (node = tmp);
+      }
+    }
+    else {
+      _$jscoverage['core/Range.js'][1523]++;
+      pre = node;
+    }
+    _$jscoverage['core/Range.js'][1525]++;
+    while (true) {
+      _$jscoverage['core/Range.js'][1526]++;
+      if (domUtils.isBlockElm(node)) {
+        _$jscoverage['core/Range.js'][1527]++;
+        node = pre;
+        _$jscoverage['core/Range.js'][1528]++;
+        while (((pre = node.previousSibling) && (! domUtils.isBlockElm(pre)))) {
+          _$jscoverage['core/Range.js'][1529]++;
+          node = pre;
+}
+        _$jscoverage['core/Range.js'][1531]++;
+        this.setStartBefore(node);
+        _$jscoverage['core/Range.js'][1532]++;
+        break;
+      }
+      _$jscoverage['core/Range.js'][1534]++;
+      pre = node;
+      _$jscoverage['core/Range.js'][1535]++;
+      node = node.parentNode;
+}
+    _$jscoverage['core/Range.js'][1537]++;
+    node = this.endContainer;
+    _$jscoverage['core/Range.js'][1538]++;
+    if ((node.nodeType == 1)) {
+      _$jscoverage['core/Range.js'][1539]++;
+      if ((pre = node.childNodes[this.endOffset])) {
+        _$jscoverage['core/Range.js'][1540]++;
+        node.insertBefore(tmp, pre);
+      }
+      else {
+        _$jscoverage['core/Range.js'][1542]++;
+        node.appendChild(tmp);
+      }
+      _$jscoverage['core/Range.js'][1544]++;
+      pre = (node = tmp);
+    }
+    else {
+      _$jscoverage['core/Range.js'][1546]++;
+      pre = node;
+    }
+    _$jscoverage['core/Range.js'][1548]++;
+    while (true) {
+      _$jscoverage['core/Range.js'][1549]++;
+      if (domUtils.isBlockElm(node)) {
+        _$jscoverage['core/Range.js'][1550]++;
+        node = pre;
+        _$jscoverage['core/Range.js'][1551]++;
+        while (((pre = node.nextSibling) && (! domUtils.isBlockElm(pre)))) {
+          _$jscoverage['core/Range.js'][1552]++;
+          node = pre;
+}
+        _$jscoverage['core/Range.js'][1554]++;
+        this.setEndAfter(node);
+        _$jscoverage['core/Range.js'][1555]++;
+        break;
+      }
+      _$jscoverage['core/Range.js'][1557]++;
+      pre = node;
+      _$jscoverage['core/Range.js'][1558]++;
+      node = node.parentNode;
+}
+    _$jscoverage['core/Range.js'][1560]++;
+    if ((tmp.parentNode === this.endContainer)) {
+      _$jscoverage['core/Range.js'][1561]++;
+      (this.endOffset--);
+    }
+    _$jscoverage['core/Range.js'][1563]++;
+    domUtils.remove(tmp);
+  }
+  _$jscoverage['core/Range.js'][1567]++;
+  if ((! this.collapsed)) {
+    _$jscoverage['core/Range.js'][1568]++;
+    while ((this.startOffset == 0)) {
+      _$jscoverage['core/Range.js'][1569]++;
+      if ((stopFn && stopFn(this.startContainer))) {
+        _$jscoverage['core/Range.js'][1570]++;
+        break;
+      }
+      _$jscoverage['core/Range.js'][1572]++;
+      if (isBody(this.startContainer)) {
+        _$jscoverage['core/Range.js'][1573]++;
+        break;
+      }
+      _$jscoverage['core/Range.js'][1575]++;
+      this.setStartBefore(this.startContainer);
+}
+    _$jscoverage['core/Range.js'][1577]++;
+    while ((this.endOffset == ((this.endContainer.nodeType == 1)? this.endContainer.childNodes.length: this.endContainer.nodeValue.length))) {
+      _$jscoverage['core/Range.js'][1578]++;
+      if ((stopFn && stopFn(this.endContainer))) {
+        _$jscoverage['core/Range.js'][1579]++;
+        break;
+      }
+      _$jscoverage['core/Range.js'][1581]++;
+      if (isBody(this.endContainer)) {
+        _$jscoverage['core/Range.js'][1582]++;
+        break;
+      }
+      _$jscoverage['core/Range.js'][1584]++;
+      this.setEndAfter(this.endContainer);
+}
+  }
+  _$jscoverage['core/Range.js'][1587]++;
+  return this;
+}), adjustmentBoundary: (function () {
+  _$jscoverage['core/Range.js'][1597]++;
+  if ((! this.collapsed)) {
+    _$jscoverage['core/Range.js'][1598]++;
+    while (((! domUtils.isBody(this.startContainer)) && (this.startOffset == this.startContainer[((this.startContainer.nodeType == 3)? "nodeValue": "childNodes")].length) && this.startContainer[((this.startContainer.nodeType == 3)? "nodeValue": "childNodes")].length)) {
+      _$jscoverage['core/Range.js'][1603]++;
+      this.setStartAfter(this.startContainer);
+}
+    _$jscoverage['core/Range.js'][1605]++;
+    while (((! domUtils.isBody(this.endContainer)) && (! this.endOffset) && this.endContainer[((this.endContainer.nodeType == 3)? "nodeValue": "childNodes")].length)) {
+      _$jscoverage['core/Range.js'][1608]++;
+      this.setEndBefore(this.endContainer);
+}
+  }
+  _$jscoverage['core/Range.js'][1611]++;
+  return this;
+}), applyInlineStyle: (function (tagName, attrs, list) {
+  _$jscoverage['core/Range.js'][1624]++;
+  if (this.collapsed) {
+    _$jscoverage['core/Range.js'][1624]++;
+    return this;
+  }
+  _$jscoverage['core/Range.js'][1625]++;
+  this.trimBoundary().enlarge(false, (function (node) {
+  _$jscoverage['core/Range.js'][1627]++;
+  return ((node.nodeType == 1) && domUtils.isBlockElm(node));
+})).adjustmentBoundary();
+  _$jscoverage['core/Range.js'][1629]++;
+  var bookmark = this.createBookmark(), end = bookmark.end, filterFn = (function (node) {
+  _$jscoverage['core/Range.js'][1632]++;
+  return ((node.nodeType == 1)? (node.tagName.toLowerCase() != "br"): (! domUtils.isWhitespace(node)));
+}), current = domUtils.getNextDomNode(bookmark.start, false, filterFn), node, pre, range = this.cloneRange();
+  _$jscoverage['core/Range.js'][1638]++;
+  while ((current && (domUtils.getPosition(current, end) & domUtils.POSITION_PRECEDING))) {
+    _$jscoverage['core/Range.js'][1639]++;
+    if (((current.nodeType == 3) || dtd[tagName][current.tagName])) {
+      _$jscoverage['core/Range.js'][1640]++;
+      range.setStartBefore(current);
+      _$jscoverage['core/Range.js'][1641]++;
+      node = current;
+      _$jscoverage['core/Range.js'][1642]++;
+      while ((node && ((node.nodeType == 3) || dtd[tagName][node.tagName]) && (node !== end))) {
+        _$jscoverage['core/Range.js'][1643]++;
+        pre = node;
+        _$jscoverage['core/Range.js'][1644]++;
+        node = domUtils.getNextDomNode(node, (node.nodeType == 1), null, (function (parent) {
+  _$jscoverage['core/Range.js'][1645]++;
+  return dtd[tagName][parent.tagName];
+}));
+}
+      _$jscoverage['core/Range.js'][1648]++;
+      var frag = range.setEndAfter(pre).extractContents(), elm;
+      _$jscoverage['core/Range.js'][1649]++;
+      if ((list && (list.length > 0))) {
+        _$jscoverage['core/Range.js'][1650]++;
+        var level, top;
+        _$jscoverage['core/Range.js'][1651]++;
+        top = (level = list[0].cloneNode(false));
+        _$jscoverage['core/Range.js'][1652]++;
+        for (var i = 1, ci; (ci = list[(i++)]);) {
+          _$jscoverage['core/Range.js'][1653]++;
+          level.appendChild(ci.cloneNode(false));
+          _$jscoverage['core/Range.js'][1654]++;
+          level = level.firstChild;
+}
+        _$jscoverage['core/Range.js'][1656]++;
+        elm = level;
+      }
+      else {
+        _$jscoverage['core/Range.js'][1658]++;
+        elm = range.document.createElement(tagName);
+      }
+      _$jscoverage['core/Range.js'][1660]++;
+      if (attrs) {
+        _$jscoverage['core/Range.js'][1661]++;
+        domUtils.setAttributes(elm, attrs);
+      }
+      _$jscoverage['core/Range.js'][1663]++;
+      elm.appendChild(frag);
+      _$jscoverage['core/Range.js'][1664]++;
+      range.insertNode((list? top: elm));
+      _$jscoverage['core/Range.js'][1666]++;
+      var aNode;
+      _$jscoverage['core/Range.js'][1667]++;
+      if (((tagName == "span") && attrs.style && /text\-decoration/.test(attrs.style) && (aNode = domUtils.findParentByTagName(elm, "a", true)))) {
+        _$jscoverage['core/Range.js'][1668]++;
+        domUtils.setAttributes(aNode, attrs);
+        _$jscoverage['core/Range.js'][1669]++;
+        domUtils.remove(elm, true);
+        _$jscoverage['core/Range.js'][1670]++;
+        elm = aNode;
+      }
+      else {
+        _$jscoverage['core/Range.js'][1672]++;
+        domUtils.mergeSibling(elm);
+        _$jscoverage['core/Range.js'][1673]++;
+        domUtils.clearEmptySibling(elm);
+      }
+      _$jscoverage['core/Range.js'][1676]++;
+      domUtils.mergeChild(elm, attrs);
+      _$jscoverage['core/Range.js'][1677]++;
+      current = domUtils.getNextDomNode(elm, false, filterFn);
+      _$jscoverage['core/Range.js'][1678]++;
+      domUtils.mergeToParent(elm);
+      _$jscoverage['core/Range.js'][1679]++;
+      if ((node === end)) {
+        _$jscoverage['core/Range.js'][1680]++;
+        break;
+      }
+    }
+    else {
+      _$jscoverage['core/Range.js'][1683]++;
+      current = domUtils.getNextDomNode(current, true, filterFn);
+    }
+}
+  _$jscoverage['core/Range.js'][1686]++;
+  return this.moveToBookmark(bookmark);
+}), removeInlineStyle: (function (tagNames) {
+  _$jscoverage['core/Range.js'][1696]++;
+  if (this.collapsed) {
+    _$jscoverage['core/Range.js'][1696]++;
+    return this;
+  }
+  _$jscoverage['core/Range.js'][1697]++;
+  tagNames = (utils.isArray(tagNames)? tagNames: [tagNames]);
+  _$jscoverage['core/Range.js'][1698]++;
+  this.shrinkBoundary().adjustmentBoundary();
+  _$jscoverage['core/Range.js'][1699]++;
+  var start = this.startContainer, end = this.endContainer;
+  _$jscoverage['core/Range.js'][1700]++;
+  while (true) {
+    _$jscoverage['core/Range.js'][1701]++;
+    if ((start.nodeType == 1)) {
+      _$jscoverage['core/Range.js'][1702]++;
+      if ((utils.indexOf(tagNames, start.tagName.toLowerCase()) > -1)) {
+        _$jscoverage['core/Range.js'][1703]++;
+        break;
+      }
+      _$jscoverage['core/Range.js'][1705]++;
+      if ((start.tagName.toLowerCase() == "body")) {
+        _$jscoverage['core/Range.js'][1706]++;
+        start = null;
+        _$jscoverage['core/Range.js'][1707]++;
+        break;
+      }
+    }
+    _$jscoverage['core/Range.js'][1710]++;
+    start = start.parentNode;
+}
+  _$jscoverage['core/Range.js'][1712]++;
+  while (true) {
+    _$jscoverage['core/Range.js'][1713]++;
+    if ((end.nodeType == 1)) {
+      _$jscoverage['core/Range.js'][1714]++;
+      if ((utils.indexOf(tagNames, end.tagName.toLowerCase()) > -1)) {
+        _$jscoverage['core/Range.js'][1715]++;
+        break;
+      }
+      _$jscoverage['core/Range.js'][1717]++;
+      if ((end.tagName.toLowerCase() == "body")) {
+        _$jscoverage['core/Range.js'][1718]++;
+        end = null;
+        _$jscoverage['core/Range.js'][1719]++;
+        break;
+      }
+    }
+    _$jscoverage['core/Range.js'][1722]++;
+    end = end.parentNode;
+}
+  _$jscoverage['core/Range.js'][1724]++;
+  var bookmark = this.createBookmark(), frag, tmpRange;
+  _$jscoverage['core/Range.js'][1727]++;
+  if (start) {
+    _$jscoverage['core/Range.js'][1728]++;
+    tmpRange = this.cloneRange().setEndBefore(bookmark.start).setStartBefore(start);
+    _$jscoverage['core/Range.js'][1729]++;
+    frag = tmpRange.extractContents();
+    _$jscoverage['core/Range.js'][1730]++;
+    tmpRange.insertNode(frag);
+    _$jscoverage['core/Range.js'][1731]++;
+    domUtils.clearEmptySibling(start, true);
+    _$jscoverage['core/Range.js'][1732]++;
+    start.parentNode.insertBefore(bookmark.start, start);
+  }
+  _$jscoverage['core/Range.js'][1734]++;
+  if (end) {
+    _$jscoverage['core/Range.js'][1735]++;
+    tmpRange = this.cloneRange().setStartAfter(bookmark.end).setEndAfter(end);
+    _$jscoverage['core/Range.js'][1736]++;
+    frag = tmpRange.extractContents();
+    _$jscoverage['core/Range.js'][1737]++;
+    tmpRange.insertNode(frag);
+    _$jscoverage['core/Range.js'][1738]++;
+    domUtils.clearEmptySibling(end, false, true);
+    _$jscoverage['core/Range.js'][1739]++;
+    end.parentNode.insertBefore(bookmark.end, end.nextSibling);
+  }
+  _$jscoverage['core/Range.js'][1741]++;
+  var current = domUtils.getNextDomNode(bookmark.start, false, (function (node) {
+  _$jscoverage['core/Range.js'][1742]++;
+  return (node.nodeType == 1);
+})), next;
+  _$jscoverage['core/Range.js'][1744]++;
+  while ((current && (current !== bookmark.end))) {
+    _$jscoverage['core/Range.js'][1745]++;
+    next = domUtils.getNextDomNode(current, true, (function (node) {
+  _$jscoverage['core/Range.js'][1746]++;
+  return (node.nodeType == 1);
+}));
+    _$jscoverage['core/Range.js'][1748]++;
+    if ((utils.indexOf(tagNames, current.tagName.toLowerCase()) > -1)) {
+      _$jscoverage['core/Range.js'][1749]++;
+      domUtils.remove(current, true);
+    }
+    _$jscoverage['core/Range.js'][1751]++;
+    current = next;
+}
+  _$jscoverage['core/Range.js'][1753]++;
+  return this.moveToBookmark(bookmark);
+}), getClosedNode: (function () {
+  _$jscoverage['core/Range.js'][1783]++;
+  var node;
+  _$jscoverage['core/Range.js'][1784]++;
+  if ((! this.collapsed)) {
+    _$jscoverage['core/Range.js'][1785]++;
+    var range = this.cloneRange().adjustmentBoundary().shrinkBoundary();
+    _$jscoverage['core/Range.js'][1786]++;
+    if (selectOneNode(range)) {
+      _$jscoverage['core/Range.js'][1787]++;
+      var child = range.startContainer.childNodes[range.startOffset];
+      _$jscoverage['core/Range.js'][1788]++;
+      if ((child && (child.nodeType == 1) && (dtd.$empty[child.tagName] || dtd.$nonChild[child.tagName]))) {
+        _$jscoverage['core/Range.js'][1789]++;
+        node = child;
+      }
+    }
+  }
+  _$jscoverage['core/Range.js'][1793]++;
+  return node;
+}), select: (browser.ie? (function (noFillData, textRange) {
+  _$jscoverage['core/Range.js'][1802]++;
+  var nativeRange;
+  _$jscoverage['core/Range.js'][1803]++;
+  if ((! this.collapsed)) {
+    _$jscoverage['core/Range.js'][1804]++;
+    this.shrinkBoundary();
+  }
+  _$jscoverage['core/Range.js'][1805]++;
+  var node = this.getClosedNode();
+  _$jscoverage['core/Range.js'][1806]++;
+  if ((node && (! textRange))) {
+    _$jscoverage['core/Range.js'][1807]++;
+    try {
+      _$jscoverage['core/Range.js'][1808]++;
+      nativeRange = this.document.body.createControlRange();
+      _$jscoverage['core/Range.js'][1809]++;
+      nativeRange.addElement(node);
+      _$jscoverage['core/Range.js'][1810]++;
+      nativeRange.select();
+    }
+    catch (e) {
+    }
+    _$jscoverage['core/Range.js'][1812]++;
+    return this;
+  }
+  _$jscoverage['core/Range.js'][1814]++;
+  var bookmark = this.createBookmark(), start = bookmark.start, end;
+  _$jscoverage['core/Range.js'][1817]++;
+  nativeRange = this.document.body.createTextRange();
+  _$jscoverage['core/Range.js'][1818]++;
+  nativeRange.moveToElementText(start);
+  _$jscoverage['core/Range.js'][1819]++;
+  nativeRange.moveStart("character", 1);
+  _$jscoverage['core/Range.js'][1820]++;
+  if ((! this.collapsed)) {
+    _$jscoverage['core/Range.js'][1821]++;
+    var nativeRangeEnd = this.document.body.createTextRange();
+    _$jscoverage['core/Range.js'][1822]++;
+    end = bookmark.end;
+    _$jscoverage['core/Range.js'][1823]++;
+    nativeRangeEnd.moveToElementText(end);
+    _$jscoverage['core/Range.js'][1824]++;
+    nativeRange.setEndPoint("EndToEnd", nativeRangeEnd);
+  }
+  else {
+    _$jscoverage['core/Range.js'][1826]++;
+    if (((! noFillData) && (this.startContainer.nodeType != 3))) {
+      _$jscoverage['core/Range.js'][1828]++;
+      var tmpText = this.document.createTextNode(fillChar), tmp = this.document.createElement("span");
+      _$jscoverage['core/Range.js'][1830]++;
+      tmp.appendChild(this.document.createTextNode(fillChar));
+      _$jscoverage['core/Range.js'][1831]++;
+      start.parentNode.insertBefore(tmp, start);
+      _$jscoverage['core/Range.js'][1832]++;
+      start.parentNode.insertBefore(tmpText, start);
+      _$jscoverage['core/Range.js'][1834]++;
+      removeFillData(this.document, tmpText);
+      _$jscoverage['core/Range.js'][1835]++;
+      fillData = tmpText;
+      _$jscoverage['core/Range.js'][1836]++;
+      mergeSibling(tmp, "previousSibling");
+      _$jscoverage['core/Range.js'][1837]++;
+      mergeSibling(start, "nextSibling");
+      _$jscoverage['core/Range.js'][1838]++;
+      nativeRange.moveStart("character", -1);
+      _$jscoverage['core/Range.js'][1839]++;
+      nativeRange.collapse(true);
+    }
+  }
+  _$jscoverage['core/Range.js'][1842]++;
+  this.moveToBookmark(bookmark);
+  _$jscoverage['core/Range.js'][1843]++;
+  (tmp && domUtils.remove(tmp));
+  _$jscoverage['core/Range.js'][1845]++;
+  try {
+    _$jscoverage['core/Range.js'][1846]++;
+    nativeRange.select();
+  }
+  catch (e) {
+  }
+  _$jscoverage['core/Range.js'][1849]++;
+  return this;
+}): (function (notInsertFillData) {
+  _$jscoverage['core/Range.js'][1851]++;
+  function checkOffset(rng) {
+    _$jscoverage['core/Range.js'][1853]++;
+    function check(node, offset, dir) {
+      _$jscoverage['core/Range.js'][1854]++;
+      if (((node.nodeType == 3) && (node.nodeValue.length < offset))) {
+        _$jscoverage['core/Range.js'][1855]++;
+        rng[(dir + "Offset")] = node.nodeValue.length;
+      }
+}
+    _$jscoverage['core/Range.js'][1858]++;
+    check(rng.startContainer, rng.startOffset, "start");
+    _$jscoverage['core/Range.js'][1859]++;
+    check(rng.endContainer, rng.endOffset, "end");
+}
+  _$jscoverage['core/Range.js'][1861]++;
+  var win = domUtils.getWindow(this.document), sel = win.getSelection(), txtNode;
+  _$jscoverage['core/Range.js'][1866]++;
+  (browser.gecko? this.document.body.focus(): win.focus());
+  _$jscoverage['core/Range.js'][1867]++;
+  if (sel) {
+    _$jscoverage['core/Range.js'][1868]++;
+    sel.removeAllRanges();
+    _$jscoverage['core/Range.js'][1871]++;
+    if ((this.collapsed && (! notInsertFillData))) {
+      _$jscoverage['core/Range.js'][1883]++;
+      var start = this.startContainer, child = start;
+      _$jscoverage['core/Range.js'][1884]++;
+      if ((start.nodeType == 1)) {
+        _$jscoverage['core/Range.js'][1885]++;
+        child = start.childNodes[this.startOffset];
+      }
+      _$jscoverage['core/Range.js'][1888]++;
+      if (((! ((start.nodeType == 3) && this.startOffset)) && (child? ((! child.previousSibling) || (child.previousSibling.nodeType != 3)): ((! start.lastChild) || (start.lastChild.nodeType != 3))))) {
+        _$jscoverage['core/Range.js'][1895]++;
+        txtNode = this.document.createTextNode(fillChar);
+        _$jscoverage['core/Range.js'][1897]++;
+        this.insertNode(txtNode);
+        _$jscoverage['core/Range.js'][1898]++;
+        removeFillData(this.document, txtNode);
+        _$jscoverage['core/Range.js'][1899]++;
+        mergeSibling(txtNode, "previousSibling");
+        _$jscoverage['core/Range.js'][1900]++;
+        mergeSibling(txtNode, "nextSibling");
+        _$jscoverage['core/Range.js'][1901]++;
+        fillData = txtNode;
+        _$jscoverage['core/Range.js'][1902]++;
+        this.setStart(txtNode, (browser.webkit? 1: 0)).collapse(true);
+      }
+    }
+    _$jscoverage['core/Range.js'][1905]++;
+    var nativeRange = this.document.createRange();
+    _$jscoverage['core/Range.js'][1906]++;
+    if ((this.collapsed && browser.opera && (this.startContainer.nodeType == 1))) {
+      _$jscoverage['core/Range.js'][1907]++;
+      var child = this.startContainer.childNodes[this.startOffset];
+      _$jscoverage['core/Range.js'][1908]++;
+      if ((! child)) {
+        _$jscoverage['core/Range.js'][1910]++;
+        child = this.startContainer.lastChild;
+        _$jscoverage['core/Range.js'][1911]++;
+        if ((child && domUtils.isBr(child))) {
+          _$jscoverage['core/Range.js'][1912]++;
+          this.setStartBefore(child).collapse(true);
+        }
+      }
+      else {
+        _$jscoverage['core/Range.js'][1916]++;
+        while ((child && domUtils.isBlockElm(child))) {
+          _$jscoverage['core/Range.js'][1917]++;
+          if (((child.nodeType == 1) && child.childNodes[0])) {
+            _$jscoverage['core/Range.js'][1918]++;
+            child = child.childNodes[0];
+          }
+          else {
+            _$jscoverage['core/Range.js'][1920]++;
+            break;
+          }
+}
+        _$jscoverage['core/Range.js'][1923]++;
+        (child && this.setStartBefore(child).collapse(true));
+      }
+    }
+    _$jscoverage['core/Range.js'][1928]++;
+    checkOffset(this);
+    _$jscoverage['core/Range.js'][1929]++;
+    nativeRange.setStart(this.startContainer, this.startOffset);
+    _$jscoverage['core/Range.js'][1930]++;
+    nativeRange.setEnd(this.endContainer, this.endOffset);
+    _$jscoverage['core/Range.js'][1931]++;
+    sel.addRange(nativeRange);
+  }
+  _$jscoverage['core/Range.js'][1933]++;
+  return this;
+})), scrollToView: (function (win, offset) {
+  _$jscoverage['core/Range.js'][1951]++;
+  win = (win? window: domUtils.getWindow(this.document));
+  _$jscoverage['core/Range.js'][1952]++;
+  var me = this, span = me.document.createElement("span");
+  _$jscoverage['core/Range.js'][1955]++;
+  span.innerHTML = "&nbsp;";
+  _$jscoverage['core/Range.js'][1956]++;
+  me.cloneRange().insertNode(span);
+  _$jscoverage['core/Range.js'][1957]++;
+  domUtils.scrollToView(span, win, offset);
+  _$jscoverage['core/Range.js'][1958]++;
+  domUtils.remove(span);
+  _$jscoverage['core/Range.js'][1959]++;
+  return me;
+}), inFillChar: (function () {
+  _$jscoverage['core/Range.js'][1967]++;
+  var start = this.startContainer;
+  _$jscoverage['core/Range.js'][1968]++;
+  if ((this.collapsed && (start.nodeType == 3) && ((start.nodeValue.replace(new RegExp(("^" + domUtils.fillChar)), "").length + 1) == start.nodeValue.length))) {
+    _$jscoverage['core/Range.js'][1971]++;
+    return true;
+  }
+  _$jscoverage['core/Range.js'][1973]++;
+  return false;
+}), createAddress: (function (ignoreEnd, ignoreTxt) {
+  _$jscoverage['core/Range.js'][2000]++;
+  var addr = {}, me = this;
+  _$jscoverage['core/Range.js'][2002]++;
+  function getAddress(isStart) {
+    _$jscoverage['core/Range.js'][2003]++;
+    var node = (isStart? me.startContainer: me.endContainer);
+    _$jscoverage['core/Range.js'][2004]++;
+    var parents = domUtils.findParents(node, true, (function (node) {
+  _$jscoverage['core/Range.js'][2004]++;
+  return (! domUtils.isBody(node));
+})), addrs = [];
+    _$jscoverage['core/Range.js'][2006]++;
+    for (var i = 0, ci; (ci = parents[(i++)]);) {
+      _$jscoverage['core/Range.js'][2007]++;
+      addrs.push(domUtils.getNodeIndex(ci, ignoreTxt));
+}
+    _$jscoverage['core/Range.js'][2009]++;
+    var firstIndex = 0;
+    _$jscoverage['core/Range.js'][2011]++;
+    if (ignoreTxt) {
+      _$jscoverage['core/Range.js'][2012]++;
+      if ((node.nodeType == 3)) {
+        _$jscoverage['core/Range.js'][2013]++;
+        var tmpNode = node.previousSibling;
+        _$jscoverage['core/Range.js'][2014]++;
+        while ((tmpNode && (tmpNode.nodeType == 3))) {
+          _$jscoverage['core/Range.js'][2015]++;
+          firstIndex += tmpNode.nodeValue.replace(fillCharReg, "").length;
+          _$jscoverage['core/Range.js'][2016]++;
+          tmpNode = tmpNode.previousSibling;
+}
+        _$jscoverage['core/Range.js'][2018]++;
+        firstIndex += (isStart? me.startOffset: me.endOffset);
+      }
+      else {
+        _$jscoverage['core/Range.js'][2020]++;
+        node = node.childNodes[(isStart? me.startOffset: me.endOffset)];
+        _$jscoverage['core/Range.js'][2021]++;
+        if (node) {
+          _$jscoverage['core/Range.js'][2022]++;
+          firstIndex = domUtils.getNodeIndex(node, ignoreTxt);
+        }
+        else {
+          _$jscoverage['core/Range.js'][2024]++;
+          node = (isStart? me.startContainer: me.endContainer);
+          _$jscoverage['core/Range.js'][2025]++;
+          var first = node.firstChild;
+          _$jscoverage['core/Range.js'][2026]++;
+          while (first) {
+            _$jscoverage['core/Range.js'][2027]++;
+            if (domUtils.isFillChar(first)) {
+              _$jscoverage['core/Range.js'][2028]++;
+              first = first.nextSibling;
+              _$jscoverage['core/Range.js'][2029]++;
+              continue;
+            }
+            _$jscoverage['core/Range.js'][2031]++;
+            (firstIndex++);
+            _$jscoverage['core/Range.js'][2032]++;
+            if ((first.nodeType == 3)) {
+              _$jscoverage['core/Range.js'][2033]++;
+              while ((first && (first.nodeType == 3))) {
+                _$jscoverage['core/Range.js'][2034]++;
+                first = first.nextSibling;
+}
+            }
+            else {
+              _$jscoverage['core/Range.js'][2037]++;
+              first = first.nextSibling;
+            }
+}
+        }
+      }
+    }
+    else {
+      _$jscoverage['core/Range.js'][2044]++;
+      firstIndex = (isStart? (domUtils.isFillChar(node)? 0: me.startOffset): me.endOffset);
+    }
+    _$jscoverage['core/Range.js'][2046]++;
+    if ((firstIndex < 0)) {
+      _$jscoverage['core/Range.js'][2047]++;
+      firstIndex = 0;
+    }
+    _$jscoverage['core/Range.js'][2049]++;
+    addrs.push(firstIndex);
+    _$jscoverage['core/Range.js'][2050]++;
+    return addrs;
+}
+  _$jscoverage['core/Range.js'][2052]++;
+  addr.startAddress = getAddress(true);
+  _$jscoverage['core/Range.js'][2053]++;
+  if ((! ignoreEnd)) {
+    _$jscoverage['core/Range.js'][2054]++;
+    addr.endAddress = (me.collapsed? [].concat(addr.startAddress): getAddress());
+  }
+  _$jscoverage['core/Range.js'][2056]++;
+  return addr;
+}), moveToAddress: (function (addr, ignoreEnd) {
+  _$jscoverage['core/Range.js'][2085]++;
+  var me = this;
+  _$jscoverage['core/Range.js'][2086]++;
+  function getNode(address, isStart) {
+    _$jscoverage['core/Range.js'][2087]++;
+    var tmpNode = me.document.body, parentNode, offset;
+    _$jscoverage['core/Range.js'][2089]++;
+    for (var i = 0, ci, l = address.length; (i < l); (i++)) {
+      _$jscoverage['core/Range.js'][2090]++;
+      ci = address[i];
+      _$jscoverage['core/Range.js'][2091]++;
+      parentNode = tmpNode;
+      _$jscoverage['core/Range.js'][2092]++;
+      tmpNode = tmpNode.childNodes[ci];
+      _$jscoverage['core/Range.js'][2093]++;
+      if ((! tmpNode)) {
+        _$jscoverage['core/Range.js'][2094]++;
+        offset = ci;
+        _$jscoverage['core/Range.js'][2095]++;
+        break;
+      }
+}
+    _$jscoverage['core/Range.js'][2098]++;
+    if (isStart) {
+      _$jscoverage['core/Range.js'][2099]++;
+      if (tmpNode) {
+        _$jscoverage['core/Range.js'][2100]++;
+        me.setStartBefore(tmpNode);
+      }
+      else {
+        _$jscoverage['core/Range.js'][2102]++;
+        me.setStart(parentNode, offset);
+      }
+    }
+    else {
+      _$jscoverage['core/Range.js'][2105]++;
+      if (tmpNode) {
+        _$jscoverage['core/Range.js'][2106]++;
+        me.setEndBefore(tmpNode);
+      }
+      else {
+        _$jscoverage['core/Range.js'][2108]++;
+        me.setEnd(parentNode, offset);
+      }
+    }
+}
+  _$jscoverage['core/Range.js'][2112]++;
+  getNode(addr.startAddress, true);
+  _$jscoverage['core/Range.js'][2113]++;
+  ((! ignoreEnd) && addr.endAddress && getNode(addr.endAddress));
+  _$jscoverage['core/Range.js'][2114]++;
+  return me;
+}), traversal: (function (doFn, filterFn) {
+  _$jscoverage['core/Range.js'][2214]++;
+  if (this.collapsed) {
+    _$jscoverage['core/Range.js'][2215]++;
+    return this;
+  }
+  _$jscoverage['core/Range.js'][2216]++;
+  var bookmark = this.createBookmark(), end = bookmark.end, current = domUtils.getNextDomNode(bookmark.start, false, filterFn);
+  _$jscoverage['core/Range.js'][2219]++;
+  while ((current && (current !== end) && (domUtils.getPosition(current, end) & domUtils.POSITION_PRECEDING))) {
+    _$jscoverage['core/Range.js'][2220]++;
+    var tmpNode = domUtils.getNextDomNode(current, false, filterFn);
+    _$jscoverage['core/Range.js'][2221]++;
+    doFn(current);
+    _$jscoverage['core/Range.js'][2222]++;
+    current = tmpNode;
+}
+  _$jscoverage['core/Range.js'][2224]++;
+  return this.moveToBookmark(bookmark);
+})};
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/Selection.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/Selection.js
new file mode 100644
index 000000000..c12cc84f1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/Selection.js
@@ -0,0 +1,606 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/Selection.js']) {
+  _$jscoverage['core/Selection.js'] = [];
+  _$jscoverage['core/Selection.js'][13] = 0;
+  _$jscoverage['core/Selection.js'][15] = 0;
+  _$jscoverage['core/Selection.js'][16] = 0;
+  _$jscoverage['core/Selection.js'][17] = 0;
+  _$jscoverage['core/Selection.js'][18] = 0;
+  _$jscoverage['core/Selection.js'][19] = 0;
+  _$jscoverage['core/Selection.js'][21] = 0;
+  _$jscoverage['core/Selection.js'][22] = 0;
+  _$jscoverage['core/Selection.js'][24] = 0;
+  _$jscoverage['core/Selection.js'][29] = 0;
+  _$jscoverage['core/Selection.js'][30] = 0;
+  _$jscoverage['core/Selection.js'][31] = 0;
+  _$jscoverage['core/Selection.js'][32] = 0;
+  _$jscoverage['core/Selection.js'][33] = 0;
+  _$jscoverage['core/Selection.js'][34] = 0;
+  _$jscoverage['core/Selection.js'][35] = 0;
+  _$jscoverage['core/Selection.js'][36] = 0;
+  _$jscoverage['core/Selection.js'][37] = 0;
+  _$jscoverage['core/Selection.js'][40] = 0;
+  _$jscoverage['core/Selection.js'][43] = 0;
+  _$jscoverage['core/Selection.js'][44] = 0;
+  _$jscoverage['core/Selection.js'][45] = 0;
+  _$jscoverage['core/Selection.js'][46] = 0;
+  _$jscoverage['core/Selection.js'][47] = 0;
+  _$jscoverage['core/Selection.js'][48] = 0;
+  _$jscoverage['core/Selection.js'][49] = 0;
+  _$jscoverage['core/Selection.js'][50] = 0;
+  _$jscoverage['core/Selection.js'][53] = 0;
+  _$jscoverage['core/Selection.js'][54] = 0;
+  _$jscoverage['core/Selection.js'][55] = 0;
+  _$jscoverage['core/Selection.js'][57] = 0;
+  _$jscoverage['core/Selection.js'][59] = 0;
+  _$jscoverage['core/Selection.js'][60] = 0;
+  _$jscoverage['core/Selection.js'][61] = 0;
+  _$jscoverage['core/Selection.js'][62] = 0;
+  _$jscoverage['core/Selection.js'][63] = 0;
+  _$jscoverage['core/Selection.js'][67] = 0;
+  _$jscoverage['core/Selection.js'][68] = 0;
+  _$jscoverage['core/Selection.js'][69] = 0;
+  _$jscoverage['core/Selection.js'][70] = 0;
+  _$jscoverage['core/Selection.js'][71] = 0;
+  _$jscoverage['core/Selection.js'][73] = 0;
+  _$jscoverage['core/Selection.js'][76] = 0;
+  _$jscoverage['core/Selection.js'][85] = 0;
+  _$jscoverage['core/Selection.js'][86] = 0;
+  _$jscoverage['core/Selection.js'][87] = 0;
+  _$jscoverage['core/Selection.js'][89] = 0;
+  _$jscoverage['core/Selection.js'][90] = 0;
+  _$jscoverage['core/Selection.js'][91] = 0;
+  _$jscoverage['core/Selection.js'][92] = 0;
+  _$jscoverage['core/Selection.js'][93] = 0;
+  _$jscoverage['core/Selection.js'][96] = 0;
+  _$jscoverage['core/Selection.js'][104] = 0;
+  _$jscoverage['core/Selection.js'][105] = 0;
+  _$jscoverage['core/Selection.js'][107] = 0;
+  _$jscoverage['core/Selection.js'][108] = 0;
+  _$jscoverage['core/Selection.js'][110] = 0;
+  _$jscoverage['core/Selection.js'][112] = 0;
+  _$jscoverage['core/Selection.js'][113] = 0;
+  _$jscoverage['core/Selection.js'][114] = 0;
+  _$jscoverage['core/Selection.js'][116] = 0;
+  _$jscoverage['core/Selection.js'][119] = 0;
+  _$jscoverage['core/Selection.js'][120] = 0;
+  _$jscoverage['core/Selection.js'][121] = 0;
+  _$jscoverage['core/Selection.js'][122] = 0;
+  _$jscoverage['core/Selection.js'][123] = 0;
+  _$jscoverage['core/Selection.js'][124] = 0;
+  _$jscoverage['core/Selection.js'][125] = 0;
+  _$jscoverage['core/Selection.js'][127] = 0;
+  _$jscoverage['core/Selection.js'][128] = 0;
+  _$jscoverage['core/Selection.js'][129] = 0;
+  _$jscoverage['core/Selection.js'][130] = 0;
+  _$jscoverage['core/Selection.js'][134] = 0;
+  _$jscoverage['core/Selection.js'][137] = 0;
+  _$jscoverage['core/Selection.js'][140] = 0;
+  _$jscoverage['core/Selection.js'][151] = 0;
+  _$jscoverage['core/Selection.js'][152] = 0;
+  _$jscoverage['core/Selection.js'][153] = 0;
+  _$jscoverage['core/Selection.js'][155] = 0;
+  _$jscoverage['core/Selection.js'][168] = 0;
+  _$jscoverage['core/Selection.js'][169] = 0;
+  _$jscoverage['core/Selection.js'][170] = 0;
+  _$jscoverage['core/Selection.js'][171] = 0;
+  _$jscoverage['core/Selection.js'][174] = 0;
+  _$jscoverage['core/Selection.js'][182] = 0;
+  _$jscoverage['core/Selection.js'][183] = 0;
+  _$jscoverage['core/Selection.js'][184] = 0;
+  _$jscoverage['core/Selection.js'][185] = 0;
+  _$jscoverage['core/Selection.js'][198] = 0;
+  _$jscoverage['core/Selection.js'][199] = 0;
+  _$jscoverage['core/Selection.js'][201] = 0;
+  _$jscoverage['core/Selection.js'][202] = 0;
+  _$jscoverage['core/Selection.js'][203] = 0;
+  _$jscoverage['core/Selection.js'][205] = 0;
+  _$jscoverage['core/Selection.js'][212] = 0;
+  _$jscoverage['core/Selection.js'][219] = 0;
+  _$jscoverage['core/Selection.js'][220] = 0;
+  _$jscoverage['core/Selection.js'][222] = 0;
+  _$jscoverage['core/Selection.js'][236] = 0;
+  _$jscoverage['core/Selection.js'][237] = 0;
+  _$jscoverage['core/Selection.js'][238] = 0;
+  _$jscoverage['core/Selection.js'][240] = 0;
+  _$jscoverage['core/Selection.js'][241] = 0;
+  _$jscoverage['core/Selection.js'][242] = 0;
+  _$jscoverage['core/Selection.js'][244] = 0;
+  _$jscoverage['core/Selection.js'][245] = 0;
+  _$jscoverage['core/Selection.js'][247] = 0;
+  _$jscoverage['core/Selection.js'][248] = 0;
+  _$jscoverage['core/Selection.js'][252] = 0;
+  _$jscoverage['core/Selection.js'][253] = 0;
+  _$jscoverage['core/Selection.js'][255] = 0;
+  _$jscoverage['core/Selection.js'][256] = 0;
+  _$jscoverage['core/Selection.js'][257] = 0;
+  _$jscoverage['core/Selection.js'][258] = 0;
+  _$jscoverage['core/Selection.js'][260] = 0;
+  _$jscoverage['core/Selection.js'][261] = 0;
+  _$jscoverage['core/Selection.js'][263] = 0;
+  _$jscoverage['core/Selection.js'][267] = 0;
+  _$jscoverage['core/Selection.js'][270] = 0;
+  _$jscoverage['core/Selection.js'][271] = 0;
+  _$jscoverage['core/Selection.js'][272] = 0;
+  _$jscoverage['core/Selection.js'][273] = 0;
+  _$jscoverage['core/Selection.js'][274] = 0;
+  _$jscoverage['core/Selection.js'][275] = 0;
+  _$jscoverage['core/Selection.js'][276] = 0;
+  _$jscoverage['core/Selection.js'][280] = 0;
+  _$jscoverage['core/Selection.js'][281] = 0;
+  _$jscoverage['core/Selection.js'][283] = 0;
+  _$jscoverage['core/Selection.js'][286] = 0;
+  _$jscoverage['core/Selection.js'][298] = 0;
+  _$jscoverage['core/Selection.js'][299] = 0;
+  _$jscoverage['core/Selection.js'][301] = 0;
+  _$jscoverage['core/Selection.js'][304] = 0;
+  _$jscoverage['core/Selection.js'][305] = 0;
+  _$jscoverage['core/Selection.js'][307] = 0;
+  _$jscoverage['core/Selection.js'][310] = 0;
+  _$jscoverage['core/Selection.js'][311] = 0;
+  _$jscoverage['core/Selection.js'][313] = 0;
+  _$jscoverage['core/Selection.js'][315] = 0;
+  _$jscoverage['core/Selection.js'][316] = 0;
+  _$jscoverage['core/Selection.js'][317] = 0;
+  _$jscoverage['core/Selection.js'][318] = 0;
+  _$jscoverage['core/Selection.js'][319] = 0;
+  _$jscoverage['core/Selection.js'][320] = 0;
+  _$jscoverage['core/Selection.js'][321] = 0;
+  _$jscoverage['core/Selection.js'][322] = 0;
+  _$jscoverage['core/Selection.js'][326] = 0;
+  _$jscoverage['core/Selection.js'][327] = 0;
+  _$jscoverage['core/Selection.js'][328] = 0;
+  _$jscoverage['core/Selection.js'][329] = 0;
+  _$jscoverage['core/Selection.js'][331] = 0;
+  _$jscoverage['core/Selection.js'][332] = 0;
+  _$jscoverage['core/Selection.js'][335] = 0;
+  _$jscoverage['core/Selection.js'][347] = 0;
+  _$jscoverage['core/Selection.js'][348] = 0;
+  _$jscoverage['core/Selection.js'][349] = 0;
+  _$jscoverage['core/Selection.js'][350] = 0;
+  _$jscoverage['core/Selection.js'][352] = 0;
+  _$jscoverage['core/Selection.js'][363] = 0;
+}
+_$jscoverage['core/Selection.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#36873;&#38598;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module UE.dom.Selection</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * UEditor&#20844;&#29992;&#31354;&#38388;&#65292;UEditor&#25152;&#26377;&#30340;&#21151;&#33021;&#37117;&#25346;&#36733;&#22312;&#35813;&#31354;&#38388;&#19979;</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> */</span>","","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","","    <span class=\"k\">function</span> getBoundaryInformation<span class=\"k\">(</span> range<span class=\"k\">,</span> start <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> getIndex <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNodeIndex<span class=\"k\">;</span>","        range <span class=\"k\">=</span> range<span class=\"k\">.</span>duplicate<span class=\"k\">();</span>","        range<span class=\"k\">.</span>collapse<span class=\"k\">(</span> start <span class=\"k\">);</span>","        <span class=\"k\">var</span> parent <span class=\"k\">=</span> range<span class=\"k\">.</span>parentElement<span class=\"k\">();</span>","        <span class=\"c\">//&#22914;&#26524;&#33410;&#28857;&#37324;&#27809;&#26377;&#23376;&#33410;&#28857;&#65292;&#30452;&#25509;&#36864;&#20986;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>parent<span class=\"k\">.</span>hasChildNodes<span class=\"k\">()</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span>  <span class=\"k\">{</span>container<span class=\"k\">:</span>parent<span class=\"k\">,</span> offset<span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> siblings <span class=\"k\">=</span> parent<span class=\"k\">.</span>children<span class=\"k\">,</span>","            child<span class=\"k\">,</span>","            testRange <span class=\"k\">=</span> range<span class=\"k\">.</span>duplicate<span class=\"k\">(),</span>","            startIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> endIndex <span class=\"k\">=</span> siblings<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">,</span> index <span class=\"k\">=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">,</span>","            distance<span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span> startIndex <span class=\"k\">&lt;=</span> endIndex <span class=\"k\">)</span> <span class=\"k\">{</span>","            index <span class=\"k\">=</span> Math<span class=\"k\">.</span>floor<span class=\"k\">(</span> <span class=\"k\">(</span>startIndex <span class=\"k\">+</span> endIndex<span class=\"k\">)</span> <span class=\"k\">/</span> <span class=\"s\">2</span> <span class=\"k\">);</span>","            child <span class=\"k\">=</span> siblings<span class=\"k\">[</span>index<span class=\"k\">];</span>","            testRange<span class=\"k\">.</span>moveToElementText<span class=\"k\">(</span> child <span class=\"k\">);</span>","            <span class=\"k\">var</span> position <span class=\"k\">=</span> testRange<span class=\"k\">.</span>compareEndPoints<span class=\"k\">(</span> <span class=\"s\">'StartToStart'</span><span class=\"k\">,</span> range <span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> position <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                endIndex <span class=\"k\">=</span> index <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span> position <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                startIndex <span class=\"k\">=</span> index <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"c\">//trace:1043</span>","                <span class=\"k\">return</span>  <span class=\"k\">{</span>container<span class=\"k\">:</span>parent<span class=\"k\">,</span> offset<span class=\"k\">:</span>getIndex<span class=\"k\">(</span> child <span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> index <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            testRange<span class=\"k\">.</span>moveToElementText<span class=\"k\">(</span> parent <span class=\"k\">);</span>","            testRange<span class=\"k\">.</span>setEndPoint<span class=\"k\">(</span> <span class=\"s\">'StartToStart'</span><span class=\"k\">,</span> range <span class=\"k\">);</span>","            distance <span class=\"k\">=</span> testRange<span class=\"k\">.</span>text<span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/(\\r\\n|\\r)/g</span><span class=\"k\">,</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span> <span class=\"k\">).</span>length<span class=\"k\">;</span>","            siblings <span class=\"k\">=</span> parent<span class=\"k\">.</span>childNodes<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>distance <span class=\"k\">)</span> <span class=\"k\">{</span>","                child <span class=\"k\">=</span> siblings<span class=\"k\">[</span>siblings<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">];</span>","                <span class=\"k\">return</span>  <span class=\"k\">{</span>container<span class=\"k\">:</span>child<span class=\"k\">,</span> offset<span class=\"k\">:</span>child<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">var</span> i <span class=\"k\">=</span> siblings<span class=\"k\">.</span>length<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span> distance <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                distance <span class=\"k\">-=</span> siblings<span class=\"k\">[</span> <span class=\"k\">--</span>i <span class=\"k\">].</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>container<span class=\"k\">:</span>siblings<span class=\"k\">[</span>i<span class=\"k\">],</span> offset<span class=\"k\">:-</span>distance<span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        testRange<span class=\"k\">.</span>collapse<span class=\"k\">(</span> position <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">);</span>","        testRange<span class=\"k\">.</span>setEndPoint<span class=\"k\">(</span> position <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"s\">'StartToStart'</span> <span class=\"k\">:</span> <span class=\"s\">'EndToStart'</span><span class=\"k\">,</span> range <span class=\"k\">);</span>","        distance <span class=\"k\">=</span> testRange<span class=\"k\">.</span>text<span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/(\\r\\n|\\r)/g</span><span class=\"k\">,</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span> <span class=\"k\">).</span>length<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>distance <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span>  dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>child<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">||</span> dtd<span class=\"k\">.</span>$nonChild<span class=\"k\">[</span>child<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">?</span>","            <span class=\"k\">{</span>container<span class=\"k\">:</span>parent<span class=\"k\">,</span> offset<span class=\"k\">:</span>getIndex<span class=\"k\">(</span> child <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"k\">(</span>position <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">}</span> <span class=\"k\">:</span>","            <span class=\"k\">{</span>container<span class=\"k\">:</span>child<span class=\"k\">,</span> offset<span class=\"k\">:</span>position <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> child<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span> distance <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> pre <span class=\"k\">=</span> child<span class=\"k\">;</span>","                child <span class=\"k\">=</span> child<span class=\"k\">[</span>position <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"s\">'previousSibling'</span> <span class=\"k\">:</span> <span class=\"s\">'nextSibling'</span><span class=\"k\">];</span>","                distance <span class=\"k\">-=</span> child<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span> e <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">{</span>container<span class=\"k\">:</span>parent<span class=\"k\">,</span> offset<span class=\"k\">:</span>getIndex<span class=\"k\">(</span> pre <span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span>  <span class=\"k\">{</span>container<span class=\"k\">:</span>child<span class=\"k\">,</span> offset<span class=\"k\">:</span>position <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"k\">-</span>distance <span class=\"k\">:</span> child<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length <span class=\"k\">+</span> distance<span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#23558;ieRange&#36716;&#25442;&#20026;Range&#23545;&#35937;</span>","<span class=\"c\">     * @param {Range}   ieRange    ieRange&#23545;&#35937;</span>","<span class=\"c\">     * @param {Range}   range      Range&#23545;&#35937;</span>","<span class=\"c\">     * @return  {Range}  range       &#36820;&#22238;&#36716;&#25442;&#21518;&#30340;Range&#23545;&#35937;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> transformIERangeToRange<span class=\"k\">(</span> ieRange<span class=\"k\">,</span> range <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> ieRange<span class=\"k\">.</span>item <span class=\"k\">)</span> <span class=\"k\">{</span>","            range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span> ieRange<span class=\"k\">.</span>item<span class=\"k\">(</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">);</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> bi <span class=\"k\">=</span> getBoundaryInformation<span class=\"k\">(</span> ieRange<span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","            range<span class=\"k\">.</span>setStart<span class=\"k\">(</span> bi<span class=\"k\">.</span>container<span class=\"k\">,</span> bi<span class=\"k\">.</span>offset <span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> ieRange<span class=\"k\">.</span>compareEndPoints<span class=\"k\">(</span> <span class=\"s\">'StartToEnd'</span><span class=\"k\">,</span> ieRange <span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                bi <span class=\"k\">=</span> getBoundaryInformation<span class=\"k\">(</span> ieRange<span class=\"k\">,</span> <span class=\"k\">false</span> <span class=\"k\">);</span>","                range<span class=\"k\">.</span>setEnd<span class=\"k\">(</span> bi<span class=\"k\">.</span>container<span class=\"k\">,</span> bi<span class=\"k\">.</span>offset <span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> range<span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#33719;&#24471;ieRange</span>","<span class=\"c\">     * @param {Selection} sel    Selection&#23545;&#35937;</span>","<span class=\"c\">     * @return {ieRange}    &#24471;&#21040;ieRange</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> _getIERange<span class=\"k\">(</span> sel <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> ieRange<span class=\"k\">;</span>","        <span class=\"c\">//ie&#19979;&#26377;&#21487;&#33021;&#25253;&#38169;</span>","        <span class=\"k\">try</span> <span class=\"k\">{</span>","            ieRange <span class=\"k\">=</span> sel<span class=\"k\">.</span>getNative<span class=\"k\">().</span>createRange<span class=\"k\">();</span>","        <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span> e <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> el <span class=\"k\">=</span> ieRange<span class=\"k\">.</span>item <span class=\"k\">?</span> ieRange<span class=\"k\">.</span>item<span class=\"k\">(</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">:</span> ieRange<span class=\"k\">.</span>parentElement<span class=\"k\">();</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">(</span> el<span class=\"k\">.</span>ownerDocument <span class=\"k\">||</span> el <span class=\"k\">)</span> <span class=\"k\">===</span> sel<span class=\"k\">.</span>document <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> ieRange<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">var</span> Selection <span class=\"k\">=</span> dom<span class=\"k\">.</span>Selection <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span> doc <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span> iframe<span class=\"k\">;</span>","        me<span class=\"k\">.</span>document <span class=\"k\">=</span> doc<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> ie <span class=\"k\">)</span> <span class=\"k\">{</span>","            iframe <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getWindow<span class=\"k\">(</span> doc <span class=\"k\">).</span>frameElement<span class=\"k\">;</span>","            domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span> iframe<span class=\"k\">,</span> <span class=\"s\">'beforedeactivate'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>_bakIERange <span class=\"k\">=</span> me<span class=\"k\">.</span>getIERange<span class=\"k\">();</span>","            <span class=\"k\">}</span> <span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span> iframe<span class=\"k\">,</span> <span class=\"s\">'activate'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">try</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>_getIERange<span class=\"k\">(</span> me <span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>_bakIERange <span class=\"k\">)</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>_bakIERange<span class=\"k\">.</span>select<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span> ex <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>_bakIERange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">);</span>","        <span class=\"k\">}</span>","        iframe <span class=\"k\">=</span> doc <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    Selection<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#21407;&#29983;seleciton&#23545;&#35937;</span>","<span class=\"c\">         * @method getNative</span>","<span class=\"c\">         * @return { Object } &#33719;&#24471;selection&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.selection.getNative();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getNative<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> doc <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">;</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">!</span>doc <span class=\"k\">?</span> <span class=\"k\">null</span> <span class=\"k\">:</span> ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>ie <span class=\"k\">&lt;</span> <span class=\"s\">9</span> <span class=\"k\">?</span> doc<span class=\"k\">.</span>selection <span class=\"k\">:</span> domUtils<span class=\"k\">.</span>getWindow<span class=\"k\">(</span> doc <span class=\"k\">).</span>getSelection<span class=\"k\">();</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span> e <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#24471;ieRange</span>","<span class=\"c\">         * @method getIERange</span>","<span class=\"c\">         * @return { Object } &#36820;&#22238;ie&#21407;&#29983;&#30340;Range</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.selection.getIERange();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getIERange<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> ieRange <span class=\"k\">=</span> _getIERange<span class=\"k\">(</span> <span class=\"k\">this</span> <span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>ieRange <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakIERange <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakIERange<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> ieRange<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#32531;&#23384;&#24403;&#21069;&#36873;&#21306;&#30340;range&#21644;&#36873;&#21306;&#30340;&#24320;&#22987;&#33410;&#28857;</span>","<span class=\"c\">         * @method cache</span>","<span class=\"c\">         */</span>","        cache<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>clear<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_cachedRange <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_cachedStartElement <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getStart<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_cachedStartElementPath <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getStartElementPath<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#36873;&#21306;&#24320;&#22987;&#20301;&#32622;&#30340;&#29238;&#33410;&#28857;&#21040;body</span>","<span class=\"c\">         * @method getStartElementPath</span>","<span class=\"c\">         * @return { Array } &#36820;&#22238;&#29238;&#33410;&#28857;&#38598;&#21512;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.selection.getStartElementPath();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getStartElementPath<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>_cachedStartElementPath <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_cachedStartElementPath<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> start <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getStart<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> start <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>findParents<span class=\"k\">(</span> start<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">)</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">[];</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#28165;&#31354;&#32531;&#23384;</span>","<span class=\"c\">         * @method clear</span>","<span class=\"c\">         */</span>","        clear<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_cachedStartElementPath <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>_cachedRange <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>_cachedStartElement <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#32534;&#36753;&#22120;&#26159;&#21542;&#24471;&#21040;&#20102;&#36873;&#21306;</span>","<span class=\"c\">         * @method isFocus</span>","<span class=\"c\">         */</span>","        isFocus<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> _getIERange<span class=\"k\">(</span> <span class=\"k\">this</span> <span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">!</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>getNative<span class=\"k\">().</span>rangeCount <span class=\"k\">?</span> <span class=\"k\">true</span> <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span> e <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#36873;&#21306;&#23545;&#24212;&#30340;Range</span>","<span class=\"c\">         * @method getRange</span>","<span class=\"c\">         * @return { Object } &#24471;&#21040;Range&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.selection.getRange();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getRange<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">function</span> optimze<span class=\"k\">(</span> range <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> child <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>firstChild<span class=\"k\">,</span>","                    collapsed <span class=\"k\">=</span> range<span class=\"k\">.</span>collapsed<span class=\"k\">;</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span> child <span class=\"k\">&amp;&amp;</span> child<span class=\"k\">.</span>firstChild <span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span> child<span class=\"k\">,</span> <span class=\"s\">0</span> <span class=\"k\">);</span>","                    child <span class=\"k\">=</span> child<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>range<span class=\"k\">.</span>startContainer <span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">0</span> <span class=\"k\">)</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> collapsed <span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>collapse<span class=\"k\">(</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span> me<span class=\"k\">.</span>_cachedRange <span class=\"k\">!=</span> <span class=\"k\">null</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_cachedRange<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">new</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>Range<span class=\"k\">(</span> me<span class=\"k\">.</span>document <span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>ie <span class=\"k\">&lt;</span> <span class=\"s\">9</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> nativeRange <span class=\"k\">=</span> me<span class=\"k\">.</span>getIERange<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> nativeRange <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//&#22791;&#20221;&#30340;_bakIERange&#21487;&#33021;&#24050;&#32463;&#23454;&#25928;&#20102;&#65292;dom&#26641;&#21457;&#29983;&#20102;&#21464;&#21270;&#27604;&#22914;&#20174;&#28304;&#30721;&#27169;&#24335;&#20999;&#22238;&#26469;&#65292;&#25152;&#20197;try&#19968;&#19979;&#65292;&#23454;&#25928;&#23601;&#25918;&#21040;body&#24320;&#22987;&#20301;&#32622;</span>","                    <span class=\"k\">try</span><span class=\"k\">{</span>","                        transformIERangeToRange<span class=\"k\">(</span> nativeRange<span class=\"k\">,</span> range <span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                        optimze<span class=\"k\">(</span> range <span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    optimze<span class=\"k\">(</span> range <span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> sel <span class=\"k\">=</span> me<span class=\"k\">.</span>getNative<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> sel <span class=\"k\">&amp;&amp;</span> sel<span class=\"k\">.</span>rangeCount <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> firstRange <span class=\"k\">=</span> sel<span class=\"k\">.</span>getRangeAt<span class=\"k\">(</span> <span class=\"s\">0</span> <span class=\"k\">);</span>","                    <span class=\"k\">var</span> lastRange <span class=\"k\">=</span> sel<span class=\"k\">.</span>getRangeAt<span class=\"k\">(</span> sel<span class=\"k\">.</span>rangeCount <span class=\"k\">-</span> <span class=\"s\">1</span> <span class=\"k\">);</span>","                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span> firstRange<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> firstRange<span class=\"k\">.</span>startOffset <span class=\"k\">).</span>setEnd<span class=\"k\">(</span> lastRange<span class=\"k\">.</span>endContainer<span class=\"k\">,</span> lastRange<span class=\"k\">.</span>endOffset <span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> range<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span> range<span class=\"k\">.</span>startContainer <span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>range<span class=\"k\">.</span>startOffset <span class=\"k\">)</span> <span class=\"k\">{</span>","                        optimze<span class=\"k\">(</span> range <span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"c\">//trace:1734 &#26377;&#21487;&#33021;&#24050;&#32463;&#19981;&#22312;dom&#26641;&#19978;&#20102;&#65292;&#26631;&#35782;&#30340;&#33410;&#28857;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakRange <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>inDoc<span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakRange<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>document <span class=\"k\">)</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakRange<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    optimze<span class=\"k\">(</span> range <span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakRange <span class=\"k\">=</span> range<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#24320;&#22987;&#20803;&#32032;&#65292;&#29992;&#20110;&#29366;&#24577;&#21453;&#23556;</span>","<span class=\"c\">         * @method getStart</span>","<span class=\"c\">         * @return { Element } &#33719;&#24471;&#24320;&#22987;&#20803;&#32032;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.selection.getStart();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getStart<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>_cachedStartElement <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_cachedStartElement<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> ie <span class=\"k\">?</span> <span class=\"k\">this</span><span class=\"k\">.</span>getIERange<span class=\"k\">()</span> <span class=\"k\">:</span> <span class=\"k\">this</span><span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                tmpRange<span class=\"k\">,</span>","                start<span class=\"k\">,</span> tmp<span class=\"k\">,</span> parent<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> ie <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>range <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//todo &#32473;&#31532;&#19968;&#20010;&#20540;&#21487;&#33021;&#20250;&#26377;&#38382;&#39064;</span>","                    <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//control&#20803;&#32032;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> range<span class=\"k\">.</span>item <span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> range<span class=\"k\">.</span>item<span class=\"k\">(</span> <span class=\"s\">0</span> <span class=\"k\">);</span>","                <span class=\"k\">}</span>","                tmpRange <span class=\"k\">=</span> range<span class=\"k\">.</span>duplicate<span class=\"k\">();</span>","                <span class=\"c\">//&#20462;&#27491;ie&#19979;&lt;b&gt;x&lt;/b&gt;[xx] &#38381;&#21512;&#21518; &lt;b&gt;x|&lt;/b&gt;xx</span>","                tmpRange<span class=\"k\">.</span>text<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">&amp;&amp;</span> tmpRange<span class=\"k\">.</span>moveStart<span class=\"k\">(</span> <span class=\"s\">'character'</span><span class=\"k\">,</span> <span class=\"s\">1</span> <span class=\"k\">);</span>","                tmpRange<span class=\"k\">.</span>collapse<span class=\"k\">(</span> <span class=\"s\">1</span> <span class=\"k\">);</span>","                start <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>parentElement<span class=\"k\">();</span>","                parent <span class=\"k\">=</span> tmp <span class=\"k\">=</span> range<span class=\"k\">.</span>parentElement<span class=\"k\">();</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span> tmp <span class=\"k\">=</span> tmp<span class=\"k\">.</span>parentNode <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> tmp <span class=\"k\">==</span> start <span class=\"k\">)</span> <span class=\"k\">{</span>","                        start <span class=\"k\">=</span> parent<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                range<span class=\"k\">.</span>shrinkBoundary<span class=\"k\">();</span>","                start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>hasChildNodes<span class=\"k\">()</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                    start <span class=\"k\">=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>Math<span class=\"k\">.</span>min<span class=\"k\">(</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">,</span> range<span class=\"k\">.</span>startOffset <span class=\"k\">)];</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> start<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> start<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#24471;&#21040;&#36873;&#21306;&#20013;&#30340;&#25991;&#26412;</span>","<span class=\"c\">         * @method getText</span>","<span class=\"c\">         * @return { String } &#36873;&#21306;&#20013;&#21253;&#21547;&#30340;&#25991;&#26412;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.selection.getText();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getText<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> nativeSel<span class=\"k\">,</span> nativeRange<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>isFocus<span class=\"k\">()</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>nativeSel <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getNative<span class=\"k\">())</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                nativeRange <span class=\"k\">=</span> browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> nativeSel<span class=\"k\">.</span>createRange<span class=\"k\">()</span> <span class=\"k\">:</span> nativeSel<span class=\"k\">.</span>getRangeAt<span class=\"k\">(</span> <span class=\"s\">0</span> <span class=\"k\">);</span>","                <span class=\"k\">return</span> browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> nativeRange<span class=\"k\">.</span>text <span class=\"k\">:</span> nativeRange<span class=\"k\">.</span>toString<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#28165;&#38500;&#36873;&#21306;</span>","<span class=\"c\">         * @method clearRange</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.selection.clearRange();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        clearRange <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getNative<span class=\"k\">()[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'empty'</span> <span class=\"k\">:</span> <span class=\"s\">'removeAllRanges'</span><span class=\"k\">]();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['core/Selection.js'][13]++;
+(function () {
+  _$jscoverage['core/Selection.js'][15]++;
+  function getBoundaryInformation(range, start) {
+    _$jscoverage['core/Selection.js'][16]++;
+    var getIndex = domUtils.getNodeIndex;
+    _$jscoverage['core/Selection.js'][17]++;
+    range = range.duplicate();
+    _$jscoverage['core/Selection.js'][18]++;
+    range.collapse(start);
+    _$jscoverage['core/Selection.js'][19]++;
+    var parent = range.parentElement();
+    _$jscoverage['core/Selection.js'][21]++;
+    if ((! parent.hasChildNodes())) {
+      _$jscoverage['core/Selection.js'][22]++;
+      return ({container: parent, offset: 0});
+    }
+    _$jscoverage['core/Selection.js'][24]++;
+    var siblings = parent.children, child, testRange = range.duplicate(), startIndex = 0, endIndex = (siblings.length - 1), index = -1, distance;
+    _$jscoverage['core/Selection.js'][29]++;
+    while ((startIndex <= endIndex)) {
+      _$jscoverage['core/Selection.js'][30]++;
+      index = Math.floor(((startIndex + endIndex) / 2));
+      _$jscoverage['core/Selection.js'][31]++;
+      child = siblings[index];
+      _$jscoverage['core/Selection.js'][32]++;
+      testRange.moveToElementText(child);
+      _$jscoverage['core/Selection.js'][33]++;
+      var position = testRange.compareEndPoints("StartToStart", range);
+      _$jscoverage['core/Selection.js'][34]++;
+      if ((position > 0)) {
+        _$jscoverage['core/Selection.js'][35]++;
+        endIndex = (index - 1);
+      }
+      else {
+        _$jscoverage['core/Selection.js'][36]++;
+        if ((position < 0)) {
+          _$jscoverage['core/Selection.js'][37]++;
+          startIndex = (index + 1);
+        }
+        else {
+          _$jscoverage['core/Selection.js'][40]++;
+          return ({container: parent, offset: getIndex(child)});
+        }
+      }
+}
+    _$jscoverage['core/Selection.js'][43]++;
+    if ((index == -1)) {
+      _$jscoverage['core/Selection.js'][44]++;
+      testRange.moveToElementText(parent);
+      _$jscoverage['core/Selection.js'][45]++;
+      testRange.setEndPoint("StartToStart", range);
+      _$jscoverage['core/Selection.js'][46]++;
+      distance = testRange.text.replace(/(\r\n|\r)/g, "\n").length;
+      _$jscoverage['core/Selection.js'][47]++;
+      siblings = parent.childNodes;
+      _$jscoverage['core/Selection.js'][48]++;
+      if ((! distance)) {
+        _$jscoverage['core/Selection.js'][49]++;
+        child = siblings[(siblings.length - 1)];
+        _$jscoverage['core/Selection.js'][50]++;
+        return ({container: child, offset: child.nodeValue.length});
+      }
+      _$jscoverage['core/Selection.js'][53]++;
+      var i = siblings.length;
+      _$jscoverage['core/Selection.js'][54]++;
+      while ((distance > 0)) {
+        _$jscoverage['core/Selection.js'][55]++;
+        distance -= siblings[(--i)].nodeValue.length;
+}
+      _$jscoverage['core/Selection.js'][57]++;
+      return ({container: siblings[i], offset: (- distance)});
+    }
+    _$jscoverage['core/Selection.js'][59]++;
+    testRange.collapse((position > 0));
+    _$jscoverage['core/Selection.js'][60]++;
+    testRange.setEndPoint(((position > 0)? "StartToStart": "EndToStart"), range);
+    _$jscoverage['core/Selection.js'][61]++;
+    distance = testRange.text.replace(/(\r\n|\r)/g, "\n").length;
+    _$jscoverage['core/Selection.js'][62]++;
+    if ((! distance)) {
+      _$jscoverage['core/Selection.js'][63]++;
+      return ((dtd.$empty[child.tagName] || dtd.$nonChild[child.tagName])? {container: parent, offset: (getIndex(child) + ((position > 0)? 0: 1))}: {container: child, offset: ((position > 0)? 0: child.childNodes.length)});
+    }
+    _$jscoverage['core/Selection.js'][67]++;
+    while ((distance > 0)) {
+      _$jscoverage['core/Selection.js'][68]++;
+      try {
+        _$jscoverage['core/Selection.js'][69]++;
+        var pre = child;
+        _$jscoverage['core/Selection.js'][70]++;
+        child = child[((position > 0)? "previousSibling": "nextSibling")];
+        _$jscoverage['core/Selection.js'][71]++;
+        distance -= child.nodeValue.length;
+      }
+      catch (e) {
+        _$jscoverage['core/Selection.js'][73]++;
+        return ({container: parent, offset: getIndex(pre)});
+      }
+}
+    _$jscoverage['core/Selection.js'][76]++;
+    return ({container: child, offset: ((position > 0)? (- distance): (child.nodeValue.length + distance))});
+}
+  _$jscoverage['core/Selection.js'][85]++;
+  function transformIERangeToRange(ieRange, range) {
+    _$jscoverage['core/Selection.js'][86]++;
+    if (ieRange.item) {
+      _$jscoverage['core/Selection.js'][87]++;
+      range.selectNode(ieRange.item(0));
+    }
+    else {
+      _$jscoverage['core/Selection.js'][89]++;
+      var bi = getBoundaryInformation(ieRange, true);
+      _$jscoverage['core/Selection.js'][90]++;
+      range.setStart(bi.container, bi.offset);
+      _$jscoverage['core/Selection.js'][91]++;
+      if ((ieRange.compareEndPoints("StartToEnd", ieRange) != 0)) {
+        _$jscoverage['core/Selection.js'][92]++;
+        bi = getBoundaryInformation(ieRange, false);
+        _$jscoverage['core/Selection.js'][93]++;
+        range.setEnd(bi.container, bi.offset);
+      }
+    }
+    _$jscoverage['core/Selection.js'][96]++;
+    return range;
+}
+  _$jscoverage['core/Selection.js'][104]++;
+  function _getIERange(sel) {
+    _$jscoverage['core/Selection.js'][105]++;
+    var ieRange;
+    _$jscoverage['core/Selection.js'][107]++;
+    try {
+      _$jscoverage['core/Selection.js'][108]++;
+      ieRange = sel.getNative().createRange();
+    }
+    catch (e) {
+      _$jscoverage['core/Selection.js'][110]++;
+      return null;
+    }
+    _$jscoverage['core/Selection.js'][112]++;
+    var el = (ieRange.item? ieRange.item(0): ieRange.parentElement());
+    _$jscoverage['core/Selection.js'][113]++;
+    if (((el.ownerDocument || el) === sel.document)) {
+      _$jscoverage['core/Selection.js'][114]++;
+      return ieRange;
+    }
+    _$jscoverage['core/Selection.js'][116]++;
+    return null;
+}
+  _$jscoverage['core/Selection.js'][119]++;
+  var Selection = (dom.Selection = (function (doc) {
+  _$jscoverage['core/Selection.js'][120]++;
+  var me = this, iframe;
+  _$jscoverage['core/Selection.js'][121]++;
+  me.document = doc;
+  _$jscoverage['core/Selection.js'][122]++;
+  if (ie) {
+    _$jscoverage['core/Selection.js'][123]++;
+    iframe = domUtils.getWindow(doc).frameElement;
+    _$jscoverage['core/Selection.js'][124]++;
+    domUtils.on(iframe, "beforedeactivate", (function () {
+  _$jscoverage['core/Selection.js'][125]++;
+  me._bakIERange = me.getIERange();
+}));
+    _$jscoverage['core/Selection.js'][127]++;
+    domUtils.on(iframe, "activate", (function () {
+  _$jscoverage['core/Selection.js'][128]++;
+  try {
+    _$jscoverage['core/Selection.js'][129]++;
+    if (((! _getIERange(me)) && me._bakIERange)) {
+      _$jscoverage['core/Selection.js'][130]++;
+      me._bakIERange.select();
+    }
+  }
+  catch (ex) {
+  }
+  _$jscoverage['core/Selection.js'][134]++;
+  me._bakIERange = null;
+}));
+  }
+  _$jscoverage['core/Selection.js'][137]++;
+  iframe = (doc = null);
+}));
+  _$jscoverage['core/Selection.js'][140]++;
+  Selection.prototype = {getNative: (function () {
+  _$jscoverage['core/Selection.js'][151]++;
+  var doc = this.document;
+  _$jscoverage['core/Selection.js'][152]++;
+  try {
+    _$jscoverage['core/Selection.js'][153]++;
+    return ((! doc)? null: ((ie && (browser.ie < 9))? doc.selection: domUtils.getWindow(doc).getSelection()));
+  }
+  catch (e) {
+    _$jscoverage['core/Selection.js'][155]++;
+    return null;
+  }
+}), getIERange: (function () {
+  _$jscoverage['core/Selection.js'][168]++;
+  var ieRange = _getIERange(this);
+  _$jscoverage['core/Selection.js'][169]++;
+  if ((! ieRange)) {
+    _$jscoverage['core/Selection.js'][170]++;
+    if (this._bakIERange) {
+      _$jscoverage['core/Selection.js'][171]++;
+      return this._bakIERange;
+    }
+  }
+  _$jscoverage['core/Selection.js'][174]++;
+  return ieRange;
+}), cache: (function () {
+  _$jscoverage['core/Selection.js'][182]++;
+  this.clear();
+  _$jscoverage['core/Selection.js'][183]++;
+  this._cachedRange = this.getRange();
+  _$jscoverage['core/Selection.js'][184]++;
+  this._cachedStartElement = this.getStart();
+  _$jscoverage['core/Selection.js'][185]++;
+  this._cachedStartElementPath = this.getStartElementPath();
+}), getStartElementPath: (function () {
+  _$jscoverage['core/Selection.js'][198]++;
+  if (this._cachedStartElementPath) {
+    _$jscoverage['core/Selection.js'][199]++;
+    return this._cachedStartElementPath;
+  }
+  _$jscoverage['core/Selection.js'][201]++;
+  var start = this.getStart();
+  _$jscoverage['core/Selection.js'][202]++;
+  if (start) {
+    _$jscoverage['core/Selection.js'][203]++;
+    return domUtils.findParents(start, true, null, true);
+  }
+  _$jscoverage['core/Selection.js'][205]++;
+  return [];
+}), clear: (function () {
+  _$jscoverage['core/Selection.js'][212]++;
+  this._cachedStartElementPath = (this._cachedRange = (this._cachedStartElement = null));
+}), isFocus: (function () {
+  _$jscoverage['core/Selection.js'][219]++;
+  try {
+    _$jscoverage['core/Selection.js'][220]++;
+    return (((browser.ie && _getIERange(this)) || ((! browser.ie) && this.getNative().rangeCount))? true: false);
+  }
+  catch (e) {
+    _$jscoverage['core/Selection.js'][222]++;
+    return false;
+  }
+}), getRange: (function () {
+  _$jscoverage['core/Selection.js'][236]++;
+  var me = this;
+  _$jscoverage['core/Selection.js'][237]++;
+  function optimze(range) {
+    _$jscoverage['core/Selection.js'][238]++;
+    var child = me.document.body.firstChild, collapsed = range.collapsed;
+    _$jscoverage['core/Selection.js'][240]++;
+    while ((child && child.firstChild)) {
+      _$jscoverage['core/Selection.js'][241]++;
+      range.setStart(child, 0);
+      _$jscoverage['core/Selection.js'][242]++;
+      child = child.firstChild;
+}
+    _$jscoverage['core/Selection.js'][244]++;
+    if ((! range.startContainer)) {
+      _$jscoverage['core/Selection.js'][245]++;
+      range.setStart(me.document.body, 0);
+    }
+    _$jscoverage['core/Selection.js'][247]++;
+    if (collapsed) {
+      _$jscoverage['core/Selection.js'][248]++;
+      range.collapse(true);
+    }
+}
+  _$jscoverage['core/Selection.js'][252]++;
+  if ((me._cachedRange != null)) {
+    _$jscoverage['core/Selection.js'][253]++;
+    return this._cachedRange;
+  }
+  _$jscoverage['core/Selection.js'][255]++;
+  var range = new (baidu.editor.dom.Range)(me.document);
+  _$jscoverage['core/Selection.js'][256]++;
+  if ((ie && (browser.ie < 9))) {
+    _$jscoverage['core/Selection.js'][257]++;
+    var nativeRange = me.getIERange();
+    _$jscoverage['core/Selection.js'][258]++;
+    if (nativeRange) {
+      _$jscoverage['core/Selection.js'][260]++;
+      try {
+        _$jscoverage['core/Selection.js'][261]++;
+        transformIERangeToRange(nativeRange, range);
+      }
+      catch (e) {
+        _$jscoverage['core/Selection.js'][263]++;
+        optimze(range);
+      }
+    }
+    else {
+      _$jscoverage['core/Selection.js'][267]++;
+      optimze(range);
+    }
+  }
+  else {
+    _$jscoverage['core/Selection.js'][270]++;
+    var sel = me.getNative();
+    _$jscoverage['core/Selection.js'][271]++;
+    if ((sel && sel.rangeCount)) {
+      _$jscoverage['core/Selection.js'][272]++;
+      var firstRange = sel.getRangeAt(0);
+      _$jscoverage['core/Selection.js'][273]++;
+      var lastRange = sel.getRangeAt((sel.rangeCount - 1));
+      _$jscoverage['core/Selection.js'][274]++;
+      range.setStart(firstRange.startContainer, firstRange.startOffset).setEnd(lastRange.endContainer, lastRange.endOffset);
+      _$jscoverage['core/Selection.js'][275]++;
+      if ((range.collapsed && domUtils.isBody(range.startContainer) && (! range.startOffset))) {
+        _$jscoverage['core/Selection.js'][276]++;
+        optimze(range);
+      }
+    }
+    else {
+      _$jscoverage['core/Selection.js'][280]++;
+      if ((this._bakRange && domUtils.inDoc(this._bakRange.startContainer, this.document))) {
+        _$jscoverage['core/Selection.js'][281]++;
+        return this._bakRange;
+      }
+      _$jscoverage['core/Selection.js'][283]++;
+      optimze(range);
+    }
+  }
+  _$jscoverage['core/Selection.js'][286]++;
+  return (this._bakRange = range);
+}), getStart: (function () {
+  _$jscoverage['core/Selection.js'][298]++;
+  if (this._cachedStartElement) {
+    _$jscoverage['core/Selection.js'][299]++;
+    return this._cachedStartElement;
+  }
+  _$jscoverage['core/Selection.js'][301]++;
+  var range = (ie? this.getIERange(): this.getRange()), tmpRange, start, tmp, parent;
+  _$jscoverage['core/Selection.js'][304]++;
+  if (ie) {
+    _$jscoverage['core/Selection.js'][305]++;
+    if ((! range)) {
+      _$jscoverage['core/Selection.js'][307]++;
+      return this.document.body.firstChild;
+    }
+    _$jscoverage['core/Selection.js'][310]++;
+    if (range.item) {
+      _$jscoverage['core/Selection.js'][311]++;
+      return range.item(0);
+    }
+    _$jscoverage['core/Selection.js'][313]++;
+    tmpRange = range.duplicate();
+    _$jscoverage['core/Selection.js'][315]++;
+    ((tmpRange.text.length > 0) && tmpRange.moveStart("character", 1));
+    _$jscoverage['core/Selection.js'][316]++;
+    tmpRange.collapse(1);
+    _$jscoverage['core/Selection.js'][317]++;
+    start = tmpRange.parentElement();
+    _$jscoverage['core/Selection.js'][318]++;
+    parent = (tmp = range.parentElement());
+    _$jscoverage['core/Selection.js'][319]++;
+    while ((tmp = tmp.parentNode)) {
+      _$jscoverage['core/Selection.js'][320]++;
+      if ((tmp == start)) {
+        _$jscoverage['core/Selection.js'][321]++;
+        start = parent;
+        _$jscoverage['core/Selection.js'][322]++;
+        break;
+      }
+}
+  }
+  else {
+    _$jscoverage['core/Selection.js'][326]++;
+    range.shrinkBoundary();
+    _$jscoverage['core/Selection.js'][327]++;
+    start = range.startContainer;
+    _$jscoverage['core/Selection.js'][328]++;
+    if (((start.nodeType == 1) && start.hasChildNodes())) {
+      _$jscoverage['core/Selection.js'][329]++;
+      start = start.childNodes[Math.min((start.childNodes.length - 1), range.startOffset)];
+    }
+    _$jscoverage['core/Selection.js'][331]++;
+    if ((start.nodeType == 3)) {
+      _$jscoverage['core/Selection.js'][332]++;
+      return start.parentNode;
+    }
+  }
+  _$jscoverage['core/Selection.js'][335]++;
+  return start;
+}), getText: (function () {
+  _$jscoverage['core/Selection.js'][347]++;
+  var nativeSel, nativeRange;
+  _$jscoverage['core/Selection.js'][348]++;
+  if ((this.isFocus() && (nativeSel = this.getNative()))) {
+    _$jscoverage['core/Selection.js'][349]++;
+    nativeRange = (browser.ie? nativeSel.createRange(): nativeSel.getRangeAt(0));
+    _$jscoverage['core/Selection.js'][350]++;
+    return (browser.ie? nativeRange.text: nativeRange.toString());
+  }
+  _$jscoverage['core/Selection.js'][352]++;
+  return "";
+}), clearRange: (function () {
+  _$jscoverage['core/Selection.js'][363]++;
+  (this.getNative()[(browser.ie? "empty": "removeAllRanges")])();
+})};
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/ajax.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/ajax.js
new file mode 100644
index 000000000..ef9d21189
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/ajax.js
@@ -0,0 +1,203 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/ajax.js']) {
+  _$jscoverage['core/ajax.js'] = [];
+  _$jscoverage['core/ajax.js'][11] = 0;
+  _$jscoverage['core/ajax.js'][14] = 0;
+  _$jscoverage['core/ajax.js'][15] = 0;
+  _$jscoverage['core/ajax.js'][16] = 0;
+  _$jscoverage['core/ajax.js'][17] = 0;
+  _$jscoverage['core/ajax.js'][19] = 0;
+  _$jscoverage['core/ajax.js'][20] = 0;
+  _$jscoverage['core/ajax.js'][21] = 0;
+  _$jscoverage['core/ajax.js'][25] = 0;
+  _$jscoverage['core/ajax.js'][32] = 0;
+  _$jscoverage['core/ajax.js'][33] = 0;
+  _$jscoverage['core/ajax.js'][34] = 0;
+  _$jscoverage['core/ajax.js'][36] = 0;
+  _$jscoverage['core/ajax.js'][38] = 0;
+  _$jscoverage['core/ajax.js'][39] = 0;
+  _$jscoverage['core/ajax.js'][42] = 0;
+  _$jscoverage['core/ajax.js'][47] = 0;
+  _$jscoverage['core/ajax.js'][106] = 0;
+  _$jscoverage['core/ajax.js'][121] = 0;
+  _$jscoverage['core/ajax.js'][122] = 0;
+  _$jscoverage['core/ajax.js'][123] = 0;
+  _$jscoverage['core/ajax.js'][125] = 0;
+  _$jscoverage['core/ajax.js'][126] = 0;
+  _$jscoverage['core/ajax.js'][128] = 0;
+  _$jscoverage['core/ajax.js'][130] = 0;
+  _$jscoverage['core/ajax.js'][131] = 0;
+  _$jscoverage['core/ajax.js'][134] = 0;
+  _$jscoverage['core/ajax.js'][135] = 0;
+  _$jscoverage['core/ajax.js'][136] = 0;
+  _$jscoverage['core/ajax.js'][137] = 0;
+  _$jscoverage['core/ajax.js'][138] = 0;
+  _$jscoverage['core/ajax.js'][142] = 0;
+  _$jscoverage['core/ajax.js'][143] = 0;
+  _$jscoverage['core/ajax.js'][144] = 0;
+  _$jscoverage['core/ajax.js'][145] = 0;
+  _$jscoverage['core/ajax.js'][146] = 0;
+  _$jscoverage['core/ajax.js'][147] = 0;
+  _$jscoverage['core/ajax.js'][148] = 0;
+  _$jscoverage['core/ajax.js'][150] = 0;
+  _$jscoverage['core/ajax.js'][154] = 0;
+  _$jscoverage['core/ajax.js'][155] = 0;
+  _$jscoverage['core/ajax.js'][156] = 0;
+  _$jscoverage['core/ajax.js'][158] = 0;
+}
+_$jscoverage['core/ajax.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module UE.ajax</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25552;&#20379;&#23545;ajax&#35831;&#27714;&#30340;&#25903;&#25345;</span>","<span class=\"c\"> * @module UE.ajax</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>ajax <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","","    <span class=\"c\">//&#21019;&#24314;&#19968;&#20010;ajaxRequest&#23545;&#35937;</span>","    <span class=\"k\">var</span> fnStr <span class=\"k\">=</span> <span class=\"s\">'XMLHttpRequest()'</span><span class=\"k\">;</span>","    <span class=\"k\">try</span> <span class=\"k\">{</span>","        <span class=\"k\">new</span> ActiveXObject<span class=\"k\">(</span><span class=\"s\">\"Msxml2.XMLHTTP\"</span><span class=\"k\">);</span>","        fnStr <span class=\"k\">=</span> <span class=\"s\">'ActiveXObject(</span><span class=\"t\">\\'</span><span class=\"s\">Msxml2.XMLHTTP</span><span class=\"t\">\\'</span><span class=\"s\">)'</span><span class=\"k\">;</span>","    <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">try</span> <span class=\"k\">{</span>","            <span class=\"k\">new</span> ActiveXObject<span class=\"k\">(</span><span class=\"s\">\"Microsoft.XMLHTTP\"</span><span class=\"k\">);</span>","            fnStr <span class=\"k\">=</span> <span class=\"s\">'ActiveXObject(</span><span class=\"t\">\\'</span><span class=\"s\">Microsoft.XMLHTTP</span><span class=\"t\">\\'</span><span class=\"s\">)'</span>","        <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","    <span class=\"k\">var</span> creatAjaxRequest <span class=\"k\">=</span> <span class=\"k\">new</span> Function<span class=\"k\">(</span><span class=\"s\">'return new '</span> <span class=\"k\">+</span> fnStr<span class=\"k\">);</span>","","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#23558;json&#21442;&#25968;&#36716;&#21270;&#25104;&#36866;&#21512;ajax&#25552;&#20132;&#30340;&#21442;&#25968;&#21015;&#34920;</span>","<span class=\"c\">     * @param json</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> json2str<span class=\"k\">(</span>json<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> strArr <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">in</span> json<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#24573;&#30053;&#40664;&#35748;&#30340;&#20960;&#20010;&#21442;&#25968;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>i<span class=\"k\">==</span><span class=\"s\">\"method\"</span> <span class=\"k\">||</span> i<span class=\"k\">==</span><span class=\"s\">\"timeout\"</span> <span class=\"k\">||</span> i<span class=\"k\">==</span><span class=\"s\">\"async\"</span><span class=\"k\">)</span> <span class=\"k\">continue</span><span class=\"k\">;</span>","            <span class=\"c\">//&#20256;&#36882;&#36807;&#26469;&#30340;&#23545;&#35937;&#21644;&#20989;&#25968;&#19981;&#22312;&#25552;&#20132;&#20043;&#21015;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!((</span><span class=\"k\">typeof</span> json<span class=\"k\">[</span>i<span class=\"k\">]).</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">\"function\"</span> <span class=\"k\">||</span> <span class=\"k\">(</span><span class=\"k\">typeof</span> json<span class=\"k\">[</span>i<span class=\"k\">]).</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">\"object\"</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                strArr<span class=\"k\">.</span>push<span class=\"k\">(</span> encodeURIComponent<span class=\"k\">(</span>i<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">\"=\"</span><span class=\"k\">+</span>encodeURIComponent<span class=\"k\">(</span>json<span class=\"k\">[</span>i<span class=\"k\">])</span> <span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> strArr<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">\"&amp;\"</span><span class=\"k\">);</span>","","    <span class=\"k\">}</span>","","","    <span class=\"k\">return</span> <span class=\"k\">{</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26681;&#25454;&#32473;&#23450;&#30340;&#21442;&#25968;&#39033;&#65292;&#21521;&#25351;&#23450;&#30340;url&#21457;&#36215;&#19968;&#20010;ajax&#35831;&#27714;&#12290; ajax&#35831;&#27714;&#23436;&#25104;&#21518;&#65292;&#20250;&#26681;&#25454;&#35831;&#27714;&#32467;&#26524;&#35843;&#29992;&#30456;&#24212;&#22238;&#35843;&#65306; &#22914;&#26524;&#35831;&#27714;</span>","<span class=\"c\">         * &#25104;&#21151;&#65292; &#21017;&#35843;&#29992;onsuccess&#22238;&#35843;&#65292; &#22833;&#36133;&#21017;&#35843;&#29992; onerror &#22238;&#35843;</span>","<span class=\"c\">         * @method request</span>","<span class=\"c\">         * @param { URLString } url ajax&#35831;&#27714;&#30340;url&#22320;&#22336;</span>","<span class=\"c\">         * @param { KeyValueMap } ajaxOptions ajax&#35831;&#27714;&#36873;&#39033;&#30340;&#38190;&#20540;&#23545;&#65292;&#25903;&#25345;&#30340;&#36873;&#39033;&#22914;&#19979;&#65306;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * //&#21521;sayhello.php&#21457;&#36215;&#19968;&#20010;&#24322;&#27493;&#30340;Ajax GET&#35831;&#27714;, &#35831;&#27714;&#36229;&#26102;&#26102;&#38388;&#20026;10s&#65292; &#35831;&#27714;&#23436;&#25104;&#21518;&#25191;&#34892;&#30456;&#24212;&#30340;&#22238;&#35843;&#12290;</span>","<span class=\"c\">         * UE.ajax.requeset( 'sayhello.php', {</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //&#35831;&#27714;&#26041;&#27861;&#12290;&#21487;&#36873;&#20540;&#65306; 'GET', 'POST'&#65292;&#40664;&#35748;&#20540;&#26159;'POST'</span>","<span class=\"c\">         *     method: 'GET',</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //&#36229;&#26102;&#26102;&#38388;&#12290; &#40664;&#35748;&#20026;5000&#65292; &#21333;&#20301;&#26159;ms</span>","<span class=\"c\">         *     timeout: 10000,</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //&#26159;&#21542;&#26159;&#24322;&#27493;&#35831;&#27714;&#12290; true&#20026;&#24322;&#27493;&#35831;&#27714;&#65292; false&#20026;&#21516;&#27493;&#35831;&#27714;</span>","<span class=\"c\">         *     async: true,</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //&#35831;&#27714;&#25658;&#24102;&#30340;&#25968;&#25454;&#12290;&#22914;&#26524;&#35831;&#27714;&#20026;GET&#35831;&#27714;&#65292; data&#20250;&#32463;&#36807;stringify&#21518;&#38468;&#21152;&#21040;&#35831;&#27714;url&#20043;&#21518;&#12290;</span>","<span class=\"c\">         *     data: {</span>","<span class=\"c\">         *         name: 'ueditor'</span>","<span class=\"c\">         *     },</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //&#35831;&#27714;&#25104;&#21151;&#21518;&#30340;&#22238;&#35843;&#65292; &#35813;&#22238;&#35843;&#25509;&#21463;&#24403;&#21069;&#30340;XMLHttpRequest&#23545;&#35937;&#20316;&#20026;&#21442;&#25968;&#12290;</span>","<span class=\"c\">         *     onsuccess: function ( xhr ) {</span>","<span class=\"c\">         *         console.log( xhr.responseText );</span>","<span class=\"c\">         *     },</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //&#35831;&#27714;&#22833;&#36133;&#25110;&#32773;&#36229;&#26102;&#21518;&#30340;&#22238;&#35843;&#12290;</span>","<span class=\"c\">         *     onerror: function ( xhr ) {</span>","<span class=\"c\">         *          alert( 'Ajax&#35831;&#27714;&#22833;&#36133;' );</span>","<span class=\"c\">         *     }</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * } );</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26681;&#25454;&#32473;&#23450;&#30340;&#21442;&#25968;&#39033;&#21457;&#36215;&#19968;&#20010;ajax&#35831;&#27714;&#65292; &#21442;&#25968;&#39033;&#37324;&#24517;&#39035;&#21253;&#21547;&#19968;&#20010;url&#22320;&#22336;&#12290; ajax&#35831;&#27714;&#23436;&#25104;&#21518;&#65292;&#20250;&#26681;&#25454;&#35831;&#27714;&#32467;&#26524;&#35843;&#29992;&#30456;&#24212;&#22238;&#35843;&#65306; &#22914;&#26524;&#35831;&#27714;</span>","<span class=\"c\">         * &#25104;&#21151;&#65292; &#21017;&#35843;&#29992;onsuccess&#22238;&#35843;&#65292; &#22833;&#36133;&#21017;&#35843;&#29992; onerror &#22238;&#35843;&#12290;</span>","<span class=\"c\">         * @method request</span>","<span class=\"c\">         * @warning &#22914;&#26524;&#22312;&#21442;&#25968;&#39033;&#37324;&#26410;&#25552;&#20379;&#19968;&#20010;key&#20026;&#8220;url&#8221;&#30340;&#22320;&#22336;&#20540;&#65292;&#21017;&#35813;&#35831;&#27714;&#23558;&#30452;&#25509;&#36864;&#20986;&#12290;</span>","<span class=\"c\">         * @param { KeyValueMap } ajaxOptions ajax&#35831;&#27714;&#36873;&#39033;&#30340;&#38190;&#20540;&#23545;&#65292;&#25903;&#25345;&#30340;&#36873;&#39033;&#22914;&#19979;&#65306;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * //&#21521;sayhello.php&#21457;&#36215;&#19968;&#20010;&#24322;&#27493;&#30340;Ajax POST&#35831;&#27714;, &#35831;&#27714;&#36229;&#26102;&#26102;&#38388;&#20026;5s&#65292; &#35831;&#27714;&#23436;&#25104;&#21518;&#19981;&#25191;&#34892;&#20219;&#20309;&#22238;&#35843;&#12290;</span>","<span class=\"c\">         * UE.ajax.requeset( 'sayhello.php', {</span>","<span class=\"c\">         *</span>","<span class=\"c\">         *     //&#35831;&#27714;&#30340;&#22320;&#22336;&#65292; &#35813;&#39033;&#26159;&#24517;&#39035;&#30340;&#12290;</span>","<span class=\"c\">         *     url: 'sayhello.php'</span>","<span class=\"c\">         *</span>","<span class=\"c\">         * } );</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","\t\trequest<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">(</span>url<span class=\"k\">,</span> ajaxOptions<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> ajaxRequest <span class=\"k\">=</span> creatAjaxRequest<span class=\"k\">(),</span>","                <span class=\"c\">//&#26159;&#21542;&#36229;&#26102;</span>","                timeIsOut <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">,</span>","                <span class=\"c\">//&#40664;&#35748;&#21442;&#25968;</span>","                defaultAjaxOptions <span class=\"k\">=</span> <span class=\"k\">{</span>","                    method<span class=\"k\">:</span><span class=\"s\">\"POST\"</span><span class=\"k\">,</span>","                    timeout<span class=\"k\">:</span><span class=\"s\">5000</span><span class=\"k\">,</span>","                    async<span class=\"k\">:</span><span class=\"k\">true</span><span class=\"k\">,</span>","                    data<span class=\"k\">:</span><span class=\"k\">{}</span><span class=\"k\">,</span><span class=\"c\">//&#38656;&#35201;&#20256;&#36882;&#23545;&#35937;&#30340;&#35805;&#21482;&#33021;&#35206;&#30422;</span>","                    onsuccess<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    onerror<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","","\t\t\t<span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">typeof</span> url <span class=\"k\">===</span> <span class=\"s\">\"object\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","\t\t\t\tajaxOptions <span class=\"k\">=</span> url<span class=\"k\">;</span>","\t\t\t\turl <span class=\"k\">=</span> ajaxOptions<span class=\"k\">.</span>url<span class=\"k\">;</span>","\t\t\t<span class=\"k\">}</span>","\t\t\t<span class=\"k\">if</span> <span class=\"k\">(!</span>ajaxRequest <span class=\"k\">||</span> <span class=\"k\">!</span>url<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","\t\t\t<span class=\"k\">var</span> ajaxOpts <span class=\"k\">=</span> ajaxOptions <span class=\"k\">?</span> utils<span class=\"k\">.</span>extend<span class=\"k\">(</span>defaultAjaxOptions<span class=\"k\">,</span>ajaxOptions<span class=\"k\">)</span> <span class=\"k\">:</span> defaultAjaxOptions<span class=\"k\">;</span>","","\t\t\t<span class=\"k\">var</span> submitStr <span class=\"k\">=</span> json2str<span class=\"k\">(</span>ajaxOpts<span class=\"k\">);</span>  <span class=\"c\">// { name:\"Jim\",city:\"Beijing\" } --&gt; \"name=Jim&amp;city=Beijing\"</span>","\t\t\t<span class=\"c\">//&#22914;&#26524;&#29992;&#25143;&#30452;&#25509;&#36890;&#36807;data&#21442;&#25968;&#20256;&#36882;json&#23545;&#35937;&#36807;&#26469;&#65292;&#21017;&#20063;&#35201;&#23558;&#27492;json&#23545;&#35937;&#36716;&#21270;&#20026;&#23383;&#31526;&#20018;</span>","\t\t\t<span class=\"k\">if</span> <span class=\"k\">(!</span>utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>ajaxOpts<span class=\"k\">.</span>data<span class=\"k\">))</span><span class=\"k\">{</span>","                submitStr <span class=\"k\">+=</span> <span class=\"k\">(</span>submitStr<span class=\"k\">?</span> <span class=\"s\">\"&amp;\"</span><span class=\"k\">:</span><span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> json2str<span class=\"k\">(</span>ajaxOpts<span class=\"k\">.</span>data<span class=\"k\">);</span>","\t\t\t<span class=\"k\">}</span>","            <span class=\"c\">//&#36229;&#26102;&#26816;&#27979;</span>","            <span class=\"k\">var</span> timerID <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ajaxRequest<span class=\"k\">.</span>readyState <span class=\"k\">!=</span> <span class=\"s\">4</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    timeIsOut <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                    ajaxRequest<span class=\"k\">.</span>abort<span class=\"k\">();</span>","                    clearTimeout<span class=\"k\">(</span>timerID<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">,</span> ajaxOpts<span class=\"k\">.</span>timeout<span class=\"k\">);</span>","","\t\t\t<span class=\"k\">var</span> method <span class=\"k\">=</span> ajaxOpts<span class=\"k\">.</span>method<span class=\"k\">.</span>toUpperCase<span class=\"k\">();</span>","            <span class=\"k\">var</span> str <span class=\"k\">=</span> url <span class=\"k\">+</span> <span class=\"k\">(</span>url<span class=\"k\">.</span>indexOf<span class=\"k\">(</span><span class=\"s\">\"?\"</span><span class=\"k\">)==-</span><span class=\"s\">1</span><span class=\"k\">?</span><span class=\"s\">\"?\"</span><span class=\"k\">:</span><span class=\"s\">\"&amp;\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"k\">(</span>method<span class=\"k\">==</span><span class=\"s\">\"POST\"</span><span class=\"k\">?</span><span class=\"s\">\"\"</span><span class=\"k\">:</span>submitStr<span class=\"k\">+</span> <span class=\"s\">\"&amp;noCache=\"</span> <span class=\"k\">+</span> <span class=\"k\">+</span><span class=\"k\">new</span> Date<span class=\"k\">);</span>","\t\t\tajaxRequest<span class=\"k\">.</span>open<span class=\"k\">(</span>method<span class=\"k\">,</span> str<span class=\"k\">,</span> ajaxOpts<span class=\"k\">.</span>async<span class=\"k\">);</span>","\t\t\tajaxRequest<span class=\"k\">.</span>onreadystatechange <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","\t\t\t\t<span class=\"k\">if</span> <span class=\"k\">(</span>ajaxRequest<span class=\"k\">.</span>readyState <span class=\"k\">==</span> <span class=\"s\">4</span><span class=\"k\">)</span> <span class=\"k\">{</span>","\t\t\t\t\t<span class=\"k\">if</span> <span class=\"k\">(!</span>timeIsOut <span class=\"k\">&amp;&amp;</span> ajaxRequest<span class=\"k\">.</span>status <span class=\"k\">==</span> <span class=\"s\">200</span><span class=\"k\">)</span> <span class=\"k\">{</span>","\t\t\t\t\t\tajaxOpts<span class=\"k\">.</span>onsuccess<span class=\"k\">(</span>ajaxRequest<span class=\"k\">);</span>","\t\t\t\t\t<span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","\t\t\t\t\t\tajaxOpts<span class=\"k\">.</span>onerror<span class=\"k\">(</span>ajaxRequest<span class=\"k\">);</span>","\t\t\t\t\t<span class=\"k\">}</span>","\t\t\t\t<span class=\"k\">}</span>","\t\t\t<span class=\"k\">}</span><span class=\"k\">;</span>","\t\t\t<span class=\"k\">if</span> <span class=\"k\">(</span>method <span class=\"k\">==</span> <span class=\"s\">\"POST\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","\t\t\t\tajaxRequest<span class=\"k\">.</span>setRequestHeader<span class=\"k\">(</span><span class=\"s\">'Content-Type'</span><span class=\"k\">,</span> <span class=\"s\">'application/x-www-form-urlencoded'</span><span class=\"k\">);</span>","\t\t\t\tajaxRequest<span class=\"k\">.</span>send<span class=\"k\">(</span>submitStr<span class=\"k\">);</span>","\t\t\t<span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","\t\t\t\tajaxRequest<span class=\"k\">.</span>send<span class=\"k\">(</span><span class=\"k\">null</span><span class=\"k\">);</span>","\t\t\t<span class=\"k\">}</span>","\t\t<span class=\"k\">}</span>","\t<span class=\"k\">}</span><span class=\"k\">;</span>","","","<span class=\"k\">}</span><span class=\"k\">();</span>"];
+_$jscoverage['core/ajax.js'][11]++;
+UE.ajax = (function () {
+  _$jscoverage['core/ajax.js'][14]++;
+  var fnStr = "XMLHttpRequest()";
+  _$jscoverage['core/ajax.js'][15]++;
+  try {
+    _$jscoverage['core/ajax.js'][16]++;
+    new ActiveXObject("Msxml2.XMLHTTP");
+    _$jscoverage['core/ajax.js'][17]++;
+    fnStr = "ActiveXObject('Msxml2.XMLHTTP')";
+  }
+  catch (e) {
+    _$jscoverage['core/ajax.js'][19]++;
+    try {
+      _$jscoverage['core/ajax.js'][20]++;
+      new ActiveXObject("Microsoft.XMLHTTP");
+      _$jscoverage['core/ajax.js'][21]++;
+      fnStr = "ActiveXObject('Microsoft.XMLHTTP')";
+    }
+    catch (e) {
+    }
+  }
+  _$jscoverage['core/ajax.js'][25]++;
+  var creatAjaxRequest = new Function(("return new " + fnStr));
+  _$jscoverage['core/ajax.js'][32]++;
+  function json2str(json) {
+    _$jscoverage['core/ajax.js'][33]++;
+    var strArr = [];
+    _$jscoverage['core/ajax.js'][34]++;
+    for (var i in json) {
+      _$jscoverage['core/ajax.js'][36]++;
+      if (((i == "method") || (i == "timeout") || (i == "async"))) {
+        _$jscoverage['core/ajax.js'][36]++;
+        continue;
+      }
+      _$jscoverage['core/ajax.js'][38]++;
+      if ((! (((typeof json[i]).toLowerCase() == "function") || ((typeof json[i]).toLowerCase() == "object")))) {
+        _$jscoverage['core/ajax.js'][39]++;
+        strArr.push((encodeURIComponent(i) + "=" + encodeURIComponent(json[i])));
+      }
+}
+    _$jscoverage['core/ajax.js'][42]++;
+    return strArr.join("&");
+}
+  _$jscoverage['core/ajax.js'][47]++;
+  return ({request: (function (url, ajaxOptions) {
+  _$jscoverage['core/ajax.js'][106]++;
+  var ajaxRequest = creatAjaxRequest(), timeIsOut = false, defaultAjaxOptions = {method: "POST", timeout: 5000, async: true, data: {}, onsuccess: (function () {
+}), onerror: (function () {
+})};
+  _$jscoverage['core/ajax.js'][121]++;
+  if (((typeof url) === "object")) {
+    _$jscoverage['core/ajax.js'][122]++;
+    ajaxOptions = url;
+    _$jscoverage['core/ajax.js'][123]++;
+    url = ajaxOptions.url;
+  }
+  _$jscoverage['core/ajax.js'][125]++;
+  if (((! ajaxRequest) || (! url))) {
+    _$jscoverage['core/ajax.js'][125]++;
+    return;
+  }
+  _$jscoverage['core/ajax.js'][126]++;
+  var ajaxOpts = (ajaxOptions? utils.extend(defaultAjaxOptions, ajaxOptions): defaultAjaxOptions);
+  _$jscoverage['core/ajax.js'][128]++;
+  var submitStr = json2str(ajaxOpts);
+  _$jscoverage['core/ajax.js'][130]++;
+  if ((! utils.isEmptyObject(ajaxOpts.data))) {
+    _$jscoverage['core/ajax.js'][131]++;
+    submitStr += ((submitStr? "&": "") + json2str(ajaxOpts.data));
+  }
+  _$jscoverage['core/ajax.js'][134]++;
+  var timerID = setTimeout((function () {
+  _$jscoverage['core/ajax.js'][135]++;
+  if ((ajaxRequest.readyState != 4)) {
+    _$jscoverage['core/ajax.js'][136]++;
+    timeIsOut = true;
+    _$jscoverage['core/ajax.js'][137]++;
+    ajaxRequest.abort();
+    _$jscoverage['core/ajax.js'][138]++;
+    clearTimeout(timerID);
+  }
+}), ajaxOpts.timeout);
+  _$jscoverage['core/ajax.js'][142]++;
+  var method = ajaxOpts.method.toUpperCase();
+  _$jscoverage['core/ajax.js'][143]++;
+  var str = (url + ((url.indexOf("?") == -1)? "?": "&") + ((method == "POST")? "": (submitStr + "&noCache=" + (+ new Date()))));
+  _$jscoverage['core/ajax.js'][144]++;
+  ajaxRequest.open(method, str, ajaxOpts.async);
+  _$jscoverage['core/ajax.js'][145]++;
+  ajaxRequest.onreadystatechange = (function () {
+  _$jscoverage['core/ajax.js'][146]++;
+  if ((ajaxRequest.readyState == 4)) {
+    _$jscoverage['core/ajax.js'][147]++;
+    if (((! timeIsOut) && (ajaxRequest.status == 200))) {
+      _$jscoverage['core/ajax.js'][148]++;
+      ajaxOpts.onsuccess(ajaxRequest);
+    }
+    else {
+      _$jscoverage['core/ajax.js'][150]++;
+      ajaxOpts.onerror(ajaxRequest);
+    }
+  }
+});
+  _$jscoverage['core/ajax.js'][154]++;
+  if ((method == "POST")) {
+    _$jscoverage['core/ajax.js'][155]++;
+    ajaxRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+    _$jscoverage['core/ajax.js'][156]++;
+    ajaxRequest.send(submitStr);
+  }
+  else {
+    _$jscoverage['core/ajax.js'][158]++;
+    ajaxRequest.send(null);
+  }
+})});
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/browser.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/browser.js
new file mode 100644
index 000000000..368582eb5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/browser.js
@@ -0,0 +1,135 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/browser.js']) {
+  _$jscoverage['core/browser.js'] = [];
+  _$jscoverage['core/browser.js'][13] = 0;
+  _$jscoverage['core/browser.js'][14] = 0;
+  _$jscoverage['core/browser.js'][83] = 0;
+  _$jscoverage['core/browser.js'][85] = 0;
+  _$jscoverage['core/browser.js'][88] = 0;
+  _$jscoverage['core/browser.js'][89] = 0;
+  _$jscoverage['core/browser.js'][100] = 0;
+  _$jscoverage['core/browser.js'][112] = 0;
+  _$jscoverage['core/browser.js'][124] = 0;
+  _$jscoverage['core/browser.js'][136] = 0;
+  _$jscoverage['core/browser.js'][149] = 0;
+  _$jscoverage['core/browser.js'][154] = 0;
+  _$jscoverage['core/browser.js'][155] = 0;
+  _$jscoverage['core/browser.js'][156] = 0;
+  _$jscoverage['core/browser.js'][158] = 0;
+  _$jscoverage['core/browser.js'][159] = 0;
+  _$jscoverage['core/browser.js'][173] = 0;
+  _$jscoverage['core/browser.js'][174] = 0;
+  _$jscoverage['core/browser.js'][187] = 0;
+  _$jscoverage['core/browser.js'][188] = 0;
+  _$jscoverage['core/browser.js'][193] = 0;
+  _$jscoverage['core/browser.js'][194] = 0;
+  _$jscoverage['core/browser.js'][197] = 0;
+  _$jscoverage['core/browser.js'][198] = 0;
+  _$jscoverage['core/browser.js'][213] = 0;
+  _$jscoverage['core/browser.js'][224] = 0;
+  _$jscoverage['core/browser.js'][232] = 0;
+  _$jscoverage['core/browser.js'][235] = 0;
+}
+_$jscoverage['core/browser.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#27983;&#35272;&#22120;&#21028;&#26029;&#27169;&#22359;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module UE.browser</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25552;&#20379;&#27983;&#35272;&#22120;&#26816;&#27979;&#30340;&#27169;&#22359;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE.browser</span>","<span class=\"c\"> */</span>","<span class=\"k\">var</span> browser <span class=\"k\">=</span> UE<span class=\"k\">.</span>browser <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> agent <span class=\"k\">=</span> navigator<span class=\"k\">.</span>userAgent<span class=\"k\">.</span>toLowerCase<span class=\"k\">(),</span>","        opera <span class=\"k\">=</span> window<span class=\"k\">.</span>opera<span class=\"k\">,</span>","        browser <span class=\"k\">=</span> <span class=\"k\">{</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * @property {boolean} ie &#26816;&#27979;&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;&#21542;&#20026;IE</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * if ( UE.browser.ie ) {</span>","<span class=\"c\">         *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;IE' );</span>","<span class=\"c\">         * }</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        ie\t\t<span class=\"k\">:</span> <span class=\"k\">!!</span>window<span class=\"k\">.</span>ActiveXObject<span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * @property {boolean} opera &#26816;&#27979;&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;&#21542;&#20026;Opera</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * if ( UE.browser.opera ) {</span>","<span class=\"c\">         *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;Opera' );</span>","<span class=\"c\">         * }</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        opera\t<span class=\"k\">:</span> <span class=\"k\">(</span> <span class=\"k\">!!</span>opera <span class=\"k\">&amp;&amp;</span> opera<span class=\"k\">.</span>version <span class=\"k\">),</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * @property {boolean} webkit &#26816;&#27979;&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;&#21542;&#26159;webkit&#20869;&#26680;&#30340;&#27983;&#35272;&#22120;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * if ( UE.browser.webkit ) {</span>","<span class=\"c\">         *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;webkit&#20869;&#26680;&#27983;&#35272;&#22120;' );</span>","<span class=\"c\">         * }</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        webkit\t<span class=\"k\">:</span> <span class=\"k\">(</span> agent<span class=\"k\">.</span>indexOf<span class=\"k\">(</span> <span class=\"s\">' applewebkit/'</span> <span class=\"k\">)</span> <span class=\"k\">&gt;</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">),</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * @property {boolean} mac &#26816;&#27979;&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;&#21542;&#26159;&#36816;&#34892;&#22312;mac&#24179;&#21488;&#19979;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * if ( UE.browser.mac ) {</span>","<span class=\"c\">         *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#36816;&#34892;&#22312;mac&#24179;&#21488;&#19979;' );</span>","<span class=\"c\">         * }</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        mac\t<span class=\"k\">:</span> <span class=\"k\">(</span> agent<span class=\"k\">.</span>indexOf<span class=\"k\">(</span> <span class=\"s\">'macintosh'</span> <span class=\"k\">)</span> <span class=\"k\">&gt;</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">),</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * @property {boolean} quirks &#26816;&#27979;&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;&#21542;&#22788;&#20110;&#8220;&#24618;&#24322;&#27169;&#24335;&#8221;&#19979;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * if ( UE.browser.quirks ) {</span>","<span class=\"c\">         *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#36816;&#34892;&#22788;&#20110;&#8220;&#24618;&#24322;&#27169;&#24335;&#8221;' );</span>","<span class=\"c\">         * }</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        quirks <span class=\"k\">:</span> <span class=\"k\">(</span> document<span class=\"k\">.</span>compatMode <span class=\"k\">==</span> <span class=\"s\">'BackCompat'</span> <span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">    * @property {boolean} gecko &#26816;&#27979;&#24403;&#21069;&#27983;&#35272;&#22120;&#20869;&#26680;&#26159;&#21542;&#26159;gecko&#20869;&#26680;</span>","<span class=\"c\">    * @example</span>","<span class=\"c\">    * ```javascript</span>","<span class=\"c\">    * if ( UE.browser.gecko ) {</span>","<span class=\"c\">    *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#20869;&#26680;&#26159;gecko&#20869;&#26680;' );</span>","<span class=\"c\">    * }</span>","<span class=\"c\">    * ```</span>","<span class=\"c\">    */</span>","    browser<span class=\"k\">.</span>gecko <span class=\"k\">=(</span> navigator<span class=\"k\">.</span>product <span class=\"k\">==</span> <span class=\"s\">'Gecko'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>browser<span class=\"k\">.</span>webkit <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>browser<span class=\"k\">.</span>opera <span class=\"k\">);</span>","","    <span class=\"k\">var</span> version <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","","    <span class=\"c\">// Internet Explorer 6.0+</span>","    <span class=\"k\">if</span> <span class=\"k\">(</span> browser<span class=\"k\">.</span>ie <span class=\"k\">)</span><span class=\"k\">{</span>","        version <span class=\"k\">=</span> parseFloat<span class=\"k\">(</span> agent<span class=\"k\">.</span>match<span class=\"k\">(</span> <span class=\"s\">/msie (\\d+)/</span> <span class=\"k\">)[</span><span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">);</span>","        <span class=\"c\">/**</span>","<span class=\"c\">         * @property { boolean } ie9Compat &#26816;&#27979;&#27983;&#35272;&#22120;&#27169;&#24335;&#26159;&#21542;&#20026; IE9 &#20860;&#23481;&#27169;&#24335;</span>","<span class=\"c\">         * @warning &#22914;&#26524;&#27983;&#35272;&#22120;&#19981;&#26159;IE&#65292; &#21017;&#35813;&#20540;&#20026;undefined</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * if ( UE.browser.ie9Compat ) {</span>","<span class=\"c\">         *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#36816;&#34892;&#22312;IE9&#20860;&#23481;&#27169;&#24335;&#19979;' );</span>","<span class=\"c\">         * }</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        browser<span class=\"k\">.</span>ie9Compat <span class=\"k\">=</span> document<span class=\"k\">.</span>documentMode <span class=\"k\">==</span> <span class=\"s\">9</span><span class=\"k\">;</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * @property { boolean } ie8 &#26816;&#27979;&#27983;&#35272;&#22120;&#26159;&#21542;&#26159;IE8&#27983;&#35272;&#22120;</span>","<span class=\"c\">         * @warning &#22914;&#26524;&#27983;&#35272;&#22120;&#19981;&#26159;IE&#65292; &#21017;&#35813;&#20540;&#20026;undefined</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * if ( UE.browser.ie8 ) {</span>","<span class=\"c\">         *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;IE8&#27983;&#35272;&#22120;' );</span>","<span class=\"c\">         * }</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        browser<span class=\"k\">.</span>ie8 <span class=\"k\">=</span> <span class=\"k\">!!</span>document<span class=\"k\">.</span>documentMode<span class=\"k\">;</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * @property { boolean } ie8Compat &#26816;&#27979;&#27983;&#35272;&#22120;&#27169;&#24335;&#26159;&#21542;&#20026; IE8 &#20860;&#23481;&#27169;&#24335;</span>","<span class=\"c\">         * @warning &#22914;&#26524;&#27983;&#35272;&#22120;&#19981;&#26159;IE&#65292; &#21017;&#35813;&#20540;&#20026;undefined</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * if ( UE.browser.ie8Compat ) {</span>","<span class=\"c\">         *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#36816;&#34892;&#22312;IE8&#20860;&#23481;&#27169;&#24335;&#19979;' );</span>","<span class=\"c\">         * }</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        browser<span class=\"k\">.</span>ie8Compat <span class=\"k\">=</span> document<span class=\"k\">.</span>documentMode <span class=\"k\">==</span> <span class=\"s\">8</span><span class=\"k\">;</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * @property { boolean } ie7Compat &#26816;&#27979;&#27983;&#35272;&#22120;&#27169;&#24335;&#26159;&#21542;&#20026; IE7 &#20860;&#23481;&#27169;&#24335;</span>","<span class=\"c\">         * @warning &#22914;&#26524;&#27983;&#35272;&#22120;&#19981;&#26159;IE&#65292; &#21017;&#35813;&#20540;&#20026;undefined</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * if ( UE.browser.ie7Compat ) {</span>","<span class=\"c\">         *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#36816;&#34892;&#22312;IE7&#20860;&#23481;&#27169;&#24335;&#19979;' );</span>","<span class=\"c\">         * }</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        browser<span class=\"k\">.</span>ie7Compat <span class=\"k\">=</span> <span class=\"k\">(</span> <span class=\"k\">(</span> version <span class=\"k\">==</span> <span class=\"s\">7</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>document<span class=\"k\">.</span>documentMode <span class=\"k\">)</span>","                <span class=\"k\">||</span> document<span class=\"k\">.</span>documentMode <span class=\"k\">==</span> <span class=\"s\">7</span> <span class=\"k\">);</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * @property { boolean } ie6Compat &#26816;&#27979;&#27983;&#35272;&#22120;&#27169;&#24335;&#26159;&#21542;&#20026; IE6 &#27169;&#24335; &#25110;&#32773;&#24618;&#24322;&#27169;&#24335;</span>","<span class=\"c\">         * @warning &#22914;&#26524;&#27983;&#35272;&#22120;&#19981;&#26159;IE&#65292; &#21017;&#35813;&#20540;&#20026;undefined</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * if ( UE.browser.ie6Compat ) {</span>","<span class=\"c\">         *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#36816;&#34892;&#22312;IE6&#27169;&#24335;&#25110;&#32773;&#24618;&#24322;&#27169;&#24335;&#19979;' );</span>","<span class=\"c\">         * }</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        browser<span class=\"k\">.</span>ie6Compat <span class=\"k\">=</span> <span class=\"k\">(</span> version <span class=\"k\">&lt;</span> <span class=\"s\">7</span> <span class=\"k\">||</span> browser<span class=\"k\">.</span>quirks <span class=\"k\">);</span>","","    <span class=\"k\">}</span>","","    <span class=\"c\">// Gecko.</span>","    <span class=\"k\">if</span> <span class=\"k\">(</span> browser<span class=\"k\">.</span>gecko <span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> geckoRelease <span class=\"k\">=</span> agent<span class=\"k\">.</span>match<span class=\"k\">(</span> <span class=\"s\">/rv:([\\d\\.]+)/</span> <span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> geckoRelease <span class=\"k\">)</span>","        <span class=\"k\">{</span>","            geckoRelease <span class=\"k\">=</span> geckoRelease<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">].</span>split<span class=\"k\">(</span> <span class=\"s\">'.'</span> <span class=\"k\">);</span>","            version <span class=\"k\">=</span> geckoRelease<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">*</span> <span class=\"s\">10000</span> <span class=\"k\">+</span> <span class=\"k\">(</span> geckoRelease<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">100</span> <span class=\"k\">+</span> <span class=\"k\">(</span> geckoRelease<span class=\"k\">[</span><span class=\"s\">2</span><span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @property { Number } chrome &#26816;&#27979;&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;&#21542;&#20026;Chrome, &#22914;&#26524;&#26159;&#65292;&#21017;&#36820;&#22238;Chrome&#30340;&#22823;&#29256;&#26412;&#21495;</span>","<span class=\"c\">     * @warning &#22914;&#26524;&#27983;&#35272;&#22120;&#19981;&#26159;chrome&#65292; &#21017;&#35813;&#20540;&#20026;undefined</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * if ( UE.browser.chrome ) {</span>","<span class=\"c\">     *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;Chrome' );</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/chrome\\/(\\d+\\.\\d)/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>agent<span class=\"k\">))</span> <span class=\"k\">{</span>","        browser<span class=\"k\">.</span>chrome <span class=\"k\">=</span> <span class=\"k\">+</span> RegExp<span class=\"k\">[</span><span class=\"s\">'</span><span class=\"t\">\\x</span><span class=\"s\">241'</span><span class=\"k\">];</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @property { Number } safari &#26816;&#27979;&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;&#21542;&#20026;Safari, &#22914;&#26524;&#26159;&#65292;&#21017;&#36820;&#22238;Safari&#30340;&#22823;&#29256;&#26412;&#21495;</span>","<span class=\"c\">     * @warning &#22914;&#26524;&#27983;&#35272;&#22120;&#19981;&#26159;safari&#65292; &#21017;&#35813;&#20540;&#20026;undefined</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * if ( UE.browser.safari ) {</span>","<span class=\"c\">     *     console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;Safari' );</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/(\\d+\\.\\d)?(?:\\.\\d)?\\s+safari\\/?(\\d+\\.\\d+)?/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>agent<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span><span class=\"s\">/chrome/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>agent<span class=\"k\">))</span><span class=\"k\">{</span>","    \tbrowser<span class=\"k\">.</span>safari <span class=\"k\">=</span> <span class=\"k\">+</span> <span class=\"k\">(</span>RegExp<span class=\"k\">[</span><span class=\"s\">'</span><span class=\"t\">\\x</span><span class=\"s\">241'</span><span class=\"k\">]</span> <span class=\"k\">||</span> RegExp<span class=\"k\">[</span><span class=\"s\">'</span><span class=\"t\">\\x</span><span class=\"s\">242'</span><span class=\"k\">]);</span>","    <span class=\"k\">}</span>","","","    <span class=\"c\">// Opera 9.50+</span>","    <span class=\"k\">if</span> <span class=\"k\">(</span> browser<span class=\"k\">.</span>opera <span class=\"k\">)</span>","        version <span class=\"k\">=</span> parseFloat<span class=\"k\">(</span> opera<span class=\"k\">.</span>version<span class=\"k\">()</span> <span class=\"k\">);</span>","","    <span class=\"c\">// WebKit 522+ (Safari 3+)</span>","    <span class=\"k\">if</span> <span class=\"k\">(</span> browser<span class=\"k\">.</span>webkit <span class=\"k\">)</span>","        version <span class=\"k\">=</span> parseFloat<span class=\"k\">(</span> agent<span class=\"k\">.</span>match<span class=\"k\">(</span> <span class=\"s\">/ applewebkit\\/(\\d+)/</span> <span class=\"k\">)[</span><span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">);</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @property { Number } version &#26816;&#27979;&#24403;&#21069;&#27983;&#35272;&#22120;&#29256;&#26412;&#21495;</span>","<span class=\"c\">     * @remind</span>","<span class=\"c\">     * &lt;ul&gt;</span>","<span class=\"c\">     *     &lt;li&gt;IE&#31995;&#21015;&#36820;&#22238;&#20540;&#20026;5,6,7,8,9,10&#31561;&lt;/li&gt;</span>","<span class=\"c\">     *     &lt;li&gt;gecko&#31995;&#21015;&#20250;&#36820;&#22238;10900&#65292;158900&#31561;&lt;/li&gt;</span>","<span class=\"c\">     *     &lt;li&gt;webkit&#31995;&#21015;&#20250;&#36820;&#22238;&#20854;build&#21495; (&#22914; 522&#31561;)&lt;/li&gt;</span>","<span class=\"c\">     * &lt;/ul&gt;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * console.log( '&#24403;&#21069;&#27983;&#35272;&#22120;&#29256;&#26412;&#21495;&#26159;&#65306; ' + UE.browser.version );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    browser<span class=\"k\">.</span>version <span class=\"k\">=</span> version<span class=\"k\">;</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @property { boolean } isCompatible &#26816;&#27979;&#24403;&#21069;&#27983;&#35272;&#22120;&#26159;&#21542;&#33021;&#22815;&#19982;UEditor&#33391;&#22909;&#20860;&#23481;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * if ( UE.browser.isCompatible ) {</span>","<span class=\"c\">     *     console.log( '&#27983;&#35272;&#22120;&#19982;UEditor&#33021;&#22815;&#33391;&#22909;&#20860;&#23481;' );</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    browser<span class=\"k\">.</span>isCompatible <span class=\"k\">=</span>","        <span class=\"k\">!</span>browser<span class=\"k\">.</span>mobile <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>","        <span class=\"k\">(</span> browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> version <span class=\"k\">&gt;=</span> <span class=\"s\">6</span> <span class=\"k\">)</span> <span class=\"k\">||</span>","        <span class=\"k\">(</span> browser<span class=\"k\">.</span>gecko <span class=\"k\">&amp;&amp;</span> version <span class=\"k\">&gt;=</span> <span class=\"s\">10801</span> <span class=\"k\">)</span> <span class=\"k\">||</span>","        <span class=\"k\">(</span> browser<span class=\"k\">.</span>opera <span class=\"k\">&amp;&amp;</span> version <span class=\"k\">&gt;=</span> <span class=\"s\">9.5</span> <span class=\"k\">)</span> <span class=\"k\">||</span>","        <span class=\"k\">(</span> browser<span class=\"k\">.</span>air <span class=\"k\">&amp;&amp;</span> version <span class=\"k\">&gt;=</span> <span class=\"s\">1</span> <span class=\"k\">)</span> <span class=\"k\">||</span>","        <span class=\"k\">(</span> browser<span class=\"k\">.</span>webkit <span class=\"k\">&amp;&amp;</span> version <span class=\"k\">&gt;=</span> <span class=\"s\">522</span> <span class=\"k\">)</span> <span class=\"k\">||</span>","        <span class=\"k\">false</span> <span class=\"k\">);</span>","    <span class=\"k\">return</span> browser<span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">();</span>","<span class=\"c\">//&#24555;&#25463;&#26041;&#24335;</span>","<span class=\"k\">var</span> ie <span class=\"k\">=</span> browser<span class=\"k\">.</span>ie<span class=\"k\">,</span>","    webkit <span class=\"k\">=</span> browser<span class=\"k\">.</span>webkit<span class=\"k\">,</span>","    gecko <span class=\"k\">=</span> browser<span class=\"k\">.</span>gecko<span class=\"k\">,</span>","    opera <span class=\"k\">=</span> browser<span class=\"k\">.</span>opera<span class=\"k\">;</span>"];
+_$jscoverage['core/browser.js'][13]++;
+var browser = (UE.browser = (function () {
+  _$jscoverage['core/browser.js'][14]++;
+  var agent = navigator.userAgent.toLowerCase(), opera = window.opera, browser = {ie: (! (! window.ActiveXObject)), opera: ((! (! opera)) && opera.version), webkit: (agent.indexOf(" applewebkit/") > -1), mac: (agent.indexOf("macintosh") > -1), quirks: (document.compatMode == "BackCompat")};
+  _$jscoverage['core/browser.js'][83]++;
+  browser.gecko = ((navigator.product == "Gecko") && (! browser.webkit) && (! browser.opera));
+  _$jscoverage['core/browser.js'][85]++;
+  var version = 0;
+  _$jscoverage['core/browser.js'][88]++;
+  if (browser.ie) {
+    _$jscoverage['core/browser.js'][89]++;
+    version = parseFloat(agent.match(/msie (\d+)/)[1]);
+    _$jscoverage['core/browser.js'][100]++;
+    browser.ie9Compat = (document.documentMode == 9);
+    _$jscoverage['core/browser.js'][112]++;
+    browser.ie8 = (! (! document.documentMode));
+    _$jscoverage['core/browser.js'][124]++;
+    browser.ie8Compat = (document.documentMode == 8);
+    _$jscoverage['core/browser.js'][136]++;
+    browser.ie7Compat = (((version == 7) && (! document.documentMode)) || (document.documentMode == 7));
+    _$jscoverage['core/browser.js'][149]++;
+    browser.ie6Compat = ((version < 7) || browser.quirks);
+  }
+  _$jscoverage['core/browser.js'][154]++;
+  if (browser.gecko) {
+    _$jscoverage['core/browser.js'][155]++;
+    var geckoRelease = agent.match(/rv:([\d\.]+)/);
+    _$jscoverage['core/browser.js'][156]++;
+    if (geckoRelease) {
+      _$jscoverage['core/browser.js'][158]++;
+      geckoRelease = geckoRelease[1].split(".");
+      _$jscoverage['core/browser.js'][159]++;
+      version = ((geckoRelease[0] * 10000) + ((geckoRelease[1] || 0) * 100) + ((geckoRelease[2] || 0) * 1));
+    }
+  }
+  _$jscoverage['core/browser.js'][173]++;
+  if (/chrome\/(\d+\.\d)/i.test(agent)) {
+    _$jscoverage['core/browser.js'][174]++;
+    browser.chrome = (+ RegExp.$1);
+  }
+  _$jscoverage['core/browser.js'][187]++;
+  if ((/(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i.test(agent) && (! /chrome/i.test(agent)))) {
+    _$jscoverage['core/browser.js'][188]++;
+    browser.safari = (+ (RegExp.$1 || RegExp.$2));
+  }
+  _$jscoverage['core/browser.js'][193]++;
+  if (browser.opera) {
+    _$jscoverage['core/browser.js'][194]++;
+    version = parseFloat(opera.version());
+  }
+  _$jscoverage['core/browser.js'][197]++;
+  if (browser.webkit) {
+    _$jscoverage['core/browser.js'][198]++;
+    version = parseFloat(agent.match(/ applewebkit\/(\d+)/)[1]);
+  }
+  _$jscoverage['core/browser.js'][213]++;
+  browser.version = version;
+  _$jscoverage['core/browser.js'][224]++;
+  browser.isCompatible = ((! browser.mobile) && ((browser.ie && (version >= 6)) || (browser.gecko && (version >= 10801)) || (browser.opera && (version >= 9.5)) || (browser.air && (version >= 1)) || (browser.webkit && (version >= 522)) || false));
+  _$jscoverage['core/browser.js'][232]++;
+  return browser;
+})());
+_$jscoverage['core/browser.js'][235]++;
+var ie = browser.ie, webkit = browser.webkit, gecko = browser.gecko, opera = browser.opera;
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/domUtils.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/domUtils.js
new file mode 100644
index 000000000..12f26b157
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/domUtils.js
@@ -0,0 +1,1846 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/domUtils.js']) {
+  _$jscoverage['core/domUtils.js'] = [];
+  _$jscoverage['core/domUtils.js'][15] = 0;
+  _$jscoverage['core/domUtils.js'][16] = 0;
+  _$jscoverage['core/domUtils.js'][18] = 0;
+  _$jscoverage['core/domUtils.js'][19] = 0;
+  _$jscoverage['core/domUtils.js'][20] = 0;
+  _$jscoverage['core/domUtils.js'][21] = 0;
+  _$jscoverage['core/domUtils.js'][23] = 0;
+  _$jscoverage['core/domUtils.js'][25] = 0;
+  _$jscoverage['core/domUtils.js'][26] = 0;
+  _$jscoverage['core/domUtils.js'][28] = 0;
+  _$jscoverage['core/domUtils.js'][30] = 0;
+  _$jscoverage['core/domUtils.js'][53] = 0;
+  _$jscoverage['core/domUtils.js'][120] = 0;
+  _$jscoverage['core/domUtils.js'][122] = 0;
+  _$jscoverage['core/domUtils.js'][124] = 0;
+  _$jscoverage['core/domUtils.js'][127] = 0;
+  _$jscoverage['core/domUtils.js'][128] = 0;
+  _$jscoverage['core/domUtils.js'][130] = 0;
+  _$jscoverage['core/domUtils.js'][132] = 0;
+  _$jscoverage['core/domUtils.js'][134] = 0;
+  _$jscoverage['core/domUtils.js'][136] = 0;
+  _$jscoverage['core/domUtils.js'][137] = 0;
+  _$jscoverage['core/domUtils.js'][139] = 0;
+  _$jscoverage['core/domUtils.js'][141] = 0;
+  _$jscoverage['core/domUtils.js'][143] = 0;
+  _$jscoverage['core/domUtils.js'][145] = 0;
+  _$jscoverage['core/domUtils.js'][146] = 0;
+  _$jscoverage['core/domUtils.js'][147] = 0;
+  _$jscoverage['core/domUtils.js'][149] = 0;
+  _$jscoverage['core/domUtils.js'][151] = 0;
+  _$jscoverage['core/domUtils.js'][152] = 0;
+  _$jscoverage['core/domUtils.js'][154] = 0;
+  _$jscoverage['core/domUtils.js'][155] = 0;
+  _$jscoverage['core/domUtils.js'][156] = 0;
+  _$jscoverage['core/domUtils.js'][157] = 0;
+  _$jscoverage['core/domUtils.js'][159] = 0;
+  _$jscoverage['core/domUtils.js'][163] = 0;
+  _$jscoverage['core/domUtils.js'][181] = 0;
+  _$jscoverage['core/domUtils.js'][183] = 0;
+  _$jscoverage['core/domUtils.js'][184] = 0;
+  _$jscoverage['core/domUtils.js'][185] = 0;
+  _$jscoverage['core/domUtils.js'][186] = 0;
+  _$jscoverage['core/domUtils.js'][188] = 0;
+  _$jscoverage['core/domUtils.js'][190] = 0;
+  _$jscoverage['core/domUtils.js'][192] = 0;
+  _$jscoverage['core/domUtils.js'][217] = 0;
+  _$jscoverage['core/domUtils.js'][279] = 0;
+  _$jscoverage['core/domUtils.js'][280] = 0;
+  _$jscoverage['core/domUtils.js'][281] = 0;
+  _$jscoverage['core/domUtils.js'][282] = 0;
+  _$jscoverage['core/domUtils.js'][283] = 0;
+  _$jscoverage['core/domUtils.js'][285] = 0;
+  _$jscoverage['core/domUtils.js'][288] = 0;
+  _$jscoverage['core/domUtils.js'][350] = 0;
+  _$jscoverage['core/domUtils.js'][351] = 0;
+  _$jscoverage['core/domUtils.js'][352] = 0;
+  _$jscoverage['core/domUtils.js'][365] = 0;
+  _$jscoverage['core/domUtils.js'][366] = 0;
+  _$jscoverage['core/domUtils.js'][367] = 0;
+  _$jscoverage['core/domUtils.js'][369] = 0;
+  _$jscoverage['core/domUtils.js'][380] = 0;
+  _$jscoverage['core/domUtils.js'][420] = 0;
+  _$jscoverage['core/domUtils.js'][422] = 0;
+  _$jscoverage['core/domUtils.js'][423] = 0;
+  _$jscoverage['core/domUtils.js'][424] = 0;
+  _$jscoverage['core/domUtils.js'][425] = 0;
+  _$jscoverage['core/domUtils.js'][428] = 0;
+  _$jscoverage['core/domUtils.js'][430] = 0;
+  _$jscoverage['core/domUtils.js'][437] = 0;
+  _$jscoverage['core/domUtils.js'][456] = 0;
+  _$jscoverage['core/domUtils.js'][471] = 0;
+  _$jscoverage['core/domUtils.js'][472] = 0;
+  _$jscoverage['core/domUtils.js'][490] = 0;
+  _$jscoverage['core/domUtils.js'][491] = 0;
+  _$jscoverage['core/domUtils.js'][492] = 0;
+  _$jscoverage['core/domUtils.js'][493] = 0;
+  _$jscoverage['core/domUtils.js'][494] = 0;
+  _$jscoverage['core/domUtils.js'][495] = 0;
+  _$jscoverage['core/domUtils.js'][497] = 0;
+  _$jscoverage['core/domUtils.js'][499] = 0;
+  _$jscoverage['core/domUtils.js'][500] = 0;
+  _$jscoverage['core/domUtils.js'][501] = 0;
+  _$jscoverage['core/domUtils.js'][502] = 0;
+  _$jscoverage['core/domUtils.js'][503] = 0;
+  _$jscoverage['core/domUtils.js'][505] = 0;
+  _$jscoverage['core/domUtils.js'][506] = 0;
+  _$jscoverage['core/domUtils.js'][507] = 0;
+  _$jscoverage['core/domUtils.js'][509] = 0;
+  _$jscoverage['core/domUtils.js'][523] = 0;
+  _$jscoverage['core/domUtils.js'][524] = 0;
+  _$jscoverage['core/domUtils.js'][525] = 0;
+  _$jscoverage['core/domUtils.js'][528] = 0;
+  _$jscoverage['core/domUtils.js'][529] = 0;
+  _$jscoverage['core/domUtils.js'][530] = 0;
+  _$jscoverage['core/domUtils.js'][533] = 0;
+  _$jscoverage['core/domUtils.js'][534] = 0;
+  _$jscoverage['core/domUtils.js'][554] = 0;
+  _$jscoverage['core/domUtils.js'][555] = 0;
+  _$jscoverage['core/domUtils.js'][556] = 0;
+  _$jscoverage['core/domUtils.js'][557] = 0;
+  _$jscoverage['core/domUtils.js'][559] = 0;
+  _$jscoverage['core/domUtils.js'][561] = 0;
+  _$jscoverage['core/domUtils.js'][562] = 0;
+  _$jscoverage['core/domUtils.js'][563] = 0;
+  _$jscoverage['core/domUtils.js'][564] = 0;
+  _$jscoverage['core/domUtils.js'][566] = 0;
+  _$jscoverage['core/domUtils.js'][586] = 0;
+  _$jscoverage['core/domUtils.js'][604] = 0;
+  _$jscoverage['core/domUtils.js'][605] = 0;
+  _$jscoverage['core/domUtils.js'][606] = 0;
+  _$jscoverage['core/domUtils.js'][607] = 0;
+  _$jscoverage['core/domUtils.js'][608] = 0;
+  _$jscoverage['core/domUtils.js'][610] = 0;
+  _$jscoverage['core/domUtils.js'][641] = 0;
+  _$jscoverage['core/domUtils.js'][643] = 0;
+  _$jscoverage['core/domUtils.js'][644] = 0;
+  _$jscoverage['core/domUtils.js'][645] = 0;
+  _$jscoverage['core/domUtils.js'][646] = 0;
+  _$jscoverage['core/domUtils.js'][648] = 0;
+  _$jscoverage['core/domUtils.js'][649] = 0;
+  _$jscoverage['core/domUtils.js'][653] = 0;
+  _$jscoverage['core/domUtils.js'][654] = 0;
+  _$jscoverage['core/domUtils.js'][655] = 0;
+  _$jscoverage['core/domUtils.js'][656] = 0;
+  _$jscoverage['core/domUtils.js'][658] = 0;
+  _$jscoverage['core/domUtils.js'][659] = 0;
+  _$jscoverage['core/domUtils.js'][660] = 0;
+  _$jscoverage['core/domUtils.js'][665] = 0;
+  _$jscoverage['core/domUtils.js'][669] = 0;
+  _$jscoverage['core/domUtils.js'][700] = 0;
+  _$jscoverage['core/domUtils.js'][702] = 0;
+  _$jscoverage['core/domUtils.js'][703] = 0;
+  _$jscoverage['core/domUtils.js'][704] = 0;
+  _$jscoverage['core/domUtils.js'][705] = 0;
+  _$jscoverage['core/domUtils.js'][707] = 0;
+  _$jscoverage['core/domUtils.js'][708] = 0;
+  _$jscoverage['core/domUtils.js'][709] = 0;
+  _$jscoverage['core/domUtils.js'][711] = 0;
+  _$jscoverage['core/domUtils.js'][712] = 0;
+  _$jscoverage['core/domUtils.js'][713] = 0;
+  _$jscoverage['core/domUtils.js'][714] = 0;
+  _$jscoverage['core/domUtils.js'][716] = 0;
+  _$jscoverage['core/domUtils.js'][749] = 0;
+  _$jscoverage['core/domUtils.js'][750] = 0;
+  _$jscoverage['core/domUtils.js'][752] = 0;
+  _$jscoverage['core/domUtils.js'][754] = 0;
+  _$jscoverage['core/domUtils.js'][755] = 0;
+  _$jscoverage['core/domUtils.js'][757] = 0;
+  _$jscoverage['core/domUtils.js'][758] = 0;
+  _$jscoverage['core/domUtils.js'][759] = 0;
+  _$jscoverage['core/domUtils.js'][760] = 0;
+  _$jscoverage['core/domUtils.js'][761] = 0;
+  _$jscoverage['core/domUtils.js'][763] = 0;
+  _$jscoverage['core/domUtils.js'][764] = 0;
+  _$jscoverage['core/domUtils.js'][766] = 0;
+  _$jscoverage['core/domUtils.js'][769] = 0;
+  _$jscoverage['core/domUtils.js'][770] = 0;
+  _$jscoverage['core/domUtils.js'][771] = 0;
+  _$jscoverage['core/domUtils.js'][772] = 0;
+  _$jscoverage['core/domUtils.js'][774] = 0;
+  _$jscoverage['core/domUtils.js'][777] = 0;
+  _$jscoverage['core/domUtils.js'][779] = 0;
+  _$jscoverage['core/domUtils.js'][780] = 0;
+  _$jscoverage['core/domUtils.js'][784] = 0;
+  _$jscoverage['core/domUtils.js'][785] = 0;
+  _$jscoverage['core/domUtils.js'][786] = 0;
+  _$jscoverage['core/domUtils.js'][787] = 0;
+  _$jscoverage['core/domUtils.js'][790] = 0;
+  _$jscoverage['core/domUtils.js'][791] = 0;
+  _$jscoverage['core/domUtils.js'][794] = 0;
+  _$jscoverage['core/domUtils.js'][824] = 0;
+  _$jscoverage['core/domUtils.js'][826] = 0;
+  _$jscoverage['core/domUtils.js'][827] = 0;
+  _$jscoverage['core/domUtils.js'][828] = 0;
+  _$jscoverage['core/domUtils.js'][829] = 0;
+  _$jscoverage['core/domUtils.js'][830] = 0;
+  _$jscoverage['core/domUtils.js'][831] = 0;
+  _$jscoverage['core/domUtils.js'][832] = 0;
+  _$jscoverage['core/domUtils.js'][833] = 0;
+  _$jscoverage['core/domUtils.js'][835] = 0;
+  _$jscoverage['core/domUtils.js'][836] = 0;
+  _$jscoverage['core/domUtils.js'][839] = 0;
+  _$jscoverage['core/domUtils.js'][841] = 0;
+  _$jscoverage['core/domUtils.js'][842] = 0;
+  _$jscoverage['core/domUtils.js'][844] = 0;
+  _$jscoverage['core/domUtils.js'][845] = 0;
+  _$jscoverage['core/domUtils.js'][846] = 0;
+  _$jscoverage['core/domUtils.js'][847] = 0;
+  _$jscoverage['core/domUtils.js'][849] = 0;
+  _$jscoverage['core/domUtils.js'][850] = 0;
+  _$jscoverage['core/domUtils.js'][851] = 0;
+  _$jscoverage['core/domUtils.js'][854] = 0;
+  _$jscoverage['core/domUtils.js'][885] = 0;
+  _$jscoverage['core/domUtils.js'][900] = 0;
+  _$jscoverage['core/domUtils.js'][913] = 0;
+  _$jscoverage['core/domUtils.js'][918] = 0;
+  _$jscoverage['core/domUtils.js'][919] = 0;
+  _$jscoverage['core/domUtils.js'][920] = 0;
+  _$jscoverage['core/domUtils.js'][921] = 0;
+  _$jscoverage['core/domUtils.js'][922] = 0;
+  _$jscoverage['core/domUtils.js'][923] = 0;
+  _$jscoverage['core/domUtils.js'][924] = 0;
+  _$jscoverage['core/domUtils.js'][925] = 0;
+  _$jscoverage['core/domUtils.js'][926] = 0;
+  _$jscoverage['core/domUtils.js'][928] = 0;
+  _$jscoverage['core/domUtils.js'][929] = 0;
+  _$jscoverage['core/domUtils.js'][931] = 0;
+  _$jscoverage['core/domUtils.js'][932] = 0;
+  _$jscoverage['core/domUtils.js'][934] = 0;
+  _$jscoverage['core/domUtils.js'][935] = 0;
+  _$jscoverage['core/domUtils.js'][937] = 0;
+  _$jscoverage['core/domUtils.js'][939] = 0;
+  _$jscoverage['core/domUtils.js'][940] = 0;
+  _$jscoverage['core/domUtils.js'][941] = 0;
+  _$jscoverage['core/domUtils.js'][942] = 0;
+  _$jscoverage['core/domUtils.js'][943] = 0;
+  _$jscoverage['core/domUtils.js'][944] = 0;
+  _$jscoverage['core/domUtils.js'][958] = 0;
+  _$jscoverage['core/domUtils.js'][959] = 0;
+  _$jscoverage['core/domUtils.js'][961] = 0;
+  _$jscoverage['core/domUtils.js'][962] = 0;
+  _$jscoverage['core/domUtils.js'][964] = 0;
+  _$jscoverage['core/domUtils.js'][965] = 0;
+  _$jscoverage['core/domUtils.js'][967] = 0;
+  _$jscoverage['core/domUtils.js'][970] = 0;
+  _$jscoverage['core/domUtils.js'][972] = 0;
+  _$jscoverage['core/domUtils.js'][974] = 0;
+  _$jscoverage['core/domUtils.js'][1000] = 0;
+  _$jscoverage['core/domUtils.js'][1001] = 0;
+  _$jscoverage['core/domUtils.js'][1002] = 0;
+  _$jscoverage['core/domUtils.js'][1003] = 0;
+  _$jscoverage['core/domUtils.js'][1006] = 0;
+  _$jscoverage['core/domUtils.js'][1007] = 0;
+  _$jscoverage['core/domUtils.js'][1019] = 0;
+  _$jscoverage['core/domUtils.js'][1020] = 0;
+  _$jscoverage['core/domUtils.js'][1021] = 0;
+  _$jscoverage['core/domUtils.js'][1022] = 0;
+  _$jscoverage['core/domUtils.js'][1025] = 0;
+  _$jscoverage['core/domUtils.js'][1026] = 0;
+  _$jscoverage['core/domUtils.js'][1027] = 0;
+  _$jscoverage['core/domUtils.js'][1028] = 0;
+  _$jscoverage['core/domUtils.js'][1029] = 0;
+  _$jscoverage['core/domUtils.js'][1030] = 0;
+  _$jscoverage['core/domUtils.js'][1031] = 0;
+  _$jscoverage['core/domUtils.js'][1034] = 0;
+  _$jscoverage['core/domUtils.js'][1035] = 0;
+  _$jscoverage['core/domUtils.js'][1036] = 0;
+  _$jscoverage['core/domUtils.js'][1037] = 0;
+  _$jscoverage['core/domUtils.js'][1038] = 0;
+  _$jscoverage['core/domUtils.js'][1039] = 0;
+  _$jscoverage['core/domUtils.js'][1040] = 0;
+  _$jscoverage['core/domUtils.js'][1044] = 0;
+  _$jscoverage['core/domUtils.js'][1045] = 0;
+  _$jscoverage['core/domUtils.js'][1047] = 0;
+  _$jscoverage['core/domUtils.js'][1049] = 0;
+  _$jscoverage['core/domUtils.js'][1050] = 0;
+  _$jscoverage['core/domUtils.js'][1061] = 0;
+  _$jscoverage['core/domUtils.js'][1062] = 0;
+  _$jscoverage['core/domUtils.js'][1063] = 0;
+  _$jscoverage['core/domUtils.js'][1065] = 0;
+  _$jscoverage['core/domUtils.js'][1066] = 0;
+  _$jscoverage['core/domUtils.js'][1067] = 0;
+  _$jscoverage['core/domUtils.js'][1068] = 0;
+  _$jscoverage['core/domUtils.js'][1069] = 0;
+  _$jscoverage['core/domUtils.js'][1070] = 0;
+  _$jscoverage['core/domUtils.js'][1071] = 0;
+  _$jscoverage['core/domUtils.js'][1075] = 0;
+  _$jscoverage['core/domUtils.js'][1106] = 0;
+  _$jscoverage['core/domUtils.js'][1107] = 0;
+  _$jscoverage['core/domUtils.js'][1108] = 0;
+  _$jscoverage['core/domUtils.js'][1109] = 0;
+  _$jscoverage['core/domUtils.js'][1111] = 0;
+  _$jscoverage['core/domUtils.js'][1113] = 0;
+  _$jscoverage['core/domUtils.js'][1114] = 0;
+  _$jscoverage['core/domUtils.js'][1115] = 0;
+  _$jscoverage['core/domUtils.js'][1116] = 0;
+  _$jscoverage['core/domUtils.js'][1118] = 0;
+  _$jscoverage['core/domUtils.js'][1120] = 0;
+  _$jscoverage['core/domUtils.js'][1121] = 0;
+  _$jscoverage['core/domUtils.js'][1125] = 0;
+  _$jscoverage['core/domUtils.js'][1126] = 0;
+  _$jscoverage['core/domUtils.js'][1127] = 0;
+  _$jscoverage['core/domUtils.js'][1130] = 0;
+  _$jscoverage['core/domUtils.js'][1189] = 0;
+  _$jscoverage['core/domUtils.js'][1190] = 0;
+  _$jscoverage['core/domUtils.js'][1191] = 0;
+  _$jscoverage['core/domUtils.js'][1192] = 0;
+  _$jscoverage['core/domUtils.js'][1193] = 0;
+  _$jscoverage['core/domUtils.js'][1194] = 0;
+  _$jscoverage['core/domUtils.js'][1196] = 0;
+  _$jscoverage['core/domUtils.js'][1199] = 0;
+  _$jscoverage['core/domUtils.js'][1202] = 0;
+  _$jscoverage['core/domUtils.js'][1203] = 0;
+  _$jscoverage['core/domUtils.js'][1218] = 0;
+  _$jscoverage['core/domUtils.js'][1219] = 0;
+  _$jscoverage['core/domUtils.js'][1221] = 0;
+  _$jscoverage['core/domUtils.js'][1222] = 0;
+  _$jscoverage['core/domUtils.js'][1224] = 0;
+  _$jscoverage['core/domUtils.js'][1225] = 0;
+  _$jscoverage['core/domUtils.js'][1226] = 0;
+  _$jscoverage['core/domUtils.js'][1227] = 0;
+  _$jscoverage['core/domUtils.js'][1232] = 0;
+  _$jscoverage['core/domUtils.js'][1234] = 0;
+  _$jscoverage['core/domUtils.js'][1235] = 0;
+  _$jscoverage['core/domUtils.js'][1239] = 0;
+  _$jscoverage['core/domUtils.js'][1286] = 0;
+  _$jscoverage['core/domUtils.js'][1287] = 0;
+  _$jscoverage['core/domUtils.js'][1288] = 0;
+  _$jscoverage['core/domUtils.js'][1289] = 0;
+  _$jscoverage['core/domUtils.js'][1291] = 0;
+  _$jscoverage['core/domUtils.js'][1292] = 0;
+  _$jscoverage['core/domUtils.js'][1294] = 0;
+  _$jscoverage['core/domUtils.js'][1295] = 0;
+  _$jscoverage['core/domUtils.js'][1297] = 0;
+  _$jscoverage['core/domUtils.js'][1323] = 0;
+  _$jscoverage['core/domUtils.js'][1349] = 0;
+  _$jscoverage['core/domUtils.js'][1350] = 0;
+  _$jscoverage['core/domUtils.js'][1351] = 0;
+  _$jscoverage['core/domUtils.js'][1352] = 0;
+  _$jscoverage['core/domUtils.js'][1355] = 0;
+  _$jscoverage['core/domUtils.js'][1356] = 0;
+  _$jscoverage['core/domUtils.js'][1358] = 0;
+  _$jscoverage['core/domUtils.js'][1359] = 0;
+  _$jscoverage['core/domUtils.js'][1361] = 0;
+  _$jscoverage['core/domUtils.js'][1362] = 0;
+  _$jscoverage['core/domUtils.js'][1364] = 0;
+  _$jscoverage['core/domUtils.js'][1365] = 0;
+  _$jscoverage['core/domUtils.js'][1367] = 0;
+  _$jscoverage['core/domUtils.js'][1371] = 0;
+  _$jscoverage['core/domUtils.js'][1398] = 0;
+  _$jscoverage['core/domUtils.js'][1400] = 0;
+  _$jscoverage['core/domUtils.js'][1401] = 0;
+  _$jscoverage['core/domUtils.js'][1404] = 0;
+  _$jscoverage['core/domUtils.js'][1405] = 0;
+  _$jscoverage['core/domUtils.js'][1408] = 0;
+  _$jscoverage['core/domUtils.js'][1410] = 0;
+  _$jscoverage['core/domUtils.js'][1411] = 0;
+  _$jscoverage['core/domUtils.js'][1412] = 0;
+  _$jscoverage['core/domUtils.js'][1413] = 0;
+  _$jscoverage['core/domUtils.js'][1414] = 0;
+  _$jscoverage['core/domUtils.js'][1415] = 0;
+  _$jscoverage['core/domUtils.js'][1416] = 0;
+  _$jscoverage['core/domUtils.js'][1417] = 0;
+  _$jscoverage['core/domUtils.js'][1419] = 0;
+  _$jscoverage['core/domUtils.js'][1420] = 0;
+  _$jscoverage['core/domUtils.js'][1425] = 0;
+  _$jscoverage['core/domUtils.js'][1427] = 0;
+  _$jscoverage['core/domUtils.js'][1471] = 0;
+  _$jscoverage['core/domUtils.js'][1473] = 0;
+  _$jscoverage['core/domUtils.js'][1474] = 0;
+  _$jscoverage['core/domUtils.js'][1476] = 0;
+  _$jscoverage['core/domUtils.js'][1477] = 0;
+  _$jscoverage['core/domUtils.js'][1478] = 0;
+  _$jscoverage['core/domUtils.js'][1480] = 0;
+  _$jscoverage['core/domUtils.js'][1528] = 0;
+  _$jscoverage['core/domUtils.js'][1529] = 0;
+  _$jscoverage['core/domUtils.js'][1530] = 0;
+  _$jscoverage['core/domUtils.js'][1531] = 0;
+  _$jscoverage['core/domUtils.js'][1532] = 0;
+  _$jscoverage['core/domUtils.js'][1581] = 0;
+  _$jscoverage['core/domUtils.js'][1582] = 0;
+  _$jscoverage['core/domUtils.js'][1584] = 0;
+  _$jscoverage['core/domUtils.js'][1585] = 0;
+  _$jscoverage['core/domUtils.js'][1586] = 0;
+  _$jscoverage['core/domUtils.js'][1587] = 0;
+  _$jscoverage['core/domUtils.js'][1590] = 0;
+  _$jscoverage['core/domUtils.js'][1603] = 0;
+  _$jscoverage['core/domUtils.js'][1628] = 0;
+  _$jscoverage['core/domUtils.js'][1630] = 0;
+  _$jscoverage['core/domUtils.js'][1631] = 0;
+  _$jscoverage['core/domUtils.js'][1633] = 0;
+  _$jscoverage['core/domUtils.js'][1635] = 0;
+  _$jscoverage['core/domUtils.js'][1636] = 0;
+  _$jscoverage['core/domUtils.js'][1638] = 0;
+  _$jscoverage['core/domUtils.js'][1643] = 0;
+  _$jscoverage['core/domUtils.js'][1644] = 0;
+  _$jscoverage['core/domUtils.js'][1673] = 0;
+  _$jscoverage['core/domUtils.js'][1674] = 0;
+  _$jscoverage['core/domUtils.js'][1703] = 0;
+  _$jscoverage['core/domUtils.js'][1704] = 0;
+  _$jscoverage['core/domUtils.js'][1705] = 0;
+  _$jscoverage['core/domUtils.js'][1735] = 0;
+  _$jscoverage['core/domUtils.js'][1736] = 0;
+  _$jscoverage['core/domUtils.js'][1737] = 0;
+  _$jscoverage['core/domUtils.js'][1747] = 0;
+  _$jscoverage['core/domUtils.js'][1748] = 0;
+  _$jscoverage['core/domUtils.js'][1750] = 0;
+  _$jscoverage['core/domUtils.js'][1798] = 0;
+  _$jscoverage['core/domUtils.js'][1799] = 0;
+  _$jscoverage['core/domUtils.js'][1800] = 0;
+  _$jscoverage['core/domUtils.js'][1802] = 0;
+  _$jscoverage['core/domUtils.js'][1803] = 0;
+  _$jscoverage['core/domUtils.js'][1804] = 0;
+  _$jscoverage['core/domUtils.js'][1806] = 0;
+  _$jscoverage['core/domUtils.js'][1808] = 0;
+  _$jscoverage['core/domUtils.js'][1822] = 0;
+  _$jscoverage['core/domUtils.js'][1823] = 0;
+  _$jscoverage['core/domUtils.js'][1839] = 0;
+  _$jscoverage['core/domUtils.js'][1840] = 0;
+  _$jscoverage['core/domUtils.js'][1841] = 0;
+  _$jscoverage['core/domUtils.js'][1853] = 0;
+  _$jscoverage['core/domUtils.js'][1854] = 0;
+  _$jscoverage['core/domUtils.js'][1856] = 0;
+  _$jscoverage['core/domUtils.js'][1862] = 0;
+  _$jscoverage['core/domUtils.js'][1863] = 0;
+  _$jscoverage['core/domUtils.js'][1869] = 0;
+  _$jscoverage['core/domUtils.js'][1870] = 0;
+  _$jscoverage['core/domUtils.js'][1876] = 0;
+  _$jscoverage['core/domUtils.js'][1877] = 0;
+  _$jscoverage['core/domUtils.js'][1878] = 0;
+  _$jscoverage['core/domUtils.js'][1879] = 0;
+  _$jscoverage['core/domUtils.js'][1880] = 0;
+  _$jscoverage['core/domUtils.js'][1882] = 0;
+  _$jscoverage['core/domUtils.js'][1883] = 0;
+  _$jscoverage['core/domUtils.js'][1894] = 0;
+  _$jscoverage['core/domUtils.js'][1905] = 0;
+  _$jscoverage['core/domUtils.js'][1910] = 0;
+  _$jscoverage['core/domUtils.js'][1914] = 0;
+  _$jscoverage['core/domUtils.js'][1915] = 0;
+  _$jscoverage['core/domUtils.js'][1916] = 0;
+  _$jscoverage['core/domUtils.js'][1917] = 0;
+  _$jscoverage['core/domUtils.js'][1918] = 0;
+  _$jscoverage['core/domUtils.js'][1919] = 0;
+  _$jscoverage['core/domUtils.js'][1922] = 0;
+  _$jscoverage['core/domUtils.js'][1923] = 0;
+  _$jscoverage['core/domUtils.js'][1924] = 0;
+  _$jscoverage['core/domUtils.js'][1927] = 0;
+  _$jscoverage['core/domUtils.js'][1928] = 0;
+  _$jscoverage['core/domUtils.js'][1929] = 0;
+  _$jscoverage['core/domUtils.js'][1931] = 0;
+  _$jscoverage['core/domUtils.js'][1932] = 0;
+  _$jscoverage['core/domUtils.js'][1933] = 0;
+  _$jscoverage['core/domUtils.js'][1935] = 0;
+  _$jscoverage['core/domUtils.js'][1936] = 0;
+  _$jscoverage['core/domUtils.js'][1938] = 0;
+  _$jscoverage['core/domUtils.js'][1939] = 0;
+  _$jscoverage['core/domUtils.js'][1940] = 0;
+  _$jscoverage['core/domUtils.js'][1941] = 0;
+  _$jscoverage['core/domUtils.js'][1942] = 0;
+  _$jscoverage['core/domUtils.js'][1944] = 0;
+  _$jscoverage['core/domUtils.js'][1946] = 0;
+  _$jscoverage['core/domUtils.js'][1947] = 0;
+  _$jscoverage['core/domUtils.js'][1949] = 0;
+  _$jscoverage['core/domUtils.js'][1950] = 0;
+  _$jscoverage['core/domUtils.js'][1951] = 0;
+  _$jscoverage['core/domUtils.js'][1953] = 0;
+  _$jscoverage['core/domUtils.js'][1954] = 0;
+  _$jscoverage['core/domUtils.js'][1956] = 0;
+  _$jscoverage['core/domUtils.js'][1960] = 0;
+  _$jscoverage['core/domUtils.js'][1987] = 0;
+  _$jscoverage['core/domUtils.js'][1988] = 0;
+  _$jscoverage['core/domUtils.js'][1989] = 0;
+  _$jscoverage['core/domUtils.js'][1990] = 0;
+  _$jscoverage['core/domUtils.js'][1991] = 0;
+  _$jscoverage['core/domUtils.js'][1993] = 0;
+  _$jscoverage['core/domUtils.js'][1994] = 0;
+  _$jscoverage['core/domUtils.js'][1995] = 0;
+  _$jscoverage['core/domUtils.js'][1998] = 0;
+  _$jscoverage['core/domUtils.js'][2028] = 0;
+  _$jscoverage['core/domUtils.js'][2029] = 0;
+  _$jscoverage['core/domUtils.js'][2030] = 0;
+  _$jscoverage['core/domUtils.js'][2031] = 0;
+  _$jscoverage['core/domUtils.js'][2032] = 0;
+  _$jscoverage['core/domUtils.js'][2033] = 0;
+  _$jscoverage['core/domUtils.js'][2034] = 0;
+  _$jscoverage['core/domUtils.js'][2036] = 0;
+  _$jscoverage['core/domUtils.js'][2037] = 0;
+  _$jscoverage['core/domUtils.js'][2065] = 0;
+  _$jscoverage['core/domUtils.js'][2066] = 0;
+  _$jscoverage['core/domUtils.js'][2067] = 0;
+  _$jscoverage['core/domUtils.js'][2133] = 0;
+  _$jscoverage['core/domUtils.js'][2134] = 0;
+  _$jscoverage['core/domUtils.js'][2135] = 0;
+  _$jscoverage['core/domUtils.js'][2137] = 0;
+  _$jscoverage['core/domUtils.js'][2163] = 0;
+  _$jscoverage['core/domUtils.js'][2174] = 0;
+  _$jscoverage['core/domUtils.js'][2196] = 0;
+  _$jscoverage['core/domUtils.js'][2266] = 0;
+  _$jscoverage['core/domUtils.js'][2267] = 0;
+  _$jscoverage['core/domUtils.js'][2268] = 0;
+  _$jscoverage['core/domUtils.js'][2269] = 0;
+  _$jscoverage['core/domUtils.js'][2270] = 0;
+  _$jscoverage['core/domUtils.js'][2273] = 0;
+  _$jscoverage['core/domUtils.js'][2274] = 0;
+  _$jscoverage['core/domUtils.js'][2276] = 0;
+  _$jscoverage['core/domUtils.js'][2280] = 0;
+  _$jscoverage['core/domUtils.js'][2281] = 0;
+  _$jscoverage['core/domUtils.js'][2282] = 0;
+  _$jscoverage['core/domUtils.js'][2284] = 0;
+  _$jscoverage['core/domUtils.js'][2285] = 0;
+  _$jscoverage['core/domUtils.js'][2287] = 0;
+  _$jscoverage['core/domUtils.js'][2288] = 0;
+  _$jscoverage['core/domUtils.js'][2289] = 0;
+  _$jscoverage['core/domUtils.js'][2290] = 0;
+  _$jscoverage['core/domUtils.js'][2291] = 0;
+  _$jscoverage['core/domUtils.js'][2293] = 0;
+  _$jscoverage['core/domUtils.js'][2296] = 0;
+  _$jscoverage['core/domUtils.js'][2297] = 0;
+  _$jscoverage['core/domUtils.js'][2298] = 0;
+  _$jscoverage['core/domUtils.js'][2299] = 0;
+  _$jscoverage['core/domUtils.js'][2300] = 0;
+  _$jscoverage['core/domUtils.js'][2301] = 0;
+  _$jscoverage['core/domUtils.js'][2304] = 0;
+  _$jscoverage['core/domUtils.js'][2307] = 0;
+}
+_$jscoverage['core/domUtils.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * Dom&#25805;&#20316;&#24037;&#20855;&#21253;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module UE.dom.domUtils</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * Dom&#25805;&#20316;&#24037;&#20855;&#21253;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE.dom.domUtils</span>","<span class=\"c\"> */</span>","","<span class=\"c\">//getNode(node, 'firstChild', 'nextSibling', startFromChild, filterFn, guard);</span>","<span class=\"k\">function</span> getNode<span class=\"k\">(</span> node<span class=\"k\">,</span> start<span class=\"k\">,</span> ltr<span class=\"k\">,</span> startFromChild<span class=\"k\">,</span> fn<span class=\"k\">,</span> guard <span class=\"k\">)</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> startFromChild <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">[</span>start<span class=\"k\">],</span>","        parent<span class=\"k\">;</span>","    <span class=\"k\">!</span>tmpNode <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">=</span> node<span class=\"k\">[</span>ltr<span class=\"k\">]);</span>","    <span class=\"k\">while</span> <span class=\"k\">(!</span>tmpNode <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>parent <span class=\"k\">=</span> <span class=\"k\">(</span>parent <span class=\"k\">||</span> node<span class=\"k\">).</span>parentNode<span class=\"k\">))</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'BODY'</span> <span class=\"k\">||</span> guard <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>guard<span class=\"k\">(</span>parent<span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        tmpNode <span class=\"k\">=</span> parent<span class=\"k\">[</span>ltr<span class=\"k\">];</span>","    <span class=\"k\">}</span>","    <span class=\"k\">if</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">&amp;&amp;</span> fn <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>fn<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span>  getNode<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> start<span class=\"k\">,</span> ltr<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> fn<span class=\"k\">);</span>","    <span class=\"k\">}</span>","    <span class=\"k\">return</span> tmpNode<span class=\"k\">;</span>","<span class=\"k\">}</span>","<span class=\"k\">var</span> attrFix <span class=\"k\">=</span> ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;</span> <span class=\"s\">9</span> <span class=\"k\">?</span> <span class=\"k\">{</span>","        tabindex<span class=\"k\">:</span><span class=\"s\">\"tabIndex\"</span><span class=\"k\">,</span>","        readonly<span class=\"k\">:</span><span class=\"s\">\"readOnly\"</span><span class=\"k\">,</span>","        <span class=\"s\">\"for\"</span><span class=\"k\">:</span><span class=\"s\">\"htmlFor\"</span><span class=\"k\">,</span>","        <span class=\"s\">\"class\"</span><span class=\"k\">:</span><span class=\"s\">\"className\"</span><span class=\"k\">,</span>","        maxlength<span class=\"k\">:</span><span class=\"s\">\"maxLength\"</span><span class=\"k\">,</span>","        cellspacing<span class=\"k\">:</span><span class=\"s\">\"cellSpacing\"</span><span class=\"k\">,</span>","        cellpadding<span class=\"k\">:</span><span class=\"s\">\"cellPadding\"</span><span class=\"k\">,</span>","        rowspan<span class=\"k\">:</span><span class=\"s\">\"rowSpan\"</span><span class=\"k\">,</span>","        colspan<span class=\"k\">:</span><span class=\"s\">\"colSpan\"</span><span class=\"k\">,</span>","        usemap<span class=\"k\">:</span><span class=\"s\">\"useMap\"</span><span class=\"k\">,</span>","        frameborder<span class=\"k\">:</span><span class=\"s\">\"frameBorder\"</span>","    <span class=\"k\">}</span> <span class=\"k\">:</span> <span class=\"k\">{</span>","        tabindex<span class=\"k\">:</span><span class=\"s\">\"tabIndex\"</span><span class=\"k\">,</span>","        readonly<span class=\"k\">:</span><span class=\"s\">\"readOnly\"</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","    styleBlock <span class=\"k\">=</span> utils<span class=\"k\">.</span>listToMap<span class=\"k\">([</span>","        <span class=\"s\">'-webkit-box'</span><span class=\"k\">,</span> <span class=\"s\">'-moz-box'</span><span class=\"k\">,</span> <span class=\"s\">'block'</span> <span class=\"k\">,</span>","        <span class=\"s\">'list-item'</span> <span class=\"k\">,</span> <span class=\"s\">'table'</span> <span class=\"k\">,</span> <span class=\"s\">'table-row-group'</span> <span class=\"k\">,</span>","        <span class=\"s\">'table-header-group'</span><span class=\"k\">,</span> <span class=\"s\">'table-footer-group'</span> <span class=\"k\">,</span>","        <span class=\"s\">'table-row'</span> <span class=\"k\">,</span> <span class=\"s\">'table-column-group'</span> <span class=\"k\">,</span> <span class=\"s\">'table-column'</span> <span class=\"k\">,</span>","        <span class=\"s\">'table-cell'</span> <span class=\"k\">,</span> <span class=\"s\">'table-caption'</span>","    <span class=\"k\">]);</span>","<span class=\"k\">var</span> domUtils <span class=\"k\">=</span> dom<span class=\"k\">.</span>domUtils <span class=\"k\">=</span> <span class=\"k\">{</span>","    <span class=\"c\">//&#33410;&#28857;&#24120;&#37327;</span>","    NODE_ELEMENT<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","    NODE_DOCUMENT<span class=\"k\">:</span><span class=\"s\">9</span><span class=\"k\">,</span>","    NODE_TEXT<span class=\"k\">:</span><span class=\"s\">3</span><span class=\"k\">,</span>","    NODE_COMMENT<span class=\"k\">:</span><span class=\"s\">8</span><span class=\"k\">,</span>","    NODE_DOCUMENT_FRAGMENT<span class=\"k\">:</span><span class=\"s\">11</span><span class=\"k\">,</span>","","    <span class=\"c\">//&#20301;&#32622;&#20851;&#31995;</span>","    POSITION_IDENTICAL<span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">,</span>","    POSITION_DISCONNECTED<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","    POSITION_FOLLOWING<span class=\"k\">:</span><span class=\"s\">2</span><span class=\"k\">,</span>","    POSITION_PRECEDING<span class=\"k\">:</span><span class=\"s\">4</span><span class=\"k\">,</span>","    POSITION_IS_CONTAINED<span class=\"k\">:</span><span class=\"s\">8</span><span class=\"k\">,</span>","    POSITION_CONTAINS<span class=\"k\">:</span><span class=\"s\">16</span><span class=\"k\">,</span>","    <span class=\"c\">//ie6&#20351;&#29992;&#20854;&#20182;&#30340;&#20250;&#26377;&#19968;&#27573;&#31354;&#30333;&#20986;&#29616;</span>","    fillChar<span class=\"k\">:</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">==</span> <span class=\"s\">'6'</span> <span class=\"k\">?</span> <span class=\"s\">'</span><span class=\"t\">\\u</span><span class=\"s\">feff'</span> <span class=\"k\">:</span> <span class=\"s\">'</span><span class=\"t\">\\u</span><span class=\"s\">200B'</span><span class=\"k\">,</span>","    <span class=\"c\">//-------------------------Node&#37096;&#20998;--------------------------------</span>","    keys<span class=\"k\">:</span><span class=\"k\">{</span>","        <span class=\"c\">/*Backspace*/</span> <span class=\"s\">8</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"c\">/*Delete*/</span> <span class=\"s\">46</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"c\">/*Shift*/</span> <span class=\"s\">16</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"c\">/*Ctrl*/</span> <span class=\"s\">17</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"c\">/*Alt*/</span> <span class=\"s\">18</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">37</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"s\">38</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"s\">39</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"s\">40</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">13</span><span class=\"k\">:</span><span class=\"s\">1</span> <span class=\"c\">/*enter*/</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#33410;&#28857;A&#30456;&#23545;&#20110;&#33410;&#28857;B&#30340;&#20301;&#32622;&#20851;&#31995;</span>","<span class=\"c\">     * @method getPosition</span>","<span class=\"c\">     * @param { Node } nodeA &#38656;&#35201;&#26597;&#35810;&#20301;&#32622;&#20851;&#31995;&#30340;&#33410;&#28857;A</span>","<span class=\"c\">     * @param { Node } nodeB &#38656;&#35201;&#26597;&#35810;&#20301;&#32622;&#20851;&#31995;&#30340;&#33410;&#28857;B</span>","<span class=\"c\">     * @return { Number } &#33410;&#28857;A&#19982;&#33410;&#28857;B&#30340;&#20851;&#31995;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //output: 20</span>","<span class=\"c\">     * var position = UE.dom.domUtils.getPosition( document.documentElement, document.body );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * switch ( position ) {</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      case 0:</span>","<span class=\"c\">     *          console.log('&#20803;&#32032;&#30456;&#21516;');</span>","<span class=\"c\">     *          break;</span>","<span class=\"c\">     *      case 1:</span>","<span class=\"c\">     *          console.log('&#20004;&#20010;&#33410;&#28857;&#22312;&#19981;&#21516;&#30340;&#25991;&#26723;&#20013;');</span>","<span class=\"c\">     *          break;</span>","<span class=\"c\">     *      case 2:</span>","<span class=\"c\">     *          console.log('&#33410;&#28857;A&#22312;&#33410;&#28857;B&#20043;&#21518;');</span>","<span class=\"c\">     *          break;</span>","<span class=\"c\">     *      case 4;</span>","<span class=\"c\">     *          console.log('&#33410;&#28857;A&#22312;&#33410;&#28857;B&#20043;&#21069;');</span>","<span class=\"c\">     *          break;</span>","<span class=\"c\">     *      case 8:</span>","<span class=\"c\">     *          console.log('&#33410;&#28857;A&#34987;&#33410;&#28857;B&#21253;&#21547;');</span>","<span class=\"c\">     *          break;</span>","<span class=\"c\">     *      case 10:</span>","<span class=\"c\">     *          console.log('&#33410;&#28857;A&#34987;&#33410;&#28857;B&#21253;&#21547;&#19988;&#33410;&#28857;A&#22312;&#33410;&#28857;B&#20043;&#21518;');</span>","<span class=\"c\">     *          break;</span>","<span class=\"c\">     *      case 16:</span>","<span class=\"c\">     *          console.log('&#33410;&#28857;A&#21253;&#21547;&#33410;&#28857;B');</span>","<span class=\"c\">     *          break;</span>","<span class=\"c\">     *      case 20:</span>","<span class=\"c\">     *          console.log('&#33410;&#28857;A&#21253;&#21547;&#33410;&#28857;B&#19988;&#33410;&#28857;A&#22312;&#33410;&#28857;B&#20043;&#21069;');</span>","<span class=\"c\">     *          break;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    getPosition<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>nodeA<span class=\"k\">,</span> nodeB<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"c\">// &#22914;&#26524;&#20004;&#20010;&#33410;&#28857;&#26159;&#21516;&#19968;&#20010;&#33410;&#28857;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>nodeA <span class=\"k\">===</span> nodeB<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">// domUtils.POSITION_IDENTICAL</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> node<span class=\"k\">,</span>","            parentsA <span class=\"k\">=</span> <span class=\"k\">[</span>nodeA<span class=\"k\">],</span>","            parentsB <span class=\"k\">=</span> <span class=\"k\">[</span>nodeB<span class=\"k\">];</span>","        node <span class=\"k\">=</span> nodeA<span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>node <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">// &#22914;&#26524;nodeB&#26159;nodeA&#30340;&#31062;&#20808;&#33410;&#28857;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node <span class=\"k\">===</span> nodeB<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">// domUtils.POSITION_IS_CONTAINED + domUtils.POSITION_FOLLOWING</span>","                <span class=\"k\">return</span> <span class=\"s\">10</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            parentsA<span class=\"k\">.</span>push<span class=\"k\">(</span>node<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        node <span class=\"k\">=</span> nodeB<span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>node <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">// &#22914;&#26524;nodeA&#26159;nodeB&#30340;&#31062;&#20808;&#33410;&#28857;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node <span class=\"k\">===</span> nodeA<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">// domUtils.POSITION_CONTAINS + domUtils.POSITION_PRECEDING</span>","                <span class=\"k\">return</span> <span class=\"s\">20</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            parentsB<span class=\"k\">.</span>push<span class=\"k\">(</span>node<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        parentsA<span class=\"k\">.</span>reverse<span class=\"k\">();</span>","        parentsB<span class=\"k\">.</span>reverse<span class=\"k\">();</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>parentsA<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">!==</span> parentsB<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">])</span> <span class=\"k\">{</span>","            <span class=\"c\">// domUtils.POSITION_DISCONNECTED</span>","            <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>i<span class=\"k\">++,</span> parentsA<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">===</span> parentsB<span class=\"k\">[</span>i<span class=\"k\">])</span> <span class=\"k\">{</span>","        <span class=\"k\">}</span>","        nodeA <span class=\"k\">=</span> parentsA<span class=\"k\">[</span>i<span class=\"k\">];</span>","        nodeB <span class=\"k\">=</span> parentsB<span class=\"k\">[</span>i<span class=\"k\">];</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>nodeA <span class=\"k\">=</span> nodeA<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>nodeA <span class=\"k\">===</span> nodeB<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">// domUtils.POSITION_PRECEDING</span>","                <span class=\"k\">return</span> <span class=\"s\">4</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"c\">// domUtils.POSITION_FOLLOWING</span>","        <span class=\"k\">return</span>  <span class=\"s\">2</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26816;&#27979;&#33410;&#28857;node&#22312;&#29238;&#33410;&#28857;&#20013;&#30340;&#32034;&#24341;&#20301;&#32622;</span>","<span class=\"c\">     * @method getNodeIndex</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26816;&#27979;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Number } &#35813;&#33410;&#28857;&#22312;&#29238;&#33410;&#28857;&#20013;&#30340;&#20301;&#32622;</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26816;&#27979;&#33410;&#28857;node&#22312;&#29238;&#33410;&#28857;&#20013;&#30340;&#32034;&#24341;&#20301;&#32622;&#65292; &#26681;&#25454;&#32473;&#23450;&#30340;mergeTextNode&#21442;&#25968;&#20915;&#23450;&#26159;&#21542;&#35201;&#21512;&#24182;&#22810;&#20010;&#36830;&#32493;&#30340;&#25991;&#26412;&#33410;&#28857;&#20026;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">     * @method getNodeIndex</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26816;&#27979;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { Boolean } ignoreTextNode &#26159;&#21542;&#24573;&#30053;&#25991;&#26412;&#33410;&#28857;</span>","<span class=\"c\">     * @return { Number } &#35813;&#33410;&#28857;&#22312;&#29238;&#33410;&#28857;&#20013;&#30340;&#20301;&#32622;</span>","<span class=\"c\">     */</span>","    getNodeIndex<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> ignoreTextNode<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> preNode <span class=\"k\">=</span> node<span class=\"k\">,</span>","            i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>preNode <span class=\"k\">=</span> preNode<span class=\"k\">.</span>previousSibling<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ignoreTextNode <span class=\"k\">&amp;&amp;</span> preNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>preNode<span class=\"k\">.</span>nodeType <span class=\"k\">!=</span> preNode<span class=\"k\">.</span>nextSibling<span class=\"k\">.</span>nodeType <span class=\"k\">)</span><span class=\"k\">{</span>","                    i<span class=\"k\">++;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">continue</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            i<span class=\"k\">++;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> i<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26816;&#27979;&#33410;&#28857;node&#26159;&#21542;&#22312;&#32473;&#23450;doc&#30340;&#26641;&#19978;&#65292;&#23454;&#36136;&#19978;&#26159;&#26816;&#27979;&#35813;&#33410;&#28857;&#26159;&#21542;&#22312;&#32473;&#23450;&#30340;dom&#26641;&#19978;</span>","<span class=\"c\">     * @method inDoc</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26816;&#27979;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { DomDocument } doc &#38656;&#35201;&#26816;&#27979;&#30340;document&#23545;&#35937;</span>","<span class=\"c\">     * @return { Boolean } &#35813;&#33410;&#28857;node&#26159;&#21542;&#22312;&#32473;&#23450;&#30340;document&#30340;dom&#26641;&#19978;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var node = document.createElement(\"div\");</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: false</span>","<span class=\"c\">     * console.log( UE.do.domUtils.inDoc( node, document ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * document.body.appendChild( node );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: true</span>","<span class=\"c\">     * console.log( UE.do.domUtils.inDoc( node, document ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    inDoc<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> doc<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>node<span class=\"k\">,</span> doc<span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">10</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26681;&#25454;&#32473;&#23450;&#30340;&#36807;&#28388;&#35268;&#21017;filterFn&#65292; &#26597;&#25214;&#31526;&#21512;&#35813;&#36807;&#28388;&#35268;&#21017;&#30340;node&#33410;&#28857;&#30340;&#31062;&#20808;&#33410;&#28857;&#65292;</span>","<span class=\"c\">     * &#26597;&#25214;&#30340;&#36807;&#31243;&#20013;&#19981;&#21253;&#21547;&#33258;&#36523;&#33410;&#28857;&#12290;</span>","<span class=\"c\">     * @method findParent</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26597;&#25214;&#30340;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Function } filterFn &#33258;&#23450;&#20041;&#30340;&#36807;&#28388;&#26041;&#27861;&#12290;</span>","<span class=\"c\">     * @warning &#26597;&#25214;&#30340;&#32456;&#28857;&#26159;&#21040;body&#33410;&#28857;&#20026;&#27490;</span>","<span class=\"c\">     * @remind &#33258;&#23450;&#20041;&#30340;&#36807;&#28388;&#26041;&#27861;filterFn&#25509;&#21463;&#19968;&#20010;Node&#23545;&#35937;&#20316;&#20026;&#21442;&#25968;&#65292; &#35813;&#23545;&#35937;&#20195;&#34920;&#24403;&#21069;&#25191;&#34892;&#26816;&#27979;&#30340;&#31062;&#20808;&#33410;&#28857;&#12290; &#22914;&#26524;&#35813;</span>","<span class=\"c\">     *          &#33410;&#28857;&#28385;&#36275;&#36807;&#28388;&#26465;&#20214;&#65292; &#21017;&#35201;&#27714;&#36820;&#22238;true&#65292; &#36825;&#26102;&#23558;&#30452;&#25509;&#36820;&#22238;&#35813;&#33410;&#28857;&#20316;&#20026;findParent()&#30340;&#32467;&#26524;&#65292; &#21542;&#21017;&#65292; &#35831;&#36820;&#22238;false&#12290;</span>","<span class=\"c\">     * @return { Node | Null } &#22914;&#26524;&#25214;&#21040;&#31526;&#21512;&#36807;&#28388;&#26465;&#20214;&#30340;&#33410;&#28857;&#65292; &#23601;&#36820;&#22238;&#35813;&#33410;&#28857;&#65292; &#21542;&#21017;&#36820;&#22238;NULL</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var filterNode = UE.dom.domUtils.findParent( document.body.firstChild, function ( node ) {</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //&#30001;&#20110;&#26597;&#25214;&#30340;&#32456;&#28857;&#26159;body&#33410;&#28857;&#65292; &#25152;&#20197;&#27704;&#36828;&#20063;&#19981;&#20250;&#21305;&#37197;&#24403;&#21069;&#36807;&#28388;&#22120;&#30340;&#26465;&#20214;&#65292; &#21363;&#36825;&#37324;&#27704;&#36828;&#20250;&#36820;&#22238;false</span>","<span class=\"c\">     *     return node.tagName === \"HTML\";</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * } );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: true</span>","<span class=\"c\">     * console.log( filterNode === null );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26681;&#25454;&#32473;&#23450;&#30340;&#36807;&#28388;&#35268;&#21017;filterFn&#65292; &#26597;&#25214;&#31526;&#21512;&#35813;&#36807;&#28388;&#35268;&#21017;&#30340;node&#33410;&#28857;&#30340;&#31062;&#20808;&#33410;&#28857;&#65292;</span>","<span class=\"c\">     * &#26597;&#25214;&#30340;&#36807;&#31243;&#20013;&#26681;&#25454;includeSelf&#30340;&#20540;&#20915;&#23450;&#26159;&#21542;&#21253;&#21547;&#33258;&#36523;&#33410;&#28857;&#12290;</span>","<span class=\"c\">     * @method findParent</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26597;&#25214;&#30340;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Function } filterFn &#33258;&#23450;&#20041;&#30340;&#36807;&#28388;&#26041;&#27861;&#12290;</span>","<span class=\"c\">     * @param { Boolean } includeSelf &#26597;&#25214;&#36807;&#31243;&#26159;&#21542;&#21253;&#21547;&#33258;&#36523;</span>","<span class=\"c\">     * @warning &#26597;&#25214;&#30340;&#32456;&#28857;&#26159;&#21040;body&#33410;&#28857;&#20026;&#27490;</span>","<span class=\"c\">     * @remind &#33258;&#23450;&#20041;&#30340;&#36807;&#28388;&#26041;&#27861;filterFn&#25509;&#21463;&#19968;&#20010;Node&#23545;&#35937;&#20316;&#20026;&#21442;&#25968;&#65292; &#35813;&#23545;&#35937;&#20195;&#34920;&#24403;&#21069;&#25191;&#34892;&#26816;&#27979;&#30340;&#31062;&#20808;&#33410;&#28857;&#12290; &#22914;&#26524;&#35813;</span>","<span class=\"c\">     *          &#33410;&#28857;&#28385;&#36275;&#36807;&#28388;&#26465;&#20214;&#65292; &#21017;&#35201;&#27714;&#36820;&#22238;true&#65292; &#36825;&#26102;&#23558;&#30452;&#25509;&#36820;&#22238;&#35813;&#33410;&#28857;&#20316;&#20026;findParent()&#30340;&#32467;&#26524;&#65292; &#21542;&#21017;&#65292; &#35831;&#36820;&#22238;false&#12290;</span>","<span class=\"c\">     * @remind &#22914;&#26524;includeSelf&#20026;true&#65292; &#21017;&#36807;&#28388;&#22120;&#31532;&#19968;&#27425;&#25191;&#34892;&#26102;&#30340;&#21442;&#25968;&#20250;&#26159;&#33410;&#28857;&#26412;&#36523;&#12290;</span>","<span class=\"c\">     *          &#21453;&#20043;&#65292; &#36807;&#28388;&#22120;&#31532;&#19968;&#27425;&#25191;&#34892;&#26102;&#30340;&#21442;&#25968;&#23558;&#26159;&#35813;&#33410;&#28857;&#30340;&#29238;&#33410;&#28857;&#12290;</span>","<span class=\"c\">     * @return { Node | Null } &#22914;&#26524;&#25214;&#21040;&#31526;&#21512;&#36807;&#28388;&#26465;&#20214;&#30340;&#33410;&#28857;&#65292; &#23601;&#36820;&#22238;&#35813;&#33410;&#28857;&#65292; &#21542;&#21017;&#36820;&#22238;NULL</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;body&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      &lt;div id=\"test\"&gt;</span>","<span class=\"c\">     *      &lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      &lt;script type=\"text/javascript\"&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *          //output: DIV, BODY</span>","<span class=\"c\">     *          var filterNode = UE.dom.domUtils.findParent( document.getElementById( \"test\" ), function ( node ) {</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *              console.log( node.tagName );</span>","<span class=\"c\">     *              return false;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *          }, true );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      &lt;/script&gt;</span>","<span class=\"c\">     * &lt;/body&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    findParent<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> filterFn<span class=\"k\">,</span> includeSelf<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>node<span class=\"k\">))</span> <span class=\"k\">{</span>","            node <span class=\"k\">=</span> includeSelf <span class=\"k\">?</span> node <span class=\"k\">:</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>filterFn <span class=\"k\">||</span> filterFn<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>node<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> filterFn <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>filterFn<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"k\">null</span> <span class=\"k\">:</span> node<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                node <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#25214;node&#30340;&#33410;&#28857;&#21517;&#20026;tagName&#30340;&#31062;&#20808;&#33410;&#28857;&#65292; &#26597;&#25214;&#36807;&#31243;&#20013;&#19981;&#21253;&#21547;node&#33410;&#28857;&#33258;&#36523;</span>","<span class=\"c\">     * @method findParentByTagName</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26597;&#25214;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { Array } tagNames &#38656;&#35201;&#26597;&#25214;&#30340;&#29238;&#33410;&#28857;&#30340;&#21517;&#31216;&#25968;&#32452;</span>","<span class=\"c\">     * @warning &#26597;&#25214;&#30340;&#32456;&#28857;&#26159;&#21040;body&#33410;&#28857;&#20026;&#27490;</span>","<span class=\"c\">     * @return { Node | NULL } &#22914;&#26524;&#25214;&#21040;&#31526;&#21512;&#26465;&#20214;&#30340;&#33410;&#28857;&#65292; &#21017;&#36820;&#22238;&#35813;&#33410;&#28857;&#65292; &#21542;&#21017;&#36820;&#22238;NULL</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var node = UE.dom.domUtils.findParentByTagName( document.getElementsByTagName(\"div\")[0], [ \"BODY\" ] );</span>","<span class=\"c\">     * //output: BODY</span>","<span class=\"c\">     * console.log( node.tagName );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#25214;node&#30340;&#33410;&#28857;&#21517;&#20026;tagName&#30340;&#31062;&#20808;&#33410;&#28857;&#65292; &#26597;&#25214;&#36807;&#31243;&#20013;&#26681;&#25454;includeSelf&#30340;&#20540;&#20915;&#23450;&#26159;&#21542;&#21253;&#21547;node&#33410;&#28857;&#33258;&#36523;</span>","<span class=\"c\">     * @method findParentByTagName</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26597;&#25214;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { Array } tagNames &#38656;&#35201;&#26597;&#25214;&#30340;&#29238;&#33410;&#28857;&#30340;&#21517;&#31216;&#25968;&#32452;</span>","<span class=\"c\">     * @param { Boolean } includeSelf &#26597;&#25214;&#36807;&#31243;&#26159;&#21542;&#21253;&#21547;node&#33410;&#28857;&#33258;&#36523;</span>","<span class=\"c\">     * @warning &#26597;&#25214;&#30340;&#32456;&#28857;&#26159;&#21040;body&#33410;&#28857;&#20026;&#27490;</span>","<span class=\"c\">     * @return { Node | NULL } &#22914;&#26524;&#25214;&#21040;&#31526;&#21512;&#26465;&#20214;&#30340;&#33410;&#28857;&#65292; &#21017;&#36820;&#22238;&#35813;&#33410;&#28857;&#65292; &#21542;&#21017;&#36820;&#22238;NULL</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var queryTarget = document.getElementsByTagName(\"div\")[0];</span>","<span class=\"c\">     * var node = UE.dom.domUtils.findParentByTagName( queryTarget, [ \"DIV\" ], true );</span>","<span class=\"c\">     * //output: true</span>","<span class=\"c\">     * console.log( queryTarget === node );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#25214;node&#30340;&#33410;&#28857;&#21517;&#20026;tagName&#30340;&#31062;&#20808;&#33410;&#28857;&#65292;&#24182;&#19988;&#35813;&#31062;&#20808;&#33410;&#28857;&#19981;&#28385;&#36275;excludeFn&#36807;&#28388;&#22120;&#30340;&#36807;&#28388;&#35201;&#27714;&#65292;</span>","<span class=\"c\">     * &#26597;&#25214;&#36807;&#31243;&#20013;&#26681;&#25454;includeSelf&#30340;&#20540;&#20915;&#23450;&#26159;&#21542;&#21253;&#21547;node&#33410;&#28857;&#33258;&#36523;&#65292;</span>","<span class=\"c\">     * @method findParentByTagName</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26597;&#25214;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { Array } tagNames &#38656;&#35201;&#26597;&#25214;&#30340;&#29238;&#33410;&#28857;&#30340;&#21517;&#31216;&#25968;&#32452;</span>","<span class=\"c\">     * @param { Boolean } includeSelf &#26597;&#25214;&#36807;&#31243;&#26159;&#21542;&#21253;&#21547;node&#33410;&#28857;&#33258;&#36523;</span>","<span class=\"c\">     * @param { Function } excludeFn &#26597;&#25214;&#36807;&#31243;&#20013;&#24212;&#29992;&#30340;&#36807;&#28388;&#22120;&#65292; &#22914;&#26524;&#35813;&#36807;&#28388;&#22120;&#23545;&#32473;&#23450;&#30340;&#33410;&#28857;&#36820;&#22238;true&#65292;</span>","<span class=\"c\">     *                                  &#21017;&#35813;&#33410;&#28857;&#23558;&#34987;&#25490;&#38500;&#22312;&#26597;&#35810;&#32467;&#26524;&#20043;&#22806;&#12290;</span>","<span class=\"c\">     * @remind &#26597;&#25214;&#36807;&#28388;&#22120;excludeFn&#35201;&#27714;&#23545;&#19981;&#24212;&#35813;&#34987;&#21305;&#37197;&#30340;&#33410;&#28857;&#24212;&#35813;&#36820;&#22238;true</span>","<span class=\"c\">     * @warning &#26597;&#25214;&#30340;&#32456;&#28857;&#26159;&#21040;body&#33410;&#28857;&#20026;&#27490;</span>","<span class=\"c\">     * @return { Node | NULL } &#22914;&#26524;&#25214;&#21040;&#31526;&#21512;&#26465;&#20214;&#30340;&#33410;&#28857;&#65292; &#21017;&#36820;&#22238;&#35813;&#33410;&#28857;&#65292; &#21542;&#21017;&#36820;&#22238;NULL</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var queryTarget = document.getElementsByTagName(\"div\")[0];</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //&#38656;&#35201;&#26597;&#25214;&#30340;&#33410;&#28857;&#21644;&#36807;&#28388;&#22120;&#30340;&#36807;&#28388;&#26465;&#20214;&#21018;&#22909;&#20914;&#31361;&#65292; &#25191;&#34892;&#32467;&#26524;&#23558;&#27704;&#36828;&#20026;NULL</span>","<span class=\"c\">     * var node = UE.dom.domUtils.findParentByTagName( queryTarget, [ \"DIV\" ], false, function ( node ) {</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      return node.tagName.toLowerCase() === 'div';</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * } );</span>","<span class=\"c\">     * //output: true</span>","<span class=\"c\">     * console.log( queryTarget === null );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    findParentByTagName<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> tagNames<span class=\"k\">,</span> includeSelf<span class=\"k\">,</span> excludeFn<span class=\"k\">)</span> <span class=\"k\">{</span>","        tagNames <span class=\"k\">=</span> utils<span class=\"k\">.</span>listToMap<span class=\"k\">(</span>utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>tagNames<span class=\"k\">)</span> <span class=\"k\">?</span> tagNames <span class=\"k\">:</span> <span class=\"k\">[</span>tagNames<span class=\"k\">]);</span>","        <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> tagNames<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!(</span>excludeFn <span class=\"k\">&amp;&amp;</span> excludeFn<span class=\"k\">(</span>node<span class=\"k\">));</span>","        <span class=\"k\">}</span><span class=\"k\">,</span> includeSelf<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#26597;&#25214;&#33410;&#28857;node&#30340;&#31062;&#20808;&#33410;&#28857;&#38598;&#21512;</span>","<span class=\"c\">     * @name findParents</span>","<span class=\"c\">     * @grammar UE.dom.domUtils.findParents(node)  =&gt; Array  //&#36820;&#22238;&#19968;&#20010;&#31062;&#20808;&#33410;&#28857;&#25968;&#32452;&#38598;&#21512;&#65292;&#19981;&#21253;&#21547;&#33258;&#36523;</span>","<span class=\"c\">     * @grammar UE.dom.domUtils.findParents(node,includeSelf)  =&gt; Array  //&#36820;&#22238;&#19968;&#20010;&#31062;&#20808;&#33410;&#28857;&#25968;&#32452;&#38598;&#21512;&#65292;includeSelf&#25351;&#23450;&#26159;&#21542;&#21253;&#21547;&#33258;&#36523;</span>","<span class=\"c\">     * @grammar UE.dom.domUtils.findParents(node,includeSelf,filterFn)  =&gt; Array  //&#36820;&#22238;&#19968;&#20010;&#31062;&#20808;&#33410;&#28857;&#25968;&#32452;&#38598;&#21512;&#65292;filterFn&#25351;&#23450;&#36807;&#28388;&#26465;&#20214;&#65292;&#36820;&#22238;true&#30340;node&#23558;&#34987;&#36873;&#21462;</span>","<span class=\"c\">     * @grammar UE.dom.domUtils.findParents(node,includeSelf,filterFn,closerFirst)  =&gt; Array  //&#36820;&#22238;&#19968;&#20010;&#31062;&#20808;&#33410;&#28857;&#25968;&#32452;&#38598;&#21512;&#65292;closerFirst&#20026;true&#30340;&#35805;&#65292;node&#30340;&#30452;&#25509;&#29238;&#20146;&#33410;&#28857;&#26159;&#25968;&#32452;&#30340;&#31532;0&#20010;</span>","<span class=\"c\">     */</span>","    findParents<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> includeSelf<span class=\"k\">,</span> filterFn<span class=\"k\">,</span> closerFirst<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> parents <span class=\"k\">=</span> includeSelf <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span> filterFn <span class=\"k\">&amp;&amp;</span> filterFn<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">!</span>filterFn <span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"k\">[</span>node<span class=\"k\">]</span> <span class=\"k\">:</span> <span class=\"k\">[];</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>node<span class=\"k\">,</span> filterFn<span class=\"k\">))</span> <span class=\"k\">{</span>","            parents<span class=\"k\">.</span>push<span class=\"k\">(</span>node<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> closerFirst <span class=\"k\">?</span> parents <span class=\"k\">:</span> parents<span class=\"k\">.</span>reverse<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#22312;&#33410;&#28857;node&#21518;&#38754;&#25554;&#20837;&#26032;&#33410;&#28857;newNode</span>","<span class=\"c\">     * @method insertAfter</span>","<span class=\"c\">     * @param { Node } node &#30446;&#26631;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Node } newNode &#26032;&#25554;&#20837;&#30340;&#33410;&#28857;&#65292; &#35813;&#33410;&#28857;&#23558;&#32622;&#20110;&#30446;&#26631;&#33410;&#28857;&#20043;&#21518;</span>","<span class=\"c\">     * @return { Node } &#26032;&#25554;&#20837;&#30340;&#33410;&#28857;</span>","<span class=\"c\">     */</span>","    insertAfter<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> newNode<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>newNode<span class=\"k\">,</span> node<span class=\"k\">.</span>nextSibling<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21024;&#38500;&#33410;&#28857;node&#21450;&#20854;&#19979;&#23646;&#30340;&#25152;&#26377;&#33410;&#28857;</span>","<span class=\"c\">     * @method remove</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#21024;&#38500;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Node } &#36820;&#22238;&#21018;&#21024;&#38500;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;</span>","<span class=\"c\">     *     &lt;div id=\"child\"&gt;&#20320;&#22909;&lt;/div&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     UE.dom.domUtils.remove( document.body, false );</span>","<span class=\"c\">     *     //output: false</span>","<span class=\"c\">     *     console.log( document.getElementById( \"child\" ) !== null );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21024;&#38500;&#33410;&#28857;node&#65292;&#24182;&#26681;&#25454;keepChildren&#30340;&#20540;&#20915;&#23450;&#26159;&#21542;&#20445;&#30041;&#23376;&#33410;&#28857;</span>","<span class=\"c\">     * @method remove</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#21024;&#38500;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { Boolean } keepChildren &#26159;&#21542;&#38656;&#35201;&#20445;&#30041;&#23376;&#33410;&#28857;</span>","<span class=\"c\">     * @return { Node } &#36820;&#22238;&#21018;&#21024;&#38500;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;</span>","<span class=\"c\">     *     &lt;div id=\"child\"&gt;&#20320;&#22909;&lt;/div&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     UE.dom.domUtils.remove( document.body, true );</span>","<span class=\"c\">     *     //output: true</span>","<span class=\"c\">     *     console.log( document.getElementById( \"child\" ) !== null );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    remove<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> keepChildren<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> parent <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>","            child<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>parent<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>keepChildren <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>hasChildNodes<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span>child <span class=\"k\">=</span> node<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                    parent<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>child<span class=\"k\">,</span> node<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            parent<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> node<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#21462;&#24471;node&#33410;&#28857;&#22312;dom&#26641;&#19978;&#30340;&#19979;&#19968;&#20010;&#33410;&#28857;,&#21363;&#22810;&#21449;&#26641;&#36941;&#21382;</span>","<span class=\"c\">     */</span>","    getNextNode<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> startFromChild<span class=\"k\">,</span> filterFn<span class=\"k\">,</span> guard<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> getNode<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">'firstChild'</span><span class=\"k\">,</span> <span class=\"s\">'nextSibling'</span><span class=\"k\">,</span> startFromChild<span class=\"k\">,</span> filterFn<span class=\"k\">,</span> guard<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26816;&#27979;&#33410;&#28857;node&#26159;&#21542;&#23646;&#26159;UEditor&#23450;&#20041;&#30340;bookmark&#33410;&#28857;</span>","<span class=\"c\">     * @method isBookmarkNode</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26816;&#27979;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Boolean } &#26159;&#21542;&#26159;bookmark&#33410;&#28857;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span id=\"_baidu_bookmark_1\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *      var bookmarkNode = document.getElementById(\"_baidu_bookmark_1\");</span>","<span class=\"c\">     *      //output: true</span>","<span class=\"c\">     *      console.log( UE.dom.domUtils.isBookmarkNode( bookmarkNode ) );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    isBookmarkNode<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>id <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/^_baidu_bookmark_/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>node<span class=\"k\">.</span>id<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#33410;&#28857;node&#25152;&#23646;&#30340;window&#23545;&#35937;</span>","<span class=\"c\">     * @method  getWindow</span>","<span class=\"c\">     * @param { Node } node &#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Window } &#24403;&#21069;&#33410;&#28857;&#25152;&#23646;&#30340;window&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //output: true</span>","<span class=\"c\">     * console.log( UE.dom.domUtils.getWindow( document.body ) === window );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    getWindow<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> doc <span class=\"k\">=</span> node<span class=\"k\">.</span>ownerDocument <span class=\"k\">||</span> node<span class=\"k\">;</span>","        <span class=\"k\">return</span> doc<span class=\"k\">.</span>defaultView <span class=\"k\">||</span> doc<span class=\"k\">.</span>parentWindow<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#31163;nodeA&#19982;nodeB&#26368;&#36817;&#30340;&#20844;&#20849;&#30340;&#31062;&#20808;&#33410;&#28857;</span>","<span class=\"c\">     * @method  getCommonAncestor</span>","<span class=\"c\">     * @param { Node } nodeA &#31532;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Node } nodeB &#31532;&#20108;&#20010;&#33410;&#28857;</span>","<span class=\"c\">     * @remind &#22914;&#26524;&#32473;&#23450;&#30340;&#20004;&#20010;&#33410;&#28857;&#26159;&#21516;&#19968;&#20010;&#33410;&#28857;&#65292; &#23558;&#30452;&#25509;&#36820;&#22238;&#35813;&#33410;&#28857;&#12290;</span>","<span class=\"c\">     * @return { Node | NULL } &#22914;&#26524;&#26410;&#25214;&#21040;&#20844;&#20849;&#33410;&#28857;&#65292; &#36820;&#22238;NULL&#65292; &#21542;&#21017;&#36820;&#22238;&#26368;&#36817;&#30340;&#20844;&#20849;&#31062;&#20808;&#33410;&#28857;&#12290;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var commonAncestor = UE.dom.domUtils.getCommonAncestor( document.body, document.body.firstChild );</span>","<span class=\"c\">     * //output: true</span>","<span class=\"c\">     * console.log( commonAncestor.tagName.toLowerCase() === 'body' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    getCommonAncestor<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>nodeA<span class=\"k\">,</span> nodeB<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>nodeA <span class=\"k\">===</span> nodeB<span class=\"k\">)</span>","            <span class=\"k\">return</span> nodeA<span class=\"k\">;</span>","        <span class=\"k\">var</span> parentsA <span class=\"k\">=</span> <span class=\"k\">[</span>nodeA<span class=\"k\">]</span> <span class=\"k\">,</span> parentsB <span class=\"k\">=</span> <span class=\"k\">[</span>nodeB<span class=\"k\">],</span> parent <span class=\"k\">=</span> nodeA<span class=\"k\">,</span> i <span class=\"k\">=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>parent <span class=\"k\">=</span> parent<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>parent <span class=\"k\">===</span> nodeB<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> parent<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            parentsA<span class=\"k\">.</span>push<span class=\"k\">(</span>parent<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        parent <span class=\"k\">=</span> nodeB<span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>parent <span class=\"k\">=</span> parent<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>parent <span class=\"k\">===</span> nodeA<span class=\"k\">)</span>","                <span class=\"k\">return</span> parent<span class=\"k\">;</span>","            parentsB<span class=\"k\">.</span>push<span class=\"k\">(</span>parent<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        parentsA<span class=\"k\">.</span>reverse<span class=\"k\">();</span>","        parentsB<span class=\"k\">.</span>reverse<span class=\"k\">();</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>i<span class=\"k\">++,</span> parentsA<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">===</span> parentsB<span class=\"k\">[</span>i<span class=\"k\">])</span> <span class=\"k\">{</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> i <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"k\">null</span> <span class=\"k\">:</span> parentsA<span class=\"k\">[</span>i <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">];</span>","","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#28165;&#38500;node&#33410;&#28857;&#24038;&#21491;&#20804;&#24351;&#20026;&#31354;&#30340;inline&#33410;&#28857;</span>","<span class=\"c\">     * @name clearEmptySibling</span>","<span class=\"c\">     * @grammar UE.dom.domUtils.clearEmptySibling(node)</span>","<span class=\"c\">     * @grammar UE.dom.domUtils.clearEmptySibling(node,ignoreNext)  //ignoreNext&#25351;&#23450;&#26159;&#21542;&#24573;&#30053;&#21491;&#36793;&#31354;&#33410;&#28857;</span>","<span class=\"c\">     * @grammar UE.dom.domUtils.clearEmptySibling(node,ignoreNext,ignorePre)  //ignorePre&#25351;&#23450;&#26159;&#21542;&#24573;&#30053;&#24038;&#36793;&#31354;&#33410;&#28857;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * &lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;xxxx&lt;b&gt;bb&lt;/b&gt; --&gt; xxxx&lt;b&gt;bb&lt;/b&gt;</span>","<span class=\"c\">     */</span>","    clearEmptySibling<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> ignoreNext<span class=\"k\">,</span> ignorePre<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">function</span> clear<span class=\"k\">(</span>next<span class=\"k\">,</span> dir<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tmpNode<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>next <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>next<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyInlineElement<span class=\"k\">(</span>next<span class=\"k\">)</span>","                <span class=\"c\">//&#36825;&#37324;&#19981;&#33021;&#25226;&#31354;&#26684;&#31639;&#36827;&#26469;&#20250;&#21543;&#31354;&#26684;&#24178;&#25481;&#65292;&#20986;&#29616;&#25991;&#23383;&#38388;&#30340;&#31354;&#26684;&#20002;&#25481;&#20102;</span>","                <span class=\"k\">||</span> <span class=\"k\">!</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'[^</span><span class=\"t\">\\t\\n\\r</span><span class=\"s\">'</span> <span class=\"k\">+</span> domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">+</span> <span class=\"s\">']'</span><span class=\"k\">).</span>test<span class=\"k\">(</span>next<span class=\"k\">.</span>nodeValue<span class=\"k\">)</span> <span class=\"k\">))</span> <span class=\"k\">{</span>","                tmpNode <span class=\"k\">=</span> next<span class=\"k\">[</span>dir<span class=\"k\">];</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>next<span class=\"k\">);</span>","                next <span class=\"k\">=</span> tmpNode<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">!</span>ignoreNext <span class=\"k\">&amp;&amp;</span> clear<span class=\"k\">(</span>node<span class=\"k\">.</span>nextSibling<span class=\"k\">,</span> <span class=\"s\">'nextSibling'</span><span class=\"k\">);</span>","        <span class=\"k\">!</span>ignorePre <span class=\"k\">&amp;&amp;</span> clear<span class=\"k\">(</span>node<span class=\"k\">.</span>previousSibling<span class=\"k\">,</span> <span class=\"s\">'previousSibling'</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;&#19968;&#20010;&#25991;&#26412;&#33410;&#28857;textNode&#25286;&#20998;&#25104;&#20004;&#20010;&#25991;&#26412;&#33410;&#28857;&#65292;offset&#25351;&#23450;&#25286;&#20998;&#20301;&#32622;</span>","<span class=\"c\">     * @method split</span>","<span class=\"c\">     * @param { Node } textNode &#38656;&#35201;&#25286;&#20998;&#30340;&#25991;&#26412;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { int } offset &#38656;&#35201;&#25286;&#20998;&#30340;&#20301;&#32622;&#65292; &#20301;&#32622;&#35745;&#31639;&#20174;0&#24320;&#22987;</span>","<span class=\"c\">     * @return { Node } &#25286;&#20998;&#21518;&#24418;&#25104;&#30340;&#26032;&#33410;&#28857;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;abcdef&lt;/div&gt;</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *      var newNode = UE.dom.domUtils.split( document.getElementById( \"test\" ), 3 );</span>","<span class=\"c\">     *      //output: def</span>","<span class=\"c\">     *      console.log( newNode.nodeValue );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    split<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> offset<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> doc <span class=\"k\">=</span> node<span class=\"k\">.</span>ownerDocument<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> offset <span class=\"k\">==</span> node<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> next <span class=\"k\">=</span> doc<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>insertAfter<span class=\"k\">(</span>node<span class=\"k\">,</span> next<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> retval <span class=\"k\">=</span> node<span class=\"k\">.</span>splitText<span class=\"k\">(</span>offset<span class=\"k\">);</span>","        <span class=\"c\">//ie8&#19979;splitText&#19981;&#20250;&#36319;&#26032;childNodes,&#25105;&#20204;&#25163;&#21160;&#35302;&#21457;&#20182;&#30340;&#26356;&#26032;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie8<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> doc<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>insertAfter<span class=\"k\">(</span>retval<span class=\"k\">,</span> tmpNode<span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> retval<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26816;&#27979;&#25991;&#26412;&#33410;&#28857;textNode&#26159;&#21542;&#20026;&#31354;&#33410;&#28857;&#65288;&#21253;&#25324;&#31354;&#26684;&#12289;&#25442;&#34892;&#12289;&#21344;&#20301;&#31526;&#31561;&#23383;&#31526;&#65289;</span>","<span class=\"c\">     * @method  isWhitespace</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26816;&#27979;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Boolean } &#26816;&#27979;&#30340;&#33410;&#28857;&#26159;&#21542;&#20026;&#31354;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *      //output: true</span>","<span class=\"c\">     *      console.log( UE.dom.domUtils.isWhitespace( document.getElementById(\"test\").firstChild ) );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    isWhitespace<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> <span class=\"k\">!</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'[^ </span><span class=\"t\">\\t\\n\\r</span><span class=\"s\">'</span> <span class=\"k\">+</span> domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">+</span> <span class=\"s\">']'</span><span class=\"k\">).</span>test<span class=\"k\">(</span>node<span class=\"k\">.</span>nodeValue<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#20803;&#32032;element&#30456;&#23545;&#20110;viewport&#30340;&#20301;&#32622;&#22352;&#26631;</span>","<span class=\"c\">     * @method getXY</span>","<span class=\"c\">     * @param { Node } element &#38656;&#35201;&#35745;&#31639;&#20301;&#32622;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @return { KeyValueMap } &#36820;&#22238;&#24418;&#22914;{x:left,y:top}&#30340;&#19968;&#20010;key-value&#26144;&#23556;&#23545;&#35937;&#65292; &#20854;&#20013;&#38190;x&#20195;&#34920;&#27700;&#24179;&#20559;&#31227;&#36317;&#31163;&#65292;</span>","<span class=\"c\">     *                          y&#20195;&#34920;&#22402;&#30452;&#20559;&#31227;&#36317;&#31163;&#12290;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var location = UE.dom.domUtils.getXY( document.getElementById(\"test\") );</span>","<span class=\"c\">     * //output: test&#30340;&#22352;&#26631;&#20026;: 12, 24</span>","<span class=\"c\">     * console.log( 'test&#30340;&#22352;&#26631;&#20026;&#65306; ', location.x, ',', location.y );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    getXY<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> x <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> y <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>offsetParent<span class=\"k\">)</span> <span class=\"k\">{</span>","            y <span class=\"k\">+=</span> element<span class=\"k\">.</span>offsetTop<span class=\"k\">;</span>","            x <span class=\"k\">+=</span> element<span class=\"k\">.</span>offsetLeft<span class=\"k\">;</span>","            element <span class=\"k\">=</span> element<span class=\"k\">.</span>offsetParent<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"k\">{</span> <span class=\"s\">'x'</span><span class=\"k\">:</span>x<span class=\"k\">,</span> <span class=\"s\">'y'</span><span class=\"k\">:</span>y<span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#20026;&#20803;&#32032;element&#32465;&#23450;&#21407;&#29983;DOM&#20107;&#20214;&#65292;type&#20026;&#20107;&#20214;&#31867;&#22411;&#65292;handler&#20026;&#22788;&#29702;&#20989;&#25968;</span>","<span class=\"c\">     * @method on</span>","<span class=\"c\">     * @param { Node } element &#38656;&#35201;&#32465;&#23450;&#20107;&#20214;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { String } type &#32465;&#23450;&#30340;&#20107;&#20214;&#31867;&#22411;</span>","<span class=\"c\">     * @param { Function } handler &#20107;&#20214;&#22788;&#29702;&#22120;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * UE.dom.domUtils.on(document.body,\"click\",function(e){</span>","<span class=\"c\">     *     //e&#20026;&#20107;&#20214;&#23545;&#35937;&#65292;this&#20026;&#34987;&#28857;&#20987;&#20803;&#32032;&#23545;&#25103;&#37027;&#20010;</span>","<span class=\"c\">     * });</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#20026;&#20803;&#32032;element&#32465;&#23450;&#21407;&#29983;DOM&#20107;&#20214;&#65292;type&#20026;&#20107;&#20214;&#31867;&#22411;&#65292;handler&#20026;&#22788;&#29702;&#20989;&#25968;</span>","<span class=\"c\">     * @method on</span>","<span class=\"c\">     * @param { Node } element &#38656;&#35201;&#32465;&#23450;&#20107;&#20214;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { Array } type &#32465;&#23450;&#30340;&#20107;&#20214;&#31867;&#22411;&#25968;&#32452;</span>","<span class=\"c\">     * @param { Function } handler &#20107;&#20214;&#22788;&#29702;&#22120;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * UE.dom.domUtils.on(document.body,[\"click\",\"mousedown\"],function(evt){</span>","<span class=\"c\">     *     //evt&#20026;&#20107;&#20214;&#23545;&#35937;&#65292;this&#20026;&#34987;&#28857;&#20987;&#20803;&#32032;&#23545;&#35937;</span>","<span class=\"c\">     * });</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    on<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">,</span> type<span class=\"k\">,</span> handler<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> types <span class=\"k\">=</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>type<span class=\"k\">)</span> <span class=\"k\">?</span> type <span class=\"k\">:</span> <span class=\"k\">[</span>type<span class=\"k\">],</span>","            k <span class=\"k\">=</span> types<span class=\"k\">.</span>length<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>k<span class=\"k\">)</span> <span class=\"k\">while</span> <span class=\"k\">(</span>k<span class=\"k\">--)</span> <span class=\"k\">{</span>","            type <span class=\"k\">=</span> types<span class=\"k\">[</span>k<span class=\"k\">];</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>addEventListener<span class=\"k\">)</span> <span class=\"k\">{</span>","                element<span class=\"k\">.</span>addEventListener<span class=\"k\">(</span>type<span class=\"k\">,</span> handler<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>handler<span class=\"k\">.</span>_d<span class=\"k\">)</span> <span class=\"k\">{</span>","                    handler<span class=\"k\">.</span>_d <span class=\"k\">=</span> <span class=\"k\">{</span>","                        els <span class=\"k\">:</span> <span class=\"k\">[]</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> key <span class=\"k\">=</span> type <span class=\"k\">+</span> handler<span class=\"k\">.</span>toString<span class=\"k\">(),</span>index <span class=\"k\">=</span> utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>handler<span class=\"k\">.</span>_d<span class=\"k\">.</span>els<span class=\"k\">,</span>element<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>handler<span class=\"k\">.</span>_d<span class=\"k\">[</span>key<span class=\"k\">]</span> <span class=\"k\">||</span> index <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>index <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        handler<span class=\"k\">.</span>_d<span class=\"k\">.</span>els<span class=\"k\">.</span>push<span class=\"k\">(</span>element<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>handler<span class=\"k\">.</span>_d<span class=\"k\">[</span>key<span class=\"k\">])</span><span class=\"k\">{</span>","                        handler<span class=\"k\">.</span>_d<span class=\"k\">[</span>key<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> handler<span class=\"k\">.</span>call<span class=\"k\">(</span>evt<span class=\"k\">.</span>srcElement<span class=\"k\">,</span> evt <span class=\"k\">||</span> window<span class=\"k\">.</span>event<span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","","                    element<span class=\"k\">.</span>attachEvent<span class=\"k\">(</span><span class=\"s\">'on'</span> <span class=\"k\">+</span> type<span class=\"k\">,</span> handler<span class=\"k\">.</span>_d<span class=\"k\">[</span>key<span class=\"k\">]);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        element <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#35299;&#38500;DOM&#20107;&#20214;&#32465;&#23450;</span>","<span class=\"c\">     * @method un</span>","<span class=\"c\">     * @param { Node } element &#38656;&#35201;&#35299;&#38500;&#20107;&#20214;&#32465;&#23450;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { String } type &#38656;&#35201;&#25509;&#35302;&#32465;&#23450;&#30340;&#20107;&#20214;&#31867;&#22411;</span>","<span class=\"c\">     * @param { Function } handler &#23545;&#24212;&#30340;&#20107;&#20214;&#22788;&#29702;&#22120;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * UE.dom.domUtils.un(document.body,\"click\",function(evt){</span>","<span class=\"c\">     *     //evt&#20026;&#20107;&#20214;&#23545;&#35937;&#65292;this&#20026;&#34987;&#28857;&#20987;&#20803;&#32032;&#23545;&#35937;</span>","<span class=\"c\">     * });</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#35299;&#38500;DOM&#20107;&#20214;&#32465;&#23450;</span>","<span class=\"c\">     * @method un</span>","<span class=\"c\">     * @param { Node } element &#38656;&#35201;&#35299;&#38500;&#20107;&#20214;&#32465;&#23450;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { Array } type &#38656;&#35201;&#25509;&#35302;&#32465;&#23450;&#30340;&#20107;&#20214;&#31867;&#22411;&#25968;&#32452;</span>","<span class=\"c\">     * @param { Function } handler &#23545;&#24212;&#30340;&#20107;&#20214;&#22788;&#29702;&#22120;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * UE.dom.domUtils.un(document.body, [\"click\",\"mousedown\"],function(evt){</span>","<span class=\"c\">     *     //evt&#20026;&#20107;&#20214;&#23545;&#35937;&#65292;this&#20026;&#34987;&#28857;&#20987;&#20803;&#32032;&#23545;&#35937;</span>","<span class=\"c\">     * });</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    un<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">,</span> type<span class=\"k\">,</span> handler<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> types <span class=\"k\">=</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>type<span class=\"k\">)</span> <span class=\"k\">?</span> type <span class=\"k\">:</span> <span class=\"k\">[</span>type<span class=\"k\">],</span>","            k <span class=\"k\">=</span> types<span class=\"k\">.</span>length<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>k<span class=\"k\">)</span> <span class=\"k\">while</span> <span class=\"k\">(</span>k<span class=\"k\">--)</span> <span class=\"k\">{</span>","            type <span class=\"k\">=</span> types<span class=\"k\">[</span>k<span class=\"k\">];</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>removeEventListener<span class=\"k\">)</span> <span class=\"k\">{</span>","                element<span class=\"k\">.</span>removeEventListener<span class=\"k\">(</span>type<span class=\"k\">,</span> handler<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> key <span class=\"k\">=</span> type <span class=\"k\">+</span> handler<span class=\"k\">.</span>toString<span class=\"k\">();</span>","                <span class=\"k\">try</span><span class=\"k\">{</span>","                    element<span class=\"k\">.</span>detachEvent<span class=\"k\">(</span><span class=\"s\">'on'</span> <span class=\"k\">+</span> type<span class=\"k\">,</span> handler<span class=\"k\">.</span>_d <span class=\"k\">?</span> handler<span class=\"k\">.</span>_d<span class=\"k\">[</span>key<span class=\"k\">]</span> <span class=\"k\">:</span> handler<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>handler<span class=\"k\">.</span>_d <span class=\"k\">&amp;&amp;</span> handler<span class=\"k\">.</span>_d<span class=\"k\">[</span>key<span class=\"k\">])</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> index <span class=\"k\">=</span> utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>handler<span class=\"k\">.</span>_d<span class=\"k\">.</span>els<span class=\"k\">,</span>element<span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>index<span class=\"k\">!=-</span><span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        handler<span class=\"k\">.</span>_d<span class=\"k\">.</span>els<span class=\"k\">.</span>splice<span class=\"k\">(</span>index<span class=\"k\">,</span><span class=\"s\">1</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    handler<span class=\"k\">.</span>_d<span class=\"k\">.</span>els<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">delete</span> handler<span class=\"k\">.</span>_d<span class=\"k\">[</span>key<span class=\"k\">];</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#27604;&#36739;&#33410;&#28857;nodeA&#19982;&#33410;&#28857;nodeB&#26159;&#21542;&#20855;&#26377;&#30456;&#21516;&#30340;&#26631;&#31614;&#21517;&#12289;&#23646;&#24615;&#21517;&#20197;&#21450;&#23646;&#24615;&#20540;</span>","<span class=\"c\">     * @method  isSameElement</span>","<span class=\"c\">     * @param { Node } nodeA &#38656;&#35201;&#27604;&#36739;&#30340;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Node } nodeB &#38656;&#35201;&#27604;&#36739;&#30340;&#33410;&#28857;</span>","<span class=\"c\">     * @return { Boolean } &#20004;&#20010;&#33410;&#28857;&#26159;&#21542;&#20855;&#26377;&#30456;&#21516;&#30340;&#26631;&#31614;&#21517;&#12289;&#23646;&#24615;&#21517;&#20197;&#21450;&#23646;&#24615;&#20540;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span style=\"font-size:12px\"&gt;ssss&lt;/span&gt;</span>","<span class=\"c\">     * &lt;span style=\"font-size:12px\"&gt;bbbbb&lt;/span&gt;</span>","<span class=\"c\">     * &lt;span style=\"font-size:13px\"&gt;ssss&lt;/span&gt;</span>","<span class=\"c\">     * &lt;span style=\"font-size:14px\"&gt;bbbbb&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     var nodes = document.getElementsByTagName( \"span\" );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: true</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.isSameElement( nodes[0], nodes[1] ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: false</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.isSameElement( nodes[2], nodes[3] ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    isSameElement<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>nodeA<span class=\"k\">,</span> nodeB<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>nodeA<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> nodeB<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> thisAttrs <span class=\"k\">=</span> nodeA<span class=\"k\">.</span>attributes<span class=\"k\">,</span>","            otherAttrs <span class=\"k\">=</span> nodeB<span class=\"k\">.</span>attributes<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>ie <span class=\"k\">&amp;&amp;</span> thisAttrs<span class=\"k\">.</span>length <span class=\"k\">!=</span> otherAttrs<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> attrA<span class=\"k\">,</span> attrB<span class=\"k\">,</span> al <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> bl <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> attrA <span class=\"k\">=</span> thisAttrs<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>attrA<span class=\"k\">.</span>nodeName <span class=\"k\">==</span> <span class=\"s\">'style'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>attrA<span class=\"k\">.</span>specified<span class=\"k\">)</span> <span class=\"k\">{</span>","                    al<span class=\"k\">++;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isSameStyle<span class=\"k\">(</span>nodeA<span class=\"k\">,</span> nodeB<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">continue</span><span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>attrA<span class=\"k\">.</span>specified<span class=\"k\">)</span> <span class=\"k\">{</span>","                    al<span class=\"k\">++;</span>","                    attrB <span class=\"k\">=</span> otherAttrs<span class=\"k\">.</span>getNamedItem<span class=\"k\">(</span>attrA<span class=\"k\">.</span>nodeName<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">continue</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                attrB <span class=\"k\">=</span> nodeB<span class=\"k\">.</span>attributes<span class=\"k\">[</span>attrA<span class=\"k\">.</span>nodeName<span class=\"k\">];</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>attrB<span class=\"k\">.</span>specified <span class=\"k\">||</span> attrA<span class=\"k\">.</span>nodeValue <span class=\"k\">!=</span> attrB<span class=\"k\">.</span>nodeValue<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"c\">// &#26377;&#21487;&#33021;attrB&#30340;&#23646;&#24615;&#21253;&#21547;&#20102;attrA&#30340;&#23646;&#24615;&#20043;&#22806;&#36824;&#26377;&#33258;&#24049;&#30340;&#23646;&#24615;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span>i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> attrB <span class=\"k\">=</span> otherAttrs<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>attrB<span class=\"k\">.</span>specified<span class=\"k\">)</span> <span class=\"k\">{</span>","                    bl<span class=\"k\">++;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>al <span class=\"k\">!=</span> bl<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21028;&#26029;&#33410;&#28857;nodeA&#19982;&#33410;&#28857;nodeB&#30340;&#20803;&#32032;&#30340;style&#23646;&#24615;&#26159;&#21542;&#19968;&#33268;</span>","<span class=\"c\">     * @method isSameStyle</span>","<span class=\"c\">     * @param { Node } nodeA &#38656;&#35201;&#27604;&#36739;&#30340;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Node } nodeB &#38656;&#35201;&#27604;&#36739;&#30340;&#33410;&#28857;</span>","<span class=\"c\">     * @return { Boolean } &#20004;&#20010;&#33410;&#28857;&#26159;&#21542;&#20855;&#26377;&#30456;&#21516;&#30340;style&#23646;&#24615;&#20540;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span style=\"font-size:12px\"&gt;ssss&lt;/span&gt;</span>","<span class=\"c\">     * &lt;span style=\"font-size:12px\"&gt;bbbbb&lt;/span&gt;</span>","<span class=\"c\">     * &lt;span style=\"font-size:13px\"&gt;ssss&lt;/span&gt;</span>","<span class=\"c\">     * &lt;span style=\"font-size:14px\"&gt;bbbbb&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     var nodes = document.getElementsByTagName( \"span\" );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: true</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.isSameElement( nodes[0], nodes[1] ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: false</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.isSameElement( nodes[2], nodes[3] ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    isSameStyle<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>nodeA<span class=\"k\">,</span> nodeB<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> styleA <span class=\"k\">=</span> nodeA<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/( ?; ?)/g</span><span class=\"k\">,</span> <span class=\"s\">';'</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/( ?: ?)/g</span><span class=\"k\">,</span> <span class=\"s\">':'</span><span class=\"k\">),</span>","            styleB <span class=\"k\">=</span> nodeB<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/( ?; ?)/g</span><span class=\"k\">,</span> <span class=\"s\">';'</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/( ?: ?)/g</span><span class=\"k\">,</span> <span class=\"s\">':'</span><span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>opera<span class=\"k\">)</span> <span class=\"k\">{</span>","            styleA <span class=\"k\">=</span> nodeA<span class=\"k\">.</span>style<span class=\"k\">;</span>","            styleB <span class=\"k\">=</span> nodeB<span class=\"k\">.</span>style<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>styleA<span class=\"k\">.</span>length <span class=\"k\">!=</span> styleB<span class=\"k\">.</span>length<span class=\"k\">)</span>","                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> styleA<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/^(\\d+|csstext)$/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>p<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">continue</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>styleA<span class=\"k\">[</span>p<span class=\"k\">]</span> <span class=\"k\">!=</span> styleB<span class=\"k\">[</span>p<span class=\"k\">])</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>styleA <span class=\"k\">||</span> <span class=\"k\">!</span>styleB<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> styleA <span class=\"k\">==</span> styleB<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        styleA <span class=\"k\">=</span> styleA<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">';'</span><span class=\"k\">);</span>","        styleB <span class=\"k\">=</span> styleB<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">';'</span><span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>styleA<span class=\"k\">.</span>length <span class=\"k\">!=</span> styleB<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> styleA<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>styleB<span class=\"k\">,</span> ci<span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26816;&#26597;&#33410;&#28857;node&#26159;&#21542;&#20026;block&#20803;&#32032;</span>","<span class=\"c\">     * @method isBlockElm</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26816;&#27979;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Boolean } &#26159;&#21542;&#26159;block&#20803;&#32032;&#33410;&#28857;</span>","<span class=\"c\">     * @warning &#35813;&#26041;&#27861;&#30340;&#21028;&#26029;&#35268;&#21017;&#22914;&#19979;&#65306; &#22914;&#26524;&#35813;&#20803;&#32032;&#21407;&#26412;&#26159;block&#20803;&#32032;&#65292; &#21017;&#19981;&#35770;&#35813;&#20803;&#32032;&#24403;&#21069;&#30340;css&#26679;&#24335;&#26159;&#20160;&#20040;&#37117;&#20250;&#36820;&#22238;true&#65307;</span>","<span class=\"c\">     *          &#21542;&#21017;&#65292;&#26816;&#27979;&#35813;&#20803;&#32032;&#30340;css&#26679;&#24335;&#65292; &#22914;&#26524;&#35813;&#20803;&#32032;&#24403;&#21069;&#26159;block&#20803;&#32032;&#65292; &#21017;&#36820;&#22238;true&#12290; &#20854;&#20313;&#24773;&#20917;&#19979;&#37117;&#36820;&#22238;false&#12290;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span id=\"test1\" style=\"display: block\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     * &lt;span id=\"test2\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     * &lt;div id=\"test3\" style=\"display: inline\"&gt;&lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: true</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.isBlockEle( document.getElementById(\"test1\") ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: false</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.isBlockEle( document.getElementById(\"test2\") ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: true</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.isBlockEle( document.getElementById(\"test3\") ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    isBlockElm<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">||</span> styleBlock<span class=\"k\">[</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">'display'</span><span class=\"k\">)])</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$nonChild<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">];</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26816;&#27979;node&#33410;&#28857;&#26159;&#21542;&#20026;body&#33410;&#28857;</span>","<span class=\"c\">     * @method isBody</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#26816;&#27979;&#30340;dom&#20803;&#32032;</span>","<span class=\"c\">     * @return { Boolean } &#32473;&#23450;&#30340;&#20803;&#32032;&#26159;&#21542;&#26159;body&#20803;&#32032;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //output: true</span>","<span class=\"c\">     * console.log( UE.dom.domUtils.isBody( document.body ) );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    isBody<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span>  node <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'body'</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#20197;node&#33410;&#28857;&#20026;&#20013;&#24515;&#65292;&#23558;&#35813;&#33410;&#28857;&#30340;&#25351;&#23450;&#31062;&#20808;&#33410;&#28857;parent&#25286;&#20998;&#25104;2&#22359;</span>","<span class=\"c\">     * @name  breakParent</span>","<span class=\"c\">     * @grammar UE.dom.domUtils.breakParent(node,parent) =&gt; node</span>","<span class=\"c\">     * @desc</span>","<span class=\"c\">     * &lt;code type=\"html\"&gt;&lt;b&gt;ooo&lt;/b&gt;&#26159;node&#33410;&#28857;</span>","<span class=\"c\">     * &lt;p&gt;xxxx&lt;b&gt;ooo&lt;/b&gt;xxx&lt;/p&gt; ==&gt; &lt;p&gt;xxx&lt;/p&gt;&lt;b&gt;ooo&lt;/b&gt;&lt;p&gt;xxx&lt;/p&gt;</span>","<span class=\"c\">     * &lt;p&gt;xxxxx&lt;span&gt;xxxx&lt;b&gt;ooo&lt;/b&gt;xxxxxx&lt;/span&gt;&lt;/p&gt;   =&gt;   &lt;p&gt;xxxxx&lt;span&gt;xxxx&lt;/span&gt;&lt;/p&gt;&lt;b&gt;ooo&lt;/b&gt;&lt;p&gt;&lt;span&gt;xxxxxx&lt;/span&gt;&lt;/p&gt;&lt;/code&gt;</span>","<span class=\"c\">     */</span>","    breakParent<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> parent<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tmpNode<span class=\"k\">,</span>","            parentClone <span class=\"k\">=</span> node<span class=\"k\">,</span>","            clone <span class=\"k\">=</span> node<span class=\"k\">,</span>","            leftNodes<span class=\"k\">,</span>","            rightNodes<span class=\"k\">;</span>","        <span class=\"k\">do</span> <span class=\"k\">{</span>","            parentClone <span class=\"k\">=</span> parentClone<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>leftNodes<span class=\"k\">)</span> <span class=\"k\">{</span>","                tmpNode <span class=\"k\">=</span> parentClone<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                tmpNode<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>leftNodes<span class=\"k\">);</span>","                leftNodes <span class=\"k\">=</span> tmpNode<span class=\"k\">;</span>","                tmpNode <span class=\"k\">=</span> parentClone<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                tmpNode<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>rightNodes<span class=\"k\">);</span>","                rightNodes <span class=\"k\">=</span> tmpNode<span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                leftNodes <span class=\"k\">=</span> parentClone<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                rightNodes <span class=\"k\">=</span> leftNodes<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">=</span> clone<span class=\"k\">.</span>previousSibling<span class=\"k\">)</span> <span class=\"k\">{</span>","                leftNodes<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> leftNodes<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">=</span> clone<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span> <span class=\"k\">{</span>","                rightNodes<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            clone <span class=\"k\">=</span> parentClone<span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">while</span> <span class=\"k\">(</span>parent <span class=\"k\">!==</span> parentClone<span class=\"k\">);</span>","        tmpNode <span class=\"k\">=</span> parent<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","        tmpNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>leftNodes<span class=\"k\">,</span> parent<span class=\"k\">);</span>","        tmpNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>rightNodes<span class=\"k\">,</span> parent<span class=\"k\">);</span>","        tmpNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>node<span class=\"k\">,</span> rightNodes<span class=\"k\">);</span>","        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>parent<span class=\"k\">);</span>","        <span class=\"k\">return</span> node<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#26816;&#26597;&#33410;&#28857;node&#26159;&#21542;&#26159;&#31354;inline&#33410;&#28857;</span>","<span class=\"c\">     * @name  isEmptyInlineElement</span>","<span class=\"c\">     * @grammar   UE.dom.domUtils.isEmptyInlineElement(node)  =&gt; 1|0</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * &lt;b&gt;&lt;i&gt;&lt;/i&gt;&lt;/b&gt; =&gt; 1</span>","<span class=\"c\">     * &lt;b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;/b&gt; =&gt; 1</span>","<span class=\"c\">     * &lt;b&gt;&lt;/b&gt; =&gt; 1</span>","<span class=\"c\">     * &lt;b&gt;xx&lt;i&gt;&lt;/i&gt;&lt;/b&gt; =&gt; 0</span>","<span class=\"c\">     */</span>","    isEmptyInlineElement<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">!=</span> <span class=\"s\">1</span> <span class=\"k\">||</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$removeEmpty<span class=\"k\">[</span> node<span class=\"k\">.</span>tagName <span class=\"k\">])</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        node <span class=\"k\">=</span> node<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#22914;&#26524;&#26159;&#21019;&#24314;&#30340;bookmark&#23601;&#36339;&#36807;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>node<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isEmptyInlineElement<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">||</span>","                node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">)</span>","                <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            node <span class=\"k\">=</span> node<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21024;&#38500;node&#33410;&#28857;&#19979;&#39318;&#23614;&#20004;&#31471;&#30340;&#31354;&#30333;&#25991;&#26412;&#23376;&#33410;&#28857;</span>","<span class=\"c\">     * @method trimWhiteTextNode</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#25191;&#34892;&#21024;&#38500;&#25805;&#20316;&#30340;&#20803;&#32032;&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;</span>","<span class=\"c\">     *     &lt;div&gt;&lt;/div&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     var testNode = document.getElementById(\"test\");</span>","<span class=\"c\">     *     //output: 3</span>","<span class=\"c\">     *     console.log(testNode.childNodes.length);</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.trimWhiteTextNode( testNode );</span>","<span class=\"c\">     *     //output: 1</span>","<span class=\"c\">     *     console.log(testNode.childNodes.length);</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    trimWhiteTextNode<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">function</span> remove<span class=\"k\">(</span>dir<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> child<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">((</span>child <span class=\"k\">=</span> node<span class=\"k\">[</span>dir<span class=\"k\">])</span> <span class=\"k\">&amp;&amp;</span> child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>child<span class=\"k\">))</span> <span class=\"k\">{</span>","                node<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>child<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        remove<span class=\"k\">(</span><span class=\"s\">'firstChild'</span><span class=\"k\">);</span>","        remove<span class=\"k\">(</span><span class=\"s\">'lastChild'</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#21512;&#24182;node&#33410;&#28857;&#19979;&#30456;&#21516;&#30340;&#23376;&#33410;&#28857;</span>","<span class=\"c\">     * @method mergeChild</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * &lt;p&gt;&lt;span style=\"font-size:12px;\"&gt;xx&lt;span style=\"font-size:12px;\"&gt;aa&lt;/span&gt;xx&lt;/span&gt;&lt;/p&gt;</span>","<span class=\"c\">     * ==&gt; UE.dom.domUtils.mergeChild(node,'span')</span>","<span class=\"c\">     * &lt;p&gt;&lt;span style=\"font-size:12px;\"&gt;xxaaxx&lt;/span&gt;&lt;/p&gt;</span>","<span class=\"c\">     */</span>","    mergeChild<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> tagName<span class=\"k\">,</span> attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> list <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>node<span class=\"k\">,</span> node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">());</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> list<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ci<span class=\"k\">.</span>parentNode <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>ci<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">continue</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//span&#21333;&#29420;&#22788;&#29702;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'span'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>node <span class=\"k\">===</span> ci<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>trimWhiteTextNode<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> ci<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+</span> <span class=\"s\">\";\"</span> <span class=\"k\">+</span> node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ci<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">continue</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                ci<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+</span> <span class=\"s\">';'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> style <span class=\"k\">=</span> attrs<span class=\"k\">.</span>style<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>style<span class=\"k\">)</span> <span class=\"k\">{</span>","                        style <span class=\"k\">=</span> style<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">';'</span><span class=\"k\">);</span>","                        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> s<span class=\"k\">;</span> s <span class=\"k\">=</span> style<span class=\"k\">[</span>j<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                            ci<span class=\"k\">.</span>style<span class=\"k\">[</span>utils<span class=\"k\">.</span>cssStyleToDomStyle<span class=\"k\">(</span>s<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">':'</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">])]</span> <span class=\"k\">=</span> s<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">':'</span><span class=\"k\">)[</span><span class=\"s\">1</span><span class=\"k\">];</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isSameStyle<span class=\"k\">(</span>ci<span class=\"k\">,</span> node<span class=\"k\">))</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ci<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">continue</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isSameElement<span class=\"k\">(</span>node<span class=\"k\">,</span> ci<span class=\"k\">))</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ci<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#21407;&#29983;&#26041;&#27861;getElementsByTagName&#30340;&#23553;&#35013;</span>","<span class=\"c\">     * @name getElementsByTagName</span>","<span class=\"c\">     * @grammar UE.dom.domUtils.getElementsByTagName(node,tagName)  =&gt; Array  //&#33410;&#28857;&#38598;&#21512;&#25968;&#32452;</span>","<span class=\"c\">     */</span>","    getElementsByTagName<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> name<span class=\"k\">,</span>filter<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>filter <span class=\"k\">&amp;&amp;</span> utils<span class=\"k\">.</span>isString<span class=\"k\">(</span>filter<span class=\"k\">))</span><span class=\"k\">{</span>","           <span class=\"k\">var</span> className <span class=\"k\">=</span> filter<span class=\"k\">;</span>","           filter <span class=\"k\">=</span>  <span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>node<span class=\"k\">,</span>className<span class=\"k\">)</span><span class=\"k\">}</span>","        <span class=\"k\">}</span>","        name <span class=\"k\">=</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>name<span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/[ ]{2,}/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">var</span> arr <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> n <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ni<span class=\"k\">;</span>ni<span class=\"k\">=</span>name<span class=\"k\">[</span>n<span class=\"k\">++];)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> list <span class=\"k\">=</span> node<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>ni<span class=\"k\">);</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> list<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(!</span>filter <span class=\"k\">||</span> filter<span class=\"k\">(</span>ci<span class=\"k\">))</span>","                    arr<span class=\"k\">.</span>push<span class=\"k\">(</span>ci<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">return</span> arr<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;&#33410;&#28857;node&#25552;&#21462;&#21040;&#29238;&#33410;&#28857;&#19978;</span>","<span class=\"c\">     * @method mergeToParent</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#25552;&#21462;&#30340;&#20803;&#32032;&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"parent\"&gt;</span>","<span class=\"c\">     *     &lt;div id=\"sub\"&gt;</span>","<span class=\"c\">     *         &lt;span id=\"child\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     *     &lt;/div&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     var child = document.getElementById( \"child\" );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: sub</span>","<span class=\"c\">     *     console.log( child.parentNode.id );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.mergeToParent( child );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: parent</span>","<span class=\"c\">     *     console.log( child.parentNode.id );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    mergeToParent<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> parent <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>parent <span class=\"k\">&amp;&amp;</span> dtd<span class=\"k\">.</span>$removeEmpty<span class=\"k\">[</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName <span class=\"k\">==</span> node<span class=\"k\">.</span>tagName <span class=\"k\">||</span> parent<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'A'</span><span class=\"k\">)</span> <span class=\"k\">{</span><span class=\"c\">//&#38024;&#23545;a&#26631;&#31614;&#21333;&#29420;&#22788;&#29702;</span>","                domUtils<span class=\"k\">.</span>trimWhiteTextNode<span class=\"k\">(</span>parent<span class=\"k\">);</span>","                <span class=\"c\">//span&#38656;&#35201;&#29305;&#27530;&#22788;&#29702;  &#19981;&#22788;&#29702;&#36825;&#26679;&#30340;&#24773;&#20917; &lt;span stlye=\"color:#fff\"&gt;xxx&lt;span style=\"color:#ccc\"&gt;xxx&lt;/span&gt;xxx&lt;/span&gt;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'SPAN'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isSameStyle<span class=\"k\">(</span>parent<span class=\"k\">,</span> node<span class=\"k\">)</span>","                    <span class=\"k\">||</span> <span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'A'</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'SPAN'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>parent<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">1</span> <span class=\"k\">||</span> parent <span class=\"k\">!==</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> parent<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+</span> <span class=\"s\">\";\"</span> <span class=\"k\">+</span> node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                        parent <span class=\"k\">=</span> parent<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                        <span class=\"k\">continue</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        parent<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+=</span> <span class=\"s\">\";\"</span> <span class=\"k\">+</span> node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                        <span class=\"c\">//trace:952 a&#26631;&#31614;&#35201;&#20445;&#25345;&#19979;&#21010;&#32447;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'A'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            parent<span class=\"k\">.</span>style<span class=\"k\">.</span>textDecoration <span class=\"k\">=</span> <span class=\"s\">'underline'</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> <span class=\"s\">'A'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    parent <span class=\"k\">===</span> node<span class=\"k\">.</span>parentNode <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            parent <span class=\"k\">=</span> parent<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21512;&#24182;&#33410;&#28857;node&#30340;&#24038;&#21491;&#20804;&#24351;&#33410;&#28857;</span>","<span class=\"c\">     * @method mergeSibling</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#21512;&#24182;&#30340;&#30446;&#26631;&#33410;&#28857;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;b&gt;xxxx&lt;/b&gt;&lt;b id=\"test\"&gt;ooo&lt;/b&gt;&lt;b&gt;xxxx&lt;/b&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     var demoNode = document.getElementById(\"test\");</span>","<span class=\"c\">     *     UE.dom.domUtils.mergeSibling( demoNode );</span>","<span class=\"c\">     *     //output: xxxxoooxxxx</span>","<span class=\"c\">     *     console.log( demoNode.innerHTML );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21512;&#24182;&#33410;&#28857;node&#30340;&#24038;&#21491;&#20804;&#24351;&#33410;&#28857;&#65292; &#21487;&#20197;&#26681;&#25454;&#32473;&#23450;&#30340;&#26465;&#20214;&#36873;&#25321;&#26159;&#21542;&#24573;&#30053;&#21512;&#24182;&#24038;&#33410;&#28857;&#12290;</span>","<span class=\"c\">     * @method mergeSibling</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#21512;&#24182;&#30340;&#30446;&#26631;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Boolean } ignorePre &#26159;&#21542;&#24573;&#30053;&#21512;&#24182;&#24038;&#33410;&#28857;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;b&gt;xxxx&lt;/b&gt;&lt;b id=\"test\"&gt;ooo&lt;/b&gt;&lt;b&gt;xxxx&lt;/b&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     var demoNode = document.getElementById(\"test\");</span>","<span class=\"c\">     *     UE.dom.domUtils.mergeSibling( demoNode, true );</span>","<span class=\"c\">     *     //output: oooxxxx</span>","<span class=\"c\">     *     console.log( demoNode.innerHTML );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21512;&#24182;&#33410;&#28857;node&#30340;&#24038;&#21491;&#20804;&#24351;&#33410;&#28857;&#65292;&#21487;&#20197;&#26681;&#25454;&#32473;&#23450;&#30340;&#26465;&#20214;&#36873;&#25321;&#26159;&#21542;&#24573;&#30053;&#21512;&#24182;&#24038;&#21491;&#33410;&#28857;&#12290;</span>","<span class=\"c\">     * @method mergeSibling</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#21512;&#24182;&#30340;&#30446;&#26631;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Boolean } ignorePre &#26159;&#21542;&#24573;&#30053;&#21512;&#24182;&#24038;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Boolean } ignoreNext &#26159;&#21542;&#24573;&#30053;&#21512;&#24182;&#21491;&#33410;&#28857;</span>","<span class=\"c\">     * @remind &#22914;&#26524;&#21516;&#26102;&#24573;&#30053;&#24038;&#21491;&#33410;&#28857;&#65292; &#21017;&#35813;&#25805;&#20316;&#20160;&#20040;&#20063;&#19981;&#20250;&#20570;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;b&gt;xxxx&lt;/b&gt;&lt;b id=\"test\"&gt;ooo&lt;/b&gt;&lt;b&gt;xxxx&lt;/b&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     var demoNode = document.getElementById(\"test\");</span>","<span class=\"c\">     *     UE.dom.domUtils.mergeSibling( demoNode, false, true );</span>","<span class=\"c\">     *     //output: xxxxooo</span>","<span class=\"c\">     *     console.log( demoNode.innerHTML );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    mergeSibling<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> ignorePre<span class=\"k\">,</span> ignoreNext<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">function</span> merge<span class=\"k\">(</span>rtl<span class=\"k\">,</span> start<span class=\"k\">,</span> node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> next<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">((</span>next <span class=\"k\">=</span> node<span class=\"k\">[</span>rtl<span class=\"k\">])</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>next<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> next<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isSameElement<span class=\"k\">(</span>node<span class=\"k\">,</span> next<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span>next<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">==</span> <span class=\"s\">'firstChild'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>next<span class=\"k\">.</span>lastChild<span class=\"k\">,</span> node<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>next<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>next<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">!</span>ignorePre <span class=\"k\">&amp;&amp;</span> merge<span class=\"k\">(</span><span class=\"s\">'previousSibling'</span><span class=\"k\">,</span> <span class=\"s\">'firstChild'</span><span class=\"k\">,</span> node<span class=\"k\">);</span>","        <span class=\"k\">!</span>ignoreNext <span class=\"k\">&amp;&amp;</span> merge<span class=\"k\">(</span><span class=\"s\">'nextSibling'</span><span class=\"k\">,</span> <span class=\"s\">'lastChild'</span><span class=\"k\">,</span> node<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#35774;&#32622;&#33410;&#28857;node&#21450;&#20854;&#23376;&#33410;&#28857;&#19981;&#20250;&#34987;&#36873;&#20013;</span>","<span class=\"c\">     * @method unSelectable</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#25191;&#34892;&#25805;&#20316;&#30340;dom&#20803;&#32032;</span>","<span class=\"c\">     * @remind &#25191;&#34892;&#35813;&#25805;&#20316;&#21518;&#30340;&#33410;&#28857;&#65292; &#23558;&#19981;&#33021;&#34987;&#40736;&#26631;&#36873;&#20013;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * UE.dom.domUtils.unSelectable( document.body );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    unSelectable<span class=\"k\">:</span>ie <span class=\"k\">||</span> browser<span class=\"k\">.</span>opera <span class=\"k\">?</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"c\">//for ie9</span>","        node<span class=\"k\">.</span>onselectstart <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        node<span class=\"k\">.</span>onclick <span class=\"k\">=</span> node<span class=\"k\">.</span>onkeyup <span class=\"k\">=</span> node<span class=\"k\">.</span>onkeydown <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        node<span class=\"k\">.</span>unselectable <span class=\"k\">=</span> <span class=\"s\">'on'</span><span class=\"k\">;</span>","        node<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"unselectable\"</span><span class=\"k\">,</span> <span class=\"s\">\"on\"</span><span class=\"k\">);</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> node<span class=\"k\">.</span>all<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            <span class=\"k\">switch</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">case</span> <span class=\"s\">'iframe'</span> <span class=\"k\">:</span>","                <span class=\"k\">case</span> <span class=\"s\">'textarea'</span> <span class=\"k\">:</span>","                <span class=\"k\">case</span> <span class=\"s\">'input'</span> <span class=\"k\">:</span>","                <span class=\"k\">case</span> <span class=\"s\">'select'</span> <span class=\"k\">:</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">default</span> <span class=\"k\">:</span>","                    ci<span class=\"k\">.</span>unselectable <span class=\"k\">=</span> <span class=\"s\">'on'</span><span class=\"k\">;</span>","                    node<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"unselectable\"</span><span class=\"k\">,</span> <span class=\"s\">\"on\"</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span> <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        node<span class=\"k\">.</span>style<span class=\"k\">.</span>MozUserSelect <span class=\"k\">=</span>","            node<span class=\"k\">.</span>style<span class=\"k\">.</span>webkitUserSelect <span class=\"k\">=</span>","                node<span class=\"k\">.</span>style<span class=\"k\">.</span>KhtmlUserSelect <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21024;&#38500;&#33410;&#28857;node&#19978;&#30340;&#25351;&#23450;&#23646;&#24615;&#21517;&#31216;&#30340;&#23646;&#24615;</span>","<span class=\"c\">     * @method  removeAttributes</span>","<span class=\"c\">     * @param { String } attrNames &#21487;&#20197;&#26159;&#31354;&#26684;&#38548;&#24320;&#30340;&#22810;&#20010;&#23646;&#24615;&#21517;&#31216;&#65292;&#35813;&#25805;&#20316;&#23558;&#20250;&#20381;&#27425;&#21024;&#38500;&#30456;&#24212;&#30340;&#23646;&#24615;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"wrap\"&gt;</span>","<span class=\"c\">     *      &lt;span style=\"font-size:14px;\" id=\"test\" name=\"followMe\"&gt;xxxxx&lt;/span&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.removeAttributes( document.getElementById( \"test\" ), \"id name\" );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: &lt;span style=\"font-size:14px;\"&gt;xxxxx&lt;/span&gt;</span>","<span class=\"c\">     *     console.log( document.getElementById(\"wrap\").innerHTML );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21024;&#38500;&#33410;&#28857;node&#19978;&#30340;&#25351;&#23450;&#23646;&#24615;&#21517;&#31216;&#30340;&#23646;&#24615;</span>","<span class=\"c\">     * @method  removeAttributes</span>","<span class=\"c\">     * @param { Array } attrNames &#38656;&#35201;&#21024;&#38500;&#30340;&#23646;&#24615;&#21517;&#25968;&#32452;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"wrap\"&gt;</span>","<span class=\"c\">     *      &lt;span style=\"font-size:14px;\" id=\"test\" name=\"followMe\"&gt;xxxxx&lt;/span&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.removeAttributes( document.getElementById( \"test\" ), [\"id\", \"name\"] );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: &lt;span style=\"font-size:14px;\"&gt;xxxxx&lt;/span&gt;</span>","<span class=\"c\">     *     console.log( document.getElementById(\"wrap\").innerHTML );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    removeAttributes<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> attrNames<span class=\"k\">)</span> <span class=\"k\">{</span>","        attrNames <span class=\"k\">=</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>attrNames<span class=\"k\">)</span> <span class=\"k\">?</span> attrNames <span class=\"k\">:</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>attrNames<span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/[ ]{2,}/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> attrNames<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            ci <span class=\"k\">=</span> attrFix<span class=\"k\">[</span>ci<span class=\"k\">]</span> <span class=\"k\">||</span> ci<span class=\"k\">;</span>","            <span class=\"k\">switch</span> <span class=\"k\">(</span>ci<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">case</span> <span class=\"s\">'className'</span><span class=\"k\">:</span>","                    node<span class=\"k\">[</span>ci<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">case</span> <span class=\"s\">'style'</span><span class=\"k\">:</span>","                    node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                    <span class=\"k\">!</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>removeAttributeNode<span class=\"k\">(</span>node<span class=\"k\">.</span>getAttributeNode<span class=\"k\">(</span><span class=\"s\">'style'</span><span class=\"k\">))</span>","            <span class=\"k\">}</span>","            node<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span>ci<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#22312;doc&#19979;&#21019;&#24314;&#19968;&#20010;&#26631;&#31614;&#21517;&#20026;tag&#65292;&#23646;&#24615;&#20026;attrs&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @method createElement</span>","<span class=\"c\">     * @param { DomDocument } doc &#26032;&#21019;&#24314;&#30340;&#20803;&#32032;&#23646;&#20110;&#35813;document&#33410;&#28857;&#21019;&#24314;</span>","<span class=\"c\">     * @param { String } tagName &#38656;&#35201;&#21019;&#24314;&#30340;&#20803;&#32032;&#30340;&#26631;&#31614;&#21517;</span>","<span class=\"c\">     * @param { KeyValueMap } attrs &#26032;&#21019;&#24314;&#30340;&#20803;&#32032;&#30340;&#23646;&#24615;key-value&#38598;&#21512;</span>","<span class=\"c\">     * @return { Element } &#26032;&#21019;&#24314;&#30340;&#20803;&#32032;&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var ele = UE.dom.domUtils.createElement( document, 'div', {</span>","<span class=\"c\">     *     id: 'test'</span>","<span class=\"c\">     * } );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: DIV</span>","<span class=\"c\">     * console.log( ele.tagName );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: test</span>","<span class=\"c\">     * console.log( ele.id );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    createElement<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>doc<span class=\"k\">,</span> tag<span class=\"k\">,</span> attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>doc<span class=\"k\">.</span>createElement<span class=\"k\">(</span>tag<span class=\"k\">),</span> attrs<span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#20026;&#33410;&#28857;node&#28155;&#21152;&#23646;&#24615;attrs&#65292;attrs&#20026;&#23646;&#24615;&#38190;&#20540;&#23545;</span>","<span class=\"c\">     * @method setAttributes</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#35774;&#32622;&#23646;&#24615;&#30340;&#20803;&#32032;&#23545;&#35937;</span>","<span class=\"c\">     * @param { KeyValueMap } attrs &#38656;&#35201;&#35774;&#32622;&#30340;&#23646;&#24615;&#21517;-&#20540;&#23545;</span>","<span class=\"c\">     * @return { Element } &#35774;&#32622;&#23646;&#24615;&#30340;&#20803;&#32032;&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span id=\"test\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     var testNode = UE.dom.domUtils.setAttributes( document.getElementById( \"test\" ), {</span>","<span class=\"c\">     *         id: 'demo'</span>","<span class=\"c\">     *     } );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: demo</span>","<span class=\"c\">     *     console.log( testNode.id );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     */</span>","    setAttributes<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> attr <span class=\"k\">in</span> attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>attrs<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>attr<span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> value <span class=\"k\">=</span> attrs<span class=\"k\">[</span>attr<span class=\"k\">];</span>","                <span class=\"k\">switch</span> <span class=\"k\">(</span>attr<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">case</span> <span class=\"s\">'class'</span><span class=\"k\">:</span>","                        <span class=\"c\">//ie&#19979;&#35201;&#36825;&#26679;&#36171;&#20540;&#65292;setAttribute&#19981;&#36215;&#20316;&#29992;</span>","                        node<span class=\"k\">.</span>className <span class=\"k\">=</span> value<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'style'</span> <span class=\"k\">:</span>","                        node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+</span> <span class=\"s\">\";\"</span> <span class=\"k\">+</span> value<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'innerHTML'</span><span class=\"k\">:</span>","                        node<span class=\"k\">[</span>attr<span class=\"k\">]</span> <span class=\"k\">=</span> value<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'value'</span><span class=\"k\">:</span>","                        node<span class=\"k\">.</span>value <span class=\"k\">=</span> value<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">default</span><span class=\"k\">:</span>","                        node<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span>attrFix<span class=\"k\">[</span>attr<span class=\"k\">]</span> <span class=\"k\">||</span> attr<span class=\"k\">,</span> value<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> node<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#20803;&#32032;element&#32463;&#36807;&#35745;&#31639;&#21518;&#30340;&#26679;&#24335;&#20540;</span>","<span class=\"c\">     * @method getComputedStyle</span>","<span class=\"c\">     * @param { Element } element &#38656;&#35201;&#33719;&#21462;&#26679;&#24335;&#30340;&#20803;&#32032;&#23545;&#35937;</span>","<span class=\"c\">     * @param { String } styleName &#38656;&#35201;&#33719;&#21462;&#30340;&#26679;&#24335;&#21517;</span>","<span class=\"c\">     * @return { String } &#33719;&#21462;&#21040;&#30340;&#26679;&#24335;&#20540;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;style type=\"text/css\"&gt;</span>","<span class=\"c\">     *      #test {</span>","<span class=\"c\">     *          font-size: 15px;</span>","<span class=\"c\">     *      }</span>","<span class=\"c\">     * &lt;/style&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;span id=\"test\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     //output: 15px</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.getComputedStyle( document.getElementById( \"test\" ), 'font-size' ) );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    getComputedStyle<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">,</span> styleName<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"c\">//&#19968;&#19979;&#30340;&#23646;&#24615;&#21333;&#29420;&#22788;&#29702;</span>","        <span class=\"k\">var</span> pros <span class=\"k\">=</span> <span class=\"s\">'width height top left'</span><span class=\"k\">;</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span>pros<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>styleName<span class=\"k\">)</span> <span class=\"k\">&gt;</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> element<span class=\"k\">[</span><span class=\"s\">'offset'</span> <span class=\"k\">+</span> styleName<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/^\\w/</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>s<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> s<span class=\"k\">.</span>toUpperCase<span class=\"k\">()</span><span class=\"k\">}</span><span class=\"k\">)]</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"c\">//&#24573;&#30053;&#25991;&#26412;&#33410;&#28857;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            element <span class=\"k\">=</span> element<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"c\">//ie&#19979;font-size&#33509;body&#19979;&#23450;&#20041;&#20102;font-size&#65292;&#21017;&#20174;currentStyle&#37324;&#20250;&#21462;&#21040;&#36825;&#20010;font-size. &#21462;&#19981;&#21040;&#23454;&#38469;&#20540;&#65292;&#25925;&#27492;&#20462;&#25913;.</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;</span> <span class=\"s\">9</span> <span class=\"k\">&amp;&amp;</span> styleName <span class=\"k\">==</span> <span class=\"s\">'font-size'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>element<span class=\"k\">.</span>style<span class=\"k\">.</span>fontSize <span class=\"k\">&amp;&amp;</span>","            <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>element<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$nonChild<span class=\"k\">[</span>element<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> span <span class=\"k\">=</span> element<span class=\"k\">.</span>ownerDocument<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","            span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">'padding:0;border:0;font-family:simsun;'</span><span class=\"k\">;</span>","            span<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'.'</span><span class=\"k\">;</span>","            element<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>span<span class=\"k\">);</span>","            <span class=\"k\">var</span> result <span class=\"k\">=</span> span<span class=\"k\">.</span>offsetHeight<span class=\"k\">;</span>","            element<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>span<span class=\"k\">);</span>","            span <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> result <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">try</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> value <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getStyle<span class=\"k\">(</span>element<span class=\"k\">,</span> styleName<span class=\"k\">)</span> <span class=\"k\">||</span>","                <span class=\"k\">(</span>window<span class=\"k\">.</span>getComputedStyle <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>getWindow<span class=\"k\">(</span>element<span class=\"k\">).</span>getComputedStyle<span class=\"k\">(</span>element<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>getPropertyValue<span class=\"k\">(</span>styleName<span class=\"k\">)</span> <span class=\"k\">:</span>","                    <span class=\"k\">(</span> element<span class=\"k\">.</span>currentStyle <span class=\"k\">||</span> element<span class=\"k\">.</span>style <span class=\"k\">)[</span>utils<span class=\"k\">.</span>cssStyleToDomStyle<span class=\"k\">(</span>styleName<span class=\"k\">)]);</span>","","        <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> utils<span class=\"k\">.</span>transUnitToPx<span class=\"k\">(</span>utils<span class=\"k\">.</span>fixColor<span class=\"k\">(</span>styleName<span class=\"k\">,</span> value<span class=\"k\">));</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21024;&#38500;&#20803;&#32032;element&#25351;&#23450;&#30340;className</span>","<span class=\"c\">     * @method removeClasses</span>","<span class=\"c\">     * @param { Element } ele &#38656;&#35201;&#21024;&#38500;class&#30340;&#20803;&#32032;&#33410;&#28857;</span>","<span class=\"c\">     * @param { String } classNames &#38656;&#35201;&#21024;&#38500;&#30340;className&#65292; &#22810;&#20010;className&#20043;&#38388;&#20197;&#31354;&#26684;&#20998;&#24320;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span id=\"test\" class=\"test1 test2 test3\"&gt;xxx&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     var testNode = document.getElementById( \"test\" );</span>","<span class=\"c\">     *     UE.dom.domUtils.removeClasses( testNode, \"test1 test2\" );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: test3</span>","<span class=\"c\">     *     console.log( testNode.className );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21024;&#38500;&#20803;&#32032;element&#25351;&#23450;&#30340;className</span>","<span class=\"c\">     * @method removeClasses</span>","<span class=\"c\">     * @param { Element } ele &#38656;&#35201;&#21024;&#38500;class&#30340;&#20803;&#32032;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Array } classNames &#38656;&#35201;&#21024;&#38500;&#30340;className&#25968;&#32452;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span id=\"test\" class=\"test1 test2 test3\"&gt;xxx&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     var testNode = document.getElementById( \"test\" );</span>","<span class=\"c\">     *     UE.dom.domUtils.removeClasses( testNode, [\"test1\", \"test2\"] );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: test3</span>","<span class=\"c\">     *     console.log( testNode.className );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    removeClasses<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>elm<span class=\"k\">,</span> classNames<span class=\"k\">)</span> <span class=\"k\">{</span>","        classNames <span class=\"k\">=</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>classNames<span class=\"k\">)</span> <span class=\"k\">?</span> classNames <span class=\"k\">:</span>","            utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>classNames<span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/[ ]{2,}/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">,</span>cls <span class=\"k\">=</span> elm<span class=\"k\">.</span>className<span class=\"k\">;</span>ci<span class=\"k\">=</span>classNames<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","            cls <span class=\"k\">=</span> cls<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'</span><span class=\"t\">\\\\</span><span class=\"s\">b'</span> <span class=\"k\">+</span> ci <span class=\"k\">+</span> <span class=\"s\">'</span><span class=\"t\">\\\\</span><span class=\"s\">b'</span><span class=\"k\">),</span><span class=\"s\">''</span><span class=\"k\">)</span>","        <span class=\"k\">}</span>","        cls <span class=\"k\">=</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>cls<span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/[ ]{2,}/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>cls<span class=\"k\">)</span><span class=\"k\">{</span>","            elm<span class=\"k\">.</span>className <span class=\"k\">=</span> cls<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>elm<span class=\"k\">,[</span><span class=\"s\">'class'</span><span class=\"k\">]);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#32473;&#20803;&#32032;element&#28155;&#21152;className</span>","<span class=\"c\">     * @method addClass</span>","<span class=\"c\">     * @param { Node } ele &#38656;&#35201;&#22686;&#21152;className&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { String } classNames &#38656;&#35201;&#28155;&#21152;&#30340;className&#65292; &#22810;&#20010;className&#20043;&#38388;&#20197;&#31354;&#26684;&#20998;&#21106;</span>","<span class=\"c\">     * @remind &#30456;&#21516;&#30340;&#31867;&#21517;&#19981;&#20250;&#34987;&#37325;&#22797;&#28155;&#21152;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span id=\"test\" class=\"cls1 cls2\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     var testNode = document.getElementById(\"test\");</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.addClass( testNode, \"cls2 cls3 cls4\" );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: cl1 cls2 cls3 cls4</span>","<span class=\"c\">     *     console.log( testNode.className );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#32473;&#20803;&#32032;element&#28155;&#21152;className</span>","<span class=\"c\">     * @method addClass</span>","<span class=\"c\">     * @param { Node } ele &#38656;&#35201;&#22686;&#21152;className&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { Array } classNames &#38656;&#35201;&#28155;&#21152;&#30340;className&#30340;&#25968;&#32452;</span>","<span class=\"c\">     * @remind &#30456;&#21516;&#30340;&#31867;&#21517;&#19981;&#20250;&#34987;&#37325;&#22797;&#28155;&#21152;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span id=\"test\" class=\"cls1 cls2\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     var testNode = document.getElementById(\"test\");</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.addClass( testNode, [\"cls2\", \"cls3\", \"cls4\"] );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: cl1 cls2 cls3 cls4</span>","<span class=\"c\">     *     console.log( testNode.className );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    addClass<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>elm<span class=\"k\">,</span> classNames<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(!</span>elm<span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","        classNames <span class=\"k\">=</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>classNames<span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/[ ]{2,}/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">,</span>cls <span class=\"k\">=</span> elm<span class=\"k\">.</span>className<span class=\"k\">;</span>ci<span class=\"k\">=</span>classNames<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'</span><span class=\"t\">\\\\</span><span class=\"s\">b'</span> <span class=\"k\">+</span> ci <span class=\"k\">+</span> <span class=\"s\">'</span><span class=\"t\">\\\\</span><span class=\"s\">b'</span><span class=\"k\">).</span>test<span class=\"k\">(</span>cls<span class=\"k\">))</span><span class=\"k\">{</span>","                elm<span class=\"k\">.</span>className <span class=\"k\">+=</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> ci<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21028;&#26029;&#20803;&#32032;element&#26159;&#21542;&#21253;&#21547;&#32473;&#23450;&#30340;&#26679;&#24335;&#31867;&#21517;className</span>","<span class=\"c\">     * @method hasClass</span>","<span class=\"c\">     * @param { Node } ele &#38656;&#35201;&#26816;&#27979;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { String } classNames &#38656;&#35201;&#26816;&#27979;&#30340;className&#65292; &#22810;&#20010;className&#20043;&#38388;&#29992;&#31354;&#26684;&#20998;&#21106;</span>","<span class=\"c\">     * @return { Boolean } &#20803;&#32032;&#26159;&#21542;&#21253;&#21547;&#25152;&#26377;&#32473;&#23450;&#30340;className</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span id=\"test1\" class=\"cls1 cls2\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     var test1 = document.getElementById(\"test1\");</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: false</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.hasClass( test1, \"cls2 cls1 cls3\" ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: true</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.hasClass( test1, \"cls2 cls1\" ) );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21028;&#26029;&#20803;&#32032;element&#26159;&#21542;&#21253;&#21547;&#32473;&#23450;&#30340;&#26679;&#24335;&#31867;&#21517;className</span>","<span class=\"c\">     * @method hasClass</span>","<span class=\"c\">     * @param { Node } ele &#38656;&#35201;&#26816;&#27979;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { Array } classNames &#38656;&#35201;&#26816;&#27979;&#30340;className&#25968;&#32452;</span>","<span class=\"c\">     * @return { Boolean } &#20803;&#32032;&#26159;&#21542;&#21253;&#21547;&#25152;&#26377;&#32473;&#23450;&#30340;className</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span id=\"test1\" class=\"cls1 cls2\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     var test1 = document.getElementById(\"test1\");</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: false</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.hasClass( test1, [ \"cls2\", \"cls1\", \"cls3\" ] ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: true</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.hasClass( test1, [ \"cls2\", \"cls1\" ]) );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    hasClass<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">,</span> className<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>utils<span class=\"k\">.</span>isRegExp<span class=\"k\">(</span>className<span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> className<span class=\"k\">.</span>test<span class=\"k\">(</span>element<span class=\"k\">.</span>className<span class=\"k\">)</span>","        <span class=\"k\">}</span>","        className <span class=\"k\">=</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>className<span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/[ ]{2,}/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">,</span>cls <span class=\"k\">=</span> element<span class=\"k\">.</span>className<span class=\"k\">;</span>ci<span class=\"k\">=</span>className<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'</span><span class=\"t\">\\\\</span><span class=\"s\">b'</span> <span class=\"k\">+</span> ci <span class=\"k\">+</span> <span class=\"s\">'</span><span class=\"t\">\\\\</span><span class=\"s\">b'</span><span class=\"k\">,</span><span class=\"s\">'i'</span><span class=\"k\">).</span>test<span class=\"k\">(</span>cls<span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> i <span class=\"k\">-</span> <span class=\"s\">1</span> <span class=\"k\">==</span> className<span class=\"k\">.</span>length<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#38459;&#27490;&#20107;&#20214;&#40664;&#35748;&#34892;&#20026;</span>","<span class=\"c\">     * @method preventDefault</span>","<span class=\"c\">     * @param { Event } evt &#38656;&#35201;&#38459;&#27490;&#40664;&#35748;&#34892;&#20026;&#30340;&#20107;&#20214;&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * UE.dom.domUtils.preventDefault( evt );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    preventDefault<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        evt<span class=\"k\">.</span>preventDefault <span class=\"k\">?</span> evt<span class=\"k\">.</span>preventDefault<span class=\"k\">()</span> <span class=\"k\">:</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>returnValue <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21024;&#38500;&#20803;&#32032;element&#25351;&#23450;&#30340;&#26679;&#24335;</span>","<span class=\"c\">     * @method removeStyle</span>","<span class=\"c\">     * @param { Element } element &#38656;&#35201;&#21024;&#38500;&#26679;&#24335;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { String } styleName &#38656;&#35201;&#21024;&#38500;&#30340;&#26679;&#24335;&#21517;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;span id=\"test\" style=\"color: red; background: blue;\"&gt;&lt;/span&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     var testNode = document.getElementById(\"test\");</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.removeStyle( testNode, 'color' );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: background: blue;</span>","<span class=\"c\">     *     console.log( testNode.style.cssText );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    removeStyle<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">,</span> name<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"c\">//&#38024;&#23545;color&#20808;&#21333;&#29420;&#22788;&#29702;&#19968;&#19979;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>name <span class=\"k\">==</span> <span class=\"s\">'color'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                name <span class=\"k\">=</span> <span class=\"s\">'(^|;)'</span> <span class=\"k\">+</span> name<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            element<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> element<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span>name <span class=\"k\">+</span> <span class=\"s\">'[^:]*:[^;]+;?'</span><span class=\"k\">,</span><span class=\"s\">'ig'</span><span class=\"k\">),</span><span class=\"s\">''</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>style<span class=\"k\">.</span>removeProperty<span class=\"k\">)</span> <span class=\"k\">{</span>","                element<span class=\"k\">.</span>style<span class=\"k\">.</span>removeProperty <span class=\"k\">(</span>name<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">{</span>","                element<span class=\"k\">.</span>style<span class=\"k\">.</span>removeAttribute <span class=\"k\">(</span>utils<span class=\"k\">.</span>cssStyleToDomStyle<span class=\"k\">(</span>name<span class=\"k\">));</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","","        <span class=\"k\">if</span> <span class=\"k\">(!</span>element<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">)</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>element<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'style'</span><span class=\"k\">]);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#20803;&#32032;element&#30340;style&#23646;&#24615;&#30340;&#25351;&#23450;&#20540;</span>","<span class=\"c\">     * @method getStyle</span>","<span class=\"c\">     * @param { Element } element &#38656;&#35201;&#33719;&#21462;&#23646;&#24615;&#20540;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { String } styleName &#38656;&#35201;&#33719;&#21462;&#30340;style&#30340;&#21517;&#31216;</span>","<span class=\"c\">     * @warning &#35813;&#26041;&#27861;&#20165;&#33719;&#21462;&#20803;&#32032;style&#23646;&#24615;&#20013;&#25152;&#26631;&#26126;&#30340;&#20540;</span>","<span class=\"c\">     * @return { String } &#35813;&#20803;&#32032;&#21253;&#21547;&#25351;&#23450;&#30340;style&#23646;&#24615;&#20540;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\" style=\"color: red;\"&gt;&lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      var testNode = document.getElementById( \"test\" );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      //output: red</span>","<span class=\"c\">     *      console.log( UE.dom.domUtils.getStyle( testNode, \"color\" ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      //output: \"\"</span>","<span class=\"c\">     *      console.log( UE.dom.domUtils.getStyle( testNode, \"background\" ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    getStyle<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">,</span> name<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> value <span class=\"k\">=</span> element<span class=\"k\">.</span>style<span class=\"k\">[</span> utils<span class=\"k\">.</span>cssStyleToDomStyle<span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">];</span>","        <span class=\"k\">return</span> utils<span class=\"k\">.</span>fixColor<span class=\"k\">(</span>name<span class=\"k\">,</span> value<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#20026;&#20803;&#32032;element&#35774;&#32622;&#26679;&#24335;&#23646;&#24615;&#20540;</span>","<span class=\"c\">     * @method setStyle</span>","<span class=\"c\">     * @param { Element } element &#38656;&#35201;&#35774;&#32622;&#26679;&#24335;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { String } styleName &#26679;&#24335;&#21517;</span>","<span class=\"c\">     * @param { String } styleValue &#26679;&#24335;&#20540;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      var testNode = document.getElementById( \"test\" );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      //output: \"\"</span>","<span class=\"c\">     *      console.log( testNode.style.color );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      UE.dom.domUtils.setStyle( testNode, 'color', 'red' );</span>","<span class=\"c\">     *      //output: \"red\"</span>","<span class=\"c\">     *      console.log( testNode.style.color );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    setStyle<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">,</span> name<span class=\"k\">,</span> value<span class=\"k\">)</span> <span class=\"k\">{</span>","        element<span class=\"k\">.</span>style<span class=\"k\">[</span>utils<span class=\"k\">.</span>cssStyleToDomStyle<span class=\"k\">(</span>name<span class=\"k\">)]</span> <span class=\"k\">=</span> value<span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(!</span>utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>element<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>element<span class=\"k\">,</span><span class=\"s\">'style'</span><span class=\"k\">)</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#20026;&#20803;&#32032;element&#35774;&#32622;&#22810;&#20010;&#26679;&#24335;&#23646;&#24615;&#20540;</span>","<span class=\"c\">     * @method setStyles</span>","<span class=\"c\">     * @param { Element } element &#38656;&#35201;&#35774;&#32622;&#26679;&#24335;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { KeyValueMap } styles &#26679;&#24335;&#21517;&#20540;&#23545;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      var testNode = document.getElementById( \"test\" );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      //output: \"\"</span>","<span class=\"c\">     *      console.log( testNode.style.color );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *      UE.dom.domUtils.setStyles( testNode, {</span>","<span class=\"c\">     *          'color': 'red'</span>","<span class=\"c\">     *      } );</span>","<span class=\"c\">     *      //output: \"red\"</span>","<span class=\"c\">     *      console.log( testNode.style.color );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    setStyles<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">,</span> styles<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> name <span class=\"k\">in</span> styles<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>styles<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>name<span class=\"k\">))</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>setStyle<span class=\"k\">(</span>element<span class=\"k\">,</span> name<span class=\"k\">,</span> styles<span class=\"k\">[</span>name<span class=\"k\">]);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21024;&#38500;_moz_dirty&#23646;&#24615;</span>","<span class=\"c\">     * @method removeDirtyAttr</span>","<span class=\"c\">     */</span>","    removeDirtyAttr<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">,</span> nodes <span class=\"k\">=</span> node<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'*'</span><span class=\"k\">);</span> ci <span class=\"k\">=</span> nodes<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            ci<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">'_moz_dirty'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","        node<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">'_moz_dirty'</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#23376;&#33410;&#28857;&#30340;&#25968;&#37327;</span>","<span class=\"c\">     * @method getChildCount</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#26816;&#27979;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @return { Number } &#32473;&#23450;&#30340;node&#20803;&#32032;&#30340;&#23376;&#33410;&#28857;&#25968;&#37327;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;</span>","<span class=\"c\">     *      &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: 3</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.getChildCount( document.getElementById(\"test\") ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26681;&#25454;&#32473;&#23450;&#30340;&#36807;&#28388;&#35268;&#21017;&#65292; &#33719;&#21462;&#31526;&#21512;&#26465;&#20214;&#30340;&#23376;&#33410;&#28857;&#30340;&#25968;&#37327;</span>","<span class=\"c\">     * @method getChildCount</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#26816;&#27979;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { Function } fn &#36807;&#28388;&#22120;&#65292; &#35201;&#27714;&#23545;&#31526;&#21512;&#26465;&#20214;&#30340;&#23376;&#33410;&#28857;&#36820;&#22238;true&#65292; &#21453;&#20043;&#21017;&#35201;&#27714;&#36820;&#22238;false</span>","<span class=\"c\">     * @return { Number } &#31526;&#21512;&#36807;&#28388;&#26465;&#20214;&#30340;node&#20803;&#32032;&#30340;&#23376;&#33410;&#28857;&#25968;&#37327;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;</span>","<span class=\"c\">     *      &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: 1</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.getChildCount( document.getElementById(\"test\"), function ( node ) {</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *         return node.nodeType === 1;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     } ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    getChildCount<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> fn<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> count <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> first <span class=\"k\">=</span> node<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","        fn <span class=\"k\">=</span> fn <span class=\"k\">||</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>first<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>fn<span class=\"k\">(</span>first<span class=\"k\">))</span> <span class=\"k\">{</span>","                count<span class=\"k\">++;</span>","            <span class=\"k\">}</span>","            first <span class=\"k\">=</span> first<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> count<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21028;&#26029;&#32473;&#23450;&#33410;&#28857;&#26159;&#21542;&#20026;&#31354;&#33410;&#28857;</span>","<span class=\"c\">     * @method isEmptyNode</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26816;&#27979;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Boolean } &#33410;&#28857;&#26159;&#21542;&#20026;&#31354;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * UE.dom.domUtils.isEmptyNode( document.body );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    isEmptyNode<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> <span class=\"k\">!</span>node<span class=\"k\">.</span>firstChild <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>getChildCount<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span>  <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">0</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#28165;&#31354;&#32473;&#23450;&#33410;&#28857;&#25152;&#26377;&#30340;className</span>","<span class=\"c\">     * @method clearSelectedArr</span>","<span class=\"c\">     * @param { Array } nodes &#38656;&#35201;&#28165;&#31354;className&#30340;&#33410;&#28857;&#30340;&#25968;&#32452;&#38598;&#21512;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * UE.dom.domUtils.clearSelectedArr( [ document.body, document.body.firstChild ] );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    clearSelectedArr<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>nodes<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> node<span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>node <span class=\"k\">=</span> nodes<span class=\"k\">.</span>pop<span class=\"k\">())</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'class'</span><span class=\"k\">]);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;&#26174;&#31034;&#21306;&#22495;&#28378;&#21160;&#21040;&#25351;&#23450;&#33410;&#28857;&#30340;&#20301;&#32622;</span>","<span class=\"c\">     * @method scrollToView</span>","<span class=\"c\">     * @param    {Node}   node    &#33410;&#28857;</span>","<span class=\"c\">     * @param    {window}   win      window&#23545;&#35937;</span>","<span class=\"c\">     * @param    {Number}    offsetTop    &#36317;&#31163;&#19978;&#26041;&#30340;&#20559;&#31227;&#37327;</span>","<span class=\"c\">     */</span>","    scrollToView<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> win<span class=\"k\">,</span> offsetTop<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> getViewPaneSize <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> doc <span class=\"k\">=</span> win<span class=\"k\">.</span>document<span class=\"k\">,</span>","                    mode <span class=\"k\">=</span> doc<span class=\"k\">.</span>compatMode <span class=\"k\">==</span> <span class=\"s\">'CSS1Compat'</span><span class=\"k\">;</span>","                <span class=\"k\">return</span> <span class=\"k\">{</span>","                    width<span class=\"k\">:(</span> mode <span class=\"k\">?</span> doc<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>clientWidth <span class=\"k\">:</span> doc<span class=\"k\">.</span>body<span class=\"k\">.</span>clientWidth <span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                    height<span class=\"k\">:(</span> mode <span class=\"k\">?</span> doc<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>clientHeight <span class=\"k\">:</span> doc<span class=\"k\">.</span>body<span class=\"k\">.</span>clientHeight <span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">0</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            getScrollPosition <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>win<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">'pageXOffset'</span> <span class=\"k\">in</span> win<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">{</span>","                        x<span class=\"k\">:</span>win<span class=\"k\">.</span>pageXOffset <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                        y<span class=\"k\">:</span>win<span class=\"k\">.</span>pageYOffset <span class=\"k\">||</span> <span class=\"s\">0</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> doc <span class=\"k\">=</span> win<span class=\"k\">.</span>document<span class=\"k\">;</span>","                    <span class=\"k\">return</span> <span class=\"k\">{</span>","                        x<span class=\"k\">:</span>doc<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>scrollLeft <span class=\"k\">||</span> doc<span class=\"k\">.</span>body<span class=\"k\">.</span>scrollLeft <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                        y<span class=\"k\">:</span>doc<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>scrollTop <span class=\"k\">||</span> doc<span class=\"k\">.</span>body<span class=\"k\">.</span>scrollTop <span class=\"k\">||</span> <span class=\"s\">0</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> winHeight <span class=\"k\">=</span> getViewPaneSize<span class=\"k\">().</span>height<span class=\"k\">,</span> offset <span class=\"k\">=</span> winHeight <span class=\"k\">*</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">+</span> offsetTop<span class=\"k\">;</span>","        offset <span class=\"k\">+=</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>offsetHeight <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">);</span>","        <span class=\"k\">var</span> elementPosition <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>node<span class=\"k\">);</span>","        offset <span class=\"k\">+=</span> elementPosition<span class=\"k\">.</span>y<span class=\"k\">;</span>","        <span class=\"k\">var</span> currentScroll <span class=\"k\">=</span> getScrollPosition<span class=\"k\">(</span>win<span class=\"k\">).</span>y<span class=\"k\">;</span>","        <span class=\"c\">// offset += 50;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>offset <span class=\"k\">&gt;</span> currentScroll <span class=\"k\">||</span> offset <span class=\"k\">&lt;</span> currentScroll <span class=\"k\">-</span> winHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","            win<span class=\"k\">.</span>scrollTo<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> offset <span class=\"k\">+</span> <span class=\"k\">(</span>offset <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"k\">-</span><span class=\"s\">20</span> <span class=\"k\">:</span> <span class=\"s\">20</span><span class=\"k\">));</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21028;&#26029;&#32473;&#23450;&#33410;&#28857;&#26159;&#21542;&#20026;br</span>","<span class=\"c\">     * @method isBr</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#21028;&#26029;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Boolean } &#32473;&#23450;&#30340;&#33410;&#28857;&#26159;&#21542;&#26159;br&#33410;&#28857;</span>","<span class=\"c\">     */</span>","    isBr<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'BR'</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21028;&#26029;&#32473;&#23450;&#30340;&#33410;&#28857;&#26159;&#21542;&#26159;&#19968;&#20010;&#8220;&#22635;&#20805;&#8221;&#33410;&#28857;</span>","<span class=\"c\">     * @method isFillChar</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#21028;&#26029;&#30340;&#33410;&#28857;</span>","<span class=\"c\">     * @param { Boolean } isInStart &#26159;&#21542;&#20174;&#33410;&#28857;&#20869;&#23481;&#30340;&#24320;&#22987;&#20301;&#32622;&#21305;&#37197;</span>","<span class=\"c\">     * @returns { Boolean } &#33410;&#28857;&#26159;&#21542;&#26159;&#22635;&#20805;&#33410;&#28857;</span>","<span class=\"c\">     */</span>","    isFillChar<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span>isInStart<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>node<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">((</span>isInStart <span class=\"k\">?</span> <span class=\"s\">'^'</span> <span class=\"k\">:</span> <span class=\"s\">''</span> <span class=\"k\">)</span> <span class=\"k\">+</span> domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">),</span> <span class=\"s\">''</span><span class=\"k\">).</span>length","    <span class=\"k\">}</span><span class=\"k\">,</span>","","","    isStartInblock<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>range<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tmpRange <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">(),</span>","            flag <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","            start <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>","            tmp<span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>tmpRange<span class=\"k\">.</span>startOffset<span class=\"k\">])</span><span class=\"k\">{</span>","            start <span class=\"k\">=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>tmpRange<span class=\"k\">.</span>startOffset<span class=\"k\">];</span>","            <span class=\"k\">var</span> pre <span class=\"k\">=</span> start<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","            <span class=\"k\">while</span><span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>pre<span class=\"k\">))</span><span class=\"k\">{</span>","                start <span class=\"k\">=</span> pre<span class=\"k\">;</span>","                pre <span class=\"k\">=</span> pre<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>start<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> tmpRange<span class=\"k\">.</span>startOffset <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","            tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>start<span class=\"k\">);</span>","            start <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">while</span> <span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>start<span class=\"k\">))</span> <span class=\"k\">{</span>","            tmp <span class=\"k\">=</span> start<span class=\"k\">;</span>","            start <span class=\"k\">=</span> start<span class=\"k\">.</span>previousSibling","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>tmp<span class=\"k\">)</span> <span class=\"k\">{</span>","            tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","            start <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>start<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> tmpRange<span class=\"k\">.</span>startOffset <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            tmpRange<span class=\"k\">.</span>setStart<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">while</span> <span class=\"k\">(!</span>tmpRange<span class=\"k\">.</span>startOffset<span class=\"k\">)</span> <span class=\"k\">{</span>","            start <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>start<span class=\"k\">)</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>start<span class=\"k\">))</span> <span class=\"k\">{</span>","                flag <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> pre <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>previousSibling<span class=\"k\">,</span>","                tmpNode<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>pre<span class=\"k\">)</span> <span class=\"k\">{</span>","                tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>pre<span class=\"k\">))</span> <span class=\"k\">{</span>","                    tmpNode <span class=\"k\">=</span> pre<span class=\"k\">;</span>","                    pre <span class=\"k\">=</span> pre<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>tmpNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                    tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> flag <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21028;&#26029;&#32473;&#23450;&#30340;&#20803;&#32032;&#26159;&#21542;&#26159;&#19968;&#20010;&#31354;&#20803;&#32032;</span>","<span class=\"c\">     * @method isEmptyBlock</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#21028;&#26029;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @return { Boolean } &#26159;&#21542;&#26159;&#31354;&#20803;&#32032;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     //output: true</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.isEmptyBlock( document.getElementById(\"test\") ) );</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26681;&#25454;&#25351;&#23450;&#30340;&#21028;&#26029;&#35268;&#21017;&#21028;&#26029;&#32473;&#23450;&#30340;&#20803;&#32032;&#26159;&#21542;&#26159;&#19968;&#20010;&#31354;&#20803;&#32032;</span>","<span class=\"c\">     * @method isEmptyBlock</span>","<span class=\"c\">     * @param { Element } node &#38656;&#35201;&#21028;&#26029;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { RegExp } reg &#23545;&#20869;&#23481;&#25191;&#34892;&#21028;&#26029;&#30340;&#27491;&#21017;&#34920;&#36798;&#24335;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Boolean } &#26159;&#21542;&#26159;&#31354;&#20803;&#32032;</span>","<span class=\"c\">     */</span>","    isEmptyBlock<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span>reg<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">!=</span> <span class=\"s\">1</span><span class=\"k\">)</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        reg <span class=\"k\">=</span> reg <span class=\"k\">||</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'[ </span><span class=\"t\">\\t\\r\\n</span><span class=\"s\">'</span> <span class=\"k\">+</span> domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">+</span> <span class=\"s\">']'</span><span class=\"k\">,</span> <span class=\"s\">'g'</span><span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span> <span class=\"k\">:</span> <span class=\"s\">'textContent'</span><span class=\"k\">].</span>replace<span class=\"k\">(</span>reg<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> n <span class=\"k\">in</span> dtd<span class=\"k\">.</span>$isNotEmpty<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>n<span class=\"k\">).</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#31227;&#21160;&#20803;&#32032;&#20351;&#24471;&#35813;&#20803;&#32032;&#30340;&#20301;&#32622;&#31227;&#21160;&#25351;&#23450;&#30340;&#20559;&#31227;&#37327;&#30340;&#36317;&#31163;</span>","<span class=\"c\">     * @method setViewportOffset</span>","<span class=\"c\">     * @param { Element } element &#38656;&#35201;&#35774;&#32622;&#20559;&#31227;&#37327;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @param { KeyValueMap } offset &#20559;&#31227;&#37327;&#65292; &#24418;&#22914;{ left: 100, top: 50 }&#30340;&#19968;&#20010;&#38190;&#20540;&#23545;&#65292; &#34920;&#31034;&#35813;&#20803;&#32032;&#23558;&#22312;</span>","<span class=\"c\">     *                                  &#29616;&#26377;&#30340;&#20301;&#32622;&#19978;&#21521;&#27700;&#24179;&#26041;&#21521;&#20559;&#31227;offset.left&#30340;&#36317;&#31163;&#65292; &#22312;&#31446;&#30452;&#26041;&#21521;&#19978;&#20559;&#31227;</span>","<span class=\"c\">     *                                  offset.top&#30340;&#36317;&#31163;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\" style=\"top: 100px; left: 50px; position: absolute;\"&gt;&lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     var testNode = document.getElementById(\"test\");</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.setViewportOffset( testNode, {</span>","<span class=\"c\">     *         left: 200,</span>","<span class=\"c\">     *         top: 50</span>","<span class=\"c\">     *     } );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: top: 300px; left: 100px; position: absolute;</span>","<span class=\"c\">     *     console.log( testNode.style.cssText );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    setViewportOffset<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">,</span> offset<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> left <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>element<span class=\"k\">.</span>style<span class=\"k\">.</span>left<span class=\"k\">)</span> <span class=\"k\">|</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> top <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>element<span class=\"k\">.</span>style<span class=\"k\">.</span>top<span class=\"k\">)</span> <span class=\"k\">|</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> rect <span class=\"k\">=</span> element<span class=\"k\">.</span>getBoundingClientRect<span class=\"k\">();</span>","        <span class=\"k\">var</span> offsetLeft <span class=\"k\">=</span> offset<span class=\"k\">.</span>left <span class=\"k\">-</span> rect<span class=\"k\">.</span>left<span class=\"k\">;</span>","        <span class=\"k\">var</span> offsetTop <span class=\"k\">=</span> offset<span class=\"k\">.</span>top <span class=\"k\">-</span> rect<span class=\"k\">.</span>top<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>offsetLeft<span class=\"k\">)</span> <span class=\"k\">{</span>","            element<span class=\"k\">.</span>style<span class=\"k\">.</span>left <span class=\"k\">=</span> left <span class=\"k\">+</span> offsetLeft <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>offsetTop<span class=\"k\">)</span> <span class=\"k\">{</span>","            element<span class=\"k\">.</span>style<span class=\"k\">.</span>top <span class=\"k\">=</span> top <span class=\"k\">+</span> offsetTop <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#29992;&#8220;&#22635;&#20805;&#23383;&#31526;&#8221;&#22635;&#20805;&#33410;&#28857;</span>","<span class=\"c\">     * @method fillNode</span>","<span class=\"c\">     * @param { DomDocument } doc &#22635;&#20805;&#30340;&#33410;&#28857;&#25152;&#22312;&#30340;docment&#23545;&#35937;</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#22635;&#20805;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *     var testNode = document.getElementById(\"test\");</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: 0</span>","<span class=\"c\">     *     console.log( testNode.childNodes.length );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.fillNode( document, testNode );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: 1</span>","<span class=\"c\">     *     console.log( testNode.childNodes.length );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    fillNode<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>doc<span class=\"k\">,</span> node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> doc<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">)</span> <span class=\"k\">:</span> doc<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">);</span>","        node<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        node<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#25226;&#33410;&#28857;src&#30340;&#25152;&#26377;&#23376;&#33410;&#28857;&#36861;&#21152;&#21040;&#21478;&#19968;&#20010;&#33410;&#28857;tag&#19978;&#21435;</span>","<span class=\"c\">     * @method moveChild</span>","<span class=\"c\">     * @param { Node } src &#28304;&#33410;&#28857;&#65292; &#35813;&#33410;&#28857;&#19979;&#30340;&#25152;&#26377;&#23376;&#33410;&#28857;&#23558;&#34987;&#31227;&#38500;</span>","<span class=\"c\">     * @param { Node } tag &#30446;&#26631;&#33410;&#28857;&#65292; &#20174;&#28304;&#33410;&#28857;&#31227;&#38500;&#30340;&#23376;&#33410;&#28857;&#23558;&#34987;&#36861;&#21152;&#21040;&#35813;&#33410;&#28857;&#19979;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test1\"&gt;</span>","<span class=\"c\">     *      &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     * &lt;div id=\"test2\"&gt;</span>","<span class=\"c\">     *     &lt;div&gt;&lt;/div&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     var test1 = document.getElementById(\"test1\"),</span>","<span class=\"c\">     *         test2 = document.getElementById(\"test2\");</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.moveChild( test1, test2 );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: \"\"&#65288;&#31354;&#23383;&#31526;&#20018;&#65289;</span>","<span class=\"c\">     *     console.log( test1.innerHTML );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: \"&lt;div&gt;&lt;/div&gt;&lt;span&gt;&lt;/span&gt;\"</span>","<span class=\"c\">     *     console.log( test2.innerHTML );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#25226;&#33410;&#28857;src&#30340;&#25152;&#26377;&#23376;&#33410;&#28857;&#31227;&#21160;&#21040;&#21478;&#19968;&#20010;&#33410;&#28857;tag&#19978;&#21435;, &#21487;&#20197;&#36890;&#36807;dir&#21442;&#25968;&#25511;&#21046;&#38468;&#21152;&#30340;&#34892;&#20026;&#26159;&#8220;&#36861;&#21152;&#8221;&#36824;&#26159;&#8220;&#25554;&#20837;&#39030;&#37096;&#8221;</span>","<span class=\"c\">     * @method moveChild</span>","<span class=\"c\">     * @param { Node } src &#28304;&#33410;&#28857;&#65292; &#35813;&#33410;&#28857;&#19979;&#30340;&#25152;&#26377;&#23376;&#33410;&#28857;&#23558;&#34987;&#31227;&#38500;</span>","<span class=\"c\">     * @param { Node } tag &#30446;&#26631;&#33410;&#28857;&#65292; &#20174;&#28304;&#33410;&#28857;&#31227;&#38500;&#30340;&#23376;&#33410;&#28857;&#23558;&#34987;&#38468;&#21152;&#21040;&#35813;&#33410;&#28857;&#19979;</span>","<span class=\"c\">     * @param { Boolean } dir &#38468;&#21152;&#26041;&#24335;&#65292; &#22914;&#26524;&#20026;true&#65292; &#21017;&#38468;&#21152;&#36827;&#21435;&#30340;&#33410;&#28857;&#23558;&#34987;&#25918;&#21040;&#30446;&#26631;&#33410;&#28857;&#30340;&#39030;&#37096;&#65292; &#21453;&#20043;&#65292;&#21017;&#25918;&#21040;&#26411;&#23614;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test1\"&gt;</span>","<span class=\"c\">     *      &lt;span&gt;&lt;/span&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     * &lt;div id=\"test2\"&gt;</span>","<span class=\"c\">     *     &lt;div&gt;&lt;/div&gt;</span>","<span class=\"c\">     * &lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     var test1 = document.getElementById(\"test1\"),</span>","<span class=\"c\">     *         test2 = document.getElementById(\"test2\");</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     UE.dom.domUtils.moveChild( test1, test2, true );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: \"\"&#65288;&#31354;&#23383;&#31526;&#20018;&#65289;</span>","<span class=\"c\">     *     console.log( test1.innerHTML );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: \"&lt;span&gt;&lt;/span&gt;&lt;div&gt;&lt;/div&gt;\"</span>","<span class=\"c\">     *     console.log( test2.innerHTML );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    moveChild<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>src<span class=\"k\">,</span> tag<span class=\"k\">,</span> dir<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>src<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>dir <span class=\"k\">&amp;&amp;</span> tag<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                tag<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>src<span class=\"k\">.</span>lastChild<span class=\"k\">,</span> tag<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                tag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>src<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21028;&#26029;&#33410;&#28857;&#30340;&#26631;&#31614;&#19978;&#26159;&#21542;&#19981;&#23384;&#22312;&#20219;&#20309;&#23646;&#24615;</span>","<span class=\"c\">     * @method hasNoAttributes</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26816;&#27979;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Boolean } &#33410;&#28857;&#26159;&#21542;&#19981;&#21253;&#21547;&#20219;&#20309;&#23646;&#24615;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;&lt;span&gt;xxxx&lt;/span&gt;&lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: false</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.hasNoAttributes( document.getElementById(\"test\") ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: true</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.hasNoAttributes( document.getElementById(\"test\").firstChild ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    hasNoAttributes<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">/^&lt;\\w+\\s*?&gt;/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>node<span class=\"k\">.</span>outerHTML<span class=\"k\">)</span> <span class=\"k\">:</span> node<span class=\"k\">.</span>attributes<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26816;&#27979;&#33410;&#28857;&#26159;&#21542;&#26159;UEditor&#25152;&#20351;&#29992;&#30340;&#36741;&#21161;&#33410;&#28857;</span>","<span class=\"c\">     * @method isCustomeNode</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26816;&#27979;&#30340;&#33410;&#28857;</span>","<span class=\"c\">     * @remind &#36741;&#21161;&#33410;&#28857;&#26159;&#25351;&#32534;&#36753;&#22120;&#35201;&#23436;&#25104;&#24037;&#20316;&#20020;&#26102;&#28155;&#21152;&#30340;&#33410;&#28857;&#65292; &#22312;&#36755;&#20986;&#30340;&#26102;&#20505;&#23558;&#20250;&#20174;&#32534;&#36753;&#22120;&#20869;&#31227;&#38500;&#65292; &#19981;&#20250;&#24433;&#21709;&#26368;&#32456;&#30340;&#32467;&#26524;&#12290;</span>","<span class=\"c\">     * @return { Boolean } &#32473;&#23450;&#30340;&#33410;&#28857;&#26159;&#21542;&#26159;&#19968;&#20010;&#36741;&#21161;&#33410;&#28857;</span>","<span class=\"c\">     */</span>","    isCustomeNode<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'_ue_custom_node_'</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26816;&#27979;&#33410;&#28857;&#30340;&#26631;&#31614;&#26159;&#21542;&#26159;&#32473;&#23450;&#30340;&#26631;&#31614;</span>","<span class=\"c\">     * @method isTagNode</span>","<span class=\"c\">     * @param { Node } node &#38656;&#35201;&#26816;&#27979;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">     * @param { String } tagName &#26631;&#31614;</span>","<span class=\"c\">     * @return { Boolean } &#33410;&#28857;&#30340;&#26631;&#31614;&#26159;&#21542;&#26159;&#32473;&#23450;&#30340;&#26631;&#31614;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```html</span>","<span class=\"c\">     * &lt;div id=\"test\"&gt;&lt;/div&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;script&gt;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     //output: true</span>","<span class=\"c\">     *     console.log( UE.dom.domUtils.isTagNode( document.getElementById(\"test\"), \"div\" ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * &lt;/script&gt;</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    isTagNode<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> tagName<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'^'</span> <span class=\"k\">+</span> node<span class=\"k\">.</span>tagName <span class=\"k\">+</span> <span class=\"s\">'$'</span><span class=\"k\">,</span><span class=\"s\">'i'</span><span class=\"k\">).</span>test<span class=\"k\">(</span>tagName<span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#32473;&#23450;&#19968;&#20010;&#33410;&#28857;&#25968;&#32452;&#65292;&#22312;&#36890;&#36807;&#25351;&#23450;&#30340;&#36807;&#28388;&#22120;&#36807;&#28388;&#21518;&#65292; &#33719;&#21462;&#20854;&#20013;&#28385;&#36275;&#36807;&#28388;&#26465;&#20214;&#30340;&#31532;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">     * @method filterNodeList</span>","<span class=\"c\">     * @param { Array } nodeList &#38656;&#35201;&#36807;&#28388;&#30340;&#33410;&#28857;&#25968;&#32452;</span>","<span class=\"c\">     * @param { Function } fn &#36807;&#28388;&#22120;&#65292; &#23545;&#31526;&#21512;&#26465;&#20214;&#30340;&#33410;&#28857;&#65292; &#25191;&#34892;&#32467;&#26524;&#36820;&#22238;true&#65292; &#21453;&#20043;&#21017;&#36820;&#22238;false</span>","<span class=\"c\">     * @return { Node | NULL } &#22914;&#26524;&#25214;&#21040;&#31526;&#21512;&#36807;&#28388;&#26465;&#20214;&#30340;&#33410;&#28857;&#65292; &#21017;&#36820;&#22238;&#35813;&#33410;&#28857;&#65292; &#21542;&#21017;&#36820;&#22238;NULL</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var divNodes = document.getElementsByTagName(\"div\");</span>","<span class=\"c\">     * divNodes = [].slice.call( divNodes, 0 );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: null</span>","<span class=\"c\">     * console.log( UE.dom.domUtils.filterNodeList( divNodes, function ( node ) {</span>","<span class=\"c\">     *     return node.tagName.toLowerCase() !== 'div';</span>","<span class=\"c\">     * } ) );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#32473;&#23450;&#19968;&#20010;&#33410;&#28857;&#25968;&#32452;nodeList&#21644;&#19968;&#32452;&#26631;&#31614;&#21517;tagNames&#65292; &#33719;&#21462;&#20854;&#20013;&#33021;&#22815;&#21305;&#37197;&#26631;&#31614;&#21517;&#30340;&#33410;&#28857;&#38598;&#21512;&#20013;&#30340;&#31532;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">     * @method filterNodeList</span>","<span class=\"c\">     * @param { Array } nodeList &#38656;&#35201;&#36807;&#28388;&#30340;&#33410;&#28857;&#25968;&#32452;</span>","<span class=\"c\">     * @param { String } tagNames &#38656;&#35201;&#21305;&#37197;&#30340;&#26631;&#31614;&#21517;&#65292; &#22810;&#20010;&#26631;&#31614;&#21517;&#20043;&#38388;&#29992;&#31354;&#26684;&#20998;&#21106;</span>","<span class=\"c\">     * @return { Node | NULL } &#22914;&#26524;&#25214;&#21040;&#26631;&#31614;&#21517;&#21305;&#37197;&#30340;&#33410;&#28857;&#65292; &#21017;&#36820;&#22238;&#35813;&#33410;&#28857;&#65292; &#21542;&#21017;&#36820;&#22238;NULL</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var divNodes = document.getElementsByTagName(\"div\");</span>","<span class=\"c\">     * divNodes = [].slice.call( divNodes, 0 );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: null</span>","<span class=\"c\">     * console.log( UE.dom.domUtils.filterNodeList( divNodes, 'a span' ) );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#32473;&#23450;&#19968;&#20010;&#33410;&#28857;&#25968;&#32452;&#65292;&#22312;&#36890;&#36807;&#25351;&#23450;&#30340;&#36807;&#28388;&#22120;&#36807;&#28388;&#21518;&#65292; &#22914;&#26524;&#21442;&#25968;forAll&#20026;true&#65292; &#21017;&#20250;&#36820;&#22238;&#25152;&#26377;&#28385;&#36275;&#36807;&#28388;</span>","<span class=\"c\">     * &#26465;&#20214;&#30340;&#33410;&#28857;&#38598;&#21512;&#65292; &#21542;&#21017;&#65292; &#36820;&#22238;&#28385;&#36275;&#26465;&#20214;&#30340;&#33410;&#28857;&#38598;&#21512;&#20013;&#30340;&#31532;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">     * @method filterNodeList</span>","<span class=\"c\">     * @param { Array } nodeList &#38656;&#35201;&#36807;&#28388;&#30340;&#33410;&#28857;&#25968;&#32452;</span>","<span class=\"c\">     * @param { Function } fn &#36807;&#28388;&#22120;&#65292; &#23545;&#31526;&#21512;&#26465;&#20214;&#30340;&#33410;&#28857;&#65292; &#25191;&#34892;&#32467;&#26524;&#36820;&#22238;true&#65292; &#21453;&#20043;&#21017;&#36820;&#22238;false</span>","<span class=\"c\">     * @param { Boolean } forAll &#26159;&#21542;&#36820;&#22238;&#25972;&#20010;&#33410;&#28857;&#25968;&#32452;, &#22914;&#26524;&#35813;&#21442;&#25968;&#20026;false&#65292; &#21017;&#36820;&#22238;&#33410;&#28857;&#38598;&#21512;&#20013;&#30340;&#31532;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">     * @return { Array | Node | NULL } &#22914;&#26524;&#25214;&#21040;&#31526;&#21512;&#36807;&#28388;&#26465;&#20214;&#30340;&#33410;&#28857;&#65292; &#21017;&#26681;&#25454;&#21442;&#25968;forAll&#30340;&#20540;&#20915;&#23450;&#36820;&#22238;&#28385;&#36275;</span>","<span class=\"c\">     *                                      &#36807;&#28388;&#26465;&#20214;&#30340;&#33410;&#28857;&#25968;&#32452;&#25110;&#31532;&#19968;&#20010;&#33410;&#28857;&#65292; &#21542;&#21017;&#36820;&#22238;NULL</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var divNodes = document.getElementsByTagName(\"div\");</span>","<span class=\"c\">     * divNodes = [].slice.call( divNodes, 0 );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: 3&#65288;&#20551;&#23450;&#26377;3&#20010;div&#65289;</span>","<span class=\"c\">     * console.log( divNodes.length );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var nodes = UE.dom.domUtils.filterNodeList( divNodes, function ( node ) {</span>","<span class=\"c\">     *     return node.tagName.toLowerCase() === 'div';</span>","<span class=\"c\">     * }, true );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: 3</span>","<span class=\"c\">     * console.log( nodes.length );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var node = UE.dom.domUtils.filterNodeList( divNodes, function ( node ) {</span>","<span class=\"c\">     *     return node.tagName.toLowerCase() === 'div';</span>","<span class=\"c\">     * }, false );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: div</span>","<span class=\"c\">     * console.log( node.nodeName );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    filterNodeList <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span>nodelist<span class=\"k\">,</span>filter<span class=\"k\">,</span>forAll<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> results <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">if</span><span class=\"k\">(!</span>utils <span class=\"k\">.</span>isFunction<span class=\"k\">(</span>filter<span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> str <span class=\"k\">=</span> filter<span class=\"k\">;</span>","            filter <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>n<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>str<span class=\"k\">)</span> <span class=\"k\">?</span> str<span class=\"k\">:</span>str<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">),</span> n<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">())</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>nodelist<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>n<span class=\"k\">)</span><span class=\"k\">{</span>","            filter<span class=\"k\">(</span>n<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> results<span class=\"k\">.</span>push<span class=\"k\">(</span>n<span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> results<span class=\"k\">.</span>length  <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"k\">null</span> <span class=\"k\">:</span> results<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">||</span> <span class=\"k\">!</span>forAll <span class=\"k\">?</span> results<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">:</span> results","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    isInNodeEndBoundary <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>rng<span class=\"k\">,</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> start <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>startOffset <span class=\"k\">!=</span> start<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>startOffset <span class=\"k\">!=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">while</span><span class=\"k\">(</span>start <span class=\"k\">!==</span> node<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">0</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            start <span class=\"k\">=</span> start<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","    isBoundaryNode <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span>dir<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> tmp<span class=\"k\">;</span>","        <span class=\"k\">while</span><span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>node<span class=\"k\">))</span><span class=\"k\">{</span>","            tmp <span class=\"k\">=</span> node<span class=\"k\">;</span>","            node <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>tmp <span class=\"k\">!==</span> node<span class=\"k\">[</span>dir<span class=\"k\">])</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">var</span> fillCharReg <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">,</span> <span class=\"s\">'g'</span><span class=\"k\">);</span>"];
+_$jscoverage['core/domUtils.js'][15]++;
+function getNode(node, start, ltr, startFromChild, fn, guard) {
+  _$jscoverage['core/domUtils.js'][16]++;
+  var tmpNode = (startFromChild && node[start]), parent;
+  _$jscoverage['core/domUtils.js'][18]++;
+  ((! tmpNode) && (tmpNode = node[ltr]));
+  _$jscoverage['core/domUtils.js'][19]++;
+  while (((! tmpNode) && (parent = (parent || node).parentNode))) {
+    _$jscoverage['core/domUtils.js'][20]++;
+    if (((parent.tagName == "BODY") || (guard && (! guard(parent))))) {
+      _$jscoverage['core/domUtils.js'][21]++;
+      return null;
+    }
+    _$jscoverage['core/domUtils.js'][23]++;
+    tmpNode = parent[ltr];
+}
+  _$jscoverage['core/domUtils.js'][25]++;
+  if ((tmpNode && fn && (! fn(tmpNode)))) {
+    _$jscoverage['core/domUtils.js'][26]++;
+    return getNode(tmpNode, start, ltr, false, fn);
+  }
+  _$jscoverage['core/domUtils.js'][28]++;
+  return tmpNode;
+}
+_$jscoverage['core/domUtils.js'][30]++;
+var attrFix = ((ie && (browser.version < 9))? {tabindex: "tabIndex", readonly: "readOnly", "for": "htmlFor", "class": "className", maxlength: "maxLength", cellspacing: "cellSpacing", cellpadding: "cellPadding", rowspan: "rowSpan", colspan: "colSpan", usemap: "useMap", frameborder: "frameBorder"}: {tabindex: "tabIndex", readonly: "readOnly"}), styleBlock = utils.listToMap(["-webkit-box", "-moz-box", "block", "list-item", "table", "table-row-group", "table-header-group", "table-footer-group", "table-row", "table-column-group", "table-column", "table-cell", "table-caption"]);
+_$jscoverage['core/domUtils.js'][53]++;
+var domUtils = (dom.domUtils = {NODE_ELEMENT: 1, NODE_DOCUMENT: 9, NODE_TEXT: 3, NODE_COMMENT: 8, NODE_DOCUMENT_FRAGMENT: 11, POSITION_IDENTICAL: 0, POSITION_DISCONNECTED: 1, POSITION_FOLLOWING: 2, POSITION_PRECEDING: 4, POSITION_IS_CONTAINED: 8, POSITION_CONTAINS: 16, fillChar: ((ie && (browser.version == "6"))? "\ufeff": "\u200b"), keys: {8: 1, 46: 1, 16: 1, 17: 1, 18: 1, 37: 1, 38: 1, 39: 1, 40: 1, 13: 1}, getPosition: (function (nodeA, nodeB) {
+  _$jscoverage['core/domUtils.js'][120]++;
+  if ((nodeA === nodeB)) {
+    _$jscoverage['core/domUtils.js'][122]++;
+    return 0;
+  }
+  _$jscoverage['core/domUtils.js'][124]++;
+  var node, parentsA = [nodeA], parentsB = [nodeB];
+  _$jscoverage['core/domUtils.js'][127]++;
+  node = nodeA;
+  _$jscoverage['core/domUtils.js'][128]++;
+  while ((node = node.parentNode)) {
+    _$jscoverage['core/domUtils.js'][130]++;
+    if ((node === nodeB)) {
+      _$jscoverage['core/domUtils.js'][132]++;
+      return 10;
+    }
+    _$jscoverage['core/domUtils.js'][134]++;
+    parentsA.push(node);
+}
+  _$jscoverage['core/domUtils.js'][136]++;
+  node = nodeB;
+  _$jscoverage['core/domUtils.js'][137]++;
+  while ((node = node.parentNode)) {
+    _$jscoverage['core/domUtils.js'][139]++;
+    if ((node === nodeA)) {
+      _$jscoverage['core/domUtils.js'][141]++;
+      return 20;
+    }
+    _$jscoverage['core/domUtils.js'][143]++;
+    parentsB.push(node);
+}
+  _$jscoverage['core/domUtils.js'][145]++;
+  parentsA.reverse();
+  _$jscoverage['core/domUtils.js'][146]++;
+  parentsB.reverse();
+  _$jscoverage['core/domUtils.js'][147]++;
+  if ((parentsA[0] !== parentsB[0])) {
+    _$jscoverage['core/domUtils.js'][149]++;
+    return 1;
+  }
+  _$jscoverage['core/domUtils.js'][151]++;
+  var i = -1;
+  _$jscoverage['core/domUtils.js'][152]++;
+  while (((i++), (parentsA[i] === parentsB[i]))) {
+}
+  _$jscoverage['core/domUtils.js'][154]++;
+  nodeA = parentsA[i];
+  _$jscoverage['core/domUtils.js'][155]++;
+  nodeB = parentsB[i];
+  _$jscoverage['core/domUtils.js'][156]++;
+  while ((nodeA = nodeA.nextSibling)) {
+    _$jscoverage['core/domUtils.js'][157]++;
+    if ((nodeA === nodeB)) {
+      _$jscoverage['core/domUtils.js'][159]++;
+      return 4;
+    }
+}
+  _$jscoverage['core/domUtils.js'][163]++;
+  return 2;
+}), getNodeIndex: (function (node, ignoreTextNode) {
+  _$jscoverage['core/domUtils.js'][181]++;
+  var preNode = node, i = 0;
+  _$jscoverage['core/domUtils.js'][183]++;
+  while ((preNode = preNode.previousSibling)) {
+    _$jscoverage['core/domUtils.js'][184]++;
+    if ((ignoreTextNode && (preNode.nodeType == 3))) {
+      _$jscoverage['core/domUtils.js'][185]++;
+      if ((preNode.nodeType != preNode.nextSibling.nodeType)) {
+        _$jscoverage['core/domUtils.js'][186]++;
+        (i++);
+      }
+      _$jscoverage['core/domUtils.js'][188]++;
+      continue;
+    }
+    _$jscoverage['core/domUtils.js'][190]++;
+    (i++);
+}
+  _$jscoverage['core/domUtils.js'][192]++;
+  return i;
+}), inDoc: (function (node, doc) {
+  _$jscoverage['core/domUtils.js'][217]++;
+  return (domUtils.getPosition(node, doc) == 10);
+}), findParent: (function (node, filterFn, includeSelf) {
+  _$jscoverage['core/domUtils.js'][279]++;
+  if ((node && (! domUtils.isBody(node)))) {
+    _$jscoverage['core/domUtils.js'][280]++;
+    node = (includeSelf? node: node.parentNode);
+    _$jscoverage['core/domUtils.js'][281]++;
+    while (node) {
+      _$jscoverage['core/domUtils.js'][282]++;
+      if (((! filterFn) || filterFn(node) || domUtils.isBody(node))) {
+        _$jscoverage['core/domUtils.js'][283]++;
+        return ((filterFn && (! filterFn(node)) && domUtils.isBody(node))? null: node);
+      }
+      _$jscoverage['core/domUtils.js'][285]++;
+      node = node.parentNode;
+}
+  }
+  _$jscoverage['core/domUtils.js'][288]++;
+  return null;
+}), findParentByTagName: (function (node, tagNames, includeSelf, excludeFn) {
+  _$jscoverage['core/domUtils.js'][350]++;
+  tagNames = utils.listToMap((utils.isArray(tagNames)? tagNames: [tagNames]));
+  _$jscoverage['core/domUtils.js'][351]++;
+  return domUtils.findParent(node, (function (node) {
+  _$jscoverage['core/domUtils.js'][352]++;
+  return (tagNames[node.tagName] && (! (excludeFn && excludeFn(node))));
+}), includeSelf);
+}), findParents: (function (node, includeSelf, filterFn, closerFirst) {
+  _$jscoverage['core/domUtils.js'][365]++;
+  var parents = ((includeSelf && ((filterFn && filterFn(node)) || (! filterFn)))? [node]: []);
+  _$jscoverage['core/domUtils.js'][366]++;
+  while ((node = domUtils.findParent(node, filterFn))) {
+    _$jscoverage['core/domUtils.js'][367]++;
+    parents.push(node);
+}
+  _$jscoverage['core/domUtils.js'][369]++;
+  return (closerFirst? parents: parents.reverse());
+}), insertAfter: (function (node, newNode) {
+  _$jscoverage['core/domUtils.js'][380]++;
+  return node.parentNode.insertBefore(newNode, node.nextSibling);
+}), remove: (function (node, keepChildren) {
+  _$jscoverage['core/domUtils.js'][420]++;
+  var parent = node.parentNode, child;
+  _$jscoverage['core/domUtils.js'][422]++;
+  if (parent) {
+    _$jscoverage['core/domUtils.js'][423]++;
+    if ((keepChildren && node.hasChildNodes())) {
+      _$jscoverage['core/domUtils.js'][424]++;
+      while ((child = node.firstChild)) {
+        _$jscoverage['core/domUtils.js'][425]++;
+        parent.insertBefore(child, node);
+}
+    }
+    _$jscoverage['core/domUtils.js'][428]++;
+    parent.removeChild(node);
+  }
+  _$jscoverage['core/domUtils.js'][430]++;
+  return node;
+}), getNextNode: (function (node, startFromChild, filterFn, guard) {
+  _$jscoverage['core/domUtils.js'][437]++;
+  return getNode(node, "firstChild", "nextSibling", startFromChild, filterFn, guard);
+}), isBookmarkNode: (function (node) {
+  _$jscoverage['core/domUtils.js'][456]++;
+  return ((node.nodeType == 1) && node.id && /^_baidu_bookmark_/i.test(node.id));
+}), getWindow: (function (node) {
+  _$jscoverage['core/domUtils.js'][471]++;
+  var doc = (node.ownerDocument || node);
+  _$jscoverage['core/domUtils.js'][472]++;
+  return (doc.defaultView || doc.parentWindow);
+}), getCommonAncestor: (function (nodeA, nodeB) {
+  _$jscoverage['core/domUtils.js'][490]++;
+  if ((nodeA === nodeB)) {
+    _$jscoverage['core/domUtils.js'][491]++;
+    return nodeA;
+  }
+  _$jscoverage['core/domUtils.js'][492]++;
+  var parentsA = [nodeA], parentsB = [nodeB], parent = nodeA, i = -1;
+  _$jscoverage['core/domUtils.js'][493]++;
+  while ((parent = parent.parentNode)) {
+    _$jscoverage['core/domUtils.js'][494]++;
+    if ((parent === nodeB)) {
+      _$jscoverage['core/domUtils.js'][495]++;
+      return parent;
+    }
+    _$jscoverage['core/domUtils.js'][497]++;
+    parentsA.push(parent);
+}
+  _$jscoverage['core/domUtils.js'][499]++;
+  parent = nodeB;
+  _$jscoverage['core/domUtils.js'][500]++;
+  while ((parent = parent.parentNode)) {
+    _$jscoverage['core/domUtils.js'][501]++;
+    if ((parent === nodeA)) {
+      _$jscoverage['core/domUtils.js'][502]++;
+      return parent;
+    }
+    _$jscoverage['core/domUtils.js'][503]++;
+    parentsB.push(parent);
+}
+  _$jscoverage['core/domUtils.js'][505]++;
+  parentsA.reverse();
+  _$jscoverage['core/domUtils.js'][506]++;
+  parentsB.reverse();
+  _$jscoverage['core/domUtils.js'][507]++;
+  while (((i++), (parentsA[i] === parentsB[i]))) {
+}
+  _$jscoverage['core/domUtils.js'][509]++;
+  return ((i == 0)? null: parentsA[(i - 1)]);
+}), clearEmptySibling: (function (node, ignoreNext, ignorePre) {
+  _$jscoverage['core/domUtils.js'][523]++;
+  function clear(next, dir) {
+    _$jscoverage['core/domUtils.js'][524]++;
+    var tmpNode;
+    _$jscoverage['core/domUtils.js'][525]++;
+    while ((next && (! domUtils.isBookmarkNode(next)) && (domUtils.isEmptyInlineElement(next) || (! new RegExp(("[^\t\n\r" + domUtils.fillChar + "]")).test(next.nodeValue))))) {
+      _$jscoverage['core/domUtils.js'][528]++;
+      tmpNode = next[dir];
+      _$jscoverage['core/domUtils.js'][529]++;
+      domUtils.remove(next);
+      _$jscoverage['core/domUtils.js'][530]++;
+      next = tmpNode;
+}
+}
+  _$jscoverage['core/domUtils.js'][533]++;
+  ((! ignoreNext) && clear(node.nextSibling, "nextSibling"));
+  _$jscoverage['core/domUtils.js'][534]++;
+  ((! ignorePre) && clear(node.previousSibling, "previousSibling"));
+}), split: (function (node, offset) {
+  _$jscoverage['core/domUtils.js'][554]++;
+  var doc = node.ownerDocument;
+  _$jscoverage['core/domUtils.js'][555]++;
+  if ((browser.ie && (offset == node.nodeValue.length))) {
+    _$jscoverage['core/domUtils.js'][556]++;
+    var next = doc.createTextNode("");
+    _$jscoverage['core/domUtils.js'][557]++;
+    return domUtils.insertAfter(node, next);
+  }
+  _$jscoverage['core/domUtils.js'][559]++;
+  var retval = node.splitText(offset);
+  _$jscoverage['core/domUtils.js'][561]++;
+  if (browser.ie8) {
+    _$jscoverage['core/domUtils.js'][562]++;
+    var tmpNode = doc.createTextNode("");
+    _$jscoverage['core/domUtils.js'][563]++;
+    domUtils.insertAfter(retval, tmpNode);
+    _$jscoverage['core/domUtils.js'][564]++;
+    domUtils.remove(tmpNode);
+  }
+  _$jscoverage['core/domUtils.js'][566]++;
+  return retval;
+}), isWhitespace: (function (node) {
+  _$jscoverage['core/domUtils.js'][586]++;
+  return (! new RegExp(("[^ \t\n\r" + domUtils.fillChar + "]")).test(node.nodeValue));
+}), getXY: (function (element) {
+  _$jscoverage['core/domUtils.js'][604]++;
+  var x = 0, y = 0;
+  _$jscoverage['core/domUtils.js'][605]++;
+  while (element.offsetParent) {
+    _$jscoverage['core/domUtils.js'][606]++;
+    y += element.offsetTop;
+    _$jscoverage['core/domUtils.js'][607]++;
+    x += element.offsetLeft;
+    _$jscoverage['core/domUtils.js'][608]++;
+    element = element.offsetParent;
+}
+  _$jscoverage['core/domUtils.js'][610]++;
+  return ({"x": x, "y": y});
+}), on: (function (element, type, handler) {
+  _$jscoverage['core/domUtils.js'][641]++;
+  var types = (utils.isArray(type)? type: [type]), k = types.length;
+  _$jscoverage['core/domUtils.js'][643]++;
+  if (k) {
+    _$jscoverage['core/domUtils.js'][643]++;
+    while ((k--)) {
+      _$jscoverage['core/domUtils.js'][644]++;
+      type = types[k];
+      _$jscoverage['core/domUtils.js'][645]++;
+      if (element.addEventListener) {
+        _$jscoverage['core/domUtils.js'][646]++;
+        element.addEventListener(type, handler, false);
+      }
+      else {
+        _$jscoverage['core/domUtils.js'][648]++;
+        if ((! handler._d)) {
+          _$jscoverage['core/domUtils.js'][649]++;
+          handler._d = {els: []};
+        }
+        _$jscoverage['core/domUtils.js'][653]++;
+        var key = (type + handler.toString()), index = utils.indexOf(handler._d.els, element);
+        _$jscoverage['core/domUtils.js'][654]++;
+        if (((! handler._d[key]) || (index == -1))) {
+          _$jscoverage['core/domUtils.js'][655]++;
+          if ((index == -1)) {
+            _$jscoverage['core/domUtils.js'][656]++;
+            handler._d.els.push(element);
+          }
+          _$jscoverage['core/domUtils.js'][658]++;
+          if ((! handler._d[key])) {
+            _$jscoverage['core/domUtils.js'][659]++;
+            handler._d[key] = (function (evt) {
+  _$jscoverage['core/domUtils.js'][660]++;
+  return handler.call(evt.srcElement, (evt || window.event));
+});
+          }
+          _$jscoverage['core/domUtils.js'][665]++;
+          element.attachEvent(("on" + type), handler._d[key]);
+        }
+      }
+}
+  }
+  _$jscoverage['core/domUtils.js'][669]++;
+  element = null;
+}), un: (function (element, type, handler) {
+  _$jscoverage['core/domUtils.js'][700]++;
+  var types = (utils.isArray(type)? type: [type]), k = types.length;
+  _$jscoverage['core/domUtils.js'][702]++;
+  if (k) {
+    _$jscoverage['core/domUtils.js'][702]++;
+    while ((k--)) {
+      _$jscoverage['core/domUtils.js'][703]++;
+      type = types[k];
+      _$jscoverage['core/domUtils.js'][704]++;
+      if (element.removeEventListener) {
+        _$jscoverage['core/domUtils.js'][705]++;
+        element.removeEventListener(type, handler, false);
+      }
+      else {
+        _$jscoverage['core/domUtils.js'][707]++;
+        var key = (type + handler.toString());
+        _$jscoverage['core/domUtils.js'][708]++;
+        try {
+          _$jscoverage['core/domUtils.js'][709]++;
+          element.detachEvent(("on" + type), (handler._d? handler._d[key]: handler));
+        }
+        catch (e) {
+        }
+        _$jscoverage['core/domUtils.js'][711]++;
+        if ((handler._d && handler._d[key])) {
+          _$jscoverage['core/domUtils.js'][712]++;
+          var index = utils.indexOf(handler._d.els, element);
+          _$jscoverage['core/domUtils.js'][713]++;
+          if ((index != -1)) {
+            _$jscoverage['core/domUtils.js'][714]++;
+            handler._d.els.splice(index, 1);
+          }
+          _$jscoverage['core/domUtils.js'][716]++;
+          ((handler._d.els.length == 0) && (delete handler._d[key]));
+        }
+      }
+}
+  }
+}), isSameElement: (function (nodeA, nodeB) {
+  _$jscoverage['core/domUtils.js'][749]++;
+  if ((nodeA.tagName != nodeB.tagName)) {
+    _$jscoverage['core/domUtils.js'][750]++;
+    return false;
+  }
+  _$jscoverage['core/domUtils.js'][752]++;
+  var thisAttrs = nodeA.attributes, otherAttrs = nodeB.attributes;
+  _$jscoverage['core/domUtils.js'][754]++;
+  if (((! ie) && (thisAttrs.length != otherAttrs.length))) {
+    _$jscoverage['core/domUtils.js'][755]++;
+    return false;
+  }
+  _$jscoverage['core/domUtils.js'][757]++;
+  var attrA, attrB, al = 0, bl = 0;
+  _$jscoverage['core/domUtils.js'][758]++;
+  for (var i = 0; (attrA = thisAttrs[(i++)]);) {
+    _$jscoverage['core/domUtils.js'][759]++;
+    if ((attrA.nodeName == "style")) {
+      _$jscoverage['core/domUtils.js'][760]++;
+      if (attrA.specified) {
+        _$jscoverage['core/domUtils.js'][761]++;
+        (al++);
+      }
+      _$jscoverage['core/domUtils.js'][763]++;
+      if (domUtils.isSameStyle(nodeA, nodeB)) {
+        _$jscoverage['core/domUtils.js'][764]++;
+        continue;
+      }
+      else {
+        _$jscoverage['core/domUtils.js'][766]++;
+        return false;
+      }
+    }
+    _$jscoverage['core/domUtils.js'][769]++;
+    if (ie) {
+      _$jscoverage['core/domUtils.js'][770]++;
+      if (attrA.specified) {
+        _$jscoverage['core/domUtils.js'][771]++;
+        (al++);
+        _$jscoverage['core/domUtils.js'][772]++;
+        attrB = otherAttrs.getNamedItem(attrA.nodeName);
+      }
+      else {
+        _$jscoverage['core/domUtils.js'][774]++;
+        continue;
+      }
+    }
+    else {
+      _$jscoverage['core/domUtils.js'][777]++;
+      attrB = nodeB.attributes[attrA.nodeName];
+    }
+    _$jscoverage['core/domUtils.js'][779]++;
+    if (((! attrB.specified) || (attrA.nodeValue != attrB.nodeValue))) {
+      _$jscoverage['core/domUtils.js'][780]++;
+      return false;
+    }
+}
+  _$jscoverage['core/domUtils.js'][784]++;
+  if (ie) {
+    _$jscoverage['core/domUtils.js'][785]++;
+    for (i = 0; (attrB = otherAttrs[(i++)]);) {
+      _$jscoverage['core/domUtils.js'][786]++;
+      if (attrB.specified) {
+        _$jscoverage['core/domUtils.js'][787]++;
+        (bl++);
+      }
+}
+    _$jscoverage['core/domUtils.js'][790]++;
+    if ((al != bl)) {
+      _$jscoverage['core/domUtils.js'][791]++;
+      return false;
+    }
+  }
+  _$jscoverage['core/domUtils.js'][794]++;
+  return true;
+}), isSameStyle: (function (nodeA, nodeB) {
+  _$jscoverage['core/domUtils.js'][824]++;
+  var styleA = nodeA.style.cssText.replace(/( ?; ?)/g, ";").replace(/( ?: ?)/g, ":"), styleB = nodeB.style.cssText.replace(/( ?; ?)/g, ";").replace(/( ?: ?)/g, ":");
+  _$jscoverage['core/domUtils.js'][826]++;
+  if (browser.opera) {
+    _$jscoverage['core/domUtils.js'][827]++;
+    styleA = nodeA.style;
+    _$jscoverage['core/domUtils.js'][828]++;
+    styleB = nodeB.style;
+    _$jscoverage['core/domUtils.js'][829]++;
+    if ((styleA.length != styleB.length)) {
+      _$jscoverage['core/domUtils.js'][830]++;
+      return false;
+    }
+    _$jscoverage['core/domUtils.js'][831]++;
+    for (var p in styleA) {
+      _$jscoverage['core/domUtils.js'][832]++;
+      if (/^(\d+|csstext)$/i.test(p)) {
+        _$jscoverage['core/domUtils.js'][833]++;
+        continue;
+      }
+      _$jscoverage['core/domUtils.js'][835]++;
+      if ((styleA[p] != styleB[p])) {
+        _$jscoverage['core/domUtils.js'][836]++;
+        return false;
+      }
+}
+    _$jscoverage['core/domUtils.js'][839]++;
+    return true;
+  }
+  _$jscoverage['core/domUtils.js'][841]++;
+  if (((! styleA) || (! styleB))) {
+    _$jscoverage['core/domUtils.js'][842]++;
+    return (styleA == styleB);
+  }
+  _$jscoverage['core/domUtils.js'][844]++;
+  styleA = styleA.split(";");
+  _$jscoverage['core/domUtils.js'][845]++;
+  styleB = styleB.split(";");
+  _$jscoverage['core/domUtils.js'][846]++;
+  if ((styleA.length != styleB.length)) {
+    _$jscoverage['core/domUtils.js'][847]++;
+    return false;
+  }
+  _$jscoverage['core/domUtils.js'][849]++;
+  for (var i = 0, ci; (ci = styleA[(i++)]);) {
+    _$jscoverage['core/domUtils.js'][850]++;
+    if ((utils.indexOf(styleB, ci) == -1)) {
+      _$jscoverage['core/domUtils.js'][851]++;
+      return false;
+    }
+}
+  _$jscoverage['core/domUtils.js'][854]++;
+  return true;
+}), isBlockElm: (function (node) {
+  _$jscoverage['core/domUtils.js'][885]++;
+  return ((node.nodeType == 1) && (dtd.$block[node.tagName] || styleBlock[domUtils.getComputedStyle(node, "display")]) && (! dtd.$nonChild[node.tagName]));
+}), isBody: (function (node) {
+  _$jscoverage['core/domUtils.js'][900]++;
+  return (node && (node.nodeType == 1) && (node.tagName.toLowerCase() == "body"));
+}), breakParent: (function (node, parent) {
+  _$jscoverage['core/domUtils.js'][913]++;
+  var tmpNode, parentClone = node, clone = node, leftNodes, rightNodes;
+  _$jscoverage['core/domUtils.js'][918]++;
+  do {
+    _$jscoverage['core/domUtils.js'][919]++;
+    parentClone = parentClone.parentNode;
+    _$jscoverage['core/domUtils.js'][920]++;
+    if (leftNodes) {
+      _$jscoverage['core/domUtils.js'][921]++;
+      tmpNode = parentClone.cloneNode(false);
+      _$jscoverage['core/domUtils.js'][922]++;
+      tmpNode.appendChild(leftNodes);
+      _$jscoverage['core/domUtils.js'][923]++;
+      leftNodes = tmpNode;
+      _$jscoverage['core/domUtils.js'][924]++;
+      tmpNode = parentClone.cloneNode(false);
+      _$jscoverage['core/domUtils.js'][925]++;
+      tmpNode.appendChild(rightNodes);
+      _$jscoverage['core/domUtils.js'][926]++;
+      rightNodes = tmpNode;
+    }
+    else {
+      _$jscoverage['core/domUtils.js'][928]++;
+      leftNodes = parentClone.cloneNode(false);
+      _$jscoverage['core/domUtils.js'][929]++;
+      rightNodes = leftNodes.cloneNode(false);
+    }
+    _$jscoverage['core/domUtils.js'][931]++;
+    while ((tmpNode = clone.previousSibling)) {
+      _$jscoverage['core/domUtils.js'][932]++;
+      leftNodes.insertBefore(tmpNode, leftNodes.firstChild);
+}
+    _$jscoverage['core/domUtils.js'][934]++;
+    while ((tmpNode = clone.nextSibling)) {
+      _$jscoverage['core/domUtils.js'][935]++;
+      rightNodes.appendChild(tmpNode);
+}
+    _$jscoverage['core/domUtils.js'][937]++;
+    clone = parentClone;
+}
+  while ((parent !== parentClone));
+  _$jscoverage['core/domUtils.js'][939]++;
+  tmpNode = parent.parentNode;
+  _$jscoverage['core/domUtils.js'][940]++;
+  tmpNode.insertBefore(leftNodes, parent);
+  _$jscoverage['core/domUtils.js'][941]++;
+  tmpNode.insertBefore(rightNodes, parent);
+  _$jscoverage['core/domUtils.js'][942]++;
+  tmpNode.insertBefore(node, rightNodes);
+  _$jscoverage['core/domUtils.js'][943]++;
+  domUtils.remove(parent);
+  _$jscoverage['core/domUtils.js'][944]++;
+  return node;
+}), isEmptyInlineElement: (function (node) {
+  _$jscoverage['core/domUtils.js'][958]++;
+  if (((node.nodeType != 1) || (! dtd.$removeEmpty[node.tagName]))) {
+    _$jscoverage['core/domUtils.js'][959]++;
+    return 0;
+  }
+  _$jscoverage['core/domUtils.js'][961]++;
+  node = node.firstChild;
+  _$jscoverage['core/domUtils.js'][962]++;
+  while (node) {
+    _$jscoverage['core/domUtils.js'][964]++;
+    if (domUtils.isBookmarkNode(node)) {
+      _$jscoverage['core/domUtils.js'][965]++;
+      return 0;
+    }
+    _$jscoverage['core/domUtils.js'][967]++;
+    if ((((node.nodeType == 1) && (! domUtils.isEmptyInlineElement(node))) || ((node.nodeType == 3) && (! domUtils.isWhitespace(node))))) {
+      _$jscoverage['core/domUtils.js'][970]++;
+      return 0;
+    }
+    _$jscoverage['core/domUtils.js'][972]++;
+    node = node.nextSibling;
+}
+  _$jscoverage['core/domUtils.js'][974]++;
+  return 1;
+}), trimWhiteTextNode: (function (node) {
+  _$jscoverage['core/domUtils.js'][1000]++;
+  function remove(dir) {
+    _$jscoverage['core/domUtils.js'][1001]++;
+    var child;
+    _$jscoverage['core/domUtils.js'][1002]++;
+    while (((child = node[dir]) && (child.nodeType == 3) && domUtils.isWhitespace(child))) {
+      _$jscoverage['core/domUtils.js'][1003]++;
+      node.removeChild(child);
+}
+}
+  _$jscoverage['core/domUtils.js'][1006]++;
+  remove("firstChild");
+  _$jscoverage['core/domUtils.js'][1007]++;
+  remove("lastChild");
+}), mergeChild: (function (node, tagName, attrs) {
+  _$jscoverage['core/domUtils.js'][1019]++;
+  var list = domUtils.getElementsByTagName(node, node.tagName.toLowerCase());
+  _$jscoverage['core/domUtils.js'][1020]++;
+  for (var i = 0, ci; (ci = list[(i++)]);) {
+    _$jscoverage['core/domUtils.js'][1021]++;
+    if (((! ci.parentNode) || domUtils.isBookmarkNode(ci))) {
+      _$jscoverage['core/domUtils.js'][1022]++;
+      continue;
+    }
+    _$jscoverage['core/domUtils.js'][1025]++;
+    if ((ci.tagName.toLowerCase() == "span")) {
+      _$jscoverage['core/domUtils.js'][1026]++;
+      if ((node === ci.parentNode)) {
+        _$jscoverage['core/domUtils.js'][1027]++;
+        domUtils.trimWhiteTextNode(node);
+        _$jscoverage['core/domUtils.js'][1028]++;
+        if ((node.childNodes.length == 1)) {
+          _$jscoverage['core/domUtils.js'][1029]++;
+          node.style.cssText = (ci.style.cssText + ";" + node.style.cssText);
+          _$jscoverage['core/domUtils.js'][1030]++;
+          domUtils.remove(ci, true);
+          _$jscoverage['core/domUtils.js'][1031]++;
+          continue;
+        }
+      }
+      _$jscoverage['core/domUtils.js'][1034]++;
+      ci.style.cssText = (node.style.cssText + ";" + ci.style.cssText);
+      _$jscoverage['core/domUtils.js'][1035]++;
+      if (attrs) {
+        _$jscoverage['core/domUtils.js'][1036]++;
+        var style = attrs.style;
+        _$jscoverage['core/domUtils.js'][1037]++;
+        if (style) {
+          _$jscoverage['core/domUtils.js'][1038]++;
+          style = style.split(";");
+          _$jscoverage['core/domUtils.js'][1039]++;
+          for (var j = 0, s; (s = style[(j++)]);) {
+            _$jscoverage['core/domUtils.js'][1040]++;
+            ci.style[utils.cssStyleToDomStyle(s.split(":")[0])] = s.split(":")[1];
+}
+        }
+      }
+      _$jscoverage['core/domUtils.js'][1044]++;
+      if (domUtils.isSameStyle(ci, node)) {
+        _$jscoverage['core/domUtils.js'][1045]++;
+        domUtils.remove(ci, true);
+      }
+      _$jscoverage['core/domUtils.js'][1047]++;
+      continue;
+    }
+    _$jscoverage['core/domUtils.js'][1049]++;
+    if (domUtils.isSameElement(node, ci)) {
+      _$jscoverage['core/domUtils.js'][1050]++;
+      domUtils.remove(ci, true);
+    }
+}
+}), getElementsByTagName: (function (node, name, filter) {
+  _$jscoverage['core/domUtils.js'][1061]++;
+  if ((filter && utils.isString(filter))) {
+    _$jscoverage['core/domUtils.js'][1062]++;
+    var className = filter;
+    _$jscoverage['core/domUtils.js'][1063]++;
+    filter = (function (node) {
+  _$jscoverage['core/domUtils.js'][1063]++;
+  return domUtils.hasClass(node, className);
+});
+  }
+  _$jscoverage['core/domUtils.js'][1065]++;
+  name = utils.trim(name).replace(/[ ]{2,}/g, " ").split(" ");
+  _$jscoverage['core/domUtils.js'][1066]++;
+  var arr = [];
+  _$jscoverage['core/domUtils.js'][1067]++;
+  for (var n = 0, ni; (ni = name[(n++)]);) {
+    _$jscoverage['core/domUtils.js'][1068]++;
+    var list = node.getElementsByTagName(ni);
+    _$jscoverage['core/domUtils.js'][1069]++;
+    for (var i = 0, ci; (ci = list[(i++)]);) {
+      _$jscoverage['core/domUtils.js'][1070]++;
+      if (((! filter) || filter(ci))) {
+        _$jscoverage['core/domUtils.js'][1071]++;
+        arr.push(ci);
+      }
+}
+}
+  _$jscoverage['core/domUtils.js'][1075]++;
+  return arr;
+}), mergeToParent: (function (node) {
+  _$jscoverage['core/domUtils.js'][1106]++;
+  var parent = node.parentNode;
+  _$jscoverage['core/domUtils.js'][1107]++;
+  while ((parent && dtd.$removeEmpty[parent.tagName])) {
+    _$jscoverage['core/domUtils.js'][1108]++;
+    if (((parent.tagName == node.tagName) || (parent.tagName == "A"))) {
+      _$jscoverage['core/domUtils.js'][1109]++;
+      domUtils.trimWhiteTextNode(parent);
+      _$jscoverage['core/domUtils.js'][1111]++;
+      if ((((parent.tagName == "SPAN") && (! domUtils.isSameStyle(parent, node))) || ((parent.tagName == "A") && (node.tagName == "SPAN")))) {
+        _$jscoverage['core/domUtils.js'][1113]++;
+        if (((parent.childNodes.length > 1) || (parent !== node.parentNode))) {
+          _$jscoverage['core/domUtils.js'][1114]++;
+          node.style.cssText = (parent.style.cssText + ";" + node.style.cssText);
+          _$jscoverage['core/domUtils.js'][1115]++;
+          parent = parent.parentNode;
+          _$jscoverage['core/domUtils.js'][1116]++;
+          continue;
+        }
+        else {
+          _$jscoverage['core/domUtils.js'][1118]++;
+          parent.style.cssText += (";" + node.style.cssText);
+          _$jscoverage['core/domUtils.js'][1120]++;
+          if ((parent.tagName == "A")) {
+            _$jscoverage['core/domUtils.js'][1121]++;
+            parent.style.textDecoration = "underline";
+          }
+        }
+      }
+      _$jscoverage['core/domUtils.js'][1125]++;
+      if ((parent.tagName != "A")) {
+        _$jscoverage['core/domUtils.js'][1126]++;
+        ((parent === node.parentNode) && domUtils.remove(node, true));
+        _$jscoverage['core/domUtils.js'][1127]++;
+        break;
+      }
+    }
+    _$jscoverage['core/domUtils.js'][1130]++;
+    parent = parent.parentNode;
+}
+}), mergeSibling: (function (node, ignorePre, ignoreNext) {
+  _$jscoverage['core/domUtils.js'][1189]++;
+  function merge(rtl, start, node) {
+    _$jscoverage['core/domUtils.js'][1190]++;
+    var next;
+    _$jscoverage['core/domUtils.js'][1191]++;
+    if (((next = node[rtl]) && (! domUtils.isBookmarkNode(next)) && (next.nodeType == 1) && domUtils.isSameElement(node, next))) {
+      _$jscoverage['core/domUtils.js'][1192]++;
+      while (next.firstChild) {
+        _$jscoverage['core/domUtils.js'][1193]++;
+        if ((start == "firstChild")) {
+          _$jscoverage['core/domUtils.js'][1194]++;
+          node.insertBefore(next.lastChild, node.firstChild);
+        }
+        else {
+          _$jscoverage['core/domUtils.js'][1196]++;
+          node.appendChild(next.firstChild);
+        }
+}
+      _$jscoverage['core/domUtils.js'][1199]++;
+      domUtils.remove(next);
+    }
+}
+  _$jscoverage['core/domUtils.js'][1202]++;
+  ((! ignorePre) && merge("previousSibling", "firstChild", node));
+  _$jscoverage['core/domUtils.js'][1203]++;
+  ((! ignoreNext) && merge("nextSibling", "lastChild", node));
+}), unSelectable: ((ie || browser.opera)? (function (node) {
+  _$jscoverage['core/domUtils.js'][1218]++;
+  node.onselectstart = (function () {
+  _$jscoverage['core/domUtils.js'][1219]++;
+  return false;
+});
+  _$jscoverage['core/domUtils.js'][1221]++;
+  node.onclick = (node.onkeyup = (node.onkeydown = (function () {
+  _$jscoverage['core/domUtils.js'][1222]++;
+  return false;
+})));
+  _$jscoverage['core/domUtils.js'][1224]++;
+  node.unselectable = "on";
+  _$jscoverage['core/domUtils.js'][1225]++;
+  node.setAttribute("unselectable", "on");
+  _$jscoverage['core/domUtils.js'][1226]++;
+  for (var i = 0, ci; (ci = node.all[(i++)]);) {
+    _$jscoverage['core/domUtils.js'][1227]++;
+    switch (ci.tagName.toLowerCase()) {
+    case "iframe":
+    case "textarea":
+    case "input":
+    case "select":
+      _$jscoverage['core/domUtils.js'][1232]++;
+      break;
+    default:
+      _$jscoverage['core/domUtils.js'][1234]++;
+      ci.unselectable = "on";
+      _$jscoverage['core/domUtils.js'][1235]++;
+      node.setAttribute("unselectable", "on");
+    }
+}
+}): (function (node) {
+  _$jscoverage['core/domUtils.js'][1239]++;
+  node.style.MozUserSelect = (node.style.webkitUserSelect = (node.style.KhtmlUserSelect = "none"));
+})), removeAttributes: (function (node, attrNames) {
+  _$jscoverage['core/domUtils.js'][1286]++;
+  attrNames = (utils.isArray(attrNames)? attrNames: utils.trim(attrNames).replace(/[ ]{2,}/g, " ").split(" "));
+  _$jscoverage['core/domUtils.js'][1287]++;
+  for (var i = 0, ci; (ci = attrNames[(i++)]);) {
+    _$jscoverage['core/domUtils.js'][1288]++;
+    ci = (attrFix[ci] || ci);
+    _$jscoverage['core/domUtils.js'][1289]++;
+    switch (ci) {
+    case "className":
+      _$jscoverage['core/domUtils.js'][1291]++;
+      node[ci] = "";
+      _$jscoverage['core/domUtils.js'][1292]++;
+      break;
+    case "style":
+      _$jscoverage['core/domUtils.js'][1294]++;
+      node.style.cssText = "";
+      _$jscoverage['core/domUtils.js'][1295]++;
+      ((! browser.ie) && node.removeAttributeNode(node.getAttributeNode("style")));
+    }
+    _$jscoverage['core/domUtils.js'][1297]++;
+    node.removeAttribute(ci);
+}
+}), createElement: (function (doc, tag, attrs) {
+  _$jscoverage['core/domUtils.js'][1323]++;
+  return domUtils.setAttributes(doc.createElement(tag), attrs);
+}), setAttributes: (function (node, attrs) {
+  _$jscoverage['core/domUtils.js'][1349]++;
+  for (var attr in attrs) {
+    _$jscoverage['core/domUtils.js'][1350]++;
+    if (attrs.hasOwnProperty(attr)) {
+      _$jscoverage['core/domUtils.js'][1351]++;
+      var value = attrs[attr];
+      _$jscoverage['core/domUtils.js'][1352]++;
+      switch (attr) {
+      case "class":
+        _$jscoverage['core/domUtils.js'][1355]++;
+        node.className = value;
+        _$jscoverage['core/domUtils.js'][1356]++;
+        break;
+      case "style":
+        _$jscoverage['core/domUtils.js'][1358]++;
+        node.style.cssText = (node.style.cssText + ";" + value);
+        _$jscoverage['core/domUtils.js'][1359]++;
+        break;
+      case "innerHTML":
+        _$jscoverage['core/domUtils.js'][1361]++;
+        node[attr] = value;
+        _$jscoverage['core/domUtils.js'][1362]++;
+        break;
+      case "value":
+        _$jscoverage['core/domUtils.js'][1364]++;
+        node.value = value;
+        _$jscoverage['core/domUtils.js'][1365]++;
+        break;
+      default:
+        _$jscoverage['core/domUtils.js'][1367]++;
+        node.setAttribute((attrFix[attr] || attr), value);
+      }
+    }
+}
+  _$jscoverage['core/domUtils.js'][1371]++;
+  return node;
+}), getComputedStyle: (function (element, styleName) {
+  _$jscoverage['core/domUtils.js'][1398]++;
+  var pros = "width height top left";
+  _$jscoverage['core/domUtils.js'][1400]++;
+  if ((pros.indexOf(styleName) > -1)) {
+    _$jscoverage['core/domUtils.js'][1401]++;
+    return (element[("offset" + styleName.replace(/^\w/, (function (s) {
+  _$jscoverage['core/domUtils.js'][1401]++;
+  return s.toUpperCase();
+})))] + "px");
+  }
+  _$jscoverage['core/domUtils.js'][1404]++;
+  if ((element.nodeType == 3)) {
+    _$jscoverage['core/domUtils.js'][1405]++;
+    element = element.parentNode;
+  }
+  _$jscoverage['core/domUtils.js'][1408]++;
+  if ((browser.ie && (browser.version < 9) && (styleName == "font-size") && (! element.style.fontSize) && (! dtd.$empty[element.tagName]) && (! dtd.$nonChild[element.tagName]))) {
+    _$jscoverage['core/domUtils.js'][1410]++;
+    var span = element.ownerDocument.createElement("span");
+    _$jscoverage['core/domUtils.js'][1411]++;
+    span.style.cssText = "padding:0;border:0;font-family:simsun;";
+    _$jscoverage['core/domUtils.js'][1412]++;
+    span.innerHTML = ".";
+    _$jscoverage['core/domUtils.js'][1413]++;
+    element.appendChild(span);
+    _$jscoverage['core/domUtils.js'][1414]++;
+    var result = span.offsetHeight;
+    _$jscoverage['core/domUtils.js'][1415]++;
+    element.removeChild(span);
+    _$jscoverage['core/domUtils.js'][1416]++;
+    span = null;
+    _$jscoverage['core/domUtils.js'][1417]++;
+    return (result + "px");
+  }
+  _$jscoverage['core/domUtils.js'][1419]++;
+  try {
+    _$jscoverage['core/domUtils.js'][1420]++;
+    var value = (domUtils.getStyle(element, styleName) || (window.getComputedStyle? domUtils.getWindow(element).getComputedStyle(element, "").getPropertyValue(styleName): (element.currentStyle || element.style)[utils.cssStyleToDomStyle(styleName)]));
+  }
+  catch (e) {
+    _$jscoverage['core/domUtils.js'][1425]++;
+    return "";
+  }
+  _$jscoverage['core/domUtils.js'][1427]++;
+  return utils.transUnitToPx(utils.fixColor(styleName, value));
+}), removeClasses: (function (elm, classNames) {
+  _$jscoverage['core/domUtils.js'][1471]++;
+  classNames = (utils.isArray(classNames)? classNames: utils.trim(classNames).replace(/[ ]{2,}/g, " ").split(" "));
+  _$jscoverage['core/domUtils.js'][1473]++;
+  for (var i = 0, ci, cls = elm.className; (ci = classNames[(i++)]);) {
+    _$jscoverage['core/domUtils.js'][1474]++;
+    cls = cls.replace(new RegExp(("\\b" + ci + "\\b")), "");
+}
+  _$jscoverage['core/domUtils.js'][1476]++;
+  cls = utils.trim(cls).replace(/[ ]{2,}/g, " ");
+  _$jscoverage['core/domUtils.js'][1477]++;
+  if (cls) {
+    _$jscoverage['core/domUtils.js'][1478]++;
+    elm.className = cls;
+  }
+  else {
+    _$jscoverage['core/domUtils.js'][1480]++;
+    domUtils.removeAttributes(elm, ["class"]);
+  }
+}), addClass: (function (elm, classNames) {
+  _$jscoverage['core/domUtils.js'][1528]++;
+  if ((! elm)) {
+    _$jscoverage['core/domUtils.js'][1528]++;
+    return;
+  }
+  _$jscoverage['core/domUtils.js'][1529]++;
+  classNames = utils.trim(classNames).replace(/[ ]{2,}/g, " ").split(" ");
+  _$jscoverage['core/domUtils.js'][1530]++;
+  for (var i = 0, ci, cls = elm.className; (ci = classNames[(i++)]);) {
+    _$jscoverage['core/domUtils.js'][1531]++;
+    if ((! new RegExp(("\\b" + ci + "\\b")).test(cls))) {
+      _$jscoverage['core/domUtils.js'][1532]++;
+      elm.className += (" " + ci);
+    }
+}
+}), hasClass: (function (element, className) {
+  _$jscoverage['core/domUtils.js'][1581]++;
+  if (utils.isRegExp(className)) {
+    _$jscoverage['core/domUtils.js'][1582]++;
+    return className.test(element.className);
+  }
+  _$jscoverage['core/domUtils.js'][1584]++;
+  className = utils.trim(className).replace(/[ ]{2,}/g, " ").split(" ");
+  _$jscoverage['core/domUtils.js'][1585]++;
+  for (var i = 0, ci, cls = element.className; (ci = className[(i++)]);) {
+    _$jscoverage['core/domUtils.js'][1586]++;
+    if ((! new RegExp(("\\b" + ci + "\\b"), "i").test(cls))) {
+      _$jscoverage['core/domUtils.js'][1587]++;
+      return false;
+    }
+}
+  _$jscoverage['core/domUtils.js'][1590]++;
+  return ((i - 1) == className.length);
+}), preventDefault: (function (evt) {
+  _$jscoverage['core/domUtils.js'][1603]++;
+  (evt.preventDefault? evt.preventDefault(): (evt.returnValue = false));
+}), removeStyle: (function (element, name) {
+  _$jscoverage['core/domUtils.js'][1628]++;
+  if (browser.ie) {
+    _$jscoverage['core/domUtils.js'][1630]++;
+    if ((name == "color")) {
+      _$jscoverage['core/domUtils.js'][1631]++;
+      name = ("(^|;)" + name);
+    }
+    _$jscoverage['core/domUtils.js'][1633]++;
+    element.style.cssText = element.style.cssText.replace(new RegExp((name + "[^:]*:[^;]+;?"), "ig"), "");
+  }
+  else {
+    _$jscoverage['core/domUtils.js'][1635]++;
+    if (element.style.removeProperty) {
+      _$jscoverage['core/domUtils.js'][1636]++;
+      element.style.removeProperty(name);
+    }
+    else {
+      _$jscoverage['core/domUtils.js'][1638]++;
+      element.style.removeAttribute(utils.cssStyleToDomStyle(name));
+    }
+  }
+  _$jscoverage['core/domUtils.js'][1643]++;
+  if ((! element.style.cssText)) {
+    _$jscoverage['core/domUtils.js'][1644]++;
+    domUtils.removeAttributes(element, ["style"]);
+  }
+}), getStyle: (function (element, name) {
+  _$jscoverage['core/domUtils.js'][1673]++;
+  var value = element.style[utils.cssStyleToDomStyle(name)];
+  _$jscoverage['core/domUtils.js'][1674]++;
+  return utils.fixColor(name, value);
+}), setStyle: (function (element, name, value) {
+  _$jscoverage['core/domUtils.js'][1703]++;
+  element.style[utils.cssStyleToDomStyle(name)] = value;
+  _$jscoverage['core/domUtils.js'][1704]++;
+  if ((! utils.trim(element.style.cssText))) {
+    _$jscoverage['core/domUtils.js'][1705]++;
+    this.removeAttributes(element, "style");
+  }
+}), setStyles: (function (element, styles) {
+  _$jscoverage['core/domUtils.js'][1735]++;
+  for (var name in styles) {
+    _$jscoverage['core/domUtils.js'][1736]++;
+    if (styles.hasOwnProperty(name)) {
+      _$jscoverage['core/domUtils.js'][1737]++;
+      domUtils.setStyle(element, name, styles[name]);
+    }
+}
+}), removeDirtyAttr: (function (node) {
+  _$jscoverage['core/domUtils.js'][1747]++;
+  for (var i = 0, ci, nodes = node.getElementsByTagName("*"); (ci = nodes[(i++)]);) {
+    _$jscoverage['core/domUtils.js'][1748]++;
+    ci.removeAttribute("_moz_dirty");
+}
+  _$jscoverage['core/domUtils.js'][1750]++;
+  node.removeAttribute("_moz_dirty");
+}), getChildCount: (function (node, fn) {
+  _$jscoverage['core/domUtils.js'][1798]++;
+  var count = 0, first = node.firstChild;
+  _$jscoverage['core/domUtils.js'][1799]++;
+  fn = (fn || (function () {
+  _$jscoverage['core/domUtils.js'][1800]++;
+  return 1;
+}));
+  _$jscoverage['core/domUtils.js'][1802]++;
+  while (first) {
+    _$jscoverage['core/domUtils.js'][1803]++;
+    if (fn(first)) {
+      _$jscoverage['core/domUtils.js'][1804]++;
+      (count++);
+    }
+    _$jscoverage['core/domUtils.js'][1806]++;
+    first = first.nextSibling;
+}
+  _$jscoverage['core/domUtils.js'][1808]++;
+  return count;
+}), isEmptyNode: (function (node) {
+  _$jscoverage['core/domUtils.js'][1822]++;
+  return ((! node.firstChild) || (domUtils.getChildCount(node, (function (node) {
+  _$jscoverage['core/domUtils.js'][1823]++;
+  return ((! domUtils.isBr(node)) && (! domUtils.isBookmarkNode(node)) && (! domUtils.isWhitespace(node)));
+})) == 0));
+}), clearSelectedArr: (function (nodes) {
+  _$jscoverage['core/domUtils.js'][1839]++;
+  var node;
+  _$jscoverage['core/domUtils.js'][1840]++;
+  while ((node = nodes.pop())) {
+    _$jscoverage['core/domUtils.js'][1841]++;
+    domUtils.removeAttributes(node, ["class"]);
+}
+}), scrollToView: (function (node, win, offsetTop) {
+  _$jscoverage['core/domUtils.js'][1853]++;
+  var getViewPaneSize = (function () {
+  _$jscoverage['core/domUtils.js'][1854]++;
+  var doc = win.document, mode = (doc.compatMode == "CSS1Compat");
+  _$jscoverage['core/domUtils.js'][1856]++;
+  return ({width: ((mode? doc.documentElement.clientWidth: doc.body.clientWidth) || 0), height: ((mode? doc.documentElement.clientHeight: doc.body.clientHeight) || 0)});
+}), getScrollPosition = (function (win) {
+  _$jscoverage['core/domUtils.js'][1862]++;
+  if (("pageXOffset" in win)) {
+    _$jscoverage['core/domUtils.js'][1863]++;
+    return ({x: (win.pageXOffset || 0), y: (win.pageYOffset || 0)});
+  }
+  else {
+    _$jscoverage['core/domUtils.js'][1869]++;
+    var doc = win.document;
+    _$jscoverage['core/domUtils.js'][1870]++;
+    return ({x: (doc.documentElement.scrollLeft || doc.body.scrollLeft || 0), y: (doc.documentElement.scrollTop || doc.body.scrollTop || 0)});
+  }
+});
+  _$jscoverage['core/domUtils.js'][1876]++;
+  var winHeight = getViewPaneSize().height, offset = ((winHeight * -1) + offsetTop);
+  _$jscoverage['core/domUtils.js'][1877]++;
+  offset += (node.offsetHeight || 0);
+  _$jscoverage['core/domUtils.js'][1878]++;
+  var elementPosition = domUtils.getXY(node);
+  _$jscoverage['core/domUtils.js'][1879]++;
+  offset += elementPosition.y;
+  _$jscoverage['core/domUtils.js'][1880]++;
+  var currentScroll = getScrollPosition(win).y;
+  _$jscoverage['core/domUtils.js'][1882]++;
+  if (((offset > currentScroll) || (offset < (currentScroll - winHeight)))) {
+    _$jscoverage['core/domUtils.js'][1883]++;
+    win.scrollTo(0, (offset + ((offset < 0)? -20: 20)));
+  }
+}), isBr: (function (node) {
+  _$jscoverage['core/domUtils.js'][1894]++;
+  return ((node.nodeType == 1) && (node.tagName == "BR"));
+}), isFillChar: (function (node, isInStart) {
+  _$jscoverage['core/domUtils.js'][1905]++;
+  return ((node.nodeType == 3) && (! node.nodeValue.replace(new RegExp(((isInStart? "^": "") + domUtils.fillChar)), "").length));
+}), isStartInblock: (function (range) {
+  _$jscoverage['core/domUtils.js'][1910]++;
+  var tmpRange = range.cloneRange(), flag = 0, start = tmpRange.startContainer, tmp;
+  _$jscoverage['core/domUtils.js'][1914]++;
+  if (((start.nodeType == 1) && start.childNodes[tmpRange.startOffset])) {
+    _$jscoverage['core/domUtils.js'][1915]++;
+    start = start.childNodes[tmpRange.startOffset];
+    _$jscoverage['core/domUtils.js'][1916]++;
+    var pre = start.previousSibling;
+    _$jscoverage['core/domUtils.js'][1917]++;
+    while ((pre && domUtils.isFillChar(pre))) {
+      _$jscoverage['core/domUtils.js'][1918]++;
+      start = pre;
+      _$jscoverage['core/domUtils.js'][1919]++;
+      pre = pre.previousSibling;
+}
+  }
+  _$jscoverage['core/domUtils.js'][1922]++;
+  if ((this.isFillChar(start, true) && (tmpRange.startOffset == 1))) {
+    _$jscoverage['core/domUtils.js'][1923]++;
+    tmpRange.setStartBefore(start);
+    _$jscoverage['core/domUtils.js'][1924]++;
+    start = tmpRange.startContainer;
+  }
+  _$jscoverage['core/domUtils.js'][1927]++;
+  while ((start && domUtils.isFillChar(start))) {
+    _$jscoverage['core/domUtils.js'][1928]++;
+    tmp = start;
+    _$jscoverage['core/domUtils.js'][1929]++;
+    start = start.previousSibling;
+}
+  _$jscoverage['core/domUtils.js'][1931]++;
+  if (tmp) {
+    _$jscoverage['core/domUtils.js'][1932]++;
+    tmpRange.setStartBefore(tmp);
+    _$jscoverage['core/domUtils.js'][1933]++;
+    start = tmpRange.startContainer;
+  }
+  _$jscoverage['core/domUtils.js'][1935]++;
+  if (((start.nodeType == 1) && domUtils.isEmptyNode(start) && (tmpRange.startOffset == 1))) {
+    _$jscoverage['core/domUtils.js'][1936]++;
+    tmpRange.setStart(start, 0).collapse(true);
+  }
+  _$jscoverage['core/domUtils.js'][1938]++;
+  while ((! tmpRange.startOffset)) {
+    _$jscoverage['core/domUtils.js'][1939]++;
+    start = tmpRange.startContainer;
+    _$jscoverage['core/domUtils.js'][1940]++;
+    if ((domUtils.isBlockElm(start) || domUtils.isBody(start))) {
+      _$jscoverage['core/domUtils.js'][1941]++;
+      flag = 1;
+      _$jscoverage['core/domUtils.js'][1942]++;
+      break;
+    }
+    _$jscoverage['core/domUtils.js'][1944]++;
+    var pre = tmpRange.startContainer.previousSibling, tmpNode;
+    _$jscoverage['core/domUtils.js'][1946]++;
+    if ((! pre)) {
+      _$jscoverage['core/domUtils.js'][1947]++;
+      tmpRange.setStartBefore(tmpRange.startContainer);
+    }
+    else {
+      _$jscoverage['core/domUtils.js'][1949]++;
+      while ((pre && domUtils.isFillChar(pre))) {
+        _$jscoverage['core/domUtils.js'][1950]++;
+        tmpNode = pre;
+        _$jscoverage['core/domUtils.js'][1951]++;
+        pre = pre.previousSibling;
+}
+      _$jscoverage['core/domUtils.js'][1953]++;
+      if (tmpNode) {
+        _$jscoverage['core/domUtils.js'][1954]++;
+        tmpRange.setStartBefore(tmpNode);
+      }
+      else {
+        _$jscoverage['core/domUtils.js'][1956]++;
+        tmpRange.setStartBefore(tmpRange.startContainer);
+      }
+    }
+}
+  _$jscoverage['core/domUtils.js'][1960]++;
+  return ((flag && (! domUtils.isBody(tmpRange.startContainer)))? 1: 0);
+}), isEmptyBlock: (function (node, reg) {
+  _$jscoverage['core/domUtils.js'][1987]++;
+  if ((node.nodeType != 1)) {
+    _$jscoverage['core/domUtils.js'][1988]++;
+    return 0;
+  }
+  _$jscoverage['core/domUtils.js'][1989]++;
+  reg = (reg || new RegExp(("[ \t\r\n" + domUtils.fillChar + "]"), "g"));
+  _$jscoverage['core/domUtils.js'][1990]++;
+  if ((node[(browser.ie? "innerText": "textContent")].replace(reg, "").length > 0)) {
+    _$jscoverage['core/domUtils.js'][1991]++;
+    return 0;
+  }
+  _$jscoverage['core/domUtils.js'][1993]++;
+  for (var n in dtd.$isNotEmpty) {
+    _$jscoverage['core/domUtils.js'][1994]++;
+    if (node.getElementsByTagName(n).length) {
+      _$jscoverage['core/domUtils.js'][1995]++;
+      return 0;
+    }
+}
+  _$jscoverage['core/domUtils.js'][1998]++;
+  return 1;
+}), setViewportOffset: (function (element, offset) {
+  _$jscoverage['core/domUtils.js'][2028]++;
+  var left = (parseInt(element.style.left) | 0);
+  _$jscoverage['core/domUtils.js'][2029]++;
+  var top = (parseInt(element.style.top) | 0);
+  _$jscoverage['core/domUtils.js'][2030]++;
+  var rect = element.getBoundingClientRect();
+  _$jscoverage['core/domUtils.js'][2031]++;
+  var offsetLeft = (offset.left - rect.left);
+  _$jscoverage['core/domUtils.js'][2032]++;
+  var offsetTop = (offset.top - rect.top);
+  _$jscoverage['core/domUtils.js'][2033]++;
+  if (offsetLeft) {
+    _$jscoverage['core/domUtils.js'][2034]++;
+    element.style.left = (left + offsetLeft + "px");
+  }
+  _$jscoverage['core/domUtils.js'][2036]++;
+  if (offsetTop) {
+    _$jscoverage['core/domUtils.js'][2037]++;
+    element.style.top = (top + offsetTop + "px");
+  }
+}), fillNode: (function (doc, node) {
+  _$jscoverage['core/domUtils.js'][2065]++;
+  var tmpNode = (browser.ie? doc.createTextNode(domUtils.fillChar): doc.createElement("br"));
+  _$jscoverage['core/domUtils.js'][2066]++;
+  node.innerHTML = "";
+  _$jscoverage['core/domUtils.js'][2067]++;
+  node.appendChild(tmpNode);
+}), moveChild: (function (src, tag, dir) {
+  _$jscoverage['core/domUtils.js'][2133]++;
+  while (src.firstChild) {
+    _$jscoverage['core/domUtils.js'][2134]++;
+    if ((dir && tag.firstChild)) {
+      _$jscoverage['core/domUtils.js'][2135]++;
+      tag.insertBefore(src.lastChild, tag.firstChild);
+    }
+    else {
+      _$jscoverage['core/domUtils.js'][2137]++;
+      tag.appendChild(src.firstChild);
+    }
+}
+}), hasNoAttributes: (function (node) {
+  _$jscoverage['core/domUtils.js'][2163]++;
+  return (browser.ie? /^<\w+\s*?>/.test(node.outerHTML): (node.attributes.length == 0));
+}), isCustomeNode: (function (node) {
+  _$jscoverage['core/domUtils.js'][2174]++;
+  return ((node.nodeType == 1) && node.getAttribute("_ue_custom_node_"));
+}), isTagNode: (function (node, tagName) {
+  _$jscoverage['core/domUtils.js'][2196]++;
+  return ((node.nodeType == 1) && new RegExp(("^" + node.tagName + "$"), "i").test(tagName));
+}), filterNodeList: (function (nodelist, filter, forAll) {
+  _$jscoverage['core/domUtils.js'][2266]++;
+  var results = [];
+  _$jscoverage['core/domUtils.js'][2267]++;
+  if ((! utils.isFunction(filter))) {
+    _$jscoverage['core/domUtils.js'][2268]++;
+    var str = filter;
+    _$jscoverage['core/domUtils.js'][2269]++;
+    filter = (function (n) {
+  _$jscoverage['core/domUtils.js'][2270]++;
+  return (utils.indexOf((utils.isArray(str)? str: str.split(" ")), n.tagName.toLowerCase()) != -1);
+});
+  }
+  _$jscoverage['core/domUtils.js'][2273]++;
+  utils.each(nodelist, (function (n) {
+  _$jscoverage['core/domUtils.js'][2274]++;
+  (filter(n) && results.push(n));
+}));
+  _$jscoverage['core/domUtils.js'][2276]++;
+  return ((results.length == 0)? null: (((results.length == 1) || (! forAll))? results[0]: results));
+}), isInNodeEndBoundary: (function (rng, node) {
+  _$jscoverage['core/domUtils.js'][2280]++;
+  var start = rng.startContainer;
+  _$jscoverage['core/domUtils.js'][2281]++;
+  if (((start.nodeType == 3) && (rng.startOffset != start.nodeValue.length))) {
+    _$jscoverage['core/domUtils.js'][2282]++;
+    return 0;
+  }
+  _$jscoverage['core/domUtils.js'][2284]++;
+  if (((start.nodeType == 1) && (rng.startOffset != start.childNodes.length))) {
+    _$jscoverage['core/domUtils.js'][2285]++;
+    return 0;
+  }
+  _$jscoverage['core/domUtils.js'][2287]++;
+  while ((start !== node)) {
+    _$jscoverage['core/domUtils.js'][2288]++;
+    if (start.nextSibling) {
+      _$jscoverage['core/domUtils.js'][2289]++;
+      return 0;
+    }
+    _$jscoverage['core/domUtils.js'][2290]++;
+    ;
+    _$jscoverage['core/domUtils.js'][2291]++;
+    start = start.parentNode;
+}
+  _$jscoverage['core/domUtils.js'][2293]++;
+  return 1;
+}), isBoundaryNode: (function (node, dir) {
+  _$jscoverage['core/domUtils.js'][2296]++;
+  var tmp;
+  _$jscoverage['core/domUtils.js'][2297]++;
+  while ((! domUtils.isBody(node))) {
+    _$jscoverage['core/domUtils.js'][2298]++;
+    tmp = node;
+    _$jscoverage['core/domUtils.js'][2299]++;
+    node = node.parentNode;
+    _$jscoverage['core/domUtils.js'][2300]++;
+    if ((tmp !== node[dir])) {
+      _$jscoverage['core/domUtils.js'][2301]++;
+      return false;
+    }
+}
+  _$jscoverage['core/domUtils.js'][2304]++;
+  return true;
+})});
+_$jscoverage['core/domUtils.js'][2307]++;
+var fillCharReg = new RegExp(domUtils.fillChar, "g");
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/dtd.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/dtd.js
new file mode 100644
index 000000000..866a73c3f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/dtd.js
@@ -0,0 +1,73 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/dtd.js']) {
+  _$jscoverage['core/dtd.js'] = [];
+  _$jscoverage['core/dtd.js'][9] = 0;
+  _$jscoverage['core/dtd.js'][10] = 0;
+  _$jscoverage['core/dtd.js'][11] = 0;
+  _$jscoverage['core/dtd.js'][12] = 0;
+  _$jscoverage['core/dtd.js'][14] = 0;
+  _$jscoverage['core/dtd.js'][16] = 0;
+  _$jscoverage['core/dtd.js'][17] = 0;
+  _$jscoverage['core/dtd.js'][41] = 0;
+  _$jscoverage['core/dtd.js'][45] = 0;
+}
+_$jscoverage['core/dtd.js'].source = ["<span class=\"c\">///import editor.js</span>","<span class=\"c\">///import core/dom/dom.js</span>","<span class=\"c\">///import core/utils.js</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * dtd html&#35821;&#20041;&#21270;&#30340;&#20307;&#29616;&#31867;</span>","<span class=\"c\"> * @constructor</span>","<span class=\"c\"> * @namespace dtd</span>","<span class=\"c\"> */</span>","<span class=\"k\">var</span> dtd <span class=\"k\">=</span> dom<span class=\"k\">.</span>dtd <span class=\"k\">=</span> <span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">function</span> _<span class=\"k\">(</span> s <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> k <span class=\"k\">in</span> s<span class=\"k\">)</span> <span class=\"k\">{</span>","            s<span class=\"k\">[</span>k<span class=\"k\">.</span>toUpperCase<span class=\"k\">()]</span> <span class=\"k\">=</span> s<span class=\"k\">[</span>k<span class=\"k\">];</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> s<span class=\"k\">;</span>","    <span class=\"k\">}</span>","    <span class=\"k\">var</span> X <span class=\"k\">=</span> utils<span class=\"k\">.</span>extend2<span class=\"k\">;</span>","    <span class=\"k\">var</span> A <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>isindex<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>fieldset<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        B <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>input<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>button<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>select<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>textarea<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>label<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        C <span class=\"k\">=</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>a<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> B <span class=\"k\">),</span>","        D <span class=\"k\">=</span> X<span class=\"k\">(</span> <span class=\"k\">{</span>iframe<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">,</span> C <span class=\"k\">),</span>","        E <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>hr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ul<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>menu<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>div<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>blockquote<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>noscript<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>table<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>center<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>address<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dir<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>pre<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h5<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dl<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h4<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>noframes<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h6<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ol<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h1<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h3<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h2<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        F <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>ins<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>del<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>script<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>style<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        G <span class=\"k\">=</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>b<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>acronym<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>bdo<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">'var'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">'#'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>abbr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>code<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>br<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>i<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>cite<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>kbd<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>u<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>strike<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>s<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tt<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>strong<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>q<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>samp<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>em<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dfn<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>span<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> F <span class=\"k\">),</span>","        H <span class=\"k\">=</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>sub<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>img<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>embed<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>object<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>sup<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>basefont<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>map<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>applet<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>font<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>big<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>small<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> G <span class=\"k\">),</span>","        I <span class=\"k\">=</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>p<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> H <span class=\"k\">),</span>","        J <span class=\"k\">=</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>iframe<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> H<span class=\"k\">,</span> B <span class=\"k\">),</span>","        K <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>img<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>embed<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>noscript<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>br<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>kbd<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>center<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>button<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>basefont<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h5<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h4<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>samp<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h6<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ol<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h1<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h3<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h2<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>form<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>font<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">'#'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>select<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>menu<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ins<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>abbr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>label<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>code<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>table<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>script<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>cite<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>input<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>iframe<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>strong<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>textarea<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>noframes<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>big<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>small<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>span<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>hr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>sub<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>bdo<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">'var'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>div<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>object<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>sup<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>strike<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dir<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>map<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dl<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>applet<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>del<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>isindex<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>fieldset<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ul<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>b<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>acronym<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>a<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>blockquote<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>i<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>u<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>s<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tt<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>address<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>q<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>pre<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>p<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>em<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dfn<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","","        L <span class=\"k\">=</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>a<span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">}</span><span class=\"k\">),</span> J <span class=\"k\">),</span><span class=\"c\">//a&#19981;&#33021;&#34987;&#20999;&#24320;&#65292;&#25152;&#20197;&#25226;&#20182;</span>","        M <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>tr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        N <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span><span class=\"s\">'#'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        O <span class=\"k\">=</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>param<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> K <span class=\"k\">),</span>","        P <span class=\"k\">=</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>form<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> A<span class=\"k\">,</span> D<span class=\"k\">,</span> E<span class=\"k\">,</span> I <span class=\"k\">),</span>","        Q <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>li<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ol<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ul<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        R <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>style<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>script<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        S <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>base<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>link<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>meta<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>title<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        T <span class=\"k\">=</span> X<span class=\"k\">(</span> S<span class=\"k\">,</span> R <span class=\"k\">),</span>","        U <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>head<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>body<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        V <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>html<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"k\">var</span> block <span class=\"k\">=</span> _<span class=\"k\">(</span><span class=\"k\">{</span>address<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>blockquote<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>center<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dir<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>div<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dl<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>fieldset<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>form<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h1<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h2<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h3<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h4<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h5<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h6<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>hr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>isindex<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>menu<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>noframes<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ol<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>p<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>pre<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>table<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ul<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","","        empty <span class=\"k\">=</span>  _<span class=\"k\">(</span><span class=\"k\">{</span>area<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>base<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>basefont<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>br<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>col<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>command<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dialog<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>embed<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>hr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>img<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>input<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>isindex<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>keygen<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>link<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>meta<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>param<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>source<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>track<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>wbr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"k\">return</span>  _<span class=\"k\">(</span><span class=\"k\">{</span>","","        <span class=\"c\">// $ &#34920;&#31034;&#33258;&#23450;&#30340;&#23646;&#24615;</span>","","        <span class=\"c\">// body&#22806;&#30340;&#20803;&#32032;&#21015;&#34920;.</span>","        $nonBodyContent<span class=\"k\">:</span> X<span class=\"k\">(</span> V<span class=\"k\">,</span> U<span class=\"k\">,</span> S <span class=\"k\">),</span>","","        <span class=\"c\">//&#22359;&#32467;&#26500;&#20803;&#32032;&#21015;&#34920;</span>","        $block <span class=\"k\">:</span> block<span class=\"k\">,</span>","","        <span class=\"c\">//&#20869;&#32852;&#20803;&#32032;&#21015;&#34920;</span>","        $inline <span class=\"k\">:</span> L<span class=\"k\">,</span>","","        $inlineWithA <span class=\"k\">:</span> X<span class=\"k\">(</span>_<span class=\"k\">(</span><span class=\"k\">{</span>a<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>L<span class=\"k\">),</span>","","        $body <span class=\"k\">:</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>script<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>style<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> block <span class=\"k\">),</span>","","        $cdata <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>script<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>style<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","","        <span class=\"c\">//&#33258;&#38381;&#21644;&#20803;&#32032;</span>","        $empty <span class=\"k\">:</span> empty<span class=\"k\">,</span>","","        <span class=\"c\">//&#19981;&#26159;&#33258;&#38381;&#21512;&#65292;&#20294;&#19981;&#33021;&#35753;range&#36873;&#20013;&#37324;&#36793;</span>","        $nonChild <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>iframe<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>textarea<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        <span class=\"c\">//&#21015;&#34920;&#20803;&#32032;&#21015;&#34920;</span>","        $listItem <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>dd<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dt<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>li<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","","        <span class=\"c\">//&#21015;&#34920;&#26681;&#20803;&#32032;&#21015;&#34920;</span>","        $list<span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>ul<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ol<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dl<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","","        <span class=\"c\">//&#19981;&#33021;&#35748;&#20026;&#26159;&#31354;&#30340;&#20803;&#32032;</span>","        $isNotEmpty <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>table<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ul<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ol<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dl<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>iframe<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>area<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>base<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>col<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>hr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>img<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>embed<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>input<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>link<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>meta<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>param<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h1<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h2<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h3<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h4<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h5<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h6<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","","        <span class=\"c\">//&#22914;&#26524;&#27809;&#26377;&#23376;&#33410;&#28857;&#23601;&#21487;&#20197;&#21024;&#38500;&#30340;&#20803;&#32032;&#21015;&#34920;&#65292;&#20687;span,a</span>","        $removeEmpty <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>a<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>abbr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>acronym<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>address<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>b<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>bdo<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>big<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>cite<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>code<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>del<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dfn<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>em<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>font<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>i<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ins<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>label<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>kbd<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>q<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>s<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>samp<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>small<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>span<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>strike<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>strong<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>sub<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>sup<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tt<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>u<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">'var'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","","        $removeEmptyBlock <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span><span class=\"s\">'p'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">'div'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","","        <span class=\"c\">//&#22312;table&#20803;&#32032;&#37324;&#30340;&#20803;&#32032;&#21015;&#34920;</span>","        $tableContent <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>caption<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>col<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>colgroup<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tbody<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>td<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tfoot<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>th<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>thead<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>table<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        <span class=\"c\">//&#19981;&#36716;&#25442;&#30340;&#26631;&#31614;</span>","        $notTransContent <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>pre<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>script<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>style<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>textarea<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        html<span class=\"k\">:</span> U<span class=\"k\">,</span>","        head<span class=\"k\">:</span> T<span class=\"k\">,</span>","        style<span class=\"k\">:</span> N<span class=\"k\">,</span>","        script<span class=\"k\">:</span> N<span class=\"k\">,</span>","        body<span class=\"k\">:</span> P<span class=\"k\">,</span>","        base<span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        link<span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        meta<span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        title<span class=\"k\">:</span> N<span class=\"k\">,</span>","        col <span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        tr <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>td<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>th<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        img <span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        embed<span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        colgroup <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>thead<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>col<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tbody<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tfoot<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        noscript <span class=\"k\">:</span> P<span class=\"k\">,</span>","        td <span class=\"k\">:</span> P<span class=\"k\">,</span>","        br <span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        th <span class=\"k\">:</span> P<span class=\"k\">,</span>","        center <span class=\"k\">:</span> P<span class=\"k\">,</span>","        kbd <span class=\"k\">:</span> L<span class=\"k\">,</span>","        button <span class=\"k\">:</span> X<span class=\"k\">(</span> I<span class=\"k\">,</span> E <span class=\"k\">),</span>","        basefont <span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        h5 <span class=\"k\">:</span> L<span class=\"k\">,</span>","        h4 <span class=\"k\">:</span> L<span class=\"k\">,</span>","        samp <span class=\"k\">:</span> L<span class=\"k\">,</span>","        h6 <span class=\"k\">:</span> L<span class=\"k\">,</span>","        ol <span class=\"k\">:</span> Q<span class=\"k\">,</span>","        h1 <span class=\"k\">:</span> L<span class=\"k\">,</span>","        h3 <span class=\"k\">:</span> L<span class=\"k\">,</span>","        option <span class=\"k\">:</span> N<span class=\"k\">,</span>","        h2 <span class=\"k\">:</span> L<span class=\"k\">,</span>","        form <span class=\"k\">:</span> X<span class=\"k\">(</span> A<span class=\"k\">,</span> D<span class=\"k\">,</span> E<span class=\"k\">,</span> I <span class=\"k\">),</span>","        select <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>optgroup<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>option<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        font <span class=\"k\">:</span> L<span class=\"k\">,</span>","        ins <span class=\"k\">:</span> L<span class=\"k\">,</span>","        menu <span class=\"k\">:</span> Q<span class=\"k\">,</span>","        abbr <span class=\"k\">:</span> L<span class=\"k\">,</span>","        label <span class=\"k\">:</span> L<span class=\"k\">,</span>","        table <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>thead<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>col<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tbody<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>colgroup<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>caption<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tfoot<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        code <span class=\"k\">:</span> L<span class=\"k\">,</span>","        tfoot <span class=\"k\">:</span> M<span class=\"k\">,</span>","        cite <span class=\"k\">:</span> L<span class=\"k\">,</span>","        li <span class=\"k\">:</span> P<span class=\"k\">,</span>","        input <span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        iframe <span class=\"k\">:</span> P<span class=\"k\">,</span>","        strong <span class=\"k\">:</span> L<span class=\"k\">,</span>","        textarea <span class=\"k\">:</span> N<span class=\"k\">,</span>","        noframes <span class=\"k\">:</span> P<span class=\"k\">,</span>","        big <span class=\"k\">:</span> L<span class=\"k\">,</span>","        small <span class=\"k\">:</span> L<span class=\"k\">,</span>","        <span class=\"c\">//trace:</span>","        span <span class=\"k\">:</span>_<span class=\"k\">(</span><span class=\"k\">{</span><span class=\"s\">'#'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>br<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>b<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>strong<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>u<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>i<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>em<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>sub<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>sup<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>strike<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>span<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        hr <span class=\"k\">:</span> L<span class=\"k\">,</span>","        dt <span class=\"k\">:</span> L<span class=\"k\">,</span>","        sub <span class=\"k\">:</span> L<span class=\"k\">,</span>","        optgroup <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>option<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        param <span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        bdo <span class=\"k\">:</span> L<span class=\"k\">,</span>","        <span class=\"s\">'var'</span> <span class=\"k\">:</span> L<span class=\"k\">,</span>","        div <span class=\"k\">:</span> P<span class=\"k\">,</span>","        object <span class=\"k\">:</span> O<span class=\"k\">,</span>","        sup <span class=\"k\">:</span> L<span class=\"k\">,</span>","        dd <span class=\"k\">:</span> P<span class=\"k\">,</span>","        strike <span class=\"k\">:</span> L<span class=\"k\">,</span>","        area <span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        dir <span class=\"k\">:</span> Q<span class=\"k\">,</span>","        map <span class=\"k\">:</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>area<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>form<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>p<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> A<span class=\"k\">,</span> F<span class=\"k\">,</span> E <span class=\"k\">),</span>","        applet <span class=\"k\">:</span> O<span class=\"k\">,</span>","        dl <span class=\"k\">:</span> _<span class=\"k\">(</span><span class=\"k\">{</span>dt<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>dd<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>","        del <span class=\"k\">:</span> L<span class=\"k\">,</span>","        isindex <span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","        fieldset <span class=\"k\">:</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>legend<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> K <span class=\"k\">),</span>","        thead <span class=\"k\">:</span> M<span class=\"k\">,</span>","        ul <span class=\"k\">:</span> Q<span class=\"k\">,</span>","        acronym <span class=\"k\">:</span> L<span class=\"k\">,</span>","        b <span class=\"k\">:</span> L<span class=\"k\">,</span>","        a <span class=\"k\">:</span> X<span class=\"k\">(</span> _<span class=\"k\">(</span><span class=\"k\">{</span>a<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span> J <span class=\"k\">),</span>","        blockquote <span class=\"k\">:</span>X<span class=\"k\">(</span>_<span class=\"k\">(</span><span class=\"k\">{</span>td<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tbody<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>li<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>P<span class=\"k\">),</span>","        caption <span class=\"k\">:</span> L<span class=\"k\">,</span>","        i <span class=\"k\">:</span> L<span class=\"k\">,</span>","        u <span class=\"k\">:</span> L<span class=\"k\">,</span>","        tbody <span class=\"k\">:</span> M<span class=\"k\">,</span>","        s <span class=\"k\">:</span> L<span class=\"k\">,</span>","        address <span class=\"k\">:</span> X<span class=\"k\">(</span> D<span class=\"k\">,</span> I <span class=\"k\">),</span>","        tt <span class=\"k\">:</span> L<span class=\"k\">,</span>","        legend <span class=\"k\">:</span> L<span class=\"k\">,</span>","        q <span class=\"k\">:</span> L<span class=\"k\">,</span>","        pre <span class=\"k\">:</span> X<span class=\"k\">(</span> G<span class=\"k\">,</span> C <span class=\"k\">),</span>","        p <span class=\"k\">:</span> X<span class=\"k\">(</span>_<span class=\"k\">(</span><span class=\"k\">{</span><span class=\"s\">'a'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">),</span>L<span class=\"k\">),</span>","        em <span class=\"k\">:</span>L<span class=\"k\">,</span>","        dfn <span class=\"k\">:</span> L","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['core/dtd.js'][9]++;
+var dtd = (dom.dtd = (function () {
+  _$jscoverage['core/dtd.js'][10]++;
+  function _(s) {
+    _$jscoverage['core/dtd.js'][11]++;
+    for (var k in s) {
+      _$jscoverage['core/dtd.js'][12]++;
+      s[k.toUpperCase()] = s[k];
+}
+    _$jscoverage['core/dtd.js'][14]++;
+    return s;
+}
+  _$jscoverage['core/dtd.js'][16]++;
+  var X = utils.extend2;
+  _$jscoverage['core/dtd.js'][17]++;
+  var A = _({isindex: 1, fieldset: 1}), B = _({input: 1, button: 1, select: 1, textarea: 1, label: 1}), C = X(_({a: 1}), B), D = X({iframe: 1}, C), E = _({hr: 1, ul: 1, menu: 1, div: 1, blockquote: 1, noscript: 1, table: 1, center: 1, address: 1, dir: 1, pre: 1, h5: 1, dl: 1, h4: 1, noframes: 1, h6: 1, ol: 1, h1: 1, h3: 1, h2: 1}), F = _({ins: 1, del: 1, script: 1, style: 1}), G = X(_({b: 1, acronym: 1, bdo: 1, "var": 1, "#": 1, abbr: 1, code: 1, br: 1, i: 1, cite: 1, kbd: 1, u: 1, strike: 1, s: 1, tt: 1, strong: 1, q: 1, samp: 1, em: 1, dfn: 1, span: 1}), F), H = X(_({sub: 1, img: 1, embed: 1, object: 1, sup: 1, basefont: 1, map: 1, applet: 1, font: 1, big: 1, small: 1}), G), I = X(_({p: 1}), H), J = X(_({iframe: 1}), H, B), K = _({img: 1, embed: 1, noscript: 1, br: 1, kbd: 1, center: 1, button: 1, basefont: 1, h5: 1, h4: 1, samp: 1, h6: 1, ol: 1, h1: 1, h3: 1, h2: 1, form: 1, font: 1, "#": 1, select: 1, menu: 1, ins: 1, abbr: 1, label: 1, code: 1, table: 1, script: 1, cite: 1, input: 1, iframe: 1, strong: 1, textarea: 1, noframes: 1, big: 1, small: 1, span: 1, hr: 1, sub: 1, bdo: 1, "var": 1, div: 1, object: 1, sup: 1, strike: 1, dir: 1, map: 1, dl: 1, applet: 1, del: 1, isindex: 1, fieldset: 1, ul: 1, b: 1, acronym: 1, a: 1, blockquote: 1, i: 1, u: 1, s: 1, tt: 1, address: 1, q: 1, pre: 1, p: 1, em: 1, dfn: 1}), L = X(_({a: 0}), J), M = _({tr: 1}), N = _({"#": 1}), O = X(_({param: 1}), K), P = X(_({form: 1}), A, D, E, I), Q = _({li: 1, ol: 1, ul: 1}), R = _({style: 1, script: 1}), S = _({base: 1, link: 1, meta: 1, title: 1}), T = X(S, R), U = _({head: 1, body: 1}), V = _({html: 1});
+  _$jscoverage['core/dtd.js'][41]++;
+  var block = _({address: 1, blockquote: 1, center: 1, dir: 1, div: 1, dl: 1, fieldset: 1, form: 1, h1: 1, h2: 1, h3: 1, h4: 1, h5: 1, h6: 1, hr: 1, isindex: 1, menu: 1, noframes: 1, ol: 1, p: 1, pre: 1, table: 1, ul: 1}), empty = _({area: 1, base: 1, basefont: 1, br: 1, col: 1, command: 1, dialog: 1, embed: 1, hr: 1, img: 1, input: 1, isindex: 1, keygen: 1, link: 1, meta: 1, param: 1, source: 1, track: 1, wbr: 1});
+  _$jscoverage['core/dtd.js'][45]++;
+  return _({$nonBodyContent: X(V, U, S), $block: block, $inline: L, $inlineWithA: X(_({a: 1}), L), $body: X(_({script: 1, style: 1}), block), $cdata: _({script: 1, style: 1}), $empty: empty, $nonChild: _({iframe: 1, textarea: 1}), $listItem: _({dd: 1, dt: 1, li: 1}), $list: _({ul: 1, ol: 1, dl: 1}), $isNotEmpty: _({table: 1, ul: 1, ol: 1, dl: 1, iframe: 1, area: 1, base: 1, col: 1, hr: 1, img: 1, embed: 1, input: 1, link: 1, meta: 1, param: 1, h1: 1, h2: 1, h3: 1, h4: 1, h5: 1, h6: 1}), $removeEmpty: _({a: 1, abbr: 1, acronym: 1, address: 1, b: 1, bdo: 1, big: 1, cite: 1, code: 1, del: 1, dfn: 1, em: 1, font: 1, i: 1, ins: 1, label: 1, kbd: 1, q: 1, s: 1, samp: 1, small: 1, span: 1, strike: 1, strong: 1, sub: 1, sup: 1, tt: 1, u: 1, "var": 1}), $removeEmptyBlock: _({"p": 1, "div": 1}), $tableContent: _({caption: 1, col: 1, colgroup: 1, tbody: 1, td: 1, tfoot: 1, th: 1, thead: 1, tr: 1, table: 1}), $notTransContent: _({pre: 1, script: 1, style: 1, textarea: 1}), html: U, head: T, style: N, script: N, body: P, base: {}, link: {}, meta: {}, title: N, col: {}, tr: _({td: 1, th: 1}), img: {}, embed: {}, colgroup: _({thead: 1, col: 1, tbody: 1, tr: 1, tfoot: 1}), noscript: P, td: P, br: {}, th: P, center: P, kbd: L, button: X(I, E), basefont: {}, h5: L, h4: L, samp: L, h6: L, ol: Q, h1: L, h3: L, option: N, h2: L, form: X(A, D, E, I), select: _({optgroup: 1, option: 1}), font: L, ins: L, menu: Q, abbr: L, label: L, table: _({thead: 1, col: 1, tbody: 1, tr: 1, colgroup: 1, caption: 1, tfoot: 1}), code: L, tfoot: M, cite: L, li: P, input: {}, iframe: P, strong: L, textarea: N, noframes: P, big: L, small: L, span: _({"#": 1, br: 1, b: 1, strong: 1, u: 1, i: 1, em: 1, sub: 1, sup: 1, strike: 1, span: 1}), hr: L, dt: L, sub: L, optgroup: _({option: 1}), param: {}, bdo: L, "var": L, div: P, object: O, sup: L, dd: P, strike: L, area: {}, dir: Q, map: X(_({area: 1, form: 1, p: 1}), A, F, E), applet: O, dl: _({dt: 1, dd: 1}), del: L, isindex: {}, fieldset: X(_({legend: 1}), K), thead: M, ul: Q, acronym: L, b: L, a: X(_({a: 1}), J), blockquote: X(_({td: 1, tr: 1, tbody: 1, li: 1}), P), caption: L, i: L, u: L, tbody: M, s: L, address: X(D, I), tt: L, legend: L, q: L, pre: X(G, C), p: X(_({"a": 1}), L), em: L, dfn: L});
+})());
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/filternode.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/filternode.js
new file mode 100644
index 000000000..5b17d9ac6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/filternode.js
@@ -0,0 +1,275 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/filternode.js']) {
+  _$jscoverage['core/filternode.js'] = [];
+  _$jscoverage['core/filternode.js'][24] = 0;
+  _$jscoverage['core/filternode.js'][25] = 0;
+  _$jscoverage['core/filternode.js'][26] = 0;
+  _$jscoverage['core/filternode.js'][28] = 0;
+  _$jscoverage['core/filternode.js'][30] = 0;
+  _$jscoverage['core/filternode.js'][31] = 0;
+  _$jscoverage['core/filternode.js'][32] = 0;
+  _$jscoverage['core/filternode.js'][33] = 0;
+  _$jscoverage['core/filternode.js'][34] = 0;
+  _$jscoverage['core/filternode.js'][35] = 0;
+  _$jscoverage['core/filternode.js'][37] = 0;
+  _$jscoverage['core/filternode.js'][38] = 0;
+  _$jscoverage['core/filternode.js'][39] = 0;
+  _$jscoverage['core/filternode.js'][40] = 0;
+  _$jscoverage['core/filternode.js'][41] = 0;
+  _$jscoverage['core/filternode.js'][42] = 0;
+  _$jscoverage['core/filternode.js'][43] = 0;
+  _$jscoverage['core/filternode.js'][48] = 0;
+  _$jscoverage['core/filternode.js'][49] = 0;
+  _$jscoverage['core/filternode.js'][50] = 0;
+  _$jscoverage['core/filternode.js'][51] = 0;
+  _$jscoverage['core/filternode.js'][58] = 0;
+  _$jscoverage['core/filternode.js'][59] = 0;
+  _$jscoverage['core/filternode.js'][60] = 0;
+  _$jscoverage['core/filternode.js'][61] = 0;
+  _$jscoverage['core/filternode.js'][62] = 0;
+  _$jscoverage['core/filternode.js'][64] = 0;
+  _$jscoverage['core/filternode.js'][65] = 0;
+  _$jscoverage['core/filternode.js'][66] = 0;
+  _$jscoverage['core/filternode.js'][67] = 0;
+  _$jscoverage['core/filternode.js'][68] = 0;
+  _$jscoverage['core/filternode.js'][69] = 0;
+  _$jscoverage['core/filternode.js'][72] = 0;
+  _$jscoverage['core/filternode.js'][74] = 0;
+  _$jscoverage['core/filternode.js'][75] = 0;
+  _$jscoverage['core/filternode.js'][79] = 0;
+  _$jscoverage['core/filternode.js'][81] = 0;
+  _$jscoverage['core/filternode.js'][82] = 0;
+  _$jscoverage['core/filternode.js'][83] = 0;
+  _$jscoverage['core/filternode.js'][84] = 0;
+  _$jscoverage['core/filternode.js'][85] = 0;
+  _$jscoverage['core/filternode.js'][92] = 0;
+  _$jscoverage['core/filternode.js'][93] = 0;
+  _$jscoverage['core/filternode.js'][95] = 0;
+  _$jscoverage['core/filternode.js'][97] = 0;
+  _$jscoverage['core/filternode.js'][98] = 0;
+  _$jscoverage['core/filternode.js'][99] = 0;
+  _$jscoverage['core/filternode.js'][100] = 0;
+  _$jscoverage['core/filternode.js'][101] = 0;
+  _$jscoverage['core/filternode.js'][106] = 0;
+  _$jscoverage['core/filternode.js'][108] = 0;
+  _$jscoverage['core/filternode.js'][112] = 0;
+  _$jscoverage['core/filternode.js'][113] = 0;
+  _$jscoverage['core/filternode.js'][114] = 0;
+  _$jscoverage['core/filternode.js'][116] = 0;
+  _$jscoverage['core/filternode.js'][117] = 0;
+  _$jscoverage['core/filternode.js'][118] = 0;
+  _$jscoverage['core/filternode.js'][119] = 0;
+  _$jscoverage['core/filternode.js'][122] = 0;
+  _$jscoverage['core/filternode.js'][123] = 0;
+  _$jscoverage['core/filternode.js'][124] = 0;
+  _$jscoverage['core/filternode.js'][125] = 0;
+  _$jscoverage['core/filternode.js'][128] = 0;
+}
+_$jscoverage['core/filternode.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * UE&#36807;&#28388;&#33410;&#28857;&#30340;&#38745;&#24577;&#26041;&#27861;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * UEditor&#20844;&#29992;&#31354;&#38388;&#65292;UEditor&#25152;&#26377;&#30340;&#21151;&#33021;&#37117;&#25346;&#36733;&#22312;&#35813;&#31354;&#38388;&#19979;</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> */</span>","","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26681;&#25454;&#20256;&#20837;&#33410;&#28857;&#21644;&#36807;&#28388;&#35268;&#21017;&#36807;&#28388;&#30456;&#24212;&#33410;&#28857;</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> * @method filterNode</span>","<span class=\"c\"> * @param { Object } root &#25351;&#23450;root&#33410;&#28857;</span>","<span class=\"c\"> * @param { Object } rules &#36807;&#28388;&#35268;&#21017;json&#23545;&#35937;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * UE.filterNode(root,editor.options.filterRules);</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"k\">var</span> filterNode <span class=\"k\">=</span> UE<span class=\"k\">.</span>filterNode <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">function</span> filterNode<span class=\"k\">(</span>node<span class=\"k\">,</span>rules<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">switch</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>type<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">case</span> <span class=\"s\">'text'</span><span class=\"k\">:</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">case</span> <span class=\"s\">'element'</span><span class=\"k\">:</span>","                <span class=\"k\">var</span> val<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>val <span class=\"k\">=</span> rules<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                   <span class=\"k\">if</span><span class=\"k\">(</span>val <span class=\"k\">===</span> <span class=\"s\">'-'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                       node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">)</span>","                   <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(</span>utils<span class=\"k\">.</span>isFunction<span class=\"k\">(</span>val<span class=\"k\">))</span><span class=\"k\">{</span>","                       <span class=\"k\">var</span> parentNode <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>","                           index <span class=\"k\">=</span> node<span class=\"k\">.</span>getIndex<span class=\"k\">();</span>","                       val<span class=\"k\">(</span>node<span class=\"k\">);</span>","                       <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">{</span>","                           <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>children<span class=\"k\">)</span><span class=\"k\">{</span>","                               <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>node<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];)</span><span class=\"k\">{</span>","                                   filterNode<span class=\"k\">(</span>ci<span class=\"k\">,</span>rules<span class=\"k\">);</span>","                                   <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">{</span>","                                       i<span class=\"k\">++;</span>","                                   <span class=\"k\">}</span>","                               <span class=\"k\">}</span>","                           <span class=\"k\">}</span>","                       <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                           <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> index<span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>parentNode<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];)</span><span class=\"k\">{</span>","                               filterNode<span class=\"k\">(</span>ci<span class=\"k\">,</span>rules<span class=\"k\">);</span>","                               <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">{</span>","                                   i<span class=\"k\">++;</span>","                               <span class=\"k\">}</span>","                           <span class=\"k\">}</span>","                       <span class=\"k\">}</span>","","","                   <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                       <span class=\"k\">var</span> attrs <span class=\"k\">=</span> val<span class=\"k\">[</span><span class=\"s\">'$'</span><span class=\"k\">];</span>","                       <span class=\"k\">if</span><span class=\"k\">(</span>attrs <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>attrs<span class=\"k\">)</span><span class=\"k\">{</span>","                           <span class=\"k\">var</span> tmpAttrs <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">,</span>tmpVal<span class=\"k\">;</span>","                           <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> a <span class=\"k\">in</span> attrs<span class=\"k\">)</span><span class=\"k\">{</span>","                               tmpVal <span class=\"k\">=</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span>a<span class=\"k\">);</span>","                               <span class=\"c\">//todo &#21482;&#20808;&#23545;style&#21333;&#29420;&#22788;&#29702;</span>","                               <span class=\"k\">if</span><span class=\"k\">(</span>a <span class=\"k\">==</span> <span class=\"s\">'style'</span> <span class=\"k\">&amp;&amp;</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>attrs<span class=\"k\">[</span>a<span class=\"k\">]))</span><span class=\"k\">{</span>","                                   <span class=\"k\">var</span> tmpCssStyle <span class=\"k\">=</span> <span class=\"k\">[];</span>","                                   utils<span class=\"k\">.</span>each<span class=\"k\">(</span>attrs<span class=\"k\">[</span>a<span class=\"k\">],</span><span class=\"k\">function</span><span class=\"k\">(</span>v<span class=\"k\">)</span><span class=\"k\">{</span>","                                       <span class=\"k\">var</span> tmp<span class=\"k\">;</span>","                                       <span class=\"k\">if</span><span class=\"k\">(</span>tmp <span class=\"k\">=</span> node<span class=\"k\">.</span>getStyle<span class=\"k\">(</span>v<span class=\"k\">))</span><span class=\"k\">{</span>","                                           tmpCssStyle<span class=\"k\">.</span>push<span class=\"k\">(</span>v <span class=\"k\">+</span> <span class=\"s\">':'</span> <span class=\"k\">+</span> tmp<span class=\"k\">);</span>","                                       <span class=\"k\">}</span>","                                   <span class=\"k\">}</span><span class=\"k\">);</span>","                                   tmpVal <span class=\"k\">=</span> tmpCssStyle<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">';'</span><span class=\"k\">)</span>","                               <span class=\"k\">}</span>","                               <span class=\"k\">if</span><span class=\"k\">(</span>tmpVal<span class=\"k\">)</span><span class=\"k\">{</span>","                                   tmpAttrs<span class=\"k\">[</span>a<span class=\"k\">]</span> <span class=\"k\">=</span> tmpVal<span class=\"k\">;</span>","                               <span class=\"k\">}</span>","","                           <span class=\"k\">}</span>","                           node<span class=\"k\">.</span>attrs <span class=\"k\">=</span> tmpAttrs<span class=\"k\">;</span>","                       <span class=\"k\">}</span>","                       <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>children<span class=\"k\">)</span><span class=\"k\">{</span>","                           <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>node<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];)</span><span class=\"k\">{</span>","                               filterNode<span class=\"k\">(</span>ci<span class=\"k\">,</span>rules<span class=\"k\">);</span>","                               <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">{</span>","                                   i<span class=\"k\">++;</span>","                               <span class=\"k\">}</span>","                           <span class=\"k\">}</span>","                       <span class=\"k\">}</span>","                   <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    <span class=\"c\">//&#22914;&#26524;&#19981;&#22312;&#21517;&#21333;&#37324;&#25187;&#20986;&#23376;&#33410;&#28857;&#24182;&#21024;&#38500;&#35813;&#33410;&#28857;,cdata&#38500;&#22806;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>dtd<span class=\"k\">.</span>$cdata<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                        node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> parentNode <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>","                            index <span class=\"k\">=</span> node<span class=\"k\">.</span>getIndex<span class=\"k\">();</span>","                        node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> index<span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>parentNode<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];)</span><span class=\"k\">{</span>","                            filterNode<span class=\"k\">(</span>ci<span class=\"k\">,</span>rules<span class=\"k\">);</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">{</span>","                                i<span class=\"k\">++;</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">case</span> <span class=\"s\">'comment'</span><span class=\"k\">:</span>","                node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">)</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span>","    <span class=\"k\">return</span> <span class=\"k\">function</span><span class=\"k\">(</span>root<span class=\"k\">,</span>rules<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>rules<span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> root<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> val<span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>val <span class=\"k\">=</span> rules<span class=\"k\">[</span><span class=\"s\">'-'</span><span class=\"k\">])</span><span class=\"k\">{</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>val<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>k<span class=\"k\">)</span><span class=\"k\">{</span>","                rules<span class=\"k\">[</span>k<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">'-'</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>root<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];)</span><span class=\"k\">{</span>","            filterNode<span class=\"k\">(</span>ci<span class=\"k\">,</span>rules<span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">{</span>","               i<span class=\"k\">++;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> root<span class=\"k\">;</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">();</span>"];
+_$jscoverage['core/filternode.js'][24]++;
+var filterNode = (UE.filterNode = (function () {
+  _$jscoverage['core/filternode.js'][25]++;
+  function filterNode(node, rules) {
+    _$jscoverage['core/filternode.js'][26]++;
+    switch (node.type) {
+    case "text":
+      _$jscoverage['core/filternode.js'][28]++;
+      break;
+    case "element":
+      _$jscoverage['core/filternode.js'][30]++;
+      var val;
+      _$jscoverage['core/filternode.js'][31]++;
+      if ((val = rules[node.tagName])) {
+        _$jscoverage['core/filternode.js'][32]++;
+        if ((val === "-")) {
+          _$jscoverage['core/filternode.js'][33]++;
+          node.parentNode.removeChild(node);
+        }
+        else {
+          _$jscoverage['core/filternode.js'][34]++;
+          if (utils.isFunction(val)) {
+            _$jscoverage['core/filternode.js'][35]++;
+            var parentNode = node.parentNode, index = node.getIndex();
+            _$jscoverage['core/filternode.js'][37]++;
+            val(node);
+            _$jscoverage['core/filternode.js'][38]++;
+            if (node.parentNode) {
+              _$jscoverage['core/filternode.js'][39]++;
+              if (node.children) {
+                _$jscoverage['core/filternode.js'][40]++;
+                for (var i = 0, ci; (ci = node.children[i]);) {
+                  _$jscoverage['core/filternode.js'][41]++;
+                  filterNode(ci, rules);
+                  _$jscoverage['core/filternode.js'][42]++;
+                  if (ci.parentNode) {
+                    _$jscoverage['core/filternode.js'][43]++;
+                    (i++);
+                  }
+}
+              }
+            }
+            else {
+              _$jscoverage['core/filternode.js'][48]++;
+              for (var i = index, ci = ci; (ci = parentNode.children[i]);) {
+                _$jscoverage['core/filternode.js'][49]++;
+                filterNode(ci, rules);
+                _$jscoverage['core/filternode.js'][50]++;
+                if (ci.parentNode) {
+                  _$jscoverage['core/filternode.js'][51]++;
+                  (i++);
+                }
+}
+            }
+          }
+          else {
+            _$jscoverage['core/filternode.js'][58]++;
+            var attrs = val.$;
+            _$jscoverage['core/filternode.js'][59]++;
+            if ((attrs && node.attrs)) {
+              _$jscoverage['core/filternode.js'][60]++;
+              var tmpAttrs = {}, tmpVal;
+              _$jscoverage['core/filternode.js'][61]++;
+              for (var a in attrs) {
+                _$jscoverage['core/filternode.js'][62]++;
+                tmpVal = node.getAttr(a);
+                _$jscoverage['core/filternode.js'][64]++;
+                if (((a == "style") && utils.isArray(attrs[a]))) {
+                  _$jscoverage['core/filternode.js'][65]++;
+                  var tmpCssStyle = [];
+                  _$jscoverage['core/filternode.js'][66]++;
+                  utils.each(attrs[a], (function (v) {
+  _$jscoverage['core/filternode.js'][67]++;
+  var tmp;
+  _$jscoverage['core/filternode.js'][68]++;
+  if ((tmp = node.getStyle(v))) {
+    _$jscoverage['core/filternode.js'][69]++;
+    tmpCssStyle.push((v + ":" + tmp));
+  }
+}));
+                  _$jscoverage['core/filternode.js'][72]++;
+                  tmpVal = tmpCssStyle.join(";");
+                }
+                _$jscoverage['core/filternode.js'][74]++;
+                if (tmpVal) {
+                  _$jscoverage['core/filternode.js'][75]++;
+                  tmpAttrs[a] = tmpVal;
+                }
+}
+              _$jscoverage['core/filternode.js'][79]++;
+              node.attrs = tmpAttrs;
+            }
+            _$jscoverage['core/filternode.js'][81]++;
+            if (node.children) {
+              _$jscoverage['core/filternode.js'][82]++;
+              for (var i = 0, ci = ci; (ci = node.children[i]);) {
+                _$jscoverage['core/filternode.js'][83]++;
+                filterNode(ci, rules);
+                _$jscoverage['core/filternode.js'][84]++;
+                if (ci.parentNode) {
+                  _$jscoverage['core/filternode.js'][85]++;
+                  (i++);
+                }
+}
+            }
+          }
+        }
+      }
+      else {
+        _$jscoverage['core/filternode.js'][92]++;
+        if (dtd.$cdata[node.tagName]) {
+          _$jscoverage['core/filternode.js'][93]++;
+          node.parentNode.removeChild(node);
+        }
+        else {
+          _$jscoverage['core/filternode.js'][95]++;
+          var parentNode = node.parentNode, index = node.getIndex();
+          _$jscoverage['core/filternode.js'][97]++;
+          node.parentNode.removeChild(node, true);
+          _$jscoverage['core/filternode.js'][98]++;
+          for (var i = index, ci = ci; (ci = parentNode.children[i]);) {
+            _$jscoverage['core/filternode.js'][99]++;
+            filterNode(ci, rules);
+            _$jscoverage['core/filternode.js'][100]++;
+            if (ci.parentNode) {
+              _$jscoverage['core/filternode.js'][101]++;
+              (i++);
+            }
+}
+        }
+      }
+      _$jscoverage['core/filternode.js'][106]++;
+      break;
+    case "comment":
+      _$jscoverage['core/filternode.js'][108]++;
+      node.parentNode.removeChild(node);
+    }
+}
+  _$jscoverage['core/filternode.js'][112]++;
+  return (function (root, rules) {
+  _$jscoverage['core/filternode.js'][113]++;
+  if (utils.isEmptyObject(rules)) {
+    _$jscoverage['core/filternode.js'][114]++;
+    return root;
+  }
+  _$jscoverage['core/filternode.js'][116]++;
+  var val;
+  _$jscoverage['core/filternode.js'][117]++;
+  if ((val = rules["-"])) {
+    _$jscoverage['core/filternode.js'][118]++;
+    utils.each(val.split(" "), (function (k) {
+  _$jscoverage['core/filternode.js'][119]++;
+  rules[k] = "-";
+}));
+  }
+  _$jscoverage['core/filternode.js'][122]++;
+  for (var i = 0, ci; (ci = root.children[i]);) {
+    _$jscoverage['core/filternode.js'][123]++;
+    filterNode(ci, rules);
+    _$jscoverage['core/filternode.js'][124]++;
+    if (ci.parentNode) {
+      _$jscoverage['core/filternode.js'][125]++;
+      (i++);
+    }
+}
+  _$jscoverage['core/filternode.js'][128]++;
+  return root;
+});
+})());
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/filterword.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/filterword.js
new file mode 100644
index 000000000..44e9086c6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/filterword.js
@@ -0,0 +1,266 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/filterword.js']) {
+  _$jscoverage['core/filterword.js'] = [];
+  _$jscoverage['core/filterword.js'][23] = 0;
+  _$jscoverage['core/filterword.js'][26] = 0;
+  _$jscoverage['core/filterword.js'][27] = 0;
+  _$jscoverage['core/filterword.js'][30] = 0;
+  _$jscoverage['core/filterword.js'][31] = 0;
+  _$jscoverage['core/filterword.js'][32] = 0;
+  _$jscoverage['core/filterword.js'][34] = 0;
+  _$jscoverage['core/filterword.js'][37] = 0;
+  _$jscoverage['core/filterword.js'][38] = 0;
+  _$jscoverage['core/filterword.js'][43] = 0;
+  _$jscoverage['core/filterword.js'][44] = 0;
+  _$jscoverage['core/filterword.js'][46] = 0;
+  _$jscoverage['core/filterword.js'][47] = 0;
+  _$jscoverage['core/filterword.js'][50] = 0;
+  _$jscoverage['core/filterword.js'][52] = 0;
+  _$jscoverage['core/filterword.js'][64] = 0;
+  _$jscoverage['core/filterword.js'][70] = 0;
+  _$jscoverage['core/filterword.js'][76] = 0;
+  _$jscoverage['core/filterword.js'][78] = 0;
+  _$jscoverage['core/filterword.js'][81] = 0;
+  _$jscoverage['core/filterword.js'][82] = 0;
+  _$jscoverage['core/filterword.js'][83] = 0;
+  _$jscoverage['core/filterword.js'][84] = 0;
+  _$jscoverage['core/filterword.js'][88] = 0;
+  _$jscoverage['core/filterword.js'][91] = 0;
+  _$jscoverage['core/filterword.js'][108] = 0;
+  _$jscoverage['core/filterword.js'][109] = 0;
+  _$jscoverage['core/filterword.js'][110] = 0;
+  _$jscoverage['core/filterword.js'][112] = 0;
+  _$jscoverage['core/filterword.js'][113] = 0;
+  _$jscoverage['core/filterword.js'][116] = 0;
+  _$jscoverage['core/filterword.js'][117] = 0;
+  _$jscoverage['core/filterword.js'][121] = 0;
+  _$jscoverage['core/filterword.js'][122] = 0;
+  _$jscoverage['core/filterword.js'][126] = 0;
+  _$jscoverage['core/filterword.js'][127] = 0;
+  _$jscoverage['core/filterword.js'][130] = 0;
+  _$jscoverage['core/filterword.js'][131] = 0;
+  _$jscoverage['core/filterword.js'][134] = 0;
+  _$jscoverage['core/filterword.js'][135] = 0;
+  _$jscoverage['core/filterword.js'][138] = 0;
+  _$jscoverage['core/filterword.js'][139] = 0;
+  _$jscoverage['core/filterword.js'][142] = 0;
+  _$jscoverage['core/filterword.js'][143] = 0;
+  _$jscoverage['core/filterword.js'][145] = 0;
+  _$jscoverage['core/filterword.js'][147] = 0;
+  _$jscoverage['core/filterword.js'][148] = 0;
+  _$jscoverage['core/filterword.js'][150] = 0;
+  _$jscoverage['core/filterword.js'][152] = 0;
+  _$jscoverage['core/filterword.js'][154] = 0;
+  _$jscoverage['core/filterword.js'][155] = 0;
+  _$jscoverage['core/filterword.js'][160] = 0;
+  _$jscoverage['core/filterword.js'][164] = 0;
+  _$jscoverage['core/filterword.js'][167] = 0;
+  _$jscoverage['core/filterword.js'][170] = 0;
+  _$jscoverage['core/filterword.js'][173] = 0;
+  _$jscoverage['core/filterword.js'][178] = 0;
+  _$jscoverage['core/filterword.js'][179] = 0;
+}
+_$jscoverage['core/filterword.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * UE&#36807;&#28388;word&#30340;&#38745;&#24577;&#26041;&#27861;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * UEditor&#20844;&#29992;&#31354;&#38388;&#65292;UEditor&#25152;&#26377;&#30340;&#21151;&#33021;&#37117;&#25346;&#36733;&#22312;&#35813;&#31354;&#38388;&#19979;</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> */</span>","","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26681;&#25454;&#20256;&#20837;html&#23383;&#31526;&#20018;&#36807;&#28388;word</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> * @method filterWord</span>","<span class=\"c\"> * @param { String } html html&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * UE.filterWord(html);</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"k\">var</span> filterWord <span class=\"k\">=</span> UE<span class=\"k\">.</span>filterWord <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","","    <span class=\"c\">//&#26159;&#21542;&#26159;word&#36807;&#26469;&#30340;&#20869;&#23481;</span>","    <span class=\"k\">function</span> isWordDocument<span class=\"k\">(</span> str <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> <span class=\"s\">/(class=\"?Mso|style=\"[^\"]*\\bmso\\-|w:WordDocument|&lt;v:)/ig</span><span class=\"k\">.</span>test<span class=\"k\">(</span> str <span class=\"k\">);</span>","    <span class=\"k\">}</span>","    <span class=\"c\">//&#21435;&#25481;&#23567;&#25968;</span>","    <span class=\"k\">function</span> transUnit<span class=\"k\">(</span> v <span class=\"k\">)</span> <span class=\"k\">{</span>","        v <span class=\"k\">=</span> v<span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/[\\d.]+\\w+/g</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span> m <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> utils<span class=\"k\">.</span>transUnitToPx<span class=\"k\">(</span>m<span class=\"k\">);</span>","        <span class=\"k\">}</span> <span class=\"k\">);</span>","        <span class=\"k\">return</span> v<span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> filterPasteWord<span class=\"k\">(</span> str <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> str<span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/[\\t\\r\\n]+/g</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/&lt;!--[\\s\\S]*?--&gt;/ig</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span>","                <span class=\"c\">//&#36716;&#25442;&#22270;&#29255;</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&lt;v:shape [^&gt;]*&gt;[\\s\\S]*?.&lt;\\/v:shape&gt;/gi</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>str<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"c\">//opera&#33021;&#33258;&#24049;&#35299;&#26512;&#20986;image&#25152;&#36825;&#37324;&#30452;&#25509;&#36820;&#22238;&#31354;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>opera<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">try</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> width <span class=\"k\">=</span> str<span class=\"k\">.</span>match<span class=\"k\">(</span><span class=\"s\">/width:([ \\d.]*p[tx])/i</span><span class=\"k\">)[</span><span class=\"s\">1</span><span class=\"k\">],</span>","                            height <span class=\"k\">=</span> str<span class=\"k\">.</span>match<span class=\"k\">(</span><span class=\"s\">/height:([ \\d.]*p[tx])/i</span><span class=\"k\">)[</span><span class=\"s\">1</span><span class=\"k\">],</span>","                            src <span class=\"k\">=</span>  str<span class=\"k\">.</span>match<span class=\"k\">(</span><span class=\"s\">/src=\\s*\"([^\"]*)\"/i</span><span class=\"k\">)[</span><span class=\"s\">1</span><span class=\"k\">];</span>","                        <span class=\"k\">return</span> <span class=\"s\">'&lt;img width=\"'</span><span class=\"k\">+</span> transUnit<span class=\"k\">(</span>width<span class=\"k\">)</span> <span class=\"k\">+</span><span class=\"s\">'\" height=\"'</span><span class=\"k\">+</span>transUnit<span class=\"k\">(</span>height<span class=\"k\">)</span> <span class=\"k\">+</span><span class=\"s\">'\" src=\"'</span> <span class=\"k\">+</span> src <span class=\"k\">+</span> <span class=\"s\">'\" /&gt;'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">)</span>","                <span class=\"c\">//&#38024;&#23545;wps&#28155;&#21152;&#30340;&#22810;&#20313;&#26631;&#31614;&#22788;&#29702;</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&lt;\\/?div[^&gt;]*&gt;/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">)</span>","                <span class=\"c\">//&#21435;&#25481;&#22810;&#20313;&#30340;&#23646;&#24615;</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/v:\\w+=([\"']?)[^'\"]+\\1/g</span><span class=\"k\">,</span> <span class=\"s\">''</span> <span class=\"k\">)</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/&lt;(!|script[^&gt;]*&gt;.*?&lt;\\/script(?=[&gt;\\s])|\\/?(\\?xml(:\\w+)?|xml|meta|link|style|\\w+:\\w+)(?=[\\s\\/&gt;]))[^&gt;]*&gt;/gi</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/&lt;p [^&gt;]*class=\"?MsoHeading\"?[^&gt;]*&gt;(.*?)&lt;\\/p&gt;/gi</span><span class=\"k\">,</span> <span class=\"s\">\"&lt;p&gt;&lt;strong&gt;$1&lt;/strong&gt;&lt;/p&gt;\"</span> <span class=\"k\">)</span>","                <span class=\"c\">//&#21435;&#25481;&#22810;&#20313;&#30340;&#23646;&#24615;</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/\\s+(class|lang|align)\\s*=\\s*(['\"]?)([\\w-]+)\\2/ig</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>str<span class=\"k\">,</span>name<span class=\"k\">,</span>marks<span class=\"k\">,</span>val<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"c\">//&#20445;&#30041;list&#30340;&#26631;&#31034;</span>","                    <span class=\"k\">return</span> name <span class=\"k\">==</span> <span class=\"s\">'class'</span> <span class=\"k\">&amp;&amp;</span> val <span class=\"k\">==</span> <span class=\"s\">'MsoListParagraph'</span> <span class=\"k\">?</span> str <span class=\"k\">:</span> <span class=\"s\">''</span>","                <span class=\"k\">}</span><span class=\"k\">)</span>","                <span class=\"c\">//&#28165;&#38500;&#22810;&#20313;&#30340;font/span&#19981;&#33021;&#21305;&#37197;&amp;nbsp;&#26377;&#21487;&#33021;&#26159;&#31354;&#26684;</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/&lt;(font|span)[^&gt;]*&gt;\\s*&lt;\\/\\1&gt;/gi</span><span class=\"k\">,</span> <span class=\"s\">''</span> <span class=\"k\">)</span>","                <span class=\"c\">//&#22788;&#29702;style&#30340;&#38382;&#39064;</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/(&lt;[a-z][^&gt;]*)\\sstyle=([\"'])([^\\2]*?)\\2/gi</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> str<span class=\"k\">,</span> tag<span class=\"k\">,</span> tmp<span class=\"k\">,</span> style <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> n <span class=\"k\">=</span> <span class=\"k\">[],</span>","                        s <span class=\"k\">=</span> style<span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/^\\s+|\\s+$/</span><span class=\"k\">,</span> <span class=\"s\">''</span> <span class=\"k\">)</span>","                            <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&amp;#39;/g</span><span class=\"k\">,</span><span class=\"s\">'</span><span class=\"t\">\\'</span><span class=\"s\">'</span><span class=\"k\">)</span>","                            <span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/&amp;quot;/gi</span><span class=\"k\">,</span> <span class=\"s\">\"'\"</span> <span class=\"k\">)</span>","                            <span class=\"k\">.</span>split<span class=\"k\">(</span> <span class=\"s\">/;\\s*/g</span> <span class=\"k\">);</span>","","                    <span class=\"k\">for</span> <span class=\"k\">(</span> <span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>v<span class=\"k\">;</span> v <span class=\"k\">=</span> s<span class=\"k\">[</span>i<span class=\"k\">];</span>i<span class=\"k\">++</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","","                        <span class=\"k\">var</span> name<span class=\"k\">,</span> value<span class=\"k\">,</span>","                            parts <span class=\"k\">=</span> v<span class=\"k\">.</span>split<span class=\"k\">(</span> <span class=\"s\">\":\"</span> <span class=\"k\">);</span>","","                        <span class=\"k\">if</span> <span class=\"k\">(</span> parts<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">2</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                            name <span class=\"k\">=</span> parts<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>toLowerCase<span class=\"k\">();</span>","                            value <span class=\"k\">=</span> parts<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">].</span>toLowerCase<span class=\"k\">();</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/^(background)\\w*/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> value<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(initial|\\s)/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">).</span>length <span class=\"k\">==</span> <span class=\"s\">0</span>","                                <span class=\"k\">||</span>","                                <span class=\"s\">/^(margin)\\w*/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/^0\\w+$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>value<span class=\"k\">)</span>","                            <span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">continue</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","","                            <span class=\"k\">switch</span> <span class=\"k\">(</span> name <span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-padding-alt\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-padding-top-alt\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-padding-right-alt\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-padding-bottom-alt\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-padding-left-alt\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-margin-alt\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-margin-top-alt\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-margin-right-alt\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-margin-bottom-alt\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-margin-left-alt\"</span><span class=\"k\">:</span>","                                <span class=\"c\">//ie&#19979;&#20250;&#20986;&#29616;&#25380;&#21040;&#19968;&#36215;&#30340;&#24773;&#20917;</span>","                               <span class=\"c\">//case \"mso-table-layout-alt\":</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-height\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-width\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-vertical-align-alt\"</span><span class=\"k\">:</span>","                                    <span class=\"c\">//trace:1819 ff&#19979;&#20250;&#35299;&#26512;&#20986;padding&#22312;table&#19978;</span>","                                    <span class=\"k\">if</span><span class=\"k\">(!</span><span class=\"s\">/&lt;table/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>tag<span class=\"k\">))</span>","                                        n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> name<span class=\"k\">.</span>replace<span class=\"k\">(</span> <span class=\"s\">/^mso-|-alt$/g</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">\":\"</span> <span class=\"k\">+</span> transUnit<span class=\"k\">(</span> value <span class=\"k\">);</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"horiz-align\"</span><span class=\"k\">:</span>","                                    n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">\"text-align:\"</span> <span class=\"k\">+</span> value<span class=\"k\">;</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","","                                <span class=\"k\">case</span> <span class=\"s\">\"vert-align\"</span><span class=\"k\">:</span>","                                    n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">\"vertical-align:\"</span> <span class=\"k\">+</span> value<span class=\"k\">;</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","","                                <span class=\"k\">case</span> <span class=\"s\">\"font-color\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-foreground\"</span><span class=\"k\">:</span>","                                    n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">\"color:\"</span> <span class=\"k\">+</span> value<span class=\"k\">;</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-background\"</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-highlight\"</span><span class=\"k\">:</span>","                                    n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">\"background:\"</span> <span class=\"k\">+</span> value<span class=\"k\">;</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-default-height\"</span><span class=\"k\">:</span>","                                    n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">\"min-height:\"</span> <span class=\"k\">+</span> transUnit<span class=\"k\">(</span> value <span class=\"k\">);</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-default-width\"</span><span class=\"k\">:</span>","                                    n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">\"min-width:\"</span> <span class=\"k\">+</span> transUnit<span class=\"k\">(</span> value <span class=\"k\">);</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-padding-between-alt\"</span><span class=\"k\">:</span>","                                    n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">\"border-collapse:separate;border-spacing:\"</span> <span class=\"k\">+</span> transUnit<span class=\"k\">(</span> value <span class=\"k\">);</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","","                                <span class=\"k\">case</span> <span class=\"s\">\"text-line-through\"</span><span class=\"k\">:</span>","                                    <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">(</span>value <span class=\"k\">==</span> <span class=\"s\">\"single\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">(</span>value <span class=\"k\">==</span> <span class=\"s\">\"double\"</span><span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                                        n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">\"text-decoration:line-through\"</span><span class=\"k\">;</span>","                                    <span class=\"k\">}</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"mso-zero-height\"</span><span class=\"k\">:</span>","                                    <span class=\"k\">if</span> <span class=\"k\">(</span> value <span class=\"k\">==</span> <span class=\"s\">\"yes\"</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                                        n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">\"display:none\"</span><span class=\"k\">;</span>","                                    <span class=\"k\">}</span>","                                    <span class=\"k\">continue</span><span class=\"k\">;</span>","                                <span class=\"k\">case</span> <span class=\"s\">'background'</span><span class=\"k\">:</span>","                                    <span class=\"k\">break</span><span class=\"k\">;</span>","                                <span class=\"k\">case</span> <span class=\"s\">'margin'</span><span class=\"k\">:</span>","                                    <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span><span class=\"s\">/[1-9]/</span><span class=\"k\">.</span>test<span class=\"k\">(</span> value <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                                        <span class=\"k\">continue</span><span class=\"k\">;</span>","                                    <span class=\"k\">}</span>","","                            <span class=\"k\">}</span>","","                            <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"s\">/^(mso|column|font-emph|lang|layout|line-break|list-image|nav|panose|punct|row|ruby|sep|size|src|tab-|table-border|text-(?:decor|trans)|top-bar|version|vnd|word-break)/</span><span class=\"k\">.</span>test<span class=\"k\">(</span> name <span class=\"k\">)</span>","                                <span class=\"k\">||</span>","                                <span class=\"s\">/text\\-indent|padding|margin/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/\\-[\\d.]+/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>value<span class=\"k\">)</span>","                            <span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">continue</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","","                            n<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> name <span class=\"k\">+</span> <span class=\"s\">\":\"</span> <span class=\"k\">+</span> parts<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">];</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">return</span> tag <span class=\"k\">+</span> <span class=\"k\">(</span>n<span class=\"k\">.</span>length <span class=\"k\">?</span> <span class=\"s\">' style=\"'</span> <span class=\"k\">+</span> n<span class=\"k\">.</span>join<span class=\"k\">(</span> <span class=\"s\">';'</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/;{2,}/g</span><span class=\"k\">,</span><span class=\"s\">';'</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">)</span>","            <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/[\\d.]+(cm|pt)/g</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>str<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> utils<span class=\"k\">.</span>transUnitToPx<span class=\"k\">(</span>str<span class=\"k\">)</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","","    <span class=\"k\">}</span>","","    <span class=\"k\">return</span> <span class=\"k\">function</span> <span class=\"k\">(</span> html <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> <span class=\"k\">(</span>isWordDocument<span class=\"k\">(</span> html <span class=\"k\">)</span> <span class=\"k\">?</span> filterPasteWord<span class=\"k\">(</span> html <span class=\"k\">)</span> <span class=\"k\">:</span> html<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">();</span>"];
+_$jscoverage['core/filterword.js'][23]++;
+var filterWord = (UE.filterWord = (function () {
+  _$jscoverage['core/filterword.js'][26]++;
+  function isWordDocument(str) {
+    _$jscoverage['core/filterword.js'][27]++;
+    return /(class="?Mso|style="[^"]*\bmso\-|w:WordDocument|<v:)/gi.test(str);
+}
+  _$jscoverage['core/filterword.js'][30]++;
+  function transUnit(v) {
+    _$jscoverage['core/filterword.js'][31]++;
+    v = v.replace(/[\d.]+\w+/g, (function (m) {
+  _$jscoverage['core/filterword.js'][32]++;
+  return utils.transUnitToPx(m);
+}));
+    _$jscoverage['core/filterword.js'][34]++;
+    return v;
+}
+  _$jscoverage['core/filterword.js'][37]++;
+  function filterPasteWord(str) {
+    _$jscoverage['core/filterword.js'][38]++;
+    return str.replace(/[\t\r\n]+/g, "").replace(/<!--[\s\S]*?-->/gi, "").replace(/<v:shape [^>]*>[\s\S]*?.<\/v:shape>/gi, (function (str) {
+  _$jscoverage['core/filterword.js'][43]++;
+  if (browser.opera) {
+    _$jscoverage['core/filterword.js'][44]++;
+    return "";
+  }
+  _$jscoverage['core/filterword.js'][46]++;
+  try {
+    _$jscoverage['core/filterword.js'][47]++;
+    var width = str.match(/width:([ \d.]*p[tx])/i)[1], height = str.match(/height:([ \d.]*p[tx])/i)[1], src = str.match(/src=\s*"([^"]*)"/i)[1];
+    _$jscoverage['core/filterword.js'][50]++;
+    return ("<img width=\"" + transUnit(width) + "\" height=\"" + transUnit(height) + "\" src=\"" + src + "\" />");
+  }
+  catch (e) {
+    _$jscoverage['core/filterword.js'][52]++;
+    return "";
+  }
+})).replace(/<\/?div[^>]*>/g, "").replace(/v:\w+=(["']?)[^'"]+\1/g, "").replace(/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|xml|meta|link|style|\w+:\w+)(?=[\s\/>]))[^>]*>/gi, "").replace(/<p [^>]*class="?MsoHeading"?[^>]*>(.*?)<\/p>/gi, "<p><strong>$1</strong></p>").replace(/\s+(class|lang|align)\s*=\s*(['"]?)([\w-]+)\2/gi, (function (str, name, marks, val) {
+  _$jscoverage['core/filterword.js'][64]++;
+  return (((name == "class") && (val == "MsoListParagraph"))? str: "");
+})).replace(/<(font|span)[^>]*>\s*<\/\1>/gi, "").replace(/(<[a-z][^>]*)\sstyle=(["'])([^\2]*?)\2/gi, (function (str, tag, tmp, style) {
+  _$jscoverage['core/filterword.js'][70]++;
+  var n = [], s = style.replace(/^\s+|\s+$/, "").replace(/&#39;/g, "'").replace(/&quot;/gi, "'").split(/;\s*/g);
+  _$jscoverage['core/filterword.js'][76]++;
+  for (var i = 0, v; (v = s[i]); (i++)) {
+    _$jscoverage['core/filterword.js'][78]++;
+    var name, value, parts = v.split(":");
+    _$jscoverage['core/filterword.js'][81]++;
+    if ((parts.length == 2)) {
+      _$jscoverage['core/filterword.js'][82]++;
+      name = parts[0].toLowerCase();
+      _$jscoverage['core/filterword.js'][83]++;
+      value = parts[1].toLowerCase();
+      _$jscoverage['core/filterword.js'][84]++;
+      if (((/^(background)\w*/.test(name) && (value.replace(/(initial|\s)/g, "").length == 0)) || (/^(margin)\w*/.test(name) && /^0\w+$/.test(value)))) {
+        _$jscoverage['core/filterword.js'][88]++;
+        continue;
+      }
+      _$jscoverage['core/filterword.js'][91]++;
+      switch (name) {
+      case "mso-padding-alt":
+      case "mso-padding-top-alt":
+      case "mso-padding-right-alt":
+      case "mso-padding-bottom-alt":
+      case "mso-padding-left-alt":
+      case "mso-margin-alt":
+      case "mso-margin-top-alt":
+      case "mso-margin-right-alt":
+      case "mso-margin-bottom-alt":
+      case "mso-margin-left-alt":
+      case "mso-height":
+      case "mso-width":
+      case "mso-vertical-align-alt":
+        _$jscoverage['core/filterword.js'][108]++;
+        if ((! /<table/.test(tag))) {
+          _$jscoverage['core/filterword.js'][109]++;
+          n[i] = (name.replace(/^mso-|-alt$/g, "") + ":" + transUnit(value));
+        }
+        _$jscoverage['core/filterword.js'][110]++;
+        continue;
+      case "horiz-align":
+        _$jscoverage['core/filterword.js'][112]++;
+        n[i] = ("text-align:" + value);
+        _$jscoverage['core/filterword.js'][113]++;
+        continue;
+      case "vert-align":
+        _$jscoverage['core/filterword.js'][116]++;
+        n[i] = ("vertical-align:" + value);
+        _$jscoverage['core/filterword.js'][117]++;
+        continue;
+      case "font-color":
+      case "mso-foreground":
+        _$jscoverage['core/filterword.js'][121]++;
+        n[i] = ("color:" + value);
+        _$jscoverage['core/filterword.js'][122]++;
+        continue;
+      case "mso-background":
+      case "mso-highlight":
+        _$jscoverage['core/filterword.js'][126]++;
+        n[i] = ("background:" + value);
+        _$jscoverage['core/filterword.js'][127]++;
+        continue;
+      case "mso-default-height":
+        _$jscoverage['core/filterword.js'][130]++;
+        n[i] = ("min-height:" + transUnit(value));
+        _$jscoverage['core/filterword.js'][131]++;
+        continue;
+      case "mso-default-width":
+        _$jscoverage['core/filterword.js'][134]++;
+        n[i] = ("min-width:" + transUnit(value));
+        _$jscoverage['core/filterword.js'][135]++;
+        continue;
+      case "mso-padding-between-alt":
+        _$jscoverage['core/filterword.js'][138]++;
+        n[i] = ("border-collapse:separate;border-spacing:" + transUnit(value));
+        _$jscoverage['core/filterword.js'][139]++;
+        continue;
+      case "text-line-through":
+        _$jscoverage['core/filterword.js'][142]++;
+        if (((value == "single") || (value == "double"))) {
+          _$jscoverage['core/filterword.js'][143]++;
+          n[i] = "text-decoration:line-through";
+        }
+        _$jscoverage['core/filterword.js'][145]++;
+        continue;
+      case "mso-zero-height":
+        _$jscoverage['core/filterword.js'][147]++;
+        if ((value == "yes")) {
+          _$jscoverage['core/filterword.js'][148]++;
+          n[i] = "display:none";
+        }
+        _$jscoverage['core/filterword.js'][150]++;
+        continue;
+      case "background":
+        _$jscoverage['core/filterword.js'][152]++;
+        break;
+      case "margin":
+        _$jscoverage['core/filterword.js'][154]++;
+        if ((! /[1-9]/.test(value))) {
+          _$jscoverage['core/filterword.js'][155]++;
+          continue;
+        }
+      }
+      _$jscoverage['core/filterword.js'][160]++;
+      if ((/^(mso|column|font-emph|lang|layout|line-break|list-image|nav|panose|punct|row|ruby|sep|size|src|tab-|table-border|text-(?:decor|trans)|top-bar|version|vnd|word-break)/.test(name) || (/text\-indent|padding|margin/.test(name) && /\-[\d.]+/.test(value)))) {
+        _$jscoverage['core/filterword.js'][164]++;
+        continue;
+      }
+      _$jscoverage['core/filterword.js'][167]++;
+      n[i] = (name + ":" + parts[1]);
+    }
+}
+  _$jscoverage['core/filterword.js'][170]++;
+  return (tag + (n.length? (" style=\"" + n.join(";").replace(/;{2,}/g, ";") + "\""): ""));
+})).replace(/[\d.]+(cm|pt)/g, (function (str) {
+  _$jscoverage['core/filterword.js'][173]++;
+  return utils.transUnitToPx(str);
+}));
+}
+  _$jscoverage['core/filterword.js'][178]++;
+  return (function (html) {
+  _$jscoverage['core/filterword.js'][179]++;
+  return (isWordDocument(html)? filterPasteWord(html): html);
+});
+})());
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/htmlparser.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/htmlparser.js
new file mode 100644
index 000000000..501ceeef8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/htmlparser.js
@@ -0,0 +1,267 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/htmlparser.js']) {
+  _$jscoverage['core/htmlparser.js'] = [];
+  _$jscoverage['core/htmlparser.js'][25] = 0;
+  _$jscoverage['core/htmlparser.js'][26] = 0;
+  _$jscoverage['core/htmlparser.js'][30] = 0;
+  _$jscoverage['core/htmlparser.js'][34] = 0;
+  _$jscoverage['core/htmlparser.js'][35] = 0;
+  _$jscoverage['core/htmlparser.js'][36] = 0;
+  _$jscoverage['core/htmlparser.js'][38] = 0;
+  _$jscoverage['core/htmlparser.js'][39] = 0;
+  _$jscoverage['core/htmlparser.js'][41] = 0;
+  _$jscoverage['core/htmlparser.js'][46] = 0;
+  _$jscoverage['core/htmlparser.js'][65] = 0;
+  _$jscoverage['core/htmlparser.js'][67] = 0;
+  _$jscoverage['core/htmlparser.js'][68] = 0;
+  _$jscoverage['core/htmlparser.js'][69] = 0;
+  _$jscoverage['core/htmlparser.js'][70] = 0;
+  _$jscoverage['core/htmlparser.js'][71] = 0;
+  _$jscoverage['core/htmlparser.js'][74] = 0;
+  _$jscoverage['core/htmlparser.js'][78] = 0;
+  _$jscoverage['core/htmlparser.js'][79] = 0;
+  _$jscoverage['core/htmlparser.js'][80] = 0;
+  _$jscoverage['core/htmlparser.js'][81] = 0;
+  _$jscoverage['core/htmlparser.js'][82] = 0;
+  _$jscoverage['core/htmlparser.js'][83] = 0;
+  _$jscoverage['core/htmlparser.js'][84] = 0;
+  _$jscoverage['core/htmlparser.js'][85] = 0;
+  _$jscoverage['core/htmlparser.js'][86] = 0;
+  _$jscoverage['core/htmlparser.js'][88] = 0;
+  _$jscoverage['core/htmlparser.js'][90] = 0;
+  _$jscoverage['core/htmlparser.js'][91] = 0;
+  _$jscoverage['core/htmlparser.js'][97] = 0;
+  _$jscoverage['core/htmlparser.js'][105] = 0;
+  _$jscoverage['core/htmlparser.js'][106] = 0;
+  _$jscoverage['core/htmlparser.js'][107] = 0;
+  _$jscoverage['core/htmlparser.js'][108] = 0;
+  _$jscoverage['core/htmlparser.js'][110] = 0;
+  _$jscoverage['core/htmlparser.js'][113] = 0;
+  _$jscoverage['core/htmlparser.js'][115] = 0;
+  _$jscoverage['core/htmlparser.js'][118] = 0;
+  _$jscoverage['core/htmlparser.js'][119] = 0;
+  _$jscoverage['core/htmlparser.js'][126] = 0;
+  _$jscoverage['core/htmlparser.js'][128] = 0;
+  _$jscoverage['core/htmlparser.js'][132] = 0;
+  _$jscoverage['core/htmlparser.js'][133] = 0;
+  _$jscoverage['core/htmlparser.js'][134] = 0;
+  _$jscoverage['core/htmlparser.js'][135] = 0;
+  _$jscoverage['core/htmlparser.js'][136] = 0;
+  _$jscoverage['core/htmlparser.js'][138] = 0;
+  _$jscoverage['core/htmlparser.js'][140] = 0;
+  _$jscoverage['core/htmlparser.js'][142] = 0;
+  _$jscoverage['core/htmlparser.js'][144] = 0;
+  _$jscoverage['core/htmlparser.js'][145] = 0;
+  _$jscoverage['core/htmlparser.js'][146] = 0;
+  _$jscoverage['core/htmlparser.js'][147] = 0;
+  _$jscoverage['core/htmlparser.js'][148] = 0;
+  _$jscoverage['core/htmlparser.js'][149] = 0;
+  _$jscoverage['core/htmlparser.js'][150] = 0;
+  _$jscoverage['core/htmlparser.js'][151] = 0;
+  _$jscoverage['core/htmlparser.js'][155] = 0;
+  _$jscoverage['core/htmlparser.js'][158] = 0;
+  _$jscoverage['core/htmlparser.js'][160] = 0;
+  _$jscoverage['core/htmlparser.js'][164] = 0;
+  _$jscoverage['core/htmlparser.js'][169] = 0;
+  _$jscoverage['core/htmlparser.js'][170] = 0;
+  _$jscoverage['core/htmlparser.js'][172] = 0;
+}
+_$jscoverage['core/htmlparser.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * html&#23383;&#31526;&#20018;&#36716;&#25442;&#25104;uNode&#33410;&#28857;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * UEditor&#20844;&#29992;&#31354;&#38388;&#65292;UEditor&#25152;&#26377;&#30340;&#21151;&#33021;&#37117;&#25346;&#36733;&#22312;&#35813;&#31354;&#38388;&#19979;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * html&#23383;&#31526;&#20018;&#36716;&#25442;&#25104;uNode&#33410;&#28857;&#30340;&#38745;&#24577;&#26041;&#27861;</span>","<span class=\"c\"> * @method htmlparser</span>","<span class=\"c\"> * @param { String } htmlstr &#35201;&#36716;&#25442;&#30340;html&#20195;&#30721;</span>","<span class=\"c\"> * @param { Boolean } ignoreBlank &#33509;&#35774;&#32622;&#20026;true&#65292;&#36716;&#25442;&#30340;&#26102;&#20505;&#24573;&#30053;\\n\\r\\t&#31561;&#31354;&#30333;&#23383;&#31526;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * var root = UE.htmlparser('&lt;p&gt;&lt;b&gt;htmlparser&lt;/b&gt;&lt;/p&gt;', true);</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"k\">var</span> htmlparser <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>htmlstr<span class=\"k\">,</span>ignoreBlank<span class=\"k\">)</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> re_tag <span class=\"k\">=</span> <span class=\"s\">/&lt;(?:(?:\\/([^&gt;]+)&gt;)|(?:!--([\\S|\\s]*?)--&gt;)|(?:([^\\s\\/&gt;]+)\\s*((?:(?:\"[^\"]*\")|(?:'[^']*')|[^\"'&lt;&gt;])*)\\/?&gt;))/g</span><span class=\"k\">,</span>","        re_attr <span class=\"k\">=</span> <span class=\"s\">/([\\w\\-:.]+)(?:(?:\\s*=\\s*(?:(?:\"([^\"]*)\")|(?:'([^']*)')|([^\\s&gt;]+)))|(?=\\s|$))/g</span><span class=\"k\">;</span>","","    <span class=\"c\">//ie&#19979;&#21462;&#24471;&#30340;html&#21487;&#33021;&#20250;&#26377;\\n&#23384;&#22312;&#65292;&#35201;&#21435;&#25481;&#65292;&#22312;&#22788;&#29702;replace(/[\\t\\r\\n]*/g,'');&#20195;&#30721;&#39640;&#37327;&#30340;\\n&#19981;&#33021;&#21435;&#38500;</span>","    <span class=\"k\">var</span> allowEmptyTags <span class=\"k\">=</span> <span class=\"k\">{</span>","        b<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>code<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>i<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>u<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>strike<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>s<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tt<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>strong<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>q<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>samp<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>em<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>span<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        sub<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>img<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>sup<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>font<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>big<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>small<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>iframe<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>a<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>br<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>pre<span class=\"k\">:</span><span class=\"s\">1</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    htmlstr <span class=\"k\">=</span> htmlstr<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">,</span> <span class=\"s\">'g'</span><span class=\"k\">),</span> <span class=\"s\">''</span><span class=\"k\">);</span>","    <span class=\"k\">if</span><span class=\"k\">(!</span>ignoreBlank<span class=\"k\">)</span><span class=\"k\">{</span>","        htmlstr <span class=\"k\">=</span> htmlstr<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'[</span><span class=\"t\">\\\\</span><span class=\"s\">r</span><span class=\"t\">\\\\</span><span class=\"s\">t</span><span class=\"t\">\\\\</span><span class=\"s\">n'</span><span class=\"k\">+(</span>ignoreBlank<span class=\"k\">?</span><span class=\"s\">''</span><span class=\"k\">:</span><span class=\"s\">' '</span><span class=\"k\">)+</span><span class=\"s\">']*&lt;</span><span class=\"t\">\\/</span><span class=\"s\">?(</span><span class=\"t\">\\\\</span><span class=\"s\">w+)</span><span class=\"t\">\\\\</span><span class=\"s\">s*(?:[^&gt;]*)&gt;[</span><span class=\"t\">\\\\</span><span class=\"s\">r</span><span class=\"t\">\\\\</span><span class=\"s\">t</span><span class=\"t\">\\\\</span><span class=\"s\">n'</span><span class=\"k\">+(</span>ignoreBlank<span class=\"k\">?</span><span class=\"s\">''</span><span class=\"k\">:</span><span class=\"s\">' '</span><span class=\"k\">)+</span><span class=\"s\">']*'</span><span class=\"k\">,</span><span class=\"s\">'g'</span><span class=\"k\">),</span> <span class=\"k\">function</span><span class=\"k\">(</span>a<span class=\"k\">,</span>b<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"c\">//br&#26242;&#26102;&#21333;&#29420;&#22788;&#29702;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>b <span class=\"k\">&amp;&amp;</span> allowEmptyTags<span class=\"k\">[</span>b<span class=\"k\">.</span>toLowerCase<span class=\"k\">()])</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> a<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(^[\\n\\r]+)|([\\n\\r]+$)/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> a<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'^[</span><span class=\"t\">\\\\</span><span class=\"s\">r</span><span class=\"t\">\\\\</span><span class=\"s\">n'</span><span class=\"k\">+(</span>ignoreBlank<span class=\"k\">?</span><span class=\"s\">''</span><span class=\"k\">:</span><span class=\"s\">' '</span><span class=\"k\">)+</span><span class=\"s\">']+'</span><span class=\"k\">),</span><span class=\"s\">''</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'[</span><span class=\"t\">\\\\</span><span class=\"s\">r</span><span class=\"t\">\\\\</span><span class=\"s\">n'</span><span class=\"k\">+(</span>ignoreBlank<span class=\"k\">?</span><span class=\"s\">''</span><span class=\"k\">:</span><span class=\"s\">' '</span><span class=\"k\">)+</span><span class=\"s\">']+$'</span><span class=\"k\">),</span><span class=\"s\">''</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","","    <span class=\"k\">var</span> uNode <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">,</span>","        needParentNode <span class=\"k\">=</span> <span class=\"k\">{</span>","            <span class=\"s\">'td'</span><span class=\"k\">:</span><span class=\"s\">'tr'</span><span class=\"k\">,</span>","            <span class=\"s\">'tr'</span><span class=\"k\">:[</span><span class=\"s\">'tbody'</span><span class=\"k\">,</span><span class=\"s\">'thead'</span><span class=\"k\">,</span><span class=\"s\">'tfoot'</span><span class=\"k\">],</span>","            <span class=\"s\">'tbody'</span><span class=\"k\">:</span><span class=\"s\">'table'</span><span class=\"k\">,</span>","            <span class=\"s\">'th'</span><span class=\"k\">:</span><span class=\"s\">'tr'</span><span class=\"k\">,</span>","            <span class=\"s\">'thead'</span><span class=\"k\">:</span><span class=\"s\">'table'</span><span class=\"k\">,</span>","            <span class=\"s\">'tfoot'</span><span class=\"k\">:</span><span class=\"s\">'table'</span><span class=\"k\">,</span>","            <span class=\"s\">'caption'</span><span class=\"k\">:</span><span class=\"s\">'table'</span><span class=\"k\">,</span>","            <span class=\"s\">'li'</span><span class=\"k\">:[</span><span class=\"s\">'ul'</span><span class=\"k\">,</span> <span class=\"s\">'ol'</span><span class=\"k\">],</span>","            <span class=\"s\">'dt'</span><span class=\"k\">:</span><span class=\"s\">'dl'</span><span class=\"k\">,</span>","            <span class=\"s\">'dd'</span><span class=\"k\">:</span><span class=\"s\">'dl'</span><span class=\"k\">,</span>","            <span class=\"s\">'option'</span><span class=\"k\">:</span><span class=\"s\">'select'</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        needChild <span class=\"k\">=</span> <span class=\"k\">{</span>","            <span class=\"s\">'ol'</span><span class=\"k\">:</span><span class=\"s\">'li'</span><span class=\"k\">,</span>","            <span class=\"s\">'ul'</span><span class=\"k\">:</span><span class=\"s\">'li'</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"k\">function</span> text<span class=\"k\">(</span>parent<span class=\"k\">,</span> data<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span>needChild<span class=\"k\">[</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span>needChild<span class=\"k\">[</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">]);</span>","            parent<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","            tmpNode<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>uNode<span class=\"k\">.</span>createText<span class=\"k\">(</span>data<span class=\"k\">));</span>","            parent <span class=\"k\">=</span> tmpNode<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","","            parent<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>uNode<span class=\"k\">.</span>createText<span class=\"k\">(</span>data<span class=\"k\">));</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> element<span class=\"k\">(</span>parent<span class=\"k\">,</span> tagName<span class=\"k\">,</span> htmlattr<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> needParentTag<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>needParentTag <span class=\"k\">=</span> needParentNode<span class=\"k\">[</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tmpParent <span class=\"k\">=</span> parent<span class=\"k\">,</span>hasParent<span class=\"k\">;</span>","            <span class=\"k\">while</span><span class=\"k\">(</span>tmpParent<span class=\"k\">.</span>type <span class=\"k\">!=</span> <span class=\"s\">'root'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>needParentTag<span class=\"k\">)</span> <span class=\"k\">?</span> utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>needParentTag<span class=\"k\">,</span> tmpParent<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">:</span> needParentTag <span class=\"k\">==</span> tmpParent<span class=\"k\">.</span>tagName<span class=\"k\">)</span><span class=\"k\">{</span>","                    parent <span class=\"k\">=</span> tmpParent<span class=\"k\">;</span>","                    hasParent <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                tmpParent <span class=\"k\">=</span> tmpParent<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>hasParent<span class=\"k\">)</span><span class=\"k\">{</span>","                parent <span class=\"k\">=</span> element<span class=\"k\">(</span>parent<span class=\"k\">,</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>needParentTag<span class=\"k\">)</span> <span class=\"k\">?</span> needParentTag<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">:</span> needParentTag<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"c\">//&#25353;dtd&#22788;&#29702;&#23884;&#22871;</span>","<span class=\"c\">//        if(parent.type != 'root' &amp;&amp; !dtd[parent.tagName][tagName])</span>","<span class=\"c\">//            parent = parent.parentNode;</span>","        <span class=\"k\">var</span> elm <span class=\"k\">=</span> <span class=\"k\">new</span> uNode<span class=\"k\">(</span><span class=\"k\">{</span>","            parentNode<span class=\"k\">:</span>parent<span class=\"k\">,</span>","            type<span class=\"k\">:</span><span class=\"s\">'element'</span><span class=\"k\">,</span>","            tagName<span class=\"k\">:</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">(),</span>","            <span class=\"c\">//&#26159;&#33258;&#38381;&#21512;&#30340;&#22788;&#29702;&#19968;&#19979;</span>","            children<span class=\"k\">:</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>tagName<span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"k\">null</span> <span class=\"k\">:</span> <span class=\"k\">[]</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"c\">//&#22914;&#26524;&#23646;&#24615;&#23384;&#22312;&#65292;&#22788;&#29702;&#23646;&#24615;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>htmlattr<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> attrs <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">,</span> match<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>match <span class=\"k\">=</span> re_attr<span class=\"k\">.</span>exec<span class=\"k\">(</span>htmlattr<span class=\"k\">))</span> <span class=\"k\">{</span>","                attrs<span class=\"k\">[</span>match<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">].</span>toLowerCase<span class=\"k\">()]</span> <span class=\"k\">=</span> utils<span class=\"k\">.</span>unhtml<span class=\"k\">(</span>match<span class=\"k\">[</span><span class=\"s\">2</span><span class=\"k\">]</span> <span class=\"k\">||</span> match<span class=\"k\">[</span><span class=\"s\">3</span><span class=\"k\">]</span> <span class=\"k\">||</span> match<span class=\"k\">[</span><span class=\"s\">4</span><span class=\"k\">])</span>","            <span class=\"k\">}</span>","            elm<span class=\"k\">.</span>attrs <span class=\"k\">=</span> attrs<span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        parent<span class=\"k\">.</span>children<span class=\"k\">.</span>push<span class=\"k\">(</span>elm<span class=\"k\">);</span>","        <span class=\"c\">//&#22914;&#26524;&#26159;&#33258;&#38381;&#21512;&#33410;&#28857;&#36820;&#22238;&#29238;&#20146;&#33410;&#28857;</span>","        <span class=\"k\">return</span>  dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>tagName<span class=\"k\">]</span> <span class=\"k\">?</span> parent <span class=\"k\">:</span> elm","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> comment<span class=\"k\">(</span>parent<span class=\"k\">,</span> data<span class=\"k\">)</span> <span class=\"k\">{</span>","        parent<span class=\"k\">.</span>children<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">new</span> uNode<span class=\"k\">(</span><span class=\"k\">{</span>","            type<span class=\"k\">:</span><span class=\"s\">'comment'</span><span class=\"k\">,</span>","            data<span class=\"k\">:</span>data<span class=\"k\">,</span>","            parentNode<span class=\"k\">:</span>parent","        <span class=\"k\">}</span><span class=\"k\">));</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">var</span> match<span class=\"k\">,</span> currentIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> nextIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","    <span class=\"c\">//&#35774;&#32622;&#26681;&#33410;&#28857;</span>","    <span class=\"k\">var</span> root <span class=\"k\">=</span> <span class=\"k\">new</span> uNode<span class=\"k\">(</span><span class=\"k\">{</span>","        type<span class=\"k\">:</span><span class=\"s\">'root'</span><span class=\"k\">,</span>","        children<span class=\"k\">:[]</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">var</span> currentParent <span class=\"k\">=</span> root<span class=\"k\">;</span>","    <span class=\"k\">while</span> <span class=\"k\">(</span>match <span class=\"k\">=</span> re_tag<span class=\"k\">.</span>exec<span class=\"k\">(</span>htmlstr<span class=\"k\">))</span> <span class=\"k\">{</span>","        currentIndex <span class=\"k\">=</span> match<span class=\"k\">.</span>index<span class=\"k\">;</span>","        <span class=\"k\">try</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>currentIndex <span class=\"k\">&gt;</span> nextIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">//text node</span>","                text<span class=\"k\">(</span>currentParent<span class=\"k\">,</span> htmlstr<span class=\"k\">.</span>slice<span class=\"k\">(</span>nextIndex<span class=\"k\">,</span> currentIndex<span class=\"k\">));</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>match<span class=\"k\">[</span><span class=\"s\">3</span><span class=\"k\">])</span> <span class=\"k\">{</span>","                <span class=\"c\">//start tag</span>","                currentParent <span class=\"k\">=</span> element<span class=\"k\">(</span>currentParent<span class=\"k\">,</span> match<span class=\"k\">[</span><span class=\"s\">3</span><span class=\"k\">].</span>toLowerCase<span class=\"k\">(),</span> match<span class=\"k\">[</span><span class=\"s\">4</span><span class=\"k\">]);</span>","","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>match<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">])</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>currentParent<span class=\"k\">.</span>type <span class=\"k\">!=</span> <span class=\"s\">'root'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> tmpParent <span class=\"k\">=</span> currentParent<span class=\"k\">;</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>currentParent<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span> <span class=\"k\">&amp;&amp;</span> currentParent<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> match<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">].</span>toLowerCase<span class=\"k\">())</span><span class=\"k\">{</span>","                        currentParent <span class=\"k\">=</span> currentParent<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>currentParent<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'root'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            currentParent <span class=\"k\">=</span> tmpParent<span class=\"k\">;</span>","                            <span class=\"k\">throw</span> <span class=\"s\">'break'</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    <span class=\"c\">//end tag</span>","                    currentParent <span class=\"k\">=</span> currentParent<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>match<span class=\"k\">[</span><span class=\"s\">2</span><span class=\"k\">])</span> <span class=\"k\">{</span>","                <span class=\"c\">//comment</span>","                comment<span class=\"k\">(</span>currentParent<span class=\"k\">,</span> match<span class=\"k\">[</span><span class=\"s\">2</span><span class=\"k\">])</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{}</span>","","        nextIndex <span class=\"k\">=</span> re_tag<span class=\"k\">.</span>lastIndex<span class=\"k\">;</span>","","    <span class=\"k\">}</span>","    <span class=\"c\">//&#22914;&#26524;&#32467;&#26463;&#26159;&#25991;&#26412;&#65292;&#23601;&#26377;&#21487;&#33021;&#20002;&#25481;&#65292;&#25152;&#20197;&#36825;&#37324;&#25163;&#21160;&#21028;&#26029;&#19968;&#19979;</span>","    <span class=\"c\">//&#20363;&#22914; &lt;li&gt;sdfsdfsdf&lt;li&gt;sdfsdfsdfsdf</span>","    <span class=\"k\">if</span> <span class=\"k\">(</span>nextIndex <span class=\"k\">&lt;</span> htmlstr<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","        text<span class=\"k\">(</span>currentParent<span class=\"k\">,</span> htmlstr<span class=\"k\">.</span>slice<span class=\"k\">(</span>nextIndex<span class=\"k\">));</span>","    <span class=\"k\">}</span>","    <span class=\"k\">return</span> root<span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['core/htmlparser.js'][25]++;
+var htmlparser = (UE.htmlparser = (function (htmlstr, ignoreBlank) {
+  _$jscoverage['core/htmlparser.js'][26]++;
+  var re_tag = /<(?:(?:\/([^>]+)>)|(?:!--([\S|\s]*?)-->)|(?:([^\s\/>]+)\s*((?:(?:"[^"]*")|(?:'[^']*')|[^"'<>])*)\/?>))/g, re_attr = /([\w\-:.]+)(?:(?:\s*=\s*(?:(?:"([^"]*)")|(?:'([^']*)')|([^\s>]+)))|(?=\s|$))/g;
+  _$jscoverage['core/htmlparser.js'][30]++;
+  var allowEmptyTags = {b: 1, code: 1, i: 1, u: 1, strike: 1, s: 1, tt: 1, strong: 1, q: 1, samp: 1, em: 1, span: 1, sub: 1, img: 1, sup: 1, font: 1, big: 1, small: 1, iframe: 1, a: 1, br: 1, pre: 1};
+  _$jscoverage['core/htmlparser.js'][34]++;
+  htmlstr = htmlstr.replace(new RegExp(domUtils.fillChar, "g"), "");
+  _$jscoverage['core/htmlparser.js'][35]++;
+  if ((! ignoreBlank)) {
+    _$jscoverage['core/htmlparser.js'][36]++;
+    htmlstr = htmlstr.replace(new RegExp(("[\\r\\t\\n" + (ignoreBlank? "": " ") + "]*</?(\\w+)\\s*(?:[^>]*)>[\\r\\t\\n" + (ignoreBlank? "": " ") + "]*"), "g"), (function (a, b) {
+  _$jscoverage['core/htmlparser.js'][38]++;
+  if ((b && allowEmptyTags[b.toLowerCase()])) {
+    _$jscoverage['core/htmlparser.js'][39]++;
+    return a.replace(/(^[\n\r]+)|([\n\r]+$)/g, "");
+  }
+  _$jscoverage['core/htmlparser.js'][41]++;
+  return a.replace(new RegExp(("^[\\r\\n" + (ignoreBlank? "": " ") + "]+")), "").replace(new RegExp(("[\\r\\n" + (ignoreBlank? "": " ") + "]+$")), "");
+}));
+  }
+  _$jscoverage['core/htmlparser.js'][46]++;
+  var uNode = UE.uNode, needParentNode = {"td": "tr", "tr": ["tbody", "thead", "tfoot"], "tbody": "table", "th": "tr", "thead": "table", "tfoot": "table", "caption": "table", "li": ["ul", "ol"], "dt": "dl", "dd": "dl", "option": "select"}, needChild = {"ol": "li", "ul": "li"};
+  _$jscoverage['core/htmlparser.js'][65]++;
+  function text(parent, data) {
+    _$jscoverage['core/htmlparser.js'][67]++;
+    if (needChild[parent.tagName]) {
+      _$jscoverage['core/htmlparser.js'][68]++;
+      var tmpNode = uNode.createElement(needChild[parent.tagName]);
+      _$jscoverage['core/htmlparser.js'][69]++;
+      parent.appendChild(tmpNode);
+      _$jscoverage['core/htmlparser.js'][70]++;
+      tmpNode.appendChild(uNode.createText(data));
+      _$jscoverage['core/htmlparser.js'][71]++;
+      parent = tmpNode;
+    }
+    else {
+      _$jscoverage['core/htmlparser.js'][74]++;
+      parent.appendChild(uNode.createText(data));
+    }
+}
+  _$jscoverage['core/htmlparser.js'][78]++;
+  function element(parent, tagName, htmlattr) {
+    _$jscoverage['core/htmlparser.js'][79]++;
+    var needParentTag;
+    _$jscoverage['core/htmlparser.js'][80]++;
+    if ((needParentTag = needParentNode[tagName])) {
+      _$jscoverage['core/htmlparser.js'][81]++;
+      var tmpParent = parent, hasParent;
+      _$jscoverage['core/htmlparser.js'][82]++;
+      while ((tmpParent.type != "root")) {
+        _$jscoverage['core/htmlparser.js'][83]++;
+        if ((utils.isArray(needParentTag)? (utils.indexOf(needParentTag, tmpParent.tagName) != -1): (needParentTag == tmpParent.tagName))) {
+          _$jscoverage['core/htmlparser.js'][84]++;
+          parent = tmpParent;
+          _$jscoverage['core/htmlparser.js'][85]++;
+          hasParent = true;
+          _$jscoverage['core/htmlparser.js'][86]++;
+          break;
+        }
+        _$jscoverage['core/htmlparser.js'][88]++;
+        tmpParent = tmpParent.parentNode;
+}
+      _$jscoverage['core/htmlparser.js'][90]++;
+      if ((! hasParent)) {
+        _$jscoverage['core/htmlparser.js'][91]++;
+        parent = element(parent, (utils.isArray(needParentTag)? needParentTag[0]: needParentTag));
+      }
+    }
+    _$jscoverage['core/htmlparser.js'][97]++;
+    var elm = new uNode({parentNode: parent, type: "element", tagName: tagName.toLowerCase(), children: (dtd.$empty[tagName]? null: [])});
+    _$jscoverage['core/htmlparser.js'][105]++;
+    if (htmlattr) {
+      _$jscoverage['core/htmlparser.js'][106]++;
+      var attrs = {}, match;
+      _$jscoverage['core/htmlparser.js'][107]++;
+      while ((match = re_attr.exec(htmlattr))) {
+        _$jscoverage['core/htmlparser.js'][108]++;
+        attrs[match[1].toLowerCase()] = utils.unhtml((match[2] || match[3] || match[4]));
+}
+      _$jscoverage['core/htmlparser.js'][110]++;
+      elm.attrs = attrs;
+    }
+    _$jscoverage['core/htmlparser.js'][113]++;
+    parent.children.push(elm);
+    _$jscoverage['core/htmlparser.js'][115]++;
+    return (dtd.$empty[tagName]? parent: elm);
+}
+  _$jscoverage['core/htmlparser.js'][118]++;
+  function comment(parent, data) {
+    _$jscoverage['core/htmlparser.js'][119]++;
+    parent.children.push(new uNode({type: "comment", data: data, parentNode: parent}));
+}
+  _$jscoverage['core/htmlparser.js'][126]++;
+  var match, currentIndex = 0, nextIndex = 0;
+  _$jscoverage['core/htmlparser.js'][128]++;
+  var root = new uNode({type: "root", children: []});
+  _$jscoverage['core/htmlparser.js'][132]++;
+  var currentParent = root;
+  _$jscoverage['core/htmlparser.js'][133]++;
+  while ((match = re_tag.exec(htmlstr))) {
+    _$jscoverage['core/htmlparser.js'][134]++;
+    currentIndex = match.index;
+    _$jscoverage['core/htmlparser.js'][135]++;
+    try {
+      _$jscoverage['core/htmlparser.js'][136]++;
+      if ((currentIndex > nextIndex)) {
+        _$jscoverage['core/htmlparser.js'][138]++;
+        text(currentParent, htmlstr.slice(nextIndex, currentIndex));
+      }
+      _$jscoverage['core/htmlparser.js'][140]++;
+      if (match[3]) {
+        _$jscoverage['core/htmlparser.js'][142]++;
+        currentParent = element(currentParent, match[3].toLowerCase(), match[4]);
+      }
+      else {
+        _$jscoverage['core/htmlparser.js'][144]++;
+        if (match[1]) {
+          _$jscoverage['core/htmlparser.js'][145]++;
+          if ((currentParent.type != "root")) {
+            _$jscoverage['core/htmlparser.js'][146]++;
+            var tmpParent = currentParent;
+            _$jscoverage['core/htmlparser.js'][147]++;
+            while (((currentParent.type == "element") && (currentParent.tagName != match[1].toLowerCase()))) {
+              _$jscoverage['core/htmlparser.js'][148]++;
+              currentParent = currentParent.parentNode;
+              _$jscoverage['core/htmlparser.js'][149]++;
+              if ((currentParent.type == "root")) {
+                _$jscoverage['core/htmlparser.js'][150]++;
+                currentParent = tmpParent;
+                _$jscoverage['core/htmlparser.js'][151]++;
+                throw "break";
+              }
+}
+            _$jscoverage['core/htmlparser.js'][155]++;
+            currentParent = currentParent.parentNode;
+          }
+        }
+        else {
+          _$jscoverage['core/htmlparser.js'][158]++;
+          if (match[2]) {
+            _$jscoverage['core/htmlparser.js'][160]++;
+            comment(currentParent, match[2]);
+          }
+        }
+      }
+    }
+    catch (e) {
+    }
+    _$jscoverage['core/htmlparser.js'][164]++;
+    nextIndex = re_tag.lastIndex;
+}
+  _$jscoverage['core/htmlparser.js'][169]++;
+  if ((nextIndex < htmlstr.length)) {
+    _$jscoverage['core/htmlparser.js'][170]++;
+    text(currentParent, htmlstr.slice(nextIndex));
+  }
+  _$jscoverage['core/htmlparser.js'][172]++;
+  return root;
+}));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/node.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/node.js
new file mode 100644
index 000000000..3c76035f0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/node.js
@@ -0,0 +1,874 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/node.js']) {
+  _$jscoverage['core/node.js'] = [];
+  _$jscoverage['core/node.js'][15] = 0;
+  _$jscoverage['core/node.js'][37] = 0;
+  _$jscoverage['core/node.js'][38] = 0;
+  _$jscoverage['core/node.js'][39] = 0;
+  _$jscoverage['core/node.js'][40] = 0;
+  _$jscoverage['core/node.js'][41] = 0;
+  _$jscoverage['core/node.js'][42] = 0;
+  _$jscoverage['core/node.js'][43] = 0;
+  _$jscoverage['core/node.js'][45] = 0;
+  _$jscoverage['core/node.js'][48] = 0;
+  _$jscoverage['core/node.js'][49] = 0;
+  _$jscoverage['core/node.js'][50] = 0;
+  _$jscoverage['core/node.js'][53] = 0;
+  _$jscoverage['core/node.js'][55] = 0;
+  _$jscoverage['core/node.js'][56] = 0;
+  _$jscoverage['core/node.js'][62] = 0;
+  _$jscoverage['core/node.js'][63] = 0;
+  _$jscoverage['core/node.js'][64] = 0;
+  _$jscoverage['core/node.js'][66] = 0;
+  _$jscoverage['core/node.js'][73] = 0;
+  _$jscoverage['core/node.js'][74] = 0;
+  _$jscoverage['core/node.js'][79] = 0;
+  _$jscoverage['core/node.js'][80] = 0;
+  _$jscoverage['core/node.js'][82] = 0;
+  _$jscoverage['core/node.js'][84] = 0;
+  _$jscoverage['core/node.js'][85] = 0;
+  _$jscoverage['core/node.js'][86] = 0;
+  _$jscoverage['core/node.js'][88] = 0;
+  _$jscoverage['core/node.js'][90] = 0;
+  _$jscoverage['core/node.js'][92] = 0;
+  _$jscoverage['core/node.js'][93] = 0;
+  _$jscoverage['core/node.js'][95] = 0;
+  _$jscoverage['core/node.js'][96] = 0;
+  _$jscoverage['core/node.js'][98] = 0;
+  _$jscoverage['core/node.js'][100] = 0;
+  _$jscoverage['core/node.js'][103] = 0;
+  _$jscoverage['core/node.js'][104] = 0;
+  _$jscoverage['core/node.js'][107] = 0;
+  _$jscoverage['core/node.js'][108] = 0;
+  _$jscoverage['core/node.js'][109] = 0;
+  _$jscoverage['core/node.js'][110] = 0;
+  _$jscoverage['core/node.js'][111] = 0;
+  _$jscoverage['core/node.js'][112] = 0;
+  _$jscoverage['core/node.js'][113] = 0;
+  _$jscoverage['core/node.js'][115] = 0;
+  _$jscoverage['core/node.js'][117] = 0;
+  _$jscoverage['core/node.js'][122] = 0;
+  _$jscoverage['core/node.js'][123] = 0;
+  _$jscoverage['core/node.js'][124] = 0;
+  _$jscoverage['core/node.js'][125] = 0;
+  _$jscoverage['core/node.js'][129] = 0;
+  _$jscoverage['core/node.js'][130] = 0;
+  _$jscoverage['core/node.js'][131] = 0;
+  _$jscoverage['core/node.js'][132] = 0;
+  _$jscoverage['core/node.js'][133] = 0;
+  _$jscoverage['core/node.js'][135] = 0;
+  _$jscoverage['core/node.js'][138] = 0;
+  _$jscoverage['core/node.js'][139] = 0;
+  _$jscoverage['core/node.js'][141] = 0;
+  _$jscoverage['core/node.js'][142] = 0;
+  _$jscoverage['core/node.js'][143] = 0;
+  _$jscoverage['core/node.js'][146] = 0;
+  _$jscoverage['core/node.js'][151] = 0;
+  _$jscoverage['core/node.js'][152] = 0;
+  _$jscoverage['core/node.js'][155] = 0;
+  _$jscoverage['core/node.js'][156] = 0;
+  _$jscoverage['core/node.js'][157] = 0;
+  _$jscoverage['core/node.js'][158] = 0;
+  _$jscoverage['core/node.js'][160] = 0;
+  _$jscoverage['core/node.js'][161] = 0;
+  _$jscoverage['core/node.js'][162] = 0;
+  _$jscoverage['core/node.js'][163] = 0;
+  _$jscoverage['core/node.js'][169] = 0;
+  _$jscoverage['core/node.js'][170] = 0;
+  _$jscoverage['core/node.js'][171] = 0;
+  _$jscoverage['core/node.js'][173] = 0;
+  _$jscoverage['core/node.js'][174] = 0;
+  _$jscoverage['core/node.js'][175] = 0;
+  _$jscoverage['core/node.js'][180] = 0;
+  _$jscoverage['core/node.js'][181] = 0;
+  _$jscoverage['core/node.js'][182] = 0;
+  _$jscoverage['core/node.js'][183] = 0;
+  _$jscoverage['core/node.js'][185] = 0;
+  _$jscoverage['core/node.js'][186] = 0;
+  _$jscoverage['core/node.js'][187] = 0;
+  _$jscoverage['core/node.js'][189] = 0;
+  _$jscoverage['core/node.js'][193] = 0;
+  _$jscoverage['core/node.js'][198] = 0;
+  _$jscoverage['core/node.js'][221] = 0;
+  _$jscoverage['core/node.js'][222] = 0;
+  _$jscoverage['core/node.js'][223] = 0;
+  _$jscoverage['core/node.js'][249] = 0;
+  _$jscoverage['core/node.js'][250] = 0;
+  _$jscoverage['core/node.js'][252] = 0;
+  _$jscoverage['core/node.js'][253] = 0;
+  _$jscoverage['core/node.js'][254] = 0;
+  _$jscoverage['core/node.js'][255] = 0;
+  _$jscoverage['core/node.js'][258] = 0;
+  _$jscoverage['core/node.js'][259] = 0;
+  _$jscoverage['core/node.js'][260] = 0;
+  _$jscoverage['core/node.js'][261] = 0;
+  _$jscoverage['core/node.js'][262] = 0;
+  _$jscoverage['core/node.js'][264] = 0;
+  _$jscoverage['core/node.js'][266] = 0;
+  _$jscoverage['core/node.js'][270] = 0;
+  _$jscoverage['core/node.js'][297] = 0;
+  _$jscoverage['core/node.js'][298] = 0;
+  _$jscoverage['core/node.js'][300] = 0;
+  _$jscoverage['core/node.js'][301] = 0;
+  _$jscoverage['core/node.js'][302] = 0;
+  _$jscoverage['core/node.js'][303] = 0;
+  _$jscoverage['core/node.js'][306] = 0;
+  _$jscoverage['core/node.js'][307] = 0;
+  _$jscoverage['core/node.js'][308] = 0;
+  _$jscoverage['core/node.js'][310] = 0;
+  _$jscoverage['core/node.js'][324] = 0;
+  _$jscoverage['core/node.js'][325] = 0;
+  _$jscoverage['core/node.js'][326] = 0;
+  _$jscoverage['core/node.js'][342] = 0;
+  _$jscoverage['core/node.js'][358] = 0;
+  _$jscoverage['core/node.js'][371] = 0;
+  _$jscoverage['core/node.js'][372] = 0;
+  _$jscoverage['core/node.js'][373] = 0;
+  _$jscoverage['core/node.js'][374] = 0;
+  _$jscoverage['core/node.js'][390] = 0;
+  _$jscoverage['core/node.js'][391] = 0;
+  _$jscoverage['core/node.js'][392] = 0;
+  _$jscoverage['core/node.js'][393] = 0;
+  _$jscoverage['core/node.js'][410] = 0;
+  _$jscoverage['core/node.js'][411] = 0;
+  _$jscoverage['core/node.js'][412] = 0;
+  _$jscoverage['core/node.js'][414] = 0;
+  _$jscoverage['core/node.js'][415] = 0;
+  _$jscoverage['core/node.js'][416] = 0;
+  _$jscoverage['core/node.js'][417] = 0;
+  _$jscoverage['core/node.js'][418] = 0;
+  _$jscoverage['core/node.js'][419] = 0;
+  _$jscoverage['core/node.js'][436] = 0;
+  _$jscoverage['core/node.js'][437] = 0;
+  _$jscoverage['core/node.js'][438] = 0;
+  _$jscoverage['core/node.js'][440] = 0;
+  _$jscoverage['core/node.js'][441] = 0;
+  _$jscoverage['core/node.js'][443] = 0;
+  _$jscoverage['core/node.js'][444] = 0;
+  _$jscoverage['core/node.js'][445] = 0;
+  _$jscoverage['core/node.js'][446] = 0;
+  _$jscoverage['core/node.js'][449] = 0;
+  _$jscoverage['core/node.js'][450] = 0;
+  _$jscoverage['core/node.js'][451] = 0;
+  _$jscoverage['core/node.js'][469] = 0;
+  _$jscoverage['core/node.js'][470] = 0;
+  _$jscoverage['core/node.js'][471] = 0;
+  _$jscoverage['core/node.js'][473] = 0;
+  _$jscoverage['core/node.js'][474] = 0;
+  _$jscoverage['core/node.js'][475] = 0;
+  _$jscoverage['core/node.js'][476] = 0;
+  _$jscoverage['core/node.js'][477] = 0;
+  _$jscoverage['core/node.js'][496] = 0;
+  _$jscoverage['core/node.js'][497] = 0;
+  _$jscoverage['core/node.js'][498] = 0;
+  _$jscoverage['core/node.js'][500] = 0;
+  _$jscoverage['core/node.js'][501] = 0;
+  _$jscoverage['core/node.js'][502] = 0;
+  _$jscoverage['core/node.js'][503] = 0;
+  _$jscoverage['core/node.js'][504] = 0;
+  _$jscoverage['core/node.js'][523] = 0;
+  _$jscoverage['core/node.js'][524] = 0;
+  _$jscoverage['core/node.js'][525] = 0;
+  _$jscoverage['core/node.js'][526] = 0;
+  _$jscoverage['core/node.js'][527] = 0;
+  _$jscoverage['core/node.js'][528] = 0;
+  _$jscoverage['core/node.js'][529] = 0;
+  _$jscoverage['core/node.js'][530] = 0;
+  _$jscoverage['core/node.js'][531] = 0;
+  _$jscoverage['core/node.js'][535] = 0;
+  _$jscoverage['core/node.js'][552] = 0;
+  _$jscoverage['core/node.js'][567] = 0;
+  _$jscoverage['core/node.js'][568] = 0;
+  _$jscoverage['core/node.js'][569] = 0;
+  _$jscoverage['core/node.js'][571] = 0;
+  _$jscoverage['core/node.js'][572] = 0;
+  _$jscoverage['core/node.js'][574] = 0;
+  _$jscoverage['core/node.js'][575] = 0;
+  _$jscoverage['core/node.js'][576] = 0;
+  _$jscoverage['core/node.js'][577] = 0;
+  _$jscoverage['core/node.js'][579] = 0;
+  _$jscoverage['core/node.js'][583] = 0;
+  _$jscoverage['core/node.js'][584] = 0;
+  _$jscoverage['core/node.js'][586] = 0;
+  _$jscoverage['core/node.js'][602] = 0;
+  _$jscoverage['core/node.js'][603] = 0;
+  _$jscoverage['core/node.js'][604] = 0;
+  _$jscoverage['core/node.js'][605] = 0;
+  _$jscoverage['core/node.js'][608] = 0;
+  _$jscoverage['core/node.js'][622] = 0;
+  _$jscoverage['core/node.js'][623] = 0;
+  _$jscoverage['core/node.js'][624] = 0;
+  _$jscoverage['core/node.js'][625] = 0;
+  _$jscoverage['core/node.js'][626] = 0;
+  _$jscoverage['core/node.js'][643] = 0;
+  _$jscoverage['core/node.js'][644] = 0;
+  _$jscoverage['core/node.js'][645] = 0;
+  _$jscoverage['core/node.js'][646] = 0;
+  _$jscoverage['core/node.js'][647] = 0;
+  _$jscoverage['core/node.js'][648] = 0;
+  _$jscoverage['core/node.js'][652] = 0;
+  _$jscoverage['core/node.js'][666] = 0;
+  _$jscoverage['core/node.js'][667] = 0;
+  _$jscoverage['core/node.js'][668] = 0;
+  _$jscoverage['core/node.js'][670] = 0;
+  _$jscoverage['core/node.js'][671] = 0;
+  _$jscoverage['core/node.js'][672] = 0;
+  _$jscoverage['core/node.js'][673] = 0;
+  _$jscoverage['core/node.js'][675] = 0;
+  _$jscoverage['core/node.js'][689] = 0;
+  _$jscoverage['core/node.js'][690] = 0;
+  _$jscoverage['core/node.js'][691] = 0;
+  _$jscoverage['core/node.js'][692] = 0;
+  _$jscoverage['core/node.js'][693] = 0;
+  _$jscoverage['core/node.js'][698] = 0;
+  _$jscoverage['core/node.js'][699] = 0;
+  _$jscoverage['core/node.js'][700] = 0;
+  _$jscoverage['core/node.js'][702] = 0;
+  _$jscoverage['core/node.js'][703] = 0;
+  _$jscoverage['core/node.js'][704] = 0;
+  _$jscoverage['core/node.js'][707] = 0;
+  _$jscoverage['core/node.js'][709] = 0;
+  _$jscoverage['core/node.js'][724] = 0;
+  _$jscoverage['core/node.js'][725] = 0;
+  _$jscoverage['core/node.js'][727] = 0;
+}
+_$jscoverage['core/node.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#32534;&#36753;&#22120;&#27169;&#25311;&#30340;&#33410;&#28857;&#31867;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> * @class uNode</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * UEditor&#20844;&#29992;&#31354;&#38388;&#65292;UEditor&#25152;&#26377;&#30340;&#21151;&#33021;&#37117;&#25346;&#36733;&#22312;&#35813;&#31354;&#38388;&#19979;</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> * @module UE</span>","<span class=\"c\"> */</span>","","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#32534;&#36753;&#22120;&#27169;&#25311;&#30340;&#33410;&#28857;&#31867;</span>","<span class=\"c\">     * @unfile</span>","<span class=\"c\">     * @module UE</span>","<span class=\"c\">     * @class uNode</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#36890;&#36807;&#19968;&#20010;&#38190;&#20540;&#23545;&#65292;&#21019;&#24314;&#19968;&#20010;uNode&#23545;&#35937;</span>","<span class=\"c\">     * @constructor</span>","<span class=\"c\">     * @param { KeyValueMap } &#20256;&#20837;&#35201;&#21019;&#24314;&#30340;uNode&#30340;&#23646;&#24615;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var node = new uNode({</span>","<span class=\"c\">     *     type:'element',</span>","<span class=\"c\">     *     tagName:'span',</span>","<span class=\"c\">     *     attrs:{style:'font-size:14px;'}</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    <span class=\"k\">var</span> uNode <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>obj<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>type <span class=\"k\">=</span> obj<span class=\"k\">.</span>type<span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>data <span class=\"k\">=</span> obj<span class=\"k\">.</span>data<span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>tagName <span class=\"k\">=</span> obj<span class=\"k\">.</span>tagName<span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>parentNode <span class=\"k\">=</span> obj<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>attrs <span class=\"k\">=</span> obj<span class=\"k\">.</span>attrs <span class=\"k\">||</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>children <span class=\"k\">=</span> obj<span class=\"k\">.</span>children<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">var</span> indentChar <span class=\"k\">=</span> <span class=\"s\">'    '</span><span class=\"k\">,</span>","        breakChar <span class=\"k\">=</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span><span class=\"k\">;</span>","","    <span class=\"k\">function</span> insertLine<span class=\"k\">(</span>arr<span class=\"k\">,</span> current<span class=\"k\">,</span> begin<span class=\"k\">)</span> <span class=\"k\">{</span>","        arr<span class=\"k\">.</span>push<span class=\"k\">(</span>breakChar<span class=\"k\">);</span>","        <span class=\"k\">return</span> current <span class=\"k\">+</span> <span class=\"k\">(</span>begin <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> insertIndent<span class=\"k\">(</span>arr<span class=\"k\">,</span> current<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"c\">//&#25554;&#20837;&#32553;&#36827;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> current<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","            arr<span class=\"k\">.</span>push<span class=\"k\">(</span>indentChar<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">//&#21019;&#24314;uNode&#30340;&#38745;&#24577;&#26041;&#27861;</span>","    <span class=\"c\">//&#25903;&#25345;&#26631;&#31614;&#21644;html</span>","    uNode<span class=\"k\">.</span>createElement <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>html<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/[&lt;&gt;]/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>html<span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>html<span class=\"k\">).</span>children<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">new</span> uNode<span class=\"k\">(</span><span class=\"k\">{</span>","                type<span class=\"k\">:</span> <span class=\"s\">'element'</span><span class=\"k\">,</span>","                children<span class=\"k\">:</span> <span class=\"k\">[],</span>","                tagName<span class=\"k\">:</span> html","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    uNode<span class=\"k\">.</span>createText <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>data<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> <span class=\"k\">new</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">(</span><span class=\"k\">{</span>","            type<span class=\"k\">:</span> <span class=\"s\">'text'</span><span class=\"k\">,</span>","            <span class=\"s\">'data'</span><span class=\"k\">:</span> utils<span class=\"k\">.</span>unhtml<span class=\"k\">(</span>data <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">function</span> nodeToHtml<span class=\"k\">(</span>node<span class=\"k\">,</span> arr<span class=\"k\">,</span> formatter<span class=\"k\">,</span> current<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">switch</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>type<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">case</span> <span class=\"s\">'root'</span><span class=\"k\">:</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> node<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//&#25554;&#20837;&#26032;&#34892;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>formatter <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$inlineWithA<span class=\"k\">[</span>ci<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> i <span class=\"k\">&gt;</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        insertLine<span class=\"k\">(</span>arr<span class=\"k\">,</span> current<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        insertIndent<span class=\"k\">(</span>arr<span class=\"k\">,</span> current<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                    nodeToHtml<span class=\"k\">(</span>ci<span class=\"k\">,</span> arr<span class=\"k\">,</span> formatter<span class=\"k\">,</span> current<span class=\"k\">)</span>","                <span class=\"k\">}</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">case</span> <span class=\"s\">'text'</span><span class=\"k\">:</span>","                isText<span class=\"k\">(</span>node<span class=\"k\">,</span> arr<span class=\"k\">);</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">case</span> <span class=\"s\">'element'</span><span class=\"k\">:</span>","                isElement<span class=\"k\">(</span>node<span class=\"k\">,</span> arr<span class=\"k\">,</span> formatter<span class=\"k\">,</span> current<span class=\"k\">);</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">case</span> <span class=\"s\">'comment'</span><span class=\"k\">:</span>","                isComment<span class=\"k\">(</span>node<span class=\"k\">,</span> arr<span class=\"k\">,</span> formatter<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> arr<span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> isText<span class=\"k\">(</span>node<span class=\"k\">,</span> arr<span class=\"k\">)</span> <span class=\"k\">{</span>","        arr<span class=\"k\">.</span>push<span class=\"k\">(</span>node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'pre'</span> <span class=\"k\">?</span> node<span class=\"k\">.</span>data <span class=\"k\">:</span> node<span class=\"k\">.</span>data<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/[ ]{2}/g</span><span class=\"k\">,</span> <span class=\"s\">' &amp;nbsp;'</span><span class=\"k\">))</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> isElement<span class=\"k\">(</span>node<span class=\"k\">,</span> arr<span class=\"k\">,</span> formatter<span class=\"k\">,</span> current<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> attrhtml <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","            attrhtml <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">var</span> attrs <span class=\"k\">=</span> node<span class=\"k\">.</span>attrs<span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> a <span class=\"k\">in</span> attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","                attrhtml<span class=\"k\">.</span>push<span class=\"k\">(</span>a <span class=\"k\">+</span> <span class=\"k\">(</span>attrs<span class=\"k\">[</span>a<span class=\"k\">]</span> <span class=\"k\">!==</span> undefined <span class=\"k\">?</span> <span class=\"s\">'=\"'</span> <span class=\"k\">+</span> utils<span class=\"k\">.</span>unhtml<span class=\"k\">(</span>attrs<span class=\"k\">[</span>a<span class=\"k\">])</span> <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">))</span>","            <span class=\"k\">}</span>","            attrhtml <span class=\"k\">=</span> attrhtml<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","        arr<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'&lt;'</span> <span class=\"k\">+</span> node<span class=\"k\">.</span>tagName <span class=\"k\">+</span>","            <span class=\"k\">(</span>attrhtml <span class=\"k\">?</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> attrhtml <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","            <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">'</span><span class=\"t\">\\/</span><span class=\"s\">'</span> <span class=\"k\">:</span> <span class=\"s\">''</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span>","        <span class=\"k\">);</span>","        <span class=\"c\">//&#25554;&#20837;&#26032;&#34892;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>formatter <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$inlineWithA<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> <span class=\"s\">'pre'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                current <span class=\"k\">=</span> insertLine<span class=\"k\">(</span>arr<span class=\"k\">,</span> current<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                insertIndent<span class=\"k\">(</span>arr<span class=\"k\">,</span> current<span class=\"k\">)</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> node<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>formatter <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$inlineWithA<span class=\"k\">[</span>ci<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> i <span class=\"k\">&gt;</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    insertLine<span class=\"k\">(</span>arr<span class=\"k\">,</span> current<span class=\"k\">);</span>","                    insertIndent<span class=\"k\">(</span>arr<span class=\"k\">,</span> current<span class=\"k\">)</span>","                <span class=\"k\">}</span>","                nodeToHtml<span class=\"k\">(</span>ci<span class=\"k\">,</span> arr<span class=\"k\">,</span> formatter<span class=\"k\">,</span> current<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>formatter <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$inlineWithA<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> <span class=\"s\">'pre'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                    current <span class=\"k\">=</span> insertLine<span class=\"k\">(</span>arr<span class=\"k\">,</span> current<span class=\"k\">);</span>","                    insertIndent<span class=\"k\">(</span>arr<span class=\"k\">,</span> current<span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            arr<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'&lt;</span><span class=\"t\">\\/</span><span class=\"s\">'</span> <span class=\"k\">+</span> node<span class=\"k\">.</span>tagName <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> isComment<span class=\"k\">(</span>node<span class=\"k\">,</span> arr<span class=\"k\">)</span> <span class=\"k\">{</span>","        arr<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'&lt;!--'</span> <span class=\"k\">+</span> node<span class=\"k\">.</span>data <span class=\"k\">+</span> <span class=\"s\">'--&gt;'</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> getNodeById<span class=\"k\">(</span>root<span class=\"k\">,</span> id<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> node<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>root<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span> <span class=\"k\">&amp;&amp;</span> root<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'id'</span><span class=\"k\">)</span> <span class=\"k\">==</span> id<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> root<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>root<span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> root<span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> root<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>node <span class=\"k\">=</span> getNodeById<span class=\"k\">(</span>ci<span class=\"k\">,</span> id<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> getNodesByTagName<span class=\"k\">(</span>node<span class=\"k\">,</span> tagName<span class=\"k\">,</span> arr<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> tagName<span class=\"k\">)</span> <span class=\"k\">{</span>","            arr<span class=\"k\">.</span>push<span class=\"k\">(</span>node<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> node<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                getNodesByTagName<span class=\"k\">(</span>ci<span class=\"k\">,</span> tagName<span class=\"k\">,</span> arr<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> nodeTraversal<span class=\"k\">(</span>root<span class=\"k\">,</span> fn<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>root<span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> root<span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> root<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];)</span> <span class=\"k\">{</span>","                nodeTraversal<span class=\"k\">(</span>ci<span class=\"k\">,</span> fn<span class=\"k\">);</span>","                <span class=\"c\">//ci&#34987;&#26367;&#25442;&#30340;&#24773;&#20917;&#65292;&#36825;&#37324;&#23601;&#19981;&#20877;&#36208; fn&#20102;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                        fn<span class=\"k\">(</span>ci<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> i<span class=\"k\">++</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            fn<span class=\"k\">(</span>root<span class=\"k\">)</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span>","","    uNode<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#24403;&#21069;&#33410;&#28857;&#23545;&#35937;&#65292;&#36716;&#25442;&#25104;html&#25991;&#26412;</span>","<span class=\"c\">         * @method toHtml</span>","<span class=\"c\">         * @return { String } &#36820;&#22238;&#36716;&#25442;&#21518;&#30340;html&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.toHtml();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#24403;&#21069;&#33410;&#28857;&#23545;&#35937;&#65292;&#36716;&#25442;&#25104;html&#25991;&#26412;</span>","<span class=\"c\">         * @method toHtml</span>","<span class=\"c\">         * @param { Boolean } formatter &#26159;&#21542;&#26684;&#24335;&#21270;&#36820;&#22238;&#20540;</span>","<span class=\"c\">         * @return { String } &#36820;&#22238;&#36716;&#25442;&#21518;&#30340;html&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.toHtml();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        toHtml<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>formatter<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> arr <span class=\"k\">=</span> <span class=\"k\">[];</span>","            nodeToHtml<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> arr<span class=\"k\">,</span> formatter<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> arr<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#33410;&#28857;&#30340;html&#20869;&#23481;</span>","<span class=\"c\">         * @method innerHTML</span>","<span class=\"c\">         * @warning &#20551;&#22914;&#33410;&#28857;&#30340;type&#19981;&#26159;'element'&#65292;&#25110;&#33410;&#28857;&#30340;&#26631;&#31614;&#21517;&#31216;&#19981;&#22312;dtd&#21015;&#34920;&#37324;&#65292;&#30452;&#25509;&#21453;&#24724;&#24403;&#21069;&#33410;&#28857;</span>","<span class=\"c\">         * @return { String } &#36820;&#22238;&#33410;&#28857;&#30340;html&#20869;&#23481;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * var htmlstr = node.innerHTML();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;&#33410;&#28857;&#30340;html&#20869;&#23481;</span>","<span class=\"c\">         * @method innerHTML</span>","<span class=\"c\">         * @warning &#20551;&#22914;&#33410;&#28857;&#30340;type&#19981;&#26159;'element'&#65292;&#25110;&#33410;&#28857;&#30340;&#26631;&#31614;&#21517;&#31216;&#19981;&#22312;dtd&#21015;&#34920;&#37324;&#65292;&#30452;&#25509;&#21453;&#24724;&#24403;&#21069;&#33410;&#28857;</span>","<span class=\"c\">         * @param { String } htmlstr &#20256;&#20837;&#35201;&#35774;&#32622;&#30340;html&#20869;&#23481;</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#33410;&#28857;&#26412;&#36523;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.innerHTML('&lt;span&gt;text&lt;/span&gt;');</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        innerHTML<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>htmlstr<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>type <span class=\"k\">!=</span> <span class=\"s\">'element'</span> <span class=\"k\">||</span> dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isString<span class=\"k\">(</span>htmlstr<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                        ci<span class=\"k\">.</span>parentNode <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>children <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">var</span> tmpRoot <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>htmlstr<span class=\"k\">);</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> tmpRoot<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>push<span class=\"k\">(</span>ci<span class=\"k\">);</span>","                    ci<span class=\"k\">.</span>parentNode <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> tmpRoot <span class=\"k\">=</span> <span class=\"k\">new</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">(</span><span class=\"k\">{</span>","                    type<span class=\"k\">:</span> <span class=\"s\">'root'</span><span class=\"k\">,</span>","                    children<span class=\"k\">:</span> <span class=\"k\">this</span><span class=\"k\">.</span>children","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">return</span> tmpRoot<span class=\"k\">.</span>toHtml<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#33410;&#28857;&#30340;&#32431;&#25991;&#26412;&#20869;&#23481;</span>","<span class=\"c\">         * @method innerText</span>","<span class=\"c\">         * @warning &#20551;&#22914;&#33410;&#28857;&#30340;type&#19981;&#26159;'element'&#65292;&#25110;&#33410;&#28857;&#30340;&#26631;&#31614;&#21517;&#31216;&#19981;&#22312;dtd&#21015;&#34920;&#37324;&#65292;&#30452;&#25509;&#21453;&#24724;&#24403;&#21069;&#33410;&#28857;</span>","<span class=\"c\">         * @return { String } &#36820;&#22238;&#33410;&#28857;&#30340;&#23384;&#25991;&#26412;&#20869;&#23481;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * var textStr = node.innerText();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#33410;&#28857;&#30340;&#32431;&#25991;&#26412;&#20869;&#23481;</span>","<span class=\"c\">         * @method innerText</span>","<span class=\"c\">         * @warning &#20551;&#22914;&#33410;&#28857;&#30340;type&#19981;&#26159;'element'&#65292;&#25110;&#33410;&#28857;&#30340;&#26631;&#31614;&#21517;&#31216;&#19981;&#22312;dtd&#21015;&#34920;&#37324;&#65292;&#30452;&#25509;&#21453;&#24724;&#24403;&#21069;&#33410;&#28857;</span>","<span class=\"c\">         * @param { String } textStr &#20256;&#20837;&#35201;&#35774;&#32622;&#30340;&#25991;&#26412;&#20869;&#23481;</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#33410;&#28857;&#26412;&#36523;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.innerText('&lt;span&gt;text&lt;/span&gt;');</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        innerText<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>textStr<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>type <span class=\"k\">!=</span> <span class=\"s\">'element'</span> <span class=\"k\">||</span> dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>textStr<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                        ci<span class=\"k\">.</span>parentNode <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>children <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>appendChild<span class=\"k\">(</span>uNode<span class=\"k\">.</span>createText<span class=\"k\">(</span>textStr<span class=\"k\">));</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>toHtml<span class=\"k\">().</span>replace<span class=\"k\">(</span><span class=\"s\">/&lt;[^&gt;]+&gt;/g</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;&#23545;&#35937;&#30340;data&#23646;&#24615;</span>","<span class=\"c\">         * @method getData</span>","<span class=\"c\">         * @return { KeyValueMap } &#33509;&#33410;&#28857;&#30340;type&#20540;&#26159;elemenet&#65292;&#36820;&#22238;&#31354;&#23383;&#31526;&#20018;&#65292;&#21542;&#21017;&#36820;&#22238;&#33410;&#28857;&#30340;data&#23646;&#24615;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.getData();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getData<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span><span class=\"k\">)</span>","                <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>data","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;&#33410;&#28857;&#19979;&#30340;&#31532;&#19968;&#20010;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * @method firstChild</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#31532;&#19968;&#20010;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.firstChild(); //&#36820;&#22238;&#31532;&#19968;&#20010;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        firstChild<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","<span class=\"c\">//            if (this.type != 'element' || dtd.$empty[this.tagName]) {</span>","<span class=\"c\">//                return this;</span>","<span class=\"c\">//            }</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>children <span class=\"k\">?</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;&#33410;&#28857;&#19979;&#30340;&#26368;&#21518;&#19968;&#20010;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * @method lastChild</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#26368;&#21518;&#19968;&#20010;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.lastChild(); //&#36820;&#22238;&#26368;&#21518;&#19968;&#20010;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        lastChild<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","<span class=\"c\">//            if (this.type != 'element' || dtd.$empty[this.tagName] ) {</span>","<span class=\"c\">//                return this;</span>","<span class=\"c\">//            }</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>children <span class=\"k\">?</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#21644;&#24403;&#21069;&#33410;&#28857;&#26377;&#30456;&#21516;&#29238;&#20146;&#33410;&#28857;&#30340;&#21069;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">         * @method previousSibling</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#21069;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.children[2].previousSibling(); //&#36820;&#22238;&#23376;&#33410;&#28857;node.children[1]</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        previousSibling<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> parent <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> parent<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ci <span class=\"k\">===</span> <span class=\"k\">this</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> i <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"k\">null</span> <span class=\"k\">:</span> parent<span class=\"k\">.</span>children<span class=\"k\">[</span>i <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">];</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#21644;&#24403;&#21069;&#33410;&#28857;&#26377;&#30456;&#21516;&#29238;&#20146;&#33410;&#28857;&#30340;&#21518;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">         * @method nextSibling</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#21518;&#19968;&#20010;&#33410;&#28857;,&#25214;&#19981;&#21040;&#36820;&#22238;null</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.children[2].nextSibling(); //&#22914;&#26524;&#26377;&#65292;&#36820;&#22238;&#23376;&#33410;&#28857;node.children[3]</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        nextSibling<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> parent <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> parent<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ci <span class=\"k\">===</span> <span class=\"k\">this</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> parent<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#29992;&#26032;&#30340;&#33410;&#28857;&#26367;&#25442;&#24403;&#21069;&#33410;&#28857;</span>","<span class=\"c\">         * @method replaceChild</span>","<span class=\"c\">         * @param { UE.uNode } target &#35201;&#26367;&#25442;&#25104;&#35813;&#33410;&#28857;&#21442;&#25968;</span>","<span class=\"c\">         * @param { UE.uNode } source &#35201;&#34987;&#26367;&#25442;&#25481;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#26367;&#25442;&#20043;&#21518;&#30340;&#33410;&#28857;&#23545;&#35937;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.replaceChild(newNode, childNode); //&#29992;newNode&#26367;&#25442;childNode,childNode&#26159;node&#30340;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        replaceChild<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>target<span class=\"k\">,</span> source<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>target<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                    target<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>target<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ci <span class=\"k\">===</span> source<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>splice<span class=\"k\">(</span>i<span class=\"k\">,</span> <span class=\"s\">1</span><span class=\"k\">,</span> target<span class=\"k\">);</span>","                        source<span class=\"k\">.</span>parentNode <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                        target<span class=\"k\">.</span>parentNode <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                        <span class=\"k\">return</span> target<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#22312;&#33410;&#28857;&#30340;&#23376;&#33410;&#28857;&#21015;&#34920;&#26368;&#21518;&#20301;&#32622;&#25554;&#20837;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">         * @method appendChild</span>","<span class=\"c\">         * @param { UE.uNode } node &#35201;&#25554;&#20837;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#21018;&#25554;&#20837;&#30340;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.appendChild( newNode ); //&#22312;node&#20869;&#25554;&#20837;&#23376;&#33410;&#28857;newNode</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        appendChild<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'root'</span> <span class=\"k\">||</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>tagName<span class=\"k\">]))</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>children <span class=\"k\">=</span> <span class=\"k\">[]</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                    node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ci <span class=\"k\">===</span> node<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>splice<span class=\"k\">(</span>i<span class=\"k\">,</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>push<span class=\"k\">(</span>node<span class=\"k\">);</span>","                node<span class=\"k\">.</span>parentNode <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                <span class=\"k\">return</span> node<span class=\"k\">;</span>","            <span class=\"k\">}</span>","","","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#22312;&#20256;&#20837;&#33410;&#28857;&#30340;&#21069;&#38754;&#25554;&#20837;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">         * @method insertBefore</span>","<span class=\"c\">         * @param { UE.uNode } target &#35201;&#25554;&#20837;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * @param { UE.uNode } source &#22312;&#35813;&#21442;&#25968;&#33410;&#28857;&#21069;&#38754;&#25554;&#20837;</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#21018;&#25554;&#20837;&#30340;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.parentNode.insertBefore(newNode, node); //&#22312;node&#33410;&#28857;&#21518;&#38754;&#25554;&#20837;newNode</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        insertBefore<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>target<span class=\"k\">,</span> source<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>target<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                    target<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>target<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ci <span class=\"k\">===</span> source<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>splice<span class=\"k\">(</span>i<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">,</span> target<span class=\"k\">);</span>","                        target<span class=\"k\">.</span>parentNode <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                        <span class=\"k\">return</span> target<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#22312;&#20256;&#20837;&#33410;&#28857;&#30340;&#21518;&#38754;&#25554;&#20837;&#19968;&#20010;&#33410;&#28857;</span>","<span class=\"c\">         * @method insertAfter</span>","<span class=\"c\">         * @param { UE.uNode } target &#35201;&#25554;&#20837;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * @param { UE.uNode } source &#22312;&#35813;&#21442;&#25968;&#33410;&#28857;&#21518;&#38754;&#25554;&#20837;</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#21018;&#25554;&#20837;&#30340;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.parentNode.insertAfter(newNode, node); //&#22312;node&#33410;&#28857;&#21518;&#38754;&#25554;&#20837;newNode</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        insertAfter<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>target<span class=\"k\">,</span> source<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>target<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                    target<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>target<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ci <span class=\"k\">===</span> source<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>splice<span class=\"k\">(</span>i <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">,</span> target<span class=\"k\">);</span>","                        target<span class=\"k\">.</span>parentNode <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                        <span class=\"k\">return</span> target<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#20174;&#24403;&#21069;&#33410;&#28857;&#30340;&#23376;&#33410;&#28857;&#21015;&#34920;&#20013;&#65292;&#31227;&#38500;&#33410;&#28857;</span>","<span class=\"c\">         * @method removeChild</span>","<span class=\"c\">         * @param { UE.uNode } node &#35201;&#31227;&#38500;&#30340;&#33410;&#28857;&#24341;&#29992;</span>","<span class=\"c\">         * @param { Boolean } keepChildren &#26159;&#21542;&#20445;&#30041;&#31227;&#38500;&#33410;&#28857;&#30340;&#23376;&#33410;&#28857;&#65292;&#33509;&#20256;&#20837;true&#65292;&#33258;&#21160;&#25226;&#31227;&#38500;&#33410;&#28857;&#30340;&#23376;&#33410;&#28857;&#25554;&#20837;&#21040;&#31227;&#38500;&#30340;&#20301;&#32622;</span>","<span class=\"c\">         * @return { * } &#36820;&#22238;&#21018;&#31227;&#38500;&#30340;&#23376;&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.removeChild(childNode,true); //&#22312;node&#30340;&#23376;&#33410;&#28857;&#21015;&#34920;&#20013;&#31227;&#38500;child&#33410;&#28857;&#65292;&#24182;&#19988;&#21543;child&#30340;&#23376;&#33410;&#28857;&#25554;&#20837;&#21040;&#31227;&#38500;&#30340;&#20301;&#32622;</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        removeChild<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">,</span> keepChildren<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ci <span class=\"k\">===</span> node<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>splice<span class=\"k\">(</span>i<span class=\"k\">,</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                        ci<span class=\"k\">.</span>parentNode <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>keepChildren <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cj<span class=\"k\">;</span> cj <span class=\"k\">=</span> ci<span class=\"k\">.</span>children<span class=\"k\">[</span>j<span class=\"k\">];</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>splice<span class=\"k\">(</span>i <span class=\"k\">+</span> j<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">,</span> cj<span class=\"k\">);</span>","                                cj<span class=\"k\">.</span>parentNode <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">return</span> ci<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;&#33410;&#28857;&#25152;&#20195;&#34920;&#30340;&#20803;&#32032;&#23646;&#24615;&#65292;&#21363;&#33719;&#21462;attrs&#23545;&#35937;&#19979;&#30340;&#23646;&#24615;&#20540;</span>","<span class=\"c\">         * @method getAttr</span>","<span class=\"c\">         * @param { String } attrName &#35201;&#33719;&#21462;&#30340;&#23646;&#24615;&#21517;&#31216;</span>","<span class=\"c\">         * @return { * } &#36820;&#22238;attrs&#23545;&#35937;&#19979;&#30340;&#23646;&#24615;&#20540;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.getAttr('title');</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getAttr<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>attrName<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>attrs <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>attrs<span class=\"k\">[</span>attrName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()]</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#35774;&#32622;&#24403;&#21069;&#33410;&#28857;&#25152;&#20195;&#34920;&#30340;&#20803;&#32032;&#23646;&#24615;&#65292;&#21363;&#35774;&#32622;attrs&#23545;&#35937;&#19979;&#30340;&#23646;&#24615;&#20540;</span>","<span class=\"c\">         * @method getAttr</span>","<span class=\"c\">         * @param { String } attrName &#35201;&#35774;&#32622;&#30340;&#23646;&#24615;&#21517;&#31216;</span>","<span class=\"c\">         * @param { * } attrVal &#35201;&#35774;&#32622;&#30340;&#23646;&#24615;&#20540;&#65292;&#31867;&#22411;&#35270;&#35774;&#32622;&#30340;&#23646;&#24615;&#32780;&#23450;</span>","<span class=\"c\">         * @return { * } &#36820;&#22238;attrs&#23545;&#35937;&#19979;&#30340;&#23646;&#24615;&#20540;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.setAttr('title','&#26631;&#39064;');</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setAttr<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>attrName<span class=\"k\">,</span> attrVal<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>attrName<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">delete</span> <span class=\"k\">this</span><span class=\"k\">.</span>attrs<span class=\"k\">;</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>attrs <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isObject<span class=\"k\">(</span>attrName<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> a <span class=\"k\">in</span> attrName<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>attrName<span class=\"k\">[</span>a<span class=\"k\">])</span> <span class=\"k\">{</span>","                        <span class=\"k\">delete</span> <span class=\"k\">this</span><span class=\"k\">.</span>attrs<span class=\"k\">[</span>a<span class=\"k\">]</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>attrs<span class=\"k\">[</span>a<span class=\"k\">.</span>toLowerCase<span class=\"k\">()]</span> <span class=\"k\">=</span> attrName<span class=\"k\">[</span>a<span class=\"k\">];</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>attrVal<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">delete</span> <span class=\"k\">this</span><span class=\"k\">.</span>attrs<span class=\"k\">[</span>attrName<span class=\"k\">]</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>attrs<span class=\"k\">[</span>attrName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()]</span> <span class=\"k\">=</span> attrVal<span class=\"k\">;</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;&#33410;&#28857;&#22312;&#29238;&#33410;&#28857;&#19979;&#30340;&#20301;&#32622;&#32034;&#24341;</span>","<span class=\"c\">         * @method getIndex</span>","<span class=\"c\">         * @return { Number } &#36820;&#22238;&#32034;&#24341;&#25968;&#20540;&#65292;&#22914;&#26524;&#27809;&#26377;&#29238;&#33410;&#28857;&#65292;&#36820;&#22238;-1</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.getIndex();</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getIndex<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> parent <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> parent<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ci <span class=\"k\">===</span> <span class=\"k\">this</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> i<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#22312;&#24403;&#21069;&#33410;&#28857;&#19979;&#65292;&#26681;&#25454;id&#26597;&#25214;&#33410;&#28857;</span>","<span class=\"c\">         * @method getNodeById</span>","<span class=\"c\">         * @param { String } id &#35201;&#26597;&#25214;&#30340;id</span>","<span class=\"c\">         * @return { UE.uNode } &#36820;&#22238;&#25214;&#21040;&#30340;&#33410;&#28857;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.getNodeById('textId');</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getNodeById<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>id<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> node<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>node <span class=\"k\">=</span> getNodeById<span class=\"k\">(</span>ci<span class=\"k\">,</span> id<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> node<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#22312;&#24403;&#21069;&#33410;&#28857;&#19979;&#65292;&#26681;&#25454;&#20803;&#32032;&#21517;&#31216;&#26597;&#25214;&#33410;&#28857;&#21015;&#34920;</span>","<span class=\"c\">         * @method getNodeById</span>","<span class=\"c\">         * @param { String } tagNames &#35201;&#26597;&#25214;&#30340;&#20803;&#32032;&#21517;&#31216;</span>","<span class=\"c\">         * @return { Array } &#36820;&#22238;&#25214;&#21040;&#30340;&#33410;&#28857;&#21015;&#34920;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.getNodesByTagName('span');</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getNodesByTagName<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>tagNames<span class=\"k\">)</span> <span class=\"k\">{</span>","            tagNames <span class=\"k\">=</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>tagNames<span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/[ ]{2,}/g</span><span class=\"k\">,</span> <span class=\"s\">' '</span><span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> arr <span class=\"k\">=</span> <span class=\"k\">[],</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>tagNames<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>tagName<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> me<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                        getNodesByTagName<span class=\"k\">(</span>ci<span class=\"k\">,</span> tagName<span class=\"k\">,</span> arr<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> arr<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26681;&#25454;&#26679;&#24335;&#21517;&#31216;&#65292;&#33719;&#21462;&#33410;&#28857;&#30340;&#26679;&#24335;&#20540;</span>","<span class=\"c\">         * @method getStyle</span>","<span class=\"c\">         * @param { String } name &#35201;&#33719;&#21462;&#30340;&#26679;&#24335;&#21517;&#31216;</span>","<span class=\"c\">         * @return { String } &#36820;&#22238;&#26679;&#24335;&#20540;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.getStyle('font-size');</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        getStyle<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cssStyle <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'style'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cssStyle<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">''</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> reg <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span>name <span class=\"k\">+</span> <span class=\"s\">':([^;]+)'</span><span class=\"k\">,</span> <span class=\"s\">'i'</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> match <span class=\"k\">=</span> cssStyle<span class=\"k\">.</span>match<span class=\"k\">(</span>reg<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>match <span class=\"k\">&amp;&amp;</span> match<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">])</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> match<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">]</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#32473;&#33410;&#28857;&#35774;&#32622;&#26679;&#24335;</span>","<span class=\"c\">         * @method setStyle</span>","<span class=\"c\">         * @param { String } name &#35201;&#35774;&#32622;&#30340;&#30340;&#26679;&#24335;&#21517;&#31216;</span>","<span class=\"c\">         * @param { String } val &#35201;&#35774;&#32622;&#30340;&#30340;&#26679;&#20540;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * node.setStyle('font-size', '12px');</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        setStyle<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>name<span class=\"k\">,</span> val<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">function</span> exec<span class=\"k\">(</span>name<span class=\"k\">,</span> val<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> reg <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span>name <span class=\"k\">+</span> <span class=\"s\">':([^;]+;?)'</span><span class=\"k\">,</span> <span class=\"s\">'gi'</span><span class=\"k\">);</span>","                cssStyle <span class=\"k\">=</span> cssStyle<span class=\"k\">.</span>replace<span class=\"k\">(</span>reg<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>val<span class=\"k\">)</span> <span class=\"k\">{</span>","                    cssStyle <span class=\"k\">=</span> name <span class=\"k\">+</span> <span class=\"s\">':'</span> <span class=\"k\">+</span> utils<span class=\"k\">.</span>unhtml<span class=\"k\">(</span>val<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">';'</span> <span class=\"k\">+</span> cssStyle","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","","            <span class=\"k\">var</span> cssStyle <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'style'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cssStyle<span class=\"k\">)</span> <span class=\"k\">{</span>","                cssStyle <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isObject<span class=\"k\">(</span>name<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> a <span class=\"k\">in</span> name<span class=\"k\">)</span> <span class=\"k\">{</span>","                    exec<span class=\"k\">(</span>a<span class=\"k\">,</span> name<span class=\"k\">[</span>a<span class=\"k\">])</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                exec<span class=\"k\">(</span>name<span class=\"k\">,</span> val<span class=\"k\">)</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"s\">'style'</span><span class=\"k\">,</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>cssStyle<span class=\"k\">))</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#20256;&#20837;&#19968;&#20010;&#20989;&#25968;&#65292;&#36882;&#24402;&#36941;&#21382;&#24403;&#21069;&#33410;&#28857;&#19979;&#30340;&#25152;&#26377;&#33410;&#28857;</span>","<span class=\"c\">         * @method traversal</span>","<span class=\"c\">         * @param { Function } fn &#36941;&#21382;&#21040;&#33410;&#28857;&#30340;&#26102;&#65292;&#20256;&#20837;&#33410;&#28857;&#20316;&#20026;&#21442;&#25968;&#65292;&#36816;&#34892;&#27492;&#20989;&#25968;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * traversal(node, function(){</span>","<span class=\"c\">         *     console.log(node.type);</span>","<span class=\"c\">         * });</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        traversal<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>fn<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                nodeTraversal<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> fn<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['core/node.js'][15]++;
+(function () {
+  _$jscoverage['core/node.js'][37]++;
+  var uNode = (UE.uNode = (function (obj) {
+  _$jscoverage['core/node.js'][38]++;
+  this.type = obj.type;
+  _$jscoverage['core/node.js'][39]++;
+  this.data = obj.data;
+  _$jscoverage['core/node.js'][40]++;
+  this.tagName = obj.tagName;
+  _$jscoverage['core/node.js'][41]++;
+  this.parentNode = obj.parentNode;
+  _$jscoverage['core/node.js'][42]++;
+  this.attrs = (obj.attrs || {});
+  _$jscoverage['core/node.js'][43]++;
+  this.children = obj.children;
+}));
+  _$jscoverage['core/node.js'][45]++;
+  var indentChar = "    ", breakChar = "\n";
+  _$jscoverage['core/node.js'][48]++;
+  function insertLine(arr, current, begin) {
+    _$jscoverage['core/node.js'][49]++;
+    arr.push(breakChar);
+    _$jscoverage['core/node.js'][50]++;
+    return (current + (begin? 1: -1));
+}
+  _$jscoverage['core/node.js'][53]++;
+  function insertIndent(arr, current) {
+    _$jscoverage['core/node.js'][55]++;
+    for (var i = 0; (i < current); (i++)) {
+      _$jscoverage['core/node.js'][56]++;
+      arr.push(indentChar);
+}
+}
+  _$jscoverage['core/node.js'][62]++;
+  uNode.createElement = (function (html) {
+  _$jscoverage['core/node.js'][63]++;
+  if (/[<>]/.test(html)) {
+    _$jscoverage['core/node.js'][64]++;
+    return UE.htmlparser(html).children[0];
+  }
+  else {
+    _$jscoverage['core/node.js'][66]++;
+    return new uNode({type: "element", children: [], tagName: html});
+  }
+});
+  _$jscoverage['core/node.js'][73]++;
+  uNode.createText = (function (data) {
+  _$jscoverage['core/node.js'][74]++;
+  return new (UE.uNode)({type: "text", "data": utils.unhtml((data || ""))});
+});
+  _$jscoverage['core/node.js'][79]++;
+  function nodeToHtml(node, arr, formatter, current) {
+    _$jscoverage['core/node.js'][80]++;
+    switch (node.type) {
+    case "root":
+      _$jscoverage['core/node.js'][82]++;
+      for (var i = 0, ci; (ci = node.children[(i++)]);) {
+        _$jscoverage['core/node.js'][84]++;
+        if ((formatter && (ci.type == "element") && (! dtd.$inlineWithA[ci.tagName]) && (i > 1))) {
+          _$jscoverage['core/node.js'][85]++;
+          insertLine(arr, current, true);
+          _$jscoverage['core/node.js'][86]++;
+          insertIndent(arr, current);
+        }
+        _$jscoverage['core/node.js'][88]++;
+        nodeToHtml(ci, arr, formatter, current);
+}
+      _$jscoverage['core/node.js'][90]++;
+      break;
+    case "text":
+      _$jscoverage['core/node.js'][92]++;
+      isText(node, arr);
+      _$jscoverage['core/node.js'][93]++;
+      break;
+    case "element":
+      _$jscoverage['core/node.js'][95]++;
+      isElement(node, arr, formatter, current);
+      _$jscoverage['core/node.js'][96]++;
+      break;
+    case "comment":
+      _$jscoverage['core/node.js'][98]++;
+      isComment(node, arr, formatter);
+    }
+    _$jscoverage['core/node.js'][100]++;
+    return arr;
+}
+  _$jscoverage['core/node.js'][103]++;
+  function isText(node, arr) {
+    _$jscoverage['core/node.js'][104]++;
+    arr.push(((node.parentNode.tagName == "pre")? node.data: node.data.replace(/[ ]{2}/g, " &nbsp;")));
+}
+  _$jscoverage['core/node.js'][107]++;
+  function isElement(node, arr, formatter, current) {
+    _$jscoverage['core/node.js'][108]++;
+    var attrhtml = "";
+    _$jscoverage['core/node.js'][109]++;
+    if (node.attrs) {
+      _$jscoverage['core/node.js'][110]++;
+      attrhtml = [];
+      _$jscoverage['core/node.js'][111]++;
+      var attrs = node.attrs;
+      _$jscoverage['core/node.js'][112]++;
+      for (var a in attrs) {
+        _$jscoverage['core/node.js'][113]++;
+        attrhtml.push((a + ((attrs[a] !== undefined)? ("=\"" + utils.unhtml(attrs[a]) + "\""): "")));
+}
+      _$jscoverage['core/node.js'][115]++;
+      attrhtml = attrhtml.join(" ");
+    }
+    _$jscoverage['core/node.js'][117]++;
+    arr.push(("<" + node.tagName + (attrhtml? (" " + attrhtml): "") + (dtd.$empty[node.tagName]? "/": "") + ">"));
+    _$jscoverage['core/node.js'][122]++;
+    if ((formatter && (! dtd.$inlineWithA[node.tagName]) && (node.tagName != "pre"))) {
+      _$jscoverage['core/node.js'][123]++;
+      if ((node.children && node.children.length)) {
+        _$jscoverage['core/node.js'][124]++;
+        current = insertLine(arr, current, true);
+        _$jscoverage['core/node.js'][125]++;
+        insertIndent(arr, current);
+      }
+    }
+    _$jscoverage['core/node.js'][129]++;
+    if ((node.children && node.children.length)) {
+      _$jscoverage['core/node.js'][130]++;
+      for (var i = 0, ci; (ci = node.children[(i++)]);) {
+        _$jscoverage['core/node.js'][131]++;
+        if ((formatter && (ci.type == "element") && (! dtd.$inlineWithA[ci.tagName]) && (i > 1))) {
+          _$jscoverage['core/node.js'][132]++;
+          insertLine(arr, current);
+          _$jscoverage['core/node.js'][133]++;
+          insertIndent(arr, current);
+        }
+        _$jscoverage['core/node.js'][135]++;
+        nodeToHtml(ci, arr, formatter, current);
+}
+    }
+    _$jscoverage['core/node.js'][138]++;
+    if ((! dtd.$empty[node.tagName])) {
+      _$jscoverage['core/node.js'][139]++;
+      if ((formatter && (! dtd.$inlineWithA[node.tagName]) && (node.tagName != "pre"))) {
+        _$jscoverage['core/node.js'][141]++;
+        if ((node.children && node.children.length)) {
+          _$jscoverage['core/node.js'][142]++;
+          current = insertLine(arr, current);
+          _$jscoverage['core/node.js'][143]++;
+          insertIndent(arr, current);
+        }
+      }
+      _$jscoverage['core/node.js'][146]++;
+      arr.push(("</" + node.tagName + ">"));
+    }
+}
+  _$jscoverage['core/node.js'][151]++;
+  function isComment(node, arr) {
+    _$jscoverage['core/node.js'][152]++;
+    arr.push(("<!--" + node.data + "-->"));
+}
+  _$jscoverage['core/node.js'][155]++;
+  function getNodeById(root, id) {
+    _$jscoverage['core/node.js'][156]++;
+    var node;
+    _$jscoverage['core/node.js'][157]++;
+    if (((root.type == "element") && (root.getAttr("id") == id))) {
+      _$jscoverage['core/node.js'][158]++;
+      return root;
+    }
+    _$jscoverage['core/node.js'][160]++;
+    if ((root.children && root.children.length)) {
+      _$jscoverage['core/node.js'][161]++;
+      for (var i = 0, ci; (ci = root.children[(i++)]);) {
+        _$jscoverage['core/node.js'][162]++;
+        if ((node = getNodeById(ci, id))) {
+          _$jscoverage['core/node.js'][163]++;
+          return node;
+        }
+}
+    }
+}
+  _$jscoverage['core/node.js'][169]++;
+  function getNodesByTagName(node, tagName, arr) {
+    _$jscoverage['core/node.js'][170]++;
+    if (((node.type == "element") && (node.tagName == tagName))) {
+      _$jscoverage['core/node.js'][171]++;
+      arr.push(node);
+    }
+    _$jscoverage['core/node.js'][173]++;
+    if ((node.children && node.children.length)) {
+      _$jscoverage['core/node.js'][174]++;
+      for (var i = 0, ci; (ci = node.children[(i++)]);) {
+        _$jscoverage['core/node.js'][175]++;
+        getNodesByTagName(ci, tagName, arr);
+}
+    }
+}
+  _$jscoverage['core/node.js'][180]++;
+  function nodeTraversal(root, fn) {
+    _$jscoverage['core/node.js'][181]++;
+    if ((root.children && root.children.length)) {
+      _$jscoverage['core/node.js'][182]++;
+      for (var i = 0, ci; (ci = root.children[i]);) {
+        _$jscoverage['core/node.js'][183]++;
+        nodeTraversal(ci, fn);
+        _$jscoverage['core/node.js'][185]++;
+        if (ci.parentNode) {
+          _$jscoverage['core/node.js'][186]++;
+          if ((ci.children && ci.children.length)) {
+            _$jscoverage['core/node.js'][187]++;
+            fn(ci);
+          }
+          _$jscoverage['core/node.js'][189]++;
+          if (ci.parentNode) {
+            _$jscoverage['core/node.js'][189]++;
+            (i++);
+          }
+        }
+}
+    }
+    else {
+      _$jscoverage['core/node.js'][193]++;
+      fn(root);
+    }
+}
+  _$jscoverage['core/node.js'][198]++;
+  uNode.prototype = {toHtml: (function (formatter) {
+  _$jscoverage['core/node.js'][221]++;
+  var arr = [];
+  _$jscoverage['core/node.js'][222]++;
+  nodeToHtml(this, arr, formatter, 0);
+  _$jscoverage['core/node.js'][223]++;
+  return arr.join("");
+}), innerHTML: (function (htmlstr) {
+  _$jscoverage['core/node.js'][249]++;
+  if (((this.type != "element") || dtd.$empty[this.tagName])) {
+    _$jscoverage['core/node.js'][250]++;
+    return this;
+  }
+  _$jscoverage['core/node.js'][252]++;
+  if (utils.isString(htmlstr)) {
+    _$jscoverage['core/node.js'][253]++;
+    if (this.children) {
+      _$jscoverage['core/node.js'][254]++;
+      for (var i = 0, ci; (ci = this.children[(i++)]);) {
+        _$jscoverage['core/node.js'][255]++;
+        ci.parentNode = null;
+}
+    }
+    _$jscoverage['core/node.js'][258]++;
+    this.children = [];
+    _$jscoverage['core/node.js'][259]++;
+    var tmpRoot = UE.htmlparser(htmlstr);
+    _$jscoverage['core/node.js'][260]++;
+    for (var i = 0, ci = ci; (ci = tmpRoot.children[(i++)]);) {
+      _$jscoverage['core/node.js'][261]++;
+      this.children.push(ci);
+      _$jscoverage['core/node.js'][262]++;
+      ci.parentNode = this;
+}
+    _$jscoverage['core/node.js'][264]++;
+    return this;
+  }
+  else {
+    _$jscoverage['core/node.js'][266]++;
+    var tmpRoot = new (UE.uNode)({type: "root", children: this.children});
+    _$jscoverage['core/node.js'][270]++;
+    return tmpRoot.toHtml();
+  }
+}), innerText: (function (textStr) {
+  _$jscoverage['core/node.js'][297]++;
+  if (((this.type != "element") || dtd.$empty[this.tagName])) {
+    _$jscoverage['core/node.js'][298]++;
+    return this;
+  }
+  _$jscoverage['core/node.js'][300]++;
+  if (textStr) {
+    _$jscoverage['core/node.js'][301]++;
+    if (this.children) {
+      _$jscoverage['core/node.js'][302]++;
+      for (var i = 0, ci; (ci = this.children[(i++)]);) {
+        _$jscoverage['core/node.js'][303]++;
+        ci.parentNode = null;
+}
+    }
+    _$jscoverage['core/node.js'][306]++;
+    this.children = [];
+    _$jscoverage['core/node.js'][307]++;
+    this.appendChild(uNode.createText(textStr));
+    _$jscoverage['core/node.js'][308]++;
+    return this;
+  }
+  else {
+    _$jscoverage['core/node.js'][310]++;
+    return this.toHtml().replace(/<[^>]+>/g, "");
+  }
+}), getData: (function () {
+  _$jscoverage['core/node.js'][324]++;
+  if ((this.type == "element")) {
+    _$jscoverage['core/node.js'][325]++;
+    return "";
+  }
+  _$jscoverage['core/node.js'][326]++;
+  return this.data;
+}), firstChild: (function () {
+  _$jscoverage['core/node.js'][342]++;
+  return (this.children? this.children[0]: null);
+}), lastChild: (function () {
+  _$jscoverage['core/node.js'][358]++;
+  return (this.children? this.children[(this.children.length - 1)]: null);
+}), previousSibling: (function () {
+  _$jscoverage['core/node.js'][371]++;
+  var parent = this.parentNode;
+  _$jscoverage['core/node.js'][372]++;
+  for (var i = 0, ci; (ci = parent.children[i]); (i++)) {
+    _$jscoverage['core/node.js'][373]++;
+    if ((ci === this)) {
+      _$jscoverage['core/node.js'][374]++;
+      return ((i == 0)? null: parent.children[(i - 1)]);
+    }
+}
+}), nextSibling: (function () {
+  _$jscoverage['core/node.js'][390]++;
+  var parent = this.parentNode;
+  _$jscoverage['core/node.js'][391]++;
+  for (var i = 0, ci; (ci = parent.children[(i++)]);) {
+    _$jscoverage['core/node.js'][392]++;
+    if ((ci === this)) {
+      _$jscoverage['core/node.js'][393]++;
+      return parent.children[i];
+    }
+}
+}), replaceChild: (function (target, source) {
+  _$jscoverage['core/node.js'][410]++;
+  if (this.children) {
+    _$jscoverage['core/node.js'][411]++;
+    if (target.parentNode) {
+      _$jscoverage['core/node.js'][412]++;
+      target.parentNode.removeChild(target);
+    }
+    _$jscoverage['core/node.js'][414]++;
+    for (var i = 0, ci; (ci = this.children[i]); (i++)) {
+      _$jscoverage['core/node.js'][415]++;
+      if ((ci === source)) {
+        _$jscoverage['core/node.js'][416]++;
+        this.children.splice(i, 1, target);
+        _$jscoverage['core/node.js'][417]++;
+        source.parentNode = null;
+        _$jscoverage['core/node.js'][418]++;
+        target.parentNode = this;
+        _$jscoverage['core/node.js'][419]++;
+        return target;
+      }
+}
+  }
+}), appendChild: (function (node) {
+  _$jscoverage['core/node.js'][436]++;
+  if (((this.type == "root") || ((this.type == "element") && (! dtd.$empty[this.tagName])))) {
+    _$jscoverage['core/node.js'][437]++;
+    if ((! this.children)) {
+      _$jscoverage['core/node.js'][438]++;
+      this.children = [];
+    }
+    _$jscoverage['core/node.js'][440]++;
+    if (node.parentNode) {
+      _$jscoverage['core/node.js'][441]++;
+      node.parentNode.removeChild(node);
+    }
+    _$jscoverage['core/node.js'][443]++;
+    for (var i = 0, ci; (ci = this.children[i]); (i++)) {
+      _$jscoverage['core/node.js'][444]++;
+      if ((ci === node)) {
+        _$jscoverage['core/node.js'][445]++;
+        this.children.splice(i, 1);
+        _$jscoverage['core/node.js'][446]++;
+        break;
+      }
+}
+    _$jscoverage['core/node.js'][449]++;
+    this.children.push(node);
+    _$jscoverage['core/node.js'][450]++;
+    node.parentNode = this;
+    _$jscoverage['core/node.js'][451]++;
+    return node;
+  }
+}), insertBefore: (function (target, source) {
+  _$jscoverage['core/node.js'][469]++;
+  if (this.children) {
+    _$jscoverage['core/node.js'][470]++;
+    if (target.parentNode) {
+      _$jscoverage['core/node.js'][471]++;
+      target.parentNode.removeChild(target);
+    }
+    _$jscoverage['core/node.js'][473]++;
+    for (var i = 0, ci; (ci = this.children[i]); (i++)) {
+      _$jscoverage['core/node.js'][474]++;
+      if ((ci === source)) {
+        _$jscoverage['core/node.js'][475]++;
+        this.children.splice(i, 0, target);
+        _$jscoverage['core/node.js'][476]++;
+        target.parentNode = this;
+        _$jscoverage['core/node.js'][477]++;
+        return target;
+      }
+}
+  }
+}), insertAfter: (function (target, source) {
+  _$jscoverage['core/node.js'][496]++;
+  if (this.children) {
+    _$jscoverage['core/node.js'][497]++;
+    if (target.parentNode) {
+      _$jscoverage['core/node.js'][498]++;
+      target.parentNode.removeChild(target);
+    }
+    _$jscoverage['core/node.js'][500]++;
+    for (var i = 0, ci; (ci = this.children[i]); (i++)) {
+      _$jscoverage['core/node.js'][501]++;
+      if ((ci === source)) {
+        _$jscoverage['core/node.js'][502]++;
+        this.children.splice((i + 1), 0, target);
+        _$jscoverage['core/node.js'][503]++;
+        target.parentNode = this;
+        _$jscoverage['core/node.js'][504]++;
+        return target;
+      }
+}
+  }
+}), removeChild: (function (node, keepChildren) {
+  _$jscoverage['core/node.js'][523]++;
+  if (this.children) {
+    _$jscoverage['core/node.js'][524]++;
+    for (var i = 0, ci; (ci = this.children[i]); (i++)) {
+      _$jscoverage['core/node.js'][525]++;
+      if ((ci === node)) {
+        _$jscoverage['core/node.js'][526]++;
+        this.children.splice(i, 1);
+        _$jscoverage['core/node.js'][527]++;
+        ci.parentNode = null;
+        _$jscoverage['core/node.js'][528]++;
+        if ((keepChildren && ci.children && ci.children.length)) {
+          _$jscoverage['core/node.js'][529]++;
+          for (var j = 0, cj; (cj = ci.children[j]); (j++)) {
+            _$jscoverage['core/node.js'][530]++;
+            this.children.splice((i + j), 0, cj);
+            _$jscoverage['core/node.js'][531]++;
+            cj.parentNode = this;
+}
+        }
+        _$jscoverage['core/node.js'][535]++;
+        return ci;
+      }
+}
+  }
+}), getAttr: (function (attrName) {
+  _$jscoverage['core/node.js'][552]++;
+  return (this.attrs && this.attrs[attrName.toLowerCase()]);
+}), setAttr: (function (attrName, attrVal) {
+  _$jscoverage['core/node.js'][567]++;
+  if ((! attrName)) {
+    _$jscoverage['core/node.js'][568]++;
+    (delete this.attrs);
+    _$jscoverage['core/node.js'][569]++;
+    return;
+  }
+  _$jscoverage['core/node.js'][571]++;
+  if ((! this.attrs)) {
+    _$jscoverage['core/node.js'][572]++;
+    this.attrs = {};
+  }
+  _$jscoverage['core/node.js'][574]++;
+  if (utils.isObject(attrName)) {
+    _$jscoverage['core/node.js'][575]++;
+    for (var a in attrName) {
+      _$jscoverage['core/node.js'][576]++;
+      if ((! attrName[a])) {
+        _$jscoverage['core/node.js'][577]++;
+        (delete this.attrs[a]);
+      }
+      else {
+        _$jscoverage['core/node.js'][579]++;
+        this.attrs[a.toLowerCase()] = attrName[a];
+      }
+}
+  }
+  else {
+    _$jscoverage['core/node.js'][583]++;
+    if ((! attrVal)) {
+      _$jscoverage['core/node.js'][584]++;
+      (delete this.attrs[attrName]);
+    }
+    else {
+      _$jscoverage['core/node.js'][586]++;
+      this.attrs[attrName.toLowerCase()] = attrVal;
+    }
+  }
+}), getIndex: (function () {
+  _$jscoverage['core/node.js'][602]++;
+  var parent = this.parentNode;
+  _$jscoverage['core/node.js'][603]++;
+  for (var i = 0, ci; (ci = parent.children[i]); (i++)) {
+    _$jscoverage['core/node.js'][604]++;
+    if ((ci === this)) {
+      _$jscoverage['core/node.js'][605]++;
+      return i;
+    }
+}
+  _$jscoverage['core/node.js'][608]++;
+  return -1;
+}), getNodeById: (function (id) {
+  _$jscoverage['core/node.js'][622]++;
+  var node;
+  _$jscoverage['core/node.js'][623]++;
+  if ((this.children && this.children.length)) {
+    _$jscoverage['core/node.js'][624]++;
+    for (var i = 0, ci; (ci = this.children[(i++)]);) {
+      _$jscoverage['core/node.js'][625]++;
+      if ((node = getNodeById(ci, id))) {
+        _$jscoverage['core/node.js'][626]++;
+        return node;
+      }
+}
+  }
+}), getNodesByTagName: (function (tagNames) {
+  _$jscoverage['core/node.js'][643]++;
+  tagNames = utils.trim(tagNames).replace(/[ ]{2,}/g, " ").split(" ");
+  _$jscoverage['core/node.js'][644]++;
+  var arr = [], me = this;
+  _$jscoverage['core/node.js'][645]++;
+  utils.each(tagNames, (function (tagName) {
+  _$jscoverage['core/node.js'][646]++;
+  if ((me.children && me.children.length)) {
+    _$jscoverage['core/node.js'][647]++;
+    for (var i = 0, ci; (ci = me.children[(i++)]);) {
+      _$jscoverage['core/node.js'][648]++;
+      getNodesByTagName(ci, tagName, arr);
+}
+  }
+}));
+  _$jscoverage['core/node.js'][652]++;
+  return arr;
+}), getStyle: (function (name) {
+  _$jscoverage['core/node.js'][666]++;
+  var cssStyle = this.getAttr("style");
+  _$jscoverage['core/node.js'][667]++;
+  if ((! cssStyle)) {
+    _$jscoverage['core/node.js'][668]++;
+    return "";
+  }
+  _$jscoverage['core/node.js'][670]++;
+  var reg = new RegExp((name + ":([^;]+)"), "i");
+  _$jscoverage['core/node.js'][671]++;
+  var match = cssStyle.match(reg);
+  _$jscoverage['core/node.js'][672]++;
+  if ((match && match[0])) {
+    _$jscoverage['core/node.js'][673]++;
+    return match[1];
+  }
+  _$jscoverage['core/node.js'][675]++;
+  return "";
+}), setStyle: (function (name, val) {
+  _$jscoverage['core/node.js'][689]++;
+  function exec(name, val) {
+    _$jscoverage['core/node.js'][690]++;
+    var reg = new RegExp((name + ":([^;]+;?)"), "gi");
+    _$jscoverage['core/node.js'][691]++;
+    cssStyle = cssStyle.replace(reg, "");
+    _$jscoverage['core/node.js'][692]++;
+    if (val) {
+      _$jscoverage['core/node.js'][693]++;
+      cssStyle = (name + ":" + utils.unhtml(val) + ";" + cssStyle);
+    }
+}
+  _$jscoverage['core/node.js'][698]++;
+  var cssStyle = this.getAttr("style");
+  _$jscoverage['core/node.js'][699]++;
+  if ((! cssStyle)) {
+    _$jscoverage['core/node.js'][700]++;
+    cssStyle = "";
+  }
+  _$jscoverage['core/node.js'][702]++;
+  if (utils.isObject(name)) {
+    _$jscoverage['core/node.js'][703]++;
+    for (var a in name) {
+      _$jscoverage['core/node.js'][704]++;
+      exec(a, name[a]);
+}
+  }
+  else {
+    _$jscoverage['core/node.js'][707]++;
+    exec(name, val);
+  }
+  _$jscoverage['core/node.js'][709]++;
+  this.setAttr("style", utils.trim(cssStyle));
+}), traversal: (function (fn) {
+  _$jscoverage['core/node.js'][724]++;
+  if ((this.children && this.children.length)) {
+    _$jscoverage['core/node.js'][725]++;
+    nodeTraversal(this, fn);
+  }
+  _$jscoverage['core/node.js'][727]++;
+  return this;
+})};
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/utils.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/utils.js
new file mode 100644
index 000000000..b1af08e77
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/core/utils.js
@@ -0,0 +1,888 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['core/utils.js']) {
+  _$jscoverage['core/utils.js'] = [];
+  _$jscoverage['core/utils.js'][14] = 0;
+  _$jscoverage['core/utils.js'][55] = 0;
+  _$jscoverage['core/utils.js'][56] = 0;
+  _$jscoverage['core/utils.js'][57] = 0;
+  _$jscoverage['core/utils.js'][58] = 0;
+  _$jscoverage['core/utils.js'][59] = 0;
+  _$jscoverage['core/utils.js'][62] = 0;
+  _$jscoverage['core/utils.js'][63] = 0;
+  _$jscoverage['core/utils.js'][64] = 0;
+  _$jscoverage['core/utils.js'][65] = 0;
+  _$jscoverage['core/utils.js'][87] = 0;
+  _$jscoverage['core/utils.js'][88] = 0;
+  _$jscoverage['core/utils.js'][89] = 0;
+  _$jscoverage['core/utils.js'][90] = 0;
+  _$jscoverage['core/utils.js'][91] = 0;
+  _$jscoverage['core/utils.js'][138] = 0;
+  _$jscoverage['core/utils.js'][139] = 0;
+  _$jscoverage['core/utils.js'][140] = 0;
+  _$jscoverage['core/utils.js'][141] = 0;
+  _$jscoverage['core/utils.js'][145] = 0;
+  _$jscoverage['core/utils.js'][172] = 0;
+  _$jscoverage['core/utils.js'][173] = 0;
+  _$jscoverage['core/utils.js'][174] = 0;
+  _$jscoverage['core/utils.js'][175] = 0;
+  _$jscoverage['core/utils.js'][176] = 0;
+  _$jscoverage['core/utils.js'][177] = 0;
+  _$jscoverage['core/utils.js'][181] = 0;
+  _$jscoverage['core/utils.js'][215] = 0;
+  _$jscoverage['core/utils.js'][217] = 0;
+  _$jscoverage['core/utils.js'][218] = 0;
+  _$jscoverage['core/utils.js'][219] = 0;
+  _$jscoverage['core/utils.js'][249] = 0;
+  _$jscoverage['core/utils.js'][250] = 0;
+  _$jscoverage['core/utils.js'][304] = 0;
+  _$jscoverage['core/utils.js'][305] = 0;
+  _$jscoverage['core/utils.js'][306] = 0;
+  _$jscoverage['core/utils.js'][307] = 0;
+  _$jscoverage['core/utils.js'][309] = 0;
+  _$jscoverage['core/utils.js'][348] = 0;
+  _$jscoverage['core/utils.js'][349] = 0;
+  _$jscoverage['core/utils.js'][350] = 0;
+  _$jscoverage['core/utils.js'][351] = 0;
+  _$jscoverage['core/utils.js'][352] = 0;
+  _$jscoverage['core/utils.js'][353] = 0;
+  _$jscoverage['core/utils.js'][356] = 0;
+  _$jscoverage['core/utils.js'][376] = 0;
+  _$jscoverage['core/utils.js'][377] = 0;
+  _$jscoverage['core/utils.js'][378] = 0;
+  _$jscoverage['core/utils.js'][379] = 0;
+  _$jscoverage['core/utils.js'][406] = 0;
+  _$jscoverage['core/utils.js'][439] = 0;
+  _$jscoverage['core/utils.js'][440] = 0;
+  _$jscoverage['core/utils.js'][441] = 0;
+  _$jscoverage['core/utils.js'][442] = 0;
+  _$jscoverage['core/utils.js'][444] = 0;
+  _$jscoverage['core/utils.js'][462] = 0;
+  _$jscoverage['core/utils.js'][463] = 0;
+  _$jscoverage['core/utils.js'][464] = 0;
+  _$jscoverage['core/utils.js'][466] = 0;
+  _$jscoverage['core/utils.js'][495] = 0;
+  _$jscoverage['core/utils.js'][496] = 0;
+  _$jscoverage['core/utils.js'][522] = 0;
+  _$jscoverage['core/utils.js'][527] = 0;
+  _$jscoverage['core/utils.js'][528] = 0;
+  _$jscoverage['core/utils.js'][529] = 0;
+  _$jscoverage['core/utils.js'][575] = 0;
+  _$jscoverage['core/utils.js'][577] = 0;
+  _$jscoverage['core/utils.js'][578] = 0;
+  _$jscoverage['core/utils.js'][579] = 0;
+  _$jscoverage['core/utils.js'][580] = 0;
+  _$jscoverage['core/utils.js'][581] = 0;
+  _$jscoverage['core/utils.js'][585] = 0;
+  _$jscoverage['core/utils.js'][590] = 0;
+  _$jscoverage['core/utils.js'][591] = 0;
+  _$jscoverage['core/utils.js'][592] = 0;
+  _$jscoverage['core/utils.js'][593] = 0;
+  _$jscoverage['core/utils.js'][594] = 0;
+  _$jscoverage['core/utils.js'][596] = 0;
+  _$jscoverage['core/utils.js'][598] = 0;
+  _$jscoverage['core/utils.js'][600] = 0;
+  _$jscoverage['core/utils.js'][605] = 0;
+  _$jscoverage['core/utils.js'][606] = 0;
+  _$jscoverage['core/utils.js'][607] = 0;
+  _$jscoverage['core/utils.js'][608] = 0;
+  _$jscoverage['core/utils.js'][609] = 0;
+  _$jscoverage['core/utils.js'][611] = 0;
+  _$jscoverage['core/utils.js'][612] = 0;
+  _$jscoverage['core/utils.js'][614] = 0;
+  _$jscoverage['core/utils.js'][615] = 0;
+  _$jscoverage['core/utils.js'][617] = 0;
+  _$jscoverage['core/utils.js'][618] = 0;
+  _$jscoverage['core/utils.js'][619] = 0;
+  _$jscoverage['core/utils.js'][620] = 0;
+  _$jscoverage['core/utils.js'][622] = 0;
+  _$jscoverage['core/utils.js'][623] = 0;
+  _$jscoverage['core/utils.js'][624] = 0;
+  _$jscoverage['core/utils.js'][625] = 0;
+  _$jscoverage['core/utils.js'][626] = 0;
+  _$jscoverage['core/utils.js'][627] = 0;
+  _$jscoverage['core/utils.js'][628] = 0;
+  _$jscoverage['core/utils.js'][631] = 0;
+  _$jscoverage['core/utils.js'][634] = 0;
+  _$jscoverage['core/utils.js'][635] = 0;
+  _$jscoverage['core/utils.js'][637] = 0;
+  _$jscoverage['core/utils.js'][672] = 0;
+  _$jscoverage['core/utils.js'][673] = 0;
+  _$jscoverage['core/utils.js'][674] = 0;
+  _$jscoverage['core/utils.js'][675] = 0;
+  _$jscoverage['core/utils.js'][687] = 0;
+  _$jscoverage['core/utils.js'][688] = 0;
+  _$jscoverage['core/utils.js'][689] = 0;
+  _$jscoverage['core/utils.js'][690] = 0;
+  _$jscoverage['core/utils.js'][691] = 0;
+  _$jscoverage['core/utils.js'][692] = 0;
+  _$jscoverage['core/utils.js'][693] = 0;
+  _$jscoverage['core/utils.js'][694] = 0;
+  _$jscoverage['core/utils.js'][696] = 0;
+  _$jscoverage['core/utils.js'][698] = 0;
+  _$jscoverage['core/utils.js'][708] = 0;
+  _$jscoverage['core/utils.js'][709] = 0;
+  _$jscoverage['core/utils.js'][710] = 0;
+  _$jscoverage['core/utils.js'][711] = 0;
+  _$jscoverage['core/utils.js'][713] = 0;
+  _$jscoverage['core/utils.js'][714] = 0;
+  _$jscoverage['core/utils.js'][715] = 0;
+  _$jscoverage['core/utils.js'][717] = 0;
+  _$jscoverage['core/utils.js'][718] = 0;
+  _$jscoverage['core/utils.js'][719] = 0;
+  _$jscoverage['core/utils.js'][721] = 0;
+  _$jscoverage['core/utils.js'][724] = 0;
+  _$jscoverage['core/utils.js'][727] = 0;
+  _$jscoverage['core/utils.js'][728] = 0;
+  _$jscoverage['core/utils.js'][729] = 0;
+  _$jscoverage['core/utils.js'][731] = 0;
+  _$jscoverage['core/utils.js'][732] = 0;
+  _$jscoverage['core/utils.js'][733] = 0;
+  _$jscoverage['core/utils.js'][734] = 0;
+  _$jscoverage['core/utils.js'][737] = 0;
+  _$jscoverage['core/utils.js'][742] = 0;
+  _$jscoverage['core/utils.js'][745] = 0;
+  _$jscoverage['core/utils.js'][746] = 0;
+  _$jscoverage['core/utils.js'][748] = 0;
+  _$jscoverage['core/utils.js'][759] = 0;
+  _$jscoverage['core/utils.js'][760] = 0;
+  _$jscoverage['core/utils.js'][761] = 0;
+  _$jscoverage['core/utils.js'][762] = 0;
+  _$jscoverage['core/utils.js'][763] = 0;
+  _$jscoverage['core/utils.js'][764] = 0;
+  _$jscoverage['core/utils.js'][765] = 0;
+  _$jscoverage['core/utils.js'][766] = 0;
+  _$jscoverage['core/utils.js'][768] = 0;
+  _$jscoverage['core/utils.js'][772] = 0;
+  _$jscoverage['core/utils.js'][792] = 0;
+  _$jscoverage['core/utils.js'][793] = 0;
+  _$jscoverage['core/utils.js'][795] = 0;
+  _$jscoverage['core/utils.js'][796] = 0;
+  _$jscoverage['core/utils.js'][797] = 0;
+  _$jscoverage['core/utils.js'][798] = 0;
+  _$jscoverage['core/utils.js'][800] = 0;
+  _$jscoverage['core/utils.js'][802] = 0;
+  _$jscoverage['core/utils.js'][803] = 0;
+  _$jscoverage['core/utils.js'][805] = 0;
+  _$jscoverage['core/utils.js'][807] = 0;
+  _$jscoverage['core/utils.js'][828] = 0;
+  _$jscoverage['core/utils.js'][830] = 0;
+  _$jscoverage['core/utils.js'][832] = 0;
+  _$jscoverage['core/utils.js'][833] = 0;
+  _$jscoverage['core/utils.js'][837] = 0;
+  _$jscoverage['core/utils.js'][838] = 0;
+  _$jscoverage['core/utils.js'][839] = 0;
+  _$jscoverage['core/utils.js'][840] = 0;
+  _$jscoverage['core/utils.js'][841] = 0;
+  _$jscoverage['core/utils.js'][842] = 0;
+  _$jscoverage['core/utils.js'][844] = 0;
+  _$jscoverage['core/utils.js'][845] = 0;
+  _$jscoverage['core/utils.js'][846] = 0;
+  _$jscoverage['core/utils.js'][847] = 0;
+  _$jscoverage['core/utils.js'][848] = 0;
+  _$jscoverage['core/utils.js'][849] = 0;
+  _$jscoverage['core/utils.js'][851] = 0;
+  _$jscoverage['core/utils.js'][852] = 0;
+  _$jscoverage['core/utils.js'][854] = 0;
+  _$jscoverage['core/utils.js'][856] = 0;
+  _$jscoverage['core/utils.js'][857] = 0;
+  _$jscoverage['core/utils.js'][860] = 0;
+  _$jscoverage['core/utils.js'][861] = 0;
+  _$jscoverage['core/utils.js'][862] = 0;
+  _$jscoverage['core/utils.js'][864] = 0;
+  _$jscoverage['core/utils.js'][865] = 0;
+  _$jscoverage['core/utils.js'][883] = 0;
+  _$jscoverage['core/utils.js'][884] = 0;
+  _$jscoverage['core/utils.js'][885] = 0;
+  _$jscoverage['core/utils.js'][886] = 0;
+  _$jscoverage['core/utils.js'][888] = 0;
+  _$jscoverage['core/utils.js'][890] = 0;
+  _$jscoverage['core/utils.js'][891] = 0;
+  _$jscoverage['core/utils.js'][892] = 0;
+  _$jscoverage['core/utils.js'][893] = 0;
+  _$jscoverage['core/utils.js'][895] = 0;
+  _$jscoverage['core/utils.js'][896] = 0;
+  _$jscoverage['core/utils.js'][898] = 0;
+  _$jscoverage['core/utils.js'][900] = 0;
+  _$jscoverage['core/utils.js'][901] = 0;
+  _$jscoverage['core/utils.js'][903] = 0;
+  _$jscoverage['core/utils.js'][905] = 0;
+  _$jscoverage['core/utils.js'][906] = 0;
+  _$jscoverage['core/utils.js'][907] = 0;
+  _$jscoverage['core/utils.js'][908] = 0;
+  _$jscoverage['core/utils.js'][909] = 0;
+  _$jscoverage['core/utils.js'][911] = 0;
+  _$jscoverage['core/utils.js'][912] = 0;
+  _$jscoverage['core/utils.js'][913] = 0;
+  _$jscoverage['core/utils.js'][915] = 0;
+  _$jscoverage['core/utils.js'][916] = 0;
+  _$jscoverage['core/utils.js'][918] = 0;
+  _$jscoverage['core/utils.js'][919] = 0;
+  _$jscoverage['core/utils.js'][921] = 0;
+  _$jscoverage['core/utils.js'][925] = 0;
+  _$jscoverage['core/utils.js'][926] = 0;
+  _$jscoverage['core/utils.js'][927] = 0;
+  _$jscoverage['core/utils.js'][928] = 0;
+  _$jscoverage['core/utils.js'][929] = 0;
+  _$jscoverage['core/utils.js'][930] = 0;
+  _$jscoverage['core/utils.js'][931] = 0;
+  _$jscoverage['core/utils.js'][935] = 0;
+  _$jscoverage['core/utils.js'][980] = 0;
+  _$jscoverage['core/utils.js'][981] = 0;
+  _$jscoverage['core/utils.js'][982] = 0;
+}
+_$jscoverage['core/utils.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#24037;&#20855;&#20989;&#25968;&#21253;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @module UE.utils</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * UEditor&#23553;&#35013;&#20351;&#29992;&#30340;&#38745;&#24577;&#24037;&#20855;&#20989;&#25968;</span>","<span class=\"c\"> * @module UE.utils</span>","<span class=\"c\"> * @unfile</span>","<span class=\"c\"> */</span>","","<span class=\"k\">var</span> utils <span class=\"k\">=</span> UE<span class=\"k\">.</span>utils <span class=\"k\">=</span> <span class=\"k\">{</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#29992;&#32473;&#23450;&#30340;&#36845;&#20195;&#22120;&#36941;&#21382;&#23545;&#35937;</span>","<span class=\"c\">     * @method each</span>","<span class=\"c\">     * @param { Object } obj &#38656;&#35201;&#36941;&#21382;&#30340;&#23545;&#35937;</span>","<span class=\"c\">     * @param { Function } iterator &#36845;&#20195;&#22120;&#65292; &#35813;&#26041;&#27861;&#25509;&#21463;&#20004;&#20010;&#21442;&#25968;&#65292; &#31532;&#19968;&#20010;&#21442;&#25968;&#26159;&#24403;&#21069;&#25152;&#22788;&#29702;&#30340;value&#65292; &#31532;&#20108;&#20010;&#21442;&#25968;&#26159;&#24403;&#21069;&#36941;&#21382;&#23545;&#35937;&#30340;key</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var demoObj = {</span>","<span class=\"c\">     *     key1: 1,</span>","<span class=\"c\">     *     key2: 2</span>","<span class=\"c\">     * };</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: key1: 1, key2: 2</span>","<span class=\"c\">     * UE.utils.each( demoObj, funciton ( value, key ) {</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     console.log( key + \":\" + value );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * } );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#29992;&#32473;&#23450;&#30340;&#36845;&#20195;&#22120;&#36941;&#21382;&#25968;&#32452;&#25110;&#31867;&#25968;&#32452;&#23545;&#35937;</span>","<span class=\"c\">     * @method each</span>","<span class=\"c\">     * @param { Array } array &#38656;&#35201;&#36941;&#21382;&#30340;&#25968;&#32452;&#25110;&#32773;&#31867;&#25968;&#32452;</span>","<span class=\"c\">     * @param { Function } iterator &#36845;&#20195;&#22120;&#65292; &#35813;&#26041;&#27861;&#25509;&#21463;&#20004;&#20010;&#21442;&#25968;&#65292; &#31532;&#19968;&#20010;&#21442;&#25968;&#26159;&#24403;&#21069;&#25152;&#22788;&#29702;&#30340;value&#65292; &#31532;&#20108;&#20010;&#21442;&#25968;&#26159;&#24403;&#21069;&#36941;&#21382;&#23545;&#35937;&#30340;key</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var divs = document.getElmentByTagNames( \"div\" );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: 0: DIV, 1: DIV ...</span>","<span class=\"c\">     * UE.utils.each( divs, funciton ( value, key ) {</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     console.log( key + \":\" + value.tagName );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * } );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    each <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span>obj<span class=\"k\">,</span> iterator<span class=\"k\">,</span> context<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>obj <span class=\"k\">==</span> <span class=\"k\">null</span><span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>obj<span class=\"k\">.</span>length <span class=\"k\">===</span> <span class=\"k\">+</span>obj<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> l <span class=\"k\">=</span> obj<span class=\"k\">.</span>length<span class=\"k\">;</span> i <span class=\"k\">&lt;</span> l<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>iterator<span class=\"k\">.</span>call<span class=\"k\">(</span>context<span class=\"k\">,</span> obj<span class=\"k\">[</span>i<span class=\"k\">],</span> i<span class=\"k\">,</span> obj<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">false</span><span class=\"k\">)</span>","                    <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> key <span class=\"k\">in</span> obj<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>obj<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>key<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>iterator<span class=\"k\">.</span>call<span class=\"k\">(</span>context<span class=\"k\">,</span> obj<span class=\"k\">[</span>key<span class=\"k\">],</span> key<span class=\"k\">,</span> obj<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">false</span><span class=\"k\">)</span>","                        <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#20197;&#32473;&#23450;&#23545;&#35937;&#20316;&#20026;&#21407;&#22411;&#21019;&#24314;&#19968;&#20010;&#26032;&#23545;&#35937;</span>","<span class=\"c\">     * @method makeInstance</span>","<span class=\"c\">     * @param { Object } protoObject &#35813;&#23545;&#35937;&#23558;&#20316;&#20026;&#26032;&#21019;&#24314;&#23545;&#35937;&#30340;&#21407;&#22411;</span>","<span class=\"c\">     * @return { Object } &#26032;&#30340;&#23545;&#35937;&#65292; &#35813;&#23545;&#35937;&#30340;&#21407;&#22411;&#26159;&#32473;&#23450;&#30340;protoObject&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var protoObject = { sayHello: function () { console.log('Hello UEditor!'); } };</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var newObject = UE.utils.makeInstance( protoObject );</span>","<span class=\"c\">     * //output: Hello UEditor!</span>","<span class=\"c\">     * newObject.sayHello();</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    makeInstance<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>obj<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> noop <span class=\"k\">=</span> <span class=\"k\">new</span> Function<span class=\"k\">();</span>","        noop<span class=\"k\">.</span>prototype <span class=\"k\">=</span> obj<span class=\"k\">;</span>","        obj <span class=\"k\">=</span> <span class=\"k\">new</span> noop<span class=\"k\">;</span>","        noop<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">return</span> obj<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;source&#23545;&#35937;&#20013;&#30340;&#23646;&#24615;&#25193;&#23637;&#21040;target&#23545;&#35937;&#19978;</span>","<span class=\"c\">     * @method extend</span>","<span class=\"c\">     * @remind &#35813;&#26041;&#27861;&#23558;&#24378;&#21046;&#25226;source&#23545;&#35937;&#19978;&#30340;&#23646;&#24615;&#22797;&#21046;&#21040;target&#23545;&#35937;&#19978;</span>","<span class=\"c\">     * @see UE.utils.extend(Object,Object,Boolean)</span>","<span class=\"c\">     * @param { Object } target &#30446;&#26631;&#23545;&#35937;&#65292; &#26032;&#30340;&#23646;&#24615;&#23558;&#38468;&#21152;&#21040;&#35813;&#23545;&#35937;&#19978;</span>","<span class=\"c\">     * @param { Object } source &#28304;&#23545;&#35937;&#65292; &#35813;&#23545;&#35937;&#30340;&#23646;&#24615;&#20250;&#34987;&#38468;&#21152;&#21040;target&#23545;&#35937;&#19978;</span>","<span class=\"c\">     * @return { Object } &#36820;&#22238;target&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var target = { name: 'target', sex: 1 },</span>","<span class=\"c\">     *      source = { name: 'source', age: 17 };</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * UE.utils.extend( target, source );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: { name: 'source', sex: 1, age: 17 }</span>","<span class=\"c\">     * console.log( target );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;source&#23545;&#35937;&#20013;&#30340;&#23646;&#24615;&#25193;&#23637;&#21040;target&#23545;&#35937;&#19978;&#65292; &#26681;&#25454;&#25351;&#23450;&#30340;isKeepTarget&#20540;&#20915;&#23450;&#26159;&#21542;&#20445;&#30041;&#30446;&#26631;&#23545;&#35937;&#20013;&#19982;</span>","<span class=\"c\">     * &#28304;&#23545;&#35937;&#23646;&#24615;&#21517;&#30456;&#21516;&#30340;&#23646;&#24615;&#20540;&#12290;</span>","<span class=\"c\">     * @method extend</span>","<span class=\"c\">     * @param { Object } target &#30446;&#26631;&#23545;&#35937;&#65292; &#26032;&#30340;&#23646;&#24615;&#23558;&#38468;&#21152;&#21040;&#35813;&#23545;&#35937;&#19978;</span>","<span class=\"c\">     * @param { Object } source &#28304;&#23545;&#35937;&#65292; &#35813;&#23545;&#35937;&#30340;&#23646;&#24615;&#20250;&#34987;&#38468;&#21152;&#21040;target&#23545;&#35937;&#19978;</span>","<span class=\"c\">     * @param { Boolean } isKeepTarget &#26159;&#21542;&#20445;&#30041;&#30446;&#26631;&#23545;&#35937;&#20013;&#19982;&#28304;&#23545;&#35937;&#20013;&#23646;&#24615;&#21517;&#30456;&#21516;&#30340;&#23646;&#24615;</span>","<span class=\"c\">     * @return { Object } &#36820;&#22238;target&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var target = { name: 'target', sex: 1 },</span>","<span class=\"c\">     *      source = { name: 'source', age: 17 };</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * UE.utils.extend( target, source, true );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: { name: 'target', sex: 1, age: 17 }</span>","<span class=\"c\">     * console.log( target );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    extend<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> s<span class=\"k\">,</span> b<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>s<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> k <span class=\"k\">in</span> s<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>b <span class=\"k\">||</span> <span class=\"k\">!</span>t<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>k<span class=\"k\">))</span> <span class=\"k\">{</span>","                    t<span class=\"k\">[</span>k<span class=\"k\">]</span> <span class=\"k\">=</span> s<span class=\"k\">[</span>k<span class=\"k\">];</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> t<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;&#32473;&#23450;&#30340;&#22810;&#20010;&#23545;&#35937;&#30340;&#23646;&#24615;&#22797;&#21046;&#21040;&#30446;&#26631;&#23545;&#35937;target&#19978;</span>","<span class=\"c\">     * @method extend2</span>","<span class=\"c\">     * @remind &#35813;&#26041;&#27861;&#23558;&#24378;&#21046;&#25226;&#28304;&#23545;&#35937;&#19978;&#30340;&#23646;&#24615;&#22797;&#21046;&#21040;target&#23545;&#35937;&#19978;</span>","<span class=\"c\">     * @remind &#35813;&#26041;&#27861;&#25903;&#25345;&#20004;&#20010;&#21450;&#20197;&#19978;&#30340;&#21442;&#25968;&#65292; &#20174;&#31532;&#20108;&#20010;&#21442;&#25968;&#24320;&#22987;&#65292; &#20854;&#23646;&#24615;&#37117;&#20250;&#34987;&#22797;&#21046;&#21040;&#31532;&#19968;&#20010;&#21442;&#25968;&#19978;&#12290; &#22914;&#26524;&#36935;&#21040;&#21516;&#21517;&#30340;&#23646;&#24615;&#65292;</span>","<span class=\"c\">     *          &#23558;&#20250;&#35206;&#30422;&#25481;&#20043;&#21069;&#30340;&#20540;&#12290;</span>","<span class=\"c\">     * @param { Object } target &#30446;&#26631;&#23545;&#35937;&#65292; &#26032;&#30340;&#23646;&#24615;&#23558;&#38468;&#21152;&#21040;&#35813;&#23545;&#35937;&#19978;</span>","<span class=\"c\">     * @param { Object... } source &#28304;&#23545;&#35937;&#65292; &#25903;&#25345;&#22810;&#20010;&#23545;&#35937;&#65292; &#35813;&#23545;&#35937;&#30340;&#23646;&#24615;&#20250;&#34987;&#38468;&#21152;&#21040;target&#23545;&#35937;&#19978;</span>","<span class=\"c\">     * @return { Object } &#36820;&#22238;target&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var target = {},</span>","<span class=\"c\">     *     source1 = { name: 'source', age: 17 },</span>","<span class=\"c\">     *     source2 = { title: 'dev' };</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * UE.utils.extend2( target, source1, source2 );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: { name: 'source', age: 17, title: 'dev' }</span>","<span class=\"c\">     * console.log( target );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    extend2<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> a <span class=\"k\">=</span> arguments<span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> a<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> x <span class=\"k\">=</span> a<span class=\"k\">[</span>i<span class=\"k\">];</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> k <span class=\"k\">in</span> x<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>t<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>k<span class=\"k\">))</span> <span class=\"k\">{</span>","                    t<span class=\"k\">[</span>k<span class=\"k\">]</span> <span class=\"k\">=</span> x<span class=\"k\">[</span>k<span class=\"k\">];</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> t<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#27169;&#25311;&#32487;&#25215;&#26426;&#21046;&#65292; &#20351;&#24471;subClass&#32487;&#25215;&#33258;superClass</span>","<span class=\"c\">     * @method inherits</span>","<span class=\"c\">     * @param { Object } subClass &#23376;&#31867;&#23545;&#35937;</span>","<span class=\"c\">     * @param { Object } superClass &#36229;&#31867;&#23545;&#35937;</span>","<span class=\"c\">     * @warning &#35813;&#26041;&#27861;&#21482;&#33021;&#35753;subClass&#32487;&#25215;&#36229;&#31867;&#30340;&#21407;&#22411;&#65292; subClass&#23545;&#35937;&#33258;&#36523;&#30340;&#23646;&#24615;&#21644;&#26041;&#27861;&#19981;&#20250;&#34987;&#32487;&#25215;</span>","<span class=\"c\">     * @return { Object } &#32487;&#25215;superClass&#21518;&#30340;&#23376;&#31867;&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * function SuperClass(){</span>","<span class=\"c\">     *     this.name = \"&#23567;&#26446;\";</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * SuperClass.prototype = {</span>","<span class=\"c\">     *     hello:function(str){</span>","<span class=\"c\">     *         console.log(this.name + str);</span>","<span class=\"c\">     *     }</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * function SubClass(){</span>","<span class=\"c\">     *     this.name = \"&#23567;&#24352;\";</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * UE.utils.inherits(SubClass,SuperClass);</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var sub = new SubClass();</span>","<span class=\"c\">     * //output: '&#23567;&#24352;&#26089;&#19978;&#22909;!</span>","<span class=\"c\">     * sub.hello(\"&#26089;&#19978;&#22909;!\");</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    inherits<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>subClass<span class=\"k\">,</span> superClass<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> oldP <span class=\"k\">=</span> subClass<span class=\"k\">.</span>prototype<span class=\"k\">,</span>","            newP <span class=\"k\">=</span> utils<span class=\"k\">.</span>makeInstance<span class=\"k\">(</span>superClass<span class=\"k\">.</span>prototype<span class=\"k\">);</span>","        utils<span class=\"k\">.</span>extend<span class=\"k\">(</span>newP<span class=\"k\">,</span> oldP<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        subClass<span class=\"k\">.</span>prototype <span class=\"k\">=</span> newP<span class=\"k\">;</span>","        <span class=\"k\">return</span> <span class=\"k\">(</span>newP<span class=\"k\">.</span>constructor <span class=\"k\">=</span> subClass<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#29992;&#25351;&#23450;&#30340;context&#23545;&#35937;&#20316;&#20026;&#20989;&#25968;fn&#30340;&#19978;&#19979;&#25991;</span>","<span class=\"c\">     * @method bind</span>","<span class=\"c\">     * @param { Function } fn &#38656;&#35201;&#32465;&#23450;&#19978;&#19979;&#25991;&#30340;&#20989;&#25968;&#23545;&#35937;</span>","<span class=\"c\">     * @param { Object } content &#20989;&#25968;fn&#26032;&#30340;&#19978;&#19979;&#25991;&#23545;&#35937;</span>","<span class=\"c\">     * @return { Function } &#19968;&#20010;&#26032;&#30340;&#20989;&#25968;&#65292; &#35813;&#20989;&#25968;&#20316;&#20026;&#21407;&#22987;&#20989;&#25968;fn&#30340;&#20195;&#29702;&#65292; &#23558;&#23436;&#25104;fn&#30340;&#19978;&#19979;&#25991;&#35843;&#25442;&#24037;&#20316;&#12290;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var name = 'window',</span>","<span class=\"c\">     *     newTest = null;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * function test () {</span>","<span class=\"c\">     *     console.log( this.name );</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * newTest = UE.utils.bind( test, { name: 'object' } );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: object</span>","<span class=\"c\">     * newTest();</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: window</span>","<span class=\"c\">     * test();</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    bind<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>fn<span class=\"k\">,</span> context<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> fn<span class=\"k\">.</span>apply<span class=\"k\">(</span>context<span class=\"k\">,</span> arguments<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21019;&#24314;&#24310;&#36831;&#25351;&#23450;&#26102;&#38388;&#21518;&#25191;&#34892;&#30340;&#20989;&#25968;fn</span>","<span class=\"c\">     * @method defer</span>","<span class=\"c\">     * @param { Function } fn &#38656;&#35201;&#24310;&#36831;&#25191;&#34892;&#30340;&#20989;&#25968;&#23545;&#35937;</span>","<span class=\"c\">     * @param { int } delay &#24310;&#36831;&#30340;&#26102;&#38388;&#65292; &#21333;&#20301;&#26159;&#27627;&#31186;</span>","<span class=\"c\">     * @warning &#35813;&#26041;&#27861;&#30340;&#26102;&#38388;&#25511;&#21046;&#26159;&#19981;&#31934;&#30830;&#30340;&#65292;&#20165;&#20165;&#21482;&#33021;&#20445;&#35777;&#20989;&#25968;&#30340;&#25191;&#34892;&#26159;&#22312;&#32473;&#23450;&#30340;&#26102;&#38388;&#20043;&#21518;&#65292;</span>","<span class=\"c\">     *           &#32780;&#19981;&#33021;&#20445;&#35777;&#21018;&#22909;&#21040;&#36798;&#24310;&#36831;&#26102;&#38388;&#26102;&#25191;&#34892;&#12290;</span>","<span class=\"c\">     * @return { Function } &#30446;&#26631;&#20989;&#25968;fn&#30340;&#20195;&#29702;&#20989;&#25968;&#65292; &#21482;&#26377;&#25191;&#34892;&#35813;&#20989;&#25968;&#25165;&#33021;&#36215;&#21040;&#24310;&#26102;&#25928;&#26524;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var start = 0;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * function test(){</span>","<span class=\"c\">     *     console.log( new Date() - start );</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var testDefer = UE.utils.defer( test, 1000 );</span>","<span class=\"c\">     * //</span>","<span class=\"c\">     * start = new Date();</span>","<span class=\"c\">     * //output: (&#22823;&#32422;&#22312;1000&#27627;&#31186;&#20043;&#21518;&#36755;&#20986;) 1000</span>","<span class=\"c\">     * testDefer();</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21019;&#24314;&#24310;&#36831;&#25351;&#23450;&#26102;&#38388;&#21518;&#25191;&#34892;&#30340;&#20989;&#25968;fn, &#22914;&#26524;&#22312;&#24310;&#36831;&#26102;&#38388;&#20869;&#20877;&#27425;&#25191;&#34892;&#35813;&#26041;&#27861;&#65292; &#23558;&#20250;&#26681;&#25454;&#25351;&#23450;&#30340;exclusion&#30340;&#20540;&#65292;</span>","<span class=\"c\">     * &#20915;&#23450;&#26159;&#21542;&#21462;&#28040;&#21069;&#19968;&#27425;&#20989;&#25968;&#30340;&#25191;&#34892;&#65292; &#22914;&#26524;exclusion&#30340;&#20540;&#20026;true&#65292; &#21017;&#21462;&#28040;&#25191;&#34892;&#65292;&#21453;&#20043;&#65292;&#23558;&#32487;&#32493;&#25191;&#34892;&#21069;&#19968;&#20010;&#26041;&#27861;&#12290;</span>","<span class=\"c\">     * @method defer</span>","<span class=\"c\">     * @param { Function } fn &#38656;&#35201;&#24310;&#36831;&#25191;&#34892;&#30340;&#20989;&#25968;&#23545;&#35937;</span>","<span class=\"c\">     * @param { int } delay &#24310;&#36831;&#30340;&#26102;&#38388;&#65292; &#21333;&#20301;&#26159;&#27627;&#31186;</span>","<span class=\"c\">     * @param { Boolean } exclusion &#22914;&#26524;&#22312;&#24310;&#36831;&#26102;&#38388;&#20869;&#20877;&#27425;&#25191;&#34892;&#35813;&#20989;&#25968;&#65292;&#35813;&#20540;&#23558;&#20915;&#23450;&#26159;&#21542;&#21462;&#28040;&#25191;&#34892;&#21069;&#19968;&#27425;&#20989;&#25968;&#30340;&#25191;&#34892;&#65292;</span>","<span class=\"c\">     *                     &#20540;&#20026;true&#34920;&#31034;&#21462;&#28040;&#25191;&#34892;&#65292; &#21453;&#20043;&#21017;&#23558;&#22312;&#25191;&#34892;&#21069;&#19968;&#27425;&#20989;&#25968;&#20043;&#21518;&#25165;&#25191;&#34892;&#26412;&#27425;&#20989;&#25968;&#35843;&#29992;&#12290;</span>","<span class=\"c\">     * @warning &#35813;&#26041;&#27861;&#30340;&#26102;&#38388;&#25511;&#21046;&#26159;&#19981;&#31934;&#30830;&#30340;&#65292;&#20165;&#20165;&#21482;&#33021;&#20445;&#35777;&#20989;&#25968;&#30340;&#25191;&#34892;&#26159;&#22312;&#32473;&#23450;&#30340;&#26102;&#38388;&#20043;&#21518;&#65292;</span>","<span class=\"c\">     *           &#32780;&#19981;&#33021;&#20445;&#35777;&#21018;&#22909;&#21040;&#36798;&#24310;&#36831;&#26102;&#38388;&#26102;&#25191;&#34892;&#12290;</span>","<span class=\"c\">     * @return { Function } &#30446;&#26631;&#20989;&#25968;fn&#30340;&#20195;&#29702;&#20989;&#25968;&#65292; &#21482;&#26377;&#25191;&#34892;&#35813;&#20989;&#25968;&#25165;&#33021;&#36215;&#21040;&#24310;&#26102;&#25928;&#26524;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * function test(){</span>","<span class=\"c\">     *     console.log(1);</span>","<span class=\"c\">     * }</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var testDefer = UE.utils.defer( test, 1000, true );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: (&#20004;&#27425;&#35843;&#29992;&#20165;&#26377;&#19968;&#27425;&#36755;&#20986;) 1</span>","<span class=\"c\">     * testDefer();</span>","<span class=\"c\">     * testDefer();</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    defer<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>fn<span class=\"k\">,</span> delay<span class=\"k\">,</span> exclusion<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> timerID<span class=\"k\">;</span>","        <span class=\"k\">return</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>exclusion<span class=\"k\">)</span> <span class=\"k\">{</span>","                clearTimeout<span class=\"k\">(</span>timerID<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            timerID <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span>fn<span class=\"k\">,</span> delay<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#20803;&#32032;item&#22312;&#25968;&#32452;array&#20013;&#39318;&#27425;&#20986;&#29616;&#30340;&#20301;&#32622;, &#22914;&#26524;&#26410;&#25214;&#21040;item&#65292; &#21017;&#36820;&#22238;-1</span>","<span class=\"c\">     * @method indexOf</span>","<span class=\"c\">     * @remind &#35813;&#26041;&#27861;&#30340;&#21305;&#37197;&#36807;&#31243;&#20351;&#29992;&#30340;&#26159;&#24658;&#31561;&#8220;===&#8221;</span>","<span class=\"c\">     * @param { Array } array &#38656;&#35201;&#26597;&#25214;&#30340;&#25968;&#32452;&#23545;&#35937;</span>","<span class=\"c\">     * @param { * } item &#38656;&#35201;&#22312;&#30446;&#26631;&#25968;&#32452;&#20013;&#26597;&#25214;&#30340;&#20540;</span>","<span class=\"c\">     * @return { int } &#36820;&#22238;item&#22312;&#30446;&#26631;&#25968;&#32452;array&#20013;&#39318;&#27425;&#20986;&#29616;&#30340;&#20301;&#32622;&#65292; &#22914;&#26524;&#22312;&#25968;&#32452;&#20013;&#26410;&#25214;&#21040;item&#65292; &#21017;&#36820;&#22238;-1</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var item = 1,</span>","<span class=\"c\">     *     arr = [ 3, 4, 6, 8, 1, 1, 2 ];</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: 4</span>","<span class=\"c\">     * console.log( UE.utils.indexOf( arr, item ) );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#20803;&#32032;item&#25968;&#32452;array&#20013;&#39318;&#27425;&#20986;&#29616;&#30340;&#20301;&#32622;, &#22914;&#26524;&#26410;&#25214;&#21040;item&#65292; &#21017;&#36820;&#22238;-1&#12290;&#36890;&#36807;start&#30340;&#20540;&#21487;&#20197;&#25351;&#23450;&#25628;&#32034;&#30340;&#36215;&#22987;&#20301;&#32622;&#12290;</span>","<span class=\"c\">     * @method indexOf</span>","<span class=\"c\">     * @remind &#35813;&#26041;&#27861;&#30340;&#21305;&#37197;&#36807;&#31243;&#20351;&#29992;&#30340;&#26159;&#24658;&#31561;&#8220;===&#8221;</span>","<span class=\"c\">     * @param { Array } array &#38656;&#35201;&#26597;&#25214;&#30340;&#25968;&#32452;&#23545;&#35937;</span>","<span class=\"c\">     * @param { * } item &#38656;&#35201;&#22312;&#30446;&#26631;&#25968;&#32452;&#20013;&#26597;&#25214;&#30340;&#20540;</span>","<span class=\"c\">     * @param { int } start &#25628;&#32034;&#30340;&#36215;&#22987;&#20301;&#32622;</span>","<span class=\"c\">     * @return { int } &#36820;&#22238;item&#22312;&#30446;&#26631;&#25968;&#32452;array&#20013;&#30340;start&#20301;&#32622;&#20043;&#21518;&#39318;&#27425;&#20986;&#29616;&#30340;&#20301;&#32622;&#65292; &#22914;&#26524;&#22312;&#25968;&#32452;&#20013;&#26410;&#25214;&#21040;item&#65292; &#21017;&#36820;&#22238;-1</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var item = 1,</span>","<span class=\"c\">     *     arr = [ 3, 4, 6, 8, 1, 2, 8, 3, 2, 1, 1, 4 ];</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: 9</span>","<span class=\"c\">     * console.log( UE.utils.indexOf( arr, item, 5 ) );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    indexOf<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>array<span class=\"k\">,</span> item<span class=\"k\">,</span> start<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> index <span class=\"k\">=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        start <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>isNumber<span class=\"k\">(</span>start<span class=\"k\">)</span> <span class=\"k\">?</span> start <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>each<span class=\"k\">(</span>array<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>v<span class=\"k\">,</span> i<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>i <span class=\"k\">&gt;=</span> start <span class=\"k\">&amp;&amp;</span> v <span class=\"k\">===</span> item<span class=\"k\">)</span> <span class=\"k\">{</span>","                index <span class=\"k\">=</span> i<span class=\"k\">;</span>","                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> index<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#31227;&#38500;&#25968;&#32452;array&#20013;&#25152;&#26377;&#30340;&#20803;&#32032;item</span>","<span class=\"c\">     * @method removeItem</span>","<span class=\"c\">     * @param { Array } array &#35201;&#31227;&#38500;&#20803;&#32032;&#30340;&#30446;&#26631;&#25968;&#32452;</span>","<span class=\"c\">     * @param { * } item &#23558;&#35201;&#34987;&#31227;&#38500;&#30340;&#20803;&#32032;</span>","<span class=\"c\">     * @remind &#35813;&#26041;&#27861;&#30340;&#21305;&#37197;&#36807;&#31243;&#20351;&#29992;&#30340;&#26159;&#24658;&#31561;&#8220;===&#8221;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var arr = [ 4, 5, 7, 1, 3, 4, 6 ];</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * UE.utils.removeItem( arr, 4 );</span>","<span class=\"c\">     * //output: [ 5, 7, 1, 3, 6 ]</span>","<span class=\"c\">     * console.log( arr );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    removeItem<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>array<span class=\"k\">,</span> item<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> l <span class=\"k\">=</span> array<span class=\"k\">.</span>length<span class=\"k\">;</span> i <span class=\"k\">&lt;</span> l<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>array<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">===</span> item<span class=\"k\">)</span> <span class=\"k\">{</span>","                array<span class=\"k\">.</span>splice<span class=\"k\">(</span>i<span class=\"k\">,</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                i<span class=\"k\">--;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21024;&#38500;&#23383;&#31526;&#20018;str&#30340;&#39318;&#23614;&#31354;&#26684;</span>","<span class=\"c\">     * @method trim</span>","<span class=\"c\">     * @param { String } str &#38656;&#35201;&#21024;&#38500;&#39318;&#23614;&#31354;&#26684;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { String } &#21024;&#38500;&#20102;&#39318;&#23614;&#30340;&#31354;&#26684;&#21518;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var str = \" UEdtior \";</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: 9</span>","<span class=\"c\">     * console.log( str.length );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: 7</span>","<span class=\"c\">     * console.log( UE.utils.trim( \" UEdtior \" ).length );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: 9</span>","<span class=\"c\">     * console.log( str.length );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *  ```</span>","<span class=\"c\">     */</span>","    trim<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>str<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> str<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(^[ \\t\\n\\r]+)|([ \\t\\n\\r]+$)/g</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;&#23383;&#31526;&#20018;str&#20197;','&#20998;&#38548;&#25104;&#25968;&#32452;&#21518;&#65292;&#23558;&#35813;&#25968;&#32452;&#36716;&#25442;&#25104;&#21704;&#24076;&#23545;&#35937;&#65292; &#20854;&#29983;&#25104;&#30340;hash&#23545;&#35937;&#30340;key&#20026;&#25968;&#32452;&#20013;&#30340;&#20803;&#32032;&#65292; value&#20026;1</span>","<span class=\"c\">     * @method listToMap</span>","<span class=\"c\">     * @warning &#35813;&#26041;&#27861;&#22312;&#29983;&#25104;&#30340;hash&#23545;&#35937;&#20013;&#65292;&#20250;&#20026;&#27599;&#19968;&#20010;key&#21516;&#26102;&#29983;&#25104;&#19968;&#20010;&#21478;&#19968;&#20010;&#20840;&#22823;&#20889;&#30340;key&#12290;</span>","<span class=\"c\">     * @param { String } str &#35813;&#23383;&#31526;&#20018;&#23558;&#34987;&#20197;','&#20998;&#21106;&#20026;&#25968;&#32452;&#65292; &#28982;&#21518;&#36827;&#34892;&#36716;&#21270;</span>","<span class=\"c\">     * @return { Object } &#36716;&#21270;&#20043;&#21518;&#30340;hash&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: Object {UEdtior: 1, UEDTIOR: 1, Hello: 1, HELLO: 1}</span>","<span class=\"c\">     * console.log( UE.utils.listToMap( 'UEdtior,Hello' ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;&#23383;&#31526;&#20018;&#25968;&#32452;&#36716;&#25442;&#25104;&#21704;&#24076;&#23545;&#35937;&#65292; &#20854;&#29983;&#25104;&#30340;hash&#23545;&#35937;&#30340;key&#20026;&#25968;&#32452;&#20013;&#30340;&#20803;&#32032;&#65292; value&#20026;1</span>","<span class=\"c\">     * @method listToMap</span>","<span class=\"c\">     * @warning &#35813;&#26041;&#27861;&#22312;&#29983;&#25104;&#30340;hash&#23545;&#35937;&#20013;&#65292;&#20250;&#20026;&#27599;&#19968;&#20010;key&#21516;&#26102;&#29983;&#25104;&#19968;&#20010;&#21478;&#19968;&#20010;&#20840;&#22823;&#20889;&#30340;key&#12290;</span>","<span class=\"c\">     * @param { Array } arr &#23383;&#31526;&#20018;&#25968;&#32452;</span>","<span class=\"c\">     * @return { Object } &#36716;&#21270;&#20043;&#21518;&#30340;hash&#23545;&#35937;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: Object {UEdtior: 1, UEDTIOR: 1, Hello: 1, HELLO: 1}</span>","<span class=\"c\">     * console.log( UE.utils.listToMap( [ 'UEdtior', 'Hello' ] ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    listToMap<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>list<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>list<span class=\"k\">)</span><span class=\"k\">return</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","        list <span class=\"k\">=</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>list<span class=\"k\">)</span> <span class=\"k\">?</span> list <span class=\"k\">:</span> list<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">','</span><span class=\"k\">);</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">,</span> obj <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span> ci <span class=\"k\">=</span> list<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            obj<span class=\"k\">[</span>ci<span class=\"k\">.</span>toUpperCase<span class=\"k\">()]</span> <span class=\"k\">=</span> obj<span class=\"k\">[</span>ci<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> obj<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;str&#20013;&#30340;html&#31526;&#21495;&#36716;&#20041;,&#23558;&#36716;&#20041;&#8220;'&#65292;&amp;&#65292;&lt;&#65292;\"&#65292;&gt;&#8221;&#20116;&#20010;&#23383;&#31526;</span>","<span class=\"c\">     * @method unhtml</span>","<span class=\"c\">     * @param { String } str &#38656;&#35201;&#36716;&#20041;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { String } &#36716;&#20041;&#21518;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * var html = '&lt;body&gt;&amp;&lt;/body&gt;';</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: &amp;lt;body&amp;gt;&amp;amp;&amp;lt;/body&amp;gt;</span>","<span class=\"c\">     * console.log( UE.utils.unhtml( html ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    unhtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>str<span class=\"k\">,</span> reg<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> str <span class=\"k\">?</span> str<span class=\"k\">.</span>replace<span class=\"k\">(</span>reg <span class=\"k\">||</span> <span class=\"s\">/[&amp;&lt;\"&gt;'](?:(amp|lt|quot|gt|#39|nbsp);)?/g</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>a<span class=\"k\">,</span> b<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>b<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> a<span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">{</span>","                    <span class=\"s\">'&lt;'</span><span class=\"k\">:</span><span class=\"s\">'&amp;lt;'</span><span class=\"k\">,</span>","                    <span class=\"s\">'&amp;'</span><span class=\"k\">:</span><span class=\"s\">'&amp;amp;'</span><span class=\"k\">,</span>","                    <span class=\"s\">'\"'</span><span class=\"k\">:</span><span class=\"s\">'&amp;quot;'</span><span class=\"k\">,</span>","                    <span class=\"s\">'&gt;'</span><span class=\"k\">:</span><span class=\"s\">'&amp;gt;'</span><span class=\"k\">,</span>","                    <span class=\"s\">\"'\"</span><span class=\"k\">:</span><span class=\"s\">'&amp;#39;'</span>","                <span class=\"k\">}</span><span class=\"k\">[</span>a<span class=\"k\">]</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;str&#20013;&#30340;&#36716;&#20041;&#23383;&#31526;&#36824;&#21407;&#25104;html&#23383;&#31526;</span>","<span class=\"c\">     * @see UE.utils.unhtml(String);</span>","<span class=\"c\">     * @method html</span>","<span class=\"c\">     * @param { String } str &#38656;&#35201;&#36870;&#36716;&#20041;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { String } &#36870;&#36716;&#20041;&#21518;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var str = '&amp;lt;body&amp;gt;&amp;amp;&amp;lt;/body&amp;gt;';</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: &lt;body&gt;&amp;&lt;/body&gt;</span>","<span class=\"c\">     * console.log( UE.utils.html( str ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    html<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>str<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> str <span class=\"k\">?</span> str<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&amp;((g|l|quo)t|amp|#39);/g</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>m<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                <span class=\"s\">'&amp;lt;'</span><span class=\"k\">:</span><span class=\"s\">'&lt;'</span><span class=\"k\">,</span>","                <span class=\"s\">'&amp;amp;'</span><span class=\"k\">:</span><span class=\"s\">'&amp;'</span><span class=\"k\">,</span>","                <span class=\"s\">'&amp;quot;'</span><span class=\"k\">:</span><span class=\"s\">'\"'</span><span class=\"k\">,</span>","                <span class=\"s\">'&amp;gt;'</span><span class=\"k\">:</span><span class=\"s\">'&gt;'</span><span class=\"k\">,</span>","                <span class=\"s\">'&amp;#39;'</span><span class=\"k\">:</span><span class=\"s\">\"'\"</span>","            <span class=\"k\">}</span><span class=\"k\">[</span>m<span class=\"k\">]</span>","        <span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23558;css&#26679;&#24335;&#36716;&#25442;&#20026;&#39548;&#23792;&#30340;&#24418;&#24335;</span>","<span class=\"c\">     * @method cssStyleToDomStyle</span>","<span class=\"c\">     * @param { String } cssName &#38656;&#35201;&#36716;&#25442;&#30340;css&#26679;&#24335;&#21517;</span>","<span class=\"c\">     * @return { String } &#36716;&#25442;&#25104;&#39548;&#23792;&#24418;&#24335;&#21518;&#30340;css&#26679;&#24335;&#21517;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * var str = 'border-top';</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: borderTop</span>","<span class=\"c\">     * console.log( UE.utils.cssStyleToDomStyle( str ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    cssStyleToDomStyle<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> test <span class=\"k\">=</span> document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'div'</span><span class=\"k\">).</span>style<span class=\"k\">,</span>","            cache <span class=\"k\">=</span> <span class=\"k\">{</span>","                <span class=\"s\">'float'</span><span class=\"k\">:</span>test<span class=\"k\">.</span>cssFloat <span class=\"k\">!=</span> undefined <span class=\"k\">?</span> <span class=\"s\">'cssFloat'</span> <span class=\"k\">:</span> test<span class=\"k\">.</span>styleFloat <span class=\"k\">!=</span> undefined <span class=\"k\">?</span> <span class=\"s\">'styleFloat'</span> <span class=\"k\">:</span> <span class=\"s\">'float'</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","","        <span class=\"k\">return</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cssName<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> cache<span class=\"k\">[</span>cssName<span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">(</span>cache<span class=\"k\">[</span>cssName<span class=\"k\">]</span> <span class=\"k\">=</span> cssName<span class=\"k\">.</span>toLowerCase<span class=\"k\">().</span>replace<span class=\"k\">(</span><span class=\"s\">/-./g</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>match<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> match<span class=\"k\">.</span>charAt<span class=\"k\">(</span><span class=\"s\">1</span><span class=\"k\">).</span>toUpperCase<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">));</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">(),</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21160;&#24577;&#21152;&#36733;&#25991;&#20214;&#21040;doc&#20013;</span>","<span class=\"c\">     * @method loadFile</span>","<span class=\"c\">     * @param { DomDocument } document &#38656;&#35201;&#21152;&#36733;&#36164;&#28304;&#25991;&#20214;&#30340;&#25991;&#26723;&#23545;&#35937;</span>","<span class=\"c\">     * @param { KeyValueMap } options &#21152;&#36733;&#36164;&#28304;&#25991;&#20214;&#30340;&#23646;&#24615;&#38598;&#21512;&#65292; &#21462;&#20540;&#35831;&#21442;&#32771;&#20195;&#30721;&#31034;&#20363;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * UE.utils.loadFile( document, {</span>","<span class=\"c\">     *     src:\"test.js\",</span>","<span class=\"c\">     *     tag:\"script\",</span>","<span class=\"c\">     *     type:\"text/javascript\",</span>","<span class=\"c\">     *     defer:\"defer\"</span>","<span class=\"c\">     * } );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21160;&#24577;&#21152;&#36733;&#25991;&#20214;&#21040;doc&#20013;&#65292;&#21152;&#36733;&#25104;&#21151;&#21518;&#25191;&#34892;&#30340;&#22238;&#35843;&#20989;&#25968;fn</span>","<span class=\"c\">     * @method loadFile</span>","<span class=\"c\">     * @param { DomDocument } document &#38656;&#35201;&#21152;&#36733;&#36164;&#28304;&#25991;&#20214;&#30340;&#25991;&#26723;&#23545;&#35937;</span>","<span class=\"c\">     * @param { KeyValueMap } options &#21152;&#36733;&#36164;&#28304;&#25991;&#20214;&#30340;&#23646;&#24615;&#38598;&#21512;&#65292; &#35813;&#38598;&#21512;&#25903;&#25345;&#30340;&#20540;&#26159;script&#26631;&#31614;&#21644;style&#26631;&#31614;&#25903;&#25345;&#30340;&#25152;&#26377;&#23646;&#24615;&#12290;</span>","<span class=\"c\">     * @param { Function } fn &#36164;&#28304;&#25991;&#20214;&#21152;&#36733;&#25104;&#21151;&#20043;&#21518;&#25191;&#34892;&#30340;&#22238;&#35843;</span>","<span class=\"c\">     * @warning &#23545;&#20110;&#22312;&#21516;&#19968;&#20010;&#25991;&#26723;&#20013;&#22810;&#27425;&#21152;&#36733;&#21516;&#19968;URL&#30340;&#25991;&#20214;&#65292; &#35813;&#26041;&#27861;&#20250;&#22312;&#31532;&#19968;&#27425;&#21152;&#36733;&#20043;&#21518;&#32531;&#23384;&#35813;&#35831;&#27714;&#65292;</span>","<span class=\"c\">     *           &#22312;&#27492;&#20043;&#21518;&#30340;&#25152;&#26377;&#21516;&#19968;URL&#30340;&#35831;&#27714;&#65292; &#23558;&#20250;&#30452;&#25509;&#20986;&#21457;&#22238;&#35843;&#12290;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * UE.utils.loadFile( document, {</span>","<span class=\"c\">     *     src:\"test.js\",</span>","<span class=\"c\">     *     tag:\"script\",</span>","<span class=\"c\">     *     type:\"text/javascript\",</span>","<span class=\"c\">     *     defer:\"defer\"</span>","<span class=\"c\">     * }, function () {</span>","<span class=\"c\">     *     console.log('&#21152;&#36733;&#25104;&#21151;');</span>","<span class=\"c\">     * } );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    loadFile<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tmpList <span class=\"k\">=</span> <span class=\"k\">[];</span>","","        <span class=\"k\">function</span> getItem<span class=\"k\">(</span>doc<span class=\"k\">,</span> obj<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> tmpList<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>doc <span class=\"k\">===</span> doc <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>url <span class=\"k\">==</span> <span class=\"k\">(</span>obj<span class=\"k\">.</span>src <span class=\"k\">||</span> obj<span class=\"k\">.</span>href<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> ci<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","","        <span class=\"k\">return</span> <span class=\"k\">function</span> <span class=\"k\">(</span>doc<span class=\"k\">,</span> obj<span class=\"k\">,</span> fn<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> item <span class=\"k\">=</span> getItem<span class=\"k\">(</span>doc<span class=\"k\">,</span> obj<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>item<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>item<span class=\"k\">.</span>ready<span class=\"k\">)</span> <span class=\"k\">{</span>","                    fn <span class=\"k\">&amp;&amp;</span> fn<span class=\"k\">();</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    item<span class=\"k\">.</span>funs<span class=\"k\">.</span>push<span class=\"k\">(</span>fn<span class=\"k\">)</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            tmpList<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                doc<span class=\"k\">:</span>doc<span class=\"k\">,</span>","                url<span class=\"k\">:</span>obj<span class=\"k\">.</span>src <span class=\"k\">||</span> obj<span class=\"k\">.</span>href<span class=\"k\">,</span>","                funs<span class=\"k\">:[</span>fn<span class=\"k\">]</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>doc<span class=\"k\">.</span>body<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> html <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> obj<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>p <span class=\"k\">==</span> <span class=\"s\">'tag'</span><span class=\"k\">)</span><span class=\"k\">continue</span><span class=\"k\">;</span>","                    html<span class=\"k\">.</span>push<span class=\"k\">(</span>p <span class=\"k\">+</span> <span class=\"s\">'=\"'</span> <span class=\"k\">+</span> obj<span class=\"k\">[</span>p<span class=\"k\">]</span> <span class=\"k\">+</span> <span class=\"s\">'\"'</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","                doc<span class=\"k\">.</span>write<span class=\"k\">(</span><span class=\"s\">'&lt;'</span> <span class=\"k\">+</span> obj<span class=\"k\">.</span>tag <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> html<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">' &gt;&lt;/'</span> <span class=\"k\">+</span> obj<span class=\"k\">.</span>tag <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span><span class=\"k\">);</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>obj<span class=\"k\">.</span>id <span class=\"k\">&amp;&amp;</span> doc<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>obj<span class=\"k\">.</span>id<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> element <span class=\"k\">=</span> doc<span class=\"k\">.</span>createElement<span class=\"k\">(</span>obj<span class=\"k\">.</span>tag<span class=\"k\">);</span>","            <span class=\"k\">delete</span> obj<span class=\"k\">.</span>tag<span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> obj<span class=\"k\">)</span> <span class=\"k\">{</span>","                element<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span>p<span class=\"k\">,</span> obj<span class=\"k\">[</span>p<span class=\"k\">]);</span>","            <span class=\"k\">}</span>","            element<span class=\"k\">.</span>onload <span class=\"k\">=</span> element<span class=\"k\">.</span>onreadystatechange <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>readyState <span class=\"k\">||</span> <span class=\"s\">/loaded|complete/</span><span class=\"k\">.</span>test<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>readyState<span class=\"k\">))</span> <span class=\"k\">{</span>","                    item <span class=\"k\">=</span> getItem<span class=\"k\">(</span>doc<span class=\"k\">,</span> obj<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>item<span class=\"k\">.</span>funs<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        item<span class=\"k\">.</span>ready <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> fi<span class=\"k\">;</span> fi <span class=\"k\">=</span> item<span class=\"k\">.</span>funs<span class=\"k\">.</span>pop<span class=\"k\">();)</span> <span class=\"k\">{</span>","                            fi<span class=\"k\">();</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    element<span class=\"k\">.</span>onload <span class=\"k\">=</span> element<span class=\"k\">.</span>onreadystatechange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            element<span class=\"k\">.</span>onerror <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">throw</span> Error<span class=\"k\">(</span><span class=\"s\">'The load '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>obj<span class=\"k\">.</span>href <span class=\"k\">||</span> obj<span class=\"k\">.</span>src<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">' fails,check the url settings of file ueditor.config.js '</span><span class=\"k\">)</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            doc<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"head\"</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">].</span>appendChild<span class=\"k\">(</span>element<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">(),</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21028;&#26029;obj&#23545;&#35937;&#26159;&#21542;&#20026;&#31354;</span>","<span class=\"c\">     * @method isEmptyObject</span>","<span class=\"c\">     * @param { * } obj &#38656;&#35201;&#21028;&#26029;&#30340;&#23545;&#35937;</span>","<span class=\"c\">     * @remind &#22914;&#26524;&#21028;&#26029;&#30340;&#23545;&#35937;&#26159;NULL&#65292; &#23558;&#30452;&#25509;&#36820;&#22238;true&#65292; &#22914;&#26524;&#26159;&#25968;&#32452;&#19988;&#20026;&#31354;&#65292; &#36820;&#22238;true&#65292; &#22914;&#26524;&#26159;&#23383;&#31526;&#20018;&#65292; &#19988;&#23383;&#31526;&#20018;&#20026;&#31354;&#65292;</span>","<span class=\"c\">     *          &#36820;&#22238;true&#65292; &#22914;&#26524;&#26159;&#26222;&#36890;&#23545;&#35937;&#65292; &#19988;&#35813;&#23545;&#35937;&#27809;&#26377;&#20219;&#20309;&#23454;&#20363;&#23646;&#24615;&#65292; &#36820;&#22238;true</span>","<span class=\"c\">     * @return { Boolean } &#23545;&#35937;&#26159;&#21542;&#20026;&#31354;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: true</span>","<span class=\"c\">     * console.log( UE.utils.isEmptyObject( {} ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: true</span>","<span class=\"c\">     * console.log( UE.utils.isEmptyObject( [] ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: true</span>","<span class=\"c\">     * console.log( UE.utils.isEmptyObject( \"\" ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: false</span>","<span class=\"c\">     * console.log( UE.utils.isEmptyObject( { key: 1 } ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: false</span>","<span class=\"c\">     * console.log( UE.utils.isEmptyObject( [1] ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: false</span>","<span class=\"c\">     * console.log( UE.utils.isEmptyObject( \"1\" ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    isEmptyObject<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>obj<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>obj <span class=\"k\">==</span> <span class=\"k\">null</span><span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>isArray<span class=\"k\">(</span>obj<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>isString<span class=\"k\">(</span>obj<span class=\"k\">))</span> <span class=\"k\">return</span> obj<span class=\"k\">.</span>length <span class=\"k\">===</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> key <span class=\"k\">in</span> obj<span class=\"k\">)</span> <span class=\"k\">if</span> <span class=\"k\">(</span>obj<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>key<span class=\"k\">))</span> <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#25226;rgb&#26684;&#24335;&#30340;&#39068;&#33394;&#20540;&#36716;&#25442;&#25104;16&#36827;&#21046;&#26684;&#24335;</span>","<span class=\"c\">     * @method fixColor</span>","<span class=\"c\">     * @param { String } rgb&#26684;&#24335;&#30340;&#39068;&#33394;&#20540;</span>","<span class=\"c\">     * @param { String }</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * rgb(255,255,255)  =&gt; \"#ffffff\"</span>","<span class=\"c\">     */</span>","    fixColor<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>name<span class=\"k\">,</span> value<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/color/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/rgba?/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>value<span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> array <span class=\"k\">=</span> value<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">\",\"</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>array<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">3</span><span class=\"k\">)</span>","                <span class=\"k\">return</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","            value <span class=\"k\">=</span> <span class=\"s\">\"#\"</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> color<span class=\"k\">;</span> color <span class=\"k\">=</span> array<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                color <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>color<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/[^\\d]/gi</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">),</span> <span class=\"s\">10</span><span class=\"k\">).</span>toString<span class=\"k\">(</span><span class=\"s\">16</span><span class=\"k\">);</span>","                value <span class=\"k\">+=</span> color<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">\"0\"</span> <span class=\"k\">+</span> color <span class=\"k\">:</span> color<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            value <span class=\"k\">=</span> value<span class=\"k\">.</span>toUpperCase<span class=\"k\">();</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span>  value<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#21482;&#38024;&#23545;border,padding,margin&#20570;&#20102;&#22788;&#29702;&#65292;&#22240;&#20026;&#24615;&#33021;&#38382;&#39064;</span>","<span class=\"c\">     * @public</span>","<span class=\"c\">     * @function</span>","<span class=\"c\">     * @param {String}    val style&#23383;&#31526;&#20018;</span>","<span class=\"c\">     */</span>","    optCss<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>val<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> padding<span class=\"k\">,</span> margin<span class=\"k\">,</span> border<span class=\"k\">;</span>","        val <span class=\"k\">=</span> val<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(padding|margin|border)\\-([^:]+):([^;]+);?/gi</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>str<span class=\"k\">,</span> key<span class=\"k\">,</span> name<span class=\"k\">,</span> val<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>val<span class=\"k\">.</span>split<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">).</span>length <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">switch</span> <span class=\"k\">(</span>key<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">case</span> <span class=\"s\">'padding'</span><span class=\"k\">:</span>","                        <span class=\"k\">!</span>padding <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>padding <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">);</span>","                        padding<span class=\"k\">[</span>name<span class=\"k\">]</span> <span class=\"k\">=</span> val<span class=\"k\">;</span>","                        <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'margin'</span><span class=\"k\">:</span>","                        <span class=\"k\">!</span>margin <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>margin <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">);</span>","                        margin<span class=\"k\">[</span>name<span class=\"k\">]</span> <span class=\"k\">=</span> val<span class=\"k\">;</span>","                        <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'border'</span><span class=\"k\">:</span>","                        <span class=\"k\">return</span> val <span class=\"k\">==</span> <span class=\"s\">'initial'</span> <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> str<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> str<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"k\">function</span> opt<span class=\"k\">(</span>obj<span class=\"k\">,</span> name<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>obj<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> t <span class=\"k\">=</span> obj<span class=\"k\">.</span>top <span class=\"k\">,</span> b <span class=\"k\">=</span> obj<span class=\"k\">.</span>bottom<span class=\"k\">,</span> l <span class=\"k\">=</span> obj<span class=\"k\">.</span>left<span class=\"k\">,</span> r <span class=\"k\">=</span> obj<span class=\"k\">.</span>right<span class=\"k\">,</span> val <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>t <span class=\"k\">||</span> <span class=\"k\">!</span>l <span class=\"k\">||</span> <span class=\"k\">!</span>b <span class=\"k\">||</span> <span class=\"k\">!</span>r<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> obj<span class=\"k\">)</span> <span class=\"k\">{</span>","                    val <span class=\"k\">+=</span> <span class=\"s\">';'</span> <span class=\"k\">+</span> name <span class=\"k\">+</span> <span class=\"s\">'-'</span> <span class=\"k\">+</span> p <span class=\"k\">+</span> <span class=\"s\">':'</span> <span class=\"k\">+</span> obj<span class=\"k\">[</span>p<span class=\"k\">]</span> <span class=\"k\">+</span> <span class=\"s\">';'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                val <span class=\"k\">+=</span> <span class=\"s\">';'</span> <span class=\"k\">+</span> name <span class=\"k\">+</span> <span class=\"s\">':'</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span>t <span class=\"k\">==</span> b <span class=\"k\">&amp;&amp;</span> b <span class=\"k\">==</span> l <span class=\"k\">&amp;&amp;</span> l <span class=\"k\">==</span> r <span class=\"k\">?</span> t <span class=\"k\">:</span>","                        t <span class=\"k\">==</span> b <span class=\"k\">&amp;&amp;</span> l <span class=\"k\">==</span> r <span class=\"k\">?</span> <span class=\"k\">(</span>t <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> l<span class=\"k\">)</span> <span class=\"k\">:</span>","                            l <span class=\"k\">==</span> r <span class=\"k\">?</span> <span class=\"k\">(</span>t <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> l <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> b<span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">(</span>t <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> r <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> b <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> l<span class=\"k\">))</span> <span class=\"k\">+</span> <span class=\"s\">';'</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> val<span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        val <span class=\"k\">+=</span> opt<span class=\"k\">(</span>padding<span class=\"k\">,</span> <span class=\"s\">'padding'</span><span class=\"k\">)</span> <span class=\"k\">+</span> opt<span class=\"k\">(</span>margin<span class=\"k\">,</span> <span class=\"s\">'margin'</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> val<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/^[ \\n\\r\\t;]*|[ \\n\\r\\t]*$/</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/;([ \\n\\r\\t]+)|\\1;/g</span><span class=\"k\">,</span> <span class=\"s\">';'</span><span class=\"k\">)</span>","            <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(&amp;((l|g)t|quot|#39))?;{2,}/g</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>a<span class=\"k\">,</span> b<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> b <span class=\"k\">?</span> b <span class=\"k\">+</span> <span class=\"s\">\";;\"</span> <span class=\"k\">:</span> <span class=\"s\">';'</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#28145;&#24230;&#20811;&#38534;&#23545;&#35937;&#65292;&#20174;source&#21040;target</span>","<span class=\"c\">     * @method clone</span>","<span class=\"c\">     * @grammar UE.utils.clone(source) =&gt; anthorObj &#26032;&#30340;&#23545;&#35937;&#26159;&#23436;&#25972;&#30340;source&#30340;&#21103;&#26412;</span>","<span class=\"c\">     * @grammar UE.utils.clone(source,target) =&gt; target&#21253;&#21547;&#20102;source&#30340;&#25152;&#26377;&#20869;&#23481;&#65292;&#37325;&#21517;&#20250;&#35206;&#30422;</span>","<span class=\"c\">     */</span>","    clone<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>source<span class=\"k\">,</span> target<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tmp<span class=\"k\">;</span>","        target <span class=\"k\">=</span> target <span class=\"k\">||</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">in</span> source<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>source<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>i<span class=\"k\">))</span> <span class=\"k\">{</span>","                tmp <span class=\"k\">=</span> source<span class=\"k\">[</span>i<span class=\"k\">];</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">typeof</span> tmp <span class=\"k\">==</span> <span class=\"s\">'object'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    target<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>tmp<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"k\">[]</span> <span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","                    utils<span class=\"k\">.</span>clone<span class=\"k\">(</span>source<span class=\"k\">[</span>i<span class=\"k\">],</span> target<span class=\"k\">[</span>i<span class=\"k\">])</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    target<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> target<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#25226;cm&#65295;pt&#20026;&#21333;&#20301;&#30340;&#20540;&#36716;&#25442;&#20026;px&#20026;&#21333;&#20301;&#30340;&#20540;</span>","<span class=\"c\">     * @method transUnitToPx</span>","<span class=\"c\">     * @param { String } &#24453;&#36716;&#25442;&#30340;&#24102;&#21333;&#20301;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { String } &#36716;&#25442;&#20026;px&#20026;&#35745;&#37327;&#21333;&#20301;&#30340;&#20540;&#30340;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: 500px</span>","<span class=\"c\">     * console.log( UE.utils.transUnitToPx( '20cm' ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //output: 27px</span>","<span class=\"c\">     * console.log( UE.utils.transUnitToPx( '20pt' ) );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    transUnitToPx<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>val<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"s\">/(pt|cm)/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>val<span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> val","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> unit<span class=\"k\">;</span>","        val<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/([\\d.]+)(\\w+)/</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>str<span class=\"k\">,</span> v<span class=\"k\">,</span> u<span class=\"k\">)</span> <span class=\"k\">{</span>","            val <span class=\"k\">=</span> v<span class=\"k\">;</span>","            unit <span class=\"k\">=</span> u<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">switch</span> <span class=\"k\">(</span>unit<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">case</span> <span class=\"s\">'cm'</span><span class=\"k\">:</span>","                val <span class=\"k\">=</span> parseFloat<span class=\"k\">(</span>val<span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">25</span><span class=\"k\">;</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">case</span> <span class=\"s\">'pt'</span><span class=\"k\">:</span>","                val <span class=\"k\">=</span> Math<span class=\"k\">.</span>round<span class=\"k\">(</span>parseFloat<span class=\"k\">(</span>val<span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">96</span> <span class=\"k\">/</span> <span class=\"s\">72</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> val <span class=\"k\">+</span> <span class=\"k\">(</span>val <span class=\"k\">?</span> <span class=\"s\">'px'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#22312;dom&#26641;ready&#20043;&#21518;&#25191;&#34892;&#32473;&#23450;&#30340;&#22238;&#35843;&#20989;&#25968;</span>","<span class=\"c\">     * @method domReady</span>","<span class=\"c\">     * @remind &#22914;&#26524;&#22312;&#25191;&#34892;&#35813;&#26041;&#27861;&#30340;&#26102;&#20505;&#65292; dom&#26641;&#24050;&#32463;ready&#65292; &#37027;&#20040;&#22238;&#35843;&#20989;&#25968;&#23558;&#31435;&#21051;&#25191;&#34892;</span>","<span class=\"c\">     * @param { Function } fn dom&#26641;ready&#20043;&#21518;&#30340;&#22238;&#35843;&#20989;&#25968;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * UE.utils.domReady( function () {</span>","<span class=\"c\">     *</span>","<span class=\"c\">     *     console.log('123');</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * } );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    domReady<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> fnArr <span class=\"k\">=</span> <span class=\"k\">[];</span>","","        <span class=\"k\">function</span> doReady<span class=\"k\">(</span>doc<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#30830;&#20445;onready&#21482;&#25191;&#34892;&#19968;&#27425;</span>","            doc<span class=\"k\">.</span>isReady <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> fnArr<span class=\"k\">.</span>pop<span class=\"k\">();</span> ci<span class=\"k\">())</span> <span class=\"k\">{</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">return</span> <span class=\"k\">function</span> <span class=\"k\">(</span>onready<span class=\"k\">,</span> win<span class=\"k\">)</span> <span class=\"k\">{</span>","            win <span class=\"k\">=</span> win <span class=\"k\">||</span> window<span class=\"k\">;</span>","            <span class=\"k\">var</span> doc <span class=\"k\">=</span> win<span class=\"k\">.</span>document<span class=\"k\">;</span>","            onready <span class=\"k\">&amp;&amp;</span> fnArr<span class=\"k\">.</span>push<span class=\"k\">(</span>onready<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>doc<span class=\"k\">.</span>readyState <span class=\"k\">===</span> <span class=\"s\">\"complete\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                doReady<span class=\"k\">(</span>doc<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                doc<span class=\"k\">.</span>isReady <span class=\"k\">&amp;&amp;</span> doReady<span class=\"k\">(</span>doc<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>doc<span class=\"k\">.</span>isReady<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","                        <span class=\"k\">try</span> <span class=\"k\">{</span>","                            doc<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>doScroll<span class=\"k\">(</span><span class=\"s\">\"left\"</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>error<span class=\"k\">)</span> <span class=\"k\">{</span>","                            setTimeout<span class=\"k\">(</span>arguments<span class=\"k\">.</span>callee<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","                            <span class=\"k\">return</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        doReady<span class=\"k\">(</span>doc<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">)();</span>","                    win<span class=\"k\">.</span>attachEvent<span class=\"k\">(</span><span class=\"s\">'onload'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        doReady<span class=\"k\">(</span>doc<span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    doc<span class=\"k\">.</span>addEventListener<span class=\"k\">(</span><span class=\"s\">\"DOMContentLoaded\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        doc<span class=\"k\">.</span>removeEventListener<span class=\"k\">(</span><span class=\"s\">\"DOMContentLoaded\"</span><span class=\"k\">,</span> arguments<span class=\"k\">.</span>callee<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","                        doReady<span class=\"k\">(</span>doc<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","                    win<span class=\"k\">.</span>addEventListener<span class=\"k\">(</span><span class=\"s\">'load'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        doReady<span class=\"k\">(</span>doc<span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">(),</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#21160;&#24577;&#28155;&#21152;css&#26679;&#24335;</span>","<span class=\"c\">     * @method cssRule</span>","<span class=\"c\">     * @param { String } &#33410;&#28857;&#21517;&#31216;</span>","<span class=\"c\">     * @grammar UE.utils.cssRule('&#28155;&#21152;&#30340;&#26679;&#24335;&#30340;&#33410;&#28857;&#21517;&#31216;',['&#26679;&#24335;'&#65292;'&#25918;&#21040;&#21738;&#20010;document&#19978;'])</span>","<span class=\"c\">     * @grammar UE.utils.cssRule('body','body{background:#ccc}') =&gt; null  //&#32473;body&#28155;&#21152;&#32972;&#26223;&#39068;&#33394;</span>","<span class=\"c\">     * @grammar UE.utils.cssRule('body') =&gt;&#26679;&#24335;&#30340;&#23383;&#31526;&#20018;  //&#21462;&#24471;key&#20540;&#20026;body&#30340;&#26679;&#24335;&#30340;&#20869;&#23481;,&#22914;&#26524;&#27809;&#26377;&#25214;&#21040;key&#20540;&#20808;&#20851;&#30340;&#26679;&#24335;&#23558;&#36820;&#22238;&#31354;&#65292;&#20363;&#22914;&#21018;&#25165;&#37027;&#20010;&#32972;&#26223;&#39068;&#33394;&#65292;&#23558;&#36820;&#22238; body{background:#ccc}</span>","<span class=\"c\">     * @grammar UE.utils.cssRule('body','') =&gt;null //&#28165;&#31354;&#32473;&#23450;&#30340;key&#20540;&#30340;&#32972;&#26223;&#39068;&#33394;</span>","<span class=\"c\">     */</span>","    cssRule<span class=\"k\">:</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"k\">function</span> <span class=\"k\">(</span>key<span class=\"k\">,</span> style<span class=\"k\">,</span> doc<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> indexList<span class=\"k\">,</span> index<span class=\"k\">;</span>","        doc <span class=\"k\">=</span> doc <span class=\"k\">||</span> document<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>doc<span class=\"k\">.</span>indexList<span class=\"k\">)</span> <span class=\"k\">{</span>","            indexList <span class=\"k\">=</span> doc<span class=\"k\">.</span>indexList<span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            indexList <span class=\"k\">=</span> doc<span class=\"k\">.</span>indexList <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> sheetStyle<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>indexList<span class=\"k\">[</span>key<span class=\"k\">])</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>style <span class=\"k\">===</span> undefined<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">''</span>","            <span class=\"k\">}</span>","            sheetStyle <span class=\"k\">=</span> doc<span class=\"k\">.</span>createStyleSheet<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">,</span> index <span class=\"k\">=</span> doc<span class=\"k\">.</span>styleSheets<span class=\"k\">.</span>length<span class=\"k\">);</span>","            indexList<span class=\"k\">[</span>key<span class=\"k\">]</span> <span class=\"k\">=</span> index<span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            sheetStyle <span class=\"k\">=</span> doc<span class=\"k\">.</span>styleSheets<span class=\"k\">[</span>indexList<span class=\"k\">[</span>key<span class=\"k\">]];</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>style <span class=\"k\">===</span> undefined<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> sheetStyle<span class=\"k\">.</span>cssText","        <span class=\"k\">}</span>","        sheetStyle<span class=\"k\">.</span>cssText <span class=\"k\">=</span> style <span class=\"k\">||</span> <span class=\"s\">''</span>","    <span class=\"k\">}</span> <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>key<span class=\"k\">,</span> style<span class=\"k\">,</span> doc<span class=\"k\">)</span> <span class=\"k\">{</span>","        doc <span class=\"k\">=</span> doc <span class=\"k\">||</span> document<span class=\"k\">;</span>","        <span class=\"k\">var</span> head <span class=\"k\">=</span> doc<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'head'</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">],</span> node<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!(</span>node <span class=\"k\">=</span> doc<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>key<span class=\"k\">)))</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>style <span class=\"k\">===</span> undefined<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">''</span>","            <span class=\"k\">}</span>","            node <span class=\"k\">=</span> doc<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'style'</span><span class=\"k\">);</span>","            node<span class=\"k\">.</span>id <span class=\"k\">=</span> key<span class=\"k\">;</span>","            head<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>node<span class=\"k\">)</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>style <span class=\"k\">===</span> undefined<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> node<span class=\"k\">.</span>innerHTML","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>style <span class=\"k\">!==</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            node<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> style<span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            head<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">)</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","    sort<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">(</span>array<span class=\"k\">,</span>compareFn<span class=\"k\">)</span><span class=\"k\">{</span>","        compareFn <span class=\"k\">=</span> compareFn <span class=\"k\">||</span> <span class=\"k\">function</span><span class=\"k\">(</span>item1<span class=\"k\">,</span> item2<span class=\"k\">)</span><span class=\"k\">{</span> <span class=\"k\">return</span> item1<span class=\"k\">.</span>localeCompare<span class=\"k\">(</span>item2<span class=\"k\">);</span><span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>len <span class=\"k\">=</span> array<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">&lt;</span>len<span class=\"k\">;</span> i<span class=\"k\">++)</span><span class=\"k\">{</span>","            <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> i<span class=\"k\">,</span>length <span class=\"k\">=</span> array<span class=\"k\">.</span>length<span class=\"k\">;</span> j<span class=\"k\">&lt;</span>length<span class=\"k\">;</span> j<span class=\"k\">++)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>compareFn<span class=\"k\">(</span>array<span class=\"k\">[</span>i<span class=\"k\">],</span> array<span class=\"k\">[</span>j<span class=\"k\">])</span> <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> t <span class=\"k\">=</span> array<span class=\"k\">[</span>i<span class=\"k\">];</span>","                    array<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> array<span class=\"k\">[</span>j<span class=\"k\">];</span>","                    array<span class=\"k\">[</span>j<span class=\"k\">]</span> <span class=\"k\">=</span> t<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> array<span class=\"k\">;</span>","    <span class=\"k\">}</span>","","<span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21028;&#26029;&#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @method isString</span>","<span class=\"c\"> * @param { * } object &#38656;&#35201;&#21028;&#26029;&#30340;&#23545;&#35937;</span>","<span class=\"c\"> * @return { Boolean } &#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21028;&#26029;&#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;&#25968;&#32452;</span>","<span class=\"c\"> * @method isArray</span>","<span class=\"c\"> * @param { * } object &#38656;&#35201;&#21028;&#26029;&#30340;&#23545;&#35937;</span>","<span class=\"c\"> * @return { Boolean } &#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;&#25968;&#32452;</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21028;&#26029;&#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;&#19968;&#20010;Function</span>","<span class=\"c\"> * @method isFunction</span>","<span class=\"c\"> * @param { * } object &#38656;&#35201;&#21028;&#26029;&#30340;&#23545;&#35937;</span>","<span class=\"c\"> * @return { Boolean } &#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;Function</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21028;&#26029;&#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;Number</span>","<span class=\"c\"> * @method isNumber</span>","<span class=\"c\"> * @param { * } object &#38656;&#35201;&#21028;&#26029;&#30340;&#23545;&#35937;</span>","<span class=\"c\"> * @return { Boolean } &#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;Number</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21028;&#26029;&#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;&#19968;&#20010;&#27491;&#21017;&#34920;&#36798;&#24335;</span>","<span class=\"c\"> * @method isRegExp</span>","<span class=\"c\"> * @param { * } object &#38656;&#35201;&#21028;&#26029;&#30340;&#23545;&#35937;</span>","<span class=\"c\"> * @return { Boolean } &#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;&#27491;&#21017;&#34920;&#36798;&#24335;</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21028;&#26029;&#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;&#19968;&#20010;&#26222;&#36890;&#23545;&#35937;</span>","<span class=\"c\"> * @method isObject</span>","<span class=\"c\"> * @param { * } object &#38656;&#35201;&#21028;&#26029;&#30340;&#23545;&#35937;</span>","<span class=\"c\"> * @return { Boolean } &#32473;&#23450;&#30340;&#23545;&#35937;&#26159;&#21542;&#26159;&#26222;&#36890;&#23545;&#35937;</span>","<span class=\"c\"> */</span>","utils<span class=\"k\">.</span>each<span class=\"k\">([</span><span class=\"s\">'String'</span><span class=\"k\">,</span> <span class=\"s\">'Function'</span><span class=\"k\">,</span> <span class=\"s\">'Array'</span><span class=\"k\">,</span> <span class=\"s\">'Number'</span><span class=\"k\">,</span> <span class=\"s\">'RegExp'</span><span class=\"k\">,</span> <span class=\"s\">'Object'</span><span class=\"k\">],</span> <span class=\"k\">function</span> <span class=\"k\">(</span>v<span class=\"k\">)</span> <span class=\"k\">{</span>","    UE<span class=\"k\">.</span>utils<span class=\"k\">[</span><span class=\"s\">'is'</span> <span class=\"k\">+</span> v<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>obj<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> Object<span class=\"k\">.</span>prototype<span class=\"k\">.</span>toString<span class=\"k\">.</span>apply<span class=\"k\">(</span>obj<span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">'[object '</span> <span class=\"k\">+</span> v <span class=\"k\">+</span> <span class=\"s\">']'</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">);</span>"];
+_$jscoverage['core/utils.js'][14]++;
+var utils = (UE.utils = {each: (function (obj, iterator, context) {
+  _$jscoverage['core/utils.js'][55]++;
+  if ((obj == null)) {
+    _$jscoverage['core/utils.js'][55]++;
+    return;
+  }
+  _$jscoverage['core/utils.js'][56]++;
+  if ((obj.length === (+ obj.length))) {
+    _$jscoverage['core/utils.js'][57]++;
+    for (var i = 0, l = obj.length; (i < l); (i++)) {
+      _$jscoverage['core/utils.js'][58]++;
+      if ((iterator.call(context, obj[i], i, obj) === false)) {
+        _$jscoverage['core/utils.js'][59]++;
+        return false;
+      }
+}
+  }
+  else {
+    _$jscoverage['core/utils.js'][62]++;
+    for (var key in obj) {
+      _$jscoverage['core/utils.js'][63]++;
+      if (obj.hasOwnProperty(key)) {
+        _$jscoverage['core/utils.js'][64]++;
+        if ((iterator.call(context, obj[key], key, obj) === false)) {
+          _$jscoverage['core/utils.js'][65]++;
+          return false;
+        }
+      }
+}
+  }
+}), makeInstance: (function (obj) {
+  _$jscoverage['core/utils.js'][87]++;
+  var noop = new Function();
+  _$jscoverage['core/utils.js'][88]++;
+  noop.prototype = obj;
+  _$jscoverage['core/utils.js'][89]++;
+  obj = new noop();
+  _$jscoverage['core/utils.js'][90]++;
+  noop.prototype = null;
+  _$jscoverage['core/utils.js'][91]++;
+  return obj;
+}), extend: (function (t, s, b) {
+  _$jscoverage['core/utils.js'][138]++;
+  if (s) {
+    _$jscoverage['core/utils.js'][139]++;
+    for (var k in s) {
+      _$jscoverage['core/utils.js'][140]++;
+      if (((! b) || (! t.hasOwnProperty(k)))) {
+        _$jscoverage['core/utils.js'][141]++;
+        t[k] = s[k];
+      }
+}
+  }
+  _$jscoverage['core/utils.js'][145]++;
+  return t;
+}), extend2: (function (t) {
+  _$jscoverage['core/utils.js'][172]++;
+  var a = arguments;
+  _$jscoverage['core/utils.js'][173]++;
+  for (var i = 1; (i < a.length); (i++)) {
+    _$jscoverage['core/utils.js'][174]++;
+    var x = a[i];
+    _$jscoverage['core/utils.js'][175]++;
+    for (var k in x) {
+      _$jscoverage['core/utils.js'][176]++;
+      if ((! t.hasOwnProperty(k))) {
+        _$jscoverage['core/utils.js'][177]++;
+        t[k] = x[k];
+      }
+}
+}
+  _$jscoverage['core/utils.js'][181]++;
+  return t;
+}), inherits: (function (subClass, superClass) {
+  _$jscoverage['core/utils.js'][215]++;
+  var oldP = subClass.prototype, newP = utils.makeInstance(superClass.prototype);
+  _$jscoverage['core/utils.js'][217]++;
+  utils.extend(newP, oldP, true);
+  _$jscoverage['core/utils.js'][218]++;
+  subClass.prototype = newP;
+  _$jscoverage['core/utils.js'][219]++;
+  return (newP.constructor = subClass);
+}), bind: (function (fn, context) {
+  _$jscoverage['core/utils.js'][249]++;
+  return (function () {
+  _$jscoverage['core/utils.js'][250]++;
+  return fn.apply(context, arguments);
+});
+}), defer: (function (fn, delay, exclusion) {
+  _$jscoverage['core/utils.js'][304]++;
+  var timerID;
+  _$jscoverage['core/utils.js'][305]++;
+  return (function () {
+  _$jscoverage['core/utils.js'][306]++;
+  if (exclusion) {
+    _$jscoverage['core/utils.js'][307]++;
+    clearTimeout(timerID);
+  }
+  _$jscoverage['core/utils.js'][309]++;
+  timerID = setTimeout(fn, delay);
+});
+}), indexOf: (function (array, item, start) {
+  _$jscoverage['core/utils.js'][348]++;
+  var index = -1;
+  _$jscoverage['core/utils.js'][349]++;
+  start = (this.isNumber(start)? start: 0);
+  _$jscoverage['core/utils.js'][350]++;
+  this.each(array, (function (v, i) {
+  _$jscoverage['core/utils.js'][351]++;
+  if (((i >= start) && (v === item))) {
+    _$jscoverage['core/utils.js'][352]++;
+    index = i;
+    _$jscoverage['core/utils.js'][353]++;
+    return false;
+  }
+}));
+  _$jscoverage['core/utils.js'][356]++;
+  return index;
+}), removeItem: (function (array, item) {
+  _$jscoverage['core/utils.js'][376]++;
+  for (var i = 0, l = array.length; (i < l); (i++)) {
+    _$jscoverage['core/utils.js'][377]++;
+    if ((array[i] === item)) {
+      _$jscoverage['core/utils.js'][378]++;
+      array.splice(i, 1);
+      _$jscoverage['core/utils.js'][379]++;
+      (i--);
+    }
+}
+}), trim: (function (str) {
+  _$jscoverage['core/utils.js'][406]++;
+  return str.replace(/(^[ \t\n\r]+)|([ \t\n\r]+$)/g, "");
+}), listToMap: (function (list) {
+  _$jscoverage['core/utils.js'][439]++;
+  if ((! list)) {
+    _$jscoverage['core/utils.js'][439]++;
+    return ({});
+  }
+  _$jscoverage['core/utils.js'][440]++;
+  list = (utils.isArray(list)? list: list.split(","));
+  _$jscoverage['core/utils.js'][441]++;
+  for (var i = 0, ci, obj = {}; (ci = list[(i++)]);) {
+    _$jscoverage['core/utils.js'][442]++;
+    obj[ci.toUpperCase()] = (obj[ci] = 1);
+}
+  _$jscoverage['core/utils.js'][444]++;
+  return obj;
+}), unhtml: (function (str, reg) {
+  _$jscoverage['core/utils.js'][462]++;
+  return (str? str.replace((reg || /[&<">'](?:(amp|lt|quot|gt|#39|nbsp);)?/g), (function (a, b) {
+  _$jscoverage['core/utils.js'][463]++;
+  if (b) {
+    _$jscoverage['core/utils.js'][464]++;
+    return a;
+  }
+  else {
+    _$jscoverage['core/utils.js'][466]++;
+    return {"<": "&lt;", "&": "&amp;", "\"": "&quot;", ">": "&gt;", "'": "&#39;"}[a];
+  }
+})): "");
+}), html: (function (str) {
+  _$jscoverage['core/utils.js'][495]++;
+  return (str? str.replace(/&((g|l|quo)t|amp|#39);/g, (function (m) {
+  _$jscoverage['core/utils.js'][496]++;
+  return {"&lt;": "<", "&amp;": "&", "&quot;": "\"", "&gt;": ">", "&#39;": "'"}[m];
+})): "");
+}), cssStyleToDomStyle: (function () {
+  _$jscoverage['core/utils.js'][522]++;
+  var test = document.createElement("div").style, cache = {"float": ((test.cssFloat != undefined)? "cssFloat": ((test.styleFloat != undefined)? "styleFloat": "float"))};
+  _$jscoverage['core/utils.js'][527]++;
+  return (function (cssName) {
+  _$jscoverage['core/utils.js'][528]++;
+  return (cache[cssName] || (cache[cssName] = cssName.toLowerCase().replace(/-./g, (function (match) {
+  _$jscoverage['core/utils.js'][529]++;
+  return match.charAt(1).toUpperCase();
+}))));
+});
+})(), loadFile: (function () {
+  _$jscoverage['core/utils.js'][575]++;
+  var tmpList = [];
+  _$jscoverage['core/utils.js'][577]++;
+  function getItem(doc, obj) {
+    _$jscoverage['core/utils.js'][578]++;
+    try {
+      _$jscoverage['core/utils.js'][579]++;
+      for (var i = 0, ci; (ci = tmpList[(i++)]);) {
+        _$jscoverage['core/utils.js'][580]++;
+        if (((ci.doc === doc) && (ci.url == (obj.src || obj.href)))) {
+          _$jscoverage['core/utils.js'][581]++;
+          return ci;
+        }
+}
+    }
+    catch (e) {
+      _$jscoverage['core/utils.js'][585]++;
+      return null;
+    }
+}
+  _$jscoverage['core/utils.js'][590]++;
+  return (function (doc, obj, fn) {
+  _$jscoverage['core/utils.js'][591]++;
+  var item = getItem(doc, obj);
+  _$jscoverage['core/utils.js'][592]++;
+  if (item) {
+    _$jscoverage['core/utils.js'][593]++;
+    if (item.ready) {
+      _$jscoverage['core/utils.js'][594]++;
+      (fn && fn());
+    }
+    else {
+      _$jscoverage['core/utils.js'][596]++;
+      item.funs.push(fn);
+    }
+    _$jscoverage['core/utils.js'][598]++;
+    return;
+  }
+  _$jscoverage['core/utils.js'][600]++;
+  tmpList.push({doc: doc, url: (obj.src || obj.href), funs: [fn]});
+  _$jscoverage['core/utils.js'][605]++;
+  if ((! doc.body)) {
+    _$jscoverage['core/utils.js'][606]++;
+    var html = [];
+    _$jscoverage['core/utils.js'][607]++;
+    for (var p in obj) {
+      _$jscoverage['core/utils.js'][608]++;
+      if ((p == "tag")) {
+        _$jscoverage['core/utils.js'][608]++;
+        continue;
+      }
+      _$jscoverage['core/utils.js'][609]++;
+      html.push((p + "=\"" + obj[p] + "\""));
+}
+    _$jscoverage['core/utils.js'][611]++;
+    doc.write(("<" + obj.tag + " " + html.join(" ") + " ></" + obj.tag + ">"));
+    _$jscoverage['core/utils.js'][612]++;
+    return;
+  }
+  _$jscoverage['core/utils.js'][614]++;
+  if ((obj.id && doc.getElementById(obj.id))) {
+    _$jscoverage['core/utils.js'][615]++;
+    return;
+  }
+  _$jscoverage['core/utils.js'][617]++;
+  var element = doc.createElement(obj.tag);
+  _$jscoverage['core/utils.js'][618]++;
+  (delete obj.tag);
+  _$jscoverage['core/utils.js'][619]++;
+  for (var p = p in obj) {
+    _$jscoverage['core/utils.js'][620]++;
+    element.setAttribute(p, obj[p]);
+}
+  _$jscoverage['core/utils.js'][622]++;
+  element.onload = (element.onreadystatechange = (function () {
+  _$jscoverage['core/utils.js'][623]++;
+  if (((! this.readyState) || /loaded|complete/.test(this.readyState))) {
+    _$jscoverage['core/utils.js'][624]++;
+    item = getItem(doc, obj);
+    _$jscoverage['core/utils.js'][625]++;
+    if ((item.funs.length > 0)) {
+      _$jscoverage['core/utils.js'][626]++;
+      item.ready = 1;
+      _$jscoverage['core/utils.js'][627]++;
+      for (var fi; (fi = item.funs.pop());) {
+        _$jscoverage['core/utils.js'][628]++;
+        fi();
+}
+    }
+    _$jscoverage['core/utils.js'][631]++;
+    element.onload = (element.onreadystatechange = null);
+  }
+}));
+  _$jscoverage['core/utils.js'][634]++;
+  element.onerror = (function () {
+  _$jscoverage['core/utils.js'][635]++;
+  throw Error(("The load " + (obj.href || obj.src) + " fails,check the url settings of file ueditor.config.js "));
+});
+  _$jscoverage['core/utils.js'][637]++;
+  doc.getElementsByTagName("head")[0].appendChild(element);
+});
+})(), isEmptyObject: (function (obj) {
+  _$jscoverage['core/utils.js'][672]++;
+  if ((obj == null)) {
+    _$jscoverage['core/utils.js'][672]++;
+    return true;
+  }
+  _$jscoverage['core/utils.js'][673]++;
+  if ((this.isArray(obj) || this.isString(obj))) {
+    _$jscoverage['core/utils.js'][673]++;
+    return (obj.length === 0);
+  }
+  _$jscoverage['core/utils.js'][674]++;
+  for (var key in obj) {
+    _$jscoverage['core/utils.js'][674]++;
+    if (obj.hasOwnProperty(key)) {
+      _$jscoverage['core/utils.js'][674]++;
+      return false;
+    }
+}
+  _$jscoverage['core/utils.js'][675]++;
+  return true;
+}), fixColor: (function (name, value) {
+  _$jscoverage['core/utils.js'][687]++;
+  if ((/color/i.test(name) && /rgba?/.test(value))) {
+    _$jscoverage['core/utils.js'][688]++;
+    var array = value.split(",");
+    _$jscoverage['core/utils.js'][689]++;
+    if ((array.length > 3)) {
+      _$jscoverage['core/utils.js'][690]++;
+      return "";
+    }
+    _$jscoverage['core/utils.js'][691]++;
+    value = "#";
+    _$jscoverage['core/utils.js'][692]++;
+    for (var i = 0, color; (color = array[(i++)]);) {
+      _$jscoverage['core/utils.js'][693]++;
+      color = parseInt(color.replace(/[^\d]/gi, ""), 10).toString(16);
+      _$jscoverage['core/utils.js'][694]++;
+      value += ((color.length == 1)? ("0" + color): color);
+}
+    _$jscoverage['core/utils.js'][696]++;
+    value = value.toUpperCase();
+  }
+  _$jscoverage['core/utils.js'][698]++;
+  return value;
+}), optCss: (function (val) {
+  _$jscoverage['core/utils.js'][708]++;
+  var padding, margin, border;
+  _$jscoverage['core/utils.js'][709]++;
+  val = val.replace(/(padding|margin|border)\-([^:]+):([^;]+);?/gi, (function (str, key, name, val) {
+  _$jscoverage['core/utils.js'][710]++;
+  if ((val.split(" ").length == 1)) {
+    _$jscoverage['core/utils.js'][711]++;
+    switch (key) {
+    case "padding":
+      _$jscoverage['core/utils.js'][713]++;
+      ((! padding) && (padding = {}));
+      _$jscoverage['core/utils.js'][714]++;
+      padding[name] = val;
+      _$jscoverage['core/utils.js'][715]++;
+      return "";
+    case "margin":
+      _$jscoverage['core/utils.js'][717]++;
+      ((! margin) && (margin = {}));
+      _$jscoverage['core/utils.js'][718]++;
+      margin[name] = val;
+      _$jscoverage['core/utils.js'][719]++;
+      return "";
+    case "border":
+      _$jscoverage['core/utils.js'][721]++;
+      return ((val == "initial")? "": str);
+    }
+  }
+  _$jscoverage['core/utils.js'][724]++;
+  return str;
+}));
+  _$jscoverage['core/utils.js'][727]++;
+  function opt(obj, name) {
+    _$jscoverage['core/utils.js'][728]++;
+    if ((! obj)) {
+      _$jscoverage['core/utils.js'][729]++;
+      return "";
+    }
+    _$jscoverage['core/utils.js'][731]++;
+    var t = obj.top, b = obj.bottom, l = obj.left, r = obj.right, val = "";
+    _$jscoverage['core/utils.js'][732]++;
+    if (((! t) || (! l) || (! b) || (! r))) {
+      _$jscoverage['core/utils.js'][733]++;
+      for (var p in obj) {
+        _$jscoverage['core/utils.js'][734]++;
+        val += (";" + name + "-" + p + ":" + obj[p] + ";");
+}
+    }
+    else {
+      _$jscoverage['core/utils.js'][737]++;
+      val += (";" + name + ":" + (((t == b) && (b == l) && (l == r))? t: (((t == b) && (l == r))? (t + " " + l): ((l == r)? (t + " " + l + " " + b): (t + " " + r + " " + b + " " + l)))) + ";");
+    }
+    _$jscoverage['core/utils.js'][742]++;
+    return val;
+}
+  _$jscoverage['core/utils.js'][745]++;
+  val += (opt(padding, "padding") + opt(margin, "margin"));
+  _$jscoverage['core/utils.js'][746]++;
+  return val.replace(/^[ \n\r\t;]*|[ \n\r\t]*$/, "").replace(/;([ \n\r\t]+)|\1;/g, ";").replace(/(&((l|g)t|quot|#39))?;{2,}/g, (function (a, b) {
+  _$jscoverage['core/utils.js'][748]++;
+  return (b? (b + ";;"): ";");
+}));
+}), clone: (function (source, target) {
+  _$jscoverage['core/utils.js'][759]++;
+  var tmp;
+  _$jscoverage['core/utils.js'][760]++;
+  target = (target || {});
+  _$jscoverage['core/utils.js'][761]++;
+  for (var i in source) {
+    _$jscoverage['core/utils.js'][762]++;
+    if (source.hasOwnProperty(i)) {
+      _$jscoverage['core/utils.js'][763]++;
+      tmp = source[i];
+      _$jscoverage['core/utils.js'][764]++;
+      if (((typeof tmp) == "object")) {
+        _$jscoverage['core/utils.js'][765]++;
+        target[i] = (utils.isArray(tmp)? []: {});
+        _$jscoverage['core/utils.js'][766]++;
+        utils.clone(source[i], target[i]);
+      }
+      else {
+        _$jscoverage['core/utils.js'][768]++;
+        target[i] = tmp;
+      }
+    }
+}
+  _$jscoverage['core/utils.js'][772]++;
+  return target;
+}), transUnitToPx: (function (val) {
+  _$jscoverage['core/utils.js'][792]++;
+  if ((! /(pt|cm)/.test(val))) {
+    _$jscoverage['core/utils.js'][793]++;
+    return val;
+  }
+  _$jscoverage['core/utils.js'][795]++;
+  var unit;
+  _$jscoverage['core/utils.js'][796]++;
+  val.replace(/([\d.]+)(\w+)/, (function (str, v, u) {
+  _$jscoverage['core/utils.js'][797]++;
+  val = v;
+  _$jscoverage['core/utils.js'][798]++;
+  unit = u;
+}));
+  _$jscoverage['core/utils.js'][800]++;
+  switch (unit) {
+  case "cm":
+    _$jscoverage['core/utils.js'][802]++;
+    val = (parseFloat(val) * 25);
+    _$jscoverage['core/utils.js'][803]++;
+    break;
+  case "pt":
+    _$jscoverage['core/utils.js'][805]++;
+    val = Math.round(((parseFloat(val) * 96) / 72));
+  }
+  _$jscoverage['core/utils.js'][807]++;
+  return (val + (val? "px": ""));
+}), domReady: (function () {
+  _$jscoverage['core/utils.js'][828]++;
+  var fnArr = [];
+  _$jscoverage['core/utils.js'][830]++;
+  function doReady(doc) {
+    _$jscoverage['core/utils.js'][832]++;
+    doc.isReady = true;
+    _$jscoverage['core/utils.js'][833]++;
+    for (var ci; (ci = fnArr.pop()); ci()) {
+}
+}
+  _$jscoverage['core/utils.js'][837]++;
+  return (function (onready, win) {
+  _$jscoverage['core/utils.js'][838]++;
+  win = (win || window);
+  _$jscoverage['core/utils.js'][839]++;
+  var doc = win.document;
+  _$jscoverage['core/utils.js'][840]++;
+  (onready && fnArr.push(onready));
+  _$jscoverage['core/utils.js'][841]++;
+  if ((doc.readyState === "complete")) {
+    _$jscoverage['core/utils.js'][842]++;
+    doReady(doc);
+  }
+  else {
+    _$jscoverage['core/utils.js'][844]++;
+    (doc.isReady && doReady(doc));
+    _$jscoverage['core/utils.js'][845]++;
+    if (browser.ie) {
+      _$jscoverage['core/utils.js'][846]++;
+      (function () {
+  _$jscoverage['core/utils.js'][847]++;
+  if (doc.isReady) {
+    _$jscoverage['core/utils.js'][847]++;
+    return;
+  }
+  _$jscoverage['core/utils.js'][848]++;
+  try {
+    _$jscoverage['core/utils.js'][849]++;
+    doc.documentElement.doScroll("left");
+  }
+  catch (error) {
+    _$jscoverage['core/utils.js'][851]++;
+    setTimeout(arguments.callee, 0);
+    _$jscoverage['core/utils.js'][852]++;
+    return;
+  }
+  _$jscoverage['core/utils.js'][854]++;
+  doReady(doc);
+})();
+      _$jscoverage['core/utils.js'][856]++;
+      win.attachEvent("onload", (function () {
+  _$jscoverage['core/utils.js'][857]++;
+  doReady(doc);
+}));
+    }
+    else {
+      _$jscoverage['core/utils.js'][860]++;
+      doc.addEventListener("DOMContentLoaded", (function () {
+  _$jscoverage['core/utils.js'][861]++;
+  doc.removeEventListener("DOMContentLoaded", arguments.callee, false);
+  _$jscoverage['core/utils.js'][862]++;
+  doReady(doc);
+}), false);
+      _$jscoverage['core/utils.js'][864]++;
+      win.addEventListener("load", (function () {
+  _$jscoverage['core/utils.js'][865]++;
+  doReady(doc);
+}), false);
+    }
+  }
+});
+})(), cssRule: (browser.ie? (function (key, style, doc) {
+  _$jscoverage['core/utils.js'][883]++;
+  var indexList, index;
+  _$jscoverage['core/utils.js'][884]++;
+  doc = (doc || document);
+  _$jscoverage['core/utils.js'][885]++;
+  if (doc.indexList) {
+    _$jscoverage['core/utils.js'][886]++;
+    indexList = doc.indexList;
+  }
+  else {
+    _$jscoverage['core/utils.js'][888]++;
+    indexList = (doc.indexList = {});
+  }
+  _$jscoverage['core/utils.js'][890]++;
+  var sheetStyle;
+  _$jscoverage['core/utils.js'][891]++;
+  if ((! indexList[key])) {
+    _$jscoverage['core/utils.js'][892]++;
+    if ((style === undefined)) {
+      _$jscoverage['core/utils.js'][893]++;
+      return "";
+    }
+    _$jscoverage['core/utils.js'][895]++;
+    sheetStyle = doc.createStyleSheet("", (index = doc.styleSheets.length));
+    _$jscoverage['core/utils.js'][896]++;
+    indexList[key] = index;
+  }
+  else {
+    _$jscoverage['core/utils.js'][898]++;
+    sheetStyle = doc.styleSheets[indexList[key]];
+  }
+  _$jscoverage['core/utils.js'][900]++;
+  if ((style === undefined)) {
+    _$jscoverage['core/utils.js'][901]++;
+    return sheetStyle.cssText;
+  }
+  _$jscoverage['core/utils.js'][903]++;
+  sheetStyle.cssText = (style || "");
+}): (function (key, style, doc) {
+  _$jscoverage['core/utils.js'][905]++;
+  doc = (doc || document);
+  _$jscoverage['core/utils.js'][906]++;
+  var head = doc.getElementsByTagName("head")[0], node;
+  _$jscoverage['core/utils.js'][907]++;
+  if ((! (node = doc.getElementById(key)))) {
+    _$jscoverage['core/utils.js'][908]++;
+    if ((style === undefined)) {
+      _$jscoverage['core/utils.js'][909]++;
+      return "";
+    }
+    _$jscoverage['core/utils.js'][911]++;
+    node = doc.createElement("style");
+    _$jscoverage['core/utils.js'][912]++;
+    node.id = key;
+    _$jscoverage['core/utils.js'][913]++;
+    head.appendChild(node);
+  }
+  _$jscoverage['core/utils.js'][915]++;
+  if ((style === undefined)) {
+    _$jscoverage['core/utils.js'][916]++;
+    return node.innerHTML;
+  }
+  _$jscoverage['core/utils.js'][918]++;
+  if ((style !== "")) {
+    _$jscoverage['core/utils.js'][919]++;
+    node.innerHTML = style;
+  }
+  else {
+    _$jscoverage['core/utils.js'][921]++;
+    head.removeChild(node);
+  }
+})), sort: (function (array, compareFn) {
+  _$jscoverage['core/utils.js'][925]++;
+  compareFn = (compareFn || (function (item1, item2) {
+  _$jscoverage['core/utils.js'][925]++;
+  return item1.localeCompare(item2);
+}));
+  _$jscoverage['core/utils.js'][926]++;
+  for (var i = 0, len = array.length; (i < len); (i++)) {
+    _$jscoverage['core/utils.js'][927]++;
+    for (var j = i, length = array.length; (j < length); (j++)) {
+      _$jscoverage['core/utils.js'][928]++;
+      if ((compareFn(array[i], array[j]) > 0)) {
+        _$jscoverage['core/utils.js'][929]++;
+        var t = array[i];
+        _$jscoverage['core/utils.js'][930]++;
+        array[i] = array[j];
+        _$jscoverage['core/utils.js'][931]++;
+        array[j] = t;
+      }
+}
+}
+  _$jscoverage['core/utils.js'][935]++;
+  return array;
+})});
+_$jscoverage['core/utils.js'][980]++;
+utils.each(["String", "Function", "Array", "Number", "RegExp", "Object"], (function (v) {
+  _$jscoverage['core/utils.js'][981]++;
+  UE.utils[("is" + v)] = (function (obj) {
+  _$jscoverage['core/utils.js'][982]++;
+  return (Object.prototype.toString.apply(obj) == ("[object " + v + "]"));
+});
+}));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/customEvent.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/customEvent.js
new file mode 100644
index 000000000..cd7c0e836
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/customEvent.js
@@ -0,0 +1,43 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['customEvent.js']) {
+  _$jscoverage['customEvent.js'] = [];
+}
+_$jscoverage['customEvent.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @name &#32534;&#36753;&#22120;&#20107;&#20214;&#25509;&#21475;</span>","<span class=\"c\"> * @short Custom events</span>","<span class=\"c\"> * @des &#26412;&#25991;&#20214;&#38750;&#32534;&#36753;&#22120;&#26680;&#24515;&#25991;&#20214;&#65292;&#20165;&#36866;&#29992;&#20110;&#29983;&#25104;&#23545;&#24212;&#30340;&#20107;&#20214;&#25509;&#21475;&#25991;&#26723;</span>","<span class=\"c\"> * UEditor&#32534;&#36753;&#22120;&#20013;&#30340;&#25152;&#26377;&#20107;&#20214;&#30417;&#21548;&#21644;&#35302;&#21457;&#37117;&#32479;&#19968;&#37319;&#29992;</span>","<span class=\"c\"> * ''editor''&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\"> * editor.addListener(\"eventName\",handler) &#21644; editor.fireEvent(\"eventName\")&#26041;&#24335;&#35843;&#29992;&#65292;&#25903;&#25345;&#27983;&#35272;&#22120;&#21407;&#29983;&#20107;&#20214;&#65292;&#22914;keydown,keyup,mousedown,mouseup&#31561;</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#32534;&#36753;&#22120;&#21152;&#36733;&#23436;&#25104;&#20107;&#20214;&#65288;&#26680;&#24515;&#65289;&#65292;&#22312;&#32534;&#36753;&#22120;&#20934;&#22791;&#22909;&#25152;&#26377;&#36816;&#34892;&#26465;&#20214;&#26102;&#35302;&#21457;&#65292;&#22823;&#37096;&#20998;&#22330;&#26223;&#21487;&#20197;&#20351;&#29992;editor.ready(fn)&#21462;&#20195;&#12290;</span>","<span class=\"c\"> * @name ready</span>","<span class=\"c\"> * @grammar editor.addListener(\"ready\",fn)</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"ready\",function(){</span>","<span class=\"c\"> *     //this&#20026;editor&#23454;&#20363;</span>","<span class=\"c\"> *     this.setContent(\"&#27426;&#36814;&#20351;&#29992;UEditor&#65281;\");</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> * //&#21516;&#22914;&#19979;&#25509;&#21475;&#26041;&#24335;&#35843;&#29992;</span>","<span class=\"c\"> * editor.ready(function(){</span>","<span class=\"c\"> *     this.setContent(\"&#27426;&#36814;&#20351;&#29992;UEditor&#65281;\");</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36873;&#21306;&#21464;&#21270;&#20107;&#20214;&#65288;&#26680;&#24515;&#65289;&#65292;&#24403;&#36873;&#21306;&#20986;&#29616;&#21464;&#21270;&#26102;&#35302;&#21457;&#12290;</span>","<span class=\"c\"> * &#22312;UEditor&#20013;&#65292;&#20219;&#20309;&#28041;&#21450;&#21040;&#20809;&#26631;&#25913;&#21464;&#30340;&#25805;&#20316;&#37117;&#20250;&#35302;&#21457;&#36873;&#21306;&#21464;&#21270;&#20107;&#20214;&#65292;&#35813;&#20107;&#20214;&#20027;&#35201;&#29992;&#26469;&#23454;&#29616;&#24037;&#20855;&#26639;&#29366;&#24577;&#21453;&#23556;&#12290;</span>","<span class=\"c\"> * @name selectionChange</span>","<span class=\"c\"> * @grammar editor.addListener(\"selectionChange\",fn)</span>","<span class=\"c\"> * @grammar editor.fireEvent(\"selectionChange\")</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"selectionChange\",function(){</span>","<span class=\"c\"> *     //this&#20026;editor&#23454;&#20363;</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20869;&#23481;&#21464;&#21270;&#20107;&#20214;&#65288;&#26680;&#24515;&#65289;&#65292;&#24403;&#32534;&#36753;&#21306;&#22495;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#20986;&#29616;&#21464;&#21270;&#26102;&#35302;&#21457;</span>","<span class=\"c\"> * @name contentChange</span>","<span class=\"c\"> * @grammar editor.addListener(\"contentChange\",fn)</span>","<span class=\"c\"> * @grammar editor.fireEvent(\"contentChange\")</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#31896;&#36148;&#20107;&#20214;&#65288;&#26680;&#24515;&#65289;&#65292;&#24403;&#20351;&#29992;ctr+v&#24555;&#25463;&#38190;&#31896;&#36148;(&#21253;&#25324;Chrome&#12289;FF&#27983;&#35272;&#22120;&#30340;&#21491;&#38190;&#31896;&#36148;)&#26102;&#20250;&#35302;&#21457;&#26412;&#20107;&#20214;</span>","<span class=\"c\"> * @name (before|after)Paste</span>","<span class=\"c\"> * @grammar editor.addListener(\"beforePaste\",fn)</span>","<span class=\"c\"> * @desc</span>","<span class=\"c\"> * * beforePaste &#22312;&#23558;&#31896;&#36148;&#30340;&#20869;&#23481;&#20889;&#21040;&#32534;&#36753;&#22120;&#20043;&#21069;&#35302;&#21457;&#65292;&#36825;&#20010;&#20107;&#20214;&#35302;&#21457;&#26102;&#65292;&#31896;&#36148;&#30340;&#20869;&#23481;&#36824;&#26410;&#22312;&#32534;&#36753;&#22120;&#20869;&#26174;&#31034;</span>","<span class=\"c\"> * * afterPaste &#31896;&#36148;&#30340;&#20869;&#23481;&#24050;&#32463;&#20889;&#21040;&#32534;&#36753;&#22120;&#37324;&#36793;&#21518;&#35302;&#21457;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"beforePaste\",function(type,data){</span>","<span class=\"c\"> *     //beforePaste&#20107;&#20214;&#30417;&#21548;&#21306;&#21035;&#20110;afterPaste&#20107;&#20214;&#30417;&#21548;&#26368;&#20027;&#35201;&#30340;&#19968;&#20010;&#26041;&#38754;&#26159;&#23384;&#22312;&#19968;&#20010;data&#21442;&#25968;&#65292;</span>","<span class=\"c\"> *     //&#35813;data&#21442;&#25968;&#26159;&#19968;&#20010;&#23545;&#35937;&#65292;&#21253;&#21547;&#23646;&#24615;html&#12290;</span>","<span class=\"c\"> *     //&#33509;&#29992;&#25143;&#22312;&#27492;&#22788;&#26356;&#25913;&#35813;html&#30340;&#20540;&#26102;&#65292;&#23558;&#20250;&#24433;&#21709;&#31896;&#36148;&#21040;&#32534;&#36753;&#22120;&#20013;&#30340;&#20869;&#23481;,&#20027;&#35201;&#29992;&#20110;&#31896;&#36148;&#26102;&#38656;&#35201;&#29305;&#27530;&#22788;&#29702;&#30340;&#19968;&#20123;&#22330;&#26223;&#12290;</span>","<span class=\"c\"> *     console.log(this.getContent) //this&#37117;&#26159;&#24403;&#21069;&#32534;&#36753;&#22120;&#30340;&#23454;&#20363;</span>","<span class=\"c\"> *     //before&#20107;&#20214;&#25165;&#29992;&#36825;&#20010;&#21442;&#25968;&#65292;&#29992;&#26469;&#22312;&#20889;&#20986;&#32534;&#36753;&#22120;&#20043;&#21069;&#23545;&#31896;&#36148;&#36827;&#26469;&#30340;&#20869;&#23481;&#36827;&#34892;&#26368;&#21518;&#30340;&#20462;&#25913;</span>","<span class=\"c\"> *     data.html = \"&#25105;&#25226;&#31896;&#36148;&#20869;&#23481;&#25913;&#25104;&#20102;&#36825;&#21477;&#35805;\";</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#20869;&#23481;&#20107;&#20214;&#65288;&#26680;&#24515;&#65289;&#65292;&#24403;&#35843;&#29992;setContent&#26041;&#27861;&#26102;&#35302;&#21457;</span>","<span class=\"c\"> * @name (before|after)SetContent</span>","<span class=\"c\"> * @grammar editor.addListener(\"beforeSetContent\",fn)</span>","<span class=\"c\"> * @desc</span>","<span class=\"c\"> * * beforeSetContent &#22312;&#20869;&#23481;&#20889;&#21040;&#32534;&#36753;&#22120;&#20043;&#21069;&#35302;&#21457;</span>","<span class=\"c\"> * * afterSetContent &#20869;&#23481;&#24050;&#32463;&#20889;&#21040;&#32534;&#36753;&#22120;&#37324;&#36793;&#21518;&#35302;&#21457;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"beforeSetContent\",function(type,data){</span>","<span class=\"c\"> *     //beforeSetContent&#20107;&#20214;&#30417;&#21548;&#21306;&#21035;&#20110;afterSetContent&#20107;&#20214;&#30417;&#21548;&#26368;&#20027;&#35201;&#30340;&#19968;&#20010;&#26041;&#38754;&#26159;&#23384;&#22312;&#19968;&#20010;data&#21442;&#25968;&#65292;</span>","<span class=\"c\"> *     //&#35813;data&#21442;&#25968;&#26159;&#19968;&#20010;&#23545;&#35937;&#65292;&#21253;&#21547;&#23646;&#24615;html&#12290;</span>","<span class=\"c\"> *     //&#33509;&#29992;&#25143;&#22312;&#27492;&#22788;&#26356;&#25913;&#35813;html&#30340;&#20540;&#26102;&#65292;&#23558;&#20250;&#24433;&#21709;&#35774;&#32622;&#21040;&#32534;&#36753;&#22120;&#20013;&#30340;&#20869;&#23481;,&#20027;&#35201;&#29992;&#20110;&#35774;&#32622;&#20869;&#23481;&#26102;&#38656;&#35201;&#29305;&#27530;&#22788;&#29702;&#30340;&#19968;&#20123;&#22330;&#26223;&#12290;</span>","<span class=\"c\"> *     data.html = \"&#25105;&#25226;&#35774;&#32622;&#20869;&#23481;&#25913;&#25104;&#20102;&#36825;&#21477;&#35805;\";</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * getAllHtml&#20107;&#20214;&#65292;&#24403;&#35843;&#29992;getAllHtml&#26041;&#27861;&#26102;&#35302;&#21457;</span>","<span class=\"c\"> * @name getAllHtml</span>","<span class=\"c\"> * @grammar editor.addListener(\"getAllHtml\",fn)</span>","<span class=\"c\"> * @desc</span>","<span class=\"c\"> * * &#20027;&#35201;&#29992;&#26469;&#23545;&#20110;&#29983;&#25104;&#30340;&#25972;&#20010;html&#20195;&#30721;&#20013;&#30340;head&#20869;&#23481;&#36827;&#34892;&#23450;&#21046;&#65292;&#27604;&#22914;&#20320;&#24819;&#25554;&#20837;&#20320;&#33258;&#24049;&#30340;&#26679;&#24335;&#65292;script&#26631;&#31614;&#31561;&#65292;&#29992;&#26469;&#22312;&#23637;&#31034;&#26102;&#20351;&#29992;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"getAllHtml\",function(type,data){</span>","<span class=\"c\"> *     //data&#26159;document&#20013;head&#37096;&#20998;html&#30340;&#23553;&#35013;&#65292;&#21487;&#36890;&#36807;data.html&#26469;&#33719;&#21462;&#23545;&#24212;&#23383;&#31526;&#20018;&#12290;</span>","<span class=\"c\"> *     //&#38656;&#35201;&#20462;&#25913;&#30340;&#35805;&#24471;&#37325;&#26032;&#36171;&#20540;data.html = '&lt;style type=\"text/css\"&gt; body{margin:0;}&lt;/style&gt;';</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20869;&#23481;&#25552;&#20132;&#20107;&#20214;(&#25554;&#20214;)&#65292;&#24403;&#20869;&#23481;&#25552;&#20132;&#25554;&#20214;&#21152;&#36733;&#24182;&#35843;&#29992;&#20102;autosubmit&#21629;&#20196;&#26102;&#35302;&#21457;&#65292;&#22810;&#29992;&#20110;&#25552;&#20132;&#20043;&#21069;&#30340;&#39564;&#35777;</span>","<span class=\"c\"> * @name beforeSubmit</span>","<span class=\"c\"> * @grammar editor.addListener(\"beforeSubmit\",fn)   //&#33509;fn&#36820;&#22238;false&#65292;&#21017;&#38459;&#27490;&#26412;&#27425;&#25552;&#20132;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"beforeSubmit\",function(){</span>","<span class=\"c\"> *     if(!editor.hasContents()){</span>","<span class=\"c\"> *         return false;</span>","<span class=\"c\"> *     }</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22914;&#26524;&#25235;&#21462;&#36828;&#31243;&#30340;&#22270;&#29255;&#22833;&#36133;&#20102;&#65292;&#23601;&#35302;&#21457;</span>","<span class=\"c\"> * @name catchRemoteError</span>","<span class=\"c\"> * @grammar editor.addListener(\"catchRemoteError\",fn)</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"catchRemoteError\",function(){</span>","<span class=\"c\"> *     console.log(\"&#25235;&#21462;&#22833;&#36133;&#20102;&#65281;\")</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#24403;&#25235;&#21462;&#36828;&#31243;&#30340;&#22270;&#29255;&#25104;&#21151;&#24182;&#20250;&#36820;&#22238;&#29983;&#25104;&#22270;&#29255;&#30340;&#38142;&#25509;&#26102;&#35302;&#21457;</span>","<span class=\"c\"> * @name catchRemoterSuccess</span>","<span class=\"c\"> * @grammar editor.addListener(\"catchRemoterSuccess\",fn)</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"catchRemoterSuccess\",function(){</span>","<span class=\"c\"> *     console.log(\"&#25235;&#21462;&#25104;&#21151;\")</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#32534;&#36753;&#27169;&#24335;&#20999;&#25442;&#20107;&#20214;&#65288;&#25554;&#20214;&#65289;&#65292;&#24403;&#28304;&#30721;&#27169;&#24335;&#21644;&#23500;&#25991;&#26412;&#27169;&#24335;&#21457;&#29983;&#20999;&#25442;&#26102;&#35302;&#21457;&#20107;&#20214;</span>","<span class=\"c\"> * @name sourceModeChanged</span>","<span class=\"c\"> * @grammar  editor.addListener(\"sourceModeChanged\",fn)</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"sourceModeChanged\",function(type,mode){</span>","<span class=\"c\"> *     //mode&#20195;&#34920;&#20102;&#24403;&#21069;&#30340;&#32534;&#36753;&#27169;&#24335;&#65292;true&#20195;&#34920;&#20999;&#25442;&#21040;&#20102;&#28304;&#30721;&#27169;&#24335;&#65292;false&#20195;&#34920;&#20999;&#25442;&#21040;&#20102;&#23500;&#25991;&#26412;&#27169;&#24335;</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#20840;&#23631;&#20999;&#25442;&#20107;&#20214;&#65288;&#25554;&#20214;&#65289;&#65292;&#24403;&#25191;&#34892;&#20840;&#23631;&#20999;&#25442;&#30340;&#26102;&#20505;&#35302;&#21457;&#20107;&#20214;</span>","<span class=\"c\"> * @name fullScreenChanged</span>","<span class=\"c\"> * @grammar  editor.addListener(\"fullScreenChanged\",fn)</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"fullScreenChanged\",function(type,mode){</span>","<span class=\"c\"> *     //mode&#20195;&#34920;&#24403;&#21069;&#26159;&#21542;&#20840;&#23631;&#65292;true&#20195;&#34920;&#20999;&#25442;&#21040;&#20102;&#20840;&#23631;&#27169;&#24335;&#65292;false&#20195;&#34920;&#20999;&#25442;&#21040;&#20102;&#26222;&#36890;&#27169;&#24335;</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23383;&#25968;&#36229;&#20986;&#38480;&#21046;&#20107;&#20214;&#65288;&#25554;&#20214;&#65289;&#65292;&#24403;&#36755;&#20837;&#30340;&#23383;&#31526;&#25968;&#36229;&#20986;&#37197;&#32622;&#39033;&#37197;&#32622;&#26102;&#35302;&#21457;</span>","<span class=\"c\"> * @name wordCountOverflow</span>","<span class=\"c\"> * @grammar editor.addListener(\"wordCountOverflow\",fn)</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * editor.addListener(\"wordCountOverflow\",function(type,length){</span>","<span class=\"c\"> *     console.log(length)</span>","<span class=\"c\"> * })</span>","<span class=\"c\"> */</span>",""];
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/editor.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/editor.js
new file mode 100644
index 000000000..2c544eae9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/editor.js
@@ -0,0 +1,73 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['editor.js']) {
+  _$jscoverage['editor.js'] = [];
+  _$jscoverage['editor.js'][1] = 0;
+  _$jscoverage['editor.js'][3] = 0;
+  _$jscoverage['editor.js'][5] = 0;
+  _$jscoverage['editor.js'][7] = 0;
+  _$jscoverage['editor.js'][9] = 0;
+  _$jscoverage['editor.js'][11] = 0;
+  _$jscoverage['editor.js'][13] = 0;
+  _$jscoverage['editor.js'][15] = 0;
+  _$jscoverage['editor.js'][17] = 0;
+  _$jscoverage['editor.js'][19] = 0;
+}
+_$jscoverage['editor.js'].source = ["UEDITOR_CONFIG <span class=\"k\">=</span> window<span class=\"k\">.</span>UEDITOR_CONFIG <span class=\"k\">||</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","","<span class=\"k\">var</span> baidu <span class=\"k\">=</span> window<span class=\"k\">.</span>baidu <span class=\"k\">||</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","","window<span class=\"k\">.</span>baidu <span class=\"k\">=</span> baidu<span class=\"k\">;</span>","","window<span class=\"k\">.</span>UE <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor <span class=\"k\">=</span>  <span class=\"k\">{}</span><span class=\"k\">;</span>","","UE<span class=\"k\">.</span>plugins <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","","UE<span class=\"k\">.</span>commands <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","","UE<span class=\"k\">.</span>instants <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","","UE<span class=\"k\">.</span>I18N <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","","UE<span class=\"k\">.</span>version <span class=\"k\">=</span> <span class=\"s\">\"1.2.6.1\"</span><span class=\"k\">;</span>","","<span class=\"k\">var</span> dom <span class=\"k\">=</span> UE<span class=\"k\">.</span>dom <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>"];
+_$jscoverage['editor.js'][1]++;
+UEDITOR_CONFIG = (window.UEDITOR_CONFIG || {});
+_$jscoverage['editor.js'][3]++;
+var baidu = (window.baidu || {});
+_$jscoverage['editor.js'][5]++;
+window.baidu = baidu;
+_$jscoverage['editor.js'][7]++;
+window.UE = (baidu.editor = {});
+_$jscoverage['editor.js'][9]++;
+UE.plugins = {};
+_$jscoverage['editor.js'][11]++;
+UE.commands = {};
+_$jscoverage['editor.js'][13]++;
+UE.instants = {};
+_$jscoverage['editor.js'][15]++;
+UE.I18N = {};
+_$jscoverage['editor.js'][17]++;
+UE.version = "1.2.6.1";
+_$jscoverage['editor.js'][19]++;
+var dom = (UE.dom = {});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage-highlight.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage-highlight.css
new file mode 100644
index 000000000..d2ad01da5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage-highlight.css
@@ -0,0 +1,38 @@
+/*
+    jscoverage-highlight.css - JSCoverage syntax highlighting style sheet
+    Copyright (C) 2008, 2009, 2010 siliconforks.com
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+*/
+
+/* keyword, type, symbol, cbracket */
+#sourceTable .k {
+  font-weight: bold;
+}
+
+/* string, regexp, number */
+#sourceTable .s {
+  color: #006400;
+}
+
+/* specialchar */
+#sourceTable .t {
+  color: #2e8b57;
+}
+
+/* comment */
+#sourceTable .c {
+  font-style: italic;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage-ie.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage-ie.css
new file mode 100644
index 000000000..05cad2afa
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage-ie.css
@@ -0,0 +1,108 @@
+/*
+    jscoverage-ie.css - JSCoverage style sheet for Internet Explorer
+    Copyright (C) 2007, 2008, 2009, 2010 siliconforks.com
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+*/
+
+#headingDiv {
+  position: static;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-top: 0.5em;
+}
+
+#tabs {
+  clear: all;
+  position: static;
+  top: auto;
+  left: auto;
+  right: auto;
+  height: auto;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+#tabs div {
+  position: relative;
+  height: auto;
+  line-height: normal;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+#tabs div.selected {
+  padding-bottom: 6px;
+  z-index: 2;
+}
+
+.TabPage {
+  position: relative;
+  top: -1px;
+  left: auto;
+  right: auto;
+  bottom: auto;
+  clear: left;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding: 10px;
+  z-index: 1;
+}
+
+#locationDiv {
+  margin-bottom: 10px;
+}
+
+#iframeDiv {
+  position: static;
+  width: 100%;
+}
+
+#summaryDiv {
+  position: static;
+  width: 100%;
+}
+
+#fileDiv {
+  margin-bottom: 10px;
+}
+
+#sourceDiv {
+  position: static;
+  width: 100%;
+}
+
+#storeDiv {
+  position: static;
+  width: 100%;
+}
+
+/* some defaults */
+
+.TabPage {
+  height: 650px;
+}
+
+#iframeDiv {
+  height: 600px;
+}
+
+#summaryDiv {
+  height: 600px;
+}
+
+#sourceDiv {
+  height: 600px;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage-throbber.gif b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage-throbber.gif
new file mode 100644
index 000000000..f13c0b4ec
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage-throbber.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage.css
new file mode 100644
index 000000000..9866fd706
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage.css
@@ -0,0 +1,355 @@
+/*
+    jscoverage.css - code coverage for JavaScript
+    Copyright (C) 2007, 2008, 2009, 2010 siliconforks.com
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+*/
+
+body {
+  background-color: #bfffbf;
+  font-family: sans-serif;
+  font-size: 100%;
+  margin: 0;
+}
+
+#mainDiv {
+  font-size: 0.8125em;
+}
+
+#headingDiv {
+  position: absolute;
+  top: 0.5em;
+  left: 1.5em;
+  right: 1.5em;
+  bottom: 0;
+  line-height: 1.5em;
+}
+
+h1 {
+  float: left;
+  margin: 0;
+  padding-bottom: 0.5em;
+  font-size: 1.3em;
+}
+
+.ProgressBar {
+  float: left;
+  visibility: hidden;
+}
+
+.ProgressPercentage {
+  display: block;
+  float: left;
+  width: 5em;
+  text-align: right;
+}
+
+.ProgressGraph {
+  float: left;
+  width: 100px;
+  height: 10px;
+  border: 1px solid black;
+  margin-top: 0.3em;
+  background-color: #d4d0c8;
+  overflow: hidden;
+}
+
+.ProgressCovered {
+  /* windows system color ActiveCaption or Highlight */
+  background-color: #0a246a;
+  width: 0;
+  height: 10px;
+  overflow: hidden;
+}
+
+#progressLabel {
+  display: block;
+  float: left;
+  padding-left: 0.3em;
+}
+
+#warningDiv {
+  display: none;
+  float: right;
+  background-color: #FFBFBF;
+  border: 1px solid red;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+.WarningDialog {
+  display: none;
+  background-color: #FFBFBF;
+  position: absolute;
+  z-index: 10;
+  top: 20%;
+  left: 20%;
+  width: 50%;
+  padding: 5%;
+  border: 1px solid red;
+}
+
+.WarningDialog button {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/*******************************************************************************
+browser tab
+*/
+
+input#location, button {
+  border: 1px solid black;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+#iframeDiv {
+  position: absolute;
+  top: 3.5em;
+  left: 1em;
+  right: 1em;
+  bottom: 1em;
+}
+
+iframe {
+  width: 100%;
+  height: 100%;
+}
+
+/*******************************************************************************
+summary tab
+*/
+
+#summaryDiv {
+  position: absolute;
+  top: 3em;
+  left: 1em;
+  right: 1em;
+  bottom: 1em;
+  overflow: auto;
+}
+
+table#summaryTable {
+  width: 100%;
+  margin-left: 0px;
+  margin-right: 0px;
+  border-collapse: collapse;
+  font-size: small;
+}
+
+table#summaryTable th, table#summaryTable td {
+  border-left: 1px solid #d9d9d9;
+}
+
+table#summaryTable th.leftColumn, table#summaryTable td.leftColumn {
+  border-left-width: 0px;
+}
+
+table#summaryTable th, table#summaryTable td {
+  padding: 2px;
+}
+
+th {
+  background-color: #e6ffe6;
+}
+
+td.numeric {
+  text-align: right;
+}
+
+abbr {
+  cursor: help;
+}
+
+tr#summaryTotals td.leftColumn span {
+    float: right;
+}
+tr#summaryTotals td.leftColumn span.title {
+    float: left;
+    font-weight: bold;
+}
+tr#summaryTotals td {
+    background-color: #ffd;
+}
+td.coverage {
+    width: 150px;
+}
+td.coverage span {
+    float: right;
+    margin-right: 5px;
+}
+.pctGraph {
+    width: 100px;
+    height: 10px;
+    float: right;
+    border: 1px solid #000;
+    background-color: #e00000;
+    overflow: hidden;
+    margin-top: 4px;
+}
+.pctGraph .covered {
+    background-color: #00f000;
+    width: 0;
+    height: 10px;
+}
+.pctGraph .skipped {
+    background-color: #d4d0c8;
+    width: 100px;
+    height: 10px;
+}
+tbody#summaryTbody tr.even td {
+    background-color: #e6ffe6;
+}
+
+/*******************************************************************************
+source tab
+*/
+
+#fileDiv {
+  font-size: large;
+  font-weight: bold;
+}
+
+#sourceDiv {
+  position: absolute;
+  top: 3em;
+  left: 1em;
+  right: 1em;
+  bottom: 1em;
+  overflow: auto;
+}
+
+table#sourceTable {
+  border: 0px;
+  border-collapse: collapse;
+  font-size: small;
+}
+
+/*
+IE default behavior is to make <pre> smaller than surrounding text.  Because
+the table already has font-size small, this would make the font-size within the
+<pre> x-small.  So we don't rely on the default.
+*/
+table#sourceTable pre {
+  font-size: medium;
+}
+
+table#sourceTable td {
+  border: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+table#sourceTable pre {
+  border: 0px;
+  margin: 0px;
+}
+
+.g {
+  background-color: #bfffbf;
+}
+
+.y {
+  background-color: #ffffbf;
+}
+
+.r {
+  background-color: #ffbfbf;
+}
+
+/*******************************************************************************
+store tab
+*/
+
+#storeDiv {
+  position: absolute;
+  top: 3em;
+  left: 1em;
+  right: 1em;
+  bottom: 1em;
+  overflow: auto;
+}
+
+/*******************************************************************************
+about tab
+*/
+
+p {
+  margin-top: 0;
+}
+
+/*******************************************************************************
+tabs
+*/
+
+#tabs {
+  position: absolute;
+  top: 3em;
+  left: 1.5em;
+  right: 1.5em;
+  height: 2em;
+}
+
+#tabs div {
+  background-color: white;
+  position: relative;
+  float: left;
+  border: 1px solid black;
+  border-bottom-width: 0;
+  cursor: pointer;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  height: 2em;
+  z-index: 1;
+  line-height: 1.8em;
+}
+
+#tabs div.selected {
+  z-index: 3;
+  cursor: default;
+}
+
+#tabs div.disabled {
+  /* windows system color GrayText */
+  color: #808080;
+  cursor: default; 
+}
+
+.TabPage {
+  background-color: white;
+  border: 1px solid black;
+  position: absolute;
+  top: 5em;
+  left: 1.5em;
+  right: 1.5em;
+  bottom: 1.5em;
+  z-index: 2;
+  padding: 1em;
+  display: none;
+}
+
+#tabPages div.selected {
+  display: block;
+}
+
+img {
+  visibility: hidden;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage.html
new file mode 100644
index 000000000..00d35185a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<!--
+    jscoverage.html - code coverage for JavaScript
+    Copyright (C) 2007, 2008, 2009, 2010 siliconforks.com
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+-->
+
+<html>
+<head>
+<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
+<title>JSCoverage</title>
+<link rel="stylesheet" type="text/css" href="jscoverage-highlight.css">
+<link rel="stylesheet" type="text/css" href="jscoverage.css">
+<!--[if IE]>
+<link rel="stylesheet" type="text/css" href="jscoverage-ie.css">
+<![endif]-->
+<script type="text/javascript" src="jscoverage.js"></script>
+</head>
+
+<body onload="jscoverage_body_load();" onresize="jscoverage_body_resize();">
+<div id="mainDiv">
+<div id="headingDiv">
+<h1>JSCoverage</h1>
+<div class="ProgressBar" id="progressBar"><span class="ProgressPercentage"></span><div class="ProgressGraph"><div class="ProgressCovered"></div></div></div>
+<span id="progressLabel"></span>
+<div id="warningDiv"><strong>Warning:</strong> <a href="#" onclick="jscoverage_openWarningDialog(); return false;">loading <code>jscoverage.html</code> using a <code>file:</code> URL is deprecated</a></div>
+</div>
+
+<div id="warningDialog" class="WarningDialog">
+<p>
+Recent web browsers tend to place significant security restrictions on the use
+of <code>file:</code> URLs. These restrictions can prevent JSCoverage from
+working properly. To avoid problems, it is recommended that you do either of the
+following:
+</p>
+<ul>
+<li>If you are using the <code>jscoverage</code> program to instrument your
+JavaScript code, install the instrumented files on a web server.</li>
+<li>Use the <code>jscoverage-server</code> program (which itself acts as a web
+server).</li>
+</ul>
+<p>
+See the
+<a target="_blank" href="http://siliconforks.com/jscoverage/manual.html">manual</a>
+for further details.
+</p>
+<button type="button" onclick="jscoverage_closeWarningDialog();">OK</button>
+</div>
+
+<div id="reportWarningDialog" class="WarningDialog">
+<p>
+Recent web browsers tend to place significant security restrictions on the use
+of <code>file:</code> URLs. These restrictions can prevent JSCoverage from
+working properly. To avoid problems, it is recommended that you view coverage
+reports stored to the filesystem by serving them from a web server.
+</p>
+<p>
+See the
+<a target="_blank" href="http://siliconforks.com/jscoverage/manual.html">manual</a>
+for further details.
+</p>
+<button type="button" onclick="jscoverage_closeWarningDialog();">OK</button>
+</div>
+
+<div id="tabs" class="Tabs">
+  <div id="browserTab"><img src="jscoverage-throbber.gif" alt=""> Browser <img src="jscoverage-throbber.gif" alt=""></div>
+  <div id="summaryTab"><img id="summaryThrobber" src="jscoverage-throbber.gif" alt=""> Summary <img src="jscoverage-throbber.gif" alt=""></div>
+  <div id="sourceTab" class="disabled"><img src="jscoverage-throbber.gif" alt=""> Source <img src="jscoverage-throbber.gif" alt=""></div>
+  <div id="storeTab"><img id="storeThrobber" src="jscoverage-throbber.gif" alt=""> Store <img src="jscoverage-throbber.gif" alt=""></div>
+  <div id="aboutTab"><img src="jscoverage-throbber.gif" alt=""> About <img src="jscoverage-throbber.gif" alt=""></div>
+</div>
+<div id="tabPages" class="TabPages">
+  <div class="TabPage" id="browserTabPage">
+    <div id="locationDiv">
+    URL: <input id="location" type="text" size="70" onkeypress="jscoverage_input_keypress(event)">
+    <button onclick="jscoverage_openInFrameButton_click();" title="open URL in the iframe below [Enter]">Open in frame</button>
+    <button onclick="jscoverage_openInWindowButton_click();" title="open URL in a new window (or tab) [Shift+Enter]">Open in window</button>
+    </div>
+    <div id="iframeDiv">
+    <iframe id="browserIframe" onload="jscoverage_browser_load();"></iframe>
+    </div>
+  </div>
+  <div class="TabPage">
+    <input type="checkbox" id="checkbox" onclick="return jscoverage_checkbox_click();"> <label for="checkbox">Show missing statements column</label>
+    <div id="summaryDiv">
+    <div id="summaryErrorDiv"></div>
+    <table id="summaryTable">
+    <thead>
+    <tr id="headerRow">
+    <th class="leftColumn">File</th>
+    <th><abbr title="The total number of executable statements">Statements</abbr></th>
+    <th><abbr title="The number of statements actually executed">Executed</abbr></th>
+    <th><abbr title="Number of executed statements as a percentage of total number of statements">Coverage</abbr></th>
+    </tr>
+    <tr id="summaryTotals">
+        <td class="leftColumn">
+            <span class="title">Total:</span>
+            <span>0</span>
+        </td>
+        <td class="numeric">0</td>
+        <td class="numeric">0</td>
+        <td class="coverage">
+            <div class="pctGraph">
+                <div class="covered"></div>
+            </div>
+            <span class="pct">0%</span>
+        </td>
+    </tr>
+
+    </thead>
+    <tbody id="summaryTbody">
+
+    <!--
+    <tr>
+    <td>0</td>
+    <td>0</td>
+    <td>0</td>
+    <td>0%</td>
+    <td>0</td>
+    </tr>
+    -->
+
+    </tbody>
+    </table>
+    </div>
+  </div>
+  <div class="TabPage">
+    <div id="fileDiv"></div>
+    <div id="sourceDiv"></div>
+  </div>
+  <div class="TabPage" id="storeTabPage">
+    <button id="storeButton" onclick="jscoverage_storeButton_click();">Store Report</button>
+    <img id="storeImg" src="jscoverage-throbber.gif" alt="loading...">
+    <div id="storeDiv"></div>
+  </div>
+  <div class="TabPage">
+    <p>
+    This is version 0.5.1 of JSCoverage, a program that calculates code
+    coverage statistics for JavaScript.
+    </p>
+    <p>
+    See <a target="_blank" href="http://siliconforks.com/jscoverage/">http://siliconforks.com/jscoverage/</a> for more information.
+    </p>
+    <p>
+    Copyright &copy; 2007, 2008, 2009, 2010 siliconforks.com
+    </p>
+  </div>
+</div>
+</div>
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage.js
new file mode 100644
index 000000000..4233615a4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/jscoverage.js
@@ -0,0 +1,1176 @@
+/*
+    jscoverage.js - code coverage for JavaScript
+    Copyright (C) 2007, 2008, 2009, 2010 siliconforks.com
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+*/
+
+function jscoverage_openWarningDialog() {
+  var id;
+  if (jscoverage_isReport) {
+    id = 'reportWarningDialog';
+  }
+  else {
+    id = 'warningDialog';
+  }
+  var dialog = document.getElementById(id);
+  dialog.style.display = 'block';
+}
+
+function jscoverage_closeWarningDialog() {
+  var id;
+  if (jscoverage_isReport) {
+    id = 'reportWarningDialog';
+  }
+  else {
+    id = 'warningDialog';
+  }
+  var dialog = document.getElementById(id);
+  dialog.style.display = 'none';
+}
+
+/**
+Initializes the _$jscoverage object in a window.  This should be the first
+function called in the page.
+@param  w  this should always be the global window object
+*/
+function jscoverage_init(w) {
+  try {
+    // in Safari, "import" is a syntax error
+    Components.utils['import']('resource://app/modules/jscoverage.jsm');
+    jscoverage_isInvertedMode = true;
+    return;
+  }
+  catch (e) {}
+
+  // check if we are in inverted mode
+  if (w.opener) {
+    try {
+      if (w.opener.top._$jscoverage) {
+        jscoverage_isInvertedMode = true;
+        if (! w._$jscoverage) {
+          w._$jscoverage = w.opener.top._$jscoverage;
+        }
+      }
+      else {
+        jscoverage_isInvertedMode = false;
+      }
+    }
+    catch (e) {
+      try {
+        if (w.opener._$jscoverage) {
+          jscoverage_isInvertedMode = true;
+          if (! w._$jscoverage) {
+            w._$jscoverage = w.opener._$jscoverage;
+          }
+        }
+        else {
+          jscoverage_isInvertedMode = false;
+        }
+      }
+      catch (e2) {
+        jscoverage_isInvertedMode = false;
+      }
+    }
+  }
+  else {
+    jscoverage_isInvertedMode = false;
+  }
+
+  if (! jscoverage_isInvertedMode) {
+    if (! w._$jscoverage) {
+      w._$jscoverage = {};
+    }
+  }
+}
+
+var jscoverage_currentFile = null;
+var jscoverage_currentLine = null;
+
+var jscoverage_inLengthyOperation = false;
+
+/*
+Possible states:
+			isInvertedMode	isServer	isReport	tabs
+normal			false		false		false		Browser
+inverted		true		false		false		
+server, normal		false		true		false		Browser, Store
+server, inverted	true		true		false		Store
+report			false		false		true		
+*/
+var jscoverage_isInvertedMode = false;
+var jscoverage_isServer = false;
+var jscoverage_isReport = false;
+
+jscoverage_init(window);
+
+function jscoverage_createRequest() {
+  // Note that the IE7 XMLHttpRequest does not support file URL's.
+  // http://xhab.blogspot.com/2006/11/ie7-support-for-xmlhttprequest.html
+  // http://blogs.msdn.com/ie/archive/2006/12/06/file-uris-in-windows.aspx
+//#JSCOVERAGE_IF
+  if (window.ActiveXObject) {
+    return new ActiveXObject("Microsoft.XMLHTTP");
+  }
+  else {
+    return new XMLHttpRequest();
+  }
+}
+
+// http://www.quirksmode.org/js/findpos.html
+function jscoverage_findPos(obj) {
+  var result = 0;
+  do {
+    result += obj.offsetTop;
+    obj = obj.offsetParent;
+  }
+  while (obj);
+  return result;
+}
+
+// http://www.quirksmode.org/viewport/compatibility.html
+function jscoverage_getViewportHeight() {
+//#JSCOVERAGE_IF /MSIE/.test(navigator.userAgent)
+  if (self.innerHeight) {
+    // all except Explorer
+    return self.innerHeight;
+  }
+  else if (document.documentElement && document.documentElement.clientHeight) {
+    // Explorer 6 Strict Mode
+    return document.documentElement.clientHeight;
+  }
+  else if (document.body) {
+    // other Explorers
+    return document.body.clientHeight;
+  }
+  else {
+    throw "Couldn't calculate viewport height";
+  }
+//#JSCOVERAGE_ENDIF
+}
+
+/**
+Indicates visually that a lengthy operation has begun.  The progress bar is
+displayed, and the cursor is changed to busy (on browsers which support this).
+*/
+function jscoverage_beginLengthyOperation() {
+  jscoverage_inLengthyOperation = true;
+
+  var progressBar = document.getElementById('progressBar');
+  progressBar.style.visibility = 'visible';
+  ProgressBar.setPercentage(progressBar, 0);
+  var progressLabel = document.getElementById('progressLabel');
+  progressLabel.style.visibility = 'visible';
+
+  /* blacklist buggy browsers */
+//#JSCOVERAGE_IF
+  if (! /Opera|WebKit/.test(navigator.userAgent)) {
+    /*
+    Change the cursor style of each element.  Note that changing the class of the
+    element (to one with a busy cursor) is buggy in IE.
+    */
+    var tabs = document.getElementById('tabs').getElementsByTagName('div');
+    var i;
+    for (i = 0; i < tabs.length; i++) {
+      tabs.item(i).style.cursor = 'wait';
+    }
+  }
+}
+
+/**
+Removes the progress bar and busy cursor.
+*/
+function jscoverage_endLengthyOperation() {
+  var progressBar = document.getElementById('progressBar');
+  ProgressBar.setPercentage(progressBar, 100);
+  setTimeout(function() {
+    jscoverage_inLengthyOperation = false;
+    progressBar.style.visibility = 'hidden';
+    var progressLabel = document.getElementById('progressLabel');
+    progressLabel.style.visibility = 'hidden';
+    progressLabel.innerHTML = '';
+
+    var tabs = document.getElementById('tabs').getElementsByTagName('div');
+    var i;
+    for (i = 0; i < tabs.length; i++) {
+      tabs.item(i).style.cursor = '';
+    }
+  }, 50);
+}
+
+function jscoverage_setSize() {
+//#JSCOVERAGE_IF /MSIE/.test(navigator.userAgent)
+  var viewportHeight = jscoverage_getViewportHeight();
+
+  /*
+  border-top-width:     1px
+  padding-top:         10px
+  padding-bottom:      10px
+  border-bottom-width:  1px
+  margin-bottom:       10px
+                       ----
+                       32px
+  */
+  var tabPages = document.getElementById('tabPages');
+  var tabPageHeight = (viewportHeight - jscoverage_findPos(tabPages) - 32) + 'px';
+  var nodeList = tabPages.childNodes;
+  var length = nodeList.length;
+  for (var i = 0; i < length; i++) {
+    var node = nodeList.item(i);
+    if (node.nodeType !== 1) {
+      continue;
+    }
+    node.style.height = tabPageHeight;
+  }
+
+  var iframeDiv = document.getElementById('iframeDiv');
+  // may not exist if we have removed the first tab
+  if (iframeDiv) {
+    iframeDiv.style.height = (viewportHeight - jscoverage_findPos(iframeDiv) - 21) + 'px';
+  }
+
+  var summaryDiv = document.getElementById('summaryDiv');
+  summaryDiv.style.height = (viewportHeight - jscoverage_findPos(summaryDiv) - 21) + 'px';
+
+  var sourceDiv = document.getElementById('sourceDiv');
+  sourceDiv.style.height = (viewportHeight - jscoverage_findPos(sourceDiv) - 21) + 'px';
+
+  var storeDiv = document.getElementById('storeDiv');
+  if (storeDiv) {
+    storeDiv.style.height = (viewportHeight - jscoverage_findPos(storeDiv) - 21) + 'px';
+  }
+//#JSCOVERAGE_ENDIF
+}
+
+/**
+Returns the boolean value of a string.  Values 'false', 'f', 'no', 'n', 'off',
+and '0' (upper or lower case) are false.
+@param  s  the string
+@return  a boolean value
+*/
+function jscoverage_getBooleanValue(s) {
+  s = s.toLowerCase();
+  if (s === 'false' || s === 'f' || s === 'no' || s === 'n' || s === 'off' || s === '0') {
+    return false;
+  }
+  return true;
+}
+
+function jscoverage_removeTab(id) {
+  var tab = document.getElementById(id + 'Tab');
+  tab.parentNode.removeChild(tab);
+  var tabPage = document.getElementById(id + 'TabPage');
+  tabPage.parentNode.removeChild(tabPage);
+}
+
+function jscoverage_isValidURL(url) {
+  // RFC 3986
+  var matches = /^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/.exec(url);
+  if (matches === null) {
+    return false;
+  }
+  var scheme = matches[1];
+  if (typeof scheme === 'string') {
+    scheme = scheme.toLowerCase();
+    return scheme === '' || scheme === 'file:' || scheme === 'http:' || scheme === 'https:';
+  }
+  return true;
+}
+
+/**
+Initializes the contents of the tabs.  This sets the initial values of the
+input field and iframe in the "Browser" tab and the checkbox in the "Summary"
+tab.
+@param  queryString  this should always be location.search
+*/
+function jscoverage_initTabContents(queryString) {
+  var showMissingColumn = false;
+  var url = null;
+  var windowURL = null;
+  var parameters, parameter, i, index, name, value;
+  if (queryString.length > 0) {
+    // chop off the question mark
+    queryString = queryString.substring(1);
+    parameters = queryString.split(/&|;/);
+    for (i = 0; i < parameters.length; i++) {
+      parameter = parameters[i];
+      index = parameter.indexOf('=');
+      if (index === -1) {
+        // still works with old syntax
+        url = decodeURIComponent(parameter);
+      }
+      else {
+        name = parameter.substr(0, index);
+        value = decodeURIComponent(parameter.substr(index + 1));
+        if (name === 'missing' || name === 'm') {
+          showMissingColumn = jscoverage_getBooleanValue(value);
+        }
+        else if (name === 'url' || name === 'u' || name === 'frame' || name === 'f') {
+          url = value;
+        }
+        else if (name === 'window' || name === 'w') {
+          windowURL = value;
+        }
+      }
+    }
+  }
+
+  var checkbox = document.getElementById('checkbox');
+  checkbox.checked = showMissingColumn;
+  if (showMissingColumn) {
+    jscoverage_appendMissingColumn();
+  }
+
+  var isValidURL = function (url) {
+    var result = jscoverage_isValidURL(url);
+    if (! result) {
+      alert('Invalid URL: ' + url);
+    }
+    return result;
+  };
+
+  if (url !== null && isValidURL(url)) {
+    // this will automatically propagate to the input field
+    frames[0].location = url;
+  }
+  else if (windowURL !== null && isValidURL(windowURL)) {
+    window.open(windowURL);
+  }
+
+  // if the browser tab is absent, we have to initialize the summary tab
+  if (! document.getElementById('browserTab')) {
+    jscoverage_recalculateSummaryTab();
+  }
+}
+
+function jscoverage_body_load() {
+  // check if this is a file: URL
+  if (window.location && window.location.href && /^file:/i.test(window.location.href)) {
+    var warningDiv = document.getElementById('warningDiv');
+    warningDiv.style.display = 'block';
+  }
+
+  var progressBar = document.getElementById('progressBar');
+  ProgressBar.init(progressBar);
+
+  function reportError(e) {
+    jscoverage_endLengthyOperation();
+    var summaryThrobber = document.getElementById('summaryThrobber');
+    summaryThrobber.style.visibility = 'hidden';
+    var div = document.getElementById('summaryErrorDiv');
+    div.innerHTML = 'Error: ' + e;
+  }
+
+  if (jscoverage_isReport) {
+    jscoverage_beginLengthyOperation();
+    var summaryThrobber = document.getElementById('summaryThrobber');
+    summaryThrobber.style.visibility = 'visible';
+    var request = jscoverage_createRequest();
+    try {
+      request.open('GET', 'jscoverage.json', true);
+      request.onreadystatechange = function (event) {
+        if (request.readyState === 4) {
+          try {
+            if (request.status !== 0 && request.status !== 200) {
+              throw request.status;
+            }
+            var response = request.responseText;
+            if (response === '') {
+              throw 404;
+            }
+
+            var json;
+            if (window.JSON && window.JSON.parse) {
+              json = window.JSON.parse(response);
+            }
+            else {
+              json = eval('(' + response + ')');
+            }
+
+            var file;
+            for (file in json) {
+              if (! json.hasOwnProperty(file)) {
+                continue;
+              }
+
+              var fileCoverage = json[file];
+              _$jscoverage[file] = fileCoverage.coverage;
+              _$jscoverage[file].source = fileCoverage.source;
+            }
+            jscoverage_recalculateSummaryTab();
+            summaryThrobber.style.visibility = 'hidden';
+          }
+          catch (e) {
+            reportError(e);
+          }
+        }
+      };
+      request.send(null);
+    }
+    catch (e) {
+      reportError(e);
+    }
+
+    jscoverage_removeTab('browser');
+    jscoverage_removeTab('store');
+  }
+  else {
+    if (jscoverage_isInvertedMode) {
+      jscoverage_removeTab('browser');
+    }
+
+    if (! jscoverage_isServer) {
+      jscoverage_removeTab('store');
+    }
+  }
+
+  jscoverage_initTabControl();
+
+  jscoverage_initTabContents(location.search);
+}
+
+function jscoverage_body_resize() {
+  if (/MSIE/.test(navigator.userAgent)) {
+    jscoverage_setSize();
+  }
+}
+
+// -----------------------------------------------------------------------------
+// tab 1
+
+function jscoverage_updateBrowser() {
+  var input = document.getElementById("location");
+  frames[0].location = input.value;
+}
+
+function jscoverage_openWindow() {
+  var input = document.getElementById("location");
+  var url = input.value;
+  window.open(url);
+}
+
+function jscoverage_input_keypress(e) {
+  if (e.keyCode === 13) {
+    if (e.shiftKey) {
+      jscoverage_openWindow();
+    }
+    else {
+      jscoverage_updateBrowser();
+    }
+  }
+}
+
+function jscoverage_openInFrameButton_click() {
+  jscoverage_updateBrowser();
+}
+
+function jscoverage_openInWindowButton_click() {
+  jscoverage_openWindow();
+}
+
+function jscoverage_browser_load() {
+  /* update the input box */
+  var input = document.getElementById("location");
+
+  /* sometimes IE seems to fire this after the tab has been removed */
+  if (input) {
+    input.value = frames[0].location;
+  }
+}
+
+// -----------------------------------------------------------------------------
+// tab 2
+
+function jscoverage_createHandler(file, line) {
+  return function () {
+    jscoverage_get(file, line);
+    return false;
+  };
+}
+
+function jscoverage_createLink(file, line) {
+  var link = document.createElement("a");
+  link.href = '#';
+  link.onclick = jscoverage_createHandler(file, line);
+
+  var text;
+  if (line) {
+    text = line.toString();
+  }
+  else {
+    text = file;
+  }
+
+  link.appendChild(document.createTextNode(text));
+
+  return link;
+}
+
+function jscoverage_recalculateSummaryTab(cc) {
+  var checkbox = document.getElementById('checkbox');
+  var showMissingColumn = checkbox.checked;
+
+  if (! cc) {
+    cc = window._$jscoverage;
+  }
+  if (! cc) {
+//#JSCOVERAGE_IF 0
+    throw "No coverage information found.";
+//#JSCOVERAGE_ENDIF
+  }
+
+  var tbody = document.getElementById("summaryTbody");
+  while (tbody.hasChildNodes()) {
+    tbody.removeChild(tbody.firstChild);
+  }
+
+  var totals = { files:0, statements:0, executed:0 };
+
+  var file;
+  var files = [];
+  for (file in cc) {
+    if (! cc.hasOwnProperty(file)) {
+      continue;
+    }
+
+    files.push(file);
+  }
+  files.sort();
+
+  var rowCounter = 0;
+  for (var f = 0; f < files.length; f++) {
+    file = files[f];
+    var lineNumber;
+    var num_statements = 0;
+    var num_executed = 0;
+    var missing = [];
+    var fileCC = cc[file];
+    var length = fileCC.length;
+    var currentConditionalEnd = 0;
+    var conditionals = null;
+    if (fileCC.conditionals) {
+      conditionals = fileCC.conditionals;
+    }
+    for (lineNumber = 0; lineNumber < length; lineNumber++) {
+      var n = fileCC[lineNumber];
+
+      if (lineNumber === currentConditionalEnd) {
+        currentConditionalEnd = 0;
+      }
+      else if (currentConditionalEnd === 0 && conditionals && conditionals[lineNumber]) {
+        currentConditionalEnd = conditionals[lineNumber];
+      }
+
+      if (currentConditionalEnd !== 0) {
+        continue;
+      }
+
+      if (n === undefined || n === null) {
+        continue;
+      }
+
+      if (n === 0) {
+        missing.push(lineNumber);
+      }
+      else {
+        num_executed++;
+      }
+      num_statements++;
+    }
+
+    var percentage = ( num_statements === 0 ? 0 : parseInt(100 * num_executed / num_statements) );
+
+    var row = document.createElement("tr");
+    row.className = ( rowCounter++ % 2 == 0 ? "odd" : "even" );
+
+    var cell = document.createElement("td");
+    cell.className = 'leftColumn';
+    var link = jscoverage_createLink(file);
+    cell.appendChild(link);
+
+    row.appendChild(cell);
+
+    cell = document.createElement("td");
+    cell.className = 'numeric';
+    cell.appendChild(document.createTextNode(num_statements));
+    row.appendChild(cell);
+
+    cell = document.createElement("td");
+    cell.className = 'numeric';
+    cell.appendChild(document.createTextNode(num_executed));
+    row.appendChild(cell);
+
+    // new coverage td containing a bar graph
+    cell = document.createElement("td");
+    cell.className = 'coverage';
+    var pctGraph = document.createElement("div"),
+        covered = document.createElement("div"),
+        pct = document.createElement("span");
+    pctGraph.className = "pctGraph";
+    if( num_statements === 0 ) {
+        covered.className = "skipped";
+        pct.appendChild(document.createTextNode("N/A"));
+    } else {
+        covered.className = "covered";
+        covered.style.width = percentage + "px";
+        pct.appendChild(document.createTextNode(percentage + '%'));
+    }
+    pct.className = "pct";
+    pctGraph.appendChild(covered);
+    cell.appendChild(pctGraph);
+    cell.appendChild(pct);
+    row.appendChild(cell);
+
+    if (showMissingColumn) {
+      cell = document.createElement("td");
+      for (var i = 0; i < missing.length; i++) {
+        if (i !== 0) {
+          cell.appendChild(document.createTextNode(", "));
+        }
+        link = jscoverage_createLink(file, missing[i]);
+
+        // group contiguous missing lines; e.g., 10, 11, 12 -> 10-12
+        var j, start = missing[i];
+        for (;;) {
+          j = 1;
+          while (i + j < missing.length && missing[i + j] == missing[i] + j) {
+            j++;
+          }
+          var nextmissing = missing[i + j], cur = missing[i] + j;
+          if (isNaN(nextmissing)) {
+            break;
+          }
+          while (cur < nextmissing && ! fileCC[cur]) {
+            cur++;
+          }
+          if (cur < nextmissing || cur >= length) {
+            break;
+          }
+          i += j;
+        }
+        if (start != missing[i] || j > 1) {
+          i += j - 1;
+          link.innerHTML += "-" + missing[i];
+        }
+
+        cell.appendChild(link);
+      }
+      row.appendChild(cell);
+    }
+
+    tbody.appendChild(row);
+
+    totals['files'] ++;
+    totals['statements'] += num_statements;
+    totals['executed'] += num_executed;
+
+    // write totals data into summaryTotals row
+    var tr = document.getElementById("summaryTotals");
+    if (tr) {
+        var tds = tr.getElementsByTagName("td");
+        tds[0].getElementsByTagName("span")[1].firstChild.nodeValue = totals['files'];
+        tds[1].firstChild.nodeValue = totals['statements'];
+        tds[2].firstChild.nodeValue = totals['executed'];
+
+        var coverage = parseInt(100 * totals['executed'] / totals['statements']);
+        if( isNaN( coverage ) ) {
+            coverage = 0;
+        }
+        tds[3].getElementsByTagName("span")[0].firstChild.nodeValue = coverage + '%';
+        tds[3].getElementsByTagName("div")[1].style.width = coverage + 'px';
+    }
+
+  }
+  jscoverage_endLengthyOperation();
+}
+
+function jscoverage_appendMissingColumn() {
+  var headerRow = document.getElementById('headerRow');
+  var missingHeader = document.createElement('th');
+  missingHeader.id = 'missingHeader';
+  missingHeader.innerHTML = '<abbr title="List of statements missed during execution">Missing</abbr>';
+  headerRow.appendChild(missingHeader);
+  var summaryTotals = document.getElementById('summaryTotals');
+  var empty = document.createElement('td');
+  empty.id = 'missingCell';
+  summaryTotals.appendChild(empty);
+}
+
+function jscoverage_removeMissingColumn() {
+  var missingNode;
+  missingNode = document.getElementById('missingHeader');
+  missingNode.parentNode.removeChild(missingNode);
+  missingNode = document.getElementById('missingCell');
+  missingNode.parentNode.removeChild(missingNode);
+}
+
+function jscoverage_checkbox_click() {
+  if (jscoverage_inLengthyOperation) {
+    return false;
+  }
+  jscoverage_beginLengthyOperation();
+  var checkbox = document.getElementById('checkbox');
+  var showMissingColumn = checkbox.checked;
+  setTimeout(function() {
+    if (showMissingColumn) {
+      jscoverage_appendMissingColumn();
+    }
+    else {
+      jscoverage_removeMissingColumn();
+    }
+    jscoverage_recalculateSummaryTab();
+  }, 50);
+  return true;
+}
+
+// -----------------------------------------------------------------------------
+// tab 3
+
+function jscoverage_makeTable() {
+  var coverage = _$jscoverage[jscoverage_currentFile];
+  var lines = coverage.source;
+
+  // this can happen if there is an error in the original JavaScript file
+  if (! lines) {
+    lines = [];
+  }
+
+  var rows = ['<table id="sourceTable">'];
+  var i = 0;
+  var progressBar = document.getElementById('progressBar');
+  var tableHTML;
+  var currentConditionalEnd = 0;
+
+  function joinTableRows() {
+    tableHTML = rows.join('');
+    ProgressBar.setPercentage(progressBar, 60);
+    /*
+    This may be a long delay, so set a timeout of 100 ms to make sure the
+    display is updated.
+    */
+    setTimeout(appendTable, 100);
+  }
+
+  function appendTable() {
+    var sourceDiv = document.getElementById('sourceDiv');
+    sourceDiv.innerHTML = tableHTML;
+    ProgressBar.setPercentage(progressBar, 80);
+    setTimeout(jscoverage_scrollToLine, 0);
+  }
+
+  while (i < lines.length) {
+    var lineNumber = i + 1;
+
+    if (lineNumber === currentConditionalEnd) {
+      currentConditionalEnd = 0;
+    }
+    else if (currentConditionalEnd === 0 && coverage.conditionals && coverage.conditionals[lineNumber]) {
+      currentConditionalEnd = coverage.conditionals[lineNumber];
+    }
+
+    var row = '<tr>';
+    row += '<td class="numeric">' + lineNumber + '</td>';
+    var timesExecuted = coverage[lineNumber];
+    if (timesExecuted !== undefined && timesExecuted !== null) {
+      if (currentConditionalEnd !== 0) {
+        row += '<td class="y numeric">';
+      }
+      else if (timesExecuted === 0) {
+        row += '<td class="r numeric" id="line-' + lineNumber + '">';
+      }
+      else {
+        row += '<td class="g numeric">';
+      }
+      row += timesExecuted;
+      row += '</td>';
+    }
+    else {
+      row += '<td></td>';
+    }
+    row += '<td><pre>' + lines[i] + '</pre></td>';
+    row += '</tr>';
+    row += '\n';
+    rows[lineNumber] = row;
+    i++;
+  }
+  rows[i + 1] = '</table>';
+  ProgressBar.setPercentage(progressBar, 40);
+  setTimeout(joinTableRows, 0);
+}
+
+function jscoverage_scrollToLine() {
+  jscoverage_selectTab('sourceTab');
+  if (! window.jscoverage_currentLine) {
+    jscoverage_endLengthyOperation();
+    return;
+  }
+  var div = document.getElementById('sourceDiv');
+  if (jscoverage_currentLine === 1) {
+    div.scrollTop = 0;
+  }
+  else {
+    var cell = document.getElementById('line-' + jscoverage_currentLine);
+
+    // this might not be there if there is an error in the original JavaScript
+    if (cell) {
+      var divOffset = jscoverage_findPos(div);
+      var cellOffset = jscoverage_findPos(cell);
+      div.scrollTop = cellOffset - divOffset;
+    }
+  }
+  jscoverage_currentLine = 0;
+  jscoverage_endLengthyOperation();
+}
+
+/**
+Loads the given file (and optional line) in the source tab.
+*/
+function jscoverage_get(file, line) {
+  if (jscoverage_inLengthyOperation) {
+    return;
+  }
+  jscoverage_beginLengthyOperation();
+  setTimeout(function() {
+    var sourceDiv = document.getElementById('sourceDiv');
+    sourceDiv.innerHTML = '';
+    jscoverage_selectTab('sourceTab');
+    if (file === jscoverage_currentFile) {
+      jscoverage_currentLine = line;
+      jscoverage_recalculateSourceTab();
+    }
+    else {
+      if (jscoverage_currentFile === null) {
+        var tab = document.getElementById('sourceTab');
+        tab.className = '';
+        tab.onclick = jscoverage_tab_click;
+      }
+      jscoverage_currentFile = file;
+      jscoverage_currentLine = line || 1;  // when changing the source, always scroll to top
+      var fileDiv = document.getElementById('fileDiv');
+      fileDiv.innerHTML = jscoverage_currentFile;
+      jscoverage_recalculateSourceTab();
+      return;
+    }
+  }, 50);
+}
+
+/**
+Calculates coverage statistics for the current source file.
+*/
+function jscoverage_recalculateSourceTab() {
+  if (! jscoverage_currentFile) {
+    jscoverage_endLengthyOperation();
+    return;
+  }
+  var progressLabel = document.getElementById('progressLabel');
+  progressLabel.innerHTML = 'Calculating coverage ...';
+  var progressBar = document.getElementById('progressBar');
+  ProgressBar.setPercentage(progressBar, 20);
+  setTimeout(jscoverage_makeTable, 0);
+}
+
+// -----------------------------------------------------------------------------
+// tabs
+
+/**
+Initializes the tab control.  This function must be called when the document is
+loaded.
+*/
+function jscoverage_initTabControl() {
+  var tabs = document.getElementById('tabs');
+  var i;
+  var child;
+  var tabNum = 0;
+  for (i = 0; i < tabs.childNodes.length; i++) {
+    child = tabs.childNodes.item(i);
+    if (child.nodeType === 1) {
+      if (child.className !== 'disabled') {
+        child.onclick = jscoverage_tab_click;
+      }
+      tabNum++;
+    }
+  }
+  jscoverage_selectTab(0);
+}
+
+/**
+Selects a tab.
+@param  tab  the integer index of the tab (0, 1, 2, or 3)
+             OR
+             the ID of the tab element
+             OR
+             the tab element itself
+*/
+function jscoverage_selectTab(tab) {
+  if (typeof tab !== 'number') {
+    tab = jscoverage_tabIndexOf(tab);
+  }
+  var tabs = document.getElementById('tabs');
+  var tabPages = document.getElementById('tabPages');
+  var nodeList;
+  var tabNum;
+  var i;
+  var node;
+
+  nodeList = tabs.childNodes;
+  tabNum = 0;
+  for (i = 0; i < nodeList.length; i++) {
+    node = nodeList.item(i);
+    if (node.nodeType !== 1) {
+      continue;
+    }
+
+    if (node.className !== 'disabled') {
+      if (tabNum === tab) {
+        node.className = 'selected';
+      }
+      else {
+        node.className = '';
+      }
+    }
+    tabNum++;
+  }
+
+  nodeList = tabPages.childNodes;
+  tabNum = 0;
+  for (i = 0; i < nodeList.length; i++) {
+    node = nodeList.item(i);
+    if (node.nodeType !== 1) {
+      continue;
+    }
+
+    if (tabNum === tab) {
+      node.className = 'selected TabPage';
+    }
+    else {
+      node.className = 'TabPage';
+    }
+    tabNum++;
+  }
+}
+
+/**
+Returns an integer (0, 1, 2, or 3) representing the index of a given tab.
+@param  tab  the ID of the tab element
+             OR
+             the tab element itself
+*/
+function jscoverage_tabIndexOf(tab) {
+  if (typeof tab === 'string') {
+    tab = document.getElementById(tab);
+  }
+  var tabs = document.getElementById('tabs');
+  var i;
+  var child;
+  var tabNum = 0;
+  for (i = 0; i < tabs.childNodes.length; i++) {
+    child = tabs.childNodes.item(i);
+    if (child.nodeType === 1) {
+      if (child === tab) {
+        return tabNum;
+      }
+      tabNum++;
+    }
+  }
+//#JSCOVERAGE_IF 0
+  throw "Tab not found";
+//#JSCOVERAGE_ENDIF
+}
+
+function jscoverage_tab_click(e) {
+  if (jscoverage_inLengthyOperation) {
+    return;
+  }
+  var target;
+//#JSCOVERAGE_IF
+  if (e) {
+    target = e.target;
+  }
+  else if (window.event) {
+    // IE
+    target = window.event.srcElement;
+  }
+  if (target.className === 'selected') {
+    return;
+  }
+  jscoverage_beginLengthyOperation();
+  setTimeout(function() {
+    if (target.id === 'summaryTab') {
+      var tbody = document.getElementById("summaryTbody");
+      while (tbody.hasChildNodes()) {
+        tbody.removeChild(tbody.firstChild);
+      }
+    }
+    else if (target.id === 'sourceTab') {
+      var sourceDiv = document.getElementById('sourceDiv');
+      sourceDiv.innerHTML = '';
+    }
+    jscoverage_selectTab(target);
+    if (target.id === 'summaryTab') {
+      jscoverage_recalculateSummaryTab();
+    }
+    else if (target.id === 'sourceTab') {
+      jscoverage_recalculateSourceTab();
+    }
+    else {
+      jscoverage_endLengthyOperation();
+    }
+  }, 50);
+}
+
+// -----------------------------------------------------------------------------
+// progress bar
+
+var ProgressBar = {
+  init: function(element) {
+    element._percentage = 0;
+
+    /* doing this via JavaScript crashes Safari */
+/*
+    var pctGraph = document.createElement('div');
+    pctGraph.className = 'pctGraph';
+    element.appendChild(pctGraph);
+    var covered = document.createElement('div');
+    covered.className = 'covered';
+    pctGraph.appendChild(covered);
+    var pct = document.createElement('span');
+    pct.className = 'pct';
+    element.appendChild(pct);
+*/
+
+    ProgressBar._update(element);
+  },
+  setPercentage: function(element, percentage) {
+    element._percentage = percentage;
+    ProgressBar._update(element);
+  },
+  _update: function(element) {
+    var pctGraph = element.getElementsByTagName('div').item(0);
+    var covered = pctGraph.getElementsByTagName('div').item(0);
+    var pct = element.getElementsByTagName('span').item(0);
+    pct.innerHTML = element._percentage.toString() + '%';
+    covered.style.width = element._percentage + 'px';
+  }
+};
+
+// -----------------------------------------------------------------------------
+// reports
+
+function jscoverage_pad(s) {
+  return '0000'.substr(s.length) + s;
+}
+
+function jscoverage_quote(s) {
+  return '"' + s.replace(/[\u0000-\u001f"\\\u007f-\uffff]/g, function (c) {
+    switch (c) {
+    case '\b':
+      return '\\b';
+    case '\f':
+      return '\\f';
+    case '\n':
+      return '\\n';
+    case '\r':
+      return '\\r';
+    case '\t':
+      return '\\t';
+    // IE doesn't support this
+    /*
+    case '\v':
+      return '\\v';
+    */
+    case '"':
+      return '\\"';
+    case '\\':
+      return '\\\\';
+    default:
+      return '\\u' + jscoverage_pad(c.charCodeAt(0).toString(16));
+    }
+  }) + '"';
+}
+
+function jscoverage_serializeCoverageToJSON() {
+  var json = [];
+  for (var file in _$jscoverage) {
+    if (! _$jscoverage.hasOwnProperty(file)) {
+      continue;
+    }
+
+    var coverage = _$jscoverage[file];
+
+    var array = [];
+    var length = coverage.length;
+    for (var line = 0; line < length; line++) {
+      var value = coverage[line];
+      if (value === undefined || value === null) {
+        value = 'null';
+      }
+      array.push(value);
+    }
+
+    var source = coverage.source;
+    var lines = [];
+    length = source.length;
+    for (var line = 0; line < length; line++) {
+      lines.push(jscoverage_quote(source[line]));
+    }
+
+    json.push(jscoverage_quote(file) + ':{"coverage":[' + array.join(',') + '],"source":[' + lines.join(',') + ']}');
+  }
+  return '{' + json.join(',') + '}';
+}
+
+function jscoverage_storeButton_click() {
+  if (jscoverage_inLengthyOperation) {
+    return;
+  }
+
+  jscoverage_beginLengthyOperation();
+  var img = document.getElementById('storeImg');
+  img.style.visibility = 'visible';
+
+  var request = jscoverage_createRequest();
+  request.open('POST', '/jscoverage-store', true);
+  request.onreadystatechange = function (event) {
+    if (request.readyState === 4) {
+      var message;
+      try {
+        if (request.status !== 200 && request.status !== 201 && request.status !== 204) {
+          throw request.status;
+        }
+        message = request.responseText;
+      }
+      catch (e) {
+        if (e.toString().search(/^\d{3}$/) === 0) {
+          message = e + ': ' + request.responseText;
+        }
+        else {
+          message = 'Could not connect to server: ' + e;
+        }
+      }
+
+      jscoverage_endLengthyOperation();
+      var img = document.getElementById('storeImg');
+      img.style.visibility = 'hidden';
+
+      var div = document.getElementById('storeDiv');
+      div.appendChild(document.createTextNode(new Date() + ': ' + message));
+      div.appendChild(document.createElement('br'));
+    }
+  };
+  request.setRequestHeader('Content-Type', 'application/json');
+  var json = jscoverage_serializeCoverageToJSON();
+  request.setRequestHeader('Content-Length', json.length.toString());
+  request.send(json);
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/anchor.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/anchor.js
new file mode 100644
index 000000000..09dd629c7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/anchor.js
@@ -0,0 +1,146 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/anchor.js']) {
+  _$jscoverage['plugins/anchor.js'] = [];
+  _$jscoverage['plugins/anchor.js'][7] = 0;
+  _$jscoverage['plugins/anchor.js'][8] = 0;
+  _$jscoverage['plugins/anchor.js'][10] = 0;
+  _$jscoverage['plugins/anchor.js'][11] = 0;
+  _$jscoverage['plugins/anchor.js'][17] = 0;
+  _$jscoverage['plugins/anchor.js'][18] = 0;
+  _$jscoverage['plugins/anchor.js'][19] = 0;
+  _$jscoverage['plugins/anchor.js'][20] = 0;
+  _$jscoverage['plugins/anchor.js'][21] = 0;
+  _$jscoverage['plugins/anchor.js'][22] = 0;
+  _$jscoverage['plugins/anchor.js'][30] = 0;
+  _$jscoverage['plugins/anchor.js'][31] = 0;
+  _$jscoverage['plugins/anchor.js'][32] = 0;
+  _$jscoverage['plugins/anchor.js'][33] = 0;
+  _$jscoverage['plugins/anchor.js'][34] = 0;
+  _$jscoverage['plugins/anchor.js'][35] = 0;
+  _$jscoverage['plugins/anchor.js'][39] = 0;
+  _$jscoverage['plugins/anchor.js'][57] = 0;
+  _$jscoverage['plugins/anchor.js'][59] = 0;
+  _$jscoverage['plugins/anchor.js'][60] = 0;
+  _$jscoverage['plugins/anchor.js'][61] = 0;
+  _$jscoverage['plugins/anchor.js'][62] = 0;
+  _$jscoverage['plugins/anchor.js'][64] = 0;
+  _$jscoverage['plugins/anchor.js'][65] = 0;
+  _$jscoverage['plugins/anchor.js'][68] = 0;
+  _$jscoverage['plugins/anchor.js'][70] = 0;
+  _$jscoverage['plugins/anchor.js'][71] = 0;
+  _$jscoverage['plugins/anchor.js'][72] = 0;
+  _$jscoverage['plugins/anchor.js'][76] = 0;
+}
+_$jscoverage['plugins/anchor.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#38170;&#28857;&#25554;&#20214;&#65292;&#20026;UEditor&#25552;&#20379;&#25554;&#20837;&#38170;&#28857;&#25903;&#25345;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'anchor'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","","    me<span class=\"k\">.</span>ready<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>cssRule<span class=\"k\">(</span><span class=\"s\">'anchor'</span><span class=\"k\">,</span>","            <span class=\"s\">'.anchorclass{background: url(</span><span class=\"t\">\\'</span><span class=\"s\">'</span>","                <span class=\"k\">+</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">+</span>","                <span class=\"s\">'themes/default/images/anchor.gif</span><span class=\"t\">\\'</span><span class=\"s\">) no-repeat scroll left center transparent;border: 1px dotted #0000FF;cursor: auto;display: inline-block;height: 16px;width: 15px;}'</span><span class=\"k\">,</span>","            me<span class=\"k\">.</span>document<span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addOutputRule<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>root<span class=\"k\">)</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'img'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>a<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> val<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>val <span class=\"k\">=</span> a<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'anchorname'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                a<span class=\"k\">.</span>tagName <span class=\"k\">=</span> <span class=\"s\">'a'</span><span class=\"k\">;</span>","                a<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"k\">{</span>","                    anchorname <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span>","                    name <span class=\"k\">:</span> val<span class=\"k\">,</span>","                    <span class=\"s\">'class'</span> <span class=\"k\">:</span> <span class=\"s\">''</span>","                <span class=\"k\">}</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addInputRule<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>root<span class=\"k\">)</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'a'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>a<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> val<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">((</span>val <span class=\"k\">=</span> a<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'name'</span><span class=\"k\">))</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>a<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'href'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                a<span class=\"k\">.</span>tagName <span class=\"k\">=</span> <span class=\"s\">'img'</span><span class=\"k\">;</span>","                a<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"k\">{</span>","                    anchorname <span class=\"k\">:</span>a<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'name'</span><span class=\"k\">),</span>","                    <span class=\"s\">'class'</span> <span class=\"k\">:</span> <span class=\"s\">'anchorclass'</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                a<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"s\">'name'</span><span class=\"k\">)</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#25554;&#20837;&#38170;&#28857;</span>","<span class=\"c\">     * @command anchor</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @param { String } name &#38170;&#28857;&#21517;&#31216;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //editor &#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * editor.execCommand('anchor', 'anchor1');</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'anchor'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> name<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>img <span class=\"k\">=</span> range<span class=\"k\">.</span>getClosedNode<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>img <span class=\"k\">&amp;&amp;</span> img<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'anchorname'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">{</span>","                    img<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'anchorname'</span><span class=\"k\">,</span> name<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>img<span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>img<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//&#21482;&#22312;&#36873;&#21306;&#30340;&#24320;&#22987;&#25554;&#20837;</span>","                    <span class=\"k\">var</span> anchor <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'img'</span><span class=\"k\">);</span>","                    range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>anchor<span class=\"k\">,</span><span class=\"k\">{</span>","                        <span class=\"s\">'anchorname'</span><span class=\"k\">:</span>name<span class=\"k\">,</span>","                        <span class=\"s\">'class'</span><span class=\"k\">:</span><span class=\"s\">'anchorclass'</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>anchor<span class=\"k\">).</span>setStartAfter<span class=\"k\">(</span>anchor<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">;</span>","","","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/anchor.js'][7]++;
+UE.plugins.anchor = (function () {
+  _$jscoverage['plugins/anchor.js'][8]++;
+  var me = this;
+  _$jscoverage['plugins/anchor.js'][10]++;
+  me.ready((function () {
+  _$jscoverage['plugins/anchor.js'][11]++;
+  utils.cssRule("anchor", (".anchorclass{background: url('" + me.options.UEDITOR_HOME_URL + "themes/default/images/anchor.gif') no-repeat scroll left center transparent;border: 1px dotted #0000FF;cursor: auto;display: inline-block;height: 16px;width: 15px;}"), me.document);
+}));
+  _$jscoverage['plugins/anchor.js'][17]++;
+  me.addOutputRule((function (root) {
+  _$jscoverage['plugins/anchor.js'][18]++;
+  utils.each(root.getNodesByTagName("img"), (function (a) {
+  _$jscoverage['plugins/anchor.js'][19]++;
+  var val;
+  _$jscoverage['plugins/anchor.js'][20]++;
+  if ((val = a.getAttr("anchorname"))) {
+    _$jscoverage['plugins/anchor.js'][21]++;
+    a.tagName = "a";
+    _$jscoverage['plugins/anchor.js'][22]++;
+    a.setAttr({anchorname: "", name: val, "class": ""});
+  }
+}));
+}));
+  _$jscoverage['plugins/anchor.js'][30]++;
+  me.addInputRule((function (root) {
+  _$jscoverage['plugins/anchor.js'][31]++;
+  utils.each(root.getNodesByTagName("a"), (function (a) {
+  _$jscoverage['plugins/anchor.js'][32]++;
+  var val;
+  _$jscoverage['plugins/anchor.js'][33]++;
+  if (((val = a.getAttr("name")) && (! a.getAttr("href")))) {
+    _$jscoverage['plugins/anchor.js'][34]++;
+    a.tagName = "img";
+    _$jscoverage['plugins/anchor.js'][35]++;
+    a.setAttr({anchorname: a.getAttr("name"), "class": "anchorclass"});
+    _$jscoverage['plugins/anchor.js'][39]++;
+    a.setAttr("name");
+  }
+}));
+}));
+  _$jscoverage['plugins/anchor.js'][57]++;
+  me.commands.anchor = {execCommand: (function (cmd, name) {
+  _$jscoverage['plugins/anchor.js'][59]++;
+  var range = this.selection.getRange(), img = range.getClosedNode();
+  _$jscoverage['plugins/anchor.js'][60]++;
+  if ((img && img.getAttribute("anchorname"))) {
+    _$jscoverage['plugins/anchor.js'][61]++;
+    if (name) {
+      _$jscoverage['plugins/anchor.js'][62]++;
+      img.setAttribute("anchorname", name);
+    }
+    else {
+      _$jscoverage['plugins/anchor.js'][64]++;
+      range.setStartBefore(img).setCursor();
+      _$jscoverage['plugins/anchor.js'][65]++;
+      domUtils.remove(img);
+    }
+  }
+  else {
+    _$jscoverage['plugins/anchor.js'][68]++;
+    if (name) {
+      _$jscoverage['plugins/anchor.js'][70]++;
+      var anchor = this.document.createElement("img");
+      _$jscoverage['plugins/anchor.js'][71]++;
+      range.collapse(true);
+      _$jscoverage['plugins/anchor.js'][72]++;
+      domUtils.setAttributes(anchor, {"anchorname": name, "class": "anchorclass"});
+      _$jscoverage['plugins/anchor.js'][76]++;
+      range.insertNode(anchor).setStartAfter(anchor).setCursor(false, true);
+    }
+  }
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autofloat.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autofloat.js
new file mode 100644
index 000000000..6cb09ad9c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autofloat.js
@@ -0,0 +1,290 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/autofloat.js']) {
+  _$jscoverage['plugins/autofloat.js'] = [];
+  _$jscoverage['plugins/autofloat.js'][10] = 0;
+  _$jscoverage['plugins/autofloat.js'][11] = 0;
+  _$jscoverage['plugins/autofloat.js'][13] = 0;
+  _$jscoverage['plugins/autofloat.js'][16] = 0;
+  _$jscoverage['plugins/autofloat.js'][21] = 0;
+  _$jscoverage['plugins/autofloat.js'][22] = 0;
+  _$jscoverage['plugins/autofloat.js'][24] = 0;
+  _$jscoverage['plugins/autofloat.js'][28] = 0;
+  _$jscoverage['plugins/autofloat.js'][29] = 0;
+  _$jscoverage['plugins/autofloat.js'][30] = 0;
+  _$jscoverage['plugins/autofloat.js'][31] = 0;
+  _$jscoverage['plugins/autofloat.js'][33] = 0;
+  _$jscoverage['plugins/autofloat.js'][35] = 0;
+  _$jscoverage['plugins/autofloat.js'][36] = 0;
+  _$jscoverage['plugins/autofloat.js'][37] = 0;
+  _$jscoverage['plugins/autofloat.js'][38] = 0;
+  _$jscoverage['plugins/autofloat.js'][40] = 0;
+  _$jscoverage['plugins/autofloat.js'][45] = 0;
+  _$jscoverage['plugins/autofloat.js'][46] = 0;
+  _$jscoverage['plugins/autofloat.js'][49] = 0;
+  _$jscoverage['plugins/autofloat.js'][50] = 0;
+  _$jscoverage['plugins/autofloat.js'][51] = 0;
+  _$jscoverage['plugins/autofloat.js'][52] = 0;
+  _$jscoverage['plugins/autofloat.js'][53] = 0;
+  _$jscoverage['plugins/autofloat.js'][54] = 0;
+  _$jscoverage['plugins/autofloat.js'][56] = 0;
+  _$jscoverage['plugins/autofloat.js'][58] = 0;
+  _$jscoverage['plugins/autofloat.js'][59] = 0;
+  _$jscoverage['plugins/autofloat.js'][60] = 0;
+  _$jscoverage['plugins/autofloat.js'][62] = 0;
+  _$jscoverage['plugins/autofloat.js'][63] = 0;
+  _$jscoverage['plugins/autofloat.js'][64] = 0;
+  _$jscoverage['plugins/autofloat.js'][65] = 0;
+  _$jscoverage['plugins/autofloat.js'][69] = 0;
+  _$jscoverage['plugins/autofloat.js'][70] = 0;
+  _$jscoverage['plugins/autofloat.js'][71] = 0;
+  _$jscoverage['plugins/autofloat.js'][72] = 0;
+  _$jscoverage['plugins/autofloat.js'][74] = 0;
+  _$jscoverage['plugins/autofloat.js'][77] = 0;
+  _$jscoverage['plugins/autofloat.js'][78] = 0;
+  _$jscoverage['plugins/autofloat.js'][79] = 0;
+  _$jscoverage['plugins/autofloat.js'][80] = 0;
+  _$jscoverage['plugins/autofloat.js'][81] = 0;
+  _$jscoverage['plugins/autofloat.js'][83] = 0;
+  _$jscoverage['plugins/autofloat.js'][86] = 0;
+  _$jscoverage['plugins/autofloat.js'][87] = 0;
+  _$jscoverage['plugins/autofloat.js'][90] = 0;
+  _$jscoverage['plugins/autofloat.js'][91] = 0;
+  _$jscoverage['plugins/autofloat.js'][92] = 0;
+  _$jscoverage['plugins/autofloat.js'][95] = 0;
+  _$jscoverage['plugins/autofloat.js'][96] = 0;
+  _$jscoverage['plugins/autofloat.js'][98] = 0;
+  _$jscoverage['plugins/autofloat.js'][99] = 0;
+  _$jscoverage['plugins/autofloat.js'][100] = 0;
+  _$jscoverage['plugins/autofloat.js'][101] = 0;
+  _$jscoverage['plugins/autofloat.js'][102] = 0;
+  _$jscoverage['plugins/autofloat.js'][103] = 0;
+  _$jscoverage['plugins/autofloat.js'][104] = 0;
+  _$jscoverage['plugins/autofloat.js'][106] = 0;
+  _$jscoverage['plugins/autofloat.js'][107] = 0;
+  _$jscoverage['plugins/autofloat.js'][109] = 0;
+  _$jscoverage['plugins/autofloat.js'][110] = 0;
+  _$jscoverage['plugins/autofloat.js'][111] = 0;
+  _$jscoverage['plugins/autofloat.js'][114] = 0;
+  _$jscoverage['plugins/autofloat.js'][115] = 0;
+  _$jscoverage['plugins/autofloat.js'][116] = 0;
+  _$jscoverage['plugins/autofloat.js'][119] = 0;
+  _$jscoverage['plugins/autofloat.js'][120] = 0;
+  _$jscoverage['plugins/autofloat.js'][121] = 0;
+  _$jscoverage['plugins/autofloat.js'][124] = 0;
+  _$jscoverage['plugins/autofloat.js'][125] = 0;
+  _$jscoverage['plugins/autofloat.js'][126] = 0;
+}
+_$jscoverage['plugins/autofloat.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#24748;&#28014;&#24037;&#20855;&#26639;</span>","<span class=\"c\">///commandsName  AutoFloat,autoFloatEnabled</span>","<span class=\"c\">///commandsTitle  &#24748;&#28014;&#24037;&#20855;&#26639;</span>","<span class=\"c\">/*</span>","<span class=\"c\"> *  modified by chengchao01</span>","<span class=\"c\"> *</span>","<span class=\"c\"> *  &#27880;&#24847;&#65306; &#24341;&#20837;&#27492;&#21151;&#33021;&#21518;&#65292;&#22312;IE6&#19979;&#20250;&#23558;body&#30340;&#32972;&#26223;&#22270;&#29255;&#35206;&#30422;&#25481;&#65281;</span>","<span class=\"c\"> */</span>","    UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'autofloat'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                lang <span class=\"k\">=</span> me<span class=\"k\">.</span>getLang<span class=\"k\">();</span>","        me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","            topOffset<span class=\"k\">:</span><span class=\"s\">0</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">var</span> optsAutoFloatEnabled <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoFloatEnabled <span class=\"k\">!==</span> <span class=\"k\">false</span><span class=\"k\">,</span>","        topOffset <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>topOffset<span class=\"k\">;</span>","","","        <span class=\"c\">//&#22914;&#26524;&#19981;&#22266;&#23450;toolbar&#30340;&#20301;&#32622;&#65292;&#21017;&#30452;&#25509;&#36864;&#20986;</span>","        <span class=\"k\">if</span><span class=\"k\">(!</span>optsAutoFloatEnabled<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> uiUtils <span class=\"k\">=</span> UE<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","       \t\tLteIE6 <span class=\"k\">=</span> browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;=</span> <span class=\"s\">6</span><span class=\"k\">,</span>","            quirks <span class=\"k\">=</span> browser<span class=\"k\">.</span>quirks<span class=\"k\">;</span>","","        <span class=\"k\">function</span> checkHasUI<span class=\"k\">()</span><span class=\"k\">{</span>","           <span class=\"k\">if</span><span class=\"k\">(!</span>UE<span class=\"k\">.</span>ui<span class=\"k\">)</span><span class=\"k\">{</span>","              alert<span class=\"k\">(</span>lang<span class=\"k\">.</span>autofloatMsg<span class=\"k\">);</span>","               <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","           <span class=\"k\">}</span>","           <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","       <span class=\"k\">}</span>","        <span class=\"k\">function</span> fixIE6FixedPos<span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> docStyle <span class=\"k\">=</span> document<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">;</span>","           docStyle<span class=\"k\">.</span>backgroundImage <span class=\"k\">=</span> <span class=\"s\">'url(\"about:blank\")'</span><span class=\"k\">;</span>","           docStyle<span class=\"k\">.</span>backgroundAttachment <span class=\"k\">=</span> <span class=\"s\">'fixed'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","\t\t<span class=\"k\">var</span>\tbakCssText<span class=\"k\">,</span>","\t\t\tplaceHolder <span class=\"k\">=</span> document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'div'</span><span class=\"k\">),</span>","            toolbarBox<span class=\"k\">,</span>orgTop<span class=\"k\">,</span>","            getPosition<span class=\"k\">,</span>","            flag <span class=\"k\">=</span><span class=\"k\">true</span><span class=\"k\">;</span>   <span class=\"c\">//ie7&#27169;&#24335;&#19979;&#38656;&#35201;&#20559;&#31227;</span>","\t\t<span class=\"k\">function</span> setFloating<span class=\"k\">()</span><span class=\"k\">{</span>","\t\t\t<span class=\"k\">var</span> toobarBoxPos <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>toolbarBox<span class=\"k\">),</span>","\t\t\t\torigalFloat <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>toolbarBox<span class=\"k\">,</span><span class=\"s\">'position'</span><span class=\"k\">),</span>","                origalLeft <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>toolbarBox<span class=\"k\">,</span><span class=\"s\">'left'</span><span class=\"k\">);</span>","\t\t\ttoolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> toolbarBox<span class=\"k\">.</span>offsetWidth <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            toolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>zIndex <span class=\"k\">*</span> <span class=\"s\">1</span> <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","\t\t\ttoolbarBox<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>placeHolder<span class=\"k\">,</span> toolbarBox<span class=\"k\">);</span>","\t\t\t<span class=\"k\">if</span> <span class=\"k\">(</span>LteIE6 <span class=\"k\">||</span> <span class=\"k\">(</span>quirks <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>ie<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>toolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>position <span class=\"k\">!=</span> <span class=\"s\">'absolute'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    toolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>position <span class=\"k\">=</span> <span class=\"s\">'absolute'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                toolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>top <span class=\"k\">=</span> <span class=\"k\">(</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>scrollTop<span class=\"k\">||</span>document<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>scrollTop<span class=\"k\">)</span> <span class=\"k\">-</span> orgTop <span class=\"k\">+</span> topOffset  <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","\t\t\t<span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie7Compat <span class=\"k\">&amp;&amp;</span> flag<span class=\"k\">)</span> <span class=\"k\">{</span>","                    flag <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                    toolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>left <span class=\"k\">=</span>  domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>toolbarBox<span class=\"k\">).</span>x <span class=\"k\">-</span> document<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>getBoundingClientRect<span class=\"k\">().</span>left<span class=\"k\">+</span><span class=\"s\">2</span>  <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>toolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>position <span class=\"k\">!=</span> <span class=\"s\">'fixed'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    toolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>position <span class=\"k\">=</span> <span class=\"s\">'fixed'</span><span class=\"k\">;</span>","                    toolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>top <span class=\"k\">=</span> topOffset <span class=\"k\">+</span><span class=\"s\">\"px\"</span><span class=\"k\">;</span>","                    <span class=\"k\">((</span>origalFloat <span class=\"k\">==</span> <span class=\"s\">'absolute'</span> <span class=\"k\">||</span> origalFloat <span class=\"k\">==</span> <span class=\"s\">'relative'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> parseFloat<span class=\"k\">(</span>origalLeft<span class=\"k\">))</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>toolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>left <span class=\"k\">=</span> toobarBoxPos<span class=\"k\">.</span>x <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","\t\t\t<span class=\"k\">}</span>","\t\t<span class=\"k\">}</span>","\t\t<span class=\"k\">function</span> unsetFloating<span class=\"k\">()</span><span class=\"k\">{</span>","            flag <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>placeHolder<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">{</span>","                placeHolder<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>placeHolder<span class=\"k\">);</span>","            <span class=\"k\">}</span>","\t\t\ttoolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> bakCssText<span class=\"k\">;</span>","\t\t<span class=\"k\">}</span>","","        <span class=\"k\">function</span> updateFloating<span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> rect3 <span class=\"k\">=</span> getPosition<span class=\"k\">(</span>me<span class=\"k\">.</span>container<span class=\"k\">);</span>","            <span class=\"k\">var</span> offset<span class=\"k\">=</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>toolbarTopOffset<span class=\"k\">||</span><span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>rect3<span class=\"k\">.</span>top <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">&amp;&amp;</span> rect3<span class=\"k\">.</span>bottom <span class=\"k\">-</span> toolbarBox<span class=\"k\">.</span>offsetHeight <span class=\"k\">&gt;</span> offset<span class=\"k\">)</span> <span class=\"k\">{</span>","                setFloating<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                unsetFloating<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> defer_updateFloating <span class=\"k\">=</span> utils<span class=\"k\">.</span>defer<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            updateFloating<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">200</span> <span class=\"k\">:</span> <span class=\"s\">100</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'destroy'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>un<span class=\"k\">(</span>window<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'scroll'</span><span class=\"k\">,</span><span class=\"s\">'resize'</span><span class=\"k\">],</span> updateFloating<span class=\"k\">);</span>","            me<span class=\"k\">.</span>removeListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> defer_updateFloating<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'ready'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>checkHasUI<span class=\"k\">(</span>me<span class=\"k\">))</span><span class=\"k\">{</span>","","                getPosition <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">;</span>","                toolbarBox <span class=\"k\">=</span> me<span class=\"k\">.</span>ui<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'toolbarbox'</span><span class=\"k\">);</span>","                orgTop <span class=\"k\">=</span> getPosition<span class=\"k\">(</span>toolbarBox<span class=\"k\">).</span>top<span class=\"k\">;</span>","                bakCssText <span class=\"k\">=</span> toolbarBox<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                placeHolder<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> toolbarBox<span class=\"k\">.</span>offsetHeight <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>LteIE6<span class=\"k\">)</span><span class=\"k\">{</span>","                    fixIE6FixedPos<span class=\"k\">();</span>","                <span class=\"k\">}</span>","                domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>window<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'scroll'</span><span class=\"k\">,</span><span class=\"s\">'resize'</span><span class=\"k\">],</span> updateFloating<span class=\"k\">);</span>","                me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> defer_updateFloating<span class=\"k\">);</span>","","                me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'beforefullscreenchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> enabled<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>enabled<span class=\"k\">)</span> <span class=\"k\">{</span>","                        unsetFloating<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'fullscreenchanged'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> enabled<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>enabled<span class=\"k\">)</span> <span class=\"k\">{</span>","                        updateFloating<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'sourcemodechanged'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> enabled<span class=\"k\">)</span><span class=\"k\">{</span>","                    setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                        updateFloating<span class=\"k\">();</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"clearDoc\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                    setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                        updateFloating<span class=\"k\">();</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">);</span>","","                <span class=\"k\">}</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","\t<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/autofloat.js'][10]++;
+UE.plugins.autofloat = (function () {
+  _$jscoverage['plugins/autofloat.js'][11]++;
+  var me = this, lang = me.getLang();
+  _$jscoverage['plugins/autofloat.js'][13]++;
+  me.setOpt({topOffset: 0});
+  _$jscoverage['plugins/autofloat.js'][16]++;
+  var optsAutoFloatEnabled = (me.options.autoFloatEnabled !== false), topOffset = me.options.topOffset;
+  _$jscoverage['plugins/autofloat.js'][21]++;
+  if ((! optsAutoFloatEnabled)) {
+    _$jscoverage['plugins/autofloat.js'][22]++;
+    return;
+  }
+  _$jscoverage['plugins/autofloat.js'][24]++;
+  var uiUtils = UE.ui.uiUtils, LteIE6 = (browser.ie && (browser.version <= 6)), quirks = browser.quirks;
+  _$jscoverage['plugins/autofloat.js'][28]++;
+  function checkHasUI() {
+    _$jscoverage['plugins/autofloat.js'][29]++;
+    if ((! UE.ui)) {
+      _$jscoverage['plugins/autofloat.js'][30]++;
+      alert(lang.autofloatMsg);
+      _$jscoverage['plugins/autofloat.js'][31]++;
+      return 0;
+    }
+    _$jscoverage['plugins/autofloat.js'][33]++;
+    return 1;
+}
+  _$jscoverage['plugins/autofloat.js'][35]++;
+  function fixIE6FixedPos() {
+    _$jscoverage['plugins/autofloat.js'][36]++;
+    var docStyle = document.body.style;
+    _$jscoverage['plugins/autofloat.js'][37]++;
+    docStyle.backgroundImage = "url(\"about:blank\")";
+    _$jscoverage['plugins/autofloat.js'][38]++;
+    docStyle.backgroundAttachment = "fixed";
+}
+  _$jscoverage['plugins/autofloat.js'][40]++;
+  var bakCssText, placeHolder = document.createElement("div"), toolbarBox, orgTop, getPosition, flag = true;
+  _$jscoverage['plugins/autofloat.js'][45]++;
+  function setFloating() {
+    _$jscoverage['plugins/autofloat.js'][46]++;
+    var toobarBoxPos = domUtils.getXY(toolbarBox), origalFloat = domUtils.getComputedStyle(toolbarBox, "position"), origalLeft = domUtils.getComputedStyle(toolbarBox, "left");
+    _$jscoverage['plugins/autofloat.js'][49]++;
+    toolbarBox.style.width = (toolbarBox.offsetWidth + "px");
+    _$jscoverage['plugins/autofloat.js'][50]++;
+    toolbarBox.style.zIndex = ((me.options.zIndex * 1) + 1);
+    _$jscoverage['plugins/autofloat.js'][51]++;
+    toolbarBox.parentNode.insertBefore(placeHolder, toolbarBox);
+    _$jscoverage['plugins/autofloat.js'][52]++;
+    if ((LteIE6 || (quirks && browser.ie))) {
+      _$jscoverage['plugins/autofloat.js'][53]++;
+      if ((toolbarBox.style.position != "absolute")) {
+        _$jscoverage['plugins/autofloat.js'][54]++;
+        toolbarBox.style.position = "absolute";
+      }
+      _$jscoverage['plugins/autofloat.js'][56]++;
+      toolbarBox.style.top = (((document.body.scrollTop || document.documentElement.scrollTop) - orgTop) + topOffset + "px");
+    }
+    else {
+      _$jscoverage['plugins/autofloat.js'][58]++;
+      if ((browser.ie7Compat && flag)) {
+        _$jscoverage['plugins/autofloat.js'][59]++;
+        flag = false;
+        _$jscoverage['plugins/autofloat.js'][60]++;
+        toolbarBox.style.left = ((domUtils.getXY(toolbarBox).x - document.documentElement.getBoundingClientRect().left) + 2 + "px");
+      }
+      _$jscoverage['plugins/autofloat.js'][62]++;
+      if ((toolbarBox.style.position != "fixed")) {
+        _$jscoverage['plugins/autofloat.js'][63]++;
+        toolbarBox.style.position = "fixed";
+        _$jscoverage['plugins/autofloat.js'][64]++;
+        toolbarBox.style.top = (topOffset + "px");
+        _$jscoverage['plugins/autofloat.js'][65]++;
+        (((origalFloat == "absolute") || (origalFloat == "relative")) && parseFloat(origalLeft) && (toolbarBox.style.left = (toobarBoxPos.x + "px")));
+      }
+    }
+}
+  _$jscoverage['plugins/autofloat.js'][69]++;
+  function unsetFloating() {
+    _$jscoverage['plugins/autofloat.js'][70]++;
+    flag = true;
+    _$jscoverage['plugins/autofloat.js'][71]++;
+    if (placeHolder.parentNode) {
+      _$jscoverage['plugins/autofloat.js'][72]++;
+      placeHolder.parentNode.removeChild(placeHolder);
+    }
+    _$jscoverage['plugins/autofloat.js'][74]++;
+    toolbarBox.style.cssText = bakCssText;
+}
+  _$jscoverage['plugins/autofloat.js'][77]++;
+  function updateFloating() {
+    _$jscoverage['plugins/autofloat.js'][78]++;
+    var rect3 = getPosition(me.container);
+    _$jscoverage['plugins/autofloat.js'][79]++;
+    var offset = (me.options.toolbarTopOffset || 0);
+    _$jscoverage['plugins/autofloat.js'][80]++;
+    if (((rect3.top < 0) && ((rect3.bottom - toolbarBox.offsetHeight) > offset))) {
+      _$jscoverage['plugins/autofloat.js'][81]++;
+      setFloating();
+    }
+    else {
+      _$jscoverage['plugins/autofloat.js'][83]++;
+      unsetFloating();
+    }
+}
+  _$jscoverage['plugins/autofloat.js'][86]++;
+  var defer_updateFloating = utils.defer((function () {
+  _$jscoverage['plugins/autofloat.js'][87]++;
+  updateFloating();
+}), (browser.ie? 200: 100), true);
+  _$jscoverage['plugins/autofloat.js'][90]++;
+  me.addListener("destroy", (function () {
+  _$jscoverage['plugins/autofloat.js'][91]++;
+  domUtils.un(window, ["scroll", "resize"], updateFloating);
+  _$jscoverage['plugins/autofloat.js'][92]++;
+  me.removeListener("keydown", defer_updateFloating);
+}));
+  _$jscoverage['plugins/autofloat.js'][95]++;
+  me.addListener("ready", (function () {
+  _$jscoverage['plugins/autofloat.js'][96]++;
+  if (checkHasUI(me)) {
+    _$jscoverage['plugins/autofloat.js'][98]++;
+    getPosition = uiUtils.getClientRect;
+    _$jscoverage['plugins/autofloat.js'][99]++;
+    toolbarBox = me.ui.getDom("toolbarbox");
+    _$jscoverage['plugins/autofloat.js'][100]++;
+    orgTop = getPosition(toolbarBox).top;
+    _$jscoverage['plugins/autofloat.js'][101]++;
+    bakCssText = toolbarBox.style.cssText;
+    _$jscoverage['plugins/autofloat.js'][102]++;
+    placeHolder.style.height = (toolbarBox.offsetHeight + "px");
+    _$jscoverage['plugins/autofloat.js'][103]++;
+    if (LteIE6) {
+      _$jscoverage['plugins/autofloat.js'][104]++;
+      fixIE6FixedPos();
+    }
+    _$jscoverage['plugins/autofloat.js'][106]++;
+    domUtils.on(window, ["scroll", "resize"], updateFloating);
+    _$jscoverage['plugins/autofloat.js'][107]++;
+    me.addListener("keydown", defer_updateFloating);
+    _$jscoverage['plugins/autofloat.js'][109]++;
+    me.addListener("beforefullscreenchange", (function (t, enabled) {
+  _$jscoverage['plugins/autofloat.js'][110]++;
+  if (enabled) {
+    _$jscoverage['plugins/autofloat.js'][111]++;
+    unsetFloating();
+  }
+}));
+    _$jscoverage['plugins/autofloat.js'][114]++;
+    me.addListener("fullscreenchanged", (function (t, enabled) {
+  _$jscoverage['plugins/autofloat.js'][115]++;
+  if ((! enabled)) {
+    _$jscoverage['plugins/autofloat.js'][116]++;
+    updateFloating();
+  }
+}));
+    _$jscoverage['plugins/autofloat.js'][119]++;
+    me.addListener("sourcemodechanged", (function (t, enabled) {
+  _$jscoverage['plugins/autofloat.js'][120]++;
+  setTimeout((function () {
+  _$jscoverage['plugins/autofloat.js'][121]++;
+  updateFloating();
+}), 0);
+}));
+    _$jscoverage['plugins/autofloat.js'][124]++;
+    me.addListener("clearDoc", (function () {
+  _$jscoverage['plugins/autofloat.js'][125]++;
+  setTimeout((function () {
+  _$jscoverage['plugins/autofloat.js'][126]++;
+  updateFloating();
+}), 0);
+}));
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autoheight.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autoheight.js
new file mode 100644
index 000000000..ba8195a94
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autoheight.js
@@ -0,0 +1,224 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/autoheight.js']) {
+  _$jscoverage['plugins/autoheight.js'] = [];
+  _$jscoverage['plugins/autoheight.js'][9] = 0;
+  _$jscoverage['plugins/autoheight.js'][10] = 0;
+  _$jscoverage['plugins/autoheight.js'][12] = 0;
+  _$jscoverage['plugins/autoheight.js'][13] = 0;
+  _$jscoverage['plugins/autoheight.js'][14] = 0;
+  _$jscoverage['plugins/autoheight.js'][17] = 0;
+  _$jscoverage['plugins/autoheight.js'][24] = 0;
+  _$jscoverage['plugins/autoheight.js'][25] = 0;
+  _$jscoverage['plugins/autoheight.js'][26] = 0;
+  _$jscoverage['plugins/autoheight.js'][27] = 0;
+  _$jscoverage['plugins/autoheight.js'][28] = 0;
+  _$jscoverage['plugins/autoheight.js'][29] = 0;
+  _$jscoverage['plugins/autoheight.js'][30] = 0;
+  _$jscoverage['plugins/autoheight.js'][31] = 0;
+  _$jscoverage['plugins/autoheight.js'][33] = 0;
+  _$jscoverage['plugins/autoheight.js'][34] = 0;
+  _$jscoverage['plugins/autoheight.js'][36] = 0;
+  _$jscoverage['plugins/autoheight.js'][37] = 0;
+  _$jscoverage['plugins/autoheight.js'][38] = 0;
+  _$jscoverage['plugins/autoheight.js'][39] = 0;
+  _$jscoverage['plugins/autoheight.js'][41] = 0;
+  _$jscoverage['plugins/autoheight.js'][43] = 0;
+  _$jscoverage['plugins/autoheight.js'][45] = 0;
+  _$jscoverage['plugins/autoheight.js'][50] = 0;
+  _$jscoverage['plugins/autoheight.js'][51] = 0;
+  _$jscoverage['plugins/autoheight.js'][52] = 0;
+  _$jscoverage['plugins/autoheight.js'][54] = 0;
+  _$jscoverage['plugins/autoheight.js'][55] = 0;
+  _$jscoverage['plugins/autoheight.js'][57] = 0;
+  _$jscoverage['plugins/autoheight.js'][58] = 0;
+  _$jscoverage['plugins/autoheight.js'][59] = 0;
+  _$jscoverage['plugins/autoheight.js'][60] = 0;
+  _$jscoverage['plugins/autoheight.js'][62] = 0;
+  _$jscoverage['plugins/autoheight.js'][63] = 0;
+  _$jscoverage['plugins/autoheight.js'][64] = 0;
+  _$jscoverage['plugins/autoheight.js'][65] = 0;
+  _$jscoverage['plugins/autoheight.js'][66] = 0;
+  _$jscoverage['plugins/autoheight.js'][69] = 0;
+  _$jscoverage['plugins/autoheight.js'][70] = 0;
+  _$jscoverage['plugins/autoheight.js'][72] = 0;
+  _$jscoverage['plugins/autoheight.js'][74] = 0;
+  _$jscoverage['plugins/autoheight.js'][76] = 0;
+  _$jscoverage['plugins/autoheight.js'][78] = 0;
+  _$jscoverage['plugins/autoheight.js'][79] = 0;
+  _$jscoverage['plugins/autoheight.js'][80] = 0;
+  _$jscoverage['plugins/autoheight.js'][81] = 0;
+  _$jscoverage['plugins/autoheight.js'][82] = 0;
+  _$jscoverage['plugins/autoheight.js'][84] = 0;
+  _$jscoverage['plugins/autoheight.js'][85] = 0;
+  _$jscoverage['plugins/autoheight.js'][87] = 0;
+  _$jscoverage['plugins/autoheight.js'][88] = 0;
+  _$jscoverage['plugins/autoheight.js'][89] = 0;
+  _$jscoverage['plugins/autoheight.js'][90] = 0;
+  _$jscoverage['plugins/autoheight.js'][91] = 0;
+}
+_$jscoverage['plugins/autoheight.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#24403;&#36755;&#20837;&#20869;&#23481;&#36229;&#36807;&#32534;&#36753;&#22120;&#39640;&#24230;&#26102;&#65292;&#32534;&#36753;&#22120;&#33258;&#21160;&#22686;&#39640;</span>","<span class=\"c\">///commandsName  AutoHeight,autoHeightEnabled</span>","<span class=\"c\">///commandsTitle  &#33258;&#21160;&#22686;&#39640;</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * @description &#33258;&#21160;&#20280;&#23637;</span>","<span class=\"c\"> * @author zhanyi</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'autoheight'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    <span class=\"c\">//&#25552;&#20379;&#24320;&#20851;&#65292;&#23601;&#31639;&#21152;&#36733;&#20063;&#21487;&#20197;&#20851;&#38381;</span>","    me<span class=\"k\">.</span>autoHeightEnabled <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoHeightEnabled <span class=\"k\">!==</span> <span class=\"k\">false</span><span class=\"k\">;</span>","    <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>autoHeightEnabled<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">var</span> bakOverflow<span class=\"k\">,</span>","        span<span class=\"k\">,</span> tmpNode<span class=\"k\">,</span>","        lastHeight <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","        options <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">,</span>","        currentHeight<span class=\"k\">,</span>","        timer<span class=\"k\">;</span>","","    <span class=\"k\">function</span> adjustHeight<span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        clearTimeout<span class=\"k\">(</span>timer<span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>isFullscreen<span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","        timer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>queryCommandState <span class=\"k\">||</span> me<span class=\"k\">.</span>queryCommandState <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'source'</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>span<span class=\"k\">)</span> <span class=\"k\">{</span>","                    span <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","                    <span class=\"c\">//trace:1764</span>","                    span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">'display:block;width:0;margin:0;padding:0;border:0;clear:both;'</span><span class=\"k\">;</span>","                    span<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'.'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                tmpNode <span class=\"k\">=</span> span<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                currentHeight <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>y <span class=\"k\">+</span> tmpNode<span class=\"k\">.</span>offsetHeight<span class=\"k\">,</span>Math<span class=\"k\">.</span>max<span class=\"k\">(</span>options<span class=\"k\">.</span>minFrameHeight<span class=\"k\">,</span> options<span class=\"k\">.</span>initialFrameHeight<span class=\"k\">));</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>currentHeight <span class=\"k\">!=</span> lastHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","","                    me<span class=\"k\">.</span>setHeight<span class=\"k\">(</span>currentHeight<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","","                    lastHeight <span class=\"k\">=</span> currentHeight<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">50</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","    <span class=\"k\">var</span> isFullscreen<span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'fullscreenchanged'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>cmd<span class=\"k\">,</span>f<span class=\"k\">)</span><span class=\"k\">{</span>","        isFullscreen <span class=\"k\">=</span> f","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'destroy'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        me<span class=\"k\">.</span>removeListener<span class=\"k\">(</span><span class=\"s\">'contentchange afterinserthtml keyup mouseup'</span><span class=\"k\">,</span>adjustHeight<span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>enableAutoHeight <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>autoHeightEnabled<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> doc <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">;</span>","        me<span class=\"k\">.</span>autoHeightEnabled <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        bakOverflow <span class=\"k\">=</span> doc<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>overflowY<span class=\"k\">;</span>","        doc<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>overflowY <span class=\"k\">=</span> <span class=\"s\">'hidden'</span><span class=\"k\">;</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'contentchange afterinserthtml keyup mouseup'</span><span class=\"k\">,</span>adjustHeight<span class=\"k\">);</span>","        <span class=\"c\">//ff&#19981;&#32473;&#20107;&#20214;&#31639;&#24471;&#19981;&#23545;</span>","","        setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            adjustHeight<span class=\"k\">.</span>call<span class=\"k\">(</span>me<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span> browser<span class=\"k\">.</span>gecko <span class=\"k\">?</span> <span class=\"s\">100</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'autoheightchanged'</span><span class=\"k\">,</span> me<span class=\"k\">.</span>autoHeightEnabled<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>disableAutoHeight <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","","        me<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>overflowY <span class=\"k\">=</span> bakOverflow <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">;</span>","","        me<span class=\"k\">.</span>removeListener<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">,</span> adjustHeight<span class=\"k\">);</span>","        me<span class=\"k\">.</span>removeListener<span class=\"k\">(</span><span class=\"s\">'keyup'</span><span class=\"k\">,</span> adjustHeight<span class=\"k\">);</span>","        me<span class=\"k\">.</span>removeListener<span class=\"k\">(</span><span class=\"s\">'mouseup'</span><span class=\"k\">,</span> adjustHeight<span class=\"k\">);</span>","        me<span class=\"k\">.</span>autoHeightEnabled <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'autoheightchanged'</span><span class=\"k\">,</span> me<span class=\"k\">.</span>autoHeightEnabled<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'ready'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        me<span class=\"k\">.</span>enableAutoHeight<span class=\"k\">();</span>","        <span class=\"c\">//trace:1764</span>","        <span class=\"k\">var</span> timer<span class=\"k\">;</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> me<span class=\"k\">.</span>body <span class=\"k\">:</span> me<span class=\"k\">.</span>document<span class=\"k\">,</span> browser<span class=\"k\">.</span>webkit <span class=\"k\">?</span> <span class=\"s\">'dragover'</span> <span class=\"k\">:</span> <span class=\"s\">'drop'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            clearTimeout<span class=\"k\">(</span>timer<span class=\"k\">);</span>","            timer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                adjustHeight<span class=\"k\">.</span>call<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">100</span><span class=\"k\">);</span>","","        <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/autoheight.js'][9]++;
+UE.plugins.autoheight = (function () {
+  _$jscoverage['plugins/autoheight.js'][10]++;
+  var me = this;
+  _$jscoverage['plugins/autoheight.js'][12]++;
+  me.autoHeightEnabled = (me.options.autoHeightEnabled !== false);
+  _$jscoverage['plugins/autoheight.js'][13]++;
+  if ((! me.autoHeightEnabled)) {
+    _$jscoverage['plugins/autoheight.js'][14]++;
+    return;
+  }
+  _$jscoverage['plugins/autoheight.js'][17]++;
+  var bakOverflow, span, tmpNode, lastHeight = 0, options = me.options, currentHeight, timer;
+  _$jscoverage['plugins/autoheight.js'][24]++;
+  function adjustHeight() {
+    _$jscoverage['plugins/autoheight.js'][25]++;
+    var me = this;
+    _$jscoverage['plugins/autoheight.js'][26]++;
+    clearTimeout(timer);
+    _$jscoverage['plugins/autoheight.js'][27]++;
+    if (isFullscreen) {
+      _$jscoverage['plugins/autoheight.js'][27]++;
+      return;
+    }
+    _$jscoverage['plugins/autoheight.js'][28]++;
+    timer = setTimeout((function () {
+  _$jscoverage['plugins/autoheight.js'][29]++;
+  if (((! me.queryCommandState) || (me.queryCommandState && (me.queryCommandState("source") != 1)))) {
+    _$jscoverage['plugins/autoheight.js'][30]++;
+    if ((! span)) {
+      _$jscoverage['plugins/autoheight.js'][31]++;
+      span = me.document.createElement("span");
+      _$jscoverage['plugins/autoheight.js'][33]++;
+      span.style.cssText = "display:block;width:0;margin:0;padding:0;border:0;clear:both;";
+      _$jscoverage['plugins/autoheight.js'][34]++;
+      span.innerHTML = ".";
+    }
+    _$jscoverage['plugins/autoheight.js'][36]++;
+    tmpNode = span.cloneNode(true);
+    _$jscoverage['plugins/autoheight.js'][37]++;
+    me.body.appendChild(tmpNode);
+    _$jscoverage['plugins/autoheight.js'][38]++;
+    currentHeight = Math.max((domUtils.getXY(tmpNode).y + tmpNode.offsetHeight), Math.max(options.minFrameHeight, options.initialFrameHeight));
+    _$jscoverage['plugins/autoheight.js'][39]++;
+    if ((currentHeight != lastHeight)) {
+      _$jscoverage['plugins/autoheight.js'][41]++;
+      me.setHeight(currentHeight, true);
+      _$jscoverage['plugins/autoheight.js'][43]++;
+      lastHeight = currentHeight;
+    }
+    _$jscoverage['plugins/autoheight.js'][45]++;
+    domUtils.remove(tmpNode);
+  }
+}), 50);
+}
+  _$jscoverage['plugins/autoheight.js'][50]++;
+  var isFullscreen;
+  _$jscoverage['plugins/autoheight.js'][51]++;
+  me.addListener("fullscreenchanged", (function (cmd, f) {
+  _$jscoverage['plugins/autoheight.js'][52]++;
+  isFullscreen = f;
+}));
+  _$jscoverage['plugins/autoheight.js'][54]++;
+  me.addListener("destroy", (function () {
+  _$jscoverage['plugins/autoheight.js'][55]++;
+  me.removeListener("contentchange afterinserthtml keyup mouseup", adjustHeight);
+}));
+  _$jscoverage['plugins/autoheight.js'][57]++;
+  me.enableAutoHeight = (function () {
+  _$jscoverage['plugins/autoheight.js'][58]++;
+  var me = this;
+  _$jscoverage['plugins/autoheight.js'][59]++;
+  if ((! me.autoHeightEnabled)) {
+    _$jscoverage['plugins/autoheight.js'][60]++;
+    return;
+  }
+  _$jscoverage['plugins/autoheight.js'][62]++;
+  var doc = me.document;
+  _$jscoverage['plugins/autoheight.js'][63]++;
+  me.autoHeightEnabled = true;
+  _$jscoverage['plugins/autoheight.js'][64]++;
+  bakOverflow = doc.body.style.overflowY;
+  _$jscoverage['plugins/autoheight.js'][65]++;
+  doc.body.style.overflowY = "hidden";
+  _$jscoverage['plugins/autoheight.js'][66]++;
+  me.addListener("contentchange afterinserthtml keyup mouseup", adjustHeight);
+  _$jscoverage['plugins/autoheight.js'][69]++;
+  setTimeout((function () {
+  _$jscoverage['plugins/autoheight.js'][70]++;
+  adjustHeight.call(me);
+}), (browser.gecko? 100: 0));
+  _$jscoverage['plugins/autoheight.js'][72]++;
+  me.fireEvent("autoheightchanged", me.autoHeightEnabled);
+});
+  _$jscoverage['plugins/autoheight.js'][74]++;
+  me.disableAutoHeight = (function () {
+  _$jscoverage['plugins/autoheight.js'][76]++;
+  me.body.style.overflowY = (bakOverflow || "");
+  _$jscoverage['plugins/autoheight.js'][78]++;
+  me.removeListener("contentchange", adjustHeight);
+  _$jscoverage['plugins/autoheight.js'][79]++;
+  me.removeListener("keyup", adjustHeight);
+  _$jscoverage['plugins/autoheight.js'][80]++;
+  me.removeListener("mouseup", adjustHeight);
+  _$jscoverage['plugins/autoheight.js'][81]++;
+  me.autoHeightEnabled = false;
+  _$jscoverage['plugins/autoheight.js'][82]++;
+  me.fireEvent("autoheightchanged", me.autoHeightEnabled);
+});
+  _$jscoverage['plugins/autoheight.js'][84]++;
+  me.addListener("ready", (function () {
+  _$jscoverage['plugins/autoheight.js'][85]++;
+  me.enableAutoHeight();
+  _$jscoverage['plugins/autoheight.js'][87]++;
+  var timer;
+  _$jscoverage['plugins/autoheight.js'][88]++;
+  domUtils.on((browser.ie? me.body: me.document), (browser.webkit? "dragover": "drop"), (function () {
+  _$jscoverage['plugins/autoheight.js'][89]++;
+  clearTimeout(timer);
+  _$jscoverage['plugins/autoheight.js'][90]++;
+  timer = setTimeout((function () {
+  _$jscoverage['plugins/autoheight.js'][91]++;
+  adjustHeight.call(this);
+}), 100);
+}));
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autolink.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autolink.js
new file mode 100644
index 000000000..e232a6180
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autolink.js
@@ -0,0 +1,246 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/autolink.js']) {
+  _$jscoverage['plugins/autolink.js'] = [];
+  _$jscoverage['plugins/autolink.js'][9] = 0;
+  _$jscoverage['plugins/autolink.js'][10] = 0;
+  _$jscoverage['plugins/autolink.js'][11] = 0;
+  _$jscoverage['plugins/autolink.js'][12] = 0;
+  _$jscoverage['plugins/autolink.js'][14] = 0;
+  _$jscoverage['plugins/autolink.js'][15] = 0;
+  _$jscoverage['plugins/autolink.js'][16] = 0;
+  _$jscoverage['plugins/autolink.js'][18] = 0;
+  _$jscoverage['plugins/autolink.js'][19] = 0;
+  _$jscoverage['plugins/autolink.js'][21] = 0;
+  _$jscoverage['plugins/autolink.js'][23] = 0;
+  _$jscoverage['plugins/autolink.js'][28] = 0;
+  _$jscoverage['plugins/autolink.js'][29] = 0;
+  _$jscoverage['plugins/autolink.js'][30] = 0;
+  _$jscoverage['plugins/autolink.js'][31] = 0;
+  _$jscoverage['plugins/autolink.js'][32] = 0;
+  _$jscoverage['plugins/autolink.js'][34] = 0;
+  _$jscoverage['plugins/autolink.js'][35] = 0;
+  _$jscoverage['plugins/autolink.js'][36] = 0;
+  _$jscoverage['plugins/autolink.js'][39] = 0;
+  _$jscoverage['plugins/autolink.js'][40] = 0;
+  _$jscoverage['plugins/autolink.js'][41] = 0;
+  _$jscoverage['plugins/autolink.js'][43] = 0;
+  _$jscoverage['plugins/autolink.js'][44] = 0;
+  _$jscoverage['plugins/autolink.js'][46] = 0;
+  _$jscoverage['plugins/autolink.js'][47] = 0;
+  _$jscoverage['plugins/autolink.js'][49] = 0;
+  _$jscoverage['plugins/autolink.js'][51] = 0;
+  _$jscoverage['plugins/autolink.js'][52] = 0;
+  _$jscoverage['plugins/autolink.js'][54] = 0;
+  _$jscoverage['plugins/autolink.js'][55] = 0;
+  _$jscoverage['plugins/autolink.js'][58] = 0;
+  _$jscoverage['plugins/autolink.js'][59] = 0;
+  _$jscoverage['plugins/autolink.js'][60] = 0;
+  _$jscoverage['plugins/autolink.js'][61] = 0;
+  _$jscoverage['plugins/autolink.js'][63] = 0;
+  _$jscoverage['plugins/autolink.js'][64] = 0;
+  _$jscoverage['plugins/autolink.js'][67] = 0;
+  _$jscoverage['plugins/autolink.js'][68] = 0;
+  _$jscoverage['plugins/autolink.js'][69] = 0;
+  _$jscoverage['plugins/autolink.js'][70] = 0;
+  _$jscoverage['plugins/autolink.js'][72] = 0;
+  _$jscoverage['plugins/autolink.js'][75] = 0;
+  _$jscoverage['plugins/autolink.js'][81] = 0;
+  _$jscoverage['plugins/autolink.js'][82] = 0;
+  _$jscoverage['plugins/autolink.js'][84] = 0;
+  _$jscoverage['plugins/autolink.js'][86] = 0;
+  _$jscoverage['plugins/autolink.js'][87] = 0;
+  _$jscoverage['plugins/autolink.js'][88] = 0;
+  _$jscoverage['plugins/autolink.js'][89] = 0;
+  _$jscoverage['plugins/autolink.js'][90] = 0;
+  _$jscoverage['plugins/autolink.js'][91] = 0;
+  _$jscoverage['plugins/autolink.js'][92] = 0;
+  _$jscoverage['plugins/autolink.js'][94] = 0;
+  _$jscoverage['plugins/autolink.js'][95] = 0;
+  _$jscoverage['plugins/autolink.js'][96] = 0;
+  _$jscoverage['plugins/autolink.js'][97] = 0;
+  _$jscoverage['plugins/autolink.js'][98] = 0;
+  _$jscoverage['plugins/autolink.js'][99] = 0;
+  _$jscoverage['plugins/autolink.js'][100] = 0;
+}
+_$jscoverage['plugins/autolink.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#20026;&#38750;ie&#27983;&#35272;&#22120;&#33258;&#21160;&#28155;&#21152;a&#26631;&#31614;</span>","<span class=\"c\">///commandsName  AutoLink</span>","<span class=\"c\">///commandsTitle  &#33258;&#21160;&#22686;&#21152;&#38142;&#25509;</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * @description &#20026;&#38750;ie&#27983;&#35272;&#22120;&#33258;&#21160;&#28155;&#21152;a&#26631;&#31614;</span>","<span class=\"c\"> * @author zhanyi</span>","<span class=\"c\"> */</span>","    UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'autolink'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> cont <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'reset'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","           cont <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">32</span> <span class=\"k\">||</span> keyCode <span class=\"k\">==</span> <span class=\"s\">13</span><span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">var</span> sel <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">(),</span>","                    range <span class=\"k\">=</span> sel<span class=\"k\">.</span>getRangeAt<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">).</span>cloneRange<span class=\"k\">(),</span>","                    offset<span class=\"k\">,</span>","                    charCode<span class=\"k\">;</span>","","                <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>startOffset <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">];</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>start<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>start<span class=\"k\">,</span> start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length <span class=\"k\">:</span> start<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">);</span>","                    range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">do</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>startOffset <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","","                        <span class=\"k\">while</span> <span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            start <span class=\"k\">=</span> start<span class=\"k\">.</span>lastChild<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>start <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>start<span class=\"k\">))</span><span class=\"k\">{</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        offset <span class=\"k\">=</span> start<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length<span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                        offset <span class=\"k\">=</span> range<span class=\"k\">.</span>startOffset<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>start<span class=\"k\">,</span> offset <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                    charCode <span class=\"k\">=</span> range<span class=\"k\">.</span>toString<span class=\"k\">().</span>charCodeAt<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">while</span> <span class=\"k\">(</span>charCode <span class=\"k\">!=</span> <span class=\"s\">160</span> <span class=\"k\">&amp;&amp;</span> charCode <span class=\"k\">!=</span> <span class=\"s\">32</span><span class=\"k\">);</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>toString<span class=\"k\">().</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">,</span> <span class=\"s\">'g'</span><span class=\"k\">),</span> <span class=\"s\">''</span><span class=\"k\">).</span>match<span class=\"k\">(</span><span class=\"s\">/(?:https?:\\/\\/|ssh:\\/\\/|ftp:\\/\\/|file:\\/|www\\.)/i</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>range<span class=\"k\">.</span>toString<span class=\"k\">().</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/^(?:https?:\\/\\/|ssh:\\/\\/|ftp:\\/\\/|file:\\/|www\\.)/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>range<span class=\"k\">.</span>toString<span class=\"k\">()))</span><span class=\"k\">{</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">try</span><span class=\"k\">{</span>","                            range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">+</span><span class=\"s\">1</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                            <span class=\"c\">//trace:2121</span>","                            <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                            <span class=\"k\">while</span><span class=\"k\">(!(</span>next <span class=\"k\">=</span> start<span class=\"k\">.</span>nextSibling<span class=\"k\">))</span><span class=\"k\">{</span>","                                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>start<span class=\"k\">))</span><span class=\"k\">{</span>","                                    <span class=\"k\">return</span><span class=\"k\">;</span>","                                <span class=\"k\">}</span>","                                start <span class=\"k\">=</span> start<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","","                            <span class=\"k\">}</span>","                            range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>next<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">);</span>","","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span>","                    <span class=\"c\">//range&#30340;&#24320;&#22987;&#36793;&#30028;&#24050;&#32463;&#22312;a&#26631;&#31614;&#37324;&#30340;&#19981;&#20877;&#22788;&#29702;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'a'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">))</span><span class=\"k\">{</span>","                        <span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">var</span> a <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'a'</span><span class=\"k\">),</span>text <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">),</span>href<span class=\"k\">;</span>","","                    me<span class=\"k\">.</span>undoManger <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","                    a<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>range<span class=\"k\">.</span>extractContents<span class=\"k\">());</span>","                    a<span class=\"k\">.</span>href <span class=\"k\">=</span> a<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> a<span class=\"k\">.</span>innerHTML<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&lt;[^&gt;]+&gt;/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","                    href <span class=\"k\">=</span> a<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"href\"</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">,</span><span class=\"s\">'g'</span><span class=\"k\">),</span><span class=\"s\">''</span><span class=\"k\">);</span>","                    href <span class=\"k\">=</span> <span class=\"s\">/^(?:https?:\\/\\/)/ig</span><span class=\"k\">.</span>test<span class=\"k\">(</span>href<span class=\"k\">)</span> <span class=\"k\">?</span> href <span class=\"k\">:</span> <span class=\"s\">\"http://\"</span><span class=\"k\">+</span> href<span class=\"k\">;</span>","                    a<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'_src'</span><span class=\"k\">,</span>utils<span class=\"k\">.</span>html<span class=\"k\">(</span>href<span class=\"k\">));</span>","                    a<span class=\"k\">.</span>href <span class=\"k\">=</span> utils<span class=\"k\">.</span>html<span class=\"k\">(</span>href<span class=\"k\">);</span>","","                    range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>a<span class=\"k\">);</span>","                    a<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>text<span class=\"k\">,</span> a<span class=\"k\">.</span>nextSibling<span class=\"k\">);</span>","                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>text<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","                    range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    sel<span class=\"k\">.</span>removeAllRanges<span class=\"k\">();</span>","                    sel<span class=\"k\">.</span>addRange<span class=\"k\">(</span>range<span class=\"k\">);</span>","                    me<span class=\"k\">.</span>undoManger <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/autolink.js'][9]++;
+UE.plugins.autolink = (function () {
+  _$jscoverage['plugins/autolink.js'][10]++;
+  var cont = 0;
+  _$jscoverage['plugins/autolink.js'][11]++;
+  if (browser.ie) {
+    _$jscoverage['plugins/autolink.js'][12]++;
+    return;
+  }
+  _$jscoverage['plugins/autolink.js'][14]++;
+  var me = this;
+  _$jscoverage['plugins/autolink.js'][15]++;
+  me.addListener("reset", (function () {
+  _$jscoverage['plugins/autolink.js'][16]++;
+  cont = 0;
+}));
+  _$jscoverage['plugins/autolink.js'][18]++;
+  me.addListener("keydown", (function (type, evt) {
+  _$jscoverage['plugins/autolink.js'][19]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/autolink.js'][21]++;
+  if (((keyCode == 32) || (keyCode == 13))) {
+    _$jscoverage['plugins/autolink.js'][23]++;
+    var sel = me.selection.getNative(), range = sel.getRangeAt(0).cloneRange(), offset, charCode;
+    _$jscoverage['plugins/autolink.js'][28]++;
+    var start = range.startContainer;
+    _$jscoverage['plugins/autolink.js'][29]++;
+    while (((start.nodeType == 1) && (range.startOffset > 0))) {
+      _$jscoverage['plugins/autolink.js'][30]++;
+      start = range.startContainer.childNodes[(range.startOffset - 1)];
+      _$jscoverage['plugins/autolink.js'][31]++;
+      if ((! start)) {
+        _$jscoverage['plugins/autolink.js'][32]++;
+        break;
+      }
+      _$jscoverage['plugins/autolink.js'][34]++;
+      range.setStart(start, ((start.nodeType == 1)? start.childNodes.length: start.nodeValue.length));
+      _$jscoverage['plugins/autolink.js'][35]++;
+      range.collapse(true);
+      _$jscoverage['plugins/autolink.js'][36]++;
+      start = range.startContainer;
+}
+    _$jscoverage['plugins/autolink.js'][39]++;
+    do {
+      _$jscoverage['plugins/autolink.js'][40]++;
+      if ((range.startOffset == 0)) {
+        _$jscoverage['plugins/autolink.js'][41]++;
+        start = range.startContainer.previousSibling;
+        _$jscoverage['plugins/autolink.js'][43]++;
+        while ((start && (start.nodeType == 1))) {
+          _$jscoverage['plugins/autolink.js'][44]++;
+          start = start.lastChild;
+}
+        _$jscoverage['plugins/autolink.js'][46]++;
+        if (((! start) || domUtils.isFillChar(start))) {
+          _$jscoverage['plugins/autolink.js'][47]++;
+          break;
+        }
+        _$jscoverage['plugins/autolink.js'][49]++;
+        offset = start.nodeValue.length;
+      }
+      else {
+        _$jscoverage['plugins/autolink.js'][51]++;
+        start = range.startContainer;
+        _$jscoverage['plugins/autolink.js'][52]++;
+        offset = range.startOffset;
+      }
+      _$jscoverage['plugins/autolink.js'][54]++;
+      range.setStart(start, (offset - 1));
+      _$jscoverage['plugins/autolink.js'][55]++;
+      charCode = range.toString().charCodeAt(0);
+}
+    while (((charCode != 160) && (charCode != 32)));
+    _$jscoverage['plugins/autolink.js'][58]++;
+    if (range.toString().replace(new RegExp(domUtils.fillChar, "g"), "").match(/(?:https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.)/i)) {
+      _$jscoverage['plugins/autolink.js'][59]++;
+      while (range.toString().length) {
+        _$jscoverage['plugins/autolink.js'][60]++;
+        if (/^(?:https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.)/i.test(range.toString())) {
+          _$jscoverage['plugins/autolink.js'][61]++;
+          break;
+        }
+        _$jscoverage['plugins/autolink.js'][63]++;
+        try {
+          _$jscoverage['plugins/autolink.js'][64]++;
+          range.setStart(range.startContainer, (range.startOffset + 1));
+        }
+        catch (e) {
+          _$jscoverage['plugins/autolink.js'][67]++;
+          var start = range.startContainer;
+          _$jscoverage['plugins/autolink.js'][68]++;
+          while ((! (next = start.nextSibling))) {
+            _$jscoverage['plugins/autolink.js'][69]++;
+            if (domUtils.isBody(start)) {
+              _$jscoverage['plugins/autolink.js'][70]++;
+              return;
+            }
+            _$jscoverage['plugins/autolink.js'][72]++;
+            start = start.parentNode;
+}
+          _$jscoverage['plugins/autolink.js'][75]++;
+          range.setStart(next, 0);
+        }
+}
+      _$jscoverage['plugins/autolink.js'][81]++;
+      if (domUtils.findParentByTagName(range.startContainer, "a", true)) {
+        _$jscoverage['plugins/autolink.js'][82]++;
+        return;
+      }
+      _$jscoverage['plugins/autolink.js'][84]++;
+      var a = me.document.createElement("a"), text = me.document.createTextNode(" "), href;
+      _$jscoverage['plugins/autolink.js'][86]++;
+      (me.undoManger && me.undoManger.save());
+      _$jscoverage['plugins/autolink.js'][87]++;
+      a.appendChild(range.extractContents());
+      _$jscoverage['plugins/autolink.js'][88]++;
+      a.href = (a.innerHTML = a.innerHTML.replace(/<[^>]+>/g, ""));
+      _$jscoverage['plugins/autolink.js'][89]++;
+      href = a.getAttribute("href").replace(new RegExp(domUtils.fillChar, "g"), "");
+      _$jscoverage['plugins/autolink.js'][90]++;
+      href = (/^(?:https?:\/\/)/gi.test(href)? href: ("http://" + href));
+      _$jscoverage['plugins/autolink.js'][91]++;
+      a.setAttribute("_src", utils.html(href));
+      _$jscoverage['plugins/autolink.js'][92]++;
+      a.href = utils.html(href);
+      _$jscoverage['plugins/autolink.js'][94]++;
+      range.insertNode(a);
+      _$jscoverage['plugins/autolink.js'][95]++;
+      a.parentNode.insertBefore(text, a.nextSibling);
+      _$jscoverage['plugins/autolink.js'][96]++;
+      range.setStart(text, 0);
+      _$jscoverage['plugins/autolink.js'][97]++;
+      range.collapse(true);
+      _$jscoverage['plugins/autolink.js'][98]++;
+      sel.removeAllRanges();
+      _$jscoverage['plugins/autolink.js'][99]++;
+      sel.addRange(range);
+      _$jscoverage['plugins/autolink.js'][100]++;
+      (me.undoManger && me.undoManger.save());
+    }
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autosubmit.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autosubmit.js
new file mode 100644
index 000000000..72002947b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autosubmit.js
@@ -0,0 +1,77 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/autosubmit.js']) {
+  _$jscoverage['plugins/autosubmit.js'] = [];
+  _$jscoverage['plugins/autosubmit.js'][17] = 0;
+  _$jscoverage['plugins/autosubmit.js'][18] = 0;
+  _$jscoverage['plugins/autosubmit.js'][19] = 0;
+  _$jscoverage['plugins/autosubmit.js'][21] = 0;
+  _$jscoverage['plugins/autosubmit.js'][23] = 0;
+  _$jscoverage['plugins/autosubmit.js'][24] = 0;
+  _$jscoverage['plugins/autosubmit.js'][25] = 0;
+  _$jscoverage['plugins/autosubmit.js'][27] = 0;
+  _$jscoverage['plugins/autosubmit.js'][28] = 0;
+  _$jscoverage['plugins/autosubmit.js'][33] = 0;
+}
+_$jscoverage['plugins/autosubmit.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#24555;&#25463;&#38190;&#25552;&#20132;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23545;&#32534;&#36753;&#22120;&#21306;&#22495;&#25554;&#20837;html&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @command autosubmit</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'autosubmit' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'autosubmit'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'autosubmit'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me<span class=\"k\">=</span><span class=\"k\">this</span><span class=\"k\">,</span>","                form <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>iframe<span class=\"k\">,</span><span class=\"s\">\"form\"</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>form<span class=\"k\">)</span>    <span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"beforesubmit\"</span><span class=\"k\">)===</span><span class=\"k\">false</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>sync<span class=\"k\">();</span>","                form<span class=\"k\">.</span>submit<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"c\">//&#24555;&#25463;&#38190;</span>","    me<span class=\"k\">.</span>addshortcutkey<span class=\"k\">(</span><span class=\"k\">{</span>","        <span class=\"s\">\"autosubmit\"</span> <span class=\"k\">:</span> <span class=\"s\">\"ctrl+13\"</span> <span class=\"c\">//&#25163;&#21160;&#25552;&#20132;</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/autosubmit.js'][17]++;
+UE.plugins.autosubmit = (function () {
+  _$jscoverage['plugins/autosubmit.js'][18]++;
+  var me = this;
+  _$jscoverage['plugins/autosubmit.js'][19]++;
+  me.commands.autosubmit = {execCommand: (function () {
+  _$jscoverage['plugins/autosubmit.js'][21]++;
+  var me = this, form = domUtils.findParentByTagName(me.iframe, "form", false);
+  _$jscoverage['plugins/autosubmit.js'][23]++;
+  if (form) {
+    _$jscoverage['plugins/autosubmit.js'][24]++;
+    if ((me.fireEvent("beforesubmit") === false)) {
+      _$jscoverage['plugins/autosubmit.js'][25]++;
+      return;
+    }
+    _$jscoverage['plugins/autosubmit.js'][27]++;
+    me.sync();
+    _$jscoverage['plugins/autosubmit.js'][28]++;
+    form.submit();
+  }
+})};
+  _$jscoverage['plugins/autosubmit.js'][33]++;
+  me.addshortcutkey({"autosubmit": "ctrl+13"});
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autotypeset.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autotypeset.js
new file mode 100644
index 000000000..86f561530
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/autotypeset.js
@@ -0,0 +1,434 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/autotypeset.js']) {
+  _$jscoverage['plugins/autotypeset.js'] = [];
+  _$jscoverage['plugins/autotypeset.js'][11] = 0;
+  _$jscoverage['plugins/autotypeset.js'][13] = 0;
+  _$jscoverage['plugins/autotypeset.js'][28] = 0;
+  _$jscoverage['plugins/autotypeset.js'][47] = 0;
+  _$jscoverage['plugins/autotypeset.js'][48] = 0;
+  _$jscoverage['plugins/autotypeset.js'][50] = 0;
+  _$jscoverage['plugins/autotypeset.js'][51] = 0;
+  _$jscoverage['plugins/autotypeset.js'][52] = 0;
+  _$jscoverage['plugins/autotypeset.js'][53] = 0;
+  _$jscoverage['plugins/autotypeset.js'][54] = 0;
+  _$jscoverage['plugins/autotypeset.js'][55] = 0;
+  _$jscoverage['plugins/autotypeset.js'][56] = 0;
+  _$jscoverage['plugins/autotypeset.js'][60] = 0;
+  _$jscoverage['plugins/autotypeset.js'][63] = 0;
+  _$jscoverage['plugins/autotypeset.js'][68] = 0;
+  _$jscoverage['plugins/autotypeset.js'][69] = 0;
+  _$jscoverage['plugins/autotypeset.js'][70] = 0;
+  _$jscoverage['plugins/autotypeset.js'][71] = 0;
+  _$jscoverage['plugins/autotypeset.js'][72] = 0;
+  _$jscoverage['plugins/autotypeset.js'][76] = 0;
+  _$jscoverage['plugins/autotypeset.js'][77] = 0;
+  _$jscoverage['plugins/autotypeset.js'][78] = 0;
+  _$jscoverage['plugins/autotypeset.js'][79] = 0;
+  _$jscoverage['plugins/autotypeset.js'][80] = 0;
+  _$jscoverage['plugins/autotypeset.js'][82] = 0;
+  _$jscoverage['plugins/autotypeset.js'][83] = 0;
+  _$jscoverage['plugins/autotypeset.js'][85] = 0;
+  _$jscoverage['plugins/autotypeset.js'][87] = 0;
+  _$jscoverage['plugins/autotypeset.js'][90] = 0;
+  _$jscoverage['plugins/autotypeset.js'][92] = 0;
+  _$jscoverage['plugins/autotypeset.js'][93] = 0;
+  _$jscoverage['plugins/autotypeset.js'][96] = 0;
+  _$jscoverage['plugins/autotypeset.js'][97] = 0;
+  _$jscoverage['plugins/autotypeset.js'][99] = 0;
+  _$jscoverage['plugins/autotypeset.js'][103] = 0;
+  _$jscoverage['plugins/autotypeset.js'][104] = 0;
+  _$jscoverage['plugins/autotypeset.js'][105] = 0;
+  _$jscoverage['plugins/autotypeset.js'][108] = 0;
+  _$jscoverage['plugins/autotypeset.js'][110] = 0;
+  _$jscoverage['plugins/autotypeset.js'][111] = 0;
+  _$jscoverage['plugins/autotypeset.js'][112] = 0;
+  _$jscoverage['plugins/autotypeset.js'][113] = 0;
+  _$jscoverage['plugins/autotypeset.js'][114] = 0;
+  _$jscoverage['plugins/autotypeset.js'][115] = 0;
+  _$jscoverage['plugins/autotypeset.js'][116] = 0;
+  _$jscoverage['plugins/autotypeset.js'][118] = 0;
+  _$jscoverage['plugins/autotypeset.js'][123] = 0;
+  _$jscoverage['plugins/autotypeset.js'][124] = 0;
+  _$jscoverage['plugins/autotypeset.js'][125] = 0;
+  _$jscoverage['plugins/autotypeset.js'][126] = 0;
+  _$jscoverage['plugins/autotypeset.js'][127] = 0;
+  _$jscoverage['plugins/autotypeset.js'][130] = 0;
+  _$jscoverage['plugins/autotypeset.js'][131] = 0;
+  _$jscoverage['plugins/autotypeset.js'][136] = 0;
+  _$jscoverage['plugins/autotypeset.js'][137] = 0;
+  _$jscoverage['plugins/autotypeset.js'][138] = 0;
+  _$jscoverage['plugins/autotypeset.js'][140] = 0;
+  _$jscoverage['plugins/autotypeset.js'][141] = 0;
+  _$jscoverage['plugins/autotypeset.js'][150] = 0;
+  _$jscoverage['plugins/autotypeset.js'][152] = 0;
+  _$jscoverage['plugins/autotypeset.js'][153] = 0;
+  _$jscoverage['plugins/autotypeset.js'][155] = 0;
+  _$jscoverage['plugins/autotypeset.js'][159] = 0;
+  _$jscoverage['plugins/autotypeset.js'][160] = 0;
+  _$jscoverage['plugins/autotypeset.js'][161] = 0;
+  _$jscoverage['plugins/autotypeset.js'][162] = 0;
+  _$jscoverage['plugins/autotypeset.js'][166] = 0;
+  _$jscoverage['plugins/autotypeset.js'][167] = 0;
+  _$jscoverage['plugins/autotypeset.js'][168] = 0;
+  _$jscoverage['plugins/autotypeset.js'][170] = 0;
+  _$jscoverage['plugins/autotypeset.js'][171] = 0;
+  _$jscoverage['plugins/autotypeset.js'][172] = 0;
+  _$jscoverage['plugins/autotypeset.js'][173] = 0;
+  _$jscoverage['plugins/autotypeset.js'][174] = 0;
+  _$jscoverage['plugins/autotypeset.js'][175] = 0;
+  _$jscoverage['plugins/autotypeset.js'][176] = 0;
+  _$jscoverage['plugins/autotypeset.js'][177] = 0;
+  _$jscoverage['plugins/autotypeset.js'][178] = 0;
+  _$jscoverage['plugins/autotypeset.js'][180] = 0;
+  _$jscoverage['plugins/autotypeset.js'][181] = 0;
+  _$jscoverage['plugins/autotypeset.js'][183] = 0;
+  _$jscoverage['plugins/autotypeset.js'][191] = 0;
+  _$jscoverage['plugins/autotypeset.js'][192] = 0;
+  _$jscoverage['plugins/autotypeset.js'][194] = 0;
+  _$jscoverage['plugins/autotypeset.js'][195] = 0;
+  _$jscoverage['plugins/autotypeset.js'][196] = 0;
+  _$jscoverage['plugins/autotypeset.js'][197] = 0;
+  _$jscoverage['plugins/autotypeset.js'][198] = 0;
+  _$jscoverage['plugins/autotypeset.js'][200] = 0;
+  _$jscoverage['plugins/autotypeset.js'][201] = 0;
+  _$jscoverage['plugins/autotypeset.js'][203] = 0;
+  _$jscoverage['plugins/autotypeset.js'][204] = 0;
+  _$jscoverage['plugins/autotypeset.js'][208] = 0;
+  _$jscoverage['plugins/autotypeset.js'][209] = 0;
+  _$jscoverage['plugins/autotypeset.js'][210] = 0;
+  _$jscoverage['plugins/autotypeset.js'][217] = 0;
+  _$jscoverage['plugins/autotypeset.js'][218] = 0;
+  _$jscoverage['plugins/autotypeset.js'][219] = 0;
+  _$jscoverage['plugins/autotypeset.js'][227] = 0;
+  _$jscoverage['plugins/autotypeset.js'][228] = 0;
+  _$jscoverage['plugins/autotypeset.js'][229] = 0;
+  _$jscoverage['plugins/autotypeset.js'][233] = 0;
+  _$jscoverage['plugins/autotypeset.js'][234] = 0;
+  _$jscoverage['plugins/autotypeset.js'][237] = 0;
+  _$jscoverage['plugins/autotypeset.js'][238] = 0;
+  _$jscoverage['plugins/autotypeset.js'][241] = 0;
+  _$jscoverage['plugins/autotypeset.js'][243] = 0;
+  _$jscoverage['plugins/autotypeset.js'][244] = 0;
+  _$jscoverage['plugins/autotypeset.js'][245] = 0;
+  _$jscoverage['plugins/autotypeset.js'][247] = 0;
+}
+_$jscoverage['plugins/autotypeset.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#33258;&#21160;&#25490;&#29256;</span>","<span class=\"c\">///commandsName  autotypeset</span>","<span class=\"c\">///commandsTitle  &#33258;&#21160;&#25490;&#29256;</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * &#33258;&#21160;&#25490;&#29256;</span>","<span class=\"c\"> * @function</span>","<span class=\"c\"> * @name baidu.editor.execCommands</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'autotypeset'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","","    <span class=\"k\">this</span><span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span><span class=\"s\">'autotypeset'</span><span class=\"k\">:</span><span class=\"k\">{</span>","        mergeEmptyline <span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>          <span class=\"c\">//&#21512;&#24182;&#31354;&#34892;</span>","            removeClass <span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>            <span class=\"c\">//&#21435;&#25481;&#20887;&#20313;&#30340;class</span>","            removeEmptyline <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>        <span class=\"c\">//&#21435;&#25481;&#31354;&#34892;</span>","            textAlign <span class=\"k\">:</span> <span class=\"s\">\"left\"</span><span class=\"k\">,</span>             <span class=\"c\">//&#27573;&#33853;&#30340;&#25490;&#29256;&#26041;&#24335;&#65292;&#21487;&#20197;&#26159; left,right,center,justify &#21435;&#25481;&#36825;&#20010;&#23646;&#24615;&#34920;&#31034;&#19981;&#25191;&#34892;&#25490;&#29256;</span>","            imageBlockLine <span class=\"k\">:</span> <span class=\"s\">'center'</span><span class=\"k\">,</span>      <span class=\"c\">//&#22270;&#29255;&#30340;&#28014;&#21160;&#26041;&#24335;&#65292;&#29420;&#21344;&#19968;&#34892;&#21095;&#20013;,&#24038;&#21491;&#28014;&#21160;&#65292;&#40664;&#35748;: center,left,right,none &#21435;&#25481;&#36825;&#20010;&#23646;&#24615;&#34920;&#31034;&#19981;&#25191;&#34892;&#25490;&#29256;</span>","            pasteFilter <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>             <span class=\"c\">//&#26681;&#25454;&#35268;&#21017;&#36807;&#28388;&#27809;&#20107;&#31896;&#36148;&#36827;&#26469;&#30340;&#20869;&#23481;</span>","            clearFontSize <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>           <span class=\"c\">//&#21435;&#25481;&#25152;&#26377;&#30340;&#20869;&#23884;&#23383;&#21495;&#65292;&#20351;&#29992;&#32534;&#36753;&#22120;&#40664;&#35748;&#30340;&#23383;&#21495;</span>","            clearFontFamily <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>         <span class=\"c\">//&#21435;&#25481;&#25152;&#26377;&#30340;&#20869;&#23884;&#23383;&#20307;&#65292;&#20351;&#29992;&#32534;&#36753;&#22120;&#40664;&#35748;&#30340;&#23383;&#20307;</span>","            removeEmptyNode <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>         <span class=\"c\">// &#21435;&#25481;&#31354;&#33410;&#28857;</span>","            <span class=\"c\">//&#21487;&#20197;&#21435;&#25481;&#30340;&#26631;&#31614;</span>","            removeTagNames <span class=\"k\">:</span> utils<span class=\"k\">.</span>extend<span class=\"k\">(</span><span class=\"k\">{</span>div<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">,</span>dtd<span class=\"k\">.</span>$removeEmpty<span class=\"k\">),</span>","            indent <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>                  <span class=\"c\">// &#34892;&#39318;&#32553;&#36827;</span>","            indentValue <span class=\"k\">:</span> <span class=\"s\">'2em'</span>             <span class=\"c\">//&#34892;&#39318;&#32553;&#36827;&#30340;&#22823;&#23567;</span>","    <span class=\"k\">}}</span><span class=\"k\">);</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        opt <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>autotypeset<span class=\"k\">,</span>","        remainClass <span class=\"k\">=</span> <span class=\"k\">{</span>","            <span class=\"s\">'selectTdClass'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            <span class=\"s\">'pagebreak'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            <span class=\"s\">'anchorclass'</span><span class=\"k\">:</span><span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        remainTag <span class=\"k\">=</span> <span class=\"k\">{</span>","            <span class=\"s\">'li'</span><span class=\"k\">:</span><span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        tags <span class=\"k\">=</span> <span class=\"k\">{</span>","            div<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            p<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            <span class=\"c\">//trace:2183 &#36825;&#20123;&#20063;&#35748;&#20026;&#26159;&#34892;</span>","            blockquote<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>center<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h1<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h2<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h3<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h4<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h5<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>h6<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            span<span class=\"k\">:</span><span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        highlightCont<span class=\"k\">;</span>","    <span class=\"c\">//&#21319;&#32423;&#20102;&#29256;&#26412;&#65292;&#20294;&#37197;&#32622;&#39033;&#30446;&#37324;&#27809;&#26377;autotypeset</span>","    <span class=\"k\">if</span><span class=\"k\">(!</span>opt<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">return</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","    <span class=\"k\">function</span> isLine<span class=\"k\">(</span>node<span class=\"k\">,</span>notEmpty<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(!</span>node <span class=\"k\">||</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>node<span class=\"k\">))</span>","            <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>parentNode <span class=\"k\">&amp;&amp;</span> tags<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()])</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>highlightCont <span class=\"k\">&amp;&amp;</span> highlightCont<span class=\"k\">.</span>contains<span class=\"k\">(</span>node<span class=\"k\">)</span>","                <span class=\"k\">||</span>","                node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'pagebreak'</span><span class=\"k\">)</span>","            <span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">return</span> notEmpty <span class=\"k\">?</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">:</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'[</span><span class=\"t\">\\\\</span><span class=\"s\">s'</span><span class=\"k\">+</span>domUtils<span class=\"k\">.</span>fillChar","                <span class=\"k\">+</span><span class=\"s\">']'</span><span class=\"k\">,</span><span class=\"s\">'g'</span><span class=\"k\">));</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> removeNotAttributeSpan<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(!</span>node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">)</span><span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>node<span class=\"k\">,[</span><span class=\"s\">'style'</span><span class=\"k\">]);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'span'</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>hasNoAttributes<span class=\"k\">(</span>node<span class=\"k\">))</span><span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","    <span class=\"k\">function</span> autotype<span class=\"k\">(</span>type<span class=\"k\">,</span>html<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>cont<span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>html<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>opt<span class=\"k\">.</span>pasteFilter<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            cont <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'div'</span><span class=\"k\">);</span>","            cont<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> html<span class=\"k\">.</span>html<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","            cont <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> nodes <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>cont<span class=\"k\">,</span><span class=\"s\">'*'</span><span class=\"k\">);</span>","","          <span class=\"c\">// &#34892;&#39318;&#32553;&#36827;&#65292;&#27573;&#33853;&#26041;&#21521;&#65292;&#27573;&#38388;&#36317;&#65292;&#27573;&#20869;&#38388;&#36317;</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>nodes<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'excludeNodeinautotype'</span><span class=\"k\">,</span>ci<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">true</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">continue</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","             <span class=\"c\">//font-size</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>clearFontSize <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>style<span class=\"k\">.</span>fontSize<span class=\"k\">)</span><span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>removeStyle<span class=\"k\">(</span>ci<span class=\"k\">,</span><span class=\"s\">'font-size'</span><span class=\"k\">);</span>","","                removeNotAttributeSpan<span class=\"k\">(</span>ci<span class=\"k\">);</span>","","            <span class=\"k\">}</span>","            <span class=\"c\">//font-family</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>clearFontFamily <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>style<span class=\"k\">.</span>fontFamily<span class=\"k\">)</span><span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>removeStyle<span class=\"k\">(</span>ci<span class=\"k\">,</span><span class=\"s\">'font-family'</span><span class=\"k\">);</span>","                removeNotAttributeSpan<span class=\"k\">(</span>ci<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span>isLine<span class=\"k\">(</span>ci<span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"c\">//&#21512;&#24182;&#31354;&#34892;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>mergeEmptyline <span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> next <span class=\"k\">=</span> ci<span class=\"k\">.</span>nextSibling<span class=\"k\">,</span>tmpNode<span class=\"k\">,</span>isBr <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>ci<span class=\"k\">);</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>isLine<span class=\"k\">(</span>next<span class=\"k\">))</span><span class=\"k\">{</span>","                        tmpNode <span class=\"k\">=</span> next<span class=\"k\">;</span>","                        next <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>isBr <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>next <span class=\"k\">||</span> next <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>next<span class=\"k\">)))</span><span class=\"k\">{</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","                 <span class=\"c\">//&#21435;&#25481;&#31354;&#34892;&#65292;&#20445;&#30041;&#21344;&#20301;&#30340;&#31354;&#34892;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>removeEmptyline <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>inDoc<span class=\"k\">(</span>ci<span class=\"k\">,</span>cont<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>remainTag<span class=\"k\">[</span>ci<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()]</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>ci<span class=\"k\">))</span><span class=\"k\">{</span>","                        next <span class=\"k\">=</span> ci<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>next <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>next<span class=\"k\">))</span><span class=\"k\">{</span>","                            <span class=\"k\">continue</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ci<span class=\"k\">);</span>","                    <span class=\"k\">continue</span><span class=\"k\">;</span>","","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>isLine<span class=\"k\">(</span>ci<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> <span class=\"s\">'SPAN'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>indent<span class=\"k\">)</span><span class=\"k\">{</span>","                    ci<span class=\"k\">.</span>style<span class=\"k\">.</span>textIndent <span class=\"k\">=</span> opt<span class=\"k\">.</span>indentValue<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>textAlign<span class=\"k\">)</span><span class=\"k\">{</span>","                    ci<span class=\"k\">.</span>style<span class=\"k\">.</span>textAlign <span class=\"k\">=</span> opt<span class=\"k\">.</span>textAlign<span class=\"k\">;</span>","                <span class=\"k\">}</span>","<span class=\"c\">//                if(opt.lineHeight)</span>","<span class=\"c\">//                    ci.style.lineHeight = opt.lineHeight + 'cm';</span>","","","            <span class=\"k\">}</span>","","            <span class=\"c\">//&#21435;&#25481;class,&#20445;&#30041;&#30340;class&#19981;&#21435;&#25481;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>removeClass <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>className <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>remainClass<span class=\"k\">[</span>ci<span class=\"k\">.</span>className<span class=\"k\">.</span>toLowerCase<span class=\"k\">()])</span><span class=\"k\">{</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span>highlightCont <span class=\"k\">&amp;&amp;</span> highlightCont<span class=\"k\">.</span>contains<span class=\"k\">(</span>ci<span class=\"k\">))</span><span class=\"k\">{</span>","                     <span class=\"k\">continue</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>ci<span class=\"k\">,[</span><span class=\"s\">'class'</span><span class=\"k\">]);</span>","            <span class=\"k\">}</span>","","            <span class=\"c\">//&#34920;&#24773;&#19981;&#22788;&#29702;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>imageBlockLine <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'img'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>ci<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'emotion'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>html<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> img <span class=\"k\">=</span> ci<span class=\"k\">;</span>","                    <span class=\"k\">switch</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>imageBlockLine<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">case</span> <span class=\"s\">'left'</span><span class=\"k\">:</span>","                        <span class=\"k\">case</span> <span class=\"s\">'right'</span><span class=\"k\">:</span>","                        <span class=\"k\">case</span> <span class=\"s\">'none'</span><span class=\"k\">:</span>","                            <span class=\"k\">var</span> pN <span class=\"k\">=</span> img<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>tmpNode<span class=\"k\">,</span>pre<span class=\"k\">,</span>next<span class=\"k\">;</span>","                            <span class=\"k\">while</span><span class=\"k\">(</span>dtd<span class=\"k\">.</span>$inline<span class=\"k\">[</span>pN<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">||</span> pN<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'A'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                pN <span class=\"k\">=</span> pN<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            tmpNode <span class=\"k\">=</span> pN<span class=\"k\">;</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'P'</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>getStyle<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span><span class=\"s\">'text-align'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">'center'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">if</span><span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>getChildCount<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                    pre <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                                    next <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> next <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span>  next<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>tagName <span class=\"k\">==</span> next<span class=\"k\">.</span>tagName <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>pre<span class=\"k\">))</span><span class=\"k\">{</span>","                                        pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                        <span class=\"k\">while</span><span class=\"k\">(</span>next<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","                                            pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>next<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                        <span class=\"k\">}</span>","                                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>next<span class=\"k\">);</span>","                                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                        domUtils<span class=\"k\">.</span>setStyle<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span><span class=\"s\">'text-align'</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","                                    <span class=\"k\">}</span>","","","                                <span class=\"k\">}</span>","","","                            <span class=\"k\">}</span>","                            domUtils<span class=\"k\">.</span>setStyle<span class=\"k\">(</span>img<span class=\"k\">,</span><span class=\"s\">'float'</span><span class=\"k\">,</span>opt<span class=\"k\">.</span>imageBlockLine<span class=\"k\">);</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">case</span> <span class=\"s\">'center'</span><span class=\"k\">:</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'imagefloat'</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"s\">'center'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                pN <span class=\"k\">=</span> img<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                                domUtils<span class=\"k\">.</span>setStyle<span class=\"k\">(</span>img<span class=\"k\">,</span><span class=\"s\">'float'</span><span class=\"k\">,</span><span class=\"s\">'none'</span><span class=\"k\">);</span>","                                tmpNode <span class=\"k\">=</span> img<span class=\"k\">;</span>","                                <span class=\"k\">while</span><span class=\"k\">(</span>pN <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>getChildCount<span class=\"k\">(</span>pN<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">1</span>","                                    <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$inline<span class=\"k\">[</span>pN<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">||</span> pN<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'A'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                                    tmpNode <span class=\"k\">=</span> pN<span class=\"k\">;</span>","                                    pN <span class=\"k\">=</span> pN<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                                <span class=\"k\">}</span>","                                <span class=\"k\">var</span> pNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>pNode<span class=\"k\">,</span><span class=\"k\">{</span>","","                                    style<span class=\"k\">:</span><span class=\"s\">'text-align:center'</span>","                                <span class=\"k\">}</span><span class=\"k\">);</span>","                                tmpNode<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>pNode<span class=\"k\">,</span>tmpNode<span class=\"k\">);</span>","                                pNode<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                                domUtils<span class=\"k\">.</span>setStyle<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span><span class=\"s\">'float'</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","","                            <span class=\"k\">}</span>","","","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                    range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>ci<span class=\"k\">).</span>select<span class=\"k\">();</span>","                    me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'imagefloat'</span><span class=\"k\">,</span>opt<span class=\"k\">.</span>imageBlockLine<span class=\"k\">);</span>","                <span class=\"k\">}</span>","","","","            <span class=\"k\">}</span>","","            <span class=\"c\">//&#21435;&#25481;&#20887;&#20313;&#30340;&#26631;&#31614;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>removeEmptyNode<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>removeTagNames<span class=\"k\">[</span>ci<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()]</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>hasNoAttributes<span class=\"k\">(</span>ci<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>ci<span class=\"k\">))</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ci<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>html<span class=\"k\">)</span><span class=\"k\">{</span>","            html<span class=\"k\">.</span>html <span class=\"k\">=</span> cont<span class=\"k\">.</span>innerHTML<span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","    <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>pasteFilter<span class=\"k\">)</span><span class=\"k\">{</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'beforepaste'</span><span class=\"k\">,</span>autotype<span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'autotypeset'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            me<span class=\"k\">.</span>removeListener<span class=\"k\">(</span><span class=\"s\">'beforepaste'</span><span class=\"k\">,</span>autotype<span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>pasteFilter<span class=\"k\">)</span><span class=\"k\">{</span>","                me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'beforepaste'</span><span class=\"k\">,</span>autotype<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            autotype<span class=\"k\">.</span>call<span class=\"k\">(</span>me<span class=\"k\">)</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">;</span>","","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/autotypeset.js'][11]++;
+UE.plugins.autotypeset = (function () {
+  _$jscoverage['plugins/autotypeset.js'][13]++;
+  this.setOpt({"autotypeset": {mergeEmptyline: true, removeClass: true, removeEmptyline: false, textAlign: "left", imageBlockLine: "center", pasteFilter: false, clearFontSize: false, clearFontFamily: false, removeEmptyNode: false, removeTagNames: utils.extend({div: 1}, dtd.$removeEmpty), indent: false, indentValue: "2em"}});
+  _$jscoverage['plugins/autotypeset.js'][28]++;
+  var me = this, opt = me.options.autotypeset, remainClass = {"selectTdClass": 1, "pagebreak": 1, "anchorclass": 1}, remainTag = {"li": 1}, tags = {div: 1, p: 1, blockquote: 1, center: 1, h1: 1, h2: 1, h3: 1, h4: 1, h5: 1, h6: 1, span: 1}, highlightCont;
+  _$jscoverage['plugins/autotypeset.js'][47]++;
+  if ((! opt)) {
+    _$jscoverage['plugins/autotypeset.js'][48]++;
+    return;
+  }
+  _$jscoverage['plugins/autotypeset.js'][50]++;
+  function isLine(node, notEmpty) {
+    _$jscoverage['plugins/autotypeset.js'][51]++;
+    if (((! node) || (node.nodeType == 3))) {
+      _$jscoverage['plugins/autotypeset.js'][52]++;
+      return 0;
+    }
+    _$jscoverage['plugins/autotypeset.js'][53]++;
+    if (domUtils.isBr(node)) {
+      _$jscoverage['plugins/autotypeset.js'][54]++;
+      return 1;
+    }
+    _$jscoverage['plugins/autotypeset.js'][55]++;
+    if ((node && node.parentNode && tags[node.tagName.toLowerCase()])) {
+      _$jscoverage['plugins/autotypeset.js'][56]++;
+      if (((highlightCont && highlightCont.contains(node)) || node.getAttribute("pagebreak"))) {
+        _$jscoverage['plugins/autotypeset.js'][60]++;
+        return 0;
+      }
+      _$jscoverage['plugins/autotypeset.js'][63]++;
+      return (notEmpty? (! domUtils.isEmptyBlock(node)): domUtils.isEmptyBlock(node, new RegExp(("[\\s" + domUtils.fillChar + "]"), "g")));
+    }
+}
+  _$jscoverage['plugins/autotypeset.js'][68]++;
+  function removeNotAttributeSpan(node) {
+    _$jscoverage['plugins/autotypeset.js'][69]++;
+    if ((! node.style.cssText)) {
+      _$jscoverage['plugins/autotypeset.js'][70]++;
+      domUtils.removeAttributes(node, ["style"]);
+      _$jscoverage['plugins/autotypeset.js'][71]++;
+      if (((node.tagName.toLowerCase() == "span") && domUtils.hasNoAttributes(node))) {
+        _$jscoverage['plugins/autotypeset.js'][72]++;
+        domUtils.remove(node, true);
+      }
+    }
+}
+  _$jscoverage['plugins/autotypeset.js'][76]++;
+  function autotype(type, html) {
+    _$jscoverage['plugins/autotypeset.js'][77]++;
+    var me = this, cont;
+    _$jscoverage['plugins/autotypeset.js'][78]++;
+    if (html) {
+      _$jscoverage['plugins/autotypeset.js'][79]++;
+      if ((! opt.pasteFilter)) {
+        _$jscoverage['plugins/autotypeset.js'][80]++;
+        return;
+      }
+      _$jscoverage['plugins/autotypeset.js'][82]++;
+      cont = me.document.createElement("div");
+      _$jscoverage['plugins/autotypeset.js'][83]++;
+      cont.innerHTML = html.html;
+    }
+    else {
+      _$jscoverage['plugins/autotypeset.js'][85]++;
+      cont = me.document.body;
+    }
+    _$jscoverage['plugins/autotypeset.js'][87]++;
+    var nodes = domUtils.getElementsByTagName(cont, "*");
+    _$jscoverage['plugins/autotypeset.js'][90]++;
+    for (var i = 0, ci; (ci = nodes[(i++)]);) {
+      _$jscoverage['plugins/autotypeset.js'][92]++;
+      if ((me.fireEvent("excludeNodeinautotype", ci) === true)) {
+        _$jscoverage['plugins/autotypeset.js'][93]++;
+        continue;
+      }
+      _$jscoverage['plugins/autotypeset.js'][96]++;
+      if ((opt.clearFontSize && ci.style.fontSize)) {
+        _$jscoverage['plugins/autotypeset.js'][97]++;
+        domUtils.removeStyle(ci, "font-size");
+        _$jscoverage['plugins/autotypeset.js'][99]++;
+        removeNotAttributeSpan(ci);
+      }
+      _$jscoverage['plugins/autotypeset.js'][103]++;
+      if ((opt.clearFontFamily && ci.style.fontFamily)) {
+        _$jscoverage['plugins/autotypeset.js'][104]++;
+        domUtils.removeStyle(ci, "font-family");
+        _$jscoverage['plugins/autotypeset.js'][105]++;
+        removeNotAttributeSpan(ci);
+      }
+      _$jscoverage['plugins/autotypeset.js'][108]++;
+      if (isLine(ci)) {
+        _$jscoverage['plugins/autotypeset.js'][110]++;
+        if (opt.mergeEmptyline) {
+          _$jscoverage['plugins/autotypeset.js'][111]++;
+          var next = ci.nextSibling, tmpNode, isBr = domUtils.isBr(ci);
+          _$jscoverage['plugins/autotypeset.js'][112]++;
+          while (isLine(next)) {
+            _$jscoverage['plugins/autotypeset.js'][113]++;
+            tmpNode = next;
+            _$jscoverage['plugins/autotypeset.js'][114]++;
+            next = tmpNode.nextSibling;
+            _$jscoverage['plugins/autotypeset.js'][115]++;
+            if ((isBr && ((! next) || (next && (! domUtils.isBr(next)))))) {
+              _$jscoverage['plugins/autotypeset.js'][116]++;
+              break;
+            }
+            _$jscoverage['plugins/autotypeset.js'][118]++;
+            domUtils.remove(tmpNode);
+}
+        }
+        _$jscoverage['plugins/autotypeset.js'][123]++;
+        if ((opt.removeEmptyline && domUtils.inDoc(ci, cont) && (! remainTag[ci.parentNode.tagName.toLowerCase()]))) {
+          _$jscoverage['plugins/autotypeset.js'][124]++;
+          if (domUtils.isBr(ci)) {
+            _$jscoverage['plugins/autotypeset.js'][125]++;
+            next = ci.nextSibling;
+            _$jscoverage['plugins/autotypeset.js'][126]++;
+            if ((next && (! domUtils.isBr(next)))) {
+              _$jscoverage['plugins/autotypeset.js'][127]++;
+              continue;
+            }
+          }
+          _$jscoverage['plugins/autotypeset.js'][130]++;
+          domUtils.remove(ci);
+          _$jscoverage['plugins/autotypeset.js'][131]++;
+          continue;
+        }
+      }
+      _$jscoverage['plugins/autotypeset.js'][136]++;
+      if ((isLine(ci, true) && (ci.tagName != "SPAN"))) {
+        _$jscoverage['plugins/autotypeset.js'][137]++;
+        if (opt.indent) {
+          _$jscoverage['plugins/autotypeset.js'][138]++;
+          ci.style.textIndent = opt.indentValue;
+        }
+        _$jscoverage['plugins/autotypeset.js'][140]++;
+        if (opt.textAlign) {
+          _$jscoverage['plugins/autotypeset.js'][141]++;
+          ci.style.textAlign = opt.textAlign;
+        }
+      }
+      _$jscoverage['plugins/autotypeset.js'][150]++;
+      if ((opt.removeClass && ci.className && (! remainClass[ci.className.toLowerCase()]))) {
+        _$jscoverage['plugins/autotypeset.js'][152]++;
+        if ((highlightCont && highlightCont.contains(ci))) {
+          _$jscoverage['plugins/autotypeset.js'][153]++;
+          continue;
+        }
+        _$jscoverage['plugins/autotypeset.js'][155]++;
+        domUtils.removeAttributes(ci, ["class"]);
+      }
+      _$jscoverage['plugins/autotypeset.js'][159]++;
+      if ((opt.imageBlockLine && (ci.tagName.toLowerCase() == "img") && (! ci.getAttribute("emotion")))) {
+        _$jscoverage['plugins/autotypeset.js'][160]++;
+        if (html) {
+          _$jscoverage['plugins/autotypeset.js'][161]++;
+          var img = ci;
+          _$jscoverage['plugins/autotypeset.js'][162]++;
+          switch (opt.imageBlockLine) {
+          case "left":
+          case "right":
+          case "none":
+            _$jscoverage['plugins/autotypeset.js'][166]++;
+            var pN = img.parentNode, tmpNode = tmpNode, pre, next = next;
+            _$jscoverage['plugins/autotypeset.js'][167]++;
+            while ((dtd.$inline[pN.tagName] || (pN.tagName == "A"))) {
+              _$jscoverage['plugins/autotypeset.js'][168]++;
+              pN = pN.parentNode;
+}
+            _$jscoverage['plugins/autotypeset.js'][170]++;
+            tmpNode = pN;
+            _$jscoverage['plugins/autotypeset.js'][171]++;
+            if (((tmpNode.tagName == "P") && (domUtils.getStyle(tmpNode, "text-align") == "center"))) {
+              _$jscoverage['plugins/autotypeset.js'][172]++;
+              if (((! domUtils.isBody(tmpNode)) && (domUtils.getChildCount(tmpNode, (function (node) {
+  _$jscoverage['plugins/autotypeset.js'][172]++;
+  return ((! domUtils.isBr(node)) && (! domUtils.isWhitespace(node)));
+})) == 1))) {
+                _$jscoverage['plugins/autotypeset.js'][173]++;
+                pre = tmpNode.previousSibling;
+                _$jscoverage['plugins/autotypeset.js'][174]++;
+                next = tmpNode.nextSibling;
+                _$jscoverage['plugins/autotypeset.js'][175]++;
+                if ((pre && next && (pre.nodeType == 1) && (next.nodeType == 1) && (pre.tagName == next.tagName) && domUtils.isBlockElm(pre))) {
+                  _$jscoverage['plugins/autotypeset.js'][176]++;
+                  pre.appendChild(tmpNode.firstChild);
+                  _$jscoverage['plugins/autotypeset.js'][177]++;
+                  while (next.firstChild) {
+                    _$jscoverage['plugins/autotypeset.js'][178]++;
+                    pre.appendChild(next.firstChild);
+}
+                  _$jscoverage['plugins/autotypeset.js'][180]++;
+                  domUtils.remove(tmpNode);
+                  _$jscoverage['plugins/autotypeset.js'][181]++;
+                  domUtils.remove(next);
+                }
+                else {
+                  _$jscoverage['plugins/autotypeset.js'][183]++;
+                  domUtils.setStyle(tmpNode, "text-align", "");
+                }
+              }
+            }
+            _$jscoverage['plugins/autotypeset.js'][191]++;
+            domUtils.setStyle(img, "float", opt.imageBlockLine);
+            _$jscoverage['plugins/autotypeset.js'][192]++;
+            break;
+          case "center":
+            _$jscoverage['plugins/autotypeset.js'][194]++;
+            if ((me.queryCommandValue("imagefloat") != "center")) {
+              _$jscoverage['plugins/autotypeset.js'][195]++;
+              pN = img.parentNode;
+              _$jscoverage['plugins/autotypeset.js'][196]++;
+              domUtils.setStyle(img, "float", "none");
+              _$jscoverage['plugins/autotypeset.js'][197]++;
+              tmpNode = img;
+              _$jscoverage['plugins/autotypeset.js'][198]++;
+              while ((pN && (domUtils.getChildCount(pN, (function (node) {
+  _$jscoverage['plugins/autotypeset.js'][198]++;
+  return ((! domUtils.isBr(node)) && (! domUtils.isWhitespace(node)));
+})) == 1) && (dtd.$inline[pN.tagName] || (pN.tagName == "A")))) {
+                _$jscoverage['plugins/autotypeset.js'][200]++;
+                tmpNode = pN;
+                _$jscoverage['plugins/autotypeset.js'][201]++;
+                pN = pN.parentNode;
+}
+              _$jscoverage['plugins/autotypeset.js'][203]++;
+              var pNode = me.document.createElement("p");
+              _$jscoverage['plugins/autotypeset.js'][204]++;
+              domUtils.setAttributes(pNode, {style: "text-align:center"});
+              _$jscoverage['plugins/autotypeset.js'][208]++;
+              tmpNode.parentNode.insertBefore(pNode, tmpNode);
+              _$jscoverage['plugins/autotypeset.js'][209]++;
+              pNode.appendChild(tmpNode);
+              _$jscoverage['plugins/autotypeset.js'][210]++;
+              domUtils.setStyle(tmpNode, "float", "");
+            }
+          }
+        }
+        else {
+          _$jscoverage['plugins/autotypeset.js'][217]++;
+          var range = me.selection.getRange();
+          _$jscoverage['plugins/autotypeset.js'][218]++;
+          range.selectNode(ci).select();
+          _$jscoverage['plugins/autotypeset.js'][219]++;
+          me.execCommand("imagefloat", opt.imageBlockLine);
+        }
+      }
+      _$jscoverage['plugins/autotypeset.js'][227]++;
+      if (opt.removeEmptyNode) {
+        _$jscoverage['plugins/autotypeset.js'][228]++;
+        if ((opt.removeTagNames[ci.tagName.toLowerCase()] && domUtils.hasNoAttributes(ci) && domUtils.isEmptyBlock(ci))) {
+          _$jscoverage['plugins/autotypeset.js'][229]++;
+          domUtils.remove(ci);
+        }
+      }
+}
+    _$jscoverage['plugins/autotypeset.js'][233]++;
+    if (html) {
+      _$jscoverage['plugins/autotypeset.js'][234]++;
+      html.html = cont.innerHTML;
+    }
+}
+  _$jscoverage['plugins/autotypeset.js'][237]++;
+  if (opt.pasteFilter) {
+    _$jscoverage['plugins/autotypeset.js'][238]++;
+    me.addListener("beforepaste", autotype);
+  }
+  _$jscoverage['plugins/autotypeset.js'][241]++;
+  me.commands.autotypeset = {execCommand: (function () {
+  _$jscoverage['plugins/autotypeset.js'][243]++;
+  me.removeListener("beforepaste", autotype);
+  _$jscoverage['plugins/autotypeset.js'][244]++;
+  if (opt.pasteFilter) {
+    _$jscoverage['plugins/autotypeset.js'][245]++;
+    me.addListener("beforepaste", autotype);
+  }
+  _$jscoverage['plugins/autotypeset.js'][247]++;
+  autotype.call(me);
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/background.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/background.js
new file mode 100644
index 000000000..a36521711
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/background.js
@@ -0,0 +1,92 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/background.js']) {
+  _$jscoverage['plugins/background.js'] = [];
+  _$jscoverage['plugins/background.js'][6] = 0;
+  _$jscoverage['plugins/background.js'][7] = 0;
+  _$jscoverage['plugins/background.js'][8] = 0;
+  _$jscoverage['plugins/background.js'][9] = 0;
+  _$jscoverage['plugins/background.js'][12] = 0;
+  _$jscoverage['plugins/background.js'][13] = 0;
+  _$jscoverage['plugins/background.js'][15] = 0;
+  _$jscoverage['plugins/background.js'][17] = 0;
+  _$jscoverage['plugins/background.js'][18] = 0;
+  _$jscoverage['plugins/background.js'][25] = 0;
+  _$jscoverage['plugins/background.js'][26] = 0;
+  _$jscoverage['plugins/background.js'][27] = 0;
+  _$jscoverage['plugins/background.js'][30] = 0;
+  _$jscoverage['plugins/background.js'][31] = 0;
+}
+_$jscoverage['plugins/background.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#25554;&#20837;&#32972;&#26223;</span>","<span class=\"c\">///commandsName  background</span>","<span class=\"c\">///commandsTitle  &#25554;&#20837;&#32972;&#26223;</span>","<span class=\"c\">///commandsDialog  dialogs\\background</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'background'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"getAllHtml\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span>headHtml<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> body <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">,</span>","            su <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>body<span class=\"k\">,</span><span class=\"s\">\"background-image\"</span><span class=\"k\">),</span>","            url<span class=\"k\">=</span><span class=\"s\">\"\"</span><span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>su<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>imagePath<span class=\"k\">)&gt;</span><span class=\"s\">0</span><span class=\"k\">)</span><span class=\"k\">{</span>","            url <span class=\"k\">=</span>  su<span class=\"k\">.</span>substring<span class=\"k\">(</span>su<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>imagePath<span class=\"k\">),</span>su<span class=\"k\">.</span>length<span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/\"|\\(|\\)/ig</span><span class=\"k\">,</span><span class=\"s\">\"\"</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","            url <span class=\"k\">=</span>  su<span class=\"k\">!=</span><span class=\"s\">\"none\"</span> <span class=\"k\">?</span> su<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/url\\(\"?|\"?\\)/ig</span><span class=\"k\">,</span><span class=\"s\">\"\"</span><span class=\"k\">):</span><span class=\"s\">\"\"</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> html <span class=\"k\">=</span> <span class=\"s\">'&lt;style type=\"text/css\"&gt;body{'</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> bgObj <span class=\"k\">=</span> <span class=\"k\">{</span>","            <span class=\"s\">\"background-color\"</span> <span class=\"k\">:</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>body<span class=\"k\">,</span><span class=\"s\">\"background-color\"</span><span class=\"k\">)||</span><span class=\"s\">\"#ffffff\"</span><span class=\"k\">,</span>","            <span class=\"s\">'background-image'</span> <span class=\"k\">:</span> url <span class=\"k\">?</span> <span class=\"s\">'url('</span><span class=\"k\">+</span>url<span class=\"k\">+</span><span class=\"s\">')'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'background-repeat'</span><span class=\"k\">:</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>body<span class=\"k\">,</span><span class=\"s\">\"background-repeat\"</span><span class=\"k\">)||</span><span class=\"s\">\"\"</span><span class=\"k\">,</span>","            <span class=\"s\">'background-position'</span><span class=\"k\">:</span> browser<span class=\"k\">.</span>ie<span class=\"k\">?(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>body<span class=\"k\">,</span><span class=\"s\">\"background-position-x\"</span><span class=\"k\">)+</span><span class=\"s\">\" \"</span><span class=\"k\">+</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>body<span class=\"k\">,</span><span class=\"s\">\"background-position-y\"</span><span class=\"k\">)):</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>body<span class=\"k\">,</span><span class=\"s\">\"background-position\"</span><span class=\"k\">),</span>","            <span class=\"s\">'height'</span><span class=\"k\">:</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>body<span class=\"k\">,</span><span class=\"s\">\"height\"</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span> <span class=\"k\">var</span> name <span class=\"k\">in</span> bgObj <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> bgObj<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span> name <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                html <span class=\"k\">+=</span> name<span class=\"k\">+</span><span class=\"s\">\":\"</span><span class=\"k\">+</span>bgObj<span class=\"k\">[</span>name<span class=\"k\">]+</span><span class=\"s\">\";\"</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        html <span class=\"k\">+=</span> <span class=\"s\">'}&lt;/style&gt; '</span><span class=\"k\">;</span>","        headHtml<span class=\"k\">.</span>push<span class=\"k\">(</span>html<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span>"];
+_$jscoverage['plugins/background.js'][6]++;
+UE.plugins.background = (function () {
+  _$jscoverage['plugins/background.js'][7]++;
+  var me = this;
+  _$jscoverage['plugins/background.js'][8]++;
+  me.addListener("getAllHtml", (function (type, headHtml) {
+  _$jscoverage['plugins/background.js'][9]++;
+  var body = this.body, su = domUtils.getComputedStyle(body, "background-image"), url = "";
+  _$jscoverage['plugins/background.js'][12]++;
+  if ((su.indexOf(me.options.imagePath) > 0)) {
+    _$jscoverage['plugins/background.js'][13]++;
+    url = su.substring(su.indexOf(me.options.imagePath), (su.length - 1)).replace(/"|\(|\)/gi, "");
+  }
+  else {
+    _$jscoverage['plugins/background.js'][15]++;
+    url = ((su != "none")? su.replace(/url\("?|"?\)/gi, ""): "");
+  }
+  _$jscoverage['plugins/background.js'][17]++;
+  var html = "<style type=\"text/css\">body{";
+  _$jscoverage['plugins/background.js'][18]++;
+  var bgObj = {"background-color": (domUtils.getComputedStyle(body, "background-color") || "#ffffff"), "background-image": (url? ("url(" + url + ")"): ""), "background-repeat": (domUtils.getComputedStyle(body, "background-repeat") || ""), "background-position": (browser.ie? (domUtils.getComputedStyle(body, "background-position-x") + " " + domUtils.getComputedStyle(body, "background-position-y")): domUtils.getComputedStyle(body, "background-position")), "height": domUtils.getComputedStyle(body, "height")};
+  _$jscoverage['plugins/background.js'][25]++;
+  for (var name in bgObj) {
+    _$jscoverage['plugins/background.js'][26]++;
+    if (bgObj.hasOwnProperty(name)) {
+      _$jscoverage['plugins/background.js'][27]++;
+      html += (name + ":" + bgObj[name] + ";");
+    }
+}
+  _$jscoverage['plugins/background.js'][30]++;
+  html += "}</style> ";
+  _$jscoverage['plugins/background.js'][31]++;
+  headHtml.push(html);
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/basestyle.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/basestyle.js
new file mode 100644
index 000000000..5022b1b24
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/basestyle.js
@@ -0,0 +1,159 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/basestyle.js']) {
+  _$jscoverage['plugins/basestyle.js'] = [];
+  _$jscoverage['plugins/basestyle.js'][7] = 0;
+  _$jscoverage['plugins/basestyle.js'][138] = 0;
+  _$jscoverage['plugins/basestyle.js'][145] = 0;
+  _$jscoverage['plugins/basestyle.js'][149] = 0;
+  _$jscoverage['plugins/basestyle.js'][154] = 0;
+  _$jscoverage['plugins/basestyle.js'][155] = 0;
+  _$jscoverage['plugins/basestyle.js'][156] = 0;
+  _$jscoverage['plugins/basestyle.js'][158] = 0;
+  _$jscoverage['plugins/basestyle.js'][159] = 0;
+  _$jscoverage['plugins/basestyle.js'][161] = 0;
+  _$jscoverage['plugins/basestyle.js'][165] = 0;
+  _$jscoverage['plugins/basestyle.js'][166] = 0;
+  _$jscoverage['plugins/basestyle.js'][167] = 0;
+  _$jscoverage['plugins/basestyle.js'][169] = 0;
+  _$jscoverage['plugins/basestyle.js'][170] = 0;
+  _$jscoverage['plugins/basestyle.js'][171] = 0;
+  _$jscoverage['plugins/basestyle.js'][172] = 0;
+  _$jscoverage['plugins/basestyle.js'][173] = 0;
+  _$jscoverage['plugins/basestyle.js'][174] = 0;
+  _$jscoverage['plugins/basestyle.js'][175] = 0;
+  _$jscoverage['plugins/basestyle.js'][177] = 0;
+  _$jscoverage['plugins/basestyle.js'][178] = 0;
+  _$jscoverage['plugins/basestyle.js'][179] = 0;
+  _$jscoverage['plugins/basestyle.js'][180] = 0;
+  _$jscoverage['plugins/basestyle.js'][185] = 0;
+  _$jscoverage['plugins/basestyle.js'][187] = 0;
+  _$jscoverage['plugins/basestyle.js'][189] = 0;
+  _$jscoverage['plugins/basestyle.js'][190] = 0;
+  _$jscoverage['plugins/basestyle.js'][191] = 0;
+  _$jscoverage['plugins/basestyle.js'][194] = 0;
+  _$jscoverage['plugins/basestyle.js'][196] = 0;
+  _$jscoverage['plugins/basestyle.js'][199] = 0;
+}
+_$jscoverage['plugins/basestyle.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * B&#12289;I&#12289;sub&#12289;super&#21629;&#20196;&#25903;&#25345;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'basestyle'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23383;&#20307;&#21152;&#31895;&#65292; &#23545;&#24050;&#21152;&#31895;&#30340;&#25991;&#26412;&#20869;&#23481;&#25191;&#34892;&#35813;&#21629;&#20196;&#65292; &#23558;&#21462;&#28040;&#21152;&#31895;</span>","<span class=\"c\">     * @command bold</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * //&#23545;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#25191;&#34892;&#21152;&#31895;&#25805;&#20316;</span>","<span class=\"c\">     * //&#31532;&#19968;&#27425;&#25191;&#34892;&#65292; &#25991;&#26412;&#20869;&#23481;&#21152;&#31895;</span>","<span class=\"c\">     * editor.execCommand( 'bold' );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //&#31532;&#20108;&#27425;&#25191;&#34892;&#65292; &#25991;&#26412;&#20869;&#23481;&#21462;&#28040;&#21152;&#31895;</span>","<span class=\"c\">     * editor.execCommand( 'bold' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#30340;&#21152;&#31895;&#29366;&#24577;</span>","<span class=\"c\">     * @command bold</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @method queryCommandState</span>","<span class=\"c\">     * @return { int } &#22914;&#26524;&#24403;&#21069;&#36873;&#20013;&#30340;&#25152;&#26377;&#25991;&#26412;&#20869;&#23481;&#24050;&#32463;&#34987;&#21152;&#31895;&#65292; &#21017;&#36820;&#22238;1&#65292; &#21542;&#21017;&#36820;&#22238;0</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * //&#33719;&#21462;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#30340;&#21152;&#31895;&#29366;&#24577;</span>","<span class=\"c\">     * //output: 1 &#25110;&#32773; 0</span>","<span class=\"c\">     * console.log( editor.queryCommandState( 'bold' ) );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#23383;&#20307;&#20542;&#26012;, &#23545;&#24050;&#20542;&#26012;&#30340;&#25991;&#26412;&#20869;&#23481;&#25191;&#34892;&#35813;&#21629;&#20196;&#65292; &#23558;&#21462;&#28040;&#20542;&#26012;</span>","<span class=\"c\">     * @command italic</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * //&#23545;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#25191;&#34892;&#26012;&#20307;&#25805;&#20316;</span>","<span class=\"c\">     * //&#31532;&#19968;&#27425;&#25805;&#20316;&#65292; &#25991;&#26412;&#20869;&#23481;&#23558;&#21464;&#25104;&#26012;&#20307;</span>","<span class=\"c\">     * editor.execCommand( 'italic' );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //&#20877;&#27425;&#23545;&#21516;&#19968;&#25991;&#26412;&#20869;&#23481;&#25191;&#34892;&#65292; &#21017;&#25991;&#26412;&#20869;&#23481;&#23558;&#24674;&#22797;&#27491;&#24120;</span>","<span class=\"c\">     * editor.execCommand( 'italic' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#30340;&#20542;&#26012;&#29366;&#24577;</span>","<span class=\"c\">     * @command italic</span>","<span class=\"c\">     * @method queryCommandState</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { int } &#22914;&#26524;&#24403;&#21069;&#36873;&#20013;&#30340;&#25152;&#26377;&#25991;&#26412;&#20869;&#23481;&#24050;&#32463;&#26159;&#26012;&#20307;&#65292; &#21017;&#36820;&#22238;1&#65292; &#21542;&#21017;&#36820;&#22238;0</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * //&#33719;&#21462;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#30340;&#20542;&#26012;&#29366;&#24577;</span>","<span class=\"c\">     * //output: 1 &#25110;&#32773; 0</span>","<span class=\"c\">     * console.log( editor.queryCommandState( 'italic' ) );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#19979;&#26631;&#25991;&#26412;&#65292; &#25226;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#20999;&#25442;&#25104;&#19979;&#26631;&#25991;&#26412;&#65292; &#22914;&#26524;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#24050;&#32463;&#26159;&#19979;&#26631;&#65292; &#21017;&#35813;&#25805;&#20316;&#20250;&#25226;&#25991;&#26412;&#20869;&#23481;&#36824;&#21407;&#25104;</span>","<span class=\"c\">     * &#27491;&#24120;&#25991;&#26412;</span>","<span class=\"c\">     * @command subscript</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * //&#23545;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#25191;&#34892;&#19979;&#26631;&#25805;&#20316;</span>","<span class=\"c\">     * //&#31532;&#19968;&#27425;&#25805;&#20316;&#65292; &#25991;&#26412;&#20869;&#23481;&#23558;&#21464;&#25104;&#19979;&#26631;&#25991;&#26412;</span>","<span class=\"c\">     * editor.execCommand( 'subscript' );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //&#20877;&#27425;&#23545;&#21516;&#19968;&#25991;&#26412;&#20869;&#23481;&#25191;&#34892;&#65292; &#21017;&#25991;&#26412;&#20869;&#23481;&#23558;&#24674;&#22797;&#27491;&#24120;</span>","<span class=\"c\">     * editor.execCommand( 'subscript' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#30340;&#19979;&#26631;&#29366;&#24577;</span>","<span class=\"c\">     * @command subscript</span>","<span class=\"c\">     * @method queryCommandState</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { int } &#22914;&#26524;&#24403;&#21069;&#36873;&#20013;&#30340;&#25152;&#26377;&#25991;&#26412;&#20869;&#23481;&#24050;&#32463;&#26159;&#19979;&#26631;&#25991;&#26412;&#65292; &#21017;&#36820;&#22238;1&#65292; &#21542;&#21017;&#36820;&#22238;0</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * //&#33719;&#21462;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#30340;&#19979;&#26631;&#29366;&#24577;</span>","<span class=\"c\">     * //output: 1 &#25110;&#32773; 0</span>","<span class=\"c\">     * console.log( editor.queryCommandState( 'subscript' ) );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#19978;&#26631;&#25991;&#26412;&#65292; &#25226;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#20999;&#25442;&#25104;&#19978;&#26631;&#25991;&#26412;&#65292; &#22914;&#26524;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#24050;&#32463;&#26159;&#19978;&#26631;&#65292; &#21017;&#35813;&#25805;&#20316;&#20250;&#25226;&#25991;&#26412;&#20869;&#23481;&#36824;&#21407;&#25104;</span>","<span class=\"c\">     * &#27491;&#24120;&#25991;&#26412;</span>","<span class=\"c\">     * @command superscript</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * //&#23545;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#25191;&#34892;&#19978;&#26631;&#25805;&#20316;</span>","<span class=\"c\">     * //&#31532;&#19968;&#27425;&#25805;&#20316;&#65292; &#25991;&#26412;&#20869;&#23481;&#23558;&#21464;&#25104;&#19978;&#26631;&#25991;&#26412;</span>","<span class=\"c\">     * editor.execCommand( 'superscript' );</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //&#20877;&#27425;&#23545;&#21516;&#19968;&#25991;&#26412;&#20869;&#23481;&#25191;&#34892;&#65292; &#21017;&#25991;&#26412;&#20869;&#23481;&#23558;&#24674;&#22797;&#27491;&#24120;</span>","<span class=\"c\">     * editor.execCommand( 'superscript' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#33719;&#21462;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#30340;&#19978;&#26631;&#29366;&#24577;</span>","<span class=\"c\">     * @command superscript</span>","<span class=\"c\">     * @method queryCommandState</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { int } &#22914;&#26524;&#24403;&#21069;&#36873;&#20013;&#30340;&#25152;&#26377;&#25991;&#26412;&#20869;&#23481;&#24050;&#32463;&#26159;&#19978;&#26631;&#25991;&#26412;&#65292; &#21017;&#36820;&#22238;1&#65292; &#21542;&#21017;&#36820;&#22238;0</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * //&#33719;&#21462;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#30340;&#19978;&#26631;&#29366;&#24577;</span>","<span class=\"c\">     * //output: 1 &#25110;&#32773; 0</span>","<span class=\"c\">     * console.log( editor.queryCommandState( 'superscript' ) );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    <span class=\"k\">var</span> basestyles <span class=\"k\">=</span> <span class=\"k\">{</span>","            <span class=\"s\">'bold'</span><span class=\"k\">:[</span><span class=\"s\">'strong'</span><span class=\"k\">,</span><span class=\"s\">'b'</span><span class=\"k\">],</span>","            <span class=\"s\">'italic'</span><span class=\"k\">:[</span><span class=\"s\">'em'</span><span class=\"k\">,</span><span class=\"s\">'i'</span><span class=\"k\">],</span>","            <span class=\"s\">'subscript'</span><span class=\"k\">:[</span><span class=\"s\">'sub'</span><span class=\"k\">],</span>","            <span class=\"s\">'superscript'</span><span class=\"k\">:[</span><span class=\"s\">'sup'</span><span class=\"k\">]</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getObj <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>editor<span class=\"k\">,</span>tagNames<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>filterNodeList<span class=\"k\">(</span>editor<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">(),</span>tagNames<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    <span class=\"c\">//&#28155;&#21152;&#24555;&#25463;&#38190;</span>","    me<span class=\"k\">.</span>addshortcutkey<span class=\"k\">(</span><span class=\"k\">{</span>","        <span class=\"s\">\"Bold\"</span> <span class=\"k\">:</span> <span class=\"s\">\"ctrl+66\"</span><span class=\"k\">,</span><span class=\"c\">//^B</span>","        <span class=\"s\">\"Italic\"</span> <span class=\"k\">:</span> <span class=\"s\">\"ctrl+73\"</span><span class=\"k\">,</span> <span class=\"c\">//^I</span>","        <span class=\"s\">\"Underline\"</span> <span class=\"k\">:</span> <span class=\"s\">\"ctrl+85\"</span><span class=\"c\">//^U</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addInputRule<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>root<span class=\"k\">)</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'b i'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">switch</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>tagName<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">case</span> <span class=\"s\">'b'</span><span class=\"k\">:</span>","                    node<span class=\"k\">.</span>tagName <span class=\"k\">=</span> <span class=\"s\">'strong'</span><span class=\"k\">;</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">case</span> <span class=\"s\">'i'</span><span class=\"k\">:</span>","                    node<span class=\"k\">.</span>tagName <span class=\"k\">=</span> <span class=\"s\">'em'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">for</span> <span class=\"k\">(</span> <span class=\"k\">var</span> style <span class=\"k\">in</span> basestyles <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span> cmd<span class=\"k\">,</span> tagNames <span class=\"k\">)</span> <span class=\"k\">{</span>","            me<span class=\"k\">.</span>commands<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","                execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>obj <span class=\"k\">=</span> getObj<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span>tagNames<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> range<span class=\"k\">.</span>collapsed <span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span> obj <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> tmpText <span class=\"k\">=</span>  me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">);</span>","                            range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span> tmpText <span class=\"k\">).</span>removeInlineStyle<span class=\"k\">(</span> tagNames <span class=\"k\">);</span>","                            range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmpText<span class=\"k\">);</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpText<span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span> tagNames<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">);</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>cmdName <span class=\"k\">==</span> <span class=\"s\">'superscript'</span> <span class=\"k\">||</span> cmdName <span class=\"k\">==</span> <span class=\"s\">'subscript'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                tmpText <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">);</span>","                                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>tmpText<span class=\"k\">)</span>","                                    <span class=\"k\">.</span>removeInlineStyle<span class=\"k\">([</span><span class=\"s\">'sub'</span><span class=\"k\">,</span><span class=\"s\">'sup'</span><span class=\"k\">])</span>","                                    <span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmpText<span class=\"k\">)</span>","                                    <span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span> tmpNode <span class=\"k\">).</span>setStart<span class=\"k\">(</span> tmpNode<span class=\"k\">,</span> <span class=\"s\">0</span> <span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        range<span class=\"k\">.</span>collapse<span class=\"k\">(</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>cmdName <span class=\"k\">==</span> <span class=\"s\">'superscript'</span> <span class=\"k\">||</span> cmdName <span class=\"k\">==</span> <span class=\"s\">'subscript'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            <span class=\"k\">if</span><span class=\"k\">(!</span>obj <span class=\"k\">||</span> obj<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">!=</span> cmdName<span class=\"k\">)</span><span class=\"k\">{</span>","                                range<span class=\"k\">.</span>removeInlineStyle<span class=\"k\">([</span><span class=\"s\">'sub'</span><span class=\"k\">,</span><span class=\"s\">'sup'</span><span class=\"k\">]);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        obj <span class=\"k\">?</span> range<span class=\"k\">.</span>removeInlineStyle<span class=\"k\">(</span> tagNames <span class=\"k\">)</span> <span class=\"k\">:</span> range<span class=\"k\">.</span>applyInlineStyle<span class=\"k\">(</span> tagNames<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    range<span class=\"k\">.</span>select<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                queryCommandState <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","                   <span class=\"k\">return</span> getObj<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span>tagNames<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">)(</span> style<span class=\"k\">,</span> basestyles<span class=\"k\">[</span>style<span class=\"k\">]</span> <span class=\"k\">);</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/basestyle.js'][7]++;
+UE.plugins.basestyle = (function () {
+  _$jscoverage['plugins/basestyle.js'][138]++;
+  var basestyles = {"bold": ["strong", "b"], "italic": ["em", "i"], "subscript": ["sub"], "superscript": ["sup"]}, getObj = (function (editor, tagNames) {
+  _$jscoverage['plugins/basestyle.js'][145]++;
+  return domUtils.filterNodeList(editor.selection.getStartElementPath(), tagNames);
+}), me = this;
+  _$jscoverage['plugins/basestyle.js'][149]++;
+  me.addshortcutkey({"Bold": "ctrl+66", "Italic": "ctrl+73", "Underline": "ctrl+85"});
+  _$jscoverage['plugins/basestyle.js'][154]++;
+  me.addInputRule((function (root) {
+  _$jscoverage['plugins/basestyle.js'][155]++;
+  utils.each(root.getNodesByTagName("b i"), (function (node) {
+  _$jscoverage['plugins/basestyle.js'][156]++;
+  switch (node.tagName) {
+  case "b":
+    _$jscoverage['plugins/basestyle.js'][158]++;
+    node.tagName = "strong";
+    _$jscoverage['plugins/basestyle.js'][159]++;
+    break;
+  case "i":
+    _$jscoverage['plugins/basestyle.js'][161]++;
+    node.tagName = "em";
+  }
+}));
+}));
+  _$jscoverage['plugins/basestyle.js'][165]++;
+  for (var style in basestyles) {
+    _$jscoverage['plugins/basestyle.js'][166]++;
+    (function (cmd, tagNames) {
+  _$jscoverage['plugins/basestyle.js'][167]++;
+  me.commands[cmd] = {execCommand: (function (cmdName) {
+  _$jscoverage['plugins/basestyle.js'][169]++;
+  var range = me.selection.getRange(), obj = getObj(this, tagNames);
+  _$jscoverage['plugins/basestyle.js'][170]++;
+  if (range.collapsed) {
+    _$jscoverage['plugins/basestyle.js'][171]++;
+    if (obj) {
+      _$jscoverage['plugins/basestyle.js'][172]++;
+      var tmpText = me.document.createTextNode("");
+      _$jscoverage['plugins/basestyle.js'][173]++;
+      range.insertNode(tmpText).removeInlineStyle(tagNames);
+      _$jscoverage['plugins/basestyle.js'][174]++;
+      range.setStartBefore(tmpText);
+      _$jscoverage['plugins/basestyle.js'][175]++;
+      domUtils.remove(tmpText);
+    }
+    else {
+      _$jscoverage['plugins/basestyle.js'][177]++;
+      var tmpNode = range.document.createElement(tagNames[0]);
+      _$jscoverage['plugins/basestyle.js'][178]++;
+      if (((cmdName == "superscript") || (cmdName == "subscript"))) {
+        _$jscoverage['plugins/basestyle.js'][179]++;
+        tmpText = me.document.createTextNode("");
+        _$jscoverage['plugins/basestyle.js'][180]++;
+        range.insertNode(tmpText).removeInlineStyle(["sub", "sup"]).setStartBefore(tmpText).collapse(true);
+      }
+      _$jscoverage['plugins/basestyle.js'][185]++;
+      range.insertNode(tmpNode).setStart(tmpNode, 0);
+    }
+    _$jscoverage['plugins/basestyle.js'][187]++;
+    range.collapse(true);
+  }
+  else {
+    _$jscoverage['plugins/basestyle.js'][189]++;
+    if (((cmdName == "superscript") || (cmdName == "subscript"))) {
+      _$jscoverage['plugins/basestyle.js'][190]++;
+      if (((! obj) || (obj.tagName.toLowerCase() != cmdName))) {
+        _$jscoverage['plugins/basestyle.js'][191]++;
+        range.removeInlineStyle(["sub", "sup"]);
+      }
+    }
+    _$jscoverage['plugins/basestyle.js'][194]++;
+    (obj? range.removeInlineStyle(tagNames): range.applyInlineStyle(tagNames[0]));
+  }
+  _$jscoverage['plugins/basestyle.js'][196]++;
+  range.select();
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/basestyle.js'][199]++;
+  return (getObj(this, tagNames)? 1: 0);
+})};
+})(style, basestyles[style]);
+}
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/blockquote.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/blockquote.js
new file mode 100644
index 000000000..af7ef670e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/blockquote.js
@@ -0,0 +1,287 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/blockquote.js']) {
+  _$jscoverage['plugins/blockquote.js'] = [];
+  _$jscoverage['plugins/blockquote.js'][44] = 0;
+  _$jscoverage['plugins/blockquote.js'][45] = 0;
+  _$jscoverage['plugins/blockquote.js'][46] = 0;
+  _$jscoverage['plugins/blockquote.js'][47] = 0;
+  _$jscoverage['plugins/blockquote.js'][49] = 0;
+  _$jscoverage['plugins/blockquote.js'][51] = 0;
+  _$jscoverage['plugins/blockquote.js'][56] = 0;
+  _$jscoverage['plugins/blockquote.js'][58] = 0;
+  _$jscoverage['plugins/blockquote.js'][59] = 0;
+  _$jscoverage['plugins/blockquote.js'][62] = 0;
+  _$jscoverage['plugins/blockquote.js'][65] = 0;
+  _$jscoverage['plugins/blockquote.js'][66] = 0;
+  _$jscoverage['plugins/blockquote.js'][69] = 0;
+  _$jscoverage['plugins/blockquote.js'][70] = 0;
+  _$jscoverage['plugins/blockquote.js'][72] = 0;
+  _$jscoverage['plugins/blockquote.js'][75] = 0;
+  _$jscoverage['plugins/blockquote.js'][76] = 0;
+  _$jscoverage['plugins/blockquote.js'][77] = 0;
+  _$jscoverage['plugins/blockquote.js'][78] = 0;
+  _$jscoverage['plugins/blockquote.js'][79] = 0;
+  _$jscoverage['plugins/blockquote.js'][81] = 0;
+  _$jscoverage['plugins/blockquote.js'][87] = 0;
+  _$jscoverage['plugins/blockquote.js'][88] = 0;
+  _$jscoverage['plugins/blockquote.js'][89] = 0;
+  _$jscoverage['plugins/blockquote.js'][90] = 0;
+  _$jscoverage['plugins/blockquote.js'][91] = 0;
+  _$jscoverage['plugins/blockquote.js'][92] = 0;
+  _$jscoverage['plugins/blockquote.js'][101] = 0;
+  _$jscoverage['plugins/blockquote.js'][107] = 0;
+  _$jscoverage['plugins/blockquote.js'][108] = 0;
+  _$jscoverage['plugins/blockquote.js'][109] = 0;
+  _$jscoverage['plugins/blockquote.js'][110] = 0;
+  _$jscoverage['plugins/blockquote.js'][111] = 0;
+  _$jscoverage['plugins/blockquote.js'][112] = 0;
+  _$jscoverage['plugins/blockquote.js'][114] = 0;
+  _$jscoverage['plugins/blockquote.js'][117] = 0;
+  _$jscoverage['plugins/blockquote.js'][120] = 0;
+  _$jscoverage['plugins/blockquote.js'][122] = 0;
+  _$jscoverage['plugins/blockquote.js'][123] = 0;
+  _$jscoverage['plugins/blockquote.js'][124] = 0;
+  _$jscoverage['plugins/blockquote.js'][126] = 0;
+  _$jscoverage['plugins/blockquote.js'][128] = 0;
+  _$jscoverage['plugins/blockquote.js'][131] = 0;
+  _$jscoverage['plugins/blockquote.js'][132] = 0;
+  _$jscoverage['plugins/blockquote.js'][136] = 0;
+  _$jscoverage['plugins/blockquote.js'][137] = 0;
+  _$jscoverage['plugins/blockquote.js'][138] = 0;
+  _$jscoverage['plugins/blockquote.js'][140] = 0;
+  _$jscoverage['plugins/blockquote.js'][141] = 0;
+  _$jscoverage['plugins/blockquote.js'][143] = 0;
+  _$jscoverage['plugins/blockquote.js'][146] = 0;
+  _$jscoverage['plugins/blockquote.js'][149] = 0;
+  _$jscoverage['plugins/blockquote.js'][151] = 0;
+  _$jscoverage['plugins/blockquote.js'][152] = 0;
+  _$jscoverage['plugins/blockquote.js'][153] = 0;
+  _$jscoverage['plugins/blockquote.js'][156] = 0;
+  _$jscoverage['plugins/blockquote.js'][157] = 0;
+  _$jscoverage['plugins/blockquote.js'][163] = 0;
+  _$jscoverage['plugins/blockquote.js'][164] = 0;
+  _$jscoverage['plugins/blockquote.js'][165] = 0;
+  _$jscoverage['plugins/blockquote.js'][166] = 0;
+  _$jscoverage['plugins/blockquote.js'][168] = 0;
+  _$jscoverage['plugins/blockquote.js'][169] = 0;
+  _$jscoverage['plugins/blockquote.js'][170] = 0;
+  _$jscoverage['plugins/blockquote.js'][171] = 0;
+  _$jscoverage['plugins/blockquote.js'][176] = 0;
+  _$jscoverage['plugins/blockquote.js'][179] = 0;
+}
+_$jscoverage['plugins/blockquote.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#28155;&#21152;&#24341;&#29992;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26681;&#25454;&#36873;&#21306;&#20301;&#32622;&#23545;&#26631;&#31614;&#28155;&#21152;&#24341;&#29992;</span>","<span class=\"c\"> * @command blockquote</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'blockquote' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26681;&#25454;&#36873;&#21306;&#20301;&#32622;&#23545;&#26631;&#31614;&#28155;&#21152;&#24341;&#29992;</span>","<span class=\"c\"> * @command blockquote</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { Object } attrs &#33410;&#28857;&#23646;&#24615;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'blockquote',{</span>","<span class=\"c\"> *     color:'#000'</span>","<span class=\"c\"> * } );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#26159;&#21542;&#22312;&#24341;&#29992;&#26631;&#31614;&#20869;</span>","<span class=\"c\"> * @command blockquote</span>","<span class=\"c\"> * @method queryCommandState</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { int } 0&#20026;&#26159;&#65292;-1&#20026;&#19981;&#26159;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandState( 'blockquote' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'blockquote'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    <span class=\"k\">function</span> getObj<span class=\"k\">(</span>editor<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>filterNodeList<span class=\"k\">(</span>editor<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">(),</span><span class=\"s\">'blockquote'</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'blockquote'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName<span class=\"k\">,</span> attrs <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                obj <span class=\"k\">=</span> getObj<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                blockquote <span class=\"k\">=</span> dtd<span class=\"k\">.</span>blockquote<span class=\"k\">,</span>","                bookmark <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span> obj <span class=\"k\">)</span> <span class=\"k\">{</span>","","                    <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>","                        startBlock <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>start<span class=\"k\">)</span> <span class=\"k\">?</span> start <span class=\"k\">:</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>start<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">),</span>","","                        end <span class=\"k\">=</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">,</span>","                        endBlock <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>end<span class=\"k\">)</span> <span class=\"k\">?</span> end <span class=\"k\">:</span>  domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>end<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">);</span>","","                    <span class=\"c\">//&#22788;&#29702;&#19968;&#19979;li</span>","                    startBlock <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>startBlock<span class=\"k\">,</span><span class=\"s\">'li'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">||</span> startBlock<span class=\"k\">;</span>","                    endBlock <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>endBlock<span class=\"k\">,</span><span class=\"s\">'li'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">||</span> endBlock<span class=\"k\">;</span>","","","                    <span class=\"k\">if</span><span class=\"k\">(</span>startBlock<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'LI'</span> <span class=\"k\">||</span> startBlock<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TD'</span> <span class=\"k\">||</span> startBlock <span class=\"k\">===</span> obj <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>startBlock<span class=\"k\">))</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>obj<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span>startBlock<span class=\"k\">,</span>obj<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                    <span class=\"k\">if</span><span class=\"k\">(</span>startBlock <span class=\"k\">!==</span> endBlock<span class=\"k\">)</span><span class=\"k\">{</span>","                        obj <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>endBlock<span class=\"k\">,</span><span class=\"s\">'blockquote'</span><span class=\"k\">);</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>obj<span class=\"k\">)</span><span class=\"k\">{</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>endBlock<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'LI'</span> <span class=\"k\">||</span> endBlock<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TD'</span><span class=\"k\">||</span> domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>endBlock<span class=\"k\">))</span><span class=\"k\">{</span>","                                obj<span class=\"k\">.</span>parentNode <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>obj<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span>endBlock<span class=\"k\">,</span>obj<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","","                    <span class=\"k\">var</span> blockquotes <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">,</span><span class=\"s\">'blockquote'</span><span class=\"k\">);</span>","                    <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">,</span>bi<span class=\"k\">;</span>bi<span class=\"k\">=</span>blockquotes<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>bi<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>bi<span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>bi<span class=\"k\">,</span>startBlock<span class=\"k\">)&amp;</span>domUtils<span class=\"k\">.</span>POSITION_FOLLOWING <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>bi<span class=\"k\">,</span>endBlock<span class=\"k\">)&amp;</span>domUtils<span class=\"k\">.</span>POSITION_PRECEDING<span class=\"k\">)</span><span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>bi<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","","","","","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                <span class=\"k\">var</span> tmpRange <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">(),</span>","                    node <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> tmpRange<span class=\"k\">.</span>startContainer <span class=\"k\">:</span> tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>","                    preNode <span class=\"k\">=</span> node<span class=\"k\">,</span>","                    doEnd <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","","                <span class=\"c\">//&#35843;&#25972;&#24320;&#22987;</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span> <span class=\"s\">1</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span> preNode <span class=\"k\">!==</span> node <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span> range<span class=\"k\">.</span>collapsed <span class=\"k\">)</span> <span class=\"k\">{</span>","                                tmpRange<span class=\"k\">.</span>selectNode<span class=\"k\">(</span> preNode <span class=\"k\">);</span>","                                doEnd <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span> preNode <span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            tmpRange<span class=\"k\">.</span>setStart<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>blockquote<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span> range<span class=\"k\">.</span>collapsed <span class=\"k\">)</span> <span class=\"k\">{</span>","                            tmpRange<span class=\"k\">.</span>selectNode<span class=\"k\">(</span> preNode <span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span><span class=\"k\">{</span>","                            tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span> preNode<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                    preNode <span class=\"k\">=</span> node<span class=\"k\">;</span>","                    node <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                <span class=\"k\">}</span>","","                <span class=\"c\">//&#35843;&#25972;&#32467;&#26463;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> doEnd <span class=\"k\">)</span> <span class=\"k\">{</span>","                    preNode <span class=\"k\">=</span> node <span class=\"k\">=</span>  node <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> tmpRange<span class=\"k\">.</span>endContainer <span class=\"k\">:</span> tmpRange<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span> <span class=\"s\">1</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","","                        <span class=\"k\">if</span> <span class=\"k\">(</span> domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span> node <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span> preNode <span class=\"k\">!==</span> node <span class=\"k\">)</span> <span class=\"k\">{</span>","","                                tmpRange<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span> preNode <span class=\"k\">);</span>","","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                tmpRange<span class=\"k\">.</span>setEnd<span class=\"k\">(</span> node<span class=\"k\">,</span> node<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length <span class=\"k\">);</span>","                            <span class=\"k\">}</span>","","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>blockquote<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                            tmpRange<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span> preNode <span class=\"k\">);</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","","                        preNode <span class=\"k\">=</span> node<span class=\"k\">;</span>","                        node <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","","","                node <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span> <span class=\"s\">'blockquote'</span> <span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span> node<span class=\"k\">,</span> attrs <span class=\"k\">);</span>","                node<span class=\"k\">.</span>appendChild<span class=\"k\">(</span> tmpRange<span class=\"k\">.</span>extractContents<span class=\"k\">()</span> <span class=\"k\">);</span>","                tmpRange<span class=\"k\">.</span>insertNode<span class=\"k\">(</span> node <span class=\"k\">);</span>","                <span class=\"c\">//&#21435;&#38500;&#37325;&#22797;&#30340;</span>","                <span class=\"k\">var</span> childs <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"s\">'blockquote'</span><span class=\"k\">);</span>","                <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>childs<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ci<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","            range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span> bookmark <span class=\"k\">).</span>select<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandState <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getObj<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/blockquote.js'][44]++;
+UE.plugins.blockquote = (function () {
+  _$jscoverage['plugins/blockquote.js'][45]++;
+  var me = this;
+  _$jscoverage['plugins/blockquote.js'][46]++;
+  function getObj(editor) {
+    _$jscoverage['plugins/blockquote.js'][47]++;
+    return domUtils.filterNodeList(editor.selection.getStartElementPath(), "blockquote");
+}
+  _$jscoverage['plugins/blockquote.js'][49]++;
+  me.commands.blockquote = {execCommand: (function (cmdName, attrs) {
+  _$jscoverage['plugins/blockquote.js'][51]++;
+  var range = this.selection.getRange(), obj = getObj(this), blockquote = dtd.blockquote, bookmark = range.createBookmark();
+  _$jscoverage['plugins/blockquote.js'][56]++;
+  if (obj) {
+    _$jscoverage['plugins/blockquote.js'][58]++;
+    var start = range.startContainer, startBlock = (domUtils.isBlockElm(start)? start: domUtils.findParent(start, (function (node) {
+  _$jscoverage['plugins/blockquote.js'][59]++;
+  return domUtils.isBlockElm(node);
+}))), end = range.endContainer, endBlock = (domUtils.isBlockElm(end)? end: domUtils.findParent(end, (function (node) {
+  _$jscoverage['plugins/blockquote.js'][62]++;
+  return domUtils.isBlockElm(node);
+})));
+    _$jscoverage['plugins/blockquote.js'][65]++;
+    startBlock = (domUtils.findParentByTagName(startBlock, "li", true) || startBlock);
+    _$jscoverage['plugins/blockquote.js'][66]++;
+    endBlock = (domUtils.findParentByTagName(endBlock, "li", true) || endBlock);
+    _$jscoverage['plugins/blockquote.js'][69]++;
+    if (((startBlock.tagName == "LI") || (startBlock.tagName == "TD") || (startBlock === obj) || domUtils.isBody(startBlock))) {
+      _$jscoverage['plugins/blockquote.js'][70]++;
+      domUtils.remove(obj, true);
+    }
+    else {
+      _$jscoverage['plugins/blockquote.js'][72]++;
+      domUtils.breakParent(startBlock, obj);
+    }
+    _$jscoverage['plugins/blockquote.js'][75]++;
+    if ((startBlock !== endBlock)) {
+      _$jscoverage['plugins/blockquote.js'][76]++;
+      obj = domUtils.findParentByTagName(endBlock, "blockquote");
+      _$jscoverage['plugins/blockquote.js'][77]++;
+      if (obj) {
+        _$jscoverage['plugins/blockquote.js'][78]++;
+        if (((endBlock.tagName == "LI") || (endBlock.tagName == "TD") || domUtils.isBody(endBlock))) {
+          _$jscoverage['plugins/blockquote.js'][79]++;
+          (obj.parentNode && domUtils.remove(obj, true));
+        }
+        else {
+          _$jscoverage['plugins/blockquote.js'][81]++;
+          domUtils.breakParent(endBlock, obj);
+        }
+      }
+    }
+    _$jscoverage['plugins/blockquote.js'][87]++;
+    var blockquotes = domUtils.getElementsByTagName(this.document, "blockquote");
+    _$jscoverage['plugins/blockquote.js'][88]++;
+    for (var i = 0, bi; (bi = blockquotes[(i++)]);) {
+      _$jscoverage['plugins/blockquote.js'][89]++;
+      if ((! bi.childNodes.length)) {
+        _$jscoverage['plugins/blockquote.js'][90]++;
+        domUtils.remove(bi);
+      }
+      else {
+        _$jscoverage['plugins/blockquote.js'][91]++;
+        if (((domUtils.getPosition(bi, startBlock) & domUtils.POSITION_FOLLOWING) && (domUtils.getPosition(bi, endBlock) & domUtils.POSITION_PRECEDING))) {
+          _$jscoverage['plugins/blockquote.js'][92]++;
+          domUtils.remove(bi, true);
+        }
+      }
+}
+  }
+  else {
+    _$jscoverage['plugins/blockquote.js'][101]++;
+    var tmpRange = range.cloneRange(), node = ((tmpRange.startContainer.nodeType == 1)? tmpRange.startContainer: tmpRange.startContainer.parentNode), preNode = node, doEnd = 1;
+    _$jscoverage['plugins/blockquote.js'][107]++;
+    while (true) {
+      _$jscoverage['plugins/blockquote.js'][108]++;
+      if (domUtils.isBody(node)) {
+        _$jscoverage['plugins/blockquote.js'][109]++;
+        if ((preNode !== node)) {
+          _$jscoverage['plugins/blockquote.js'][110]++;
+          if (range.collapsed) {
+            _$jscoverage['plugins/blockquote.js'][111]++;
+            tmpRange.selectNode(preNode);
+            _$jscoverage['plugins/blockquote.js'][112]++;
+            doEnd = 0;
+          }
+          else {
+            _$jscoverage['plugins/blockquote.js'][114]++;
+            tmpRange.setStartBefore(preNode);
+          }
+        }
+        else {
+          _$jscoverage['plugins/blockquote.js'][117]++;
+          tmpRange.setStart(node, 0);
+        }
+        _$jscoverage['plugins/blockquote.js'][120]++;
+        break;
+      }
+      _$jscoverage['plugins/blockquote.js'][122]++;
+      if ((! blockquote[node.tagName])) {
+        _$jscoverage['plugins/blockquote.js'][123]++;
+        if (range.collapsed) {
+          _$jscoverage['plugins/blockquote.js'][124]++;
+          tmpRange.selectNode(preNode);
+        }
+        else {
+          _$jscoverage['plugins/blockquote.js'][126]++;
+          tmpRange.setStartBefore(preNode);
+        }
+        _$jscoverage['plugins/blockquote.js'][128]++;
+        break;
+      }
+      _$jscoverage['plugins/blockquote.js'][131]++;
+      preNode = node;
+      _$jscoverage['plugins/blockquote.js'][132]++;
+      node = node.parentNode;
+}
+    _$jscoverage['plugins/blockquote.js'][136]++;
+    if (doEnd) {
+      _$jscoverage['plugins/blockquote.js'][137]++;
+      preNode = (node = (node = ((tmpRange.endContainer.nodeType == 1)? tmpRange.endContainer: tmpRange.endContainer.parentNode)));
+      _$jscoverage['plugins/blockquote.js'][138]++;
+      while (true) {
+        _$jscoverage['plugins/blockquote.js'][140]++;
+        if (domUtils.isBody(node)) {
+          _$jscoverage['plugins/blockquote.js'][141]++;
+          if ((preNode !== node)) {
+            _$jscoverage['plugins/blockquote.js'][143]++;
+            tmpRange.setEndAfter(preNode);
+          }
+          else {
+            _$jscoverage['plugins/blockquote.js'][146]++;
+            tmpRange.setEnd(node, node.childNodes.length);
+          }
+          _$jscoverage['plugins/blockquote.js'][149]++;
+          break;
+        }
+        _$jscoverage['plugins/blockquote.js'][151]++;
+        if ((! blockquote[node.tagName])) {
+          _$jscoverage['plugins/blockquote.js'][152]++;
+          tmpRange.setEndAfter(preNode);
+          _$jscoverage['plugins/blockquote.js'][153]++;
+          break;
+        }
+        _$jscoverage['plugins/blockquote.js'][156]++;
+        preNode = node;
+        _$jscoverage['plugins/blockquote.js'][157]++;
+        node = node.parentNode;
+}
+    }
+    _$jscoverage['plugins/blockquote.js'][163]++;
+    node = range.document.createElement("blockquote");
+    _$jscoverage['plugins/blockquote.js'][164]++;
+    domUtils.setAttributes(node, attrs);
+    _$jscoverage['plugins/blockquote.js'][165]++;
+    node.appendChild(tmpRange.extractContents());
+    _$jscoverage['plugins/blockquote.js'][166]++;
+    tmpRange.insertNode(node);
+    _$jscoverage['plugins/blockquote.js'][168]++;
+    var childs = domUtils.getElementsByTagName(node, "blockquote");
+    _$jscoverage['plugins/blockquote.js'][169]++;
+    for (var i = 0, ci; (ci = childs[(i++)]);) {
+      _$jscoverage['plugins/blockquote.js'][170]++;
+      if (ci.parentNode) {
+        _$jscoverage['plugins/blockquote.js'][171]++;
+        domUtils.remove(ci, true);
+      }
+}
+  }
+  _$jscoverage['plugins/blockquote.js'][176]++;
+  range.moveToBookmark(bookmark).select();
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/blockquote.js'][179]++;
+  return (getObj(this)? 1: 0);
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/catchremoteimage.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/catchremoteimage.js
new file mode 100644
index 000000000..a27962630
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/catchremoteimage.js
@@ -0,0 +1,192 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/catchremoteimage.js']) {
+  _$jscoverage['plugins/catchremoteimage.js'] = [];
+  _$jscoverage['plugins/catchremoteimage.js'][9] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][10] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][11] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][13] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][14] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][20] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][24] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][25] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][26] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][31] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][32] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][35] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][36] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][39] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][40] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][41] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][42] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][43] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][44] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][45] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][48] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][50] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][51] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][52] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][54] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][55] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][56] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][59] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][60] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][63] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][64] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][66] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][68] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][70] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][71] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][72] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][73] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][74] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][76] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][77] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][81] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][85] = 0;
+  _$jscoverage['plugins/catchremoteimage.js'][89] = 0;
+}
+_$jscoverage['plugins/catchremoteimage.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#36828;&#31243;&#22270;&#29255;&#25235;&#21462;</span>","<span class=\"c\">///commandsName  catchRemoteImage,catchremoteimageenable</span>","<span class=\"c\">///commandsTitle  &#36828;&#31243;&#22270;&#29255;&#25235;&#21462;</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * &#36828;&#31243;&#22270;&#29255;&#25235;&#21462;,&#24403;&#24320;&#21551;&#26412;&#25554;&#20214;&#26102;&#25152;&#26377;&#19981;&#31526;&#21512;&#26412;&#22320;&#22495;&#21517;&#30340;&#22270;&#29255;&#37117;&#23558;&#34987;&#25235;&#21462;&#25104;&#20026;&#26412;&#22320;&#26381;&#21153;&#22120;&#19978;&#30340;&#22270;&#29255;</span>","<span class=\"c\"> *</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'catchremoteimage'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>catchRemoteImageEnable<span class=\"k\">===</span><span class=\"k\">false</span><span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">return</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    <span class=\"k\">this</span><span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","        localDomain<span class=\"k\">:[</span><span class=\"s\">\"127.0.0.1\"</span><span class=\"k\">,</span><span class=\"s\">\"localhost\"</span><span class=\"k\">,</span><span class=\"s\">\"img.baidu.com\"</span><span class=\"k\">],</span>","        separater<span class=\"k\">:</span><span class=\"s\">'ue_separate_ue'</span><span class=\"k\">,</span>","        catchFieldName<span class=\"k\">:</span><span class=\"s\">\"upfile\"</span><span class=\"k\">,</span>","        catchRemoteImageEnable<span class=\"k\">:</span><span class=\"k\">true</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">var</span> ajax <span class=\"k\">=</span> UE<span class=\"k\">.</span>ajax<span class=\"k\">,</span>","        localDomain <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>localDomain <span class=\"k\">,</span>","        catcherUrl <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>catcherUrl<span class=\"k\">,</span>","        separater <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>separater<span class=\"k\">;</span>","    <span class=\"k\">function</span> catchremoteimage<span class=\"k\">(</span>imgs<span class=\"k\">,</span> callbacks<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> submitStr <span class=\"k\">=</span> imgs<span class=\"k\">.</span>join<span class=\"k\">(</span>separater<span class=\"k\">);</span>","        <span class=\"k\">var</span> tmpOption <span class=\"k\">=</span> <span class=\"k\">{</span>","            timeout<span class=\"k\">:</span><span class=\"s\">60000</span><span class=\"k\">,</span> <span class=\"c\">//&#21333;&#20301;&#65306;&#27627;&#31186;&#65292;&#22238;&#35843;&#35831;&#27714;&#36229;&#26102;&#35774;&#32622;&#12290;&#30446;&#26631;&#29992;&#25143;&#22914;&#26524;&#32593;&#36895;&#19981;&#26159;&#24456;&#24555;&#30340;&#35805;&#27492;&#22788;&#24314;&#35758;&#35774;&#32622;&#19968;&#20010;&#36739;&#22823;&#30340;&#25968;&#20540;</span>","            onsuccess<span class=\"k\">:</span>callbacks<span class=\"k\">[</span><span class=\"s\">\"success\"</span><span class=\"k\">],</span>","            onerror<span class=\"k\">:</span>callbacks<span class=\"k\">[</span><span class=\"s\">\"error\"</span><span class=\"k\">]</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        tmpOption<span class=\"k\">[</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>catchFieldName<span class=\"k\">]</span> <span class=\"k\">=</span> submitStr<span class=\"k\">;</span>","        ajax<span class=\"k\">.</span>request<span class=\"k\">(</span>catcherUrl<span class=\"k\">,</span> tmpOption<span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"afterpaste\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"catchRemoteImage\"</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"catchRemoteImage\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> remoteImages <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">var</span> imgs <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">\"img\"</span><span class=\"k\">);</span>","        <span class=\"k\">var</span> test <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>src<span class=\"k\">,</span>urls<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> url<span class=\"k\">;</span> url <span class=\"k\">=</span> urls<span class=\"k\">[</span>j<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>src<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>url<span class=\"k\">)</span> <span class=\"k\">!==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> imgs<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"word_img\"</span><span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">continue</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> src <span class=\"k\">=</span> ci<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"_src\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> ci<span class=\"k\">.</span>src <span class=\"k\">||</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/^(https?|ftp):/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>src<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>test<span class=\"k\">(</span>src<span class=\"k\">,</span>localDomain<span class=\"k\">))</span> <span class=\"k\">{</span>","                remoteImages<span class=\"k\">.</span>push<span class=\"k\">(</span>src<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>remoteImages<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            catchremoteimage<span class=\"k\">(</span>remoteImages<span class=\"k\">,</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#25104;&#21151;&#25235;&#21462;</span>","                success<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>xhr<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">try</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> info <span class=\"k\">=</span> eval<span class=\"k\">(</span><span class=\"s\">\"(\"</span> <span class=\"k\">+</span> xhr<span class=\"k\">.</span>responseText <span class=\"k\">+</span> <span class=\"s\">\")\"</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">var</span> srcUrls <span class=\"k\">=</span> info<span class=\"k\">.</span>srcUrl<span class=\"k\">.</span>split<span class=\"k\">(</span>separater<span class=\"k\">),</span>","                        urls <span class=\"k\">=</span> info<span class=\"k\">.</span>url<span class=\"k\">.</span>split<span class=\"k\">(</span>separater<span class=\"k\">);</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> imgs<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> src <span class=\"k\">=</span> ci<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"_src\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> ci<span class=\"k\">.</span>src <span class=\"k\">||</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","                        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cj<span class=\"k\">;</span> cj <span class=\"k\">=</span> srcUrls<span class=\"k\">[</span>j<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> url <span class=\"k\">=</span> urls<span class=\"k\">[</span>j <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">];</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>src <span class=\"k\">==</span> cj <span class=\"k\">&amp;&amp;</span> url <span class=\"k\">!=</span> <span class=\"s\">\"error\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>  <span class=\"c\">//&#25235;&#21462;&#22833;&#36133;&#26102;&#19981;&#20570;&#26367;&#25442;&#22788;&#29702;</span>","                                <span class=\"c\">//&#22320;&#22336;&#20462;&#27491;</span>","                                <span class=\"k\">var</span> newSrc <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>catcherPath <span class=\"k\">+</span> url<span class=\"k\">;</span>","                                domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>ci<span class=\"k\">,</span> <span class=\"k\">{</span>","                                    <span class=\"s\">\"src\"</span><span class=\"k\">:</span>newSrc<span class=\"k\">,</span>","                                    <span class=\"s\">\"_src\"</span><span class=\"k\">:</span>newSrc","                                <span class=\"k\">}</span><span class=\"k\">);</span>","                                <span class=\"k\">break</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'catchremotesuccess'</span><span class=\"k\">)</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"c\">//&#22238;&#35843;&#22833;&#36133;&#65292;&#26412;&#27425;&#35831;&#27714;&#36229;&#26102;</span>","                error<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"catchremoteerror\"</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/catchremoteimage.js'][9]++;
+UE.plugins.catchremoteimage = (function () {
+  _$jscoverage['plugins/catchremoteimage.js'][10]++;
+  if ((this.options.catchRemoteImageEnable === false)) {
+    _$jscoverage['plugins/catchremoteimage.js'][11]++;
+    return;
+  }
+  _$jscoverage['plugins/catchremoteimage.js'][13]++;
+  var me = this;
+  _$jscoverage['plugins/catchremoteimage.js'][14]++;
+  this.setOpt({localDomain: ["127.0.0.1", "localhost", "img.baidu.com"], separater: "ue_separate_ue", catchFieldName: "upfile", catchRemoteImageEnable: true});
+  _$jscoverage['plugins/catchremoteimage.js'][20]++;
+  var ajax = UE.ajax, localDomain = me.options.localDomain, catcherUrl = me.options.catcherUrl, separater = me.options.separater;
+  _$jscoverage['plugins/catchremoteimage.js'][24]++;
+  function catchremoteimage(imgs, callbacks) {
+    _$jscoverage['plugins/catchremoteimage.js'][25]++;
+    var submitStr = imgs.join(separater);
+    _$jscoverage['plugins/catchremoteimage.js'][26]++;
+    var tmpOption = {timeout: 60000, onsuccess: callbacks.success, onerror: callbacks.error};
+    _$jscoverage['plugins/catchremoteimage.js'][31]++;
+    tmpOption[me.options.catchFieldName] = submitStr;
+    _$jscoverage['plugins/catchremoteimage.js'][32]++;
+    ajax.request(catcherUrl, tmpOption);
+}
+  _$jscoverage['plugins/catchremoteimage.js'][35]++;
+  me.addListener("afterpaste", (function () {
+  _$jscoverage['plugins/catchremoteimage.js'][36]++;
+  me.fireEvent("catchRemoteImage");
+}));
+  _$jscoverage['plugins/catchremoteimage.js'][39]++;
+  me.addListener("catchRemoteImage", (function () {
+  _$jscoverage['plugins/catchremoteimage.js'][40]++;
+  var remoteImages = [];
+  _$jscoverage['plugins/catchremoteimage.js'][41]++;
+  var imgs = domUtils.getElementsByTagName(me.document, "img");
+  _$jscoverage['plugins/catchremoteimage.js'][42]++;
+  var test = (function (src, urls) {
+  _$jscoverage['plugins/catchremoteimage.js'][43]++;
+  for (var j = 0, url; (url = urls[(j++)]);) {
+    _$jscoverage['plugins/catchremoteimage.js'][44]++;
+    if ((src.indexOf(url) !== -1)) {
+      _$jscoverage['plugins/catchremoteimage.js'][45]++;
+      return true;
+    }
+}
+  _$jscoverage['plugins/catchremoteimage.js'][48]++;
+  return false;
+});
+  _$jscoverage['plugins/catchremoteimage.js'][50]++;
+  for (var i = 0, ci; (ci = imgs[(i++)]);) {
+    _$jscoverage['plugins/catchremoteimage.js'][51]++;
+    if (ci.getAttribute("word_img")) {
+      _$jscoverage['plugins/catchremoteimage.js'][52]++;
+      continue;
+    }
+    _$jscoverage['plugins/catchremoteimage.js'][54]++;
+    var src = (ci.getAttribute("_src") || ci.src || "");
+    _$jscoverage['plugins/catchremoteimage.js'][55]++;
+    if ((/^(https?|ftp):/i.test(src) && (! test(src, localDomain)))) {
+      _$jscoverage['plugins/catchremoteimage.js'][56]++;
+      remoteImages.push(src);
+    }
+}
+  _$jscoverage['plugins/catchremoteimage.js'][59]++;
+  if (remoteImages.length) {
+    _$jscoverage['plugins/catchremoteimage.js'][60]++;
+    catchremoteimage(remoteImages, {success: (function (xhr) {
+  _$jscoverage['plugins/catchremoteimage.js'][63]++;
+  try {
+    _$jscoverage['plugins/catchremoteimage.js'][64]++;
+    var info = eval(("(" + xhr.responseText + ")"));
+  }
+  catch (e) {
+    _$jscoverage['plugins/catchremoteimage.js'][66]++;
+    return;
+  }
+  _$jscoverage['plugins/catchremoteimage.js'][68]++;
+  var srcUrls = info.srcUrl.split(separater), urls = info.url.split(separater);
+  _$jscoverage['plugins/catchremoteimage.js'][70]++;
+  for (var i = 0, ci; (ci = imgs[(i++)]);) {
+    _$jscoverage['plugins/catchremoteimage.js'][71]++;
+    var src = (ci.getAttribute("_src") || ci.src || "");
+    _$jscoverage['plugins/catchremoteimage.js'][72]++;
+    for (var j = 0, cj; (cj = srcUrls[(j++)]);) {
+      _$jscoverage['plugins/catchremoteimage.js'][73]++;
+      var url = urls[(j - 1)];
+      _$jscoverage['plugins/catchremoteimage.js'][74]++;
+      if (((src == cj) && (url != "error"))) {
+        _$jscoverage['plugins/catchremoteimage.js'][76]++;
+        var newSrc = (me.options.catcherPath + url);
+        _$jscoverage['plugins/catchremoteimage.js'][77]++;
+        domUtils.setAttributes(ci, {"src": newSrc, "_src": newSrc});
+        _$jscoverage['plugins/catchremoteimage.js'][81]++;
+        break;
+      }
+}
+}
+  _$jscoverage['plugins/catchremoteimage.js'][85]++;
+  me.fireEvent("catchremotesuccess");
+}), error: (function () {
+  _$jscoverage['plugins/catchremoteimage.js'][89]++;
+  me.fireEvent("catchremoteerror");
+})});
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/cleardoc.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/cleardoc.js
new file mode 100644
index 000000000..0feece8fb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/cleardoc.js
@@ -0,0 +1,75 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/cleardoc.js']) {
+  _$jscoverage['plugins/cleardoc.js'] = [];
+  _$jscoverage['plugins/cleardoc.js'][19] = 0;
+  _$jscoverage['plugins/cleardoc.js'][21] = 0;
+  _$jscoverage['plugins/cleardoc.js'][24] = 0;
+  _$jscoverage['plugins/cleardoc.js'][25] = 0;
+  _$jscoverage['plugins/cleardoc.js'][26] = 0;
+  _$jscoverage['plugins/cleardoc.js'][28] = 0;
+  _$jscoverage['plugins/cleardoc.js'][29] = 0;
+  _$jscoverage['plugins/cleardoc.js'][31] = 0;
+  _$jscoverage['plugins/cleardoc.js'][32] = 0;
+}
+_$jscoverage['plugins/cleardoc.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#28165;&#31354;&#25991;&#26723;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#28165;&#31354;&#25991;&#26723;&#21629;&#20196;</span>","<span class=\"c\"> * @command cleardoc</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * //editor &#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\"> * editor.execCommand('cleardoc');</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'cleardoc'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","            enterTag <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>enterTag<span class=\"k\">,</span>","            range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>enterTag <span class=\"k\">==</span> <span class=\"s\">\"br\"</span><span class=\"k\">)</span><span class=\"k\">{</span>","            me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">\"&lt;br/&gt;\"</span><span class=\"k\">;</span>","            range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","            me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">\"&lt;p&gt;\"</span><span class=\"k\">+(</span>ie <span class=\"k\">?</span> <span class=\"s\">\"\"</span> <span class=\"k\">:</span> <span class=\"s\">\"&lt;br/&gt;\"</span><span class=\"k\">)+</span><span class=\"s\">\"&lt;/p&gt;\"</span><span class=\"k\">;</span>","            range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>firstChild<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","        setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"clearDoc\"</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">);</span>","","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/cleardoc.js'][19]++;
+UE.commands.cleardoc = {execCommand: (function (cmdName) {
+  _$jscoverage['plugins/cleardoc.js'][21]++;
+  var me = this, enterTag = me.options.enterTag, range = me.selection.getRange();
+  _$jscoverage['plugins/cleardoc.js'][24]++;
+  if ((enterTag == "br")) {
+    _$jscoverage['plugins/cleardoc.js'][25]++;
+    me.body.innerHTML = "<br/>";
+    _$jscoverage['plugins/cleardoc.js'][26]++;
+    range.setStart(me.body, 0).setCursor();
+  }
+  else {
+    _$jscoverage['plugins/cleardoc.js'][28]++;
+    me.body.innerHTML = ("<p>" + (ie? "": "<br/>") + "</p>");
+    _$jscoverage['plugins/cleardoc.js'][29]++;
+    range.setStart(me.body.firstChild, 0).setCursor(false, true);
+  }
+  _$jscoverage['plugins/cleardoc.js'][31]++;
+  setTimeout((function () {
+  _$jscoverage['plugins/cleardoc.js'][32]++;
+  me.fireEvent("clearDoc");
+}), 0);
+})};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/contextmenu.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/contextmenu.js
new file mode 100644
index 000000000..69e001c82
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/contextmenu.js
@@ -0,0 +1,413 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/contextmenu.js']) {
+  _$jscoverage['plugins/contextmenu.js'] = [];
+  _$jscoverage['plugins/contextmenu.js'][12] = 0;
+  _$jscoverage['plugins/contextmenu.js'][13] = 0;
+  _$jscoverage['plugins/contextmenu.js'][27] = 0;
+  _$jscoverage['plugins/contextmenu.js'][28] = 0;
+  _$jscoverage['plugins/contextmenu.js'][159] = 0;
+  _$jscoverage['plugins/contextmenu.js'][160] = 0;
+  _$jscoverage['plugins/contextmenu.js'][162] = 0;
+  _$jscoverage['plugins/contextmenu.js'][169] = 0;
+  _$jscoverage['plugins/contextmenu.js'][170] = 0;
+  _$jscoverage['plugins/contextmenu.js'][172] = 0;
+  _$jscoverage['plugins/contextmenu.js'][194] = 0;
+  _$jscoverage['plugins/contextmenu.js'][195] = 0;
+  _$jscoverage['plugins/contextmenu.js'][197] = 0;
+  _$jscoverage['plugins/contextmenu.js'][205] = 0;
+  _$jscoverage['plugins/contextmenu.js'][206] = 0;
+  _$jscoverage['plugins/contextmenu.js'][208] = 0;
+  _$jscoverage['plugins/contextmenu.js'][209] = 0;
+  _$jscoverage['plugins/contextmenu.js'][210] = 0;
+  _$jscoverage['plugins/contextmenu.js'][218] = 0;
+  _$jscoverage['plugins/contextmenu.js'][219] = 0;
+  _$jscoverage['plugins/contextmenu.js'][221] = 0;
+  _$jscoverage['plugins/contextmenu.js'][222] = 0;
+  _$jscoverage['plugins/contextmenu.js'][223] = 0;
+  _$jscoverage['plugins/contextmenu.js'][237] = 0;
+  _$jscoverage['plugins/contextmenu.js'][244] = 0;
+  _$jscoverage['plugins/contextmenu.js'][251] = 0;
+  _$jscoverage['plugins/contextmenu.js'][258] = 0;
+  _$jscoverage['plugins/contextmenu.js'][265] = 0;
+  _$jscoverage['plugins/contextmenu.js'][272] = 0;
+  _$jscoverage['plugins/contextmenu.js'][357] = 0;
+  _$jscoverage['plugins/contextmenu.js'][360] = 0;
+  _$jscoverage['plugins/contextmenu.js'][367] = 0;
+  _$jscoverage['plugins/contextmenu.js'][370] = 0;
+  _$jscoverage['plugins/contextmenu.js'][376] = 0;
+  _$jscoverage['plugins/contextmenu.js'][377] = 0;
+  _$jscoverage['plugins/contextmenu.js'][379] = 0;
+  _$jscoverage['plugins/contextmenu.js'][383] = 0;
+  _$jscoverage['plugins/contextmenu.js'][384] = 0;
+  _$jscoverage['plugins/contextmenu.js'][386] = 0;
+  _$jscoverage['plugins/contextmenu.js'][388] = 0;
+  _$jscoverage['plugins/contextmenu.js'][390] = 0;
+  _$jscoverage['plugins/contextmenu.js'][391] = 0;
+  _$jscoverage['plugins/contextmenu.js'][392] = 0;
+  _$jscoverage['plugins/contextmenu.js'][393] = 0;
+  _$jscoverage['plugins/contextmenu.js'][395] = 0;
+  _$jscoverage['plugins/contextmenu.js'][396] = 0;
+  _$jscoverage['plugins/contextmenu.js'][397] = 0;
+  _$jscoverage['plugins/contextmenu.js'][398] = 0;
+  _$jscoverage['plugins/contextmenu.js'][399] = 0;
+  _$jscoverage['plugins/contextmenu.js'][400] = 0;
+  _$jscoverage['plugins/contextmenu.js'][402] = 0;
+  _$jscoverage['plugins/contextmenu.js'][403] = 0;
+  _$jscoverage['plugins/contextmenu.js'][404] = 0;
+  _$jscoverage['plugins/contextmenu.js'][405] = 0;
+  _$jscoverage['plugins/contextmenu.js'][406] = 0;
+  _$jscoverage['plugins/contextmenu.js'][407] = 0;
+  _$jscoverage['plugins/contextmenu.js'][409] = 0;
+  _$jscoverage['plugins/contextmenu.js'][412] = 0;
+  _$jscoverage['plugins/contextmenu.js'][414] = 0;
+  _$jscoverage['plugins/contextmenu.js'][418] = 0;
+  _$jscoverage['plugins/contextmenu.js'][420] = 0;
+  _$jscoverage['plugins/contextmenu.js'][427] = 0;
+  _$jscoverage['plugins/contextmenu.js'][428] = 0;
+  _$jscoverage['plugins/contextmenu.js'][429] = 0;
+  _$jscoverage['plugins/contextmenu.js'][431] = 0;
+  _$jscoverage['plugins/contextmenu.js'][433] = 0;
+  _$jscoverage['plugins/contextmenu.js'][435] = 0;
+  _$jscoverage['plugins/contextmenu.js'][437] = 0;
+  _$jscoverage['plugins/contextmenu.js'][439] = 0;
+  _$jscoverage['plugins/contextmenu.js'][441] = 0;
+  _$jscoverage['plugins/contextmenu.js'][443] = 0;
+  _$jscoverage['plugins/contextmenu.js'][446] = 0;
+  _$jscoverage['plugins/contextmenu.js'][459] = 0;
+  _$jscoverage['plugins/contextmenu.js'][462] = 0;
+  _$jscoverage['plugins/contextmenu.js'][463] = 0;
+  _$jscoverage['plugins/contextmenu.js'][464] = 0;
+  _$jscoverage['plugins/contextmenu.js'][466] = 0;
+  _$jscoverage['plugins/contextmenu.js'][467] = 0;
+  _$jscoverage['plugins/contextmenu.js'][470] = 0;
+  _$jscoverage['plugins/contextmenu.js'][474] = 0;
+  _$jscoverage['plugins/contextmenu.js'][476] = 0;
+  _$jscoverage['plugins/contextmenu.js'][485] = 0;
+  _$jscoverage['plugins/contextmenu.js'][486] = 0;
+  _$jscoverage['plugins/contextmenu.js'][489] = 0;
+  _$jscoverage['plugins/contextmenu.js'][494] = 0;
+  _$jscoverage['plugins/contextmenu.js'][495] = 0;
+  _$jscoverage['plugins/contextmenu.js'][497] = 0;
+  _$jscoverage['plugins/contextmenu.js'][499] = 0;
+  _$jscoverage['plugins/contextmenu.js'][500] = 0;
+  _$jscoverage['plugins/contextmenu.js'][501] = 0;
+  _$jscoverage['plugins/contextmenu.js'][502] = 0;
+  _$jscoverage['plugins/contextmenu.js'][503] = 0;
+  _$jscoverage['plugins/contextmenu.js'][505] = 0;
+  _$jscoverage['plugins/contextmenu.js'][507] = 0;
+  _$jscoverage['plugins/contextmenu.js'][508] = 0;
+  _$jscoverage['plugins/contextmenu.js'][509] = 0;
+}
+_$jscoverage['plugins/contextmenu.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#21491;&#38190;&#33756;&#21333;</span>","<span class=\"c\">///commandsName  ContextMenu</span>","<span class=\"c\">///commandsTitle  &#21491;&#38190;&#33756;&#21333;</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * &#21491;&#38190;&#33756;&#21333;</span>","<span class=\"c\"> * @function</span>","<span class=\"c\"> * @name baidu.editor.plugins.contextmenu</span>","<span class=\"c\"> * @author zhanyi</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'contextmenu'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","            lang <span class=\"k\">=</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span> <span class=\"s\">\"contextMenu\"</span> <span class=\"k\">),</span>","            menu<span class=\"k\">,</span>","            items <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>contextMenu <span class=\"k\">||</span> <span class=\"k\">[</span>","                <span class=\"k\">{</span>label<span class=\"k\">:</span>lang<span class=\"k\">[</span><span class=\"s\">'selectall'</span><span class=\"k\">],</span> cmdName<span class=\"k\">:</span><span class=\"s\">'selectall'</span><span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    label<span class=\"k\">:</span>lang<span class=\"k\">.</span>deletecode<span class=\"k\">,</span>","                    cmdName<span class=\"k\">:</span><span class=\"s\">'highlightcode'</span><span class=\"k\">,</span>","                    icon<span class=\"k\">:</span><span class=\"s\">'deletehighlightcode'</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    label<span class=\"k\">:</span>lang<span class=\"k\">.</span>cleardoc<span class=\"k\">,</span>","                    cmdName<span class=\"k\">:</span><span class=\"s\">'cleardoc'</span><span class=\"k\">,</span>","                    exec<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span> confirm<span class=\"k\">(</span> lang<span class=\"k\">.</span>confirmclear <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span> <span class=\"s\">'cleardoc'</span> <span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"s\">'-'</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    label<span class=\"k\">:</span>lang<span class=\"k\">.</span>unlink<span class=\"k\">,</span>","                    cmdName<span class=\"k\">:</span><span class=\"s\">'unlink'</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"s\">'-'</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    group<span class=\"k\">:</span>lang<span class=\"k\">.</span>paragraph<span class=\"k\">,</span>","                    icon<span class=\"k\">:</span><span class=\"s\">'justifyjustify'</span><span class=\"k\">,</span>","                    subMenu<span class=\"k\">:[</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>justifyleft<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'justify'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"s\">'left'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>justifyright<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'justify'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"s\">'right'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>justifycenter<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'justify'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"s\">'center'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>justifyjustify<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'justify'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"s\">'justify'</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">]</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"s\">'-'</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    group<span class=\"k\">:</span>lang<span class=\"k\">.</span>table<span class=\"k\">,</span>","                    icon<span class=\"k\">:</span><span class=\"s\">'table'</span><span class=\"k\">,</span>","                    subMenu<span class=\"k\">:[</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>inserttable<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'inserttable'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>deletetable<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'deletetable'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"s\">'-'</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>deleterow<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'deleterow'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>deletecol<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'deletecol'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>insertcol<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'insertcol'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>insertcolnext<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'insertcolnext'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>insertrow<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'insertrow'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>insertrownext<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'insertrownext'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"s\">'-'</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>insertcaption<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'insertcaption'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>deletecaption<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'deletecaption'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>inserttitle<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'inserttitle'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>deletetitle<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'deletetitle'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"s\">'-'</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>mergecells<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'mergecells'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>mergeright<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'mergeright'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>mergedown<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'mergedown'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"s\">'-'</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>splittorows<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'splittorows'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>splittocols<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'splittocols'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>splittocells<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'splittocells'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"s\">'-'</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>averageDiseRow<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'averagedistributerow'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>averageDisCol<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'averagedistributecol'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"s\">'-'</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>edittd<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'edittd'</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span> UE<span class=\"k\">.</span>ui<span class=\"k\">[</span><span class=\"s\">'edittd'</span><span class=\"k\">]</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                                    <span class=\"k\">new</span> UE<span class=\"k\">.</span>ui<span class=\"k\">[</span><span class=\"s\">'edittd'</span><span class=\"k\">](</span> <span class=\"k\">this</span> <span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>getDialog<span class=\"k\">(</span><span class=\"s\">'edittd'</span><span class=\"k\">).</span>open<span class=\"k\">();</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>edittable<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'edittable'</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span> UE<span class=\"k\">.</span>ui<span class=\"k\">[</span><span class=\"s\">'edittable'</span><span class=\"k\">]</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                                    <span class=\"k\">new</span> UE<span class=\"k\">.</span>ui<span class=\"k\">[</span><span class=\"s\">'edittable'</span><span class=\"k\">](</span> <span class=\"k\">this</span> <span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>getDialog<span class=\"k\">(</span><span class=\"s\">'edittable'</span><span class=\"k\">).</span>open<span class=\"k\">();</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">]</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    group<span class=\"k\">:</span>lang<span class=\"k\">.</span>tablesort<span class=\"k\">,</span>","                    icon<span class=\"k\">:</span><span class=\"s\">'tablesort'</span><span class=\"k\">,</span>","                    subMenu<span class=\"k\">:[</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>reversecurrent<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'sorttable'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"s\">1</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>orderbyasc<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'sorttable'</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>reversebyasc<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'sorttable'</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"sorttable\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>td1<span class=\"k\">,</span>td2<span class=\"k\">)</span><span class=\"k\">{</span>","                                    <span class=\"k\">var</span> value1 <span class=\"k\">=</span> td1<span class=\"k\">.</span>innerHTML<span class=\"k\">,</span>","                                        value2 <span class=\"k\">=</span> td2<span class=\"k\">.</span>innerHTML<span class=\"k\">;</span>","                                    <span class=\"k\">return</span> value2<span class=\"k\">.</span>localeCompare<span class=\"k\">(</span>value1<span class=\"k\">);</span>","                                <span class=\"k\">}</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>orderbynum<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'sorttable'</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"sorttable\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>td1<span class=\"k\">,</span>td2<span class=\"k\">)</span><span class=\"k\">{</span>","                                    <span class=\"k\">var</span> value1 <span class=\"k\">=</span> td1<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span><span class=\"k\">:</span><span class=\"s\">'textContent'</span><span class=\"k\">].</span>match<span class=\"k\">(</span><span class=\"s\">/\\d+/</span><span class=\"k\">),</span>","                                        value2 <span class=\"k\">=</span> td2<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span><span class=\"k\">:</span><span class=\"s\">'textContent'</span><span class=\"k\">].</span>match<span class=\"k\">(</span><span class=\"s\">/\\d+/</span><span class=\"k\">);</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>value1<span class=\"k\">)</span> value1 <span class=\"k\">=</span> <span class=\"k\">+</span>value1<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>value2<span class=\"k\">)</span> value2 <span class=\"k\">=</span> <span class=\"k\">+</span>value2<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                                    <span class=\"k\">return</span> <span class=\"k\">(</span>value1<span class=\"k\">||</span><span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">-</span> <span class=\"k\">(</span>value2<span class=\"k\">||</span><span class=\"s\">0</span><span class=\"k\">);</span>","                                <span class=\"k\">}</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>reversebynum<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'sorttable'</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"sorttable\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>td1<span class=\"k\">,</span>td2<span class=\"k\">)</span><span class=\"k\">{</span>","                                    <span class=\"k\">var</span> value1 <span class=\"k\">=</span> td1<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span><span class=\"k\">:</span><span class=\"s\">'textContent'</span><span class=\"k\">].</span>match<span class=\"k\">(</span><span class=\"s\">/\\d+/</span><span class=\"k\">),</span>","                                        value2 <span class=\"k\">=</span> td2<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span><span class=\"k\">:</span><span class=\"s\">'textContent'</span><span class=\"k\">].</span>match<span class=\"k\">(</span><span class=\"s\">/\\d+/</span><span class=\"k\">);</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>value1<span class=\"k\">)</span> value1 <span class=\"k\">=</span> <span class=\"k\">+</span>value1<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>value2<span class=\"k\">)</span> value2 <span class=\"k\">=</span> <span class=\"k\">+</span>value2<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                                    <span class=\"k\">return</span> <span class=\"k\">(</span>value2<span class=\"k\">||</span><span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">-</span> <span class=\"k\">(</span>value1<span class=\"k\">||</span><span class=\"s\">0</span><span class=\"k\">);</span>","                                <span class=\"k\">}</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">]</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    group<span class=\"k\">:</span>lang<span class=\"k\">.</span>borderbk<span class=\"k\">,</span>","                    icon<span class=\"k\">:</span><span class=\"s\">'borderBack'</span><span class=\"k\">,</span>","                    subMenu<span class=\"k\">:[</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>setcolor<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">\"interlacetable\"</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"interlacetable\"</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>unsetcolor<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">\"uninterlacetable\"</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"uninterlacetable\"</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>setbackground<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">\"settablebackground\"</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"settablebackground\"</span><span class=\"k\">,</span><span class=\"k\">{</span>repeat<span class=\"k\">:</span><span class=\"k\">true</span><span class=\"k\">,</span>colorList<span class=\"k\">:[</span><span class=\"s\">\"#bbb\"</span><span class=\"k\">,</span><span class=\"s\">\"#ccc\"</span><span class=\"k\">]</span><span class=\"k\">}</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>unsetbackground<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">\"cleartablebackground\"</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"cleartablebackground\"</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>redandblue<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">\"settablebackground\"</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"settablebackground\"</span><span class=\"k\">,</span><span class=\"k\">{</span>repeat<span class=\"k\">:</span><span class=\"k\">true</span><span class=\"k\">,</span>colorList<span class=\"k\">:[</span><span class=\"s\">\"red\"</span><span class=\"k\">,</span><span class=\"s\">\"blue\"</span><span class=\"k\">]</span><span class=\"k\">}</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>threecolorgradient<span class=\"k\">,</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">\"settablebackground\"</span><span class=\"k\">,</span>","                            exec<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                                <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"settablebackground\"</span><span class=\"k\">,</span><span class=\"k\">{</span>repeat<span class=\"k\">:</span><span class=\"k\">true</span><span class=\"k\">,</span>colorList<span class=\"k\">:[</span><span class=\"s\">\"#aaa\"</span><span class=\"k\">,</span><span class=\"s\">\"#bbb\"</span><span class=\"k\">,</span><span class=\"s\">\"#ccc\"</span><span class=\"k\">]</span><span class=\"k\">}</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">]</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    group<span class=\"k\">:</span>lang<span class=\"k\">.</span>aligntd<span class=\"k\">,</span>","                    icon<span class=\"k\">:</span><span class=\"s\">'aligntd'</span><span class=\"k\">,</span>","                    subMenu<span class=\"k\">:[</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'cellalignment'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"k\">{</span>align<span class=\"k\">:</span><span class=\"s\">'left'</span><span class=\"k\">,</span>vAlign<span class=\"k\">:</span><span class=\"s\">'top'</span><span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'cellalignment'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"k\">{</span>align<span class=\"k\">:</span><span class=\"s\">'center'</span><span class=\"k\">,</span>vAlign<span class=\"k\">:</span><span class=\"s\">'top'</span><span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'cellalignment'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"k\">{</span>align<span class=\"k\">:</span><span class=\"s\">'right'</span><span class=\"k\">,</span>vAlign<span class=\"k\">:</span><span class=\"s\">'top'</span><span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'cellalignment'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"k\">{</span>align<span class=\"k\">:</span><span class=\"s\">'left'</span><span class=\"k\">,</span>vAlign<span class=\"k\">:</span><span class=\"s\">'middle'</span><span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'cellalignment'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"k\">{</span>align<span class=\"k\">:</span><span class=\"s\">'center'</span><span class=\"k\">,</span>vAlign<span class=\"k\">:</span><span class=\"s\">'middle'</span><span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'cellalignment'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"k\">{</span>align<span class=\"k\">:</span><span class=\"s\">'right'</span><span class=\"k\">,</span>vAlign<span class=\"k\">:</span><span class=\"s\">'middle'</span><span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'cellalignment'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"k\">{</span>align<span class=\"k\">:</span><span class=\"s\">'left'</span><span class=\"k\">,</span>vAlign<span class=\"k\">:</span><span class=\"s\">'bottom'</span><span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'cellalignment'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"k\">{</span>align<span class=\"k\">:</span><span class=\"s\">'center'</span><span class=\"k\">,</span>vAlign<span class=\"k\">:</span><span class=\"s\">'bottom'</span><span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'cellalignment'</span><span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"k\">{</span>align<span class=\"k\">:</span><span class=\"s\">'right'</span><span class=\"k\">,</span>vAlign<span class=\"k\">:</span><span class=\"s\">'bottom'</span><span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">]</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    group<span class=\"k\">:</span>lang<span class=\"k\">.</span>aligntable<span class=\"k\">,</span>","                    icon<span class=\"k\">:</span><span class=\"s\">'aligntable'</span><span class=\"k\">,</span>","                    subMenu<span class=\"k\">:[</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'tablealignment'</span><span class=\"k\">,</span>","                            className<span class=\"k\">:</span> <span class=\"s\">'left'</span><span class=\"k\">,</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>tableleft<span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"s\">\"left\"</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'tablealignment'</span><span class=\"k\">,</span>","                            className<span class=\"k\">:</span> <span class=\"s\">'center'</span><span class=\"k\">,</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>tablecenter<span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"s\">\"center\"</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span>","                        <span class=\"k\">{</span>","                            cmdName<span class=\"k\">:</span><span class=\"s\">'tablealignment'</span><span class=\"k\">,</span>","                            className<span class=\"k\">:</span> <span class=\"s\">'right'</span><span class=\"k\">,</span>","                            label<span class=\"k\">:</span>lang<span class=\"k\">.</span>tableright<span class=\"k\">,</span>","                            value<span class=\"k\">:</span><span class=\"s\">\"right\"</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">]</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"s\">'-'</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    label<span class=\"k\">:</span>lang<span class=\"k\">.</span>insertparagraphbefore<span class=\"k\">,</span>","                    cmdName<span class=\"k\">:</span><span class=\"s\">'insertparagraph'</span><span class=\"k\">,</span>","                    value<span class=\"k\">:</span><span class=\"k\">true</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    label<span class=\"k\">:</span>lang<span class=\"k\">.</span>insertparagraphafter<span class=\"k\">,</span>","                    cmdName<span class=\"k\">:</span><span class=\"s\">'insertparagraph'</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    label<span class=\"k\">:</span>lang<span class=\"k\">[</span><span class=\"s\">'copy'</span><span class=\"k\">],</span>","                    cmdName<span class=\"k\">:</span><span class=\"s\">'copy'</span><span class=\"k\">,</span>","                    exec<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        alert<span class=\"k\">(</span> lang<span class=\"k\">.</span>copymsg <span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    query<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"k\">{</span>","                    label<span class=\"k\">:</span>lang<span class=\"k\">[</span><span class=\"s\">'paste'</span><span class=\"k\">],</span>","                    cmdName<span class=\"k\">:</span><span class=\"s\">'paste'</span><span class=\"k\">,</span>","                    exec<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        alert<span class=\"k\">(</span> lang<span class=\"k\">.</span>pastemsg <span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    query<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"k\">{</span>","                    label<span class=\"k\">:</span>lang<span class=\"k\">[</span><span class=\"s\">'highlightcode'</span><span class=\"k\">],</span>","                    cmdName<span class=\"k\">:</span><span class=\"s\">'highlightcode'</span><span class=\"k\">,</span>","                    exec<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span> UE<span class=\"k\">.</span>ui<span class=\"k\">[</span><span class=\"s\">'highlightcode'</span><span class=\"k\">]</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">new</span> UE<span class=\"k\">.</span>ui<span class=\"k\">[</span><span class=\"s\">'highlightcode'</span><span class=\"k\">](</span> <span class=\"k\">this</span> <span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">[</span><span class=\"s\">'highlightcodeDialog'</span><span class=\"k\">].</span>open<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">];</span>","    <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>items<span class=\"k\">.</span>length <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","    <span class=\"k\">var</span> uiUtils <span class=\"k\">=</span> UE<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">;</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span> <span class=\"s\">'contextmenu'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span> type<span class=\"k\">,</span> evt <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> offset <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportOffsetByEvent<span class=\"k\">(</span> evt <span class=\"k\">);</span>","        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span> <span class=\"s\">'beforeselectionchange'</span> <span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> menu <span class=\"k\">)</span> <span class=\"k\">{</span>","            menu<span class=\"k\">.</span>destroy<span class=\"k\">();</span>","        <span class=\"k\">}</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span> <span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ti<span class=\"k\">,</span> contextItems <span class=\"k\">=</span> <span class=\"k\">[];</span> ti <span class=\"k\">=</span> items<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> last<span class=\"k\">;</span>","            <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span> item <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> item <span class=\"k\">==</span> <span class=\"s\">'-'</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">(</span>last <span class=\"k\">=</span> contextItems<span class=\"k\">[</span>contextItems<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span> <span class=\"k\">]</span> <span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> last <span class=\"k\">!==</span> <span class=\"s\">'-'</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        contextItems<span class=\"k\">.</span>push<span class=\"k\">(</span> <span class=\"s\">'-'</span> <span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span> item<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span> <span class=\"s\">\"group\"</span> <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span> <span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cj<span class=\"k\">,</span> subMenu <span class=\"k\">=</span> <span class=\"k\">[];</span> cj <span class=\"k\">=</span> item<span class=\"k\">.</span>subMenu<span class=\"k\">[</span>j<span class=\"k\">];</span> j<span class=\"k\">++</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span> subItem <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span> subItem <span class=\"k\">==</span> <span class=\"s\">'-'</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">(</span>last <span class=\"k\">=</span> subMenu<span class=\"k\">[</span>subMenu<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span> <span class=\"k\">]</span> <span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> last <span class=\"k\">!==</span> <span class=\"s\">'-'</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                                    subMenu<span class=\"k\">.</span>push<span class=\"k\">(</span> <span class=\"s\">'-'</span> <span class=\"k\">);</span>","                                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                    subMenu<span class=\"k\">.</span>splice<span class=\"k\">(</span>subMenu<span class=\"k\">.</span>length<span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>commands<span class=\"k\">[</span>subItem<span class=\"k\">.</span>cmdName<span class=\"k\">]</span> <span class=\"k\">||</span> UE<span class=\"k\">.</span>commands<span class=\"k\">[</span>subItem<span class=\"k\">.</span>cmdName<span class=\"k\">]</span> <span class=\"k\">||</span> subItem<span class=\"k\">.</span>query<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span>","                                        <span class=\"k\">(</span>subItem<span class=\"k\">.</span>query <span class=\"k\">?</span> subItem<span class=\"k\">.</span>query<span class=\"k\">()</span> <span class=\"k\">:</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span> subItem<span class=\"k\">.</span>cmdName <span class=\"k\">))</span> <span class=\"k\">&gt;</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                                    subMenu<span class=\"k\">.</span>push<span class=\"k\">(</span> <span class=\"k\">{</span>","                                        <span class=\"s\">'label'</span><span class=\"k\">:</span>subItem<span class=\"k\">.</span>label <span class=\"k\">||</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span> <span class=\"s\">\"contextMenu.\"</span> <span class=\"k\">+</span> subItem<span class=\"k\">.</span>cmdName <span class=\"k\">+</span> <span class=\"k\">(</span>subItem<span class=\"k\">.</span>value <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">)||</span><span class=\"s\">\"\"</span><span class=\"k\">,</span>","                                        <span class=\"s\">'className'</span><span class=\"k\">:</span><span class=\"s\">'edui-for-'</span> <span class=\"k\">+</span>subItem<span class=\"k\">.</span>cmdName <span class=\"k\">+</span> <span class=\"k\">(</span> subItem<span class=\"k\">.</span>className <span class=\"k\">?</span> <span class=\"k\">(</span> <span class=\"s\">' edui-for-'</span> <span class=\"k\">+</span> subItem<span class=\"k\">.</span>cmdName <span class=\"k\">+</span> <span class=\"s\">'-'</span> <span class=\"k\">+</span> subItem<span class=\"k\">.</span>className <span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"s\">''</span> <span class=\"k\">),</span>","                                        onclick<span class=\"k\">:</span>subItem<span class=\"k\">.</span>exec <span class=\"k\">?</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                                subItem<span class=\"k\">.</span>exec<span class=\"k\">.</span>call<span class=\"k\">(</span> me <span class=\"k\">);</span>","                                        <span class=\"k\">}</span> <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                            me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span> subItem<span class=\"k\">.</span>cmdName<span class=\"k\">,</span> subItem<span class=\"k\">.</span>value <span class=\"k\">);</span>","                                        <span class=\"k\">}</span>","                                    <span class=\"k\">}</span> <span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">)(</span> cj <span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> subMenu<span class=\"k\">.</span>length <span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">function</span> getLabel<span class=\"k\">()</span><span class=\"k\">{</span>","                            <span class=\"k\">switch</span> <span class=\"k\">(</span>item<span class=\"k\">.</span>icon<span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"table\"</span><span class=\"k\">:</span>","                                    <span class=\"k\">return</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span> <span class=\"s\">\"contextMenu.table\"</span> <span class=\"k\">);</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"justifyjustify\"</span><span class=\"k\">:</span>","                                    <span class=\"k\">return</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span> <span class=\"s\">\"contextMenu.paragraph\"</span> <span class=\"k\">);</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"aligntd\"</span><span class=\"k\">:</span>","                                    <span class=\"k\">return</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"contextMenu.aligntd\"</span><span class=\"k\">);</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"aligntable\"</span><span class=\"k\">:</span>","                                    <span class=\"k\">return</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"contextMenu.aligntable\"</span><span class=\"k\">);</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"tablesort\"</span><span class=\"k\">:</span>","                                    <span class=\"k\">return</span> lang<span class=\"k\">.</span>tablesort<span class=\"k\">;</span>","                                <span class=\"k\">case</span> <span class=\"s\">\"borderBack\"</span><span class=\"k\">:</span>","                                    <span class=\"k\">return</span> lang<span class=\"k\">.</span>borderbk<span class=\"k\">;</span>","                                <span class=\"k\">default</span> <span class=\"k\">:</span>","                                    <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        contextItems<span class=\"k\">.</span>push<span class=\"k\">(</span> <span class=\"k\">{</span>","                            <span class=\"c\">//todo &#20462;&#27491;&#25104;&#33258;&#21160;&#33719;&#21462;&#26041;&#24335;</span>","                            <span class=\"s\">'label'</span><span class=\"k\">:</span>getLabel<span class=\"k\">(),</span>","                            className<span class=\"k\">:</span><span class=\"s\">'edui-for-'</span> <span class=\"k\">+</span> item<span class=\"k\">.</span>icon<span class=\"k\">,</span>","                            <span class=\"s\">'subMenu'</span><span class=\"k\">:</span><span class=\"k\">{</span>","                                items<span class=\"k\">:</span>subMenu<span class=\"k\">,</span>","                                editor<span class=\"k\">:</span>me","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span> <span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"c\">//&#26377;&#21487;&#33021;commmand&#27809;&#26377;&#21152;&#36733;&#21491;&#38190;&#19981;&#33021;&#20986;&#26469;&#65292;&#25110;&#32773;&#27809;&#26377;command&#20063;&#24819;&#33021;&#23637;&#31034;&#20986;&#26469;&#28155;&#21152;query&#26041;&#27861;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>commands<span class=\"k\">[</span>item<span class=\"k\">.</span>cmdName<span class=\"k\">]</span> <span class=\"k\">||</span> UE<span class=\"k\">.</span>commands<span class=\"k\">[</span>item<span class=\"k\">.</span>cmdName<span class=\"k\">]</span> <span class=\"k\">||</span> item<span class=\"k\">.</span>query<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span>","                            <span class=\"k\">(</span>item<span class=\"k\">.</span>query <span class=\"k\">?</span> item<span class=\"k\">.</span>query<span class=\"k\">.</span>call<span class=\"k\">(</span>me<span class=\"k\">)</span> <span class=\"k\">:</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span> item<span class=\"k\">.</span>cmdName <span class=\"k\">))</span> <span class=\"k\">&gt;</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"c\">//highlight todo</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span> item<span class=\"k\">.</span>cmdName <span class=\"k\">==</span> <span class=\"s\">'highlightcode'</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span> item<span class=\"k\">.</span>cmdName <span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> item<span class=\"k\">.</span>icon <span class=\"k\">!=</span> <span class=\"s\">'deletehighlightcode'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">return</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span> item<span class=\"k\">.</span>cmdName <span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> item<span class=\"k\">.</span>icon <span class=\"k\">==</span> <span class=\"s\">'deletehighlightcode'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">return</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        contextItems<span class=\"k\">.</span>push<span class=\"k\">(</span> <span class=\"k\">{</span>","                            <span class=\"s\">'label'</span><span class=\"k\">:</span>item<span class=\"k\">.</span>label <span class=\"k\">||</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span> <span class=\"s\">\"contextMenu.\"</span> <span class=\"k\">+</span> item<span class=\"k\">.</span>cmdName <span class=\"k\">),</span>","                            className<span class=\"k\">:</span><span class=\"s\">'edui-for-'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>item<span class=\"k\">.</span>icon <span class=\"k\">?</span> item<span class=\"k\">.</span>icon <span class=\"k\">:</span> item<span class=\"k\">.</span>cmdName <span class=\"k\">+</span> <span class=\"k\">(</span>item<span class=\"k\">.</span>value <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)),</span>","                            onclick<span class=\"k\">:</span>item<span class=\"k\">.</span>exec <span class=\"k\">?</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                item<span class=\"k\">.</span>exec<span class=\"k\">.</span>call<span class=\"k\">(</span> me <span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span> item<span class=\"k\">.</span>cmdName<span class=\"k\">,</span> item<span class=\"k\">.</span>value <span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span> <span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span><span class=\"k\">)(</span> ti <span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> contextItems<span class=\"k\">[</span>contextItems<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">'-'</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            contextItems<span class=\"k\">.</span>pop<span class=\"k\">();</span>","        <span class=\"k\">}</span>","","        menu <span class=\"k\">=</span> <span class=\"k\">new</span> UE<span class=\"k\">.</span>ui<span class=\"k\">.</span>Menu<span class=\"k\">(</span> <span class=\"k\">{</span>","            items<span class=\"k\">:</span>contextItems<span class=\"k\">,</span>","            className<span class=\"k\">:</span><span class=\"s\">\"edui-contextmenu\"</span><span class=\"k\">,</span>","            editor<span class=\"k\">:</span>me","        <span class=\"k\">}</span> <span class=\"k\">);</span>","        menu<span class=\"k\">.</span>render<span class=\"k\">();</span>","        menu<span class=\"k\">.</span>showAt<span class=\"k\">(</span> offset <span class=\"k\">);</span>","","        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"aftershowcontextmenu\"</span><span class=\"k\">,</span>menu<span class=\"k\">);</span>","","        domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span> evt <span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> browser<span class=\"k\">.</span>ie <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> ieRange<span class=\"k\">;</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                ieRange <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">().</span>createRange<span class=\"k\">();</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span> e <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> ieRange<span class=\"k\">.</span>item <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">new</span> dom<span class=\"k\">.</span>Range<span class=\"k\">(</span> me<span class=\"k\">.</span>document <span class=\"k\">);</span>","                range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span> ieRange<span class=\"k\">.</span>item<span class=\"k\">(</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">).</span>select<span class=\"k\">(</span> <span class=\"k\">true</span><span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span> <span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">;</span>","",""];
+_$jscoverage['plugins/contextmenu.js'][12]++;
+UE.plugins.contextmenu = (function () {
+  _$jscoverage['plugins/contextmenu.js'][13]++;
+  var me = this, lang = me.getLang("contextMenu"), menu, items = (me.options.contextMenu || [{label: lang.selectall, cmdName: "selectall"}, {label: lang.deletecode, cmdName: "highlightcode", icon: "deletehighlightcode"}, {label: lang.cleardoc, cmdName: "cleardoc", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][27]++;
+  if (confirm(lang.confirmclear)) {
+    _$jscoverage['plugins/contextmenu.js'][28]++;
+    this.execCommand("cleardoc");
+  }
+})}, "-", {label: lang.unlink, cmdName: "unlink"}, "-", {group: lang.paragraph, icon: "justifyjustify", subMenu: [{label: lang.justifyleft, cmdName: "justify", value: "left"}, {label: lang.justifyright, cmdName: "justify", value: "right"}, {label: lang.justifycenter, cmdName: "justify", value: "center"}, {label: lang.justifyjustify, cmdName: "justify", value: "justify"}]}, "-", {group: lang.table, icon: "table", subMenu: [{label: lang.inserttable, cmdName: "inserttable"}, {label: lang.deletetable, cmdName: "deletetable"}, "-", {label: lang.deleterow, cmdName: "deleterow"}, {label: lang.deletecol, cmdName: "deletecol"}, {label: lang.insertcol, cmdName: "insertcol"}, {label: lang.insertcolnext, cmdName: "insertcolnext"}, {label: lang.insertrow, cmdName: "insertrow"}, {label: lang.insertrownext, cmdName: "insertrownext"}, "-", {label: lang.insertcaption, cmdName: "insertcaption"}, {label: lang.deletecaption, cmdName: "deletecaption"}, {label: lang.inserttitle, cmdName: "inserttitle"}, {label: lang.deletetitle, cmdName: "deletetitle"}, "-", {label: lang.mergecells, cmdName: "mergecells"}, {label: lang.mergeright, cmdName: "mergeright"}, {label: lang.mergedown, cmdName: "mergedown"}, "-", {label: lang.splittorows, cmdName: "splittorows"}, {label: lang.splittocols, cmdName: "splittocols"}, {label: lang.splittocells, cmdName: "splittocells"}, "-", {label: lang.averageDiseRow, cmdName: "averagedistributerow"}, {label: lang.averageDisCol, cmdName: "averagedistributecol"}, "-", {label: lang.edittd, cmdName: "edittd", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][159]++;
+  if (UE.ui.edittd) {
+    _$jscoverage['plugins/contextmenu.js'][160]++;
+    new (UE.ui.edittd)(this);
+  }
+  _$jscoverage['plugins/contextmenu.js'][162]++;
+  this.getDialog("edittd").open();
+})}, {label: lang.edittable, cmdName: "edittable", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][169]++;
+  if (UE.ui.edittable) {
+    _$jscoverage['plugins/contextmenu.js'][170]++;
+    new (UE.ui.edittable)(this);
+  }
+  _$jscoverage['plugins/contextmenu.js'][172]++;
+  this.getDialog("edittable").open();
+})}]}, {group: lang.tablesort, icon: "tablesort", subMenu: [{label: lang.reversecurrent, cmdName: "sorttable", value: 1}, {label: lang.orderbyasc, cmdName: "sorttable"}, {label: lang.reversebyasc, cmdName: "sorttable", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][194]++;
+  this.execCommand("sorttable", (function (td1, td2) {
+  _$jscoverage['plugins/contextmenu.js'][195]++;
+  var value1 = td1.innerHTML, value2 = td2.innerHTML;
+  _$jscoverage['plugins/contextmenu.js'][197]++;
+  return value2.localeCompare(value1);
+}));
+})}, {label: lang.orderbynum, cmdName: "sorttable", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][205]++;
+  this.execCommand("sorttable", (function (td1, td2) {
+  _$jscoverage['plugins/contextmenu.js'][206]++;
+  var value1 = td1[(browser.ie? "innerText": "textContent")].match(/\d+/), value2 = td2[(browser.ie? "innerText": "textContent")].match(/\d+/);
+  _$jscoverage['plugins/contextmenu.js'][208]++;
+  if (value1) {
+    _$jscoverage['plugins/contextmenu.js'][208]++;
+    value1 = (+ value1[0]);
+  }
+  _$jscoverage['plugins/contextmenu.js'][209]++;
+  if (value2) {
+    _$jscoverage['plugins/contextmenu.js'][209]++;
+    value2 = (+ value2[0]);
+  }
+  _$jscoverage['plugins/contextmenu.js'][210]++;
+  return ((value1 || 0) - (value2 || 0));
+}));
+})}, {label: lang.reversebynum, cmdName: "sorttable", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][218]++;
+  this.execCommand("sorttable", (function (td1, td2) {
+  _$jscoverage['plugins/contextmenu.js'][219]++;
+  var value1 = td1[(browser.ie? "innerText": "textContent")].match(/\d+/), value2 = td2[(browser.ie? "innerText": "textContent")].match(/\d+/);
+  _$jscoverage['plugins/contextmenu.js'][221]++;
+  if (value1) {
+    _$jscoverage['plugins/contextmenu.js'][221]++;
+    value1 = (+ value1[0]);
+  }
+  _$jscoverage['plugins/contextmenu.js'][222]++;
+  if (value2) {
+    _$jscoverage['plugins/contextmenu.js'][222]++;
+    value2 = (+ value2[0]);
+  }
+  _$jscoverage['plugins/contextmenu.js'][223]++;
+  return ((value2 || 0) - (value1 || 0));
+}));
+})}]}, {group: lang.borderbk, icon: "borderBack", subMenu: [{label: lang.setcolor, cmdName: "interlacetable", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][237]++;
+  this.execCommand("interlacetable");
+})}, {label: lang.unsetcolor, cmdName: "uninterlacetable", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][244]++;
+  this.execCommand("uninterlacetable");
+})}, {label: lang.setbackground, cmdName: "settablebackground", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][251]++;
+  this.execCommand("settablebackground", {repeat: true, colorList: ["#bbb", "#ccc"]});
+})}, {label: lang.unsetbackground, cmdName: "cleartablebackground", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][258]++;
+  this.execCommand("cleartablebackground");
+})}, {label: lang.redandblue, cmdName: "settablebackground", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][265]++;
+  this.execCommand("settablebackground", {repeat: true, colorList: ["red", "blue"]});
+})}, {label: lang.threecolorgradient, cmdName: "settablebackground", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][272]++;
+  this.execCommand("settablebackground", {repeat: true, colorList: ["#aaa", "#bbb", "#ccc"]});
+})}]}, {group: lang.aligntd, icon: "aligntd", subMenu: [{cmdName: "cellalignment", value: {align: "left", vAlign: "top"}}, {cmdName: "cellalignment", value: {align: "center", vAlign: "top"}}, {cmdName: "cellalignment", value: {align: "right", vAlign: "top"}}, {cmdName: "cellalignment", value: {align: "left", vAlign: "middle"}}, {cmdName: "cellalignment", value: {align: "center", vAlign: "middle"}}, {cmdName: "cellalignment", value: {align: "right", vAlign: "middle"}}, {cmdName: "cellalignment", value: {align: "left", vAlign: "bottom"}}, {cmdName: "cellalignment", value: {align: "center", vAlign: "bottom"}}, {cmdName: "cellalignment", value: {align: "right", vAlign: "bottom"}}]}, {group: lang.aligntable, icon: "aligntable", subMenu: [{cmdName: "tablealignment", className: "left", label: lang.tableleft, value: "left"}, {cmdName: "tablealignment", className: "center", label: lang.tablecenter, value: "center"}, {cmdName: "tablealignment", className: "right", label: lang.tableright, value: "right"}]}, "-", {label: lang.insertparagraphbefore, cmdName: "insertparagraph", value: true}, {label: lang.insertparagraphafter, cmdName: "insertparagraph"}, {label: lang.copy, cmdName: "copy", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][357]++;
+  alert(lang.copymsg);
+}), query: (function () {
+  _$jscoverage['plugins/contextmenu.js'][360]++;
+  return 0;
+})}, {label: lang.paste, cmdName: "paste", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][367]++;
+  alert(lang.pastemsg);
+}), query: (function () {
+  _$jscoverage['plugins/contextmenu.js'][370]++;
+  return 0;
+})}, {label: lang.highlightcode, cmdName: "highlightcode", exec: (function () {
+  _$jscoverage['plugins/contextmenu.js'][376]++;
+  if (UE.ui.highlightcode) {
+    _$jscoverage['plugins/contextmenu.js'][377]++;
+    new (UE.ui.highlightcode)(this);
+  }
+  _$jscoverage['plugins/contextmenu.js'][379]++;
+  this.ui._dialogs.highlightcodeDialog.open();
+})}]);
+  _$jscoverage['plugins/contextmenu.js'][383]++;
+  if ((! items.length)) {
+    _$jscoverage['plugins/contextmenu.js'][384]++;
+    return;
+  }
+  _$jscoverage['plugins/contextmenu.js'][386]++;
+  var uiUtils = UE.ui.uiUtils;
+  _$jscoverage['plugins/contextmenu.js'][388]++;
+  me.addListener("contextmenu", (function (type, evt) {
+  _$jscoverage['plugins/contextmenu.js'][390]++;
+  var offset = uiUtils.getViewportOffsetByEvent(evt);
+  _$jscoverage['plugins/contextmenu.js'][391]++;
+  me.fireEvent("beforeselectionchange");
+  _$jscoverage['plugins/contextmenu.js'][392]++;
+  if (menu) {
+    _$jscoverage['plugins/contextmenu.js'][393]++;
+    menu.destroy();
+  }
+  _$jscoverage['plugins/contextmenu.js'][395]++;
+  for (var i = 0, ti, contextItems = []; (ti = items[i]); (i++)) {
+    _$jscoverage['plugins/contextmenu.js'][396]++;
+    var last;
+    _$jscoverage['plugins/contextmenu.js'][397]++;
+    (function (item) {
+  _$jscoverage['plugins/contextmenu.js'][398]++;
+  if ((item == "-")) {
+    _$jscoverage['plugins/contextmenu.js'][399]++;
+    if (((last = contextItems[(contextItems.length - 1)]) && (last !== "-"))) {
+      _$jscoverage['plugins/contextmenu.js'][400]++;
+      contextItems.push("-");
+    }
+  }
+  else {
+    _$jscoverage['plugins/contextmenu.js'][402]++;
+    if (item.hasOwnProperty("group")) {
+      _$jscoverage['plugins/contextmenu.js'][403]++;
+      for (var j = 0, cj, subMenu = []; (cj = item.subMenu[j]); (j++)) {
+        _$jscoverage['plugins/contextmenu.js'][404]++;
+        (function (subItem) {
+  _$jscoverage['plugins/contextmenu.js'][405]++;
+  if ((subItem == "-")) {
+    _$jscoverage['plugins/contextmenu.js'][406]++;
+    if (((last = subMenu[(subMenu.length - 1)]) && (last !== "-"))) {
+      _$jscoverage['plugins/contextmenu.js'][407]++;
+      subMenu.push("-");
+    }
+    else {
+      _$jscoverage['plugins/contextmenu.js'][409]++;
+      subMenu.splice((subMenu.length - 1));
+    }
+  }
+  else {
+    _$jscoverage['plugins/contextmenu.js'][412]++;
+    if (((me.commands[subItem.cmdName] || UE.commands[subItem.cmdName] || subItem.query) && ((subItem.query? subItem.query(): me.queryCommandState(subItem.cmdName)) > -1))) {
+      _$jscoverage['plugins/contextmenu.js'][414]++;
+      subMenu.push({"label": (subItem.label || me.getLang(("contextMenu." + subItem.cmdName + (subItem.value || ""))) || ""), "className": ("edui-for-" + subItem.cmdName + (subItem.className? (" edui-for-" + subItem.cmdName + "-" + subItem.className): "")), onclick: (subItem.exec? (function () {
+  _$jscoverage['plugins/contextmenu.js'][418]++;
+  subItem.exec.call(me);
+}): (function () {
+  _$jscoverage['plugins/contextmenu.js'][420]++;
+  me.execCommand(subItem.cmdName, subItem.value);
+}))});
+    }
+  }
+})(cj);
+}
+      _$jscoverage['plugins/contextmenu.js'][427]++;
+      if (subMenu.length) {
+        _$jscoverage['plugins/contextmenu.js'][428]++;
+        function getLabel() {
+          _$jscoverage['plugins/contextmenu.js'][429]++;
+          switch (item.icon) {
+          case "table":
+            _$jscoverage['plugins/contextmenu.js'][431]++;
+            return me.getLang("contextMenu.table");
+          case "justifyjustify":
+            _$jscoverage['plugins/contextmenu.js'][433]++;
+            return me.getLang("contextMenu.paragraph");
+          case "aligntd":
+            _$jscoverage['plugins/contextmenu.js'][435]++;
+            return me.getLang("contextMenu.aligntd");
+          case "aligntable":
+            _$jscoverage['plugins/contextmenu.js'][437]++;
+            return me.getLang("contextMenu.aligntable");
+          case "tablesort":
+            _$jscoverage['plugins/contextmenu.js'][439]++;
+            return lang.tablesort;
+          case "borderBack":
+            _$jscoverage['plugins/contextmenu.js'][441]++;
+            return lang.borderbk;
+          default:
+            _$jscoverage['plugins/contextmenu.js'][443]++;
+            return "";
+          }
+}
+        _$jscoverage['plugins/contextmenu.js'][446]++;
+        contextItems.push({"label": getLabel(), className: ("edui-for-" + item.icon), "subMenu": {items: subMenu, editor: me}});
+      }
+    }
+    else {
+      _$jscoverage['plugins/contextmenu.js'][459]++;
+      if (((me.commands[item.cmdName] || UE.commands[item.cmdName] || item.query) && ((item.query? item.query.call(me): me.queryCommandState(item.cmdName)) > -1))) {
+        _$jscoverage['plugins/contextmenu.js'][462]++;
+        if ((item.cmdName == "highlightcode")) {
+          _$jscoverage['plugins/contextmenu.js'][463]++;
+          if (((me.queryCommandState(item.cmdName) == 1) && (item.icon != "deletehighlightcode"))) {
+            _$jscoverage['plugins/contextmenu.js'][464]++;
+            return;
+          }
+          _$jscoverage['plugins/contextmenu.js'][466]++;
+          if (((me.queryCommandState(item.cmdName) != 1) && (item.icon == "deletehighlightcode"))) {
+            _$jscoverage['plugins/contextmenu.js'][467]++;
+            return;
+          }
+        }
+        _$jscoverage['plugins/contextmenu.js'][470]++;
+        contextItems.push({"label": (item.label || me.getLang(("contextMenu." + item.cmdName))), className: ("edui-for-" + (item.icon? item.icon: (item.cmdName + (item.value || "")))), onclick: (item.exec? (function () {
+  _$jscoverage['plugins/contextmenu.js'][474]++;
+  item.exec.call(me);
+}): (function () {
+  _$jscoverage['plugins/contextmenu.js'][476]++;
+  me.execCommand(item.cmdName, item.value);
+}))});
+      }
+    }
+  }
+})(ti);
+}
+  _$jscoverage['plugins/contextmenu.js'][485]++;
+  if ((contextItems[(contextItems.length - 1)] == "-")) {
+    _$jscoverage['plugins/contextmenu.js'][486]++;
+    contextItems.pop();
+  }
+  _$jscoverage['plugins/contextmenu.js'][489]++;
+  menu = new (UE.ui.Menu)({items: contextItems, className: "edui-contextmenu", editor: me});
+  _$jscoverage['plugins/contextmenu.js'][494]++;
+  menu.render();
+  _$jscoverage['plugins/contextmenu.js'][495]++;
+  menu.showAt(offset);
+  _$jscoverage['plugins/contextmenu.js'][497]++;
+  me.fireEvent("aftershowcontextmenu", menu);
+  _$jscoverage['plugins/contextmenu.js'][499]++;
+  domUtils.preventDefault(evt);
+  _$jscoverage['plugins/contextmenu.js'][500]++;
+  if (browser.ie) {
+    _$jscoverage['plugins/contextmenu.js'][501]++;
+    var ieRange;
+    _$jscoverage['plugins/contextmenu.js'][502]++;
+    try {
+      _$jscoverage['plugins/contextmenu.js'][503]++;
+      ieRange = me.selection.getNative().createRange();
+    }
+    catch (e) {
+      _$jscoverage['plugins/contextmenu.js'][505]++;
+      return;
+    }
+    _$jscoverage['plugins/contextmenu.js'][507]++;
+    if (ieRange.item) {
+      _$jscoverage['plugins/contextmenu.js'][508]++;
+      var range = new (dom.Range)(me.document);
+      _$jscoverage['plugins/contextmenu.js'][509]++;
+      range.selectNode(ieRange.item(0)).select(true, true);
+    }
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/convertcase.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/convertcase.js
new file mode 100644
index 000000000..89df8c0c9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/convertcase.js
@@ -0,0 +1,91 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/convertcase.js']) {
+  _$jscoverage['plugins/convertcase.js'] = [];
+  _$jscoverage['plugins/convertcase.js'][28] = 0;
+  _$jscoverage['plugins/convertcase.js'][31] = 0;
+  _$jscoverage['plugins/convertcase.js'][32] = 0;
+  _$jscoverage['plugins/convertcase.js'][33] = 0;
+  _$jscoverage['plugins/convertcase.js'][34] = 0;
+  _$jscoverage['plugins/convertcase.js'][36] = 0;
+  _$jscoverage['plugins/convertcase.js'][39] = 0;
+  _$jscoverage['plugins/convertcase.js'][42] = 0;
+  _$jscoverage['plugins/convertcase.js'][44] = 0;
+  _$jscoverage['plugins/convertcase.js'][45] = 0;
+  _$jscoverage['plugins/convertcase.js'][47] = 0;
+  _$jscoverage['plugins/convertcase.js'][48] = 0;
+  _$jscoverage['plugins/convertcase.js'][49] = 0;
+  _$jscoverage['plugins/convertcase.js'][53] = 0;
+}
+_$jscoverage['plugins/convertcase.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#22823;&#23567;&#20889;&#36716;&#25442;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25226;&#36873;&#21306;&#20869;&#25991;&#26412;&#21464;&#22823;&#20889;</span>","<span class=\"c\"> * @command touppercase</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'touppercase' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25226;&#36873;&#21306;&#20869;&#25991;&#26412;&#21464;&#23567;&#20889;</span>","<span class=\"c\"> * @command tolowercase</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'tolowercase' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'touppercase'</span><span class=\"k\">]</span> <span class=\"k\">=</span>","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'tolowercase'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>rng<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> rng<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","            bkEnd <span class=\"k\">=</span> bk<span class=\"k\">.</span>end<span class=\"k\">,</span>","            filterFn <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span> node <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span> node <span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            curNode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> bk<span class=\"k\">.</span>start<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn <span class=\"k\">);</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span> curNode <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span> curNode<span class=\"k\">,</span> bkEnd <span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_PRECEDING<span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span> curNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                curNode<span class=\"k\">.</span>nodeValue <span class=\"k\">=</span> curNode<span class=\"k\">.</span>nodeValue<span class=\"k\">[</span>cmd <span class=\"k\">==</span> <span class=\"s\">'touppercase'</span> <span class=\"k\">?</span> <span class=\"s\">'toUpperCase'</span> <span class=\"k\">:</span> <span class=\"s\">'toLowerCase'</span><span class=\"k\">]();</span>","            <span class=\"k\">}</span>","            curNode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> curNode<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> filterFn <span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>curNode <span class=\"k\">===</span> bkEnd<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","        rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/convertcase.js'][28]++;
+UE.commands.touppercase = (UE.commands.tolowercase = {execCommand: (function (cmd) {
+  _$jscoverage['plugins/convertcase.js'][31]++;
+  var me = this;
+  _$jscoverage['plugins/convertcase.js'][32]++;
+  var rng = me.selection.getRange();
+  _$jscoverage['plugins/convertcase.js'][33]++;
+  if (rng.collapsed) {
+    _$jscoverage['plugins/convertcase.js'][34]++;
+    return rng;
+  }
+  _$jscoverage['plugins/convertcase.js'][36]++;
+  var bk = rng.createBookmark(), bkEnd = bk.end, filterFn = (function (node) {
+  _$jscoverage['plugins/convertcase.js'][39]++;
+  return ((! domUtils.isBr(node)) && (! domUtils.isWhitespace(node)));
+}), curNode = domUtils.getNextDomNode(bk.start, false, filterFn);
+  _$jscoverage['plugins/convertcase.js'][42]++;
+  while ((curNode && (domUtils.getPosition(curNode, bkEnd) & domUtils.POSITION_PRECEDING))) {
+    _$jscoverage['plugins/convertcase.js'][44]++;
+    if ((curNode.nodeType == 3)) {
+      _$jscoverage['plugins/convertcase.js'][45]++;
+      curNode.nodeValue = (curNode.nodeValue[((cmd == "touppercase")? "toUpperCase": "toLowerCase")])();
+    }
+    _$jscoverage['plugins/convertcase.js'][47]++;
+    curNode = domUtils.getNextDomNode(curNode, true, filterFn);
+    _$jscoverage['plugins/convertcase.js'][48]++;
+    if ((curNode === bkEnd)) {
+      _$jscoverage['plugins/convertcase.js'][49]++;
+      break;
+    }
+}
+  _$jscoverage['plugins/convertcase.js'][53]++;
+  rng.moveToBookmark(bk).select();
+})});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/customstyle.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/customstyle.js
new file mode 100644
index 000000000..fbf440cbb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/customstyle.js
@@ -0,0 +1,293 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/customstyle.js']) {
+  _$jscoverage['plugins/customstyle.js'] = [];
+  _$jscoverage['plugins/customstyle.js'][6] = 0;
+  _$jscoverage['plugins/customstyle.js'][7] = 0;
+  _$jscoverage['plugins/customstyle.js'][8] = 0;
+  _$jscoverage['plugins/customstyle.js'][14] = 0;
+  _$jscoverage['plugins/customstyle.js'][16] = 0;
+  _$jscoverage['plugins/customstyle.js'][19] = 0;
+  _$jscoverage['plugins/customstyle.js'][22] = 0;
+  _$jscoverage['plugins/customstyle.js'][23] = 0;
+  _$jscoverage['plugins/customstyle.js'][24] = 0;
+  _$jscoverage['plugins/customstyle.js'][26] = 0;
+  _$jscoverage['plugins/customstyle.js'][27] = 0;
+  _$jscoverage['plugins/customstyle.js'][28] = 0;
+  _$jscoverage['plugins/customstyle.js'][29] = 0;
+  _$jscoverage['plugins/customstyle.js'][30] = 0;
+  _$jscoverage['plugins/customstyle.js'][32] = 0;
+  _$jscoverage['plugins/customstyle.js'][33] = 0;
+  _$jscoverage['plugins/customstyle.js'][34] = 0;
+  _$jscoverage['plugins/customstyle.js'][35] = 0;
+  _$jscoverage['plugins/customstyle.js'][36] = 0;
+  _$jscoverage['plugins/customstyle.js'][38] = 0;
+  _$jscoverage['plugins/customstyle.js'][43] = 0;
+  _$jscoverage['plugins/customstyle.js'][45] = 0;
+  _$jscoverage['plugins/customstyle.js'][46] = 0;
+  _$jscoverage['plugins/customstyle.js'][48] = 0;
+  _$jscoverage['plugins/customstyle.js'][49] = 0;
+  _$jscoverage['plugins/customstyle.js'][50] = 0;
+  _$jscoverage['plugins/customstyle.js'][51] = 0;
+  _$jscoverage['plugins/customstyle.js'][55] = 0;
+  _$jscoverage['plugins/customstyle.js'][56] = 0;
+  _$jscoverage['plugins/customstyle.js'][57] = 0;
+  _$jscoverage['plugins/customstyle.js'][58] = 0;
+  _$jscoverage['plugins/customstyle.js'][60] = 0;
+  _$jscoverage['plugins/customstyle.js'][63] = 0;
+  _$jscoverage['plugins/customstyle.js'][64] = 0;
+  _$jscoverage['plugins/customstyle.js'][66] = 0;
+  _$jscoverage['plugins/customstyle.js'][68] = 0;
+  _$jscoverage['plugins/customstyle.js'][73] = 0;
+  _$jscoverage['plugins/customstyle.js'][75] = 0;
+  _$jscoverage['plugins/customstyle.js'][76] = 0;
+  _$jscoverage['plugins/customstyle.js'][77] = 0;
+  _$jscoverage['plugins/customstyle.js'][78] = 0;
+  _$jscoverage['plugins/customstyle.js'][79] = 0;
+  _$jscoverage['plugins/customstyle.js'][80] = 0;
+  _$jscoverage['plugins/customstyle.js'][81] = 0;
+  _$jscoverage['plugins/customstyle.js'][83] = 0;
+  _$jscoverage['plugins/customstyle.js'][84] = 0;
+  _$jscoverage['plugins/customstyle.js'][85] = 0;
+  _$jscoverage['plugins/customstyle.js'][86] = 0;
+  _$jscoverage['plugins/customstyle.js'][90] = 0;
+  _$jscoverage['plugins/customstyle.js'][91] = 0;
+  _$jscoverage['plugins/customstyle.js'][92] = 0;
+  _$jscoverage['plugins/customstyle.js'][93] = 0;
+  _$jscoverage['plugins/customstyle.js'][94] = 0;
+  _$jscoverage['plugins/customstyle.js'][96] = 0;
+  _$jscoverage['plugins/customstyle.js'][99] = 0;
+  _$jscoverage['plugins/customstyle.js'][100] = 0;
+  _$jscoverage['plugins/customstyle.js'][106] = 0;
+  _$jscoverage['plugins/customstyle.js'][108] = 0;
+  _$jscoverage['plugins/customstyle.js'][110] = 0;
+  _$jscoverage['plugins/customstyle.js'][114] = 0;
+  _$jscoverage['plugins/customstyle.js'][115] = 0;
+  _$jscoverage['plugins/customstyle.js'][117] = 0;
+  _$jscoverage['plugins/customstyle.js'][118] = 0;
+  _$jscoverage['plugins/customstyle.js'][119] = 0;
+  _$jscoverage['plugins/customstyle.js'][120] = 0;
+  _$jscoverage['plugins/customstyle.js'][121] = 0;
+  _$jscoverage['plugins/customstyle.js'][123] = 0;
+  _$jscoverage['plugins/customstyle.js'][124] = 0;
+  _$jscoverage['plugins/customstyle.js'][125] = 0;
+  _$jscoverage['plugins/customstyle.js'][126] = 0;
+  _$jscoverage['plugins/customstyle.js'][127] = 0;
+  _$jscoverage['plugins/customstyle.js'][128] = 0;
+}
+_$jscoverage['plugins/customstyle.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#33258;&#23450;&#20041;&#26679;&#24335;&#21629;&#20196;&#25903;&#25345;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'customstyle'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span> <span class=\"s\">'customstyle'</span><span class=\"k\">:[</span>","        <span class=\"k\">{</span>tag<span class=\"k\">:</span><span class=\"s\">'h1'</span><span class=\"k\">,</span>name<span class=\"k\">:</span><span class=\"s\">'tc'</span><span class=\"k\">,</span> style<span class=\"k\">:</span><span class=\"s\">'font-size:32px;font-weight:bold;border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'</span><span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"k\">{</span>tag<span class=\"k\">:</span><span class=\"s\">'h1'</span><span class=\"k\">,</span>name<span class=\"k\">:</span><span class=\"s\">'tl'</span><span class=\"k\">,</span> style<span class=\"k\">:</span><span class=\"s\">'font-size:32px;font-weight:bold;border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:left;margin:0 0 10px 0;'</span><span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"k\">{</span>tag<span class=\"k\">:</span><span class=\"s\">'span'</span><span class=\"k\">,</span>name<span class=\"k\">:</span><span class=\"s\">'im'</span><span class=\"k\">,</span> style<span class=\"k\">:</span><span class=\"s\">'font-size:16px;font-style:italic;font-weight:bold;line-height:18px;'</span><span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"k\">{</span>tag<span class=\"k\">:</span><span class=\"s\">'span'</span><span class=\"k\">,</span>name<span class=\"k\">:</span><span class=\"s\">'hi'</span><span class=\"k\">,</span> style<span class=\"k\">:</span><span class=\"s\">'font-size:16px;font-style:italic;font-weight:bold;color:rgb(51, 153, 204);line-height:18px;'</span><span class=\"k\">}</span>","    <span class=\"k\">]</span><span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'customstyle'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span>cmdName<span class=\"k\">,</span> obj<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                    tagName <span class=\"k\">=</span> obj<span class=\"k\">.</span>tag<span class=\"k\">,</span>","                    node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span> <span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">),</span>","                    range<span class=\"k\">,</span>bk<span class=\"k\">,</span>tmpObj <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> obj<span class=\"k\">)</span> <span class=\"k\">{</span>","               <span class=\"k\">if</span><span class=\"k\">(</span>obj<span class=\"k\">[</span>p<span class=\"k\">]!==</span>undefined<span class=\"k\">)</span>","                    tmpObj<span class=\"k\">[</span>p<span class=\"k\">]</span> <span class=\"k\">=</span> obj<span class=\"k\">[</span>p<span class=\"k\">];</span>","            <span class=\"k\">}</span>","            <span class=\"k\">delete</span> tmpObj<span class=\"k\">.</span>tag<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">)</span> <span class=\"k\">==</span> obj<span class=\"k\">.</span>label<span class=\"k\">)</span> <span class=\"k\">{</span>","                range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                bk <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//trace:1732 &#21024;&#25481;&#33258;&#23450;&#20041;&#26631;&#31614;&#65292;&#35201;&#26377;p&#26469;&#22238;&#22635;&#31449;&#20301;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> fillNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>moveChild<span class=\"k\">(</span>node<span class=\"k\">,</span> fillNode<span class=\"k\">);</span>","                        node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>fillNode<span class=\"k\">,</span> node<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                    <span class=\"k\">var</span> common <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getCommonAncestor<span class=\"k\">(</span>bk<span class=\"k\">.</span>start<span class=\"k\">,</span> bk<span class=\"k\">.</span>end<span class=\"k\">),</span>","                            nodes <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>common<span class=\"k\">,</span> tagName<span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span>tagName<span class=\"k\">,</span><span class=\"s\">'i'</span><span class=\"k\">).</span>test<span class=\"k\">(</span>common<span class=\"k\">.</span>tagName<span class=\"k\">))</span><span class=\"k\">{</span>","                        nodes<span class=\"k\">.</span>push<span class=\"k\">(</span>common<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ni<span class=\"k\">;</span> ni <span class=\"k\">=</span> nodes<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>ni<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">)</span> <span class=\"k\">==</span> obj<span class=\"k\">.</span>label<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> ps <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>ni<span class=\"k\">,</span> bk<span class=\"k\">.</span>start<span class=\"k\">),</span>pe <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>ni<span class=\"k\">,</span> bk<span class=\"k\">.</span>end<span class=\"k\">);</span>","                            <span class=\"k\">if</span> <span class=\"k\">((</span>ps <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_FOLLOWING <span class=\"k\">||</span> ps <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_CONTAINS<span class=\"k\">)</span>","                                    <span class=\"k\">&amp;&amp;</span>","                                    <span class=\"k\">(</span>pe <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_PRECEDING <span class=\"k\">||</span> pe <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_CONTAINS<span class=\"k\">)</span>","                                    <span class=\"k\">)</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                                    <span class=\"k\">var</span> fillNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                    domUtils<span class=\"k\">.</span>moveChild<span class=\"k\">(</span>ni<span class=\"k\">,</span> fillNode<span class=\"k\">);</span>","                                    ni<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>fillNode<span class=\"k\">,</span> ni<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ni<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>common<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">)</span> <span class=\"k\">==</span> obj<span class=\"k\">.</span>label<span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'paragraph'</span><span class=\"k\">,</span> tagName<span class=\"k\">,</span> tmpObj<span class=\"k\">,</span><span class=\"s\">'customstyle'</span><span class=\"k\">);</span>","                    range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                        range<span class=\"k\">.</span>collapse<span class=\"k\">();</span>","                        node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span> <span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">)</span> <span class=\"k\">==</span> obj<span class=\"k\">.</span>label<span class=\"k\">;</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">var</span> pNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>insertAfter<span class=\"k\">(</span>node<span class=\"k\">,</span> pNode<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> pNode<span class=\"k\">);</span>","                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>pNode<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                    range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                        node <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span>tagName<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>node<span class=\"k\">,</span> tmpObj<span class=\"k\">);</span>","                        range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>node<span class=\"k\">).</span>setStart<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","","                        <span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                    bk <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","                    range<span class=\"k\">.</span>applyInlineStyle<span class=\"k\">(</span>tagName<span class=\"k\">,</span> tmpObj<span class=\"k\">).</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandValue <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> parent <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>filterNodeList<span class=\"k\">(</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">(),</span>","                <span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">)</span><span class=\"k\">}</span>","            <span class=\"k\">);</span>","            <span class=\"k\">return</span>  parent <span class=\"k\">?</span> parent<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"c\">//&#24403;&#21435;&#25481;customstyle&#26159;&#65292;&#22914;&#26524;&#26159;&#22359;&#20803;&#32032;&#65292;&#29992;p&#20195;&#26367;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keyup'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">32</span> <span class=\"k\">||</span> keyCode <span class=\"k\">==</span> <span class=\"s\">13</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span> <span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>node<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>insertAfter<span class=\"k\">(</span>node<span class=\"k\">,</span> p<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> p<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">);</span>","                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>p<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/customstyle.js'][6]++;
+UE.plugins.customstyle = (function () {
+  _$jscoverage['plugins/customstyle.js'][7]++;
+  var me = this;
+  _$jscoverage['plugins/customstyle.js'][8]++;
+  me.setOpt({"customstyle": [{tag: "h1", name: "tc", style: "font-size:32px;font-weight:bold;border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;"}, {tag: "h1", name: "tl", style: "font-size:32px;font-weight:bold;border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:left;margin:0 0 10px 0;"}, {tag: "span", name: "im", style: "font-size:16px;font-style:italic;font-weight:bold;line-height:18px;"}, {tag: "span", name: "hi", style: "font-size:16px;font-style:italic;font-weight:bold;color:rgb(51, 153, 204);line-height:18px;"}]});
+  _$jscoverage['plugins/customstyle.js'][14]++;
+  me.commands.customstyle = {execCommand: (function (cmdName, obj) {
+  _$jscoverage['plugins/customstyle.js'][16]++;
+  var me = this, tagName = obj.tag, node = domUtils.findParent(me.selection.getStart(), (function (node) {
+  _$jscoverage['plugins/customstyle.js'][19]++;
+  return node.getAttribute("label");
+}), true), range, bk, tmpObj = {};
+  _$jscoverage['plugins/customstyle.js'][22]++;
+  for (var p in obj) {
+    _$jscoverage['plugins/customstyle.js'][23]++;
+    if ((obj[p] !== undefined)) {
+      _$jscoverage['plugins/customstyle.js'][24]++;
+      tmpObj[p] = obj[p];
+    }
+}
+  _$jscoverage['plugins/customstyle.js'][26]++;
+  (delete tmpObj.tag);
+  _$jscoverage['plugins/customstyle.js'][27]++;
+  if ((node && (node.getAttribute("label") == obj.label))) {
+    _$jscoverage['plugins/customstyle.js'][28]++;
+    range = this.selection.getRange();
+    _$jscoverage['plugins/customstyle.js'][29]++;
+    bk = range.createBookmark();
+    _$jscoverage['plugins/customstyle.js'][30]++;
+    if (range.collapsed) {
+      _$jscoverage['plugins/customstyle.js'][32]++;
+      if (dtd.$block[node.tagName]) {
+        _$jscoverage['plugins/customstyle.js'][33]++;
+        var fillNode = me.document.createElement("p");
+        _$jscoverage['plugins/customstyle.js'][34]++;
+        domUtils.moveChild(node, fillNode);
+        _$jscoverage['plugins/customstyle.js'][35]++;
+        node.parentNode.insertBefore(fillNode, node);
+        _$jscoverage['plugins/customstyle.js'][36]++;
+        domUtils.remove(node);
+      }
+      else {
+        _$jscoverage['plugins/customstyle.js'][38]++;
+        domUtils.remove(node, true);
+      }
+    }
+    else {
+      _$jscoverage['plugins/customstyle.js'][43]++;
+      var common = domUtils.getCommonAncestor(bk.start, bk.end), nodes = domUtils.getElementsByTagName(common, tagName);
+      _$jscoverage['plugins/customstyle.js'][45]++;
+      if (new RegExp(tagName, "i").test(common.tagName)) {
+        _$jscoverage['plugins/customstyle.js'][46]++;
+        nodes.push(common);
+      }
+      _$jscoverage['plugins/customstyle.js'][48]++;
+      for (var i = 0, ni; (ni = nodes[(i++)]);) {
+        _$jscoverage['plugins/customstyle.js'][49]++;
+        if ((ni.getAttribute("label") == obj.label)) {
+          _$jscoverage['plugins/customstyle.js'][50]++;
+          var ps = domUtils.getPosition(ni, bk.start), pe = domUtils.getPosition(ni, bk.end);
+          _$jscoverage['plugins/customstyle.js'][51]++;
+          if ((((ps & domUtils.POSITION_FOLLOWING) || (ps & domUtils.POSITION_CONTAINS)) && ((pe & domUtils.POSITION_PRECEDING) || (pe & domUtils.POSITION_CONTAINS)))) {
+            _$jscoverage['plugins/customstyle.js'][55]++;
+            if (dtd.$block[tagName]) {
+              _$jscoverage['plugins/customstyle.js'][56]++;
+              var fillNode = me.document.createElement("p");
+              _$jscoverage['plugins/customstyle.js'][57]++;
+              domUtils.moveChild(ni, fillNode);
+              _$jscoverage['plugins/customstyle.js'][58]++;
+              ni.parentNode.insertBefore(fillNode, ni);
+            }
+          }
+          _$jscoverage['plugins/customstyle.js'][60]++;
+          domUtils.remove(ni, true);
+        }
+}
+      _$jscoverage['plugins/customstyle.js'][63]++;
+      node = domUtils.findParent(common, (function (node) {
+  _$jscoverage['plugins/customstyle.js'][64]++;
+  return (node.getAttribute("label") == obj.label);
+}), true);
+      _$jscoverage['plugins/customstyle.js'][66]++;
+      if (node) {
+        _$jscoverage['plugins/customstyle.js'][68]++;
+        domUtils.remove(node, true);
+      }
+    }
+    _$jscoverage['plugins/customstyle.js'][73]++;
+    range.moveToBookmark(bk).select();
+  }
+  else {
+    _$jscoverage['plugins/customstyle.js'][75]++;
+    if (dtd.$block[tagName]) {
+      _$jscoverage['plugins/customstyle.js'][76]++;
+      this.execCommand("paragraph", tagName, tmpObj, "customstyle");
+      _$jscoverage['plugins/customstyle.js'][77]++;
+      range = me.selection.getRange();
+      _$jscoverage['plugins/customstyle.js'][78]++;
+      if ((! range.collapsed)) {
+        _$jscoverage['plugins/customstyle.js'][79]++;
+        range.collapse();
+        _$jscoverage['plugins/customstyle.js'][80]++;
+        node = domUtils.findParent(me.selection.getStart(), (function (node) {
+  _$jscoverage['plugins/customstyle.js'][81]++;
+  return (node.getAttribute("label") == obj.label);
+}), true);
+        _$jscoverage['plugins/customstyle.js'][83]++;
+        var pNode = me.document.createElement("p");
+        _$jscoverage['plugins/customstyle.js'][84]++;
+        domUtils.insertAfter(node, pNode);
+        _$jscoverage['plugins/customstyle.js'][85]++;
+        domUtils.fillNode(me.document, pNode);
+        _$jscoverage['plugins/customstyle.js'][86]++;
+        range.setStart(pNode, 0).setCursor();
+      }
+    }
+    else {
+      _$jscoverage['plugins/customstyle.js'][90]++;
+      range = me.selection.getRange();
+      _$jscoverage['plugins/customstyle.js'][91]++;
+      if (range.collapsed) {
+        _$jscoverage['plugins/customstyle.js'][92]++;
+        node = me.document.createElement(tagName);
+        _$jscoverage['plugins/customstyle.js'][93]++;
+        domUtils.setAttributes(node, tmpObj);
+        _$jscoverage['plugins/customstyle.js'][94]++;
+        range.insertNode(node).setStart(node, 0).setCursor();
+        _$jscoverage['plugins/customstyle.js'][96]++;
+        return;
+      }
+      _$jscoverage['plugins/customstyle.js'][99]++;
+      bk = range.createBookmark();
+      _$jscoverage['plugins/customstyle.js'][100]++;
+      range.applyInlineStyle(tagName, tmpObj).moveToBookmark(bk).select();
+    }
+  }
+}), queryCommandValue: (function () {
+  _$jscoverage['plugins/customstyle.js'][106]++;
+  var parent = domUtils.filterNodeList(this.selection.getStartElementPath(), (function (node) {
+  _$jscoverage['plugins/customstyle.js'][108]++;
+  return node.getAttribute("label");
+}));
+  _$jscoverage['plugins/customstyle.js'][110]++;
+  return (parent? parent.getAttribute("label"): "");
+})};
+  _$jscoverage['plugins/customstyle.js'][114]++;
+  me.addListener("keyup", (function (type, evt) {
+  _$jscoverage['plugins/customstyle.js'][115]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/customstyle.js'][117]++;
+  if (((keyCode == 32) || (keyCode == 13))) {
+    _$jscoverage['plugins/customstyle.js'][118]++;
+    var range = me.selection.getRange();
+    _$jscoverage['plugins/customstyle.js'][119]++;
+    if (range.collapsed) {
+      _$jscoverage['plugins/customstyle.js'][120]++;
+      var node = domUtils.findParent(me.selection.getStart(), (function (node) {
+  _$jscoverage['plugins/customstyle.js'][121]++;
+  return node.getAttribute("label");
+}), true);
+      _$jscoverage['plugins/customstyle.js'][123]++;
+      if ((node && dtd.$block[node.tagName] && domUtils.isEmptyNode(node))) {
+        _$jscoverage['plugins/customstyle.js'][124]++;
+        var p = me.document.createElement("p");
+        _$jscoverage['plugins/customstyle.js'][125]++;
+        domUtils.insertAfter(node, p);
+        _$jscoverage['plugins/customstyle.js'][126]++;
+        domUtils.fillNode(me.document, p);
+        _$jscoverage['plugins/customstyle.js'][127]++;
+        domUtils.remove(node);
+        _$jscoverage['plugins/customstyle.js'][128]++;
+        range.setStart(p, 0).setCursor();
+      }
+    }
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/defaultfilter.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/defaultfilter.js
new file mode 100644
index 000000000..7cb7f3dad
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/defaultfilter.js
@@ -0,0 +1,388 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/defaultfilter.js']) {
+  _$jscoverage['plugins/defaultfilter.js'] = [];
+  _$jscoverage['plugins/defaultfilter.js'][4] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][5] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][6] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][9] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][10] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][11] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][13] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][14] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][15] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][16] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][17] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][18] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][20] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][22] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][25] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][29] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][30] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][31] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][33] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][34] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][36] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][39] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][40] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][41] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][42] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][45] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][46] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][48] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][49] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][50] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][51] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][52] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][56] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][58] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][59] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][60] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][69] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][70] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][72] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][74] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][75] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][78] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][79] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][80] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][82] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][83] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][85] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][86] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][87] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][88] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][90] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][91] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][92] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][94] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][98] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][99] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][101] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][102] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][104] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][105] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][108] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][109] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][111] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][112] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][113] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][115] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][116] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][117] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][119] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][123] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][125] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][130] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][131] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][138] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][140] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][141] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][142] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][144] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][146] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][147] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][148] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][150] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][152] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][154] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][155] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][156] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][157] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][159] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][161] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][162] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][167] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][169] = 0;
+  _$jscoverage['plugins/defaultfilter.js'][170] = 0;
+}
+_$jscoverage['plugins/defaultfilter.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///plugin &#32534;&#36753;&#22120;&#40664;&#35748;&#30340;&#36807;&#28388;&#36716;&#25442;&#26426;&#21046;</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'defaultfilter'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"s\">'allowDivTransToP'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","    <span class=\"c\">//&#40664;&#35748;&#30340;&#36807;&#28388;&#22788;&#29702;</span>","    <span class=\"c\">//&#36827;&#20837;&#32534;&#36753;&#22120;&#30340;&#20869;&#23481;&#22788;&#29702;</span>","    me<span class=\"k\">.</span>addInputRule<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>root<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> allowDivTransToP <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>allowDivTransToP<span class=\"k\">;</span>","        <span class=\"k\">var</span> val<span class=\"k\">;</span>","        <span class=\"c\">//&#36827;&#34892;&#40664;&#35748;&#30340;&#22788;&#29702;</span>","        root<span class=\"k\">.</span>traversal<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$cdata<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoClearEmptyNode <span class=\"k\">&amp;&amp;</span> dtd<span class=\"k\">.</span>$inline<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>node<span class=\"k\">.</span>attrs <span class=\"k\">||</span> utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>node<span class=\"k\">.</span>attrs<span class=\"k\">)))</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>node<span class=\"k\">.</span>firstChild<span class=\"k\">())</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'span'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>node<span class=\"k\">.</span>attrs <span class=\"k\">||</span> utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>node<span class=\"k\">.</span>attrs<span class=\"k\">)))</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">switch</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">case</span> <span class=\"s\">'style'</span><span class=\"k\">:</span>","                    <span class=\"k\">case</span> <span class=\"s\">'script'</span><span class=\"k\">:</span>","                        node<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"k\">{</span>","                            cdata_tag<span class=\"k\">:</span> node<span class=\"k\">.</span>tagName<span class=\"k\">,</span>","                            cdata_data<span class=\"k\">:</span> encodeURIComponent<span class=\"k\">(</span>node<span class=\"k\">.</span>innerText<span class=\"k\">()</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                        node<span class=\"k\">.</span>tagName <span class=\"k\">=</span> <span class=\"s\">'div'</span><span class=\"k\">;</span>","                        node<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">.</span>firstChild<span class=\"k\">());</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'a'</span><span class=\"k\">:</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>val <span class=\"k\">=</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'href'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                            node<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"s\">'_href'</span><span class=\"k\">,</span> val<span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'img'</span><span class=\"k\">:</span>","                        <span class=\"c\">//todo base64&#26242;&#26102;&#21435;&#25481;&#65292;&#21518;&#36793;&#20570;&#36828;&#31243;&#22270;&#29255;&#19978;&#20256;&#21518;&#65292;&#24178;&#25481;&#36825;&#20010;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>val <span class=\"k\">=</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'src'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/^data:/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>val<span class=\"k\">))</span> <span class=\"k\">{</span>","                                node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">);</span>","                                <span class=\"k\">break</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        node<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"s\">'_src'</span><span class=\"k\">,</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'src'</span><span class=\"k\">));</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'span'</span><span class=\"k\">:</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>webkit <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>val <span class=\"k\">=</span> node<span class=\"k\">.</span>getStyle<span class=\"k\">(</span><span class=\"s\">'white-space'</span><span class=\"k\">)))</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/nowrap|normal/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>val<span class=\"k\">))</span> <span class=\"k\">{</span>","                                node<span class=\"k\">.</span>setStyle<span class=\"k\">(</span><span class=\"s\">'white-space'</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoClearEmptyNode <span class=\"k\">&amp;&amp;</span> utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>node<span class=\"k\">.</span>attrs<span class=\"k\">))</span> <span class=\"k\">{</span>","                                    node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'p'</span><span class=\"k\">:</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>val <span class=\"k\">=</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                            node<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">);</span>","                            node<span class=\"k\">.</span>setStyle<span class=\"k\">(</span><span class=\"s\">'text-align'</span><span class=\"k\">,</span> val<span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                        <span class=\"c\">//trace:3431</span>","<span class=\"c\">//                        var cssStyle = node.getAttr('style');</span>","<span class=\"c\">//                        if (cssStyle) {</span>","<span class=\"c\">//                            cssStyle = cssStyle.replace(/(margin|padding)[^;]+/g, '');</span>","<span class=\"c\">//                            node.setAttr('style', cssStyle)</span>","<span class=\"c\">//</span>","<span class=\"c\">//                        }</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>node<span class=\"k\">.</span>firstChild<span class=\"k\">())</span> <span class=\"k\">{</span>","                            node<span class=\"k\">.</span>innerHTML<span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'&amp;nbsp;'</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'div'</span><span class=\"k\">:</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'cdata_tag'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"c\">//&#38024;&#23545;&#20195;&#30721;&#36825;&#37324;&#19981;&#22788;&#29702;&#25554;&#20837;&#20195;&#30721;&#30340;div</span>","                        val <span class=\"k\">=</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'class'</span><span class=\"k\">);</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>val <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/^line number\\d+/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>val<span class=\"k\">))</span><span class=\"k\">{</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>allowDivTransToP<span class=\"k\">)</span><span class=\"k\">{</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">var</span> tmpNode<span class=\"k\">,</span> p <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                        <span class=\"k\">while</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">=</span> node<span class=\"k\">.</span>firstChild<span class=\"k\">())</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'text'</span> <span class=\"k\">||</span> <span class=\"k\">!</span>UE<span class=\"k\">.</span>dom<span class=\"k\">.</span>dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>tmpNode<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                                p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>p<span class=\"k\">.</span>firstChild<span class=\"k\">())</span> <span class=\"k\">{</span>","                                    node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span> node<span class=\"k\">);</span>","                                    p <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                    node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> node<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>p<span class=\"k\">.</span>firstChild<span class=\"k\">())</span> <span class=\"k\">{</span>","                            node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span> node<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">);</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'dl'</span><span class=\"k\">:</span>","                        node<span class=\"k\">.</span>tagName <span class=\"k\">=</span> <span class=\"s\">'ul'</span><span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'dt'</span><span class=\"k\">:</span>","                    <span class=\"k\">case</span> <span class=\"s\">'dd'</span><span class=\"k\">:</span>","                        node<span class=\"k\">.</span>tagName <span class=\"k\">=</span> <span class=\"s\">'li'</span><span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'li'</span><span class=\"k\">:</span>","                        <span class=\"k\">var</span> className <span class=\"k\">=</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'class'</span><span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>className <span class=\"k\">||</span> <span class=\"k\">!</span><span class=\"s\">/list\\-/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>className<span class=\"k\">))</span> <span class=\"k\">{</span>","                            node<span class=\"k\">.</span>setAttr<span class=\"k\">()</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">var</span> tmpNodes <span class=\"k\">=</span> node<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'ol ul'</span><span class=\"k\">);</span>","                        UE<span class=\"k\">.</span>utils<span class=\"k\">.</span>each<span class=\"k\">(</span>tmpNodes<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>n<span class=\"k\">)</span> <span class=\"k\">{</span>","                            node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertAfter<span class=\"k\">(</span>n<span class=\"k\">,</span> node<span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'td'</span><span class=\"k\">:</span>","                    <span class=\"k\">case</span> <span class=\"s\">'th'</span><span class=\"k\">:</span>","                    <span class=\"k\">case</span> <span class=\"s\">'caption'</span><span class=\"k\">:</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>node<span class=\"k\">.</span>children <span class=\"k\">||</span> <span class=\"k\">!</span>node<span class=\"k\">.</span>children<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","","                            node<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createText<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">)</span> <span class=\"k\">:</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">))</span>","                        <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'comment'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"c\">//&#20174;&#32534;&#36753;&#22120;&#20986;&#21435;&#30340;&#20869;&#23481;&#22788;&#29702;</span>","    me<span class=\"k\">.</span>addOutputRule<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>root<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> val<span class=\"k\">;</span>","        root<span class=\"k\">.</span>traversal<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoClearEmptyNode <span class=\"k\">&amp;&amp;</span> dtd<span class=\"k\">.</span>$inline<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>node<span class=\"k\">.</span>attrs <span class=\"k\">||</span> utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>node<span class=\"k\">.</span>attrs<span class=\"k\">)))</span> <span class=\"k\">{</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>node<span class=\"k\">.</span>firstChild<span class=\"k\">())</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'span'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>node<span class=\"k\">.</span>attrs <span class=\"k\">||</span> utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>node<span class=\"k\">.</span>attrs<span class=\"k\">)))</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">switch</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">case</span> <span class=\"s\">'div'</span><span class=\"k\">:</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>val <span class=\"k\">=</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'cdata_tag'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                            node<span class=\"k\">.</span>tagName <span class=\"k\">=</span> val<span class=\"k\">;</span>","                            node<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createText<span class=\"k\">(</span>node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'cdata_data'</span><span class=\"k\">)));</span>","                            node<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"k\">{</span>cdata_tag<span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span> cdata_data<span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">}</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'a'</span><span class=\"k\">:</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>val <span class=\"k\">=</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'_href'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                            node<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"k\">{</span>","                                <span class=\"s\">'href'</span><span class=\"k\">:</span> val<span class=\"k\">,</span>","                                <span class=\"s\">'_href'</span><span class=\"k\">:</span> <span class=\"s\">''</span>","                            <span class=\"k\">}</span><span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'img'</span><span class=\"k\">:</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>val <span class=\"k\">=</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'_src'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                            node<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"k\">{</span>","                                <span class=\"s\">'src'</span><span class=\"k\">:</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'_src'</span><span class=\"k\">),</span>","                                <span class=\"s\">'_src'</span><span class=\"k\">:</span> <span class=\"s\">''</span>","                            <span class=\"k\">}</span><span class=\"k\">)</span>","                        <span class=\"k\">}</span>","","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">)</span>","","","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/defaultfilter.js'][4]++;
+UE.plugins.defaultfilter = (function () {
+  _$jscoverage['plugins/defaultfilter.js'][5]++;
+  var me = this;
+  _$jscoverage['plugins/defaultfilter.js'][6]++;
+  me.setOpt("allowDivTransToP", true);
+  _$jscoverage['plugins/defaultfilter.js'][9]++;
+  me.addInputRule((function (root) {
+  _$jscoverage['plugins/defaultfilter.js'][10]++;
+  var allowDivTransToP = this.options.allowDivTransToP;
+  _$jscoverage['plugins/defaultfilter.js'][11]++;
+  var val;
+  _$jscoverage['plugins/defaultfilter.js'][13]++;
+  root.traversal((function (node) {
+  _$jscoverage['plugins/defaultfilter.js'][14]++;
+  if ((node.type == "element")) {
+    _$jscoverage['plugins/defaultfilter.js'][15]++;
+    if (((! dtd.$cdata[node.tagName]) && me.options.autoClearEmptyNode && dtd.$inline[node.tagName] && (! dtd.$empty[node.tagName]) && ((! node.attrs) || utils.isEmptyObject(node.attrs)))) {
+      _$jscoverage['plugins/defaultfilter.js'][16]++;
+      if ((! node.firstChild())) {
+        _$jscoverage['plugins/defaultfilter.js'][16]++;
+        node.parentNode.removeChild(node);
+      }
+      else {
+        _$jscoverage['plugins/defaultfilter.js'][17]++;
+        if (((node.tagName == "span") && ((! node.attrs) || utils.isEmptyObject(node.attrs)))) {
+          _$jscoverage['plugins/defaultfilter.js'][18]++;
+          node.parentNode.removeChild(node, true);
+        }
+      }
+      _$jscoverage['plugins/defaultfilter.js'][20]++;
+      return;
+    }
+    _$jscoverage['plugins/defaultfilter.js'][22]++;
+    switch (node.tagName) {
+    case "style":
+    case "script":
+      _$jscoverage['plugins/defaultfilter.js'][25]++;
+      node.setAttr({cdata_tag: node.tagName, cdata_data: encodeURIComponent((node.innerText() || ""))});
+      _$jscoverage['plugins/defaultfilter.js'][29]++;
+      node.tagName = "div";
+      _$jscoverage['plugins/defaultfilter.js'][30]++;
+      node.removeChild(node.firstChild());
+      _$jscoverage['plugins/defaultfilter.js'][31]++;
+      break;
+    case "a":
+      _$jscoverage['plugins/defaultfilter.js'][33]++;
+      if ((val = node.getAttr("href"))) {
+        _$jscoverage['plugins/defaultfilter.js'][34]++;
+        node.setAttr("_href", val);
+      }
+      _$jscoverage['plugins/defaultfilter.js'][36]++;
+      break;
+    case "img":
+      _$jscoverage['plugins/defaultfilter.js'][39]++;
+      if ((val = node.getAttr("src"))) {
+        _$jscoverage['plugins/defaultfilter.js'][40]++;
+        if (/^data:/.test(val)) {
+          _$jscoverage['plugins/defaultfilter.js'][41]++;
+          node.parentNode.removeChild(node);
+          _$jscoverage['plugins/defaultfilter.js'][42]++;
+          break;
+        }
+      }
+      _$jscoverage['plugins/defaultfilter.js'][45]++;
+      node.setAttr("_src", node.getAttr("src"));
+      _$jscoverage['plugins/defaultfilter.js'][46]++;
+      break;
+    case "span":
+      _$jscoverage['plugins/defaultfilter.js'][48]++;
+      if ((browser.webkit && (val = node.getStyle("white-space")))) {
+        _$jscoverage['plugins/defaultfilter.js'][49]++;
+        if (/nowrap|normal/.test(val)) {
+          _$jscoverage['plugins/defaultfilter.js'][50]++;
+          node.setStyle("white-space", "");
+          _$jscoverage['plugins/defaultfilter.js'][51]++;
+          if ((me.options.autoClearEmptyNode && utils.isEmptyObject(node.attrs))) {
+            _$jscoverage['plugins/defaultfilter.js'][52]++;
+            node.parentNode.removeChild(node, true);
+          }
+        }
+      }
+      _$jscoverage['plugins/defaultfilter.js'][56]++;
+      break;
+    case "p":
+      _$jscoverage['plugins/defaultfilter.js'][58]++;
+      if ((val = node.getAttr("align"))) {
+        _$jscoverage['plugins/defaultfilter.js'][59]++;
+        node.setAttr("align");
+        _$jscoverage['plugins/defaultfilter.js'][60]++;
+        node.setStyle("text-align", val);
+      }
+      _$jscoverage['plugins/defaultfilter.js'][69]++;
+      if ((! node.firstChild())) {
+        _$jscoverage['plugins/defaultfilter.js'][70]++;
+        node.innerHTML((browser.ie? "&nbsp;": "<br/>"));
+      }
+      _$jscoverage['plugins/defaultfilter.js'][72]++;
+      break;
+    case "div":
+      _$jscoverage['plugins/defaultfilter.js'][74]++;
+      if (node.getAttr("cdata_tag")) {
+        _$jscoverage['plugins/defaultfilter.js'][75]++;
+        break;
+      }
+      _$jscoverage['plugins/defaultfilter.js'][78]++;
+      val = node.getAttr("class");
+      _$jscoverage['plugins/defaultfilter.js'][79]++;
+      if ((val && /^line number\d+/.test(val))) {
+        _$jscoverage['plugins/defaultfilter.js'][80]++;
+        break;
+      }
+      _$jscoverage['plugins/defaultfilter.js'][82]++;
+      if ((! allowDivTransToP)) {
+        _$jscoverage['plugins/defaultfilter.js'][83]++;
+        break;
+      }
+      _$jscoverage['plugins/defaultfilter.js'][85]++;
+      var tmpNode, p = UE.uNode.createElement("p");
+      _$jscoverage['plugins/defaultfilter.js'][86]++;
+      while ((tmpNode = node.firstChild())) {
+        _$jscoverage['plugins/defaultfilter.js'][87]++;
+        if (((tmpNode.type == "text") || (! UE.dom.dtd.$block[tmpNode.tagName]))) {
+          _$jscoverage['plugins/defaultfilter.js'][88]++;
+          p.appendChild(tmpNode);
+        }
+        else {
+          _$jscoverage['plugins/defaultfilter.js'][90]++;
+          if (p.firstChild()) {
+            _$jscoverage['plugins/defaultfilter.js'][91]++;
+            node.parentNode.insertBefore(p, node);
+            _$jscoverage['plugins/defaultfilter.js'][92]++;
+            p = UE.uNode.createElement("p");
+          }
+          else {
+            _$jscoverage['plugins/defaultfilter.js'][94]++;
+            node.parentNode.insertBefore(tmpNode, node);
+          }
+        }
+}
+      _$jscoverage['plugins/defaultfilter.js'][98]++;
+      if (p.firstChild()) {
+        _$jscoverage['plugins/defaultfilter.js'][99]++;
+        node.parentNode.insertBefore(p, node);
+      }
+      _$jscoverage['plugins/defaultfilter.js'][101]++;
+      node.parentNode.removeChild(node);
+      _$jscoverage['plugins/defaultfilter.js'][102]++;
+      break;
+    case "dl":
+      _$jscoverage['plugins/defaultfilter.js'][104]++;
+      node.tagName = "ul";
+      _$jscoverage['plugins/defaultfilter.js'][105]++;
+      break;
+    case "dt":
+    case "dd":
+      _$jscoverage['plugins/defaultfilter.js'][108]++;
+      node.tagName = "li";
+      _$jscoverage['plugins/defaultfilter.js'][109]++;
+      break;
+    case "li":
+      _$jscoverage['plugins/defaultfilter.js'][111]++;
+      var className = node.getAttr("class");
+      _$jscoverage['plugins/defaultfilter.js'][112]++;
+      if (((! className) || (! /list\-/.test(className)))) {
+        _$jscoverage['plugins/defaultfilter.js'][113]++;
+        node.setAttr();
+      }
+      _$jscoverage['plugins/defaultfilter.js'][115]++;
+      var tmpNodes = node.getNodesByTagName("ol ul");
+      _$jscoverage['plugins/defaultfilter.js'][116]++;
+      UE.utils.each(tmpNodes, (function (n) {
+  _$jscoverage['plugins/defaultfilter.js'][117]++;
+  node.parentNode.insertAfter(n, node);
+}));
+      _$jscoverage['plugins/defaultfilter.js'][119]++;
+      break;
+    case "td":
+    case "th":
+    case "caption":
+      _$jscoverage['plugins/defaultfilter.js'][123]++;
+      if (((! node.children) || (! node.children.length))) {
+        _$jscoverage['plugins/defaultfilter.js'][125]++;
+        node.appendChild((browser.ie? UE.uNode.createText(" "): UE.uNode.createElement("br")));
+      }
+    }
+  }
+  _$jscoverage['plugins/defaultfilter.js'][130]++;
+  if ((node.type == "comment")) {
+    _$jscoverage['plugins/defaultfilter.js'][131]++;
+    node.parentNode.removeChild(node);
+  }
+}));
+}));
+  _$jscoverage['plugins/defaultfilter.js'][138]++;
+  me.addOutputRule((function (root) {
+  _$jscoverage['plugins/defaultfilter.js'][140]++;
+  var val;
+  _$jscoverage['plugins/defaultfilter.js'][141]++;
+  root.traversal((function (node) {
+  _$jscoverage['plugins/defaultfilter.js'][142]++;
+  if ((node.type == "element")) {
+    _$jscoverage['plugins/defaultfilter.js'][144]++;
+    if ((me.options.autoClearEmptyNode && dtd.$inline[node.tagName] && (! dtd.$empty[node.tagName]) && ((! node.attrs) || utils.isEmptyObject(node.attrs)))) {
+      _$jscoverage['plugins/defaultfilter.js'][146]++;
+      if ((! node.firstChild())) {
+        _$jscoverage['plugins/defaultfilter.js'][146]++;
+        node.parentNode.removeChild(node);
+      }
+      else {
+        _$jscoverage['plugins/defaultfilter.js'][147]++;
+        if (((node.tagName == "span") && ((! node.attrs) || utils.isEmptyObject(node.attrs)))) {
+          _$jscoverage['plugins/defaultfilter.js'][148]++;
+          node.parentNode.removeChild(node, true);
+        }
+      }
+      _$jscoverage['plugins/defaultfilter.js'][150]++;
+      return;
+    }
+    _$jscoverage['plugins/defaultfilter.js'][152]++;
+    switch (node.tagName) {
+    case "div":
+      _$jscoverage['plugins/defaultfilter.js'][154]++;
+      if ((val = node.getAttr("cdata_tag"))) {
+        _$jscoverage['plugins/defaultfilter.js'][155]++;
+        node.tagName = val;
+        _$jscoverage['plugins/defaultfilter.js'][156]++;
+        node.appendChild(UE.uNode.createText(node.getAttr("cdata_data")));
+        _$jscoverage['plugins/defaultfilter.js'][157]++;
+        node.setAttr({cdata_tag: "", cdata_data: ""});
+      }
+      _$jscoverage['plugins/defaultfilter.js'][159]++;
+      break;
+    case "a":
+      _$jscoverage['plugins/defaultfilter.js'][161]++;
+      if ((val = node.getAttr("_href"))) {
+        _$jscoverage['plugins/defaultfilter.js'][162]++;
+        node.setAttr({"href": val, "_href": ""});
+      }
+      _$jscoverage['plugins/defaultfilter.js'][167]++;
+      break;
+    case "img":
+      _$jscoverage['plugins/defaultfilter.js'][169]++;
+      if ((val = node.getAttr("_src"))) {
+        _$jscoverage['plugins/defaultfilter.js'][170]++;
+        node.setAttr({"src": node.getAttr("_src"), "_src": ""});
+      }
+    }
+  }
+}));
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/directionality.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/directionality.js
new file mode 100644
index 000000000..8accd52cb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/directionality.js
@@ -0,0 +1,199 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/directionality.js']) {
+  _$jscoverage['plugins/directionality.js'] = [];
+  _$jscoverage['plugins/directionality.js'][7] = 0;
+  _$jscoverage['plugins/directionality.js'][8] = 0;
+  _$jscoverage['plugins/directionality.js'][21] = 0;
+  _$jscoverage['plugins/directionality.js'][26] = 0;
+  _$jscoverage['plugins/directionality.js'][28] = 0;
+  _$jscoverage['plugins/directionality.js'][33] = 0;
+  _$jscoverage['plugins/directionality.js'][34] = 0;
+  _$jscoverage['plugins/directionality.js'][35] = 0;
+  _$jscoverage['plugins/directionality.js'][37] = 0;
+  _$jscoverage['plugins/directionality.js'][38] = 0;
+  _$jscoverage['plugins/directionality.js'][39] = 0;
+  _$jscoverage['plugins/directionality.js'][43] = 0;
+  _$jscoverage['plugins/directionality.js'][44] = 0;
+  _$jscoverage['plugins/directionality.js'][45] = 0;
+  _$jscoverage['plugins/directionality.js'][46] = 0;
+  _$jscoverage['plugins/directionality.js'][47] = 0;
+  _$jscoverage['plugins/directionality.js'][48] = 0;
+  _$jscoverage['plugins/directionality.js'][49] = 0;
+  _$jscoverage['plugins/directionality.js'][52] = 0;
+  _$jscoverage['plugins/directionality.js'][53] = 0;
+  _$jscoverage['plugins/directionality.js'][54] = 0;
+  _$jscoverage['plugins/directionality.js'][56] = 0;
+  _$jscoverage['plugins/directionality.js'][57] = 0;
+  _$jscoverage['plugins/directionality.js'][60] = 0;
+  _$jscoverage['plugins/directionality.js'][61] = 0;
+  _$jscoverage['plugins/directionality.js'][62] = 0;
+  _$jscoverage['plugins/directionality.js'][63] = 0;
+  _$jscoverage['plugins/directionality.js'][64] = 0;
+  _$jscoverage['plugins/directionality.js'][65] = 0;
+  _$jscoverage['plugins/directionality.js'][68] = 0;
+  _$jscoverage['plugins/directionality.js'][70] = 0;
+  _$jscoverage['plugins/directionality.js'][73] = 0;
+  _$jscoverage['plugins/directionality.js'][99] = 0;
+  _$jscoverage['plugins/directionality.js'][101] = 0;
+  _$jscoverage['plugins/directionality.js'][103] = 0;
+  _$jscoverage['plugins/directionality.js'][104] = 0;
+  _$jscoverage['plugins/directionality.js'][105] = 0;
+  _$jscoverage['plugins/directionality.js'][107] = 0;
+  _$jscoverage['plugins/directionality.js'][108] = 0;
+  _$jscoverage['plugins/directionality.js'][109] = 0;
+  _$jscoverage['plugins/directionality.js'][110] = 0;
+  _$jscoverage['plugins/directionality.js'][113] = 0;
+  _$jscoverage['plugins/directionality.js'][114] = 0;
+  _$jscoverage['plugins/directionality.js'][117] = 0;
+  _$jscoverage['plugins/directionality.js'][118] = 0;
+}
+_$jscoverage['plugins/directionality.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#25991;&#23383;&#36755;&#20837;&#30340;&#26041;&#21521;&#30340;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> block <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>isBlockElm <span class=\"k\">,</span>","        getObj <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>editor<span class=\"k\">)</span><span class=\"k\">{</span>","<span class=\"c\">//            var startNode = editor.selection.getStart(),</span>","<span class=\"c\">//                parents;</span>","<span class=\"c\">//            if ( startNode ) {</span>","<span class=\"c\">//                //&#26597;&#25214;&#25152;&#26377;&#30340;&#26159;block&#30340;&#29238;&#20146;&#33410;&#28857;</span>","<span class=\"c\">//                parents = domUtils.findParents( startNode, true, block, true );</span>","<span class=\"c\">//                for ( var i = 0,ci; ci = parents[i++]; ) {</span>","<span class=\"c\">//                    if ( ci.getAttribute( 'dir' ) ) {</span>","<span class=\"c\">//                        return ci;</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//                }</span>","<span class=\"c\">//            }</span>","            <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>filterNodeList<span class=\"k\">(</span>editor<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">(),</span><span class=\"k\">function</span><span class=\"k\">(</span>n<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> n<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'dir'</span><span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        doDirectionality <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>range<span class=\"k\">,</span>editor<span class=\"k\">,</span>forward<span class=\"k\">)</span><span class=\"k\">{</span>","            ","            <span class=\"k\">var</span> bookmark<span class=\"k\">,</span>","                filterFn <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span> node <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span>   node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","","                obj <span class=\"k\">=</span> getObj<span class=\"k\">(</span> editor <span class=\"k\">);</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span> obj <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>collapsed <span class=\"k\">)</span> <span class=\"k\">{</span>","                obj<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span> <span class=\"s\">'dir'</span><span class=\"k\">,</span> forward <span class=\"k\">);</span>","                <span class=\"k\">return</span> range<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            bookmark <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","            range<span class=\"k\">.</span>enlarge<span class=\"k\">(</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","            <span class=\"k\">var</span> bookmark2 <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> bookmark2<span class=\"k\">.</span>start<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn <span class=\"k\">),</span>","                tmpRange <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">(),</span>","                tmpNode<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span> current <span class=\"k\">&amp;&amp;</span>  <span class=\"k\">!(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span> current<span class=\"k\">,</span> bookmark2<span class=\"k\">.</span>end <span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_FOLLOWING<span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> current<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> <span class=\"k\">!</span>block<span class=\"k\">(</span> current <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                    tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span> current <span class=\"k\">);</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span> current <span class=\"k\">&amp;&amp;</span> current <span class=\"k\">!==</span> bookmark2<span class=\"k\">.</span>end <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>block<span class=\"k\">(</span> current <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        tmpNode <span class=\"k\">=</span> current<span class=\"k\">;</span>","                        current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> current<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> node <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> <span class=\"k\">!</span>block<span class=\"k\">(</span> node <span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    tmpRange<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span> tmpNode <span class=\"k\">);</span>","                    <span class=\"k\">var</span> common <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>getCommonAncestor<span class=\"k\">();</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span> common <span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> block<span class=\"k\">(</span> common <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"c\">//&#36941;&#21382;&#21040;&#20102;block&#33410;&#28857;</span>","                        common<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span> <span class=\"s\">'dir'</span><span class=\"k\">,</span> forward <span class=\"k\">);</span>","                        current <span class=\"k\">=</span> common<span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"c\">//&#27809;&#26377;&#36941;&#21382;&#21040;&#65292;&#28155;&#21152;&#19968;&#20010;block&#33410;&#28857;</span>","                        <span class=\"k\">var</span> p <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span> <span class=\"s\">'p'</span> <span class=\"k\">);</span>","                        p<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span> <span class=\"s\">'dir'</span><span class=\"k\">,</span> forward <span class=\"k\">);</span>","                        <span class=\"k\">var</span> frag <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>extractContents<span class=\"k\">();</span>","                        p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span> frag <span class=\"k\">);</span>","                        tmpRange<span class=\"k\">.</span>insertNode<span class=\"k\">(</span> p <span class=\"k\">);</span>","                        current <span class=\"k\">=</span> p<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                    current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> current<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn <span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> current<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> filterFn <span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span> bookmark2 <span class=\"k\">).</span>moveToBookmark<span class=\"k\">(</span> bookmark <span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#35774;&#32622;&#25991;&#23383;&#30340;&#26041;&#21521;&#65292;&#21487;&#35774;&#32622;&#20174;&#24038;&#21521;&#21491;&#36755;&#20837;&#65292;&#25110;&#32773;&#20174;&#21491;&#21521;&#24038;&#36755;&#20837;&#65292;&#25805;&#20316;&#23545;&#24403;&#21069;&#27573;&#20316;&#29992;</span>","<span class=\"c\">     * @command directionality</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmdName &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @param { String } forward &#20256;&#20837;'ltr'&#34920;&#31034;&#20174;&#24038;&#21521;&#21491;&#36755;&#20837;&#65292;&#20256;&#20837;'rtl'&#34920;&#31034;&#20174;&#21491;&#21521;&#24038;&#36755;&#20837;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.execCommand( 'directionality', 'ltr');</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#35810;&#24403;&#21069;&#27573;&#33853;&#30340;&#25991;&#23383;&#36755;&#20837;&#26041;&#21521;</span>","<span class=\"c\">     * @command directionality</span>","<span class=\"c\">     * @method queryCommandValue</span>","<span class=\"c\">     * @param { String } cmdName &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { String } &#36820;&#22238;'ltr'&#34920;&#31034;&#20174;&#24038;&#21521;&#21491;&#36755;&#20837;&#65292;&#36820;&#22238;'rtl'&#34920;&#31034;&#20174;&#21491;&#21521;&#24038;&#36755;&#20837;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.queryCommandValue( 'directionality');</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'directionality'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName<span class=\"k\">,</span>forward <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"c\">//&#38381;&#21512;&#26102;&#21333;&#29420;&#22788;&#29702;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> txt <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'d'</span><span class=\"k\">);</span>","                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>txt<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            doDirectionality<span class=\"k\">(</span>range<span class=\"k\">,</span><span class=\"k\">this</span><span class=\"k\">,</span>forward<span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>txt<span class=\"k\">)</span><span class=\"k\">{</span>","                range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>txt<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>txt<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            range<span class=\"k\">.</span>select<span class=\"k\">();</span>","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandValue <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> node <span class=\"k\">=</span> getObj<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> node <span class=\"k\">?</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'dir'</span><span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"s\">'ltr'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>",""];
+_$jscoverage['plugins/directionality.js'][7]++;
+(function () {
+  _$jscoverage['plugins/directionality.js'][8]++;
+  var block = domUtils.isBlockElm, getObj = (function (editor) {
+  _$jscoverage['plugins/directionality.js'][21]++;
+  return domUtils.filterNodeList(editor.selection.getStartElementPath(), (function (n) {
+  _$jscoverage['plugins/directionality.js'][21]++;
+  return n.getAttribute("dir");
+}));
+}), doDirectionality = (function (range, editor, forward) {
+  _$jscoverage['plugins/directionality.js'][26]++;
+  var bookmark, filterFn = (function (node) {
+  _$jscoverage['plugins/directionality.js'][28]++;
+  return ((node.nodeType == 1)? (! domUtils.isBookmarkNode(node)): (! domUtils.isWhitespace(node)));
+}), obj = getObj(editor);
+  _$jscoverage['plugins/directionality.js'][33]++;
+  if ((obj && range.collapsed)) {
+    _$jscoverage['plugins/directionality.js'][34]++;
+    obj.setAttribute("dir", forward);
+    _$jscoverage['plugins/directionality.js'][35]++;
+    return range;
+  }
+  _$jscoverage['plugins/directionality.js'][37]++;
+  bookmark = range.createBookmark();
+  _$jscoverage['plugins/directionality.js'][38]++;
+  range.enlarge(true);
+  _$jscoverage['plugins/directionality.js'][39]++;
+  var bookmark2 = range.createBookmark(), current = domUtils.getNextDomNode(bookmark2.start, false, filterFn), tmpRange = range.cloneRange(), tmpNode;
+  _$jscoverage['plugins/directionality.js'][43]++;
+  while ((current && (! (domUtils.getPosition(current, bookmark2.end) & domUtils.POSITION_FOLLOWING)))) {
+    _$jscoverage['plugins/directionality.js'][44]++;
+    if (((current.nodeType == 3) || (! block(current)))) {
+      _$jscoverage['plugins/directionality.js'][45]++;
+      tmpRange.setStartBefore(current);
+      _$jscoverage['plugins/directionality.js'][46]++;
+      while ((current && (current !== bookmark2.end) && (! block(current)))) {
+        _$jscoverage['plugins/directionality.js'][47]++;
+        tmpNode = current;
+        _$jscoverage['plugins/directionality.js'][48]++;
+        current = domUtils.getNextDomNode(current, false, null, (function (node) {
+  _$jscoverage['plugins/directionality.js'][49]++;
+  return (! block(node));
+}));
+}
+      _$jscoverage['plugins/directionality.js'][52]++;
+      tmpRange.setEndAfter(tmpNode);
+      _$jscoverage['plugins/directionality.js'][53]++;
+      var common = tmpRange.getCommonAncestor();
+      _$jscoverage['plugins/directionality.js'][54]++;
+      if (((! domUtils.isBody(common)) && block(common))) {
+        _$jscoverage['plugins/directionality.js'][56]++;
+        common.setAttribute("dir", forward);
+        _$jscoverage['plugins/directionality.js'][57]++;
+        current = common;
+      }
+      else {
+        _$jscoverage['plugins/directionality.js'][60]++;
+        var p = range.document.createElement("p");
+        _$jscoverage['plugins/directionality.js'][61]++;
+        p.setAttribute("dir", forward);
+        _$jscoverage['plugins/directionality.js'][62]++;
+        var frag = tmpRange.extractContents();
+        _$jscoverage['plugins/directionality.js'][63]++;
+        p.appendChild(frag);
+        _$jscoverage['plugins/directionality.js'][64]++;
+        tmpRange.insertNode(p);
+        _$jscoverage['plugins/directionality.js'][65]++;
+        current = p;
+      }
+      _$jscoverage['plugins/directionality.js'][68]++;
+      current = domUtils.getNextDomNode(current, false, filterFn);
+    }
+    else {
+      _$jscoverage['plugins/directionality.js'][70]++;
+      current = domUtils.getNextDomNode(current, true, filterFn);
+    }
+}
+  _$jscoverage['plugins/directionality.js'][73]++;
+  return range.moveToBookmark(bookmark2).moveToBookmark(bookmark);
+});
+  _$jscoverage['plugins/directionality.js'][99]++;
+  UE.commands.directionality = {execCommand: (function (cmdName, forward) {
+  _$jscoverage['plugins/directionality.js'][101]++;
+  var range = this.selection.getRange();
+  _$jscoverage['plugins/directionality.js'][103]++;
+  if (range.collapsed) {
+    _$jscoverage['plugins/directionality.js'][104]++;
+    var txt = this.document.createTextNode("d");
+    _$jscoverage['plugins/directionality.js'][105]++;
+    range.insertNode(txt);
+  }
+  _$jscoverage['plugins/directionality.js'][107]++;
+  doDirectionality(range, this, forward);
+  _$jscoverage['plugins/directionality.js'][108]++;
+  if (txt) {
+    _$jscoverage['plugins/directionality.js'][109]++;
+    range.setStartBefore(txt).collapse(true);
+    _$jscoverage['plugins/directionality.js'][110]++;
+    domUtils.remove(txt);
+  }
+  _$jscoverage['plugins/directionality.js'][113]++;
+  range.select();
+  _$jscoverage['plugins/directionality.js'][114]++;
+  return true;
+}), queryCommandValue: (function () {
+  _$jscoverage['plugins/directionality.js'][117]++;
+  var node = getObj(this);
+  _$jscoverage['plugins/directionality.js'][118]++;
+  return (node? node.getAttribute("dir"): "ltr");
+})};
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/dragdrop.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/dragdrop.js
new file mode 100644
index 000000000..12afaabad
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/dragdrop.js
@@ -0,0 +1,158 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/dragdrop.js']) {
+  _$jscoverage['plugins/dragdrop.js'] = [];
+  _$jscoverage['plugins/dragdrop.js'][1] = 0;
+  _$jscoverage['plugins/dragdrop.js'][3] = 0;
+  _$jscoverage['plugins/dragdrop.js'][4] = 0;
+  _$jscoverage['plugins/dragdrop.js'][5] = 0;
+  _$jscoverage['plugins/dragdrop.js'][6] = 0;
+  _$jscoverage['plugins/dragdrop.js'][7] = 0;
+  _$jscoverage['plugins/dragdrop.js'][9] = 0;
+  _$jscoverage['plugins/dragdrop.js'][11] = 0;
+  _$jscoverage['plugins/dragdrop.js'][12] = 0;
+  _$jscoverage['plugins/dragdrop.js'][13] = 0;
+  _$jscoverage['plugins/dragdrop.js'][14] = 0;
+  _$jscoverage['plugins/dragdrop.js'][16] = 0;
+  _$jscoverage['plugins/dragdrop.js'][21] = 0;
+  _$jscoverage['plugins/dragdrop.js'][22] = 0;
+  _$jscoverage['plugins/dragdrop.js'][23] = 0;
+  _$jscoverage['plugins/dragdrop.js'][24] = 0;
+  _$jscoverage['plugins/dragdrop.js'][25] = 0;
+  _$jscoverage['plugins/dragdrop.js'][26] = 0;
+  _$jscoverage['plugins/dragdrop.js'][27] = 0;
+  _$jscoverage['plugins/dragdrop.js'][30] = 0;
+  _$jscoverage['plugins/dragdrop.js'][31] = 0;
+  _$jscoverage['plugins/dragdrop.js'][33] = 0;
+  _$jscoverage['plugins/dragdrop.js'][34] = 0;
+  _$jscoverage['plugins/dragdrop.js'][36] = 0;
+  _$jscoverage['plugins/dragdrop.js'][37] = 0;
+  _$jscoverage['plugins/dragdrop.js'][45] = 0;
+  _$jscoverage['plugins/dragdrop.js'][46] = 0;
+  _$jscoverage['plugins/dragdrop.js'][47] = 0;
+  _$jscoverage['plugins/dragdrop.js'][48] = 0;
+  _$jscoverage['plugins/dragdrop.js'][49] = 0;
+  _$jscoverage['plugins/dragdrop.js'][50] = 0;
+  _$jscoverage['plugins/dragdrop.js'][51] = 0;
+}
+_$jscoverage['plugins/dragdrop.js'].source = ["UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'dragdrop'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>ready<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">,</span><span class=\"s\">'dragend'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">var</span> node <span class=\"k\">=</span> rng<span class=\"k\">.</span>getClosedNode<span class=\"k\">()||</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">();</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'IMG'</span><span class=\"k\">)</span><span class=\"k\">{</span>","","                <span class=\"k\">var</span> pre <span class=\"k\">=</span> node<span class=\"k\">.</span>previousSibling<span class=\"k\">,</span>next<span class=\"k\">;</span>","                <span class=\"k\">while</span><span class=\"k\">(</span>next <span class=\"k\">=</span> node<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>next<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> next<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'SPAN'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>next<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>next<span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","","                <span class=\"k\">if</span><span class=\"k\">((</span>pre <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>pre<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">!</span>pre<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>next <span class=\"k\">||</span> next <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>next<span class=\"k\">)))</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'P'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>pre<span class=\"k\">))</span><span class=\"k\">{</span>","                        pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>node<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>moveChild<span class=\"k\">(</span>next<span class=\"k\">,</span>pre<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>next<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span>  <span class=\"k\">if</span><span class=\"k\">(</span>next <span class=\"k\">&amp;&amp;</span> next<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'P'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>next<span class=\"k\">))</span><span class=\"k\">{</span>","                        next<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>node<span class=\"k\">,</span>next<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                    <span class=\"k\">if</span><span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'P'</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>pre<span class=\"k\">))</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>pre<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>next <span class=\"k\">&amp;&amp;</span> next<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'P'</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>next<span class=\"k\">))</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>next<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                    rng<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>node<span class=\"k\">).</span>select<span class=\"k\">();</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keyup'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">13</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>node<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'p'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"s\">'text-align'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">'center'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>removeStyle<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"s\">'text-align'</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">)</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/dragdrop.js'][1]++;
+UE.plugins.dragdrop = (function () {
+  _$jscoverage['plugins/dragdrop.js'][3]++;
+  var me = this;
+  _$jscoverage['plugins/dragdrop.js'][4]++;
+  me.ready((function () {
+  _$jscoverage['plugins/dragdrop.js'][5]++;
+  domUtils.on(this.body, "dragend", (function () {
+  _$jscoverage['plugins/dragdrop.js'][6]++;
+  var rng = me.selection.getRange();
+  _$jscoverage['plugins/dragdrop.js'][7]++;
+  var node = (rng.getClosedNode() || me.selection.getStart());
+  _$jscoverage['plugins/dragdrop.js'][9]++;
+  if ((node && (node.tagName == "IMG"))) {
+    _$jscoverage['plugins/dragdrop.js'][11]++;
+    var pre = node.previousSibling, next;
+    _$jscoverage['plugins/dragdrop.js'][12]++;
+    while ((next = node.nextSibling)) {
+      _$jscoverage['plugins/dragdrop.js'][13]++;
+      if (((next.nodeType == 1) && (next.tagName == "SPAN") && (! next.firstChild))) {
+        _$jscoverage['plugins/dragdrop.js'][14]++;
+        domUtils.remove(next);
+      }
+      else {
+        _$jscoverage['plugins/dragdrop.js'][16]++;
+        break;
+      }
+}
+    _$jscoverage['plugins/dragdrop.js'][21]++;
+    if ((((pre && (pre.nodeType == 1) && (! domUtils.isEmptyBlock(pre))) || (! pre)) && ((! next) || (next && (! domUtils.isEmptyBlock(next)))))) {
+      _$jscoverage['plugins/dragdrop.js'][22]++;
+      if ((pre && (pre.tagName == "P") && (! domUtils.isEmptyBlock(pre)))) {
+        _$jscoverage['plugins/dragdrop.js'][23]++;
+        pre.appendChild(node);
+        _$jscoverage['plugins/dragdrop.js'][24]++;
+        domUtils.moveChild(next, pre);
+        _$jscoverage['plugins/dragdrop.js'][25]++;
+        domUtils.remove(next);
+      }
+      else {
+        _$jscoverage['plugins/dragdrop.js'][26]++;
+        if ((next && (next.tagName == "P") && (! domUtils.isEmptyBlock(next)))) {
+          _$jscoverage['plugins/dragdrop.js'][27]++;
+          next.insertBefore(node, next.firstChild);
+        }
+      }
+      _$jscoverage['plugins/dragdrop.js'][30]++;
+      if ((pre && (pre.tagName == "P") && domUtils.isEmptyBlock(pre))) {
+        _$jscoverage['plugins/dragdrop.js'][31]++;
+        domUtils.remove(pre);
+      }
+      _$jscoverage['plugins/dragdrop.js'][33]++;
+      if ((next && (next.tagName == "P") && domUtils.isEmptyBlock(next))) {
+        _$jscoverage['plugins/dragdrop.js'][34]++;
+        domUtils.remove(next);
+      }
+      _$jscoverage['plugins/dragdrop.js'][36]++;
+      rng.selectNode(node).select();
+      _$jscoverage['plugins/dragdrop.js'][37]++;
+      me.fireEvent("saveScene");
+    }
+  }
+}));
+}));
+  _$jscoverage['plugins/dragdrop.js'][45]++;
+  me.addListener("keyup", (function (type, evt) {
+  _$jscoverage['plugins/dragdrop.js'][46]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/dragdrop.js'][47]++;
+  if ((keyCode == 13)) {
+    _$jscoverage['plugins/dragdrop.js'][48]++;
+    var rng = me.selection.getRange(), node;
+    _$jscoverage['plugins/dragdrop.js'][49]++;
+    if ((node = domUtils.findParentByTagName(rng.startContainer, "p", true))) {
+      _$jscoverage['plugins/dragdrop.js'][50]++;
+      if ((domUtils.getComputedStyle(node, "text-align") == "center")) {
+        _$jscoverage['plugins/dragdrop.js'][51]++;
+        domUtils.removeStyle(node, "text-align");
+      }
+    }
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/elementpath.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/elementpath.js
new file mode 100644
index 000000000..4491ea35a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/elementpath.js
@@ -0,0 +1,120 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/elementpath.js']) {
+  _$jscoverage['plugins/elementpath.js'] = [];
+  _$jscoverage['plugins/elementpath.js'][6] = 0;
+  _$jscoverage['plugins/elementpath.js'][7] = 0;
+  _$jscoverage['plugins/elementpath.js'][10] = 0;
+  _$jscoverage['plugins/elementpath.js'][11] = 0;
+  _$jscoverage['plugins/elementpath.js'][12] = 0;
+  _$jscoverage['plugins/elementpath.js'][14] = 0;
+  _$jscoverage['plugins/elementpath.js'][16] = 0;
+  _$jscoverage['plugins/elementpath.js'][17] = 0;
+  _$jscoverage['plugins/elementpath.js'][19] = 0;
+  _$jscoverage['plugins/elementpath.js'][20] = 0;
+  _$jscoverage['plugins/elementpath.js'][24] = 0;
+  _$jscoverage['plugins/elementpath.js'][26] = 0;
+  _$jscoverage['plugins/elementpath.js'][27] = 0;
+  _$jscoverage['plugins/elementpath.js'][28] = 0;
+  _$jscoverage['plugins/elementpath.js'][29] = 0;
+  _$jscoverage['plugins/elementpath.js'][31] = 0;
+  _$jscoverage['plugins/elementpath.js'][32] = 0;
+  _$jscoverage['plugins/elementpath.js'][33] = 0;
+  _$jscoverage['plugins/elementpath.js'][35] = 0;
+  _$jscoverage['plugins/elementpath.js'][36] = 0;
+  _$jscoverage['plugins/elementpath.js'][37] = 0;
+  _$jscoverage['plugins/elementpath.js'][38] = 0;
+  _$jscoverage['plugins/elementpath.js'][41] = 0;
+}
+_$jscoverage['plugins/elementpath.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#36873;&#21462;&#36335;&#24452;&#21629;&#20196;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'elementpath'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> currentLevel<span class=\"k\">,</span>","        tagNames<span class=\"k\">,</span>","        me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"s\">'elementPathEnabled'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","    <span class=\"k\">if</span><span class=\"k\">(!</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>elementPathEnabled<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">return</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'elementpath'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName<span class=\"k\">,</span> level <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">debugger</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> start <span class=\"k\">=</span> tagNames<span class=\"k\">[</span>level<span class=\"k\">],</span>","                range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            currentLevel <span class=\"k\">=</span> level<span class=\"k\">*</span><span class=\"s\">1</span><span class=\"k\">;</span>","            range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>start<span class=\"k\">).</span>select<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandValue <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#20135;&#29983;&#19968;&#20010;&#21103;&#26412;&#65292;&#19981;&#33021;&#20462;&#25913;&#21407;&#26469;&#30340;startElementPath;</span>","            <span class=\"k\">var</span> parents <span class=\"k\">=</span> <span class=\"k\">[].</span>concat<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">()).</span>reverse<span class=\"k\">(),</span>","                names <span class=\"k\">=</span> <span class=\"k\">[];</span>","            tagNames <span class=\"k\">=</span> parents<span class=\"k\">;</span>","            <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>parents<span class=\"k\">[</span>i<span class=\"k\">];</span>i<span class=\"k\">++)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">continue</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> name <span class=\"k\">=</span> ci<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">();</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>name <span class=\"k\">==</span> <span class=\"s\">'img'</span> <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'anchorname'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                    name <span class=\"k\">=</span> <span class=\"s\">'anchor'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                names<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> name<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>currentLevel <span class=\"k\">==</span> i<span class=\"k\">)</span><span class=\"k\">{</span>","                   currentLevel <span class=\"k\">=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> names<span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/elementpath.js'][6]++;
+UE.plugins.elementpath = (function () {
+  _$jscoverage['plugins/elementpath.js'][7]++;
+  var currentLevel, tagNames, me = this;
+  _$jscoverage['plugins/elementpath.js'][10]++;
+  me.setOpt("elementPathEnabled", true);
+  _$jscoverage['plugins/elementpath.js'][11]++;
+  if ((! me.options.elementPathEnabled)) {
+    _$jscoverage['plugins/elementpath.js'][12]++;
+    return;
+  }
+  _$jscoverage['plugins/elementpath.js'][14]++;
+  me.commands.elementpath = {execCommand: (function (cmdName, level) {
+  _$jscoverage['plugins/elementpath.js'][16]++;
+  debugger;
+  _$jscoverage['plugins/elementpath.js'][17]++;
+  var start = tagNames[level], range = me.selection.getRange();
+  _$jscoverage['plugins/elementpath.js'][19]++;
+  currentLevel = (level * 1);
+  _$jscoverage['plugins/elementpath.js'][20]++;
+  range.selectNode(start).select();
+}), queryCommandValue: (function () {
+  _$jscoverage['plugins/elementpath.js'][24]++;
+  var parents = [].concat(this.selection.getStartElementPath()).reverse(), names = [];
+  _$jscoverage['plugins/elementpath.js'][26]++;
+  tagNames = parents;
+  _$jscoverage['plugins/elementpath.js'][27]++;
+  for (var i = 0, ci; (ci = parents[i]); (i++)) {
+    _$jscoverage['plugins/elementpath.js'][28]++;
+    if ((ci.nodeType == 3)) {
+      _$jscoverage['plugins/elementpath.js'][29]++;
+      continue;
+    }
+    _$jscoverage['plugins/elementpath.js'][31]++;
+    var name = ci.tagName.toLowerCase();
+    _$jscoverage['plugins/elementpath.js'][32]++;
+    if (((name == "img") && ci.getAttribute("anchorname"))) {
+      _$jscoverage['plugins/elementpath.js'][33]++;
+      name = "anchor";
+    }
+    _$jscoverage['plugins/elementpath.js'][35]++;
+    names[i] = name;
+    _$jscoverage['plugins/elementpath.js'][36]++;
+    if ((currentLevel == i)) {
+      _$jscoverage['plugins/elementpath.js'][37]++;
+      currentLevel = -1;
+      _$jscoverage['plugins/elementpath.js'][38]++;
+      break;
+    }
+}
+  _$jscoverage['plugins/elementpath.js'][41]++;
+  return names;
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/enterkey.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/enterkey.js
new file mode 100644
index 000000000..b016991c7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/enterkey.js
@@ -0,0 +1,352 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/enterkey.js']) {
+  _$jscoverage['plugins/enterkey.js'] = [];
+  _$jscoverage['plugins/enterkey.js'][10] = 0;
+  _$jscoverage['plugins/enterkey.js'][11] = 0;
+  _$jscoverage['plugins/enterkey.js'][14] = 0;
+  _$jscoverage['plugins/enterkey.js'][16] = 0;
+  _$jscoverage['plugins/enterkey.js'][17] = 0;
+  _$jscoverage['plugins/enterkey.js'][18] = 0;
+  _$jscoverage['plugins/enterkey.js'][23] = 0;
+  _$jscoverage['plugins/enterkey.js'][25] = 0;
+  _$jscoverage['plugins/enterkey.js'][26] = 0;
+  _$jscoverage['plugins/enterkey.js'][27] = 0;
+  _$jscoverage['plugins/enterkey.js'][28] = 0;
+  _$jscoverage['plugins/enterkey.js'][29] = 0;
+  _$jscoverage['plugins/enterkey.js'][30] = 0;
+  _$jscoverage['plugins/enterkey.js'][34] = 0;
+  _$jscoverage['plugins/enterkey.js'][35] = 0;
+  _$jscoverage['plugins/enterkey.js'][36] = 0;
+  _$jscoverage['plugins/enterkey.js'][37] = 0;
+  _$jscoverage['plugins/enterkey.js'][38] = 0;
+  _$jscoverage['plugins/enterkey.js'][39] = 0;
+  _$jscoverage['plugins/enterkey.js'][40] = 0;
+  _$jscoverage['plugins/enterkey.js'][41] = 0;
+  _$jscoverage['plugins/enterkey.js'][43] = 0;
+  _$jscoverage['plugins/enterkey.js'][44] = 0;
+  _$jscoverage['plugins/enterkey.js'][45] = 0;
+  _$jscoverage['plugins/enterkey.js'][46] = 0;
+  _$jscoverage['plugins/enterkey.js'][48] = 0;
+  _$jscoverage['plugins/enterkey.js'][53] = 0;
+  _$jscoverage['plugins/enterkey.js'][54] = 0;
+  _$jscoverage['plugins/enterkey.js'][58] = 0;
+  _$jscoverage['plugins/enterkey.js'][60] = 0;
+  _$jscoverage['plugins/enterkey.js'][65] = 0;
+  _$jscoverage['plugins/enterkey.js'][66] = 0;
+  _$jscoverage['plugins/enterkey.js'][67] = 0;
+  _$jscoverage['plugins/enterkey.js'][68] = 0;
+  _$jscoverage['plugins/enterkey.js'][69] = 0;
+  _$jscoverage['plugins/enterkey.js'][70] = 0;
+  _$jscoverage['plugins/enterkey.js'][72] = 0;
+  _$jscoverage['plugins/enterkey.js'][73] = 0;
+  _$jscoverage['plugins/enterkey.js'][76] = 0;
+  _$jscoverage['plugins/enterkey.js'][78] = 0;
+  _$jscoverage['plugins/enterkey.js'][80] = 0;
+  _$jscoverage['plugins/enterkey.js'][84] = 0;
+  _$jscoverage['plugins/enterkey.js'][85] = 0;
+  _$jscoverage['plugins/enterkey.js'][86] = 0;
+  _$jscoverage['plugins/enterkey.js'][89] = 0;
+  _$jscoverage['plugins/enterkey.js'][92] = 0;
+  _$jscoverage['plugins/enterkey.js'][94] = 0;
+  _$jscoverage['plugins/enterkey.js'][98] = 0;
+  _$jscoverage['plugins/enterkey.js'][100] = 0;
+  _$jscoverage['plugins/enterkey.js'][102] = 0;
+  _$jscoverage['plugins/enterkey.js'][103] = 0;
+  _$jscoverage['plugins/enterkey.js'][104] = 0;
+  _$jscoverage['plugins/enterkey.js'][105] = 0;
+  _$jscoverage['plugins/enterkey.js'][110] = 0;
+  _$jscoverage['plugins/enterkey.js'][111] = 0;
+  _$jscoverage['plugins/enterkey.js'][117] = 0;
+  _$jscoverage['plugins/enterkey.js'][119] = 0;
+  _$jscoverage['plugins/enterkey.js'][120] = 0;
+  _$jscoverage['plugins/enterkey.js'][121] = 0;
+  _$jscoverage['plugins/enterkey.js'][122] = 0;
+  _$jscoverage['plugins/enterkey.js'][123] = 0;
+  _$jscoverage['plugins/enterkey.js'][124] = 0;
+  _$jscoverage['plugins/enterkey.js'][125] = 0;
+  _$jscoverage['plugins/enterkey.js'][126] = 0;
+  _$jscoverage['plugins/enterkey.js'][127] = 0;
+  _$jscoverage['plugins/enterkey.js'][129] = 0;
+  _$jscoverage['plugins/enterkey.js'][131] = 0;
+  _$jscoverage['plugins/enterkey.js'][132] = 0;
+  _$jscoverage['plugins/enterkey.js'][133] = 0;
+  _$jscoverage['plugins/enterkey.js'][134] = 0;
+  _$jscoverage['plugins/enterkey.js'][135] = 0;
+  _$jscoverage['plugins/enterkey.js'][136] = 0;
+  _$jscoverage['plugins/enterkey.js'][138] = 0;
+  _$jscoverage['plugins/enterkey.js'][140] = 0;
+  _$jscoverage['plugins/enterkey.js'][142] = 0;
+  _$jscoverage['plugins/enterkey.js'][143] = 0;
+  _$jscoverage['plugins/enterkey.js'][144] = 0;
+  _$jscoverage['plugins/enterkey.js'][147] = 0;
+  _$jscoverage['plugins/enterkey.js'][152] = 0;
+  _$jscoverage['plugins/enterkey.js'][153] = 0;
+  _$jscoverage['plugins/enterkey.js'][158] = 0;
+  _$jscoverage['plugins/enterkey.js'][159] = 0;
+  _$jscoverage['plugins/enterkey.js'][160] = 0;
+  _$jscoverage['plugins/enterkey.js'][161] = 0;
+  _$jscoverage['plugins/enterkey.js'][162] = 0;
+  _$jscoverage['plugins/enterkey.js'][163] = 0;
+  _$jscoverage['plugins/enterkey.js'][165] = 0;
+  _$jscoverage['plugins/enterkey.js'][167] = 0;
+}
+_$jscoverage['plugins/enterkey.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import plugins/undo.js</span>","<span class=\"c\">///commands &#35774;&#32622;&#22238;&#36710;&#26631;&#31614;p&#25110;br</span>","<span class=\"c\">///commandsName  EnterKey</span>","<span class=\"c\">///commandsTitle  &#35774;&#32622;&#22238;&#36710;&#26631;&#31614;p&#25110;br</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * @description &#22788;&#29702;&#22238;&#36710;</span>","<span class=\"c\"> * @author zhanyi</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'enterkey'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> hTag<span class=\"k\">,</span>","        me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        tag <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>enterTag<span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keyup'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">13</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>","                doSave<span class=\"k\">;</span>","","            <span class=\"c\">//&#20462;&#27491;&#22312;h1-h6&#37324;&#36793;&#22238;&#36710;&#21518;&#19981;&#33021;&#23884;&#22871;p&#30340;&#38382;&#39064;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/h\\d/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>hTag<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> h <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"k\">[</span> <span class=\"s\">'h1'</span><span class=\"k\">,</span> <span class=\"s\">'h2'</span><span class=\"k\">,</span> <span class=\"s\">'h3'</span><span class=\"k\">,</span> <span class=\"s\">'h4'</span><span class=\"k\">,</span> <span class=\"s\">'h5'</span><span class=\"k\">,</span> <span class=\"s\">'h6'</span><span class=\"k\">,</span><span class=\"s\">'blockquote'</span><span class=\"k\">,</span><span class=\"s\">'caption'</span><span class=\"k\">,</span><span class=\"s\">'table'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>h<span class=\"k\">)</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>document<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'formatBlock'</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"s\">'&lt;p&gt;'</span><span class=\"k\">);</span>","                            doSave <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"c\">//chrome remove div</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> tmp <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">),</span>div<span class=\"k\">;</span>","                            range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","                            div <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>tmp<span class=\"k\">,</span> <span class=\"s\">'div'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>div<span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">var</span> p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                <span class=\"k\">while</span> <span class=\"k\">(</span>div<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>div<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                div<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span> div<span class=\"k\">);</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>div<span class=\"k\">);</span>","                                range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmp<span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","                                doSave <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>undoManger <span class=\"k\">&amp;&amp;</span> doSave<span class=\"k\">)</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//&#27809;&#26377;&#31449;&#20301;&#31526;&#65292;&#20250;&#20986;&#29616;&#22810;&#34892;&#30340;&#38382;&#39064;</span>","                browser<span class=\"k\">.</span>opera <span class=\"k\">&amp;&amp;</span>  range<span class=\"k\">.</span>select<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">13</span><span class=\"k\">)</span> <span class=\"k\">{</span><span class=\"c\">//&#22238;&#36710;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'beforeenterkeydown'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            hTag <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","","","            <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","","            <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#36328;td&#19981;&#33021;&#21024;</span>","                <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>","                    end <span class=\"k\">=</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">,</span>","                    startTd <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"s\">'td'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">),</span>","                    endTd <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>end<span class=\"k\">,</span> <span class=\"s\">'td'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>startTd <span class=\"k\">&amp;&amp;</span> endTd <span class=\"k\">&amp;&amp;</span> startTd <span class=\"k\">!==</span> endTd <span class=\"k\">||</span> <span class=\"k\">!</span>startTd <span class=\"k\">&amp;&amp;</span> endTd <span class=\"k\">||</span> startTd <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>endTd<span class=\"k\">)</span> <span class=\"k\">{</span>","                    evt<span class=\"k\">.</span>preventDefault <span class=\"k\">?</span> evt<span class=\"k\">.</span>preventDefault<span class=\"k\">()</span> <span class=\"k\">:</span> <span class=\"k\">(</span> evt<span class=\"k\">.</span>returnValue <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">);</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>tag <span class=\"k\">==</span> <span class=\"s\">'p'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","","","                <span class=\"k\">if</span> <span class=\"k\">(!</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","","                    start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'ol'</span><span class=\"k\">,</span><span class=\"s\">'ul'</span><span class=\"k\">,</span><span class=\"s\">'p'</span><span class=\"k\">,</span> <span class=\"s\">'h1'</span><span class=\"k\">,</span> <span class=\"s\">'h2'</span><span class=\"k\">,</span> <span class=\"s\">'h3'</span><span class=\"k\">,</span> <span class=\"s\">'h4'</span><span class=\"k\">,</span> <span class=\"s\">'h5'</span><span class=\"k\">,</span> <span class=\"s\">'h6'</span><span class=\"k\">,</span><span class=\"s\">'blockquote'</span><span class=\"k\">,</span><span class=\"s\">'caption'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","                    <span class=\"c\">//opera&#19979;&#25191;&#34892;formatblock&#20250;&#22312;table&#30340;&#22330;&#26223;&#19979;&#26377;&#38382;&#39064;&#65292;&#22238;&#36710;&#22312;opera&#21407;&#29983;&#25903;&#25345;&#24456;&#22909;&#65292;&#25152;&#20197;&#26242;&#26102;&#22312;opera&#21435;&#25481;&#35843;&#29992;&#36825;&#20010;&#21407;&#29983;&#30340;command</span>","                    <span class=\"c\">//trace:2431</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>start <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>browser<span class=\"k\">.</span>opera<span class=\"k\">)</span> <span class=\"k\">{</span>","","                        me<span class=\"k\">.</span>document<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'formatBlock'</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"s\">'&lt;p&gt;'</span><span class=\"k\">);</span>","","                        <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko<span class=\"k\">)</span> <span class=\"k\">{</span>","                            range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                            start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'p'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                            start <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>removeDirtyAttr<span class=\"k\">(</span>start<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        hTag <span class=\"k\">=</span> start<span class=\"k\">.</span>tagName<span class=\"k\">;</span>","                        start<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'p'</span> <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>gecko <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>removeDirtyAttr<span class=\"k\">(</span>start<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                evt<span class=\"k\">.</span>preventDefault <span class=\"k\">?</span> evt<span class=\"k\">.</span>preventDefault<span class=\"k\">()</span> <span class=\"k\">:</span> <span class=\"k\">(</span> evt<span class=\"k\">.</span>returnValue <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">);</span>","","                <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>deleteContents<span class=\"k\">();</span>","                    start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>start <span class=\"k\">=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">]))</span> <span class=\"k\">{</span>","                        <span class=\"k\">while</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>start<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                                range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>start<span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>undoManger<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","                                <span class=\"k\">}</span>","                                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            <span class=\"k\">if</span> <span class=\"k\">(!</span>start<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">var</span> br <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">);</span>","                                start<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>br<span class=\"k\">);</span>","                                range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>undoManger<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","                                <span class=\"k\">}</span>","                                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            start <span class=\"k\">=</span> start<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">===</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">])</span> <span class=\"k\">{</span>","                            br <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">);</span>","                            range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>br<span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","                        <span class=\"k\">}</span>","","","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        br <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">);</span>","                        range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>br<span class=\"k\">).</span>setStartAfter<span class=\"k\">(</span>br<span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","","","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    br <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">);</span>","                    range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>br<span class=\"k\">);</span>","                    <span class=\"k\">var</span> parent <span class=\"k\">=</span> br<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>parent<span class=\"k\">.</span>lastChild <span class=\"k\">===</span> br<span class=\"k\">)</span> <span class=\"k\">{</span>","                        br<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>br<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">),</span> br<span class=\"k\">);</span>","                        range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>br<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span>br<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    range<span class=\"k\">.</span>setCursor<span class=\"k\">();</span>","","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/enterkey.js'][10]++;
+UE.plugins.enterkey = (function () {
+  _$jscoverage['plugins/enterkey.js'][11]++;
+  var hTag, me = this, tag = me.options.enterTag;
+  _$jscoverage['plugins/enterkey.js'][14]++;
+  me.addListener("keyup", (function (type, evt) {
+  _$jscoverage['plugins/enterkey.js'][16]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/enterkey.js'][17]++;
+  if ((keyCode == 13)) {
+    _$jscoverage['plugins/enterkey.js'][18]++;
+    var range = me.selection.getRange(), start = range.startContainer, doSave;
+    _$jscoverage['plugins/enterkey.js'][23]++;
+    if ((! browser.ie)) {
+      _$jscoverage['plugins/enterkey.js'][25]++;
+      if (/h\d/i.test(hTag)) {
+        _$jscoverage['plugins/enterkey.js'][26]++;
+        if (browser.gecko) {
+          _$jscoverage['plugins/enterkey.js'][27]++;
+          var h = domUtils.findParentByTagName(start, ["h1", "h2", "h3", "h4", "h5", "h6", "blockquote", "caption", "table"], true);
+          _$jscoverage['plugins/enterkey.js'][28]++;
+          if ((! h)) {
+            _$jscoverage['plugins/enterkey.js'][29]++;
+            me.document.execCommand("formatBlock", false, "<p>");
+            _$jscoverage['plugins/enterkey.js'][30]++;
+            doSave = 1;
+          }
+        }
+        else {
+          _$jscoverage['plugins/enterkey.js'][34]++;
+          if ((start.nodeType == 1)) {
+            _$jscoverage['plugins/enterkey.js'][35]++;
+            var tmp = me.document.createTextNode(""), div;
+            _$jscoverage['plugins/enterkey.js'][36]++;
+            range.insertNode(tmp);
+            _$jscoverage['plugins/enterkey.js'][37]++;
+            div = domUtils.findParentByTagName(tmp, "div", true);
+            _$jscoverage['plugins/enterkey.js'][38]++;
+            if (div) {
+              _$jscoverage['plugins/enterkey.js'][39]++;
+              var p = me.document.createElement("p");
+              _$jscoverage['plugins/enterkey.js'][40]++;
+              while (div.firstChild) {
+                _$jscoverage['plugins/enterkey.js'][41]++;
+                p.appendChild(div.firstChild);
+}
+              _$jscoverage['plugins/enterkey.js'][43]++;
+              div.parentNode.insertBefore(p, div);
+              _$jscoverage['plugins/enterkey.js'][44]++;
+              domUtils.remove(div);
+              _$jscoverage['plugins/enterkey.js'][45]++;
+              range.setStartBefore(tmp).setCursor();
+              _$jscoverage['plugins/enterkey.js'][46]++;
+              doSave = 1;
+            }
+            _$jscoverage['plugins/enterkey.js'][48]++;
+            domUtils.remove(tmp);
+          }
+        }
+        _$jscoverage['plugins/enterkey.js'][53]++;
+        if ((me.undoManger && doSave)) {
+          _$jscoverage['plugins/enterkey.js'][54]++;
+          me.undoManger.save();
+        }
+      }
+      _$jscoverage['plugins/enterkey.js'][58]++;
+      (browser.opera && range.select());
+    }
+    else {
+      _$jscoverage['plugins/enterkey.js'][60]++;
+      me.fireEvent("saveScene", true, true);
+    }
+  }
+}));
+  _$jscoverage['plugins/enterkey.js'][65]++;
+  me.addListener("keydown", (function (type, evt) {
+  _$jscoverage['plugins/enterkey.js'][66]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/enterkey.js'][67]++;
+  if ((keyCode == 13)) {
+    _$jscoverage['plugins/enterkey.js'][68]++;
+    if (me.fireEvent("beforeenterkeydown")) {
+      _$jscoverage['plugins/enterkey.js'][69]++;
+      domUtils.preventDefault(evt);
+      _$jscoverage['plugins/enterkey.js'][70]++;
+      return;
+    }
+    _$jscoverage['plugins/enterkey.js'][72]++;
+    me.fireEvent("saveScene", true, true);
+    _$jscoverage['plugins/enterkey.js'][73]++;
+    hTag = "";
+    _$jscoverage['plugins/enterkey.js'][76]++;
+    var range = me.selection.getRange();
+    _$jscoverage['plugins/enterkey.js'][78]++;
+    if ((! range.collapsed)) {
+      _$jscoverage['plugins/enterkey.js'][80]++;
+      var start = range.startContainer, end = range.endContainer, startTd = domUtils.findParentByTagName(start, "td", true), endTd = domUtils.findParentByTagName(end, "td", true);
+      _$jscoverage['plugins/enterkey.js'][84]++;
+      if (((startTd && endTd && (startTd !== endTd)) || ((! startTd) && endTd) || (startTd && (! endTd)))) {
+        _$jscoverage['plugins/enterkey.js'][85]++;
+        (evt.preventDefault? evt.preventDefault(): (evt.returnValue = false));
+        _$jscoverage['plugins/enterkey.js'][86]++;
+        return;
+      }
+    }
+    _$jscoverage['plugins/enterkey.js'][89]++;
+    if ((tag == "p")) {
+      _$jscoverage['plugins/enterkey.js'][92]++;
+      if ((! browser.ie)) {
+        _$jscoverage['plugins/enterkey.js'][94]++;
+        start = domUtils.findParentByTagName(range.startContainer, ["ol", "ul", "p", "h1", "h2", "h3", "h4", "h5", "h6", "blockquote", "caption"], true);
+        _$jscoverage['plugins/enterkey.js'][98]++;
+        if (((! start) && (! browser.opera))) {
+          _$jscoverage['plugins/enterkey.js'][100]++;
+          me.document.execCommand("formatBlock", false, "<p>");
+          _$jscoverage['plugins/enterkey.js'][102]++;
+          if (browser.gecko) {
+            _$jscoverage['plugins/enterkey.js'][103]++;
+            range = me.selection.getRange();
+            _$jscoverage['plugins/enterkey.js'][104]++;
+            start = domUtils.findParentByTagName(range.startContainer, "p", true);
+            _$jscoverage['plugins/enterkey.js'][105]++;
+            (start && domUtils.removeDirtyAttr(start));
+          }
+        }
+        else {
+          _$jscoverage['plugins/enterkey.js'][110]++;
+          hTag = start.tagName;
+          _$jscoverage['plugins/enterkey.js'][111]++;
+          ((start.tagName.toLowerCase() == "p") && browser.gecko && domUtils.removeDirtyAttr(start));
+        }
+      }
+    }
+    else {
+      _$jscoverage['plugins/enterkey.js'][117]++;
+      (evt.preventDefault? evt.preventDefault(): (evt.returnValue = false));
+      _$jscoverage['plugins/enterkey.js'][119]++;
+      if ((! range.collapsed)) {
+        _$jscoverage['plugins/enterkey.js'][120]++;
+        range.deleteContents();
+        _$jscoverage['plugins/enterkey.js'][121]++;
+        start = range.startContainer;
+        _$jscoverage['plugins/enterkey.js'][122]++;
+        if (((start.nodeType == 1) && (start = start.childNodes[range.startOffset]))) {
+          _$jscoverage['plugins/enterkey.js'][123]++;
+          while ((start.nodeType == 1)) {
+            _$jscoverage['plugins/enterkey.js'][124]++;
+            if (dtd.$empty[start.tagName]) {
+              _$jscoverage['plugins/enterkey.js'][125]++;
+              range.setStartBefore(start).setCursor();
+              _$jscoverage['plugins/enterkey.js'][126]++;
+              if (me.undoManger) {
+                _$jscoverage['plugins/enterkey.js'][127]++;
+                me.undoManger.save();
+              }
+              _$jscoverage['plugins/enterkey.js'][129]++;
+              return false;
+            }
+            _$jscoverage['plugins/enterkey.js'][131]++;
+            if ((! start.firstChild)) {
+              _$jscoverage['plugins/enterkey.js'][132]++;
+              var br = range.document.createElement("br");
+              _$jscoverage['plugins/enterkey.js'][133]++;
+              start.appendChild(br);
+              _$jscoverage['plugins/enterkey.js'][134]++;
+              range.setStart(start, 0).setCursor();
+              _$jscoverage['plugins/enterkey.js'][135]++;
+              if (me.undoManger) {
+                _$jscoverage['plugins/enterkey.js'][136]++;
+                me.undoManger.save();
+              }
+              _$jscoverage['plugins/enterkey.js'][138]++;
+              return false;
+            }
+            _$jscoverage['plugins/enterkey.js'][140]++;
+            start = start.firstChild;
+}
+          _$jscoverage['plugins/enterkey.js'][142]++;
+          if ((start === range.startContainer.childNodes[range.startOffset])) {
+            _$jscoverage['plugins/enterkey.js'][143]++;
+            br = range.document.createElement("br");
+            _$jscoverage['plugins/enterkey.js'][144]++;
+            range.insertNode(br).setCursor();
+          }
+          else {
+            _$jscoverage['plugins/enterkey.js'][147]++;
+            range.setStart(start, 0).setCursor();
+          }
+        }
+        else {
+          _$jscoverage['plugins/enterkey.js'][152]++;
+          br = range.document.createElement("br");
+          _$jscoverage['plugins/enterkey.js'][153]++;
+          range.insertNode(br).setStartAfter(br).setCursor();
+        }
+      }
+      else {
+        _$jscoverage['plugins/enterkey.js'][158]++;
+        br = range.document.createElement("br");
+        _$jscoverage['plugins/enterkey.js'][159]++;
+        range.insertNode(br);
+        _$jscoverage['plugins/enterkey.js'][160]++;
+        var parent = br.parentNode;
+        _$jscoverage['plugins/enterkey.js'][161]++;
+        if ((parent.lastChild === br)) {
+          _$jscoverage['plugins/enterkey.js'][162]++;
+          br.parentNode.insertBefore(br.cloneNode(true), br);
+          _$jscoverage['plugins/enterkey.js'][163]++;
+          range.setStartBefore(br);
+        }
+        else {
+          _$jscoverage['plugins/enterkey.js'][165]++;
+          range.setStartAfter(br);
+        }
+        _$jscoverage['plugins/enterkey.js'][167]++;
+        range.setCursor();
+      }
+    }
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/fiximgclick.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/fiximgclick.js
new file mode 100644
index 000000000..b32a5f225
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/fiximgclick.js
@@ -0,0 +1,68 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/fiximgclick.js']) {
+  _$jscoverage['plugins/fiximgclick.js'] = [];
+  _$jscoverage['plugins/fiximgclick.js'][7] = 0;
+  _$jscoverage['plugins/fiximgclick.js'][8] = 0;
+  _$jscoverage['plugins/fiximgclick.js'][9] = 0;
+  _$jscoverage['plugins/fiximgclick.js'][10] = 0;
+  _$jscoverage['plugins/fiximgclick.js'][11] = 0;
+  _$jscoverage['plugins/fiximgclick.js'][12] = 0;
+  _$jscoverage['plugins/fiximgclick.js'][13] = 0;
+}
+_$jscoverage['plugins/fiximgclick.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#20462;&#22797;chrome&#19979;&#22270;&#29255;&#19981;&#33021;&#28857;&#20987;&#30340;&#38382;&#39064;</span>","<span class=\"c\">///commandsName  FixImgClick</span>","<span class=\"c\">///commandsTitle  &#20462;&#22797;chrome&#19979;&#22270;&#29255;&#19981;&#33021;&#28857;&#20987;&#30340;&#38382;&#39064;</span>","<span class=\"c\">//&#20462;&#22797;chrome&#19979;&#22270;&#29255;&#19981;&#33021;&#28857;&#20987;&#30340;&#38382;&#39064;</span>","<span class=\"c\">//todo &#21487;&#20197;&#25913;&#22823;&#23567;</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'fiximgclick'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    <span class=\"k\">if</span> <span class=\"k\">(</span> browser<span class=\"k\">.</span>webkit <span class=\"k\">)</span> <span class=\"k\">{</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span> <span class=\"s\">'click'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> type<span class=\"k\">,</span> e <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> e<span class=\"k\">.</span>target<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'IMG'</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">new</span> dom<span class=\"k\">.</span>Range<span class=\"k\">(</span> me<span class=\"k\">.</span>document <span class=\"k\">);</span>","                range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span> e<span class=\"k\">.</span>target <span class=\"k\">).</span>select<span class=\"k\">();</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">);</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/fiximgclick.js'][7]++;
+UE.plugins.fiximgclick = (function () {
+  _$jscoverage['plugins/fiximgclick.js'][8]++;
+  var me = this;
+  _$jscoverage['plugins/fiximgclick.js'][9]++;
+  if (browser.webkit) {
+    _$jscoverage['plugins/fiximgclick.js'][10]++;
+    me.addListener("click", (function (type, e) {
+  _$jscoverage['plugins/fiximgclick.js'][11]++;
+  if ((e.target.tagName == "IMG")) {
+    _$jscoverage['plugins/fiximgclick.js'][12]++;
+    var range = new (dom.Range)(me.document);
+    _$jscoverage['plugins/fiximgclick.js'][13]++;
+    range.selectNode(e.target).select();
+  }
+}));
+  }
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/font.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/font.js
new file mode 100644
index 000000000..7cfdc6709
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/font.js
@@ -0,0 +1,646 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/font.js']) {
+  _$jscoverage['plugins/font.js'] = [];
+  _$jscoverage['plugins/font.js'][197] = 0;
+  _$jscoverage['plugins/font.js'][198] = 0;
+  _$jscoverage['plugins/font.js'][216] = 0;
+  _$jscoverage['plugins/font.js'][233] = 0;
+  _$jscoverage['plugins/font.js'][234] = 0;
+  _$jscoverage['plugins/font.js'][235] = 0;
+  _$jscoverage['plugins/font.js'][236] = 0;
+  _$jscoverage['plugins/font.js'][237] = 0;
+  _$jscoverage['plugins/font.js'][239] = 0;
+  _$jscoverage['plugins/font.js'][240] = 0;
+  _$jscoverage['plugins/font.js'][241] = 0;
+  _$jscoverage['plugins/font.js'][244] = 0;
+  _$jscoverage['plugins/font.js'][249] = 0;
+  _$jscoverage['plugins/font.js'][250] = 0;
+  _$jscoverage['plugins/font.js'][251] = 0;
+  _$jscoverage['plugins/font.js'][252] = 0;
+  _$jscoverage['plugins/font.js'][253] = 0;
+  _$jscoverage['plugins/font.js'][254] = 0;
+  _$jscoverage['plugins/font.js'][255] = 0;
+  _$jscoverage['plugins/font.js'][256] = 0;
+  _$jscoverage['plugins/font.js'][257] = 0;
+  _$jscoverage['plugins/font.js'][258] = 0;
+  _$jscoverage['plugins/font.js'][259] = 0;
+  _$jscoverage['plugins/font.js'][261] = 0;
+  _$jscoverage['plugins/font.js'][262] = 0;
+  _$jscoverage['plugins/font.js'][263] = 0;
+  _$jscoverage['plugins/font.js'][266] = 0;
+  _$jscoverage['plugins/font.js'][272] = 0;
+  _$jscoverage['plugins/font.js'][273] = 0;
+  _$jscoverage['plugins/font.js'][275] = 0;
+  _$jscoverage['plugins/font.js'][276] = 0;
+  _$jscoverage['plugins/font.js'][277] = 0;
+  _$jscoverage['plugins/font.js'][278] = 0;
+  _$jscoverage['plugins/font.js'][281] = 0;
+  _$jscoverage['plugins/font.js'][283] = 0;
+  _$jscoverage['plugins/font.js'][284] = 0;
+  _$jscoverage['plugins/font.js'][285] = 0;
+  _$jscoverage['plugins/font.js'][286] = 0;
+  _$jscoverage['plugins/font.js'][287] = 0;
+  _$jscoverage['plugins/font.js'][289] = 0;
+  _$jscoverage['plugins/font.js'][291] = 0;
+  _$jscoverage['plugins/font.js'][293] = 0;
+  _$jscoverage['plugins/font.js'][294] = 0;
+  _$jscoverage['plugins/font.js'][296] = 0;
+  _$jscoverage['plugins/font.js'][297] = 0;
+  _$jscoverage['plugins/font.js'][298] = 0;
+  _$jscoverage['plugins/font.js'][299] = 0;
+  _$jscoverage['plugins/font.js'][300] = 0;
+  _$jscoverage['plugins/font.js'][301] = 0;
+  _$jscoverage['plugins/font.js'][302] = 0;
+  _$jscoverage['plugins/font.js'][304] = 0;
+  _$jscoverage['plugins/font.js'][305] = 0;
+  _$jscoverage['plugins/font.js'][306] = 0;
+  _$jscoverage['plugins/font.js'][308] = 0;
+  _$jscoverage['plugins/font.js'][309] = 0;
+  _$jscoverage['plugins/font.js'][310] = 0;
+  _$jscoverage['plugins/font.js'][315] = 0;
+  _$jscoverage['plugins/font.js'][316] = 0;
+  _$jscoverage['plugins/font.js'][318] = 0;
+  _$jscoverage['plugins/font.js'][319] = 0;
+  _$jscoverage['plugins/font.js'][320] = 0;
+  _$jscoverage['plugins/font.js'][325] = 0;
+  _$jscoverage['plugins/font.js'][326] = 0;
+  _$jscoverage['plugins/font.js'][329] = 0;
+  _$jscoverage['plugins/font.js'][330] = 0;
+  _$jscoverage['plugins/font.js'][331] = 0;
+  _$jscoverage['plugins/font.js'][332] = 0;
+  _$jscoverage['plugins/font.js'][333] = 0;
+  _$jscoverage['plugins/font.js'][334] = 0;
+  _$jscoverage['plugins/font.js'][336] = 0;
+  _$jscoverage['plugins/font.js'][337] = 0;
+  _$jscoverage['plugins/font.js'][339] = 0;
+  _$jscoverage['plugins/font.js'][340] = 0;
+  _$jscoverage['plugins/font.js'][342] = 0;
+  _$jscoverage['plugins/font.js'][343] = 0;
+  _$jscoverage['plugins/font.js'][345] = 0;
+  _$jscoverage['plugins/font.js'][348] = 0;
+  _$jscoverage['plugins/font.js'][352] = 0;
+  _$jscoverage['plugins/font.js'][353] = 0;
+  _$jscoverage['plugins/font.js'][357] = 0;
+  _$jscoverage['plugins/font.js'][409] = 0;
+  _$jscoverage['plugins/font.js'][410] = 0;
+  _$jscoverage['plugins/font.js'][411] = 0;
+  _$jscoverage['plugins/font.js'][413] = 0;
+  _$jscoverage['plugins/font.js'][416] = 0;
+  _$jscoverage['plugins/font.js'][420] = 0;
+  _$jscoverage['plugins/font.js'][422] = 0;
+  _$jscoverage['plugins/font.js'][423] = 0;
+  _$jscoverage['plugins/font.js'][424] = 0;
+  _$jscoverage['plugins/font.js'][427] = 0;
+  _$jscoverage['plugins/font.js'][428] = 0;
+  _$jscoverage['plugins/font.js'][429] = 0;
+  _$jscoverage['plugins/font.js'][430] = 0;
+  _$jscoverage['plugins/font.js'][432] = 0;
+  _$jscoverage['plugins/font.js'][433] = 0;
+  _$jscoverage['plugins/font.js'][435] = 0;
+  _$jscoverage['plugins/font.js'][436] = 0;
+  _$jscoverage['plugins/font.js'][437] = 0;
+  _$jscoverage['plugins/font.js'][439] = 0;
+  _$jscoverage['plugins/font.js'][441] = 0;
+  _$jscoverage['plugins/font.js'][442] = 0;
+  _$jscoverage['plugins/font.js'][443] = 0;
+  _$jscoverage['plugins/font.js'][446] = 0;
+  _$jscoverage['plugins/font.js'][447] = 0;
+  _$jscoverage['plugins/font.js'][448] = 0;
+  _$jscoverage['plugins/font.js'][450] = 0;
+  _$jscoverage['plugins/font.js'][451] = 0;
+  _$jscoverage['plugins/font.js'][452] = 0;
+  _$jscoverage['plugins/font.js'][453] = 0;
+  _$jscoverage['plugins/font.js'][455] = 0;
+  _$jscoverage['plugins/font.js'][456] = 0;
+  _$jscoverage['plugins/font.js'][459] = 0;
+  _$jscoverage['plugins/font.js'][460] = 0;
+  _$jscoverage['plugins/font.js'][464] = 0;
+  _$jscoverage['plugins/font.js'][465] = 0;
+  _$jscoverage['plugins/font.js'][466] = 0;
+  _$jscoverage['plugins/font.js'][468] = 0;
+  _$jscoverage['plugins/font.js'][470] = 0;
+  _$jscoverage['plugins/font.js'][471] = 0;
+  _$jscoverage['plugins/font.js'][472] = 0;
+  _$jscoverage['plugins/font.js'][473] = 0;
+  _$jscoverage['plugins/font.js'][475] = 0;
+  _$jscoverage['plugins/font.js'][478] = 0;
+  _$jscoverage['plugins/font.js'][481] = 0;
+  _$jscoverage['plugins/font.js'][483] = 0;
+  _$jscoverage['plugins/font.js'][484] = 0;
+  _$jscoverage['plugins/font.js'][485] = 0;
+  _$jscoverage['plugins/font.js'][486] = 0;
+  _$jscoverage['plugins/font.js'][488] = 0;
+  _$jscoverage['plugins/font.js'][490] = 0;
+  _$jscoverage['plugins/font.js'][495] = 0;
+  _$jscoverage['plugins/font.js'][496] = 0;
+  _$jscoverage['plugins/font.js'][497] = 0;
+  _$jscoverage['plugins/font.js'][498] = 0;
+  _$jscoverage['plugins/font.js'][499] = 0;
+  _$jscoverage['plugins/font.js'][502] = 0;
+  _$jscoverage['plugins/font.js'][503] = 0;
+  _$jscoverage['plugins/font.js'][504] = 0;
+  _$jscoverage['plugins/font.js'][510] = 0;
+  _$jscoverage['plugins/font.js'][515] = 0;
+  _$jscoverage['plugins/font.js'][518] = 0;
+  _$jscoverage['plugins/font.js'][521] = 0;
+  _$jscoverage['plugins/font.js'][522] = 0;
+  _$jscoverage['plugins/font.js'][523] = 0;
+  _$jscoverage['plugins/font.js'][524] = 0;
+  _$jscoverage['plugins/font.js'][525] = 0;
+  _$jscoverage['plugins/font.js'][527] = 0;
+  _$jscoverage['plugins/font.js'][528] = 0;
+  _$jscoverage['plugins/font.js'][532] = 0;
+  _$jscoverage['plugins/font.js'][534] = 0;
+  _$jscoverage['plugins/font.js'][536] = 0;
+  _$jscoverage['plugins/font.js'][537] = 0;
+  _$jscoverage['plugins/font.js'][538] = 0;
+  _$jscoverage['plugins/font.js'][539] = 0;
+  _$jscoverage['plugins/font.js'][540] = 0;
+  _$jscoverage['plugins/font.js'][541] = 0;
+  _$jscoverage['plugins/font.js'][544] = 0;
+  _$jscoverage['plugins/font.js'][546] = 0;
+  _$jscoverage['plugins/font.js'][549] = 0;
+  _$jscoverage['plugins/font.js'][550] = 0;
+  _$jscoverage['plugins/font.js'][553] = 0;
+  _$jscoverage['plugins/font.js'][555] = 0;
+  _$jscoverage['plugins/font.js'][559] = 0;
+  _$jscoverage['plugins/font.js'][563] = 0;
+  _$jscoverage['plugins/font.js'][566] = 0;
+  _$jscoverage['plugins/font.js'][567] = 0;
+  _$jscoverage['plugins/font.js'][568] = 0;
+  _$jscoverage['plugins/font.js'][569] = 0;
+  _$jscoverage['plugins/font.js'][570] = 0;
+  _$jscoverage['plugins/font.js'][572] = 0;
+}
+_$jscoverage['plugins/font.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#23383;&#20307;&#39068;&#33394;,&#32972;&#26223;&#33394;,&#23383;&#21495;,&#23383;&#20307;,&#19979;&#21010;&#32447;,&#21024;&#38500;&#32447;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#23383;&#20307;&#39068;&#33394;</span>","<span class=\"c\"> * @command forecolor</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { String } value &#33394;&#20540;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'forecolor', '#000' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#23383;&#20307;&#39068;&#33394;</span>","<span class=\"c\"> * @command forecolor</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { String } &#36820;&#22238;&#23383;&#20307;&#39068;&#33394;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'forecolor' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#23383;&#20307;&#32972;&#26223;&#39068;&#33394;</span>","<span class=\"c\"> * @command backcolor</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { String } value &#33394;&#20540;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'backcolor', '#000' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#23383;&#20307;&#39068;&#33394;</span>","<span class=\"c\"> * @command backcolor</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { String } &#36820;&#22238;&#23383;&#20307;&#32972;&#26223;&#39068;&#33394;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'backcolor' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#23383;&#20307;&#22823;&#23567;</span>","<span class=\"c\"> * @command fontsize</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { String } value &#23383;&#20307;&#22823;&#23567;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'fontsize', '14px' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#23383;&#20307;&#22823;&#23567;</span>","<span class=\"c\"> * @command fontsize</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { String } &#36820;&#22238;&#23383;&#20307;&#22823;&#23567;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'fontsize' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#23383;&#20307;&#26679;&#24335;</span>","<span class=\"c\"> * @command fontfamily</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { String } value &#23383;&#20307;&#22823;&#23567;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'fontfamily', '&#24494;&#36719;&#38597;&#40657;' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#23383;&#20307;&#26679;&#24335;</span>","<span class=\"c\"> * @command fontfamily</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { String } &#36820;&#22238;&#23383;&#20307;&#26679;&#24335;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'fontfamily' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26681;&#25454;&#36873;&#21306;&#20869;&#25991;&#26412;&#26377;&#26080;&#19979;&#21010;&#32447;&#35774;&#32622;&#23383;&#20307;&#19979;&#21010;&#32447;</span>","<span class=\"c\"> * @command underline</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'underline' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#19979;&#21010;&#32447;&#26679;&#24335;</span>","<span class=\"c\"> * @command underline</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { String } underline|default</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'underline' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#26377;&#26080;&#19979;&#21010;&#32447;</span>","<span class=\"c\"> * @command underline</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { Bool }true&#20026;&#26377;&#19979;&#21010;&#32447;&#65292;&#21453;&#20043;&#21017;&#26080;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'underline' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26681;&#25454;&#36873;&#21306;&#20869;&#25991;&#26412;&#26377;&#26080;&#21024;&#38500;&#32447;&#35774;&#32622;&#23383;&#20307;&#21024;&#38500;&#32447;</span>","<span class=\"c\"> * @command strikethrough</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'strikethrough' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#21024;&#38500;&#32447;&#26679;&#24335;</span>","<span class=\"c\"> * @command strikethrough</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { String } line-through|default</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'strikethrough' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#26377;&#26080;&#21024;&#38500;&#32447;</span>","<span class=\"c\"> * @command strikethrough</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { Bool }true&#20026;&#26377;&#21024;&#38500;&#32447;&#65292;&#21453;&#20043;&#21017;&#26080;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'strikethrough' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26681;&#25454;&#36873;&#21306;&#20869;&#25991;&#26412;&#26377;&#26080;&#23383;&#20307;&#36793;&#26694;&#35774;&#32622;&#23383;&#20307;&#36793;&#26694;</span>","<span class=\"c\"> * @command fontborder</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'fontborder' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#23383;&#20307;&#36793;&#26694;&#26679;&#24335;</span>","<span class=\"c\"> * @command fontborder</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { String } &#23383;&#20307;&#36793;&#26694;&#26679;&#24335;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'fontborder' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#26377;&#26080;&#23383;&#20307;&#36793;&#26694;</span>","<span class=\"c\"> * @command fontborder</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { Bool }true&#20026;&#26377;&#23383;&#20307;&#36793;&#26694;&#65292;&#21453;&#20043;&#21017;&#26080;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'fontborder' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'font'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        fonts <span class=\"k\">=</span> <span class=\"k\">{</span>","            <span class=\"s\">'forecolor'</span><span class=\"k\">:</span> <span class=\"s\">'color'</span><span class=\"k\">,</span>","            <span class=\"s\">'backcolor'</span><span class=\"k\">:</span> <span class=\"s\">'background-color'</span><span class=\"k\">,</span>","            <span class=\"s\">'fontsize'</span><span class=\"k\">:</span> <span class=\"s\">'font-size'</span><span class=\"k\">,</span>","            <span class=\"s\">'fontfamily'</span><span class=\"k\">:</span> <span class=\"s\">'font-family'</span><span class=\"k\">,</span>","            <span class=\"s\">'underline'</span><span class=\"k\">:</span> <span class=\"s\">'text-decoration'</span><span class=\"k\">,</span>","            <span class=\"s\">'strikethrough'</span><span class=\"k\">:</span> <span class=\"s\">'text-decoration'</span><span class=\"k\">,</span>","            <span class=\"s\">'fontborder'</span><span class=\"k\">:</span> <span class=\"s\">'border'</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        needCmd <span class=\"k\">=</span> <span class=\"k\">{</span><span class=\"s\">'underline'</span><span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"s\">'strikethrough'</span><span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"s\">'fontborder'</span><span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">,</span>","        needSetChild <span class=\"k\">=</span> <span class=\"k\">{</span>","            <span class=\"s\">'forecolor'</span><span class=\"k\">:</span> <span class=\"s\">'color'</span><span class=\"k\">,</span>","            <span class=\"s\">'backcolor'</span><span class=\"k\">:</span> <span class=\"s\">'background-color'</span><span class=\"k\">,</span>","            <span class=\"s\">'fontsize'</span><span class=\"k\">:</span> <span class=\"s\">'font-size'</span><span class=\"k\">,</span>","            <span class=\"s\">'fontfamily'</span><span class=\"k\">:</span> <span class=\"s\">'font-family'</span>","","        <span class=\"k\">}</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","        <span class=\"s\">'fontfamily'</span><span class=\"k\">:</span> <span class=\"k\">[</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'songti'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'&#23435;&#20307;,SimSun'</span><span class=\"k\">}</span><span class=\"k\">,</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'yahei'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'&#24494;&#36719;&#38597;&#40657;,Microsoft YaHei'</span><span class=\"k\">}</span><span class=\"k\">,</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'kaiti'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'&#26999;&#20307;,&#26999;&#20307;_GB2312, SimKai'</span><span class=\"k\">}</span><span class=\"k\">,</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'heiti'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'&#40657;&#20307;, SimHei'</span><span class=\"k\">}</span><span class=\"k\">,</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'lishu'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'&#38582;&#20070;, SimLi'</span><span class=\"k\">}</span><span class=\"k\">,</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'andaleMono'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'andale mono'</span><span class=\"k\">}</span><span class=\"k\">,</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'arial'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'arial, helvetica,sans-serif'</span><span class=\"k\">}</span><span class=\"k\">,</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'arialBlack'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'arial black,avant garde'</span><span class=\"k\">}</span><span class=\"k\">,</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'comicSansMs'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'comic sans ms'</span><span class=\"k\">}</span><span class=\"k\">,</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'impact'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'impact,chicago'</span><span class=\"k\">}</span><span class=\"k\">,</span>","            <span class=\"k\">{</span> name<span class=\"k\">:</span> <span class=\"s\">'timesNewRoman'</span><span class=\"k\">,</span> val<span class=\"k\">:</span> <span class=\"s\">'times new roman'</span><span class=\"k\">}</span>","        <span class=\"k\">],</span>","        <span class=\"s\">'fontsize'</span><span class=\"k\">:</span> <span class=\"k\">[</span><span class=\"s\">10</span><span class=\"k\">,</span> <span class=\"s\">11</span><span class=\"k\">,</span> <span class=\"s\">12</span><span class=\"k\">,</span> <span class=\"s\">14</span><span class=\"k\">,</span> <span class=\"s\">16</span><span class=\"k\">,</span> <span class=\"s\">18</span><span class=\"k\">,</span> <span class=\"s\">20</span><span class=\"k\">,</span> <span class=\"s\">24</span><span class=\"k\">,</span> <span class=\"s\">36</span><span class=\"k\">]</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"k\">function</span> mergeWithParent<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> parent<span class=\"k\">;</span>","        <span class=\"k\">while</span><span class=\"k\">(</span>parent <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'SPAN'</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>getChildCount<span class=\"k\">(</span>parent<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>child<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>child<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>child<span class=\"k\">)</span>","            <span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                parent<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+=</span> node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                node <span class=\"k\">=</span> parent<span class=\"k\">;</span>","","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span>","    <span class=\"k\">function</span> mergeChild<span class=\"k\">(</span>rng<span class=\"k\">,</span>cmdName<span class=\"k\">,</span>value<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>needSetChild<span class=\"k\">[</span>cmdName<span class=\"k\">])</span><span class=\"k\">{</span>","            rng<span class=\"k\">.</span>adjustmentBoundary<span class=\"k\">();</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>rng<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> start <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>rng<span class=\"k\">.</span>startOffset<span class=\"k\">];</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isTagNode<span class=\"k\">(</span>start<span class=\"k\">,</span><span class=\"s\">'span'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","                    utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"s\">'span'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>span<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>span<span class=\"k\">.</span>parentNode <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>span<span class=\"k\">))</span><span class=\"k\">return</span><span class=\"k\">;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>cmdName <span class=\"k\">==</span> <span class=\"s\">'backcolor'</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>span<span class=\"k\">,</span><span class=\"s\">'background-color'</span><span class=\"k\">).</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">===</span> value<span class=\"k\">)</span><span class=\"k\">{</span>","                            <span class=\"k\">return</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        domUtils<span class=\"k\">.</span>removeStyle<span class=\"k\">(</span>span<span class=\"k\">,</span>needSetChild<span class=\"k\">[</span>cmdName<span class=\"k\">]);</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/^\\s+$/</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">).</span>length <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>span<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span>","    <span class=\"k\">function</span> mergesibling<span class=\"k\">(</span>rng<span class=\"k\">,</span>cmdName<span class=\"k\">,</span>value<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> collapsed <span class=\"k\">=</span> rng<span class=\"k\">.</span>collapsed<span class=\"k\">,</span>","            bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span> common<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","            common <span class=\"k\">=</span> bk<span class=\"k\">.</span>start<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$inline<span class=\"k\">[</span>common<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                common <span class=\"k\">=</span> common<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            common <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getCommonAncestor<span class=\"k\">(</span>bk<span class=\"k\">.</span>start<span class=\"k\">,</span> bk<span class=\"k\">.</span>end<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>common<span class=\"k\">,</span> <span class=\"s\">'span'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>span<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>span<span class=\"k\">.</span>parentNode <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>span<span class=\"k\">))</span><span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/\\s*border\\s*:\\s*none;?\\s*/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/^\\s*border\\s*:\\s*none;?\\s*$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">))</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>span<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>removeStyle<span class=\"k\">(</span>span<span class=\"k\">,</span><span class=\"s\">'border'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/border/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> span<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'SPAN'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/border/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>span<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">))</span> <span class=\"k\">{</span>","                span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/border[^:]*:[^;]+;?/gi</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span><span class=\"k\">(!(</span>cmdName<span class=\"k\">==</span><span class=\"s\">'fontborder'</span> <span class=\"k\">&amp;&amp;</span> value<span class=\"k\">==</span><span class=\"s\">'none'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> next <span class=\"k\">=</span> span<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span>next <span class=\"k\">&amp;&amp;</span> next<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> next<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'SPAN'</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>next<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> cmdName <span class=\"k\">==</span> <span class=\"s\">'fontborder'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        span<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>next<span class=\"k\">);</span>","                        next <span class=\"k\">=</span> span<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                        <span class=\"k\">continue</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>next<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">==</span> span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">)</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>moveChild<span class=\"k\">(</span>next<span class=\"k\">,</span> span<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>next<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>span<span class=\"k\">.</span>nextSibling <span class=\"k\">===</span> next<span class=\"k\">)</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    next <span class=\"k\">=</span> span<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","","            mergeWithParent<span class=\"k\">(</span>span<span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&gt;</span> <span class=\"s\">8</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"c\">//&#25335;&#36125;&#29238;&#20146;&#20204;&#30340;&#29305;&#21035;&#30340;&#23646;&#24615;,&#36825;&#37324;&#21482;&#20570;&#32972;&#26223;&#39068;&#33394;&#30340;&#22788;&#29702;</span>","                <span class=\"k\">var</span> parent <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>span<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>n<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> n<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'SPAN'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/background-color/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>n<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>parent <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span><span class=\"s\">/background-color/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">))</span><span class=\"k\">{</span>","                    span<span class=\"k\">.</span>style<span class=\"k\">.</span>backgroundColor <span class=\"k\">=</span> parent<span class=\"k\">.</span>style<span class=\"k\">.</span>backgroundColor<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">);</span>","        rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">);</span>","        mergeChild<span class=\"k\">(</span>rng<span class=\"k\">,</span>cmdName<span class=\"k\">,</span>value<span class=\"k\">)</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addInputRule<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>root<span class=\"k\">)</span> <span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'u s del font strike'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'font'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> cssStyle <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> node<span class=\"k\">.</span>attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">switch</span> <span class=\"k\">(</span>p<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">case</span> <span class=\"s\">'size'</span><span class=\"k\">:</span>","                            cssStyle<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'font-size:'</span> <span class=\"k\">+</span> node<span class=\"k\">.</span>attrs<span class=\"k\">[</span>p<span class=\"k\">]</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">);</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">case</span> <span class=\"s\">'color'</span><span class=\"k\">:</span>","                            cssStyle<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'color:'</span> <span class=\"k\">+</span> node<span class=\"k\">.</span>attrs<span class=\"k\">[</span>p<span class=\"k\">]);</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">case</span> <span class=\"s\">'face'</span><span class=\"k\">:</span>","                            cssStyle<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'font-family:'</span> <span class=\"k\">+</span> node<span class=\"k\">.</span>attrs<span class=\"k\">[</span>p<span class=\"k\">]);</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">case</span> <span class=\"s\">'style'</span><span class=\"k\">:</span>","                            cssStyle<span class=\"k\">.</span>push<span class=\"k\">(</span>node<span class=\"k\">.</span>attrs<span class=\"k\">[</span>p<span class=\"k\">]);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                node<span class=\"k\">.</span>attrs <span class=\"k\">=</span> <span class=\"k\">{</span>","                    <span class=\"s\">'style'</span><span class=\"k\">:</span> cssStyle<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">';'</span><span class=\"k\">)</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> val <span class=\"k\">=</span> node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'u'</span> <span class=\"k\">?</span> <span class=\"s\">'underline'</span> <span class=\"k\">:</span> <span class=\"s\">'line-through'</span><span class=\"k\">;</span>","                node<span class=\"k\">.</span>attrs <span class=\"k\">=</span> <span class=\"k\">{</span>","                    <span class=\"s\">'style'</span><span class=\"k\">:</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'style'</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'text-decoration:'</span> <span class=\"k\">+</span> val <span class=\"k\">+</span> <span class=\"s\">';'</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            node<span class=\"k\">.</span>tagName <span class=\"k\">=</span> <span class=\"s\">'span'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"c\">//        utils.each(root.getNodesByTagName('span'), function (node) {</span>","<span class=\"c\">//            var val;</span>","<span class=\"c\">//            if(val = node.getAttr('class')){</span>","<span class=\"c\">//                if(/fontstrikethrough/.test(val)){</span>","<span class=\"c\">//                    node.setStyle('text-decoration','line-through');</span>","<span class=\"c\">//                    if(node.attrs['class']){</span>","<span class=\"c\">//                        node.attrs['class'] = node.attrs['class'].replace(/fontstrikethrough/,'');</span>","<span class=\"c\">//                    }else{</span>","<span class=\"c\">//                        node.setAttr('class')</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//                }</span>","<span class=\"c\">//                if(/fontborder/.test(val)){</span>","<span class=\"c\">//                    node.setStyle('border','1px solid #000');</span>","<span class=\"c\">//                    if(node.attrs['class']){</span>","<span class=\"c\">//                        node.attrs['class'] = node.attrs['class'].replace(/fontborder/,'');</span>","<span class=\"c\">//                    }else{</span>","<span class=\"c\">//                        node.setAttr('class')</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//                }</span>","<span class=\"c\">//            }</span>","<span class=\"c\">//        });</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"c\">//    me.addOutputRule(function(root){</span>","<span class=\"c\">//        utils.each(root.getNodesByTagName('span'), function (node) {</span>","<span class=\"c\">//            var val;</span>","<span class=\"c\">//            if(val = node.getStyle('text-decoration')){</span>","<span class=\"c\">//                if(/line-through/.test(val)){</span>","<span class=\"c\">//                    if(node.attrs['class']){</span>","<span class=\"c\">//                        node.attrs['class'] += ' fontstrikethrough';</span>","<span class=\"c\">//                    }else{</span>","<span class=\"c\">//                        node.setAttr('class','fontstrikethrough')</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//                }</span>","<span class=\"c\">//</span>","<span class=\"c\">//                node.setStyle('text-decoration')</span>","<span class=\"c\">//            }</span>","<span class=\"c\">//            if(val = node.getStyle('border')){</span>","<span class=\"c\">//                if(/1px/.test(val) &amp;&amp; /solid/.test(val)){</span>","<span class=\"c\">//                    if(node.attrs['class']){</span>","<span class=\"c\">//                        node.attrs['class'] += ' fontborder';</span>","<span class=\"c\">//</span>","<span class=\"c\">//                    }else{</span>","<span class=\"c\">//                        node.setAttr('class','fontborder')</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//                }</span>","<span class=\"c\">//                node.setStyle('border')</span>","<span class=\"c\">//</span>","<span class=\"c\">//            }</span>","<span class=\"c\">//        });</span>","<span class=\"c\">//    });</span>","    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> fonts<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> style<span class=\"k\">)</span> <span class=\"k\">{</span>","            UE<span class=\"k\">.</span>commands<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","                execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">,</span> value<span class=\"k\">)</span> <span class=\"k\">{</span>","                    value <span class=\"k\">=</span> value <span class=\"k\">||</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmdName<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">'none'</span> <span class=\"k\">:</span> cmdName <span class=\"k\">==</span> <span class=\"s\">'underline'</span> <span class=\"k\">?</span> <span class=\"s\">'underline'</span> <span class=\"k\">:</span>","                        cmdName <span class=\"k\">==</span> <span class=\"s\">'fontborder'</span> <span class=\"k\">?</span> <span class=\"s\">'1px solid #000'</span> <span class=\"k\">:</span>","                            <span class=\"s\">'line-through'</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                        range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                        text<span class=\"k\">;</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>value <span class=\"k\">==</span> <span class=\"s\">'default'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","","                        <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                            text <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'font'</span><span class=\"k\">);</span>","                            range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>text<span class=\"k\">).</span>select<span class=\"k\">();</span>","","                        <span class=\"k\">}</span>","                        me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'removeFormat'</span><span class=\"k\">,</span> <span class=\"s\">'span,a'</span><span class=\"k\">,</span> style<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>text<span class=\"k\">)</span> <span class=\"k\">{</span>","                            range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>text<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>text<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        mergesibling<span class=\"k\">(</span>range<span class=\"k\">,</span>cmdName<span class=\"k\">,</span>value<span class=\"k\">);</span>","                        range<span class=\"k\">.</span>select<span class=\"k\">()</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>needCmd<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span>cmd<span class=\"k\">))</span> <span class=\"k\">{</span>","                                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'removeFormat'</span><span class=\"k\">,</span> <span class=\"s\">'span,a'</span><span class=\"k\">,</span> style<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","","                            range<span class=\"k\">.</span>applyInlineStyle<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">,</span> <span class=\"k\">{</span><span class=\"s\">'style'</span><span class=\"k\">:</span> style <span class=\"k\">+</span> <span class=\"s\">':'</span> <span class=\"k\">+</span> value<span class=\"k\">}</span><span class=\"k\">);</span>","                            mergesibling<span class=\"k\">(</span>range<span class=\"k\">,</span> cmdName<span class=\"k\">,</span>value<span class=\"k\">);</span>","                            range<span class=\"k\">.</span>select<span class=\"k\">();</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                            <span class=\"k\">var</span> span <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'span'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                            text <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'font'</span><span class=\"k\">);</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>span <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>span<span class=\"k\">.</span>children<span class=\"k\">.</span>length <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>span<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span> <span class=\"k\">:</span> <span class=\"s\">'textContent'</span><span class=\"k\">].</span>replace<span class=\"k\">(</span>fillCharReg<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"c\">//for ie hack when enter</span>","                                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>text<span class=\"k\">);</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>needCmd<span class=\"k\">[</span>cmd<span class=\"k\">])</span> <span class=\"k\">{</span>","                                    range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>text<span class=\"k\">).</span>select<span class=\"k\">();</span>","                                    me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'removeFormat'</span><span class=\"k\">,</span> <span class=\"s\">'span,a'</span><span class=\"k\">,</span> style<span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">);</span>","","                                    span <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>text<span class=\"k\">,</span> <span class=\"s\">'span'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                                    range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>text<span class=\"k\">);</span>","","                                <span class=\"k\">}</span>","                                span <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+=</span> <span class=\"s\">';'</span> <span class=\"k\">+</span> style <span class=\"k\">+</span> <span class=\"s\">':'</span> <span class=\"k\">+</span> value<span class=\"k\">);</span>","                                range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">();</span>","","","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>text<span class=\"k\">);</span>","                                range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>text<span class=\"k\">).</span>select<span class=\"k\">();</span>","                                span <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","","                                <span class=\"k\">if</span> <span class=\"k\">(</span>needCmd<span class=\"k\">[</span>cmd<span class=\"k\">])</span> <span class=\"k\">{</span>","                                    <span class=\"c\">//a&#26631;&#31614;&#20869;&#30340;&#19981;&#22788;&#29702;&#36339;&#36807;</span>","                                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>text<span class=\"k\">,</span> <span class=\"s\">'a'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                                        range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>text<span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","                                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>text<span class=\"k\">);</span>","                                        <span class=\"k\">return</span><span class=\"k\">;</span>","                                    <span class=\"k\">}</span>","                                    me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'removeFormat'</span><span class=\"k\">,</span> <span class=\"s\">'span,a'</span><span class=\"k\">,</span> style<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","","                                span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> style <span class=\"k\">+</span> <span class=\"s\">':'</span> <span class=\"k\">+</span> value<span class=\"k\">;</span>","","","                                text<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>span<span class=\"k\">,</span> text<span class=\"k\">);</span>","                                <span class=\"c\">//&#20462;&#22797;&#65292;span&#22871;span &#20294;&#26679;&#24335;&#19981;&#32487;&#25215;&#30340;&#38382;&#39064;</span>","                                <span class=\"k\">if</span> <span class=\"k\">(!</span>browser<span class=\"k\">.</span>ie <span class=\"k\">||</span> browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">==</span> <span class=\"s\">9</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                                    <span class=\"k\">var</span> spanParent <span class=\"k\">=</span> span<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                                    <span class=\"k\">while</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>spanParent<span class=\"k\">))</span> <span class=\"k\">{</span>","                                        <span class=\"k\">if</span> <span class=\"k\">(</span>spanParent<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'SPAN'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                                            <span class=\"c\">//opera&#21512;&#24182;style&#19981;&#20250;&#21152;&#20837;\";\"</span>","                                            span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> spanParent<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+</span> <span class=\"s\">\";\"</span> <span class=\"k\">+</span> span<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                                        <span class=\"k\">}</span>","                                        spanParent <span class=\"k\">=</span> spanParent<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span>","","","                                <span class=\"k\">if</span> <span class=\"k\">(</span>opera<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>span<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                        mergesibling<span class=\"k\">(</span>range<span class=\"k\">,</span> cmdName<span class=\"k\">,</span>value<span class=\"k\">);</span>","                                        range<span class=\"k\">.</span>select<span class=\"k\">();</span>","                                    <span class=\"k\">}</span><span class=\"k\">);</span>","                                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>span<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                    mergesibling<span class=\"k\">(</span>range<span class=\"k\">,</span>cmdName<span class=\"k\">,</span>value<span class=\"k\">);</span>","                                    range<span class=\"k\">.</span>select<span class=\"k\">();</span>","                                <span class=\"k\">}</span>","","                                <span class=\"c\">//trace:981</span>","                                <span class=\"c\">//domUtils.mergeToParent(span)</span>","                            <span class=\"k\">}</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>text<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","","                    <span class=\"k\">}</span>","                    <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                queryCommandValue<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> startNode <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">();</span>","","                    <span class=\"c\">//trace:946</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cmdName <span class=\"k\">==</span> <span class=\"s\">'underline'</span> <span class=\"k\">||</span> cmdName <span class=\"k\">==</span> <span class=\"s\">'strikethrough'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> startNode<span class=\"k\">,</span> value<span class=\"k\">;</span>","                        <span class=\"k\">while</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                                value <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> style<span class=\"k\">);</span>","","                                <span class=\"k\">if</span> <span class=\"k\">(</span>value <span class=\"k\">!=</span> <span class=\"s\">'none'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                                    <span class=\"k\">return</span> value<span class=\"k\">;</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","","                            tmpNode <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">return</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cmdName <span class=\"k\">==</span> <span class=\"s\">'fontborder'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> tmp <span class=\"k\">=</span> startNode<span class=\"k\">,</span> val<span class=\"k\">;</span>","                        <span class=\"k\">while</span> <span class=\"k\">(</span>tmp <span class=\"k\">&amp;&amp;</span> dtd<span class=\"k\">.</span>$inline<span class=\"k\">[</span>tmp<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>val <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>tmp<span class=\"k\">,</span> <span class=\"s\">'border'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/1px/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>val<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/solid/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>val<span class=\"k\">))</span> <span class=\"k\">{</span>","                                    <span class=\"k\">return</span> val<span class=\"k\">;</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","                            tmp <span class=\"k\">=</span> tmp<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">return</span> <span class=\"s\">''</span>","                    <span class=\"k\">}</span>","","                    <span class=\"k\">if</span><span class=\"k\">(</span> cmdName <span class=\"k\">==</span> <span class=\"s\">'FontSize'</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> styleVal <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>startNode<span class=\"k\">,</span> style<span class=\"k\">),</span>","                            tmp <span class=\"k\">=</span> <span class=\"s\">/^([\\d\\.]+)(\\w+)$/</span><span class=\"k\">.</span>exec<span class=\"k\">(</span> styleVal <span class=\"k\">);</span>","","                        <span class=\"k\">if</span><span class=\"k\">(</span> tmp <span class=\"k\">)</span> <span class=\"k\">{</span>","","                            <span class=\"k\">return</span> Math<span class=\"k\">.</span>floor<span class=\"k\">(</span> tmp<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">)</span> <span class=\"k\">+</span> tmp<span class=\"k\">[</span><span class=\"s\">2</span><span class=\"k\">];</span>","","                        <span class=\"k\">}</span>","","                        <span class=\"k\">return</span> styleVal<span class=\"k\">;</span>","","                    <span class=\"k\">}</span>","","                    <span class=\"k\">return</span>  domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>startNode<span class=\"k\">,</span> style<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>needCmd<span class=\"k\">[</span>cmdName<span class=\"k\">])</span>","                        <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                    <span class=\"k\">var</span> val <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span>cmdName<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cmdName <span class=\"k\">==</span> <span class=\"s\">'fontborder'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"s\">/1px/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>val<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/solid/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>val<span class=\"k\">)</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span>  val <span class=\"k\">==</span> <span class=\"k\">(</span>cmdName <span class=\"k\">==</span> <span class=\"s\">'underline'</span> <span class=\"k\">?</span>","                            <span class=\"s\">'underline'</span> <span class=\"k\">:</span> <span class=\"s\">'line-through'</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">)(</span>p<span class=\"k\">,</span> fonts<span class=\"k\">[</span>p<span class=\"k\">]);</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/font.js'][197]++;
+UE.plugins.font = (function () {
+  _$jscoverage['plugins/font.js'][198]++;
+  var me = this, fonts = {"forecolor": "color", "backcolor": "background-color", "fontsize": "font-size", "fontfamily": "font-family", "underline": "text-decoration", "strikethrough": "text-decoration", "fontborder": "border"}, needCmd = {"underline": 1, "strikethrough": 1, "fontborder": 1}, needSetChild = {"forecolor": "color", "backcolor": "background-color", "fontsize": "font-size", "fontfamily": "font-family"};
+  _$jscoverage['plugins/font.js'][216]++;
+  me.setOpt({"fontfamily": [{name: "songti", val: "\u5b8b\u4f53,SimSun"}, {name: "yahei", val: "\u5fae\u8f6f\u96c5\u9ed1,Microsoft YaHei"}, {name: "kaiti", val: "\u6977\u4f53,\u6977\u4f53_GB2312, SimKai"}, {name: "heiti", val: "\u9ed1\u4f53, SimHei"}, {name: "lishu", val: "\u96b6\u4e66, SimLi"}, {name: "andaleMono", val: "andale mono"}, {name: "arial", val: "arial, helvetica,sans-serif"}, {name: "arialBlack", val: "arial black,avant garde"}, {name: "comicSansMs", val: "comic sans ms"}, {name: "impact", val: "impact,chicago"}, {name: "timesNewRoman", val: "times new roman"}], "fontsize": [10, 11, 12, 14, 16, 18, 20, 24, 36]});
+  _$jscoverage['plugins/font.js'][233]++;
+  function mergeWithParent(node) {
+    _$jscoverage['plugins/font.js'][234]++;
+    var parent;
+    _$jscoverage['plugins/font.js'][235]++;
+    while ((parent = node.parentNode)) {
+      _$jscoverage['plugins/font.js'][236]++;
+      if (((parent.tagName == "SPAN") && (domUtils.getChildCount(parent, (function (child) {
+  _$jscoverage['plugins/font.js'][237]++;
+  return ((! domUtils.isBookmarkNode(child)) && (! domUtils.isBr(child)));
+})) == 1))) {
+        _$jscoverage['plugins/font.js'][239]++;
+        parent.style.cssText += node.style.cssText;
+        _$jscoverage['plugins/font.js'][240]++;
+        domUtils.remove(node, true);
+        _$jscoverage['plugins/font.js'][241]++;
+        node = parent;
+      }
+      else {
+        _$jscoverage['plugins/font.js'][244]++;
+        break;
+      }
+}
+}
+  _$jscoverage['plugins/font.js'][249]++;
+  function mergeChild(rng, cmdName, value) {
+    _$jscoverage['plugins/font.js'][250]++;
+    if (needSetChild[cmdName]) {
+      _$jscoverage['plugins/font.js'][251]++;
+      rng.adjustmentBoundary();
+      _$jscoverage['plugins/font.js'][252]++;
+      if (((! rng.collapsed) && (rng.startContainer.nodeType == 1))) {
+        _$jscoverage['plugins/font.js'][253]++;
+        var start = rng.startContainer.childNodes[rng.startOffset];
+        _$jscoverage['plugins/font.js'][254]++;
+        if ((start && domUtils.isTagNode(start, "span"))) {
+          _$jscoverage['plugins/font.js'][255]++;
+          var bk = rng.createBookmark();
+          _$jscoverage['plugins/font.js'][256]++;
+          utils.each(domUtils.getElementsByTagName(start, "span"), (function (span) {
+  _$jscoverage['plugins/font.js'][257]++;
+  if (((! span.parentNode) || domUtils.isBookmarkNode(span))) {
+    _$jscoverage['plugins/font.js'][257]++;
+    return;
+  }
+  _$jscoverage['plugins/font.js'][258]++;
+  if (((cmdName == "backcolor") && (domUtils.getComputedStyle(span, "background-color").toLowerCase() === value))) {
+    _$jscoverage['plugins/font.js'][259]++;
+    return;
+  }
+  _$jscoverage['plugins/font.js'][261]++;
+  domUtils.removeStyle(span, needSetChild[cmdName]);
+  _$jscoverage['plugins/font.js'][262]++;
+  if ((span.style.cssText.replace(/^\s+$/, "").length == 0)) {
+    _$jscoverage['plugins/font.js'][263]++;
+    domUtils.remove(span, true);
+  }
+}));
+          _$jscoverage['plugins/font.js'][266]++;
+          rng.moveToBookmark(bk);
+        }
+      }
+    }
+}
+  _$jscoverage['plugins/font.js'][272]++;
+  function mergesibling(rng, cmdName, value) {
+    _$jscoverage['plugins/font.js'][273]++;
+    var collapsed = rng.collapsed, bk = rng.createBookmark(), common;
+    _$jscoverage['plugins/font.js'][275]++;
+    if (collapsed) {
+      _$jscoverage['plugins/font.js'][276]++;
+      common = bk.start.parentNode;
+      _$jscoverage['plugins/font.js'][277]++;
+      while (dtd.$inline[common.tagName]) {
+        _$jscoverage['plugins/font.js'][278]++;
+        common = common.parentNode;
+}
+    }
+    else {
+      _$jscoverage['plugins/font.js'][281]++;
+      common = domUtils.getCommonAncestor(bk.start, bk.end);
+    }
+    _$jscoverage['plugins/font.js'][283]++;
+    utils.each(domUtils.getElementsByTagName(common, "span"), (function (span) {
+  _$jscoverage['plugins/font.js'][284]++;
+  if (((! span.parentNode) || domUtils.isBookmarkNode(span))) {
+    _$jscoverage['plugins/font.js'][284]++;
+    return;
+  }
+  _$jscoverage['plugins/font.js'][285]++;
+  if (/\s*border\s*:\s*none;?\s*/i.test(span.style.cssText)) {
+    _$jscoverage['plugins/font.js'][286]++;
+    if (/^\s*border\s*:\s*none;?\s*$/.test(span.style.cssText)) {
+      _$jscoverage['plugins/font.js'][287]++;
+      domUtils.remove(span, true);
+    }
+    else {
+      _$jscoverage['plugins/font.js'][289]++;
+      domUtils.removeStyle(span, "border");
+    }
+    _$jscoverage['plugins/font.js'][291]++;
+    return;
+  }
+  _$jscoverage['plugins/font.js'][293]++;
+  if ((/border/i.test(span.style.cssText) && (span.parentNode.tagName == "SPAN") && /border/i.test(span.parentNode.style.cssText))) {
+    _$jscoverage['plugins/font.js'][294]++;
+    span.style.cssText = span.style.cssText.replace(/border[^:]*:[^;]+;?/gi, "");
+  }
+  _$jscoverage['plugins/font.js'][296]++;
+  if ((! ((cmdName == "fontborder") && (value == "none")))) {
+    _$jscoverage['plugins/font.js'][297]++;
+    var next = span.nextSibling;
+    _$jscoverage['plugins/font.js'][298]++;
+    while ((next && (next.nodeType == 1) && (next.tagName == "SPAN"))) {
+      _$jscoverage['plugins/font.js'][299]++;
+      if ((domUtils.isBookmarkNode(next) && (cmdName == "fontborder"))) {
+        _$jscoverage['plugins/font.js'][300]++;
+        span.appendChild(next);
+        _$jscoverage['plugins/font.js'][301]++;
+        next = span.nextSibling;
+        _$jscoverage['plugins/font.js'][302]++;
+        continue;
+      }
+      _$jscoverage['plugins/font.js'][304]++;
+      if ((next.style.cssText == span.style.cssText)) {
+        _$jscoverage['plugins/font.js'][305]++;
+        domUtils.moveChild(next, span);
+        _$jscoverage['plugins/font.js'][306]++;
+        domUtils.remove(next);
+      }
+      _$jscoverage['plugins/font.js'][308]++;
+      if ((span.nextSibling === next)) {
+        _$jscoverage['plugins/font.js'][309]++;
+        break;
+      }
+      _$jscoverage['plugins/font.js'][310]++;
+      next = span.nextSibling;
+}
+  }
+  _$jscoverage['plugins/font.js'][315]++;
+  mergeWithParent(span);
+  _$jscoverage['plugins/font.js'][316]++;
+  if ((browser.ie && (browser.version > 8))) {
+    _$jscoverage['plugins/font.js'][318]++;
+    var parent = domUtils.findParent(span, (function (n) {
+  _$jscoverage['plugins/font.js'][318]++;
+  return ((n.tagName == "SPAN") && /background-color/.test(n.style.cssText));
+}));
+    _$jscoverage['plugins/font.js'][319]++;
+    if ((parent && (! /background-color/.test(span.style.cssText)))) {
+      _$jscoverage['plugins/font.js'][320]++;
+      span.style.backgroundColor = parent.style.backgroundColor;
+    }
+  }
+}));
+    _$jscoverage['plugins/font.js'][325]++;
+    rng.moveToBookmark(bk);
+    _$jscoverage['plugins/font.js'][326]++;
+    mergeChild(rng, cmdName, value);
+}
+  _$jscoverage['plugins/font.js'][329]++;
+  me.addInputRule((function (root) {
+  _$jscoverage['plugins/font.js'][330]++;
+  utils.each(root.getNodesByTagName("u s del font strike"), (function (node) {
+  _$jscoverage['plugins/font.js'][331]++;
+  if ((node.tagName == "font")) {
+    _$jscoverage['plugins/font.js'][332]++;
+    var cssStyle = [];
+    _$jscoverage['plugins/font.js'][333]++;
+    for (var p in node.attrs) {
+      _$jscoverage['plugins/font.js'][334]++;
+      switch (p) {
+      case "size":
+        _$jscoverage['plugins/font.js'][336]++;
+        cssStyle.push(("font-size:" + node.attrs[p] + "px"));
+        _$jscoverage['plugins/font.js'][337]++;
+        break;
+      case "color":
+        _$jscoverage['plugins/font.js'][339]++;
+        cssStyle.push(("color:" + node.attrs[p]));
+        _$jscoverage['plugins/font.js'][340]++;
+        break;
+      case "face":
+        _$jscoverage['plugins/font.js'][342]++;
+        cssStyle.push(("font-family:" + node.attrs[p]));
+        _$jscoverage['plugins/font.js'][343]++;
+        break;
+      case "style":
+        _$jscoverage['plugins/font.js'][345]++;
+        cssStyle.push(node.attrs[p]);
+      }
+}
+    _$jscoverage['plugins/font.js'][348]++;
+    node.attrs = {"style": cssStyle.join(";")};
+  }
+  else {
+    _$jscoverage['plugins/font.js'][352]++;
+    var val = ((node.tagName == "u")? "underline": "line-through");
+    _$jscoverage['plugins/font.js'][353]++;
+    node.attrs = {"style": ((node.getAttr("style") || "") + "text-decoration:" + val + ";")};
+  }
+  _$jscoverage['plugins/font.js'][357]++;
+  node.tagName = "span";
+}));
+}));
+  _$jscoverage['plugins/font.js'][409]++;
+  for (var p in fonts) {
+    _$jscoverage['plugins/font.js'][410]++;
+    (function (cmd, style) {
+  _$jscoverage['plugins/font.js'][411]++;
+  UE.commands[cmd] = {execCommand: (function (cmdName, value) {
+  _$jscoverage['plugins/font.js'][413]++;
+  value = (value || (this.queryCommandState(cmdName)? "none": ((cmdName == "underline")? "underline": ((cmdName == "fontborder")? "1px solid #000": "line-through"))));
+  _$jscoverage['plugins/font.js'][416]++;
+  var me = this, range = this.selection.getRange(), text;
+  _$jscoverage['plugins/font.js'][420]++;
+  if ((value == "default")) {
+    _$jscoverage['plugins/font.js'][422]++;
+    if (range.collapsed) {
+      _$jscoverage['plugins/font.js'][423]++;
+      text = me.document.createTextNode("font");
+      _$jscoverage['plugins/font.js'][424]++;
+      range.insertNode(text).select();
+    }
+    _$jscoverage['plugins/font.js'][427]++;
+    me.execCommand("removeFormat", "span,a", style);
+    _$jscoverage['plugins/font.js'][428]++;
+    if (text) {
+      _$jscoverage['plugins/font.js'][429]++;
+      range.setStartBefore(text).collapse(true);
+      _$jscoverage['plugins/font.js'][430]++;
+      domUtils.remove(text);
+    }
+    _$jscoverage['plugins/font.js'][432]++;
+    mergesibling(range, cmdName, value);
+    _$jscoverage['plugins/font.js'][433]++;
+    range.select();
+  }
+  else {
+    _$jscoverage['plugins/font.js'][435]++;
+    if ((! range.collapsed)) {
+      _$jscoverage['plugins/font.js'][436]++;
+      if ((needCmd[cmd] && me.queryCommandValue(cmd))) {
+        _$jscoverage['plugins/font.js'][437]++;
+        me.execCommand("removeFormat", "span,a", style);
+      }
+      _$jscoverage['plugins/font.js'][439]++;
+      range = me.selection.getRange();
+      _$jscoverage['plugins/font.js'][441]++;
+      range.applyInlineStyle("span", {"style": (style + ":" + value)});
+      _$jscoverage['plugins/font.js'][442]++;
+      mergesibling(range, cmdName, value);
+      _$jscoverage['plugins/font.js'][443]++;
+      range.select();
+    }
+    else {
+      _$jscoverage['plugins/font.js'][446]++;
+      var span = domUtils.findParentByTagName(range.startContainer, "span", true);
+      _$jscoverage['plugins/font.js'][447]++;
+      text = me.document.createTextNode("font");
+      _$jscoverage['plugins/font.js'][448]++;
+      if ((span && (! span.children.length) && (! span[(browser.ie? "innerText": "textContent")].replace(fillCharReg, "").length))) {
+        _$jscoverage['plugins/font.js'][450]++;
+        range.insertNode(text);
+        _$jscoverage['plugins/font.js'][451]++;
+        if (needCmd[cmd]) {
+          _$jscoverage['plugins/font.js'][452]++;
+          range.selectNode(text).select();
+          _$jscoverage['plugins/font.js'][453]++;
+          me.execCommand("removeFormat", "span,a", style, null);
+          _$jscoverage['plugins/font.js'][455]++;
+          span = domUtils.findParentByTagName(text, "span", true);
+          _$jscoverage['plugins/font.js'][456]++;
+          range.setStartBefore(text);
+        }
+        _$jscoverage['plugins/font.js'][459]++;
+        (span && (span.style.cssText += (";" + style + ":" + value)));
+        _$jscoverage['plugins/font.js'][460]++;
+        range.collapse(true).select();
+      }
+      else {
+        _$jscoverage['plugins/font.js'][464]++;
+        range.insertNode(text);
+        _$jscoverage['plugins/font.js'][465]++;
+        range.selectNode(text).select();
+        _$jscoverage['plugins/font.js'][466]++;
+        span = range.document.createElement("span");
+        _$jscoverage['plugins/font.js'][468]++;
+        if (needCmd[cmd]) {
+          _$jscoverage['plugins/font.js'][470]++;
+          if (domUtils.findParentByTagName(text, "a", true)) {
+            _$jscoverage['plugins/font.js'][471]++;
+            range.setStartBefore(text).setCursor();
+            _$jscoverage['plugins/font.js'][472]++;
+            domUtils.remove(text);
+            _$jscoverage['plugins/font.js'][473]++;
+            return;
+          }
+          _$jscoverage['plugins/font.js'][475]++;
+          me.execCommand("removeFormat", "span,a", style);
+        }
+        _$jscoverage['plugins/font.js'][478]++;
+        span.style.cssText = (style + ":" + value);
+        _$jscoverage['plugins/font.js'][481]++;
+        text.parentNode.insertBefore(span, text);
+        _$jscoverage['plugins/font.js'][483]++;
+        if (((! browser.ie) || (browser.ie && (browser.version == 9)))) {
+          _$jscoverage['plugins/font.js'][484]++;
+          var spanParent = span.parentNode;
+          _$jscoverage['plugins/font.js'][485]++;
+          while ((! domUtils.isBlockElm(spanParent))) {
+            _$jscoverage['plugins/font.js'][486]++;
+            if ((spanParent.tagName == "SPAN")) {
+              _$jscoverage['plugins/font.js'][488]++;
+              span.style.cssText = (spanParent.style.cssText + ";" + span.style.cssText);
+            }
+            _$jscoverage['plugins/font.js'][490]++;
+            spanParent = spanParent.parentNode;
+}
+        }
+        _$jscoverage['plugins/font.js'][495]++;
+        if (opera) {
+          _$jscoverage['plugins/font.js'][496]++;
+          setTimeout((function () {
+  _$jscoverage['plugins/font.js'][497]++;
+  range.setStart(span, 0).collapse(true);
+  _$jscoverage['plugins/font.js'][498]++;
+  mergesibling(range, cmdName, value);
+  _$jscoverage['plugins/font.js'][499]++;
+  range.select();
+}));
+        }
+        else {
+          _$jscoverage['plugins/font.js'][502]++;
+          range.setStart(span, 0).collapse(true);
+          _$jscoverage['plugins/font.js'][503]++;
+          mergesibling(range, cmdName, value);
+          _$jscoverage['plugins/font.js'][504]++;
+          range.select();
+        }
+      }
+      _$jscoverage['plugins/font.js'][510]++;
+      domUtils.remove(text);
+    }
+  }
+  _$jscoverage['plugins/font.js'][515]++;
+  return true;
+}), queryCommandValue: (function (cmdName) {
+  _$jscoverage['plugins/font.js'][518]++;
+  var startNode = this.selection.getStart();
+  _$jscoverage['plugins/font.js'][521]++;
+  if (((cmdName == "underline") || (cmdName == "strikethrough"))) {
+    _$jscoverage['plugins/font.js'][522]++;
+    var tmpNode = startNode, value;
+    _$jscoverage['plugins/font.js'][523]++;
+    while ((tmpNode && (! domUtils.isBlockElm(tmpNode)) && (! domUtils.isBody(tmpNode)))) {
+      _$jscoverage['plugins/font.js'][524]++;
+      if ((tmpNode.nodeType == 1)) {
+        _$jscoverage['plugins/font.js'][525]++;
+        value = domUtils.getComputedStyle(tmpNode, style);
+        _$jscoverage['plugins/font.js'][527]++;
+        if ((value != "none")) {
+          _$jscoverage['plugins/font.js'][528]++;
+          return value;
+        }
+      }
+      _$jscoverage['plugins/font.js'][532]++;
+      tmpNode = tmpNode.parentNode;
+}
+    _$jscoverage['plugins/font.js'][534]++;
+    return "none";
+  }
+  _$jscoverage['plugins/font.js'][536]++;
+  if ((cmdName == "fontborder")) {
+    _$jscoverage['plugins/font.js'][537]++;
+    var tmp = startNode, val;
+    _$jscoverage['plugins/font.js'][538]++;
+    while ((tmp && dtd.$inline[tmp.tagName])) {
+      _$jscoverage['plugins/font.js'][539]++;
+      if ((val = domUtils.getComputedStyle(tmp, "border"))) {
+        _$jscoverage['plugins/font.js'][540]++;
+        if ((/1px/.test(val) && /solid/.test(val))) {
+          _$jscoverage['plugins/font.js'][541]++;
+          return val;
+        }
+      }
+      _$jscoverage['plugins/font.js'][544]++;
+      tmp = tmp.parentNode;
+}
+    _$jscoverage['plugins/font.js'][546]++;
+    return "";
+  }
+  _$jscoverage['plugins/font.js'][549]++;
+  if ((cmdName == "FontSize")) {
+    _$jscoverage['plugins/font.js'][550]++;
+    var styleVal = domUtils.getComputedStyle(startNode, style), tmp = /^([\d\.]+)(\w+)$/.exec(styleVal);
+    _$jscoverage['plugins/font.js'][553]++;
+    if (tmp) {
+      _$jscoverage['plugins/font.js'][555]++;
+      return (Math.floor(tmp[1]) + tmp[2]);
+    }
+    _$jscoverage['plugins/font.js'][559]++;
+    return styleVal;
+  }
+  _$jscoverage['plugins/font.js'][563]++;
+  return domUtils.getComputedStyle(startNode, style);
+}), queryCommandState: (function (cmdName) {
+  _$jscoverage['plugins/font.js'][566]++;
+  if ((! needCmd[cmdName])) {
+    _$jscoverage['plugins/font.js'][567]++;
+    return 0;
+  }
+  _$jscoverage['plugins/font.js'][568]++;
+  var val = this.queryCommandValue(cmdName);
+  _$jscoverage['plugins/font.js'][569]++;
+  if ((cmdName == "fontborder")) {
+    _$jscoverage['plugins/font.js'][570]++;
+    return (/1px/.test(val) && /solid/.test(val));
+  }
+  else {
+    _$jscoverage['plugins/font.js'][572]++;
+    return (val == ((cmdName == "underline")? "underline": "line-through"));
+  }
+})};
+})(p, fonts[p]);
+}
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/formatmatch.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/formatmatch.js
new file mode 100644
index 000000000..0dbe004f9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/formatmatch.js
@@ -0,0 +1,237 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/formatmatch.js']) {
+  _$jscoverage['plugins/formatmatch.js'] = [];
+  _$jscoverage['plugins/formatmatch.js'][39] = 0;
+  _$jscoverage['plugins/formatmatch.js'][41] = 0;
+  _$jscoverage['plugins/formatmatch.js'][45] = 0;
+  _$jscoverage['plugins/formatmatch.js'][46] = 0;
+  _$jscoverage['plugins/formatmatch.js'][47] = 0;
+  _$jscoverage['plugins/formatmatch.js'][50] = 0;
+  _$jscoverage['plugins/formatmatch.js'][52] = 0;
+  _$jscoverage['plugins/formatmatch.js'][53] = 0;
+  _$jscoverage['plugins/formatmatch.js'][56] = 0;
+  _$jscoverage['plugins/formatmatch.js'][58] = 0;
+  _$jscoverage['plugins/formatmatch.js'][59] = 0;
+  _$jscoverage['plugins/formatmatch.js'][61] = 0;
+  _$jscoverage['plugins/formatmatch.js'][65] = 0;
+  _$jscoverage['plugins/formatmatch.js'][67] = 0;
+  _$jscoverage['plugins/formatmatch.js'][69] = 0;
+  _$jscoverage['plugins/formatmatch.js'][72] = 0;
+  _$jscoverage['plugins/formatmatch.js'][74] = 0;
+  _$jscoverage['plugins/formatmatch.js'][76] = 0;
+  _$jscoverage['plugins/formatmatch.js'][77] = 0;
+  _$jscoverage['plugins/formatmatch.js'][78] = 0;
+  _$jscoverage['plugins/formatmatch.js'][79] = 0;
+  _$jscoverage['plugins/formatmatch.js'][80] = 0;
+  _$jscoverage['plugins/formatmatch.js'][84] = 0;
+  _$jscoverage['plugins/formatmatch.js'][87] = 0;
+  _$jscoverage['plugins/formatmatch.js'][88] = 0;
+  _$jscoverage['plugins/formatmatch.js'][89] = 0;
+  _$jscoverage['plugins/formatmatch.js'][90] = 0;
+  _$jscoverage['plugins/formatmatch.js'][91] = 0;
+  _$jscoverage['plugins/formatmatch.js'][93] = 0;
+  _$jscoverage['plugins/formatmatch.js'][94] = 0;
+  _$jscoverage['plugins/formatmatch.js'][95] = 0;
+  _$jscoverage['plugins/formatmatch.js'][97] = 0;
+  _$jscoverage['plugins/formatmatch.js'][98] = 0;
+  _$jscoverage['plugins/formatmatch.js'][101] = 0;
+  _$jscoverage['plugins/formatmatch.js'][102] = 0;
+  _$jscoverage['plugins/formatmatch.js'][110] = 0;
+  _$jscoverage['plugins/formatmatch.js'][111] = 0;
+  _$jscoverage['plugins/formatmatch.js'][112] = 0;
+  _$jscoverage['plugins/formatmatch.js'][115] = 0;
+  _$jscoverage['plugins/formatmatch.js'][118] = 0;
+  _$jscoverage['plugins/formatmatch.js'][119] = 0;
+  _$jscoverage['plugins/formatmatch.js'][120] = 0;
+  _$jscoverage['plugins/formatmatch.js'][121] = 0;
+  _$jscoverage['plugins/formatmatch.js'][122] = 0;
+  _$jscoverage['plugins/formatmatch.js'][127] = 0;
+  _$jscoverage['plugins/formatmatch.js'][128] = 0;
+  _$jscoverage['plugins/formatmatch.js'][129] = 0;
+  _$jscoverage['plugins/formatmatch.js'][130] = 0;
+  _$jscoverage['plugins/formatmatch.js'][131] = 0;
+  _$jscoverage['plugins/formatmatch.js'][132] = 0;
+  _$jscoverage['plugins/formatmatch.js'][133] = 0;
+  _$jscoverage['plugins/formatmatch.js'][136] = 0;
+  _$jscoverage['plugins/formatmatch.js'][137] = 0;
+  _$jscoverage['plugins/formatmatch.js'][138] = 0;
+  _$jscoverage['plugins/formatmatch.js'][139] = 0;
+  _$jscoverage['plugins/formatmatch.js'][145] = 0;
+  _$jscoverage['plugins/formatmatch.js'][146] = 0;
+  _$jscoverage['plugins/formatmatch.js'][151] = 0;
+}
+_$jscoverage['plugins/formatmatch.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import plugins\\removeformat.js</span>","<span class=\"c\">///commands &#26684;&#24335;&#21047;</span>","<span class=\"c\">///commandsName  FormatMatch</span>","<span class=\"c\">///commandsTitle  &#26684;&#24335;&#21047;</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26684;&#24335;&#21047;&#65292;&#21482;&#26684;&#24335;inline&#30340;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26684;&#24335;&#21047;&#65292;&#23545;inline&#31867;&#22411;&#30340;&#25991;&#26412;&#20869;&#23481;&#25191;&#34892;&#26684;&#24335;&#21047;&#25805;&#20316;</span>","<span class=\"c\"> * @command formatmatch</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\"> * //&#33719;&#21462;&#26684;&#24335;&#21047;</span>","<span class=\"c\"> * editor.execCommand( 'formatmatch' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#33719;&#21462;&#24403;&#21069;&#30340;&#26684;&#24335;&#29366;&#24577;</span>","<span class=\"c\"> * @command formatmatch</span>","<span class=\"c\"> * @method queryCommandState</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { int } &#22914;&#26524;&#24403;&#21069;&#30340;&#26684;&#24335;&#21047;&#22788;&#20110;&#21487;&#29992;&#29366;&#24577;&#65292; &#21017;&#36820;&#22238;1&#65292; &#21542;&#21017;&#36820;&#22238;0</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\"> * //&#33719;&#21462;&#24403;&#21069;&#36873;&#20013;&#30340;&#25991;&#26412;&#20869;&#23481;&#30340;&#19978;&#26631;&#29366;&#24577;</span>","<span class=\"c\"> * //output: 1 &#25110;&#32773; 0</span>","<span class=\"c\"> * console.log( editor.queryCommandState( 'formatmatch' ) );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'formatmatch'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        list <span class=\"k\">=</span> <span class=\"k\">[],</span>img<span class=\"k\">,</span>","        flag <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","","     me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'reset'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","         list <span class=\"k\">=</span> <span class=\"k\">[];</span>","         flag <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","     <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"k\">function</span> addList<span class=\"k\">(</span>type<span class=\"k\">,</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","        ","        <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>webkit<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> target <span class=\"k\">=</span> evt<span class=\"k\">.</span>target<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'IMG'</span> <span class=\"k\">?</span> evt<span class=\"k\">.</span>target <span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">function</span> addFormat<span class=\"k\">(</span>range<span class=\"k\">)</span><span class=\"k\">{</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span>text<span class=\"k\">)</span><span class=\"k\">{</span>","                range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>text<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> range<span class=\"k\">.</span>applyInlineStyle<span class=\"k\">(</span>list<span class=\"k\">[</span>list<span class=\"k\">.</span>length<span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">].</span>tagName<span class=\"k\">,</span><span class=\"k\">null</span><span class=\"k\">,</span>list<span class=\"k\">);</span>","","        <span class=\"k\">}</span>","","        me<span class=\"k\">.</span>undoManger <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","","        <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","            imgT <span class=\"k\">=</span> target <span class=\"k\">||</span> range<span class=\"k\">.</span>getClosedNode<span class=\"k\">();</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>img <span class=\"k\">&amp;&amp;</span> imgT <span class=\"k\">&amp;&amp;</span> imgT<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'IMG'</span><span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"c\">//trace:964</span>","","            imgT<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+=</span> <span class=\"s\">';float:'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>style<span class=\"k\">.</span>cssFloat <span class=\"k\">||</span> img<span class=\"k\">.</span>style<span class=\"k\">.</span>styleFloat <span class=\"k\">||</span><span class=\"s\">'none'</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">';display:'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>style<span class=\"k\">.</span>display<span class=\"k\">||</span><span class=\"s\">'inline'</span><span class=\"k\">);</span>","","            img <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>img<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> collapsed <span class=\"k\">=</span> range<span class=\"k\">.</span>collapsed<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> text <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'match'</span><span class=\"k\">);</span>","                    range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>text<span class=\"k\">).</span>select<span class=\"k\">();</span>","","","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"c\">//&#19981;&#33021;&#25226;block&#19978;&#30340;&#23646;&#24615;&#24178;&#25481;</span>","                <span class=\"c\">//trace:1553</span>","                <span class=\"k\">var</span> removeFormatAttributes <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>removeFormatAttributes<span class=\"k\">;</span>","                me<span class=\"k\">.</span>options<span class=\"k\">.</span>removeFormatAttributes <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'removeformat'</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>options<span class=\"k\">.</span>removeFormatAttributes <span class=\"k\">=</span> removeFormatAttributes<span class=\"k\">;</span>","                me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"c\">//trace:969</span>","                range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>list<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","                    addFormat<span class=\"k\">(</span>range<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>text<span class=\"k\">)</span><span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>text<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>select<span class=\"k\">();</span>","                text <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>text<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","","","","","        me<span class=\"k\">.</span>undoManger <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","        me<span class=\"k\">.</span>removeListener<span class=\"k\">(</span><span class=\"s\">'mouseup'</span><span class=\"k\">,</span>addList<span class=\"k\">);</span>","        flag <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'formatmatch'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName <span class=\"k\">)</span> <span class=\"k\">{</span>","          ","            <span class=\"k\">if</span><span class=\"k\">(</span>flag<span class=\"k\">)</span><span class=\"k\">{</span>","                flag <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                list <span class=\"k\">=</span> <span class=\"k\">[];</span>","                 me<span class=\"k\">.</span>removeListener<span class=\"k\">(</span><span class=\"s\">'mouseup'</span><span class=\"k\">,</span>addList<span class=\"k\">);</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","","              ","            <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            img <span class=\"k\">=</span> range<span class=\"k\">.</span>getClosedNode<span class=\"k\">();</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>img <span class=\"k\">||</span> img<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> <span class=\"s\">'IMG'</span><span class=\"k\">)</span><span class=\"k\">{</span>","               range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>shrinkBoundary<span class=\"k\">();</span>","               <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","               list <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParents<span class=\"k\">(</span>start<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                   <span class=\"k\">return</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">;</span>","               <span class=\"k\">}</span><span class=\"k\">);</span>","               <span class=\"c\">//a&#19981;&#33021;&#21152;&#20837;&#26684;&#24335;&#21047;, &#24182;&#19988;&#20811;&#38534;&#33410;&#28857;</span>","               <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>list<span class=\"k\">[</span>i<span class=\"k\">];</span>i<span class=\"k\">++)</span><span class=\"k\">{</span>","                   <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'A'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                       list<span class=\"k\">.</span>splice<span class=\"k\">(</span>i<span class=\"k\">,</span><span class=\"s\">1</span><span class=\"k\">);</span>","                       <span class=\"k\">break</span><span class=\"k\">;</span>","                   <span class=\"k\">}</span>","               <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","","            me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'mouseup'</span><span class=\"k\">,</span>addList<span class=\"k\">);</span>","            flag <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandState <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> flag<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        notNeedUndo <span class=\"k\">:</span> <span class=\"s\">1</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/formatmatch.js'][39]++;
+UE.plugins.formatmatch = (function () {
+  _$jscoverage['plugins/formatmatch.js'][41]++;
+  var me = this, list = [], img, flag = 0;
+  _$jscoverage['plugins/formatmatch.js'][45]++;
+  me.addListener("reset", (function () {
+  _$jscoverage['plugins/formatmatch.js'][46]++;
+  list = [];
+  _$jscoverage['plugins/formatmatch.js'][47]++;
+  flag = 0;
+}));
+  _$jscoverage['plugins/formatmatch.js'][50]++;
+  function addList(type, evt) {
+    _$jscoverage['plugins/formatmatch.js'][52]++;
+    if (browser.webkit) {
+      _$jscoverage['plugins/formatmatch.js'][53]++;
+      var target = ((evt.target.tagName == "IMG")? evt.target: null);
+    }
+    _$jscoverage['plugins/formatmatch.js'][56]++;
+    function addFormat(range) {
+      _$jscoverage['plugins/formatmatch.js'][58]++;
+      if (text) {
+        _$jscoverage['plugins/formatmatch.js'][59]++;
+        range.selectNode(text);
+      }
+      _$jscoverage['plugins/formatmatch.js'][61]++;
+      return range.applyInlineStyle(list[(list.length - 1)].tagName, null, list);
+}
+    _$jscoverage['plugins/formatmatch.js'][65]++;
+    (me.undoManger && me.undoManger.save());
+    _$jscoverage['plugins/formatmatch.js'][67]++;
+    var range = me.selection.getRange(), imgT = (target || range.getClosedNode());
+    _$jscoverage['plugins/formatmatch.js'][69]++;
+    if ((img && imgT && (imgT.tagName == "IMG"))) {
+      _$jscoverage['plugins/formatmatch.js'][72]++;
+      imgT.style.cssText += (";float:" + (img.style.cssFloat || img.style.styleFloat || "none") + ";display:" + (img.style.display || "inline"));
+      _$jscoverage['plugins/formatmatch.js'][74]++;
+      img = null;
+    }
+    else {
+      _$jscoverage['plugins/formatmatch.js'][76]++;
+      if ((! img)) {
+        _$jscoverage['plugins/formatmatch.js'][77]++;
+        var collapsed = range.collapsed;
+        _$jscoverage['plugins/formatmatch.js'][78]++;
+        if (collapsed) {
+          _$jscoverage['plugins/formatmatch.js'][79]++;
+          var text = me.document.createTextNode("match");
+          _$jscoverage['plugins/formatmatch.js'][80]++;
+          range.insertNode(text).select();
+        }
+        _$jscoverage['plugins/formatmatch.js'][84]++;
+        me.__hasEnterExecCommand = true;
+        _$jscoverage['plugins/formatmatch.js'][87]++;
+        var removeFormatAttributes = me.options.removeFormatAttributes;
+        _$jscoverage['plugins/formatmatch.js'][88]++;
+        me.options.removeFormatAttributes = "";
+        _$jscoverage['plugins/formatmatch.js'][89]++;
+        me.execCommand("removeformat");
+        _$jscoverage['plugins/formatmatch.js'][90]++;
+        me.options.removeFormatAttributes = removeFormatAttributes;
+        _$jscoverage['plugins/formatmatch.js'][91]++;
+        me.__hasEnterExecCommand = false;
+        _$jscoverage['plugins/formatmatch.js'][93]++;
+        range = me.selection.getRange();
+        _$jscoverage['plugins/formatmatch.js'][94]++;
+        if (list.length) {
+          _$jscoverage['plugins/formatmatch.js'][95]++;
+          addFormat(range);
+        }
+        _$jscoverage['plugins/formatmatch.js'][97]++;
+        if (text) {
+          _$jscoverage['plugins/formatmatch.js'][98]++;
+          range.setStartBefore(text).collapse(true);
+        }
+        _$jscoverage['plugins/formatmatch.js'][101]++;
+        range.select();
+        _$jscoverage['plugins/formatmatch.js'][102]++;
+        (text && domUtils.remove(text));
+      }
+    }
+    _$jscoverage['plugins/formatmatch.js'][110]++;
+    (me.undoManger && me.undoManger.save());
+    _$jscoverage['plugins/formatmatch.js'][111]++;
+    me.removeListener("mouseup", addList);
+    _$jscoverage['plugins/formatmatch.js'][112]++;
+    flag = 0;
+}
+  _$jscoverage['plugins/formatmatch.js'][115]++;
+  me.commands.formatmatch = {execCommand: (function (cmdName) {
+  _$jscoverage['plugins/formatmatch.js'][118]++;
+  if (flag) {
+    _$jscoverage['plugins/formatmatch.js'][119]++;
+    flag = 0;
+    _$jscoverage['plugins/formatmatch.js'][120]++;
+    list = [];
+    _$jscoverage['plugins/formatmatch.js'][121]++;
+    me.removeListener("mouseup", addList);
+    _$jscoverage['plugins/formatmatch.js'][122]++;
+    return;
+  }
+  _$jscoverage['plugins/formatmatch.js'][127]++;
+  var range = me.selection.getRange();
+  _$jscoverage['plugins/formatmatch.js'][128]++;
+  img = range.getClosedNode();
+  _$jscoverage['plugins/formatmatch.js'][129]++;
+  if (((! img) || (img.tagName != "IMG"))) {
+    _$jscoverage['plugins/formatmatch.js'][130]++;
+    range.collapse(true).shrinkBoundary();
+    _$jscoverage['plugins/formatmatch.js'][131]++;
+    var start = range.startContainer;
+    _$jscoverage['plugins/formatmatch.js'][132]++;
+    list = domUtils.findParents(start, true, (function (node) {
+  _$jscoverage['plugins/formatmatch.js'][133]++;
+  return ((! domUtils.isBlockElm(node)) && (node.nodeType == 1));
+}));
+    _$jscoverage['plugins/formatmatch.js'][136]++;
+    for (var i = 0, ci; (ci = list[i]); (i++)) {
+      _$jscoverage['plugins/formatmatch.js'][137]++;
+      if ((ci.tagName == "A")) {
+        _$jscoverage['plugins/formatmatch.js'][138]++;
+        list.splice(i, 1);
+        _$jscoverage['plugins/formatmatch.js'][139]++;
+        break;
+      }
+}
+  }
+  _$jscoverage['plugins/formatmatch.js'][145]++;
+  me.addListener("mouseup", addList);
+  _$jscoverage['plugins/formatmatch.js'][146]++;
+  flag = 1;
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/formatmatch.js'][151]++;
+  return flag;
+}), notNeedUndo: 1};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/horizontal.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/horizontal.js
new file mode 100644
index 000000000..f619da64d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/horizontal.js
@@ -0,0 +1,149 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/horizontal.js']) {
+  _$jscoverage['plugins/horizontal.js'] = [];
+  _$jscoverage['plugins/horizontal.js'][28] = 0;
+  _$jscoverage['plugins/horizontal.js'][29] = 0;
+  _$jscoverage['plugins/horizontal.js'][30] = 0;
+  _$jscoverage['plugins/horizontal.js'][32] = 0;
+  _$jscoverage['plugins/horizontal.js'][33] = 0;
+  _$jscoverage['plugins/horizontal.js'][34] = 0;
+  _$jscoverage['plugins/horizontal.js'][35] = 0;
+  _$jscoverage['plugins/horizontal.js'][37] = 0;
+  _$jscoverage['plugins/horizontal.js'][39] = 0;
+  _$jscoverage['plugins/horizontal.js'][40] = 0;
+  _$jscoverage['plugins/horizontal.js'][41] = 0;
+  _$jscoverage['plugins/horizontal.js'][42] = 0;
+  _$jscoverage['plugins/horizontal.js'][43] = 0;
+  _$jscoverage['plugins/horizontal.js'][44] = 0;
+  _$jscoverage['plugins/horizontal.js'][45] = 0;
+  _$jscoverage['plugins/horizontal.js'][48] = 0;
+  _$jscoverage['plugins/horizontal.js'][49] = 0;
+  _$jscoverage['plugins/horizontal.js'][50] = 0;
+  _$jscoverage['plugins/horizontal.js'][56] = 0;
+  _$jscoverage['plugins/horizontal.js'][62] = 0;
+  _$jscoverage['plugins/horizontal.js'][98] = 0;
+  _$jscoverage['plugins/horizontal.js'][99] = 0;
+  _$jscoverage['plugins/horizontal.js'][100] = 0;
+  _$jscoverage['plugins/horizontal.js'][101] = 0;
+  _$jscoverage['plugins/horizontal.js'][102] = 0;
+  _$jscoverage['plugins/horizontal.js'][103] = 0;
+  _$jscoverage['plugins/horizontal.js'][104] = 0;
+  _$jscoverage['plugins/horizontal.js'][105] = 0;
+  _$jscoverage['plugins/horizontal.js'][106] = 0;
+  _$jscoverage['plugins/horizontal.js'][107] = 0;
+  _$jscoverage['plugins/horizontal.js'][108] = 0;
+}
+_$jscoverage['plugins/horizontal.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#20998;&#21106;&#32447;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#20998;&#21106;&#32447;&#65292;&#20998;&#21106;&#32447;&#26159;hr&#26631;&#31614;</span>","<span class=\"c\"> * @command horizontal</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmdName &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'horizontal' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26597;&#35810;&#24403;&#21069;&#26159;&#21542;&#20801;&#35768;&#25554;&#20837;&#20998;&#21106;&#32447;</span>","<span class=\"c\"> * @command horizontal</span>","<span class=\"c\"> * @method queryCommandState</span>","<span class=\"c\"> * @return { Int } &#22914;&#26524;&#36873;&#21306;&#22312;&#34920;&#26684;&#37324;&#38754;&#65292;&#36820;&#22238;0&#65292;&#21542;&#21017;&#36820;&#22238;1</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandState( 'horizontal' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'horizontal'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'horizontal'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmdName<span class=\"k\">)!==-</span><span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertHtml'</span><span class=\"k\">,</span><span class=\"s\">'&lt;hr&gt;'</span><span class=\"k\">);</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                    start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">]</span> <span class=\"k\">)</span><span class=\"k\">{</span>","","                    <span class=\"k\">var</span> tmp<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>tmp <span class=\"k\">=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">])</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>tmp<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> tmp<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'HR'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>enterTag <span class=\"k\">==</span> <span class=\"s\">'p'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                tmp <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","                                range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>tmp<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","","                            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                tmp <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">);</span>","                                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","                                range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmp<span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">//&#36793;&#30028;&#22312;table&#37324;&#19981;&#33021;&#21152;&#20998;&#38548;&#32447;</span>","        queryCommandState <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>filterNodeList<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">(),</span><span class=\"s\">'table'</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"c\">//    me.addListener('delkeyup',function(){</span>","<span class=\"c\">//        var rng = this.selection.getRange();</span>","<span class=\"c\">//        if(browser.ie &amp;&amp; browser.version &gt; 8){</span>","<span class=\"c\">//            rng.txtToElmBoundary(true);</span>","<span class=\"c\">//            if(domUtils.isStartInblock(rng)){</span>","<span class=\"c\">//                var tmpNode = rng.startContainer;</span>","<span class=\"c\">//                var pre = tmpNode.previousSibling;</span>","<span class=\"c\">//                if(pre &amp;&amp; domUtils.isTagNode(pre,'hr')){</span>","<span class=\"c\">//                    domUtils.remove(pre);</span>","<span class=\"c\">//                    rng.select();</span>","<span class=\"c\">//                    return;</span>","<span class=\"c\">//                }</span>","<span class=\"c\">//            }</span>","<span class=\"c\">//        }</span>","<span class=\"c\">//        if(domUtils.isBody(rng.startContainer)){</span>","<span class=\"c\">//            var hr = rng.startContainer.childNodes[rng.startOffset -1];</span>","<span class=\"c\">//            if(hr &amp;&amp; hr.nodeName == 'HR'){</span>","<span class=\"c\">//                var next = hr.nextSibling;</span>","<span class=\"c\">//                if(next){</span>","<span class=\"c\">//                    rng.setStart(next,0)</span>","<span class=\"c\">//                }else if(hr.previousSibling){</span>","<span class=\"c\">//                    rng.setStartAtLast(hr.previousSibling)</span>","<span class=\"c\">//                }else{</span>","<span class=\"c\">//                    var p = this.document.createElement('p');</span>","<span class=\"c\">//                    hr.parentNode.insertBefore(p,hr);</span>","<span class=\"c\">//                    domUtils.fillNode(this.document,p);</span>","<span class=\"c\">//                    rng.setStart(p,0);</span>","<span class=\"c\">//                }</span>","<span class=\"c\">//                domUtils.remove(hr);</span>","<span class=\"c\">//                rng.setCursor(false,true);</span>","<span class=\"c\">//            }</span>","<span class=\"c\">//        }</span>","<span class=\"c\">//    })</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'delkeydown'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>name<span class=\"k\">,</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","        rng<span class=\"k\">.</span>txtToElmBoundary<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isStartInblock<span class=\"k\">(</span>rng<span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","            <span class=\"k\">var</span> pre <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isTagNode<span class=\"k\">(</span>pre<span class=\"k\">,</span><span class=\"s\">'hr'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>pre<span class=\"k\">);</span>","                rng<span class=\"k\">.</span>select<span class=\"k\">();</span>","                domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">)</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/horizontal.js'][28]++;
+UE.plugins.horizontal = (function () {
+  _$jscoverage['plugins/horizontal.js'][29]++;
+  var me = this;
+  _$jscoverage['plugins/horizontal.js'][30]++;
+  me.commands.horizontal = {execCommand: (function (cmdName) {
+  _$jscoverage['plugins/horizontal.js'][32]++;
+  var me = this;
+  _$jscoverage['plugins/horizontal.js'][33]++;
+  if ((me.queryCommandState(cmdName) !== -1)) {
+    _$jscoverage['plugins/horizontal.js'][34]++;
+    me.execCommand("insertHtml", "<hr>");
+    _$jscoverage['plugins/horizontal.js'][35]++;
+    var range = me.selection.getRange(), start = range.startContainer;
+    _$jscoverage['plugins/horizontal.js'][37]++;
+    if (((start.nodeType == 1) && (! start.childNodes[range.startOffset]))) {
+      _$jscoverage['plugins/horizontal.js'][39]++;
+      var tmp;
+      _$jscoverage['plugins/horizontal.js'][40]++;
+      if ((tmp = start.childNodes[(range.startOffset - 1)])) {
+        _$jscoverage['plugins/horizontal.js'][41]++;
+        if (((tmp.nodeType == 1) && (tmp.tagName == "HR"))) {
+          _$jscoverage['plugins/horizontal.js'][42]++;
+          if ((me.options.enterTag == "p")) {
+            _$jscoverage['plugins/horizontal.js'][43]++;
+            tmp = me.document.createElement("p");
+            _$jscoverage['plugins/horizontal.js'][44]++;
+            range.insertNode(tmp);
+            _$jscoverage['plugins/horizontal.js'][45]++;
+            range.setStart(tmp, 0).setCursor();
+          }
+          else {
+            _$jscoverage['plugins/horizontal.js'][48]++;
+            tmp = me.document.createElement("br");
+            _$jscoverage['plugins/horizontal.js'][49]++;
+            range.insertNode(tmp);
+            _$jscoverage['plugins/horizontal.js'][50]++;
+            range.setStartBefore(tmp).setCursor();
+          }
+        }
+      }
+    }
+    _$jscoverage['plugins/horizontal.js'][56]++;
+    return true;
+  }
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/horizontal.js'][62]++;
+  return (domUtils.filterNodeList(this.selection.getStartElementPath(), "table")? -1: 0);
+})};
+  _$jscoverage['plugins/horizontal.js'][98]++;
+  me.addListener("delkeydown", (function (name, evt) {
+  _$jscoverage['plugins/horizontal.js'][99]++;
+  var rng = this.selection.getRange();
+  _$jscoverage['plugins/horizontal.js'][100]++;
+  rng.txtToElmBoundary(true);
+  _$jscoverage['plugins/horizontal.js'][101]++;
+  if (domUtils.isStartInblock(rng)) {
+    _$jscoverage['plugins/horizontal.js'][102]++;
+    var tmpNode = rng.startContainer;
+    _$jscoverage['plugins/horizontal.js'][103]++;
+    var pre = tmpNode.previousSibling;
+    _$jscoverage['plugins/horizontal.js'][104]++;
+    if ((pre && domUtils.isTagNode(pre, "hr"))) {
+      _$jscoverage['plugins/horizontal.js'][105]++;
+      domUtils.remove(pre);
+      _$jscoverage['plugins/horizontal.js'][106]++;
+      rng.select();
+      _$jscoverage['plugins/horizontal.js'][107]++;
+      domUtils.preventDefault(evt);
+      _$jscoverage['plugins/horizontal.js'][108]++;
+      return true;
+    }
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/iframe.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/iframe.js
new file mode 100644
index 000000000..33406b245
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/iframe.js
@@ -0,0 +1,64 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/iframe.js']) {
+  _$jscoverage['plugins/iframe.js'] = [];
+  _$jscoverage['plugins/iframe.js'][8] = 0;
+  _$jscoverage['plugins/iframe.js'][9] = 0;
+  _$jscoverage['plugins/iframe.js'][10] = 0;
+  _$jscoverage['plugins/iframe.js'][11] = 0;
+  _$jscoverage['plugins/iframe.js'][14] = 0;
+  _$jscoverage['plugins/iframe.js'][15] = 0;
+}
+_$jscoverage['plugins/iframe.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import plugins\\inserthtml.js</span>","<span class=\"c\">///commands &#25554;&#20837;&#26694;&#26550;</span>","<span class=\"c\">///commandsName  InsertFrame</span>","<span class=\"c\">///commandsTitle  &#25554;&#20837;Iframe</span>","<span class=\"c\">///commandsDialog  dialogs\\insertframe</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'insertframe'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","   <span class=\"k\">var</span> me <span class=\"k\">=</span><span class=\"k\">this</span><span class=\"k\">;</span>","    <span class=\"k\">function</span> deleteIframe<span class=\"k\">()</span><span class=\"k\">{</span>","        me<span class=\"k\">.</span>_iframe <span class=\"k\">&amp;&amp;</span> <span class=\"k\">delete</span> me<span class=\"k\">.</span>_iframe<span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"selectionchange\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        deleteIframe<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/iframe.js'][8]++;
+UE.plugins.insertframe = (function () {
+  _$jscoverage['plugins/iframe.js'][9]++;
+  var me = this;
+  _$jscoverage['plugins/iframe.js'][10]++;
+  function deleteIframe() {
+    _$jscoverage['plugins/iframe.js'][11]++;
+    (me._iframe && (delete me._iframe));
+}
+  _$jscoverage['plugins/iframe.js'][14]++;
+  me.addListener("selectionchange", (function () {
+  _$jscoverage['plugins/iframe.js'][15]++;
+  deleteIframe();
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/image.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/image.js
new file mode 100644
index 000000000..5c6b26110
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/image.js
@@ -0,0 +1,354 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/image.js']) {
+  _$jscoverage['plugins/image.js'] = [];
+  _$jscoverage['plugins/image.js'][41] = 0;
+  _$jscoverage['plugins/image.js'][43] = 0;
+  _$jscoverage['plugins/image.js'][45] = 0;
+  _$jscoverage['plugins/image.js'][46] = 0;
+  _$jscoverage['plugins/image.js'][47] = 0;
+  _$jscoverage['plugins/image.js'][48] = 0;
+  _$jscoverage['plugins/image.js'][52] = 0;
+  _$jscoverage['plugins/image.js'][53] = 0;
+  _$jscoverage['plugins/image.js'][54] = 0;
+  _$jscoverage['plugins/image.js'][56] = 0;
+  _$jscoverage['plugins/image.js'][57] = 0;
+  _$jscoverage['plugins/image.js'][58] = 0;
+  _$jscoverage['plugins/image.js'][59] = 0;
+  _$jscoverage['plugins/image.js'][61] = 0;
+  _$jscoverage['plugins/image.js'][62] = 0;
+  _$jscoverage['plugins/image.js'][63] = 0;
+  _$jscoverage['plugins/image.js'][64] = 0;
+  _$jscoverage['plugins/image.js'][65] = 0;
+  _$jscoverage['plugins/image.js'][66] = 0;
+  _$jscoverage['plugins/image.js'][68] = 0;
+  _$jscoverage['plugins/image.js'][69] = 0;
+  _$jscoverage['plugins/image.js'][71] = 0;
+  _$jscoverage['plugins/image.js'][77] = 0;
+  _$jscoverage['plugins/image.js'][79] = 0;
+  _$jscoverage['plugins/image.js'][80] = 0;
+  _$jscoverage['plugins/image.js'][81] = 0;
+  _$jscoverage['plugins/image.js'][84] = 0;
+  _$jscoverage['plugins/image.js'][86] = 0;
+  _$jscoverage['plugins/image.js'][87] = 0;
+  _$jscoverage['plugins/image.js'][88] = 0;
+  _$jscoverage['plugins/image.js'][89] = 0;
+  _$jscoverage['plugins/image.js'][90] = 0;
+  _$jscoverage['plugins/image.js'][91] = 0;
+  _$jscoverage['plugins/image.js'][92] = 0;
+  _$jscoverage['plugins/image.js'][95] = 0;
+  _$jscoverage['plugins/image.js'][96] = 0;
+  _$jscoverage['plugins/image.js'][98] = 0;
+  _$jscoverage['plugins/image.js'][99] = 0;
+  _$jscoverage['plugins/image.js'][100] = 0;
+  _$jscoverage['plugins/image.js'][101] = 0;
+  _$jscoverage['plugins/image.js'][103] = 0;
+  _$jscoverage['plugins/image.js'][105] = 0;
+  _$jscoverage['plugins/image.js'][106] = 0;
+  _$jscoverage['plugins/image.js'][107] = 0;
+  _$jscoverage['plugins/image.js'][108] = 0;
+  _$jscoverage['plugins/image.js'][110] = 0;
+  _$jscoverage['plugins/image.js'][111] = 0;
+  _$jscoverage['plugins/image.js'][112] = 0;
+  _$jscoverage['plugins/image.js'][117] = 0;
+  _$jscoverage['plugins/image.js'][124] = 0;
+  _$jscoverage['plugins/image.js'][126] = 0;
+  _$jscoverage['plugins/image.js'][127] = 0;
+  _$jscoverage['plugins/image.js'][129] = 0;
+  _$jscoverage['plugins/image.js'][130] = 0;
+  _$jscoverage['plugins/image.js'][131] = 0;
+  _$jscoverage['plugins/image.js'][132] = 0;
+  _$jscoverage['plugins/image.js'][133] = 0;
+  _$jscoverage['plugins/image.js'][135] = 0;
+  _$jscoverage['plugins/image.js'][141] = 0;
+  _$jscoverage['plugins/image.js'][146] = 0;
+  _$jscoverage['plugins/image.js'][149] = 0;
+  _$jscoverage['plugins/image.js'][151] = 0;
+  _$jscoverage['plugins/image.js'][152] = 0;
+  _$jscoverage['plugins/image.js'][153] = 0;
+  _$jscoverage['plugins/image.js'][155] = 0;
+  _$jscoverage['plugins/image.js'][173] = 0;
+  _$jscoverage['plugins/image.js'][176] = 0;
+  _$jscoverage['plugins/image.js'][177] = 0;
+  _$jscoverage['plugins/image.js'][178] = 0;
+  _$jscoverage['plugins/image.js'][180] = 0;
+  _$jscoverage['plugins/image.js'][183] = 0;
+  _$jscoverage['plugins/image.js'][184] = 0;
+  _$jscoverage['plugins/image.js'][185] = 0;
+  _$jscoverage['plugins/image.js'][186] = 0;
+  _$jscoverage['plugins/image.js'][190] = 0;
+  _$jscoverage['plugins/image.js'][191] = 0;
+  _$jscoverage['plugins/image.js'][192] = 0;
+  _$jscoverage['plugins/image.js'][193] = 0;
+  _$jscoverage['plugins/image.js'][194] = 0;
+  _$jscoverage['plugins/image.js'][198] = 0;
+  _$jscoverage['plugins/image.js'][199] = 0;
+  _$jscoverage['plugins/image.js'][200] = 0;
+  _$jscoverage['plugins/image.js'][201] = 0;
+  _$jscoverage['plugins/image.js'][210] = 0;
+  _$jscoverage['plugins/image.js'][211] = 0;
+  _$jscoverage['plugins/image.js'][213] = 0;
+  _$jscoverage['plugins/image.js'][216] = 0;
+  _$jscoverage['plugins/image.js'][217] = 0;
+  _$jscoverage['plugins/image.js'][223] = 0;
+  _$jscoverage['plugins/image.js'][227] = 0;
+}
+_$jscoverage['plugins/image.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#22270;&#29255;&#25554;&#20837;&#12289;&#25490;&#29256;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23545;&#22270;&#29255;&#23621;&#24038;&#23621;&#20013;&#23621;&#21491;&#25490;&#29256;</span>","<span class=\"c\"> * @command imagefloat</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { String } align &#23545;&#40784;&#26041;&#24335;&#65292;&#21487;&#20256;left&#12289;right&#12289;none&#12289;center</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'imagefloat', 'center' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22914;&#26524;&#36873;&#21306;&#25152;&#22312;&#20301;&#32622;&#26159;&#22270;&#29255;&#21306;&#22495;</span>","<span class=\"c\"> * @command imagefloat</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { String } &#36820;&#22238;&#22270;&#29255;&#23545;&#40784;&#26041;&#24335;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'imagefloat' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#26159;&#21542;&#26159;&#22270;&#29255;</span>","<span class=\"c\"> * @command imagefloat</span>","<span class=\"c\"> * @method queryCommandState</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { int } 0&#20026;&#26159;&#65292;-1&#20026;&#19981;&#26159;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandState( 'imagefloat' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'imagefloat'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> align<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","            range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> img <span class=\"k\">=</span> range<span class=\"k\">.</span>getClosedNode<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>img <span class=\"k\">&amp;&amp;</span> img<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'IMG'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">switch</span> <span class=\"k\">(</span>align<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">case</span> <span class=\"s\">'left'</span><span class=\"k\">:</span>","                    <span class=\"k\">case</span> <span class=\"s\">'right'</span><span class=\"k\">:</span>","                    <span class=\"k\">case</span> <span class=\"s\">'none'</span><span class=\"k\">:</span>","                        <span class=\"k\">var</span> pN <span class=\"k\">=</span> img<span class=\"k\">.</span>parentNode<span class=\"k\">,</span> tmpNode<span class=\"k\">,</span> pre<span class=\"k\">,</span> next<span class=\"k\">;</span>","                        <span class=\"k\">while</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$inline<span class=\"k\">[</span>pN<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">||</span> pN<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'A'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            pN <span class=\"k\">=</span> pN<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        tmpNode <span class=\"k\">=</span> pN<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'P'</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>getStyle<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> <span class=\"s\">'text-align'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">'center'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>getChildCount<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">return</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">);</span>","                            <span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                                pre <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                                next <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> next <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> next<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>tagName <span class=\"k\">==</span> next<span class=\"k\">.</span>tagName <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>pre<span class=\"k\">))</span> <span class=\"k\">{</span>","                                    pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                    <span class=\"k\">while</span> <span class=\"k\">(</span>next<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                        pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>next<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                    <span class=\"k\">}</span>","                                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>next<span class=\"k\">);</span>","                                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                    domUtils<span class=\"k\">.</span>setStyle<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> <span class=\"s\">'text-align'</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","                                <span class=\"k\">}</span>","","","                            <span class=\"k\">}</span>","","                            range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>img<span class=\"k\">).</span>select<span class=\"k\">();</span>","                        <span class=\"k\">}</span>","                        domUtils<span class=\"k\">.</span>setStyle<span class=\"k\">(</span>img<span class=\"k\">,</span> <span class=\"s\">'float'</span><span class=\"k\">,</span> align <span class=\"k\">==</span> <span class=\"s\">'none'</span> <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> align<span class=\"k\">);</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>align <span class=\"k\">==</span> <span class=\"s\">'none'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>img<span class=\"k\">,</span><span class=\"s\">'align'</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">case</span> <span class=\"s\">'center'</span><span class=\"k\">:</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'imagefloat'</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"s\">'center'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            pN <span class=\"k\">=</span> img<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                            domUtils<span class=\"k\">.</span>setStyle<span class=\"k\">(</span>img<span class=\"k\">,</span> <span class=\"s\">'float'</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","                            domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>img<span class=\"k\">,</span><span class=\"s\">'align'</span><span class=\"k\">);</span>","                            tmpNode <span class=\"k\">=</span> img<span class=\"k\">;</span>","                            <span class=\"k\">while</span> <span class=\"k\">(</span>pN <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>getChildCount<span class=\"k\">(</span>pN<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">return</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">);</span>","                            <span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">1</span>","                                <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$inline<span class=\"k\">[</span>pN<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">||</span> pN<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'A'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                                tmpNode <span class=\"k\">=</span> pN<span class=\"k\">;</span>","                                pN <span class=\"k\">=</span> pN<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                            pN <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'div'</span><span class=\"k\">);</span>","                            pN<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                            domUtils<span class=\"k\">.</span>setStyle<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> <span class=\"s\">'float'</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","","                            me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertHtml'</span><span class=\"k\">,</span> <span class=\"s\">'&lt;p id=\"_img_parent_tmp\" style=\"text-align:center\"&gt;'</span> <span class=\"k\">+</span> pN<span class=\"k\">.</span>innerHTML <span class=\"k\">+</span> <span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">);</span>","","                            tmpNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"s\">'_img_parent_tmp'</span><span class=\"k\">);</span>","                            tmpNode<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">'id'</span><span class=\"k\">);</span>","                            tmpNode <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                            range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>select<span class=\"k\">();</span>","                            <span class=\"c\">//&#21435;&#25481;&#21518;&#36793;&#22810;&#20313;&#30340;&#20803;&#32032;</span>","                            next <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>next <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>next<span class=\"k\">))</span> <span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>next<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","","                        <span class=\"k\">}</span>","","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","    queryCommandValue<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","            startNode<span class=\"k\">,</span> floatStyle<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        startNode <span class=\"k\">=</span> range<span class=\"k\">.</span>getClosedNode<span class=\"k\">();</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>startNode <span class=\"k\">&amp;&amp;</span> startNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> startNode<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'IMG'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            floatStyle <span class=\"k\">=</span> startNode<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">)||</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>startNode<span class=\"k\">,</span> <span class=\"s\">'float'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>floatStyle <span class=\"k\">==</span> <span class=\"s\">'none'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                floatStyle <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>startNode<span class=\"k\">.</span>parentNode<span class=\"k\">,</span> <span class=\"s\">'text-align'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">'center'</span> <span class=\"k\">?</span> <span class=\"s\">'center'</span> <span class=\"k\">:</span> floatStyle<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                left<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","                right<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","                center<span class=\"k\">:</span><span class=\"s\">1</span>","            <span class=\"k\">}</span><span class=\"k\">[</span>floatStyle<span class=\"k\">]</span> <span class=\"k\">?</span> floatStyle <span class=\"k\">:</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","","","    <span class=\"k\">}</span><span class=\"k\">,</span>","    queryCommandState<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","            startNode<span class=\"k\">;</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span>  <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","","        startNode <span class=\"k\">=</span> range<span class=\"k\">.</span>getClosedNode<span class=\"k\">();</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>startNode <span class=\"k\">&amp;&amp;</span> startNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> startNode<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'IMG'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#21521;&#32534;&#36753;&#22120;&#25554;&#20837;&#22270;&#29255;</span>","<span class=\"c\"> * @command insertimage</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { Object } opt &#23646;&#24615;&#38190;&#20540;&#23545;&#65292;&#36825;&#20123;&#23646;&#24615;&#37117;&#23558;&#34987;&#22797;&#21046;&#21040;&#24403;&#21069;&#25554;&#20837;&#22270;&#29255;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'insertimage', {</span>","<span class=\"c\"> *     src:'a/b/c.jpg',</span>","<span class=\"c\"> *     width:'100',</span>","<span class=\"c\"> *     height:'100'</span>","<span class=\"c\"> * } );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'insertimage'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> opt<span class=\"k\">)</span> <span class=\"k\">{</span>","","        opt <span class=\"k\">=</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>opt<span class=\"k\">)</span> <span class=\"k\">?</span> opt <span class=\"k\">:</span> <span class=\"k\">[</span>opt<span class=\"k\">];</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>opt<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","            range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","            img <span class=\"k\">=</span> range<span class=\"k\">.</span>getClosedNode<span class=\"k\">();</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>img <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/img/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>img<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> img<span class=\"k\">.</span>className <span class=\"k\">!=</span> <span class=\"s\">\"edui-faked-video\"</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>img<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"word_img\"</span><span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> first <span class=\"k\">=</span> opt<span class=\"k\">.</span>shift<span class=\"k\">();</span>","            <span class=\"k\">var</span> floatStyle <span class=\"k\">=</span> first<span class=\"k\">[</span><span class=\"s\">'floatStyle'</span><span class=\"k\">];</span>","            <span class=\"k\">delete</span> first<span class=\"k\">[</span><span class=\"s\">'floatStyle'</span><span class=\"k\">];</span>","<span class=\"c\">////                img.style.border = (first.border||0) +\"px solid #000\";</span>","<span class=\"c\">////                img.style.margin = (first.margin||0) +\"px\";</span>","<span class=\"c\">//                img.style.cssText += ';margin:' + (first.margin||0) +\"px;\" + 'border:' + (first.border||0) +\"px solid #000\";</span>","            domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>img<span class=\"k\">,</span> first<span class=\"k\">);</span>","            me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'imagefloat'</span><span class=\"k\">,</span> floatStyle<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                range<span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span>img<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertimage'</span><span class=\"k\">,</span> opt<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> html <span class=\"k\">=</span> <span class=\"k\">[],</span> str <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">,</span> ci<span class=\"k\">;</span>","            ci <span class=\"k\">=</span> opt<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                str <span class=\"k\">=</span> <span class=\"s\">'&lt;img src=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>src <span class=\"k\">+</span> <span class=\"s\">'\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>_src <span class=\"k\">?</span> <span class=\"s\">' _src=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>_src <span class=\"k\">+</span> <span class=\"s\">'\" '</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span>ci<span class=\"k\">.</span>width <span class=\"k\">?</span> <span class=\"s\">'width=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>width <span class=\"k\">+</span> <span class=\"s\">'\" '</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span>ci<span class=\"k\">.</span>height <span class=\"k\">?</span> <span class=\"s\">' height=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>height <span class=\"k\">+</span> <span class=\"s\">'\" '</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span>ci<span class=\"k\">[</span><span class=\"s\">'floatStyle'</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">'left'</span> <span class=\"k\">||</span> ci<span class=\"k\">[</span><span class=\"s\">'floatStyle'</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">'right'</span> <span class=\"k\">?</span> <span class=\"s\">' style=\"float:'</span> <span class=\"k\">+</span> ci<span class=\"k\">[</span><span class=\"s\">'floatStyle'</span><span class=\"k\">]</span> <span class=\"k\">+</span> <span class=\"s\">';\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span>ci<span class=\"k\">.</span>title <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>title <span class=\"k\">!=</span> <span class=\"s\">\"\"</span> <span class=\"k\">?</span> <span class=\"s\">' title=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>title <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span>ci<span class=\"k\">.</span>border <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>border <span class=\"k\">!=</span> <span class=\"s\">\"0\"</span> <span class=\"k\">?</span> <span class=\"s\">' border=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>border <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span>ci<span class=\"k\">.</span>alt <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>alt <span class=\"k\">!=</span> <span class=\"s\">\"\"</span> <span class=\"k\">?</span> <span class=\"s\">' alt=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>alt <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span>ci<span class=\"k\">.</span>hspace <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>hspace <span class=\"k\">!=</span> <span class=\"s\">\"0\"</span> <span class=\"k\">?</span> <span class=\"s\">' hspace = \"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>hspace <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                    <span class=\"k\">(</span>ci<span class=\"k\">.</span>vspace <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">.</span>vspace <span class=\"k\">!=</span> <span class=\"s\">\"0\"</span> <span class=\"k\">?</span> <span class=\"s\">' vspace = \"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>vspace <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'/&gt;'</span><span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">[</span><span class=\"s\">'floatStyle'</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">'center'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    str <span class=\"k\">=</span> <span class=\"s\">'&lt;p style=\"text-align: center\"&gt;'</span> <span class=\"k\">+</span> str <span class=\"k\">+</span> <span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                html<span class=\"k\">.</span>push<span class=\"k\">(</span>str<span class=\"k\">);</span>","","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> ci <span class=\"k\">=</span> opt<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    str <span class=\"k\">=</span> <span class=\"s\">'&lt;p '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>ci<span class=\"k\">[</span><span class=\"s\">'floatStyle'</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">'center'</span> <span class=\"k\">?</span> <span class=\"s\">'style=\"text-align: center\" '</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;&lt;img src=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>src <span class=\"k\">+</span> <span class=\"s\">'\" '</span> <span class=\"k\">+</span>","                        <span class=\"k\">(</span>ci<span class=\"k\">.</span>width <span class=\"k\">?</span> <span class=\"s\">'width=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>width <span class=\"k\">+</span> <span class=\"s\">'\" '</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>_src <span class=\"k\">?</span> <span class=\"s\">' _src=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>_src <span class=\"k\">+</span> <span class=\"s\">'\" '</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                        <span class=\"k\">(</span>ci<span class=\"k\">.</span>height <span class=\"k\">?</span> <span class=\"s\">' height=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>height <span class=\"k\">+</span> <span class=\"s\">'\" '</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                        <span class=\"s\">' style=\"'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>ci<span class=\"k\">[</span><span class=\"s\">'floatStyle'</span><span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> ci<span class=\"k\">[</span><span class=\"s\">'floatStyle'</span><span class=\"k\">]</span> <span class=\"k\">!=</span> <span class=\"s\">'center'</span> <span class=\"k\">?</span> <span class=\"s\">'float:'</span> <span class=\"k\">+</span> ci<span class=\"k\">[</span><span class=\"s\">'floatStyle'</span><span class=\"k\">]</span> <span class=\"k\">+</span> <span class=\"s\">';'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                        <span class=\"k\">(</span>ci<span class=\"k\">.</span>border <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'\" '</span> <span class=\"k\">+</span>","                        <span class=\"k\">(</span>ci<span class=\"k\">.</span>title <span class=\"k\">?</span> <span class=\"s\">' title=\"'</span> <span class=\"k\">+</span> ci<span class=\"k\">.</span>title <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">' /&gt;&lt;/p&gt;'</span><span class=\"k\">;</span>","                    html<span class=\"k\">.</span>push<span class=\"k\">(</span>str<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertHtml'</span><span class=\"k\">,</span> html<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">));</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/image.js'][41]++;
+UE.commands.imagefloat = {execCommand: (function (cmd, align) {
+  _$jscoverage['plugins/image.js'][43]++;
+  var me = this, range = me.selection.getRange();
+  _$jscoverage['plugins/image.js'][45]++;
+  if ((! range.collapsed)) {
+    _$jscoverage['plugins/image.js'][46]++;
+    var img = range.getClosedNode();
+    _$jscoverage['plugins/image.js'][47]++;
+    if ((img && (img.tagName == "IMG"))) {
+      _$jscoverage['plugins/image.js'][48]++;
+      switch (align) {
+      case "left":
+      case "right":
+      case "none":
+        _$jscoverage['plugins/image.js'][52]++;
+        var pN = img.parentNode, tmpNode, pre, next;
+        _$jscoverage['plugins/image.js'][53]++;
+        while ((dtd.$inline[pN.tagName] || (pN.tagName == "A"))) {
+          _$jscoverage['plugins/image.js'][54]++;
+          pN = pN.parentNode;
+}
+        _$jscoverage['plugins/image.js'][56]++;
+        tmpNode = pN;
+        _$jscoverage['plugins/image.js'][57]++;
+        if (((tmpNode.tagName == "P") && (domUtils.getStyle(tmpNode, "text-align") == "center"))) {
+          _$jscoverage['plugins/image.js'][58]++;
+          if (((! domUtils.isBody(tmpNode)) && (domUtils.getChildCount(tmpNode, (function (node) {
+  _$jscoverage['plugins/image.js'][59]++;
+  return ((! domUtils.isBr(node)) && (! domUtils.isWhitespace(node)));
+})) == 1))) {
+            _$jscoverage['plugins/image.js'][61]++;
+            pre = tmpNode.previousSibling;
+            _$jscoverage['plugins/image.js'][62]++;
+            next = tmpNode.nextSibling;
+            _$jscoverage['plugins/image.js'][63]++;
+            if ((pre && next && (pre.nodeType == 1) && (next.nodeType == 1) && (pre.tagName == next.tagName) && domUtils.isBlockElm(pre))) {
+              _$jscoverage['plugins/image.js'][64]++;
+              pre.appendChild(tmpNode.firstChild);
+              _$jscoverage['plugins/image.js'][65]++;
+              while (next.firstChild) {
+                _$jscoverage['plugins/image.js'][66]++;
+                pre.appendChild(next.firstChild);
+}
+              _$jscoverage['plugins/image.js'][68]++;
+              domUtils.remove(tmpNode);
+              _$jscoverage['plugins/image.js'][69]++;
+              domUtils.remove(next);
+            }
+            else {
+              _$jscoverage['plugins/image.js'][71]++;
+              domUtils.setStyle(tmpNode, "text-align", "");
+            }
+          }
+          _$jscoverage['plugins/image.js'][77]++;
+          range.selectNode(img).select();
+        }
+        _$jscoverage['plugins/image.js'][79]++;
+        domUtils.setStyle(img, "float", ((align == "none")? "": align));
+        _$jscoverage['plugins/image.js'][80]++;
+        if ((align == "none")) {
+          _$jscoverage['plugins/image.js'][81]++;
+          domUtils.removeAttributes(img, "align");
+        }
+        _$jscoverage['plugins/image.js'][84]++;
+        break;
+      case "center":
+        _$jscoverage['plugins/image.js'][86]++;
+        if ((me.queryCommandValue("imagefloat") != "center")) {
+          _$jscoverage['plugins/image.js'][87]++;
+          pN = img.parentNode;
+          _$jscoverage['plugins/image.js'][88]++;
+          domUtils.setStyle(img, "float", "");
+          _$jscoverage['plugins/image.js'][89]++;
+          domUtils.removeAttributes(img, "align");
+          _$jscoverage['plugins/image.js'][90]++;
+          tmpNode = img;
+          _$jscoverage['plugins/image.js'][91]++;
+          while ((pN && (domUtils.getChildCount(pN, (function (node) {
+  _$jscoverage['plugins/image.js'][92]++;
+  return ((! domUtils.isBr(node)) && (! domUtils.isWhitespace(node)));
+})) == 1) && (dtd.$inline[pN.tagName] || (pN.tagName == "A")))) {
+            _$jscoverage['plugins/image.js'][95]++;
+            tmpNode = pN;
+            _$jscoverage['plugins/image.js'][96]++;
+            pN = pN.parentNode;
+}
+          _$jscoverage['plugins/image.js'][98]++;
+          range.setStartBefore(tmpNode).setCursor(false);
+          _$jscoverage['plugins/image.js'][99]++;
+          pN = me.document.createElement("div");
+          _$jscoverage['plugins/image.js'][100]++;
+          pN.appendChild(tmpNode);
+          _$jscoverage['plugins/image.js'][101]++;
+          domUtils.setStyle(tmpNode, "float", "");
+          _$jscoverage['plugins/image.js'][103]++;
+          me.execCommand("insertHtml", ("<p id=\"_img_parent_tmp\" style=\"text-align:center\">" + pN.innerHTML + "</p>"));
+          _$jscoverage['plugins/image.js'][105]++;
+          tmpNode = me.document.getElementById("_img_parent_tmp");
+          _$jscoverage['plugins/image.js'][106]++;
+          tmpNode.removeAttribute("id");
+          _$jscoverage['plugins/image.js'][107]++;
+          tmpNode = tmpNode.firstChild;
+          _$jscoverage['plugins/image.js'][108]++;
+          range.selectNode(tmpNode).select();
+          _$jscoverage['plugins/image.js'][110]++;
+          next = tmpNode.parentNode.nextSibling;
+          _$jscoverage['plugins/image.js'][111]++;
+          if ((next && domUtils.isEmptyNode(next))) {
+            _$jscoverage['plugins/image.js'][112]++;
+            domUtils.remove(next);
+          }
+        }
+        _$jscoverage['plugins/image.js'][117]++;
+        break;
+      }
+    }
+  }
+}), queryCommandValue: (function () {
+  _$jscoverage['plugins/image.js'][124]++;
+  var range = this.selection.getRange(), startNode, floatStyle;
+  _$jscoverage['plugins/image.js'][126]++;
+  if (range.collapsed) {
+    _$jscoverage['plugins/image.js'][127]++;
+    return "none";
+  }
+  _$jscoverage['plugins/image.js'][129]++;
+  startNode = range.getClosedNode();
+  _$jscoverage['plugins/image.js'][130]++;
+  if ((startNode && (startNode.nodeType == 1) && (startNode.tagName == "IMG"))) {
+    _$jscoverage['plugins/image.js'][131]++;
+    floatStyle = (startNode.getAttribute("align") || domUtils.getComputedStyle(startNode, "float"));
+    _$jscoverage['plugins/image.js'][132]++;
+    if ((floatStyle == "none")) {
+      _$jscoverage['plugins/image.js'][133]++;
+      floatStyle = ((domUtils.getComputedStyle(startNode.parentNode, "text-align") == "center")? "center": floatStyle);
+    }
+    _$jscoverage['plugins/image.js'][135]++;
+    return ({left: 1, right: 1, center: 1}[floatStyle]? floatStyle: "none");
+  }
+  _$jscoverage['plugins/image.js'][141]++;
+  return "none";
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/image.js'][146]++;
+  var range = this.selection.getRange(), startNode;
+  _$jscoverage['plugins/image.js'][149]++;
+  if (range.collapsed) {
+    _$jscoverage['plugins/image.js'][149]++;
+    return -1;
+  }
+  _$jscoverage['plugins/image.js'][151]++;
+  startNode = range.getClosedNode();
+  _$jscoverage['plugins/image.js'][152]++;
+  if ((startNode && (startNode.nodeType == 1) && (startNode.tagName == "IMG"))) {
+    _$jscoverage['plugins/image.js'][153]++;
+    return 0;
+  }
+  _$jscoverage['plugins/image.js'][155]++;
+  return -1;
+})};
+_$jscoverage['plugins/image.js'][173]++;
+UE.commands.insertimage = {execCommand: (function (cmd, opt) {
+  _$jscoverage['plugins/image.js'][176]++;
+  opt = (utils.isArray(opt)? opt: [opt]);
+  _$jscoverage['plugins/image.js'][177]++;
+  if ((! opt.length)) {
+    _$jscoverage['plugins/image.js'][178]++;
+    return;
+  }
+  _$jscoverage['plugins/image.js'][180]++;
+  var me = this, range = me.selection.getRange(), img = range.getClosedNode();
+  _$jscoverage['plugins/image.js'][183]++;
+  if ((img && /img/i.test(img.tagName) && (img.className != "edui-faked-video") && (! img.getAttribute("word_img")))) {
+    _$jscoverage['plugins/image.js'][184]++;
+    var first = opt.shift();
+    _$jscoverage['plugins/image.js'][185]++;
+    var floatStyle = first.floatStyle;
+    _$jscoverage['plugins/image.js'][186]++;
+    (delete first.floatStyle);
+    _$jscoverage['plugins/image.js'][190]++;
+    domUtils.setAttributes(img, first);
+    _$jscoverage['plugins/image.js'][191]++;
+    me.execCommand("imagefloat", floatStyle);
+    _$jscoverage['plugins/image.js'][192]++;
+    if ((opt.length > 0)) {
+      _$jscoverage['plugins/image.js'][193]++;
+      range.setStartAfter(img).setCursor(false, true);
+      _$jscoverage['plugins/image.js'][194]++;
+      me.execCommand("insertimage", opt);
+    }
+  }
+  else {
+    _$jscoverage['plugins/image.js'][198]++;
+    var html = [], str = "", ci;
+    _$jscoverage['plugins/image.js'][199]++;
+    ci = opt[0];
+    _$jscoverage['plugins/image.js'][200]++;
+    if ((opt.length == 1)) {
+      _$jscoverage['plugins/image.js'][201]++;
+      str = ("<img src=\"" + ci.src + "\" " + (ci._src? (" _src=\"" + ci._src + "\" "): "") + (ci.width? ("width=\"" + ci.width + "\" "): "") + (ci.height? (" height=\"" + ci.height + "\" "): "") + (((ci.floatStyle == "left") || (ci.floatStyle == "right"))? (" style=\"float:" + ci.floatStyle + ";\""): "") + ((ci.title && (ci.title != ""))? (" title=\"" + ci.title + "\""): "") + ((ci.border && (ci.border != "0"))? (" border=\"" + ci.border + "\""): "") + ((ci.alt && (ci.alt != ""))? (" alt=\"" + ci.alt + "\""): "") + ((ci.hspace && (ci.hspace != "0"))? (" hspace = \"" + ci.hspace + "\""): "") + ((ci.vspace && (ci.vspace != "0"))? (" vspace = \"" + ci.vspace + "\""): "") + "/>");
+      _$jscoverage['plugins/image.js'][210]++;
+      if ((ci.floatStyle == "center")) {
+        _$jscoverage['plugins/image.js'][211]++;
+        str = ("<p style=\"text-align: center\">" + str + "</p>");
+      }
+      _$jscoverage['plugins/image.js'][213]++;
+      html.push(str);
+    }
+    else {
+      _$jscoverage['plugins/image.js'][216]++;
+      for (var i = 0; (ci = opt[(i++)]);) {
+        _$jscoverage['plugins/image.js'][217]++;
+        str = ("<p " + ((ci.floatStyle == "center")? "style=\"text-align: center\" ": "") + "><img src=\"" + ci.src + "\" " + (ci.width? ("width=\"" + ci.width + "\" "): "") + (ci._src? (" _src=\"" + ci._src + "\" "): "") + (ci.height? (" height=\"" + ci.height + "\" "): "") + " style=\"" + ((ci.floatStyle && (ci.floatStyle != "center"))? ("float:" + ci.floatStyle + ";"): "") + (ci.border || "") + "\" " + (ci.title? (" title=\"" + ci.title + "\""): "") + " /></p>");
+        _$jscoverage['plugins/image.js'][223]++;
+        html.push(str);
+}
+    }
+    _$jscoverage['plugins/image.js'][227]++;
+    me.execCommand("insertHtml", html.join(""));
+  }
+})};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/indent.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/indent.js
new file mode 100644
index 000000000..83ae81e5c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/indent.js
@@ -0,0 +1,60 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/indent.js']) {
+  _$jscoverage['plugins/indent.js'] = [];
+  _$jscoverage['plugins/indent.js'][30] = 0;
+  _$jscoverage['plugins/indent.js'][32] = 0;
+  _$jscoverage['plugins/indent.js'][33] = 0;
+  _$jscoverage['plugins/indent.js'][36] = 0;
+  _$jscoverage['plugins/indent.js'][37] = 0;
+}
+_$jscoverage['plugins/indent.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#32553;&#36827;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#32473;&#36873;&#21306;&#20869;&#25991;&#26412;&#28155;&#21152;&#32553;&#36827;</span>","<span class=\"c\"> * @command indent</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'indent' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#26159;&#21542;&#26377;&#32553;&#36827;</span>","<span class=\"c\"> * @command indent</span>","<span class=\"c\"> * @method queryCommandState</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { int } 0&#20026;&#19981;&#26159;&#65292;1&#20026;&#26159;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandState( 'indent' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'indent'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","         <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>value <span class=\"k\">=</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">\"indent\"</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">\"0em\"</span> <span class=\"k\">:</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>indentValue <span class=\"k\">||</span> <span class=\"s\">'2em'</span><span class=\"k\">);</span>","         me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'Paragraph'</span><span class=\"k\">,</span><span class=\"s\">'p'</span><span class=\"k\">,</span><span class=\"k\">{</span>style<span class=\"k\">:</span><span class=\"s\">'text-indent:'</span><span class=\"k\">+</span> value<span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","    queryCommandState <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> pN <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>filterNodeList<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">(),</span><span class=\"s\">'p h1 h2 h3 h4 h5 h6'</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> pN <span class=\"k\">&amp;&amp;</span> pN<span class=\"k\">.</span>style<span class=\"k\">.</span>textIndent <span class=\"k\">&amp;&amp;</span> parseInt<span class=\"k\">(</span>pN<span class=\"k\">.</span>style<span class=\"k\">.</span>textIndent<span class=\"k\">)</span> <span class=\"k\">?</span>  <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/indent.js'][30]++;
+UE.commands.indent = {execCommand: (function () {
+  _$jscoverage['plugins/indent.js'][32]++;
+  var me = this, value = (me.queryCommandState("indent")? "0em": (me.options.indentValue || "2em"));
+  _$jscoverage['plugins/indent.js'][33]++;
+  me.execCommand("Paragraph", "p", {style: ("text-indent:" + value)});
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/indent.js'][36]++;
+  var pN = domUtils.filterNodeList(this.selection.getStartElementPath(), "p h1 h2 h3 h4 h5 h6");
+  _$jscoverage['plugins/indent.js'][37]++;
+  return ((pN && pN.style.textIndent && parseInt(pN.style.textIndent))? 1: 0);
+})};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/insertcode.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/insertcode.js
new file mode 100644
index 000000000..a870678b8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/insertcode.js
@@ -0,0 +1,1066 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/insertcode.js']) {
+  _$jscoverage['plugins/insertcode.js'] = [];
+  _$jscoverage['plugins/insertcode.js'][7] = 0;
+  _$jscoverage['plugins/insertcode.js'][8] = 0;
+  _$jscoverage['plugins/insertcode.js'][9] = 0;
+  _$jscoverage['plugins/insertcode.js'][10] = 0;
+  _$jscoverage['plugins/insertcode.js'][13] = 0;
+  _$jscoverage['plugins/insertcode.js'][63] = 0;
+  _$jscoverage['plugins/insertcode.js'][65] = 0;
+  _$jscoverage['plugins/insertcode.js'][68] = 0;
+  _$jscoverage['plugins/insertcode.js'][69] = 0;
+  _$jscoverage['plugins/insertcode.js'][71] = 0;
+  _$jscoverage['plugins/insertcode.js'][72] = 0;
+  _$jscoverage['plugins/insertcode.js'][73] = 0;
+  _$jscoverage['plugins/insertcode.js'][75] = 0;
+  _$jscoverage['plugins/insertcode.js'][76] = 0;
+  _$jscoverage['plugins/insertcode.js'][77] = 0;
+  _$jscoverage['plugins/insertcode.js'][79] = 0;
+  _$jscoverage['plugins/insertcode.js'][80] = 0;
+  _$jscoverage['plugins/insertcode.js'][82] = 0;
+  _$jscoverage['plugins/insertcode.js'][83] = 0;
+  _$jscoverage['plugins/insertcode.js'][84] = 0;
+  _$jscoverage['plugins/insertcode.js'][85] = 0;
+  _$jscoverage['plugins/insertcode.js'][86] = 0;
+  _$jscoverage['plugins/insertcode.js'][87] = 0;
+  _$jscoverage['plugins/insertcode.js'][88] = 0;
+  _$jscoverage['plugins/insertcode.js'][89] = 0;
+  _$jscoverage['plugins/insertcode.js'][90] = 0;
+  _$jscoverage['plugins/insertcode.js'][91] = 0;
+  _$jscoverage['plugins/insertcode.js'][94] = 0;
+  _$jscoverage['plugins/insertcode.js'][97] = 0;
+  _$jscoverage['plugins/insertcode.js'][98] = 0;
+  _$jscoverage['plugins/insertcode.js'][102] = 0;
+  _$jscoverage['plugins/insertcode.js'][104] = 0;
+  _$jscoverage['plugins/insertcode.js'][105] = 0;
+  _$jscoverage['plugins/insertcode.js'][108] = 0;
+  _$jscoverage['plugins/insertcode.js'][110] = 0;
+  _$jscoverage['plugins/insertcode.js'][111] = 0;
+  _$jscoverage['plugins/insertcode.js'][112] = 0;
+  _$jscoverage['plugins/insertcode.js'][113] = 0;
+  _$jscoverage['plugins/insertcode.js'][114] = 0;
+  _$jscoverage['plugins/insertcode.js'][115] = 0;
+  _$jscoverage['plugins/insertcode.js'][116] = 0;
+  _$jscoverage['plugins/insertcode.js'][117] = 0;
+  _$jscoverage['plugins/insertcode.js'][118] = 0;
+  _$jscoverage['plugins/insertcode.js'][119] = 0;
+  _$jscoverage['plugins/insertcode.js'][122] = 0;
+  _$jscoverage['plugins/insertcode.js'][125] = 0;
+  _$jscoverage['plugins/insertcode.js'][126] = 0;
+  _$jscoverage['plugins/insertcode.js'][130] = 0;
+  _$jscoverage['plugins/insertcode.js'][132] = 0;
+  _$jscoverage['plugins/insertcode.js'][133] = 0;
+  _$jscoverage['plugins/insertcode.js'][137] = 0;
+  _$jscoverage['plugins/insertcode.js'][138] = 0;
+  _$jscoverage['plugins/insertcode.js'][139] = 0;
+  _$jscoverage['plugins/insertcode.js'][140] = 0;
+  _$jscoverage['plugins/insertcode.js'][141] = 0;
+  _$jscoverage['plugins/insertcode.js'][149] = 0;
+  _$jscoverage['plugins/insertcode.js'][151] = 0;
+  _$jscoverage['plugins/insertcode.js'][152] = 0;
+  _$jscoverage['plugins/insertcode.js'][153] = 0;
+  _$jscoverage['plugins/insertcode.js'][155] = 0;
+  _$jscoverage['plugins/insertcode.js'][157] = 0;
+  _$jscoverage['plugins/insertcode.js'][159] = 0;
+  _$jscoverage['plugins/insertcode.js'][160] = 0;
+  _$jscoverage['plugins/insertcode.js'][161] = 0;
+  _$jscoverage['plugins/insertcode.js'][163] = 0;
+  _$jscoverage['plugins/insertcode.js'][171] = 0;
+  _$jscoverage['plugins/insertcode.js'][172] = 0;
+  _$jscoverage['plugins/insertcode.js'][173] = 0;
+  _$jscoverage['plugins/insertcode.js'][174] = 0;
+  _$jscoverage['plugins/insertcode.js'][175] = 0;
+  _$jscoverage['plugins/insertcode.js'][176] = 0;
+  _$jscoverage['plugins/insertcode.js'][177] = 0;
+  _$jscoverage['plugins/insertcode.js'][180] = 0;
+  _$jscoverage['plugins/insertcode.js'][184] = 0;
+  _$jscoverage['plugins/insertcode.js'][185] = 0;
+  _$jscoverage['plugins/insertcode.js'][186] = 0;
+  _$jscoverage['plugins/insertcode.js'][187] = 0;
+  _$jscoverage['plugins/insertcode.js'][188] = 0;
+  _$jscoverage['plugins/insertcode.js'][189] = 0;
+  _$jscoverage['plugins/insertcode.js'][190] = 0;
+  _$jscoverage['plugins/insertcode.js'][191] = 0;
+  _$jscoverage['plugins/insertcode.js'][193] = 0;
+  _$jscoverage['plugins/insertcode.js'][195] = 0;
+  _$jscoverage['plugins/insertcode.js'][196] = 0;
+  _$jscoverage['plugins/insertcode.js'][197] = 0;
+  _$jscoverage['plugins/insertcode.js'][198] = 0;
+  _$jscoverage['plugins/insertcode.js'][199] = 0;
+  _$jscoverage['plugins/insertcode.js'][200] = 0;
+  _$jscoverage['plugins/insertcode.js'][201] = 0;
+  _$jscoverage['plugins/insertcode.js'][203] = 0;
+  _$jscoverage['plugins/insertcode.js'][207] = 0;
+  _$jscoverage['plugins/insertcode.js'][208] = 0;
+  _$jscoverage['plugins/insertcode.js'][209] = 0;
+  _$jscoverage['plugins/insertcode.js'][210] = 0;
+  _$jscoverage['plugins/insertcode.js'][211] = 0;
+  _$jscoverage['plugins/insertcode.js'][214] = 0;
+  _$jscoverage['plugins/insertcode.js'][216] = 0;
+  _$jscoverage['plugins/insertcode.js'][217] = 0;
+  _$jscoverage['plugins/insertcode.js'][219] = 0;
+  _$jscoverage['plugins/insertcode.js'][226] = 0;
+  _$jscoverage['plugins/insertcode.js'][230] = 0;
+  _$jscoverage['plugins/insertcode.js'][247] = 0;
+  _$jscoverage['plugins/insertcode.js'][248] = 0;
+  _$jscoverage['plugins/insertcode.js'][249] = 0;
+  _$jscoverage['plugins/insertcode.js'][251] = 0;
+  _$jscoverage['plugins/insertcode.js'][252] = 0;
+  _$jscoverage['plugins/insertcode.js'][254] = 0;
+  _$jscoverage['plugins/insertcode.js'][256] = 0;
+  _$jscoverage['plugins/insertcode.js'][257] = 0;
+  _$jscoverage['plugins/insertcode.js'][258] = 0;
+  _$jscoverage['plugins/insertcode.js'][259] = 0;
+  _$jscoverage['plugins/insertcode.js'][260] = 0;
+  _$jscoverage['plugins/insertcode.js'][261] = 0;
+  _$jscoverage['plugins/insertcode.js'][262] = 0;
+  _$jscoverage['plugins/insertcode.js'][264] = 0;
+  _$jscoverage['plugins/insertcode.js'][265] = 0;
+  _$jscoverage['plugins/insertcode.js'][266] = 0;
+  _$jscoverage['plugins/insertcode.js'][267] = 0;
+  _$jscoverage['plugins/insertcode.js'][268] = 0;
+  _$jscoverage['plugins/insertcode.js'][269] = 0;
+  _$jscoverage['plugins/insertcode.js'][271] = 0;
+  _$jscoverage['plugins/insertcode.js'][273] = 0;
+  _$jscoverage['plugins/insertcode.js'][274] = 0;
+  _$jscoverage['plugins/insertcode.js'][275] = 0;
+  _$jscoverage['plugins/insertcode.js'][276] = 0;
+  _$jscoverage['plugins/insertcode.js'][277] = 0;
+  _$jscoverage['plugins/insertcode.js'][278] = 0;
+  _$jscoverage['plugins/insertcode.js'][279] = 0;
+  _$jscoverage['plugins/insertcode.js'][280] = 0;
+  _$jscoverage['plugins/insertcode.js'][283] = 0;
+  _$jscoverage['plugins/insertcode.js'][284] = 0;
+  _$jscoverage['plugins/insertcode.js'][285] = 0;
+  _$jscoverage['plugins/insertcode.js'][286] = 0;
+  _$jscoverage['plugins/insertcode.js'][287] = 0;
+  _$jscoverage['plugins/insertcode.js'][289] = 0;
+  _$jscoverage['plugins/insertcode.js'][290] = 0;
+  _$jscoverage['plugins/insertcode.js'][291] = 0;
+  _$jscoverage['plugins/insertcode.js'][292] = 0;
+  _$jscoverage['plugins/insertcode.js'][296] = 0;
+  _$jscoverage['plugins/insertcode.js'][297] = 0;
+  _$jscoverage['plugins/insertcode.js'][298] = 0;
+  _$jscoverage['plugins/insertcode.js'][301] = 0;
+  _$jscoverage['plugins/insertcode.js'][303] = 0;
+  _$jscoverage['plugins/insertcode.js'][305] = 0;
+  _$jscoverage['plugins/insertcode.js'][306] = 0;
+  _$jscoverage['plugins/insertcode.js'][307] = 0;
+  _$jscoverage['plugins/insertcode.js'][308] = 0;
+  _$jscoverage['plugins/insertcode.js'][309] = 0;
+  _$jscoverage['plugins/insertcode.js'][310] = 0;
+  _$jscoverage['plugins/insertcode.js'][311] = 0;
+  _$jscoverage['plugins/insertcode.js'][312] = 0;
+  _$jscoverage['plugins/insertcode.js'][315] = 0;
+  _$jscoverage['plugins/insertcode.js'][316] = 0;
+  _$jscoverage['plugins/insertcode.js'][317] = 0;
+  _$jscoverage['plugins/insertcode.js'][318] = 0;
+  _$jscoverage['plugins/insertcode.js'][319] = 0;
+  _$jscoverage['plugins/insertcode.js'][321] = 0;
+  _$jscoverage['plugins/insertcode.js'][325] = 0;
+  _$jscoverage['plugins/insertcode.js'][326] = 0;
+  _$jscoverage['plugins/insertcode.js'][327] = 0;
+  _$jscoverage['plugins/insertcode.js'][328] = 0;
+  _$jscoverage['plugins/insertcode.js'][329] = 0;
+  _$jscoverage['plugins/insertcode.js'][330] = 0;
+  _$jscoverage['plugins/insertcode.js'][331] = 0;
+  _$jscoverage['plugins/insertcode.js'][332] = 0;
+  _$jscoverage['plugins/insertcode.js'][333] = 0;
+  _$jscoverage['plugins/insertcode.js'][334] = 0;
+  _$jscoverage['plugins/insertcode.js'][335] = 0;
+  _$jscoverage['plugins/insertcode.js'][336] = 0;
+  _$jscoverage['plugins/insertcode.js'][339] = 0;
+  _$jscoverage['plugins/insertcode.js'][340] = 0;
+  _$jscoverage['plugins/insertcode.js'][341] = 0;
+  _$jscoverage['plugins/insertcode.js'][342] = 0;
+  _$jscoverage['plugins/insertcode.js'][343] = 0;
+  _$jscoverage['plugins/insertcode.js'][345] = 0;
+  _$jscoverage['plugins/insertcode.js'][346] = 0;
+  _$jscoverage['plugins/insertcode.js'][347] = 0;
+  _$jscoverage['plugins/insertcode.js'][348] = 0;
+  _$jscoverage['plugins/insertcode.js'][353] = 0;
+  _$jscoverage['plugins/insertcode.js'][354] = 0;
+  _$jscoverage['plugins/insertcode.js'][356] = 0;
+  _$jscoverage['plugins/insertcode.js'][361] = 0;
+  _$jscoverage['plugins/insertcode.js'][362] = 0;
+  _$jscoverage['plugins/insertcode.js'][368] = 0;
+  _$jscoverage['plugins/insertcode.js'][369] = 0;
+  _$jscoverage['plugins/insertcode.js'][370] = 0;
+  _$jscoverage['plugins/insertcode.js'][371] = 0;
+  _$jscoverage['plugins/insertcode.js'][372] = 0;
+  _$jscoverage['plugins/insertcode.js'][373] = 0;
+  _$jscoverage['plugins/insertcode.js'][436] = 0;
+  _$jscoverage['plugins/insertcode.js'][437] = 0;
+  _$jscoverage['plugins/insertcode.js'][438] = 0;
+  _$jscoverage['plugins/insertcode.js'][440] = 0;
+  _$jscoverage['plugins/insertcode.js'][441] = 0;
+  _$jscoverage['plugins/insertcode.js'][442] = 0;
+  _$jscoverage['plugins/insertcode.js'][444] = 0;
+  _$jscoverage['plugins/insertcode.js'][446] = 0;
+  _$jscoverage['plugins/insertcode.js'][447] = 0;
+  _$jscoverage['plugins/insertcode.js'][449] = 0;
+  _$jscoverage['plugins/insertcode.js'][451] = 0;
+  _$jscoverage['plugins/insertcode.js'][453] = 0;
+  _$jscoverage['plugins/insertcode.js'][454] = 0;
+  _$jscoverage['plugins/insertcode.js'][455] = 0;
+  _$jscoverage['plugins/insertcode.js'][456] = 0;
+  _$jscoverage['plugins/insertcode.js'][459] = 0;
+  _$jscoverage['plugins/insertcode.js'][460] = 0;
+  _$jscoverage['plugins/insertcode.js'][461] = 0;
+  _$jscoverage['plugins/insertcode.js'][462] = 0;
+  _$jscoverage['plugins/insertcode.js'][464] = 0;
+  _$jscoverage['plugins/insertcode.js'][467] = 0;
+  _$jscoverage['plugins/insertcode.js'][469] = 0;
+  _$jscoverage['plugins/insertcode.js'][471] = 0;
+  _$jscoverage['plugins/insertcode.js'][472] = 0;
+  _$jscoverage['plugins/insertcode.js'][477] = 0;
+  _$jscoverage['plugins/insertcode.js'][478] = 0;
+  _$jscoverage['plugins/insertcode.js'][485] = 0;
+  _$jscoverage['plugins/insertcode.js'][486] = 0;
+  _$jscoverage['plugins/insertcode.js'][489] = 0;
+  _$jscoverage['plugins/insertcode.js'][490] = 0;
+  _$jscoverage['plugins/insertcode.js'][491] = 0;
+  _$jscoverage['plugins/insertcode.js'][493] = 0;
+  _$jscoverage['plugins/insertcode.js'][494] = 0;
+  _$jscoverage['plugins/insertcode.js'][496] = 0;
+  _$jscoverage['plugins/insertcode.js'][497] = 0;
+  _$jscoverage['plugins/insertcode.js'][498] = 0;
+  _$jscoverage['plugins/insertcode.js'][499] = 0;
+  _$jscoverage['plugins/insertcode.js'][500] = 0;
+  _$jscoverage['plugins/insertcode.js'][501] = 0;
+  _$jscoverage['plugins/insertcode.js'][502] = 0;
+  _$jscoverage['plugins/insertcode.js'][503] = 0;
+  _$jscoverage['plugins/insertcode.js'][504] = 0;
+  _$jscoverage['plugins/insertcode.js'][505] = 0;
+  _$jscoverage['plugins/insertcode.js'][506] = 0;
+  _$jscoverage['plugins/insertcode.js'][509] = 0;
+  _$jscoverage['plugins/insertcode.js'][512] = 0;
+  _$jscoverage['plugins/insertcode.js'][513] = 0;
+  _$jscoverage['plugins/insertcode.js'][517] = 0;
+  _$jscoverage['plugins/insertcode.js'][519] = 0;
+  _$jscoverage['plugins/insertcode.js'][520] = 0;
+  _$jscoverage['plugins/insertcode.js'][523] = 0;
+  _$jscoverage['plugins/insertcode.js'][524] = 0;
+  _$jscoverage['plugins/insertcode.js'][526] = 0;
+  _$jscoverage['plugins/insertcode.js'][528] = 0;
+  _$jscoverage['plugins/insertcode.js'][529] = 0;
+  _$jscoverage['plugins/insertcode.js'][530] = 0;
+  _$jscoverage['plugins/insertcode.js'][531] = 0;
+  _$jscoverage['plugins/insertcode.js'][532] = 0;
+  _$jscoverage['plugins/insertcode.js'][533] = 0;
+  _$jscoverage['plugins/insertcode.js'][534] = 0;
+  _$jscoverage['plugins/insertcode.js'][535] = 0;
+  _$jscoverage['plugins/insertcode.js'][537] = 0;
+  _$jscoverage['plugins/insertcode.js'][538] = 0;
+  _$jscoverage['plugins/insertcode.js'][539] = 0;
+  _$jscoverage['plugins/insertcode.js'][543] = 0;
+  _$jscoverage['plugins/insertcode.js'][547] = 0;
+  _$jscoverage['plugins/insertcode.js'][548] = 0;
+  _$jscoverage['plugins/insertcode.js'][552] = 0;
+  _$jscoverage['plugins/insertcode.js'][554] = 0;
+  _$jscoverage['plugins/insertcode.js'][555] = 0;
+  _$jscoverage['plugins/insertcode.js'][560] = 0;
+  _$jscoverage['plugins/insertcode.js'][564] = 0;
+  _$jscoverage['plugins/insertcode.js'][568] = 0;
+  _$jscoverage['plugins/insertcode.js'][569] = 0;
+  _$jscoverage['plugins/insertcode.js'][570] = 0;
+  _$jscoverage['plugins/insertcode.js'][571] = 0;
+  _$jscoverage['plugins/insertcode.js'][572] = 0;
+  _$jscoverage['plugins/insertcode.js'][573] = 0;
+  _$jscoverage['plugins/insertcode.js'][574] = 0;
+  _$jscoverage['plugins/insertcode.js'][575] = 0;
+  _$jscoverage['plugins/insertcode.js'][577] = 0;
+  _$jscoverage['plugins/insertcode.js'][578] = 0;
+  _$jscoverage['plugins/insertcode.js'][579] = 0;
+  _$jscoverage['plugins/insertcode.js'][586] = 0;
+  _$jscoverage['plugins/insertcode.js'][587] = 0;
+  _$jscoverage['plugins/insertcode.js'][588] = 0;
+  _$jscoverage['plugins/insertcode.js'][589] = 0;
+  _$jscoverage['plugins/insertcode.js'][590] = 0;
+  _$jscoverage['plugins/insertcode.js'][591] = 0;
+  _$jscoverage['plugins/insertcode.js'][592] = 0;
+  _$jscoverage['plugins/insertcode.js'][593] = 0;
+  _$jscoverage['plugins/insertcode.js'][594] = 0;
+  _$jscoverage['plugins/insertcode.js'][595] = 0;
+  _$jscoverage['plugins/insertcode.js'][596] = 0;
+  _$jscoverage['plugins/insertcode.js'][597] = 0;
+}
+_$jscoverage['plugins/insertcode.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#20195;&#30721;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'insertcode'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>ready<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>cssRule<span class=\"k\">(</span><span class=\"s\">'pre'</span><span class=\"k\">,</span><span class=\"s\">'pre{margin:.5em 0;padding:.4em .6em;border-radius:8px;background:#f8f8f8;}'</span><span class=\"k\">,</span>","            me<span class=\"k\">.</span>document<span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"s\">'insertcode'</span><span class=\"k\">,</span><span class=\"k\">{</span>","            <span class=\"s\">'as3'</span><span class=\"k\">:</span><span class=\"s\">'ActionScript3'</span><span class=\"k\">,</span>","            <span class=\"s\">'bash'</span><span class=\"k\">:</span><span class=\"s\">'Bash/Shell'</span><span class=\"k\">,</span>","            <span class=\"s\">'cpp'</span><span class=\"k\">:</span><span class=\"s\">'C/C++'</span><span class=\"k\">,</span>","            <span class=\"s\">'css'</span><span class=\"k\">:</span><span class=\"s\">'Css'</span><span class=\"k\">,</span>","            <span class=\"s\">'cf'</span><span class=\"k\">:</span><span class=\"s\">'CodeFunction'</span><span class=\"k\">,</span>","            <span class=\"s\">'c#'</span><span class=\"k\">:</span><span class=\"s\">'C#'</span><span class=\"k\">,</span>","            <span class=\"s\">'delphi'</span><span class=\"k\">:</span><span class=\"s\">'Delphi'</span><span class=\"k\">,</span>","            <span class=\"s\">'diff'</span><span class=\"k\">:</span><span class=\"s\">'Diff'</span><span class=\"k\">,</span>","            <span class=\"s\">'erlang'</span><span class=\"k\">:</span><span class=\"s\">'Erlang'</span><span class=\"k\">,</span>","            <span class=\"s\">'groovy'</span><span class=\"k\">:</span><span class=\"s\">'Groovy'</span><span class=\"k\">,</span>","            <span class=\"s\">'html'</span><span class=\"k\">:</span><span class=\"s\">'Html'</span><span class=\"k\">,</span>","            <span class=\"s\">'java'</span><span class=\"k\">:</span><span class=\"s\">'Java'</span><span class=\"k\">,</span>","            <span class=\"s\">'jfx'</span><span class=\"k\">:</span><span class=\"s\">'JavaFx'</span><span class=\"k\">,</span>","            <span class=\"s\">'js'</span><span class=\"k\">:</span><span class=\"s\">'Javascript'</span><span class=\"k\">,</span>","            <span class=\"s\">'pl'</span><span class=\"k\">:</span><span class=\"s\">'Perl'</span><span class=\"k\">,</span>","            <span class=\"s\">'php'</span><span class=\"k\">:</span><span class=\"s\">'Php'</span><span class=\"k\">,</span>","            <span class=\"s\">'plain'</span><span class=\"k\">:</span><span class=\"s\">'Plain Text'</span><span class=\"k\">,</span>","            <span class=\"s\">'ps'</span><span class=\"k\">:</span><span class=\"s\">'PowerShell'</span><span class=\"k\">,</span>","            <span class=\"s\">'python'</span><span class=\"k\">:</span><span class=\"s\">'Python'</span><span class=\"k\">,</span>","            <span class=\"s\">'ruby'</span><span class=\"k\">:</span><span class=\"s\">'Ruby'</span><span class=\"k\">,</span>","            <span class=\"s\">'scala'</span><span class=\"k\">:</span><span class=\"s\">'Scala'</span><span class=\"k\">,</span>","            <span class=\"s\">'sql'</span><span class=\"k\">:</span><span class=\"s\">'Sql'</span><span class=\"k\">,</span>","            <span class=\"s\">'vb'</span><span class=\"k\">:</span><span class=\"s\">'Vb'</span><span class=\"k\">,</span>","            <span class=\"s\">'xml'</span><span class=\"k\">:</span><span class=\"s\">'Xml'</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26681;&#25454;&#36873;&#25321;&#30340;&#35821;&#35328;&#65292;&#25554;&#20837;&#20195;&#30721;&#32534;&#36753;&#22359;</span>","<span class=\"c\">     * @command insertcode</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @param { String } lang &#25554;&#20837;&#20195;&#30721;&#30340;&#35821;&#35328;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.execCommand( 'insertcode', 'javascript' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#22914;&#26524;&#36873;&#21306;&#25152;&#22312;&#20301;&#32622;&#26159;&#25554;&#20837;&#25554;&#20837;&#20195;&#30721;&#21306;&#22495;&#65292;&#36820;&#22238;&#20195;&#30721;&#30340;&#35821;&#35328;</span>","<span class=\"c\">     * @command insertcode</span>","<span class=\"c\">     * @method queryCommandValue</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { String } &#36820;&#22238;&#20195;&#30721;&#30340;&#35821;&#35328;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.queryCommandValue( 'insertcode' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'insertcode'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span>cmd<span class=\"k\">,</span>lang<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                pre <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'pre'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>pre<span class=\"k\">)</span><span class=\"k\">{</span>","                pre<span class=\"k\">.</span>className <span class=\"k\">=</span> <span class=\"s\">'brush:'</span><span class=\"k\">+</span>lang<span class=\"k\">+</span><span class=\"s\">';toolbar:false;'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> code <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>rng<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                    code <span class=\"k\">=</span> browser<span class=\"k\">.</span>ie<span class=\"k\">?</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>version <span class=\"k\">&gt;</span> <span class=\"s\">8</span> <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"s\">'&amp;nbsp;'</span><span class=\"k\">):</span><span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> frag <span class=\"k\">=</span> rng<span class=\"k\">.</span>extractContents<span class=\"k\">();</span>","                    <span class=\"k\">var</span> div <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'div'</span><span class=\"k\">);</span>","                    div<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>frag<span class=\"k\">);</span>","","                    utils<span class=\"k\">.</span>each<span class=\"k\">(</span>UE<span class=\"k\">.</span>filterNode<span class=\"k\">(</span>UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>div<span class=\"k\">.</span>innerHTML<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/[\\r\\t]/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">)),</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>filterTxtRules<span class=\"k\">).</span>children<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&gt;</span> <span class=\"s\">8</span><span class=\"k\">)</span><span class=\"k\">{</span>","","                            <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span><span class=\"s\">'element'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                    code <span class=\"k\">+=</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span>","                                <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                                    utils<span class=\"k\">.</span>each<span class=\"k\">(</span>node<span class=\"k\">.</span>children<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>cn<span class=\"k\">)</span><span class=\"k\">{</span>","                                        <span class=\"k\">if</span><span class=\"k\">(</span>cn<span class=\"k\">.</span>type <span class=\"k\">==</span><span class=\"s\">'element'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                            <span class=\"k\">if</span><span class=\"k\">(</span>cn<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                                code <span class=\"k\">+=</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span>","                                            <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                                                code <span class=\"k\">+=</span> cn<span class=\"k\">.</span>innerText<span class=\"k\">();</span>","                                            <span class=\"k\">}</span>","                                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                            code <span class=\"k\">+=</span> cn<span class=\"k\">.</span>data","                                        <span class=\"k\">}</span>","                                    <span class=\"k\">}</span><span class=\"k\">)</span>","                                    <span class=\"k\">if</span><span class=\"k\">(!</span><span class=\"s\">/\\n$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>code<span class=\"k\">))</span><span class=\"k\">{</span>","                                        code <span class=\"k\">+=</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span><span class=\"k\">;</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                code <span class=\"k\">+=</span> node<span class=\"k\">.</span>data <span class=\"k\">+</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span>","                            <span class=\"k\">}</span>","                            <span class=\"k\">if</span><span class=\"k\">(!</span>node<span class=\"k\">.</span>nextSibling<span class=\"k\">()</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/\\n$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>code<span class=\"k\">))</span><span class=\"k\">{</span>","                                code <span class=\"k\">=</span> code<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/\\n$/</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span><span class=\"k\">{</span>","","                                <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span><span class=\"s\">'element'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                        code <span class=\"k\">+=</span> <span class=\"s\">'&lt;br&gt;'</span>","                                    <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                                        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>node<span class=\"k\">.</span>children<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>cn<span class=\"k\">)</span><span class=\"k\">{</span>","                                            <span class=\"k\">if</span><span class=\"k\">(</span>cn<span class=\"k\">.</span>type <span class=\"k\">==</span><span class=\"s\">'element'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                                <span class=\"k\">if</span><span class=\"k\">(</span>cn<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                                    code <span class=\"k\">+=</span> <span class=\"s\">'&lt;br&gt;'</span>","                                                <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                                                    code <span class=\"k\">+=</span> cn<span class=\"k\">.</span>innerText<span class=\"k\">();</span>","                                                <span class=\"k\">}</span>","                                            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                                code <span class=\"k\">+=</span> cn<span class=\"k\">.</span>data","                                            <span class=\"k\">}</span>","                                        <span class=\"k\">}</span><span class=\"k\">);</span>","                                        <span class=\"k\">if</span><span class=\"k\">(!</span><span class=\"s\">/br&gt;$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>code<span class=\"k\">))</span><span class=\"k\">{</span>","                                            code <span class=\"k\">+=</span> <span class=\"s\">'&lt;br&gt;'</span><span class=\"k\">;</span>","                                        <span class=\"k\">}</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                    code <span class=\"k\">+=</span> node<span class=\"k\">.</span>data <span class=\"k\">+</span> <span class=\"s\">'&lt;br&gt;'</span>","                                <span class=\"k\">}</span>","                                <span class=\"k\">if</span><span class=\"k\">(!</span>node<span class=\"k\">.</span>nextSibling<span class=\"k\">()</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/&lt;br&gt;$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>code<span class=\"k\">))</span><span class=\"k\">{</span>","                                    code <span class=\"k\">=</span> code<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&lt;br&gt;$/</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","                                <span class=\"k\">}</span>","","                            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                code <span class=\"k\">+=</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span> <span class=\"k\">?</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">?</span>  <span class=\"s\">''</span> <span class=\"k\">:</span> node<span class=\"k\">.</span>innerText<span class=\"k\">())</span> <span class=\"k\">:</span> node<span class=\"k\">.</span>data<span class=\"k\">);</span>","                                <span class=\"k\">if</span><span class=\"k\">(!</span><span class=\"s\">/br\\/?\\s*&gt;$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>code<span class=\"k\">))</span><span class=\"k\">{</span>","                                    <span class=\"k\">if</span><span class=\"k\">(!</span>node<span class=\"k\">.</span>nextSibling<span class=\"k\">())</span>","                                        <span class=\"k\">return</span><span class=\"k\">;</span>","                                    code <span class=\"k\">+=</span> <span class=\"s\">'&lt;br&gt;'</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'inserthtml'</span><span class=\"k\">,</span><span class=\"s\">'&lt;pre id=\"coder\"class=\"brush:'</span><span class=\"k\">+</span>lang<span class=\"k\">+</span><span class=\"s\">';toolbar:false\"&gt;'</span><span class=\"k\">+</span>code<span class=\"k\">+</span><span class=\"s\">'&lt;/pre&gt;'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","","                pre <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"s\">'coder'</span><span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>pre<span class=\"k\">,</span><span class=\"s\">'id'</span><span class=\"k\">);</span>","                <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> pre<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span>tmpNode <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">&amp;&amp;</span> tmpNode<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">==</span> <span class=\"s\">6</span> <span class=\"k\">||</span>  domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>tmpNode<span class=\"k\">)))</span><span class=\"k\">{</span>","","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>pre<span class=\"k\">))</span><span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setStart<span class=\"k\">(</span>pre<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>pre<span class=\"k\">).</span>select<span class=\"k\">()</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandValue <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> path <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">();</span>","            <span class=\"k\">var</span> lang <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>path<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>nodeName <span class=\"k\">==</span><span class=\"s\">'PRE'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> match <span class=\"k\">=</span> node<span class=\"k\">.</span>className<span class=\"k\">.</span>match<span class=\"k\">(</span><span class=\"s\">/brush:([^;]+)/</span><span class=\"k\">);</span>","                    lang <span class=\"k\">=</span> match <span class=\"k\">&amp;&amp;</span> match<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">?</span> match<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                    <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> lang<span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    me<span class=\"k\">.</span>addInputRule<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>root<span class=\"k\">)</span><span class=\"k\">{</span>","       utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'pre'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>pre<span class=\"k\">)</span><span class=\"k\">{</span>","           <span class=\"k\">var</span> brs <span class=\"k\">=</span> pre<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">);</span>","           <span class=\"k\">if</span><span class=\"k\">(</span>brs<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","               browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&gt;</span> <span class=\"s\">8</span> <span class=\"k\">&amp;&amp;</span> utils<span class=\"k\">.</span>each<span class=\"k\">(</span>brs<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>br<span class=\"k\">)</span><span class=\"k\">{</span>","                   <span class=\"k\">var</span> txt <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createText<span class=\"k\">(</span><span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span><span class=\"k\">);</span>","                   br<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>txt<span class=\"k\">,</span>br<span class=\"k\">);</span>","                   br<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>br<span class=\"k\">);</span>","               <span class=\"k\">}</span><span class=\"k\">);</span>","               <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","           <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&gt;</span> <span class=\"s\">8</span><span class=\"k\">)</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> code <span class=\"k\">=</span> pre<span class=\"k\">.</span>innerText<span class=\"k\">().</span>split<span class=\"k\">(</span><span class=\"s\">/\\n/</span><span class=\"k\">);</span>","            pre<span class=\"k\">.</span>innerHTML<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">);</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>code<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>c<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>c<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","                    pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createText<span class=\"k\">(</span>c<span class=\"k\">));</span>","                <span class=\"k\">}</span>","                pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">))</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","       <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addOutputRule<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>root<span class=\"k\">)</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'pre'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>pre<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> code <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>pre<span class=\"k\">.</span>children<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>n<span class=\"k\">)</span><span class=\"k\">{</span>","               <span class=\"k\">if</span><span class=\"k\">(</span>n<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'text'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                   <span class=\"c\">//&#22312;ie&#19979;&#25991;&#26412;&#20869;&#23481;&#26377;&#21487;&#33021;&#26411;&#23614;&#24102;&#26377;\\n&#35201;&#21435;&#25481;</span>","                   <span class=\"c\">//trace:3396</span>","                   code <span class=\"k\">+=</span> n<span class=\"k\">.</span>data<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/[ ]/g</span><span class=\"k\">,</span><span class=\"s\">'&amp;nbsp;'</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/\\n$/</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","               <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                   <span class=\"k\">if</span><span class=\"k\">(</span>n<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                       code  <span class=\"k\">+=</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span>","                   <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                       code <span class=\"k\">+=</span> <span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>n<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> n<span class=\"k\">.</span>innerText<span class=\"k\">());</span>","                   <span class=\"k\">}</span>","","               <span class=\"k\">}</span>","","            <span class=\"k\">}</span><span class=\"k\">);</span>","","            pre<span class=\"k\">.</span>innerText<span class=\"k\">(</span>code<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(&amp;nbsp;|\\n)+$/</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">))</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"c\">//&#19981;&#38656;&#35201;&#21028;&#26029;highlight&#30340;command&#21015;&#34920;</span>","    me<span class=\"k\">.</span>notNeedCodeQuery <span class=\"k\">=</span><span class=\"k\">{</span>","        help<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        undo<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        redo<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        source<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        print<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        searchreplace<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        fullscreen<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        preview<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        insertparagraph<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        elementpath<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        highlightcode<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        insertcode<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        inserthtml<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        selectall<span class=\"k\">:</span><span class=\"s\">1</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"c\">//&#23558;queyCommamndState&#37325;&#32622;</span>","    <span class=\"k\">var</span> orgQuery <span class=\"k\">=</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">;</span>","    me<span class=\"k\">.</span>queryCommandState <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>cmd<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","","        <span class=\"k\">if</span><span class=\"k\">(!</span>me<span class=\"k\">.</span>notNeedCodeQuery<span class=\"k\">[</span>cmd<span class=\"k\">.</span>toLowerCase<span class=\"k\">()]</span> <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>selection <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'insertcode'</span><span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> UE<span class=\"k\">.</span>Editor<span class=\"k\">.</span>prototype<span class=\"k\">.</span>queryCommandState<span class=\"k\">.</span>apply<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span>arguments<span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'beforeenterkeydown'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","        <span class=\"k\">var</span> pre <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'pre'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>pre<span class=\"k\">)</span><span class=\"k\">{</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>rng<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","               rng<span class=\"k\">.</span>deleteContents<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>browser<span class=\"k\">.</span>ie <span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">),</span>pre<span class=\"k\">;</span>","                rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>setStartAfter<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">var</span> next <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(!</span>next<span class=\"k\">)</span><span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">));</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                pre <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                <span class=\"k\">var</span> tmp<span class=\"k\">;</span>","                <span class=\"k\">while</span><span class=\"k\">(</span>pre <span class=\"k\">)</span><span class=\"k\">{</span>","                    tmp <span class=\"k\">=</span> pre<span class=\"k\">;</span>","                    pre <span class=\"k\">=</span> pre<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>pre <span class=\"k\">||</span> pre<span class=\"k\">.</span>nodeName <span class=\"k\">==</span> <span class=\"s\">'BR'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        pre <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>pre<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> str <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>nodeName <span class=\"k\">!=</span> <span class=\"s\">'BR'</span> <span class=\"k\">&amp;&amp;</span>  <span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'^[</span><span class=\"t\">\\\\</span><span class=\"s\">s'</span><span class=\"k\">+</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">+</span><span class=\"s\">']*$'</span><span class=\"k\">).</span>test<span class=\"k\">(</span>pre<span class=\"k\">.</span>nodeValue<span class=\"k\">))</span><span class=\"k\">{</span>","                        str <span class=\"k\">+=</span> pre<span class=\"k\">.</span>nodeValue<span class=\"k\">;</span>","                        pre <span class=\"k\">=</span> pre<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>pre<span class=\"k\">.</span>nodeName <span class=\"k\">!=</span> <span class=\"s\">'BR'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> match <span class=\"k\">=</span> pre<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>match<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'^([</span><span class=\"t\">\\\\</span><span class=\"s\">s'</span><span class=\"k\">+</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">+</span><span class=\"s\">']+)'</span><span class=\"k\">));</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>match <span class=\"k\">&amp;&amp;</span> match<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">])</span><span class=\"k\">{</span>","                            str <span class=\"k\">+=</span> match<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">]</span>","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>str<span class=\"k\">)</span><span class=\"k\">{</span>","                        str <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>str<span class=\"k\">);</span>","                        rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>str<span class=\"k\">).</span>setStartAfter<span class=\"k\">(</span>str<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                rng<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>version <span class=\"k\">&gt;</span> <span class=\"s\">8</span><span class=\"k\">)</span><span class=\"k\">{</span>","","                    <span class=\"k\">var</span> txt <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> start <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>rng<span class=\"k\">.</span>startOffset <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> preNode <span class=\"k\">=</span> start<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>preNode<span class=\"k\">)</span><span class=\"k\">{</span>","                            rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>txt<span class=\"k\">);</span>","                            <span class=\"k\">var</span> fillchar <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","                            rng<span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span>txt<span class=\"k\">).</span>insertNode<span class=\"k\">(</span>fillchar<span class=\"k\">).</span>setStart<span class=\"k\">(</span>fillchar<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>txt<span class=\"k\">).</span>setStartAfter<span class=\"k\">(</span>txt<span class=\"k\">);</span>","                        <span class=\"k\">var</span> fillchar <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">' '</span><span class=\"k\">);</span>","                        start <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>rng<span class=\"k\">.</span>startOffset<span class=\"k\">];</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span><span class=\"s\">/^\\n/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>start<span class=\"k\">.</span>nodeValue<span class=\"k\">))</span><span class=\"k\">{</span>","                            rng<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>txt<span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                        rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>fillchar<span class=\"k\">).</span>setStart<span class=\"k\">(</span>fillchar<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">);</span>","                    rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                    rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">));</span>","                    rng<span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                    pre <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                    <span class=\"k\">var</span> tmp<span class=\"k\">;</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>pre <span class=\"k\">)</span><span class=\"k\">{</span>","                        tmp <span class=\"k\">=</span> pre<span class=\"k\">;</span>","                        pre <span class=\"k\">=</span> pre<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>pre <span class=\"k\">||</span> pre<span class=\"k\">.</span>nodeName <span class=\"k\">==</span> <span class=\"s\">'BR'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            pre <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>pre<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> str <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                        <span class=\"k\">while</span><span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>nodeName <span class=\"k\">!=</span> <span class=\"s\">'BR'</span> <span class=\"k\">&amp;&amp;</span>  <span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'^[ '</span><span class=\"k\">+</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">+</span><span class=\"s\">']*$'</span><span class=\"k\">).</span>test<span class=\"k\">(</span>pre<span class=\"k\">.</span>nodeValue<span class=\"k\">))</span><span class=\"k\">{</span>","                            str <span class=\"k\">+=</span> pre<span class=\"k\">.</span>nodeValue<span class=\"k\">;</span>","                            pre <span class=\"k\">=</span> pre<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>pre<span class=\"k\">.</span>nodeName <span class=\"k\">!=</span> <span class=\"s\">'BR'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            <span class=\"k\">var</span> match <span class=\"k\">=</span> pre<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>match<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'^([ '</span><span class=\"k\">+</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">+</span><span class=\"s\">']+)'</span><span class=\"k\">));</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>match <span class=\"k\">&amp;&amp;</span> match<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">])</span><span class=\"k\">{</span>","                                str <span class=\"k\">+=</span> match<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">]</span>","                            <span class=\"k\">}</span>","","                        <span class=\"k\">}</span>","","                        str <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>str<span class=\"k\">);</span>","                        rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>str<span class=\"k\">).</span>setStartAfter<span class=\"k\">(</span>str<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    rng<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">();</span>","                <span class=\"k\">}</span>","","","            <span class=\"k\">}</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'tabkeydown'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>cmd<span class=\"k\">,</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","        <span class=\"k\">var</span> pre <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'pre'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>pre<span class=\"k\">)</span><span class=\"k\">{</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>evt<span class=\"k\">.</span>shiftKey<span class=\"k\">)</span><span class=\"k\">{</span>","","<span class=\"c\">//                if(!rng.collapsed){</span>","<span class=\"c\">//                    var bk = rng.createBookmark();</span>","<span class=\"c\">//                    var start = bk.start.previousSibling;</span>","<span class=\"c\">//                    if(start === pre.firstChild){</span>","<span class=\"c\">//                        start.nodeValue = start.nodeValue.replace(/^\\s{4}/,'');</span>","<span class=\"c\">//                    }else{</span>","<span class=\"c\">//                        while(start){</span>","<span class=\"c\">//                            if(domUtils.isBr(start)){</span>","<span class=\"c\">//                                start = start.nextSibling;</span>","<span class=\"c\">//                                start.nodeValue = start.nodeValue.replace(/^\\s{4}/,'');</span>","<span class=\"c\">//                                break;</span>","<span class=\"c\">//                            }</span>","<span class=\"c\">//                            while(start.previousSibling &amp;&amp; start.previousSibling.nodeType == 3){</span>","<span class=\"c\">//                                start.nodeValue = start.previousSibling.nodeValue + start.nodeValue;</span>","<span class=\"c\">//                                domUtils.remove(start.previousSibling)</span>","<span class=\"c\">//                            }</span>","<span class=\"c\">//                            start = start.previousSibling;</span>","<span class=\"c\">//                        }</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//</span>","<span class=\"c\">//                    var end = bk.end;</span>","<span class=\"c\">//                    start = bk.start.nextSibling;</span>","<span class=\"c\">//</span>","<span class=\"c\">//                    while(start &amp;&amp; start !== end){</span>","<span class=\"c\">//                        if(domUtils.isBr(start) &amp;&amp; start.nextSibling){</span>","<span class=\"c\">//                            if(start.nextSibling === end){</span>","<span class=\"c\">//                                break;</span>","<span class=\"c\">//                            }</span>","<span class=\"c\">//                            start = start.nextSibling;</span>","<span class=\"c\">//                            while(start.nextSibling &amp;&amp; start.nextSibling.nodeType == 3){</span>","<span class=\"c\">//                                start.nodeValue += start.nextSibling.nodeValue;</span>","<span class=\"c\">//                                domUtils.remove(start.nextSibling)</span>","<span class=\"c\">//                            }</span>","<span class=\"c\">//</span>","<span class=\"c\">//                            start.nodeValue = start.nodeValue.replace(/^\\s{4}/,'');</span>","<span class=\"c\">//                        }</span>","<span class=\"c\">//</span>","<span class=\"c\">//                        start = start.nextSibling;</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//                    rng.moveToBookmark(bk).select();</span>","<span class=\"c\">//                }else{</span>","<span class=\"c\">//                    var bk = rng.createBookmark();</span>","<span class=\"c\">//                    var start = bk.start.previousSibling;</span>","<span class=\"c\">//                    if(start === pre.firstChild){</span>","<span class=\"c\">//                        start.nodeValue = start.nodeValue.replace(/^\\s{4}/,'');</span>","<span class=\"c\">//                    }else{</span>","<span class=\"c\">//                        while(start){</span>","<span class=\"c\">//                            if(domUtils.isBr(start)){</span>","<span class=\"c\">//                                start = start.nextSibling;</span>","<span class=\"c\">//                                start.nodeValue = start.nodeValue.replace(/^\\s{4}/,'');</span>","<span class=\"c\">//                                break;</span>","<span class=\"c\">//                            }</span>","<span class=\"c\">//                            while(start.previousSibling &amp;&amp; start.previousSibling.nodeType == 3){</span>","<span class=\"c\">//                                start.nodeValue = start.previousSibling.nodeValue + start.nodeValue;</span>","<span class=\"c\">//                                domUtils.remove(start.previousSibling)</span>","<span class=\"c\">//                            }</span>","<span class=\"c\">//                            start = start.previousSibling;</span>","<span class=\"c\">//                        }</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//                }</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(!</span>rng<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","                    <span class=\"k\">var</span> start <span class=\"k\">=</span> bk<span class=\"k\">.</span>start<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","","                    <span class=\"k\">while</span><span class=\"k\">(</span>start<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>pre<span class=\"k\">.</span>firstChild <span class=\"k\">===</span> start <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>start<span class=\"k\">))</span><span class=\"k\">{</span>","                            pre<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'    '</span><span class=\"k\">),</span>start<span class=\"k\">);</span>","","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>start<span class=\"k\">))</span><span class=\"k\">{</span>","                            pre<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'    '</span><span class=\"k\">),</span>start<span class=\"k\">.</span>nextSibling<span class=\"k\">);</span>","","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        start <span class=\"k\">=</span> start<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">var</span> end <span class=\"k\">=</span> bk<span class=\"k\">.</span>end<span class=\"k\">;</span>","                    start <span class=\"k\">=</span> bk<span class=\"k\">.</span>start<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>pre<span class=\"k\">.</span>firstChild <span class=\"k\">===</span> bk<span class=\"k\">.</span>start<span class=\"k\">)</span><span class=\"k\">{</span>","                        pre<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'    '</span><span class=\"k\">),</span>start<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span>","","                    <span class=\"k\">}</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> start <span class=\"k\">!==</span> end<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>start<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span><span class=\"k\">{</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nextSibling <span class=\"k\">===</span> end<span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">break</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            pre<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'    '</span><span class=\"k\">),</span>start<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span>","                        <span class=\"k\">}</span>","","                        start <span class=\"k\">=</span> start<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'    '</span><span class=\"k\">);</span>","                    rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>setStartAfter<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","","    <span class=\"k\">}</span><span class=\"k\">);</span>","","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'beforeinserthtml'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>evtName<span class=\"k\">,</span>html<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","            rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","            pre <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'pre'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>pre<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>rng<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                rng<span class=\"k\">.</span>deleteContents<span class=\"k\">()</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> htmlstr <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&gt;</span> <span class=\"s\">8</span><span class=\"k\">)</span><span class=\"k\">{</span>","","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>UE<span class=\"k\">.</span>filterNode<span class=\"k\">(</span>UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>html<span class=\"k\">),</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>filterTxtRules<span class=\"k\">).</span>children<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span><span class=\"s\">'element'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            htmlstr <span class=\"k\">+=</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>node<span class=\"k\">.</span>children<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>cn<span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">if</span><span class=\"k\">(</span>cn<span class=\"k\">.</span>type <span class=\"k\">==</span><span class=\"s\">'element'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>cn<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                        htmlstr <span class=\"k\">+=</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span>","                                    <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                                        htmlstr <span class=\"k\">+=</span> cn<span class=\"k\">.</span>innerText<span class=\"k\">();</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                    htmlstr <span class=\"k\">+=</span> cn<span class=\"k\">.</span>data","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span><span class=\"k\">)</span>","                            <span class=\"k\">if</span><span class=\"k\">(!</span><span class=\"s\">/\\n$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>htmlstr<span class=\"k\">))</span><span class=\"k\">{</span>","                                htmlstr <span class=\"k\">+=</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        htmlstr <span class=\"k\">+=</span> node<span class=\"k\">.</span>data <span class=\"k\">+</span> <span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>node<span class=\"k\">.</span>nextSibling<span class=\"k\">()</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/\\n$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>htmlstr<span class=\"k\">))</span><span class=\"k\">{</span>","                        htmlstr <span class=\"k\">=</span> htmlstr<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/\\n$/</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>utils<span class=\"k\">.</span>html<span class=\"k\">(</span>htmlstr<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&amp;nbsp;/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">)));</span>","                rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>selectNode<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>select<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> frag <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createDocumentFragment<span class=\"k\">();</span>","","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>UE<span class=\"k\">.</span>filterNode<span class=\"k\">(</span>UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>html<span class=\"k\">),</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>filterTxtRules<span class=\"k\">).</span>children<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span><span class=\"s\">'element'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">))</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>node<span class=\"k\">.</span>children<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>cn<span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">if</span><span class=\"k\">(</span>cn<span class=\"k\">.</span>type <span class=\"k\">==</span><span class=\"s\">'element'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>cn<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span><span class=\"k\">)</span><span class=\"k\">{</span>","","                                        frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">))</span>","                                    <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                                        frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>utils<span class=\"k\">.</span>html<span class=\"k\">(</span>cn<span class=\"k\">.</span>innerText<span class=\"k\">().</span>replace<span class=\"k\">(</span><span class=\"s\">/&amp;nbsp;/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">))));</span>","","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                    frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>utils<span class=\"k\">.</span>html<span class=\"k\">(</span> cn<span class=\"k\">.</span>data<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&amp;nbsp;/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">))));</span>","","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span><span class=\"k\">)</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>frag<span class=\"k\">.</span>lastChild<span class=\"k\">.</span>nodeName <span class=\"k\">!=</span> <span class=\"s\">'BR'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">))</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>utils<span class=\"k\">.</span>html<span class=\"k\">(</span> node<span class=\"k\">.</span>data<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&amp;nbsp;/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">))));</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>node<span class=\"k\">.</span>nextSibling<span class=\"k\">()</span> <span class=\"k\">&amp;&amp;</span> frag<span class=\"k\">.</span>lastChild<span class=\"k\">.</span>nodeName <span class=\"k\">==</span> <span class=\"s\">'BR'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                       frag<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>frag<span class=\"k\">.</span>lastChild<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","","","                <span class=\"k\">}</span><span class=\"k\">);</span>","                rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>frag<span class=\"k\">).</span>select<span class=\"k\">();</span>","","            <span class=\"k\">}</span>","","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"c\">//&#26041;&#21521;&#38190;&#30340;&#22788;&#29702;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>cmd<span class=\"k\">,</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">40</span><span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>pre<span class=\"k\">,</span>start <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>rng<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>pre <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'pre'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">))</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>pre<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> last <span class=\"k\">=</span> pre<span class=\"k\">.</span>lastChild","                <span class=\"k\">while</span><span class=\"k\">(</span>last <span class=\"k\">&amp;&amp;</span> last<span class=\"k\">.</span>nodeName <span class=\"k\">==</span> <span class=\"s\">'BR'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    last <span class=\"k\">=</span> last<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>last <span class=\"k\">===</span> start <span class=\"k\">||</span> rng<span class=\"k\">.</span>startContainer <span class=\"k\">===</span> pre <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>startOffset <span class=\"k\">==</span> pre<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","                    me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertparagraph'</span><span class=\"k\">);</span>","                    domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">)</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"c\">//trace:3395</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'delkeydown'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","        rng<span class=\"k\">.</span>txtToElmBoundary<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">var</span> start <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isTagNode<span class=\"k\">(</span>start<span class=\"k\">,</span><span class=\"s\">'pre'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isStartInblock<span class=\"k\">(</span>rng<span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span>p<span class=\"k\">);</span>","            start<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span>start<span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>start<span class=\"k\">);</span>","            rng<span class=\"k\">.</span>setStart<span class=\"k\">(</span>p<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">)</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/insertcode.js'][7]++;
+UE.plugins.insertcode = (function () {
+  _$jscoverage['plugins/insertcode.js'][8]++;
+  var me = this;
+  _$jscoverage['plugins/insertcode.js'][9]++;
+  me.ready((function () {
+  _$jscoverage['plugins/insertcode.js'][10]++;
+  utils.cssRule("pre", "pre{margin:.5em 0;padding:.4em .6em;border-radius:8px;background:#f8f8f8;}", me.document);
+}));
+  _$jscoverage['plugins/insertcode.js'][13]++;
+  me.setOpt("insertcode", {"as3": "ActionScript3", "bash": "Bash/Shell", "cpp": "C/C++", "css": "Css", "cf": "CodeFunction", "c#": "C#", "delphi": "Delphi", "diff": "Diff", "erlang": "Erlang", "groovy": "Groovy", "html": "Html", "java": "Java", "jfx": "JavaFx", "js": "Javascript", "pl": "Perl", "php": "Php", "plain": "Plain Text", "ps": "PowerShell", "python": "Python", "ruby": "Ruby", "scala": "Scala", "sql": "Sql", "vb": "Vb", "xml": "Xml"});
+  _$jscoverage['plugins/insertcode.js'][63]++;
+  me.commands.insertcode = {execCommand: (function (cmd, lang) {
+  _$jscoverage['plugins/insertcode.js'][65]++;
+  var me = this, rng = me.selection.getRange(), pre = domUtils.findParentByTagName(rng.startContainer, "pre", true);
+  _$jscoverage['plugins/insertcode.js'][68]++;
+  if (pre) {
+    _$jscoverage['plugins/insertcode.js'][69]++;
+    pre.className = ("brush:" + lang + ";toolbar:false;");
+  }
+  else {
+    _$jscoverage['plugins/insertcode.js'][71]++;
+    var code = "";
+    _$jscoverage['plugins/insertcode.js'][72]++;
+    if (rng.collapsed) {
+      _$jscoverage['plugins/insertcode.js'][73]++;
+      code = (browser.ie? ((browser.version > 8)? "": "&nbsp;"): "<br/>");
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][75]++;
+      var frag = rng.extractContents();
+      _$jscoverage['plugins/insertcode.js'][76]++;
+      var div = me.document.createElement("div");
+      _$jscoverage['plugins/insertcode.js'][77]++;
+      div.appendChild(frag);
+      _$jscoverage['plugins/insertcode.js'][79]++;
+      utils.each(UE.filterNode(UE.htmlparser(div.innerHTML.replace(/[\r\t]/g, "")), me.options.filterTxtRules).children, (function (node) {
+  _$jscoverage['plugins/insertcode.js'][80]++;
+  if ((browser.ie && (browser.version > 8))) {
+    _$jscoverage['plugins/insertcode.js'][82]++;
+    if ((node.type == "element")) {
+      _$jscoverage['plugins/insertcode.js'][83]++;
+      if ((node.tagName == "br")) {
+        _$jscoverage['plugins/insertcode.js'][84]++;
+        code += "\n";
+      }
+      else {
+        _$jscoverage['plugins/insertcode.js'][85]++;
+        if ((! dtd.$empty[node.tagName])) {
+          _$jscoverage['plugins/insertcode.js'][86]++;
+          utils.each(node.children, (function (cn) {
+  _$jscoverage['plugins/insertcode.js'][87]++;
+  if ((cn.type == "element")) {
+    _$jscoverage['plugins/insertcode.js'][88]++;
+    if ((cn.tagName == "br")) {
+      _$jscoverage['plugins/insertcode.js'][89]++;
+      code += "\n";
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][90]++;
+      if ((! dtd.$empty[node.tagName])) {
+        _$jscoverage['plugins/insertcode.js'][91]++;
+        code += cn.innerText();
+      }
+    }
+  }
+  else {
+    _$jscoverage['plugins/insertcode.js'][94]++;
+    code += cn.data;
+  }
+}));
+          _$jscoverage['plugins/insertcode.js'][97]++;
+          if ((! /\n$/.test(code))) {
+            _$jscoverage['plugins/insertcode.js'][98]++;
+            code += "\n";
+          }
+        }
+      }
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][102]++;
+      code += (node.data + "\n");
+    }
+    _$jscoverage['plugins/insertcode.js'][104]++;
+    if (((! node.nextSibling()) && /\n$/.test(code))) {
+      _$jscoverage['plugins/insertcode.js'][105]++;
+      code = code.replace(/\n$/, "");
+    }
+  }
+  else {
+    _$jscoverage['plugins/insertcode.js'][108]++;
+    if (browser.ie) {
+      _$jscoverage['plugins/insertcode.js'][110]++;
+      if ((node.type == "element")) {
+        _$jscoverage['plugins/insertcode.js'][111]++;
+        if ((node.tagName == "br")) {
+          _$jscoverage['plugins/insertcode.js'][112]++;
+          code += "<br>";
+        }
+        else {
+          _$jscoverage['plugins/insertcode.js'][113]++;
+          if ((! dtd.$empty[node.tagName])) {
+            _$jscoverage['plugins/insertcode.js'][114]++;
+            utils.each(node.children, (function (cn) {
+  _$jscoverage['plugins/insertcode.js'][115]++;
+  if ((cn.type == "element")) {
+    _$jscoverage['plugins/insertcode.js'][116]++;
+    if ((cn.tagName == "br")) {
+      _$jscoverage['plugins/insertcode.js'][117]++;
+      code += "<br>";
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][118]++;
+      if ((! dtd.$empty[node.tagName])) {
+        _$jscoverage['plugins/insertcode.js'][119]++;
+        code += cn.innerText();
+      }
+    }
+  }
+  else {
+    _$jscoverage['plugins/insertcode.js'][122]++;
+    code += cn.data;
+  }
+}));
+            _$jscoverage['plugins/insertcode.js'][125]++;
+            if ((! /br>$/.test(code))) {
+              _$jscoverage['plugins/insertcode.js'][126]++;
+              code += "<br>";
+            }
+          }
+        }
+      }
+      else {
+        _$jscoverage['plugins/insertcode.js'][130]++;
+        code += (node.data + "<br>");
+      }
+      _$jscoverage['plugins/insertcode.js'][132]++;
+      if (((! node.nextSibling()) && /<br>$/.test(code))) {
+        _$jscoverage['plugins/insertcode.js'][133]++;
+        code = code.replace(/<br>$/, "");
+      }
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][137]++;
+      code += ((node.type == "element")? (dtd.$empty[node.tagName]? "": node.innerText()): node.data);
+      _$jscoverage['plugins/insertcode.js'][138]++;
+      if ((! /br\/?\s*>$/.test(code))) {
+        _$jscoverage['plugins/insertcode.js'][139]++;
+        if ((! node.nextSibling())) {
+          _$jscoverage['plugins/insertcode.js'][140]++;
+          return;
+        }
+        _$jscoverage['plugins/insertcode.js'][141]++;
+        code += "<br>";
+      }
+    }
+  }
+}));
+    }
+    _$jscoverage['plugins/insertcode.js'][149]++;
+    me.execCommand("inserthtml", ("<pre id=\"coder\"class=\"brush:" + lang + ";toolbar:false\">" + code + "</pre>"), true);
+    _$jscoverage['plugins/insertcode.js'][151]++;
+    pre = me.document.getElementById("coder");
+    _$jscoverage['plugins/insertcode.js'][152]++;
+    domUtils.removeAttributes(pre, "id");
+    _$jscoverage['plugins/insertcode.js'][153]++;
+    var tmpNode = pre.previousSibling;
+    _$jscoverage['plugins/insertcode.js'][155]++;
+    if ((tmpNode && (((tmpNode.nodeType == 3) && (tmpNode.nodeValue.length == 1) && browser.ie && (browser.version == 6)) || domUtils.isEmptyBlock(tmpNode)))) {
+      _$jscoverage['plugins/insertcode.js'][157]++;
+      domUtils.remove(tmpNode);
+    }
+    _$jscoverage['plugins/insertcode.js'][159]++;
+    var rng = me.selection.getRange();
+    _$jscoverage['plugins/insertcode.js'][160]++;
+    if (domUtils.isEmptyBlock(pre)) {
+      _$jscoverage['plugins/insertcode.js'][161]++;
+      rng.setStart(pre, 0).setCursor(false, true);
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][163]++;
+      rng.selectNodeContents(pre).select();
+    }
+  }
+}), queryCommandValue: (function () {
+  _$jscoverage['plugins/insertcode.js'][171]++;
+  var path = this.selection.getStartElementPath();
+  _$jscoverage['plugins/insertcode.js'][172]++;
+  var lang = "";
+  _$jscoverage['plugins/insertcode.js'][173]++;
+  utils.each(path, (function (node) {
+  _$jscoverage['plugins/insertcode.js'][174]++;
+  if ((node.nodeName == "PRE")) {
+    _$jscoverage['plugins/insertcode.js'][175]++;
+    var match = node.className.match(/brush:([^;]+)/);
+    _$jscoverage['plugins/insertcode.js'][176]++;
+    lang = ((match && match[1])? match[1]: "");
+    _$jscoverage['plugins/insertcode.js'][177]++;
+    return false;
+  }
+}));
+  _$jscoverage['plugins/insertcode.js'][180]++;
+  return lang;
+})};
+  _$jscoverage['plugins/insertcode.js'][184]++;
+  me.addInputRule((function (root) {
+  _$jscoverage['plugins/insertcode.js'][185]++;
+  utils.each(root.getNodesByTagName("pre"), (function (pre) {
+  _$jscoverage['plugins/insertcode.js'][186]++;
+  var brs = pre.getNodesByTagName("br");
+  _$jscoverage['plugins/insertcode.js'][187]++;
+  if (brs.length) {
+    _$jscoverage['plugins/insertcode.js'][188]++;
+    (browser.ie && (browser.version > 8) && utils.each(brs, (function (br) {
+  _$jscoverage['plugins/insertcode.js'][189]++;
+  var txt = UE.uNode.createText("\n");
+  _$jscoverage['plugins/insertcode.js'][190]++;
+  br.parentNode.insertBefore(txt, br);
+  _$jscoverage['plugins/insertcode.js'][191]++;
+  br.parentNode.removeChild(br);
+})));
+    _$jscoverage['plugins/insertcode.js'][193]++;
+    return;
+  }
+  _$jscoverage['plugins/insertcode.js'][195]++;
+  if ((browser.ie && (browser.version > 8))) {
+    _$jscoverage['plugins/insertcode.js'][196]++;
+    return;
+  }
+  _$jscoverage['plugins/insertcode.js'][197]++;
+  var code = pre.innerText().split(/\n/);
+  _$jscoverage['plugins/insertcode.js'][198]++;
+  pre.innerHTML("");
+  _$jscoverage['plugins/insertcode.js'][199]++;
+  utils.each(code, (function (c) {
+  _$jscoverage['plugins/insertcode.js'][200]++;
+  if (c.length) {
+    _$jscoverage['plugins/insertcode.js'][201]++;
+    pre.appendChild(UE.uNode.createText(c));
+  }
+  _$jscoverage['plugins/insertcode.js'][203]++;
+  pre.appendChild(UE.uNode.createElement("br"));
+}));
+}));
+}));
+  _$jscoverage['plugins/insertcode.js'][207]++;
+  me.addOutputRule((function (root) {
+  _$jscoverage['plugins/insertcode.js'][208]++;
+  utils.each(root.getNodesByTagName("pre"), (function (pre) {
+  _$jscoverage['plugins/insertcode.js'][209]++;
+  var code = "";
+  _$jscoverage['plugins/insertcode.js'][210]++;
+  utils.each(pre.children, (function (n) {
+  _$jscoverage['plugins/insertcode.js'][211]++;
+  if ((n.type == "text")) {
+    _$jscoverage['plugins/insertcode.js'][214]++;
+    code += n.data.replace(/[ ]/g, "&nbsp;").replace(/\n$/, "");
+  }
+  else {
+    _$jscoverage['plugins/insertcode.js'][216]++;
+    if ((n.tagName == "br")) {
+      _$jscoverage['plugins/insertcode.js'][217]++;
+      code += "\n";
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][219]++;
+      code += ((! dtd.$empty[n.tagName])? "": n.innerText());
+    }
+  }
+}));
+  _$jscoverage['plugins/insertcode.js'][226]++;
+  pre.innerText(code.replace(/(&nbsp;|\n)+$/, ""));
+}));
+}));
+  _$jscoverage['plugins/insertcode.js'][230]++;
+  me.notNeedCodeQuery = {help: 1, undo: 1, redo: 1, source: 1, print: 1, searchreplace: 1, fullscreen: 1, preview: 1, insertparagraph: 1, elementpath: 1, highlightcode: 1, insertcode: 1, inserthtml: 1, selectall: 1};
+  _$jscoverage['plugins/insertcode.js'][247]++;
+  var orgQuery = me.queryCommandState;
+  _$jscoverage['plugins/insertcode.js'][248]++;
+  me.queryCommandState = (function (cmd) {
+  _$jscoverage['plugins/insertcode.js'][249]++;
+  var me = this;
+  _$jscoverage['plugins/insertcode.js'][251]++;
+  if (((! me.notNeedCodeQuery[cmd.toLowerCase()]) && me.selection && me.queryCommandValue("insertcode"))) {
+    _$jscoverage['plugins/insertcode.js'][252]++;
+    return -1;
+  }
+  _$jscoverage['plugins/insertcode.js'][254]++;
+  return UE.Editor.prototype.queryCommandState.apply(this, arguments);
+});
+  _$jscoverage['plugins/insertcode.js'][256]++;
+  me.addListener("beforeenterkeydown", (function () {
+  _$jscoverage['plugins/insertcode.js'][257]++;
+  var rng = me.selection.getRange();
+  _$jscoverage['plugins/insertcode.js'][258]++;
+  var pre = domUtils.findParentByTagName(rng.startContainer, "pre", true);
+  _$jscoverage['plugins/insertcode.js'][259]++;
+  if (pre) {
+    _$jscoverage['plugins/insertcode.js'][260]++;
+    me.fireEvent("saveScene");
+    _$jscoverage['plugins/insertcode.js'][261]++;
+    if ((! rng.collapsed)) {
+      _$jscoverage['plugins/insertcode.js'][262]++;
+      rng.deleteContents();
+    }
+    _$jscoverage['plugins/insertcode.js'][264]++;
+    if ((! browser.ie)) {
+      _$jscoverage['plugins/insertcode.js'][265]++;
+      var tmpNode = me.document.createElement("br"), pre = pre;
+      _$jscoverage['plugins/insertcode.js'][266]++;
+      rng.insertNode(tmpNode).setStartAfter(tmpNode).collapse(true);
+      _$jscoverage['plugins/insertcode.js'][267]++;
+      var next = tmpNode.nextSibling;
+      _$jscoverage['plugins/insertcode.js'][268]++;
+      if ((! next)) {
+        _$jscoverage['plugins/insertcode.js'][269]++;
+        rng.insertNode(tmpNode.cloneNode(false));
+      }
+      else {
+        _$jscoverage['plugins/insertcode.js'][271]++;
+        rng.setStartAfter(tmpNode);
+      }
+      _$jscoverage['plugins/insertcode.js'][273]++;
+      pre = tmpNode.previousSibling;
+      _$jscoverage['plugins/insertcode.js'][274]++;
+      var tmp;
+      _$jscoverage['plugins/insertcode.js'][275]++;
+      while (pre) {
+        _$jscoverage['plugins/insertcode.js'][276]++;
+        tmp = pre;
+        _$jscoverage['plugins/insertcode.js'][277]++;
+        pre = pre.previousSibling;
+        _$jscoverage['plugins/insertcode.js'][278]++;
+        if (((! pre) || (pre.nodeName == "BR"))) {
+          _$jscoverage['plugins/insertcode.js'][279]++;
+          pre = tmp;
+          _$jscoverage['plugins/insertcode.js'][280]++;
+          break;
+        }
+}
+      _$jscoverage['plugins/insertcode.js'][283]++;
+      if (pre) {
+        _$jscoverage['plugins/insertcode.js'][284]++;
+        var str = "";
+        _$jscoverage['plugins/insertcode.js'][285]++;
+        while ((pre && (pre.nodeName != "BR") && new RegExp(("^[\\s" + domUtils.fillChar + "]*$")).test(pre.nodeValue))) {
+          _$jscoverage['plugins/insertcode.js'][286]++;
+          str += pre.nodeValue;
+          _$jscoverage['plugins/insertcode.js'][287]++;
+          pre = pre.nextSibling;
+}
+        _$jscoverage['plugins/insertcode.js'][289]++;
+        if ((pre.nodeName != "BR")) {
+          _$jscoverage['plugins/insertcode.js'][290]++;
+          var match = pre.nodeValue.match(new RegExp(("^([\\s" + domUtils.fillChar + "]+)")));
+          _$jscoverage['plugins/insertcode.js'][291]++;
+          if ((match && match[1])) {
+            _$jscoverage['plugins/insertcode.js'][292]++;
+            str += match[1];
+          }
+        }
+        _$jscoverage['plugins/insertcode.js'][296]++;
+        if (str) {
+          _$jscoverage['plugins/insertcode.js'][297]++;
+          str = me.document.createTextNode(str);
+          _$jscoverage['plugins/insertcode.js'][298]++;
+          rng.insertNode(str).setStartAfter(str);
+        }
+      }
+      _$jscoverage['plugins/insertcode.js'][301]++;
+      rng.collapse(true).select(true);
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][303]++;
+      if ((browser.version > 8)) {
+        _$jscoverage['plugins/insertcode.js'][305]++;
+        var txt = me.document.createTextNode("\n");
+        _$jscoverage['plugins/insertcode.js'][306]++;
+        var start = rng.startContainer;
+        _$jscoverage['plugins/insertcode.js'][307]++;
+        if ((rng.startOffset == 0)) {
+          _$jscoverage['plugins/insertcode.js'][308]++;
+          var preNode = start.previousSibling;
+          _$jscoverage['plugins/insertcode.js'][309]++;
+          if (preNode) {
+            _$jscoverage['plugins/insertcode.js'][310]++;
+            rng.insertNode(txt);
+            _$jscoverage['plugins/insertcode.js'][311]++;
+            var fillchar = me.document.createTextNode(" ");
+            _$jscoverage['plugins/insertcode.js'][312]++;
+            rng.setStartAfter(txt).insertNode(fillchar).setStart(fillchar, 0).collapse(true).select(true);
+          }
+        }
+        else {
+          _$jscoverage['plugins/insertcode.js'][315]++;
+          rng.insertNode(txt).setStartAfter(txt);
+          _$jscoverage['plugins/insertcode.js'][316]++;
+          var fillchar = me.document.createTextNode(" ");
+          _$jscoverage['plugins/insertcode.js'][317]++;
+          start = rng.startContainer.childNodes[rng.startOffset];
+          _$jscoverage['plugins/insertcode.js'][318]++;
+          if ((start && (! /^\n/.test(start.nodeValue)))) {
+            _$jscoverage['plugins/insertcode.js'][319]++;
+            rng.setStartBefore(txt);
+          }
+          _$jscoverage['plugins/insertcode.js'][321]++;
+          rng.insertNode(fillchar).setStart(fillchar, 0).collapse(true).select(true);
+        }
+      }
+      else {
+        _$jscoverage['plugins/insertcode.js'][325]++;
+        var tmpNode = me.document.createElement("br");
+        _$jscoverage['plugins/insertcode.js'][326]++;
+        rng.insertNode(tmpNode);
+        _$jscoverage['plugins/insertcode.js'][327]++;
+        rng.insertNode(me.document.createTextNode(domUtils.fillChar));
+        _$jscoverage['plugins/insertcode.js'][328]++;
+        rng.setStartAfter(tmpNode);
+        _$jscoverage['plugins/insertcode.js'][329]++;
+        pre = tmpNode.previousSibling;
+        _$jscoverage['plugins/insertcode.js'][330]++;
+        var tmp = tmp;
+        _$jscoverage['plugins/insertcode.js'][331]++;
+        while (pre) {
+          _$jscoverage['plugins/insertcode.js'][332]++;
+          tmp = pre;
+          _$jscoverage['plugins/insertcode.js'][333]++;
+          pre = pre.previousSibling;
+          _$jscoverage['plugins/insertcode.js'][334]++;
+          if (((! pre) || (pre.nodeName == "BR"))) {
+            _$jscoverage['plugins/insertcode.js'][335]++;
+            pre = tmp;
+            _$jscoverage['plugins/insertcode.js'][336]++;
+            break;
+          }
+}
+        _$jscoverage['plugins/insertcode.js'][339]++;
+        if (pre) {
+          _$jscoverage['plugins/insertcode.js'][340]++;
+          var str = "";
+          _$jscoverage['plugins/insertcode.js'][341]++;
+          while ((pre && (pre.nodeName != "BR") && new RegExp(("^[ " + domUtils.fillChar + "]*$")).test(pre.nodeValue))) {
+            _$jscoverage['plugins/insertcode.js'][342]++;
+            str += pre.nodeValue;
+            _$jscoverage['plugins/insertcode.js'][343]++;
+            pre = pre.nextSibling;
+}
+          _$jscoverage['plugins/insertcode.js'][345]++;
+          if ((pre.nodeName != "BR")) {
+            _$jscoverage['plugins/insertcode.js'][346]++;
+            var match = pre.nodeValue.match(new RegExp(("^([ " + domUtils.fillChar + "]+)")));
+            _$jscoverage['plugins/insertcode.js'][347]++;
+            if ((match && match[1])) {
+              _$jscoverage['plugins/insertcode.js'][348]++;
+              str += match[1];
+            }
+          }
+          _$jscoverage['plugins/insertcode.js'][353]++;
+          str = me.document.createTextNode(str);
+          _$jscoverage['plugins/insertcode.js'][354]++;
+          rng.insertNode(str).setStartAfter(str);
+        }
+        _$jscoverage['plugins/insertcode.js'][356]++;
+        rng.collapse(true).select();
+      }
+    }
+    _$jscoverage['plugins/insertcode.js'][361]++;
+    me.fireEvent("saveScene");
+    _$jscoverage['plugins/insertcode.js'][362]++;
+    return true;
+  }
+}));
+  _$jscoverage['plugins/insertcode.js'][368]++;
+  me.addListener("tabkeydown", (function (cmd, evt) {
+  _$jscoverage['plugins/insertcode.js'][369]++;
+  var rng = me.selection.getRange();
+  _$jscoverage['plugins/insertcode.js'][370]++;
+  var pre = domUtils.findParentByTagName(rng.startContainer, "pre", true);
+  _$jscoverage['plugins/insertcode.js'][371]++;
+  if (pre) {
+    _$jscoverage['plugins/insertcode.js'][372]++;
+    me.fireEvent("saveScene");
+    _$jscoverage['plugins/insertcode.js'][373]++;
+    if (evt.shiftKey) {
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][436]++;
+      if ((! rng.collapsed)) {
+        _$jscoverage['plugins/insertcode.js'][437]++;
+        var bk = rng.createBookmark();
+        _$jscoverage['plugins/insertcode.js'][438]++;
+        var start = bk.start.previousSibling;
+        _$jscoverage['plugins/insertcode.js'][440]++;
+        while (start) {
+          _$jscoverage['plugins/insertcode.js'][441]++;
+          if (((pre.firstChild === start) && (! domUtils.isBr(start)))) {
+            _$jscoverage['plugins/insertcode.js'][442]++;
+            pre.insertBefore(me.document.createTextNode("    "), start);
+            _$jscoverage['plugins/insertcode.js'][444]++;
+            break;
+          }
+          _$jscoverage['plugins/insertcode.js'][446]++;
+          if (domUtils.isBr(start)) {
+            _$jscoverage['plugins/insertcode.js'][447]++;
+            pre.insertBefore(me.document.createTextNode("    "), start.nextSibling);
+            _$jscoverage['plugins/insertcode.js'][449]++;
+            break;
+          }
+          _$jscoverage['plugins/insertcode.js'][451]++;
+          start = start.previousSibling;
+}
+        _$jscoverage['plugins/insertcode.js'][453]++;
+        var end = bk.end;
+        _$jscoverage['plugins/insertcode.js'][454]++;
+        start = bk.start.nextSibling;
+        _$jscoverage['plugins/insertcode.js'][455]++;
+        if ((pre.firstChild === bk.start)) {
+          _$jscoverage['plugins/insertcode.js'][456]++;
+          pre.insertBefore(me.document.createTextNode("    "), start.nextSibling);
+        }
+        _$jscoverage['plugins/insertcode.js'][459]++;
+        while ((start && (start !== end))) {
+          _$jscoverage['plugins/insertcode.js'][460]++;
+          if ((domUtils.isBr(start) && start.nextSibling)) {
+            _$jscoverage['plugins/insertcode.js'][461]++;
+            if ((start.nextSibling === end)) {
+              _$jscoverage['plugins/insertcode.js'][462]++;
+              break;
+            }
+            _$jscoverage['plugins/insertcode.js'][464]++;
+            pre.insertBefore(me.document.createTextNode("    "), start.nextSibling);
+          }
+          _$jscoverage['plugins/insertcode.js'][467]++;
+          start = start.nextSibling;
+}
+        _$jscoverage['plugins/insertcode.js'][469]++;
+        rng.moveToBookmark(bk).select();
+      }
+      else {
+        _$jscoverage['plugins/insertcode.js'][471]++;
+        var tmpNode = me.document.createTextNode("    ");
+        _$jscoverage['plugins/insertcode.js'][472]++;
+        rng.insertNode(tmpNode).setStartAfter(tmpNode).collapse(true).select(true);
+      }
+    }
+    _$jscoverage['plugins/insertcode.js'][477]++;
+    me.fireEvent("saveScene");
+    _$jscoverage['plugins/insertcode.js'][478]++;
+    return true;
+  }
+}));
+  _$jscoverage['plugins/insertcode.js'][485]++;
+  me.addListener("beforeinserthtml", (function (evtName, html) {
+  _$jscoverage['plugins/insertcode.js'][486]++;
+  var me = this, rng = me.selection.getRange(), pre = domUtils.findParentByTagName(rng.startContainer, "pre", true);
+  _$jscoverage['plugins/insertcode.js'][489]++;
+  if (pre) {
+    _$jscoverage['plugins/insertcode.js'][490]++;
+    if ((! rng.collapsed)) {
+      _$jscoverage['plugins/insertcode.js'][491]++;
+      rng.deleteContents();
+    }
+    _$jscoverage['plugins/insertcode.js'][493]++;
+    var htmlstr = "";
+    _$jscoverage['plugins/insertcode.js'][494]++;
+    if ((browser.ie && (browser.version > 8))) {
+      _$jscoverage['plugins/insertcode.js'][496]++;
+      utils.each(UE.filterNode(UE.htmlparser(html), me.options.filterTxtRules).children, (function (node) {
+  _$jscoverage['plugins/insertcode.js'][497]++;
+  if ((node.type == "element")) {
+    _$jscoverage['plugins/insertcode.js'][498]++;
+    if ((node.tagName == "br")) {
+      _$jscoverage['plugins/insertcode.js'][499]++;
+      htmlstr += "\n";
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][500]++;
+      if ((! dtd.$empty[node.tagName])) {
+        _$jscoverage['plugins/insertcode.js'][501]++;
+        utils.each(node.children, (function (cn) {
+  _$jscoverage['plugins/insertcode.js'][502]++;
+  if ((cn.type == "element")) {
+    _$jscoverage['plugins/insertcode.js'][503]++;
+    if ((cn.tagName == "br")) {
+      _$jscoverage['plugins/insertcode.js'][504]++;
+      htmlstr += "\n";
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][505]++;
+      if ((! dtd.$empty[node.tagName])) {
+        _$jscoverage['plugins/insertcode.js'][506]++;
+        htmlstr += cn.innerText();
+      }
+    }
+  }
+  else {
+    _$jscoverage['plugins/insertcode.js'][509]++;
+    htmlstr += cn.data;
+  }
+}));
+        _$jscoverage['plugins/insertcode.js'][512]++;
+        if ((! /\n$/.test(htmlstr))) {
+          _$jscoverage['plugins/insertcode.js'][513]++;
+          htmlstr += "\n";
+        }
+      }
+    }
+  }
+  else {
+    _$jscoverage['plugins/insertcode.js'][517]++;
+    htmlstr += (node.data + "\n");
+  }
+  _$jscoverage['plugins/insertcode.js'][519]++;
+  if (((! node.nextSibling()) && /\n$/.test(htmlstr))) {
+    _$jscoverage['plugins/insertcode.js'][520]++;
+    htmlstr = htmlstr.replace(/\n$/, "");
+  }
+}));
+      _$jscoverage['plugins/insertcode.js'][523]++;
+      var tmpNode = me.document.createTextNode(utils.html(htmlstr.replace(/&nbsp;/g, " ")));
+      _$jscoverage['plugins/insertcode.js'][524]++;
+      rng.insertNode(tmpNode).selectNode(tmpNode).select();
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][526]++;
+      var frag = me.document.createDocumentFragment();
+      _$jscoverage['plugins/insertcode.js'][528]++;
+      utils.each(UE.filterNode(UE.htmlparser(html), me.options.filterTxtRules).children, (function (node) {
+  _$jscoverage['plugins/insertcode.js'][529]++;
+  if ((node.type == "element")) {
+    _$jscoverage['plugins/insertcode.js'][530]++;
+    if ((node.tagName == "br")) {
+      _$jscoverage['plugins/insertcode.js'][531]++;
+      frag.appendChild(me.document.createElement("br"));
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][532]++;
+      if ((! dtd.$empty[node.tagName])) {
+        _$jscoverage['plugins/insertcode.js'][533]++;
+        utils.each(node.children, (function (cn) {
+  _$jscoverage['plugins/insertcode.js'][534]++;
+  if ((cn.type == "element")) {
+    _$jscoverage['plugins/insertcode.js'][535]++;
+    if ((cn.tagName == "br")) {
+      _$jscoverage['plugins/insertcode.js'][537]++;
+      frag.appendChild(me.document.createElement("br"));
+    }
+    else {
+      _$jscoverage['plugins/insertcode.js'][538]++;
+      if ((! dtd.$empty[node.tagName])) {
+        _$jscoverage['plugins/insertcode.js'][539]++;
+        frag.appendChild(me.document.createTextNode(utils.html(cn.innerText().replace(/&nbsp;/g, " "))));
+      }
+    }
+  }
+  else {
+    _$jscoverage['plugins/insertcode.js'][543]++;
+    frag.appendChild(me.document.createTextNode(utils.html(cn.data.replace(/&nbsp;/g, " "))));
+  }
+}));
+        _$jscoverage['plugins/insertcode.js'][547]++;
+        if ((frag.lastChild.nodeName != "BR")) {
+          _$jscoverage['plugins/insertcode.js'][548]++;
+          frag.appendChild(me.document.createElement("br"));
+        }
+      }
+    }
+  }
+  else {
+    _$jscoverage['plugins/insertcode.js'][552]++;
+    frag.appendChild(me.document.createTextNode(utils.html(node.data.replace(/&nbsp;/g, " "))));
+  }
+  _$jscoverage['plugins/insertcode.js'][554]++;
+  if (((! node.nextSibling()) && (frag.lastChild.nodeName == "BR"))) {
+    _$jscoverage['plugins/insertcode.js'][555]++;
+    frag.removeChild(frag.lastChild);
+  }
+}));
+      _$jscoverage['plugins/insertcode.js'][560]++;
+      rng.insertNode(frag).select();
+    }
+    _$jscoverage['plugins/insertcode.js'][564]++;
+    return true;
+  }
+}));
+  _$jscoverage['plugins/insertcode.js'][568]++;
+  me.addListener("keydown", (function (cmd, evt) {
+  _$jscoverage['plugins/insertcode.js'][569]++;
+  var me = this, keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/insertcode.js'][570]++;
+  if ((keyCode == 40)) {
+    _$jscoverage['plugins/insertcode.js'][571]++;
+    var rng = me.selection.getRange(), pre, start = rng.startContainer;
+    _$jscoverage['plugins/insertcode.js'][572]++;
+    if ((rng.collapsed && (pre = domUtils.findParentByTagName(rng.startContainer, "pre", true)) && (! pre.nextSibling))) {
+      _$jscoverage['plugins/insertcode.js'][573]++;
+      var last = pre.lastChild;
+      _$jscoverage['plugins/insertcode.js'][574]++;
+      while ((last && (last.nodeName == "BR"))) {
+        _$jscoverage['plugins/insertcode.js'][575]++;
+        last = last.previousSibling;
+}
+      _$jscoverage['plugins/insertcode.js'][577]++;
+      if (((last === start) || ((rng.startContainer === pre) && (rng.startOffset == pre.childNodes.length)))) {
+        _$jscoverage['plugins/insertcode.js'][578]++;
+        me.execCommand("insertparagraph");
+        _$jscoverage['plugins/insertcode.js'][579]++;
+        domUtils.preventDefault(evt);
+      }
+    }
+  }
+}));
+  _$jscoverage['plugins/insertcode.js'][586]++;
+  me.addListener("delkeydown", (function (type, evt) {
+  _$jscoverage['plugins/insertcode.js'][587]++;
+  var rng = this.selection.getRange();
+  _$jscoverage['plugins/insertcode.js'][588]++;
+  rng.txtToElmBoundary(true);
+  _$jscoverage['plugins/insertcode.js'][589]++;
+  var start = rng.startContainer;
+  _$jscoverage['plugins/insertcode.js'][590]++;
+  if ((domUtils.isTagNode(start, "pre") && rng.collapsed && domUtils.isStartInblock(rng))) {
+    _$jscoverage['plugins/insertcode.js'][591]++;
+    var p = me.document.createElement("p");
+    _$jscoverage['plugins/insertcode.js'][592]++;
+    domUtils.fillNode(me.document, p);
+    _$jscoverage['plugins/insertcode.js'][593]++;
+    start.parentNode.insertBefore(p, start);
+    _$jscoverage['plugins/insertcode.js'][594]++;
+    domUtils.remove(start);
+    _$jscoverage['plugins/insertcode.js'][595]++;
+    rng.setStart(p, 0).setCursor(false, true);
+    _$jscoverage['plugins/insertcode.js'][596]++;
+    domUtils.preventDefault(evt);
+    _$jscoverage['plugins/insertcode.js'][597]++;
+    return true;
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/inserthtml.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/inserthtml.js
new file mode 100644
index 000000000..2e7ccbac2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/inserthtml.js
@@ -0,0 +1,504 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/inserthtml.js']) {
+  _$jscoverage['plugins/inserthtml.js'] = [];
+  _$jscoverage['plugins/inserthtml.js'][31] = 0;
+  _$jscoverage['plugins/inserthtml.js'][33] = 0;
+  _$jscoverage['plugins/inserthtml.js'][36] = 0;
+  _$jscoverage['plugins/inserthtml.js'][37] = 0;
+  _$jscoverage['plugins/inserthtml.js'][39] = 0;
+  _$jscoverage['plugins/inserthtml.js'][40] = 0;
+  _$jscoverage['plugins/inserthtml.js'][42] = 0;
+  _$jscoverage['plugins/inserthtml.js'][43] = 0;
+  _$jscoverage['plugins/inserthtml.js'][44] = 0;
+  _$jscoverage['plugins/inserthtml.js'][46] = 0;
+  _$jscoverage['plugins/inserthtml.js'][47] = 0;
+  _$jscoverage['plugins/inserthtml.js'][49] = 0;
+  _$jscoverage['plugins/inserthtml.js'][50] = 0;
+  _$jscoverage['plugins/inserthtml.js'][53] = 0;
+  _$jscoverage['plugins/inserthtml.js'][54] = 0;
+  _$jscoverage['plugins/inserthtml.js'][56] = 0;
+  _$jscoverage['plugins/inserthtml.js'][58] = 0;
+  _$jscoverage['plugins/inserthtml.js'][59] = 0;
+  _$jscoverage['plugins/inserthtml.js'][60] = 0;
+  _$jscoverage['plugins/inserthtml.js'][61] = 0;
+  _$jscoverage['plugins/inserthtml.js'][63] = 0;
+  _$jscoverage['plugins/inserthtml.js'][64] = 0;
+  _$jscoverage['plugins/inserthtml.js'][65] = 0;
+  _$jscoverage['plugins/inserthtml.js'][67] = 0;
+  _$jscoverage['plugins/inserthtml.js'][70] = 0;
+  _$jscoverage['plugins/inserthtml.js'][71] = 0;
+  _$jscoverage['plugins/inserthtml.js'][72] = 0;
+  _$jscoverage['plugins/inserthtml.js'][73] = 0;
+  _$jscoverage['plugins/inserthtml.js'][76] = 0;
+  _$jscoverage['plugins/inserthtml.js'][77] = 0;
+  _$jscoverage['plugins/inserthtml.js'][78] = 0;
+  _$jscoverage['plugins/inserthtml.js'][79] = 0;
+  _$jscoverage['plugins/inserthtml.js'][80] = 0;
+  _$jscoverage['plugins/inserthtml.js'][81] = 0;
+  _$jscoverage['plugins/inserthtml.js'][82] = 0;
+  _$jscoverage['plugins/inserthtml.js'][87] = 0;
+  _$jscoverage['plugins/inserthtml.js'][88] = 0;
+  _$jscoverage['plugins/inserthtml.js'][89] = 0;
+  _$jscoverage['plugins/inserthtml.js'][90] = 0;
+  _$jscoverage['plugins/inserthtml.js'][91] = 0;
+  _$jscoverage['plugins/inserthtml.js'][92] = 0;
+  _$jscoverage['plugins/inserthtml.js'][93] = 0;
+  _$jscoverage['plugins/inserthtml.js'][95] = 0;
+  _$jscoverage['plugins/inserthtml.js'][102] = 0;
+  _$jscoverage['plugins/inserthtml.js'][104] = 0;
+  _$jscoverage['plugins/inserthtml.js'][105] = 0;
+  _$jscoverage['plugins/inserthtml.js'][106] = 0;
+  _$jscoverage['plugins/inserthtml.js'][107] = 0;
+  _$jscoverage['plugins/inserthtml.js'][108] = 0;
+  _$jscoverage['plugins/inserthtml.js'][109] = 0;
+  _$jscoverage['plugins/inserthtml.js'][110] = 0;
+  _$jscoverage['plugins/inserthtml.js'][111] = 0;
+  _$jscoverage['plugins/inserthtml.js'][112] = 0;
+  _$jscoverage['plugins/inserthtml.js'][116] = 0;
+  _$jscoverage['plugins/inserthtml.js'][117] = 0;
+  _$jscoverage['plugins/inserthtml.js'][118] = 0;
+  _$jscoverage['plugins/inserthtml.js'][119] = 0;
+  _$jscoverage['plugins/inserthtml.js'][121] = 0;
+  _$jscoverage['plugins/inserthtml.js'][122] = 0;
+  _$jscoverage['plugins/inserthtml.js'][123] = 0;
+  _$jscoverage['plugins/inserthtml.js'][124] = 0;
+  _$jscoverage['plugins/inserthtml.js'][125] = 0;
+  _$jscoverage['plugins/inserthtml.js'][128] = 0;
+  _$jscoverage['plugins/inserthtml.js'][129] = 0;
+  _$jscoverage['plugins/inserthtml.js'][130] = 0;
+  _$jscoverage['plugins/inserthtml.js'][131] = 0;
+  _$jscoverage['plugins/inserthtml.js'][132] = 0;
+  _$jscoverage['plugins/inserthtml.js'][133] = 0;
+  _$jscoverage['plugins/inserthtml.js'][135] = 0;
+  _$jscoverage['plugins/inserthtml.js'][137] = 0;
+  _$jscoverage['plugins/inserthtml.js'][138] = 0;
+  _$jscoverage['plugins/inserthtml.js'][139] = 0;
+  _$jscoverage['plugins/inserthtml.js'][140] = 0;
+  _$jscoverage['plugins/inserthtml.js'][141] = 0;
+  _$jscoverage['plugins/inserthtml.js'][142] = 0;
+  _$jscoverage['plugins/inserthtml.js'][143] = 0;
+  _$jscoverage['plugins/inserthtml.js'][144] = 0;
+  _$jscoverage['plugins/inserthtml.js'][148] = 0;
+  _$jscoverage['plugins/inserthtml.js'][149] = 0;
+  _$jscoverage['plugins/inserthtml.js'][150] = 0;
+  _$jscoverage['plugins/inserthtml.js'][152] = 0;
+  _$jscoverage['plugins/inserthtml.js'][154] = 0;
+  _$jscoverage['plugins/inserthtml.js'][157] = 0;
+  _$jscoverage['plugins/inserthtml.js'][158] = 0;
+  _$jscoverage['plugins/inserthtml.js'][159] = 0;
+  _$jscoverage['plugins/inserthtml.js'][160] = 0;
+  _$jscoverage['plugins/inserthtml.js'][161] = 0;
+  _$jscoverage['plugins/inserthtml.js'][162] = 0;
+  _$jscoverage['plugins/inserthtml.js'][163] = 0;
+  _$jscoverage['plugins/inserthtml.js'][165] = 0;
+  _$jscoverage['plugins/inserthtml.js'][167] = 0;
+  _$jscoverage['plugins/inserthtml.js'][170] = 0;
+  _$jscoverage['plugins/inserthtml.js'][171] = 0;
+  _$jscoverage['plugins/inserthtml.js'][172] = 0;
+  _$jscoverage['plugins/inserthtml.js'][174] = 0;
+  _$jscoverage['plugins/inserthtml.js'][175] = 0;
+  _$jscoverage['plugins/inserthtml.js'][176] = 0;
+  _$jscoverage['plugins/inserthtml.js'][177] = 0;
+  _$jscoverage['plugins/inserthtml.js'][179] = 0;
+  _$jscoverage['plugins/inserthtml.js'][180] = 0;
+  _$jscoverage['plugins/inserthtml.js'][181] = 0;
+  _$jscoverage['plugins/inserthtml.js'][182] = 0;
+  _$jscoverage['plugins/inserthtml.js'][188] = 0;
+  _$jscoverage['plugins/inserthtml.js'][190] = 0;
+  _$jscoverage['plugins/inserthtml.js'][191] = 0;
+  _$jscoverage['plugins/inserthtml.js'][192] = 0;
+  _$jscoverage['plugins/inserthtml.js'][193] = 0;
+  _$jscoverage['plugins/inserthtml.js'][197] = 0;
+  _$jscoverage['plugins/inserthtml.js'][202] = 0;
+  _$jscoverage['plugins/inserthtml.js'][204] = 0;
+  _$jscoverage['plugins/inserthtml.js'][207] = 0;
+  _$jscoverage['plugins/inserthtml.js'][208] = 0;
+  _$jscoverage['plugins/inserthtml.js'][210] = 0;
+  _$jscoverage['plugins/inserthtml.js'][211] = 0;
+  _$jscoverage['plugins/inserthtml.js'][213] = 0;
+  _$jscoverage['plugins/inserthtml.js'][217] = 0;
+  _$jscoverage['plugins/inserthtml.js'][219] = 0;
+  _$jscoverage['plugins/inserthtml.js'][220] = 0;
+  _$jscoverage['plugins/inserthtml.js'][223] = 0;
+  _$jscoverage['plugins/inserthtml.js'][224] = 0;
+  _$jscoverage['plugins/inserthtml.js'][225] = 0;
+  _$jscoverage['plugins/inserthtml.js'][226] = 0;
+  _$jscoverage['plugins/inserthtml.js'][228] = 0;
+  _$jscoverage['plugins/inserthtml.js'][232] = 0;
+  _$jscoverage['plugins/inserthtml.js'][233] = 0;
+  _$jscoverage['plugins/inserthtml.js'][235] = 0;
+  _$jscoverage['plugins/inserthtml.js'][236] = 0;
+  _$jscoverage['plugins/inserthtml.js'][243] = 0;
+  _$jscoverage['plugins/inserthtml.js'][244] = 0;
+  _$jscoverage['plugins/inserthtml.js'][251] = 0;
+  _$jscoverage['plugins/inserthtml.js'][252] = 0;
+  _$jscoverage['plugins/inserthtml.js'][253] = 0;
+  _$jscoverage['plugins/inserthtml.js'][254] = 0;
+}
+_$jscoverage['plugins/inserthtml.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;html&#23383;&#31526;&#20018;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23545;&#32534;&#36753;&#22120;&#21306;&#22495;&#25554;&#20837;html&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @command inserthtml</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { String } html &#25554;&#20837;&#30340;html&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'insertcode', '&lt;p&gt;&#25105;&#26159;UEdtior&#24320;&#21457;&#32773;&lt;/P&gt;' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23545;&#32534;&#36753;&#22120;&#21306;&#22495;&#25554;&#20837;html&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @command inserthtml</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { String } html &#25554;&#20837;&#30340;html&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { Bool } notNeedFilter &#20256;true&#26102;&#19981;&#36208;&#36807;&#28388;&#35268;&#21017;&#65292;&#21453;&#20043;&#35201;&#36208;&#37197;&#32622;&#39033;&#36807;&#28388;&#35268;&#21017;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'inserthtml', '&lt;div&gt;&#25105;&#26159;UEdtior&#24320;&#21457;&#32773;&lt;/div&gt;' ,true);</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'inserthtml'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>command<span class=\"k\">,</span>html<span class=\"k\">,</span>notNeedFilter<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","            range<span class=\"k\">,</span>","            div<span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(!</span>html<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'beforeinserthtml'</span><span class=\"k\">,</span>html<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">true</span><span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","        div <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span> <span class=\"s\">'div'</span> <span class=\"k\">);</span>","        div<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'inline'</span><span class=\"k\">;</span>","","        <span class=\"k\">if</span> <span class=\"k\">(!</span>notNeedFilter<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> root <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>html<span class=\"k\">);</span>","            <span class=\"c\">//&#22914;&#26524;&#32473;&#20102;&#36807;&#28388;&#35268;&#21017;&#23601;&#20808;&#36827;&#34892;&#36807;&#28388;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>filterRules<span class=\"k\">)</span><span class=\"k\">{</span>","                UE<span class=\"k\">.</span>filterNode<span class=\"k\">(</span>root<span class=\"k\">,</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>filterRules<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#25191;&#34892;&#40664;&#35748;&#30340;&#22788;&#29702;</span>","            me<span class=\"k\">.</span>filterInputRule<span class=\"k\">(</span>root<span class=\"k\">);</span>","            html <span class=\"k\">=</span> root<span class=\"k\">.</span>toHtml<span class=\"k\">()</span>","        <span class=\"k\">}</span>","        div<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span> html <span class=\"k\">);</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>range<span class=\"k\">.</span>collapsed <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span><span class=\"k\">{</span>","                range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span>","            <span class=\"k\">}</span>","            tmpNode <span class=\"k\">=</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span><span class=\"k\">{</span>","                range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span>","            <span class=\"k\">}</span>","            range<span class=\"k\">.</span>txtToElmBoundary<span class=\"k\">();</span>","            <span class=\"c\">//&#32467;&#26463;&#36793;&#30028;&#21487;&#33021;&#25918;&#21040;&#20102;br&#30340;&#21069;&#36793;&#65292;&#35201;&#25226;br&#21253;&#21547;&#36827;&#26469;</span>","            <span class=\"c\">// x[xxx]&lt;br/&gt;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                tmpNode <span class=\"k\">=</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>endOffset<span class=\"k\">];</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>tmpNode <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span><span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>startOffset <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span><span class=\"k\">{</span>","                tmpNode <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBoundaryNode<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span><span class=\"s\">'firstChild'</span><span class=\"k\">)</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                    tmpNode <span class=\"k\">=</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>endOffset <span class=\"k\">==</span> <span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> tmpNode<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length <span class=\"k\">:</span> tmpNode<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBoundaryNode<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span><span class=\"s\">'lastChild'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;p&gt;'</span><span class=\"k\">+(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)+</span><span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">;</span>","                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>firstChild<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span>","","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">!</span>range<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>deleteContents<span class=\"k\">();</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> child <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">],</span>pre<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>child <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>child<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>pre <span class=\"k\">=</span> child<span class=\"k\">.</span>previousSibling<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>pre<span class=\"k\">))</span><span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setEnd<span class=\"k\">(</span>pre<span class=\"k\">,</span>pre<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">).</span>collapse<span class=\"k\">();</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>child<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","                        pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>child<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>child<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","","","        <span class=\"k\">var</span> child<span class=\"k\">,</span>parent<span class=\"k\">,</span>pre<span class=\"k\">,</span>tmp<span class=\"k\">,</span>hadBreak <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> nextNode<span class=\"k\">;</span>","        <span class=\"c\">//&#22914;&#26524;&#24403;&#21069;&#20301;&#32622;&#36873;&#20013;&#20102;fillchar&#35201;&#24178;&#25481;&#65292;&#35201;&#19981;&#20250;&#20135;&#29983;&#31354;&#34892;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>inFillChar<span class=\"k\">())</span><span class=\"k\">{</span>","            child <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>child<span class=\"k\">))</span><span class=\"k\">{</span>","                range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>child<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>child<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>child<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">))</span><span class=\"k\">{</span>","                child<span class=\"k\">.</span>nodeValue <span class=\"k\">=</span> child<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>replace<span class=\"k\">(</span>fillCharReg<span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","                range<span class=\"k\">.</span>startOffset<span class=\"k\">--;</span>","                range<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"c\">//&#21015;&#34920;&#21333;&#29420;&#22788;&#29702;</span>","        <span class=\"k\">var</span> li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'li'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>li<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> next<span class=\"k\">,</span>last<span class=\"k\">;</span>","            <span class=\"k\">while</span><span class=\"k\">(</span>child <span class=\"k\">=</span> div<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"c\">//&#38024;&#23545;hr&#21333;&#29420;&#22788;&#29702;&#19968;&#19979;&#20808;</span>","                <span class=\"k\">while</span><span class=\"k\">(</span>child <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>child<span class=\"k\">)</span> <span class=\"k\">||</span> child<span class=\"k\">.</span>tagName<span class=\"k\">==</span><span class=\"s\">'HR'</span> <span class=\"k\">))</span><span class=\"k\">{</span>","                    next <span class=\"k\">=</span> child<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                    range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span> child<span class=\"k\">).</span>collapse<span class=\"k\">();</span>","                    last <span class=\"k\">=</span> child<span class=\"k\">;</span>","                    child <span class=\"k\">=</span> next<span class=\"k\">;</span>","","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>child<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/^(ol|ul)$/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>child<span class=\"k\">.</span>tagName<span class=\"k\">))</span><span class=\"k\">{</span>","                        <span class=\"k\">while</span><span class=\"k\">(</span>child<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","                            last <span class=\"k\">=</span> child<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                            domUtils<span class=\"k\">.</span>insertAfter<span class=\"k\">(</span>li<span class=\"k\">,</span>child<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                            li <span class=\"k\">=</span> li<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>child<span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> tmpLi<span class=\"k\">;</span>","                        next <span class=\"k\">=</span> child<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                        tmpLi <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'li'</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>insertAfter<span class=\"k\">(</span>li<span class=\"k\">,</span>tmpLi<span class=\"k\">);</span>","                        tmpLi<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>child<span class=\"k\">);</span>","                        last <span class=\"k\">=</span> child<span class=\"k\">;</span>","                        child <span class=\"k\">=</span> next<span class=\"k\">;</span>","                        li <span class=\"k\">=</span> tmpLi<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'li'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>li<span class=\"k\">))</span><span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>li<span class=\"k\">)</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>last<span class=\"k\">)</span><span class=\"k\">{</span>","","                range<span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span>last<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span> child <span class=\"k\">=</span> div<span class=\"k\">.</span>firstChild <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>hadBreak<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>child <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>child<span class=\"k\">.</span>tagName<span class=\"k\">]))</span><span class=\"k\">{</span>","                        nextNode <span class=\"k\">=</span> child<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                        p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>child<span class=\"k\">);</span>","                        child <span class=\"k\">=</span> nextNode<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>p<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","","                        child <span class=\"k\">=</span> p","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span> child <span class=\"k\">);</span>","                nextNode <span class=\"k\">=</span> child<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>hadBreak <span class=\"k\">&amp;&amp;</span> child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> domUtils<span class=\"k\">.</span>NODE_ELEMENT <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span> child <span class=\"k\">)</span> <span class=\"k\">)</span><span class=\"k\">{</span>","","                    parent <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span> child<span class=\"k\">,</span><span class=\"k\">function</span> <span class=\"k\">(</span> node <span class=\"k\">)</span><span class=\"k\">{</span> <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span> node <span class=\"k\">);</span> <span class=\"k\">}</span> <span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> parent <span class=\"k\">&amp;&amp;</span> parent<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">!=</span> <span class=\"s\">'body'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!(</span>dtd<span class=\"k\">[</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">][</span>child<span class=\"k\">.</span>nodeName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> child<span class=\"k\">.</span>parentNode <span class=\"k\">===</span> parent<span class=\"k\">))</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>dtd<span class=\"k\">[</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">][</span>child<span class=\"k\">.</span>nodeName<span class=\"k\">])</span><span class=\"k\">{</span>","                            pre <span class=\"k\">=</span> parent<span class=\"k\">;</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            tmp <span class=\"k\">=</span> child<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                            <span class=\"k\">while</span> <span class=\"k\">(</span>tmp <span class=\"k\">!==</span> parent<span class=\"k\">)</span><span class=\"k\">{</span>","                                pre <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                                tmp <span class=\"k\">=</span> tmp<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","","","                        domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span> child<span class=\"k\">,</span> pre <span class=\"k\">||</span> tmp <span class=\"k\">);</span>","                        <span class=\"c\">//&#21435;&#25481;break&#21518;&#21069;&#19968;&#20010;&#22810;&#20313;&#30340;&#33410;&#28857;  &lt;p&gt;|&lt;[p&gt; ==&gt; &lt;p&gt;&lt;/p&gt;&lt;div&gt;&lt;/div&gt;&lt;p&gt;|&lt;/p&gt;</span>","                        <span class=\"k\">var</span> pre <span class=\"k\">=</span> child<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                        domUtils<span class=\"k\">.</span>trimWhiteTextNode<span class=\"k\">(</span>pre<span class=\"k\">);</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>pre<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>pre<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        <span class=\"c\">//trace:2012,&#22312;&#38750;ie&#30340;&#24773;&#20917;&#65292;&#20999;&#24320;&#21518;&#21097;&#19979;&#30340;&#33410;&#28857;&#26377;&#21487;&#33021;&#19981;&#33021;&#28857;&#20837;&#20809;&#26631;&#28155;&#21152;br&#21344;&#20301;</span>","","                        <span class=\"k\">if</span><span class=\"k\">(!</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span>","                            <span class=\"k\">(</span>next <span class=\"k\">=</span> child<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span>","                            domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>next<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span>","                            next<span class=\"k\">.</span>lastChild <span class=\"k\">&amp;&amp;</span>","                            <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>next<span class=\"k\">.</span>lastChild<span class=\"k\">))</span><span class=\"k\">{</span>","                            next<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">));</span>","                        <span class=\"k\">}</span>","                        hadBreak <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> next <span class=\"k\">=</span> child<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(!</span>div<span class=\"k\">.</span>firstChild <span class=\"k\">&amp;&amp;</span> next <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>next<span class=\"k\">))</span><span class=\"k\">{</span>","","                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>next<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span> child <span class=\"k\">).</span>collapse<span class=\"k\">();</span>","","            <span class=\"k\">}</span>","","            child <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span>nextNode <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>nextNode<span class=\"k\">))</span><span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>nextNode<span class=\"k\">)</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#29992;chrome&#21487;&#33021;&#26377;&#31354;&#30333;&#23637;&#20301;&#31526;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>child<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>child<span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>nextNode <span class=\"k\">=</span> child<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>child<span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>nextNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>nextNode<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","","                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>nextNode<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>shrinkBoundary<span class=\"k\">()</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","","                    <span class=\"k\">try</span><span class=\"k\">{</span>","                        child<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>child<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>child<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","            <span class=\"c\">//&#21152;&#19978;true&#22240;&#20026;&#22312;&#21024;&#38500;&#34920;&#24773;&#31561;&#26102;&#20250;&#21024;&#20004;&#27425;&#65292;&#31532;&#19968;&#27425;&#26159;&#21024;&#30340;fillData</span>","            <span class=\"k\">try</span><span class=\"k\">{</span>","                range<span class=\"k\">.</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{}</span>","","        <span class=\"k\">}</span>","","","","        setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            range<span class=\"k\">.</span>scrollToView<span class=\"k\">(</span>me<span class=\"k\">.</span>autoHeightEnabled<span class=\"k\">,</span>me<span class=\"k\">.</span>autoHeightEnabled <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>me<span class=\"k\">.</span>iframe<span class=\"k\">).</span>y<span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">);</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'afterinserthtml'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"s\">200</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/inserthtml.js'][31]++;
+UE.commands.inserthtml = {execCommand: (function (command, html, notNeedFilter) {
+  _$jscoverage['plugins/inserthtml.js'][33]++;
+  var me = this, range, div;
+  _$jscoverage['plugins/inserthtml.js'][36]++;
+  if ((! html)) {
+    _$jscoverage['plugins/inserthtml.js'][37]++;
+    return;
+  }
+  _$jscoverage['plugins/inserthtml.js'][39]++;
+  if ((me.fireEvent("beforeinserthtml", html) === true)) {
+    _$jscoverage['plugins/inserthtml.js'][40]++;
+    return;
+  }
+  _$jscoverage['plugins/inserthtml.js'][42]++;
+  range = me.selection.getRange();
+  _$jscoverage['plugins/inserthtml.js'][43]++;
+  div = range.document.createElement("div");
+  _$jscoverage['plugins/inserthtml.js'][44]++;
+  div.style.display = "inline";
+  _$jscoverage['plugins/inserthtml.js'][46]++;
+  if ((! notNeedFilter)) {
+    _$jscoverage['plugins/inserthtml.js'][47]++;
+    var root = UE.htmlparser(html);
+    _$jscoverage['plugins/inserthtml.js'][49]++;
+    if (me.options.filterRules) {
+      _$jscoverage['plugins/inserthtml.js'][50]++;
+      UE.filterNode(root, me.options.filterRules);
+    }
+    _$jscoverage['plugins/inserthtml.js'][53]++;
+    me.filterInputRule(root);
+    _$jscoverage['plugins/inserthtml.js'][54]++;
+    html = root.toHtml();
+  }
+  _$jscoverage['plugins/inserthtml.js'][56]++;
+  div.innerHTML = utils.trim(html);
+  _$jscoverage['plugins/inserthtml.js'][58]++;
+  if ((! range.collapsed)) {
+    _$jscoverage['plugins/inserthtml.js'][59]++;
+    var tmpNode = range.startContainer;
+    _$jscoverage['plugins/inserthtml.js'][60]++;
+    if (domUtils.isFillChar(tmpNode)) {
+      _$jscoverage['plugins/inserthtml.js'][61]++;
+      range.setStartBefore(tmpNode);
+    }
+    _$jscoverage['plugins/inserthtml.js'][63]++;
+    tmpNode = range.endContainer;
+    _$jscoverage['plugins/inserthtml.js'][64]++;
+    if (domUtils.isFillChar(tmpNode)) {
+      _$jscoverage['plugins/inserthtml.js'][65]++;
+      range.setEndAfter(tmpNode);
+    }
+    _$jscoverage['plugins/inserthtml.js'][67]++;
+    range.txtToElmBoundary();
+    _$jscoverage['plugins/inserthtml.js'][70]++;
+    if ((range.endContainer && (range.endContainer.nodeType == 1))) {
+      _$jscoverage['plugins/inserthtml.js'][71]++;
+      tmpNode = range.endContainer.childNodes[range.endOffset];
+      _$jscoverage['plugins/inserthtml.js'][72]++;
+      if ((tmpNode && domUtils.isBr(tmpNode))) {
+        _$jscoverage['plugins/inserthtml.js'][73]++;
+        range.setEndAfter(tmpNode);
+      }
+    }
+    _$jscoverage['plugins/inserthtml.js'][76]++;
+    if ((range.startOffset == 0)) {
+      _$jscoverage['plugins/inserthtml.js'][77]++;
+      tmpNode = range.startContainer;
+      _$jscoverage['plugins/inserthtml.js'][78]++;
+      if (domUtils.isBoundaryNode(tmpNode, "firstChild")) {
+        _$jscoverage['plugins/inserthtml.js'][79]++;
+        tmpNode = range.endContainer;
+        _$jscoverage['plugins/inserthtml.js'][80]++;
+        if (((range.endOffset == ((tmpNode.nodeType == 3)? tmpNode.nodeValue.length: tmpNode.childNodes.length)) && domUtils.isBoundaryNode(tmpNode, "lastChild"))) {
+          _$jscoverage['plugins/inserthtml.js'][81]++;
+          me.body.innerHTML = ("<p>" + (browser.ie? "": "<br/>") + "</p>");
+          _$jscoverage['plugins/inserthtml.js'][82]++;
+          range.setStart(me.body.firstChild, 0).collapse(true);
+        }
+      }
+    }
+    _$jscoverage['plugins/inserthtml.js'][87]++;
+    ((! range.collapsed) && range.deleteContents());
+    _$jscoverage['plugins/inserthtml.js'][88]++;
+    if ((range.startContainer.nodeType == 1)) {
+      _$jscoverage['plugins/inserthtml.js'][89]++;
+      var child = range.startContainer.childNodes[range.startOffset], pre;
+      _$jscoverage['plugins/inserthtml.js'][90]++;
+      if ((child && domUtils.isBlockElm(child) && (pre = child.previousSibling) && domUtils.isBlockElm(pre))) {
+        _$jscoverage['plugins/inserthtml.js'][91]++;
+        range.setEnd(pre, pre.childNodes.length).collapse();
+        _$jscoverage['plugins/inserthtml.js'][92]++;
+        while (child.firstChild) {
+          _$jscoverage['plugins/inserthtml.js'][93]++;
+          pre.appendChild(child.firstChild);
+}
+        _$jscoverage['plugins/inserthtml.js'][95]++;
+        domUtils.remove(child);
+      }
+    }
+  }
+  _$jscoverage['plugins/inserthtml.js'][102]++;
+  var child = child, parent, pre = pre, tmp, hadBreak = 0, nextNode;
+  _$jscoverage['plugins/inserthtml.js'][104]++;
+  if (range.inFillChar()) {
+    _$jscoverage['plugins/inserthtml.js'][105]++;
+    child = range.startContainer;
+    _$jscoverage['plugins/inserthtml.js'][106]++;
+    if (domUtils.isFillChar(child)) {
+      _$jscoverage['plugins/inserthtml.js'][107]++;
+      range.setStartBefore(child).collapse(true);
+      _$jscoverage['plugins/inserthtml.js'][108]++;
+      domUtils.remove(child);
+    }
+    else {
+      _$jscoverage['plugins/inserthtml.js'][109]++;
+      if (domUtils.isFillChar(child, true)) {
+        _$jscoverage['plugins/inserthtml.js'][110]++;
+        child.nodeValue = child.nodeValue.replace(fillCharReg, "");
+        _$jscoverage['plugins/inserthtml.js'][111]++;
+        (range.startOffset--);
+        _$jscoverage['plugins/inserthtml.js'][112]++;
+        (range.collapsed && range.collapse(true));
+      }
+    }
+  }
+  _$jscoverage['plugins/inserthtml.js'][116]++;
+  var li = domUtils.findParentByTagName(range.startContainer, "li", true);
+  _$jscoverage['plugins/inserthtml.js'][117]++;
+  if (li) {
+    _$jscoverage['plugins/inserthtml.js'][118]++;
+    var next, last;
+    _$jscoverage['plugins/inserthtml.js'][119]++;
+    while ((child = div.firstChild)) {
+      _$jscoverage['plugins/inserthtml.js'][121]++;
+      while ((child && ((child.nodeType == 3) || (! domUtils.isBlockElm(child)) || (child.tagName == "HR")))) {
+        _$jscoverage['plugins/inserthtml.js'][122]++;
+        next = child.nextSibling;
+        _$jscoverage['plugins/inserthtml.js'][123]++;
+        range.insertNode(child).collapse();
+        _$jscoverage['plugins/inserthtml.js'][124]++;
+        last = child;
+        _$jscoverage['plugins/inserthtml.js'][125]++;
+        child = next;
+}
+      _$jscoverage['plugins/inserthtml.js'][128]++;
+      if (child) {
+        _$jscoverage['plugins/inserthtml.js'][129]++;
+        if (/^(ol|ul)$/i.test(child.tagName)) {
+          _$jscoverage['plugins/inserthtml.js'][130]++;
+          while (child.firstChild) {
+            _$jscoverage['plugins/inserthtml.js'][131]++;
+            last = child.firstChild;
+            _$jscoverage['plugins/inserthtml.js'][132]++;
+            domUtils.insertAfter(li, child.firstChild);
+            _$jscoverage['plugins/inserthtml.js'][133]++;
+            li = li.nextSibling;
+}
+          _$jscoverage['plugins/inserthtml.js'][135]++;
+          domUtils.remove(child);
+        }
+        else {
+          _$jscoverage['plugins/inserthtml.js'][137]++;
+          var tmpLi;
+          _$jscoverage['plugins/inserthtml.js'][138]++;
+          next = child.nextSibling;
+          _$jscoverage['plugins/inserthtml.js'][139]++;
+          tmpLi = me.document.createElement("li");
+          _$jscoverage['plugins/inserthtml.js'][140]++;
+          domUtils.insertAfter(li, tmpLi);
+          _$jscoverage['plugins/inserthtml.js'][141]++;
+          tmpLi.appendChild(child);
+          _$jscoverage['plugins/inserthtml.js'][142]++;
+          last = child;
+          _$jscoverage['plugins/inserthtml.js'][143]++;
+          child = next;
+          _$jscoverage['plugins/inserthtml.js'][144]++;
+          li = tmpLi;
+        }
+      }
+}
+    _$jscoverage['plugins/inserthtml.js'][148]++;
+    li = domUtils.findParentByTagName(range.startContainer, "li", true);
+    _$jscoverage['plugins/inserthtml.js'][149]++;
+    if (domUtils.isEmptyBlock(li)) {
+      _$jscoverage['plugins/inserthtml.js'][150]++;
+      domUtils.remove(li);
+    }
+    _$jscoverage['plugins/inserthtml.js'][152]++;
+    if (last) {
+      _$jscoverage['plugins/inserthtml.js'][154]++;
+      range.setStartAfter(last).collapse(true).select(true);
+    }
+  }
+  else {
+    _$jscoverage['plugins/inserthtml.js'][157]++;
+    while ((child = div.firstChild)) {
+      _$jscoverage['plugins/inserthtml.js'][158]++;
+      if (hadBreak) {
+        _$jscoverage['plugins/inserthtml.js'][159]++;
+        var p = me.document.createElement("p");
+        _$jscoverage['plugins/inserthtml.js'][160]++;
+        while ((child && ((child.nodeType == 3) || (! dtd.$block[child.tagName])))) {
+          _$jscoverage['plugins/inserthtml.js'][161]++;
+          nextNode = child.nextSibling;
+          _$jscoverage['plugins/inserthtml.js'][162]++;
+          p.appendChild(child);
+          _$jscoverage['plugins/inserthtml.js'][163]++;
+          child = nextNode;
+}
+        _$jscoverage['plugins/inserthtml.js'][165]++;
+        if (p.firstChild) {
+          _$jscoverage['plugins/inserthtml.js'][167]++;
+          child = p;
+        }
+      }
+      _$jscoverage['plugins/inserthtml.js'][170]++;
+      range.insertNode(child);
+      _$jscoverage['plugins/inserthtml.js'][171]++;
+      nextNode = child.nextSibling;
+      _$jscoverage['plugins/inserthtml.js'][172]++;
+      if (((! hadBreak) && (child.nodeType == domUtils.NODE_ELEMENT) && domUtils.isBlockElm(child))) {
+        _$jscoverage['plugins/inserthtml.js'][174]++;
+        parent = domUtils.findParent(child, (function (node) {
+  _$jscoverage['plugins/inserthtml.js'][174]++;
+  return domUtils.isBlockElm(node);
+}));
+        _$jscoverage['plugins/inserthtml.js'][175]++;
+        if ((parent && (parent.tagName.toLowerCase() != "body") && (! (dtd[parent.tagName][child.nodeName] && (child.parentNode === parent))))) {
+          _$jscoverage['plugins/inserthtml.js'][176]++;
+          if ((! dtd[parent.tagName][child.nodeName])) {
+            _$jscoverage['plugins/inserthtml.js'][177]++;
+            pre = parent;
+          }
+          else {
+            _$jscoverage['plugins/inserthtml.js'][179]++;
+            tmp = child.parentNode;
+            _$jscoverage['plugins/inserthtml.js'][180]++;
+            while ((tmp !== parent)) {
+              _$jscoverage['plugins/inserthtml.js'][181]++;
+              pre = tmp;
+              _$jscoverage['plugins/inserthtml.js'][182]++;
+              tmp = tmp.parentNode;
+}
+          }
+          _$jscoverage['plugins/inserthtml.js'][188]++;
+          domUtils.breakParent(child, (pre || tmp));
+          _$jscoverage['plugins/inserthtml.js'][190]++;
+          var pre = child.previousSibling;
+          _$jscoverage['plugins/inserthtml.js'][191]++;
+          domUtils.trimWhiteTextNode(pre);
+          _$jscoverage['plugins/inserthtml.js'][192]++;
+          if ((! pre.childNodes.length)) {
+            _$jscoverage['plugins/inserthtml.js'][193]++;
+            domUtils.remove(pre);
+          }
+          _$jscoverage['plugins/inserthtml.js'][197]++;
+          if (((! browser.ie) && (next = child.nextSibling) && domUtils.isBlockElm(next) && next.lastChild && (! domUtils.isBr(next.lastChild)))) {
+            _$jscoverage['plugins/inserthtml.js'][202]++;
+            next.appendChild(me.document.createElement("br"));
+          }
+          _$jscoverage['plugins/inserthtml.js'][204]++;
+          hadBreak = 1;
+        }
+      }
+      _$jscoverage['plugins/inserthtml.js'][207]++;
+      var next = child.nextSibling;
+      _$jscoverage['plugins/inserthtml.js'][208]++;
+      if (((! div.firstChild) && next && domUtils.isBlockElm(next))) {
+        _$jscoverage['plugins/inserthtml.js'][210]++;
+        range.setStart(next, 0).collapse(true);
+        _$jscoverage['plugins/inserthtml.js'][211]++;
+        break;
+      }
+      _$jscoverage['plugins/inserthtml.js'][213]++;
+      range.setEndAfter(child).collapse();
+}
+    _$jscoverage['plugins/inserthtml.js'][217]++;
+    child = range.startContainer;
+    _$jscoverage['plugins/inserthtml.js'][219]++;
+    if ((nextNode && domUtils.isBr(nextNode))) {
+      _$jscoverage['plugins/inserthtml.js'][220]++;
+      domUtils.remove(nextNode);
+    }
+    _$jscoverage['plugins/inserthtml.js'][223]++;
+    if ((domUtils.isBlockElm(child) && domUtils.isEmptyNode(child))) {
+      _$jscoverage['plugins/inserthtml.js'][224]++;
+      if ((nextNode = child.nextSibling)) {
+        _$jscoverage['plugins/inserthtml.js'][225]++;
+        domUtils.remove(child);
+        _$jscoverage['plugins/inserthtml.js'][226]++;
+        if (((nextNode.nodeType == 1) && dtd.$block[nextNode.tagName])) {
+          _$jscoverage['plugins/inserthtml.js'][228]++;
+          range.setStart(nextNode, 0).collapse(true).shrinkBoundary();
+        }
+      }
+      else {
+        _$jscoverage['plugins/inserthtml.js'][232]++;
+        try {
+          _$jscoverage['plugins/inserthtml.js'][233]++;
+          child.innerHTML = (browser.ie? domUtils.fillChar: "<br/>");
+        }
+        catch (e) {
+          _$jscoverage['plugins/inserthtml.js'][235]++;
+          range.setStartBefore(child);
+          _$jscoverage['plugins/inserthtml.js'][236]++;
+          domUtils.remove(child);
+        }
+      }
+    }
+    _$jscoverage['plugins/inserthtml.js'][243]++;
+    try {
+      _$jscoverage['plugins/inserthtml.js'][244]++;
+      range.select(true);
+    }
+    catch (e) {
+    }
+  }
+  _$jscoverage['plugins/inserthtml.js'][251]++;
+  setTimeout((function () {
+  _$jscoverage['plugins/inserthtml.js'][252]++;
+  range = me.selection.getRange();
+  _$jscoverage['plugins/inserthtml.js'][253]++;
+  range.scrollToView(me.autoHeightEnabled, (me.autoHeightEnabled? domUtils.getXY(me.iframe).y: 0));
+  _$jscoverage['plugins/inserthtml.js'][254]++;
+  me.fireEvent("afterinserthtml");
+}), 200);
+})};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/insertparagraph.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/insertparagraph.js
new file mode 100644
index 000000000..d95607770
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/insertparagraph.js
@@ -0,0 +1,92 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/insertparagraph.js']) {
+  _$jscoverage['plugins/insertparagraph.js'] = [];
+  _$jscoverage['plugins/insertparagraph.js'][20] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][22] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][25] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][26] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][27] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][29] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][30] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][32] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][33] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][34] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][35] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][37] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][39] = 0;
+  _$jscoverage['plugins/insertparagraph.js'][40] = 0;
+}
+_$jscoverage['plugins/insertparagraph.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#26032;&#30340;&#27573;&#33853;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22312;&#24403;&#21069;&#20809;&#26631;&#20301;&#32622;&#22788;&#25554;&#20837;&#26032;&#27573;&#33853;, &#22914;&#26524;&#20809;&#26631;&#24050;&#32463;&#22312;&#27573;&#33853;&#20043;&#20013;&#65292; &#21017;&#20250;&#22312;&#35813;&#27573;&#33853;&#20043;&#21518;&#25554;&#20837;&#19968;&#20010;&#26032;&#30340;&#27573;&#33853;&#12290;</span>","<span class=\"c\"> * @command insertparagraph</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\"> * editor.execCommand( 'insertparagraph' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'insertparagraph'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName<span class=\"k\">,</span>front<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","            range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","            start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>tmpNode<span class=\"k\">;</span>","        <span class=\"k\">while</span><span class=\"k\">(</span>start <span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>start<span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            tmpNode <span class=\"k\">=</span> start<span class=\"k\">;</span>","            start <span class=\"k\">=</span> start<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>tmpNode<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>front<span class=\"k\">)</span><span class=\"k\">{</span>","                tmpNode<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span>tmpNode<span class=\"k\">)</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                tmpNode<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span>tmpNode<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span>","            <span class=\"k\">}</span>","            domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span>p<span class=\"k\">);</span>","            range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>p<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/insertparagraph.js'][20]++;
+UE.commands.insertparagraph = {execCommand: (function (cmdName, front) {
+  _$jscoverage['plugins/insertparagraph.js'][22]++;
+  var me = this, range = me.selection.getRange(), start = range.startContainer, tmpNode;
+  _$jscoverage['plugins/insertparagraph.js'][25]++;
+  while (start) {
+    _$jscoverage['plugins/insertparagraph.js'][26]++;
+    if (domUtils.isBody(start)) {
+      _$jscoverage['plugins/insertparagraph.js'][27]++;
+      break;
+    }
+    _$jscoverage['plugins/insertparagraph.js'][29]++;
+    tmpNode = start;
+    _$jscoverage['plugins/insertparagraph.js'][30]++;
+    start = start.parentNode;
+}
+  _$jscoverage['plugins/insertparagraph.js'][32]++;
+  if (tmpNode) {
+    _$jscoverage['plugins/insertparagraph.js'][33]++;
+    var p = me.document.createElement("p");
+    _$jscoverage['plugins/insertparagraph.js'][34]++;
+    if (front) {
+      _$jscoverage['plugins/insertparagraph.js'][35]++;
+      tmpNode.parentNode.insertBefore(p, tmpNode);
+    }
+    else {
+      _$jscoverage['plugins/insertparagraph.js'][37]++;
+      tmpNode.parentNode.insertBefore(p, tmpNode.nextSibling);
+    }
+    _$jscoverage['plugins/insertparagraph.js'][39]++;
+    domUtils.fillNode(me.document, p);
+    _$jscoverage['plugins/insertparagraph.js'][40]++;
+    range.setStart(p, 0).setCursor(false, true);
+  }
+})};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/justify.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/justify.js
new file mode 100644
index 000000000..ebe5ef7f1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/justify.js
@@ -0,0 +1,186 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/justify.js']) {
+  _$jscoverage['plugins/justify.js'] = [];
+  _$jscoverage['plugins/justify.js'][40] = 0;
+  _$jscoverage['plugins/justify.js'][41] = 0;
+  _$jscoverage['plugins/justify.js'][50] = 0;
+  _$jscoverage['plugins/justify.js'][52] = 0;
+  _$jscoverage['plugins/justify.js'][55] = 0;
+  _$jscoverage['plugins/justify.js'][56] = 0;
+  _$jscoverage['plugins/justify.js'][60] = 0;
+  _$jscoverage['plugins/justify.js'][61] = 0;
+  _$jscoverage['plugins/justify.js'][62] = 0;
+  _$jscoverage['plugins/justify.js'][63] = 0;
+  _$jscoverage['plugins/justify.js'][64] = 0;
+  _$jscoverage['plugins/justify.js'][65] = 0;
+  _$jscoverage['plugins/justify.js'][66] = 0;
+  _$jscoverage['plugins/justify.js'][69] = 0;
+  _$jscoverage['plugins/justify.js'][70] = 0;
+  _$jscoverage['plugins/justify.js'][71] = 0;
+  _$jscoverage['plugins/justify.js'][72] = 0;
+  _$jscoverage['plugins/justify.js'][73] = 0;
+  _$jscoverage['plugins/justify.js'][75] = 0;
+  _$jscoverage['plugins/justify.js'][76] = 0;
+  _$jscoverage['plugins/justify.js'][77] = 0;
+  _$jscoverage['plugins/justify.js'][78] = 0;
+  _$jscoverage['plugins/justify.js'][79] = 0;
+  _$jscoverage['plugins/justify.js'][80] = 0;
+  _$jscoverage['plugins/justify.js'][82] = 0;
+  _$jscoverage['plugins/justify.js'][84] = 0;
+  _$jscoverage['plugins/justify.js'][87] = 0;
+  _$jscoverage['plugins/justify.js'][90] = 0;
+  _$jscoverage['plugins/justify.js'][92] = 0;
+  _$jscoverage['plugins/justify.js'][96] = 0;
+  _$jscoverage['plugins/justify.js'][97] = 0;
+  _$jscoverage['plugins/justify.js'][98] = 0;
+  _$jscoverage['plugins/justify.js'][100] = 0;
+  _$jscoverage['plugins/justify.js'][101] = 0;
+  _$jscoverage['plugins/justify.js'][102] = 0;
+  _$jscoverage['plugins/justify.js'][103] = 0;
+  _$jscoverage['plugins/justify.js'][106] = 0;
+  _$jscoverage['plugins/justify.js'][109] = 0;
+  _$jscoverage['plugins/justify.js'][112] = 0;
+  _$jscoverage['plugins/justify.js'][114] = 0;
+  _$jscoverage['plugins/justify.js'][117] = 0;
+  _$jscoverage['plugins/justify.js'][120] = 0;
+}
+_$jscoverage['plugins/justify.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#27573;&#33853;&#26684;&#24335;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23545;&#27573;&#33853;&#23621;&#24038;,&#23621;&#21491;,&#23621;&#20013;,&#20004;&#31471;&#23545;&#40784;</span>","<span class=\"c\"> * @command justify</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { String } align &#23545;&#40784;&#26041;&#24335;&#65306;left&#23621;&#24038;&#65292;right&#23621;&#21491;&#65292;center&#23621;&#20013;&#65292;justify&#20004;&#31471;&#23545;&#40784;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'justify', 'center' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22914;&#26524;&#36873;&#21306;&#25152;&#22312;&#20301;&#32622;&#26159;&#27573;&#33853;&#21306;&#22495;&#65292;&#36820;&#22238;&#24403;&#21069;&#27573;&#33853;&#23545;&#40784;&#26041;&#24335;</span>","<span class=\"c\"> * @command justify</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { String } &#36820;&#22238;&#22270;&#29255;&#23545;&#40784;&#26041;&#24335;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'justify' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#26159;&#21542;&#26159;&#22270;&#29255;</span>","<span class=\"c\"> * @command justify</span>","<span class=\"c\"> * @method queryCommandState</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { Int } 0&#20026;&#26159;&#65292;-1&#20026;&#19981;&#26159;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandState( 'justify' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'justify'</span><span class=\"k\">]=</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me<span class=\"k\">=</span><span class=\"k\">this</span><span class=\"k\">,</span>","        block <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">,</span>","        defaultValue <span class=\"k\">=</span> <span class=\"k\">{</span>","            left<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            right<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            center<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            justify<span class=\"k\">:</span><span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        doJustify <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>range<span class=\"k\">,</span> style<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> bookmark <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                filterFn <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">!=</span> <span class=\"s\">'br'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","","            range<span class=\"k\">.</span>enlarge<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> bookmark2 <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>bookmark2<span class=\"k\">.</span>start<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">),</span>","                tmpRange <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">(),</span>","                tmpNode<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>current<span class=\"k\">,</span> bookmark2<span class=\"k\">.</span>end<span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_FOLLOWING<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>current<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> <span class=\"k\">!</span>block<span class=\"k\">(</span>current<span class=\"k\">))</span> <span class=\"k\">{</span>","                    tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>current<span class=\"k\">);</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> current <span class=\"k\">!==</span> bookmark2<span class=\"k\">.</span>end <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>block<span class=\"k\">(</span>current<span class=\"k\">))</span> <span class=\"k\">{</span>","                        tmpNode <span class=\"k\">=</span> current<span class=\"k\">;</span>","                        current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> <span class=\"k\">!</span>block<span class=\"k\">(</span>node<span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    tmpRange<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                    <span class=\"k\">var</span> common <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>getCommonAncestor<span class=\"k\">();</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>common<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> block<span class=\"k\">(</span>common<span class=\"k\">))</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>setStyles<span class=\"k\">(</span>common<span class=\"k\">,</span> utils<span class=\"k\">.</span>isString<span class=\"k\">(</span>style<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"k\">{</span><span class=\"s\">'text-align'</span><span class=\"k\">:</span>style<span class=\"k\">}</span> <span class=\"k\">:</span> style<span class=\"k\">);</span>","                        current <span class=\"k\">=</span> common<span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> p <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>setStyles<span class=\"k\">(</span>p<span class=\"k\">,</span> utils<span class=\"k\">.</span>isString<span class=\"k\">(</span>style<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"k\">{</span><span class=\"s\">'text-align'</span><span class=\"k\">:</span>style<span class=\"k\">}</span> <span class=\"k\">:</span> style<span class=\"k\">);</span>","                        <span class=\"k\">var</span> frag <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>extractContents<span class=\"k\">();</span>","                        p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>frag<span class=\"k\">);</span>","                        tmpRange<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>p<span class=\"k\">);</span>","                        current <span class=\"k\">=</span> p<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bookmark2<span class=\"k\">).</span>moveToBookmark<span class=\"k\">(</span>bookmark<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'justify'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">,</span> align<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                txt<span class=\"k\">;</span>","","            <span class=\"c\">//&#38381;&#21512;&#26102;&#21333;&#29420;&#22788;&#29702;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                txt <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>txt<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            doJustify<span class=\"k\">(</span>range<span class=\"k\">,</span> align<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>txt<span class=\"k\">)</span> <span class=\"k\">{</span>","                range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>txt<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>txt<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            range<span class=\"k\">.</span>select<span class=\"k\">();</span>","","","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandValue<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> startNode <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span>","                value <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>startNode<span class=\"k\">,</span> <span class=\"s\">'text-align'</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> defaultValue<span class=\"k\">[</span>value<span class=\"k\">]</span> <span class=\"k\">?</span> value <span class=\"k\">:</span> <span class=\"s\">'left'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandState<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> start <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span>","                cell <span class=\"k\">=</span> start <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">\"td\"</span><span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">,</span><span class=\"s\">\"caption\"</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","            <span class=\"k\">return</span> cell<span class=\"k\">?</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/justify.js'][40]++;
+UE.plugins.justify = (function () {
+  _$jscoverage['plugins/justify.js'][41]++;
+  var me = this, block = domUtils.isBlockElm, defaultValue = {left: 1, right: 1, center: 1, justify: 1}, doJustify = (function (range, style) {
+  _$jscoverage['plugins/justify.js'][50]++;
+  var bookmark = range.createBookmark(), filterFn = (function (node) {
+  _$jscoverage['plugins/justify.js'][52]++;
+  return ((node.nodeType == 1)? ((node.tagName.toLowerCase() != "br") && (! domUtils.isBookmarkNode(node))): (! domUtils.isWhitespace(node)));
+});
+  _$jscoverage['plugins/justify.js'][55]++;
+  range.enlarge(true);
+  _$jscoverage['plugins/justify.js'][56]++;
+  var bookmark2 = range.createBookmark(), current = domUtils.getNextDomNode(bookmark2.start, false, filterFn), tmpRange = range.cloneRange(), tmpNode;
+  _$jscoverage['plugins/justify.js'][60]++;
+  while ((current && (! (domUtils.getPosition(current, bookmark2.end) & domUtils.POSITION_FOLLOWING)))) {
+    _$jscoverage['plugins/justify.js'][61]++;
+    if (((current.nodeType == 3) || (! block(current)))) {
+      _$jscoverage['plugins/justify.js'][62]++;
+      tmpRange.setStartBefore(current);
+      _$jscoverage['plugins/justify.js'][63]++;
+      while ((current && (current !== bookmark2.end) && (! block(current)))) {
+        _$jscoverage['plugins/justify.js'][64]++;
+        tmpNode = current;
+        _$jscoverage['plugins/justify.js'][65]++;
+        current = domUtils.getNextDomNode(current, false, null, (function (node) {
+  _$jscoverage['plugins/justify.js'][66]++;
+  return (! block(node));
+}));
+}
+      _$jscoverage['plugins/justify.js'][69]++;
+      tmpRange.setEndAfter(tmpNode);
+      _$jscoverage['plugins/justify.js'][70]++;
+      var common = tmpRange.getCommonAncestor();
+      _$jscoverage['plugins/justify.js'][71]++;
+      if (((! domUtils.isBody(common)) && block(common))) {
+        _$jscoverage['plugins/justify.js'][72]++;
+        domUtils.setStyles(common, (utils.isString(style)? {"text-align": style}: style));
+        _$jscoverage['plugins/justify.js'][73]++;
+        current = common;
+      }
+      else {
+        _$jscoverage['plugins/justify.js'][75]++;
+        var p = range.document.createElement("p");
+        _$jscoverage['plugins/justify.js'][76]++;
+        domUtils.setStyles(p, (utils.isString(style)? {"text-align": style}: style));
+        _$jscoverage['plugins/justify.js'][77]++;
+        var frag = tmpRange.extractContents();
+        _$jscoverage['plugins/justify.js'][78]++;
+        p.appendChild(frag);
+        _$jscoverage['plugins/justify.js'][79]++;
+        tmpRange.insertNode(p);
+        _$jscoverage['plugins/justify.js'][80]++;
+        current = p;
+      }
+      _$jscoverage['plugins/justify.js'][82]++;
+      current = domUtils.getNextDomNode(current, false, filterFn);
+    }
+    else {
+      _$jscoverage['plugins/justify.js'][84]++;
+      current = domUtils.getNextDomNode(current, true, filterFn);
+    }
+}
+  _$jscoverage['plugins/justify.js'][87]++;
+  return range.moveToBookmark(bookmark2).moveToBookmark(bookmark);
+});
+  _$jscoverage['plugins/justify.js'][90]++;
+  UE.commands.justify = {execCommand: (function (cmdName, align) {
+  _$jscoverage['plugins/justify.js'][92]++;
+  var range = this.selection.getRange(), txt;
+  _$jscoverage['plugins/justify.js'][96]++;
+  if (range.collapsed) {
+    _$jscoverage['plugins/justify.js'][97]++;
+    txt = this.document.createTextNode("p");
+    _$jscoverage['plugins/justify.js'][98]++;
+    range.insertNode(txt);
+  }
+  _$jscoverage['plugins/justify.js'][100]++;
+  doJustify(range, align);
+  _$jscoverage['plugins/justify.js'][101]++;
+  if (txt) {
+    _$jscoverage['plugins/justify.js'][102]++;
+    range.setStartBefore(txt).collapse(true);
+    _$jscoverage['plugins/justify.js'][103]++;
+    domUtils.remove(txt);
+  }
+  _$jscoverage['plugins/justify.js'][106]++;
+  range.select();
+  _$jscoverage['plugins/justify.js'][109]++;
+  return true;
+}), queryCommandValue: (function () {
+  _$jscoverage['plugins/justify.js'][112]++;
+  var startNode = this.selection.getStart(), value = domUtils.getComputedStyle(startNode, "text-align");
+  _$jscoverage['plugins/justify.js'][114]++;
+  return (defaultValue[value]? value: "left");
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/justify.js'][117]++;
+  var start = this.selection.getStart(), cell = (start && domUtils.findParentByTagName(start, ["td", "th", "caption"], true));
+  _$jscoverage['plugins/justify.js'][120]++;
+  return (cell? -1: 0);
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/keystrokes.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/keystrokes.js
new file mode 100644
index 000000000..6be9a96d8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/keystrokes.js
@@ -0,0 +1,465 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/keystrokes.js']) {
+  _$jscoverage['plugins/keystrokes.js'] = [];
+  _$jscoverage['plugins/keystrokes.js'][4] = 0;
+  _$jscoverage['plugins/keystrokes.js'][5] = 0;
+  _$jscoverage['plugins/keystrokes.js'][6] = 0;
+  _$jscoverage['plugins/keystrokes.js'][7] = 0;
+  _$jscoverage['plugins/keystrokes.js'][8] = 0;
+  _$jscoverage['plugins/keystrokes.js'][12] = 0;
+  _$jscoverage['plugins/keystrokes.js'][21] = 0;
+  _$jscoverage['plugins/keystrokes.js'][22] = 0;
+  _$jscoverage['plugins/keystrokes.js'][23] = 0;
+  _$jscoverage['plugins/keystrokes.js'][25] = 0;
+  _$jscoverage['plugins/keystrokes.js'][26] = 0;
+  _$jscoverage['plugins/keystrokes.js'][27] = 0;
+  _$jscoverage['plugins/keystrokes.js'][29] = 0;
+  _$jscoverage['plugins/keystrokes.js'][32] = 0;
+  _$jscoverage['plugins/keystrokes.js'][33] = 0;
+  _$jscoverage['plugins/keystrokes.js'][34] = 0;
+  _$jscoverage['plugins/keystrokes.js'][35] = 0;
+  _$jscoverage['plugins/keystrokes.js'][38] = 0;
+  _$jscoverage['plugins/keystrokes.js'][39] = 0;
+  _$jscoverage['plugins/keystrokes.js'][40] = 0;
+  _$jscoverage['plugins/keystrokes.js'][41] = 0;
+  _$jscoverage['plugins/keystrokes.js'][42] = 0;
+  _$jscoverage['plugins/keystrokes.js'][43] = 0;
+  _$jscoverage['plugins/keystrokes.js'][44] = 0;
+  _$jscoverage['plugins/keystrokes.js'][45] = 0;
+  _$jscoverage['plugins/keystrokes.js'][46] = 0;
+  _$jscoverage['plugins/keystrokes.js'][47] = 0;
+  _$jscoverage['plugins/keystrokes.js'][54] = 0;
+  _$jscoverage['plugins/keystrokes.js'][55] = 0;
+  _$jscoverage['plugins/keystrokes.js'][56] = 0;
+  _$jscoverage['plugins/keystrokes.js'][57] = 0;
+  _$jscoverage['plugins/keystrokes.js'][58] = 0;
+  _$jscoverage['plugins/keystrokes.js'][60] = 0;
+  _$jscoverage['plugins/keystrokes.js'][62] = 0;
+  _$jscoverage['plugins/keystrokes.js'][63] = 0;
+  _$jscoverage['plugins/keystrokes.js'][65] = 0;
+  _$jscoverage['plugins/keystrokes.js'][66] = 0;
+  _$jscoverage['plugins/keystrokes.js'][67] = 0;
+  _$jscoverage['plugins/keystrokes.js'][69] = 0;
+  _$jscoverage['plugins/keystrokes.js'][70] = 0;
+  _$jscoverage['plugins/keystrokes.js'][71] = 0;
+  _$jscoverage['plugins/keystrokes.js'][76] = 0;
+  _$jscoverage['plugins/keystrokes.js'][77] = 0;
+  _$jscoverage['plugins/keystrokes.js'][78] = 0;
+  _$jscoverage['plugins/keystrokes.js'][79] = 0;
+  _$jscoverage['plugins/keystrokes.js'][80] = 0;
+  _$jscoverage['plugins/keystrokes.js'][81] = 0;
+  _$jscoverage['plugins/keystrokes.js'][82] = 0;
+  _$jscoverage['plugins/keystrokes.js'][83] = 0;
+  _$jscoverage['plugins/keystrokes.js'][86] = 0;
+  _$jscoverage['plugins/keystrokes.js'][87] = 0;
+  _$jscoverage['plugins/keystrokes.js'][88] = 0;
+  _$jscoverage['plugins/keystrokes.js'][89] = 0;
+  _$jscoverage['plugins/keystrokes.js'][90] = 0;
+  _$jscoverage['plugins/keystrokes.js'][91] = 0;
+  _$jscoverage['plugins/keystrokes.js'][97] = 0;
+  _$jscoverage['plugins/keystrokes.js'][99] = 0;
+  _$jscoverage['plugins/keystrokes.js'][105] = 0;
+  _$jscoverage['plugins/keystrokes.js'][106] = 0;
+  _$jscoverage['plugins/keystrokes.js'][107] = 0;
+  _$jscoverage['plugins/keystrokes.js'][109] = 0;
+  _$jscoverage['plugins/keystrokes.js'][110] = 0;
+  _$jscoverage['plugins/keystrokes.js'][111] = 0;
+  _$jscoverage['plugins/keystrokes.js'][112] = 0;
+  _$jscoverage['plugins/keystrokes.js'][114] = 0;
+  _$jscoverage['plugins/keystrokes.js'][115] = 0;
+  _$jscoverage['plugins/keystrokes.js'][116] = 0;
+  _$jscoverage['plugins/keystrokes.js'][117] = 0;
+  _$jscoverage['plugins/keystrokes.js'][120] = 0;
+  _$jscoverage['plugins/keystrokes.js'][121] = 0;
+  _$jscoverage['plugins/keystrokes.js'][122] = 0;
+  _$jscoverage['plugins/keystrokes.js'][123] = 0;
+  _$jscoverage['plugins/keystrokes.js'][124] = 0;
+  _$jscoverage['plugins/keystrokes.js'][126] = 0;
+  _$jscoverage['plugins/keystrokes.js'][128] = 0;
+  _$jscoverage['plugins/keystrokes.js'][131] = 0;
+  _$jscoverage['plugins/keystrokes.js'][132] = 0;
+  _$jscoverage['plugins/keystrokes.js'][134] = 0;
+  _$jscoverage['plugins/keystrokes.js'][135] = 0;
+  _$jscoverage['plugins/keystrokes.js'][136] = 0;
+  _$jscoverage['plugins/keystrokes.js'][138] = 0;
+  _$jscoverage['plugins/keystrokes.js'][141] = 0;
+  _$jscoverage['plugins/keystrokes.js'][145] = 0;
+  _$jscoverage['plugins/keystrokes.js'][146] = 0;
+  _$jscoverage['plugins/keystrokes.js'][147] = 0;
+  _$jscoverage['plugins/keystrokes.js'][148] = 0;
+  _$jscoverage['plugins/keystrokes.js'][149] = 0;
+  _$jscoverage['plugins/keystrokes.js'][150] = 0;
+  _$jscoverage['plugins/keystrokes.js'][151] = 0;
+  _$jscoverage['plugins/keystrokes.js'][152] = 0;
+  _$jscoverage['plugins/keystrokes.js'][153] = 0;
+  _$jscoverage['plugins/keystrokes.js'][155] = 0;
+  _$jscoverage['plugins/keystrokes.js'][156] = 0;
+  _$jscoverage['plugins/keystrokes.js'][157] = 0;
+  _$jscoverage['plugins/keystrokes.js'][162] = 0;
+  _$jscoverage['plugins/keystrokes.js'][163] = 0;
+  _$jscoverage['plugins/keystrokes.js'][165] = 0;
+  _$jscoverage['plugins/keystrokes.js'][166] = 0;
+  _$jscoverage['plugins/keystrokes.js'][167] = 0;
+  _$jscoverage['plugins/keystrokes.js'][169] = 0;
+  _$jscoverage['plugins/keystrokes.js'][170] = 0;
+  _$jscoverage['plugins/keystrokes.js'][171] = 0;
+  _$jscoverage['plugins/keystrokes.js'][173] = 0;
+  _$jscoverage['plugins/keystrokes.js'][174] = 0;
+  _$jscoverage['plugins/keystrokes.js'][175] = 0;
+  _$jscoverage['plugins/keystrokes.js'][176] = 0;
+  _$jscoverage['plugins/keystrokes.js'][177] = 0;
+  _$jscoverage['plugins/keystrokes.js'][178] = 0;
+  _$jscoverage['plugins/keystrokes.js'][179] = 0;
+  _$jscoverage['plugins/keystrokes.js'][181] = 0;
+  _$jscoverage['plugins/keystrokes.js'][182] = 0;
+  _$jscoverage['plugins/keystrokes.js'][183] = 0;
+  _$jscoverage['plugins/keystrokes.js'][184] = 0;
+  _$jscoverage['plugins/keystrokes.js'][185] = 0;
+  _$jscoverage['plugins/keystrokes.js'][191] = 0;
+  _$jscoverage['plugins/keystrokes.js'][192] = 0;
+  _$jscoverage['plugins/keystrokes.js'][195] = 0;
+  _$jscoverage['plugins/keystrokes.js'][201] = 0;
+  _$jscoverage['plugins/keystrokes.js'][202] = 0;
+  _$jscoverage['plugins/keystrokes.js'][203] = 0;
+  _$jscoverage['plugins/keystrokes.js'][204] = 0;
+  _$jscoverage['plugins/keystrokes.js'][205] = 0;
+  _$jscoverage['plugins/keystrokes.js'][206] = 0;
+  _$jscoverage['plugins/keystrokes.js'][208] = 0;
+}
+_$jscoverage['plugins/keystrokes.js'].source = ["<span class=\"c\">/*</span>","<span class=\"c\"> *   &#22788;&#29702;&#29305;&#27530;&#38190;&#30340;&#20860;&#23481;&#24615;&#38382;&#39064;</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'keystrokes'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    <span class=\"k\">var</span> collapsed <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">,</span>","            rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","","        <span class=\"c\">//&#22788;&#29702;&#20840;&#36873;&#30340;&#24773;&#20917;</span>","        <span class=\"k\">if</span><span class=\"k\">(!</span>rng<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!(</span>evt<span class=\"k\">.</span>ctrlKey <span class=\"k\">||</span> evt<span class=\"k\">.</span>shiftKey <span class=\"k\">||</span> evt<span class=\"k\">.</span>altKey <span class=\"k\">||</span> evt<span class=\"k\">.</span>metaKey<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>keyCode <span class=\"k\">&gt;=</span> <span class=\"s\">65</span> <span class=\"k\">&amp;&amp;</span> keyCode <span class=\"k\">&lt;=</span><span class=\"s\">90</span>","            <span class=\"k\">||</span> keyCode <span class=\"k\">&gt;=</span> <span class=\"s\">48</span> <span class=\"k\">&amp;&amp;</span> keyCode <span class=\"k\">&lt;=</span> <span class=\"s\">57</span> <span class=\"k\">||</span>","            keyCode <span class=\"k\">&gt;=</span> <span class=\"s\">96</span> <span class=\"k\">&amp;&amp;</span> keyCode <span class=\"k\">&lt;=</span> <span class=\"s\">111</span> <span class=\"k\">||</span> <span class=\"k\">{</span>","                    <span class=\"s\">13</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","                    <span class=\"s\">8</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","                    <span class=\"s\">46</span><span class=\"k\">:</span><span class=\"s\">1</span>","                <span class=\"k\">}</span><span class=\"k\">[</span>keyCode<span class=\"k\">])</span>","            <span class=\"k\">)</span><span class=\"k\">{</span>","","            <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span><span class=\"k\">{</span>","                rng<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span>","            <span class=\"k\">}</span>","            tmpNode <span class=\"k\">=</span> rng<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span><span class=\"k\">{</span>","                rng<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span>","            <span class=\"k\">}</span>","            rng<span class=\"k\">.</span>txtToElmBoundary<span class=\"k\">();</span>","            <span class=\"c\">//&#32467;&#26463;&#36793;&#30028;&#21487;&#33021;&#25918;&#21040;&#20102;br&#30340;&#21069;&#36793;&#65292;&#35201;&#25226;br&#21253;&#21547;&#36827;&#26469;</span>","            <span class=\"c\">// x[xxx]&lt;br/&gt;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>rng<span class=\"k\">.</span>endContainer <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                tmpNode <span class=\"k\">=</span> rng<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>rng<span class=\"k\">.</span>endOffset<span class=\"k\">];</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>tmpNode <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBr<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span><span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>rng<span class=\"k\">.</span>startOffset <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span><span class=\"k\">{</span>","                tmpNode <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBoundaryNode<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span><span class=\"s\">'firstChild'</span><span class=\"k\">)</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                    tmpNode <span class=\"k\">=</span> rng<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>rng<span class=\"k\">.</span>endOffset <span class=\"k\">==</span> <span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> tmpNode<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>length <span class=\"k\">:</span> tmpNode<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBoundaryNode<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span><span class=\"s\">'lastChild'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                        me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;p&gt;'</span><span class=\"k\">+(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)+</span><span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">;</span>","                        rng<span class=\"k\">.</span>setStart<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>firstChild<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        me<span class=\"k\">.</span>_selectionChange<span class=\"k\">();</span>","                        <span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","        <span class=\"c\">//&#22788;&#29702;backspace</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">8</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            collapsed <span class=\"k\">=</span> rng<span class=\"k\">.</span>collapsed<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'delkeydown'</span><span class=\"k\">,</span>evt<span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> start<span class=\"k\">,</span>end<span class=\"k\">;</span>","            <span class=\"c\">//&#36991;&#20813;&#25353;&#20004;&#27425;&#21024;&#38500;&#25165;&#33021;&#29983;&#25928;&#30340;&#38382;&#39064;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>rng<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>inFillChar<span class=\"k\">())</span><span class=\"k\">{</span>","                start <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>start<span class=\"k\">))</span><span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>start<span class=\"k\">).</span>shrinkBoundary<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>start<span class=\"k\">)</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    start<span class=\"k\">.</span>nodeValue <span class=\"k\">=</span> start<span class=\"k\">.</span>nodeValue<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'^'</span> <span class=\"k\">+</span> domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">),</span><span class=\"s\">''</span><span class=\"k\">);</span>","                    rng<span class=\"k\">.</span>startOffset<span class=\"k\">--;</span>","                    rng<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"c\">//&#35299;&#20915;&#36873;&#20013;control&#20803;&#32032;&#19981;&#33021;&#21024;&#38500;&#30340;&#38382;&#39064;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">=</span> rng<span class=\"k\">.</span>getClosedNode<span class=\"k\">())</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                rng<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>start<span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>start<span class=\"k\">);</span>","                rng<span class=\"k\">.</span>setCursor<span class=\"k\">();</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#38459;&#27490;&#22312;table&#19978;&#30340;&#21024;&#38500;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                end <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>endContainer<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>end <span class=\"k\">||</span> <span class=\"k\">!</span>start <span class=\"k\">&amp;&amp;</span> end <span class=\"k\">||</span> start <span class=\"k\">!==</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                    evt<span class=\"k\">.</span>preventDefault<span class=\"k\">();</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","        <span class=\"c\">//&#22788;&#29702;tab&#38190;&#30340;&#36923;&#36753;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">9</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#19981;&#22788;&#29702;&#20197;&#19979;&#26631;&#31614;</span>","            <span class=\"k\">var</span> excludeTagNameForTabKey <span class=\"k\">=</span> <span class=\"k\">{</span>","                <span class=\"s\">'ol'</span> <span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                <span class=\"s\">'ul'</span> <span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                <span class=\"s\">'table'</span><span class=\"k\">:</span><span class=\"s\">1</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"c\">//&#22788;&#29702;&#32452;&#20214;&#37324;&#30340;tab&#25353;&#19979;&#20107;&#20214;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'tabkeydown'</span><span class=\"k\">,</span>evt<span class=\"k\">))</span><span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>txt <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">,</span>tabSize <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>tabSize<span class=\"k\">||</span> <span class=\"s\">4</span><span class=\"k\">,</span>tabNode <span class=\"k\">=</span>  me<span class=\"k\">.</span>options<span class=\"k\">.</span>tabNode <span class=\"k\">||</span> <span class=\"s\">'&amp;nbsp;'</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> tabSize<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                txt <span class=\"k\">+=</span> tabNode<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> span <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","            span<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> txt <span class=\"k\">+</span> domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>span<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>firstChild<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#26222;&#36890;&#30340;&#24773;&#20917;</span>","                start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                end <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> end <span class=\"k\">&amp;&amp;</span> start <span class=\"k\">===</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>deleteContents<span class=\"k\">();</span>","                    range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>span<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>firstChild<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> bookmark <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                        filterFn <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>excludeTagNameForTabKey<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()]</span>","","                        <span class=\"k\">}</span><span class=\"k\">;</span>","                    range<span class=\"k\">.</span>enlarge<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> bookmark2 <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                        current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>bookmark2<span class=\"k\">.</span>start<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>current<span class=\"k\">,</span> bookmark2<span class=\"k\">.</span>end<span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_FOLLOWING<span class=\"k\">))</span> <span class=\"k\">{</span>","                        current<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>span<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>firstChild<span class=\"k\">,</span> current<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                        current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bookmark2<span class=\"k\">).</span>moveToBookmark<span class=\"k\">(</span>bookmark<span class=\"k\">).</span>select<span class=\"k\">();</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">)</span>","        <span class=\"k\">}</span>","        <span class=\"c\">//trace:1634</span>","        <span class=\"c\">//ff&#30340;del&#38190;&#22312;&#23481;&#22120;&#31354;&#30340;&#26102;&#20505;&#65292;&#20063;&#20250;&#21024;&#38500;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko <span class=\"k\">&amp;&amp;</span> keyCode <span class=\"k\">==</span> <span class=\"s\">46</span><span class=\"k\">)</span><span class=\"k\">{</span>","            range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>start<span class=\"k\">))</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> parent <span class=\"k\">=</span> start<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getChildCount<span class=\"k\">(</span>parent<span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>parent<span class=\"k\">))</span><span class=\"k\">{</span>","                        start <span class=\"k\">=</span> parent<span class=\"k\">;</span>","                        parent <span class=\"k\">=</span> parent<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>start <span class=\"k\">===</span> parent<span class=\"k\">.</span>lastChild<span class=\"k\">)</span>","                        evt<span class=\"k\">.</span>preventDefault<span class=\"k\">();</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keyup'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">,</span>","            rng<span class=\"k\">,</span>me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">8</span><span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'delkeyup'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>rng<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> tmpNode<span class=\"k\">,</span>","                    autoClearTagName <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'h1'</span><span class=\"k\">,</span><span class=\"s\">'h2'</span><span class=\"k\">,</span><span class=\"s\">'h3'</span><span class=\"k\">,</span><span class=\"s\">'h4'</span><span class=\"k\">,</span><span class=\"s\">'h5'</span><span class=\"k\">,</span><span class=\"s\">'h6'</span><span class=\"k\">];</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>tmpNode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>autoClearTagName<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">))</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> pre <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>nodeName <span class=\"k\">!=</span> <span class=\"s\">'TABLE'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                            rng<span class=\"k\">.</span>setStartAtLast<span class=\"k\">(</span>pre<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">return</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            <span class=\"k\">var</span> next <span class=\"k\">=</span> tmpNode<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>next <span class=\"k\">&amp;&amp;</span> next<span class=\"k\">.</span>nodeName <span class=\"k\">!=</span> <span class=\"s\">'TABLE'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                                rng<span class=\"k\">.</span>setStartAtFirst<span class=\"k\">(</span>next<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                <span class=\"k\">return</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//&#22788;&#29702;&#24403;&#21024;&#38500;&#21040;body&#26102;&#65292;&#35201;&#37325;&#26032;&#32473;p&#26631;&#31614;&#23637;&#20301;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">))</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>createElement<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span><span class=\"s\">'p'</span><span class=\"k\">,</span><span class=\"k\">{</span>","                        <span class=\"s\">'innerHTML'</span> <span class=\"k\">:</span> browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>setStart<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","","            <span class=\"c\">//chrome&#19979;&#22914;&#26524;&#21024;&#38500;&#20102;inline&#26631;&#31614;&#65292;&#27983;&#35272;&#22120;&#20250;&#26377;&#35760;&#24518;&#65292;&#22312;&#36755;&#20837;&#25991;&#23383;&#36824;&#26159;&#20250;&#22871;&#19978;&#21018;&#25165;&#21024;&#38500;&#30340;&#26631;&#31614;&#65292;&#25152;&#20197;&#36825;&#37324;&#20877;&#36873;&#19968;&#27425;&#23601;&#19981;&#20250;&#20102;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>collapsed <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">)))</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> span <span class=\"k\">=</span> rng<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","                    rng<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>span<span class=\"k\">).</span>setStartBefore<span class=\"k\">(</span>span<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    rng<span class=\"k\">.</span>select<span class=\"k\">();</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>span<span class=\"k\">)</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>select<span class=\"k\">()</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">)</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/keystrokes.js'][4]++;
+UE.plugins.keystrokes = (function () {
+  _$jscoverage['plugins/keystrokes.js'][5]++;
+  var me = this;
+  _$jscoverage['plugins/keystrokes.js'][6]++;
+  var collapsed = true;
+  _$jscoverage['plugins/keystrokes.js'][7]++;
+  me.addListener("keydown", (function (type, evt) {
+  _$jscoverage['plugins/keystrokes.js'][8]++;
+  var keyCode = (evt.keyCode || evt.which), rng = me.selection.getRange();
+  _$jscoverage['plugins/keystrokes.js'][12]++;
+  if (((! rng.collapsed) && (! (evt.ctrlKey || evt.shiftKey || evt.altKey || evt.metaKey)) && (((keyCode >= 65) && (keyCode <= 90)) || ((keyCode >= 48) && (keyCode <= 57)) || ((keyCode >= 96) && (keyCode <= 111)) || {13: 1, 8: 1, 46: 1}[keyCode]))) {
+    _$jscoverage['plugins/keystrokes.js'][21]++;
+    var tmpNode = rng.startContainer;
+    _$jscoverage['plugins/keystrokes.js'][22]++;
+    if (domUtils.isFillChar(tmpNode)) {
+      _$jscoverage['plugins/keystrokes.js'][23]++;
+      rng.setStartBefore(tmpNode);
+    }
+    _$jscoverage['plugins/keystrokes.js'][25]++;
+    tmpNode = rng.endContainer;
+    _$jscoverage['plugins/keystrokes.js'][26]++;
+    if (domUtils.isFillChar(tmpNode)) {
+      _$jscoverage['plugins/keystrokes.js'][27]++;
+      rng.setEndAfter(tmpNode);
+    }
+    _$jscoverage['plugins/keystrokes.js'][29]++;
+    rng.txtToElmBoundary();
+    _$jscoverage['plugins/keystrokes.js'][32]++;
+    if ((rng.endContainer && (rng.endContainer.nodeType == 1))) {
+      _$jscoverage['plugins/keystrokes.js'][33]++;
+      tmpNode = rng.endContainer.childNodes[rng.endOffset];
+      _$jscoverage['plugins/keystrokes.js'][34]++;
+      if ((tmpNode && domUtils.isBr(tmpNode))) {
+        _$jscoverage['plugins/keystrokes.js'][35]++;
+        rng.setEndAfter(tmpNode);
+      }
+    }
+    _$jscoverage['plugins/keystrokes.js'][38]++;
+    if ((rng.startOffset == 0)) {
+      _$jscoverage['plugins/keystrokes.js'][39]++;
+      tmpNode = rng.startContainer;
+      _$jscoverage['plugins/keystrokes.js'][40]++;
+      if (domUtils.isBoundaryNode(tmpNode, "firstChild")) {
+        _$jscoverage['plugins/keystrokes.js'][41]++;
+        tmpNode = rng.endContainer;
+        _$jscoverage['plugins/keystrokes.js'][42]++;
+        if (((rng.endOffset == ((tmpNode.nodeType == 3)? tmpNode.nodeValue.length: tmpNode.childNodes.length)) && domUtils.isBoundaryNode(tmpNode, "lastChild"))) {
+          _$jscoverage['plugins/keystrokes.js'][43]++;
+          me.fireEvent("saveScene");
+          _$jscoverage['plugins/keystrokes.js'][44]++;
+          me.body.innerHTML = ("<p>" + (browser.ie? "": "<br/>") + "</p>");
+          _$jscoverage['plugins/keystrokes.js'][45]++;
+          rng.setStart(me.body.firstChild, 0).setCursor(false, true);
+          _$jscoverage['plugins/keystrokes.js'][46]++;
+          me._selectionChange();
+          _$jscoverage['plugins/keystrokes.js'][47]++;
+          return;
+        }
+      }
+    }
+  }
+  _$jscoverage['plugins/keystrokes.js'][54]++;
+  if ((keyCode == 8)) {
+    _$jscoverage['plugins/keystrokes.js'][55]++;
+    rng = me.selection.getRange();
+    _$jscoverage['plugins/keystrokes.js'][56]++;
+    collapsed = rng.collapsed;
+    _$jscoverage['plugins/keystrokes.js'][57]++;
+    if (me.fireEvent("delkeydown", evt)) {
+      _$jscoverage['plugins/keystrokes.js'][58]++;
+      return;
+    }
+    _$jscoverage['plugins/keystrokes.js'][60]++;
+    var start, end;
+    _$jscoverage['plugins/keystrokes.js'][62]++;
+    if ((rng.collapsed && rng.inFillChar())) {
+      _$jscoverage['plugins/keystrokes.js'][63]++;
+      start = rng.startContainer;
+      _$jscoverage['plugins/keystrokes.js'][65]++;
+      if (domUtils.isFillChar(start)) {
+        _$jscoverage['plugins/keystrokes.js'][66]++;
+        rng.setStartBefore(start).shrinkBoundary(true).collapse(true);
+        _$jscoverage['plugins/keystrokes.js'][67]++;
+        domUtils.remove(start);
+      }
+      else {
+        _$jscoverage['plugins/keystrokes.js'][69]++;
+        start.nodeValue = start.nodeValue.replace(new RegExp(("^" + domUtils.fillChar)), "");
+        _$jscoverage['plugins/keystrokes.js'][70]++;
+        (rng.startOffset--);
+        _$jscoverage['plugins/keystrokes.js'][71]++;
+        rng.collapse(true).select(true);
+      }
+    }
+    _$jscoverage['plugins/keystrokes.js'][76]++;
+    if ((start = rng.getClosedNode())) {
+      _$jscoverage['plugins/keystrokes.js'][77]++;
+      me.fireEvent("saveScene");
+      _$jscoverage['plugins/keystrokes.js'][78]++;
+      rng.setStartBefore(start);
+      _$jscoverage['plugins/keystrokes.js'][79]++;
+      domUtils.remove(start);
+      _$jscoverage['plugins/keystrokes.js'][80]++;
+      rng.setCursor();
+      _$jscoverage['plugins/keystrokes.js'][81]++;
+      me.fireEvent("saveScene");
+      _$jscoverage['plugins/keystrokes.js'][82]++;
+      domUtils.preventDefault(evt);
+      _$jscoverage['plugins/keystrokes.js'][83]++;
+      return;
+    }
+    _$jscoverage['plugins/keystrokes.js'][86]++;
+    if ((! browser.ie)) {
+      _$jscoverage['plugins/keystrokes.js'][87]++;
+      start = domUtils.findParentByTagName(rng.startContainer, "table", true);
+      _$jscoverage['plugins/keystrokes.js'][88]++;
+      end = domUtils.findParentByTagName(rng.endContainer, "table", true);
+      _$jscoverage['plugins/keystrokes.js'][89]++;
+      if (((start && (! end)) || ((! start) && end) || (start !== end))) {
+        _$jscoverage['plugins/keystrokes.js'][90]++;
+        evt.preventDefault();
+        _$jscoverage['plugins/keystrokes.js'][91]++;
+        return;
+      }
+    }
+  }
+  _$jscoverage['plugins/keystrokes.js'][97]++;
+  if ((keyCode == 9)) {
+    _$jscoverage['plugins/keystrokes.js'][99]++;
+    var excludeTagNameForTabKey = {"ol": 1, "ul": 1, "table": 1};
+    _$jscoverage['plugins/keystrokes.js'][105]++;
+    if (me.fireEvent("tabkeydown", evt)) {
+      _$jscoverage['plugins/keystrokes.js'][106]++;
+      domUtils.preventDefault(evt);
+      _$jscoverage['plugins/keystrokes.js'][107]++;
+      return;
+    }
+    _$jscoverage['plugins/keystrokes.js'][109]++;
+    var range = me.selection.getRange();
+    _$jscoverage['plugins/keystrokes.js'][110]++;
+    me.fireEvent("saveScene");
+    _$jscoverage['plugins/keystrokes.js'][111]++;
+    for (var i = 0, txt = "", tabSize = (me.options.tabSize || 4), tabNode = (me.options.tabNode || "&nbsp;"); (i < tabSize); (i++)) {
+      _$jscoverage['plugins/keystrokes.js'][112]++;
+      txt += tabNode;
+}
+    _$jscoverage['plugins/keystrokes.js'][114]++;
+    var span = me.document.createElement("span");
+    _$jscoverage['plugins/keystrokes.js'][115]++;
+    span.innerHTML = (txt + domUtils.fillChar);
+    _$jscoverage['plugins/keystrokes.js'][116]++;
+    if (range.collapsed) {
+      _$jscoverage['plugins/keystrokes.js'][117]++;
+      range.insertNode(span.cloneNode(true).firstChild).setCursor(true);
+    }
+    else {
+      _$jscoverage['plugins/keystrokes.js'][120]++;
+      start = domUtils.findParent(range.startContainer, filterFn);
+      _$jscoverage['plugins/keystrokes.js'][121]++;
+      end = domUtils.findParent(range.endContainer, filterFn);
+      _$jscoverage['plugins/keystrokes.js'][122]++;
+      if ((start && end && (start === end))) {
+        _$jscoverage['plugins/keystrokes.js'][123]++;
+        range.deleteContents();
+        _$jscoverage['plugins/keystrokes.js'][124]++;
+        range.insertNode(span.cloneNode(true).firstChild).setCursor(true);
+      }
+      else {
+        _$jscoverage['plugins/keystrokes.js'][126]++;
+        var bookmark = range.createBookmark(), filterFn = (function (node) {
+  _$jscoverage['plugins/keystrokes.js'][128]++;
+  return (domUtils.isBlockElm(node) && (! excludeTagNameForTabKey[node.tagName.toLowerCase()]));
+});
+        _$jscoverage['plugins/keystrokes.js'][131]++;
+        range.enlarge(true);
+        _$jscoverage['plugins/keystrokes.js'][132]++;
+        var bookmark2 = range.createBookmark(), current = domUtils.getNextDomNode(bookmark2.start, false, filterFn);
+        _$jscoverage['plugins/keystrokes.js'][134]++;
+        while ((current && (! (domUtils.getPosition(current, bookmark2.end) & domUtils.POSITION_FOLLOWING)))) {
+          _$jscoverage['plugins/keystrokes.js'][135]++;
+          current.insertBefore(span.cloneNode(true).firstChild, current.firstChild);
+          _$jscoverage['plugins/keystrokes.js'][136]++;
+          current = domUtils.getNextDomNode(current, false, filterFn);
+}
+        _$jscoverage['plugins/keystrokes.js'][138]++;
+        range.moveToBookmark(bookmark2).moveToBookmark(bookmark).select();
+      }
+    }
+    _$jscoverage['plugins/keystrokes.js'][141]++;
+    domUtils.preventDefault(evt);
+  }
+  _$jscoverage['plugins/keystrokes.js'][145]++;
+  if ((browser.gecko && (keyCode == 46))) {
+    _$jscoverage['plugins/keystrokes.js'][146]++;
+    range = me.selection.getRange();
+    _$jscoverage['plugins/keystrokes.js'][147]++;
+    if (range.collapsed) {
+      _$jscoverage['plugins/keystrokes.js'][148]++;
+      start = range.startContainer;
+      _$jscoverage['plugins/keystrokes.js'][149]++;
+      if (domUtils.isEmptyBlock(start)) {
+        _$jscoverage['plugins/keystrokes.js'][150]++;
+        var parent = start.parentNode;
+        _$jscoverage['plugins/keystrokes.js'][151]++;
+        while (((domUtils.getChildCount(parent) == 1) && (! domUtils.isBody(parent)))) {
+          _$jscoverage['plugins/keystrokes.js'][152]++;
+          start = parent;
+          _$jscoverage['plugins/keystrokes.js'][153]++;
+          parent = parent.parentNode;
+}
+        _$jscoverage['plugins/keystrokes.js'][155]++;
+        if ((start === parent.lastChild)) {
+          _$jscoverage['plugins/keystrokes.js'][156]++;
+          evt.preventDefault();
+        }
+        _$jscoverage['plugins/keystrokes.js'][157]++;
+        return;
+      }
+    }
+  }
+}));
+  _$jscoverage['plugins/keystrokes.js'][162]++;
+  me.addListener("keyup", (function (type, evt) {
+  _$jscoverage['plugins/keystrokes.js'][163]++;
+  var keyCode = (evt.keyCode || evt.which), rng, me = this;
+  _$jscoverage['plugins/keystrokes.js'][165]++;
+  if ((keyCode == 8)) {
+    _$jscoverage['plugins/keystrokes.js'][166]++;
+    if (me.fireEvent("delkeyup")) {
+      _$jscoverage['plugins/keystrokes.js'][167]++;
+      return;
+    }
+    _$jscoverage['plugins/keystrokes.js'][169]++;
+    rng = me.selection.getRange();
+    _$jscoverage['plugins/keystrokes.js'][170]++;
+    if (rng.collapsed) {
+      _$jscoverage['plugins/keystrokes.js'][171]++;
+      var tmpNode, autoClearTagName = ["h1", "h2", "h3", "h4", "h5", "h6"];
+      _$jscoverage['plugins/keystrokes.js'][173]++;
+      if ((tmpNode = domUtils.findParentByTagName(rng.startContainer, autoClearTagName, true))) {
+        _$jscoverage['plugins/keystrokes.js'][174]++;
+        if (domUtils.isEmptyBlock(tmpNode)) {
+          _$jscoverage['plugins/keystrokes.js'][175]++;
+          var pre = tmpNode.previousSibling;
+          _$jscoverage['plugins/keystrokes.js'][176]++;
+          if ((pre && (pre.nodeName != "TABLE"))) {
+            _$jscoverage['plugins/keystrokes.js'][177]++;
+            domUtils.remove(tmpNode);
+            _$jscoverage['plugins/keystrokes.js'][178]++;
+            rng.setStartAtLast(pre).setCursor(false, true);
+            _$jscoverage['plugins/keystrokes.js'][179]++;
+            return;
+          }
+          else {
+            _$jscoverage['plugins/keystrokes.js'][181]++;
+            var next = tmpNode.nextSibling;
+            _$jscoverage['plugins/keystrokes.js'][182]++;
+            if ((next && (next.nodeName != "TABLE"))) {
+              _$jscoverage['plugins/keystrokes.js'][183]++;
+              domUtils.remove(tmpNode);
+              _$jscoverage['plugins/keystrokes.js'][184]++;
+              rng.setStartAtFirst(next).setCursor(false, true);
+              _$jscoverage['plugins/keystrokes.js'][185]++;
+              return;
+            }
+          }
+        }
+      }
+      _$jscoverage['plugins/keystrokes.js'][191]++;
+      if (domUtils.isBody(rng.startContainer)) {
+        _$jscoverage['plugins/keystrokes.js'][192]++;
+        var tmpNode = domUtils.createElement(me.document, "p", {"innerHTML": (browser.ie? domUtils.fillChar: "<br/>")});
+        _$jscoverage['plugins/keystrokes.js'][195]++;
+        rng.insertNode(tmpNode).setStart(tmpNode, 0).setCursor(false, true);
+      }
+    }
+    _$jscoverage['plugins/keystrokes.js'][201]++;
+    if (((! collapsed) && ((rng.startContainer.nodeType == 3) || ((rng.startContainer.nodeType == 1) && domUtils.isEmptyBlock(rng.startContainer))))) {
+      _$jscoverage['plugins/keystrokes.js'][202]++;
+      if (browser.ie) {
+        _$jscoverage['plugins/keystrokes.js'][203]++;
+        var span = rng.document.createElement("span");
+        _$jscoverage['plugins/keystrokes.js'][204]++;
+        rng.insertNode(span).setStartBefore(span).collapse(true);
+        _$jscoverage['plugins/keystrokes.js'][205]++;
+        rng.select();
+        _$jscoverage['plugins/keystrokes.js'][206]++;
+        domUtils.remove(span);
+      }
+      else {
+        _$jscoverage['plugins/keystrokes.js'][208]++;
+        rng.select();
+      }
+    }
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/lineheight.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/lineheight.js
new file mode 100644
index 000000000..7c9d13c2f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/lineheight.js
@@ -0,0 +1,80 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/lineheight.js']) {
+  _$jscoverage['plugins/lineheight.js'] = [];
+  _$jscoverage['plugins/lineheight.js'][7] = 0;
+  _$jscoverage['plugins/lineheight.js'][8] = 0;
+  _$jscoverage['plugins/lineheight.js'][9] = 0;
+  _$jscoverage['plugins/lineheight.js'][33] = 0;
+  _$jscoverage['plugins/lineheight.js'][35] = 0;
+  _$jscoverage['plugins/lineheight.js'][36] = 0;
+  _$jscoverage['plugins/lineheight.js'][39] = 0;
+  _$jscoverage['plugins/lineheight.js'][40] = 0;
+  _$jscoverage['plugins/lineheight.js'][41] = 0;
+  _$jscoverage['plugins/lineheight.js'][42] = 0;
+}
+_$jscoverage['plugins/lineheight.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#34892;&#20869;&#38388;&#36317;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'lineheight'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span><span class=\"s\">'lineheight'</span><span class=\"k\">:[</span><span class=\"s\">'1'</span><span class=\"k\">,</span> <span class=\"s\">'1.5'</span><span class=\"k\">,</span><span class=\"s\">'1.75'</span><span class=\"k\">,</span><span class=\"s\">'2'</span><span class=\"k\">,</span> <span class=\"s\">'3'</span><span class=\"k\">,</span> <span class=\"s\">'4'</span><span class=\"k\">,</span> <span class=\"s\">'5'</span><span class=\"k\">]</span><span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#35774;&#32622;&#36873;&#21306;&#30340;&#34892;&#39640;</span>","<span class=\"c\">     * @command lineheight</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmdName &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @param { String } value &#20256;&#20837;&#30340;&#34892;&#39640;&#22823;&#23567;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.execCommand( 'lineheight', '1');</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#35810;&#24403;&#21069;&#36873;&#21306;&#20869;&#23481;&#30340;&#34892;&#39640;&#22823;&#23567;</span>","<span class=\"c\">     * @command lineheight</span>","<span class=\"c\">     * @method queryCommandValue</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { String } &#36820;&#22238;&#24403;&#21069;&#34892;&#39640;&#22823;&#23567;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.queryCommandValue( 'lineheight' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'lineheight'</span><span class=\"k\">]</span> <span class=\"k\">=</span>  <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName<span class=\"k\">,</span>value <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'paragraph'</span><span class=\"k\">,</span><span class=\"s\">'p'</span><span class=\"k\">,</span><span class=\"k\">{</span>style<span class=\"k\">:</span><span class=\"s\">'line-height:'</span><span class=\"k\">+</span> <span class=\"k\">(</span>value <span class=\"k\">==</span> <span class=\"s\">\"1\"</span> <span class=\"k\">?</span> <span class=\"s\">\"normal\"</span> <span class=\"k\">:</span> value <span class=\"k\">+</span> <span class=\"s\">'em'</span><span class=\"k\">)</span> <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandValue <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> pN <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>filterNodeList<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">(),</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>pN<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> value <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>pN<span class=\"k\">,</span><span class=\"s\">'line-height'</span><span class=\"k\">);</span>","                <span class=\"k\">return</span> value <span class=\"k\">==</span> <span class=\"s\">'normal'</span> <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> value<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/[^\\d.]*/ig</span><span class=\"k\">,</span><span class=\"s\">\"\"</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>","",""];
+_$jscoverage['plugins/lineheight.js'][7]++;
+UE.plugins.lineheight = (function () {
+  _$jscoverage['plugins/lineheight.js'][8]++;
+  var me = this;
+  _$jscoverage['plugins/lineheight.js'][9]++;
+  me.setOpt({"lineheight": ["1", "1.5", "1.75", "2", "3", "4", "5"]});
+  _$jscoverage['plugins/lineheight.js'][33]++;
+  me.commands.lineheight = {execCommand: (function (cmdName, value) {
+  _$jscoverage['plugins/lineheight.js'][35]++;
+  this.execCommand("paragraph", "p", {style: ("line-height:" + ((value == "1")? "normal": (value + "em")))});
+  _$jscoverage['plugins/lineheight.js'][36]++;
+  return true;
+}), queryCommandValue: (function () {
+  _$jscoverage['plugins/lineheight.js'][39]++;
+  var pN = domUtils.filterNodeList(this.selection.getStartElementPath(), (function (node) {
+  _$jscoverage['plugins/lineheight.js'][39]++;
+  return domUtils.isBlockElm(node);
+}));
+  _$jscoverage['plugins/lineheight.js'][40]++;
+  if (pN) {
+    _$jscoverage['plugins/lineheight.js'][41]++;
+    var value = domUtils.getComputedStyle(pN, "line-height");
+    _$jscoverage['plugins/lineheight.js'][42]++;
+    return ((value == "normal")? 1: value.replace(/[^\d.]*/gi, ""));
+  }
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/link.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/link.js
new file mode 100644
index 000000000..eeedea7ab
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/link.js
@@ -0,0 +1,266 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/link.js']) {
+  _$jscoverage['plugins/link.js'] = [];
+  _$jscoverage['plugins/link.js'][66] = 0;
+  _$jscoverage['plugins/link.js'][67] = 0;
+  _$jscoverage['plugins/link.js'][68] = 0;
+  _$jscoverage['plugins/link.js'][70] = 0;
+  _$jscoverage['plugins/link.js'][71] = 0;
+  _$jscoverage['plugins/link.js'][73] = 0;
+  _$jscoverage['plugins/link.js'][74] = 0;
+  _$jscoverage['plugins/link.js'][79] = 0;
+  _$jscoverage['plugins/link.js'][81] = 0;
+  _$jscoverage['plugins/link.js'][83] = 0;
+  _$jscoverage['plugins/link.js'][84] = 0;
+  _$jscoverage['plugins/link.js'][86] = 0;
+  _$jscoverage['plugins/link.js'][87] = 0;
+  _$jscoverage['plugins/link.js'][88] = 0;
+  _$jscoverage['plugins/link.js'][91] = 0;
+  _$jscoverage['plugins/link.js'][95] = 0;
+  _$jscoverage['plugins/link.js'][96] = 0;
+  _$jscoverage['plugins/link.js'][98] = 0;
+  _$jscoverage['plugins/link.js'][99] = 0;
+  _$jscoverage['plugins/link.js'][100] = 0;
+  _$jscoverage['plugins/link.js'][101] = 0;
+  _$jscoverage['plugins/link.js'][102] = 0;
+  _$jscoverage['plugins/link.js'][103] = 0;
+  _$jscoverage['plugins/link.js'][107] = 0;
+  _$jscoverage['plugins/link.js'][108] = 0;
+  _$jscoverage['plugins/link.js'][109] = 0;
+  _$jscoverage['plugins/link.js'][112] = 0;
+  _$jscoverage['plugins/link.js'][113] = 0;
+  _$jscoverage['plugins/link.js'][115] = 0;
+  _$jscoverage['plugins/link.js'][117] = 0;
+  _$jscoverage['plugins/link.js'][118] = 0;
+  _$jscoverage['plugins/link.js'][120] = 0;
+  _$jscoverage['plugins/link.js'][123] = 0;
+  _$jscoverage['plugins/link.js'][124] = 0;
+  _$jscoverage['plugins/link.js'][125] = 0;
+  _$jscoverage['plugins/link.js'][126] = 0;
+  _$jscoverage['plugins/link.js'][129] = 0;
+  _$jscoverage['plugins/link.js'][130] = 0;
+  _$jscoverage['plugins/link.js'][132] = 0;
+  _$jscoverage['plugins/link.js'][136] = 0;
+  _$jscoverage['plugins/link.js'][138] = 0;
+  _$jscoverage['plugins/link.js'][139] = 0;
+  _$jscoverage['plugins/link.js'][140] = 0;
+  _$jscoverage['plugins/link.js'][141] = 0;
+  _$jscoverage['plugins/link.js'][142] = 0;
+  _$jscoverage['plugins/link.js'][144] = 0;
+  _$jscoverage['plugins/link.js'][148] = 0;
+  _$jscoverage['plugins/link.js'][150] = 0;
+  _$jscoverage['plugins/link.js'][153] = 0;
+  _$jscoverage['plugins/link.js'][154] = 0;
+  _$jscoverage['plugins/link.js'][156] = 0;
+  _$jscoverage['plugins/link.js'][158] = 0;
+  _$jscoverage['plugins/link.js'][162] = 0;
+  _$jscoverage['plugins/link.js'][163] = 0;
+  _$jscoverage['plugins/link.js'][166] = 0;
+  _$jscoverage['plugins/link.js'][167] = 0;
+  _$jscoverage['plugins/link.js'][169] = 0;
+  _$jscoverage['plugins/link.js'][172] = 0;
+  _$jscoverage['plugins/link.js'][173] = 0;
+  _$jscoverage['plugins/link.js'][174] = 0;
+  _$jscoverage['plugins/link.js'][178] = 0;
+  _$jscoverage['plugins/link.js'][179] = 0;
+  _$jscoverage['plugins/link.js'][183] = 0;
+  _$jscoverage['plugins/link.js'][190] = 0;
+  _$jscoverage['plugins/link.js'][192] = 0;
+}
+_$jscoverage['plugins/link.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#36229;&#38142;&#25509;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#36229;&#38142;&#25509;</span>","<span class=\"c\"> * @command link</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { Object } options   url&#22320;&#22336;&#65292;title&#26631;&#39064;&#65292;target&#26159;&#21542;&#25171;&#24320;&#26032;&#39029;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'link', '{</span>","<span class=\"c\"> *     url:'ueditor.baidu.com',</span>","<span class=\"c\"> *     title:'ueditor&#23448;&#32593;',</span>","<span class=\"c\"> *     target:'_blank'</span>","<span class=\"c\"> * }' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22914;&#26524;&#36873;&#21306;&#25152;&#22312;&#20301;&#32622;&#26159;&#21306;&#22495;&#65292;&#36820;&#22238;&#24403;&#21069;&#36229;&#38142;&#25509;&#33410;&#28857;</span>","<span class=\"c\"> * @command link</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { Element } &#36229;&#38142;&#25509;&#33410;&#28857;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'link' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#26159;&#21542;&#26159;&#36229;&#38142;&#25509;</span>","<span class=\"c\"> * @command link</span>","<span class=\"c\"> * @method queryCommandState</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { Int } 0&#20026;&#26159;&#65292;-1&#20026;&#19981;&#26159;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandState( 'link' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#26681;&#25454;&#24403;&#21069;&#36873;&#21306;&#21462;&#28040;&#36229;&#38142;&#25509;</span>","<span class=\"c\"> * @command unlink</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'unlink');</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#24403;&#21069;&#36873;&#21306;&#20301;&#32622;&#26159;&#21542;&#26159;&#36229;&#38142;&#25509;</span>","<span class=\"c\"> * @command unlink</span>","<span class=\"c\"> * @method queryCommandState</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { Int } 0&#20026;&#26159;&#65292;-1&#20026;&#19981;&#26159;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandState( 'unlink' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'link'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">function</span> optimize<span class=\"k\">(</span> range <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>end <span class=\"k\">=</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span> start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span> start<span class=\"k\">,</span> <span class=\"s\">'a'</span><span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span> start <span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> end <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span> end<span class=\"k\">,</span> <span class=\"s\">'a'</span><span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span> end <span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'unlink'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bookmark<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'a'</span><span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            bookmark <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","            optimize<span class=\"k\">(</span> range <span class=\"k\">);</span>","            range<span class=\"k\">.</span>removeInlineStyle<span class=\"k\">(</span> <span class=\"s\">'a'</span> <span class=\"k\">).</span>moveToBookmark<span class=\"k\">(</span> bookmark <span class=\"k\">).</span>select<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandState <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">!</span><span class=\"k\">this</span><span class=\"k\">.</span>highlight <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'link'</span><span class=\"k\">)</span> <span class=\"k\">?</span>  <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">function</span> doLink<span class=\"k\">(</span>range<span class=\"k\">,</span>opt<span class=\"k\">,</span>me<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> rngClone <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">(),</span>","            link <span class=\"k\">=</span> me<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'link'</span><span class=\"k\">);</span>","        optimize<span class=\"k\">(</span> range <span class=\"k\">=</span> range<span class=\"k\">.</span>adjustmentBoundary<span class=\"k\">()</span> <span class=\"k\">);</span>","        <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> link<span class=\"k\">)</span><span class=\"k\">{</span>","            start <span class=\"k\">=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">];</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'A'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/^(?:https?|ftp|file)\\s*:\\s*\\/\\//</span><span class=\"k\">.</span>test<span class=\"k\">(</span>start<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie<span class=\"k\">?</span><span class=\"s\">'innerText'</span><span class=\"k\">:</span><span class=\"s\">'textContent'</span><span class=\"k\">]))</span><span class=\"k\">{</span>","                start<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span> <span class=\"k\">:</span> <span class=\"s\">'textContent'</span><span class=\"k\">]</span> <span class=\"k\">=</span>  utils<span class=\"k\">.</span>html<span class=\"k\">(</span>opt<span class=\"k\">.</span>textValue<span class=\"k\">||</span>opt<span class=\"k\">.</span>href<span class=\"k\">);</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>rngClone<span class=\"k\">.</span>collapsed <span class=\"k\">||</span> link<span class=\"k\">)</span><span class=\"k\">{</span>","            range<span class=\"k\">.</span>removeInlineStyle<span class=\"k\">(</span> <span class=\"s\">'a'</span> <span class=\"k\">);</span>","            rngClone <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">();</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span> rngClone<span class=\"k\">.</span>collapsed <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> a <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span> <span class=\"s\">'a'</span><span class=\"k\">),</span>","                text <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>textValue<span class=\"k\">)</span><span class=\"k\">{</span>","","                text <span class=\"k\">=</span>   utils<span class=\"k\">.</span>html<span class=\"k\">(</span>opt<span class=\"k\">.</span>textValue<span class=\"k\">);</span>","                <span class=\"k\">delete</span> opt<span class=\"k\">.</span>textValue<span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                text <span class=\"k\">=</span>   utils<span class=\"k\">.</span>html<span class=\"k\">(</span>opt<span class=\"k\">.</span>href<span class=\"k\">);</span>","","            <span class=\"k\">}</span>","            domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span> a<span class=\"k\">,</span> opt <span class=\"k\">);</span>","            start <span class=\"k\">=</span>  domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span> rngClone<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'a'</span><span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isInNodeEndBoundary<span class=\"k\">(</span>rngClone<span class=\"k\">,</span>start<span class=\"k\">))</span><span class=\"k\">{</span>","                range<span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span>start<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","","            <span class=\"k\">}</span>","            a<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span> <span class=\"k\">:</span> <span class=\"s\">'textContent'</span><span class=\"k\">]</span> <span class=\"k\">=</span> text<span class=\"k\">;</span>","            range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>a<span class=\"k\">).</span>selectNode<span class=\"k\">(</span> a <span class=\"k\">);</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            range<span class=\"k\">.</span>applyInlineStyle<span class=\"k\">(</span> <span class=\"s\">'a'</span><span class=\"k\">,</span> opt <span class=\"k\">);</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'link'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName<span class=\"k\">,</span> opt <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range<span class=\"k\">;</span>","            opt<span class=\"k\">.</span>_href <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>_href <span class=\"k\">=</span> utils<span class=\"k\">.</span>unhtml<span class=\"k\">(</span>opt<span class=\"k\">.</span>_href<span class=\"k\">,</span><span class=\"s\">/[&lt;\"&gt;]/g</span><span class=\"k\">));</span>","            opt<span class=\"k\">.</span>href <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>href <span class=\"k\">=</span> utils<span class=\"k\">.</span>unhtml<span class=\"k\">(</span>opt<span class=\"k\">.</span>href<span class=\"k\">,</span><span class=\"s\">/[&lt;\"&gt;]/g</span><span class=\"k\">));</span>","            opt<span class=\"k\">.</span>textValue <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>textValue <span class=\"k\">=</span> utils<span class=\"k\">.</span>unhtml<span class=\"k\">(</span>opt<span class=\"k\">.</span>textValue<span class=\"k\">,</span><span class=\"s\">/[&lt;\"&gt;]/g</span><span class=\"k\">));</span>","            doLink<span class=\"k\">(</span>range<span class=\"k\">=</span><span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>opt<span class=\"k\">,</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"c\">//&#38381;&#21512;&#37117;&#19981;&#21152;&#21344;&#20301;&#31526;&#65292;&#22914;&#26524;&#21152;&#20102;&#20250;&#22312;a&#21518;&#36793;&#22810;&#20010;&#21344;&#20301;&#31526;&#33410;&#28857;&#65292;&#23548;&#33268;a&#26159;&#22270;&#29255;&#32972;&#26223;&#32452;&#25104;&#30340;&#21015;&#34920;&#65292;&#20986;&#29616;&#31354;&#30333;&#38382;&#39064;</span>","            range<span class=\"k\">.</span>collapse<span class=\"k\">().</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandValue <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                node<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> range<span class=\"k\">.</span>collapsed <span class=\"k\">)</span> <span class=\"k\">{</span>","<span class=\"c\">//                    node = this.selection.getStart();</span>","                <span class=\"c\">//&#22312;ie&#19979;getstart()&#21462;&#20540;&#20559;&#19978;&#20102;</span>","                node <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                node <span class=\"k\">=</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> node <span class=\"k\">:</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span> node <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span> node<span class=\"k\">,</span> <span class=\"s\">'a'</span><span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">))</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span> domUtils<span class=\"k\">.</span>isInNodeEndBoundary<span class=\"k\">(</span>range<span class=\"k\">,</span>node<span class=\"k\">))</span> <span class=\"k\">{</span>","","                    <span class=\"k\">return</span> node<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"c\">//trace:1111  &#22914;&#26524;&#26159;&lt;p&gt;&lt;a&gt;xx&lt;/a&gt;&lt;/p&gt; startContainer&#26159;p&#23601;&#20250;&#25214;&#19981;&#21040;a</span>","                range<span class=\"k\">.</span>shrinkBoundary<span class=\"k\">();</span>","                <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType  <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> <span class=\"k\">!</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">]</span> <span class=\"k\">?</span> range<span class=\"k\">.</span>startContainer <span class=\"k\">:</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">],</span>","                    end <span class=\"k\">=</span>  range<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> range<span class=\"k\">.</span>endOffset <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">?</span> range<span class=\"k\">.</span>endContainer <span class=\"k\">:</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>endOffset<span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">],</span>","                    common <span class=\"k\">=</span> range<span class=\"k\">.</span>getCommonAncestor<span class=\"k\">();</span>","                node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span> common<span class=\"k\">,</span> <span class=\"s\">'a'</span><span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>node <span class=\"k\">&amp;&amp;</span> common<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","","                    <span class=\"k\">var</span> as <span class=\"k\">=</span> common<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span> <span class=\"s\">'a'</span> <span class=\"k\">),</span>","                        ps<span class=\"k\">,</span>pe<span class=\"k\">;</span>","","                    <span class=\"k\">for</span> <span class=\"k\">(</span> <span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> as<span class=\"k\">[</span>i<span class=\"k\">++];</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        ps <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span> ci<span class=\"k\">,</span> start <span class=\"k\">),</span>pe <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span> ci<span class=\"k\">,</span>end<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">(</span>ps <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_FOLLOWING <span class=\"k\">||</span> ps <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_CONTAINS<span class=\"k\">)</span>","                            <span class=\"k\">&amp;&amp;</span>","                            <span class=\"k\">(</span>pe <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_PRECEDING <span class=\"k\">||</span> pe <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_CONTAINS<span class=\"k\">)</span>","                            <span class=\"k\">)</span> <span class=\"k\">{</span>","                            node <span class=\"k\">=</span> ci<span class=\"k\">;</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> node<span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandState <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#21028;&#26029;&#22914;&#26524;&#26159;&#35270;&#39057;&#30340;&#35805;&#36830;&#25509;&#19981;&#21487;&#29992;</span>","            <span class=\"c\">//fix 853</span>","            <span class=\"k\">var</span> img <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>getClosedNode<span class=\"k\">(),</span>","                flag <span class=\"k\">=</span> img <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>className <span class=\"k\">==</span> <span class=\"s\">\"edui-faked-video\"</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> flag <span class=\"k\">?</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/link.js'][66]++;
+UE.plugins.link = (function () {
+  _$jscoverage['plugins/link.js'][67]++;
+  function optimize(range) {
+    _$jscoverage['plugins/link.js'][68]++;
+    var start = range.startContainer, end = range.endContainer;
+    _$jscoverage['plugins/link.js'][70]++;
+    if ((start = domUtils.findParentByTagName(start, "a", true))) {
+      _$jscoverage['plugins/link.js'][71]++;
+      range.setStartBefore(start);
+    }
+    _$jscoverage['plugins/link.js'][73]++;
+    if ((end = domUtils.findParentByTagName(end, "a", true))) {
+      _$jscoverage['plugins/link.js'][74]++;
+      range.setEndAfter(end);
+    }
+}
+  _$jscoverage['plugins/link.js'][79]++;
+  UE.commands.unlink = {execCommand: (function () {
+  _$jscoverage['plugins/link.js'][81]++;
+  var range = this.selection.getRange(), bookmark;
+  _$jscoverage['plugins/link.js'][83]++;
+  if ((range.collapsed && (! domUtils.findParentByTagName(range.startContainer, "a", true)))) {
+    _$jscoverage['plugins/link.js'][84]++;
+    return;
+  }
+  _$jscoverage['plugins/link.js'][86]++;
+  bookmark = range.createBookmark();
+  _$jscoverage['plugins/link.js'][87]++;
+  optimize(range);
+  _$jscoverage['plugins/link.js'][88]++;
+  range.removeInlineStyle("a").moveToBookmark(bookmark).select();
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/link.js'][91]++;
+  return (((! this.highlight) && this.queryCommandValue("link"))? 0: -1);
+})};
+  _$jscoverage['plugins/link.js'][95]++;
+  function doLink(range, opt, me) {
+    _$jscoverage['plugins/link.js'][96]++;
+    var rngClone = range.cloneRange(), link = me.queryCommandValue("link");
+    _$jscoverage['plugins/link.js'][98]++;
+    optimize((range = range.adjustmentBoundary()));
+    _$jscoverage['plugins/link.js'][99]++;
+    var start = range.startContainer;
+    _$jscoverage['plugins/link.js'][100]++;
+    if (((start.nodeType == 1) && link)) {
+      _$jscoverage['plugins/link.js'][101]++;
+      start = start.childNodes[range.startOffset];
+      _$jscoverage['plugins/link.js'][102]++;
+      if ((start && (start.nodeType == 1) && (start.tagName == "A") && /^(?:https?|ftp|file)\s*:\s*\/\//.test(start[(browser.ie? "innerText": "textContent")]))) {
+        _$jscoverage['plugins/link.js'][103]++;
+        start[(browser.ie? "innerText": "textContent")] = utils.html((opt.textValue || opt.href));
+      }
+    }
+    _$jscoverage['plugins/link.js'][107]++;
+    if (((! rngClone.collapsed) || link)) {
+      _$jscoverage['plugins/link.js'][108]++;
+      range.removeInlineStyle("a");
+      _$jscoverage['plugins/link.js'][109]++;
+      rngClone = range.cloneRange();
+    }
+    _$jscoverage['plugins/link.js'][112]++;
+    if (rngClone.collapsed) {
+      _$jscoverage['plugins/link.js'][113]++;
+      var a = range.document.createElement("a"), text = "";
+      _$jscoverage['plugins/link.js'][115]++;
+      if (opt.textValue) {
+        _$jscoverage['plugins/link.js'][117]++;
+        text = utils.html(opt.textValue);
+        _$jscoverage['plugins/link.js'][118]++;
+        (delete opt.textValue);
+      }
+      else {
+        _$jscoverage['plugins/link.js'][120]++;
+        text = utils.html(opt.href);
+      }
+      _$jscoverage['plugins/link.js'][123]++;
+      domUtils.setAttributes(a, opt);
+      _$jscoverage['plugins/link.js'][124]++;
+      start = domUtils.findParentByTagName(rngClone.startContainer, "a", true);
+      _$jscoverage['plugins/link.js'][125]++;
+      if ((start && domUtils.isInNodeEndBoundary(rngClone, start))) {
+        _$jscoverage['plugins/link.js'][126]++;
+        range.setStartAfter(start).collapse(true);
+      }
+      _$jscoverage['plugins/link.js'][129]++;
+      a[(browser.ie? "innerText": "textContent")] = text;
+      _$jscoverage['plugins/link.js'][130]++;
+      range.insertNode(a).selectNode(a);
+    }
+    else {
+      _$jscoverage['plugins/link.js'][132]++;
+      range.applyInlineStyle("a", opt);
+    }
+}
+  _$jscoverage['plugins/link.js'][136]++;
+  UE.commands.link = {execCommand: (function (cmdName, opt) {
+  _$jscoverage['plugins/link.js'][138]++;
+  var range;
+  _$jscoverage['plugins/link.js'][139]++;
+  (opt._href && (opt._href = utils.unhtml(opt._href, /[<">]/g)));
+  _$jscoverage['plugins/link.js'][140]++;
+  (opt.href && (opt.href = utils.unhtml(opt.href, /[<">]/g)));
+  _$jscoverage['plugins/link.js'][141]++;
+  (opt.textValue && (opt.textValue = utils.unhtml(opt.textValue, /[<">]/g)));
+  _$jscoverage['plugins/link.js'][142]++;
+  doLink((range = this.selection.getRange()), opt, this);
+  _$jscoverage['plugins/link.js'][144]++;
+  range.collapse().select(true);
+}), queryCommandValue: (function () {
+  _$jscoverage['plugins/link.js'][148]++;
+  var range = this.selection.getRange(), node;
+  _$jscoverage['plugins/link.js'][150]++;
+  if (range.collapsed) {
+    _$jscoverage['plugins/link.js'][153]++;
+    node = range.startContainer;
+    _$jscoverage['plugins/link.js'][154]++;
+    node = ((node.nodeType == 1)? node: node.parentNode);
+    _$jscoverage['plugins/link.js'][156]++;
+    if ((node && (node = domUtils.findParentByTagName(node, "a", true)) && (! domUtils.isInNodeEndBoundary(range, node)))) {
+      _$jscoverage['plugins/link.js'][158]++;
+      return node;
+    }
+  }
+  else {
+    _$jscoverage['plugins/link.js'][162]++;
+    range.shrinkBoundary();
+    _$jscoverage['plugins/link.js'][163]++;
+    var start = (((range.startContainer.nodeType == 3) || (! range.startContainer.childNodes[range.startOffset]))? range.startContainer: range.startContainer.childNodes[range.startOffset]), end = (((range.endContainer.nodeType == 3) || (range.endOffset == 0))? range.endContainer: range.endContainer.childNodes[(range.endOffset - 1)]), common = range.getCommonAncestor();
+    _$jscoverage['plugins/link.js'][166]++;
+    node = domUtils.findParentByTagName(common, "a", true);
+    _$jscoverage['plugins/link.js'][167]++;
+    if (((! node) && (common.nodeType == 1))) {
+      _$jscoverage['plugins/link.js'][169]++;
+      var as = common.getElementsByTagName("a"), ps, pe;
+      _$jscoverage['plugins/link.js'][172]++;
+      for (var i = 0, ci; (ci = as[(i++)]);) {
+        _$jscoverage['plugins/link.js'][173]++;
+        ((ps = domUtils.getPosition(ci, start)), (pe = domUtils.getPosition(ci, end)));
+        _$jscoverage['plugins/link.js'][174]++;
+        if ((((ps & domUtils.POSITION_FOLLOWING) || (ps & domUtils.POSITION_CONTAINS)) && ((pe & domUtils.POSITION_PRECEDING) || (pe & domUtils.POSITION_CONTAINS)))) {
+          _$jscoverage['plugins/link.js'][178]++;
+          node = ci;
+          _$jscoverage['plugins/link.js'][179]++;
+          break;
+        }
+}
+    }
+    _$jscoverage['plugins/link.js'][183]++;
+    return node;
+  }
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/link.js'][190]++;
+  var img = this.selection.getRange().getClosedNode(), flag = (img && (img.className == "edui-faked-video"));
+  _$jscoverage['plugins/link.js'][192]++;
+  return (flag? -1: 0);
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/list.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/list.js
new file mode 100644
index 000000000..3b18180e6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/list.js
@@ -0,0 +1,2337 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/list.js']) {
+  _$jscoverage['plugins/list.js'] = [];
+  _$jscoverage['plugins/list.js'][7] = 0;
+  _$jscoverage['plugins/list.js'][8] = 0;
+  _$jscoverage['plugins/list.js'][14] = 0;
+  _$jscoverage['plugins/list.js'][25] = 0;
+  _$jscoverage['plugins/list.js'][50] = 0;
+  _$jscoverage['plugins/list.js'][51] = 0;
+  _$jscoverage['plugins/list.js'][52] = 0;
+  _$jscoverage['plugins/list.js'][53] = 0;
+  _$jscoverage['plugins/list.js'][55] = 0;
+  _$jscoverage['plugins/list.js'][57] = 0;
+  _$jscoverage['plugins/list.js'][61] = 0;
+  _$jscoverage['plugins/list.js'][64] = 0;
+  _$jscoverage['plugins/list.js'][65] = 0;
+  _$jscoverage['plugins/list.js'][66] = 0;
+  _$jscoverage['plugins/list.js'][70] = 0;
+  _$jscoverage['plugins/list.js'][71] = 0;
+  _$jscoverage['plugins/list.js'][72] = 0;
+  _$jscoverage['plugins/list.js'][73] = 0;
+  _$jscoverage['plugins/list.js'][74] = 0;
+  _$jscoverage['plugins/list.js'][75] = 0;
+  _$jscoverage['plugins/list.js'][77] = 0;
+  _$jscoverage['plugins/list.js'][78] = 0;
+  _$jscoverage['plugins/list.js'][80] = 0;
+  _$jscoverage['plugins/list.js'][82] = 0;
+  _$jscoverage['plugins/list.js'][84] = 0;
+  _$jscoverage['plugins/list.js'][85] = 0;
+  _$jscoverage['plugins/list.js'][86] = 0;
+  _$jscoverage['plugins/list.js'][87] = 0;
+  _$jscoverage['plugins/list.js'][89] = 0;
+  _$jscoverage['plugins/list.js'][90] = 0;
+  _$jscoverage['plugins/list.js'][91] = 0;
+  _$jscoverage['plugins/list.js'][92] = 0;
+  _$jscoverage['plugins/list.js'][94] = 0;
+  _$jscoverage['plugins/list.js'][95] = 0;
+  _$jscoverage['plugins/list.js'][96] = 0;
+  _$jscoverage['plugins/list.js'][97] = 0;
+  _$jscoverage['plugins/list.js'][100] = 0;
+  _$jscoverage['plugins/list.js'][101] = 0;
+  _$jscoverage['plugins/list.js'][103] = 0;
+  _$jscoverage['plugins/list.js'][104] = 0;
+  _$jscoverage['plugins/list.js'][105] = 0;
+  _$jscoverage['plugins/list.js'][107] = 0;
+  _$jscoverage['plugins/list.js'][108] = 0;
+  _$jscoverage['plugins/list.js'][110] = 0;
+  _$jscoverage['plugins/list.js'][113] = 0;
+  _$jscoverage['plugins/list.js'][114] = 0;
+  _$jscoverage['plugins/list.js'][115] = 0;
+  _$jscoverage['plugins/list.js'][117] = 0;
+  _$jscoverage['plugins/list.js'][120] = 0;
+  _$jscoverage['plugins/list.js'][121] = 0;
+  _$jscoverage['plugins/list.js'][122] = 0;
+  _$jscoverage['plugins/list.js'][123] = 0;
+  _$jscoverage['plugins/list.js'][125] = 0;
+  _$jscoverage['plugins/list.js'][126] = 0;
+  _$jscoverage['plugins/list.js'][127] = 0;
+  _$jscoverage['plugins/list.js'][128] = 0;
+  _$jscoverage['plugins/list.js'][129] = 0;
+  _$jscoverage['plugins/list.js'][130] = 0;
+  _$jscoverage['plugins/list.js'][131] = 0;
+  _$jscoverage['plugins/list.js'][132] = 0;
+  _$jscoverage['plugins/list.js'][133] = 0;
+  _$jscoverage['plugins/list.js'][134] = 0;
+  _$jscoverage['plugins/list.js'][135] = 0;
+  _$jscoverage['plugins/list.js'][136] = 0;
+  _$jscoverage['plugins/list.js'][138] = 0;
+  _$jscoverage['plugins/list.js'][139] = 0;
+  _$jscoverage['plugins/list.js'][140] = 0;
+  _$jscoverage['plugins/list.js'][141] = 0;
+  _$jscoverage['plugins/list.js'][142] = 0;
+  _$jscoverage['plugins/list.js'][143] = 0;
+  _$jscoverage['plugins/list.js'][153] = 0;
+  _$jscoverage['plugins/list.js'][154] = 0;
+  _$jscoverage['plugins/list.js'][155] = 0;
+  _$jscoverage['plugins/list.js'][156] = 0;
+  _$jscoverage['plugins/list.js'][158] = 0;
+  _$jscoverage['plugins/list.js'][162] = 0;
+  _$jscoverage['plugins/list.js'][163] = 0;
+  _$jscoverage['plugins/list.js'][165] = 0;
+  _$jscoverage['plugins/list.js'][166] = 0;
+  _$jscoverage['plugins/list.js'][167] = 0;
+  _$jscoverage['plugins/list.js'][168] = 0;
+  _$jscoverage['plugins/list.js'][169] = 0;
+  _$jscoverage['plugins/list.js'][170] = 0;
+  _$jscoverage['plugins/list.js'][171] = 0;
+  _$jscoverage['plugins/list.js'][172] = 0;
+  _$jscoverage['plugins/list.js'][174] = 0;
+  _$jscoverage['plugins/list.js'][175] = 0;
+  _$jscoverage['plugins/list.js'][176] = 0;
+  _$jscoverage['plugins/list.js'][178] = 0;
+  _$jscoverage['plugins/list.js'][180] = 0;
+  _$jscoverage['plugins/list.js'][181] = 0;
+  _$jscoverage['plugins/list.js'][184] = 0;
+  _$jscoverage['plugins/list.js'][185] = 0;
+  _$jscoverage['plugins/list.js'][186] = 0;
+  _$jscoverage['plugins/list.js'][187] = 0;
+  _$jscoverage['plugins/list.js'][188] = 0;
+  _$jscoverage['plugins/list.js'][189] = 0;
+  _$jscoverage['plugins/list.js'][192] = 0;
+  _$jscoverage['plugins/list.js'][198] = 0;
+  _$jscoverage['plugins/list.js'][201] = 0;
+  _$jscoverage['plugins/list.js'][202] = 0;
+  _$jscoverage['plugins/list.js'][203] = 0;
+  _$jscoverage['plugins/list.js'][204] = 0;
+  _$jscoverage['plugins/list.js'][205] = 0;
+  _$jscoverage['plugins/list.js'][206] = 0;
+  _$jscoverage['plugins/list.js'][208] = 0;
+  _$jscoverage['plugins/list.js'][209] = 0;
+  _$jscoverage['plugins/list.js'][210] = 0;
+  _$jscoverage['plugins/list.js'][211] = 0;
+  _$jscoverage['plugins/list.js'][213] = 0;
+  _$jscoverage['plugins/list.js'][218] = 0;
+  _$jscoverage['plugins/list.js'][219] = 0;
+  _$jscoverage['plugins/list.js'][223] = 0;
+  _$jscoverage['plugins/list.js'][224] = 0;
+  _$jscoverage['plugins/list.js'][227] = 0;
+  _$jscoverage['plugins/list.js'][228] = 0;
+  _$jscoverage['plugins/list.js'][229] = 0;
+  _$jscoverage['plugins/list.js'][230] = 0;
+  _$jscoverage['plugins/list.js'][233] = 0;
+  _$jscoverage['plugins/list.js'][244] = 0;
+  _$jscoverage['plugins/list.js'][245] = 0;
+  _$jscoverage['plugins/list.js'][246] = 0;
+  _$jscoverage['plugins/list.js'][247] = 0;
+  _$jscoverage['plugins/list.js'][248] = 0;
+  _$jscoverage['plugins/list.js'][249] = 0;
+  _$jscoverage['plugins/list.js'][252] = 0;
+  _$jscoverage['plugins/list.js'][254] = 0;
+  _$jscoverage['plugins/list.js'][255] = 0;
+  _$jscoverage['plugins/list.js'][256] = 0;
+  _$jscoverage['plugins/list.js'][261] = 0;
+  _$jscoverage['plugins/list.js'][262] = 0;
+  _$jscoverage['plugins/list.js'][263] = 0;
+  _$jscoverage['plugins/list.js'][267] = 0;
+  _$jscoverage['plugins/list.js'][268] = 0;
+  _$jscoverage['plugins/list.js'][269] = 0;
+  _$jscoverage['plugins/list.js'][271] = 0;
+  _$jscoverage['plugins/list.js'][272] = 0;
+  _$jscoverage['plugins/list.js'][273] = 0;
+  _$jscoverage['plugins/list.js'][274] = 0;
+  _$jscoverage['plugins/list.js'][275] = 0;
+  _$jscoverage['plugins/list.js'][276] = 0;
+  _$jscoverage['plugins/list.js'][279] = 0;
+  _$jscoverage['plugins/list.js'][282] = 0;
+  _$jscoverage['plugins/list.js'][285] = 0;
+  _$jscoverage['plugins/list.js'][286] = 0;
+  _$jscoverage['plugins/list.js'][287] = 0;
+  _$jscoverage['plugins/list.js'][289] = 0;
+  _$jscoverage['plugins/list.js'][291] = 0;
+  _$jscoverage['plugins/list.js'][293] = 0;
+  _$jscoverage['plugins/list.js'][294] = 0;
+  _$jscoverage['plugins/list.js'][295] = 0;
+  _$jscoverage['plugins/list.js'][297] = 0;
+  _$jscoverage['plugins/list.js'][299] = 0;
+  _$jscoverage['plugins/list.js'][300] = 0;
+  _$jscoverage['plugins/list.js'][301] = 0;
+  _$jscoverage['plugins/list.js'][302] = 0;
+  _$jscoverage['plugins/list.js'][304] = 0;
+  _$jscoverage['plugins/list.js'][305] = 0;
+  _$jscoverage['plugins/list.js'][307] = 0;
+  _$jscoverage['plugins/list.js'][308] = 0;
+  _$jscoverage['plugins/list.js'][311] = 0;
+  _$jscoverage['plugins/list.js'][312] = 0;
+  _$jscoverage['plugins/list.js'][313] = 0;
+  _$jscoverage['plugins/list.js'][319] = 0;
+  _$jscoverage['plugins/list.js'][320] = 0;
+  _$jscoverage['plugins/list.js'][323] = 0;
+  _$jscoverage['plugins/list.js'][324] = 0;
+  _$jscoverage['plugins/list.js'][326] = 0;
+  _$jscoverage['plugins/list.js'][327] = 0;
+  _$jscoverage['plugins/list.js'][329] = 0;
+  _$jscoverage['plugins/list.js'][330] = 0;
+  _$jscoverage['plugins/list.js'][331] = 0;
+  _$jscoverage['plugins/list.js'][333] = 0;
+  _$jscoverage['plugins/list.js'][334] = 0;
+  _$jscoverage['plugins/list.js'][335] = 0;
+  _$jscoverage['plugins/list.js'][336] = 0;
+  _$jscoverage['plugins/list.js'][340] = 0;
+  _$jscoverage['plugins/list.js'][341] = 0;
+  _$jscoverage['plugins/list.js'][342] = 0;
+  _$jscoverage['plugins/list.js'][343] = 0;
+  _$jscoverage['plugins/list.js'][346] = 0;
+  _$jscoverage['plugins/list.js'][347] = 0;
+  _$jscoverage['plugins/list.js'][351] = 0;
+  _$jscoverage['plugins/list.js'][352] = 0;
+  _$jscoverage['plugins/list.js'][353] = 0;
+  _$jscoverage['plugins/list.js'][354] = 0;
+  _$jscoverage['plugins/list.js'][355] = 0;
+  _$jscoverage['plugins/list.js'][356] = 0;
+  _$jscoverage['plugins/list.js'][357] = 0;
+  _$jscoverage['plugins/list.js'][358] = 0;
+  _$jscoverage['plugins/list.js'][360] = 0;
+  _$jscoverage['plugins/list.js'][361] = 0;
+  _$jscoverage['plugins/list.js'][363] = 0;
+  _$jscoverage['plugins/list.js'][364] = 0;
+  _$jscoverage['plugins/list.js'][365] = 0;
+  _$jscoverage['plugins/list.js'][366] = 0;
+  _$jscoverage['plugins/list.js'][367] = 0;
+  _$jscoverage['plugins/list.js'][368] = 0;
+  _$jscoverage['plugins/list.js'][372] = 0;
+  _$jscoverage['plugins/list.js'][373] = 0;
+  _$jscoverage['plugins/list.js'][374] = 0;
+  _$jscoverage['plugins/list.js'][375] = 0;
+  _$jscoverage['plugins/list.js'][377] = 0;
+  _$jscoverage['plugins/list.js'][379] = 0;
+  _$jscoverage['plugins/list.js'][380] = 0;
+  _$jscoverage['plugins/list.js'][384] = 0;
+  _$jscoverage['plugins/list.js'][386] = 0;
+  _$jscoverage['plugins/list.js'][389] = 0;
+  _$jscoverage['plugins/list.js'][391] = 0;
+  _$jscoverage['plugins/list.js'][392] = 0;
+  _$jscoverage['plugins/list.js'][393] = 0;
+  _$jscoverage['plugins/list.js'][396] = 0;
+  _$jscoverage['plugins/list.js'][399] = 0;
+  _$jscoverage['plugins/list.js'][400] = 0;
+  _$jscoverage['plugins/list.js'][401] = 0;
+  _$jscoverage['plugins/list.js'][402] = 0;
+  _$jscoverage['plugins/list.js'][403] = 0;
+  _$jscoverage['plugins/list.js'][404] = 0;
+  _$jscoverage['plugins/list.js'][407] = 0;
+  _$jscoverage['plugins/list.js'][408] = 0;
+  _$jscoverage['plugins/list.js'][410] = 0;
+  _$jscoverage['plugins/list.js'][411] = 0;
+  _$jscoverage['plugins/list.js'][412] = 0;
+  _$jscoverage['plugins/list.js'][414] = 0;
+  _$jscoverage['plugins/list.js'][415] = 0;
+  _$jscoverage['plugins/list.js'][417] = 0;
+  _$jscoverage['plugins/list.js'][418] = 0;
+  _$jscoverage['plugins/list.js'][419] = 0;
+  _$jscoverage['plugins/list.js'][423] = 0;
+  _$jscoverage['plugins/list.js'][424] = 0;
+  _$jscoverage['plugins/list.js'][425] = 0;
+  _$jscoverage['plugins/list.js'][427] = 0;
+  _$jscoverage['plugins/list.js'][428] = 0;
+  _$jscoverage['plugins/list.js'][431] = 0;
+  _$jscoverage['plugins/list.js'][432] = 0;
+  _$jscoverage['plugins/list.js'][433] = 0;
+  _$jscoverage['plugins/list.js'][434] = 0;
+  _$jscoverage['plugins/list.js'][436] = 0;
+  _$jscoverage['plugins/list.js'][437] = 0;
+  _$jscoverage['plugins/list.js'][438] = 0;
+  _$jscoverage['plugins/list.js'][442] = 0;
+  _$jscoverage['plugins/list.js'][443] = 0;
+  _$jscoverage['plugins/list.js'][444] = 0;
+  _$jscoverage['plugins/list.js'][445] = 0;
+  _$jscoverage['plugins/list.js'][446] = 0;
+  _$jscoverage['plugins/list.js'][448] = 0;
+  _$jscoverage['plugins/list.js'][449] = 0;
+  _$jscoverage['plugins/list.js'][450] = 0;
+  _$jscoverage['plugins/list.js'][451] = 0;
+  _$jscoverage['plugins/list.js'][453] = 0;
+  _$jscoverage['plugins/list.js'][454] = 0;
+  _$jscoverage['plugins/list.js'][456] = 0;
+  _$jscoverage['plugins/list.js'][458] = 0;
+  _$jscoverage['plugins/list.js'][460] = 0;
+  _$jscoverage['plugins/list.js'][461] = 0;
+  _$jscoverage['plugins/list.js'][462] = 0;
+  _$jscoverage['plugins/list.js'][463] = 0;
+  _$jscoverage['plugins/list.js'][465] = 0;
+  _$jscoverage['plugins/list.js'][466] = 0;
+  _$jscoverage['plugins/list.js'][467] = 0;
+  _$jscoverage['plugins/list.js'][468] = 0;
+  _$jscoverage['plugins/list.js'][469] = 0;
+  _$jscoverage['plugins/list.js'][470] = 0;
+  _$jscoverage['plugins/list.js'][471] = 0;
+  _$jscoverage['plugins/list.js'][472] = 0;
+  _$jscoverage['plugins/list.js'][475] = 0;
+  _$jscoverage['plugins/list.js'][477] = 0;
+  _$jscoverage['plugins/list.js'][480] = 0;
+  _$jscoverage['plugins/list.js'][483] = 0;
+  _$jscoverage['plugins/list.js'][485] = 0;
+  _$jscoverage['plugins/list.js'][486] = 0;
+  _$jscoverage['plugins/list.js'][487] = 0;
+  _$jscoverage['plugins/list.js'][488] = 0;
+  _$jscoverage['plugins/list.js'][489] = 0;
+  _$jscoverage['plugins/list.js'][490] = 0;
+  _$jscoverage['plugins/list.js'][491] = 0;
+  _$jscoverage['plugins/list.js'][493] = 0;
+  _$jscoverage['plugins/list.js'][494] = 0;
+  _$jscoverage['plugins/list.js'][495] = 0;
+  _$jscoverage['plugins/list.js'][497] = 0;
+  _$jscoverage['plugins/list.js'][498] = 0;
+  _$jscoverage['plugins/list.js'][499] = 0;
+  _$jscoverage['plugins/list.js'][500] = 0;
+  _$jscoverage['plugins/list.js'][501] = 0;
+  _$jscoverage['plugins/list.js'][504] = 0;
+  _$jscoverage['plugins/list.js'][506] = 0;
+  _$jscoverage['plugins/list.js'][510] = 0;
+  _$jscoverage['plugins/list.js'][512] = 0;
+  _$jscoverage['plugins/list.js'][513] = 0;
+  _$jscoverage['plugins/list.js'][514] = 0;
+  _$jscoverage['plugins/list.js'][516] = 0;
+  _$jscoverage['plugins/list.js'][520] = 0;
+  _$jscoverage['plugins/list.js'][521] = 0;
+  _$jscoverage['plugins/list.js'][525] = 0;
+  _$jscoverage['plugins/list.js'][528] = 0;
+  _$jscoverage['plugins/list.js'][529] = 0;
+  _$jscoverage['plugins/list.js'][530] = 0;
+  _$jscoverage['plugins/list.js'][532] = 0;
+  _$jscoverage['plugins/list.js'][533] = 0;
+  _$jscoverage['plugins/list.js'][534] = 0;
+  _$jscoverage['plugins/list.js'][535] = 0;
+  _$jscoverage['plugins/list.js'][540] = 0;
+  _$jscoverage['plugins/list.js'][542] = 0;
+  _$jscoverage['plugins/list.js'][543] = 0;
+  _$jscoverage['plugins/list.js'][544] = 0;
+  _$jscoverage['plugins/list.js'][545] = 0;
+  _$jscoverage['plugins/list.js'][546] = 0;
+  _$jscoverage['plugins/list.js'][547] = 0;
+  _$jscoverage['plugins/list.js'][548] = 0;
+  _$jscoverage['plugins/list.js'][551] = 0;
+  _$jscoverage['plugins/list.js'][552] = 0;
+  _$jscoverage['plugins/list.js'][553] = 0;
+  _$jscoverage['plugins/list.js'][557] = 0;
+  _$jscoverage['plugins/list.js'][559] = 0;
+  _$jscoverage['plugins/list.js'][560] = 0;
+  _$jscoverage['plugins/list.js'][561] = 0;
+  _$jscoverage['plugins/list.js'][562] = 0;
+  _$jscoverage['plugins/list.js'][563] = 0;
+  _$jscoverage['plugins/list.js'][565] = 0;
+  _$jscoverage['plugins/list.js'][567] = 0;
+  _$jscoverage['plugins/list.js'][570] = 0;
+  _$jscoverage['plugins/list.js'][574] = 0;
+  _$jscoverage['plugins/list.js'][575] = 0;
+  _$jscoverage['plugins/list.js'][576] = 0;
+  _$jscoverage['plugins/list.js'][578] = 0;
+  _$jscoverage['plugins/list.js'][579] = 0;
+  _$jscoverage['plugins/list.js'][581] = 0;
+  _$jscoverage['plugins/list.js'][583] = 0;
+  _$jscoverage['plugins/list.js'][584] = 0;
+  _$jscoverage['plugins/list.js'][587] = 0;
+  _$jscoverage['plugins/list.js'][589] = 0;
+  _$jscoverage['plugins/list.js'][590] = 0;
+  _$jscoverage['plugins/list.js'][592] = 0;
+  _$jscoverage['plugins/list.js'][593] = 0;
+  _$jscoverage['plugins/list.js'][595] = 0;
+  _$jscoverage['plugins/list.js'][596] = 0;
+  _$jscoverage['plugins/list.js'][598] = 0;
+  _$jscoverage['plugins/list.js'][599] = 0;
+  _$jscoverage['plugins/list.js'][600] = 0;
+  _$jscoverage['plugins/list.js'][602] = 0;
+  _$jscoverage['plugins/list.js'][603] = 0;
+  _$jscoverage['plugins/list.js'][604] = 0;
+  _$jscoverage['plugins/list.js'][607] = 0;
+  _$jscoverage['plugins/list.js'][608] = 0;
+  _$jscoverage['plugins/list.js'][609] = 0;
+  _$jscoverage['plugins/list.js'][610] = 0;
+  _$jscoverage['plugins/list.js'][611] = 0;
+  _$jscoverage['plugins/list.js'][612] = 0;
+  _$jscoverage['plugins/list.js'][617] = 0;
+  _$jscoverage['plugins/list.js'][625] = 0;
+  _$jscoverage['plugins/list.js'][627] = 0;
+  _$jscoverage['plugins/list.js'][628] = 0;
+  _$jscoverage['plugins/list.js'][629] = 0;
+  _$jscoverage['plugins/list.js'][630] = 0;
+  _$jscoverage['plugins/list.js'][632] = 0;
+  _$jscoverage['plugins/list.js'][633] = 0;
+  _$jscoverage['plugins/list.js'][634] = 0;
+  _$jscoverage['plugins/list.js'][635] = 0;
+  _$jscoverage['plugins/list.js'][636] = 0;
+  _$jscoverage['plugins/list.js'][637] = 0;
+  _$jscoverage['plugins/list.js'][638] = 0;
+  _$jscoverage['plugins/list.js'][639] = 0;
+  _$jscoverage['plugins/list.js'][640] = 0;
+  _$jscoverage['plugins/list.js'][641] = 0;
+  _$jscoverage['plugins/list.js'][642] = 0;
+  _$jscoverage['plugins/list.js'][645] = 0;
+  _$jscoverage['plugins/list.js'][646] = 0;
+  _$jscoverage['plugins/list.js'][647] = 0;
+  _$jscoverage['plugins/list.js'][650] = 0;
+  _$jscoverage['plugins/list.js'][651] = 0;
+  _$jscoverage['plugins/list.js'][653] = 0;
+  _$jscoverage['plugins/list.js'][654] = 0;
+  _$jscoverage['plugins/list.js'][655] = 0;
+  _$jscoverage['plugins/list.js'][656] = 0;
+  _$jscoverage['plugins/list.js'][658] = 0;
+  _$jscoverage['plugins/list.js'][659] = 0;
+  _$jscoverage['plugins/list.js'][661] = 0;
+  _$jscoverage['plugins/list.js'][662] = 0;
+  _$jscoverage['plugins/list.js'][666] = 0;
+  _$jscoverage['plugins/list.js'][667] = 0;
+  _$jscoverage['plugins/list.js'][669] = 0;
+  _$jscoverage['plugins/list.js'][670] = 0;
+  _$jscoverage['plugins/list.js'][672] = 0;
+  _$jscoverage['plugins/list.js'][673] = 0;
+  _$jscoverage['plugins/list.js'][675] = 0;
+  _$jscoverage['plugins/list.js'][679] = 0;
+  _$jscoverage['plugins/list.js'][680] = 0;
+  _$jscoverage['plugins/list.js'][681] = 0;
+  _$jscoverage['plugins/list.js'][682] = 0;
+  _$jscoverage['plugins/list.js'][685] = 0;
+  _$jscoverage['plugins/list.js'][686] = 0;
+  _$jscoverage['plugins/list.js'][687] = 0;
+  _$jscoverage['plugins/list.js'][691] = 0;
+  _$jscoverage['plugins/list.js'][692] = 0;
+  _$jscoverage['plugins/list.js'][693] = 0;
+  _$jscoverage['plugins/list.js'][694] = 0;
+  _$jscoverage['plugins/list.js'][695] = 0;
+  _$jscoverage['plugins/list.js'][700] = 0;
+  _$jscoverage['plugins/list.js'][701] = 0;
+  _$jscoverage['plugins/list.js'][702] = 0;
+  _$jscoverage['plugins/list.js'][703] = 0;
+  _$jscoverage['plugins/list.js'][704] = 0;
+  _$jscoverage['plugins/list.js'][705] = 0;
+  _$jscoverage['plugins/list.js'][706] = 0;
+  _$jscoverage['plugins/list.js'][710] = 0;
+  _$jscoverage['plugins/list.js'][711] = 0;
+  _$jscoverage['plugins/list.js'][714] = 0;
+  _$jscoverage['plugins/list.js'][715] = 0;
+  _$jscoverage['plugins/list.js'][716] = 0;
+  _$jscoverage['plugins/list.js'][720] = 0;
+  _$jscoverage['plugins/list.js'][721] = 0;
+  _$jscoverage['plugins/list.js'][722] = 0;
+  _$jscoverage['plugins/list.js'][723] = 0;
+  _$jscoverage['plugins/list.js'][724] = 0;
+  _$jscoverage['plugins/list.js'][737] = 0;
+  _$jscoverage['plugins/list.js'][738] = 0;
+  _$jscoverage['plugins/list.js'][739] = 0;
+  _$jscoverage['plugins/list.js'][740] = 0;
+  _$jscoverage['plugins/list.js'][741] = 0;
+  _$jscoverage['plugins/list.js'][742] = 0;
+  _$jscoverage['plugins/list.js'][747] = 0;
+  _$jscoverage['plugins/list.js'][749] = 0;
+  _$jscoverage['plugins/list.js'][752] = 0;
+  _$jscoverage['plugins/list.js'][753] = 0;
+  _$jscoverage['plugins/list.js'][754] = 0;
+  _$jscoverage['plugins/list.js'][755] = 0;
+  _$jscoverage['plugins/list.js'][756] = 0;
+  _$jscoverage['plugins/list.js'][757] = 0;
+  _$jscoverage['plugins/list.js'][759] = 0;
+  _$jscoverage['plugins/list.js'][760] = 0;
+  _$jscoverage['plugins/list.js'][766] = 0;
+  _$jscoverage['plugins/list.js'][767] = 0;
+  _$jscoverage['plugins/list.js'][769] = 0;
+  _$jscoverage['plugins/list.js'][770] = 0;
+  _$jscoverage['plugins/list.js'][771] = 0;
+  _$jscoverage['plugins/list.js'][772] = 0;
+  _$jscoverage['plugins/list.js'][773] = 0;
+  _$jscoverage['plugins/list.js'][776] = 0;
+  _$jscoverage['plugins/list.js'][777] = 0;
+  _$jscoverage['plugins/list.js'][778] = 0;
+  _$jscoverage['plugins/list.js'][779] = 0;
+  _$jscoverage['plugins/list.js'][780] = 0;
+  _$jscoverage['plugins/list.js'][781] = 0;
+  _$jscoverage['plugins/list.js'][782] = 0;
+  _$jscoverage['plugins/list.js'][783] = 0;
+  _$jscoverage['plugins/list.js'][784] = 0;
+  _$jscoverage['plugins/list.js'][785] = 0;
+  _$jscoverage['plugins/list.js'][786] = 0;
+  _$jscoverage['plugins/list.js'][787] = 0;
+  _$jscoverage['plugins/list.js'][790] = 0;
+  _$jscoverage['plugins/list.js'][791] = 0;
+  _$jscoverage['plugins/list.js'][792] = 0;
+  _$jscoverage['plugins/list.js'][793] = 0;
+  _$jscoverage['plugins/list.js'][794] = 0;
+  _$jscoverage['plugins/list.js'][795] = 0;
+  _$jscoverage['plugins/list.js'][798] = 0;
+  _$jscoverage['plugins/list.js'][799] = 0;
+  _$jscoverage['plugins/list.js'][800] = 0;
+  _$jscoverage['plugins/list.js'][801] = 0;
+  _$jscoverage['plugins/list.js'][802] = 0;
+  _$jscoverage['plugins/list.js'][803] = 0;
+  _$jscoverage['plugins/list.js'][805] = 0;
+  _$jscoverage['plugins/list.js'][808] = 0;
+  _$jscoverage['plugins/list.js'][809] = 0;
+  _$jscoverage['plugins/list.js'][810] = 0;
+  _$jscoverage['plugins/list.js'][811] = 0;
+  _$jscoverage['plugins/list.js'][812] = 0;
+  _$jscoverage['plugins/list.js'][813] = 0;
+  _$jscoverage['plugins/list.js'][814] = 0;
+  _$jscoverage['plugins/list.js'][815] = 0;
+  _$jscoverage['plugins/list.js'][816] = 0;
+  _$jscoverage['plugins/list.js'][817] = 0;
+  _$jscoverage['plugins/list.js'][818] = 0;
+  _$jscoverage['plugins/list.js'][819] = 0;
+  _$jscoverage['plugins/list.js'][823] = 0;
+  _$jscoverage['plugins/list.js'][825] = 0;
+  _$jscoverage['plugins/list.js'][827] = 0;
+  _$jscoverage['plugins/list.js'][829] = 0;
+  _$jscoverage['plugins/list.js'][830] = 0;
+  _$jscoverage['plugins/list.js'][833] = 0;
+  _$jscoverage['plugins/list.js'][834] = 0;
+  _$jscoverage['plugins/list.js'][835] = 0;
+  _$jscoverage['plugins/list.js'][840] = 0;
+  _$jscoverage['plugins/list.js'][841] = 0;
+  _$jscoverage['plugins/list.js'][842] = 0;
+  _$jscoverage['plugins/list.js'][843] = 0;
+  _$jscoverage['plugins/list.js'][845] = 0;
+  _$jscoverage['plugins/list.js'][846] = 0;
+  _$jscoverage['plugins/list.js'][848] = 0;
+  _$jscoverage['plugins/list.js'][921] = 0;
+  _$jscoverage['plugins/list.js'][925] = 0;
+  _$jscoverage['plugins/list.js'][926] = 0;
+  _$jscoverage['plugins/list.js'][928] = 0;
+  _$jscoverage['plugins/list.js'][931] = 0;
+  _$jscoverage['plugins/list.js'][937] = 0;
+  _$jscoverage['plugins/list.js'][938] = 0;
+  _$jscoverage['plugins/list.js'][946] = 0;
+  _$jscoverage['plugins/list.js'][947] = 0;
+  _$jscoverage['plugins/list.js'][948] = 0;
+  _$jscoverage['plugins/list.js'][949] = 0;
+  _$jscoverage['plugins/list.js'][951] = 0;
+  _$jscoverage['plugins/list.js'][953] = 0;
+  _$jscoverage['plugins/list.js'][954] = 0;
+  _$jscoverage['plugins/list.js'][955] = 0;
+  _$jscoverage['plugins/list.js'][956] = 0;
+  _$jscoverage['plugins/list.js'][957] = 0;
+  _$jscoverage['plugins/list.js'][958] = 0;
+  _$jscoverage['plugins/list.js'][959] = 0;
+  _$jscoverage['plugins/list.js'][960] = 0;
+  _$jscoverage['plugins/list.js'][962] = 0;
+  _$jscoverage['plugins/list.js'][964] = 0;
+  _$jscoverage['plugins/list.js'][966] = 0;
+  _$jscoverage['plugins/list.js'][967] = 0;
+  _$jscoverage['plugins/list.js'][968] = 0;
+  _$jscoverage['plugins/list.js'][969] = 0;
+  _$jscoverage['plugins/list.js'][970] = 0;
+  _$jscoverage['plugins/list.js'][971] = 0;
+  _$jscoverage['plugins/list.js'][973] = 0;
+  _$jscoverage['plugins/list.js'][975] = 0;
+  _$jscoverage['plugins/list.js'][976] = 0;
+  _$jscoverage['plugins/list.js'][977] = 0;
+  _$jscoverage['plugins/list.js'][978] = 0;
+  _$jscoverage['plugins/list.js'][980] = 0;
+  _$jscoverage['plugins/list.js'][981] = 0;
+  _$jscoverage['plugins/list.js'][983] = 0;
+  _$jscoverage['plugins/list.js'][984] = 0;
+  _$jscoverage['plugins/list.js'][985] = 0;
+  _$jscoverage['plugins/list.js'][986] = 0;
+  _$jscoverage['plugins/list.js'][987] = 0;
+  _$jscoverage['plugins/list.js'][988] = 0;
+  _$jscoverage['plugins/list.js'][989] = 0;
+  _$jscoverage['plugins/list.js'][994] = 0;
+  _$jscoverage['plugins/list.js'][995] = 0;
+  _$jscoverage['plugins/list.js'][1000] = 0;
+  _$jscoverage['plugins/list.js'][1002] = 0;
+  _$jscoverage['plugins/list.js'][1003] = 0;
+  _$jscoverage['plugins/list.js'][1004] = 0;
+  _$jscoverage['plugins/list.js'][1005] = 0;
+  _$jscoverage['plugins/list.js'][1008] = 0;
+  _$jscoverage['plugins/list.js'][1009] = 0;
+  _$jscoverage['plugins/list.js'][1010] = 0;
+  _$jscoverage['plugins/list.js'][1011] = 0;
+  _$jscoverage['plugins/list.js'][1014] = 0;
+  _$jscoverage['plugins/list.js'][1015] = 0;
+  _$jscoverage['plugins/list.js'][1016] = 0;
+  _$jscoverage['plugins/list.js'][1017] = 0;
+  _$jscoverage['plugins/list.js'][1018] = 0;
+  _$jscoverage['plugins/list.js'][1020] = 0;
+  _$jscoverage['plugins/list.js'][1022] = 0;
+  _$jscoverage['plugins/list.js'][1023] = 0;
+  _$jscoverage['plugins/list.js'][1024] = 0;
+  _$jscoverage['plugins/list.js'][1026] = 0;
+  _$jscoverage['plugins/list.js'][1028] = 0;
+  _$jscoverage['plugins/list.js'][1029] = 0;
+  _$jscoverage['plugins/list.js'][1030] = 0;
+  _$jscoverage['plugins/list.js'][1031] = 0;
+  _$jscoverage['plugins/list.js'][1033] = 0;
+  _$jscoverage['plugins/list.js'][1035] = 0;
+  _$jscoverage['plugins/list.js'][1038] = 0;
+  _$jscoverage['plugins/list.js'][1040] = 0;
+  _$jscoverage['plugins/list.js'][1041] = 0;
+  _$jscoverage['plugins/list.js'][1042] = 0;
+  _$jscoverage['plugins/list.js'][1043] = 0;
+  _$jscoverage['plugins/list.js'][1045] = 0;
+  _$jscoverage['plugins/list.js'][1047] = 0;
+  _$jscoverage['plugins/list.js'][1050] = 0;
+  _$jscoverage['plugins/list.js'][1052] = 0;
+  _$jscoverage['plugins/list.js'][1053] = 0;
+  _$jscoverage['plugins/list.js'][1054] = 0;
+  _$jscoverage['plugins/list.js'][1055] = 0;
+  _$jscoverage['plugins/list.js'][1056] = 0;
+  _$jscoverage['plugins/list.js'][1058] = 0;
+  _$jscoverage['plugins/list.js'][1059] = 0;
+  _$jscoverage['plugins/list.js'][1060] = 0;
+  _$jscoverage['plugins/list.js'][1061] = 0;
+  _$jscoverage['plugins/list.js'][1062] = 0;
+  _$jscoverage['plugins/list.js'][1064] = 0;
+  _$jscoverage['plugins/list.js'][1066] = 0;
+  _$jscoverage['plugins/list.js'][1067] = 0;
+  _$jscoverage['plugins/list.js'][1068] = 0;
+  _$jscoverage['plugins/list.js'][1069] = 0;
+  _$jscoverage['plugins/list.js'][1071] = 0;
+  _$jscoverage['plugins/list.js'][1073] = 0;
+  _$jscoverage['plugins/list.js'][1075] = 0;
+  _$jscoverage['plugins/list.js'][1077] = 0;
+  _$jscoverage['plugins/list.js'][1080] = 0;
+  _$jscoverage['plugins/list.js'][1082] = 0;
+  _$jscoverage['plugins/list.js'][1083] = 0;
+  _$jscoverage['plugins/list.js'][1084] = 0;
+  _$jscoverage['plugins/list.js'][1085] = 0;
+  _$jscoverage['plugins/list.js'][1086] = 0;
+  _$jscoverage['plugins/list.js'][1087] = 0;
+  _$jscoverage['plugins/list.js'][1090] = 0;
+  _$jscoverage['plugins/list.js'][1096] = 0;
+  _$jscoverage['plugins/list.js'][1097] = 0;
+  _$jscoverage['plugins/list.js'][1099] = 0;
+  _$jscoverage['plugins/list.js'][1100] = 0;
+  _$jscoverage['plugins/list.js'][1102] = 0;
+  _$jscoverage['plugins/list.js'][1103] = 0;
+  _$jscoverage['plugins/list.js'][1106] = 0;
+  _$jscoverage['plugins/list.js'][1108] = 0;
+  _$jscoverage['plugins/list.js'][1114] = 0;
+  _$jscoverage['plugins/list.js'][1116] = 0;
+  _$jscoverage['plugins/list.js'][1117] = 0;
+  _$jscoverage['plugins/list.js'][1118] = 0;
+  _$jscoverage['plugins/list.js'][1119] = 0;
+  _$jscoverage['plugins/list.js'][1121] = 0;
+  _$jscoverage['plugins/list.js'][1122] = 0;
+  _$jscoverage['plugins/list.js'][1123] = 0;
+  _$jscoverage['plugins/list.js'][1124] = 0;
+  _$jscoverage['plugins/list.js'][1127] = 0;
+  _$jscoverage['plugins/list.js'][1128] = 0;
+  _$jscoverage['plugins/list.js'][1130] = 0;
+  _$jscoverage['plugins/list.js'][1131] = 0;
+  _$jscoverage['plugins/list.js'][1132] = 0;
+  _$jscoverage['plugins/list.js'][1133] = 0;
+  _$jscoverage['plugins/list.js'][1137] = 0;
+  _$jscoverage['plugins/list.js'][1138] = 0;
+  _$jscoverage['plugins/list.js'][1139] = 0;
+  _$jscoverage['plugins/list.js'][1140] = 0;
+  _$jscoverage['plugins/list.js'][1141] = 0;
+  _$jscoverage['plugins/list.js'][1144] = 0;
+  _$jscoverage['plugins/list.js'][1146] = 0;
+  _$jscoverage['plugins/list.js'][1148] = 0;
+  _$jscoverage['plugins/list.js'][1150] = 0;
+  _$jscoverage['plugins/list.js'][1151] = 0;
+  _$jscoverage['plugins/list.js'][1152] = 0;
+  _$jscoverage['plugins/list.js'][1153] = 0;
+  _$jscoverage['plugins/list.js'][1154] = 0;
+  _$jscoverage['plugins/list.js'][1156] = 0;
+  _$jscoverage['plugins/list.js'][1158] = 0;
+  _$jscoverage['plugins/list.js'][1160] = 0;
+  _$jscoverage['plugins/list.js'][1163] = 0;
+  _$jscoverage['plugins/list.js'][1164] = 0;
+  _$jscoverage['plugins/list.js'][1165] = 0;
+  _$jscoverage['plugins/list.js'][1166] = 0;
+  _$jscoverage['plugins/list.js'][1167] = 0;
+  _$jscoverage['plugins/list.js'][1169] = 0;
+  _$jscoverage['plugins/list.js'][1171] = 0;
+  _$jscoverage['plugins/list.js'][1172] = 0;
+  _$jscoverage['plugins/list.js'][1173] = 0;
+  _$jscoverage['plugins/list.js'][1176] = 0;
+  _$jscoverage['plugins/list.js'][1180] = 0;
+  _$jscoverage['plugins/list.js'][1181] = 0;
+  _$jscoverage['plugins/list.js'][1182] = 0;
+  _$jscoverage['plugins/list.js'][1183] = 0;
+  _$jscoverage['plugins/list.js'][1184] = 0;
+  _$jscoverage['plugins/list.js'][1186] = 0;
+  _$jscoverage['plugins/list.js'][1187] = 0;
+  _$jscoverage['plugins/list.js'][1188] = 0;
+  _$jscoverage['plugins/list.js'][1190] = 0;
+  _$jscoverage['plugins/list.js'][1194] = 0;
+  _$jscoverage['plugins/list.js'][1195] = 0;
+  _$jscoverage['plugins/list.js'][1197] = 0;
+  _$jscoverage['plugins/list.js'][1198] = 0;
+  _$jscoverage['plugins/list.js'][1199] = 0;
+  _$jscoverage['plugins/list.js'][1200] = 0;
+  _$jscoverage['plugins/list.js'][1202] = 0;
+  _$jscoverage['plugins/list.js'][1203] = 0;
+  _$jscoverage['plugins/list.js'][1204] = 0;
+  _$jscoverage['plugins/list.js'][1205] = 0;
+  _$jscoverage['plugins/list.js'][1207] = 0;
+}
+_$jscoverage['plugins/list.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#26377;&#24207;&#21015;&#34920;,&#26080;&#24207;&#21015;&#34920;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'list'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        notExchange <span class=\"k\">=</span> <span class=\"k\">{</span>","            <span class=\"s\">'TD'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            <span class=\"s\">'PRE'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            <span class=\"s\">'BLOCKQUOTE'</span><span class=\"k\">:</span><span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">var</span> customStyle <span class=\"k\">=</span> <span class=\"k\">{</span>","        <span class=\"s\">'cn'</span> <span class=\"k\">:</span> <span class=\"s\">'cn-1-'</span><span class=\"k\">,</span>","        <span class=\"s\">'cn1'</span> <span class=\"k\">:</span> <span class=\"s\">'cn-2-'</span><span class=\"k\">,</span>","        <span class=\"s\">'cn2'</span> <span class=\"k\">:</span> <span class=\"s\">'cn-3-'</span><span class=\"k\">,</span>","        <span class=\"s\">'num'</span><span class=\"k\">:</span>  <span class=\"s\">'num-1-'</span><span class=\"k\">,</span>","        <span class=\"s\">'num1'</span> <span class=\"k\">:</span> <span class=\"s\">'num-2-'</span><span class=\"k\">,</span>","        <span class=\"s\">'num2'</span> <span class=\"k\">:</span> <span class=\"s\">'num-3-'</span><span class=\"k\">,</span>","        <span class=\"s\">'dash'</span>  <span class=\"k\">:</span> <span class=\"s\">'dash'</span><span class=\"k\">,</span>","        <span class=\"s\">'dot'</span><span class=\"k\">:</span><span class=\"s\">'dot'</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span> <span class=\"k\">{</span>","        <span class=\"s\">'insertorderedlist'</span><span class=\"k\">:</span><span class=\"k\">{</span>","            <span class=\"s\">'num'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'num1'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'num2'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'cn'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'cn1'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'cn2'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'decimal'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'lower-alpha'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'lower-roman'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'upper-alpha'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'upper-roman'</span><span class=\"k\">:</span><span class=\"s\">''</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"s\">'insertunorderedlist'</span><span class=\"k\">:</span><span class=\"k\">{</span>","            <span class=\"s\">'circle'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'disc'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'square'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'dash'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span>","            <span class=\"s\">'dot'</span><span class=\"k\">:</span><span class=\"s\">''</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        listDefaultPaddingLeft <span class=\"k\">:</span> <span class=\"s\">'30'</span><span class=\"k\">,</span>","        listiconpath <span class=\"k\">:</span> <span class=\"s\">'http://bs.baidu.com/listicon/'</span><span class=\"k\">,</span>","        maxListLevel <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"c\">//-1&#19981;&#38480;&#21046;</span>","    <span class=\"k\">}</span> <span class=\"k\">);</span>","    <span class=\"k\">function</span> listToArray<span class=\"k\">(</span>list<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> arr <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> list<span class=\"k\">)</span><span class=\"k\">{</span>","            arr<span class=\"k\">.</span>push<span class=\"k\">(</span>p<span class=\"k\">)</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> arr<span class=\"k\">;</span>","    <span class=\"k\">}</span>","    <span class=\"k\">var</span> listStyle <span class=\"k\">=</span> <span class=\"k\">{</span>","        <span class=\"s\">'OL'</span><span class=\"k\">:</span>listToArray<span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>insertorderedlist<span class=\"k\">),</span>","        <span class=\"s\">'UL'</span><span class=\"k\">:</span>listToArray<span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>insertunorderedlist<span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">var</span> liiconpath <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>listiconpath<span class=\"k\">;</span>","","    <span class=\"c\">//&#26681;&#25454;&#29992;&#25143;&#37197;&#32622;&#65292;&#35843;&#25972;customStyle</span>","    <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> s <span class=\"k\">in</span> customStyle<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(!</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>insertorderedlist<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>s<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>insertunorderedlist<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>s<span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">delete</span> customStyle<span class=\"k\">[</span>s<span class=\"k\">];</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>ready<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> customCss <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> customStyle<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>p <span class=\"k\">==</span> <span class=\"s\">'dash'</span> <span class=\"k\">||</span> p <span class=\"k\">==</span> <span class=\"s\">'dot'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span> <span class=\"k\">+</span> customStyle<span class=\"k\">[</span>p<span class=\"k\">]</span> <span class=\"k\">+</span> <span class=\"s\">'{background-image:url('</span> <span class=\"k\">+</span> liiconpath <span class=\"k\">+</span>customStyle<span class=\"k\">[</span>p<span class=\"k\">]+</span><span class=\"s\">'.gif)}'</span><span class=\"k\">);</span>","                customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'ul.custom_'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'{list-style:none;}ul.custom_'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">' li{background-position:0 3px;background-repeat:no-repeat}'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>i<span class=\"k\">&lt;</span><span class=\"s\">99</span><span class=\"k\">;</span>i<span class=\"k\">++)</span><span class=\"k\">{</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span> <span class=\"k\">+</span> customStyle<span class=\"k\">[</span>p<span class=\"k\">]</span> <span class=\"k\">+</span> i <span class=\"k\">+</span> <span class=\"s\">'{background-image:url('</span> <span class=\"k\">+</span> liiconpath <span class=\"k\">+</span> <span class=\"s\">'list-'</span><span class=\"k\">+</span>customStyle<span class=\"k\">[</span>p<span class=\"k\">]</span> <span class=\"k\">+</span> i <span class=\"k\">+</span> <span class=\"s\">'.gif)}'</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","                customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'ol.custom_'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'{list-style:none;}ol.custom_'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">' li{background-position:0 3px;background-repeat:no-repeat}'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">switch</span><span class=\"k\">(</span>p<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">case</span> <span class=\"s\">'cn'</span><span class=\"k\">:</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-1{padding-left:25px}'</span><span class=\"k\">);</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-2{padding-left:40px}'</span><span class=\"k\">);</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-3{padding-left:55px}'</span><span class=\"k\">);</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">case</span> <span class=\"s\">'cn1'</span><span class=\"k\">:</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-1{padding-left:30px}'</span><span class=\"k\">);</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-2{padding-left:40px}'</span><span class=\"k\">);</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-3{padding-left:55px}'</span><span class=\"k\">);</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">case</span> <span class=\"s\">'cn2'</span><span class=\"k\">:</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-1{padding-left:40px}'</span><span class=\"k\">);</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-2{padding-left:55px}'</span><span class=\"k\">);</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-3{padding-left:68px}'</span><span class=\"k\">);</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">case</span> <span class=\"s\">'num'</span><span class=\"k\">:</span>","                <span class=\"k\">case</span> <span class=\"s\">'num1'</span><span class=\"k\">:</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-1{padding-left:25px}'</span><span class=\"k\">);</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">case</span> <span class=\"s\">'num2'</span><span class=\"k\">:</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-1{padding-left:35px}'</span><span class=\"k\">);</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft-2{padding-left:40px}'</span><span class=\"k\">);</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">case</span> <span class=\"s\">'dash'</span><span class=\"k\">:</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft{padding-left:35px}'</span><span class=\"k\">);</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">case</span> <span class=\"s\">'dot'</span><span class=\"k\">:</span>","                    customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'li.list-'</span><span class=\"k\">+</span>p<span class=\"k\">+</span><span class=\"s\">'-paddingleft{padding-left:20px}'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'.list-paddingleft-1{padding-left:0}'</span><span class=\"k\">);</span>","        customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'.list-paddingleft-2{padding-left:'</span><span class=\"k\">+</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>listDefaultPaddingLeft<span class=\"k\">+</span><span class=\"s\">'px}'</span><span class=\"k\">);</span>","        customCss<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'.list-paddingleft-3{padding-left:'</span><span class=\"k\">+</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>listDefaultPaddingLeft<span class=\"k\">*</span><span class=\"s\">2</span><span class=\"k\">+</span><span class=\"s\">'px}'</span><span class=\"k\">);</span>","        <span class=\"c\">//&#22914;&#26524;&#19981;&#32473;&#23485;&#24230;&#20250;&#22312;&#33258;&#23450;&#24212;&#26679;&#24335;&#37324;&#20986;&#29616;&#28378;&#21160;&#26465;</span>","        utils<span class=\"k\">.</span>cssRule<span class=\"k\">(</span><span class=\"s\">'list'</span><span class=\"k\">,</span> <span class=\"s\">'ol,ul{margin:0;pading:0;'</span><span class=\"k\">+(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"s\">'width:95%'</span><span class=\"k\">)+</span><span class=\"s\">'}li{clear:both;}'</span><span class=\"k\">+</span>customCss<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">'</span><span class=\"t\">\\n</span><span class=\"s\">'</span><span class=\"k\">),</span> me<span class=\"k\">.</span>document<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"c\">//&#21333;&#29420;&#22788;&#29702;&#21098;&#20999;&#30340;&#38382;&#39064;</span>","    me<span class=\"k\">.</span>ready<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span><span class=\"s\">'cut'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>li<span class=\"k\">;</span>","                <span class=\"c\">//trace:3416</span>","                <span class=\"k\">if</span><span class=\"k\">(!</span>rng<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'li'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">))</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>li<span class=\"k\">.</span>nextSibling <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>li<span class=\"k\">))</span><span class=\"k\">{</span>","                            <span class=\"k\">var</span> pn <span class=\"k\">=</span> li<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>node<span class=\"k\">;</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>node <span class=\"k\">=</span> pn<span class=\"k\">.</span>previousSibling<span class=\"k\">)</span><span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>pn<span class=\"k\">);</span>","                                rng<span class=\"k\">.</span>setStartAtLast<span class=\"k\">(</span>node<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                rng<span class=\"k\">.</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(</span>node <span class=\"k\">=</span> pn<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span><span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>pn<span class=\"k\">);</span>","                                rng<span class=\"k\">.</span>setStartAtFirst<span class=\"k\">(</span>node<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                rng<span class=\"k\">.</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span>tmpNode<span class=\"k\">);</span>","                                pn<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span>pn<span class=\"k\">);</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>pn<span class=\"k\">);</span>","                                rng<span class=\"k\">.</span>setStart<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                rng<span class=\"k\">.</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"k\">function</span> getStyle<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> cls <span class=\"k\">=</span> node<span class=\"k\">.</span>className<span class=\"k\">;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"s\">/custom_/</span><span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> cls<span class=\"k\">.</span>match<span class=\"k\">(</span><span class=\"s\">/custom_(\\w+)/</span><span class=\"k\">)[</span><span class=\"s\">1</span><span class=\"k\">]</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>getStyle<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">'list-style-type'</span><span class=\"k\">)</span>","","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'beforepaste'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span>html<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","            rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>li<span class=\"k\">;</span>","        <span class=\"k\">var</span> root <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>html<span class=\"k\">.</span>html<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'li'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> list <span class=\"k\">=</span> li<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>tagName <span class=\"k\">=</span> list<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'OL'</span> <span class=\"k\">?</span> <span class=\"s\">'ul'</span><span class=\"k\">:</span><span class=\"s\">'ol'</span><span class=\"k\">;</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span>tagName<span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>n<span class=\"k\">)</span><span class=\"k\">{</span>","                n<span class=\"k\">.</span>tagName <span class=\"k\">=</span> list<span class=\"k\">.</span>tagName<span class=\"k\">;</span>","                n<span class=\"k\">.</span>setAttr<span class=\"k\">();</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>n<span class=\"k\">.</span>parentNode <span class=\"k\">===</span> root<span class=\"k\">)</span><span class=\"k\">{</span>","                    type <span class=\"k\">=</span> getStyle<span class=\"k\">(</span>list<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">(</span>list<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'OL'</span> <span class=\"k\">?</span> <span class=\"s\">'decimal'</span> <span class=\"k\">:</span> <span class=\"s\">'disc'</span><span class=\"k\">)</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> className <span class=\"k\">=</span> n<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'class'</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>className <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/custom_/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>className<span class=\"k\">))</span><span class=\"k\">{</span>","                        type <span class=\"k\">=</span> className<span class=\"k\">.</span>match<span class=\"k\">(</span><span class=\"s\">/custom_(\\w+)/</span><span class=\"k\">)[</span><span class=\"s\">1</span><span class=\"k\">]</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        type <span class=\"k\">=</span> n<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>getStyle<span class=\"k\">(</span><span class=\"s\">'list-style-type'</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>type<span class=\"k\">)</span><span class=\"k\">{</span>","                        type <span class=\"k\">=</span> list<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'OL'</span> <span class=\"k\">?</span> <span class=\"s\">'decimal'</span> <span class=\"k\">:</span> <span class=\"s\">'disc'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> index <span class=\"k\">=</span> utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>listStyle<span class=\"k\">[</span>list<span class=\"k\">.</span>tagName<span class=\"k\">],</span> type<span class=\"k\">);</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>n<span class=\"k\">.</span>parentNode <span class=\"k\">!==</span> root<span class=\"k\">)</span>","                    index <span class=\"k\">=</span> index <span class=\"k\">+</span> <span class=\"s\">1</span> <span class=\"k\">==</span> listStyle<span class=\"k\">[</span>list<span class=\"k\">.</span>tagName<span class=\"k\">].</span>length <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> index <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">var</span> currentStyle <span class=\"k\">=</span> listStyle<span class=\"k\">[</span>list<span class=\"k\">.</span>tagName<span class=\"k\">][</span>index<span class=\"k\">];</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>customStyle<span class=\"k\">[</span>currentStyle<span class=\"k\">])</span><span class=\"k\">{</span>","                    n<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"s\">'class'</span><span class=\"k\">,</span> <span class=\"s\">'custom_'</span> <span class=\"k\">+</span> currentStyle<span class=\"k\">)</span>","","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    n<span class=\"k\">.</span>setStyle<span class=\"k\">(</span><span class=\"s\">'list-style-type'</span><span class=\"k\">,</span>currentStyle<span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","","        <span class=\"k\">}</span>","","        html<span class=\"k\">.</span>html <span class=\"k\">=</span> root<span class=\"k\">.</span>toHtml<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"c\">//&#36827;&#20837;&#32534;&#36753;&#22120;&#30340;li&#35201;&#22871;p&#26631;&#31614;</span>","    me<span class=\"k\">.</span>addInputRule<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>root<span class=\"k\">)</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'li'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>li<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> tmpP <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","            <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>li<span class=\"k\">.</span>children<span class=\"k\">[</span>i<span class=\"k\">];)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'text'</span> <span class=\"k\">||</span> dtd<span class=\"k\">.</span>p<span class=\"k\">[</span>ci<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                    tmpP<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>ci<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>tmpP<span class=\"k\">.</span>firstChild<span class=\"k\">())</span><span class=\"k\">{</span>","                        li<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmpP<span class=\"k\">,</span>ci<span class=\"k\">);</span>","                        tmpP <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                        i <span class=\"k\">=</span> i <span class=\"k\">+</span> <span class=\"s\">2</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        i<span class=\"k\">++;</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>tmpP<span class=\"k\">.</span>firstChild<span class=\"k\">()</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>tmpP<span class=\"k\">.</span>parentNode <span class=\"k\">||</span> <span class=\"k\">!</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">())</span><span class=\"k\">{</span>","                li<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpP<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//trace:3357</span>","            <span class=\"c\">//p&#19981;&#33021;&#20026;&#31354;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>tmpP<span class=\"k\">.</span>firstChild<span class=\"k\">())</span> <span class=\"k\">{</span>","                tmpP<span class=\"k\">.</span>innerHTML<span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'&amp;nbsp;'</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#21435;&#25481;&#26411;&#23614;&#30340;&#31354;&#30333;</span>","            <span class=\"k\">var</span> p <span class=\"k\">=</span> li<span class=\"k\">.</span>firstChild<span class=\"k\">();</span>","            <span class=\"k\">var</span> lastChild <span class=\"k\">=</span> p<span class=\"k\">.</span>lastChild<span class=\"k\">();</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>lastChild <span class=\"k\">&amp;&amp;</span> lastChild<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'text'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/^\\s*$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>lastChild<span class=\"k\">.</span>data<span class=\"k\">))</span><span class=\"k\">{</span>","                p<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>lastChild<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">var</span> orderlisttype <span class=\"k\">=</span> <span class=\"k\">{</span>","                <span class=\"s\">'num1'</span><span class=\"k\">:</span><span class=\"s\">/^\\d+\\)/</span><span class=\"k\">,</span>","                <span class=\"s\">'decimal'</span><span class=\"k\">:</span><span class=\"s\">/^\\d+\\./</span><span class=\"k\">,</span>","                <span class=\"s\">'lower-alpha'</span><span class=\"k\">:</span><span class=\"s\">/^[a-z]+\\)/</span><span class=\"k\">,</span>","                <span class=\"s\">'upper-alpha'</span><span class=\"k\">:</span><span class=\"s\">/^[A-Z]+\\./</span><span class=\"k\">,</span>","                <span class=\"s\">'cn'</span><span class=\"k\">:</span><span class=\"s\">/^[\\u4E00\\u4E8C\\u4E09\\u56DB\\u516d\\u4e94\\u4e03\\u516b\\u4e5d]+[\\u3001]/</span><span class=\"k\">,</span>","                <span class=\"s\">'cn2'</span><span class=\"k\">:</span><span class=\"s\">/^\\([\\u4E00\\u4E8C\\u4E09\\u56DB\\u516d\\u4e94\\u4e03\\u516b\\u4e5d]+\\)/</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            unorderlisttype <span class=\"k\">=</span> <span class=\"k\">{</span>","                <span class=\"s\">'square'</span><span class=\"k\">:</span><span class=\"s\">'n'</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">function</span> checkListType<span class=\"k\">(</span>content<span class=\"k\">,</span>container<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> span <span class=\"k\">=</span> container<span class=\"k\">.</span>firstChild<span class=\"k\">();</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>span <span class=\"k\">&amp;&amp;</span>  span<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span> <span class=\"k\">&amp;&amp;</span> span<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'span'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/Wingdings|Symbol/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>span<span class=\"k\">.</span>getStyle<span class=\"k\">(</span><span class=\"s\">'font-family'</span><span class=\"k\">)))</span><span class=\"k\">{</span>","                <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> unorderlisttype<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>unorderlisttype<span class=\"k\">[</span>p<span class=\"k\">]</span> <span class=\"k\">==</span> span<span class=\"k\">.</span>data<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">return</span> p","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> <span class=\"s\">'disc'</span>","            <span class=\"k\">}</span>","            <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> orderlisttype<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>orderlisttype<span class=\"k\">[</span>p<span class=\"k\">].</span>test<span class=\"k\">(</span>content<span class=\"k\">))</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> p<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'class'</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"s\">'MsoListParagraph'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span>","            <span class=\"k\">}</span>","","            <span class=\"c\">//word&#31896;&#36148;&#36807;&#26469;&#30340;&#20250;&#24102;&#26377;margin&#35201;&#21435;&#25481;,&#20294;&#36825;&#26679;&#20063;&#21487;&#33021;&#20250;&#35823;&#21629;&#20013;&#19968;&#20123;&#22830;&#35270;</span>","            node<span class=\"k\">.</span>setStyle<span class=\"k\">(</span><span class=\"s\">'margin'</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","            node<span class=\"k\">.</span>setStyle<span class=\"k\">(</span><span class=\"s\">'margin-left'</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","            node<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"s\">'class'</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","","            <span class=\"k\">function</span> appendLi<span class=\"k\">(</span>list<span class=\"k\">,</span>p<span class=\"k\">,</span>type<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>list<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'ol'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> first <span class=\"k\">=</span> p<span class=\"k\">.</span>firstChild<span class=\"k\">();</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>first<span class=\"k\">.</span>type <span class=\"k\">==</span><span class=\"s\">'element'</span> <span class=\"k\">&amp;&amp;</span> first<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'span'</span> <span class=\"k\">&amp;&amp;</span> orderlisttype<span class=\"k\">[</span>type<span class=\"k\">].</span>test<span class=\"k\">(</span>first<span class=\"k\">.</span>innerText<span class=\"k\">()))</span><span class=\"k\">{</span>","                            p<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>first<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        p<span class=\"k\">.</span>innerHTML<span class=\"k\">(</span>p<span class=\"k\">.</span>innerHTML<span class=\"k\">().</span>replace<span class=\"k\">(</span>orderlisttype<span class=\"k\">[</span>type<span class=\"k\">],</span><span class=\"s\">''</span><span class=\"k\">));</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    p<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>p<span class=\"k\">.</span>firstChild<span class=\"k\">())</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">var</span> li <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'li'</span><span class=\"k\">);</span>","                li<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>p<span class=\"k\">);</span>","                list<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>li<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> tmp <span class=\"k\">=</span> node<span class=\"k\">,</span>type<span class=\"k\">,</span>cacheNode <span class=\"k\">=</span> node<span class=\"k\">;</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> <span class=\"s\">'li'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>type <span class=\"k\">=</span> checkListType<span class=\"k\">(</span>node<span class=\"k\">.</span>innerText<span class=\"k\">(),</span>node<span class=\"k\">)))</span><span class=\"k\">{</span>","","                <span class=\"k\">var</span> list <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>insertorderedlist<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>type<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">'ol'</span> <span class=\"k\">:</span> <span class=\"s\">'ul'</span><span class=\"k\">);</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>customStyle<span class=\"k\">[</span>type<span class=\"k\">])</span><span class=\"k\">{</span>","                    list<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"s\">'class'</span><span class=\"k\">,</span><span class=\"s\">'custom_'</span><span class=\"k\">+</span>type<span class=\"k\">)</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    list<span class=\"k\">.</span>setStyle<span class=\"k\">(</span><span class=\"s\">'list-style-type'</span><span class=\"k\">,</span>type<span class=\"k\">)</span>","                <span class=\"k\">}</span>","                <span class=\"k\">while</span><span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> <span class=\"s\">'li'</span> <span class=\"k\">&amp;&amp;</span> checkListType<span class=\"k\">(</span>node<span class=\"k\">.</span>innerText<span class=\"k\">(),</span>node<span class=\"k\">))</span><span class=\"k\">{</span>","                    tmp <span class=\"k\">=</span> node<span class=\"k\">.</span>nextSibling<span class=\"k\">();</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>tmp<span class=\"k\">)</span><span class=\"k\">{</span>","                        node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>list<span class=\"k\">,</span>node<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                    appendLi<span class=\"k\">(</span>list<span class=\"k\">,</span>node<span class=\"k\">,</span>type<span class=\"k\">);</span>","                    node <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(!</span>list<span class=\"k\">.</span>parentNode <span class=\"k\">&amp;&amp;</span> node <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">{</span>","                    node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>list<span class=\"k\">,</span>node<span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> span <span class=\"k\">=</span> cacheNode<span class=\"k\">.</span>firstChild<span class=\"k\">();</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>span <span class=\"k\">&amp;&amp;</span> span<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span> <span class=\"k\">&amp;&amp;</span> span<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'span'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/^\\s*(&amp;nbsp;)+\\s*$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>span<span class=\"k\">.</span>innerText<span class=\"k\">()))</span><span class=\"k\">{</span>","                span<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>span<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"c\">//&#35843;&#25972;&#32034;&#24341;&#26631;&#31614;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        adjustListStyle<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"k\">function</span> adjustListStyle<span class=\"k\">(</span>doc<span class=\"k\">,</span>ignore<span class=\"k\">)</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>doc<span class=\"k\">,</span><span class=\"s\">'ol ul'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","","            <span class=\"k\">if</span><span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>inDoc<span class=\"k\">(</span>node<span class=\"k\">,</span>doc<span class=\"k\">))</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","","            <span class=\"k\">var</span> parent <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName <span class=\"k\">==</span> node<span class=\"k\">.</span>tagName<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> nodeStyleType <span class=\"k\">=</span> getStyle<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'OL'</span> <span class=\"k\">?</span> <span class=\"s\">'decimal'</span> <span class=\"k\">:</span> <span class=\"s\">'disc'</span><span class=\"k\">),</span>","                    parentStyleType <span class=\"k\">=</span> getStyle<span class=\"k\">(</span>parent<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'OL'</span> <span class=\"k\">?</span> <span class=\"s\">'decimal'</span> <span class=\"k\">:</span> <span class=\"s\">'disc'</span><span class=\"k\">);</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>nodeStyleType <span class=\"k\">==</span> parentStyleType<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> styleIndex <span class=\"k\">=</span> utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>listStyle<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">],</span> nodeStyleType<span class=\"k\">);</span>","                    styleIndex <span class=\"k\">=</span> styleIndex <span class=\"k\">+</span> <span class=\"s\">1</span> <span class=\"k\">==</span> listStyle<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">].</span>length <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> styleIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    setListStyle<span class=\"k\">(</span>node<span class=\"k\">,</span>listStyle<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">][</span>styleIndex<span class=\"k\">])</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> index <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>type <span class=\"k\">=</span> <span class=\"s\">2</span><span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span> domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"s\">/custom_/</span><span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(!(</span><span class=\"s\">/[ou]l/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>parent<span class=\"k\">,</span><span class=\"s\">/custom_/</span><span class=\"k\">)))</span><span class=\"k\">{</span>","                    type <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/[ou]l/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>parent<span class=\"k\">,</span><span class=\"s\">/custom_/</span><span class=\"k\">))</span><span class=\"k\">{</span>","                    type <span class=\"k\">=</span> <span class=\"s\">3</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">var</span> style <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getStyle<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">'list-style-type'</span><span class=\"k\">);</span>","            style <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">'list-style-type:'</span> <span class=\"k\">+</span> style<span class=\"k\">);</span>","            node<span class=\"k\">.</span>className <span class=\"k\">=</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>node<span class=\"k\">.</span>className<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/list-paddingleft-\\w+/</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">))</span> <span class=\"k\">+</span> <span class=\"s\">' list-paddingleft-'</span> <span class=\"k\">+</span> type<span class=\"k\">;</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"s\">'li'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>li<span class=\"k\">)</span><span class=\"k\">{</span>","                li<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>li<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">);</span>","                <span class=\"k\">if</span><span class=\"k\">(!</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>li<span class=\"k\">);</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>li<span class=\"k\">.</span>parentNode <span class=\"k\">!==</span> node<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                index<span class=\"k\">++;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"s\">/custom_/</span><span class=\"k\">)</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> paddingLeft <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">,</span>currentStyle <span class=\"k\">=</span> getStyle<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'OL'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>currentStyle<span class=\"k\">)</span><span class=\"k\">{</span>","                            <span class=\"k\">switch</span><span class=\"k\">(</span>currentStyle<span class=\"k\">)</span><span class=\"k\">{</span>","                                <span class=\"k\">case</span> <span class=\"s\">'cn'</span> <span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">'cn1'</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">'cn2'</span><span class=\"k\">:</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>index <span class=\"k\">&gt;</span> <span class=\"s\">10</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>index <span class=\"k\">%</span> <span class=\"s\">10</span> <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">||</span> index <span class=\"k\">&gt;</span> <span class=\"s\">10</span> <span class=\"k\">&amp;&amp;</span> index <span class=\"k\">&lt;</span> <span class=\"s\">20</span><span class=\"k\">))</span><span class=\"k\">{</span>","                                        paddingLeft <span class=\"k\">=</span> <span class=\"s\">2</span>","                                    <span class=\"k\">}</span><span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(</span>index <span class=\"k\">&gt;</span> <span class=\"s\">20</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                        paddingLeft <span class=\"k\">=</span> <span class=\"s\">3</span>","                                    <span class=\"k\">}</span>","                                    <span class=\"k\">break</span><span class=\"k\">;</span>","                                <span class=\"k\">case</span> <span class=\"s\">'num2'</span> <span class=\"k\">:</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>index <span class=\"k\">&gt;</span> <span class=\"s\">9</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                        paddingLeft <span class=\"k\">=</span> <span class=\"s\">2</span>","                                    <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        li<span class=\"k\">.</span>className <span class=\"k\">=</span> <span class=\"s\">'list-'</span><span class=\"k\">+</span>customStyle<span class=\"k\">[</span>currentStyle<span class=\"k\">]+</span> index <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> <span class=\"s\">'list-'</span><span class=\"k\">+</span>currentStyle<span class=\"k\">+</span><span class=\"s\">'-paddingleft-'</span> <span class=\"k\">+</span> paddingLeft<span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        li<span class=\"k\">.</span>className <span class=\"k\">=</span> <span class=\"s\">'list-'</span><span class=\"k\">+</span>customStyle<span class=\"k\">[</span>currentStyle<span class=\"k\">]</span>  <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> <span class=\"s\">'list-'</span><span class=\"k\">+</span>currentStyle<span class=\"k\">+</span><span class=\"s\">'-paddingleft'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    li<span class=\"k\">.</span>className <span class=\"k\">=</span> li<span class=\"k\">.</span>className<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/list-[\\w\\-]+/gi</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> className <span class=\"k\">=</span> li<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'class'</span><span class=\"k\">);</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>className <span class=\"k\">!==</span> <span class=\"k\">null</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>className<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/\\s/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">))</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>li<span class=\"k\">,</span><span class=\"s\">'class'</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">!</span>ignore <span class=\"k\">&amp;&amp;</span> adjustList<span class=\"k\">(</span>node<span class=\"k\">,</span>node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">(),</span>getStyle<span class=\"k\">(</span>node<span class=\"k\">)||</span>domUtils<span class=\"k\">.</span>getStyle<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">'list-style-type'</span><span class=\"k\">),</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span>","    <span class=\"k\">function</span> adjustList<span class=\"k\">(</span>list<span class=\"k\">,</span> tag<span class=\"k\">,</span> style<span class=\"k\">,</span>ignoreEmpty<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> nextList <span class=\"k\">=</span> list<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>nextList <span class=\"k\">&amp;&amp;</span> nextList<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> nextList<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> tag <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>getStyle<span class=\"k\">(</span>nextList<span class=\"k\">)</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>getStyle<span class=\"k\">(</span>nextList<span class=\"k\">,</span> <span class=\"s\">'list-style-type'</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">(</span>tag <span class=\"k\">==</span> <span class=\"s\">'ol'</span> <span class=\"k\">?</span> <span class=\"s\">'decimal'</span> <span class=\"k\">:</span> <span class=\"s\">'disc'</span><span class=\"k\">))</span> <span class=\"k\">==</span> style<span class=\"k\">)</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>moveChild<span class=\"k\">(</span>nextList<span class=\"k\">,</span> list<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>nextList<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>nextList<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>nextList <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>nextList<span class=\"k\">))</span><span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>nextList<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> preList <span class=\"k\">=</span> list<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>preList <span class=\"k\">&amp;&amp;</span> preList<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> preList<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> tag <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>getStyle<span class=\"k\">(</span>preList<span class=\"k\">)</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>getStyle<span class=\"k\">(</span>preList<span class=\"k\">,</span> <span class=\"s\">'list-style-type'</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">(</span>tag <span class=\"k\">==</span> <span class=\"s\">'ol'</span> <span class=\"k\">?</span> <span class=\"s\">'decimal'</span> <span class=\"k\">:</span> <span class=\"s\">'disc'</span><span class=\"k\">))</span> <span class=\"k\">==</span> style<span class=\"k\">)</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>moveChild<span class=\"k\">(</span>list<span class=\"k\">,</span> preList<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>preList <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isFillChar<span class=\"k\">(</span>preList<span class=\"k\">))</span><span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>preList<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">!</span>ignoreEmpty <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>list<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>list<span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>getStyle<span class=\"k\">(</span>list<span class=\"k\">))</span><span class=\"k\">{</span>","            adjustListStyle<span class=\"k\">(</span>list<span class=\"k\">.</span>ownerDocument<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> setListStyle<span class=\"k\">(</span>list<span class=\"k\">,</span>style<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>customStyle<span class=\"k\">[</span>style<span class=\"k\">])</span><span class=\"k\">{</span>","            list<span class=\"k\">.</span>className <span class=\"k\">=</span> <span class=\"s\">'custom_'</span> <span class=\"k\">+</span> style<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">try</span><span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>setStyle<span class=\"k\">(</span>list<span class=\"k\">,</span> <span class=\"s\">'list-style-type'</span><span class=\"k\">,</span> style<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{}</span>","    <span class=\"k\">}</span>","    <span class=\"k\">function</span> clearEmptySibling<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> node<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        tmpNode <span class=\"k\">=</span> node<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>tmpNode<span class=\"k\">))</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">function</span> preventAndSave<span class=\"k\">()</span> <span class=\"k\">{</span>","            evt<span class=\"k\">.</span>preventDefault <span class=\"k\">?</span> evt<span class=\"k\">.</span>preventDefault<span class=\"k\">()</span> <span class=\"k\">:</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>returnValue <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">);</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","            me<span class=\"k\">.</span>undoManger <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","        <span class=\"k\">}</span>","        <span class=\"k\">function</span> findList<span class=\"k\">(</span>node<span class=\"k\">,</span>filterFn<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">while</span><span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>node<span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>filterFn<span class=\"k\">(</span>node<span class=\"k\">))</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">null</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/[ou]l/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>node<span class=\"k\">.</span>tagName<span class=\"k\">))</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                node <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">13</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>shiftKey<span class=\"k\">)</span> <span class=\"k\">{</span><span class=\"c\">//&#22238;&#36710;</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                parent <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">),</span>","                li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'li'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>parent <span class=\"k\">&amp;&amp;</span> parent<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> <span class=\"s\">'PRE'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>li<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> html <span class=\"k\">=</span> parent<span class=\"k\">.</span>innerHTML<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">,</span> <span class=\"s\">'g'</span><span class=\"k\">),</span><span class=\"s\">''</span><span class=\"k\">);</span>","                <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/^\\s*1\\s*\\.[^\\d]/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>html<span class=\"k\">))</span><span class=\"k\">{</span>","                    parent<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> html<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/^\\s*1\\s*\\./</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","                    rng<span class=\"k\">.</span>setStartAtLast<span class=\"k\">(</span>parent<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">();</span>","                    me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                    me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertorderedlist'</span><span class=\"k\">);</span>","                    me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                start <span class=\"k\">=</span> findList<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TABLE'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">),</span>","                end <span class=\"k\">=</span> range<span class=\"k\">.</span>collapsed <span class=\"k\">?</span> start <span class=\"k\">:</span> findList<span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">,</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TABLE'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> end <span class=\"k\">&amp;&amp;</span> start <span class=\"k\">===</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                    start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'li'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    end <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">,</span> <span class=\"s\">'li'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> end <span class=\"k\">&amp;&amp;</span> start <span class=\"k\">===</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                        range<span class=\"k\">.</span>deleteContents<span class=\"k\">();</span>","                        li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'li'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>li <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>li<span class=\"k\">))</span> <span class=\"k\">{</span>","","                            pre <span class=\"k\">=</span> li<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                            next <span class=\"k\">=</span> li<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                            p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","","                            domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> p<span class=\"k\">);</span>","                            parentList <span class=\"k\">=</span> li<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> next<span class=\"k\">)</span> <span class=\"k\">{</span>","                                range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>next<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>li<span class=\"k\">);</span>","","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(!</span>pre <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>next <span class=\"k\">||</span> <span class=\"k\">!</span>pre<span class=\"k\">)</span> <span class=\"k\">{</span>","","                                    parentList<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span> parentList<span class=\"k\">);</span>","","","                                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                    li<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span> parentList<span class=\"k\">.</span>nextSibling<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>li<span class=\"k\">);</span>","                                <span class=\"k\">if</span> <span class=\"k\">(!</span>parentList<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>parentList<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>p<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","","","                            <span class=\"k\">}</span>","                            preventAndSave<span class=\"k\">();</span>","                            <span class=\"k\">return</span><span class=\"k\">;</span>","","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> tmpRange <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">(),</span>","                            bk <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">).</span>createBookmark<span class=\"k\">();</span>","","                        range<span class=\"k\">.</span>deleteContents<span class=\"k\">();</span>","                        tmpRange<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">);</span>","                        <span class=\"k\">var</span> li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>tmpRange<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'li'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","                        clearEmptySibling<span class=\"k\">(</span>li<span class=\"k\">);</span>","                        tmpRange<span class=\"k\">.</span>select<span class=\"k\">();</span>","                        preventAndSave<span class=\"k\">();</span>","                        <span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","","                li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'li'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>li<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>li<span class=\"k\">))</span> <span class=\"k\">{</span>","                        bk <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","                        <span class=\"k\">var</span> parentList <span class=\"k\">=</span> li<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>li <span class=\"k\">!==</span> parentList<span class=\"k\">.</span>lastChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span>li<span class=\"k\">,</span> parentList<span class=\"k\">);</span>","                            clearEmptySibling<span class=\"k\">(</span>li<span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                            parentList<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>li<span class=\"k\">,</span> parentList<span class=\"k\">.</span>nextSibling<span class=\"k\">);</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>parentList<span class=\"k\">))</span> <span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>parentList<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        <span class=\"c\">//&#23884;&#22871;&#19981;&#22788;&#29702;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$list<span class=\"k\">[</span>li<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","","                            <span class=\"k\">if</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">))</span> <span class=\"k\">{</span>","                                p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                li<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span> li<span class=\"k\">);</span>","                                <span class=\"k\">while</span> <span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>li<span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>li<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","","","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> first <span class=\"k\">=</span> li<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>first <span class=\"k\">||</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>first<span class=\"k\">))</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","","                            <span class=\"k\">!</span>li<span class=\"k\">.</span>firstChild <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> p<span class=\"k\">);</span>","                            <span class=\"k\">while</span> <span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","","                                p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            li<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>p<span class=\"k\">);</span>","                            first <span class=\"k\">=</span> p<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","","                        <span class=\"k\">var</span> span <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","","                        range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>span<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span>span<span class=\"k\">,</span> li<span class=\"k\">);</span>","","                        <span class=\"k\">var</span> nextLi <span class=\"k\">=</span> span<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                        first <span class=\"k\">=</span> nextLi<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>first<span class=\"k\">)</span> <span class=\"k\">{</span>","                            p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","","                            domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> p<span class=\"k\">);</span>","                            nextLi<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>p<span class=\"k\">);</span>","                            first <span class=\"k\">=</span> p<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>first<span class=\"k\">))</span> <span class=\"k\">{</span>","                            first<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                            domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> first<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>first<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>shrinkBoundary<span class=\"k\">().</span>select<span class=\"k\">();</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>span<span class=\"k\">);</span>","                        <span class=\"k\">var</span> pre <span class=\"k\">=</span> nextLi<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>pre<span class=\"k\">))</span> <span class=\"k\">{</span>","                            pre<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;p&gt;&lt;/p&gt;'</span><span class=\"k\">;</span>","                            domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> pre<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span>","<span class=\"c\">//                        }</span>","                    preventAndSave<span class=\"k\">();</span>","                <span class=\"k\">}</span>","","","            <span class=\"k\">}</span>","","","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">8</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#20462;&#20013;ie&#20013;li&#19979;&#30340;&#38382;&#39064;</span>","            range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isStartInblock<span class=\"k\">(</span>range<span class=\"k\">))</span> <span class=\"k\">{</span>","                tmpRange <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">().</span>trimBoundary<span class=\"k\">();</span>","                li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'li'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"c\">//&#35201;&#22312;li&#30340;&#26368;&#24038;&#36793;&#65292;&#25165;&#33021;&#22788;&#29702;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>li <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isStartInblock<span class=\"k\">(</span>tmpRange<span class=\"k\">))</span> <span class=\"k\">{</span>","                    start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'p'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> start <span class=\"k\">!==</span> li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> parentList <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>start<span class=\"k\">,[</span><span class=\"s\">'ol'</span><span class=\"k\">,</span><span class=\"s\">'ul'</span><span class=\"k\">]);</span>","                        domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span>start<span class=\"k\">,</span>parentList<span class=\"k\">);</span>","                        clearEmptySibling<span class=\"k\">(</span>start<span class=\"k\">);</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>start<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                        <span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>li <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>pre <span class=\"k\">=</span> li<span class=\"k\">.</span>previousSibling<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">46</span> <span class=\"k\">&amp;&amp;</span> li<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"c\">//&#26377;&#21487;&#33021;&#19978;&#36793;&#30340;&#20804;&#24351;&#33410;&#28857;&#26159;&#20010;2&#32423;&#33756;&#21333;&#65292;&#35201;&#36861;&#21152;&#21040;2&#32423;&#33756;&#21333;&#30340;&#26368;&#21518;&#30340;li</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$list<span class=\"k\">[</span>pre<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                            pre <span class=\"k\">=</span> pre<span class=\"k\">.</span>lastChild<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        me<span class=\"k\">.</span>undoManger <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","                        first <span class=\"k\">=</span> li<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>first<span class=\"k\">))</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>first<span class=\"k\">))</span> <span class=\"k\">{</span>","<span class=\"c\">//                                    range.setEnd(pre, pre.childNodes.length).shrinkBoundary().collapse().select(true);</span>","                                pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>first<span class=\"k\">);</span>","                                range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>first<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                                <span class=\"c\">//first&#19981;&#26159;&#21807;&#19968;&#30340;&#33410;&#28857;</span>","                                <span class=\"k\">while</span> <span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                                span <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","                                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>span<span class=\"k\">);</span>","                                <span class=\"c\">//&#21028;&#26029;pre&#26159;&#21542;&#26159;&#31354;&#30340;&#33410;&#28857;,&#22914;&#26524;&#26159;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&#31867;&#22411;&#30340;&#31354;&#33410;&#28857;&#65292;&#24178;&#25481;p&#26631;&#31614;&#38450;&#27490;&#23427;&#21344;&#20301;</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>pre<span class=\"k\">))</span> <span class=\"k\">{</span>","                                    pre<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                                <span class=\"k\">}</span>","                                domUtils<span class=\"k\">.</span>moveChild<span class=\"k\">(</span>li<span class=\"k\">,</span> pre<span class=\"k\">);</span>","                                range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>span<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>span<span class=\"k\">);</span>","","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>li<span class=\"k\">))</span> <span class=\"k\">{</span>","                                <span class=\"k\">var</span> p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>p<span class=\"k\">);</span>","                                range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>p<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","<span class=\"c\">//                                    range.setEnd(pre, pre.childNodes.length).shrinkBoundary().collapse().select(true);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                range<span class=\"k\">.</span>setEnd<span class=\"k\">(</span>pre<span class=\"k\">,</span> pre<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">).</span>collapse<span class=\"k\">().</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                <span class=\"k\">while</span> <span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    pre<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>li<span class=\"k\">);</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                        <span class=\"k\">return</span><span class=\"k\">;</span>","","                    <span class=\"k\">}</span>","                    <span class=\"c\">//trace:980</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>li <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>li<span class=\"k\">.</span>previousSibling<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> parentList <span class=\"k\">=</span> li<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                        <span class=\"k\">var</span> bk <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isTagNode<span class=\"k\">(</span>parentList<span class=\"k\">.</span>parentNode<span class=\"k\">,</span><span class=\"s\">'ol ul'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                            parentList<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>li<span class=\"k\">,</span>parentList<span class=\"k\">);</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>parentList<span class=\"k\">))</span><span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>parentList<span class=\"k\">)</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","","                            <span class=\"k\">while</span><span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","                                parentList<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">,</span>parentList<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>li<span class=\"k\">);</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>parentList<span class=\"k\">))</span><span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>parentList<span class=\"k\">)</span>","                            <span class=\"k\">}</span>","","                        <span class=\"k\">}</span>","                        range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                        <span class=\"k\">return</span><span class=\"k\">;</span>","","                    <span class=\"k\">}</span>","","","                <span class=\"k\">}</span>","","","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keyup'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">8</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>list<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>list <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,[</span><span class=\"s\">'ol'</span><span class=\"k\">,</span> <span class=\"s\">'ul'</span><span class=\"k\">],</span><span class=\"k\">true</span><span class=\"k\">))</span><span class=\"k\">{</span>","                adjustList<span class=\"k\">(</span>list<span class=\"k\">,</span>list<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">(),</span>getStyle<span class=\"k\">(</span>list<span class=\"k\">)||</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>list<span class=\"k\">,</span><span class=\"s\">'list-style-type'</span><span class=\"k\">),</span><span class=\"k\">true</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"c\">//&#22788;&#29702;tab&#38190;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'tabkeydown'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","","        <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","","        <span class=\"c\">//&#25511;&#21046;&#32423;&#25968;</span>","        <span class=\"k\">function</span> checkLevel<span class=\"k\">(</span>li<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>maxListLevel <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> level <span class=\"k\">=</span> li<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>levelNum <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                <span class=\"k\">while</span><span class=\"k\">(</span><span class=\"s\">/[ou]l/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>level<span class=\"k\">.</span>tagName<span class=\"k\">))</span><span class=\"k\">{</span>","                    levelNum<span class=\"k\">++;</span>","                    level <span class=\"k\">=</span> level<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>levelNum <span class=\"k\">&gt;=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>maxListLevel<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"c\">//&#21482;&#20197;&#24320;&#22987;&#20026;&#20934;</span>","        <span class=\"c\">//todo &#21518;&#32493;&#25913;&#36827;</span>","        <span class=\"k\">var</span> li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'li'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>li<span class=\"k\">)</span><span class=\"k\">{</span>","","            <span class=\"k\">var</span> bk<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>checkLevel<span class=\"k\">(</span>li<span class=\"k\">))</span>","                    <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">var</span> parentLi <span class=\"k\">=</span> li<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>","                    list <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span>parentLi<span class=\"k\">.</span>tagName<span class=\"k\">),</span>","                    index <span class=\"k\">=</span> utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>listStyle<span class=\"k\">[</span>list<span class=\"k\">.</span>tagName<span class=\"k\">],</span> getStyle<span class=\"k\">(</span>parentLi<span class=\"k\">)||</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>parentLi<span class=\"k\">,</span> <span class=\"s\">'list-style-type'</span><span class=\"k\">));</span>","                index <span class=\"k\">=</span> index <span class=\"k\">+</span> <span class=\"s\">1</span> <span class=\"k\">==</span> listStyle<span class=\"k\">[</span>list<span class=\"k\">.</span>tagName<span class=\"k\">].</span>length <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> index <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">var</span> currentStyle <span class=\"k\">=</span> listStyle<span class=\"k\">[</span>list<span class=\"k\">.</span>tagName<span class=\"k\">][</span>index<span class=\"k\">];</span>","                setListStyle<span class=\"k\">(</span>list<span class=\"k\">,</span>currentStyle<span class=\"k\">);</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isStartInblock<span class=\"k\">(</span>range<span class=\"k\">))</span><span class=\"k\">{</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                    bk <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","                    parentLi<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>list<span class=\"k\">,</span> li<span class=\"k\">);</span>","                    list<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>li<span class=\"k\">);</span>","                    adjustList<span class=\"k\">(</span>list<span class=\"k\">,</span>list<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">(),</span>currentStyle<span class=\"k\">);</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","                    range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                bk <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","                <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>closeList<span class=\"k\">,</span>parents <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParents<span class=\"k\">(</span>li<span class=\"k\">),</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>parents<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isTagNode<span class=\"k\">(</span>ci<span class=\"k\">,</span><span class=\"s\">'ol ul'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                        closeList <span class=\"k\">=</span> ci<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> current <span class=\"k\">=</span> li<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>bk<span class=\"k\">.</span>end<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>current<span class=\"k\">,</span> bk<span class=\"k\">.</span>end<span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_FOLLOWING<span class=\"k\">))</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>checkLevel<span class=\"k\">(</span>current<span class=\"k\">))</span><span class=\"k\">{</span>","                            current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">null</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> node <span class=\"k\">!==</span> closeList<span class=\"k\">}</span><span class=\"k\">);</span>","                            <span class=\"k\">continue</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">var</span> parentLi <span class=\"k\">=</span> current<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>","                            list <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span>parentLi<span class=\"k\">.</span>tagName<span class=\"k\">),</span>","                            index <span class=\"k\">=</span> utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>listStyle<span class=\"k\">[</span>list<span class=\"k\">.</span>tagName<span class=\"k\">],</span> getStyle<span class=\"k\">(</span>parentLi<span class=\"k\">)||</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>parentLi<span class=\"k\">,</span> <span class=\"s\">'list-style-type'</span><span class=\"k\">));</span>","                        <span class=\"k\">var</span> currentIndex <span class=\"k\">=</span> index <span class=\"k\">+</span> <span class=\"s\">1</span> <span class=\"k\">==</span> listStyle<span class=\"k\">[</span>list<span class=\"k\">.</span>tagName<span class=\"k\">].</span>length <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> index <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"k\">var</span> currentStyle <span class=\"k\">=</span> listStyle<span class=\"k\">[</span>list<span class=\"k\">.</span>tagName<span class=\"k\">][</span>currentIndex<span class=\"k\">];</span>","                        setListStyle<span class=\"k\">(</span>list<span class=\"k\">,</span>currentStyle<span class=\"k\">);</span>","                        parentLi<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>list<span class=\"k\">,</span> current<span class=\"k\">);</span>","                        <span class=\"k\">while</span><span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>current<span class=\"k\">,</span> bk<span class=\"k\">.</span>end<span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_FOLLOWING<span class=\"k\">))</span><span class=\"k\">{</span>","                            li <span class=\"k\">=</span> current<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                            list<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>current<span class=\"k\">);</span>","                            <span class=\"k\">if</span><span class=\"k\">(!</span>li <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>isTagNode<span class=\"k\">(</span>li<span class=\"k\">,</span><span class=\"s\">'ol ul'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                                <span class=\"k\">if</span><span class=\"k\">(</span>li<span class=\"k\">)</span><span class=\"k\">{</span>","                                    <span class=\"k\">while</span><span class=\"k\">(</span>li <span class=\"k\">=</span> li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","                                        <span class=\"k\">if</span><span class=\"k\">(</span>li<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'LI'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                            <span class=\"k\">break</span><span class=\"k\">;</span>","                                        <span class=\"k\">}</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                    li <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">null</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> node <span class=\"k\">!==</span> closeList<span class=\"k\">}</span><span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                <span class=\"k\">break</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            current <span class=\"k\">=</span> li<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        adjustList<span class=\"k\">(</span>list<span class=\"k\">,</span>list<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">(),</span>currentStyle<span class=\"k\">);</span>","                        current <span class=\"k\">=</span> li<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","                range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","                <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">function</span> getLi<span class=\"k\">(</span>start<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">while</span><span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>start<span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nodeName <span class=\"k\">==</span> <span class=\"s\">'TABLE'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nodeName <span class=\"k\">==</span> <span class=\"s\">'LI'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> start","            <span class=\"k\">}</span>","            start <span class=\"k\">=</span> start<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#36816;&#34892;&#26377;&#24207;&#21015;&#34920;&#21629;&#20196;</span>","<span class=\"c\">     * @command insertorderedlist</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } command &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @param { String } style &#25554;&#20837;&#30340;&#26377;&#24207;&#21015;&#34920;&#31867;&#22411;&#65292;&#20540;&#20026;&#65306;decimal,lower-alpha,lower-roman,upper-alpha,upper-roman</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.execCommand( 'insertunorderedlist','decimal');</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#35810;&#24403;&#21069;&#36873;&#21306;&#20869;&#23481;&#26159;&#21542;&#26377;&#24207;&#21015;&#34920;</span>","<span class=\"c\">     * @command insertorderedlist</span>","<span class=\"c\">     * @method queryCommandState</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { int } &#22914;&#26524;&#24403;&#21069;&#36873;&#21306;&#26159;&#26377;&#24207;&#21015;&#34920;&#36820;&#22238;1&#65292;&#21542;&#21017;&#36820;&#22238;0</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.queryCommandState( 'insertorderedlist' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#35810;&#24403;&#21069;&#36873;&#21306;&#20869;&#23481;&#26159;&#21542;&#26377;&#24207;&#21015;&#34920;</span>","<span class=\"c\">     * @command insertorderedlist</span>","<span class=\"c\">     * @method queryCommandValue</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { String } &#36820;&#22238;&#24403;&#21069;&#26377;&#24207;&#21015;&#34920;&#30340;&#31867;&#22411;&#65292;&#20540;&#20026;null&#25110;decimal,lower-alpha,lower-roman,upper-alpha,upper-roman</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.queryCommandValue( 'insertorderedlist' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#36816;&#34892;&#26080;&#24207;&#21015;&#34920;&#21629;&#20196;</span>","<span class=\"c\">     * @command insertunorderedlist</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } command &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @param { String } style &#25554;&#20837;&#30340;&#26080;&#24207;&#21015;&#34920;&#31867;&#22411;&#65292;&#20540;&#20026;&#65306;circle,disc,square</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.execCommand( 'insertunorderedlist','circle');</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#35810;&#24403;&#21069;&#26159;&#21542;&#26377;word&#25991;&#26723;&#31896;&#36148;&#36827;&#26469;&#30340;&#22270;&#29255;</span>","<span class=\"c\">     * @command insertunorderedlist</span>","<span class=\"c\">     * @method insertunorderedlist</span>","<span class=\"c\">     * @param { String } command &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { int } &#22914;&#26524;&#24403;&#21069;&#36873;&#21306;&#26159;&#26080;&#24207;&#21015;&#34920;&#36820;&#22238;1&#65292;&#21542;&#21017;&#36820;&#22238;0</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.queryCommandState( 'insertunorderedlist' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#35810;&#24403;&#21069;&#36873;&#21306;&#20869;&#23481;&#26159;&#21542;&#26377;&#24207;&#21015;&#34920;</span>","<span class=\"c\">     * @command insertunorderedlist</span>","<span class=\"c\">     * @method queryCommandValue</span>","<span class=\"c\">     * @param { String } command &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { String } &#36820;&#22238;&#24403;&#21069;&#26080;&#24207;&#21015;&#34920;&#30340;&#31867;&#22411;&#65292;&#20540;&#20026;null&#25110;circle,disc,square</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.queryCommandValue( 'insertunorderedlist' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'insertorderedlist'</span><span class=\"k\">]</span> <span class=\"k\">=</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'insertunorderedlist'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","            execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>command<span class=\"k\">,</span> style<span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">if</span> <span class=\"k\">(!</span>style<span class=\"k\">)</span> <span class=\"k\">{</span>","                    style <span class=\"k\">=</span> command<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'insertorderedlist'</span> <span class=\"k\">?</span> <span class=\"s\">'decimal'</span> <span class=\"k\">:</span> <span class=\"s\">'disc'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                    range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                    filterFn <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span>   node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">!=</span> <span class=\"s\">'br'</span> <span class=\"k\">:</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    tag <span class=\"k\">=</span> command<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'insertorderedlist'</span> <span class=\"k\">?</span> <span class=\"s\">'ol'</span> <span class=\"k\">:</span> <span class=\"s\">'ul'</span><span class=\"k\">,</span>","                    frag <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createDocumentFragment<span class=\"k\">();</span>","                <span class=\"c\">//&#21435;&#25481;&#26159;&#22240;&#20026;&#20250;&#20986;&#29616;&#36873;&#21040;&#26411;&#23614;&#65292;&#23548;&#33268;adjustmentBoundary&#32553;&#21040;ol/ul&#30340;&#20301;&#32622;</span>","                <span class=\"c\">//range.shrinkBoundary();//.adjustmentBoundary();</span>","                range<span class=\"k\">.</span>adjustmentBoundary<span class=\"k\">().</span>shrinkBoundary<span class=\"k\">();</span>","                <span class=\"k\">var</span> bko <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">),</span>","                    start <span class=\"k\">=</span> getLi<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>bko<span class=\"k\">.</span>start<span class=\"k\">)),</span>","                    modifyStart <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                    end <span class=\"k\">=</span>  getLi<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>bko<span class=\"k\">.</span>end<span class=\"k\">)),</span>","                    modifyEnd <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                    startParent<span class=\"k\">,</span> endParent<span class=\"k\">,</span>","                    list<span class=\"k\">,</span> tmp<span class=\"k\">;</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">||</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                    start <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>startParent <span class=\"k\">=</span> start<span class=\"k\">.</span>parentNode<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>bko<span class=\"k\">.</span>end<span class=\"k\">)</span> <span class=\"k\">{</span>","                        end <span class=\"k\">=</span> start<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    end <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>endParent <span class=\"k\">=</span> end<span class=\"k\">.</span>parentNode<span class=\"k\">);</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>startParent <span class=\"k\">===</span> endParent<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">while</span> <span class=\"k\">(</span>start <span class=\"k\">!==</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                            tmp <span class=\"k\">=</span> start<span class=\"k\">;</span>","                            start <span class=\"k\">=</span> start<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                            <span class=\"k\">if</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>tmp<span class=\"k\">.</span>firstChild<span class=\"k\">))</span> <span class=\"k\">{</span>","                                <span class=\"k\">var</span> p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                <span class=\"k\">while</span> <span class=\"k\">(</span>tmp<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmp<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                tmp<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>p<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        tmp <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","                        startParent<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmp<span class=\"k\">,</span> end<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>end<span class=\"k\">.</span>firstChild<span class=\"k\">))</span> <span class=\"k\">{</span>","                            p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                            <span class=\"k\">while</span> <span class=\"k\">(</span>end<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>end<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            end<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>p<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>end<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span>tmp<span class=\"k\">,</span> startParent<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>tmp<span class=\"k\">.</span>previousSibling<span class=\"k\">))</span> <span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmp<span class=\"k\">.</span>previousSibling<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>tmp<span class=\"k\">.</span>nextSibling<span class=\"k\">))</span> <span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmp<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">var</span> nodeStyle <span class=\"k\">=</span> getStyle<span class=\"k\">(</span>startParent<span class=\"k\">)</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>startParent<span class=\"k\">,</span> <span class=\"s\">'list-style-type'</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">(</span>command<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'insertorderedlist'</span> <span class=\"k\">?</span> <span class=\"s\">'decimal'</span> <span class=\"k\">:</span> <span class=\"s\">'disc'</span><span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>startParent<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> tag <span class=\"k\">&amp;&amp;</span> nodeStyle <span class=\"k\">==</span> style<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">,</span> tmpFrag <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createDocumentFragment<span class=\"k\">();</span> ci <span class=\"k\">=</span> frag<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isTagNode<span class=\"k\">(</span>ci<span class=\"k\">,</span><span class=\"s\">'ol ul'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                                    utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>ci<span class=\"k\">,</span><span class=\"s\">'li'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>li<span class=\"k\">)</span><span class=\"k\">{</span>","                                        <span class=\"k\">while</span><span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","                                            tmpFrag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                        <span class=\"k\">}</span>","","                                    <span class=\"k\">}</span><span class=\"k\">);</span>","                                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                                    <span class=\"k\">while</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                        tmpFrag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>ci<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span>","","                            <span class=\"k\">}</span>","                            tmp<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmpFrag<span class=\"k\">,</span> tmp<span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            list <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span>tag<span class=\"k\">);</span>","                            setListStyle<span class=\"k\">(</span>list<span class=\"k\">,</span>style<span class=\"k\">);</span>","                            list<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>frag<span class=\"k\">);</span>","                            tmp<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>list<span class=\"k\">,</span> tmp<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmp<span class=\"k\">);</span>","                        list <span class=\"k\">&amp;&amp;</span> adjustList<span class=\"k\">(</span>list<span class=\"k\">,</span> tag<span class=\"k\">,</span> style<span class=\"k\">);</span>","                        range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bko<span class=\"k\">).</span>select<span class=\"k\">();</span>","                        <span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"c\">//&#24320;&#22987;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>start<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">while</span> <span class=\"k\">(</span>start<span class=\"k\">)</span> <span class=\"k\">{</span>","                            tmp <span class=\"k\">=</span> start<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isTagNode<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"s\">'ol ul'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                                frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>start<span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                <span class=\"k\">var</span> tmpfrag <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createDocumentFragment<span class=\"k\">(),</span>","                                    hasBlock <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                                <span class=\"k\">while</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>start<span class=\"k\">.</span>firstChild<span class=\"k\">))</span> <span class=\"k\">{</span>","                                        hasBlock <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                                    <span class=\"k\">}</span>","                                    tmpfrag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>start<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                <span class=\"k\">if</span> <span class=\"k\">(!</span>hasBlock<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    <span class=\"k\">var</span> tmpP <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                    tmpP<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpfrag<span class=\"k\">);</span>","                                    frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpP<span class=\"k\">);</span>","                                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                    frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpfrag<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>start<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","","                            start <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        startParent<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>frag<span class=\"k\">,</span> startParent<span class=\"k\">.</span>nextSibling<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>startParent<span class=\"k\">))</span> <span class=\"k\">{</span>","                            range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>startParent<span class=\"k\">);</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>startParent<span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            range<span class=\"k\">.</span>setStartAfter<span class=\"k\">(</span>startParent<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        modifyStart <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>end <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>inDoc<span class=\"k\">(</span>endParent<span class=\"k\">,</span> me<span class=\"k\">.</span>document<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"c\">//&#32467;&#26463;</span>","                        start <span class=\"k\">=</span> endParent<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                        <span class=\"k\">while</span> <span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> start <span class=\"k\">!==</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                            tmp <span class=\"k\">=</span> start<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isTagNode<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"s\">'ol ul'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                                frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>start<span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                tmpfrag <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createDocumentFragment<span class=\"k\">();</span>","                                hasBlock <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                                <span class=\"k\">while</span> <span class=\"k\">(</span>start<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>start<span class=\"k\">.</span>firstChild<span class=\"k\">))</span> <span class=\"k\">{</span>","                                        hasBlock <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                                    <span class=\"k\">}</span>","                                    tmpfrag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>start<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                <span class=\"k\">if</span> <span class=\"k\">(!</span>hasBlock<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    tmpP <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                                    tmpP<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpfrag<span class=\"k\">);</span>","                                    frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpP<span class=\"k\">);</span>","                                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                    frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpfrag<span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>start<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            start <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">var</span> tmpDiv <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>createElement<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">'div'</span><span class=\"k\">,</span> <span class=\"k\">{</span>","                            <span class=\"s\">'tmpDiv'</span><span class=\"k\">:</span><span class=\"s\">1</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>moveChild<span class=\"k\">(</span>end<span class=\"k\">,</span> tmpDiv<span class=\"k\">);</span>","","                        frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpDiv<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>end<span class=\"k\">);</span>","                        endParent<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>frag<span class=\"k\">,</span> endParent<span class=\"k\">);</span>","                        range<span class=\"k\">.</span>setEndBefore<span class=\"k\">(</span>endParent<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>endParent<span class=\"k\">))</span> <span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>endParent<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                        modifyEnd <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","","                <span class=\"k\">}</span>","","                <span class=\"k\">if</span> <span class=\"k\">(!</span>modifyStart<span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>bko<span class=\"k\">.</span>start<span class=\"k\">));</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>bko<span class=\"k\">.</span>end <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>modifyEnd<span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>bko<span class=\"k\">.</span>end<span class=\"k\">));</span>","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>enlarge<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> notExchange<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">];</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","","                frag <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createDocumentFragment<span class=\"k\">();</span>","","                <span class=\"k\">var</span> bk <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                    current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>bk<span class=\"k\">.</span>start<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">),</span>","                    tmpRange <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">(),</span>","                    tmpNode<span class=\"k\">,</span>","                    block <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">;</span>","","                <span class=\"k\">while</span> <span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> current <span class=\"k\">!==</span> bk<span class=\"k\">.</span>end <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span>current<span class=\"k\">,</span> bk<span class=\"k\">.</span>end<span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_PRECEDING<span class=\"k\">))</span> <span class=\"k\">{</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>current<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> dtd<span class=\"k\">.</span>li<span class=\"k\">[</span>current<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>current<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> dtd<span class=\"k\">.</span>$list<span class=\"k\">[</span>current<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                            <span class=\"k\">while</span> <span class=\"k\">(</span>current<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                                frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>current<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            tmpNode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>current<span class=\"k\">);</span>","                            current <span class=\"k\">=</span> tmpNode<span class=\"k\">;</span>","                            <span class=\"k\">continue</span><span class=\"k\">;</span>","","                        <span class=\"k\">}</span>","                        tmpNode <span class=\"k\">=</span> current<span class=\"k\">;</span>","                        tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>current<span class=\"k\">);</span>","","                        <span class=\"k\">while</span> <span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> current <span class=\"k\">!==</span> bk<span class=\"k\">.</span>end <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>block<span class=\"k\">(</span>current<span class=\"k\">)</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>current<span class=\"k\">)</span> <span class=\"k\">))</span> <span class=\"k\">{</span>","                            tmpNode <span class=\"k\">=</span> current<span class=\"k\">;</span>","                            current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">return</span> <span class=\"k\">!</span>notExchange<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">];</span>","                            <span class=\"k\">}</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                        <span class=\"k\">if</span> <span class=\"k\">(</span>current <span class=\"k\">&amp;&amp;</span> block<span class=\"k\">(</span>current<span class=\"k\">))</span> <span class=\"k\">{</span>","                            tmp <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>tmp <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>tmp<span class=\"k\">))</span> <span class=\"k\">{</span>","                                current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>tmp<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                                tmpNode <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        tmpRange<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","","                        current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","","                        <span class=\"k\">var</span> li <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'li'</span><span class=\"k\">);</span>","","                        li<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpRange<span class=\"k\">.</span>extractContents<span class=\"k\">());</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>li<span class=\"k\">))</span><span class=\"k\">{</span>","                            <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                            <span class=\"k\">while</span><span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span><span class=\"k\">{</span>","                                tmpNode<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>li<span class=\"k\">.</span>firstChild<span class=\"k\">)</span>","                            <span class=\"k\">}</span>","                            li<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        frag<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>li<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>current<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> filterFn<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                list <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span>tag<span class=\"k\">);</span>","                setListStyle<span class=\"k\">(</span>list<span class=\"k\">,</span>style<span class=\"k\">);</span>","                list<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>frag<span class=\"k\">);</span>","                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>list<span class=\"k\">);</span>","                <span class=\"c\">//&#24403;&#21069;list&#19978;&#19979;&#30475;&#33021;&#21542;&#21512;&#24182;</span>","                adjustList<span class=\"k\">(</span>list<span class=\"k\">,</span> tag<span class=\"k\">,</span> style<span class=\"k\">);</span>","                <span class=\"c\">//&#21435;&#25481;&#20887;&#20313;&#30340;tmpDiv</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">,</span> tmpDivs <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>list<span class=\"k\">,</span> <span class=\"s\">'div'</span><span class=\"k\">);</span> ci <span class=\"k\">=</span> tmpDivs<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'tmpDiv'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ci<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bko<span class=\"k\">).</span>select<span class=\"k\">();</span>","","            <span class=\"k\">}</span><span class=\"k\">,</span>","            queryCommandState<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>command<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> tag <span class=\"k\">=</span> command<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'insertorderedlist'</span> <span class=\"k\">?</span> <span class=\"s\">'ol'</span> <span class=\"k\">:</span> <span class=\"s\">'ul'</span><span class=\"k\">;</span>","                <span class=\"k\">var</span> path <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">();</span>","                <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci <span class=\"k\">=</span> path<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>nodeName <span class=\"k\">==</span> <span class=\"s\">'TABLE'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"s\">0</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>tag <span class=\"k\">==</span> ci<span class=\"k\">.</span>nodeName<span class=\"k\">.</span>toLowerCase<span class=\"k\">())</span><span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"s\">1</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","","            <span class=\"k\">}</span><span class=\"k\">,</span>","            queryCommandValue<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>command<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> tag <span class=\"k\">=</span> command<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'insertorderedlist'</span> <span class=\"k\">?</span> <span class=\"s\">'ol'</span> <span class=\"k\">:</span> <span class=\"s\">'ul'</span><span class=\"k\">;</span>","                <span class=\"k\">var</span> path <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">(),</span>","                    node<span class=\"k\">;</span>","                <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci <span class=\"k\">=</span> path<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>ci<span class=\"k\">.</span>nodeName <span class=\"k\">==</span> <span class=\"s\">'TABLE'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        node <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>tag <span class=\"k\">==</span> ci<span class=\"k\">.</span>nodeName<span class=\"k\">.</span>toLowerCase<span class=\"k\">())</span><span class=\"k\">{</span>","                        node <span class=\"k\">=</span> ci<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> node <span class=\"k\">?</span> getStyle<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">'list-style-type'</span><span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/list.js'][7]++;
+UE.plugins.list = (function () {
+  _$jscoverage['plugins/list.js'][8]++;
+  var me = this, notExchange = {"TD": 1, "PRE": 1, "BLOCKQUOTE": 1};
+  _$jscoverage['plugins/list.js'][14]++;
+  var customStyle = {"cn": "cn-1-", "cn1": "cn-2-", "cn2": "cn-3-", "num": "num-1-", "num1": "num-2-", "num2": "num-3-", "dash": "dash", "dot": "dot"};
+  _$jscoverage['plugins/list.js'][25]++;
+  me.setOpt({"insertorderedlist": {"num": "", "num1": "", "num2": "", "cn": "", "cn1": "", "cn2": "", "decimal": "", "lower-alpha": "", "lower-roman": "", "upper-alpha": "", "upper-roman": ""}, "insertunorderedlist": {"circle": "", "disc": "", "square": "", "dash": "", "dot": ""}, listDefaultPaddingLeft: "30", listiconpath: "http://bs.baidu.com/listicon/", maxListLevel: -1});
+  _$jscoverage['plugins/list.js'][50]++;
+  function listToArray(list) {
+    _$jscoverage['plugins/list.js'][51]++;
+    var arr = [];
+    _$jscoverage['plugins/list.js'][52]++;
+    for (var p in list) {
+      _$jscoverage['plugins/list.js'][53]++;
+      arr.push(p);
+}
+    _$jscoverage['plugins/list.js'][55]++;
+    return arr;
+}
+  _$jscoverage['plugins/list.js'][57]++;
+  var listStyle = {"OL": listToArray(me.options.insertorderedlist), "UL": listToArray(me.options.insertunorderedlist)};
+  _$jscoverage['plugins/list.js'][61]++;
+  var liiconpath = me.options.listiconpath;
+  _$jscoverage['plugins/list.js'][64]++;
+  for (var s in customStyle) {
+    _$jscoverage['plugins/list.js'][65]++;
+    if (((! me.options.insertorderedlist.hasOwnProperty(s)) && (! me.options.insertunorderedlist.hasOwnProperty(s)))) {
+      _$jscoverage['plugins/list.js'][66]++;
+      (delete customStyle[s]);
+    }
+}
+  _$jscoverage['plugins/list.js'][70]++;
+  me.ready((function () {
+  _$jscoverage['plugins/list.js'][71]++;
+  var customCss = [];
+  _$jscoverage['plugins/list.js'][72]++;
+  for (var p in customStyle) {
+    _$jscoverage['plugins/list.js'][73]++;
+    if (((p == "dash") || (p == "dot"))) {
+      _$jscoverage['plugins/list.js'][74]++;
+      customCss.push(("li.list-" + customStyle[p] + "{background-image:url(" + liiconpath + customStyle[p] + ".gif)}"));
+      _$jscoverage['plugins/list.js'][75]++;
+      customCss.push(("ul.custom_" + p + "{list-style:none;}ul.custom_" + p + " li{background-position:0 3px;background-repeat:no-repeat}"));
+    }
+    else {
+      _$jscoverage['plugins/list.js'][77]++;
+      for (var i = 0; (i < 99); (i++)) {
+        _$jscoverage['plugins/list.js'][78]++;
+        customCss.push(("li.list-" + customStyle[p] + i + "{background-image:url(" + liiconpath + "list-" + customStyle[p] + i + ".gif)}"));
+}
+      _$jscoverage['plugins/list.js'][80]++;
+      customCss.push(("ol.custom_" + p + "{list-style:none;}ol.custom_" + p + " li{background-position:0 3px;background-repeat:no-repeat}"));
+    }
+    _$jscoverage['plugins/list.js'][82]++;
+    switch (p) {
+    case "cn":
+      _$jscoverage['plugins/list.js'][84]++;
+      customCss.push(("li.list-" + p + "-paddingleft-1{padding-left:25px}"));
+      _$jscoverage['plugins/list.js'][85]++;
+      customCss.push(("li.list-" + p + "-paddingleft-2{padding-left:40px}"));
+      _$jscoverage['plugins/list.js'][86]++;
+      customCss.push(("li.list-" + p + "-paddingleft-3{padding-left:55px}"));
+      _$jscoverage['plugins/list.js'][87]++;
+      break;
+    case "cn1":
+      _$jscoverage['plugins/list.js'][89]++;
+      customCss.push(("li.list-" + p + "-paddingleft-1{padding-left:30px}"));
+      _$jscoverage['plugins/list.js'][90]++;
+      customCss.push(("li.list-" + p + "-paddingleft-2{padding-left:40px}"));
+      _$jscoverage['plugins/list.js'][91]++;
+      customCss.push(("li.list-" + p + "-paddingleft-3{padding-left:55px}"));
+      _$jscoverage['plugins/list.js'][92]++;
+      break;
+    case "cn2":
+      _$jscoverage['plugins/list.js'][94]++;
+      customCss.push(("li.list-" + p + "-paddingleft-1{padding-left:40px}"));
+      _$jscoverage['plugins/list.js'][95]++;
+      customCss.push(("li.list-" + p + "-paddingleft-2{padding-left:55px}"));
+      _$jscoverage['plugins/list.js'][96]++;
+      customCss.push(("li.list-" + p + "-paddingleft-3{padding-left:68px}"));
+      _$jscoverage['plugins/list.js'][97]++;
+      break;
+    case "num":
+    case "num1":
+      _$jscoverage['plugins/list.js'][100]++;
+      customCss.push(("li.list-" + p + "-paddingleft-1{padding-left:25px}"));
+      _$jscoverage['plugins/list.js'][101]++;
+      break;
+    case "num2":
+      _$jscoverage['plugins/list.js'][103]++;
+      customCss.push(("li.list-" + p + "-paddingleft-1{padding-left:35px}"));
+      _$jscoverage['plugins/list.js'][104]++;
+      customCss.push(("li.list-" + p + "-paddingleft-2{padding-left:40px}"));
+      _$jscoverage['plugins/list.js'][105]++;
+      break;
+    case "dash":
+      _$jscoverage['plugins/list.js'][107]++;
+      customCss.push(("li.list-" + p + "-paddingleft{padding-left:35px}"));
+      _$jscoverage['plugins/list.js'][108]++;
+      break;
+    case "dot":
+      _$jscoverage['plugins/list.js'][110]++;
+      customCss.push(("li.list-" + p + "-paddingleft{padding-left:20px}"));
+    }
+}
+  _$jscoverage['plugins/list.js'][113]++;
+  customCss.push(".list-paddingleft-1{padding-left:0}");
+  _$jscoverage['plugins/list.js'][114]++;
+  customCss.push((".list-paddingleft-2{padding-left:" + me.options.listDefaultPaddingLeft + "px}"));
+  _$jscoverage['plugins/list.js'][115]++;
+  customCss.push((".list-paddingleft-3{padding-left:" + (me.options.listDefaultPaddingLeft * 2) + "px}"));
+  _$jscoverage['plugins/list.js'][117]++;
+  utils.cssRule("list", ("ol,ul{margin:0;pading:0;" + (browser.ie? "": "width:95%") + "}li{clear:both;}" + customCss.join("\n")), me.document);
+}));
+  _$jscoverage['plugins/list.js'][120]++;
+  me.ready((function () {
+  _$jscoverage['plugins/list.js'][121]++;
+  domUtils.on(me.body, "cut", (function () {
+  _$jscoverage['plugins/list.js'][122]++;
+  setTimeout((function () {
+  _$jscoverage['plugins/list.js'][123]++;
+  var rng = me.selection.getRange(), li;
+  _$jscoverage['plugins/list.js'][125]++;
+  if ((! rng.collapsed)) {
+    _$jscoverage['plugins/list.js'][126]++;
+    if ((li = domUtils.findParentByTagName(rng.startContainer, "li", true))) {
+      _$jscoverage['plugins/list.js'][127]++;
+      if (((! li.nextSibling) && domUtils.isEmptyBlock(li))) {
+        _$jscoverage['plugins/list.js'][128]++;
+        var pn = li.parentNode, node;
+        _$jscoverage['plugins/list.js'][129]++;
+        if ((node = pn.previousSibling)) {
+          _$jscoverage['plugins/list.js'][130]++;
+          domUtils.remove(pn);
+          _$jscoverage['plugins/list.js'][131]++;
+          rng.setStartAtLast(node).collapse(true);
+          _$jscoverage['plugins/list.js'][132]++;
+          rng.select(true);
+        }
+        else {
+          _$jscoverage['plugins/list.js'][133]++;
+          if ((node = pn.nextSibling)) {
+            _$jscoverage['plugins/list.js'][134]++;
+            domUtils.remove(pn);
+            _$jscoverage['plugins/list.js'][135]++;
+            rng.setStartAtFirst(node).collapse(true);
+            _$jscoverage['plugins/list.js'][136]++;
+            rng.select(true);
+          }
+          else {
+            _$jscoverage['plugins/list.js'][138]++;
+            var tmpNode = me.document.createElement("p");
+            _$jscoverage['plugins/list.js'][139]++;
+            domUtils.fillNode(me.document, tmpNode);
+            _$jscoverage['plugins/list.js'][140]++;
+            pn.parentNode.insertBefore(tmpNode, pn);
+            _$jscoverage['plugins/list.js'][141]++;
+            domUtils.remove(pn);
+            _$jscoverage['plugins/list.js'][142]++;
+            rng.setStart(tmpNode, 0).collapse(true);
+            _$jscoverage['plugins/list.js'][143]++;
+            rng.select(true);
+          }
+        }
+      }
+    }
+  }
+}));
+}));
+}));
+  _$jscoverage['plugins/list.js'][153]++;
+  function getStyle(node) {
+    _$jscoverage['plugins/list.js'][154]++;
+    var cls = node.className;
+    _$jscoverage['plugins/list.js'][155]++;
+    if (domUtils.hasClass(node, /custom_/)) {
+      _$jscoverage['plugins/list.js'][156]++;
+      return cls.match(/custom_(\w+)/)[1];
+    }
+    _$jscoverage['plugins/list.js'][158]++;
+    return domUtils.getStyle(node, "list-style-type");
+}
+  _$jscoverage['plugins/list.js'][162]++;
+  me.addListener("beforepaste", (function (type, html) {
+  _$jscoverage['plugins/list.js'][163]++;
+  var me = this, rng = me.selection.getRange(), li;
+  _$jscoverage['plugins/list.js'][165]++;
+  var root = UE.htmlparser(html.html, true);
+  _$jscoverage['plugins/list.js'][166]++;
+  if ((li = domUtils.findParentByTagName(rng.startContainer, "li", true))) {
+    _$jscoverage['plugins/list.js'][167]++;
+    var list = li.parentNode, tagName = ((list.tagName == "OL")? "ul": "ol");
+    _$jscoverage['plugins/list.js'][168]++;
+    utils.each(root.getNodesByTagName(tagName), (function (n) {
+  _$jscoverage['plugins/list.js'][169]++;
+  n.tagName = list.tagName;
+  _$jscoverage['plugins/list.js'][170]++;
+  n.setAttr();
+  _$jscoverage['plugins/list.js'][171]++;
+  if ((n.parentNode === root)) {
+    _$jscoverage['plugins/list.js'][172]++;
+    type = (getStyle(list) || ((list.tagName == "OL")? "decimal": "disc"));
+  }
+  else {
+    _$jscoverage['plugins/list.js'][174]++;
+    var className = n.parentNode.getAttr("class");
+    _$jscoverage['plugins/list.js'][175]++;
+    if ((className && /custom_/.test(className))) {
+      _$jscoverage['plugins/list.js'][176]++;
+      type = className.match(/custom_(\w+)/)[1];
+    }
+    else {
+      _$jscoverage['plugins/list.js'][178]++;
+      type = n.parentNode.getStyle("list-style-type");
+    }
+    _$jscoverage['plugins/list.js'][180]++;
+    if ((! type)) {
+      _$jscoverage['plugins/list.js'][181]++;
+      type = ((list.tagName == "OL")? "decimal": "disc");
+    }
+  }
+  _$jscoverage['plugins/list.js'][184]++;
+  var index = utils.indexOf(listStyle[list.tagName], type);
+  _$jscoverage['plugins/list.js'][185]++;
+  if ((n.parentNode !== root)) {
+    _$jscoverage['plugins/list.js'][186]++;
+    index = (((index + 1) == listStyle[list.tagName].length)? 0: (index + 1));
+  }
+  _$jscoverage['plugins/list.js'][187]++;
+  var currentStyle = listStyle[list.tagName][index];
+  _$jscoverage['plugins/list.js'][188]++;
+  if (customStyle[currentStyle]) {
+    _$jscoverage['plugins/list.js'][189]++;
+    n.setAttr("class", ("custom_" + currentStyle));
+  }
+  else {
+    _$jscoverage['plugins/list.js'][192]++;
+    n.setStyle("list-style-type", currentStyle);
+  }
+}));
+  }
+  _$jscoverage['plugins/list.js'][198]++;
+  html.html = root.toHtml();
+}));
+  _$jscoverage['plugins/list.js'][201]++;
+  me.addInputRule((function (root) {
+  _$jscoverage['plugins/list.js'][202]++;
+  utils.each(root.getNodesByTagName("li"), (function (li) {
+  _$jscoverage['plugins/list.js'][203]++;
+  var tmpP = UE.uNode.createElement("p");
+  _$jscoverage['plugins/list.js'][204]++;
+  for (var i = 0, ci; (ci = li.children[i]);) {
+    _$jscoverage['plugins/list.js'][205]++;
+    if (((ci.type == "text") || dtd.p[ci.tagName])) {
+      _$jscoverage['plugins/list.js'][206]++;
+      tmpP.appendChild(ci);
+    }
+    else {
+      _$jscoverage['plugins/list.js'][208]++;
+      if (tmpP.firstChild()) {
+        _$jscoverage['plugins/list.js'][209]++;
+        li.insertBefore(tmpP, ci);
+        _$jscoverage['plugins/list.js'][210]++;
+        tmpP = UE.uNode.createElement("p");
+        _$jscoverage['plugins/list.js'][211]++;
+        i = (i + 2);
+      }
+      else {
+        _$jscoverage['plugins/list.js'][213]++;
+        (i++);
+      }
+    }
+}
+  _$jscoverage['plugins/list.js'][218]++;
+  if (((tmpP.firstChild() && (! tmpP.parentNode)) || (! li.firstChild()))) {
+    _$jscoverage['plugins/list.js'][219]++;
+    li.appendChild(tmpP);
+  }
+  _$jscoverage['plugins/list.js'][223]++;
+  if ((! tmpP.firstChild())) {
+    _$jscoverage['plugins/list.js'][224]++;
+    tmpP.innerHTML((browser.ie? "&nbsp;": "<br/>"));
+  }
+  _$jscoverage['plugins/list.js'][227]++;
+  var p = li.firstChild();
+  _$jscoverage['plugins/list.js'][228]++;
+  var lastChild = p.lastChild();
+  _$jscoverage['plugins/list.js'][229]++;
+  if ((lastChild && (lastChild.type == "text") && /^\s*$/.test(lastChild.data))) {
+    _$jscoverage['plugins/list.js'][230]++;
+    p.removeChild(lastChild);
+  }
+}));
+  _$jscoverage['plugins/list.js'][233]++;
+  var orderlisttype = {"num1": /^\d+\)/, "decimal": /^\d+\./, "lower-alpha": /^[a-z]+\)/, "upper-alpha": /^[A-Z]+\./, "cn": /^[\u4E00\u4E8C\u4E09\u56DB\u516d\u4e94\u4e03\u516b\u4e5d]+[\u3001]/, "cn2": /^\([\u4E00\u4E8C\u4E09\u56DB\u516d\u4e94\u4e03\u516b\u4e5d]+\)/}, unorderlisttype = {"square": "n"};
+  _$jscoverage['plugins/list.js'][244]++;
+  function checkListType(content, container) {
+    _$jscoverage['plugins/list.js'][245]++;
+    var span = container.firstChild();
+    _$jscoverage['plugins/list.js'][246]++;
+    if ((span && (span.type == "element") && (span.tagName == "span") && /Wingdings|Symbol/.test(span.getStyle("font-family")))) {
+      _$jscoverage['plugins/list.js'][247]++;
+      for (var p in unorderlisttype) {
+        _$jscoverage['plugins/list.js'][248]++;
+        if ((unorderlisttype[p] == span.data)) {
+          _$jscoverage['plugins/list.js'][249]++;
+          return p;
+        }
+}
+      _$jscoverage['plugins/list.js'][252]++;
+      return "disc";
+    }
+    _$jscoverage['plugins/list.js'][254]++;
+    for (var p = p in orderlisttype) {
+      _$jscoverage['plugins/list.js'][255]++;
+      if (orderlisttype[p].test(content)) {
+        _$jscoverage['plugins/list.js'][256]++;
+        return p;
+      }
+}
+}
+  _$jscoverage['plugins/list.js'][261]++;
+  utils.each(root.getNodesByTagName("p"), (function (node) {
+  _$jscoverage['plugins/list.js'][262]++;
+  if ((node.getAttr("class") != "MsoListParagraph")) {
+    _$jscoverage['plugins/list.js'][263]++;
+    return;
+  }
+  _$jscoverage['plugins/list.js'][267]++;
+  node.setStyle("margin", "");
+  _$jscoverage['plugins/list.js'][268]++;
+  node.setStyle("margin-left", "");
+  _$jscoverage['plugins/list.js'][269]++;
+  node.setAttr("class", "");
+  _$jscoverage['plugins/list.js'][271]++;
+  function appendLi(list, p, type) {
+    _$jscoverage['plugins/list.js'][272]++;
+    if ((list.tagName == "ol")) {
+      _$jscoverage['plugins/list.js'][273]++;
+      if (browser.ie) {
+        _$jscoverage['plugins/list.js'][274]++;
+        var first = p.firstChild();
+        _$jscoverage['plugins/list.js'][275]++;
+        if (((first.type == "element") && (first.tagName == "span") && orderlisttype[type].test(first.innerText()))) {
+          _$jscoverage['plugins/list.js'][276]++;
+          p.removeChild(first);
+        }
+      }
+      else {
+        _$jscoverage['plugins/list.js'][279]++;
+        p.innerHTML(p.innerHTML().replace(orderlisttype[type], ""));
+      }
+    }
+    else {
+      _$jscoverage['plugins/list.js'][282]++;
+      p.removeChild(p.firstChild());
+    }
+    _$jscoverage['plugins/list.js'][285]++;
+    var li = UE.uNode.createElement("li");
+    _$jscoverage['plugins/list.js'][286]++;
+    li.appendChild(p);
+    _$jscoverage['plugins/list.js'][287]++;
+    list.appendChild(li);
+}
+  _$jscoverage['plugins/list.js'][289]++;
+  var tmp = node, type, cacheNode = node;
+  _$jscoverage['plugins/list.js'][291]++;
+  if (((node.parentNode.tagName != "li") && (type = checkListType(node.innerText(), node)))) {
+    _$jscoverage['plugins/list.js'][293]++;
+    var list = UE.uNode.createElement((me.options.insertorderedlist.hasOwnProperty(type)? "ol": "ul"));
+    _$jscoverage['plugins/list.js'][294]++;
+    if (customStyle[type]) {
+      _$jscoverage['plugins/list.js'][295]++;
+      list.setAttr("class", ("custom_" + type));
+    }
+    else {
+      _$jscoverage['plugins/list.js'][297]++;
+      list.setStyle("list-style-type", type);
+    }
+    _$jscoverage['plugins/list.js'][299]++;
+    while ((node && (node.parentNode.tagName != "li") && checkListType(node.innerText(), node))) {
+      _$jscoverage['plugins/list.js'][300]++;
+      tmp = node.nextSibling();
+      _$jscoverage['plugins/list.js'][301]++;
+      if ((! tmp)) {
+        _$jscoverage['plugins/list.js'][302]++;
+        node.parentNode.insertBefore(list, node);
+      }
+      _$jscoverage['plugins/list.js'][304]++;
+      appendLi(list, node, type);
+      _$jscoverage['plugins/list.js'][305]++;
+      node = tmp;
+}
+    _$jscoverage['plugins/list.js'][307]++;
+    if (((! list.parentNode) && node && node.parentNode)) {
+      _$jscoverage['plugins/list.js'][308]++;
+      node.parentNode.insertBefore(list, node);
+    }
+  }
+  _$jscoverage['plugins/list.js'][311]++;
+  var span = cacheNode.firstChild();
+  _$jscoverage['plugins/list.js'][312]++;
+  if ((span && (span.type == "element") && (span.tagName == "span") && /^\s*(&nbsp;)+\s*$/.test(span.innerText()))) {
+    _$jscoverage['plugins/list.js'][313]++;
+    span.parentNode.removeChild(span);
+  }
+}));
+}));
+  _$jscoverage['plugins/list.js'][319]++;
+  me.addListener("contentchange", (function () {
+  _$jscoverage['plugins/list.js'][320]++;
+  adjustListStyle(me.document);
+}));
+  _$jscoverage['plugins/list.js'][323]++;
+  function adjustListStyle(doc, ignore) {
+    _$jscoverage['plugins/list.js'][324]++;
+    utils.each(domUtils.getElementsByTagName(doc, "ol ul"), (function (node) {
+  _$jscoverage['plugins/list.js'][326]++;
+  if ((! domUtils.inDoc(node, doc))) {
+    _$jscoverage['plugins/list.js'][327]++;
+    return;
+  }
+  _$jscoverage['plugins/list.js'][329]++;
+  var parent = node.parentNode;
+  _$jscoverage['plugins/list.js'][330]++;
+  if ((parent.tagName == node.tagName)) {
+    _$jscoverage['plugins/list.js'][331]++;
+    var nodeStyleType = (getStyle(node) || ((node.tagName == "OL")? "decimal": "disc")), parentStyleType = (getStyle(parent) || ((parent.tagName == "OL")? "decimal": "disc"));
+    _$jscoverage['plugins/list.js'][333]++;
+    if ((nodeStyleType == parentStyleType)) {
+      _$jscoverage['plugins/list.js'][334]++;
+      var styleIndex = utils.indexOf(listStyle[node.tagName], nodeStyleType);
+      _$jscoverage['plugins/list.js'][335]++;
+      styleIndex = (((styleIndex + 1) == listStyle[node.tagName].length)? 0: (styleIndex + 1));
+      _$jscoverage['plugins/list.js'][336]++;
+      setListStyle(node, listStyle[node.tagName][styleIndex]);
+    }
+  }
+  _$jscoverage['plugins/list.js'][340]++;
+  var index = 0, type = 2;
+  _$jscoverage['plugins/list.js'][341]++;
+  if (domUtils.hasClass(node, /custom_/)) {
+    _$jscoverage['plugins/list.js'][342]++;
+    if ((! (/[ou]l/i.test(parent.tagName) && domUtils.hasClass(parent, /custom_/)))) {
+      _$jscoverage['plugins/list.js'][343]++;
+      type = 1;
+    }
+  }
+  else {
+    _$jscoverage['plugins/list.js'][346]++;
+    if ((/[ou]l/i.test(parent.tagName) && domUtils.hasClass(parent, /custom_/))) {
+      _$jscoverage['plugins/list.js'][347]++;
+      type = 3;
+    }
+  }
+  _$jscoverage['plugins/list.js'][351]++;
+  var style = domUtils.getStyle(node, "list-style-type");
+  _$jscoverage['plugins/list.js'][352]++;
+  (style && (node.style.cssText = ("list-style-type:" + style)));
+  _$jscoverage['plugins/list.js'][353]++;
+  node.className = (utils.trim(node.className.replace(/list-paddingleft-\w+/, "")) + " list-paddingleft-" + type);
+  _$jscoverage['plugins/list.js'][354]++;
+  utils.each(domUtils.getElementsByTagName(node, "li"), (function (li) {
+  _$jscoverage['plugins/list.js'][355]++;
+  (li.style.cssText && (li.style.cssText = ""));
+  _$jscoverage['plugins/list.js'][356]++;
+  if ((! li.firstChild)) {
+    _$jscoverage['plugins/list.js'][357]++;
+    domUtils.remove(li);
+    _$jscoverage['plugins/list.js'][358]++;
+    return;
+  }
+  _$jscoverage['plugins/list.js'][360]++;
+  if ((li.parentNode !== node)) {
+    _$jscoverage['plugins/list.js'][361]++;
+    return;
+  }
+  _$jscoverage['plugins/list.js'][363]++;
+  (index++);
+  _$jscoverage['plugins/list.js'][364]++;
+  if (domUtils.hasClass(node, /custom_/)) {
+    _$jscoverage['plugins/list.js'][365]++;
+    var paddingLeft = 1, currentStyle = getStyle(node);
+    _$jscoverage['plugins/list.js'][366]++;
+    if ((node.tagName == "OL")) {
+      _$jscoverage['plugins/list.js'][367]++;
+      if (currentStyle) {
+        _$jscoverage['plugins/list.js'][368]++;
+        switch (currentStyle) {
+        case "cn":
+        case "cn1":
+        case "cn2":
+          _$jscoverage['plugins/list.js'][372]++;
+          if (((index > 10) && (((index % 10) == 0) || ((index > 10) && (index < 20))))) {
+            _$jscoverage['plugins/list.js'][373]++;
+            paddingLeft = 2;
+          }
+          else {
+            _$jscoverage['plugins/list.js'][374]++;
+            if ((index > 20)) {
+              _$jscoverage['plugins/list.js'][375]++;
+              paddingLeft = 3;
+            }
+          }
+          _$jscoverage['plugins/list.js'][377]++;
+          break;
+        case "num2":
+          _$jscoverage['plugins/list.js'][379]++;
+          if ((index > 9)) {
+            _$jscoverage['plugins/list.js'][380]++;
+            paddingLeft = 2;
+          }
+        }
+      }
+      _$jscoverage['plugins/list.js'][384]++;
+      li.className = ("list-" + customStyle[currentStyle] + index + " " + "list-" + currentStyle + "-paddingleft-" + paddingLeft);
+    }
+    else {
+      _$jscoverage['plugins/list.js'][386]++;
+      li.className = ("list-" + customStyle[currentStyle] + " " + "list-" + currentStyle + "-paddingleft");
+    }
+  }
+  else {
+    _$jscoverage['plugins/list.js'][389]++;
+    li.className = li.className.replace(/list-[\w\-]+/gi, "");
+  }
+  _$jscoverage['plugins/list.js'][391]++;
+  var className = li.getAttribute("class");
+  _$jscoverage['plugins/list.js'][392]++;
+  if (((className !== null) && (! className.replace(/\s/g, "")))) {
+    _$jscoverage['plugins/list.js'][393]++;
+    domUtils.removeAttributes(li, "class");
+  }
+}));
+  _$jscoverage['plugins/list.js'][396]++;
+  ((! ignore) && adjustList(node, node.tagName.toLowerCase(), (getStyle(node) || domUtils.getStyle(node, "list-style-type")), true));
+}));
+}
+  _$jscoverage['plugins/list.js'][399]++;
+  function adjustList(list, tag, style, ignoreEmpty) {
+    _$jscoverage['plugins/list.js'][400]++;
+    var nextList = list.nextSibling;
+    _$jscoverage['plugins/list.js'][401]++;
+    if ((nextList && (nextList.nodeType == 1) && (nextList.tagName.toLowerCase() == tag) && ((getStyle(nextList) || domUtils.getStyle(nextList, "list-style-type") || ((tag == "ol")? "decimal": "disc")) == style))) {
+      _$jscoverage['plugins/list.js'][402]++;
+      domUtils.moveChild(nextList, list);
+      _$jscoverage['plugins/list.js'][403]++;
+      if ((nextList.childNodes.length == 0)) {
+        _$jscoverage['plugins/list.js'][404]++;
+        domUtils.remove(nextList);
+      }
+    }
+    _$jscoverage['plugins/list.js'][407]++;
+    if ((nextList && domUtils.isFillChar(nextList))) {
+      _$jscoverage['plugins/list.js'][408]++;
+      domUtils.remove(nextList);
+    }
+    _$jscoverage['plugins/list.js'][410]++;
+    var preList = list.previousSibling;
+    _$jscoverage['plugins/list.js'][411]++;
+    if ((preList && (preList.nodeType == 1) && (preList.tagName.toLowerCase() == tag) && ((getStyle(preList) || domUtils.getStyle(preList, "list-style-type") || ((tag == "ol")? "decimal": "disc")) == style))) {
+      _$jscoverage['plugins/list.js'][412]++;
+      domUtils.moveChild(list, preList);
+    }
+    _$jscoverage['plugins/list.js'][414]++;
+    if ((preList && domUtils.isFillChar(preList))) {
+      _$jscoverage['plugins/list.js'][415]++;
+      domUtils.remove(preList);
+    }
+    _$jscoverage['plugins/list.js'][417]++;
+    ((! ignoreEmpty) && domUtils.isEmptyBlock(list) && domUtils.remove(list));
+    _$jscoverage['plugins/list.js'][418]++;
+    if (getStyle(list)) {
+      _$jscoverage['plugins/list.js'][419]++;
+      adjustListStyle(list.ownerDocument, true);
+    }
+}
+  _$jscoverage['plugins/list.js'][423]++;
+  function setListStyle(list, style) {
+    _$jscoverage['plugins/list.js'][424]++;
+    if (customStyle[style]) {
+      _$jscoverage['plugins/list.js'][425]++;
+      list.className = ("custom_" + style);
+    }
+    _$jscoverage['plugins/list.js'][427]++;
+    try {
+      _$jscoverage['plugins/list.js'][428]++;
+      domUtils.setStyle(list, "list-style-type", style);
+    }
+    catch (e) {
+    }
+}
+  _$jscoverage['plugins/list.js'][431]++;
+  function clearEmptySibling(node) {
+    _$jscoverage['plugins/list.js'][432]++;
+    var tmpNode = node.previousSibling;
+    _$jscoverage['plugins/list.js'][433]++;
+    if ((tmpNode && domUtils.isEmptyBlock(tmpNode))) {
+      _$jscoverage['plugins/list.js'][434]++;
+      domUtils.remove(tmpNode);
+    }
+    _$jscoverage['plugins/list.js'][436]++;
+    tmpNode = node.nextSibling;
+    _$jscoverage['plugins/list.js'][437]++;
+    if ((tmpNode && domUtils.isEmptyBlock(tmpNode))) {
+      _$jscoverage['plugins/list.js'][438]++;
+      domUtils.remove(tmpNode);
+    }
+}
+  _$jscoverage['plugins/list.js'][442]++;
+  me.addListener("keydown", (function (type, evt) {
+  _$jscoverage['plugins/list.js'][443]++;
+  function preventAndSave() {
+    _$jscoverage['plugins/list.js'][444]++;
+    (evt.preventDefault? evt.preventDefault(): (evt.returnValue = false));
+    _$jscoverage['plugins/list.js'][445]++;
+    me.fireEvent("contentchange");
+    _$jscoverage['plugins/list.js'][446]++;
+    (me.undoManger && me.undoManger.save());
+}
+  _$jscoverage['plugins/list.js'][448]++;
+  function findList(node, filterFn) {
+    _$jscoverage['plugins/list.js'][449]++;
+    while ((node && (! domUtils.isBody(node)))) {
+      _$jscoverage['plugins/list.js'][450]++;
+      if (filterFn(node)) {
+        _$jscoverage['plugins/list.js'][451]++;
+        return null;
+      }
+      _$jscoverage['plugins/list.js'][453]++;
+      if (((node.nodeType == 1) && /[ou]l/i.test(node.tagName))) {
+        _$jscoverage['plugins/list.js'][454]++;
+        return node;
+      }
+      _$jscoverage['plugins/list.js'][456]++;
+      node = node.parentNode;
+}
+    _$jscoverage['plugins/list.js'][458]++;
+    return null;
+}
+  _$jscoverage['plugins/list.js'][460]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/list.js'][461]++;
+  if (((keyCode == 13) && (! evt.shiftKey))) {
+    _$jscoverage['plugins/list.js'][462]++;
+    var rng = me.selection.getRange(), parent = domUtils.findParent(rng.startContainer, (function (node) {
+  _$jscoverage['plugins/list.js'][463]++;
+  return domUtils.isBlockElm(node);
+}), true), li = domUtils.findParentByTagName(rng.startContainer, "li", true);
+    _$jscoverage['plugins/list.js'][465]++;
+    if ((parent && (parent.tagName != "PRE") && (! li))) {
+      _$jscoverage['plugins/list.js'][466]++;
+      var html = parent.innerHTML.replace(new RegExp(domUtils.fillChar, "g"), "");
+      _$jscoverage['plugins/list.js'][467]++;
+      if (/^\s*1\s*\.[^\d]/.test(html)) {
+        _$jscoverage['plugins/list.js'][468]++;
+        parent.innerHTML = html.replace(/^\s*1\s*\./, "");
+        _$jscoverage['plugins/list.js'][469]++;
+        rng.setStartAtLast(parent).collapse(true).select();
+        _$jscoverage['plugins/list.js'][470]++;
+        me.__hasEnterExecCommand = true;
+        _$jscoverage['plugins/list.js'][471]++;
+        me.execCommand("insertorderedlist");
+        _$jscoverage['plugins/list.js'][472]++;
+        me.__hasEnterExecCommand = false;
+      }
+    }
+    _$jscoverage['plugins/list.js'][475]++;
+    var range = me.selection.getRange(), start = findList(range.startContainer, (function (node) {
+  _$jscoverage['plugins/list.js'][477]++;
+  return (node.tagName == "TABLE");
+})), end = (range.collapsed? start: findList(range.endContainer, (function (node) {
+  _$jscoverage['plugins/list.js'][480]++;
+  return (node.tagName == "TABLE");
+})));
+    _$jscoverage['plugins/list.js'][483]++;
+    if ((start && end && (start === end))) {
+      _$jscoverage['plugins/list.js'][485]++;
+      if ((! range.collapsed)) {
+        _$jscoverage['plugins/list.js'][486]++;
+        start = domUtils.findParentByTagName(range.startContainer, "li", true);
+        _$jscoverage['plugins/list.js'][487]++;
+        end = domUtils.findParentByTagName(range.endContainer, "li", true);
+        _$jscoverage['plugins/list.js'][488]++;
+        if ((start && end && (start === end))) {
+          _$jscoverage['plugins/list.js'][489]++;
+          range.deleteContents();
+          _$jscoverage['plugins/list.js'][490]++;
+          li = domUtils.findParentByTagName(range.startContainer, "li", true);
+          _$jscoverage['plugins/list.js'][491]++;
+          if ((li && domUtils.isEmptyBlock(li))) {
+            _$jscoverage['plugins/list.js'][493]++;
+            pre = li.previousSibling;
+            _$jscoverage['plugins/list.js'][494]++;
+            next = li.nextSibling;
+            _$jscoverage['plugins/list.js'][495]++;
+            p = me.document.createElement("p");
+            _$jscoverage['plugins/list.js'][497]++;
+            domUtils.fillNode(me.document, p);
+            _$jscoverage['plugins/list.js'][498]++;
+            parentList = li.parentNode;
+            _$jscoverage['plugins/list.js'][499]++;
+            if ((pre && next)) {
+              _$jscoverage['plugins/list.js'][500]++;
+              range.setStart(next, 0).collapse(true).select(true);
+              _$jscoverage['plugins/list.js'][501]++;
+              domUtils.remove(li);
+            }
+            else {
+              _$jscoverage['plugins/list.js'][504]++;
+              if ((((! pre) && (! next)) || (! pre))) {
+                _$jscoverage['plugins/list.js'][506]++;
+                parentList.parentNode.insertBefore(p, parentList);
+              }
+              else {
+                _$jscoverage['plugins/list.js'][510]++;
+                li.parentNode.parentNode.insertBefore(p, parentList.nextSibling);
+              }
+              _$jscoverage['plugins/list.js'][512]++;
+              domUtils.remove(li);
+              _$jscoverage['plugins/list.js'][513]++;
+              if ((! parentList.firstChild)) {
+                _$jscoverage['plugins/list.js'][514]++;
+                domUtils.remove(parentList);
+              }
+              _$jscoverage['plugins/list.js'][516]++;
+              range.setStart(p, 0).setCursor();
+            }
+            _$jscoverage['plugins/list.js'][520]++;
+            preventAndSave();
+            _$jscoverage['plugins/list.js'][521]++;
+            return;
+          }
+        }
+        else {
+          _$jscoverage['plugins/list.js'][525]++;
+          var tmpRange = range.cloneRange(), bk = tmpRange.collapse(false).createBookmark();
+          _$jscoverage['plugins/list.js'][528]++;
+          range.deleteContents();
+          _$jscoverage['plugins/list.js'][529]++;
+          tmpRange.moveToBookmark(bk);
+          _$jscoverage['plugins/list.js'][530]++;
+          var li = domUtils.findParentByTagName(tmpRange.startContainer, "li", true);
+          _$jscoverage['plugins/list.js'][532]++;
+          clearEmptySibling(li);
+          _$jscoverage['plugins/list.js'][533]++;
+          tmpRange.select();
+          _$jscoverage['plugins/list.js'][534]++;
+          preventAndSave();
+          _$jscoverage['plugins/list.js'][535]++;
+          return;
+        }
+      }
+      _$jscoverage['plugins/list.js'][540]++;
+      li = domUtils.findParentByTagName(range.startContainer, "li", true);
+      _$jscoverage['plugins/list.js'][542]++;
+      if (li) {
+        _$jscoverage['plugins/list.js'][543]++;
+        if (domUtils.isEmptyBlock(li)) {
+          _$jscoverage['plugins/list.js'][544]++;
+          bk = range.createBookmark();
+          _$jscoverage['plugins/list.js'][545]++;
+          var parentList = li.parentNode;
+          _$jscoverage['plugins/list.js'][546]++;
+          if ((li !== parentList.lastChild)) {
+            _$jscoverage['plugins/list.js'][547]++;
+            domUtils.breakParent(li, parentList);
+            _$jscoverage['plugins/list.js'][548]++;
+            clearEmptySibling(li);
+          }
+          else {
+            _$jscoverage['plugins/list.js'][551]++;
+            parentList.parentNode.insertBefore(li, parentList.nextSibling);
+            _$jscoverage['plugins/list.js'][552]++;
+            if (domUtils.isEmptyNode(parentList)) {
+              _$jscoverage['plugins/list.js'][553]++;
+              domUtils.remove(parentList);
+            }
+          }
+          _$jscoverage['plugins/list.js'][557]++;
+          if ((! dtd.$list[li.parentNode.tagName])) {
+            _$jscoverage['plugins/list.js'][559]++;
+            if ((! domUtils.isBlockElm(li.firstChild))) {
+              _$jscoverage['plugins/list.js'][560]++;
+              p = me.document.createElement("p");
+              _$jscoverage['plugins/list.js'][561]++;
+              li.parentNode.insertBefore(p, li);
+              _$jscoverage['plugins/list.js'][562]++;
+              while (li.firstChild) {
+                _$jscoverage['plugins/list.js'][563]++;
+                p.appendChild(li.firstChild);
+}
+              _$jscoverage['plugins/list.js'][565]++;
+              domUtils.remove(li);
+            }
+            else {
+              _$jscoverage['plugins/list.js'][567]++;
+              domUtils.remove(li, true);
+            }
+          }
+          _$jscoverage['plugins/list.js'][570]++;
+          range.moveToBookmark(bk).select();
+        }
+        else {
+          _$jscoverage['plugins/list.js'][574]++;
+          var first = li.firstChild;
+          _$jscoverage['plugins/list.js'][575]++;
+          if (((! first) || (! domUtils.isBlockElm(first)))) {
+            _$jscoverage['plugins/list.js'][576]++;
+            var p = me.document.createElement("p");
+            _$jscoverage['plugins/list.js'][578]++;
+            ((! li.firstChild) && domUtils.fillNode(me.document, p));
+            _$jscoverage['plugins/list.js'][579]++;
+            while (li.firstChild) {
+              _$jscoverage['plugins/list.js'][581]++;
+              p.appendChild(li.firstChild);
+}
+            _$jscoverage['plugins/list.js'][583]++;
+            li.appendChild(p);
+            _$jscoverage['plugins/list.js'][584]++;
+            first = p;
+          }
+          _$jscoverage['plugins/list.js'][587]++;
+          var span = me.document.createElement("span");
+          _$jscoverage['plugins/list.js'][589]++;
+          range.insertNode(span);
+          _$jscoverage['plugins/list.js'][590]++;
+          domUtils.breakParent(span, li);
+          _$jscoverage['plugins/list.js'][592]++;
+          var nextLi = span.nextSibling;
+          _$jscoverage['plugins/list.js'][593]++;
+          first = nextLi.firstChild;
+          _$jscoverage['plugins/list.js'][595]++;
+          if ((! first)) {
+            _$jscoverage['plugins/list.js'][596]++;
+            p = me.document.createElement("p");
+            _$jscoverage['plugins/list.js'][598]++;
+            domUtils.fillNode(me.document, p);
+            _$jscoverage['plugins/list.js'][599]++;
+            nextLi.appendChild(p);
+            _$jscoverage['plugins/list.js'][600]++;
+            first = p;
+          }
+          _$jscoverage['plugins/list.js'][602]++;
+          if (domUtils.isEmptyNode(first)) {
+            _$jscoverage['plugins/list.js'][603]++;
+            first.innerHTML = "";
+            _$jscoverage['plugins/list.js'][604]++;
+            domUtils.fillNode(me.document, first);
+          }
+          _$jscoverage['plugins/list.js'][607]++;
+          range.setStart(first, 0).collapse(true).shrinkBoundary().select();
+          _$jscoverage['plugins/list.js'][608]++;
+          domUtils.remove(span);
+          _$jscoverage['plugins/list.js'][609]++;
+          var pre = nextLi.previousSibling;
+          _$jscoverage['plugins/list.js'][610]++;
+          if ((pre && domUtils.isEmptyBlock(pre))) {
+            _$jscoverage['plugins/list.js'][611]++;
+            pre.innerHTML = "<p></p>";
+            _$jscoverage['plugins/list.js'][612]++;
+            domUtils.fillNode(me.document, pre.firstChild);
+          }
+        }
+        _$jscoverage['plugins/list.js'][617]++;
+        preventAndSave();
+      }
+    }
+  }
+  _$jscoverage['plugins/list.js'][625]++;
+  if ((keyCode == 8)) {
+    _$jscoverage['plugins/list.js'][627]++;
+    range = me.selection.getRange();
+    _$jscoverage['plugins/list.js'][628]++;
+    if ((range.collapsed && domUtils.isStartInblock(range))) {
+      _$jscoverage['plugins/list.js'][629]++;
+      tmpRange = range.cloneRange().trimBoundary();
+      _$jscoverage['plugins/list.js'][630]++;
+      li = domUtils.findParentByTagName(range.startContainer, "li", true);
+      _$jscoverage['plugins/list.js'][632]++;
+      if ((li && domUtils.isStartInblock(tmpRange))) {
+        _$jscoverage['plugins/list.js'][633]++;
+        start = domUtils.findParentByTagName(range.startContainer, "p", true);
+        _$jscoverage['plugins/list.js'][634]++;
+        if ((start && (start !== li.firstChild))) {
+          _$jscoverage['plugins/list.js'][635]++;
+          var parentList = domUtils.findParentByTagName(start, ["ol", "ul"]);
+          _$jscoverage['plugins/list.js'][636]++;
+          domUtils.breakParent(start, parentList);
+          _$jscoverage['plugins/list.js'][637]++;
+          clearEmptySibling(start);
+          _$jscoverage['plugins/list.js'][638]++;
+          me.fireEvent("contentchange");
+          _$jscoverage['plugins/list.js'][639]++;
+          range.setStart(start, 0).setCursor(false, true);
+          _$jscoverage['plugins/list.js'][640]++;
+          me.fireEvent("saveScene");
+          _$jscoverage['plugins/list.js'][641]++;
+          domUtils.preventDefault(evt);
+          _$jscoverage['plugins/list.js'][642]++;
+          return;
+        }
+        _$jscoverage['plugins/list.js'][645]++;
+        if ((li && (pre = li.previousSibling))) {
+          _$jscoverage['plugins/list.js'][646]++;
+          if (((keyCode == 46) && li.childNodes.length)) {
+            _$jscoverage['plugins/list.js'][647]++;
+            return;
+          }
+          _$jscoverage['plugins/list.js'][650]++;
+          if (dtd.$list[pre.tagName]) {
+            _$jscoverage['plugins/list.js'][651]++;
+            pre = pre.lastChild;
+          }
+          _$jscoverage['plugins/list.js'][653]++;
+          (me.undoManger && me.undoManger.save());
+          _$jscoverage['plugins/list.js'][654]++;
+          first = li.firstChild;
+          _$jscoverage['plugins/list.js'][655]++;
+          if (domUtils.isBlockElm(first)) {
+            _$jscoverage['plugins/list.js'][656]++;
+            if (domUtils.isEmptyNode(first)) {
+              _$jscoverage['plugins/list.js'][658]++;
+              pre.appendChild(first);
+              _$jscoverage['plugins/list.js'][659]++;
+              range.setStart(first, 0).setCursor(false, true);
+              _$jscoverage['plugins/list.js'][661]++;
+              while (li.firstChild) {
+                _$jscoverage['plugins/list.js'][662]++;
+                pre.appendChild(li.firstChild);
+}
+            }
+            else {
+              _$jscoverage['plugins/list.js'][666]++;
+              span = me.document.createElement("span");
+              _$jscoverage['plugins/list.js'][667]++;
+              range.insertNode(span);
+              _$jscoverage['plugins/list.js'][669]++;
+              if (domUtils.isEmptyBlock(pre)) {
+                _$jscoverage['plugins/list.js'][670]++;
+                pre.innerHTML = "";
+              }
+              _$jscoverage['plugins/list.js'][672]++;
+              domUtils.moveChild(li, pre);
+              _$jscoverage['plugins/list.js'][673]++;
+              range.setStartBefore(span).collapse(true).select(true);
+              _$jscoverage['plugins/list.js'][675]++;
+              domUtils.remove(span);
+            }
+          }
+          else {
+            _$jscoverage['plugins/list.js'][679]++;
+            if (domUtils.isEmptyNode(li)) {
+              _$jscoverage['plugins/list.js'][680]++;
+              var p = me.document.createElement("p");
+              _$jscoverage['plugins/list.js'][681]++;
+              pre.appendChild(p);
+              _$jscoverage['plugins/list.js'][682]++;
+              range.setStart(p, 0).setCursor();
+            }
+            else {
+              _$jscoverage['plugins/list.js'][685]++;
+              range.setEnd(pre, pre.childNodes.length).collapse().select(true);
+              _$jscoverage['plugins/list.js'][686]++;
+              while (li.firstChild) {
+                _$jscoverage['plugins/list.js'][687]++;
+                pre.appendChild(li.firstChild);
+}
+            }
+          }
+          _$jscoverage['plugins/list.js'][691]++;
+          domUtils.remove(li);
+          _$jscoverage['plugins/list.js'][692]++;
+          me.fireEvent("contentchange");
+          _$jscoverage['plugins/list.js'][693]++;
+          me.fireEvent("saveScene");
+          _$jscoverage['plugins/list.js'][694]++;
+          domUtils.preventDefault(evt);
+          _$jscoverage['plugins/list.js'][695]++;
+          return;
+        }
+        _$jscoverage['plugins/list.js'][700]++;
+        if ((li && (! li.previousSibling))) {
+          _$jscoverage['plugins/list.js'][701]++;
+          var parentList = li.parentNode;
+          _$jscoverage['plugins/list.js'][702]++;
+          var bk = range.createBookmark();
+          _$jscoverage['plugins/list.js'][703]++;
+          if (domUtils.isTagNode(parentList.parentNode, "ol ul")) {
+            _$jscoverage['plugins/list.js'][704]++;
+            parentList.parentNode.insertBefore(li, parentList);
+            _$jscoverage['plugins/list.js'][705]++;
+            if (domUtils.isEmptyNode(parentList)) {
+              _$jscoverage['plugins/list.js'][706]++;
+              domUtils.remove(parentList);
+            }
+          }
+          else {
+            _$jscoverage['plugins/list.js'][710]++;
+            while (li.firstChild) {
+              _$jscoverage['plugins/list.js'][711]++;
+              parentList.parentNode.insertBefore(li.firstChild, parentList);
+}
+            _$jscoverage['plugins/list.js'][714]++;
+            domUtils.remove(li);
+            _$jscoverage['plugins/list.js'][715]++;
+            if (domUtils.isEmptyNode(parentList)) {
+              _$jscoverage['plugins/list.js'][716]++;
+              domUtils.remove(parentList);
+            }
+          }
+          _$jscoverage['plugins/list.js'][720]++;
+          range.moveToBookmark(bk).setCursor(false, true);
+          _$jscoverage['plugins/list.js'][721]++;
+          me.fireEvent("contentchange");
+          _$jscoverage['plugins/list.js'][722]++;
+          me.fireEvent("saveScene");
+          _$jscoverage['plugins/list.js'][723]++;
+          domUtils.preventDefault(evt);
+          _$jscoverage['plugins/list.js'][724]++;
+          return;
+        }
+      }
+    }
+  }
+}));
+  _$jscoverage['plugins/list.js'][737]++;
+  me.addListener("keyup", (function (type, evt) {
+  _$jscoverage['plugins/list.js'][738]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/list.js'][739]++;
+  if ((keyCode == 8)) {
+    _$jscoverage['plugins/list.js'][740]++;
+    var rng = me.selection.getRange(), list;
+    _$jscoverage['plugins/list.js'][741]++;
+    if ((list = domUtils.findParentByTagName(rng.startContainer, ["ol", "ul"], true))) {
+      _$jscoverage['plugins/list.js'][742]++;
+      adjustList(list, list.tagName.toLowerCase(), (getStyle(list) || domUtils.getComputedStyle(list, "list-style-type")), true);
+    }
+  }
+}));
+  _$jscoverage['plugins/list.js'][747]++;
+  me.addListener("tabkeydown", (function () {
+  _$jscoverage['plugins/list.js'][749]++;
+  var range = me.selection.getRange();
+  _$jscoverage['plugins/list.js'][752]++;
+  function checkLevel(li) {
+    _$jscoverage['plugins/list.js'][753]++;
+    if ((me.options.maxListLevel != -1)) {
+      _$jscoverage['plugins/list.js'][754]++;
+      var level = li.parentNode, levelNum = 0;
+      _$jscoverage['plugins/list.js'][755]++;
+      while (/[ou]l/i.test(level.tagName)) {
+        _$jscoverage['plugins/list.js'][756]++;
+        (levelNum++);
+        _$jscoverage['plugins/list.js'][757]++;
+        level = level.parentNode;
+}
+      _$jscoverage['plugins/list.js'][759]++;
+      if ((levelNum >= me.options.maxListLevel)) {
+        _$jscoverage['plugins/list.js'][760]++;
+        return true;
+      }
+    }
+}
+  _$jscoverage['plugins/list.js'][766]++;
+  var li = domUtils.findParentByTagName(range.startContainer, "li", true);
+  _$jscoverage['plugins/list.js'][767]++;
+  if (li) {
+    _$jscoverage['plugins/list.js'][769]++;
+    var bk;
+    _$jscoverage['plugins/list.js'][770]++;
+    if (range.collapsed) {
+      _$jscoverage['plugins/list.js'][771]++;
+      if (checkLevel(li)) {
+        _$jscoverage['plugins/list.js'][772]++;
+        return true;
+      }
+      _$jscoverage['plugins/list.js'][773]++;
+      var parentLi = li.parentNode, list = me.document.createElement(parentLi.tagName), index = utils.indexOf(listStyle[list.tagName], (getStyle(parentLi) || domUtils.getComputedStyle(parentLi, "list-style-type")));
+      _$jscoverage['plugins/list.js'][776]++;
+      index = (((index + 1) == listStyle[list.tagName].length)? 0: (index + 1));
+      _$jscoverage['plugins/list.js'][777]++;
+      var currentStyle = listStyle[list.tagName][index];
+      _$jscoverage['plugins/list.js'][778]++;
+      setListStyle(list, currentStyle);
+      _$jscoverage['plugins/list.js'][779]++;
+      if (domUtils.isStartInblock(range)) {
+        _$jscoverage['plugins/list.js'][780]++;
+        me.fireEvent("saveScene");
+        _$jscoverage['plugins/list.js'][781]++;
+        bk = range.createBookmark();
+        _$jscoverage['plugins/list.js'][782]++;
+        parentLi.insertBefore(list, li);
+        _$jscoverage['plugins/list.js'][783]++;
+        list.appendChild(li);
+        _$jscoverage['plugins/list.js'][784]++;
+        adjustList(list, list.tagName.toLowerCase(), currentStyle);
+        _$jscoverage['plugins/list.js'][785]++;
+        me.fireEvent("contentchange");
+        _$jscoverage['plugins/list.js'][786]++;
+        range.moveToBookmark(bk).select(true);
+        _$jscoverage['plugins/list.js'][787]++;
+        return true;
+      }
+    }
+    else {
+      _$jscoverage['plugins/list.js'][790]++;
+      me.fireEvent("saveScene");
+      _$jscoverage['plugins/list.js'][791]++;
+      bk = range.createBookmark();
+      _$jscoverage['plugins/list.js'][792]++;
+      for (var i = 0, closeList, parents = domUtils.findParents(li), ci; (ci = parents[(i++)]);) {
+        _$jscoverage['plugins/list.js'][793]++;
+        if (domUtils.isTagNode(ci, "ol ul")) {
+          _$jscoverage['plugins/list.js'][794]++;
+          closeList = ci;
+          _$jscoverage['plugins/list.js'][795]++;
+          break;
+        }
+}
+      _$jscoverage['plugins/list.js'][798]++;
+      var current = li;
+      _$jscoverage['plugins/list.js'][799]++;
+      if (bk.end) {
+        _$jscoverage['plugins/list.js'][800]++;
+        while ((current && (! (domUtils.getPosition(current, bk.end) & domUtils.POSITION_FOLLOWING)))) {
+          _$jscoverage['plugins/list.js'][801]++;
+          if (checkLevel(current)) {
+            _$jscoverage['plugins/list.js'][802]++;
+            current = domUtils.getNextDomNode(current, false, null, (function (node) {
+  _$jscoverage['plugins/list.js'][802]++;
+  return (node !== closeList);
+}));
+            _$jscoverage['plugins/list.js'][803]++;
+            continue;
+          }
+          _$jscoverage['plugins/list.js'][805]++;
+          var parentLi = current.parentNode, list = me.document.createElement(parentLi.tagName), index = utils.indexOf(listStyle[list.tagName], (getStyle(parentLi) || domUtils.getComputedStyle(parentLi, "list-style-type")));
+          _$jscoverage['plugins/list.js'][808]++;
+          var currentIndex = (((index + 1) == listStyle[list.tagName].length)? 0: (index + 1));
+          _$jscoverage['plugins/list.js'][809]++;
+          var currentStyle = listStyle[list.tagName][currentIndex];
+          _$jscoverage['plugins/list.js'][810]++;
+          setListStyle(list, currentStyle);
+          _$jscoverage['plugins/list.js'][811]++;
+          parentLi.insertBefore(list, current);
+          _$jscoverage['plugins/list.js'][812]++;
+          while ((current && (! (domUtils.getPosition(current, bk.end) & domUtils.POSITION_FOLLOWING)))) {
+            _$jscoverage['plugins/list.js'][813]++;
+            li = current.nextSibling;
+            _$jscoverage['plugins/list.js'][814]++;
+            list.appendChild(current);
+            _$jscoverage['plugins/list.js'][815]++;
+            if (((! li) || domUtils.isTagNode(li, "ol ul"))) {
+              _$jscoverage['plugins/list.js'][816]++;
+              if (li) {
+                _$jscoverage['plugins/list.js'][817]++;
+                while ((li = li.firstChild)) {
+                  _$jscoverage['plugins/list.js'][818]++;
+                  if ((li.tagName == "LI")) {
+                    _$jscoverage['plugins/list.js'][819]++;
+                    break;
+                  }
+}
+              }
+              else {
+                _$jscoverage['plugins/list.js'][823]++;
+                li = domUtils.getNextDomNode(current, false, null, (function (node) {
+  _$jscoverage['plugins/list.js'][823]++;
+  return (node !== closeList);
+}));
+              }
+              _$jscoverage['plugins/list.js'][825]++;
+              break;
+            }
+            _$jscoverage['plugins/list.js'][827]++;
+            current = li;
+}
+          _$jscoverage['plugins/list.js'][829]++;
+          adjustList(list, list.tagName.toLowerCase(), currentStyle);
+          _$jscoverage['plugins/list.js'][830]++;
+          current = li;
+}
+      }
+      _$jscoverage['plugins/list.js'][833]++;
+      me.fireEvent("contentchange");
+      _$jscoverage['plugins/list.js'][834]++;
+      range.moveToBookmark(bk).select();
+      _$jscoverage['plugins/list.js'][835]++;
+      return true;
+    }
+  }
+}));
+  _$jscoverage['plugins/list.js'][840]++;
+  function getLi(start) {
+    _$jscoverage['plugins/list.js'][841]++;
+    while ((start && (! domUtils.isBody(start)))) {
+      _$jscoverage['plugins/list.js'][842]++;
+      if ((start.nodeName == "TABLE")) {
+        _$jscoverage['plugins/list.js'][843]++;
+        return null;
+      }
+      _$jscoverage['plugins/list.js'][845]++;
+      if ((start.nodeName == "LI")) {
+        _$jscoverage['plugins/list.js'][846]++;
+        return start;
+      }
+      _$jscoverage['plugins/list.js'][848]++;
+      start = start.parentNode;
+}
+}
+  _$jscoverage['plugins/list.js'][921]++;
+  me.commands.insertorderedlist = (me.commands.insertunorderedlist = {execCommand: (function (command, style) {
+  _$jscoverage['plugins/list.js'][925]++;
+  if ((! style)) {
+    _$jscoverage['plugins/list.js'][926]++;
+    style = ((command.toLowerCase() == "insertorderedlist")? "decimal": "disc");
+  }
+  _$jscoverage['plugins/list.js'][928]++;
+  var me = this, range = this.selection.getRange(), filterFn = (function (node) {
+  _$jscoverage['plugins/list.js'][931]++;
+  return ((node.nodeType == 1)? (node.tagName.toLowerCase() != "br"): (! domUtils.isWhitespace(node)));
+}), tag = ((command.toLowerCase() == "insertorderedlist")? "ol": "ul"), frag = me.document.createDocumentFragment();
+  _$jscoverage['plugins/list.js'][937]++;
+  range.adjustmentBoundary().shrinkBoundary();
+  _$jscoverage['plugins/list.js'][938]++;
+  var bko = range.createBookmark(true), start = getLi(me.document.getElementById(bko.start)), modifyStart = 0, end = getLi(me.document.getElementById(bko.end)), modifyEnd = 0, startParent, endParent, list, tmp;
+  _$jscoverage['plugins/list.js'][946]++;
+  if ((start || end)) {
+    _$jscoverage['plugins/list.js'][947]++;
+    (start && (startParent = start.parentNode));
+    _$jscoverage['plugins/list.js'][948]++;
+    if ((! bko.end)) {
+      _$jscoverage['plugins/list.js'][949]++;
+      end = start;
+    }
+    _$jscoverage['plugins/list.js'][951]++;
+    (end && (endParent = end.parentNode));
+    _$jscoverage['plugins/list.js'][953]++;
+    if ((startParent === endParent)) {
+      _$jscoverage['plugins/list.js'][954]++;
+      while ((start !== end)) {
+        _$jscoverage['plugins/list.js'][955]++;
+        tmp = start;
+        _$jscoverage['plugins/list.js'][956]++;
+        start = start.nextSibling;
+        _$jscoverage['plugins/list.js'][957]++;
+        if ((! domUtils.isBlockElm(tmp.firstChild))) {
+          _$jscoverage['plugins/list.js'][958]++;
+          var p = me.document.createElement("p");
+          _$jscoverage['plugins/list.js'][959]++;
+          while (tmp.firstChild) {
+            _$jscoverage['plugins/list.js'][960]++;
+            p.appendChild(tmp.firstChild);
+}
+          _$jscoverage['plugins/list.js'][962]++;
+          tmp.appendChild(p);
+        }
+        _$jscoverage['plugins/list.js'][964]++;
+        frag.appendChild(tmp);
+}
+      _$jscoverage['plugins/list.js'][966]++;
+      tmp = me.document.createElement("span");
+      _$jscoverage['plugins/list.js'][967]++;
+      startParent.insertBefore(tmp, end);
+      _$jscoverage['plugins/list.js'][968]++;
+      if ((! domUtils.isBlockElm(end.firstChild))) {
+        _$jscoverage['plugins/list.js'][969]++;
+        p = me.document.createElement("p");
+        _$jscoverage['plugins/list.js'][970]++;
+        while (end.firstChild) {
+          _$jscoverage['plugins/list.js'][971]++;
+          p.appendChild(end.firstChild);
+}
+        _$jscoverage['plugins/list.js'][973]++;
+        end.appendChild(p);
+      }
+      _$jscoverage['plugins/list.js'][975]++;
+      frag.appendChild(end);
+      _$jscoverage['plugins/list.js'][976]++;
+      domUtils.breakParent(tmp, startParent);
+      _$jscoverage['plugins/list.js'][977]++;
+      if (domUtils.isEmptyNode(tmp.previousSibling)) {
+        _$jscoverage['plugins/list.js'][978]++;
+        domUtils.remove(tmp.previousSibling);
+      }
+      _$jscoverage['plugins/list.js'][980]++;
+      if (domUtils.isEmptyNode(tmp.nextSibling)) {
+        _$jscoverage['plugins/list.js'][981]++;
+        domUtils.remove(tmp.nextSibling);
+      }
+      _$jscoverage['plugins/list.js'][983]++;
+      var nodeStyle = (getStyle(startParent) || domUtils.getComputedStyle(startParent, "list-style-type") || ((command.toLowerCase() == "insertorderedlist")? "decimal": "disc"));
+      _$jscoverage['plugins/list.js'][984]++;
+      if (((startParent.tagName.toLowerCase() == tag) && (nodeStyle == style))) {
+        _$jscoverage['plugins/list.js'][985]++;
+        for (var i = 0, ci, tmpFrag = me.document.createDocumentFragment(); (ci = frag.childNodes[(i++)]);) {
+          _$jscoverage['plugins/list.js'][986]++;
+          if (domUtils.isTagNode(ci, "ol ul")) {
+            _$jscoverage['plugins/list.js'][987]++;
+            utils.each(domUtils.getElementsByTagName(ci, "li"), (function (li) {
+  _$jscoverage['plugins/list.js'][988]++;
+  while (li.firstChild) {
+    _$jscoverage['plugins/list.js'][989]++;
+    tmpFrag.appendChild(li.firstChild);
+}
+}));
+          }
+          else {
+            _$jscoverage['plugins/list.js'][994]++;
+            while (ci.firstChild) {
+              _$jscoverage['plugins/list.js'][995]++;
+              tmpFrag.appendChild(ci.firstChild);
+}
+          }
+}
+        _$jscoverage['plugins/list.js'][1000]++;
+        tmp.parentNode.insertBefore(tmpFrag, tmp);
+      }
+      else {
+        _$jscoverage['plugins/list.js'][1002]++;
+        list = me.document.createElement(tag);
+        _$jscoverage['plugins/list.js'][1003]++;
+        setListStyle(list, style);
+        _$jscoverage['plugins/list.js'][1004]++;
+        list.appendChild(frag);
+        _$jscoverage['plugins/list.js'][1005]++;
+        tmp.parentNode.insertBefore(list, tmp);
+      }
+      _$jscoverage['plugins/list.js'][1008]++;
+      domUtils.remove(tmp);
+      _$jscoverage['plugins/list.js'][1009]++;
+      (list && adjustList(list, tag, style));
+      _$jscoverage['plugins/list.js'][1010]++;
+      range.moveToBookmark(bko).select();
+      _$jscoverage['plugins/list.js'][1011]++;
+      return;
+    }
+    _$jscoverage['plugins/list.js'][1014]++;
+    if (start) {
+      _$jscoverage['plugins/list.js'][1015]++;
+      while (start) {
+        _$jscoverage['plugins/list.js'][1016]++;
+        tmp = start.nextSibling;
+        _$jscoverage['plugins/list.js'][1017]++;
+        if (domUtils.isTagNode(start, "ol ul")) {
+          _$jscoverage['plugins/list.js'][1018]++;
+          frag.appendChild(start);
+        }
+        else {
+          _$jscoverage['plugins/list.js'][1020]++;
+          var tmpfrag = me.document.createDocumentFragment(), hasBlock = 0;
+          _$jscoverage['plugins/list.js'][1022]++;
+          while (start.firstChild) {
+            _$jscoverage['plugins/list.js'][1023]++;
+            if (domUtils.isBlockElm(start.firstChild)) {
+              _$jscoverage['plugins/list.js'][1024]++;
+              hasBlock = 1;
+            }
+            _$jscoverage['plugins/list.js'][1026]++;
+            tmpfrag.appendChild(start.firstChild);
+}
+          _$jscoverage['plugins/list.js'][1028]++;
+          if ((! hasBlock)) {
+            _$jscoverage['plugins/list.js'][1029]++;
+            var tmpP = me.document.createElement("p");
+            _$jscoverage['plugins/list.js'][1030]++;
+            tmpP.appendChild(tmpfrag);
+            _$jscoverage['plugins/list.js'][1031]++;
+            frag.appendChild(tmpP);
+          }
+          else {
+            _$jscoverage['plugins/list.js'][1033]++;
+            frag.appendChild(tmpfrag);
+          }
+          _$jscoverage['plugins/list.js'][1035]++;
+          domUtils.remove(start);
+        }
+        _$jscoverage['plugins/list.js'][1038]++;
+        start = tmp;
+}
+      _$jscoverage['plugins/list.js'][1040]++;
+      startParent.parentNode.insertBefore(frag, startParent.nextSibling);
+      _$jscoverage['plugins/list.js'][1041]++;
+      if (domUtils.isEmptyNode(startParent)) {
+        _$jscoverage['plugins/list.js'][1042]++;
+        range.setStartBefore(startParent);
+        _$jscoverage['plugins/list.js'][1043]++;
+        domUtils.remove(startParent);
+      }
+      else {
+        _$jscoverage['plugins/list.js'][1045]++;
+        range.setStartAfter(startParent);
+      }
+      _$jscoverage['plugins/list.js'][1047]++;
+      modifyStart = 1;
+    }
+    _$jscoverage['plugins/list.js'][1050]++;
+    if ((end && domUtils.inDoc(endParent, me.document))) {
+      _$jscoverage['plugins/list.js'][1052]++;
+      start = endParent.firstChild;
+      _$jscoverage['plugins/list.js'][1053]++;
+      while ((start && (start !== end))) {
+        _$jscoverage['plugins/list.js'][1054]++;
+        tmp = start.nextSibling;
+        _$jscoverage['plugins/list.js'][1055]++;
+        if (domUtils.isTagNode(start, "ol ul")) {
+          _$jscoverage['plugins/list.js'][1056]++;
+          frag.appendChild(start);
+        }
+        else {
+          _$jscoverage['plugins/list.js'][1058]++;
+          tmpfrag = me.document.createDocumentFragment();
+          _$jscoverage['plugins/list.js'][1059]++;
+          hasBlock = 0;
+          _$jscoverage['plugins/list.js'][1060]++;
+          while (start.firstChild) {
+            _$jscoverage['plugins/list.js'][1061]++;
+            if (domUtils.isBlockElm(start.firstChild)) {
+              _$jscoverage['plugins/list.js'][1062]++;
+              hasBlock = 1;
+            }
+            _$jscoverage['plugins/list.js'][1064]++;
+            tmpfrag.appendChild(start.firstChild);
+}
+          _$jscoverage['plugins/list.js'][1066]++;
+          if ((! hasBlock)) {
+            _$jscoverage['plugins/list.js'][1067]++;
+            tmpP = me.document.createElement("p");
+            _$jscoverage['plugins/list.js'][1068]++;
+            tmpP.appendChild(tmpfrag);
+            _$jscoverage['plugins/list.js'][1069]++;
+            frag.appendChild(tmpP);
+          }
+          else {
+            _$jscoverage['plugins/list.js'][1071]++;
+            frag.appendChild(tmpfrag);
+          }
+          _$jscoverage['plugins/list.js'][1073]++;
+          domUtils.remove(start);
+        }
+        _$jscoverage['plugins/list.js'][1075]++;
+        start = tmp;
+}
+      _$jscoverage['plugins/list.js'][1077]++;
+      var tmpDiv = domUtils.createElement(me.document, "div", {"tmpDiv": 1});
+      _$jscoverage['plugins/list.js'][1080]++;
+      domUtils.moveChild(end, tmpDiv);
+      _$jscoverage['plugins/list.js'][1082]++;
+      frag.appendChild(tmpDiv);
+      _$jscoverage['plugins/list.js'][1083]++;
+      domUtils.remove(end);
+      _$jscoverage['plugins/list.js'][1084]++;
+      endParent.parentNode.insertBefore(frag, endParent);
+      _$jscoverage['plugins/list.js'][1085]++;
+      range.setEndBefore(endParent);
+      _$jscoverage['plugins/list.js'][1086]++;
+      if (domUtils.isEmptyNode(endParent)) {
+        _$jscoverage['plugins/list.js'][1087]++;
+        domUtils.remove(endParent);
+      }
+      _$jscoverage['plugins/list.js'][1090]++;
+      modifyEnd = 1;
+    }
+  }
+  _$jscoverage['plugins/list.js'][1096]++;
+  if ((! modifyStart)) {
+    _$jscoverage['plugins/list.js'][1097]++;
+    range.setStartBefore(me.document.getElementById(bko.start));
+  }
+  _$jscoverage['plugins/list.js'][1099]++;
+  if ((bko.end && (! modifyEnd))) {
+    _$jscoverage['plugins/list.js'][1100]++;
+    range.setEndAfter(me.document.getElementById(bko.end));
+  }
+  _$jscoverage['plugins/list.js'][1102]++;
+  range.enlarge(true, (function (node) {
+  _$jscoverage['plugins/list.js'][1103]++;
+  return notExchange[node.tagName];
+}));
+  _$jscoverage['plugins/list.js'][1106]++;
+  frag = me.document.createDocumentFragment();
+  _$jscoverage['plugins/list.js'][1108]++;
+  var bk = range.createBookmark(), current = domUtils.getNextDomNode(bk.start, false, filterFn), tmpRange = range.cloneRange(), tmpNode, block = domUtils.isBlockElm;
+  _$jscoverage['plugins/list.js'][1114]++;
+  while ((current && (current !== bk.end) && (domUtils.getPosition(current, bk.end) & domUtils.POSITION_PRECEDING))) {
+    _$jscoverage['plugins/list.js'][1116]++;
+    if (((current.nodeType == 3) || dtd.li[current.tagName])) {
+      _$jscoverage['plugins/list.js'][1117]++;
+      if (((current.nodeType == 1) && dtd.$list[current.tagName])) {
+        _$jscoverage['plugins/list.js'][1118]++;
+        while (current.firstChild) {
+          _$jscoverage['plugins/list.js'][1119]++;
+          frag.appendChild(current.firstChild);
+}
+        _$jscoverage['plugins/list.js'][1121]++;
+        tmpNode = domUtils.getNextDomNode(current, false, filterFn);
+        _$jscoverage['plugins/list.js'][1122]++;
+        domUtils.remove(current);
+        _$jscoverage['plugins/list.js'][1123]++;
+        current = tmpNode;
+        _$jscoverage['plugins/list.js'][1124]++;
+        continue;
+      }
+      _$jscoverage['plugins/list.js'][1127]++;
+      tmpNode = current;
+      _$jscoverage['plugins/list.js'][1128]++;
+      tmpRange.setStartBefore(current);
+      _$jscoverage['plugins/list.js'][1130]++;
+      while ((current && (current !== bk.end) && ((! block(current)) || domUtils.isBookmarkNode(current)))) {
+        _$jscoverage['plugins/list.js'][1131]++;
+        tmpNode = current;
+        _$jscoverage['plugins/list.js'][1132]++;
+        current = domUtils.getNextDomNode(current, false, null, (function (node) {
+  _$jscoverage['plugins/list.js'][1133]++;
+  return (! notExchange[node.tagName]);
+}));
+}
+      _$jscoverage['plugins/list.js'][1137]++;
+      if ((current && block(current))) {
+        _$jscoverage['plugins/list.js'][1138]++;
+        tmp = domUtils.getNextDomNode(tmpNode, false, filterFn);
+        _$jscoverage['plugins/list.js'][1139]++;
+        if ((tmp && domUtils.isBookmarkNode(tmp))) {
+          _$jscoverage['plugins/list.js'][1140]++;
+          current = domUtils.getNextDomNode(tmp, false, filterFn);
+          _$jscoverage['plugins/list.js'][1141]++;
+          tmpNode = tmp;
+        }
+      }
+      _$jscoverage['plugins/list.js'][1144]++;
+      tmpRange.setEndAfter(tmpNode);
+      _$jscoverage['plugins/list.js'][1146]++;
+      current = domUtils.getNextDomNode(tmpNode, false, filterFn);
+      _$jscoverage['plugins/list.js'][1148]++;
+      var li = range.document.createElement("li");
+      _$jscoverage['plugins/list.js'][1150]++;
+      li.appendChild(tmpRange.extractContents());
+      _$jscoverage['plugins/list.js'][1151]++;
+      if (domUtils.isEmptyNode(li)) {
+        _$jscoverage['plugins/list.js'][1152]++;
+        var tmpNode = range.document.createElement("p");
+        _$jscoverage['plugins/list.js'][1153]++;
+        while (li.firstChild) {
+          _$jscoverage['plugins/list.js'][1154]++;
+          tmpNode.appendChild(li.firstChild);
+}
+        _$jscoverage['plugins/list.js'][1156]++;
+        li.appendChild(tmpNode);
+      }
+      _$jscoverage['plugins/list.js'][1158]++;
+      frag.appendChild(li);
+    }
+    else {
+      _$jscoverage['plugins/list.js'][1160]++;
+      current = domUtils.getNextDomNode(current, true, filterFn);
+    }
+}
+  _$jscoverage['plugins/list.js'][1163]++;
+  range.moveToBookmark(bk).collapse(true);
+  _$jscoverage['plugins/list.js'][1164]++;
+  list = me.document.createElement(tag);
+  _$jscoverage['plugins/list.js'][1165]++;
+  setListStyle(list, style);
+  _$jscoverage['plugins/list.js'][1166]++;
+  list.appendChild(frag);
+  _$jscoverage['plugins/list.js'][1167]++;
+  range.insertNode(list);
+  _$jscoverage['plugins/list.js'][1169]++;
+  adjustList(list, tag, style);
+  _$jscoverage['plugins/list.js'][1171]++;
+  for (var i = 0, ci = ci, tmpDivs = domUtils.getElementsByTagName(list, "div"); (ci = tmpDivs[(i++)]);) {
+    _$jscoverage['plugins/list.js'][1172]++;
+    if (ci.getAttribute("tmpDiv")) {
+      _$jscoverage['plugins/list.js'][1173]++;
+      domUtils.remove(ci, true);
+    }
+}
+  _$jscoverage['plugins/list.js'][1176]++;
+  range.moveToBookmark(bko).select();
+}), queryCommandState: (function (command) {
+  _$jscoverage['plugins/list.js'][1180]++;
+  var tag = ((command.toLowerCase() == "insertorderedlist")? "ol": "ul");
+  _$jscoverage['plugins/list.js'][1181]++;
+  var path = this.selection.getStartElementPath();
+  _$jscoverage['plugins/list.js'][1182]++;
+  for (var i = 0, ci; (ci = path[(i++)]);) {
+    _$jscoverage['plugins/list.js'][1183]++;
+    if ((ci.nodeName == "TABLE")) {
+      _$jscoverage['plugins/list.js'][1184]++;
+      return 0;
+    }
+    _$jscoverage['plugins/list.js'][1186]++;
+    if ((tag == ci.nodeName.toLowerCase())) {
+      _$jscoverage['plugins/list.js'][1187]++;
+      return 1;
+    }
+    _$jscoverage['plugins/list.js'][1188]++;
+    ;
+}
+  _$jscoverage['plugins/list.js'][1190]++;
+  return 0;
+}), queryCommandValue: (function (command) {
+  _$jscoverage['plugins/list.js'][1194]++;
+  var tag = ((command.toLowerCase() == "insertorderedlist")? "ol": "ul");
+  _$jscoverage['plugins/list.js'][1195]++;
+  var path = this.selection.getStartElementPath(), node;
+  _$jscoverage['plugins/list.js'][1197]++;
+  for (var i = 0, ci; (ci = path[(i++)]);) {
+    _$jscoverage['plugins/list.js'][1198]++;
+    if ((ci.nodeName == "TABLE")) {
+      _$jscoverage['plugins/list.js'][1199]++;
+      node = null;
+      _$jscoverage['plugins/list.js'][1200]++;
+      break;
+    }
+    _$jscoverage['plugins/list.js'][1202]++;
+    if ((tag == ci.nodeName.toLowerCase())) {
+      _$jscoverage['plugins/list.js'][1203]++;
+      node = ci;
+      _$jscoverage['plugins/list.js'][1204]++;
+      break;
+    }
+    _$jscoverage['plugins/list.js'][1205]++;
+    ;
+}
+  _$jscoverage['plugins/list.js'][1207]++;
+  return (node? (getStyle(node) || domUtils.getComputedStyle(node, "list-style-type")): null);
+})});
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/music.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/music.js
new file mode 100644
index 000000000..ee7d4efc9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/music.js
@@ -0,0 +1,135 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/music.js']) {
+  _$jscoverage['plugins/music.js'] = [];
+  _$jscoverage['plugins/music.js'][24] = 0;
+  _$jscoverage['plugins/music.js'][25] = 0;
+  _$jscoverage['plugins/music.js'][37] = 0;
+  _$jscoverage['plugins/music.js'][38] = 0;
+  _$jscoverage['plugins/music.js'][50] = 0;
+  _$jscoverage['plugins/music.js'][51] = 0;
+  _$jscoverage['plugins/music.js'][53] = 0;
+  _$jscoverage['plugins/music.js'][54] = 0;
+  _$jscoverage['plugins/music.js'][55] = 0;
+  _$jscoverage['plugins/music.js'][57] = 0;
+  _$jscoverage['plugins/music.js'][59] = 0;
+  _$jscoverage['plugins/music.js'][60] = 0;
+  _$jscoverage['plugins/music.js'][61] = 0;
+  _$jscoverage['plugins/music.js'][62] = 0;
+  _$jscoverage['plugins/music.js'][66] = 0;
+  _$jscoverage['plugins/music.js'][67] = 0;
+  _$jscoverage['plugins/music.js'][69] = 0;
+  _$jscoverage['plugins/music.js'][70] = 0;
+  _$jscoverage['plugins/music.js'][72] = 0;
+  _$jscoverage['plugins/music.js'][73] = 0;
+  _$jscoverage['plugins/music.js'][74] = 0;
+  _$jscoverage['plugins/music.js'][76] = 0;
+  _$jscoverage['plugins/music.js'][79] = 0;
+  _$jscoverage['plugins/music.js'][81] = 0;
+  _$jscoverage['plugins/music.js'][83] = 0;
+  _$jscoverage['plugins/music.js'][86] = 0;
+  _$jscoverage['plugins/music.js'][89] = 0;
+}
+_$jscoverage['plugins/music.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#38899;&#20048;&#21629;&#20196;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22312;&#24403;&#21069;&#20809;&#26631;&#22788;&#25554;&#20837;&#38899;&#20048;</span>","<span class=\"c\"> * @command music</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { KeyValueMap } musicOptions &#25554;&#20837;&#38899;&#20048;&#30340;&#21442;&#25968;&#39033;&#65292; &#25903;&#25345;&#30340;key&#26377;&#65306; url=&gt;&#38899;&#20048;&#22320;&#22336;&#65307;</span>","<span class=\"c\"> * width=&gt;&#38899;&#20048;&#23481;&#22120;&#23485;&#24230;&#65307;height=&gt;&#38899;&#20048;&#23481;&#22120;&#39640;&#24230;&#65307;align=&gt;&#38899;&#20048;&#25991;&#20214;&#30340;&#23545;&#40784;&#26041;&#24335;&#65292; &#21487;&#36873;&#20540;&#26377;: left, center, right, none</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\"> * //&#22312;&#32534;&#36753;&#22120;&#37324;&#25554;&#20837;&#19968;&#20010;&#8220;&#26893;&#29289;&#22823;&#25112;&#20725;&#23608;&#8221;&#30340;APP</span>","<span class=\"c\"> * editor.execCommand( 'music' , {</span>","<span class=\"c\"> *     width: 400,</span>","<span class=\"c\"> *     height: 95,</span>","<span class=\"c\"> *     align: \"center\",</span>","<span class=\"c\"> *     url: \"&#38899;&#20048;&#22320;&#22336;\"</span>","<span class=\"c\"> * } );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'music'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        div<span class=\"k\">;</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#21019;&#24314;&#25554;&#20837;&#38899;&#20048;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @param url &#38899;&#20048;&#22320;&#22336;</span>","<span class=\"c\">     * @param width &#38899;&#20048;&#23485;&#24230;</span>","<span class=\"c\">     * @param height &#38899;&#20048;&#39640;&#24230;</span>","<span class=\"c\">     * @param align &#23545;&#40784;</span>","<span class=\"c\">     * @param toEmbed &#26159;&#21542;&#20197;flash&#20195;&#26367;&#26174;&#31034;</span>","<span class=\"c\">     * @param addParagraph  &#26159;&#21542;&#38656;&#35201;&#28155;&#21152;P&#26631;&#31614;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> creatInsertStr<span class=\"k\">(</span>url<span class=\"k\">,</span>width<span class=\"k\">,</span>height<span class=\"k\">,</span>align<span class=\"k\">,</span>toEmbed<span class=\"k\">,</span>addParagraph<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">return</span>  <span class=\"k\">!</span>toEmbed <span class=\"k\">?</span>","            <span class=\"k\">(</span>addParagraph<span class=\"k\">?</span> <span class=\"k\">(</span><span class=\"s\">'&lt;p '</span><span class=\"k\">+</span> <span class=\"k\">(</span>align <span class=\"k\">!=</span><span class=\"s\">\"none\"</span> <span class=\"k\">?</span> <span class=\"k\">(</span> align <span class=\"k\">==</span> <span class=\"s\">\"center\"</span><span class=\"k\">?</span> <span class=\"s\">' style=\"text-align:center;\" '</span><span class=\"k\">:</span><span class=\"s\">' style=\"float:\"'</span><span class=\"k\">+</span> align <span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span><span class=\"k\">):</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;img align=\"'</span><span class=\"k\">+</span>align<span class=\"k\">+</span><span class=\"s\">'\" width=\"'</span><span class=\"k\">+</span> width <span class=\"k\">+</span><span class=\"s\">'\" height=\"'</span> <span class=\"k\">+</span> height <span class=\"k\">+</span> <span class=\"s\">'\" _url=\"'</span><span class=\"k\">+</span>url<span class=\"k\">+</span><span class=\"s\">'\" class=\"edui-faked-music\"'</span> <span class=\"k\">+</span>","                <span class=\"s\">' src=\"'</span><span class=\"k\">+</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>langPath<span class=\"k\">+</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>lang<span class=\"k\">+</span><span class=\"s\">'/images/music.png\" /&gt;'</span> <span class=\"k\">+</span>","                <span class=\"k\">(</span>addParagraph<span class=\"k\">?</span><span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">)</span>","            <span class=\"k\">:</span>","            <span class=\"s\">'&lt;embed type=\"application/x-shockwave-flash\" class=\"edui-faked-music\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"'</span> <span class=\"k\">+</span>","                <span class=\"s\">' src=\"'</span> <span class=\"k\">+</span> url <span class=\"k\">+</span> <span class=\"s\">'\" width=\"'</span> <span class=\"k\">+</span> width  <span class=\"k\">+</span> <span class=\"s\">'\" height=\"'</span> <span class=\"k\">+</span> height  <span class=\"k\">+</span> <span class=\"s\">'\" align=\"'</span> <span class=\"k\">+</span> align <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">+</span>","                <span class=\"k\">(</span> align <span class=\"k\">!=</span><span class=\"s\">\"none\"</span> <span class=\"k\">?</span> <span class=\"s\">' style= \"'</span><span class=\"k\">+</span> <span class=\"k\">(</span> align <span class=\"k\">==</span> <span class=\"s\">\"center\"</span><span class=\"k\">?</span> <span class=\"s\">\"display:block;\"</span><span class=\"k\">:</span><span class=\"s\">\" float: \"</span><span class=\"k\">+</span> align <span class=\"k\">)</span>  <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span><span class=\"s\">''</span> <span class=\"k\">)</span> <span class=\"k\">+</span>","                <span class=\"s\">' wmode=\"transparent\" play=\"true\" loop=\"false\" menu=\"false\" allowscriptaccess=\"never\" allowfullscreen=\"true\" &gt;'</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> switchImgAndEmbed<span class=\"k\">(</span>img2embed<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tmpdiv<span class=\"k\">,</span>","            nodes <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"k\">!</span>img2embed <span class=\"k\">?</span> <span class=\"s\">\"embed\"</span> <span class=\"k\">:</span> <span class=\"s\">\"img\"</span><span class=\"k\">);</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> node<span class=\"k\">;</span> node <span class=\"k\">=</span> nodes<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>className <span class=\"k\">!=</span> <span class=\"s\">\"edui-faked-music\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">continue</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            tmpdiv <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"div\"</span><span class=\"k\">);</span>","            <span class=\"c\">//&#20808;&#30475;float&#22312;&#30475;align,&#28014;&#21160;&#26377;&#30340;&#26159;&#26102;&#20505;&#26159;&#22312;float&#19978;&#23450;&#20041;&#30340;</span>","            <span class=\"k\">var</span> align <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"s\">'float'</span><span class=\"k\">);</span>","            align <span class=\"k\">=</span> align <span class=\"k\">==</span> <span class=\"s\">'none'</span> <span class=\"k\">?</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">:</span> align<span class=\"k\">;</span>","            tmpdiv<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> creatInsertStr<span class=\"k\">(</span>img2embed <span class=\"k\">?</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"_url\"</span><span class=\"k\">)</span> <span class=\"k\">:</span> node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"src\"</span><span class=\"k\">),</span> node<span class=\"k\">.</span>width<span class=\"k\">,</span> node<span class=\"k\">.</span>height<span class=\"k\">,</span> align<span class=\"k\">,</span> img2embed<span class=\"k\">);</span>","            node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>replaceChild<span class=\"k\">(</span>tmpdiv<span class=\"k\">.</span>firstChild<span class=\"k\">,</span> node<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"beforegetcontent\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        switchImgAndEmbed<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'aftersetcontent'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        switchImgAndEmbed<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'aftergetcontent'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>cmdName <span class=\"k\">==</span> <span class=\"s\">'aftergetcontent'</span> <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'source'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        switchImgAndEmbed<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"music\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> musicObj<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                str <span class=\"k\">=</span> creatInsertStr<span class=\"k\">(</span>musicObj<span class=\"k\">.</span>url<span class=\"k\">,</span> musicObj<span class=\"k\">.</span>width <span class=\"k\">||</span> <span class=\"s\">400</span><span class=\"k\">,</span> musicObj<span class=\"k\">.</span>height <span class=\"k\">||</span> <span class=\"s\">95</span><span class=\"k\">,</span> <span class=\"s\">\"none\"</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"inserthtml\"</span><span class=\"k\">,</span>str<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandState<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                img <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>getClosedNode<span class=\"k\">(),</span>","                flag <span class=\"k\">=</span> img <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>className <span class=\"k\">==</span> <span class=\"s\">\"edui-faked-music\"</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> flag <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/music.js'][24]++;
+UE.plugins.music = (function () {
+  _$jscoverage['plugins/music.js'][25]++;
+  var me = this, div;
+  _$jscoverage['plugins/music.js'][37]++;
+  function creatInsertStr(url, width, height, align, toEmbed, addParagraph) {
+    _$jscoverage['plugins/music.js'][38]++;
+    return ((! toEmbed)? ((addParagraph? ("<p " + ((align != "none")? ((align == "center")? " style=\"text-align:center;\" ": (" style=\"float:\"" + align)): "") + ">"): "") + "<img align=\"" + align + "\" width=\"" + width + "\" height=\"" + height + "\" _url=\"" + url + "\" class=\"edui-faked-music\"" + " src=\"" + me.options.langPath + me.options.lang + "/images/music.png\" />" + (addParagraph? "</p>": "")): ("<embed type=\"application/x-shockwave-flash\" class=\"edui-faked-music\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"" + " src=\"" + url + "\" width=\"" + width + "\" height=\"" + height + "\" align=\"" + align + "\"" + ((align != "none")? (" style= \"" + ((align == "center")? "display:block;": (" float: " + align)) + "\""): "") + " wmode=\"transparent\" play=\"true\" loop=\"false\" menu=\"false\" allowscriptaccess=\"never\" allowfullscreen=\"true\" >"));
+}
+  _$jscoverage['plugins/music.js'][50]++;
+  function switchImgAndEmbed(img2embed) {
+    _$jscoverage['plugins/music.js'][51]++;
+    var tmpdiv, nodes = domUtils.getElementsByTagName(me.document, ((! img2embed)? "embed": "img"));
+    _$jscoverage['plugins/music.js'][53]++;
+    for (var i = 0, node; (node = nodes[(i++)]);) {
+      _$jscoverage['plugins/music.js'][54]++;
+      if ((node.className != "edui-faked-music")) {
+        _$jscoverage['plugins/music.js'][55]++;
+        continue;
+      }
+      _$jscoverage['plugins/music.js'][57]++;
+      tmpdiv = me.document.createElement("div");
+      _$jscoverage['plugins/music.js'][59]++;
+      var align = domUtils.getComputedStyle(node, "float");
+      _$jscoverage['plugins/music.js'][60]++;
+      align = ((align == "none")? (node.getAttribute("align") || ""): align);
+      _$jscoverage['plugins/music.js'][61]++;
+      tmpdiv.innerHTML = creatInsertStr((img2embed? node.getAttribute("_url"): node.getAttribute("src")), node.width, node.height, align, img2embed);
+      _$jscoverage['plugins/music.js'][62]++;
+      node.parentNode.replaceChild(tmpdiv.firstChild, node);
+}
+}
+  _$jscoverage['plugins/music.js'][66]++;
+  me.addListener("beforegetcontent", (function () {
+  _$jscoverage['plugins/music.js'][67]++;
+  switchImgAndEmbed(true);
+}));
+  _$jscoverage['plugins/music.js'][69]++;
+  me.addListener("aftersetcontent", (function () {
+  _$jscoverage['plugins/music.js'][70]++;
+  switchImgAndEmbed(false);
+}));
+  _$jscoverage['plugins/music.js'][72]++;
+  me.addListener("aftergetcontent", (function (cmdName) {
+  _$jscoverage['plugins/music.js'][73]++;
+  if (((cmdName == "aftergetcontent") && me.queryCommandState("source"))) {
+    _$jscoverage['plugins/music.js'][74]++;
+    return;
+  }
+  _$jscoverage['plugins/music.js'][76]++;
+  switchImgAndEmbed(false);
+}));
+  _$jscoverage['plugins/music.js'][79]++;
+  me.commands.music = {execCommand: (function (cmd, musicObj) {
+  _$jscoverage['plugins/music.js'][81]++;
+  var me = this, str = creatInsertStr(musicObj.url, (musicObj.width || 400), (musicObj.height || 95), "none", false, true);
+  _$jscoverage['plugins/music.js'][83]++;
+  me.execCommand("inserthtml", str);
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/music.js'][86]++;
+  var me = this, img = me.selection.getRange().getClosedNode(), flag = (img && (img.className == "edui-faked-music"));
+  _$jscoverage['plugins/music.js'][89]++;
+  return (flag? 1: 0);
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/pagebreak.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/pagebreak.js
new file mode 100644
index 000000000..33d635338
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/pagebreak.js
@@ -0,0 +1,303 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/pagebreak.js']) {
+  _$jscoverage['plugins/pagebreak.js'] = [];
+  _$jscoverage['plugins/pagebreak.js'][7] = 0;
+  _$jscoverage['plugins/pagebreak.js'][8] = 0;
+  _$jscoverage['plugins/pagebreak.js'][10] = 0;
+  _$jscoverage['plugins/pagebreak.js'][12] = 0;
+  _$jscoverage['plugins/pagebreak.js'][13] = 0;
+  _$jscoverage['plugins/pagebreak.js'][14] = 0;
+  _$jscoverage['plugins/pagebreak.js'][16] = 0;
+  _$jscoverage['plugins/pagebreak.js'][17] = 0;
+  _$jscoverage['plugins/pagebreak.js'][18] = 0;
+  _$jscoverage['plugins/pagebreak.js'][20] = 0;
+  _$jscoverage['plugins/pagebreak.js'][21] = 0;
+  _$jscoverage['plugins/pagebreak.js'][26] = 0;
+  _$jscoverage['plugins/pagebreak.js'][27] = 0;
+  _$jscoverage['plugins/pagebreak.js'][29] = 0;
+  _$jscoverage['plugins/pagebreak.js'][30] = 0;
+  _$jscoverage['plugins/pagebreak.js'][32] = 0;
+  _$jscoverage['plugins/pagebreak.js'][33] = 0;
+  _$jscoverage['plugins/pagebreak.js'][34] = 0;
+  _$jscoverage['plugins/pagebreak.js'][35] = 0;
+  _$jscoverage['plugins/pagebreak.js'][36] = 0;
+  _$jscoverage['plugins/pagebreak.js'][37] = 0;
+  _$jscoverage['plugins/pagebreak.js'][41] = 0;
+  _$jscoverage['plugins/pagebreak.js'][42] = 0;
+  _$jscoverage['plugins/pagebreak.js'][43] = 0;
+  _$jscoverage['plugins/pagebreak.js'][44] = 0;
+  _$jscoverage['plugins/pagebreak.js'][45] = 0;
+  _$jscoverage['plugins/pagebreak.js'][46] = 0;
+  _$jscoverage['plugins/pagebreak.js'][62] = 0;
+  _$jscoverage['plugins/pagebreak.js'][64] = 0;
+  _$jscoverage['plugins/pagebreak.js'][65] = 0;
+  _$jscoverage['plugins/pagebreak.js'][70] = 0;
+  _$jscoverage['plugins/pagebreak.js'][72] = 0;
+  _$jscoverage['plugins/pagebreak.js'][75] = 0;
+  _$jscoverage['plugins/pagebreak.js'][76] = 0;
+  _$jscoverage['plugins/pagebreak.js'][78] = 0;
+  _$jscoverage['plugins/pagebreak.js'][79] = 0;
+  _$jscoverage['plugins/pagebreak.js'][80] = 0;
+  _$jscoverage['plugins/pagebreak.js'][88] = 0;
+  _$jscoverage['plugins/pagebreak.js'][89] = 0;
+  _$jscoverage['plugins/pagebreak.js'][92] = 0;
+  _$jscoverage['plugins/pagebreak.js'][93] = 0;
+  _$jscoverage['plugins/pagebreak.js'][96] = 0;
+  _$jscoverage['plugins/pagebreak.js'][97] = 0;
+  _$jscoverage['plugins/pagebreak.js'][98] = 0;
+  _$jscoverage['plugins/pagebreak.js'][102] = 0;
+  _$jscoverage['plugins/pagebreak.js'][107] = 0;
+  _$jscoverage['plugins/pagebreak.js'][108] = 0;
+  _$jscoverage['plugins/pagebreak.js'][109] = 0;
+  _$jscoverage['plugins/pagebreak.js'][110] = 0;
+  _$jscoverage['plugins/pagebreak.js'][111] = 0;
+  _$jscoverage['plugins/pagebreak.js'][112] = 0;
+  _$jscoverage['plugins/pagebreak.js'][113] = 0;
+  _$jscoverage['plugins/pagebreak.js'][117] = 0;
+  _$jscoverage['plugins/pagebreak.js'][119] = 0;
+  _$jscoverage['plugins/pagebreak.js'][120] = 0;
+  _$jscoverage['plugins/pagebreak.js'][121] = 0;
+  _$jscoverage['plugins/pagebreak.js'][122] = 0;
+  _$jscoverage['plugins/pagebreak.js'][123] = 0;
+  _$jscoverage['plugins/pagebreak.js'][124] = 0;
+  _$jscoverage['plugins/pagebreak.js'][126] = 0;
+  _$jscoverage['plugins/pagebreak.js'][128] = 0;
+  _$jscoverage['plugins/pagebreak.js'][129] = 0;
+  _$jscoverage['plugins/pagebreak.js'][130] = 0;
+  _$jscoverage['plugins/pagebreak.js'][131] = 0;
+  _$jscoverage['plugins/pagebreak.js'][133] = 0;
+  _$jscoverage['plugins/pagebreak.js'][136] = 0;
+  _$jscoverage['plugins/pagebreak.js'][137] = 0;
+  _$jscoverage['plugins/pagebreak.js'][139] = 0;
+  _$jscoverage['plugins/pagebreak.js'][140] = 0;
+  _$jscoverage['plugins/pagebreak.js'][141] = 0;
+  _$jscoverage['plugins/pagebreak.js'][143] = 0;
+  _$jscoverage['plugins/pagebreak.js'][144] = 0;
+  _$jscoverage['plugins/pagebreak.js'][146] = 0;
+  _$jscoverage['plugins/pagebreak.js'][148] = 0;
+  _$jscoverage['plugins/pagebreak.js'][151] = 0;
+}
+_$jscoverage['plugins/pagebreak.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#20998;&#39029;&#21151;&#33021;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'pagebreak'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        notBreakTags <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'td'</span><span class=\"k\">];</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"s\">'pageBreakTag'</span><span class=\"k\">,</span><span class=\"s\">'_ueditor_page_break_tag_'</span><span class=\"k\">);</span>","","    <span class=\"k\">function</span> fillNode<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>node<span class=\"k\">))</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> firstChild <span class=\"k\">=</span> node<span class=\"k\">.</span>firstChild<span class=\"k\">,</span>tmpNode<span class=\"k\">;</span>","","            <span class=\"k\">while</span><span class=\"k\">(</span>firstChild <span class=\"k\">&amp;&amp;</span> firstChild<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>firstChild<span class=\"k\">))</span><span class=\"k\">{</span>","                tmpNode <span class=\"k\">=</span> firstChild<span class=\"k\">;</span>","                firstChild <span class=\"k\">=</span> firstChild<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">!</span>tmpNode <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">=</span> node<span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span>tmpNode<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","    <span class=\"c\">//&#20998;&#39029;&#31526;&#26679;&#24335;&#28155;&#21152;</span>","","    me<span class=\"k\">.</span>ready<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>cssRule<span class=\"k\">(</span><span class=\"s\">'pagebreak'</span><span class=\"k\">,</span><span class=\"s\">'.pagebreak{display:block;clear:both !important;cursor:default !important;width: 100% !important;margin:0;}'</span><span class=\"k\">,</span>me<span class=\"k\">.</span>document<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">function</span> isHr<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">return</span> node <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'HR'</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>className <span class=\"k\">==</span> <span class=\"s\">'pagebreak'</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","    me<span class=\"k\">.</span>addInputRule<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>root<span class=\"k\">)</span><span class=\"k\">{</span>","        root<span class=\"k\">.</span>traversal<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'text'</span> <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>data <span class=\"k\">==</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>pageBreakTag<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> hr <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'&lt;hr class=\"pagebreak\" noshade=\"noshade\" size=\"5\" style=\"-webkit-user-select: none;\"&gt;'</span><span class=\"k\">);</span>","                node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>hr<span class=\"k\">,</span>node<span class=\"k\">);</span>","                node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addOutputRule<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>node<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'hr'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>n<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>n<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'class'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">'pagebreak'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> txt <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createText<span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>pageBreakTag<span class=\"k\">);</span>","                n<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>txt<span class=\"k\">,</span>n<span class=\"k\">);</span>","                n<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>n<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#25554;&#20837;&#20998;&#39029;&#31526;&#65292;&#22312;&#24403;&#21069;&#20809;&#26631;&#25554;&#20837;&#20998;&#39029;&#31526;</span>","<span class=\"c\">     * @command pagebreak</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.execCommand( 'pagebreak'); //&#25554;&#20837;&#19968;&#20010;hr&#26631;&#31614;&#65292;&#24102;&#26377;&#26679;&#24335;&#31867;&#21517;pagebreak</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'pagebreak'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>hr <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'hr'</span><span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>hr<span class=\"k\">,</span><span class=\"k\">{</span>","                <span class=\"s\">'class'</span> <span class=\"k\">:</span> <span class=\"s\">'pagebreak'</span><span class=\"k\">,</span>","                noshade<span class=\"k\">:</span><span class=\"s\">\"noshade\"</span><span class=\"k\">,</span>","                size<span class=\"k\">:</span><span class=\"s\">\"5\"</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>unSelectable<span class=\"k\">(</span>hr<span class=\"k\">);</span>","            <span class=\"c\">//table&#21333;&#29420;&#22788;&#29702;</span>","            <span class=\"k\">var</span> node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> notBreakTags<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">),</span>","","                parents <span class=\"k\">=</span> <span class=\"k\">[],</span> pN<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">switch</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">case</span> <span class=\"s\">'TD'</span><span class=\"k\">:</span>","                        pN <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>pN<span class=\"k\">.</span>previousSibling<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>pN<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">);</span>","<span class=\"c\">//                            var tableWrapDiv = table.parentNode;</span>","<span class=\"c\">//                            if(tableWrapDiv &amp;&amp; tableWrapDiv.nodeType == 1</span>","<span class=\"c\">//                                &amp;&amp; tableWrapDiv.tagName == 'DIV'</span>","<span class=\"c\">//                                &amp;&amp; tableWrapDiv.getAttribute('dropdrag')</span>","<span class=\"c\">//                                ){</span>","<span class=\"c\">//                                domUtils.remove(tableWrapDiv,true);</span>","<span class=\"c\">//                            }</span>","                            table<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>hr<span class=\"k\">,</span> table<span class=\"k\">);</span>","                            parents <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParents<span class=\"k\">(</span>hr<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            pN<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>hr<span class=\"k\">,</span> pN<span class=\"k\">);</span>","                            parents <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParents<span class=\"k\">(</span>hr<span class=\"k\">);</span>","","                        <span class=\"k\">}</span>","                        pN <span class=\"k\">=</span> parents<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">];</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>hr <span class=\"k\">!==</span> pN<span class=\"k\">)</span> <span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span>hr<span class=\"k\">,</span> pN<span class=\"k\">);</span>","","                        <span class=\"k\">}</span>","                        <span class=\"c\">//table&#35201;&#37325;&#20889;&#32465;&#23450;&#19968;&#19979;&#25302;&#25341;</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'afteradjusttable'</span><span class=\"k\">,</span>me<span class=\"k\">.</span>document<span class=\"k\">);</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>deleteContents<span class=\"k\">();</span>","                    <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>start<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>start<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>start<span class=\"k\">))</span> <span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>start<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>start<span class=\"k\">);</span>","                        start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>hr<span class=\"k\">);</span>","","                <span class=\"k\">var</span> pN <span class=\"k\">=</span> hr<span class=\"k\">.</span>parentNode<span class=\"k\">,</span> nextNode<span class=\"k\">;</span>","                <span class=\"k\">while</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>pN<span class=\"k\">))</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span>hr<span class=\"k\">,</span> pN<span class=\"k\">);</span>","                    nextNode <span class=\"k\">=</span> hr<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>nextNode <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>nextNode<span class=\"k\">))</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>nextNode<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    pN <span class=\"k\">=</span> hr<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                nextNode <span class=\"k\">=</span> hr<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                <span class=\"k\">var</span> pre <span class=\"k\">=</span> hr<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>isHr<span class=\"k\">(</span>pre<span class=\"k\">))</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>pre<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    pre <span class=\"k\">&amp;&amp;</span> fillNode<span class=\"k\">(</span>pre<span class=\"k\">);</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">if</span><span class=\"k\">(!</span>nextNode<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> p <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","","                    hr<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>p<span class=\"k\">);</span>","                    domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span>p<span class=\"k\">);</span>","                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>p<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>isHr<span class=\"k\">(</span>nextNode<span class=\"k\">))</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>nextNode<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        fillNode<span class=\"k\">(</span>nextNode<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>hr<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","","                range<span class=\"k\">.</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/pagebreak.js'][7]++;
+UE.plugins.pagebreak = (function () {
+  _$jscoverage['plugins/pagebreak.js'][8]++;
+  var me = this, notBreakTags = ["td"];
+  _$jscoverage['plugins/pagebreak.js'][10]++;
+  me.setOpt("pageBreakTag", "_ueditor_page_break_tag_");
+  _$jscoverage['plugins/pagebreak.js'][12]++;
+  function fillNode(node) {
+    _$jscoverage['plugins/pagebreak.js'][13]++;
+    if (domUtils.isEmptyBlock(node)) {
+      _$jscoverage['plugins/pagebreak.js'][14]++;
+      var firstChild = node.firstChild, tmpNode;
+      _$jscoverage['plugins/pagebreak.js'][16]++;
+      while ((firstChild && (firstChild.nodeType == 1) && domUtils.isEmptyBlock(firstChild))) {
+        _$jscoverage['plugins/pagebreak.js'][17]++;
+        tmpNode = firstChild;
+        _$jscoverage['plugins/pagebreak.js'][18]++;
+        firstChild = firstChild.firstChild;
+}
+      _$jscoverage['plugins/pagebreak.js'][20]++;
+      ((! tmpNode) && (tmpNode = node));
+      _$jscoverage['plugins/pagebreak.js'][21]++;
+      domUtils.fillNode(me.document, tmpNode);
+    }
+}
+  _$jscoverage['plugins/pagebreak.js'][26]++;
+  me.ready((function () {
+  _$jscoverage['plugins/pagebreak.js'][27]++;
+  utils.cssRule("pagebreak", ".pagebreak{display:block;clear:both !important;cursor:default !important;width: 100% !important;margin:0;}", me.document);
+}));
+  _$jscoverage['plugins/pagebreak.js'][29]++;
+  function isHr(node) {
+    _$jscoverage['plugins/pagebreak.js'][30]++;
+    return (node && (node.nodeType == 1) && (node.tagName == "HR") && (node.className == "pagebreak"));
+}
+  _$jscoverage['plugins/pagebreak.js'][32]++;
+  me.addInputRule((function (root) {
+  _$jscoverage['plugins/pagebreak.js'][33]++;
+  root.traversal((function (node) {
+  _$jscoverage['plugins/pagebreak.js'][34]++;
+  if (((node.type == "text") && (node.data == me.options.pageBreakTag))) {
+    _$jscoverage['plugins/pagebreak.js'][35]++;
+    var hr = UE.uNode.createElement("<hr class=\"pagebreak\" noshade=\"noshade\" size=\"5\" style=\"-webkit-user-select: none;\">");
+    _$jscoverage['plugins/pagebreak.js'][36]++;
+    node.parentNode.insertBefore(hr, node);
+    _$jscoverage['plugins/pagebreak.js'][37]++;
+    node.parentNode.removeChild(node);
+  }
+}));
+}));
+  _$jscoverage['plugins/pagebreak.js'][41]++;
+  me.addOutputRule((function (node) {
+  _$jscoverage['plugins/pagebreak.js'][42]++;
+  utils.each(node.getNodesByTagName("hr"), (function (n) {
+  _$jscoverage['plugins/pagebreak.js'][43]++;
+  if ((n.getAttr("class") == "pagebreak")) {
+    _$jscoverage['plugins/pagebreak.js'][44]++;
+    var txt = UE.uNode.createText(me.options.pageBreakTag);
+    _$jscoverage['plugins/pagebreak.js'][45]++;
+    n.parentNode.insertBefore(txt, n);
+    _$jscoverage['plugins/pagebreak.js'][46]++;
+    n.parentNode.removeChild(n);
+  }
+}));
+}));
+  _$jscoverage['plugins/pagebreak.js'][62]++;
+  me.commands.pagebreak = {execCommand: (function () {
+  _$jscoverage['plugins/pagebreak.js'][64]++;
+  var range = me.selection.getRange(), hr = me.document.createElement("hr");
+  _$jscoverage['plugins/pagebreak.js'][65]++;
+  domUtils.setAttributes(hr, {"class": "pagebreak", noshade: "noshade", size: "5"});
+  _$jscoverage['plugins/pagebreak.js'][70]++;
+  domUtils.unSelectable(hr);
+  _$jscoverage['plugins/pagebreak.js'][72]++;
+  var node = domUtils.findParentByTagName(range.startContainer, notBreakTags, true), parents = [], pN;
+  _$jscoverage['plugins/pagebreak.js'][75]++;
+  if (node) {
+    _$jscoverage['plugins/pagebreak.js'][76]++;
+    switch (node.tagName) {
+    case "TD":
+      _$jscoverage['plugins/pagebreak.js'][78]++;
+      pN = node.parentNode;
+      _$jscoverage['plugins/pagebreak.js'][79]++;
+      if ((! pN.previousSibling)) {
+        _$jscoverage['plugins/pagebreak.js'][80]++;
+        var table = domUtils.findParentByTagName(pN, "table");
+        _$jscoverage['plugins/pagebreak.js'][88]++;
+        table.parentNode.insertBefore(hr, table);
+        _$jscoverage['plugins/pagebreak.js'][89]++;
+        parents = domUtils.findParents(hr, true);
+      }
+      else {
+        _$jscoverage['plugins/pagebreak.js'][92]++;
+        pN.parentNode.insertBefore(hr, pN);
+        _$jscoverage['plugins/pagebreak.js'][93]++;
+        parents = domUtils.findParents(hr);
+      }
+      _$jscoverage['plugins/pagebreak.js'][96]++;
+      pN = parents[1];
+      _$jscoverage['plugins/pagebreak.js'][97]++;
+      if ((hr !== pN)) {
+        _$jscoverage['plugins/pagebreak.js'][98]++;
+        domUtils.breakParent(hr, pN);
+      }
+      _$jscoverage['plugins/pagebreak.js'][102]++;
+      me.fireEvent("afteradjusttable", me.document);
+    }
+  }
+  else {
+    _$jscoverage['plugins/pagebreak.js'][107]++;
+    if ((! range.collapsed)) {
+      _$jscoverage['plugins/pagebreak.js'][108]++;
+      range.deleteContents();
+      _$jscoverage['plugins/pagebreak.js'][109]++;
+      var start = range.startContainer;
+      _$jscoverage['plugins/pagebreak.js'][110]++;
+      while (((! domUtils.isBody(start)) && domUtils.isBlockElm(start) && domUtils.isEmptyNode(start))) {
+        _$jscoverage['plugins/pagebreak.js'][111]++;
+        range.setStartBefore(start).collapse(true);
+        _$jscoverage['plugins/pagebreak.js'][112]++;
+        domUtils.remove(start);
+        _$jscoverage['plugins/pagebreak.js'][113]++;
+        start = range.startContainer;
+}
+    }
+    _$jscoverage['plugins/pagebreak.js'][117]++;
+    range.insertNode(hr);
+    _$jscoverage['plugins/pagebreak.js'][119]++;
+    var pN = hr.parentNode, nextNode;
+    _$jscoverage['plugins/pagebreak.js'][120]++;
+    while ((! domUtils.isBody(pN))) {
+      _$jscoverage['plugins/pagebreak.js'][121]++;
+      domUtils.breakParent(hr, pN);
+      _$jscoverage['plugins/pagebreak.js'][122]++;
+      nextNode = hr.nextSibling;
+      _$jscoverage['plugins/pagebreak.js'][123]++;
+      if ((nextNode && domUtils.isEmptyBlock(nextNode))) {
+        _$jscoverage['plugins/pagebreak.js'][124]++;
+        domUtils.remove(nextNode);
+      }
+      _$jscoverage['plugins/pagebreak.js'][126]++;
+      pN = hr.parentNode;
+}
+    _$jscoverage['plugins/pagebreak.js'][128]++;
+    nextNode = hr.nextSibling;
+    _$jscoverage['plugins/pagebreak.js'][129]++;
+    var pre = hr.previousSibling;
+    _$jscoverage['plugins/pagebreak.js'][130]++;
+    if (isHr(pre)) {
+      _$jscoverage['plugins/pagebreak.js'][131]++;
+      domUtils.remove(pre);
+    }
+    else {
+      _$jscoverage['plugins/pagebreak.js'][133]++;
+      (pre && fillNode(pre));
+    }
+    _$jscoverage['plugins/pagebreak.js'][136]++;
+    if ((! nextNode)) {
+      _$jscoverage['plugins/pagebreak.js'][137]++;
+      var p = me.document.createElement("p");
+      _$jscoverage['plugins/pagebreak.js'][139]++;
+      hr.parentNode.appendChild(p);
+      _$jscoverage['plugins/pagebreak.js'][140]++;
+      domUtils.fillNode(me.document, p);
+      _$jscoverage['plugins/pagebreak.js'][141]++;
+      range.setStart(p, 0).collapse(true);
+    }
+    else {
+      _$jscoverage['plugins/pagebreak.js'][143]++;
+      if (isHr(nextNode)) {
+        _$jscoverage['plugins/pagebreak.js'][144]++;
+        domUtils.remove(nextNode);
+      }
+      else {
+        _$jscoverage['plugins/pagebreak.js'][146]++;
+        fillNode(nextNode);
+      }
+      _$jscoverage['plugins/pagebreak.js'][148]++;
+      range.setEndAfter(hr).collapse(false);
+    }
+    _$jscoverage['plugins/pagebreak.js'][151]++;
+    range.select(true);
+  }
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/paragraph.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/paragraph.js
new file mode 100644
index 000000000..33ceb78b6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/paragraph.js
@@ -0,0 +1,290 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/paragraph.js']) {
+  _$jscoverage['plugins/paragraph.js'] = [];
+  _$jscoverage['plugins/paragraph.js'][47] = 0;
+  _$jscoverage['plugins/paragraph.js'][48] = 0;
+  _$jscoverage['plugins/paragraph.js'][53] = 0;
+  _$jscoverage['plugins/paragraph.js'][55] = 0;
+  _$jscoverage['plugins/paragraph.js'][59] = 0;
+  _$jscoverage['plugins/paragraph.js'][60] = 0;
+  _$jscoverage['plugins/paragraph.js'][64] = 0;
+  _$jscoverage['plugins/paragraph.js'][65] = 0;
+  _$jscoverage['plugins/paragraph.js'][66] = 0;
+  _$jscoverage['plugins/paragraph.js'][67] = 0;
+  _$jscoverage['plugins/paragraph.js'][68] = 0;
+  _$jscoverage['plugins/paragraph.js'][69] = 0;
+  _$jscoverage['plugins/paragraph.js'][70] = 0;
+  _$jscoverage['plugins/paragraph.js'][73] = 0;
+  _$jscoverage['plugins/paragraph.js'][75] = 0;
+  _$jscoverage['plugins/paragraph.js'][76] = 0;
+  _$jscoverage['plugins/paragraph.js'][77] = 0;
+  _$jscoverage['plugins/paragraph.js'][78] = 0;
+  _$jscoverage['plugins/paragraph.js'][79] = 0;
+  _$jscoverage['plugins/paragraph.js'][82] = 0;
+  _$jscoverage['plugins/paragraph.js'][84] = 0;
+  _$jscoverage['plugins/paragraph.js'][85] = 0;
+  _$jscoverage['plugins/paragraph.js'][89] = 0;
+  _$jscoverage['plugins/paragraph.js'][91] = 0;
+  _$jscoverage['plugins/paragraph.js'][93] = 0;
+  _$jscoverage['plugins/paragraph.js'][95] = 0;
+  _$jscoverage['plugins/paragraph.js'][96] = 0;
+  _$jscoverage['plugins/paragraph.js'][98] = 0;
+  _$jscoverage['plugins/paragraph.js'][100] = 0;
+  _$jscoverage['plugins/paragraph.js'][101] = 0;
+  _$jscoverage['plugins/paragraph.js'][102] = 0;
+  _$jscoverage['plugins/paragraph.js'][106] = 0;
+  _$jscoverage['plugins/paragraph.js'][107] = 0;
+  _$jscoverage['plugins/paragraph.js'][108] = 0;
+  _$jscoverage['plugins/paragraph.js'][109] = 0;
+  _$jscoverage['plugins/paragraph.js'][111] = 0;
+  _$jscoverage['plugins/paragraph.js'][112] = 0;
+  _$jscoverage['plugins/paragraph.js'][114] = 0;
+  _$jscoverage['plugins/paragraph.js'][118] = 0;
+  _$jscoverage['plugins/paragraph.js'][119] = 0;
+  _$jscoverage['plugins/paragraph.js'][121] = 0;
+  _$jscoverage['plugins/paragraph.js'][125] = 0;
+  _$jscoverage['plugins/paragraph.js'][127] = 0;
+  _$jscoverage['plugins/paragraph.js'][130] = 0;
+  _$jscoverage['plugins/paragraph.js'][132] = 0;
+  _$jscoverage['plugins/paragraph.js'][133] = 0;
+  _$jscoverage['plugins/paragraph.js'][135] = 0;
+  _$jscoverage['plugins/paragraph.js'][137] = 0;
+  _$jscoverage['plugins/paragraph.js'][138] = 0;
+  _$jscoverage['plugins/paragraph.js'][139] = 0;
+  _$jscoverage['plugins/paragraph.js'][141] = 0;
+  _$jscoverage['plugins/paragraph.js'][142] = 0;
+  _$jscoverage['plugins/paragraph.js'][143] = 0;
+  _$jscoverage['plugins/paragraph.js'][144] = 0;
+  _$jscoverage['plugins/paragraph.js'][146] = 0;
+  _$jscoverage['plugins/paragraph.js'][147] = 0;
+  _$jscoverage['plugins/paragraph.js'][148] = 0;
+  _$jscoverage['plugins/paragraph.js'][153] = 0;
+  _$jscoverage['plugins/paragraph.js'][154] = 0;
+  _$jscoverage['plugins/paragraph.js'][155] = 0;
+  _$jscoverage['plugins/paragraph.js'][156] = 0;
+  _$jscoverage['plugins/paragraph.js'][158] = 0;
+  _$jscoverage['plugins/paragraph.js'][160] = 0;
+  _$jscoverage['plugins/paragraph.js'][161] = 0;
+  _$jscoverage['plugins/paragraph.js'][166] = 0;
+  _$jscoverage['plugins/paragraph.js'][167] = 0;
+  _$jscoverage['plugins/paragraph.js'][168] = 0;
+  _$jscoverage['plugins/paragraph.js'][169] = 0;
+  _$jscoverage['plugins/paragraph.js'][173] = 0;
+  _$jscoverage['plugins/paragraph.js'][176] = 0;
+  _$jscoverage['plugins/paragraph.js'][179] = 0;
+  _$jscoverage['plugins/paragraph.js'][180] = 0;
+}
+_$jscoverage['plugins/paragraph.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#27573;&#33853;&#26679;&#24335;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23545;&#36873;&#21306;&#20869;&#25991;&#26412;&#28155;&#21152;&#30456;&#24212;&#26631;&#31614;&#23884;&#22871;</span>","<span class=\"c\"> * @command Paragraph</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param {String}   style               &#26631;&#31614;&#20540;&#20026;&#65306;'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'</span>","<span class=\"c\"> * @param {Object}   attrs               &#26631;&#31614;&#30340;&#23646;&#24615;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'Paragraph','h1','{</span>","<span class=\"c\"> *     color:'#000'</span>","<span class=\"c\"> * }' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23545;&#36873;&#21306;&#20869;&#25991;&#26412;&#28155;&#21152;&#30456;&#24212;&#26631;&#31614;&#23884;&#22871;</span>","<span class=\"c\"> * @command Paragraph</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param {String}   style               &#26631;&#31614;&#20540;&#20026;&#65306;'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'</span>","<span class=\"c\"> * @param {Object}   attrs               &#26631;&#31614;&#30340;&#23646;&#24615;</span>","<span class=\"c\"> * @param {String}   sourceCmdName       &#23545;&#19982;customstyle&#29305;&#27530;&#22788;&#29702;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'Paragraph','h1','{</span>","<span class=\"c\"> *     color:'#000'</span>","<span class=\"c\"> * }' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36820;&#22238;&#36873;&#21306;&#20869;&#33410;&#28857;&#26631;&#31614;&#21517;</span>","<span class=\"c\"> * @command Paragraph</span>","<span class=\"c\"> * @method queryCommandValue</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @return { String } &#33410;&#28857;&#26631;&#31614;&#21517;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandValue( 'Paragraph' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'paragraph'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        block <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">,</span>","        notExchange <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'TD'</span><span class=\"k\">,</span><span class=\"s\">'LI'</span><span class=\"k\">,</span><span class=\"s\">'PRE'</span><span class=\"k\">],</span>","","        doParagraph <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>range<span class=\"k\">,</span>style<span class=\"k\">,</span>attrs<span class=\"k\">,</span>sourceCmdName<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> bookmark <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                filterFn <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span> node <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span>   node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">!=</span> <span class=\"s\">'br'</span> <span class=\"k\">&amp;&amp;</span>  <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span> node <span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                para<span class=\"k\">;</span>","","            range<span class=\"k\">.</span>enlarge<span class=\"k\">(</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","            <span class=\"k\">var</span> bookmark2 <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","                current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> bookmark2<span class=\"k\">.</span>start<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn <span class=\"k\">),</span>","                tmpRange <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">(),</span>","                tmpNode<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span> current <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!(</span>domUtils<span class=\"k\">.</span>getPosition<span class=\"k\">(</span> current<span class=\"k\">,</span> bookmark2<span class=\"k\">.</span>end <span class=\"k\">)</span> <span class=\"k\">&amp;</span> domUtils<span class=\"k\">.</span>POSITION_FOLLOWING<span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> current<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> <span class=\"k\">!</span>block<span class=\"k\">(</span> current <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                    tmpRange<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span> current <span class=\"k\">);</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span> current <span class=\"k\">&amp;&amp;</span> current <span class=\"k\">!==</span> bookmark2<span class=\"k\">.</span>end <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>block<span class=\"k\">(</span> current <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        tmpNode <span class=\"k\">=</span> current<span class=\"k\">;</span>","                        current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> current<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> node <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> <span class=\"k\">!</span>block<span class=\"k\">(</span> node <span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    tmpRange<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span> tmpNode <span class=\"k\">);</span>","                    ","                    para <span class=\"k\">=</span> range<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span> style <span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>attrs<span class=\"k\">)</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>para<span class=\"k\">,</span>attrs<span class=\"k\">);</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>sourceCmdName <span class=\"k\">&amp;&amp;</span> sourceCmdName <span class=\"k\">==</span> <span class=\"s\">'customstyle'</span> <span class=\"k\">&amp;&amp;</span> attrs<span class=\"k\">.</span>style<span class=\"k\">)</span><span class=\"k\">{</span>","                            para<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> attrs<span class=\"k\">.</span>style<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    para<span class=\"k\">.</span>appendChild<span class=\"k\">(</span> tmpRange<span class=\"k\">.</span>extractContents<span class=\"k\">()</span> <span class=\"k\">);</span>","                    <span class=\"c\">//&#38656;&#35201;&#20869;&#23481;&#21344;&#20301;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>para<span class=\"k\">))</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">(</span>range<span class=\"k\">.</span>document<span class=\"k\">,</span>para<span class=\"k\">);</span>","                        ","                    <span class=\"k\">}</span>","","                    tmpRange<span class=\"k\">.</span>insertNode<span class=\"k\">(</span> para <span class=\"k\">);</span>","","                    <span class=\"k\">var</span> parent <span class=\"k\">=</span> para<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    <span class=\"c\">//&#22914;&#26524;para&#19978;&#19968;&#32423;&#26159;&#19968;&#20010;block&#20803;&#32032;&#19988;&#19981;&#26159;body,td&#23601;&#21024;&#38500;&#23427;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> block<span class=\"k\">(</span> parent <span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span> para<span class=\"k\">.</span>parentNode <span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>notExchange<span class=\"k\">,</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">)==-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"c\">//&#23384;&#20648;dir,style</span>","                        <span class=\"k\">if</span><span class=\"k\">(!(</span>sourceCmdName <span class=\"k\">&amp;&amp;</span> sourceCmdName <span class=\"k\">==</span> <span class=\"s\">'customstyle'</span><span class=\"k\">))</span><span class=\"k\">{</span>","                            parent<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'dir'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> para<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'dir'</span><span class=\"k\">,</span>parent<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'dir'</span><span class=\"k\">));</span>","                            <span class=\"c\">//trace:1070</span>","                            parent<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>para<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> parent<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+</span> <span class=\"s\">';'</span> <span class=\"k\">+</span> para<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">);</span>","                            <span class=\"c\">//trace:1030</span>","                            parent<span class=\"k\">.</span>style<span class=\"k\">.</span>textAlign <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>para<span class=\"k\">.</span>style<span class=\"k\">.</span>textAlign <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>para<span class=\"k\">.</span>style<span class=\"k\">.</span>textAlign <span class=\"k\">=</span> parent<span class=\"k\">.</span>style<span class=\"k\">.</span>textAlign<span class=\"k\">);</span>","                            parent<span class=\"k\">.</span>style<span class=\"k\">.</span>textIndent <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>para<span class=\"k\">.</span>style<span class=\"k\">.</span>textIndent <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>para<span class=\"k\">.</span>style<span class=\"k\">.</span>textIndent <span class=\"k\">=</span> parent<span class=\"k\">.</span>style<span class=\"k\">.</span>textIndent<span class=\"k\">);</span>","                            parent<span class=\"k\">.</span>style<span class=\"k\">.</span>padding <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>para<span class=\"k\">.</span>style<span class=\"k\">.</span>padding <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>para<span class=\"k\">.</span>style<span class=\"k\">.</span>padding <span class=\"k\">=</span> parent<span class=\"k\">.</span>style<span class=\"k\">.</span>padding<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                        <span class=\"c\">//trace:1706 &#36873;&#25321;&#30340;&#23601;&#26159;h1-6&#35201;&#21024;&#38500;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>attrs <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/h\\d/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span><span class=\"s\">/h\\d/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>para<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>parent<span class=\"k\">,</span>attrs<span class=\"k\">);</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>sourceCmdName <span class=\"k\">&amp;&amp;</span> sourceCmdName <span class=\"k\">==</span> <span class=\"s\">'customstyle'</span> <span class=\"k\">&amp;&amp;</span> attrs<span class=\"k\">.</span>style<span class=\"k\">)</span><span class=\"k\">{</span>","                                parent<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> attrs<span class=\"k\">.</span>style<span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>para<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            para <span class=\"k\">=</span> parent<span class=\"k\">;</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span> para<span class=\"k\">.</span>parentNode<span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>  utils<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>notExchange<span class=\"k\">,</span>parent<span class=\"k\">.</span>tagName<span class=\"k\">)!=-</span><span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        current <span class=\"k\">=</span> parent<span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                       current <span class=\"k\">=</span> para<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","","                    current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> current<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filterFn <span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> current<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> filterFn <span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span> bookmark2 <span class=\"k\">).</span>moveToBookmark<span class=\"k\">(</span> bookmark <span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"s\">'paragraph'</span><span class=\"k\">,</span><span class=\"k\">{</span><span class=\"s\">'p'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span> <span class=\"s\">'h1'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span> <span class=\"s\">'h2'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span> <span class=\"s\">'h3'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span> <span class=\"s\">'h4'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span> <span class=\"s\">'h5'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span> <span class=\"s\">'h6'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'paragraph'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName<span class=\"k\">,</span> style<span class=\"k\">,</span>attrs<span class=\"k\">,</span>sourceCmdName <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","             <span class=\"c\">//&#38381;&#21512;&#26102;&#21333;&#29420;&#22788;&#29702;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> txt <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>txt<span class=\"k\">);</span>","                <span class=\"c\">//&#21435;&#25481;&#20887;&#20313;&#30340;fillchar</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> node <span class=\"k\">=</span> txt<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">))</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    node <span class=\"k\">=</span> txt<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>node <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isWhitespace<span class=\"k\">(</span>node<span class=\"k\">))</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","            range <span class=\"k\">=</span> doParagraph<span class=\"k\">(</span>range<span class=\"k\">,</span>style<span class=\"k\">,</span>attrs<span class=\"k\">,</span>sourceCmdName<span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>txt<span class=\"k\">)</span><span class=\"k\">{</span>","                range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>txt<span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                pN <span class=\"k\">=</span> txt<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>txt<span class=\"k\">);</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>pN<span class=\"k\">)&amp;&amp;</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>pN<span class=\"k\">))</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">,</span>pN<span class=\"k\">);</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> child <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">];</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>child <span class=\"k\">&amp;&amp;</span> child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> child<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> style<span class=\"k\">)</span><span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>child<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//trace:1097 &#21407;&#26469;&#26377;true&#65292;&#21407;&#22240;&#24536;&#20102;&#65292;&#20294;&#21435;&#20102;&#23601;&#19981;&#33021;&#28165;&#38500;&#22810;&#20313;&#30340;&#21344;&#20301;&#31526;&#20102;</span>","            range<span class=\"k\">.</span>select<span class=\"k\">();</span>","","","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandValue <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>filterNodeList<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">(),</span><span class=\"s\">'p h1 h2 h3 h4 h5 h6'</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> node <span class=\"k\">?</span> node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/paragraph.js'][47]++;
+UE.plugins.paragraph = (function () {
+  _$jscoverage['plugins/paragraph.js'][48]++;
+  var me = this, block = domUtils.isBlockElm, notExchange = ["TD", "LI", "PRE"], doParagraph = (function (range, style, attrs, sourceCmdName) {
+  _$jscoverage['plugins/paragraph.js'][53]++;
+  var bookmark = range.createBookmark(), filterFn = (function (node) {
+  _$jscoverage['plugins/paragraph.js'][55]++;
+  return ((node.nodeType == 1)? ((node.tagName.toLowerCase() != "br") && (! domUtils.isBookmarkNode(node))): (! domUtils.isWhitespace(node)));
+}), para;
+  _$jscoverage['plugins/paragraph.js'][59]++;
+  range.enlarge(true);
+  _$jscoverage['plugins/paragraph.js'][60]++;
+  var bookmark2 = range.createBookmark(), current = domUtils.getNextDomNode(bookmark2.start, false, filterFn), tmpRange = range.cloneRange(), tmpNode;
+  _$jscoverage['plugins/paragraph.js'][64]++;
+  while ((current && (! (domUtils.getPosition(current, bookmark2.end) & domUtils.POSITION_FOLLOWING)))) {
+    _$jscoverage['plugins/paragraph.js'][65]++;
+    if (((current.nodeType == 3) || (! block(current)))) {
+      _$jscoverage['plugins/paragraph.js'][66]++;
+      tmpRange.setStartBefore(current);
+      _$jscoverage['plugins/paragraph.js'][67]++;
+      while ((current && (current !== bookmark2.end) && (! block(current)))) {
+        _$jscoverage['plugins/paragraph.js'][68]++;
+        tmpNode = current;
+        _$jscoverage['plugins/paragraph.js'][69]++;
+        current = domUtils.getNextDomNode(current, false, null, (function (node) {
+  _$jscoverage['plugins/paragraph.js'][70]++;
+  return (! block(node));
+}));
+}
+      _$jscoverage['plugins/paragraph.js'][73]++;
+      tmpRange.setEndAfter(tmpNode);
+      _$jscoverage['plugins/paragraph.js'][75]++;
+      para = range.document.createElement(style);
+      _$jscoverage['plugins/paragraph.js'][76]++;
+      if (attrs) {
+        _$jscoverage['plugins/paragraph.js'][77]++;
+        domUtils.setAttributes(para, attrs);
+        _$jscoverage['plugins/paragraph.js'][78]++;
+        if ((sourceCmdName && (sourceCmdName == "customstyle") && attrs.style)) {
+          _$jscoverage['plugins/paragraph.js'][79]++;
+          para.style.cssText = attrs.style;
+        }
+      }
+      _$jscoverage['plugins/paragraph.js'][82]++;
+      para.appendChild(tmpRange.extractContents());
+      _$jscoverage['plugins/paragraph.js'][84]++;
+      if (domUtils.isEmptyNode(para)) {
+        _$jscoverage['plugins/paragraph.js'][85]++;
+        domUtils.fillChar(range.document, para);
+      }
+      _$jscoverage['plugins/paragraph.js'][89]++;
+      tmpRange.insertNode(para);
+      _$jscoverage['plugins/paragraph.js'][91]++;
+      var parent = para.parentNode;
+      _$jscoverage['plugins/paragraph.js'][93]++;
+      if ((block(parent) && (! domUtils.isBody(para.parentNode)) && (utils.indexOf(notExchange, parent.tagName) == -1))) {
+        _$jscoverage['plugins/paragraph.js'][95]++;
+        if ((! (sourceCmdName && (sourceCmdName == "customstyle")))) {
+          _$jscoverage['plugins/paragraph.js'][96]++;
+          (parent.getAttribute("dir") && para.setAttribute("dir", parent.getAttribute("dir")));
+          _$jscoverage['plugins/paragraph.js'][98]++;
+          (parent.style.cssText && (para.style.cssText = (parent.style.cssText + ";" + para.style.cssText)));
+          _$jscoverage['plugins/paragraph.js'][100]++;
+          (parent.style.textAlign && (! para.style.textAlign) && (para.style.textAlign = parent.style.textAlign));
+          _$jscoverage['plugins/paragraph.js'][101]++;
+          (parent.style.textIndent && (! para.style.textIndent) && (para.style.textIndent = parent.style.textIndent));
+          _$jscoverage['plugins/paragraph.js'][102]++;
+          (parent.style.padding && (! para.style.padding) && (para.style.padding = parent.style.padding));
+        }
+        _$jscoverage['plugins/paragraph.js'][106]++;
+        if ((attrs && /h\d/i.test(parent.tagName) && (! /h\d/i.test(para.tagName)))) {
+          _$jscoverage['plugins/paragraph.js'][107]++;
+          domUtils.setAttributes(parent, attrs);
+          _$jscoverage['plugins/paragraph.js'][108]++;
+          if ((sourceCmdName && (sourceCmdName == "customstyle") && attrs.style)) {
+            _$jscoverage['plugins/paragraph.js'][109]++;
+            parent.style.cssText = attrs.style;
+          }
+          _$jscoverage['plugins/paragraph.js'][111]++;
+          domUtils.remove(para, true);
+          _$jscoverage['plugins/paragraph.js'][112]++;
+          para = parent;
+        }
+        else {
+          _$jscoverage['plugins/paragraph.js'][114]++;
+          domUtils.remove(para.parentNode, true);
+        }
+      }
+      _$jscoverage['plugins/paragraph.js'][118]++;
+      if ((utils.indexOf(notExchange, parent.tagName) != -1)) {
+        _$jscoverage['plugins/paragraph.js'][119]++;
+        current = parent;
+      }
+      else {
+        _$jscoverage['plugins/paragraph.js'][121]++;
+        current = para;
+      }
+      _$jscoverage['plugins/paragraph.js'][125]++;
+      current = domUtils.getNextDomNode(current, false, filterFn);
+    }
+    else {
+      _$jscoverage['plugins/paragraph.js'][127]++;
+      current = domUtils.getNextDomNode(current, true, filterFn);
+    }
+}
+  _$jscoverage['plugins/paragraph.js'][130]++;
+  return range.moveToBookmark(bookmark2).moveToBookmark(bookmark);
+});
+  _$jscoverage['plugins/paragraph.js'][132]++;
+  me.setOpt("paragraph", {"p": "", "h1": "", "h2": "", "h3": "", "h4": "", "h5": "", "h6": ""});
+  _$jscoverage['plugins/paragraph.js'][133]++;
+  me.commands.paragraph = {execCommand: (function (cmdName, style, attrs, sourceCmdName) {
+  _$jscoverage['plugins/paragraph.js'][135]++;
+  var range = this.selection.getRange();
+  _$jscoverage['plugins/paragraph.js'][137]++;
+  if (range.collapsed) {
+    _$jscoverage['plugins/paragraph.js'][138]++;
+    var txt = this.document.createTextNode("p");
+    _$jscoverage['plugins/paragraph.js'][139]++;
+    range.insertNode(txt);
+    _$jscoverage['plugins/paragraph.js'][141]++;
+    if (browser.ie) {
+      _$jscoverage['plugins/paragraph.js'][142]++;
+      var node = txt.previousSibling;
+      _$jscoverage['plugins/paragraph.js'][143]++;
+      if ((node && domUtils.isWhitespace(node))) {
+        _$jscoverage['plugins/paragraph.js'][144]++;
+        domUtils.remove(node);
+      }
+      _$jscoverage['plugins/paragraph.js'][146]++;
+      node = txt.nextSibling;
+      _$jscoverage['plugins/paragraph.js'][147]++;
+      if ((node && domUtils.isWhitespace(node))) {
+        _$jscoverage['plugins/paragraph.js'][148]++;
+        domUtils.remove(node);
+      }
+    }
+  }
+  _$jscoverage['plugins/paragraph.js'][153]++;
+  range = doParagraph(range, style, attrs, sourceCmdName);
+  _$jscoverage['plugins/paragraph.js'][154]++;
+  if (txt) {
+    _$jscoverage['plugins/paragraph.js'][155]++;
+    range.setStartBefore(txt).collapse(true);
+    _$jscoverage['plugins/paragraph.js'][156]++;
+    pN = txt.parentNode;
+    _$jscoverage['plugins/paragraph.js'][158]++;
+    domUtils.remove(txt);
+    _$jscoverage['plugins/paragraph.js'][160]++;
+    if ((domUtils.isBlockElm(pN) && domUtils.isEmptyNode(pN))) {
+      _$jscoverage['plugins/paragraph.js'][161]++;
+      domUtils.fillNode(this.document, pN);
+    }
+  }
+  _$jscoverage['plugins/paragraph.js'][166]++;
+  if ((browser.gecko && range.collapsed && (range.startContainer.nodeType == 1))) {
+    _$jscoverage['plugins/paragraph.js'][167]++;
+    var child = range.startContainer.childNodes[range.startOffset];
+    _$jscoverage['plugins/paragraph.js'][168]++;
+    if ((child && (child.nodeType == 1) && (child.tagName.toLowerCase() == style))) {
+      _$jscoverage['plugins/paragraph.js'][169]++;
+      range.setStart(child, 0).collapse(true);
+    }
+  }
+  _$jscoverage['plugins/paragraph.js'][173]++;
+  range.select();
+  _$jscoverage['plugins/paragraph.js'][176]++;
+  return true;
+}), queryCommandValue: (function () {
+  _$jscoverage['plugins/paragraph.js'][179]++;
+  var node = domUtils.filterNodeList(this.selection.getStartElementPath(), "p h1 h2 h3 h4 h5 h6");
+  _$jscoverage['plugins/paragraph.js'][180]++;
+  return (node? node.tagName.toLowerCase(): "");
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/paste.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/paste.js
new file mode 100644
index 000000000..df0dde7f3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/paste.js
@@ -0,0 +1,574 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/paste.js']) {
+  _$jscoverage['plugins/paste.js'] = [];
+  _$jscoverage['plugins/paste.js'][12] = 0;
+  _$jscoverage['plugins/paste.js'][13] = 0;
+  _$jscoverage['plugins/paste.js'][14] = 0;
+  _$jscoverage['plugins/paste.js'][15] = 0;
+  _$jscoverage['plugins/paste.js'][16] = 0;
+  _$jscoverage['plugins/paste.js'][18] = 0;
+  _$jscoverage['plugins/paste.js'][22] = 0;
+  _$jscoverage['plugins/paste.js'][24] = 0;
+  _$jscoverage['plugins/paste.js'][25] = 0;
+  _$jscoverage['plugins/paste.js'][28] = 0;
+  _$jscoverage['plugins/paste.js'][29] = 0;
+  _$jscoverage['plugins/paste.js'][33] = 0;
+  _$jscoverage['plugins/paste.js'][35] = 0;
+  _$jscoverage['plugins/paste.js'][36] = 0;
+  _$jscoverage['plugins/paste.js'][37] = 0;
+  _$jscoverage['plugins/paste.js'][38] = 0;
+  _$jscoverage['plugins/paste.js'][39] = 0;
+  _$jscoverage['plugins/paste.js'][41] = 0;
+  _$jscoverage['plugins/paste.js'][42] = 0;
+  _$jscoverage['plugins/paste.js'][46] = 0;
+  _$jscoverage['plugins/paste.js'][47] = 0;
+  _$jscoverage['plugins/paste.js'][50] = 0;
+  _$jscoverage['plugins/paste.js'][51] = 0;
+  _$jscoverage['plugins/paste.js'][55] = 0;
+  _$jscoverage['plugins/paste.js'][57] = 0;
+  _$jscoverage['plugins/paste.js'][59] = 0;
+  _$jscoverage['plugins/paste.js'][60] = 0;
+  _$jscoverage['plugins/paste.js'][61] = 0;
+  _$jscoverage['plugins/paste.js'][63] = 0;
+  _$jscoverage['plugins/paste.js'][64] = 0;
+  _$jscoverage['plugins/paste.js'][65] = 0;
+  _$jscoverage['plugins/paste.js'][66] = 0;
+  _$jscoverage['plugins/paste.js'][70] = 0;
+  _$jscoverage['plugins/paste.js'][72] = 0;
+  _$jscoverage['plugins/paste.js'][73] = 0;
+  _$jscoverage['plugins/paste.js'][74] = 0;
+  _$jscoverage['plugins/paste.js'][75] = 0;
+  _$jscoverage['plugins/paste.js'][76] = 0;
+  _$jscoverage['plugins/paste.js'][77] = 0;
+  _$jscoverage['plugins/paste.js'][80] = 0;
+  _$jscoverage['plugins/paste.js'][81] = 0;
+  _$jscoverage['plugins/paste.js'][82] = 0;
+  _$jscoverage['plugins/paste.js'][83] = 0;
+  _$jscoverage['plugins/paste.js'][84] = 0;
+  _$jscoverage['plugins/paste.js'][85] = 0;
+  _$jscoverage['plugins/paste.js'][87] = 0;
+  _$jscoverage['plugins/paste.js'][90] = 0;
+  _$jscoverage['plugins/paste.js'][91] = 0;
+  _$jscoverage['plugins/paste.js'][92] = 0;
+  _$jscoverage['plugins/paste.js'][95] = 0;
+  _$jscoverage['plugins/paste.js'][96] = 0;
+  _$jscoverage['plugins/paste.js'][97] = 0;
+  _$jscoverage['plugins/paste.js'][98] = 0;
+  _$jscoverage['plugins/paste.js'][102] = 0;
+  _$jscoverage['plugins/paste.js'][103] = 0;
+  _$jscoverage['plugins/paste.js'][104] = 0;
+  _$jscoverage['plugins/paste.js'][105] = 0;
+  _$jscoverage['plugins/paste.js'][108] = 0;
+  _$jscoverage['plugins/paste.js'][109] = 0;
+  _$jscoverage['plugins/paste.js'][110] = 0;
+  _$jscoverage['plugins/paste.js'][111] = 0;
+  _$jscoverage['plugins/paste.js'][116] = 0;
+  _$jscoverage['plugins/paste.js'][119] = 0;
+  _$jscoverage['plugins/paste.js'][121] = 0;
+  _$jscoverage['plugins/paste.js'][123] = 0;
+  _$jscoverage['plugins/paste.js'][124] = 0;
+  _$jscoverage['plugins/paste.js'][127] = 0;
+  _$jscoverage['plugins/paste.js'][129] = 0;
+  _$jscoverage['plugins/paste.js'][130] = 0;
+  _$jscoverage['plugins/paste.js'][131] = 0;
+  _$jscoverage['plugins/paste.js'][132] = 0;
+  _$jscoverage['plugins/paste.js'][134] = 0;
+  _$jscoverage['plugins/paste.js'][135] = 0;
+  _$jscoverage['plugins/paste.js'][136] = 0;
+  _$jscoverage['plugins/paste.js'][140] = 0;
+  _$jscoverage['plugins/paste.js'][141] = 0;
+  _$jscoverage['plugins/paste.js'][143] = 0;
+  _$jscoverage['plugins/paste.js'][144] = 0;
+  _$jscoverage['plugins/paste.js'][146] = 0;
+  _$jscoverage['plugins/paste.js'][148] = 0;
+  _$jscoverage['plugins/paste.js'][149] = 0;
+  _$jscoverage['plugins/paste.js'][152] = 0;
+  _$jscoverage['plugins/paste.js'][153] = 0;
+  _$jscoverage['plugins/paste.js'][155] = 0;
+  _$jscoverage['plugins/paste.js'][157] = 0;
+  _$jscoverage['plugins/paste.js'][158] = 0;
+  _$jscoverage['plugins/paste.js'][160] = 0;
+  _$jscoverage['plugins/paste.js'][164] = 0;
+  _$jscoverage['plugins/paste.js'][166] = 0;
+  _$jscoverage['plugins/paste.js'][167] = 0;
+  _$jscoverage['plugins/paste.js'][168] = 0;
+  _$jscoverage['plugins/paste.js'][170] = 0;
+  _$jscoverage['plugins/paste.js'][172] = 0;
+  _$jscoverage['plugins/paste.js'][174] = 0;
+  _$jscoverage['plugins/paste.js'][175] = 0;
+  _$jscoverage['plugins/paste.js'][176] = 0;
+  _$jscoverage['plugins/paste.js'][177] = 0;
+  _$jscoverage['plugins/paste.js'][178] = 0;
+  _$jscoverage['plugins/paste.js'][179] = 0;
+  _$jscoverage['plugins/paste.js'][181] = 0;
+  _$jscoverage['plugins/paste.js'][183] = 0;
+  _$jscoverage['plugins/paste.js'][184] = 0;
+  _$jscoverage['plugins/paste.js'][187] = 0;
+  _$jscoverage['plugins/paste.js'][188] = 0;
+  _$jscoverage['plugins/paste.js'][190] = 0;
+  _$jscoverage['plugins/paste.js'][194] = 0;
+  _$jscoverage['plugins/paste.js'][196] = 0;
+  _$jscoverage['plugins/paste.js'][197] = 0;
+  _$jscoverage['plugins/paste.js'][198] = 0;
+  _$jscoverage['plugins/paste.js'][199] = 0;
+  _$jscoverage['plugins/paste.js'][200] = 0;
+  _$jscoverage['plugins/paste.js'][201] = 0;
+  _$jscoverage['plugins/paste.js'][203] = 0;
+  _$jscoverage['plugins/paste.js'][204] = 0;
+  _$jscoverage['plugins/paste.js'][205] = 0;
+  _$jscoverage['plugins/paste.js'][208] = 0;
+  _$jscoverage['plugins/paste.js'][209] = 0;
+  _$jscoverage['plugins/paste.js'][211] = 0;
+  _$jscoverage['plugins/paste.js'][218] = 0;
+  _$jscoverage['plugins/paste.js'][219] = 0;
+  _$jscoverage['plugins/paste.js'][220] = 0;
+  _$jscoverage['plugins/paste.js'][221] = 0;
+  _$jscoverage['plugins/paste.js'][222] = 0;
+  _$jscoverage['plugins/paste.js'][223] = 0;
+  _$jscoverage['plugins/paste.js'][224] = 0;
+  _$jscoverage['plugins/paste.js'][225] = 0;
+  _$jscoverage['plugins/paste.js'][226] = 0;
+  _$jscoverage['plugins/paste.js'][228] = 0;
+  _$jscoverage['plugins/paste.js'][229] = 0;
+  _$jscoverage['plugins/paste.js'][234] = 0;
+  _$jscoverage['plugins/paste.js'][236] = 0;
+  _$jscoverage['plugins/paste.js'][238] = 0;
+  _$jscoverage['plugins/paste.js'][242] = 0;
+  _$jscoverage['plugins/paste.js'][245] = 0;
+  _$jscoverage['plugins/paste.js'][249] = 0;
+  _$jscoverage['plugins/paste.js'][250] = 0;
+  _$jscoverage['plugins/paste.js'][252] = 0;
+  _$jscoverage['plugins/paste.js'][253] = 0;
+  _$jscoverage['plugins/paste.js'][254] = 0;
+  _$jscoverage['plugins/paste.js'][255] = 0;
+  _$jscoverage['plugins/paste.js'][258] = 0;
+  _$jscoverage['plugins/paste.js'][260] = 0;
+  _$jscoverage['plugins/paste.js'][261] = 0;
+  _$jscoverage['plugins/paste.js'][264] = 0;
+  _$jscoverage['plugins/paste.js'][265] = 0;
+  _$jscoverage['plugins/paste.js'][266] = 0;
+  _$jscoverage['plugins/paste.js'][267] = 0;
+  _$jscoverage['plugins/paste.js'][268] = 0;
+  _$jscoverage['plugins/paste.js'][273] = 0;
+  _$jscoverage['plugins/paste.js'][274] = 0;
+  _$jscoverage['plugins/paste.js'][275] = 0;
+  _$jscoverage['plugins/paste.js'][277] = 0;
+  _$jscoverage['plugins/paste.js'][278] = 0;
+}
+_$jscoverage['plugins/paste.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import plugins/inserthtml.js</span>","<span class=\"c\">///import plugins/undo.js</span>","<span class=\"c\">///import plugins/serialize.js</span>","<span class=\"c\">///commands &#31896;&#36148;</span>","<span class=\"c\">///commandsName  PastePlain</span>","<span class=\"c\">///commandsTitle  &#32431;&#25991;&#26412;&#31896;&#36148;&#27169;&#24335;</span>","<span class=\"c\">/*</span>","<span class=\"c\"> ** @description &#31896;&#36148;</span>","<span class=\"c\"> * @author zhanyi</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'paste'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">function</span> getClipboardData<span class=\"k\">(</span>callback<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> doc <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>doc<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"s\">'baidu_pastebin'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","            bk <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(),</span>","        <span class=\"c\">//&#21019;&#24314;&#21098;&#36148;&#30340;&#23481;&#22120;div</span>","            pastebin <span class=\"k\">=</span> doc<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'div'</span><span class=\"k\">);</span>","        pastebin<span class=\"k\">.</span>id <span class=\"k\">=</span> <span class=\"s\">'baidu_pastebin'</span><span class=\"k\">;</span>","        <span class=\"c\">// Safari &#35201;&#27714;div&#24517;&#39035;&#26377;&#20869;&#23481;&#65292;&#25165;&#33021;&#31896;&#36148;&#20869;&#23481;&#36827;&#26469;</span>","        browser<span class=\"k\">.</span>webkit <span class=\"k\">&amp;&amp;</span> pastebin<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>doc<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">+</span> domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">));</span>","        doc<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>pastebin<span class=\"k\">);</span>","        <span class=\"c\">//trace:717 &#38544;&#34255;&#30340;span&#19981;&#33021;&#24471;&#21040;top</span>","        <span class=\"c\">//bk.start.innerHTML = '&amp;nbsp;';</span>","        bk<span class=\"k\">.</span>start<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        pastebin<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">\"position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;white-space:nowrap;top:\"</span> <span class=\"k\">+</span>","            <span class=\"c\">//&#35201;&#22312;&#29616;&#22312;&#20809;&#26631;&#24179;&#34892;&#30340;&#20301;&#32622;&#21152;&#20837;&#65292;&#21542;&#21017;&#20250;&#20986;&#29616;&#36339;&#21160;&#30340;&#38382;&#39064;</span>","            domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>bk<span class=\"k\">.</span>start<span class=\"k\">).</span>y <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","","        range<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>pastebin<span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","","        setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>webkit<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> pastebins <span class=\"k\">=</span> doc<span class=\"k\">.</span>querySelectorAll<span class=\"k\">(</span><span class=\"s\">'#baidu_pastebin'</span><span class=\"k\">),</span> pi<span class=\"k\">;</span> pi <span class=\"k\">=</span> pastebins<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>pi<span class=\"k\">))</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>pi<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        pastebin <span class=\"k\">=</span> pi<span class=\"k\">;</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                pastebin<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>pastebin<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">}</span>","            range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            callback<span class=\"k\">(</span>pastebin<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","","    <span class=\"k\">var</span> txtContent<span class=\"k\">,</span> htmlContent<span class=\"k\">,</span> address<span class=\"k\">;</span>","","    <span class=\"k\">function</span> filter<span class=\"k\">(</span>div<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> html<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>div<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#21435;&#25481;cut&#20013;&#28155;&#21152;&#30340;&#36793;&#30028;&#20540;</span>","            <span class=\"k\">var</span> nodes <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>div<span class=\"k\">,</span> <span class=\"s\">'span'</span><span class=\"k\">);</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ni<span class=\"k\">;</span> ni <span class=\"k\">=</span> nodes<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ni<span class=\"k\">.</span>id <span class=\"k\">==</span> <span class=\"s\">'_baidu_cut_start'</span> <span class=\"k\">||</span> ni<span class=\"k\">.</span>id <span class=\"k\">==</span> <span class=\"s\">'_baidu_cut_end'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ni<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>webkit<span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">var</span> brs <span class=\"k\">=</span> div<span class=\"k\">.</span>querySelectorAll<span class=\"k\">(</span><span class=\"s\">'div br'</span><span class=\"k\">);</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> bi<span class=\"k\">;</span> bi <span class=\"k\">=</span> brs<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> pN <span class=\"k\">=</span> bi<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>pN<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'DIV'</span> <span class=\"k\">&amp;&amp;</span> pN<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        pN<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;p&gt;&lt;br/&gt;&lt;/p&gt;'</span><span class=\"k\">;</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>pN<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> divs <span class=\"k\">=</span> div<span class=\"k\">.</span>querySelectorAll<span class=\"k\">(</span><span class=\"s\">'#baidu_pastebin'</span><span class=\"k\">);</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> di<span class=\"k\">;</span> di <span class=\"k\">=</span> divs<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> tmpP <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                    di<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmpP<span class=\"k\">,</span> di<span class=\"k\">);</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span>di<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                        tmpP<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>di<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>di<span class=\"k\">);</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">var</span> metas <span class=\"k\">=</span> div<span class=\"k\">.</span>querySelectorAll<span class=\"k\">(</span><span class=\"s\">'meta'</span><span class=\"k\">);</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> metas<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ci<span class=\"k\">);</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">var</span> brs <span class=\"k\">=</span> div<span class=\"k\">.</span>querySelectorAll<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">);</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span>i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> ci <span class=\"k\">=</span> brs<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/^apple-/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>ci<span class=\"k\">.</span>className<span class=\"k\">))</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ci<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> dirtyNodes <span class=\"k\">=</span> div<span class=\"k\">.</span>querySelectorAll<span class=\"k\">(</span><span class=\"s\">'[_moz_dirty]'</span><span class=\"k\">);</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span>i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> ci <span class=\"k\">=</span> dirtyNodes<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    ci<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">'_moz_dirty'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> spans <span class=\"k\">=</span> div<span class=\"k\">.</span>querySelectorAll<span class=\"k\">(</span><span class=\"s\">'span.Apple-style-span'</span><span class=\"k\">);</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> spans<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>ci<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"c\">//ie&#19979;&#20351;&#29992;innerHTML&#20250;&#20135;&#29983;&#22810;&#20313;&#30340;\\r\\n&#23383;&#31526;&#65292;&#20063;&#20250;&#20135;&#29983;&amp;nbsp;&#36825;&#37324;&#36807;&#28388;&#25481;</span>","            html <span class=\"k\">=</span> div<span class=\"k\">.</span>innerHTML<span class=\"k\">;</span><span class=\"c\">//.replace(/&gt;(?:(\\s|&amp;nbsp;)*?)&lt;/g,'&gt;&lt;');</span>","","            <span class=\"c\">//&#36807;&#28388;word&#31896;&#36148;&#36807;&#26469;&#30340;&#20887;&#20313;&#23646;&#24615;</span>","            html <span class=\"k\">=</span> UE<span class=\"k\">.</span>filterWord<span class=\"k\">(</span>html<span class=\"k\">);</span>","            <span class=\"c\">//&#21462;&#28040;&#20102;&#24573;&#30053;&#31354;&#30333;&#30340;&#31532;&#20108;&#20010;&#21442;&#25968;&#65292;&#31896;&#36148;&#36807;&#26469;&#30340;&#26377;&#20123;&#26159;&#26377;&#31354;&#30333;&#30340;&#65292;&#20250;&#34987;&#22871;&#19978;&#30456;&#20851;&#30340;&#26631;&#31614;</span>","            <span class=\"k\">var</span> root <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>html<span class=\"k\">);</span>","            <span class=\"c\">//&#22914;&#26524;&#32473;&#20102;&#36807;&#28388;&#35268;&#21017;&#23601;&#20808;&#36827;&#34892;&#36807;&#28388;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>filterRules<span class=\"k\">)</span> <span class=\"k\">{</span>","                UE<span class=\"k\">.</span>filterNode<span class=\"k\">(</span>root<span class=\"k\">,</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>filterRules<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#25191;&#34892;&#40664;&#35748;&#30340;&#22788;&#29702;</span>","            me<span class=\"k\">.</span>filterInputRule<span class=\"k\">(</span>root<span class=\"k\">);</span>","            <span class=\"c\">//&#38024;&#23545;chrome&#30340;&#22788;&#29702;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>webkit<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> br <span class=\"k\">=</span> root<span class=\"k\">.</span>lastChild<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>br <span class=\"k\">&amp;&amp;</span> br<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span> <span class=\"k\">&amp;&amp;</span> br<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    root<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>br<span class=\"k\">)</span>","                <span class=\"k\">}</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>querySelectorAll<span class=\"k\">(</span><span class=\"s\">'div'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>node<span class=\"k\">))</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","            html <span class=\"k\">=</span> <span class=\"k\">{</span><span class=\"s\">'html'</span><span class=\"k\">:</span> root<span class=\"k\">.</span>toHtml<span class=\"k\">()</span><span class=\"k\">}</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'beforepaste'</span><span class=\"k\">,</span> html<span class=\"k\">,</span> root<span class=\"k\">);</span>","            <span class=\"c\">//&#25250;&#20102;&#40664;&#35748;&#30340;&#31896;&#36148;&#65292;&#37027;&#21518;&#36793;&#30340;&#20869;&#23481;&#23601;&#19981;&#25191;&#34892;&#20102;&#65292;&#27604;&#22914;&#34920;&#26684;&#31896;&#36148;</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>html<span class=\"k\">.</span>html<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            root <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>html<span class=\"k\">.</span>html<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"c\">//&#22914;&#26524;&#24320;&#21551;&#20102;&#32431;&#25991;&#26412;&#27169;&#24335;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'pasteplain'</span><span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertHtml'</span><span class=\"k\">,</span> UE<span class=\"k\">.</span>filterNode<span class=\"k\">(</span>root<span class=\"k\">,</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>filterTxtRules<span class=\"k\">).</span>toHtml<span class=\"k\">(),</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#25991;&#26412;&#27169;&#24335;</span>","                UE<span class=\"k\">.</span>filterNode<span class=\"k\">(</span>root<span class=\"k\">,</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>filterTxtRules<span class=\"k\">);</span>","                txtContent <span class=\"k\">=</span> root<span class=\"k\">.</span>toHtml<span class=\"k\">();</span>","                <span class=\"c\">//&#23436;&#20840;&#27169;&#24335;</span>","                htmlContent <span class=\"k\">=</span> html<span class=\"k\">.</span>html<span class=\"k\">;</span>","","                address <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>createAddress<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertHtml'</span><span class=\"k\">,</span> htmlContent<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"afterpaste\"</span><span class=\"k\">,</span> html<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'pasteTransfer'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> plainType<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span>address <span class=\"k\">&amp;&amp;</span> txtContent <span class=\"k\">&amp;&amp;</span> htmlContent <span class=\"k\">&amp;&amp;</span> txtContent <span class=\"k\">!=</span> htmlContent<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            range<span class=\"k\">.</span>moveToAddress<span class=\"k\">(</span>address<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","            <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">while</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">)</span>","                    <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>start<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        start <span class=\"k\">=</span> start<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>startOffset<span class=\"k\">];</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>start<span class=\"k\">)</span><span class=\"k\">{</span>","                            range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">);</span>","                            <span class=\"k\">continue</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">var</span> pre <span class=\"k\">=</span> start<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","","                        <span class=\"k\">if</span><span class=\"k\">(</span>pre <span class=\"k\">&amp;&amp;</span> pre<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'^[</span><span class=\"t\">\\n\\r\\t</span><span class=\"s\"> '</span><span class=\"k\">+</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">+</span><span class=\"s\">']*$'</span><span class=\"k\">).</span>test<span class=\"k\">(</span>pre<span class=\"k\">.</span>nodeValue<span class=\"k\">))</span><span class=\"k\">{</span>","                            range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>pre<span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>startOffset <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","                <span class=\"k\">while</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">)</span>","                    <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> end <span class=\"k\">=</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>end<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                        end <span class=\"k\">=</span> end<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>range<span class=\"k\">.</span>endOffset<span class=\"k\">];</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>end<span class=\"k\">)</span><span class=\"k\">{</span>","                            range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">);</span>","                            <span class=\"k\">continue</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">var</span> next <span class=\"k\">=</span> end<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>next <span class=\"k\">&amp;&amp;</span> next<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'^[</span><span class=\"t\">\\n\\r\\t</span><span class=\"s\">'</span><span class=\"k\">+</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">+</span><span class=\"s\">']*$'</span><span class=\"k\">).</span>test<span class=\"k\">(</span>next<span class=\"k\">.</span>nodeValue<span class=\"k\">))</span><span class=\"k\">{</span>","                            range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>next<span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>endOffset <span class=\"k\">==</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">[</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> <span class=\"s\">'nodeValue'</span> <span class=\"k\">:</span> <span class=\"s\">'childNodes'</span><span class=\"k\">].</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","","            range<span class=\"k\">.</span>deleteContents<span class=\"k\">();</span>","            range<span class=\"k\">.</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> html <span class=\"k\">=</span> htmlContent<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>plainType <span class=\"k\">===</span> <span class=\"s\">2</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                html <span class=\"k\">=</span> html<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&lt;(\\/?)([\\w\\-]+)([^&gt;]*)&gt;/gi</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>a<span class=\"k\">,</span> b<span class=\"k\">,</span> tagName<span class=\"k\">,</span> attrs<span class=\"k\">)</span> <span class=\"k\">{</span>","                    tagName <span class=\"k\">=</span> tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">();</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">{</span>img<span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">[</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> a<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    attrs <span class=\"k\">=</span> attrs<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/([\\w\\-]*?)\\s*=\\s*((\"([^\"]*)\")|('([^']*)')|([^\\s&gt;]+))/gi</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>str<span class=\"k\">,</span> atr<span class=\"k\">,</span> val<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">{</span>","                            <span class=\"s\">'src'</span><span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                            <span class=\"s\">'href'</span><span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                            <span class=\"s\">'name'</span><span class=\"k\">:</span> <span class=\"s\">1</span>","                        <span class=\"k\">}</span><span class=\"k\">[</span>atr<span class=\"k\">.</span>toLowerCase<span class=\"k\">()])</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> atr <span class=\"k\">+</span> <span class=\"s\">'='</span> <span class=\"k\">+</span> val <span class=\"k\">+</span> <span class=\"s\">' '</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">return</span> <span class=\"s\">''</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">{</span>","                        <span class=\"s\">'span'</span><span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                        <span class=\"s\">'div'</span><span class=\"k\">:</span> <span class=\"s\">1</span>","                    <span class=\"k\">}</span><span class=\"k\">[</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"s\">''</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                        <span class=\"k\">return</span> <span class=\"s\">'&lt;'</span> <span class=\"k\">+</span> b <span class=\"k\">+</span> tagName <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> utils<span class=\"k\">.</span>trim<span class=\"k\">(</span>attrs<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>plainType<span class=\"k\">)</span> <span class=\"k\">{</span>","                html <span class=\"k\">=</span> txtContent<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'inserthtml'</span><span class=\"k\">,</span> html<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">while</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>isBody<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>rng<span class=\"k\">.</span>startOffset <span class=\"k\">&amp;&amp;</span>","                rng<span class=\"k\">.</span>startContainer<span class=\"k\">[</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> <span class=\"s\">'nodeValue'</span> <span class=\"k\">:</span> <span class=\"s\">'childNodes'</span><span class=\"k\">].</span>length","                <span class=\"k\">)</span> <span class=\"k\">{</span>","                rng<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> tmpAddress <span class=\"k\">=</span> rng<span class=\"k\">.</span>createAddress<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            address<span class=\"k\">.</span>endAddress <span class=\"k\">=</span> tmpAddress<span class=\"k\">.</span>startAddress<span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'ready'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">'cut'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>undoManger<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"c\">//ie&#19979;beforepaste&#22312;&#28857;&#20987;&#21491;&#38190;&#26102;&#20063;&#20250;&#35302;&#21457;&#65292;&#25152;&#20197;&#29992;&#30417;&#25511;&#38190;&#30424;&#25165;&#22788;&#29702;</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span> browser<span class=\"k\">.</span>ie <span class=\"k\">||</span> browser<span class=\"k\">.</span>opera <span class=\"k\">?</span> <span class=\"s\">'keydown'</span> <span class=\"k\">:</span> <span class=\"s\">'paste'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">((</span>browser<span class=\"k\">.</span>ie <span class=\"k\">||</span> browser<span class=\"k\">.</span>opera<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">((!</span>e<span class=\"k\">.</span>ctrlKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>e<span class=\"k\">.</span>metaKey<span class=\"k\">)</span> <span class=\"k\">||</span> e<span class=\"k\">.</span>keyCode <span class=\"k\">!=</span> <span class=\"s\">'86'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            getClipboardData<span class=\"k\">.</span>call<span class=\"k\">(</span>me<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>div<span class=\"k\">)</span> <span class=\"k\">{</span>","                filter<span class=\"k\">(</span>div<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/paste.js'][12]++;
+UE.plugins.paste = (function () {
+  _$jscoverage['plugins/paste.js'][13]++;
+  function getClipboardData(callback) {
+    _$jscoverage['plugins/paste.js'][14]++;
+    var doc = this.document;
+    _$jscoverage['plugins/paste.js'][15]++;
+    if (doc.getElementById("baidu_pastebin")) {
+      _$jscoverage['plugins/paste.js'][16]++;
+      return;
+    }
+    _$jscoverage['plugins/paste.js'][18]++;
+    var range = this.selection.getRange(), bk = range.createBookmark(), pastebin = doc.createElement("div");
+    _$jscoverage['plugins/paste.js'][22]++;
+    pastebin.id = "baidu_pastebin";
+    _$jscoverage['plugins/paste.js'][24]++;
+    (browser.webkit && pastebin.appendChild(doc.createTextNode((domUtils.fillChar + domUtils.fillChar))));
+    _$jscoverage['plugins/paste.js'][25]++;
+    doc.body.appendChild(pastebin);
+    _$jscoverage['plugins/paste.js'][28]++;
+    bk.start.style.display = "";
+    _$jscoverage['plugins/paste.js'][29]++;
+    pastebin.style.cssText = ("position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;white-space:nowrap;top:" + domUtils.getXY(bk.start).y + "px");
+    _$jscoverage['plugins/paste.js'][33]++;
+    range.selectNodeContents(pastebin).select(true);
+    _$jscoverage['plugins/paste.js'][35]++;
+    setTimeout((function () {
+  _$jscoverage['plugins/paste.js'][36]++;
+  if (browser.webkit) {
+    _$jscoverage['plugins/paste.js'][37]++;
+    for (var i = 0, pastebins = doc.querySelectorAll("#baidu_pastebin"), pi; (pi = pastebins[(i++)]);) {
+      _$jscoverage['plugins/paste.js'][38]++;
+      if (domUtils.isEmptyNode(pi)) {
+        _$jscoverage['plugins/paste.js'][39]++;
+        domUtils.remove(pi);
+      }
+      else {
+        _$jscoverage['plugins/paste.js'][41]++;
+        pastebin = pi;
+        _$jscoverage['plugins/paste.js'][42]++;
+        break;
+      }
+}
+  }
+  _$jscoverage['plugins/paste.js'][46]++;
+  try {
+    _$jscoverage['plugins/paste.js'][47]++;
+    pastebin.parentNode.removeChild(pastebin);
+  }
+  catch (e) {
+  }
+  _$jscoverage['plugins/paste.js'][50]++;
+  range.moveToBookmark(bk).select(true);
+  _$jscoverage['plugins/paste.js'][51]++;
+  callback(pastebin);
+}), 0);
+}
+  _$jscoverage['plugins/paste.js'][55]++;
+  var me = this;
+  _$jscoverage['plugins/paste.js'][57]++;
+  var txtContent, htmlContent, address;
+  _$jscoverage['plugins/paste.js'][59]++;
+  function filter(div) {
+    _$jscoverage['plugins/paste.js'][60]++;
+    var html;
+    _$jscoverage['plugins/paste.js'][61]++;
+    if (div.firstChild) {
+      _$jscoverage['plugins/paste.js'][63]++;
+      var nodes = domUtils.getElementsByTagName(div, "span");
+      _$jscoverage['plugins/paste.js'][64]++;
+      for (var i = 0, ni; (ni = nodes[(i++)]);) {
+        _$jscoverage['plugins/paste.js'][65]++;
+        if (((ni.id == "_baidu_cut_start") || (ni.id == "_baidu_cut_end"))) {
+          _$jscoverage['plugins/paste.js'][66]++;
+          domUtils.remove(ni);
+        }
+}
+      _$jscoverage['plugins/paste.js'][70]++;
+      if (browser.webkit) {
+        _$jscoverage['plugins/paste.js'][72]++;
+        var brs = div.querySelectorAll("div br");
+        _$jscoverage['plugins/paste.js'][73]++;
+        for (var i = 0, bi; (bi = brs[(i++)]);) {
+          _$jscoverage['plugins/paste.js'][74]++;
+          var pN = bi.parentNode;
+          _$jscoverage['plugins/paste.js'][75]++;
+          if (((pN.tagName == "DIV") && (pN.childNodes.length == 1))) {
+            _$jscoverage['plugins/paste.js'][76]++;
+            pN.innerHTML = "<p><br/></p>";
+            _$jscoverage['plugins/paste.js'][77]++;
+            domUtils.remove(pN);
+          }
+}
+        _$jscoverage['plugins/paste.js'][80]++;
+        var divs = div.querySelectorAll("#baidu_pastebin");
+        _$jscoverage['plugins/paste.js'][81]++;
+        for (var i = 0, di; (di = divs[(i++)]);) {
+          _$jscoverage['plugins/paste.js'][82]++;
+          var tmpP = me.document.createElement("p");
+          _$jscoverage['plugins/paste.js'][83]++;
+          di.parentNode.insertBefore(tmpP, di);
+          _$jscoverage['plugins/paste.js'][84]++;
+          while (di.firstChild) {
+            _$jscoverage['plugins/paste.js'][85]++;
+            tmpP.appendChild(di.firstChild);
+}
+          _$jscoverage['plugins/paste.js'][87]++;
+          domUtils.remove(di);
+}
+        _$jscoverage['plugins/paste.js'][90]++;
+        var metas = div.querySelectorAll("meta");
+        _$jscoverage['plugins/paste.js'][91]++;
+        for (var i = 0, ci; (ci = metas[(i++)]);) {
+          _$jscoverage['plugins/paste.js'][92]++;
+          domUtils.remove(ci);
+}
+        _$jscoverage['plugins/paste.js'][95]++;
+        var brs = div.querySelectorAll("br");
+        _$jscoverage['plugins/paste.js'][96]++;
+        for (i = 0; (ci = brs[(i++)]);) {
+          _$jscoverage['plugins/paste.js'][97]++;
+          if (/^apple-/i.test(ci.className)) {
+            _$jscoverage['plugins/paste.js'][98]++;
+            domUtils.remove(ci);
+          }
+}
+      }
+      _$jscoverage['plugins/paste.js'][102]++;
+      if (browser.gecko) {
+        _$jscoverage['plugins/paste.js'][103]++;
+        var dirtyNodes = div.querySelectorAll("[_moz_dirty]");
+        _$jscoverage['plugins/paste.js'][104]++;
+        for (i = 0; (ci = dirtyNodes[(i++)]);) {
+          _$jscoverage['plugins/paste.js'][105]++;
+          ci.removeAttribute("_moz_dirty");
+}
+      }
+      _$jscoverage['plugins/paste.js'][108]++;
+      if ((! browser.ie)) {
+        _$jscoverage['plugins/paste.js'][109]++;
+        var spans = div.querySelectorAll("span.Apple-style-span");
+        _$jscoverage['plugins/paste.js'][110]++;
+        for (var i = 0, ci = ci; (ci = spans[(i++)]);) {
+          _$jscoverage['plugins/paste.js'][111]++;
+          domUtils.remove(ci, true);
+}
+      }
+      _$jscoverage['plugins/paste.js'][116]++;
+      html = div.innerHTML;
+      _$jscoverage['plugins/paste.js'][119]++;
+      html = UE.filterWord(html);
+      _$jscoverage['plugins/paste.js'][121]++;
+      var root = UE.htmlparser(html);
+      _$jscoverage['plugins/paste.js'][123]++;
+      if (me.options.filterRules) {
+        _$jscoverage['plugins/paste.js'][124]++;
+        UE.filterNode(root, me.options.filterRules);
+      }
+      _$jscoverage['plugins/paste.js'][127]++;
+      me.filterInputRule(root);
+      _$jscoverage['plugins/paste.js'][129]++;
+      if (browser.webkit) {
+        _$jscoverage['plugins/paste.js'][130]++;
+        var br = root.lastChild();
+        _$jscoverage['plugins/paste.js'][131]++;
+        if ((br && (br.type == "element") && (br.tagName == "br"))) {
+          _$jscoverage['plugins/paste.js'][132]++;
+          root.removeChild(br);
+        }
+        _$jscoverage['plugins/paste.js'][134]++;
+        utils.each(me.body.querySelectorAll("div"), (function (node) {
+  _$jscoverage['plugins/paste.js'][135]++;
+  if (domUtils.isEmptyBlock(node)) {
+    _$jscoverage['plugins/paste.js'][136]++;
+    domUtils.remove(node);
+  }
+}));
+      }
+      _$jscoverage['plugins/paste.js'][140]++;
+      html = {"html": root.toHtml()};
+      _$jscoverage['plugins/paste.js'][141]++;
+      me.fireEvent("beforepaste", html, root);
+      _$jscoverage['plugins/paste.js'][143]++;
+      if ((! html.html)) {
+        _$jscoverage['plugins/paste.js'][144]++;
+        return;
+      }
+      _$jscoverage['plugins/paste.js'][146]++;
+      root = UE.htmlparser(html.html, true);
+      _$jscoverage['plugins/paste.js'][148]++;
+      if ((me.queryCommandState("pasteplain") === 1)) {
+        _$jscoverage['plugins/paste.js'][149]++;
+        me.execCommand("insertHtml", UE.filterNode(root, me.options.filterTxtRules).toHtml(), true);
+      }
+      else {
+        _$jscoverage['plugins/paste.js'][152]++;
+        UE.filterNode(root, me.options.filterTxtRules);
+        _$jscoverage['plugins/paste.js'][153]++;
+        txtContent = root.toHtml();
+        _$jscoverage['plugins/paste.js'][155]++;
+        htmlContent = html.html;
+        _$jscoverage['plugins/paste.js'][157]++;
+        address = me.selection.getRange().createAddress(true);
+        _$jscoverage['plugins/paste.js'][158]++;
+        me.execCommand("insertHtml", htmlContent, true);
+      }
+      _$jscoverage['plugins/paste.js'][160]++;
+      me.fireEvent("afterpaste", html);
+    }
+}
+  _$jscoverage['plugins/paste.js'][164]++;
+  me.addListener("pasteTransfer", (function (cmd, plainType) {
+  _$jscoverage['plugins/paste.js'][166]++;
+  if ((address && txtContent && htmlContent && (txtContent != htmlContent))) {
+    _$jscoverage['plugins/paste.js'][167]++;
+    var range = me.selection.getRange();
+    _$jscoverage['plugins/paste.js'][168]++;
+    range.moveToAddress(address, true);
+    _$jscoverage['plugins/paste.js'][170]++;
+    if ((! range.collapsed)) {
+      _$jscoverage['plugins/paste.js'][172]++;
+      while ((! domUtils.isBody(range.startContainer))) {
+        _$jscoverage['plugins/paste.js'][174]++;
+        var start = range.startContainer;
+        _$jscoverage['plugins/paste.js'][175]++;
+        if ((start.nodeType == 1)) {
+          _$jscoverage['plugins/paste.js'][176]++;
+          start = start.childNodes[range.startOffset];
+          _$jscoverage['plugins/paste.js'][177]++;
+          if ((! start)) {
+            _$jscoverage['plugins/paste.js'][178]++;
+            range.setStartBefore(range.startContainer);
+            _$jscoverage['plugins/paste.js'][179]++;
+            continue;
+          }
+          _$jscoverage['plugins/paste.js'][181]++;
+          var pre = start.previousSibling;
+          _$jscoverage['plugins/paste.js'][183]++;
+          if ((pre && (pre.nodeType == 3) && new RegExp(("^[\n\r\t " + domUtils.fillChar + "]*$")).test(pre.nodeValue))) {
+            _$jscoverage['plugins/paste.js'][184]++;
+            range.setStartBefore(pre);
+          }
+        }
+        _$jscoverage['plugins/paste.js'][187]++;
+        if ((range.startOffset == 0)) {
+          _$jscoverage['plugins/paste.js'][188]++;
+          range.setStartBefore(range.startContainer);
+        }
+        else {
+          _$jscoverage['plugins/paste.js'][190]++;
+          break;
+        }
+}
+      _$jscoverage['plugins/paste.js'][194]++;
+      while ((! domUtils.isBody(range.endContainer))) {
+        _$jscoverage['plugins/paste.js'][196]++;
+        var end = range.endContainer;
+        _$jscoverage['plugins/paste.js'][197]++;
+        if ((end.nodeType == 1)) {
+          _$jscoverage['plugins/paste.js'][198]++;
+          end = end.childNodes[range.endOffset];
+          _$jscoverage['plugins/paste.js'][199]++;
+          if ((! end)) {
+            _$jscoverage['plugins/paste.js'][200]++;
+            range.setEndAfter(range.endContainer);
+            _$jscoverage['plugins/paste.js'][201]++;
+            continue;
+          }
+          _$jscoverage['plugins/paste.js'][203]++;
+          var next = end.nextSibling;
+          _$jscoverage['plugins/paste.js'][204]++;
+          if ((next && (next.nodeType == 3) && new RegExp(("^[\n\r\t" + domUtils.fillChar + "]*$")).test(next.nodeValue))) {
+            _$jscoverage['plugins/paste.js'][205]++;
+            range.setEndAfter(next);
+          }
+        }
+        _$jscoverage['plugins/paste.js'][208]++;
+        if ((range.endOffset == range.endContainer[((range.endContainer.nodeType == 3)? "nodeValue": "childNodes")].length)) {
+          _$jscoverage['plugins/paste.js'][209]++;
+          range.setEndAfter(range.endContainer);
+        }
+        else {
+          _$jscoverage['plugins/paste.js'][211]++;
+          break;
+        }
+}
+    }
+    _$jscoverage['plugins/paste.js'][218]++;
+    range.deleteContents();
+    _$jscoverage['plugins/paste.js'][219]++;
+    range.select(true);
+    _$jscoverage['plugins/paste.js'][220]++;
+    me.__hasEnterExecCommand = true;
+    _$jscoverage['plugins/paste.js'][221]++;
+    var html = htmlContent;
+    _$jscoverage['plugins/paste.js'][222]++;
+    if ((plainType === 2)) {
+      _$jscoverage['plugins/paste.js'][223]++;
+      html = html.replace(/<(\/?)([\w\-]+)([^>]*)>/gi, (function (a, b, tagName, attrs) {
+  _$jscoverage['plugins/paste.js'][224]++;
+  tagName = tagName.toLowerCase();
+  _$jscoverage['plugins/paste.js'][225]++;
+  if ({img: 1}[tagName]) {
+    _$jscoverage['plugins/paste.js'][226]++;
+    return a;
+  }
+  _$jscoverage['plugins/paste.js'][228]++;
+  attrs = attrs.replace(/([\w\-]*?)\s*=\s*(("([^"]*)")|('([^']*)')|([^\s>]+))/gi, (function (str, atr, val) {
+  _$jscoverage['plugins/paste.js'][229]++;
+  if ({"src": 1, "href": 1, "name": 1}[atr.toLowerCase()]) {
+    _$jscoverage['plugins/paste.js'][234]++;
+    return (atr + "=" + val + " ");
+  }
+  _$jscoverage['plugins/paste.js'][236]++;
+  return "";
+}));
+  _$jscoverage['plugins/paste.js'][238]++;
+  if ({"span": 1, "div": 1}[tagName]) {
+    _$jscoverage['plugins/paste.js'][242]++;
+    return "";
+  }
+  else {
+    _$jscoverage['plugins/paste.js'][245]++;
+    return ("<" + b + tagName + " " + utils.trim(attrs) + ">");
+  }
+}));
+    }
+    else {
+      _$jscoverage['plugins/paste.js'][249]++;
+      if (plainType) {
+        _$jscoverage['plugins/paste.js'][250]++;
+        html = txtContent;
+      }
+    }
+    _$jscoverage['plugins/paste.js'][252]++;
+    me.execCommand("inserthtml", html, true);
+    _$jscoverage['plugins/paste.js'][253]++;
+    me.__hasEnterExecCommand = false;
+    _$jscoverage['plugins/paste.js'][254]++;
+    var rng = me.selection.getRange();
+    _$jscoverage['plugins/paste.js'][255]++;
+    while (((! domUtils.isBody(rng.startContainer)) && (! rng.startOffset) && rng.startContainer[((rng.startContainer.nodeType == 3)? "nodeValue": "childNodes")].length)) {
+      _$jscoverage['plugins/paste.js'][258]++;
+      rng.setStartBefore(rng.startContainer);
+}
+    _$jscoverage['plugins/paste.js'][260]++;
+    var tmpAddress = rng.createAddress(true);
+    _$jscoverage['plugins/paste.js'][261]++;
+    address.endAddress = tmpAddress.startAddress;
+  }
+}));
+  _$jscoverage['plugins/paste.js'][264]++;
+  me.addListener("ready", (function () {
+  _$jscoverage['plugins/paste.js'][265]++;
+  domUtils.on(me.body, "cut", (function () {
+  _$jscoverage['plugins/paste.js'][266]++;
+  var range = me.selection.getRange();
+  _$jscoverage['plugins/paste.js'][267]++;
+  if (((! range.collapsed) && me.undoManger)) {
+    _$jscoverage['plugins/paste.js'][268]++;
+    me.undoManger.save();
+  }
+}));
+  _$jscoverage['plugins/paste.js'][273]++;
+  domUtils.on(me.body, ((browser.ie || browser.opera)? "keydown": "paste"), (function (e) {
+  _$jscoverage['plugins/paste.js'][274]++;
+  if (((browser.ie || browser.opera) && (((! e.ctrlKey) && (! e.metaKey)) || (e.keyCode != "86")))) {
+    _$jscoverage['plugins/paste.js'][275]++;
+    return;
+  }
+  _$jscoverage['plugins/paste.js'][277]++;
+  getClipboardData.call(me, (function (div) {
+  _$jscoverage['plugins/paste.js'][278]++;
+  filter(div);
+}));
+}));
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/preview.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/preview.js
new file mode 100644
index 000000000..4612b2bba
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/preview.js
@@ -0,0 +1,59 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/preview.js']) {
+  _$jscoverage['plugins/preview.js'] = [];
+  _$jscoverage['plugins/preview.js'][17] = 0;
+  _$jscoverage['plugins/preview.js'][19] = 0;
+  _$jscoverage['plugins/preview.js'][21] = 0;
+  _$jscoverage['plugins/preview.js'][22] = 0;
+  _$jscoverage['plugins/preview.js'][28] = 0;
+}
+_$jscoverage['plugins/preview.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#39044;&#35272;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#39044;&#35272;</span>","<span class=\"c\"> * @command preview</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'preview' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'preview'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> w <span class=\"k\">=</span> window<span class=\"k\">.</span>open<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">,</span> <span class=\"s\">'_blank'</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">),</span>","            d <span class=\"k\">=</span> w<span class=\"k\">.</span>document<span class=\"k\">;</span>","        d<span class=\"k\">.</span>open<span class=\"k\">();</span>","        d<span class=\"k\">.</span>write<span class=\"k\">(</span><span class=\"s\">'&lt;html&gt;&lt;head&gt;&lt;script src=\"'</span><span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL<span class=\"k\">+</span><span class=\"s\">'ueditor.parse.js\"&gt;&lt;/script&gt;&lt;script&gt;'</span> <span class=\"k\">+</span>","            <span class=\"s\">\"setTimeout(function(){uParse('div',{\"</span> <span class=\"k\">+</span>","            <span class=\"s\">\"    'highlightJsUrl':'\"</span><span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL<span class=\"k\">+</span><span class=\"s\">\"third-party/SyntaxHighlighter/shCore.js',\"</span> <span class=\"k\">+</span>","                <span class=\"s\">\"    'highlightCssUrl':'\"</span><span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL<span class=\"k\">+</span><span class=\"s\">\"third-party/SyntaxHighlighter/shCoreDefault.css'\"</span> <span class=\"k\">+</span>","            <span class=\"s\">\"})},300)\"</span> <span class=\"k\">+</span>","            <span class=\"s\">'&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;div&gt;'</span><span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>getContent<span class=\"k\">(</span><span class=\"k\">null</span><span class=\"k\">,</span><span class=\"k\">null</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)+</span><span class=\"s\">'&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;'</span><span class=\"k\">);</span>","        d<span class=\"k\">.</span>close<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","    notNeedUndo <span class=\"k\">:</span> <span class=\"s\">1</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/preview.js'][17]++;
+UE.commands.preview = {execCommand: (function () {
+  _$jscoverage['plugins/preview.js'][19]++;
+  var w = window.open("", "_blank", ""), d = w.document;
+  _$jscoverage['plugins/preview.js'][21]++;
+  d.open();
+  _$jscoverage['plugins/preview.js'][22]++;
+  d.write(("<html><head><script src=\"" + this.options.UEDITOR_HOME_URL + "ueditor.parse.js\"></script><script>" + "setTimeout(function(){uParse('div',{" + "    'highlightJsUrl':'" + this.options.UEDITOR_HOME_URL + "third-party/SyntaxHighlighter/shCore.js'," + "    'highlightCssUrl':'" + this.options.UEDITOR_HOME_URL + "third-party/SyntaxHighlighter/shCoreDefault.css'" + "})},300)" + "</script></head><body><div>" + this.getContent(null, null, true) + "</div></body></html>"));
+  _$jscoverage['plugins/preview.js'][28]++;
+  d.close();
+}), notNeedUndo: 1};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/print.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/print.js
new file mode 100644
index 000000000..da94c1bb2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/print.js
@@ -0,0 +1,50 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/print.js']) {
+  _$jscoverage['plugins/print.js'] = [];
+  _$jscoverage['plugins/print.js'][17] = 0;
+  _$jscoverage['plugins/print.js'][19] = 0;
+}
+_$jscoverage['plugins/print.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#25171;&#21360;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25171;&#21360;</span>","<span class=\"c\"> * @command print</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'print' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'print'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>window<span class=\"k\">.</span>print<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">,</span>","    notNeedUndo <span class=\"k\">:</span> <span class=\"s\">1</span>","<span class=\"k\">}</span><span class=\"k\">;</span>",""];
+_$jscoverage['plugins/print.js'][17]++;
+UE.commands.print = {execCommand: (function () {
+  _$jscoverage['plugins/print.js'][19]++;
+  this.window.print();
+}), notNeedUndo: 1};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/puretxtpaste.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/puretxtpaste.js
new file mode 100644
index 000000000..cc8fe4e0a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/puretxtpaste.js
@@ -0,0 +1,144 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/puretxtpaste.js']) {
+  _$jscoverage['plugins/puretxtpaste.js'] = [];
+  _$jscoverage['plugins/puretxtpaste.js'][7] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][8] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][9] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][12] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][13] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][14] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][16] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][17] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][19] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][25] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][26] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][27] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][28] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][30] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][31] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][32] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][34] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][38] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][39] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][41] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][55] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][56] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][57] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][59] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][65] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][89] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][91] = 0;
+  _$jscoverage['plugins/puretxtpaste.js'][94] = 0;
+}
+_$jscoverage['plugins/puretxtpaste.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#32431;&#25991;&#26412;&#31896;&#36148;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'pasteplain'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","        <span class=\"s\">'pasteplain'</span><span class=\"k\">:</span><span class=\"k\">false</span><span class=\"k\">,</span>","        <span class=\"s\">'filterTxtRules'</span> <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">function</span> transP<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                node<span class=\"k\">.</span>tagName <span class=\"k\">=</span> <span class=\"s\">'p'</span><span class=\"k\">;</span>","                node<span class=\"k\">.</span>setStyle<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">function</span> removeNode<span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#30452;&#25509;&#21024;&#38500;&#21450;&#20854;&#23383;&#33410;&#28857;&#20869;&#23481;</span>","                <span class=\"s\">'-'</span> <span class=\"k\">:</span> <span class=\"s\">'script style object iframe embed input select'</span><span class=\"k\">,</span>","                <span class=\"s\">'p'</span><span class=\"k\">:</span> <span class=\"k\">{</span>$<span class=\"k\">:</span><span class=\"k\">{}}</span><span class=\"k\">,</span>","                <span class=\"s\">'br'</span><span class=\"k\">:</span><span class=\"k\">{</span>$<span class=\"k\">:</span><span class=\"k\">{}}</span><span class=\"k\">,</span>","                div<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> tmpNode<span class=\"k\">,</span> p <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span>tmpNode <span class=\"k\">=</span> node<span class=\"k\">.</span>firstChild<span class=\"k\">())</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>tmpNode<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'text'</span> <span class=\"k\">||</span> <span class=\"k\">!</span>UE<span class=\"k\">.</span>dom<span class=\"k\">.</span>dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>tmpNode<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                            p<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>p<span class=\"k\">.</span>firstChild<span class=\"k\">())</span> <span class=\"k\">{</span>","                                node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span> node<span class=\"k\">);</span>","                                p <span class=\"k\">=</span> UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'p'</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> node<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>p<span class=\"k\">.</span>firstChild<span class=\"k\">())</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span> node<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                ol<span class=\"k\">:</span> removeNode<span class=\"k\">,</span>","                ul<span class=\"k\">:</span> removeNode<span class=\"k\">,</span>","                dl<span class=\"k\">:</span>removeNode<span class=\"k\">,</span>","                dt<span class=\"k\">:</span>removeNode<span class=\"k\">,</span>","                dd<span class=\"k\">:</span>removeNode<span class=\"k\">,</span>","                <span class=\"s\">'li'</span><span class=\"k\">:</span>removeNode<span class=\"k\">,</span>","                <span class=\"s\">'caption'</span><span class=\"k\">:</span>transP<span class=\"k\">,</span>","                <span class=\"s\">'th'</span><span class=\"k\">:</span>transP<span class=\"k\">,</span>","                <span class=\"s\">'tr'</span><span class=\"k\">:</span>transP<span class=\"k\">,</span>","                <span class=\"s\">'h1'</span><span class=\"k\">:</span>transP<span class=\"k\">,</span><span class=\"s\">'h2'</span><span class=\"k\">:</span>transP<span class=\"k\">,</span><span class=\"s\">'h3'</span><span class=\"k\">:</span>transP<span class=\"k\">,</span><span class=\"s\">'h4'</span><span class=\"k\">:</span>transP<span class=\"k\">,</span><span class=\"s\">'h5'</span><span class=\"k\">:</span>transP<span class=\"k\">,</span><span class=\"s\">'h6'</span><span class=\"k\">:</span>transP<span class=\"k\">,</span>","                <span class=\"s\">'td'</span><span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"c\">//&#27809;&#26377;&#20869;&#23481;&#30340;td&#30452;&#25509;&#21024;&#25481;</span>","                        <span class=\"k\">var</span> txt <span class=\"k\">=</span> <span class=\"k\">!!</span>node<span class=\"k\">.</span>innerText<span class=\"k\">();</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>txt<span class=\"k\">)</span><span class=\"k\">{</span>","                         node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertAfter<span class=\"k\">(</span>UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createText<span class=\"k\">(</span><span class=\"s\">' &amp;nbsp; &amp;nbsp;'</span><span class=\"k\">),</span>node<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">,</span>node<span class=\"k\">.</span>innerText<span class=\"k\">())</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">()</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"c\">//&#26242;&#26102;&#36825;&#37324;&#25903;&#25345;&#19968;&#19979;&#32769;&#29256;&#26412;&#30340;&#23646;&#24615;</span>","    <span class=\"k\">var</span> pasteplain <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>pasteplain<span class=\"k\">;</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#21551;&#29992;&#25110;&#21462;&#28040;&#32431;&#25991;&#26412;&#31896;&#36148;&#27169;&#24335;</span>","<span class=\"c\">     * @command pasteplain</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.queryCommandState( 'pasteplain' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#35810;&#24403;&#21069;&#26159;&#21542;&#22788;&#20110;&#32431;&#25991;&#26412;&#31896;&#36148;&#27169;&#24335;</span>","<span class=\"c\">     * @command pasteplain</span>","<span class=\"c\">     * @method queryCommandState</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { int } &#22914;&#26524;&#22788;&#20110;&#32431;&#25991;&#26412;&#27169;&#24335;&#65292;&#36820;&#22238;1&#65292;&#21542;&#21017;&#65292;&#36820;&#22238;0</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.queryCommandState( 'pasteplain' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'pasteplain'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> pasteplain <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            pasteplain <span class=\"k\">=</span> <span class=\"k\">!</span>pasteplain<span class=\"k\">|</span><span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        notNeedUndo <span class=\"k\">:</span> <span class=\"s\">1</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/puretxtpaste.js'][7]++;
+UE.plugins.pasteplain = (function () {
+  _$jscoverage['plugins/puretxtpaste.js'][8]++;
+  var me = this;
+  _$jscoverage['plugins/puretxtpaste.js'][9]++;
+  me.setOpt({"pasteplain": false, "filterTxtRules": (function () {
+  _$jscoverage['plugins/puretxtpaste.js'][12]++;
+  function transP(node) {
+    _$jscoverage['plugins/puretxtpaste.js'][13]++;
+    node.tagName = "p";
+    _$jscoverage['plugins/puretxtpaste.js'][14]++;
+    node.setStyle();
+}
+  _$jscoverage['plugins/puretxtpaste.js'][16]++;
+  function removeNode(node) {
+    _$jscoverage['plugins/puretxtpaste.js'][17]++;
+    node.parentNode.removeChild(node, true);
+}
+  _$jscoverage['plugins/puretxtpaste.js'][19]++;
+  return ({"-": "script style object iframe embed input select", "p": {$: {}}, "br": {$: {}}, div: (function (node) {
+  _$jscoverage['plugins/puretxtpaste.js'][25]++;
+  var tmpNode, p = UE.uNode.createElement("p");
+  _$jscoverage['plugins/puretxtpaste.js'][26]++;
+  while ((tmpNode = node.firstChild())) {
+    _$jscoverage['plugins/puretxtpaste.js'][27]++;
+    if (((tmpNode.type == "text") || (! UE.dom.dtd.$block[tmpNode.tagName]))) {
+      _$jscoverage['plugins/puretxtpaste.js'][28]++;
+      p.appendChild(tmpNode);
+    }
+    else {
+      _$jscoverage['plugins/puretxtpaste.js'][30]++;
+      if (p.firstChild()) {
+        _$jscoverage['plugins/puretxtpaste.js'][31]++;
+        node.parentNode.insertBefore(p, node);
+        _$jscoverage['plugins/puretxtpaste.js'][32]++;
+        p = UE.uNode.createElement("p");
+      }
+      else {
+        _$jscoverage['plugins/puretxtpaste.js'][34]++;
+        node.parentNode.insertBefore(tmpNode, node);
+      }
+    }
+}
+  _$jscoverage['plugins/puretxtpaste.js'][38]++;
+  if (p.firstChild()) {
+    _$jscoverage['plugins/puretxtpaste.js'][39]++;
+    node.parentNode.insertBefore(p, node);
+  }
+  _$jscoverage['plugins/puretxtpaste.js'][41]++;
+  node.parentNode.removeChild(node);
+}), ol: removeNode, ul: removeNode, dl: removeNode, dt: removeNode, dd: removeNode, "li": removeNode, "caption": transP, "th": transP, "tr": transP, "h1": transP, "h2": transP, "h3": transP, "h4": transP, "h5": transP, "h6": transP, "td": (function (node) {
+  _$jscoverage['plugins/puretxtpaste.js'][55]++;
+  var txt = (! (! node.innerText()));
+  _$jscoverage['plugins/puretxtpaste.js'][56]++;
+  if (txt) {
+    _$jscoverage['plugins/puretxtpaste.js'][57]++;
+    node.parentNode.insertAfter(UE.uNode.createText(" &nbsp; &nbsp;"), node);
+  }
+  _$jscoverage['plugins/puretxtpaste.js'][59]++;
+  node.parentNode.removeChild(node, node.innerText());
+})});
+})()});
+  _$jscoverage['plugins/puretxtpaste.js'][65]++;
+  var pasteplain = me.options.pasteplain;
+  _$jscoverage['plugins/puretxtpaste.js'][89]++;
+  me.commands.pasteplain = {queryCommandState: (function () {
+  _$jscoverage['plugins/puretxtpaste.js'][91]++;
+  return (pasteplain? 1: 0);
+}), execCommand: (function () {
+  _$jscoverage['plugins/puretxtpaste.js'][94]++;
+  pasteplain = ((! pasteplain) | 0);
+}), notNeedUndo: 1};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/removeformat.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/removeformat.js
new file mode 100644
index 000000000..c13eaaf8d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/removeformat.js
@@ -0,0 +1,318 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/removeformat.js']) {
+  _$jscoverage['plugins/removeformat.js'] = [];
+  _$jscoverage['plugins/removeformat.js'][22] = 0;
+  _$jscoverage['plugins/removeformat.js'][23] = 0;
+  _$jscoverage['plugins/removeformat.js'][24] = 0;
+  _$jscoverage['plugins/removeformat.js'][28] = 0;
+  _$jscoverage['plugins/removeformat.js'][31] = 0;
+  _$jscoverage['plugins/removeformat.js'][36] = 0;
+  _$jscoverage['plugins/removeformat.js'][39] = 0;
+  _$jscoverage['plugins/removeformat.js'][40] = 0;
+  _$jscoverage['plugins/removeformat.js'][41] = 0;
+  _$jscoverage['plugins/removeformat.js'][43] = 0;
+  _$jscoverage['plugins/removeformat.js'][46] = 0;
+  _$jscoverage['plugins/removeformat.js'][47] = 0;
+  _$jscoverage['plugins/removeformat.js'][48] = 0;
+  _$jscoverage['plugins/removeformat.js'][49] = 0;
+  _$jscoverage['plugins/removeformat.js'][50] = 0;
+  _$jscoverage['plugins/removeformat.js'][53] = 0;
+  _$jscoverage['plugins/removeformat.js'][56] = 0;
+  _$jscoverage['plugins/removeformat.js'][58] = 0;
+  _$jscoverage['plugins/removeformat.js'][60] = 0;
+  _$jscoverage['plugins/removeformat.js'][61] = 0;
+  _$jscoverage['plugins/removeformat.js'][62] = 0;
+  _$jscoverage['plugins/removeformat.js'][66] = 0;
+  _$jscoverage['plugins/removeformat.js'][67] = 0;
+  _$jscoverage['plugins/removeformat.js'][68] = 0;
+  _$jscoverage['plugins/removeformat.js'][69] = 0;
+  _$jscoverage['plugins/removeformat.js'][72] = 0;
+  _$jscoverage['plugins/removeformat.js'][73] = 0;
+  _$jscoverage['plugins/removeformat.js'][74] = 0;
+  _$jscoverage['plugins/removeformat.js'][80] = 0;
+  _$jscoverage['plugins/removeformat.js'][82] = 0;
+  _$jscoverage['plugins/removeformat.js'][85] = 0;
+  _$jscoverage['plugins/removeformat.js'][86] = 0;
+  _$jscoverage['plugins/removeformat.js'][88] = 0;
+  _$jscoverage['plugins/removeformat.js'][90] = 0;
+  _$jscoverage['plugins/removeformat.js'][92] = 0;
+  _$jscoverage['plugins/removeformat.js'][93] = 0;
+  _$jscoverage['plugins/removeformat.js'][94] = 0;
+  _$jscoverage['plugins/removeformat.js'][95] = 0;
+  _$jscoverage['plugins/removeformat.js'][99] = 0;
+  _$jscoverage['plugins/removeformat.js'][101] = 0;
+  _$jscoverage['plugins/removeformat.js'][102] = 0;
+  _$jscoverage['plugins/removeformat.js'][103] = 0;
+  _$jscoverage['plugins/removeformat.js'][106] = 0;
+  _$jscoverage['plugins/removeformat.js'][108] = 0;
+  _$jscoverage['plugins/removeformat.js'][109] = 0;
+  _$jscoverage['plugins/removeformat.js'][110] = 0;
+  _$jscoverage['plugins/removeformat.js'][111] = 0;
+  _$jscoverage['plugins/removeformat.js'][112] = 0;
+  _$jscoverage['plugins/removeformat.js'][113] = 0;
+  _$jscoverage['plugins/removeformat.js'][116] = 0;
+  _$jscoverage['plugins/removeformat.js'][120] = 0;
+  _$jscoverage['plugins/removeformat.js'][121] = 0;
+  _$jscoverage['plugins/removeformat.js'][122] = 0;
+  _$jscoverage['plugins/removeformat.js'][123] = 0;
+  _$jscoverage['plugins/removeformat.js'][129] = 0;
+  _$jscoverage['plugins/removeformat.js'][134] = 0;
+  _$jscoverage['plugins/removeformat.js'][135] = 0;
+  _$jscoverage['plugins/removeformat.js'][136] = 0;
+  _$jscoverage['plugins/removeformat.js'][138] = 0;
+  _$jscoverage['plugins/removeformat.js'][139] = 0;
+  _$jscoverage['plugins/removeformat.js'][140] = 0;
+  _$jscoverage['plugins/removeformat.js'][142] = 0;
+  _$jscoverage['plugins/removeformat.js'][144] = 0;
+  _$jscoverage['plugins/removeformat.js'][147] = 0;
+  _$jscoverage['plugins/removeformat.js'][148] = 0;
+  _$jscoverage['plugins/removeformat.js'][149] = 0;
+  _$jscoverage['plugins/removeformat.js'][152] = 0;
+  _$jscoverage['plugins/removeformat.js'][153] = 0;
+  _$jscoverage['plugins/removeformat.js'][155] = 0;
+  _$jscoverage['plugins/removeformat.js'][156] = 0;
+  _$jscoverage['plugins/removeformat.js'][159] = 0;
+  _$jscoverage['plugins/removeformat.js'][160] = 0;
+  _$jscoverage['plugins/removeformat.js'][161] = 0;
+  _$jscoverage['plugins/removeformat.js'][162] = 0;
+  _$jscoverage['plugins/removeformat.js'][163] = 0;
+  _$jscoverage['plugins/removeformat.js'][164] = 0;
+  _$jscoverage['plugins/removeformat.js'][166] = 0;
+  _$jscoverage['plugins/removeformat.js'][175] = 0;
+  _$jscoverage['plugins/removeformat.js'][176] = 0;
+  _$jscoverage['plugins/removeformat.js'][177] = 0;
+}
+_$jscoverage['plugins/removeformat.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#28165;&#38500;&#26684;&#24335;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#23545;&#22270;&#29255;&#23621;&#24038;&#23621;&#20013;&#23621;&#21491;&#25490;&#29256;</span>","<span class=\"c\"> * @command removeformat</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param   {String}   tags     &#20197;&#36887;&#21495;&#38548;&#24320;&#30340;&#26631;&#31614;&#12290;&#22914;&#65306;span,a</span>","<span class=\"c\"> * @param   {String}   style    &#26679;&#24335;</span>","<span class=\"c\"> * @param   {String}   attrs    &#23646;&#24615;</span>","<span class=\"c\"> * @param   {String}   notIncluedA    &#26159;&#21542;&#25226;a&#26631;&#31614;&#20999;&#24320;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'removeformat', 'center' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'removeformat'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","       <span class=\"s\">'removeFormatTags'</span><span class=\"k\">:</span> <span class=\"s\">'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var'</span><span class=\"k\">,</span>","       <span class=\"s\">'removeFormatAttributes'</span><span class=\"k\">:</span><span class=\"s\">'class,style,lang,width,height,align,hspace,valign'</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'removeformat'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName<span class=\"k\">,</span> tags<span class=\"k\">,</span> style<span class=\"k\">,</span> attrs<span class=\"k\">,</span>notIncludeA <span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> tagReg <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span> <span class=\"s\">'^(?:'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>tags <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>removeFormatTags<span class=\"k\">).</span>replace<span class=\"k\">(</span> <span class=\"s\">/,/g</span><span class=\"k\">,</span> <span class=\"s\">'|'</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">')$'</span><span class=\"k\">,</span> <span class=\"s\">'i'</span> <span class=\"k\">)</span> <span class=\"k\">,</span>","                removeFormatAttributes <span class=\"k\">=</span> style <span class=\"k\">?</span> <span class=\"k\">[]</span> <span class=\"k\">:</span> <span class=\"k\">(</span>attrs <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>removeFormatAttributes<span class=\"k\">).</span>split<span class=\"k\">(</span> <span class=\"s\">','</span> <span class=\"k\">),</span>","                range <span class=\"k\">=</span> <span class=\"k\">new</span> dom<span class=\"k\">.</span>Range<span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>document <span class=\"k\">),</span>","                bookmark<span class=\"k\">,</span>node<span class=\"k\">,</span>parent<span class=\"k\">,</span>","                filter <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span> node <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","","            <span class=\"k\">function</span> isRedundantSpan <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> node<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">!=</span> <span class=\"s\">'span'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//ie &#19979;&#21028;&#26029;&#23454;&#25928;&#65292;&#25152;&#20197;&#21482;&#33021;&#31616;&#21333;&#29992;style&#26469;&#21028;&#26029;</span>","                    <span class=\"c\">//return node.style.cssText == '' ? 1 : 0;</span>","                    <span class=\"k\">var</span> attrs <span class=\"k\">=</span> node<span class=\"k\">.</span>attributes<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span> attrs<span class=\"k\">.</span>length <span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">for</span> <span class=\"k\">(</span> <span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>l <span class=\"k\">=</span> attrs<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">&lt;</span>l<span class=\"k\">;</span> i<span class=\"k\">++</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span> attrs<span class=\"k\">[</span>i<span class=\"k\">].</span>specified <span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> <span class=\"k\">!</span>node<span class=\"k\">.</span>attributes<span class=\"k\">.</span>length<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">function</span> doRemove<span class=\"k\">(</span> range <span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">var</span> bookmark1 <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> range<span class=\"k\">.</span>collapsed <span class=\"k\">)</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>enlarge<span class=\"k\">(</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","                <span class=\"k\">}</span>","","                <span class=\"c\">//&#19981;&#33021;&#25226;a&#26631;&#31614;&#20999;&#20102;</span>","                <span class=\"k\">if</span><span class=\"k\">(!</span>notIncludeA<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> aNode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span><span class=\"s\">'a'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>aNode<span class=\"k\">)</span><span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>aNode<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                    aNode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">,</span><span class=\"s\">'a'</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>aNode<span class=\"k\">)</span><span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setEndAfter<span class=\"k\">(</span>aNode<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","","","                bookmark <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">();</span>","","                node <span class=\"k\">=</span> bookmark<span class=\"k\">.</span>start<span class=\"k\">;</span>","","                <span class=\"c\">//&#20999;&#24320;&#22987;</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span> <span class=\"k\">(</span>parent <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span> parent <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span> node<span class=\"k\">,</span> parent <span class=\"k\">);</span>","","                    domUtils<span class=\"k\">.</span>clearEmptySibling<span class=\"k\">(</span> node <span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> bookmark<span class=\"k\">.</span>end <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//&#20999;&#32467;&#26463;</span>","                    node <span class=\"k\">=</span> bookmark<span class=\"k\">.</span>end<span class=\"k\">;</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span> <span class=\"k\">(</span>parent <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span> parent <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>breakParent<span class=\"k\">(</span> node<span class=\"k\">,</span> parent <span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>clearEmptySibling<span class=\"k\">(</span> node <span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                    <span class=\"c\">//&#24320;&#22987;&#21435;&#38500;&#26679;&#24335;</span>","                    <span class=\"k\">var</span> current <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> bookmark<span class=\"k\">.</span>start<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> filter <span class=\"k\">),</span>","                        next<span class=\"k\">;</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span> current <span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span> current <span class=\"k\">==</span> bookmark<span class=\"k\">.</span>end <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","","                        next <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span> current<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> filter <span class=\"k\">);</span>","","                        <span class=\"k\">if</span> <span class=\"k\">(</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$empty<span class=\"k\">[</span>current<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>domUtils<span class=\"k\">.</span>isBookmarkNode<span class=\"k\">(</span> current <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span> tagReg<span class=\"k\">.</span>test<span class=\"k\">(</span> current<span class=\"k\">.</span>tagName <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span> style <span class=\"k\">)</span> <span class=\"k\">{</span>","                                    domUtils<span class=\"k\">.</span>removeStyle<span class=\"k\">(</span> current<span class=\"k\">,</span> style <span class=\"k\">);</span>","                                    <span class=\"k\">if</span> <span class=\"k\">(</span> isRedundantSpan<span class=\"k\">(</span> current <span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> style <span class=\"k\">!=</span> <span class=\"s\">'text-decoration'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span> current<span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span> current<span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                <span class=\"c\">//trace:939  &#19981;&#33021;&#25226;list&#19978;&#30340;&#26679;&#24335;&#21435;&#25481;</span>","                                <span class=\"k\">if</span><span class=\"k\">(!</span>dtd<span class=\"k\">.</span>$tableContent<span class=\"k\">[</span>current<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$list<span class=\"k\">[</span>current<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                                    domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span> current<span class=\"k\">,</span> removeFormatAttributes <span class=\"k\">);</span>","                                    <span class=\"k\">if</span> <span class=\"k\">(</span> isRedundantSpan<span class=\"k\">(</span> current <span class=\"k\">)</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span> current<span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span>","","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        current <span class=\"k\">=</span> next<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//trace:1035</span>","                <span class=\"c\">//trace:1096 &#19981;&#33021;&#25226;td&#19978;&#30340;&#26679;&#24335;&#21435;&#25481;&#65292;&#27604;&#22914;&#36793;&#26694;</span>","                <span class=\"k\">var</span> pN <span class=\"k\">=</span> bookmark<span class=\"k\">.</span>start<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>pN<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$tableContent<span class=\"k\">[</span>pN<span class=\"k\">.</span>tagName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$list<span class=\"k\">[</span>pN<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>  pN<span class=\"k\">,</span>removeFormatAttributes <span class=\"k\">);</span>","                <span class=\"k\">}</span>","                pN <span class=\"k\">=</span> bookmark<span class=\"k\">.</span>end<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>bookmark<span class=\"k\">.</span>end <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>pN<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$tableContent<span class=\"k\">[</span>pN<span class=\"k\">.</span>tagName<span class=\"k\">]&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$list<span class=\"k\">[</span>pN<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>  pN<span class=\"k\">,</span>removeFormatAttributes <span class=\"k\">);</span>","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span> bookmark <span class=\"k\">).</span>moveToBookmark<span class=\"k\">(</span>bookmark1<span class=\"k\">);</span>","                <span class=\"c\">//&#28165;&#38500;&#20887;&#20313;&#30340;&#20195;&#30721; &lt;b&gt;&lt;bookmark&gt;&lt;/b&gt;</span>","                <span class=\"k\">var</span> node <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>","                    tmp<span class=\"k\">,</span>","                    collapsed <span class=\"k\">=</span> range<span class=\"k\">.</span>collapsed<span class=\"k\">;</span>","                <span class=\"k\">while</span><span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> dtd<span class=\"k\">.</span>$removeEmpty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                    tmp <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    range<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    <span class=\"c\">//trace:937</span>","                    <span class=\"c\">//&#26356;&#26032;&#32467;&#26463;&#36793;&#30028;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer <span class=\"k\">===</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">)</span><span class=\"k\">{</span>","                        range<span class=\"k\">.</span>endOffset<span class=\"k\">--;</span>","                    <span class=\"k\">}</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">);</span>","                    node <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">if</span><span class=\"k\">(!</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                    node <span class=\"k\">=</span> range<span class=\"k\">.</span>endContainer<span class=\"k\">;</span>","                    <span class=\"k\">while</span><span class=\"k\">(</span>node<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> dtd<span class=\"k\">.</span>$removeEmpty<span class=\"k\">[</span>node<span class=\"k\">.</span>tagName<span class=\"k\">])</span><span class=\"k\">{</span>","                        tmp <span class=\"k\">=</span> node<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                        range<span class=\"k\">.</span>setEndBefore<span class=\"k\">(</span>node<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>node<span class=\"k\">);</span>","","                        node <span class=\"k\">=</span> tmp<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","","","            range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            doRemove<span class=\"k\">(</span> range <span class=\"k\">);</span>","            range<span class=\"k\">.</span>select<span class=\"k\">();</span>","","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">;</span>","","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/removeformat.js'][22]++;
+UE.plugins.removeformat = (function () {
+  _$jscoverage['plugins/removeformat.js'][23]++;
+  var me = this;
+  _$jscoverage['plugins/removeformat.js'][24]++;
+  me.setOpt({"removeFormatTags": "b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var", "removeFormatAttributes": "class,style,lang,width,height,align,hspace,valign"});
+  _$jscoverage['plugins/removeformat.js'][28]++;
+  me.commands.removeformat = {execCommand: (function (cmdName, tags, style, attrs, notIncludeA) {
+  _$jscoverage['plugins/removeformat.js'][31]++;
+  var tagReg = new RegExp(("^(?:" + (tags || this.options.removeFormatTags).replace(/,/g, "|") + ")$"), "i"), removeFormatAttributes = (style? []: (attrs || this.options.removeFormatAttributes).split(",")), range = new (dom.Range)(this.document), bookmark, node, parent, filter = (function (node) {
+  _$jscoverage['plugins/removeformat.js'][36]++;
+  return (node.nodeType == 1);
+});
+  _$jscoverage['plugins/removeformat.js'][39]++;
+  function isRedundantSpan(node) {
+    _$jscoverage['plugins/removeformat.js'][40]++;
+    if (((node.nodeType == 3) || (node.tagName.toLowerCase() != "span"))) {
+      _$jscoverage['plugins/removeformat.js'][41]++;
+      return 0;
+    }
+    _$jscoverage['plugins/removeformat.js'][43]++;
+    if (browser.ie) {
+      _$jscoverage['plugins/removeformat.js'][46]++;
+      var attrs = node.attributes;
+      _$jscoverage['plugins/removeformat.js'][47]++;
+      if (attrs.length) {
+        _$jscoverage['plugins/removeformat.js'][48]++;
+        for (var i = 0, l = attrs.length; (i < l); (i++)) {
+          _$jscoverage['plugins/removeformat.js'][49]++;
+          if (attrs[i].specified) {
+            _$jscoverage['plugins/removeformat.js'][50]++;
+            return 0;
+          }
+}
+        _$jscoverage['plugins/removeformat.js'][53]++;
+        return 1;
+      }
+    }
+    _$jscoverage['plugins/removeformat.js'][56]++;
+    return (! node.attributes.length);
+}
+  _$jscoverage['plugins/removeformat.js'][58]++;
+  function doRemove(range) {
+    _$jscoverage['plugins/removeformat.js'][60]++;
+    var bookmark1 = range.createBookmark();
+    _$jscoverage['plugins/removeformat.js'][61]++;
+    if (range.collapsed) {
+      _$jscoverage['plugins/removeformat.js'][62]++;
+      range.enlarge(true);
+    }
+    _$jscoverage['plugins/removeformat.js'][66]++;
+    if ((! notIncludeA)) {
+      _$jscoverage['plugins/removeformat.js'][67]++;
+      var aNode = domUtils.findParentByTagName(range.startContainer, "a", true);
+      _$jscoverage['plugins/removeformat.js'][68]++;
+      if (aNode) {
+        _$jscoverage['plugins/removeformat.js'][69]++;
+        range.setStartBefore(aNode);
+      }
+      _$jscoverage['plugins/removeformat.js'][72]++;
+      aNode = domUtils.findParentByTagName(range.endContainer, "a", true);
+      _$jscoverage['plugins/removeformat.js'][73]++;
+      if (aNode) {
+        _$jscoverage['plugins/removeformat.js'][74]++;
+        range.setEndAfter(aNode);
+      }
+    }
+    _$jscoverage['plugins/removeformat.js'][80]++;
+    bookmark = range.createBookmark();
+    _$jscoverage['plugins/removeformat.js'][82]++;
+    node = bookmark.start;
+    _$jscoverage['plugins/removeformat.js'][85]++;
+    while (((parent = node.parentNode) && (! domUtils.isBlockElm(parent)))) {
+      _$jscoverage['plugins/removeformat.js'][86]++;
+      domUtils.breakParent(node, parent);
+      _$jscoverage['plugins/removeformat.js'][88]++;
+      domUtils.clearEmptySibling(node);
+}
+    _$jscoverage['plugins/removeformat.js'][90]++;
+    if (bookmark.end) {
+      _$jscoverage['plugins/removeformat.js'][92]++;
+      node = bookmark.end;
+      _$jscoverage['plugins/removeformat.js'][93]++;
+      while (((parent = node.parentNode) && (! domUtils.isBlockElm(parent)))) {
+        _$jscoverage['plugins/removeformat.js'][94]++;
+        domUtils.breakParent(node, parent);
+        _$jscoverage['plugins/removeformat.js'][95]++;
+        domUtils.clearEmptySibling(node);
+}
+      _$jscoverage['plugins/removeformat.js'][99]++;
+      var current = domUtils.getNextDomNode(bookmark.start, false, filter), next;
+      _$jscoverage['plugins/removeformat.js'][101]++;
+      while (current) {
+        _$jscoverage['plugins/removeformat.js'][102]++;
+        if ((current == bookmark.end)) {
+          _$jscoverage['plugins/removeformat.js'][103]++;
+          break;
+        }
+        _$jscoverage['plugins/removeformat.js'][106]++;
+        next = domUtils.getNextDomNode(current, true, filter);
+        _$jscoverage['plugins/removeformat.js'][108]++;
+        if (((! dtd.$empty[current.tagName.toLowerCase()]) && (! domUtils.isBookmarkNode(current)))) {
+          _$jscoverage['plugins/removeformat.js'][109]++;
+          if (tagReg.test(current.tagName)) {
+            _$jscoverage['plugins/removeformat.js'][110]++;
+            if (style) {
+              _$jscoverage['plugins/removeformat.js'][111]++;
+              domUtils.removeStyle(current, style);
+              _$jscoverage['plugins/removeformat.js'][112]++;
+              if ((isRedundantSpan(current) && (style != "text-decoration"))) {
+                _$jscoverage['plugins/removeformat.js'][113]++;
+                domUtils.remove(current, true);
+              }
+            }
+            else {
+              _$jscoverage['plugins/removeformat.js'][116]++;
+              domUtils.remove(current, true);
+            }
+          }
+          else {
+            _$jscoverage['plugins/removeformat.js'][120]++;
+            if (((! dtd.$tableContent[current.tagName]) && (! dtd.$list[current.tagName]))) {
+              _$jscoverage['plugins/removeformat.js'][121]++;
+              domUtils.removeAttributes(current, removeFormatAttributes);
+              _$jscoverage['plugins/removeformat.js'][122]++;
+              if (isRedundantSpan(current)) {
+                _$jscoverage['plugins/removeformat.js'][123]++;
+                domUtils.remove(current, true);
+              }
+            }
+          }
+        }
+        _$jscoverage['plugins/removeformat.js'][129]++;
+        current = next;
+}
+    }
+    _$jscoverage['plugins/removeformat.js'][134]++;
+    var pN = bookmark.start.parentNode;
+    _$jscoverage['plugins/removeformat.js'][135]++;
+    if ((domUtils.isBlockElm(pN) && (! dtd.$tableContent[pN.tagName]) && (! dtd.$list[pN.tagName]))) {
+      _$jscoverage['plugins/removeformat.js'][136]++;
+      domUtils.removeAttributes(pN, removeFormatAttributes);
+    }
+    _$jscoverage['plugins/removeformat.js'][138]++;
+    pN = bookmark.end.parentNode;
+    _$jscoverage['plugins/removeformat.js'][139]++;
+    if ((bookmark.end && domUtils.isBlockElm(pN) && (! dtd.$tableContent[pN.tagName]) && (! dtd.$list[pN.tagName]))) {
+      _$jscoverage['plugins/removeformat.js'][140]++;
+      domUtils.removeAttributes(pN, removeFormatAttributes);
+    }
+    _$jscoverage['plugins/removeformat.js'][142]++;
+    range.moveToBookmark(bookmark).moveToBookmark(bookmark1);
+    _$jscoverage['plugins/removeformat.js'][144]++;
+    var node = range.startContainer, tmp, collapsed = range.collapsed;
+    _$jscoverage['plugins/removeformat.js'][147]++;
+    while (((node.nodeType == 1) && domUtils.isEmptyNode(node) && dtd.$removeEmpty[node.tagName])) {
+      _$jscoverage['plugins/removeformat.js'][148]++;
+      tmp = node.parentNode;
+      _$jscoverage['plugins/removeformat.js'][149]++;
+      range.setStartBefore(node);
+      _$jscoverage['plugins/removeformat.js'][152]++;
+      if ((range.startContainer === range.endContainer)) {
+        _$jscoverage['plugins/removeformat.js'][153]++;
+        (range.endOffset--);
+      }
+      _$jscoverage['plugins/removeformat.js'][155]++;
+      domUtils.remove(node);
+      _$jscoverage['plugins/removeformat.js'][156]++;
+      node = tmp;
+}
+    _$jscoverage['plugins/removeformat.js'][159]++;
+    if ((! collapsed)) {
+      _$jscoverage['plugins/removeformat.js'][160]++;
+      node = range.endContainer;
+      _$jscoverage['plugins/removeformat.js'][161]++;
+      while (((node.nodeType == 1) && domUtils.isEmptyNode(node) && dtd.$removeEmpty[node.tagName])) {
+        _$jscoverage['plugins/removeformat.js'][162]++;
+        tmp = node.parentNode;
+        _$jscoverage['plugins/removeformat.js'][163]++;
+        range.setEndBefore(node);
+        _$jscoverage['plugins/removeformat.js'][164]++;
+        domUtils.remove(node);
+        _$jscoverage['plugins/removeformat.js'][166]++;
+        node = tmp;
+}
+    }
+}
+  _$jscoverage['plugins/removeformat.js'][175]++;
+  range = this.selection.getRange();
+  _$jscoverage['plugins/removeformat.js'][176]++;
+  doRemove(range);
+  _$jscoverage['plugins/removeformat.js'][177]++;
+  range.select();
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/rowspacing.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/rowspacing.js
new file mode 100644
index 000000000..3d4a37ff9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/rowspacing.js
@@ -0,0 +1,83 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/rowspacing.js']) {
+  _$jscoverage['plugins/rowspacing.js'] = [];
+  _$jscoverage['plugins/rowspacing.js'][19] = 0;
+  _$jscoverage['plugins/rowspacing.js'][20] = 0;
+  _$jscoverage['plugins/rowspacing.js'][21] = 0;
+  _$jscoverage['plugins/rowspacing.js'][26] = 0;
+  _$jscoverage['plugins/rowspacing.js'][28] = 0;
+  _$jscoverage['plugins/rowspacing.js'][29] = 0;
+  _$jscoverage['plugins/rowspacing.js'][32] = 0;
+  _$jscoverage['plugins/rowspacing.js'][35] = 0;
+  _$jscoverage['plugins/rowspacing.js'][36] = 0;
+  _$jscoverage['plugins/rowspacing.js'][37] = 0;
+  _$jscoverage['plugins/rowspacing.js'][39] = 0;
+}
+_$jscoverage['plugins/rowspacing.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#27573;&#21069;&#27573;&#21518;&#38388;&#36317;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#35774;&#32622;&#27573;&#21069;&#36317;,&#27573;&#21518;&#36317;</span>","<span class=\"c\"> * @command rowspacing</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @param { String } value &#20256;&#20837;&#27573;&#38388;&#36317;&#30340;&#20540;&#65292;&#20197;px&#20026;&#21333;&#20301;</span>","<span class=\"c\"> * @param { String } dir &#20256;&#20837;&#38388;&#36317;&#20301;&#32622;&#65292;top&#25110;bottom&#65292;&#20998;&#21035;&#34920;&#31034;&#27573;&#21069;&#21644;&#27573;&#21518;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'rowspacing', '10', 'top' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'rowspacing'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","        <span class=\"s\">'rowspacingtop'</span><span class=\"k\">:[</span><span class=\"s\">'5'</span><span class=\"k\">,</span> <span class=\"s\">'10'</span><span class=\"k\">,</span> <span class=\"s\">'15'</span><span class=\"k\">,</span> <span class=\"s\">'20'</span><span class=\"k\">,</span> <span class=\"s\">'25'</span><span class=\"k\">],</span>","        <span class=\"s\">'rowspacingbottom'</span><span class=\"k\">:[</span><span class=\"s\">'5'</span><span class=\"k\">,</span> <span class=\"s\">'10'</span><span class=\"k\">,</span> <span class=\"s\">'15'</span><span class=\"k\">,</span> <span class=\"s\">'20'</span><span class=\"k\">,</span> <span class=\"s\">'25'</span><span class=\"k\">]</span>","","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'rowspacing'</span><span class=\"k\">]</span> <span class=\"k\">=</span>  <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span> cmdName<span class=\"k\">,</span>value<span class=\"k\">,</span>dir <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'paragraph'</span><span class=\"k\">,</span><span class=\"s\">'p'</span><span class=\"k\">,</span><span class=\"k\">{</span>style<span class=\"k\">:</span><span class=\"s\">'margin-'</span><span class=\"k\">+</span>dir<span class=\"k\">+</span><span class=\"s\">':'</span><span class=\"k\">+</span>value <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandValue <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span>cmdName<span class=\"k\">,</span>dir<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> pN <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>filterNodeList<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getStartElementPath<span class=\"k\">(),</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">}</span><span class=\"k\">),</span>","                value<span class=\"k\">;</span>","            <span class=\"c\">//trace:1026</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>pN<span class=\"k\">)</span><span class=\"k\">{</span>","                value <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>pN<span class=\"k\">,</span><span class=\"s\">'margin-'</span><span class=\"k\">+</span>dir<span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/[^\\d]/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","                <span class=\"k\">return</span> <span class=\"k\">!</span>value <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> value<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>","",""];
+_$jscoverage['plugins/rowspacing.js'][19]++;
+UE.plugins.rowspacing = (function () {
+  _$jscoverage['plugins/rowspacing.js'][20]++;
+  var me = this;
+  _$jscoverage['plugins/rowspacing.js'][21]++;
+  me.setOpt({"rowspacingtop": ["5", "10", "15", "20", "25"], "rowspacingbottom": ["5", "10", "15", "20", "25"]});
+  _$jscoverage['plugins/rowspacing.js'][26]++;
+  me.commands.rowspacing = {execCommand: (function (cmdName, value, dir) {
+  _$jscoverage['plugins/rowspacing.js'][28]++;
+  this.execCommand("paragraph", "p", {style: ("margin-" + dir + ":" + value + "px")});
+  _$jscoverage['plugins/rowspacing.js'][29]++;
+  return true;
+}), queryCommandValue: (function (cmdName, dir) {
+  _$jscoverage['plugins/rowspacing.js'][32]++;
+  var pN = domUtils.filterNodeList(this.selection.getStartElementPath(), (function (node) {
+  _$jscoverage['plugins/rowspacing.js'][32]++;
+  return domUtils.isBlockElm(node);
+})), value;
+  _$jscoverage['plugins/rowspacing.js'][35]++;
+  if (pN) {
+    _$jscoverage['plugins/rowspacing.js'][36]++;
+    value = domUtils.getComputedStyle(pN, ("margin-" + dir)).replace(/[^\d]/g, "");
+    _$jscoverage['plugins/rowspacing.js'][37]++;
+    return ((! value)? 0: value);
+  }
+  _$jscoverage['plugins/rowspacing.js'][39]++;
+  return 0;
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/scrawl.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/scrawl.js
new file mode 100644
index 000000000..62c528f16
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/scrawl.js
@@ -0,0 +1,50 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/scrawl.js']) {
+  _$jscoverage['plugins/scrawl.js'] = [];
+  _$jscoverage['plugins/scrawl.js'][17] = 0;
+  _$jscoverage['plugins/scrawl.js'][19] = 0;
+}
+_$jscoverage['plugins/scrawl.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#28034;&#40486;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/*</span>","<span class=\"c\"> * &#28034;&#40486;&#27983;&#35272;&#22120;&#21028;&#26029;</span>","<span class=\"c\"> * @command scrawl</span>","<span class=\"c\"> * @method queryCommandState</span>","<span class=\"c\"> * @return { Int } ie8&#19979;&#36820;&#22238;-1&#65292;&#21453;&#20043;&#36820;&#22238;0</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.queryCommandState( 'scrawl' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'scrawl'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    queryCommandState <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        <span class=\"k\">return</span> <span class=\"k\">(</span> browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version  <span class=\"k\">&lt;=</span> <span class=\"s\">8</span> <span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/scrawl.js'][17]++;
+UE.commands.scrawl = {queryCommandState: (function () {
+  _$jscoverage['plugins/scrawl.js'][19]++;
+  return ((browser.ie && (browser.version <= 8))? -1: 0);
+})};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/searchreplace.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/searchreplace.js
new file mode 100644
index 000000000..4129d8216
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/searchreplace.js
@@ -0,0 +1,405 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/searchreplace.js']) {
+  _$jscoverage['plugins/searchreplace.js'] = [];
+  _$jscoverage['plugins/searchreplace.js'][10] = 0;
+  _$jscoverage['plugins/searchreplace.js'][12] = 0;
+  _$jscoverage['plugins/searchreplace.js'][15] = 0;
+  _$jscoverage['plugins/searchreplace.js'][16] = 0;
+  _$jscoverage['plugins/searchreplace.js'][17] = 0;
+  _$jscoverage['plugins/searchreplace.js'][19] = 0;
+  _$jscoverage['plugins/searchreplace.js'][21] = 0;
+  _$jscoverage['plugins/searchreplace.js'][31] = 0;
+  _$jscoverage['plugins/searchreplace.js'][32] = 0;
+  _$jscoverage['plugins/searchreplace.js'][33] = 0;
+  _$jscoverage['plugins/searchreplace.js'][34] = 0;
+  _$jscoverage['plugins/searchreplace.js'][35] = 0;
+  _$jscoverage['plugins/searchreplace.js'][37] = 0;
+  _$jscoverage['plugins/searchreplace.js'][38] = 0;
+  _$jscoverage['plugins/searchreplace.js'][39] = 0;
+  _$jscoverage['plugins/searchreplace.js'][40] = 0;
+  _$jscoverage['plugins/searchreplace.js'][41] = 0;
+  _$jscoverage['plugins/searchreplace.js'][42] = 0;
+  _$jscoverage['plugins/searchreplace.js'][43] = 0;
+  _$jscoverage['plugins/searchreplace.js'][44] = 0;
+  _$jscoverage['plugins/searchreplace.js'][46] = 0;
+  _$jscoverage['plugins/searchreplace.js'][50] = 0;
+  _$jscoverage['plugins/searchreplace.js'][51] = 0;
+  _$jscoverage['plugins/searchreplace.js'][52] = 0;
+  _$jscoverage['plugins/searchreplace.js'][55] = 0;
+  _$jscoverage['plugins/searchreplace.js'][57] = 0;
+  _$jscoverage['plugins/searchreplace.js'][58] = 0;
+  _$jscoverage['plugins/searchreplace.js'][60] = 0;
+  _$jscoverage['plugins/searchreplace.js'][61] = 0;
+  _$jscoverage['plugins/searchreplace.js'][62] = 0;
+  _$jscoverage['plugins/searchreplace.js'][64] = 0;
+  _$jscoverage['plugins/searchreplace.js'][65] = 0;
+  _$jscoverage['plugins/searchreplace.js'][68] = 0;
+  _$jscoverage['plugins/searchreplace.js'][69] = 0;
+  _$jscoverage['plugins/searchreplace.js'][70] = 0;
+  _$jscoverage['plugins/searchreplace.js'][71] = 0;
+  _$jscoverage['plugins/searchreplace.js'][72] = 0;
+  _$jscoverage['plugins/searchreplace.js'][73] = 0;
+  _$jscoverage['plugins/searchreplace.js'][75] = 0;
+  _$jscoverage['plugins/searchreplace.js'][77] = 0;
+  _$jscoverage['plugins/searchreplace.js'][78] = 0;
+  _$jscoverage['plugins/searchreplace.js'][79] = 0;
+  _$jscoverage['plugins/searchreplace.js'][80] = 0;
+  _$jscoverage['plugins/searchreplace.js'][83] = 0;
+  _$jscoverage['plugins/searchreplace.js'][84] = 0;
+  _$jscoverage['plugins/searchreplace.js'][85] = 0;
+  _$jscoverage['plugins/searchreplace.js'][90] = 0;
+  _$jscoverage['plugins/searchreplace.js'][91] = 0;
+  _$jscoverage['plugins/searchreplace.js'][92] = 0;
+  _$jscoverage['plugins/searchreplace.js'][93] = 0;
+  _$jscoverage['plugins/searchreplace.js'][94] = 0;
+  _$jscoverage['plugins/searchreplace.js'][95] = 0;
+  _$jscoverage['plugins/searchreplace.js'][97] = 0;
+  _$jscoverage['plugins/searchreplace.js'][98] = 0;
+  _$jscoverage['plugins/searchreplace.js'][99] = 0;
+  _$jscoverage['plugins/searchreplace.js'][102] = 0;
+  _$jscoverage['plugins/searchreplace.js'][103] = 0;
+  _$jscoverage['plugins/searchreplace.js'][104] = 0;
+  _$jscoverage['plugins/searchreplace.js'][105] = 0;
+  _$jscoverage['plugins/searchreplace.js'][108] = 0;
+  _$jscoverage['plugins/searchreplace.js'][109] = 0;
+  _$jscoverage['plugins/searchreplace.js'][112] = 0;
+  _$jscoverage['plugins/searchreplace.js'][113] = 0;
+  _$jscoverage['plugins/searchreplace.js'][114] = 0;
+  _$jscoverage['plugins/searchreplace.js'][116] = 0;
+  _$jscoverage['plugins/searchreplace.js'][119] = 0;
+  _$jscoverage['plugins/searchreplace.js'][120] = 0;
+  _$jscoverage['plugins/searchreplace.js'][126] = 0;
+  _$jscoverage['plugins/searchreplace.js'][127] = 0;
+  _$jscoverage['plugins/searchreplace.js'][128] = 0;
+  _$jscoverage['plugins/searchreplace.js'][129] = 0;
+  _$jscoverage['plugins/searchreplace.js'][131] = 0;
+  _$jscoverage['plugins/searchreplace.js'][135] = 0;
+  _$jscoverage['plugins/searchreplace.js'][136] = 0;
+  _$jscoverage['plugins/searchreplace.js'][138] = 0;
+  _$jscoverage['plugins/searchreplace.js'][139] = 0;
+  _$jscoverage['plugins/searchreplace.js'][140] = 0;
+  _$jscoverage['plugins/searchreplace.js'][142] = 0;
+  _$jscoverage['plugins/searchreplace.js'][144] = 0;
+  _$jscoverage['plugins/searchreplace.js'][146] = 0;
+  _$jscoverage['plugins/searchreplace.js'][147] = 0;
+  _$jscoverage['plugins/searchreplace.js'][148] = 0;
+  _$jscoverage['plugins/searchreplace.js'][150] = 0;
+  _$jscoverage['plugins/searchreplace.js'][151] = 0;
+  _$jscoverage['plugins/searchreplace.js'][153] = 0;
+  _$jscoverage['plugins/searchreplace.js'][154] = 0;
+  _$jscoverage['plugins/searchreplace.js'][155] = 0;
+  _$jscoverage['plugins/searchreplace.js'][157] = 0;
+  _$jscoverage['plugins/searchreplace.js'][158] = 0;
+  _$jscoverage['plugins/searchreplace.js'][159] = 0;
+  _$jscoverage['plugins/searchreplace.js'][160] = 0;
+  _$jscoverage['plugins/searchreplace.js'][162] = 0;
+  _$jscoverage['plugins/searchreplace.js'][163] = 0;
+  _$jscoverage['plugins/searchreplace.js'][164] = 0;
+  _$jscoverage['plugins/searchreplace.js'][166] = 0;
+  _$jscoverage['plugins/searchreplace.js'][167] = 0;
+  _$jscoverage['plugins/searchreplace.js'][168] = 0;
+  _$jscoverage['plugins/searchreplace.js'][169] = 0;
+  _$jscoverage['plugins/searchreplace.js'][170] = 0;
+  _$jscoverage['plugins/searchreplace.js'][171] = 0;
+  _$jscoverage['plugins/searchreplace.js'][174] = 0;
+  _$jscoverage['plugins/searchreplace.js'][176] = 0;
+  _$jscoverage['plugins/searchreplace.js'][177] = 0;
+  _$jscoverage['plugins/searchreplace.js'][178] = 0;
+  _$jscoverage['plugins/searchreplace.js'][183] = 0;
+}
+_$jscoverage['plugins/searchreplace.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#26597;&#25214;&#26367;&#25442;</span>","<span class=\"c\">///commandsName  SearchReplace</span>","<span class=\"c\">///commandsTitle  &#26597;&#35810;&#26367;&#25442;</span>","<span class=\"c\">///commandsDialog  dialogs\\searchreplace</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * @description &#26597;&#25214;&#26367;&#25442;</span>","<span class=\"c\"> * @author zhanyi</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'searchreplace'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","","    <span class=\"k\">var</span> currentRange<span class=\"k\">,</span>","        first<span class=\"k\">,</span>","        me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'reset'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        currentRange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        first <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'searchreplace'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span>cmdName<span class=\"k\">,</span>opt<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                sel <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">,</span>","                range<span class=\"k\">,</span>","                nativeRange<span class=\"k\">,</span>","                num <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                opt <span class=\"k\">=</span> utils<span class=\"k\">.</span>extend<span class=\"k\">(</span>opt<span class=\"k\">,</span><span class=\"k\">{</span>","                    all <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","                    casesensitive <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","                    dir <span class=\"k\">:</span> <span class=\"s\">1</span>","                <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> searchStr <span class=\"k\">=</span> opt<span class=\"k\">.</span>searchStr<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span><span class=\"k\">{</span>","                me<span class=\"k\">.</span>focus<span class=\"k\">();</span>","                <span class=\"k\">while</span><span class=\"k\">(</span><span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> tmpRange<span class=\"k\">;</span>","","                    nativeRange <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>selection<span class=\"k\">.</span>createRange<span class=\"k\">();</span>","                    tmpRange <span class=\"k\">=</span> nativeRange<span class=\"k\">.</span>duplicate<span class=\"k\">();</span>","                    tmpRange<span class=\"k\">.</span>moveToElementText<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>all<span class=\"k\">)</span><span class=\"k\">{</span>","                        first <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                        opt<span class=\"k\">.</span>dir <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>currentRange<span class=\"k\">)</span><span class=\"k\">{</span>","                            tmpRange<span class=\"k\">.</span>setEndPoint<span class=\"k\">(</span>opt<span class=\"k\">.</span>dir <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">'EndToStart'</span> <span class=\"k\">:</span> <span class=\"s\">'StartToEnd'</span><span class=\"k\">,</span>currentRange<span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            tmpRange<span class=\"k\">.</span>moveToElementText<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        tmpRange<span class=\"k\">.</span>setEndPoint<span class=\"k\">(</span>opt<span class=\"k\">.</span>dir <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">'EndToStart'</span> <span class=\"k\">:</span> <span class=\"s\">'StartToEnd'</span><span class=\"k\">,</span>nativeRange<span class=\"k\">);</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span><span class=\"s\">\"replaceStr\"</span><span class=\"k\">))</span><span class=\"k\">{</span>","                            tmpRange<span class=\"k\">.</span>setEndPoint<span class=\"k\">(</span>opt<span class=\"k\">.</span>dir <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">'StartToEnd'</span> <span class=\"k\">:</span> <span class=\"s\">'EndToStart'</span><span class=\"k\">,</span>nativeRange<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    nativeRange <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>duplicate<span class=\"k\">();</span>","","                    <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/^\\/[^/]+\\/\\w*$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>opt<span class=\"k\">.</span>searchStr<span class=\"k\">))</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> str <span class=\"k\">=</span> tmpRange<span class=\"k\">.</span>text<span class=\"k\">,</span>","                            reg <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span>opt<span class=\"k\">.</span>searchStr<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/^\\/|\\/\\w*$/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">),</span><span class=\"s\">'g'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>casesensitive <span class=\"k\">?</span> <span class=\"s\">''</span><span class=\"k\">:</span><span class=\"s\">'i'</span><span class=\"k\">));</span>","                        <span class=\"k\">var</span> match <span class=\"k\">=</span> str<span class=\"k\">.</span>match<span class=\"k\">(</span>reg<span class=\"k\">);</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>match <span class=\"k\">&amp;&amp;</span> match<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","                            searchStr <span class=\"k\">=</span> opt<span class=\"k\">.</span>dir <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> match<span class=\"k\">[</span>match<span class=\"k\">.</span>length <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">:</span> match<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            currentRange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                            <span class=\"k\">return</span> num<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>tmpRange<span class=\"k\">.</span>findText<span class=\"k\">(</span>searchStr<span class=\"k\">,</span>opt<span class=\"k\">.</span>dir<span class=\"k\">,</span>opt<span class=\"k\">.</span>casesensitive <span class=\"k\">?</span> <span class=\"s\">4</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">))</span><span class=\"k\">{</span>","                        currentRange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                        tmpRange <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>selection<span class=\"k\">.</span>createRange<span class=\"k\">();</span>","                        tmpRange<span class=\"k\">.</span>scrollIntoView<span class=\"k\">();</span>","                        currentRange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                        <span class=\"k\">return</span> num<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    tmpRange<span class=\"k\">.</span>select<span class=\"k\">();</span>","                    <span class=\"c\">//&#26367;&#25442;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span><span class=\"s\">\"replaceStr\"</span><span class=\"k\">))</span><span class=\"k\">{</span>","                        range <span class=\"k\">=</span> sel<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                        range<span class=\"k\">.</span>deleteContents<span class=\"k\">().</span>insertNode<span class=\"k\">(</span>range<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>opt<span class=\"k\">.</span>replaceStr<span class=\"k\">)).</span>select<span class=\"k\">();</span>","                        currentRange <span class=\"k\">=</span> sel<span class=\"k\">.</span>getNative<span class=\"k\">().</span>createRange<span class=\"k\">();</span>","","                    <span class=\"k\">}</span>","                    num<span class=\"k\">++;</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>opt<span class=\"k\">.</span>all<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","","                <span class=\"k\">var</span> w <span class=\"k\">=</span> me<span class=\"k\">.</span>window<span class=\"k\">,</span>nativeSel <span class=\"k\">=</span> sel<span class=\"k\">.</span>getNative<span class=\"k\">();</span>","                <span class=\"k\">while</span><span class=\"k\">(</span><span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>all<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>currentRange<span class=\"k\">)</span><span class=\"k\">{</span>","                            currentRange<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                            nativeRange <span class=\"k\">=</span> currentRange<span class=\"k\">;</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            nativeRange  <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createRange<span class=\"k\">();</span>","                            nativeRange<span class=\"k\">.</span>setStart<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">);</span>","                            nativeRange<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                        nativeSel<span class=\"k\">.</span>removeAllRanges<span class=\"k\">();</span>","                        nativeSel<span class=\"k\">.</span>addRange<span class=\"k\">(</span> nativeRange <span class=\"k\">);</span>","                        first <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                        opt<span class=\"k\">.</span>dir <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        <span class=\"c\">//safari&#24377;&#20986;&#23618;&#65292;&#21407;&#29983;&#24050;&#32463;&#25214;&#19981;&#21040;range&#20102;&#65292;&#25152;&#20197;&#38656;&#35201;&#20808;&#36873;&#22238;&#26469;&#65292;&#20877;&#21462;&#21407;&#29983;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>safari<span class=\"k\">)</span><span class=\"k\">{</span>","                            me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>select<span class=\"k\">();</span>","","                        <span class=\"k\">}</span>","                        <span class=\"k\">var</span> nativeSel <span class=\"k\">=</span> w<span class=\"k\">.</span>getSelection<span class=\"k\">();</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>nativeSel<span class=\"k\">.</span>rangeCount<span class=\"k\">)</span><span class=\"k\">{</span>","                            nativeRange <span class=\"k\">=</span> currentRange <span class=\"k\">||</span> me<span class=\"k\">.</span>_bakNativeRange<span class=\"k\">;</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            nativeRange <span class=\"k\">=</span> nativeSel<span class=\"k\">.</span>getRangeAt<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                        <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span><span class=\"s\">\"replaceStr\"</span><span class=\"k\">))</span><span class=\"k\">{</span>","                            nativeRange<span class=\"k\">.</span>collapse<span class=\"k\">(</span>opt<span class=\"k\">.</span>dir <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"k\">true</span> <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","","                    <span class=\"c\">//&#22914;&#26524;&#26159;&#31532;&#19968;&#27425;&#24182;&#19988;&#28023;&#36873;&#20013;&#20102;&#20869;&#23481;&#37027;&#23601;&#35201;&#28165;&#38500;&#65292;&#20026;find&#20570;&#20934;&#22791;</span>","","                    <span class=\"k\">if</span><span class=\"k\">(!</span>first<span class=\"k\">)</span><span class=\"k\">{</span>","                        nativeRange<span class=\"k\">.</span>collapse<span class=\"k\">(</span> opt<span class=\"k\">.</span>dir <span class=\"k\">&lt;</span><span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"k\">true</span> <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">);</span>","                        nativeSel<span class=\"k\">.</span>removeAllRanges<span class=\"k\">();</span>","                        nativeSel<span class=\"k\">.</span>addRange<span class=\"k\">(</span> nativeRange <span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        nativeSel<span class=\"k\">.</span>removeAllRanges<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                    <span class=\"c\">//&#26159;&#27491;&#21017;&#26597;&#25214;</span>","","                    <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/^\\/[^/]+\\/\\w*$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>opt<span class=\"k\">.</span>searchStr<span class=\"k\">))</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> tmpRange <span class=\"k\">=</span> nativeRange<span class=\"k\">.</span>cloneRange<span class=\"k\">();</span>","                        <span class=\"c\">//&#21521;&#21069;&#26597;&#25214;</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>dir <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                            nativeRange<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            nativeRange<span class=\"k\">.</span>setStart<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            nativeRange<span class=\"k\">.</span>setEnd<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">var</span> str <span class=\"k\">=</span> nativeRange <span class=\"k\">+</span> <span class=\"s\">''</span><span class=\"k\">,</span>","                            reg <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span>opt<span class=\"k\">.</span>searchStr<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/^\\/|\\/\\w*$/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">),</span><span class=\"s\">'g'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>casesensitive <span class=\"k\">?</span> <span class=\"s\">''</span><span class=\"k\">:</span><span class=\"s\">'i'</span><span class=\"k\">));</span>","                        <span class=\"k\">var</span> match <span class=\"k\">=</span> str<span class=\"k\">.</span>match<span class=\"k\">(</span>reg<span class=\"k\">);</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>match <span class=\"k\">&amp;&amp;</span> match<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","                            searchStr <span class=\"k\">=</span> opt<span class=\"k\">.</span>dir <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> match<span class=\"k\">[</span>match<span class=\"k\">.</span>length <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">:</span> match<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            currentRange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                            <span class=\"k\">return</span> num<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        nativeSel<span class=\"k\">.</span>removeAllRanges<span class=\"k\">();</span>","                        nativeRange <span class=\"k\">=</span> tmpRange<span class=\"k\">;</span>","                        nativeSel<span class=\"k\">.</span>addRange<span class=\"k\">(</span>nativeRange<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>w<span class=\"k\">.</span>find<span class=\"k\">(</span>searchStr<span class=\"k\">,</span>opt<span class=\"k\">.</span>casesensitive<span class=\"k\">,</span>opt<span class=\"k\">.</span>dir <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"k\">true</span> <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                        currentRange <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                        nativeSel<span class=\"k\">.</span>removeAllRanges<span class=\"k\">();</span>","                        <span class=\"k\">return</span> num<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    first <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                    range <span class=\"k\">=</span> w<span class=\"k\">.</span>getSelection<span class=\"k\">().</span>getRangeAt<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","","                        <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span><span class=\"s\">\"replaceStr\"</span><span class=\"k\">))</span><span class=\"k\">{</span>","                            range<span class=\"k\">.</span>deleteContents<span class=\"k\">();</span>","                            <span class=\"k\">var</span> text <span class=\"k\">=</span> w<span class=\"k\">.</span>document<span class=\"k\">.</span>createTextNode<span class=\"k\">(</span>opt<span class=\"k\">.</span>replaceStr<span class=\"k\">);</span>","                            range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>text<span class=\"k\">);</span>","                            range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>text<span class=\"k\">);</span>","                            nativeSel<span class=\"k\">.</span>addRange<span class=\"k\">(</span>range<span class=\"k\">);</span>","","                        <span class=\"k\">}</span>","                        currentRange <span class=\"k\">=</span> range<span class=\"k\">.</span>cloneRange<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                    num<span class=\"k\">++;</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>opt<span class=\"k\">.</span>all<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/searchreplace.js'][10]++;
+UE.plugins.searchreplace = (function () {
+  _$jscoverage['plugins/searchreplace.js'][12]++;
+  var currentRange, first, me = this;
+  _$jscoverage['plugins/searchreplace.js'][15]++;
+  me.addListener("reset", (function () {
+  _$jscoverage['plugins/searchreplace.js'][16]++;
+  currentRange = null;
+  _$jscoverage['plugins/searchreplace.js'][17]++;
+  first = null;
+}));
+  _$jscoverage['plugins/searchreplace.js'][19]++;
+  me.commands.searchreplace = {execCommand: (function (cmdName, opt) {
+  _$jscoverage['plugins/searchreplace.js'][21]++;
+  var me = this, sel = me.selection, range, nativeRange, num = 0, opt = utils.extend(opt, {all: false, casesensitive: false, dir: 1}, true);
+  _$jscoverage['plugins/searchreplace.js'][31]++;
+  var searchStr = opt.searchStr;
+  _$jscoverage['plugins/searchreplace.js'][32]++;
+  if (browser.ie) {
+    _$jscoverage['plugins/searchreplace.js'][33]++;
+    me.focus();
+    _$jscoverage['plugins/searchreplace.js'][34]++;
+    while (true) {
+      _$jscoverage['plugins/searchreplace.js'][35]++;
+      var tmpRange;
+      _$jscoverage['plugins/searchreplace.js'][37]++;
+      nativeRange = me.document.selection.createRange();
+      _$jscoverage['plugins/searchreplace.js'][38]++;
+      tmpRange = nativeRange.duplicate();
+      _$jscoverage['plugins/searchreplace.js'][39]++;
+      tmpRange.moveToElementText(me.document.body);
+      _$jscoverage['plugins/searchreplace.js'][40]++;
+      if (opt.all) {
+        _$jscoverage['plugins/searchreplace.js'][41]++;
+        first = 0;
+        _$jscoverage['plugins/searchreplace.js'][42]++;
+        opt.dir = 1;
+        _$jscoverage['plugins/searchreplace.js'][43]++;
+        if (currentRange) {
+          _$jscoverage['plugins/searchreplace.js'][44]++;
+          tmpRange.setEndPoint(((opt.dir == -1)? "EndToStart": "StartToEnd"), currentRange);
+        }
+        else {
+          _$jscoverage['plugins/searchreplace.js'][46]++;
+          tmpRange.moveToElementText(me.document.body);
+        }
+      }
+      else {
+        _$jscoverage['plugins/searchreplace.js'][50]++;
+        tmpRange.setEndPoint(((opt.dir == -1)? "EndToStart": "StartToEnd"), nativeRange);
+        _$jscoverage['plugins/searchreplace.js'][51]++;
+        if (opt.hasOwnProperty("replaceStr")) {
+          _$jscoverage['plugins/searchreplace.js'][52]++;
+          tmpRange.setEndPoint(((opt.dir == -1)? "StartToEnd": "EndToStart"), nativeRange);
+        }
+      }
+      _$jscoverage['plugins/searchreplace.js'][55]++;
+      nativeRange = tmpRange.duplicate();
+      _$jscoverage['plugins/searchreplace.js'][57]++;
+      if (/^\/[^/]+\/\w*$/.test(opt.searchStr)) {
+        _$jscoverage['plugins/searchreplace.js'][58]++;
+        var str = tmpRange.text, reg = new RegExp(opt.searchStr.replace(/^\/|\/\w*$/g, ""), ("g" + (opt.casesensitive? "": "i")));
+        _$jscoverage['plugins/searchreplace.js'][60]++;
+        var match = str.match(reg);
+        _$jscoverage['plugins/searchreplace.js'][61]++;
+        if ((match && match.length)) {
+          _$jscoverage['plugins/searchreplace.js'][62]++;
+          searchStr = ((opt.dir < 0)? match[(match.length - 1)]: match[0]);
+        }
+        else {
+          _$jscoverage['plugins/searchreplace.js'][64]++;
+          currentRange = null;
+          _$jscoverage['plugins/searchreplace.js'][65]++;
+          return num;
+        }
+      }
+      _$jscoverage['plugins/searchreplace.js'][68]++;
+      if ((! tmpRange.findText(searchStr, opt.dir, (opt.casesensitive? 4: 0)))) {
+        _$jscoverage['plugins/searchreplace.js'][69]++;
+        currentRange = null;
+        _$jscoverage['plugins/searchreplace.js'][70]++;
+        tmpRange = me.document.selection.createRange();
+        _$jscoverage['plugins/searchreplace.js'][71]++;
+        tmpRange.scrollIntoView();
+        _$jscoverage['plugins/searchreplace.js'][72]++;
+        currentRange = null;
+        _$jscoverage['plugins/searchreplace.js'][73]++;
+        return num;
+      }
+      _$jscoverage['plugins/searchreplace.js'][75]++;
+      tmpRange.select();
+      _$jscoverage['plugins/searchreplace.js'][77]++;
+      if (opt.hasOwnProperty("replaceStr")) {
+        _$jscoverage['plugins/searchreplace.js'][78]++;
+        range = sel.getRange();
+        _$jscoverage['plugins/searchreplace.js'][79]++;
+        range.deleteContents().insertNode(range.document.createTextNode(opt.replaceStr)).select();
+        _$jscoverage['plugins/searchreplace.js'][80]++;
+        currentRange = sel.getNative().createRange();
+      }
+      _$jscoverage['plugins/searchreplace.js'][83]++;
+      (num++);
+      _$jscoverage['plugins/searchreplace.js'][84]++;
+      if ((! opt.all)) {
+        _$jscoverage['plugins/searchreplace.js'][85]++;
+        break;
+      }
+}
+  }
+  else {
+    _$jscoverage['plugins/searchreplace.js'][90]++;
+    var w = me.window, nativeSel = sel.getNative();
+    _$jscoverage['plugins/searchreplace.js'][91]++;
+    while (true) {
+      _$jscoverage['plugins/searchreplace.js'][92]++;
+      if (opt.all) {
+        _$jscoverage['plugins/searchreplace.js'][93]++;
+        if (currentRange) {
+          _$jscoverage['plugins/searchreplace.js'][94]++;
+          currentRange.collapse(false);
+          _$jscoverage['plugins/searchreplace.js'][95]++;
+          nativeRange = currentRange;
+        }
+        else {
+          _$jscoverage['plugins/searchreplace.js'][97]++;
+          nativeRange = me.document.createRange();
+          _$jscoverage['plugins/searchreplace.js'][98]++;
+          nativeRange.setStart(me.document.body, 0);
+          _$jscoverage['plugins/searchreplace.js'][99]++;
+          nativeRange.collapse(true);
+        }
+        _$jscoverage['plugins/searchreplace.js'][102]++;
+        nativeSel.removeAllRanges();
+        _$jscoverage['plugins/searchreplace.js'][103]++;
+        nativeSel.addRange(nativeRange);
+        _$jscoverage['plugins/searchreplace.js'][104]++;
+        first = 0;
+        _$jscoverage['plugins/searchreplace.js'][105]++;
+        opt.dir = 1;
+      }
+      else {
+        _$jscoverage['plugins/searchreplace.js'][108]++;
+        if (browser.safari) {
+          _$jscoverage['plugins/searchreplace.js'][109]++;
+          me.selection.getRange().select();
+        }
+        _$jscoverage['plugins/searchreplace.js'][112]++;
+        var nativeSel = w.getSelection();
+        _$jscoverage['plugins/searchreplace.js'][113]++;
+        if ((! nativeSel.rangeCount)) {
+          _$jscoverage['plugins/searchreplace.js'][114]++;
+          nativeRange = (currentRange || me._bakNativeRange);
+        }
+        else {
+          _$jscoverage['plugins/searchreplace.js'][116]++;
+          nativeRange = nativeSel.getRangeAt(0);
+        }
+        _$jscoverage['plugins/searchreplace.js'][119]++;
+        if (opt.hasOwnProperty("replaceStr")) {
+          _$jscoverage['plugins/searchreplace.js'][120]++;
+          nativeRange.collapse(((opt.dir == 1)? true: false));
+        }
+      }
+      _$jscoverage['plugins/searchreplace.js'][126]++;
+      if ((! first)) {
+        _$jscoverage['plugins/searchreplace.js'][127]++;
+        nativeRange.collapse(((opt.dir < 0)? true: false));
+        _$jscoverage['plugins/searchreplace.js'][128]++;
+        nativeSel.removeAllRanges();
+        _$jscoverage['plugins/searchreplace.js'][129]++;
+        nativeSel.addRange(nativeRange);
+      }
+      else {
+        _$jscoverage['plugins/searchreplace.js'][131]++;
+        nativeSel.removeAllRanges();
+      }
+      _$jscoverage['plugins/searchreplace.js'][135]++;
+      if (/^\/[^/]+\/\w*$/.test(opt.searchStr)) {
+        _$jscoverage['plugins/searchreplace.js'][136]++;
+        var tmpRange = nativeRange.cloneRange();
+        _$jscoverage['plugins/searchreplace.js'][138]++;
+        if ((opt.dir < 0)) {
+          _$jscoverage['plugins/searchreplace.js'][139]++;
+          nativeRange.collapse(true);
+          _$jscoverage['plugins/searchreplace.js'][140]++;
+          nativeRange.setStart(me.body, 0);
+        }
+        else {
+          _$jscoverage['plugins/searchreplace.js'][142]++;
+          nativeRange.setEnd(me.body, me.body.childNodes.length);
+        }
+        _$jscoverage['plugins/searchreplace.js'][144]++;
+        var str = (nativeRange + ""), reg = new RegExp(opt.searchStr.replace(/^\/|\/\w*$/g, ""), ("g" + (opt.casesensitive? "": "i")));
+        _$jscoverage['plugins/searchreplace.js'][146]++;
+        var match = str.match(reg);
+        _$jscoverage['plugins/searchreplace.js'][147]++;
+        if ((match && match.length)) {
+          _$jscoverage['plugins/searchreplace.js'][148]++;
+          searchStr = ((opt.dir < 0)? match[(match.length - 1)]: match[0]);
+        }
+        else {
+          _$jscoverage['plugins/searchreplace.js'][150]++;
+          currentRange = null;
+          _$jscoverage['plugins/searchreplace.js'][151]++;
+          return num;
+        }
+        _$jscoverage['plugins/searchreplace.js'][153]++;
+        nativeSel.removeAllRanges();
+        _$jscoverage['plugins/searchreplace.js'][154]++;
+        nativeRange = tmpRange;
+        _$jscoverage['plugins/searchreplace.js'][155]++;
+        nativeSel.addRange(nativeRange);
+      }
+      _$jscoverage['plugins/searchreplace.js'][157]++;
+      if ((! w.find(searchStr, opt.casesensitive, ((opt.dir < 0)? true: false)))) {
+        _$jscoverage['plugins/searchreplace.js'][158]++;
+        currentRange = null;
+        _$jscoverage['plugins/searchreplace.js'][159]++;
+        nativeSel.removeAllRanges();
+        _$jscoverage['plugins/searchreplace.js'][160]++;
+        return num;
+      }
+      _$jscoverage['plugins/searchreplace.js'][162]++;
+      first = 0;
+      _$jscoverage['plugins/searchreplace.js'][163]++;
+      range = w.getSelection().getRangeAt(0);
+      _$jscoverage['plugins/searchreplace.js'][164]++;
+      if ((! range.collapsed)) {
+        _$jscoverage['plugins/searchreplace.js'][166]++;
+        if (opt.hasOwnProperty("replaceStr")) {
+          _$jscoverage['plugins/searchreplace.js'][167]++;
+          range.deleteContents();
+          _$jscoverage['plugins/searchreplace.js'][168]++;
+          var text = w.document.createTextNode(opt.replaceStr);
+          _$jscoverage['plugins/searchreplace.js'][169]++;
+          range.insertNode(text);
+          _$jscoverage['plugins/searchreplace.js'][170]++;
+          range.selectNode(text);
+          _$jscoverage['plugins/searchreplace.js'][171]++;
+          nativeSel.addRange(range);
+        }
+        _$jscoverage['plugins/searchreplace.js'][174]++;
+        currentRange = range.cloneRange();
+      }
+      _$jscoverage['plugins/searchreplace.js'][176]++;
+      (num++);
+      _$jscoverage['plugins/searchreplace.js'][177]++;
+      if ((! opt.all)) {
+        _$jscoverage['plugins/searchreplace.js'][178]++;
+        break;
+      }
+}
+  }
+  _$jscoverage['plugins/searchreplace.js'][183]++;
+  return true;
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/selectall.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/selectall.js
new file mode 100644
index 000000000..a59fe08d2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/selectall.js
@@ -0,0 +1,80 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/selectall.js']) {
+  _$jscoverage['plugins/selectall.js'] = [];
+  _$jscoverage['plugins/selectall.js'][17] = 0;
+  _$jscoverage['plugins/selectall.js'][18] = 0;
+  _$jscoverage['plugins/selectall.js'][19] = 0;
+  _$jscoverage['plugins/selectall.js'][22] = 0;
+  _$jscoverage['plugins/selectall.js'][24] = 0;
+  _$jscoverage['plugins/selectall.js'][25] = 0;
+  _$jscoverage['plugins/selectall.js'][27] = 0;
+  _$jscoverage['plugins/selectall.js'][28] = 0;
+  _$jscoverage['plugins/selectall.js'][30] = 0;
+  _$jscoverage['plugins/selectall.js'][32] = 0;
+  _$jscoverage['plugins/selectall.js'][39] = 0;
+}
+_$jscoverage['plugins/selectall.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#20840;&#36873;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#36873;&#20013;&#32534;&#36753;&#22120;&#37324;&#30340;&#25152;&#26377;&#20869;&#23481;</span>","<span class=\"c\"> * @command selectall</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'selectall' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'selectall'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'selectall'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"c\">//&#21435;&#25481;&#20102;&#21407;&#29983;&#30340;selectAll,&#22240;&#20026;&#20250;&#20986;&#29616;&#25253;&#38169;&#21644;&#24403;&#20869;&#23481;&#20026;&#31354;&#26102;&#65292;&#19981;&#33021;&#20986;&#29616;&#38381;&#21512;&#29366;&#24577;&#30340;&#20809;&#26631;</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>body <span class=\"k\">=</span> me<span class=\"k\">.</span>body<span class=\"k\">,</span>","                range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            range<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>body<span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>body<span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"c\">//opera&#19981;&#33021;&#33258;&#21160;&#21512;&#24182;&#21040;&#20803;&#32032;&#30340;&#37324;&#36793;&#65292;&#35201;&#25163;&#21160;&#22788;&#29702;&#19968;&#19979;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>opera <span class=\"k\">&amp;&amp;</span> body<span class=\"k\">.</span>firstChild <span class=\"k\">&amp;&amp;</span> body<span class=\"k\">.</span>firstChild<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStartAtFirst<span class=\"k\">(</span>body<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            range<span class=\"k\">.</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        notNeedUndo <span class=\"k\">:</span> <span class=\"s\">1</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","","    <span class=\"c\">//&#24555;&#25463;&#38190;</span>","    me<span class=\"k\">.</span>addshortcutkey<span class=\"k\">(</span><span class=\"k\">{</span>","         <span class=\"s\">\"selectAll\"</span> <span class=\"k\">:</span> <span class=\"s\">\"ctrl+65\"</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/selectall.js'][17]++;
+UE.plugins.selectall = (function () {
+  _$jscoverage['plugins/selectall.js'][18]++;
+  var me = this;
+  _$jscoverage['plugins/selectall.js'][19]++;
+  me.commands.selectall = {execCommand: (function () {
+  _$jscoverage['plugins/selectall.js'][22]++;
+  var me = this, body = me.body, range = me.selection.getRange();
+  _$jscoverage['plugins/selectall.js'][24]++;
+  range.selectNodeContents(body);
+  _$jscoverage['plugins/selectall.js'][25]++;
+  if (domUtils.isEmptyBlock(body)) {
+    _$jscoverage['plugins/selectall.js'][27]++;
+    if ((browser.opera && body.firstChild && (body.firstChild.nodeType == 1))) {
+      _$jscoverage['plugins/selectall.js'][28]++;
+      range.setStartAtFirst(body.firstChild);
+    }
+    _$jscoverage['plugins/selectall.js'][30]++;
+    range.collapse(true);
+  }
+  _$jscoverage['plugins/selectall.js'][32]++;
+  range.select(true);
+}), notNeedUndo: 1};
+  _$jscoverage['plugins/selectall.js'][39]++;
+  me.addshortcutkey({"selectAll": "ctrl+65"});
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/shortcutmenu.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/shortcutmenu.js
new file mode 100644
index 000000000..1f728c1db
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/shortcutmenu.js
@@ -0,0 +1,145 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/shortcutmenu.js']) {
+  _$jscoverage['plugins/shortcutmenu.js'] = [];
+  _$jscoverage['plugins/shortcutmenu.js'][12] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][13] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][17] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][18] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][21] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][22] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][32] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][33] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][34] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][36] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][37] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][44] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][45] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][48] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][52] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][53] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][54] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][55] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][56] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][57] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][59] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][61] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][62] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][63] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][69] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][70] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][74] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][75] = 0;
+  _$jscoverage['plugins/shortcutmenu.js'][76] = 0;
+}
+_$jscoverage['plugins/shortcutmenu.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands       &#24377;&#20986;&#33756;&#21333;</span>","<span class=\"c\">// commandsName  popupmenu</span>","<span class=\"c\">///commandsTitle  &#24377;&#20986;&#33756;&#21333;</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * &#24377;&#20986;&#33756;&#21333;</span>","<span class=\"c\"> * @function</span>","<span class=\"c\"> * @name baidu.editor.plugins.popupmenu</span>","<span class=\"c\"> * @author xuheng</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'shortcutmenu'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        menu<span class=\"k\">,</span>","        items <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>shortcutMenu <span class=\"k\">||</span> <span class=\"k\">[];</span>","","    <span class=\"k\">if</span> <span class=\"k\">(!</span>items<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addListener <span class=\"k\">(</span><span class=\"s\">'contextmenu mouseup'</span> <span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type <span class=\"k\">,</span> e<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","            customEvt <span class=\"k\">=</span> <span class=\"k\">{</span>","                type <span class=\"k\">:</span> type <span class=\"k\">,</span>","                target <span class=\"k\">:</span> e<span class=\"k\">.</span>target <span class=\"k\">||</span> e<span class=\"k\">.</span>srcElement <span class=\"k\">,</span>","                screenX <span class=\"k\">:</span> e<span class=\"k\">.</span>screenX <span class=\"k\">,</span>","                screenY <span class=\"k\">:</span> e<span class=\"k\">.</span>screenY <span class=\"k\">,</span>","                clientX <span class=\"k\">:</span> e<span class=\"k\">.</span>clientX <span class=\"k\">,</span>","                clientY <span class=\"k\">:</span> e<span class=\"k\">.</span>clientY","            <span class=\"k\">}</span><span class=\"k\">;</span>","","        setTimeout <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange <span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>rng<span class=\"k\">.</span>collapsed <span class=\"k\">===</span> <span class=\"k\">false</span> <span class=\"k\">||</span> type <span class=\"k\">==</span> <span class=\"s\">\"contextmenu\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">if</span> <span class=\"k\">(!</span>menu<span class=\"k\">)</span> <span class=\"k\">{</span>","                    menu <span class=\"k\">=</span> <span class=\"k\">new</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>ShortCutMenu <span class=\"k\">(</span><span class=\"k\">{</span>","                        editor <span class=\"k\">:</span> me <span class=\"k\">,</span>","                        items <span class=\"k\">:</span> items <span class=\"k\">,</span>","                        theme <span class=\"k\">:</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>theme <span class=\"k\">,</span>","                        className <span class=\"k\">:</span> <span class=\"s\">'edui-shortcutmenu'</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","","                    menu<span class=\"k\">.</span>render <span class=\"k\">();</span>","                    me<span class=\"k\">.</span>fireEvent <span class=\"k\">(</span><span class=\"s\">\"afterrendershortcutmenu\"</span> <span class=\"k\">,</span> menu<span class=\"k\">);</span>","                <span class=\"k\">}</span>","","                menu<span class=\"k\">.</span>show <span class=\"k\">(</span>customEvt <span class=\"k\">,</span> <span class=\"k\">!!</span>UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'contextmenu'</span><span class=\"k\">]);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span>type <span class=\"k\">==</span> <span class=\"s\">'contextmenu'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>preventDefault <span class=\"k\">(</span>e<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> ieRange<span class=\"k\">;</span>","                <span class=\"k\">try</span> <span class=\"k\">{</span>","                    ieRange <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative <span class=\"k\">().</span>createRange <span class=\"k\">();</span>","                <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ieRange<span class=\"k\">.</span>item<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">new</span> dom<span class=\"k\">.</span>Range <span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">);</span>","                    range<span class=\"k\">.</span>selectNode <span class=\"k\">(</span>ieRange<span class=\"k\">.</span>item <span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">)).</span>select <span class=\"k\">(</span><span class=\"k\">true</span> <span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span>type <span class=\"k\">==</span> <span class=\"s\">\"keydown\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            menu <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>menu<span class=\"k\">.</span>isHidden <span class=\"k\">&amp;&amp;</span> menu<span class=\"k\">.</span>hide <span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    me<span class=\"k\">.</span>addListener <span class=\"k\">(</span><span class=\"s\">'keydown'</span> <span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>type <span class=\"k\">==</span> <span class=\"s\">\"keydown\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            menu <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>menu<span class=\"k\">.</span>isHidden <span class=\"k\">&amp;&amp;</span> menu<span class=\"k\">.</span>hide <span class=\"k\">();</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">;</span>","",""];
+_$jscoverage['plugins/shortcutmenu.js'][12]++;
+UE.plugins.shortcutmenu = (function () {
+  _$jscoverage['plugins/shortcutmenu.js'][13]++;
+  var me = this, menu, items = (me.options.shortcutMenu || []);
+  _$jscoverage['plugins/shortcutmenu.js'][17]++;
+  if ((! items.length)) {
+    _$jscoverage['plugins/shortcutmenu.js'][18]++;
+    return;
+  }
+  _$jscoverage['plugins/shortcutmenu.js'][21]++;
+  me.addListener("contextmenu mouseup", (function (type, e) {
+  _$jscoverage['plugins/shortcutmenu.js'][22]++;
+  var me = this, customEvt = {type: type, target: (e.target || e.srcElement), screenX: e.screenX, screenY: e.screenY, clientX: e.clientX, clientY: e.clientY};
+  _$jscoverage['plugins/shortcutmenu.js'][32]++;
+  setTimeout((function () {
+  _$jscoverage['plugins/shortcutmenu.js'][33]++;
+  var rng = me.selection.getRange();
+  _$jscoverage['plugins/shortcutmenu.js'][34]++;
+  if (((rng.collapsed === false) || (type == "contextmenu"))) {
+    _$jscoverage['plugins/shortcutmenu.js'][36]++;
+    if ((! menu)) {
+      _$jscoverage['plugins/shortcutmenu.js'][37]++;
+      menu = new (baidu.editor.ui.ShortCutMenu)({editor: me, items: items, theme: me.options.theme, className: "edui-shortcutmenu"});
+      _$jscoverage['plugins/shortcutmenu.js'][44]++;
+      menu.render();
+      _$jscoverage['plugins/shortcutmenu.js'][45]++;
+      me.fireEvent("afterrendershortcutmenu", menu);
+    }
+    _$jscoverage['plugins/shortcutmenu.js'][48]++;
+    menu.show(customEvt, (! (! UE.plugins.contextmenu)));
+  }
+}));
+  _$jscoverage['plugins/shortcutmenu.js'][52]++;
+  if ((type == "contextmenu")) {
+    _$jscoverage['plugins/shortcutmenu.js'][53]++;
+    domUtils.preventDefault(e);
+    _$jscoverage['plugins/shortcutmenu.js'][54]++;
+    if (browser.ie) {
+      _$jscoverage['plugins/shortcutmenu.js'][55]++;
+      var ieRange;
+      _$jscoverage['plugins/shortcutmenu.js'][56]++;
+      try {
+        _$jscoverage['plugins/shortcutmenu.js'][57]++;
+        ieRange = me.selection.getNative().createRange();
+      }
+      catch (e) {
+        _$jscoverage['plugins/shortcutmenu.js'][59]++;
+        return;
+      }
+      _$jscoverage['plugins/shortcutmenu.js'][61]++;
+      if (ieRange.item) {
+        _$jscoverage['plugins/shortcutmenu.js'][62]++;
+        var range = new (dom.Range)(me.document);
+        _$jscoverage['plugins/shortcutmenu.js'][63]++;
+        range.selectNode(ieRange.item(0)).select(true, true);
+      }
+    }
+  }
+  _$jscoverage['plugins/shortcutmenu.js'][69]++;
+  if ((type == "keydown")) {
+    _$jscoverage['plugins/shortcutmenu.js'][70]++;
+    (menu && (! menu.isHidden) && menu.hide());
+  }
+}));
+  _$jscoverage['plugins/shortcutmenu.js'][74]++;
+  me.addListener("keydown", (function (type) {
+  _$jscoverage['plugins/shortcutmenu.js'][75]++;
+  if ((type == "keydown")) {
+    _$jscoverage['plugins/shortcutmenu.js'][76]++;
+    (menu && (! menu.isHidden) && menu.hide());
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/snapscreen.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/snapscreen.js
new file mode 100644
index 000000000..11e252cb1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/snapscreen.js
@@ -0,0 +1,173 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/snapscreen.js']) {
+  _$jscoverage['plugins/snapscreen.js'] = [];
+  _$jscoverage['plugins/snapscreen.js'][20] = 0;
+  _$jscoverage['plugins/snapscreen.js'][21] = 0;
+  _$jscoverage['plugins/snapscreen.js'][25] = 0;
+  _$jscoverage['plugins/snapscreen.js'][31] = 0;
+  _$jscoverage['plugins/snapscreen.js'][33] = 0;
+  _$jscoverage['plugins/snapscreen.js'][34] = 0;
+  _$jscoverage['plugins/snapscreen.js'][35] = 0;
+  _$jscoverage['plugins/snapscreen.js'][36] = 0;
+  _$jscoverage['plugins/snapscreen.js'][37] = 0;
+  _$jscoverage['plugins/snapscreen.js'][38] = 0;
+  _$jscoverage['plugins/snapscreen.js'][39] = 0;
+  _$jscoverage['plugins/snapscreen.js'][41] = 0;
+  _$jscoverage['plugins/snapscreen.js'][42] = 0;
+  _$jscoverage['plugins/snapscreen.js'][43] = 0;
+  _$jscoverage['plugins/snapscreen.js'][44] = 0;
+  _$jscoverage['plugins/snapscreen.js'][48] = 0;
+  _$jscoverage['plugins/snapscreen.js'][50] = 0;
+  _$jscoverage['plugins/snapscreen.js'][51] = 0;
+  _$jscoverage['plugins/snapscreen.js'][52] = 0;
+  _$jscoverage['plugins/snapscreen.js'][54] = 0;
+  _$jscoverage['plugins/snapscreen.js'][55] = 0;
+  _$jscoverage['plugins/snapscreen.js'][58] = 0;
+  _$jscoverage['plugins/snapscreen.js'][59] = 0;
+  _$jscoverage['plugins/snapscreen.js'][60] = 0;
+  _$jscoverage['plugins/snapscreen.js'][62] = 0;
+  _$jscoverage['plugins/snapscreen.js'][68] = 0;
+  _$jscoverage['plugins/snapscreen.js'][71] = 0;
+  _$jscoverage['plugins/snapscreen.js'][72] = 0;
+  _$jscoverage['plugins/snapscreen.js'][74] = 0;
+  _$jscoverage['plugins/snapscreen.js'][75] = 0;
+  _$jscoverage['plugins/snapscreen.js'][76] = 0;
+  _$jscoverage['plugins/snapscreen.js'][77] = 0;
+  _$jscoverage['plugins/snapscreen.js'][78] = 0;
+  _$jscoverage['plugins/snapscreen.js'][79] = 0;
+  _$jscoverage['plugins/snapscreen.js'][81] = 0;
+  _$jscoverage['plugins/snapscreen.js'][82] = 0;
+  _$jscoverage['plugins/snapscreen.js'][84] = 0;
+}
+_$jscoverage['plugins/snapscreen.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#25130;&#23631;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25130;&#23631;</span>","<span class=\"c\"> * @command snapscreen</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\"> * //&#25191;&#34892;&#25130;&#23631;&#21629;&#20196;&#65292; &#38656;&#35201;&#26381;&#21153;&#22120;&#31471;&#37197;&#21512;&#25509;&#25910;&#22270;&#29255;</span>","<span class=\"c\"> * editor.execCommand( 'snapscreen' );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'snapscreen'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        doc<span class=\"k\">,</span>","        snapplugin<span class=\"k\">;</span>","","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","        snapscreenServerPort<span class=\"k\">:</span> location<span class=\"k\">.</span>port                                    <span class=\"c\">//&#23631;&#24149;&#25130;&#22270;&#30340;server&#31471;&#31471;&#21475;</span>","        <span class=\"k\">,</span>snapscreenImgAlign<span class=\"k\">:</span> <span class=\"s\">''</span>                                <span class=\"c\">//&#25130;&#22270;&#30340;&#22270;&#29255;&#40664;&#35748;&#30340;&#25490;&#29256;&#26041;&#24335;</span>","        <span class=\"k\">,</span>snapscreenHost<span class=\"k\">:</span> location<span class=\"k\">.</span>hostname                                 <span class=\"c\">//&#23631;&#24149;&#25130;&#22270;&#30340;server&#31471;&#25991;&#20214;&#25152;&#22312;&#30340;&#32593;&#31449;&#22320;&#22336;&#25110;&#32773;ip&#65292;&#35831;&#19981;&#35201;&#21152;http://</span>","","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'snapscreen'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>lang <span class=\"k\">=</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"snapScreen_plugin\"</span><span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>snapplugin<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> container <span class=\"k\">=</span> me<span class=\"k\">.</span>container<span class=\"k\">;</span>","                doc <span class=\"k\">=</span> container<span class=\"k\">.</span>ownerDocument <span class=\"k\">||</span> container<span class=\"k\">.</span>document<span class=\"k\">;</span>","                snapplugin <span class=\"k\">=</span> doc<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"object\"</span><span class=\"k\">);</span>","                <span class=\"k\">try</span><span class=\"k\">{</span>snapplugin<span class=\"k\">.</span>type <span class=\"k\">=</span> <span class=\"s\">\"application/x-pluginbaidusnap\"</span><span class=\"k\">;</span><span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                snapplugin<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">\"position:absolute;left:-9999px;\"</span><span class=\"k\">;</span>","                snapplugin<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">,</span><span class=\"s\">\"0\"</span><span class=\"k\">);</span>","                snapplugin<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"height\"</span><span class=\"k\">,</span><span class=\"s\">\"0\"</span><span class=\"k\">);</span>","                container<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>snapplugin<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","","           <span class=\"k\">var</span> editorOptions <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">;</span>","","            <span class=\"k\">var</span> onSuccess <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>rs<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">try</span><span class=\"k\">{</span>","                    rs <span class=\"k\">=</span> eval<span class=\"k\">(</span><span class=\"s\">\"(\"</span><span class=\"k\">+</span> rs <span class=\"k\">+</span><span class=\"s\">\")\"</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                    alert<span class=\"k\">(</span>lang<span class=\"k\">.</span>callBackErrorMsg<span class=\"k\">);</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span>rs<span class=\"k\">.</span>state <span class=\"k\">!=</span> <span class=\"s\">'SUCCESS'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    alert<span class=\"k\">(</span>rs<span class=\"k\">.</span>state<span class=\"k\">);</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertimage'</span><span class=\"k\">,</span> <span class=\"k\">{</span>","                    src<span class=\"k\">:</span> editorOptions<span class=\"k\">.</span>snapscreenPath <span class=\"k\">+</span> rs<span class=\"k\">.</span>url<span class=\"k\">,</span>","                    floatStyle<span class=\"k\">:</span> editorOptions<span class=\"k\">.</span>snapscreenImgAlign<span class=\"k\">,</span>","                    _src<span class=\"k\">:</span>editorOptions<span class=\"k\">.</span>snapscreenPath <span class=\"k\">+</span> rs<span class=\"k\">.</span>url","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> onStartUpload <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                <span class=\"c\">//&#24320;&#22987;&#25130;&#22270;&#19978;&#20256;</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> onError <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                alert<span class=\"k\">(</span>lang<span class=\"k\">.</span>uploadErrorMsg<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">try</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> port <span class=\"k\">=</span> editorOptions<span class=\"k\">.</span>snapscreenServerPort <span class=\"k\">+</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                editorOptions<span class=\"k\">.</span>snapscreenServerUrl <span class=\"k\">=</span> editorOptions<span class=\"k\">.</span>snapscreenServerUrl<span class=\"k\">.</span>split<span class=\"k\">(</span> editorOptions<span class=\"k\">.</span>snapscreenHost <span class=\"k\">);</span>","                editorOptions<span class=\"k\">.</span>snapscreenServerUrl <span class=\"k\">=</span> editorOptions<span class=\"k\">.</span>snapscreenServerUrl<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">||</span> editorOptions<span class=\"k\">.</span>snapscreenServerUrl<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                <span class=\"k\">if</span><span class=\"k\">(</span> editorOptions<span class=\"k\">.</span>snapscreenServerUrl<span class=\"k\">.</span>indexOf<span class=\"k\">(</span><span class=\"s\">\":\"</span><span class=\"k\">+</span>port<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                    editorOptions<span class=\"k\">.</span>snapscreenServerUrl <span class=\"k\">=</span> editorOptions<span class=\"k\">.</span>snapscreenServerUrl<span class=\"k\">.</span>substring<span class=\"k\">(</span> port<span class=\"k\">.</span>length<span class=\"k\">+</span><span class=\"s\">1</span> <span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> ret <span class=\"k\">=</span>snapplugin<span class=\"k\">.</span>saveSnapshot<span class=\"k\">(</span>editorOptions<span class=\"k\">.</span>snapscreenHost<span class=\"k\">,</span> editorOptions<span class=\"k\">.</span>snapscreenServerUrl<span class=\"k\">,</span> port<span class=\"k\">);</span>","                onSuccess<span class=\"k\">(</span>ret<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                me<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">[</span><span class=\"s\">'snapscreenDialog'</span><span class=\"k\">].</span>open<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span>",""];
+_$jscoverage['plugins/snapscreen.js'][20]++;
+UE.plugins.snapscreen = (function () {
+  _$jscoverage['plugins/snapscreen.js'][21]++;
+  var me = this, doc, snapplugin;
+  _$jscoverage['plugins/snapscreen.js'][25]++;
+  me.setOpt({snapscreenServerPort: location.port, snapscreenImgAlign: "", snapscreenHost: location.hostname});
+  _$jscoverage['plugins/snapscreen.js'][31]++;
+  me.commands.snapscreen = {execCommand: (function () {
+  _$jscoverage['plugins/snapscreen.js'][33]++;
+  var me = this, lang = me.getLang("snapScreen_plugin");
+  _$jscoverage['plugins/snapscreen.js'][34]++;
+  if ((! snapplugin)) {
+    _$jscoverage['plugins/snapscreen.js'][35]++;
+    var container = me.container;
+    _$jscoverage['plugins/snapscreen.js'][36]++;
+    doc = (container.ownerDocument || container.document);
+    _$jscoverage['plugins/snapscreen.js'][37]++;
+    snapplugin = doc.createElement("object");
+    _$jscoverage['plugins/snapscreen.js'][38]++;
+    try {
+      _$jscoverage['plugins/snapscreen.js'][38]++;
+      snapplugin.type = "application/x-pluginbaidusnap";
+    }
+    catch (e) {
+      _$jscoverage['plugins/snapscreen.js'][39]++;
+      return;
+    }
+    _$jscoverage['plugins/snapscreen.js'][41]++;
+    snapplugin.style.cssText = "position:absolute;left:-9999px;";
+    _$jscoverage['plugins/snapscreen.js'][42]++;
+    snapplugin.setAttribute("width", "0");
+    _$jscoverage['plugins/snapscreen.js'][43]++;
+    snapplugin.setAttribute("height", "0");
+    _$jscoverage['plugins/snapscreen.js'][44]++;
+    container.appendChild(snapplugin);
+  }
+  _$jscoverage['plugins/snapscreen.js'][48]++;
+  var editorOptions = me.options;
+  _$jscoverage['plugins/snapscreen.js'][50]++;
+  var onSuccess = (function (rs) {
+  _$jscoverage['plugins/snapscreen.js'][51]++;
+  try {
+    _$jscoverage['plugins/snapscreen.js'][52]++;
+    rs = eval(("(" + rs + ")"));
+  }
+  catch (e) {
+    _$jscoverage['plugins/snapscreen.js'][54]++;
+    alert(lang.callBackErrorMsg);
+    _$jscoverage['plugins/snapscreen.js'][55]++;
+    return;
+  }
+  _$jscoverage['plugins/snapscreen.js'][58]++;
+  if ((rs.state != "SUCCESS")) {
+    _$jscoverage['plugins/snapscreen.js'][59]++;
+    alert(rs.state);
+    _$jscoverage['plugins/snapscreen.js'][60]++;
+    return;
+  }
+  _$jscoverage['plugins/snapscreen.js'][62]++;
+  me.execCommand("insertimage", {src: (editorOptions.snapscreenPath + rs.url), floatStyle: editorOptions.snapscreenImgAlign, _src: (editorOptions.snapscreenPath + rs.url)});
+});
+  _$jscoverage['plugins/snapscreen.js'][68]++;
+  var onStartUpload = (function () {
+});
+  _$jscoverage['plugins/snapscreen.js'][71]++;
+  var onError = (function () {
+  _$jscoverage['plugins/snapscreen.js'][72]++;
+  alert(lang.uploadErrorMsg);
+});
+  _$jscoverage['plugins/snapscreen.js'][74]++;
+  try {
+    _$jscoverage['plugins/snapscreen.js'][75]++;
+    var port = (editorOptions.snapscreenServerPort + "");
+    _$jscoverage['plugins/snapscreen.js'][76]++;
+    editorOptions.snapscreenServerUrl = editorOptions.snapscreenServerUrl.split(editorOptions.snapscreenHost);
+    _$jscoverage['plugins/snapscreen.js'][77]++;
+    editorOptions.snapscreenServerUrl = (editorOptions.snapscreenServerUrl[1] || editorOptions.snapscreenServerUrl[0]);
+    _$jscoverage['plugins/snapscreen.js'][78]++;
+    if ((editorOptions.snapscreenServerUrl.indexOf((":" + port)) === 0)) {
+      _$jscoverage['plugins/snapscreen.js'][79]++;
+      editorOptions.snapscreenServerUrl = editorOptions.snapscreenServerUrl.substring((port.length + 1));
+    }
+    _$jscoverage['plugins/snapscreen.js'][81]++;
+    var ret = snapplugin.saveSnapshot(editorOptions.snapscreenHost, editorOptions.snapscreenServerUrl, port);
+    _$jscoverage['plugins/snapscreen.js'][82]++;
+    onSuccess(ret);
+  }
+  catch (e) {
+    _$jscoverage['plugins/snapscreen.js'][84]++;
+    me.ui._dialogs.snapscreenDialog.open();
+  }
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/source.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/source.js
new file mode 100644
index 000000000..a67509153
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/source.js
@@ -0,0 +1,476 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/source.js']) {
+  _$jscoverage['plugins/source.js'] = [];
+  _$jscoverage['plugins/source.js'][7] = 0;
+  _$jscoverage['plugins/source.js'][8] = 0;
+  _$jscoverage['plugins/source.js'][10] = 0;
+  _$jscoverage['plugins/source.js'][11] = 0;
+  _$jscoverage['plugins/source.js'][13] = 0;
+  _$jscoverage['plugins/source.js'][14] = 0;
+  _$jscoverage['plugins/source.js'][15] = 0;
+  _$jscoverage['plugins/source.js'][16] = 0;
+  _$jscoverage['plugins/source.js'][17] = 0;
+  _$jscoverage['plugins/source.js'][18] = 0;
+  _$jscoverage['plugins/source.js'][21] = 0;
+  _$jscoverage['plugins/source.js'][22] = 0;
+  _$jscoverage['plugins/source.js'][24] = 0;
+  _$jscoverage['plugins/source.js'][27] = 0;
+  _$jscoverage['plugins/source.js'][30] = 0;
+  _$jscoverage['plugins/source.js'][31] = 0;
+  _$jscoverage['plugins/source.js'][32] = 0;
+  _$jscoverage['plugins/source.js'][33] = 0;
+  _$jscoverage['plugins/source.js'][34] = 0;
+  _$jscoverage['plugins/source.js'][37] = 0;
+  _$jscoverage['plugins/source.js'][38] = 0;
+  _$jscoverage['plugins/source.js'][42] = 0;
+  _$jscoverage['plugins/source.js'][44] = 0;
+  _$jscoverage['plugins/source.js'][45] = 0;
+  _$jscoverage['plugins/source.js'][46] = 0;
+  _$jscoverage['plugins/source.js'][52] = 0;
+  _$jscoverage['plugins/source.js'][58] = 0;
+  _$jscoverage['plugins/source.js'][59] = 0;
+  _$jscoverage['plugins/source.js'][60] = 0;
+  _$jscoverage['plugins/source.js'][61] = 0;
+  _$jscoverage['plugins/source.js'][62] = 0;
+  _$jscoverage['plugins/source.js'][64] = 0;
+  _$jscoverage['plugins/source.js'][67] = 0;
+  _$jscoverage['plugins/source.js'][70] = 0;
+  _$jscoverage['plugins/source.js'][73] = 0;
+  _$jscoverage['plugins/source.js'][76] = 0;
+  _$jscoverage['plugins/source.js'][77] = 0;
+  _$jscoverage['plugins/source.js'][78] = 0;
+  _$jscoverage['plugins/source.js'][84] = 0;
+  _$jscoverage['plugins/source.js'][85] = 0;
+  _$jscoverage['plugins/source.js'][86] = 0;
+  _$jscoverage['plugins/source.js'][87] = 0;
+  _$jscoverage['plugins/source.js'][88] = 0;
+  _$jscoverage['plugins/source.js'][90] = 0;
+  _$jscoverage['plugins/source.js'][92] = 0;
+  _$jscoverage['plugins/source.js'][95] = 0;
+  _$jscoverage['plugins/source.js'][96] = 0;
+  _$jscoverage['plugins/source.js'][99] = 0;
+  _$jscoverage['plugins/source.js'][101] = 0;
+  _$jscoverage['plugins/source.js'][127] = 0;
+  _$jscoverage['plugins/source.js'][130] = 0;
+  _$jscoverage['plugins/source.js'][131] = 0;
+  _$jscoverage['plugins/source.js'][132] = 0;
+  _$jscoverage['plugins/source.js'][133] = 0;
+  _$jscoverage['plugins/source.js'][134] = 0;
+  _$jscoverage['plugins/source.js'][135] = 0;
+  _$jscoverage['plugins/source.js'][138] = 0;
+  _$jscoverage['plugins/source.js'][139] = 0;
+  _$jscoverage['plugins/source.js'][142] = 0;
+  _$jscoverage['plugins/source.js'][143] = 0;
+  _$jscoverage['plugins/source.js'][144] = 0;
+  _$jscoverage['plugins/source.js'][145] = 0;
+  _$jscoverage['plugins/source.js'][146] = 0;
+  _$jscoverage['plugins/source.js'][147] = 0;
+  _$jscoverage['plugins/source.js'][151] = 0;
+  _$jscoverage['plugins/source.js'][152] = 0;
+  _$jscoverage['plugins/source.js'][153] = 0;
+  _$jscoverage['plugins/source.js'][155] = 0;
+  _$jscoverage['plugins/source.js'][156] = 0;
+  _$jscoverage['plugins/source.js'][158] = 0;
+  _$jscoverage['plugins/source.js'][164] = 0;
+  _$jscoverage['plugins/source.js'][166] = 0;
+  _$jscoverage['plugins/source.js'][168] = 0;
+  _$jscoverage['plugins/source.js'][170] = 0;
+  _$jscoverage['plugins/source.js'][171] = 0;
+  _$jscoverage['plugins/source.js'][172] = 0;
+  _$jscoverage['plugins/source.js'][173] = 0;
+  _$jscoverage['plugins/source.js'][174] = 0;
+  _$jscoverage['plugins/source.js'][175] = 0;
+  _$jscoverage['plugins/source.js'][180] = 0;
+  _$jscoverage['plugins/source.js'][181] = 0;
+  _$jscoverage['plugins/source.js'][184] = 0;
+  _$jscoverage['plugins/source.js'][185] = 0;
+  _$jscoverage['plugins/source.js'][187] = 0;
+  _$jscoverage['plugins/source.js'][188] = 0;
+  _$jscoverage['plugins/source.js'][189] = 0;
+  _$jscoverage['plugins/source.js'][191] = 0;
+  _$jscoverage['plugins/source.js'][193] = 0;
+  _$jscoverage['plugins/source.js'][194] = 0;
+  _$jscoverage['plugins/source.js'][195] = 0;
+  _$jscoverage['plugins/source.js'][197] = 0;
+  _$jscoverage['plugins/source.js'][198] = 0;
+  _$jscoverage['plugins/source.js'][200] = 0;
+  _$jscoverage['plugins/source.js'][201] = 0;
+  _$jscoverage['plugins/source.js'][202] = 0;
+  _$jscoverage['plugins/source.js'][206] = 0;
+  _$jscoverage['plugins/source.js'][208] = 0;
+  _$jscoverage['plugins/source.js'][210] = 0;
+  _$jscoverage['plugins/source.js'][211] = 0;
+  _$jscoverage['plugins/source.js'][213] = 0;
+  _$jscoverage['plugins/source.js'][215] = 0;
+  _$jscoverage['plugins/source.js'][216] = 0;
+  _$jscoverage['plugins/source.js'][217] = 0;
+  _$jscoverage['plugins/source.js'][218] = 0;
+  _$jscoverage['plugins/source.js'][219] = 0;
+  _$jscoverage['plugins/source.js'][220] = 0;
+  _$jscoverage['plugins/source.js'][221] = 0;
+  _$jscoverage['plugins/source.js'][222] = 0;
+  _$jscoverage['plugins/source.js'][228] = 0;
+  _$jscoverage['plugins/source.js'][229] = 0;
+  _$jscoverage['plugins/source.js'][234] = 0;
+  _$jscoverage['plugins/source.js'][237] = 0;
+  _$jscoverage['plugins/source.js'][241] = 0;
+  _$jscoverage['plugins/source.js'][243] = 0;
+  _$jscoverage['plugins/source.js'][244] = 0;
+  _$jscoverage['plugins/source.js'][245] = 0;
+  _$jscoverage['plugins/source.js'][247] = 0;
+  _$jscoverage['plugins/source.js'][252] = 0;
+  _$jscoverage['plugins/source.js'][255] = 0;
+  _$jscoverage['plugins/source.js'][257] = 0;
+  _$jscoverage['plugins/source.js'][258] = 0;
+  _$jscoverage['plugins/source.js'][264] = 0;
+  _$jscoverage['plugins/source.js'][265] = 0;
+  _$jscoverage['plugins/source.js'][266] = 0;
+  _$jscoverage['plugins/source.js'][270] = 0;
+}
+_$jscoverage['plugins/source.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#28304;&#30721;&#32534;&#36753;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> sourceEditors <span class=\"k\">=</span> <span class=\"k\">{</span>","        textarea<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> holder<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> textarea <span class=\"k\">=</span> holder<span class=\"k\">.</span>ownerDocument<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'textarea'</span><span class=\"k\">);</span>","            textarea<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">'position:absolute;resize:none;width:100%;height:100%;border:0;padding:0;margin:0;overflow-y:auto;'</span><span class=\"k\">;</span>","            <span class=\"c\">// todo: IE&#19979;&#21482;&#26377;onresize&#23646;&#24615;&#21487;&#29992;... &#24456;&#32416;&#32467;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;</span> <span class=\"s\">8</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                textarea<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> holder<span class=\"k\">.</span>offsetWidth <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                textarea<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> holder<span class=\"k\">.</span>offsetHeight <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                holder<span class=\"k\">.</span>onresize <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    textarea<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> holder<span class=\"k\">.</span>offsetWidth <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                    textarea<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> holder<span class=\"k\">.</span>offsetHeight <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            holder<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>textarea<span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                setContent<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>content<span class=\"k\">)</span><span class=\"k\">{</span>","                    textarea<span class=\"k\">.</span>value <span class=\"k\">=</span> content<span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                getContent<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> textarea<span class=\"k\">.</span>value<span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                select<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> range<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                        range <span class=\"k\">=</span> textarea<span class=\"k\">.</span>createTextRange<span class=\"k\">();</span>","                        range<span class=\"k\">.</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        range<span class=\"k\">.</span>select<span class=\"k\">();</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"c\">//todo: chrome&#19979;&#26080;&#27861;&#35774;&#32622;&#28966;&#28857;</span>","                        textarea<span class=\"k\">.</span>setSelectionRange<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","                        textarea<span class=\"k\">.</span>focus<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                dispose<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    holder<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>textarea<span class=\"k\">);</span>","                    <span class=\"c\">// todo</span>","                    holder<span class=\"k\">.</span>onresize <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    textarea <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    holder <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        codemirror<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> holder<span class=\"k\">)</span><span class=\"k\">{</span>","","            <span class=\"k\">var</span> codeEditor <span class=\"k\">=</span> window<span class=\"k\">.</span>CodeMirror<span class=\"k\">(</span>holder<span class=\"k\">,</span> <span class=\"k\">{</span>","                mode<span class=\"k\">:</span> <span class=\"s\">\"text/html\"</span><span class=\"k\">,</span>","                tabMode<span class=\"k\">:</span> <span class=\"s\">\"indent\"</span><span class=\"k\">,</span>","                lineNumbers<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","                lineWrapping<span class=\"k\">:</span><span class=\"k\">true</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> dom <span class=\"k\">=</span> codeEditor<span class=\"k\">.</span>getWrapperElement<span class=\"k\">();</span>","            dom<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">'position:absolute;left:0;top:0;width:100%;height:100%;font-family:consolas,\"Courier new\",monospace;font-size:13px;'</span><span class=\"k\">;</span>","            codeEditor<span class=\"k\">.</span>getScrollerElement<span class=\"k\">().</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">'position:absolute;left:0;top:0;width:100%;height:100%;'</span><span class=\"k\">;</span>","            codeEditor<span class=\"k\">.</span>refresh<span class=\"k\">();</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                getCodeMirror<span class=\"k\">:</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> codeEditor<span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                setContent<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>content<span class=\"k\">)</span><span class=\"k\">{</span>","                    codeEditor<span class=\"k\">.</span>setValue<span class=\"k\">(</span>content<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                getContent<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> codeEditor<span class=\"k\">.</span>getValue<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                select<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    codeEditor<span class=\"k\">.</span>focus<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                dispose<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    holder<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>dom<span class=\"k\">);</span>","                    dom <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    codeEditor <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'source'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> opt <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">;</span>","        <span class=\"k\">var</span> sourceMode <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> sourceEditor<span class=\"k\">;</span>","","        opt<span class=\"k\">.</span>sourceEditor <span class=\"k\">=</span> browser<span class=\"k\">.</span>ie  <span class=\"k\">?</span> <span class=\"s\">'textarea'</span> <span class=\"k\">:</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>sourceEditor <span class=\"k\">||</span> <span class=\"s\">'codemirror'</span><span class=\"k\">);</span>","","        me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","            sourceEditorFirst<span class=\"k\">:</span><span class=\"k\">false</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">function</span> createSourceEditor<span class=\"k\">(</span>holder<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> sourceEditors<span class=\"k\">[</span>opt<span class=\"k\">.</span>sourceEditor <span class=\"k\">==</span> <span class=\"s\">'codemirror'</span> <span class=\"k\">&amp;&amp;</span> window<span class=\"k\">.</span>CodeMirror <span class=\"k\">?</span> <span class=\"s\">'codemirror'</span> <span class=\"k\">:</span> <span class=\"s\">'textarea'</span><span class=\"k\">](</span>me<span class=\"k\">,</span> holder<span class=\"k\">);</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">var</span> bakCssText<span class=\"k\">;</span>","        <span class=\"c\">//&#35299;&#20915;&#22312;&#28304;&#30721;&#27169;&#24335;&#19979;getContent&#19981;&#33021;&#24471;&#21040;&#26368;&#26032;&#30340;&#20869;&#23481;&#38382;&#39064;</span>","        <span class=\"k\">var</span> oldGetContent <span class=\"k\">=</span> me<span class=\"k\">.</span>getContent<span class=\"k\">,</span>","            bakAddress<span class=\"k\">;</span>","","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#20999;&#25442;&#28304;&#30721;&#32534;&#36753;&#27169;&#24335;&#21644;&#21487;&#35270;&#21270;&#32534;&#36753;&#27169;&#24335;</span>","<span class=\"c\">         * @command source</span>","<span class=\"c\">         * @method execCommand</span>","<span class=\"c\">         * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.execCommand( 'source');</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","","        <span class=\"c\">/**</span>","<span class=\"c\">         * &#26597;&#35810;&#24403;&#21069;&#32534;&#36753;&#21306;&#22495;&#30340;&#29366;&#24577;&#26159;&#28304;&#30721;&#27169;&#24335;&#36824;&#26159;&#21487;&#35270;&#21270;&#27169;&#24335;</span>","<span class=\"c\">         * @command source</span>","<span class=\"c\">         * @method queryCommandState</span>","<span class=\"c\">         * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">         * @return { int } &#22914;&#26524;&#24403;&#21069;&#26159;&#28304;&#30721;&#32534;&#36753;&#27169;&#24335;&#65292;&#36820;&#22238;1&#65292;&#21542;&#21017;&#36820;&#22238;0</span>","<span class=\"c\">         * @example</span>","<span class=\"c\">         * ```javascript</span>","<span class=\"c\">         * editor.queryCommandState( 'source' );</span>","<span class=\"c\">         * ```</span>","<span class=\"c\">         */</span>","        me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'source'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","            execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","","                sourceMode <span class=\"k\">=</span> <span class=\"k\">!</span>sourceMode<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>sourceMode<span class=\"k\">)</span> <span class=\"k\">{</span>","                    bakAddress <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>createAddress<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    me<span class=\"k\">.</span>undoManger <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko<span class=\"k\">)</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                    bakCssText <span class=\"k\">=</span> me<span class=\"k\">.</span>iframe<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                    me<span class=\"k\">.</span>iframe<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+=</span> <span class=\"s\">'position:absolute;left:-32768px;top:-32768px;'</span><span class=\"k\">;</span>","","","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'beforegetcontent'</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> root <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML<span class=\"k\">);</span>","                    me<span class=\"k\">.</span>filterOutputRule<span class=\"k\">(</span>root<span class=\"k\">);</span>","                    root<span class=\"k\">.</span>traversal<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">'element'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">switch</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">case</span> <span class=\"s\">'td'</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">'th'</span><span class=\"k\">:</span>","                                <span class=\"k\">case</span> <span class=\"s\">'caption'</span><span class=\"k\">:</span>","                                <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>children <span class=\"k\">&amp;&amp;</span> node<span class=\"k\">.</span>children<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">{</span>","                                    <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>firstChild<span class=\"k\">().</span>tagName <span class=\"k\">==</span> <span class=\"s\">'br'</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                                        node<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>node<span class=\"k\">.</span>firstChild<span class=\"k\">())</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span><span class=\"k\">;</span>","                                <span class=\"k\">break</span><span class=\"k\">;</span>","                                <span class=\"k\">case</span> <span class=\"s\">'pre'</span><span class=\"k\">:</span>","                                    node<span class=\"k\">.</span>innerText<span class=\"k\">(</span>node<span class=\"k\">.</span>innerText<span class=\"k\">().</span>replace<span class=\"k\">(</span><span class=\"s\">/&amp;nbsp;/g</span><span class=\"k\">,</span><span class=\"s\">' '</span><span class=\"k\">))</span>","","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'aftergetcontent'</span><span class=\"k\">);</span>","","                    <span class=\"k\">var</span> content <span class=\"k\">=</span> root<span class=\"k\">.</span>toHtml<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","","                    sourceEditor <span class=\"k\">=</span> createSourceEditor<span class=\"k\">(</span>me<span class=\"k\">.</span>iframe<span class=\"k\">.</span>parentNode<span class=\"k\">);</span>","","                    sourceEditor<span class=\"k\">.</span>setContent<span class=\"k\">(</span>content<span class=\"k\">);</span>","                    setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                        sourceEditor<span class=\"k\">.</span>select<span class=\"k\">();</span>","                        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'fullscreenchanged'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                            <span class=\"k\">try</span><span class=\"k\">{</span>","                                sourceEditor<span class=\"k\">.</span>getCodeMirror<span class=\"k\">().</span>refresh<span class=\"k\">()</span>","                            <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{}</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"c\">//&#37325;&#32622;getContent&#65292;&#28304;&#30721;&#27169;&#24335;&#19979;&#21462;&#20540;&#20063;&#33021;&#26159;&#26368;&#26032;&#30340;&#25968;&#25454;</span>","                    me<span class=\"k\">.</span>getContent <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                        <span class=\"k\">return</span> sourceEditor<span class=\"k\">.</span>getContent<span class=\"k\">()</span> <span class=\"k\">||</span> <span class=\"s\">'&lt;p&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)+</span><span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>iframe<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> bakCssText<span class=\"k\">;</span>","                    <span class=\"k\">var</span> cont <span class=\"k\">=</span> sourceEditor<span class=\"k\">.</span>getContent<span class=\"k\">()</span> <span class=\"k\">||</span> <span class=\"s\">'&lt;p&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)+</span><span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">;</span>","                    <span class=\"c\">//&#22788;&#29702;&#25481;block&#33410;&#28857;&#21069;&#21518;&#30340;&#31354;&#26684;,&#26377;&#21487;&#33021;&#20250;&#35823;&#21629;&#20013;&#65292;&#26242;&#26102;&#19981;&#32771;&#34385;</span>","                    cont <span class=\"k\">=</span> cont<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"k\">new</span> RegExp<span class=\"k\">(</span><span class=\"s\">'[</span><span class=\"t\">\\\\</span><span class=\"s\">r</span><span class=\"t\">\\\\</span><span class=\"s\">t</span><span class=\"t\">\\\\</span><span class=\"s\">n ]*&lt;</span><span class=\"t\">\\/</span><span class=\"s\">?(</span><span class=\"t\">\\\\</span><span class=\"s\">w+)</span><span class=\"t\">\\\\</span><span class=\"s\">s*(?:[^&gt;]*)&gt;'</span><span class=\"k\">,</span><span class=\"s\">'g'</span><span class=\"k\">),</span> <span class=\"k\">function</span><span class=\"k\">(</span>a<span class=\"k\">,</span>b<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>b <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$inlineWithA<span class=\"k\">[</span>b<span class=\"k\">.</span>toLowerCase<span class=\"k\">()])</span><span class=\"k\">{</span>","                            <span class=\"k\">return</span> a<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(^[\\n\\r\\t ]*)|([\\n\\r\\t ]*$)/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">return</span> a<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/(^[\\n\\r\\t]*)|([\\n\\r\\t]*$)/g</span><span class=\"k\">,</span><span class=\"s\">''</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    me<span class=\"k\">.</span>setContent<span class=\"k\">(</span>cont<span class=\"k\">);</span>","                    sourceEditor<span class=\"k\">.</span>dispose<span class=\"k\">();</span>","                    sourceEditor <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    <span class=\"c\">//&#36824;&#21407;getContent&#26041;&#27861;</span>","                    me<span class=\"k\">.</span>getContent <span class=\"k\">=</span> oldGetContent<span class=\"k\">;</span>","                    <span class=\"k\">var</span> first <span class=\"k\">=</span> me<span class=\"k\">.</span>body<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                    <span class=\"c\">//trace:1106 &#37117;&#21024;&#38500;&#31354;&#20102;&#65292;&#19979;&#36793;&#20250;&#25253;&#38169;&#65292;&#25152;&#20197;&#34917;&#20805;&#19968;&#20010;p&#21344;&#20301;</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>first<span class=\"k\">)</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;p&gt;'</span><span class=\"k\">+(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">?</span><span class=\"s\">''</span><span class=\"k\">:</span><span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)+</span><span class=\"s\">'&lt;/p&gt;'</span><span class=\"k\">;</span>","                        first <span class=\"k\">=</span> me<span class=\"k\">.</span>body<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"c\">//&#35201;&#22312;ifm&#20026;&#26174;&#31034;&#26102;ff&#25165;&#33021;&#21462;&#21040;selection,&#21542;&#21017;&#25253;&#38169;</span>","                    <span class=\"c\">//&#36825;&#37324;&#19981;&#33021;&#27604;&#36739;&#20301;&#32622;&#20102;</span>","                    me<span class=\"k\">.</span>undoManger <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","","                    <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko<span class=\"k\">)</span><span class=\"k\">{</span>","","                        <span class=\"k\">var</span> input <span class=\"k\">=</span> document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'input'</span><span class=\"k\">);</span>","                        input<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">'position:absolute;left:0;top:-32768px'</span><span class=\"k\">;</span>","","                        document<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>input<span class=\"k\">);</span>","","                        me<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                        setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>setViewportOffset<span class=\"k\">(</span>input<span class=\"k\">,</span> <span class=\"k\">{</span> left<span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">32768</span><span class=\"k\">,</span> top<span class=\"k\">:</span> <span class=\"s\">0</span> <span class=\"k\">}</span><span class=\"k\">);</span>","                            input<span class=\"k\">.</span>focus<span class=\"k\">();</span>","                            setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                                me<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                                me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>moveToAddress<span class=\"k\">(</span>bakAddress<span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>input<span class=\"k\">);</span>","                            <span class=\"k\">}</span><span class=\"k\">);</span>","","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        <span class=\"c\">//ie&#19979;&#26377;&#21487;&#33021;&#25253;&#38169;&#65292;&#27604;&#22914;&#22312;&#20195;&#30721;&#39030;&#22836;&#30340;&#24773;&#20917;</span>","                        <span class=\"k\">try</span><span class=\"k\">{</span>","                            me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>moveToAddress<span class=\"k\">(</span>bakAddress<span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{}</span>","","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'sourcemodechanged'</span><span class=\"k\">,</span> sourceMode<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> sourceMode<span class=\"k\">|</span><span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            notNeedUndo <span class=\"k\">:</span> <span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> oldQueryCommandState <span class=\"k\">=</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">;</span>","","        me<span class=\"k\">.</span>queryCommandState <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">)</span><span class=\"k\">{</span>","            cmdName <span class=\"k\">=</span> cmdName<span class=\"k\">.</span>toLowerCase<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>sourceMode<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#28304;&#30721;&#27169;&#24335;&#19979;&#21487;&#20197;&#24320;&#21551;&#30340;&#21629;&#20196;</span>","                <span class=\"k\">return</span> cmdName <span class=\"k\">in</span> <span class=\"k\">{</span>","                    <span class=\"s\">'source'</span> <span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                    <span class=\"s\">'fullscreen'</span> <span class=\"k\">:</span> <span class=\"s\">1</span>","                <span class=\"k\">}</span> <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> oldQueryCommandState<span class=\"k\">.</span>apply<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> arguments<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>sourceEditor <span class=\"k\">==</span> <span class=\"s\">\"codemirror\"</span><span class=\"k\">)</span><span class=\"k\">{</span>","","            me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"ready\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                utils<span class=\"k\">.</span>loadFile<span class=\"k\">(</span>document<span class=\"k\">,</span><span class=\"k\">{</span>","                    src <span class=\"k\">:</span> opt<span class=\"k\">.</span>codeMirrorJsUrl <span class=\"k\">||</span> opt<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">+</span> <span class=\"s\">\"third-party/codemirror/codemirror.js\"</span><span class=\"k\">,</span>","                    tag <span class=\"k\">:</span> <span class=\"s\">\"script\"</span><span class=\"k\">,</span>","                    type <span class=\"k\">:</span> <span class=\"s\">\"text/javascript\"</span><span class=\"k\">,</span>","                    defer <span class=\"k\">:</span> <span class=\"s\">\"defer\"</span>","                <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>opt<span class=\"k\">.</span>sourceEditorFirst<span class=\"k\">)</span><span class=\"k\">{</span>","                        setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                            me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"source\"</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"s\">0</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                utils<span class=\"k\">.</span>loadFile<span class=\"k\">(</span>document<span class=\"k\">,</span><span class=\"k\">{</span>","                    tag <span class=\"k\">:</span> <span class=\"s\">\"link\"</span><span class=\"k\">,</span>","                    rel <span class=\"k\">:</span> <span class=\"s\">\"stylesheet\"</span><span class=\"k\">,</span>","                    type <span class=\"k\">:</span> <span class=\"s\">\"text/css\"</span><span class=\"k\">,</span>","                    href <span class=\"k\">:</span> opt<span class=\"k\">.</span>codeMirrorCssUrl <span class=\"k\">||</span> opt<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">+</span> <span class=\"s\">\"third-party/codemirror/codemirror.css\"</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","","            <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">;</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['plugins/source.js'][7]++;
+(function () {
+  _$jscoverage['plugins/source.js'][8]++;
+  var sourceEditors = {textarea: (function (editor, holder) {
+  _$jscoverage['plugins/source.js'][10]++;
+  var textarea = holder.ownerDocument.createElement("textarea");
+  _$jscoverage['plugins/source.js'][11]++;
+  textarea.style.cssText = "position:absolute;resize:none;width:100%;height:100%;border:0;padding:0;margin:0;overflow-y:auto;";
+  _$jscoverage['plugins/source.js'][13]++;
+  if ((browser.ie && (browser.version < 8))) {
+    _$jscoverage['plugins/source.js'][14]++;
+    textarea.style.width = (holder.offsetWidth + "px");
+    _$jscoverage['plugins/source.js'][15]++;
+    textarea.style.height = (holder.offsetHeight + "px");
+    _$jscoverage['plugins/source.js'][16]++;
+    holder.onresize = (function () {
+  _$jscoverage['plugins/source.js'][17]++;
+  textarea.style.width = (holder.offsetWidth + "px");
+  _$jscoverage['plugins/source.js'][18]++;
+  textarea.style.height = (holder.offsetHeight + "px");
+});
+  }
+  _$jscoverage['plugins/source.js'][21]++;
+  holder.appendChild(textarea);
+  _$jscoverage['plugins/source.js'][22]++;
+  return ({setContent: (function (content) {
+  _$jscoverage['plugins/source.js'][24]++;
+  textarea.value = content;
+}), getContent: (function () {
+  _$jscoverage['plugins/source.js'][27]++;
+  return textarea.value;
+}), select: (function () {
+  _$jscoverage['plugins/source.js'][30]++;
+  var range;
+  _$jscoverage['plugins/source.js'][31]++;
+  if (browser.ie) {
+    _$jscoverage['plugins/source.js'][32]++;
+    range = textarea.createTextRange();
+    _$jscoverage['plugins/source.js'][33]++;
+    range.collapse(true);
+    _$jscoverage['plugins/source.js'][34]++;
+    range.select();
+  }
+  else {
+    _$jscoverage['plugins/source.js'][37]++;
+    textarea.setSelectionRange(0, 0);
+    _$jscoverage['plugins/source.js'][38]++;
+    textarea.focus();
+  }
+}), dispose: (function () {
+  _$jscoverage['plugins/source.js'][42]++;
+  holder.removeChild(textarea);
+  _$jscoverage['plugins/source.js'][44]++;
+  holder.onresize = null;
+  _$jscoverage['plugins/source.js'][45]++;
+  textarea = null;
+  _$jscoverage['plugins/source.js'][46]++;
+  holder = null;
+})});
+}), codemirror: (function (editor, holder) {
+  _$jscoverage['plugins/source.js'][52]++;
+  var codeEditor = window.CodeMirror(holder, {mode: "text/html", tabMode: "indent", lineNumbers: true, lineWrapping: true});
+  _$jscoverage['plugins/source.js'][58]++;
+  var dom = codeEditor.getWrapperElement();
+  _$jscoverage['plugins/source.js'][59]++;
+  dom.style.cssText = "position:absolute;left:0;top:0;width:100%;height:100%;font-family:consolas,\"Courier new\",monospace;font-size:13px;";
+  _$jscoverage['plugins/source.js'][60]++;
+  codeEditor.getScrollerElement().style.cssText = "position:absolute;left:0;top:0;width:100%;height:100%;";
+  _$jscoverage['plugins/source.js'][61]++;
+  codeEditor.refresh();
+  _$jscoverage['plugins/source.js'][62]++;
+  return ({getCodeMirror: (function () {
+  _$jscoverage['plugins/source.js'][64]++;
+  return codeEditor;
+}), setContent: (function (content) {
+  _$jscoverage['plugins/source.js'][67]++;
+  codeEditor.setValue(content);
+}), getContent: (function () {
+  _$jscoverage['plugins/source.js'][70]++;
+  return codeEditor.getValue();
+}), select: (function () {
+  _$jscoverage['plugins/source.js'][73]++;
+  codeEditor.focus();
+}), dispose: (function () {
+  _$jscoverage['plugins/source.js'][76]++;
+  holder.removeChild(dom);
+  _$jscoverage['plugins/source.js'][77]++;
+  dom = null;
+  _$jscoverage['plugins/source.js'][78]++;
+  codeEditor = null;
+})});
+})};
+  _$jscoverage['plugins/source.js'][84]++;
+  UE.plugins.source = (function () {
+  _$jscoverage['plugins/source.js'][85]++;
+  var me = this;
+  _$jscoverage['plugins/source.js'][86]++;
+  var opt = this.options;
+  _$jscoverage['plugins/source.js'][87]++;
+  var sourceMode = false;
+  _$jscoverage['plugins/source.js'][88]++;
+  var sourceEditor;
+  _$jscoverage['plugins/source.js'][90]++;
+  opt.sourceEditor = (browser.ie? "textarea": (opt.sourceEditor || "codemirror"));
+  _$jscoverage['plugins/source.js'][92]++;
+  me.setOpt({sourceEditorFirst: false});
+  _$jscoverage['plugins/source.js'][95]++;
+  function createSourceEditor(holder) {
+    _$jscoverage['plugins/source.js'][96]++;
+    return (sourceEditors[(((opt.sourceEditor == "codemirror") && window.CodeMirror)? "codemirror": "textarea")])(me, holder);
+}
+  _$jscoverage['plugins/source.js'][99]++;
+  var bakCssText;
+  _$jscoverage['plugins/source.js'][101]++;
+  var oldGetContent = me.getContent, bakAddress;
+  _$jscoverage['plugins/source.js'][127]++;
+  me.commands.source = {execCommand: (function () {
+  _$jscoverage['plugins/source.js'][130]++;
+  sourceMode = (! sourceMode);
+  _$jscoverage['plugins/source.js'][131]++;
+  if (sourceMode) {
+    _$jscoverage['plugins/source.js'][132]++;
+    bakAddress = me.selection.getRange().createAddress(false, true);
+    _$jscoverage['plugins/source.js'][133]++;
+    (me.undoManger && me.undoManger.save(true));
+    _$jscoverage['plugins/source.js'][134]++;
+    if (browser.gecko) {
+      _$jscoverage['plugins/source.js'][135]++;
+      me.body.contentEditable = false;
+    }
+    _$jscoverage['plugins/source.js'][138]++;
+    bakCssText = me.iframe.style.cssText;
+    _$jscoverage['plugins/source.js'][139]++;
+    me.iframe.style.cssText += "position:absolute;left:-32768px;top:-32768px;";
+    _$jscoverage['plugins/source.js'][142]++;
+    me.fireEvent("beforegetcontent");
+    _$jscoverage['plugins/source.js'][143]++;
+    var root = UE.htmlparser(me.body.innerHTML);
+    _$jscoverage['plugins/source.js'][144]++;
+    me.filterOutputRule(root);
+    _$jscoverage['plugins/source.js'][145]++;
+    root.traversal((function (node) {
+  _$jscoverage['plugins/source.js'][146]++;
+  if ((node.type == "element")) {
+    _$jscoverage['plugins/source.js'][147]++;
+    switch (node.tagName) {
+    case "td":
+    case "th":
+    case "caption":
+      _$jscoverage['plugins/source.js'][151]++;
+      if ((node.children && (node.children.length == 1))) {
+        _$jscoverage['plugins/source.js'][152]++;
+        if ((node.firstChild().tagName == "br")) {
+          _$jscoverage['plugins/source.js'][153]++;
+          node.removeChild(node.firstChild());
+        }
+      }
+      _$jscoverage['plugins/source.js'][155]++;
+      ;
+      _$jscoverage['plugins/source.js'][156]++;
+      break;
+    case "pre":
+      _$jscoverage['plugins/source.js'][158]++;
+      node.innerText(node.innerText().replace(/&nbsp;/g, " "));
+    }
+  }
+}));
+    _$jscoverage['plugins/source.js'][164]++;
+    me.fireEvent("aftergetcontent");
+    _$jscoverage['plugins/source.js'][166]++;
+    var content = root.toHtml(true);
+    _$jscoverage['plugins/source.js'][168]++;
+    sourceEditor = createSourceEditor(me.iframe.parentNode);
+    _$jscoverage['plugins/source.js'][170]++;
+    sourceEditor.setContent(content);
+    _$jscoverage['plugins/source.js'][171]++;
+    setTimeout((function () {
+  _$jscoverage['plugins/source.js'][172]++;
+  sourceEditor.select();
+  _$jscoverage['plugins/source.js'][173]++;
+  me.addListener("fullscreenchanged", (function () {
+  _$jscoverage['plugins/source.js'][174]++;
+  try {
+    _$jscoverage['plugins/source.js'][175]++;
+    sourceEditor.getCodeMirror().refresh();
+  }
+  catch (e) {
+  }
+}));
+}));
+    _$jscoverage['plugins/source.js'][180]++;
+    me.getContent = (function () {
+  _$jscoverage['plugins/source.js'][181]++;
+  return (sourceEditor.getContent() || ("<p>" + (browser.ie? "": "<br/>") + "</p>"));
+});
+  }
+  else {
+    _$jscoverage['plugins/source.js'][184]++;
+    me.iframe.style.cssText = bakCssText;
+    _$jscoverage['plugins/source.js'][185]++;
+    var cont = (sourceEditor.getContent() || ("<p>" + (browser.ie? "": "<br/>") + "</p>"));
+    _$jscoverage['plugins/source.js'][187]++;
+    cont = cont.replace(new RegExp("[\\r\\t\\n ]*</?(\\w+)\\s*(?:[^>]*)>", "g"), (function (a, b) {
+  _$jscoverage['plugins/source.js'][188]++;
+  if ((b && (! dtd.$inlineWithA[b.toLowerCase()]))) {
+    _$jscoverage['plugins/source.js'][189]++;
+    return a.replace(/(^[\n\r\t ]*)|([\n\r\t ]*$)/g, "");
+  }
+  _$jscoverage['plugins/source.js'][191]++;
+  return a.replace(/(^[\n\r\t]*)|([\n\r\t]*$)/g, "");
+}));
+    _$jscoverage['plugins/source.js'][193]++;
+    me.setContent(cont);
+    _$jscoverage['plugins/source.js'][194]++;
+    sourceEditor.dispose();
+    _$jscoverage['plugins/source.js'][195]++;
+    sourceEditor = null;
+    _$jscoverage['plugins/source.js'][197]++;
+    me.getContent = oldGetContent;
+    _$jscoverage['plugins/source.js'][198]++;
+    var first = me.body.firstChild;
+    _$jscoverage['plugins/source.js'][200]++;
+    if ((! first)) {
+      _$jscoverage['plugins/source.js'][201]++;
+      me.body.innerHTML = ("<p>" + (browser.ie? "": "<br/>") + "</p>");
+      _$jscoverage['plugins/source.js'][202]++;
+      first = me.body.firstChild;
+    }
+    _$jscoverage['plugins/source.js'][206]++;
+    (me.undoManger && me.undoManger.save(true));
+    _$jscoverage['plugins/source.js'][208]++;
+    if (browser.gecko) {
+      _$jscoverage['plugins/source.js'][210]++;
+      var input = document.createElement("input");
+      _$jscoverage['plugins/source.js'][211]++;
+      input.style.cssText = "position:absolute;left:0;top:-32768px";
+      _$jscoverage['plugins/source.js'][213]++;
+      document.body.appendChild(input);
+      _$jscoverage['plugins/source.js'][215]++;
+      me.body.contentEditable = false;
+      _$jscoverage['plugins/source.js'][216]++;
+      setTimeout((function () {
+  _$jscoverage['plugins/source.js'][217]++;
+  domUtils.setViewportOffset(input, {left: -32768, top: 0});
+  _$jscoverage['plugins/source.js'][218]++;
+  input.focus();
+  _$jscoverage['plugins/source.js'][219]++;
+  setTimeout((function () {
+  _$jscoverage['plugins/source.js'][220]++;
+  me.body.contentEditable = true;
+  _$jscoverage['plugins/source.js'][221]++;
+  me.selection.getRange().moveToAddress(bakAddress).select(true);
+  _$jscoverage['plugins/source.js'][222]++;
+  domUtils.remove(input);
+}));
+}));
+    }
+    else {
+      _$jscoverage['plugins/source.js'][228]++;
+      try {
+        _$jscoverage['plugins/source.js'][229]++;
+        me.selection.getRange().moveToAddress(bakAddress).select(true);
+      }
+      catch (e) {
+      }
+    }
+  }
+  _$jscoverage['plugins/source.js'][234]++;
+  this.fireEvent("sourcemodechanged", sourceMode);
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/source.js'][237]++;
+  return (sourceMode | 0);
+}), notNeedUndo: 1};
+  _$jscoverage['plugins/source.js'][241]++;
+  var oldQueryCommandState = me.queryCommandState;
+  _$jscoverage['plugins/source.js'][243]++;
+  me.queryCommandState = (function (cmdName) {
+  _$jscoverage['plugins/source.js'][244]++;
+  cmdName = cmdName.toLowerCase();
+  _$jscoverage['plugins/source.js'][245]++;
+  if (sourceMode) {
+    _$jscoverage['plugins/source.js'][247]++;
+    return ((cmdName in {"source": 1, "fullscreen": 1})? 1: -1);
+  }
+  _$jscoverage['plugins/source.js'][252]++;
+  return oldQueryCommandState.apply(this, arguments);
+});
+  _$jscoverage['plugins/source.js'][255]++;
+  if ((opt.sourceEditor == "codemirror")) {
+    _$jscoverage['plugins/source.js'][257]++;
+    me.addListener("ready", (function () {
+  _$jscoverage['plugins/source.js'][258]++;
+  utils.loadFile(document, {src: (opt.codeMirrorJsUrl || (opt.UEDITOR_HOME_URL + "third-party/codemirror/codemirror.js")), tag: "script", type: "text/javascript", defer: "defer"}, (function () {
+  _$jscoverage['plugins/source.js'][264]++;
+  if (opt.sourceEditorFirst) {
+    _$jscoverage['plugins/source.js'][265]++;
+    setTimeout((function () {
+  _$jscoverage['plugins/source.js'][266]++;
+  me.execCommand("source");
+}), 0);
+  }
+}));
+  _$jscoverage['plugins/source.js'][270]++;
+  utils.loadFile(document, {tag: "link", rel: "stylesheet", type: "text/css", href: (opt.codeMirrorCssUrl || (opt.UEDITOR_HOME_URL + "third-party/codemirror/codemirror.css"))});
+}));
+  }
+});
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/table.action.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/table.action.js
new file mode 100644
index 000000000..f42a061c2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/table.action.js
@@ -0,0 +1,3173 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/table.action.js']) {
+  _$jscoverage['plugins/table.action.js'] = [];
+  _$jscoverage['plugins/table.action.js'][8] = 0;
+  _$jscoverage['plugins/table.action.js'][9] = 0;
+  _$jscoverage['plugins/table.action.js'][29] = 0;
+  _$jscoverage['plugins/table.action.js'][32] = 0;
+  _$jscoverage['plugins/table.action.js'][35] = 0;
+  _$jscoverage['plugins/table.action.js'][38] = 0;
+  _$jscoverage['plugins/table.action.js'][41] = 0;
+  _$jscoverage['plugins/table.action.js'][44] = 0;
+  _$jscoverage['plugins/table.action.js'][45] = 0;
+  _$jscoverage['plugins/table.action.js'][46] = 0;
+  _$jscoverage['plugins/table.action.js'][47] = 0;
+  _$jscoverage['plugins/table.action.js'][48] = 0;
+  _$jscoverage['plugins/table.action.js'][49] = 0;
+  _$jscoverage['plugins/table.action.js'][50] = 0;
+  _$jscoverage['plugins/table.action.js'][51] = 0;
+  _$jscoverage['plugins/table.action.js'][52] = 0;
+  _$jscoverage['plugins/table.action.js'][54] = 0;
+  _$jscoverage['plugins/table.action.js'][56] = 0;
+  _$jscoverage['plugins/table.action.js'][63] = 0;
+  _$jscoverage['plugins/table.action.js'][72] = 0;
+  _$jscoverage['plugins/table.action.js'][76] = 0;
+  _$jscoverage['plugins/table.action.js'][86] = 0;
+  _$jscoverage['plugins/table.action.js'][87] = 0;
+  _$jscoverage['plugins/table.action.js'][115] = 0;
+  _$jscoverage['plugins/table.action.js'][116] = 0;
+  _$jscoverage['plugins/table.action.js'][128] = 0;
+  _$jscoverage['plugins/table.action.js'][130] = 0;
+  _$jscoverage['plugins/table.action.js'][131] = 0;
+  _$jscoverage['plugins/table.action.js'][132] = 0;
+  _$jscoverage['plugins/table.action.js'][134] = 0;
+  _$jscoverage['plugins/table.action.js'][136] = 0;
+  _$jscoverage['plugins/table.action.js'][137] = 0;
+  _$jscoverage['plugins/table.action.js'][139] = 0;
+  _$jscoverage['plugins/table.action.js'][140] = 0;
+  _$jscoverage['plugins/table.action.js'][141] = 0;
+  _$jscoverage['plugins/table.action.js'][142] = 0;
+  _$jscoverage['plugins/table.action.js'][144] = 0;
+  _$jscoverage['plugins/table.action.js'][146] = 0;
+  _$jscoverage['plugins/table.action.js'][149] = 0;
+  _$jscoverage['plugins/table.action.js'][151] = 0;
+  _$jscoverage['plugins/table.action.js'][152] = 0;
+  _$jscoverage['plugins/table.action.js'][153] = 0;
+  _$jscoverage['plugins/table.action.js'][154] = 0;
+  _$jscoverage['plugins/table.action.js'][155] = 0;
+  _$jscoverage['plugins/table.action.js'][156] = 0;
+  _$jscoverage['plugins/table.action.js'][158] = 0;
+  _$jscoverage['plugins/table.action.js'][163] = 0;
+  _$jscoverage['plugins/table.action.js'][165] = 0;
+  _$jscoverage['plugins/table.action.js'][166] = 0;
+  _$jscoverage['plugins/table.action.js'][167] = 0;
+  _$jscoverage['plugins/table.action.js'][168] = 0;
+  _$jscoverage['plugins/table.action.js'][169] = 0;
+  _$jscoverage['plugins/table.action.js'][171] = 0;
+  _$jscoverage['plugins/table.action.js'][172] = 0;
+  _$jscoverage['plugins/table.action.js'][177] = 0;
+  _$jscoverage['plugins/table.action.js'][179] = 0;
+  _$jscoverage['plugins/table.action.js'][181] = 0;
+  _$jscoverage['plugins/table.action.js'][182] = 0;
+  _$jscoverage['plugins/table.action.js'][183] = 0;
+  _$jscoverage['plugins/table.action.js'][185] = 0;
+  _$jscoverage['plugins/table.action.js'][186] = 0;
+  _$jscoverage['plugins/table.action.js'][188] = 0;
+  _$jscoverage['plugins/table.action.js'][189] = 0;
+  _$jscoverage['plugins/table.action.js'][192] = 0;
+  _$jscoverage['plugins/table.action.js'][193] = 0;
+  _$jscoverage['plugins/table.action.js'][195] = 0;
+  _$jscoverage['plugins/table.action.js'][196] = 0;
+  _$jscoverage['plugins/table.action.js'][197] = 0;
+  _$jscoverage['plugins/table.action.js'][198] = 0;
+  _$jscoverage['plugins/table.action.js'][201] = 0;
+  _$jscoverage['plugins/table.action.js'][202] = 0;
+  _$jscoverage['plugins/table.action.js'][203] = 0;
+  _$jscoverage['plugins/table.action.js'][204] = 0;
+  _$jscoverage['plugins/table.action.js'][205] = 0;
+  _$jscoverage['plugins/table.action.js'][213] = 0;
+  _$jscoverage['plugins/table.action.js'][214] = 0;
+  _$jscoverage['plugins/table.action.js'][215] = 0;
+  _$jscoverage['plugins/table.action.js'][216] = 0;
+  _$jscoverage['plugins/table.action.js'][217] = 0;
+  _$jscoverage['plugins/table.action.js'][218] = 0;
+  _$jscoverage['plugins/table.action.js'][219] = 0;
+  _$jscoverage['plugins/table.action.js'][220] = 0;
+  _$jscoverage['plugins/table.action.js'][223] = 0;
+  _$jscoverage['plugins/table.action.js'][224] = 0;
+  _$jscoverage['plugins/table.action.js'][225] = 0;
+  _$jscoverage['plugins/table.action.js'][227] = 0;
+  _$jscoverage['plugins/table.action.js'][234] = 0;
+  _$jscoverage['plugins/table.action.js'][235] = 0;
+  _$jscoverage['plugins/table.action.js'][236] = 0;
+  _$jscoverage['plugins/table.action.js'][239] = 0;
+  _$jscoverage['plugins/table.action.js'][240] = 0;
+  _$jscoverage['plugins/table.action.js'][241] = 0;
+  _$jscoverage['plugins/table.action.js'][242] = 0;
+  _$jscoverage['plugins/table.action.js'][243] = 0;
+  _$jscoverage['plugins/table.action.js'][244] = 0;
+  _$jscoverage['plugins/table.action.js'][245] = 0;
+  _$jscoverage['plugins/table.action.js'][246] = 0;
+  _$jscoverage['plugins/table.action.js'][248] = 0;
+  _$jscoverage['plugins/table.action.js'][249] = 0;
+  _$jscoverage['plugins/table.action.js'][250] = 0;
+  _$jscoverage['plugins/table.action.js'][251] = 0;
+  _$jscoverage['plugins/table.action.js'][252] = 0;
+  _$jscoverage['plugins/table.action.js'][253] = 0;
+  _$jscoverage['plugins/table.action.js'][254] = 0;
+  _$jscoverage['plugins/table.action.js'][255] = 0;
+  _$jscoverage['plugins/table.action.js'][256] = 0;
+  _$jscoverage['plugins/table.action.js'][257] = 0;
+  _$jscoverage['plugins/table.action.js'][258] = 0;
+  _$jscoverage['plugins/table.action.js'][260] = 0;
+  _$jscoverage['plugins/table.action.js'][261] = 0;
+  _$jscoverage['plugins/table.action.js'][262] = 0;
+  _$jscoverage['plugins/table.action.js'][263] = 0;
+  _$jscoverage['plugins/table.action.js'][264] = 0;
+  _$jscoverage['plugins/table.action.js'][265] = 0;
+  _$jscoverage['plugins/table.action.js'][267] = 0;
+  _$jscoverage['plugins/table.action.js'][268] = 0;
+  _$jscoverage['plugins/table.action.js'][269] = 0;
+  _$jscoverage['plugins/table.action.js'][270] = 0;
+  _$jscoverage['plugins/table.action.js'][271] = 0;
+  _$jscoverage['plugins/table.action.js'][273] = 0;
+  _$jscoverage['plugins/table.action.js'][274] = 0;
+  _$jscoverage['plugins/table.action.js'][275] = 0;
+  _$jscoverage['plugins/table.action.js'][276] = 0;
+  _$jscoverage['plugins/table.action.js'][277] = 0;
+  _$jscoverage['plugins/table.action.js'][278] = 0;
+  _$jscoverage['plugins/table.action.js'][279] = 0;
+  _$jscoverage['plugins/table.action.js'][280] = 0;
+  _$jscoverage['plugins/table.action.js'][284] = 0;
+  _$jscoverage['plugins/table.action.js'][285] = 0;
+  _$jscoverage['plugins/table.action.js'][286] = 0;
+  _$jscoverage['plugins/table.action.js'][287] = 0;
+  _$jscoverage['plugins/table.action.js'][288] = 0;
+  _$jscoverage['plugins/table.action.js'][290] = 0;
+  _$jscoverage['plugins/table.action.js'][291] = 0;
+  _$jscoverage['plugins/table.action.js'][292] = 0;
+  _$jscoverage['plugins/table.action.js'][294] = 0;
+  _$jscoverage['plugins/table.action.js'][295] = 0;
+  _$jscoverage['plugins/table.action.js'][296] = 0;
+  _$jscoverage['plugins/table.action.js'][297] = 0;
+  _$jscoverage['plugins/table.action.js'][300] = 0;
+  _$jscoverage['plugins/table.action.js'][301] = 0;
+  _$jscoverage['plugins/table.action.js'][302] = 0;
+  _$jscoverage['plugins/table.action.js'][303] = 0;
+  _$jscoverage['plugins/table.action.js'][304] = 0;
+  _$jscoverage['plugins/table.action.js'][306] = 0;
+  _$jscoverage['plugins/table.action.js'][307] = 0;
+  _$jscoverage['plugins/table.action.js'][308] = 0;
+  _$jscoverage['plugins/table.action.js'][309] = 0;
+  _$jscoverage['plugins/table.action.js'][310] = 0;
+  _$jscoverage['plugins/table.action.js'][311] = 0;
+  _$jscoverage['plugins/table.action.js'][313] = 0;
+  _$jscoverage['plugins/table.action.js'][314] = 0;
+  _$jscoverage['plugins/table.action.js'][316] = 0;
+  _$jscoverage['plugins/table.action.js'][319] = 0;
+  _$jscoverage['plugins/table.action.js'][320] = 0;
+  _$jscoverage['plugins/table.action.js'][321] = 0;
+  _$jscoverage['plugins/table.action.js'][322] = 0;
+  _$jscoverage['plugins/table.action.js'][323] = 0;
+  _$jscoverage['plugins/table.action.js'][324] = 0;
+  _$jscoverage['plugins/table.action.js'][325] = 0;
+  _$jscoverage['plugins/table.action.js'][326] = 0;
+  _$jscoverage['plugins/table.action.js'][330] = 0;
+  _$jscoverage['plugins/table.action.js'][332] = 0;
+  _$jscoverage['plugins/table.action.js'][333] = 0;
+  _$jscoverage['plugins/table.action.js'][334] = 0;
+  _$jscoverage['plugins/table.action.js'][335] = 0;
+  _$jscoverage['plugins/table.action.js'][336] = 0;
+  _$jscoverage['plugins/table.action.js'][337] = 0;
+  _$jscoverage['plugins/table.action.js'][338] = 0;
+  _$jscoverage['plugins/table.action.js'][340] = 0;
+  _$jscoverage['plugins/table.action.js'][341] = 0;
+  _$jscoverage['plugins/table.action.js'][345] = 0;
+  _$jscoverage['plugins/table.action.js'][348] = 0;
+  _$jscoverage['plugins/table.action.js'][352] = 0;
+  _$jscoverage['plugins/table.action.js'][353] = 0;
+  _$jscoverage['plugins/table.action.js'][354] = 0;
+  _$jscoverage['plugins/table.action.js'][355] = 0;
+  _$jscoverage['plugins/table.action.js'][357] = 0;
+  _$jscoverage['plugins/table.action.js'][358] = 0;
+  _$jscoverage['plugins/table.action.js'][359] = 0;
+  _$jscoverage['plugins/table.action.js'][360] = 0;
+  _$jscoverage['plugins/table.action.js'][361] = 0;
+  _$jscoverage['plugins/table.action.js'][362] = 0;
+  _$jscoverage['plugins/table.action.js'][364] = 0;
+  _$jscoverage['plugins/table.action.js'][365] = 0;
+  _$jscoverage['plugins/table.action.js'][368] = 0;
+  _$jscoverage['plugins/table.action.js'][369] = 0;
+  _$jscoverage['plugins/table.action.js'][370] = 0;
+  _$jscoverage['plugins/table.action.js'][371] = 0;
+  _$jscoverage['plugins/table.action.js'][372] = 0;
+  _$jscoverage['plugins/table.action.js'][373] = 0;
+  _$jscoverage['plugins/table.action.js'][375] = 0;
+  _$jscoverage['plugins/table.action.js'][380] = 0;
+  _$jscoverage['plugins/table.action.js'][384] = 0;
+  _$jscoverage['plugins/table.action.js'][385] = 0;
+  _$jscoverage['plugins/table.action.js'][386] = 0;
+  _$jscoverage['plugins/table.action.js'][387] = 0;
+  _$jscoverage['plugins/table.action.js'][388] = 0;
+  _$jscoverage['plugins/table.action.js'][392] = 0;
+  _$jscoverage['plugins/table.action.js'][393] = 0;
+  _$jscoverage['plugins/table.action.js'][395] = 0;
+  _$jscoverage['plugins/table.action.js'][396] = 0;
+  _$jscoverage['plugins/table.action.js'][397] = 0;
+  _$jscoverage['plugins/table.action.js'][398] = 0;
+  _$jscoverage['plugins/table.action.js'][399] = 0;
+  _$jscoverage['plugins/table.action.js'][401] = 0;
+  _$jscoverage['plugins/table.action.js'][402] = 0;
+  _$jscoverage['plugins/table.action.js'][403] = 0;
+  _$jscoverage['plugins/table.action.js'][404] = 0;
+  _$jscoverage['plugins/table.action.js'][410] = 0;
+  _$jscoverage['plugins/table.action.js'][411] = 0;
+  _$jscoverage['plugins/table.action.js'][417] = 0;
+  _$jscoverage['plugins/table.action.js'][418] = 0;
+  _$jscoverage['plugins/table.action.js'][420] = 0;
+  _$jscoverage['plugins/table.action.js'][421] = 0;
+  _$jscoverage['plugins/table.action.js'][422] = 0;
+  _$jscoverage['plugins/table.action.js'][423] = 0;
+  _$jscoverage['plugins/table.action.js'][424] = 0;
+  _$jscoverage['plugins/table.action.js'][425] = 0;
+  _$jscoverage['plugins/table.action.js'][426] = 0;
+  _$jscoverage['plugins/table.action.js'][427] = 0;
+  _$jscoverage['plugins/table.action.js'][428] = 0;
+  _$jscoverage['plugins/table.action.js'][430] = 0;
+  _$jscoverage['plugins/table.action.js'][431] = 0;
+  _$jscoverage['plugins/table.action.js'][432] = 0;
+  _$jscoverage['plugins/table.action.js'][433] = 0;
+  _$jscoverage['plugins/table.action.js'][437] = 0;
+  _$jscoverage['plugins/table.action.js'][438] = 0;
+  _$jscoverage['plugins/table.action.js'][439] = 0;
+  _$jscoverage['plugins/table.action.js'][440] = 0;
+  _$jscoverage['plugins/table.action.js'][441] = 0;
+  _$jscoverage['plugins/table.action.js'][445] = 0;
+  _$jscoverage['plugins/table.action.js'][446] = 0;
+  _$jscoverage['plugins/table.action.js'][448] = 0;
+  _$jscoverage['plugins/table.action.js'][449] = 0;
+  _$jscoverage['plugins/table.action.js'][450] = 0;
+  _$jscoverage['plugins/table.action.js'][452] = 0;
+  _$jscoverage['plugins/table.action.js'][453] = 0;
+  _$jscoverage['plugins/table.action.js'][454] = 0;
+  _$jscoverage['plugins/table.action.js'][455] = 0;
+  _$jscoverage['plugins/table.action.js'][457] = 0;
+  _$jscoverage['plugins/table.action.js'][458] = 0;
+  _$jscoverage['plugins/table.action.js'][459] = 0;
+  _$jscoverage['plugins/table.action.js'][460] = 0;
+  _$jscoverage['plugins/table.action.js'][461] = 0;
+  _$jscoverage['plugins/table.action.js'][475] = 0;
+  _$jscoverage['plugins/table.action.js'][476] = 0;
+  _$jscoverage['plugins/table.action.js'][477] = 0;
+  _$jscoverage['plugins/table.action.js'][478] = 0;
+  _$jscoverage['plugins/table.action.js'][479] = 0;
+  _$jscoverage['plugins/table.action.js'][480] = 0;
+  _$jscoverage['plugins/table.action.js'][482] = 0;
+  _$jscoverage['plugins/table.action.js'][485] = 0;
+  _$jscoverage['plugins/table.action.js'][486] = 0;
+  _$jscoverage['plugins/table.action.js'][487] = 0;
+  _$jscoverage['plugins/table.action.js'][489] = 0;
+  _$jscoverage['plugins/table.action.js'][492] = 0;
+  _$jscoverage['plugins/table.action.js'][494] = 0;
+  _$jscoverage['plugins/table.action.js'][495] = 0;
+  _$jscoverage['plugins/table.action.js'][496] = 0;
+  _$jscoverage['plugins/table.action.js'][497] = 0;
+  _$jscoverage['plugins/table.action.js'][498] = 0;
+  _$jscoverage['plugins/table.action.js'][499] = 0;
+  _$jscoverage['plugins/table.action.js'][501] = 0;
+  _$jscoverage['plugins/table.action.js'][504] = 0;
+  _$jscoverage['plugins/table.action.js'][505] = 0;
+  _$jscoverage['plugins/table.action.js'][506] = 0;
+  _$jscoverage['plugins/table.action.js'][508] = 0;
+  _$jscoverage['plugins/table.action.js'][515] = 0;
+  _$jscoverage['plugins/table.action.js'][518] = 0;
+  _$jscoverage['plugins/table.action.js'][520] = 0;
+  _$jscoverage['plugins/table.action.js'][521] = 0;
+  _$jscoverage['plugins/table.action.js'][522] = 0;
+  _$jscoverage['plugins/table.action.js'][523] = 0;
+  _$jscoverage['plugins/table.action.js'][529] = 0;
+  _$jscoverage['plugins/table.action.js'][530] = 0;
+  _$jscoverage['plugins/table.action.js'][531] = 0;
+  _$jscoverage['plugins/table.action.js'][535] = 0;
+  _$jscoverage['plugins/table.action.js'][537] = 0;
+  _$jscoverage['plugins/table.action.js'][538] = 0;
+  _$jscoverage['plugins/table.action.js'][541] = 0;
+  _$jscoverage['plugins/table.action.js'][542] = 0;
+  _$jscoverage['plugins/table.action.js'][543] = 0;
+  _$jscoverage['plugins/table.action.js'][547] = 0;
+  _$jscoverage['plugins/table.action.js'][548] = 0;
+  _$jscoverage['plugins/table.action.js'][552] = 0;
+  _$jscoverage['plugins/table.action.js'][553] = 0;
+  _$jscoverage['plugins/table.action.js'][555] = 0;
+  _$jscoverage['plugins/table.action.js'][556] = 0;
+  _$jscoverage['plugins/table.action.js'][559] = 0;
+  _$jscoverage['plugins/table.action.js'][560] = 0;
+  _$jscoverage['plugins/table.action.js'][561] = 0;
+  _$jscoverage['plugins/table.action.js'][563] = 0;
+  _$jscoverage['plugins/table.action.js'][564] = 0;
+  _$jscoverage['plugins/table.action.js'][567] = 0;
+  _$jscoverage['plugins/table.action.js'][568] = 0;
+  _$jscoverage['plugins/table.action.js'][569] = 0;
+  _$jscoverage['plugins/table.action.js'][570] = 0;
+  _$jscoverage['plugins/table.action.js'][571] = 0;
+  _$jscoverage['plugins/table.action.js'][574] = 0;
+  _$jscoverage['plugins/table.action.js'][576] = 0;
+  _$jscoverage['plugins/table.action.js'][577] = 0;
+  _$jscoverage['plugins/table.action.js'][578] = 0;
+  _$jscoverage['plugins/table.action.js'][579] = 0;
+  _$jscoverage['plugins/table.action.js'][580] = 0;
+  _$jscoverage['plugins/table.action.js'][582] = 0;
+  _$jscoverage['plugins/table.action.js'][585] = 0;
+  _$jscoverage['plugins/table.action.js'][586] = 0;
+  _$jscoverage['plugins/table.action.js'][587] = 0;
+  _$jscoverage['plugins/table.action.js'][588] = 0;
+  _$jscoverage['plugins/table.action.js'][589] = 0;
+  _$jscoverage['plugins/table.action.js'][590] = 0;
+  _$jscoverage['plugins/table.action.js'][591] = 0;
+  _$jscoverage['plugins/table.action.js'][594] = 0;
+  _$jscoverage['plugins/table.action.js'][598] = 0;
+  _$jscoverage['plugins/table.action.js'][599] = 0;
+  _$jscoverage['plugins/table.action.js'][601] = 0;
+  _$jscoverage['plugins/table.action.js'][602] = 0;
+  _$jscoverage['plugins/table.action.js'][604] = 0;
+  _$jscoverage['plugins/table.action.js'][605] = 0;
+  _$jscoverage['plugins/table.action.js'][606] = 0;
+  _$jscoverage['plugins/table.action.js'][608] = 0;
+  _$jscoverage['plugins/table.action.js'][609] = 0;
+  _$jscoverage['plugins/table.action.js'][610] = 0;
+  _$jscoverage['plugins/table.action.js'][611] = 0;
+  _$jscoverage['plugins/table.action.js'][612] = 0;
+  _$jscoverage['plugins/table.action.js'][615] = 0;
+  _$jscoverage['plugins/table.action.js'][616] = 0;
+  _$jscoverage['plugins/table.action.js'][617] = 0;
+  _$jscoverage['plugins/table.action.js'][618] = 0;
+  _$jscoverage['plugins/table.action.js'][619] = 0;
+  _$jscoverage['plugins/table.action.js'][623] = 0;
+  _$jscoverage['plugins/table.action.js'][624] = 0;
+  _$jscoverage['plugins/table.action.js'][626] = 0;
+  _$jscoverage['plugins/table.action.js'][627] = 0;
+  _$jscoverage['plugins/table.action.js'][630] = 0;
+  _$jscoverage['plugins/table.action.js'][631] = 0;
+  _$jscoverage['plugins/table.action.js'][632] = 0;
+  _$jscoverage['plugins/table.action.js'][634] = 0;
+  _$jscoverage['plugins/table.action.js'][635] = 0;
+  _$jscoverage['plugins/table.action.js'][636] = 0;
+  _$jscoverage['plugins/table.action.js'][638] = 0;
+  _$jscoverage['plugins/table.action.js'][639] = 0;
+  _$jscoverage['plugins/table.action.js'][641] = 0;
+  _$jscoverage['plugins/table.action.js'][642] = 0;
+  _$jscoverage['plugins/table.action.js'][644] = 0;
+  _$jscoverage['plugins/table.action.js'][650] = 0;
+  _$jscoverage['plugins/table.action.js'][651] = 0;
+  _$jscoverage['plugins/table.action.js'][653] = 0;
+  _$jscoverage['plugins/table.action.js'][656] = 0;
+  _$jscoverage['plugins/table.action.js'][657] = 0;
+  _$jscoverage['plugins/table.action.js'][661] = 0;
+  _$jscoverage['plugins/table.action.js'][662] = 0;
+  _$jscoverage['plugins/table.action.js'][663] = 0;
+  _$jscoverage['plugins/table.action.js'][664] = 0;
+  _$jscoverage['plugins/table.action.js'][665] = 0;
+  _$jscoverage['plugins/table.action.js'][666] = 0;
+  _$jscoverage['plugins/table.action.js'][667] = 0;
+  _$jscoverage['plugins/table.action.js'][668] = 0;
+  _$jscoverage['plugins/table.action.js'][669] = 0;
+  _$jscoverage['plugins/table.action.js'][671] = 0;
+  _$jscoverage['plugins/table.action.js'][673] = 0;
+  _$jscoverage['plugins/table.action.js'][674] = 0;
+  _$jscoverage['plugins/table.action.js'][675] = 0;
+  _$jscoverage['plugins/table.action.js'][676] = 0;
+  _$jscoverage['plugins/table.action.js'][677] = 0;
+  _$jscoverage['plugins/table.action.js'][678] = 0;
+  _$jscoverage['plugins/table.action.js'][679] = 0;
+  _$jscoverage['plugins/table.action.js'][682] = 0;
+  _$jscoverage['plugins/table.action.js'][683] = 0;
+  _$jscoverage['plugins/table.action.js'][684] = 0;
+  _$jscoverage['plugins/table.action.js'][685] = 0;
+  _$jscoverage['plugins/table.action.js'][689] = 0;
+  _$jscoverage['plugins/table.action.js'][690] = 0;
+  _$jscoverage['plugins/table.action.js'][691] = 0;
+  _$jscoverage['plugins/table.action.js'][692] = 0;
+  _$jscoverage['plugins/table.action.js'][693] = 0;
+  _$jscoverage['plugins/table.action.js'][695] = 0;
+  _$jscoverage['plugins/table.action.js'][697] = 0;
+  _$jscoverage['plugins/table.action.js'][707] = 0;
+  _$jscoverage['plugins/table.action.js'][708] = 0;
+  _$jscoverage['plugins/table.action.js'][709] = 0;
+  _$jscoverage['plugins/table.action.js'][712] = 0;
+  _$jscoverage['plugins/table.action.js'][713] = 0;
+  _$jscoverage['plugins/table.action.js'][714] = 0;
+  _$jscoverage['plugins/table.action.js'][715] = 0;
+  _$jscoverage['plugins/table.action.js'][719] = 0;
+  _$jscoverage['plugins/table.action.js'][720] = 0;
+  _$jscoverage['plugins/table.action.js'][721] = 0;
+  _$jscoverage['plugins/table.action.js'][722] = 0;
+  _$jscoverage['plugins/table.action.js'][723] = 0;
+  _$jscoverage['plugins/table.action.js'][726] = 0;
+  _$jscoverage['plugins/table.action.js'][727] = 0;
+  _$jscoverage['plugins/table.action.js'][728] = 0;
+  _$jscoverage['plugins/table.action.js'][729] = 0;
+  _$jscoverage['plugins/table.action.js'][731] = 0;
+  _$jscoverage['plugins/table.action.js'][732] = 0;
+  _$jscoverage['plugins/table.action.js'][733] = 0;
+  _$jscoverage['plugins/table.action.js'][736] = 0;
+  _$jscoverage['plugins/table.action.js'][740] = 0;
+  _$jscoverage['plugins/table.action.js'][741] = 0;
+  _$jscoverage['plugins/table.action.js'][742] = 0;
+  _$jscoverage['plugins/table.action.js'][744] = 0;
+  _$jscoverage['plugins/table.action.js'][750] = 0;
+  _$jscoverage['plugins/table.action.js'][752] = 0;
+  _$jscoverage['plugins/table.action.js'][753] = 0;
+  _$jscoverage['plugins/table.action.js'][756] = 0;
+  _$jscoverage['plugins/table.action.js'][759] = 0;
+  _$jscoverage['plugins/table.action.js'][763] = 0;
+  _$jscoverage['plugins/table.action.js'][765] = 0;
+  _$jscoverage['plugins/table.action.js'][767] = 0;
+  _$jscoverage['plugins/table.action.js'][768] = 0;
+  _$jscoverage['plugins/table.action.js'][769] = 0;
+  _$jscoverage['plugins/table.action.js'][770] = 0;
+  _$jscoverage['plugins/table.action.js'][772] = 0;
+  _$jscoverage['plugins/table.action.js'][777] = 0;
+  _$jscoverage['plugins/table.action.js'][778] = 0;
+  _$jscoverage['plugins/table.action.js'][779] = 0;
+  _$jscoverage['plugins/table.action.js'][780] = 0;
+  _$jscoverage['plugins/table.action.js'][781] = 0;
+  _$jscoverage['plugins/table.action.js'][782] = 0;
+  _$jscoverage['plugins/table.action.js'][783] = 0;
+  _$jscoverage['plugins/table.action.js'][784] = 0;
+  _$jscoverage['plugins/table.action.js'][785] = 0;
+  _$jscoverage['plugins/table.action.js'][786] = 0;
+  _$jscoverage['plugins/table.action.js'][788] = 0;
+  _$jscoverage['plugins/table.action.js'][791] = 0;
+  _$jscoverage['plugins/table.action.js'][793] = 0;
+  _$jscoverage['plugins/table.action.js'][794] = 0;
+  _$jscoverage['plugins/table.action.js'][795] = 0;
+  _$jscoverage['plugins/table.action.js'][796] = 0;
+  _$jscoverage['plugins/table.action.js'][799] = 0;
+  _$jscoverage['plugins/table.action.js'][800] = 0;
+  _$jscoverage['plugins/table.action.js'][801] = 0;
+  _$jscoverage['plugins/table.action.js'][802] = 0;
+  _$jscoverage['plugins/table.action.js'][803] = 0;
+  _$jscoverage['plugins/table.action.js'][804] = 0;
+  _$jscoverage['plugins/table.action.js'][806] = 0;
+  _$jscoverage['plugins/table.action.js'][807] = 0;
+  _$jscoverage['plugins/table.action.js'][808] = 0;
+  _$jscoverage['plugins/table.action.js'][809] = 0;
+  _$jscoverage['plugins/table.action.js'][810] = 0;
+  _$jscoverage['plugins/table.action.js'][813] = 0;
+  _$jscoverage['plugins/table.action.js'][817] = 0;
+  _$jscoverage['plugins/table.action.js'][821] = 0;
+  _$jscoverage['plugins/table.action.js'][825] = 0;
+  _$jscoverage['plugins/table.action.js'][827] = 0;
+  _$jscoverage['plugins/table.action.js'][828] = 0;
+  _$jscoverage['plugins/table.action.js'][829] = 0;
+  _$jscoverage['plugins/table.action.js'][830] = 0;
+  _$jscoverage['plugins/table.action.js'][831] = 0;
+  _$jscoverage['plugins/table.action.js'][834] = 0;
+  _$jscoverage['plugins/table.action.js'][838] = 0;
+  _$jscoverage['plugins/table.action.js'][839] = 0;
+  _$jscoverage['plugins/table.action.js'][841] = 0;
+  _$jscoverage['plugins/table.action.js'][842] = 0;
+  _$jscoverage['plugins/table.action.js'][843] = 0;
+  _$jscoverage['plugins/table.action.js'][844] = 0;
+  _$jscoverage['plugins/table.action.js'][845] = 0;
+  _$jscoverage['plugins/table.action.js'][846] = 0;
+  _$jscoverage['plugins/table.action.js'][847] = 0;
+  _$jscoverage['plugins/table.action.js'][848] = 0;
+  _$jscoverage['plugins/table.action.js'][850] = 0;
+  _$jscoverage['plugins/table.action.js'][851] = 0;
+  _$jscoverage['plugins/table.action.js'][853] = 0;
+  _$jscoverage['plugins/table.action.js'][854] = 0;
+  _$jscoverage['plugins/table.action.js'][856] = 0;
+  _$jscoverage['plugins/table.action.js'][857] = 0;
+  _$jscoverage['plugins/table.action.js'][859] = 0;
+  _$jscoverage['plugins/table.action.js'][860] = 0;
+  _$jscoverage['plugins/table.action.js'][862] = 0;
+  _$jscoverage['plugins/table.action.js'][864] = 0;
+  _$jscoverage['plugins/table.action.js'][866] = 0;
+  _$jscoverage['plugins/table.action.js'][867] = 0;
+  _$jscoverage['plugins/table.action.js'][868] = 0;
+  _$jscoverage['plugins/table.action.js'][872] = 0;
+  _$jscoverage['plugins/table.action.js'][873] = 0;
+  _$jscoverage['plugins/table.action.js'][874] = 0;
+  _$jscoverage['plugins/table.action.js'][878] = 0;
+  _$jscoverage['plugins/table.action.js'][879] = 0;
+  _$jscoverage['plugins/table.action.js'][882] = 0;
+  _$jscoverage['plugins/table.action.js'][897] = 0;
+  _$jscoverage['plugins/table.action.js'][898] = 0;
+  _$jscoverage['plugins/table.action.js'][901] = 0;
+  _$jscoverage['plugins/table.action.js'][902] = 0;
+  _$jscoverage['plugins/table.action.js'][904] = 0;
+  _$jscoverage['plugins/table.action.js'][906] = 0;
+  _$jscoverage['plugins/table.action.js'][915] = 0;
+  _$jscoverage['plugins/table.action.js'][916] = 0;
+  _$jscoverage['plugins/table.action.js'][917] = 0;
+  _$jscoverage['plugins/table.action.js'][918] = 0;
+  _$jscoverage['plugins/table.action.js'][924] = 0;
+  _$jscoverage['plugins/table.action.js'][925] = 0;
+  _$jscoverage['plugins/table.action.js'][927] = 0;
+  _$jscoverage['plugins/table.action.js'][934] = 0;
+  _$jscoverage['plugins/table.action.js'][935] = 0;
+  _$jscoverage['plugins/table.action.js'][936] = 0;
+  _$jscoverage['plugins/table.action.js'][938] = 0;
+  _$jscoverage['plugins/table.action.js'][940] = 0;
+  _$jscoverage['plugins/table.action.js'][947] = 0;
+  _$jscoverage['plugins/table.action.js'][948] = 0;
+  _$jscoverage['plugins/table.action.js'][949] = 0;
+  _$jscoverage['plugins/table.action.js'][950] = 0;
+  _$jscoverage['plugins/table.action.js'][951] = 0;
+  _$jscoverage['plugins/table.action.js'][952] = 0;
+  _$jscoverage['plugins/table.action.js'][953] = 0;
+  _$jscoverage['plugins/table.action.js'][955] = 0;
+  _$jscoverage['plugins/table.action.js'][958] = 0;
+  _$jscoverage['plugins/table.action.js'][960] = 0;
+  _$jscoverage['plugins/table.action.js'][968] = 0;
+  _$jscoverage['plugins/table.action.js'][970] = 0;
+  _$jscoverage['plugins/table.action.js'][973] = 0;
+  _$jscoverage['plugins/table.action.js'][974] = 0;
+  _$jscoverage['plugins/table.action.js'][975] = 0;
+  _$jscoverage['plugins/table.action.js'][976] = 0;
+  _$jscoverage['plugins/table.action.js'][977] = 0;
+  _$jscoverage['plugins/table.action.js'][979] = 0;
+  _$jscoverage['plugins/table.action.js'][989] = 0;
+  _$jscoverage['plugins/table.action.js'][990] = 0;
+  _$jscoverage['plugins/table.action.js'][993] = 0;
+  _$jscoverage['plugins/table.action.js'][995] = 0;
+  _$jscoverage['plugins/table.action.js'][999] = 0;
+  _$jscoverage['plugins/table.action.js'][1006] = 0;
+  _$jscoverage['plugins/table.action.js'][1008] = 0;
+  _$jscoverage['plugins/table.action.js'][1017] = 0;
+  _$jscoverage['plugins/table.action.js'][1024] = 0;
+  _$jscoverage['plugins/table.action.js'][1026] = 0;
+  _$jscoverage['plugins/table.action.js'][1028] = 0;
+  _$jscoverage['plugins/table.action.js'][1037] = 0;
+  _$jscoverage['plugins/table.action.js'][1038] = 0;
+  _$jscoverage['plugins/table.action.js'][1040] = 0;
+  _$jscoverage['plugins/table.action.js'][1041] = 0;
+  _$jscoverage['plugins/table.action.js'][1044] = 0;
+  _$jscoverage['plugins/table.action.js'][1045] = 0;
+  _$jscoverage['plugins/table.action.js'][1047] = 0;
+  _$jscoverage['plugins/table.action.js'][1048] = 0;
+  _$jscoverage['plugins/table.action.js'][1050] = 0;
+  _$jscoverage['plugins/table.action.js'][1051] = 0;
+  _$jscoverage['plugins/table.action.js'][1053] = 0;
+  _$jscoverage['plugins/table.action.js'][1054] = 0;
+  _$jscoverage['plugins/table.action.js'][1056] = 0;
+  _$jscoverage['plugins/table.action.js'][1059] = 0;
+  _$jscoverage['plugins/table.action.js'][1061] = 0;
+  _$jscoverage['plugins/table.action.js'][1062] = 0;
+  _$jscoverage['plugins/table.action.js'][1065] = 0;
+  _$jscoverage['plugins/table.action.js'][1071] = 0;
+  _$jscoverage['plugins/table.action.js'][1072] = 0;
+  _$jscoverage['plugins/table.action.js'][1075] = 0;
+  _$jscoverage['plugins/table.action.js'][1076] = 0;
+  _$jscoverage['plugins/table.action.js'][1077] = 0;
+  _$jscoverage['plugins/table.action.js'][1078] = 0;
+  _$jscoverage['plugins/table.action.js'][1079] = 0;
+  _$jscoverage['plugins/table.action.js'][1082] = 0;
+  _$jscoverage['plugins/table.action.js'][1083] = 0;
+  _$jscoverage['plugins/table.action.js'][1084] = 0;
+  _$jscoverage['plugins/table.action.js'][1086] = 0;
+  _$jscoverage['plugins/table.action.js'][1087] = 0;
+  _$jscoverage['plugins/table.action.js'][1088] = 0;
+  _$jscoverage['plugins/table.action.js'][1094] = 0;
+  _$jscoverage['plugins/table.action.js'][1100] = 0;
+  _$jscoverage['plugins/table.action.js'][1101] = 0;
+  _$jscoverage['plugins/table.action.js'][1102] = 0;
+  _$jscoverage['plugins/table.action.js'][1106] = 0;
+  _$jscoverage['plugins/table.action.js'][1107] = 0;
+  _$jscoverage['plugins/table.action.js'][1108] = 0;
+  _$jscoverage['plugins/table.action.js'][1109] = 0;
+  _$jscoverage['plugins/table.action.js'][1110] = 0;
+  _$jscoverage['plugins/table.action.js'][1111] = 0;
+  _$jscoverage['plugins/table.action.js'][1112] = 0;
+  _$jscoverage['plugins/table.action.js'][1114] = 0;
+  _$jscoverage['plugins/table.action.js'][1116] = 0;
+  _$jscoverage['plugins/table.action.js'][1117] = 0;
+  _$jscoverage['plugins/table.action.js'][1118] = 0;
+  _$jscoverage['plugins/table.action.js'][1119] = 0;
+  _$jscoverage['plugins/table.action.js'][1121] = 0;
+  _$jscoverage['plugins/table.action.js'][1122] = 0;
+  _$jscoverage['plugins/table.action.js'][1123] = 0;
+  _$jscoverage['plugins/table.action.js'][1124] = 0;
+  _$jscoverage['plugins/table.action.js'][1128] = 0;
+  _$jscoverage['plugins/table.action.js'][1129] = 0;
+  _$jscoverage['plugins/table.action.js'][1133] = 0;
+  _$jscoverage['plugins/table.action.js'][1135] = 0;
+  _$jscoverage['plugins/table.action.js'][1137] = 0;
+  _$jscoverage['plugins/table.action.js'][1140] = 0;
+  _$jscoverage['plugins/table.action.js'][1142] = 0;
+  _$jscoverage['plugins/table.action.js'][1146] = 0;
+  _$jscoverage['plugins/table.action.js'][1148] = 0;
+  _$jscoverage['plugins/table.action.js'][1152] = 0;
+  _$jscoverage['plugins/table.action.js'][1155] = 0;
+  _$jscoverage['plugins/table.action.js'][1157] = 0;
+  _$jscoverage['plugins/table.action.js'][1159] = 0;
+  _$jscoverage['plugins/table.action.js'][1161] = 0;
+  _$jscoverage['plugins/table.action.js'][1162] = 0;
+  _$jscoverage['plugins/table.action.js'][1163] = 0;
+  _$jscoverage['plugins/table.action.js'][1166] = 0;
+  _$jscoverage['plugins/table.action.js'][1170] = 0;
+  _$jscoverage['plugins/table.action.js'][1172] = 0;
+  _$jscoverage['plugins/table.action.js'][1174] = 0;
+  _$jscoverage['plugins/table.action.js'][1194] = 0;
+  _$jscoverage['plugins/table.action.js'][1196] = 0;
+  _$jscoverage['plugins/table.action.js'][1199] = 0;
+  _$jscoverage['plugins/table.action.js'][1200] = 0;
+  _$jscoverage['plugins/table.action.js'][1202] = 0;
+  _$jscoverage['plugins/table.action.js'][1203] = 0;
+  _$jscoverage['plugins/table.action.js'][1204] = 0;
+  _$jscoverage['plugins/table.action.js'][1205] = 0;
+  _$jscoverage['plugins/table.action.js'][1206] = 0;
+  _$jscoverage['plugins/table.action.js'][1209] = 0;
+  _$jscoverage['plugins/table.action.js'][1210] = 0;
+  _$jscoverage['plugins/table.action.js'][1211] = 0;
+  _$jscoverage['plugins/table.action.js'][1212] = 0;
+  _$jscoverage['plugins/table.action.js'][1215] = 0;
+  _$jscoverage['plugins/table.action.js'][1222] = 0;
+  _$jscoverage['plugins/table.action.js'][1224] = 0;
+  _$jscoverage['plugins/table.action.js'][1225] = 0;
+  _$jscoverage['plugins/table.action.js'][1228] = 0;
+  _$jscoverage['plugins/table.action.js'][1231] = 0;
+  _$jscoverage['plugins/table.action.js'][1233] = 0;
+  _$jscoverage['plugins/table.action.js'][1234] = 0;
+  _$jscoverage['plugins/table.action.js'][1239] = 0;
+  _$jscoverage['plugins/table.action.js'][1241] = 0;
+  _$jscoverage['plugins/table.action.js'][1244] = 0;
+  _$jscoverage['plugins/table.action.js'][1246] = 0;
+  _$jscoverage['plugins/table.action.js'][1248] = 0;
+  _$jscoverage['plugins/table.action.js'][1249] = 0;
+  _$jscoverage['plugins/table.action.js'][1254] = 0;
+  _$jscoverage['plugins/table.action.js'][1258] = 0;
+  _$jscoverage['plugins/table.action.js'][1259] = 0;
+  _$jscoverage['plugins/table.action.js'][1260] = 0;
+  _$jscoverage['plugins/table.action.js'][1263] = 0;
+  _$jscoverage['plugins/table.action.js'][1265] = 0;
+  _$jscoverage['plugins/table.action.js'][1268] = 0;
+  _$jscoverage['plugins/table.action.js'][1270] = 0;
+  _$jscoverage['plugins/table.action.js'][1271] = 0;
+  _$jscoverage['plugins/table.action.js'][1272] = 0;
+  _$jscoverage['plugins/table.action.js'][1277] = 0;
+  _$jscoverage['plugins/table.action.js'][1282] = 0;
+  _$jscoverage['plugins/table.action.js'][1284] = 0;
+  _$jscoverage['plugins/table.action.js'][1286] = 0;
+  _$jscoverage['plugins/table.action.js'][1287] = 0;
+  _$jscoverage['plugins/table.action.js'][1289] = 0;
+  _$jscoverage['plugins/table.action.js'][1290] = 0;
+  _$jscoverage['plugins/table.action.js'][1291] = 0;
+  _$jscoverage['plugins/table.action.js'][1293] = 0;
+  _$jscoverage['plugins/table.action.js'][1294] = 0;
+  _$jscoverage['plugins/table.action.js'][1295] = 0;
+  _$jscoverage['plugins/table.action.js'][1296] = 0;
+  _$jscoverage['plugins/table.action.js'][1297] = 0;
+  _$jscoverage['plugins/table.action.js'][1299] = 0;
+  _$jscoverage['plugins/table.action.js'][1300] = 0;
+  _$jscoverage['plugins/table.action.js'][1303] = 0;
+  _$jscoverage['plugins/table.action.js'][1305] = 0;
+  _$jscoverage['plugins/table.action.js'][1306] = 0;
+  _$jscoverage['plugins/table.action.js'][1309] = 0;
+  _$jscoverage['plugins/table.action.js'][1311] = 0;
+  _$jscoverage['plugins/table.action.js'][1313] = 0;
+  _$jscoverage['plugins/table.action.js'][1314] = 0;
+  _$jscoverage['plugins/table.action.js'][1316] = 0;
+  _$jscoverage['plugins/table.action.js'][1321] = 0;
+  _$jscoverage['plugins/table.action.js'][1322] = 0;
+  _$jscoverage['plugins/table.action.js'][1325] = 0;
+  _$jscoverage['plugins/table.action.js'][1327] = 0;
+  _$jscoverage['plugins/table.action.js'][1328] = 0;
+  _$jscoverage['plugins/table.action.js'][1329] = 0;
+  _$jscoverage['plugins/table.action.js'][1335] = 0;
+  _$jscoverage['plugins/table.action.js'][1336] = 0;
+  _$jscoverage['plugins/table.action.js'][1338] = 0;
+  _$jscoverage['plugins/table.action.js'][1342] = 0;
+  _$jscoverage['plugins/table.action.js'][1343] = 0;
+  _$jscoverage['plugins/table.action.js'][1344] = 0;
+  _$jscoverage['plugins/table.action.js'][1345] = 0;
+  _$jscoverage['plugins/table.action.js'][1346] = 0;
+  _$jscoverage['plugins/table.action.js'][1347] = 0;
+  _$jscoverage['plugins/table.action.js'][1350] = 0;
+  _$jscoverage['plugins/table.action.js'][1353] = 0;
+  _$jscoverage['plugins/table.action.js'][1354] = 0;
+  _$jscoverage['plugins/table.action.js'][1356] = 0;
+  _$jscoverage['plugins/table.action.js'][1358] = 0;
+  _$jscoverage['plugins/table.action.js'][1360] = 0;
+  _$jscoverage['plugins/table.action.js'][1361] = 0;
+  _$jscoverage['plugins/table.action.js'][1363] = 0;
+  _$jscoverage['plugins/table.action.js'][1366] = 0;
+  _$jscoverage['plugins/table.action.js'][1368] = 0;
+  _$jscoverage['plugins/table.action.js'][1369] = 0;
+  _$jscoverage['plugins/table.action.js'][1371] = 0;
+  _$jscoverage['plugins/table.action.js'][1372] = 0;
+  _$jscoverage['plugins/table.action.js'][1375] = 0;
+  _$jscoverage['plugins/table.action.js'][1376] = 0;
+  _$jscoverage['plugins/table.action.js'][1378] = 0;
+  _$jscoverage['plugins/table.action.js'][1379] = 0;
+  _$jscoverage['plugins/table.action.js'][1380] = 0;
+  _$jscoverage['plugins/table.action.js'][1383] = 0;
+  _$jscoverage['plugins/table.action.js'][1384] = 0;
+  _$jscoverage['plugins/table.action.js'][1385] = 0;
+  _$jscoverage['plugins/table.action.js'][1386] = 0;
+  _$jscoverage['plugins/table.action.js'][1387] = 0;
+  _$jscoverage['plugins/table.action.js'][1388] = 0;
+  _$jscoverage['plugins/table.action.js'][1389] = 0;
+  _$jscoverage['plugins/table.action.js'][1392] = 0;
+  _$jscoverage['plugins/table.action.js'][1394] = 0;
+  _$jscoverage['plugins/table.action.js'][1395] = 0;
+  _$jscoverage['plugins/table.action.js'][1396] = 0;
+  _$jscoverage['plugins/table.action.js'][1397] = 0;
+  _$jscoverage['plugins/table.action.js'][1399] = 0;
+  _$jscoverage['plugins/table.action.js'][1402] = 0;
+  _$jscoverage['plugins/table.action.js'][1403] = 0;
+  _$jscoverage['plugins/table.action.js'][1404] = 0;
+  _$jscoverage['plugins/table.action.js'][1407] = 0;
+  _$jscoverage['plugins/table.action.js'][1408] = 0;
+  _$jscoverage['plugins/table.action.js'][1412] = 0;
+  _$jscoverage['plugins/table.action.js'][1413] = 0;
+  _$jscoverage['plugins/table.action.js'][1415] = 0;
+  _$jscoverage['plugins/table.action.js'][1418] = 0;
+  _$jscoverage['plugins/table.action.js'][1420] = 0;
+  _$jscoverage['plugins/table.action.js'][1421] = 0;
+  _$jscoverage['plugins/table.action.js'][1424] = 0;
+  _$jscoverage['plugins/table.action.js'][1426] = 0;
+  _$jscoverage['plugins/table.action.js'][1428] = 0;
+  _$jscoverage['plugins/table.action.js'][1431] = 0;
+  _$jscoverage['plugins/table.action.js'][1432] = 0;
+  _$jscoverage['plugins/table.action.js'][1433] = 0;
+  _$jscoverage['plugins/table.action.js'][1434] = 0;
+  _$jscoverage['plugins/table.action.js'][1435] = 0;
+  _$jscoverage['plugins/table.action.js'][1436] = 0;
+  _$jscoverage['plugins/table.action.js'][1438] = 0;
+  _$jscoverage['plugins/table.action.js'][1439] = 0;
+  _$jscoverage['plugins/table.action.js'][1443] = 0;
+  _$jscoverage['plugins/table.action.js'][1446] = 0;
+  _$jscoverage['plugins/table.action.js'][1447] = 0;
+  _$jscoverage['plugins/table.action.js'][1449] = 0;
+  _$jscoverage['plugins/table.action.js'][1450] = 0;
+  _$jscoverage['plugins/table.action.js'][1451] = 0;
+  _$jscoverage['plugins/table.action.js'][1454] = 0;
+  _$jscoverage['plugins/table.action.js'][1455] = 0;
+  _$jscoverage['plugins/table.action.js'][1456] = 0;
+  _$jscoverage['plugins/table.action.js'][1459] = 0;
+  _$jscoverage['plugins/table.action.js'][1461] = 0;
+  _$jscoverage['plugins/table.action.js'][1462] = 0;
+  _$jscoverage['plugins/table.action.js'][1465] = 0;
+  _$jscoverage['plugins/table.action.js'][1468] = 0;
+  _$jscoverage['plugins/table.action.js'][1469] = 0;
+  _$jscoverage['plugins/table.action.js'][1472] = 0;
+  _$jscoverage['plugins/table.action.js'][1474] = 0;
+  _$jscoverage['plugins/table.action.js'][1476] = 0;
+  _$jscoverage['plugins/table.action.js'][1478] = 0;
+  _$jscoverage['plugins/table.action.js'][1480] = 0;
+  _$jscoverage['plugins/table.action.js'][1481] = 0;
+  _$jscoverage['plugins/table.action.js'][1487] = 0;
+  _$jscoverage['plugins/table.action.js'][1488] = 0;
+  _$jscoverage['plugins/table.action.js'][1496] = 0;
+  _$jscoverage['plugins/table.action.js'][1497] = 0;
+  _$jscoverage['plugins/table.action.js'][1500] = 0;
+  _$jscoverage['plugins/table.action.js'][1501] = 0;
+  _$jscoverage['plugins/table.action.js'][1502] = 0;
+  _$jscoverage['plugins/table.action.js'][1503] = 0;
+  _$jscoverage['plugins/table.action.js'][1504] = 0;
+  _$jscoverage['plugins/table.action.js'][1507] = 0;
+  _$jscoverage['plugins/table.action.js'][1508] = 0;
+  _$jscoverage['plugins/table.action.js'][1518] = 0;
+  _$jscoverage['plugins/table.action.js'][1520] = 0;
+  _$jscoverage['plugins/table.action.js'][1521] = 0;
+  _$jscoverage['plugins/table.action.js'][1524] = 0;
+  _$jscoverage['plugins/table.action.js'][1525] = 0;
+  _$jscoverage['plugins/table.action.js'][1529] = 0;
+  _$jscoverage['plugins/table.action.js'][1534] = 0;
+  _$jscoverage['plugins/table.action.js'][1536] = 0;
+  _$jscoverage['plugins/table.action.js'][1537] = 0;
+  _$jscoverage['plugins/table.action.js'][1539] = 0;
+  _$jscoverage['plugins/table.action.js'][1542] = 0;
+  _$jscoverage['plugins/table.action.js'][1545] = 0;
+  _$jscoverage['plugins/table.action.js'][1547] = 0;
+  _$jscoverage['plugins/table.action.js'][1549] = 0;
+  _$jscoverage['plugins/table.action.js'][1552] = 0;
+  _$jscoverage['plugins/table.action.js'][1554] = 0;
+  _$jscoverage['plugins/table.action.js'][1556] = 0;
+  _$jscoverage['plugins/table.action.js'][1558] = 0;
+  _$jscoverage['plugins/table.action.js'][1563] = 0;
+  _$jscoverage['plugins/table.action.js'][1565] = 0;
+  _$jscoverage['plugins/table.action.js'][1567] = 0;
+  _$jscoverage['plugins/table.action.js'][1568] = 0;
+  _$jscoverage['plugins/table.action.js'][1573] = 0;
+  _$jscoverage['plugins/table.action.js'][1581] = 0;
+  _$jscoverage['plugins/table.action.js'][1589] = 0;
+  _$jscoverage['plugins/table.action.js'][1591] = 0;
+  _$jscoverage['plugins/table.action.js'][1593] = 0;
+  _$jscoverage['plugins/table.action.js'][1595] = 0;
+  _$jscoverage['plugins/table.action.js'][1599] = 0;
+  _$jscoverage['plugins/table.action.js'][1603] = 0;
+  _$jscoverage['plugins/table.action.js'][1606] = 0;
+  _$jscoverage['plugins/table.action.js'][1608] = 0;
+  _$jscoverage['plugins/table.action.js'][1609] = 0;
+  _$jscoverage['plugins/table.action.js'][1612] = 0;
+  _$jscoverage['plugins/table.action.js'][1615] = 0;
+  _$jscoverage['plugins/table.action.js'][1617] = 0;
+  _$jscoverage['plugins/table.action.js'][1620] = 0;
+  _$jscoverage['plugins/table.action.js'][1622] = 0;
+  _$jscoverage['plugins/table.action.js'][1625] = 0;
+  _$jscoverage['plugins/table.action.js'][1626] = 0;
+  _$jscoverage['plugins/table.action.js'][1634] = 0;
+  _$jscoverage['plugins/table.action.js'][1636] = 0;
+  _$jscoverage['plugins/table.action.js'][1640] = 0;
+  _$jscoverage['plugins/table.action.js'][1642] = 0;
+  _$jscoverage['plugins/table.action.js'][1648] = 0;
+  _$jscoverage['plugins/table.action.js'][1650] = 0;
+  _$jscoverage['plugins/table.action.js'][1654] = 0;
+  _$jscoverage['plugins/table.action.js'][1656] = 0;
+  _$jscoverage['plugins/table.action.js'][1657] = 0;
+  _$jscoverage['plugins/table.action.js'][1661] = 0;
+  _$jscoverage['plugins/table.action.js'][1668] = 0;
+  _$jscoverage['plugins/table.action.js'][1670] = 0;
+  _$jscoverage['plugins/table.action.js'][1672] = 0;
+  _$jscoverage['plugins/table.action.js'][1674] = 0;
+  _$jscoverage['plugins/table.action.js'][1676] = 0;
+  _$jscoverage['plugins/table.action.js'][1679] = 0;
+  _$jscoverage['plugins/table.action.js'][1682] = 0;
+  _$jscoverage['plugins/table.action.js'][1687] = 0;
+  _$jscoverage['plugins/table.action.js'][1691] = 0;
+  _$jscoverage['plugins/table.action.js'][1693] = 0;
+  _$jscoverage['plugins/table.action.js'][1695] = 0;
+  _$jscoverage['plugins/table.action.js'][1702] = 0;
+  _$jscoverage['plugins/table.action.js'][1703] = 0;
+  _$jscoverage['plugins/table.action.js'][1705] = 0;
+  _$jscoverage['plugins/table.action.js'][1706] = 0;
+  _$jscoverage['plugins/table.action.js'][1708] = 0;
+  _$jscoverage['plugins/table.action.js'][1710] = 0;
+  _$jscoverage['plugins/table.action.js'][1712] = 0;
+  _$jscoverage['plugins/table.action.js'][1714] = 0;
+  _$jscoverage['plugins/table.action.js'][1716] = 0;
+  _$jscoverage['plugins/table.action.js'][1718] = 0;
+  _$jscoverage['plugins/table.action.js'][1720] = 0;
+  _$jscoverage['plugins/table.action.js'][1721] = 0;
+  _$jscoverage['plugins/table.action.js'][1723] = 0;
+  _$jscoverage['plugins/table.action.js'][1725] = 0;
+  _$jscoverage['plugins/table.action.js'][1727] = 0;
+  _$jscoverage['plugins/table.action.js'][1731] = 0;
+  _$jscoverage['plugins/table.action.js'][1733] = 0;
+  _$jscoverage['plugins/table.action.js'][1737] = 0;
+  _$jscoverage['plugins/table.action.js'][1738] = 0;
+  _$jscoverage['plugins/table.action.js'][1739] = 0;
+  _$jscoverage['plugins/table.action.js'][1740] = 0;
+  _$jscoverage['plugins/table.action.js'][1749] = 0;
+  _$jscoverage['plugins/table.action.js'][1752] = 0;
+  _$jscoverage['plugins/table.action.js'][1753] = 0;
+  _$jscoverage['plugins/table.action.js'][1754] = 0;
+  _$jscoverage['plugins/table.action.js'][1755] = 0;
+  _$jscoverage['plugins/table.action.js'][1756] = 0;
+  _$jscoverage['plugins/table.action.js'][1765] = 0;
+  _$jscoverage['plugins/table.action.js'][1766] = 0;
+  _$jscoverage['plugins/table.action.js'][1767] = 0;
+  _$jscoverage['plugins/table.action.js'][1773] = 0;
+  _$jscoverage['plugins/table.action.js'][1775] = 0;
+  _$jscoverage['plugins/table.action.js'][1776] = 0;
+  _$jscoverage['plugins/table.action.js'][1777] = 0;
+  _$jscoverage['plugins/table.action.js'][1779] = 0;
+  _$jscoverage['plugins/table.action.js'][1781] = 0;
+  _$jscoverage['plugins/table.action.js'][1782] = 0;
+  _$jscoverage['plugins/table.action.js'][1792] = 0;
+  _$jscoverage['plugins/table.action.js'][1793] = 0;
+  _$jscoverage['plugins/table.action.js'][1794] = 0;
+  _$jscoverage['plugins/table.action.js'][1795] = 0;
+  _$jscoverage['plugins/table.action.js'][1796] = 0;
+  _$jscoverage['plugins/table.action.js'][1797] = 0;
+  _$jscoverage['plugins/table.action.js'][1798] = 0;
+  _$jscoverage['plugins/table.action.js'][1799] = 0;
+  _$jscoverage['plugins/table.action.js'][1800] = 0;
+  _$jscoverage['plugins/table.action.js'][1802] = 0;
+  _$jscoverage['plugins/table.action.js'][1809] = 0;
+  _$jscoverage['plugins/table.action.js'][1810] = 0;
+  _$jscoverage['plugins/table.action.js'][1811] = 0;
+  _$jscoverage['plugins/table.action.js'][1817] = 0;
+  _$jscoverage['plugins/table.action.js'][1819] = 0;
+  _$jscoverage['plugins/table.action.js'][1822] = 0;
+  _$jscoverage['plugins/table.action.js'][1823] = 0;
+  _$jscoverage['plugins/table.action.js'][1826] = 0;
+  _$jscoverage['plugins/table.action.js'][1830] = 0;
+  _$jscoverage['plugins/table.action.js'][1831] = 0;
+  _$jscoverage['plugins/table.action.js'][1834] = 0;
+  _$jscoverage['plugins/table.action.js'][1836] = 0;
+  _$jscoverage['plugins/table.action.js'][1839] = 0;
+  _$jscoverage['plugins/table.action.js'][1840] = 0;
+  _$jscoverage['plugins/table.action.js'][1843] = 0;
+  _$jscoverage['plugins/table.action.js'][1845] = 0;
+  _$jscoverage['plugins/table.action.js'][1848] = 0;
+  _$jscoverage['plugins/table.action.js'][1849] = 0;
+  _$jscoverage['plugins/table.action.js'][1856] = 0;
+}
+_$jscoverage['plugins/table.action.js'].source = ["<span class=\"c\">/*</span>","<span class=\"c\"> * Created with JetBrains PhpStorm.</span>","<span class=\"c\"> * User: taoqili</span>","<span class=\"c\"> * Date: 12-10-12</span>","<span class=\"c\"> * Time: &#19978;&#21320;10:05</span>","<span class=\"c\"> * To change this template use File | Settings | File Templates.</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'table'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        tabTimer <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","        <span class=\"c\">//&#25302;&#21160;&#35745;&#26102;&#22120;</span>","        tableDragTimer <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","        <span class=\"c\">//&#21452;&#20987;&#35745;&#26102;&#22120;</span>","        tableResizeTimer <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","        <span class=\"c\">//&#21333;&#20803;&#26684;&#26368;&#23567;&#23485;&#24230;</span>","        cellMinWidth <span class=\"k\">=</span> <span class=\"s\">5</span><span class=\"k\">,</span>","        isInResizeBuffer <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">,</span>","        <span class=\"c\">//&#21333;&#20803;&#26684;&#36793;&#26694;&#22823;&#23567;</span>","        cellBorderWidth <span class=\"k\">=</span> <span class=\"s\">5</span><span class=\"k\">,</span>","        <span class=\"c\">//&#40736;&#26631;&#20559;&#31227;&#36317;&#31163;</span>","        offsetOfTableCell <span class=\"k\">=</span> <span class=\"s\">10</span><span class=\"k\">,</span>","        <span class=\"c\">//&#35760;&#24405;&#22312;&#26377;&#38480;&#26102;&#38388;&#20869;&#30340;&#28857;&#20987;&#29366;&#24577;&#65292; &#20849;&#26377;3&#20010;&#21462;&#20540;&#65292; 0, 1, 2&#12290; 0&#20195;&#34920;&#26410;&#21021;&#22987;&#21270;&#65292; 1&#20195;&#34920;&#21333;&#20987;&#20102;1&#27425;&#65292;2&#20195;&#34920;2&#27425;</span>","        singleClickState <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","        userActionStatus <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","        <span class=\"c\">//&#21452;&#20987;&#20801;&#35768;&#30340;&#26102;&#38388;&#33539;&#22260;</span>","        dblclickTime <span class=\"k\">=</span> <span class=\"s\">360</span><span class=\"k\">,</span>","        UT <span class=\"k\">=</span> UE<span class=\"k\">.</span>UETable<span class=\"k\">,</span>","        getUETable <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>tdOrTable<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> UT<span class=\"k\">.</span>getUETable<span class=\"k\">(</span>tdOrTable<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getUETableBySelected <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> UT<span class=\"k\">.</span>getUETableBySelected<span class=\"k\">(</span>editor<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getDefaultValue <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> table<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> UT<span class=\"k\">.</span>getDefaultValue<span class=\"k\">(</span>editor<span class=\"k\">,</span> table<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        removeSelectedClass <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cells<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> UT<span class=\"k\">.</span>removeSelectedClass<span class=\"k\">(</span>cells<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"k\">function</span> showError<span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","<span class=\"c\">//        throw e;</span>","    <span class=\"k\">}</span>","    me<span class=\"k\">.</span>ready<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> orgGetText <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getText<span class=\"k\">;</span>","        me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getText <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>table<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> str <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>table<span class=\"k\">.</span>selectedTds<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>td<span class=\"k\">)</span><span class=\"k\">{</span>","                    str <span class=\"k\">+=</span> td<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie<span class=\"k\">?</span><span class=\"s\">'innerText'</span><span class=\"k\">:</span><span class=\"s\">'textContent'</span><span class=\"k\">];</span>","                <span class=\"k\">}</span><span class=\"k\">)</span>","                <span class=\"k\">return</span> str<span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> orgGetText<span class=\"k\">.</span>call<span class=\"k\">(</span>me<span class=\"k\">.</span>selection<span class=\"k\">)</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">)</span>","","    <span class=\"c\">//&#22788;&#29702;&#25302;&#21160;&#21450;&#26694;&#36873;&#30456;&#20851;&#26041;&#27861;</span>","    <span class=\"k\">var</span> startTd <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"c\">//&#40736;&#26631;&#25353;&#19979;&#26102;&#30340;&#38170;&#28857;td</span>","        currentTd <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"c\">//&#24403;&#21069;&#40736;&#26631;&#32463;&#36807;&#26102;&#30340;td</span>","        onDrag <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">,</span> <span class=\"c\">//&#25351;&#31034;&#24403;&#21069;&#25302;&#21160;&#29366;&#24577;&#65292;&#20854;&#20540;&#21487;&#20026;\"\",\"h\",\"v\" ,&#20998;&#21035;&#34920;&#31034;&#26410;&#25302;&#21160;&#29366;&#24577;&#65292;&#27178;&#21521;&#25302;&#21160;&#29366;&#24577;&#65292;&#32437;&#21521;&#25302;&#21160;&#29366;&#24577;&#65292;&#29992;&#20110;&#40736;&#26631;&#31227;&#21160;&#36807;&#31243;&#20013;&#30340;&#21028;&#26029;</span>","        onBorder <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"c\">//&#26816;&#27979;&#40736;&#26631;&#25353;&#19979;&#26102;&#26159;&#21542;&#22788;&#22312;&#21333;&#20803;&#26684;&#36793;&#32536;&#20301;&#32622;</span>","        dragButton <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","        dragOver <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">,</span>","        dragLine <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span> <span class=\"c\">//&#27169;&#25311;&#30340;&#25302;&#21160;&#32447;</span>","        dragTd <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>    <span class=\"c\">//&#21457;&#29983;&#25302;&#21160;&#30340;&#30446;&#26631;td</span>","","    <span class=\"k\">var</span> mousedown <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">,</span>","    <span class=\"c\">//todo &#21028;&#26029;&#28151;&#20081;&#27169;&#24335;</span>","        needIEHack <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","","    me<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","        <span class=\"s\">'maxColNum'</span><span class=\"k\">:</span><span class=\"s\">20</span><span class=\"k\">,</span>","        <span class=\"s\">'maxRowNum'</span><span class=\"k\">:</span><span class=\"s\">100</span><span class=\"k\">,</span>","        <span class=\"s\">'defaultCols'</span><span class=\"k\">:</span><span class=\"s\">5</span><span class=\"k\">,</span>","        <span class=\"s\">'defaultRows'</span><span class=\"k\">:</span><span class=\"s\">5</span><span class=\"k\">,</span>","        <span class=\"s\">'tdvalign'</span><span class=\"k\">:</span><span class=\"s\">'top'</span><span class=\"k\">,</span>","        <span class=\"s\">'cursorpath'</span><span class=\"k\">:</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">+</span> <span class=\"s\">\"themes/default/images/cursor_\"</span><span class=\"k\">,</span>","        <span class=\"s\">'tableDragable'</span><span class=\"k\">:</span><span class=\"k\">false</span><span class=\"k\">,</span>","        <span class=\"s\">'classList'</span><span class=\"k\">:[</span><span class=\"s\">\"ue-table-interlace-color-single\"</span><span class=\"k\">,</span><span class=\"s\">\"ue-table-interlace-color-double\"</span><span class=\"k\">]</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>getUETable <span class=\"k\">=</span> getUETable<span class=\"k\">;</span>","    <span class=\"k\">var</span> commands <span class=\"k\">=</span> <span class=\"k\">{</span>","        <span class=\"s\">'deletetable'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">'inserttable'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">'cellvalign'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">'insertcaption'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">'deletecaption'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">'inserttitle'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">'deletetitle'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"mergeright\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"mergedown\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"mergecells\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"insertrow\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"insertrownext\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"deleterow\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"insertcol\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"insertcolnext\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"deletecol\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"splittocells\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"splittorows\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"splittocols\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"adaptbytext\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"adaptbywindow\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"adaptbycustomer\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"insertparagraph\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"insertparagraphbeforetable\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"averagedistributecol\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","        <span class=\"s\">\"averagedistributerow\"</span><span class=\"k\">:</span><span class=\"s\">1</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>ready<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        utils<span class=\"k\">.</span>cssRule<span class=\"k\">(</span><span class=\"s\">'table'</span><span class=\"k\">,</span>","            <span class=\"c\">//&#36873;&#20013;&#30340;td&#19978;&#30340;&#26679;&#24335;</span>","            <span class=\"s\">'.selectTdClass{background-color:#edf5fa !important}'</span> <span class=\"k\">+</span>","                <span class=\"s\">'table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}'</span> <span class=\"k\">+</span>","                <span class=\"c\">//&#25554;&#20837;&#30340;&#34920;&#26684;&#30340;&#40664;&#35748;&#26679;&#24335;</span>","                <span class=\"s\">'table{margin-bottom:10px;border-collapse:collapse;display:table;}'</span> <span class=\"k\">+</span>","                <span class=\"s\">'td,th{padding: 5px 10px;border: 1px solid #DDD;}'</span> <span class=\"k\">+</span>","                <span class=\"s\">'caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}'</span> <span class=\"k\">+</span>","                <span class=\"s\">'th{border-top:2px solid #BBB;background:#F7F7F7;}'</span> <span class=\"k\">+</span>","                <span class=\"s\">'.ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; }'</span> <span class=\"k\">+</span>","                <span class=\"s\">'td p{margin:0;padding:0;}'</span><span class=\"k\">,</span> me<span class=\"k\">.</span>document<span class=\"k\">);</span>","","        <span class=\"k\">var</span> tableCopyList<span class=\"k\">,</span> isFullCol<span class=\"k\">,</span> isFullRow<span class=\"k\">;</span>","        <span class=\"c\">//&#27880;&#20876;del/backspace&#20107;&#20214;</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">8</span><span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ut <span class=\"k\">&amp;&amp;</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>isFullCol<span class=\"k\">())</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'deletecol'</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>isFullRow<span class=\"k\">())</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'deleterow'</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'delcells'</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">var</span> caption <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span> <span class=\"s\">'caption'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">),</span>","                    range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>collapsed <span class=\"k\">&amp;&amp;</span> caption <span class=\"k\">&amp;&amp;</span> isEmptyBlock<span class=\"k\">(</span>caption<span class=\"k\">))</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> table <span class=\"k\">=</span> caption<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>caption<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">46</span><span class=\"k\">)</span> <span class=\"k\">{</span>","","                ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> ci<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                    domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">13</span><span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                    caption <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'caption'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>caption<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>caption<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>rng<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","","                        rng<span class=\"k\">.</span>deleteContents<span class=\"k\">();</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>caption<span class=\"k\">)</span> <span class=\"k\">{</span>","                            rng<span class=\"k\">.</span>setStart<span class=\"k\">(</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>rng<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> cell <span class=\"k\">=</span> table<span class=\"k\">.</span>rows<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span>","                            start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span> <span class=\"k\">[</span><span class=\"s\">'td'</span><span class=\"k\">,</span> <span class=\"s\">'th'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">),</span>","                            preNode <span class=\"k\">=</span> table<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>cell <span class=\"k\">===</span> start <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>preNode <span class=\"k\">||</span> preNode<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> preNode<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TABLE'</span> <span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>isStartInblock<span class=\"k\">(</span>rng<span class=\"k\">))</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> first <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span> <span class=\"k\">function</span><span class=\"k\">(</span>n<span class=\"k\">)</span><span class=\"k\">{</span><span class=\"k\">return</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>n<span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">if</span><span class=\"k\">(</span>first <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span> <span class=\"s\">/t(h|d)/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>first<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">||</span> first <span class=\"k\">===</span>  start<span class=\"k\">.</span>firstChild <span class=\"k\">))</span><span class=\"k\">{</span>","                                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertparagraphbeforetable'</span><span class=\"k\">);</span>","                                domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span> <span class=\"k\">((</span>evt<span class=\"k\">.</span>ctrlKey <span class=\"k\">||</span> evt<span class=\"k\">.</span>metaKey<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">==</span> <span class=\"s\">'67'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                tableCopyList <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> tds <span class=\"k\">=</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">;</span>","                    isFullCol <span class=\"k\">=</span> ut<span class=\"k\">.</span>isFullCol<span class=\"k\">();</span>","                    isFullRow <span class=\"k\">=</span> ut<span class=\"k\">.</span>isFullRow<span class=\"k\">();</span>","                    tableCopyList <span class=\"k\">=</span> <span class=\"k\">[</span>","                        <span class=\"k\">[</span>ut<span class=\"k\">.</span>cloneCell<span class=\"k\">(</span>tds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span><span class=\"k\">null</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)]</span>","                    <span class=\"k\">];</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> tds<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>parentNode <span class=\"k\">!==</span> tds<span class=\"k\">[</span>i <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">].</span>parentNode<span class=\"k\">)</span> <span class=\"k\">{</span>","                            tableCopyList<span class=\"k\">.</span>push<span class=\"k\">([</span>ut<span class=\"k\">.</span>cloneCell<span class=\"k\">(</span>ci<span class=\"k\">,</span><span class=\"k\">null</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)]);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            tableCopyList<span class=\"k\">[</span>tableCopyList<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">].</span>push<span class=\"k\">(</span>ut<span class=\"k\">.</span>cloneCell<span class=\"k\">(</span>ci<span class=\"k\">,</span><span class=\"k\">null</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">));</span>","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"tablehasdeleted\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            toggleDraggableState<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>dragButton<span class=\"k\">)</span>domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>dragButton<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'beforepaste'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> html<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'caption'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> div <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"div\"</span><span class=\"k\">);</span>","                div<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> html<span class=\"k\">.</span>html<span class=\"k\">;</span>","                html<span class=\"k\">.</span>html <span class=\"k\">=</span> div<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span> <span class=\"k\">:</span> <span class=\"s\">'textContent'</span><span class=\"k\">];</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>tableCopyList<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                <span class=\"k\">var</span> td <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'td'</span><span class=\"k\">,</span> <span class=\"s\">'th'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">),</span> tmpNode<span class=\"k\">,</span> preNode<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>td<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>isFullRow<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> rowIndex <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>td<span class=\"k\">).</span>rowIndex<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>td<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TH'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            rowIndex<span class=\"k\">++;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> tableCopyList<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> tr <span class=\"k\">=</span> ut<span class=\"k\">.</span>insertRow<span class=\"k\">(</span>rowIndex<span class=\"k\">++,</span> <span class=\"s\">\"td\"</span><span class=\"k\">);</span>","                            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cj<span class=\"k\">;</span> cj <span class=\"k\">=</span> ci<span class=\"k\">[</span>j<span class=\"k\">];</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","                                <span class=\"k\">var</span> cell <span class=\"k\">=</span> tr<span class=\"k\">.</span>cells<span class=\"k\">[</span>j<span class=\"k\">];</span>","                                <span class=\"k\">if</span> <span class=\"k\">(!</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    cell <span class=\"k\">=</span> tr<span class=\"k\">.</span>insertCell<span class=\"k\">(</span>j<span class=\"k\">)</span>","                                <span class=\"k\">}</span>","                                cell<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> cj<span class=\"k\">.</span>innerHTML<span class=\"k\">;</span>","                                cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">,</span> cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">));</span>","                                cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">,</span> cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">));</span>","                                cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">,</span> cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">));</span>","                                cj<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> cj<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">)</span>","                            <span class=\"k\">}</span>","                            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cj<span class=\"k\">;</span> cj <span class=\"k\">=</span> tr<span class=\"k\">.</span>cells<span class=\"k\">[</span>j<span class=\"k\">];</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(!</span>ci<span class=\"k\">[</span>j<span class=\"k\">])</span>","                                    <span class=\"k\">break</span><span class=\"k\">;</span>","                                cj<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> ci<span class=\"k\">[</span>j<span class=\"k\">].</span>innerHTML<span class=\"k\">;</span>","                                ci<span class=\"k\">[</span>j<span class=\"k\">].</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> cj<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">,</span> ci<span class=\"k\">[</span>j<span class=\"k\">].</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">));</span>","                                ci<span class=\"k\">[</span>j<span class=\"k\">].</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> cj<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">,</span> ci<span class=\"k\">[</span>j<span class=\"k\">].</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">));</span>","                                ci<span class=\"k\">[</span>j<span class=\"k\">].</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> cj<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">,</span> ci<span class=\"k\">[</span>j<span class=\"k\">].</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">));</span>","                                ci<span class=\"k\">[</span>j<span class=\"k\">].</span>style<span class=\"k\">.</span>cssText <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>cj<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> ci<span class=\"k\">[</span>j<span class=\"k\">].</span>style<span class=\"k\">.</span>cssText<span class=\"k\">)</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>isFullCol<span class=\"k\">)</span> <span class=\"k\">{</span>","                            cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>td<span class=\"k\">);</span>","                            <span class=\"k\">var</span> maxColNum <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci <span class=\"k\">=</span> tableCopyList<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> cj<span class=\"k\">;</span> cj <span class=\"k\">=</span> ci<span class=\"k\">[</span>j<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                                maxColNum <span class=\"k\">+=</span> cj<span class=\"k\">.</span>colSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                            <span class=\"k\">for</span> <span class=\"k\">(</span>i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> maxColNum<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertcol'</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                            td <span class=\"k\">=</span> ut<span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>cells<span class=\"k\">[</span>cellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">];</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>td<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TH'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                                td <span class=\"k\">=</span> ut<span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">].</span>cells<span class=\"k\">[</span>cellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">];</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> tableCopyList<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                            tmpNode <span class=\"k\">=</span> td<span class=\"k\">;</span>","                            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cj<span class=\"k\">;</span> cj <span class=\"k\">=</span> ci<span class=\"k\">[</span>j<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    td<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> cj<span class=\"k\">.</span>innerHTML<span class=\"k\">;</span>","                                    <span class=\"c\">//todo &#23450;&#21046;&#22788;&#29702;</span>","                                    cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> td<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">,</span> cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">));</span>","                                    cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> td<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">,</span> cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">));</span>","                                    cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> td<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">,</span> cj<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">));</span>","                                    cj<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>td<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> cj<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">);</span>","                                    preNode <span class=\"k\">=</span> td<span class=\"k\">;</span>","                                    td <span class=\"k\">=</span> td<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                    <span class=\"k\">var</span> cloneTd <span class=\"k\">=</span> cj<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                    domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>cloneTd<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'class'</span><span class=\"k\">,</span> <span class=\"s\">'rowSpan'</span><span class=\"k\">,</span> <span class=\"s\">'colSpan'</span><span class=\"k\">]);</span>","","                                    preNode<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>cloneTd<span class=\"k\">)</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","                            td <span class=\"k\">=</span> ut<span class=\"k\">.</span>getNextCell<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">if</span> <span class=\"k\">(!</span>tableCopyList<span class=\"k\">[</span>i<span class=\"k\">])</span>","                                <span class=\"k\">break</span><span class=\"k\">;</span>","                            <span class=\"k\">if</span> <span class=\"k\">(!</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","                                <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                                ut<span class=\"k\">.</span>table<span class=\"k\">.</span>insertRow<span class=\"k\">(</span>ut<span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">.</span>length<span class=\"k\">);</span>","                                ut<span class=\"k\">.</span>update<span class=\"k\">();</span>","                                td <span class=\"k\">=</span> ut<span class=\"k\">.</span>getVSideCell<span class=\"k\">(</span>tmpNode<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    ut<span class=\"k\">.</span>update<span class=\"k\">();</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    table <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'table'</span><span class=\"k\">);</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> tableCopyList<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> tr <span class=\"k\">=</span> table<span class=\"k\">.</span>insertRow<span class=\"k\">(</span>table<span class=\"k\">.</span>rows<span class=\"k\">.</span>length<span class=\"k\">);</span>","                        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cj<span class=\"k\">;</span> cj <span class=\"k\">=</span> ci<span class=\"k\">[</span>j<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                            cloneTd <span class=\"k\">=</span> UT<span class=\"k\">.</span>cloneCell<span class=\"k\">(</span>cj<span class=\"k\">,</span><span class=\"k\">null</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>cloneTd<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'class'</span><span class=\"k\">]);</span>","                            tr<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>cloneTd<span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>j <span class=\"k\">==</span> <span class=\"s\">2</span> <span class=\"k\">&amp;&amp;</span> cloneTd<span class=\"k\">.</span>rowSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            cloneTd<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","","                    <span class=\"k\">var</span> defaultValue <span class=\"k\">=</span> getDefaultValue<span class=\"k\">(</span>me<span class=\"k\">),</span>","                        width <span class=\"k\">=</span> me<span class=\"k\">.</span>body<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span>","                            <span class=\"k\">(</span>needIEHack <span class=\"k\">?</span> parseInt<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">'margin-left'</span><span class=\"k\">),</span> <span class=\"s\">10</span><span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">-</span> defaultValue<span class=\"k\">.</span>tableBorder <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">-</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>offsetWidth <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">);</span>","                    me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertHTML'</span><span class=\"k\">,</span> <span class=\"s\">'&lt;table  '</span> <span class=\"k\">+</span>","                        <span class=\"k\">(</span> isFullCol <span class=\"k\">&amp;&amp;</span> isFullRow <span class=\"k\">?</span> <span class=\"s\">'width=\"'</span> <span class=\"k\">+</span> width <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                        <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> table<span class=\"k\">.</span>innerHTML<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&gt;\\s*&lt;/g</span><span class=\"k\">,</span> <span class=\"s\">'&gt;&lt;'</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/\\bth\\b/gi</span><span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/table&gt;'</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                html<span class=\"k\">.</span>html <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> div <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"div\"</span><span class=\"k\">),</span> tables<span class=\"k\">;</span>","                div<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> html<span class=\"k\">.</span>html<span class=\"k\">;</span>","                tables <span class=\"k\">=</span> div<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"table\"</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span> <span class=\"s\">'table'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                    utils<span class=\"k\">.</span>each<span class=\"k\">(</span>tables<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">)</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>t<span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span> <span class=\"s\">'caption'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                        div<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> div<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span> <span class=\"k\">:</span> <span class=\"s\">'textContent'</span><span class=\"k\">];</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    utils<span class=\"k\">.</span>each<span class=\"k\">(</span>tables<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                        removeStyleSize<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'style'</span><span class=\"k\">,</span> <span class=\"s\">'border'</span><span class=\"k\">]);</span>","                        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>isEmptyBlock<span class=\"k\">(</span>td<span class=\"k\">))</span> <span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> td<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            removeStyleSize<span class=\"k\">(</span>td<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","<span class=\"c\">//                            domUtils.removeAttributes(td, ['style'])</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                html<span class=\"k\">.</span>html <span class=\"k\">=</span> div<span class=\"k\">.</span>innerHTML<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'afterpaste'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">\"table\"</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">.</span>offsetWidth <span class=\"k\">&gt;</span> me<span class=\"k\">.</span>body<span class=\"k\">.</span>offsetWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> defaultValue <span class=\"k\">=</span> getDefaultValue<span class=\"k\">(</span>me<span class=\"k\">,</span> table<span class=\"k\">);</span>","                    table<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> me<span class=\"k\">.</span>body<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> <span class=\"k\">(</span>needIEHack <span class=\"k\">?</span> parseInt<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">'margin-left'</span><span class=\"k\">),</span> <span class=\"s\">10</span><span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">-</span> defaultValue<span class=\"k\">.</span>tableBorder <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">-</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>offsetWidth <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'blur'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            tableCopyList <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">var</span> timer<span class=\"k\">;</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            clearTimeout<span class=\"k\">(</span>timer<span class=\"k\">);</span>","            timer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                    cell <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'th'</span><span class=\"k\">,</span> <span class=\"s\">'td'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> table <span class=\"k\">=</span> cell<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">.</span>offsetWidth <span class=\"k\">&gt;</span> table<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                        cell<span class=\"k\">.</span>style<span class=\"k\">.</span>wordBreak <span class=\"k\">=</span> <span class=\"s\">\"break-all\"</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">100</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"selectionchange\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            toggleDraggableState<span class=\"k\">(</span>me<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","","        <span class=\"c\">//&#20869;&#23481;&#21464;&#21270;&#26102;&#35302;&#21457;&#32034;&#24341;&#26356;&#26032;</span>","        <span class=\"c\">//todo &#21487;&#21542;&#32771;&#34385;&#26631;&#35760;&#26816;&#27979;&#65292;&#22914;&#26524;&#19981;&#28041;&#21450;&#34920;&#26684;&#30340;&#21464;&#21270;&#23601;&#19981;&#36827;&#34892;&#32034;&#24341;&#37325;&#24314;&#21644;&#26356;&#26032;</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"contentchange\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"c\">//&#23613;&#21487;&#33021;&#25490;&#38500;&#19968;&#20123;&#19981;&#38656;&#35201;&#26356;&#26032;&#30340;&#29366;&#20917;</span>","            hideDragLine<span class=\"k\">(</span>me<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">))</span><span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">var</span> start <span class=\"k\">=</span> rng<span class=\"k\">.</span>startContainer<span class=\"k\">;</span>","            start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'td'</span><span class=\"k\">,</span> <span class=\"s\">'th'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"excludetable\"</span><span class=\"k\">,</span> table<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","                table<span class=\"k\">.</span>ueTable <span class=\"k\">=</span> <span class=\"k\">new</span> UT<span class=\"k\">(</span>table<span class=\"k\">);</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">'td'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> td <span class=\"k\">!==</span> start<span class=\"k\">)</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> td<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">==</span> <span class=\"s\">6</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            td<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&amp;nbsp;'</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">'th'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>th<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>th<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> th <span class=\"k\">!==</span> start<span class=\"k\">)</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> th<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">==</span> <span class=\"s\">6</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            th<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&amp;nbsp;'</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                table<span class=\"k\">.</span>onmouseover <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'tablemouseover'</span><span class=\"k\">,</span> table<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","                table<span class=\"k\">.</span>onmousemove <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'tablemousemove'</span><span class=\"k\">,</span> table<span class=\"k\">);</span>","                    me<span class=\"k\">.</span>options<span class=\"k\">.</span>tableDragable <span class=\"k\">&amp;&amp;</span> toggleDragButton<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">,</span> me<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","                table<span class=\"k\">.</span>onmouseout <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'tablemouseout'</span><span class=\"k\">,</span> table<span class=\"k\">);</span>","                    toggleDraggableState<span class=\"k\">(</span>me<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">);</span>","                    hideDragLine<span class=\"k\">(</span>me<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","                table<span class=\"k\">.</span>onclick <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","                    evt <span class=\"k\">=</span> me<span class=\"k\">.</span>window<span class=\"k\">.</span>event <span class=\"k\">||</span> evt<span class=\"k\">;</span>","                    <span class=\"k\">var</span> target <span class=\"k\">=</span> getParentTdOrTh<span class=\"k\">(</span>evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>target<span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>target<span class=\"k\">),</span>","                        table <span class=\"k\">=</span> ut<span class=\"k\">.</span>table<span class=\"k\">,</span>","                        cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>target<span class=\"k\">),</span>","                        cellsRange<span class=\"k\">,</span>","                        rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","<span class=\"c\">//                    if (\"topLeft\" == inPosition(table, mouseCoords(evt))) {</span>","<span class=\"c\">//                        cellsRange = ut.getCellsRange(ut.table.rows[0].cells[0], ut.getLastCell());</span>","<span class=\"c\">//                        ut.setSelected(cellsRange);</span>","<span class=\"c\">//                        return;</span>","<span class=\"c\">//                    }</span>","<span class=\"c\">//                    if (\"bottomRight\" == inPosition(table, mouseCoords(evt))) {</span>","<span class=\"c\">//</span>","<span class=\"c\">//                        return;</span>","<span class=\"c\">//                    }</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>inTableSide<span class=\"k\">(</span>table<span class=\"k\">,</span> target<span class=\"k\">,</span> evt<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> endTdCol <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCell<span class=\"k\">(</span>ut<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>ut<span class=\"k\">.</span>rowsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">][</span>cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> ut<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>ut<span class=\"k\">.</span>rowsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">][</span>cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>shiftKey <span class=\"k\">&amp;&amp;</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">!==</span> endTdCol<span class=\"k\">)</span> <span class=\"k\">{</span>","                                cellsRange <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellsRange<span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> endTdCol<span class=\"k\">);</span>","                                ut<span class=\"k\">.</span>setSelected<span class=\"k\">(</span>cellsRange<span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                rng <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>endTdCol<span class=\"k\">).</span>select<span class=\"k\">();</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>target <span class=\"k\">!==</span> endTdCol<span class=\"k\">)</span> <span class=\"k\">{</span>","                                cellsRange <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellsRange<span class=\"k\">(</span>target<span class=\"k\">,</span> endTdCol<span class=\"k\">);</span>","                                ut<span class=\"k\">.</span>setSelected<span class=\"k\">(</span>cellsRange<span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                rng <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>endTdCol<span class=\"k\">).</span>select<span class=\"k\">();</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>inTableSide<span class=\"k\">(</span>table<span class=\"k\">,</span> target<span class=\"k\">,</span> evt<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> endTdRow <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCell<span class=\"k\">(</span>ut<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">][</span>ut<span class=\"k\">.</span>colsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> ut<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">][</span>ut<span class=\"k\">.</span>colsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>shiftKey <span class=\"k\">&amp;&amp;</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">!==</span> endTdRow<span class=\"k\">)</span> <span class=\"k\">{</span>","                                cellsRange <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellsRange<span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> endTdRow<span class=\"k\">);</span>","                                ut<span class=\"k\">.</span>setSelected<span class=\"k\">(</span>cellsRange<span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                rng <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>endTdRow<span class=\"k\">).</span>select<span class=\"k\">();</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>target <span class=\"k\">!==</span> endTdRow<span class=\"k\">)</span> <span class=\"k\">{</span>","                                cellsRange <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellsRange<span class=\"k\">(</span>target<span class=\"k\">,</span> endTdRow<span class=\"k\">);</span>","                                ut<span class=\"k\">.</span>setSelected<span class=\"k\">(</span>cellsRange<span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                rng <span class=\"k\">&amp;&amp;</span> rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>endTdRow<span class=\"k\">).</span>select<span class=\"k\">();</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","","            switchBorderColor<span class=\"k\">(</span>me<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">\"mousemove\"</span><span class=\"k\">,</span> mouseMoveEvent<span class=\"k\">);</span>","","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">\"mouseout\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> target <span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>target<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TABLE\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                toggleDraggableState<span class=\"k\">(</span>me<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#34920;&#26684;&#38548;&#34892;&#21464;&#33394;</span>","<span class=\"c\">         */</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"interlacetable\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span>table<span class=\"k\">,</span>classList<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>table<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                rows <span class=\"k\">=</span> table<span class=\"k\">.</span>rows<span class=\"k\">,</span>","                len <span class=\"k\">=</span> rows<span class=\"k\">.</span>length<span class=\"k\">,</span>","                getClass <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>list<span class=\"k\">,</span>index<span class=\"k\">,</span>repeat<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> list<span class=\"k\">[</span>index<span class=\"k\">]</span> <span class=\"k\">?</span> list<span class=\"k\">[</span>index<span class=\"k\">]</span> <span class=\"k\">:</span> repeat <span class=\"k\">?</span> list<span class=\"k\">[</span>index <span class=\"k\">%</span> list<span class=\"k\">.</span>length<span class=\"k\">]:</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>i<span class=\"k\">&lt;</span>len<span class=\"k\">;</span>i<span class=\"k\">++)</span><span class=\"k\">{</span>","                rows<span class=\"k\">[</span>i<span class=\"k\">].</span>className <span class=\"k\">=</span> getClass<span class=\"k\">(</span> classList<span class=\"k\">||</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>classList<span class=\"k\">,</span>i<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"uninterlacetable\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>type<span class=\"k\">,</span>table<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>table<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                rows <span class=\"k\">=</span> table<span class=\"k\">.</span>rows<span class=\"k\">,</span>","                classList <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>classList<span class=\"k\">,</span>","                len <span class=\"k\">=</span> rows<span class=\"k\">.</span>length<span class=\"k\">;</span>","            <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>i<span class=\"k\">&lt;</span>len<span class=\"k\">;</span>i<span class=\"k\">++)</span><span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>removeClasses<span class=\"k\">(</span> rows<span class=\"k\">[</span>i<span class=\"k\">],</span> classList <span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"mousedown\"</span><span class=\"k\">,</span> mouseDownEvent<span class=\"k\">);</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"mouseup\"</span><span class=\"k\">,</span> mouseUpEvent<span class=\"k\">);</span>","        <span class=\"c\">//&#25302;&#21160;&#30340;&#26102;&#20505;&#19981;&#20986;&#21457;mouseup</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span> me<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">'dragstart'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> evt <span class=\"k\">)</span><span class=\"k\">{</span>","            mouseUpEvent<span class=\"k\">.</span>call<span class=\"k\">(</span> me<span class=\"k\">,</span> <span class=\"s\">'dragstart'</span><span class=\"k\">,</span> evt <span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"k\">var</span> currentRowIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"mousedown\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            currentRowIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'tabkeydown'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                common <span class=\"k\">=</span> range<span class=\"k\">.</span>getCommonAncestor<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">),</span>","                table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>common<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>common<span class=\"k\">,</span> <span class=\"s\">'caption'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> cell <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"s\">'th td'</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cell <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>cell<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> cell <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>common<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'td'</span><span class=\"k\">,</span> <span class=\"s\">'th'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">),</span>","                        ua <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                    currentRowIndex <span class=\"k\">=</span> cell<span class=\"k\">.</span>rowSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span> <span class=\"k\">?</span> currentRowIndex <span class=\"k\">:</span> ua<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">).</span>rowIndex<span class=\"k\">;</span>","                    <span class=\"k\">var</span> nextCell <span class=\"k\">=</span> ua<span class=\"k\">.</span>getTabNextCell<span class=\"k\">(</span>cell<span class=\"k\">,</span> currentRowIndex<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>nextCell<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>isEmptyBlock<span class=\"k\">(</span>nextCell<span class=\"k\">))</span> <span class=\"k\">{</span>","                            range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>nextCell<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            range<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>nextCell<span class=\"k\">).</span>select<span class=\"k\">()</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                        me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertrownext'</span><span class=\"k\">);</span>","                        me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                        range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span>table<span class=\"k\">.</span>rows<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">].</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","                        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">);</span>","        browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            toggleDraggableState<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span><span class=\"k\">,</span> <span class=\"k\">null</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"keydown\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"c\">//&#22788;&#29702;&#22312;&#34920;&#26684;&#30340;&#26368;&#21518;&#19968;&#20010;&#36755;&#20837;tab&#20135;&#29983;&#26032;&#30340;&#34920;&#26684;</span>","            <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>keyCode <span class=\"k\">==</span> <span class=\"s\">8</span> <span class=\"k\">||</span> keyCode <span class=\"k\">==</span> <span class=\"s\">46</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> notCtrlKey <span class=\"k\">=</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>ctrlKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>metaKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>shiftKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>altKey<span class=\"k\">;</span>","            notCtrlKey <span class=\"k\">&amp;&amp;</span> removeSelectedClass<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">));</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ut<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","            notCtrlKey <span class=\"k\">&amp;&amp;</span> ut<span class=\"k\">.</span>clearSelected<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"beforegetcontent\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            switchBorderColor<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","            browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> utils<span class=\"k\">.</span>each<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'caption'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>ci<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>ci<span class=\"k\">))</span> <span class=\"k\">{</span>","                    ci<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&amp;nbsp;'</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"aftergetcontent\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            switchBorderColor<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"getAllHtml\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            removeSelectedClass<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"td\"</span><span class=\"k\">));</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"c\">//&#20462;&#27491;&#20840;&#23631;&#29366;&#24577;&#19979;&#25554;&#20837;&#30340;&#34920;&#26684;&#23485;&#24230;&#22312;&#38750;&#20840;&#23631;&#29366;&#24577;&#19979;&#25745;&#24320;&#32534;&#36753;&#22120;&#30340;&#24773;&#20917;</span>","        me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"fullscreenchanged\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> fullscreen<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>fullscreen<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> ratio <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">.</span>offsetWidth <span class=\"k\">/</span> document<span class=\"k\">.</span>body<span class=\"k\">.</span>offsetWidth<span class=\"k\">,</span>","                    tables <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">\"table\"</span><span class=\"k\">);</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>tables<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">.</span>offsetWidth <span class=\"k\">&lt;</span> me<span class=\"k\">.</span>body<span class=\"k\">.</span>offsetWidth<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                    <span class=\"k\">var</span> tds <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">),</span>","                        backWidths <span class=\"k\">=</span> <span class=\"k\">[];</span>","                    utils<span class=\"k\">.</span>each<span class=\"k\">(</span>tds<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","                        backWidths<span class=\"k\">.</span>push<span class=\"k\">(</span>td<span class=\"k\">.</span>offsetWidth<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> td<span class=\"k\">;</span> td <span class=\"k\">=</span> tds<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        td<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">,</span> Math<span class=\"k\">.</span>floor<span class=\"k\">(</span>backWidths<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">*</span> ratio<span class=\"k\">));</span>","                    <span class=\"k\">}</span>","                    table<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">,</span> Math<span class=\"k\">.</span>floor<span class=\"k\">(</span>getTableWidth<span class=\"k\">(</span>me<span class=\"k\">,</span> needIEHack<span class=\"k\">,</span> getDefaultValue<span class=\"k\">(</span>me<span class=\"k\">))))</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"c\">//&#37325;&#20889;execCommand&#21629;&#20196;&#65292;&#29992;&#20110;&#22788;&#29702;&#26694;&#36873;&#26102;&#30340;&#22788;&#29702;</span>","        <span class=\"k\">var</span> oldExecCommand <span class=\"k\">=</span> me<span class=\"k\">.</span>execCommand<span class=\"k\">;</span>","        me<span class=\"k\">.</span>execCommand <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> datatat<span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                args <span class=\"k\">=</span> arguments<span class=\"k\">;</span>","","            cmd <span class=\"k\">=</span> cmd<span class=\"k\">.</span>toLowerCase<span class=\"k\">();</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">),</span> tds<span class=\"k\">,</span>","                range <span class=\"k\">=</span> <span class=\"k\">new</span> dom<span class=\"k\">.</span>Range<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">),</span>","                cmdFun <span class=\"k\">=</span> me<span class=\"k\">.</span>commands<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">||</span> UE<span class=\"k\">.</span>commands<span class=\"k\">[</span>cmd<span class=\"k\">],</span>","                result<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cmdFun<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>commands<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>cmdFun<span class=\"k\">.</span>notNeedUndo <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>me<span class=\"k\">.</span>__hasEnterExecCommand<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"beforeexeccommand\"</span><span class=\"k\">,</span> cmd<span class=\"k\">);</span>","                tds <span class=\"k\">=</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">;</span>","                <span class=\"k\">var</span> lastState <span class=\"k\">=</span> <span class=\"k\">-</span><span class=\"s\">2</span><span class=\"k\">,</span> lastValue <span class=\"k\">=</span> <span class=\"k\">-</span><span class=\"s\">2</span><span class=\"k\">,</span> value<span class=\"k\">,</span> state<span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> td<span class=\"k\">;</span> td <span class=\"k\">=</span> tds<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>isEmptyBlock<span class=\"k\">(</span>td<span class=\"k\">))</span> <span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>td<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>td<span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    state <span class=\"k\">=</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmd<span class=\"k\">);</span>","                    value <span class=\"k\">=</span> me<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span>cmd<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>state <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>lastState <span class=\"k\">!==</span> state <span class=\"k\">||</span> lastValue <span class=\"k\">!==</span> value<span class=\"k\">)</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>_ignoreContentChange <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                            result <span class=\"k\">=</span> oldExecCommand<span class=\"k\">.</span>apply<span class=\"k\">(</span>me<span class=\"k\">,</span> arguments<span class=\"k\">);</span>","                            me<span class=\"k\">.</span>_ignoreContentChange <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","","                        <span class=\"k\">}</span>","                        lastState <span class=\"k\">=</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmd<span class=\"k\">);</span>","                        lastValue <span class=\"k\">=</span> me<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span>cmd<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>td<span class=\"k\">))</span> <span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> td<span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>tds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> <span class=\"s\">0</span><span class=\"k\">).</span>shrinkBoundary<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"afterexeccommand\"</span><span class=\"k\">,</span> cmd<span class=\"k\">);</span>","                me<span class=\"k\">.</span>__hasEnterExecCommand <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>_selectionChange<span class=\"k\">();</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                result <span class=\"k\">=</span> oldExecCommand<span class=\"k\">.</span>apply<span class=\"k\">(</span>me<span class=\"k\">,</span> arguments<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> result<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#21024;&#38500;obj&#30340;&#23485;&#39640;style&#65292;&#25913;&#25104;&#23646;&#24615;&#23485;&#39640;</span>","<span class=\"c\">     * @param obj</span>","<span class=\"c\">     * @param replaceToProperty</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> removeStyleSize<span class=\"k\">(</span>obj<span class=\"k\">,</span> replaceToProperty<span class=\"k\">)</span> <span class=\"k\">{</span>","        removeStyle<span class=\"k\">(</span>obj<span class=\"k\">,</span> <span class=\"s\">\"width\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        removeStyle<span class=\"k\">(</span>obj<span class=\"k\">,</span> <span class=\"s\">\"height\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> removeStyle<span class=\"k\">(</span>obj<span class=\"k\">,</span> styleName<span class=\"k\">,</span> replaceToProperty<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>obj<span class=\"k\">.</span>style<span class=\"k\">[</span>styleName<span class=\"k\">])</span> <span class=\"k\">{</span>","            replaceToProperty <span class=\"k\">&amp;&amp;</span> obj<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span>styleName<span class=\"k\">,</span> parseInt<span class=\"k\">(</span>obj<span class=\"k\">.</span>style<span class=\"k\">[</span>styleName<span class=\"k\">],</span> <span class=\"s\">10</span><span class=\"k\">));</span>","            obj<span class=\"k\">.</span>style<span class=\"k\">[</span>styleName<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> getParentTdOrTh<span class=\"k\">(</span>ele<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>ele<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TD\"</span> <span class=\"k\">||</span> ele<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TH\"</span><span class=\"k\">)</span> <span class=\"k\">return</span> ele<span class=\"k\">;</span>","        <span class=\"k\">var</span> td<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>td <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>ele<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>ele<span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">))</span> <span class=\"k\">return</span> td<span class=\"k\">;</span>","        <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> isEmptyBlock<span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> reg <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">,</span> <span class=\"s\">'g'</span><span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span> <span class=\"k\">:</span> <span class=\"s\">'textContent'</span><span class=\"k\">].</span>replace<span class=\"k\">(</span><span class=\"s\">/^\\s*$/</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>replace<span class=\"k\">(</span>reg<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> n <span class=\"k\">in</span> dtd<span class=\"k\">.</span>$isNotEmpty<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>n<span class=\"k\">).</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","","    <span class=\"k\">function</span> mouseCoords<span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>pageX <span class=\"k\">||</span> evt<span class=\"k\">.</span>pageY<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span> x<span class=\"k\">:</span>evt<span class=\"k\">.</span>pageX<span class=\"k\">,</span> y<span class=\"k\">:</span>evt<span class=\"k\">.</span>pageY <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"k\">{</span>","            x<span class=\"k\">:</span>evt<span class=\"k\">.</span>clientX <span class=\"k\">+</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>scrollLeft <span class=\"k\">-</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>clientLeft<span class=\"k\">,</span>","            y<span class=\"k\">:</span>evt<span class=\"k\">.</span>clientY <span class=\"k\">+</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>scrollTop <span class=\"k\">-</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>clientTop","        <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> mouseMoveEvent<span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> isEditorDisabled<span class=\"k\">()</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">try</span> <span class=\"k\">{</span>","","            <span class=\"c\">//&#26222;&#36890;&#29366;&#24577;&#19979;&#40736;&#26631;&#31227;&#21160;</span>","            <span class=\"k\">var</span> target <span class=\"k\">=</span> getParentTdOrTh<span class=\"k\">(</span>evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">),</span>","                pos<span class=\"k\">;</span>","","            <span class=\"c\">//&#21306;&#20998;&#29992;&#25143;&#30340;&#34892;&#20026;&#26159;&#25302;&#21160;&#36824;&#26159;&#21452;&#20987;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span> isInResizeBuffer  <span class=\"k\">)</span> <span class=\"k\">{</span>","","                me<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>webkitUserSelect <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span> Math<span class=\"k\">.</span>abs<span class=\"k\">(</span> userActionStatus<span class=\"k\">.</span>x <span class=\"k\">-</span> evt<span class=\"k\">.</span>clientX <span class=\"k\">)</span> <span class=\"k\">&gt;</span> offsetOfTableCell <span class=\"k\">||</span> Math<span class=\"k\">.</span>abs<span class=\"k\">(</span> userActionStatus<span class=\"k\">.</span>y <span class=\"k\">-</span> evt<span class=\"k\">.</span>clientY <span class=\"k\">)</span> <span class=\"k\">&gt;</span> offsetOfTableCell <span class=\"k\">)</span> <span class=\"k\">{</span>","                    clearTableDragTimer<span class=\"k\">();</span>","                    isInResizeBuffer <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                    singleClickState <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                    <span class=\"c\">//drag action</span>","                    tableBorderDrag<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"c\">//&#20462;&#25913;&#21333;&#20803;&#26684;&#22823;&#23567;&#26102;&#30340;&#40736;&#26631;&#31227;&#21160;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>onDrag <span class=\"k\">&amp;&amp;</span> dragTd<span class=\"k\">)</span> <span class=\"k\">{</span>","                singleClickState <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>webkitUserSelect <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">()[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'empty'</span> <span class=\"k\">:</span> <span class=\"s\">'removeAllRanges'</span><span class=\"k\">]();</span>","                pos <span class=\"k\">=</span> mouseCoords<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                toggleDraggableState<span class=\"k\">(</span>me<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> onDrag<span class=\"k\">,</span> pos<span class=\"k\">,</span> target<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>onDrag <span class=\"k\">==</span> <span class=\"s\">\"h\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    dragLine<span class=\"k\">.</span>style<span class=\"k\">.</span>left <span class=\"k\">=</span> getPermissionX<span class=\"k\">(</span>dragTd<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">\"px\"</span><span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>onDrag <span class=\"k\">==</span> <span class=\"s\">\"v\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    dragLine<span class=\"k\">.</span>style<span class=\"k\">.</span>top <span class=\"k\">=</span> getPermissionY<span class=\"k\">(</span>dragTd<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">\"px\"</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#24403;&#40736;&#26631;&#22788;&#20110;table&#19978;&#26102;&#65292;&#20462;&#25913;&#31227;&#21160;&#36807;&#31243;&#20013;&#30340;&#20809;&#26631;&#29366;&#24577;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>target<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#38024;&#23545;&#20351;&#29992;table&#20316;&#20026;&#23481;&#22120;&#30340;&#32452;&#20214;&#19981;&#35302;&#21457;&#25302;&#25341;&#25928;&#26524;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'excludetable'</span><span class=\"k\">,</span> target<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">true</span><span class=\"k\">)</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                pos <span class=\"k\">=</span> mouseCoords<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                <span class=\"k\">var</span> state <span class=\"k\">=</span> getRelation<span class=\"k\">(</span>target<span class=\"k\">,</span> pos<span class=\"k\">),</span>","                    table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>target<span class=\"k\">,</span> <span class=\"s\">\"table\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>inTableSide<span class=\"k\">(</span>table<span class=\"k\">,</span> target<span class=\"k\">,</span> evt<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"excludetable\"</span><span class=\"k\">,</span> table<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","                    me<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>cursor <span class=\"k\">=</span> <span class=\"s\">\"url(\"</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>cursorpath <span class=\"k\">+</span> <span class=\"s\">\"h.png),pointer\"</span><span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>inTableSide<span class=\"k\">(</span>table<span class=\"k\">,</span> target<span class=\"k\">,</span> evt<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"excludetable\"</span><span class=\"k\">,</span> table<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","                    me<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>cursor <span class=\"k\">=</span> <span class=\"s\">\"url(\"</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>cursorpath <span class=\"k\">+</span> <span class=\"s\">\"v.png),pointer\"</span><span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>cursor <span class=\"k\">=</span> <span class=\"s\">\"text\"</span><span class=\"k\">;</span>","                    <span class=\"k\">var</span> curCell <span class=\"k\">=</span> target<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/\\d/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>state<span class=\"k\">))</span> <span class=\"k\">{</span>","                        state <span class=\"k\">=</span> state<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/\\d/</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","                        target <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>target<span class=\"k\">).</span>getPreviewCell<span class=\"k\">(</span>target<span class=\"k\">,</span> state <span class=\"k\">==</span> <span class=\"s\">\"v\"</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"c\">//&#20301;&#20110;&#31532;&#19968;&#34892;&#30340;&#39030;&#37096;&#25110;&#32773;&#31532;&#19968;&#21015;&#30340;&#24038;&#36793;&#26102;&#19981;&#21487;&#25302;&#21160;</span>","                    toggleDraggableState<span class=\"k\">(</span>me<span class=\"k\">,</span> target <span class=\"k\">?</span> <span class=\"k\">!!</span>state <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span> target <span class=\"k\">?</span> state <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span> pos<span class=\"k\">,</span> target<span class=\"k\">);</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                toggleDragButton<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> table<span class=\"k\">,</span> me<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","            showError<span class=\"k\">(</span>e<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">var</span> dragButtonTimer<span class=\"k\">;</span>","","    <span class=\"k\">function</span> toggleDragButton<span class=\"k\">(</span>show<span class=\"k\">,</span> table<span class=\"k\">,</span> editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>show<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>dragOver<span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","            dragButtonTimer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">!</span>dragOver <span class=\"k\">&amp;&amp;</span> dragButton <span class=\"k\">&amp;&amp;</span> dragButton<span class=\"k\">.</span>parentNode <span class=\"k\">&amp;&amp;</span> dragButton<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>dragButton<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">2000</span><span class=\"k\">);</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            createDragButton<span class=\"k\">(</span>table<span class=\"k\">,</span> editor<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> createDragButton<span class=\"k\">(</span>table<span class=\"k\">,</span> editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> pos <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>table<span class=\"k\">),</span>","            doc <span class=\"k\">=</span> table<span class=\"k\">.</span>ownerDocument<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>dragButton <span class=\"k\">&amp;&amp;</span> dragButton<span class=\"k\">.</span>parentNode<span class=\"k\">)</span><span class=\"k\">return</span> dragButton<span class=\"k\">;</span>","        dragButton <span class=\"k\">=</span> doc<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"div\"</span><span class=\"k\">);</span>","        dragButton<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        dragButton<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","        dragButton<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">\"width:15px;height:15px;background-image:url(\"</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">+</span> <span class=\"s\">\"dialogs/table/dragicon.png);position: absolute;cursor:move;top:\"</span> <span class=\"k\">+</span> <span class=\"k\">(</span>pos<span class=\"k\">.</span>y <span class=\"k\">-</span> <span class=\"s\">15</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">\"px;left:\"</span> <span class=\"k\">+</span> <span class=\"k\">(</span>pos<span class=\"k\">.</span>x<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">\"px;\"</span><span class=\"k\">;</span>","        domUtils<span class=\"k\">.</span>unSelectable<span class=\"k\">(</span>dragButton<span class=\"k\">);</span>","        dragButton<span class=\"k\">.</span>onmouseover <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            dragOver <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        dragButton<span class=\"k\">.</span>onmouseout <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            dragOver <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>dragButton<span class=\"k\">,</span> <span class=\"s\">'click'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            doClick<span class=\"k\">(</span>evt<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>dragButton<span class=\"k\">,</span> <span class=\"s\">'dblclick'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            doDblClick<span class=\"k\">(</span>evt<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>dragButton<span class=\"k\">,</span> <span class=\"s\">'dragstart'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>evt<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">var</span> timer<span class=\"k\">;</span>","","        <span class=\"k\">function</span> doClick<span class=\"k\">(</span>evt<span class=\"k\">,</span> button<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">// &#37096;&#20998;&#27983;&#35272;&#22120;&#19979;&#38656;&#35201;&#28165;&#29702;</span>","            clearTimeout<span class=\"k\">(</span>timer<span class=\"k\">);</span>","            timer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"tableClicked\"</span><span class=\"k\">,</span> table<span class=\"k\">,</span> button<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">300</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">function</span> doDblClick<span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","            clearTimeout<span class=\"k\">(</span>timer<span class=\"k\">);</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>table<span class=\"k\">),</span>","                start <span class=\"k\">=</span> table<span class=\"k\">.</span>rows<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span>","                end <span class=\"k\">=</span> ut<span class=\"k\">.</span>getLastCell<span class=\"k\">(),</span>","                range <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellsRange<span class=\"k\">(</span>start<span class=\"k\">,</span> end<span class=\"k\">);</span>","            editor<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>setStart<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            ut<span class=\"k\">.</span>setSelected<span class=\"k\">(</span>range<span class=\"k\">);</span>","        <span class=\"k\">}</span>","","        doc<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>dragButton<span class=\"k\">);</span>","    <span class=\"k\">}</span>","","","<span class=\"c\">//    function inPosition(table, pos) {</span>","<span class=\"c\">//        var tablePos = domUtils.getXY(table),</span>","<span class=\"c\">//            width = table.offsetWidth,</span>","<span class=\"c\">//            height = table.offsetHeight;</span>","<span class=\"c\">//        if (pos.x - tablePos.x &lt; 5 &amp;&amp; pos.y - tablePos.y &lt; 5) {</span>","<span class=\"c\">//            return \"topLeft\";</span>","<span class=\"c\">//        } else if (tablePos.x + width - pos.x &lt; 5 &amp;&amp; tablePos.y + height - pos.y &lt; 5) {</span>","<span class=\"c\">//            return \"bottomRight\";</span>","<span class=\"c\">//        }</span>","<span class=\"c\">//    }</span>","","    <span class=\"k\">function</span> inTableSide<span class=\"k\">(</span>table<span class=\"k\">,</span> cell<span class=\"k\">,</span> evt<span class=\"k\">,</span> top<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> pos <span class=\"k\">=</span> mouseCoords<span class=\"k\">(</span>evt<span class=\"k\">),</span>","            state <span class=\"k\">=</span> getRelation<span class=\"k\">(</span>cell<span class=\"k\">,</span> pos<span class=\"k\">);</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span>top<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> caption <span class=\"k\">=</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"caption\"</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">],</span>","                capHeight <span class=\"k\">=</span> caption <span class=\"k\">?</span> caption<span class=\"k\">.</span>offsetHeight <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"s\">\"v1\"</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">((</span>pos<span class=\"k\">.</span>y <span class=\"k\">-</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>table<span class=\"k\">).</span>y <span class=\"k\">-</span> capHeight<span class=\"k\">)</span> <span class=\"k\">&lt;</span> <span class=\"s\">8</span><span class=\"k\">);</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"s\">\"h1\"</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">((</span>pos<span class=\"k\">.</span>x <span class=\"k\">-</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>table<span class=\"k\">).</span>x<span class=\"k\">)</span> <span class=\"k\">&lt;</span> <span class=\"s\">8</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#33719;&#21462;&#25302;&#21160;&#26102;&#20801;&#35768;&#30340;X&#36724;&#22352;&#26631;</span>","<span class=\"c\">     * @param dragTd</span>","<span class=\"c\">     * @param evt</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> getPermissionX<span class=\"k\">(</span>dragTd<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>dragTd<span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> preTd <span class=\"k\">=</span> ut<span class=\"k\">.</span>getSameEndPosCells<span class=\"k\">(</span>dragTd<span class=\"k\">,</span> <span class=\"s\">\"x\"</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">],</span>","                nextTd <span class=\"k\">=</span> ut<span class=\"k\">.</span>getSameStartPosXCells<span class=\"k\">(</span>dragTd<span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">],</span>","                mouseX <span class=\"k\">=</span> mouseCoords<span class=\"k\">(</span>evt<span class=\"k\">).</span>x<span class=\"k\">,</span>","                left <span class=\"k\">=</span> <span class=\"k\">(</span>preTd <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>preTd<span class=\"k\">).</span>x <span class=\"k\">:</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>ut<span class=\"k\">.</span>table<span class=\"k\">).</span>x<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">20</span> <span class=\"k\">,</span>","                right <span class=\"k\">=</span> nextTd <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>nextTd<span class=\"k\">).</span>x <span class=\"k\">+</span> nextTd<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> <span class=\"s\">20</span> <span class=\"k\">:</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>offsetWidth <span class=\"k\">+</span> <span class=\"s\">5</span> <span class=\"k\">||</span> parseInt<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">\"width\"</span><span class=\"k\">),</span> <span class=\"s\">10</span><span class=\"k\">));</span>","","            left <span class=\"k\">+=</span> cellMinWidth<span class=\"k\">;</span>","            right <span class=\"k\">-=</span> cellMinWidth<span class=\"k\">;</span>","","            <span class=\"k\">return</span> mouseX <span class=\"k\">&lt;</span> left <span class=\"k\">?</span> left <span class=\"k\">:</span> mouseX <span class=\"k\">&gt;</span> right <span class=\"k\">?</span> right <span class=\"k\">:</span> mouseX<span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#33719;&#21462;&#25302;&#21160;&#26102;&#20801;&#35768;&#30340;Y&#36724;&#22352;&#26631;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> getPermissionY<span class=\"k\">(</span>dragTd<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">try</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> top <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>dragTd<span class=\"k\">).</span>y<span class=\"k\">,</span>","                mousePosY <span class=\"k\">=</span> mouseCoords<span class=\"k\">(</span>evt<span class=\"k\">).</span>y<span class=\"k\">;</span>","            <span class=\"k\">return</span> mousePosY <span class=\"k\">&lt;</span> top <span class=\"k\">?</span> top <span class=\"k\">:</span> mousePosY<span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","            showError<span class=\"k\">(</span>e<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#31227;&#21160;&#29366;&#24577;&#20999;&#25442;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> toggleDraggableState<span class=\"k\">(</span>editor<span class=\"k\">,</span> draggable<span class=\"k\">,</span> dir<span class=\"k\">,</span> mousePos<span class=\"k\">,</span> cell<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">try</span> <span class=\"k\">{</span>","            editor<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>cursor <span class=\"k\">=</span> dir <span class=\"k\">==</span> <span class=\"s\">\"h\"</span> <span class=\"k\">?</span> <span class=\"s\">\"col-resize\"</span> <span class=\"k\">:</span> dir <span class=\"k\">==</span> <span class=\"s\">\"v\"</span> <span class=\"k\">?</span> <span class=\"s\">\"row-resize\"</span> <span class=\"k\">:</span> <span class=\"s\">\"text\"</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>dir <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>mousedown <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>getUETableBySelected<span class=\"k\">(</span>editor<span class=\"k\">))</span> <span class=\"k\">{</span>","                    getDragLine<span class=\"k\">(</span>editor<span class=\"k\">,</span> editor<span class=\"k\">.</span>document<span class=\"k\">);</span>","                    showDragLineAt<span class=\"k\">(</span>dir<span class=\"k\">,</span> cell<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    hideDragLine<span class=\"k\">(</span>editor<span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            onBorder <span class=\"k\">=</span> draggable<span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","            showError<span class=\"k\">(</span>e<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#33719;&#21462;&#19982;UETable&#30456;&#20851;&#30340;resize line</span>","<span class=\"c\">     * @param uetable UETable&#23545;&#35937;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> getResizeLineByUETable<span class=\"k\">()</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> lineId <span class=\"k\">=</span> <span class=\"s\">'_UETableResizeLine'</span><span class=\"k\">,</span>","            line <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span> lineId <span class=\"k\">);</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>line <span class=\"k\">)</span> <span class=\"k\">{</span>","            line <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"div\"</span><span class=\"k\">);</span>","            line<span class=\"k\">.</span>id <span class=\"k\">=</span> lineId<span class=\"k\">;</span>","            line<span class=\"k\">.</span>contnetEditable <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            line<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"unselectable\"</span><span class=\"k\">,</span> <span class=\"s\">\"on\"</span><span class=\"k\">);</span>","","            <span class=\"k\">var</span> styles <span class=\"k\">=</span> <span class=\"k\">{</span>","                width<span class=\"k\">:</span> <span class=\"s\">2</span><span class=\"k\">*</span>cellBorderWidth <span class=\"k\">+</span> <span class=\"s\">1</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">,</span>","                position<span class=\"k\">:</span> <span class=\"s\">'absolute'</span><span class=\"k\">,</span>","                <span class=\"s\">'z-index'</span><span class=\"k\">:</span> <span class=\"s\">100000</span><span class=\"k\">,</span>","                cursor<span class=\"k\">:</span> <span class=\"s\">'col-resize'</span><span class=\"k\">,</span>","                background<span class=\"k\">:</span> <span class=\"s\">'red'</span><span class=\"k\">,</span>","                display<span class=\"k\">:</span> <span class=\"s\">'none'</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","","            <span class=\"c\">//&#20999;&#25442;&#29366;&#24577;</span>","            line<span class=\"k\">.</span>onmouseout <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","","            utils<span class=\"k\">.</span>extend<span class=\"k\">(</span> line<span class=\"k\">.</span>style<span class=\"k\">,</span> styles <span class=\"k\">);</span>","","            <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span> line <span class=\"k\">);</span>","","        <span class=\"k\">}</span>","","        <span class=\"k\">return</span> line<span class=\"k\">;</span>","","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#26356;&#26032;resize-line</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> updateResizeLine<span class=\"k\">(</span> cell<span class=\"k\">,</span> uetable <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> line <span class=\"k\">=</span> getResizeLineByUETable<span class=\"k\">.</span>call<span class=\"k\">(</span> <span class=\"k\">this</span> <span class=\"k\">),</span>","            table <span class=\"k\">=</span> uetable<span class=\"k\">.</span>table<span class=\"k\">,</span>","            styles <span class=\"k\">=</span> <span class=\"k\">{</span>","                top<span class=\"k\">:</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span> table <span class=\"k\">).</span>y <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">,</span>","                left<span class=\"k\">:</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span> cell<span class=\"k\">).</span>x <span class=\"k\">+</span> cell<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> cellBorderWidth <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">,</span>","                display<span class=\"k\">:</span> <span class=\"s\">'block'</span><span class=\"k\">,</span>","                height<span class=\"k\">:</span> table<span class=\"k\">.</span>offsetHeight <span class=\"k\">+</span> <span class=\"s\">'px'</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","","        utils<span class=\"k\">.</span>extend<span class=\"k\">(</span> line<span class=\"k\">.</span>style<span class=\"k\">,</span> styles <span class=\"k\">);</span>","","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#26174;&#31034;resize-line</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> showResizeLine<span class=\"k\">(</span> cell <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> uetable <span class=\"k\">=</span> getUETable<span class=\"k\">(</span> cell <span class=\"k\">);</span>","","        updateResizeLine<span class=\"k\">.</span>call<span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">,</span> cell<span class=\"k\">,</span> uetable <span class=\"k\">);</span>","","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#33719;&#21462;&#40736;&#26631;&#19982;&#24403;&#21069;&#21333;&#20803;&#26684;&#30340;&#30456;&#23545;&#20301;&#32622;</span>","<span class=\"c\">     * @param ele</span>","<span class=\"c\">     * @param mousePos</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> getRelation<span class=\"k\">(</span>ele<span class=\"k\">,</span> mousePos<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> elePos <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>ele<span class=\"k\">);</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>elePos <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span>elePos<span class=\"k\">.</span>x <span class=\"k\">+</span> ele<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> mousePos<span class=\"k\">.</span>x <span class=\"k\">&lt;</span> cellBorderWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">\"h\"</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>mousePos<span class=\"k\">.</span>x <span class=\"k\">-</span> elePos<span class=\"k\">.</span>x <span class=\"k\">&lt;</span> cellBorderWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'h1'</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>elePos<span class=\"k\">.</span>y <span class=\"k\">+</span> ele<span class=\"k\">.</span>offsetHeight <span class=\"k\">-</span> mousePos<span class=\"k\">.</span>y <span class=\"k\">&lt;</span> cellBorderWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">\"v\"</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>mousePos<span class=\"k\">.</span>y <span class=\"k\">-</span> elePos<span class=\"k\">.</span>y <span class=\"k\">&lt;</span> cellBorderWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'v1'</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> mouseDownEvent<span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> isEditorDisabled<span class=\"k\">()</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        userActionStatus <span class=\"k\">=</span> <span class=\"k\">{</span>","            x<span class=\"k\">:</span> evt<span class=\"k\">.</span>clientX<span class=\"k\">,</span>","            y<span class=\"k\">:</span> evt<span class=\"k\">.</span>clientY","        <span class=\"k\">}</span><span class=\"k\">;</span>","","        <span class=\"c\">//&#21491;&#38190;&#33756;&#21333;&#21333;&#29420;&#22788;&#29702;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>button <span class=\"k\">==</span> <span class=\"s\">2</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">),</span>","                flag <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> td <span class=\"k\">=</span> getTargetTd<span class=\"k\">(</span>me<span class=\"k\">,</span> evt<span class=\"k\">);</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>ti<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ti <span class=\"k\">===</span> td<span class=\"k\">)</span> <span class=\"k\">{</span>","                        flag <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>flag<span class=\"k\">)</span> <span class=\"k\">{</span>","                    removeSelectedClass<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">\"th td\"</span><span class=\"k\">));</span>","                    ut<span class=\"k\">.</span>clearSelected<span class=\"k\">()</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    td <span class=\"k\">=</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                    setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>setStart<span class=\"k\">(</span>td<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            tableClickHander<span class=\"k\">(</span> evt <span class=\"k\">);</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span>","","    <span class=\"c\">//&#28165;&#38500;&#34920;&#26684;&#30340;&#35745;&#26102;&#22120;</span>","    <span class=\"k\">function</span> clearTableTimer<span class=\"k\">()</span> <span class=\"k\">{</span>","        tabTimer <span class=\"k\">&amp;&amp;</span> clearTimeout<span class=\"k\">(</span> tabTimer <span class=\"k\">);</span>","        tabTimer <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">//&#21452;&#20987;&#25910;&#32553;</span>","    <span class=\"k\">function</span> tableDbclickHandler<span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        singleClickState <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        evt <span class=\"k\">=</span> evt <span class=\"k\">||</span> me<span class=\"k\">.</span>window<span class=\"k\">.</span>event<span class=\"k\">;</span>","        <span class=\"k\">var</span> target <span class=\"k\">=</span> getParentTdOrTh<span class=\"k\">(</span>evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>target<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> h<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>h <span class=\"k\">=</span> getRelation<span class=\"k\">(</span>target<span class=\"k\">,</span> mouseCoords<span class=\"k\">(</span>evt<span class=\"k\">)))</span> <span class=\"k\">{</span>","","                hideDragLine<span class=\"k\">(</span> me <span class=\"k\">);</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>h <span class=\"k\">==</span> <span class=\"s\">'h1'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    h <span class=\"k\">=</span> <span class=\"s\">'h'</span><span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>inTableSide<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>target<span class=\"k\">,</span> <span class=\"s\">\"table\"</span><span class=\"k\">),</span> target<span class=\"k\">,</span> evt<span class=\"k\">))</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'adaptbywindow'</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        target <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>target<span class=\"k\">).</span>getPreviewCell<span class=\"k\">(</span>target<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>target<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                            rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>target<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>h <span class=\"k\">==</span> <span class=\"s\">'h'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>target<span class=\"k\">),</span>","                        table <span class=\"k\">=</span> ut<span class=\"k\">.</span>table<span class=\"k\">,</span>","                        cells <span class=\"k\">=</span> getCellsByMoveBorder<span class=\"k\">(</span> target<span class=\"k\">,</span> table<span class=\"k\">,</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","","                    cells <span class=\"k\">=</span> extractArray<span class=\"k\">(</span> cells<span class=\"k\">,</span> <span class=\"s\">'left'</span> <span class=\"k\">);</span>","","                    ut<span class=\"k\">.</span>width <span class=\"k\">=</span> ut<span class=\"k\">.</span>offsetWidth<span class=\"k\">;</span>","","                    <span class=\"k\">var</span> oldWidth <span class=\"k\">=</span> <span class=\"k\">[],</span>","                        newWidth <span class=\"k\">=</span> <span class=\"k\">[];</span>","","                    utils<span class=\"k\">.</span>each<span class=\"k\">(</span> cells<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> cell <span class=\"k\">)</span><span class=\"k\">{</span>","","                        oldWidth<span class=\"k\">.</span>push<span class=\"k\">(</span> cell<span class=\"k\">.</span>offsetWidth <span class=\"k\">);</span>","","                    <span class=\"k\">}</span> <span class=\"k\">);</span>","","                    utils<span class=\"k\">.</span>each<span class=\"k\">(</span> cells<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> cell <span class=\"k\">)</span><span class=\"k\">{</span>","","                        cell<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">);</span>","","                    <span class=\"k\">}</span> <span class=\"k\">);</span>","","                    window<span class=\"k\">.</span>setTimeout<span class=\"k\">(</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","","                        <span class=\"c\">//&#26159;&#21542;&#20801;&#35768;&#25913;&#21464;</span>","                        <span class=\"k\">var</span> changeable <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","","                        utils<span class=\"k\">.</span>each<span class=\"k\">(</span> cells<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> cell<span class=\"k\">,</span> index <span class=\"k\">)</span><span class=\"k\">{</span>","","                            <span class=\"k\">var</span> width <span class=\"k\">=</span> cell<span class=\"k\">.</span>offsetWidth<span class=\"k\">;</span>","","                            <span class=\"k\">if</span><span class=\"k\">(</span> width <span class=\"k\">&gt;</span> oldWidth<span class=\"k\">[</span>index<span class=\"k\">]</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                                changeable <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                                <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","","                            newWidth<span class=\"k\">.</span>push<span class=\"k\">(</span> width <span class=\"k\">);</span>","","                        <span class=\"k\">}</span> <span class=\"k\">);</span>","","                        <span class=\"k\">var</span> change <span class=\"k\">=</span> changeable <span class=\"k\">?</span> newWidth <span class=\"k\">:</span> oldWidth<span class=\"k\">;</span>","","                        utils<span class=\"k\">.</span>each<span class=\"k\">(</span> cells<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> cell<span class=\"k\">,</span> index <span class=\"k\">)</span><span class=\"k\">{</span>","","                            cell<span class=\"k\">.</span>width <span class=\"k\">=</span> change<span class=\"k\">[</span>index<span class=\"k\">]</span> <span class=\"k\">-</span> getTabcellSpace<span class=\"k\">();</span>","","                        <span class=\"k\">}</span> <span class=\"k\">);</span>","","","                    <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">0</span> <span class=\"k\">);</span>","","<span class=\"c\">//                    minWidth -= cellMinWidth;</span>","<span class=\"c\">//</span>","<span class=\"c\">//                    table.removeAttribute(\"width\");</span>","<span class=\"c\">//                    utils.each(cells, function (cell) {</span>","<span class=\"c\">//                        cell.style.width = \"\";</span>","<span class=\"c\">//                        cell.width -= minWidth;</span>","<span class=\"c\">//                    });</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> tableClickHander<span class=\"k\">(</span> evt <span class=\"k\">)</span> <span class=\"k\">{</span>","","        removeSelectedClass<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">\"td th\"</span><span class=\"k\">));</span>","        <span class=\"c\">//trace:3113</span>","        <span class=\"c\">//&#36873;&#20013;&#21333;&#20803;&#26684;&#65292;&#28857;&#20987;table&#22806;&#37096;&#65292;&#19981;&#20250;&#28165;&#25481;table&#19978;&#25346;&#30340;ueTable,&#20250;&#24341;&#36215;getUETableBySelected&#26041;&#27861;&#36820;&#22238;&#20540;</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'table'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">)</span> <span class=\"k\">{</span>","            t<span class=\"k\">.</span>ueTable <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        startTd <span class=\"k\">=</span> getTargetTd<span class=\"k\">(</span>me<span class=\"k\">,</span> evt<span class=\"k\">);</span>","        <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>startTd <span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>startTd<span class=\"k\">,</span> <span class=\"s\">\"table\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>table<span class=\"k\">);</span>","        ut <span class=\"k\">&amp;&amp;</span> ut<span class=\"k\">.</span>clearSelected<span class=\"k\">();</span>","","        <span class=\"c\">//&#21028;&#26029;&#24403;&#21069;&#40736;&#26631;&#29366;&#24577;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>onBorder<span class=\"k\">)</span> <span class=\"k\">{</span>","            me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>webkitUserSelect <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            mousedown <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'mouseover'</span><span class=\"k\">,</span> mouseOverEvent<span class=\"k\">);</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#36793;&#26694;&#19978;&#30340;&#21160;&#20316;&#22788;&#29702;</span>","            borderActionHandler<span class=\"k\">(</span> evt <span class=\"k\">);</span>","        <span class=\"k\">}</span>","","","    <span class=\"k\">}</span>","","    <span class=\"c\">//&#22788;&#29702;&#34920;&#26684;&#36793;&#26694;&#19978;&#30340;&#21160;&#20316;, &#36825;&#37324;&#20570;&#24310;&#26102;&#22788;&#29702;&#65292;&#36991;&#20813;&#20004;&#31181;&#21160;&#20316;&#20114;&#30456;&#24433;&#21709;</span>","    <span class=\"k\">function</span> borderActionHandler<span class=\"k\">(</span> evt <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span> browser<span class=\"k\">.</span>ie <span class=\"k\">)</span> <span class=\"k\">{</span>","            evt <span class=\"k\">=</span> reconstruct<span class=\"k\">(</span>evt <span class=\"k\">);</span>","        <span class=\"k\">}</span>","","        clearTableDragTimer<span class=\"k\">();</span>","","        <span class=\"c\">//&#26159;&#21542;&#27491;&#22312;&#31561;&#24453;resize&#30340;&#32531;&#20914;&#20013;</span>","        isInResizeBuffer <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","","        tableDragTimer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            tableBorderDrag<span class=\"k\">(</span> evt <span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span> dblclickTime<span class=\"k\">);</span>","","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> extractArray<span class=\"k\">(</span> originArr<span class=\"k\">,</span> key <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> result <span class=\"k\">=</span> <span class=\"k\">[],</span>","            tmp <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","        <span class=\"k\">for</span><span class=\"k\">(</span> <span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> len <span class=\"k\">=</span> originArr<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">&lt;</span>len<span class=\"k\">;</span> i<span class=\"k\">++</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","","            tmp <span class=\"k\">=</span> originArr<span class=\"k\">[</span> i <span class=\"k\">][</span> key <span class=\"k\">];</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span> tmp <span class=\"k\">)</span> <span class=\"k\">{</span>","                result<span class=\"k\">.</span>push<span class=\"k\">(</span> tmp <span class=\"k\">);</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","","        <span class=\"k\">return</span> result<span class=\"k\">;</span>","","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> clearTableDragTimer<span class=\"k\">()</span> <span class=\"k\">{</span>","        tableDragTimer <span class=\"k\">&amp;&amp;</span> clearTimeout<span class=\"k\">(</span>tableDragTimer<span class=\"k\">);</span>","        tableDragTimer <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> reconstruct<span class=\"k\">(</span> obj <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> attrs <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'pageX'</span><span class=\"k\">,</span> <span class=\"s\">'pageY'</span><span class=\"k\">,</span> <span class=\"s\">'clientX'</span><span class=\"k\">,</span> <span class=\"s\">'clientY'</span><span class=\"k\">,</span> <span class=\"s\">'srcElement'</span><span class=\"k\">,</span> <span class=\"s\">'target'</span><span class=\"k\">],</span>","            newObj <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> obj <span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">for</span><span class=\"k\">(</span> <span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> key<span class=\"k\">,</span> val<span class=\"k\">;</span> key <span class=\"k\">=</span> attrs<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                val<span class=\"k\">=</span>obj<span class=\"k\">[</span> key <span class=\"k\">];</span>","                val <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>newObj<span class=\"k\">[</span> key <span class=\"k\">]</span> <span class=\"k\">=</span> val<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","","        <span class=\"k\">return</span> newObj<span class=\"k\">;</span>","","    <span class=\"k\">}</span>","","    <span class=\"c\">//&#36793;&#26694;&#25302;&#21160;</span>","    <span class=\"k\">function</span> tableBorderDrag<span class=\"k\">(</span> evt <span class=\"k\">)</span> <span class=\"k\">{</span>","","        isInResizeBuffer <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>startTd <span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> state <span class=\"k\">=</span> Math<span class=\"k\">.</span>abs<span class=\"k\">(</span> userActionStatus<span class=\"k\">.</span>x <span class=\"k\">-</span> evt<span class=\"k\">.</span>clientX <span class=\"k\">)</span> <span class=\"k\">&gt;=</span> Math<span class=\"k\">.</span>abs<span class=\"k\">(</span> userActionStatus<span class=\"k\">.</span>y <span class=\"k\">-</span> evt<span class=\"k\">.</span>clientY <span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">'h'</span> <span class=\"k\">:</span> <span class=\"s\">'v'</span><span class=\"k\">;</span>","<span class=\"c\">//        var state = getRelation(startTd, mouseCoords(evt));</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/\\d/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>state<span class=\"k\">))</span> <span class=\"k\">{</span>","            state <span class=\"k\">=</span> state<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/\\d/</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">);</span>","            startTd <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>startTd<span class=\"k\">).</span>getPreviewCell<span class=\"k\">(</span>startTd<span class=\"k\">,</span> state <span class=\"k\">==</span> <span class=\"s\">'v'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","        hideDragLine<span class=\"k\">(</span>me<span class=\"k\">);</span>","        getDragLine<span class=\"k\">(</span>me<span class=\"k\">,</span> me<span class=\"k\">.</span>document<span class=\"k\">);</span>","        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","        showDragLineAt<span class=\"k\">(</span>state<span class=\"k\">,</span> startTd<span class=\"k\">);</span>","        mousedown <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"c\">//&#25302;&#21160;&#24320;&#22987;</span>","        onDrag <span class=\"k\">=</span> state<span class=\"k\">;</span>","        dragTd <span class=\"k\">=</span> startTd<span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> mouseUpEvent<span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> isEditorDisabled<span class=\"k\">()</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        clearTableDragTimer<span class=\"k\">();</span>","","        isInResizeBuffer <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> onBorder <span class=\"k\">)</span> <span class=\"k\">{</span>","            singleClickState <span class=\"k\">=</span> <span class=\"k\">++</span>singleClickState <span class=\"k\">%</span> <span class=\"s\">3</span><span class=\"k\">;</span>","","            userActionStatus <span class=\"k\">=</span> <span class=\"k\">{</span>","                x<span class=\"k\">:</span> evt<span class=\"k\">.</span>clientX<span class=\"k\">,</span>","                y<span class=\"k\">:</span> evt<span class=\"k\">.</span>clientY","            <span class=\"k\">}</span><span class=\"k\">;</span>","","            tableResizeTimer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                singleClickState <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">&amp;&amp;</span> singleClickState<span class=\"k\">--;</span>","            <span class=\"k\">}</span><span class=\"k\">,</span> dblclickTime <span class=\"k\">);</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span> singleClickState <span class=\"k\">===</span> <span class=\"s\">2</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","","                singleClickState <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                tableDbclickHandler<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>button <span class=\"k\">==</span> <span class=\"s\">2</span><span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"c\">//&#28165;&#38500;&#34920;&#26684;&#19978;&#21407;&#29983;&#36328;&#36873;&#38382;&#39064;</span>","        <span class=\"k\">var</span> range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","            start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">),</span>","            end <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","        <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">||</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">===</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'td'</span><span class=\"k\">,</span> <span class=\"s\">'th'</span><span class=\"k\">,</span> <span class=\"s\">'caption'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                end <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'td'</span><span class=\"k\">,</span> <span class=\"s\">'th'</span><span class=\"k\">,</span> <span class=\"s\">'caption'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">!==</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>selection<span class=\"k\">.</span>clearRange<span class=\"k\">()</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>selection<span class=\"k\">.</span>clearRange<span class=\"k\">()</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        mousedown <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>webkitUserSelect <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"c\">//&#25302;&#25341;&#29366;&#24577;&#19979;&#30340;mouseUP</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> onDrag <span class=\"k\">&amp;&amp;</span> dragTd <span class=\"k\">)</span> <span class=\"k\">{</span>","","            me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">()[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'empty'</span> <span class=\"k\">:</span> <span class=\"s\">'removeAllRanges'</span><span class=\"k\">]();</span>","","            singleClickState <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            dragLine <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"s\">'ue_tableDragLine'</span><span class=\"k\">);</span>","","            <span class=\"k\">var</span> dragTdPos <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>dragTd<span class=\"k\">),</span>","                dragLinePos <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>dragLine<span class=\"k\">);</span>","","            <span class=\"k\">switch</span> <span class=\"k\">(</span>onDrag<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">case</span> <span class=\"s\">\"h\"</span><span class=\"k\">:</span>","                    changeColWidth<span class=\"k\">(</span>dragTd<span class=\"k\">,</span> dragLinePos<span class=\"k\">.</span>x <span class=\"k\">-</span> dragTdPos<span class=\"k\">.</span>x<span class=\"k\">);</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">case</span> <span class=\"s\">\"v\"</span><span class=\"k\">:</span>","                    changeRowHeight<span class=\"k\">(</span>dragTd<span class=\"k\">,</span> dragLinePos<span class=\"k\">.</span>y <span class=\"k\">-</span> dragTdPos<span class=\"k\">.</span>y <span class=\"k\">-</span> dragTd<span class=\"k\">.</span>offsetHeight<span class=\"k\">);</span>","                    <span class=\"k\">break</span><span class=\"k\">;</span>","                <span class=\"k\">default</span><span class=\"k\">:</span>","            <span class=\"k\">}</span>","            onDrag <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","            dragTd <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","            hideDragLine<span class=\"k\">(</span>me<span class=\"k\">);</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">);</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"c\">//&#27491;&#24120;&#29366;&#24577;&#19979;&#30340;mouseup</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>startTd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> target <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>target<span class=\"k\">)</span> target <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>target <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>target<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TD\"</span> <span class=\"k\">||</span> target<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TH\"</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"excludetable\"</span><span class=\"k\">,</span> target<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","                range <span class=\"k\">=</span> <span class=\"k\">new</span> dom<span class=\"k\">.</span>Range<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">);</span>","                range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>target<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>startTd<span class=\"k\">),</span>","                cell <span class=\"k\">=</span> ut <span class=\"k\">?</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                range <span class=\"k\">=</span> <span class=\"k\">new</span> dom<span class=\"k\">.</span>Range<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>cell<span class=\"k\">))</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    range<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>cell<span class=\"k\">).</span>shrinkBoundary<span class=\"k\">().</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>shrinkBoundary<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'td'</span><span class=\"k\">,</span> <span class=\"s\">'th'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">),</span>","                        end <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>range<span class=\"k\">.</span>endContainer<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">'td'</span><span class=\"k\">,</span> <span class=\"s\">'th'</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"c\">//&#22312;table&#37324;&#36793;&#30340;&#19981;&#33021;&#28165;&#38500;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>start <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>end <span class=\"k\">||</span> <span class=\"k\">!</span>start <span class=\"k\">&amp;&amp;</span> end <span class=\"k\">||</span> start <span class=\"k\">&amp;&amp;</span> end <span class=\"k\">&amp;&amp;</span> start <span class=\"k\">!==</span> end<span class=\"k\">)</span> <span class=\"k\">{</span>","                        range<span class=\"k\">.</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            startTd <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>removeListener<span class=\"k\">(</span><span class=\"s\">'mouseover'</span><span class=\"k\">,</span> mouseOverEvent<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        me<span class=\"k\">.</span>_selectionChange<span class=\"k\">(</span><span class=\"s\">250</span><span class=\"k\">,</span> evt<span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> mouseOverEvent<span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> isEditorDisabled<span class=\"k\">()</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","            tar <span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","        currentTd <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>tar<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>tar<span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"c\">//&#38656;&#35201;&#21028;&#26029;&#20004;&#20010;TD&#26159;&#21542;&#20301;&#20110;&#21516;&#19968;&#20010;&#34920;&#26684;&#20869;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>startTd <span class=\"k\">&amp;&amp;</span> currentTd <span class=\"k\">&amp;&amp;</span>","            <span class=\"k\">((</span>startTd<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TD\"</span> <span class=\"k\">&amp;&amp;</span> currentTd<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TD\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">(</span>startTd<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TH\"</span> <span class=\"k\">&amp;&amp;</span> currentTd<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TH\"</span><span class=\"k\">))</span> <span class=\"k\">&amp;&amp;</span>","            domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>startTd<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">)</span> <span class=\"k\">==</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>currentTd<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>currentTd<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>startTd <span class=\"k\">!=</span> currentTd<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>webkitUserSelect <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getNative<span class=\"k\">()[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'empty'</span> <span class=\"k\">:</span> <span class=\"s\">'removeAllRanges'</span><span class=\"k\">]();</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellsRange<span class=\"k\">(</span>startTd<span class=\"k\">,</span> currentTd<span class=\"k\">);</span>","                ut<span class=\"k\">.</span>setSelected<span class=\"k\">(</span>range<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>webkitUserSelect <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                ut<span class=\"k\">.</span>clearSelected<span class=\"k\">();</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","        evt<span class=\"k\">.</span>preventDefault <span class=\"k\">?</span> evt<span class=\"k\">.</span>preventDefault<span class=\"k\">()</span> <span class=\"k\">:</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>returnValue <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> setCellHeight<span class=\"k\">(</span>cell<span class=\"k\">,</span> height<span class=\"k\">,</span> backHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> lineHight <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">\"line-height\"</span><span class=\"k\">),</span> <span class=\"s\">10</span><span class=\"k\">),</span>","            tmpHeight <span class=\"k\">=</span> backHeight <span class=\"k\">+</span> height<span class=\"k\">;</span>","        height <span class=\"k\">=</span> tmpHeight <span class=\"k\">&lt;</span> lineHight <span class=\"k\">?</span> lineHight <span class=\"k\">:</span> tmpHeight<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>style<span class=\"k\">.</span>height<span class=\"k\">)</span> cell<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","        cell<span class=\"k\">.</span>rowSpan <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">?</span> cell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"height\"</span><span class=\"k\">,</span> height<span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>removeAttribute <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">\"height\"</span><span class=\"k\">));</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> getWidth<span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>cell<span class=\"k\">)</span><span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">return</span> parseInt<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">\"width\"</span><span class=\"k\">),</span> <span class=\"s\">10</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> changeColWidth<span class=\"k\">(</span>cell<span class=\"k\">,</span> changeValue<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"c\">//&#26681;&#25454;&#24403;&#21069;&#31227;&#21160;&#30340;&#36793;&#26694;&#33719;&#21462;&#30456;&#20851;&#30340;&#21333;&#20803;&#26684;</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> ut<span class=\"k\">.</span>table<span class=\"k\">,</span>","                cells <span class=\"k\">=</span> getCellsByMoveBorder<span class=\"k\">(</span> cell<span class=\"k\">,</span> table <span class=\"k\">);</span>","","            table<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","            table<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">);</span>","","            <span class=\"c\">//&#20462;&#27491;&#25913;&#21464;&#37327;</span>","            changeValue <span class=\"k\">=</span> correctChangeValue<span class=\"k\">(</span> changeValue<span class=\"k\">,</span> cell<span class=\"k\">,</span> cells <span class=\"k\">);</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>nextSibling<span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span>","","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span> cells<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> cellGroup <span class=\"k\">)</span><span class=\"k\">{</span>","","                    cellGroup<span class=\"k\">.</span>left<span class=\"k\">.</span>width <span class=\"k\">=</span> <span class=\"k\">(+</span>cellGroup<span class=\"k\">.</span>left<span class=\"k\">.</span>width<span class=\"k\">)+</span>changeValue<span class=\"k\">;</span>","                    cellGroup<span class=\"k\">.</span>right <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span> cellGroup<span class=\"k\">.</span>right<span class=\"k\">.</span>width <span class=\"k\">=</span> <span class=\"k\">(+</span>cellGroup<span class=\"k\">.</span>right<span class=\"k\">.</span>width<span class=\"k\">)-</span>changeValue <span class=\"k\">);</span>","","                <span class=\"k\">}</span> <span class=\"k\">);</span>","","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span> cells<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> cellGroup <span class=\"k\">)</span><span class=\"k\">{</span>","                    cellGroup<span class=\"k\">.</span>left<span class=\"k\">.</span>width <span class=\"k\">-=</span> <span class=\"k\">-</span>changeValue<span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">);</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> isEditorDisabled<span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> me<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">===</span> <span class=\"s\">\"false\"</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> changeRowHeight<span class=\"k\">(</span>td<span class=\"k\">,</span> changeValue<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>Math<span class=\"k\">.</span>abs<span class=\"k\">(</span>changeValue<span class=\"k\">)</span> <span class=\"k\">&lt;</span> <span class=\"s\">10</span><span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>td<span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cells <span class=\"k\">=</span> ut<span class=\"k\">.</span>getSameEndPosCells<span class=\"k\">(</span>td<span class=\"k\">,</span> <span class=\"s\">\"y\"</span><span class=\"k\">),</span>","            <span class=\"c\">//&#22791;&#20221;&#38656;&#35201;&#36830;&#24102;&#21464;&#21270;&#30340;td&#30340;&#21407;&#22987;&#39640;&#24230;&#65292;&#21542;&#21017;&#21518;&#26399;&#26080;&#27861;&#33719;&#21462;&#27491;&#30830;&#30340;&#20540;</span>","                backHeight <span class=\"k\">=</span> cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]</span> <span class=\"k\">?</span> cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>offsetHeight <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cell<span class=\"k\">;</span> cell <span class=\"k\">=</span> cells<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                setCellHeight<span class=\"k\">(</span>cell<span class=\"k\">,</span> changeValue<span class=\"k\">,</span> backHeight<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#33719;&#21462;&#35843;&#25972;&#21333;&#20803;&#26684;&#22823;&#23567;&#30340;&#30456;&#20851;&#21333;&#20803;&#26684;</span>","<span class=\"c\">     * @isContainMergeCell &#36820;&#22238;&#30340;&#32467;&#26524;&#20013;&#26159;&#21542;&#21253;&#21547;&#21457;&#29983;&#21512;&#24182;&#21518;&#30340;&#21333;&#20803;&#26684;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> getCellsByMoveBorder<span class=\"k\">(</span> cell<span class=\"k\">,</span> table<span class=\"k\">,</span> isContainMergeCell <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>table <span class=\"k\">)</span> <span class=\"k\">{</span>","            table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span> cell<span class=\"k\">,</span> <span class=\"s\">'table'</span> <span class=\"k\">);</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>table <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        <span class=\"c\">//&#33719;&#21462;&#21040;&#35813;&#21333;&#20803;&#26684;&#25152;&#22312;&#34892;&#30340;&#24207;&#21015;&#21495;</span>","        <span class=\"k\">var</span> index <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNodeIndex<span class=\"k\">(</span> cell <span class=\"k\">),</span>","            temp <span class=\"k\">=</span> cell<span class=\"k\">,</span>","            rows <span class=\"k\">=</span> table<span class=\"k\">.</span>rows<span class=\"k\">,</span>","            colIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","","        <span class=\"k\">while</span><span class=\"k\">(</span> temp <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#33719;&#21462;&#21040;&#24403;&#21069;&#21333;&#20803;&#26684;&#22312;&#26410;&#21457;&#29983;&#21333;&#20803;&#26684;&#21512;&#24182;&#26102;&#30340;&#24207;&#21015;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span> temp<span class=\"k\">.</span>nodeType <span class=\"k\">===</span> <span class=\"s\">1</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                colIndex <span class=\"k\">+=</span> <span class=\"k\">(</span>temp<span class=\"k\">.</span>colSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            temp <span class=\"k\">=</span> temp<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        temp <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","        <span class=\"c\">//&#35760;&#24405;&#24819;&#20851;&#30340;&#21333;&#20803;&#26684;</span>","        <span class=\"k\">var</span> borderCells <span class=\"k\">=</span> <span class=\"k\">[];</span>","","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>rows<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> tabRow <span class=\"k\">)</span><span class=\"k\">{</span>","","            <span class=\"k\">var</span> cells <span class=\"k\">=</span> tabRow<span class=\"k\">.</span>cells<span class=\"k\">,</span>","                currIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span> cells<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> tabCell <span class=\"k\">)</span><span class=\"k\">{</span>","","                currIndex <span class=\"k\">+=</span> <span class=\"k\">(</span>tabCell<span class=\"k\">.</span>colSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">);</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span> currIndex <span class=\"k\">===</span> colIndex <span class=\"k\">)</span> <span class=\"k\">{</span>","","                    borderCells<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                        left<span class=\"k\">:</span> tabCell<span class=\"k\">,</span>","                        right<span class=\"k\">:</span> tabCell<span class=\"k\">.</span>nextSibling <span class=\"k\">||</span> <span class=\"k\">null</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","","                    <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(</span> currIndex <span class=\"k\">&gt;</span> colIndex <span class=\"k\">)</span> <span class=\"k\">{</span>","","                    <span class=\"k\">if</span><span class=\"k\">(</span> isContainMergeCell <span class=\"k\">)</span> <span class=\"k\">{</span>","                        borderCells<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                            left<span class=\"k\">:</span> tabCell","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","","                    <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","","","            <span class=\"k\">}</span> <span class=\"k\">);</span>","","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"k\">return</span> borderCells<span class=\"k\">;</span>","","    <span class=\"k\">}</span>","","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#36890;&#36807;&#32473;&#23450;&#30340;&#21333;&#20803;&#26684;&#38598;&#21512;&#33719;&#21462;&#26368;&#23567;&#30340;&#21333;&#20803;&#26684;width</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> getMinWidthByTableCells<span class=\"k\">(</span> cells <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> minWidth <span class=\"k\">=</span> Number<span class=\"k\">.</span>MAX_VALUE<span class=\"k\">;</span>","","        <span class=\"k\">for</span><span class=\"k\">(</span> <span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> curCell<span class=\"k\">;</span> curCell <span class=\"k\">=</span> cells<span class=\"k\">[</span> i <span class=\"k\">]</span> <span class=\"k\">;</span> i<span class=\"k\">++</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","","            minWidth <span class=\"k\">=</span> Math<span class=\"k\">.</span>min<span class=\"k\">(</span> minWidth<span class=\"k\">,</span> curCell<span class=\"k\">.</span>width <span class=\"k\">||</span> getTableCellWidth<span class=\"k\">(</span> curCell <span class=\"k\">)</span> <span class=\"k\">);</span>","","        <span class=\"k\">}</span>","","        <span class=\"k\">return</span> minWidth<span class=\"k\">;</span>","","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> correctChangeValue<span class=\"k\">(</span> changeValue<span class=\"k\">,</span> relatedCell<span class=\"k\">,</span> cells <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"c\">//&#20026;&#21333;&#20803;&#26684;&#30340;paading&#39044;&#30041;&#31354;&#38388;</span>","        changeValue <span class=\"k\">-=</span> getTabcellSpace<span class=\"k\">();</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> changeValue <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        changeValue <span class=\"k\">-=</span> getTableCellWidth<span class=\"k\">(</span> relatedCell <span class=\"k\">);</span>","","        <span class=\"c\">//&#30830;&#23450;&#26041;&#21521;</span>","        <span class=\"k\">var</span> direction <span class=\"k\">=</span> changeValue <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"s\">'left'</span><span class=\"k\">:</span><span class=\"s\">'right'</span><span class=\"k\">;</span>","","        changeValue <span class=\"k\">=</span> Math<span class=\"k\">.</span>abs<span class=\"k\">(</span>changeValue<span class=\"k\">);</span>","","        <span class=\"c\">//&#21482;&#20851;&#24515;&#38750;&#26368;&#21518;&#19968;&#20010;&#21333;&#20803;&#26684;&#23601;&#21487;&#20197;</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span> cells<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> cellGroup <span class=\"k\">)</span><span class=\"k\">{</span>","","            <span class=\"k\">var</span> curCell <span class=\"k\">=</span> cellGroup<span class=\"k\">[</span>direction<span class=\"k\">];</span>","","            <span class=\"c\">//&#20026;&#21333;&#20803;&#26684;&#20445;&#30041;&#26368;&#23567;&#31354;&#38388;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span> curCell <span class=\"k\">)</span> <span class=\"k\">{</span>","                changeValue <span class=\"k\">=</span> Math<span class=\"k\">.</span>min<span class=\"k\">(</span> changeValue<span class=\"k\">,</span> getTableCellWidth<span class=\"k\">(</span> curCell <span class=\"k\">)-</span>cellMinWidth <span class=\"k\">);</span>","            <span class=\"k\">}</span>","","","        <span class=\"k\">}</span> <span class=\"k\">);</span>","","","        <span class=\"c\">//&#20462;&#27491;&#36234;&#30028;</span>","        changeValue <span class=\"k\">=</span> changeValue <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> changeValue<span class=\"k\">;</span>","","        <span class=\"k\">return</span> direction <span class=\"k\">===</span> <span class=\"s\">'left'</span> <span class=\"k\">?</span> <span class=\"k\">-</span>changeValue <span class=\"k\">:</span> changeValue<span class=\"k\">;</span>","","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> getTableCellWidth<span class=\"k\">(</span> cell <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> width <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","            <span class=\"c\">//&#20559;&#31227;&#32416;&#27491;&#37327;</span>","            offset <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","            width <span class=\"k\">=</span> cell<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> getTabcellSpace<span class=\"k\">();</span>","","        <span class=\"c\">//&#26368;&#21518;&#19968;&#20010;&#33410;&#28857;&#32416;&#27491;&#19968;&#19979;</span>","        <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>cell<span class=\"k\">.</span>nextSibling <span class=\"k\">)</span> <span class=\"k\">{</span>","","            width <span class=\"k\">-=</span> getTableCellOffset<span class=\"k\">(</span> cell <span class=\"k\">);</span>","","        <span class=\"k\">}</span>","","        width <span class=\"k\">=</span> width <span class=\"k\">&lt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> width<span class=\"k\">;</span>","","        <span class=\"k\">try</span> <span class=\"k\">{</span>","            cell<span class=\"k\">.</span>width <span class=\"k\">=</span> width<span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">return</span> width<span class=\"k\">;</span>","","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#33719;&#21462;&#21333;&#20803;&#26684;&#25152;&#22312;&#34920;&#26684;&#30340;&#26368;&#26411;&#21333;&#20803;&#26684;&#30340;&#20559;&#31227;&#37327;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> getTableCellOffset<span class=\"k\">(</span> cell <span class=\"k\">)</span> <span class=\"k\">{</span>","","        tab <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span> cell<span class=\"k\">,</span> <span class=\"s\">\"table\"</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">);</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> tab<span class=\"k\">.</span>offsetVal <span class=\"k\">===</span> undefined <span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> prev <span class=\"k\">=</span> cell<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span> prev <span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"c\">//&#26368;&#21518;&#19968;&#20010;&#21333;&#20803;&#26684;&#21644;&#21069;&#19968;&#20010;&#21333;&#20803;&#26684;&#30340;width diff&#32467;&#26524; &#22914;&#26524;&#24688;&#22909;&#20026;&#19968;&#20010;border width&#65292; &#21017;&#26465;&#20214;&#25104;&#31435;</span>","                tab<span class=\"k\">.</span>offsetVal <span class=\"k\">=</span> cell<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> prev<span class=\"k\">.</span>offsetWidth <span class=\"k\">===</span> UT<span class=\"k\">.</span>borderWidth <span class=\"k\">?</span> UT<span class=\"k\">.</span>borderWidth <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                tab<span class=\"k\">.</span>offsetVal <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","","        <span class=\"k\">return</span> tab<span class=\"k\">.</span>offsetVal<span class=\"k\">;</span>","","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> getTabcellSpace<span class=\"k\">()</span> <span class=\"k\">{</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> UT<span class=\"k\">.</span>tabcellSpace <span class=\"k\">===</span> undefined <span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> cell <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","                tab <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"table\"</span><span class=\"k\">),</span>","                tbody <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"tbody\"</span><span class=\"k\">),</span>","                trow <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"tr\"</span><span class=\"k\">),</span>","                tabcell <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"td\"</span><span class=\"k\">),</span>","                mirror <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","            tabcell<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">'border: 0;'</span><span class=\"k\">;</span>","            tabcell<span class=\"k\">.</span>width <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","","            trow<span class=\"k\">.</span>appendChild<span class=\"k\">(</span> tabcell <span class=\"k\">);</span>","            trow<span class=\"k\">.</span>appendChild<span class=\"k\">(</span> mirror <span class=\"k\">=</span> tabcell<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span> <span class=\"k\">false</span> <span class=\"k\">)</span> <span class=\"k\">);</span>","","            tbody<span class=\"k\">.</span>appendChild<span class=\"k\">(</span> trow <span class=\"k\">);</span>","","            tab<span class=\"k\">.</span>appendChild<span class=\"k\">(</span> tbody <span class=\"k\">);</span>","","            tab<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">\"visibility: hidden;\"</span><span class=\"k\">;</span>","","            me<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span> tab <span class=\"k\">);</span>","","            UT<span class=\"k\">.</span>paddingSpace <span class=\"k\">=</span> tabcell<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">;</span>","","            <span class=\"k\">var</span> tmpTabWidth <span class=\"k\">=</span> tab<span class=\"k\">.</span>offsetWidth<span class=\"k\">;</span>","","            tabcell<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            mirror<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","","            UT<span class=\"k\">.</span>borderWidth <span class=\"k\">=</span> <span class=\"k\">(</span> tab<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> tmpTabWidth <span class=\"k\">)</span> <span class=\"k\">/</span> <span class=\"s\">3</span><span class=\"k\">;</span>","","            UT<span class=\"k\">.</span>tabcellSpace <span class=\"k\">=</span> UT<span class=\"k\">.</span>paddingSpace <span class=\"k\">+</span> UT<span class=\"k\">.</span>borderWidth<span class=\"k\">;</span>","","            me<span class=\"k\">.</span>body<span class=\"k\">.</span>removeChild<span class=\"k\">(</span> tab <span class=\"k\">);</span>","","        <span class=\"k\">}</span>","","        getTabcellSpace <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span> <span class=\"k\">return</span> UT<span class=\"k\">.</span>tabcellSpace<span class=\"k\">;</span> <span class=\"k\">}</span><span class=\"k\">;</span>","","        <span class=\"k\">return</span> UT<span class=\"k\">.</span>tabcellSpace<span class=\"k\">;</span>","","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> getDragLine<span class=\"k\">(</span>editor<span class=\"k\">,</span> doc<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>mousedown<span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","        dragLine <span class=\"k\">=</span> editor<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"div\"</span><span class=\"k\">);</span>","        domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>dragLine<span class=\"k\">,</span> <span class=\"k\">{</span>","            id<span class=\"k\">:</span><span class=\"s\">\"ue_tableDragLine\"</span><span class=\"k\">,</span>","            unselectable<span class=\"k\">:</span><span class=\"s\">'on'</span><span class=\"k\">,</span>","            contenteditable<span class=\"k\">:</span><span class=\"k\">false</span><span class=\"k\">,</span>","            <span class=\"s\">'onresizestart'</span><span class=\"k\">:</span><span class=\"s\">'return false'</span><span class=\"k\">,</span>","            <span class=\"s\">'ondragstart'</span><span class=\"k\">:</span><span class=\"s\">'return false'</span><span class=\"k\">,</span>","            <span class=\"s\">'onselectstart'</span><span class=\"k\">:</span><span class=\"s\">'return false'</span><span class=\"k\">,</span>","            style<span class=\"k\">:</span><span class=\"s\">\"background-color:blue;position:absolute;padding:0;margin:0;background-image:none;border:0px none;opacity:0;filter:alpha(opacity=0)\"</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editor<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>dragLine<span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> hideDragLine<span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>mousedown<span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> line<span class=\"k\">;</span>","        <span class=\"k\">while</span> <span class=\"k\">(</span>line <span class=\"k\">=</span> editor<span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"s\">'ue_tableDragLine'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>line<span class=\"k\">)</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#20381;&#25454;state&#65288;v|h&#65289;&#22312;cell&#20301;&#32622;&#26174;&#31034;&#27178;&#32447;</span>","<span class=\"c\">     * @param state</span>","<span class=\"c\">     * @param cell</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> showDragLineAt<span class=\"k\">(</span>state<span class=\"k\">,</span> cell<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>cell<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">\"table\"</span><span class=\"k\">),</span>","            caption <span class=\"k\">=</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'caption'</span><span class=\"k\">),</span>","            width <span class=\"k\">=</span> table<span class=\"k\">.</span>offsetWidth<span class=\"k\">,</span>","            height <span class=\"k\">=</span> table<span class=\"k\">.</span>offsetHeight <span class=\"k\">-</span> <span class=\"k\">(</span>caption<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> caption<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>offsetHeight <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">),</span>","            tablePos <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>table<span class=\"k\">),</span>","            cellPos <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>cell<span class=\"k\">),</span> css<span class=\"k\">;</span>","        <span class=\"k\">switch</span> <span class=\"k\">(</span>state<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">case</span> <span class=\"s\">\"h\"</span><span class=\"k\">:</span>","                css <span class=\"k\">=</span> <span class=\"s\">'height:'</span> <span class=\"k\">+</span> height <span class=\"k\">+</span> <span class=\"s\">'px;top:'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>tablePos<span class=\"k\">.</span>y <span class=\"k\">+</span> <span class=\"k\">(</span>caption<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">?</span> caption<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>offsetHeight <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">))</span> <span class=\"k\">+</span> <span class=\"s\">'px;left:'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>cellPos<span class=\"k\">.</span>x <span class=\"k\">+</span> cell<span class=\"k\">.</span>offsetWidth<span class=\"k\">);</span>","                dragLine<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> css <span class=\"k\">+</span> <span class=\"s\">'px;position: absolute;display:block;background-color:blue;width:1px;border:0; color:blue;opacity:.3;filter:alpha(opacity=30)'</span><span class=\"k\">;</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">case</span> <span class=\"s\">\"v\"</span><span class=\"k\">:</span>","                css <span class=\"k\">=</span> <span class=\"s\">'width:'</span> <span class=\"k\">+</span> width <span class=\"k\">+</span> <span class=\"s\">'px;left:'</span> <span class=\"k\">+</span> tablePos<span class=\"k\">.</span>x <span class=\"k\">+</span> <span class=\"s\">'px;top:'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>cellPos<span class=\"k\">.</span>y <span class=\"k\">+</span> cell<span class=\"k\">.</span>offsetHeight <span class=\"k\">);</span>","                <span class=\"c\">//&#24517;&#39035;&#21152;&#19978;border:0&#21644;color:blue&#65292;&#21542;&#21017;&#20302;&#29256;ie&#19981;&#25903;&#25345;&#32972;&#26223;&#33394;&#26174;&#31034;</span>","                dragLine<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> css <span class=\"k\">+</span> <span class=\"s\">'px;overflow:hidden;position: absolute;display:block;background-color:blue;height:1px;border:0;color:blue;opacity:.2;filter:alpha(opacity=20)'</span><span class=\"k\">;</span>","                <span class=\"k\">break</span><span class=\"k\">;</span>","            <span class=\"k\">default</span><span class=\"k\">:</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#24403;&#34920;&#26684;&#36793;&#26694;&#39068;&#33394;&#20026;&#30333;&#33394;&#26102;&#35774;&#32622;&#20026;&#34394;&#32447;,true&#20026;&#28155;&#21152;&#34394;&#32447;</span>","<span class=\"c\">     * @param editor</span>","<span class=\"c\">     * @param flag</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> switchBorderColor<span class=\"k\">(</span>editor<span class=\"k\">,</span> flag<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tableArr <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>editor<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">\"table\"</span><span class=\"k\">),</span> color<span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> node<span class=\"k\">;</span> node <span class=\"k\">=</span> tableArr<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> td <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>td<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">])</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>flag<span class=\"k\">)</span> <span class=\"k\">{</span>","                    color <span class=\"k\">=</span> <span class=\"k\">(</span>td<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>style<span class=\"k\">.</span>borderColor<span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/\\s/g</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/(#ffffff)|(rgb\\(255,f55,255\\))/ig</span><span class=\"k\">.</span>test<span class=\"k\">(</span>color<span class=\"k\">))</span>","                        domUtils<span class=\"k\">.</span>addClass<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">\"noBorderTable\"</span><span class=\"k\">)</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>removeClasses<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">\"noBorderTable\"</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> getTableWidth<span class=\"k\">(</span>editor<span class=\"k\">,</span> needIEHack<span class=\"k\">,</span> defaultValue<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> body <span class=\"k\">=</span> editor<span class=\"k\">.</span>body<span class=\"k\">;</span>","        <span class=\"k\">return</span> body<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> <span class=\"k\">(</span>needIEHack <span class=\"k\">?</span> parseInt<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>body<span class=\"k\">,</span> <span class=\"s\">'margin-left'</span><span class=\"k\">),</span> <span class=\"s\">10</span><span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">-</span> defaultValue<span class=\"k\">.</span>tableBorder <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">-</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>offsetWidth <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#33719;&#21462;&#24403;&#21069;&#25302;&#21160;&#30340;&#21333;&#20803;&#26684;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> getTargetTd<span class=\"k\">(</span>editor<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> target <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">\"td\"</span><span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">),</span>","            dir <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>target <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        dir <span class=\"k\">=</span> getRelation<span class=\"k\">(</span> target<span class=\"k\">,</span> mouseCoords<span class=\"k\">(</span> evt <span class=\"k\">)</span> <span class=\"k\">);</span>","","        <span class=\"c\">//&#22914;&#26524;&#26377;&#21069;&#19968;&#20010;&#33410;&#28857;&#65292; &#38656;&#35201;&#20570;&#19968;&#20010;&#20462;&#27491;&#65292; &#21542;&#21017;&#21487;&#33021;&#20250;&#24471;&#21040;&#19968;&#20010;&#38169;&#35823;&#30340;td</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>target <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span> dir <span class=\"k\">===</span> <span class=\"s\">'h1'</span> <span class=\"k\">&amp;&amp;</span> target<span class=\"k\">.</span>previousSibling <span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> position <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span> target<span class=\"k\">),</span>","                cellWidth <span class=\"k\">=</span> target<span class=\"k\">.</span>offsetWidth<span class=\"k\">;</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span> Math<span class=\"k\">.</span>abs<span class=\"k\">(</span> position<span class=\"k\">.</span>x <span class=\"k\">+</span> cellWidth <span class=\"k\">-</span> evt<span class=\"k\">.</span>clientX <span class=\"k\">)</span> <span class=\"k\">&gt;</span> cellWidth <span class=\"k\">/</span> <span class=\"s\">3</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                target <span class=\"k\">=</span> target<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(</span> dir <span class=\"k\">===</span> <span class=\"s\">'v1'</span> <span class=\"k\">&amp;&amp;</span> target<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>previousSibling <span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> position <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span> target<span class=\"k\">),</span>","                cellHeight <span class=\"k\">=</span> target<span class=\"k\">.</span>offsetHeight<span class=\"k\">;</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span> Math<span class=\"k\">.</span>abs<span class=\"k\">(</span> position<span class=\"k\">.</span>y <span class=\"k\">+</span> cellHeight <span class=\"k\">-</span> evt<span class=\"k\">.</span>clientY <span class=\"k\">)</span> <span class=\"k\">&gt;</span> cellHeight <span class=\"k\">/</span> <span class=\"s\">3</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                target <span class=\"k\">=</span> target<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>previousSibling<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","","","        <span class=\"c\">//&#25490;&#38500;&#20102;&#38750;td&#20869;&#37096;&#20197;&#21450;&#29992;&#20110;&#20195;&#30721;&#39640;&#20142;&#37096;&#20998;&#30340;td</span>","        <span class=\"k\">return</span> target <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!(</span>editor<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"excludetable\"</span><span class=\"k\">,</span> target<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">?</span> target <span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/table.action.js'][8]++;
+UE.plugins.table = (function () {
+  _$jscoverage['plugins/table.action.js'][9]++;
+  var me = this, tabTimer = null, tableDragTimer = null, tableResizeTimer = null, cellMinWidth = 5, isInResizeBuffer = false, cellBorderWidth = 5, offsetOfTableCell = 10, singleClickState = 0, userActionStatus = null, dblclickTime = 360, UT = UE.UETable, getUETable = (function (tdOrTable) {
+  _$jscoverage['plugins/table.action.js'][29]++;
+  return UT.getUETable(tdOrTable);
+}), getUETableBySelected = (function (editor) {
+  _$jscoverage['plugins/table.action.js'][32]++;
+  return UT.getUETableBySelected(editor);
+}), getDefaultValue = (function (editor, table) {
+  _$jscoverage['plugins/table.action.js'][35]++;
+  return UT.getDefaultValue(editor, table);
+}), removeSelectedClass = (function (cells) {
+  _$jscoverage['plugins/table.action.js'][38]++;
+  return UT.removeSelectedClass(cells);
+});
+  _$jscoverage['plugins/table.action.js'][41]++;
+  function showError(e) {
+}
+  _$jscoverage['plugins/table.action.js'][44]++;
+  me.ready((function () {
+  _$jscoverage['plugins/table.action.js'][45]++;
+  var me = this;
+  _$jscoverage['plugins/table.action.js'][46]++;
+  var orgGetText = me.selection.getText;
+  _$jscoverage['plugins/table.action.js'][47]++;
+  me.selection.getText = (function () {
+  _$jscoverage['plugins/table.action.js'][48]++;
+  var table = getUETableBySelected(me);
+  _$jscoverage['plugins/table.action.js'][49]++;
+  if (table) {
+    _$jscoverage['plugins/table.action.js'][50]++;
+    var str = "";
+    _$jscoverage['plugins/table.action.js'][51]++;
+    utils.each(table.selectedTds, (function (td) {
+  _$jscoverage['plugins/table.action.js'][52]++;
+  str += td[(browser.ie? "innerText": "textContent")];
+}));
+    _$jscoverage['plugins/table.action.js'][54]++;
+    return str;
+  }
+  else {
+    _$jscoverage['plugins/table.action.js'][56]++;
+    return orgGetText.call(me.selection);
+  }
+});
+}));
+  _$jscoverage['plugins/table.action.js'][63]++;
+  var startTd = null, currentTd = null, onDrag = "", onBorder = false, dragButton = null, dragOver = false, dragLine = null, dragTd = null;
+  _$jscoverage['plugins/table.action.js'][72]++;
+  var mousedown = false, needIEHack = true;
+  _$jscoverage['plugins/table.action.js'][76]++;
+  me.setOpt({"maxColNum": 20, "maxRowNum": 100, "defaultCols": 5, "defaultRows": 5, "tdvalign": "top", "cursorpath": (me.options.UEDITOR_HOME_URL + "themes/default/images/cursor_"), "tableDragable": false, "classList": ["ue-table-interlace-color-single", "ue-table-interlace-color-double"]});
+  _$jscoverage['plugins/table.action.js'][86]++;
+  me.getUETable = getUETable;
+  _$jscoverage['plugins/table.action.js'][87]++;
+  var commands = {"deletetable": 1, "inserttable": 1, "cellvalign": 1, "insertcaption": 1, "deletecaption": 1, "inserttitle": 1, "deletetitle": 1, "mergeright": 1, "mergedown": 1, "mergecells": 1, "insertrow": 1, "insertrownext": 1, "deleterow": 1, "insertcol": 1, "insertcolnext": 1, "deletecol": 1, "splittocells": 1, "splittorows": 1, "splittocols": 1, "adaptbytext": 1, "adaptbywindow": 1, "adaptbycustomer": 1, "insertparagraph": 1, "insertparagraphbeforetable": 1, "averagedistributecol": 1, "averagedistributerow": 1};
+  _$jscoverage['plugins/table.action.js'][115]++;
+  me.ready((function () {
+  _$jscoverage['plugins/table.action.js'][116]++;
+  utils.cssRule("table", ".selectTdClass{background-color:#edf5fa !important}table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}table{margin-bottom:10px;border-collapse:collapse;display:table;}td,th{padding: 5px 10px;border: 1px solid #DDD;}caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}th{border-top:2px solid #BBB;background:#F7F7F7;}.ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; }td p{margin:0;padding:0;}", me.document);
+  _$jscoverage['plugins/table.action.js'][128]++;
+  var tableCopyList, isFullCol, isFullRow;
+  _$jscoverage['plugins/table.action.js'][130]++;
+  me.addListener("keydown", (function (cmd, evt) {
+  _$jscoverage['plugins/table.action.js'][131]++;
+  var me = this;
+  _$jscoverage['plugins/table.action.js'][132]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/table.action.js'][134]++;
+  if ((keyCode == 8)) {
+    _$jscoverage['plugins/table.action.js'][136]++;
+    var ut = getUETableBySelected(me);
+    _$jscoverage['plugins/table.action.js'][137]++;
+    if ((ut && ut.selectedTds.length)) {
+      _$jscoverage['plugins/table.action.js'][139]++;
+      if (ut.isFullCol()) {
+        _$jscoverage['plugins/table.action.js'][140]++;
+        me.execCommand("deletecol");
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][141]++;
+        if (ut.isFullRow()) {
+          _$jscoverage['plugins/table.action.js'][142]++;
+          me.execCommand("deleterow");
+        }
+        else {
+          _$jscoverage['plugins/table.action.js'][144]++;
+          me.fireEvent("delcells");
+        }
+      }
+      _$jscoverage['plugins/table.action.js'][146]++;
+      domUtils.preventDefault(evt);
+    }
+    _$jscoverage['plugins/table.action.js'][149]++;
+    var caption = domUtils.findParentByTagName(me.selection.getStart(), "caption", true), range = me.selection.getRange();
+    _$jscoverage['plugins/table.action.js'][151]++;
+    if ((range.collapsed && caption && isEmptyBlock(caption))) {
+      _$jscoverage['plugins/table.action.js'][152]++;
+      me.fireEvent("saveScene");
+      _$jscoverage['plugins/table.action.js'][153]++;
+      var table = caption.parentNode;
+      _$jscoverage['plugins/table.action.js'][154]++;
+      domUtils.remove(caption);
+      _$jscoverage['plugins/table.action.js'][155]++;
+      if (table) {
+        _$jscoverage['plugins/table.action.js'][156]++;
+        range.setStart(table.rows[0].cells[0], 0).setCursor(false, true);
+      }
+      _$jscoverage['plugins/table.action.js'][158]++;
+      me.fireEvent("saveScene");
+    }
+  }
+  _$jscoverage['plugins/table.action.js'][163]++;
+  if ((keyCode == 46)) {
+    _$jscoverage['plugins/table.action.js'][165]++;
+    ut = getUETableBySelected(me);
+    _$jscoverage['plugins/table.action.js'][166]++;
+    if (ut) {
+      _$jscoverage['plugins/table.action.js'][167]++;
+      me.fireEvent("saveScene");
+      _$jscoverage['plugins/table.action.js'][168]++;
+      for (var i = 0, ci; (ci = ut.selectedTds[(i++)]);) {
+        _$jscoverage['plugins/table.action.js'][169]++;
+        domUtils.fillNode(me.document, ci);
+}
+      _$jscoverage['plugins/table.action.js'][171]++;
+      me.fireEvent("saveScene");
+      _$jscoverage['plugins/table.action.js'][172]++;
+      domUtils.preventDefault(evt);
+    }
+  }
+  _$jscoverage['plugins/table.action.js'][177]++;
+  if ((keyCode == 13)) {
+    _$jscoverage['plugins/table.action.js'][179]++;
+    var rng = me.selection.getRange(), caption = domUtils.findParentByTagName(rng.startContainer, "caption", true);
+    _$jscoverage['plugins/table.action.js'][181]++;
+    if (caption) {
+      _$jscoverage['plugins/table.action.js'][182]++;
+      var table = domUtils.findParentByTagName(caption, "table");
+      _$jscoverage['plugins/table.action.js'][183]++;
+      if ((! rng.collapsed)) {
+        _$jscoverage['plugins/table.action.js'][185]++;
+        rng.deleteContents();
+        _$jscoverage['plugins/table.action.js'][186]++;
+        me.fireEvent("saveScene");
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][188]++;
+        if (caption) {
+          _$jscoverage['plugins/table.action.js'][189]++;
+          rng.setStart(table.rows[0].cells[0], 0).setCursor(false, true);
+        }
+      }
+      _$jscoverage['plugins/table.action.js'][192]++;
+      domUtils.preventDefault(evt);
+      _$jscoverage['plugins/table.action.js'][193]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][195]++;
+    if (rng.collapsed) {
+      _$jscoverage['plugins/table.action.js'][196]++;
+      var table = domUtils.findParentByTagName(rng.startContainer, "table");
+      _$jscoverage['plugins/table.action.js'][197]++;
+      if (table) {
+        _$jscoverage['plugins/table.action.js'][198]++;
+        var cell = table.rows[0].cells[0], start = domUtils.findParentByTagName(me.selection.getStart(), ["td", "th"], true), preNode = table.previousSibling;
+        _$jscoverage['plugins/table.action.js'][201]++;
+        if (((cell === start) && ((! preNode) || ((preNode.nodeType == 1) && (preNode.tagName == "TABLE"))) && domUtils.isStartInblock(rng))) {
+          _$jscoverage['plugins/table.action.js'][202]++;
+          var first = domUtils.findParent(me.selection.getStart(), (function (n) {
+  _$jscoverage['plugins/table.action.js'][202]++;
+  return domUtils.isBlockElm(n);
+}), true);
+          _$jscoverage['plugins/table.action.js'][203]++;
+          if ((first && (/t(h|d)/i.test(first.tagName) || (first === start.firstChild)))) {
+            _$jscoverage['plugins/table.action.js'][204]++;
+            me.execCommand("insertparagraphbeforetable");
+            _$jscoverage['plugins/table.action.js'][205]++;
+            domUtils.preventDefault(evt);
+          }
+        }
+      }
+    }
+  }
+  _$jscoverage['plugins/table.action.js'][213]++;
+  if (((evt.ctrlKey || evt.metaKey) && (evt.keyCode == "67"))) {
+    _$jscoverage['plugins/table.action.js'][214]++;
+    tableCopyList = null;
+    _$jscoverage['plugins/table.action.js'][215]++;
+    var ut = getUETableBySelected(me);
+    _$jscoverage['plugins/table.action.js'][216]++;
+    if (ut) {
+      _$jscoverage['plugins/table.action.js'][217]++;
+      var tds = ut.selectedTds;
+      _$jscoverage['plugins/table.action.js'][218]++;
+      isFullCol = ut.isFullCol();
+      _$jscoverage['plugins/table.action.js'][219]++;
+      isFullRow = ut.isFullRow();
+      _$jscoverage['plugins/table.action.js'][220]++;
+      tableCopyList = [[ut.cloneCell(tds[0], null, true)]];
+      _$jscoverage['plugins/table.action.js'][223]++;
+      for (var i = 1, ci = ci; (ci = tds[i]); (i++)) {
+        _$jscoverage['plugins/table.action.js'][224]++;
+        if ((ci.parentNode !== tds[(i - 1)].parentNode)) {
+          _$jscoverage['plugins/table.action.js'][225]++;
+          tableCopyList.push([ut.cloneCell(ci, null, true)]);
+        }
+        else {
+          _$jscoverage['plugins/table.action.js'][227]++;
+          tableCopyList[(tableCopyList.length - 1)].push(ut.cloneCell(ci, null, true));
+        }
+}
+    }
+  }
+}));
+  _$jscoverage['plugins/table.action.js'][234]++;
+  me.addListener("tablehasdeleted", (function () {
+  _$jscoverage['plugins/table.action.js'][235]++;
+  toggleDraggableState(this, false, "", null);
+  _$jscoverage['plugins/table.action.js'][236]++;
+  if (dragButton) {
+    _$jscoverage['plugins/table.action.js'][236]++;
+    domUtils.remove(dragButton);
+  }
+}));
+  _$jscoverage['plugins/table.action.js'][239]++;
+  me.addListener("beforepaste", (function (cmd, html) {
+  _$jscoverage['plugins/table.action.js'][240]++;
+  var me = this;
+  _$jscoverage['plugins/table.action.js'][241]++;
+  var rng = me.selection.getRange();
+  _$jscoverage['plugins/table.action.js'][242]++;
+  if (domUtils.findParentByTagName(rng.startContainer, "caption", true)) {
+    _$jscoverage['plugins/table.action.js'][243]++;
+    var div = me.document.createElement("div");
+    _$jscoverage['plugins/table.action.js'][244]++;
+    div.innerHTML = html.html;
+    _$jscoverage['plugins/table.action.js'][245]++;
+    html.html = div[(browser.ie? "innerText": "textContent")];
+    _$jscoverage['plugins/table.action.js'][246]++;
+    return;
+  }
+  _$jscoverage['plugins/table.action.js'][248]++;
+  var table = getUETableBySelected(me);
+  _$jscoverage['plugins/table.action.js'][249]++;
+  if (tableCopyList) {
+    _$jscoverage['plugins/table.action.js'][250]++;
+    me.fireEvent("saveScene");
+    _$jscoverage['plugins/table.action.js'][251]++;
+    var rng = me.selection.getRange();
+    _$jscoverage['plugins/table.action.js'][252]++;
+    var td = domUtils.findParentByTagName(rng.startContainer, ["td", "th"], true), tmpNode, preNode;
+    _$jscoverage['plugins/table.action.js'][253]++;
+    if (td) {
+      _$jscoverage['plugins/table.action.js'][254]++;
+      var ut = getUETable(td);
+      _$jscoverage['plugins/table.action.js'][255]++;
+      if (isFullRow) {
+        _$jscoverage['plugins/table.action.js'][256]++;
+        var rowIndex = ut.getCellInfo(td).rowIndex;
+        _$jscoverage['plugins/table.action.js'][257]++;
+        if ((td.tagName == "TH")) {
+          _$jscoverage['plugins/table.action.js'][258]++;
+          (rowIndex++);
+        }
+        _$jscoverage['plugins/table.action.js'][260]++;
+        for (var i = 0, ci; (ci = tableCopyList[(i++)]);) {
+          _$jscoverage['plugins/table.action.js'][261]++;
+          var tr = ut.insertRow((rowIndex++), "td");
+          _$jscoverage['plugins/table.action.js'][262]++;
+          for (var j = 0, cj; (cj = ci[j]); (j++)) {
+            _$jscoverage['plugins/table.action.js'][263]++;
+            var cell = tr.cells[j];
+            _$jscoverage['plugins/table.action.js'][264]++;
+            if ((! cell)) {
+              _$jscoverage['plugins/table.action.js'][265]++;
+              cell = tr.insertCell(j);
+            }
+            _$jscoverage['plugins/table.action.js'][267]++;
+            cell.innerHTML = cj.innerHTML;
+            _$jscoverage['plugins/table.action.js'][268]++;
+            (cj.getAttribute("width") && cell.setAttribute("width", cj.getAttribute("width")));
+            _$jscoverage['plugins/table.action.js'][269]++;
+            (cj.getAttribute("vAlign") && cell.setAttribute("vAlign", cj.getAttribute("vAlign")));
+            _$jscoverage['plugins/table.action.js'][270]++;
+            (cj.getAttribute("align") && cell.setAttribute("align", cj.getAttribute("align")));
+            _$jscoverage['plugins/table.action.js'][271]++;
+            (cj.style.cssText && (cell.style.cssText = cj.style.cssText));
+}
+          _$jscoverage['plugins/table.action.js'][273]++;
+          for (var j = 0, cj = cj; (cj = tr.cells[j]); (j++)) {
+            _$jscoverage['plugins/table.action.js'][274]++;
+            if ((! ci[j])) {
+              _$jscoverage['plugins/table.action.js'][275]++;
+              break;
+            }
+            _$jscoverage['plugins/table.action.js'][276]++;
+            cj.innerHTML = ci[j].innerHTML;
+            _$jscoverage['plugins/table.action.js'][277]++;
+            (ci[j].getAttribute("width") && cj.setAttribute("width", ci[j].getAttribute("width")));
+            _$jscoverage['plugins/table.action.js'][278]++;
+            (ci[j].getAttribute("vAlign") && cj.setAttribute("vAlign", ci[j].getAttribute("vAlign")));
+            _$jscoverage['plugins/table.action.js'][279]++;
+            (ci[j].getAttribute("align") && cj.setAttribute("align", ci[j].getAttribute("align")));
+            _$jscoverage['plugins/table.action.js'][280]++;
+            (ci[j].style.cssText && (cj.style.cssText = ci[j].style.cssText));
+}
+}
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][284]++;
+        if (isFullCol) {
+          _$jscoverage['plugins/table.action.js'][285]++;
+          cellInfo = ut.getCellInfo(td);
+          _$jscoverage['plugins/table.action.js'][286]++;
+          var maxColNum = 0;
+          _$jscoverage['plugins/table.action.js'][287]++;
+          for (var j = 0, ci = tableCopyList[0], cj = cj; (cj = ci[(j++)]);) {
+            _$jscoverage['plugins/table.action.js'][288]++;
+            maxColNum += (cj.colSpan || 1);
+}
+          _$jscoverage['plugins/table.action.js'][290]++;
+          me.__hasEnterExecCommand = true;
+          _$jscoverage['plugins/table.action.js'][291]++;
+          for (i = 0; (i < maxColNum); (i++)) {
+            _$jscoverage['plugins/table.action.js'][292]++;
+            me.execCommand("insertcol");
+}
+          _$jscoverage['plugins/table.action.js'][294]++;
+          me.__hasEnterExecCommand = false;
+          _$jscoverage['plugins/table.action.js'][295]++;
+          td = ut.table.rows[0].cells[cellInfo.cellIndex];
+          _$jscoverage['plugins/table.action.js'][296]++;
+          if ((td.tagName == "TH")) {
+            _$jscoverage['plugins/table.action.js'][297]++;
+            td = ut.table.rows[1].cells[cellInfo.cellIndex];
+          }
+        }
+        _$jscoverage['plugins/table.action.js'][300]++;
+        for (var i = 0, ci = ci; (ci = tableCopyList[(i++)]);) {
+          _$jscoverage['plugins/table.action.js'][301]++;
+          tmpNode = td;
+          _$jscoverage['plugins/table.action.js'][302]++;
+          for (var j = 0, cj = cj; (cj = ci[(j++)]);) {
+            _$jscoverage['plugins/table.action.js'][303]++;
+            if (td) {
+              _$jscoverage['plugins/table.action.js'][304]++;
+              td.innerHTML = cj.innerHTML;
+              _$jscoverage['plugins/table.action.js'][306]++;
+              (cj.getAttribute("width") && td.setAttribute("width", cj.getAttribute("width")));
+              _$jscoverage['plugins/table.action.js'][307]++;
+              (cj.getAttribute("vAlign") && td.setAttribute("vAlign", cj.getAttribute("vAlign")));
+              _$jscoverage['plugins/table.action.js'][308]++;
+              (cj.getAttribute("align") && td.setAttribute("align", cj.getAttribute("align")));
+              _$jscoverage['plugins/table.action.js'][309]++;
+              (cj.style.cssText && (td.style.cssText = cj.style.cssText));
+              _$jscoverage['plugins/table.action.js'][310]++;
+              preNode = td;
+              _$jscoverage['plugins/table.action.js'][311]++;
+              td = td.nextSibling;
+            }
+            else {
+              _$jscoverage['plugins/table.action.js'][313]++;
+              var cloneTd = cj.cloneNode(true);
+              _$jscoverage['plugins/table.action.js'][314]++;
+              domUtils.removeAttributes(cloneTd, ["class", "rowSpan", "colSpan"]);
+              _$jscoverage['plugins/table.action.js'][316]++;
+              preNode.parentNode.appendChild(cloneTd);
+            }
+}
+          _$jscoverage['plugins/table.action.js'][319]++;
+          td = ut.getNextCell(tmpNode, true, true);
+          _$jscoverage['plugins/table.action.js'][320]++;
+          if ((! tableCopyList[i])) {
+            _$jscoverage['plugins/table.action.js'][321]++;
+            break;
+          }
+          _$jscoverage['plugins/table.action.js'][322]++;
+          if ((! td)) {
+            _$jscoverage['plugins/table.action.js'][323]++;
+            var cellInfo = ut.getCellInfo(tmpNode);
+            _$jscoverage['plugins/table.action.js'][324]++;
+            ut.table.insertRow(ut.table.rows.length);
+            _$jscoverage['plugins/table.action.js'][325]++;
+            ut.update();
+            _$jscoverage['plugins/table.action.js'][326]++;
+            td = ut.getVSideCell(tmpNode, true);
+          }
+}
+      }
+      _$jscoverage['plugins/table.action.js'][330]++;
+      ut.update();
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][332]++;
+      table = me.document.createElement("table");
+      _$jscoverage['plugins/table.action.js'][333]++;
+      for (var i = 0, ci = ci; (ci = tableCopyList[(i++)]);) {
+        _$jscoverage['plugins/table.action.js'][334]++;
+        var tr = table.insertRow(table.rows.length);
+        _$jscoverage['plugins/table.action.js'][335]++;
+        for (var j = 0, cj = cj; (cj = ci[(j++)]);) {
+          _$jscoverage['plugins/table.action.js'][336]++;
+          cloneTd = UT.cloneCell(cj, null, true);
+          _$jscoverage['plugins/table.action.js'][337]++;
+          domUtils.removeAttributes(cloneTd, ["class"]);
+          _$jscoverage['plugins/table.action.js'][338]++;
+          tr.appendChild(cloneTd);
+}
+        _$jscoverage['plugins/table.action.js'][340]++;
+        if (((j == 2) && (cloneTd.rowSpan > 1))) {
+          _$jscoverage['plugins/table.action.js'][341]++;
+          cloneTd.rowSpan = 1;
+        }
+}
+      _$jscoverage['plugins/table.action.js'][345]++;
+      var defaultValue = getDefaultValue(me), width = (me.body.offsetWidth - (needIEHack? (parseInt(domUtils.getComputedStyle(me.body, "margin-left"), 10) * 2): 0) - (defaultValue.tableBorder * 2) - (me.options.offsetWidth || 0));
+      _$jscoverage['plugins/table.action.js'][348]++;
+      me.execCommand("insertHTML", ("<table  " + ((isFullCol && isFullRow)? ("width=\"" + width + "\""): "") + ">" + table.innerHTML.replace(/>\s*</g, "><").replace(/\bth\b/gi, "td") + "</table>"));
+    }
+    _$jscoverage['plugins/table.action.js'][352]++;
+    me.fireEvent("contentchange");
+    _$jscoverage['plugins/table.action.js'][353]++;
+    me.fireEvent("saveScene");
+    _$jscoverage['plugins/table.action.js'][354]++;
+    html.html = "";
+    _$jscoverage['plugins/table.action.js'][355]++;
+    return true;
+  }
+  else {
+    _$jscoverage['plugins/table.action.js'][357]++;
+    var div = me.document.createElement("div"), tables;
+    _$jscoverage['plugins/table.action.js'][358]++;
+    div.innerHTML = html.html;
+    _$jscoverage['plugins/table.action.js'][359]++;
+    tables = div.getElementsByTagName("table");
+    _$jscoverage['plugins/table.action.js'][360]++;
+    if (domUtils.findParentByTagName(me.selection.getStart(), "table")) {
+      _$jscoverage['plugins/table.action.js'][361]++;
+      utils.each(tables, (function (t) {
+  _$jscoverage['plugins/table.action.js'][362]++;
+  domUtils.remove(t);
+}));
+      _$jscoverage['plugins/table.action.js'][364]++;
+      if (domUtils.findParentByTagName(me.selection.getStart(), "caption", true)) {
+        _$jscoverage['plugins/table.action.js'][365]++;
+        div.innerHTML = div[(browser.ie? "innerText": "textContent")];
+      }
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][368]++;
+      utils.each(tables, (function (table) {
+  _$jscoverage['plugins/table.action.js'][369]++;
+  removeStyleSize(table, true);
+  _$jscoverage['plugins/table.action.js'][370]++;
+  domUtils.removeAttributes(table, ["style", "border"]);
+  _$jscoverage['plugins/table.action.js'][371]++;
+  utils.each(domUtils.getElementsByTagName(table, "td"), (function (td) {
+  _$jscoverage['plugins/table.action.js'][372]++;
+  if (isEmptyBlock(td)) {
+    _$jscoverage['plugins/table.action.js'][373]++;
+    domUtils.fillNode(me.document, td);
+  }
+  _$jscoverage['plugins/table.action.js'][375]++;
+  removeStyleSize(td, true);
+}));
+}));
+    }
+    _$jscoverage['plugins/table.action.js'][380]++;
+    html.html = div.innerHTML;
+  }
+}));
+  _$jscoverage['plugins/table.action.js'][384]++;
+  me.addListener("afterpaste", (function () {
+  _$jscoverage['plugins/table.action.js'][385]++;
+  utils.each(domUtils.getElementsByTagName(me.body, "table"), (function (table) {
+  _$jscoverage['plugins/table.action.js'][386]++;
+  if ((table.offsetWidth > me.body.offsetWidth)) {
+    _$jscoverage['plugins/table.action.js'][387]++;
+    var defaultValue = getDefaultValue(me, table);
+    _$jscoverage['plugins/table.action.js'][388]++;
+    table.style.width = ((me.body.offsetWidth - (needIEHack? (parseInt(domUtils.getComputedStyle(me.body, "margin-left"), 10) * 2): 0) - (defaultValue.tableBorder * 2) - (me.options.offsetWidth || 0)) + "px");
+  }
+}));
+}));
+  _$jscoverage['plugins/table.action.js'][392]++;
+  me.addListener("blur", (function () {
+  _$jscoverage['plugins/table.action.js'][393]++;
+  tableCopyList = null;
+}));
+  _$jscoverage['plugins/table.action.js'][395]++;
+  var timer;
+  _$jscoverage['plugins/table.action.js'][396]++;
+  me.addListener("keydown", (function () {
+  _$jscoverage['plugins/table.action.js'][397]++;
+  clearTimeout(timer);
+  _$jscoverage['plugins/table.action.js'][398]++;
+  timer = setTimeout((function () {
+  _$jscoverage['plugins/table.action.js'][399]++;
+  var rng = me.selection.getRange(), cell = domUtils.findParentByTagName(rng.startContainer, ["th", "td"], true);
+  _$jscoverage['plugins/table.action.js'][401]++;
+  if (cell) {
+    _$jscoverage['plugins/table.action.js'][402]++;
+    var table = cell.parentNode.parentNode.parentNode;
+    _$jscoverage['plugins/table.action.js'][403]++;
+    if ((table.offsetWidth > table.getAttribute("width"))) {
+      _$jscoverage['plugins/table.action.js'][404]++;
+      cell.style.wordBreak = "break-all";
+    }
+  }
+}), 100);
+}));
+  _$jscoverage['plugins/table.action.js'][410]++;
+  me.addListener("selectionchange", (function () {
+  _$jscoverage['plugins/table.action.js'][411]++;
+  toggleDraggableState(me, false, "", null);
+}));
+  _$jscoverage['plugins/table.action.js'][417]++;
+  me.addListener("contentchange", (function () {
+  _$jscoverage['plugins/table.action.js'][418]++;
+  var me = this;
+  _$jscoverage['plugins/table.action.js'][420]++;
+  hideDragLine(me);
+  _$jscoverage['plugins/table.action.js'][421]++;
+  if (getUETableBySelected(me)) {
+    _$jscoverage['plugins/table.action.js'][421]++;
+    return;
+  }
+  _$jscoverage['plugins/table.action.js'][422]++;
+  var rng = me.selection.getRange();
+  _$jscoverage['plugins/table.action.js'][423]++;
+  var start = rng.startContainer;
+  _$jscoverage['plugins/table.action.js'][424]++;
+  start = domUtils.findParentByTagName(start, ["td", "th"], true);
+  _$jscoverage['plugins/table.action.js'][425]++;
+  utils.each(domUtils.getElementsByTagName(me.document, "table"), (function (table) {
+  _$jscoverage['plugins/table.action.js'][426]++;
+  if ((me.fireEvent("excludetable", table) === true)) {
+    _$jscoverage['plugins/table.action.js'][426]++;
+    return;
+  }
+  _$jscoverage['plugins/table.action.js'][427]++;
+  table.ueTable = new UT(table);
+  _$jscoverage['plugins/table.action.js'][428]++;
+  utils.each(domUtils.getElementsByTagName(me.document, "td"), (function (td) {
+  _$jscoverage['plugins/table.action.js'][430]++;
+  if ((domUtils.isEmptyBlock(td) && (td !== start))) {
+    _$jscoverage['plugins/table.action.js'][431]++;
+    domUtils.fillNode(me.document, td);
+    _$jscoverage['plugins/table.action.js'][432]++;
+    if ((browser.ie && (browser.version == 6))) {
+      _$jscoverage['plugins/table.action.js'][433]++;
+      td.innerHTML = "&nbsp;";
+    }
+  }
+}));
+  _$jscoverage['plugins/table.action.js'][437]++;
+  utils.each(domUtils.getElementsByTagName(me.document, "th"), (function (th) {
+  _$jscoverage['plugins/table.action.js'][438]++;
+  if ((domUtils.isEmptyBlock(th) && (th !== start))) {
+    _$jscoverage['plugins/table.action.js'][439]++;
+    domUtils.fillNode(me.document, th);
+    _$jscoverage['plugins/table.action.js'][440]++;
+    if ((browser.ie && (browser.version == 6))) {
+      _$jscoverage['plugins/table.action.js'][441]++;
+      th.innerHTML = "&nbsp;";
+    }
+  }
+}));
+  _$jscoverage['plugins/table.action.js'][445]++;
+  table.onmouseover = (function () {
+  _$jscoverage['plugins/table.action.js'][446]++;
+  me.fireEvent("tablemouseover", table);
+});
+  _$jscoverage['plugins/table.action.js'][448]++;
+  table.onmousemove = (function () {
+  _$jscoverage['plugins/table.action.js'][449]++;
+  me.fireEvent("tablemousemove", table);
+  _$jscoverage['plugins/table.action.js'][450]++;
+  (me.options.tableDragable && toggleDragButton(true, this, me));
+});
+  _$jscoverage['plugins/table.action.js'][452]++;
+  table.onmouseout = (function () {
+  _$jscoverage['plugins/table.action.js'][453]++;
+  me.fireEvent("tablemouseout", table);
+  _$jscoverage['plugins/table.action.js'][454]++;
+  toggleDraggableState(me, false, "", null);
+  _$jscoverage['plugins/table.action.js'][455]++;
+  hideDragLine(me);
+});
+  _$jscoverage['plugins/table.action.js'][457]++;
+  table.onclick = (function (evt) {
+  _$jscoverage['plugins/table.action.js'][458]++;
+  evt = (me.window.event || evt);
+  _$jscoverage['plugins/table.action.js'][459]++;
+  var target = getParentTdOrTh((evt.target || evt.srcElement));
+  _$jscoverage['plugins/table.action.js'][460]++;
+  if ((! target)) {
+    _$jscoverage['plugins/table.action.js'][460]++;
+    return;
+  }
+  _$jscoverage['plugins/table.action.js'][461]++;
+  var ut = getUETable(target), table = ut.table, cellInfo = ut.getCellInfo(target), cellsRange, rng = me.selection.getRange();
+  _$jscoverage['plugins/table.action.js'][475]++;
+  if (inTableSide(table, target, evt, true)) {
+    _$jscoverage['plugins/table.action.js'][476]++;
+    var endTdCol = ut.getCell(ut.indexTable[(ut.rowsNum - 1)][cellInfo.colIndex].rowIndex, ut.indexTable[(ut.rowsNum - 1)][cellInfo.colIndex].cellIndex);
+    _$jscoverage['plugins/table.action.js'][477]++;
+    if ((evt.shiftKey && ut.selectedTds.length)) {
+      _$jscoverage['plugins/table.action.js'][478]++;
+      if ((ut.selectedTds[0] !== endTdCol)) {
+        _$jscoverage['plugins/table.action.js'][479]++;
+        cellsRange = ut.getCellsRange(ut.selectedTds[0], endTdCol);
+        _$jscoverage['plugins/table.action.js'][480]++;
+        ut.setSelected(cellsRange);
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][482]++;
+        (rng && rng.selectNodeContents(endTdCol).select());
+      }
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][485]++;
+      if ((target !== endTdCol)) {
+        _$jscoverage['plugins/table.action.js'][486]++;
+        cellsRange = ut.getCellsRange(target, endTdCol);
+        _$jscoverage['plugins/table.action.js'][487]++;
+        ut.setSelected(cellsRange);
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][489]++;
+        (rng && rng.selectNodeContents(endTdCol).select());
+      }
+    }
+    _$jscoverage['plugins/table.action.js'][492]++;
+    return;
+  }
+  _$jscoverage['plugins/table.action.js'][494]++;
+  if (inTableSide(table, target, evt)) {
+    _$jscoverage['plugins/table.action.js'][495]++;
+    var endTdRow = ut.getCell(ut.indexTable[cellInfo.rowIndex][(ut.colsNum - 1)].rowIndex, ut.indexTable[cellInfo.rowIndex][(ut.colsNum - 1)].cellIndex);
+    _$jscoverage['plugins/table.action.js'][496]++;
+    if ((evt.shiftKey && ut.selectedTds.length)) {
+      _$jscoverage['plugins/table.action.js'][497]++;
+      if ((ut.selectedTds[0] !== endTdRow)) {
+        _$jscoverage['plugins/table.action.js'][498]++;
+        cellsRange = ut.getCellsRange(ut.selectedTds[0], endTdRow);
+        _$jscoverage['plugins/table.action.js'][499]++;
+        ut.setSelected(cellsRange);
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][501]++;
+        (rng && rng.selectNodeContents(endTdRow).select());
+      }
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][504]++;
+      if ((target !== endTdRow)) {
+        _$jscoverage['plugins/table.action.js'][505]++;
+        cellsRange = ut.getCellsRange(target, endTdRow);
+        _$jscoverage['plugins/table.action.js'][506]++;
+        ut.setSelected(cellsRange);
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][508]++;
+        (rng && rng.selectNodeContents(endTdRow).select());
+      }
+    }
+  }
+});
+}));
+  _$jscoverage['plugins/table.action.js'][515]++;
+  switchBorderColor(me, true);
+}));
+  _$jscoverage['plugins/table.action.js'][518]++;
+  domUtils.on(me.document, "mousemove", mouseMoveEvent);
+  _$jscoverage['plugins/table.action.js'][520]++;
+  domUtils.on(me.document, "mouseout", (function (evt) {
+  _$jscoverage['plugins/table.action.js'][521]++;
+  var target = (evt.target || evt.srcElement);
+  _$jscoverage['plugins/table.action.js'][522]++;
+  if ((target.tagName == "TABLE")) {
+    _$jscoverage['plugins/table.action.js'][523]++;
+    toggleDraggableState(me, false, "", null);
+  }
+}));
+  _$jscoverage['plugins/table.action.js'][529]++;
+  me.addListener("interlacetable", (function (type, table, classList) {
+  _$jscoverage['plugins/table.action.js'][530]++;
+  if ((! table)) {
+    _$jscoverage['plugins/table.action.js'][530]++;
+    return;
+  }
+  _$jscoverage['plugins/table.action.js'][531]++;
+  var me = this, rows = table.rows, len = rows.length, getClass = (function (list, index, repeat) {
+  _$jscoverage['plugins/table.action.js'][535]++;
+  return (list[index]? list[index]: (repeat? list[(index % list.length)]: ""));
+});
+  _$jscoverage['plugins/table.action.js'][537]++;
+  for (var i = 0; (i < len); (i++)) {
+    _$jscoverage['plugins/table.action.js'][538]++;
+    rows[i].className = getClass((classList || me.options.classList), i, true);
+}
+}));
+  _$jscoverage['plugins/table.action.js'][541]++;
+  me.addListener("uninterlacetable", (function (type, table) {
+  _$jscoverage['plugins/table.action.js'][542]++;
+  if ((! table)) {
+    _$jscoverage['plugins/table.action.js'][542]++;
+    return;
+  }
+  _$jscoverage['plugins/table.action.js'][543]++;
+  var me = this, rows = table.rows, classList = me.options.classList, len = rows.length;
+  _$jscoverage['plugins/table.action.js'][547]++;
+  for (var i = 0; (i < len); (i++)) {
+    _$jscoverage['plugins/table.action.js'][548]++;
+    domUtils.removeClasses(rows[i], classList);
+}
+}));
+  _$jscoverage['plugins/table.action.js'][552]++;
+  me.addListener("mousedown", mouseDownEvent);
+  _$jscoverage['plugins/table.action.js'][553]++;
+  me.addListener("mouseup", mouseUpEvent);
+  _$jscoverage['plugins/table.action.js'][555]++;
+  domUtils.on(me.body, "dragstart", (function (evt) {
+  _$jscoverage['plugins/table.action.js'][556]++;
+  mouseUpEvent.call(me, "dragstart", evt);
+}));
+  _$jscoverage['plugins/table.action.js'][559]++;
+  var currentRowIndex = 0;
+  _$jscoverage['plugins/table.action.js'][560]++;
+  me.addListener("mousedown", (function () {
+  _$jscoverage['plugins/table.action.js'][561]++;
+  currentRowIndex = 0;
+}));
+  _$jscoverage['plugins/table.action.js'][563]++;
+  me.addListener("tabkeydown", (function () {
+  _$jscoverage['plugins/table.action.js'][564]++;
+  var range = this.selection.getRange(), common = range.getCommonAncestor(true, true), table = domUtils.findParentByTagName(common, "table");
+  _$jscoverage['plugins/table.action.js'][567]++;
+  if (table) {
+    _$jscoverage['plugins/table.action.js'][568]++;
+    if (domUtils.findParentByTagName(common, "caption", true)) {
+      _$jscoverage['plugins/table.action.js'][569]++;
+      var cell = domUtils.getElementsByTagName(table, "th td");
+      _$jscoverage['plugins/table.action.js'][570]++;
+      if ((cell && cell.length)) {
+        _$jscoverage['plugins/table.action.js'][571]++;
+        range.setStart(cell[0], 0).setCursor(false, true);
+      }
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][574]++;
+      var cell = domUtils.findParentByTagName(common, ["td", "th"], true), ua = getUETable(cell);
+      _$jscoverage['plugins/table.action.js'][576]++;
+      currentRowIndex = ((cell.rowSpan > 1)? currentRowIndex: ua.getCellInfo(cell).rowIndex);
+      _$jscoverage['plugins/table.action.js'][577]++;
+      var nextCell = ua.getTabNextCell(cell, currentRowIndex);
+      _$jscoverage['plugins/table.action.js'][578]++;
+      if (nextCell) {
+        _$jscoverage['plugins/table.action.js'][579]++;
+        if (isEmptyBlock(nextCell)) {
+          _$jscoverage['plugins/table.action.js'][580]++;
+          range.setStart(nextCell, 0).setCursor(false, true);
+        }
+        else {
+          _$jscoverage['plugins/table.action.js'][582]++;
+          range.selectNodeContents(nextCell).select();
+        }
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][585]++;
+        me.fireEvent("saveScene");
+        _$jscoverage['plugins/table.action.js'][586]++;
+        me.__hasEnterExecCommand = true;
+        _$jscoverage['plugins/table.action.js'][587]++;
+        this.execCommand("insertrownext");
+        _$jscoverage['plugins/table.action.js'][588]++;
+        me.__hasEnterExecCommand = false;
+        _$jscoverage['plugins/table.action.js'][589]++;
+        range = this.selection.getRange();
+        _$jscoverage['plugins/table.action.js'][590]++;
+        range.setStart(table.rows[(table.rows.length - 1)].cells[0], 0).setCursor();
+        _$jscoverage['plugins/table.action.js'][591]++;
+        me.fireEvent("saveScene");
+      }
+    }
+    _$jscoverage['plugins/table.action.js'][594]++;
+    return true;
+  }
+}));
+  _$jscoverage['plugins/table.action.js'][598]++;
+  (browser.ie && me.addListener("selectionchange", (function () {
+  _$jscoverage['plugins/table.action.js'][599]++;
+  toggleDraggableState(this, false, "", null);
+})));
+  _$jscoverage['plugins/table.action.js'][601]++;
+  me.addListener("keydown", (function (type, evt) {
+  _$jscoverage['plugins/table.action.js'][602]++;
+  var me = this;
+  _$jscoverage['plugins/table.action.js'][604]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/table.action.js'][605]++;
+  if (((keyCode == 8) || (keyCode == 46))) {
+    _$jscoverage['plugins/table.action.js'][606]++;
+    return;
+  }
+  _$jscoverage['plugins/table.action.js'][608]++;
+  var notCtrlKey = ((! evt.ctrlKey) && (! evt.metaKey) && (! evt.shiftKey) && (! evt.altKey));
+  _$jscoverage['plugins/table.action.js'][609]++;
+  (notCtrlKey && removeSelectedClass(domUtils.getElementsByTagName(me.body, "td")));
+  _$jscoverage['plugins/table.action.js'][610]++;
+  var ut = getUETableBySelected(me);
+  _$jscoverage['plugins/table.action.js'][611]++;
+  if ((! ut)) {
+    _$jscoverage['plugins/table.action.js'][611]++;
+    return;
+  }
+  _$jscoverage['plugins/table.action.js'][612]++;
+  (notCtrlKey && ut.clearSelected());
+}));
+  _$jscoverage['plugins/table.action.js'][615]++;
+  me.addListener("beforegetcontent", (function () {
+  _$jscoverage['plugins/table.action.js'][616]++;
+  switchBorderColor(this, false);
+  _$jscoverage['plugins/table.action.js'][617]++;
+  (browser.ie && utils.each(this.document.getElementsByTagName("caption"), (function (ci) {
+  _$jscoverage['plugins/table.action.js'][618]++;
+  if (domUtils.isEmptyNode(ci)) {
+    _$jscoverage['plugins/table.action.js'][619]++;
+    ci.innerHTML = "&nbsp;";
+  }
+})));
+}));
+  _$jscoverage['plugins/table.action.js'][623]++;
+  me.addListener("aftergetcontent", (function () {
+  _$jscoverage['plugins/table.action.js'][624]++;
+  switchBorderColor(this, true);
+}));
+  _$jscoverage['plugins/table.action.js'][626]++;
+  me.addListener("getAllHtml", (function () {
+  _$jscoverage['plugins/table.action.js'][627]++;
+  removeSelectedClass(me.document.getElementsByTagName("td"));
+}));
+  _$jscoverage['plugins/table.action.js'][630]++;
+  me.addListener("fullscreenchanged", (function (type, fullscreen) {
+  _$jscoverage['plugins/table.action.js'][631]++;
+  if ((! fullscreen)) {
+    _$jscoverage['plugins/table.action.js'][632]++;
+    var ratio = (this.body.offsetWidth / document.body.offsetWidth), tables = domUtils.getElementsByTagName(this.body, "table");
+    _$jscoverage['plugins/table.action.js'][634]++;
+    utils.each(tables, (function (table) {
+  _$jscoverage['plugins/table.action.js'][635]++;
+  if ((table.offsetWidth < me.body.offsetWidth)) {
+    _$jscoverage['plugins/table.action.js'][635]++;
+    return false;
+  }
+  _$jscoverage['plugins/table.action.js'][636]++;
+  var tds = domUtils.getElementsByTagName(table, "td"), backWidths = [];
+  _$jscoverage['plugins/table.action.js'][638]++;
+  utils.each(tds, (function (td) {
+  _$jscoverage['plugins/table.action.js'][639]++;
+  backWidths.push(td.offsetWidth);
+}));
+  _$jscoverage['plugins/table.action.js'][641]++;
+  for (var i = 0, td; (td = tds[i]); (i++)) {
+    _$jscoverage['plugins/table.action.js'][642]++;
+    td.setAttribute("width", Math.floor((backWidths[i] * ratio)));
+}
+  _$jscoverage['plugins/table.action.js'][644]++;
+  table.setAttribute("width", Math.floor(getTableWidth(me, needIEHack, getDefaultValue(me))));
+}));
+  }
+}));
+  _$jscoverage['plugins/table.action.js'][650]++;
+  var oldExecCommand = me.execCommand;
+  _$jscoverage['plugins/table.action.js'][651]++;
+  me.execCommand = (function (cmd, datatat) {
+  _$jscoverage['plugins/table.action.js'][653]++;
+  var me = this, args = arguments;
+  _$jscoverage['plugins/table.action.js'][656]++;
+  cmd = cmd.toLowerCase();
+  _$jscoverage['plugins/table.action.js'][657]++;
+  var ut = getUETableBySelected(me), tds, range = new (dom.Range)(me.document), cmdFun = (me.commands[cmd] || UE.commands[cmd]), result;
+  _$jscoverage['plugins/table.action.js'][661]++;
+  if ((! cmdFun)) {
+    _$jscoverage['plugins/table.action.js'][661]++;
+    return;
+  }
+  _$jscoverage['plugins/table.action.js'][662]++;
+  if ((ut && (! commands[cmd]) && (! cmdFun.notNeedUndo) && (! me.__hasEnterExecCommand))) {
+    _$jscoverage['plugins/table.action.js'][663]++;
+    me.__hasEnterExecCommand = true;
+    _$jscoverage['plugins/table.action.js'][664]++;
+    me.fireEvent("beforeexeccommand", cmd);
+    _$jscoverage['plugins/table.action.js'][665]++;
+    tds = ut.selectedTds;
+    _$jscoverage['plugins/table.action.js'][666]++;
+    var lastState = -2, lastValue = -2, value, state;
+    _$jscoverage['plugins/table.action.js'][667]++;
+    for (var i = 0, td; (td = tds[i]); (i++)) {
+      _$jscoverage['plugins/table.action.js'][668]++;
+      if (isEmptyBlock(td)) {
+        _$jscoverage['plugins/table.action.js'][669]++;
+        range.setStart(td, 0).setCursor(false, true);
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][671]++;
+        range.selectNode(td).select(true);
+      }
+      _$jscoverage['plugins/table.action.js'][673]++;
+      state = me.queryCommandState(cmd);
+      _$jscoverage['plugins/table.action.js'][674]++;
+      value = me.queryCommandValue(cmd);
+      _$jscoverage['plugins/table.action.js'][675]++;
+      if ((state != -1)) {
+        _$jscoverage['plugins/table.action.js'][676]++;
+        if (((lastState !== state) || (lastValue !== value))) {
+          _$jscoverage['plugins/table.action.js'][677]++;
+          me._ignoreContentChange = true;
+          _$jscoverage['plugins/table.action.js'][678]++;
+          result = oldExecCommand.apply(me, arguments);
+          _$jscoverage['plugins/table.action.js'][679]++;
+          me._ignoreContentChange = false;
+        }
+        _$jscoverage['plugins/table.action.js'][682]++;
+        lastState = me.queryCommandState(cmd);
+        _$jscoverage['plugins/table.action.js'][683]++;
+        lastValue = me.queryCommandValue(cmd);
+        _$jscoverage['plugins/table.action.js'][684]++;
+        if (domUtils.isEmptyBlock(td)) {
+          _$jscoverage['plugins/table.action.js'][685]++;
+          domUtils.fillNode(me.document, td);
+        }
+      }
+}
+    _$jscoverage['plugins/table.action.js'][689]++;
+    range.setStart(tds[0], 0).shrinkBoundary(true).setCursor(false, true);
+    _$jscoverage['plugins/table.action.js'][690]++;
+    me.fireEvent("contentchange");
+    _$jscoverage['plugins/table.action.js'][691]++;
+    me.fireEvent("afterexeccommand", cmd);
+    _$jscoverage['plugins/table.action.js'][692]++;
+    me.__hasEnterExecCommand = false;
+    _$jscoverage['plugins/table.action.js'][693]++;
+    me._selectionChange();
+  }
+  else {
+    _$jscoverage['plugins/table.action.js'][695]++;
+    result = oldExecCommand.apply(me, arguments);
+  }
+  _$jscoverage['plugins/table.action.js'][697]++;
+  return result;
+});
+}));
+  _$jscoverage['plugins/table.action.js'][707]++;
+  function removeStyleSize(obj, replaceToProperty) {
+    _$jscoverage['plugins/table.action.js'][708]++;
+    removeStyle(obj, "width", true);
+    _$jscoverage['plugins/table.action.js'][709]++;
+    removeStyle(obj, "height", true);
+}
+  _$jscoverage['plugins/table.action.js'][712]++;
+  function removeStyle(obj, styleName, replaceToProperty) {
+    _$jscoverage['plugins/table.action.js'][713]++;
+    if (obj.style[styleName]) {
+      _$jscoverage['plugins/table.action.js'][714]++;
+      (replaceToProperty && obj.setAttribute(styleName, parseInt(obj.style[styleName], 10)));
+      _$jscoverage['plugins/table.action.js'][715]++;
+      obj.style[styleName] = "";
+    }
+}
+  _$jscoverage['plugins/table.action.js'][719]++;
+  function getParentTdOrTh(ele) {
+    _$jscoverage['plugins/table.action.js'][720]++;
+    if (((ele.tagName == "TD") || (ele.tagName == "TH"))) {
+      _$jscoverage['plugins/table.action.js'][720]++;
+      return ele;
+    }
+    _$jscoverage['plugins/table.action.js'][721]++;
+    var td;
+    _$jscoverage['plugins/table.action.js'][722]++;
+    if ((td = (domUtils.findParentByTagName(ele, "td", true) || domUtils.findParentByTagName(ele, "th", true)))) {
+      _$jscoverage['plugins/table.action.js'][722]++;
+      return td;
+    }
+    _$jscoverage['plugins/table.action.js'][723]++;
+    return null;
+}
+  _$jscoverage['plugins/table.action.js'][726]++;
+  function isEmptyBlock(node) {
+    _$jscoverage['plugins/table.action.js'][727]++;
+    var reg = new RegExp(domUtils.fillChar, "g");
+    _$jscoverage['plugins/table.action.js'][728]++;
+    if ((node[(browser.ie? "innerText": "textContent")].replace(/^\s*$/, "").replace(reg, "").length > 0)) {
+      _$jscoverage['plugins/table.action.js'][729]++;
+      return 0;
+    }
+    _$jscoverage['plugins/table.action.js'][731]++;
+    for (var n in dtd.$isNotEmpty) {
+      _$jscoverage['plugins/table.action.js'][732]++;
+      if (node.getElementsByTagName(n).length) {
+        _$jscoverage['plugins/table.action.js'][733]++;
+        return 0;
+      }
+}
+    _$jscoverage['plugins/table.action.js'][736]++;
+    return 1;
+}
+  _$jscoverage['plugins/table.action.js'][740]++;
+  function mouseCoords(evt) {
+    _$jscoverage['plugins/table.action.js'][741]++;
+    if ((evt.pageX || evt.pageY)) {
+      _$jscoverage['plugins/table.action.js'][742]++;
+      return ({x: evt.pageX, y: evt.pageY});
+    }
+    _$jscoverage['plugins/table.action.js'][744]++;
+    return ({x: ((evt.clientX + me.document.body.scrollLeft) - me.document.body.clientLeft), y: ((evt.clientY + me.document.body.scrollTop) - me.document.body.clientTop)});
+}
+  _$jscoverage['plugins/table.action.js'][750]++;
+  function mouseMoveEvent(evt) {
+    _$jscoverage['plugins/table.action.js'][752]++;
+    if (isEditorDisabled()) {
+      _$jscoverage['plugins/table.action.js'][753]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][756]++;
+    try {
+      _$jscoverage['plugins/table.action.js'][759]++;
+      var target = getParentTdOrTh((evt.target || evt.srcElement)), pos;
+      _$jscoverage['plugins/table.action.js'][763]++;
+      if (isInResizeBuffer) {
+        _$jscoverage['plugins/table.action.js'][765]++;
+        me.body.style.webkitUserSelect = "none";
+        _$jscoverage['plugins/table.action.js'][767]++;
+        if (((Math.abs((userActionStatus.x - evt.clientX)) > offsetOfTableCell) || (Math.abs((userActionStatus.y - evt.clientY)) > offsetOfTableCell))) {
+          _$jscoverage['plugins/table.action.js'][768]++;
+          clearTableDragTimer();
+          _$jscoverage['plugins/table.action.js'][769]++;
+          isInResizeBuffer = false;
+          _$jscoverage['plugins/table.action.js'][770]++;
+          singleClickState = 0;
+          _$jscoverage['plugins/table.action.js'][772]++;
+          tableBorderDrag(evt);
+        }
+      }
+      _$jscoverage['plugins/table.action.js'][777]++;
+      if ((onDrag && dragTd)) {
+        _$jscoverage['plugins/table.action.js'][778]++;
+        singleClickState = 0;
+        _$jscoverage['plugins/table.action.js'][779]++;
+        me.body.style.webkitUserSelect = "none";
+        _$jscoverage['plugins/table.action.js'][780]++;
+        (me.selection.getNative()[(browser.ie? "empty": "removeAllRanges")])();
+        _$jscoverage['plugins/table.action.js'][781]++;
+        pos = mouseCoords(evt);
+        _$jscoverage['plugins/table.action.js'][782]++;
+        toggleDraggableState(me, true, onDrag, pos, target);
+        _$jscoverage['plugins/table.action.js'][783]++;
+        if ((onDrag == "h")) {
+          _$jscoverage['plugins/table.action.js'][784]++;
+          dragLine.style.left = (getPermissionX(dragTd, evt) + "px");
+        }
+        else {
+          _$jscoverage['plugins/table.action.js'][785]++;
+          if ((onDrag == "v")) {
+            _$jscoverage['plugins/table.action.js'][786]++;
+            dragLine.style.top = (getPermissionY(dragTd, evt) + "px");
+          }
+        }
+        _$jscoverage['plugins/table.action.js'][788]++;
+        return;
+      }
+      _$jscoverage['plugins/table.action.js'][791]++;
+      if (target) {
+        _$jscoverage['plugins/table.action.js'][793]++;
+        if ((me.fireEvent("excludetable", target) === true)) {
+          _$jscoverage['plugins/table.action.js'][794]++;
+          return;
+        }
+        _$jscoverage['plugins/table.action.js'][795]++;
+        pos = mouseCoords(evt);
+        _$jscoverage['plugins/table.action.js'][796]++;
+        var state = getRelation(target, pos), table = domUtils.findParentByTagName(target, "table", true);
+        _$jscoverage['plugins/table.action.js'][799]++;
+        if (inTableSide(table, target, evt, true)) {
+          _$jscoverage['plugins/table.action.js'][800]++;
+          if ((me.fireEvent("excludetable", table) === true)) {
+            _$jscoverage['plugins/table.action.js'][800]++;
+            return;
+          }
+          _$jscoverage['plugins/table.action.js'][801]++;
+          me.body.style.cursor = ("url(" + me.options.cursorpath + "h.png),pointer");
+        }
+        else {
+          _$jscoverage['plugins/table.action.js'][802]++;
+          if (inTableSide(table, target, evt)) {
+            _$jscoverage['plugins/table.action.js'][803]++;
+            if ((me.fireEvent("excludetable", table) === true)) {
+              _$jscoverage['plugins/table.action.js'][803]++;
+              return;
+            }
+            _$jscoverage['plugins/table.action.js'][804]++;
+            me.body.style.cursor = ("url(" + me.options.cursorpath + "v.png),pointer");
+          }
+          else {
+            _$jscoverage['plugins/table.action.js'][806]++;
+            me.body.style.cursor = "text";
+            _$jscoverage['plugins/table.action.js'][807]++;
+            var curCell = target;
+            _$jscoverage['plugins/table.action.js'][808]++;
+            if (/\d/.test(state)) {
+              _$jscoverage['plugins/table.action.js'][809]++;
+              state = state.replace(/\d/, "");
+              _$jscoverage['plugins/table.action.js'][810]++;
+              target = getUETable(target).getPreviewCell(target, (state == "v"));
+            }
+            _$jscoverage['plugins/table.action.js'][813]++;
+            toggleDraggableState(me, (target? (! (! state)): false), (target? state: ""), pos, target);
+          }
+        }
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][817]++;
+        toggleDragButton(false, table, me);
+      }
+    }
+    catch (e) {
+      _$jscoverage['plugins/table.action.js'][821]++;
+      showError(e);
+    }
+}
+  _$jscoverage['plugins/table.action.js'][825]++;
+  var dragButtonTimer;
+  _$jscoverage['plugins/table.action.js'][827]++;
+  function toggleDragButton(show, table, editor) {
+    _$jscoverage['plugins/table.action.js'][828]++;
+    if ((! show)) {
+      _$jscoverage['plugins/table.action.js'][829]++;
+      if (dragOver) {
+        _$jscoverage['plugins/table.action.js'][829]++;
+        return;
+      }
+      _$jscoverage['plugins/table.action.js'][830]++;
+      dragButtonTimer = setTimeout((function () {
+  _$jscoverage['plugins/table.action.js'][831]++;
+  ((! dragOver) && dragButton && dragButton.parentNode && dragButton.parentNode.removeChild(dragButton));
+}), 2000);
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][834]++;
+      createDragButton(table, editor);
+    }
+}
+  _$jscoverage['plugins/table.action.js'][838]++;
+  function createDragButton(table, editor) {
+    _$jscoverage['plugins/table.action.js'][839]++;
+    var pos = domUtils.getXY(table), doc = table.ownerDocument;
+    _$jscoverage['plugins/table.action.js'][841]++;
+    if ((dragButton && dragButton.parentNode)) {
+      _$jscoverage['plugins/table.action.js'][841]++;
+      return dragButton;
+    }
+    _$jscoverage['plugins/table.action.js'][842]++;
+    dragButton = doc.createElement("div");
+    _$jscoverage['plugins/table.action.js'][843]++;
+    dragButton.contentEditable = false;
+    _$jscoverage['plugins/table.action.js'][844]++;
+    dragButton.innerHTML = "";
+    _$jscoverage['plugins/table.action.js'][845]++;
+    dragButton.style.cssText = ("width:15px;height:15px;background-image:url(" + editor.options.UEDITOR_HOME_URL + "dialogs/table/dragicon.png);position: absolute;cursor:move;top:" + (pos.y - 15) + "px;left:" + pos.x + "px;");
+    _$jscoverage['plugins/table.action.js'][846]++;
+    domUtils.unSelectable(dragButton);
+    _$jscoverage['plugins/table.action.js'][847]++;
+    dragButton.onmouseover = (function (evt) {
+  _$jscoverage['plugins/table.action.js'][848]++;
+  dragOver = true;
+});
+    _$jscoverage['plugins/table.action.js'][850]++;
+    dragButton.onmouseout = (function (evt) {
+  _$jscoverage['plugins/table.action.js'][851]++;
+  dragOver = false;
+});
+    _$jscoverage['plugins/table.action.js'][853]++;
+    domUtils.on(dragButton, "click", (function (type, evt) {
+  _$jscoverage['plugins/table.action.js'][854]++;
+  doClick(evt, this);
+}));
+    _$jscoverage['plugins/table.action.js'][856]++;
+    domUtils.on(dragButton, "dblclick", (function (type, evt) {
+  _$jscoverage['plugins/table.action.js'][857]++;
+  doDblClick(evt);
+}));
+    _$jscoverage['plugins/table.action.js'][859]++;
+    domUtils.on(dragButton, "dragstart", (function (type, evt) {
+  _$jscoverage['plugins/table.action.js'][860]++;
+  domUtils.preventDefault(evt);
+}));
+    _$jscoverage['plugins/table.action.js'][862]++;
+    var timer;
+    _$jscoverage['plugins/table.action.js'][864]++;
+    function doClick(evt, button) {
+      _$jscoverage['plugins/table.action.js'][866]++;
+      clearTimeout(timer);
+      _$jscoverage['plugins/table.action.js'][867]++;
+      timer = setTimeout((function () {
+  _$jscoverage['plugins/table.action.js'][868]++;
+  editor.fireEvent("tableClicked", table, button);
+}), 300);
+}
+    _$jscoverage['plugins/table.action.js'][872]++;
+    function doDblClick(evt) {
+      _$jscoverage['plugins/table.action.js'][873]++;
+      clearTimeout(timer);
+      _$jscoverage['plugins/table.action.js'][874]++;
+      var ut = getUETable(table), start = table.rows[0].cells[0], end = ut.getLastCell(), range = ut.getCellsRange(start, end);
+      _$jscoverage['plugins/table.action.js'][878]++;
+      editor.selection.getRange().setStart(start, 0).setCursor(false, true);
+      _$jscoverage['plugins/table.action.js'][879]++;
+      ut.setSelected(range);
+}
+    _$jscoverage['plugins/table.action.js'][882]++;
+    doc.body.appendChild(dragButton);
+}
+  _$jscoverage['plugins/table.action.js'][897]++;
+  function inTableSide(table, cell, evt, top) {
+    _$jscoverage['plugins/table.action.js'][898]++;
+    var pos = mouseCoords(evt), state = getRelation(cell, pos);
+    _$jscoverage['plugins/table.action.js'][901]++;
+    if (top) {
+      _$jscoverage['plugins/table.action.js'][902]++;
+      var caption = table.getElementsByTagName("caption")[0], capHeight = (caption? caption.offsetHeight: 0);
+      _$jscoverage['plugins/table.action.js'][904]++;
+      return ((state == "v1") && ((pos.y - domUtils.getXY(table).y - capHeight) < 8));
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][906]++;
+      return ((state == "h1") && ((pos.x - domUtils.getXY(table).x) < 8));
+    }
+}
+  _$jscoverage['plugins/table.action.js'][915]++;
+  function getPermissionX(dragTd, evt) {
+    _$jscoverage['plugins/table.action.js'][916]++;
+    var ut = getUETable(dragTd);
+    _$jscoverage['plugins/table.action.js'][917]++;
+    if (ut) {
+      _$jscoverage['plugins/table.action.js'][918]++;
+      var preTd = ut.getSameEndPosCells(dragTd, "x")[0], nextTd = ut.getSameStartPosXCells(dragTd)[0], mouseX = mouseCoords(evt).x, left = ((preTd? domUtils.getXY(preTd).x: domUtils.getXY(ut.table).x) + 20), right = (nextTd? ((domUtils.getXY(nextTd).x + nextTd.offsetWidth) - 20): ((me.body.offsetWidth + 5) || parseInt(domUtils.getComputedStyle(me.body, "width"), 10)));
+      _$jscoverage['plugins/table.action.js'][924]++;
+      left += cellMinWidth;
+      _$jscoverage['plugins/table.action.js'][925]++;
+      right -= cellMinWidth;
+      _$jscoverage['plugins/table.action.js'][927]++;
+      return ((mouseX < left)? left: ((mouseX > right)? right: mouseX));
+    }
+}
+  _$jscoverage['plugins/table.action.js'][934]++;
+  function getPermissionY(dragTd, evt) {
+    _$jscoverage['plugins/table.action.js'][935]++;
+    try {
+      _$jscoverage['plugins/table.action.js'][936]++;
+      var top = domUtils.getXY(dragTd).y, mousePosY = mouseCoords(evt).y;
+      _$jscoverage['plugins/table.action.js'][938]++;
+      return ((mousePosY < top)? top: mousePosY);
+    }
+    catch (e) {
+      _$jscoverage['plugins/table.action.js'][940]++;
+      showError(e);
+    }
+}
+  _$jscoverage['plugins/table.action.js'][947]++;
+  function toggleDraggableState(editor, draggable, dir, mousePos, cell) {
+    _$jscoverage['plugins/table.action.js'][948]++;
+    try {
+      _$jscoverage['plugins/table.action.js'][949]++;
+      editor.body.style.cursor = ((dir == "h")? "col-resize": ((dir == "v")? "row-resize": "text"));
+      _$jscoverage['plugins/table.action.js'][950]++;
+      if (browser.ie) {
+        _$jscoverage['plugins/table.action.js'][951]++;
+        if ((dir && (! mousedown) && (! getUETableBySelected(editor)))) {
+          _$jscoverage['plugins/table.action.js'][952]++;
+          getDragLine(editor, editor.document);
+          _$jscoverage['plugins/table.action.js'][953]++;
+          showDragLineAt(dir, cell);
+        }
+        else {
+          _$jscoverage['plugins/table.action.js'][955]++;
+          hideDragLine(editor);
+        }
+      }
+      _$jscoverage['plugins/table.action.js'][958]++;
+      onBorder = draggable;
+    }
+    catch (e) {
+      _$jscoverage['plugins/table.action.js'][960]++;
+      showError(e);
+    }
+}
+  _$jscoverage['plugins/table.action.js'][968]++;
+  function getResizeLineByUETable() {
+    _$jscoverage['plugins/table.action.js'][970]++;
+    var lineId = "_UETableResizeLine", line = this.document.getElementById(lineId);
+    _$jscoverage['plugins/table.action.js'][973]++;
+    if ((! line)) {
+      _$jscoverage['plugins/table.action.js'][974]++;
+      line = this.document.createElement("div");
+      _$jscoverage['plugins/table.action.js'][975]++;
+      line.id = lineId;
+      _$jscoverage['plugins/table.action.js'][976]++;
+      line.contnetEditable = false;
+      _$jscoverage['plugins/table.action.js'][977]++;
+      line.setAttribute("unselectable", "on");
+      _$jscoverage['plugins/table.action.js'][979]++;
+      var styles = {width: ((2 * cellBorderWidth) + 1 + "px"), position: "absolute", "z-index": 100000, cursor: "col-resize", background: "red", display: "none"};
+      _$jscoverage['plugins/table.action.js'][989]++;
+      line.onmouseout = (function () {
+  _$jscoverage['plugins/table.action.js'][990]++;
+  this.style.display = "none";
+});
+      _$jscoverage['plugins/table.action.js'][993]++;
+      utils.extend(line.style, styles);
+      _$jscoverage['plugins/table.action.js'][995]++;
+      this.document.body.appendChild(line);
+    }
+    _$jscoverage['plugins/table.action.js'][999]++;
+    return line;
+}
+  _$jscoverage['plugins/table.action.js'][1006]++;
+  function updateResizeLine(cell, uetable) {
+    _$jscoverage['plugins/table.action.js'][1008]++;
+    var line = getResizeLineByUETable.call(this), table = uetable.table, styles = {top: (domUtils.getXY(table).y + "px"), left: (((domUtils.getXY(cell).x + cell.offsetWidth) - cellBorderWidth) + "px"), display: "block", height: (table.offsetHeight + "px")};
+    _$jscoverage['plugins/table.action.js'][1017]++;
+    utils.extend(line.style, styles);
+}
+  _$jscoverage['plugins/table.action.js'][1024]++;
+  function showResizeLine(cell) {
+    _$jscoverage['plugins/table.action.js'][1026]++;
+    var uetable = getUETable(cell);
+    _$jscoverage['plugins/table.action.js'][1028]++;
+    updateResizeLine.call(this, cell, uetable);
+}
+  _$jscoverage['plugins/table.action.js'][1037]++;
+  function getRelation(ele, mousePos) {
+    _$jscoverage['plugins/table.action.js'][1038]++;
+    var elePos = domUtils.getXY(ele);
+    _$jscoverage['plugins/table.action.js'][1040]++;
+    if ((! elePos)) {
+      _$jscoverage['plugins/table.action.js'][1041]++;
+      return "";
+    }
+    _$jscoverage['plugins/table.action.js'][1044]++;
+    if ((((elePos.x + ele.offsetWidth) - mousePos.x) < cellBorderWidth)) {
+      _$jscoverage['plugins/table.action.js'][1045]++;
+      return "h";
+    }
+    _$jscoverage['plugins/table.action.js'][1047]++;
+    if (((mousePos.x - elePos.x) < cellBorderWidth)) {
+      _$jscoverage['plugins/table.action.js'][1048]++;
+      return "h1";
+    }
+    _$jscoverage['plugins/table.action.js'][1050]++;
+    if ((((elePos.y + ele.offsetHeight) - mousePos.y) < cellBorderWidth)) {
+      _$jscoverage['plugins/table.action.js'][1051]++;
+      return "v";
+    }
+    _$jscoverage['plugins/table.action.js'][1053]++;
+    if (((mousePos.y - elePos.y) < cellBorderWidth)) {
+      _$jscoverage['plugins/table.action.js'][1054]++;
+      return "v1";
+    }
+    _$jscoverage['plugins/table.action.js'][1056]++;
+    return "";
+}
+  _$jscoverage['plugins/table.action.js'][1059]++;
+  function mouseDownEvent(type, evt) {
+    _$jscoverage['plugins/table.action.js'][1061]++;
+    if (isEditorDisabled()) {
+      _$jscoverage['plugins/table.action.js'][1062]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1065]++;
+    userActionStatus = {x: evt.clientX, y: evt.clientY};
+    _$jscoverage['plugins/table.action.js'][1071]++;
+    if ((evt.button == 2)) {
+      _$jscoverage['plugins/table.action.js'][1072]++;
+      var ut = getUETableBySelected(me), flag = false;
+      _$jscoverage['plugins/table.action.js'][1075]++;
+      if (ut) {
+        _$jscoverage['plugins/table.action.js'][1076]++;
+        var td = getTargetTd(me, evt);
+        _$jscoverage['plugins/table.action.js'][1077]++;
+        utils.each(ut.selectedTds, (function (ti) {
+  _$jscoverage['plugins/table.action.js'][1078]++;
+  if ((ti === td)) {
+    _$jscoverage['plugins/table.action.js'][1079]++;
+    flag = true;
+  }
+}));
+        _$jscoverage['plugins/table.action.js'][1082]++;
+        if ((! flag)) {
+          _$jscoverage['plugins/table.action.js'][1083]++;
+          removeSelectedClass(domUtils.getElementsByTagName(me.body, "th td"));
+          _$jscoverage['plugins/table.action.js'][1084]++;
+          ut.clearSelected();
+        }
+        else {
+          _$jscoverage['plugins/table.action.js'][1086]++;
+          td = ut.selectedTds[0];
+          _$jscoverage['plugins/table.action.js'][1087]++;
+          setTimeout((function () {
+  _$jscoverage['plugins/table.action.js'][1088]++;
+  me.selection.getRange().setStart(td, 0).setCursor(false, true);
+}), 0);
+        }
+      }
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][1094]++;
+      tableClickHander(evt);
+    }
+}
+  _$jscoverage['plugins/table.action.js'][1100]++;
+  function clearTableTimer() {
+    _$jscoverage['plugins/table.action.js'][1101]++;
+    (tabTimer && clearTimeout(tabTimer));
+    _$jscoverage['plugins/table.action.js'][1102]++;
+    tabTimer = null;
+}
+  _$jscoverage['plugins/table.action.js'][1106]++;
+  function tableDbclickHandler(evt) {
+    _$jscoverage['plugins/table.action.js'][1107]++;
+    singleClickState = 0;
+    _$jscoverage['plugins/table.action.js'][1108]++;
+    evt = (evt || me.window.event);
+    _$jscoverage['plugins/table.action.js'][1109]++;
+    var target = getParentTdOrTh((evt.target || evt.srcElement));
+    _$jscoverage['plugins/table.action.js'][1110]++;
+    if (target) {
+      _$jscoverage['plugins/table.action.js'][1111]++;
+      var h;
+      _$jscoverage['plugins/table.action.js'][1112]++;
+      if ((h = getRelation(target, mouseCoords(evt)))) {
+        _$jscoverage['plugins/table.action.js'][1114]++;
+        hideDragLine(me);
+        _$jscoverage['plugins/table.action.js'][1116]++;
+        if ((h == "h1")) {
+          _$jscoverage['plugins/table.action.js'][1117]++;
+          h = "h";
+          _$jscoverage['plugins/table.action.js'][1118]++;
+          if (inTableSide(domUtils.findParentByTagName(target, "table"), target, evt)) {
+            _$jscoverage['plugins/table.action.js'][1119]++;
+            me.execCommand("adaptbywindow");
+          }
+          else {
+            _$jscoverage['plugins/table.action.js'][1121]++;
+            target = getUETable(target).getPreviewCell(target);
+            _$jscoverage['plugins/table.action.js'][1122]++;
+            if (target) {
+              _$jscoverage['plugins/table.action.js'][1123]++;
+              var rng = me.selection.getRange();
+              _$jscoverage['plugins/table.action.js'][1124]++;
+              rng.selectNodeContents(target).setCursor(true, true);
+            }
+          }
+        }
+        _$jscoverage['plugins/table.action.js'][1128]++;
+        if ((h == "h")) {
+          _$jscoverage['plugins/table.action.js'][1129]++;
+          var ut = getUETable(target), table = ut.table, cells = getCellsByMoveBorder(target, table, true);
+          _$jscoverage['plugins/table.action.js'][1133]++;
+          cells = extractArray(cells, "left");
+          _$jscoverage['plugins/table.action.js'][1135]++;
+          ut.width = ut.offsetWidth;
+          _$jscoverage['plugins/table.action.js'][1137]++;
+          var oldWidth = [], newWidth = [];
+          _$jscoverage['plugins/table.action.js'][1140]++;
+          utils.each(cells, (function (cell) {
+  _$jscoverage['plugins/table.action.js'][1142]++;
+  oldWidth.push(cell.offsetWidth);
+}));
+          _$jscoverage['plugins/table.action.js'][1146]++;
+          utils.each(cells, (function (cell) {
+  _$jscoverage['plugins/table.action.js'][1148]++;
+  cell.removeAttribute("width");
+}));
+          _$jscoverage['plugins/table.action.js'][1152]++;
+          window.setTimeout((function () {
+  _$jscoverage['plugins/table.action.js'][1155]++;
+  var changeable = true;
+  _$jscoverage['plugins/table.action.js'][1157]++;
+  utils.each(cells, (function (cell, index) {
+  _$jscoverage['plugins/table.action.js'][1159]++;
+  var width = cell.offsetWidth;
+  _$jscoverage['plugins/table.action.js'][1161]++;
+  if ((width > oldWidth[index])) {
+    _$jscoverage['plugins/table.action.js'][1162]++;
+    changeable = false;
+    _$jscoverage['plugins/table.action.js'][1163]++;
+    return false;
+  }
+  _$jscoverage['plugins/table.action.js'][1166]++;
+  newWidth.push(width);
+}));
+  _$jscoverage['plugins/table.action.js'][1170]++;
+  var change = (changeable? newWidth: oldWidth);
+  _$jscoverage['plugins/table.action.js'][1172]++;
+  utils.each(cells, (function (cell, index) {
+  _$jscoverage['plugins/table.action.js'][1174]++;
+  cell.width = (change[index] - getTabcellSpace());
+}));
+}), 0);
+        }
+      }
+    }
+}
+  _$jscoverage['plugins/table.action.js'][1194]++;
+  function tableClickHander(evt) {
+    _$jscoverage['plugins/table.action.js'][1196]++;
+    removeSelectedClass(domUtils.getElementsByTagName(me.body, "td th"));
+    _$jscoverage['plugins/table.action.js'][1199]++;
+    utils.each(me.document.getElementsByTagName("table"), (function (t) {
+  _$jscoverage['plugins/table.action.js'][1200]++;
+  t.ueTable = null;
+}));
+    _$jscoverage['plugins/table.action.js'][1202]++;
+    startTd = getTargetTd(me, evt);
+    _$jscoverage['plugins/table.action.js'][1203]++;
+    if ((! startTd)) {
+      _$jscoverage['plugins/table.action.js'][1203]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1204]++;
+    var table = domUtils.findParentByTagName(startTd, "table", true);
+    _$jscoverage['plugins/table.action.js'][1205]++;
+    ut = getUETable(table);
+    _$jscoverage['plugins/table.action.js'][1206]++;
+    (ut && ut.clearSelected());
+    _$jscoverage['plugins/table.action.js'][1209]++;
+    if ((! onBorder)) {
+      _$jscoverage['plugins/table.action.js'][1210]++;
+      me.document.body.style.webkitUserSelect = "";
+      _$jscoverage['plugins/table.action.js'][1211]++;
+      mousedown = true;
+      _$jscoverage['plugins/table.action.js'][1212]++;
+      me.addListener("mouseover", mouseOverEvent);
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][1215]++;
+      borderActionHandler(evt);
+    }
+}
+  _$jscoverage['plugins/table.action.js'][1222]++;
+  function borderActionHandler(evt) {
+    _$jscoverage['plugins/table.action.js'][1224]++;
+    if (browser.ie) {
+      _$jscoverage['plugins/table.action.js'][1225]++;
+      evt = reconstruct(evt);
+    }
+    _$jscoverage['plugins/table.action.js'][1228]++;
+    clearTableDragTimer();
+    _$jscoverage['plugins/table.action.js'][1231]++;
+    isInResizeBuffer = true;
+    _$jscoverage['plugins/table.action.js'][1233]++;
+    tableDragTimer = setTimeout((function () {
+  _$jscoverage['plugins/table.action.js'][1234]++;
+  tableBorderDrag(evt);
+}), dblclickTime);
+}
+  _$jscoverage['plugins/table.action.js'][1239]++;
+  function extractArray(originArr, key) {
+    _$jscoverage['plugins/table.action.js'][1241]++;
+    var result = [], tmp = null;
+    _$jscoverage['plugins/table.action.js'][1244]++;
+    for (var i = 0, len = originArr.length; (i < len); (i++)) {
+      _$jscoverage['plugins/table.action.js'][1246]++;
+      tmp = originArr[i][key];
+      _$jscoverage['plugins/table.action.js'][1248]++;
+      if (tmp) {
+        _$jscoverage['plugins/table.action.js'][1249]++;
+        result.push(tmp);
+      }
+}
+    _$jscoverage['plugins/table.action.js'][1254]++;
+    return result;
+}
+  _$jscoverage['plugins/table.action.js'][1258]++;
+  function clearTableDragTimer() {
+    _$jscoverage['plugins/table.action.js'][1259]++;
+    (tableDragTimer && clearTimeout(tableDragTimer));
+    _$jscoverage['plugins/table.action.js'][1260]++;
+    tableDragTimer = null;
+}
+  _$jscoverage['plugins/table.action.js'][1263]++;
+  function reconstruct(obj) {
+    _$jscoverage['plugins/table.action.js'][1265]++;
+    var attrs = ["pageX", "pageY", "clientX", "clientY", "srcElement", "target"], newObj = {};
+    _$jscoverage['plugins/table.action.js'][1268]++;
+    if (obj) {
+      _$jscoverage['plugins/table.action.js'][1270]++;
+      for (var i = 0, key, val; (key = attrs[i]); (i++)) {
+        _$jscoverage['plugins/table.action.js'][1271]++;
+        val = obj[key];
+        _$jscoverage['plugins/table.action.js'][1272]++;
+        (val && (newObj[key] = val));
+}
+    }
+    _$jscoverage['plugins/table.action.js'][1277]++;
+    return newObj;
+}
+  _$jscoverage['plugins/table.action.js'][1282]++;
+  function tableBorderDrag(evt) {
+    _$jscoverage['plugins/table.action.js'][1284]++;
+    isInResizeBuffer = false;
+    _$jscoverage['plugins/table.action.js'][1286]++;
+    if ((! startTd)) {
+      _$jscoverage['plugins/table.action.js'][1286]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1287]++;
+    var state = ((Math.abs((userActionStatus.x - evt.clientX)) >= Math.abs((userActionStatus.y - evt.clientY)))? "h": "v");
+    _$jscoverage['plugins/table.action.js'][1289]++;
+    if (/\d/.test(state)) {
+      _$jscoverage['plugins/table.action.js'][1290]++;
+      state = state.replace(/\d/, "");
+      _$jscoverage['plugins/table.action.js'][1291]++;
+      startTd = getUETable(startTd).getPreviewCell(startTd, (state == "v"));
+    }
+    _$jscoverage['plugins/table.action.js'][1293]++;
+    hideDragLine(me);
+    _$jscoverage['plugins/table.action.js'][1294]++;
+    getDragLine(me, me.document);
+    _$jscoverage['plugins/table.action.js'][1295]++;
+    me.fireEvent("saveScene");
+    _$jscoverage['plugins/table.action.js'][1296]++;
+    showDragLineAt(state, startTd);
+    _$jscoverage['plugins/table.action.js'][1297]++;
+    mousedown = true;
+    _$jscoverage['plugins/table.action.js'][1299]++;
+    onDrag = state;
+    _$jscoverage['plugins/table.action.js'][1300]++;
+    dragTd = startTd;
+}
+  _$jscoverage['plugins/table.action.js'][1303]++;
+  function mouseUpEvent(type, evt) {
+    _$jscoverage['plugins/table.action.js'][1305]++;
+    if (isEditorDisabled()) {
+      _$jscoverage['plugins/table.action.js'][1306]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1309]++;
+    clearTableDragTimer();
+    _$jscoverage['plugins/table.action.js'][1311]++;
+    isInResizeBuffer = false;
+    _$jscoverage['plugins/table.action.js'][1313]++;
+    if (onBorder) {
+      _$jscoverage['plugins/table.action.js'][1314]++;
+      singleClickState = ((++singleClickState) % 3);
+      _$jscoverage['plugins/table.action.js'][1316]++;
+      userActionStatus = {x: evt.clientX, y: evt.clientY};
+      _$jscoverage['plugins/table.action.js'][1321]++;
+      tableResizeTimer = setTimeout((function () {
+  _$jscoverage['plugins/table.action.js'][1322]++;
+  ((singleClickState > 0) && (singleClickState--));
+}), dblclickTime);
+      _$jscoverage['plugins/table.action.js'][1325]++;
+      if ((singleClickState === 2)) {
+        _$jscoverage['plugins/table.action.js'][1327]++;
+        singleClickState = 0;
+        _$jscoverage['plugins/table.action.js'][1328]++;
+        tableDbclickHandler(evt);
+        _$jscoverage['plugins/table.action.js'][1329]++;
+        return;
+      }
+    }
+    _$jscoverage['plugins/table.action.js'][1335]++;
+    if ((evt.button == 2)) {
+      _$jscoverage['plugins/table.action.js'][1335]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1336]++;
+    var me = this;
+    _$jscoverage['plugins/table.action.js'][1338]++;
+    var range = me.selection.getRange(), start = domUtils.findParentByTagName(range.startContainer, "table", true), end = domUtils.findParentByTagName(range.endContainer, "table", true);
+    _$jscoverage['plugins/table.action.js'][1342]++;
+    if ((start || end)) {
+      _$jscoverage['plugins/table.action.js'][1343]++;
+      if ((start === end)) {
+        _$jscoverage['plugins/table.action.js'][1344]++;
+        start = domUtils.findParentByTagName(range.startContainer, ["td", "th", "caption"], true);
+        _$jscoverage['plugins/table.action.js'][1345]++;
+        end = domUtils.findParentByTagName(range.endContainer, ["td", "th", "caption"], true);
+        _$jscoverage['plugins/table.action.js'][1346]++;
+        if ((start !== end)) {
+          _$jscoverage['plugins/table.action.js'][1347]++;
+          me.selection.clearRange();
+        }
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][1350]++;
+        me.selection.clearRange();
+      }
+    }
+    _$jscoverage['plugins/table.action.js'][1353]++;
+    mousedown = false;
+    _$jscoverage['plugins/table.action.js'][1354]++;
+    me.document.body.style.webkitUserSelect = "";
+    _$jscoverage['plugins/table.action.js'][1356]++;
+    if ((onDrag && dragTd)) {
+      _$jscoverage['plugins/table.action.js'][1358]++;
+      (me.selection.getNative()[(browser.ie? "empty": "removeAllRanges")])();
+      _$jscoverage['plugins/table.action.js'][1360]++;
+      singleClickState = 0;
+      _$jscoverage['plugins/table.action.js'][1361]++;
+      dragLine = me.document.getElementById("ue_tableDragLine");
+      _$jscoverage['plugins/table.action.js'][1363]++;
+      var dragTdPos = domUtils.getXY(dragTd), dragLinePos = domUtils.getXY(dragLine);
+      _$jscoverage['plugins/table.action.js'][1366]++;
+      switch (onDrag) {
+      case "h":
+        _$jscoverage['plugins/table.action.js'][1368]++;
+        changeColWidth(dragTd, (dragLinePos.x - dragTdPos.x));
+        _$jscoverage['plugins/table.action.js'][1369]++;
+        break;
+      case "v":
+        _$jscoverage['plugins/table.action.js'][1371]++;
+        changeRowHeight(dragTd, (dragLinePos.y - dragTdPos.y - dragTd.offsetHeight));
+        _$jscoverage['plugins/table.action.js'][1372]++;
+        break;
+      default:
+      }
+      _$jscoverage['plugins/table.action.js'][1375]++;
+      onDrag = "";
+      _$jscoverage['plugins/table.action.js'][1376]++;
+      dragTd = null;
+      _$jscoverage['plugins/table.action.js'][1378]++;
+      hideDragLine(me);
+      _$jscoverage['plugins/table.action.js'][1379]++;
+      me.fireEvent("saveScene");
+      _$jscoverage['plugins/table.action.js'][1380]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1383]++;
+    if ((! startTd)) {
+      _$jscoverage['plugins/table.action.js'][1384]++;
+      var target = domUtils.findParentByTagName((evt.target || evt.srcElement), "td", true);
+      _$jscoverage['plugins/table.action.js'][1385]++;
+      if ((! target)) {
+        _$jscoverage['plugins/table.action.js'][1385]++;
+        target = domUtils.findParentByTagName((evt.target || evt.srcElement), "th", true);
+      }
+      _$jscoverage['plugins/table.action.js'][1386]++;
+      if ((target && ((target.tagName == "TD") || (target.tagName == "TH")))) {
+        _$jscoverage['plugins/table.action.js'][1387]++;
+        if ((me.fireEvent("excludetable", target) === true)) {
+          _$jscoverage['plugins/table.action.js'][1387]++;
+          return;
+        }
+        _$jscoverage['plugins/table.action.js'][1388]++;
+        range = new (dom.Range)(me.document);
+        _$jscoverage['plugins/table.action.js'][1389]++;
+        range.setStart(target, 0).setCursor(false, true);
+      }
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][1392]++;
+      var ut = getUETable(startTd), cell = (ut? ut.selectedTds[0]: null);
+      _$jscoverage['plugins/table.action.js'][1394]++;
+      if (cell) {
+        _$jscoverage['plugins/table.action.js'][1395]++;
+        range = new (dom.Range)(me.document);
+        _$jscoverage['plugins/table.action.js'][1396]++;
+        if (domUtils.isEmptyBlock(cell)) {
+          _$jscoverage['plugins/table.action.js'][1397]++;
+          range.setStart(cell, 0).setCursor(false, true);
+        }
+        else {
+          _$jscoverage['plugins/table.action.js'][1399]++;
+          range.selectNodeContents(cell).shrinkBoundary().setCursor(false, true);
+        }
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][1402]++;
+        range = me.selection.getRange().shrinkBoundary();
+        _$jscoverage['plugins/table.action.js'][1403]++;
+        if ((! range.collapsed)) {
+          _$jscoverage['plugins/table.action.js'][1404]++;
+          var start = domUtils.findParentByTagName(range.startContainer, ["td", "th"], true), end = domUtils.findParentByTagName(range.endContainer, ["td", "th"], true);
+          _$jscoverage['plugins/table.action.js'][1407]++;
+          if (((start && (! end)) || ((! start) && end) || (start && end && (start !== end)))) {
+            _$jscoverage['plugins/table.action.js'][1408]++;
+            range.setCursor(false, true);
+          }
+        }
+      }
+      _$jscoverage['plugins/table.action.js'][1412]++;
+      startTd = null;
+      _$jscoverage['plugins/table.action.js'][1413]++;
+      me.removeListener("mouseover", mouseOverEvent);
+    }
+    _$jscoverage['plugins/table.action.js'][1415]++;
+    me._selectionChange(250, evt);
+}
+  _$jscoverage['plugins/table.action.js'][1418]++;
+  function mouseOverEvent(type, evt) {
+    _$jscoverage['plugins/table.action.js'][1420]++;
+    if (isEditorDisabled()) {
+      _$jscoverage['plugins/table.action.js'][1421]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1424]++;
+    var me = this, tar = (evt.target || evt.srcElement);
+    _$jscoverage['plugins/table.action.js'][1426]++;
+    currentTd = (domUtils.findParentByTagName(tar, "td", true) || domUtils.findParentByTagName(tar, "th", true));
+    _$jscoverage['plugins/table.action.js'][1428]++;
+    if ((startTd && currentTd && (((startTd.tagName == "TD") && (currentTd.tagName == "TD")) || ((startTd.tagName == "TH") && (currentTd.tagName == "TH"))) && (domUtils.findParentByTagName(startTd, "table") == domUtils.findParentByTagName(currentTd, "table")))) {
+      _$jscoverage['plugins/table.action.js'][1431]++;
+      var ut = getUETable(currentTd);
+      _$jscoverage['plugins/table.action.js'][1432]++;
+      if ((startTd != currentTd)) {
+        _$jscoverage['plugins/table.action.js'][1433]++;
+        me.document.body.style.webkitUserSelect = "none";
+        _$jscoverage['plugins/table.action.js'][1434]++;
+        (me.selection.getNative()[(browser.ie? "empty": "removeAllRanges")])();
+        _$jscoverage['plugins/table.action.js'][1435]++;
+        var range = ut.getCellsRange(startTd, currentTd);
+        _$jscoverage['plugins/table.action.js'][1436]++;
+        ut.setSelected(range);
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][1438]++;
+        me.document.body.style.webkitUserSelect = "";
+        _$jscoverage['plugins/table.action.js'][1439]++;
+        ut.clearSelected();
+      }
+    }
+    _$jscoverage['plugins/table.action.js'][1443]++;
+    (evt.preventDefault? evt.preventDefault(): (evt.returnValue = false));
+}
+  _$jscoverage['plugins/table.action.js'][1446]++;
+  function setCellHeight(cell, height, backHeight) {
+    _$jscoverage['plugins/table.action.js'][1447]++;
+    var lineHight = parseInt(domUtils.getComputedStyle(cell, "line-height"), 10), tmpHeight = (backHeight + height);
+    _$jscoverage['plugins/table.action.js'][1449]++;
+    height = ((tmpHeight < lineHight)? lineHight: tmpHeight);
+    _$jscoverage['plugins/table.action.js'][1450]++;
+    if (cell.style.height) {
+      _$jscoverage['plugins/table.action.js'][1450]++;
+      cell.style.height = "";
+    }
+    _$jscoverage['plugins/table.action.js'][1451]++;
+    ((cell.rowSpan == 1)? cell.setAttribute("height", height): (cell.removeAttribute && cell.removeAttribute("height")));
+}
+  _$jscoverage['plugins/table.action.js'][1454]++;
+  function getWidth(cell) {
+    _$jscoverage['plugins/table.action.js'][1455]++;
+    if ((! cell)) {
+      _$jscoverage['plugins/table.action.js'][1455]++;
+      return 0;
+    }
+    _$jscoverage['plugins/table.action.js'][1456]++;
+    return parseInt(domUtils.getComputedStyle(cell, "width"), 10);
+}
+  _$jscoverage['plugins/table.action.js'][1459]++;
+  function changeColWidth(cell, changeValue) {
+    _$jscoverage['plugins/table.action.js'][1461]++;
+    var ut = getUETable(cell);
+    _$jscoverage['plugins/table.action.js'][1462]++;
+    if (ut) {
+      _$jscoverage['plugins/table.action.js'][1465]++;
+      var table = ut.table, cells = getCellsByMoveBorder(cell, table);
+      _$jscoverage['plugins/table.action.js'][1468]++;
+      table.style.width = "";
+      _$jscoverage['plugins/table.action.js'][1469]++;
+      table.removeAttribute("width");
+      _$jscoverage['plugins/table.action.js'][1472]++;
+      changeValue = correctChangeValue(changeValue, cell, cells);
+      _$jscoverage['plugins/table.action.js'][1474]++;
+      if (cell.nextSibling) {
+        _$jscoverage['plugins/table.action.js'][1476]++;
+        var i = 0;
+        _$jscoverage['plugins/table.action.js'][1478]++;
+        utils.each(cells, (function (cellGroup) {
+  _$jscoverage['plugins/table.action.js'][1480]++;
+  cellGroup.left.width = ((+ cellGroup.left.width) + changeValue);
+  _$jscoverage['plugins/table.action.js'][1481]++;
+  (cellGroup.right && (cellGroup.right.width = ((+ cellGroup.right.width) - changeValue)));
+}));
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][1487]++;
+        utils.each(cells, (function (cellGroup) {
+  _$jscoverage['plugins/table.action.js'][1488]++;
+  cellGroup.left.width -= (- changeValue);
+}));
+      }
+    }
+}
+  _$jscoverage['plugins/table.action.js'][1496]++;
+  function isEditorDisabled() {
+    _$jscoverage['plugins/table.action.js'][1497]++;
+    return (me.body.contentEditable === "false");
+}
+  _$jscoverage['plugins/table.action.js'][1500]++;
+  function changeRowHeight(td, changeValue) {
+    _$jscoverage['plugins/table.action.js'][1501]++;
+    if ((Math.abs(changeValue) < 10)) {
+      _$jscoverage['plugins/table.action.js'][1501]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1502]++;
+    var ut = getUETable(td);
+    _$jscoverage['plugins/table.action.js'][1503]++;
+    if (ut) {
+      _$jscoverage['plugins/table.action.js'][1504]++;
+      var cells = ut.getSameEndPosCells(td, "y"), backHeight = (cells[0]? cells[0].offsetHeight: 0);
+      _$jscoverage['plugins/table.action.js'][1507]++;
+      for (var i = 0, cell; (cell = cells[(i++)]);) {
+        _$jscoverage['plugins/table.action.js'][1508]++;
+        setCellHeight(cell, changeValue, backHeight);
+}
+    }
+}
+  _$jscoverage['plugins/table.action.js'][1518]++;
+  function getCellsByMoveBorder(cell, table, isContainMergeCell) {
+    _$jscoverage['plugins/table.action.js'][1520]++;
+    if ((! table)) {
+      _$jscoverage['plugins/table.action.js'][1521]++;
+      table = domUtils.findParentByTagName(cell, "table");
+    }
+    _$jscoverage['plugins/table.action.js'][1524]++;
+    if ((! table)) {
+      _$jscoverage['plugins/table.action.js'][1525]++;
+      return null;
+    }
+    _$jscoverage['plugins/table.action.js'][1529]++;
+    var index = domUtils.getNodeIndex(cell), temp = cell, rows = table.rows, colIndex = 0;
+    _$jscoverage['plugins/table.action.js'][1534]++;
+    while (temp) {
+      _$jscoverage['plugins/table.action.js'][1536]++;
+      if ((temp.nodeType === 1)) {
+        _$jscoverage['plugins/table.action.js'][1537]++;
+        colIndex += (temp.colSpan || 1);
+      }
+      _$jscoverage['plugins/table.action.js'][1539]++;
+      temp = temp.previousSibling;
+}
+    _$jscoverage['plugins/table.action.js'][1542]++;
+    temp = null;
+    _$jscoverage['plugins/table.action.js'][1545]++;
+    var borderCells = [];
+    _$jscoverage['plugins/table.action.js'][1547]++;
+    utils.each(rows, (function (tabRow) {
+  _$jscoverage['plugins/table.action.js'][1549]++;
+  var cells = tabRow.cells, currIndex = 0;
+  _$jscoverage['plugins/table.action.js'][1552]++;
+  utils.each(cells, (function (tabCell) {
+  _$jscoverage['plugins/table.action.js'][1554]++;
+  currIndex += (tabCell.colSpan || 1);
+  _$jscoverage['plugins/table.action.js'][1556]++;
+  if ((currIndex === colIndex)) {
+    _$jscoverage['plugins/table.action.js'][1558]++;
+    borderCells.push({left: tabCell, right: (tabCell.nextSibling || null)});
+    _$jscoverage['plugins/table.action.js'][1563]++;
+    return false;
+  }
+  else {
+    _$jscoverage['plugins/table.action.js'][1565]++;
+    if ((currIndex > colIndex)) {
+      _$jscoverage['plugins/table.action.js'][1567]++;
+      if (isContainMergeCell) {
+        _$jscoverage['plugins/table.action.js'][1568]++;
+        borderCells.push({left: tabCell});
+      }
+      _$jscoverage['plugins/table.action.js'][1573]++;
+      return false;
+    }
+  }
+}));
+}));
+    _$jscoverage['plugins/table.action.js'][1581]++;
+    return borderCells;
+}
+  _$jscoverage['plugins/table.action.js'][1589]++;
+  function getMinWidthByTableCells(cells) {
+    _$jscoverage['plugins/table.action.js'][1591]++;
+    var minWidth = Number.MAX_VALUE;
+    _$jscoverage['plugins/table.action.js'][1593]++;
+    for (var i = 0, curCell; (curCell = cells[i]); (i++)) {
+      _$jscoverage['plugins/table.action.js'][1595]++;
+      minWidth = Math.min(minWidth, (curCell.width || getTableCellWidth(curCell)));
+}
+    _$jscoverage['plugins/table.action.js'][1599]++;
+    return minWidth;
+}
+  _$jscoverage['plugins/table.action.js'][1603]++;
+  function correctChangeValue(changeValue, relatedCell, cells) {
+    _$jscoverage['plugins/table.action.js'][1606]++;
+    changeValue -= getTabcellSpace();
+    _$jscoverage['plugins/table.action.js'][1608]++;
+    if ((changeValue < 0)) {
+      _$jscoverage['plugins/table.action.js'][1609]++;
+      return 0;
+    }
+    _$jscoverage['plugins/table.action.js'][1612]++;
+    changeValue -= getTableCellWidth(relatedCell);
+    _$jscoverage['plugins/table.action.js'][1615]++;
+    var direction = ((changeValue < 0)? "left": "right");
+    _$jscoverage['plugins/table.action.js'][1617]++;
+    changeValue = Math.abs(changeValue);
+    _$jscoverage['plugins/table.action.js'][1620]++;
+    utils.each(cells, (function (cellGroup) {
+  _$jscoverage['plugins/table.action.js'][1622]++;
+  var curCell = cellGroup[direction];
+  _$jscoverage['plugins/table.action.js'][1625]++;
+  if (curCell) {
+    _$jscoverage['plugins/table.action.js'][1626]++;
+    changeValue = Math.min(changeValue, (getTableCellWidth(curCell) - cellMinWidth));
+  }
+}));
+    _$jscoverage['plugins/table.action.js'][1634]++;
+    changeValue = ((changeValue < 0)? 0: changeValue);
+    _$jscoverage['plugins/table.action.js'][1636]++;
+    return ((direction === "left")? (- changeValue): changeValue);
+}
+  _$jscoverage['plugins/table.action.js'][1640]++;
+  function getTableCellWidth(cell) {
+    _$jscoverage['plugins/table.action.js'][1642]++;
+    var width = 0, offset = 0, width = (cell.offsetWidth - getTabcellSpace());
+    _$jscoverage['plugins/table.action.js'][1648]++;
+    if ((! cell.nextSibling)) {
+      _$jscoverage['plugins/table.action.js'][1650]++;
+      width -= getTableCellOffset(cell);
+    }
+    _$jscoverage['plugins/table.action.js'][1654]++;
+    width = ((width < 0)? 0: width);
+    _$jscoverage['plugins/table.action.js'][1656]++;
+    try {
+      _$jscoverage['plugins/table.action.js'][1657]++;
+      cell.width = width;
+    }
+    catch (e) {
+    }
+    _$jscoverage['plugins/table.action.js'][1661]++;
+    return width;
+}
+  _$jscoverage['plugins/table.action.js'][1668]++;
+  function getTableCellOffset(cell) {
+    _$jscoverage['plugins/table.action.js'][1670]++;
+    tab = domUtils.findParentByTagName(cell, "table", false);
+    _$jscoverage['plugins/table.action.js'][1672]++;
+    if ((tab.offsetVal === undefined)) {
+      _$jscoverage['plugins/table.action.js'][1674]++;
+      var prev = cell.previousSibling;
+      _$jscoverage['plugins/table.action.js'][1676]++;
+      if (prev) {
+        _$jscoverage['plugins/table.action.js'][1679]++;
+        tab.offsetVal = (((cell.offsetWidth - prev.offsetWidth) === UT.borderWidth)? UT.borderWidth: 0);
+      }
+      else {
+        _$jscoverage['plugins/table.action.js'][1682]++;
+        tab.offsetVal = 0;
+      }
+    }
+    _$jscoverage['plugins/table.action.js'][1687]++;
+    return tab.offsetVal;
+}
+  _$jscoverage['plugins/table.action.js'][1691]++;
+  function getTabcellSpace() {
+    _$jscoverage['plugins/table.action.js'][1693]++;
+    if ((UT.tabcellSpace === undefined)) {
+      _$jscoverage['plugins/table.action.js'][1695]++;
+      var cell = null, tab = me.document.createElement("table"), tbody = me.document.createElement("tbody"), trow = me.document.createElement("tr"), tabcell = me.document.createElement("td"), mirror = null;
+      _$jscoverage['plugins/table.action.js'][1702]++;
+      tabcell.style.cssText = "border: 0;";
+      _$jscoverage['plugins/table.action.js'][1703]++;
+      tabcell.width = 1;
+      _$jscoverage['plugins/table.action.js'][1705]++;
+      trow.appendChild(tabcell);
+      _$jscoverage['plugins/table.action.js'][1706]++;
+      trow.appendChild((mirror = tabcell.cloneNode(false)));
+      _$jscoverage['plugins/table.action.js'][1708]++;
+      tbody.appendChild(trow);
+      _$jscoverage['plugins/table.action.js'][1710]++;
+      tab.appendChild(tbody);
+      _$jscoverage['plugins/table.action.js'][1712]++;
+      tab.style.cssText = "visibility: hidden;";
+      _$jscoverage['plugins/table.action.js'][1714]++;
+      me.body.appendChild(tab);
+      _$jscoverage['plugins/table.action.js'][1716]++;
+      UT.paddingSpace = (tabcell.offsetWidth - 1);
+      _$jscoverage['plugins/table.action.js'][1718]++;
+      var tmpTabWidth = tab.offsetWidth;
+      _$jscoverage['plugins/table.action.js'][1720]++;
+      tabcell.style.cssText = "";
+      _$jscoverage['plugins/table.action.js'][1721]++;
+      mirror.style.cssText = "";
+      _$jscoverage['plugins/table.action.js'][1723]++;
+      UT.borderWidth = ((tab.offsetWidth - tmpTabWidth) / 3);
+      _$jscoverage['plugins/table.action.js'][1725]++;
+      UT.tabcellSpace = (UT.paddingSpace + UT.borderWidth);
+      _$jscoverage['plugins/table.action.js'][1727]++;
+      me.body.removeChild(tab);
+    }
+    _$jscoverage['plugins/table.action.js'][1731]++;
+    getTabcellSpace = (function () {
+  _$jscoverage['plugins/table.action.js'][1731]++;
+  return UT.tabcellSpace;
+});
+    _$jscoverage['plugins/table.action.js'][1733]++;
+    return UT.tabcellSpace;
+}
+  _$jscoverage['plugins/table.action.js'][1737]++;
+  function getDragLine(editor, doc) {
+    _$jscoverage['plugins/table.action.js'][1738]++;
+    if (mousedown) {
+      _$jscoverage['plugins/table.action.js'][1738]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1739]++;
+    dragLine = editor.document.createElement("div");
+    _$jscoverage['plugins/table.action.js'][1740]++;
+    domUtils.setAttributes(dragLine, {id: "ue_tableDragLine", unselectable: "on", contenteditable: false, "onresizestart": "return false", "ondragstart": "return false", "onselectstart": "return false", style: "background-color:blue;position:absolute;padding:0;margin:0;background-image:none;border:0px none;opacity:0;filter:alpha(opacity=0)"});
+    _$jscoverage['plugins/table.action.js'][1749]++;
+    editor.body.appendChild(dragLine);
+}
+  _$jscoverage['plugins/table.action.js'][1752]++;
+  function hideDragLine(editor) {
+    _$jscoverage['plugins/table.action.js'][1753]++;
+    if (mousedown) {
+      _$jscoverage['plugins/table.action.js'][1753]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1754]++;
+    var line;
+    _$jscoverage['plugins/table.action.js'][1755]++;
+    while ((line = editor.document.getElementById("ue_tableDragLine"))) {
+      _$jscoverage['plugins/table.action.js'][1756]++;
+      domUtils.remove(line);
+}
+}
+  _$jscoverage['plugins/table.action.js'][1765]++;
+  function showDragLineAt(state, cell) {
+    _$jscoverage['plugins/table.action.js'][1766]++;
+    if ((! cell)) {
+      _$jscoverage['plugins/table.action.js'][1766]++;
+      return;
+    }
+    _$jscoverage['plugins/table.action.js'][1767]++;
+    var table = domUtils.findParentByTagName(cell, "table"), caption = table.getElementsByTagName("caption"), width = table.offsetWidth, height = (table.offsetHeight - ((caption.length > 0)? caption[0].offsetHeight: 0)), tablePos = domUtils.getXY(table), cellPos = domUtils.getXY(cell), css;
+    _$jscoverage['plugins/table.action.js'][1773]++;
+    switch (state) {
+    case "h":
+      _$jscoverage['plugins/table.action.js'][1775]++;
+      css = ("height:" + height + "px;top:" + (tablePos.y + ((caption.length > 0)? caption[0].offsetHeight: 0)) + "px;left:" + (cellPos.x + cell.offsetWidth));
+      _$jscoverage['plugins/table.action.js'][1776]++;
+      dragLine.style.cssText = (css + "px;position: absolute;display:block;background-color:blue;width:1px;border:0; color:blue;opacity:.3;filter:alpha(opacity=30)");
+      _$jscoverage['plugins/table.action.js'][1777]++;
+      break;
+    case "v":
+      _$jscoverage['plugins/table.action.js'][1779]++;
+      css = ("width:" + width + "px;left:" + tablePos.x + "px;top:" + (cellPos.y + cell.offsetHeight));
+      _$jscoverage['plugins/table.action.js'][1781]++;
+      dragLine.style.cssText = (css + "px;overflow:hidden;position: absolute;display:block;background-color:blue;height:1px;border:0;color:blue;opacity:.2;filter:alpha(opacity=20)");
+      _$jscoverage['plugins/table.action.js'][1782]++;
+      break;
+    default:
+    }
+}
+  _$jscoverage['plugins/table.action.js'][1792]++;
+  function switchBorderColor(editor, flag) {
+    _$jscoverage['plugins/table.action.js'][1793]++;
+    var tableArr = domUtils.getElementsByTagName(editor.body, "table"), color;
+    _$jscoverage['plugins/table.action.js'][1794]++;
+    for (var i = 0, node; (node = tableArr[(i++)]);) {
+      _$jscoverage['plugins/table.action.js'][1795]++;
+      var td = domUtils.getElementsByTagName(node, "td");
+      _$jscoverage['plugins/table.action.js'][1796]++;
+      if (td[0]) {
+        _$jscoverage['plugins/table.action.js'][1797]++;
+        if (flag) {
+          _$jscoverage['plugins/table.action.js'][1798]++;
+          color = td[0].style.borderColor.replace(/\s/g, "");
+          _$jscoverage['plugins/table.action.js'][1799]++;
+          if (/(#ffffff)|(rgb\(255,f55,255\))/gi.test(color)) {
+            _$jscoverage['plugins/table.action.js'][1800]++;
+            domUtils.addClass(node, "noBorderTable");
+          }
+        }
+        else {
+          _$jscoverage['plugins/table.action.js'][1802]++;
+          domUtils.removeClasses(node, "noBorderTable");
+        }
+      }
+}
+}
+  _$jscoverage['plugins/table.action.js'][1809]++;
+  function getTableWidth(editor, needIEHack, defaultValue) {
+    _$jscoverage['plugins/table.action.js'][1810]++;
+    var body = editor.body;
+    _$jscoverage['plugins/table.action.js'][1811]++;
+    return (body.offsetWidth - (needIEHack? (parseInt(domUtils.getComputedStyle(body, "margin-left"), 10) * 2): 0) - (defaultValue.tableBorder * 2) - (editor.options.offsetWidth || 0));
+}
+  _$jscoverage['plugins/table.action.js'][1817]++;
+  function getTargetTd(editor, evt) {
+    _$jscoverage['plugins/table.action.js'][1819]++;
+    var target = domUtils.findParentByTagName((evt.target || evt.srcElement), ["td", "th"], true), dir = null;
+    _$jscoverage['plugins/table.action.js'][1822]++;
+    if ((! target)) {
+      _$jscoverage['plugins/table.action.js'][1823]++;
+      return null;
+    }
+    _$jscoverage['plugins/table.action.js'][1826]++;
+    dir = getRelation(target, mouseCoords(evt));
+    _$jscoverage['plugins/table.action.js'][1830]++;
+    if ((! target)) {
+      _$jscoverage['plugins/table.action.js'][1831]++;
+      return null;
+    }
+    _$jscoverage['plugins/table.action.js'][1834]++;
+    if (((dir === "h1") && target.previousSibling)) {
+      _$jscoverage['plugins/table.action.js'][1836]++;
+      var position = domUtils.getXY(target), cellWidth = target.offsetWidth;
+      _$jscoverage['plugins/table.action.js'][1839]++;
+      if ((Math.abs(((position.x + cellWidth) - evt.clientX)) > (cellWidth / 3))) {
+        _$jscoverage['plugins/table.action.js'][1840]++;
+        target = target.previousSibling;
+      }
+    }
+    else {
+      _$jscoverage['plugins/table.action.js'][1843]++;
+      if (((dir === "v1") && target.parentNode.previousSibling)) {
+        _$jscoverage['plugins/table.action.js'][1845]++;
+        var position = domUtils.getXY(target), cellHeight = target.offsetHeight;
+        _$jscoverage['plugins/table.action.js'][1848]++;
+        if ((Math.abs(((position.y + cellHeight) - evt.clientY)) > (cellHeight / 3))) {
+          _$jscoverage['plugins/table.action.js'][1849]++;
+          target = target.parentNode.previousSibling.firstChild;
+        }
+      }
+    }
+    _$jscoverage['plugins/table.action.js'][1856]++;
+    return ((target && (! (editor.fireEvent("excludetable", target) === true)))? target: null);
+}
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/table.cmds.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/table.cmds.js
new file mode 100644
index 000000000..f90fa6651
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/table.cmds.js
@@ -0,0 +1,1622 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/table.cmds.js']) {
+  _$jscoverage['plugins/table.cmds.js'] = [];
+  _$jscoverage['plugins/table.cmds.js'][8] = 0;
+  _$jscoverage['plugins/table.cmds.js'][9] = 0;
+  _$jscoverage['plugins/table.cmds.js'][10] = 0;
+  _$jscoverage['plugins/table.cmds.js'][12] = 0;
+  _$jscoverage['plugins/table.cmds.js'][15] = 0;
+  _$jscoverage['plugins/table.cmds.js'][18] = 0;
+  _$jscoverage['plugins/table.cmds.js'][21] = 0;
+  _$jscoverage['plugins/table.cmds.js'][25] = 0;
+  _$jscoverage['plugins/table.cmds.js'][27] = 0;
+  _$jscoverage['plugins/table.cmds.js'][30] = 0;
+  _$jscoverage['plugins/table.cmds.js'][31] = 0;
+  _$jscoverage['plugins/table.cmds.js'][34] = 0;
+  _$jscoverage['plugins/table.cmds.js'][35] = 0;
+  _$jscoverage['plugins/table.cmds.js'][36] = 0;
+  _$jscoverage['plugins/table.cmds.js'][37] = 0;
+  _$jscoverage['plugins/table.cmds.js'][39] = 0;
+  _$jscoverage['plugins/table.cmds.js'][42] = 0;
+  _$jscoverage['plugins/table.cmds.js'][45] = 0;
+  _$jscoverage['plugins/table.cmds.js'][46] = 0;
+  _$jscoverage['plugins/table.cmds.js'][52] = 0;
+  _$jscoverage['plugins/table.cmds.js'][53] = 0;
+  _$jscoverage['plugins/table.cmds.js'][56] = 0;
+  _$jscoverage['plugins/table.cmds.js'][59] = 0;
+  _$jscoverage['plugins/table.cmds.js'][64] = 0;
+  _$jscoverage['plugins/table.cmds.js'][65] = 0;
+  _$jscoverage['plugins/table.cmds.js'][69] = 0;
+  _$jscoverage['plugins/table.cmds.js'][71] = 0;
+  _$jscoverage['plugins/table.cmds.js'][74] = 0;
+  _$jscoverage['plugins/table.cmds.js'][75] = 0;
+  _$jscoverage['plugins/table.cmds.js'][76] = 0;
+  _$jscoverage['plugins/table.cmds.js'][77] = 0;
+  _$jscoverage['plugins/table.cmds.js'][78] = 0;
+  _$jscoverage['plugins/table.cmds.js'][79] = 0;
+  _$jscoverage['plugins/table.cmds.js'][84] = 0;
+  _$jscoverage['plugins/table.cmds.js'][86] = 0;
+  _$jscoverage['plugins/table.cmds.js'][87] = 0;
+  _$jscoverage['plugins/table.cmds.js'][90] = 0;
+  _$jscoverage['plugins/table.cmds.js'][91] = 0;
+  _$jscoverage['plugins/table.cmds.js'][92] = 0;
+  _$jscoverage['plugins/table.cmds.js'][93] = 0;
+  _$jscoverage['plugins/table.cmds.js'][94] = 0;
+  _$jscoverage['plugins/table.cmds.js'][95] = 0;
+  _$jscoverage['plugins/table.cmds.js'][98] = 0;
+  _$jscoverage['plugins/table.cmds.js'][100] = 0;
+  _$jscoverage['plugins/table.cmds.js'][101] = 0;
+  _$jscoverage['plugins/table.cmds.js'][102] = 0;
+  _$jscoverage['plugins/table.cmds.js'][103] = 0;
+  _$jscoverage['plugins/table.cmds.js'][105] = 0;
+  _$jscoverage['plugins/table.cmds.js'][107] = 0;
+  _$jscoverage['plugins/table.cmds.js'][108] = 0;
+  _$jscoverage['plugins/table.cmds.js'][114] = 0;
+  _$jscoverage['plugins/table.cmds.js'][116] = 0;
+  _$jscoverage['plugins/table.cmds.js'][119] = 0;
+  _$jscoverage['plugins/table.cmds.js'][120] = 0;
+  _$jscoverage['plugins/table.cmds.js'][121] = 0;
+  _$jscoverage['plugins/table.cmds.js'][122] = 0;
+  _$jscoverage['plugins/table.cmds.js'][127] = 0;
+  _$jscoverage['plugins/table.cmds.js'][129] = 0;
+  _$jscoverage['plugins/table.cmds.js'][132] = 0;
+  _$jscoverage['plugins/table.cmds.js'][133] = 0;
+  _$jscoverage['plugins/table.cmds.js'][134] = 0;
+  _$jscoverage['plugins/table.cmds.js'][135] = 0;
+  _$jscoverage['plugins/table.cmds.js'][140] = 0;
+  _$jscoverage['plugins/table.cmds.js'][142] = 0;
+  _$jscoverage['plugins/table.cmds.js'][143] = 0;
+  _$jscoverage['plugins/table.cmds.js'][144] = 0;
+  _$jscoverage['plugins/table.cmds.js'][146] = 0;
+  _$jscoverage['plugins/table.cmds.js'][149] = 0;
+  _$jscoverage['plugins/table.cmds.js'][150] = 0;
+  _$jscoverage['plugins/table.cmds.js'][151] = 0;
+  _$jscoverage['plugins/table.cmds.js'][152] = 0;
+  _$jscoverage['plugins/table.cmds.js'][153] = 0;
+  _$jscoverage['plugins/table.cmds.js'][154] = 0;
+  _$jscoverage['plugins/table.cmds.js'][155] = 0;
+  _$jscoverage['plugins/table.cmds.js'][160] = 0;
+  _$jscoverage['plugins/table.cmds.js'][162] = 0;
+  _$jscoverage['plugins/table.cmds.js'][164] = 0;
+  _$jscoverage['plugins/table.cmds.js'][165] = 0;
+  _$jscoverage['plugins/table.cmds.js'][167] = 0;
+  _$jscoverage['plugins/table.cmds.js'][170] = 0;
+  _$jscoverage['plugins/table.cmds.js'][172] = 0;
+  _$jscoverage['plugins/table.cmds.js'][173] = 0;
+  _$jscoverage['plugins/table.cmds.js'][174] = 0;
+  _$jscoverage['plugins/table.cmds.js'][175] = 0;
+  _$jscoverage['plugins/table.cmds.js'][180] = 0;
+  _$jscoverage['plugins/table.cmds.js'][182] = 0;
+  _$jscoverage['plugins/table.cmds.js'][183] = 0;
+  _$jscoverage['plugins/table.cmds.js'][184] = 0;
+  _$jscoverage['plugins/table.cmds.js'][185] = 0;
+  _$jscoverage['plugins/table.cmds.js'][187] = 0;
+  _$jscoverage['plugins/table.cmds.js'][190] = 0;
+  _$jscoverage['plugins/table.cmds.js'][191] = 0;
+  _$jscoverage['plugins/table.cmds.js'][192] = 0;
+  _$jscoverage['plugins/table.cmds.js'][194] = 0;
+  _$jscoverage['plugins/table.cmds.js'][195] = 0;
+  _$jscoverage['plugins/table.cmds.js'][198] = 0;
+  _$jscoverage['plugins/table.cmds.js'][200] = 0;
+  _$jscoverage['plugins/table.cmds.js'][201] = 0;
+  _$jscoverage['plugins/table.cmds.js'][202] = 0;
+  _$jscoverage['plugins/table.cmds.js'][203] = 0;
+  _$jscoverage['plugins/table.cmds.js'][205] = 0;
+  _$jscoverage['plugins/table.cmds.js'][208] = 0;
+  _$jscoverage['plugins/table.cmds.js'][209] = 0;
+  _$jscoverage['plugins/table.cmds.js'][210] = 0;
+  _$jscoverage['plugins/table.cmds.js'][212] = 0;
+  _$jscoverage['plugins/table.cmds.js'][213] = 0;
+  _$jscoverage['plugins/table.cmds.js'][217] = 0;
+  _$jscoverage['plugins/table.cmds.js'][219] = 0;
+  _$jscoverage['plugins/table.cmds.js'][220] = 0;
+  _$jscoverage['plugins/table.cmds.js'][221] = 0;
+  _$jscoverage['plugins/table.cmds.js'][222] = 0;
+  _$jscoverage['plugins/table.cmds.js'][223] = 0;
+  _$jscoverage['plugins/table.cmds.js'][225] = 0;
+  _$jscoverage['plugins/table.cmds.js'][226] = 0;
+  _$jscoverage['plugins/table.cmds.js'][227] = 0;
+  _$jscoverage['plugins/table.cmds.js'][231] = 0;
+  _$jscoverage['plugins/table.cmds.js'][233] = 0;
+  _$jscoverage['plugins/table.cmds.js'][235] = 0;
+  _$jscoverage['plugins/table.cmds.js'][236] = 0;
+  _$jscoverage['plugins/table.cmds.js'][239] = 0;
+  _$jscoverage['plugins/table.cmds.js'][241] = 0;
+  _$jscoverage['plugins/table.cmds.js'][243] = 0;
+  _$jscoverage['plugins/table.cmds.js'][244] = 0;
+  _$jscoverage['plugins/table.cmds.js'][245] = 0;
+  _$jscoverage['plugins/table.cmds.js'][246] = 0;
+  _$jscoverage['plugins/table.cmds.js'][249] = 0;
+  _$jscoverage['plugins/table.cmds.js'][250] = 0;
+  _$jscoverage['plugins/table.cmds.js'][252] = 0;
+  _$jscoverage['plugins/table.cmds.js'][256] = 0;
+  _$jscoverage['plugins/table.cmds.js'][258] = 0;
+  _$jscoverage['plugins/table.cmds.js'][260] = 0;
+  _$jscoverage['plugins/table.cmds.js'][261] = 0;
+  _$jscoverage['plugins/table.cmds.js'][264] = 0;
+  _$jscoverage['plugins/table.cmds.js'][266] = 0;
+  _$jscoverage['plugins/table.cmds.js'][269] = 0;
+  _$jscoverage['plugins/table.cmds.js'][270] = 0;
+  _$jscoverage['plugins/table.cmds.js'][271] = 0;
+  _$jscoverage['plugins/table.cmds.js'][272] = 0;
+  _$jscoverage['plugins/table.cmds.js'][273] = 0;
+  _$jscoverage['plugins/table.cmds.js'][274] = 0;
+  _$jscoverage['plugins/table.cmds.js'][275] = 0;
+  _$jscoverage['plugins/table.cmds.js'][277] = 0;
+  _$jscoverage['plugins/table.cmds.js'][279] = 0;
+  _$jscoverage['plugins/table.cmds.js'][285] = 0;
+  _$jscoverage['plugins/table.cmds.js'][287] = 0;
+  _$jscoverage['plugins/table.cmds.js'][289] = 0;
+  _$jscoverage['plugins/table.cmds.js'][292] = 0;
+  _$jscoverage['plugins/table.cmds.js'][294] = 0;
+  _$jscoverage['plugins/table.cmds.js'][300] = 0;
+  _$jscoverage['plugins/table.cmds.js'][301] = 0;
+  _$jscoverage['plugins/table.cmds.js'][303] = 0;
+  _$jscoverage['plugins/table.cmds.js'][304] = 0;
+  _$jscoverage['plugins/table.cmds.js'][305] = 0;
+  _$jscoverage['plugins/table.cmds.js'][308] = 0;
+  _$jscoverage['plugins/table.cmds.js'][309] = 0;
+  _$jscoverage['plugins/table.cmds.js'][313] = 0;
+  _$jscoverage['plugins/table.cmds.js'][315] = 0;
+  _$jscoverage['plugins/table.cmds.js'][317] = 0;
+  _$jscoverage['plugins/table.cmds.js'][320] = 0;
+  _$jscoverage['plugins/table.cmds.js'][322] = 0;
+  _$jscoverage['plugins/table.cmds.js'][328] = 0;
+  _$jscoverage['plugins/table.cmds.js'][329] = 0;
+  _$jscoverage['plugins/table.cmds.js'][331] = 0;
+  _$jscoverage['plugins/table.cmds.js'][332] = 0;
+  _$jscoverage['plugins/table.cmds.js'][333] = 0;
+  _$jscoverage['plugins/table.cmds.js'][336] = 0;
+  _$jscoverage['plugins/table.cmds.js'][337] = 0;
+  _$jscoverage['plugins/table.cmds.js'][340] = 0;
+  _$jscoverage['plugins/table.cmds.js'][342] = 0;
+  _$jscoverage['plugins/table.cmds.js'][343] = 0;
+  _$jscoverage['plugins/table.cmds.js'][344] = 0;
+  _$jscoverage['plugins/table.cmds.js'][348] = 0;
+  _$jscoverage['plugins/table.cmds.js'][355] = 0;
+  _$jscoverage['plugins/table.cmds.js'][356] = 0;
+  _$jscoverage['plugins/table.cmds.js'][358] = 0;
+  _$jscoverage['plugins/table.cmds.js'][359] = 0;
+  _$jscoverage['plugins/table.cmds.js'][362] = 0;
+  _$jscoverage['plugins/table.cmds.js'][363] = 0;
+  _$jscoverage['plugins/table.cmds.js'][364] = 0;
+  _$jscoverage['plugins/table.cmds.js'][365] = 0;
+  _$jscoverage['plugins/table.cmds.js'][366] = 0;
+  _$jscoverage['plugins/table.cmds.js'][367] = 0;
+  _$jscoverage['plugins/table.cmds.js'][370] = 0;
+  _$jscoverage['plugins/table.cmds.js'][371] = 0;
+  _$jscoverage['plugins/table.cmds.js'][373] = 0;
+  _$jscoverage['plugins/table.cmds.js'][374] = 0;
+  _$jscoverage['plugins/table.cmds.js'][377] = 0;
+  _$jscoverage['plugins/table.cmds.js'][380] = 0;
+  _$jscoverage['plugins/table.cmds.js'][382] = 0;
+  _$jscoverage['plugins/table.cmds.js'][384] = 0;
+  _$jscoverage['plugins/table.cmds.js'][387] = 0;
+  _$jscoverage['plugins/table.cmds.js'][389] = 0;
+  _$jscoverage['plugins/table.cmds.js'][390] = 0;
+  _$jscoverage['plugins/table.cmds.js'][395] = 0;
+  _$jscoverage['plugins/table.cmds.js'][396] = 0;
+  _$jscoverage['plugins/table.cmds.js'][398] = 0;
+  _$jscoverage['plugins/table.cmds.js'][399] = 0;
+  _$jscoverage['plugins/table.cmds.js'][400] = 0;
+  _$jscoverage['plugins/table.cmds.js'][403] = 0;
+  _$jscoverage['plugins/table.cmds.js'][406] = 0;
+  _$jscoverage['plugins/table.cmds.js'][408] = 0;
+  _$jscoverage['plugins/table.cmds.js'][410] = 0;
+  _$jscoverage['plugins/table.cmds.js'][413] = 0;
+  _$jscoverage['plugins/table.cmds.js'][415] = 0;
+  _$jscoverage['plugins/table.cmds.js'][419] = 0;
+  _$jscoverage['plugins/table.cmds.js'][420] = 0;
+  _$jscoverage['plugins/table.cmds.js'][422] = 0;
+  _$jscoverage['plugins/table.cmds.js'][423] = 0;
+  _$jscoverage['plugins/table.cmds.js'][424] = 0;
+  _$jscoverage['plugins/table.cmds.js'][427] = 0;
+  _$jscoverage['plugins/table.cmds.js'][431] = 0;
+  _$jscoverage['plugins/table.cmds.js'][433] = 0;
+  _$jscoverage['plugins/table.cmds.js'][434] = 0;
+  _$jscoverage['plugins/table.cmds.js'][437] = 0;
+  _$jscoverage['plugins/table.cmds.js'][443] = 0;
+  _$jscoverage['plugins/table.cmds.js'][444] = 0;
+  _$jscoverage['plugins/table.cmds.js'][446] = 0;
+  _$jscoverage['plugins/table.cmds.js'][447] = 0;
+  _$jscoverage['plugins/table.cmds.js'][450] = 0;
+  _$jscoverage['plugins/table.cmds.js'][453] = 0;
+  _$jscoverage['plugins/table.cmds.js'][454] = 0;
+  _$jscoverage['plugins/table.cmds.js'][455] = 0;
+  _$jscoverage['plugins/table.cmds.js'][456] = 0;
+  _$jscoverage['plugins/table.cmds.js'][457] = 0;
+  _$jscoverage['plugins/table.cmds.js'][460] = 0;
+  _$jscoverage['plugins/table.cmds.js'][461] = 0;
+  _$jscoverage['plugins/table.cmds.js'][463] = 0;
+  _$jscoverage['plugins/table.cmds.js'][464] = 0;
+  _$jscoverage['plugins/table.cmds.js'][466] = 0;
+  _$jscoverage['plugins/table.cmds.js'][467] = 0;
+  _$jscoverage['plugins/table.cmds.js'][474] = 0;
+  _$jscoverage['plugins/table.cmds.js'][476] = 0;
+  _$jscoverage['plugins/table.cmds.js'][478] = 0;
+  _$jscoverage['plugins/table.cmds.js'][479] = 0;
+  _$jscoverage['plugins/table.cmds.js'][480] = 0;
+  _$jscoverage['plugins/table.cmds.js'][481] = 0;
+  _$jscoverage['plugins/table.cmds.js'][484] = 0;
+  _$jscoverage['plugins/table.cmds.js'][486] = 0;
+  _$jscoverage['plugins/table.cmds.js'][488] = 0;
+  _$jscoverage['plugins/table.cmds.js'][489] = 0;
+  _$jscoverage['plugins/table.cmds.js'][492] = 0;
+  _$jscoverage['plugins/table.cmds.js'][494] = 0;
+  _$jscoverage['plugins/table.cmds.js'][496] = 0;
+  _$jscoverage['plugins/table.cmds.js'][497] = 0;
+  _$jscoverage['plugins/table.cmds.js'][498] = 0;
+  _$jscoverage['plugins/table.cmds.js'][499] = 0;
+  _$jscoverage['plugins/table.cmds.js'][502] = 0;
+  _$jscoverage['plugins/table.cmds.js'][504] = 0;
+  _$jscoverage['plugins/table.cmds.js'][506] = 0;
+  _$jscoverage['plugins/table.cmds.js'][507] = 0;
+  _$jscoverage['plugins/table.cmds.js'][510] = 0;
+  _$jscoverage['plugins/table.cmds.js'][512] = 0;
+  _$jscoverage['plugins/table.cmds.js'][514] = 0;
+  _$jscoverage['plugins/table.cmds.js'][515] = 0;
+  _$jscoverage['plugins/table.cmds.js'][516] = 0;
+  _$jscoverage['plugins/table.cmds.js'][517] = 0;
+  _$jscoverage['plugins/table.cmds.js'][520] = 0;
+  _$jscoverage['plugins/table.cmds.js'][522] = 0;
+  _$jscoverage['plugins/table.cmds.js'][524] = 0;
+  _$jscoverage['plugins/table.cmds.js'][525] = 0;
+  _$jscoverage['plugins/table.cmds.js'][530] = 0;
+  _$jscoverage['plugins/table.cmds.js'][533] = 0;
+  _$jscoverage['plugins/table.cmds.js'][536] = 0;
+  _$jscoverage['plugins/table.cmds.js'][538] = 0;
+  _$jscoverage['plugins/table.cmds.js'][539] = 0;
+  _$jscoverage['plugins/table.cmds.js'][540] = 0;
+  _$jscoverage['plugins/table.cmds.js'][542] = 0;
+  _$jscoverage['plugins/table.cmds.js'][543] = 0;
+  _$jscoverage['plugins/table.cmds.js'][544] = 0;
+  _$jscoverage['plugins/table.cmds.js'][546] = 0;
+  _$jscoverage['plugins/table.cmds.js'][553] = 0;
+  _$jscoverage['plugins/table.cmds.js'][555] = 0;
+  _$jscoverage['plugins/table.cmds.js'][556] = 0;
+  _$jscoverage['plugins/table.cmds.js'][557] = 0;
+  _$jscoverage['plugins/table.cmds.js'][560] = 0;
+  _$jscoverage['plugins/table.cmds.js'][563] = 0;
+  _$jscoverage['plugins/table.cmds.js'][564] = 0;
+  _$jscoverage['plugins/table.cmds.js'][568] = 0;
+  _$jscoverage['plugins/table.cmds.js'][569] = 0;
+  _$jscoverage['plugins/table.cmds.js'][570] = 0;
+  _$jscoverage['plugins/table.cmds.js'][572] = 0;
+  _$jscoverage['plugins/table.cmds.js'][575] = 0;
+  _$jscoverage['plugins/table.cmds.js'][576] = 0;
+  _$jscoverage['plugins/table.cmds.js'][577] = 0;
+  _$jscoverage['plugins/table.cmds.js'][578] = 0;
+  _$jscoverage['plugins/table.cmds.js'][579] = 0;
+  _$jscoverage['plugins/table.cmds.js'][582] = 0;
+  _$jscoverage['plugins/table.cmds.js'][583] = 0;
+  _$jscoverage['plugins/table.cmds.js'][586] = 0;
+  _$jscoverage['plugins/table.cmds.js'][587] = 0;
+  _$jscoverage['plugins/table.cmds.js'][588] = 0;
+  _$jscoverage['plugins/table.cmds.js'][590] = 0;
+  _$jscoverage['plugins/table.cmds.js'][592] = 0;
+  _$jscoverage['plugins/table.cmds.js'][593] = 0;
+  _$jscoverage['plugins/table.cmds.js'][594] = 0;
+  _$jscoverage['plugins/table.cmds.js'][599] = 0;
+  _$jscoverage['plugins/table.cmds.js'][600] = 0;
+  _$jscoverage['plugins/table.cmds.js'][605] = 0;
+  _$jscoverage['plugins/table.cmds.js'][607] = 0;
+  _$jscoverage['plugins/table.cmds.js'][608] = 0;
+  _$jscoverage['plugins/table.cmds.js'][609] = 0;
+  _$jscoverage['plugins/table.cmds.js'][610] = 0;
+  _$jscoverage['plugins/table.cmds.js'][613] = 0;
+  _$jscoverage['plugins/table.cmds.js'][616] = 0;
+  _$jscoverage['plugins/table.cmds.js'][617] = 0;
+  _$jscoverage['plugins/table.cmds.js'][622] = 0;
+  _$jscoverage['plugins/table.cmds.js'][623] = 0;
+  _$jscoverage['plugins/table.cmds.js'][627] = 0;
+  _$jscoverage['plugins/table.cmds.js'][628] = 0;
+  _$jscoverage['plugins/table.cmds.js'][630] = 0;
+  _$jscoverage['plugins/table.cmds.js'][631] = 0;
+  _$jscoverage['plugins/table.cmds.js'][634] = 0;
+  _$jscoverage['plugins/table.cmds.js'][635] = 0;
+  _$jscoverage['plugins/table.cmds.js'][637] = 0;
+  _$jscoverage['plugins/table.cmds.js'][641] = 0;
+  _$jscoverage['plugins/table.cmds.js'][642] = 0;
+  _$jscoverage['plugins/table.cmds.js'][643] = 0;
+  _$jscoverage['plugins/table.cmds.js'][645] = 0;
+  _$jscoverage['plugins/table.cmds.js'][648] = 0;
+  _$jscoverage['plugins/table.cmds.js'][649] = 0;
+  _$jscoverage['plugins/table.cmds.js'][651] = 0;
+  _$jscoverage['plugins/table.cmds.js'][653] = 0;
+  _$jscoverage['plugins/table.cmds.js'][656] = 0;
+  _$jscoverage['plugins/table.cmds.js'][657] = 0;
+  _$jscoverage['plugins/table.cmds.js'][658] = 0;
+  _$jscoverage['plugins/table.cmds.js'][659] = 0;
+  _$jscoverage['plugins/table.cmds.js'][660] = 0;
+  _$jscoverage['plugins/table.cmds.js'][665] = 0;
+  _$jscoverage['plugins/table.cmds.js'][666] = 0;
+  _$jscoverage['plugins/table.cmds.js'][672] = 0;
+  _$jscoverage['plugins/table.cmds.js'][674] = 0;
+  _$jscoverage['plugins/table.cmds.js'][677] = 0;
+  _$jscoverage['plugins/table.cmds.js'][680] = 0;
+  _$jscoverage['plugins/table.cmds.js'][681] = 0;
+  _$jscoverage['plugins/table.cmds.js'][683] = 0;
+  _$jscoverage['plugins/table.cmds.js'][684] = 0;
+  _$jscoverage['plugins/table.cmds.js'][686] = 0;
+  _$jscoverage['plugins/table.cmds.js'][687] = 0;
+  _$jscoverage['plugins/table.cmds.js'][689] = 0;
+  _$jscoverage['plugins/table.cmds.js'][691] = 0;
+  _$jscoverage['plugins/table.cmds.js'][692] = 0;
+  _$jscoverage['plugins/table.cmds.js'][702] = 0;
+  _$jscoverage['plugins/table.cmds.js'][704] = 0;
+  _$jscoverage['plugins/table.cmds.js'][705] = 0;
+  _$jscoverage['plugins/table.cmds.js'][708] = 0;
+  _$jscoverage['plugins/table.cmds.js'][710] = 0;
+  _$jscoverage['plugins/table.cmds.js'][715] = 0;
+  _$jscoverage['plugins/table.cmds.js'][717] = 0;
+  _$jscoverage['plugins/table.cmds.js'][719] = 0;
+  _$jscoverage['plugins/table.cmds.js'][726] = 0;
+  _$jscoverage['plugins/table.cmds.js'][728] = 0;
+  _$jscoverage['plugins/table.cmds.js'][729] = 0;
+  _$jscoverage['plugins/table.cmds.js'][731] = 0;
+  _$jscoverage['plugins/table.cmds.js'][734] = 0;
+  _$jscoverage['plugins/table.cmds.js'][738] = 0;
+  _$jscoverage['plugins/table.cmds.js'][739] = 0;
+  _$jscoverage['plugins/table.cmds.js'][745] = 0;
+  _$jscoverage['plugins/table.cmds.js'][747] = 0;
+  _$jscoverage['plugins/table.cmds.js'][750] = 0;
+  _$jscoverage['plugins/table.cmds.js'][752] = 0;
+  _$jscoverage['plugins/table.cmds.js'][753] = 0;
+  _$jscoverage['plugins/table.cmds.js'][757] = 0;
+  _$jscoverage['plugins/table.cmds.js'][758] = 0;
+  _$jscoverage['plugins/table.cmds.js'][764] = 0;
+  _$jscoverage['plugins/table.cmds.js'][766] = 0;
+  _$jscoverage['plugins/table.cmds.js'][769] = 0;
+  _$jscoverage['plugins/table.cmds.js'][772] = 0;
+  _$jscoverage['plugins/table.cmds.js'][773] = 0;
+  _$jscoverage['plugins/table.cmds.js'][775] = 0;
+  _$jscoverage['plugins/table.cmds.js'][776] = 0;
+  _$jscoverage['plugins/table.cmds.js'][779] = 0;
+  _$jscoverage['plugins/table.cmds.js'][780] = 0;
+  _$jscoverage['plugins/table.cmds.js'][785] = 0;
+  _$jscoverage['plugins/table.cmds.js'][787] = 0;
+  _$jscoverage['plugins/table.cmds.js'][789] = 0;
+  _$jscoverage['plugins/table.cmds.js'][790] = 0;
+  _$jscoverage['plugins/table.cmds.js'][792] = 0;
+  _$jscoverage['plugins/table.cmds.js'][793] = 0;
+  _$jscoverage['plugins/table.cmds.js'][795] = 0;
+  _$jscoverage['plugins/table.cmds.js'][798] = 0;
+  _$jscoverage['plugins/table.cmds.js'][805] = 0;
+  _$jscoverage['plugins/table.cmds.js'][806] = 0;
+  _$jscoverage['plugins/table.cmds.js'][810] = 0;
+  _$jscoverage['plugins/table.cmds.js'][812] = 0;
+  _$jscoverage['plugins/table.cmds.js'][815] = 0;
+  _$jscoverage['plugins/table.cmds.js'][816] = 0;
+  _$jscoverage['plugins/table.cmds.js'][819] = 0;
+  _$jscoverage['plugins/table.cmds.js'][821] = 0;
+  _$jscoverage['plugins/table.cmds.js'][824] = 0;
+  _$jscoverage['plugins/table.cmds.js'][825] = 0;
+  _$jscoverage['plugins/table.cmds.js'][826] = 0;
+  _$jscoverage['plugins/table.cmds.js'][827] = 0;
+  _$jscoverage['plugins/table.cmds.js'][831] = 0;
+  _$jscoverage['plugins/table.cmds.js'][833] = 0;
+  _$jscoverage['plugins/table.cmds.js'][834] = 0;
+  _$jscoverage['plugins/table.cmds.js'][835] = 0;
+  _$jscoverage['plugins/table.cmds.js'][836] = 0;
+  _$jscoverage['plugins/table.cmds.js'][838] = 0;
+  _$jscoverage['plugins/table.cmds.js'][841] = 0;
+  _$jscoverage['plugins/table.cmds.js'][843] = 0;
+  _$jscoverage['plugins/table.cmds.js'][847] = 0;
+  _$jscoverage['plugins/table.cmds.js'][849] = 0;
+  _$jscoverage['plugins/table.cmds.js'][850] = 0;
+  _$jscoverage['plugins/table.cmds.js'][851] = 0;
+  _$jscoverage['plugins/table.cmds.js'][852] = 0;
+  _$jscoverage['plugins/table.cmds.js'][855] = 0;
+  _$jscoverage['plugins/table.cmds.js'][857] = 0;
+  _$jscoverage['plugins/table.cmds.js'][861] = 0;
+  _$jscoverage['plugins/table.cmds.js'][862] = 0;
+  _$jscoverage['plugins/table.cmds.js'][863] = 0;
+  _$jscoverage['plugins/table.cmds.js'][864] = 0;
+  _$jscoverage['plugins/table.cmds.js'][866] = 0;
+  _$jscoverage['plugins/table.cmds.js'][867] = 0;
+  _$jscoverage['plugins/table.cmds.js'][872] = 0;
+  _$jscoverage['plugins/table.cmds.js'][873] = 0;
+  _$jscoverage['plugins/table.cmds.js'][874] = 0;
+  _$jscoverage['plugins/table.cmds.js'][875] = 0;
+  _$jscoverage['plugins/table.cmds.js'][877] = 0;
+  _$jscoverage['plugins/table.cmds.js'][878] = 0;
+  _$jscoverage['plugins/table.cmds.js'][879] = 0;
+  _$jscoverage['plugins/table.cmds.js'][880] = 0;
+  _$jscoverage['plugins/table.cmds.js'][885] = 0;
+  _$jscoverage['plugins/table.cmds.js'][886] = 0;
+  _$jscoverage['plugins/table.cmds.js'][887] = 0;
+  _$jscoverage['plugins/table.cmds.js'][890] = 0;
+  _$jscoverage['plugins/table.cmds.js'][891] = 0;
+  _$jscoverage['plugins/table.cmds.js'][892] = 0;
+  _$jscoverage['plugins/table.cmds.js'][893] = 0;
+  _$jscoverage['plugins/table.cmds.js'][894] = 0;
+  _$jscoverage['plugins/table.cmds.js'][896] = 0;
+}
+_$jscoverage['plugins/table.cmds.js'].source = ["<span class=\"c\">/*</span>","<span class=\"c\"> * Created with JetBrains PhpStorm.</span>","<span class=\"c\"> * User: taoqili</span>","<span class=\"c\"> * Date: 13-2-20</span>","<span class=\"c\"> * Time: &#19979;&#21320;6:25</span>","<span class=\"c\"> * To change this template use File | Settings | File Templates.</span>","<span class=\"c\"> */</span>","<span class=\"k\">;</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> UT <span class=\"k\">=</span> UE<span class=\"k\">.</span>UETable<span class=\"k\">,</span>","        getTableItemsByRange <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> UT<span class=\"k\">.</span>getTableItemsByRange<span class=\"k\">(</span>editor<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getUETableBySelected <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> UT<span class=\"k\">.</span>getUETableBySelected<span class=\"k\">(</span>editor<span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getDefaultValue <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> table<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> UT<span class=\"k\">.</span>getDefaultValue<span class=\"k\">(</span>editor<span class=\"k\">,</span> table<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getUETable <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>tdOrTable<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> UT<span class=\"k\">.</span>getUETable<span class=\"k\">(</span>tdOrTable<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'inserttable'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table <span class=\"k\">?</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> opt<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">function</span> createTable<span class=\"k\">(</span>opt<span class=\"k\">,</span> tdWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> html <span class=\"k\">=</span> <span class=\"k\">[],</span>","                    rowsNum <span class=\"k\">=</span> opt<span class=\"k\">.</span>numRows<span class=\"k\">,</span>","                    colsNum <span class=\"k\">=</span> opt<span class=\"k\">.</span>numCols<span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> r <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> r <span class=\"k\">&lt;</span> rowsNum<span class=\"k\">;</span> r<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    html<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'&lt;tr&gt;'</span><span class=\"k\">);</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> c <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> c <span class=\"k\">&lt;</span> colsNum<span class=\"k\">;</span> c<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        html<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'&lt;td width=\"'</span> <span class=\"k\">+</span> tdWidth <span class=\"k\">+</span> <span class=\"s\">'\"  vAlign=\"'</span> <span class=\"k\">+</span> opt<span class=\"k\">.</span>tdvalign <span class=\"k\">+</span> <span class=\"s\">'\" &gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;'</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                    html<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'&lt;/tr&gt;'</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//&#31105;&#27490;&#25351;&#23450;table-width</span>","                <span class=\"k\">return</span> <span class=\"s\">'&lt;table&gt;&lt;tbody&gt;'</span> <span class=\"k\">+</span> html<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/tbody&gt;&lt;/table&gt;'</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span> <span class=\"k\">(!</span>opt<span class=\"k\">)</span> <span class=\"k\">{</span>","                opt <span class=\"k\">=</span> utils<span class=\"k\">.</span>extend<span class=\"k\">(</span><span class=\"k\">{}</span><span class=\"k\">,</span> <span class=\"k\">{</span>","                    numCols<span class=\"k\">:</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>defaultCols<span class=\"k\">,</span>","                    numRows<span class=\"k\">:</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>defaultRows<span class=\"k\">,</span>","                    tdvalign<span class=\"k\">:</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>tdvalign","                <span class=\"k\">}</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                start <span class=\"k\">=</span> range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span>","                firstParentBlock <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>isBlockElm<span class=\"k\">(</span>node<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">||</span> me<span class=\"k\">.</span>body<span class=\"k\">;</span>","","            <span class=\"k\">var</span> defaultValue <span class=\"k\">=</span> getDefaultValue<span class=\"k\">(</span>me<span class=\"k\">),</span>","                tableWidth <span class=\"k\">=</span> firstParentBlock<span class=\"k\">.</span>offsetWidth<span class=\"k\">,</span>","                tdWidth <span class=\"k\">=</span> Math<span class=\"k\">.</span>floor<span class=\"k\">(</span>tableWidth <span class=\"k\">/</span> opt<span class=\"k\">.</span>numCols <span class=\"k\">-</span> defaultValue<span class=\"k\">.</span>tdPadding <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">-</span> defaultValue<span class=\"k\">.</span>tdBorder<span class=\"k\">);</span>","","            <span class=\"c\">//todo&#20854;&#20182;&#23646;&#24615;</span>","            <span class=\"k\">!</span>opt<span class=\"k\">.</span>tdvalign <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>tdvalign <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>tdvalign<span class=\"k\">);</span>","            me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"inserthtml\"</span><span class=\"k\">,</span> createTable<span class=\"k\">(</span>opt<span class=\"k\">,</span> tdWidth<span class=\"k\">));</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'insertparagraphbeforetable'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>cell <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> p <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"p\"</span><span class=\"k\">);</span>","                p<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'&amp;nbsp;'</span> <span class=\"k\">:</span> <span class=\"s\">'&lt;br /&gt;'</span><span class=\"k\">;</span>","                table<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>p<span class=\"k\">,</span> table<span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>setStart<span class=\"k\">(</span>p<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'deletetable'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> table<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            table <span class=\"k\">=</span> table <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> next <span class=\"k\">=</span> table<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>next<span class=\"k\">)</span> <span class=\"k\">{</span>","                    next <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">'p'</span><span class=\"k\">,</span> <span class=\"k\">{</span>","                        <span class=\"s\">'innerHTML'</span><span class=\"k\">:</span> browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    table<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>next<span class=\"k\">,</span> table<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>table<span class=\"k\">);</span>","                rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>next<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setStartBefore<span class=\"k\">(</span>next<span class=\"k\">)</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setStart<span class=\"k\">(</span>next<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","                rng<span class=\"k\">.</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"tablehasdeleted\"</span><span class=\"k\">)</span>","","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'cellalign'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getSelectedArr<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>length <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> align<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> selectedTds <span class=\"k\">=</span> getSelectedArr<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> selectedTds<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    ci<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">,</span> align<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'cellvalign'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getSelectedArr<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>length <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> valign<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> selectedTds <span class=\"k\">=</span> getSelectedArr<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> selectedTds<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    ci<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">,</span> valign<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'insertcaption'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'caption'</span><span class=\"k\">).</span>length <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> caption <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'caption'</span><span class=\"k\">);</span>","                caption<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">:</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">;</span>","                table<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>caption<span class=\"k\">,</span> table<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>caption<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'deletecaption'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'caption'</span><span class=\"k\">).</span>length <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'caption'</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">]);</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                range<span class=\"k\">.</span>setStart<span class=\"k\">(</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">();</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'inserttitle'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> firstRow <span class=\"k\">=</span> table<span class=\"k\">.</span>rows<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                <span class=\"k\">return</span> firstRow<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'th'</span><span class=\"k\">).</span>length <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                getUETable<span class=\"k\">(</span>table<span class=\"k\">).</span>insertRow<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"s\">'th'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> th <span class=\"k\">=</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'th'</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">];</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>setStart<span class=\"k\">(</span>th<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'deletetitle'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> firstRow <span class=\"k\">=</span> table<span class=\"k\">.</span>rows<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                <span class=\"k\">return</span> firstRow<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'th'</span><span class=\"k\">).</span>length <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">])</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> td <span class=\"k\">=</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'td'</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">];</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>setStart<span class=\"k\">(</span>td<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"mergeright\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>tableItems<span class=\"k\">.</span>cell<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>table<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>cell<span class=\"k\">),</span>","                rightColIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>colSpan<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>rightColIndex <span class=\"k\">&gt;=</span> ut<span class=\"k\">.</span>colsNum<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> rightCellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">][</span>rightColIndex<span class=\"k\">];</span>","            <span class=\"k\">return</span> <span class=\"k\">(</span>rightCellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">==</span> cellInfo<span class=\"k\">.</span>rowIndex","                <span class=\"k\">&amp;&amp;</span> rightCellInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">==</span> cellInfo<span class=\"k\">.</span>rowSpan<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> cell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>cell<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            ut<span class=\"k\">.</span>mergeRight<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"mergedown\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cell <span class=\"k\">||</span> cell<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TH\"</span><span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>table<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>cell<span class=\"k\">),</span>","                downRowIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan<span class=\"k\">;</span>","            <span class=\"c\">// &#22914;&#26524;&#22788;&#20110;&#26368;&#19979;&#36793;&#21017;&#19981;&#33021;f&#21521;&#21491;&#21512;&#24182;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>downRowIndex <span class=\"k\">&gt;=</span> ut<span class=\"k\">.</span>rowsNum<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> downCellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>downRowIndex<span class=\"k\">][</span>cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">];</span>","            <span class=\"c\">// &#24403;&#19988;&#20165;&#24403;&#20004;&#20010;Cell&#30340;&#24320;&#22987;&#21015;&#21495;&#21644;&#32467;&#26463;&#21015;&#21495;&#19968;&#33268;&#26102;&#33021;&#36827;&#34892;&#21512;&#24182;</span>","            <span class=\"k\">return</span> <span class=\"k\">(</span>downCellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">==</span> cellInfo<span class=\"k\">.</span>colIndex","                <span class=\"k\">&amp;&amp;</span> downCellInfo<span class=\"k\">.</span>colSpan <span class=\"k\">==</span> cellInfo<span class=\"k\">.</span>colSpan<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">.</span>tagName <span class=\"k\">!==</span> <span class=\"s\">'TH'</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> cell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>cell<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            ut<span class=\"k\">.</span>mergeDown<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"mergecells\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getUETableBySelected<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut <span class=\"k\">&amp;&amp;</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> cell <span class=\"k\">=</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                ut<span class=\"k\">.</span>mergeRange<span class=\"k\">();</span>","                <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>cell<span class=\"k\">))</span> <span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setStart<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>collapse<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>cell<span class=\"k\">)</span>","                <span class=\"k\">}</span>","                rng<span class=\"k\">.</span>select<span class=\"k\">();</span>","            <span class=\"k\">}</span>","","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"insertrow\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">;</span>","            <span class=\"k\">return</span> cell <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TD\"</span> <span class=\"k\">&amp;&amp;</span> getUETable<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>table<span class=\"k\">).</span>rowsNum <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>maxRowNum <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">,</span>","                table <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>table<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>table<span class=\"k\">),</span>","                cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            <span class=\"c\">//ut.insertRow(!ut.selectedTds.length ? cellInfo.rowIndex:ut.cellsRange.beginRowIndex,'');</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                ut<span class=\"k\">.</span>insertRow<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span> cell<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> ut<span class=\"k\">.</span>cellsRange<span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> len <span class=\"k\">=</span> range<span class=\"k\">.</span>endRowIndex <span class=\"k\">-</span> range<span class=\"k\">.</span>beginRowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> len<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    ut<span class=\"k\">.</span>insertRow<span class=\"k\">(</span>range<span class=\"k\">.</span>beginRowIndex<span class=\"k\">,</span> cell<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"interlaced\"</span><span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"s\">\"enabled\"</span><span class=\"k\">)</span><span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"interlacetable\"</span><span class=\"k\">,</span> table<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"c\">//&#21518;&#25554;&#20837;&#34892;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"insertrownext\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">;</span>","            <span class=\"k\">return</span> cell <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TD\"</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> getUETable<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>table<span class=\"k\">).</span>rowsNum <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>maxRowNum <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">,</span>","                table <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>table<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>table<span class=\"k\">),</span>","                cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            <span class=\"c\">//ut.insertRow(!ut.selectedTds.length? cellInfo.rowIndex + cellInfo.rowSpan : ut.cellsRange.endRowIndex + 1,'');</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                ut<span class=\"k\">.</span>insertRow<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan<span class=\"k\">,</span> cell<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> ut<span class=\"k\">.</span>cellsRange<span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> len <span class=\"k\">=</span> range<span class=\"k\">.</span>endRowIndex <span class=\"k\">-</span> range<span class=\"k\">.</span>beginRowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> len<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    ut<span class=\"k\">.</span>insertRow<span class=\"k\">(</span>range<span class=\"k\">.</span>endRowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">,</span> cell<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"interlaced\"</span><span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"s\">\"enabled\"</span><span class=\"k\">)</span><span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"interlacetable\"</span><span class=\"k\">,</span> table<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"deleterow\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>tableItems<span class=\"k\">.</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>cell<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                cellsRange <span class=\"k\">=</span> ut<span class=\"k\">.</span>cellsRange<span class=\"k\">,</span>","                cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                preCell <span class=\"k\">=</span> ut<span class=\"k\">.</span>getVSideCell<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                nextCell <span class=\"k\">=</span> ut<span class=\"k\">.</span>getVSideCell<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">),</span>","                rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>cellsRange<span class=\"k\">))</span> <span class=\"k\">{</span>","                ut<span class=\"k\">.</span>deleteRow<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> cellsRange<span class=\"k\">.</span>beginRowIndex<span class=\"k\">;</span> i <span class=\"k\">&lt;</span> cellsRange<span class=\"k\">.</span>endRowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    ut<span class=\"k\">.</span>deleteRow<span class=\"k\">(</span>cellsRange<span class=\"k\">.</span>beginRowIndex<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> ut<span class=\"k\">.</span>table<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'td'</span><span class=\"k\">).</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> nextSibling <span class=\"k\">=</span> table<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>table<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>nextSibling<span class=\"k\">)</span> <span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setStart<span class=\"k\">(</span>nextSibling<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">==</span> <span class=\"s\">1</span> <span class=\"k\">||</span> cellInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">==</span> cellsRange<span class=\"k\">.</span>endRowIndex <span class=\"k\">-</span> cellsRange<span class=\"k\">.</span>beginRowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>nextCell <span class=\"k\">||</span> preCell<span class=\"k\">)</span> rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>nextCell <span class=\"k\">||</span> preCell<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> newCell <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCell<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span> ut<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">][</span>cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>newCell<span class=\"k\">)</span> rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>newCell<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"interlaced\"</span><span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"s\">\"enabled\"</span><span class=\"k\">)</span><span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"interlacetable\"</span><span class=\"k\">,</span> table<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"insertcol\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">;</span>","            <span class=\"k\">return</span> cell <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TD\"</span> <span class=\"k\">||</span> cell<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TH'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> getUETable<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>table<span class=\"k\">).</span>colsNum <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>maxColNum <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> cell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>cell<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">);</span>","","            <span class=\"c\">//ut.insertCol(!ut.selectedTds.length ? cellInfo.colIndex:ut.cellsRange.beginColIndex);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                ut<span class=\"k\">.</span>insertCol<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">,</span> cell<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> ut<span class=\"k\">.</span>cellsRange<span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> len <span class=\"k\">=</span> range<span class=\"k\">.</span>endColIndex <span class=\"k\">-</span> range<span class=\"k\">.</span>beginColIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> len<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    ut<span class=\"k\">.</span>insertCol<span class=\"k\">(</span>range<span class=\"k\">.</span>beginColIndex<span class=\"k\">,</span> cell<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"insertcolnext\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">;</span>","            <span class=\"k\">return</span> cell <span class=\"k\">&amp;&amp;</span> getUETable<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>table<span class=\"k\">).</span>colsNum <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>options<span class=\"k\">.</span>maxColNum <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> cell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>cell<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            <span class=\"c\">//ut.insertCol(!ut.selectedTds.length ? cellInfo.colIndex + cellInfo.colSpan:ut.cellsRange.endColIndex +1);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                ut<span class=\"k\">.</span>insertCol<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>colSpan<span class=\"k\">,</span> cell<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> ut<span class=\"k\">.</span>cellsRange<span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> len <span class=\"k\">=</span> range<span class=\"k\">.</span>endColIndex <span class=\"k\">-</span> range<span class=\"k\">.</span>beginColIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> len<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    ut<span class=\"k\">.</span>insertCol<span class=\"k\">(</span>range<span class=\"k\">.</span>endColIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">,</span> cell<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"deletecol\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>tableItems<span class=\"k\">.</span>cell<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>cell<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                range <span class=\"k\">=</span> ut<span class=\"k\">.</span>cellsRange<span class=\"k\">,</span>","                cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                preCell <span class=\"k\">=</span> ut<span class=\"k\">.</span>getHSideCell<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                nextCell <span class=\"k\">=</span> ut<span class=\"k\">.</span>getHSideCell<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>range<span class=\"k\">))</span> <span class=\"k\">{</span>","                ut<span class=\"k\">.</span>deleteCol<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> range<span class=\"k\">.</span>beginColIndex<span class=\"k\">;</span> i <span class=\"k\">&lt;</span> range<span class=\"k\">.</span>endColIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    ut<span class=\"k\">.</span>deleteCol<span class=\"k\">(</span>range<span class=\"k\">.</span>beginColIndex<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> ut<span class=\"k\">.</span>table<span class=\"k\">,</span>","                rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","","            <span class=\"k\">if</span> <span class=\"k\">(!</span>table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'td'</span><span class=\"k\">).</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> nextSibling <span class=\"k\">=</span> table<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>table<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>nextSibling<span class=\"k\">)</span> <span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setStart<span class=\"k\">(</span>nextSibling<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>inDoc<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">))</span> <span class=\"k\">{</span>","                    rng<span class=\"k\">.</span>setStart<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>nextCell <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>inDoc<span class=\"k\">(</span>nextCell<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">))</span> <span class=\"k\">{</span>","                        rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>nextCell<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>preCell <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>inDoc<span class=\"k\">(</span>preCell<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">))</span> <span class=\"k\">{</span>","                            rng<span class=\"k\">.</span>selectNodeContents<span class=\"k\">(</span>preCell<span class=\"k\">).</span>setCursor<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"splittocells\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cell<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>table<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> cell <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>colSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span> <span class=\"k\">||</span> cell<span class=\"k\">.</span>rowSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> cell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>cell<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            ut<span class=\"k\">.</span>splitToCells<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"splittorows\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cell<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>table<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> cell <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>rowSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> cell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>cell<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            ut<span class=\"k\">.</span>splitToRows<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"splittocols\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cell<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>table<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> cell <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>colSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bk <span class=\"k\">=</span> rng<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> cell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>cell<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            ut<span class=\"k\">.</span>splitToCols<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            rng<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"adaptbytext\"</span><span class=\"k\">]</span> <span class=\"k\">=</span>","        UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"adaptbywindow\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","            queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                    table <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>table<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cmd <span class=\"k\">==</span> <span class=\"s\">'adaptbywindow'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        resetTdWidth<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> cells <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"s\">\"td th\"</span><span class=\"k\">);</span>","                        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>cells<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                            cell<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                        table<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">//&#24179;&#22343;&#20998;&#37197;&#21508;&#21015;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'averagedistributecol'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ut<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> ut<span class=\"k\">.</span>isFullRow<span class=\"k\">()</span> <span class=\"k\">||</span> ut<span class=\"k\">.</span>isFullCol<span class=\"k\">()</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">);</span>","","            <span class=\"k\">function</span> getAverageWidth<span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> tb <span class=\"k\">=</span> ut<span class=\"k\">.</span>table<span class=\"k\">,</span>","                    averageWidth<span class=\"k\">,</span> sumWidth <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> colsNum <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                    tbAttr <span class=\"k\">=</span> getDefaultValue<span class=\"k\">(</span>me<span class=\"k\">,</span> tb<span class=\"k\">);</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>isFullRow<span class=\"k\">())</span> <span class=\"k\">{</span>","                    sumWidth <span class=\"k\">=</span> tb<span class=\"k\">.</span>offsetWidth<span class=\"k\">;</span>","                    colsNum <span class=\"k\">=</span> ut<span class=\"k\">.</span>colsNum<span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> begin <span class=\"k\">=</span> ut<span class=\"k\">.</span>cellsRange<span class=\"k\">.</span>beginColIndex<span class=\"k\">,</span>","                        end <span class=\"k\">=</span> ut<span class=\"k\">.</span>cellsRange<span class=\"k\">.</span>endColIndex<span class=\"k\">,</span>","                        node<span class=\"k\">;</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> begin<span class=\"k\">;</span> i <span class=\"k\">&lt;=</span> end<span class=\"k\">;)</span> <span class=\"k\">{</span>","                        node <span class=\"k\">=</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">[</span>i<span class=\"k\">];</span>","                        sumWidth <span class=\"k\">+=</span> node<span class=\"k\">.</span>offsetWidth<span class=\"k\">;</span>","                        i <span class=\"k\">+=</span> node<span class=\"k\">.</span>colSpan<span class=\"k\">;</span>","                        colsNum <span class=\"k\">+=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                averageWidth <span class=\"k\">=</span> Math<span class=\"k\">.</span>ceil<span class=\"k\">(</span>sumWidth <span class=\"k\">/</span> colsNum<span class=\"k\">)</span> <span class=\"k\">-</span> tbAttr<span class=\"k\">.</span>tdBorder <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">-</span> tbAttr<span class=\"k\">.</span>tdPadding <span class=\"k\">*</span> <span class=\"s\">2</span><span class=\"k\">;</span>","                <span class=\"k\">return</span> averageWidth<span class=\"k\">;</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">function</span> setAverageWidth<span class=\"k\">(</span>averageWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>ut<span class=\"k\">.</span>table<span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    node<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">var</span> cells <span class=\"k\">=</span> ut<span class=\"k\">.</span>isFullRow<span class=\"k\">()</span> <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>ut<span class=\"k\">.</span>table<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">)</span> <span class=\"k\">:</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">;</span>","","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>cells<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>colSpan <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">,</span> averageWidth<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut <span class=\"k\">&amp;&amp;</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                setAverageWidth<span class=\"k\">(</span>getAverageWidth<span class=\"k\">());</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"c\">//&#24179;&#22343;&#20998;&#37197;&#21508;&#34892;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'averagedistributerow'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ut<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/th/ig</span><span class=\"k\">.</span>test<span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>tagName<span class=\"k\">))</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> ut<span class=\"k\">.</span>isFullRow<span class=\"k\">()</span> <span class=\"k\">||</span> ut<span class=\"k\">.</span>isFullCol<span class=\"k\">()</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">);</span>","","            <span class=\"k\">function</span> getAverageHeight<span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> averageHeight<span class=\"k\">,</span> rowNum<span class=\"k\">,</span> sumHeight <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                    tb <span class=\"k\">=</span> ut<span class=\"k\">.</span>table<span class=\"k\">,</span>","                    tbAttr <span class=\"k\">=</span> getDefaultValue<span class=\"k\">(</span>me<span class=\"k\">,</span> tb<span class=\"k\">),</span>","                    tdpadding <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>tb<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'td'</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">],</span> <span class=\"s\">\"padding-top\"</span><span class=\"k\">));</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>isFullCol<span class=\"k\">())</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> captionArr <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>tb<span class=\"k\">,</span> <span class=\"s\">\"caption\"</span><span class=\"k\">),</span>","                        thArr <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>tb<span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">),</span>","                        captionHeight<span class=\"k\">,</span> thHeight<span class=\"k\">;</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>captionArr<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        captionHeight <span class=\"k\">=</span> captionArr<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>offsetHeight<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>thArr<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        thHeight <span class=\"k\">=</span> thArr<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>offsetHeight<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","","                    sumHeight <span class=\"k\">=</span> tb<span class=\"k\">.</span>offsetHeight <span class=\"k\">-</span> <span class=\"k\">(</span>captionHeight <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">-</span> <span class=\"k\">(</span>thHeight <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">);</span>","                    rowNum <span class=\"k\">=</span> thArr<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">?</span> ut<span class=\"k\">.</span>rowsNum <span class=\"k\">:</span> <span class=\"k\">(</span>ut<span class=\"k\">.</span>rowsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> begin <span class=\"k\">=</span> ut<span class=\"k\">.</span>cellsRange<span class=\"k\">.</span>beginRowIndex<span class=\"k\">,</span>","                        end <span class=\"k\">=</span> ut<span class=\"k\">.</span>cellsRange<span class=\"k\">.</span>endRowIndex<span class=\"k\">,</span>","                        count <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                        trs <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>tb<span class=\"k\">,</span> <span class=\"s\">\"tr\"</span><span class=\"k\">);</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> begin<span class=\"k\">;</span> i <span class=\"k\">&lt;=</span> end<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        sumHeight <span class=\"k\">+=</span> trs<span class=\"k\">[</span>i<span class=\"k\">].</span>offsetHeight<span class=\"k\">;</span>","                        count <span class=\"k\">+=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    rowNum <span class=\"k\">=</span> count<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//ie8&#19979;&#26159;&#28151;&#26434;&#27169;&#24335;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;</span> <span class=\"s\">9</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    averageHeight <span class=\"k\">=</span> Math<span class=\"k\">.</span>ceil<span class=\"k\">(</span>sumHeight <span class=\"k\">/</span> rowNum<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    averageHeight <span class=\"k\">=</span> Math<span class=\"k\">.</span>ceil<span class=\"k\">(</span>sumHeight <span class=\"k\">/</span> rowNum<span class=\"k\">)</span> <span class=\"k\">-</span> tbAttr<span class=\"k\">.</span>tdBorder <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">-</span> tdpadding <span class=\"k\">*</span> <span class=\"s\">2</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> averageHeight<span class=\"k\">;</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">function</span> setAverageHeight<span class=\"k\">(</span>averageHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> cells <span class=\"k\">=</span> ut<span class=\"k\">.</span>isFullCol<span class=\"k\">()</span> <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>ut<span class=\"k\">.</span>table<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">)</span> <span class=\"k\">:</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">;</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>cells<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>rowSpan <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        node<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"height\"</span><span class=\"k\">,</span> averageHeight<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>ut <span class=\"k\">&amp;&amp;</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                setAverageHeight<span class=\"k\">(</span>getAverageHeight<span class=\"k\">());</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">//&#21333;&#20803;&#26684;&#23545;&#40784;&#26041;&#24335;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'cellalignment'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> data<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">);</span>","","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ut<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> start <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span>","                    cell <span class=\"k\">=</span> start <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">\"td\"</span><span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">,</span> <span class=\"s\">\"caption\"</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"s\">/caption/ig</span><span class=\"k\">.</span>test<span class=\"k\">(</span>cell<span class=\"k\">.</span>tagName<span class=\"k\">))</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>cell<span class=\"k\">,</span> data<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    cell<span class=\"k\">.</span>style<span class=\"k\">.</span>textAlign <span class=\"k\">=</span> data<span class=\"k\">.</span>align<span class=\"k\">;</span>","                    cell<span class=\"k\">.</span>style<span class=\"k\">.</span>verticalAlign <span class=\"k\">=</span> data<span class=\"k\">.</span>vAlign<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>setCursor<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>setAttributes<span class=\"k\">(</span>cell<span class=\"k\">,</span> data<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#26597;&#35810;&#24403;&#21069;&#28857;&#20987;&#30340;&#21333;&#20803;&#26684;&#30340;&#23545;&#40784;&#29366;&#24577;&#65292; &#22914;&#26524;&#24403;&#21069;&#24050;&#32463;&#36873;&#25321;&#20102;&#22810;&#20010;&#21333;&#20803;&#26684;&#65292; &#21017;&#20250;&#36820;&#22238;&#25152;&#26377;&#21333;&#20803;&#26684;&#32463;&#36807;&#32479;&#19968;&#21327;&#35843;&#36807;&#21518;&#30340;&#29366;&#24577;</span>","<span class=\"c\">         * @see UE.UETable.getTableCellAlignState</span>","<span class=\"c\">         */</span>","        queryCommandValue<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> activeMenuCell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">).</span>cell<span class=\"k\">;</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>activeMenuCell <span class=\"k\">)</span> <span class=\"k\">{</span>","                activeMenuCell <span class=\"k\">=</span> getSelectedArr<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">];</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span> <span class=\"k\">(!</span>activeMenuCell<span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                <span class=\"c\">//&#33719;&#21462;&#21516;&#26102;&#36873;&#20013;&#30340;&#20854;&#20182;&#21333;&#20803;&#26684;</span>","                <span class=\"k\">var</span> cells <span class=\"k\">=</span> UE<span class=\"k\">.</span>UETable<span class=\"k\">.</span>getUETable<span class=\"k\">(</span>activeMenuCell<span class=\"k\">).</span>selectedTds<span class=\"k\">;</span>","","                <span class=\"k\">!</span>cells<span class=\"k\">.</span>length <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span> cells <span class=\"k\">=</span> activeMenuCell <span class=\"k\">);</span>","","                <span class=\"k\">return</span> UE<span class=\"k\">.</span>UETable<span class=\"k\">.</span>getTableCellAlignState<span class=\"k\">(</span>cells<span class=\"k\">);</span>","","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"c\">//&#34920;&#26684;&#23545;&#40784;&#26041;&#24335;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'tablealignment'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;</span> <span class=\"s\">8</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> value<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                start <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span>","                table <span class=\"k\">=</span> start <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">\"table\"</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                table<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"align\"</span><span class=\"k\">,</span>value<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">//&#34920;&#26684;&#23646;&#24615;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'edittable'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> color<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                table <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"s\">'table'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> arr <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">).</span>concat<span class=\"k\">(</span>","                    domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">),</span>","                    domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"s\">\"caption\"</span><span class=\"k\">)</span>","                <span class=\"k\">);</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>arr<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    node<span class=\"k\">.</span>style<span class=\"k\">.</span>borderColor <span class=\"k\">=</span> color<span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"c\">//&#21333;&#20803;&#26684;&#23646;&#24615;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'edittd'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> bkColor<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETableBySelected<span class=\"k\">(</span>me<span class=\"k\">);</span>","","            <span class=\"k\">if</span> <span class=\"k\">(!</span>ut<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> start <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">(),</span>","                    cell <span class=\"k\">=</span> start <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">\"td\"</span><span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">,</span> <span class=\"s\">\"caption\"</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                    cell<span class=\"k\">.</span>style<span class=\"k\">.</span>backgroundColor <span class=\"k\">=</span> bkColor<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>ut<span class=\"k\">.</span>selectedTds<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                    cell<span class=\"k\">.</span>style<span class=\"k\">.</span>backgroundColor <span class=\"k\">=</span> bkColor<span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'sorttable'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span>me<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>tableItems<span class=\"k\">.</span>cell<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>table<span class=\"k\">,</span>","                cells <span class=\"k\">=</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"td\"</span><span class=\"k\">);</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cell<span class=\"k\">;</span> cell <span class=\"k\">=</span> cells<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>rowSpan <span class=\"k\">!=</span> <span class=\"s\">1</span> <span class=\"k\">||</span> cell<span class=\"k\">.</span>colSpan <span class=\"k\">!=</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> fn<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                range <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                bk <span class=\"k\">=</span> range<span class=\"k\">.</span>createBookmark<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">),</span>","                tableItems <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span>me<span class=\"k\">),</span>","                cell <span class=\"k\">=</span> tableItems<span class=\"k\">.</span>cell<span class=\"k\">,</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>tableItems<span class=\"k\">.</span>table<span class=\"k\">),</span>","                cellInfo <span class=\"k\">=</span> ut<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            ut<span class=\"k\">.</span>sortTable<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">,</span> fn<span class=\"k\">);</span>","            range<span class=\"k\">.</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"enablesort\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"disablesort\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table<span class=\"k\">;</span>","            table<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"data-sort\"</span><span class=\"k\">,</span> cmd <span class=\"k\">==</span> <span class=\"s\">\"enablesort\"</span> <span class=\"k\">?</span> <span class=\"s\">\"sortEnabled\"</span> <span class=\"k\">:</span> <span class=\"s\">\"sortDisabled\"</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"settablebackground\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> getSelectedArr<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>length <span class=\"k\">&gt;</span> <span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> value<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table<span class=\"k\">,</span> cells<span class=\"k\">,</span> ut<span class=\"k\">;</span>","            cells <span class=\"k\">=</span> getSelectedArr<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]);</span>","            ut<span class=\"k\">.</span>setBackground<span class=\"k\">(</span>cells<span class=\"k\">,</span> value<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"cleartablebackground\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cells <span class=\"k\">=</span> getSelectedArr<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cells<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cell<span class=\"k\">;</span> cell <span class=\"k\">=</span> cells<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>style<span class=\"k\">.</span>backgroundColor <span class=\"k\">!==</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cells <span class=\"k\">=</span> getSelectedArr<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">),</span>","                ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]);</span>","            ut<span class=\"k\">.</span>removeBackground<span class=\"k\">(</span>cells<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"interlacetable\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"uninterlacetable\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        queryCommandState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>table<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> interlaced <span class=\"k\">=</span> table<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"interlaced\"</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>cmd <span class=\"k\">==</span> <span class=\"s\">\"interlacetable\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">//TODO &#24453;&#23450;</span>","                <span class=\"c\">//&#26159;&#21542;&#38656;&#35201;&#24453;&#23450;&#65292;&#22914;&#26524;&#35774;&#32622;&#65292;&#21017;&#21629;&#20196;&#21482;&#33021;&#21333;&#27425;&#25191;&#34892;&#25104;&#21151;&#65292;&#20294;&#21453;&#23556;&#20855;&#22791;toggle&#25928;&#26524;&#65307;&#21542;&#21017;&#21487;&#20197;&#35206;&#30422;&#21069;&#27425;&#21629;&#20196;&#65292;&#20294;&#21453;&#23556;&#23558;&#19981;&#23384;&#22312;toggle&#25928;&#26524;</span>","                <span class=\"k\">return</span> <span class=\"k\">(</span>interlaced <span class=\"k\">===</span> <span class=\"s\">\"enabled\"</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">(!</span>interlaced <span class=\"k\">||</span> interlaced <span class=\"k\">===</span> <span class=\"s\">\"disabled\"</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> classList<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">).</span>table<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>cmd <span class=\"k\">==</span> <span class=\"s\">\"interlacetable\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                table<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"interlaced\"</span><span class=\"k\">,</span> <span class=\"s\">\"enabled\"</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"interlacetable\"</span><span class=\"k\">,</span> table<span class=\"k\">,</span> classList<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                table<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"interlaced\"</span><span class=\"k\">,</span> <span class=\"s\">\"disabled\"</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"uninterlacetable\"</span><span class=\"k\">,</span> table<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"k\">function</span> resetTdWidth<span class=\"k\">(</span>table<span class=\"k\">,</span> editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tds <span class=\"k\">=</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"td\"</span><span class=\"k\">);</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>tds<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","            td<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        table<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">,</span> getTableWidth<span class=\"k\">(</span>editor<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> getDefaultValue<span class=\"k\">(</span>editor<span class=\"k\">,</span> table<span class=\"k\">)));</span>","        setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>tds<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">(</span>td<span class=\"k\">.</span>colSpan <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> td<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">,</span> td<span class=\"k\">.</span>offsetWidth <span class=\"k\">+</span> <span class=\"s\">\"\"</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> getTableWidth<span class=\"k\">(</span>editor<span class=\"k\">,</span> needIEHack<span class=\"k\">,</span> defaultValue<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> body <span class=\"k\">=</span> editor<span class=\"k\">.</span>body<span class=\"k\">;</span>","        <span class=\"k\">return</span> body<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> <span class=\"k\">(</span>needIEHack <span class=\"k\">?</span> parseInt<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>body<span class=\"k\">,</span> <span class=\"s\">'margin-left'</span><span class=\"k\">),</span> <span class=\"s\">10</span><span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">-</span> defaultValue<span class=\"k\">.</span>tableBorder <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">-</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>offsetWidth <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> getSelectedArr<span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> cell <span class=\"k\">=</span> getTableItemsByRange<span class=\"k\">(</span>editor<span class=\"k\">).</span>cell<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> ut <span class=\"k\">=</span> getUETable<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            <span class=\"k\">return</span> ut<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length <span class=\"k\">?</span> ut<span class=\"k\">.</span>selectedTds <span class=\"k\">:</span> <span class=\"k\">[</span>cell<span class=\"k\">];</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">[];</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['plugins/table.cmds.js'][8]++;
+;
+_$jscoverage['plugins/table.cmds.js'][9]++;
+(function () {
+  _$jscoverage['plugins/table.cmds.js'][10]++;
+  var UT = UE.UETable, getTableItemsByRange = (function (editor) {
+  _$jscoverage['plugins/table.cmds.js'][12]++;
+  return UT.getTableItemsByRange(editor);
+}), getUETableBySelected = (function (editor) {
+  _$jscoverage['plugins/table.cmds.js'][15]++;
+  return UT.getUETableBySelected(editor);
+}), getDefaultValue = (function (editor, table) {
+  _$jscoverage['plugins/table.cmds.js'][18]++;
+  return UT.getDefaultValue(editor, table);
+}), getUETable = (function (tdOrTable) {
+  _$jscoverage['plugins/table.cmds.js'][21]++;
+  return UT.getUETable(tdOrTable);
+});
+  _$jscoverage['plugins/table.cmds.js'][25]++;
+  UE.commands.inserttable = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][27]++;
+  return (getTableItemsByRange(this).table? -1: 0);
+}), execCommand: (function (cmd, opt) {
+  _$jscoverage['plugins/table.cmds.js'][30]++;
+  function createTable(opt, tdWidth) {
+    _$jscoverage['plugins/table.cmds.js'][31]++;
+    var html = [], rowsNum = opt.numRows, colsNum = opt.numCols;
+    _$jscoverage['plugins/table.cmds.js'][34]++;
+    for (var r = 0; (r < rowsNum); (r++)) {
+      _$jscoverage['plugins/table.cmds.js'][35]++;
+      html.push("<tr>");
+      _$jscoverage['plugins/table.cmds.js'][36]++;
+      for (var c = 0; (c < colsNum); (c++)) {
+        _$jscoverage['plugins/table.cmds.js'][37]++;
+        html.push(("<td width=\"" + tdWidth + "\"  vAlign=\"" + opt.tdvalign + "\" >" + (browser.ie? domUtils.fillChar: "<br/>") + "</td>"));
+}
+      _$jscoverage['plugins/table.cmds.js'][39]++;
+      html.push("</tr>");
+}
+    _$jscoverage['plugins/table.cmds.js'][42]++;
+    return ("<table><tbody>" + html.join("") + "</tbody></table>");
+}
+  _$jscoverage['plugins/table.cmds.js'][45]++;
+  if ((! opt)) {
+    _$jscoverage['plugins/table.cmds.js'][46]++;
+    opt = utils.extend({}, {numCols: this.options.defaultCols, numRows: this.options.defaultRows, tdvalign: this.options.tdvalign});
+  }
+  _$jscoverage['plugins/table.cmds.js'][52]++;
+  var me = this;
+  _$jscoverage['plugins/table.cmds.js'][53]++;
+  var range = this.selection.getRange(), start = range.startContainer, firstParentBlock = (domUtils.findParent(start, (function (node) {
+  _$jscoverage['plugins/table.cmds.js'][56]++;
+  return domUtils.isBlockElm(node);
+}), true) || me.body);
+  _$jscoverage['plugins/table.cmds.js'][59]++;
+  var defaultValue = getDefaultValue(me), tableWidth = firstParentBlock.offsetWidth, tdWidth = Math.floor(((tableWidth / opt.numCols) - (defaultValue.tdPadding * 2) - defaultValue.tdBorder));
+  _$jscoverage['plugins/table.cmds.js'][64]++;
+  ((! opt.tdvalign) && (opt.tdvalign = me.options.tdvalign));
+  _$jscoverage['plugins/table.cmds.js'][65]++;
+  me.execCommand("inserthtml", createTable(opt, tdWidth));
+})};
+  _$jscoverage['plugins/table.cmds.js'][69]++;
+  UE.commands.insertparagraphbeforetable = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][71]++;
+  return (getTableItemsByRange(this).cell? 0: -1);
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][74]++;
+  var table = getTableItemsByRange(this).table;
+  _$jscoverage['plugins/table.cmds.js'][75]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][76]++;
+    var p = this.document.createElement("p");
+    _$jscoverage['plugins/table.cmds.js'][77]++;
+    p.innerHTML = (browser.ie? "&nbsp;": "<br />");
+    _$jscoverage['plugins/table.cmds.js'][78]++;
+    table.parentNode.insertBefore(p, table);
+    _$jscoverage['plugins/table.cmds.js'][79]++;
+    this.selection.getRange().setStart(p, 0).setCursor();
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][84]++;
+  UE.commands.deletetable = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][86]++;
+  var rng = this.selection.getRange();
+  _$jscoverage['plugins/table.cmds.js'][87]++;
+  return (domUtils.findParentByTagName(rng.startContainer, "table", true)? 0: -1);
+}), execCommand: (function (cmd, table) {
+  _$jscoverage['plugins/table.cmds.js'][90]++;
+  var rng = this.selection.getRange();
+  _$jscoverage['plugins/table.cmds.js'][91]++;
+  table = (table || domUtils.findParentByTagName(rng.startContainer, "table", true));
+  _$jscoverage['plugins/table.cmds.js'][92]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][93]++;
+    var next = table.nextSibling;
+    _$jscoverage['plugins/table.cmds.js'][94]++;
+    if ((! next)) {
+      _$jscoverage['plugins/table.cmds.js'][95]++;
+      next = domUtils.createElement(this.document, "p", {"innerHTML": (browser.ie? domUtils.fillChar: "<br/>")});
+      _$jscoverage['plugins/table.cmds.js'][98]++;
+      table.parentNode.insertBefore(next, table);
+    }
+    _$jscoverage['plugins/table.cmds.js'][100]++;
+    domUtils.remove(table);
+    _$jscoverage['plugins/table.cmds.js'][101]++;
+    rng = this.selection.getRange();
+    _$jscoverage['plugins/table.cmds.js'][102]++;
+    if ((next.nodeType == 3)) {
+      _$jscoverage['plugins/table.cmds.js'][103]++;
+      rng.setStartBefore(next);
+    }
+    else {
+      _$jscoverage['plugins/table.cmds.js'][105]++;
+      rng.setStart(next, 0);
+    }
+    _$jscoverage['plugins/table.cmds.js'][107]++;
+    rng.setCursor(false, true);
+    _$jscoverage['plugins/table.cmds.js'][108]++;
+    this.fireEvent("tablehasdeleted");
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][114]++;
+  UE.commands.cellalign = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][116]++;
+  return (getSelectedArr(this).length? 0: -1);
+}), execCommand: (function (cmd, align) {
+  _$jscoverage['plugins/table.cmds.js'][119]++;
+  var selectedTds = getSelectedArr(this);
+  _$jscoverage['plugins/table.cmds.js'][120]++;
+  if (selectedTds.length) {
+    _$jscoverage['plugins/table.cmds.js'][121]++;
+    for (var i = 0, ci; (ci = selectedTds[(i++)]);) {
+      _$jscoverage['plugins/table.cmds.js'][122]++;
+      ci.setAttribute("align", align);
+}
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][127]++;
+  UE.commands.cellvalign = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][129]++;
+  return (getSelectedArr(this).length? 0: -1);
+}), execCommand: (function (cmd, valign) {
+  _$jscoverage['plugins/table.cmds.js'][132]++;
+  var selectedTds = getSelectedArr(this);
+  _$jscoverage['plugins/table.cmds.js'][133]++;
+  if (selectedTds.length) {
+    _$jscoverage['plugins/table.cmds.js'][134]++;
+    for (var i = 0, ci; (ci = selectedTds[(i++)]);) {
+      _$jscoverage['plugins/table.cmds.js'][135]++;
+      ci.setAttribute("vAlign", valign);
+}
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][140]++;
+  UE.commands.insertcaption = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][142]++;
+  var table = getTableItemsByRange(this).table;
+  _$jscoverage['plugins/table.cmds.js'][143]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][144]++;
+    return ((table.getElementsByTagName("caption").length == 0)? 1: -1);
+  }
+  _$jscoverage['plugins/table.cmds.js'][146]++;
+  return -1;
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][149]++;
+  var table = getTableItemsByRange(this).table;
+  _$jscoverage['plugins/table.cmds.js'][150]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][151]++;
+    var caption = this.document.createElement("caption");
+    _$jscoverage['plugins/table.cmds.js'][152]++;
+    caption.innerHTML = (browser.ie? domUtils.fillChar: "<br/>");
+    _$jscoverage['plugins/table.cmds.js'][153]++;
+    table.insertBefore(caption, table.firstChild);
+    _$jscoverage['plugins/table.cmds.js'][154]++;
+    var range = this.selection.getRange();
+    _$jscoverage['plugins/table.cmds.js'][155]++;
+    range.setStart(caption, 0).setCursor();
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][160]++;
+  UE.commands.deletecaption = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][162]++;
+  var rng = this.selection.getRange(), table = domUtils.findParentByTagName(rng.startContainer, "table");
+  _$jscoverage['plugins/table.cmds.js'][164]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][165]++;
+    return ((table.getElementsByTagName("caption").length == 0)? -1: 1);
+  }
+  _$jscoverage['plugins/table.cmds.js'][167]++;
+  return -1;
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][170]++;
+  var rng = this.selection.getRange(), table = domUtils.findParentByTagName(rng.startContainer, "table");
+  _$jscoverage['plugins/table.cmds.js'][172]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][173]++;
+    domUtils.remove(table.getElementsByTagName("caption")[0]);
+    _$jscoverage['plugins/table.cmds.js'][174]++;
+    var range = this.selection.getRange();
+    _$jscoverage['plugins/table.cmds.js'][175]++;
+    range.setStart(table.rows[0].cells[0], 0).setCursor();
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][180]++;
+  UE.commands.inserttitle = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][182]++;
+  var table = getTableItemsByRange(this).table;
+  _$jscoverage['plugins/table.cmds.js'][183]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][184]++;
+    var firstRow = table.rows[0];
+    _$jscoverage['plugins/table.cmds.js'][185]++;
+    return ((firstRow.getElementsByTagName("th").length == 0)? 0: -1);
+  }
+  _$jscoverage['plugins/table.cmds.js'][187]++;
+  return -1;
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][190]++;
+  var table = getTableItemsByRange(this).table;
+  _$jscoverage['plugins/table.cmds.js'][191]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][192]++;
+    getUETable(table).insertRow(0, "th");
+  }
+  _$jscoverage['plugins/table.cmds.js'][194]++;
+  var th = table.getElementsByTagName("th")[0];
+  _$jscoverage['plugins/table.cmds.js'][195]++;
+  this.selection.getRange().setStart(th, 0).setCursor(false, true);
+})};
+  _$jscoverage['plugins/table.cmds.js'][198]++;
+  UE.commands.deletetitle = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][200]++;
+  var table = getTableItemsByRange(this).table;
+  _$jscoverage['plugins/table.cmds.js'][201]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][202]++;
+    var firstRow = table.rows[0];
+    _$jscoverage['plugins/table.cmds.js'][203]++;
+    return (firstRow.getElementsByTagName("th").length? 0: -1);
+  }
+  _$jscoverage['plugins/table.cmds.js'][205]++;
+  return -1;
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][208]++;
+  var table = getTableItemsByRange(this).table;
+  _$jscoverage['plugins/table.cmds.js'][209]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][210]++;
+    domUtils.remove(table.rows[0]);
+  }
+  _$jscoverage['plugins/table.cmds.js'][212]++;
+  var td = table.getElementsByTagName("td")[0];
+  _$jscoverage['plugins/table.cmds.js'][213]++;
+  this.selection.getRange().setStart(td, 0).setCursor(false, true);
+})};
+  _$jscoverage['plugins/table.cmds.js'][217]++;
+  UE.commands.mergeright = {queryCommandState: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][219]++;
+  var tableItems = getTableItemsByRange(this);
+  _$jscoverage['plugins/table.cmds.js'][220]++;
+  if ((! tableItems.cell)) {
+    _$jscoverage['plugins/table.cmds.js'][220]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][221]++;
+  var ut = getUETable(tableItems.table);
+  _$jscoverage['plugins/table.cmds.js'][222]++;
+  if (ut.selectedTds.length) {
+    _$jscoverage['plugins/table.cmds.js'][222]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][223]++;
+  var cellInfo = ut.getCellInfo(tableItems.cell), rightColIndex = (cellInfo.colIndex + cellInfo.colSpan);
+  _$jscoverage['plugins/table.cmds.js'][225]++;
+  if ((rightColIndex >= ut.colsNum)) {
+    _$jscoverage['plugins/table.cmds.js'][225]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][226]++;
+  var rightCellInfo = ut.indexTable[cellInfo.rowIndex][rightColIndex];
+  _$jscoverage['plugins/table.cmds.js'][227]++;
+  return (((rightCellInfo.rowIndex == cellInfo.rowIndex) && (rightCellInfo.rowSpan == cellInfo.rowSpan))? 0: -1);
+}), execCommand: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][231]++;
+  var rng = this.selection.getRange(), bk = rng.createBookmark(true);
+  _$jscoverage['plugins/table.cmds.js'][233]++;
+  var cell = getTableItemsByRange(this).cell, ut = getUETable(cell);
+  _$jscoverage['plugins/table.cmds.js'][235]++;
+  ut.mergeRight(cell);
+  _$jscoverage['plugins/table.cmds.js'][236]++;
+  rng.moveToBookmark(bk).select();
+})};
+  _$jscoverage['plugins/table.cmds.js'][239]++;
+  UE.commands.mergedown = {queryCommandState: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][241]++;
+  var tableItems = getTableItemsByRange(this), cell = tableItems.cell;
+  _$jscoverage['plugins/table.cmds.js'][243]++;
+  if (((! cell) || (cell.tagName == "TH"))) {
+    _$jscoverage['plugins/table.cmds.js'][243]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][244]++;
+  var ut = getUETable(tableItems.table);
+  _$jscoverage['plugins/table.cmds.js'][245]++;
+  if (ut.selectedTds.length) {
+    _$jscoverage['plugins/table.cmds.js'][245]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][246]++;
+  var cellInfo = ut.getCellInfo(tableItems.cell), downRowIndex = (cellInfo.rowIndex + cellInfo.rowSpan);
+  _$jscoverage['plugins/table.cmds.js'][249]++;
+  if ((downRowIndex >= ut.rowsNum)) {
+    _$jscoverage['plugins/table.cmds.js'][249]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][250]++;
+  var downCellInfo = ut.indexTable[downRowIndex][cellInfo.colIndex];
+  _$jscoverage['plugins/table.cmds.js'][252]++;
+  return (((downCellInfo.colIndex == cellInfo.colIndex) && (downCellInfo.colSpan == cellInfo.colSpan) && (tableItems.cell.tagName !== "TH"))? 0: -1);
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][256]++;
+  var rng = this.selection.getRange(), bk = rng.createBookmark(true);
+  _$jscoverage['plugins/table.cmds.js'][258]++;
+  var cell = getTableItemsByRange(this).cell, ut = getUETable(cell);
+  _$jscoverage['plugins/table.cmds.js'][260]++;
+  ut.mergeDown(cell);
+  _$jscoverage['plugins/table.cmds.js'][261]++;
+  rng.moveToBookmark(bk).select();
+})};
+  _$jscoverage['plugins/table.cmds.js'][264]++;
+  UE.commands.mergecells = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][266]++;
+  return (getUETableBySelected(this)? 0: -1);
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][269]++;
+  var ut = getUETableBySelected(this);
+  _$jscoverage['plugins/table.cmds.js'][270]++;
+  if ((ut && ut.selectedTds.length)) {
+    _$jscoverage['plugins/table.cmds.js'][271]++;
+    var cell = ut.selectedTds[0];
+    _$jscoverage['plugins/table.cmds.js'][272]++;
+    ut.mergeRange();
+    _$jscoverage['plugins/table.cmds.js'][273]++;
+    var rng = this.selection.getRange();
+    _$jscoverage['plugins/table.cmds.js'][274]++;
+    if (domUtils.isEmptyBlock(cell)) {
+      _$jscoverage['plugins/table.cmds.js'][275]++;
+      rng.setStart(cell, 0).collapse(true);
+    }
+    else {
+      _$jscoverage['plugins/table.cmds.js'][277]++;
+      rng.selectNodeContents(cell);
+    }
+    _$jscoverage['plugins/table.cmds.js'][279]++;
+    rng.select();
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][285]++;
+  UE.commands.insertrow = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][287]++;
+  var tableItems = getTableItemsByRange(this), cell = tableItems.cell;
+  _$jscoverage['plugins/table.cmds.js'][289]++;
+  return ((cell && (cell.tagName == "TD") && (getUETable(tableItems.table).rowsNum < this.options.maxRowNum))? 0: -1);
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][292]++;
+  var rng = this.selection.getRange(), bk = rng.createBookmark(true);
+  _$jscoverage['plugins/table.cmds.js'][294]++;
+  var tableItems = getTableItemsByRange(this), cell = tableItems.cell, table = tableItems.table, ut = getUETable(table), cellInfo = ut.getCellInfo(cell);
+  _$jscoverage['plugins/table.cmds.js'][300]++;
+  if ((! ut.selectedTds.length)) {
+    _$jscoverage['plugins/table.cmds.js'][301]++;
+    ut.insertRow(cellInfo.rowIndex, cell);
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][303]++;
+    var range = ut.cellsRange;
+    _$jscoverage['plugins/table.cmds.js'][304]++;
+    for (var i = 0, len = ((range.endRowIndex - range.beginRowIndex) + 1); (i < len); (i++)) {
+      _$jscoverage['plugins/table.cmds.js'][305]++;
+      ut.insertRow(range.beginRowIndex, cell);
+}
+  }
+  _$jscoverage['plugins/table.cmds.js'][308]++;
+  rng.moveToBookmark(bk).select();
+  _$jscoverage['plugins/table.cmds.js'][309]++;
+  if ((table.getAttribute("interlaced") === "enabled")) {
+    _$jscoverage['plugins/table.cmds.js'][309]++;
+    this.fireEvent("interlacetable", table);
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][313]++;
+  UE.commands.insertrownext = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][315]++;
+  var tableItems = getTableItemsByRange(this), cell = tableItems.cell;
+  _$jscoverage['plugins/table.cmds.js'][317]++;
+  return ((cell && (cell.tagName == "TD") && (getUETable(tableItems.table).rowsNum < this.options.maxRowNum))? 0: -1);
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][320]++;
+  var rng = this.selection.getRange(), bk = rng.createBookmark(true);
+  _$jscoverage['plugins/table.cmds.js'][322]++;
+  var tableItems = getTableItemsByRange(this), cell = tableItems.cell, table = tableItems.table, ut = getUETable(table), cellInfo = ut.getCellInfo(cell);
+  _$jscoverage['plugins/table.cmds.js'][328]++;
+  if ((! ut.selectedTds.length)) {
+    _$jscoverage['plugins/table.cmds.js'][329]++;
+    ut.insertRow((cellInfo.rowIndex + cellInfo.rowSpan), cell);
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][331]++;
+    var range = ut.cellsRange;
+    _$jscoverage['plugins/table.cmds.js'][332]++;
+    for (var i = 0, len = ((range.endRowIndex - range.beginRowIndex) + 1); (i < len); (i++)) {
+      _$jscoverage['plugins/table.cmds.js'][333]++;
+      ut.insertRow((range.endRowIndex + 1), cell);
+}
+  }
+  _$jscoverage['plugins/table.cmds.js'][336]++;
+  rng.moveToBookmark(bk).select();
+  _$jscoverage['plugins/table.cmds.js'][337]++;
+  if ((table.getAttribute("interlaced") === "enabled")) {
+    _$jscoverage['plugins/table.cmds.js'][337]++;
+    this.fireEvent("interlacetable", table);
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][340]++;
+  UE.commands.deleterow = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][342]++;
+  var tableItems = getTableItemsByRange(this);
+  _$jscoverage['plugins/table.cmds.js'][343]++;
+  if ((! tableItems.cell)) {
+    _$jscoverage['plugins/table.cmds.js'][344]++;
+    return -1;
+  }
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][348]++;
+  var cell = getTableItemsByRange(this).cell, ut = getUETable(cell), cellsRange = ut.cellsRange, cellInfo = ut.getCellInfo(cell), preCell = ut.getVSideCell(cell), nextCell = ut.getVSideCell(cell, true), rng = this.selection.getRange();
+  _$jscoverage['plugins/table.cmds.js'][355]++;
+  if (utils.isEmptyObject(cellsRange)) {
+    _$jscoverage['plugins/table.cmds.js'][356]++;
+    ut.deleteRow(cellInfo.rowIndex);
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][358]++;
+    for (var i = cellsRange.beginRowIndex; (i < (cellsRange.endRowIndex + 1)); (i++)) {
+      _$jscoverage['plugins/table.cmds.js'][359]++;
+      ut.deleteRow(cellsRange.beginRowIndex);
+}
+  }
+  _$jscoverage['plugins/table.cmds.js'][362]++;
+  var table = ut.table;
+  _$jscoverage['plugins/table.cmds.js'][363]++;
+  if ((! table.getElementsByTagName("td").length)) {
+    _$jscoverage['plugins/table.cmds.js'][364]++;
+    var nextSibling = table.nextSibling;
+    _$jscoverage['plugins/table.cmds.js'][365]++;
+    domUtils.remove(table);
+    _$jscoverage['plugins/table.cmds.js'][366]++;
+    if (nextSibling) {
+      _$jscoverage['plugins/table.cmds.js'][367]++;
+      rng.setStart(nextSibling, 0).setCursor(false, true);
+    }
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][370]++;
+    if (((cellInfo.rowSpan == 1) || (cellInfo.rowSpan == ((cellsRange.endRowIndex - cellsRange.beginRowIndex) + 1)))) {
+      _$jscoverage['plugins/table.cmds.js'][371]++;
+      if ((nextCell || preCell)) {
+        _$jscoverage['plugins/table.cmds.js'][371]++;
+        rng.selectNodeContents((nextCell || preCell)).setCursor(false, true);
+      }
+    }
+    else {
+      _$jscoverage['plugins/table.cmds.js'][373]++;
+      var newCell = ut.getCell(cellInfo.rowIndex, ut.indexTable[cellInfo.rowIndex][cellInfo.colIndex].cellIndex);
+      _$jscoverage['plugins/table.cmds.js'][374]++;
+      if (newCell) {
+        _$jscoverage['plugins/table.cmds.js'][374]++;
+        rng.selectNodeContents(newCell).setCursor(false, true);
+      }
+    }
+  }
+  _$jscoverage['plugins/table.cmds.js'][377]++;
+  if ((table.getAttribute("interlaced") === "enabled")) {
+    _$jscoverage['plugins/table.cmds.js'][377]++;
+    this.fireEvent("interlacetable", table);
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][380]++;
+  UE.commands.insertcol = {queryCommandState: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][382]++;
+  var tableItems = getTableItemsByRange(this), cell = tableItems.cell;
+  _$jscoverage['plugins/table.cmds.js'][384]++;
+  return ((cell && ((cell.tagName == "TD") || (cell.tagName == "TH")) && (getUETable(tableItems.table).colsNum < this.options.maxColNum))? 0: -1);
+}), execCommand: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][387]++;
+  var rng = this.selection.getRange(), bk = rng.createBookmark(true);
+  _$jscoverage['plugins/table.cmds.js'][389]++;
+  if ((this.queryCommandState(cmd) == -1)) {
+    _$jscoverage['plugins/table.cmds.js'][389]++;
+    return;
+  }
+  _$jscoverage['plugins/table.cmds.js'][390]++;
+  var cell = getTableItemsByRange(this).cell, ut = getUETable(cell), cellInfo = ut.getCellInfo(cell);
+  _$jscoverage['plugins/table.cmds.js'][395]++;
+  if ((! ut.selectedTds.length)) {
+    _$jscoverage['plugins/table.cmds.js'][396]++;
+    ut.insertCol(cellInfo.colIndex, cell);
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][398]++;
+    var range = ut.cellsRange;
+    _$jscoverage['plugins/table.cmds.js'][399]++;
+    for (var i = 0, len = ((range.endColIndex - range.beginColIndex) + 1); (i < len); (i++)) {
+      _$jscoverage['plugins/table.cmds.js'][400]++;
+      ut.insertCol(range.beginColIndex, cell);
+}
+  }
+  _$jscoverage['plugins/table.cmds.js'][403]++;
+  rng.moveToBookmark(bk).select(true);
+})};
+  _$jscoverage['plugins/table.cmds.js'][406]++;
+  UE.commands.insertcolnext = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][408]++;
+  var tableItems = getTableItemsByRange(this), cell = tableItems.cell;
+  _$jscoverage['plugins/table.cmds.js'][410]++;
+  return ((cell && (getUETable(tableItems.table).colsNum < this.options.maxColNum))? 0: -1);
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][413]++;
+  var rng = this.selection.getRange(), bk = rng.createBookmark(true);
+  _$jscoverage['plugins/table.cmds.js'][415]++;
+  var cell = getTableItemsByRange(this).cell, ut = getUETable(cell), cellInfo = ut.getCellInfo(cell);
+  _$jscoverage['plugins/table.cmds.js'][419]++;
+  if ((! ut.selectedTds.length)) {
+    _$jscoverage['plugins/table.cmds.js'][420]++;
+    ut.insertCol((cellInfo.colIndex + cellInfo.colSpan), cell);
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][422]++;
+    var range = ut.cellsRange;
+    _$jscoverage['plugins/table.cmds.js'][423]++;
+    for (var i = 0, len = ((range.endColIndex - range.beginColIndex) + 1); (i < len); (i++)) {
+      _$jscoverage['plugins/table.cmds.js'][424]++;
+      ut.insertCol((range.endColIndex + 1), cell);
+}
+  }
+  _$jscoverage['plugins/table.cmds.js'][427]++;
+  rng.moveToBookmark(bk).select();
+})};
+  _$jscoverage['plugins/table.cmds.js'][431]++;
+  UE.commands.deletecol = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][433]++;
+  var tableItems = getTableItemsByRange(this);
+  _$jscoverage['plugins/table.cmds.js'][434]++;
+  if ((! tableItems.cell)) {
+    _$jscoverage['plugins/table.cmds.js'][434]++;
+    return -1;
+  }
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][437]++;
+  var cell = getTableItemsByRange(this).cell, ut = getUETable(cell), range = ut.cellsRange, cellInfo = ut.getCellInfo(cell), preCell = ut.getHSideCell(cell), nextCell = ut.getHSideCell(cell, true);
+  _$jscoverage['plugins/table.cmds.js'][443]++;
+  if (utils.isEmptyObject(range)) {
+    _$jscoverage['plugins/table.cmds.js'][444]++;
+    ut.deleteCol(cellInfo.colIndex);
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][446]++;
+    for (var i = range.beginColIndex; (i < (range.endColIndex + 1)); (i++)) {
+      _$jscoverage['plugins/table.cmds.js'][447]++;
+      ut.deleteCol(range.beginColIndex);
+}
+  }
+  _$jscoverage['plugins/table.cmds.js'][450]++;
+  var table = ut.table, rng = this.selection.getRange();
+  _$jscoverage['plugins/table.cmds.js'][453]++;
+  if ((! table.getElementsByTagName("td").length)) {
+    _$jscoverage['plugins/table.cmds.js'][454]++;
+    var nextSibling = table.nextSibling;
+    _$jscoverage['plugins/table.cmds.js'][455]++;
+    domUtils.remove(table);
+    _$jscoverage['plugins/table.cmds.js'][456]++;
+    if (nextSibling) {
+      _$jscoverage['plugins/table.cmds.js'][457]++;
+      rng.setStart(nextSibling, 0).setCursor(false, true);
+    }
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][460]++;
+    if (domUtils.inDoc(cell, this.document)) {
+      _$jscoverage['plugins/table.cmds.js'][461]++;
+      rng.setStart(cell, 0).setCursor(false, true);
+    }
+    else {
+      _$jscoverage['plugins/table.cmds.js'][463]++;
+      if ((nextCell && domUtils.inDoc(nextCell, this.document))) {
+        _$jscoverage['plugins/table.cmds.js'][464]++;
+        rng.selectNodeContents(nextCell).setCursor(false, true);
+      }
+      else {
+        _$jscoverage['plugins/table.cmds.js'][466]++;
+        if ((preCell && domUtils.inDoc(preCell, this.document))) {
+          _$jscoverage['plugins/table.cmds.js'][467]++;
+          rng.selectNodeContents(preCell).setCursor(true, true);
+        }
+      }
+    }
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][474]++;
+  UE.commands.splittocells = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][476]++;
+  var tableItems = getTableItemsByRange(this), cell = tableItems.cell;
+  _$jscoverage['plugins/table.cmds.js'][478]++;
+  if ((! cell)) {
+    _$jscoverage['plugins/table.cmds.js'][478]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][479]++;
+  var ut = getUETable(tableItems.table);
+  _$jscoverage['plugins/table.cmds.js'][480]++;
+  if ((ut.selectedTds.length > 0)) {
+    _$jscoverage['plugins/table.cmds.js'][480]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][481]++;
+  return ((cell && ((cell.colSpan > 1) || (cell.rowSpan > 1)))? 0: -1);
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][484]++;
+  var rng = this.selection.getRange(), bk = rng.createBookmark(true);
+  _$jscoverage['plugins/table.cmds.js'][486]++;
+  var cell = getTableItemsByRange(this).cell, ut = getUETable(cell);
+  _$jscoverage['plugins/table.cmds.js'][488]++;
+  ut.splitToCells(cell);
+  _$jscoverage['plugins/table.cmds.js'][489]++;
+  rng.moveToBookmark(bk).select();
+})};
+  _$jscoverage['plugins/table.cmds.js'][492]++;
+  UE.commands.splittorows = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][494]++;
+  var tableItems = getTableItemsByRange(this), cell = tableItems.cell;
+  _$jscoverage['plugins/table.cmds.js'][496]++;
+  if ((! cell)) {
+    _$jscoverage['plugins/table.cmds.js'][496]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][497]++;
+  var ut = getUETable(tableItems.table);
+  _$jscoverage['plugins/table.cmds.js'][498]++;
+  if ((ut.selectedTds.length > 0)) {
+    _$jscoverage['plugins/table.cmds.js'][498]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][499]++;
+  return ((cell && (cell.rowSpan > 1))? 0: -1);
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][502]++;
+  var rng = this.selection.getRange(), bk = rng.createBookmark(true);
+  _$jscoverage['plugins/table.cmds.js'][504]++;
+  var cell = getTableItemsByRange(this).cell, ut = getUETable(cell);
+  _$jscoverage['plugins/table.cmds.js'][506]++;
+  ut.splitToRows(cell);
+  _$jscoverage['plugins/table.cmds.js'][507]++;
+  rng.moveToBookmark(bk).select();
+})};
+  _$jscoverage['plugins/table.cmds.js'][510]++;
+  UE.commands.splittocols = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][512]++;
+  var tableItems = getTableItemsByRange(this), cell = tableItems.cell;
+  _$jscoverage['plugins/table.cmds.js'][514]++;
+  if ((! cell)) {
+    _$jscoverage['plugins/table.cmds.js'][514]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][515]++;
+  var ut = getUETable(tableItems.table);
+  _$jscoverage['plugins/table.cmds.js'][516]++;
+  if ((ut.selectedTds.length > 0)) {
+    _$jscoverage['plugins/table.cmds.js'][516]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][517]++;
+  return ((cell && (cell.colSpan > 1))? 0: -1);
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][520]++;
+  var rng = this.selection.getRange(), bk = rng.createBookmark(true);
+  _$jscoverage['plugins/table.cmds.js'][522]++;
+  var cell = getTableItemsByRange(this).cell, ut = getUETable(cell);
+  _$jscoverage['plugins/table.cmds.js'][524]++;
+  ut.splitToCols(cell);
+  _$jscoverage['plugins/table.cmds.js'][525]++;
+  rng.moveToBookmark(bk).select();
+})};
+  _$jscoverage['plugins/table.cmds.js'][530]++;
+  UE.commands.adaptbytext = (UE.commands.adaptbywindow = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][533]++;
+  return (getTableItemsByRange(this).table? 0: -1);
+}), execCommand: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][536]++;
+  var tableItems = getTableItemsByRange(this), table = tableItems.table;
+  _$jscoverage['plugins/table.cmds.js'][538]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][539]++;
+    if ((cmd == "adaptbywindow")) {
+      _$jscoverage['plugins/table.cmds.js'][540]++;
+      resetTdWidth(table, this);
+    }
+    else {
+      _$jscoverage['plugins/table.cmds.js'][542]++;
+      var cells = domUtils.getElementsByTagName(table, "td th");
+      _$jscoverage['plugins/table.cmds.js'][543]++;
+      utils.each(cells, (function (cell) {
+  _$jscoverage['plugins/table.cmds.js'][544]++;
+  cell.removeAttribute("width");
+}));
+      _$jscoverage['plugins/table.cmds.js'][546]++;
+      table.removeAttribute("width");
+    }
+  }
+})});
+  _$jscoverage['plugins/table.cmds.js'][553]++;
+  UE.commands.averagedistributecol = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][555]++;
+  var ut = getUETableBySelected(this);
+  _$jscoverage['plugins/table.cmds.js'][556]++;
+  if ((! ut)) {
+    _$jscoverage['plugins/table.cmds.js'][556]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][557]++;
+  return ((ut.isFullRow() || ut.isFullCol())? 0: -1);
+}), execCommand: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][560]++;
+  var me = this, ut = getUETableBySelected(me);
+  _$jscoverage['plugins/table.cmds.js'][563]++;
+  function getAverageWidth() {
+    _$jscoverage['plugins/table.cmds.js'][564]++;
+    var tb = ut.table, averageWidth, sumWidth = 0, colsNum = 0, tbAttr = getDefaultValue(me, tb);
+    _$jscoverage['plugins/table.cmds.js'][568]++;
+    if (ut.isFullRow()) {
+      _$jscoverage['plugins/table.cmds.js'][569]++;
+      sumWidth = tb.offsetWidth;
+      _$jscoverage['plugins/table.cmds.js'][570]++;
+      colsNum = ut.colsNum;
+    }
+    else {
+      _$jscoverage['plugins/table.cmds.js'][572]++;
+      var begin = ut.cellsRange.beginColIndex, end = ut.cellsRange.endColIndex, node;
+      _$jscoverage['plugins/table.cmds.js'][575]++;
+      for (var i = begin; (i <= end);) {
+        _$jscoverage['plugins/table.cmds.js'][576]++;
+        node = ut.selectedTds[i];
+        _$jscoverage['plugins/table.cmds.js'][577]++;
+        sumWidth += node.offsetWidth;
+        _$jscoverage['plugins/table.cmds.js'][578]++;
+        i += node.colSpan;
+        _$jscoverage['plugins/table.cmds.js'][579]++;
+        colsNum += 1;
+}
+    }
+    _$jscoverage['plugins/table.cmds.js'][582]++;
+    averageWidth = (Math.ceil((sumWidth / colsNum)) - (tbAttr.tdBorder * 2) - (tbAttr.tdPadding * 2));
+    _$jscoverage['plugins/table.cmds.js'][583]++;
+    return averageWidth;
+}
+  _$jscoverage['plugins/table.cmds.js'][586]++;
+  function setAverageWidth(averageWidth) {
+    _$jscoverage['plugins/table.cmds.js'][587]++;
+    utils.each(domUtils.getElementsByTagName(ut.table, "th"), (function (node) {
+  _$jscoverage['plugins/table.cmds.js'][588]++;
+  node.setAttribute("width", "");
+}));
+    _$jscoverage['plugins/table.cmds.js'][590]++;
+    var cells = (ut.isFullRow()? domUtils.getElementsByTagName(ut.table, "td"): ut.selectedTds);
+    _$jscoverage['plugins/table.cmds.js'][592]++;
+    utils.each(cells, (function (node) {
+  _$jscoverage['plugins/table.cmds.js'][593]++;
+  if ((node.colSpan == 1)) {
+    _$jscoverage['plugins/table.cmds.js'][594]++;
+    node.setAttribute("width", averageWidth);
+  }
+}));
+}
+  _$jscoverage['plugins/table.cmds.js'][599]++;
+  if ((ut && ut.selectedTds.length)) {
+    _$jscoverage['plugins/table.cmds.js'][600]++;
+    setAverageWidth(getAverageWidth());
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][605]++;
+  UE.commands.averagedistributerow = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][607]++;
+  var ut = getUETableBySelected(this);
+  _$jscoverage['plugins/table.cmds.js'][608]++;
+  if ((! ut)) {
+    _$jscoverage['plugins/table.cmds.js'][608]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][609]++;
+  if ((ut.selectedTds && /th/gi.test(ut.selectedTds[0].tagName))) {
+    _$jscoverage['plugins/table.cmds.js'][609]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][610]++;
+  return ((ut.isFullRow() || ut.isFullCol())? 0: -1);
+}), execCommand: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][613]++;
+  var me = this, ut = getUETableBySelected(me);
+  _$jscoverage['plugins/table.cmds.js'][616]++;
+  function getAverageHeight() {
+    _$jscoverage['plugins/table.cmds.js'][617]++;
+    var averageHeight, rowNum, sumHeight = 0, tb = ut.table, tbAttr = getDefaultValue(me, tb), tdpadding = parseInt(domUtils.getComputedStyle(tb.getElementsByTagName("td")[0], "padding-top"));
+    _$jscoverage['plugins/table.cmds.js'][622]++;
+    if (ut.isFullCol()) {
+      _$jscoverage['plugins/table.cmds.js'][623]++;
+      var captionArr = domUtils.getElementsByTagName(tb, "caption"), thArr = domUtils.getElementsByTagName(tb, "th"), captionHeight, thHeight;
+      _$jscoverage['plugins/table.cmds.js'][627]++;
+      if ((captionArr.length > 0)) {
+        _$jscoverage['plugins/table.cmds.js'][628]++;
+        captionHeight = captionArr[0].offsetHeight;
+      }
+      _$jscoverage['plugins/table.cmds.js'][630]++;
+      if ((thArr.length > 0)) {
+        _$jscoverage['plugins/table.cmds.js'][631]++;
+        thHeight = thArr[0].offsetHeight;
+      }
+      _$jscoverage['plugins/table.cmds.js'][634]++;
+      sumHeight = (tb.offsetHeight - (captionHeight || 0) - (thHeight || 0));
+      _$jscoverage['plugins/table.cmds.js'][635]++;
+      rowNum = ((thArr.length == 0)? ut.rowsNum: (ut.rowsNum - 1));
+    }
+    else {
+      _$jscoverage['plugins/table.cmds.js'][637]++;
+      var begin = ut.cellsRange.beginRowIndex, end = ut.cellsRange.endRowIndex, count = 0, trs = domUtils.getElementsByTagName(tb, "tr");
+      _$jscoverage['plugins/table.cmds.js'][641]++;
+      for (var i = begin; (i <= end); (i++)) {
+        _$jscoverage['plugins/table.cmds.js'][642]++;
+        sumHeight += trs[i].offsetHeight;
+        _$jscoverage['plugins/table.cmds.js'][643]++;
+        count += 1;
+}
+      _$jscoverage['plugins/table.cmds.js'][645]++;
+      rowNum = count;
+    }
+    _$jscoverage['plugins/table.cmds.js'][648]++;
+    if ((browser.ie && (browser.version < 9))) {
+      _$jscoverage['plugins/table.cmds.js'][649]++;
+      averageHeight = Math.ceil((sumHeight / rowNum));
+    }
+    else {
+      _$jscoverage['plugins/table.cmds.js'][651]++;
+      averageHeight = (Math.ceil((sumHeight / rowNum)) - (tbAttr.tdBorder * 2) - (tdpadding * 2));
+    }
+    _$jscoverage['plugins/table.cmds.js'][653]++;
+    return averageHeight;
+}
+  _$jscoverage['plugins/table.cmds.js'][656]++;
+  function setAverageHeight(averageHeight) {
+    _$jscoverage['plugins/table.cmds.js'][657]++;
+    var cells = (ut.isFullCol()? domUtils.getElementsByTagName(ut.table, "td"): ut.selectedTds);
+    _$jscoverage['plugins/table.cmds.js'][658]++;
+    utils.each(cells, (function (node) {
+  _$jscoverage['plugins/table.cmds.js'][659]++;
+  if ((node.rowSpan == 1)) {
+    _$jscoverage['plugins/table.cmds.js'][660]++;
+    node.setAttribute("height", averageHeight);
+  }
+}));
+}
+  _$jscoverage['plugins/table.cmds.js'][665]++;
+  if ((ut && ut.selectedTds.length)) {
+    _$jscoverage['plugins/table.cmds.js'][666]++;
+    setAverageHeight(getAverageHeight());
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][672]++;
+  UE.commands.cellalignment = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][674]++;
+  return (getTableItemsByRange(this).table? 0: -1);
+}), execCommand: (function (cmd, data) {
+  _$jscoverage['plugins/table.cmds.js'][677]++;
+  var me = this, ut = getUETableBySelected(me);
+  _$jscoverage['plugins/table.cmds.js'][680]++;
+  if ((! ut)) {
+    _$jscoverage['plugins/table.cmds.js'][681]++;
+    var start = me.selection.getStart(), cell = (start && domUtils.findParentByTagName(start, ["td", "th", "caption"], true));
+    _$jscoverage['plugins/table.cmds.js'][683]++;
+    if ((! /caption/gi.test(cell.tagName))) {
+      _$jscoverage['plugins/table.cmds.js'][684]++;
+      domUtils.setAttributes(cell, data);
+    }
+    else {
+      _$jscoverage['plugins/table.cmds.js'][686]++;
+      cell.style.textAlign = data.align;
+      _$jscoverage['plugins/table.cmds.js'][687]++;
+      cell.style.verticalAlign = data.vAlign;
+    }
+    _$jscoverage['plugins/table.cmds.js'][689]++;
+    me.selection.getRange().setCursor(true);
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][691]++;
+    utils.each(ut.selectedTds, (function (cell) {
+  _$jscoverage['plugins/table.cmds.js'][692]++;
+  domUtils.setAttributes(cell, data);
+}));
+  }
+}), queryCommandValue: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][702]++;
+  var activeMenuCell = getTableItemsByRange(this).cell;
+  _$jscoverage['plugins/table.cmds.js'][704]++;
+  if ((! activeMenuCell)) {
+    _$jscoverage['plugins/table.cmds.js'][705]++;
+    activeMenuCell = getSelectedArr(this)[0];
+  }
+  _$jscoverage['plugins/table.cmds.js'][708]++;
+  if ((! activeMenuCell)) {
+    _$jscoverage['plugins/table.cmds.js'][710]++;
+    return null;
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][715]++;
+    var cells = UE.UETable.getUETable(activeMenuCell).selectedTds;
+    _$jscoverage['plugins/table.cmds.js'][717]++;
+    ((! cells.length) && (cells = activeMenuCell));
+    _$jscoverage['plugins/table.cmds.js'][719]++;
+    return UE.UETable.getTableCellAlignState(cells);
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][726]++;
+  UE.commands.tablealignment = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][728]++;
+  if ((browser.ie && (browser.version < 8))) {
+    _$jscoverage['plugins/table.cmds.js'][729]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][731]++;
+  return (getTableItemsByRange(this).table? 0: -1);
+}), execCommand: (function (cmd, value) {
+  _$jscoverage['plugins/table.cmds.js'][734]++;
+  var me = this, start = me.selection.getStart(), table = (start && domUtils.findParentByTagName(start, ["table"], true));
+  _$jscoverage['plugins/table.cmds.js'][738]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][739]++;
+    table.setAttribute("align", value);
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][745]++;
+  UE.commands.edittable = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][747]++;
+  return (getTableItemsByRange(this).table? 0: -1);
+}), execCommand: (function (cmd, color) {
+  _$jscoverage['plugins/table.cmds.js'][750]++;
+  var rng = this.selection.getRange(), table = domUtils.findParentByTagName(rng.startContainer, "table");
+  _$jscoverage['plugins/table.cmds.js'][752]++;
+  if (table) {
+    _$jscoverage['plugins/table.cmds.js'][753]++;
+    var arr = domUtils.getElementsByTagName(table, "td").concat(domUtils.getElementsByTagName(table, "th"), domUtils.getElementsByTagName(table, "caption"));
+    _$jscoverage['plugins/table.cmds.js'][757]++;
+    utils.each(arr, (function (node) {
+  _$jscoverage['plugins/table.cmds.js'][758]++;
+  node.style.borderColor = color;
+}));
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][764]++;
+  UE.commands.edittd = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][766]++;
+  return (getTableItemsByRange(this).table? 0: -1);
+}), execCommand: (function (cmd, bkColor) {
+  _$jscoverage['plugins/table.cmds.js'][769]++;
+  var me = this, ut = getUETableBySelected(me);
+  _$jscoverage['plugins/table.cmds.js'][772]++;
+  if ((! ut)) {
+    _$jscoverage['plugins/table.cmds.js'][773]++;
+    var start = me.selection.getStart(), cell = (start && domUtils.findParentByTagName(start, ["td", "th", "caption"], true));
+    _$jscoverage['plugins/table.cmds.js'][775]++;
+    if (cell) {
+      _$jscoverage['plugins/table.cmds.js'][776]++;
+      cell.style.backgroundColor = bkColor;
+    }
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][779]++;
+    utils.each(ut.selectedTds, (function (cell) {
+  _$jscoverage['plugins/table.cmds.js'][780]++;
+  cell.style.backgroundColor = bkColor;
+}));
+  }
+})};
+  _$jscoverage['plugins/table.cmds.js'][785]++;
+  UE.commands.sorttable = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][787]++;
+  var me = this, tableItems = getTableItemsByRange(me);
+  _$jscoverage['plugins/table.cmds.js'][789]++;
+  if ((! tableItems.cell)) {
+    _$jscoverage['plugins/table.cmds.js'][789]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][790]++;
+  var table = tableItems.table, cells = table.getElementsByTagName("td");
+  _$jscoverage['plugins/table.cmds.js'][792]++;
+  for (var i = 0, cell; (cell = cells[(i++)]);) {
+    _$jscoverage['plugins/table.cmds.js'][793]++;
+    if (((cell.rowSpan != 1) || (cell.colSpan != 1))) {
+      _$jscoverage['plugins/table.cmds.js'][793]++;
+      return -1;
+    }
+}
+  _$jscoverage['plugins/table.cmds.js'][795]++;
+  return 0;
+}), execCommand: (function (cmd, fn) {
+  _$jscoverage['plugins/table.cmds.js'][798]++;
+  var me = this, range = me.selection.getRange(), bk = range.createBookmark(true), tableItems = getTableItemsByRange(me), cell = tableItems.cell, ut = getUETable(tableItems.table), cellInfo = ut.getCellInfo(cell);
+  _$jscoverage['plugins/table.cmds.js'][805]++;
+  ut.sortTable(cellInfo.cellIndex, fn);
+  _$jscoverage['plugins/table.cmds.js'][806]++;
+  range.moveToBookmark(bk).select();
+})};
+  _$jscoverage['plugins/table.cmds.js'][810]++;
+  UE.commands.enablesort = (UE.commands.disablesort = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][812]++;
+  return (getTableItemsByRange(this).table? 0: -1);
+}), execCommand: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][815]++;
+  var table = getTableItemsByRange(this).table;
+  _$jscoverage['plugins/table.cmds.js'][816]++;
+  table.setAttribute("data-sort", ((cmd == "enablesort")? "sortEnabled": "sortDisabled"));
+})});
+  _$jscoverage['plugins/table.cmds.js'][819]++;
+  UE.commands.settablebackground = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][821]++;
+  return ((getSelectedArr(this).length > 1)? 0: -1);
+}), execCommand: (function (cmd, value) {
+  _$jscoverage['plugins/table.cmds.js'][824]++;
+  var table, cells, ut;
+  _$jscoverage['plugins/table.cmds.js'][825]++;
+  cells = getSelectedArr(this);
+  _$jscoverage['plugins/table.cmds.js'][826]++;
+  ut = getUETable(cells[0]);
+  _$jscoverage['plugins/table.cmds.js'][827]++;
+  ut.setBackground(cells, value);
+})};
+  _$jscoverage['plugins/table.cmds.js'][831]++;
+  UE.commands.cleartablebackground = {queryCommandState: (function () {
+  _$jscoverage['plugins/table.cmds.js'][833]++;
+  var cells = getSelectedArr(this);
+  _$jscoverage['plugins/table.cmds.js'][834]++;
+  if ((! cells.length)) {
+    _$jscoverage['plugins/table.cmds.js'][834]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][835]++;
+  for (var i = 0, cell; (cell = cells[(i++)]);) {
+    _$jscoverage['plugins/table.cmds.js'][836]++;
+    if ((cell.style.backgroundColor !== "")) {
+      _$jscoverage['plugins/table.cmds.js'][836]++;
+      return 0;
+    }
+}
+  _$jscoverage['plugins/table.cmds.js'][838]++;
+  return -1;
+}), execCommand: (function () {
+  _$jscoverage['plugins/table.cmds.js'][841]++;
+  var cells = getSelectedArr(this), ut = getUETable(cells[0]);
+  _$jscoverage['plugins/table.cmds.js'][843]++;
+  ut.removeBackground(cells);
+})};
+  _$jscoverage['plugins/table.cmds.js'][847]++;
+  UE.commands.interlacetable = (UE.commands.uninterlacetable = {queryCommandState: (function (cmd) {
+  _$jscoverage['plugins/table.cmds.js'][849]++;
+  var table = getTableItemsByRange(this).table;
+  _$jscoverage['plugins/table.cmds.js'][850]++;
+  if ((! table)) {
+    _$jscoverage['plugins/table.cmds.js'][850]++;
+    return -1;
+  }
+  _$jscoverage['plugins/table.cmds.js'][851]++;
+  var interlaced = table.getAttribute("interlaced");
+  _$jscoverage['plugins/table.cmds.js'][852]++;
+  if ((cmd == "interlacetable")) {
+    _$jscoverage['plugins/table.cmds.js'][855]++;
+    return ((interlaced === "enabled")? -1: 0);
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][857]++;
+    return (((! interlaced) || (interlaced === "disabled"))? -1: 0);
+  }
+}), execCommand: (function (cmd, classList) {
+  _$jscoverage['plugins/table.cmds.js'][861]++;
+  var table = getTableItemsByRange(this).table;
+  _$jscoverage['plugins/table.cmds.js'][862]++;
+  if ((cmd == "interlacetable")) {
+    _$jscoverage['plugins/table.cmds.js'][863]++;
+    table.setAttribute("interlaced", "enabled");
+    _$jscoverage['plugins/table.cmds.js'][864]++;
+    this.fireEvent("interlacetable", table, classList);
+  }
+  else {
+    _$jscoverage['plugins/table.cmds.js'][866]++;
+    table.setAttribute("interlaced", "disabled");
+    _$jscoverage['plugins/table.cmds.js'][867]++;
+    this.fireEvent("uninterlacetable", table);
+  }
+})});
+  _$jscoverage['plugins/table.cmds.js'][872]++;
+  function resetTdWidth(table, editor) {
+    _$jscoverage['plugins/table.cmds.js'][873]++;
+    var tds = table.getElementsByTagName("td");
+    _$jscoverage['plugins/table.cmds.js'][874]++;
+    utils.each(tds, (function (td) {
+  _$jscoverage['plugins/table.cmds.js'][875]++;
+  td.removeAttribute("width");
+}));
+    _$jscoverage['plugins/table.cmds.js'][877]++;
+    table.setAttribute("width", getTableWidth(editor, true, getDefaultValue(editor, table)));
+    _$jscoverage['plugins/table.cmds.js'][878]++;
+    setTimeout((function () {
+  _$jscoverage['plugins/table.cmds.js'][879]++;
+  utils.each(tds, (function (td) {
+  _$jscoverage['plugins/table.cmds.js'][880]++;
+  ((td.colSpan == 1) && td.setAttribute("width", (td.offsetWidth + "")));
+}));
+}), 0);
+}
+  _$jscoverage['plugins/table.cmds.js'][885]++;
+  function getTableWidth(editor, needIEHack, defaultValue) {
+    _$jscoverage['plugins/table.cmds.js'][886]++;
+    var body = editor.body;
+    _$jscoverage['plugins/table.cmds.js'][887]++;
+    return (body.offsetWidth - (needIEHack? (parseInt(domUtils.getComputedStyle(body, "margin-left"), 10) * 2): 0) - (defaultValue.tableBorder * 2) - (editor.options.offsetWidth || 0));
+}
+  _$jscoverage['plugins/table.cmds.js'][890]++;
+  function getSelectedArr(editor) {
+    _$jscoverage['plugins/table.cmds.js'][891]++;
+    var cell = getTableItemsByRange(editor).cell;
+    _$jscoverage['plugins/table.cmds.js'][892]++;
+    if (cell) {
+      _$jscoverage['plugins/table.cmds.js'][893]++;
+      var ut = getUETable(cell);
+      _$jscoverage['plugins/table.cmds.js'][894]++;
+      return (ut.selectedTds.length? ut.selectedTds: [cell]);
+    }
+    else {
+      _$jscoverage['plugins/table.cmds.js'][896]++;
+      return [];
+    }
+}
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/table.core.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/table.core.js
new file mode 100644
index 000000000..1b675a02d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/table.core.js
@@ -0,0 +1,2011 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/table.core.js']) {
+  _$jscoverage['plugins/table.core.js'] = [];
+  _$jscoverage['plugins/table.core.js'][13] = 0;
+  _$jscoverage['plugins/table.core.js'][14] = 0;
+  _$jscoverage['plugins/table.core.js'][15] = 0;
+  _$jscoverage['plugins/table.core.js'][16] = 0;
+  _$jscoverage['plugins/table.core.js'][17] = 0;
+  _$jscoverage['plugins/table.core.js'][18] = 0;
+  _$jscoverage['plugins/table.core.js'][19] = 0;
+  _$jscoverage['plugins/table.core.js'][23] = 0;
+  _$jscoverage['plugins/table.core.js'][24] = 0;
+  _$jscoverage['plugins/table.core.js'][25] = 0;
+  _$jscoverage['plugins/table.core.js'][28] = 0;
+  _$jscoverage['plugins/table.core.js'][29] = 0;
+  _$jscoverage['plugins/table.core.js'][30] = 0;
+  _$jscoverage['plugins/table.core.js'][33] = 0;
+  _$jscoverage['plugins/table.core.js'][34] = 0;
+  _$jscoverage['plugins/table.core.js'][35] = 0;
+  _$jscoverage['plugins/table.core.js'][36] = 0;
+  _$jscoverage['plugins/table.core.js'][38] = 0;
+  _$jscoverage['plugins/table.core.js'][39] = 0;
+  _$jscoverage['plugins/table.core.js'][40] = 0;
+  _$jscoverage['plugins/table.core.js'][43] = 0;
+  _$jscoverage['plugins/table.core.js'][45] = 0;
+  _$jscoverage['plugins/table.core.js'][46] = 0;
+  _$jscoverage['plugins/table.core.js'][47] = 0;
+  _$jscoverage['plugins/table.core.js'][56] = 0;
+  _$jscoverage['plugins/table.core.js'][58] = 0;
+  _$jscoverage['plugins/table.core.js'][60] = 0;
+  _$jscoverage['plugins/table.core.js'][65] = 0;
+  _$jscoverage['plugins/table.core.js'][67] = 0;
+  _$jscoverage['plugins/table.core.js'][69] = 0;
+  _$jscoverage['plugins/table.core.js'][71] = 0;
+  _$jscoverage['plugins/table.core.js'][72] = 0;
+  _$jscoverage['plugins/table.core.js'][73] = 0;
+  _$jscoverage['plugins/table.core.js'][74] = 0;
+  _$jscoverage['plugins/table.core.js'][75] = 0;
+  _$jscoverage['plugins/table.core.js'][80] = 0;
+  _$jscoverage['plugins/table.core.js'][84] = 0;
+  _$jscoverage['plugins/table.core.js'][92] = 0;
+  _$jscoverage['plugins/table.core.js'][93] = 0;
+  _$jscoverage['plugins/table.core.js'][96] = 0;
+  _$jscoverage['plugins/table.core.js'][97] = 0;
+  _$jscoverage['plugins/table.core.js'][101] = 0;
+  _$jscoverage['plugins/table.core.js'][106] = 0;
+  _$jscoverage['plugins/table.core.js'][113] = 0;
+  _$jscoverage['plugins/table.core.js'][114] = 0;
+  _$jscoverage['plugins/table.core.js'][115] = 0;
+  _$jscoverage['plugins/table.core.js'][116] = 0;
+  _$jscoverage['plugins/table.core.js'][118] = 0;
+  _$jscoverage['plugins/table.core.js'][121] = 0;
+  _$jscoverage['plugins/table.core.js'][122] = 0;
+  _$jscoverage['plugins/table.core.js'][128] = 0;
+  _$jscoverage['plugins/table.core.js'][129] = 0;
+  _$jscoverage['plugins/table.core.js'][130] = 0;
+  _$jscoverage['plugins/table.core.js'][131] = 0;
+  _$jscoverage['plugins/table.core.js'][132] = 0;
+  _$jscoverage['plugins/table.core.js'][133] = 0;
+  _$jscoverage['plugins/table.core.js'][134] = 0;
+  _$jscoverage['plugins/table.core.js'][135] = 0;
+  _$jscoverage['plugins/table.core.js'][136] = 0;
+  _$jscoverage['plugins/table.core.js'][137] = 0;
+  _$jscoverage['plugins/table.core.js'][138] = 0;
+  _$jscoverage['plugins/table.core.js'][139] = 0;
+  _$jscoverage['plugins/table.core.js'][140] = 0;
+  _$jscoverage['plugins/table.core.js'][146] = 0;
+  _$jscoverage['plugins/table.core.js'][147] = 0;
+  _$jscoverage['plugins/table.core.js'][148] = 0;
+  _$jscoverage['plugins/table.core.js'][149] = 0;
+  _$jscoverage['plugins/table.core.js'][150] = 0;
+  _$jscoverage['plugins/table.core.js'][151] = 0;
+  _$jscoverage['plugins/table.core.js'][152] = 0;
+  _$jscoverage['plugins/table.core.js'][153] = 0;
+  _$jscoverage['plugins/table.core.js'][164] = 0;
+  _$jscoverage['plugins/table.core.js'][165] = 0;
+  _$jscoverage['plugins/table.core.js'][166] = 0;
+  _$jscoverage['plugins/table.core.js'][167] = 0;
+  _$jscoverage['plugins/table.core.js'][168] = 0;
+  _$jscoverage['plugins/table.core.js'][170] = 0;
+  _$jscoverage['plugins/table.core.js'][173] = 0;
+  _$jscoverage['plugins/table.core.js'][174] = 0;
+  _$jscoverage['plugins/table.core.js'][175] = 0;
+  _$jscoverage['plugins/table.core.js'][177] = 0;
+  _$jscoverage['plugins/table.core.js'][178] = 0;
+  _$jscoverage['plugins/table.core.js'][179] = 0;
+  _$jscoverage['plugins/table.core.js'][180] = 0;
+  _$jscoverage['plugins/table.core.js'][181] = 0;
+  _$jscoverage['plugins/table.core.js'][184] = 0;
+  _$jscoverage['plugins/table.core.js'][185] = 0;
+  _$jscoverage['plugins/table.core.js'][187] = 0;
+  _$jscoverage['plugins/table.core.js'][188] = 0;
+  _$jscoverage['plugins/table.core.js'][189] = 0;
+  _$jscoverage['plugins/table.core.js'][190] = 0;
+  _$jscoverage['plugins/table.core.js'][191] = 0;
+  _$jscoverage['plugins/table.core.js'][192] = 0;
+  _$jscoverage['plugins/table.core.js'][193] = 0;
+  _$jscoverage['plugins/table.core.js'][194] = 0;
+  _$jscoverage['plugins/table.core.js'][197] = 0;
+  _$jscoverage['plugins/table.core.js'][199] = 0;
+  _$jscoverage['plugins/table.core.js'][200] = 0;
+  _$jscoverage['plugins/table.core.js'][201] = 0;
+  _$jscoverage['plugins/table.core.js'][202] = 0;
+  _$jscoverage['plugins/table.core.js'][203] = 0;
+  _$jscoverage['plugins/table.core.js'][205] = 0;
+  _$jscoverage['plugins/table.core.js'][207] = 0;
+  _$jscoverage['plugins/table.core.js'][213] = 0;
+  _$jscoverage['plugins/table.core.js'][214] = 0;
+  _$jscoverage['plugins/table.core.js'][215] = 0;
+  _$jscoverage['plugins/table.core.js'][216] = 0;
+  _$jscoverage['plugins/table.core.js'][217] = 0;
+  _$jscoverage['plugins/table.core.js'][218] = 0;
+  _$jscoverage['plugins/table.core.js'][219] = 0;
+  _$jscoverage['plugins/table.core.js'][220] = 0;
+  _$jscoverage['plugins/table.core.js'][221] = 0;
+  _$jscoverage['plugins/table.core.js'][223] = 0;
+  _$jscoverage['plugins/table.core.js'][229] = 0;
+  _$jscoverage['plugins/table.core.js'][230] = 0;
+  _$jscoverage['plugins/table.core.js'][232] = 0;
+  _$jscoverage['plugins/table.core.js'][243] = 0;
+  _$jscoverage['plugins/table.core.js'][244] = 0;
+  _$jscoverage['plugins/table.core.js'][246] = 0;
+  _$jscoverage['plugins/table.core.js'][249] = 0;
+  _$jscoverage['plugins/table.core.js'][251] = 0;
+  _$jscoverage['plugins/table.core.js'][252] = 0;
+  _$jscoverage['plugins/table.core.js'][254] = 0;
+  _$jscoverage['plugins/table.core.js'][256] = 0;
+  _$jscoverage['plugins/table.core.js'][260] = 0;
+  _$jscoverage['plugins/table.core.js'][264] = 0;
+  _$jscoverage['plugins/table.core.js'][265] = 0;
+  _$jscoverage['plugins/table.core.js'][267] = 0;
+  _$jscoverage['plugins/table.core.js'][268] = 0;
+  _$jscoverage['plugins/table.core.js'][269] = 0;
+  _$jscoverage['plugins/table.core.js'][270] = 0;
+  _$jscoverage['plugins/table.core.js'][274] = 0;
+  _$jscoverage['plugins/table.core.js'][283] = 0;
+  _$jscoverage['plugins/table.core.js'][284] = 0;
+  _$jscoverage['plugins/table.core.js'][286] = 0;
+  _$jscoverage['plugins/table.core.js'][289] = 0;
+  _$jscoverage['plugins/table.core.js'][291] = 0;
+  _$jscoverage['plugins/table.core.js'][293] = 0;
+  _$jscoverage['plugins/table.core.js'][294] = 0;
+  _$jscoverage['plugins/table.core.js'][296] = 0;
+  _$jscoverage['plugins/table.core.js'][303] = 0;
+  _$jscoverage['plugins/table.core.js'][304] = 0;
+  _$jscoverage['plugins/table.core.js'][308] = 0;
+  _$jscoverage['plugins/table.core.js'][309] = 0;
+  _$jscoverage['plugins/table.core.js'][310] = 0;
+  _$jscoverage['plugins/table.core.js'][311] = 0;
+  _$jscoverage['plugins/table.core.js'][313] = 0;
+  _$jscoverage['plugins/table.core.js'][314] = 0;
+  _$jscoverage['plugins/table.core.js'][317] = 0;
+  _$jscoverage['plugins/table.core.js'][318] = 0;
+  _$jscoverage['plugins/table.core.js'][320] = 0;
+  _$jscoverage['plugins/table.core.js'][324] = 0;
+  _$jscoverage['plugins/table.core.js'][326] = 0;
+  _$jscoverage['plugins/table.core.js'][330] = 0;
+  _$jscoverage['plugins/table.core.js'][337] = 0;
+  _$jscoverage['plugins/table.core.js'][338] = 0;
+  _$jscoverage['plugins/table.core.js'][340] = 0;
+  _$jscoverage['plugins/table.core.js'][341] = 0;
+  _$jscoverage['plugins/table.core.js'][342] = 0;
+  _$jscoverage['plugins/table.core.js'][343] = 0;
+  _$jscoverage['plugins/table.core.js'][344] = 0;
+  _$jscoverage['plugins/table.core.js'][345] = 0;
+  _$jscoverage['plugins/table.core.js'][346] = 0;
+  _$jscoverage['plugins/table.core.js'][347] = 0;
+  _$jscoverage['plugins/table.core.js'][351] = 0;
+  _$jscoverage['plugins/table.core.js'][353] = 0;
+  _$jscoverage['plugins/table.core.js'][360] = 0;
+  _$jscoverage['plugins/table.core.js'][361] = 0;
+  _$jscoverage['plugins/table.core.js'][362] = 0;
+  _$jscoverage['plugins/table.core.js'][363] = 0;
+  _$jscoverage['plugins/table.core.js'][364] = 0;
+  _$jscoverage['plugins/table.core.js'][368] = 0;
+  _$jscoverage['plugins/table.core.js'][369] = 0;
+  _$jscoverage['plugins/table.core.js'][371] = 0;
+  _$jscoverage['plugins/table.core.js'][372] = 0;
+  _$jscoverage['plugins/table.core.js'][373] = 0;
+  _$jscoverage['plugins/table.core.js'][374] = 0;
+  _$jscoverage['plugins/table.core.js'][377] = 0;
+  _$jscoverage['plugins/table.core.js'][378] = 0;
+  _$jscoverage['plugins/table.core.js'][380] = 0;
+  _$jscoverage['plugins/table.core.js'][381] = 0;
+  _$jscoverage['plugins/table.core.js'][383] = 0;
+  _$jscoverage['plugins/table.core.js'][387] = 0;
+  _$jscoverage['plugins/table.core.js'][388] = 0;
+  _$jscoverage['plugins/table.core.js'][389] = 0;
+  _$jscoverage['plugins/table.core.js'][390] = 0;
+  _$jscoverage['plugins/table.core.js'][402] = 0;
+  _$jscoverage['plugins/table.core.js'][403] = 0;
+  _$jscoverage['plugins/table.core.js'][404] = 0;
+  _$jscoverage['plugins/table.core.js'][405] = 0;
+  _$jscoverage['plugins/table.core.js'][406] = 0;
+  _$jscoverage['plugins/table.core.js'][407] = 0;
+  _$jscoverage['plugins/table.core.js'][408] = 0;
+  _$jscoverage['plugins/table.core.js'][409] = 0;
+  _$jscoverage['plugins/table.core.js'][410] = 0;
+  _$jscoverage['plugins/table.core.js'][411] = 0;
+  _$jscoverage['plugins/table.core.js'][412] = 0;
+  _$jscoverage['plugins/table.core.js'][423] = 0;
+  _$jscoverage['plugins/table.core.js'][425] = 0;
+  _$jscoverage['plugins/table.core.js'][426] = 0;
+  _$jscoverage['plugins/table.core.js'][427] = 0;
+  _$jscoverage['plugins/table.core.js'][430] = 0;
+  _$jscoverage['plugins/table.core.js'][431] = 0;
+  _$jscoverage['plugins/table.core.js'][435] = 0;
+  _$jscoverage['plugins/table.core.js'][436] = 0;
+  _$jscoverage['plugins/table.core.js'][449] = 0;
+  _$jscoverage['plugins/table.core.js'][450] = 0;
+  _$jscoverage['plugins/table.core.js'][454] = 0;
+  _$jscoverage['plugins/table.core.js'][455] = 0;
+  _$jscoverage['plugins/table.core.js'][456] = 0;
+  _$jscoverage['plugins/table.core.js'][457] = 0;
+  _$jscoverage['plugins/table.core.js'][465] = 0;
+  _$jscoverage['plugins/table.core.js'][471] = 0;
+  _$jscoverage['plugins/table.core.js'][472] = 0;
+  _$jscoverage['plugins/table.core.js'][473] = 0;
+  _$jscoverage['plugins/table.core.js'][479] = 0;
+  _$jscoverage['plugins/table.core.js'][480] = 0;
+  _$jscoverage['plugins/table.core.js'][486] = 0;
+  _$jscoverage['plugins/table.core.js'][487] = 0;
+  _$jscoverage['plugins/table.core.js'][488] = 0;
+  _$jscoverage['plugins/table.core.js'][489] = 0;
+  _$jscoverage['plugins/table.core.js'][490] = 0;
+  _$jscoverage['plugins/table.core.js'][491] = 0;
+  _$jscoverage['plugins/table.core.js'][496] = 0;
+  _$jscoverage['plugins/table.core.js'][497] = 0;
+  _$jscoverage['plugins/table.core.js'][498] = 0;
+  _$jscoverage['plugins/table.core.js'][499] = 0;
+  _$jscoverage['plugins/table.core.js'][500] = 0;
+  _$jscoverage['plugins/table.core.js'][501] = 0;
+  _$jscoverage['plugins/table.core.js'][506] = 0;
+  _$jscoverage['plugins/table.core.js'][507] = 0;
+  _$jscoverage['plugins/table.core.js'][508] = 0;
+  _$jscoverage['plugins/table.core.js'][509] = 0;
+  _$jscoverage['plugins/table.core.js'][510] = 0;
+  _$jscoverage['plugins/table.core.js'][511] = 0;
+  _$jscoverage['plugins/table.core.js'][516] = 0;
+  _$jscoverage['plugins/table.core.js'][517] = 0;
+  _$jscoverage['plugins/table.core.js'][518] = 0;
+  _$jscoverage['plugins/table.core.js'][519] = 0;
+  _$jscoverage['plugins/table.core.js'][520] = 0;
+  _$jscoverage['plugins/table.core.js'][521] = 0;
+  _$jscoverage['plugins/table.core.js'][526] = 0;
+  _$jscoverage['plugins/table.core.js'][527] = 0;
+  _$jscoverage['plugins/table.core.js'][530] = 0;
+  _$jscoverage['plugins/table.core.js'][539] = 0;
+  _$jscoverage['plugins/table.core.js'][540] = 0;
+  _$jscoverage['plugins/table.core.js'][542] = 0;
+  _$jscoverage['plugins/table.core.js'][543] = 0;
+  _$jscoverage['plugins/table.core.js'][550] = 0;
+  _$jscoverage['plugins/table.core.js'][552] = 0;
+  _$jscoverage['plugins/table.core.js'][557] = 0;
+  _$jscoverage['plugins/table.core.js'][567] = 0;
+  _$jscoverage['plugins/table.core.js'][568] = 0;
+  _$jscoverage['plugins/table.core.js'][573] = 0;
+  _$jscoverage['plugins/table.core.js'][574] = 0;
+  _$jscoverage['plugins/table.core.js'][575] = 0;
+  _$jscoverage['plugins/table.core.js'][576] = 0;
+  _$jscoverage['plugins/table.core.js'][577] = 0;
+  _$jscoverage['plugins/table.core.js'][579] = 0;
+  _$jscoverage['plugins/table.core.js'][580] = 0;
+  _$jscoverage['plugins/table.core.js'][581] = 0;
+  _$jscoverage['plugins/table.core.js'][582] = 0;
+  _$jscoverage['plugins/table.core.js'][583] = 0;
+  _$jscoverage['plugins/table.core.js'][585] = 0;
+  _$jscoverage['plugins/table.core.js'][588] = 0;
+  _$jscoverage['plugins/table.core.js'][594] = 0;
+  _$jscoverage['plugins/table.core.js'][595] = 0;
+  _$jscoverage['plugins/table.core.js'][596] = 0;
+  _$jscoverage['plugins/table.core.js'][602] = 0;
+  _$jscoverage['plugins/table.core.js'][603] = 0;
+  _$jscoverage['plugins/table.core.js'][604] = 0;
+  _$jscoverage['plugins/table.core.js'][605] = 0;
+  _$jscoverage['plugins/table.core.js'][608] = 0;
+  _$jscoverage['plugins/table.core.js'][609] = 0;
+  _$jscoverage['plugins/table.core.js'][612] = 0;
+  _$jscoverage['plugins/table.core.js'][616] = 0;
+  _$jscoverage['plugins/table.core.js'][625] = 0;
+  _$jscoverage['plugins/table.core.js'][626] = 0;
+  _$jscoverage['plugins/table.core.js'][628] = 0;
+  _$jscoverage['plugins/table.core.js'][631] = 0;
+  _$jscoverage['plugins/table.core.js'][633] = 0;
+  _$jscoverage['plugins/table.core.js'][635] = 0;
+  _$jscoverage['plugins/table.core.js'][636] = 0;
+  _$jscoverage['plugins/table.core.js'][638] = 0;
+  _$jscoverage['plugins/table.core.js'][642] = 0;
+  _$jscoverage['plugins/table.core.js'][643] = 0;
+  _$jscoverage['plugins/table.core.js'][645] = 0;
+  _$jscoverage['plugins/table.core.js'][648] = 0;
+  _$jscoverage['plugins/table.core.js'][650] = 0;
+  _$jscoverage['plugins/table.core.js'][652] = 0;
+  _$jscoverage['plugins/table.core.js'][654] = 0;
+  _$jscoverage['plugins/table.core.js'][656] = 0;
+  _$jscoverage['plugins/table.core.js'][663] = 0;
+  _$jscoverage['plugins/table.core.js'][664] = 0;
+  _$jscoverage['plugins/table.core.js'][665] = 0;
+  _$jscoverage['plugins/table.core.js'][666] = 0;
+  _$jscoverage['plugins/table.core.js'][668] = 0;
+  _$jscoverage['plugins/table.core.js'][669] = 0;
+  _$jscoverage['plugins/table.core.js'][670] = 0;
+  _$jscoverage['plugins/table.core.js'][672] = 0;
+  _$jscoverage['plugins/table.core.js'][673] = 0;
+  _$jscoverage['plugins/table.core.js'][680] = 0;
+  _$jscoverage['plugins/table.core.js'][685] = 0;
+  _$jscoverage['plugins/table.core.js'][687] = 0;
+  _$jscoverage['plugins/table.core.js'][689] = 0;
+  _$jscoverage['plugins/table.core.js'][691] = 0;
+  _$jscoverage['plugins/table.core.js'][692] = 0;
+  _$jscoverage['plugins/table.core.js'][698] = 0;
+  _$jscoverage['plugins/table.core.js'][702] = 0;
+  _$jscoverage['plugins/table.core.js'][703] = 0;
+  _$jscoverage['plugins/table.core.js'][704] = 0;
+  _$jscoverage['plugins/table.core.js'][705] = 0;
+  _$jscoverage['plugins/table.core.js'][706] = 0;
+  _$jscoverage['plugins/table.core.js'][713] = 0;
+  _$jscoverage['plugins/table.core.js'][716] = 0;
+  _$jscoverage['plugins/table.core.js'][717] = 0;
+  _$jscoverage['plugins/table.core.js'][719] = 0;
+  _$jscoverage['plugins/table.core.js'][720] = 0;
+  _$jscoverage['plugins/table.core.js'][724] = 0;
+  _$jscoverage['plugins/table.core.js'][725] = 0;
+  _$jscoverage['plugins/table.core.js'][726] = 0;
+  _$jscoverage['plugins/table.core.js'][727] = 0;
+  _$jscoverage['plugins/table.core.js'][728] = 0;
+  _$jscoverage['plugins/table.core.js'][732] = 0;
+  _$jscoverage['plugins/table.core.js'][733] = 0;
+  _$jscoverage['plugins/table.core.js'][734] = 0;
+  _$jscoverage['plugins/table.core.js'][735] = 0;
+  _$jscoverage['plugins/table.core.js'][736] = 0;
+  _$jscoverage['plugins/table.core.js'][737] = 0;
+  _$jscoverage['plugins/table.core.js'][740] = 0;
+  _$jscoverage['plugins/table.core.js'][741] = 0;
+  _$jscoverage['plugins/table.core.js'][743] = 0;
+  _$jscoverage['plugins/table.core.js'][744] = 0;
+  _$jscoverage['plugins/table.core.js'][745] = 0;
+  _$jscoverage['plugins/table.core.js'][748] = 0;
+  _$jscoverage['plugins/table.core.js'][749] = 0;
+  _$jscoverage['plugins/table.core.js'][750] = 0;
+  _$jscoverage['plugins/table.core.js'][753] = 0;
+  _$jscoverage['plugins/table.core.js'][755] = 0;
+  _$jscoverage['plugins/table.core.js'][761] = 0;
+  _$jscoverage['plugins/table.core.js'][766] = 0;
+  _$jscoverage['plugins/table.core.js'][767] = 0;
+  _$jscoverage['plugins/table.core.js'][768] = 0;
+  _$jscoverage['plugins/table.core.js'][769] = 0;
+  _$jscoverage['plugins/table.core.js'][770] = 0;
+  _$jscoverage['plugins/table.core.js'][771] = 0;
+  _$jscoverage['plugins/table.core.js'][774] = 0;
+  _$jscoverage['plugins/table.core.js'][776] = 0;
+  _$jscoverage['plugins/table.core.js'][777] = 0;
+  _$jscoverage['plugins/table.core.js'][779] = 0;
+  _$jscoverage['plugins/table.core.js'][780] = 0;
+  _$jscoverage['plugins/table.core.js'][781] = 0;
+  _$jscoverage['plugins/table.core.js'][783] = 0;
+  _$jscoverage['plugins/table.core.js'][784] = 0;
+  _$jscoverage['plugins/table.core.js'][785] = 0;
+  _$jscoverage['plugins/table.core.js'][790] = 0;
+  _$jscoverage['plugins/table.core.js'][791] = 0;
+  _$jscoverage['plugins/table.core.js'][798] = 0;
+  _$jscoverage['plugins/table.core.js'][802] = 0;
+  _$jscoverage['plugins/table.core.js'][803] = 0;
+  _$jscoverage['plugins/table.core.js'][805] = 0;
+  _$jscoverage['plugins/table.core.js'][806] = 0;
+  _$jscoverage['plugins/table.core.js'][807] = 0;
+  _$jscoverage['plugins/table.core.js'][808] = 0;
+  _$jscoverage['plugins/table.core.js'][809] = 0;
+  _$jscoverage['plugins/table.core.js'][810] = 0;
+  _$jscoverage['plugins/table.core.js'][811] = 0;
+  _$jscoverage['plugins/table.core.js'][815] = 0;
+  _$jscoverage['plugins/table.core.js'][816] = 0;
+  _$jscoverage['plugins/table.core.js'][818] = 0;
+  _$jscoverage['plugins/table.core.js'][820] = 0;
+  _$jscoverage['plugins/table.core.js'][822] = 0;
+  _$jscoverage['plugins/table.core.js'][826] = 0;
+  _$jscoverage['plugins/table.core.js'][828] = 0;
+  _$jscoverage['plugins/table.core.js'][829] = 0;
+  _$jscoverage['plugins/table.core.js'][830] = 0;
+  _$jscoverage['plugins/table.core.js'][833] = 0;
+  _$jscoverage['plugins/table.core.js'][834] = 0;
+  _$jscoverage['plugins/table.core.js'][835] = 0;
+  _$jscoverage['plugins/table.core.js'][836] = 0;
+  _$jscoverage['plugins/table.core.js'][838] = 0;
+  _$jscoverage['plugins/table.core.js'][839] = 0;
+  _$jscoverage['plugins/table.core.js'][840] = 0;
+  _$jscoverage['plugins/table.core.js'][841] = 0;
+  _$jscoverage['plugins/table.core.js'][843] = 0;
+  _$jscoverage['plugins/table.core.js'][846] = 0;
+  _$jscoverage['plugins/table.core.js'][847] = 0;
+  _$jscoverage['plugins/table.core.js'][849] = 0;
+  _$jscoverage['plugins/table.core.js'][852] = 0;
+  _$jscoverage['plugins/table.core.js'][855] = 0;
+  _$jscoverage['plugins/table.core.js'][860] = 0;
+  _$jscoverage['plugins/table.core.js'][861] = 0;
+  _$jscoverage['plugins/table.core.js'][862] = 0;
+  _$jscoverage['plugins/table.core.js'][863] = 0;
+  _$jscoverage['plugins/table.core.js'][864] = 0;
+  _$jscoverage['plugins/table.core.js'][865] = 0;
+  _$jscoverage['plugins/table.core.js'][866] = 0;
+  _$jscoverage['plugins/table.core.js'][867] = 0;
+  _$jscoverage['plugins/table.core.js'][870] = 0;
+  _$jscoverage['plugins/table.core.js'][871] = 0;
+  _$jscoverage['plugins/table.core.js'][872] = 0;
+  _$jscoverage['plugins/table.core.js'][873] = 0;
+  _$jscoverage['plugins/table.core.js'][874] = 0;
+  _$jscoverage['plugins/table.core.js'][879] = 0;
+  _$jscoverage['plugins/table.core.js'][880] = 0;
+  _$jscoverage['plugins/table.core.js'][881] = 0;
+  _$jscoverage['plugins/table.core.js'][882] = 0;
+  _$jscoverage['plugins/table.core.js'][883] = 0;
+  _$jscoverage['plugins/table.core.js'][884] = 0;
+  _$jscoverage['plugins/table.core.js'][885] = 0;
+  _$jscoverage['plugins/table.core.js'][886] = 0;
+  _$jscoverage['plugins/table.core.js'][887] = 0;
+  _$jscoverage['plugins/table.core.js'][888] = 0;
+  _$jscoverage['plugins/table.core.js'][889] = 0;
+  _$jscoverage['plugins/table.core.js'][891] = 0;
+  _$jscoverage['plugins/table.core.js'][893] = 0;
+  _$jscoverage['plugins/table.core.js'][896] = 0;
+  _$jscoverage['plugins/table.core.js'][897] = 0;
+  _$jscoverage['plugins/table.core.js'][898] = 0;
+  _$jscoverage['plugins/table.core.js'][899] = 0;
+  _$jscoverage['plugins/table.core.js'][900] = 0;
+  _$jscoverage['plugins/table.core.js'][902] = 0;
+  _$jscoverage['plugins/table.core.js'][903] = 0;
+  _$jscoverage['plugins/table.core.js'][905] = 0;
+  _$jscoverage['plugins/table.core.js'][906] = 0;
+  _$jscoverage['plugins/table.core.js'][907] = 0;
+  _$jscoverage['plugins/table.core.js'][908] = 0;
+  _$jscoverage['plugins/table.core.js'][910] = 0;
+  _$jscoverage['plugins/table.core.js'][912] = 0;
+  _$jscoverage['plugins/table.core.js'][916] = 0;
+  _$jscoverage['plugins/table.core.js'][917] = 0;
+  _$jscoverage['plugins/table.core.js'][920] = 0;
+  _$jscoverage['plugins/table.core.js'][922] = 0;
+  _$jscoverage['plugins/table.core.js'][923] = 0;
+  _$jscoverage['plugins/table.core.js'][924] = 0;
+  _$jscoverage['plugins/table.core.js'][926] = 0;
+  _$jscoverage['plugins/table.core.js'][927] = 0;
+  _$jscoverage['plugins/table.core.js'][928] = 0;
+  _$jscoverage['plugins/table.core.js'][932] = 0;
+  _$jscoverage['plugins/table.core.js'][938] = 0;
+  _$jscoverage['plugins/table.core.js'][939] = 0;
+  _$jscoverage['plugins/table.core.js'][943] = 0;
+  _$jscoverage['plugins/table.core.js'][944] = 0;
+  _$jscoverage['plugins/table.core.js'][945] = 0;
+  _$jscoverage['plugins/table.core.js'][946] = 0;
+  _$jscoverage['plugins/table.core.js'][948] = 0;
+  _$jscoverage['plugins/table.core.js'][949] = 0;
+  _$jscoverage['plugins/table.core.js'][951] = 0;
+  _$jscoverage['plugins/table.core.js'][953] = 0;
+  _$jscoverage['plugins/table.core.js'][955] = 0;
+  _$jscoverage['plugins/table.core.js'][956] = 0;
+  _$jscoverage['plugins/table.core.js'][959] = 0;
+  _$jscoverage['plugins/table.core.js'][961] = 0;
+  _$jscoverage['plugins/table.core.js'][962] = 0;
+  _$jscoverage['plugins/table.core.js'][966] = 0;
+  _$jscoverage['plugins/table.core.js'][971] = 0;
+  _$jscoverage['plugins/table.core.js'][972] = 0;
+  _$jscoverage['plugins/table.core.js'][974] = 0;
+  _$jscoverage['plugins/table.core.js'][975] = 0;
+  _$jscoverage['plugins/table.core.js'][976] = 0;
+  _$jscoverage['plugins/table.core.js'][978] = 0;
+  _$jscoverage['plugins/table.core.js'][979] = 0;
+  _$jscoverage['plugins/table.core.js'][980] = 0;
+  _$jscoverage['plugins/table.core.js'][981] = 0;
+  _$jscoverage['plugins/table.core.js'][982] = 0;
+  _$jscoverage['plugins/table.core.js'][983] = 0;
+  _$jscoverage['plugins/table.core.js'][985] = 0;
+  _$jscoverage['plugins/table.core.js'][987] = 0;
+  _$jscoverage['plugins/table.core.js'][988] = 0;
+  _$jscoverage['plugins/table.core.js'][991] = 0;
+  _$jscoverage['plugins/table.core.js'][993] = 0;
+  _$jscoverage['plugins/table.core.js'][994] = 0;
+  _$jscoverage['plugins/table.core.js'][996] = 0;
+  _$jscoverage['plugins/table.core.js'][997] = 0;
+  _$jscoverage['plugins/table.core.js'][999] = 0;
+  _$jscoverage['plugins/table.core.js'][1002] = 0;
+  _$jscoverage['plugins/table.core.js'][1009] = 0;
+  _$jscoverage['plugins/table.core.js'][1010] = 0;
+  _$jscoverage['plugins/table.core.js'][1011] = 0;
+  _$jscoverage['plugins/table.core.js'][1013] = 0;
+  _$jscoverage['plugins/table.core.js'][1014] = 0;
+  _$jscoverage['plugins/table.core.js'][1015] = 0;
+  _$jscoverage['plugins/table.core.js'][1017] = 0;
+  _$jscoverage['plugins/table.core.js'][1018] = 0;
+  _$jscoverage['plugins/table.core.js'][1019] = 0;
+  _$jscoverage['plugins/table.core.js'][1020] = 0;
+  _$jscoverage['plugins/table.core.js'][1021] = 0;
+  _$jscoverage['plugins/table.core.js'][1022] = 0;
+  _$jscoverage['plugins/table.core.js'][1023] = 0;
+  _$jscoverage['plugins/table.core.js'][1026] = 0;
+  _$jscoverage['plugins/table.core.js'][1027] = 0;
+  _$jscoverage['plugins/table.core.js'][1028] = 0;
+  _$jscoverage['plugins/table.core.js'][1029] = 0;
+  _$jscoverage['plugins/table.core.js'][1030] = 0;
+  _$jscoverage['plugins/table.core.js'][1031] = 0;
+  _$jscoverage['plugins/table.core.js'][1032] = 0;
+  _$jscoverage['plugins/table.core.js'][1034] = 0;
+  _$jscoverage['plugins/table.core.js'][1036] = 0;
+  _$jscoverage['plugins/table.core.js'][1037] = 0;
+  _$jscoverage['plugins/table.core.js'][1040] = 0;
+  _$jscoverage['plugins/table.core.js'][1041] = 0;
+  _$jscoverage['plugins/table.core.js'][1042] = 0;
+  _$jscoverage['plugins/table.core.js'][1043] = 0;
+  _$jscoverage['plugins/table.core.js'][1047] = 0;
+  _$jscoverage['plugins/table.core.js'][1048] = 0;
+  _$jscoverage['plugins/table.core.js'][1049] = 0;
+  _$jscoverage['plugins/table.core.js'][1052] = 0;
+  _$jscoverage['plugins/table.core.js'][1053] = 0;
+  _$jscoverage['plugins/table.core.js'][1054] = 0;
+  _$jscoverage['plugins/table.core.js'][1056] = 0;
+  _$jscoverage['plugins/table.core.js'][1057] = 0;
+  _$jscoverage['plugins/table.core.js'][1058] = 0;
+  _$jscoverage['plugins/table.core.js'][1059] = 0;
+  _$jscoverage['plugins/table.core.js'][1060] = 0;
+  _$jscoverage['plugins/table.core.js'][1063] = 0;
+  _$jscoverage['plugins/table.core.js'][1067] = 0;
+  _$jscoverage['plugins/table.core.js'][1071] = 0;
+  _$jscoverage['plugins/table.core.js'][1074] = 0;
+  _$jscoverage['plugins/table.core.js'][1076] = 0;
+  _$jscoverage['plugins/table.core.js'][1079] = 0;
+  _$jscoverage['plugins/table.core.js'][1084] = 0;
+  _$jscoverage['plugins/table.core.js'][1085] = 0;
+  _$jscoverage['plugins/table.core.js'][1087] = 0;
+  _$jscoverage['plugins/table.core.js'][1088] = 0;
+  _$jscoverage['plugins/table.core.js'][1090] = 0;
+  _$jscoverage['plugins/table.core.js'][1091] = 0;
+  _$jscoverage['plugins/table.core.js'][1093] = 0;
+  _$jscoverage['plugins/table.core.js'][1094] = 0;
+  _$jscoverage['plugins/table.core.js'][1098] = 0;
+  _$jscoverage['plugins/table.core.js'][1099] = 0;
+  _$jscoverage['plugins/table.core.js'][1100] = 0;
+  _$jscoverage['plugins/table.core.js'][1101] = 0;
+  _$jscoverage['plugins/table.core.js'][1103] = 0;
+  _$jscoverage['plugins/table.core.js'][1104] = 0;
+  _$jscoverage['plugins/table.core.js'][1106] = 0;
+  _$jscoverage['plugins/table.core.js'][1109] = 0;
+  _$jscoverage['plugins/table.core.js'][1110] = 0;
+  _$jscoverage['plugins/table.core.js'][1111] = 0;
+  _$jscoverage['plugins/table.core.js'][1113] = 0;
+  _$jscoverage['plugins/table.core.js'][1114] = 0;
+  _$jscoverage['plugins/table.core.js'][1115] = 0;
+  _$jscoverage['plugins/table.core.js'][1117] = 0;
+  _$jscoverage['plugins/table.core.js'][1121] = 0;
+  _$jscoverage['plugins/table.core.js'][1122] = 0;
+  _$jscoverage['plugins/table.core.js'][1123] = 0;
+  _$jscoverage['plugins/table.core.js'][1125] = 0;
+  _$jscoverage['plugins/table.core.js'][1126] = 0;
+  _$jscoverage['plugins/table.core.js'][1130] = 0;
+  _$jscoverage['plugins/table.core.js'][1134] = 0;
+  _$jscoverage['plugins/table.core.js'][1136] = 0;
+  _$jscoverage['plugins/table.core.js'][1137] = 0;
+  _$jscoverage['plugins/table.core.js'][1138] = 0;
+  _$jscoverage['plugins/table.core.js'][1143] = 0;
+  _$jscoverage['plugins/table.core.js'][1144] = 0;
+  _$jscoverage['plugins/table.core.js'][1150] = 0;
+}
+_$jscoverage['plugins/table.core.js'].source = ["<span class=\"c\">/*</span>","<span class=\"c\"> * Created with JetBrains WebStorm.</span>","<span class=\"c\"> * User: taoqili</span>","<span class=\"c\"> * Date: 13-1-18</span>","<span class=\"c\"> * Time: &#19978;&#21320;11:09</span>","<span class=\"c\"> * To change this template use File | Settings | File Templates.</span>","<span class=\"c\"> */</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * UE&#34920;&#26684;&#25805;&#20316;&#31867;</span>","<span class=\"c\"> * @param table</span>","<span class=\"c\"> * @constructor</span>","<span class=\"c\"> */</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> UETable <span class=\"k\">=</span> UE<span class=\"k\">.</span>UETable <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>table <span class=\"k\">=</span> table<span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>indexTable <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>selectedTds <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">(</span>table<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">//===&#20197;&#19979;&#20026;&#38745;&#24577;&#24037;&#20855;&#26041;&#27861;===</span>","    UETable<span class=\"k\">.</span>removeSelectedClass <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cells<span class=\"k\">)</span> <span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>cells<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>removeClasses<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">\"selectTdClass\"</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UETable<span class=\"k\">.</span>addSelectedClass <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cells<span class=\"k\">)</span> <span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>cells<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","            domUtils<span class=\"k\">.</span>addClass<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">\"selectTdClass\"</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UETable<span class=\"k\">.</span>isEmptyBlock <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> reg <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar<span class=\"k\">,</span> <span class=\"s\">'g'</span><span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">[</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"s\">'innerText'</span> <span class=\"k\">:</span> <span class=\"s\">'textContent'</span><span class=\"k\">].</span>replace<span class=\"k\">(</span><span class=\"s\">/^\\s*$/</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>replace<span class=\"k\">(</span>reg<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>length <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">in</span> dtd<span class=\"k\">.</span>$isNotEmpty<span class=\"k\">)</span> <span class=\"k\">if</span> <span class=\"k\">(</span>dtd<span class=\"k\">.</span>$isNotEmpty<span class=\"k\">.</span>hasOwnProperty<span class=\"k\">(</span>i<span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>i<span class=\"k\">).</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UETable<span class=\"k\">.</span>getWidth <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>cell<span class=\"k\">)</span><span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">return</span> parseInt<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">\"width\"</span><span class=\"k\">),</span> <span class=\"s\">10</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#33719;&#21462;&#21333;&#20803;&#26684;&#25110;&#32773;&#21333;&#20803;&#26684;&#32452;&#30340;&#8220;&#23545;&#40784;&#8221;&#29366;&#24577;&#12290; &#22914;&#26524;&#24403;&#21069;&#30340;&#26816;&#27979;&#23545;&#35937;&#26159;&#19968;&#20010;&#21333;&#20803;&#26684;&#32452;&#65292; &#21482;&#26377;&#22312;&#28385;&#36275;&#25152;&#26377;&#21333;&#20803;&#26684;&#30340; &#27700;&#24179;&#21644;&#31446;&#30452; &#23545;&#40784;&#23646;&#24615;&#37117;&#30456;&#21516;&#30340;</span>","<span class=\"c\">     * &#26465;&#20214;&#26102;&#25165;&#20250;&#36820;&#22238;&#20854;&#29366;&#24577;&#20540;&#65292;&#21542;&#21017;&#23558;&#36820;&#22238;null&#65307; &#22914;&#26524;&#24403;&#21069;&#21482;&#26816;&#27979;&#20102;&#19968;&#20010;&#21333;&#20803;&#26684;&#65292; &#21017;&#30452;&#25509;&#36820;&#22238;&#24403;&#21069;&#21333;&#20803;&#26684;&#30340;&#23545;&#40784;&#29366;&#24577;&#65307;</span>","<span class=\"c\">     * @param table cell or table cells , &#25903;&#25345;&#21333;&#20010;&#21333;&#20803;&#26684;dom&#23545;&#35937; &#25110;&#32773; &#21333;&#20803;&#26684;dom&#23545;&#35937;&#25968;&#32452;</span>","<span class=\"c\">     * @return { align: 'left' || 'right' || 'center', valign: 'top' || 'middle' || 'bottom' } &#25110;&#32773; null</span>","<span class=\"c\">     */</span>","    UETable<span class=\"k\">.</span>getTableCellAlignState <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span> cells <span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">!</span>utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span> cells <span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span> cells <span class=\"k\">=</span> <span class=\"k\">[</span>cells<span class=\"k\">]</span> <span class=\"k\">);</span>","","        <span class=\"k\">var</span> result <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","            status <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'align'</span><span class=\"k\">,</span> <span class=\"s\">'valign'</span><span class=\"k\">],</span>","            tempStatus <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","            isSame <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span><span class=\"c\">//&#29366;&#24577;&#26159;&#21542;&#30456;&#21516;</span>","","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span> cells<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> cellNode <span class=\"k\">)</span><span class=\"k\">{</span>","","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span> status<span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span> currentState <span class=\"k\">)</span><span class=\"k\">{</span>","","                tempStatus <span class=\"k\">=</span> cellNode<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span> currentState <span class=\"k\">);</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>result<span class=\"k\">[</span> currentState <span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> tempStatus <span class=\"k\">)</span> <span class=\"k\">{</span>","                    result<span class=\"k\">[</span> currentState <span class=\"k\">]</span> <span class=\"k\">=</span> tempStatus<span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>result<span class=\"k\">[</span> currentState <span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">(</span> tempStatus <span class=\"k\">!==</span> result<span class=\"k\">[</span> currentState <span class=\"k\">]</span> <span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                    isSame <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                    <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span> <span class=\"k\">);</span>","","            <span class=\"k\">return</span> isSame<span class=\"k\">;</span>","","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"k\">return</span> isSame <span class=\"k\">?</span> result <span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#26681;&#25454;&#24403;&#21069;&#36873;&#21306;&#33719;&#21462;&#30456;&#20851;&#30340;table&#20449;&#24687;</span>","<span class=\"c\">     * @return {Object}</span>","<span class=\"c\">     */</span>","    UETable<span class=\"k\">.</span>getTableItemsByRange <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> start <span class=\"k\">=</span> editor<span class=\"k\">.</span>selection<span class=\"k\">.</span>getStart<span class=\"k\">();</span>","","        <span class=\"c\">//ff&#19979;&#20250;&#36873;&#20013;bookmark</span>","        <span class=\"k\">if</span><span class=\"k\">(</span> start <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>id <span class=\"k\">&amp;&amp;</span> start<span class=\"k\">.</span>id<span class=\"k\">.</span>indexOf<span class=\"k\">(</span><span class=\"s\">'_baidu_bookmark_start_'</span><span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"s\">0</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            start <span class=\"k\">=</span> start<span class=\"k\">.</span>nextSibling<span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        <span class=\"c\">//&#22312;table&#25110;&#32773;td&#36793;&#32536;&#26377;&#21487;&#33021;&#23384;&#22312;&#36873;&#20013;tr&#30340;&#24773;&#20917;</span>","        <span class=\"k\">var</span> cell <span class=\"k\">=</span> start <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">\"td\"</span><span class=\"k\">,</span> <span class=\"s\">\"th\"</span><span class=\"k\">],</span> <span class=\"k\">true</span><span class=\"k\">),</span>","            tr <span class=\"k\">=</span> cell <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>","            caption <span class=\"k\">=</span> start <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>start<span class=\"k\">,</span> <span class=\"s\">'caption'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">),</span>","            table <span class=\"k\">=</span> caption <span class=\"k\">?</span> caption<span class=\"k\">.</span>parentNode <span class=\"k\">:</span> tr <span class=\"k\">&amp;&amp;</span> tr<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","","        <span class=\"k\">return</span> <span class=\"k\">{</span>","            cell<span class=\"k\">:</span>cell<span class=\"k\">,</span>","            tr<span class=\"k\">:</span>tr<span class=\"k\">,</span>","            table<span class=\"k\">:</span>table<span class=\"k\">,</span>","            caption<span class=\"k\">:</span>caption","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    UETable<span class=\"k\">.</span>getUETableBySelected <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> table <span class=\"k\">=</span> UETable<span class=\"k\">.</span>getTableItemsByRange<span class=\"k\">(</span>editor<span class=\"k\">).</span>table<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>table <span class=\"k\">&amp;&amp;</span> table<span class=\"k\">.</span>ueTable <span class=\"k\">&amp;&amp;</span> table<span class=\"k\">.</span>ueTable<span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> table<span class=\"k\">.</span>ueTable<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UETable<span class=\"k\">.</span>getDefaultValue <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> table<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> borderMap <span class=\"k\">=</span> <span class=\"k\">{</span>","                thin<span class=\"k\">:</span><span class=\"s\">'0px'</span><span class=\"k\">,</span>","                medium<span class=\"k\">:</span><span class=\"s\">'1px'</span><span class=\"k\">,</span>","                thick<span class=\"k\">:</span><span class=\"s\">'2px'</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            tableBorder<span class=\"k\">,</span> tdPadding<span class=\"k\">,</span> tdBorder<span class=\"k\">,</span> tmpValue<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","            table <span class=\"k\">=</span> editor<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'table'</span><span class=\"k\">);</span>","            table<span class=\"k\">.</span>insertRow<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">).</span>insertCell<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'xxx'</span><span class=\"k\">;</span>","            editor<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>table<span class=\"k\">);</span>","            <span class=\"k\">var</span> td <span class=\"k\">=</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'td'</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">];</span>","            tmpValue <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"s\">'border-left-width'</span><span class=\"k\">);</span>","            tableBorder <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>borderMap<span class=\"k\">[</span>tmpValue<span class=\"k\">]</span> <span class=\"k\">||</span> tmpValue<span class=\"k\">,</span> <span class=\"s\">10</span><span class=\"k\">);</span>","            tmpValue <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>td<span class=\"k\">,</span> <span class=\"s\">'padding-left'</span><span class=\"k\">);</span>","            tdPadding <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>borderMap<span class=\"k\">[</span>tmpValue<span class=\"k\">]</span> <span class=\"k\">||</span> tmpValue<span class=\"k\">,</span> <span class=\"s\">10</span><span class=\"k\">);</span>","            tmpValue <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>td<span class=\"k\">,</span> <span class=\"s\">'border-left-width'</span><span class=\"k\">);</span>","            tdBorder <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>borderMap<span class=\"k\">[</span>tmpValue<span class=\"k\">]</span> <span class=\"k\">||</span> tmpValue<span class=\"k\">,</span> <span class=\"s\">10</span><span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>table<span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                tableBorder<span class=\"k\">:</span>tableBorder<span class=\"k\">,</span>","                tdPadding<span class=\"k\">:</span>tdPadding<span class=\"k\">,</span>","                tdBorder<span class=\"k\">:</span>tdBorder","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","            td <span class=\"k\">=</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'td'</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">];</span>","            tmpValue <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>table<span class=\"k\">,</span> <span class=\"s\">'border-left-width'</span><span class=\"k\">);</span>","            tableBorder <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>borderMap<span class=\"k\">[</span>tmpValue<span class=\"k\">]</span> <span class=\"k\">||</span> tmpValue<span class=\"k\">,</span> <span class=\"s\">10</span><span class=\"k\">);</span>","            tmpValue <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>td<span class=\"k\">,</span> <span class=\"s\">'padding-left'</span><span class=\"k\">);</span>","            tdPadding <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>borderMap<span class=\"k\">[</span>tmpValue<span class=\"k\">]</span> <span class=\"k\">||</span> tmpValue<span class=\"k\">,</span> <span class=\"s\">10</span><span class=\"k\">);</span>","            tmpValue <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>td<span class=\"k\">,</span> <span class=\"s\">'border-left-width'</span><span class=\"k\">);</span>","            tdBorder <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>borderMap<span class=\"k\">[</span>tmpValue<span class=\"k\">]</span> <span class=\"k\">||</span> tmpValue<span class=\"k\">,</span> <span class=\"s\">10</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                tableBorder<span class=\"k\">:</span>tableBorder<span class=\"k\">,</span>","                tdPadding<span class=\"k\">:</span>tdPadding<span class=\"k\">,</span>","                tdBorder<span class=\"k\">:</span>tdBorder","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#26681;&#25454;&#24403;&#21069;&#28857;&#20987;&#30340;td&#25110;&#32773;table&#33719;&#21462;&#32034;&#24341;&#23545;&#35937;</span>","<span class=\"c\">     * @param tdOrTable</span>","<span class=\"c\">     */</span>","    UETable<span class=\"k\">.</span>getUETable <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>tdOrTable<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tag <span class=\"k\">=</span> tdOrTable<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">();</span>","        tdOrTable <span class=\"k\">=</span> <span class=\"k\">(</span>tag <span class=\"k\">==</span> <span class=\"s\">\"td\"</span> <span class=\"k\">||</span> tag <span class=\"k\">==</span> <span class=\"s\">\"th\"</span> <span class=\"k\">||</span> tag <span class=\"k\">==</span> <span class=\"s\">'caption'</span><span class=\"k\">)</span> <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>tdOrTable<span class=\"k\">,</span> <span class=\"s\">\"table\"</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">:</span> tdOrTable<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>tdOrTable<span class=\"k\">.</span>ueTable<span class=\"k\">)</span> <span class=\"k\">{</span>","            tdOrTable<span class=\"k\">.</span>ueTable <span class=\"k\">=</span> <span class=\"k\">new</span> UETable<span class=\"k\">(</span>tdOrTable<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> tdOrTable<span class=\"k\">.</span>ueTable<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    UETable<span class=\"k\">.</span>cloneCell <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>cell<span class=\"k\">,</span>ignoreMerge<span class=\"k\">,</span>keepPro<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>cell <span class=\"k\">||</span> utils<span class=\"k\">.</span>isString<span class=\"k\">(</span>cell<span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>ownerDocument<span class=\"k\">.</span>createElement<span class=\"k\">(</span>cell <span class=\"k\">||</span> <span class=\"s\">'td'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> flag <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">\"selectTdClass\"</span><span class=\"k\">);</span>","        flag <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>removeClasses<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">\"selectTdClass\"</span><span class=\"k\">);</span>","        <span class=\"k\">var</span> tmpCell <span class=\"k\">=</span> cell<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>ignoreMerge<span class=\"k\">)</span> <span class=\"k\">{</span>","            tmpCell<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> tmpCell<span class=\"k\">.</span>colSpan <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"c\">//&#21435;&#25481;&#23485;&#39640;</span>","        <span class=\"k\">!</span>keepPro <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>tmpCell<span class=\"k\">,</span><span class=\"s\">'width height'</span><span class=\"k\">);</span>","        <span class=\"k\">!</span>keepPro <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>tmpCell<span class=\"k\">,</span><span class=\"s\">'style'</span><span class=\"k\">);</span>","","        tmpCell<span class=\"k\">.</span>style<span class=\"k\">.</span>borderLeftStyle <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","        tmpCell<span class=\"k\">.</span>style<span class=\"k\">.</span>borderTopStyle <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","        tmpCell<span class=\"k\">.</span>style<span class=\"k\">.</span>borderLeftColor <span class=\"k\">=</span> cell<span class=\"k\">.</span>style<span class=\"k\">.</span>borderRightColor<span class=\"k\">;</span>","        tmpCell<span class=\"k\">.</span>style<span class=\"k\">.</span>borderLeftWidth <span class=\"k\">=</span> cell<span class=\"k\">.</span>style<span class=\"k\">.</span>borderRightWidth<span class=\"k\">;</span>","        tmpCell<span class=\"k\">.</span>style<span class=\"k\">.</span>borderTopColor <span class=\"k\">=</span> cell<span class=\"k\">.</span>style<span class=\"k\">.</span>borderBottomColor<span class=\"k\">;</span>","        tmpCell<span class=\"k\">.</span>style<span class=\"k\">.</span>borderTopWidth <span class=\"k\">=</span> cell<span class=\"k\">.</span>style<span class=\"k\">.</span>borderBottomWidth<span class=\"k\">;</span>","        flag <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>addClass<span class=\"k\">(</span>cell<span class=\"k\">,</span> <span class=\"s\">\"selectTdClass\"</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> tmpCell<span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    UETable<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        getMaxRows<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rows <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">,</span> maxLen <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> row<span class=\"k\">;</span> row <span class=\"k\">=</span> rows<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> currentMax <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cj<span class=\"k\">;</span> cj <span class=\"k\">=</span> row<span class=\"k\">.</span>cells<span class=\"k\">[</span>j<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    currentMax <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>cj<span class=\"k\">.</span>rowSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">,</span> currentMax<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                maxLen <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>currentMax <span class=\"k\">+</span> i<span class=\"k\">,</span> maxLen<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> maxLen<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;&#34920;&#26684;&#30340;&#26368;&#22823;&#21015;&#25968;</span>","<span class=\"c\">         */</span>","        getMaxCols<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rows <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">,</span> maxLen <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cellRows <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> row<span class=\"k\">;</span> row <span class=\"k\">=</span> rows<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> cellsNum <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cj<span class=\"k\">;</span> cj <span class=\"k\">=</span> row<span class=\"k\">.</span>cells<span class=\"k\">[</span>j<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    cellsNum <span class=\"k\">+=</span> <span class=\"k\">(</span>cj<span class=\"k\">.</span>colSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cj<span class=\"k\">.</span>rowSpan <span class=\"k\">&amp;&amp;</span> cj<span class=\"k\">.</span>rowSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> k <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span> k <span class=\"k\">&lt;</span> cj<span class=\"k\">.</span>rowSpan<span class=\"k\">;</span> k<span class=\"k\">++)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(!</span>cellRows<span class=\"k\">[</span><span class=\"s\">'row_'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>i <span class=\"k\">+</span> k<span class=\"k\">)])</span> <span class=\"k\">{</span>","                                cellRows<span class=\"k\">[</span><span class=\"s\">'row_'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>i <span class=\"k\">+</span> k<span class=\"k\">)]</span> <span class=\"k\">=</span> <span class=\"k\">(</span>cj<span class=\"k\">.</span>colSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                cellRows<span class=\"k\">[</span><span class=\"s\">'row_'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>i <span class=\"k\">+</span> k<span class=\"k\">)]++</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                cellsNum <span class=\"k\">+=</span> cellRows<span class=\"k\">[</span><span class=\"s\">'row_'</span> <span class=\"k\">+</span> i<span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                maxLen <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>cellsNum<span class=\"k\">,</span> maxLen<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> maxLen<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getCellColIndex<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#33719;&#21462;&#24403;&#21069;cell&#26049;&#36793;&#30340;&#21333;&#20803;&#26684;&#65292;</span>","<span class=\"c\">         * @param cell</span>","<span class=\"c\">         * @param right</span>","<span class=\"c\">         */</span>","        getHSideCell<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">,</span> right<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                    previewRowIndex<span class=\"k\">,</span> previewColIndex<span class=\"k\">;</span>","                <span class=\"k\">var</span> len <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">,</span>","                    range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange<span class=\"k\">;</span>","                <span class=\"c\">//&#39318;&#34892;&#25110;&#32773;&#39318;&#21015;&#27809;&#26377;&#21069;&#32622;&#21333;&#20803;&#26684;</span>","                <span class=\"k\">if</span> <span class=\"k\">((!</span>right <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>len <span class=\"k\">?</span> <span class=\"k\">!</span>cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">:</span> <span class=\"k\">!</span>range<span class=\"k\">.</span>beginColIndex<span class=\"k\">))</span> <span class=\"k\">||</span> <span class=\"k\">(</span>right <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>len <span class=\"k\">?</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">==</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">))</span> <span class=\"k\">:</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>endColIndex <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">))))</span> <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","                previewRowIndex <span class=\"k\">=</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">:</span> range<span class=\"k\">.</span>beginRowIndex<span class=\"k\">;</span>","                previewColIndex <span class=\"k\">=</span> <span class=\"k\">!</span>right <span class=\"k\">?</span> <span class=\"k\">(</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">&lt;</span> <span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">))</span> <span class=\"k\">:</span> range<span class=\"k\">.</span>beginColIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">)</span>","                    <span class=\"k\">:</span> <span class=\"k\">(</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> <span class=\"s\">1</span> <span class=\"k\">:</span> range<span class=\"k\">.</span>endColIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>previewRowIndex<span class=\"k\">][</span>previewColIndex<span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>previewRowIndex<span class=\"k\">][</span>previewColIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                showError<span class=\"k\">(</span>e<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getTabNextCell<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">,</span> preRowIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                rowIndex <span class=\"k\">=</span> preRowIndex <span class=\"k\">||</span> cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span>","                colIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> <span class=\"s\">1</span> <span class=\"k\">+</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">),</span>","                nextCell<span class=\"k\">;</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                nextCell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">][</span>colIndex<span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">][</span>colIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">try</span> <span class=\"k\">{</span>","                    rowIndex <span class=\"k\">=</span> rowIndex <span class=\"k\">*</span> <span class=\"s\">1</span> <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    colIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                    nextCell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">][</span>colIndex<span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">][</span>colIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> nextCell<span class=\"k\">;</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#33719;&#21462;&#35270;&#35273;&#19978;&#30340;&#21518;&#32622;&#21333;&#20803;&#26684;</span>","<span class=\"c\">         * @param cell</span>","<span class=\"c\">         * @param bottom</span>","<span class=\"c\">         */</span>","        getVSideCell<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">,</span> bottom<span class=\"k\">,</span> ignoreRange<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                    nextRowIndex<span class=\"k\">,</span> nextColIndex<span class=\"k\">;</span>","                <span class=\"k\">var</span> len <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>ignoreRange<span class=\"k\">,</span>","                    range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange<span class=\"k\">;</span>","                <span class=\"c\">//&#26411;&#34892;&#25110;&#32773;&#26411;&#21015;&#27809;&#26377;&#21518;&#32622;&#21333;&#20803;&#26684;</span>","                <span class=\"k\">if</span> <span class=\"k\">((!</span>bottom <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">))</span> <span class=\"k\">||</span> <span class=\"k\">(</span>bottom <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>len <span class=\"k\">?</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">&gt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>endRowIndex <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">))))</span> <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","                nextRowIndex <span class=\"k\">=</span> <span class=\"k\">!</span>bottom <span class=\"k\">?</span> <span class=\"k\">(</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">-</span> <span class=\"s\">1</span> <span class=\"k\">:</span> range<span class=\"k\">.</span>beginRowIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">)</span>","                    <span class=\"k\">:</span> <span class=\"k\">(</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan<span class=\"k\">)</span> <span class=\"k\">:</span> range<span class=\"k\">.</span>endRowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                nextColIndex <span class=\"k\">=</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">:</span> range<span class=\"k\">.</span>beginColIndex<span class=\"k\">;</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>nextRowIndex<span class=\"k\">][</span>nextColIndex<span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>nextRowIndex<span class=\"k\">][</span>nextColIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                showError<span class=\"k\">(</span>e<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#33719;&#21462;&#30456;&#21516;&#32467;&#26463;&#20301;&#32622;&#30340;&#21333;&#20803;&#26684;&#65292;xOrY&#25351;&#20195;&#20102;&#26159;&#33719;&#21462;x&#36724;&#30456;&#21516;&#36824;&#26159;y&#36724;&#30456;&#21516;</span>","<span class=\"c\">         */</span>","        getSameEndPosCells<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">,</span> xOrY<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> flag <span class=\"k\">=</span> <span class=\"k\">(</span>xOrY<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">===</span> <span class=\"s\">\"x\"</span><span class=\"k\">),</span>","                    end <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>cell<span class=\"k\">)[</span>flag <span class=\"k\">?</span> <span class=\"s\">'x'</span> <span class=\"k\">:</span> <span class=\"s\">'y'</span><span class=\"k\">]</span> <span class=\"k\">+</span> cell<span class=\"k\">[</span><span class=\"s\">\"offset\"</span> <span class=\"k\">+</span> <span class=\"k\">(</span>flag <span class=\"k\">?</span> <span class=\"s\">'Width'</span> <span class=\"k\">:</span> <span class=\"s\">'Height'</span><span class=\"k\">)],</span>","                    rows <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">,</span>","                    cells <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span> returns <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    cells <span class=\"k\">=</span> rows<span class=\"k\">[</span>i<span class=\"k\">].</span>cells<span class=\"k\">;</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> tmpCell<span class=\"k\">;</span> tmpCell <span class=\"k\">=</span> cells<span class=\"k\">[</span>j<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> tmpEnd <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>tmpCell<span class=\"k\">)[</span>flag <span class=\"k\">?</span> <span class=\"s\">'x'</span> <span class=\"k\">:</span> <span class=\"s\">'y'</span><span class=\"k\">]</span> <span class=\"k\">+</span> tmpCell<span class=\"k\">[</span><span class=\"s\">\"offset\"</span> <span class=\"k\">+</span> <span class=\"k\">(</span>flag <span class=\"k\">?</span> <span class=\"s\">'Width'</span> <span class=\"k\">:</span> <span class=\"s\">'Height'</span><span class=\"k\">)];</span>","                        <span class=\"c\">//&#23545;&#24212;&#34892;&#30340;td&#24050;&#32463;&#34987;&#19978;&#38754;&#34892;rowSpan&#20102;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>tmpEnd <span class=\"k\">&gt;</span> end <span class=\"k\">&amp;&amp;</span> flag<span class=\"k\">)</span> <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>cell <span class=\"k\">==</span> tmpCell <span class=\"k\">||</span> end <span class=\"k\">==</span> tmpEnd<span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"c\">//&#21482;&#33719;&#21462;&#21333;&#19968;&#30340;&#21333;&#20803;&#26684;</span>","                            <span class=\"c\">//todo &#20165;&#33719;&#21462;&#21333;&#19968;&#21333;&#20803;&#26684;&#22312;&#29305;&#23450;&#24773;&#20917;&#19979;&#20250;&#36896;&#25104;returns&#20026;&#31354;&#65292;&#20174;&#32780;&#24433;&#21709;&#21518;&#32493;&#30340;&#25302;&#25341;&#23454;&#29616;&#65292;&#20462;&#27491;&#36825;&#20010;&#12290;&#38656;&#32771;&#34385;&#24615;&#33021;</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>tmpCell<span class=\"k\">[</span>flag <span class=\"k\">?</span> <span class=\"s\">\"colSpan\"</span> <span class=\"k\">:</span> <span class=\"s\">\"rowSpan\"</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                                returns<span class=\"k\">.</span>push<span class=\"k\">(</span>tmpCell<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>flag<span class=\"k\">)</span> <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> returns<span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                showError<span class=\"k\">(</span>e<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setCellContent<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">,</span> content<span class=\"k\">)</span> <span class=\"k\">{</span>","            cell<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> content <span class=\"k\">||</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">:</span> <span class=\"s\">\"&lt;br /&gt;\"</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        cloneCell<span class=\"k\">:</span>UETable<span class=\"k\">.</span>cloneCell<span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#33719;&#21462;&#36319;&#24403;&#21069;&#21333;&#20803;&#26684;&#30340;&#21491;&#36793;&#31446;&#32447;&#20026;&#24038;&#36793;&#30340;&#25152;&#26377;&#26410;&#21512;&#24182;&#21333;&#20803;&#26684;</span>","<span class=\"c\">         */</span>","        getSameStartPosXCells<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> start <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>cell<span class=\"k\">).</span>x <span class=\"k\">+</span> cell<span class=\"k\">.</span>offsetWidth<span class=\"k\">,</span>","                    rows <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">,</span> cells <span class=\"k\">,</span> returns <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    cells <span class=\"k\">=</span> rows<span class=\"k\">[</span>i<span class=\"k\">].</span>cells<span class=\"k\">;</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> tmpCell<span class=\"k\">;</span> tmpCell <span class=\"k\">=</span> cells<span class=\"k\">[</span>j<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> tmpStart <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>tmpCell<span class=\"k\">).</span>x<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>tmpStart <span class=\"k\">&gt;</span> start<span class=\"k\">)</span> <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>tmpStart <span class=\"k\">==</span> start <span class=\"k\">&amp;&amp;</span> tmpCell<span class=\"k\">.</span>colSpan <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            returns<span class=\"k\">.</span>push<span class=\"k\">(</span>tmpCell<span class=\"k\">);</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> returns<span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                showError<span class=\"k\">(</span>e<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#26356;&#26032;table&#23545;&#24212;&#30340;&#32034;&#24341;&#34920;</span>","<span class=\"c\">         */</span>","        update<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>table <span class=\"k\">=</span> table <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>selectedTds <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>indexTable <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">var</span> rows <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">,</span>","                rowsNum <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getMaxRows<span class=\"k\">(),</span>","                dNum <span class=\"k\">=</span> rowsNum <span class=\"k\">-</span> rows<span class=\"k\">.</span>length<span class=\"k\">,</span>","                colsNum <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getMaxCols<span class=\"k\">();</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>dNum<span class=\"k\">--)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>insertRow<span class=\"k\">(</span>rows<span class=\"k\">.</span>length<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">=</span> rowsNum<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">=</span> colsNum<span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> len <span class=\"k\">=</span> rows<span class=\"k\">.</span>length<span class=\"k\">;</span> i <span class=\"k\">&lt;</span> len<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">new</span> Array<span class=\"k\">(</span>colsNum<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#22635;&#20805;&#32034;&#24341;&#34920;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> rowIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> row<span class=\"k\">;</span> row <span class=\"k\">=</span> rows<span class=\"k\">[</span>rowIndex<span class=\"k\">];</span> rowIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> cellIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cell<span class=\"k\">,</span> cells <span class=\"k\">=</span> row<span class=\"k\">.</span>cells<span class=\"k\">;</span> cell <span class=\"k\">=</span> cells<span class=\"k\">[</span>cellIndex<span class=\"k\">];</span> cellIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//&#20462;&#27491;&#25972;&#34892;&#34987;rowSpan&#26102;&#23548;&#33268;&#30340;&#34892;&#25968;&#35745;&#31639;&#38169;&#35823;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>rowSpan <span class=\"k\">&gt;</span> rowsNum<span class=\"k\">)</span> <span class=\"k\">{</span>","                        cell<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> rowsNum<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">var</span> colIndex <span class=\"k\">=</span> cellIndex<span class=\"k\">,</span>","                        rowSpan <span class=\"k\">=</span> cell<span class=\"k\">.</span>rowSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                        colSpan <span class=\"k\">=</span> cell<span class=\"k\">.</span>colSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"c\">//&#24403;&#24050;&#32463;&#34987;&#19978;&#19968;&#34892;rowSpan&#25110;&#32773;&#34987;&#21069;&#19968;&#21015;colSpan&#20102;&#65292;&#21017;&#36339;&#21040;&#19979;&#19968;&#20010;&#21333;&#20803;&#26684;&#36827;&#34892;</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">][</span>colIndex<span class=\"k\">])</span> colIndex<span class=\"k\">++;</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> j <span class=\"k\">&lt;</span> rowSpan<span class=\"k\">;</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> k <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> k <span class=\"k\">&lt;</span> colSpan<span class=\"k\">;</span> k<span class=\"k\">++)</span> <span class=\"k\">{</span>","                            <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex <span class=\"k\">+</span> j<span class=\"k\">][</span>colIndex <span class=\"k\">+</span> k<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","                                rowIndex<span class=\"k\">:</span>rowIndex<span class=\"k\">,</span>","                                cellIndex<span class=\"k\">:</span>cellIndex<span class=\"k\">,</span>","                                colIndex<span class=\"k\">:</span>colIndex<span class=\"k\">,</span>","                                rowSpan<span class=\"k\">:</span>rowSpan<span class=\"k\">,</span>","                                colSpan<span class=\"k\">:</span>colSpan","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#20462;&#22797;&#27531;&#32570;td</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span>j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> j <span class=\"k\">&lt;</span> rowsNum<span class=\"k\">;</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span>k <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> k <span class=\"k\">&lt;</span> colsNum<span class=\"k\">;</span> k<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>j<span class=\"k\">][</span>k<span class=\"k\">]</span> <span class=\"k\">===</span> undefined<span class=\"k\">)</span> <span class=\"k\">{</span>","                        row <span class=\"k\">=</span> rows<span class=\"k\">[</span>j<span class=\"k\">];</span>","                        cell <span class=\"k\">=</span> row<span class=\"k\">.</span>cells<span class=\"k\">[</span>row<span class=\"k\">.</span>cells<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">];</span>","                        cell <span class=\"k\">=</span> cell <span class=\"k\">?</span> cell<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>ownerDocument<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"td\"</span><span class=\"k\">);</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setCellContent<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>colSpan <span class=\"k\">!==</span> <span class=\"s\">1</span><span class=\"k\">)</span>cell<span class=\"k\">.</span>colSpan <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>rowSpan <span class=\"k\">!==</span> <span class=\"s\">1</span><span class=\"k\">)</span>cell<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        row<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>j<span class=\"k\">][</span>k<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","                            rowIndex<span class=\"k\">:</span>j<span class=\"k\">,</span>","                            cellIndex<span class=\"k\">:</span>cell<span class=\"k\">.</span>cellIndex<span class=\"k\">,</span>","                            colIndex<span class=\"k\">:</span>k<span class=\"k\">,</span>","                            rowSpan<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","                            colSpan<span class=\"k\">:</span><span class=\"s\">1</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#24403;&#26694;&#36873;&#21518;&#21024;&#38500;&#34892;&#25110;&#32773;&#21015;&#21518;&#25764;&#38144;&#65292;&#38656;&#35201;&#37325;&#24314;&#36873;&#21306;&#12290;</span>","            <span class=\"k\">var</span> tds <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">),</span>","                selectTds <span class=\"k\">=</span> <span class=\"k\">[];</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>tds<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>td<span class=\"k\">,</span> <span class=\"s\">\"selectTdClass\"</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                    selectTds<span class=\"k\">.</span>push<span class=\"k\">(</span>td<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>selectTds<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> start <span class=\"k\">=</span> selectTds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span>","                    end <span class=\"k\">=</span> selectTds<span class=\"k\">[</span>selectTds<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">],</span>","                    startInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>start<span class=\"k\">),</span>","                    endInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>end<span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>selectedTds <span class=\"k\">=</span> selectTds<span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange <span class=\"k\">=</span> <span class=\"k\">{</span>","                    beginRowIndex<span class=\"k\">:</span>startInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span>","                    beginColIndex<span class=\"k\">:</span>startInfo<span class=\"k\">.</span>colIndex<span class=\"k\">,</span>","                    endRowIndex<span class=\"k\">:</span>endInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> endInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                    endColIndex<span class=\"k\">:</span>endInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> endInfo<span class=\"k\">.</span>colSpan <span class=\"k\">-</span> <span class=\"s\">1</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#33719;&#21462;&#21333;&#20803;&#26684;&#30340;&#32034;&#24341;&#20449;&#24687;</span>","<span class=\"c\">         */</span>","        getCellInfo<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>cell<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> cellIndex <span class=\"k\">=</span> cell<span class=\"k\">.</span>cellIndex<span class=\"k\">,</span>","                rowIndex <span class=\"k\">=</span> cell<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span>","                rowInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">],</span>","                numCols <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>colsNum<span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> colIndex <span class=\"k\">=</span> cellIndex<span class=\"k\">;</span> colIndex <span class=\"k\">&lt;</span> numCols<span class=\"k\">;</span> colIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> rowInfo<span class=\"k\">[</span>colIndex<span class=\"k\">];</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">===</span> rowIndex <span class=\"k\">&amp;&amp;</span> cellInfo<span class=\"k\">.</span>cellIndex <span class=\"k\">===</span> cellIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> cellInfo<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#26681;&#25454;&#34892;&#21015;&#21495;&#33719;&#21462;&#21333;&#20803;&#26684;</span>","<span class=\"c\">         */</span>","        getCell<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>rowIndex<span class=\"k\">,</span> cellIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> rowIndex <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span>rowIndex<span class=\"k\">].</span>cells<span class=\"k\">[</span>cellIndex<span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#21024;&#38500;&#21333;&#20803;&#26684;</span>","<span class=\"c\">         */</span>","        deleteCell<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">,</span> rowIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","            rowIndex <span class=\"k\">=</span> <span class=\"k\">typeof</span> rowIndex <span class=\"k\">==</span> <span class=\"s\">'number'</span> <span class=\"k\">?</span> rowIndex <span class=\"k\">:</span> cell<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>rowIndex<span class=\"k\">;</span>","            <span class=\"k\">var</span> row <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span>rowIndex<span class=\"k\">];</span>","            row<span class=\"k\">.</span>deleteCell<span class=\"k\">(</span>cell<span class=\"k\">.</span>cellIndex<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#26681;&#25454;&#22987;&#26411;&#20004;&#20010;&#21333;&#20803;&#26684;&#33719;&#21462;&#34987;&#26694;&#36873;&#30340;&#25152;&#26377;&#21333;&#20803;&#26684;&#33539;&#22260;</span>","<span class=\"c\">         */</span>","        getCellsRange<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cellA<span class=\"k\">,</span> cellB<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">function</span> checkRange<span class=\"k\">(</span>beginRowIndex<span class=\"k\">,</span> beginColIndex<span class=\"k\">,</span> endRowIndex<span class=\"k\">,</span> endColIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> tmpBeginRowIndex <span class=\"k\">=</span> beginRowIndex<span class=\"k\">,</span>","                    tmpBeginColIndex <span class=\"k\">=</span> beginColIndex<span class=\"k\">,</span>","                    tmpEndRowIndex <span class=\"k\">=</span> endRowIndex<span class=\"k\">,</span>","                    tmpEndColIndex <span class=\"k\">=</span> endColIndex<span class=\"k\">,</span>","                    cellInfo<span class=\"k\">,</span> colIndex<span class=\"k\">,</span> rowIndex<span class=\"k\">;</span>","                <span class=\"c\">// &#36890;&#36807;indexTable&#26816;&#26597;&#26159;&#21542;&#23384;&#22312;&#36229;&#20986;TableRange&#19978;&#36793;&#30028;&#30340;&#24773;&#20917;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>beginRowIndex <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span>colIndex <span class=\"k\">=</span> beginColIndex<span class=\"k\">;</span> colIndex <span class=\"k\">&lt;</span> endColIndex<span class=\"k\">;</span> colIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        cellInfo <span class=\"k\">=</span> me<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>beginRowIndex<span class=\"k\">][</span>colIndex<span class=\"k\">];</span>","                        rowIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>rowIndex <span class=\"k\">&lt;</span> beginRowIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                            tmpBeginRowIndex <span class=\"k\">=</span> Math<span class=\"k\">.</span>min<span class=\"k\">(</span>rowIndex<span class=\"k\">,</span> tmpBeginRowIndex<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"c\">// &#36890;&#36807;indexTable&#26816;&#26597;&#26159;&#21542;&#23384;&#22312;&#36229;&#20986;TableRange&#21491;&#36793;&#30028;&#30340;&#24773;&#20917;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>endColIndex <span class=\"k\">&lt;</span> me<span class=\"k\">.</span>colsNum<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span>rowIndex <span class=\"k\">=</span> beginRowIndex<span class=\"k\">;</span> rowIndex <span class=\"k\">&lt;</span> endRowIndex<span class=\"k\">;</span> rowIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        cellInfo <span class=\"k\">=</span> me<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">][</span>endColIndex<span class=\"k\">];</span>","                        colIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>colSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>colIndex <span class=\"k\">&gt;</span> endColIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                            tmpEndColIndex <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>colIndex<span class=\"k\">,</span> tmpEndColIndex<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"c\">// &#26816;&#26597;&#26159;&#21542;&#26377;&#36229;&#20986;TableRange&#19979;&#36793;&#30028;&#30340;&#24773;&#20917;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>endRowIndex <span class=\"k\">&lt;</span> me<span class=\"k\">.</span>rowsNum<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span>colIndex <span class=\"k\">=</span> beginColIndex<span class=\"k\">;</span> colIndex <span class=\"k\">&lt;</span> endColIndex<span class=\"k\">;</span> colIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        cellInfo <span class=\"k\">=</span> me<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>endRowIndex<span class=\"k\">][</span>colIndex<span class=\"k\">];</span>","                        rowIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>rowIndex <span class=\"k\">&gt;</span> endRowIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                            tmpEndRowIndex <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>rowIndex<span class=\"k\">,</span> tmpEndRowIndex<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"c\">// &#26816;&#26597;&#26159;&#21542;&#26377;&#36229;&#20986;TableRange&#24038;&#36793;&#30028;&#30340;&#24773;&#20917;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>beginColIndex <span class=\"k\">&gt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span>rowIndex <span class=\"k\">=</span> beginRowIndex<span class=\"k\">;</span> rowIndex <span class=\"k\">&lt;</span> endRowIndex<span class=\"k\">;</span> rowIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        cellInfo <span class=\"k\">=</span> me<span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">][</span>beginColIndex<span class=\"k\">];</span>","                        colIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>colIndex <span class=\"k\">&lt;</span> beginColIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                            tmpBeginColIndex <span class=\"k\">=</span> Math<span class=\"k\">.</span>min<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">,</span> tmpBeginColIndex<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//&#36882;&#24402;&#35843;&#29992;&#30452;&#33267;&#25152;&#26377;&#23436;&#25104;&#25152;&#26377;&#26694;&#36873;&#21333;&#20803;&#26684;&#30340;&#25193;&#23637;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>tmpBeginRowIndex <span class=\"k\">!=</span> beginRowIndex <span class=\"k\">||</span> tmpBeginColIndex <span class=\"k\">!=</span> beginColIndex <span class=\"k\">||</span> tmpEndRowIndex <span class=\"k\">!=</span> endRowIndex <span class=\"k\">||</span> tmpEndColIndex <span class=\"k\">!=</span> endColIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> checkRange<span class=\"k\">(</span>tmpBeginRowIndex<span class=\"k\">,</span> tmpBeginColIndex<span class=\"k\">,</span> tmpEndRowIndex<span class=\"k\">,</span> tmpEndColIndex<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"c\">// &#19981;&#38656;&#35201;&#25193;&#23637;TableRange&#30340;&#24773;&#20917;</span>","                    <span class=\"k\">return</span> <span class=\"k\">{</span>","                        beginRowIndex<span class=\"k\">:</span>beginRowIndex<span class=\"k\">,</span>","                        beginColIndex<span class=\"k\">:</span>beginColIndex<span class=\"k\">,</span>","                        endRowIndex<span class=\"k\">:</span>endRowIndex<span class=\"k\">,</span>","                        endColIndex<span class=\"k\">:</span>endColIndex","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                    cellAInfo <span class=\"k\">=</span> me<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cellA<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cellA <span class=\"k\">===</span> cellB<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">{</span>","                        beginRowIndex<span class=\"k\">:</span>cellAInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span>","                        beginColIndex<span class=\"k\">:</span>cellAInfo<span class=\"k\">.</span>colIndex<span class=\"k\">,</span>","                        endRowIndex<span class=\"k\">:</span>cellAInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellAInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                        endColIndex<span class=\"k\">:</span>cellAInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> cellAInfo<span class=\"k\">.</span>colSpan <span class=\"k\">-</span> <span class=\"s\">1</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> cellBInfo <span class=\"k\">=</span> me<span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cellB<span class=\"k\">);</span>","                <span class=\"c\">// &#35745;&#31639;TableRange&#30340;&#22235;&#20010;&#36793;</span>","                <span class=\"k\">var</span> beginRowIndex <span class=\"k\">=</span> Math<span class=\"k\">.</span>min<span class=\"k\">(</span>cellAInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span> cellBInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">),</span>","                    beginColIndex <span class=\"k\">=</span> Math<span class=\"k\">.</span>min<span class=\"k\">(</span>cellAInfo<span class=\"k\">.</span>colIndex<span class=\"k\">,</span> cellBInfo<span class=\"k\">.</span>colIndex<span class=\"k\">),</span>","                    endRowIndex <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>cellAInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellAInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">,</span> cellBInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellBInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">),</span>","                    endColIndex <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>cellAInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> cellAInfo<span class=\"k\">.</span>colSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">,</span> cellBInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> cellBInfo<span class=\"k\">.</span>colSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">);</span>","","                <span class=\"k\">return</span> checkRange<span class=\"k\">(</span>beginRowIndex<span class=\"k\">,</span> beginColIndex<span class=\"k\">,</span> endRowIndex<span class=\"k\">,</span> endColIndex<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">//throw e;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#20381;&#25454;cellsRange&#33719;&#21462;&#23545;&#24212;&#30340;&#21333;&#20803;&#26684;&#38598;&#21512;</span>","<span class=\"c\">         */</span>","        getCells<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>range<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#27599;&#27425;&#33719;&#21462;cells&#20043;&#21069;&#24517;&#39035;&#20808;&#28165;&#38500;&#19978;&#27425;&#30340;&#36873;&#25321;&#65292;&#21542;&#21017;&#20250;&#23545;&#21518;&#32493;&#33719;&#21462;&#25805;&#20316;&#36896;&#25104;&#24433;&#21709;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>clearSelected<span class=\"k\">();</span>","            <span class=\"k\">var</span> beginRowIndex <span class=\"k\">=</span> range<span class=\"k\">.</span>beginRowIndex<span class=\"k\">,</span>","                beginColIndex <span class=\"k\">=</span> range<span class=\"k\">.</span>beginColIndex<span class=\"k\">,</span>","                endRowIndex <span class=\"k\">=</span> range<span class=\"k\">.</span>endRowIndex<span class=\"k\">,</span>","                endColIndex <span class=\"k\">=</span> range<span class=\"k\">.</span>endColIndex<span class=\"k\">,</span>","                cellInfo<span class=\"k\">,</span> rowIndex<span class=\"k\">,</span> colIndex<span class=\"k\">,</span> tdHash <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">,</span> returnTds <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> beginRowIndex<span class=\"k\">;</span> i <span class=\"k\">&lt;=</span> endRowIndex<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> beginColIndex<span class=\"k\">;</span> j <span class=\"k\">&lt;=</span> endColIndex<span class=\"k\">;</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>i<span class=\"k\">][</span>j<span class=\"k\">];</span>","                    rowIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">;</span>","                    colIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">;</span>","                    <span class=\"c\">// &#22914;&#26524;Cells&#37324;&#24050;&#32463;&#21253;&#21547;&#20102;&#27492;Cell&#21017;&#36339;&#36807;</span>","                    <span class=\"k\">var</span> key <span class=\"k\">=</span> rowIndex <span class=\"k\">+</span> <span class=\"s\">'|'</span> <span class=\"k\">+</span> colIndex<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>tdHash<span class=\"k\">[</span>key<span class=\"k\">])</span> <span class=\"k\">continue</span><span class=\"k\">;</span>","                    tdHash<span class=\"k\">[</span>key<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>rowIndex <span class=\"k\">&lt;</span> i <span class=\"k\">||</span> colIndex <span class=\"k\">&lt;</span> j <span class=\"k\">||</span> rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">-</span> <span class=\"s\">1</span> <span class=\"k\">&gt;</span> endRowIndex <span class=\"k\">||</span> colIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>colSpan <span class=\"k\">-</span> <span class=\"s\">1</span> <span class=\"k\">&gt;</span> endColIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    returnTds<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>rowIndex<span class=\"k\">,</span> cellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">));</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> returnTds<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#28165;&#29702;&#24050;&#32463;&#36873;&#20013;&#30340;&#21333;&#20803;&#26684;</span>","<span class=\"c\">         */</span>","        clearSelected<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            UETable<span class=\"k\">.</span>removeSelectedClass<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>selectedTds<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>selectedTds <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#26681;&#25454;range&#35774;&#32622;&#24050;&#32463;&#36873;&#20013;&#30340;&#21333;&#20803;&#26684;</span>","<span class=\"c\">         */</span>","        setSelected<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>range<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cells <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCells<span class=\"k\">(</span>range<span class=\"k\">);</span>","            UETable<span class=\"k\">.</span>addSelectedClass<span class=\"k\">(</span>cells<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>selectedTds <span class=\"k\">=</span> cells<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange <span class=\"k\">=</span> range<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        isFullRow<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange<span class=\"k\">;</span>","            <span class=\"k\">return</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>endColIndex <span class=\"k\">-</span> range<span class=\"k\">.</span>beginColIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>colsNum<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        isFullCol<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange<span class=\"k\">,</span>","                table <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">,</span>","                ths <span class=\"k\">=</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"th\"</span><span class=\"k\">),</span>","                rows <span class=\"k\">=</span> range<span class=\"k\">.</span>endRowIndex <span class=\"k\">-</span> range<span class=\"k\">.</span>beginRowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">return</span>  <span class=\"k\">!</span>ths<span class=\"k\">.</span>length <span class=\"k\">?</span> rows <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">:</span> rows <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">||</span> <span class=\"k\">(</span>rows <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">);</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#33719;&#21462;&#35270;&#35273;&#19978;&#30340;&#21069;&#32622;&#21333;&#20803;&#26684;&#65292;&#40664;&#35748;&#26159;&#24038;&#36793;&#65292;top&#20256;&#20837;&#26102;</span>","<span class=\"c\">         * @param cell</span>","<span class=\"c\">         * @param top</span>","<span class=\"c\">         */</span>","        getNextCell<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">,</span> bottom<span class=\"k\">,</span> ignoreRange<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                    nextRowIndex<span class=\"k\">,</span> nextColIndex<span class=\"k\">;</span>","                <span class=\"k\">var</span> len <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>ignoreRange<span class=\"k\">,</span>","                    range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange<span class=\"k\">;</span>","                <span class=\"c\">//&#26411;&#34892;&#25110;&#32773;&#26411;&#21015;&#27809;&#26377;&#21518;&#32622;&#21333;&#20803;&#26684;</span>","                <span class=\"k\">if</span> <span class=\"k\">((!</span>bottom <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">))</span> <span class=\"k\">||</span> <span class=\"k\">(</span>bottom <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>len <span class=\"k\">?</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">&gt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>endRowIndex <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">))))</span> <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","                nextRowIndex <span class=\"k\">=</span> <span class=\"k\">!</span>bottom <span class=\"k\">?</span> <span class=\"k\">(</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">-</span> <span class=\"s\">1</span> <span class=\"k\">:</span> range<span class=\"k\">.</span>beginRowIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">)</span>","                    <span class=\"k\">:</span> <span class=\"k\">(</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan<span class=\"k\">)</span> <span class=\"k\">:</span> range<span class=\"k\">.</span>endRowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                nextColIndex <span class=\"k\">=</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">:</span> range<span class=\"k\">.</span>beginColIndex<span class=\"k\">;</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>nextRowIndex<span class=\"k\">][</span>nextColIndex<span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>nextRowIndex<span class=\"k\">][</span>nextColIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                showError<span class=\"k\">(</span>e<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getPreviewCell<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">,</span> top<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">try</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                    previewRowIndex<span class=\"k\">,</span> previewColIndex<span class=\"k\">;</span>","                <span class=\"k\">var</span> len <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">,</span>","                    range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange<span class=\"k\">;</span>","                <span class=\"c\">//&#39318;&#34892;&#25110;&#32773;&#39318;&#21015;&#27809;&#26377;&#21069;&#32622;&#21333;&#20803;&#26684;</span>","                <span class=\"k\">if</span> <span class=\"k\">((!</span>top <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>len <span class=\"k\">?</span> <span class=\"k\">!</span>cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">:</span> <span class=\"k\">!</span>range<span class=\"k\">.</span>beginColIndex<span class=\"k\">))</span> <span class=\"k\">||</span> <span class=\"k\">(</span>top <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>len <span class=\"k\">?</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">&gt;</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">))</span> <span class=\"k\">:</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>endColIndex <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">))))</span> <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","","                previewRowIndex <span class=\"k\">=</span> <span class=\"k\">!</span>top <span class=\"k\">?</span> <span class=\"k\">(</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">:</span> range<span class=\"k\">.</span>beginRowIndex <span class=\"k\">)</span>","                    <span class=\"k\">:</span> <span class=\"k\">(</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">&lt;</span> <span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">))</span> <span class=\"k\">:</span> range<span class=\"k\">.</span>beginRowIndex<span class=\"k\">);</span>","                previewColIndex <span class=\"k\">=</span> <span class=\"k\">!</span>top <span class=\"k\">?</span> <span class=\"k\">(</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">&lt;</span> <span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">))</span> <span class=\"k\">:</span> range<span class=\"k\">.</span>beginColIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">)</span>","                    <span class=\"k\">:</span> <span class=\"k\">(</span> <span class=\"k\">!</span>len <span class=\"k\">?</span> cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">:</span> range<span class=\"k\">.</span>endColIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>previewRowIndex<span class=\"k\">][</span>previewColIndex<span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>previewRowIndex<span class=\"k\">][</span>previewColIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                showError<span class=\"k\">(</span>e<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#31227;&#21160;&#21333;&#20803;&#26684;&#20013;&#30340;&#20869;&#23481;</span>","<span class=\"c\">         */</span>","        moveContent<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cellTo<span class=\"k\">,</span> cellFrom<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>UETable<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>cellFrom<span class=\"k\">))</span> <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>UETable<span class=\"k\">.</span>isEmptyBlock<span class=\"k\">(</span>cellTo<span class=\"k\">))</span> <span class=\"k\">{</span>","                cellTo<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> cellFrom<span class=\"k\">.</span>innerHTML<span class=\"k\">;</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> child <span class=\"k\">=</span> cellTo<span class=\"k\">.</span>lastChild<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>child<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">||</span> <span class=\"k\">!</span>dtd<span class=\"k\">.</span>$block<span class=\"k\">[</span>child<span class=\"k\">.</span>tagName<span class=\"k\">])</span> <span class=\"k\">{</span>","                cellTo<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>cellTo<span class=\"k\">.</span>ownerDocument<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'br'</span><span class=\"k\">))</span>","            <span class=\"k\">}</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>child <span class=\"k\">=</span> cellFrom<span class=\"k\">.</span>firstChild<span class=\"k\">)</span> <span class=\"k\">{</span>","                cellTo<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>child<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#21521;&#21491;&#21512;&#24182;&#21333;&#20803;&#26684;</span>","<span class=\"c\">         */</span>","        mergeRight<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                rightColIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>colSpan<span class=\"k\">,</span>","                rightCellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">][</span>rightColIndex<span class=\"k\">],</span>","                rightCell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>rightCellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span> rightCellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">);</span>","            <span class=\"c\">//&#21512;&#24182;</span>","            cell<span class=\"k\">.</span>colSpan <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colSpan <span class=\"k\">+</span> rightCellInfo<span class=\"k\">.</span>colSpan<span class=\"k\">;</span>","            <span class=\"c\">//&#34987;&#21512;&#24182;&#30340;&#21333;&#20803;&#26684;&#19981;&#24212;&#23384;&#22312;&#23485;&#24230;&#23646;&#24615;</span>","            cell<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">);</span>","            <span class=\"c\">//&#31227;&#21160;&#20869;&#23481;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>moveContent<span class=\"k\">(</span>cell<span class=\"k\">,</span> rightCell<span class=\"k\">);</span>","            <span class=\"c\">//&#21024;&#25481;&#34987;&#21512;&#24182;&#30340;Cell</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>deleteCell<span class=\"k\">(</span>rightCell<span class=\"k\">,</span> rightCellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#21521;&#19979;&#21512;&#24182;&#21333;&#20803;&#26684;</span>","<span class=\"c\">         */</span>","        mergeDown<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                downRowIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan<span class=\"k\">,</span>","                downCellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>downRowIndex<span class=\"k\">][</span>cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">],</span>","                downCell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>downCellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span> downCellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">);</span>","            cell<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">+</span> downCellInfo<span class=\"k\">.</span>rowSpan<span class=\"k\">;</span>","            cell<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">\"height\"</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>moveContent<span class=\"k\">(</span>cell<span class=\"k\">,</span> downCell<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>deleteCell<span class=\"k\">(</span>downCell<span class=\"k\">,</span> downCellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#21512;&#24182;&#25972;&#20010;range&#20013;&#30340;&#20869;&#23481;</span>","<span class=\"c\">         */</span>","        mergeRange<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#30001;&#20110;&#21512;&#24182;&#25805;&#20316;&#21487;&#20197;&#22312;&#20219;&#24847;&#26102;&#21051;&#36827;&#34892;&#65292;&#25152;&#20197;&#26080;&#27861;&#36890;&#36807;&#40736;&#26631;&#20301;&#32622;&#31561;&#20449;&#24687;&#23454;&#26102;&#29983;&#25104;range&#65292;&#21482;&#33021;&#36890;&#36807;&#32531;&#23384;&#23454;&#20363;&#20013;&#30340;cellsRange&#23545;&#35937;&#26469;&#35775;&#38382;</span>","            <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange<span class=\"k\">,</span>","                leftTopCell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>range<span class=\"k\">.</span>beginRowIndex<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>range<span class=\"k\">.</span>beginRowIndex<span class=\"k\">][</span>range<span class=\"k\">.</span>beginColIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>leftTopCell<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"TH\"</span> <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>endRowIndex <span class=\"k\">!==</span> range<span class=\"k\">.</span>beginRowIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> index <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">,</span>","                    info <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>leftTopCell<span class=\"k\">);</span>","                leftTopCell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span><span class=\"s\">1</span><span class=\"k\">,</span> index<span class=\"k\">[</span><span class=\"s\">1</span><span class=\"k\">][</span>info<span class=\"k\">.</span>colIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">);</span>","                range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellsRange<span class=\"k\">(</span>leftTopCell<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>index<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">][</span>info<span class=\"k\">.</span>colIndex<span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> index<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">][</span>info<span class=\"k\">.</span>colIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">));</span>","            <span class=\"k\">}</span>","","            <span class=\"c\">// &#21024;&#38500;&#21097;&#20313;&#30340;Cells</span>","            <span class=\"k\">var</span> cells <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCells<span class=\"k\">(</span>range<span class=\"k\">);</span>","            <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>cells<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ci <span class=\"k\">!==</span> leftTopCell<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>moveContent<span class=\"k\">(</span>leftTopCell<span class=\"k\">,</span> ci<span class=\"k\">);</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>deleteCell<span class=\"k\">(</span>ci<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"c\">// &#20462;&#25913;&#24038;&#19978;&#35282;Cell&#30340;rowSpan&#21644;colSpan&#65292;&#24182;&#35843;&#25972;&#23485;&#24230;&#23646;&#24615;&#35774;&#32622;</span>","            leftTopCell<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> range<span class=\"k\">.</span>endRowIndex <span class=\"k\">-</span> range<span class=\"k\">.</span>beginRowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            leftTopCell<span class=\"k\">.</span>rowSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> leftTopCell<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">\"height\"</span><span class=\"k\">);</span>","            leftTopCell<span class=\"k\">.</span>colSpan <span class=\"k\">=</span> range<span class=\"k\">.</span>endColIndex <span class=\"k\">-</span> range<span class=\"k\">.</span>beginColIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            leftTopCell<span class=\"k\">.</span>colSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span> <span class=\"k\">&amp;&amp;</span> leftTopCell<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>leftTopCell<span class=\"k\">.</span>rowSpan <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">&amp;&amp;</span> leftTopCell<span class=\"k\">.</span>colSpan <span class=\"k\">!=</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                leftTopCell<span class=\"k\">.</span>colSpan <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>leftTopCell<span class=\"k\">.</span>colSpan <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">&amp;&amp;</span> leftTopCell<span class=\"k\">.</span>rowSpan <span class=\"k\">!=</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> rowIndex <span class=\"k\">=</span> leftTopCell<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>rowIndex<span class=\"k\">;</span>","                <span class=\"c\">//&#35299;&#20915;IE&#19979;&#30340;&#34920;&#26684;&#25805;&#20316;&#38382;&#39064;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>deleteRow <span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> rowIndex<span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">,</span> curIndex<span class=\"k\">=</span>rowIndex<span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">,</span> len<span class=\"k\">=</span>leftTopCell<span class=\"k\">.</span>rowSpan<span class=\"k\">;</span> i <span class=\"k\">&lt;</span> len<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>deleteRow<span class=\"k\">(</span>curIndex<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> len<span class=\"k\">=</span>leftTopCell<span class=\"k\">.</span>rowSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> len<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> row <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span>rowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">];</span>","                        row<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>row<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                leftTopCell<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#25554;&#20837;&#19968;&#34892;&#21333;&#20803;&#26684;</span>","<span class=\"c\">         */</span>","        insertRow<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>rowIndex<span class=\"k\">,</span> sourceCell<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> numCols <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>colsNum<span class=\"k\">,</span>","                table <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">,</span>","                row <span class=\"k\">=</span> table<span class=\"k\">.</span>insertRow<span class=\"k\">(</span>rowIndex<span class=\"k\">),</span> cell<span class=\"k\">,</span>","                width <span class=\"k\">=</span> parseInt<span class=\"k\">((</span>table<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> numCols <span class=\"k\">*</span> <span class=\"s\">20</span> <span class=\"k\">-</span> numCols <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">/</span> numCols<span class=\"k\">,</span> <span class=\"s\">10</span><span class=\"k\">);</span>","            <span class=\"c\">//&#39318;&#34892;&#30452;&#25509;&#25554;&#20837;,&#26080;&#38656;&#32771;&#34385;&#37096;&#20998;&#21333;&#20803;&#26684;&#34987;rowspan&#30340;&#24773;&#20917;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>rowIndex <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">||</span> rowIndex <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> colIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> colIndex <span class=\"k\">&lt;</span> numCols<span class=\"k\">;</span> colIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    cell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cloneCell<span class=\"k\">(</span>sourceCell<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>setCellContent<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                    cell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">,</span> cell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">));</span>","                    row<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> infoRow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">],</span>","                    cellIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span>colIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> colIndex <span class=\"k\">&lt;</span> numCols<span class=\"k\">;</span> colIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> infoRow<span class=\"k\">[</span>colIndex<span class=\"k\">];</span>","                    <span class=\"c\">//&#22914;&#26524;&#23384;&#22312;&#26576;&#20010;&#21333;&#20803;&#26684;&#30340;rowspan&#31359;&#36807;&#24453;&#25554;&#20837;&#34892;&#30340;&#20301;&#32622;&#65292;&#21017;&#20462;&#25913;&#35813;&#21333;&#20803;&#26684;&#30340;rowspan&#21363;&#21487;&#65292;&#26080;&#38656;&#25554;&#20837;&#21333;&#20803;&#26684;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">&lt;</span> rowIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                        cell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span> cellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">);</span>","                        cell<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        cell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cloneCell<span class=\"k\">(</span>sourceCell<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setCellContent<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                        row<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#26694;&#36873;&#26102;&#25554;&#20837;&#19981;&#35302;&#21457;contentchange&#65292;&#38656;&#35201;&#25163;&#21160;&#26356;&#26032;&#32034;&#24341;&#12290;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","            <span class=\"k\">return</span> row<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        <span class=\"c\">/*</span>","<span class=\"c\">         * &#21024;&#38500;&#19968;&#34892;&#21333;&#20803;&#26684;</span>","<span class=\"c\">         * @param rowIndex</span>","<span class=\"c\">         */</span>","        deleteRow<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>rowIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> row <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span>rowIndex<span class=\"k\">],</span>","                infoRow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">],</span>","                colsNum <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>colsNum<span class=\"k\">,</span>","                count <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>     <span class=\"c\">//&#22788;&#29702;&#35745;&#25968;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> colIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> colIndex <span class=\"k\">&lt;</span> colsNum<span class=\"k\">;)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> infoRow<span class=\"k\">[</span>colIndex<span class=\"k\">],</span>","                    cell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span> cellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>rowSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">==</span> rowIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> clone <span class=\"k\">=</span> cell<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        clone<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> cell<span class=\"k\">.</span>rowSpan <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        clone<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","                        cell<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"k\">var</span> nextRowIndex <span class=\"k\">=</span> rowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                            nextRow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span>nextRowIndex<span class=\"k\">],</span>","                            insertCellIndex<span class=\"k\">,</span>","                            preMerged <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getPreviewMergedCellsNum<span class=\"k\">(</span>nextRowIndex<span class=\"k\">,</span> colIndex<span class=\"k\">)</span> <span class=\"k\">-</span> count<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>preMerged <span class=\"k\">&lt;</span> colIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                            insertCellIndex <span class=\"k\">=</span> colIndex <span class=\"k\">-</span> preMerged <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                            <span class=\"c\">//nextRow.insertCell(insertCellIndex);</span>","                            domUtils<span class=\"k\">.</span>insertAfter<span class=\"k\">(</span>nextRow<span class=\"k\">.</span>cells<span class=\"k\">[</span>insertCellIndex<span class=\"k\">],</span> clone<span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>nextRow<span class=\"k\">.</span>cells<span class=\"k\">.</span>length<span class=\"k\">)</span> nextRow<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>clone<span class=\"k\">,</span> nextRow<span class=\"k\">.</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">])</span>","                        <span class=\"k\">}</span>","                        count <span class=\"k\">+=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                        <span class=\"c\">//cell.parentNode.removeChild(cell);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                colIndex <span class=\"k\">+=</span> cell<span class=\"k\">.</span>colSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> deleteTds <span class=\"k\">=</span> <span class=\"k\">[],</span> cacheMap <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span>colIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> colIndex <span class=\"k\">&lt;</span> colsNum<span class=\"k\">;</span> colIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> tmpRowIndex <span class=\"k\">=</span> infoRow<span class=\"k\">[</span>colIndex<span class=\"k\">].</span>rowIndex<span class=\"k\">,</span>","                    tmpCellIndex <span class=\"k\">=</span> infoRow<span class=\"k\">[</span>colIndex<span class=\"k\">].</span>cellIndex<span class=\"k\">,</span>","                    key <span class=\"k\">=</span> tmpRowIndex <span class=\"k\">+</span> <span class=\"s\">\"_\"</span> <span class=\"k\">+</span> tmpCellIndex<span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cacheMap<span class=\"k\">[</span>key<span class=\"k\">])</span><span class=\"k\">continue</span><span class=\"k\">;</span>","                cacheMap<span class=\"k\">[</span>key<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                cell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>tmpRowIndex<span class=\"k\">,</span> tmpCellIndex<span class=\"k\">);</span>","                deleteTds<span class=\"k\">.</span>push<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> mergeTds <span class=\"k\">=</span> <span class=\"k\">[];</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>deleteTds<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>td<span class=\"k\">.</span>rowSpan <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    td<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>td<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    mergeTds<span class=\"k\">.</span>push<span class=\"k\">(</span>td<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>mergeTds<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","                td<span class=\"k\">.</span>rowSpan<span class=\"k\">--;</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            row<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>row<span class=\"k\">);</span>","            <span class=\"c\">//&#27983;&#35272;&#22120;&#26041;&#27861;&#26412;&#36523;&#23384;&#22312;bug,&#37319;&#29992;&#33258;&#23450;&#20041;&#26041;&#27861;&#21024;&#38500;</span>","            <span class=\"c\">//this.table.deleteRow(rowIndex);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        insertCol<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>colIndex<span class=\"k\">,</span> sourceCell<span class=\"k\">,</span> defaultValue<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rowsNum <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum<span class=\"k\">,</span>","                rowIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                tableRow<span class=\"k\">,</span> cell<span class=\"k\">,</span>","                backWidth <span class=\"k\">=</span> parseInt<span class=\"k\">((</span><span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">20</span> <span class=\"k\">-</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">))</span> <span class=\"k\">/</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">),</span> <span class=\"s\">10</span><span class=\"k\">);</span>","","            <span class=\"k\">function</span> replaceTdToTh<span class=\"k\">(</span>rowIndex<span class=\"k\">,</span> cell<span class=\"k\">,</span> tableRow<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>rowIndex <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> th <span class=\"k\">=</span> cell<span class=\"k\">.</span>nextSibling <span class=\"k\">||</span> cell<span class=\"k\">.</span>previousSibling<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>th<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TH'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        th <span class=\"k\">=</span> cell<span class=\"k\">.</span>ownerDocument<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"th\"</span><span class=\"k\">);</span>","                        th<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>cell<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                        tableRow<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>th<span class=\"k\">,</span> cell<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>cell<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TH'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> td <span class=\"k\">=</span> cell<span class=\"k\">.</span>ownerDocument<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">\"td\"</span><span class=\"k\">);</span>","                        td<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>cell<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                        tableRow<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>td<span class=\"k\">,</span> cell<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>cell<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">var</span> preCell<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>colIndex <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">||</span> colIndex <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>colsNum<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(;</span> rowIndex <span class=\"k\">&lt;</span> rowsNum<span class=\"k\">;</span> rowIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    tableRow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span>rowIndex<span class=\"k\">];</span>","                    preCell <span class=\"k\">=</span> tableRow<span class=\"k\">.</span>cells<span class=\"k\">[</span>colIndex <span class=\"k\">==</span> <span class=\"s\">0</span> <span class=\"k\">?</span> colIndex <span class=\"k\">:</span> tableRow<span class=\"k\">.</span>cells<span class=\"k\">.</span>length<span class=\"k\">];</span>","                    cell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cloneCell<span class=\"k\">(</span>sourceCell<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span> <span class=\"c\">//tableRow.insertCell(colIndex == 0 ? colIndex : tableRow.cells.length);</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>setCellContent<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                    cell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">,</span> cell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">));</span>","                    preCell <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">,</span> preCell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">));</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>colIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                        tableRow<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>cell<span class=\"k\">,</span> tableRow<span class=\"k\">.</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>insertAfter<span class=\"k\">(</span>tableRow<span class=\"k\">.</span>cells<span class=\"k\">[</span>tableRow<span class=\"k\">.</span>cells<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">],</span> cell<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    replaceTdToTh<span class=\"k\">(</span>rowIndex<span class=\"k\">,</span> cell<span class=\"k\">,</span> tableRow<span class=\"k\">)</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(;</span> rowIndex <span class=\"k\">&lt;</span> rowsNum<span class=\"k\">;</span> rowIndex<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">][</span>colIndex<span class=\"k\">];</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">&lt;</span> colIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","                        cell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span> cellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">);</span>","                        cell<span class=\"k\">.</span>colSpan <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colSpan <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        tableRow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span>rowIndex<span class=\"k\">];</span>","                        preCell <span class=\"k\">=</span> tableRow<span class=\"k\">.</span>cells<span class=\"k\">[</span>cellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">];</span>","","                        cell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cloneCell<span class=\"k\">(</span>sourceCell<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span><span class=\"c\">//tableRow.insertCell(cellInfo.cellIndex);</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setCellContent<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                        cell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">,</span> cell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">));</span>","                        preCell <span class=\"k\">&amp;&amp;</span> cell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">,</span> preCell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">));</span>","                        <span class=\"c\">//&#38450;&#27490;IE&#19979;&#25253;&#38169;</span>","                        preCell <span class=\"k\">?</span> tableRow<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>cell<span class=\"k\">,</span> preCell<span class=\"k\">)</span> <span class=\"k\">:</span> tableRow<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    replaceTdToTh<span class=\"k\">(</span>rowIndex<span class=\"k\">,</span> cell<span class=\"k\">,</span> tableRow<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//&#26694;&#36873;&#26102;&#25554;&#20837;&#19981;&#35302;&#21457;contentchange&#65292;&#38656;&#35201;&#25163;&#21160;&#26356;&#26032;&#32034;&#24341;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>updateWidth<span class=\"k\">(</span>backWidth<span class=\"k\">,</span> defaultValue <span class=\"k\">||</span> <span class=\"k\">{</span>tdPadding<span class=\"k\">:</span><span class=\"s\">10</span><span class=\"k\">,</span> tdBorder<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        updateWidth<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>width<span class=\"k\">,</span> defaultValue<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">,</span>","                tmpWidth <span class=\"k\">=</span> UETable<span class=\"k\">.</span>getWidth<span class=\"k\">(</span>table<span class=\"k\">)</span> <span class=\"k\">-</span> defaultValue<span class=\"k\">.</span>tdPadding <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">-</span> defaultValue<span class=\"k\">.</span>tdBorder <span class=\"k\">+</span> width<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>tmpWidth <span class=\"k\">&lt;</span> table<span class=\"k\">.</span>ownerDocument<span class=\"k\">.</span>body<span class=\"k\">.</span>offsetWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","                table<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">,</span> tmpWidth<span class=\"k\">);</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> tds <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">,</span> <span class=\"s\">\"td\"</span><span class=\"k\">);</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>tds<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>td<span class=\"k\">)</span> <span class=\"k\">{</span>","                td<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">,</span> width<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        deleteCol<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>colIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> indexTable <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">,</span>","                tableRows <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">,</span>","                backTableWidth <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">),</span>","                backTdWidth <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                rowsNum <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum<span class=\"k\">,</span>","                cacheMap <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> rowIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> rowIndex <span class=\"k\">&lt;</span> rowsNum<span class=\"k\">;)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> infoRow <span class=\"k\">=</span> indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">],</span>","                    cellInfo <span class=\"k\">=</span> infoRow<span class=\"k\">[</span>colIndex<span class=\"k\">],</span>","                    key <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> <span class=\"s\">'_'</span> <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">;</span>","                <span class=\"c\">// &#36339;&#36807;&#24050;&#32463;&#22788;&#29702;&#36807;&#30340;Cell</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cacheMap<span class=\"k\">[</span>key<span class=\"k\">])</span><span class=\"k\">continue</span><span class=\"k\">;</span>","                cacheMap<span class=\"k\">[</span>key<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">var</span> cell <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span> cellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>backTdWidth<span class=\"k\">)</span> backTdWidth <span class=\"k\">=</span> cell <span class=\"k\">&amp;&amp;</span> parseInt<span class=\"k\">(</span>cell<span class=\"k\">.</span>offsetWidth <span class=\"k\">/</span> cell<span class=\"k\">.</span>colSpan<span class=\"k\">,</span> <span class=\"s\">10</span><span class=\"k\">).</span>toFixed<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">);</span>","                <span class=\"c\">// &#22914;&#26524;Cell&#30340;colSpan&#22823;&#20110;1, &#23601;&#20462;&#25913;colSpan, &#21542;&#21017;&#23601;&#21024;&#25481;&#36825;&#20010;Cell</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>colSpan <span class=\"k\">&gt;</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    cell<span class=\"k\">.</span>colSpan<span class=\"k\">--;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    tableRows<span class=\"k\">[</span>rowIndex<span class=\"k\">].</span>deleteCell<span class=\"k\">(</span>cellInfo<span class=\"k\">.</span>cellIndex<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                rowIndex <span class=\"k\">+=</span> cellInfo<span class=\"k\">.</span>rowSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">,</span> backTableWidth <span class=\"k\">-</span> backTdWidth<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        splitToCells<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                cells <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>splitToRows<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>cells<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>splitToCols<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        splitToRows<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                rowIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span>","                colIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">,</span>","                results <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"c\">// &#20462;&#25913;Cell&#30340;rowSpan</span>","            cell<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            results<span class=\"k\">.</span>push<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            <span class=\"c\">// &#34917;&#40784;&#21333;&#20803;&#26684;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> rowIndex<span class=\"k\">,</span> endRow <span class=\"k\">=</span> rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan<span class=\"k\">;</span> i <span class=\"k\">&lt;</span> endRow<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>i <span class=\"k\">==</span> rowIndex<span class=\"k\">)</span><span class=\"k\">continue</span><span class=\"k\">;</span>","                <span class=\"k\">var</span> tableRow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span>i<span class=\"k\">],</span>","                    tmpCell <span class=\"k\">=</span> tableRow<span class=\"k\">.</span>insertCell<span class=\"k\">(</span>colIndex <span class=\"k\">-</span> <span class=\"k\">this</span><span class=\"k\">.</span>getPreviewMergedCellsNum<span class=\"k\">(</span>i<span class=\"k\">,</span> colIndex<span class=\"k\">));</span>","                tmpCell<span class=\"k\">.</span>colSpan <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colSpan<span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>setCellContent<span class=\"k\">(</span>tmpCell<span class=\"k\">);</span>","                tmpCell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">,</span> cell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">));</span>","                tmpCell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">,</span> cell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">));</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">)</span> <span class=\"k\">{</span>","                    tmpCell<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> cell<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                results<span class=\"k\">.</span>push<span class=\"k\">(</span>tmpCell<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","            <span class=\"k\">return</span> results<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getPreviewMergedCellsNum<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>rowIndex<span class=\"k\">,</span> colIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> indexRow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">],</span>","                num <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> colIndex<span class=\"k\">;)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> colSpan <span class=\"k\">=</span> indexRow<span class=\"k\">[</span>i<span class=\"k\">].</span>colSpan<span class=\"k\">,</span>","                    tmpRowIndex <span class=\"k\">=</span> indexRow<span class=\"k\">[</span>i<span class=\"k\">].</span>rowIndex<span class=\"k\">;</span>","                num <span class=\"k\">+=</span> <span class=\"k\">(</span>colSpan <span class=\"k\">-</span> <span class=\"k\">(</span>tmpRowIndex <span class=\"k\">==</span> rowIndex <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">));</span>","                i <span class=\"k\">+=</span> colSpan<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> num<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        splitToCols<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> backWidth <span class=\"k\">=</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>offsetWidth <span class=\"k\">/</span> cell<span class=\"k\">.</span>colSpan <span class=\"k\">-</span> <span class=\"s\">22</span><span class=\"k\">).</span>toFixed<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">),</span>","","                cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">),</span>","                rowIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">,</span>","                colIndex <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>colIndex<span class=\"k\">,</span>","                results <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"c\">// &#20462;&#25913;Cell&#30340;rowSpan</span>","            cell<span class=\"k\">.</span>colSpan <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            cell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"width\"</span><span class=\"k\">,</span> backWidth<span class=\"k\">);</span>","            results<span class=\"k\">.</span>push<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            <span class=\"c\">// &#34917;&#40784;&#21333;&#20803;&#26684;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> colIndex<span class=\"k\">,</span> endCol <span class=\"k\">=</span> colIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>colSpan<span class=\"k\">;</span> j <span class=\"k\">&lt;</span> endCol<span class=\"k\">;</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>j <span class=\"k\">==</span> colIndex<span class=\"k\">)</span><span class=\"k\">continue</span><span class=\"k\">;</span>","                <span class=\"k\">var</span> tableRow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>rows<span class=\"k\">[</span>rowIndex<span class=\"k\">],</span>","                    tmpCell <span class=\"k\">=</span> tableRow<span class=\"k\">.</span>insertCell<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">][</span>j<span class=\"k\">].</span>cellIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                tmpCell<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> cellInfo<span class=\"k\">.</span>rowSpan<span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>setCellContent<span class=\"k\">(</span>tmpCell<span class=\"k\">);</span>","                tmpCell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">,</span> cell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">));</span>","                tmpCell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">,</span> cell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'align'</span><span class=\"k\">));</span>","                tmpCell<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">,</span> backWidth<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">)</span> <span class=\"k\">{</span>","                    tmpCell<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> cell<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"c\">//&#22788;&#29702;th&#30340;&#24773;&#20917;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'TH'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> th <span class=\"k\">=</span> cell<span class=\"k\">.</span>ownerDocument<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'th'</span><span class=\"k\">);</span>","                    th<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpCell<span class=\"k\">.</span>firstChild<span class=\"k\">);</span>","                    th<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">,</span> cell<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'vAlign'</span><span class=\"k\">));</span>","                    th<span class=\"k\">.</span>rowSpan <span class=\"k\">=</span> tmpCell<span class=\"k\">.</span>rowSpan<span class=\"k\">;</span>","                    tableRow<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>th<span class=\"k\">,</span> tmpCell<span class=\"k\">);</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpCell<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                results<span class=\"k\">.</span>push<span class=\"k\">(</span>tmpCell<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","            <span class=\"k\">return</span> results<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        isLastCell<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">,</span> rowsNum<span class=\"k\">,</span> colsNum<span class=\"k\">)</span> <span class=\"k\">{</span>","            rowsNum <span class=\"k\">=</span> rowsNum <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum<span class=\"k\">;</span>","            colsNum <span class=\"k\">=</span> colsNum <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>colsNum<span class=\"k\">;</span>","            <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">((</span>cellInfo<span class=\"k\">.</span>rowIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>rowSpan<span class=\"k\">)</span> <span class=\"k\">==</span> rowsNum<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span>","                <span class=\"k\">((</span>cellInfo<span class=\"k\">.</span>colIndex <span class=\"k\">+</span> cellInfo<span class=\"k\">.</span>colSpan<span class=\"k\">)</span> <span class=\"k\">==</span> colsNum<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getLastCell<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cells<span class=\"k\">)</span> <span class=\"k\">{</span>","            cells <span class=\"k\">=</span> cells <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"td\"</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> firstInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]);</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span> last <span class=\"k\">=</span> cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span>","                tr <span class=\"k\">=</span> last<span class=\"k\">.</span>parentNode<span class=\"k\">,</span>","                cellsNum <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cols <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> rows<span class=\"k\">;</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>cells<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>cell<span class=\"k\">.</span>parentNode <span class=\"k\">==</span> tr<span class=\"k\">)</span>cols <span class=\"k\">+=</span> cell<span class=\"k\">.</span>colSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                cellsNum <span class=\"k\">+=</span> cell<span class=\"k\">.</span>rowSpan <span class=\"k\">*</span> cell<span class=\"k\">.</span>colSpan <span class=\"k\">||</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            rows <span class=\"k\">=</span> cellsNum <span class=\"k\">/</span> cols<span class=\"k\">;</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>cells<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>isLastCell<span class=\"k\">(</span>cell<span class=\"k\">,</span> rows<span class=\"k\">,</span> cols<span class=\"k\">))</span> <span class=\"k\">{</span>","                    last <span class=\"k\">=</span> cell<span class=\"k\">;</span>","                    <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> last<span class=\"k\">;</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        selectRow<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>rowIndex<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> indexRow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexTable<span class=\"k\">[</span>rowIndex<span class=\"k\">],</span>","                start <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>indexRow<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> indexRow<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>cellIndex<span class=\"k\">),</span>","                end <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCell<span class=\"k\">(</span>indexRow<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">].</span>rowIndex<span class=\"k\">,</span> indexRow<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>colsNum <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">].</span>cellIndex<span class=\"k\">),</span>","                range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellsRange<span class=\"k\">(</span>start<span class=\"k\">,</span> end<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>setSelected<span class=\"k\">(</span>range<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        selectTable<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> tds <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"td\"</span><span class=\"k\">),</span>","                range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellsRange<span class=\"k\">(</span>tds<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">],</span> tds<span class=\"k\">[</span>tds<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">]);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>setSelected<span class=\"k\">(</span>range<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        sortTable<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>sortByCellIndex<span class=\"k\">,</span> compareFn<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> table <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>table<span class=\"k\">,</span>","                rows <span class=\"k\">=</span> table<span class=\"k\">.</span>rows<span class=\"k\">,</span>","                trArray <span class=\"k\">=</span> <span class=\"k\">[],</span>","                flag <span class=\"k\">=</span> rows<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>tagName <span class=\"k\">===</span> <span class=\"s\">\"TH\"</span><span class=\"k\">,</span>","                lastRowIndex <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>selectedTds<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>cellsRange<span class=\"k\">,</span>","                    len <span class=\"k\">=</span> range<span class=\"k\">.</span>endRowIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> range<span class=\"k\">.</span>beginRowIndex<span class=\"k\">;</span> i <span class=\"k\">&lt;</span> len<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    trArray<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> rows<span class=\"k\">[</span>i<span class=\"k\">];</span>","                <span class=\"k\">}</span>","                trArray<span class=\"k\">.</span>splice<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span>range<span class=\"k\">.</span>beginRowIndex<span class=\"k\">);</span>","                lastRowIndex <span class=\"k\">=</span> <span class=\"k\">(</span>range<span class=\"k\">.</span>endRowIndex <span class=\"k\">+</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">this</span><span class=\"k\">.</span>rowsNum <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> range<span class=\"k\">.</span>endRowIndex <span class=\"k\">+</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>len <span class=\"k\">=</span> rows<span class=\"k\">.</span>length<span class=\"k\">;</span> i <span class=\"k\">&lt;</span> len<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    trArray<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> rows<span class=\"k\">[</span>i<span class=\"k\">];</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"c\">//th&#19981;&#21442;&#19982;&#25490;&#24207;</span>","            flag <span class=\"k\">&amp;&amp;</span> trArray<span class=\"k\">.</span>splice<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"s\">1</span><span class=\"k\">);</span>","            trArray <span class=\"k\">=</span> utils<span class=\"k\">.</span>sort<span class=\"k\">(</span>trArray<span class=\"k\">,</span><span class=\"k\">function</span> <span class=\"k\">(</span>tr1<span class=\"k\">,</span> tr2<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> txt <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> node<span class=\"k\">.</span>innerText<span class=\"k\">||</span>node<span class=\"k\">.</span>textContent<span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">return</span> compareFn <span class=\"k\">?</span> <span class=\"k\">(</span><span class=\"k\">typeof</span> compareFn <span class=\"k\">===</span> <span class=\"s\">\"number\"</span> <span class=\"k\">?</span> compareFn <span class=\"k\">:</span> compareFn<span class=\"k\">.</span>call<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> tr1<span class=\"k\">.</span>cells<span class=\"k\">[</span>sortByCellIndex<span class=\"k\">],</span> tr2<span class=\"k\">.</span>cells<span class=\"k\">[</span>sortByCellIndex<span class=\"k\">]))</span> <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> value1 <span class=\"k\">=</span> txt<span class=\"k\">(</span>tr1<span class=\"k\">.</span>cells<span class=\"k\">[</span>sortByCellIndex<span class=\"k\">]),</span>","                        value2 <span class=\"k\">=</span> txt<span class=\"k\">(</span>tr2<span class=\"k\">.</span>cells<span class=\"k\">[</span>sortByCellIndex<span class=\"k\">]);</span>","                    <span class=\"k\">return</span> value1<span class=\"k\">.</span>localeCompare<span class=\"k\">(</span>value2<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> fragment <span class=\"k\">=</span> table<span class=\"k\">.</span>ownerDocument<span class=\"k\">.</span>createDocumentFragment<span class=\"k\">();</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> len <span class=\"k\">=</span> trArray<span class=\"k\">.</span>length<span class=\"k\">;</span> j <span class=\"k\">&lt;</span> len<span class=\"k\">;</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","                fragment<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>trArray<span class=\"k\">[</span>j<span class=\"k\">]);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> tbody <span class=\"k\">=</span> table<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"tbody\"</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">];</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>lastRowIndex<span class=\"k\">)</span><span class=\"k\">{</span>","                tbody<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>fragment<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                tbody<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>fragment<span class=\"k\">,</span>rows<span class=\"k\">[</span>lastRowIndex<span class=\"k\">-</span> range<span class=\"k\">.</span>endRowIndex <span class=\"k\">+</span> range<span class=\"k\">.</span>beginRowIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">])</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setBackground<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cells<span class=\"k\">,</span> value<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">typeof</span> value <span class=\"k\">===</span> <span class=\"s\">\"string\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>cells<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                    cell<span class=\"k\">.</span>style<span class=\"k\">.</span>backgroundColor <span class=\"k\">=</span> value<span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">)</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">typeof</span> value <span class=\"k\">===</span> <span class=\"s\">\"object\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                value <span class=\"k\">=</span> utils<span class=\"k\">.</span>extend<span class=\"k\">(</span><span class=\"k\">{</span>","                    repeat<span class=\"k\">:</span><span class=\"k\">true</span><span class=\"k\">,</span>","                    colorList<span class=\"k\">:[</span><span class=\"s\">\"#ddd\"</span><span class=\"k\">,</span> <span class=\"s\">\"#fff\"</span><span class=\"k\">]</span>","                <span class=\"k\">}</span><span class=\"k\">,</span> value<span class=\"k\">);</span>","                <span class=\"k\">var</span> rowIndex <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cells<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">]).</span>rowIndex<span class=\"k\">,</span>","                    count <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                    colors <span class=\"k\">=</span> value<span class=\"k\">.</span>colorList<span class=\"k\">,</span>","                    getColor <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>list<span class=\"k\">,</span> index<span class=\"k\">,</span> repeat<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> list<span class=\"k\">[</span>index<span class=\"k\">]</span> <span class=\"k\">?</span> list<span class=\"k\">[</span>index<span class=\"k\">]</span> <span class=\"k\">:</span> repeat <span class=\"k\">?</span> list<span class=\"k\">[</span>index <span class=\"k\">%</span> list<span class=\"k\">.</span>length<span class=\"k\">]</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cell<span class=\"k\">;</span> cell <span class=\"k\">=</span> cells<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> cellInfo <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getCellInfo<span class=\"k\">(</span>cell<span class=\"k\">);</span>","                    cell<span class=\"k\">.</span>style<span class=\"k\">.</span>backgroundColor <span class=\"k\">=</span> getColor<span class=\"k\">(</span>colors<span class=\"k\">,</span> <span class=\"k\">((</span>rowIndex <span class=\"k\">+</span> count<span class=\"k\">)</span> <span class=\"k\">==</span> cellInfo<span class=\"k\">.</span>rowIndex<span class=\"k\">)</span> <span class=\"k\">?</span> count <span class=\"k\">:</span> <span class=\"k\">++</span>count<span class=\"k\">,</span> value<span class=\"k\">.</span>repeat<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        removeBackground<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cells<span class=\"k\">)</span> <span class=\"k\">{</span>","            utils<span class=\"k\">.</span>each<span class=\"k\">(</span>cells<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cell<span class=\"k\">)</span> <span class=\"k\">{</span>","                cell<span class=\"k\">.</span>style<span class=\"k\">.</span>backgroundColor <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span>","","","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">function</span> showError<span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['plugins/table.core.js'][13]++;
+(function () {
+  _$jscoverage['plugins/table.core.js'][14]++;
+  var UETable = (UE.UETable = (function (table) {
+  _$jscoverage['plugins/table.core.js'][15]++;
+  this.table = table;
+  _$jscoverage['plugins/table.core.js'][16]++;
+  this.indexTable = [];
+  _$jscoverage['plugins/table.core.js'][17]++;
+  this.selectedTds = [];
+  _$jscoverage['plugins/table.core.js'][18]++;
+  this.cellsRange = {};
+  _$jscoverage['plugins/table.core.js'][19]++;
+  this.update(table);
+}));
+  _$jscoverage['plugins/table.core.js'][23]++;
+  UETable.removeSelectedClass = (function (cells) {
+  _$jscoverage['plugins/table.core.js'][24]++;
+  utils.each(cells, (function (cell) {
+  _$jscoverage['plugins/table.core.js'][25]++;
+  domUtils.removeClasses(cell, "selectTdClass");
+}));
+});
+  _$jscoverage['plugins/table.core.js'][28]++;
+  UETable.addSelectedClass = (function (cells) {
+  _$jscoverage['plugins/table.core.js'][29]++;
+  utils.each(cells, (function (cell) {
+  _$jscoverage['plugins/table.core.js'][30]++;
+  domUtils.addClass(cell, "selectTdClass");
+}));
+});
+  _$jscoverage['plugins/table.core.js'][33]++;
+  UETable.isEmptyBlock = (function (node) {
+  _$jscoverage['plugins/table.core.js'][34]++;
+  var reg = new RegExp(domUtils.fillChar, "g");
+  _$jscoverage['plugins/table.core.js'][35]++;
+  if ((node[(browser.ie? "innerText": "textContent")].replace(/^\s*$/, "").replace(reg, "").length > 0)) {
+    _$jscoverage['plugins/table.core.js'][36]++;
+    return 0;
+  }
+  _$jscoverage['plugins/table.core.js'][38]++;
+  for (var i in dtd.$isNotEmpty) {
+    _$jscoverage['plugins/table.core.js'][38]++;
+    if (dtd.$isNotEmpty.hasOwnProperty(i)) {
+      _$jscoverage['plugins/table.core.js'][39]++;
+      if (node.getElementsByTagName(i).length) {
+        _$jscoverage['plugins/table.core.js'][40]++;
+        return 0;
+      }
+    }
+}
+  _$jscoverage['plugins/table.core.js'][43]++;
+  return 1;
+});
+  _$jscoverage['plugins/table.core.js'][45]++;
+  UETable.getWidth = (function (cell) {
+  _$jscoverage['plugins/table.core.js'][46]++;
+  if ((! cell)) {
+    _$jscoverage['plugins/table.core.js'][46]++;
+    return 0;
+  }
+  _$jscoverage['plugins/table.core.js'][47]++;
+  return parseInt(domUtils.getComputedStyle(cell, "width"), 10);
+});
+  _$jscoverage['plugins/table.core.js'][56]++;
+  UETable.getTableCellAlignState = (function (cells) {
+  _$jscoverage['plugins/table.core.js'][58]++;
+  ((! utils.isArray(cells)) && (cells = [cells]));
+  _$jscoverage['plugins/table.core.js'][60]++;
+  var result = {}, status = ["align", "valign"], tempStatus = null, isSame = true;
+  _$jscoverage['plugins/table.core.js'][65]++;
+  utils.each(cells, (function (cellNode) {
+  _$jscoverage['plugins/table.core.js'][67]++;
+  utils.each(status, (function (currentState) {
+  _$jscoverage['plugins/table.core.js'][69]++;
+  tempStatus = cellNode.getAttribute(currentState);
+  _$jscoverage['plugins/table.core.js'][71]++;
+  if (((! result[currentState]) && tempStatus)) {
+    _$jscoverage['plugins/table.core.js'][72]++;
+    result[currentState] = tempStatus;
+  }
+  else {
+    _$jscoverage['plugins/table.core.js'][73]++;
+    if (((! result[currentState]) || (tempStatus !== result[currentState]))) {
+      _$jscoverage['plugins/table.core.js'][74]++;
+      isSame = false;
+      _$jscoverage['plugins/table.core.js'][75]++;
+      return false;
+    }
+  }
+}));
+  _$jscoverage['plugins/table.core.js'][80]++;
+  return isSame;
+}));
+  _$jscoverage['plugins/table.core.js'][84]++;
+  return (isSame? result: null);
+});
+  _$jscoverage['plugins/table.core.js'][92]++;
+  UETable.getTableItemsByRange = (function (editor) {
+  _$jscoverage['plugins/table.core.js'][93]++;
+  var start = editor.selection.getStart();
+  _$jscoverage['plugins/table.core.js'][96]++;
+  if ((start && start.id && (start.id.indexOf("_baidu_bookmark_start_") === 0))) {
+    _$jscoverage['plugins/table.core.js'][97]++;
+    start = start.nextSibling;
+  }
+  _$jscoverage['plugins/table.core.js'][101]++;
+  var cell = (start && domUtils.findParentByTagName(start, ["td", "th"], true)), tr = (cell && cell.parentNode), caption = (start && domUtils.findParentByTagName(start, "caption", true)), table = (caption? caption.parentNode: (tr && tr.parentNode.parentNode));
+  _$jscoverage['plugins/table.core.js'][106]++;
+  return ({cell: cell, tr: tr, table: table, caption: caption});
+});
+  _$jscoverage['plugins/table.core.js'][113]++;
+  UETable.getUETableBySelected = (function (editor) {
+  _$jscoverage['plugins/table.core.js'][114]++;
+  var table = UETable.getTableItemsByRange(editor).table;
+  _$jscoverage['plugins/table.core.js'][115]++;
+  if ((table && table.ueTable && table.ueTable.selectedTds.length)) {
+    _$jscoverage['plugins/table.core.js'][116]++;
+    return table.ueTable;
+  }
+  _$jscoverage['plugins/table.core.js'][118]++;
+  return null;
+});
+  _$jscoverage['plugins/table.core.js'][121]++;
+  UETable.getDefaultValue = (function (editor, table) {
+  _$jscoverage['plugins/table.core.js'][122]++;
+  var borderMap = {thin: "0px", medium: "1px", thick: "2px"}, tableBorder, tdPadding, tdBorder, tmpValue;
+  _$jscoverage['plugins/table.core.js'][128]++;
+  if ((! table)) {
+    _$jscoverage['plugins/table.core.js'][129]++;
+    table = editor.document.createElement("table");
+    _$jscoverage['plugins/table.core.js'][130]++;
+    table.insertRow(0).insertCell(0).innerHTML = "xxx";
+    _$jscoverage['plugins/table.core.js'][131]++;
+    editor.body.appendChild(table);
+    _$jscoverage['plugins/table.core.js'][132]++;
+    var td = table.getElementsByTagName("td")[0];
+    _$jscoverage['plugins/table.core.js'][133]++;
+    tmpValue = domUtils.getComputedStyle(table, "border-left-width");
+    _$jscoverage['plugins/table.core.js'][134]++;
+    tableBorder = parseInt((borderMap[tmpValue] || tmpValue), 10);
+    _$jscoverage['plugins/table.core.js'][135]++;
+    tmpValue = domUtils.getComputedStyle(td, "padding-left");
+    _$jscoverage['plugins/table.core.js'][136]++;
+    tdPadding = parseInt((borderMap[tmpValue] || tmpValue), 10);
+    _$jscoverage['plugins/table.core.js'][137]++;
+    tmpValue = domUtils.getComputedStyle(td, "border-left-width");
+    _$jscoverage['plugins/table.core.js'][138]++;
+    tdBorder = parseInt((borderMap[tmpValue] || tmpValue), 10);
+    _$jscoverage['plugins/table.core.js'][139]++;
+    domUtils.remove(table);
+    _$jscoverage['plugins/table.core.js'][140]++;
+    return ({tableBorder: tableBorder, tdPadding: tdPadding, tdBorder: tdBorder});
+  }
+  else {
+    _$jscoverage['plugins/table.core.js'][146]++;
+    td = table.getElementsByTagName("td")[0];
+    _$jscoverage['plugins/table.core.js'][147]++;
+    tmpValue = domUtils.getComputedStyle(table, "border-left-width");
+    _$jscoverage['plugins/table.core.js'][148]++;
+    tableBorder = parseInt((borderMap[tmpValue] || tmpValue), 10);
+    _$jscoverage['plugins/table.core.js'][149]++;
+    tmpValue = domUtils.getComputedStyle(td, "padding-left");
+    _$jscoverage['plugins/table.core.js'][150]++;
+    tdPadding = parseInt((borderMap[tmpValue] || tmpValue), 10);
+    _$jscoverage['plugins/table.core.js'][151]++;
+    tmpValue = domUtils.getComputedStyle(td, "border-left-width");
+    _$jscoverage['plugins/table.core.js'][152]++;
+    tdBorder = parseInt((borderMap[tmpValue] || tmpValue), 10);
+    _$jscoverage['plugins/table.core.js'][153]++;
+    return ({tableBorder: tableBorder, tdPadding: tdPadding, tdBorder: tdBorder});
+  }
+});
+  _$jscoverage['plugins/table.core.js'][164]++;
+  UETable.getUETable = (function (tdOrTable) {
+  _$jscoverage['plugins/table.core.js'][165]++;
+  var tag = tdOrTable.tagName.toLowerCase();
+  _$jscoverage['plugins/table.core.js'][166]++;
+  tdOrTable = (((tag == "td") || (tag == "th") || (tag == "caption"))? domUtils.findParentByTagName(tdOrTable, "table", true): tdOrTable);
+  _$jscoverage['plugins/table.core.js'][167]++;
+  if ((! tdOrTable.ueTable)) {
+    _$jscoverage['plugins/table.core.js'][168]++;
+    tdOrTable.ueTable = new UETable(tdOrTable);
+  }
+  _$jscoverage['plugins/table.core.js'][170]++;
+  return tdOrTable.ueTable;
+});
+  _$jscoverage['plugins/table.core.js'][173]++;
+  UETable.cloneCell = (function (cell, ignoreMerge, keepPro) {
+  _$jscoverage['plugins/table.core.js'][174]++;
+  if (((! cell) || utils.isString(cell))) {
+    _$jscoverage['plugins/table.core.js'][175]++;
+    return this.table.ownerDocument.createElement((cell || "td"));
+  }
+  _$jscoverage['plugins/table.core.js'][177]++;
+  var flag = domUtils.hasClass(cell, "selectTdClass");
+  _$jscoverage['plugins/table.core.js'][178]++;
+  (flag && domUtils.removeClasses(cell, "selectTdClass"));
+  _$jscoverage['plugins/table.core.js'][179]++;
+  var tmpCell = cell.cloneNode(true);
+  _$jscoverage['plugins/table.core.js'][180]++;
+  if (ignoreMerge) {
+    _$jscoverage['plugins/table.core.js'][181]++;
+    tmpCell.rowSpan = (tmpCell.colSpan = 1);
+  }
+  _$jscoverage['plugins/table.core.js'][184]++;
+  ((! keepPro) && domUtils.removeAttributes(tmpCell, "width height"));
+  _$jscoverage['plugins/table.core.js'][185]++;
+  ((! keepPro) && domUtils.removeAttributes(tmpCell, "style"));
+  _$jscoverage['plugins/table.core.js'][187]++;
+  tmpCell.style.borderLeftStyle = "";
+  _$jscoverage['plugins/table.core.js'][188]++;
+  tmpCell.style.borderTopStyle = "";
+  _$jscoverage['plugins/table.core.js'][189]++;
+  tmpCell.style.borderLeftColor = cell.style.borderRightColor;
+  _$jscoverage['plugins/table.core.js'][190]++;
+  tmpCell.style.borderLeftWidth = cell.style.borderRightWidth;
+  _$jscoverage['plugins/table.core.js'][191]++;
+  tmpCell.style.borderTopColor = cell.style.borderBottomColor;
+  _$jscoverage['plugins/table.core.js'][192]++;
+  tmpCell.style.borderTopWidth = cell.style.borderBottomWidth;
+  _$jscoverage['plugins/table.core.js'][193]++;
+  (flag && domUtils.addClass(cell, "selectTdClass"));
+  _$jscoverage['plugins/table.core.js'][194]++;
+  return tmpCell;
+});
+  _$jscoverage['plugins/table.core.js'][197]++;
+  UETable.prototype = {getMaxRows: (function () {
+  _$jscoverage['plugins/table.core.js'][199]++;
+  var rows = this.table.rows, maxLen = 1;
+  _$jscoverage['plugins/table.core.js'][200]++;
+  for (var i = 0, row; (row = rows[i]); (i++)) {
+    _$jscoverage['plugins/table.core.js'][201]++;
+    var currentMax = 1;
+    _$jscoverage['plugins/table.core.js'][202]++;
+    for (var j = 0, cj; (cj = row.cells[(j++)]);) {
+      _$jscoverage['plugins/table.core.js'][203]++;
+      currentMax = Math.max((cj.rowSpan || 1), currentMax);
+}
+    _$jscoverage['plugins/table.core.js'][205]++;
+    maxLen = Math.max((currentMax + i), maxLen);
+}
+  _$jscoverage['plugins/table.core.js'][207]++;
+  return maxLen;
+}), getMaxCols: (function () {
+  _$jscoverage['plugins/table.core.js'][213]++;
+  var rows = this.table.rows, maxLen = 0, cellRows = {};
+  _$jscoverage['plugins/table.core.js'][214]++;
+  for (var i = 0, row; (row = rows[i]); (i++)) {
+    _$jscoverage['plugins/table.core.js'][215]++;
+    var cellsNum = 0;
+    _$jscoverage['plugins/table.core.js'][216]++;
+    for (var j = 0, cj; (cj = row.cells[(j++)]);) {
+      _$jscoverage['plugins/table.core.js'][217]++;
+      cellsNum += (cj.colSpan || 1);
+      _$jscoverage['plugins/table.core.js'][218]++;
+      if ((cj.rowSpan && (cj.rowSpan > 1))) {
+        _$jscoverage['plugins/table.core.js'][219]++;
+        for (var k = 1; (k < cj.rowSpan); (k++)) {
+          _$jscoverage['plugins/table.core.js'][220]++;
+          if ((! cellRows[("row_" + (i + k))])) {
+            _$jscoverage['plugins/table.core.js'][221]++;
+            cellRows[("row_" + (i + k))] = (cj.colSpan || 1);
+          }
+          else {
+            _$jscoverage['plugins/table.core.js'][223]++;
+            (cellRows[("row_" + (i + k))]++);
+          }
+}
+      }
+}
+    _$jscoverage['plugins/table.core.js'][229]++;
+    cellsNum += (cellRows[("row_" + i)] || 0);
+    _$jscoverage['plugins/table.core.js'][230]++;
+    maxLen = Math.max(cellsNum, maxLen);
+}
+  _$jscoverage['plugins/table.core.js'][232]++;
+  return maxLen;
+}), getCellColIndex: (function (cell) {
+}), getHSideCell: (function (cell, right) {
+  _$jscoverage['plugins/table.core.js'][243]++;
+  try {
+    _$jscoverage['plugins/table.core.js'][244]++;
+    var cellInfo = this.getCellInfo(cell), previewRowIndex, previewColIndex;
+    _$jscoverage['plugins/table.core.js'][246]++;
+    var len = this.selectedTds.length, range = this.cellsRange;
+    _$jscoverage['plugins/table.core.js'][249]++;
+    if ((((! right) && ((! len)? (! cellInfo.colIndex): (! range.beginColIndex))) || (right && ((! len)? (cellInfo.colIndex == (this.colsNum - 1)): (range.endColIndex == (this.colsNum - 1)))))) {
+      _$jscoverage['plugins/table.core.js'][249]++;
+      return null;
+    }
+    _$jscoverage['plugins/table.core.js'][251]++;
+    previewRowIndex = ((! len)? cellInfo.rowIndex: range.beginRowIndex);
+    _$jscoverage['plugins/table.core.js'][252]++;
+    previewColIndex = ((! right)? ((! len)? ((cellInfo.colIndex < 1)? 0: (cellInfo.colIndex - 1)): (range.beginColIndex - 1)): ((! len)? (cellInfo.colIndex + 1): (range.endColIndex + 1)));
+    _$jscoverage['plugins/table.core.js'][254]++;
+    return this.getCell(this.indexTable[previewRowIndex][previewColIndex].rowIndex, this.indexTable[previewRowIndex][previewColIndex].cellIndex);
+  }
+  catch (e) {
+    _$jscoverage['plugins/table.core.js'][256]++;
+    showError(e);
+  }
+}), getTabNextCell: (function (cell, preRowIndex) {
+  _$jscoverage['plugins/table.core.js'][260]++;
+  var cellInfo = this.getCellInfo(cell), rowIndex = (preRowIndex || cellInfo.rowIndex), colIndex = (cellInfo.colIndex + 1 + (cellInfo.colSpan - 1)), nextCell;
+  _$jscoverage['plugins/table.core.js'][264]++;
+  try {
+    _$jscoverage['plugins/table.core.js'][265]++;
+    nextCell = this.getCell(this.indexTable[rowIndex][colIndex].rowIndex, this.indexTable[rowIndex][colIndex].cellIndex);
+  }
+  catch (e) {
+    _$jscoverage['plugins/table.core.js'][267]++;
+    try {
+      _$jscoverage['plugins/table.core.js'][268]++;
+      rowIndex = ((rowIndex * 1) + 1);
+      _$jscoverage['plugins/table.core.js'][269]++;
+      colIndex = 0;
+      _$jscoverage['plugins/table.core.js'][270]++;
+      nextCell = this.getCell(this.indexTable[rowIndex][colIndex].rowIndex, this.indexTable[rowIndex][colIndex].cellIndex);
+    }
+    catch (e) {
+    }
+  }
+  _$jscoverage['plugins/table.core.js'][274]++;
+  return nextCell;
+}), getVSideCell: (function (cell, bottom, ignoreRange) {
+  _$jscoverage['plugins/table.core.js'][283]++;
+  try {
+    _$jscoverage['plugins/table.core.js'][284]++;
+    var cellInfo = this.getCellInfo(cell), nextRowIndex, nextColIndex;
+    _$jscoverage['plugins/table.core.js'][286]++;
+    var len = (this.selectedTds.length && (! ignoreRange)), range = this.cellsRange;
+    _$jscoverage['plugins/table.core.js'][289]++;
+    if ((((! bottom) && (cellInfo.rowIndex == 0)) || (bottom && ((! len)? ((cellInfo.rowIndex + cellInfo.rowSpan) > (this.rowsNum - 1)): (range.endRowIndex == (this.rowsNum - 1)))))) {
+      _$jscoverage['plugins/table.core.js'][289]++;
+      return null;
+    }
+    _$jscoverage['plugins/table.core.js'][291]++;
+    nextRowIndex = ((! bottom)? ((! len)? (cellInfo.rowIndex - 1): (range.beginRowIndex - 1)): ((! len)? (cellInfo.rowIndex + cellInfo.rowSpan): (range.endRowIndex + 1)));
+    _$jscoverage['plugins/table.core.js'][293]++;
+    nextColIndex = ((! len)? cellInfo.colIndex: range.beginColIndex);
+    _$jscoverage['plugins/table.core.js'][294]++;
+    return this.getCell(this.indexTable[nextRowIndex][nextColIndex].rowIndex, this.indexTable[nextRowIndex][nextColIndex].cellIndex);
+  }
+  catch (e) {
+    _$jscoverage['plugins/table.core.js'][296]++;
+    showError(e);
+  }
+}), getSameEndPosCells: (function (cell, xOrY) {
+  _$jscoverage['plugins/table.core.js'][303]++;
+  try {
+    _$jscoverage['plugins/table.core.js'][304]++;
+    var flag = (xOrY.toLowerCase() === "x"), end = (domUtils.getXY(cell)[(flag? "x": "y")] + cell[("offset" + (flag? "Width": "Height"))]), rows = this.table.rows, cells = null, returns = [];
+    _$jscoverage['plugins/table.core.js'][308]++;
+    for (var i = 0; (i < this.rowsNum); (i++)) {
+      _$jscoverage['plugins/table.core.js'][309]++;
+      cells = rows[i].cells;
+      _$jscoverage['plugins/table.core.js'][310]++;
+      for (var j = 0, tmpCell; (tmpCell = cells[(j++)]);) {
+        _$jscoverage['plugins/table.core.js'][311]++;
+        var tmpEnd = (domUtils.getXY(tmpCell)[(flag? "x": "y")] + tmpCell[("offset" + (flag? "Width": "Height"))]);
+        _$jscoverage['plugins/table.core.js'][313]++;
+        if (((tmpEnd > end) && flag)) {
+          _$jscoverage['plugins/table.core.js'][313]++;
+          break;
+        }
+        _$jscoverage['plugins/table.core.js'][314]++;
+        if (((cell == tmpCell) || (end == tmpEnd))) {
+          _$jscoverage['plugins/table.core.js'][317]++;
+          if ((tmpCell[(flag? "colSpan": "rowSpan")] == 1)) {
+            _$jscoverage['plugins/table.core.js'][318]++;
+            returns.push(tmpCell);
+          }
+          _$jscoverage['plugins/table.core.js'][320]++;
+          if (flag) {
+            _$jscoverage['plugins/table.core.js'][320]++;
+            break;
+          }
+        }
+}
+}
+    _$jscoverage['plugins/table.core.js'][324]++;
+    return returns;
+  }
+  catch (e) {
+    _$jscoverage['plugins/table.core.js'][326]++;
+    showError(e);
+  }
+}), setCellContent: (function (cell, content) {
+  _$jscoverage['plugins/table.core.js'][330]++;
+  cell.innerHTML = (content || (browser.ie? domUtils.fillChar: "<br />"));
+}), cloneCell: UETable.cloneCell, getSameStartPosXCells: (function (cell) {
+  _$jscoverage['plugins/table.core.js'][337]++;
+  try {
+    _$jscoverage['plugins/table.core.js'][338]++;
+    var start = (domUtils.getXY(cell).x + cell.offsetWidth), rows = this.table.rows, cells, returns = [];
+    _$jscoverage['plugins/table.core.js'][340]++;
+    for (var i = 0; (i < this.rowsNum); (i++)) {
+      _$jscoverage['plugins/table.core.js'][341]++;
+      cells = rows[i].cells;
+      _$jscoverage['plugins/table.core.js'][342]++;
+      for (var j = 0, tmpCell; (tmpCell = cells[(j++)]);) {
+        _$jscoverage['plugins/table.core.js'][343]++;
+        var tmpStart = domUtils.getXY(tmpCell).x;
+        _$jscoverage['plugins/table.core.js'][344]++;
+        if ((tmpStart > start)) {
+          _$jscoverage['plugins/table.core.js'][344]++;
+          break;
+        }
+        _$jscoverage['plugins/table.core.js'][345]++;
+        if (((tmpStart == start) && (tmpCell.colSpan == 1))) {
+          _$jscoverage['plugins/table.core.js'][346]++;
+          returns.push(tmpCell);
+          _$jscoverage['plugins/table.core.js'][347]++;
+          break;
+        }
+}
+}
+    _$jscoverage['plugins/table.core.js'][351]++;
+    return returns;
+  }
+  catch (e) {
+    _$jscoverage['plugins/table.core.js'][353]++;
+    showError(e);
+  }
+}), update: (function (table) {
+  _$jscoverage['plugins/table.core.js'][360]++;
+  this.table = (table || this.table);
+  _$jscoverage['plugins/table.core.js'][361]++;
+  this.selectedTds = [];
+  _$jscoverage['plugins/table.core.js'][362]++;
+  this.cellsRange = {};
+  _$jscoverage['plugins/table.core.js'][363]++;
+  this.indexTable = [];
+  _$jscoverage['plugins/table.core.js'][364]++;
+  var rows = this.table.rows, rowsNum = this.getMaxRows(), dNum = (rowsNum - rows.length), colsNum = this.getMaxCols();
+  _$jscoverage['plugins/table.core.js'][368]++;
+  while ((dNum--)) {
+    _$jscoverage['plugins/table.core.js'][369]++;
+    this.table.insertRow(rows.length);
+}
+  _$jscoverage['plugins/table.core.js'][371]++;
+  this.rowsNum = rowsNum;
+  _$jscoverage['plugins/table.core.js'][372]++;
+  this.colsNum = colsNum;
+  _$jscoverage['plugins/table.core.js'][373]++;
+  for (var i = 0, len = rows.length; (i < len); (i++)) {
+    _$jscoverage['plugins/table.core.js'][374]++;
+    this.indexTable[i] = new Array(colsNum);
+}
+  _$jscoverage['plugins/table.core.js'][377]++;
+  for (var rowIndex = 0, row; (row = rows[rowIndex]); (rowIndex++)) {
+    _$jscoverage['plugins/table.core.js'][378]++;
+    for (var cellIndex = 0, cell, cells = row.cells; (cell = cells[cellIndex]); (cellIndex++)) {
+      _$jscoverage['plugins/table.core.js'][380]++;
+      if ((cell.rowSpan > rowsNum)) {
+        _$jscoverage['plugins/table.core.js'][381]++;
+        cell.rowSpan = rowsNum;
+      }
+      _$jscoverage['plugins/table.core.js'][383]++;
+      var colIndex = cellIndex, rowSpan = (cell.rowSpan || 1), colSpan = (cell.colSpan || 1);
+      _$jscoverage['plugins/table.core.js'][387]++;
+      while (this.indexTable[rowIndex][colIndex]) {
+        _$jscoverage['plugins/table.core.js'][387]++;
+        (colIndex++);
+}
+      _$jscoverage['plugins/table.core.js'][388]++;
+      for (var j = 0; (j < rowSpan); (j++)) {
+        _$jscoverage['plugins/table.core.js'][389]++;
+        for (var k = 0; (k < colSpan); (k++)) {
+          _$jscoverage['plugins/table.core.js'][390]++;
+          this.indexTable[(rowIndex + j)][(colIndex + k)] = {rowIndex: rowIndex, cellIndex: cellIndex, colIndex: colIndex, rowSpan: rowSpan, colSpan: colSpan};
+}
+}
+}
+}
+  _$jscoverage['plugins/table.core.js'][402]++;
+  for (j = 0; (j < rowsNum); (j++)) {
+    _$jscoverage['plugins/table.core.js'][403]++;
+    for (k = 0; (k < colsNum); (k++)) {
+      _$jscoverage['plugins/table.core.js'][404]++;
+      if ((this.indexTable[j][k] === undefined)) {
+        _$jscoverage['plugins/table.core.js'][405]++;
+        row = rows[j];
+        _$jscoverage['plugins/table.core.js'][406]++;
+        cell = row.cells[(row.cells.length - 1)];
+        _$jscoverage['plugins/table.core.js'][407]++;
+        cell = (cell? cell.cloneNode(true): this.table.ownerDocument.createElement("td"));
+        _$jscoverage['plugins/table.core.js'][408]++;
+        this.setCellContent(cell);
+        _$jscoverage['plugins/table.core.js'][409]++;
+        if ((cell.colSpan !== 1)) {
+          _$jscoverage['plugins/table.core.js'][409]++;
+          cell.colSpan = 1;
+        }
+        _$jscoverage['plugins/table.core.js'][410]++;
+        if ((cell.rowSpan !== 1)) {
+          _$jscoverage['plugins/table.core.js'][410]++;
+          cell.rowSpan = 1;
+        }
+        _$jscoverage['plugins/table.core.js'][411]++;
+        row.appendChild(cell);
+        _$jscoverage['plugins/table.core.js'][412]++;
+        this.indexTable[j][k] = {rowIndex: j, cellIndex: cell.cellIndex, colIndex: k, rowSpan: 1, colSpan: 1};
+      }
+}
+}
+  _$jscoverage['plugins/table.core.js'][423]++;
+  var tds = domUtils.getElementsByTagName(this.table, "td"), selectTds = [];
+  _$jscoverage['plugins/table.core.js'][425]++;
+  utils.each(tds, (function (td) {
+  _$jscoverage['plugins/table.core.js'][426]++;
+  if (domUtils.hasClass(td, "selectTdClass")) {
+    _$jscoverage['plugins/table.core.js'][427]++;
+    selectTds.push(td);
+  }
+}));
+  _$jscoverage['plugins/table.core.js'][430]++;
+  if (selectTds.length) {
+    _$jscoverage['plugins/table.core.js'][431]++;
+    var start = selectTds[0], end = selectTds[(selectTds.length - 1)], startInfo = this.getCellInfo(start), endInfo = this.getCellInfo(end);
+    _$jscoverage['plugins/table.core.js'][435]++;
+    this.selectedTds = selectTds;
+    _$jscoverage['plugins/table.core.js'][436]++;
+    this.cellsRange = {beginRowIndex: startInfo.rowIndex, beginColIndex: startInfo.colIndex, endRowIndex: ((endInfo.rowIndex + endInfo.rowSpan) - 1), endColIndex: ((endInfo.colIndex + endInfo.colSpan) - 1)};
+  }
+}), getCellInfo: (function (cell) {
+  _$jscoverage['plugins/table.core.js'][449]++;
+  if ((! cell)) {
+    _$jscoverage['plugins/table.core.js'][449]++;
+    return;
+  }
+  _$jscoverage['plugins/table.core.js'][450]++;
+  var cellIndex = cell.cellIndex, rowIndex = cell.parentNode.rowIndex, rowInfo = this.indexTable[rowIndex], numCols = this.colsNum;
+  _$jscoverage['plugins/table.core.js'][454]++;
+  for (var colIndex = cellIndex; (colIndex < numCols); (colIndex++)) {
+    _$jscoverage['plugins/table.core.js'][455]++;
+    var cellInfo = rowInfo[colIndex];
+    _$jscoverage['plugins/table.core.js'][456]++;
+    if (((cellInfo.rowIndex === rowIndex) && (cellInfo.cellIndex === cellIndex))) {
+      _$jscoverage['plugins/table.core.js'][457]++;
+      return cellInfo;
+    }
+}
+}), getCell: (function (rowIndex, cellIndex) {
+  _$jscoverage['plugins/table.core.js'][465]++;
+  return (((rowIndex < this.rowsNum) && this.table.rows[rowIndex].cells[cellIndex]) || null);
+}), deleteCell: (function (cell, rowIndex) {
+  _$jscoverage['plugins/table.core.js'][471]++;
+  rowIndex = (((typeof rowIndex) == "number")? rowIndex: cell.parentNode.rowIndex);
+  _$jscoverage['plugins/table.core.js'][472]++;
+  var row = this.table.rows[rowIndex];
+  _$jscoverage['plugins/table.core.js'][473]++;
+  row.deleteCell(cell.cellIndex);
+}), getCellsRange: (function (cellA, cellB) {
+  _$jscoverage['plugins/table.core.js'][479]++;
+  function checkRange(beginRowIndex, beginColIndex, endRowIndex, endColIndex) {
+    _$jscoverage['plugins/table.core.js'][480]++;
+    var tmpBeginRowIndex = beginRowIndex, tmpBeginColIndex = beginColIndex, tmpEndRowIndex = endRowIndex, tmpEndColIndex = endColIndex, cellInfo, colIndex, rowIndex;
+    _$jscoverage['plugins/table.core.js'][486]++;
+    if ((beginRowIndex > 0)) {
+      _$jscoverage['plugins/table.core.js'][487]++;
+      for (colIndex = beginColIndex; (colIndex < endColIndex); (colIndex++)) {
+        _$jscoverage['plugins/table.core.js'][488]++;
+        cellInfo = me.indexTable[beginRowIndex][colIndex];
+        _$jscoverage['plugins/table.core.js'][489]++;
+        rowIndex = cellInfo.rowIndex;
+        _$jscoverage['plugins/table.core.js'][490]++;
+        if ((rowIndex < beginRowIndex)) {
+          _$jscoverage['plugins/table.core.js'][491]++;
+          tmpBeginRowIndex = Math.min(rowIndex, tmpBeginRowIndex);
+        }
+}
+    }
+    _$jscoverage['plugins/table.core.js'][496]++;
+    if ((endColIndex < me.colsNum)) {
+      _$jscoverage['plugins/table.core.js'][497]++;
+      for (rowIndex = beginRowIndex; (rowIndex < endRowIndex); (rowIndex++)) {
+        _$jscoverage['plugins/table.core.js'][498]++;
+        cellInfo = me.indexTable[rowIndex][endColIndex];
+        _$jscoverage['plugins/table.core.js'][499]++;
+        colIndex = ((cellInfo.colIndex + cellInfo.colSpan) - 1);
+        _$jscoverage['plugins/table.core.js'][500]++;
+        if ((colIndex > endColIndex)) {
+          _$jscoverage['plugins/table.core.js'][501]++;
+          tmpEndColIndex = Math.max(colIndex, tmpEndColIndex);
+        }
+}
+    }
+    _$jscoverage['plugins/table.core.js'][506]++;
+    if ((endRowIndex < me.rowsNum)) {
+      _$jscoverage['plugins/table.core.js'][507]++;
+      for (colIndex = beginColIndex; (colIndex < endColIndex); (colIndex++)) {
+        _$jscoverage['plugins/table.core.js'][508]++;
+        cellInfo = me.indexTable[endRowIndex][colIndex];
+        _$jscoverage['plugins/table.core.js'][509]++;
+        rowIndex = ((cellInfo.rowIndex + cellInfo.rowSpan) - 1);
+        _$jscoverage['plugins/table.core.js'][510]++;
+        if ((rowIndex > endRowIndex)) {
+          _$jscoverage['plugins/table.core.js'][511]++;
+          tmpEndRowIndex = Math.max(rowIndex, tmpEndRowIndex);
+        }
+}
+    }
+    _$jscoverage['plugins/table.core.js'][516]++;
+    if ((beginColIndex > 0)) {
+      _$jscoverage['plugins/table.core.js'][517]++;
+      for (rowIndex = beginRowIndex; (rowIndex < endRowIndex); (rowIndex++)) {
+        _$jscoverage['plugins/table.core.js'][518]++;
+        cellInfo = me.indexTable[rowIndex][beginColIndex];
+        _$jscoverage['plugins/table.core.js'][519]++;
+        colIndex = cellInfo.colIndex;
+        _$jscoverage['plugins/table.core.js'][520]++;
+        if ((colIndex < beginColIndex)) {
+          _$jscoverage['plugins/table.core.js'][521]++;
+          tmpBeginColIndex = Math.min(cellInfo.colIndex, tmpBeginColIndex);
+        }
+}
+    }
+    _$jscoverage['plugins/table.core.js'][526]++;
+    if (((tmpBeginRowIndex != beginRowIndex) || (tmpBeginColIndex != beginColIndex) || (tmpEndRowIndex != endRowIndex) || (tmpEndColIndex != endColIndex))) {
+      _$jscoverage['plugins/table.core.js'][527]++;
+      return checkRange(tmpBeginRowIndex, tmpBeginColIndex, tmpEndRowIndex, tmpEndColIndex);
+    }
+    else {
+      _$jscoverage['plugins/table.core.js'][530]++;
+      return ({beginRowIndex: beginRowIndex, beginColIndex: beginColIndex, endRowIndex: endRowIndex, endColIndex: endColIndex});
+    }
+}
+  _$jscoverage['plugins/table.core.js'][539]++;
+  try {
+    _$jscoverage['plugins/table.core.js'][540]++;
+    var me = this, cellAInfo = me.getCellInfo(cellA);
+    _$jscoverage['plugins/table.core.js'][542]++;
+    if ((cellA === cellB)) {
+      _$jscoverage['plugins/table.core.js'][543]++;
+      return ({beginRowIndex: cellAInfo.rowIndex, beginColIndex: cellAInfo.colIndex, endRowIndex: ((cellAInfo.rowIndex + cellAInfo.rowSpan) - 1), endColIndex: ((cellAInfo.colIndex + cellAInfo.colSpan) - 1)});
+    }
+    _$jscoverage['plugins/table.core.js'][550]++;
+    var cellBInfo = me.getCellInfo(cellB);
+    _$jscoverage['plugins/table.core.js'][552]++;
+    var beginRowIndex = Math.min(cellAInfo.rowIndex, cellBInfo.rowIndex), beginColIndex = Math.min(cellAInfo.colIndex, cellBInfo.colIndex), endRowIndex = Math.max(((cellAInfo.rowIndex + cellAInfo.rowSpan) - 1), ((cellBInfo.rowIndex + cellBInfo.rowSpan) - 1)), endColIndex = Math.max(((cellAInfo.colIndex + cellAInfo.colSpan) - 1), ((cellBInfo.colIndex + cellBInfo.colSpan) - 1));
+    _$jscoverage['plugins/table.core.js'][557]++;
+    return checkRange(beginRowIndex, beginColIndex, endRowIndex, endColIndex);
+  }
+  catch (e) {
+  }
+}), getCells: (function (range) {
+  _$jscoverage['plugins/table.core.js'][567]++;
+  this.clearSelected();
+  _$jscoverage['plugins/table.core.js'][568]++;
+  var beginRowIndex = range.beginRowIndex, beginColIndex = range.beginColIndex, endRowIndex = range.endRowIndex, endColIndex = range.endColIndex, cellInfo, rowIndex, colIndex, tdHash = {}, returnTds = [];
+  _$jscoverage['plugins/table.core.js'][573]++;
+  for (var i = beginRowIndex; (i <= endRowIndex); (i++)) {
+    _$jscoverage['plugins/table.core.js'][574]++;
+    for (var j = beginColIndex; (j <= endColIndex); (j++)) {
+      _$jscoverage['plugins/table.core.js'][575]++;
+      cellInfo = this.indexTable[i][j];
+      _$jscoverage['plugins/table.core.js'][576]++;
+      rowIndex = cellInfo.rowIndex;
+      _$jscoverage['plugins/table.core.js'][577]++;
+      colIndex = cellInfo.colIndex;
+      _$jscoverage['plugins/table.core.js'][579]++;
+      var key = (rowIndex + "|" + colIndex);
+      _$jscoverage['plugins/table.core.js'][580]++;
+      if (tdHash[key]) {
+        _$jscoverage['plugins/table.core.js'][580]++;
+        continue;
+      }
+      _$jscoverage['plugins/table.core.js'][581]++;
+      tdHash[key] = 1;
+      _$jscoverage['plugins/table.core.js'][582]++;
+      if (((rowIndex < i) || (colIndex < j) || (((rowIndex + cellInfo.rowSpan) - 1) > endRowIndex) || (((colIndex + cellInfo.colSpan) - 1) > endColIndex))) {
+        _$jscoverage['plugins/table.core.js'][583]++;
+        return null;
+      }
+      _$jscoverage['plugins/table.core.js'][585]++;
+      returnTds.push(this.getCell(rowIndex, cellInfo.cellIndex));
+}
+}
+  _$jscoverage['plugins/table.core.js'][588]++;
+  return returnTds;
+}), clearSelected: (function () {
+  _$jscoverage['plugins/table.core.js'][594]++;
+  UETable.removeSelectedClass(this.selectedTds);
+  _$jscoverage['plugins/table.core.js'][595]++;
+  this.selectedTds = [];
+  _$jscoverage['plugins/table.core.js'][596]++;
+  this.cellsRange = {};
+}), setSelected: (function (range) {
+  _$jscoverage['plugins/table.core.js'][602]++;
+  var cells = this.getCells(range);
+  _$jscoverage['plugins/table.core.js'][603]++;
+  UETable.addSelectedClass(cells);
+  _$jscoverage['plugins/table.core.js'][604]++;
+  this.selectedTds = cells;
+  _$jscoverage['plugins/table.core.js'][605]++;
+  this.cellsRange = range;
+}), isFullRow: (function () {
+  _$jscoverage['plugins/table.core.js'][608]++;
+  var range = this.cellsRange;
+  _$jscoverage['plugins/table.core.js'][609]++;
+  return (((range.endColIndex - range.beginColIndex) + 1) == this.colsNum);
+}), isFullCol: (function () {
+  _$jscoverage['plugins/table.core.js'][612]++;
+  var range = this.cellsRange, table = this.table, ths = table.getElementsByTagName("th"), rows = ((range.endRowIndex - range.beginRowIndex) + 1);
+  _$jscoverage['plugins/table.core.js'][616]++;
+  return ((! ths.length)? (rows == this.rowsNum): ((rows == this.rowsNum) || (rows == (this.rowsNum - 1))));
+}), getNextCell: (function (cell, bottom, ignoreRange) {
+  _$jscoverage['plugins/table.core.js'][625]++;
+  try {
+    _$jscoverage['plugins/table.core.js'][626]++;
+    var cellInfo = this.getCellInfo(cell), nextRowIndex, nextColIndex;
+    _$jscoverage['plugins/table.core.js'][628]++;
+    var len = (this.selectedTds.length && (! ignoreRange)), range = this.cellsRange;
+    _$jscoverage['plugins/table.core.js'][631]++;
+    if ((((! bottom) && (cellInfo.rowIndex == 0)) || (bottom && ((! len)? ((cellInfo.rowIndex + cellInfo.rowSpan) > (this.rowsNum - 1)): (range.endRowIndex == (this.rowsNum - 1)))))) {
+      _$jscoverage['plugins/table.core.js'][631]++;
+      return null;
+    }
+    _$jscoverage['plugins/table.core.js'][633]++;
+    nextRowIndex = ((! bottom)? ((! len)? (cellInfo.rowIndex - 1): (range.beginRowIndex - 1)): ((! len)? (cellInfo.rowIndex + cellInfo.rowSpan): (range.endRowIndex + 1)));
+    _$jscoverage['plugins/table.core.js'][635]++;
+    nextColIndex = ((! len)? cellInfo.colIndex: range.beginColIndex);
+    _$jscoverage['plugins/table.core.js'][636]++;
+    return this.getCell(this.indexTable[nextRowIndex][nextColIndex].rowIndex, this.indexTable[nextRowIndex][nextColIndex].cellIndex);
+  }
+  catch (e) {
+    _$jscoverage['plugins/table.core.js'][638]++;
+    showError(e);
+  }
+}), getPreviewCell: (function (cell, top) {
+  _$jscoverage['plugins/table.core.js'][642]++;
+  try {
+    _$jscoverage['plugins/table.core.js'][643]++;
+    var cellInfo = this.getCellInfo(cell), previewRowIndex, previewColIndex;
+    _$jscoverage['plugins/table.core.js'][645]++;
+    var len = this.selectedTds.length, range = this.cellsRange;
+    _$jscoverage['plugins/table.core.js'][648]++;
+    if ((((! top) && ((! len)? (! cellInfo.colIndex): (! range.beginColIndex))) || (top && ((! len)? (cellInfo.rowIndex > (this.colsNum - 1)): (range.endColIndex == (this.colsNum - 1)))))) {
+      _$jscoverage['plugins/table.core.js'][648]++;
+      return null;
+    }
+    _$jscoverage['plugins/table.core.js'][650]++;
+    previewRowIndex = ((! top)? ((! len)? cellInfo.rowIndex: range.beginRowIndex): ((! len)? ((cellInfo.rowIndex < 1)? 0: (cellInfo.rowIndex - 1)): range.beginRowIndex));
+    _$jscoverage['plugins/table.core.js'][652]++;
+    previewColIndex = ((! top)? ((! len)? ((cellInfo.colIndex < 1)? 0: (cellInfo.colIndex - 1)): (range.beginColIndex - 1)): ((! len)? cellInfo.colIndex: (range.endColIndex + 1)));
+    _$jscoverage['plugins/table.core.js'][654]++;
+    return this.getCell(this.indexTable[previewRowIndex][previewColIndex].rowIndex, this.indexTable[previewRowIndex][previewColIndex].cellIndex);
+  }
+  catch (e) {
+    _$jscoverage['plugins/table.core.js'][656]++;
+    showError(e);
+  }
+}), moveContent: (function (cellTo, cellFrom) {
+  _$jscoverage['plugins/table.core.js'][663]++;
+  if (UETable.isEmptyBlock(cellFrom)) {
+    _$jscoverage['plugins/table.core.js'][663]++;
+    return;
+  }
+  _$jscoverage['plugins/table.core.js'][664]++;
+  if (UETable.isEmptyBlock(cellTo)) {
+    _$jscoverage['plugins/table.core.js'][665]++;
+    cellTo.innerHTML = cellFrom.innerHTML;
+    _$jscoverage['plugins/table.core.js'][666]++;
+    return;
+  }
+  _$jscoverage['plugins/table.core.js'][668]++;
+  var child = cellTo.lastChild;
+  _$jscoverage['plugins/table.core.js'][669]++;
+  if (((child.nodeType == 3) || (! dtd.$block[child.tagName]))) {
+    _$jscoverage['plugins/table.core.js'][670]++;
+    cellTo.appendChild(cellTo.ownerDocument.createElement("br"));
+  }
+  _$jscoverage['plugins/table.core.js'][672]++;
+  while ((child = cellFrom.firstChild)) {
+    _$jscoverage['plugins/table.core.js'][673]++;
+    cellTo.appendChild(child);
+}
+}), mergeRight: (function (cell) {
+  _$jscoverage['plugins/table.core.js'][680]++;
+  var cellInfo = this.getCellInfo(cell), rightColIndex = (cellInfo.colIndex + cellInfo.colSpan), rightCellInfo = this.indexTable[cellInfo.rowIndex][rightColIndex], rightCell = this.getCell(rightCellInfo.rowIndex, rightCellInfo.cellIndex);
+  _$jscoverage['plugins/table.core.js'][685]++;
+  cell.colSpan = (cellInfo.colSpan + rightCellInfo.colSpan);
+  _$jscoverage['plugins/table.core.js'][687]++;
+  cell.removeAttribute("width");
+  _$jscoverage['plugins/table.core.js'][689]++;
+  this.moveContent(cell, rightCell);
+  _$jscoverage['plugins/table.core.js'][691]++;
+  this.deleteCell(rightCell, rightCellInfo.rowIndex);
+  _$jscoverage['plugins/table.core.js'][692]++;
+  this.update();
+}), mergeDown: (function (cell) {
+  _$jscoverage['plugins/table.core.js'][698]++;
+  var cellInfo = this.getCellInfo(cell), downRowIndex = (cellInfo.rowIndex + cellInfo.rowSpan), downCellInfo = this.indexTable[downRowIndex][cellInfo.colIndex], downCell = this.getCell(downCellInfo.rowIndex, downCellInfo.cellIndex);
+  _$jscoverage['plugins/table.core.js'][702]++;
+  cell.rowSpan = (cellInfo.rowSpan + downCellInfo.rowSpan);
+  _$jscoverage['plugins/table.core.js'][703]++;
+  cell.removeAttribute("height");
+  _$jscoverage['plugins/table.core.js'][704]++;
+  this.moveContent(cell, downCell);
+  _$jscoverage['plugins/table.core.js'][705]++;
+  this.deleteCell(downCell, downCellInfo.rowIndex);
+  _$jscoverage['plugins/table.core.js'][706]++;
+  this.update();
+}), mergeRange: (function () {
+  _$jscoverage['plugins/table.core.js'][713]++;
+  var range = this.cellsRange, leftTopCell = this.getCell(range.beginRowIndex, this.indexTable[range.beginRowIndex][range.beginColIndex].cellIndex);
+  _$jscoverage['plugins/table.core.js'][716]++;
+  if (((leftTopCell.tagName == "TH") && (range.endRowIndex !== range.beginRowIndex))) {
+    _$jscoverage['plugins/table.core.js'][717]++;
+    var index = this.indexTable, info = this.getCellInfo(leftTopCell);
+    _$jscoverage['plugins/table.core.js'][719]++;
+    leftTopCell = this.getCell(1, index[1][info.colIndex].cellIndex);
+    _$jscoverage['plugins/table.core.js'][720]++;
+    range = this.getCellsRange(leftTopCell, this.getCell(index[(this.rowsNum - 1)][info.colIndex].rowIndex, index[(this.rowsNum - 1)][info.colIndex].cellIndex));
+  }
+  _$jscoverage['plugins/table.core.js'][724]++;
+  var cells = this.getCells(range);
+  _$jscoverage['plugins/table.core.js'][725]++;
+  for (var i = 0, ci; (ci = cells[(i++)]);) {
+    _$jscoverage['plugins/table.core.js'][726]++;
+    if ((ci !== leftTopCell)) {
+      _$jscoverage['plugins/table.core.js'][727]++;
+      this.moveContent(leftTopCell, ci);
+      _$jscoverage['plugins/table.core.js'][728]++;
+      this.deleteCell(ci);
+    }
+}
+  _$jscoverage['plugins/table.core.js'][732]++;
+  leftTopCell.rowSpan = ((range.endRowIndex - range.beginRowIndex) + 1);
+  _$jscoverage['plugins/table.core.js'][733]++;
+  ((leftTopCell.rowSpan > 1) && leftTopCell.removeAttribute("height"));
+  _$jscoverage['plugins/table.core.js'][734]++;
+  leftTopCell.colSpan = ((range.endColIndex - range.beginColIndex) + 1);
+  _$jscoverage['plugins/table.core.js'][735]++;
+  ((leftTopCell.colSpan > 1) && leftTopCell.removeAttribute("width"));
+  _$jscoverage['plugins/table.core.js'][736]++;
+  if (((leftTopCell.rowSpan == this.rowsNum) && (leftTopCell.colSpan != 1))) {
+    _$jscoverage['plugins/table.core.js'][737]++;
+    leftTopCell.colSpan = 1;
+  }
+  _$jscoverage['plugins/table.core.js'][740]++;
+  if (((leftTopCell.colSpan == this.colsNum) && (leftTopCell.rowSpan != 1))) {
+    _$jscoverage['plugins/table.core.js'][741]++;
+    var rowIndex = leftTopCell.parentNode.rowIndex;
+    _$jscoverage['plugins/table.core.js'][743]++;
+    if (this.table.deleteRow) {
+      _$jscoverage['plugins/table.core.js'][744]++;
+      for (var i = (rowIndex + 1), curIndex = (rowIndex + 1), len = leftTopCell.rowSpan; (i < len); (i++)) {
+        _$jscoverage['plugins/table.core.js'][745]++;
+        this.table.deleteRow(curIndex);
+}
+    }
+    else {
+      _$jscoverage['plugins/table.core.js'][748]++;
+      for (var i = 0, len = (leftTopCell.rowSpan - 1); (i < len); (i++)) {
+        _$jscoverage['plugins/table.core.js'][749]++;
+        var row = this.table.rows[(rowIndex + 1)];
+        _$jscoverage['plugins/table.core.js'][750]++;
+        row.parentNode.removeChild(row);
+}
+    }
+    _$jscoverage['plugins/table.core.js'][753]++;
+    leftTopCell.rowSpan = 1;
+  }
+  _$jscoverage['plugins/table.core.js'][755]++;
+  this.update();
+}), insertRow: (function (rowIndex, sourceCell) {
+  _$jscoverage['plugins/table.core.js'][761]++;
+  var numCols = this.colsNum, table = this.table, row = table.insertRow(rowIndex), cell, width = parseInt(((table.offsetWidth - (numCols * 20) - numCols - 1) / numCols), 10);
+  _$jscoverage['plugins/table.core.js'][766]++;
+  if (((rowIndex == 0) || (rowIndex == this.rowsNum))) {
+    _$jscoverage['plugins/table.core.js'][767]++;
+    for (var colIndex = 0; (colIndex < numCols); (colIndex++)) {
+      _$jscoverage['plugins/table.core.js'][768]++;
+      cell = this.cloneCell(sourceCell, true);
+      _$jscoverage['plugins/table.core.js'][769]++;
+      this.setCellContent(cell);
+      _$jscoverage['plugins/table.core.js'][770]++;
+      (cell.getAttribute("vAlign") && cell.setAttribute("vAlign", cell.getAttribute("vAlign")));
+      _$jscoverage['plugins/table.core.js'][771]++;
+      row.appendChild(cell);
+}
+  }
+  else {
+    _$jscoverage['plugins/table.core.js'][774]++;
+    var infoRow = this.indexTable[rowIndex], cellIndex = 0;
+    _$jscoverage['plugins/table.core.js'][776]++;
+    for (colIndex = 0; (colIndex < numCols); (colIndex++)) {
+      _$jscoverage['plugins/table.core.js'][777]++;
+      var cellInfo = infoRow[colIndex];
+      _$jscoverage['plugins/table.core.js'][779]++;
+      if ((cellInfo.rowIndex < rowIndex)) {
+        _$jscoverage['plugins/table.core.js'][780]++;
+        cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
+        _$jscoverage['plugins/table.core.js'][781]++;
+        cell.rowSpan = (cellInfo.rowSpan + 1);
+      }
+      else {
+        _$jscoverage['plugins/table.core.js'][783]++;
+        cell = this.cloneCell(sourceCell, true);
+        _$jscoverage['plugins/table.core.js'][784]++;
+        this.setCellContent(cell);
+        _$jscoverage['plugins/table.core.js'][785]++;
+        row.appendChild(cell);
+      }
+}
+  }
+  _$jscoverage['plugins/table.core.js'][790]++;
+  this.update();
+  _$jscoverage['plugins/table.core.js'][791]++;
+  return row;
+}), deleteRow: (function (rowIndex) {
+  _$jscoverage['plugins/table.core.js'][798]++;
+  var row = this.table.rows[rowIndex], infoRow = this.indexTable[rowIndex], colsNum = this.colsNum, count = 0;
+  _$jscoverage['plugins/table.core.js'][802]++;
+  for (var colIndex = 0; (colIndex < colsNum);) {
+    _$jscoverage['plugins/table.core.js'][803]++;
+    var cellInfo = infoRow[colIndex], cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
+    _$jscoverage['plugins/table.core.js'][805]++;
+    if ((cell.rowSpan > 1)) {
+      _$jscoverage['plugins/table.core.js'][806]++;
+      if ((cellInfo.rowIndex == rowIndex)) {
+        _$jscoverage['plugins/table.core.js'][807]++;
+        var clone = cell.cloneNode(true);
+        _$jscoverage['plugins/table.core.js'][808]++;
+        clone.rowSpan = (cell.rowSpan - 1);
+        _$jscoverage['plugins/table.core.js'][809]++;
+        clone.innerHTML = "";
+        _$jscoverage['plugins/table.core.js'][810]++;
+        cell.rowSpan = 1;
+        _$jscoverage['plugins/table.core.js'][811]++;
+        var nextRowIndex = (rowIndex + 1), nextRow = this.table.rows[nextRowIndex], insertCellIndex, preMerged = (this.getPreviewMergedCellsNum(nextRowIndex, colIndex) - count);
+        _$jscoverage['plugins/table.core.js'][815]++;
+        if ((preMerged < colIndex)) {
+          _$jscoverage['plugins/table.core.js'][816]++;
+          insertCellIndex = (colIndex - preMerged - 1);
+          _$jscoverage['plugins/table.core.js'][818]++;
+          domUtils.insertAfter(nextRow.cells[insertCellIndex], clone);
+        }
+        else {
+          _$jscoverage['plugins/table.core.js'][820]++;
+          if (nextRow.cells.length) {
+            _$jscoverage['plugins/table.core.js'][820]++;
+            nextRow.insertBefore(clone, nextRow.cells[0]);
+          }
+        }
+        _$jscoverage['plugins/table.core.js'][822]++;
+        count += 1;
+      }
+    }
+    _$jscoverage['plugins/table.core.js'][826]++;
+    colIndex += (cell.colSpan || 1);
+}
+  _$jscoverage['plugins/table.core.js'][828]++;
+  var deleteTds = [], cacheMap = {};
+  _$jscoverage['plugins/table.core.js'][829]++;
+  for (colIndex = 0; (colIndex < colsNum); (colIndex++)) {
+    _$jscoverage['plugins/table.core.js'][830]++;
+    var tmpRowIndex = infoRow[colIndex].rowIndex, tmpCellIndex = infoRow[colIndex].cellIndex, key = (tmpRowIndex + "_" + tmpCellIndex);
+    _$jscoverage['plugins/table.core.js'][833]++;
+    if (cacheMap[key]) {
+      _$jscoverage['plugins/table.core.js'][833]++;
+      continue;
+    }
+    _$jscoverage['plugins/table.core.js'][834]++;
+    cacheMap[key] = 1;
+    _$jscoverage['plugins/table.core.js'][835]++;
+    cell = this.getCell(tmpRowIndex, tmpCellIndex);
+    _$jscoverage['plugins/table.core.js'][836]++;
+    deleteTds.push(cell);
+}
+  _$jscoverage['plugins/table.core.js'][838]++;
+  var mergeTds = [];
+  _$jscoverage['plugins/table.core.js'][839]++;
+  utils.each(deleteTds, (function (td) {
+  _$jscoverage['plugins/table.core.js'][840]++;
+  if ((td.rowSpan == 1)) {
+    _$jscoverage['plugins/table.core.js'][841]++;
+    td.parentNode.removeChild(td);
+  }
+  else {
+    _$jscoverage['plugins/table.core.js'][843]++;
+    mergeTds.push(td);
+  }
+}));
+  _$jscoverage['plugins/table.core.js'][846]++;
+  utils.each(mergeTds, (function (td) {
+  _$jscoverage['plugins/table.core.js'][847]++;
+  (td.rowSpan--);
+}));
+  _$jscoverage['plugins/table.core.js'][849]++;
+  row.parentNode.removeChild(row);
+  _$jscoverage['plugins/table.core.js'][852]++;
+  this.update();
+}), insertCol: (function (colIndex, sourceCell, defaultValue) {
+  _$jscoverage['plugins/table.core.js'][855]++;
+  var rowsNum = this.rowsNum, rowIndex = 0, tableRow, cell, backWidth = parseInt(((this.table.offsetWidth - ((this.colsNum + 1) * 20) - (this.colsNum + 1)) / (this.colsNum + 1)), 10);
+  _$jscoverage['plugins/table.core.js'][860]++;
+  function replaceTdToTh(rowIndex, cell, tableRow) {
+    _$jscoverage['plugins/table.core.js'][861]++;
+    if ((rowIndex == 0)) {
+      _$jscoverage['plugins/table.core.js'][862]++;
+      var th = (cell.nextSibling || cell.previousSibling);
+      _$jscoverage['plugins/table.core.js'][863]++;
+      if ((th.tagName == "TH")) {
+        _$jscoverage['plugins/table.core.js'][864]++;
+        th = cell.ownerDocument.createElement("th");
+        _$jscoverage['plugins/table.core.js'][865]++;
+        th.appendChild(cell.firstChild);
+        _$jscoverage['plugins/table.core.js'][866]++;
+        tableRow.insertBefore(th, cell);
+        _$jscoverage['plugins/table.core.js'][867]++;
+        domUtils.remove(cell);
+      }
+    }
+    else {
+      _$jscoverage['plugins/table.core.js'][870]++;
+      if ((cell.tagName == "TH")) {
+        _$jscoverage['plugins/table.core.js'][871]++;
+        var td = cell.ownerDocument.createElement("td");
+        _$jscoverage['plugins/table.core.js'][872]++;
+        td.appendChild(cell.firstChild);
+        _$jscoverage['plugins/table.core.js'][873]++;
+        tableRow.insertBefore(td, cell);
+        _$jscoverage['plugins/table.core.js'][874]++;
+        domUtils.remove(cell);
+      }
+    }
+}
+  _$jscoverage['plugins/table.core.js'][879]++;
+  var preCell;
+  _$jscoverage['plugins/table.core.js'][880]++;
+  if (((colIndex == 0) || (colIndex == this.colsNum))) {
+    _$jscoverage['plugins/table.core.js'][881]++;
+    for (; (rowIndex < rowsNum); (rowIndex++)) {
+      _$jscoverage['plugins/table.core.js'][882]++;
+      tableRow = this.table.rows[rowIndex];
+      _$jscoverage['plugins/table.core.js'][883]++;
+      preCell = tableRow.cells[((colIndex == 0)? colIndex: tableRow.cells.length)];
+      _$jscoverage['plugins/table.core.js'][884]++;
+      cell = this.cloneCell(sourceCell, true);
+      _$jscoverage['plugins/table.core.js'][885]++;
+      this.setCellContent(cell);
+      _$jscoverage['plugins/table.core.js'][886]++;
+      cell.setAttribute("vAlign", cell.getAttribute("vAlign"));
+      _$jscoverage['plugins/table.core.js'][887]++;
+      (preCell && cell.setAttribute("width", preCell.getAttribute("width")));
+      _$jscoverage['plugins/table.core.js'][888]++;
+      if ((! colIndex)) {
+        _$jscoverage['plugins/table.core.js'][889]++;
+        tableRow.insertBefore(cell, tableRow.cells[0]);
+      }
+      else {
+        _$jscoverage['plugins/table.core.js'][891]++;
+        domUtils.insertAfter(tableRow.cells[(tableRow.cells.length - 1)], cell);
+      }
+      _$jscoverage['plugins/table.core.js'][893]++;
+      replaceTdToTh(rowIndex, cell, tableRow);
+}
+  }
+  else {
+    _$jscoverage['plugins/table.core.js'][896]++;
+    for (; (rowIndex < rowsNum); (rowIndex++)) {
+      _$jscoverage['plugins/table.core.js'][897]++;
+      var cellInfo = this.indexTable[rowIndex][colIndex];
+      _$jscoverage['plugins/table.core.js'][898]++;
+      if ((cellInfo.colIndex < colIndex)) {
+        _$jscoverage['plugins/table.core.js'][899]++;
+        cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
+        _$jscoverage['plugins/table.core.js'][900]++;
+        cell.colSpan = (cellInfo.colSpan + 1);
+      }
+      else {
+        _$jscoverage['plugins/table.core.js'][902]++;
+        tableRow = this.table.rows[rowIndex];
+        _$jscoverage['plugins/table.core.js'][903]++;
+        preCell = tableRow.cells[cellInfo.cellIndex];
+        _$jscoverage['plugins/table.core.js'][905]++;
+        cell = this.cloneCell(sourceCell, true);
+        _$jscoverage['plugins/table.core.js'][906]++;
+        this.setCellContent(cell);
+        _$jscoverage['plugins/table.core.js'][907]++;
+        cell.setAttribute("vAlign", cell.getAttribute("vAlign"));
+        _$jscoverage['plugins/table.core.js'][908]++;
+        (preCell && cell.setAttribute("width", preCell.getAttribute("width")));
+        _$jscoverage['plugins/table.core.js'][910]++;
+        (preCell? tableRow.insertBefore(cell, preCell): tableRow.appendChild(cell));
+      }
+      _$jscoverage['plugins/table.core.js'][912]++;
+      replaceTdToTh(rowIndex, cell, tableRow);
+}
+  }
+  _$jscoverage['plugins/table.core.js'][916]++;
+  this.update();
+  _$jscoverage['plugins/table.core.js'][917]++;
+  this.updateWidth(backWidth, (defaultValue || {tdPadding: 10, tdBorder: 1}));
+}), updateWidth: (function (width, defaultValue) {
+  _$jscoverage['plugins/table.core.js'][920]++;
+  var table = this.table, tmpWidth = ((UETable.getWidth(table) - (defaultValue.tdPadding * 2) - defaultValue.tdBorder) + width);
+  _$jscoverage['plugins/table.core.js'][922]++;
+  if ((tmpWidth < table.ownerDocument.body.offsetWidth)) {
+    _$jscoverage['plugins/table.core.js'][923]++;
+    table.setAttribute("width", tmpWidth);
+    _$jscoverage['plugins/table.core.js'][924]++;
+    return;
+  }
+  _$jscoverage['plugins/table.core.js'][926]++;
+  var tds = domUtils.getElementsByTagName(this.table, "td");
+  _$jscoverage['plugins/table.core.js'][927]++;
+  utils.each(tds, (function (td) {
+  _$jscoverage['plugins/table.core.js'][928]++;
+  td.setAttribute("width", width);
+}));
+}), deleteCol: (function (colIndex) {
+  _$jscoverage['plugins/table.core.js'][932]++;
+  var indexTable = this.indexTable, tableRows = this.table.rows, backTableWidth = this.table.getAttribute("width"), backTdWidth = 0, rowsNum = this.rowsNum, cacheMap = {};
+  _$jscoverage['plugins/table.core.js'][938]++;
+  for (var rowIndex = 0; (rowIndex < rowsNum);) {
+    _$jscoverage['plugins/table.core.js'][939]++;
+    var infoRow = indexTable[rowIndex], cellInfo = infoRow[colIndex], key = (cellInfo.rowIndex + "_" + cellInfo.colIndex);
+    _$jscoverage['plugins/table.core.js'][943]++;
+    if (cacheMap[key]) {
+      _$jscoverage['plugins/table.core.js'][943]++;
+      continue;
+    }
+    _$jscoverage['plugins/table.core.js'][944]++;
+    cacheMap[key] = 1;
+    _$jscoverage['plugins/table.core.js'][945]++;
+    var cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
+    _$jscoverage['plugins/table.core.js'][946]++;
+    if ((! backTdWidth)) {
+      _$jscoverage['plugins/table.core.js'][946]++;
+      backTdWidth = (cell && parseInt((cell.offsetWidth / cell.colSpan), 10).toFixed(0));
+    }
+    _$jscoverage['plugins/table.core.js'][948]++;
+    if ((cell.colSpan > 1)) {
+      _$jscoverage['plugins/table.core.js'][949]++;
+      (cell.colSpan--);
+    }
+    else {
+      _$jscoverage['plugins/table.core.js'][951]++;
+      tableRows[rowIndex].deleteCell(cellInfo.cellIndex);
+    }
+    _$jscoverage['plugins/table.core.js'][953]++;
+    rowIndex += (cellInfo.rowSpan || 1);
+}
+  _$jscoverage['plugins/table.core.js'][955]++;
+  this.table.setAttribute("width", (backTableWidth - backTdWidth));
+  _$jscoverage['plugins/table.core.js'][956]++;
+  this.update();
+}), splitToCells: (function (cell) {
+  _$jscoverage['plugins/table.core.js'][959]++;
+  var me = this, cells = this.splitToRows(cell);
+  _$jscoverage['plugins/table.core.js'][961]++;
+  utils.each(cells, (function (cell) {
+  _$jscoverage['plugins/table.core.js'][962]++;
+  me.splitToCols(cell);
+}));
+}), splitToRows: (function (cell) {
+  _$jscoverage['plugins/table.core.js'][966]++;
+  var cellInfo = this.getCellInfo(cell), rowIndex = cellInfo.rowIndex, colIndex = cellInfo.colIndex, results = [];
+  _$jscoverage['plugins/table.core.js'][971]++;
+  cell.rowSpan = 1;
+  _$jscoverage['plugins/table.core.js'][972]++;
+  results.push(cell);
+  _$jscoverage['plugins/table.core.js'][974]++;
+  for (var i = rowIndex, endRow = (rowIndex + cellInfo.rowSpan); (i < endRow); (i++)) {
+    _$jscoverage['plugins/table.core.js'][975]++;
+    if ((i == rowIndex)) {
+      _$jscoverage['plugins/table.core.js'][975]++;
+      continue;
+    }
+    _$jscoverage['plugins/table.core.js'][976]++;
+    var tableRow = this.table.rows[i], tmpCell = tableRow.insertCell((colIndex - this.getPreviewMergedCellsNum(i, colIndex)));
+    _$jscoverage['plugins/table.core.js'][978]++;
+    tmpCell.colSpan = cellInfo.colSpan;
+    _$jscoverage['plugins/table.core.js'][979]++;
+    this.setCellContent(tmpCell);
+    _$jscoverage['plugins/table.core.js'][980]++;
+    tmpCell.setAttribute("vAlign", cell.getAttribute("vAlign"));
+    _$jscoverage['plugins/table.core.js'][981]++;
+    tmpCell.setAttribute("align", cell.getAttribute("align"));
+    _$jscoverage['plugins/table.core.js'][982]++;
+    if (cell.style.cssText) {
+      _$jscoverage['plugins/table.core.js'][983]++;
+      tmpCell.style.cssText = cell.style.cssText;
+    }
+    _$jscoverage['plugins/table.core.js'][985]++;
+    results.push(tmpCell);
+}
+  _$jscoverage['plugins/table.core.js'][987]++;
+  this.update();
+  _$jscoverage['plugins/table.core.js'][988]++;
+  return results;
+}), getPreviewMergedCellsNum: (function (rowIndex, colIndex) {
+  _$jscoverage['plugins/table.core.js'][991]++;
+  var indexRow = this.indexTable[rowIndex], num = 0;
+  _$jscoverage['plugins/table.core.js'][993]++;
+  for (var i = 0; (i < colIndex);) {
+    _$jscoverage['plugins/table.core.js'][994]++;
+    var colSpan = indexRow[i].colSpan, tmpRowIndex = indexRow[i].rowIndex;
+    _$jscoverage['plugins/table.core.js'][996]++;
+    num += (colSpan - ((tmpRowIndex == rowIndex)? 1: 0));
+    _$jscoverage['plugins/table.core.js'][997]++;
+    i += colSpan;
+}
+  _$jscoverage['plugins/table.core.js'][999]++;
+  return num;
+}), splitToCols: (function (cell) {
+  _$jscoverage['plugins/table.core.js'][1002]++;
+  var backWidth = ((cell.offsetWidth / cell.colSpan) - 22).toFixed(0), cellInfo = this.getCellInfo(cell), rowIndex = cellInfo.rowIndex, colIndex = cellInfo.colIndex, results = [];
+  _$jscoverage['plugins/table.core.js'][1009]++;
+  cell.colSpan = 1;
+  _$jscoverage['plugins/table.core.js'][1010]++;
+  cell.setAttribute("width", backWidth);
+  _$jscoverage['plugins/table.core.js'][1011]++;
+  results.push(cell);
+  _$jscoverage['plugins/table.core.js'][1013]++;
+  for (var j = colIndex, endCol = (colIndex + cellInfo.colSpan); (j < endCol); (j++)) {
+    _$jscoverage['plugins/table.core.js'][1014]++;
+    if ((j == colIndex)) {
+      _$jscoverage['plugins/table.core.js'][1014]++;
+      continue;
+    }
+    _$jscoverage['plugins/table.core.js'][1015]++;
+    var tableRow = this.table.rows[rowIndex], tmpCell = tableRow.insertCell((this.indexTable[rowIndex][j].cellIndex + 1));
+    _$jscoverage['plugins/table.core.js'][1017]++;
+    tmpCell.rowSpan = cellInfo.rowSpan;
+    _$jscoverage['plugins/table.core.js'][1018]++;
+    this.setCellContent(tmpCell);
+    _$jscoverage['plugins/table.core.js'][1019]++;
+    tmpCell.setAttribute("vAlign", cell.getAttribute("vAlign"));
+    _$jscoverage['plugins/table.core.js'][1020]++;
+    tmpCell.setAttribute("align", cell.getAttribute("align"));
+    _$jscoverage['plugins/table.core.js'][1021]++;
+    tmpCell.setAttribute("width", backWidth);
+    _$jscoverage['plugins/table.core.js'][1022]++;
+    if (cell.style.cssText) {
+      _$jscoverage['plugins/table.core.js'][1023]++;
+      tmpCell.style.cssText = cell.style.cssText;
+    }
+    _$jscoverage['plugins/table.core.js'][1026]++;
+    if ((cell.tagName == "TH")) {
+      _$jscoverage['plugins/table.core.js'][1027]++;
+      var th = cell.ownerDocument.createElement("th");
+      _$jscoverage['plugins/table.core.js'][1028]++;
+      th.appendChild(tmpCell.firstChild);
+      _$jscoverage['plugins/table.core.js'][1029]++;
+      th.setAttribute("vAlign", cell.getAttribute("vAlign"));
+      _$jscoverage['plugins/table.core.js'][1030]++;
+      th.rowSpan = tmpCell.rowSpan;
+      _$jscoverage['plugins/table.core.js'][1031]++;
+      tableRow.insertBefore(th, tmpCell);
+      _$jscoverage['plugins/table.core.js'][1032]++;
+      domUtils.remove(tmpCell);
+    }
+    _$jscoverage['plugins/table.core.js'][1034]++;
+    results.push(tmpCell);
+}
+  _$jscoverage['plugins/table.core.js'][1036]++;
+  this.update();
+  _$jscoverage['plugins/table.core.js'][1037]++;
+  return results;
+}), isLastCell: (function (cell, rowsNum, colsNum) {
+  _$jscoverage['plugins/table.core.js'][1040]++;
+  rowsNum = (rowsNum || this.rowsNum);
+  _$jscoverage['plugins/table.core.js'][1041]++;
+  colsNum = (colsNum || this.colsNum);
+  _$jscoverage['plugins/table.core.js'][1042]++;
+  var cellInfo = this.getCellInfo(cell);
+  _$jscoverage['plugins/table.core.js'][1043]++;
+  return (((cellInfo.rowIndex + cellInfo.rowSpan) == rowsNum) && ((cellInfo.colIndex + cellInfo.colSpan) == colsNum));
+}), getLastCell: (function (cells) {
+  _$jscoverage['plugins/table.core.js'][1047]++;
+  cells = (cells || this.table.getElementsByTagName("td"));
+  _$jscoverage['plugins/table.core.js'][1048]++;
+  var firstInfo = this.getCellInfo(cells[0]);
+  _$jscoverage['plugins/table.core.js'][1049]++;
+  var me = this, last = cells[0], tr = last.parentNode, cellsNum = 0, cols = 0, rows;
+  _$jscoverage['plugins/table.core.js'][1052]++;
+  utils.each(cells, (function (cell) {
+  _$jscoverage['plugins/table.core.js'][1053]++;
+  if ((cell.parentNode == tr)) {
+    _$jscoverage['plugins/table.core.js'][1053]++;
+    cols += (cell.colSpan || 1);
+  }
+  _$jscoverage['plugins/table.core.js'][1054]++;
+  cellsNum += ((cell.rowSpan * cell.colSpan) || 1);
+}));
+  _$jscoverage['plugins/table.core.js'][1056]++;
+  rows = (cellsNum / cols);
+  _$jscoverage['plugins/table.core.js'][1057]++;
+  utils.each(cells, (function (cell) {
+  _$jscoverage['plugins/table.core.js'][1058]++;
+  if (me.isLastCell(cell, rows, cols)) {
+    _$jscoverage['plugins/table.core.js'][1059]++;
+    last = cell;
+    _$jscoverage['plugins/table.core.js'][1060]++;
+    return false;
+  }
+}));
+  _$jscoverage['plugins/table.core.js'][1063]++;
+  return last;
+}), selectRow: (function (rowIndex) {
+  _$jscoverage['plugins/table.core.js'][1067]++;
+  var indexRow = this.indexTable[rowIndex], start = this.getCell(indexRow[0].rowIndex, indexRow[0].cellIndex), end = this.getCell(indexRow[(this.colsNum - 1)].rowIndex, indexRow[(this.colsNum - 1)].cellIndex), range = this.getCellsRange(start, end);
+  _$jscoverage['plugins/table.core.js'][1071]++;
+  this.setSelected(range);
+}), selectTable: (function () {
+  _$jscoverage['plugins/table.core.js'][1074]++;
+  var tds = this.table.getElementsByTagName("td"), range = this.getCellsRange(tds[0], tds[(tds.length - 1)]);
+  _$jscoverage['plugins/table.core.js'][1076]++;
+  this.setSelected(range);
+}), sortTable: (function (sortByCellIndex, compareFn) {
+  _$jscoverage['plugins/table.core.js'][1079]++;
+  var table = this.table, rows = table.rows, trArray = [], flag = (rows[0].cells[0].tagName === "TH"), lastRowIndex = 0;
+  _$jscoverage['plugins/table.core.js'][1084]++;
+  if (this.selectedTds.length) {
+    _$jscoverage['plugins/table.core.js'][1085]++;
+    var range = this.cellsRange, len = (range.endRowIndex + 1);
+    _$jscoverage['plugins/table.core.js'][1087]++;
+    for (var i = range.beginRowIndex; (i < len); (i++)) {
+      _$jscoverage['plugins/table.core.js'][1088]++;
+      trArray[i] = rows[i];
+}
+    _$jscoverage['plugins/table.core.js'][1090]++;
+    trArray.splice(0, range.beginRowIndex);
+    _$jscoverage['plugins/table.core.js'][1091]++;
+    lastRowIndex = (((range.endRowIndex + 1) === this.rowsNum)? 0: (range.endRowIndex + 1));
+  }
+  else {
+    _$jscoverage['plugins/table.core.js'][1093]++;
+    for (var i = 0, len = rows.length; (i < len); (i++)) {
+      _$jscoverage['plugins/table.core.js'][1094]++;
+      trArray[i] = rows[i];
+}
+  }
+  _$jscoverage['plugins/table.core.js'][1098]++;
+  (flag && trArray.splice(0, 1));
+  _$jscoverage['plugins/table.core.js'][1099]++;
+  trArray = utils.sort(trArray, (function (tr1, tr2) {
+  _$jscoverage['plugins/table.core.js'][1100]++;
+  var txt = (function (node) {
+  _$jscoverage['plugins/table.core.js'][1101]++;
+  return (node.innerText || node.textContent);
+});
+  _$jscoverage['plugins/table.core.js'][1103]++;
+  return (compareFn? (((typeof compareFn) === "number")? compareFn: compareFn.call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex])): (function () {
+  _$jscoverage['plugins/table.core.js'][1104]++;
+  var value1 = txt(tr1.cells[sortByCellIndex]), value2 = txt(tr2.cells[sortByCellIndex]);
+  _$jscoverage['plugins/table.core.js'][1106]++;
+  return value1.localeCompare(value2);
+})());
+}));
+  _$jscoverage['plugins/table.core.js'][1109]++;
+  var fragment = table.ownerDocument.createDocumentFragment();
+  _$jscoverage['plugins/table.core.js'][1110]++;
+  for (var j = 0, len = trArray.length; (j < len); (j++)) {
+    _$jscoverage['plugins/table.core.js'][1111]++;
+    fragment.appendChild(trArray[j]);
+}
+  _$jscoverage['plugins/table.core.js'][1113]++;
+  var tbody = table.getElementsByTagName("tbody")[0];
+  _$jscoverage['plugins/table.core.js'][1114]++;
+  if ((! lastRowIndex)) {
+    _$jscoverage['plugins/table.core.js'][1115]++;
+    tbody.appendChild(fragment);
+  }
+  else {
+    _$jscoverage['plugins/table.core.js'][1117]++;
+    tbody.insertBefore(fragment, rows[(((lastRowIndex - range.endRowIndex) + range.beginRowIndex) - 1)]);
+  }
+}), setBackground: (function (cells, value) {
+  _$jscoverage['plugins/table.core.js'][1121]++;
+  if (((typeof value) === "string")) {
+    _$jscoverage['plugins/table.core.js'][1122]++;
+    utils.each(cells, (function (cell) {
+  _$jscoverage['plugins/table.core.js'][1123]++;
+  cell.style.backgroundColor = value;
+}));
+  }
+  else {
+    _$jscoverage['plugins/table.core.js'][1125]++;
+    if (((typeof value) === "object")) {
+      _$jscoverage['plugins/table.core.js'][1126]++;
+      value = utils.extend({repeat: true, colorList: ["#ddd", "#fff"]}, value);
+      _$jscoverage['plugins/table.core.js'][1130]++;
+      var rowIndex = this.getCellInfo(cells[0]).rowIndex, count = 0, colors = value.colorList, getColor = (function (list, index, repeat) {
+  _$jscoverage['plugins/table.core.js'][1134]++;
+  return (list[index]? list[index]: (repeat? list[(index % list.length)]: ""));
+});
+      _$jscoverage['plugins/table.core.js'][1136]++;
+      for (var i = 0, cell; (cell = cells[(i++)]);) {
+        _$jscoverage['plugins/table.core.js'][1137]++;
+        var cellInfo = this.getCellInfo(cell);
+        _$jscoverage['plugins/table.core.js'][1138]++;
+        cell.style.backgroundColor = getColor(colors, (((rowIndex + count) == cellInfo.rowIndex)? count: (++count)), value.repeat);
+}
+    }
+  }
+}), removeBackground: (function (cells) {
+  _$jscoverage['plugins/table.core.js'][1143]++;
+  utils.each(cells, (function (cell) {
+  _$jscoverage['plugins/table.core.js'][1144]++;
+  cell.style.backgroundColor = "";
+}));
+})};
+  _$jscoverage['plugins/table.core.js'][1150]++;
+  function showError(e) {
+}
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/template.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/template.js
new file mode 100644
index 000000000..f46cd1d8b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/template.js
@@ -0,0 +1,108 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/template.js']) {
+  _$jscoverage['plugins/template.js'] = [];
+  _$jscoverage['plugins/template.js'][2] = 0;
+  _$jscoverage['plugins/template.js'][3] = 0;
+  _$jscoverage['plugins/template.js'][5] = 0;
+  _$jscoverage['plugins/template.js'][8] = 0;
+  _$jscoverage['plugins/template.js'][9] = 0;
+  _$jscoverage['plugins/template.js'][11] = 0;
+  _$jscoverage['plugins/template.js'][12] = 0;
+  _$jscoverage['plugins/template.js'][13] = 0;
+  _$jscoverage['plugins/template.js'][16] = 0;
+  _$jscoverage['plugins/template.js'][18] = 0;
+  _$jscoverage['plugins/template.js'][19] = 0;
+  _$jscoverage['plugins/template.js'][20] = 0;
+  _$jscoverage['plugins/template.js'][21] = 0;
+  _$jscoverage['plugins/template.js'][22] = 0;
+  _$jscoverage['plugins/template.js'][23] = 0;
+  _$jscoverage['plugins/template.js'][24] = 0;
+  _$jscoverage['plugins/template.js'][27] = 0;
+  _$jscoverage['plugins/template.js'][28] = 0;
+}
+_$jscoverage['plugins/template.js'].source = ["","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'template'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'template'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> obj<span class=\"k\">)</span> <span class=\"k\">{</span>","            obj<span class=\"k\">.</span>html <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"inserthtml\"</span><span class=\"k\">,</span> obj<span class=\"k\">.</span>html<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">this</span><span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"click\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> el <span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">,</span>","            range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","        <span class=\"k\">var</span> tnode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>el<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>className <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">\"ue_t\"</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> node<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        tnode <span class=\"k\">&amp;&amp;</span> range<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>tnode<span class=\"k\">).</span>shrinkBoundary<span class=\"k\">().</span>select<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">this</span><span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"keydown\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> range <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>range<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>evt<span class=\"k\">.</span>ctrlKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>metaKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>shiftKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>altKey<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> tnode <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent<span class=\"k\">(</span>range<span class=\"k\">.</span>startContainer<span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>className <span class=\"k\">&amp;&amp;</span> domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">\"ue_t\"</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> node<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>tnode<span class=\"k\">)</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>removeClasses<span class=\"k\">(</span>tnode<span class=\"k\">,</span> <span class=\"k\">[</span><span class=\"s\">\"ue_t\"</span><span class=\"k\">]);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/template.js'][2]++;
+UE.plugins.template = (function () {
+  _$jscoverage['plugins/template.js'][3]++;
+  UE.commands.template = {execCommand: (function (cmd, obj) {
+  _$jscoverage['plugins/template.js'][5]++;
+  (obj.html && this.execCommand("inserthtml", obj.html));
+})};
+  _$jscoverage['plugins/template.js'][8]++;
+  this.addListener("click", (function (type, evt) {
+  _$jscoverage['plugins/template.js'][9]++;
+  var el = (evt.target || evt.srcElement), range = this.selection.getRange();
+  _$jscoverage['plugins/template.js'][11]++;
+  var tnode = domUtils.findParent(el, (function (node) {
+  _$jscoverage['plugins/template.js'][12]++;
+  if ((node.className && domUtils.hasClass(node, "ue_t"))) {
+    _$jscoverage['plugins/template.js'][13]++;
+    return node;
+  }
+}), true);
+  _$jscoverage['plugins/template.js'][16]++;
+  (tnode && range.selectNode(tnode).shrinkBoundary().select());
+}));
+  _$jscoverage['plugins/template.js'][18]++;
+  this.addListener("keydown", (function (type, evt) {
+  _$jscoverage['plugins/template.js'][19]++;
+  var range = this.selection.getRange();
+  _$jscoverage['plugins/template.js'][20]++;
+  if ((! range.collapsed)) {
+    _$jscoverage['plugins/template.js'][21]++;
+    if (((! evt.ctrlKey) && (! evt.metaKey) && (! evt.shiftKey) && (! evt.altKey))) {
+      _$jscoverage['plugins/template.js'][22]++;
+      var tnode = domUtils.findParent(range.startContainer, (function (node) {
+  _$jscoverage['plugins/template.js'][23]++;
+  if ((node.className && domUtils.hasClass(node, "ue_t"))) {
+    _$jscoverage['plugins/template.js'][24]++;
+    return node;
+  }
+}), true);
+      _$jscoverage['plugins/template.js'][27]++;
+      if (tnode) {
+        _$jscoverage['plugins/template.js'][28]++;
+        domUtils.removeClasses(tnode, ["ue_t"]);
+      }
+    }
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/time.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/time.js
new file mode 100644
index 000000000..d9a0725a5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/time.js
@@ -0,0 +1,53 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/time.js']) {
+  _$jscoverage['plugins/time.js'] = [];
+  _$jscoverage['plugins/time.js'][28] = 0;
+  _$jscoverage['plugins/time.js'][30] = 0;
+  _$jscoverage['plugins/time.js'][31] = 0;
+}
+_$jscoverage['plugins/time.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#26102;&#38388;&#21644;&#26085;&#26399;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#24403;&#21069;&#26102;&#38388;&#65292;&#25554;&#20837;&#30340;&#26684;&#24335;&#65306;12:59:59</span>","<span class=\"c\"> * @command time</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'time');</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#25554;&#20837;&#24403;&#21069;&#26085;&#26399;&#65292;&#25554;&#20837;&#26684;&#24335;&#65306;2013-08-30</span>","<span class=\"c\"> * @command date</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * editor.execCommand( 'date');</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'time'</span><span class=\"k\">]</span> <span class=\"k\">=</span> UE<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"date\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","    execCommand <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span>cmd<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> date <span class=\"k\">=</span> <span class=\"k\">new</span> Date<span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertHtml'</span><span class=\"k\">,</span>cmd <span class=\"k\">==</span> <span class=\"s\">\"time\"</span> <span class=\"k\">?</span>","            <span class=\"k\">(</span>date<span class=\"k\">.</span>getHours<span class=\"k\">()+</span><span class=\"s\">\":\"</span><span class=\"k\">+</span> <span class=\"k\">(</span>date<span class=\"k\">.</span>getMinutes<span class=\"k\">()&lt;</span><span class=\"s\">10</span> <span class=\"k\">?</span> <span class=\"s\">\"0\"</span><span class=\"k\">+</span>date<span class=\"k\">.</span>getMinutes<span class=\"k\">()</span> <span class=\"k\">:</span> date<span class=\"k\">.</span>getMinutes<span class=\"k\">())+</span><span class=\"s\">\":\"</span><span class=\"k\">+(</span>date<span class=\"k\">.</span>getSeconds<span class=\"k\">()&lt;</span><span class=\"s\">10</span> <span class=\"k\">?</span> <span class=\"s\">\"0\"</span><span class=\"k\">+</span>date<span class=\"k\">.</span>getSeconds<span class=\"k\">()</span> <span class=\"k\">:</span> date<span class=\"k\">.</span>getSeconds<span class=\"k\">()))</span> <span class=\"k\">:</span>","            <span class=\"k\">(</span>date<span class=\"k\">.</span>getFullYear<span class=\"k\">()+</span><span class=\"s\">\"-\"</span><span class=\"k\">+((</span>date<span class=\"k\">.</span>getMonth<span class=\"k\">()+</span><span class=\"s\">1</span><span class=\"k\">)&lt;</span><span class=\"s\">10</span> <span class=\"k\">?</span> <span class=\"s\">\"0\"</span><span class=\"k\">+(</span>date<span class=\"k\">.</span>getMonth<span class=\"k\">()+</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">:</span> date<span class=\"k\">.</span>getMonth<span class=\"k\">()+</span><span class=\"s\">1</span><span class=\"k\">)+</span><span class=\"s\">\"-\"</span><span class=\"k\">+(</span>date<span class=\"k\">.</span>getDate<span class=\"k\">()&lt;</span><span class=\"s\">10</span><span class=\"k\">?</span><span class=\"s\">\"0\"</span><span class=\"k\">+</span>date<span class=\"k\">.</span>getDate<span class=\"k\">():</span>date<span class=\"k\">.</span>getDate<span class=\"k\">())));</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">;</span>","","",""];
+_$jscoverage['plugins/time.js'][28]++;
+UE.commands.time = (UE.commands.date = {execCommand: (function (cmd) {
+  _$jscoverage['plugins/time.js'][30]++;
+  var date = new Date();
+  _$jscoverage['plugins/time.js'][31]++;
+  this.execCommand("insertHtml", ((cmd == "time")? (date.getHours() + ":" + ((date.getMinutes() < 10)? ("0" + date.getMinutes()): date.getMinutes()) + ":" + ((date.getSeconds() < 10)? ("0" + date.getSeconds()): date.getSeconds())): (date.getFullYear() + "-" + (((date.getMonth() + 1) < 10)? ("0" + (date.getMonth() + 1)): (date.getMonth() + 1)) + "-" + ((date.getDate() < 10)? ("0" + date.getDate()): date.getDate()))));
+})});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/undo.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/undo.js
new file mode 100644
index 000000000..a4e260b61
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/undo.js
@@ -0,0 +1,568 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/undo.js']) {
+  _$jscoverage['plugins/undo.js'] = [];
+  _$jscoverage['plugins/undo.js'][10] = 0;
+  _$jscoverage['plugins/undo.js'][11] = 0;
+  _$jscoverage['plugins/undo.js'][12] = 0;
+  _$jscoverage['plugins/undo.js'][16] = 0;
+  _$jscoverage['plugins/undo.js'][19] = 0;
+  _$jscoverage['plugins/undo.js'][20] = 0;
+  _$jscoverage['plugins/undo.js'][21] = 0;
+  _$jscoverage['plugins/undo.js'][22] = 0;
+  _$jscoverage['plugins/undo.js'][23] = 0;
+  _$jscoverage['plugins/undo.js'][24] = 0;
+  _$jscoverage['plugins/undo.js'][25] = 0;
+  _$jscoverage['plugins/undo.js'][27] = 0;
+  _$jscoverage['plugins/undo.js'][30] = 0;
+  _$jscoverage['plugins/undo.js'][31] = 0;
+  _$jscoverage['plugins/undo.js'][32] = 0;
+  _$jscoverage['plugins/undo.js'][34] = 0;
+  _$jscoverage['plugins/undo.js'][35] = 0;
+  _$jscoverage['plugins/undo.js'][37] = 0;
+  _$jscoverage['plugins/undo.js'][40] = 0;
+  _$jscoverage['plugins/undo.js'][41] = 0;
+  _$jscoverage['plugins/undo.js'][42] = 0;
+  _$jscoverage['plugins/undo.js'][43] = 0;
+  _$jscoverage['plugins/undo.js'][44] = 0;
+  _$jscoverage['plugins/undo.js'][45] = 0;
+  _$jscoverage['plugins/undo.js'][46] = 0;
+  _$jscoverage['plugins/undo.js'][47] = 0;
+  _$jscoverage['plugins/undo.js'][48] = 0;
+  _$jscoverage['plugins/undo.js'][49] = 0;
+  _$jscoverage['plugins/undo.js'][51] = 0;
+  _$jscoverage['plugins/undo.js'][52] = 0;
+  _$jscoverage['plugins/undo.js'][53] = 0;
+  _$jscoverage['plugins/undo.js'][54] = 0;
+  _$jscoverage['plugins/undo.js'][57] = 0;
+  _$jscoverage['plugins/undo.js'][60] = 0;
+  _$jscoverage['plugins/undo.js'][61] = 0;
+  _$jscoverage['plugins/undo.js'][62] = 0;
+  _$jscoverage['plugins/undo.js'][63] = 0;
+  _$jscoverage['plugins/undo.js'][64] = 0;
+  _$jscoverage['plugins/undo.js'][65] = 0;
+  _$jscoverage['plugins/undo.js'][68] = 0;
+  _$jscoverage['plugins/undo.js'][72] = 0;
+  _$jscoverage['plugins/undo.js'][73] = 0;
+  _$jscoverage['plugins/undo.js'][74] = 0;
+  _$jscoverage['plugins/undo.js'][75] = 0;
+  _$jscoverage['plugins/undo.js'][76] = 0;
+  _$jscoverage['plugins/undo.js'][77] = 0;
+  _$jscoverage['plugins/undo.js'][78] = 0;
+  _$jscoverage['plugins/undo.js'][81] = 0;
+  _$jscoverage['plugins/undo.js'][82] = 0;
+  _$jscoverage['plugins/undo.js'][84] = 0;
+  _$jscoverage['plugins/undo.js'][85] = 0;
+  _$jscoverage['plugins/undo.js'][86] = 0;
+  _$jscoverage['plugins/undo.js'][87] = 0;
+  _$jscoverage['plugins/undo.js'][92] = 0;
+  _$jscoverage['plugins/undo.js'][93] = 0;
+  _$jscoverage['plugins/undo.js'][94] = 0;
+  _$jscoverage['plugins/undo.js'][97] = 0;
+  _$jscoverage['plugins/undo.js'][98] = 0;
+  _$jscoverage['plugins/undo.js'][100] = 0;
+  _$jscoverage['plugins/undo.js'][103] = 0;
+  _$jscoverage['plugins/undo.js'][104] = 0;
+  _$jscoverage['plugins/undo.js'][105] = 0;
+  _$jscoverage['plugins/undo.js'][107] = 0;
+  _$jscoverage['plugins/undo.js'][108] = 0;
+  _$jscoverage['plugins/undo.js'][109] = 0;
+  _$jscoverage['plugins/undo.js'][110] = 0;
+  _$jscoverage['plugins/undo.js'][111] = 0;
+  _$jscoverage['plugins/undo.js'][112] = 0;
+  _$jscoverage['plugins/undo.js'][116] = 0;
+  _$jscoverage['plugins/undo.js'][118] = 0;
+  _$jscoverage['plugins/undo.js'][123] = 0;
+  _$jscoverage['plugins/undo.js'][124] = 0;
+  _$jscoverage['plugins/undo.js'][125] = 0;
+  _$jscoverage['plugins/undo.js'][128] = 0;
+  _$jscoverage['plugins/undo.js'][131] = 0;
+  _$jscoverage['plugins/undo.js'][133] = 0;
+  _$jscoverage['plugins/undo.js'][134] = 0;
+  _$jscoverage['plugins/undo.js'][136] = 0;
+  _$jscoverage['plugins/undo.js'][137] = 0;
+  _$jscoverage['plugins/undo.js'][139] = 0;
+  _$jscoverage['plugins/undo.js'][140] = 0;
+  _$jscoverage['plugins/undo.js'][142] = 0;
+  _$jscoverage['plugins/undo.js'][145] = 0;
+  _$jscoverage['plugins/undo.js'][146] = 0;
+  _$jscoverage['plugins/undo.js'][147] = 0;
+  _$jscoverage['plugins/undo.js'][149] = 0;
+  _$jscoverage['plugins/undo.js'][150] = 0;
+  _$jscoverage['plugins/undo.js'][151] = 0;
+  _$jscoverage['plugins/undo.js'][152] = 0;
+  _$jscoverage['plugins/undo.js'][153] = 0;
+  _$jscoverage['plugins/undo.js'][154] = 0;
+  _$jscoverage['plugins/undo.js'][156] = 0;
+  _$jscoverage['plugins/undo.js'][157] = 0;
+  _$jscoverage['plugins/undo.js'][158] = 0;
+  _$jscoverage['plugins/undo.js'][162] = 0;
+  _$jscoverage['plugins/undo.js'][163] = 0;
+  _$jscoverage['plugins/undo.js'][164] = 0;
+  _$jscoverage['plugins/undo.js'][165] = 0;
+  _$jscoverage['plugins/undo.js'][168] = 0;
+  _$jscoverage['plugins/undo.js'][169] = 0;
+  _$jscoverage['plugins/undo.js'][170] = 0;
+  _$jscoverage['plugins/undo.js'][173] = 0;
+  _$jscoverage['plugins/undo.js'][174] = 0;
+  _$jscoverage['plugins/undo.js'][176] = 0;
+  _$jscoverage['plugins/undo.js'][177] = 0;
+  _$jscoverage['plugins/undo.js'][178] = 0;
+  _$jscoverage['plugins/undo.js'][181] = 0;
+  _$jscoverage['plugins/undo.js'][183] = 0;
+  _$jscoverage['plugins/undo.js'][186] = 0;
+  _$jscoverage['plugins/undo.js'][191] = 0;
+  _$jscoverage['plugins/undo.js'][200] = 0;
+  _$jscoverage['plugins/undo.js'][201] = 0;
+  _$jscoverage['plugins/undo.js'][202] = 0;
+  _$jscoverage['plugins/undo.js'][203] = 0;
+  _$jscoverage['plugins/undo.js'][205] = 0;
+  _$jscoverage['plugins/undo.js'][206] = 0;
+  _$jscoverage['plugins/undo.js'][210] = 0;
+  _$jscoverage['plugins/undo.js'][215] = 0;
+  _$jscoverage['plugins/undo.js'][216] = 0;
+  _$jscoverage['plugins/undo.js'][218] = 0;
+  _$jscoverage['plugins/undo.js'][219] = 0;
+  _$jscoverage['plugins/undo.js'][220] = 0;
+  _$jscoverage['plugins/undo.js'][221] = 0;
+  _$jscoverage['plugins/undo.js'][222] = 0;
+  _$jscoverage['plugins/undo.js'][224] = 0;
+  _$jscoverage['plugins/undo.js'][225] = 0;
+  _$jscoverage['plugins/undo.js'][226] = 0;
+  _$jscoverage['plugins/undo.js'][227] = 0;
+  _$jscoverage['plugins/undo.js'][229] = 0;
+  _$jscoverage['plugins/undo.js'][230] = 0;
+  _$jscoverage['plugins/undo.js'][232] = 0;
+  _$jscoverage['plugins/undo.js'][233] = 0;
+  _$jscoverage['plugins/undo.js'][235] = 0;
+  _$jscoverage['plugins/undo.js'][236] = 0;
+  _$jscoverage['plugins/undo.js'][237] = 0;
+  _$jscoverage['plugins/undo.js'][238] = 0;
+  _$jscoverage['plugins/undo.js'][240] = 0;
+  _$jscoverage['plugins/undo.js'][241] = 0;
+  _$jscoverage['plugins/undo.js'][242] = 0;
+  _$jscoverage['plugins/undo.js'][243] = 0;
+  _$jscoverage['plugins/undo.js'][244] = 0;
+  _$jscoverage['plugins/undo.js'][245] = 0;
+  _$jscoverage['plugins/undo.js'][248] = 0;
+  _$jscoverage['plugins/undo.js'][250] = 0;
+  _$jscoverage['plugins/undo.js'][253] = 0;
+  _$jscoverage['plugins/undo.js'][254] = 0;
+  _$jscoverage['plugins/undo.js'][255] = 0;
+  _$jscoverage['plugins/undo.js'][256] = 0;
+  _$jscoverage['plugins/undo.js'][260] = 0;
+  _$jscoverage['plugins/undo.js'][261] = 0;
+  _$jscoverage['plugins/undo.js'][262] = 0;
+  _$jscoverage['plugins/undo.js'][263] = 0;
+  _$jscoverage['plugins/undo.js'][264] = 0;
+  _$jscoverage['plugins/undo.js'][265] = 0;
+  _$jscoverage['plugins/undo.js'][266] = 0;
+  _$jscoverage['plugins/undo.js'][267] = 0;
+}
+_$jscoverage['plugins/undo.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#25764;&#38144;&#21644;&#37325;&#20570;</span>","<span class=\"c\">///commandsName  Undo,Redo</span>","<span class=\"c\">///commandsTitle  &#25764;&#38144;,&#37325;&#20570;</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * @description &#22238;&#36864;</span>","<span class=\"c\"> * @author zhanyi</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'undo'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> saveSceneTimer<span class=\"k\">;</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        maxUndoCount <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>maxUndoCount <span class=\"k\">||</span> <span class=\"s\">20</span><span class=\"k\">,</span>","        maxInputCount <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>maxInputCount <span class=\"k\">||</span> <span class=\"s\">20</span><span class=\"k\">,</span>","        fillchar <span class=\"k\">=</span> <span class=\"k\">new</span> RegExp<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>fillChar <span class=\"k\">+</span> <span class=\"s\">'|&lt;</span><span class=\"t\">\\/</span><span class=\"s\">hr&gt;'</span><span class=\"k\">,</span> <span class=\"s\">'gi'</span><span class=\"k\">);</span><span class=\"c\">// ie&#20250;&#20135;&#29983;&#22810;&#20313;&#30340;&lt;/hr&gt;</span>","    <span class=\"k\">var</span> noNeedFillCharTags <span class=\"k\">=</span> <span class=\"k\">{</span>","        ol<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>ul<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>table<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tbody<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>tr<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>body<span class=\"k\">:</span><span class=\"s\">1</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">var</span> orgState <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoClearEmptyNode<span class=\"k\">;</span>","    <span class=\"k\">function</span> compareAddr<span class=\"k\">(</span>indexA<span class=\"k\">,</span> indexB<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>indexA<span class=\"k\">.</span>length <span class=\"k\">!=</span> indexB<span class=\"k\">.</span>length<span class=\"k\">)</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> l <span class=\"k\">=</span> indexA<span class=\"k\">.</span>length<span class=\"k\">;</span> i <span class=\"k\">&lt;</span> l<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>indexA<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">!=</span> indexB<span class=\"k\">[</span>i<span class=\"k\">])</span>","                <span class=\"k\">return</span> <span class=\"s\">0</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> compareRangeAddress<span class=\"k\">(</span>rngAddrA<span class=\"k\">,</span> rngAddrB<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>rngAddrA<span class=\"k\">.</span>collapsed <span class=\"k\">!=</span> rngAddrB<span class=\"k\">.</span>collapsed<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>compareAddr<span class=\"k\">(</span>rngAddrA<span class=\"k\">.</span>startAddress<span class=\"k\">,</span> rngAddrB<span class=\"k\">.</span>startAddress<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">!</span>compareAddr<span class=\"k\">(</span>rngAddrA<span class=\"k\">.</span>endAddress<span class=\"k\">,</span> rngAddrB<span class=\"k\">.</span>endAddress<span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> UndoManager<span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>list <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>hasUndo <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>hasRedo <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>undo <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>hasUndo<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>reset<span class=\"k\">();</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>index<span class=\"k\">].</span>content <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">].</span>content<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>index<span class=\"k\">--;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>restore<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>restore<span class=\"k\">(--</span><span class=\"k\">this</span><span class=\"k\">.</span>index<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>redo <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>hasRedo<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">while</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>index<span class=\"k\">].</span>content <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">].</span>content<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>index<span class=\"k\">++;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>restore<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>index<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>restore<span class=\"k\">(++</span><span class=\"k\">this</span><span class=\"k\">.</span>index<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","        <span class=\"k\">this</span><span class=\"k\">.</span>restore <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">;</span>","            <span class=\"k\">var</span> scene <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>index<span class=\"k\">];</span>","            <span class=\"k\">var</span> root <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>scene<span class=\"k\">.</span>content<span class=\"k\">.</span>replace<span class=\"k\">(</span>fillchar<span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">));</span>","            me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoClearEmptyNode <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>filterInputRule<span class=\"k\">(</span>root<span class=\"k\">);</span>","            me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoClearEmptyNode <span class=\"k\">=</span> orgState<span class=\"k\">;</span>","            <span class=\"c\">//trace:873</span>","            <span class=\"c\">//&#21435;&#25481;&#23637;&#20301;&#31526;</span>","            me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> root<span class=\"k\">.</span>toHtml<span class=\"k\">();</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'afterscencerestore'</span><span class=\"k\">);</span>","            <span class=\"c\">//&#22788;&#29702;undo&#21518;&#31354;&#26684;&#19981;&#23637;&#20301;&#30340;&#38382;&#39064;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span> <span class=\"k\">{</span>","                utils<span class=\"k\">.</span>each<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span><span class=\"s\">'td th caption p'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>domUtils<span class=\"k\">.</span>isEmptyNode<span class=\"k\">(</span>node<span class=\"k\">))</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>fillNode<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">,</span> node<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">try</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">new</span> dom<span class=\"k\">.</span>Range<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">).</span>moveToAddress<span class=\"k\">(</span>scene<span class=\"k\">.</span>address<span class=\"k\">);</span>","                rng<span class=\"k\">.</span>select<span class=\"k\">(</span>noNeedFillCharTags<span class=\"k\">[</span>rng<span class=\"k\">.</span>startContainer<span class=\"k\">.</span>nodeName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()]);</span>","            <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{}</span>","","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>clearKey<span class=\"k\">();</span>","            <span class=\"c\">//&#19981;&#33021;&#25226;&#33258;&#24049;reset&#20102;</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'reset'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","        <span class=\"k\">this</span><span class=\"k\">.</span>getScene <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">;</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">(),</span>","                rngAddress <span class=\"k\">=</span> rng<span class=\"k\">.</span>createAddress<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'beforegetscene'</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> root <span class=\"k\">=</span> UE<span class=\"k\">.</span>htmlparser<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">.</span>innerHTML<span class=\"k\">);</span>","            me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoClearEmptyNode <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>filterOutputRule<span class=\"k\">(</span>root<span class=\"k\">);</span>","            me<span class=\"k\">.</span>options<span class=\"k\">.</span>autoClearEmptyNode <span class=\"k\">=</span> orgState<span class=\"k\">;</span>","            <span class=\"k\">var</span> cont <span class=\"k\">=</span> root<span class=\"k\">.</span>toHtml<span class=\"k\">();</span>","            <span class=\"c\">//trace:3461</span>","            <span class=\"c\">//&#36825;&#20010;&#20250;&#24341;&#36215;&#22238;&#36864;&#26102;&#23548;&#33268;&#31354;&#26684;&#20002;&#22833;&#30340;&#24773;&#20917;</span>","<span class=\"c\">//            browser.ie &amp;&amp; (cont = cont.replace(/&gt;&amp;nbsp;&lt;/g, '&gt;&lt;').replace(/\\s*&lt;/g, '&lt;').replace(/&gt;\\s*/g, '&gt;'));</span>","            me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'aftergetscene'</span><span class=\"k\">);</span>","","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                address<span class=\"k\">:</span>rngAddress<span class=\"k\">,</span>","                content<span class=\"k\">:</span>cont","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>save <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>notCompareRange<span class=\"k\">,</span>notSetCursor<span class=\"k\">)</span> <span class=\"k\">{</span>","            clearTimeout<span class=\"k\">(</span>saveSceneTimer<span class=\"k\">);</span>","            <span class=\"k\">var</span> currentScene <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getScene<span class=\"k\">(</span>notSetCursor<span class=\"k\">),</span>","                lastScene <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>index<span class=\"k\">];</span>","            <span class=\"c\">//&#20869;&#23481;&#30456;&#21516;&#20301;&#32622;&#30456;&#21516;&#19981;&#23384;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>lastScene <span class=\"k\">&amp;&amp;</span> lastScene<span class=\"k\">.</span>content <span class=\"k\">==</span> currentScene<span class=\"k\">.</span>content <span class=\"k\">&amp;&amp;</span>","                <span class=\"k\">(</span> notCompareRange <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> compareRangeAddress<span class=\"k\">(</span>lastScene<span class=\"k\">.</span>address<span class=\"k\">,</span> currentScene<span class=\"k\">.</span>address<span class=\"k\">)</span> <span class=\"k\">)</span>","                <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>list <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">.</span>slice<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">.</span>push<span class=\"k\">(</span>currentScene<span class=\"k\">);</span>","            <span class=\"c\">//&#22914;&#26524;&#22823;&#20110;&#26368;&#22823;&#25968;&#37327;&#20102;&#65292;&#23601;&#25226;&#26368;&#21069;&#30340;&#21076;&#38500;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> maxUndoCount<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">.</span>shift<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">.</span>length <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>clearKey<span class=\"k\">();</span>","            <span class=\"c\">//&#36319;&#26032;undo/redo&#29366;&#24577;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>update<span class=\"k\">();</span>","","        <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>update <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>hasRedo <span class=\"k\">=</span> <span class=\"k\">!!</span><span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">];</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>hasUndo <span class=\"k\">=</span> <span class=\"k\">!!</span><span class=\"k\">this</span><span class=\"k\">.</span>list<span class=\"k\">[</span><span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">];</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>reset <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>list <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>index <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>hasUndo <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>hasRedo <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>clearKey<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>clearKey <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            keycont <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            lastKeyCode <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>undoManger <span class=\"k\">=</span> <span class=\"k\">new</span> UndoManager<span class=\"k\">();</span>","    me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>editor <span class=\"k\">=</span> me<span class=\"k\">;</span>","    <span class=\"k\">function</span> saveScene<span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">();</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'saveScene'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> args <span class=\"k\">=</span> Array<span class=\"k\">.</span>prototype<span class=\"k\">.</span>splice<span class=\"k\">.</span>call<span class=\"k\">(</span>arguments<span class=\"k\">,</span><span class=\"s\">1</span><span class=\"k\">);</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">.</span>apply<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>undoManger<span class=\"k\">,</span>args<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'beforeexeccommand'</span><span class=\"k\">,</span> saveScene<span class=\"k\">);</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'afterexeccommand'</span><span class=\"k\">,</span> saveScene<span class=\"k\">);</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'reset'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> exclude<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>exclude<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>undoManger<span class=\"k\">.</span>reset<span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'redo'</span><span class=\"k\">]</span> <span class=\"k\">=</span> me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'undo'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>undoManger<span class=\"k\">[</span>cmdName<span class=\"k\">]();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandState<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>undoManger<span class=\"k\">[</span><span class=\"s\">'has'</span> <span class=\"k\">+</span> <span class=\"k\">(</span>cmdName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'undo'</span> <span class=\"k\">?</span> <span class=\"s\">'Undo'</span> <span class=\"k\">:</span> <span class=\"s\">'Redo'</span><span class=\"k\">)]</span> <span class=\"k\">?</span> <span class=\"s\">0</span> <span class=\"k\">:</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        notNeedUndo<span class=\"k\">:</span><span class=\"s\">1</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"k\">var</span> keys <span class=\"k\">=</span> <span class=\"k\">{</span>","            <span class=\"c\">//  /*Backspace*/ 8:1, /*Delete*/ 46:1,</span>","            <span class=\"c\">/*Shift*/</span> <span class=\"s\">16</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"c\">/*Ctrl*/</span> <span class=\"s\">17</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"c\">/*Alt*/</span> <span class=\"s\">18</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span>","            <span class=\"s\">37</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"s\">38</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"s\">39</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span> <span class=\"s\">40</span><span class=\"k\">:</span><span class=\"s\">1</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        keycont <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","        lastKeyCode<span class=\"k\">;</span>","    <span class=\"c\">//&#36755;&#20837;&#27861;&#29366;&#24577;&#19979;&#19981;&#35745;&#31639;&#23383;&#31526;&#25968;</span>","    <span class=\"k\">var</span> inputType <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'ready'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">'compositionstart'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            inputType <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">'compositionend'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            inputType <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"c\">//&#24555;&#25463;&#38190;</span>","    me<span class=\"k\">.</span>addshortcutkey<span class=\"k\">(</span><span class=\"k\">{</span>","        <span class=\"s\">\"Undo\"</span><span class=\"k\">:</span><span class=\"s\">\"ctrl+90\"</span><span class=\"k\">,</span> <span class=\"c\">//undo</span>","        <span class=\"s\">\"Redo\"</span><span class=\"k\">:</span><span class=\"s\">\"ctrl+89\"</span> <span class=\"c\">//redo</span>","","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">var</span> isCollapsed <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>keys<span class=\"k\">[</span>keyCode<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>ctrlKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>metaKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>shiftKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>altKey<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>inputType<span class=\"k\">)</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","","            <span class=\"k\">if</span><span class=\"k\">(!</span>me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>collapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                isCollapsed <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>list<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            clearTimeout<span class=\"k\">(</span>saveSceneTimer<span class=\"k\">);</span>","            <span class=\"k\">function</span> save<span class=\"k\">(</span>cont<span class=\"k\">)</span><span class=\"k\">{</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>cont<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>collapsed<span class=\"k\">)</span>","                    cont<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">);</span>","                cont<span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                cont<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","            saveSceneTimer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>inputType<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> interalTimer <span class=\"k\">=</span> setInterval<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(!</span>inputType<span class=\"k\">)</span><span class=\"k\">{</span>","                            save<span class=\"k\">(</span>me<span class=\"k\">);</span>","                            clearInterval<span class=\"k\">(</span>interalTimer<span class=\"k\">)</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"s\">300</span><span class=\"k\">)</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                save<span class=\"k\">(</span>me<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"s\">200</span><span class=\"k\">);</span>","","            lastKeyCode <span class=\"k\">=</span> keyCode<span class=\"k\">;</span>","            keycont<span class=\"k\">++;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>keycont <span class=\"k\">&gt;=</span> maxInputCount <span class=\"k\">)</span> <span class=\"k\">{</span>","                save<span class=\"k\">(</span>me<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keyup'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>keys<span class=\"k\">[</span>keyCode<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>ctrlKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>metaKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>shiftKey <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>evt<span class=\"k\">.</span>altKey<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>inputType<span class=\"k\">)</span>","                <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(!</span>isCollapsed<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>undoManger<span class=\"k\">.</span>save<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                isCollapsed <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/undo.js'][10]++;
+UE.plugins.undo = (function () {
+  _$jscoverage['plugins/undo.js'][11]++;
+  var saveSceneTimer;
+  _$jscoverage['plugins/undo.js'][12]++;
+  var me = this, maxUndoCount = (me.options.maxUndoCount || 20), maxInputCount = (me.options.maxInputCount || 20), fillchar = new RegExp((domUtils.fillChar + "|</hr>"), "gi");
+  _$jscoverage['plugins/undo.js'][16]++;
+  var noNeedFillCharTags = {ol: 1, ul: 1, table: 1, tbody: 1, tr: 1, body: 1};
+  _$jscoverage['plugins/undo.js'][19]++;
+  var orgState = me.options.autoClearEmptyNode;
+  _$jscoverage['plugins/undo.js'][20]++;
+  function compareAddr(indexA, indexB) {
+    _$jscoverage['plugins/undo.js'][21]++;
+    if ((indexA.length != indexB.length)) {
+      _$jscoverage['plugins/undo.js'][22]++;
+      return 0;
+    }
+    _$jscoverage['plugins/undo.js'][23]++;
+    for (var i = 0, l = indexA.length; (i < l); (i++)) {
+      _$jscoverage['plugins/undo.js'][24]++;
+      if ((indexA[i] != indexB[i])) {
+        _$jscoverage['plugins/undo.js'][25]++;
+        return 0;
+      }
+}
+    _$jscoverage['plugins/undo.js'][27]++;
+    return 1;
+}
+  _$jscoverage['plugins/undo.js'][30]++;
+  function compareRangeAddress(rngAddrA, rngAddrB) {
+    _$jscoverage['plugins/undo.js'][31]++;
+    if ((rngAddrA.collapsed != rngAddrB.collapsed)) {
+      _$jscoverage['plugins/undo.js'][32]++;
+      return 0;
+    }
+    _$jscoverage['plugins/undo.js'][34]++;
+    if (((! compareAddr(rngAddrA.startAddress, rngAddrB.startAddress)) || (! compareAddr(rngAddrA.endAddress, rngAddrB.endAddress)))) {
+      _$jscoverage['plugins/undo.js'][35]++;
+      return 0;
+    }
+    _$jscoverage['plugins/undo.js'][37]++;
+    return 1;
+}
+  _$jscoverage['plugins/undo.js'][40]++;
+  function UndoManager() {
+    _$jscoverage['plugins/undo.js'][41]++;
+    this.list = [];
+    _$jscoverage['plugins/undo.js'][42]++;
+    this.index = 0;
+    _$jscoverage['plugins/undo.js'][43]++;
+    this.hasUndo = false;
+    _$jscoverage['plugins/undo.js'][44]++;
+    this.hasRedo = false;
+    _$jscoverage['plugins/undo.js'][45]++;
+    this.undo = (function () {
+  _$jscoverage['plugins/undo.js'][46]++;
+  if (this.hasUndo) {
+    _$jscoverage['plugins/undo.js'][47]++;
+    if (((! this.list[(this.index - 1)]) && (this.list.length == 1))) {
+      _$jscoverage['plugins/undo.js'][48]++;
+      this.reset();
+      _$jscoverage['plugins/undo.js'][49]++;
+      return;
+    }
+    _$jscoverage['plugins/undo.js'][51]++;
+    while ((this.list[this.index].content == this.list[(this.index - 1)].content)) {
+      _$jscoverage['plugins/undo.js'][52]++;
+      (this.index--);
+      _$jscoverage['plugins/undo.js'][53]++;
+      if ((this.index == 0)) {
+        _$jscoverage['plugins/undo.js'][54]++;
+        return this.restore(0);
+      }
+}
+    _$jscoverage['plugins/undo.js'][57]++;
+    this.restore((--this.index));
+  }
+});
+    _$jscoverage['plugins/undo.js'][60]++;
+    this.redo = (function () {
+  _$jscoverage['plugins/undo.js'][61]++;
+  if (this.hasRedo) {
+    _$jscoverage['plugins/undo.js'][62]++;
+    while ((this.list[this.index].content == this.list[(this.index + 1)].content)) {
+      _$jscoverage['plugins/undo.js'][63]++;
+      (this.index++);
+      _$jscoverage['plugins/undo.js'][64]++;
+      if ((this.index == (this.list.length - 1))) {
+        _$jscoverage['plugins/undo.js'][65]++;
+        return this.restore(this.index);
+      }
+}
+    _$jscoverage['plugins/undo.js'][68]++;
+    this.restore((++this.index));
+  }
+});
+    _$jscoverage['plugins/undo.js'][72]++;
+    this.restore = (function () {
+  _$jscoverage['plugins/undo.js'][73]++;
+  var me = this.editor;
+  _$jscoverage['plugins/undo.js'][74]++;
+  var scene = this.list[this.index];
+  _$jscoverage['plugins/undo.js'][75]++;
+  var root = UE.htmlparser(scene.content.replace(fillchar, ""));
+  _$jscoverage['plugins/undo.js'][76]++;
+  me.options.autoClearEmptyNode = false;
+  _$jscoverage['plugins/undo.js'][77]++;
+  me.filterInputRule(root);
+  _$jscoverage['plugins/undo.js'][78]++;
+  me.options.autoClearEmptyNode = orgState;
+  _$jscoverage['plugins/undo.js'][81]++;
+  me.document.body.innerHTML = root.toHtml();
+  _$jscoverage['plugins/undo.js'][82]++;
+  me.fireEvent("afterscencerestore");
+  _$jscoverage['plugins/undo.js'][84]++;
+  if (browser.ie) {
+    _$jscoverage['plugins/undo.js'][85]++;
+    utils.each(domUtils.getElementsByTagName(me.document, "td th caption p"), (function (node) {
+  _$jscoverage['plugins/undo.js'][86]++;
+  if (domUtils.isEmptyNode(node)) {
+    _$jscoverage['plugins/undo.js'][87]++;
+    domUtils.fillNode(me.document, node);
+  }
+}));
+  }
+  _$jscoverage['plugins/undo.js'][92]++;
+  try {
+    _$jscoverage['plugins/undo.js'][93]++;
+    var rng = new (dom.Range)(me.document).moveToAddress(scene.address);
+    _$jscoverage['plugins/undo.js'][94]++;
+    rng.select(noNeedFillCharTags[rng.startContainer.nodeName.toLowerCase()]);
+  }
+  catch (e) {
+  }
+  _$jscoverage['plugins/undo.js'][97]++;
+  this.update();
+  _$jscoverage['plugins/undo.js'][98]++;
+  this.clearKey();
+  _$jscoverage['plugins/undo.js'][100]++;
+  me.fireEvent("reset", true);
+});
+    _$jscoverage['plugins/undo.js'][103]++;
+    this.getScene = (function () {
+  _$jscoverage['plugins/undo.js'][104]++;
+  var me = this.editor;
+  _$jscoverage['plugins/undo.js'][105]++;
+  var rng = me.selection.getRange(), rngAddress = rng.createAddress(false, true);
+  _$jscoverage['plugins/undo.js'][107]++;
+  me.fireEvent("beforegetscene");
+  _$jscoverage['plugins/undo.js'][108]++;
+  var root = UE.htmlparser(me.body.innerHTML);
+  _$jscoverage['plugins/undo.js'][109]++;
+  me.options.autoClearEmptyNode = false;
+  _$jscoverage['plugins/undo.js'][110]++;
+  me.filterOutputRule(root);
+  _$jscoverage['plugins/undo.js'][111]++;
+  me.options.autoClearEmptyNode = orgState;
+  _$jscoverage['plugins/undo.js'][112]++;
+  var cont = root.toHtml();
+  _$jscoverage['plugins/undo.js'][116]++;
+  me.fireEvent("aftergetscene");
+  _$jscoverage['plugins/undo.js'][118]++;
+  return ({address: rngAddress, content: cont});
+});
+    _$jscoverage['plugins/undo.js'][123]++;
+    this.save = (function (notCompareRange, notSetCursor) {
+  _$jscoverage['plugins/undo.js'][124]++;
+  clearTimeout(saveSceneTimer);
+  _$jscoverage['plugins/undo.js'][125]++;
+  var currentScene = this.getScene(notSetCursor), lastScene = this.list[this.index];
+  _$jscoverage['plugins/undo.js'][128]++;
+  if ((lastScene && (lastScene.content == currentScene.content) && (notCompareRange? 1: compareRangeAddress(lastScene.address, currentScene.address)))) {
+    _$jscoverage['plugins/undo.js'][131]++;
+    return;
+  }
+  _$jscoverage['plugins/undo.js'][133]++;
+  this.list = this.list.slice(0, (this.index + 1));
+  _$jscoverage['plugins/undo.js'][134]++;
+  this.list.push(currentScene);
+  _$jscoverage['plugins/undo.js'][136]++;
+  if ((this.list.length > maxUndoCount)) {
+    _$jscoverage['plugins/undo.js'][137]++;
+    this.list.shift();
+  }
+  _$jscoverage['plugins/undo.js'][139]++;
+  this.index = (this.list.length - 1);
+  _$jscoverage['plugins/undo.js'][140]++;
+  this.clearKey();
+  _$jscoverage['plugins/undo.js'][142]++;
+  this.update();
+});
+    _$jscoverage['plugins/undo.js'][145]++;
+    this.update = (function () {
+  _$jscoverage['plugins/undo.js'][146]++;
+  this.hasRedo = (! (! this.list[(this.index + 1)]));
+  _$jscoverage['plugins/undo.js'][147]++;
+  this.hasUndo = (! (! this.list[(this.index - 1)]));
+});
+    _$jscoverage['plugins/undo.js'][149]++;
+    this.reset = (function () {
+  _$jscoverage['plugins/undo.js'][150]++;
+  this.list = [];
+  _$jscoverage['plugins/undo.js'][151]++;
+  this.index = 0;
+  _$jscoverage['plugins/undo.js'][152]++;
+  this.hasUndo = false;
+  _$jscoverage['plugins/undo.js'][153]++;
+  this.hasRedo = false;
+  _$jscoverage['plugins/undo.js'][154]++;
+  this.clearKey();
+});
+    _$jscoverage['plugins/undo.js'][156]++;
+    this.clearKey = (function () {
+  _$jscoverage['plugins/undo.js'][157]++;
+  keycont = 0;
+  _$jscoverage['plugins/undo.js'][158]++;
+  lastKeyCode = null;
+});
+}
+  _$jscoverage['plugins/undo.js'][162]++;
+  me.undoManger = new UndoManager();
+  _$jscoverage['plugins/undo.js'][163]++;
+  me.undoManger.editor = me;
+  _$jscoverage['plugins/undo.js'][164]++;
+  function saveScene() {
+    _$jscoverage['plugins/undo.js'][165]++;
+    this.undoManger.save();
+}
+  _$jscoverage['plugins/undo.js'][168]++;
+  me.addListener("saveScene", (function () {
+  _$jscoverage['plugins/undo.js'][169]++;
+  var args = Array.prototype.splice.call(arguments, 1);
+  _$jscoverage['plugins/undo.js'][170]++;
+  this.undoManger.save.apply(this.undoManger, args);
+}));
+  _$jscoverage['plugins/undo.js'][173]++;
+  me.addListener("beforeexeccommand", saveScene);
+  _$jscoverage['plugins/undo.js'][174]++;
+  me.addListener("afterexeccommand", saveScene);
+  _$jscoverage['plugins/undo.js'][176]++;
+  me.addListener("reset", (function (type, exclude) {
+  _$jscoverage['plugins/undo.js'][177]++;
+  if ((! exclude)) {
+    _$jscoverage['plugins/undo.js'][178]++;
+    this.undoManger.reset();
+  }
+}));
+  _$jscoverage['plugins/undo.js'][181]++;
+  me.commands.redo = (me.commands.undo = {execCommand: (function (cmdName) {
+  _$jscoverage['plugins/undo.js'][183]++;
+  (this.undoManger[cmdName])();
+}), queryCommandState: (function (cmdName) {
+  _$jscoverage['plugins/undo.js'][186]++;
+  return (this.undoManger[("has" + ((cmdName.toLowerCase() == "undo")? "Undo": "Redo"))]? 0: -1);
+}), notNeedUndo: 1});
+  _$jscoverage['plugins/undo.js'][191]++;
+  var keys = {16: 1, 17: 1, 18: 1, 37: 1, 38: 1, 39: 1, 40: 1}, keycont = 0, lastKeyCode;
+  _$jscoverage['plugins/undo.js'][200]++;
+  var inputType = false;
+  _$jscoverage['plugins/undo.js'][201]++;
+  me.addListener("ready", (function () {
+  _$jscoverage['plugins/undo.js'][202]++;
+  domUtils.on(this.body, "compositionstart", (function () {
+  _$jscoverage['plugins/undo.js'][203]++;
+  inputType = true;
+}));
+  _$jscoverage['plugins/undo.js'][205]++;
+  domUtils.on(this.body, "compositionend", (function () {
+  _$jscoverage['plugins/undo.js'][206]++;
+  inputType = false;
+}));
+}));
+  _$jscoverage['plugins/undo.js'][210]++;
+  me.addshortcutkey({"Undo": "ctrl+90", "Redo": "ctrl+89"});
+  _$jscoverage['plugins/undo.js'][215]++;
+  var isCollapsed = true;
+  _$jscoverage['plugins/undo.js'][216]++;
+  me.addListener("keydown", (function (type, evt) {
+  _$jscoverage['plugins/undo.js'][218]++;
+  var me = this;
+  _$jscoverage['plugins/undo.js'][219]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/undo.js'][220]++;
+  if (((! keys[keyCode]) && (! evt.ctrlKey) && (! evt.metaKey) && (! evt.shiftKey) && (! evt.altKey))) {
+    _$jscoverage['plugins/undo.js'][221]++;
+    if (inputType) {
+      _$jscoverage['plugins/undo.js'][222]++;
+      return;
+    }
+    _$jscoverage['plugins/undo.js'][224]++;
+    if ((! me.selection.getRange().collapsed)) {
+      _$jscoverage['plugins/undo.js'][225]++;
+      me.undoManger.save(false, true);
+      _$jscoverage['plugins/undo.js'][226]++;
+      isCollapsed = false;
+      _$jscoverage['plugins/undo.js'][227]++;
+      return;
+    }
+    _$jscoverage['plugins/undo.js'][229]++;
+    if ((me.undoManger.list.length == 0)) {
+      _$jscoverage['plugins/undo.js'][230]++;
+      me.undoManger.save(true);
+    }
+    _$jscoverage['plugins/undo.js'][232]++;
+    clearTimeout(saveSceneTimer);
+    _$jscoverage['plugins/undo.js'][233]++;
+    function save(cont) {
+      _$jscoverage['plugins/undo.js'][235]++;
+      if (cont.selection.getRange().collapsed) {
+        _$jscoverage['plugins/undo.js'][236]++;
+        cont.fireEvent("contentchange");
+      }
+      _$jscoverage['plugins/undo.js'][237]++;
+      cont.undoManger.save(false, true);
+      _$jscoverage['plugins/undo.js'][238]++;
+      cont.fireEvent("selectionchange");
+}
+    _$jscoverage['plugins/undo.js'][240]++;
+    saveSceneTimer = setTimeout((function () {
+  _$jscoverage['plugins/undo.js'][241]++;
+  if (inputType) {
+    _$jscoverage['plugins/undo.js'][242]++;
+    var interalTimer = setInterval((function () {
+  _$jscoverage['plugins/undo.js'][243]++;
+  if ((! inputType)) {
+    _$jscoverage['plugins/undo.js'][244]++;
+    save(me);
+    _$jscoverage['plugins/undo.js'][245]++;
+    clearInterval(interalTimer);
+  }
+}), 300);
+    _$jscoverage['plugins/undo.js'][248]++;
+    return;
+  }
+  _$jscoverage['plugins/undo.js'][250]++;
+  save(me);
+}), 200);
+    _$jscoverage['plugins/undo.js'][253]++;
+    lastKeyCode = keyCode;
+    _$jscoverage['plugins/undo.js'][254]++;
+    (keycont++);
+    _$jscoverage['plugins/undo.js'][255]++;
+    if ((keycont >= maxInputCount)) {
+      _$jscoverage['plugins/undo.js'][256]++;
+      save(me);
+    }
+  }
+}));
+  _$jscoverage['plugins/undo.js'][260]++;
+  me.addListener("keyup", (function (type, evt) {
+  _$jscoverage['plugins/undo.js'][261]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['plugins/undo.js'][262]++;
+  if (((! keys[keyCode]) && (! evt.ctrlKey) && (! evt.metaKey) && (! evt.shiftKey) && (! evt.altKey))) {
+    _$jscoverage['plugins/undo.js'][263]++;
+    if (inputType) {
+      _$jscoverage['plugins/undo.js'][264]++;
+      return;
+    }
+    _$jscoverage['plugins/undo.js'][265]++;
+    if ((! isCollapsed)) {
+      _$jscoverage['plugins/undo.js'][266]++;
+      this.undoManger.save(false, true);
+      _$jscoverage['plugins/undo.js'][267]++;
+      isCollapsed = true;
+    }
+  }
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/video.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/video.js
new file mode 100644
index 000000000..95e37bd9d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/video.js
@@ -0,0 +1,138 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/video.js']) {
+  _$jscoverage['plugins/video.js'] = [];
+  _$jscoverage['plugins/video.js'][7] = 0;
+  _$jscoverage['plugins/video.js'][9] = 0;
+  _$jscoverage['plugins/video.js'][21] = 0;
+  _$jscoverage['plugins/video.js'][22] = 0;
+  _$jscoverage['plugins/video.js'][33] = 0;
+  _$jscoverage['plugins/video.js'][34] = 0;
+  _$jscoverage['plugins/video.js'][35] = 0;
+  _$jscoverage['plugins/video.js'][37] = 0;
+  _$jscoverage['plugins/video.js'][38] = 0;
+  _$jscoverage['plugins/video.js'][43] = 0;
+  _$jscoverage['plugins/video.js'][44] = 0;
+  _$jscoverage['plugins/video.js'][46] = 0;
+  _$jscoverage['plugins/video.js'][47] = 0;
+  _$jscoverage['plugins/video.js'][93] = 0;
+  _$jscoverage['plugins/video.js'][95] = 0;
+  _$jscoverage['plugins/video.js'][96] = 0;
+  _$jscoverage['plugins/video.js'][97] = 0;
+  _$jscoverage['plugins/video.js'][98] = 0;
+  _$jscoverage['plugins/video.js'][99] = 0;
+  _$jscoverage['plugins/video.js'][101] = 0;
+  _$jscoverage['plugins/video.js'][102] = 0;
+  _$jscoverage['plugins/video.js'][103] = 0;
+  _$jscoverage['plugins/video.js'][104] = 0;
+  _$jscoverage['plugins/video.js'][105] = 0;
+  _$jscoverage['plugins/video.js'][106] = 0;
+  _$jscoverage['plugins/video.js'][107] = 0;
+  _$jscoverage['plugins/video.js'][111] = 0;
+  _$jscoverage['plugins/video.js'][113] = 0;
+}
+_$jscoverage['plugins/video.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * video&#25554;&#20214;&#65292; &#20026;UEditor&#25552;&#20379;&#35270;&#39057;&#25554;&#20837;&#25903;&#25345;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'video'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","","    <span class=\"k\">var</span> me <span class=\"k\">=</span><span class=\"k\">this</span><span class=\"k\">,</span>","        div<span class=\"k\">;</span>","","    <span class=\"c\">/*</span>","<span class=\"c\">     * &#21019;&#24314;&#25554;&#20837;&#35270;&#39057;&#23383;&#31526;&#31388;</span>","<span class=\"c\">     * @param url &#35270;&#39057;&#22320;&#22336;</span>","<span class=\"c\">     * @param width &#35270;&#39057;&#23485;&#24230;</span>","<span class=\"c\">     * @param height &#35270;&#39057;&#39640;&#24230;</span>","<span class=\"c\">     * @param align &#35270;&#39057;&#23545;&#40784;</span>","<span class=\"c\">     * @param toEmbed &#26159;&#21542;&#20197;flash&#20195;&#26367;&#26174;&#31034;</span>","<span class=\"c\">     * @param addParagraph  &#26159;&#21542;&#38656;&#35201;&#28155;&#21152;P &#26631;&#31614;</span>","<span class=\"c\">     */</span>","    <span class=\"k\">function</span> creatInsertStr<span class=\"k\">(</span>url<span class=\"k\">,</span>width<span class=\"k\">,</span>height<span class=\"k\">,</span>id<span class=\"k\">,</span>align<span class=\"k\">,</span>toEmbed<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">return</span>  <span class=\"k\">!</span>toEmbed <span class=\"k\">?</span>","","                <span class=\"s\">'&lt;img '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>id <span class=\"k\">?</span> <span class=\"s\">'id=\"'</span> <span class=\"k\">+</span> id<span class=\"k\">+</span><span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">' width=\"'</span><span class=\"k\">+</span> width <span class=\"k\">+</span><span class=\"s\">'\" height=\"'</span> <span class=\"k\">+</span> height <span class=\"k\">+</span> <span class=\"s\">'\" _url=\"'</span><span class=\"k\">+</span>url<span class=\"k\">+</span><span class=\"s\">'\" class=\"edui-faked-video\"'</span>  <span class=\"k\">+</span>","                <span class=\"s\">' src=\"'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL<span class=\"k\">+</span><span class=\"s\">'themes/default/images/spacer.gif\" style=\"background:url('</span><span class=\"k\">+</span>me<span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL<span class=\"k\">+</span><span class=\"s\">'themes/default/images/videologo.gif) no-repeat center center; border:1px solid gray;'</span><span class=\"k\">+(</span>align <span class=\"k\">?</span> <span class=\"s\">'float:'</span> <span class=\"k\">+</span> align <span class=\"k\">+</span> <span class=\"s\">';'</span><span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)+</span><span class=\"s\">'\" /&gt;'</span>","","                <span class=\"k\">:</span>","                <span class=\"s\">'&lt;embed type=\"application/x-shockwave-flash\" class=\"edui-faked-video\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"'</span> <span class=\"k\">+</span>","                <span class=\"s\">' src=\"'</span> <span class=\"k\">+</span> url <span class=\"k\">+</span> <span class=\"s\">'\" width=\"'</span> <span class=\"k\">+</span> width  <span class=\"k\">+</span> <span class=\"s\">'\" height=\"'</span> <span class=\"k\">+</span> height  <span class=\"k\">+</span> <span class=\"s\">'\"'</span>  <span class=\"k\">+</span> <span class=\"k\">(</span>align <span class=\"k\">?</span> <span class=\"s\">' style=\"float:'</span> <span class=\"k\">+</span> align <span class=\"k\">+</span> <span class=\"s\">'\"'</span><span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                <span class=\"s\">' wmode=\"transparent\" play=\"true\" loop=\"false\" menu=\"false\" allowscriptaccess=\"never\" allowfullscreen=\"true\" &gt;'</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> switchImgAndEmbed<span class=\"k\">(</span>root<span class=\"k\">,</span>img2embed<span class=\"k\">)</span><span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span>img2embed <span class=\"k\">?</span> <span class=\"s\">'img'</span> <span class=\"k\">:</span> <span class=\"s\">'embed'</span><span class=\"k\">),</span><span class=\"k\">function</span><span class=\"k\">(</span>node<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'class'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">'edui-faked-video'</span><span class=\"k\">)</span><span class=\"k\">{</span>","","                <span class=\"k\">var</span> html <span class=\"k\">=</span> creatInsertStr<span class=\"k\">(</span> img2embed <span class=\"k\">?</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'_url'</span><span class=\"k\">)</span> <span class=\"k\">:</span> node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'src'</span><span class=\"k\">),</span>node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'width'</span><span class=\"k\">),</span>node<span class=\"k\">.</span>getAttr<span class=\"k\">(</span><span class=\"s\">'height'</span><span class=\"k\">),</span><span class=\"k\">null</span><span class=\"k\">,</span>node<span class=\"k\">.</span>getStyle<span class=\"k\">(</span><span class=\"s\">'float'</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">,</span>img2embed<span class=\"k\">);</span>","                node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>replaceChild<span class=\"k\">(</span>UE<span class=\"k\">.</span>uNode<span class=\"k\">.</span>createElement<span class=\"k\">(</span>html<span class=\"k\">),</span>node<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addOutputRule<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>root<span class=\"k\">)</span><span class=\"k\">{</span>","        switchImgAndEmbed<span class=\"k\">(</span>root<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    me<span class=\"k\">.</span>addInputRule<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">(</span>root<span class=\"k\">)</span><span class=\"k\">{</span>","        switchImgAndEmbed<span class=\"k\">(</span>root<span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#25554;&#20837;&#35270;&#39057;</span>","<span class=\"c\">     * @command insertvideo</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @param { KeyValueMap } videoObj &#38190;&#20540;&#23545;&#23545;&#35937;&#65292; &#25551;&#36848;&#19968;&#20010;&#35270;&#39057;&#30340;&#25152;&#26377;&#23646;&#24615;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //editor &#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * editor.execCommand( 'insertvideo', {</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * } );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#25554;&#20837;&#35270;&#39057;</span>","<span class=\"c\">     * @command insertvideo</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @param { Array } videoArr &#38656;&#35201;&#25554;&#20837;&#30340;&#35270;&#39057;&#30340;&#25968;&#32452;&#65292; &#20854;&#20013;&#30340;&#27599;&#19968;&#20010;&#20803;&#32032;&#37117;&#26159;&#19968;&#20010;&#38190;&#20540;&#23545;&#23545;&#35937;&#65292; &#25551;&#36848;&#20102;&#19968;&#20010;&#35270;&#39057;&#30340;&#25152;&#26377;&#23646;&#24615;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //editor &#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * editor.execCommand( 'insertvideo', [  ] );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#35810;&#24403;&#21069;&#20809;&#26631;&#25152;&#22312;&#22788;&#26159;&#21542;&#26159;&#19968;&#20010;&#35270;&#39057;</span>","<span class=\"c\">     * @command insertvideo</span>","<span class=\"c\">     * @method queryCommandState</span>","<span class=\"c\">     * @param { String } cmd &#38656;&#35201;&#26597;&#35810;&#30340;&#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { int } &#22914;&#26524;&#24403;&#21069;&#20809;&#26631;&#25152;&#22312;&#22788;&#30340;&#20803;&#32032;&#26159;&#19968;&#20010;&#35270;&#39057;&#23545;&#35937;&#65292; &#21017;&#36820;&#22238;1&#65292;&#21542;&#21017;&#36820;&#22238;0</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * //editor &#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     * editor.queryCommandState( 'insertvideo' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">\"insertvideo\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> videoObjs<span class=\"k\">)</span><span class=\"k\">{</span>","            videoObjs <span class=\"k\">=</span> utils<span class=\"k\">.</span>isArray<span class=\"k\">(</span>videoObjs<span class=\"k\">)?</span>videoObjs<span class=\"k\">:[</span>videoObjs<span class=\"k\">];</span>","            <span class=\"k\">var</span> html <span class=\"k\">=</span> <span class=\"k\">[],</span>id <span class=\"k\">=</span> <span class=\"s\">'tmpVedio'</span><span class=\"k\">;</span>","            <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">,</span>vi<span class=\"k\">,</span>len <span class=\"k\">=</span> videoObjs<span class=\"k\">.</span>length<span class=\"k\">;</span>i<span class=\"k\">&lt;</span>len<span class=\"k\">;</span>i<span class=\"k\">++)</span><span class=\"k\">{</span>","                 vi <span class=\"k\">=</span> videoObjs<span class=\"k\">[</span>i<span class=\"k\">];</span>","                 html<span class=\"k\">.</span>push<span class=\"k\">(</span>creatInsertStr<span class=\"k\">(</span> vi<span class=\"k\">.</span>url<span class=\"k\">,</span> vi<span class=\"k\">.</span>width <span class=\"k\">||</span> <span class=\"s\">420</span><span class=\"k\">,</span>  vi<span class=\"k\">.</span>height <span class=\"k\">||</span> <span class=\"s\">280</span><span class=\"k\">,</span> id <span class=\"k\">+</span> i<span class=\"k\">,</span><span class=\"k\">null</span><span class=\"k\">,</span><span class=\"k\">false</span><span class=\"k\">));</span>","            <span class=\"k\">}</span>","            me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"inserthtml\"</span><span class=\"k\">,</span>html<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">\"\"</span><span class=\"k\">),</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> rng <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","            <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>len<span class=\"k\">=</span>videoObjs<span class=\"k\">.</span>length<span class=\"k\">;</span>i<span class=\"k\">&lt;</span>len<span class=\"k\">;</span>i<span class=\"k\">++)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> img <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"s\">'tmpVedio'</span><span class=\"k\">+</span>i<span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>removeAttributes<span class=\"k\">(</span>img<span class=\"k\">,</span><span class=\"s\">'id'</span><span class=\"k\">);</span>","                rng<span class=\"k\">.</span>selectNode<span class=\"k\">(</span>img<span class=\"k\">).</span>select<span class=\"k\">();</span>","                me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'imagefloat'</span><span class=\"k\">,</span>videoObjs<span class=\"k\">[</span>i<span class=\"k\">].</span>align<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandState <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> img <span class=\"k\">=</span> me<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>getClosedNode<span class=\"k\">(),</span>","                flag <span class=\"k\">=</span> img <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>className <span class=\"k\">==</span> <span class=\"s\">\"edui-faked-video\"</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> flag <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/video.js'][7]++;
+UE.plugins.video = (function () {
+  _$jscoverage['plugins/video.js'][9]++;
+  var me = this, div;
+  _$jscoverage['plugins/video.js'][21]++;
+  function creatInsertStr(url, width, height, id, align, toEmbed) {
+    _$jscoverage['plugins/video.js'][22]++;
+    return ((! toEmbed)? ("<img " + (id? ("id=\"" + id + "\""): "") + " width=\"" + width + "\" height=\"" + height + "\" _url=\"" + url + "\" class=\"edui-faked-video\"" + " src=\"" + me.options.UEDITOR_HOME_URL + "themes/default/images/spacer.gif\" style=\"background:url(" + me.options.UEDITOR_HOME_URL + "themes/default/images/videologo.gif) no-repeat center center; border:1px solid gray;" + (align? ("float:" + align + ";"): "") + "\" />"): ("<embed type=\"application/x-shockwave-flash\" class=\"edui-faked-video\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"" + " src=\"" + url + "\" width=\"" + width + "\" height=\"" + height + "\"" + (align? (" style=\"float:" + align + "\""): "") + " wmode=\"transparent\" play=\"true\" loop=\"false\" menu=\"false\" allowscriptaccess=\"never\" allowfullscreen=\"true\" >"));
+}
+  _$jscoverage['plugins/video.js'][33]++;
+  function switchImgAndEmbed(root, img2embed) {
+    _$jscoverage['plugins/video.js'][34]++;
+    utils.each(root.getNodesByTagName((img2embed? "img": "embed")), (function (node) {
+  _$jscoverage['plugins/video.js'][35]++;
+  if ((node.getAttr("class") == "edui-faked-video")) {
+    _$jscoverage['plugins/video.js'][37]++;
+    var html = creatInsertStr((img2embed? node.getAttr("_url"): node.getAttr("src")), node.getAttr("width"), node.getAttr("height"), null, (node.getStyle("float") || ""), img2embed);
+    _$jscoverage['plugins/video.js'][38]++;
+    node.parentNode.replaceChild(UE.uNode.createElement(html), node);
+  }
+}));
+}
+  _$jscoverage['plugins/video.js'][43]++;
+  me.addOutputRule((function (root) {
+  _$jscoverage['plugins/video.js'][44]++;
+  switchImgAndEmbed(root, true);
+}));
+  _$jscoverage['plugins/video.js'][46]++;
+  me.addInputRule((function (root) {
+  _$jscoverage['plugins/video.js'][47]++;
+  switchImgAndEmbed(root);
+}));
+  _$jscoverage['plugins/video.js'][93]++;
+  me.commands.insertvideo = {execCommand: (function (cmd, videoObjs) {
+  _$jscoverage['plugins/video.js'][95]++;
+  videoObjs = (utils.isArray(videoObjs)? videoObjs: [videoObjs]);
+  _$jscoverage['plugins/video.js'][96]++;
+  var html = [], id = "tmpVedio";
+  _$jscoverage['plugins/video.js'][97]++;
+  for (var i = 0, vi, len = videoObjs.length; (i < len); (i++)) {
+    _$jscoverage['plugins/video.js'][98]++;
+    vi = videoObjs[i];
+    _$jscoverage['plugins/video.js'][99]++;
+    html.push(creatInsertStr(vi.url, (vi.width || 420), (vi.height || 280), (id + i), null, false));
+}
+  _$jscoverage['plugins/video.js'][101]++;
+  me.execCommand("inserthtml", html.join(""), true);
+  _$jscoverage['plugins/video.js'][102]++;
+  var rng = this.selection.getRange();
+  _$jscoverage['plugins/video.js'][103]++;
+  for (var i = 0, len = videoObjs.length; (i < len); (i++)) {
+    _$jscoverage['plugins/video.js'][104]++;
+    var img = this.document.getElementById(("tmpVedio" + i));
+    _$jscoverage['plugins/video.js'][105]++;
+    domUtils.removeAttributes(img, "id");
+    _$jscoverage['plugins/video.js'][106]++;
+    rng.selectNode(img).select();
+    _$jscoverage['plugins/video.js'][107]++;
+    me.execCommand("imagefloat", videoObjs[i].align);
+}
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/video.js'][111]++;
+  var img = me.selection.getRange().getClosedNode(), flag = (img && (img.className == "edui-faked-video"));
+  _$jscoverage['plugins/video.js'][113]++;
+  return (flag? 1: 0);
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/webapp.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/webapp.js
new file mode 100644
index 000000000..75660c5ce
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/webapp.js
@@ -0,0 +1,119 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/webapp.js']) {
+  _$jscoverage['plugins/webapp.js'] = [];
+  _$jscoverage['plugins/webapp.js'][28] = 0;
+  _$jscoverage['plugins/webapp.js'][29] = 0;
+  _$jscoverage['plugins/webapp.js'][30] = 0;
+  _$jscoverage['plugins/webapp.js'][31] = 0;
+  _$jscoverage['plugins/webapp.js'][39] = 0;
+  _$jscoverage['plugins/webapp.js'][40] = 0;
+  _$jscoverage['plugins/webapp.js'][42] = 0;
+  _$jscoverage['plugins/webapp.js'][43] = 0;
+  _$jscoverage['plugins/webapp.js'][44] = 0;
+  _$jscoverage['plugins/webapp.js'][46] = 0;
+  _$jscoverage['plugins/webapp.js'][47] = 0;
+  _$jscoverage['plugins/webapp.js'][48] = 0;
+  _$jscoverage['plugins/webapp.js'][52] = 0;
+  _$jscoverage['plugins/webapp.js'][53] = 0;
+  _$jscoverage['plugins/webapp.js'][55] = 0;
+  _$jscoverage['plugins/webapp.js'][56] = 0;
+  _$jscoverage['plugins/webapp.js'][58] = 0;
+  _$jscoverage['plugins/webapp.js'][59] = 0;
+  _$jscoverage['plugins/webapp.js'][60] = 0;
+  _$jscoverage['plugins/webapp.js'][62] = 0;
+  _$jscoverage['plugins/webapp.js'][65] = 0;
+  _$jscoverage['plugins/webapp.js'][67] = 0;
+}
+_$jscoverage['plugins/webapp.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#30334;&#24230;&#24212;&#29992;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","","<span class=\"c\">/**</span>","<span class=\"c\"> * &#22312;&#24403;&#21069;&#20809;&#26631;&#22788;&#25554;&#20837;&#19968;&#20010;&#30334;&#24230;&#24212;&#29992;&#65292; &#38656;&#35201;&#30334;&#24230;APPKey</span>","<span class=\"c\"> * @command webapp</span>","<span class=\"c\"> * @method execCommand</span>","<span class=\"c\"> * @param { KeyValueMap } appOptions &#24212;&#29992;&#25152;&#38656;&#30340;&#21442;&#25968;&#39033;&#65292; &#25903;&#25345;&#30340;key&#26377;&#65306; title=&gt;&#24212;&#29992;&#26631;&#39064;&#65292; width=&gt;&#24212;&#29992;&#23481;&#22120;&#23485;&#24230;&#65292;</span>","<span class=\"c\"> * height=&gt;&#24212;&#29992;&#23481;&#22120;&#39640;&#24230;&#65292;logo=&gt;&#24212;&#29992;logo&#65292;url=&gt;&#24212;&#29992;&#22320;&#22336;</span>","<span class=\"c\"> * @example</span>","<span class=\"c\"> * ```javascript</span>","<span class=\"c\"> * //editor&#26159;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\"> * //&#22312;&#32534;&#36753;&#22120;&#37324;&#25554;&#20837;&#19968;&#20010;&#8220;&#26893;&#29289;&#22823;&#25112;&#20725;&#23608;&#8221;&#30340;APP</span>","<span class=\"c\"> * editor.execCommand( 'webapp' , {</span>","<span class=\"c\"> *     title: '&#26893;&#29289;&#22823;&#25112;&#20725;&#23608;',</span>","<span class=\"c\"> *     width: 560,</span>","<span class=\"c\"> *     height: 465,</span>","<span class=\"c\"> *     logo: '&#24212;&#29992;&#23637;&#31034;&#30340;&#22270;&#29255;',</span>","<span class=\"c\"> *     url: '&#30334;&#24230;&#24212;&#29992;&#30340;&#22320;&#22336;'</span>","<span class=\"c\"> * } );</span>","<span class=\"c\"> * ```</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'webapp'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    <span class=\"k\">function</span> createInsertStr<span class=\"k\">(</span> obj<span class=\"k\">,</span> toIframe<span class=\"k\">,</span> addParagraph <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">return</span> <span class=\"k\">!</span>toIframe <span class=\"k\">?</span>","                <span class=\"k\">(</span>addParagraph <span class=\"k\">?</span> <span class=\"s\">'&lt;p&gt;'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;img title=\"'</span><span class=\"k\">+</span>obj<span class=\"k\">.</span>title<span class=\"k\">+</span><span class=\"s\">'\" width=\"'</span> <span class=\"k\">+</span> obj<span class=\"k\">.</span>width <span class=\"k\">+</span> <span class=\"s\">'\" height=\"'</span> <span class=\"k\">+</span> obj<span class=\"k\">.</span>height <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">+</span>","                        <span class=\"s\">' src=\"'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">+</span> <span class=\"s\">'themes/default/images/spacer.gif\" style=\"background:url('</span> <span class=\"k\">+</span> obj<span class=\"k\">.</span>logo<span class=\"k\">+</span><span class=\"s\">') no-repeat center center; border:1px solid gray;\" class=\"edui-faked-webapp\" _url=\"'</span> <span class=\"k\">+</span> obj<span class=\"k\">.</span>url <span class=\"k\">+</span> <span class=\"s\">'\" /&gt;'</span> <span class=\"k\">+</span>","                        <span class=\"k\">(</span>addParagraph <span class=\"k\">?</span> <span class=\"s\">'&lt;/p&gt;'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span>","                <span class=\"k\">:</span>","                <span class=\"s\">'&lt;iframe class=\"edui-faked-webapp\" title=\"'</span><span class=\"k\">+</span>obj<span class=\"k\">.</span>title<span class=\"k\">+</span><span class=\"s\">'\" width=\"'</span> <span class=\"k\">+</span> obj<span class=\"k\">.</span>width <span class=\"k\">+</span> <span class=\"s\">'\" height=\"'</span> <span class=\"k\">+</span> obj<span class=\"k\">.</span>height <span class=\"k\">+</span> <span class=\"s\">'\"  scrolling=\"no\" frameborder=\"0\" src=\"'</span> <span class=\"k\">+</span> obj<span class=\"k\">.</span>url <span class=\"k\">+</span> <span class=\"s\">'\" logo_url = '</span><span class=\"k\">+</span>obj<span class=\"k\">.</span>logo<span class=\"k\">+</span><span class=\"s\">'&gt;&lt;/iframe&gt;'</span><span class=\"k\">;</span>","    <span class=\"k\">}</span>","","    <span class=\"k\">function</span> switchImgAndIframe<span class=\"k\">(</span> img2frame <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tmpdiv<span class=\"k\">,</span>","                nodes <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span> me<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"k\">!</span>img2frame <span class=\"k\">?</span> <span class=\"s\">\"iframe\"</span> <span class=\"k\">:</span> <span class=\"s\">\"img\"</span> <span class=\"k\">);</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span> <span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> node<span class=\"k\">;</span> node <span class=\"k\">=</span> nodes<span class=\"k\">[</span>i<span class=\"k\">++];</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span> node<span class=\"k\">.</span>className <span class=\"k\">!=</span> <span class=\"s\">\"edui-faked-webapp\"</span> <span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">continue</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            tmpdiv <span class=\"k\">=</span> me<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span> <span class=\"s\">\"div\"</span> <span class=\"k\">);</span>","            tmpdiv<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> createInsertStr<span class=\"k\">(</span> img2frame <span class=\"k\">?</span> <span class=\"k\">{</span>url<span class=\"k\">:</span>node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span> <span class=\"s\">\"_url\"</span> <span class=\"k\">),</span> width<span class=\"k\">:</span>node<span class=\"k\">.</span>width<span class=\"k\">,</span> height<span class=\"k\">:</span>node<span class=\"k\">.</span>height<span class=\"k\">,</span>title<span class=\"k\">:</span>node<span class=\"k\">.</span>title<span class=\"k\">,</span>logo<span class=\"k\">:</span>node<span class=\"k\">.</span>style<span class=\"k\">.</span>backgroundImage<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">\"url(\"</span><span class=\"k\">,</span><span class=\"s\">\"\"</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">\")\"</span><span class=\"k\">,</span><span class=\"s\">\"\"</span><span class=\"k\">)</span><span class=\"k\">}</span> <span class=\"k\">:</span> <span class=\"k\">{</span>url<span class=\"k\">:</span>node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span> <span class=\"s\">\"src\"</span><span class=\"k\">,</span> <span class=\"s\">2</span> <span class=\"k\">),</span>title<span class=\"k\">:</span>node<span class=\"k\">.</span>title<span class=\"k\">,</span> width<span class=\"k\">:</span>node<span class=\"k\">.</span>width<span class=\"k\">,</span> height<span class=\"k\">:</span>node<span class=\"k\">.</span>height<span class=\"k\">,</span>logo<span class=\"k\">:</span>node<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"logo_url\"</span><span class=\"k\">)</span><span class=\"k\">}</span><span class=\"k\">,</span> img2frame <span class=\"k\">?</span> <span class=\"k\">true</span> <span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">false</span> <span class=\"k\">);</span>","            node<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>replaceChild<span class=\"k\">(</span> tmpdiv<span class=\"k\">.</span>firstChild<span class=\"k\">,</span> node <span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span> <span class=\"s\">\"beforegetcontent\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        switchImgAndIframe<span class=\"k\">(</span> <span class=\"k\">true</span> <span class=\"k\">);</span>","    <span class=\"k\">}</span> <span class=\"k\">);</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span> <span class=\"s\">'aftersetcontent'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        switchImgAndIframe<span class=\"k\">(</span> <span class=\"k\">false</span> <span class=\"k\">);</span>","    <span class=\"k\">}</span> <span class=\"k\">);</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span> <span class=\"s\">'aftergetcontent'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span> cmdName <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span> cmdName <span class=\"k\">==</span> <span class=\"s\">'aftergetcontent'</span> <span class=\"k\">&amp;&amp;</span> me<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span> <span class=\"s\">'source'</span> <span class=\"k\">)</span> <span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        switchImgAndIframe<span class=\"k\">(</span> <span class=\"k\">false</span> <span class=\"k\">);</span>","    <span class=\"k\">}</span> <span class=\"k\">);</span>","","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'webapp'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span> cmd<span class=\"k\">,</span> obj <span class=\"k\">)</span> <span class=\"k\">{</span>","            me<span class=\"k\">.</span>execCommand<span class=\"k\">(</span> <span class=\"s\">\"inserthtml\"</span><span class=\"k\">,</span> createInsertStr<span class=\"k\">(</span> obj<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span><span class=\"k\">true</span> <span class=\"k\">)</span> <span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/webapp.js'][28]++;
+UE.plugins.webapp = (function () {
+  _$jscoverage['plugins/webapp.js'][29]++;
+  var me = this;
+  _$jscoverage['plugins/webapp.js'][30]++;
+  function createInsertStr(obj, toIframe, addParagraph) {
+    _$jscoverage['plugins/webapp.js'][31]++;
+    return ((! toIframe)? ((addParagraph? "<p>": "") + "<img title=\"" + obj.title + "\" width=\"" + obj.width + "\" height=\"" + obj.height + "\"" + " src=\"" + me.options.UEDITOR_HOME_URL + "themes/default/images/spacer.gif\" style=\"background:url(" + obj.logo + ") no-repeat center center; border:1px solid gray;\" class=\"edui-faked-webapp\" _url=\"" + obj.url + "\" />" + (addParagraph? "</p>": "")): ("<iframe class=\"edui-faked-webapp\" title=\"" + obj.title + "\" width=\"" + obj.width + "\" height=\"" + obj.height + "\"  scrolling=\"no\" frameborder=\"0\" src=\"" + obj.url + "\" logo_url = " + obj.logo + "></iframe>"));
+}
+  _$jscoverage['plugins/webapp.js'][39]++;
+  function switchImgAndIframe(img2frame) {
+    _$jscoverage['plugins/webapp.js'][40]++;
+    var tmpdiv, nodes = domUtils.getElementsByTagName(me.document, ((! img2frame)? "iframe": "img"));
+    _$jscoverage['plugins/webapp.js'][42]++;
+    for (var i = 0, node; (node = nodes[(i++)]);) {
+      _$jscoverage['plugins/webapp.js'][43]++;
+      if ((node.className != "edui-faked-webapp")) {
+        _$jscoverage['plugins/webapp.js'][44]++;
+        continue;
+      }
+      _$jscoverage['plugins/webapp.js'][46]++;
+      tmpdiv = me.document.createElement("div");
+      _$jscoverage['plugins/webapp.js'][47]++;
+      tmpdiv.innerHTML = createInsertStr((img2frame? {url: node.getAttribute("_url"), width: node.width, height: node.height, title: node.title, logo: node.style.backgroundImage.replace("url(", "").replace(")", "")}: {url: node.getAttribute("src", 2), title: node.title, width: node.width, height: node.height, logo: node.getAttribute("logo_url")}), (img2frame? true: false), false);
+      _$jscoverage['plugins/webapp.js'][48]++;
+      node.parentNode.replaceChild(tmpdiv.firstChild, node);
+}
+}
+  _$jscoverage['plugins/webapp.js'][52]++;
+  me.addListener("beforegetcontent", (function () {
+  _$jscoverage['plugins/webapp.js'][53]++;
+  switchImgAndIframe(true);
+}));
+  _$jscoverage['plugins/webapp.js'][55]++;
+  me.addListener("aftersetcontent", (function () {
+  _$jscoverage['plugins/webapp.js'][56]++;
+  switchImgAndIframe(false);
+}));
+  _$jscoverage['plugins/webapp.js'][58]++;
+  me.addListener("aftergetcontent", (function (cmdName) {
+  _$jscoverage['plugins/webapp.js'][59]++;
+  if (((cmdName == "aftergetcontent") && me.queryCommandState("source"))) {
+    _$jscoverage['plugins/webapp.js'][60]++;
+    return;
+  }
+  _$jscoverage['plugins/webapp.js'][62]++;
+  switchImgAndIframe(false);
+}));
+  _$jscoverage['plugins/webapp.js'][65]++;
+  me.commands.webapp = {execCommand: (function (cmd, obj) {
+  _$jscoverage['plugins/webapp.js'][67]++;
+  me.execCommand("inserthtml", createInsertStr(obj, false, true));
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/wordcount.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/wordcount.js
new file mode 100644
index 000000000..08a67d399
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/wordcount.js
@@ -0,0 +1,90 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/wordcount.js']) {
+  _$jscoverage['plugins/wordcount.js'] = [];
+  _$jscoverage['plugins/wordcount.js'][13] = 0;
+  _$jscoverage['plugins/wordcount.js'][14] = 0;
+  _$jscoverage['plugins/wordcount.js'][15] = 0;
+  _$jscoverage['plugins/wordcount.js'][16] = 0;
+  _$jscoverage['plugins/wordcount.js'][18] = 0;
+  _$jscoverage['plugins/wordcount.js'][19] = 0;
+  _$jscoverage['plugins/wordcount.js'][20] = 0;
+  _$jscoverage['plugins/wordcount.js'][21] = 0;
+  _$jscoverage['plugins/wordcount.js'][22] = 0;
+  _$jscoverage['plugins/wordcount.js'][25] = 0;
+  _$jscoverage['plugins/wordcount.js'][26] = 0;
+  _$jscoverage['plugins/wordcount.js'][27] = 0;
+  _$jscoverage['plugins/wordcount.js'][28] = 0;
+}
+_$jscoverage['plugins/wordcount.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#23383;&#25968;&#32479;&#35745;</span>","<span class=\"c\">///commandsName  WordCount,wordCount</span>","<span class=\"c\">///commandsTitle  &#23383;&#25968;&#32479;&#35745;</span>","<span class=\"c\">/*</span>","<span class=\"c\"> * Created by JetBrains WebStorm.</span>","<span class=\"c\"> * User: taoqili</span>","<span class=\"c\"> * Date: 11-9-7</span>","<span class=\"c\"> * Time: &#19979;&#21320;8:18</span>","<span class=\"c\"> * To change this template use File | Settings | File Templates.</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">'wordcount'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'contentchange'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'wordcount'</span><span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","    <span class=\"k\">var</span> timer<span class=\"k\">;</span>","    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'ready'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>me<span class=\"k\">.</span>body<span class=\"k\">,</span><span class=\"s\">\"keyup\"</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> code <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode<span class=\"k\">||</span>evt<span class=\"k\">.</span>which<span class=\"k\">,</span>","                <span class=\"c\">//&#24573;&#30053;&#30340;&#25353;&#38190;,ctr,alt,shift,&#26041;&#21521;&#38190;</span>","                ignores <span class=\"k\">=</span> <span class=\"k\">{</span><span class=\"s\">\"16\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">\"18\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">\"20\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">\"37\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">\"38\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">\"39\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">,</span><span class=\"s\">\"40\"</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>code <span class=\"k\">in</span> ignores<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","            clearTimeout<span class=\"k\">(</span>timer<span class=\"k\">);</span>","            timer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'wordcount'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span><span class=\"s\">200</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/wordcount.js'][13]++;
+UE.plugins.wordcount = (function () {
+  _$jscoverage['plugins/wordcount.js'][14]++;
+  var me = this;
+  _$jscoverage['plugins/wordcount.js'][15]++;
+  me.addListener("contentchange", (function () {
+  _$jscoverage['plugins/wordcount.js'][16]++;
+  me.fireEvent("wordcount");
+}));
+  _$jscoverage['plugins/wordcount.js'][18]++;
+  var timer;
+  _$jscoverage['plugins/wordcount.js'][19]++;
+  me.addListener("ready", (function () {
+  _$jscoverage['plugins/wordcount.js'][20]++;
+  var me = this;
+  _$jscoverage['plugins/wordcount.js'][21]++;
+  domUtils.on(me.body, "keyup", (function (evt) {
+  _$jscoverage['plugins/wordcount.js'][22]++;
+  var code = (evt.keyCode || evt.which), ignores = {"16": 1, "18": 1, "20": 1, "37": 1, "38": 1, "39": 1, "40": 1};
+  _$jscoverage['plugins/wordcount.js'][25]++;
+  if ((code in ignores)) {
+    _$jscoverage['plugins/wordcount.js'][25]++;
+    return;
+  }
+  _$jscoverage['plugins/wordcount.js'][26]++;
+  clearTimeout(timer);
+  _$jscoverage['plugins/wordcount.js'][27]++;
+  timer = setTimeout((function () {
+  _$jscoverage['plugins/wordcount.js'][28]++;
+  me.fireEvent("wordcount");
+}), 200);
+}));
+}));
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/wordimage.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/wordimage.js
new file mode 100644
index 000000000..04237c9b1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/plugins/wordimage.js
@@ -0,0 +1,113 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['plugins/wordimage.js']) {
+  _$jscoverage['plugins/wordimage.js'] = [];
+  _$jscoverage['plugins/wordimage.js'][7] = 0;
+  _$jscoverage['plugins/wordimage.js'][8] = 0;
+  _$jscoverage['plugins/wordimage.js'][10] = 0;
+  _$jscoverage['plugins/wordimage.js'][11] = 0;
+  _$jscoverage['plugins/wordimage.js'][12] = 0;
+  _$jscoverage['plugins/wordimage.js'][16] = 0;
+  _$jscoverage['plugins/wordimage.js'][17] = 0;
+  _$jscoverage['plugins/wordimage.js'][53] = 0;
+  _$jscoverage['plugins/wordimage.js'][55] = 0;
+  _$jscoverage['plugins/wordimage.js'][56] = 0;
+  _$jscoverage['plugins/wordimage.js'][57] = 0;
+  _$jscoverage['plugins/wordimage.js'][58] = 0;
+  _$jscoverage['plugins/wordimage.js'][59] = 0;
+  _$jscoverage['plugins/wordimage.js'][61] = 0;
+  _$jscoverage['plugins/wordimage.js'][62] = 0;
+  _$jscoverage['plugins/wordimage.js'][66] = 0;
+  _$jscoverage['plugins/wordimage.js'][67] = 0;
+  _$jscoverage['plugins/wordimage.js'][68] = 0;
+  _$jscoverage['plugins/wordimage.js'][69] = 0;
+  _$jscoverage['plugins/wordimage.js'][72] = 0;
+}
+_$jscoverage['plugins/wordimage.js'].source = ["<span class=\"c\">/**</span>","<span class=\"c\"> * &#26412;&#22320;&#22270;&#29255;&#24341;&#23548;&#19978;&#20256;&#25554;&#20214;</span>","<span class=\"c\"> * @file</span>","<span class=\"c\"> * @since 1.2.6.1</span>","<span class=\"c\"> */</span>","","UE<span class=\"k\">.</span>plugins<span class=\"k\">[</span><span class=\"s\">\"wordimage\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","        images<span class=\"k\">;</span>","    me<span class=\"k\">.</span>addInputRule<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>root<span class=\"k\">)</span> <span class=\"k\">{</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>root<span class=\"k\">.</span>getNodesByTagName<span class=\"k\">(</span><span class=\"s\">'img'</span><span class=\"k\">),</span> <span class=\"k\">function</span> <span class=\"k\">(</span>img<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> attrs <span class=\"k\">=</span> img<span class=\"k\">.</span>attrs<span class=\"k\">,</span>","                flag <span class=\"k\">=</span> parseInt<span class=\"k\">(</span>attrs<span class=\"k\">.</span>width<span class=\"k\">)</span> <span class=\"k\">&lt;</span> <span class=\"s\">128</span> <span class=\"k\">||</span> parseInt<span class=\"k\">(</span>attrs<span class=\"k\">.</span>height<span class=\"k\">)</span> <span class=\"k\">&lt;</span> <span class=\"s\">43</span><span class=\"k\">,</span>","                opt <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">,</span>","                src <span class=\"k\">=</span> opt<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">+</span> <span class=\"s\">'themes/default/images/spacer.gif'</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>attrs<span class=\"k\">[</span><span class=\"s\">'_src'</span><span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> attrs<span class=\"k\">[</span><span class=\"s\">'_src'</span><span class=\"k\">].</span>indexOf<span class=\"k\">(</span><span class=\"s\">\"file:///\"</span><span class=\"k\">)!==-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                img<span class=\"k\">.</span>setAttr<span class=\"k\">(</span><span class=\"k\">{</span>","                    width<span class=\"k\">:</span>attrs<span class=\"k\">.</span>width<span class=\"k\">,</span>","                    height<span class=\"k\">:</span>attrs<span class=\"k\">.</span>height<span class=\"k\">,</span>","                    alt<span class=\"k\">:</span>attrs<span class=\"k\">.</span>alt<span class=\"k\">,</span>","                    word_img<span class=\"k\">:</span>attrs<span class=\"k\">.</span>_src<span class=\"k\">,</span>","                    src<span class=\"k\">:</span>src<span class=\"k\">,</span>","                    _src<span class=\"k\">:</span>src<span class=\"k\">,</span>","                    <span class=\"s\">'style'</span><span class=\"k\">:</span><span class=\"s\">'background:url('</span> <span class=\"k\">+</span> <span class=\"k\">(</span> flag <span class=\"k\">?</span> opt<span class=\"k\">.</span>themePath <span class=\"k\">+</span> opt<span class=\"k\">.</span>theme <span class=\"k\">+</span> <span class=\"s\">'/images/word.gif'</span> <span class=\"k\">:</span> opt<span class=\"k\">.</span>langPath <span class=\"k\">+</span> opt<span class=\"k\">.</span>lang <span class=\"k\">+</span> <span class=\"s\">'/images/localimage.png'</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">') no-repeat center center;border:1px solid #ddd'</span>","                <span class=\"k\">}</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#31896;&#36148;word&#25991;&#26723;&#30340;&#20869;&#23481;&#26102;&#65292;&#36816;&#34892;&#35813;&#21629;&#20196;&#65292;&#20250;&#25226;&#32534;&#36753;&#21306;&#22495;&#37324;&#30340;word&#22270;&#29255;&#22320;&#22336;&#65292;&#36171;&#20540;&#21040;editor.word_img&#30340;&#25968;&#32452;&#37324;&#38754;</span>","<span class=\"c\">     * @command wordimage</span>","<span class=\"c\">     * @method execCommand</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.execCommand( 'wordimage');</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#26597;&#35810;&#24403;&#21069;&#26159;&#21542;&#26377;word&#25991;&#26723;&#31896;&#36148;&#36827;&#26469;&#30340;&#22270;&#29255;</span>","<span class=\"c\">     * @command wordimage</span>","<span class=\"c\">     * @method queryCommandState</span>","<span class=\"c\">     * @param { String } cmd &#21629;&#20196;&#23383;&#31526;&#20018;</span>","<span class=\"c\">     * @return { int } &#22914;&#26524;&#24403;&#21069;&#32534;&#36753;&#21306;&#22495;&#26377;word&#25991;&#26723;&#30340;&#31896;&#36148;&#36827;&#26469;&#30340;&#22270;&#29255;&#65292;&#21017;&#36820;&#22238;1&#65292;&#21542;&#21017;&#36820;&#22238;-1</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     * ```javascript</span>","<span class=\"c\">     * editor.queryCommandState( 'wordimage' );</span>","<span class=\"c\">     * ```</span>","<span class=\"c\">     */</span>","","    me<span class=\"k\">.</span>commands<span class=\"k\">[</span><span class=\"s\">'wordimage'</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{</span>","        execCommand<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            images <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">\"img\"</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> urlList <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> images<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> url <span class=\"k\">=</span> ci<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"word_img\"</span><span class=\"k\">);</span>","                url <span class=\"k\">&amp;&amp;</span> urlList<span class=\"k\">.</span>push<span class=\"k\">(</span>url<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>images<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">[</span><span class=\"s\">\"word_img\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> urlList<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryCommandState<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            images <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>me<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"s\">\"img\"</span><span class=\"k\">);</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> images<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"word_img\"</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","<span class=\"k\">}</span><span class=\"k\">;</span>"];
+_$jscoverage['plugins/wordimage.js'][7]++;
+UE.plugins.wordimage = (function () {
+  _$jscoverage['plugins/wordimage.js'][8]++;
+  var me = this, images;
+  _$jscoverage['plugins/wordimage.js'][10]++;
+  me.addInputRule((function (root) {
+  _$jscoverage['plugins/wordimage.js'][11]++;
+  utils.each(root.getNodesByTagName("img"), (function (img) {
+  _$jscoverage['plugins/wordimage.js'][12]++;
+  var attrs = img.attrs, flag = ((parseInt(attrs.width) < 128) || (parseInt(attrs.height) < 43)), opt = me.options, src = (opt.UEDITOR_HOME_URL + "themes/default/images/spacer.gif");
+  _$jscoverage['plugins/wordimage.js'][16]++;
+  if ((attrs._src && (attrs._src.indexOf("file:///") !== -1))) {
+    _$jscoverage['plugins/wordimage.js'][17]++;
+    img.setAttr({width: attrs.width, height: attrs.height, alt: attrs.alt, word_img: attrs._src, src: src, _src: src, "style": ("background:url(" + (flag? (opt.themePath + opt.theme + "/images/word.gif"): (opt.langPath + opt.lang + "/images/localimage.png")) + ") no-repeat center center;border:1px solid #ddd")});
+  }
+}));
+}));
+  _$jscoverage['plugins/wordimage.js'][53]++;
+  me.commands.wordimage = {execCommand: (function () {
+  _$jscoverage['plugins/wordimage.js'][55]++;
+  images = domUtils.getElementsByTagName(me.document.body, "img");
+  _$jscoverage['plugins/wordimage.js'][56]++;
+  var urlList = [];
+  _$jscoverage['plugins/wordimage.js'][57]++;
+  for (var i = 0, ci; (ci = images[(i++)]);) {
+    _$jscoverage['plugins/wordimage.js'][58]++;
+    var url = ci.getAttribute("word_img");
+    _$jscoverage['plugins/wordimage.js'][59]++;
+    (url && urlList.push(url));
+}
+  _$jscoverage['plugins/wordimage.js'][61]++;
+  if (images.length) {
+    _$jscoverage['plugins/wordimage.js'][62]++;
+    this.word_img = urlList;
+  }
+}), queryCommandState: (function () {
+  _$jscoverage['plugins/wordimage.js'][66]++;
+  images = domUtils.getElementsByTagName(me.document.body, "img");
+  _$jscoverage['plugins/wordimage.js'][67]++;
+  for (var i = 0, ci; (ci = images[(i++)]);) {
+    _$jscoverage['plugins/wordimage.js'][68]++;
+    if (ci.getAttribute("word_img")) {
+      _$jscoverage['plugins/wordimage.js'][69]++;
+      return 1;
+    }
+}
+  _$jscoverage['plugins/wordimage.js'][72]++;
+  return -1;
+})};
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/autotypesetbutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/autotypesetbutton.js
new file mode 100644
index 000000000..3cf697733
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/autotypesetbutton.js
@@ -0,0 +1,207 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/autotypesetbutton.js']) {
+  _$jscoverage['ui/autotypesetbutton.js'] = [];
+  _$jscoverage['ui/autotypesetbutton.js'][6] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][7] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][12] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][13] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][15] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][16] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][22] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][24] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][26] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][27] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][28] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][29] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][30] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][31] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][32] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][33] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][35] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][36] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][37] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][38] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][39] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][44] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][49] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][50] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][51] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][52] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][55] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][57] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][59] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][60] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][66] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][67] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][68] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][69] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][70] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][74] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][75] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][76] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][77] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][78] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][81] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][82] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][83] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][84] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][86] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][88] = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][91] = 0;
+}
+_$jscoverage['ui/autotypesetbutton.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"c\">///import ui/popup.js</span>","<span class=\"c\">///import ui/autotypesetpicker.js</span>","<span class=\"c\">///import ui/splitbutton.js</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        Popup <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">,</span>","        AutoTypeSetPicker <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>AutoTypeSetPicker<span class=\"k\">,</span>","        SplitButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>SplitButton<span class=\"k\">,</span>","        AutoTypeSetButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>AutoTypeSetButton <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initAutoTypeSetButton<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">function</span> getPara<span class=\"k\">(</span>me<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> opt <span class=\"k\">=</span> me<span class=\"k\">.</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>autotypeset<span class=\"k\">,</span>","            cont <span class=\"k\">=</span> me<span class=\"k\">.</span>getDom<span class=\"k\">(),</span>","            editorId <span class=\"k\">=</span> me<span class=\"k\">.</span>editor<span class=\"k\">.</span>uid<span class=\"k\">,</span>","            inputType <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","            attrName <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","            ipts <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>cont<span class=\"k\">,</span><span class=\"s\">\"input\"</span><span class=\"k\">);</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span>ipts<span class=\"k\">.</span>length<span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">,</span>ipt<span class=\"k\">;</span>ipt<span class=\"k\">=</span>ipts<span class=\"k\">[</span>i<span class=\"k\">--];)</span><span class=\"k\">{</span>","","            inputType <span class=\"k\">=</span> ipt<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"type\"</span><span class=\"k\">);</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span>inputType<span class=\"k\">==</span><span class=\"s\">\"checkbox\"</span><span class=\"k\">)</span><span class=\"k\">{</span>","                attrName <span class=\"k\">=</span> ipt<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"name\"</span><span class=\"k\">);</span>","                opt<span class=\"k\">[</span>attrName<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">delete</span> opt<span class=\"k\">[</span>attrName<span class=\"k\">];</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>ipt<span class=\"k\">.</span>checked<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> attrValue <span class=\"k\">=</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span> attrName<span class=\"k\">+</span><span class=\"s\">\"Value\"</span> <span class=\"k\">+</span> editorId <span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>attrValue<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/input/ig</span><span class=\"k\">.</span>test<span class=\"k\">(</span>attrValue<span class=\"k\">.</span>tagName<span class=\"k\">))</span><span class=\"k\">{</span>","                            opt<span class=\"k\">[</span>attrName<span class=\"k\">]</span> <span class=\"k\">=</span> attrValue<span class=\"k\">.</span>value<span class=\"k\">;</span>","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            <span class=\"k\">var</span> iptChilds <span class=\"k\">=</span> attrValue<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">\"input\"</span><span class=\"k\">);</span>","                            <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> j<span class=\"k\">=</span>iptChilds<span class=\"k\">.</span>length<span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">,</span>iptchild<span class=\"k\">;</span>iptchild<span class=\"k\">=</span>iptChilds<span class=\"k\">[</span>j<span class=\"k\">--];)</span><span class=\"k\">{</span>","                                <span class=\"k\">if</span><span class=\"k\">(</span>iptchild<span class=\"k\">.</span>checked<span class=\"k\">)</span><span class=\"k\">{</span>","                                    opt<span class=\"k\">[</span>attrName<span class=\"k\">]</span> <span class=\"k\">=</span> iptchild<span class=\"k\">.</span>value<span class=\"k\">;</span>","                                    <span class=\"k\">break</span><span class=\"k\">;</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                        opt<span class=\"k\">[</span>attrName<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> selects <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>cont<span class=\"k\">,</span><span class=\"s\">\"select\"</span><span class=\"k\">);</span>","        <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">,</span>si<span class=\"k\">;</span>si<span class=\"k\">=</span>selects<span class=\"k\">[</span>i<span class=\"k\">++];)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> attr <span class=\"k\">=</span> si<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'name'</span><span class=\"k\">);</span>","            opt<span class=\"k\">[</span>attr<span class=\"k\">]</span> <span class=\"k\">=</span> opt<span class=\"k\">[</span>attr<span class=\"k\">]</span> <span class=\"k\">?</span> si<span class=\"k\">.</span>value <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","","        me<span class=\"k\">.</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>autotypeset <span class=\"k\">=</span> opt<span class=\"k\">;</span>","    <span class=\"k\">}</span>","    AutoTypeSetButton<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        initAutoTypeSetButton<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">=</span> <span class=\"k\">new</span> Popup<span class=\"k\">(</span><span class=\"k\">{</span>","                <span class=\"c\">//&#20256;&#20837;&#37197;&#32622;&#21442;&#25968;</span>","                content<span class=\"k\">:</span> <span class=\"k\">new</span> AutoTypeSetPicker<span class=\"k\">(</span><span class=\"k\">{</span>editor<span class=\"k\">:</span>me<span class=\"k\">.</span>editor<span class=\"k\">}</span><span class=\"k\">),</span>","                <span class=\"s\">'editor'</span><span class=\"k\">:</span>me<span class=\"k\">.</span>editor<span class=\"k\">,</span>","                hide <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>_hidden <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">())</span> <span class=\"k\">{</span>","                        getPara<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>_hidden <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'hide'</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> flag <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'postRenderAfter'</span><span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> popupUI <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>flag<span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">var</span> cont <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(),</span>","                    btn <span class=\"k\">=</span> cont<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span><span class=\"s\">'button'</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">];</span>","","                btn<span class=\"k\">.</span>onclick <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                    getPara<span class=\"k\">(</span>popupUI<span class=\"k\">);</span>","                    me<span class=\"k\">.</span>editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'autotypeset'</span><span class=\"k\">);</span>","                    popupUI<span class=\"k\">.</span>hide<span class=\"k\">()</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","                flag <span class=\"k\">=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initSplitButton<span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>AutoTypeSetButton<span class=\"k\">,</span> SplitButton<span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/autotypesetbutton.js'][6]++;
+(function () {
+  _$jscoverage['ui/autotypesetbutton.js'][7]++;
+  var utils = baidu.editor.utils, Popup = baidu.editor.ui.Popup, AutoTypeSetPicker = baidu.editor.ui.AutoTypeSetPicker, SplitButton = baidu.editor.ui.SplitButton, AutoTypeSetButton = (baidu.editor.ui.AutoTypeSetButton = (function (options) {
+  _$jscoverage['ui/autotypesetbutton.js'][12]++;
+  this.initOptions(options);
+  _$jscoverage['ui/autotypesetbutton.js'][13]++;
+  this.initAutoTypeSetButton();
+}));
+  _$jscoverage['ui/autotypesetbutton.js'][15]++;
+  function getPara(me) {
+    _$jscoverage['ui/autotypesetbutton.js'][16]++;
+    var opt = me.editor.options.autotypeset, cont = me.getDom(), editorId = me.editor.uid, inputType = null, attrName = null, ipts = domUtils.getElementsByTagName(cont, "input");
+    _$jscoverage['ui/autotypesetbutton.js'][22]++;
+    for (var i = (ipts.length - 1), ipt; (ipt = ipts[(i--)]);) {
+      _$jscoverage['ui/autotypesetbutton.js'][24]++;
+      inputType = ipt.getAttribute("type");
+      _$jscoverage['ui/autotypesetbutton.js'][26]++;
+      if ((inputType == "checkbox")) {
+        _$jscoverage['ui/autotypesetbutton.js'][27]++;
+        attrName = ipt.getAttribute("name");
+        _$jscoverage['ui/autotypesetbutton.js'][28]++;
+        (opt[attrName] && (delete opt[attrName]));
+        _$jscoverage['ui/autotypesetbutton.js'][29]++;
+        if (ipt.checked) {
+          _$jscoverage['ui/autotypesetbutton.js'][30]++;
+          var attrValue = document.getElementById((attrName + "Value" + editorId));
+          _$jscoverage['ui/autotypesetbutton.js'][31]++;
+          if (attrValue) {
+            _$jscoverage['ui/autotypesetbutton.js'][32]++;
+            if (/input/gi.test(attrValue.tagName)) {
+              _$jscoverage['ui/autotypesetbutton.js'][33]++;
+              opt[attrName] = attrValue.value;
+            }
+            else {
+              _$jscoverage['ui/autotypesetbutton.js'][35]++;
+              var iptChilds = attrValue.getElementsByTagName("input");
+              _$jscoverage['ui/autotypesetbutton.js'][36]++;
+              for (var j = (iptChilds.length - 1), iptchild; (iptchild = iptChilds[(j--)]);) {
+                _$jscoverage['ui/autotypesetbutton.js'][37]++;
+                if (iptchild.checked) {
+                  _$jscoverage['ui/autotypesetbutton.js'][38]++;
+                  opt[attrName] = iptchild.value;
+                  _$jscoverage['ui/autotypesetbutton.js'][39]++;
+                  break;
+                }
+}
+            }
+          }
+          else {
+            _$jscoverage['ui/autotypesetbutton.js'][44]++;
+            opt[attrName] = true;
+          }
+        }
+      }
+}
+    _$jscoverage['ui/autotypesetbutton.js'][49]++;
+    var selects = domUtils.getElementsByTagName(cont, "select");
+    _$jscoverage['ui/autotypesetbutton.js'][50]++;
+    for (var i = 0, si; (si = selects[(i++)]);) {
+      _$jscoverage['ui/autotypesetbutton.js'][51]++;
+      var attr = si.getAttribute("name");
+      _$jscoverage['ui/autotypesetbutton.js'][52]++;
+      opt[attr] = (opt[attr]? si.value: "");
+}
+    _$jscoverage['ui/autotypesetbutton.js'][55]++;
+    me.editor.options.autotypeset = opt;
+}
+  _$jscoverage['ui/autotypesetbutton.js'][57]++;
+  AutoTypeSetButton.prototype = {initAutoTypeSetButton: (function () {
+  _$jscoverage['ui/autotypesetbutton.js'][59]++;
+  var me = this;
+  _$jscoverage['ui/autotypesetbutton.js'][60]++;
+  this.popup = new Popup({content: new AutoTypeSetPicker({editor: me.editor}), "editor": me.editor, hide: (function () {
+  _$jscoverage['ui/autotypesetbutton.js'][66]++;
+  if (((! this._hidden) && this.getDom())) {
+    _$jscoverage['ui/autotypesetbutton.js'][67]++;
+    getPara(this);
+    _$jscoverage['ui/autotypesetbutton.js'][68]++;
+    this.getDom().style.display = "none";
+    _$jscoverage['ui/autotypesetbutton.js'][69]++;
+    this._hidden = true;
+    _$jscoverage['ui/autotypesetbutton.js'][70]++;
+    this.fireEvent("hide");
+  }
+})});
+  _$jscoverage['ui/autotypesetbutton.js'][74]++;
+  var flag = 0;
+  _$jscoverage['ui/autotypesetbutton.js'][75]++;
+  this.popup.addListener("postRenderAfter", (function () {
+  _$jscoverage['ui/autotypesetbutton.js'][76]++;
+  var popupUI = this;
+  _$jscoverage['ui/autotypesetbutton.js'][77]++;
+  if (flag) {
+    _$jscoverage['ui/autotypesetbutton.js'][77]++;
+    return;
+  }
+  _$jscoverage['ui/autotypesetbutton.js'][78]++;
+  var cont = this.getDom(), btn = cont.getElementsByTagName("button")[0];
+  _$jscoverage['ui/autotypesetbutton.js'][81]++;
+  btn.onclick = (function () {
+  _$jscoverage['ui/autotypesetbutton.js'][82]++;
+  getPara(popupUI);
+  _$jscoverage['ui/autotypesetbutton.js'][83]++;
+  me.editor.execCommand("autotypeset");
+  _$jscoverage['ui/autotypesetbutton.js'][84]++;
+  popupUI.hide();
+});
+  _$jscoverage['ui/autotypesetbutton.js'][86]++;
+  flag = 1;
+}));
+  _$jscoverage['ui/autotypesetbutton.js'][88]++;
+  this.initSplitButton();
+})};
+  _$jscoverage['ui/autotypesetbutton.js'][91]++;
+  utils.inherits(AutoTypeSetButton, SplitButton);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/autotypesetpicker.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/autotypesetpicker.js
new file mode 100644
index 000000000..e499278aa
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/autotypesetpicker.js
@@ -0,0 +1,80 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/autotypesetpicker.js']) {
+  _$jscoverage['ui/autotypesetpicker.js'] = [];
+  _$jscoverage['ui/autotypesetpicker.js'][3] = 0;
+  _$jscoverage['ui/autotypesetpicker.js'][4] = 0;
+  _$jscoverage['ui/autotypesetpicker.js'][7] = 0;
+  _$jscoverage['ui/autotypesetpicker.js'][8] = 0;
+  _$jscoverage['ui/autotypesetpicker.js'][9] = 0;
+  _$jscoverage['ui/autotypesetpicker.js'][11] = 0;
+  _$jscoverage['ui/autotypesetpicker.js'][13] = 0;
+  _$jscoverage['ui/autotypesetpicker.js'][16] = 0;
+  _$jscoverage['ui/autotypesetpicker.js'][20] = 0;
+  _$jscoverage['ui/autotypesetpicker.js'][23] = 0;
+  _$jscoverage['ui/autotypesetpicker.js'][48] = 0;
+}
+_$jscoverage['ui/autotypesetpicker.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">;</span>","","    <span class=\"k\">var</span> AutoTypeSetPicker <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>AutoTypeSetPicker <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initAutoTypeSetPicker<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    AutoTypeSetPicker<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        initAutoTypeSetPicker<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">,</span>","                opt <span class=\"k\">=</span> me<span class=\"k\">.</span>options<span class=\"k\">.</span>autotypeset<span class=\"k\">,</span>","                lang <span class=\"k\">=</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"autoTypeSet\"</span><span class=\"k\">);</span>","","            <span class=\"k\">var</span> textAlignInputName <span class=\"k\">=</span> <span class=\"s\">'textAlignValue'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>uid<span class=\"k\">,</span>","                imageBlockInputName <span class=\"k\">=</span> <span class=\"s\">'imageBlockLineValue'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>uid<span class=\"k\">;</span>","","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"edui-autotypesetpicker %%\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-autotypesetpicker-body\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;table &gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;tr&gt;&lt;td nowrap colspan=\"2\"&gt;&lt;input type=\"checkbox\" name=\"mergeEmptyline\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">[</span><span class=\"s\">\"mergeEmptyline\"</span><span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>mergeLine <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;&lt;td colspan=\"2\"&gt;&lt;input type=\"checkbox\" name=\"removeEmptyline\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">[</span><span class=\"s\">\"removeEmptyline\"</span><span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>delLine <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;&lt;/tr&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;tr&gt;&lt;td nowrap colspan=\"2\"&gt;&lt;input type=\"checkbox\" name=\"removeClass\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">[</span><span class=\"s\">\"removeClass\"</span><span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>removeFormat <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;&lt;td colspan=\"2\"&gt;&lt;input type=\"checkbox\" name=\"indent\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">[</span><span class=\"s\">\"indent\"</span><span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>indent <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;&lt;/tr&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;tr&gt;&lt;td nowrap colspan=\"2\"&gt;&lt;input type=\"checkbox\" name=\"textAlign\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">[</span><span class=\"s\">\"textAlign\"</span><span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>alignment <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;&lt;td colspan=\"2\" id=\"'</span> <span class=\"k\">+</span> textAlignInputName <span class=\"k\">+</span> <span class=\"s\">'\"&gt;&lt;input type=\"radio\" name=\"'</span><span class=\"k\">+</span> textAlignInputName <span class=\"k\">+</span><span class=\"s\">'\" value=\"left\" '</span> <span class=\"k\">+</span> <span class=\"k\">((</span>opt<span class=\"k\">[</span><span class=\"s\">\"textAlign\"</span><span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> opt<span class=\"k\">[</span><span class=\"s\">\"textAlign\"</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">\"left\"</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifyleft\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;input type=\"radio\" name=\"'</span><span class=\"k\">+</span> textAlignInputName <span class=\"k\">+</span><span class=\"s\">'\" value=\"center\" '</span> <span class=\"k\">+</span> <span class=\"k\">((</span>opt<span class=\"k\">[</span><span class=\"s\">\"textAlign\"</span><span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> opt<span class=\"k\">[</span><span class=\"s\">\"textAlign\"</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">\"center\"</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifycenter\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;input type=\"radio\" name=\"'</span><span class=\"k\">+</span> textAlignInputName <span class=\"k\">+</span><span class=\"s\">'\" value=\"right\" '</span> <span class=\"k\">+</span> <span class=\"k\">((</span>opt<span class=\"k\">[</span><span class=\"s\">\"textAlign\"</span><span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> opt<span class=\"k\">[</span><span class=\"s\">\"textAlign\"</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">\"right\"</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifyright\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">' &lt;/tr&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;tr&gt;&lt;td nowrap colspan=\"2\"&gt;&lt;input type=\"checkbox\" name=\"imageBlockLine\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">[</span><span class=\"s\">\"imageBlockLine\"</span><span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>imageFloat <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;td nowrap colspan=\"2\" id=\"'</span><span class=\"k\">+</span> imageBlockInputName <span class=\"k\">+</span><span class=\"s\">'\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;input type=\"radio\" name=\"'</span><span class=\"k\">+</span> imageBlockInputName <span class=\"k\">+</span><span class=\"s\">'\" value=\"none\" '</span> <span class=\"k\">+</span> <span class=\"k\">((</span>opt<span class=\"k\">[</span><span class=\"s\">\"imageBlockLine\"</span><span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> opt<span class=\"k\">[</span><span class=\"s\">\"imageBlockLine\"</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">\"none\"</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"default\"</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;input type=\"radio\" name=\"'</span><span class=\"k\">+</span> imageBlockInputName <span class=\"k\">+</span><span class=\"s\">'\" value=\"left\" '</span> <span class=\"k\">+</span> <span class=\"k\">((</span>opt<span class=\"k\">[</span><span class=\"s\">\"imageBlockLine\"</span><span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> opt<span class=\"k\">[</span><span class=\"s\">\"imageBlockLine\"</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">\"left\"</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifyleft\"</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;input type=\"radio\" name=\"'</span><span class=\"k\">+</span> imageBlockInputName <span class=\"k\">+</span><span class=\"s\">'\" value=\"center\" '</span> <span class=\"k\">+</span> <span class=\"k\">((</span>opt<span class=\"k\">[</span><span class=\"s\">\"imageBlockLine\"</span><span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> opt<span class=\"k\">[</span><span class=\"s\">\"imageBlockLine\"</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">\"center\"</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifycenter\"</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;input type=\"radio\" name=\"'</span><span class=\"k\">+</span> imageBlockInputName <span class=\"k\">+</span><span class=\"s\">'\" value=\"right\" '</span> <span class=\"k\">+</span> <span class=\"k\">((</span>opt<span class=\"k\">[</span><span class=\"s\">\"imageBlockLine\"</span><span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> opt<span class=\"k\">[</span><span class=\"s\">\"imageBlockLine\"</span><span class=\"k\">]</span> <span class=\"k\">==</span> <span class=\"s\">\"right\"</span><span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifyright\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/tr&gt;'</span> <span class=\"k\">+</span>","","                <span class=\"s\">'&lt;tr&gt;&lt;td nowrap colspan=\"2\"&gt;&lt;input type=\"checkbox\" name=\"clearFontSize\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">[</span><span class=\"s\">\"clearFontSize\"</span><span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>removeFontsize <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;&lt;td colspan=\"2\"&gt;&lt;input type=\"checkbox\" name=\"clearFontFamily\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">[</span><span class=\"s\">\"clearFontFamily\"</span><span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>removeFontFamily <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;&lt;/tr&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;tr&gt;&lt;td nowrap colspan=\"4\"&gt;&lt;input type=\"checkbox\" name=\"removeEmptyNode\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">[</span><span class=\"s\">\"removeEmptyNode\"</span><span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>removeHtml <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;&lt;/tr&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;tr&gt;&lt;td nowrap colspan=\"4\"&gt;&lt;input type=\"checkbox\" name=\"pasteFilter\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>opt<span class=\"k\">[</span><span class=\"s\">\"pasteFilter\"</span><span class=\"k\">]</span> <span class=\"k\">?</span> <span class=\"s\">\"checked\"</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span> <span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>pasteFilter <span class=\"k\">+</span> <span class=\"s\">'&lt;/td&gt;&lt;/tr&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;tr&gt;&lt;td nowrap colspan=\"4\" align=\"right\"&gt;&lt;button &gt;'</span> <span class=\"k\">+</span> lang<span class=\"k\">.</span>run <span class=\"k\">+</span> <span class=\"s\">'&lt;/button&gt;&lt;/td&gt;&lt;/tr&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/table&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _UIBase_render<span class=\"k\">:</span>UIBase<span class=\"k\">.</span>prototype<span class=\"k\">.</span>render","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>AutoTypeSetPicker<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/autotypesetpicker.js'][3]++;
+(function () {
+  _$jscoverage['ui/autotypesetpicker.js'][4]++;
+  var utils = baidu.editor.utils, UIBase = baidu.editor.ui.UIBase;
+  _$jscoverage['ui/autotypesetpicker.js'][7]++;
+  var AutoTypeSetPicker = (baidu.editor.ui.AutoTypeSetPicker = (function (options) {
+  _$jscoverage['ui/autotypesetpicker.js'][8]++;
+  this.initOptions(options);
+  _$jscoverage['ui/autotypesetpicker.js'][9]++;
+  this.initAutoTypeSetPicker();
+}));
+  _$jscoverage['ui/autotypesetpicker.js'][11]++;
+  AutoTypeSetPicker.prototype = {initAutoTypeSetPicker: (function () {
+  _$jscoverage['ui/autotypesetpicker.js'][13]++;
+  this.initUIBase();
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/autotypesetpicker.js'][16]++;
+  var me = this.editor, opt = me.options.autotypeset, lang = me.getLang("autoTypeSet");
+  _$jscoverage['ui/autotypesetpicker.js'][20]++;
+  var textAlignInputName = ("textAlignValue" + me.uid), imageBlockInputName = ("imageBlockLineValue" + me.uid);
+  _$jscoverage['ui/autotypesetpicker.js'][23]++;
+  return ("<div id=\"##\" class=\"edui-autotypesetpicker %%\">" + "<div class=\"edui-autotypesetpicker-body\">" + "<table >" + "<tr><td nowrap colspan=\"2\"><input type=\"checkbox\" name=\"mergeEmptyline\" " + (opt.mergeEmptyline? "checked": "") + ">" + lang.mergeLine + "</td><td colspan=\"2\"><input type=\"checkbox\" name=\"removeEmptyline\" " + (opt.removeEmptyline? "checked": "") + ">" + lang.delLine + "</td></tr>" + "<tr><td nowrap colspan=\"2\"><input type=\"checkbox\" name=\"removeClass\" " + (opt.removeClass? "checked": "") + ">" + lang.removeFormat + "</td><td colspan=\"2\"><input type=\"checkbox\" name=\"indent\" " + (opt.indent? "checked": "") + ">" + lang.indent + "</td></tr>" + "<tr><td nowrap colspan=\"2\"><input type=\"checkbox\" name=\"textAlign\" " + (opt.textAlign? "checked": "") + ">" + lang.alignment + "</td><td colspan=\"2\" id=\"" + textAlignInputName + "\"><input type=\"radio\" name=\"" + textAlignInputName + "\" value=\"left\" " + ((opt.textAlign && (opt.textAlign == "left"))? "checked": "") + ">" + me.getLang("justifyleft") + "<input type=\"radio\" name=\"" + textAlignInputName + "\" value=\"center\" " + ((opt.textAlign && (opt.textAlign == "center"))? "checked": "") + ">" + me.getLang("justifycenter") + "<input type=\"radio\" name=\"" + textAlignInputName + "\" value=\"right\" " + ((opt.textAlign && (opt.textAlign == "right"))? "checked": "") + ">" + me.getLang("justifyright") + " </tr>" + "<tr><td nowrap colspan=\"2\"><input type=\"checkbox\" name=\"imageBlockLine\" " + (opt.imageBlockLine? "checked": "") + ">" + lang.imageFloat + "</td>" + "<td nowrap colspan=\"2\" id=\"" + imageBlockInputName + "\">" + "<input type=\"radio\" name=\"" + imageBlockInputName + "\" value=\"none\" " + ((opt.imageBlockLine && (opt.imageBlockLine == "none"))? "checked": "") + ">" + me.getLang("default") + "<input type=\"radio\" name=\"" + imageBlockInputName + "\" value=\"left\" " + ((opt.imageBlockLine && (opt.imageBlockLine == "left"))? "checked": "") + ">" + me.getLang("justifyleft") + "<input type=\"radio\" name=\"" + imageBlockInputName + "\" value=\"center\" " + ((opt.imageBlockLine && (opt.imageBlockLine == "center"))? "checked": "") + ">" + me.getLang("justifycenter") + "<input type=\"radio\" name=\"" + imageBlockInputName + "\" value=\"right\" " + ((opt.imageBlockLine && (opt.imageBlockLine == "right"))? "checked": "") + ">" + me.getLang("justifyright") + "</tr>" + "<tr><td nowrap colspan=\"2\"><input type=\"checkbox\" name=\"clearFontSize\" " + (opt.clearFontSize? "checked": "") + ">" + lang.removeFontsize + "</td><td colspan=\"2\"><input type=\"checkbox\" name=\"clearFontFamily\" " + (opt.clearFontFamily? "checked": "") + ">" + lang.removeFontFamily + "</td></tr>" + "<tr><td nowrap colspan=\"4\"><input type=\"checkbox\" name=\"removeEmptyNode\" " + (opt.removeEmptyNode? "checked": "") + ">" + lang.removeHtml + "</td></tr>" + "<tr><td nowrap colspan=\"4\"><input type=\"checkbox\" name=\"pasteFilter\" " + (opt.pasteFilter? "checked": "") + ">" + lang.pasteFilter + "</td></tr>" + "<tr><td nowrap colspan=\"4\" align=\"right\"><button >" + lang.run + "</button></td></tr>" + "</table>" + "</div>" + "</div>");
+}), _UIBase_render: UIBase.prototype.render};
+  _$jscoverage['ui/autotypesetpicker.js'][48]++;
+  utils.inherits(AutoTypeSetPicker, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/breakline.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/breakline.js
new file mode 100644
index 000000000..35d6745eb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/breakline.js
@@ -0,0 +1,71 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/breakline.js']) {
+  _$jscoverage['ui/breakline.js'] = [];
+  _$jscoverage['ui/breakline.js'][1] = 0;
+  _$jscoverage['ui/breakline.js'][2] = 0;
+  _$jscoverage['ui/breakline.js'][5] = 0;
+  _$jscoverage['ui/breakline.js'][6] = 0;
+  _$jscoverage['ui/breakline.js'][8] = 0;
+  _$jscoverage['ui/breakline.js'][11] = 0;
+  _$jscoverage['ui/breakline.js'][14] = 0;
+  _$jscoverage['ui/breakline.js'][17] = 0;
+}
+_$jscoverage['ui/breakline.js'].source = ["<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        Breakline <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Breakline <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initSeparator<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    Breakline<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        uiName<span class=\"k\">:</span> <span class=\"s\">'Breakline'</span><span class=\"k\">,</span>","        initSeparator<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;br/&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>Breakline<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/breakline.js'][1]++;
+(function () {
+  _$jscoverage['ui/breakline.js'][2]++;
+  var utils = baidu.editor.utils, UIBase = baidu.editor.ui.UIBase, Breakline = (baidu.editor.ui.Breakline = (function (options) {
+  _$jscoverage['ui/breakline.js'][5]++;
+  this.initOptions(options);
+  _$jscoverage['ui/breakline.js'][6]++;
+  this.initSeparator();
+}));
+  _$jscoverage['ui/breakline.js'][8]++;
+  Breakline.prototype = {uiName: "Breakline", initSeparator: (function () {
+  _$jscoverage['ui/breakline.js'][11]++;
+  this.initUIBase();
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/breakline.js'][14]++;
+  return "<br/>";
+})};
+  _$jscoverage['ui/breakline.js'][17]++;
+  utils.inherits(Breakline, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/button.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/button.js
new file mode 100644
index 000000000..5346f333f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/button.js
@@ -0,0 +1,92 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/button.js']) {
+  _$jscoverage['ui/button.js'] = [];
+  _$jscoverage['ui/button.js'][4] = 0;
+  _$jscoverage['ui/button.js'][5] = 0;
+  _$jscoverage['ui/button.js'][9] = 0;
+  _$jscoverage['ui/button.js'][10] = 0;
+  _$jscoverage['ui/button.js'][12] = 0;
+  _$jscoverage['ui/button.js'][19] = 0;
+  _$jscoverage['ui/button.js'][20] = 0;
+  _$jscoverage['ui/button.js'][23] = 0;
+  _$jscoverage['ui/button.js'][34] = 0;
+  _$jscoverage['ui/button.js'][35] = 0;
+  _$jscoverage['ui/button.js'][38] = 0;
+  _$jscoverage['ui/button.js'][39] = 0;
+  _$jscoverage['ui/button.js'][43] = 0;
+  _$jscoverage['ui/button.js'][44] = 0;
+}
+_$jscoverage['ui/button.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"c\">///import ui/stateful.js</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        Stateful <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Stateful<span class=\"k\">,</span>","        Button <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Button <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initButton<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    Button<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        uiName<span class=\"k\">:</span> <span class=\"s\">'button'</span><span class=\"k\">,</span>","        label<span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span>","        title<span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span>","        showIcon<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","        showText<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","        initButton<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_init<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"edui-box %%\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div id=\"##_state\" stateful&gt;'</span> <span class=\"k\">+</span>","                 <span class=\"s\">'&lt;div class=\"%%-wrap\"&gt;&lt;div id=\"##_body\" unselectable=\"on\" '</span> <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>title <span class=\"k\">?</span> <span class=\"s\">'title=\"'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>title <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                 <span class=\"s\">' class=\"%%-body\" onmousedown=\"return false;\" onclick=\"return $$._onClick();\"&gt;'</span> <span class=\"k\">+</span>","                  <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>showIcon <span class=\"k\">?</span> <span class=\"s\">'&lt;div class=\"edui-box edui-icon\"&gt;&lt;/div&gt;'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                  <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>showText <span class=\"k\">?</span> <span class=\"s\">'&lt;div class=\"edui-box edui-label\"&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>label <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                 <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        postRender<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_postRender<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>disabled<span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onClick<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>isDisabled<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'click'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>Button<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","    utils<span class=\"k\">.</span>extend<span class=\"k\">(</span>Button<span class=\"k\">.</span>prototype<span class=\"k\">,</span> Stateful<span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/button.js'][4]++;
+(function () {
+  _$jscoverage['ui/button.js'][5]++;
+  var utils = baidu.editor.utils, UIBase = baidu.editor.ui.UIBase, Stateful = baidu.editor.ui.Stateful, Button = (baidu.editor.ui.Button = (function (options) {
+  _$jscoverage['ui/button.js'][9]++;
+  this.initOptions(options);
+  _$jscoverage['ui/button.js'][10]++;
+  this.initButton();
+}));
+  _$jscoverage['ui/button.js'][12]++;
+  Button.prototype = {uiName: "button", label: "", title: "", showIcon: true, showText: true, initButton: (function () {
+  _$jscoverage['ui/button.js'][19]++;
+  this.initUIBase();
+  _$jscoverage['ui/button.js'][20]++;
+  this.Stateful_init();
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/button.js'][23]++;
+  return ("<div id=\"##\" class=\"edui-box %%\">" + "<div id=\"##_state\" stateful>" + "<div class=\"%%-wrap\"><div id=\"##_body\" unselectable=\"on\" " + (this.title? ("title=\"" + this.title + "\""): "") + " class=\"%%-body\" onmousedown=\"return false;\" onclick=\"return $$._onClick();\">" + (this.showIcon? "<div class=\"edui-box edui-icon\"></div>": "") + (this.showText? ("<div class=\"edui-box edui-label\">" + this.label + "</div>"): "") + "</div>" + "</div>" + "</div></div>");
+}), postRender: (function () {
+  _$jscoverage['ui/button.js'][34]++;
+  this.Stateful_postRender();
+  _$jscoverage['ui/button.js'][35]++;
+  this.setDisabled(this.disabled);
+}), _onClick: (function () {
+  _$jscoverage['ui/button.js'][38]++;
+  if ((! this.isDisabled())) {
+    _$jscoverage['ui/button.js'][39]++;
+    this.fireEvent("click");
+  }
+})};
+  _$jscoverage['ui/button.js'][43]++;
+  utils.inherits(Button, UIBase);
+  _$jscoverage['ui/button.js'][44]++;
+  utils.extend(Button.prototype, Stateful);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/cellalignpicker.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/cellalignpicker.js
new file mode 100644
index 000000000..5634b1c3c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/cellalignpicker.js
@@ -0,0 +1,134 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/cellalignpicker.js']) {
+  _$jscoverage['ui/cellalignpicker.js'] = [];
+  _$jscoverage['ui/cellalignpicker.js'][3] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][4] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][14] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][15] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][16] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][17] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][19] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][23] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][40] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][41] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][46] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][47] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][51] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][58] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][60] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][61] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][63] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][65] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][67] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][71] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][80] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][83] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][84] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][85] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][86] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][91] = 0;
+  _$jscoverage['ui/cellalignpicker.js'][92] = 0;
+}
+_$jscoverage['ui/cellalignpicker.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        Popup <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">,</span>","        Stateful <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Stateful<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">;</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * &#35813;&#21442;&#25968;&#23558;&#26032;&#22686;&#19968;&#20010;&#21442;&#25968;&#65306; selected&#65292; &#21442;&#25968;&#31867;&#22411;&#20026;&#19968;&#20010;Object&#65292; &#24418;&#22914;{ 'align': 'center', 'valign': 'top' }&#65292; &#34920;&#31034;&#21333;&#20803;&#26684;&#30340;&#21021;&#22987;</span>","<span class=\"c\">     * &#23545;&#40784;&#29366;&#24577;&#20026;&#65306; &#31446;&#30452;&#23621;&#19978;&#65292;&#27700;&#24179;&#23621;&#20013;; &#20854;&#20013; align&#30340;&#21462;&#20540;&#20026;&#65306;'center', 'left', 'right'; valign&#30340;&#21462;&#20540;&#20026;: 'top', 'middle', 'bottom'</span>","<span class=\"c\">     * @update 2013/4/2 hancong03@baidu.com</span>","<span class=\"c\">     */</span>","    <span class=\"k\">var</span> CellAlignPicker <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>CellAlignPicker <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initSelected<span class=\"k\">();</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initCellAlignPicker<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    CellAlignPicker<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        <span class=\"c\">//&#21021;&#22987;&#21270;&#36873;&#20013;&#29366;&#24577;&#65292; &#35813;&#26041;&#27861;&#23558;&#26681;&#25454;&#20256;&#36882;&#36827;&#26469;&#30340;&#21442;&#25968;&#33719;&#21462;&#21040;&#24212;&#35813;&#36873;&#20013;&#30340;&#23545;&#40784;&#26041;&#24335;&#22270;&#26631;&#30340;&#32034;&#24341;</span>","        initSelected<span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","","            <span class=\"k\">var</span> status <span class=\"k\">=</span> <span class=\"k\">{</span>","","                valign<span class=\"k\">:</span> <span class=\"k\">{</span>","                    top<span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                    middle<span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                    bottom<span class=\"k\">:</span> <span class=\"s\">2</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                align<span class=\"k\">:</span> <span class=\"k\">{</span>","                    left<span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                    center<span class=\"k\">:</span> <span class=\"s\">1</span><span class=\"k\">,</span>","                    right<span class=\"k\">:</span> <span class=\"s\">2</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                count<span class=\"k\">:</span> <span class=\"s\">3</span>","","                <span class=\"k\">}</span><span class=\"k\">,</span>","                result <span class=\"k\">=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","","            <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>selected <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>selectedIndex <span class=\"k\">=</span> status<span class=\"k\">.</span>valign<span class=\"k\">[</span> <span class=\"k\">this</span><span class=\"k\">.</span>selected<span class=\"k\">.</span>valign <span class=\"k\">]</span> <span class=\"k\">*</span> status<span class=\"k\">.</span>count <span class=\"k\">+</span> status<span class=\"k\">.</span>align<span class=\"k\">[</span> <span class=\"k\">this</span><span class=\"k\">.</span>selected<span class=\"k\">.</span>align <span class=\"k\">];</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        initCellAlignPicker<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_init<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> alignType <span class=\"k\">=</span> <span class=\"k\">[</span> <span class=\"s\">'left'</span><span class=\"k\">,</span> <span class=\"s\">'center'</span><span class=\"k\">,</span> <span class=\"s\">'right'</span> <span class=\"k\">],</span>","                COUNT <span class=\"k\">=</span> <span class=\"s\">9</span><span class=\"k\">,</span>","                tempClassName <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","                tempIndex <span class=\"k\">=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">,</span>","                tmpl <span class=\"k\">=</span> <span class=\"k\">[];</span>","","","            <span class=\"k\">for</span><span class=\"k\">(</span> <span class=\"k\">var</span> i<span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span>COUNT<span class=\"k\">;</span> i<span class=\"k\">++</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","","                tempClassName <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>selectedIndex <span class=\"k\">===</span> i <span class=\"k\">?</span> <span class=\"s\">' class=\"edui-cellalign-selected\" '</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                tempIndex <span class=\"k\">=</span> i <span class=\"k\">%</span> <span class=\"s\">3</span><span class=\"k\">;</span>","","                tempIndex <span class=\"k\">===</span> <span class=\"s\">0</span> <span class=\"k\">&amp;&amp;</span> tmpl<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'&lt;tr&gt;'</span><span class=\"k\">);</span>","","                tmpl<span class=\"k\">.</span>push<span class=\"k\">(</span> <span class=\"s\">'&lt;td index=\"'</span><span class=\"k\">+</span> i <span class=\"k\">+</span><span class=\"s\">'\" '</span> <span class=\"k\">+</span> tempClassName <span class=\"k\">+</span> <span class=\"s\">' stateful&gt;&lt;div class=\"edui-icon edui-'</span><span class=\"k\">+</span> alignType<span class=\"k\">[</span> tempIndex <span class=\"k\">]</span> <span class=\"k\">+</span><span class=\"s\">'\"&gt;&lt;/div&gt;&lt;/td&gt;'</span> <span class=\"k\">);</span>","","                tempIndex <span class=\"k\">===</span> <span class=\"s\">2</span> <span class=\"k\">&amp;&amp;</span> tmpl<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"s\">'&lt;/tr&gt;'</span><span class=\"k\">);</span>","","            <span class=\"k\">}</span>","","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"edui-cellalignpicker %%\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-cellalignpicker-body\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;table onclick=\"$$._onClick(event);\"&gt;'</span> <span class=\"k\">+</span>","                tmpl<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/table&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getStateDom<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>target<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onClick<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> target<span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"s\">/icon/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>target<span class=\"k\">.</span>className<span class=\"k\">))</span><span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>target<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"index\"</span><span class=\"k\">)].</span>onclick<span class=\"k\">();</span>","                Popup<span class=\"k\">.</span>postHide<span class=\"k\">(</span>evt<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _UIBase_render<span class=\"k\">:</span>UIBase<span class=\"k\">.</span>prototype<span class=\"k\">.</span>render","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>CellAlignPicker<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","    utils<span class=\"k\">.</span>extend<span class=\"k\">(</span>CellAlignPicker<span class=\"k\">.</span>prototype<span class=\"k\">,</span> Stateful<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>","","",""];
+_$jscoverage['ui/cellalignpicker.js'][3]++;
+(function () {
+  _$jscoverage['ui/cellalignpicker.js'][4]++;
+  var utils = baidu.editor.utils, Popup = baidu.editor.ui.Popup, Stateful = baidu.editor.ui.Stateful, UIBase = baidu.editor.ui.UIBase;
+  _$jscoverage['ui/cellalignpicker.js'][14]++;
+  var CellAlignPicker = (baidu.editor.ui.CellAlignPicker = (function (options) {
+  _$jscoverage['ui/cellalignpicker.js'][15]++;
+  this.initOptions(options);
+  _$jscoverage['ui/cellalignpicker.js'][16]++;
+  this.initSelected();
+  _$jscoverage['ui/cellalignpicker.js'][17]++;
+  this.initCellAlignPicker();
+}));
+  _$jscoverage['ui/cellalignpicker.js'][19]++;
+  CellAlignPicker.prototype = {initSelected: (function () {
+  _$jscoverage['ui/cellalignpicker.js'][23]++;
+  var status = {valign: {top: 0, middle: 1, bottom: 2}, align: {left: 0, center: 1, right: 2}, count: 3}, result = -1;
+  _$jscoverage['ui/cellalignpicker.js'][40]++;
+  if (this.selected) {
+    _$jscoverage['ui/cellalignpicker.js'][41]++;
+    this.selectedIndex = ((status.valign[this.selected.valign] * status.count) + status.align[this.selected.align]);
+  }
+}), initCellAlignPicker: (function () {
+  _$jscoverage['ui/cellalignpicker.js'][46]++;
+  this.initUIBase();
+  _$jscoverage['ui/cellalignpicker.js'][47]++;
+  this.Stateful_init();
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/cellalignpicker.js'][51]++;
+  var alignType = ["left", "center", "right"], COUNT = 9, tempClassName = null, tempIndex = -1, tmpl = [];
+  _$jscoverage['ui/cellalignpicker.js'][58]++;
+  for (var i = 0; (i < COUNT); (i++)) {
+    _$jscoverage['ui/cellalignpicker.js'][60]++;
+    tempClassName = ((this.selectedIndex === i)? " class=\"edui-cellalign-selected\" ": "");
+    _$jscoverage['ui/cellalignpicker.js'][61]++;
+    tempIndex = (i % 3);
+    _$jscoverage['ui/cellalignpicker.js'][63]++;
+    ((tempIndex === 0) && tmpl.push("<tr>"));
+    _$jscoverage['ui/cellalignpicker.js'][65]++;
+    tmpl.push(("<td index=\"" + i + "\" " + tempClassName + " stateful><div class=\"edui-icon edui-" + alignType[tempIndex] + "\"></div></td>"));
+    _$jscoverage['ui/cellalignpicker.js'][67]++;
+    ((tempIndex === 2) && tmpl.push("</tr>"));
+}
+  _$jscoverage['ui/cellalignpicker.js'][71]++;
+  return ("<div id=\"##\" class=\"edui-cellalignpicker %%\">" + "<div class=\"edui-cellalignpicker-body\">" + "<table onclick=\"$$._onClick(event);\">" + tmpl.join("") + "</table>" + "</div>" + "</div>");
+}), getStateDom: (function () {
+  _$jscoverage['ui/cellalignpicker.js'][80]++;
+  return this.target;
+}), _onClick: (function (evt) {
+  _$jscoverage['ui/cellalignpicker.js'][83]++;
+  var target = (evt.target || evt.srcElement);
+  _$jscoverage['ui/cellalignpicker.js'][84]++;
+  if (/icon/.test(target.className)) {
+    _$jscoverage['ui/cellalignpicker.js'][85]++;
+    this.items[target.parentNode.getAttribute("index")].onclick();
+    _$jscoverage['ui/cellalignpicker.js'][86]++;
+    Popup.postHide(evt);
+  }
+}), _UIBase_render: UIBase.prototype.render};
+  _$jscoverage['ui/cellalignpicker.js'][91]++;
+  utils.inherits(CellAlignPicker, UIBase);
+  _$jscoverage['ui/cellalignpicker.js'][92]++;
+  utils.extend(CellAlignPicker.prototype, Stateful, true);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/colorbutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/colorbutton.js
new file mode 100644
index 000000000..00b61978b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/colorbutton.js
@@ -0,0 +1,117 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/colorbutton.js']) {
+  _$jscoverage['ui/colorbutton.js'] = [];
+  _$jscoverage['ui/colorbutton.js'][6] = 0;
+  _$jscoverage['ui/colorbutton.js'][7] = 0;
+  _$jscoverage['ui/colorbutton.js'][13] = 0;
+  _$jscoverage['ui/colorbutton.js'][14] = 0;
+  _$jscoverage['ui/colorbutton.js'][16] = 0;
+  _$jscoverage['ui/colorbutton.js'][18] = 0;
+  _$jscoverage['ui/colorbutton.js'][19] = 0;
+  _$jscoverage['ui/colorbutton.js'][24] = 0;
+  _$jscoverage['ui/colorbutton.js'][27] = 0;
+  _$jscoverage['ui/colorbutton.js'][32] = 0;
+  _$jscoverage['ui/colorbutton.js'][36] = 0;
+  _$jscoverage['ui/colorbutton.js'][37] = 0;
+  _$jscoverage['ui/colorbutton.js'][40] = 0;
+  _$jscoverage['ui/colorbutton.js'][43] = 0;
+  _$jscoverage['ui/colorbutton.js'][44] = 0;
+  _$jscoverage['ui/colorbutton.js'][47] = 0;
+  _$jscoverage['ui/colorbutton.js'][48] = 0;
+  _$jscoverage['ui/colorbutton.js'][49] = 0;
+  _$jscoverage['ui/colorbutton.js'][53] = 0;
+  _$jscoverage['ui/colorbutton.js'][54] = 0;
+  _$jscoverage['ui/colorbutton.js'][58] = 0;
+}
+_$jscoverage['ui/colorbutton.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"c\">///import ui/colorpicker.js</span>","<span class=\"c\">///import ui/popup.js</span>","<span class=\"c\">///import ui/splitbutton.js</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        ColorPicker <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>ColorPicker<span class=\"k\">,</span>","        Popup <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">,</span>","        SplitButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>SplitButton<span class=\"k\">,</span>","        ColorButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>ColorButton <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initColorButton<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    ColorButton<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        initColorButton<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">=</span> <span class=\"k\">new</span> Popup<span class=\"k\">(</span><span class=\"k\">{</span>","                content<span class=\"k\">:</span> <span class=\"k\">new</span> ColorPicker<span class=\"k\">(</span><span class=\"k\">{</span>","                    noColorText<span class=\"k\">:</span> me<span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"clearColor\"</span><span class=\"k\">),</span>","                    editor<span class=\"k\">:</span>me<span class=\"k\">.</span>editor<span class=\"k\">,</span>","                    onpickcolor<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> color<span class=\"k\">)</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>_onPickColor<span class=\"k\">(</span>color<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    onpicknocolor<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> color<span class=\"k\">)</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>_onPickNoColor<span class=\"k\">(</span>color<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">),</span>","                editor<span class=\"k\">:</span>me<span class=\"k\">.</span>editor","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initSplitButton<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _SplitButton_postRender<span class=\"k\">:</span> SplitButton<span class=\"k\">.</span>prototype<span class=\"k\">.</span>postRender<span class=\"k\">,</span>","        postRender<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_SplitButton_postRender<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'button_body'</span><span class=\"k\">).</span>appendChild<span class=\"k\">(</span>","                uiUtils<span class=\"k\">.</span>createElementByHtml<span class=\"k\">(</span><span class=\"s\">'&lt;div id=\"'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>id <span class=\"k\">+</span> <span class=\"s\">'_colorlump\" class=\"edui-colorlump\"&gt;&lt;/div&gt;'</span><span class=\"k\">)</span>","            <span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>className <span class=\"k\">+=</span> <span class=\"s\">' edui-colorbutton'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setColor<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>color<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'colorlump'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>backgroundColor <span class=\"k\">=</span> color<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>color <span class=\"k\">=</span> color<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onPickColor<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>color<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'pickcolor'</span><span class=\"k\">,</span> color<span class=\"k\">)</span> <span class=\"k\">!==</span> <span class=\"k\">false</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>setColor<span class=\"k\">(</span>color<span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>hide<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onPickNoColor<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>color<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'picknocolor'</span><span class=\"k\">)</span> <span class=\"k\">!==</span> <span class=\"k\">false</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>hide<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>ColorButton<span class=\"k\">,</span> SplitButton<span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/colorbutton.js'][6]++;
+(function () {
+  _$jscoverage['ui/colorbutton.js'][7]++;
+  var utils = baidu.editor.utils, uiUtils = baidu.editor.ui.uiUtils, ColorPicker = baidu.editor.ui.ColorPicker, Popup = baidu.editor.ui.Popup, SplitButton = baidu.editor.ui.SplitButton, ColorButton = (baidu.editor.ui.ColorButton = (function (options) {
+  _$jscoverage['ui/colorbutton.js'][13]++;
+  this.initOptions(options);
+  _$jscoverage['ui/colorbutton.js'][14]++;
+  this.initColorButton();
+}));
+  _$jscoverage['ui/colorbutton.js'][16]++;
+  ColorButton.prototype = {initColorButton: (function () {
+  _$jscoverage['ui/colorbutton.js'][18]++;
+  var me = this;
+  _$jscoverage['ui/colorbutton.js'][19]++;
+  this.popup = new Popup({content: new ColorPicker({noColorText: me.editor.getLang("clearColor"), editor: me.editor, onpickcolor: (function (t, color) {
+  _$jscoverage['ui/colorbutton.js'][24]++;
+  me._onPickColor(color);
+}), onpicknocolor: (function (t, color) {
+  _$jscoverage['ui/colorbutton.js'][27]++;
+  me._onPickNoColor(color);
+})}), editor: me.editor});
+  _$jscoverage['ui/colorbutton.js'][32]++;
+  this.initSplitButton();
+}), _SplitButton_postRender: SplitButton.prototype.postRender, postRender: (function () {
+  _$jscoverage['ui/colorbutton.js'][36]++;
+  this._SplitButton_postRender();
+  _$jscoverage['ui/colorbutton.js'][37]++;
+  this.getDom("button_body").appendChild(uiUtils.createElementByHtml(("<div id=\"" + this.id + "_colorlump\" class=\"edui-colorlump\"></div>")));
+  _$jscoverage['ui/colorbutton.js'][40]++;
+  this.getDom().className += " edui-colorbutton";
+}), setColor: (function (color) {
+  _$jscoverage['ui/colorbutton.js'][43]++;
+  this.getDom("colorlump").style.backgroundColor = color;
+  _$jscoverage['ui/colorbutton.js'][44]++;
+  this.color = color;
+}), _onPickColor: (function (color) {
+  _$jscoverage['ui/colorbutton.js'][47]++;
+  if ((this.fireEvent("pickcolor", color) !== false)) {
+    _$jscoverage['ui/colorbutton.js'][48]++;
+    this.setColor(color);
+    _$jscoverage['ui/colorbutton.js'][49]++;
+    this.popup.hide();
+  }
+}), _onPickNoColor: (function (color) {
+  _$jscoverage['ui/colorbutton.js'][53]++;
+  if ((this.fireEvent("picknocolor") !== false)) {
+    _$jscoverage['ui/colorbutton.js'][54]++;
+    this.popup.hide();
+  }
+})};
+  _$jscoverage['ui/colorbutton.js'][58]++;
+  utils.inherits(ColorButton, SplitButton);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/colorpicker.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/colorpicker.js
new file mode 100644
index 000000000..959014f93
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/colorpicker.js
@@ -0,0 +1,136 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/colorpicker.js']) {
+  _$jscoverage['ui/colorpicker.js'] = [];
+  _$jscoverage['ui/colorpicker.js'][3] = 0;
+  _$jscoverage['ui/colorpicker.js'][4] = 0;
+  _$jscoverage['ui/colorpicker.js'][7] = 0;
+  _$jscoverage['ui/colorpicker.js'][8] = 0;
+  _$jscoverage['ui/colorpicker.js'][9] = 0;
+  _$jscoverage['ui/colorpicker.js'][12] = 0;
+  _$jscoverage['ui/colorpicker.js'][14] = 0;
+  _$jscoverage['ui/colorpicker.js'][17] = 0;
+  _$jscoverage['ui/colorpicker.js'][18] = 0;
+  _$jscoverage['ui/colorpicker.js'][19] = 0;
+  _$jscoverage['ui/colorpicker.js'][20] = 0;
+  _$jscoverage['ui/colorpicker.js'][24] = 0;
+  _$jscoverage['ui/colorpicker.js'][25] = 0;
+  _$jscoverage['ui/colorpicker.js'][26] = 0;
+  _$jscoverage['ui/colorpicker.js'][27] = 0;
+  _$jscoverage['ui/colorpicker.js'][31] = 0;
+  _$jscoverage['ui/colorpicker.js'][34] = 0;
+  _$jscoverage['ui/colorpicker.js'][37] = 0;
+  _$jscoverage['ui/colorpicker.js'][39] = 0;
+  _$jscoverage['ui/colorpicker.js'][48] = 0;
+  _$jscoverage['ui/colorpicker.js'][49] = 0;
+  _$jscoverage['ui/colorpicker.js'][57] = 0;
+  _$jscoverage['ui/colorpicker.js'][58] = 0;
+  _$jscoverage['ui/colorpicker.js'][59] = 0;
+  _$jscoverage['ui/colorpicker.js'][61] = 0;
+  _$jscoverage['ui/colorpicker.js'][71] = 0;
+  _$jscoverage['ui/colorpicker.js'][72] = 0;
+}
+_$jscoverage['ui/colorpicker.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        ColorPicker <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>ColorPicker <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>noColorText <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>noColorText <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"clearColor\"</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","    ColorPicker<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> genColorPicker<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>noColorText<span class=\"k\">,</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onTableClick<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> tgt <span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","            <span class=\"k\">var</span> color <span class=\"k\">=</span> tgt<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'data-color'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>color<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'pickcolor'</span><span class=\"k\">,</span> color<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onTableOver<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> tgt <span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","            <span class=\"k\">var</span> color <span class=\"k\">=</span> tgt<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'data-color'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>color<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'preview'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>backgroundColor <span class=\"k\">=</span> color<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onTableOut<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'preview'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>backgroundColor <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onPickNoColor<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'picknocolor'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>ColorPicker<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","","    <span class=\"k\">var</span> COLORS <span class=\"k\">=</span> <span class=\"k\">(</span>","        <span class=\"s\">'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646,'</span> <span class=\"k\">+</span>","            <span class=\"s\">'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,'</span> <span class=\"k\">+</span>","            <span class=\"s\">'d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,'</span> <span class=\"k\">+</span>","            <span class=\"s\">'bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,'</span> <span class=\"k\">+</span>","            <span class=\"s\">'a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,'</span> <span class=\"k\">+</span>","            <span class=\"s\">'7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806,'</span> <span class=\"k\">+</span>","            <span class=\"s\">'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0,'</span><span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">','</span><span class=\"k\">);</span>","","    <span class=\"k\">function</span> genColorPicker<span class=\"k\">(</span>noColorText<span class=\"k\">,</span>editor<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> html <span class=\"k\">=</span> <span class=\"s\">'&lt;div id=\"##\" class=\"edui-colorpicker %%\"&gt;'</span> <span class=\"k\">+</span>","            <span class=\"s\">'&lt;div class=\"edui-colorpicker-topbar edui-clearfix\"&gt;'</span> <span class=\"k\">+</span>","            <span class=\"s\">'&lt;div unselectable=\"on\" id=\"##_preview\" class=\"edui-colorpicker-preview\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","            <span class=\"s\">'&lt;div unselectable=\"on\" class=\"edui-colorpicker-nocolor\" onclick=\"$$._onPickNoColor(event, this);\"&gt;'</span><span class=\"k\">+</span> noColorText <span class=\"k\">+</span><span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","            <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","            <span class=\"s\">'&lt;table  class=\"edui-box\" style=\"border-collapse: collapse;\" onmouseover=\"$$._onTableOver(event, this);\" onmouseout=\"$$._onTableOut(event, this);\" onclick=\"return $$._onTableClick(event, this);\" cellspacing=\"0\" cellpadding=\"0\"&gt;'</span> <span class=\"k\">+</span>","            <span class=\"s\">'&lt;tr style=\"border-bottom: 1px solid #ddd;font-size: 13px;line-height: 25px;color:#39C;padding-top: 2px\"&gt;&lt;td colspan=\"10\"&gt;'</span><span class=\"k\">+</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"themeColor\"</span><span class=\"k\">)+</span><span class=\"s\">'&lt;/td&gt; &lt;/tr&gt;'</span><span class=\"k\">+</span>","            <span class=\"s\">'&lt;tr class=\"edui-colorpicker-tablefirstrow\" &gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span>COLORS<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>i <span class=\"k\">&amp;&amp;</span> i<span class=\"k\">%</span><span class=\"s\">10</span> <span class=\"k\">===</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                html <span class=\"k\">+=</span> <span class=\"s\">'&lt;/tr&gt;'</span><span class=\"k\">+(</span>i<span class=\"k\">==</span><span class=\"s\">60</span><span class=\"k\">?</span><span class=\"s\">'&lt;tr style=\"border-bottom: 1px solid #ddd;font-size: 13px;line-height: 25px;color:#39C;\"&gt;&lt;td colspan=\"10\"&gt;'</span><span class=\"k\">+</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"standardColor\"</span><span class=\"k\">)+</span><span class=\"s\">'&lt;/td&gt;&lt;/tr&gt;'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">)+</span><span class=\"s\">'&lt;tr'</span><span class=\"k\">+(</span>i<span class=\"k\">==</span><span class=\"s\">60</span><span class=\"k\">?</span><span class=\"s\">' class=\"edui-colorpicker-tablefirstrow\"'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">)+</span><span class=\"s\">'&gt;'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            html <span class=\"k\">+=</span> i<span class=\"k\">&lt;</span><span class=\"s\">70</span> <span class=\"k\">?</span> <span class=\"s\">'&lt;td style=\"padding: 0 2px;\"&gt;&lt;a hidefocus title=\"'</span><span class=\"k\">+</span>COLORS<span class=\"k\">[</span>i<span class=\"k\">]+</span><span class=\"s\">'\" onclick=\"return false;\" href=\"javascript:\" unselectable=\"on\" class=\"edui-box edui-colorpicker-colorcell\"'</span> <span class=\"k\">+</span>","                <span class=\"s\">' data-color=\"#'</span><span class=\"k\">+</span> COLORS<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">+</span><span class=\"s\">'\"'</span><span class=\"k\">+</span>","                <span class=\"s\">' style=\"background-color:#'</span><span class=\"k\">+</span> COLORS<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">+</span><span class=\"s\">';border:solid #ccc;'</span><span class=\"k\">+</span>","                <span class=\"k\">(</span>i<span class=\"k\">&lt;</span><span class=\"s\">10</span> <span class=\"k\">||</span> i<span class=\"k\">&gt;=</span><span class=\"s\">60</span><span class=\"k\">?</span><span class=\"s\">'border-width:1px;'</span><span class=\"k\">:</span>","                    i<span class=\"k\">&gt;=</span><span class=\"s\">10</span><span class=\"k\">&amp;&amp;</span>i<span class=\"k\">&lt;</span><span class=\"s\">20</span><span class=\"k\">?</span><span class=\"s\">'border-width:1px 1px 0 1px;'</span><span class=\"k\">:</span>","","                        <span class=\"s\">'border-width:0 1px 0 1px;'</span><span class=\"k\">)+</span>","                <span class=\"s\">'\"'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&gt;&lt;/a&gt;&lt;/td&gt;'</span><span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","        html <span class=\"k\">+=</span> <span class=\"s\">'&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">return</span> html<span class=\"k\">;</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/colorpicker.js'][3]++;
+(function () {
+  _$jscoverage['ui/colorpicker.js'][4]++;
+  var utils = baidu.editor.utils, UIBase = baidu.editor.ui.UIBase, ColorPicker = (baidu.editor.ui.ColorPicker = (function (options) {
+  _$jscoverage['ui/colorpicker.js'][7]++;
+  this.initOptions(options);
+  _$jscoverage['ui/colorpicker.js'][8]++;
+  this.noColorText = (this.noColorText || this.editor.getLang("clearColor"));
+  _$jscoverage['ui/colorpicker.js'][9]++;
+  this.initUIBase();
+}));
+  _$jscoverage['ui/colorpicker.js'][12]++;
+  ColorPicker.prototype = {getHtmlTpl: (function () {
+  _$jscoverage['ui/colorpicker.js'][14]++;
+  return genColorPicker(this.noColorText, this.editor);
+}), _onTableClick: (function (evt) {
+  _$jscoverage['ui/colorpicker.js'][17]++;
+  var tgt = (evt.target || evt.srcElement);
+  _$jscoverage['ui/colorpicker.js'][18]++;
+  var color = tgt.getAttribute("data-color");
+  _$jscoverage['ui/colorpicker.js'][19]++;
+  if (color) {
+    _$jscoverage['ui/colorpicker.js'][20]++;
+    this.fireEvent("pickcolor", color);
+  }
+}), _onTableOver: (function (evt) {
+  _$jscoverage['ui/colorpicker.js'][24]++;
+  var tgt = (evt.target || evt.srcElement);
+  _$jscoverage['ui/colorpicker.js'][25]++;
+  var color = tgt.getAttribute("data-color");
+  _$jscoverage['ui/colorpicker.js'][26]++;
+  if (color) {
+    _$jscoverage['ui/colorpicker.js'][27]++;
+    this.getDom("preview").style.backgroundColor = color;
+  }
+}), _onTableOut: (function () {
+  _$jscoverage['ui/colorpicker.js'][31]++;
+  this.getDom("preview").style.backgroundColor = "";
+}), _onPickNoColor: (function () {
+  _$jscoverage['ui/colorpicker.js'][34]++;
+  this.fireEvent("picknocolor");
+})};
+  _$jscoverage['ui/colorpicker.js'][37]++;
+  utils.inherits(ColorPicker, UIBase);
+  _$jscoverage['ui/colorpicker.js'][39]++;
+  var COLORS = "ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646,f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806,c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0,".split(",");
+  _$jscoverage['ui/colorpicker.js'][48]++;
+  function genColorPicker(noColorText, editor) {
+    _$jscoverage['ui/colorpicker.js'][49]++;
+    var html = ("<div id=\"##\" class=\"edui-colorpicker %%\">" + "<div class=\"edui-colorpicker-topbar edui-clearfix\">" + "<div unselectable=\"on\" id=\"##_preview\" class=\"edui-colorpicker-preview\"></div>" + "<div unselectable=\"on\" class=\"edui-colorpicker-nocolor\" onclick=\"$$._onPickNoColor(event, this);\">" + noColorText + "</div>" + "</div>" + "<table  class=\"edui-box\" style=\"border-collapse: collapse;\" onmouseover=\"$$._onTableOver(event, this);\" onmouseout=\"$$._onTableOut(event, this);\" onclick=\"return $$._onTableClick(event, this);\" cellspacing=\"0\" cellpadding=\"0\">" + "<tr style=\"border-bottom: 1px solid #ddd;font-size: 13px;line-height: 25px;color:#39C;padding-top: 2px\"><td colspan=\"10\">" + editor.getLang("themeColor") + "</td> </tr>" + "<tr class=\"edui-colorpicker-tablefirstrow\" >");
+    _$jscoverage['ui/colorpicker.js'][57]++;
+    for (var i = 0; (i < COLORS.length); (i++)) {
+      _$jscoverage['ui/colorpicker.js'][58]++;
+      if ((i && ((i % 10) === 0))) {
+        _$jscoverage['ui/colorpicker.js'][59]++;
+        html += ("</tr>" + ((i == 60)? ("<tr style=\"border-bottom: 1px solid #ddd;font-size: 13px;line-height: 25px;color:#39C;\"><td colspan=\"10\">" + editor.getLang("standardColor") + "</td></tr>"): "") + "<tr" + ((i == 60)? " class=\"edui-colorpicker-tablefirstrow\"": "") + ">");
+      }
+      _$jscoverage['ui/colorpicker.js'][61]++;
+      html += ((i < 70)? ("<td style=\"padding: 0 2px;\"><a hidefocus title=\"" + COLORS[i] + "\" onclick=\"return false;\" href=\"javascript:\" unselectable=\"on\" class=\"edui-box edui-colorpicker-colorcell\"" + " data-color=\"#" + COLORS[i] + "\"" + " style=\"background-color:#" + COLORS[i] + ";border:solid #ccc;" + (((i < 10) || (i >= 60))? "border-width:1px;": (((i >= 10) && (i < 20))? "border-width:1px 1px 0 1px;": "border-width:0 1px 0 1px;")) + "\"" + "></a></td>"): "");
+}
+    _$jscoverage['ui/colorpicker.js'][71]++;
+    html += "</tr></table></div>";
+    _$jscoverage['ui/colorpicker.js'][72]++;
+    return html;
+}
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/combox.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/combox.js
new file mode 100644
index 000000000..dfb61613d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/combox.js
@@ -0,0 +1,198 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/combox.js']) {
+  _$jscoverage['ui/combox.js'] = [];
+  _$jscoverage['ui/combox.js'][5] = 0;
+  _$jscoverage['ui/combox.js'][7] = 0;
+  _$jscoverage['ui/combox.js'][12] = 0;
+  _$jscoverage['ui/combox.js'][13] = 0;
+  _$jscoverage['ui/combox.js'][15] = 0;
+  _$jscoverage['ui/combox.js'][18] = 0;
+  _$jscoverage['ui/combox.js'][19] = 0;
+  _$jscoverage['ui/combox.js'][20] = 0;
+  _$jscoverage['ui/combox.js'][21] = 0;
+  _$jscoverage['ui/combox.js'][22] = 0;
+  _$jscoverage['ui/combox.js'][23] = 0;
+  _$jscoverage['ui/combox.js'][24] = 0;
+  _$jscoverage['ui/combox.js'][25] = 0;
+  _$jscoverage['ui/combox.js'][28] = 0;
+  _$jscoverage['ui/combox.js'][36] = 0;
+  _$jscoverage['ui/combox.js'][40] = 0;
+  _$jscoverage['ui/combox.js'][41] = 0;
+  _$jscoverage['ui/combox.js'][42] = 0;
+  _$jscoverage['ui/combox.js'][45] = 0;
+  _$jscoverage['ui/combox.js'][46] = 0;
+  _$jscoverage['ui/combox.js'][47] = 0;
+  _$jscoverage['ui/combox.js'][48] = 0;
+  _$jscoverage['ui/combox.js'][49] = 0;
+  _$jscoverage['ui/combox.js'][52] = 0;
+  _$jscoverage['ui/combox.js'][55] = 0;
+  _$jscoverage['ui/combox.js'][56] = 0;
+  _$jscoverage['ui/combox.js'][57] = 0;
+  _$jscoverage['ui/combox.js'][58] = 0;
+  _$jscoverage['ui/combox.js'][59] = 0;
+  _$jscoverage['ui/combox.js'][61] = 0;
+  _$jscoverage['ui/combox.js'][62] = 0;
+  _$jscoverage['ui/combox.js'][63] = 0;
+  _$jscoverage['ui/combox.js'][67] = 0;
+  _$jscoverage['ui/combox.js'][68] = 0;
+  _$jscoverage['ui/combox.js'][71] = 0;
+  _$jscoverage['ui/combox.js'][74] = 0;
+  _$jscoverage['ui/combox.js'][75] = 0;
+  _$jscoverage['ui/combox.js'][76] = 0;
+  _$jscoverage['ui/combox.js'][79] = 0;
+  _$jscoverage['ui/combox.js'][82] = 0;
+  _$jscoverage['ui/combox.js'][85] = 0;
+  _$jscoverage['ui/combox.js'][86] = 0;
+  _$jscoverage['ui/combox.js'][87] = 0;
+  _$jscoverage['ui/combox.js'][88] = 0;
+  _$jscoverage['ui/combox.js'][92] = 0;
+}
+_$jscoverage['ui/combox.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"c\">///import ui/menu.js</span>","<span class=\"c\">///import ui/splitbutton.js</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"c\">// todo: menu&#21644;item&#25552;&#25104;&#36890;&#29992;list</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        Menu <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Menu<span class=\"k\">,</span>","        SplitButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>SplitButton<span class=\"k\">,</span>","        Combox <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Combox <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initCombox<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    Combox<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        uiName<span class=\"k\">:</span> <span class=\"s\">'combox'</span><span class=\"k\">,</span>","        initCombox<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>items <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items <span class=\"k\">||</span> <span class=\"k\">[];</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span><span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> item <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">];</span>","                item<span class=\"k\">.</span>uiName <span class=\"k\">=</span> <span class=\"s\">'listitem'</span><span class=\"k\">;</span>","                item<span class=\"k\">.</span>index <span class=\"k\">=</span> i<span class=\"k\">;</span>","                item<span class=\"k\">.</span>onclick <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    me<span class=\"k\">.</span>selectByIndex<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>index<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">=</span> <span class=\"k\">new</span> Menu<span class=\"k\">(</span><span class=\"k\">{</span>","                items<span class=\"k\">:</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">,</span>","                uiName<span class=\"k\">:</span> <span class=\"s\">'list'</span><span class=\"k\">,</span>","                editor<span class=\"k\">:</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">,</span>","                captureWheel<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","                combox<span class=\"k\">:</span> <span class=\"k\">this</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","","            <span class=\"k\">this</span><span class=\"k\">.</span>initSplitButton<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _SplitButton_postRender<span class=\"k\">:</span> SplitButton<span class=\"k\">.</span>prototype<span class=\"k\">.</span>postRender<span class=\"k\">,</span>","        postRender<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_SplitButton_postRender<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>setLabel<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>label <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>setValue<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>initValue <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        showPopup<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> rect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">());</span>","            rect<span class=\"k\">.</span>top <span class=\"k\">+=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            rect<span class=\"k\">.</span>bottom <span class=\"k\">-=</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            rect<span class=\"k\">.</span>height <span class=\"k\">-=</span> <span class=\"s\">2</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>showAnchorRect<span class=\"k\">(</span>rect<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getValue<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>value<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setValue<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>value<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> index <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>indexByValue<span class=\"k\">(</span>value<span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>index <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>selectedIndex <span class=\"k\">=</span> index<span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>setLabel<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>index<span class=\"k\">].</span>label<span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>value <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>index<span class=\"k\">].</span>value<span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>selectedIndex <span class=\"k\">=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>setLabel<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getLabelForUnknowValue<span class=\"k\">(</span>value<span class=\"k\">));</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>value <span class=\"k\">=</span> value<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setLabel<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>label<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'button_body'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> label<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>label <span class=\"k\">=</span> label<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getLabelForUnknowValue<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>value<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> value<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        indexByValue<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>value<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span><span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>value <span class=\"k\">==</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">].</span>value<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> i<span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getItem<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>index<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>index<span class=\"k\">];</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        selectByIndex<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>index<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>index <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'select'</span><span class=\"k\">,</span> index<span class=\"k\">)</span> <span class=\"k\">!==</span> <span class=\"k\">false</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>selectedIndex <span class=\"k\">=</span> index<span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>value <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>index<span class=\"k\">].</span>value<span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>setLabel<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>index<span class=\"k\">].</span>label<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>Combox<span class=\"k\">,</span> SplitButton<span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/combox.js'][5]++;
+(function () {
+  _$jscoverage['ui/combox.js'][7]++;
+  var utils = baidu.editor.utils, uiUtils = baidu.editor.ui.uiUtils, Menu = baidu.editor.ui.Menu, SplitButton = baidu.editor.ui.SplitButton, Combox = (baidu.editor.ui.Combox = (function (options) {
+  _$jscoverage['ui/combox.js'][12]++;
+  this.initOptions(options);
+  _$jscoverage['ui/combox.js'][13]++;
+  this.initCombox();
+}));
+  _$jscoverage['ui/combox.js'][15]++;
+  Combox.prototype = {uiName: "combox", initCombox: (function () {
+  _$jscoverage['ui/combox.js'][18]++;
+  var me = this;
+  _$jscoverage['ui/combox.js'][19]++;
+  this.items = (this.items || []);
+  _$jscoverage['ui/combox.js'][20]++;
+  for (var i = 0; (i < this.items.length); (i++)) {
+    _$jscoverage['ui/combox.js'][21]++;
+    var item = this.items[i];
+    _$jscoverage['ui/combox.js'][22]++;
+    item.uiName = "listitem";
+    _$jscoverage['ui/combox.js'][23]++;
+    item.index = i;
+    _$jscoverage['ui/combox.js'][24]++;
+    item.onclick = (function () {
+  _$jscoverage['ui/combox.js'][25]++;
+  me.selectByIndex(this.index);
+});
+}
+  _$jscoverage['ui/combox.js'][28]++;
+  this.popup = new Menu({items: this.items, uiName: "list", editor: this.editor, captureWheel: true, combox: this});
+  _$jscoverage['ui/combox.js'][36]++;
+  this.initSplitButton();
+}), _SplitButton_postRender: SplitButton.prototype.postRender, postRender: (function () {
+  _$jscoverage['ui/combox.js'][40]++;
+  this._SplitButton_postRender();
+  _$jscoverage['ui/combox.js'][41]++;
+  this.setLabel((this.label || ""));
+  _$jscoverage['ui/combox.js'][42]++;
+  this.setValue((this.initValue || ""));
+}), showPopup: (function () {
+  _$jscoverage['ui/combox.js'][45]++;
+  var rect = uiUtils.getClientRect(this.getDom());
+  _$jscoverage['ui/combox.js'][46]++;
+  rect.top += 1;
+  _$jscoverage['ui/combox.js'][47]++;
+  rect.bottom -= 1;
+  _$jscoverage['ui/combox.js'][48]++;
+  rect.height -= 2;
+  _$jscoverage['ui/combox.js'][49]++;
+  this.popup.showAnchorRect(rect);
+}), getValue: (function () {
+  _$jscoverage['ui/combox.js'][52]++;
+  return this.value;
+}), setValue: (function (value) {
+  _$jscoverage['ui/combox.js'][55]++;
+  var index = this.indexByValue(value);
+  _$jscoverage['ui/combox.js'][56]++;
+  if ((index != -1)) {
+    _$jscoverage['ui/combox.js'][57]++;
+    this.selectedIndex = index;
+    _$jscoverage['ui/combox.js'][58]++;
+    this.setLabel(this.items[index].label);
+    _$jscoverage['ui/combox.js'][59]++;
+    this.value = this.items[index].value;
+  }
+  else {
+    _$jscoverage['ui/combox.js'][61]++;
+    this.selectedIndex = -1;
+    _$jscoverage['ui/combox.js'][62]++;
+    this.setLabel(this.getLabelForUnknowValue(value));
+    _$jscoverage['ui/combox.js'][63]++;
+    this.value = value;
+  }
+}), setLabel: (function (label) {
+  _$jscoverage['ui/combox.js'][67]++;
+  this.getDom("button_body").innerHTML = label;
+  _$jscoverage['ui/combox.js'][68]++;
+  this.label = label;
+}), getLabelForUnknowValue: (function (value) {
+  _$jscoverage['ui/combox.js'][71]++;
+  return value;
+}), indexByValue: (function (value) {
+  _$jscoverage['ui/combox.js'][74]++;
+  for (var i = 0; (i < this.items.length); (i++)) {
+    _$jscoverage['ui/combox.js'][75]++;
+    if ((value == this.items[i].value)) {
+      _$jscoverage['ui/combox.js'][76]++;
+      return i;
+    }
+}
+  _$jscoverage['ui/combox.js'][79]++;
+  return -1;
+}), getItem: (function (index) {
+  _$jscoverage['ui/combox.js'][82]++;
+  return this.items[index];
+}), selectByIndex: (function (index) {
+  _$jscoverage['ui/combox.js'][85]++;
+  if (((index < this.items.length) && (this.fireEvent("select", index) !== false))) {
+    _$jscoverage['ui/combox.js'][86]++;
+    this.selectedIndex = index;
+    _$jscoverage['ui/combox.js'][87]++;
+    this.value = this.items[index].value;
+    _$jscoverage['ui/combox.js'][88]++;
+    this.setLabel(this.items[index].label);
+  }
+})};
+  _$jscoverage['ui/combox.js'][92]++;
+  utils.inherits(Combox, SplitButton);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/dialog.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/dialog.js
new file mode 100644
index 000000000..798216438
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/dialog.js
@@ -0,0 +1,535 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/dialog.js']) {
+  _$jscoverage['ui/dialog.js'] = [];
+  _$jscoverage['ui/dialog.js'][5] = 0;
+  _$jscoverage['ui/dialog.js'][6] = 0;
+  _$jscoverage['ui/dialog.js'][13] = 0;
+  _$jscoverage['ui/dialog.js'][19] = 0;
+  _$jscoverage['ui/dialog.js'][24] = 0;
+  _$jscoverage['ui/dialog.js'][26] = 0;
+  _$jscoverage['ui/dialog.js'][27] = 0;
+  _$jscoverage['ui/dialog.js'][28] = 0;
+  _$jscoverage['ui/dialog.js'][32] = 0;
+  _$jscoverage['ui/dialog.js'][34] = 0;
+  _$jscoverage['ui/dialog.js'][35] = 0;
+  _$jscoverage['ui/dialog.js'][39] = 0;
+  _$jscoverage['ui/dialog.js'][43] = 0;
+  _$jscoverage['ui/dialog.js'][48] = 0;
+  _$jscoverage['ui/dialog.js'][51] = 0;
+  _$jscoverage['ui/dialog.js'][52] = 0;
+  _$jscoverage['ui/dialog.js'][53] = 0;
+  _$jscoverage['ui/dialog.js'][54] = 0;
+  _$jscoverage['ui/dialog.js'][60] = 0;
+  _$jscoverage['ui/dialog.js'][65] = 0;
+  _$jscoverage['ui/dialog.js'][66] = 0;
+  _$jscoverage['ui/dialog.js'][67] = 0;
+  _$jscoverage['ui/dialog.js'][68] = 0;
+  _$jscoverage['ui/dialog.js'][71] = 0;
+  _$jscoverage['ui/dialog.js'][72] = 0;
+  _$jscoverage['ui/dialog.js'][73] = 0;
+  _$jscoverage['ui/dialog.js'][74] = 0;
+  _$jscoverage['ui/dialog.js'][75] = 0;
+  _$jscoverage['ui/dialog.js'][76] = 0;
+  _$jscoverage['ui/dialog.js'][77] = 0;
+  _$jscoverage['ui/dialog.js'][79] = 0;
+  _$jscoverage['ui/dialog.js'][80] = 0;
+  _$jscoverage['ui/dialog.js'][81] = 0;
+  _$jscoverage['ui/dialog.js'][83] = 0;
+  _$jscoverage['ui/dialog.js'][84] = 0;
+  _$jscoverage['ui/dialog.js'][87] = 0;
+  _$jscoverage['ui/dialog.js'][88] = 0;
+  _$jscoverage['ui/dialog.js'][89] = 0;
+  _$jscoverage['ui/dialog.js'][90] = 0;
+  _$jscoverage['ui/dialog.js'][91] = 0;
+  _$jscoverage['ui/dialog.js'][92] = 0;
+  _$jscoverage['ui/dialog.js'][93] = 0;
+  _$jscoverage['ui/dialog.js'][94] = 0;
+  _$jscoverage['ui/dialog.js'][98] = 0;
+  _$jscoverage['ui/dialog.js'][99] = 0;
+  _$jscoverage['ui/dialog.js'][101] = 0;
+  _$jscoverage['ui/dialog.js'][104] = 0;
+  _$jscoverage['ui/dialog.js'][105] = 0;
+  _$jscoverage['ui/dialog.js'][106] = 0;
+  _$jscoverage['ui/dialog.js'][107] = 0;
+  _$jscoverage['ui/dialog.js'][108] = 0;
+  _$jscoverage['ui/dialog.js'][111] = 0;
+  _$jscoverage['ui/dialog.js'][114] = 0;
+  _$jscoverage['ui/dialog.js'][116] = 0;
+  _$jscoverage['ui/dialog.js'][117] = 0;
+  _$jscoverage['ui/dialog.js'][118] = 0;
+  _$jscoverage['ui/dialog.js'][119] = 0;
+  _$jscoverage['ui/dialog.js'][121] = 0;
+  _$jscoverage['ui/dialog.js'][126] = 0;
+  _$jscoverage['ui/dialog.js'][140] = 0;
+  _$jscoverage['ui/dialog.js'][141] = 0;
+  _$jscoverage['ui/dialog.js'][142] = 0;
+  _$jscoverage['ui/dialog.js'][144] = 0;
+  _$jscoverage['ui/dialog.js'][145] = 0;
+  _$jscoverage['ui/dialog.js'][146] = 0;
+  _$jscoverage['ui/dialog.js'][148] = 0;
+  _$jscoverage['ui/dialog.js'][149] = 0;
+  _$jscoverage['ui/dialog.js'][150] = 0;
+  _$jscoverage['ui/dialog.js'][152] = 0;
+  _$jscoverage['ui/dialog.js'][153] = 0;
+  _$jscoverage['ui/dialog.js'][155] = 0;
+  _$jscoverage['ui/dialog.js'][156] = 0;
+  _$jscoverage['ui/dialog.js'][157] = 0;
+  _$jscoverage['ui/dialog.js'][160] = 0;
+  _$jscoverage['ui/dialog.js'][161] = 0;
+  _$jscoverage['ui/dialog.js'][162] = 0;
+  _$jscoverage['ui/dialog.js'][163] = 0;
+  _$jscoverage['ui/dialog.js'][169] = 0;
+  _$jscoverage['ui/dialog.js'][171] = 0;
+  _$jscoverage['ui/dialog.js'][172] = 0;
+  _$jscoverage['ui/dialog.js'][173] = 0;
+  _$jscoverage['ui/dialog.js'][176] = 0;
+  _$jscoverage['ui/dialog.js'][177] = 0;
+  _$jscoverage['ui/dialog.js'][178] = 0;
+  _$jscoverage['ui/dialog.js'][180] = 0;
+  _$jscoverage['ui/dialog.js'][182] = 0;
+  _$jscoverage['ui/dialog.js'][184] = 0;
+  _$jscoverage['ui/dialog.js'][185] = 0;
+  _$jscoverage['ui/dialog.js'][186] = 0;
+  _$jscoverage['ui/dialog.js'][187] = 0;
+  _$jscoverage['ui/dialog.js'][188] = 0;
+  _$jscoverage['ui/dialog.js'][195] = 0;
+  _$jscoverage['ui/dialog.js'][196] = 0;
+  _$jscoverage['ui/dialog.js'][205] = 0;
+  _$jscoverage['ui/dialog.js'][208] = 0;
+  _$jscoverage['ui/dialog.js'][209] = 0;
+  _$jscoverage['ui/dialog.js'][210] = 0;
+  _$jscoverage['ui/dialog.js'][211] = 0;
+  _$jscoverage['ui/dialog.js'][212] = 0;
+  _$jscoverage['ui/dialog.js'][215] = 0;
+  _$jscoverage['ui/dialog.js'][216] = 0;
+  _$jscoverage['ui/dialog.js'][217] = 0;
+  _$jscoverage['ui/dialog.js'][218] = 0;
+  _$jscoverage['ui/dialog.js'][219] = 0;
+  _$jscoverage['ui/dialog.js'][221] = 0;
+  _$jscoverage['ui/dialog.js'][222] = 0;
+  _$jscoverage['ui/dialog.js'][223] = 0;
+  _$jscoverage['ui/dialog.js'][226] = 0;
+  _$jscoverage['ui/dialog.js'][227] = 0;
+  _$jscoverage['ui/dialog.js'][228] = 0;
+  _$jscoverage['ui/dialog.js'][234] = 0;
+  _$jscoverage['ui/dialog.js'][235] = 0;
+  _$jscoverage['ui/dialog.js'][236] = 0;
+  _$jscoverage['ui/dialog.js'][242] = 0;
+  _$jscoverage['ui/dialog.js'][243] = 0;
+  _$jscoverage['ui/dialog.js'][246] = 0;
+  _$jscoverage['ui/dialog.js'][247] = 0;
+  _$jscoverage['ui/dialog.js'][250] = 0;
+  _$jscoverage['ui/dialog.js'][251] = 0;
+  _$jscoverage['ui/dialog.js'][252] = 0;
+  _$jscoverage['ui/dialog.js'][253] = 0;
+  _$jscoverage['ui/dialog.js'][257] = 0;
+  _$jscoverage['ui/dialog.js'][260] = 0;
+  _$jscoverage['ui/dialog.js'][261] = 0;
+  _$jscoverage['ui/dialog.js'][262] = 0;
+  _$jscoverage['ui/dialog.js'][263] = 0;
+  _$jscoverage['ui/dialog.js'][264] = 0;
+  _$jscoverage['ui/dialog.js'][268] = 0;
+  _$jscoverage['ui/dialog.js'][270] = 0;
+  _$jscoverage['ui/dialog.js'][271] = 0;
+  _$jscoverage['ui/dialog.js'][273] = 0;
+  _$jscoverage['ui/dialog.js'][274] = 0;
+  _$jscoverage['ui/dialog.js'][277] = 0;
+  _$jscoverage['ui/dialog.js'][278] = 0;
+  _$jscoverage['ui/dialog.js'][279] = 0;
+  _$jscoverage['ui/dialog.js'][280] = 0;
+  _$jscoverage['ui/dialog.js'][285] = 0;
+  _$jscoverage['ui/dialog.js'][288] = 0;
+  _$jscoverage['ui/dialog.js'][289] = 0;
+  _$jscoverage['ui/dialog.js'][293] = 0;
+}
+_$jscoverage['ui/dialog.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"c\">///import ui/mask.js</span>","<span class=\"c\">///import ui/button.js</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        domUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        Mask <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Mask<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        Button <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Button<span class=\"k\">,</span>","        Dialog <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Dialog <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>utils<span class=\"k\">.</span>extend<span class=\"k\">(</span><span class=\"k\">{</span>","                autoReset<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","                draggable<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","                onok<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{}</span><span class=\"k\">,</span>","                oncancel<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{}</span><span class=\"k\">,</span>","                onclose<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> ok<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">return</span> ok <span class=\"k\">?</span> <span class=\"k\">this</span><span class=\"k\">.</span>onok<span class=\"k\">()</span> <span class=\"k\">:</span> <span class=\"k\">this</span><span class=\"k\">.</span>oncancel<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                <span class=\"c\">//&#26159;&#21542;&#25511;&#21046;dialog&#20013;&#30340;scroll&#20107;&#20214;&#65292; &#40664;&#35748;&#20026;&#19981;&#38459;&#27490;</span>","                holdScroll<span class=\"k\">:</span> <span class=\"k\">false</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>options<span class=\"k\">));</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initDialog<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">var</span> modalMask<span class=\"k\">;</span>","    <span class=\"k\">var</span> dragMask<span class=\"k\">;</span>","    Dialog<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        draggable<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","        uiName<span class=\"k\">:</span> <span class=\"s\">'dialog'</span><span class=\"k\">,</span>","        initDialog<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                theme<span class=\"k\">=</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>modalMask <span class=\"k\">=</span> <span class=\"k\">(</span>modalMask <span class=\"k\">||</span> <span class=\"k\">(</span>modalMask <span class=\"k\">=</span> <span class=\"k\">new</span> Mask<span class=\"k\">(</span><span class=\"k\">{</span>","                className<span class=\"k\">:</span> <span class=\"s\">'edui-dialog-modalmask'</span><span class=\"k\">,</span>","                theme<span class=\"k\">:</span>theme","            <span class=\"k\">}</span><span class=\"k\">)));</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>dragMask <span class=\"k\">=</span> <span class=\"k\">(</span>dragMask <span class=\"k\">||</span> <span class=\"k\">(</span>dragMask <span class=\"k\">=</span> <span class=\"k\">new</span> Mask<span class=\"k\">(</span><span class=\"k\">{</span>","                className<span class=\"k\">:</span> <span class=\"s\">'edui-dialog-dragmask'</span><span class=\"k\">,</span>","                theme<span class=\"k\">:</span>theme","            <span class=\"k\">}</span><span class=\"k\">)));</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>closeButton <span class=\"k\">=</span> <span class=\"k\">new</span> Button<span class=\"k\">(</span><span class=\"k\">{</span>","                className<span class=\"k\">:</span> <span class=\"s\">'edui-dialog-closebutton'</span><span class=\"k\">,</span>","                title<span class=\"k\">:</span> me<span class=\"k\">.</span>closeDialog<span class=\"k\">,</span>","                theme<span class=\"k\">:</span>theme<span class=\"k\">,</span>","                onclick<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    me<span class=\"k\">.</span>close<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span><span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!(</span><span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">instanceof</span> Button<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">new</span> Button<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">[</span>i<span class=\"k\">]);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        fitSize<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> popBodyEl <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'body'</span><span class=\"k\">);</span>","<span class=\"c\">//            if (!(baidu.editor.browser.ie &amp;&amp; baidu.editor.browser.version == 7)) {</span>","<span class=\"c\">//                uiUtils.removeStyle(popBodyEl, 'width');</span>","<span class=\"c\">//                uiUtils.removeStyle(popBodyEl, 'height');</span>","<span class=\"c\">//            }</span>","            <span class=\"k\">var</span> size <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>mesureSize<span class=\"k\">();</span>","            popBodyEl<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> size<span class=\"k\">.</span>width <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            popBodyEl<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> size<span class=\"k\">.</span>height <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> size<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        safeSetOffset<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>offset<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> el <span class=\"k\">=</span> me<span class=\"k\">.</span>getDom<span class=\"k\">();</span>","            <span class=\"k\">var</span> vpRect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportRect<span class=\"k\">();</span>","            <span class=\"k\">var</span> rect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span>el<span class=\"k\">);</span>","            <span class=\"k\">var</span> left <span class=\"k\">=</span> offset<span class=\"k\">.</span>left<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>left <span class=\"k\">+</span> rect<span class=\"k\">.</span>width <span class=\"k\">&gt;</span> vpRect<span class=\"k\">.</span>right<span class=\"k\">)</span> <span class=\"k\">{</span>","                left <span class=\"k\">=</span> vpRect<span class=\"k\">.</span>right <span class=\"k\">-</span> rect<span class=\"k\">.</span>width<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> top <span class=\"k\">=</span> offset<span class=\"k\">.</span>top<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>top <span class=\"k\">+</span> rect<span class=\"k\">.</span>height <span class=\"k\">&gt;</span> vpRect<span class=\"k\">.</span>bottom<span class=\"k\">)</span> <span class=\"k\">{</span>","                top <span class=\"k\">=</span> vpRect<span class=\"k\">.</span>bottom <span class=\"k\">-</span> rect<span class=\"k\">.</span>height<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            el<span class=\"k\">.</span>style<span class=\"k\">.</span>left <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>left<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            el<span class=\"k\">.</span>style<span class=\"k\">.</span>top <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>top<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        showAtCenter<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> vpRect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportRect<span class=\"k\">();</span>","            <span class=\"k\">var</span> popSize <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>fitSize<span class=\"k\">();</span>","            <span class=\"k\">var</span> titleHeight <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'titlebar'</span><span class=\"k\">).</span>offsetHeight <span class=\"k\">|</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> left <span class=\"k\">=</span> vpRect<span class=\"k\">.</span>width <span class=\"k\">/</span> <span class=\"s\">2</span> <span class=\"k\">-</span> popSize<span class=\"k\">.</span>width <span class=\"k\">/</span> <span class=\"s\">2</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> top <span class=\"k\">=</span> vpRect<span class=\"k\">.</span>height <span class=\"k\">/</span> <span class=\"s\">2</span> <span class=\"k\">-</span> <span class=\"k\">(</span>popSize<span class=\"k\">.</span>height <span class=\"k\">-</span> titleHeight<span class=\"k\">)</span> <span class=\"k\">/</span> <span class=\"s\">2</span> <span class=\"k\">-</span> titleHeight<span class=\"k\">;</span>","            <span class=\"k\">var</span> popEl <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>safeSetOffset<span class=\"k\">(</span><span class=\"k\">{</span>","                left<span class=\"k\">:</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>left <span class=\"k\">|</span> <span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">),</span>","                top<span class=\"k\">:</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>top <span class=\"k\">|</span> <span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">)</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span>popEl<span class=\"k\">,</span> <span class=\"s\">'edui-state-centered'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                popEl<span class=\"k\">.</span>className <span class=\"k\">+=</span> <span class=\"s\">' edui-state-centered'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_show<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getContentHtml<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> contentHtml <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">typeof</span> <span class=\"k\">this</span><span class=\"k\">.</span>content <span class=\"k\">==</span> <span class=\"s\">'string'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                contentHtml <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>content<span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>iframeUrl<span class=\"k\">)</span> <span class=\"k\">{</span>","                contentHtml <span class=\"k\">=</span> <span class=\"s\">'&lt;span id=\"'</span><span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>id <span class=\"k\">+</span><span class=\"s\">'_contmask\" class=\"dialogcontmask\"&gt;&lt;/span&gt;&lt;iframe id=\"'</span><span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>id <span class=\"k\">+</span>","                    <span class=\"s\">'_iframe\" class=\"%%-iframe\" height=\"100%\" width=\"100%\" frameborder=\"0\" src=\"'</span><span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>iframeUrl <span class=\"k\">+</span><span class=\"s\">'\"&gt;&lt;/iframe&gt;'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> contentHtml<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> footHtml <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> buff <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span><span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    buff<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">[</span>i<span class=\"k\">].</span>renderHtml<span class=\"k\">();</span>","                <span class=\"k\">}</span>","                footHtml <span class=\"k\">=</span> <span class=\"s\">'&lt;div class=\"%%-foot\"&gt;'</span> <span class=\"k\">+</span>","                     <span class=\"s\">'&lt;div id=\"##_buttons\" class=\"%%-buttons\"&gt;'</span> <span class=\"k\">+</span> buff<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                    <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"%%\"&gt;&lt;div class=\"%%-wrap\"&gt;&lt;div id=\"##_body\" class=\"%%-body\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"%%-shadow\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div id=\"##_titlebar\" class=\"%%-titlebar\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"%%-draghandle\" onmousedown=\"$$._onTitlebarMouseDown(event, this);\"&gt;'</span> <span class=\"k\">+</span>","                 <span class=\"s\">'&lt;span class=\"%%-caption\"&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>title <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>closeButton<span class=\"k\">.</span>renderHtml<span class=\"k\">()</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div id=\"##_content\" class=\"%%-content\"&gt;'</span><span class=\"k\">+</span> <span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>autoReset <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"k\">this</span><span class=\"k\">.</span>getContentHtml<span class=\"k\">())</span> <span class=\"k\">+</span><span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                footHtml <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        postRender<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"c\">// todo: &#20445;&#25345;&#23621;&#20013;/&#35760;&#20303;&#19978;&#27425;&#20851;&#38381;&#20301;&#32622;&#36873;&#39033;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>modalMask<span class=\"k\">.</span>getDom<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>modalMask<span class=\"k\">.</span>render<span class=\"k\">();</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>modalMask<span class=\"k\">.</span>hide<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>dragMask<span class=\"k\">.</span>getDom<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>dragMask<span class=\"k\">.</span>render<span class=\"k\">();</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>dragMask<span class=\"k\">.</span>hide<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'show'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                me<span class=\"k\">.</span>modalMask<span class=\"k\">.</span>show<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">-</span> <span class=\"s\">2</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'hide'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                me<span class=\"k\">.</span>modalMask<span class=\"k\">.</span>hide<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span><span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>buttons<span class=\"k\">[</span>i<span class=\"k\">].</span>postRender<span class=\"k\">();</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>window<span class=\"k\">,</span> <span class=\"s\">'resize'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>isHidden<span class=\"k\">())</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>safeSetOffset<span class=\"k\">(</span>uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span>me<span class=\"k\">.</span>getDom<span class=\"k\">()));</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","","            <span class=\"c\">//hold&#20303;scroll&#20107;&#20214;&#65292;&#38450;&#27490;dialog&#30340;&#28378;&#21160;&#24433;&#21709;&#39029;&#38754;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>holdScroll <span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">!</span>me<span class=\"k\">.</span>iframeUrl <span class=\"k\">)</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span> me<span class=\"k\">.</span>id <span class=\"k\">+</span> <span class=\"s\">\"_iframe\"</span><span class=\"k\">),</span> <span class=\"k\">!</span>browser<span class=\"k\">.</span>gecko <span class=\"k\">?</span> <span class=\"s\">\"mousewheel\"</span> <span class=\"k\">:</span> <span class=\"s\">\"DOMMouseScroll\"</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                        domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>e<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'dialogafterreset'</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                        window<span class=\"k\">.</span>setTimeout<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                            <span class=\"k\">var</span> iframeWindow <span class=\"k\">=</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span> me<span class=\"k\">.</span>id <span class=\"k\">+</span> <span class=\"s\">\"_iframe\"</span><span class=\"k\">).</span>contentWindow<span class=\"k\">;</span>","","                            <span class=\"k\">if</span><span class=\"k\">(</span> browser<span class=\"k\">.</span>ie <span class=\"k\">)</span> <span class=\"k\">{</span>","","                                <span class=\"k\">var</span> timer <span class=\"k\">=</span> window<span class=\"k\">.</span>setInterval<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","","                                    <span class=\"k\">if</span><span class=\"k\">(</span> iframeWindow<span class=\"k\">.</span>document <span class=\"k\">&amp;&amp;</span> iframeWindow<span class=\"k\">.</span>document<span class=\"k\">.</span>body <span class=\"k\">)</span> <span class=\"k\">{</span>","                                        window<span class=\"k\">.</span>clearInterval<span class=\"k\">(</span> timer <span class=\"k\">);</span>","                                        timer <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                                        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span> iframeWindow<span class=\"k\">.</span>document<span class=\"k\">.</span>body<span class=\"k\">,</span> <span class=\"k\">!</span>browser<span class=\"k\">.</span>gecko <span class=\"k\">?</span> <span class=\"s\">\"mousewheel\"</span> <span class=\"k\">:</span> <span class=\"s\">\"DOMMouseScroll\"</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                                            domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>e<span class=\"k\">);</span>","                                        <span class=\"k\">}</span> <span class=\"k\">);</span>","                                    <span class=\"k\">}</span>","","                                <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">100</span><span class=\"k\">);</span>","","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span> iframeWindow<span class=\"k\">,</span> <span class=\"k\">!</span>browser<span class=\"k\">.</span>gecko <span class=\"k\">?</span> <span class=\"s\">\"mousewheel\"</span> <span class=\"k\">:</span> <span class=\"s\">\"DOMMouseScroll\"</span><span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                                    domUtils<span class=\"k\">.</span>preventDefault<span class=\"k\">(</span>e<span class=\"k\">);</span>","                                <span class=\"k\">}</span> <span class=\"k\">);</span>","                            <span class=\"k\">}</span>","","                        <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_hide<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        mesureSize<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> body <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'body'</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> width <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'content'</span><span class=\"k\">)).</span>width<span class=\"k\">;</span>","            <span class=\"k\">var</span> dialogBodyStyle <span class=\"k\">=</span> body<span class=\"k\">.</span>style<span class=\"k\">;</span>","            dialogBodyStyle<span class=\"k\">.</span>width <span class=\"k\">=</span> width<span class=\"k\">;</span>","            <span class=\"k\">return</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span>body<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onTitlebarMouseDown<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>draggable<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> rect<span class=\"k\">;</span>","                <span class=\"k\">var</span> vpRect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportRect<span class=\"k\">();</span>","                <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                uiUtils<span class=\"k\">.</span>startDrag<span class=\"k\">(</span>evt<span class=\"k\">,</span> <span class=\"k\">{</span>","                    ondragstart<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                        rect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span>me<span class=\"k\">.</span>getDom<span class=\"k\">());</span>","                        me<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'contmask'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>visibility <span class=\"k\">=</span> <span class=\"s\">'visible'</span><span class=\"k\">;</span>","                        me<span class=\"k\">.</span>dragMask<span class=\"k\">.</span>show<span class=\"k\">(</span>me<span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    ondragmove<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>x<span class=\"k\">,</span> y<span class=\"k\">)</span><span class=\"k\">{</span>","                        <span class=\"k\">var</span> left <span class=\"k\">=</span> rect<span class=\"k\">.</span>left <span class=\"k\">+</span> x<span class=\"k\">;</span>","                        <span class=\"k\">var</span> top <span class=\"k\">=</span> rect<span class=\"k\">.</span>top <span class=\"k\">+</span> y<span class=\"k\">;</span>","                        me<span class=\"k\">.</span>safeSetOffset<span class=\"k\">(</span><span class=\"k\">{</span>","                            left<span class=\"k\">:</span> left<span class=\"k\">,</span>","                            top<span class=\"k\">:</span> top","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    ondragstop<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'contmask'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>visibility <span class=\"k\">=</span> <span class=\"s\">'hidden'</span><span class=\"k\">;</span>","                        domUtils<span class=\"k\">.</span>removeClasses<span class=\"k\">(</span>me<span class=\"k\">.</span>getDom<span class=\"k\">(),</span> <span class=\"k\">[</span><span class=\"s\">'edui-state-centered'</span><span class=\"k\">]);</span>","                        me<span class=\"k\">.</span>dragMask<span class=\"k\">.</span>hide<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        reset<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'content'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getContentHtml<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'dialogafterreset'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _show<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>_hidden<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","","                <span class=\"c\">//&#35201;&#39640;&#36807;&#32534;&#36753;&#22120;&#30340;zindxe</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">*</span> <span class=\"s\">1</span> <span class=\"k\">+</span> <span class=\"s\">10</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>_hidden <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'show'</span><span class=\"k\">);</span>","                baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">.</span>getFixedLayer<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">-</span> <span class=\"s\">4</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        isHidden<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_hidden<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _hide<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>_hidden<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>_hidden <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'hide'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        open<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>autoReset<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#26377;&#21487;&#33021;&#36824;&#27809;&#26377;&#28210;&#26579;</span>","                <span class=\"k\">try</span><span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>reset<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>render<span class=\"k\">();</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>open<span class=\"k\">()</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>showAtCenter<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>iframeUrl<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">try</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'iframe'</span><span class=\"k\">).</span>focus<span class=\"k\">();</span>","                <span class=\"k\">}</span> <span class=\"k\">catch</span><span class=\"k\">(</span>ex<span class=\"k\">)</span><span class=\"k\">{}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onCloseButtonClick<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>close<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        close<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>ok<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'close'</span><span class=\"k\">,</span> ok<span class=\"k\">)</span> <span class=\"k\">!==</span> <span class=\"k\">false</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>_hide<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>Dialog<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/dialog.js'][5]++;
+(function () {
+  _$jscoverage['ui/dialog.js'][6]++;
+  var utils = baidu.editor.utils, domUtils = baidu.editor.dom.domUtils, uiUtils = baidu.editor.ui.uiUtils, Mask = baidu.editor.ui.Mask, UIBase = baidu.editor.ui.UIBase, Button = baidu.editor.ui.Button, Dialog = (baidu.editor.ui.Dialog = (function (options) {
+  _$jscoverage['ui/dialog.js'][13]++;
+  this.initOptions(utils.extend({autoReset: true, draggable: true, onok: (function () {
+}), oncancel: (function () {
+}), onclose: (function (t, ok) {
+  _$jscoverage['ui/dialog.js'][19]++;
+  return (ok? this.onok(): this.oncancel());
+}), holdScroll: false}, options));
+  _$jscoverage['ui/dialog.js'][24]++;
+  this.initDialog();
+}));
+  _$jscoverage['ui/dialog.js'][26]++;
+  var modalMask;
+  _$jscoverage['ui/dialog.js'][27]++;
+  var dragMask;
+  _$jscoverage['ui/dialog.js'][28]++;
+  Dialog.prototype = {draggable: false, uiName: "dialog", initDialog: (function () {
+  _$jscoverage['ui/dialog.js'][32]++;
+  var me = this, theme = this.editor.options.theme;
+  _$jscoverage['ui/dialog.js'][34]++;
+  this.initUIBase();
+  _$jscoverage['ui/dialog.js'][35]++;
+  this.modalMask = (modalMask || (modalMask = new Mask({className: "edui-dialog-modalmask", theme: theme})));
+  _$jscoverage['ui/dialog.js'][39]++;
+  this.dragMask = (dragMask || (dragMask = new Mask({className: "edui-dialog-dragmask", theme: theme})));
+  _$jscoverage['ui/dialog.js'][43]++;
+  this.closeButton = new Button({className: "edui-dialog-closebutton", title: me.closeDialog, theme: theme, onclick: (function () {
+  _$jscoverage['ui/dialog.js'][48]++;
+  me.close(false);
+})});
+  _$jscoverage['ui/dialog.js'][51]++;
+  if (this.buttons) {
+    _$jscoverage['ui/dialog.js'][52]++;
+    for (var i = 0; (i < this.buttons.length); (i++)) {
+      _$jscoverage['ui/dialog.js'][53]++;
+      if ((! (this.buttons[i] instanceof Button))) {
+        _$jscoverage['ui/dialog.js'][54]++;
+        this.buttons[i] = new Button(this.buttons[i]);
+      }
+}
+  }
+}), fitSize: (function () {
+  _$jscoverage['ui/dialog.js'][60]++;
+  var popBodyEl = this.getDom("body");
+  _$jscoverage['ui/dialog.js'][65]++;
+  var size = this.mesureSize();
+  _$jscoverage['ui/dialog.js'][66]++;
+  popBodyEl.style.width = (size.width + "px");
+  _$jscoverage['ui/dialog.js'][67]++;
+  popBodyEl.style.height = (size.height + "px");
+  _$jscoverage['ui/dialog.js'][68]++;
+  return size;
+}), safeSetOffset: (function (offset) {
+  _$jscoverage['ui/dialog.js'][71]++;
+  var me = this;
+  _$jscoverage['ui/dialog.js'][72]++;
+  var el = me.getDom();
+  _$jscoverage['ui/dialog.js'][73]++;
+  var vpRect = uiUtils.getViewportRect();
+  _$jscoverage['ui/dialog.js'][74]++;
+  var rect = uiUtils.getClientRect(el);
+  _$jscoverage['ui/dialog.js'][75]++;
+  var left = offset.left;
+  _$jscoverage['ui/dialog.js'][76]++;
+  if (((left + rect.width) > vpRect.right)) {
+    _$jscoverage['ui/dialog.js'][77]++;
+    left = (vpRect.right - rect.width);
+  }
+  _$jscoverage['ui/dialog.js'][79]++;
+  var top = offset.top;
+  _$jscoverage['ui/dialog.js'][80]++;
+  if (((top + rect.height) > vpRect.bottom)) {
+    _$jscoverage['ui/dialog.js'][81]++;
+    top = (vpRect.bottom - rect.height);
+  }
+  _$jscoverage['ui/dialog.js'][83]++;
+  el.style.left = (Math.max(left, 0) + "px");
+  _$jscoverage['ui/dialog.js'][84]++;
+  el.style.top = (Math.max(top, 0) + "px");
+}), showAtCenter: (function () {
+  _$jscoverage['ui/dialog.js'][87]++;
+  this.getDom().style.display = "";
+  _$jscoverage['ui/dialog.js'][88]++;
+  var vpRect = uiUtils.getViewportRect();
+  _$jscoverage['ui/dialog.js'][89]++;
+  var popSize = this.fitSize();
+  _$jscoverage['ui/dialog.js'][90]++;
+  var titleHeight = (this.getDom("titlebar").offsetHeight | 0);
+  _$jscoverage['ui/dialog.js'][91]++;
+  var left = ((vpRect.width / 2) - (popSize.width / 2));
+  _$jscoverage['ui/dialog.js'][92]++;
+  var top = ((vpRect.height / 2) - ((popSize.height - titleHeight) / 2) - titleHeight);
+  _$jscoverage['ui/dialog.js'][93]++;
+  var popEl = this.getDom();
+  _$jscoverage['ui/dialog.js'][94]++;
+  this.safeSetOffset({left: Math.max((left | 0), 0), top: Math.max((top | 0), 0)});
+  _$jscoverage['ui/dialog.js'][98]++;
+  if ((! domUtils.hasClass(popEl, "edui-state-centered"))) {
+    _$jscoverage['ui/dialog.js'][99]++;
+    popEl.className += " edui-state-centered";
+  }
+  _$jscoverage['ui/dialog.js'][101]++;
+  this._show();
+}), getContentHtml: (function () {
+  _$jscoverage['ui/dialog.js'][104]++;
+  var contentHtml = "";
+  _$jscoverage['ui/dialog.js'][105]++;
+  if (((typeof this.content) == "string")) {
+    _$jscoverage['ui/dialog.js'][106]++;
+    contentHtml = this.content;
+  }
+  else {
+    _$jscoverage['ui/dialog.js'][107]++;
+    if (this.iframeUrl) {
+      _$jscoverage['ui/dialog.js'][108]++;
+      contentHtml = ("<span id=\"" + this.id + "_contmask\" class=\"dialogcontmask\"></span><iframe id=\"" + this.id + "_iframe\" class=\"%%-iframe\" height=\"100%\" width=\"100%\" frameborder=\"0\" src=\"" + this.iframeUrl + "\"></iframe>");
+    }
+  }
+  _$jscoverage['ui/dialog.js'][111]++;
+  return contentHtml;
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/dialog.js'][114]++;
+  var footHtml = "";
+  _$jscoverage['ui/dialog.js'][116]++;
+  if (this.buttons) {
+    _$jscoverage['ui/dialog.js'][117]++;
+    var buff = [];
+    _$jscoverage['ui/dialog.js'][118]++;
+    for (var i = 0; (i < this.buttons.length); (i++)) {
+      _$jscoverage['ui/dialog.js'][119]++;
+      buff[i] = this.buttons[i].renderHtml();
+}
+    _$jscoverage['ui/dialog.js'][121]++;
+    footHtml = ("<div class=\"%%-foot\">" + "<div id=\"##_buttons\" class=\"%%-buttons\">" + buff.join("") + "</div>" + "</div>");
+  }
+  _$jscoverage['ui/dialog.js'][126]++;
+  return ("<div id=\"##\" class=\"%%\"><div class=\"%%-wrap\"><div id=\"##_body\" class=\"%%-body\">" + "<div class=\"%%-shadow\"></div>" + "<div id=\"##_titlebar\" class=\"%%-titlebar\">" + "<div class=\"%%-draghandle\" onmousedown=\"$$._onTitlebarMouseDown(event, this);\">" + "<span class=\"%%-caption\">" + (this.title || "") + "</span>" + "</div>" + this.closeButton.renderHtml() + "</div>" + "<div id=\"##_content\" class=\"%%-content\">" + (this.autoReset? "": this.getContentHtml()) + "</div>" + footHtml + "</div></div></div>");
+}), postRender: (function () {
+  _$jscoverage['ui/dialog.js'][140]++;
+  if ((! this.modalMask.getDom())) {
+    _$jscoverage['ui/dialog.js'][141]++;
+    this.modalMask.render();
+    _$jscoverage['ui/dialog.js'][142]++;
+    this.modalMask.hide();
+  }
+  _$jscoverage['ui/dialog.js'][144]++;
+  if ((! this.dragMask.getDom())) {
+    _$jscoverage['ui/dialog.js'][145]++;
+    this.dragMask.render();
+    _$jscoverage['ui/dialog.js'][146]++;
+    this.dragMask.hide();
+  }
+  _$jscoverage['ui/dialog.js'][148]++;
+  var me = this;
+  _$jscoverage['ui/dialog.js'][149]++;
+  this.addListener("show", (function () {
+  _$jscoverage['ui/dialog.js'][150]++;
+  me.modalMask.show((this.getDom().style.zIndex - 2));
+}));
+  _$jscoverage['ui/dialog.js'][152]++;
+  this.addListener("hide", (function () {
+  _$jscoverage['ui/dialog.js'][153]++;
+  me.modalMask.hide();
+}));
+  _$jscoverage['ui/dialog.js'][155]++;
+  if (this.buttons) {
+    _$jscoverage['ui/dialog.js'][156]++;
+    for (var i = 0; (i < this.buttons.length); (i++)) {
+      _$jscoverage['ui/dialog.js'][157]++;
+      this.buttons[i].postRender();
+}
+  }
+  _$jscoverage['ui/dialog.js'][160]++;
+  domUtils.on(window, "resize", (function () {
+  _$jscoverage['ui/dialog.js'][161]++;
+  setTimeout((function () {
+  _$jscoverage['ui/dialog.js'][162]++;
+  if ((! me.isHidden())) {
+    _$jscoverage['ui/dialog.js'][163]++;
+    me.safeSetOffset(uiUtils.getClientRect(me.getDom()));
+  }
+}));
+}));
+  _$jscoverage['ui/dialog.js'][169]++;
+  if (this.holdScroll) {
+    _$jscoverage['ui/dialog.js'][171]++;
+    if ((! me.iframeUrl)) {
+      _$jscoverage['ui/dialog.js'][172]++;
+      domUtils.on(document.getElementById((me.id + "_iframe")), ((! browser.gecko)? "mousewheel": "DOMMouseScroll"), (function (e) {
+  _$jscoverage['ui/dialog.js'][173]++;
+  domUtils.preventDefault(e);
+}));
+    }
+    else {
+      _$jscoverage['ui/dialog.js'][176]++;
+      me.addListener("dialogafterreset", (function () {
+  _$jscoverage['ui/dialog.js'][177]++;
+  window.setTimeout((function () {
+  _$jscoverage['ui/dialog.js'][178]++;
+  var iframeWindow = document.getElementById((me.id + "_iframe")).contentWindow;
+  _$jscoverage['ui/dialog.js'][180]++;
+  if (browser.ie) {
+    _$jscoverage['ui/dialog.js'][182]++;
+    var timer = window.setInterval((function () {
+  _$jscoverage['ui/dialog.js'][184]++;
+  if ((iframeWindow.document && iframeWindow.document.body)) {
+    _$jscoverage['ui/dialog.js'][185]++;
+    window.clearInterval(timer);
+    _$jscoverage['ui/dialog.js'][186]++;
+    timer = null;
+    _$jscoverage['ui/dialog.js'][187]++;
+    domUtils.on(iframeWindow.document.body, ((! browser.gecko)? "mousewheel": "DOMMouseScroll"), (function (e) {
+  _$jscoverage['ui/dialog.js'][188]++;
+  domUtils.preventDefault(e);
+}));
+  }
+}), 100);
+  }
+  else {
+    _$jscoverage['ui/dialog.js'][195]++;
+    domUtils.on(iframeWindow, ((! browser.gecko)? "mousewheel": "DOMMouseScroll"), (function (e) {
+  _$jscoverage['ui/dialog.js'][196]++;
+  domUtils.preventDefault(e);
+}));
+  }
+}), 1);
+}));
+    }
+  }
+  _$jscoverage['ui/dialog.js'][205]++;
+  this._hide();
+}), mesureSize: (function () {
+  _$jscoverage['ui/dialog.js'][208]++;
+  var body = this.getDom("body");
+  _$jscoverage['ui/dialog.js'][209]++;
+  var width = uiUtils.getClientRect(this.getDom("content")).width;
+  _$jscoverage['ui/dialog.js'][210]++;
+  var dialogBodyStyle = body.style;
+  _$jscoverage['ui/dialog.js'][211]++;
+  dialogBodyStyle.width = width;
+  _$jscoverage['ui/dialog.js'][212]++;
+  return uiUtils.getClientRect(body);
+}), _onTitlebarMouseDown: (function (evt, el) {
+  _$jscoverage['ui/dialog.js'][215]++;
+  if (this.draggable) {
+    _$jscoverage['ui/dialog.js'][216]++;
+    var rect;
+    _$jscoverage['ui/dialog.js'][217]++;
+    var vpRect = uiUtils.getViewportRect();
+    _$jscoverage['ui/dialog.js'][218]++;
+    var me = this;
+    _$jscoverage['ui/dialog.js'][219]++;
+    uiUtils.startDrag(evt, {ondragstart: (function () {
+  _$jscoverage['ui/dialog.js'][221]++;
+  rect = uiUtils.getClientRect(me.getDom());
+  _$jscoverage['ui/dialog.js'][222]++;
+  me.getDom("contmask").style.visibility = "visible";
+  _$jscoverage['ui/dialog.js'][223]++;
+  me.dragMask.show((me.getDom().style.zIndex - 1));
+}), ondragmove: (function (x, y) {
+  _$jscoverage['ui/dialog.js'][226]++;
+  var left = (rect.left + x);
+  _$jscoverage['ui/dialog.js'][227]++;
+  var top = (rect.top + y);
+  _$jscoverage['ui/dialog.js'][228]++;
+  me.safeSetOffset({left: left, top: top});
+}), ondragstop: (function () {
+  _$jscoverage['ui/dialog.js'][234]++;
+  me.getDom("contmask").style.visibility = "hidden";
+  _$jscoverage['ui/dialog.js'][235]++;
+  domUtils.removeClasses(me.getDom(), ["edui-state-centered"]);
+  _$jscoverage['ui/dialog.js'][236]++;
+  me.dragMask.hide();
+})});
+  }
+}), reset: (function () {
+  _$jscoverage['ui/dialog.js'][242]++;
+  this.getDom("content").innerHTML = this.getContentHtml();
+  _$jscoverage['ui/dialog.js'][243]++;
+  this.fireEvent("dialogafterreset");
+}), _show: (function () {
+  _$jscoverage['ui/dialog.js'][246]++;
+  if (this._hidden) {
+    _$jscoverage['ui/dialog.js'][247]++;
+    this.getDom().style.display = "";
+    _$jscoverage['ui/dialog.js'][250]++;
+    (this.editor.container.style.zIndex && (this.getDom().style.zIndex = ((this.editor.container.style.zIndex * 1) + 10)));
+    _$jscoverage['ui/dialog.js'][251]++;
+    this._hidden = false;
+    _$jscoverage['ui/dialog.js'][252]++;
+    this.fireEvent("show");
+    _$jscoverage['ui/dialog.js'][253]++;
+    baidu.editor.ui.uiUtils.getFixedLayer().style.zIndex = (this.getDom().style.zIndex - 4);
+  }
+}), isHidden: (function () {
+  _$jscoverage['ui/dialog.js'][257]++;
+  return this._hidden;
+}), _hide: (function () {
+  _$jscoverage['ui/dialog.js'][260]++;
+  if ((! this._hidden)) {
+    _$jscoverage['ui/dialog.js'][261]++;
+    this.getDom().style.display = "none";
+    _$jscoverage['ui/dialog.js'][262]++;
+    this.getDom().style.zIndex = "";
+    _$jscoverage['ui/dialog.js'][263]++;
+    this._hidden = true;
+    _$jscoverage['ui/dialog.js'][264]++;
+    this.fireEvent("hide");
+  }
+}), open: (function () {
+  _$jscoverage['ui/dialog.js'][268]++;
+  if (this.autoReset) {
+    _$jscoverage['ui/dialog.js'][270]++;
+    try {
+      _$jscoverage['ui/dialog.js'][271]++;
+      this.reset();
+    }
+    catch (e) {
+      _$jscoverage['ui/dialog.js'][273]++;
+      this.render();
+      _$jscoverage['ui/dialog.js'][274]++;
+      this.open();
+    }
+  }
+  _$jscoverage['ui/dialog.js'][277]++;
+  this.showAtCenter();
+  _$jscoverage['ui/dialog.js'][278]++;
+  if (this.iframeUrl) {
+    _$jscoverage['ui/dialog.js'][279]++;
+    try {
+      _$jscoverage['ui/dialog.js'][280]++;
+      this.getDom("iframe").focus();
+    }
+    catch (ex) {
+    }
+  }
+}), _onCloseButtonClick: (function (evt, el) {
+  _$jscoverage['ui/dialog.js'][285]++;
+  this.close(false);
+}), close: (function (ok) {
+  _$jscoverage['ui/dialog.js'][288]++;
+  if ((this.fireEvent("close", ok) !== false)) {
+    _$jscoverage['ui/dialog.js'][289]++;
+    this._hide();
+  }
+})};
+  _$jscoverage['ui/dialog.js'][293]++;
+  utils.inherits(Dialog, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/editor.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/editor.js
new file mode 100644
index 000000000..254ce39da
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/editor.js
@@ -0,0 +1,1531 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/editor.js']) {
+  _$jscoverage['ui/editor.js'] = [];
+  _$jscoverage['ui/editor.js'][5] = 0;
+  _$jscoverage['ui/editor.js'][6] = 0;
+  _$jscoverage['ui/editor.js'][10] = 0;
+  _$jscoverage['ui/editor.js'][12] = 0;
+  _$jscoverage['ui/editor.js'][13] = 0;
+  _$jscoverage['ui/editor.js'][14] = 0;
+  _$jscoverage['ui/editor.js'][17] = 0;
+  _$jscoverage['ui/editor.js'][20] = 0;
+  _$jscoverage['ui/editor.js'][21] = 0;
+  _$jscoverage['ui/editor.js'][22] = 0;
+  _$jscoverage['ui/editor.js'][23] = 0;
+  _$jscoverage['ui/editor.js'][24] = 0;
+  _$jscoverage['ui/editor.js'][27] = 0;
+  _$jscoverage['ui/editor.js'][29] = 0;
+  _$jscoverage['ui/editor.js'][30] = 0;
+  _$jscoverage['ui/editor.js'][32] = 0;
+  _$jscoverage['ui/editor.js'][33] = 0;
+  _$jscoverage['ui/editor.js'][36] = 0;
+  _$jscoverage['ui/editor.js'][39] = 0;
+  _$jscoverage['ui/editor.js'][40] = 0;
+  _$jscoverage['ui/editor.js'][42] = 0;
+  _$jscoverage['ui/editor.js'][43] = 0;
+  _$jscoverage['ui/editor.js'][44] = 0;
+  _$jscoverage['ui/editor.js'][45] = 0;
+  _$jscoverage['ui/editor.js'][47] = 0;
+  _$jscoverage['ui/editor.js'][48] = 0;
+  _$jscoverage['ui/editor.js'][50] = 0;
+  _$jscoverage['ui/editor.js'][51] = 0;
+  _$jscoverage['ui/editor.js'][52] = 0;
+  _$jscoverage['ui/editor.js'][53] = 0;
+  _$jscoverage['ui/editor.js'][55] = 0;
+  _$jscoverage['ui/editor.js'][57] = 0;
+  _$jscoverage['ui/editor.js'][59] = 0;
+  _$jscoverage['ui/editor.js'][60] = 0;
+  _$jscoverage['ui/editor.js'][61] = 0;
+  _$jscoverage['ui/editor.js'][62] = 0;
+  _$jscoverage['ui/editor.js'][65] = 0;
+  _$jscoverage['ui/editor.js'][66] = 0;
+  _$jscoverage['ui/editor.js'][71] = 0;
+  _$jscoverage['ui/editor.js'][72] = 0;
+  _$jscoverage['ui/editor.js'][73] = 0;
+  _$jscoverage['ui/editor.js'][74] = 0;
+  _$jscoverage['ui/editor.js'][77] = 0;
+  _$jscoverage['ui/editor.js'][78] = 0;
+  _$jscoverage['ui/editor.js'][79] = 0;
+  _$jscoverage['ui/editor.js'][81] = 0;
+  _$jscoverage['ui/editor.js'][84] = 0;
+  _$jscoverage['ui/editor.js'][85] = 0;
+  _$jscoverage['ui/editor.js'][86] = 0;
+  _$jscoverage['ui/editor.js'][87] = 0;
+  _$jscoverage['ui/editor.js'][88] = 0;
+  _$jscoverage['ui/editor.js'][89] = 0;
+  _$jscoverage['ui/editor.js'][94] = 0;
+  _$jscoverage['ui/editor.js'][96] = 0;
+  _$jscoverage['ui/editor.js'][99] = 0;
+  _$jscoverage['ui/editor.js'][100] = 0;
+  _$jscoverage['ui/editor.js'][101] = 0;
+  _$jscoverage['ui/editor.js'][102] = 0;
+  _$jscoverage['ui/editor.js'][103] = 0;
+  _$jscoverage['ui/editor.js'][104] = 0;
+  _$jscoverage['ui/editor.js'][109] = 0;
+  _$jscoverage['ui/editor.js'][110] = 0;
+  _$jscoverage['ui/editor.js'][111] = 0;
+  _$jscoverage['ui/editor.js'][112] = 0;
+  _$jscoverage['ui/editor.js'][115] = 0;
+  _$jscoverage['ui/editor.js'][117] = 0;
+  _$jscoverage['ui/editor.js'][118] = 0;
+  _$jscoverage['ui/editor.js'][122] = 0;
+  _$jscoverage['ui/editor.js'][123] = 0;
+  _$jscoverage['ui/editor.js'][125] = 0;
+  _$jscoverage['ui/editor.js'][126] = 0;
+  _$jscoverage['ui/editor.js'][127] = 0;
+  _$jscoverage['ui/editor.js'][128] = 0;
+  _$jscoverage['ui/editor.js'][129] = 0;
+  _$jscoverage['ui/editor.js'][132] = 0;
+  _$jscoverage['ui/editor.js'][133] = 0;
+  _$jscoverage['ui/editor.js'][135] = 0;
+  _$jscoverage['ui/editor.js'][136] = 0;
+  _$jscoverage['ui/editor.js'][142] = 0;
+  _$jscoverage['ui/editor.js'][147] = 0;
+  _$jscoverage['ui/editor.js'][148] = 0;
+  _$jscoverage['ui/editor.js'][150] = 0;
+  _$jscoverage['ui/editor.js'][151] = 0;
+  _$jscoverage['ui/editor.js'][152] = 0;
+  _$jscoverage['ui/editor.js'][153] = 0;
+  _$jscoverage['ui/editor.js'][155] = 0;
+  _$jscoverage['ui/editor.js'][159] = 0;
+  _$jscoverage['ui/editor.js'][160] = 0;
+  _$jscoverage['ui/editor.js'][161] = 0;
+  _$jscoverage['ui/editor.js'][163] = 0;
+  _$jscoverage['ui/editor.js'][164] = 0;
+  _$jscoverage['ui/editor.js'][168] = 0;
+  _$jscoverage['ui/editor.js'][173] = 0;
+  _$jscoverage['ui/editor.js'][174] = 0;
+  _$jscoverage['ui/editor.js'][177] = 0;
+  _$jscoverage['ui/editor.js'][178] = 0;
+  _$jscoverage['ui/editor.js'][182] = 0;
+  _$jscoverage['ui/editor.js'][183] = 0;
+  _$jscoverage['ui/editor.js'][187] = 0;
+  _$jscoverage['ui/editor.js'][188] = 0;
+  _$jscoverage['ui/editor.js'][189] = 0;
+  _$jscoverage['ui/editor.js'][191] = 0;
+  _$jscoverage['ui/editor.js'][192] = 0;
+  _$jscoverage['ui/editor.js'][194] = 0;
+  _$jscoverage['ui/editor.js'][195] = 0;
+  _$jscoverage['ui/editor.js'][197] = 0;
+  _$jscoverage['ui/editor.js'][198] = 0;
+  _$jscoverage['ui/editor.js'][200] = 0;
+  _$jscoverage['ui/editor.js'][201] = 0;
+  _$jscoverage['ui/editor.js'][202] = 0;
+  _$jscoverage['ui/editor.js'][203] = 0;
+  _$jscoverage['ui/editor.js'][206] = 0;
+  _$jscoverage['ui/editor.js'][207] = 0;
+  _$jscoverage['ui/editor.js'][208] = 0;
+  _$jscoverage['ui/editor.js'][211] = 0;
+  _$jscoverage['ui/editor.js'][212] = 0;
+  _$jscoverage['ui/editor.js'][215] = 0;
+  _$jscoverage['ui/editor.js'][216] = 0;
+  _$jscoverage['ui/editor.js'][217] = 0;
+  _$jscoverage['ui/editor.js'][220] = 0;
+  _$jscoverage['ui/editor.js'][223] = 0;
+  _$jscoverage['ui/editor.js'][224] = 0;
+  _$jscoverage['ui/editor.js'][225] = 0;
+  _$jscoverage['ui/editor.js'][226] = 0;
+  _$jscoverage['ui/editor.js'][227] = 0;
+  _$jscoverage['ui/editor.js'][228] = 0;
+  _$jscoverage['ui/editor.js'][229] = 0;
+  _$jscoverage['ui/editor.js'][232] = 0;
+  _$jscoverage['ui/editor.js'][233] = 0;
+  _$jscoverage['ui/editor.js'][234] = 0;
+  _$jscoverage['ui/editor.js'][235] = 0;
+  _$jscoverage['ui/editor.js'][237] = 0;
+  _$jscoverage['ui/editor.js'][241] = 0;
+  _$jscoverage['ui/editor.js'][242] = 0;
+  _$jscoverage['ui/editor.js'][243] = 0;
+  _$jscoverage['ui/editor.js'][246] = 0;
+  _$jscoverage['ui/editor.js'][247] = 0;
+  _$jscoverage['ui/editor.js'][248] = 0;
+  _$jscoverage['ui/editor.js'][249] = 0;
+  _$jscoverage['ui/editor.js'][251] = 0;
+  _$jscoverage['ui/editor.js'][252] = 0;
+  _$jscoverage['ui/editor.js'][254] = 0;
+  _$jscoverage['ui/editor.js'][255] = 0;
+  _$jscoverage['ui/editor.js'][257] = 0;
+  _$jscoverage['ui/editor.js'][258] = 0;
+  _$jscoverage['ui/editor.js'][260] = 0;
+  _$jscoverage['ui/editor.js'][261] = 0;
+  _$jscoverage['ui/editor.js'][263] = 0;
+  _$jscoverage['ui/editor.js'][264] = 0;
+  _$jscoverage['ui/editor.js'][265] = 0;
+  _$jscoverage['ui/editor.js'][269] = 0;
+  _$jscoverage['ui/editor.js'][271] = 0;
+  _$jscoverage['ui/editor.js'][272] = 0;
+  _$jscoverage['ui/editor.js'][274] = 0;
+  _$jscoverage['ui/editor.js'][275] = 0;
+  _$jscoverage['ui/editor.js'][277] = 0;
+  _$jscoverage['ui/editor.js'][284] = 0;
+  _$jscoverage['ui/editor.js'][287] = 0;
+  _$jscoverage['ui/editor.js'][288] = 0;
+  _$jscoverage['ui/editor.js'][289] = 0;
+  _$jscoverage['ui/editor.js'][290] = 0;
+  _$jscoverage['ui/editor.js'][291] = 0;
+  _$jscoverage['ui/editor.js'][292] = 0;
+  _$jscoverage['ui/editor.js'][293] = 0;
+  _$jscoverage['ui/editor.js'][295] = 0;
+  _$jscoverage['ui/editor.js'][296] = 0;
+  _$jscoverage['ui/editor.js'][298] = 0;
+  _$jscoverage['ui/editor.js'][302] = 0;
+  _$jscoverage['ui/editor.js'][306] = 0;
+  _$jscoverage['ui/editor.js'][307] = 0;
+  _$jscoverage['ui/editor.js'][308] = 0;
+  _$jscoverage['ui/editor.js'][309] = 0;
+  _$jscoverage['ui/editor.js'][311] = 0;
+  _$jscoverage['ui/editor.js'][318] = 0;
+  _$jscoverage['ui/editor.js'][319] = 0;
+  _$jscoverage['ui/editor.js'][320] = 0;
+  _$jscoverage['ui/editor.js'][321] = 0;
+  _$jscoverage['ui/editor.js'][322] = 0;
+  _$jscoverage['ui/editor.js'][323] = 0;
+  _$jscoverage['ui/editor.js'][324] = 0;
+  _$jscoverage['ui/editor.js'][325] = 0;
+  _$jscoverage['ui/editor.js'][326] = 0;
+  _$jscoverage['ui/editor.js'][327] = 0;
+  _$jscoverage['ui/editor.js'][328] = 0;
+  _$jscoverage['ui/editor.js'][329] = 0;
+  _$jscoverage['ui/editor.js'][330] = 0;
+  _$jscoverage['ui/editor.js'][332] = 0;
+  _$jscoverage['ui/editor.js'][333] = 0;
+  _$jscoverage['ui/editor.js'][335] = 0;
+  _$jscoverage['ui/editor.js'][336] = 0;
+  _$jscoverage['ui/editor.js'][340] = 0;
+  _$jscoverage['ui/editor.js'][341] = 0;
+  _$jscoverage['ui/editor.js'][342] = 0;
+  _$jscoverage['ui/editor.js'][344] = 0;
+  _$jscoverage['ui/editor.js'][347] = 0;
+  _$jscoverage['ui/editor.js'][352] = 0;
+  _$jscoverage['ui/editor.js'][354] = 0;
+  _$jscoverage['ui/editor.js'][356] = 0;
+  _$jscoverage['ui/editor.js'][359] = 0;
+  _$jscoverage['ui/editor.js'][361] = 0;
+  _$jscoverage['ui/editor.js'][364] = 0;
+  _$jscoverage['ui/editor.js'][388] = 0;
+  _$jscoverage['ui/editor.js'][389] = 0;
+  _$jscoverage['ui/editor.js'][392] = 0;
+  _$jscoverage['ui/editor.js'][393] = 0;
+  _$jscoverage['ui/editor.js'][394] = 0;
+  _$jscoverage['ui/editor.js'][396] = 0;
+  _$jscoverage['ui/editor.js'][400] = 0;
+  _$jscoverage['ui/editor.js'][402] = 0;
+  _$jscoverage['ui/editor.js'][403] = 0;
+  _$jscoverage['ui/editor.js'][404] = 0;
+  _$jscoverage['ui/editor.js'][405] = 0;
+  _$jscoverage['ui/editor.js'][406] = 0;
+  _$jscoverage['ui/editor.js'][408] = 0;
+  _$jscoverage['ui/editor.js'][409] = 0;
+  _$jscoverage['ui/editor.js'][410] = 0;
+  _$jscoverage['ui/editor.js'][411] = 0;
+  _$jscoverage['ui/editor.js'][412] = 0;
+  _$jscoverage['ui/editor.js'][413] = 0;
+  _$jscoverage['ui/editor.js'][415] = 0;
+  _$jscoverage['ui/editor.js'][416] = 0;
+  _$jscoverage['ui/editor.js'][417] = 0;
+  _$jscoverage['ui/editor.js'][418] = 0;
+  _$jscoverage['ui/editor.js'][420] = 0;
+  _$jscoverage['ui/editor.js'][421] = 0;
+  _$jscoverage['ui/editor.js'][423] = 0;
+  _$jscoverage['ui/editor.js'][424] = 0;
+  _$jscoverage['ui/editor.js'][427] = 0;
+  _$jscoverage['ui/editor.js'][428] = 0;
+  _$jscoverage['ui/editor.js'][429] = 0;
+  _$jscoverage['ui/editor.js'][430] = 0;
+  _$jscoverage['ui/editor.js'][431] = 0;
+  _$jscoverage['ui/editor.js'][432] = 0;
+  _$jscoverage['ui/editor.js'][434] = 0;
+  _$jscoverage['ui/editor.js'][435] = 0;
+  _$jscoverage['ui/editor.js'][436] = 0;
+  _$jscoverage['ui/editor.js'][438] = 0;
+  _$jscoverage['ui/editor.js'][439] = 0;
+  _$jscoverage['ui/editor.js'][440] = 0;
+  _$jscoverage['ui/editor.js'][441] = 0;
+  _$jscoverage['ui/editor.js'][442] = 0;
+  _$jscoverage['ui/editor.js'][445] = 0;
+  _$jscoverage['ui/editor.js'][446] = 0;
+  _$jscoverage['ui/editor.js'][447] = 0;
+  _$jscoverage['ui/editor.js'][448] = 0;
+  _$jscoverage['ui/editor.js'][450] = 0;
+  _$jscoverage['ui/editor.js'][451] = 0;
+  _$jscoverage['ui/editor.js'][452] = 0;
+  _$jscoverage['ui/editor.js'][453] = 0;
+  _$jscoverage['ui/editor.js'][454] = 0;
+  _$jscoverage['ui/editor.js'][455] = 0;
+  _$jscoverage['ui/editor.js'][456] = 0;
+  _$jscoverage['ui/editor.js'][457] = 0;
+  _$jscoverage['ui/editor.js'][458] = 0;
+  _$jscoverage['ui/editor.js'][459] = 0;
+  _$jscoverage['ui/editor.js'][460] = 0;
+  _$jscoverage['ui/editor.js'][461] = 0;
+  _$jscoverage['ui/editor.js'][466] = 0;
+  _$jscoverage['ui/editor.js'][467] = 0;
+  _$jscoverage['ui/editor.js'][468] = 0;
+  _$jscoverage['ui/editor.js'][474] = 0;
+  _$jscoverage['ui/editor.js'][475] = 0;
+  _$jscoverage['ui/editor.js'][476] = 0;
+  _$jscoverage['ui/editor.js'][477] = 0;
+  _$jscoverage['ui/editor.js'][478] = 0;
+  _$jscoverage['ui/editor.js'][480] = 0;
+  _$jscoverage['ui/editor.js'][481] = 0;
+  _$jscoverage['ui/editor.js'][482] = 0;
+  _$jscoverage['ui/editor.js'][491] = 0;
+  _$jscoverage['ui/editor.js'][492] = 0;
+  _$jscoverage['ui/editor.js'][494] = 0;
+  _$jscoverage['ui/editor.js'][495] = 0;
+  _$jscoverage['ui/editor.js'][496] = 0;
+  _$jscoverage['ui/editor.js'][498] = 0;
+  _$jscoverage['ui/editor.js'][501] = 0;
+  _$jscoverage['ui/editor.js'][505] = 0;
+  _$jscoverage['ui/editor.js'][506] = 0;
+  _$jscoverage['ui/editor.js'][507] = 0;
+  _$jscoverage['ui/editor.js'][508] = 0;
+  _$jscoverage['ui/editor.js'][512] = 0;
+  _$jscoverage['ui/editor.js'][513] = 0;
+  _$jscoverage['ui/editor.js'][514] = 0;
+  _$jscoverage['ui/editor.js'][515] = 0;
+  _$jscoverage['ui/editor.js'][518] = 0;
+  _$jscoverage['ui/editor.js'][527] = 0;
+  _$jscoverage['ui/editor.js'][536] = 0;
+  _$jscoverage['ui/editor.js'][537] = 0;
+  _$jscoverage['ui/editor.js'][539] = 0;
+  _$jscoverage['ui/editor.js'][540] = 0;
+  _$jscoverage['ui/editor.js'][543] = 0;
+  _$jscoverage['ui/editor.js'][546] = 0;
+  _$jscoverage['ui/editor.js'][547] = 0;
+  _$jscoverage['ui/editor.js'][548] = 0;
+  _$jscoverage['ui/editor.js'][551] = 0;
+  _$jscoverage['ui/editor.js'][553] = 0;
+  _$jscoverage['ui/editor.js'][554] = 0;
+  _$jscoverage['ui/editor.js'][555] = 0;
+  _$jscoverage['ui/editor.js'][558] = 0;
+  _$jscoverage['ui/editor.js'][559] = 0;
+  _$jscoverage['ui/editor.js'][560] = 0;
+  _$jscoverage['ui/editor.js'][561] = 0;
+  _$jscoverage['ui/editor.js'][562] = 0;
+  _$jscoverage['ui/editor.js'][563] = 0;
+  _$jscoverage['ui/editor.js'][567] = 0;
+  _$jscoverage['ui/editor.js'][568] = 0;
+  _$jscoverage['ui/editor.js'][569] = 0;
+  _$jscoverage['ui/editor.js'][570] = 0;
+  _$jscoverage['ui/editor.js'][571] = 0;
+  _$jscoverage['ui/editor.js'][572] = 0;
+  _$jscoverage['ui/editor.js'][573] = 0;
+  _$jscoverage['ui/editor.js'][575] = 0;
+  _$jscoverage['ui/editor.js'][576] = 0;
+  _$jscoverage['ui/editor.js'][577] = 0;
+  _$jscoverage['ui/editor.js'][579] = 0;
+  _$jscoverage['ui/editor.js'][580] = 0;
+  _$jscoverage['ui/editor.js'][581] = 0;
+  _$jscoverage['ui/editor.js'][585] = 0;
+  _$jscoverage['ui/editor.js'][586] = 0;
+  _$jscoverage['ui/editor.js'][587] = 0;
+  _$jscoverage['ui/editor.js'][588] = 0;
+  _$jscoverage['ui/editor.js'][589] = 0;
+  _$jscoverage['ui/editor.js'][591] = 0;
+  _$jscoverage['ui/editor.js'][593] = 0;
+  _$jscoverage['ui/editor.js'][594] = 0;
+  _$jscoverage['ui/editor.js'][596] = 0;
+  _$jscoverage['ui/editor.js'][597] = 0;
+  _$jscoverage['ui/editor.js'][598] = 0;
+  _$jscoverage['ui/editor.js'][599] = 0;
+  _$jscoverage['ui/editor.js'][602] = 0;
+  _$jscoverage['ui/editor.js'][603] = 0;
+  _$jscoverage['ui/editor.js'][604] = 0;
+  _$jscoverage['ui/editor.js'][606] = 0;
+  _$jscoverage['ui/editor.js'][609] = 0;
+  _$jscoverage['ui/editor.js'][611] = 0;
+  _$jscoverage['ui/editor.js'][612] = 0;
+  _$jscoverage['ui/editor.js'][613] = 0;
+  _$jscoverage['ui/editor.js'][614] = 0;
+  _$jscoverage['ui/editor.js'][616] = 0;
+  _$jscoverage['ui/editor.js'][617] = 0;
+  _$jscoverage['ui/editor.js'][618] = 0;
+  _$jscoverage['ui/editor.js'][619] = 0;
+  _$jscoverage['ui/editor.js'][623] = 0;
+  _$jscoverage['ui/editor.js'][626] = 0;
+  _$jscoverage['ui/editor.js'][627] = 0;
+  _$jscoverage['ui/editor.js'][628] = 0;
+  _$jscoverage['ui/editor.js'][630] = 0;
+  _$jscoverage['ui/editor.js'][631] = 0;
+  _$jscoverage['ui/editor.js'][634] = 0;
+  _$jscoverage['ui/editor.js'][635] = 0;
+  _$jscoverage['ui/editor.js'][636] = 0;
+  _$jscoverage['ui/editor.js'][639] = 0;
+  _$jscoverage['ui/editor.js'][641] = 0;
+  _$jscoverage['ui/editor.js'][642] = 0;
+  _$jscoverage['ui/editor.js'][643] = 0;
+  _$jscoverage['ui/editor.js'][647] = 0;
+  _$jscoverage['ui/editor.js'][648] = 0;
+  _$jscoverage['ui/editor.js'][650] = 0;
+  _$jscoverage['ui/editor.js'][651] = 0;
+  _$jscoverage['ui/editor.js'][652] = 0;
+  _$jscoverage['ui/editor.js'][656] = 0;
+  _$jscoverage['ui/editor.js'][659] = 0;
+  _$jscoverage['ui/editor.js'][662] = 0;
+  _$jscoverage['ui/editor.js'][663] = 0;
+  _$jscoverage['ui/editor.js'][664] = 0;
+  _$jscoverage['ui/editor.js'][666] = 0;
+  _$jscoverage['ui/editor.js'][670] = 0;
+  _$jscoverage['ui/editor.js'][673] = 0;
+  _$jscoverage['ui/editor.js'][676] = 0;
+  _$jscoverage['ui/editor.js'][677] = 0;
+  _$jscoverage['ui/editor.js'][678] = 0;
+  _$jscoverage['ui/editor.js'][679] = 0;
+  _$jscoverage['ui/editor.js'][686] = 0;
+  _$jscoverage['ui/editor.js'][687] = 0;
+  _$jscoverage['ui/editor.js'][688] = 0;
+  _$jscoverage['ui/editor.js'][689] = 0;
+  _$jscoverage['ui/editor.js'][690] = 0;
+  _$jscoverage['ui/editor.js'][692] = 0;
+  _$jscoverage['ui/editor.js'][693] = 0;
+  _$jscoverage['ui/editor.js'][694] = 0;
+  _$jscoverage['ui/editor.js'][695] = 0;
+  _$jscoverage['ui/editor.js'][698] = 0;
+  _$jscoverage['ui/editor.js'][699] = 0;
+  _$jscoverage['ui/editor.js'][700] = 0;
+  _$jscoverage['ui/editor.js'][701] = 0;
+  _$jscoverage['ui/editor.js'][703] = 0;
+  _$jscoverage['ui/editor.js'][704] = 0;
+  _$jscoverage['ui/editor.js'][705] = 0;
+  _$jscoverage['ui/editor.js'][706] = 0;
+  _$jscoverage['ui/editor.js'][707] = 0;
+  _$jscoverage['ui/editor.js'][708] = 0;
+  _$jscoverage['ui/editor.js'][712] = 0;
+  _$jscoverage['ui/editor.js'][713] = 0;
+  _$jscoverage['ui/editor.js'][714] = 0;
+  _$jscoverage['ui/editor.js'][715] = 0;
+  _$jscoverage['ui/editor.js'][716] = 0;
+  _$jscoverage['ui/editor.js'][719] = 0;
+  _$jscoverage['ui/editor.js'][720] = 0;
+  _$jscoverage['ui/editor.js'][722] = 0;
+  _$jscoverage['ui/editor.js'][723] = 0;
+  _$jscoverage['ui/editor.js'][727] = 0;
+  _$jscoverage['ui/editor.js'][728] = 0;
+  _$jscoverage['ui/editor.js'][729] = 0;
+  _$jscoverage['ui/editor.js'][731] = 0;
+  _$jscoverage['ui/editor.js'][732] = 0;
+  _$jscoverage['ui/editor.js'][733] = 0;
+  _$jscoverage['ui/editor.js'][734] = 0;
+  _$jscoverage['ui/editor.js'][735] = 0;
+  _$jscoverage['ui/editor.js'][736] = 0;
+  _$jscoverage['ui/editor.js'][738] = 0;
+  _$jscoverage['ui/editor.js'][739] = 0;
+  _$jscoverage['ui/editor.js'][741] = 0;
+  _$jscoverage['ui/editor.js'][743] = 0;
+  _$jscoverage['ui/editor.js'][744] = 0;
+  _$jscoverage['ui/editor.js'][746] = 0;
+  _$jscoverage['ui/editor.js'][748] = 0;
+  _$jscoverage['ui/editor.js'][749] = 0;
+  _$jscoverage['ui/editor.js'][753] = 0;
+  _$jscoverage['ui/editor.js'][754] = 0;
+  _$jscoverage['ui/editor.js'][756] = 0;
+  _$jscoverage['ui/editor.js'][757] = 0;
+  _$jscoverage['ui/editor.js'][758] = 0;
+  _$jscoverage['ui/editor.js'][763] = 0;
+  _$jscoverage['ui/editor.js'][788] = 0;
+  _$jscoverage['ui/editor.js'][789] = 0;
+  _$jscoverage['ui/editor.js'][790] = 0;
+  _$jscoverage['ui/editor.js'][791] = 0;
+  _$jscoverage['ui/editor.js'][792] = 0;
+  _$jscoverage['ui/editor.js'][794] = 0;
+  _$jscoverage['ui/editor.js'][798] = 0;
+  _$jscoverage['ui/editor.js'][799] = 0;
+  _$jscoverage['ui/editor.js'][800] = 0;
+  _$jscoverage['ui/editor.js'][801] = 0;
+  _$jscoverage['ui/editor.js'][802] = 0;
+}
+_$jscoverage['ui/editor.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///commands &#20840;&#23631;</span>","<span class=\"c\">///commandsName FullScreen</span>","<span class=\"c\">///commandsTitle  &#20840;&#23631;</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        domUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">;</span>","    <span class=\"k\">var</span> nodeStack <span class=\"k\">=</span> <span class=\"k\">[];</span>","","    <span class=\"k\">function</span> EditorUI<span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initEditorUI<span class=\"k\">();</span>","    <span class=\"k\">}</span>","","    EditorUI<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        uiName<span class=\"k\">:</span><span class=\"s\">'editor'</span><span class=\"k\">,</span>","        initEditorUI<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>ui <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_dialogs <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_initToolbars<span class=\"k\">();</span>","            <span class=\"k\">var</span> editor <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">,</span>","                me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","","            editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'ready'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"c\">//&#25552;&#20379;getDialog&#26041;&#27861;</span>","                editor<span class=\"k\">.</span>getDialog <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">[</span>name <span class=\"k\">+</span> <span class=\"s\">\"Dialog\"</span><span class=\"k\">];</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","                domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>editor<span class=\"k\">.</span>window<span class=\"k\">,</span> <span class=\"s\">'scroll'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","                    baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">.</span>postHide<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"c\">//&#25552;&#20379;&#32534;&#36753;&#22120;&#23454;&#26102;&#23485;&#39640;(&#20840;&#23631;&#26102;&#23485;&#39640;&#19981;&#21464;&#21270;)</span>","                editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_actualFrameWidth <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>initialFrameWidth<span class=\"k\">;</span>","","                <span class=\"c\">//display bottom-bar label based on config</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>elementPathEnabled<span class=\"k\">)</span> <span class=\"k\">{</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'elementpath'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;div class=\"edui-editor-breadcrumb\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"elementPathTip\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">':&lt;/div&gt;'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>wordCount<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">function</span> countFn<span class=\"k\">()</span> <span class=\"k\">{</span>","                        setCount<span class=\"k\">(</span>editor<span class=\"k\">,</span>me<span class=\"k\">);</span>","                        domUtils<span class=\"k\">.</span>un<span class=\"k\">(</span>editor<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">\"click\"</span><span class=\"k\">,</span> arguments<span class=\"k\">.</span>callee<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>editor<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">\"click\"</span><span class=\"k\">,</span> countFn<span class=\"k\">);</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'wordcount'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"wordCountTip\"</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_scale<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>scaleEnabled<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>autoHeightEnabled<span class=\"k\">)</span> <span class=\"k\">{</span>","                        editor<span class=\"k\">.</span>disableAutoHeight<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                    me<span class=\"k\">.</span>enableScale<span class=\"k\">();</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>disableScale<span class=\"k\">();</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>elementPathEnabled <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>wordCount <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>scaleEnabled<span class=\"k\">)</span> <span class=\"k\">{</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'elementpath'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">\"none\"</span><span class=\"k\">;</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'wordcount'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">\"none\"</span><span class=\"k\">;</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'scale'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">\"none\"</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">if</span> <span class=\"k\">(!</span>editor<span class=\"k\">.</span>selection<span class=\"k\">.</span>isFocus<span class=\"k\">())</span><span class=\"k\">return</span><span class=\"k\">;</span>","                editor<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","","            <span class=\"k\">}</span><span class=\"k\">);</span>","","            editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'mousedown'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> el <span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","                baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">.</span>postHide<span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">);</span>","                baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>ShortCutMenu<span class=\"k\">.</span>postHide<span class=\"k\">(</span>evt<span class=\"k\">);</span>","","            <span class=\"k\">}</span><span class=\"k\">);</span>","            editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"delcells\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>UE<span class=\"k\">.</span>ui<span class=\"k\">[</span><span class=\"s\">'edittip'</span><span class=\"k\">])</span> <span class=\"k\">{</span>","                    <span class=\"k\">new</span> UE<span class=\"k\">.</span>ui<span class=\"k\">[</span><span class=\"s\">'edittip'</span><span class=\"k\">](</span>editor<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                editor<span class=\"k\">.</span>getDialog<span class=\"k\">(</span><span class=\"s\">'edittip'</span><span class=\"k\">).</span>open<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","","            <span class=\"k\">var</span> pastePop<span class=\"k\">,</span> isPaste <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">,</span> timer<span class=\"k\">;</span>","            editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"afterpaste\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'pasteplain'</span><span class=\"k\">))</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>PastePicker<span class=\"k\">)</span><span class=\"k\">{</span>","                    pastePop <span class=\"k\">=</span> <span class=\"k\">new</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">(</span><span class=\"k\">{</span>","                        content<span class=\"k\">:</span><span class=\"k\">new</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>PastePicker<span class=\"k\">(</span><span class=\"k\">{</span>editor<span class=\"k\">:</span>editor<span class=\"k\">}</span><span class=\"k\">),</span>","                        editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                        className<span class=\"k\">:</span><span class=\"s\">'edui-wordpastepop'</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    pastePop<span class=\"k\">.</span>render<span class=\"k\">();</span>","                <span class=\"k\">}</span>","                isPaste <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","","            editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"afterinserthtml\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                clearTimeout<span class=\"k\">(</span>timer<span class=\"k\">);</span>","                timer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>pastePop <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>isPaste <span class=\"k\">||</span> editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_isTransfer<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>pastePop<span class=\"k\">.</span>isHidden<span class=\"k\">())</span><span class=\"k\">{</span>","                            <span class=\"k\">var</span> span <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>createElement<span class=\"k\">(</span>editor<span class=\"k\">.</span>document<span class=\"k\">,</span> <span class=\"s\">'span'</span><span class=\"k\">,</span> <span class=\"k\">{</span>","                                    <span class=\"s\">'style'</span><span class=\"k\">:</span><span class=\"s\">\"line-height:0px;\"</span><span class=\"k\">,</span>","                                    <span class=\"s\">'innerHTML'</span><span class=\"k\">:</span><span class=\"s\">'</span><span class=\"t\">\\u</span><span class=\"s\">feff'</span>","                                <span class=\"k\">}</span><span class=\"k\">),</span>","                                range <span class=\"k\">=</span> editor<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">();</span>","                            range<span class=\"k\">.</span>insertNode<span class=\"k\">(</span>span<span class=\"k\">);</span>","                            <span class=\"k\">var</span> tmp<span class=\"k\">=</span> getDomNode<span class=\"k\">(</span>span<span class=\"k\">,</span> <span class=\"s\">'firstChild'</span><span class=\"k\">,</span> <span class=\"s\">'previousSibling'</span><span class=\"k\">);</span>","                            pastePop<span class=\"k\">.</span>showAnchor<span class=\"k\">(</span>tmp<span class=\"k\">.</span>nodeType <span class=\"k\">==</span> <span class=\"s\">3</span> <span class=\"k\">?</span> tmp<span class=\"k\">.</span>parentNode <span class=\"k\">:</span> tmp<span class=\"k\">);</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>span<span class=\"k\">);</span>","","                        <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                            pastePop<span class=\"k\">.</span>show<span class=\"k\">();</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">delete</span> editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_isTransfer<span class=\"k\">;</span>","                        isPaste <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">200</span><span class=\"k\">)</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'contextmenu'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","                baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">.</span>postHide<span class=\"k\">(</span>evt<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'keydown'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>pastePop<span class=\"k\">)</span>    pastePop<span class=\"k\">.</span>dispose<span class=\"k\">(</span>evt<span class=\"k\">);</span>","                <span class=\"k\">var</span> keyCode <span class=\"k\">=</span> evt<span class=\"k\">.</span>keyCode <span class=\"k\">||</span> evt<span class=\"k\">.</span>which<span class=\"k\">;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>evt<span class=\"k\">.</span>altKey<span class=\"k\">&amp;&amp;</span>keyCode<span class=\"k\">==</span><span class=\"s\">90</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    UE<span class=\"k\">.</span>ui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'fullscreen'</span><span class=\"k\">].</span>onclick<span class=\"k\">();</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'wordcount'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">)</span> <span class=\"k\">{</span>","                setCount<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span>me<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">function</span> setCount<span class=\"k\">(</span>editor<span class=\"k\">,</span>ui<span class=\"k\">)</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","                    wordCount<span class=\"k\">:</span><span class=\"k\">true</span><span class=\"k\">,</span>","                    maximumWords<span class=\"k\">:</span><span class=\"s\">10000</span><span class=\"k\">,</span>","                    wordCountMsg<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>wordCountMsg <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"wordCountMsg\"</span><span class=\"k\">),</span>","                    wordOverFlowMsg<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>wordOverFlowMsg <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"wordOverFlowMsg\"</span><span class=\"k\">)</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">var</span> opt <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">,</span>","                    max <span class=\"k\">=</span> opt<span class=\"k\">.</span>maximumWords<span class=\"k\">,</span>","                    msg <span class=\"k\">=</span> opt<span class=\"k\">.</span>wordCountMsg <span class=\"k\">,</span>","                    errMsg <span class=\"k\">=</span> opt<span class=\"k\">.</span>wordOverFlowMsg<span class=\"k\">,</span>","                    countDom <span class=\"k\">=</span> ui<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'wordcount'</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>opt<span class=\"k\">.</span>wordCount<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> count <span class=\"k\">=</span> editor<span class=\"k\">.</span>getContentLength<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>count <span class=\"k\">&gt;</span> max<span class=\"k\">)</span> <span class=\"k\">{</span>","                    countDom<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> errMsg<span class=\"k\">;</span>","                    editor<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"wordcountoverflow\"</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    countDom<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> msg<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">\"{#leave}\"</span><span class=\"k\">,</span> max <span class=\"k\">-</span> count<span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">\"{#count}\"</span><span class=\"k\">,</span> count<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>elementPathEnabled<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">[(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'elementpath'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">'dis'</span> <span class=\"k\">:</span> <span class=\"s\">'en'</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'ableElementPath'</span><span class=\"k\">]()</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>scaleEnabled<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">[(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'scale'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span> <span class=\"k\">?</span> <span class=\"s\">'dis'</span> <span class=\"k\">:</span> <span class=\"s\">'en'</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'ableScale'</span><span class=\"k\">]();</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> popup <span class=\"k\">=</span> <span class=\"k\">new</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">(</span><span class=\"k\">{</span>","                editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                content<span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","                className<span class=\"k\">:</span><span class=\"s\">'edui-bubble'</span><span class=\"k\">,</span>","                _onEditButtonClick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>hide<span class=\"k\">();</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">.</span>linkDialog<span class=\"k\">.</span>open<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                _onImgEditButtonClick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>hide<span class=\"k\">();</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">[</span>name<span class=\"k\">]</span> <span class=\"k\">&amp;&amp;</span> editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">[</span>name<span class=\"k\">].</span>open<span class=\"k\">();</span>","","                <span class=\"k\">}</span><span class=\"k\">,</span>","                _onImgSetFloat<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>hide<span class=\"k\">();</span>","                    editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"imagefloat\"</span><span class=\"k\">,</span> value<span class=\"k\">);</span>","","                <span class=\"k\">}</span><span class=\"k\">,</span>","                _setIframeAlign<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> frame <span class=\"k\">=</span> popup<span class=\"k\">.</span>anchorEl<span class=\"k\">;</span>","                    <span class=\"k\">var</span> newFrame <span class=\"k\">=</span> frame<span class=\"k\">.</span>cloneNode<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">switch</span> <span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">case</span> <span class=\"k\">-</span><span class=\"s\">2</span><span class=\"k\">:</span>","                            newFrame<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"align\"</span><span class=\"k\">,</span> <span class=\"s\">\"\"</span><span class=\"k\">);</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">case</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">:</span>","                            newFrame<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"align\"</span><span class=\"k\">,</span> <span class=\"s\">\"left\"</span><span class=\"k\">);</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                        <span class=\"k\">case</span> <span class=\"s\">1</span><span class=\"k\">:</span>","                            newFrame<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span><span class=\"s\">\"align\"</span><span class=\"k\">,</span> <span class=\"s\">\"right\"</span><span class=\"k\">);</span>","                            <span class=\"k\">break</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    frame<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>newFrame<span class=\"k\">,</span> frame<span class=\"k\">);</span>","                    domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>frame<span class=\"k\">);</span>","                    popup<span class=\"k\">.</span>anchorEl <span class=\"k\">=</span> newFrame<span class=\"k\">;</span>","                    popup<span class=\"k\">.</span>showAnchor<span class=\"k\">(</span>popup<span class=\"k\">.</span>anchorEl<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                _updateIframe<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    editor<span class=\"k\">.</span>_iframe <span class=\"k\">=</span> popup<span class=\"k\">.</span>anchorEl<span class=\"k\">;</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">.</span>insertframeDialog<span class=\"k\">.</span>open<span class=\"k\">();</span>","                    popup<span class=\"k\">.</span>hide<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                _onRemoveButtonClick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmdName<span class=\"k\">)</span> <span class=\"k\">{</span>","                    editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span>cmdName<span class=\"k\">);</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>hide<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">,</span>","                queryAutoHide<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>el<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>el <span class=\"k\">&amp;&amp;</span> el<span class=\"k\">.</span>ownerDocument <span class=\"k\">==</span> editor<span class=\"k\">.</span>document<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>el<span class=\"k\">.</span>tagName<span class=\"k\">.</span>toLowerCase<span class=\"k\">()</span> <span class=\"k\">==</span> <span class=\"s\">'img'</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>findParentByTagName<span class=\"k\">(</span>el<span class=\"k\">,</span> <span class=\"s\">'a'</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span> el <span class=\"k\">!==</span> popup<span class=\"k\">.</span>anchorEl<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">return</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">.</span>prototype<span class=\"k\">.</span>queryAutoHide<span class=\"k\">.</span>call<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> el<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            popup<span class=\"k\">.</span>render<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>imagePopup<span class=\"k\">)</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'mouseover'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> evt<span class=\"k\">)</span> <span class=\"k\">{</span>","                    evt <span class=\"k\">=</span> evt <span class=\"k\">||</span> window<span class=\"k\">.</span>event<span class=\"k\">;</span>","                    <span class=\"k\">var</span> el <span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">.</span>insertframeDialog <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/iframe/ig</span><span class=\"k\">.</span>test<span class=\"k\">(</span>el<span class=\"k\">.</span>tagName<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> html <span class=\"k\">=</span> popup<span class=\"k\">.</span>formatHtml<span class=\"k\">(</span>","                            <span class=\"s\">'&lt;nobr&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"property\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">': &lt;span onclick=$$._setIframeAlign(-2) class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"default\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&amp;nbsp;&amp;nbsp;&lt;span onclick=$$._setIframeAlign(-1) class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifyleft\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&amp;nbsp;&amp;nbsp;&lt;span onclick=$$._setIframeAlign(1) class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifyright\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&amp;nbsp;&amp;nbsp;'</span> <span class=\"k\">+</span>","                                <span class=\"s\">' &lt;span onclick=\"$$._updateIframe( this);\" class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"modify\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&lt;/nobr&gt;'</span><span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>html<span class=\"k\">)</span> <span class=\"k\">{</span>","                            popup<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'content'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> html<span class=\"k\">;</span>","                            popup<span class=\"k\">.</span>anchorEl <span class=\"k\">=</span> el<span class=\"k\">;</span>","                            popup<span class=\"k\">.</span>showAnchor<span class=\"k\">(</span>popup<span class=\"k\">.</span>anchorEl<span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            popup<span class=\"k\">.</span>hide<span class=\"k\">();</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> causeByUi<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>causeByUi<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">var</span> html <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">,</span> str <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">,</span>","                        img <span class=\"k\">=</span> editor<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>getClosedNode<span class=\"k\">(),</span>","                        dialogs <span class=\"k\">=</span> editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>img <span class=\"k\">&amp;&amp;</span> img<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">'IMG'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> dialogName <span class=\"k\">=</span> <span class=\"s\">'insertimageDialog'</span><span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>className<span class=\"k\">.</span>indexOf<span class=\"k\">(</span><span class=\"s\">\"edui-faked-video\"</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            dialogName <span class=\"k\">=</span> <span class=\"s\">\"insertvideoDialog\"</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>className<span class=\"k\">.</span>indexOf<span class=\"k\">(</span><span class=\"s\">\"edui-faked-webapp\"</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            dialogName <span class=\"k\">=</span> <span class=\"s\">\"webappDialog\"</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>src<span class=\"k\">.</span>indexOf<span class=\"k\">(</span><span class=\"s\">\"http://api.map.baidu.com\"</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            dialogName <span class=\"k\">=</span> <span class=\"s\">\"mapDialog\"</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>className<span class=\"k\">.</span>indexOf<span class=\"k\">(</span><span class=\"s\">\"edui-faked-music\"</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            dialogName <span class=\"k\">=</span> <span class=\"s\">\"musicDialog\"</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>src<span class=\"k\">.</span>indexOf<span class=\"k\">(</span><span class=\"s\">\"http://maps.google.com/maps/api/staticmap\"</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            dialogName <span class=\"k\">=</span> <span class=\"s\">\"gmapDialog\"</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"anchorname\"</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                            dialogName <span class=\"k\">=</span> <span class=\"s\">\"anchorDialog\"</span><span class=\"k\">;</span>","                            html <span class=\"k\">=</span> popup<span class=\"k\">.</span>formatHtml<span class=\"k\">(</span>","                                <span class=\"s\">'&lt;nobr&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"property\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">': &lt;span onclick=$$._onImgEditButtonClick(\"anchorDialog\") class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"modify\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&amp;nbsp;&amp;nbsp;'</span> <span class=\"k\">+</span>","                                    <span class=\"s\">'&lt;span onclick=$$._onRemoveButtonClick(</span><span class=\"t\">\\'</span><span class=\"s\">anchor</span><span class=\"t\">\\'</span><span class=\"s\">) class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"delete\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&lt;/nobr&gt;'</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>img<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"word_img\"</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                            <span class=\"c\">//todo &#25918;&#21040;dialog&#21435;&#20570;&#26597;&#35810;</span>","                            editor<span class=\"k\">.</span>word_img <span class=\"k\">=</span> <span class=\"k\">[</span>img<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">\"word_img\"</span><span class=\"k\">)];</span>","                            dialogName <span class=\"k\">=</span> <span class=\"s\">\"wordimageDialog\"</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>dialogs<span class=\"k\">[</span>dialogName<span class=\"k\">])</span> <span class=\"k\">{</span>","                            <span class=\"k\">return</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        str <span class=\"k\">=</span> <span class=\"s\">'&lt;nobr&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"property\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">': '</span><span class=\"k\">+</span>","                            <span class=\"s\">'&lt;span onclick=$$._onImgSetFloat(\"none\") class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"default\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&amp;nbsp;&amp;nbsp;'</span> <span class=\"k\">+</span>","                            <span class=\"s\">'&lt;span onclick=$$._onImgSetFloat(\"left\") class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifyleft\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&amp;nbsp;&amp;nbsp;'</span> <span class=\"k\">+</span>","                            <span class=\"s\">'&lt;span onclick=$$._onImgSetFloat(\"right\") class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifyright\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&amp;nbsp;&amp;nbsp;'</span> <span class=\"k\">+</span>","                            <span class=\"s\">'&lt;span onclick=$$._onImgSetFloat(\"center\") class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"justifycenter\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&amp;nbsp;&amp;nbsp;'</span><span class=\"k\">+</span>","                            <span class=\"s\">'&lt;span onclick=\"$$._onImgEditButtonClick(</span><span class=\"t\">\\'</span><span class=\"s\">'</span> <span class=\"k\">+</span> dialogName <span class=\"k\">+</span> <span class=\"s\">'</span><span class=\"t\">\\'</span><span class=\"s\">);\" class=\"edui-clickable\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"modify\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&lt;/nobr&gt;'</span><span class=\"k\">;</span>","","                        <span class=\"k\">!</span>html <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>html <span class=\"k\">=</span> popup<span class=\"k\">.</span>formatHtml<span class=\"k\">(</span>str<span class=\"k\">))</span>","","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">.</span>linkDialog<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> link <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'link'</span><span class=\"k\">);</span>","                        <span class=\"k\">var</span> url<span class=\"k\">;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>link <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>url <span class=\"k\">=</span> <span class=\"k\">(</span>link<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'_href'</span><span class=\"k\">)</span> <span class=\"k\">||</span> link<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'href'</span><span class=\"k\">,</span> <span class=\"s\">2</span><span class=\"k\">))))</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> txt <span class=\"k\">=</span> url<span class=\"k\">;</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>url<span class=\"k\">.</span>length <span class=\"k\">&gt;</span> <span class=\"s\">30</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                                txt <span class=\"k\">=</span> url<span class=\"k\">.</span>substring<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"s\">20</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">\"...\"</span><span class=\"k\">;</span>","                            <span class=\"k\">}</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>html<span class=\"k\">)</span> <span class=\"k\">{</span>","                                html <span class=\"k\">+=</span> <span class=\"s\">'&lt;div style=\"height:5px;\"&gt;&lt;/div&gt;'</span>","                            <span class=\"k\">}</span>","                            html <span class=\"k\">+=</span> popup<span class=\"k\">.</span>formatHtml<span class=\"k\">(</span>","                                <span class=\"s\">'&lt;nobr&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"anthorMsg\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">': &lt;a target=\"_blank\" href=\"'</span> <span class=\"k\">+</span> url <span class=\"k\">+</span> <span class=\"s\">'\" title=\"'</span> <span class=\"k\">+</span> url <span class=\"k\">+</span> <span class=\"s\">'\" &gt;'</span> <span class=\"k\">+</span> txt <span class=\"k\">+</span> <span class=\"s\">'&lt;/a&gt;'</span> <span class=\"k\">+</span>","                                    <span class=\"s\">' &lt;span class=\"edui-clickable\" onclick=\"$$._onEditButtonClick();\"&gt;'</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"modify\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;'</span> <span class=\"k\">+</span>","                                    <span class=\"s\">' &lt;span class=\"edui-clickable\" onclick=\"$$._onRemoveButtonClick(</span><span class=\"t\">\\'</span><span class=\"s\">unlink</span><span class=\"t\">\\'</span><span class=\"s\">);\"&gt; '</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"clear\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&lt;/nobr&gt;'</span><span class=\"k\">);</span>","                            popup<span class=\"k\">.</span>showAnchor<span class=\"k\">(</span>link<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>html<span class=\"k\">)</span> <span class=\"k\">{</span>","                        popup<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'content'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> html<span class=\"k\">;</span>","                        popup<span class=\"k\">.</span>anchorEl <span class=\"k\">=</span> img <span class=\"k\">||</span> link<span class=\"k\">;</span>","                        popup<span class=\"k\">.</span>showAnchor<span class=\"k\">(</span>popup<span class=\"k\">.</span>anchorEl<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        popup<span class=\"k\">.</span>hide<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _initToolbars<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> editor <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">;</span>","            <span class=\"k\">var</span> toolbars <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>toolbars <span class=\"k\">||</span> <span class=\"k\">[];</span>","            <span class=\"k\">var</span> toolbarUis <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> toolbars<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> toolbar <span class=\"k\">=</span> toolbars<span class=\"k\">[</span>i<span class=\"k\">];</span>","                <span class=\"k\">var</span> toolbarUi <span class=\"k\">=</span> <span class=\"k\">new</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Toolbar<span class=\"k\">(</span><span class=\"k\">{</span>theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> j <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> j <span class=\"k\">&lt;</span> toolbar<span class=\"k\">.</span>length<span class=\"k\">;</span> j<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> toolbarItem <span class=\"k\">=</span> toolbar<span class=\"k\">[</span>j<span class=\"k\">];</span>","                    <span class=\"k\">var</span> toolbarItemUi <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">typeof</span> toolbarItem <span class=\"k\">==</span> <span class=\"s\">'string'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        toolbarItem <span class=\"k\">=</span> toolbarItem<span class=\"k\">.</span>toLowerCase<span class=\"k\">();</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>toolbarItem <span class=\"k\">==</span> <span class=\"s\">'|'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            toolbarItem <span class=\"k\">=</span> <span class=\"s\">'Separator'</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span><span class=\"k\">(</span>toolbarItem <span class=\"k\">==</span> <span class=\"s\">'||'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                            toolbarItem <span class=\"k\">=</span> <span class=\"s\">'Breakline'</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">[</span>toolbarItem<span class=\"k\">])</span> <span class=\"k\">{</span>","                            toolbarItemUi <span class=\"k\">=</span> <span class=\"k\">new</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">[</span>toolbarItem<span class=\"k\">](</span>editor<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","","                        <span class=\"c\">//fullscreen&#36825;&#37324;&#21333;&#29420;&#22788;&#29702;&#19968;&#19979;&#65292;&#25918;&#21040;&#39318;&#34892;&#21435;</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>toolbarItem <span class=\"k\">==</span> <span class=\"s\">'fullscreen'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>toolbarUis <span class=\"k\">&amp;&amp;</span> toolbarUis<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">])</span> <span class=\"k\">{</span>","                                toolbarUis<span class=\"k\">[</span><span class=\"s\">0</span><span class=\"k\">].</span>items<span class=\"k\">.</span>splice<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">,</span> toolbarItemUi<span class=\"k\">);</span>","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                toolbarItemUi <span class=\"k\">&amp;&amp;</span> toolbarUi<span class=\"k\">.</span>items<span class=\"k\">.</span>splice<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">,</span> toolbarItemUi<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","","                            <span class=\"k\">continue</span><span class=\"k\">;</span>","","","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        toolbarItemUi <span class=\"k\">=</span> toolbarItem<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>toolbarItemUi <span class=\"k\">&amp;&amp;</span> toolbarItemUi<span class=\"k\">.</span>id<span class=\"k\">)</span> <span class=\"k\">{</span>","","                        toolbarUi<span class=\"k\">.</span>add<span class=\"k\">(</span>toolbarItemUi<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                toolbarUis<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> toolbarUi<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>toolbars <span class=\"k\">=</span> toolbarUis<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"%%\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div id=\"##_toolbarbox\" class=\"%%-toolbarbox\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>toolbars<span class=\"k\">.</span>length <span class=\"k\">?</span>","                    <span class=\"s\">'&lt;div id=\"##_toolbarboxouter\" class=\"%%-toolbarboxouter\"&gt;&lt;div class=\"%%-toolbarboxinner\"&gt;'</span> <span class=\"k\">+</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>renderToolbarBoxHtml<span class=\"k\">()</span> <span class=\"k\">+</span>","                        <span class=\"s\">'&lt;/div&gt;&lt;/div&gt;'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div id=\"##_toolbarmsg\" class=\"%%-toolbarmsg\" style=\"display:none;\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div id = \"##_upload_dialog\" class=\"%%-toolbarmsg-upload\" onclick=\"$$.showWordImageDialog();\"&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"clickToUpload\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"%%-toolbarmsg-close\" onclick=\"$$.hideToolbarMsg();\"&gt;x&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div id=\"##_toolbarmsg_label\" class=\"%%-toolbarmsg-label\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div style=\"height:0;overflow:hidden;clear:both;\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div id=\"##_iframeholder\" class=\"%%-iframeholder\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"c\">//modify wdcount by matao</span>","                <span class=\"s\">'&lt;div id=\"##_bottombar\" class=\"%%-bottomContainer\"&gt;&lt;table&gt;&lt;tr&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;td id=\"##_elementpath\" class=\"%%-bottombar\"&gt;&lt;/td&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;td id=\"##_wordcount\" class=\"%%-wordcount\"&gt;&lt;/td&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;td id=\"##_scale\" class=\"%%-scale\"&gt;&lt;div class=\"%%-icon\"&gt;&lt;/div&gt;&lt;/td&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div id=\"##_scalelayer\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        showWordImageDialog<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"wordimage\"</span><span class=\"k\">,</span> <span class=\"s\">\"word_img\"</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_dialogs<span class=\"k\">[</span><span class=\"s\">'wordimageDialog'</span><span class=\"k\">].</span>open<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        renderToolbarBoxHtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> buff <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>toolbars<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                buff<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>toolbars<span class=\"k\">[</span>i<span class=\"k\">].</span>renderHtml<span class=\"k\">());</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> buff<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setFullScreen<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>fullscreen<span class=\"k\">)</span> <span class=\"k\">{</span>","","            <span class=\"k\">var</span> editor <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">,</span>","                container <span class=\"k\">=</span> editor<span class=\"k\">.</span>container<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>_fullscreen <span class=\"k\">!=</span> fullscreen<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>_fullscreen <span class=\"k\">=</span> fullscreen<span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'beforefullscreenchange'</span><span class=\"k\">,</span> fullscreen<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>browser<span class=\"k\">.</span>gecko<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> bk <span class=\"k\">=</span> editor<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>createBookmark<span class=\"k\">();</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>fullscreen<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span>container<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> <span class=\"s\">\"BODY\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> position <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>container<span class=\"k\">,</span> <span class=\"s\">\"position\"</span><span class=\"k\">);</span>","                        nodeStack<span class=\"k\">.</span>push<span class=\"k\">(</span>position<span class=\"k\">);</span>","                        container<span class=\"k\">.</span>style<span class=\"k\">.</span>position <span class=\"k\">=</span> <span class=\"s\">\"static\"</span><span class=\"k\">;</span>","                        container <span class=\"k\">=</span> container<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>_bakHtmlOverflow <span class=\"k\">=</span> document<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>style<span class=\"k\">.</span>overflow<span class=\"k\">;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>_bakBodyOverflow <span class=\"k\">=</span> document<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>overflow<span class=\"k\">;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>_bakAutoHeight <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>autoHeightEnabled<span class=\"k\">;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>_bakScrollTop <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>document<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>scrollTop<span class=\"k\">,</span> document<span class=\"k\">.</span>body<span class=\"k\">.</span>scrollTop<span class=\"k\">);</span>","","                    <span class=\"k\">this</span><span class=\"k\">.</span>_bakEditorContaninerWidth <span class=\"k\">=</span> editor<span class=\"k\">.</span>iframe<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>offsetWidth<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>_bakAutoHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"c\">//&#24403;&#20840;&#23631;&#26102;&#19981;&#33021;&#25191;&#34892;&#33258;&#21160;&#38271;&#39640;</span>","                        editor<span class=\"k\">.</span>autoHeightEnabled <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>disableAutoHeight<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","","                    document<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>style<span class=\"k\">.</span>overflow <span class=\"k\">=</span> <span class=\"s\">'hidden'</span><span class=\"k\">;</span>","                    document<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>overflow <span class=\"k\">=</span> <span class=\"s\">'hidden'</span><span class=\"k\">;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>_bakCssText <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>_bakCssText1 <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'iframeholder'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","                    editor<span class=\"k\">.</span>iframe<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>_updateFullScreen<span class=\"k\">();</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span>container<span class=\"k\">.</span>tagName <span class=\"k\">!=</span> <span class=\"s\">\"BODY\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        container<span class=\"k\">.</span>style<span class=\"k\">.</span>position <span class=\"k\">=</span> nodeStack<span class=\"k\">.</span>shift<span class=\"k\">();</span>","                        container <span class=\"k\">=</span> container<span class=\"k\">.</span>parentNode<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakCssText<span class=\"k\">;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'iframeholder'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakCssText1<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>_bakAutoHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","                        editor<span class=\"k\">.</span>autoHeightEnabled <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>enableAutoHeight<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","","                    document<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>style<span class=\"k\">.</span>overflow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakHtmlOverflow<span class=\"k\">;</span>","                    document<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>overflow <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakBodyOverflow<span class=\"k\">;</span>","                    editor<span class=\"k\">.</span>iframe<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakEditorContaninerWidth <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                    window<span class=\"k\">.</span>scrollTo<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakScrollTop<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko <span class=\"k\">&amp;&amp;</span> editor<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">===</span> <span class=\"s\">'true'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> input <span class=\"k\">=</span> document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'input'</span><span class=\"k\">);</span>","                    document<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>input<span class=\"k\">);</span>","                    editor<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                    setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        input<span class=\"k\">.</span>focus<span class=\"k\">();</span>","                        setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                            editor<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                            editor<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'fullscreenchanged'</span><span class=\"k\">,</span> fullscreen<span class=\"k\">);</span>","                            editor<span class=\"k\">.</span>selection<span class=\"k\">.</span>getRange<span class=\"k\">().</span>moveToBookmark<span class=\"k\">(</span>bk<span class=\"k\">).</span>select<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                            baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>input<span class=\"k\">);</span>","                            fullscreen <span class=\"k\">&amp;&amp;</span> window<span class=\"k\">.</span>scroll<span class=\"k\">(</span><span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">if</span><span class=\"k\">(</span>editor<span class=\"k\">.</span>body<span class=\"k\">.</span>contentEditable <span class=\"k\">===</span> <span class=\"s\">'true'</span><span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'fullscreenchanged'</span><span class=\"k\">,</span> fullscreen<span class=\"k\">);</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>triggerLayout<span class=\"k\">();</span>","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _updateFullScreen<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>_fullscreen<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> vpRect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportRect<span class=\"k\">();</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">'border:0;position:absolute;left:0;top:'</span> <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>topOffset <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'px;width:'</span> <span class=\"k\">+</span> vpRect<span class=\"k\">.</span>width <span class=\"k\">+</span> <span class=\"s\">'px;height:'</span> <span class=\"k\">+</span> vpRect<span class=\"k\">.</span>height <span class=\"k\">+</span> <span class=\"s\">'px;z-index:'</span> <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">*</span> <span class=\"s\">1</span> <span class=\"k\">+</span> <span class=\"s\">100</span><span class=\"k\">);</span>","                uiUtils<span class=\"k\">.</span>setViewportOffset<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(),</span> <span class=\"k\">{</span> left<span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">,</span> top<span class=\"k\">:</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>topOffset <span class=\"k\">||</span> <span class=\"s\">0</span> <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>setHeight<span class=\"k\">(</span>vpRect<span class=\"k\">.</span>height <span class=\"k\">-</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'toolbarbox'</span><span class=\"k\">).</span>offsetHeight <span class=\"k\">-</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'bottombar'</span><span class=\"k\">).</span>offsetHeight <span class=\"k\">-</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>topOffset <span class=\"k\">||</span> <span class=\"s\">0</span><span class=\"k\">));</span>","                <span class=\"c\">//&#19981;&#25163;&#21160;&#35843;&#19968;&#19979;&#65292;&#20250;&#23548;&#33268;&#20840;&#23631;&#22833;&#25928;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko<span class=\"k\">)</span><span class=\"k\">{</span>","                    <span class=\"k\">try</span><span class=\"k\">{</span>","                        window<span class=\"k\">.</span>onresize<span class=\"k\">();</span>","                    <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","","                    <span class=\"k\">}</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _updateElementPath<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> bottom <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'elementpath'</span><span class=\"k\">),</span> list<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>elementPathEnabled <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>list <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'elementpath'</span><span class=\"k\">)))</span> <span class=\"k\">{</span>","","                <span class=\"k\">var</span> buff <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> list<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    buff<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>formatHtml<span class=\"k\">(</span><span class=\"s\">'&lt;span unselectable=\"on\" onclick=\"$$.editor.execCommand(&amp;quot;elementpath&amp;quot;, &amp;quot;'</span> <span class=\"k\">+</span> i <span class=\"k\">+</span> <span class=\"s\">'&amp;quot;);\"&gt;'</span> <span class=\"k\">+</span> ci <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                bottom<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;div class=\"edui-editor-breadcrumb\" onmousedown=\"return false;\"&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"elementPathTip\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">': '</span> <span class=\"k\">+</span> buff<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">' &amp;gt; '</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                bottom<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        disableElementPath<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> bottom <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'elementpath'</span><span class=\"k\">);</span>","            bottom<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            bottom<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>elementPathEnabled <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        enableElementPath<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> bottom <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'elementpath'</span><span class=\"k\">);</span>","            bottom<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>elementPathEnabled <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_updateElementPath<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _scale<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> doc <span class=\"k\">=</span> document<span class=\"k\">,</span>","                editor <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">,</span>","                editorHolder <span class=\"k\">=</span> editor<span class=\"k\">.</span>container<span class=\"k\">,</span>","                editorDocument <span class=\"k\">=</span> editor<span class=\"k\">.</span>document<span class=\"k\">,</span>","                toolbarBox <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">\"toolbarbox\"</span><span class=\"k\">),</span>","                bottombar <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">\"bottombar\"</span><span class=\"k\">),</span>","                scale <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">\"scale\"</span><span class=\"k\">),</span>","                scalelayer <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">\"scalelayer\"</span><span class=\"k\">);</span>","","            <span class=\"k\">var</span> isMouseMove <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">,</span>","                position <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">,</span>","                minEditorHeight <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                minEditorWidth <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>minFrameWidth<span class=\"k\">,</span>","                pageX <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                pageY <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                scaleWidth <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                scaleHeight <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","","            <span class=\"k\">function</span> down<span class=\"k\">()</span> <span class=\"k\">{</span>","                position <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>editorHolder<span class=\"k\">);</span>","","                <span class=\"k\">if</span> <span class=\"k\">(!</span>minEditorHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","                    minEditorHeight <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>minFrameHeight <span class=\"k\">+</span> toolbarBox<span class=\"k\">.</span>offsetHeight <span class=\"k\">+</span> bottombar<span class=\"k\">.</span>offsetHeight<span class=\"k\">;</span>","                <span class=\"k\">}</span>","","                scalelayer<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">\"position:absolute;left:0;display:;top:0;background-color:#41ABFF;opacity:0.4;filter: Alpha(opacity=40);width:\"</span> <span class=\"k\">+</span> editorHolder<span class=\"k\">.</span>offsetWidth <span class=\"k\">+</span> <span class=\"s\">\"px;height:\"</span>","                    <span class=\"k\">+</span> editorHolder<span class=\"k\">.</span>offsetHeight <span class=\"k\">+</span> <span class=\"s\">\"px;z-index:\"</span> <span class=\"k\">+</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>zIndex <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">);</span>","","                domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>doc<span class=\"k\">,</span> <span class=\"s\">\"mousemove\"</span><span class=\"k\">,</span> move<span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>editorDocument<span class=\"k\">,</span> <span class=\"s\">\"mouseup\"</span><span class=\"k\">,</span> up<span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>doc<span class=\"k\">,</span> <span class=\"s\">\"mouseup\"</span><span class=\"k\">,</span> up<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"c\">//by xuheng &#20840;&#23631;&#26102;&#20851;&#25481;&#32553;&#25918;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'fullscreenchanged'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>e<span class=\"k\">,</span> fullScreen<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>fullScreen<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>disableScale<span class=\"k\">();</span>","","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>scaleEnabled<span class=\"k\">)</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>enableScale<span class=\"k\">();</span>","                        <span class=\"k\">var</span> tmpNode <span class=\"k\">=</span> me<span class=\"k\">.</span>editor<span class=\"k\">.</span>document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'span'</span><span class=\"k\">);</span>","                        me<span class=\"k\">.</span>editor<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>tmpNode<span class=\"k\">);</span>","                        me<span class=\"k\">.</span>editor<span class=\"k\">.</span>body<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> Math<span class=\"k\">.</span>max<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span>tmpNode<span class=\"k\">).</span>y<span class=\"k\">,</span> me<span class=\"k\">.</span>editor<span class=\"k\">.</span>iframe<span class=\"k\">.</span>offsetHeight <span class=\"k\">-</span> <span class=\"s\">20</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                        domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>tmpNode<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">function</span> move<span class=\"k\">(</span>event<span class=\"k\">)</span> <span class=\"k\">{</span>","                clearSelection<span class=\"k\">();</span>","                <span class=\"k\">var</span> e <span class=\"k\">=</span> event <span class=\"k\">||</span> window<span class=\"k\">.</span>event<span class=\"k\">;</span>","                pageX <span class=\"k\">=</span> e<span class=\"k\">.</span>pageX <span class=\"k\">||</span> <span class=\"k\">(</span>doc<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>scrollLeft <span class=\"k\">+</span> e<span class=\"k\">.</span>clientX<span class=\"k\">);</span>","                pageY <span class=\"k\">=</span> e<span class=\"k\">.</span>pageY <span class=\"k\">||</span> <span class=\"k\">(</span>doc<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>scrollTop <span class=\"k\">+</span> e<span class=\"k\">.</span>clientY<span class=\"k\">);</span>","                scaleWidth <span class=\"k\">=</span> pageX <span class=\"k\">-</span> position<span class=\"k\">.</span>x<span class=\"k\">;</span>","                scaleHeight <span class=\"k\">=</span> pageY <span class=\"k\">-</span> position<span class=\"k\">.</span>y<span class=\"k\">;</span>","","                <span class=\"k\">if</span> <span class=\"k\">(</span>scaleWidth <span class=\"k\">&gt;=</span> minEditorWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","                    isMouseMove <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                    scalelayer<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> scaleWidth <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>scaleHeight <span class=\"k\">&gt;=</span> minEditorHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","                    isMouseMove <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                    scalelayer<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> scaleHeight <span class=\"k\">+</span> <span class=\"s\">\"px\"</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">function</span> up<span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>isMouseMove<span class=\"k\">)</span> <span class=\"k\">{</span>","                    isMouseMove <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_actualFrameWidth <span class=\"k\">=</span> scalelayer<span class=\"k\">.</span>offsetWidth <span class=\"k\">-</span> <span class=\"s\">2</span><span class=\"k\">;</span>","                    editorHolder<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_actualFrameWidth <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","","                    editor<span class=\"k\">.</span>setHeight<span class=\"k\">(</span>scalelayer<span class=\"k\">.</span>offsetHeight <span class=\"k\">-</span> bottombar<span class=\"k\">.</span>offsetHeight <span class=\"k\">-</span> toolbarBox<span class=\"k\">.</span>offsetHeight <span class=\"k\">-</span> <span class=\"s\">2</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>scalelayer<span class=\"k\">)</span> <span class=\"k\">{</span>","                    scalelayer<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">\"none\"</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                clearSelection<span class=\"k\">();</span>","                domUtils<span class=\"k\">.</span>un<span class=\"k\">(</span>doc<span class=\"k\">,</span> <span class=\"s\">\"mousemove\"</span><span class=\"k\">,</span> move<span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>un<span class=\"k\">(</span>editorDocument<span class=\"k\">,</span> <span class=\"s\">\"mouseup\"</span><span class=\"k\">,</span> up<span class=\"k\">);</span>","                domUtils<span class=\"k\">.</span>un<span class=\"k\">(</span>doc<span class=\"k\">,</span> <span class=\"s\">\"mouseup\"</span><span class=\"k\">,</span> up<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">function</span> clearSelection<span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie<span class=\"k\">)</span>","                    doc<span class=\"k\">.</span>selection<span class=\"k\">.</span>clear<span class=\"k\">();</span>","                <span class=\"k\">else</span>","                    window<span class=\"k\">.</span>getSelection<span class=\"k\">().</span>removeAllRanges<span class=\"k\">();</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">this</span><span class=\"k\">.</span>enableScale <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"c\">//trace:2868</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">\"source\"</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span>    <span class=\"k\">return</span><span class=\"k\">;</span>","                scale<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>scaleEnabled <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>scale<span class=\"k\">,</span> <span class=\"s\">\"mousedown\"</span><span class=\"k\">,</span> down<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>disableScale <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                scale<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">\"none\"</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>scaleEnabled <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                domUtils<span class=\"k\">.</span>un<span class=\"k\">(</span>scale<span class=\"k\">,</span> <span class=\"s\">\"mousedown\"</span><span class=\"k\">,</span> down<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        isFullScreen<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_fullscreen<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        postRender<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            UIBase<span class=\"k\">.</span>prototype<span class=\"k\">.</span>postRender<span class=\"k\">.</span>call<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>toolbars<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>toolbars<span class=\"k\">[</span>i<span class=\"k\">].</span>postRender<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> timerId<span class=\"k\">,</span>","                domUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">,</span>","                updateFullScreenTime <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    clearTimeout<span class=\"k\">(</span>timerId<span class=\"k\">);</span>","                    timerId <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>_updateFullScreen<span class=\"k\">();</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","            domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>window<span class=\"k\">,</span> <span class=\"s\">'resize'</span><span class=\"k\">,</span> updateFullScreenTime<span class=\"k\">);</span>","","            me<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'destroy'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>un<span class=\"k\">(</span>window<span class=\"k\">,</span> <span class=\"s\">'resize'</span><span class=\"k\">,</span> updateFullScreenTime<span class=\"k\">);</span>","                clearTimeout<span class=\"k\">(</span>timerId<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        showToolbarMsg<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>msg<span class=\"k\">,</span> flag<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'toolbarmsg_label'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> msg<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'toolbarmsg'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"c\">//</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>flag<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> w <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'upload_dialog'</span><span class=\"k\">);</span>","                w<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        hideToolbarMsg<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'toolbarmsg'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        mapUrl<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>url<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> url <span class=\"k\">?</span> url<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">'~/'</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>UEDITOR_HOME_URL <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"s\">''</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        triggerLayout<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> dom <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>dom<span class=\"k\">.</span>style<span class=\"k\">.</span>zoom <span class=\"k\">==</span> <span class=\"s\">'1'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                dom<span class=\"k\">.</span>style<span class=\"k\">.</span>zoom <span class=\"k\">=</span> <span class=\"s\">'100%'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                dom<span class=\"k\">.</span>style<span class=\"k\">.</span>zoom <span class=\"k\">=</span> <span class=\"s\">'1'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>EditorUI<span class=\"k\">,</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">);</span>","","","    <span class=\"k\">var</span> instances <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","","","    UE<span class=\"k\">.</span>ui<span class=\"k\">.</span>Editor <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> editor <span class=\"k\">=</span> <span class=\"k\">new</span> UE<span class=\"k\">.</span>Editor<span class=\"k\">(</span>options<span class=\"k\">);</span>","        editor<span class=\"k\">.</span>options<span class=\"k\">.</span>editor <span class=\"k\">=</span> editor<span class=\"k\">;</span>","        utils<span class=\"k\">.</span>loadFile<span class=\"k\">(</span>document<span class=\"k\">,</span> <span class=\"k\">{</span>","            href<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>themePath <span class=\"k\">+</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme <span class=\"k\">+</span> <span class=\"s\">\"/_css/ueditor.css\"</span><span class=\"k\">,</span>","            tag<span class=\"k\">:</span><span class=\"s\">\"link\"</span><span class=\"k\">,</span>","            type<span class=\"k\">:</span><span class=\"s\">\"text/css\"</span><span class=\"k\">,</span>","            rel<span class=\"k\">:</span><span class=\"s\">\"stylesheet\"</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"k\">var</span> oldRender <span class=\"k\">=</span> editor<span class=\"k\">.</span>render<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>render <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>holder<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>holder<span class=\"k\">.</span>constructor <span class=\"k\">===</span> String<span class=\"k\">)</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>key <span class=\"k\">=</span> holder<span class=\"k\">;</span>","                instances<span class=\"k\">[</span>holder<span class=\"k\">]</span> <span class=\"k\">=</span> editor<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            utils<span class=\"k\">.</span>domReady<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>langIsReady <span class=\"k\">?</span> renderUI<span class=\"k\">()</span> <span class=\"k\">:</span> editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"langReady\"</span><span class=\"k\">,</span> renderUI<span class=\"k\">);</span>","                <span class=\"k\">function</span> renderUI<span class=\"k\">()</span> <span class=\"k\">{</span>","                    editor<span class=\"k\">.</span>setOpt<span class=\"k\">(</span><span class=\"k\">{</span>","                        labelMap<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">'labelMap'</span><span class=\"k\">)</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                    <span class=\"k\">new</span> EditorUI<span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>holder<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>holder<span class=\"k\">.</span>constructor <span class=\"k\">===</span> String<span class=\"k\">)</span> <span class=\"k\">{</span>","                            holder <span class=\"k\">=</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>holder<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                        holder <span class=\"k\">&amp;&amp;</span> holder<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'name'</span><span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>textarea <span class=\"k\">=</span> holder<span class=\"k\">.</span>getAttribute<span class=\"k\">(</span><span class=\"s\">'name'</span><span class=\"k\">));</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>holder <span class=\"k\">&amp;&amp;</span> <span class=\"s\">/script|textarea/ig</span><span class=\"k\">.</span>test<span class=\"k\">(</span>holder<span class=\"k\">.</span>tagName<span class=\"k\">))</span> <span class=\"k\">{</span>","                            <span class=\"k\">var</span> newDiv <span class=\"k\">=</span> document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'div'</span><span class=\"k\">);</span>","                            holder<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>insertBefore<span class=\"k\">(</span>newDiv<span class=\"k\">,</span> holder<span class=\"k\">);</span>","                            <span class=\"k\">var</span> cont <span class=\"k\">=</span> holder<span class=\"k\">.</span>value <span class=\"k\">||</span> holder<span class=\"k\">.</span>innerHTML<span class=\"k\">;</span>","                            editor<span class=\"k\">.</span>options<span class=\"k\">.</span>initialContent <span class=\"k\">=</span> <span class=\"s\">/^[\\t\\r\\n ]*$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>cont<span class=\"k\">)</span> <span class=\"k\">?</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>initialContent <span class=\"k\">:</span>","                                cont<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&gt;[\\n\\r\\t]+([ ]{4})+/g</span><span class=\"k\">,</span> <span class=\"s\">'&gt;'</span><span class=\"k\">)</span>","                                    <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/[\\n\\r\\t]+([ ]{4})+&lt;/g</span><span class=\"k\">,</span> <span class=\"s\">'&lt;'</span><span class=\"k\">)</span>","                                    <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/&gt;[\\n\\r\\t]+&lt;/g</span><span class=\"k\">,</span> <span class=\"s\">'&gt;&lt;'</span><span class=\"k\">);</span>","                            holder<span class=\"k\">.</span>className <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>newDiv<span class=\"k\">.</span>className <span class=\"k\">=</span> holder<span class=\"k\">.</span>className<span class=\"k\">);</span>","                            holder<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>newDiv<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> holder<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">);</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/textarea/i</span><span class=\"k\">.</span>test<span class=\"k\">(</span>holder<span class=\"k\">.</span>tagName<span class=\"k\">))</span> <span class=\"k\">{</span>","                                editor<span class=\"k\">.</span>textarea <span class=\"k\">=</span> holder<span class=\"k\">;</span>","                                editor<span class=\"k\">.</span>textarea<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","","                            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                                holder<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>holder<span class=\"k\">);</span>","                                holder<span class=\"k\">.</span>id <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>newDiv<span class=\"k\">.</span>id <span class=\"k\">=</span> holder<span class=\"k\">.</span>id<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                            holder <span class=\"k\">=</span> newDiv<span class=\"k\">;</span>","                            holder<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span>","                    domUtils<span class=\"k\">.</span>addClass<span class=\"k\">(</span>holder<span class=\"k\">,</span> <span class=\"s\">\"edui-\"</span> <span class=\"k\">+</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">);</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>render<span class=\"k\">(</span>holder<span class=\"k\">);</span>","                    <span class=\"k\">var</span> opt <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">;</span>","                    <span class=\"c\">//&#32473;&#23454;&#20363;&#28155;&#21152;&#19968;&#20010;&#32534;&#36753;&#22120;&#30340;&#23481;&#22120;&#24341;&#29992;</span>","                    editor<span class=\"k\">.</span>container <span class=\"k\">=</span> editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>getDom<span class=\"k\">();</span>","                    <span class=\"k\">var</span> parents <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParents<span class=\"k\">(</span>holder<span class=\"k\">,</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> displays <span class=\"k\">=</span> <span class=\"k\">[];</span>","                    <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span> <span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>parents<span class=\"k\">[</span>i<span class=\"k\">];</span>i<span class=\"k\">++)</span><span class=\"k\">{</span>","                        displays<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> ci<span class=\"k\">.</span>style<span class=\"k\">.</span>display<span class=\"k\">;</span>","                        ci<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'block'</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>initialFrameWidth<span class=\"k\">)</span> <span class=\"k\">{</span>","                        opt<span class=\"k\">.</span>minFrameWidth <span class=\"k\">=</span> opt<span class=\"k\">.</span>initialFrameWidth<span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        opt<span class=\"k\">.</span>minFrameWidth <span class=\"k\">=</span> opt<span class=\"k\">.</span>initialFrameWidth <span class=\"k\">=</span> holder<span class=\"k\">.</span>offsetWidth<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>opt<span class=\"k\">.</span>initialFrameHeight<span class=\"k\">)</span> <span class=\"k\">{</span>","                        opt<span class=\"k\">.</span>minFrameHeight <span class=\"k\">=</span> opt<span class=\"k\">.</span>initialFrameHeight<span class=\"k\">;</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        opt<span class=\"k\">.</span>initialFrameHeight <span class=\"k\">=</span> opt<span class=\"k\">.</span>minFrameHeight <span class=\"k\">=</span> holder<span class=\"k\">.</span>offsetHeight<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">for</span><span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span> <span class=\"k\">,</span>ci<span class=\"k\">;</span>ci<span class=\"k\">=</span>parents<span class=\"k\">[</span>i<span class=\"k\">];</span>i<span class=\"k\">++)</span><span class=\"k\">{</span>","                        ci<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span>  displays<span class=\"k\">[</span>i<span class=\"k\">]</span>","                    <span class=\"k\">}</span>","                    <span class=\"c\">//&#32534;&#36753;&#22120;&#26368;&#22806;&#23481;&#22120;&#35774;&#32622;&#20102;&#39640;&#24230;&#65292;&#20250;&#23548;&#33268;&#65292;&#32534;&#36753;&#22120;&#19981;&#21344;&#20301;</span>","                    <span class=\"c\">//todo &#20808;&#21435;&#25481;&#65292;&#27809;&#26377;&#25214;&#21040;&#21407;&#22240;</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>holder<span class=\"k\">.</span>style<span class=\"k\">.</span>height<span class=\"k\">)</span><span class=\"k\">{</span>","                        holder<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> <span class=\"s\">''</span>","                    <span class=\"k\">}</span>","                    editor<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> opt<span class=\"k\">.</span>initialFrameWidth <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"s\">/%$/</span><span class=\"k\">.</span>test<span class=\"k\">(</span>opt<span class=\"k\">.</span>initialFrameWidth<span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">''</span> <span class=\"k\">:</span> <span class=\"s\">'px'</span><span class=\"k\">);</span>","                    editor<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> opt<span class=\"k\">.</span>zIndex<span class=\"k\">;</span>","                    oldRender<span class=\"k\">.</span>call<span class=\"k\">(</span>editor<span class=\"k\">,</span> editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'iframeholder'</span><span class=\"k\">));</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">return</span> editor<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @file</span>","<span class=\"c\">     * @name UE</span>","<span class=\"c\">     * @short UE</span>","<span class=\"c\">     * @desc UEditor&#30340;&#39030;&#37096;&#21629;&#21517;&#31354;&#38388;</span>","<span class=\"c\">     */</span>","    <span class=\"c\">/**</span>","<span class=\"c\">     * @name getEditor</span>","<span class=\"c\">     * @since 1.2.4+</span>","<span class=\"c\">     * @grammar UE.getEditor(id,[opt])  =&gt;  Editor&#23454;&#20363;</span>","<span class=\"c\">     * @desc &#25552;&#20379;&#19968;&#20010;&#20840;&#23616;&#30340;&#26041;&#27861;&#24471;&#21040;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     * * ''id''  &#25918;&#32622;&#32534;&#36753;&#22120;&#30340;&#23481;&#22120;id, &#22914;&#26524;&#23481;&#22120;&#19979;&#30340;&#32534;&#36753;&#22120;&#24050;&#32463;&#23384;&#22312;&#65292;&#23601;&#30452;&#25509;&#36820;&#22238;</span>","<span class=\"c\">     * * ''opt'' &#32534;&#36753;&#22120;&#30340;&#21487;&#36873;&#21442;&#25968;</span>","<span class=\"c\">     * @example</span>","<span class=\"c\">     *  UE.getEditor('containerId',{onready:function(){//&#21019;&#24314;&#19968;&#20010;&#32534;&#36753;&#22120;&#23454;&#20363;</span>","<span class=\"c\">     *      this.setContent('hello')</span>","<span class=\"c\">     *  }});</span>","<span class=\"c\">     *  UE.getEditor('containerId'); //&#36820;&#22238;&#21018;&#21019;&#24314;&#30340;&#23454;&#20363;</span>","<span class=\"c\">     *</span>","<span class=\"c\">     */</span>","    UE<span class=\"k\">.</span>getEditor <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>id<span class=\"k\">,</span> opt<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> editor <span class=\"k\">=</span> instances<span class=\"k\">[</span>id<span class=\"k\">];</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","            editor <span class=\"k\">=</span> instances<span class=\"k\">[</span>id<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">new</span> UE<span class=\"k\">.</span>ui<span class=\"k\">.</span>Editor<span class=\"k\">(</span>opt<span class=\"k\">);</span>","            editor<span class=\"k\">.</span>render<span class=\"k\">(</span>id<span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">return</span> editor<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","","    UE<span class=\"k\">.</span>delEditor <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>id<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> editor<span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>editor <span class=\"k\">=</span> instances<span class=\"k\">[</span>id<span class=\"k\">])</span> <span class=\"k\">{</span>","            editor<span class=\"k\">.</span>key <span class=\"k\">&amp;&amp;</span> editor<span class=\"k\">.</span>destroy<span class=\"k\">();</span>","            <span class=\"k\">delete</span> instances<span class=\"k\">[</span>id<span class=\"k\">]</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/editor.js'][5]++;
+(function () {
+  _$jscoverage['ui/editor.js'][6]++;
+  var utils = baidu.editor.utils, uiUtils = baidu.editor.ui.uiUtils, UIBase = baidu.editor.ui.UIBase, domUtils = baidu.editor.dom.domUtils;
+  _$jscoverage['ui/editor.js'][10]++;
+  var nodeStack = [];
+  _$jscoverage['ui/editor.js'][12]++;
+  function EditorUI(options) {
+    _$jscoverage['ui/editor.js'][13]++;
+    this.initOptions(options);
+    _$jscoverage['ui/editor.js'][14]++;
+    this.initEditorUI();
+}
+  _$jscoverage['ui/editor.js'][17]++;
+  EditorUI.prototype = {uiName: "editor", initEditorUI: (function () {
+  _$jscoverage['ui/editor.js'][20]++;
+  this.editor.ui = this;
+  _$jscoverage['ui/editor.js'][21]++;
+  this._dialogs = {};
+  _$jscoverage['ui/editor.js'][22]++;
+  this.initUIBase();
+  _$jscoverage['ui/editor.js'][23]++;
+  this._initToolbars();
+  _$jscoverage['ui/editor.js'][24]++;
+  var editor = this.editor, me = this;
+  _$jscoverage['ui/editor.js'][27]++;
+  editor.addListener("ready", (function () {
+  _$jscoverage['ui/editor.js'][29]++;
+  editor.getDialog = (function (name) {
+  _$jscoverage['ui/editor.js'][30]++;
+  return editor.ui._dialogs[(name + "Dialog")];
+});
+  _$jscoverage['ui/editor.js'][32]++;
+  domUtils.on(editor.window, "scroll", (function (evt) {
+  _$jscoverage['ui/editor.js'][33]++;
+  baidu.editor.ui.Popup.postHide(evt);
+}));
+  _$jscoverage['ui/editor.js'][36]++;
+  editor.ui._actualFrameWidth = editor.options.initialFrameWidth;
+  _$jscoverage['ui/editor.js'][39]++;
+  if (editor.options.elementPathEnabled) {
+    _$jscoverage['ui/editor.js'][40]++;
+    editor.ui.getDom("elementpath").innerHTML = ("<div class=\"edui-editor-breadcrumb\">" + editor.getLang("elementPathTip") + ":</div>");
+  }
+  _$jscoverage['ui/editor.js'][42]++;
+  if (editor.options.wordCount) {
+    _$jscoverage['ui/editor.js'][43]++;
+    function countFn() {
+      _$jscoverage['ui/editor.js'][44]++;
+      setCount(editor, me);
+      _$jscoverage['ui/editor.js'][45]++;
+      domUtils.un(editor.document, "click", arguments.callee);
+}
+    _$jscoverage['ui/editor.js'][47]++;
+    domUtils.on(editor.document, "click", countFn);
+    _$jscoverage['ui/editor.js'][48]++;
+    editor.ui.getDom("wordcount").innerHTML = editor.getLang("wordCountTip");
+  }
+  _$jscoverage['ui/editor.js'][50]++;
+  editor.ui._scale();
+  _$jscoverage['ui/editor.js'][51]++;
+  if (editor.options.scaleEnabled) {
+    _$jscoverage['ui/editor.js'][52]++;
+    if (editor.autoHeightEnabled) {
+      _$jscoverage['ui/editor.js'][53]++;
+      editor.disableAutoHeight();
+    }
+    _$jscoverage['ui/editor.js'][55]++;
+    me.enableScale();
+  }
+  else {
+    _$jscoverage['ui/editor.js'][57]++;
+    me.disableScale();
+  }
+  _$jscoverage['ui/editor.js'][59]++;
+  if (((! editor.options.elementPathEnabled) && (! editor.options.wordCount) && (! editor.options.scaleEnabled))) {
+    _$jscoverage['ui/editor.js'][60]++;
+    editor.ui.getDom("elementpath").style.display = "none";
+    _$jscoverage['ui/editor.js'][61]++;
+    editor.ui.getDom("wordcount").style.display = "none";
+    _$jscoverage['ui/editor.js'][62]++;
+    editor.ui.getDom("scale").style.display = "none";
+  }
+  _$jscoverage['ui/editor.js'][65]++;
+  if ((! editor.selection.isFocus())) {
+    _$jscoverage['ui/editor.js'][65]++;
+    return;
+  }
+  _$jscoverage['ui/editor.js'][66]++;
+  editor.fireEvent("selectionchange", false, true);
+}));
+  _$jscoverage['ui/editor.js'][71]++;
+  editor.addListener("mousedown", (function (t, evt) {
+  _$jscoverage['ui/editor.js'][72]++;
+  var el = (evt.target || evt.srcElement);
+  _$jscoverage['ui/editor.js'][73]++;
+  baidu.editor.ui.Popup.postHide(evt, el);
+  _$jscoverage['ui/editor.js'][74]++;
+  baidu.editor.ui.ShortCutMenu.postHide(evt);
+}));
+  _$jscoverage['ui/editor.js'][77]++;
+  editor.addListener("delcells", (function () {
+  _$jscoverage['ui/editor.js'][78]++;
+  if (UE.ui.edittip) {
+    _$jscoverage['ui/editor.js'][79]++;
+    new (UE.ui.edittip)(editor);
+  }
+  _$jscoverage['ui/editor.js'][81]++;
+  editor.getDialog("edittip").open();
+}));
+  _$jscoverage['ui/editor.js'][84]++;
+  var pastePop, isPaste = false, timer;
+  _$jscoverage['ui/editor.js'][85]++;
+  editor.addListener("afterpaste", (function () {
+  _$jscoverage['ui/editor.js'][86]++;
+  if (editor.queryCommandState("pasteplain")) {
+    _$jscoverage['ui/editor.js'][87]++;
+    return;
+  }
+  _$jscoverage['ui/editor.js'][88]++;
+  if (baidu.editor.ui.PastePicker) {
+    _$jscoverage['ui/editor.js'][89]++;
+    pastePop = new (baidu.editor.ui.Popup)({content: new (baidu.editor.ui.PastePicker)({editor: editor}), editor: editor, className: "edui-wordpastepop"});
+    _$jscoverage['ui/editor.js'][94]++;
+    pastePop.render();
+  }
+  _$jscoverage['ui/editor.js'][96]++;
+  isPaste = true;
+}));
+  _$jscoverage['ui/editor.js'][99]++;
+  editor.addListener("afterinserthtml", (function () {
+  _$jscoverage['ui/editor.js'][100]++;
+  clearTimeout(timer);
+  _$jscoverage['ui/editor.js'][101]++;
+  timer = setTimeout((function () {
+  _$jscoverage['ui/editor.js'][102]++;
+  if ((pastePop && (isPaste || editor.ui._isTransfer))) {
+    _$jscoverage['ui/editor.js'][103]++;
+    if (pastePop.isHidden()) {
+      _$jscoverage['ui/editor.js'][104]++;
+      var span = domUtils.createElement(editor.document, "span", {"style": "line-height:0px;", "innerHTML": "\ufeff"}), range = editor.selection.getRange();
+      _$jscoverage['ui/editor.js'][109]++;
+      range.insertNode(span);
+      _$jscoverage['ui/editor.js'][110]++;
+      var tmp = getDomNode(span, "firstChild", "previousSibling");
+      _$jscoverage['ui/editor.js'][111]++;
+      pastePop.showAnchor(((tmp.nodeType == 3)? tmp.parentNode: tmp));
+      _$jscoverage['ui/editor.js'][112]++;
+      domUtils.remove(span);
+    }
+    else {
+      _$jscoverage['ui/editor.js'][115]++;
+      pastePop.show();
+    }
+    _$jscoverage['ui/editor.js'][117]++;
+    (delete editor.ui._isTransfer);
+    _$jscoverage['ui/editor.js'][118]++;
+    isPaste = false;
+  }
+}), 200);
+}));
+  _$jscoverage['ui/editor.js'][122]++;
+  editor.addListener("contextmenu", (function (t, evt) {
+  _$jscoverage['ui/editor.js'][123]++;
+  baidu.editor.ui.Popup.postHide(evt);
+}));
+  _$jscoverage['ui/editor.js'][125]++;
+  editor.addListener("keydown", (function (t, evt) {
+  _$jscoverage['ui/editor.js'][126]++;
+  if (pastePop) {
+    _$jscoverage['ui/editor.js'][126]++;
+    pastePop.dispose(evt);
+  }
+  _$jscoverage['ui/editor.js'][127]++;
+  var keyCode = (evt.keyCode || evt.which);
+  _$jscoverage['ui/editor.js'][128]++;
+  if ((evt.altKey && (keyCode == 90))) {
+    _$jscoverage['ui/editor.js'][129]++;
+    UE.ui.buttons.fullscreen.onclick();
+  }
+}));
+  _$jscoverage['ui/editor.js'][132]++;
+  editor.addListener("wordcount", (function (type) {
+  _$jscoverage['ui/editor.js'][133]++;
+  setCount(this, me);
+}));
+  _$jscoverage['ui/editor.js'][135]++;
+  function setCount(editor, ui) {
+    _$jscoverage['ui/editor.js'][136]++;
+    editor.setOpt({wordCount: true, maximumWords: 10000, wordCountMsg: (editor.options.wordCountMsg || editor.getLang("wordCountMsg")), wordOverFlowMsg: (editor.options.wordOverFlowMsg || editor.getLang("wordOverFlowMsg"))});
+    _$jscoverage['ui/editor.js'][142]++;
+    var opt = editor.options, max = opt.maximumWords, msg = opt.wordCountMsg, errMsg = opt.wordOverFlowMsg, countDom = ui.getDom("wordcount");
+    _$jscoverage['ui/editor.js'][147]++;
+    if ((! opt.wordCount)) {
+      _$jscoverage['ui/editor.js'][148]++;
+      return;
+    }
+    _$jscoverage['ui/editor.js'][150]++;
+    var count = editor.getContentLength(true);
+    _$jscoverage['ui/editor.js'][151]++;
+    if ((count > max)) {
+      _$jscoverage['ui/editor.js'][152]++;
+      countDom.innerHTML = errMsg;
+      _$jscoverage['ui/editor.js'][153]++;
+      editor.fireEvent("wordcountoverflow");
+    }
+    else {
+      _$jscoverage['ui/editor.js'][155]++;
+      countDom.innerHTML = msg.replace("{#leave}", (max - count)).replace("{#count}", count);
+    }
+}
+  _$jscoverage['ui/editor.js'][159]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editor.js'][160]++;
+  if (editor.options.elementPathEnabled) {
+    _$jscoverage['ui/editor.js'][161]++;
+    (me[(((editor.queryCommandState("elementpath") == -1)? "dis": "en") + "ableElementPath")])();
+  }
+  _$jscoverage['ui/editor.js'][163]++;
+  if (editor.options.scaleEnabled) {
+    _$jscoverage['ui/editor.js'][164]++;
+    (me[(((editor.queryCommandState("scale") == -1)? "dis": "en") + "ableScale")])();
+  }
+}));
+  _$jscoverage['ui/editor.js'][168]++;
+  var popup = new (baidu.editor.ui.Popup)({editor: editor, content: "", className: "edui-bubble", _onEditButtonClick: (function () {
+  _$jscoverage['ui/editor.js'][173]++;
+  this.hide();
+  _$jscoverage['ui/editor.js'][174]++;
+  editor.ui._dialogs.linkDialog.open();
+}), _onImgEditButtonClick: (function (name) {
+  _$jscoverage['ui/editor.js'][177]++;
+  this.hide();
+  _$jscoverage['ui/editor.js'][178]++;
+  (editor.ui._dialogs[name] && editor.ui._dialogs[name].open());
+}), _onImgSetFloat: (function (value) {
+  _$jscoverage['ui/editor.js'][182]++;
+  this.hide();
+  _$jscoverage['ui/editor.js'][183]++;
+  editor.execCommand("imagefloat", value);
+}), _setIframeAlign: (function (value) {
+  _$jscoverage['ui/editor.js'][187]++;
+  var frame = popup.anchorEl;
+  _$jscoverage['ui/editor.js'][188]++;
+  var newFrame = frame.cloneNode(true);
+  _$jscoverage['ui/editor.js'][189]++;
+  switch (value) {
+  case -2:
+    _$jscoverage['ui/editor.js'][191]++;
+    newFrame.setAttribute("align", "");
+    _$jscoverage['ui/editor.js'][192]++;
+    break;
+  case -1:
+    _$jscoverage['ui/editor.js'][194]++;
+    newFrame.setAttribute("align", "left");
+    _$jscoverage['ui/editor.js'][195]++;
+    break;
+  case 1:
+    _$jscoverage['ui/editor.js'][197]++;
+    newFrame.setAttribute("align", "right");
+    _$jscoverage['ui/editor.js'][198]++;
+    break;
+  }
+  _$jscoverage['ui/editor.js'][200]++;
+  frame.parentNode.insertBefore(newFrame, frame);
+  _$jscoverage['ui/editor.js'][201]++;
+  domUtils.remove(frame);
+  _$jscoverage['ui/editor.js'][202]++;
+  popup.anchorEl = newFrame;
+  _$jscoverage['ui/editor.js'][203]++;
+  popup.showAnchor(popup.anchorEl);
+}), _updateIframe: (function () {
+  _$jscoverage['ui/editor.js'][206]++;
+  editor._iframe = popup.anchorEl;
+  _$jscoverage['ui/editor.js'][207]++;
+  editor.ui._dialogs.insertframeDialog.open();
+  _$jscoverage['ui/editor.js'][208]++;
+  popup.hide();
+}), _onRemoveButtonClick: (function (cmdName) {
+  _$jscoverage['ui/editor.js'][211]++;
+  editor.execCommand(cmdName);
+  _$jscoverage['ui/editor.js'][212]++;
+  this.hide();
+}), queryAutoHide: (function (el) {
+  _$jscoverage['ui/editor.js'][215]++;
+  if ((el && (el.ownerDocument == editor.document))) {
+    _$jscoverage['ui/editor.js'][216]++;
+    if (((el.tagName.toLowerCase() == "img") || domUtils.findParentByTagName(el, "a", true))) {
+      _$jscoverage['ui/editor.js'][217]++;
+      return (el !== popup.anchorEl);
+    }
+  }
+  _$jscoverage['ui/editor.js'][220]++;
+  return baidu.editor.ui.Popup.prototype.queryAutoHide.call(this, el);
+})});
+  _$jscoverage['ui/editor.js'][223]++;
+  popup.render();
+  _$jscoverage['ui/editor.js'][224]++;
+  if (editor.options.imagePopup) {
+    _$jscoverage['ui/editor.js'][225]++;
+    editor.addListener("mouseover", (function (t, evt) {
+  _$jscoverage['ui/editor.js'][226]++;
+  evt = (evt || window.event);
+  _$jscoverage['ui/editor.js'][227]++;
+  var el = (evt.target || evt.srcElement);
+  _$jscoverage['ui/editor.js'][228]++;
+  if ((editor.ui._dialogs.insertframeDialog && /iframe/gi.test(el.tagName))) {
+    _$jscoverage['ui/editor.js'][229]++;
+    var html = popup.formatHtml(("<nobr>" + editor.getLang("property") + ": <span onclick=$$._setIframeAlign(-2) class=\"edui-clickable\">" + editor.getLang("default") + "</span>&nbsp;&nbsp;<span onclick=$$._setIframeAlign(-1) class=\"edui-clickable\">" + editor.getLang("justifyleft") + "</span>&nbsp;&nbsp;<span onclick=$$._setIframeAlign(1) class=\"edui-clickable\">" + editor.getLang("justifyright") + "</span>&nbsp;&nbsp;" + " <span onclick=\"$$._updateIframe( this);\" class=\"edui-clickable\">" + editor.getLang("modify") + "</span></nobr>"));
+    _$jscoverage['ui/editor.js'][232]++;
+    if (html) {
+      _$jscoverage['ui/editor.js'][233]++;
+      popup.getDom("content").innerHTML = html;
+      _$jscoverage['ui/editor.js'][234]++;
+      popup.anchorEl = el;
+      _$jscoverage['ui/editor.js'][235]++;
+      popup.showAnchor(popup.anchorEl);
+    }
+    else {
+      _$jscoverage['ui/editor.js'][237]++;
+      popup.hide();
+    }
+  }
+}));
+    _$jscoverage['ui/editor.js'][241]++;
+    editor.addListener("selectionchange", (function (t, causeByUi) {
+  _$jscoverage['ui/editor.js'][242]++;
+  if ((! causeByUi)) {
+    _$jscoverage['ui/editor.js'][242]++;
+    return;
+  }
+  _$jscoverage['ui/editor.js'][243]++;
+  var html = "", str = "", img = editor.selection.getRange().getClosedNode(), dialogs = editor.ui._dialogs;
+  _$jscoverage['ui/editor.js'][246]++;
+  if ((img && (img.tagName == "IMG"))) {
+    _$jscoverage['ui/editor.js'][247]++;
+    var dialogName = "insertimageDialog";
+    _$jscoverage['ui/editor.js'][248]++;
+    if ((img.className.indexOf("edui-faked-video") != -1)) {
+      _$jscoverage['ui/editor.js'][249]++;
+      dialogName = "insertvideoDialog";
+    }
+    _$jscoverage['ui/editor.js'][251]++;
+    if ((img.className.indexOf("edui-faked-webapp") != -1)) {
+      _$jscoverage['ui/editor.js'][252]++;
+      dialogName = "webappDialog";
+    }
+    _$jscoverage['ui/editor.js'][254]++;
+    if ((img.src.indexOf("http://api.map.baidu.com") != -1)) {
+      _$jscoverage['ui/editor.js'][255]++;
+      dialogName = "mapDialog";
+    }
+    _$jscoverage['ui/editor.js'][257]++;
+    if ((img.className.indexOf("edui-faked-music") != -1)) {
+      _$jscoverage['ui/editor.js'][258]++;
+      dialogName = "musicDialog";
+    }
+    _$jscoverage['ui/editor.js'][260]++;
+    if ((img.src.indexOf("http://maps.google.com/maps/api/staticmap") != -1)) {
+      _$jscoverage['ui/editor.js'][261]++;
+      dialogName = "gmapDialog";
+    }
+    _$jscoverage['ui/editor.js'][263]++;
+    if (img.getAttribute("anchorname")) {
+      _$jscoverage['ui/editor.js'][264]++;
+      dialogName = "anchorDialog";
+      _$jscoverage['ui/editor.js'][265]++;
+      html = popup.formatHtml(("<nobr>" + editor.getLang("property") + ": <span onclick=$$._onImgEditButtonClick(\"anchorDialog\") class=\"edui-clickable\">" + editor.getLang("modify") + "</span>&nbsp;&nbsp;" + "<span onclick=$$._onRemoveButtonClick('anchor') class=\"edui-clickable\">" + editor.getLang("delete") + "</span></nobr>"));
+    }
+    _$jscoverage['ui/editor.js'][269]++;
+    if (img.getAttribute("word_img")) {
+      _$jscoverage['ui/editor.js'][271]++;
+      editor.word_img = [img.getAttribute("word_img")];
+      _$jscoverage['ui/editor.js'][272]++;
+      dialogName = "wordimageDialog";
+    }
+    _$jscoverage['ui/editor.js'][274]++;
+    if ((! dialogs[dialogName])) {
+      _$jscoverage['ui/editor.js'][275]++;
+      return;
+    }
+    _$jscoverage['ui/editor.js'][277]++;
+    str = ("<nobr>" + editor.getLang("property") + ": " + "<span onclick=$$._onImgSetFloat(\"none\") class=\"edui-clickable\">" + editor.getLang("default") + "</span>&nbsp;&nbsp;" + "<span onclick=$$._onImgSetFloat(\"left\") class=\"edui-clickable\">" + editor.getLang("justifyleft") + "</span>&nbsp;&nbsp;" + "<span onclick=$$._onImgSetFloat(\"right\") class=\"edui-clickable\">" + editor.getLang("justifyright") + "</span>&nbsp;&nbsp;" + "<span onclick=$$._onImgSetFloat(\"center\") class=\"edui-clickable\">" + editor.getLang("justifycenter") + "</span>&nbsp;&nbsp;" + "<span onclick=\"$$._onImgEditButtonClick('" + dialogName + "');\" class=\"edui-clickable\">" + editor.getLang("modify") + "</span></nobr>");
+    _$jscoverage['ui/editor.js'][284]++;
+    ((! html) && (html = popup.formatHtml(str)));
+  }
+  _$jscoverage['ui/editor.js'][287]++;
+  if (editor.ui._dialogs.linkDialog) {
+    _$jscoverage['ui/editor.js'][288]++;
+    var link = editor.queryCommandValue("link");
+    _$jscoverage['ui/editor.js'][289]++;
+    var url;
+    _$jscoverage['ui/editor.js'][290]++;
+    if ((link && (url = (link.getAttribute("_href") || link.getAttribute("href", 2))))) {
+      _$jscoverage['ui/editor.js'][291]++;
+      var txt = url;
+      _$jscoverage['ui/editor.js'][292]++;
+      if ((url.length > 30)) {
+        _$jscoverage['ui/editor.js'][293]++;
+        txt = (url.substring(0, 20) + "...");
+      }
+      _$jscoverage['ui/editor.js'][295]++;
+      if (html) {
+        _$jscoverage['ui/editor.js'][296]++;
+        html += "<div style=\"height:5px;\"></div>";
+      }
+      _$jscoverage['ui/editor.js'][298]++;
+      html += popup.formatHtml(("<nobr>" + editor.getLang("anthorMsg") + ": <a target=\"_blank\" href=\"" + url + "\" title=\"" + url + "\" >" + txt + "</a>" + " <span class=\"edui-clickable\" onclick=\"$$._onEditButtonClick();\">" + editor.getLang("modify") + "</span>" + " <span class=\"edui-clickable\" onclick=\"$$._onRemoveButtonClick('unlink');\"> " + editor.getLang("clear") + "</span></nobr>"));
+      _$jscoverage['ui/editor.js'][302]++;
+      popup.showAnchor(link);
+    }
+  }
+  _$jscoverage['ui/editor.js'][306]++;
+  if (html) {
+    _$jscoverage['ui/editor.js'][307]++;
+    popup.getDom("content").innerHTML = html;
+    _$jscoverage['ui/editor.js'][308]++;
+    popup.anchorEl = (img || link);
+    _$jscoverage['ui/editor.js'][309]++;
+    popup.showAnchor(popup.anchorEl);
+  }
+  else {
+    _$jscoverage['ui/editor.js'][311]++;
+    popup.hide();
+  }
+}));
+  }
+}), _initToolbars: (function () {
+  _$jscoverage['ui/editor.js'][318]++;
+  var editor = this.editor;
+  _$jscoverage['ui/editor.js'][319]++;
+  var toolbars = (this.toolbars || []);
+  _$jscoverage['ui/editor.js'][320]++;
+  var toolbarUis = [];
+  _$jscoverage['ui/editor.js'][321]++;
+  for (var i = 0; (i < toolbars.length); (i++)) {
+    _$jscoverage['ui/editor.js'][322]++;
+    var toolbar = toolbars[i];
+    _$jscoverage['ui/editor.js'][323]++;
+    var toolbarUi = new (baidu.editor.ui.Toolbar)({theme: editor.options.theme});
+    _$jscoverage['ui/editor.js'][324]++;
+    for (var j = 0; (j < toolbar.length); (j++)) {
+      _$jscoverage['ui/editor.js'][325]++;
+      var toolbarItem = toolbar[j];
+      _$jscoverage['ui/editor.js'][326]++;
+      var toolbarItemUi = null;
+      _$jscoverage['ui/editor.js'][327]++;
+      if (((typeof toolbarItem) == "string")) {
+        _$jscoverage['ui/editor.js'][328]++;
+        toolbarItem = toolbarItem.toLowerCase();
+        _$jscoverage['ui/editor.js'][329]++;
+        if ((toolbarItem == "|")) {
+          _$jscoverage['ui/editor.js'][330]++;
+          toolbarItem = "Separator";
+        }
+        _$jscoverage['ui/editor.js'][332]++;
+        if ((toolbarItem == "||")) {
+          _$jscoverage['ui/editor.js'][333]++;
+          toolbarItem = "Breakline";
+        }
+        _$jscoverage['ui/editor.js'][335]++;
+        if (baidu.editor.ui[toolbarItem]) {
+          _$jscoverage['ui/editor.js'][336]++;
+          toolbarItemUi = new (baidu.editor.ui[toolbarItem])(editor);
+        }
+        _$jscoverage['ui/editor.js'][340]++;
+        if ((toolbarItem == "fullscreen")) {
+          _$jscoverage['ui/editor.js'][341]++;
+          if ((toolbarUis && toolbarUis[0])) {
+            _$jscoverage['ui/editor.js'][342]++;
+            toolbarUis[0].items.splice(0, 0, toolbarItemUi);
+          }
+          else {
+            _$jscoverage['ui/editor.js'][344]++;
+            (toolbarItemUi && toolbarUi.items.splice(0, 0, toolbarItemUi));
+          }
+          _$jscoverage['ui/editor.js'][347]++;
+          continue;
+        }
+      }
+      else {
+        _$jscoverage['ui/editor.js'][352]++;
+        toolbarItemUi = toolbarItem;
+      }
+      _$jscoverage['ui/editor.js'][354]++;
+      if ((toolbarItemUi && toolbarItemUi.id)) {
+        _$jscoverage['ui/editor.js'][356]++;
+        toolbarUi.add(toolbarItemUi);
+      }
+}
+    _$jscoverage['ui/editor.js'][359]++;
+    toolbarUis[i] = toolbarUi;
+}
+  _$jscoverage['ui/editor.js'][361]++;
+  this.toolbars = toolbarUis;
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/editor.js'][364]++;
+  return ("<div id=\"##\" class=\"%%\">" + "<div id=\"##_toolbarbox\" class=\"%%-toolbarbox\">" + (this.toolbars.length? ("<div id=\"##_toolbarboxouter\" class=\"%%-toolbarboxouter\"><div class=\"%%-toolbarboxinner\">" + this.renderToolbarBoxHtml() + "</div></div>"): "") + "<div id=\"##_toolbarmsg\" class=\"%%-toolbarmsg\" style=\"display:none;\">" + "<div id = \"##_upload_dialog\" class=\"%%-toolbarmsg-upload\" onclick=\"$$.showWordImageDialog();\">" + this.editor.getLang("clickToUpload") + "</div>" + "<div class=\"%%-toolbarmsg-close\" onclick=\"$$.hideToolbarMsg();\">x</div>" + "<div id=\"##_toolbarmsg_label\" class=\"%%-toolbarmsg-label\"></div>" + "<div style=\"height:0;overflow:hidden;clear:both;\"></div>" + "</div>" + "</div>" + "<div id=\"##_iframeholder\" class=\"%%-iframeholder\"></div>" + "<div id=\"##_bottombar\" class=\"%%-bottomContainer\"><table><tr>" + "<td id=\"##_elementpath\" class=\"%%-bottombar\"></td>" + "<td id=\"##_wordcount\" class=\"%%-wordcount\"></td>" + "<td id=\"##_scale\" class=\"%%-scale\"><div class=\"%%-icon\"></div></td>" + "</tr></table></div>" + "<div id=\"##_scalelayer\"></div>" + "</div>");
+}), showWordImageDialog: (function () {
+  _$jscoverage['ui/editor.js'][388]++;
+  this.editor.execCommand("wordimage", "word_img");
+  _$jscoverage['ui/editor.js'][389]++;
+  this._dialogs.wordimageDialog.open();
+}), renderToolbarBoxHtml: (function () {
+  _$jscoverage['ui/editor.js'][392]++;
+  var buff = [];
+  _$jscoverage['ui/editor.js'][393]++;
+  for (var i = 0; (i < this.toolbars.length); (i++)) {
+    _$jscoverage['ui/editor.js'][394]++;
+    buff.push(this.toolbars[i].renderHtml());
+}
+  _$jscoverage['ui/editor.js'][396]++;
+  return buff.join("");
+}), setFullScreen: (function (fullscreen) {
+  _$jscoverage['ui/editor.js'][400]++;
+  var editor = this.editor, container = editor.container.parentNode.parentNode;
+  _$jscoverage['ui/editor.js'][402]++;
+  if ((this._fullscreen != fullscreen)) {
+    _$jscoverage['ui/editor.js'][403]++;
+    this._fullscreen = fullscreen;
+    _$jscoverage['ui/editor.js'][404]++;
+    this.editor.fireEvent("beforefullscreenchange", fullscreen);
+    _$jscoverage['ui/editor.js'][405]++;
+    if (baidu.editor.browser.gecko) {
+      _$jscoverage['ui/editor.js'][406]++;
+      var bk = editor.selection.getRange().createBookmark();
+    }
+    _$jscoverage['ui/editor.js'][408]++;
+    if (fullscreen) {
+      _$jscoverage['ui/editor.js'][409]++;
+      while ((container.tagName != "BODY")) {
+        _$jscoverage['ui/editor.js'][410]++;
+        var position = baidu.editor.dom.domUtils.getComputedStyle(container, "position");
+        _$jscoverage['ui/editor.js'][411]++;
+        nodeStack.push(position);
+        _$jscoverage['ui/editor.js'][412]++;
+        container.style.position = "static";
+        _$jscoverage['ui/editor.js'][413]++;
+        container = container.parentNode;
+}
+      _$jscoverage['ui/editor.js'][415]++;
+      this._bakHtmlOverflow = document.documentElement.style.overflow;
+      _$jscoverage['ui/editor.js'][416]++;
+      this._bakBodyOverflow = document.body.style.overflow;
+      _$jscoverage['ui/editor.js'][417]++;
+      this._bakAutoHeight = this.editor.autoHeightEnabled;
+      _$jscoverage['ui/editor.js'][418]++;
+      this._bakScrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
+      _$jscoverage['ui/editor.js'][420]++;
+      this._bakEditorContaninerWidth = editor.iframe.parentNode.offsetWidth;
+      _$jscoverage['ui/editor.js'][421]++;
+      if (this._bakAutoHeight) {
+        _$jscoverage['ui/editor.js'][423]++;
+        editor.autoHeightEnabled = false;
+        _$jscoverage['ui/editor.js'][424]++;
+        this.editor.disableAutoHeight();
+      }
+      _$jscoverage['ui/editor.js'][427]++;
+      document.documentElement.style.overflow = "hidden";
+      _$jscoverage['ui/editor.js'][428]++;
+      document.body.style.overflow = "hidden";
+      _$jscoverage['ui/editor.js'][429]++;
+      this._bakCssText = this.getDom().style.cssText;
+      _$jscoverage['ui/editor.js'][430]++;
+      this._bakCssText1 = this.getDom("iframeholder").style.cssText;
+      _$jscoverage['ui/editor.js'][431]++;
+      editor.iframe.parentNode.style.width = "";
+      _$jscoverage['ui/editor.js'][432]++;
+      this._updateFullScreen();
+    }
+    else {
+      _$jscoverage['ui/editor.js'][434]++;
+      while ((container.tagName != "BODY")) {
+        _$jscoverage['ui/editor.js'][435]++;
+        container.style.position = nodeStack.shift();
+        _$jscoverage['ui/editor.js'][436]++;
+        container = container.parentNode;
+}
+      _$jscoverage['ui/editor.js'][438]++;
+      this.getDom().style.cssText = this._bakCssText;
+      _$jscoverage['ui/editor.js'][439]++;
+      this.getDom("iframeholder").style.cssText = this._bakCssText1;
+      _$jscoverage['ui/editor.js'][440]++;
+      if (this._bakAutoHeight) {
+        _$jscoverage['ui/editor.js'][441]++;
+        editor.autoHeightEnabled = true;
+        _$jscoverage['ui/editor.js'][442]++;
+        this.editor.enableAutoHeight();
+      }
+      _$jscoverage['ui/editor.js'][445]++;
+      document.documentElement.style.overflow = this._bakHtmlOverflow;
+      _$jscoverage['ui/editor.js'][446]++;
+      document.body.style.overflow = this._bakBodyOverflow;
+      _$jscoverage['ui/editor.js'][447]++;
+      editor.iframe.parentNode.style.width = (this._bakEditorContaninerWidth + "px");
+      _$jscoverage['ui/editor.js'][448]++;
+      window.scrollTo(0, this._bakScrollTop);
+    }
+    _$jscoverage['ui/editor.js'][450]++;
+    if ((browser.gecko && (editor.body.contentEditable === "true"))) {
+      _$jscoverage['ui/editor.js'][451]++;
+      var input = document.createElement("input");
+      _$jscoverage['ui/editor.js'][452]++;
+      document.body.appendChild(input);
+      _$jscoverage['ui/editor.js'][453]++;
+      editor.body.contentEditable = false;
+      _$jscoverage['ui/editor.js'][454]++;
+      setTimeout((function () {
+  _$jscoverage['ui/editor.js'][455]++;
+  input.focus();
+  _$jscoverage['ui/editor.js'][456]++;
+  setTimeout((function () {
+  _$jscoverage['ui/editor.js'][457]++;
+  editor.body.contentEditable = true;
+  _$jscoverage['ui/editor.js'][458]++;
+  editor.fireEvent("fullscreenchanged", fullscreen);
+  _$jscoverage['ui/editor.js'][459]++;
+  editor.selection.getRange().moveToBookmark(bk).select(true);
+  _$jscoverage['ui/editor.js'][460]++;
+  baidu.editor.dom.domUtils.remove(input);
+  _$jscoverage['ui/editor.js'][461]++;
+  (fullscreen && window.scroll(0, 0));
+}), 0);
+}), 0);
+    }
+    _$jscoverage['ui/editor.js'][466]++;
+    if ((editor.body.contentEditable === "true")) {
+      _$jscoverage['ui/editor.js'][467]++;
+      this.editor.fireEvent("fullscreenchanged", fullscreen);
+      _$jscoverage['ui/editor.js'][468]++;
+      this.triggerLayout();
+    }
+  }
+}), _updateFullScreen: (function () {
+  _$jscoverage['ui/editor.js'][474]++;
+  if (this._fullscreen) {
+    _$jscoverage['ui/editor.js'][475]++;
+    var vpRect = uiUtils.getViewportRect();
+    _$jscoverage['ui/editor.js'][476]++;
+    this.getDom().style.cssText = ("border:0;position:absolute;left:0;top:" + (this.editor.options.topOffset || 0) + "px;width:" + vpRect.width + "px;height:" + vpRect.height + "px;z-index:" + ((this.getDom().style.zIndex * 1) + 100));
+    _$jscoverage['ui/editor.js'][477]++;
+    uiUtils.setViewportOffset(this.getDom(), {left: 0, top: (this.editor.options.topOffset || 0)});
+    _$jscoverage['ui/editor.js'][478]++;
+    this.editor.setHeight((vpRect.height - this.getDom("toolbarbox").offsetHeight - this.getDom("bottombar").offsetHeight - (this.editor.options.topOffset || 0)));
+    _$jscoverage['ui/editor.js'][480]++;
+    if (browser.gecko) {
+      _$jscoverage['ui/editor.js'][481]++;
+      try {
+        _$jscoverage['ui/editor.js'][482]++;
+        window.onresize();
+      }
+      catch (e) {
+      }
+    }
+  }
+}), _updateElementPath: (function () {
+  _$jscoverage['ui/editor.js'][491]++;
+  var bottom = this.getDom("elementpath"), list;
+  _$jscoverage['ui/editor.js'][492]++;
+  if ((this.elementPathEnabled && (list = this.editor.queryCommandValue("elementpath")))) {
+    _$jscoverage['ui/editor.js'][494]++;
+    var buff = [];
+    _$jscoverage['ui/editor.js'][495]++;
+    for (var i = 0, ci; (ci = list[i]); (i++)) {
+      _$jscoverage['ui/editor.js'][496]++;
+      buff[i] = this.formatHtml(("<span unselectable=\"on\" onclick=\"$$.editor.execCommand(&quot;elementpath&quot;, &quot;" + i + "&quot;);\">" + ci + "</span>"));
+}
+    _$jscoverage['ui/editor.js'][498]++;
+    bottom.innerHTML = ("<div class=\"edui-editor-breadcrumb\" onmousedown=\"return false;\">" + this.editor.getLang("elementPathTip") + ": " + buff.join(" &gt; ") + "</div>");
+  }
+  else {
+    _$jscoverage['ui/editor.js'][501]++;
+    bottom.style.display = "none";
+  }
+}), disableElementPath: (function () {
+  _$jscoverage['ui/editor.js'][505]++;
+  var bottom = this.getDom("elementpath");
+  _$jscoverage['ui/editor.js'][506]++;
+  bottom.innerHTML = "";
+  _$jscoverage['ui/editor.js'][507]++;
+  bottom.style.display = "none";
+  _$jscoverage['ui/editor.js'][508]++;
+  this.elementPathEnabled = false;
+}), enableElementPath: (function () {
+  _$jscoverage['ui/editor.js'][512]++;
+  var bottom = this.getDom("elementpath");
+  _$jscoverage['ui/editor.js'][513]++;
+  bottom.style.display = "";
+  _$jscoverage['ui/editor.js'][514]++;
+  this.elementPathEnabled = true;
+  _$jscoverage['ui/editor.js'][515]++;
+  this._updateElementPath();
+}), _scale: (function () {
+  _$jscoverage['ui/editor.js'][518]++;
+  var doc = document, editor = this.editor, editorHolder = editor.container, editorDocument = editor.document, toolbarBox = this.getDom("toolbarbox"), bottombar = this.getDom("bottombar"), scale = this.getDom("scale"), scalelayer = this.getDom("scalelayer");
+  _$jscoverage['ui/editor.js'][527]++;
+  var isMouseMove = false, position = null, minEditorHeight = 0, minEditorWidth = editor.options.minFrameWidth, pageX = 0, pageY = 0, scaleWidth = 0, scaleHeight = 0;
+  _$jscoverage['ui/editor.js'][536]++;
+  function down() {
+    _$jscoverage['ui/editor.js'][537]++;
+    position = domUtils.getXY(editorHolder);
+    _$jscoverage['ui/editor.js'][539]++;
+    if ((! minEditorHeight)) {
+      _$jscoverage['ui/editor.js'][540]++;
+      minEditorHeight = (editor.options.minFrameHeight + toolbarBox.offsetHeight + bottombar.offsetHeight);
+    }
+    _$jscoverage['ui/editor.js'][543]++;
+    scalelayer.style.cssText = ("position:absolute;left:0;display:;top:0;background-color:#41ABFF;opacity:0.4;filter: Alpha(opacity=40);width:" + editorHolder.offsetWidth + "px;height:" + editorHolder.offsetHeight + "px;z-index:" + (editor.options.zIndex + 1));
+    _$jscoverage['ui/editor.js'][546]++;
+    domUtils.on(doc, "mousemove", move);
+    _$jscoverage['ui/editor.js'][547]++;
+    domUtils.on(editorDocument, "mouseup", up);
+    _$jscoverage['ui/editor.js'][548]++;
+    domUtils.on(doc, "mouseup", up);
+}
+  _$jscoverage['ui/editor.js'][551]++;
+  var me = this;
+  _$jscoverage['ui/editor.js'][553]++;
+  this.editor.addListener("fullscreenchanged", (function (e, fullScreen) {
+  _$jscoverage['ui/editor.js'][554]++;
+  if (fullScreen) {
+    _$jscoverage['ui/editor.js'][555]++;
+    me.disableScale();
+  }
+  else {
+    _$jscoverage['ui/editor.js'][558]++;
+    if (me.editor.options.scaleEnabled) {
+      _$jscoverage['ui/editor.js'][559]++;
+      me.enableScale();
+      _$jscoverage['ui/editor.js'][560]++;
+      var tmpNode = me.editor.document.createElement("span");
+      _$jscoverage['ui/editor.js'][561]++;
+      me.editor.body.appendChild(tmpNode);
+      _$jscoverage['ui/editor.js'][562]++;
+      me.editor.body.style.height = (Math.max(domUtils.getXY(tmpNode).y, (me.editor.iframe.offsetHeight - 20)) + "px");
+      _$jscoverage['ui/editor.js'][563]++;
+      domUtils.remove(tmpNode);
+    }
+  }
+}));
+  _$jscoverage['ui/editor.js'][567]++;
+  function move(event) {
+    _$jscoverage['ui/editor.js'][568]++;
+    clearSelection();
+    _$jscoverage['ui/editor.js'][569]++;
+    var e = (event || window.event);
+    _$jscoverage['ui/editor.js'][570]++;
+    pageX = (e.pageX || (doc.documentElement.scrollLeft + e.clientX));
+    _$jscoverage['ui/editor.js'][571]++;
+    pageY = (e.pageY || (doc.documentElement.scrollTop + e.clientY));
+    _$jscoverage['ui/editor.js'][572]++;
+    scaleWidth = (pageX - position.x);
+    _$jscoverage['ui/editor.js'][573]++;
+    scaleHeight = (pageY - position.y);
+    _$jscoverage['ui/editor.js'][575]++;
+    if ((scaleWidth >= minEditorWidth)) {
+      _$jscoverage['ui/editor.js'][576]++;
+      isMouseMove = true;
+      _$jscoverage['ui/editor.js'][577]++;
+      scalelayer.style.width = (scaleWidth + "px");
+    }
+    _$jscoverage['ui/editor.js'][579]++;
+    if ((scaleHeight >= minEditorHeight)) {
+      _$jscoverage['ui/editor.js'][580]++;
+      isMouseMove = true;
+      _$jscoverage['ui/editor.js'][581]++;
+      scalelayer.style.height = (scaleHeight + "px");
+    }
+}
+  _$jscoverage['ui/editor.js'][585]++;
+  function up() {
+    _$jscoverage['ui/editor.js'][586]++;
+    if (isMouseMove) {
+      _$jscoverage['ui/editor.js'][587]++;
+      isMouseMove = false;
+      _$jscoverage['ui/editor.js'][588]++;
+      editor.ui._actualFrameWidth = (scalelayer.offsetWidth - 2);
+      _$jscoverage['ui/editor.js'][589]++;
+      editorHolder.style.width = (editor.ui._actualFrameWidth + "px");
+      _$jscoverage['ui/editor.js'][591]++;
+      editor.setHeight((scalelayer.offsetHeight - bottombar.offsetHeight - toolbarBox.offsetHeight - 2));
+    }
+    _$jscoverage['ui/editor.js'][593]++;
+    if (scalelayer) {
+      _$jscoverage['ui/editor.js'][594]++;
+      scalelayer.style.display = "none";
+    }
+    _$jscoverage['ui/editor.js'][596]++;
+    clearSelection();
+    _$jscoverage['ui/editor.js'][597]++;
+    domUtils.un(doc, "mousemove", move);
+    _$jscoverage['ui/editor.js'][598]++;
+    domUtils.un(editorDocument, "mouseup", up);
+    _$jscoverage['ui/editor.js'][599]++;
+    domUtils.un(doc, "mouseup", up);
+}
+  _$jscoverage['ui/editor.js'][602]++;
+  function clearSelection() {
+    _$jscoverage['ui/editor.js'][603]++;
+    if (browser.ie) {
+      _$jscoverage['ui/editor.js'][604]++;
+      doc.selection.clear();
+    }
+    else {
+      _$jscoverage['ui/editor.js'][606]++;
+      window.getSelection().removeAllRanges();
+    }
+}
+  _$jscoverage['ui/editor.js'][609]++;
+  this.enableScale = (function () {
+  _$jscoverage['ui/editor.js'][611]++;
+  if ((editor.queryCommandState("source") == 1)) {
+    _$jscoverage['ui/editor.js'][611]++;
+    return;
+  }
+  _$jscoverage['ui/editor.js'][612]++;
+  scale.style.display = "";
+  _$jscoverage['ui/editor.js'][613]++;
+  this.scaleEnabled = true;
+  _$jscoverage['ui/editor.js'][614]++;
+  domUtils.on(scale, "mousedown", down);
+});
+  _$jscoverage['ui/editor.js'][616]++;
+  this.disableScale = (function () {
+  _$jscoverage['ui/editor.js'][617]++;
+  scale.style.display = "none";
+  _$jscoverage['ui/editor.js'][618]++;
+  this.scaleEnabled = false;
+  _$jscoverage['ui/editor.js'][619]++;
+  domUtils.un(scale, "mousedown", down);
+});
+}), isFullScreen: (function () {
+  _$jscoverage['ui/editor.js'][623]++;
+  return this._fullscreen;
+}), postRender: (function () {
+  _$jscoverage['ui/editor.js'][626]++;
+  UIBase.prototype.postRender.call(this);
+  _$jscoverage['ui/editor.js'][627]++;
+  for (var i = 0; (i < this.toolbars.length); (i++)) {
+    _$jscoverage['ui/editor.js'][628]++;
+    this.toolbars[i].postRender();
+}
+  _$jscoverage['ui/editor.js'][630]++;
+  var me = this;
+  _$jscoverage['ui/editor.js'][631]++;
+  var timerId, domUtils = baidu.editor.dom.domUtils, updateFullScreenTime = (function () {
+  _$jscoverage['ui/editor.js'][634]++;
+  clearTimeout(timerId);
+  _$jscoverage['ui/editor.js'][635]++;
+  timerId = setTimeout((function () {
+  _$jscoverage['ui/editor.js'][636]++;
+  me._updateFullScreen();
+}));
+});
+  _$jscoverage['ui/editor.js'][639]++;
+  domUtils.on(window, "resize", updateFullScreenTime);
+  _$jscoverage['ui/editor.js'][641]++;
+  me.addListener("destroy", (function () {
+  _$jscoverage['ui/editor.js'][642]++;
+  domUtils.un(window, "resize", updateFullScreenTime);
+  _$jscoverage['ui/editor.js'][643]++;
+  clearTimeout(timerId);
+}));
+}), showToolbarMsg: (function (msg, flag) {
+  _$jscoverage['ui/editor.js'][647]++;
+  this.getDom("toolbarmsg_label").innerHTML = msg;
+  _$jscoverage['ui/editor.js'][648]++;
+  this.getDom("toolbarmsg").style.display = "";
+  _$jscoverage['ui/editor.js'][650]++;
+  if ((! flag)) {
+    _$jscoverage['ui/editor.js'][651]++;
+    var w = this.getDom("upload_dialog");
+    _$jscoverage['ui/editor.js'][652]++;
+    w.style.display = "none";
+  }
+}), hideToolbarMsg: (function () {
+  _$jscoverage['ui/editor.js'][656]++;
+  this.getDom("toolbarmsg").style.display = "none";
+}), mapUrl: (function (url) {
+  _$jscoverage['ui/editor.js'][659]++;
+  return (url? url.replace("~/", (this.editor.options.UEDITOR_HOME_URL || "")): "");
+}), triggerLayout: (function () {
+  _$jscoverage['ui/editor.js'][662]++;
+  var dom = this.getDom();
+  _$jscoverage['ui/editor.js'][663]++;
+  if ((dom.style.zoom == "1")) {
+    _$jscoverage['ui/editor.js'][664]++;
+    dom.style.zoom = "100%";
+  }
+  else {
+    _$jscoverage['ui/editor.js'][666]++;
+    dom.style.zoom = "1";
+  }
+})};
+  _$jscoverage['ui/editor.js'][670]++;
+  utils.inherits(EditorUI, baidu.editor.ui.UIBase);
+  _$jscoverage['ui/editor.js'][673]++;
+  var instances = {};
+  _$jscoverage['ui/editor.js'][676]++;
+  UE.ui.Editor = (function (options) {
+  _$jscoverage['ui/editor.js'][677]++;
+  var editor = new (UE.Editor)(options);
+  _$jscoverage['ui/editor.js'][678]++;
+  editor.options.editor = editor;
+  _$jscoverage['ui/editor.js'][679]++;
+  utils.loadFile(document, {href: (editor.options.themePath + editor.options.theme + "/_css/ueditor.css"), tag: "link", type: "text/css", rel: "stylesheet"});
+  _$jscoverage['ui/editor.js'][686]++;
+  var oldRender = editor.render;
+  _$jscoverage['ui/editor.js'][687]++;
+  editor.render = (function (holder) {
+  _$jscoverage['ui/editor.js'][688]++;
+  if ((holder.constructor === String)) {
+    _$jscoverage['ui/editor.js'][689]++;
+    editor.key = holder;
+    _$jscoverage['ui/editor.js'][690]++;
+    instances[holder] = editor;
+  }
+  _$jscoverage['ui/editor.js'][692]++;
+  utils.domReady((function () {
+  _$jscoverage['ui/editor.js'][693]++;
+  (editor.langIsReady? renderUI(): editor.addListener("langReady", renderUI));
+  _$jscoverage['ui/editor.js'][694]++;
+  function renderUI() {
+    _$jscoverage['ui/editor.js'][695]++;
+    editor.setOpt({labelMap: (editor.options.labelMap || editor.getLang("labelMap"))});
+    _$jscoverage['ui/editor.js'][698]++;
+    new EditorUI(editor.options);
+    _$jscoverage['ui/editor.js'][699]++;
+    if (holder) {
+      _$jscoverage['ui/editor.js'][700]++;
+      if ((holder.constructor === String)) {
+        _$jscoverage['ui/editor.js'][701]++;
+        holder = document.getElementById(holder);
+      }
+      _$jscoverage['ui/editor.js'][703]++;
+      (holder && holder.getAttribute("name") && (editor.options.textarea = holder.getAttribute("name")));
+      _$jscoverage['ui/editor.js'][704]++;
+      if ((holder && /script|textarea/gi.test(holder.tagName))) {
+        _$jscoverage['ui/editor.js'][705]++;
+        var newDiv = document.createElement("div");
+        _$jscoverage['ui/editor.js'][706]++;
+        holder.parentNode.insertBefore(newDiv, holder);
+        _$jscoverage['ui/editor.js'][707]++;
+        var cont = (holder.value || holder.innerHTML);
+        _$jscoverage['ui/editor.js'][708]++;
+        editor.options.initialContent = (/^[\t\r\n ]*$/.test(cont)? editor.options.initialContent: cont.replace(/>[\n\r\t]+([ ]{4})+/g, ">").replace(/[\n\r\t]+([ ]{4})+</g, "<").replace(/>[\n\r\t]+</g, "><"));
+        _$jscoverage['ui/editor.js'][712]++;
+        (holder.className && (newDiv.className = holder.className));
+        _$jscoverage['ui/editor.js'][713]++;
+        (holder.style.cssText && (newDiv.style.cssText = holder.style.cssText));
+        _$jscoverage['ui/editor.js'][714]++;
+        if (/textarea/i.test(holder.tagName)) {
+          _$jscoverage['ui/editor.js'][715]++;
+          editor.textarea = holder;
+          _$jscoverage['ui/editor.js'][716]++;
+          editor.textarea.style.display = "none";
+        }
+        else {
+          _$jscoverage['ui/editor.js'][719]++;
+          holder.parentNode.removeChild(holder);
+          _$jscoverage['ui/editor.js'][720]++;
+          (holder.id && (newDiv.id = holder.id));
+        }
+        _$jscoverage['ui/editor.js'][722]++;
+        holder = newDiv;
+        _$jscoverage['ui/editor.js'][723]++;
+        holder.innerHTML = "";
+      }
+    }
+    _$jscoverage['ui/editor.js'][727]++;
+    domUtils.addClass(holder, ("edui-" + editor.options.theme));
+    _$jscoverage['ui/editor.js'][728]++;
+    editor.ui.render(holder);
+    _$jscoverage['ui/editor.js'][729]++;
+    var opt = editor.options;
+    _$jscoverage['ui/editor.js'][731]++;
+    editor.container = editor.ui.getDom();
+    _$jscoverage['ui/editor.js'][732]++;
+    var parents = domUtils.findParents(holder, true);
+    _$jscoverage['ui/editor.js'][733]++;
+    var displays = [];
+    _$jscoverage['ui/editor.js'][734]++;
+    for (var i = 0, ci; (ci = parents[i]); (i++)) {
+      _$jscoverage['ui/editor.js'][735]++;
+      displays[i] = ci.style.display;
+      _$jscoverage['ui/editor.js'][736]++;
+      ci.style.display = "block";
+}
+    _$jscoverage['ui/editor.js'][738]++;
+    if (opt.initialFrameWidth) {
+      _$jscoverage['ui/editor.js'][739]++;
+      opt.minFrameWidth = opt.initialFrameWidth;
+    }
+    else {
+      _$jscoverage['ui/editor.js'][741]++;
+      opt.minFrameWidth = (opt.initialFrameWidth = holder.offsetWidth);
+    }
+    _$jscoverage['ui/editor.js'][743]++;
+    if (opt.initialFrameHeight) {
+      _$jscoverage['ui/editor.js'][744]++;
+      opt.minFrameHeight = opt.initialFrameHeight;
+    }
+    else {
+      _$jscoverage['ui/editor.js'][746]++;
+      opt.initialFrameHeight = (opt.minFrameHeight = holder.offsetHeight);
+    }
+    _$jscoverage['ui/editor.js'][748]++;
+    for (var i = 0, ci = ci; (ci = parents[i]); (i++)) {
+      _$jscoverage['ui/editor.js'][749]++;
+      ci.style.display = displays[i];
+}
+    _$jscoverage['ui/editor.js'][753]++;
+    if (holder.style.height) {
+      _$jscoverage['ui/editor.js'][754]++;
+      holder.style.height = "";
+    }
+    _$jscoverage['ui/editor.js'][756]++;
+    editor.container.style.width = (opt.initialFrameWidth + (/%$/.test(opt.initialFrameWidth)? "": "px"));
+    _$jscoverage['ui/editor.js'][757]++;
+    editor.container.style.zIndex = opt.zIndex;
+    _$jscoverage['ui/editor.js'][758]++;
+    oldRender.call(editor, editor.ui.getDom("iframeholder"));
+}
+}));
+});
+  _$jscoverage['ui/editor.js'][763]++;
+  return editor;
+});
+  _$jscoverage['ui/editor.js'][788]++;
+  UE.getEditor = (function (id, opt) {
+  _$jscoverage['ui/editor.js'][789]++;
+  var editor = instances[id];
+  _$jscoverage['ui/editor.js'][790]++;
+  if ((! editor)) {
+    _$jscoverage['ui/editor.js'][791]++;
+    editor = (instances[id] = new (UE.ui.Editor)(opt));
+    _$jscoverage['ui/editor.js'][792]++;
+    editor.render(id);
+  }
+  _$jscoverage['ui/editor.js'][794]++;
+  return editor;
+});
+  _$jscoverage['ui/editor.js'][798]++;
+  UE.delEditor = (function (id) {
+  _$jscoverage['ui/editor.js'][799]++;
+  var editor;
+  _$jscoverage['ui/editor.js'][800]++;
+  if ((editor = instances[id])) {
+    _$jscoverage['ui/editor.js'][801]++;
+    (editor.key && editor.destroy());
+    _$jscoverage['ui/editor.js'][802]++;
+    (delete instances[id]);
+  }
+});
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/editorui.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/editorui.js
new file mode 100644
index 000000000..61249dfff
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/editorui.js
@@ -0,0 +1,1302 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/editorui.js']) {
+  _$jscoverage['ui/editorui.js'] = [];
+  _$jscoverage['ui/editorui.js'][4] = 0;
+  _$jscoverage['ui/editorui.js'][5] = 0;
+  _$jscoverage['ui/editorui.js'][6] = 0;
+  _$jscoverage['ui/editorui.js'][7] = 0;
+  _$jscoverage['ui/editorui.js'][8] = 0;
+  _$jscoverage['ui/editorui.js'][10] = 0;
+  _$jscoverage['ui/editorui.js'][11] = 0;
+  _$jscoverage['ui/editorui.js'][12] = 0;
+  _$jscoverage['ui/editorui.js'][14] = 0;
+  _$jscoverage['ui/editorui.js'][15] = 0;
+  _$jscoverage['ui/editorui.js'][16] = 0;
+  _$jscoverage['ui/editorui.js'][17] = 0;
+  _$jscoverage['ui/editorui.js'][18] = 0;
+  _$jscoverage['ui/editorui.js'][20] = 0;
+  _$jscoverage['ui/editorui.js'][21] = 0;
+  _$jscoverage['ui/editorui.js'][23] = 0;
+  _$jscoverage['ui/editorui.js'][31] = 0;
+  _$jscoverage['ui/editorui.js'][34] = 0;
+  _$jscoverage['ui/editorui.js'][60] = 0;
+  _$jscoverage['ui/editorui.js'][68] = 0;
+  _$jscoverage['ui/editorui.js'][69] = 0;
+  _$jscoverage['ui/editorui.js'][70] = 0;
+  _$jscoverage['ui/editorui.js'][71] = 0;
+  _$jscoverage['ui/editorui.js'][72] = 0;
+  _$jscoverage['ui/editorui.js'][76] = 0;
+  _$jscoverage['ui/editorui.js'][81] = 0;
+  _$jscoverage['ui/editorui.js'][82] = 0;
+  _$jscoverage['ui/editorui.js'][83] = 0;
+  _$jscoverage['ui/editorui.js'][84] = 0;
+  _$jscoverage['ui/editorui.js'][85] = 0;
+  _$jscoverage['ui/editorui.js'][86] = 0;
+  _$jscoverage['ui/editorui.js'][88] = 0;
+  _$jscoverage['ui/editorui.js'][89] = 0;
+  _$jscoverage['ui/editorui.js'][90] = 0;
+  _$jscoverage['ui/editorui.js'][94] = 0;
+  _$jscoverage['ui/editorui.js'][100] = 0;
+  _$jscoverage['ui/editorui.js'][101] = 0;
+  _$jscoverage['ui/editorui.js'][106] = 0;
+  _$jscoverage['ui/editorui.js'][107] = 0;
+  _$jscoverage['ui/editorui.js'][111] = 0;
+  _$jscoverage['ui/editorui.js'][112] = 0;
+  _$jscoverage['ui/editorui.js'][113] = 0;
+  _$jscoverage['ui/editorui.js'][115] = 0;
+  _$jscoverage['ui/editorui.js'][119] = 0;
+  _$jscoverage['ui/editorui.js'][125] = 0;
+  _$jscoverage['ui/editorui.js'][127] = 0;
+  _$jscoverage['ui/editorui.js'][128] = 0;
+  _$jscoverage['ui/editorui.js'][129] = 0;
+  _$jscoverage['ui/editorui.js'][130] = 0;
+  _$jscoverage['ui/editorui.js'][131] = 0;
+  _$jscoverage['ui/editorui.js'][136] = 0;
+  _$jscoverage['ui/editorui.js'][139] = 0;
+  _$jscoverage['ui/editorui.js'][140] = 0;
+  _$jscoverage['ui/editorui.js'][141] = 0;
+  _$jscoverage['ui/editorui.js'][142] = 0;
+  _$jscoverage['ui/editorui.js'][144] = 0;
+  _$jscoverage['ui/editorui.js'][152] = 0;
+  _$jscoverage['ui/editorui.js'][153] = 0;
+  _$jscoverage['ui/editorui.js'][154] = 0;
+  _$jscoverage['ui/editorui.js'][155] = 0;
+  _$jscoverage['ui/editorui.js'][161] = 0;
+  _$jscoverage['ui/editorui.js'][164] = 0;
+  _$jscoverage['ui/editorui.js'][165] = 0;
+  _$jscoverage['ui/editorui.js'][166] = 0;
+  _$jscoverage['ui/editorui.js'][169] = 0;
+  _$jscoverage['ui/editorui.js'][172] = 0;
+  _$jscoverage['ui/editorui.js'][173] = 0;
+  _$jscoverage['ui/editorui.js'][174] = 0;
+  _$jscoverage['ui/editorui.js'][176] = 0;
+  _$jscoverage['ui/editorui.js'][182] = 0;
+  _$jscoverage['ui/editorui.js'][189] = 0;
+  _$jscoverage['ui/editorui.js'][190] = 0;
+  _$jscoverage['ui/editorui.js'][191] = 0;
+  _$jscoverage['ui/editorui.js'][193] = 0;
+  _$jscoverage['ui/editorui.js'][194] = 0;
+  _$jscoverage['ui/editorui.js'][196] = 0;
+  _$jscoverage['ui/editorui.js'][197] = 0;
+  _$jscoverage['ui/editorui.js'][198] = 0;
+  _$jscoverage['ui/editorui.js'][199] = 0;
+  _$jscoverage['ui/editorui.js'][201] = 0;
+  _$jscoverage['ui/editorui.js'][203] = 0;
+  _$jscoverage['ui/editorui.js'][204] = 0;
+  _$jscoverage['ui/editorui.js'][218] = 0;
+  _$jscoverage['ui/editorui.js'][226] = 0;
+  _$jscoverage['ui/editorui.js'][232] = 0;
+  _$jscoverage['ui/editorui.js'][235] = 0;
+  _$jscoverage['ui/editorui.js'][239] = 0;
+  _$jscoverage['ui/editorui.js'][240] = 0;
+  _$jscoverage['ui/editorui.js'][242] = 0;
+  _$jscoverage['ui/editorui.js'][243] = 0;
+  _$jscoverage['ui/editorui.js'][244] = 0;
+  _$jscoverage['ui/editorui.js'][245] = 0;
+  _$jscoverage['ui/editorui.js'][247] = 0;
+  _$jscoverage['ui/editorui.js'][249] = 0;
+  _$jscoverage['ui/editorui.js'][250] = 0;
+  _$jscoverage['ui/editorui.js'][251] = 0;
+  _$jscoverage['ui/editorui.js'][254] = 0;
+  _$jscoverage['ui/editorui.js'][256] = 0;
+  _$jscoverage['ui/editorui.js'][257] = 0;
+  _$jscoverage['ui/editorui.js'][264] = 0;
+  _$jscoverage['ui/editorui.js'][265] = 0;
+  _$jscoverage['ui/editorui.js'][267] = 0;
+  _$jscoverage['ui/editorui.js'][268] = 0;
+  _$jscoverage['ui/editorui.js'][270] = 0;
+  _$jscoverage['ui/editorui.js'][271] = 0;
+  _$jscoverage['ui/editorui.js'][272] = 0;
+  _$jscoverage['ui/editorui.js'][273] = 0;
+  _$jscoverage['ui/editorui.js'][278] = 0;
+  _$jscoverage['ui/editorui.js'][285] = 0;
+  _$jscoverage['ui/editorui.js'][286] = 0;
+  _$jscoverage['ui/editorui.js'][287] = 0;
+  _$jscoverage['ui/editorui.js'][291] = 0;
+  _$jscoverage['ui/editorui.js'][296] = 0;
+  _$jscoverage['ui/editorui.js'][297] = 0;
+  _$jscoverage['ui/editorui.js'][298] = 0;
+  _$jscoverage['ui/editorui.js'][299] = 0;
+  _$jscoverage['ui/editorui.js'][310] = 0;
+  _$jscoverage['ui/editorui.js'][318] = 0;
+  _$jscoverage['ui/editorui.js'][324] = 0;
+  _$jscoverage['ui/editorui.js'][325] = 0;
+  _$jscoverage['ui/editorui.js'][327] = 0;
+  _$jscoverage['ui/editorui.js'][328] = 0;
+  _$jscoverage['ui/editorui.js'][330] = 0;
+  _$jscoverage['ui/editorui.js'][333] = 0;
+  _$jscoverage['ui/editorui.js'][334] = 0;
+  _$jscoverage['ui/editorui.js'][335] = 0;
+  _$jscoverage['ui/editorui.js'][337] = 0;
+  _$jscoverage['ui/editorui.js'][338] = 0;
+  _$jscoverage['ui/editorui.js'][339] = 0;
+  _$jscoverage['ui/editorui.js'][344] = 0;
+  _$jscoverage['ui/editorui.js'][349] = 0;
+  _$jscoverage['ui/editorui.js'][353] = 0;
+  _$jscoverage['ui/editorui.js'][356] = 0;
+  _$jscoverage['ui/editorui.js'][362] = 0;
+  _$jscoverage['ui/editorui.js'][363] = 0;
+  _$jscoverage['ui/editorui.js'][364] = 0;
+  _$jscoverage['ui/editorui.js'][365] = 0;
+  _$jscoverage['ui/editorui.js'][369] = 0;
+  _$jscoverage['ui/editorui.js'][372] = 0;
+  _$jscoverage['ui/editorui.js'][373] = 0;
+  _$jscoverage['ui/editorui.js'][374] = 0;
+  _$jscoverage['ui/editorui.js'][375] = 0;
+  _$jscoverage['ui/editorui.js'][376] = 0;
+  _$jscoverage['ui/editorui.js'][377] = 0;
+  _$jscoverage['ui/editorui.js'][379] = 0;
+  _$jscoverage['ui/editorui.js'][380] = 0;
+  _$jscoverage['ui/editorui.js'][381] = 0;
+  _$jscoverage['ui/editorui.js'][382] = 0;
+  _$jscoverage['ui/editorui.js'][383] = 0;
+  _$jscoverage['ui/editorui.js'][386] = 0;
+  _$jscoverage['ui/editorui.js'][387] = 0;
+  _$jscoverage['ui/editorui.js'][393] = 0;
+  _$jscoverage['ui/editorui.js'][395] = 0;
+  _$jscoverage['ui/editorui.js'][397] = 0;
+  _$jscoverage['ui/editorui.js'][398] = 0;
+  _$jscoverage['ui/editorui.js'][399] = 0;
+  _$jscoverage['ui/editorui.js'][400] = 0;
+  _$jscoverage['ui/editorui.js'][401] = 0;
+  _$jscoverage['ui/editorui.js'][402] = 0;
+  _$jscoverage['ui/editorui.js'][403] = 0;
+  _$jscoverage['ui/editorui.js'][408] = 0;
+  _$jscoverage['ui/editorui.js'][414] = 0;
+  _$jscoverage['ui/editorui.js'][418] = 0;
+  _$jscoverage['ui/editorui.js'][421] = 0;
+  _$jscoverage['ui/editorui.js'][427] = 0;
+  _$jscoverage['ui/editorui.js'][428] = 0;
+  _$jscoverage['ui/editorui.js'][429] = 0;
+  _$jscoverage['ui/editorui.js'][430] = 0;
+  _$jscoverage['ui/editorui.js'][434] = 0;
+  _$jscoverage['ui/editorui.js'][437] = 0;
+  _$jscoverage['ui/editorui.js'][438] = 0;
+  _$jscoverage['ui/editorui.js'][439] = 0;
+  _$jscoverage['ui/editorui.js'][440] = 0;
+  _$jscoverage['ui/editorui.js'][441] = 0;
+  _$jscoverage['ui/editorui.js'][442] = 0;
+  _$jscoverage['ui/editorui.js'][444] = 0;
+  _$jscoverage['ui/editorui.js'][445] = 0;
+  _$jscoverage['ui/editorui.js'][447] = 0;
+  _$jscoverage['ui/editorui.js'][448] = 0;
+  _$jscoverage['ui/editorui.js'][454] = 0;
+  _$jscoverage['ui/editorui.js'][457] = 0;
+  _$jscoverage['ui/editorui.js'][458] = 0;
+  _$jscoverage['ui/editorui.js'][459] = 0;
+  _$jscoverage['ui/editorui.js'][460] = 0;
+  _$jscoverage['ui/editorui.js'][461] = 0;
+  _$jscoverage['ui/editorui.js'][462] = 0;
+  _$jscoverage['ui/editorui.js'][463] = 0;
+  _$jscoverage['ui/editorui.js'][464] = 0;
+  _$jscoverage['ui/editorui.js'][469] = 0;
+  _$jscoverage['ui/editorui.js'][474] = 0;
+  _$jscoverage['ui/editorui.js'][480] = 0;
+  _$jscoverage['ui/editorui.js'][483] = 0;
+  _$jscoverage['ui/editorui.js'][487] = 0;
+  _$jscoverage['ui/editorui.js'][488] = 0;
+  _$jscoverage['ui/editorui.js'][489] = 0;
+  _$jscoverage['ui/editorui.js'][490] = 0;
+  _$jscoverage['ui/editorui.js'][491] = 0;
+  _$jscoverage['ui/editorui.js'][492] = 0;
+  _$jscoverage['ui/editorui.js'][494] = 0;
+  _$jscoverage['ui/editorui.js'][495] = 0;
+  _$jscoverage['ui/editorui.js'][500] = 0;
+  _$jscoverage['ui/editorui.js'][503] = 0;
+  _$jscoverage['ui/editorui.js'][504] = 0;
+  _$jscoverage['ui/editorui.js'][505] = 0;
+  _$jscoverage['ui/editorui.js'][506] = 0;
+  _$jscoverage['ui/editorui.js'][507] = 0;
+  _$jscoverage['ui/editorui.js'][508] = 0;
+  _$jscoverage['ui/editorui.js'][509] = 0;
+  _$jscoverage['ui/editorui.js'][514] = 0;
+  _$jscoverage['ui/editorui.js'][518] = 0;
+  _$jscoverage['ui/editorui.js'][525] = 0;
+  _$jscoverage['ui/editorui.js'][528] = 0;
+  _$jscoverage['ui/editorui.js'][531] = 0;
+  _$jscoverage['ui/editorui.js'][532] = 0;
+  _$jscoverage['ui/editorui.js'][533] = 0;
+  _$jscoverage['ui/editorui.js'][534] = 0;
+  _$jscoverage['ui/editorui.js'][535] = 0;
+  _$jscoverage['ui/editorui.js'][536] = 0;
+  _$jscoverage['ui/editorui.js'][538] = 0;
+  _$jscoverage['ui/editorui.js'][539] = 0;
+  _$jscoverage['ui/editorui.js'][540] = 0;
+  _$jscoverage['ui/editorui.js'][541] = 0;
+  _$jscoverage['ui/editorui.js'][542] = 0;
+  _$jscoverage['ui/editorui.js'][544] = 0;
+  _$jscoverage['ui/editorui.js'][550] = 0;
+  _$jscoverage['ui/editorui.js'][555] = 0;
+  _$jscoverage['ui/editorui.js'][556] = 0;
+  _$jscoverage['ui/editorui.js'][558] = 0;
+  _$jscoverage['ui/editorui.js'][559] = 0;
+  _$jscoverage['ui/editorui.js'][560] = 0;
+  _$jscoverage['ui/editorui.js'][561] = 0;
+  _$jscoverage['ui/editorui.js'][562] = 0;
+  _$jscoverage['ui/editorui.js'][563] = 0;
+  _$jscoverage['ui/editorui.js'][564] = 0;
+  _$jscoverage['ui/editorui.js'][565] = 0;
+  _$jscoverage['ui/editorui.js'][566] = 0;
+  _$jscoverage['ui/editorui.js'][567] = 0;
+  _$jscoverage['ui/editorui.js'][572] = 0;
+  _$jscoverage['ui/editorui.js'][580] = 0;
+  _$jscoverage['ui/editorui.js'][587] = 0;
+  _$jscoverage['ui/editorui.js'][590] = 0;
+  _$jscoverage['ui/editorui.js'][593] = 0;
+  _$jscoverage['ui/editorui.js'][594] = 0;
+  _$jscoverage['ui/editorui.js'][595] = 0;
+  _$jscoverage['ui/editorui.js'][598] = 0;
+  _$jscoverage['ui/editorui.js'][601] = 0;
+  _$jscoverage['ui/editorui.js'][602] = 0;
+  _$jscoverage['ui/editorui.js'][603] = 0;
+  _$jscoverage['ui/editorui.js'][604] = 0;
+  _$jscoverage['ui/editorui.js'][605] = 0;
+  _$jscoverage['ui/editorui.js'][606] = 0;
+  _$jscoverage['ui/editorui.js'][608] = 0;
+  _$jscoverage['ui/editorui.js'][609] = 0;
+  _$jscoverage['ui/editorui.js'][610] = 0;
+  _$jscoverage['ui/editorui.js'][611] = 0;
+  _$jscoverage['ui/editorui.js'][612] = 0;
+  _$jscoverage['ui/editorui.js'][614] = 0;
+  _$jscoverage['ui/editorui.js'][620] = 0;
+  _$jscoverage['ui/editorui.js'][622] = 0;
+  _$jscoverage['ui/editorui.js'][623] = 0;
+  _$jscoverage['ui/editorui.js'][624] = 0;
+  _$jscoverage['ui/editorui.js'][629] = 0;
+  _$jscoverage['ui/editorui.js'][632] = 0;
+  _$jscoverage['ui/editorui.js'][635] = 0;
+  _$jscoverage['ui/editorui.js'][636] = 0;
+  _$jscoverage['ui/editorui.js'][637] = 0;
+  _$jscoverage['ui/editorui.js'][639] = 0;
+  _$jscoverage['ui/editorui.js'][642] = 0;
+  _$jscoverage['ui/editorui.js'][643] = 0;
+  _$jscoverage['ui/editorui.js'][644] = 0;
+  _$jscoverage['ui/editorui.js'][645] = 0;
+  _$jscoverage['ui/editorui.js'][646] = 0;
+  _$jscoverage['ui/editorui.js'][652] = 0;
+  _$jscoverage['ui/editorui.js'][656] = 0;
+  _$jscoverage['ui/editorui.js'][662] = 0;
+  _$jscoverage['ui/editorui.js'][663] = 0;
+  _$jscoverage['ui/editorui.js'][666] = 0;
+  _$jscoverage['ui/editorui.js'][667] = 0;
+  _$jscoverage['ui/editorui.js'][668] = 0;
+  _$jscoverage['ui/editorui.js'][669] = 0;
+  _$jscoverage['ui/editorui.js'][670] = 0;
+  _$jscoverage['ui/editorui.js'][672] = 0;
+  _$jscoverage['ui/editorui.js'][673] = 0;
+  _$jscoverage['ui/editorui.js'][674] = 0;
+  _$jscoverage['ui/editorui.js'][675] = 0;
+  _$jscoverage['ui/editorui.js'][678] = 0;
+  _$jscoverage['ui/editorui.js'][681] = 0;
+  _$jscoverage['ui/editorui.js'][682] = 0;
+  _$jscoverage['ui/editorui.js'][683] = 0;
+  _$jscoverage['ui/editorui.js'][684] = 0;
+  _$jscoverage['ui/editorui.js'][685] = 0;
+  _$jscoverage['ui/editorui.js'][686] = 0;
+  _$jscoverage['ui/editorui.js'][687] = 0;
+  _$jscoverage['ui/editorui.js'][688] = 0;
+  _$jscoverage['ui/editorui.js'][693] = 0;
+  _$jscoverage['ui/editorui.js'][697] = 0;
+  _$jscoverage['ui/editorui.js'][703] = 0;
+  _$jscoverage['ui/editorui.js'][704] = 0;
+  _$jscoverage['ui/editorui.js'][707] = 0;
+  _$jscoverage['ui/editorui.js'][708] = 0;
+  _$jscoverage['ui/editorui.js'][709] = 0;
+  _$jscoverage['ui/editorui.js'][710] = 0;
+  _$jscoverage['ui/editorui.js'][711] = 0;
+  _$jscoverage['ui/editorui.js'][713] = 0;
+  _$jscoverage['ui/editorui.js'][714] = 0;
+  _$jscoverage['ui/editorui.js'][715] = 0;
+  _$jscoverage['ui/editorui.js'][716] = 0;
+  _$jscoverage['ui/editorui.js'][719] = 0;
+  _$jscoverage['ui/editorui.js'][724] = 0;
+  _$jscoverage['ui/editorui.js'][725] = 0;
+  _$jscoverage['ui/editorui.js'][726] = 0;
+  _$jscoverage['ui/editorui.js'][727] = 0;
+  _$jscoverage['ui/editorui.js'][728] = 0;
+  _$jscoverage['ui/editorui.js'][730] = 0;
+  _$jscoverage['ui/editorui.js'][732] = 0;
+  _$jscoverage['ui/editorui.js'][733] = 0;
+  _$jscoverage['ui/editorui.js'][740] = 0;
+  _$jscoverage['ui/editorui.js'][746] = 0;
+  _$jscoverage['ui/editorui.js'][747] = 0;
+  _$jscoverage['ui/editorui.js'][750] = 0;
+  _$jscoverage['ui/editorui.js'][751] = 0;
+  _$jscoverage['ui/editorui.js'][752] = 0;
+  _$jscoverage['ui/editorui.js'][753] = 0;
+  _$jscoverage['ui/editorui.js'][754] = 0;
+  _$jscoverage['ui/editorui.js'][756] = 0;
+  _$jscoverage['ui/editorui.js'][757] = 0;
+  _$jscoverage['ui/editorui.js'][758] = 0;
+  _$jscoverage['ui/editorui.js'][759] = 0;
+  _$jscoverage['ui/editorui.js'][762] = 0;
+  _$jscoverage['ui/editorui.js'][767] = 0;
+  _$jscoverage['ui/editorui.js'][768] = 0;
+  _$jscoverage['ui/editorui.js'][769] = 0;
+  _$jscoverage['ui/editorui.js'][774] = 0;
+  _$jscoverage['ui/editorui.js'][775] = 0;
+  _$jscoverage['ui/editorui.js'][777] = 0;
+  _$jscoverage['ui/editorui.js'][780] = 0;
+  _$jscoverage['ui/editorui.js'][781] = 0;
+  _$jscoverage['ui/editorui.js'][782] = 0;
+  _$jscoverage['ui/editorui.js'][783] = 0;
+  _$jscoverage['ui/editorui.js'][784] = 0;
+  _$jscoverage['ui/editorui.js'][786] = 0;
+  _$jscoverage['ui/editorui.js'][790] = 0;
+  _$jscoverage['ui/editorui.js'][791] = 0;
+  _$jscoverage['ui/editorui.js'][792] = 0;
+  _$jscoverage['ui/editorui.js'][798] = 0;
+  _$jscoverage['ui/editorui.js'][800] = 0;
+  _$jscoverage['ui/editorui.js'][801] = 0;
+  _$jscoverage['ui/editorui.js'][803] = 0;
+  _$jscoverage['ui/editorui.js'][806] = 0;
+  _$jscoverage['ui/editorui.js'][807] = 0;
+  _$jscoverage['ui/editorui.js'][812] = 0;
+  _$jscoverage['ui/editorui.js'][815] = 0;
+  _$jscoverage['ui/editorui.js'][816] = 0;
+  _$jscoverage['ui/editorui.js'][817] = 0;
+  _$jscoverage['ui/editorui.js'][819] = 0;
+}
+_$jscoverage['ui/editorui.js'].source = ["<span class=\"c\">//ui&#36319;&#32534;&#36753;&#22120;&#30340;&#36866;&#37197;&#23652;</span>","<span class=\"c\">//&#37027;&#20010;&#25353;&#38062;&#24377;&#20986;&#26159;dialog&#65292;&#26159;&#19979;&#25289;&#31568;&#31561;&#37117;&#26159;&#22312;&#36825;&#20010;js&#20013;&#37197;&#32622;</span>","<span class=\"c\">//&#33258;&#24049;&#20889;&#30340;ui&#20063;&#35201;&#22312;&#36825;&#37324;&#37197;&#32622;&#65292;&#25918;&#21040;baidu.editor.ui&#19979;&#36793;&#65292;&#24403;&#32534;&#36753;&#22120;&#23454;&#20363;&#21270;&#30340;&#26102;&#20505;&#20250;&#26681;&#25454;ueditor.config&#20013;&#30340;toolbars&#25214;&#21040;&#30456;&#24212;&#30340;&#36827;&#34892;&#23454;&#20363;&#21270;</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">;</span>","    <span class=\"k\">var</span> editorui <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">;</span>","    <span class=\"k\">var</span> _Dialog <span class=\"k\">=</span> editorui<span class=\"k\">.</span>Dialog<span class=\"k\">;</span>","    editorui<span class=\"k\">.</span>buttons <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","","    editorui<span class=\"k\">.</span>Dialog <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> dialog <span class=\"k\">=</span> <span class=\"k\">new</span> _Dialog<span class=\"k\">(</span>options<span class=\"k\">);</span>","        dialog<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'hide'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>dialog<span class=\"k\">.</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> editor <span class=\"k\">=</span> dialog<span class=\"k\">.</span>editor<span class=\"k\">;</span>","                <span class=\"k\">try</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>gecko<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> y <span class=\"k\">=</span> editor<span class=\"k\">.</span>window<span class=\"k\">.</span>scrollY<span class=\"k\">,</span>","                            x <span class=\"k\">=</span> editor<span class=\"k\">.</span>window<span class=\"k\">.</span>scrollX<span class=\"k\">;</span>","                        editor<span class=\"k\">.</span>body<span class=\"k\">.</span>focus<span class=\"k\">();</span>","                        editor<span class=\"k\">.</span>window<span class=\"k\">.</span>scrollTo<span class=\"k\">(</span>x<span class=\"k\">,</span> y<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        editor<span class=\"k\">.</span>focus<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","","","                <span class=\"k\">}</span> <span class=\"k\">catch</span> <span class=\"k\">(</span>ex<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> dialog<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"k\">var</span> iframeUrlMap <span class=\"k\">=</span> <span class=\"k\">{</span>","        <span class=\"s\">'anchor'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/anchor/anchor.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'insertimage'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/image/image.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'link'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/link/link.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'spechars'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/spechars/spechars.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'searchreplace'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/searchreplace/searchreplace.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'map'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/map/map.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'gmap'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/gmap/gmap.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'insertvideo'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/video/video.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'help'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/help/help.html'</span><span class=\"k\">,</span>","       <span class=\"c\">//'highlightcode':'~/dialogs/highlightcode/highlightcode.html',</span>","        <span class=\"s\">'emotion'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/emotion/emotion.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'wordimage'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/wordimage/wordimage.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'attachment'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/attachment/attachment.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'insertframe'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/insertframe/insertframe.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'edittip'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/table/edittip.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'edittable'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/table/edittable.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'edittd'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/table/edittd.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'webapp'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/webapp/webapp.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'snapscreen'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/snapscreen/snapscreen.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'scrawl'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/scrawl/scrawl.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'music'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/music/music.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'template'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/template/template.html'</span><span class=\"k\">,</span>","        <span class=\"s\">'background'</span><span class=\"k\">:</span><span class=\"s\">'~/dialogs/background/background.html'</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"c\">//&#20026;&#24037;&#20855;&#26639;&#28155;&#21152;&#25353;&#38062;&#65292;&#20197;&#19979;&#37117;&#26159;&#32479;&#19968;&#30340;&#25353;&#38062;&#35302;&#21457;&#21629;&#20196;&#65292;&#25152;&#20197;&#20889;&#22312;&#19968;&#36215;</span>","    <span class=\"k\">var</span> btnCmds <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'undo'</span><span class=\"k\">,</span> <span class=\"s\">'redo'</span><span class=\"k\">,</span> <span class=\"s\">'formatmatch'</span><span class=\"k\">,</span>","        <span class=\"s\">'bold'</span><span class=\"k\">,</span> <span class=\"s\">'italic'</span><span class=\"k\">,</span> <span class=\"s\">'underline'</span><span class=\"k\">,</span> <span class=\"s\">'fontborder'</span><span class=\"k\">,</span> <span class=\"s\">'touppercase'</span><span class=\"k\">,</span> <span class=\"s\">'tolowercase'</span><span class=\"k\">,</span>","        <span class=\"s\">'strikethrough'</span><span class=\"k\">,</span> <span class=\"s\">'subscript'</span><span class=\"k\">,</span> <span class=\"s\">'superscript'</span><span class=\"k\">,</span> <span class=\"s\">'source'</span><span class=\"k\">,</span> <span class=\"s\">'indent'</span><span class=\"k\">,</span> <span class=\"s\">'outdent'</span><span class=\"k\">,</span>","        <span class=\"s\">'blockquote'</span><span class=\"k\">,</span> <span class=\"s\">'pasteplain'</span><span class=\"k\">,</span> <span class=\"s\">'pagebreak'</span><span class=\"k\">,</span>","        <span class=\"s\">'selectall'</span><span class=\"k\">,</span> <span class=\"s\">'print'</span><span class=\"k\">,</span> <span class=\"s\">'preview'</span><span class=\"k\">,</span> <span class=\"s\">'horizontal'</span><span class=\"k\">,</span> <span class=\"s\">'removeformat'</span><span class=\"k\">,</span> <span class=\"s\">'time'</span><span class=\"k\">,</span> <span class=\"s\">'date'</span><span class=\"k\">,</span> <span class=\"s\">'unlink'</span><span class=\"k\">,</span>","        <span class=\"s\">'insertparagraphbeforetable'</span><span class=\"k\">,</span> <span class=\"s\">'insertrow'</span><span class=\"k\">,</span> <span class=\"s\">'insertcol'</span><span class=\"k\">,</span> <span class=\"s\">'mergeright'</span><span class=\"k\">,</span> <span class=\"s\">'mergedown'</span><span class=\"k\">,</span> <span class=\"s\">'deleterow'</span><span class=\"k\">,</span>","        <span class=\"s\">'deletecol'</span><span class=\"k\">,</span> <span class=\"s\">'splittorows'</span><span class=\"k\">,</span> <span class=\"s\">'splittocols'</span><span class=\"k\">,</span> <span class=\"s\">'splittocells'</span><span class=\"k\">,</span> <span class=\"s\">'mergecells'</span><span class=\"k\">,</span> <span class=\"s\">'deletetable'</span><span class=\"k\">];</span>","","    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> btnCmds<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","        ci <span class=\"k\">=</span> ci<span class=\"k\">.</span>toLowerCase<span class=\"k\">();</span>","        editorui<span class=\"k\">[</span>ci<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Button<span class=\"k\">(</span><span class=\"k\">{</span>","                    className<span class=\"k\">:</span><span class=\"s\">'edui-for-'</span> <span class=\"k\">+</span> cmd<span class=\"k\">,</span>","                    title<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.\"</span> <span class=\"k\">+</span> cmd<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">,</span>","                    onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span>cmd<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                    showText<span class=\"k\">:</span><span class=\"k\">false</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","                editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> causeByUi<span class=\"k\">,</span> uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmd<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        ui<span class=\"k\">.</span>setChecked<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","                            ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                            ui<span class=\"k\">.</span>setChecked<span class=\"k\">(</span>state<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">return</span> ui<span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">(</span>ci<span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">//&#28165;&#38500;&#25991;&#26723;</span>","    editorui<span class=\"k\">.</span>cleardoc <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Button<span class=\"k\">(</span><span class=\"k\">{</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-cleardoc'</span><span class=\"k\">,</span>","            title<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">.</span>cleardoc <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.cleardoc\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">,</span>","            theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","            onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>confirm<span class=\"k\">(</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"confirmClear\"</span><span class=\"k\">)))</span> <span class=\"k\">{</span>","                    editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'cleardoc'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">\"cleardoc\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'cleardoc'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">//&#25490;&#29256;&#65292;&#22270;&#29255;&#25490;&#29256;&#65292;&#25991;&#23383;&#26041;&#21521;</span>","    <span class=\"k\">var</span> typeset <span class=\"k\">=</span> <span class=\"k\">{</span>","        <span class=\"s\">'justify'</span><span class=\"k\">:[</span><span class=\"s\">'left'</span><span class=\"k\">,</span> <span class=\"s\">'right'</span><span class=\"k\">,</span> <span class=\"s\">'center'</span><span class=\"k\">,</span> <span class=\"s\">'justify'</span><span class=\"k\">],</span>","        <span class=\"s\">'imagefloat'</span><span class=\"k\">:[</span><span class=\"s\">'none'</span><span class=\"k\">,</span> <span class=\"s\">'left'</span><span class=\"k\">,</span> <span class=\"s\">'center'</span><span class=\"k\">,</span> <span class=\"s\">'right'</span><span class=\"k\">],</span>","        <span class=\"s\">'directionality'</span><span class=\"k\">:[</span><span class=\"s\">'ltr'</span><span class=\"k\">,</span> <span class=\"s\">'rtl'</span><span class=\"k\">]</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> typeset<span class=\"k\">)</span> <span class=\"k\">{</span>","","        <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">,</span> val<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> val<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd2<span class=\"k\">)</span> <span class=\"k\">{</span>","                    editorui<span class=\"k\">[</span>cmd<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">'float'</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> cmd2<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Button<span class=\"k\">(</span><span class=\"k\">{</span>","                            className<span class=\"k\">:</span><span class=\"s\">'edui-for-'</span> <span class=\"k\">+</span> cmd<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">'float'</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> cmd2<span class=\"k\">,</span>","                            title<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span>cmd<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">'float'</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> cmd2<span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.\"</span> <span class=\"k\">+</span> cmd<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">'float'</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> cmd2<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">,</span>","                            theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                            onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span>cmd<span class=\"k\">,</span> cmd2<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","                        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> causeByUi<span class=\"k\">,</span> uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","                            ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","                            ui<span class=\"k\">.</span>setChecked<span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">==</span> cmd2 <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span>uiReady<span class=\"k\">);</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">)(</span>ci<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)(</span>p<span class=\"k\">,</span> typeset<span class=\"k\">[</span>p<span class=\"k\">])</span>","    <span class=\"k\">}</span>","","    <span class=\"c\">//&#23383;&#20307;&#39068;&#33394;&#21644;&#32972;&#26223;&#39068;&#33394;</span>","    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'backcolor'</span><span class=\"k\">,</span> <span class=\"s\">'forecolor'</span><span class=\"k\">][</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","        editorui<span class=\"k\">[</span>ci<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>ColorButton<span class=\"k\">(</span><span class=\"k\">{</span>","                    className<span class=\"k\">:</span><span class=\"s\">'edui-for-'</span> <span class=\"k\">+</span> cmd<span class=\"k\">,</span>","                    color<span class=\"k\">:</span><span class=\"s\">'default'</span><span class=\"k\">,</span>","                    title<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.\"</span> <span class=\"k\">+</span> cmd<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">,</span>","                    editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                    onpickcolor<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> color<span class=\"k\">)</span> <span class=\"k\">{</span>","                        editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span>cmd<span class=\"k\">,</span> color<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    onpicknocolor<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span>cmd<span class=\"k\">,</span> <span class=\"s\">'default'</span><span class=\"k\">);</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>setColor<span class=\"k\">(</span><span class=\"s\">'transparent'</span><span class=\"k\">);</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>color <span class=\"k\">=</span> <span class=\"s\">'default'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span>cmd<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>color<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","                editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">return</span> ui<span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">(</span>ci<span class=\"k\">);</span>","    <span class=\"k\">}</span>","","","    <span class=\"k\">var</span> dialogBtns <span class=\"k\">=</span> <span class=\"k\">{</span>","        noOk<span class=\"k\">:[</span><span class=\"s\">'searchreplace'</span><span class=\"k\">,</span> <span class=\"s\">'help'</span><span class=\"k\">,</span> <span class=\"s\">'spechars'</span><span class=\"k\">,</span> <span class=\"s\">'webapp'</span><span class=\"k\">],</span>","        ok<span class=\"k\">:[</span><span class=\"s\">'attachment'</span><span class=\"k\">,</span> <span class=\"s\">'anchor'</span><span class=\"k\">,</span> <span class=\"s\">'link'</span><span class=\"k\">,</span> <span class=\"s\">'insertimage'</span><span class=\"k\">,</span> <span class=\"s\">'map'</span><span class=\"k\">,</span> <span class=\"s\">'gmap'</span><span class=\"k\">,</span> <span class=\"s\">'insertframe'</span><span class=\"k\">,</span> <span class=\"s\">'wordimage'</span><span class=\"k\">,</span>","            <span class=\"s\">'insertvideo'</span><span class=\"k\">,</span> <span class=\"s\">'insertframe'</span><span class=\"k\">,</span> <span class=\"s\">'edittip'</span><span class=\"k\">,</span> <span class=\"s\">'edittable'</span><span class=\"k\">,</span> <span class=\"s\">'edittd'</span><span class=\"k\">,</span> <span class=\"s\">'scrawl'</span><span class=\"k\">,</span> <span class=\"s\">'template'</span><span class=\"k\">,</span> <span class=\"s\">'music'</span><span class=\"k\">,</span> <span class=\"s\">'background'</span><span class=\"k\">]</span>","","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> p <span class=\"k\">in</span> dialogBtns<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> vals<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> vals<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                <span class=\"c\">//todo opera&#19979;&#23384;&#22312;&#38382;&#39064;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>opera <span class=\"k\">&amp;&amp;</span> ci <span class=\"k\">===</span> <span class=\"s\">\"searchreplace\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">continue</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","                    editorui<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> iframeUrl<span class=\"k\">,</span> title<span class=\"k\">)</span> <span class=\"k\">{</span>","                        iframeUrl <span class=\"k\">=</span> iframeUrl <span class=\"k\">||</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>iframeUrlMap <span class=\"k\">||</span> <span class=\"k\">{}</span><span class=\"k\">)[</span>cmd<span class=\"k\">]</span> <span class=\"k\">||</span> iframeUrlMap<span class=\"k\">[</span>cmd<span class=\"k\">];</span>","                        title <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.\"</span> <span class=\"k\">+</span> cmd<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">;</span>","","                        <span class=\"k\">var</span> dialog<span class=\"k\">;</span>","                        <span class=\"c\">//&#27809;&#26377;iframeUrl&#19981;&#21019;&#24314;dialog</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>iframeUrl<span class=\"k\">)</span> <span class=\"k\">{</span>","                            dialog <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Dialog<span class=\"k\">(</span>utils<span class=\"k\">.</span>extend<span class=\"k\">(</span><span class=\"k\">{</span>","                                iframeUrl<span class=\"k\">:</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>mapUrl<span class=\"k\">(</span>iframeUrl<span class=\"k\">),</span>","                                editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                                className<span class=\"k\">:</span><span class=\"s\">'edui-for-'</span> <span class=\"k\">+</span> cmd<span class=\"k\">,</span>","                                title<span class=\"k\">:</span>title<span class=\"k\">,</span>","                                holdScroll<span class=\"k\">:</span> cmd <span class=\"k\">===</span> <span class=\"s\">'insertimage'</span><span class=\"k\">,</span>","                                closeDialog<span class=\"k\">:</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"closeDialog\"</span><span class=\"k\">)</span>","                            <span class=\"k\">}</span><span class=\"k\">,</span> type <span class=\"k\">==</span> <span class=\"s\">'ok'</span> <span class=\"k\">?</span> <span class=\"k\">{</span>","                                buttons<span class=\"k\">:[</span>","                                    <span class=\"k\">{</span>","                                        className<span class=\"k\">:</span><span class=\"s\">'edui-okbutton'</span><span class=\"k\">,</span>","                                        label<span class=\"k\">:</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"ok\"</span><span class=\"k\">),</span>","                                        editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                                        onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                            dialog<span class=\"k\">.</span>close<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                                        <span class=\"k\">}</span>","                                    <span class=\"k\">}</span><span class=\"k\">,</span>","                                    <span class=\"k\">{</span>","                                        className<span class=\"k\">:</span><span class=\"s\">'edui-cancelbutton'</span><span class=\"k\">,</span>","                                        label<span class=\"k\">:</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"cancel\"</span><span class=\"k\">),</span>","                                        editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                                        onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                            dialog<span class=\"k\">.</span>close<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                                        <span class=\"k\">}</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">]</span>","                            <span class=\"k\">}</span> <span class=\"k\">:</span> <span class=\"k\">{}</span><span class=\"k\">));</span>","","                            editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">[</span>cmd <span class=\"k\">+</span> <span class=\"s\">\"Dialog\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> dialog<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","","                        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Button<span class=\"k\">(</span><span class=\"k\">{</span>","                            className<span class=\"k\">:</span><span class=\"s\">'edui-for-'</span> <span class=\"k\">+</span> cmd<span class=\"k\">,</span>","                            title<span class=\"k\">:</span>title<span class=\"k\">,</span>","                            onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                                <span class=\"k\">if</span> <span class=\"k\">(</span>dialog<span class=\"k\">)</span> <span class=\"k\">{</span>","                                    <span class=\"k\">switch</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","                                        <span class=\"k\">case</span> <span class=\"s\">\"wordimage\"</span><span class=\"k\">:</span>","                                            editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"wordimage\"</span><span class=\"k\">,</span> <span class=\"s\">\"word_img\"</span><span class=\"k\">);</span>","                                            <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>word_img<span class=\"k\">)</span> <span class=\"k\">{</span>","                                                dialog<span class=\"k\">.</span>render<span class=\"k\">();</span>","                                                dialog<span class=\"k\">.</span>open<span class=\"k\">();</span>","                                            <span class=\"k\">}</span>","                                            <span class=\"k\">break</span><span class=\"k\">;</span>","                                        <span class=\"k\">case</span> <span class=\"s\">\"scrawl\"</span><span class=\"k\">:</span>","                                            <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">\"scrawl\"</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                                                dialog<span class=\"k\">.</span>render<span class=\"k\">();</span>","                                                dialog<span class=\"k\">.</span>open<span class=\"k\">();</span>","                                            <span class=\"k\">}</span>","","                                            <span class=\"k\">break</span><span class=\"k\">;</span>","                                        <span class=\"k\">default</span><span class=\"k\">:</span>","                                            dialog<span class=\"k\">.</span>render<span class=\"k\">();</span>","                                            dialog<span class=\"k\">.</span>open<span class=\"k\">();</span>","                                    <span class=\"k\">}</span>","                                <span class=\"k\">}</span>","                            <span class=\"k\">}</span><span class=\"k\">,</span>","                            theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                            disabled<span class=\"k\">:</span>cmd <span class=\"k\">==</span> <span class=\"s\">'scrawl'</span> <span class=\"k\">&amp;&amp;</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">\"scrawl\"</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span>","                        <span class=\"k\">}</span><span class=\"k\">);</span>","                        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","                        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                            <span class=\"c\">//&#21482;&#23384;&#22312;&#20110;&#21491;&#38190;&#33756;&#21333;&#32780;&#26080;&#24037;&#20855;&#26639;&#25353;&#38062;&#30340;ui&#19981;&#38656;&#35201;&#26816;&#27979;&#29366;&#24577;</span>","                            <span class=\"k\">var</span> unNeedCheckState <span class=\"k\">=</span> <span class=\"k\">{</span><span class=\"s\">'edittable'</span><span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">;</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>cmd <span class=\"k\">in</span> unNeedCheckState<span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","","                            <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmd<span class=\"k\">);</span>","                            <span class=\"k\">if</span> <span class=\"k\">(</span>ui<span class=\"k\">.</span>getDom<span class=\"k\">())</span> <span class=\"k\">{</span>","                                ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","                                ui<span class=\"k\">.</span>setChecked<span class=\"k\">(</span>state<span class=\"k\">);</span>","                            <span class=\"k\">}</span>","","                        <span class=\"k\">}</span><span class=\"k\">);</span>","","                        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">)(</span>ci<span class=\"k\">.</span>toLowerCase<span class=\"k\">())</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)(</span>p<span class=\"k\">,</span> dialogBtns<span class=\"k\">[</span>p<span class=\"k\">])</span>","    <span class=\"k\">}</span>","","    editorui<span class=\"k\">.</span>snapscreen <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> iframeUrl<span class=\"k\">,</span> title<span class=\"k\">)</span> <span class=\"k\">{</span>","        title <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'snapscreen'</span><span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.snapscreen\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Button<span class=\"k\">(</span><span class=\"k\">{</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-snapscreen'</span><span class=\"k\">,</span>","            title<span class=\"k\">:</span>title<span class=\"k\">,</span>","            onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"snapscreen\"</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme","","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'snapscreen'</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        iframeUrl <span class=\"k\">=</span> iframeUrl <span class=\"k\">||</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>iframeUrlMap <span class=\"k\">||</span> <span class=\"k\">{}</span><span class=\"k\">)[</span><span class=\"s\">\"snapscreen\"</span><span class=\"k\">]</span> <span class=\"k\">||</span> iframeUrlMap<span class=\"k\">[</span><span class=\"s\">\"snapscreen\"</span><span class=\"k\">];</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>iframeUrl<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> dialog <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Dialog<span class=\"k\">(</span><span class=\"k\">{</span>","                iframeUrl<span class=\"k\">:</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>mapUrl<span class=\"k\">(</span>iframeUrl<span class=\"k\">),</span>","                editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                className<span class=\"k\">:</span><span class=\"s\">'edui-for-snapscreen'</span><span class=\"k\">,</span>","                title<span class=\"k\">:</span>title<span class=\"k\">,</span>","                buttons<span class=\"k\">:[</span>","                    <span class=\"k\">{</span>","                        className<span class=\"k\">:</span><span class=\"s\">'edui-okbutton'</span><span class=\"k\">,</span>","                        label<span class=\"k\">:</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"ok\"</span><span class=\"k\">),</span>","                        editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                        onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                            dialog<span class=\"k\">.</span>close<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span>","                    <span class=\"k\">{</span>","                        className<span class=\"k\">:</span><span class=\"s\">'edui-cancelbutton'</span><span class=\"k\">,</span>","                        label<span class=\"k\">:</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"cancel\"</span><span class=\"k\">),</span>","                        editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                        onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                            dialog<span class=\"k\">.</span>close<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">]</span>","","            <span class=\"k\">}</span><span class=\"k\">);</span>","            dialog<span class=\"k\">.</span>render<span class=\"k\">();</span>","            editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_dialogs<span class=\"k\">[</span><span class=\"s\">\"snapscreenDialog\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> dialog<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'snapscreen'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    editorui<span class=\"k\">.</span>insertcode <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> list<span class=\"k\">,</span> title<span class=\"k\">)</span> <span class=\"k\">{</span>","        list <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">[</span><span class=\"s\">'insertcode'</span><span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">[];</span>","        title <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'insertcode'</span><span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.insertcode\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">;</span>","       <span class=\"c\">// if (!list.length) return;</span>","        <span class=\"k\">var</span> items <span class=\"k\">=</span> <span class=\"k\">[];</span>","        utils<span class=\"k\">.</span>each<span class=\"k\">(</span>list<span class=\"k\">,</span><span class=\"k\">function</span><span class=\"k\">(</span>key<span class=\"k\">,</span>val<span class=\"k\">)</span><span class=\"k\">{</span>","            items<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                label<span class=\"k\">:</span>key<span class=\"k\">,</span>","                value<span class=\"k\">:</span>val<span class=\"k\">,</span>","                theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                renderLabelHtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"s\">'&lt;div class=\"edui-label %%-label\" &gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>label <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Combox<span class=\"k\">(</span><span class=\"k\">{</span>","            editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","            items<span class=\"k\">:</span>items<span class=\"k\">,</span>","            onselect<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> index<span class=\"k\">)</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'insertcode'</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>index<span class=\"k\">].</span>value<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>showPopup<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            title<span class=\"k\">:</span>title<span class=\"k\">,</span>","            initValue<span class=\"k\">:</span>title<span class=\"k\">,</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-insertcode'</span><span class=\"k\">,</span>","            indexByValue<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>value<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span>","                            <span class=\"k\">return</span> i<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'insertcode'</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> causeByUi<span class=\"k\">,</span> uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'insertcode'</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> value <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'insertcode'</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span><span class=\"k\">(!</span>value<span class=\"k\">)</span><span class=\"k\">{</span>","                        ui<span class=\"k\">.</span>setValue<span class=\"k\">(</span>title<span class=\"k\">);</span>","                        <span class=\"k\">return</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"c\">//trace:1871 ie&#19979;&#20174;&#28304;&#30721;&#27169;&#24335;&#20999;&#25442;&#22238;&#26469;&#26102;&#65292;&#23383;&#20307;&#20250;&#24102;&#21333;&#24341;&#21495;&#65292;&#32780;&#19988;&#20250;&#26377;&#36887;&#21495;</span>","                    value <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>value <span class=\"k\">=</span> value<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/['\"]/g</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">','</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">]);</span>","                    ui<span class=\"k\">.</span>setValue<span class=\"k\">(</span>value<span class=\"k\">);</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    editorui<span class=\"k\">.</span>fontfamily <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> list<span class=\"k\">,</span> title<span class=\"k\">)</span> <span class=\"k\">{</span>","","        list <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">[</span><span class=\"s\">'fontfamily'</span><span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">[];</span>","        title <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'fontfamily'</span><span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.fontfamily\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>list<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">,</span> items <span class=\"k\">=</span> <span class=\"k\">[];</span> ci <span class=\"k\">=</span> list<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> langLabel <span class=\"k\">=</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">'fontfamily'</span><span class=\"k\">)[</span>ci<span class=\"k\">.</span>name<span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","            <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>key<span class=\"k\">,</span> val<span class=\"k\">)</span> <span class=\"k\">{</span>","                items<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                    label<span class=\"k\">:</span>key<span class=\"k\">,</span>","                    value<span class=\"k\">:</span>val<span class=\"k\">,</span>","                    theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                    renderLabelHtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"s\">'&lt;div class=\"edui-label %%-label\" style=\"font-family:'</span> <span class=\"k\">+</span>","                            utils<span class=\"k\">.</span>unhtml<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>value<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'\"&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>label <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">)(</span>ci<span class=\"k\">.</span>label <span class=\"k\">||</span> langLabel<span class=\"k\">,</span> ci<span class=\"k\">.</span>val<span class=\"k\">)</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Combox<span class=\"k\">(</span><span class=\"k\">{</span>","            editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","            items<span class=\"k\">:</span>items<span class=\"k\">,</span>","            onselect<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> index<span class=\"k\">)</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'FontFamily'</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>index<span class=\"k\">].</span>value<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>showPopup<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            title<span class=\"k\">:</span>title<span class=\"k\">,</span>","            initValue<span class=\"k\">:</span>title<span class=\"k\">,</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-fontfamily'</span><span class=\"k\">,</span>","            indexByValue<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">;</span> ci <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">];</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>ci<span class=\"k\">.</span>value<span class=\"k\">.</span>indexOf<span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span>","                            <span class=\"k\">return</span> i<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","","                <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'fontfamily'</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> causeByUi<span class=\"k\">,</span> uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'FontFamily'</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> value <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'FontFamily'</span><span class=\"k\">);</span>","                    <span class=\"c\">//trace:1871 ie&#19979;&#20174;&#28304;&#30721;&#27169;&#24335;&#20999;&#25442;&#22238;&#26469;&#26102;&#65292;&#23383;&#20307;&#20250;&#24102;&#21333;&#24341;&#21495;&#65292;&#32780;&#19988;&#20250;&#26377;&#36887;&#21495;</span>","                    value <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>value <span class=\"k\">=</span> value<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/['\"]/g</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">).</span>split<span class=\"k\">(</span><span class=\"s\">','</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">]);</span>","                    ui<span class=\"k\">.</span>setValue<span class=\"k\">(</span>value<span class=\"k\">);</span>","","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    editorui<span class=\"k\">.</span>fontsize <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> list<span class=\"k\">,</span> title<span class=\"k\">)</span> <span class=\"k\">{</span>","        title <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'fontsize'</span><span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.fontsize\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        list <span class=\"k\">=</span> list <span class=\"k\">||</span> editor<span class=\"k\">.</span>options<span class=\"k\">[</span><span class=\"s\">'fontsize'</span><span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">[];</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>list<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> items <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> list<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> size <span class=\"k\">=</span> list<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            items<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                label<span class=\"k\">:</span>size<span class=\"k\">,</span>","                value<span class=\"k\">:</span>size<span class=\"k\">,</span>","                theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                renderLabelHtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"s\">'&lt;div class=\"edui-label %%-label\" style=\"line-height:1;font-size:'</span> <span class=\"k\">+</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>value <span class=\"k\">+</span> <span class=\"s\">'\"&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>label <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Combox<span class=\"k\">(</span><span class=\"k\">{</span>","            editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","            items<span class=\"k\">:</span>items<span class=\"k\">,</span>","            title<span class=\"k\">:</span>title<span class=\"k\">,</span>","            initValue<span class=\"k\">:</span>title<span class=\"k\">,</span>","            onselect<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> index<span class=\"k\">)</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'FontSize'</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>index<span class=\"k\">].</span>value<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>showPopup<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-fontsize'</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'fontsize'</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> causeByUi<span class=\"k\">,</span> uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'FontSize'</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                    ui<span class=\"k\">.</span>setValue<span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'FontSize'</span><span class=\"k\">));</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    editorui<span class=\"k\">.</span>paragraph <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> list<span class=\"k\">,</span> title<span class=\"k\">)</span> <span class=\"k\">{</span>","        title <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'paragraph'</span><span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.paragraph\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        list <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">[</span><span class=\"s\">'paragraph'</span><span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">[];</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isEmptyObject<span class=\"k\">(</span>list<span class=\"k\">))</span> <span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> items <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">in</span> list<span class=\"k\">)</span> <span class=\"k\">{</span>","            items<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                value<span class=\"k\">:</span>i<span class=\"k\">,</span>","                label<span class=\"k\">:</span>list<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"paragraph\"</span><span class=\"k\">)[</span>i<span class=\"k\">],</span>","                theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                renderLabelHtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"s\">'&lt;div class=\"edui-label %%-label\"&gt;&lt;span class=\"edui-for-'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>value <span class=\"k\">+</span> <span class=\"s\">'\"&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>label <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/span&gt;&lt;/div&gt;'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Combox<span class=\"k\">(</span><span class=\"k\">{</span>","            editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","            items<span class=\"k\">:</span>items<span class=\"k\">,</span>","            title<span class=\"k\">:</span>title<span class=\"k\">,</span>","            initValue<span class=\"k\">:</span>title<span class=\"k\">,</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-paragraph'</span><span class=\"k\">,</span>","            onselect<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> index<span class=\"k\">)</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'Paragraph'</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>index<span class=\"k\">].</span>value<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>showPopup<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'paragraph'</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> causeByUi<span class=\"k\">,</span> uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'Paragraph'</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> value <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'Paragraph'</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> index <span class=\"k\">=</span> ui<span class=\"k\">.</span>indexByValue<span class=\"k\">(</span>value<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>index <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        ui<span class=\"k\">.</span>setValue<span class=\"k\">(</span>value<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        ui<span class=\"k\">.</span>setValue<span class=\"k\">(</span>ui<span class=\"k\">.</span>initValue<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","","    <span class=\"c\">//&#33258;&#23450;&#20041;&#26631;&#39064;</span>","    editorui<span class=\"k\">.</span>customstyle <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> list <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">[</span><span class=\"s\">'customstyle'</span><span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">[],</span>","            title <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'customstyle'</span><span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.customstyle\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>list<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> langCs <span class=\"k\">=</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">'customstyle'</span><span class=\"k\">);</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> items <span class=\"k\">=</span> <span class=\"k\">[],</span> t<span class=\"k\">;</span> t <span class=\"k\">=</span> list<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> ck <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","                ck<span class=\"k\">.</span>label <span class=\"k\">=</span> t<span class=\"k\">.</span>label <span class=\"k\">?</span> t<span class=\"k\">.</span>label <span class=\"k\">:</span> langCs<span class=\"k\">[</span>t<span class=\"k\">.</span>name<span class=\"k\">];</span>","                ck<span class=\"k\">.</span>style <span class=\"k\">=</span> t<span class=\"k\">.</span>style<span class=\"k\">;</span>","                ck<span class=\"k\">.</span>className <span class=\"k\">=</span> t<span class=\"k\">.</span>className<span class=\"k\">;</span>","                ck<span class=\"k\">.</span>tag <span class=\"k\">=</span> t<span class=\"k\">.</span>tag<span class=\"k\">;</span>","                items<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                    label<span class=\"k\">:</span>ck<span class=\"k\">.</span>label<span class=\"k\">,</span>","                    value<span class=\"k\">:</span>ck<span class=\"k\">,</span>","                    theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                    renderLabelHtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"s\">'&lt;div class=\"edui-label %%-label\"&gt;'</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;'</span> <span class=\"k\">+</span> ck<span class=\"k\">.</span>tag <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> <span class=\"k\">(</span>ck<span class=\"k\">.</span>className <span class=\"k\">?</span> <span class=\"s\">' class=\"'</span> <span class=\"k\">+</span> ck<span class=\"k\">.</span>className <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span>","                            <span class=\"k\">+</span> <span class=\"k\">(</span>ck<span class=\"k\">.</span>style <span class=\"k\">?</span> <span class=\"s\">' style=\"'</span> <span class=\"k\">+</span> ck<span class=\"k\">.</span>style <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span> ck<span class=\"k\">.</span>label <span class=\"k\">+</span> <span class=\"s\">\"&lt;</span><span class=\"t\">\\/</span><span class=\"s\">\"</span> <span class=\"k\">+</span> ck<span class=\"k\">.</span>tag <span class=\"k\">+</span> <span class=\"s\">\"&gt;\"</span>","                            <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">)(</span>t<span class=\"k\">);</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Combox<span class=\"k\">(</span><span class=\"k\">{</span>","            editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","            items<span class=\"k\">:</span>items<span class=\"k\">,</span>","            title<span class=\"k\">:</span>title<span class=\"k\">,</span>","            initValue<span class=\"k\">:</span>title<span class=\"k\">,</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-customstyle'</span><span class=\"k\">,</span>","            onselect<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> index<span class=\"k\">)</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'customstyle'</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>index<span class=\"k\">].</span>value<span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>showPopup<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            indexByValue<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ti<span class=\"k\">;</span> ti <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>ti<span class=\"k\">.</span>label <span class=\"k\">==</span> value<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> i <span class=\"k\">-</span> <span class=\"s\">1</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'customstyle'</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type<span class=\"k\">,</span> causeByUi<span class=\"k\">,</span> uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>uiReady<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'customstyle'</span><span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> value <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'customstyle'</span><span class=\"k\">);</span>","                    <span class=\"k\">var</span> index <span class=\"k\">=</span> ui<span class=\"k\">.</span>indexByValue<span class=\"k\">(</span>value<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>index <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        ui<span class=\"k\">.</span>setValue<span class=\"k\">(</span>value<span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        ui<span class=\"k\">.</span>setValue<span class=\"k\">(</span>ui<span class=\"k\">.</span>initValue<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    editorui<span class=\"k\">.</span>inserttable <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> iframeUrl<span class=\"k\">,</span> title<span class=\"k\">)</span> <span class=\"k\">{</span>","        title <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'inserttable'</span><span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.inserttable\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>TableButton<span class=\"k\">(</span><span class=\"k\">{</span>","            editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","            title<span class=\"k\">:</span>title<span class=\"k\">,</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-inserttable'</span><span class=\"k\">,</span>","            onpicktable<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> numCols<span class=\"k\">,</span> numRows<span class=\"k\">)</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'InsertTable'</span><span class=\"k\">,</span> <span class=\"k\">{</span>numRows<span class=\"k\">:</span>numRows<span class=\"k\">,</span> numCols<span class=\"k\">:</span>numCols<span class=\"k\">,</span> border<span class=\"k\">:</span><span class=\"s\">1</span><span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">,</span>","            onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>showPopup<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'inserttable'</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'inserttable'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    editorui<span class=\"k\">.</span>lineheight <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> val <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>lineheight <span class=\"k\">||</span> <span class=\"k\">[];</span>","        <span class=\"k\">if</span> <span class=\"k\">(!</span>val<span class=\"k\">.</span>length<span class=\"k\">)</span><span class=\"k\">return</span><span class=\"k\">;</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">,</span> items <span class=\"k\">=</span> <span class=\"k\">[];</span> ci <span class=\"k\">=</span> val<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","            items<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                <span class=\"c\">//todo:&#20889;&#27515;&#20102;</span>","                label<span class=\"k\">:</span>ci<span class=\"k\">,</span>","                value<span class=\"k\">:</span>ci<span class=\"k\">,</span>","                theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"lineheight\"</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>value<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">)</span>","        <span class=\"k\">}</span>","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>MenuButton<span class=\"k\">(</span><span class=\"k\">{</span>","            editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-lineheight'</span><span class=\"k\">,</span>","            title<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'lineheight'</span><span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.lineheight\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">,</span>","            items<span class=\"k\">:</span>items<span class=\"k\">,</span>","            onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> value <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'LineHeight'</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>value<span class=\"k\">;</span>","                editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"LineHeight\"</span><span class=\"k\">,</span> value<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'lineheight'</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'LineHeight'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                <span class=\"k\">var</span> value <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'LineHeight'</span><span class=\"k\">);</span>","                value <span class=\"k\">&amp;&amp;</span> ui<span class=\"k\">.</span>setValue<span class=\"k\">((</span>value <span class=\"k\">+</span> <span class=\"s\">''</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/cm/</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">));</span>","                ui<span class=\"k\">.</span>setChecked<span class=\"k\">(</span>state<span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"k\">var</span> rowspacings <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'top'</span><span class=\"k\">,</span> <span class=\"s\">'bottom'</span><span class=\"k\">];</span>","    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> r <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ri<span class=\"k\">;</span> ri <span class=\"k\">=</span> rowspacings<span class=\"k\">[</span>r<span class=\"k\">++];)</span> <span class=\"k\">{</span>","        <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            editorui<span class=\"k\">[</span><span class=\"s\">'rowspacing'</span> <span class=\"k\">+</span> cmd<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> val <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">[</span><span class=\"s\">'rowspacing'</span> <span class=\"k\">+</span> cmd<span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">[];</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>val<span class=\"k\">.</span>length<span class=\"k\">)</span> <span class=\"k\">return</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> ci<span class=\"k\">,</span> items <span class=\"k\">=</span> <span class=\"k\">[];</span> ci <span class=\"k\">=</span> val<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                    items<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                        label<span class=\"k\">:</span>ci<span class=\"k\">,</span>","                        value<span class=\"k\">:</span>ci<span class=\"k\">,</span>","                        theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                        onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                            editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"rowspacing\"</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>value<span class=\"k\">,</span> cmd<span class=\"k\">);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>MenuButton<span class=\"k\">(</span><span class=\"k\">{</span>","                    editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                    className<span class=\"k\">:</span><span class=\"s\">'edui-for-rowspacing'</span> <span class=\"k\">+</span> cmd<span class=\"k\">,</span>","                    title<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'rowspacing'</span> <span class=\"k\">+</span> cmd<span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.rowspacing\"</span> <span class=\"k\">+</span> cmd<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">,</span>","                    items<span class=\"k\">:</span>items<span class=\"k\">,</span>","                    onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> value <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'rowspacing'</span><span class=\"k\">,</span> cmd<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>value<span class=\"k\">;</span>","                        editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">\"rowspacing\"</span><span class=\"k\">,</span> value<span class=\"k\">,</span> cmd<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","                editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'rowspacing'</span><span class=\"k\">,</span> cmd<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                        <span class=\"k\">var</span> value <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span><span class=\"s\">'rowspacing'</span><span class=\"k\">,</span> cmd<span class=\"k\">);</span>","                        value <span class=\"k\">&amp;&amp;</span> ui<span class=\"k\">.</span>setValue<span class=\"k\">((</span>value <span class=\"k\">+</span> <span class=\"s\">''</span><span class=\"k\">).</span>replace<span class=\"k\">(</span><span class=\"s\">/%/</span><span class=\"k\">,</span> <span class=\"s\">''</span><span class=\"k\">));</span>","                        ui<span class=\"k\">.</span>setChecked<span class=\"k\">(</span>state<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">return</span> ui<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">)(</span>ri<span class=\"k\">)</span>","    <span class=\"k\">}</span>","    <span class=\"c\">//&#26377;&#24207;&#65292;&#26080;&#24207;&#21015;&#34920;</span>","    <span class=\"k\">var</span> lists <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'insertorderedlist'</span><span class=\"k\">,</span> <span class=\"s\">'insertunorderedlist'</span><span class=\"k\">];</span>","    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> l <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> cl<span class=\"k\">;</span> cl <span class=\"k\">=</span> lists<span class=\"k\">[</span>l<span class=\"k\">++];)</span> <span class=\"k\">{</span>","        <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">{</span>","            editorui<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> vals <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">[</span>cmd<span class=\"k\">],</span>","                    _onMenuClick <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span>cmd<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>value<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span> items <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">in</span> vals<span class=\"k\">)</span> <span class=\"k\">{</span>","                    items<span class=\"k\">.</span>push<span class=\"k\">(</span><span class=\"k\">{</span>","                        label<span class=\"k\">:</span>vals<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">()[</span>cmd<span class=\"k\">][</span>i<span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"s\">\"\"</span><span class=\"k\">,</span>","                        value<span class=\"k\">:</span>i<span class=\"k\">,</span>","                        theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","                        onclick<span class=\"k\">:</span>_onMenuClick","                    <span class=\"k\">}</span><span class=\"k\">)</span>","                <span class=\"k\">}</span>","                <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>MenuButton<span class=\"k\">(</span><span class=\"k\">{</span>","                    editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","                    className<span class=\"k\">:</span><span class=\"s\">'edui-for-'</span> <span class=\"k\">+</span> cmd<span class=\"k\">,</span>","                    title<span class=\"k\">:</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.\"</span> <span class=\"k\">+</span> cmd<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">,</span>","                    <span class=\"s\">'items'</span><span class=\"k\">:</span>items<span class=\"k\">,</span>","                    onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> value <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>value<span class=\"k\">;</span>","                        editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span>cmd<span class=\"k\">,</span> value<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","                editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmd<span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                        ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span><span class=\"k\">false</span><span class=\"k\">);</span>","                        <span class=\"k\">var</span> value <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span>cmd<span class=\"k\">);</span>","                        ui<span class=\"k\">.</span>setValue<span class=\"k\">(</span>value<span class=\"k\">);</span>","                        ui<span class=\"k\">.</span>setChecked<span class=\"k\">(</span>state<span class=\"k\">)</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">return</span> ui<span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">)(</span>cl<span class=\"k\">)</span>","    <span class=\"k\">}</span>","","    editorui<span class=\"k\">.</span>fullscreen <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> title<span class=\"k\">)</span> <span class=\"k\">{</span>","        title <span class=\"k\">=</span> editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'fullscreen'</span><span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.fullscreen\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>Button<span class=\"k\">(</span><span class=\"k\">{</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-fullscreen'</span><span class=\"k\">,</span>","            title<span class=\"k\">:</span>title<span class=\"k\">,</span>","            theme<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">,</span>","            onclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>ui<span class=\"k\">)</span> <span class=\"k\">{</span>","                    editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>setFullScreen<span class=\"k\">(!</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>isFullScreen<span class=\"k\">());</span>","                <span class=\"k\">}</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>setChecked<span class=\"k\">(</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>isFullScreen<span class=\"k\">());</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'fullscreen'</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> state <span class=\"k\">=</span> editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'fullscreen'</span><span class=\"k\">);</span>","            ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span>state <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","            ui<span class=\"k\">.</span>setChecked<span class=\"k\">(</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>isFullScreen<span class=\"k\">());</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"c\">// &#34920;&#24773;</span>","    editorui<span class=\"k\">[</span><span class=\"s\">\"emotion\"</span><span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">,</span> iframeUrl<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> cmd <span class=\"k\">=</span> <span class=\"s\">\"emotion\"</span><span class=\"k\">;</span>","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>MultiMenuPop<span class=\"k\">(</span><span class=\"k\">{</span>","            title<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.\"</span> <span class=\"k\">+</span> cmd <span class=\"k\">+</span> <span class=\"s\">\"\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">,</span>","            editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-'</span> <span class=\"k\">+</span> cmd<span class=\"k\">,</span>","            iframeUrl<span class=\"k\">:</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>mapUrl<span class=\"k\">(</span>iframeUrl <span class=\"k\">||</span> <span class=\"k\">(</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>iframeUrlMap <span class=\"k\">||</span> <span class=\"k\">{}</span><span class=\"k\">)[</span>cmd<span class=\"k\">]</span> <span class=\"k\">||</span> iframeUrlMap<span class=\"k\">[</span>cmd<span class=\"k\">])</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span>cmd<span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span>cmd<span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    editorui<span class=\"k\">.</span>autotypeset <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> ui <span class=\"k\">=</span> <span class=\"k\">new</span> editorui<span class=\"k\">.</span>AutoTypeSetButton<span class=\"k\">(</span><span class=\"k\">{</span>","            editor<span class=\"k\">:</span>editor<span class=\"k\">,</span>","            title<span class=\"k\">:</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>labelMap<span class=\"k\">[</span><span class=\"s\">'autotypeset'</span><span class=\"k\">]</span> <span class=\"k\">||</span> editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"labelMap.autotypeset\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">,</span>","            className<span class=\"k\">:</span><span class=\"s\">'edui-for-autotypeset'</span><span class=\"k\">,</span>","            onbuttonclick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                editor<span class=\"k\">.</span>execCommand<span class=\"k\">(</span><span class=\"s\">'autotypeset'</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        editorui<span class=\"k\">.</span>buttons<span class=\"k\">[</span><span class=\"s\">'autotypeset'</span><span class=\"k\">]</span> <span class=\"k\">=</span> ui<span class=\"k\">;</span>","        editor<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'selectionchange'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            ui<span class=\"k\">.</span>setDisabled<span class=\"k\">(</span>editor<span class=\"k\">.</span>queryCommandState<span class=\"k\">(</span><span class=\"s\">'autotypeset'</span><span class=\"k\">)</span> <span class=\"k\">==</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">return</span> ui<span class=\"k\">;</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/editorui.js'][4]++;
+(function () {
+  _$jscoverage['ui/editorui.js'][5]++;
+  var utils = baidu.editor.utils;
+  _$jscoverage['ui/editorui.js'][6]++;
+  var editorui = baidu.editor.ui;
+  _$jscoverage['ui/editorui.js'][7]++;
+  var _Dialog = editorui.Dialog;
+  _$jscoverage['ui/editorui.js'][8]++;
+  editorui.buttons = {};
+  _$jscoverage['ui/editorui.js'][10]++;
+  editorui.Dialog = (function (options) {
+  _$jscoverage['ui/editorui.js'][11]++;
+  var dialog = new _Dialog(options);
+  _$jscoverage['ui/editorui.js'][12]++;
+  dialog.addListener("hide", (function () {
+  _$jscoverage['ui/editorui.js'][14]++;
+  if (dialog.editor) {
+    _$jscoverage['ui/editorui.js'][15]++;
+    var editor = dialog.editor;
+    _$jscoverage['ui/editorui.js'][16]++;
+    try {
+      _$jscoverage['ui/editorui.js'][17]++;
+      if (browser.gecko) {
+        _$jscoverage['ui/editorui.js'][18]++;
+        var y = editor.window.scrollY, x = editor.window.scrollX;
+        _$jscoverage['ui/editorui.js'][20]++;
+        editor.body.focus();
+        _$jscoverage['ui/editorui.js'][21]++;
+        editor.window.scrollTo(x, y);
+      }
+      else {
+        _$jscoverage['ui/editorui.js'][23]++;
+        editor.focus();
+      }
+    }
+    catch (ex) {
+    }
+  }
+}));
+  _$jscoverage['ui/editorui.js'][31]++;
+  return dialog;
+});
+  _$jscoverage['ui/editorui.js'][34]++;
+  var iframeUrlMap = {"anchor": "~/dialogs/anchor/anchor.html", "insertimage": "~/dialogs/image/image.html", "link": "~/dialogs/link/link.html", "spechars": "~/dialogs/spechars/spechars.html", "searchreplace": "~/dialogs/searchreplace/searchreplace.html", "map": "~/dialogs/map/map.html", "gmap": "~/dialogs/gmap/gmap.html", "insertvideo": "~/dialogs/video/video.html", "help": "~/dialogs/help/help.html", "emotion": "~/dialogs/emotion/emotion.html", "wordimage": "~/dialogs/wordimage/wordimage.html", "attachment": "~/dialogs/attachment/attachment.html", "insertframe": "~/dialogs/insertframe/insertframe.html", "edittip": "~/dialogs/table/edittip.html", "edittable": "~/dialogs/table/edittable.html", "edittd": "~/dialogs/table/edittd.html", "webapp": "~/dialogs/webapp/webapp.html", "snapscreen": "~/dialogs/snapscreen/snapscreen.html", "scrawl": "~/dialogs/scrawl/scrawl.html", "music": "~/dialogs/music/music.html", "template": "~/dialogs/template/template.html", "background": "~/dialogs/background/background.html"};
+  _$jscoverage['ui/editorui.js'][60]++;
+  var btnCmds = ["undo", "redo", "formatmatch", "bold", "italic", "underline", "fontborder", "touppercase", "tolowercase", "strikethrough", "subscript", "superscript", "source", "indent", "outdent", "blockquote", "pasteplain", "pagebreak", "selectall", "print", "preview", "horizontal", "removeformat", "time", "date", "unlink", "insertparagraphbeforetable", "insertrow", "insertcol", "mergeright", "mergedown", "deleterow", "deletecol", "splittorows", "splittocols", "splittocells", "mergecells", "deletetable"];
+  _$jscoverage['ui/editorui.js'][68]++;
+  for (var i = 0, ci; (ci = btnCmds[(i++)]);) {
+    _$jscoverage['ui/editorui.js'][69]++;
+    ci = ci.toLowerCase();
+    _$jscoverage['ui/editorui.js'][70]++;
+    editorui[ci] = (function (cmd) {
+  _$jscoverage['ui/editorui.js'][71]++;
+  return (function (editor) {
+  _$jscoverage['ui/editorui.js'][72]++;
+  var ui = new (editorui.Button)({className: ("edui-for-" + cmd), title: (editor.options.labelMap[cmd] || editor.getLang(("labelMap." + cmd)) || ""), onclick: (function () {
+  _$jscoverage['ui/editorui.js'][76]++;
+  editor.execCommand(cmd);
+}), theme: editor.options.theme, showText: false});
+  _$jscoverage['ui/editorui.js'][81]++;
+  editorui.buttons[cmd] = ui;
+  _$jscoverage['ui/editorui.js'][82]++;
+  editor.addListener("selectionchange", (function (type, causeByUi, uiReady) {
+  _$jscoverage['ui/editorui.js'][83]++;
+  var state = editor.queryCommandState(cmd);
+  _$jscoverage['ui/editorui.js'][84]++;
+  if ((state == -1)) {
+    _$jscoverage['ui/editorui.js'][85]++;
+    ui.setDisabled(true);
+    _$jscoverage['ui/editorui.js'][86]++;
+    ui.setChecked(false);
+  }
+  else {
+    _$jscoverage['ui/editorui.js'][88]++;
+    if ((! uiReady)) {
+      _$jscoverage['ui/editorui.js'][89]++;
+      ui.setDisabled(false);
+      _$jscoverage['ui/editorui.js'][90]++;
+      ui.setChecked(state);
+    }
+  }
+}));
+  _$jscoverage['ui/editorui.js'][94]++;
+  return ui;
+});
+})(ci);
+}
+  _$jscoverage['ui/editorui.js'][100]++;
+  editorui.cleardoc = (function (editor) {
+  _$jscoverage['ui/editorui.js'][101]++;
+  var ui = new (editorui.Button)({className: "edui-for-cleardoc", title: (editor.options.labelMap.cleardoc || editor.getLang("labelMap.cleardoc") || ""), theme: editor.options.theme, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][106]++;
+  if (confirm(editor.getLang("confirmClear"))) {
+    _$jscoverage['ui/editorui.js'][107]++;
+    editor.execCommand("cleardoc");
+  }
+})});
+  _$jscoverage['ui/editorui.js'][111]++;
+  editorui.buttons.cleardoc = ui;
+  _$jscoverage['ui/editorui.js'][112]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][113]++;
+  ui.setDisabled((editor.queryCommandState("cleardoc") == -1));
+}));
+  _$jscoverage['ui/editorui.js'][115]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][119]++;
+  var typeset = {"justify": ["left", "right", "center", "justify"], "imagefloat": ["none", "left", "center", "right"], "directionality": ["ltr", "rtl"]};
+  _$jscoverage['ui/editorui.js'][125]++;
+  for (var p in typeset) {
+    _$jscoverage['ui/editorui.js'][127]++;
+    (function (cmd, val) {
+  _$jscoverage['ui/editorui.js'][128]++;
+  for (var i = 0, ci; (ci = val[(i++)]);) {
+    _$jscoverage['ui/editorui.js'][129]++;
+    (function (cmd2) {
+  _$jscoverage['ui/editorui.js'][130]++;
+  editorui[(cmd.replace("float", "") + cmd2)] = (function (editor) {
+  _$jscoverage['ui/editorui.js'][131]++;
+  var ui = new (editorui.Button)({className: ("edui-for-" + cmd.replace("float", "") + cmd2), title: (editor.options.labelMap[(cmd.replace("float", "") + cmd2)] || editor.getLang(("labelMap." + cmd.replace("float", "") + cmd2)) || ""), theme: editor.options.theme, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][136]++;
+  editor.execCommand(cmd, cmd2);
+})});
+  _$jscoverage['ui/editorui.js'][139]++;
+  editorui.buttons[cmd] = ui;
+  _$jscoverage['ui/editorui.js'][140]++;
+  editor.addListener("selectionchange", (function (type, causeByUi, uiReady) {
+  _$jscoverage['ui/editorui.js'][141]++;
+  ui.setDisabled((editor.queryCommandState(cmd) == -1));
+  _$jscoverage['ui/editorui.js'][142]++;
+  ui.setChecked(((editor.queryCommandValue(cmd) == cmd2) && (! uiReady)));
+}));
+  _$jscoverage['ui/editorui.js'][144]++;
+  return ui;
+});
+})(ci);
+}
+})(p, typeset[p]);
+}
+  _$jscoverage['ui/editorui.js'][152]++;
+  for (var i = 0, ci = ci; (ci = ["backcolor", "forecolor"][(i++)]);) {
+    _$jscoverage['ui/editorui.js'][153]++;
+    editorui[ci] = (function (cmd) {
+  _$jscoverage['ui/editorui.js'][154]++;
+  return (function (editor) {
+  _$jscoverage['ui/editorui.js'][155]++;
+  var ui = new (editorui.ColorButton)({className: ("edui-for-" + cmd), color: "default", title: (editor.options.labelMap[cmd] || editor.getLang(("labelMap." + cmd)) || ""), editor: editor, onpickcolor: (function (t, color) {
+  _$jscoverage['ui/editorui.js'][161]++;
+  editor.execCommand(cmd, color);
+}), onpicknocolor: (function () {
+  _$jscoverage['ui/editorui.js'][164]++;
+  editor.execCommand(cmd, "default");
+  _$jscoverage['ui/editorui.js'][165]++;
+  this.setColor("transparent");
+  _$jscoverage['ui/editorui.js'][166]++;
+  this.color = "default";
+}), onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][169]++;
+  editor.execCommand(cmd, this.color);
+})});
+  _$jscoverage['ui/editorui.js'][172]++;
+  editorui.buttons[cmd] = ui;
+  _$jscoverage['ui/editorui.js'][173]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][174]++;
+  ui.setDisabled((editor.queryCommandState(cmd) == -1));
+}));
+  _$jscoverage['ui/editorui.js'][176]++;
+  return ui;
+});
+})(ci);
+}
+  _$jscoverage['ui/editorui.js'][182]++;
+  var dialogBtns = {noOk: ["searchreplace", "help", "spechars", "webapp"], ok: ["attachment", "anchor", "link", "insertimage", "map", "gmap", "insertframe", "wordimage", "insertvideo", "insertframe", "edittip", "edittable", "edittd", "scrawl", "template", "music", "background"]};
+  _$jscoverage['ui/editorui.js'][189]++;
+  for (var p = p in dialogBtns) {
+    _$jscoverage['ui/editorui.js'][190]++;
+    (function (type, vals) {
+  _$jscoverage['ui/editorui.js'][191]++;
+  for (var i = 0, ci; (ci = vals[(i++)]);) {
+    _$jscoverage['ui/editorui.js'][193]++;
+    if ((browser.opera && (ci === "searchreplace"))) {
+      _$jscoverage['ui/editorui.js'][194]++;
+      continue;
+    }
+    _$jscoverage['ui/editorui.js'][196]++;
+    (function (cmd) {
+  _$jscoverage['ui/editorui.js'][197]++;
+  editorui[cmd] = (function (editor, iframeUrl, title) {
+  _$jscoverage['ui/editorui.js'][198]++;
+  iframeUrl = (iframeUrl || (editor.options.iframeUrlMap || {})[cmd] || iframeUrlMap[cmd]);
+  _$jscoverage['ui/editorui.js'][199]++;
+  title = (editor.options.labelMap[cmd] || editor.getLang(("labelMap." + cmd)) || "");
+  _$jscoverage['ui/editorui.js'][201]++;
+  var dialog;
+  _$jscoverage['ui/editorui.js'][203]++;
+  if (iframeUrl) {
+    _$jscoverage['ui/editorui.js'][204]++;
+    dialog = new (editorui.Dialog)(utils.extend({iframeUrl: editor.ui.mapUrl(iframeUrl), editor: editor, className: ("edui-for-" + cmd), title: title, holdScroll: (cmd === "insertimage"), closeDialog: editor.getLang("closeDialog")}, ((type == "ok")? {buttons: [{className: "edui-okbutton", label: editor.getLang("ok"), editor: editor, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][218]++;
+  dialog.close(true);
+})}, {className: "edui-cancelbutton", label: editor.getLang("cancel"), editor: editor, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][226]++;
+  dialog.close(false);
+})}]}: {})));
+    _$jscoverage['ui/editorui.js'][232]++;
+    editor.ui._dialogs[(cmd + "Dialog")] = dialog;
+  }
+  _$jscoverage['ui/editorui.js'][235]++;
+  var ui = new (editorui.Button)({className: ("edui-for-" + cmd), title: title, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][239]++;
+  if (dialog) {
+    _$jscoverage['ui/editorui.js'][240]++;
+    switch (cmd) {
+    case "wordimage":
+      _$jscoverage['ui/editorui.js'][242]++;
+      editor.execCommand("wordimage", "word_img");
+      _$jscoverage['ui/editorui.js'][243]++;
+      if (editor.word_img) {
+        _$jscoverage['ui/editorui.js'][244]++;
+        dialog.render();
+        _$jscoverage['ui/editorui.js'][245]++;
+        dialog.open();
+      }
+      _$jscoverage['ui/editorui.js'][247]++;
+      break;
+    case "scrawl":
+      _$jscoverage['ui/editorui.js'][249]++;
+      if ((editor.queryCommandState("scrawl") != -1)) {
+        _$jscoverage['ui/editorui.js'][250]++;
+        dialog.render();
+        _$jscoverage['ui/editorui.js'][251]++;
+        dialog.open();
+      }
+      _$jscoverage['ui/editorui.js'][254]++;
+      break;
+    default:
+      _$jscoverage['ui/editorui.js'][256]++;
+      dialog.render();
+      _$jscoverage['ui/editorui.js'][257]++;
+      dialog.open();
+    }
+  }
+}), theme: editor.options.theme, disabled: ((cmd == "scrawl") && (editor.queryCommandState("scrawl") == -1))});
+  _$jscoverage['ui/editorui.js'][264]++;
+  editorui.buttons[cmd] = ui;
+  _$jscoverage['ui/editorui.js'][265]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][267]++;
+  var unNeedCheckState = {"edittable": 1};
+  _$jscoverage['ui/editorui.js'][268]++;
+  if ((cmd in unNeedCheckState)) {
+    _$jscoverage['ui/editorui.js'][268]++;
+    return;
+  }
+  _$jscoverage['ui/editorui.js'][270]++;
+  var state = editor.queryCommandState(cmd);
+  _$jscoverage['ui/editorui.js'][271]++;
+  if (ui.getDom()) {
+    _$jscoverage['ui/editorui.js'][272]++;
+    ui.setDisabled((state == -1));
+    _$jscoverage['ui/editorui.js'][273]++;
+    ui.setChecked(state);
+  }
+}));
+  _$jscoverage['ui/editorui.js'][278]++;
+  return ui;
+});
+})(ci.toLowerCase());
+}
+})(p, dialogBtns[p]);
+}
+  _$jscoverage['ui/editorui.js'][285]++;
+  editorui.snapscreen = (function (editor, iframeUrl, title) {
+  _$jscoverage['ui/editorui.js'][286]++;
+  title = (editor.options.labelMap.snapscreen || editor.getLang("labelMap.snapscreen") || "");
+  _$jscoverage['ui/editorui.js'][287]++;
+  var ui = new (editorui.Button)({className: "edui-for-snapscreen", title: title, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][291]++;
+  editor.execCommand("snapscreen");
+}), theme: editor.options.theme});
+  _$jscoverage['ui/editorui.js'][296]++;
+  editorui.buttons.snapscreen = ui;
+  _$jscoverage['ui/editorui.js'][297]++;
+  iframeUrl = (iframeUrl || (editor.options.iframeUrlMap || {}).snapscreen || iframeUrlMap.snapscreen);
+  _$jscoverage['ui/editorui.js'][298]++;
+  if (iframeUrl) {
+    _$jscoverage['ui/editorui.js'][299]++;
+    var dialog = new (editorui.Dialog)({iframeUrl: editor.ui.mapUrl(iframeUrl), editor: editor, className: "edui-for-snapscreen", title: title, buttons: [{className: "edui-okbutton", label: editor.getLang("ok"), editor: editor, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][310]++;
+  dialog.close(true);
+})}, {className: "edui-cancelbutton", label: editor.getLang("cancel"), editor: editor, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][318]++;
+  dialog.close(false);
+})}]});
+    _$jscoverage['ui/editorui.js'][324]++;
+    dialog.render();
+    _$jscoverage['ui/editorui.js'][325]++;
+    editor.ui._dialogs.snapscreenDialog = dialog;
+  }
+  _$jscoverage['ui/editorui.js'][327]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][328]++;
+  ui.setDisabled((editor.queryCommandState("snapscreen") == -1));
+}));
+  _$jscoverage['ui/editorui.js'][330]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][333]++;
+  editorui.insertcode = (function (editor, list, title) {
+  _$jscoverage['ui/editorui.js'][334]++;
+  list = (editor.options.insertcode || []);
+  _$jscoverage['ui/editorui.js'][335]++;
+  title = (editor.options.labelMap.insertcode || editor.getLang("labelMap.insertcode") || "");
+  _$jscoverage['ui/editorui.js'][337]++;
+  var items = [];
+  _$jscoverage['ui/editorui.js'][338]++;
+  utils.each(list, (function (key, val) {
+  _$jscoverage['ui/editorui.js'][339]++;
+  items.push({label: key, value: val, theme: editor.options.theme, renderLabelHtml: (function () {
+  _$jscoverage['ui/editorui.js'][344]++;
+  return ("<div class=\"edui-label %%-label\" >" + (this.label || "") + "</div>");
+})});
+}));
+  _$jscoverage['ui/editorui.js'][349]++;
+  var ui = new (editorui.Combox)({editor: editor, items: items, onselect: (function (t, index) {
+  _$jscoverage['ui/editorui.js'][353]++;
+  editor.execCommand("insertcode", this.items[index].value);
+}), onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][356]++;
+  this.showPopup();
+}), title: title, initValue: title, className: "edui-for-insertcode", indexByValue: (function (value) {
+  _$jscoverage['ui/editorui.js'][362]++;
+  if (value) {
+    _$jscoverage['ui/editorui.js'][363]++;
+    for (var i = 0, ci; (ci = this.items[i]); (i++)) {
+      _$jscoverage['ui/editorui.js'][364]++;
+      if ((ci.value.indexOf(value) != -1)) {
+        _$jscoverage['ui/editorui.js'][365]++;
+        return i;
+      }
+}
+  }
+  _$jscoverage['ui/editorui.js'][369]++;
+  return -1;
+})});
+  _$jscoverage['ui/editorui.js'][372]++;
+  editorui.buttons.insertcode = ui;
+  _$jscoverage['ui/editorui.js'][373]++;
+  editor.addListener("selectionchange", (function (type, causeByUi, uiReady) {
+  _$jscoverage['ui/editorui.js'][374]++;
+  if ((! uiReady)) {
+    _$jscoverage['ui/editorui.js'][375]++;
+    var state = editor.queryCommandState("insertcode");
+    _$jscoverage['ui/editorui.js'][376]++;
+    if ((state == -1)) {
+      _$jscoverage['ui/editorui.js'][377]++;
+      ui.setDisabled(true);
+    }
+    else {
+      _$jscoverage['ui/editorui.js'][379]++;
+      ui.setDisabled(false);
+      _$jscoverage['ui/editorui.js'][380]++;
+      var value = editor.queryCommandValue("insertcode");
+      _$jscoverage['ui/editorui.js'][381]++;
+      if ((! value)) {
+        _$jscoverage['ui/editorui.js'][382]++;
+        ui.setValue(title);
+        _$jscoverage['ui/editorui.js'][383]++;
+        return;
+      }
+      _$jscoverage['ui/editorui.js'][386]++;
+      (value && (value = value.replace(/['"]/g, "").split(",")[0]));
+      _$jscoverage['ui/editorui.js'][387]++;
+      ui.setValue(value);
+    }
+  }
+}));
+  _$jscoverage['ui/editorui.js'][393]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][395]++;
+  editorui.fontfamily = (function (editor, list, title) {
+  _$jscoverage['ui/editorui.js'][397]++;
+  list = (editor.options.fontfamily || []);
+  _$jscoverage['ui/editorui.js'][398]++;
+  title = (editor.options.labelMap.fontfamily || editor.getLang("labelMap.fontfamily") || "");
+  _$jscoverage['ui/editorui.js'][399]++;
+  if ((! list.length)) {
+    _$jscoverage['ui/editorui.js'][399]++;
+    return;
+  }
+  _$jscoverage['ui/editorui.js'][400]++;
+  for (var i = 0, ci, items = []; (ci = list[i]); (i++)) {
+    _$jscoverage['ui/editorui.js'][401]++;
+    var langLabel = (editor.getLang("fontfamily")[ci.name] || "");
+    _$jscoverage['ui/editorui.js'][402]++;
+    (function (key, val) {
+  _$jscoverage['ui/editorui.js'][403]++;
+  items.push({label: key, value: val, theme: editor.options.theme, renderLabelHtml: (function () {
+  _$jscoverage['ui/editorui.js'][408]++;
+  return ("<div class=\"edui-label %%-label\" style=\"font-family:" + utils.unhtml(this.value) + "\">" + (this.label || "") + "</div>");
+})});
+})((ci.label || langLabel), ci.val);
+}
+  _$jscoverage['ui/editorui.js'][414]++;
+  var ui = new (editorui.Combox)({editor: editor, items: items, onselect: (function (t, index) {
+  _$jscoverage['ui/editorui.js'][418]++;
+  editor.execCommand("FontFamily", this.items[index].value);
+}), onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][421]++;
+  this.showPopup();
+}), title: title, initValue: title, className: "edui-for-fontfamily", indexByValue: (function (value) {
+  _$jscoverage['ui/editorui.js'][427]++;
+  if (value) {
+    _$jscoverage['ui/editorui.js'][428]++;
+    for (var i = 0, ci; (ci = this.items[i]); (i++)) {
+      _$jscoverage['ui/editorui.js'][429]++;
+      if ((ci.value.indexOf(value) != -1)) {
+        _$jscoverage['ui/editorui.js'][430]++;
+        return i;
+      }
+}
+  }
+  _$jscoverage['ui/editorui.js'][434]++;
+  return -1;
+})});
+  _$jscoverage['ui/editorui.js'][437]++;
+  editorui.buttons.fontfamily = ui;
+  _$jscoverage['ui/editorui.js'][438]++;
+  editor.addListener("selectionchange", (function (type, causeByUi, uiReady) {
+  _$jscoverage['ui/editorui.js'][439]++;
+  if ((! uiReady)) {
+    _$jscoverage['ui/editorui.js'][440]++;
+    var state = editor.queryCommandState("FontFamily");
+    _$jscoverage['ui/editorui.js'][441]++;
+    if ((state == -1)) {
+      _$jscoverage['ui/editorui.js'][442]++;
+      ui.setDisabled(true);
+    }
+    else {
+      _$jscoverage['ui/editorui.js'][444]++;
+      ui.setDisabled(false);
+      _$jscoverage['ui/editorui.js'][445]++;
+      var value = editor.queryCommandValue("FontFamily");
+      _$jscoverage['ui/editorui.js'][447]++;
+      (value && (value = value.replace(/['"]/g, "").split(",")[0]));
+      _$jscoverage['ui/editorui.js'][448]++;
+      ui.setValue(value);
+    }
+  }
+}));
+  _$jscoverage['ui/editorui.js'][454]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][457]++;
+  editorui.fontsize = (function (editor, list, title) {
+  _$jscoverage['ui/editorui.js'][458]++;
+  title = (editor.options.labelMap.fontsize || editor.getLang("labelMap.fontsize") || "");
+  _$jscoverage['ui/editorui.js'][459]++;
+  list = (list || editor.options.fontsize || []);
+  _$jscoverage['ui/editorui.js'][460]++;
+  if ((! list.length)) {
+    _$jscoverage['ui/editorui.js'][460]++;
+    return;
+  }
+  _$jscoverage['ui/editorui.js'][461]++;
+  var items = [];
+  _$jscoverage['ui/editorui.js'][462]++;
+  for (var i = 0; (i < list.length); (i++)) {
+    _$jscoverage['ui/editorui.js'][463]++;
+    var size = (list[i] + "px");
+    _$jscoverage['ui/editorui.js'][464]++;
+    items.push({label: size, value: size, theme: editor.options.theme, renderLabelHtml: (function () {
+  _$jscoverage['ui/editorui.js'][469]++;
+  return ("<div class=\"edui-label %%-label\" style=\"line-height:1;font-size:" + this.value + "\">" + (this.label || "") + "</div>");
+})});
+}
+  _$jscoverage['ui/editorui.js'][474]++;
+  var ui = new (editorui.Combox)({editor: editor, items: items, title: title, initValue: title, onselect: (function (t, index) {
+  _$jscoverage['ui/editorui.js'][480]++;
+  editor.execCommand("FontSize", this.items[index].value);
+}), onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][483]++;
+  this.showPopup();
+}), className: "edui-for-fontsize"});
+  _$jscoverage['ui/editorui.js'][487]++;
+  editorui.buttons.fontsize = ui;
+  _$jscoverage['ui/editorui.js'][488]++;
+  editor.addListener("selectionchange", (function (type, causeByUi, uiReady) {
+  _$jscoverage['ui/editorui.js'][489]++;
+  if ((! uiReady)) {
+    _$jscoverage['ui/editorui.js'][490]++;
+    var state = editor.queryCommandState("FontSize");
+    _$jscoverage['ui/editorui.js'][491]++;
+    if ((state == -1)) {
+      _$jscoverage['ui/editorui.js'][492]++;
+      ui.setDisabled(true);
+    }
+    else {
+      _$jscoverage['ui/editorui.js'][494]++;
+      ui.setDisabled(false);
+      _$jscoverage['ui/editorui.js'][495]++;
+      ui.setValue(editor.queryCommandValue("FontSize"));
+    }
+  }
+}));
+  _$jscoverage['ui/editorui.js'][500]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][503]++;
+  editorui.paragraph = (function (editor, list, title) {
+  _$jscoverage['ui/editorui.js'][504]++;
+  title = (editor.options.labelMap.paragraph || editor.getLang("labelMap.paragraph") || "");
+  _$jscoverage['ui/editorui.js'][505]++;
+  list = (editor.options.paragraph || []);
+  _$jscoverage['ui/editorui.js'][506]++;
+  if (utils.isEmptyObject(list)) {
+    _$jscoverage['ui/editorui.js'][506]++;
+    return;
+  }
+  _$jscoverage['ui/editorui.js'][507]++;
+  var items = [];
+  _$jscoverage['ui/editorui.js'][508]++;
+  for (var i in list) {
+    _$jscoverage['ui/editorui.js'][509]++;
+    items.push({value: i, label: (list[i] || editor.getLang("paragraph")[i]), theme: editor.options.theme, renderLabelHtml: (function () {
+  _$jscoverage['ui/editorui.js'][514]++;
+  return ("<div class=\"edui-label %%-label\"><span class=\"edui-for-" + this.value + "\">" + (this.label || "") + "</span></div>");
+})});
+}
+  _$jscoverage['ui/editorui.js'][518]++;
+  var ui = new (editorui.Combox)({editor: editor, items: items, title: title, initValue: title, className: "edui-for-paragraph", onselect: (function (t, index) {
+  _$jscoverage['ui/editorui.js'][525]++;
+  editor.execCommand("Paragraph", this.items[index].value);
+}), onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][528]++;
+  this.showPopup();
+})});
+  _$jscoverage['ui/editorui.js'][531]++;
+  editorui.buttons.paragraph = ui;
+  _$jscoverage['ui/editorui.js'][532]++;
+  editor.addListener("selectionchange", (function (type, causeByUi, uiReady) {
+  _$jscoverage['ui/editorui.js'][533]++;
+  if ((! uiReady)) {
+    _$jscoverage['ui/editorui.js'][534]++;
+    var state = editor.queryCommandState("Paragraph");
+    _$jscoverage['ui/editorui.js'][535]++;
+    if ((state == -1)) {
+      _$jscoverage['ui/editorui.js'][536]++;
+      ui.setDisabled(true);
+    }
+    else {
+      _$jscoverage['ui/editorui.js'][538]++;
+      ui.setDisabled(false);
+      _$jscoverage['ui/editorui.js'][539]++;
+      var value = editor.queryCommandValue("Paragraph");
+      _$jscoverage['ui/editorui.js'][540]++;
+      var index = ui.indexByValue(value);
+      _$jscoverage['ui/editorui.js'][541]++;
+      if ((index != -1)) {
+        _$jscoverage['ui/editorui.js'][542]++;
+        ui.setValue(value);
+      }
+      else {
+        _$jscoverage['ui/editorui.js'][544]++;
+        ui.setValue(ui.initValue);
+      }
+    }
+  }
+}));
+  _$jscoverage['ui/editorui.js'][550]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][555]++;
+  editorui.customstyle = (function (editor) {
+  _$jscoverage['ui/editorui.js'][556]++;
+  var list = (editor.options.customstyle || []), title = (editor.options.labelMap.customstyle || editor.getLang("labelMap.customstyle") || "");
+  _$jscoverage['ui/editorui.js'][558]++;
+  if ((! list.length)) {
+    _$jscoverage['ui/editorui.js'][558]++;
+    return;
+  }
+  _$jscoverage['ui/editorui.js'][559]++;
+  var langCs = editor.getLang("customstyle");
+  _$jscoverage['ui/editorui.js'][560]++;
+  for (var i = 0, items = [], t; (t = list[(i++)]);) {
+    _$jscoverage['ui/editorui.js'][561]++;
+    (function (t) {
+  _$jscoverage['ui/editorui.js'][562]++;
+  var ck = {};
+  _$jscoverage['ui/editorui.js'][563]++;
+  ck.label = (t.label? t.label: langCs[t.name]);
+  _$jscoverage['ui/editorui.js'][564]++;
+  ck.style = t.style;
+  _$jscoverage['ui/editorui.js'][565]++;
+  ck.className = t.className;
+  _$jscoverage['ui/editorui.js'][566]++;
+  ck.tag = t.tag;
+  _$jscoverage['ui/editorui.js'][567]++;
+  items.push({label: ck.label, value: ck, theme: editor.options.theme, renderLabelHtml: (function () {
+  _$jscoverage['ui/editorui.js'][572]++;
+  return ("<div class=\"edui-label %%-label\">" + "<" + ck.tag + " " + (ck.className? (" class=\"" + ck.className + "\""): "") + (ck.style? (" style=\"" + ck.style + "\""): "") + ">" + ck.label + "</" + ck.tag + ">" + "</div>");
+})});
+})(t);
+}
+  _$jscoverage['ui/editorui.js'][580]++;
+  var ui = new (editorui.Combox)({editor: editor, items: items, title: title, initValue: title, className: "edui-for-customstyle", onselect: (function (t, index) {
+  _$jscoverage['ui/editorui.js'][587]++;
+  editor.execCommand("customstyle", this.items[index].value);
+}), onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][590]++;
+  this.showPopup();
+}), indexByValue: (function (value) {
+  _$jscoverage['ui/editorui.js'][593]++;
+  for (var i = 0, ti; (ti = this.items[(i++)]);) {
+    _$jscoverage['ui/editorui.js'][594]++;
+    if ((ti.label == value)) {
+      _$jscoverage['ui/editorui.js'][595]++;
+      return (i - 1);
+    }
+}
+  _$jscoverage['ui/editorui.js'][598]++;
+  return -1;
+})});
+  _$jscoverage['ui/editorui.js'][601]++;
+  editorui.buttons.customstyle = ui;
+  _$jscoverage['ui/editorui.js'][602]++;
+  editor.addListener("selectionchange", (function (type, causeByUi, uiReady) {
+  _$jscoverage['ui/editorui.js'][603]++;
+  if ((! uiReady)) {
+    _$jscoverage['ui/editorui.js'][604]++;
+    var state = editor.queryCommandState("customstyle");
+    _$jscoverage['ui/editorui.js'][605]++;
+    if ((state == -1)) {
+      _$jscoverage['ui/editorui.js'][606]++;
+      ui.setDisabled(true);
+    }
+    else {
+      _$jscoverage['ui/editorui.js'][608]++;
+      ui.setDisabled(false);
+      _$jscoverage['ui/editorui.js'][609]++;
+      var value = editor.queryCommandValue("customstyle");
+      _$jscoverage['ui/editorui.js'][610]++;
+      var index = ui.indexByValue(value);
+      _$jscoverage['ui/editorui.js'][611]++;
+      if ((index != -1)) {
+        _$jscoverage['ui/editorui.js'][612]++;
+        ui.setValue(value);
+      }
+      else {
+        _$jscoverage['ui/editorui.js'][614]++;
+        ui.setValue(ui.initValue);
+      }
+    }
+  }
+}));
+  _$jscoverage['ui/editorui.js'][620]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][622]++;
+  editorui.inserttable = (function (editor, iframeUrl, title) {
+  _$jscoverage['ui/editorui.js'][623]++;
+  title = (editor.options.labelMap.inserttable || editor.getLang("labelMap.inserttable") || "");
+  _$jscoverage['ui/editorui.js'][624]++;
+  var ui = new (editorui.TableButton)({editor: editor, title: title, className: "edui-for-inserttable", onpicktable: (function (t, numCols, numRows) {
+  _$jscoverage['ui/editorui.js'][629]++;
+  editor.execCommand("InsertTable", {numRows: numRows, numCols: numCols, border: 1});
+}), onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][632]++;
+  this.showPopup();
+})});
+  _$jscoverage['ui/editorui.js'][635]++;
+  editorui.buttons.inserttable = ui;
+  _$jscoverage['ui/editorui.js'][636]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][637]++;
+  ui.setDisabled((editor.queryCommandState("inserttable") == -1));
+}));
+  _$jscoverage['ui/editorui.js'][639]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][642]++;
+  editorui.lineheight = (function (editor) {
+  _$jscoverage['ui/editorui.js'][643]++;
+  var val = (editor.options.lineheight || []);
+  _$jscoverage['ui/editorui.js'][644]++;
+  if ((! val.length)) {
+    _$jscoverage['ui/editorui.js'][644]++;
+    return;
+  }
+  _$jscoverage['ui/editorui.js'][645]++;
+  for (var i = 0, ci, items = []; (ci = val[(i++)]);) {
+    _$jscoverage['ui/editorui.js'][646]++;
+    items.push({label: ci, value: ci, theme: editor.options.theme, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][652]++;
+  editor.execCommand("lineheight", this.value);
+})});
+}
+  _$jscoverage['ui/editorui.js'][656]++;
+  var ui = new (editorui.MenuButton)({editor: editor, className: "edui-for-lineheight", title: (editor.options.labelMap.lineheight || editor.getLang("labelMap.lineheight") || ""), items: items, onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][662]++;
+  var value = (editor.queryCommandValue("LineHeight") || this.value);
+  _$jscoverage['ui/editorui.js'][663]++;
+  editor.execCommand("LineHeight", value);
+})});
+  _$jscoverage['ui/editorui.js'][666]++;
+  editorui.buttons.lineheight = ui;
+  _$jscoverage['ui/editorui.js'][667]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][668]++;
+  var state = editor.queryCommandState("LineHeight");
+  _$jscoverage['ui/editorui.js'][669]++;
+  if ((state == -1)) {
+    _$jscoverage['ui/editorui.js'][670]++;
+    ui.setDisabled(true);
+  }
+  else {
+    _$jscoverage['ui/editorui.js'][672]++;
+    ui.setDisabled(false);
+    _$jscoverage['ui/editorui.js'][673]++;
+    var value = editor.queryCommandValue("LineHeight");
+    _$jscoverage['ui/editorui.js'][674]++;
+    (value && ui.setValue((value + "").replace(/cm/, "")));
+    _$jscoverage['ui/editorui.js'][675]++;
+    ui.setChecked(state);
+  }
+}));
+  _$jscoverage['ui/editorui.js'][678]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][681]++;
+  var rowspacings = ["top", "bottom"];
+  _$jscoverage['ui/editorui.js'][682]++;
+  for (var r = 0, ri; (ri = rowspacings[(r++)]);) {
+    _$jscoverage['ui/editorui.js'][683]++;
+    (function (cmd) {
+  _$jscoverage['ui/editorui.js'][684]++;
+  editorui[("rowspacing" + cmd)] = (function (editor) {
+  _$jscoverage['ui/editorui.js'][685]++;
+  var val = (editor.options[("rowspacing" + cmd)] || []);
+  _$jscoverage['ui/editorui.js'][686]++;
+  if ((! val.length)) {
+    _$jscoverage['ui/editorui.js'][686]++;
+    return null;
+  }
+  _$jscoverage['ui/editorui.js'][687]++;
+  for (var i = 0, ci, items = []; (ci = val[(i++)]);) {
+    _$jscoverage['ui/editorui.js'][688]++;
+    items.push({label: ci, value: ci, theme: editor.options.theme, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][693]++;
+  editor.execCommand("rowspacing", this.value, cmd);
+})});
+}
+  _$jscoverage['ui/editorui.js'][697]++;
+  var ui = new (editorui.MenuButton)({editor: editor, className: ("edui-for-rowspacing" + cmd), title: (editor.options.labelMap[("rowspacing" + cmd)] || editor.getLang(("labelMap.rowspacing" + cmd)) || ""), items: items, onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][703]++;
+  var value = (editor.queryCommandValue("rowspacing", cmd) || this.value);
+  _$jscoverage['ui/editorui.js'][704]++;
+  editor.execCommand("rowspacing", value, cmd);
+})});
+  _$jscoverage['ui/editorui.js'][707]++;
+  editorui.buttons[cmd] = ui;
+  _$jscoverage['ui/editorui.js'][708]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][709]++;
+  var state = editor.queryCommandState("rowspacing", cmd);
+  _$jscoverage['ui/editorui.js'][710]++;
+  if ((state == -1)) {
+    _$jscoverage['ui/editorui.js'][711]++;
+    ui.setDisabled(true);
+  }
+  else {
+    _$jscoverage['ui/editorui.js'][713]++;
+    ui.setDisabled(false);
+    _$jscoverage['ui/editorui.js'][714]++;
+    var value = editor.queryCommandValue("rowspacing", cmd);
+    _$jscoverage['ui/editorui.js'][715]++;
+    (value && ui.setValue((value + "").replace(/%/, "")));
+    _$jscoverage['ui/editorui.js'][716]++;
+    ui.setChecked(state);
+  }
+}));
+  _$jscoverage['ui/editorui.js'][719]++;
+  return ui;
+});
+})(ri);
+}
+  _$jscoverage['ui/editorui.js'][724]++;
+  var lists = ["insertorderedlist", "insertunorderedlist"];
+  _$jscoverage['ui/editorui.js'][725]++;
+  for (var l = 0, cl; (cl = lists[(l++)]);) {
+    _$jscoverage['ui/editorui.js'][726]++;
+    (function (cmd) {
+  _$jscoverage['ui/editorui.js'][727]++;
+  editorui[cmd] = (function (editor) {
+  _$jscoverage['ui/editorui.js'][728]++;
+  var vals = editor.options[cmd], _onMenuClick = (function () {
+  _$jscoverage['ui/editorui.js'][730]++;
+  editor.execCommand(cmd, this.value);
+}), items = [];
+  _$jscoverage['ui/editorui.js'][732]++;
+  for (var i in vals) {
+    _$jscoverage['ui/editorui.js'][733]++;
+    items.push({label: (vals[i] || editor.getLang()[cmd][i] || ""), value: i, theme: editor.options.theme, onclick: _onMenuClick});
+}
+  _$jscoverage['ui/editorui.js'][740]++;
+  var ui = new (editorui.MenuButton)({editor: editor, className: ("edui-for-" + cmd), title: (editor.getLang(("labelMap." + cmd)) || ""), "items": items, onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][746]++;
+  var value = (editor.queryCommandValue(cmd) || this.value);
+  _$jscoverage['ui/editorui.js'][747]++;
+  editor.execCommand(cmd, value);
+})});
+  _$jscoverage['ui/editorui.js'][750]++;
+  editorui.buttons[cmd] = ui;
+  _$jscoverage['ui/editorui.js'][751]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][752]++;
+  var state = editor.queryCommandState(cmd);
+  _$jscoverage['ui/editorui.js'][753]++;
+  if ((state == -1)) {
+    _$jscoverage['ui/editorui.js'][754]++;
+    ui.setDisabled(true);
+  }
+  else {
+    _$jscoverage['ui/editorui.js'][756]++;
+    ui.setDisabled(false);
+    _$jscoverage['ui/editorui.js'][757]++;
+    var value = editor.queryCommandValue(cmd);
+    _$jscoverage['ui/editorui.js'][758]++;
+    ui.setValue(value);
+    _$jscoverage['ui/editorui.js'][759]++;
+    ui.setChecked(state);
+  }
+}));
+  _$jscoverage['ui/editorui.js'][762]++;
+  return ui;
+});
+})(cl);
+}
+  _$jscoverage['ui/editorui.js'][767]++;
+  editorui.fullscreen = (function (editor, title) {
+  _$jscoverage['ui/editorui.js'][768]++;
+  title = (editor.options.labelMap.fullscreen || editor.getLang("labelMap.fullscreen") || "");
+  _$jscoverage['ui/editorui.js'][769]++;
+  var ui = new (editorui.Button)({className: "edui-for-fullscreen", title: title, theme: editor.options.theme, onclick: (function () {
+  _$jscoverage['ui/editorui.js'][774]++;
+  if (editor.ui) {
+    _$jscoverage['ui/editorui.js'][775]++;
+    editor.ui.setFullScreen((! editor.ui.isFullScreen()));
+  }
+  _$jscoverage['ui/editorui.js'][777]++;
+  this.setChecked(editor.ui.isFullScreen());
+})});
+  _$jscoverage['ui/editorui.js'][780]++;
+  editorui.buttons.fullscreen = ui;
+  _$jscoverage['ui/editorui.js'][781]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][782]++;
+  var state = editor.queryCommandState("fullscreen");
+  _$jscoverage['ui/editorui.js'][783]++;
+  ui.setDisabled((state == -1));
+  _$jscoverage['ui/editorui.js'][784]++;
+  ui.setChecked(editor.ui.isFullScreen());
+}));
+  _$jscoverage['ui/editorui.js'][786]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][790]++;
+  editorui.emotion = (function (editor, iframeUrl) {
+  _$jscoverage['ui/editorui.js'][791]++;
+  var cmd = "emotion";
+  _$jscoverage['ui/editorui.js'][792]++;
+  var ui = new (editorui.MultiMenuPop)({title: (editor.options.labelMap[cmd] || editor.getLang(("labelMap." + cmd + "")) || ""), editor: editor, className: ("edui-for-" + cmd), iframeUrl: editor.ui.mapUrl((iframeUrl || (editor.options.iframeUrlMap || {})[cmd] || iframeUrlMap[cmd]))});
+  _$jscoverage['ui/editorui.js'][798]++;
+  editorui.buttons[cmd] = ui;
+  _$jscoverage['ui/editorui.js'][800]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][801]++;
+  ui.setDisabled((editor.queryCommandState(cmd) == -1));
+}));
+  _$jscoverage['ui/editorui.js'][803]++;
+  return ui;
+});
+  _$jscoverage['ui/editorui.js'][806]++;
+  editorui.autotypeset = (function (editor) {
+  _$jscoverage['ui/editorui.js'][807]++;
+  var ui = new (editorui.AutoTypeSetButton)({editor: editor, title: (editor.options.labelMap.autotypeset || editor.getLang("labelMap.autotypeset") || ""), className: "edui-for-autotypeset", onbuttonclick: (function () {
+  _$jscoverage['ui/editorui.js'][812]++;
+  editor.execCommand("autotypeset");
+})});
+  _$jscoverage['ui/editorui.js'][815]++;
+  editorui.buttons.autotypeset = ui;
+  _$jscoverage['ui/editorui.js'][816]++;
+  editor.addListener("selectionchange", (function () {
+  _$jscoverage['ui/editorui.js'][817]++;
+  ui.setDisabled((editor.queryCommandState("autotypeset") == -1));
+}));
+  _$jscoverage['ui/editorui.js'][819]++;
+  return ui;
+});
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/mask.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/mask.js
new file mode 100644
index 000000000..c9498ee73
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/mask.js
@@ -0,0 +1,127 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/mask.js']) {
+  _$jscoverage['ui/mask.js'] = [];
+  _$jscoverage['ui/mask.js'][3] = 0;
+  _$jscoverage['ui/mask.js'][4] = 0;
+  _$jscoverage['ui/mask.js'][9] = 0;
+  _$jscoverage['ui/mask.js'][10] = 0;
+  _$jscoverage['ui/mask.js'][11] = 0;
+  _$jscoverage['ui/mask.js'][13] = 0;
+  _$jscoverage['ui/mask.js'][15] = 0;
+  _$jscoverage['ui/mask.js'][18] = 0;
+  _$jscoverage['ui/mask.js'][19] = 0;
+  _$jscoverage['ui/mask.js'][20] = 0;
+  _$jscoverage['ui/mask.js'][21] = 0;
+  _$jscoverage['ui/mask.js'][22] = 0;
+  _$jscoverage['ui/mask.js'][28] = 0;
+  _$jscoverage['ui/mask.js'][29] = 0;
+  _$jscoverage['ui/mask.js'][30] = 0;
+  _$jscoverage['ui/mask.js'][33] = 0;
+  _$jscoverage['ui/mask.js'][34] = 0;
+  _$jscoverage['ui/mask.js'][37] = 0;
+  _$jscoverage['ui/mask.js'][40] = 0;
+  _$jscoverage['ui/mask.js'][43] = 0;
+  _$jscoverage['ui/mask.js'][44] = 0;
+  _$jscoverage['ui/mask.js'][45] = 0;
+  _$jscoverage['ui/mask.js'][46] = 0;
+  _$jscoverage['ui/mask.js'][49] = 0;
+}
+_$jscoverage['ui/mask.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        domUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">;</span>","    ","    <span class=\"k\">var</span> Mask <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Mask <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    Mask<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"edui-mask %%\" onmousedown=\"return $$._onMouseDown(event, this);\"&gt;&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        postRender<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>window<span class=\"k\">,</span> <span class=\"s\">'resize'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>isHidden<span class=\"k\">())</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>_fill<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        show<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>zIndex<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_fill<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> zIndex<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        hide<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        isHidden<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>display <span class=\"k\">==</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onMouseDown<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _fill<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> el <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">();</span>","            <span class=\"k\">var</span> vpRect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportRect<span class=\"k\">();</span>","            el<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> vpRect<span class=\"k\">.</span>width <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            el<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> vpRect<span class=\"k\">.</span>height <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>Mask<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/mask.js'][3]++;
+(function () {
+  _$jscoverage['ui/mask.js'][4]++;
+  var utils = baidu.editor.utils, domUtils = baidu.editor.dom.domUtils, UIBase = baidu.editor.ui.UIBase, uiUtils = baidu.editor.ui.uiUtils;
+  _$jscoverage['ui/mask.js'][9]++;
+  var Mask = (baidu.editor.ui.Mask = (function (options) {
+  _$jscoverage['ui/mask.js'][10]++;
+  this.initOptions(options);
+  _$jscoverage['ui/mask.js'][11]++;
+  this.initUIBase();
+}));
+  _$jscoverage['ui/mask.js'][13]++;
+  Mask.prototype = {getHtmlTpl: (function () {
+  _$jscoverage['ui/mask.js'][15]++;
+  return "<div id=\"##\" class=\"edui-mask %%\" onmousedown=\"return $$._onMouseDown(event, this);\"></div>";
+}), postRender: (function () {
+  _$jscoverage['ui/mask.js'][18]++;
+  var me = this;
+  _$jscoverage['ui/mask.js'][19]++;
+  domUtils.on(window, "resize", (function () {
+  _$jscoverage['ui/mask.js'][20]++;
+  setTimeout((function () {
+  _$jscoverage['ui/mask.js'][21]++;
+  if ((! me.isHidden())) {
+    _$jscoverage['ui/mask.js'][22]++;
+    me._fill();
+  }
+}));
+}));
+}), show: (function (zIndex) {
+  _$jscoverage['ui/mask.js'][28]++;
+  this._fill();
+  _$jscoverage['ui/mask.js'][29]++;
+  this.getDom().style.display = "";
+  _$jscoverage['ui/mask.js'][30]++;
+  this.getDom().style.zIndex = zIndex;
+}), hide: (function () {
+  _$jscoverage['ui/mask.js'][33]++;
+  this.getDom().style.display = "none";
+  _$jscoverage['ui/mask.js'][34]++;
+  this.getDom().style.zIndex = "";
+}), isHidden: (function () {
+  _$jscoverage['ui/mask.js'][37]++;
+  return (this.getDom().style.display == "none");
+}), _onMouseDown: (function () {
+  _$jscoverage['ui/mask.js'][40]++;
+  return false;
+}), _fill: (function () {
+  _$jscoverage['ui/mask.js'][43]++;
+  var el = this.getDom();
+  _$jscoverage['ui/mask.js'][44]++;
+  var vpRect = uiUtils.getViewportRect();
+  _$jscoverage['ui/mask.js'][45]++;
+  el.style.width = (vpRect.width + "px");
+  _$jscoverage['ui/mask.js'][46]++;
+  el.style.height = (vpRect.height + "px");
+})};
+  _$jscoverage['ui/mask.js'][49]++;
+  utils.inherits(Mask, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/menu.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/menu.js
new file mode 100644
index 000000000..8f001266a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/menu.js
@@ -0,0 +1,541 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/menu.js']) {
+  _$jscoverage['ui/menu.js'] = [];
+  _$jscoverage['ui/menu.js'][5] = 0;
+  _$jscoverage['ui/menu.js'][6] = 0;
+  _$jscoverage['ui/menu.js'][15] = 0;
+  _$jscoverage['ui/menu.js'][16] = 0;
+  _$jscoverage['ui/menu.js'][19] = 0;
+  _$jscoverage['ui/menu.js'][21] = 0;
+  _$jscoverage['ui/menu.js'][26] = 0;
+  _$jscoverage['ui/menu.js'][29] = 0;
+  _$jscoverage['ui/menu.js'][33] = 0;
+  _$jscoverage['ui/menu.js'][34] = 0;
+  _$jscoverage['ui/menu.js'][35] = 0;
+  _$jscoverage['ui/menu.js'][38] = 0;
+  _$jscoverage['ui/menu.js'][39] = 0;
+  _$jscoverage['ui/menu.js'][40] = 0;
+  _$jscoverage['ui/menu.js'][41] = 0;
+  _$jscoverage['ui/menu.js'][42] = 0;
+  _$jscoverage['ui/menu.js'][43] = 0;
+  _$jscoverage['ui/menu.js'][44] = 0;
+  _$jscoverage['ui/menu.js'][45] = 0;
+  _$jscoverage['ui/menu.js'][50] = 0;
+  _$jscoverage['ui/menu.js'][54] = 0;
+  _$jscoverage['ui/menu.js'][55] = 0;
+  _$jscoverage['ui/menu.js'][59] = 0;
+  _$jscoverage['ui/menu.js'][60] = 0;
+  _$jscoverage['ui/menu.js'][62] = 0;
+  _$jscoverage['ui/menu.js'][63] = 0;
+  _$jscoverage['ui/menu.js'][64] = 0;
+  _$jscoverage['ui/menu.js'][65] = 0;
+  _$jscoverage['ui/menu.js'][67] = 0;
+  _$jscoverage['ui/menu.js'][71] = 0;
+  _$jscoverage['ui/menu.js'][72] = 0;
+  _$jscoverage['ui/menu.js'][73] = 0;
+  _$jscoverage['ui/menu.js'][74] = 0;
+  _$jscoverage['ui/menu.js'][75] = 0;
+  _$jscoverage['ui/menu.js'][77] = 0;
+  _$jscoverage['ui/menu.js'][78] = 0;
+  _$jscoverage['ui/menu.js'][79] = 0;
+  _$jscoverage['ui/menu.js'][80] = 0;
+  _$jscoverage['ui/menu.js'][81] = 0;
+  _$jscoverage['ui/menu.js'][82] = 0;
+  _$jscoverage['ui/menu.js'][85] = 0;
+  _$jscoverage['ui/menu.js'][88] = 0;
+  _$jscoverage['ui/menu.js'][89] = 0;
+  _$jscoverage['ui/menu.js'][90] = 0;
+  _$jscoverage['ui/menu.js'][92] = 0;
+  _$jscoverage['ui/menu.js'][93] = 0;
+  _$jscoverage['ui/menu.js'][94] = 0;
+  _$jscoverage['ui/menu.js'][95] = 0;
+  _$jscoverage['ui/menu.js'][101] = 0;
+  _$jscoverage['ui/menu.js'][102] = 0;
+  _$jscoverage['ui/menu.js'][103] = 0;
+  _$jscoverage['ui/menu.js'][104] = 0;
+  _$jscoverage['ui/menu.js'][105] = 0;
+  _$jscoverage['ui/menu.js'][106] = 0;
+  _$jscoverage['ui/menu.js'][109] = 0;
+  _$jscoverage['ui/menu.js'][112] = 0;
+  _$jscoverage['ui/menu.js'][113] = 0;
+  _$jscoverage['ui/menu.js'][115] = 0;
+  _$jscoverage['ui/menu.js'][118] = 0;
+  _$jscoverage['ui/menu.js'][121] = 0;
+  _$jscoverage['ui/menu.js'][127] = 0;
+  _$jscoverage['ui/menu.js'][128] = 0;
+  _$jscoverage['ui/menu.js'][129] = 0;
+  _$jscoverage['ui/menu.js'][130] = 0;
+  _$jscoverage['ui/menu.js'][131] = 0;
+  _$jscoverage['ui/menu.js'][132] = 0;
+  _$jscoverage['ui/menu.js'][133] = 0;
+  _$jscoverage['ui/menu.js'][136] = 0;
+  _$jscoverage['ui/menu.js'][138] = 0;
+  _$jscoverage['ui/menu.js'][143] = 0;
+  _$jscoverage['ui/menu.js'][144] = 0;
+  _$jscoverage['ui/menu.js'][148] = 0;
+  _$jscoverage['ui/menu.js'][149] = 0;
+  _$jscoverage['ui/menu.js'][150] = 0;
+  _$jscoverage['ui/menu.js'][154] = 0;
+  _$jscoverage['ui/menu.js'][158] = 0;
+  _$jscoverage['ui/menu.js'][165] = 0;
+  _$jscoverage['ui/menu.js'][172] = 0;
+  _$jscoverage['ui/menu.js'][173] = 0;
+  _$jscoverage['ui/menu.js'][174] = 0;
+  _$jscoverage['ui/menu.js'][175] = 0;
+  _$jscoverage['ui/menu.js'][176] = 0;
+  _$jscoverage['ui/menu.js'][179] = 0;
+  _$jscoverage['ui/menu.js'][180] = 0;
+  _$jscoverage['ui/menu.js'][181] = 0;
+  _$jscoverage['ui/menu.js'][182] = 0;
+  _$jscoverage['ui/menu.js'][183] = 0;
+  _$jscoverage['ui/menu.js'][185] = 0;
+  _$jscoverage['ui/menu.js'][186] = 0;
+  _$jscoverage['ui/menu.js'][187] = 0;
+  _$jscoverage['ui/menu.js'][188] = 0;
+  _$jscoverage['ui/menu.js'][190] = 0;
+  _$jscoverage['ui/menu.js'][191] = 0;
+  _$jscoverage['ui/menu.js'][193] = 0;
+  _$jscoverage['ui/menu.js'][194] = 0;
+  _$jscoverage['ui/menu.js'][195] = 0;
+  _$jscoverage['ui/menu.js'][198] = 0;
+  _$jscoverage['ui/menu.js'][199] = 0;
+  _$jscoverage['ui/menu.js'][200] = 0;
+  _$jscoverage['ui/menu.js'][201] = 0;
+  _$jscoverage['ui/menu.js'][203] = 0;
+  _$jscoverage['ui/menu.js'][206] = 0;
+  _$jscoverage['ui/menu.js'][207] = 0;
+  _$jscoverage['ui/menu.js'][208] = 0;
+  _$jscoverage['ui/menu.js'][211] = 0;
+  _$jscoverage['ui/menu.js'][212] = 0;
+  _$jscoverage['ui/menu.js'][213] = 0;
+  _$jscoverage['ui/menu.js'][214] = 0;
+  _$jscoverage['ui/menu.js'][215] = 0;
+  _$jscoverage['ui/menu.js'][216] = 0;
+  _$jscoverage['ui/menu.js'][217] = 0;
+  _$jscoverage['ui/menu.js'][218] = 0;
+  _$jscoverage['ui/menu.js'][223] = 0;
+  _$jscoverage['ui/menu.js'][224] = 0;
+  _$jscoverage['ui/menu.js'][225] = 0;
+  _$jscoverage['ui/menu.js'][226] = 0;
+  _$jscoverage['ui/menu.js'][227] = 0;
+  _$jscoverage['ui/menu.js'][228] = 0;
+  _$jscoverage['ui/menu.js'][229] = 0;
+  _$jscoverage['ui/menu.js'][230] = 0;
+  _$jscoverage['ui/menu.js'][232] = 0;
+  _$jscoverage['ui/menu.js'][238] = 0;
+  _$jscoverage['ui/menu.js'][243] = 0;
+  _$jscoverage['ui/menu.js'][246] = 0;
+  _$jscoverage['ui/menu.js'][247] = 0;
+  _$jscoverage['ui/menu.js'][251] = 0;
+  _$jscoverage['ui/menu.js'][252] = 0;
+  _$jscoverage['ui/menu.js'][253] = 0;
+  _$jscoverage['ui/menu.js'][254] = 0;
+  _$jscoverage['ui/menu.js'][256] = 0;
+  _$jscoverage['ui/menu.js'][261] = 0;
+  _$jscoverage['ui/menu.js'][262] = 0;
+  _$jscoverage['ui/menu.js'][263] = 0;
+  _$jscoverage['ui/menu.js'][264] = 0;
+  _$jscoverage['ui/menu.js'][265] = 0;
+  _$jscoverage['ui/menu.js'][266] = 0;
+  _$jscoverage['ui/menu.js'][267] = 0;
+  _$jscoverage['ui/menu.js'][268] = 0;
+  _$jscoverage['ui/menu.js'][271] = 0;
+  _$jscoverage['ui/menu.js'][274] = 0;
+  _$jscoverage['ui/menu.js'][275] = 0;
+}
+_$jscoverage['ui/menu.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"c\">///import ui\\popup.js</span>","<span class=\"c\">///import ui\\stateful.js</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        domUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        Popup <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">,</span>","        Stateful <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Stateful<span class=\"k\">,</span>","        CellAlignPicker <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>CellAlignPicker<span class=\"k\">,</span>","","        Menu <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Menu <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initMenu<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"k\">var</span> menuSeparator <span class=\"k\">=</span> <span class=\"k\">{</span>","        renderHtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div class=\"edui-menuitem edui-menuseparator\"&gt;&lt;div class=\"edui-menuseparator-inner\"&gt;&lt;/div&gt;&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        postRender<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryAutoHide<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    Menu<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        items<span class=\"k\">:</span><span class=\"k\">null</span><span class=\"k\">,</span>","        uiName<span class=\"k\">:</span><span class=\"s\">'menu'</span><span class=\"k\">,</span>","        initMenu<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>items <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items <span class=\"k\">||</span> <span class=\"k\">[];</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initPopup<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initItems<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        initItems<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> item <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">];</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>item <span class=\"k\">==</span> <span class=\"s\">'-'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getSeparator<span class=\"k\">();</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(!(</span>item <span class=\"k\">instanceof</span> MenuItem<span class=\"k\">))</span> <span class=\"k\">{</span>","                    item<span class=\"k\">.</span>editor <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">;</span>","                    item<span class=\"k\">.</span>theme <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">;</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>createItem<span class=\"k\">(</span>item<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getSeparator<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> menuSeparator<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        createItem<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>item<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"c\">//&#26032;&#22686;&#19968;&#20010;&#21442;&#25968;menu, &#35813;&#21442;&#25968;&#23384;&#20648;&#20102;menuItem&#25152;&#23545;&#24212;&#30340;menu&#24341;&#29992;</span>","            item<span class=\"k\">.</span>menu <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> <span class=\"k\">new</span> MenuItem<span class=\"k\">(</span>item<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _Popup_getContentHtmlTpl<span class=\"k\">:</span>Popup<span class=\"k\">.</span>prototype<span class=\"k\">.</span>getContentHtmlTpl<span class=\"k\">,</span>","        getContentHtmlTpl<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length <span class=\"k\">==</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_Popup_getContentHtmlTpl<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> buff <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> item <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">];</span>","                buff<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> item<span class=\"k\">.</span>renderHtml<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"k\">(</span><span class=\"s\">'&lt;div class=\"%%-body\"&gt;'</span> <span class=\"k\">+</span> buff<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _Popup_postRender<span class=\"k\">:</span>Popup<span class=\"k\">.</span>prototype<span class=\"k\">.</span>postRender<span class=\"k\">,</span>","        postRender<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> item <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">];</span>","                item<span class=\"k\">.</span>ownerMenu <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                item<span class=\"k\">.</span>postRender<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(),</span> <span class=\"s\">'mouseover'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span> <span class=\"k\">{</span>","                evt <span class=\"k\">=</span> evt <span class=\"k\">||</span> event<span class=\"k\">;</span>","                <span class=\"k\">var</span> rel <span class=\"k\">=</span> evt<span class=\"k\">.</span>relatedTarget <span class=\"k\">||</span> evt<span class=\"k\">.</span>fromElement<span class=\"k\">;</span>","                <span class=\"k\">var</span> el <span class=\"k\">=</span> me<span class=\"k\">.</span>getDom<span class=\"k\">();</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>uiUtils<span class=\"k\">.</span>contains<span class=\"k\">(</span>el<span class=\"k\">,</span> rel<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> el <span class=\"k\">!==</span> rel<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'over'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_Popup_postRender<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryAutoHide<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>el<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>el<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>uiUtils<span class=\"k\">.</span>contains<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(),</span> el<span class=\"k\">))</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> item <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">];</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>item<span class=\"k\">.</span>queryAutoHide<span class=\"k\">(</span>el<span class=\"k\">)</span> <span class=\"k\">===</span> <span class=\"k\">false</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        clearItems<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> item <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">];</span>","                clearTimeout<span class=\"k\">(</span>item<span class=\"k\">.</span>_showingTimer<span class=\"k\">);</span>","                clearTimeout<span class=\"k\">(</span>item<span class=\"k\">.</span>_closingTimer<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>item<span class=\"k\">.</span>subMenu<span class=\"k\">)</span> <span class=\"k\">{</span>","                    item<span class=\"k\">.</span>subMenu<span class=\"k\">.</span>destroy<span class=\"k\">();</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>items <span class=\"k\">=</span> <span class=\"k\">[];</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        destroy<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">())</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">());</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>clearItems<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        dispose<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>destroy<span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>Menu<span class=\"k\">,</span> Popup<span class=\"k\">);</span>","","    <span class=\"c\">/**</span>","<span class=\"c\">     * @update 2013/04/03 hancong03 &#26032;&#22686;&#19968;&#20010;&#21442;&#25968;menu, &#35813;&#21442;&#25968;&#23384;&#20648;&#20102;menuItem&#25152;&#23545;&#24212;&#30340;menu&#24341;&#29992;</span>","<span class=\"c\">     * @type {Function}</span>","<span class=\"c\">     */</span>","    <span class=\"k\">var</span> MenuItem <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>MenuItem <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_init<span class=\"k\">();</span>","        <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>subMenu <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!(</span><span class=\"k\">this</span><span class=\"k\">.</span>subMenu <span class=\"k\">instanceof</span> Menu<span class=\"k\">))</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>options<span class=\"k\">.</span>className <span class=\"k\">&amp;&amp;</span> options<span class=\"k\">.</span>className<span class=\"k\">.</span>indexOf<span class=\"k\">(</span><span class=\"s\">\"aligntd\"</span><span class=\"k\">)</span> <span class=\"k\">!=</span> <span class=\"k\">-</span><span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","","                <span class=\"c\">//&#33719;&#21462;&#21333;&#20803;&#26684;&#23545;&#40784;&#21021;&#22987;&#29366;&#24577;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">.</span>selected <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>queryCommandValue<span class=\"k\">(</span> <span class=\"s\">'cellalignment'</span> <span class=\"k\">);</span>","","                <span class=\"k\">this</span><span class=\"k\">.</span>subMenu <span class=\"k\">=</span> <span class=\"k\">new</span> Popup<span class=\"k\">(</span><span class=\"k\">{</span>","                    content<span class=\"k\">:</span><span class=\"k\">new</span> CellAlignPicker<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">),</span>","                    parentMenu<span class=\"k\">:</span>me<span class=\"k\">,</span>","                    editor<span class=\"k\">:</span>me<span class=\"k\">.</span>editor<span class=\"k\">,</span>","                    destroy<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">())</span> <span class=\"k\">{</span>","                            domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">());</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">\"postRenderAfter\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(),</span> <span class=\"s\">\"mouseover\"</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>addState<span class=\"k\">(</span><span class=\"s\">'opened'</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>subMenu <span class=\"k\">=</span> <span class=\"k\">new</span> Menu<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    MenuItem<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        label<span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","        subMenu<span class=\"k\">:</span><span class=\"k\">null</span><span class=\"k\">,</span>","        ownerMenu<span class=\"k\">:</span><span class=\"k\">null</span><span class=\"k\">,</span>","        uiName<span class=\"k\">:</span><span class=\"s\">'menuitem'</span><span class=\"k\">,</span>","        alwalysHoverable<span class=\"k\">:</span><span class=\"k\">true</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"%%\" stateful onclick=\"$$._onClick(event, this);\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"%%-body\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>renderLabelHtml<span class=\"k\">()</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        postRender<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'over'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>ownerMenu<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'submenuover'</span><span class=\"k\">,</span> me<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>subMenu<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>delayShowSubMenu<span class=\"k\">();</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>className <span class=\"k\">+=</span> <span class=\"s\">' edui-hassubmenu'</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">.</span>render<span class=\"k\">();</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'out'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>delayHideSubMenu<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'over'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    clearTimeout<span class=\"k\">(</span>me<span class=\"k\">.</span>_closingTimer<span class=\"k\">);</span>","                    me<span class=\"k\">.</span>_closingTimer <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    me<span class=\"k\">.</span>addState<span class=\"k\">(</span><span class=\"s\">'opened'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>ownerMenu<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'hide'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>hideSubMenu<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>ownerMenu<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'submenuover'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> subMenu<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>subMenu <span class=\"k\">!==</span> me<span class=\"k\">)</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>delayHideSubMenu<span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">.</span>_bakQueryAutoHide <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">.</span>queryAutoHide<span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">.</span>queryAutoHide <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>el<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>el <span class=\"k\">&amp;&amp;</span> uiUtils<span class=\"k\">.</span>contains<span class=\"k\">(</span>me<span class=\"k\">.</span>getDom<span class=\"k\">(),</span> el<span class=\"k\">))</span> <span class=\"k\">{</span>","                        <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_bakQueryAutoHide<span class=\"k\">(</span>el<span class=\"k\">);</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>tabIndex <span class=\"k\">=</span> <span class=\"s\">'-1'</span><span class=\"k\">;</span>","            uiUtils<span class=\"k\">.</span>makeUnselectable<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">());</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_postRender<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        delayShowSubMenu<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>isDisabled<span class=\"k\">())</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>addState<span class=\"k\">(</span><span class=\"s\">'opened'</span><span class=\"k\">);</span>","                clearTimeout<span class=\"k\">(</span>me<span class=\"k\">.</span>_showingTimer<span class=\"k\">);</span>","                clearTimeout<span class=\"k\">(</span>me<span class=\"k\">.</span>_closingTimer<span class=\"k\">);</span>","                me<span class=\"k\">.</span>_closingTimer <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                me<span class=\"k\">.</span>_showingTimer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>showSubMenu<span class=\"k\">();</span>","                <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">250</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        delayHideSubMenu<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>isDisabled<span class=\"k\">())</span> <span class=\"k\">{</span>","                me<span class=\"k\">.</span>removeState<span class=\"k\">(</span><span class=\"s\">'opened'</span><span class=\"k\">);</span>","                clearTimeout<span class=\"k\">(</span>me<span class=\"k\">.</span>_showingTimer<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>_closingTimer<span class=\"k\">)</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>_closingTimer <span class=\"k\">=</span> setTimeout<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>hasState<span class=\"k\">(</span><span class=\"s\">'opened'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>hideSubMenu<span class=\"k\">();</span>","                        <span class=\"k\">}</span>","                        me<span class=\"k\">.</span>_closingTimer <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"s\">400</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        renderLabelHtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div class=\"edui-arrow\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-box edui-icon\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-box edui-label %%-label\"&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>label <span class=\"k\">||</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getStateDom<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryAutoHide<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>el<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>subMenu <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>hasState<span class=\"k\">(</span><span class=\"s\">'opened'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">.</span>queryAutoHide<span class=\"k\">(</span>el<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onClick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>event<span class=\"k\">,</span> this_<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>hasState<span class=\"k\">(</span><span class=\"s\">'disabled'</span><span class=\"k\">))</span> <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'click'</span><span class=\"k\">,</span> event<span class=\"k\">,</span> this_<span class=\"k\">)</span> <span class=\"k\">!==</span> <span class=\"k\">false</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>showSubMenu<span class=\"k\">();</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    Popup<span class=\"k\">.</span>postHide<span class=\"k\">(</span>event<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        showSubMenu<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> rect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">());</span>","            rect<span class=\"k\">.</span>right <span class=\"k\">-=</span> <span class=\"s\">5</span><span class=\"k\">;</span>","            rect<span class=\"k\">.</span>left <span class=\"k\">+=</span> <span class=\"s\">2</span><span class=\"k\">;</span>","            rect<span class=\"k\">.</span>width <span class=\"k\">-=</span> <span class=\"s\">7</span><span class=\"k\">;</span>","            rect<span class=\"k\">.</span>top <span class=\"k\">-=</span> <span class=\"s\">4</span><span class=\"k\">;</span>","            rect<span class=\"k\">.</span>bottom <span class=\"k\">+=</span> <span class=\"s\">4</span><span class=\"k\">;</span>","            rect<span class=\"k\">.</span>height <span class=\"k\">+=</span> <span class=\"s\">8</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">.</span>showAnchorRect<span class=\"k\">(</span>rect<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        hideSubMenu<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>subMenu<span class=\"k\">.</span>hide<span class=\"k\">();</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>MenuItem<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","    utils<span class=\"k\">.</span>extend<span class=\"k\">(</span>MenuItem<span class=\"k\">.</span>prototype<span class=\"k\">,</span> Stateful<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/menu.js'][5]++;
+(function () {
+  _$jscoverage['ui/menu.js'][6]++;
+  var utils = baidu.editor.utils, domUtils = baidu.editor.dom.domUtils, uiUtils = baidu.editor.ui.uiUtils, UIBase = baidu.editor.ui.UIBase, Popup = baidu.editor.ui.Popup, Stateful = baidu.editor.ui.Stateful, CellAlignPicker = baidu.editor.ui.CellAlignPicker, Menu = (baidu.editor.ui.Menu = (function (options) {
+  _$jscoverage['ui/menu.js'][15]++;
+  this.initOptions(options);
+  _$jscoverage['ui/menu.js'][16]++;
+  this.initMenu();
+}));
+  _$jscoverage['ui/menu.js'][19]++;
+  var menuSeparator = {renderHtml: (function () {
+  _$jscoverage['ui/menu.js'][21]++;
+  return "<div class=\"edui-menuitem edui-menuseparator\"><div class=\"edui-menuseparator-inner\"></div></div>";
+}), postRender: (function () {
+}), queryAutoHide: (function () {
+  _$jscoverage['ui/menu.js'][26]++;
+  return true;
+})};
+  _$jscoverage['ui/menu.js'][29]++;
+  Menu.prototype = {items: null, uiName: "menu", initMenu: (function () {
+  _$jscoverage['ui/menu.js'][33]++;
+  this.items = (this.items || []);
+  _$jscoverage['ui/menu.js'][34]++;
+  this.initPopup();
+  _$jscoverage['ui/menu.js'][35]++;
+  this.initItems();
+}), initItems: (function () {
+  _$jscoverage['ui/menu.js'][38]++;
+  for (var i = 0; (i < this.items.length); (i++)) {
+    _$jscoverage['ui/menu.js'][39]++;
+    var item = this.items[i];
+    _$jscoverage['ui/menu.js'][40]++;
+    if ((item == "-")) {
+      _$jscoverage['ui/menu.js'][41]++;
+      this.items[i] = this.getSeparator();
+    }
+    else {
+      _$jscoverage['ui/menu.js'][42]++;
+      if ((! (item instanceof MenuItem))) {
+        _$jscoverage['ui/menu.js'][43]++;
+        item.editor = this.editor;
+        _$jscoverage['ui/menu.js'][44]++;
+        item.theme = this.editor.options.theme;
+        _$jscoverage['ui/menu.js'][45]++;
+        this.items[i] = this.createItem(item);
+      }
+    }
+}
+}), getSeparator: (function () {
+  _$jscoverage['ui/menu.js'][50]++;
+  return menuSeparator;
+}), createItem: (function (item) {
+  _$jscoverage['ui/menu.js'][54]++;
+  item.menu = this;
+  _$jscoverage['ui/menu.js'][55]++;
+  return new MenuItem(item);
+}), _Popup_getContentHtmlTpl: Popup.prototype.getContentHtmlTpl, getContentHtmlTpl: (function () {
+  _$jscoverage['ui/menu.js'][59]++;
+  if ((this.items.length == 0)) {
+    _$jscoverage['ui/menu.js'][60]++;
+    return this._Popup_getContentHtmlTpl();
+  }
+  _$jscoverage['ui/menu.js'][62]++;
+  var buff = [];
+  _$jscoverage['ui/menu.js'][63]++;
+  for (var i = 0; (i < this.items.length); (i++)) {
+    _$jscoverage['ui/menu.js'][64]++;
+    var item = this.items[i];
+    _$jscoverage['ui/menu.js'][65]++;
+    buff[i] = item.renderHtml();
+}
+  _$jscoverage['ui/menu.js'][67]++;
+  return ("<div class=\"%%-body\">" + buff.join("") + "</div>");
+}), _Popup_postRender: Popup.prototype.postRender, postRender: (function () {
+  _$jscoverage['ui/menu.js'][71]++;
+  var me = this;
+  _$jscoverage['ui/menu.js'][72]++;
+  for (var i = 0; (i < this.items.length); (i++)) {
+    _$jscoverage['ui/menu.js'][73]++;
+    var item = this.items[i];
+    _$jscoverage['ui/menu.js'][74]++;
+    item.ownerMenu = this;
+    _$jscoverage['ui/menu.js'][75]++;
+    item.postRender();
+}
+  _$jscoverage['ui/menu.js'][77]++;
+  domUtils.on(this.getDom(), "mouseover", (function (evt) {
+  _$jscoverage['ui/menu.js'][78]++;
+  evt = (evt || event);
+  _$jscoverage['ui/menu.js'][79]++;
+  var rel = (evt.relatedTarget || evt.fromElement);
+  _$jscoverage['ui/menu.js'][80]++;
+  var el = me.getDom();
+  _$jscoverage['ui/menu.js'][81]++;
+  if (((! uiUtils.contains(el, rel)) && (el !== rel))) {
+    _$jscoverage['ui/menu.js'][82]++;
+    me.fireEvent("over");
+  }
+}));
+  _$jscoverage['ui/menu.js'][85]++;
+  this._Popup_postRender();
+}), queryAutoHide: (function (el) {
+  _$jscoverage['ui/menu.js'][88]++;
+  if (el) {
+    _$jscoverage['ui/menu.js'][89]++;
+    if (uiUtils.contains(this.getDom(), el)) {
+      _$jscoverage['ui/menu.js'][90]++;
+      return false;
+    }
+    _$jscoverage['ui/menu.js'][92]++;
+    for (var i = 0; (i < this.items.length); (i++)) {
+      _$jscoverage['ui/menu.js'][93]++;
+      var item = this.items[i];
+      _$jscoverage['ui/menu.js'][94]++;
+      if ((item.queryAutoHide(el) === false)) {
+        _$jscoverage['ui/menu.js'][95]++;
+        return false;
+      }
+}
+  }
+}), clearItems: (function () {
+  _$jscoverage['ui/menu.js'][101]++;
+  for (var i = 0; (i < this.items.length); (i++)) {
+    _$jscoverage['ui/menu.js'][102]++;
+    var item = this.items[i];
+    _$jscoverage['ui/menu.js'][103]++;
+    clearTimeout(item._showingTimer);
+    _$jscoverage['ui/menu.js'][104]++;
+    clearTimeout(item._closingTimer);
+    _$jscoverage['ui/menu.js'][105]++;
+    if (item.subMenu) {
+      _$jscoverage['ui/menu.js'][106]++;
+      item.subMenu.destroy();
+    }
+}
+  _$jscoverage['ui/menu.js'][109]++;
+  this.items = [];
+}), destroy: (function () {
+  _$jscoverage['ui/menu.js'][112]++;
+  if (this.getDom()) {
+    _$jscoverage['ui/menu.js'][113]++;
+    domUtils.remove(this.getDom());
+  }
+  _$jscoverage['ui/menu.js'][115]++;
+  this.clearItems();
+}), dispose: (function () {
+  _$jscoverage['ui/menu.js'][118]++;
+  this.destroy();
+})};
+  _$jscoverage['ui/menu.js'][121]++;
+  utils.inherits(Menu, Popup);
+  _$jscoverage['ui/menu.js'][127]++;
+  var MenuItem = (baidu.editor.ui.MenuItem = (function (options) {
+  _$jscoverage['ui/menu.js'][128]++;
+  this.initOptions(options);
+  _$jscoverage['ui/menu.js'][129]++;
+  this.initUIBase();
+  _$jscoverage['ui/menu.js'][130]++;
+  this.Stateful_init();
+  _$jscoverage['ui/menu.js'][131]++;
+  if ((this.subMenu && (! (this.subMenu instanceof Menu)))) {
+    _$jscoverage['ui/menu.js'][132]++;
+    if ((options.className && (options.className.indexOf("aligntd") != -1))) {
+      _$jscoverage['ui/menu.js'][133]++;
+      var me = this;
+      _$jscoverage['ui/menu.js'][136]++;
+      this.subMenu.selected = this.editor.queryCommandValue("cellalignment");
+      _$jscoverage['ui/menu.js'][138]++;
+      this.subMenu = new Popup({content: new CellAlignPicker(this.subMenu), parentMenu: me, editor: me.editor, destroy: (function () {
+  _$jscoverage['ui/menu.js'][143]++;
+  if (this.getDom()) {
+    _$jscoverage['ui/menu.js'][144]++;
+    domUtils.remove(this.getDom());
+  }
+})});
+      _$jscoverage['ui/menu.js'][148]++;
+      this.subMenu.addListener("postRenderAfter", (function () {
+  _$jscoverage['ui/menu.js'][149]++;
+  domUtils.on(this.getDom(), "mouseover", (function () {
+  _$jscoverage['ui/menu.js'][150]++;
+  me.addState("opened");
+}));
+}));
+    }
+    else {
+      _$jscoverage['ui/menu.js'][154]++;
+      this.subMenu = new Menu(this.subMenu);
+    }
+  }
+}));
+  _$jscoverage['ui/menu.js'][158]++;
+  MenuItem.prototype = {label: "", subMenu: null, ownerMenu: null, uiName: "menuitem", alwalysHoverable: true, getHtmlTpl: (function () {
+  _$jscoverage['ui/menu.js'][165]++;
+  return ("<div id=\"##\" class=\"%%\" stateful onclick=\"$$._onClick(event, this);\">" + "<div class=\"%%-body\">" + this.renderLabelHtml() + "</div>" + "</div>");
+}), postRender: (function () {
+  _$jscoverage['ui/menu.js'][172]++;
+  var me = this;
+  _$jscoverage['ui/menu.js'][173]++;
+  this.addListener("over", (function () {
+  _$jscoverage['ui/menu.js'][174]++;
+  me.ownerMenu.fireEvent("submenuover", me);
+  _$jscoverage['ui/menu.js'][175]++;
+  if (me.subMenu) {
+    _$jscoverage['ui/menu.js'][176]++;
+    me.delayShowSubMenu();
+  }
+}));
+  _$jscoverage['ui/menu.js'][179]++;
+  if (this.subMenu) {
+    _$jscoverage['ui/menu.js'][180]++;
+    this.getDom().className += " edui-hassubmenu";
+    _$jscoverage['ui/menu.js'][181]++;
+    this.subMenu.render();
+    _$jscoverage['ui/menu.js'][182]++;
+    this.addListener("out", (function () {
+  _$jscoverage['ui/menu.js'][183]++;
+  me.delayHideSubMenu();
+}));
+    _$jscoverage['ui/menu.js'][185]++;
+    this.subMenu.addListener("over", (function () {
+  _$jscoverage['ui/menu.js'][186]++;
+  clearTimeout(me._closingTimer);
+  _$jscoverage['ui/menu.js'][187]++;
+  me._closingTimer = null;
+  _$jscoverage['ui/menu.js'][188]++;
+  me.addState("opened");
+}));
+    _$jscoverage['ui/menu.js'][190]++;
+    this.ownerMenu.addListener("hide", (function () {
+  _$jscoverage['ui/menu.js'][191]++;
+  me.hideSubMenu();
+}));
+    _$jscoverage['ui/menu.js'][193]++;
+    this.ownerMenu.addListener("submenuover", (function (t, subMenu) {
+  _$jscoverage['ui/menu.js'][194]++;
+  if ((subMenu !== me)) {
+    _$jscoverage['ui/menu.js'][195]++;
+    me.delayHideSubMenu();
+  }
+}));
+    _$jscoverage['ui/menu.js'][198]++;
+    this.subMenu._bakQueryAutoHide = this.subMenu.queryAutoHide;
+    _$jscoverage['ui/menu.js'][199]++;
+    this.subMenu.queryAutoHide = (function (el) {
+  _$jscoverage['ui/menu.js'][200]++;
+  if ((el && uiUtils.contains(me.getDom(), el))) {
+    _$jscoverage['ui/menu.js'][201]++;
+    return false;
+  }
+  _$jscoverage['ui/menu.js'][203]++;
+  return this._bakQueryAutoHide(el);
+});
+  }
+  _$jscoverage['ui/menu.js'][206]++;
+  this.getDom().style.tabIndex = "-1";
+  _$jscoverage['ui/menu.js'][207]++;
+  uiUtils.makeUnselectable(this.getDom());
+  _$jscoverage['ui/menu.js'][208]++;
+  this.Stateful_postRender();
+}), delayShowSubMenu: (function () {
+  _$jscoverage['ui/menu.js'][211]++;
+  var me = this;
+  _$jscoverage['ui/menu.js'][212]++;
+  if ((! me.isDisabled())) {
+    _$jscoverage['ui/menu.js'][213]++;
+    me.addState("opened");
+    _$jscoverage['ui/menu.js'][214]++;
+    clearTimeout(me._showingTimer);
+    _$jscoverage['ui/menu.js'][215]++;
+    clearTimeout(me._closingTimer);
+    _$jscoverage['ui/menu.js'][216]++;
+    me._closingTimer = null;
+    _$jscoverage['ui/menu.js'][217]++;
+    me._showingTimer = setTimeout((function () {
+  _$jscoverage['ui/menu.js'][218]++;
+  me.showSubMenu();
+}), 250);
+  }
+}), delayHideSubMenu: (function () {
+  _$jscoverage['ui/menu.js'][223]++;
+  var me = this;
+  _$jscoverage['ui/menu.js'][224]++;
+  if ((! me.isDisabled())) {
+    _$jscoverage['ui/menu.js'][225]++;
+    me.removeState("opened");
+    _$jscoverage['ui/menu.js'][226]++;
+    clearTimeout(me._showingTimer);
+    _$jscoverage['ui/menu.js'][227]++;
+    if ((! me._closingTimer)) {
+      _$jscoverage['ui/menu.js'][228]++;
+      me._closingTimer = setTimeout((function () {
+  _$jscoverage['ui/menu.js'][229]++;
+  if ((! me.hasState("opened"))) {
+    _$jscoverage['ui/menu.js'][230]++;
+    me.hideSubMenu();
+  }
+  _$jscoverage['ui/menu.js'][232]++;
+  me._closingTimer = null;
+}), 400);
+    }
+  }
+}), renderLabelHtml: (function () {
+  _$jscoverage['ui/menu.js'][238]++;
+  return ("<div class=\"edui-arrow\"></div>" + "<div class=\"edui-box edui-icon\"></div>" + "<div class=\"edui-box edui-label %%-label\">" + (this.label || "") + "</div>");
+}), getStateDom: (function () {
+  _$jscoverage['ui/menu.js'][243]++;
+  return this.getDom();
+}), queryAutoHide: (function (el) {
+  _$jscoverage['ui/menu.js'][246]++;
+  if ((this.subMenu && this.hasState("opened"))) {
+    _$jscoverage['ui/menu.js'][247]++;
+    return this.subMenu.queryAutoHide(el);
+  }
+}), _onClick: (function (event, this_) {
+  _$jscoverage['ui/menu.js'][251]++;
+  if (this.hasState("disabled")) {
+    _$jscoverage['ui/menu.js'][251]++;
+    return;
+  }
+  _$jscoverage['ui/menu.js'][252]++;
+  if ((this.fireEvent("click", event, this_) !== false)) {
+    _$jscoverage['ui/menu.js'][253]++;
+    if (this.subMenu) {
+      _$jscoverage['ui/menu.js'][254]++;
+      this.showSubMenu();
+    }
+    else {
+      _$jscoverage['ui/menu.js'][256]++;
+      Popup.postHide(event);
+    }
+  }
+}), showSubMenu: (function () {
+  _$jscoverage['ui/menu.js'][261]++;
+  var rect = uiUtils.getClientRect(this.getDom());
+  _$jscoverage['ui/menu.js'][262]++;
+  rect.right -= 5;
+  _$jscoverage['ui/menu.js'][263]++;
+  rect.left += 2;
+  _$jscoverage['ui/menu.js'][264]++;
+  rect.width -= 7;
+  _$jscoverage['ui/menu.js'][265]++;
+  rect.top -= 4;
+  _$jscoverage['ui/menu.js'][266]++;
+  rect.bottom += 4;
+  _$jscoverage['ui/menu.js'][267]++;
+  rect.height += 8;
+  _$jscoverage['ui/menu.js'][268]++;
+  this.subMenu.showAnchorRect(rect, true, true);
+}), hideSubMenu: (function () {
+  _$jscoverage['ui/menu.js'][271]++;
+  this.subMenu.hide();
+})};
+  _$jscoverage['ui/menu.js'][274]++;
+  utils.inherits(MenuItem, UIBase);
+  _$jscoverage['ui/menu.js'][275]++;
+  utils.extend(MenuItem.prototype, Stateful, true);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/menubutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/menubutton.js
new file mode 100644
index 000000000..00f482ad9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/menubutton.js
@@ -0,0 +1,104 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/menubutton.js']) {
+  _$jscoverage['ui/menubutton.js'] = [];
+  _$jscoverage['ui/menubutton.js'][5] = 0;
+  _$jscoverage['ui/menubutton.js'][6] = 0;
+  _$jscoverage['ui/menubutton.js'][10] = 0;
+  _$jscoverage['ui/menubutton.js'][11] = 0;
+  _$jscoverage['ui/menubutton.js'][13] = 0;
+  _$jscoverage['ui/menubutton.js'][15] = 0;
+  _$jscoverage['ui/menubutton.js'][16] = 0;
+  _$jscoverage['ui/menubutton.js'][17] = 0;
+  _$jscoverage['ui/menubutton.js'][22] = 0;
+  _$jscoverage['ui/menubutton.js'][23] = 0;
+  _$jscoverage['ui/menubutton.js'][24] = 0;
+  _$jscoverage['ui/menubutton.js'][25] = 0;
+  _$jscoverage['ui/menubutton.js'][26] = 0;
+  _$jscoverage['ui/menubutton.js'][27] = 0;
+  _$jscoverage['ui/menubutton.js'][28] = 0;
+  _$jscoverage['ui/menubutton.js'][32] = 0;
+  _$jscoverage['ui/menubutton.js'][35] = 0;
+  _$jscoverage['ui/menubutton.js'][39] = 0;
+}
+_$jscoverage['ui/menubutton.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"c\">///import ui/menu.js</span>","<span class=\"c\">///import ui/splitbutton.js</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        Menu <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Menu<span class=\"k\">,</span>","        SplitButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>SplitButton<span class=\"k\">,</span>","        MenuButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>MenuButton <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initMenuButton<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    MenuButton<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        initMenuButton<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>uiName <span class=\"k\">=</span> <span class=\"s\">\"menubutton\"</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">=</span> <span class=\"k\">new</span> Menu<span class=\"k\">(</span><span class=\"k\">{</span>","                items<span class=\"k\">:</span> me<span class=\"k\">.</span>items<span class=\"k\">,</span>","                className<span class=\"k\">:</span> me<span class=\"k\">.</span>className<span class=\"k\">,</span>","                editor<span class=\"k\">:</span>me<span class=\"k\">.</span>editor","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'show'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> list <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span>list<span class=\"k\">.</span>items<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    list<span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">].</span>removeState<span class=\"k\">(</span><span class=\"s\">'checked'</span><span class=\"k\">);</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>list<span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">].</span>value <span class=\"k\">==</span> me<span class=\"k\">.</span>_value<span class=\"k\">)</span> <span class=\"k\">{</span>","                        list<span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">].</span>addState<span class=\"k\">(</span><span class=\"s\">'checked'</span><span class=\"k\">);</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>value <span class=\"k\">=</span> me<span class=\"k\">.</span>_value<span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initSplitButton<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setValue <span class=\"k\">:</span> <span class=\"k\">function</span><span class=\"k\">(</span>value<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_value <span class=\"k\">=</span> value<span class=\"k\">;</span>","        <span class=\"k\">}</span>","        ","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>MenuButton<span class=\"k\">,</span> SplitButton<span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/menubutton.js'][5]++;
+(function () {
+  _$jscoverage['ui/menubutton.js'][6]++;
+  var utils = baidu.editor.utils, Menu = baidu.editor.ui.Menu, SplitButton = baidu.editor.ui.SplitButton, MenuButton = (baidu.editor.ui.MenuButton = (function (options) {
+  _$jscoverage['ui/menubutton.js'][10]++;
+  this.initOptions(options);
+  _$jscoverage['ui/menubutton.js'][11]++;
+  this.initMenuButton();
+}));
+  _$jscoverage['ui/menubutton.js'][13]++;
+  MenuButton.prototype = {initMenuButton: (function () {
+  _$jscoverage['ui/menubutton.js'][15]++;
+  var me = this;
+  _$jscoverage['ui/menubutton.js'][16]++;
+  this.uiName = "menubutton";
+  _$jscoverage['ui/menubutton.js'][17]++;
+  this.popup = new Menu({items: me.items, className: me.className, editor: me.editor});
+  _$jscoverage['ui/menubutton.js'][22]++;
+  this.popup.addListener("show", (function () {
+  _$jscoverage['ui/menubutton.js'][23]++;
+  var list = this;
+  _$jscoverage['ui/menubutton.js'][24]++;
+  for (var i = 0; (i < list.items.length); (i++)) {
+    _$jscoverage['ui/menubutton.js'][25]++;
+    list.items[i].removeState("checked");
+    _$jscoverage['ui/menubutton.js'][26]++;
+    if ((list.items[i].value == me._value)) {
+      _$jscoverage['ui/menubutton.js'][27]++;
+      list.items[i].addState("checked");
+      _$jscoverage['ui/menubutton.js'][28]++;
+      this.value = me._value;
+    }
+}
+}));
+  _$jscoverage['ui/menubutton.js'][32]++;
+  this.initSplitButton();
+}), setValue: (function (value) {
+  _$jscoverage['ui/menubutton.js'][35]++;
+  this._value = value;
+})};
+  _$jscoverage['ui/menubutton.js'][39]++;
+  utils.inherits(MenuButton, SplitButton);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/multiMenu.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/multiMenu.js
new file mode 100644
index 000000000..78557ac8f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/multiMenu.js
@@ -0,0 +1,94 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/multiMenu.js']) {
+  _$jscoverage['ui/multiMenu.js'] = [];
+  _$jscoverage['ui/multiMenu.js'][4] = 0;
+  _$jscoverage['ui/multiMenu.js'][5] = 0;
+  _$jscoverage['ui/multiMenu.js'][9] = 0;
+  _$jscoverage['ui/multiMenu.js'][10] = 0;
+  _$jscoverage['ui/multiMenu.js'][13] = 0;
+  _$jscoverage['ui/multiMenu.js'][15] = 0;
+  _$jscoverage['ui/multiMenu.js'][16] = 0;
+  _$jscoverage['ui/multiMenu.js'][21] = 0;
+  _$jscoverage['ui/multiMenu.js'][22] = 0;
+  _$jscoverage['ui/multiMenu.js'][23] = 0;
+  _$jscoverage['ui/multiMenu.js'][24] = 0;
+  _$jscoverage['ui/multiMenu.js'][30] = 0;
+  _$jscoverage['ui/multiMenu.js'][31] = 0;
+  _$jscoverage['ui/multiMenu.js'][33] = 0;
+  _$jscoverage['ui/multiMenu.js'][38] = 0;
+}
+_$jscoverage['ui/multiMenu.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>"," <span class=\"c\">///commands &#34920;&#24773;</span>","<span class=\"k\">(</span><span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        Popup <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">,</span>","        SplitButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>SplitButton<span class=\"k\">,</span>","        MultiMenuPop <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>MultiMenuPop <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initMultiMenu<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","    MultiMenuPop<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        initMultiMenu<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">=</span> <span class=\"k\">new</span> Popup<span class=\"k\">(</span><span class=\"k\">{</span>","                content<span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span>","                editor <span class=\"k\">:</span> me<span class=\"k\">.</span>editor<span class=\"k\">,</span>","                iframe_rendered<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","                onshow<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>iframe_rendered<span class=\"k\">)</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>iframe_rendered <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'content'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'&lt;iframe id=\"'</span><span class=\"k\">+</span>me<span class=\"k\">.</span>id<span class=\"k\">+</span><span class=\"s\">'_iframe\" src=\"'</span><span class=\"k\">+</span> me<span class=\"k\">.</span>iframeUrl <span class=\"k\">+</span><span class=\"s\">'\" frameborder=\"0\"&gt;&lt;/iframe&gt;'</span><span class=\"k\">;</span>","                        me<span class=\"k\">.</span>editor<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> me<span class=\"k\">.</span>editor<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">*</span> <span class=\"s\">1</span> <span class=\"k\">+</span> <span class=\"s\">1</span><span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","               <span class=\"c\">// canSideUp:false,</span>","               <span class=\"c\">// canSideLeft:false</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>onbuttonclick <span class=\"k\">=</span> <span class=\"k\">function</span><span class=\"k\">()</span><span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>showPopup<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initSplitButton<span class=\"k\">();</span>","        <span class=\"k\">}</span>","","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>MultiMenuPop<span class=\"k\">,</span> SplitButton<span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/multiMenu.js'][4]++;
+(function () {
+  _$jscoverage['ui/multiMenu.js'][5]++;
+  var utils = baidu.editor.utils, Popup = baidu.editor.ui.Popup, SplitButton = baidu.editor.ui.SplitButton, MultiMenuPop = (baidu.editor.ui.MultiMenuPop = (function (options) {
+  _$jscoverage['ui/multiMenu.js'][9]++;
+  this.initOptions(options);
+  _$jscoverage['ui/multiMenu.js'][10]++;
+  this.initMultiMenu();
+}));
+  _$jscoverage['ui/multiMenu.js'][13]++;
+  MultiMenuPop.prototype = {initMultiMenu: (function () {
+  _$jscoverage['ui/multiMenu.js'][15]++;
+  var me = this;
+  _$jscoverage['ui/multiMenu.js'][16]++;
+  this.popup = new Popup({content: "", editor: me.editor, iframe_rendered: false, onshow: (function () {
+  _$jscoverage['ui/multiMenu.js'][21]++;
+  if ((! this.iframe_rendered)) {
+    _$jscoverage['ui/multiMenu.js'][22]++;
+    this.iframe_rendered = true;
+    _$jscoverage['ui/multiMenu.js'][23]++;
+    this.getDom("content").innerHTML = ("<iframe id=\"" + me.id + "_iframe\" src=\"" + me.iframeUrl + "\" frameborder=\"0\"></iframe>");
+    _$jscoverage['ui/multiMenu.js'][24]++;
+    (me.editor.container.style.zIndex && (this.getDom().style.zIndex = ((me.editor.container.style.zIndex * 1) + 1)));
+  }
+})});
+  _$jscoverage['ui/multiMenu.js'][30]++;
+  this.onbuttonclick = (function () {
+  _$jscoverage['ui/multiMenu.js'][31]++;
+  this.showPopup();
+});
+  _$jscoverage['ui/multiMenu.js'][33]++;
+  this.initSplitButton();
+})};
+  _$jscoverage['ui/multiMenu.js'][38]++;
+  utils.inherits(MultiMenuPop, SplitButton);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/pastepicker.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/pastepicker.js
new file mode 100644
index 000000000..d17ca60dc
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/pastepicker.js
@@ -0,0 +1,125 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/pastepicker.js']) {
+  _$jscoverage['ui/pastepicker.js'] = [];
+  _$jscoverage['ui/pastepicker.js'][3] = 0;
+  _$jscoverage['ui/pastepicker.js'][4] = 0;
+  _$jscoverage['ui/pastepicker.js'][9] = 0;
+  _$jscoverage['ui/pastepicker.js'][10] = 0;
+  _$jscoverage['ui/pastepicker.js'][11] = 0;
+  _$jscoverage['ui/pastepicker.js'][13] = 0;
+  _$jscoverage['ui/pastepicker.js'][15] = 0;
+  _$jscoverage['ui/pastepicker.js'][16] = 0;
+  _$jscoverage['ui/pastepicker.js'][19] = 0;
+  _$jscoverage['ui/pastepicker.js'][34] = 0;
+  _$jscoverage['ui/pastepicker.js'][37] = 0;
+  _$jscoverage['ui/pastepicker.js'][38] = 0;
+  _$jscoverage['ui/pastepicker.js'][41] = 0;
+  _$jscoverage['ui/pastepicker.js'][45] = 0;
+  _$jscoverage['ui/pastepicker.js'][46] = 0;
+  _$jscoverage['ui/pastepicker.js'][48] = 0;
+  _$jscoverage['ui/pastepicker.js'][50] = 0;
+  _$jscoverage['ui/pastepicker.js'][51] = 0;
+  _$jscoverage['ui/pastepicker.js'][52] = 0;
+  _$jscoverage['ui/pastepicker.js'][54] = 0;
+  _$jscoverage['ui/pastepicker.js'][55] = 0;
+  _$jscoverage['ui/pastepicker.js'][60] = 0;
+  _$jscoverage['ui/pastepicker.js'][61] = 0;
+}
+_$jscoverage['ui/pastepicker.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        Stateful <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Stateful<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">;</span>","","    <span class=\"k\">var</span> PastePicker <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>PastePicker <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initPastePicker<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    PastePicker<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        initPastePicker<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_init<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div class=\"edui-pasteicon\" onclick=\"$$._onClick(this)\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-pastecontainer\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-title\"&gt;'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"pasteOpt\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-button\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div title=\"'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"pasteSourceFormat\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'\" onclick=\"$$.format(false)\" stateful&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-richtxticon\"&gt;&lt;/div&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div title=\"'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"tagFormat\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'\" onclick=\"$$.format(2)\" stateful&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-tagicon\"&gt;&lt;/div&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div title=\"'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"pasteTextFormat\"</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'\" onclick=\"$$.format(true)\" stateful&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-plaintxticon\"&gt;&lt;/div&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getStateDom<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>target<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        format<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>param<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>_isTransfer <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'pasteTransfer'</span><span class=\"k\">,</span> param<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onClick<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>cur<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> node <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getNextDomNode<span class=\"k\">(</span>cur<span class=\"k\">),</span>","                screenHt <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportRect<span class=\"k\">().</span>height<span class=\"k\">,</span>","                subPop <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span>node<span class=\"k\">);</span>","","            <span class=\"k\">if</span> <span class=\"k\">((</span>subPop<span class=\"k\">.</span>top <span class=\"k\">+</span> subPop<span class=\"k\">.</span>height<span class=\"k\">)</span> <span class=\"k\">&gt;</span> screenHt<span class=\"k\">)</span>","                node<span class=\"k\">.</span>style<span class=\"k\">.</span>top <span class=\"k\">=</span> <span class=\"k\">(-</span>subPop<span class=\"k\">.</span>height <span class=\"k\">-</span> cur<span class=\"k\">.</span>offsetHeight<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">\"px\"</span><span class=\"k\">;</span>","            <span class=\"k\">else</span>","                node<span class=\"k\">.</span>style<span class=\"k\">.</span>top <span class=\"k\">=</span> <span class=\"s\">\"\"</span><span class=\"k\">;</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"s\">/hidden/ig</span><span class=\"k\">.</span>test<span class=\"k\">(</span>domUtils<span class=\"k\">.</span>getComputedStyle<span class=\"k\">(</span>node<span class=\"k\">,</span> <span class=\"s\">\"visibility\"</span><span class=\"k\">)))</span> <span class=\"k\">{</span>","                node<span class=\"k\">.</span>style<span class=\"k\">.</span>visibility <span class=\"k\">=</span> <span class=\"s\">\"visible\"</span><span class=\"k\">;</span>","                domUtils<span class=\"k\">.</span>addClass<span class=\"k\">(</span>cur<span class=\"k\">,</span> <span class=\"s\">\"edui-state-opened\"</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                node<span class=\"k\">.</span>style<span class=\"k\">.</span>visibility <span class=\"k\">=</span> <span class=\"s\">\"hidden\"</span><span class=\"k\">;</span>","                domUtils<span class=\"k\">.</span>removeClasses<span class=\"k\">(</span>cur<span class=\"k\">,</span> <span class=\"s\">\"edui-state-opened\"</span><span class=\"k\">)</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _UIBase_render<span class=\"k\">:</span>UIBase<span class=\"k\">.</span>prototype<span class=\"k\">.</span>render","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>PastePicker<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","    utils<span class=\"k\">.</span>extend<span class=\"k\">(</span>PastePicker<span class=\"k\">.</span>prototype<span class=\"k\">,</span> Stateful<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>","","","",""];
+_$jscoverage['ui/pastepicker.js'][3]++;
+(function () {
+  _$jscoverage['ui/pastepicker.js'][4]++;
+  var utils = baidu.editor.utils, Stateful = baidu.editor.ui.Stateful, uiUtils = baidu.editor.ui.uiUtils, UIBase = baidu.editor.ui.UIBase;
+  _$jscoverage['ui/pastepicker.js'][9]++;
+  var PastePicker = (baidu.editor.ui.PastePicker = (function (options) {
+  _$jscoverage['ui/pastepicker.js'][10]++;
+  this.initOptions(options);
+  _$jscoverage['ui/pastepicker.js'][11]++;
+  this.initPastePicker();
+}));
+  _$jscoverage['ui/pastepicker.js'][13]++;
+  PastePicker.prototype = {initPastePicker: (function () {
+  _$jscoverage['ui/pastepicker.js'][15]++;
+  this.initUIBase();
+  _$jscoverage['ui/pastepicker.js'][16]++;
+  this.Stateful_init();
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/pastepicker.js'][19]++;
+  return ("<div class=\"edui-pasteicon\" onclick=\"$$._onClick(this)\"></div>" + "<div class=\"edui-pastecontainer\">" + "<div class=\"edui-title\">" + this.editor.getLang("pasteOpt") + "</div>" + "<div class=\"edui-button\">" + "<div title=\"" + this.editor.getLang("pasteSourceFormat") + "\" onclick=\"$$.format(false)\" stateful>" + "<div class=\"edui-richtxticon\"></div></div>" + "<div title=\"" + this.editor.getLang("tagFormat") + "\" onclick=\"$$.format(2)\" stateful>" + "<div class=\"edui-tagicon\"></div></div>" + "<div title=\"" + this.editor.getLang("pasteTextFormat") + "\" onclick=\"$$.format(true)\" stateful>" + "<div class=\"edui-plaintxticon\"></div></div>" + "</div>" + "</div>" + "</div>");
+}), getStateDom: (function () {
+  _$jscoverage['ui/pastepicker.js'][34]++;
+  return this.target;
+}), format: (function (param) {
+  _$jscoverage['ui/pastepicker.js'][37]++;
+  this.editor.ui._isTransfer = true;
+  _$jscoverage['ui/pastepicker.js'][38]++;
+  this.editor.fireEvent("pasteTransfer", param);
+}), _onClick: (function (cur) {
+  _$jscoverage['ui/pastepicker.js'][41]++;
+  var node = domUtils.getNextDomNode(cur), screenHt = uiUtils.getViewportRect().height, subPop = uiUtils.getClientRect(node);
+  _$jscoverage['ui/pastepicker.js'][45]++;
+  if (((subPop.top + subPop.height) > screenHt)) {
+    _$jscoverage['ui/pastepicker.js'][46]++;
+    node.style.top = (((- subPop.height) - cur.offsetHeight) + "px");
+  }
+  else {
+    _$jscoverage['ui/pastepicker.js'][48]++;
+    node.style.top = "";
+  }
+  _$jscoverage['ui/pastepicker.js'][50]++;
+  if (/hidden/gi.test(domUtils.getComputedStyle(node, "visibility"))) {
+    _$jscoverage['ui/pastepicker.js'][51]++;
+    node.style.visibility = "visible";
+    _$jscoverage['ui/pastepicker.js'][52]++;
+    domUtils.addClass(cur, "edui-state-opened");
+  }
+  else {
+    _$jscoverage['ui/pastepicker.js'][54]++;
+    node.style.visibility = "hidden";
+    _$jscoverage['ui/pastepicker.js'][55]++;
+    domUtils.removeClasses(cur, "edui-state-opened");
+  }
+}), _UIBase_render: UIBase.prototype.render};
+  _$jscoverage['ui/pastepicker.js'][60]++;
+  utils.inherits(PastePicker, UIBase);
+  _$jscoverage['ui/pastepicker.js'][61]++;
+  utils.extend(PastePicker.prototype, Stateful, true);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/popup.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/popup.js
new file mode 100644
index 000000000..ced902dd1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/popup.js
@@ -0,0 +1,433 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/popup.js']) {
+  _$jscoverage['ui/popup.js'] = [];
+  _$jscoverage['ui/popup.js'][3] = 0;
+  _$jscoverage['ui/popup.js'][4] = 0;
+  _$jscoverage['ui/popup.js'][9] = 0;
+  _$jscoverage['ui/popup.js'][10] = 0;
+  _$jscoverage['ui/popup.js'][13] = 0;
+  _$jscoverage['ui/popup.js'][14] = 0;
+  _$jscoverage['ui/popup.js'][15] = 0;
+  _$jscoverage['ui/popup.js'][16] = 0;
+  _$jscoverage['ui/popup.js'][17] = 0;
+  _$jscoverage['ui/popup.js'][18] = 0;
+  _$jscoverage['ui/popup.js'][19] = 0;
+  _$jscoverage['ui/popup.js'][20] = 0;
+  _$jscoverage['ui/popup.js'][25] = 0;
+  _$jscoverage['ui/popup.js'][26] = 0;
+  _$jscoverage['ui/popup.js'][29] = 0;
+  _$jscoverage['ui/popup.js'][31] = 0;
+  _$jscoverage['ui/popup.js'][33] = 0;
+  _$jscoverage['ui/popup.js'][41] = 0;
+  _$jscoverage['ui/popup.js'][42] = 0;
+  _$jscoverage['ui/popup.js'][45] = 0;
+  _$jscoverage['ui/popup.js'][56] = 0;
+  _$jscoverage['ui/popup.js'][57] = 0;
+  _$jscoverage['ui/popup.js'][58] = 0;
+  _$jscoverage['ui/popup.js'][60] = 0;
+  _$jscoverage['ui/popup.js'][62] = 0;
+  _$jscoverage['ui/popup.js'][70] = 0;
+  _$jscoverage['ui/popup.js'][71] = 0;
+  _$jscoverage['ui/popup.js'][75] = 0;
+  _$jscoverage['ui/popup.js'][77] = 0;
+  _$jscoverage['ui/popup.js'][79] = 0;
+  _$jscoverage['ui/popup.js'][85] = 0;
+  _$jscoverage['ui/popup.js'][86] = 0;
+  _$jscoverage['ui/popup.js'][87] = 0;
+  _$jscoverage['ui/popup.js'][91] = 0;
+  _$jscoverage['ui/popup.js'][93] = 0;
+  _$jscoverage['ui/popup.js'][95] = 0;
+  _$jscoverage['ui/popup.js'][96] = 0;
+  _$jscoverage['ui/popup.js'][98] = 0;
+  _$jscoverage['ui/popup.js'][101] = 0;
+  _$jscoverage['ui/popup.js'][103] = 0;
+  _$jscoverage['ui/popup.js'][107] = 0;
+  _$jscoverage['ui/popup.js'][116] = 0;
+  _$jscoverage['ui/popup.js'][118] = 0;
+  _$jscoverage['ui/popup.js'][120] = 0;
+  _$jscoverage['ui/popup.js'][127] = 0;
+  _$jscoverage['ui/popup.js'][128] = 0;
+  _$jscoverage['ui/popup.js'][129] = 0;
+  _$jscoverage['ui/popup.js'][132] = 0;
+  _$jscoverage['ui/popup.js'][133] = 0;
+  _$jscoverage['ui/popup.js'][137] = 0;
+  _$jscoverage['ui/popup.js'][138] = 0;
+  _$jscoverage['ui/popup.js'][141] = 0;
+  _$jscoverage['ui/popup.js'][142] = 0;
+  _$jscoverage['ui/popup.js'][144] = 0;
+  _$jscoverage['ui/popup.js'][145] = 0;
+  _$jscoverage['ui/popup.js'][146] = 0;
+  _$jscoverage['ui/popup.js'][147] = 0;
+  _$jscoverage['ui/popup.js'][148] = 0;
+  _$jscoverage['ui/popup.js'][149] = 0;
+  _$jscoverage['ui/popup.js'][150] = 0;
+  _$jscoverage['ui/popup.js'][152] = 0;
+  _$jscoverage['ui/popup.js'][154] = 0;
+  _$jscoverage['ui/popup.js'][155] = 0;
+  _$jscoverage['ui/popup.js'][156] = 0;
+  _$jscoverage['ui/popup.js'][157] = 0;
+  _$jscoverage['ui/popup.js'][160] = 0;
+  _$jscoverage['ui/popup.js'][163] = 0;
+  _$jscoverage['ui/popup.js'][164] = 0;
+  _$jscoverage['ui/popup.js'][165] = 0;
+  _$jscoverage['ui/popup.js'][166] = 0;
+  _$jscoverage['ui/popup.js'][168] = 0;
+  _$jscoverage['ui/popup.js'][169] = 0;
+  _$jscoverage['ui/popup.js'][170] = 0;
+  _$jscoverage['ui/popup.js'][171] = 0;
+  _$jscoverage['ui/popup.js'][172] = 0;
+  _$jscoverage['ui/popup.js'][173] = 0;
+  _$jscoverage['ui/popup.js'][175] = 0;
+  _$jscoverage['ui/popup.js'][176] = 0;
+  _$jscoverage['ui/popup.js'][177] = 0;
+  _$jscoverage['ui/popup.js'][178] = 0;
+  _$jscoverage['ui/popup.js'][181] = 0;
+  _$jscoverage['ui/popup.js'][182] = 0;
+  _$jscoverage['ui/popup.js'][186] = 0;
+  _$jscoverage['ui/popup.js'][187] = 0;
+  _$jscoverage['ui/popup.js'][188] = 0;
+  _$jscoverage['ui/popup.js'][189] = 0;
+  _$jscoverage['ui/popup.js'][190] = 0;
+  _$jscoverage['ui/popup.js'][195] = 0;
+  _$jscoverage['ui/popup.js'][196] = 0;
+  _$jscoverage['ui/popup.js'][197] = 0;
+  _$jscoverage['ui/popup.js'][205] = 0;
+  _$jscoverage['ui/popup.js'][208] = 0;
+  _$jscoverage['ui/popup.js'][209] = 0;
+  _$jscoverage['ui/popup.js'][210] = 0;
+  _$jscoverage['ui/popup.js'][211] = 0;
+  _$jscoverage['ui/popup.js'][215] = 0;
+  _$jscoverage['ui/popup.js'][219] = 0;
+  _$jscoverage['ui/popup.js'][222] = 0;
+  _$jscoverage['ui/popup.js'][223] = 0;
+  _$jscoverage['ui/popup.js'][226] = 0;
+  _$jscoverage['ui/popup.js'][227] = 0;
+  _$jscoverage['ui/popup.js'][228] = 0;
+  _$jscoverage['ui/popup.js'][229] = 0;
+  _$jscoverage['ui/popup.js'][230] = 0;
+  _$jscoverage['ui/popup.js'][235] = 0;
+  _$jscoverage['ui/popup.js'][238] = 0;
+  _$jscoverage['ui/popup.js'][240] = 0;
+  _$jscoverage['ui/popup.js'][241] = 0;
+  _$jscoverage['ui/popup.js'][242] = 0;
+  _$jscoverage['ui/popup.js'][244] = 0;
+  _$jscoverage['ui/popup.js'][245] = 0;
+}
+_$jscoverage['ui/popup.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        domUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        Popup <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initPopup<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","    <span class=\"k\">var</span> allPopups <span class=\"k\">=</span> <span class=\"k\">[];</span>","    <span class=\"k\">function</span> closeAllPopup<span class=\"k\">(</span> evt<span class=\"k\">,</span>el <span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">for</span> <span class=\"k\">(</span> <span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span> i <span class=\"k\">&lt;</span> allPopups<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> pop <span class=\"k\">=</span> allPopups<span class=\"k\">[</span>i<span class=\"k\">];</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>pop<span class=\"k\">.</span>isHidden<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>pop<span class=\"k\">.</span>queryAutoHide<span class=\"k\">(</span>el<span class=\"k\">)</span> <span class=\"k\">!==</span> <span class=\"k\">false</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">if</span><span class=\"k\">(</span>evt<span class=\"k\">&amp;&amp;</span><span class=\"s\">/scroll/ig</span><span class=\"k\">.</span>test<span class=\"k\">(</span>evt<span class=\"k\">.</span>type<span class=\"k\">)&amp;&amp;</span>pop<span class=\"k\">.</span>className<span class=\"k\">==</span><span class=\"s\">\"edui-wordpastepop\"</span><span class=\"k\">)</span>   <span class=\"k\">return</span><span class=\"k\">;</span>","                    pop<span class=\"k\">.</span>hide<span class=\"k\">();</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","","        <span class=\"k\">if</span><span class=\"k\">(</span>allPopups<span class=\"k\">.</span>length<span class=\"k\">)</span>","            pop<span class=\"k\">.</span>editor<span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">\"afterhidepop\"</span><span class=\"k\">);</span>","    <span class=\"k\">}</span>","","    Popup<span class=\"k\">.</span>postHide <span class=\"k\">=</span> closeAllPopup<span class=\"k\">;</span>","","    <span class=\"k\">var</span> ANCHOR_CLASSES <span class=\"k\">=</span> <span class=\"k\">[</span><span class=\"s\">'edui-anchor-topleft'</span><span class=\"k\">,</span><span class=\"s\">'edui-anchor-topright'</span><span class=\"k\">,</span>","        <span class=\"s\">'edui-anchor-bottomleft'</span><span class=\"k\">,</span><span class=\"s\">'edui-anchor-bottomright'</span><span class=\"k\">];</span>","    Popup<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        SHADOW_RADIUS<span class=\"k\">:</span> <span class=\"s\">5</span><span class=\"k\">,</span>","        content<span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">,</span>","        _hidden<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","        autoRender<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","        canSideLeft<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","        canSideUp<span class=\"k\">:</span> <span class=\"k\">true</span><span class=\"k\">,</span>","        initPopup<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","            allPopups<span class=\"k\">.</span>push<span class=\"k\">(</span> <span class=\"k\">this</span> <span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"edui-popup %%\" onmousedown=\"return false;\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">' &lt;div id=\"##_body\" class=\"edui-popup-body\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">' &lt;iframe style=\"position:absolute;z-index:-1;left:0;top:0;background-color: transparent;\" frameborder=\"0\" width=\"100%\" height=\"100%\" src=\"javascript:\"&gt;&lt;/iframe&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">' &lt;div class=\"edui-shadow\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">' &lt;div id=\"##_content\" class=\"edui-popup-content\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getContentHtmlTpl<span class=\"k\">()</span> <span class=\"k\">+</span>","                <span class=\"s\">'  &lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">' &lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getContentHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>content<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">typeof</span> <span class=\"k\">this</span><span class=\"k\">.</span>content <span class=\"k\">==</span> <span class=\"s\">'string'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>content<span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>content<span class=\"k\">.</span>renderHtml<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">else</span><span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"s\">''</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _UIBase_postRender<span class=\"k\">:</span> UIBase<span class=\"k\">.</span>prototype<span class=\"k\">.</span>postRender<span class=\"k\">,</span>","        postRender<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","","","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>content <span class=\"k\">instanceof</span> UIBase<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>content<span class=\"k\">.</span>postRender<span class=\"k\">();</span>","            <span class=\"k\">}</span>","","            <span class=\"c\">//&#25429;&#33719;&#40736;&#26631;&#28378;&#36718;</span>","            <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>captureWheel <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span><span class=\"k\">this</span><span class=\"k\">.</span>captured <span class=\"k\">)</span> <span class=\"k\">{</span>","","                <span class=\"k\">this</span><span class=\"k\">.</span>captured <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","","                <span class=\"k\">var</span> winHeight <span class=\"k\">=</span> <span class=\"k\">(</span> document<span class=\"k\">.</span>documentElement<span class=\"k\">.</span>clientHeight <span class=\"k\">||</span> document<span class=\"k\">.</span>body<span class=\"k\">.</span>clientHeight <span class=\"k\">)</span>  <span class=\"k\">-</span> <span class=\"s\">80</span><span class=\"k\">,</span>","                    _height <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>offsetHeight<span class=\"k\">,</span>","                    _top <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getXY<span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>combox<span class=\"k\">.</span>getDom<span class=\"k\">()</span> <span class=\"k\">).</span>y<span class=\"k\">,</span>","                    content <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'content'</span><span class=\"k\">),</span>","                    me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","","                <span class=\"k\">while</span><span class=\"k\">(</span> _top <span class=\"k\">+</span> _height <span class=\"k\">&gt;</span> winHeight <span class=\"k\">)</span> <span class=\"k\">{</span>","                    _height <span class=\"k\">-=</span> <span class=\"s\">30</span><span class=\"k\">;</span>","                    content<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> _height <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","","                <span class=\"c\">//&#38459;&#27490;&#22312;combox&#19978;&#30340;&#40736;&#26631;&#28378;&#36718;&#20107;&#20214;, &#38450;&#27490;&#29992;&#25143;&#30340;&#27491;&#24120;&#25805;&#20316;&#34987;&#35823;&#35299;</span>","                <span class=\"k\">if</span><span class=\"k\">(</span> window<span class=\"k\">.</span>XMLHttpRequest <span class=\"k\">)</span> <span class=\"k\">{</span>","","                    domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span> content<span class=\"k\">,</span> <span class=\"k\">(</span> <span class=\"s\">'onmousewheel'</span> <span class=\"k\">in</span> document<span class=\"k\">.</span>body <span class=\"k\">)</span> <span class=\"k\">?</span> <span class=\"s\">'mousewheel'</span> <span class=\"k\">:</span><span class=\"s\">'DOMMouseScroll'</span> <span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","","                        <span class=\"k\">if</span><span class=\"k\">(</span>e<span class=\"k\">.</span>preventDefault<span class=\"k\">)</span> <span class=\"k\">{</span>","                            e<span class=\"k\">.</span>preventDefault<span class=\"k\">();</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                            e<span class=\"k\">.</span>returnValue <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span>","","                        <span class=\"k\">if</span><span class=\"k\">(</span> e<span class=\"k\">.</span>wheelDelta <span class=\"k\">)</span> <span class=\"k\">{</span>","","                            content<span class=\"k\">.</span>scrollTop <span class=\"k\">-=</span> <span class=\"k\">(</span> e<span class=\"k\">.</span>wheelDelta <span class=\"k\">/</span> <span class=\"s\">120</span> <span class=\"k\">)*</span><span class=\"s\">60</span><span class=\"k\">;</span>","","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                            content<span class=\"k\">.</span>scrollTop <span class=\"k\">-=</span> <span class=\"k\">(</span> e<span class=\"k\">.</span>detail <span class=\"k\">/</span> <span class=\"k\">-</span><span class=\"s\">3</span> <span class=\"k\">)*</span><span class=\"s\">60</span><span class=\"k\">;</span>","","                        <span class=\"k\">}</span>","","                    <span class=\"k\">}</span><span class=\"k\">);</span>","","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","","                    <span class=\"c\">//ie6</span>","                    domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(),</span> <span class=\"s\">'mousewheel'</span> <span class=\"k\">,</span> <span class=\"k\">function</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","","                        e<span class=\"k\">.</span>returnValue <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","","                        me<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'content'</span><span class=\"k\">).</span>scrollTop <span class=\"k\">-=</span> <span class=\"k\">(</span> e<span class=\"k\">.</span>wheelDelta <span class=\"k\">/</span> <span class=\"s\">120</span> <span class=\"k\">)*</span><span class=\"s\">60</span><span class=\"k\">;</span>","","                    <span class=\"k\">}</span><span class=\"k\">);</span>","","                <span class=\"k\">}</span>","","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'postRenderAfter'</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>hide<span class=\"k\">(</span><span class=\"k\">true</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_UIBase_postRender<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _doAutoRender<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">()</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>autoRender<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>render<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        mesureSize<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> box <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'content'</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span>box<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        fitSize<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>captureWheel <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>sized <span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>__size<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>sized <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> popBodyEl <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'body'</span><span class=\"k\">);</span>","            popBodyEl<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            popBodyEl<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> size <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>mesureSize<span class=\"k\">();</span>","            <span class=\"k\">if</span><span class=\"k\">(</span> <span class=\"k\">this</span><span class=\"k\">.</span>captureWheel <span class=\"k\">)</span> <span class=\"k\">{</span>","                popBodyEl<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span>  <span class=\"k\">-(-</span><span class=\"s\">20</span> <span class=\"k\">-</span>size<span class=\"k\">.</span>width<span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                popBodyEl<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span>  size<span class=\"k\">.</span>width <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            popBodyEl<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> size<span class=\"k\">.</span>height <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>__size <span class=\"k\">=</span> size<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>captureWheel <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'content'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>overflow <span class=\"k\">=</span> <span class=\"s\">'auto'</span><span class=\"k\">);</span>","            <span class=\"k\">return</span> size<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        showAnchor<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span> element<span class=\"k\">,</span> hoz <span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>showAnchorRect<span class=\"k\">(</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span> element <span class=\"k\">),</span> hoz <span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        showAnchorRect<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span> rect<span class=\"k\">,</span> hoz<span class=\"k\">,</span> adj <span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_doAutoRender<span class=\"k\">();</span>","            <span class=\"k\">var</span> vpRect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportRect<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_show<span class=\"k\">();</span>","            <span class=\"k\">var</span> popSize <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>fitSize<span class=\"k\">();</span>","","            <span class=\"k\">var</span> sideLeft<span class=\"k\">,</span> sideUp<span class=\"k\">,</span> left<span class=\"k\">,</span> top<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>hoz<span class=\"k\">)</span> <span class=\"k\">{</span>","                sideLeft <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>canSideLeft <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>rect<span class=\"k\">.</span>right <span class=\"k\">+</span> popSize<span class=\"k\">.</span>width <span class=\"k\">&gt;</span> vpRect<span class=\"k\">.</span>right <span class=\"k\">&amp;&amp;</span> rect<span class=\"k\">.</span>left <span class=\"k\">&gt;</span> popSize<span class=\"k\">.</span>width<span class=\"k\">);</span>","                sideUp <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>canSideUp <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>rect<span class=\"k\">.</span>top <span class=\"k\">+</span> popSize<span class=\"k\">.</span>height <span class=\"k\">&gt;</span> vpRect<span class=\"k\">.</span>bottom <span class=\"k\">&amp;&amp;</span> rect<span class=\"k\">.</span>bottom <span class=\"k\">&gt;</span> popSize<span class=\"k\">.</span>height<span class=\"k\">);</span>","                left <span class=\"k\">=</span> <span class=\"k\">(</span>sideLeft <span class=\"k\">?</span> rect<span class=\"k\">.</span>left <span class=\"k\">-</span> popSize<span class=\"k\">.</span>width <span class=\"k\">:</span> rect<span class=\"k\">.</span>right<span class=\"k\">);</span>","                top <span class=\"k\">=</span> <span class=\"k\">(</span>sideUp <span class=\"k\">?</span> rect<span class=\"k\">.</span>bottom <span class=\"k\">-</span> popSize<span class=\"k\">.</span>height <span class=\"k\">:</span> rect<span class=\"k\">.</span>top<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                sideLeft <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>canSideLeft <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>rect<span class=\"k\">.</span>right <span class=\"k\">+</span> popSize<span class=\"k\">.</span>width <span class=\"k\">&gt;</span> vpRect<span class=\"k\">.</span>right <span class=\"k\">&amp;&amp;</span> rect<span class=\"k\">.</span>left <span class=\"k\">&gt;</span> popSize<span class=\"k\">.</span>width<span class=\"k\">);</span>","                sideUp <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>canSideUp <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>rect<span class=\"k\">.</span>top <span class=\"k\">+</span> popSize<span class=\"k\">.</span>height <span class=\"k\">&gt;</span> vpRect<span class=\"k\">.</span>bottom <span class=\"k\">&amp;&amp;</span> rect<span class=\"k\">.</span>bottom <span class=\"k\">&gt;</span> popSize<span class=\"k\">.</span>height<span class=\"k\">);</span>","                left <span class=\"k\">=</span> <span class=\"k\">(</span>sideLeft <span class=\"k\">?</span> rect<span class=\"k\">.</span>right <span class=\"k\">-</span> popSize<span class=\"k\">.</span>width <span class=\"k\">:</span> rect<span class=\"k\">.</span>left<span class=\"k\">);</span>","                top <span class=\"k\">=</span> <span class=\"k\">(</span>sideUp <span class=\"k\">?</span> rect<span class=\"k\">.</span>top <span class=\"k\">-</span> popSize<span class=\"k\">.</span>height <span class=\"k\">:</span> rect<span class=\"k\">.</span>bottom<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">var</span> popEl <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">();</span>","            uiUtils<span class=\"k\">.</span>setViewportOffset<span class=\"k\">(</span>popEl<span class=\"k\">,</span> <span class=\"k\">{</span>","                left<span class=\"k\">:</span> left<span class=\"k\">,</span>","                top<span class=\"k\">:</span> top","            <span class=\"k\">}</span><span class=\"k\">);</span>","            domUtils<span class=\"k\">.</span>removeClasses<span class=\"k\">(</span>popEl<span class=\"k\">,</span> ANCHOR_CLASSES<span class=\"k\">);</span>","            popEl<span class=\"k\">.</span>className <span class=\"k\">+=</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> ANCHOR_CLASSES<span class=\"k\">[(</span>sideUp <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">2</span> <span class=\"k\">+</span> <span class=\"k\">(</span>sideLeft <span class=\"k\">?</span> <span class=\"s\">1</span> <span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">)];</span>","            <span class=\"k\">if</span><span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">)</span><span class=\"k\">{</span>","                popEl<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">*</span> <span class=\"s\">1</span> <span class=\"k\">+</span> <span class=\"s\">10</span><span class=\"k\">;</span>","                baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">.</span>getFixedLayer<span class=\"k\">().</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> popEl<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","        <span class=\"k\">}</span><span class=\"k\">,</span>","        showAt<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>offset<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> left <span class=\"k\">=</span> offset<span class=\"k\">.</span>left<span class=\"k\">;</span>","            <span class=\"k\">var</span> top <span class=\"k\">=</span> offset<span class=\"k\">.</span>top<span class=\"k\">;</span>","            <span class=\"k\">var</span> rect <span class=\"k\">=</span> <span class=\"k\">{</span>","                left<span class=\"k\">:</span> left<span class=\"k\">,</span>","                top<span class=\"k\">:</span> top<span class=\"k\">,</span>","                right<span class=\"k\">:</span> left<span class=\"k\">,</span>","                bottom<span class=\"k\">:</span> top<span class=\"k\">,</span>","                height<span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                width<span class=\"k\">:</span> <span class=\"s\">0</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>showAnchorRect<span class=\"k\">(</span>rect<span class=\"k\">,</span> <span class=\"k\">false</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _show<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>_hidden<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> box <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">();</span>","                box<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>_hidden <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","<span class=\"c\">//                if (box.setActive) {</span>","<span class=\"c\">//                    box.setActive();</span>","<span class=\"c\">//                }</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'show'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        isHidden<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>_hidden<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        show<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_doAutoRender<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_show<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        hide<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>notNofity<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>_hidden <span class=\"k\">&amp;&amp;</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">().</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>_hidden <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>notNofity<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'hide'</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        queryAutoHide<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">!</span>el <span class=\"k\">||</span> <span class=\"k\">!</span>uiUtils<span class=\"k\">.</span>contains<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(),</span> el<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>Popup<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","    ","    domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span> document<span class=\"k\">,</span> <span class=\"s\">'mousedown'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span> evt <span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> el <span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","        closeAllPopup<span class=\"k\">(</span> evt<span class=\"k\">,</span>el <span class=\"k\">);</span>","    <span class=\"k\">}</span> <span class=\"k\">);</span>","    domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span> window<span class=\"k\">,</span> <span class=\"s\">'scroll'</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span>el<span class=\"k\">)</span> <span class=\"k\">{</span>","        closeAllPopup<span class=\"k\">(</span> evt<span class=\"k\">,</span>el <span class=\"k\">);</span>","    <span class=\"k\">}</span> <span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/popup.js'][3]++;
+(function () {
+  _$jscoverage['ui/popup.js'][4]++;
+  var utils = baidu.editor.utils, uiUtils = baidu.editor.ui.uiUtils, domUtils = baidu.editor.dom.domUtils, UIBase = baidu.editor.ui.UIBase, Popup = (baidu.editor.ui.Popup = (function (options) {
+  _$jscoverage['ui/popup.js'][9]++;
+  this.initOptions(options);
+  _$jscoverage['ui/popup.js'][10]++;
+  this.initPopup();
+}));
+  _$jscoverage['ui/popup.js'][13]++;
+  var allPopups = [];
+  _$jscoverage['ui/popup.js'][14]++;
+  function closeAllPopup(evt, el) {
+    _$jscoverage['ui/popup.js'][15]++;
+    for (var i = 0; (i < allPopups.length); (i++)) {
+      _$jscoverage['ui/popup.js'][16]++;
+      var pop = allPopups[i];
+      _$jscoverage['ui/popup.js'][17]++;
+      if ((! pop.isHidden())) {
+        _$jscoverage['ui/popup.js'][18]++;
+        if ((pop.queryAutoHide(el) !== false)) {
+          _$jscoverage['ui/popup.js'][19]++;
+          if ((evt && /scroll/gi.test(evt.type) && (pop.className == "edui-wordpastepop"))) {
+            _$jscoverage['ui/popup.js'][19]++;
+            return;
+          }
+          _$jscoverage['ui/popup.js'][20]++;
+          pop.hide();
+        }
+      }
+}
+    _$jscoverage['ui/popup.js'][25]++;
+    if (allPopups.length) {
+      _$jscoverage['ui/popup.js'][26]++;
+      pop.editor.fireEvent("afterhidepop");
+    }
+}
+  _$jscoverage['ui/popup.js'][29]++;
+  Popup.postHide = closeAllPopup;
+  _$jscoverage['ui/popup.js'][31]++;
+  var ANCHOR_CLASSES = ["edui-anchor-topleft", "edui-anchor-topright", "edui-anchor-bottomleft", "edui-anchor-bottomright"];
+  _$jscoverage['ui/popup.js'][33]++;
+  Popup.prototype = {SHADOW_RADIUS: 5, content: null, _hidden: false, autoRender: true, canSideLeft: true, canSideUp: true, initPopup: (function () {
+  _$jscoverage['ui/popup.js'][41]++;
+  this.initUIBase();
+  _$jscoverage['ui/popup.js'][42]++;
+  allPopups.push(this);
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/popup.js'][45]++;
+  return ("<div id=\"##\" class=\"edui-popup %%\" onmousedown=\"return false;\">" + " <div id=\"##_body\" class=\"edui-popup-body\">" + " <iframe style=\"position:absolute;z-index:-1;left:0;top:0;background-color: transparent;\" frameborder=\"0\" width=\"100%\" height=\"100%\" src=\"javascript:\"></iframe>" + " <div class=\"edui-shadow\"></div>" + " <div id=\"##_content\" class=\"edui-popup-content\">" + this.getContentHtmlTpl() + "  </div>" + " </div>" + "</div>");
+}), getContentHtmlTpl: (function () {
+  _$jscoverage['ui/popup.js'][56]++;
+  if (this.content) {
+    _$jscoverage['ui/popup.js'][57]++;
+    if (((typeof this.content) == "string")) {
+      _$jscoverage['ui/popup.js'][58]++;
+      return this.content;
+    }
+    _$jscoverage['ui/popup.js'][60]++;
+    return this.content.renderHtml();
+  }
+  else {
+    _$jscoverage['ui/popup.js'][62]++;
+    return "";
+  }
+}), _UIBase_postRender: UIBase.prototype.postRender, postRender: (function () {
+  _$jscoverage['ui/popup.js'][70]++;
+  if ((this.content instanceof UIBase)) {
+    _$jscoverage['ui/popup.js'][71]++;
+    this.content.postRender();
+  }
+  _$jscoverage['ui/popup.js'][75]++;
+  if ((this.captureWheel && (! this.captured))) {
+    _$jscoverage['ui/popup.js'][77]++;
+    this.captured = true;
+    _$jscoverage['ui/popup.js'][79]++;
+    var winHeight = ((document.documentElement.clientHeight || document.body.clientHeight) - 80), _height = this.getDom().offsetHeight, _top = domUtils.getXY(this.combox.getDom()).y, content = this.getDom("content"), me = this;
+    _$jscoverage['ui/popup.js'][85]++;
+    while (((_top + _height) > winHeight)) {
+      _$jscoverage['ui/popup.js'][86]++;
+      _height -= 30;
+      _$jscoverage['ui/popup.js'][87]++;
+      content.style.height = (_height + "px");
+}
+    _$jscoverage['ui/popup.js'][91]++;
+    if (window.XMLHttpRequest) {
+      _$jscoverage['ui/popup.js'][93]++;
+      domUtils.on(content, (("onmousewheel" in document.body)? "mousewheel": "DOMMouseScroll"), (function (e) {
+  _$jscoverage['ui/popup.js'][95]++;
+  if (e.preventDefault) {
+    _$jscoverage['ui/popup.js'][96]++;
+    e.preventDefault();
+  }
+  else {
+    _$jscoverage['ui/popup.js'][98]++;
+    e.returnValue = false;
+  }
+  _$jscoverage['ui/popup.js'][101]++;
+  if (e.wheelDelta) {
+    _$jscoverage['ui/popup.js'][103]++;
+    content.scrollTop -= ((e.wheelDelta / 120) * 60);
+  }
+  else {
+    _$jscoverage['ui/popup.js'][107]++;
+    content.scrollTop -= ((e.detail / -3) * 60);
+  }
+}));
+    }
+    else {
+      _$jscoverage['ui/popup.js'][116]++;
+      domUtils.on(this.getDom(), "mousewheel", (function (e) {
+  _$jscoverage['ui/popup.js'][118]++;
+  e.returnValue = false;
+  _$jscoverage['ui/popup.js'][120]++;
+  me.getDom("content").scrollTop -= ((e.wheelDelta / 120) * 60);
+}));
+    }
+  }
+  _$jscoverage['ui/popup.js'][127]++;
+  this.fireEvent("postRenderAfter");
+  _$jscoverage['ui/popup.js'][128]++;
+  this.hide(true);
+  _$jscoverage['ui/popup.js'][129]++;
+  this._UIBase_postRender();
+}), _doAutoRender: (function () {
+  _$jscoverage['ui/popup.js'][132]++;
+  if (((! this.getDom()) && this.autoRender)) {
+    _$jscoverage['ui/popup.js'][133]++;
+    this.render();
+  }
+}), mesureSize: (function () {
+  _$jscoverage['ui/popup.js'][137]++;
+  var box = this.getDom("content");
+  _$jscoverage['ui/popup.js'][138]++;
+  return uiUtils.getClientRect(box);
+}), fitSize: (function () {
+  _$jscoverage['ui/popup.js'][141]++;
+  if ((this.captureWheel && this.sized)) {
+    _$jscoverage['ui/popup.js'][142]++;
+    return this.__size;
+  }
+  _$jscoverage['ui/popup.js'][144]++;
+  this.sized = true;
+  _$jscoverage['ui/popup.js'][145]++;
+  var popBodyEl = this.getDom("body");
+  _$jscoverage['ui/popup.js'][146]++;
+  popBodyEl.style.width = "";
+  _$jscoverage['ui/popup.js'][147]++;
+  popBodyEl.style.height = "";
+  _$jscoverage['ui/popup.js'][148]++;
+  var size = this.mesureSize();
+  _$jscoverage['ui/popup.js'][149]++;
+  if (this.captureWheel) {
+    _$jscoverage['ui/popup.js'][150]++;
+    popBodyEl.style.width = ((- (-20 - size.width)) + "px");
+  }
+  else {
+    _$jscoverage['ui/popup.js'][152]++;
+    popBodyEl.style.width = (size.width + "px");
+  }
+  _$jscoverage['ui/popup.js'][154]++;
+  popBodyEl.style.height = (size.height + "px");
+  _$jscoverage['ui/popup.js'][155]++;
+  this.__size = size;
+  _$jscoverage['ui/popup.js'][156]++;
+  (this.captureWheel && (this.getDom("content").style.overflow = "auto"));
+  _$jscoverage['ui/popup.js'][157]++;
+  return size;
+}), showAnchor: (function (element, hoz) {
+  _$jscoverage['ui/popup.js'][160]++;
+  this.showAnchorRect(uiUtils.getClientRect(element), hoz);
+}), showAnchorRect: (function (rect, hoz, adj) {
+  _$jscoverage['ui/popup.js'][163]++;
+  this._doAutoRender();
+  _$jscoverage['ui/popup.js'][164]++;
+  var vpRect = uiUtils.getViewportRect();
+  _$jscoverage['ui/popup.js'][165]++;
+  this._show();
+  _$jscoverage['ui/popup.js'][166]++;
+  var popSize = this.fitSize();
+  _$jscoverage['ui/popup.js'][168]++;
+  var sideLeft, sideUp, left, top;
+  _$jscoverage['ui/popup.js'][169]++;
+  if (hoz) {
+    _$jscoverage['ui/popup.js'][170]++;
+    sideLeft = (this.canSideLeft && (((rect.right + popSize.width) > vpRect.right) && (rect.left > popSize.width)));
+    _$jscoverage['ui/popup.js'][171]++;
+    sideUp = (this.canSideUp && (((rect.top + popSize.height) > vpRect.bottom) && (rect.bottom > popSize.height)));
+    _$jscoverage['ui/popup.js'][172]++;
+    left = (sideLeft? (rect.left - popSize.width): rect.right);
+    _$jscoverage['ui/popup.js'][173]++;
+    top = (sideUp? (rect.bottom - popSize.height): rect.top);
+  }
+  else {
+    _$jscoverage['ui/popup.js'][175]++;
+    sideLeft = (this.canSideLeft && (((rect.right + popSize.width) > vpRect.right) && (rect.left > popSize.width)));
+    _$jscoverage['ui/popup.js'][176]++;
+    sideUp = (this.canSideUp && (((rect.top + popSize.height) > vpRect.bottom) && (rect.bottom > popSize.height)));
+    _$jscoverage['ui/popup.js'][177]++;
+    left = (sideLeft? (rect.right - popSize.width): rect.left);
+    _$jscoverage['ui/popup.js'][178]++;
+    top = (sideUp? (rect.top - popSize.height): rect.bottom);
+  }
+  _$jscoverage['ui/popup.js'][181]++;
+  var popEl = this.getDom();
+  _$jscoverage['ui/popup.js'][182]++;
+  uiUtils.setViewportOffset(popEl, {left: left, top: top});
+  _$jscoverage['ui/popup.js'][186]++;
+  domUtils.removeClasses(popEl, ANCHOR_CLASSES);
+  _$jscoverage['ui/popup.js'][187]++;
+  popEl.className += (" " + ANCHOR_CLASSES[(((sideUp? 1: 0) * 2) + (sideLeft? 1: 0))]);
+  _$jscoverage['ui/popup.js'][188]++;
+  if (this.editor) {
+    _$jscoverage['ui/popup.js'][189]++;
+    popEl.style.zIndex = ((this.editor.container.style.zIndex * 1) + 10);
+    _$jscoverage['ui/popup.js'][190]++;
+    baidu.editor.ui.uiUtils.getFixedLayer().style.zIndex = (popEl.style.zIndex - 1);
+  }
+}), showAt: (function (offset) {
+  _$jscoverage['ui/popup.js'][195]++;
+  var left = offset.left;
+  _$jscoverage['ui/popup.js'][196]++;
+  var top = offset.top;
+  _$jscoverage['ui/popup.js'][197]++;
+  var rect = {left: left, top: top, right: left, bottom: top, height: 0, width: 0};
+  _$jscoverage['ui/popup.js'][205]++;
+  this.showAnchorRect(rect, false, true);
+}), _show: (function () {
+  _$jscoverage['ui/popup.js'][208]++;
+  if (this._hidden) {
+    _$jscoverage['ui/popup.js'][209]++;
+    var box = this.getDom();
+    _$jscoverage['ui/popup.js'][210]++;
+    box.style.display = "";
+    _$jscoverage['ui/popup.js'][211]++;
+    this._hidden = false;
+    _$jscoverage['ui/popup.js'][215]++;
+    this.fireEvent("show");
+  }
+}), isHidden: (function () {
+  _$jscoverage['ui/popup.js'][219]++;
+  return this._hidden;
+}), show: (function () {
+  _$jscoverage['ui/popup.js'][222]++;
+  this._doAutoRender();
+  _$jscoverage['ui/popup.js'][223]++;
+  this._show();
+}), hide: (function (notNofity) {
+  _$jscoverage['ui/popup.js'][226]++;
+  if (((! this._hidden) && this.getDom())) {
+    _$jscoverage['ui/popup.js'][227]++;
+    this.getDom().style.display = "none";
+    _$jscoverage['ui/popup.js'][228]++;
+    this._hidden = true;
+    _$jscoverage['ui/popup.js'][229]++;
+    if ((! notNofity)) {
+      _$jscoverage['ui/popup.js'][230]++;
+      this.fireEvent("hide");
+    }
+  }
+}), queryAutoHide: (function (el) {
+  _$jscoverage['ui/popup.js'][235]++;
+  return ((! el) || (! uiUtils.contains(this.getDom(), el)));
+})};
+  _$jscoverage['ui/popup.js'][238]++;
+  utils.inherits(Popup, UIBase);
+  _$jscoverage['ui/popup.js'][240]++;
+  domUtils.on(document, "mousedown", (function (evt) {
+  _$jscoverage['ui/popup.js'][241]++;
+  var el = (evt.target || evt.srcElement);
+  _$jscoverage['ui/popup.js'][242]++;
+  closeAllPopup(evt, el);
+}));
+  _$jscoverage['ui/popup.js'][244]++;
+  domUtils.on(window, "scroll", (function (evt, el) {
+  _$jscoverage['ui/popup.js'][245]++;
+  closeAllPopup(evt, el);
+}));
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/separator.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/separator.js
new file mode 100644
index 000000000..1ea7a8980
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/separator.js
@@ -0,0 +1,71 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/separator.js']) {
+  _$jscoverage['ui/separator.js'] = [];
+  _$jscoverage['ui/separator.js'][1] = 0;
+  _$jscoverage['ui/separator.js'][2] = 0;
+  _$jscoverage['ui/separator.js'][5] = 0;
+  _$jscoverage['ui/separator.js'][6] = 0;
+  _$jscoverage['ui/separator.js'][8] = 0;
+  _$jscoverage['ui/separator.js'][11] = 0;
+  _$jscoverage['ui/separator.js'][14] = 0;
+  _$jscoverage['ui/separator.js'][17] = 0;
+}
+_$jscoverage['ui/separator.js'].source = ["<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        Separator <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Separator <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initSeparator<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    Separator<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        uiName<span class=\"k\">:</span> <span class=\"s\">'separator'</span><span class=\"k\">,</span>","        initSeparator<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"edui-box %%\"&gt;&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>Separator<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/separator.js'][1]++;
+(function () {
+  _$jscoverage['ui/separator.js'][2]++;
+  var utils = baidu.editor.utils, UIBase = baidu.editor.ui.UIBase, Separator = (baidu.editor.ui.Separator = (function (options) {
+  _$jscoverage['ui/separator.js'][5]++;
+  this.initOptions(options);
+  _$jscoverage['ui/separator.js'][6]++;
+  this.initSeparator();
+}));
+  _$jscoverage['ui/separator.js'][8]++;
+  Separator.prototype = {uiName: "separator", initSeparator: (function () {
+  _$jscoverage['ui/separator.js'][11]++;
+  this.initUIBase();
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/separator.js'][14]++;
+  return "<div id=\"##\" class=\"edui-box %%\"></div>";
+})};
+  _$jscoverage['ui/separator.js'][17]++;
+  utils.inherits(Separator, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/shortcutmenu.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/shortcutmenu.js
new file mode 100644
index 000000000..a15b2d07a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/shortcutmenu.js
@@ -0,0 +1,462 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/shortcutmenu.js']) {
+  _$jscoverage['ui/shortcutmenu.js'] = [];
+  _$jscoverage['ui/shortcutmenu.js'][1] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][2] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][8] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][12] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][13] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][14] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][17] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][19] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][23] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][24] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][25] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][26] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][27] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][30] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][33] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][34] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][36] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][39] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][48] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][49] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][50] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][51] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][52] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][53] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][54] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][55] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][56] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][59] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][60] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][61] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][62] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][63] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][64] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][71] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][72] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][73] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][75] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][76] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][81] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][82] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][83] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][89] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][90] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][91] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][93] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][94] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][95] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][101] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][102] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][104] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][108] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][109] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][110] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][111] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][114] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][115] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][116] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][119] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][122] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][127] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][128] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][129] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][131] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][132] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][134] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][137] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][138] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][139] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][141] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][142] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][143] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][144] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][148] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][149] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][151] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][152] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][153] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][154] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][156] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][157] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][161] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][162] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][163] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][164] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][165] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][169] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][170] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][171] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][173] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][174] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][175] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][179] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][180] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][182] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][185] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][186] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][187] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][192] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][193] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][194] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][195] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][196] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][198] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][200] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][203] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][209] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][211] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][212] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][214] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][217] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][218] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][219] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][224] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][225] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][228] = 0;
+  _$jscoverage['ui/shortcutmenu.js'][229] = 0;
+}
+_$jscoverage['ui/shortcutmenu.js'].source = ["<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> UI <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> UI<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> UI<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        domUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">;</span>","","    <span class=\"k\">var</span> allMenus <span class=\"k\">=</span> <span class=\"k\">[],</span><span class=\"c\">//&#23384;&#20648;&#25152;&#26377;&#24555;&#25463;&#33756;&#21333;</span>","        timeID<span class=\"k\">,</span>","        isSubMenuShow <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span><span class=\"c\">//&#26159;&#21542;&#26377;&#23376;pop&#26174;&#31034;</span>","","    <span class=\"k\">var</span> ShortCutMenu <span class=\"k\">=</span> UI<span class=\"k\">.</span>ShortCutMenu <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initOptions <span class=\"k\">(</span>options<span class=\"k\">);</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initShortCutMenu <span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    ShortCutMenu<span class=\"k\">.</span>postHide <span class=\"k\">=</span> hideAllMenu<span class=\"k\">;</span>","","    ShortCutMenu<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        isHidden <span class=\"k\">:</span> <span class=\"k\">true</span> <span class=\"k\">,</span>","        SPACE <span class=\"k\">:</span> <span class=\"s\">5</span> <span class=\"k\">,</span>","        initShortCutMenu <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>items <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items <span class=\"k\">||</span> <span class=\"k\">[];</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase <span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initItems <span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initEvent <span class=\"k\">();</span>","            allMenus<span class=\"k\">.</span>push <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">);</span>","        <span class=\"k\">}</span> <span class=\"k\">,</span>","        initEvent <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                doc <span class=\"k\">=</span> me<span class=\"k\">.</span>editor<span class=\"k\">.</span>document<span class=\"k\">;</span>","","            domUtils<span class=\"k\">.</span>on <span class=\"k\">(</span>doc <span class=\"k\">,</span> <span class=\"s\">\"mousemove\"</span> <span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>isHidden <span class=\"k\">===</span> <span class=\"k\">false</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"c\">//&#26377;pop&#26174;&#31034;&#23601;&#19981;&#38544;&#34255;&#24555;&#25463;&#33756;&#21333;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>getSubMenuMark <span class=\"k\">()</span> <span class=\"k\">||</span> me<span class=\"k\">.</span>eventType <span class=\"k\">==</span> <span class=\"s\">\"contextmenu\"</span><span class=\"k\">)</span>   <span class=\"k\">return</span><span class=\"k\">;</span>","","","                    <span class=\"k\">var</span> flag <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">,</span>","                        el <span class=\"k\">=</span> me<span class=\"k\">.</span>getDom <span class=\"k\">(),</span>","                        wt <span class=\"k\">=</span> el<span class=\"k\">.</span>offsetWidth<span class=\"k\">,</span>","                        ht <span class=\"k\">=</span> el<span class=\"k\">.</span>offsetHeight<span class=\"k\">,</span>","                        distanceX <span class=\"k\">=</span> wt <span class=\"k\">/</span> <span class=\"s\">2</span> <span class=\"k\">+</span> me<span class=\"k\">.</span>SPACE<span class=\"k\">,</span><span class=\"c\">//&#36317;&#31163;&#20013;&#24515;X&#26631;&#20934;</span>","                        distanceY <span class=\"k\">=</span> ht <span class=\"k\">/</span> <span class=\"s\">2</span><span class=\"k\">,</span><span class=\"c\">//&#36317;&#31163;&#20013;&#24515;Y&#26631;&#20934;</span>","                        x <span class=\"k\">=</span> Math<span class=\"k\">.</span>abs <span class=\"k\">(</span>e<span class=\"k\">.</span>screenX <span class=\"k\">-</span> me<span class=\"k\">.</span>left<span class=\"k\">),</span><span class=\"c\">//&#31163;&#20013;&#24515;&#36317;&#31163;&#27178;&#22352;&#26631;</span>","                        y <span class=\"k\">=</span> Math<span class=\"k\">.</span>abs <span class=\"k\">(</span>e<span class=\"k\">.</span>screenY <span class=\"k\">-</span> me<span class=\"k\">.</span>top<span class=\"k\">);</span><span class=\"c\">//&#31163;&#20013;&#24515;&#36317;&#31163;&#32437;&#22352;&#26631;</span>","","                    clearTimeout <span class=\"k\">(</span>timeID<span class=\"k\">);</span>","                    timeID <span class=\"k\">=</span> setTimeout <span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>y <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">&amp;&amp;</span> y <span class=\"k\">&lt;</span> distanceY<span class=\"k\">)</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>setOpacity <span class=\"k\">(</span>el <span class=\"k\">,</span> <span class=\"s\">\"1\"</span><span class=\"k\">);</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>y <span class=\"k\">&gt;</span> distanceY <span class=\"k\">&amp;&amp;</span> y <span class=\"k\">&lt;</span> distanceY <span class=\"k\">+</span> <span class=\"s\">70</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>setOpacity <span class=\"k\">(</span>el <span class=\"k\">,</span> <span class=\"s\">\"0.5\"</span><span class=\"k\">);</span>","                            flag <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>y <span class=\"k\">&gt;</span> distanceY <span class=\"k\">+</span> <span class=\"s\">70</span> <span class=\"k\">&amp;&amp;</span> y <span class=\"k\">&lt;</span> distanceY <span class=\"k\">+</span> <span class=\"s\">140</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>hide <span class=\"k\">();</span>","                        <span class=\"k\">}</span>","","                        <span class=\"k\">if</span> <span class=\"k\">(</span>flag <span class=\"k\">&amp;&amp;</span> x <span class=\"k\">&gt;</span> <span class=\"s\">0</span> <span class=\"k\">&amp;&amp;</span> x <span class=\"k\">&lt;</span> distanceX<span class=\"k\">)</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>setOpacity <span class=\"k\">(</span>el <span class=\"k\">,</span> <span class=\"s\">\"1\"</span><span class=\"k\">)</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>x <span class=\"k\">&gt;</span> distanceX <span class=\"k\">&amp;&amp;</span> x <span class=\"k\">&lt;</span> distanceX <span class=\"k\">+</span> <span class=\"s\">70</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>setOpacity <span class=\"k\">(</span>el <span class=\"k\">,</span> <span class=\"s\">\"0.5\"</span><span class=\"k\">)</span>","                        <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>x <span class=\"k\">&gt;</span> distanceX <span class=\"k\">+</span> <span class=\"s\">70</span> <span class=\"k\">&amp;&amp;</span> x <span class=\"k\">&lt;</span> distanceX <span class=\"k\">+</span> <span class=\"s\">140</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            me<span class=\"k\">.</span>hide <span class=\"k\">();</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","","            <span class=\"c\">//ie\\ff&#19979; mouseout&#19981;&#20934;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>chrome<span class=\"k\">)</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>on <span class=\"k\">(</span>doc <span class=\"k\">,</span> <span class=\"s\">\"mouseout\"</span> <span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> relatedTgt <span class=\"k\">=</span> e<span class=\"k\">.</span>relatedTarget <span class=\"k\">||</span> e<span class=\"k\">.</span>toElement<span class=\"k\">;</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>relatedTgt <span class=\"k\">==</span> <span class=\"k\">null</span> <span class=\"k\">||</span> relatedTgt<span class=\"k\">.</span>tagName <span class=\"k\">==</span> <span class=\"s\">\"HTML\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                        me<span class=\"k\">.</span>hide <span class=\"k\">();</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            me<span class=\"k\">.</span>editor<span class=\"k\">.</span>addListener <span class=\"k\">(</span><span class=\"s\">\"afterhidepop\"</span> <span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>me<span class=\"k\">.</span>isHidden<span class=\"k\">)</span> <span class=\"k\">{</span>","                    isSubMenuShow <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","","        <span class=\"k\">}</span> <span class=\"k\">,</span>","        initItems <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isArray <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> len <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length <span class=\"k\">;</span> i <span class=\"k\">&lt;</span> len <span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    <span class=\"k\">var</span> item <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">].</span>toLowerCase <span class=\"k\">();</span>","","                    <span class=\"k\">if</span> <span class=\"k\">(</span>UI<span class=\"k\">[</span>item<span class=\"k\">])</span> <span class=\"k\">{</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">new</span> UI<span class=\"k\">[</span>item<span class=\"k\">]</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">);</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">].</span>className <span class=\"k\">+=</span> <span class=\"s\">\" edui-shortcutsubmenu \"</span><span class=\"k\">;</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">,</span>","        setOpacity <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>el <span class=\"k\">,</span> value<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;</span> <span class=\"s\">9</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                el<span class=\"k\">.</span>style<span class=\"k\">.</span>filter <span class=\"k\">=</span> <span class=\"s\">\"alpha(opacity = \"</span> <span class=\"k\">+</span> parseFloat <span class=\"k\">(</span>value<span class=\"k\">)</span> <span class=\"k\">*</span> <span class=\"s\">100</span> <span class=\"k\">+</span> <span class=\"s\">\");\"</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                el<span class=\"k\">.</span>style<span class=\"k\">.</span>opacity <span class=\"k\">=</span> value<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">,</span>","        getSubMenuMark <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            isSubMenuShow <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> layerEle <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getFixedLayer <span class=\"k\">();</span>","            <span class=\"k\">var</span> list <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName <span class=\"k\">(</span>layerEle <span class=\"k\">,</span> <span class=\"s\">\"div\"</span> <span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>hasClass <span class=\"k\">(</span>node <span class=\"k\">,</span> <span class=\"s\">\"edui-shortcutsubmenu edui-popup\"</span><span class=\"k\">)</span>","            <span class=\"k\">}</span><span class=\"k\">);</span>","","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> node <span class=\"k\">;</span> node <span class=\"k\">=</span> list<span class=\"k\">[</span>i<span class=\"k\">++]</span> <span class=\"k\">;)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>node<span class=\"k\">.</span>style<span class=\"k\">.</span>display <span class=\"k\">!=</span> <span class=\"s\">\"none\"</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    isSubMenuShow <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> isSubMenuShow<span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">,</span>","        show <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>e <span class=\"k\">,</span> hasContextmenu<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">,</span>","                offset <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">,</span>","                el <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom <span class=\"k\">(),</span>","                fixedlayer <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getFixedLayer <span class=\"k\">();</span>","","            <span class=\"k\">function</span> setPos <span class=\"k\">(</span>offset<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>offset<span class=\"k\">.</span>left <span class=\"k\">&lt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    offset<span class=\"k\">.</span>left <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>offset<span class=\"k\">.</span>top <span class=\"k\">&lt;</span> <span class=\"s\">0</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    offset<span class=\"k\">.</span>top <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                el<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">\"position:absolute;left:\"</span> <span class=\"k\">+</span> offset<span class=\"k\">.</span>left <span class=\"k\">+</span> <span class=\"s\">\"px;top:\"</span> <span class=\"k\">+</span> offset<span class=\"k\">.</span>top <span class=\"k\">+</span> <span class=\"s\">\"px;\"</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">function</span> setPosByCxtMenu <span class=\"k\">(</span>menu<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(!</span>menu<span class=\"k\">.</span>tagName<span class=\"k\">)</span> <span class=\"k\">{</span>","                    menu <span class=\"k\">=</span> menu<span class=\"k\">.</span>getDom <span class=\"k\">();</span>","                <span class=\"k\">}</span>","                offset<span class=\"k\">.</span>left <span class=\"k\">=</span> parseInt <span class=\"k\">(</span>menu<span class=\"k\">.</span>style<span class=\"k\">.</span>left<span class=\"k\">);</span>","                offset<span class=\"k\">.</span>top <span class=\"k\">=</span> parseInt <span class=\"k\">(</span>menu<span class=\"k\">.</span>style<span class=\"k\">.</span>top<span class=\"k\">);</span>","                offset<span class=\"k\">.</span>top <span class=\"k\">-=</span> el<span class=\"k\">.</span>offsetHeight <span class=\"k\">+</span> <span class=\"s\">15</span><span class=\"k\">;</span>","                setPos <span class=\"k\">(</span>offset<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","","            me<span class=\"k\">.</span>eventType <span class=\"k\">=</span> e<span class=\"k\">.</span>type<span class=\"k\">;</span>","            el<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">=</span> <span class=\"s\">\"display:block;left:-9999px\"</span><span class=\"k\">;</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>e<span class=\"k\">.</span>type <span class=\"k\">==</span> <span class=\"s\">\"contextmenu\"</span> <span class=\"k\">&amp;&amp;</span> hasContextmenu<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> menu <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName <span class=\"k\">(</span>fixedlayer <span class=\"k\">,</span> <span class=\"s\">\"div\"</span> <span class=\"k\">,</span> <span class=\"s\">\"edui-contextmenu\"</span><span class=\"k\">)[</span><span class=\"s\">0</span><span class=\"k\">];</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>menu<span class=\"k\">)</span> <span class=\"k\">{</span>","                    setPosByCxtMenu <span class=\"k\">(</span>menu<span class=\"k\">)</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    me<span class=\"k\">.</span>editor<span class=\"k\">.</span>addListener <span class=\"k\">(</span><span class=\"s\">\"aftershowcontextmenu\"</span> <span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>type <span class=\"k\">,</span> menu<span class=\"k\">)</span> <span class=\"k\">{</span>","                        setPosByCxtMenu <span class=\"k\">(</span>menu<span class=\"k\">);</span>","                    <span class=\"k\">}</span><span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                offset <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportOffsetByEvent <span class=\"k\">(</span>e<span class=\"k\">);</span>","                offset<span class=\"k\">.</span>top <span class=\"k\">-=</span> el<span class=\"k\">.</span>offsetHeight <span class=\"k\">+</span> me<span class=\"k\">.</span>SPACE<span class=\"k\">;</span>","                offset<span class=\"k\">.</span>left <span class=\"k\">+=</span> me<span class=\"k\">.</span>SPACE <span class=\"k\">+</span> <span class=\"s\">20</span><span class=\"k\">;</span>","                setPos <span class=\"k\">(</span>offset<span class=\"k\">);</span>","                me<span class=\"k\">.</span>setOpacity <span class=\"k\">(</span>el <span class=\"k\">,</span> <span class=\"s\">0.2</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","","","            me<span class=\"k\">.</span>isHidden <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            me<span class=\"k\">.</span>left <span class=\"k\">=</span> e<span class=\"k\">.</span>screenX <span class=\"k\">+</span> el<span class=\"k\">.</span>offsetWidth <span class=\"k\">/</span> <span class=\"s\">2</span> <span class=\"k\">-</span> me<span class=\"k\">.</span>SPACE<span class=\"k\">;</span>","            me<span class=\"k\">.</span>top <span class=\"k\">=</span> e<span class=\"k\">.</span>screenY <span class=\"k\">-</span> <span class=\"k\">(</span>el<span class=\"k\">.</span>offsetHeight <span class=\"k\">/</span> <span class=\"s\">2</span><span class=\"k\">)</span> <span class=\"k\">-</span> me<span class=\"k\">.</span>SPACE<span class=\"k\">;</span>","","            <span class=\"k\">if</span> <span class=\"k\">(</span>me<span class=\"k\">.</span>editor<span class=\"k\">)</span> <span class=\"k\">{</span>","                el<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> me<span class=\"k\">.</span>editor<span class=\"k\">.</span>container<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">*</span> <span class=\"s\">1</span> <span class=\"k\">+</span> <span class=\"s\">10</span><span class=\"k\">;</span>","                fixedlayer<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">=</span> el<span class=\"k\">.</span>style<span class=\"k\">.</span>zIndex <span class=\"k\">-</span> <span class=\"s\">1</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">,</span>","        hide <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom <span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom <span class=\"k\">().</span>style<span class=\"k\">.</span>display <span class=\"k\">=</span> <span class=\"s\">\"none\"</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>isHidden <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","        <span class=\"k\">}</span> <span class=\"k\">,</span>","        postRender <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isArray <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> item <span class=\"k\">;</span> item <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">++]</span> <span class=\"k\">;)</span> <span class=\"k\">{</span>","                    item<span class=\"k\">.</span>postRender <span class=\"k\">();</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span> <span class=\"k\">,</span>","        getHtmlTpl <span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> buff<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>utils<span class=\"k\">.</span>isArray <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">))</span> <span class=\"k\">{</span>","                buff <span class=\"k\">=</span> <span class=\"k\">[];</span>","                <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span> <span class=\"k\">;</span> i <span class=\"k\">&lt;</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length <span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                    buff<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">].</span>renderHtml <span class=\"k\">();</span>","                <span class=\"k\">}</span>","                buff <span class=\"k\">=</span> buff<span class=\"k\">.</span>join <span class=\"k\">(</span><span class=\"s\">\"\"</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                buff <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">;</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"%% edui-toolbar\" data-src=\"shortcutmenu\" onmousedown=\"return false;\" onselectstart=\"return false;\" &gt;'</span> <span class=\"k\">+</span>","                buff <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","","    utils<span class=\"k\">.</span>inherits <span class=\"k\">(</span>ShortCutMenu <span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","","    <span class=\"k\">function</span> hideAllMenu <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","        <span class=\"k\">var</span> tgt <span class=\"k\">=</span> e<span class=\"k\">.</span>target <span class=\"k\">||</span> e<span class=\"k\">.</span>srcElement<span class=\"k\">,</span>","            cur <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>findParent <span class=\"k\">(</span>tgt <span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>node<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>hasClass <span class=\"k\">(</span>node <span class=\"k\">,</span> <span class=\"s\">\"edui-shortcutmenu\"</span><span class=\"k\">)</span> <span class=\"k\">||</span> domUtils<span class=\"k\">.</span>hasClass <span class=\"k\">(</span>node <span class=\"k\">,</span> <span class=\"s\">\"edui-popup\"</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","        <span class=\"k\">if</span> <span class=\"k\">(!</span>cur<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> menu <span class=\"k\">;</span> menu <span class=\"k\">=</span> allMenus<span class=\"k\">[</span>i<span class=\"k\">++]</span> <span class=\"k\">;)</span> <span class=\"k\">{</span>","                menu<span class=\"k\">.</span>hide <span class=\"k\">()</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span>","","    domUtils<span class=\"k\">.</span>on <span class=\"k\">(</span>document <span class=\"k\">,</span> <span class=\"s\">'mousedown'</span> <span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","        hideAllMenu <span class=\"k\">(</span>e<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","    domUtils<span class=\"k\">.</span>on <span class=\"k\">(</span>window <span class=\"k\">,</span> <span class=\"s\">'scroll'</span> <span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">(</span>e<span class=\"k\">)</span> <span class=\"k\">{</span>","        hideAllMenu <span class=\"k\">(</span>e<span class=\"k\">);</span>","    <span class=\"k\">}</span><span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">)</span> <span class=\"k\">();</span>"];
+_$jscoverage['ui/shortcutmenu.js'][1]++;
+(function () {
+  _$jscoverage['ui/shortcutmenu.js'][2]++;
+  var UI = baidu.editor.ui, UIBase = UI.UIBase, uiUtils = UI.uiUtils, utils = baidu.editor.utils, domUtils = baidu.editor.dom.domUtils;
+  _$jscoverage['ui/shortcutmenu.js'][8]++;
+  var allMenus = [], timeID, isSubMenuShow = false;
+  _$jscoverage['ui/shortcutmenu.js'][12]++;
+  var ShortCutMenu = (UI.ShortCutMenu = (function (options) {
+  _$jscoverage['ui/shortcutmenu.js'][13]++;
+  this.initOptions(options);
+  _$jscoverage['ui/shortcutmenu.js'][14]++;
+  this.initShortCutMenu();
+}));
+  _$jscoverage['ui/shortcutmenu.js'][17]++;
+  ShortCutMenu.postHide = hideAllMenu;
+  _$jscoverage['ui/shortcutmenu.js'][19]++;
+  ShortCutMenu.prototype = {isHidden: true, SPACE: 5, initShortCutMenu: (function () {
+  _$jscoverage['ui/shortcutmenu.js'][23]++;
+  this.items = (this.items || []);
+  _$jscoverage['ui/shortcutmenu.js'][24]++;
+  this.initUIBase();
+  _$jscoverage['ui/shortcutmenu.js'][25]++;
+  this.initItems();
+  _$jscoverage['ui/shortcutmenu.js'][26]++;
+  this.initEvent();
+  _$jscoverage['ui/shortcutmenu.js'][27]++;
+  allMenus.push(this);
+}), initEvent: (function () {
+  _$jscoverage['ui/shortcutmenu.js'][30]++;
+  var me = this, doc = me.editor.document;
+  _$jscoverage['ui/shortcutmenu.js'][33]++;
+  domUtils.on(doc, "mousemove", (function (e) {
+  _$jscoverage['ui/shortcutmenu.js'][34]++;
+  if ((me.isHidden === false)) {
+    _$jscoverage['ui/shortcutmenu.js'][36]++;
+    if ((me.getSubMenuMark() || (me.eventType == "contextmenu"))) {
+      _$jscoverage['ui/shortcutmenu.js'][36]++;
+      return;
+    }
+    _$jscoverage['ui/shortcutmenu.js'][39]++;
+    var flag = true, el = me.getDom(), wt = el.offsetWidth, ht = el.offsetHeight, distanceX = ((wt / 2) + me.SPACE), distanceY = (ht / 2), x = Math.abs((e.screenX - me.left)), y = Math.abs((e.screenY - me.top));
+    _$jscoverage['ui/shortcutmenu.js'][48]++;
+    clearTimeout(timeID);
+    _$jscoverage['ui/shortcutmenu.js'][49]++;
+    timeID = setTimeout((function () {
+  _$jscoverage['ui/shortcutmenu.js'][50]++;
+  if (((y > 0) && (y < distanceY))) {
+    _$jscoverage['ui/shortcutmenu.js'][51]++;
+    me.setOpacity(el, "1");
+  }
+  else {
+    _$jscoverage['ui/shortcutmenu.js'][52]++;
+    if (((y > distanceY) && (y < (distanceY + 70)))) {
+      _$jscoverage['ui/shortcutmenu.js'][53]++;
+      me.setOpacity(el, "0.5");
+      _$jscoverage['ui/shortcutmenu.js'][54]++;
+      flag = false;
+    }
+    else {
+      _$jscoverage['ui/shortcutmenu.js'][55]++;
+      if (((y > (distanceY + 70)) && (y < (distanceY + 140)))) {
+        _$jscoverage['ui/shortcutmenu.js'][56]++;
+        me.hide();
+      }
+    }
+  }
+  _$jscoverage['ui/shortcutmenu.js'][59]++;
+  if ((flag && (x > 0) && (x < distanceX))) {
+    _$jscoverage['ui/shortcutmenu.js'][60]++;
+    me.setOpacity(el, "1");
+  }
+  else {
+    _$jscoverage['ui/shortcutmenu.js'][61]++;
+    if (((x > distanceX) && (x < (distanceX + 70)))) {
+      _$jscoverage['ui/shortcutmenu.js'][62]++;
+      me.setOpacity(el, "0.5");
+    }
+    else {
+      _$jscoverage['ui/shortcutmenu.js'][63]++;
+      if (((x > (distanceX + 70)) && (x < (distanceX + 140)))) {
+        _$jscoverage['ui/shortcutmenu.js'][64]++;
+        me.hide();
+      }
+    }
+  }
+}));
+  }
+}));
+  _$jscoverage['ui/shortcutmenu.js'][71]++;
+  if (browser.chrome) {
+    _$jscoverage['ui/shortcutmenu.js'][72]++;
+    domUtils.on(doc, "mouseout", (function (e) {
+  _$jscoverage['ui/shortcutmenu.js'][73]++;
+  var relatedTgt = (e.relatedTarget || e.toElement);
+  _$jscoverage['ui/shortcutmenu.js'][75]++;
+  if (((relatedTgt == null) || (relatedTgt.tagName == "HTML"))) {
+    _$jscoverage['ui/shortcutmenu.js'][76]++;
+    me.hide();
+  }
+}));
+  }
+  _$jscoverage['ui/shortcutmenu.js'][81]++;
+  me.editor.addListener("afterhidepop", (function () {
+  _$jscoverage['ui/shortcutmenu.js'][82]++;
+  if ((! me.isHidden)) {
+    _$jscoverage['ui/shortcutmenu.js'][83]++;
+    isSubMenuShow = true;
+  }
+}));
+}), initItems: (function () {
+  _$jscoverage['ui/shortcutmenu.js'][89]++;
+  if (utils.isArray(this.items)) {
+    _$jscoverage['ui/shortcutmenu.js'][90]++;
+    for (var i = 0, len = this.items.length; (i < len); (i++)) {
+      _$jscoverage['ui/shortcutmenu.js'][91]++;
+      var item = this.items[i].toLowerCase();
+      _$jscoverage['ui/shortcutmenu.js'][93]++;
+      if (UI[item]) {
+        _$jscoverage['ui/shortcutmenu.js'][94]++;
+        this.items[i] = new (UI[item])(this.editor);
+        _$jscoverage['ui/shortcutmenu.js'][95]++;
+        this.items[i].className += " edui-shortcutsubmenu ";
+      }
+}
+  }
+}), setOpacity: (function (el, value) {
+  _$jscoverage['ui/shortcutmenu.js'][101]++;
+  if ((browser.ie && (browser.version < 9))) {
+    _$jscoverage['ui/shortcutmenu.js'][102]++;
+    el.style.filter = ("alpha(opacity = " + (parseFloat(value) * 100) + ");");
+  }
+  else {
+    _$jscoverage['ui/shortcutmenu.js'][104]++;
+    el.style.opacity = value;
+  }
+}), getSubMenuMark: (function () {
+  _$jscoverage['ui/shortcutmenu.js'][108]++;
+  isSubMenuShow = false;
+  _$jscoverage['ui/shortcutmenu.js'][109]++;
+  var layerEle = uiUtils.getFixedLayer();
+  _$jscoverage['ui/shortcutmenu.js'][110]++;
+  var list = domUtils.getElementsByTagName(layerEle, "div", (function (node) {
+  _$jscoverage['ui/shortcutmenu.js'][111]++;
+  return domUtils.hasClass(node, "edui-shortcutsubmenu edui-popup");
+}));
+  _$jscoverage['ui/shortcutmenu.js'][114]++;
+  for (var i = 0, node; (node = list[(i++)]);) {
+    _$jscoverage['ui/shortcutmenu.js'][115]++;
+    if ((node.style.display != "none")) {
+      _$jscoverage['ui/shortcutmenu.js'][116]++;
+      isSubMenuShow = true;
+    }
+}
+  _$jscoverage['ui/shortcutmenu.js'][119]++;
+  return isSubMenuShow;
+}), show: (function (e, hasContextmenu) {
+  _$jscoverage['ui/shortcutmenu.js'][122]++;
+  var me = this, offset = {}, el = this.getDom(), fixedlayer = uiUtils.getFixedLayer();
+  _$jscoverage['ui/shortcutmenu.js'][127]++;
+  function setPos(offset) {
+    _$jscoverage['ui/shortcutmenu.js'][128]++;
+    if ((offset.left < 0)) {
+      _$jscoverage['ui/shortcutmenu.js'][129]++;
+      offset.left = 0;
+    }
+    _$jscoverage['ui/shortcutmenu.js'][131]++;
+    if ((offset.top < 0)) {
+      _$jscoverage['ui/shortcutmenu.js'][132]++;
+      offset.top = 0;
+    }
+    _$jscoverage['ui/shortcutmenu.js'][134]++;
+    el.style.cssText = ("position:absolute;left:" + offset.left + "px;top:" + offset.top + "px;");
+}
+  _$jscoverage['ui/shortcutmenu.js'][137]++;
+  function setPosByCxtMenu(menu) {
+    _$jscoverage['ui/shortcutmenu.js'][138]++;
+    if ((! menu.tagName)) {
+      _$jscoverage['ui/shortcutmenu.js'][139]++;
+      menu = menu.getDom();
+    }
+    _$jscoverage['ui/shortcutmenu.js'][141]++;
+    offset.left = parseInt(menu.style.left);
+    _$jscoverage['ui/shortcutmenu.js'][142]++;
+    offset.top = parseInt(menu.style.top);
+    _$jscoverage['ui/shortcutmenu.js'][143]++;
+    offset.top -= (el.offsetHeight + 15);
+    _$jscoverage['ui/shortcutmenu.js'][144]++;
+    setPos(offset);
+}
+  _$jscoverage['ui/shortcutmenu.js'][148]++;
+  me.eventType = e.type;
+  _$jscoverage['ui/shortcutmenu.js'][149]++;
+  el.style.cssText = "display:block;left:-9999px";
+  _$jscoverage['ui/shortcutmenu.js'][151]++;
+  if (((e.type == "contextmenu") && hasContextmenu)) {
+    _$jscoverage['ui/shortcutmenu.js'][152]++;
+    var menu = domUtils.getElementsByTagName(fixedlayer, "div", "edui-contextmenu")[0];
+    _$jscoverage['ui/shortcutmenu.js'][153]++;
+    if (menu) {
+      _$jscoverage['ui/shortcutmenu.js'][154]++;
+      setPosByCxtMenu(menu);
+    }
+    else {
+      _$jscoverage['ui/shortcutmenu.js'][156]++;
+      me.editor.addListener("aftershowcontextmenu", (function (type, menu) {
+  _$jscoverage['ui/shortcutmenu.js'][157]++;
+  setPosByCxtMenu(menu);
+}));
+    }
+  }
+  else {
+    _$jscoverage['ui/shortcutmenu.js'][161]++;
+    offset = uiUtils.getViewportOffsetByEvent(e);
+    _$jscoverage['ui/shortcutmenu.js'][162]++;
+    offset.top -= (el.offsetHeight + me.SPACE);
+    _$jscoverage['ui/shortcutmenu.js'][163]++;
+    offset.left += (me.SPACE + 20);
+    _$jscoverage['ui/shortcutmenu.js'][164]++;
+    setPos(offset);
+    _$jscoverage['ui/shortcutmenu.js'][165]++;
+    me.setOpacity(el, 0.20000000000000001);
+  }
+  _$jscoverage['ui/shortcutmenu.js'][169]++;
+  me.isHidden = false;
+  _$jscoverage['ui/shortcutmenu.js'][170]++;
+  me.left = ((e.screenX + (el.offsetWidth / 2)) - me.SPACE);
+  _$jscoverage['ui/shortcutmenu.js'][171]++;
+  me.top = (e.screenY - (el.offsetHeight / 2) - me.SPACE);
+  _$jscoverage['ui/shortcutmenu.js'][173]++;
+  if (me.editor) {
+    _$jscoverage['ui/shortcutmenu.js'][174]++;
+    el.style.zIndex = ((me.editor.container.style.zIndex * 1) + 10);
+    _$jscoverage['ui/shortcutmenu.js'][175]++;
+    fixedlayer.style.zIndex = (el.style.zIndex - 1);
+  }
+}), hide: (function () {
+  _$jscoverage['ui/shortcutmenu.js'][179]++;
+  if (this.getDom()) {
+    _$jscoverage['ui/shortcutmenu.js'][180]++;
+    this.getDom().style.display = "none";
+  }
+  _$jscoverage['ui/shortcutmenu.js'][182]++;
+  this.isHidden = true;
+}), postRender: (function () {
+  _$jscoverage['ui/shortcutmenu.js'][185]++;
+  if (utils.isArray(this.items)) {
+    _$jscoverage['ui/shortcutmenu.js'][186]++;
+    for (var i = 0, item; (item = this.items[(i++)]);) {
+      _$jscoverage['ui/shortcutmenu.js'][187]++;
+      item.postRender();
+}
+  }
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/shortcutmenu.js'][192]++;
+  var buff;
+  _$jscoverage['ui/shortcutmenu.js'][193]++;
+  if (utils.isArray(this.items)) {
+    _$jscoverage['ui/shortcutmenu.js'][194]++;
+    buff = [];
+    _$jscoverage['ui/shortcutmenu.js'][195]++;
+    for (var i = 0; (i < this.items.length); (i++)) {
+      _$jscoverage['ui/shortcutmenu.js'][196]++;
+      buff[i] = this.items[i].renderHtml();
+}
+    _$jscoverage['ui/shortcutmenu.js'][198]++;
+    buff = buff.join("");
+  }
+  else {
+    _$jscoverage['ui/shortcutmenu.js'][200]++;
+    buff = this.items;
+  }
+  _$jscoverage['ui/shortcutmenu.js'][203]++;
+  return ("<div id=\"##\" class=\"%% edui-toolbar\" data-src=\"shortcutmenu\" onmousedown=\"return false;\" onselectstart=\"return false;\" >" + buff + "</div>");
+})};
+  _$jscoverage['ui/shortcutmenu.js'][209]++;
+  utils.inherits(ShortCutMenu, UIBase);
+  _$jscoverage['ui/shortcutmenu.js'][211]++;
+  function hideAllMenu(e) {
+    _$jscoverage['ui/shortcutmenu.js'][212]++;
+    var tgt = (e.target || e.srcElement), cur = domUtils.findParent(tgt, (function (node) {
+  _$jscoverage['ui/shortcutmenu.js'][214]++;
+  return (domUtils.hasClass(node, "edui-shortcutmenu") || domUtils.hasClass(node, "edui-popup"));
+}), true);
+    _$jscoverage['ui/shortcutmenu.js'][217]++;
+    if ((! cur)) {
+      _$jscoverage['ui/shortcutmenu.js'][218]++;
+      for (var i = 0, menu; (menu = allMenus[(i++)]);) {
+        _$jscoverage['ui/shortcutmenu.js'][219]++;
+        menu.hide();
+}
+    }
+}
+  _$jscoverage['ui/shortcutmenu.js'][224]++;
+  domUtils.on(document, "mousedown", (function (e) {
+  _$jscoverage['ui/shortcutmenu.js'][225]++;
+  hideAllMenu(e);
+}));
+  _$jscoverage['ui/shortcutmenu.js'][228]++;
+  domUtils.on(window, "scroll", (function (e) {
+  _$jscoverage['ui/shortcutmenu.js'][229]++;
+  hideAllMenu(e);
+}));
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/splitbutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/splitbutton.js
new file mode 100644
index 000000000..9d7b95a5d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/splitbutton.js
@@ -0,0 +1,170 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/splitbutton.js']) {
+  _$jscoverage['ui/splitbutton.js'] = [];
+  _$jscoverage['ui/splitbutton.js'][4] = 0;
+  _$jscoverage['ui/splitbutton.js'][5] = 0;
+  _$jscoverage['ui/splitbutton.js'][11] = 0;
+  _$jscoverage['ui/splitbutton.js'][12] = 0;
+  _$jscoverage['ui/splitbutton.js'][14] = 0;
+  _$jscoverage['ui/splitbutton.js'][19] = 0;
+  _$jscoverage['ui/splitbutton.js'][20] = 0;
+  _$jscoverage['ui/splitbutton.js'][21] = 0;
+  _$jscoverage['ui/splitbutton.js'][22] = 0;
+  _$jscoverage['ui/splitbutton.js'][23] = 0;
+  _$jscoverage['ui/splitbutton.js'][24] = 0;
+  _$jscoverage['ui/splitbutton.js'][25] = 0;
+  _$jscoverage['ui/splitbutton.js'][30] = 0;
+  _$jscoverage['ui/splitbutton.js'][31] = 0;
+  _$jscoverage['ui/splitbutton.js'][34] = 0;
+  _$jscoverage['ui/splitbutton.js'][35] = 0;
+  _$jscoverage['ui/splitbutton.js'][36] = 0;
+  _$jscoverage['ui/splitbutton.js'][38] = 0;
+  _$jscoverage['ui/splitbutton.js'][39] = 0;
+  _$jscoverage['ui/splitbutton.js'][40] = 0;
+  _$jscoverage['ui/splitbutton.js'][41] = 0;
+  _$jscoverage['ui/splitbutton.js'][46] = 0;
+  _$jscoverage['ui/splitbutton.js'][48] = 0;
+  _$jscoverage['ui/splitbutton.js'][51] = 0;
+  _$jscoverage['ui/splitbutton.js'][54] = 0;
+  _$jscoverage['ui/splitbutton.js'][57] = 0;
+  _$jscoverage['ui/splitbutton.js'][68] = 0;
+  _$jscoverage['ui/splitbutton.js'][69] = 0;
+  _$jscoverage['ui/splitbutton.js'][70] = 0;
+  _$jscoverage['ui/splitbutton.js'][71] = 0;
+  _$jscoverage['ui/splitbutton.js'][74] = 0;
+  _$jscoverage['ui/splitbutton.js'][75] = 0;
+  _$jscoverage['ui/splitbutton.js'][79] = 0;
+  _$jscoverage['ui/splitbutton.js'][80] = 0;
+  _$jscoverage['ui/splitbutton.js'][84] = 0;
+  _$jscoverage['ui/splitbutton.js'][85] = 0;
+}
+_$jscoverage['ui/splitbutton.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"c\">///import ui/stateful.js</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        domUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        Stateful <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Stateful<span class=\"k\">,</span>","        SplitButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>SplitButton <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initSplitButton<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    SplitButton<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        popup<span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">,</span>","        uiName<span class=\"k\">:</span> <span class=\"s\">'splitbutton'</span><span class=\"k\">,</span>","        title<span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">,</span>","        initSplitButton<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_init<span class=\"k\">();</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">!=</span> <span class=\"k\">null</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> popup <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">=</span> <span class=\"k\">null</span><span class=\"k\">;</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>setPopup<span class=\"k\">(</span>popup<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _UIBase_postRender<span class=\"k\">:</span> UIBase<span class=\"k\">.</span>prototype<span class=\"k\">.</span>postRender<span class=\"k\">,</span>","        postRender<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_postRender<span class=\"k\">();</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_UIBase_postRender<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setPopup<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>popup<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">===</span> popup<span class=\"k\">)</span> <span class=\"k\">return</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">!=</span> <span class=\"k\">null</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>dispose<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            popup<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'show'</span><span class=\"k\">,</span> utils<span class=\"k\">.</span>bind<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>_onPopupShow<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">));</span>","            popup<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'hide'</span><span class=\"k\">,</span> utils<span class=\"k\">.</span>bind<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>_onPopupHide<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">));</span>","            popup<span class=\"k\">.</span>addListener<span class=\"k\">(</span><span class=\"s\">'postrender'</span><span class=\"k\">,</span> utils<span class=\"k\">.</span>bind<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                popup<span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'body'</span><span class=\"k\">).</span>appendChild<span class=\"k\">(</span>","                    uiUtils<span class=\"k\">.</span>createElementByHtml<span class=\"k\">(</span><span class=\"s\">'&lt;div id=\"'</span> <span class=\"k\">+</span>","                        <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>id <span class=\"k\">+</span> <span class=\"s\">'_bordereraser\" class=\"edui-bordereraser edui-background\" style=\"width:'</span> <span class=\"k\">+</span>","                        <span class=\"k\">(</span>uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">()).</span>width <span class=\"k\">+</span> <span class=\"s\">20</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">'px\"&gt;&lt;/div&gt;'</span><span class=\"k\">)</span>","                    <span class=\"k\">);</span>","                popup<span class=\"k\">.</span>getDom<span class=\"k\">().</span>className <span class=\"k\">+=</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>className<span class=\"k\">;</span>","            <span class=\"k\">}</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">));</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">=</span> popup<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onPopupShow<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>addState<span class=\"k\">(</span><span class=\"s\">'opened'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onPopupHide<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>removeState<span class=\"k\">(</span><span class=\"s\">'opened'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"edui-box %%\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div '</span><span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>title <span class=\"k\">?</span> <span class=\"s\">'title=\"'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>title <span class=\"k\">+</span> <span class=\"s\">'\"'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span><span class=\"s\">' id=\"##_state\" stateful&gt;&lt;div class=\"%%-body\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div id=\"##_button_body\" class=\"edui-box edui-button-body\" onclick=\"$$._onButtonClick(event, this);\"&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-box edui-icon\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-box edui-splitborder\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;div class=\"edui-box edui-arrow\" onclick=\"$$._onArrowClick();\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        showPopup<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"c\">// &#24403;popup&#24448;&#19978;&#24377;&#20986;&#30340;&#26102;&#20505;&#65292;&#20570;&#29305;&#27530;&#22788;&#29702;</span>","            <span class=\"k\">var</span> rect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">());</span>","            rect<span class=\"k\">.</span>top <span class=\"k\">-=</span> <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>SHADOW_RADIUS<span class=\"k\">;</span>","            rect<span class=\"k\">.</span>height <span class=\"k\">+=</span> <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>SHADOW_RADIUS<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>showAnchorRect<span class=\"k\">(</span>rect<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onArrowClick<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>event<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>isDisabled<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>showPopup<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onButtonClick<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>isDisabled<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'buttonclick'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>SplitButton<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","    utils<span class=\"k\">.</span>extend<span class=\"k\">(</span>SplitButton<span class=\"k\">.</span>prototype<span class=\"k\">,</span> Stateful<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/splitbutton.js'][4]++;
+(function () {
+  _$jscoverage['ui/splitbutton.js'][5]++;
+  var utils = baidu.editor.utils, uiUtils = baidu.editor.ui.uiUtils, domUtils = baidu.editor.dom.domUtils, UIBase = baidu.editor.ui.UIBase, Stateful = baidu.editor.ui.Stateful, SplitButton = (baidu.editor.ui.SplitButton = (function (options) {
+  _$jscoverage['ui/splitbutton.js'][11]++;
+  this.initOptions(options);
+  _$jscoverage['ui/splitbutton.js'][12]++;
+  this.initSplitButton();
+}));
+  _$jscoverage['ui/splitbutton.js'][14]++;
+  SplitButton.prototype = {popup: null, uiName: "splitbutton", title: "", initSplitButton: (function () {
+  _$jscoverage['ui/splitbutton.js'][19]++;
+  this.initUIBase();
+  _$jscoverage['ui/splitbutton.js'][20]++;
+  this.Stateful_init();
+  _$jscoverage['ui/splitbutton.js'][21]++;
+  var me = this;
+  _$jscoverage['ui/splitbutton.js'][22]++;
+  if ((this.popup != null)) {
+    _$jscoverage['ui/splitbutton.js'][23]++;
+    var popup = this.popup;
+    _$jscoverage['ui/splitbutton.js'][24]++;
+    this.popup = null;
+    _$jscoverage['ui/splitbutton.js'][25]++;
+    this.setPopup(popup);
+  }
+}), _UIBase_postRender: UIBase.prototype.postRender, postRender: (function () {
+  _$jscoverage['ui/splitbutton.js'][30]++;
+  this.Stateful_postRender();
+  _$jscoverage['ui/splitbutton.js'][31]++;
+  this._UIBase_postRender();
+}), setPopup: (function (popup) {
+  _$jscoverage['ui/splitbutton.js'][34]++;
+  if ((this.popup === popup)) {
+    _$jscoverage['ui/splitbutton.js'][34]++;
+    return;
+  }
+  _$jscoverage['ui/splitbutton.js'][35]++;
+  if ((this.popup != null)) {
+    _$jscoverage['ui/splitbutton.js'][36]++;
+    this.popup.dispose();
+  }
+  _$jscoverage['ui/splitbutton.js'][38]++;
+  popup.addListener("show", utils.bind(this._onPopupShow, this));
+  _$jscoverage['ui/splitbutton.js'][39]++;
+  popup.addListener("hide", utils.bind(this._onPopupHide, this));
+  _$jscoverage['ui/splitbutton.js'][40]++;
+  popup.addListener("postrender", utils.bind((function () {
+  _$jscoverage['ui/splitbutton.js'][41]++;
+  popup.getDom("body").appendChild(uiUtils.createElementByHtml(("<div id=\"" + this.popup.id + "_bordereraser\" class=\"edui-bordereraser edui-background\" style=\"width:" + (uiUtils.getClientRect(this.getDom()).width + 20) + "px\"></div>")));
+  _$jscoverage['ui/splitbutton.js'][46]++;
+  popup.getDom().className += (" " + this.className);
+}), this));
+  _$jscoverage['ui/splitbutton.js'][48]++;
+  this.popup = popup;
+}), _onPopupShow: (function () {
+  _$jscoverage['ui/splitbutton.js'][51]++;
+  this.addState("opened");
+}), _onPopupHide: (function () {
+  _$jscoverage['ui/splitbutton.js'][54]++;
+  this.removeState("opened");
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/splitbutton.js'][57]++;
+  return ("<div id=\"##\" class=\"edui-box %%\">" + "<div " + (this.title? ("title=\"" + this.title + "\""): "") + " id=\"##_state\" stateful><div class=\"%%-body\">" + "<div id=\"##_button_body\" class=\"edui-box edui-button-body\" onclick=\"$$._onButtonClick(event, this);\">" + "<div class=\"edui-box edui-icon\"></div>" + "</div>" + "<div class=\"edui-box edui-splitborder\"></div>" + "<div class=\"edui-box edui-arrow\" onclick=\"$$._onArrowClick();\"></div>" + "</div></div></div>");
+}), showPopup: (function () {
+  _$jscoverage['ui/splitbutton.js'][68]++;
+  var rect = uiUtils.getClientRect(this.getDom());
+  _$jscoverage['ui/splitbutton.js'][69]++;
+  rect.top -= this.popup.SHADOW_RADIUS;
+  _$jscoverage['ui/splitbutton.js'][70]++;
+  rect.height += this.popup.SHADOW_RADIUS;
+  _$jscoverage['ui/splitbutton.js'][71]++;
+  this.popup.showAnchorRect(rect);
+}), _onArrowClick: (function (event, el) {
+  _$jscoverage['ui/splitbutton.js'][74]++;
+  if ((! this.isDisabled())) {
+    _$jscoverage['ui/splitbutton.js'][75]++;
+    this.showPopup();
+  }
+}), _onButtonClick: (function () {
+  _$jscoverage['ui/splitbutton.js'][79]++;
+  if ((! this.isDisabled())) {
+    _$jscoverage['ui/splitbutton.js'][80]++;
+    this.fireEvent("buttonclick");
+  }
+})};
+  _$jscoverage['ui/splitbutton.js'][84]++;
+  utils.inherits(SplitButton, UIBase);
+  _$jscoverage['ui/splitbutton.js'][85]++;
+  utils.extend(SplitButton.prototype, Stateful, true);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/stateful.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/stateful.js
new file mode 100644
index 000000000..61621e327
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/stateful.js
@@ -0,0 +1,214 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/stateful.js']) {
+  _$jscoverage['ui/stateful.js'] = [];
+  _$jscoverage['ui/stateful.js'][1] = 0;
+  _$jscoverage['ui/stateful.js'][2] = 0;
+  _$jscoverage['ui/stateful.js'][6] = 0;
+  _$jscoverage['ui/stateful.js'][15] = 0;
+  _$jscoverage['ui/stateful.js'][19] = 0;
+  _$jscoverage['ui/stateful.js'][20] = 0;
+  _$jscoverage['ui/stateful.js'][23] = 0;
+  _$jscoverage['ui/stateful.js'][25] = 0;
+  _$jscoverage['ui/stateful.js'][28] = 0;
+  _$jscoverage['ui/stateful.js'][29] = 0;
+  _$jscoverage['ui/stateful.js'][30] = 0;
+  _$jscoverage['ui/stateful.js'][31] = 0;
+  _$jscoverage['ui/stateful.js'][35] = 0;
+  _$jscoverage['ui/stateful.js'][36] = 0;
+  _$jscoverage['ui/stateful.js'][37] = 0;
+  _$jscoverage['ui/stateful.js'][38] = 0;
+  _$jscoverage['ui/stateful.js'][42] = 0;
+  _$jscoverage['ui/stateful.js'][43] = 0;
+  _$jscoverage['ui/stateful.js'][44] = 0;
+  _$jscoverage['ui/stateful.js'][48] = 0;
+  _$jscoverage['ui/stateful.js'][49] = 0;
+  _$jscoverage['ui/stateful.js'][50] = 0;
+  _$jscoverage['ui/stateful.js'][54] = 0;
+  _$jscoverage['ui/stateful.js'][55] = 0;
+  _$jscoverage['ui/stateful.js'][59] = 0;
+  _$jscoverage['ui/stateful.js'][60] = 0;
+  _$jscoverage['ui/stateful.js'][64] = 0;
+  _$jscoverage['ui/stateful.js'][65] = 0;
+  _$jscoverage['ui/stateful.js'][69] = 0;
+  _$jscoverage['ui/stateful.js'][72] = 0;
+  _$jscoverage['ui/stateful.js'][73] = 0;
+  _$jscoverage['ui/stateful.js'][77] = 0;
+  _$jscoverage['ui/stateful.js'][78] = 0;
+  _$jscoverage['ui/stateful.js'][82] = 0;
+  _$jscoverage['ui/stateful.js'][85] = 0;
+  _$jscoverage['ui/stateful.js'][88] = 0;
+  _$jscoverage['ui/stateful.js'][89] = 0;
+  _$jscoverage['ui/stateful.js'][91] = 0;
+  _$jscoverage['ui/stateful.js'][95] = 0;
+  _$jscoverage['ui/stateful.js'][98] = 0;
+  _$jscoverage['ui/stateful.js'][99] = 0;
+  _$jscoverage['ui/stateful.js'][100] = 0;
+  _$jscoverage['ui/stateful.js'][101] = 0;
+  _$jscoverage['ui/stateful.js'][102] = 0;
+  _$jscoverage['ui/stateful.js'][104] = 0;
+}
+_$jscoverage['ui/stateful.js'].source = ["<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> browser <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>browser<span class=\"k\">,</span>","        domUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">;</span>","    ","    <span class=\"k\">var</span> TPL_STATEFUL <span class=\"k\">=</span> <span class=\"s\">'onmousedown=\"$$.Stateful_onMouseDown(event, this);\"'</span> <span class=\"k\">+</span>","        <span class=\"s\">' onmouseup=\"$$.Stateful_onMouseUp(event, this);\"'</span> <span class=\"k\">+</span>","        <span class=\"k\">(</span> browser<span class=\"k\">.</span>ie <span class=\"k\">?</span> <span class=\"k\">(</span>","        <span class=\"s\">' onmouseenter=\"$$.Stateful_onMouseEnter(event, this);\"'</span> <span class=\"k\">+</span>","        <span class=\"s\">' onmouseleave=\"$$.Stateful_onMouseLeave(event, this);\"'</span> <span class=\"k\">)</span>","        <span class=\"k\">:</span> <span class=\"k\">(</span>","        <span class=\"s\">' onmouseover=\"$$.Stateful_onMouseOver(event, this);\"'</span> <span class=\"k\">+</span>","        <span class=\"s\">' onmouseout=\"$$.Stateful_onMouseOut(event, this);\"'</span> <span class=\"k\">));</span>","    ","    baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Stateful <span class=\"k\">=</span> <span class=\"k\">{</span>","        alwalysHoverable<span class=\"k\">:</span> <span class=\"k\">false</span><span class=\"k\">,</span>","        target<span class=\"k\">:</span><span class=\"k\">null</span><span class=\"k\">,</span><span class=\"c\">//&#30446;&#26631;&#20803;&#32032;&#21644;this&#25351;&#21521;dom&#19981;&#19968;&#26679;</span>","        Stateful_init<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_Stateful_dGetHtmlTpl <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getHtmlTpl<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getHtmlTpl <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_getHtmlTpl<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        Stateful_getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> tpl <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>_Stateful_dGetHtmlTpl<span class=\"k\">();</span>","            <span class=\"c\">// &#20351;&#29992;function&#36991;&#20813;$&#36716;&#20041;</span>","            <span class=\"k\">return</span> tpl<span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/stateful/g</span><span class=\"k\">,</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span> <span class=\"k\">return</span> TPL_STATEFUL<span class=\"k\">;</span> <span class=\"k\">}</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        Stateful_onMouseEnter<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>target<span class=\"k\">=</span>el<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>isDisabled<span class=\"k\">()</span> <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>alwalysHoverable<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>addState<span class=\"k\">(</span><span class=\"s\">'hover'</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'over'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        Stateful_onMouseLeave<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>isDisabled<span class=\"k\">()</span> <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>alwalysHoverable<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>removeState<span class=\"k\">(</span><span class=\"s\">'hover'</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>removeState<span class=\"k\">(</span><span class=\"s\">'active'</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'out'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        Stateful_onMouseOver<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> rel <span class=\"k\">=</span> evt<span class=\"k\">.</span>relatedTarget<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>uiUtils<span class=\"k\">.</span>contains<span class=\"k\">(</span>el<span class=\"k\">,</span> rel<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> el <span class=\"k\">!==</span> rel<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_onMouseEnter<span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        Stateful_onMouseOut<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> rel <span class=\"k\">=</span> evt<span class=\"k\">.</span>relatedTarget<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>uiUtils<span class=\"k\">.</span>contains<span class=\"k\">(</span>el<span class=\"k\">,</span> rel<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> el <span class=\"k\">!==</span> rel<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>Stateful_onMouseLeave<span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        Stateful_onMouseDown<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>isDisabled<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>addState<span class=\"k\">(</span><span class=\"s\">'active'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        Stateful_onMouseUp<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>isDisabled<span class=\"k\">())</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>removeState<span class=\"k\">(</span><span class=\"s\">'active'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        Stateful_postRender<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>disabled <span class=\"k\">&amp;&amp;</span> <span class=\"k\">!</span><span class=\"k\">this</span><span class=\"k\">.</span>hasState<span class=\"k\">(</span><span class=\"s\">'disabled'</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>addState<span class=\"k\">(</span><span class=\"s\">'disabled'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        hasState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>state<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> domUtils<span class=\"k\">.</span>hasClass<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getStateDom<span class=\"k\">(),</span> <span class=\"s\">'edui-state-'</span> <span class=\"k\">+</span> state<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        addState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>state<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>hasState<span class=\"k\">(</span>state<span class=\"k\">))</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getStateDom<span class=\"k\">().</span>className <span class=\"k\">+=</span> <span class=\"s\">' edui-state-'</span> <span class=\"k\">+</span> state<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        removeState<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>state<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>hasState<span class=\"k\">(</span>state<span class=\"k\">))</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>removeClasses<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getStateDom<span class=\"k\">(),</span> <span class=\"k\">[</span><span class=\"s\">'edui-state-'</span> <span class=\"k\">+</span> state<span class=\"k\">]);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getStateDom<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'state'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        isChecked<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>hasState<span class=\"k\">(</span><span class=\"s\">'checked'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setChecked<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>checked<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span><span class=\"k\">this</span><span class=\"k\">.</span>isDisabled<span class=\"k\">()</span> <span class=\"k\">&amp;&amp;</span> checked<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>addState<span class=\"k\">(</span><span class=\"s\">'checked'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>removeState<span class=\"k\">(</span><span class=\"s\">'checked'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        isDisabled<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>hasState<span class=\"k\">(</span><span class=\"s\">'disabled'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setDisabled<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>disabled<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>disabled<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>removeState<span class=\"k\">(</span><span class=\"s\">'hover'</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>removeState<span class=\"k\">(</span><span class=\"s\">'checked'</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>removeState<span class=\"k\">(</span><span class=\"s\">'active'</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>addState<span class=\"k\">(</span><span class=\"s\">'disabled'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>removeState<span class=\"k\">(</span><span class=\"s\">'disabled'</span><span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/stateful.js'][1]++;
+(function () {
+  _$jscoverage['ui/stateful.js'][2]++;
+  var browser = baidu.editor.browser, domUtils = baidu.editor.dom.domUtils, uiUtils = baidu.editor.ui.uiUtils;
+  _$jscoverage['ui/stateful.js'][6]++;
+  var TPL_STATEFUL = ("onmousedown=\"$$.Stateful_onMouseDown(event, this);\"" + " onmouseup=\"$$.Stateful_onMouseUp(event, this);\"" + (browser.ie? " onmouseenter=\"$$.Stateful_onMouseEnter(event, this);\" onmouseleave=\"$$.Stateful_onMouseLeave(event, this);\"": " onmouseover=\"$$.Stateful_onMouseOver(event, this);\" onmouseout=\"$$.Stateful_onMouseOut(event, this);\""));
+  _$jscoverage['ui/stateful.js'][15]++;
+  baidu.editor.ui.Stateful = {alwalysHoverable: false, target: null, Stateful_init: (function () {
+  _$jscoverage['ui/stateful.js'][19]++;
+  this._Stateful_dGetHtmlTpl = this.getHtmlTpl;
+  _$jscoverage['ui/stateful.js'][20]++;
+  this.getHtmlTpl = this.Stateful_getHtmlTpl;
+}), Stateful_getHtmlTpl: (function () {
+  _$jscoverage['ui/stateful.js'][23]++;
+  var tpl = this._Stateful_dGetHtmlTpl();
+  _$jscoverage['ui/stateful.js'][25]++;
+  return tpl.replace(/stateful/g, (function () {
+  _$jscoverage['ui/stateful.js'][25]++;
+  return TPL_STATEFUL;
+}));
+}), Stateful_onMouseEnter: (function (evt, el) {
+  _$jscoverage['ui/stateful.js'][28]++;
+  this.target = el;
+  _$jscoverage['ui/stateful.js'][29]++;
+  if (((! this.isDisabled()) || this.alwalysHoverable)) {
+    _$jscoverage['ui/stateful.js'][30]++;
+    this.addState("hover");
+    _$jscoverage['ui/stateful.js'][31]++;
+    this.fireEvent("over");
+  }
+}), Stateful_onMouseLeave: (function (evt, el) {
+  _$jscoverage['ui/stateful.js'][35]++;
+  if (((! this.isDisabled()) || this.alwalysHoverable)) {
+    _$jscoverage['ui/stateful.js'][36]++;
+    this.removeState("hover");
+    _$jscoverage['ui/stateful.js'][37]++;
+    this.removeState("active");
+    _$jscoverage['ui/stateful.js'][38]++;
+    this.fireEvent("out");
+  }
+}), Stateful_onMouseOver: (function (evt, el) {
+  _$jscoverage['ui/stateful.js'][42]++;
+  var rel = evt.relatedTarget;
+  _$jscoverage['ui/stateful.js'][43]++;
+  if (((! uiUtils.contains(el, rel)) && (el !== rel))) {
+    _$jscoverage['ui/stateful.js'][44]++;
+    this.Stateful_onMouseEnter(evt, el);
+  }
+}), Stateful_onMouseOut: (function (evt, el) {
+  _$jscoverage['ui/stateful.js'][48]++;
+  var rel = evt.relatedTarget;
+  _$jscoverage['ui/stateful.js'][49]++;
+  if (((! uiUtils.contains(el, rel)) && (el !== rel))) {
+    _$jscoverage['ui/stateful.js'][50]++;
+    this.Stateful_onMouseLeave(evt, el);
+  }
+}), Stateful_onMouseDown: (function (evt, el) {
+  _$jscoverage['ui/stateful.js'][54]++;
+  if ((! this.isDisabled())) {
+    _$jscoverage['ui/stateful.js'][55]++;
+    this.addState("active");
+  }
+}), Stateful_onMouseUp: (function (evt, el) {
+  _$jscoverage['ui/stateful.js'][59]++;
+  if ((! this.isDisabled())) {
+    _$jscoverage['ui/stateful.js'][60]++;
+    this.removeState("active");
+  }
+}), Stateful_postRender: (function () {
+  _$jscoverage['ui/stateful.js'][64]++;
+  if ((this.disabled && (! this.hasState("disabled")))) {
+    _$jscoverage['ui/stateful.js'][65]++;
+    this.addState("disabled");
+  }
+}), hasState: (function (state) {
+  _$jscoverage['ui/stateful.js'][69]++;
+  return domUtils.hasClass(this.getStateDom(), ("edui-state-" + state));
+}), addState: (function (state) {
+  _$jscoverage['ui/stateful.js'][72]++;
+  if ((! this.hasState(state))) {
+    _$jscoverage['ui/stateful.js'][73]++;
+    this.getStateDom().className += (" edui-state-" + state);
+  }
+}), removeState: (function (state) {
+  _$jscoverage['ui/stateful.js'][77]++;
+  if (this.hasState(state)) {
+    _$jscoverage['ui/stateful.js'][78]++;
+    domUtils.removeClasses(this.getStateDom(), [("edui-state-" + state)]);
+  }
+}), getStateDom: (function () {
+  _$jscoverage['ui/stateful.js'][82]++;
+  return this.getDom("state");
+}), isChecked: (function () {
+  _$jscoverage['ui/stateful.js'][85]++;
+  return this.hasState("checked");
+}), setChecked: (function (checked) {
+  _$jscoverage['ui/stateful.js'][88]++;
+  if (((! this.isDisabled()) && checked)) {
+    _$jscoverage['ui/stateful.js'][89]++;
+    this.addState("checked");
+  }
+  else {
+    _$jscoverage['ui/stateful.js'][91]++;
+    this.removeState("checked");
+  }
+}), isDisabled: (function () {
+  _$jscoverage['ui/stateful.js'][95]++;
+  return this.hasState("disabled");
+}), setDisabled: (function (disabled) {
+  _$jscoverage['ui/stateful.js'][98]++;
+  if (disabled) {
+    _$jscoverage['ui/stateful.js'][99]++;
+    this.removeState("hover");
+    _$jscoverage['ui/stateful.js'][100]++;
+    this.removeState("checked");
+    _$jscoverage['ui/stateful.js'][101]++;
+    this.removeState("active");
+    _$jscoverage['ui/stateful.js'][102]++;
+    this.addState("disabled");
+  }
+  else {
+    _$jscoverage['ui/stateful.js'][104]++;
+    this.removeState("disabled");
+  }
+})};
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/tablebutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/tablebutton.js
new file mode 100644
index 000000000..1460e41de
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/tablebutton.js
@@ -0,0 +1,85 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/tablebutton.js']) {
+  _$jscoverage['ui/tablebutton.js'] = [];
+  _$jscoverage['ui/tablebutton.js'][6] = 0;
+  _$jscoverage['ui/tablebutton.js'][7] = 0;
+  _$jscoverage['ui/tablebutton.js'][12] = 0;
+  _$jscoverage['ui/tablebutton.js'][13] = 0;
+  _$jscoverage['ui/tablebutton.js'][15] = 0;
+  _$jscoverage['ui/tablebutton.js'][17] = 0;
+  _$jscoverage['ui/tablebutton.js'][18] = 0;
+  _$jscoverage['ui/tablebutton.js'][22] = 0;
+  _$jscoverage['ui/tablebutton.js'][27] = 0;
+  _$jscoverage['ui/tablebutton.js'][30] = 0;
+  _$jscoverage['ui/tablebutton.js'][31] = 0;
+  _$jscoverage['ui/tablebutton.js'][35] = 0;
+}
+_$jscoverage['ui/tablebutton.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"c\">///import ui/popup.js</span>","<span class=\"c\">///import ui/tablepicker.js</span>","<span class=\"c\">///import ui/splitbutton.js</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        Popup <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Popup<span class=\"k\">,</span>","        TablePicker <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>TablePicker<span class=\"k\">,</span>","        SplitButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>SplitButton<span class=\"k\">,</span>","        TableButton <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>TableButton <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initTableButton<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    TableButton<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        initTableButton<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>popup <span class=\"k\">=</span> <span class=\"k\">new</span> Popup<span class=\"k\">(</span><span class=\"k\">{</span>","                content<span class=\"k\">:</span> <span class=\"k\">new</span> TablePicker<span class=\"k\">(</span><span class=\"k\">{</span>","                    editor<span class=\"k\">:</span>me<span class=\"k\">.</span>editor<span class=\"k\">,</span>","                    onpicktable<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>t<span class=\"k\">,</span> numCols<span class=\"k\">,</span> numRows<span class=\"k\">)</span><span class=\"k\">{</span>","                        me<span class=\"k\">.</span>_onPickTable<span class=\"k\">(</span>numCols<span class=\"k\">,</span> numRows<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span><span class=\"k\">),</span>","                <span class=\"s\">'editor'</span><span class=\"k\">:</span>me<span class=\"k\">.</span>editor","            <span class=\"k\">}</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initSplitButton<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onPickTable<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>numCols<span class=\"k\">,</span> numRows<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'picktable'</span><span class=\"k\">,</span> numCols<span class=\"k\">,</span> numRows<span class=\"k\">)</span> <span class=\"k\">!==</span> <span class=\"k\">false</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>popup<span class=\"k\">.</span>hide<span class=\"k\">();</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>TableButton<span class=\"k\">,</span> SplitButton<span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/tablebutton.js'][6]++;
+(function () {
+  _$jscoverage['ui/tablebutton.js'][7]++;
+  var utils = baidu.editor.utils, Popup = baidu.editor.ui.Popup, TablePicker = baidu.editor.ui.TablePicker, SplitButton = baidu.editor.ui.SplitButton, TableButton = (baidu.editor.ui.TableButton = (function (options) {
+  _$jscoverage['ui/tablebutton.js'][12]++;
+  this.initOptions(options);
+  _$jscoverage['ui/tablebutton.js'][13]++;
+  this.initTableButton();
+}));
+  _$jscoverage['ui/tablebutton.js'][15]++;
+  TableButton.prototype = {initTableButton: (function () {
+  _$jscoverage['ui/tablebutton.js'][17]++;
+  var me = this;
+  _$jscoverage['ui/tablebutton.js'][18]++;
+  this.popup = new Popup({content: new TablePicker({editor: me.editor, onpicktable: (function (t, numCols, numRows) {
+  _$jscoverage['ui/tablebutton.js'][22]++;
+  me._onPickTable(numCols, numRows);
+})}), "editor": me.editor});
+  _$jscoverage['ui/tablebutton.js'][27]++;
+  this.initSplitButton();
+}), _onPickTable: (function (numCols, numRows) {
+  _$jscoverage['ui/tablebutton.js'][30]++;
+  if ((this.fireEvent("picktable", numCols, numRows) !== false)) {
+    _$jscoverage['ui/tablebutton.js'][31]++;
+    this.popup.hide();
+  }
+})};
+  _$jscoverage['ui/tablebutton.js'][35]++;
+  utils.inherits(TableButton, SplitButton);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/tablepicker.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/tablepicker.js
new file mode 100644
index 000000000..255faa362
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/tablepicker.js
@@ -0,0 +1,160 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/tablepicker.js']) {
+  _$jscoverage['ui/tablepicker.js'] = [];
+  _$jscoverage['ui/tablepicker.js'][3] = 0;
+  _$jscoverage['ui/tablepicker.js'][4] = 0;
+  _$jscoverage['ui/tablepicker.js'][8] = 0;
+  _$jscoverage['ui/tablepicker.js'][9] = 0;
+  _$jscoverage['ui/tablepicker.js'][10] = 0;
+  _$jscoverage['ui/tablepicker.js'][12] = 0;
+  _$jscoverage['ui/tablepicker.js'][21] = 0;
+  _$jscoverage['ui/tablepicker.js'][24] = 0;
+  _$jscoverage['ui/tablepicker.js'][25] = 0;
+  _$jscoverage['ui/tablepicker.js'][43] = 0;
+  _$jscoverage['ui/tablepicker.js'][44] = 0;
+  _$jscoverage['ui/tablepicker.js'][47] = 0;
+  _$jscoverage['ui/tablepicker.js'][48] = 0;
+  _$jscoverage['ui/tablepicker.js'][49] = 0;
+  _$jscoverage['ui/tablepicker.js'][50] = 0;
+  _$jscoverage['ui/tablepicker.js'][51] = 0;
+  _$jscoverage['ui/tablepicker.js'][52] = 0;
+  _$jscoverage['ui/tablepicker.js'][53] = 0;
+  _$jscoverage['ui/tablepicker.js'][54] = 0;
+  _$jscoverage['ui/tablepicker.js'][57] = 0;
+  _$jscoverage['ui/tablepicker.js'][58] = 0;
+  _$jscoverage['ui/tablepicker.js'][59] = 0;
+  _$jscoverage['ui/tablepicker.js'][60] = 0;
+  _$jscoverage['ui/tablepicker.js'][64] = 0;
+  _$jscoverage['ui/tablepicker.js'][65] = 0;
+  _$jscoverage['ui/tablepicker.js'][66] = 0;
+  _$jscoverage['ui/tablepicker.js'][67] = 0;
+  _$jscoverage['ui/tablepicker.js'][71] = 0;
+  _$jscoverage['ui/tablepicker.js'][72] = 0;
+  _$jscoverage['ui/tablepicker.js'][73] = 0;
+  _$jscoverage['ui/tablepicker.js'][74] = 0;
+  _$jscoverage['ui/tablepicker.js'][75] = 0;
+  _$jscoverage['ui/tablepicker.js'][76] = 0;
+  _$jscoverage['ui/tablepicker.js'][79] = 0;
+  _$jscoverage['ui/tablepicker.js'][82] = 0;
+}
+_$jscoverage['ui/tablepicker.js'].source = ["<span class=\"c\">///import core</span>","<span class=\"c\">///import uicore</span>","<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">;</span>","    ","    <span class=\"k\">var</span> TablePicker <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>TablePicker <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","        <span class=\"k\">this</span><span class=\"k\">.</span>initTablePicker<span class=\"k\">();</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    TablePicker<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        defaultNumRows<span class=\"k\">:</span> <span class=\"s\">10</span><span class=\"k\">,</span>","        defaultNumCols<span class=\"k\">:</span> <span class=\"s\">10</span><span class=\"k\">,</span>","        maxNumRows<span class=\"k\">:</span> <span class=\"s\">20</span><span class=\"k\">,</span>","        maxNumCols<span class=\"k\">:</span> <span class=\"s\">20</span><span class=\"k\">,</span>","        numRows<span class=\"k\">:</span> <span class=\"s\">10</span><span class=\"k\">,</span>","        numCols<span class=\"k\">:</span> <span class=\"s\">10</span><span class=\"k\">,</span>","        lengthOfCellSide<span class=\"k\">:</span> <span class=\"s\">22</span><span class=\"k\">,</span>","        initTablePicker<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"edui-tablepicker %%\"&gt;'</span> <span class=\"k\">+</span>","                 <span class=\"s\">'&lt;div class=\"edui-tablepicker-body\"&gt;'</span> <span class=\"k\">+</span>","                  <span class=\"s\">'&lt;div class=\"edui-infoarea\"&gt;'</span> <span class=\"k\">+</span>","                   <span class=\"s\">'&lt;span id=\"##_label\" class=\"edui-label\"&gt;&lt;/span&gt;'</span> <span class=\"k\">+</span>","                  <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                  <span class=\"s\">'&lt;div class=\"edui-pickarea\"'</span> <span class=\"k\">+</span>","                   <span class=\"s\">' onmousemove=\"$$._onMouseMove(event, this);\"'</span> <span class=\"k\">+</span>","                   <span class=\"s\">' onmouseover=\"$$._onMouseOver(event, this);\"'</span> <span class=\"k\">+</span>","                   <span class=\"s\">' onmouseout=\"$$._onMouseOut(event, this);\"'</span> <span class=\"k\">+</span>","                   <span class=\"s\">' onclick=\"$$._onClick(event, this);\"'</span> <span class=\"k\">+</span>","                  <span class=\"s\">'&gt;'</span> <span class=\"k\">+</span>","                    <span class=\"s\">'&lt;div id=\"##_overlay\" class=\"edui-overlay\"&gt;&lt;/div&gt;'</span> <span class=\"k\">+</span>","                  <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                 <span class=\"s\">'&lt;/div&gt;'</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _UIBase_render<span class=\"k\">:</span> UIBase<span class=\"k\">.</span>prototype<span class=\"k\">.</span>render<span class=\"k\">,</span>","        render<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>holder<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_UIBase_render<span class=\"k\">(</span>holder<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'0'</span><span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"t_row\"</span><span class=\"k\">)+</span><span class=\"s\">' x 0'</span><span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"t_col\"</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _track<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>numCols<span class=\"k\">,</span> numRows<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> style <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'overlay'</span><span class=\"k\">).</span>style<span class=\"k\">;</span>","            <span class=\"k\">var</span> sideLen <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>lengthOfCellSide<span class=\"k\">;</span>","            style<span class=\"k\">.</span>width <span class=\"k\">=</span> numCols <span class=\"k\">*</span> sideLen <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            style<span class=\"k\">.</span>height <span class=\"k\">=</span> numRows <span class=\"k\">*</span> sideLen <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> label <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">);</span>","            label<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> numCols <span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"t_col\"</span><span class=\"k\">)+</span><span class=\"s\">' x '</span> <span class=\"k\">+</span> numRows <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"t_row\"</span><span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>numCols <span class=\"k\">=</span> numCols<span class=\"k\">;</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>numRows <span class=\"k\">=</span> numRows<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onMouseOver<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> rel <span class=\"k\">=</span> evt<span class=\"k\">.</span>relatedTarget <span class=\"k\">||</span> evt<span class=\"k\">.</span>fromElement<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>uiUtils<span class=\"k\">.</span>contains<span class=\"k\">(</span>el<span class=\"k\">,</span> rel<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> el <span class=\"k\">!==</span> rel<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'0'</span><span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"t_col\"</span><span class=\"k\">)+</span><span class=\"s\">' x 0'</span><span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"t_row\"</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'overlay'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>visibility <span class=\"k\">=</span> <span class=\"s\">''</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onMouseOut<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> rel <span class=\"k\">=</span> evt<span class=\"k\">.</span>relatedTarget <span class=\"k\">||</span> evt<span class=\"k\">.</span>toElement<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>uiUtils<span class=\"k\">.</span>contains<span class=\"k\">(</span>el<span class=\"k\">,</span> rel<span class=\"k\">)</span> <span class=\"k\">&amp;&amp;</span> el <span class=\"k\">!==</span> rel<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'label'</span><span class=\"k\">).</span>innerHTML <span class=\"k\">=</span> <span class=\"s\">'0'</span><span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"t_col\"</span><span class=\"k\">)+</span><span class=\"s\">' x 0'</span><span class=\"k\">+</span><span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>getLang<span class=\"k\">(</span><span class=\"s\">\"t_row\"</span><span class=\"k\">);</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'overlay'</span><span class=\"k\">).</span>style<span class=\"k\">.</span>visibility <span class=\"k\">=</span> <span class=\"s\">'hidden'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onMouseMove<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> el<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> style <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">(</span><span class=\"s\">'overlay'</span><span class=\"k\">).</span>style<span class=\"k\">;</span>","            <span class=\"k\">var</span> offset <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getEventOffset<span class=\"k\">(</span>evt<span class=\"k\">);</span>","            <span class=\"k\">var</span> sideLen <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>lengthOfCellSide<span class=\"k\">;</span>","            <span class=\"k\">var</span> numCols <span class=\"k\">=</span> Math<span class=\"k\">.</span>ceil<span class=\"k\">(</span>offset<span class=\"k\">.</span>left <span class=\"k\">/</span> sideLen<span class=\"k\">);</span>","            <span class=\"k\">var</span> numRows <span class=\"k\">=</span> Math<span class=\"k\">.</span>ceil<span class=\"k\">(</span>offset<span class=\"k\">.</span>top <span class=\"k\">/</span> sideLen<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_track<span class=\"k\">(</span>numCols<span class=\"k\">,</span> numRows<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onClick<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'picktable'</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>numCols<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>numRows<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>TablePicker<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/tablepicker.js'][3]++;
+(function () {
+  _$jscoverage['ui/tablepicker.js'][4]++;
+  var utils = baidu.editor.utils, uiUtils = baidu.editor.ui.uiUtils, UIBase = baidu.editor.ui.UIBase;
+  _$jscoverage['ui/tablepicker.js'][8]++;
+  var TablePicker = (baidu.editor.ui.TablePicker = (function (options) {
+  _$jscoverage['ui/tablepicker.js'][9]++;
+  this.initOptions(options);
+  _$jscoverage['ui/tablepicker.js'][10]++;
+  this.initTablePicker();
+}));
+  _$jscoverage['ui/tablepicker.js'][12]++;
+  TablePicker.prototype = {defaultNumRows: 10, defaultNumCols: 10, maxNumRows: 20, maxNumCols: 20, numRows: 10, numCols: 10, lengthOfCellSide: 22, initTablePicker: (function () {
+  _$jscoverage['ui/tablepicker.js'][21]++;
+  this.initUIBase();
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/tablepicker.js'][24]++;
+  var me = this;
+  _$jscoverage['ui/tablepicker.js'][25]++;
+  return "<div id=\"##\" class=\"edui-tablepicker %%\"><div class=\"edui-tablepicker-body\"><div class=\"edui-infoarea\"><span id=\"##_label\" class=\"edui-label\"></span></div><div class=\"edui-pickarea\" onmousemove=\"$$._onMouseMove(event, this);\" onmouseover=\"$$._onMouseOver(event, this);\" onmouseout=\"$$._onMouseOut(event, this);\" onclick=\"$$._onClick(event, this);\"><div id=\"##_overlay\" class=\"edui-overlay\"></div></div></div></div>";
+}), _UIBase_render: UIBase.prototype.render, render: (function (holder) {
+  _$jscoverage['ui/tablepicker.js'][43]++;
+  this._UIBase_render(holder);
+  _$jscoverage['ui/tablepicker.js'][44]++;
+  this.getDom("label").innerHTML = ("0" + this.editor.getLang("t_row") + " x 0" + this.editor.getLang("t_col"));
+}), _track: (function (numCols, numRows) {
+  _$jscoverage['ui/tablepicker.js'][47]++;
+  var style = this.getDom("overlay").style;
+  _$jscoverage['ui/tablepicker.js'][48]++;
+  var sideLen = this.lengthOfCellSide;
+  _$jscoverage['ui/tablepicker.js'][49]++;
+  style.width = ((numCols * sideLen) + "px");
+  _$jscoverage['ui/tablepicker.js'][50]++;
+  style.height = ((numRows * sideLen) + "px");
+  _$jscoverage['ui/tablepicker.js'][51]++;
+  var label = this.getDom("label");
+  _$jscoverage['ui/tablepicker.js'][52]++;
+  label.innerHTML = (numCols + this.editor.getLang("t_col") + " x " + numRows + this.editor.getLang("t_row"));
+  _$jscoverage['ui/tablepicker.js'][53]++;
+  this.numCols = numCols;
+  _$jscoverage['ui/tablepicker.js'][54]++;
+  this.numRows = numRows;
+}), _onMouseOver: (function (evt, el) {
+  _$jscoverage['ui/tablepicker.js'][57]++;
+  var rel = (evt.relatedTarget || evt.fromElement);
+  _$jscoverage['ui/tablepicker.js'][58]++;
+  if (((! uiUtils.contains(el, rel)) && (el !== rel))) {
+    _$jscoverage['ui/tablepicker.js'][59]++;
+    this.getDom("label").innerHTML = ("0" + this.editor.getLang("t_col") + " x 0" + this.editor.getLang("t_row"));
+    _$jscoverage['ui/tablepicker.js'][60]++;
+    this.getDom("overlay").style.visibility = "";
+  }
+}), _onMouseOut: (function (evt, el) {
+  _$jscoverage['ui/tablepicker.js'][64]++;
+  var rel = (evt.relatedTarget || evt.toElement);
+  _$jscoverage['ui/tablepicker.js'][65]++;
+  if (((! uiUtils.contains(el, rel)) && (el !== rel))) {
+    _$jscoverage['ui/tablepicker.js'][66]++;
+    this.getDom("label").innerHTML = ("0" + this.editor.getLang("t_col") + " x 0" + this.editor.getLang("t_row"));
+    _$jscoverage['ui/tablepicker.js'][67]++;
+    this.getDom("overlay").style.visibility = "hidden";
+  }
+}), _onMouseMove: (function (evt, el) {
+  _$jscoverage['ui/tablepicker.js'][71]++;
+  var style = this.getDom("overlay").style;
+  _$jscoverage['ui/tablepicker.js'][72]++;
+  var offset = uiUtils.getEventOffset(evt);
+  _$jscoverage['ui/tablepicker.js'][73]++;
+  var sideLen = this.lengthOfCellSide;
+  _$jscoverage['ui/tablepicker.js'][74]++;
+  var numCols = Math.ceil((offset.left / sideLen));
+  _$jscoverage['ui/tablepicker.js'][75]++;
+  var numRows = Math.ceil((offset.top / sideLen));
+  _$jscoverage['ui/tablepicker.js'][76]++;
+  this._track(numCols, numRows);
+}), _onClick: (function () {
+  _$jscoverage['ui/tablepicker.js'][79]++;
+  this.fireEvent("picktable", this.numCols, this.numRows);
+})};
+  _$jscoverage['ui/tablepicker.js'][82]++;
+  utils.inherits(TablePicker, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/toolbar.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/toolbar.js
new file mode 100644
index 000000000..7ec17ec85
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/toolbar.js
@@ -0,0 +1,106 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/toolbar.js']) {
+  _$jscoverage['ui/toolbar.js'] = [];
+  _$jscoverage['ui/toolbar.js'][1] = 0;
+  _$jscoverage['ui/toolbar.js'][2] = 0;
+  _$jscoverage['ui/toolbar.js'][6] = 0;
+  _$jscoverage['ui/toolbar.js'][7] = 0;
+  _$jscoverage['ui/toolbar.js'][9] = 0;
+  _$jscoverage['ui/toolbar.js'][12] = 0;
+  _$jscoverage['ui/toolbar.js'][13] = 0;
+  _$jscoverage['ui/toolbar.js'][16] = 0;
+  _$jscoverage['ui/toolbar.js'][19] = 0;
+  _$jscoverage['ui/toolbar.js'][20] = 0;
+  _$jscoverage['ui/toolbar.js'][21] = 0;
+  _$jscoverage['ui/toolbar.js'][23] = 0;
+  _$jscoverage['ui/toolbar.js'][28] = 0;
+  _$jscoverage['ui/toolbar.js'][29] = 0;
+  _$jscoverage['ui/toolbar.js'][30] = 0;
+  _$jscoverage['ui/toolbar.js'][32] = 0;
+  _$jscoverage['ui/toolbar.js'][35] = 0;
+  _$jscoverage['ui/toolbar.js'][38] = 0;
+}
+_$jscoverage['ui/toolbar.js'].source = ["<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase<span class=\"k\">,</span>","        Toolbar <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>Toolbar <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initOptions<span class=\"k\">(</span>options<span class=\"k\">);</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initToolbar<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","    Toolbar<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        items<span class=\"k\">:</span> <span class=\"k\">null</span><span class=\"k\">,</span>","        initToolbar<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>items <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items <span class=\"k\">||</span> <span class=\"k\">[];</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>initUIBase<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        add<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>item<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>push<span class=\"k\">(</span>item<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> buff <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span><span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                buff<span class=\"k\">[</span>i<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">].</span>renderHtml<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> <span class=\"s\">'&lt;div id=\"##\" class=\"edui-toolbar %%\" onselectstart=\"return false;\" onmousedown=\"return $$._onMouseDown(event, this);\"&gt;'</span> <span class=\"k\">+</span>","                buff<span class=\"k\">.</span>join<span class=\"k\">(</span><span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span>","                <span class=\"s\">'&lt;/div&gt;'</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        postRender<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> box <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">();</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span><span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                <span class=\"k\">this</span><span class=\"k\">.</span>items<span class=\"k\">[</span>i<span class=\"k\">].</span>postRender<span class=\"k\">();</span>","            <span class=\"k\">}</span>","            uiUtils<span class=\"k\">.</span>makeUnselectable<span class=\"k\">(</span>box<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        _onMouseDown<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">false</span><span class=\"k\">;</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>Toolbar<span class=\"k\">,</span> UIBase<span class=\"k\">);</span>","","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/toolbar.js'][1]++;
+(function () {
+  _$jscoverage['ui/toolbar.js'][2]++;
+  var utils = baidu.editor.utils, uiUtils = baidu.editor.ui.uiUtils, UIBase = baidu.editor.ui.UIBase, Toolbar = (baidu.editor.ui.Toolbar = (function (options) {
+  _$jscoverage['ui/toolbar.js'][6]++;
+  this.initOptions(options);
+  _$jscoverage['ui/toolbar.js'][7]++;
+  this.initToolbar();
+}));
+  _$jscoverage['ui/toolbar.js'][9]++;
+  Toolbar.prototype = {items: null, initToolbar: (function () {
+  _$jscoverage['ui/toolbar.js'][12]++;
+  this.items = (this.items || []);
+  _$jscoverage['ui/toolbar.js'][13]++;
+  this.initUIBase();
+}), add: (function (item) {
+  _$jscoverage['ui/toolbar.js'][16]++;
+  this.items.push(item);
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/toolbar.js'][19]++;
+  var buff = [];
+  _$jscoverage['ui/toolbar.js'][20]++;
+  for (var i = 0; (i < this.items.length); (i++)) {
+    _$jscoverage['ui/toolbar.js'][21]++;
+    buff[i] = this.items[i].renderHtml();
+}
+  _$jscoverage['ui/toolbar.js'][23]++;
+  return ("<div id=\"##\" class=\"edui-toolbar %%\" onselectstart=\"return false;\" onmousedown=\"return $$._onMouseDown(event, this);\">" + buff.join("") + "</div>");
+}), postRender: (function () {
+  _$jscoverage['ui/toolbar.js'][28]++;
+  var box = this.getDom();
+  _$jscoverage['ui/toolbar.js'][29]++;
+  for (var i = 0; (i < this.items.length); (i++)) {
+    _$jscoverage['ui/toolbar.js'][30]++;
+    this.items[i].postRender();
+}
+  _$jscoverage['ui/toolbar.js'][32]++;
+  uiUtils.makeUnselectable(box);
+}), _onMouseDown: (function () {
+  _$jscoverage['ui/toolbar.js'][35]++;
+  return false;
+})};
+  _$jscoverage['ui/toolbar.js'][38]++;
+  utils.inherits(Toolbar, UIBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/ui.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/ui.js
new file mode 100644
index 000000000..0f59b2cef
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/ui.js
@@ -0,0 +1,52 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/ui.js']) {
+  _$jscoverage['ui/ui.js'] = [];
+  _$jscoverage['ui/ui.js'][1] = 0;
+  _$jscoverage['ui/ui.js'][2] = 0;
+  _$jscoverage['ui/ui.js'][3] = 0;
+}
+_$jscoverage['ui/ui.js'].source = ["<span class=\"k\">var</span> baidu <span class=\"k\">=</span> baidu <span class=\"k\">||</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","baidu<span class=\"k\">.</span>editor <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor <span class=\"k\">||</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>"];
+_$jscoverage['ui/ui.js'][1]++;
+var baidu = (baidu || {});
+_$jscoverage['ui/ui.js'][2]++;
+baidu.editor = (baidu.editor || {});
+_$jscoverage['ui/ui.js'][3]++;
+baidu.editor.ui = {};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/uibase.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/uibase.js
new file mode 100644
index 000000000..cd2583fd7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/uibase.js
@@ -0,0 +1,190 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/uibase.js']) {
+  _$jscoverage['ui/uibase.js'] = [];
+  _$jscoverage['ui/uibase.js'][1] = 0;
+  _$jscoverage['ui/uibase.js'][2] = 0;
+  _$jscoverage['ui/uibase.js'][8] = 0;
+  _$jscoverage['ui/uibase.js'][12] = 0;
+  _$jscoverage['ui/uibase.js'][13] = 0;
+  _$jscoverage['ui/uibase.js'][14] = 0;
+  _$jscoverage['ui/uibase.js'][16] = 0;
+  _$jscoverage['ui/uibase.js'][19] = 0;
+  _$jscoverage['ui/uibase.js'][22] = 0;
+  _$jscoverage['ui/uibase.js'][23] = 0;
+  _$jscoverage['ui/uibase.js'][26] = 0;
+  _$jscoverage['ui/uibase.js'][27] = 0;
+  _$jscoverage['ui/uibase.js'][28] = 0;
+  _$jscoverage['ui/uibase.js'][29] = 0;
+  _$jscoverage['ui/uibase.js'][30] = 0;
+  _$jscoverage['ui/uibase.js'][32] = 0;
+  _$jscoverage['ui/uibase.js'][33] = 0;
+  _$jscoverage['ui/uibase.js'][34] = 0;
+  _$jscoverage['ui/uibase.js'][35] = 0;
+  _$jscoverage['ui/uibase.js'][38] = 0;
+  _$jscoverage['ui/uibase.js'][39] = 0;
+  _$jscoverage['ui/uibase.js'][40] = 0;
+  _$jscoverage['ui/uibase.js'][41] = 0;
+  _$jscoverage['ui/uibase.js'][43] = 0;
+  _$jscoverage['ui/uibase.js'][44] = 0;
+  _$jscoverage['ui/uibase.js'][46] = 0;
+  _$jscoverage['ui/uibase.js'][47] = 0;
+  _$jscoverage['ui/uibase.js'][48] = 0;
+  _$jscoverage['ui/uibase.js'][50] = 0;
+  _$jscoverage['ui/uibase.js'][53] = 0;
+  _$jscoverage['ui/uibase.js'][54] = 0;
+  _$jscoverage['ui/uibase.js'][56] = 0;
+  _$jscoverage['ui/uibase.js'][60] = 0;
+  _$jscoverage['ui/uibase.js'][63] = 0;
+  _$jscoverage['ui/uibase.js'][66] = 0;
+  _$jscoverage['ui/uibase.js'][67] = 0;
+  _$jscoverage['ui/uibase.js'][74] = 0;
+  _$jscoverage['ui/uibase.js'][77] = 0;
+  _$jscoverage['ui/uibase.js'][78] = 0;
+  _$jscoverage['ui/uibase.js'][79] = 0;
+  _$jscoverage['ui/uibase.js'][82] = 0;
+}
+_$jscoverage['ui/uibase.js'].source = ["<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","    <span class=\"k\">var</span> utils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">,</span>","        uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils<span class=\"k\">,</span>","        EventBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>EventBase<span class=\"k\">,</span>","        UIBase <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>UIBase <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","        <span class=\"k\">}</span><span class=\"k\">;</span>","","    UIBase<span class=\"k\">.</span>prototype <span class=\"k\">=</span> <span class=\"k\">{</span>","        className<span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","        uiName<span class=\"k\">:</span><span class=\"s\">''</span><span class=\"k\">,</span>","        initOptions<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>options<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> me <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">;</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> k <span class=\"k\">in</span> options<span class=\"k\">)</span> <span class=\"k\">{</span>","                me<span class=\"k\">[</span>k<span class=\"k\">]</span> <span class=\"k\">=</span> options<span class=\"k\">[</span>k<span class=\"k\">];</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>id <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>id <span class=\"k\">||</span> <span class=\"s\">'edui'</span> <span class=\"k\">+</span> uiUtils<span class=\"k\">.</span>uid<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        initUIBase<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>_globalKey <span class=\"k\">=</span> utils<span class=\"k\">.</span>unhtml<span class=\"k\">(</span>uiUtils<span class=\"k\">.</span>setGlobal<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>id<span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">));</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        render<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>holder<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> html <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>renderHtml<span class=\"k\">();</span>","            <span class=\"k\">var</span> el <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>createElementByHtml<span class=\"k\">(</span>html<span class=\"k\">);</span>","","            <span class=\"c\">//by xuheng &#32473;&#27599;&#20010;node&#28155;&#21152;class</span>","            <span class=\"k\">var</span> list <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getElementsByTagName<span class=\"k\">(</span>el<span class=\"k\">,</span> <span class=\"s\">\"*\"</span><span class=\"k\">);</span>","            <span class=\"k\">var</span> theme <span class=\"k\">=</span> <span class=\"s\">\"edui-\"</span> <span class=\"k\">+</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>theme <span class=\"k\">||</span> <span class=\"k\">this</span><span class=\"k\">.</span>editor<span class=\"k\">.</span>options<span class=\"k\">.</span>theme<span class=\"k\">);</span>","            <span class=\"k\">var</span> layer <span class=\"k\">=</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"s\">'edui_fixedlayer'</span><span class=\"k\">);</span>","            <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">,</span> node<span class=\"k\">;</span> node <span class=\"k\">=</span> list<span class=\"k\">[</span>i<span class=\"k\">++];)</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>addClass<span class=\"k\">(</span>node<span class=\"k\">,</span> theme<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            domUtils<span class=\"k\">.</span>addClass<span class=\"k\">(</span>el<span class=\"k\">,</span> theme<span class=\"k\">);</span>","            <span class=\"k\">if</span><span class=\"k\">(</span>layer<span class=\"k\">)</span><span class=\"k\">{</span>","                layer<span class=\"k\">.</span>className<span class=\"k\">=</span><span class=\"s\">\"\"</span><span class=\"k\">;</span>","                domUtils<span class=\"k\">.</span>addClass<span class=\"k\">(</span>layer<span class=\"k\">,</span>theme<span class=\"k\">);</span>","            <span class=\"k\">}</span>","","            <span class=\"k\">var</span> seatEl <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>seatEl <span class=\"k\">!=</span> <span class=\"k\">null</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                seatEl<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>replaceChild<span class=\"k\">(</span>el<span class=\"k\">,</span> seatEl<span class=\"k\">);</span>","                uiUtils<span class=\"k\">.</span>copyAttributes<span class=\"k\">(</span>el<span class=\"k\">,</span> seatEl<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span><span class=\"k\">typeof</span> holder <span class=\"k\">==</span> <span class=\"s\">'string'</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    holder <span class=\"k\">=</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span>holder<span class=\"k\">);</span>","                <span class=\"k\">}</span>","                holder <span class=\"k\">=</span> holder <span class=\"k\">||</span> uiUtils<span class=\"k\">.</span>getFixedLayer<span class=\"k\">();</span>","                domUtils<span class=\"k\">.</span>addClass<span class=\"k\">(</span>holder<span class=\"k\">,</span> theme<span class=\"k\">);</span>","                holder<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>el<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>postRender<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getDom<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>name<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(!</span>name<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>id<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">return</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>id <span class=\"k\">+</span> <span class=\"s\">'_'</span> <span class=\"k\">+</span> name<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        postRender<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">this</span><span class=\"k\">.</span>fireEvent<span class=\"k\">(</span><span class=\"s\">'postrender'</span><span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getHtmlTpl<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        formatHtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">(</span>tpl<span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> prefix <span class=\"k\">=</span> <span class=\"s\">'edui-'</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>uiName<span class=\"k\">;</span>","            <span class=\"k\">return</span> <span class=\"k\">(</span>tpl","                <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/##/g</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>id<span class=\"k\">)</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/%%-/g</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>uiName <span class=\"k\">?</span> prefix <span class=\"k\">+</span> <span class=\"s\">'-'</span> <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/%%/g</span><span class=\"k\">,</span> <span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>uiName <span class=\"k\">?</span> prefix <span class=\"k\">:</span> <span class=\"s\">''</span><span class=\"k\">)</span> <span class=\"k\">+</span> <span class=\"s\">' '</span> <span class=\"k\">+</span> <span class=\"k\">this</span><span class=\"k\">.</span>className<span class=\"k\">)</span>","                <span class=\"k\">.</span>replace<span class=\"k\">(</span><span class=\"s\">/\\$\\$/g</span><span class=\"k\">,</span> <span class=\"k\">this</span><span class=\"k\">.</span>_globalKey<span class=\"k\">));</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        renderHtml<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">this</span><span class=\"k\">.</span>formatHtml<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>getHtmlTpl<span class=\"k\">());</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        dispose<span class=\"k\">:</span><span class=\"k\">function</span> <span class=\"k\">()</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> box <span class=\"k\">=</span> <span class=\"k\">this</span><span class=\"k\">.</span>getDom<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>box<span class=\"k\">)</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">.</span>remove<span class=\"k\">(</span>box<span class=\"k\">);</span>","            uiUtils<span class=\"k\">.</span>unsetGlobal<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">.</span>id<span class=\"k\">);</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    utils<span class=\"k\">.</span>inherits<span class=\"k\">(</span>UIBase<span class=\"k\">,</span> EventBase<span class=\"k\">);</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/uibase.js'][1]++;
+(function () {
+  _$jscoverage['ui/uibase.js'][2]++;
+  var utils = baidu.editor.utils, uiUtils = baidu.editor.ui.uiUtils, EventBase = baidu.editor.EventBase, UIBase = (baidu.editor.ui.UIBase = (function () {
+}));
+  _$jscoverage['ui/uibase.js'][8]++;
+  UIBase.prototype = {className: "", uiName: "", initOptions: (function (options) {
+  _$jscoverage['ui/uibase.js'][12]++;
+  var me = this;
+  _$jscoverage['ui/uibase.js'][13]++;
+  for (var k in options) {
+    _$jscoverage['ui/uibase.js'][14]++;
+    me[k] = options[k];
+}
+  _$jscoverage['ui/uibase.js'][16]++;
+  this.id = (this.id || ("edui" + uiUtils.uid()));
+}), initUIBase: (function () {
+  _$jscoverage['ui/uibase.js'][19]++;
+  this._globalKey = utils.unhtml(uiUtils.setGlobal(this.id, this));
+}), render: (function (holder) {
+  _$jscoverage['ui/uibase.js'][22]++;
+  var html = this.renderHtml();
+  _$jscoverage['ui/uibase.js'][23]++;
+  var el = uiUtils.createElementByHtml(html);
+  _$jscoverage['ui/uibase.js'][26]++;
+  var list = domUtils.getElementsByTagName(el, "*");
+  _$jscoverage['ui/uibase.js'][27]++;
+  var theme = ("edui-" + (this.theme || this.editor.options.theme));
+  _$jscoverage['ui/uibase.js'][28]++;
+  var layer = document.getElementById("edui_fixedlayer");
+  _$jscoverage['ui/uibase.js'][29]++;
+  for (var i = 0, node; (node = list[(i++)]);) {
+    _$jscoverage['ui/uibase.js'][30]++;
+    domUtils.addClass(node, theme);
+}
+  _$jscoverage['ui/uibase.js'][32]++;
+  domUtils.addClass(el, theme);
+  _$jscoverage['ui/uibase.js'][33]++;
+  if (layer) {
+    _$jscoverage['ui/uibase.js'][34]++;
+    layer.className = "";
+    _$jscoverage['ui/uibase.js'][35]++;
+    domUtils.addClass(layer, theme);
+  }
+  _$jscoverage['ui/uibase.js'][38]++;
+  var seatEl = this.getDom();
+  _$jscoverage['ui/uibase.js'][39]++;
+  if ((seatEl != null)) {
+    _$jscoverage['ui/uibase.js'][40]++;
+    seatEl.parentNode.replaceChild(el, seatEl);
+    _$jscoverage['ui/uibase.js'][41]++;
+    uiUtils.copyAttributes(el, seatEl);
+  }
+  else {
+    _$jscoverage['ui/uibase.js'][43]++;
+    if (((typeof holder) == "string")) {
+      _$jscoverage['ui/uibase.js'][44]++;
+      holder = document.getElementById(holder);
+    }
+    _$jscoverage['ui/uibase.js'][46]++;
+    holder = (holder || uiUtils.getFixedLayer());
+    _$jscoverage['ui/uibase.js'][47]++;
+    domUtils.addClass(holder, theme);
+    _$jscoverage['ui/uibase.js'][48]++;
+    holder.appendChild(el);
+  }
+  _$jscoverage['ui/uibase.js'][50]++;
+  this.postRender();
+}), getDom: (function (name) {
+  _$jscoverage['ui/uibase.js'][53]++;
+  if ((! name)) {
+    _$jscoverage['ui/uibase.js'][54]++;
+    return document.getElementById(this.id);
+  }
+  else {
+    _$jscoverage['ui/uibase.js'][56]++;
+    return document.getElementById((this.id + "_" + name));
+  }
+}), postRender: (function () {
+  _$jscoverage['ui/uibase.js'][60]++;
+  this.fireEvent("postrender");
+}), getHtmlTpl: (function () {
+  _$jscoverage['ui/uibase.js'][63]++;
+  return "";
+}), formatHtml: (function (tpl) {
+  _$jscoverage['ui/uibase.js'][66]++;
+  var prefix = ("edui-" + this.uiName);
+  _$jscoverage['ui/uibase.js'][67]++;
+  return tpl.replace(/##/g, this.id).replace(/%%-/g, (this.uiName? (prefix + "-"): "")).replace(/%%/g, ((this.uiName? prefix: "") + " " + this.className)).replace(/\$\$/g, this._globalKey);
+}), renderHtml: (function () {
+  _$jscoverage['ui/uibase.js'][74]++;
+  return this.formatHtml(this.getHtmlTpl());
+}), dispose: (function () {
+  _$jscoverage['ui/uibase.js'][77]++;
+  var box = this.getDom();
+  _$jscoverage['ui/uibase.js'][78]++;
+  if (box) {
+    _$jscoverage['ui/uibase.js'][78]++;
+    baidu.editor.dom.domUtils.remove(box);
+  }
+  _$jscoverage['ui/uibase.js'][79]++;
+  uiUtils.unsetGlobal(this.id);
+})};
+  _$jscoverage['ui/uibase.js'][82]++;
+  utils.inherits(UIBase, EventBase);
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/uiutils.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/uiutils.js
new file mode 100644
index 000000000..bd974add5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/coverage/ui/uiutils.js
@@ -0,0 +1,567 @@
+/* automatically generated by JSCoverage - do not edit */
+try {
+  if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+    // this is a browser window that was opened from another window
+
+    if (! top.opener._$jscoverage) {
+      top.opener._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null) {
+    // this is a browser window
+
+    try {
+      if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+        top._$jscoverage = top.opener._$jscoverage;
+      }
+    }
+    catch (e) {}
+
+    if (! top._$jscoverage) {
+      top._$jscoverage = {};
+    }
+  }
+}
+catch (e) {}
+
+try {
+  if (typeof top === 'object' && top !== null && top._$jscoverage) {
+    _$jscoverage = top._$jscoverage;
+  }
+}
+catch (e) {}
+if (typeof _$jscoverage !== 'object') {
+  _$jscoverage = {};
+}
+if (! _$jscoverage['ui/uiutils.js']) {
+  _$jscoverage['ui/uiutils.js'] = [];
+  _$jscoverage['ui/uiutils.js'][1] = 0;
+  _$jscoverage['ui/uiutils.js'][2] = 0;
+  _$jscoverage['ui/uiutils.js'][5] = 0;
+  _$jscoverage['ui/uiutils.js'][6] = 0;
+  _$jscoverage['ui/uiutils.js'][7] = 0;
+  _$jscoverage['ui/uiutils.js'][8] = 0;
+  _$jscoverage['ui/uiutils.js'][10] = 0;
+  _$jscoverage['ui/uiutils.js'][12] = 0;
+  _$jscoverage['ui/uiutils.js'][15] = 0;
+  _$jscoverage['ui/uiutils.js'][16] = 0;
+  _$jscoverage['ui/uiutils.js'][17] = 0;
+  _$jscoverage['ui/uiutils.js'][19] = 0;
+  _$jscoverage['ui/uiutils.js'][20] = 0;
+  _$jscoverage['ui/uiutils.js'][21] = 0;
+  _$jscoverage['ui/uiutils.js'][22] = 0;
+  _$jscoverage['ui/uiutils.js'][24] = 0;
+  _$jscoverage['ui/uiutils.js'][25] = 0;
+  _$jscoverage['ui/uiutils.js'][26] = 0;
+  _$jscoverage['ui/uiutils.js'][27] = 0;
+  _$jscoverage['ui/uiutils.js'][28] = 0;
+  _$jscoverage['ui/uiutils.js'][29] = 0;
+  _$jscoverage['ui/uiutils.js'][32] = 0;
+  _$jscoverage['ui/uiutils.js'][34] = 0;
+  _$jscoverage['ui/uiutils.js'][36] = 0;
+  _$jscoverage['ui/uiutils.js'][37] = 0;
+  _$jscoverage['ui/uiutils.js'][40] = 0;
+  _$jscoverage['ui/uiutils.js'][41] = 0;
+  _$jscoverage['ui/uiutils.js'][42] = 0;
+  _$jscoverage['ui/uiutils.js'][43] = 0;
+  _$jscoverage['ui/uiutils.js'][44] = 0;
+  _$jscoverage['ui/uiutils.js'][47] = 0;
+  _$jscoverage['ui/uiutils.js'][51] = 0;
+  _$jscoverage['ui/uiutils.js'][53] = 0;
+  _$jscoverage['ui/uiutils.js'][54] = 0;
+  _$jscoverage['ui/uiutils.js'][56] = 0;
+  _$jscoverage['ui/uiutils.js'][58] = 0;
+  _$jscoverage['ui/uiutils.js'][64] = 0;
+  _$jscoverage['ui/uiutils.js'][65] = 0;
+  _$jscoverage['ui/uiutils.js'][67] = 0;
+  _$jscoverage['ui/uiutils.js'][68] = 0;
+  _$jscoverage['ui/uiutils.js'][69] = 0;
+  _$jscoverage['ui/uiutils.js'][71] = 0;
+  _$jscoverage['ui/uiutils.js'][72] = 0;
+  _$jscoverage['ui/uiutils.js'][73] = 0;
+  _$jscoverage['ui/uiutils.js'][76] = 0;
+  _$jscoverage['ui/uiutils.js'][77] = 0;
+  _$jscoverage['ui/uiutils.js'][78] = 0;
+  _$jscoverage['ui/uiutils.js'][79] = 0;
+  _$jscoverage['ui/uiutils.js'][89] = 0;
+  _$jscoverage['ui/uiutils.js'][90] = 0;
+  _$jscoverage['ui/uiutils.js'][91] = 0;
+  _$jscoverage['ui/uiutils.js'][92] = 0;
+  _$jscoverage['ui/uiutils.js'][93] = 0;
+  _$jscoverage['ui/uiutils.js'][95] = 0;
+  _$jscoverage['ui/uiutils.js'][99] = 0;
+  _$jscoverage['ui/uiutils.js'][100] = 0;
+  _$jscoverage['ui/uiutils.js'][101] = 0;
+  _$jscoverage['ui/uiutils.js'][102] = 0;
+  _$jscoverage['ui/uiutils.js'][108] = 0;
+  _$jscoverage['ui/uiutils.js'][109] = 0;
+  _$jscoverage['ui/uiutils.js'][110] = 0;
+  _$jscoverage['ui/uiutils.js'][114] = 0;
+  _$jscoverage['ui/uiutils.js'][115] = 0;
+  _$jscoverage['ui/uiutils.js'][116] = 0;
+  _$jscoverage['ui/uiutils.js'][117] = 0;
+  _$jscoverage['ui/uiutils.js'][119] = 0;
+  _$jscoverage['ui/uiutils.js'][122] = 0;
+  _$jscoverage['ui/uiutils.js'][123] = 0;
+  _$jscoverage['ui/uiutils.js'][126] = 0;
+  _$jscoverage['ui/uiutils.js'][129] = 0;
+  _$jscoverage['ui/uiutils.js'][130] = 0;
+  _$jscoverage['ui/uiutils.js'][131] = 0;
+  _$jscoverage['ui/uiutils.js'][132] = 0;
+  _$jscoverage['ui/uiutils.js'][133] = 0;
+  _$jscoverage['ui/uiutils.js'][134] = 0;
+  _$jscoverage['ui/uiutils.js'][137] = 0;
+  _$jscoverage['ui/uiutils.js'][138] = 0;
+  _$jscoverage['ui/uiutils.js'][140] = 0;
+  _$jscoverage['ui/uiutils.js'][141] = 0;
+  _$jscoverage['ui/uiutils.js'][145] = 0;
+  _$jscoverage['ui/uiutils.js'][146] = 0;
+  _$jscoverage['ui/uiutils.js'][147] = 0;
+  _$jscoverage['ui/uiutils.js'][148] = 0;
+  _$jscoverage['ui/uiutils.js'][149] = 0;
+  _$jscoverage['ui/uiutils.js'][152] = 0;
+  _$jscoverage['ui/uiutils.js'][158] = 0;
+  _$jscoverage['ui/uiutils.js'][159] = 0;
+  _$jscoverage['ui/uiutils.js'][160] = 0;
+  _$jscoverage['ui/uiutils.js'][161] = 0;
+  _$jscoverage['ui/uiutils.js'][162] = 0;
+  _$jscoverage['ui/uiutils.js'][163] = 0;
+  _$jscoverage['ui/uiutils.js'][164] = 0;
+  _$jscoverage['ui/uiutils.js'][165] = 0;
+  _$jscoverage['ui/uiutils.js'][166] = 0;
+  _$jscoverage['ui/uiutils.js'][168] = 0;
+  _$jscoverage['ui/uiutils.js'][171] = 0;
+  _$jscoverage['ui/uiutils.js'][172] = 0;
+  _$jscoverage['ui/uiutils.js'][173] = 0;
+  _$jscoverage['ui/uiutils.js'][174] = 0;
+  _$jscoverage['ui/uiutils.js'][175] = 0;
+  _$jscoverage['ui/uiutils.js'][176] = 0;
+  _$jscoverage['ui/uiutils.js'][178] = 0;
+  _$jscoverage['ui/uiutils.js'][179] = 0;
+  _$jscoverage['ui/uiutils.js'][180] = 0;
+  _$jscoverage['ui/uiutils.js'][182] = 0;
+  _$jscoverage['ui/uiutils.js'][184] = 0;
+  _$jscoverage['ui/uiutils.js'][185] = 0;
+  _$jscoverage['ui/uiutils.js'][186] = 0;
+  _$jscoverage['ui/uiutils.js'][187] = 0;
+  _$jscoverage['ui/uiutils.js'][188] = 0;
+  _$jscoverage['ui/uiutils.js'][189] = 0;
+  _$jscoverage['ui/uiutils.js'][190] = 0;
+  _$jscoverage['ui/uiutils.js'][191] = 0;
+  _$jscoverage['ui/uiutils.js'][193] = 0;
+  _$jscoverage['ui/uiutils.js'][194] = 0;
+  _$jscoverage['ui/uiutils.js'][195] = 0;
+  _$jscoverage['ui/uiutils.js'][196] = 0;
+  _$jscoverage['ui/uiutils.js'][198] = 0;
+  _$jscoverage['ui/uiutils.js'][201] = 0;
+  _$jscoverage['ui/uiutils.js'][202] = 0;
+  _$jscoverage['ui/uiutils.js'][203] = 0;
+  _$jscoverage['ui/uiutils.js'][204] = 0;
+  _$jscoverage['ui/uiutils.js'][205] = 0;
+  _$jscoverage['ui/uiutils.js'][206] = 0;
+  _$jscoverage['ui/uiutils.js'][207] = 0;
+  _$jscoverage['ui/uiutils.js'][208] = 0;
+  _$jscoverage['ui/uiutils.js'][209] = 0;
+  _$jscoverage['ui/uiutils.js'][211] = 0;
+  _$jscoverage['ui/uiutils.js'][213] = 0;
+  _$jscoverage['ui/uiutils.js'][214] = 0;
+  _$jscoverage['ui/uiutils.js'][215] = 0;
+  _$jscoverage['ui/uiutils.js'][216] = 0;
+  _$jscoverage['ui/uiutils.js'][218] = 0;
+  _$jscoverage['ui/uiutils.js'][221] = 0;
+  _$jscoverage['ui/uiutils.js'][222] = 0;
+  _$jscoverage['ui/uiutils.js'][223] = 0;
+  _$jscoverage['ui/uiutils.js'][224] = 0;
+  _$jscoverage['ui/uiutils.js'][225] = 0;
+  _$jscoverage['ui/uiutils.js'][226] = 0;
+  _$jscoverage['ui/uiutils.js'][231] = 0;
+  _$jscoverage['ui/uiutils.js'][232] = 0;
+  _$jscoverage['ui/uiutils.js'][233] = 0;
+  _$jscoverage['ui/uiutils.js'][234] = 0;
+  _$jscoverage['ui/uiutils.js'][235] = 0;
+  _$jscoverage['ui/uiutils.js'][236] = 0;
+  _$jscoverage['ui/uiutils.js'][241] = 0;
+  _$jscoverage['ui/uiutils.js'][242] = 0;
+  _$jscoverage['ui/uiutils.js'][243] = 0;
+  _$jscoverage['ui/uiutils.js'][253] = 0;
+  _$jscoverage['ui/uiutils.js'][254] = 0;
+  _$jscoverage['ui/uiutils.js'][255] = 0;
+}
+_$jscoverage['ui/uiutils.js'].source = ["<span class=\"k\">(</span><span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","    <span class=\"k\">var</span> browser <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>browser<span class=\"k\">,</span>","        domUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>dom<span class=\"k\">.</span>domUtils<span class=\"k\">;</span>","","    <span class=\"k\">var</span> magic <span class=\"k\">=</span> <span class=\"s\">'$EDITORUI'</span><span class=\"k\">;</span>","    <span class=\"k\">var</span> root <span class=\"k\">=</span> window<span class=\"k\">[</span>magic<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">{}</span><span class=\"k\">;</span>","    <span class=\"k\">var</span> uidMagic <span class=\"k\">=</span> <span class=\"s\">'ID'</span> <span class=\"k\">+</span> magic<span class=\"k\">;</span>","    <span class=\"k\">var</span> uidCount <span class=\"k\">=</span> <span class=\"s\">0</span><span class=\"k\">;</span>","","    <span class=\"k\">var</span> uiUtils <span class=\"k\">=</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>ui<span class=\"k\">.</span>uiUtils <span class=\"k\">=</span> <span class=\"k\">{</span>","        uid<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>obj<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">(</span>obj <span class=\"k\">?</span> obj<span class=\"k\">[</span>uidMagic<span class=\"k\">]</span> <span class=\"k\">||</span> <span class=\"k\">(</span>obj<span class=\"k\">[</span>uidMagic<span class=\"k\">]</span> <span class=\"k\">=</span> <span class=\"k\">++</span> uidCount<span class=\"k\">)</span> <span class=\"k\">:</span> <span class=\"k\">++</span> uidCount<span class=\"k\">);</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        hook<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span> fn<span class=\"k\">,</span> callback <span class=\"k\">)</span> <span class=\"k\">{</span>","            <span class=\"k\">var</span> dg<span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>fn <span class=\"k\">&amp;&amp;</span> fn<span class=\"k\">.</span>_callbacks<span class=\"k\">)</span> <span class=\"k\">{</span>","                dg <span class=\"k\">=</span> fn<span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                dg <span class=\"k\">=</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","                    <span class=\"k\">var</span> q<span class=\"k\">;</span>","                    <span class=\"k\">if</span> <span class=\"k\">(</span>fn<span class=\"k\">)</span> <span class=\"k\">{</span>","                        q <span class=\"k\">=</span> fn<span class=\"k\">.</span>apply<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> arguments<span class=\"k\">);</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">var</span> callbacks <span class=\"k\">=</span> dg<span class=\"k\">.</span>_callbacks<span class=\"k\">;</span>","                    <span class=\"k\">var</span> k <span class=\"k\">=</span> callbacks<span class=\"k\">.</span>length<span class=\"k\">;</span>","                    <span class=\"k\">while</span> <span class=\"k\">(</span>k <span class=\"k\">--)</span> <span class=\"k\">{</span>","                        <span class=\"k\">var</span> r <span class=\"k\">=</span> callbacks<span class=\"k\">[</span>k<span class=\"k\">].</span>apply<span class=\"k\">(</span><span class=\"k\">this</span><span class=\"k\">,</span> arguments<span class=\"k\">);</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>q <span class=\"k\">===</span> undefined<span class=\"k\">)</span> <span class=\"k\">{</span>","                            q <span class=\"k\">=</span> r<span class=\"k\">;</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                    <span class=\"k\">return</span> q<span class=\"k\">;</span>","                <span class=\"k\">}</span><span class=\"k\">;</span>","                dg<span class=\"k\">.</span>_callbacks <span class=\"k\">=</span> <span class=\"k\">[];</span>","            <span class=\"k\">}</span>","            dg<span class=\"k\">.</span>_callbacks<span class=\"k\">.</span>push<span class=\"k\">(</span>callback<span class=\"k\">);</span>","            <span class=\"k\">return</span> dg<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        createElementByHtml<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>html<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> el <span class=\"k\">=</span> document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'div'</span><span class=\"k\">);</span>","            el<span class=\"k\">.</span>innerHTML <span class=\"k\">=</span> html<span class=\"k\">;</span>","            el <span class=\"k\">=</span> el<span class=\"k\">.</span>firstChild<span class=\"k\">;</span>","            el<span class=\"k\">.</span>parentNode<span class=\"k\">.</span>removeChild<span class=\"k\">(</span>el<span class=\"k\">);</span>","            <span class=\"k\">return</span> el<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getViewportElement<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>quirks<span class=\"k\">)</span> <span class=\"k\">?</span>","                document<span class=\"k\">.</span>body <span class=\"k\">:</span> document<span class=\"k\">.</span>documentElement<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getClientRect<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> bcr<span class=\"k\">;</span>","            <span class=\"c\">//trace  IE6&#19979;&#22312;&#25511;&#21046;&#32534;&#36753;&#22120;&#26174;&#38544;&#26102;&#21487;&#33021;&#20250;&#25253;&#38169;&#65292;catch&#19968;&#19979;</span>","            <span class=\"k\">try</span><span class=\"k\">{</span>","                bcr <span class=\"k\">=</span> element<span class=\"k\">.</span>getBoundingClientRect<span class=\"k\">();</span>","            <span class=\"k\">}</span><span class=\"k\">catch</span><span class=\"k\">(</span>e<span class=\"k\">)</span><span class=\"k\">{</span>","                bcr<span class=\"k\">=</span><span class=\"k\">{</span>left<span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">,</span>top<span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">,</span>height<span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">,</span>width<span class=\"k\">:</span><span class=\"s\">0</span><span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">var</span> rect <span class=\"k\">=</span> <span class=\"k\">{</span>","                left<span class=\"k\">:</span> Math<span class=\"k\">.</span>round<span class=\"k\">(</span>bcr<span class=\"k\">.</span>left<span class=\"k\">),</span>","                top<span class=\"k\">:</span> Math<span class=\"k\">.</span>round<span class=\"k\">(</span>bcr<span class=\"k\">.</span>top<span class=\"k\">),</span>","                height<span class=\"k\">:</span> Math<span class=\"k\">.</span>round<span class=\"k\">(</span>bcr<span class=\"k\">.</span>bottom <span class=\"k\">-</span> bcr<span class=\"k\">.</span>top<span class=\"k\">),</span>","                width<span class=\"k\">:</span> Math<span class=\"k\">.</span>round<span class=\"k\">(</span>bcr<span class=\"k\">.</span>right <span class=\"k\">-</span> bcr<span class=\"k\">.</span>left<span class=\"k\">)</span>","            <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> doc<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">((</span>doc <span class=\"k\">=</span> element<span class=\"k\">.</span>ownerDocument<span class=\"k\">)</span> <span class=\"k\">!==</span> document <span class=\"k\">&amp;&amp;</span>","                <span class=\"k\">(</span>element <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getWindow<span class=\"k\">(</span>doc<span class=\"k\">).</span>frameElement<span class=\"k\">))</span> <span class=\"k\">{</span>","                bcr <span class=\"k\">=</span> element<span class=\"k\">.</span>getBoundingClientRect<span class=\"k\">();</span>","                rect<span class=\"k\">.</span>left <span class=\"k\">+=</span> bcr<span class=\"k\">.</span>left<span class=\"k\">;</span>","                rect<span class=\"k\">.</span>top <span class=\"k\">+=</span> bcr<span class=\"k\">.</span>top<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            rect<span class=\"k\">.</span>bottom <span class=\"k\">=</span> rect<span class=\"k\">.</span>top <span class=\"k\">+</span> rect<span class=\"k\">.</span>height<span class=\"k\">;</span>","            rect<span class=\"k\">.</span>right <span class=\"k\">=</span> rect<span class=\"k\">.</span>left <span class=\"k\">+</span> rect<span class=\"k\">.</span>width<span class=\"k\">;</span>","            <span class=\"k\">return</span> rect<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getViewportRect<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> viewportEl <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportElement<span class=\"k\">();</span>","            <span class=\"k\">var</span> width <span class=\"k\">=</span> <span class=\"k\">(</span>window<span class=\"k\">.</span>innerWidth <span class=\"k\">||</span> viewportEl<span class=\"k\">.</span>clientWidth<span class=\"k\">)</span> <span class=\"k\">|</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">var</span> height <span class=\"k\">=</span> <span class=\"k\">(</span>window<span class=\"k\">.</span>innerHeight <span class=\"k\">||</span>viewportEl<span class=\"k\">.</span>clientHeight<span class=\"k\">)</span> <span class=\"k\">|</span> <span class=\"s\">0</span><span class=\"k\">;</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                left<span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                top<span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">,</span>","                height<span class=\"k\">:</span> height<span class=\"k\">,</span>","                width<span class=\"k\">:</span> width<span class=\"k\">,</span>","                bottom<span class=\"k\">:</span> height<span class=\"k\">,</span>","                right<span class=\"k\">:</span> width","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setViewportOffset<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">,</span> offset<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> rect<span class=\"k\">;</span>","            <span class=\"k\">var</span> fixedLayer <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getFixedLayer<span class=\"k\">();</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>parentNode <span class=\"k\">===</span> fixedLayer<span class=\"k\">)</span> <span class=\"k\">{</span>","                element<span class=\"k\">.</span>style<span class=\"k\">.</span>left <span class=\"k\">=</span> offset<span class=\"k\">.</span>left <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","                element<span class=\"k\">.</span>style<span class=\"k\">.</span>top <span class=\"k\">=</span> offset<span class=\"k\">.</span>top <span class=\"k\">+</span> <span class=\"s\">'px'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>setViewportOffset<span class=\"k\">(</span>element<span class=\"k\">,</span> offset<span class=\"k\">);</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getEventOffset<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> el <span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","            <span class=\"k\">var</span> rect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span>el<span class=\"k\">);</span>","            <span class=\"k\">var</span> offset <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getViewportOffsetByEvent<span class=\"k\">(</span>evt<span class=\"k\">);</span>","            <span class=\"k\">return</span> <span class=\"k\">{</span>","                left<span class=\"k\">:</span> offset<span class=\"k\">.</span>left <span class=\"k\">-</span> rect<span class=\"k\">.</span>left<span class=\"k\">,</span>","                top<span class=\"k\">:</span> offset<span class=\"k\">.</span>top <span class=\"k\">-</span> rect<span class=\"k\">.</span>top","            <span class=\"k\">}</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getViewportOffsetByEvent<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> el <span class=\"k\">=</span> evt<span class=\"k\">.</span>target <span class=\"k\">||</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","            <span class=\"k\">var</span> frameEl <span class=\"k\">=</span> domUtils<span class=\"k\">.</span>getWindow<span class=\"k\">(</span>el<span class=\"k\">).</span>frameElement<span class=\"k\">;</span>","            <span class=\"k\">var</span> offset <span class=\"k\">=</span> <span class=\"k\">{</span>","                left<span class=\"k\">:</span> evt<span class=\"k\">.</span>clientX<span class=\"k\">,</span>","                top<span class=\"k\">:</span> evt<span class=\"k\">.</span>clientY","            <span class=\"k\">}</span><span class=\"k\">;</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>frameEl <span class=\"k\">&amp;&amp;</span> el<span class=\"k\">.</span>ownerDocument <span class=\"k\">!==</span> document<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> rect <span class=\"k\">=</span> uiUtils<span class=\"k\">.</span>getClientRect<span class=\"k\">(</span>frameEl<span class=\"k\">);</span>","                offset<span class=\"k\">.</span>left <span class=\"k\">+=</span> rect<span class=\"k\">.</span>left<span class=\"k\">;</span>","                offset<span class=\"k\">.</span>top <span class=\"k\">+=</span> rect<span class=\"k\">.</span>top<span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> offset<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        setGlobal<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>id<span class=\"k\">,</span> obj<span class=\"k\">)</span><span class=\"k\">{</span>","            root<span class=\"k\">[</span>id<span class=\"k\">]</span> <span class=\"k\">=</span> obj<span class=\"k\">;</span>","            <span class=\"k\">return</span> magic <span class=\"k\">+</span> <span class=\"s\">'[\"'</span> <span class=\"k\">+</span> id  <span class=\"k\">+</span> <span class=\"s\">'\"]'</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        unsetGlobal<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>id<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">delete</span> root<span class=\"k\">[</span>id<span class=\"k\">];</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        copyAttributes<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>tgt<span class=\"k\">,</span> src<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> attributes <span class=\"k\">=</span> src<span class=\"k\">.</span>attributes<span class=\"k\">;</span>","            <span class=\"k\">var</span> k <span class=\"k\">=</span> attributes<span class=\"k\">.</span>length<span class=\"k\">;</span>","            <span class=\"k\">while</span> <span class=\"k\">(</span>k <span class=\"k\">--)</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> attrNode <span class=\"k\">=</span> attributes<span class=\"k\">[</span>k<span class=\"k\">];</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span> attrNode<span class=\"k\">.</span>nodeName <span class=\"k\">!=</span> <span class=\"s\">'style'</span> <span class=\"k\">&amp;&amp;</span> attrNode<span class=\"k\">.</span>nodeName <span class=\"k\">!=</span> <span class=\"s\">'class'</span> <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(!</span>browser<span class=\"k\">.</span>ie <span class=\"k\">||</span> attrNode<span class=\"k\">.</span>specified<span class=\"k\">)</span> <span class=\"k\">)</span> <span class=\"k\">{</span>","                    tgt<span class=\"k\">.</span>setAttribute<span class=\"k\">(</span>attrNode<span class=\"k\">.</span>nodeName<span class=\"k\">,</span> attrNode<span class=\"k\">.</span>nodeValue<span class=\"k\">);</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>src<span class=\"k\">.</span>className<span class=\"k\">)</span> <span class=\"k\">{</span>","                domUtils<span class=\"k\">.</span>addClass<span class=\"k\">(</span>tgt<span class=\"k\">,</span>src<span class=\"k\">.</span>className<span class=\"k\">);</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>src<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">)</span> <span class=\"k\">{</span>","                tgt<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText <span class=\"k\">+=</span> <span class=\"s\">';'</span> <span class=\"k\">+</span> src<span class=\"k\">.</span>style<span class=\"k\">.</span>cssText<span class=\"k\">;</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        removeStyle<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>el<span class=\"k\">,</span> styleName<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>el<span class=\"k\">.</span>style<span class=\"k\">.</span>removeProperty<span class=\"k\">)</span> <span class=\"k\">{</span>","                el<span class=\"k\">.</span>style<span class=\"k\">.</span>removeProperty<span class=\"k\">(</span>styleName<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>el<span class=\"k\">.</span>style<span class=\"k\">.</span>removeAttribute<span class=\"k\">)</span> <span class=\"k\">{</span>","                el<span class=\"k\">.</span>style<span class=\"k\">.</span>removeAttribute<span class=\"k\">(</span>styleName<span class=\"k\">);</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">throw</span> <span class=\"s\">''</span><span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        contains<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>elA<span class=\"k\">,</span> elB<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">return</span> elA <span class=\"k\">&amp;&amp;</span> elB <span class=\"k\">&amp;&amp;</span> <span class=\"k\">(</span>elA <span class=\"k\">===</span> elB <span class=\"k\">?</span> <span class=\"k\">false</span> <span class=\"k\">:</span> <span class=\"k\">(</span>","                elA<span class=\"k\">.</span>contains <span class=\"k\">?</span> elA<span class=\"k\">.</span>contains<span class=\"k\">(</span>elB<span class=\"k\">)</span> <span class=\"k\">:</span>","                    elA<span class=\"k\">.</span>compareDocumentPosition<span class=\"k\">(</span>elB<span class=\"k\">)</span> <span class=\"k\">&amp;</span> <span class=\"s\">16</span>","                <span class=\"k\">));</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        startDrag<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>evt<span class=\"k\">,</span> callbacks<span class=\"k\">,</span>doc<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> doc <span class=\"k\">=</span> doc <span class=\"k\">||</span> document<span class=\"k\">;</span>","            <span class=\"k\">var</span> startX <span class=\"k\">=</span> evt<span class=\"k\">.</span>clientX<span class=\"k\">;</span>","            <span class=\"k\">var</span> startY <span class=\"k\">=</span> evt<span class=\"k\">.</span>clientY<span class=\"k\">;</span>","            <span class=\"k\">function</span> handleMouseMove<span class=\"k\">(</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","                <span class=\"k\">var</span> x <span class=\"k\">=</span> evt<span class=\"k\">.</span>clientX <span class=\"k\">-</span> startX<span class=\"k\">;</span>","                <span class=\"k\">var</span> y <span class=\"k\">=</span> evt<span class=\"k\">.</span>clientY <span class=\"k\">-</span> startY<span class=\"k\">;</span>","                callbacks<span class=\"k\">.</span>ondragmove<span class=\"k\">(</span>x<span class=\"k\">,</span> y<span class=\"k\">,</span>evt<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>evt<span class=\"k\">.</span>stopPropagation<span class=\"k\">)</span> <span class=\"k\">{</span>","                    evt<span class=\"k\">.</span>stopPropagation<span class=\"k\">();</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    evt<span class=\"k\">.</span>cancelBubble <span class=\"k\">=</span> <span class=\"k\">true</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>doc<span class=\"k\">.</span>addEventListener<span class=\"k\">)</span> <span class=\"k\">{</span>","                <span class=\"k\">function</span> handleMouseUp<span class=\"k\">(</span>evt<span class=\"k\">)</span><span class=\"k\">{</span>","                    doc<span class=\"k\">.</span>removeEventListener<span class=\"k\">(</span><span class=\"s\">'mousemove'</span><span class=\"k\">,</span> handleMouseMove<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    doc<span class=\"k\">.</span>removeEventListener<span class=\"k\">(</span><span class=\"s\">'mouseup'</span><span class=\"k\">,</span> handleMouseUp<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    window<span class=\"k\">.</span>removeEventListener<span class=\"k\">(</span><span class=\"s\">'mouseup'</span><span class=\"k\">,</span> handleMouseUp<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                    callbacks<span class=\"k\">.</span>ondragstop<span class=\"k\">();</span>","                <span class=\"k\">}</span>","                doc<span class=\"k\">.</span>addEventListener<span class=\"k\">(</span><span class=\"s\">'mousemove'</span><span class=\"k\">,</span> handleMouseMove<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                doc<span class=\"k\">.</span>addEventListener<span class=\"k\">(</span><span class=\"s\">'mouseup'</span><span class=\"k\">,</span> handleMouseUp<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","                window<span class=\"k\">.</span>addEventListener<span class=\"k\">(</span><span class=\"s\">'mouseup'</span><span class=\"k\">,</span> handleMouseUp<span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">);</span>","","                evt<span class=\"k\">.</span>preventDefault<span class=\"k\">();</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">var</span> elm <span class=\"k\">=</span> evt<span class=\"k\">.</span>srcElement<span class=\"k\">;</span>","                elm<span class=\"k\">.</span>setCapture<span class=\"k\">();</span>","                <span class=\"k\">function</span> releaseCaptrue<span class=\"k\">()</span><span class=\"k\">{</span>","                    elm<span class=\"k\">.</span>releaseCapture<span class=\"k\">();</span>","                    elm<span class=\"k\">.</span>detachEvent<span class=\"k\">(</span><span class=\"s\">'onmousemove'</span><span class=\"k\">,</span> handleMouseMove<span class=\"k\">);</span>","                    elm<span class=\"k\">.</span>detachEvent<span class=\"k\">(</span><span class=\"s\">'onmouseup'</span><span class=\"k\">,</span> releaseCaptrue<span class=\"k\">);</span>","                    elm<span class=\"k\">.</span>detachEvent<span class=\"k\">(</span><span class=\"s\">'onlosecaptrue'</span><span class=\"k\">,</span> releaseCaptrue<span class=\"k\">);</span>","                    callbacks<span class=\"k\">.</span>ondragstop<span class=\"k\">();</span>","                <span class=\"k\">}</span>","                elm<span class=\"k\">.</span>attachEvent<span class=\"k\">(</span><span class=\"s\">'onmousemove'</span><span class=\"k\">,</span> handleMouseMove<span class=\"k\">);</span>","                elm<span class=\"k\">.</span>attachEvent<span class=\"k\">(</span><span class=\"s\">'onmouseup'</span><span class=\"k\">,</span> releaseCaptrue<span class=\"k\">);</span>","                elm<span class=\"k\">.</span>attachEvent<span class=\"k\">(</span><span class=\"s\">'onlosecaptrue'</span><span class=\"k\">,</span> releaseCaptrue<span class=\"k\">);</span>","                evt<span class=\"k\">.</span>returnValue <span class=\"k\">=</span> <span class=\"k\">false</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            callbacks<span class=\"k\">.</span>ondragstart<span class=\"k\">();</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        getFixedLayer<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">()</span><span class=\"k\">{</span>","            <span class=\"k\">var</span> layer <span class=\"k\">=</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"s\">'edui_fixedlayer'</span><span class=\"k\">);</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>layer <span class=\"k\">==</span> <span class=\"k\">null</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                layer <span class=\"k\">=</span> document<span class=\"k\">.</span>createElement<span class=\"k\">(</span><span class=\"s\">'div'</span><span class=\"k\">);</span>","                layer<span class=\"k\">.</span>id <span class=\"k\">=</span> <span class=\"s\">'edui_fixedlayer'</span><span class=\"k\">;</span>","                document<span class=\"k\">.</span>body<span class=\"k\">.</span>appendChild<span class=\"k\">(</span>layer<span class=\"k\">);</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;=</span> <span class=\"s\">8</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                    layer<span class=\"k\">.</span>style<span class=\"k\">.</span>position <span class=\"k\">=</span> <span class=\"s\">'absolute'</span><span class=\"k\">;</span>","                    bindFixedLayer<span class=\"k\">();</span>","                    setTimeout<span class=\"k\">(</span>updateFixedOffset<span class=\"k\">);</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                    layer<span class=\"k\">.</span>style<span class=\"k\">.</span>position <span class=\"k\">=</span> <span class=\"s\">'fixed'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","                layer<span class=\"k\">.</span>style<span class=\"k\">.</span>left <span class=\"k\">=</span> <span class=\"s\">'0'</span><span class=\"k\">;</span>","                layer<span class=\"k\">.</span>style<span class=\"k\">.</span>top <span class=\"k\">=</span> <span class=\"s\">'0'</span><span class=\"k\">;</span>","                layer<span class=\"k\">.</span>style<span class=\"k\">.</span>width <span class=\"k\">=</span> <span class=\"s\">'0'</span><span class=\"k\">;</span>","                layer<span class=\"k\">.</span>style<span class=\"k\">.</span>height <span class=\"k\">=</span> <span class=\"s\">'0'</span><span class=\"k\">;</span>","            <span class=\"k\">}</span>","            <span class=\"k\">return</span> layer<span class=\"k\">;</span>","        <span class=\"k\">}</span><span class=\"k\">,</span>","        makeUnselectable<span class=\"k\">:</span> <span class=\"k\">function</span> <span class=\"k\">(</span>element<span class=\"k\">)</span><span class=\"k\">{</span>","            <span class=\"k\">if</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>opera <span class=\"k\">||</span> <span class=\"k\">(</span>browser<span class=\"k\">.</span>ie <span class=\"k\">&amp;&amp;</span> browser<span class=\"k\">.</span>version <span class=\"k\">&lt;</span> <span class=\"s\">9</span><span class=\"k\">))</span> <span class=\"k\">{</span>","                element<span class=\"k\">.</span>unselectable <span class=\"k\">=</span> <span class=\"s\">'on'</span><span class=\"k\">;</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>hasChildNodes<span class=\"k\">())</span> <span class=\"k\">{</span>","                    <span class=\"k\">for</span> <span class=\"k\">(</span><span class=\"k\">var</span> i<span class=\"k\">=</span><span class=\"s\">0</span><span class=\"k\">;</span> i<span class=\"k\">&lt;</span>element<span class=\"k\">.</span>childNodes<span class=\"k\">.</span>length<span class=\"k\">;</span> i<span class=\"k\">++)</span> <span class=\"k\">{</span>","                        <span class=\"k\">if</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>i<span class=\"k\">].</span>nodeType <span class=\"k\">==</span> <span class=\"s\">1</span><span class=\"k\">)</span> <span class=\"k\">{</span>","                            uiUtils<span class=\"k\">.</span>makeUnselectable<span class=\"k\">(</span>element<span class=\"k\">.</span>childNodes<span class=\"k\">[</span>i<span class=\"k\">]);</span>","                        <span class=\"k\">}</span>","                    <span class=\"k\">}</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">{</span>","                <span class=\"k\">if</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>style<span class=\"k\">.</span>MozUserSelect <span class=\"k\">!==</span> undefined<span class=\"k\">)</span> <span class=\"k\">{</span>","                    element<span class=\"k\">.</span>style<span class=\"k\">.</span>MozUserSelect <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>style<span class=\"k\">.</span>WebkitUserSelect <span class=\"k\">!==</span> undefined<span class=\"k\">)</span> <span class=\"k\">{</span>","                    element<span class=\"k\">.</span>style<span class=\"k\">.</span>WebkitUserSelect <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span> <span class=\"k\">else</span> <span class=\"k\">if</span> <span class=\"k\">(</span>element<span class=\"k\">.</span>style<span class=\"k\">.</span>KhtmlUserSelect <span class=\"k\">!==</span> undefined<span class=\"k\">)</span> <span class=\"k\">{</span>","                    element<span class=\"k\">.</span>style<span class=\"k\">.</span>KhtmlUserSelect <span class=\"k\">=</span> <span class=\"s\">'none'</span><span class=\"k\">;</span>","                <span class=\"k\">}</span>","            <span class=\"k\">}</span>","        <span class=\"k\">}</span>","    <span class=\"k\">}</span><span class=\"k\">;</span>","    <span class=\"k\">function</span> updateFixedOffset<span class=\"k\">()</span><span class=\"k\">{</span>","        <span class=\"k\">var</span> layer <span class=\"k\">=</span> document<span class=\"k\">.</span>getElementById<span class=\"k\">(</span><span class=\"s\">'edui_fixedlayer'</span><span class=\"k\">);</span>","        uiUtils<span class=\"k\">.</span>setViewportOffset<span class=\"k\">(</span>layer<span class=\"k\">,</span> <span class=\"k\">{</span>","            left<span class=\"k\">:</span> <span class=\"s\">0</span><span class=\"k\">,</span>","            top<span class=\"k\">:</span> <span class=\"s\">0</span>","        <span class=\"k\">}</span><span class=\"k\">);</span>","<span class=\"c\">//        layer.style.display = 'none';</span>","<span class=\"c\">//        layer.style.display = 'block';</span>","","        <span class=\"c\">//#trace: 1354</span>","<span class=\"c\">//        setTimeout(updateFixedOffset);</span>","    <span class=\"k\">}</span>","    <span class=\"k\">function</span> bindFixedLayer<span class=\"k\">(</span>adjOffset<span class=\"k\">)</span><span class=\"k\">{</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>window<span class=\"k\">,</span> <span class=\"s\">'scroll'</span><span class=\"k\">,</span> updateFixedOffset<span class=\"k\">);</span>","        domUtils<span class=\"k\">.</span>on<span class=\"k\">(</span>window<span class=\"k\">,</span> <span class=\"s\">'resize'</span><span class=\"k\">,</span> baidu<span class=\"k\">.</span>editor<span class=\"k\">.</span>utils<span class=\"k\">.</span>defer<span class=\"k\">(</span>updateFixedOffset<span class=\"k\">,</span> <span class=\"s\">0</span><span class=\"k\">,</span> <span class=\"k\">true</span><span class=\"k\">));</span>","    <span class=\"k\">}</span>","<span class=\"k\">}</span><span class=\"k\">)();</span>"];
+_$jscoverage['ui/uiutils.js'][1]++;
+(function () {
+  _$jscoverage['ui/uiutils.js'][2]++;
+  var browser = baidu.editor.browser, domUtils = baidu.editor.dom.domUtils;
+  _$jscoverage['ui/uiutils.js'][5]++;
+  var magic = "$EDITORUI";
+  _$jscoverage['ui/uiutils.js'][6]++;
+  var root = (window[magic] = {});
+  _$jscoverage['ui/uiutils.js'][7]++;
+  var uidMagic = ("ID" + magic);
+  _$jscoverage['ui/uiutils.js'][8]++;
+  var uidCount = 0;
+  _$jscoverage['ui/uiutils.js'][10]++;
+  var uiUtils = (baidu.editor.ui.uiUtils = {uid: (function (obj) {
+  _$jscoverage['ui/uiutils.js'][12]++;
+  return (obj? (obj[uidMagic] || (obj[uidMagic] = (++uidCount))): (++uidCount));
+}), hook: (function (fn, callback) {
+  _$jscoverage['ui/uiutils.js'][15]++;
+  var dg;
+  _$jscoverage['ui/uiutils.js'][16]++;
+  if ((fn && fn._callbacks)) {
+    _$jscoverage['ui/uiutils.js'][17]++;
+    dg = fn;
+  }
+  else {
+    _$jscoverage['ui/uiutils.js'][19]++;
+    dg = (function () {
+  _$jscoverage['ui/uiutils.js'][20]++;
+  var q;
+  _$jscoverage['ui/uiutils.js'][21]++;
+  if (fn) {
+    _$jscoverage['ui/uiutils.js'][22]++;
+    q = fn.apply(this, arguments);
+  }
+  _$jscoverage['ui/uiutils.js'][24]++;
+  var callbacks = dg._callbacks;
+  _$jscoverage['ui/uiutils.js'][25]++;
+  var k = callbacks.length;
+  _$jscoverage['ui/uiutils.js'][26]++;
+  while ((k--)) {
+    _$jscoverage['ui/uiutils.js'][27]++;
+    var r = callbacks[k].apply(this, arguments);
+    _$jscoverage['ui/uiutils.js'][28]++;
+    if ((q === undefined)) {
+      _$jscoverage['ui/uiutils.js'][29]++;
+      q = r;
+    }
+}
+  _$jscoverage['ui/uiutils.js'][32]++;
+  return q;
+});
+    _$jscoverage['ui/uiutils.js'][34]++;
+    dg._callbacks = [];
+  }
+  _$jscoverage['ui/uiutils.js'][36]++;
+  dg._callbacks.push(callback);
+  _$jscoverage['ui/uiutils.js'][37]++;
+  return dg;
+}), createElementByHtml: (function (html) {
+  _$jscoverage['ui/uiutils.js'][40]++;
+  var el = document.createElement("div");
+  _$jscoverage['ui/uiutils.js'][41]++;
+  el.innerHTML = html;
+  _$jscoverage['ui/uiutils.js'][42]++;
+  el = el.firstChild;
+  _$jscoverage['ui/uiutils.js'][43]++;
+  el.parentNode.removeChild(el);
+  _$jscoverage['ui/uiutils.js'][44]++;
+  return el;
+}), getViewportElement: (function () {
+  _$jscoverage['ui/uiutils.js'][47]++;
+  return ((browser.ie && browser.quirks)? document.body: document.documentElement);
+}), getClientRect: (function (element) {
+  _$jscoverage['ui/uiutils.js'][51]++;
+  var bcr;
+  _$jscoverage['ui/uiutils.js'][53]++;
+  try {
+    _$jscoverage['ui/uiutils.js'][54]++;
+    bcr = element.getBoundingClientRect();
+  }
+  catch (e) {
+    _$jscoverage['ui/uiutils.js'][56]++;
+    bcr = {left: 0, top: 0, height: 0, width: 0};
+  }
+  _$jscoverage['ui/uiutils.js'][58]++;
+  var rect = {left: Math.round(bcr.left), top: Math.round(bcr.top), height: Math.round((bcr.bottom - bcr.top)), width: Math.round((bcr.right - bcr.left))};
+  _$jscoverage['ui/uiutils.js'][64]++;
+  var doc;
+  _$jscoverage['ui/uiutils.js'][65]++;
+  while ((((doc = element.ownerDocument) !== document) && (element = domUtils.getWindow(doc).frameElement))) {
+    _$jscoverage['ui/uiutils.js'][67]++;
+    bcr = element.getBoundingClientRect();
+    _$jscoverage['ui/uiutils.js'][68]++;
+    rect.left += bcr.left;
+    _$jscoverage['ui/uiutils.js'][69]++;
+    rect.top += bcr.top;
+}
+  _$jscoverage['ui/uiutils.js'][71]++;
+  rect.bottom = (rect.top + rect.height);
+  _$jscoverage['ui/uiutils.js'][72]++;
+  rect.right = (rect.left + rect.width);
+  _$jscoverage['ui/uiutils.js'][73]++;
+  return rect;
+}), getViewportRect: (function () {
+  _$jscoverage['ui/uiutils.js'][76]++;
+  var viewportEl = uiUtils.getViewportElement();
+  _$jscoverage['ui/uiutils.js'][77]++;
+  var width = ((window.innerWidth || viewportEl.clientWidth) | 0);
+  _$jscoverage['ui/uiutils.js'][78]++;
+  var height = ((window.innerHeight || viewportEl.clientHeight) | 0);
+  _$jscoverage['ui/uiutils.js'][79]++;
+  return ({left: 0, top: 0, height: height, width: width, bottom: height, right: width});
+}), setViewportOffset: (function (element, offset) {
+  _$jscoverage['ui/uiutils.js'][89]++;
+  var rect;
+  _$jscoverage['ui/uiutils.js'][90]++;
+  var fixedLayer = uiUtils.getFixedLayer();
+  _$jscoverage['ui/uiutils.js'][91]++;
+  if ((element.parentNode === fixedLayer)) {
+    _$jscoverage['ui/uiutils.js'][92]++;
+    element.style.left = (offset.left + "px");
+    _$jscoverage['ui/uiutils.js'][93]++;
+    element.style.top = (offset.top + "px");
+  }
+  else {
+    _$jscoverage['ui/uiutils.js'][95]++;
+    domUtils.setViewportOffset(element, offset);
+  }
+}), getEventOffset: (function (evt) {
+  _$jscoverage['ui/uiutils.js'][99]++;
+  var el = (evt.target || evt.srcElement);
+  _$jscoverage['ui/uiutils.js'][100]++;
+  var rect = uiUtils.getClientRect(el);
+  _$jscoverage['ui/uiutils.js'][101]++;
+  var offset = uiUtils.getViewportOffsetByEvent(evt);
+  _$jscoverage['ui/uiutils.js'][102]++;
+  return ({left: (offset.left - rect.left), top: (offset.top - rect.top)});
+}), getViewportOffsetByEvent: (function (evt) {
+  _$jscoverage['ui/uiutils.js'][108]++;
+  var el = (evt.target || evt.srcElement);
+  _$jscoverage['ui/uiutils.js'][109]++;
+  var frameEl = domUtils.getWindow(el).frameElement;
+  _$jscoverage['ui/uiutils.js'][110]++;
+  var offset = {left: evt.clientX, top: evt.clientY};
+  _$jscoverage['ui/uiutils.js'][114]++;
+  if ((frameEl && (el.ownerDocument !== document))) {
+    _$jscoverage['ui/uiutils.js'][115]++;
+    var rect = uiUtils.getClientRect(frameEl);
+    _$jscoverage['ui/uiutils.js'][116]++;
+    offset.left += rect.left;
+    _$jscoverage['ui/uiutils.js'][117]++;
+    offset.top += rect.top;
+  }
+  _$jscoverage['ui/uiutils.js'][119]++;
+  return offset;
+}), setGlobal: (function (id, obj) {
+  _$jscoverage['ui/uiutils.js'][122]++;
+  root[id] = obj;
+  _$jscoverage['ui/uiutils.js'][123]++;
+  return (magic + "[\"" + id + "\"]");
+}), unsetGlobal: (function (id) {
+  _$jscoverage['ui/uiutils.js'][126]++;
+  (delete root[id]);
+}), copyAttributes: (function (tgt, src) {
+  _$jscoverage['ui/uiutils.js'][129]++;
+  var attributes = src.attributes;
+  _$jscoverage['ui/uiutils.js'][130]++;
+  var k = attributes.length;
+  _$jscoverage['ui/uiutils.js'][131]++;
+  while ((k--)) {
+    _$jscoverage['ui/uiutils.js'][132]++;
+    var attrNode = attributes[k];
+    _$jscoverage['ui/uiutils.js'][133]++;
+    if (((attrNode.nodeName != "style") && (attrNode.nodeName != "class") && ((! browser.ie) || attrNode.specified))) {
+      _$jscoverage['ui/uiutils.js'][134]++;
+      tgt.setAttribute(attrNode.nodeName, attrNode.nodeValue);
+    }
+}
+  _$jscoverage['ui/uiutils.js'][137]++;
+  if (src.className) {
+    _$jscoverage['ui/uiutils.js'][138]++;
+    domUtils.addClass(tgt, src.className);
+  }
+  _$jscoverage['ui/uiutils.js'][140]++;
+  if (src.style.cssText) {
+    _$jscoverage['ui/uiutils.js'][141]++;
+    tgt.style.cssText += (";" + src.style.cssText);
+  }
+}), removeStyle: (function (el, styleName) {
+  _$jscoverage['ui/uiutils.js'][145]++;
+  if (el.style.removeProperty) {
+    _$jscoverage['ui/uiutils.js'][146]++;
+    el.style.removeProperty(styleName);
+  }
+  else {
+    _$jscoverage['ui/uiutils.js'][147]++;
+    if (el.style.removeAttribute) {
+      _$jscoverage['ui/uiutils.js'][148]++;
+      el.style.removeAttribute(styleName);
+    }
+    else {
+      _$jscoverage['ui/uiutils.js'][149]++;
+      throw "";
+    }
+  }
+}), contains: (function (elA, elB) {
+  _$jscoverage['ui/uiutils.js'][152]++;
+  return (elA && elB && ((elA === elB)? false: (elA.contains? elA.contains(elB): (elA.compareDocumentPosition(elB) & 16))));
+}), startDrag: (function (evt, callbacks, doc) {
+  _$jscoverage['ui/uiutils.js'][158]++;
+  var doc = (doc || document);
+  _$jscoverage['ui/uiutils.js'][159]++;
+  var startX = evt.clientX;
+  _$jscoverage['ui/uiutils.js'][160]++;
+  var startY = evt.clientY;
+  _$jscoverage['ui/uiutils.js'][161]++;
+  function handleMouseMove(evt) {
+    _$jscoverage['ui/uiutils.js'][162]++;
+    var x = (evt.clientX - startX);
+    _$jscoverage['ui/uiutils.js'][163]++;
+    var y = (evt.clientY - startY);
+    _$jscoverage['ui/uiutils.js'][164]++;
+    callbacks.ondragmove(x, y, evt);
+    _$jscoverage['ui/uiutils.js'][165]++;
+    if (evt.stopPropagation) {
+      _$jscoverage['ui/uiutils.js'][166]++;
+      evt.stopPropagation();
+    }
+    else {
+      _$jscoverage['ui/uiutils.js'][168]++;
+      evt.cancelBubble = true;
+    }
+}
+  _$jscoverage['ui/uiutils.js'][171]++;
+  if (doc.addEventListener) {
+    _$jscoverage['ui/uiutils.js'][172]++;
+    function handleMouseUp(evt) {
+      _$jscoverage['ui/uiutils.js'][173]++;
+      doc.removeEventListener("mousemove", handleMouseMove, true);
+      _$jscoverage['ui/uiutils.js'][174]++;
+      doc.removeEventListener("mouseup", handleMouseUp, true);
+      _$jscoverage['ui/uiutils.js'][175]++;
+      window.removeEventListener("mouseup", handleMouseUp, true);
+      _$jscoverage['ui/uiutils.js'][176]++;
+      callbacks.ondragstop();
+}
+    _$jscoverage['ui/uiutils.js'][178]++;
+    doc.addEventListener("mousemove", handleMouseMove, true);
+    _$jscoverage['ui/uiutils.js'][179]++;
+    doc.addEventListener("mouseup", handleMouseUp, true);
+    _$jscoverage['ui/uiutils.js'][180]++;
+    window.addEventListener("mouseup", handleMouseUp, true);
+    _$jscoverage['ui/uiutils.js'][182]++;
+    evt.preventDefault();
+  }
+  else {
+    _$jscoverage['ui/uiutils.js'][184]++;
+    var elm = evt.srcElement;
+    _$jscoverage['ui/uiutils.js'][185]++;
+    elm.setCapture();
+    _$jscoverage['ui/uiutils.js'][186]++;
+    function releaseCaptrue() {
+      _$jscoverage['ui/uiutils.js'][187]++;
+      elm.releaseCapture();
+      _$jscoverage['ui/uiutils.js'][188]++;
+      elm.detachEvent("onmousemove", handleMouseMove);
+      _$jscoverage['ui/uiutils.js'][189]++;
+      elm.detachEvent("onmouseup", releaseCaptrue);
+      _$jscoverage['ui/uiutils.js'][190]++;
+      elm.detachEvent("onlosecaptrue", releaseCaptrue);
+      _$jscoverage['ui/uiutils.js'][191]++;
+      callbacks.ondragstop();
+}
+    _$jscoverage['ui/uiutils.js'][193]++;
+    elm.attachEvent("onmousemove", handleMouseMove);
+    _$jscoverage['ui/uiutils.js'][194]++;
+    elm.attachEvent("onmouseup", releaseCaptrue);
+    _$jscoverage['ui/uiutils.js'][195]++;
+    elm.attachEvent("onlosecaptrue", releaseCaptrue);
+    _$jscoverage['ui/uiutils.js'][196]++;
+    evt.returnValue = false;
+  }
+  _$jscoverage['ui/uiutils.js'][198]++;
+  callbacks.ondragstart();
+}), getFixedLayer: (function () {
+  _$jscoverage['ui/uiutils.js'][201]++;
+  var layer = document.getElementById("edui_fixedlayer");
+  _$jscoverage['ui/uiutils.js'][202]++;
+  if ((layer == null)) {
+    _$jscoverage['ui/uiutils.js'][203]++;
+    layer = document.createElement("div");
+    _$jscoverage['ui/uiutils.js'][204]++;
+    layer.id = "edui_fixedlayer";
+    _$jscoverage['ui/uiutils.js'][205]++;
+    document.body.appendChild(layer);
+    _$jscoverage['ui/uiutils.js'][206]++;
+    if ((browser.ie && (browser.version <= 8))) {
+      _$jscoverage['ui/uiutils.js'][207]++;
+      layer.style.position = "absolute";
+      _$jscoverage['ui/uiutils.js'][208]++;
+      bindFixedLayer();
+      _$jscoverage['ui/uiutils.js'][209]++;
+      setTimeout(updateFixedOffset);
+    }
+    else {
+      _$jscoverage['ui/uiutils.js'][211]++;
+      layer.style.position = "fixed";
+    }
+    _$jscoverage['ui/uiutils.js'][213]++;
+    layer.style.left = "0";
+    _$jscoverage['ui/uiutils.js'][214]++;
+    layer.style.top = "0";
+    _$jscoverage['ui/uiutils.js'][215]++;
+    layer.style.width = "0";
+    _$jscoverage['ui/uiutils.js'][216]++;
+    layer.style.height = "0";
+  }
+  _$jscoverage['ui/uiutils.js'][218]++;
+  return layer;
+}), makeUnselectable: (function (element) {
+  _$jscoverage['ui/uiutils.js'][221]++;
+  if ((browser.opera || (browser.ie && (browser.version < 9)))) {
+    _$jscoverage['ui/uiutils.js'][222]++;
+    element.unselectable = "on";
+    _$jscoverage['ui/uiutils.js'][223]++;
+    if (element.hasChildNodes()) {
+      _$jscoverage['ui/uiutils.js'][224]++;
+      for (var i = 0; (i < element.childNodes.length); (i++)) {
+        _$jscoverage['ui/uiutils.js'][225]++;
+        if ((element.childNodes[i].nodeType == 1)) {
+          _$jscoverage['ui/uiutils.js'][226]++;
+          uiUtils.makeUnselectable(element.childNodes[i]);
+        }
+}
+    }
+  }
+  else {
+    _$jscoverage['ui/uiutils.js'][231]++;
+    if ((element.style.MozUserSelect !== undefined)) {
+      _$jscoverage['ui/uiutils.js'][232]++;
+      element.style.MozUserSelect = "none";
+    }
+    else {
+      _$jscoverage['ui/uiutils.js'][233]++;
+      if ((element.style.WebkitUserSelect !== undefined)) {
+        _$jscoverage['ui/uiutils.js'][234]++;
+        element.style.WebkitUserSelect = "none";
+      }
+      else {
+        _$jscoverage['ui/uiutils.js'][235]++;
+        if ((element.style.KhtmlUserSelect !== undefined)) {
+          _$jscoverage['ui/uiutils.js'][236]++;
+          element.style.KhtmlUserSelect = "none";
+        }
+      }
+    }
+  }
+})});
+  _$jscoverage['ui/uiutils.js'][241]++;
+  function updateFixedOffset() {
+    _$jscoverage['ui/uiutils.js'][242]++;
+    var layer = document.getElementById("edui_fixedlayer");
+    _$jscoverage['ui/uiutils.js'][243]++;
+    uiUtils.setViewportOffset(layer, {left: 0, top: 0});
+}
+  _$jscoverage['ui/uiutils.js'][253]++;
+  function bindFixedLayer(adjOffset) {
+    _$jscoverage['ui/uiutils.js'][254]++;
+    domUtils.on(window, "scroll", updateFixedOffset);
+    _$jscoverage['ui/uiutils.js'][255]++;
+    domUtils.on(window, "resize", baidu.editor.utils.defer(updateFixedOffset, 0, true));
+}
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/editor_config.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/editor_config.js
new file mode 100644
index 000000000..6d2b02936
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/editor_config.js
@@ -0,0 +1,276 @@
+/**
+ *  ueditor完整配置项
+ *  可以在这里配置整个编辑器的特性
+ */
+var UEDITOR_CONFIG2 = {
+    UEDITOR_HOME_URL: '../../../', //这里你可以配置成ueditor目录在您网站的绝对路径
+    toolbars: [
+        ['FullScreen','Source','|','Undo','Redo','|',
+         'Bold','Italic','Underline','StrikeThrough','Superscript','Subscript','RemoveFormat','FormatMatch','|',
+         'BlockQuote','|',
+         'PastePlain','|',
+         'ForeColor','BackColor','InsertOrderedList','InsertUnorderedList','|',
+         'Paragraph','RowSpacing','FontFamily','FontSize','|',
+         'DirectionalityLtr','DirectionalityRtl','|','','Indent','Outdent','|',
+         'JustifyLeft','JustifyCenter','JustifyRight','JustifyJustify','|',
+         'Link','Unlink','Anchor','Image','MultiMenu','Video','Map','GMap','Code', '|',
+         'Horizontal','Date','Time','Spechars','|',
+         'InsertTable','DeleteTable','InsertParagraphBeforeTable','InsertRow','DeleteRow','InsertCol','DeleteCol','MergeCells','MergeRight','MergeDown','SplittoCells','SplittoRows','SplittoCols','|',
+         'SelectAll','ClearDoc','SearchReplace','Print','Preview','PageBreak','Help']
+    ],autoFloatEnabled:false,
+    labelMap: {
+        'anchor':'锚点',
+        'undo': '撤销',
+        'redo': '重做',
+        'bold': '加粗',
+        'indent':'首行缩进',
+        'outdent':'取消缩进',
+        'italic': '斜体',
+        'underline': '下划线',
+        'strikethrough': '删除线',
+        'subscript': '下标',
+        'superscript': '上标',
+        'formatmatch': '格式刷',
+        'source': '源代码',
+        'blockquote': '引用',
+        'pasteplain': '纯文本粘贴模式',
+        'selectall': '全选',
+        'print': '打印',
+        'preview': '预览',
+        'horizontal': '分隔线',
+        'removeformat': '清除格式',
+        'time': '时间',
+        'date': '日期',
+        'unlink': '取消链接',
+        'insertrow': '前插入行',
+        'insertcol': '前插入列',
+        'mergeright': '右合并单元格',
+        'mergedown': '下合并单元格',
+        'deleterow': '删除行',
+        'deletecol': '删除列',
+        'splittorows': '拆分成行',
+        'splittocols': '拆分成列',
+        'splittocells': '完全拆分单元格',
+        'mergecells': '合并多个单元格',
+        'deletetable': '删除表格',
+//        'tablesuper': '表格高级设置',
+        'insertparagraphbeforetable': '表格前插行',
+        'cleardoc': '清空文档',
+        'fontfamily': '字体',
+        'fontsize': '字号',
+        'paragraph': '格式',
+        'image': '图片',
+        'inserttable': '表格',
+        'link': '超链接',
+        'emoticon': '表情',
+        'spechars': '特殊字符',
+        'searchreplace': '查询替换',
+        'map': 'Baidu地图',
+        'gmap': 'Google地图',
+        'video': '视频',
+        'help': '帮助',
+        'justifyleft':'居左对齐',
+        'justifyright':'居右对齐',
+        'justifycenter':'居中对齐',
+        'justifyjustify':'两端对齐',
+        'forecolor' : '字体颜色',
+        'backcolor' : '背景色',
+        'insertorderedlist' : '有序列表',
+        'insertunorderedlist' : '无序列表',
+        'fullscreen' : '全屏',
+        'directionalityltr' : '从左向右输入',
+        'directionalityrtl' : '从右向左输入',
+        'rowspacing' : '行间距',
+        'code' : '插入代码',
+        'pagebreak':'分页'
+    },
+    iframeUrlMap: {
+        'anchor': '~/dialogs/anchor/anchor.html',
+        'image': '~/dialogs/image/image.html',
+        'inserttable': '~/dialogs/table/table.html',
+        'link': '~/dialogs/link/link.html',
+        'emoticon': '~/dialogs/emoticon/emoticon.html',
+        'spechars': '~/dialogs/spechars/spechars.html',
+        'searchreplace': '~/dialogs/searchreplace/searchreplace.html',
+        'map': '~/dialogs/map/map.html',
+        'gmap': '~/dialogs/gmap/gmap.html',
+        'video': '~/dialogs/video/video.html',
+        'help': '~/dialogs/help/help.html',
+        'code' : '~/dialogs/code/code.html',
+        'multimenu': '~/dialogs/menu-emoticon/emoticon.html'
+    },
+    listMap: {
+        'fontfamily': ['宋体', '楷体', '隶书', '黑体','andale mono','arial','arial black','comic sans ms','impact','times new roman'],
+        'fontsize': [10, 11, 12, 14, 16, 18, 20, 24, 36],
+        'underline':['none','overline','line-through','underline'],
+        'paragraph': ['p:Paragraph', 'h1:Heading 1', 'h2:Heading 2', 'h3:Heading 3', 'h4:Heading 4', 'h5:Heading 5', 'h6:Heading 6'],
+        'rowspacing' : ['1.0:0','1.5:15','2.0:20','2.5:25','3.0:30']
+    },
+    fontMap: {
+        '宋体': ['宋体', 'SimSun'],
+        '楷体': ['楷体', '楷体_GB2312', 'SimKai'],
+        '黑体': ['黑体', 'SimHei'],
+        '隶书': ['隶书', 'SimLi'],
+        'andale mono' : ['andale mono'],
+        'arial' : ['arial','helvetica','sans-serif'],
+        'arial black' : ['arial black','avant garde'],
+        'comic sans ms' : ['comic sans ms'],
+        'impact' : ['impact','chicago'],
+        'times new roman' : ['times new roman']
+    },
+    contextMenu: [
+        {
+            label : '删除',
+            cmdName : 'delete'
+
+        },
+        {
+            label : '全选',
+            cmdName : 'selectall'
+
+        },{
+             label : '清空文档',
+             cmdName : 'cleardoc',
+            exec : function(){
+                if(confirm('确定清空文档吗？')){
+                    this.execCommand('cleardoc');
+                }
+            }
+        },'-',{
+             label : '取消链接',
+             cmdName : 'unlink'
+        },'-',{
+            group : '段落格式',
+            icon : 'justifyjustify',
+            subMenu : [
+                {
+                    label: '居左对齐',
+                    cmdName : 'justify',
+                    value : 'left'
+                },
+               {
+                    label: '居右对齐',
+                    cmdName : 'justify',
+                    value : 'right'
+                },{
+                    label: '居中对齐',
+                    cmdName : 'justify',
+                    value : 'center'
+                },{
+                    label: '两端对齐',
+                    cmdName : 'justify',
+                    value : 'justify'
+                }
+            ]
+        },'-',{
+            group : '表格',
+            icon : 'table',
+            subMenu : [
+                {
+                    label: '删除表格',
+                    cmdName : 'deletetable'
+                },
+                {
+                    label: '表格前插行',
+                    cmdName : 'insertparagraphbeforetable'
+                },
+                '-',
+                {
+                    label: '删除行',
+                    cmdName : 'deleterow'
+                },
+                {
+                    label: '删除列',
+                    cmdName : 'deletecol'
+                },
+                '-',
+                 {
+                    label: '前插入行',
+                    cmdName : 'insertrow'
+                },
+                {
+                    label: '前插入列',
+                    cmdName : 'insertcol'
+                },
+                '-',
+                 {
+                    label: '右合并单元格',
+                    cmdName : 'mergeright'
+                },
+                {
+                    label: '下合并单元格',
+                    cmdName : 'mergedown'
+                },
+                '-',
+                 {
+                    label: '拆分成行',
+                    cmdName : 'splittorows'
+                },
+                {
+                    label: '拆分成列',
+                    cmdName : 'splittocols'
+                },
+                 {
+                    label: '合并多个单元格',
+                    cmdName : 'mergecells'
+                },
+                {
+                    label: '完全拆分单元格',
+                    cmdName : 'splittocells'
+                }
+            ]
+        }
+    ],
+    theme:'default',
+    initialStyle: '',                                    //编辑器内部样式
+    initialContent: '<span style="color:#ccc">欢迎光临编辑器</span>',  //初始化编辑器的内容
+    autoClearinitialContent :true,                       //是否自动清除编辑器初始内容
+    iframeCssUrl :'../../../themes/iframe.css',        //要引入css的url
+    removeFormatTags : 'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var',    //配置格式刷删除的标签
+    removeFormatAttributes : 'class,style,lang,width,height,align,hspace,valign',        //配置格式刷删除的属性
+    enterTag : 'br',                                      //编辑器回车标签。p或br
+    maxUndoCount : 20,                                   //最多可以回退的次数
+    maxInputCount : 20,                                  //当输入的字符数超过该值时，保存一次现场
+    selectedTdClass : 'selectTdClass',                   //设定选中td的样式名称
+    pasteplain : 0,                                      //是否纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
+    textarea : 'editorValue',                            //提交表单时，服务器端接收编辑器内容的名字
+    focus : false,                                       //初始化时，是否让编辑器获得焦点true或false
+    indentValue : '2em',                                 //初始化时，首行缩进距离
+    pageBreakTag : '_baidu_page_break_tag_',             //分页符
+    initialFrameHeight: 400,                                 //最小高度
+    autoHeightEnabled: true,                             //是否自动长高
+    elementPathEnabled : false,                          //是否启用elementPath
+    serialize : function(){                              //配置过滤标签
+        function X( t, s, b ) {
+            var o = {};
+            for(var i=0,ai;ai=arguments[i++];){
+                for(var k in ai){
+                    o[k] = ai[k]
+                }
+            }
+
+            return o;
+        }
+        var inline = {strong:1,em:1,b:1,i:1,u:1,span:1,a:1,img:1};
+        var block = X(inline, {p:1,div:1,blockquote:1,$:{style:1,dir:1}});
+        return {
+            blackList: {style:1,script:1,form:1,input:1,textarea:1,iframe:1,"#comment":1}
+//            ,
+//            whiteList: {
+//                br: {$:{}},
+//                span: X(inline, {$:{style:1,id:1}}),
+//                strong: inline,
+//                em:inline,
+//                b: inline,
+//                a: X(inline,{$:{href:1,'target':1,title:1}}),
+//                u: inline,
+//                div: block,
+//                p: block,
+//                ul: {li:1,$:{style:1}},
+//                ol: {li:1,$:{style:1}},
+//                li: block,
+//                img: {$:{style:1,width:1,height:1,src:1,alt:1,title:1}}
+//            }
+        };
+    }()
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/editor_config_src.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/editor_config_src.js
new file mode 100644
index 000000000..855d259aa
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/editor_config_src.js
@@ -0,0 +1,285 @@
+/**
+ *  ueditor完整配置项
+ *  可以在这里配置整个编辑器的特性
+ */
+var UEDITOR_CONFIG = {
+    UEDITOR_HOME_URL: '../', //这里你可以配置成ueditor目录在您网站的绝对路径
+    toolbars: [
+        ['FullScreen','Source','|','Undo','Redo','|',
+         'Bold','Italic','Underline','StrikeThrough','Superscript','Subscript','RemoveFormat','FormatMatch','|',
+         'BlockQuote','|',
+         'PastePlain','|',
+         'ForeColor','BackColor','InsertOrderedList','InsertUnorderedList','|',
+         'Paragraph','RowSpacing','FontFamily','FontSize','|',
+         'DirectionalityLtr','DirectionalityRtl','|','','Indent','Outdent','|',
+         'JustifyLeft','JustifyCenter','JustifyRight','JustifyJustify','|',
+         'Link','Unlink','Anchor','Image','MultiMenu','Video','Map','GMap','Code', '|',
+         'Horizontal','Date','Time','Spechars','|',
+         'InsertTable','DeleteTable','InsertParagraphBeforeTable','InsertRow','DeleteRow','InsertCol','DeleteCol','MergeCells','MergeRight','MergeDown','SplittoCells','SplittoRows','SplittoCols','|',
+         'SelectAll','ClearDoc','SearchReplace','Print','Preview','PageBreak','Help','AutoSave','InsertFrame']
+    ],
+    labelMap: {
+        'anchor':'锚点',
+        'undo': '撤销',
+        'redo': '重做',
+        'bold': '加粗',
+        'indent':'首行缩进',
+        'outdent':'取消缩进',
+        'italic': '斜体',
+        'underline': '下划线',
+        'strikethrough': '删除线',
+        'subscript': '下标',
+        'superscript': '上标',
+        'formatmatch': '格式刷',
+        'source': '源代码',
+        'blockquote': '引用',
+        'pasteplain': '纯文本粘贴模式',
+        'selectall': '全选',
+        'print': '打印',
+        'preview': '预览',
+        'horizontal': '分隔线',
+        'removeformat': '清除格式',
+        'time': '时间',
+        'date': '日期',
+        'unlink': '取消链接',
+        'insertrow': '前插入行',
+        'insertcol': '前插入列',
+        'mergeright': '右合并单元格',
+        'mergedown': '下合并单元格',
+        'deleterow': '删除行',
+        'deletecol': '删除列',
+        'splittorows': '拆分成行',
+        'splittocols': '拆分成列',
+        'splittocells': '完全拆分单元格',
+        'mergecells': '合并多个单元格',
+        'deletetable': '删除表格',
+//        'tablesuper': '表格高级设置',
+        'insertparagraphbeforetable': '表格前插行',
+        'cleardoc': '清空文档',
+        'fontfamily': '字体',
+        'fontsize': '字号',
+        'paragraph': '格式',
+        'image': '图片',
+        'inserttable': '表格',
+        'link': '超链接',
+        'emoticon': '表情',
+        'spechars': '特殊字符',
+        'searchreplace': '查询替换',
+        'map': 'Baidu地图',
+        'gmap': 'Google地图',
+        'video': '视频',
+        'help': '帮助',
+        'justifyleft':'居左对齐',
+        'justifyright':'居右对齐',
+        'justifycenter':'居中对齐',
+        'justifyjustify':'两端对齐',
+        'forecolor' : '字体颜色',
+        'backcolor' : '背景色',
+        'insertorderedlist' : '有序列表',
+        'insertunorderedlist' : '无序列表',
+        'fullscreen' : '全屏',
+        'directionalityltr' : '从左向右输入',
+        'directionalityrtl' : '从右向左输入',
+        'rowspacing' : '行间距',
+        'code' : '插入代码',
+        'pagebreak':'分页',
+        'insertframe':'插入Iframe'
+    },
+    iframeUrlMap: {
+        'anchor': '../../../dialogs/anchor/anchor.html',
+        'image': '../../../dialogs/image/image.html',
+        'inserttable': '../../../dialogs/table/table.html',
+        'link': '../../../dialogs/link/link.html',
+        'emoticon': '../../../dialogs/emoticon/emoticon.html',
+        'spechars': '../../../dialogs/spechars/spechars.html',
+        'searchreplace': '../../../dialogs/searchreplace/searchreplace.html',
+        'map': '../../../dialogs/map/map.html',
+        'gmap': '../../../dialogs/gmap/gmap.html',
+        'video': '../../../dialogs/video/video.html',
+        'help': '../../../dialogs/help/help.html',
+        'code' : '../../../dialogs/code/code.html',
+        'multimenu': '../../../dialogs/menu-emoticon/emoticon.html',
+        'insertframe': '../../../dialogs/insertframe/insertframe.html'
+    },
+    listMap: {
+        'fontfamily': ['宋体', '楷体', '隶书', '黑体','andale mono','arial','arial black','comic sans ms','impact','times new roman'],
+        'fontsize': [10, 11, 12, 14, 16, 18, 20, 24, 36],
+        'underline':['none','overline','line-through','underline'],
+        'paragraph': ['p:Paragraph', 'h1:Heading 1', 'h2:Heading 2', 'h3:Heading 3', 'h4:Heading 4', 'h5:Heading 5', 'h6:Heading 6'],
+        'rowspacing' : ['1.0:0','1.5:15','2.0:20','2.5:25','3.0:30']
+    },
+    fontMap: {
+        '宋体': ['宋体', 'SimSun'],
+        '楷体': ['楷体', '楷体_GB2312', 'SimKai'],
+        '黑体': ['黑体', 'SimHei'],
+        '隶书': ['隶书', 'SimLi'],
+        'andale mono' : ['andale mono'],
+        'arial' : ['arial','helvetica','sans-serif'],
+        'arial black' : ['arial black','avant garde'],
+        'comic sans ms' : ['comic sans ms'],
+        'impact' : ['impact','chicago'],
+        'times new roman' : ['times new roman']
+    },
+    contextMenu: [
+        {
+            label : '删除',
+            cmdName : 'delete'
+
+        },
+        {
+            label : '全选',
+            cmdName : 'selectall'
+
+        },{
+            label : '删除代码',
+            cmdName : 'highlightcode'
+
+        },{
+             label : '清空文档',
+             cmdName : 'cleardoc',
+            exec : function(){
+                if(confirm('确定清空文档吗？')){
+                    this.execCommand('cleardoc');
+                }
+            }
+        },'-',{
+             label : '取消链接',
+             cmdName : 'unlink'
+        },'-',{
+            group : '段落格式',
+            icon : 'justifyjustify',
+            subMenu : [
+                {
+                    label: '居左对齐',
+                    cmdName : 'justify',
+                    value : 'left'
+                },
+               {
+                    label: '居右对齐',
+                    cmdName : 'justify',
+                    value : 'right'
+                },{
+                    label: '居中对齐',
+                    cmdName : 'justify',
+                    value : 'center'
+                },{
+                    label: '两端对齐',
+                    cmdName : 'justify',
+                    value : 'justify'
+                }
+            ]
+        },'-',{
+            group : '表格',
+            icon : 'table',
+            subMenu : [
+                {
+                    label: '删除表格',
+                    cmdName : 'deletetable'
+                },
+                {
+                    label: '表格前插行',
+                    cmdName : 'insertparagraphbeforetable'
+                },
+                '-',
+                {
+                    label: '删除行',
+                    cmdName : 'deleterow'
+                },
+                {
+                    label: '删除列',
+                    cmdName : 'deletecol'
+                },
+                '-',
+                 {
+                    label: '前插入行',
+                    cmdName : 'insertrow'
+                },
+                {
+                    label: '前插入列',
+                    cmdName : 'insertcol'
+                },
+                '-',
+                 {
+                    label: '右合并单元格',
+                    cmdName : 'mergeright'
+                },
+                {
+                    label: '下合并单元格',
+                    cmdName : 'mergedown'
+                },
+                '-',
+                 {
+                    label: '拆分成行',
+                    cmdName : 'splittorows'
+                },
+                {
+                    label: '拆分成列',
+                    cmdName : 'splittocols'
+                },
+                 {
+                    label: '合并多个单元格',
+                    cmdName : 'mergecells'
+                },
+                {
+                    label: '完全拆分单元格',
+                    cmdName : 'splittocells'
+                }
+            ]
+        }
+    ],
+    initialStyle: '',                                    //编辑器内部样式
+    initialContent: 'hello',  //初始化编辑器的内容
+    autoClearinitialContent :true,                       //是否自动清除编辑器初始内容
+    iframeCssUrl :'../../../themes/iframe.css',        //要引入css的url
+    removeFormatTags : 'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var',    //配置格式刷删除的标签
+    removeFormatAttributes : 'class,style,lang,width,height,align,hspace,valign',        //配置格式刷删除的属性
+    enterTag : 'p',                                      //编辑器回车标签。p或br
+    maxUndoCount : 20,                                   //最多可以回退的次数
+    maxInputCount : 20,                                  //当输入的字符数超过该值时，保存一次现场
+    selectedTdClass : 'selectTdClass',                   //设定选中td的样式名称
+    pasteplain : 0,                                      //是否纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
+    textarea : 'editorValue',                            //提交表单时，服务器端接收编辑器内容的名字
+    focus : false,                                       //初始化时，是否让编辑器获得焦点true或false
+    indentValue : '2em',                                 //初始化时，首行缩进距离
+    pageBreakTag : '_baidu_page_break_tag_',             //分页符
+    autoSave:true,                                       //是否开启自动保存
+    autoSavePath:this.UEDITOR_HOME_URL+'auto-save.php',  //自动保存的地址
+    autoSaveFrequency:5,                                 //自动保存频率
+    minFrameHeight: 320,                                 //最小高度
+    autoHeightEnabled: true,                             //是否自动长高
+    autoFloatEnabled: true,                              //是否保持toolbar的位置不动
+    elementPathEnabled : true,                           //是否启用elementPath
+    serialize : function(){                              //配置过滤标签
+        function X( t, s, b ) {
+            var o = {};
+            for(var i=0,ai;ai=arguments[i++];){
+                for(var k in ai){
+                    o[k] = ai[k]
+                }
+            }
+
+            return o;
+        }
+        var inline = {strong:1,em:1,b:1,i:1,u:1,span:1,a:1,img:1};
+        var block = X(inline, {p:1,div:1,blockquote:1,$:{style:1,dir:1}});
+        return {
+            blackList: {style:1,script:1,form:1,input:1,textarea:1,"#comment":1}
+//            ,
+//            whiteList: {
+//                br: {$:{}},
+//                span: X(inline, {$:{style:1,id:1}}),
+//                strong: inline,
+//                em:inline,
+//                b: inline,
+//                a: X(inline,{$:{href:1,'target':1,title:1}}),
+//                u: inline,
+//                div: block,
+//                p: block,
+//                ul: {li:1,$:{style:1}},
+//                ol: {li:1,$:{style:1}},
+//                li: block,
+//                img: {$:{style:1,width:1,height:1,src:1,alt:1,title:1}}
+//            }
+        };
+    }()
+};
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/import.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/import.js
new file mode 100644
index 000000000..84a404095
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/import.js
@@ -0,0 +1,119 @@
+
+///import editor;
+///import core/browser;
+///import core/utils;
+///import core/EventBase;
+///import core/dtd;
+///import core/domUtils;
+///import core/Range;
+///import core/Selection;
+///import core/Editor;
+///import core/Editor.defaultoptions;
+///import core/loadconfig;
+///import core/ajax;
+///import core/filterword;
+///import core/node;
+///import core/htmlparser;
+///import core/filternode;
+///import core/plugin;
+///import core/keymap;
+///import core/localstorage;
+///import plugins/defaultfilter;
+///import plugins/inserthtml;
+///import plugins/autotypeset;
+///import plugins/background;
+///import plugins/image;
+///import plugins/justify;
+///import plugins/font;
+///import plugins/link;
+///import plugins/iframe;
+///import plugins/scrawl;
+///import plugins/removeformat;
+///import plugins/blockquote;
+///import plugins/convertcase;
+///import plugins/indent;
+///import plugins/preview;
+///import plugins/selectall;
+///import plugins/paragraph;
+///import plugins/directionality;
+///import plugins/horizontal;
+///import plugins/time;
+///import plugins/rowspacing;
+///import plugins/lineheight;
+///import plugins/insertcode;
+///import plugins/cleardoc;
+///import plugins/anchor;
+///import plugins/wordcount;
+///import plugins/pagebreak;
+///import plugins/wordimage;
+///import plugins/dragdrop;
+///import plugins/undo;
+///import plugins/copy;
+///import plugins/paste;
+///import plugins/puretxtpaste;
+///import plugins/list;
+///import plugins/source;
+///import plugins/enterkey;
+///import plugins/keystrokes;
+///import plugins/fiximgclick;
+///import plugins/autolink;
+///import plugins/autoheight;
+///import plugins/autofloat;
+///import plugins/video;
+///import plugins/table.core;
+///import plugins/table.cmds;
+///import plugins/table.action;
+///import plugins/table.sort;
+///import plugins/contextmenu;
+///import plugins/shortcutmenu;
+///import plugins/basestyle;
+///import plugins/elementpath;
+///import plugins/formatmatch;
+///import plugins/searchreplace;
+///import plugins/customstyle;
+///import plugins/catchremoteimage;
+///import plugins/snapscreen;
+///import plugins/insertparagraph;
+///import plugins/webapp;
+///import plugins/template;
+///import plugins/music;
+///import plugins/autoupload;
+///import plugins/autosave;
+///import plugins/charts;
+///import plugins/section;
+///import plugins/serverparam;
+
+
+///import ui/ui;
+///import ui/uiutils;
+///import ui/uibase;
+///import ui/toolbar;
+///import ui/editor;
+///import ui/editorui;
+///import ui/stateful;
+///import ui/button;
+///import ui/splitbutton;
+///import ui/popup;
+///import ui/colorpicker;
+///import ui/colorbutton;
+///import ui/cellalignpicker;
+///import ui/pastepicker;
+///import ui/menu;
+///import ui/menubutton;
+///import ui/multiMenu;
+///import ui/combox;
+///import ui/colorpicker;
+///import ui/mask;
+///import ui/dialog;
+///import ui/separator;
+///import ui/tablepicker;
+///import ui/tablebutton;
+///import ui/autotypesetpicker;
+///import ui/autotypesetbutton;
+///import ui/shortcutmenu;
+///import ui/message;
+
+///import adapter/editor;
+///import adapter/editorui;
+///import adapter/message;
+///import adapter/autosave;
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/index.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/index.php
new file mode 100644
index 000000000..8dc8f7d47
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/index.php
@@ -0,0 +1,3 @@
+<?php 
+Header('Location:../_test/tools/br/list.php');
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/anchor.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/anchor.js
new file mode 100644
index 000000000..87666d488
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/anchor.js
@@ -0,0 +1,91 @@
+module( 'plugins.anchor' );
+
+test( '插入锚点后切换源码', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    stop();
+    var br = baidu.editor.browser.ie ? '&nbsp;' : '<br />';     //1.2版本,ie中‘’-〉'&nbsp;'
+    setTimeout( function() {
+        editor.setContent( '<p>' + br + '</p>' );
+        range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+        editor.execCommand( 'anchor', 'hello' );
+        ua.checkHTMLSameStyle( '<img anchorname="hello" class="anchorclass">' + br, editor.document, body.firstChild, '检查锚点html' );     //1.2版本后，在img前有的不可见字符没有删去，这里改成之比较img内的内容
+        ok(body.getElementsByTagName('img')[0].attributes['anchorname'].nodeValue=="hello"&&body.getElementsByTagName('img')[0].attributes['class'].nodeValue=="anchorclass",'检查锚点');
+        editor.execCommand( 'source' );     /*切到源码模式下会有一个超时*/
+        setTimeout( function() {
+            var tas = editor.iframe.parentNode.getElementsByTagName( 'textarea' );
+            if(ua.browser.webkit){
+                ok( editor.iframe.nextSibling.textContent.indexOf( '<a name="hello"' ) !=-1, '查看是否转换成功' );
+            }
+            else{
+                ok( tas[0].value.indexOf( '<a name="hello"' ) != -1 || tas[0].value.indexOf( '<a anchorname="1"' ) != -1, '查看是否转换成功' );
+            }
+          /*没办法比，看上去一样，但是一个42个字符，一个48个字符
+             * ok((tas[0].value=='<p><a name="hello" anchorname="1"></a></p>')||(tas[0].value=='<p><a anchorname="1" name="hello"></a></p>'),'检查源码');*/
+            editor.execCommand( 'source' );
+            ua.checkHTMLSameStyle( '<img anchorname="hello" class="anchorclass">' + br, editor.document, body.firstChild, '检查锚点html' );
+            setTimeout( function() {
+                start();
+            }, 500 );
+        }, 200);
+    }, 20 );
+} );
+
+test( '在源码模式设置超链接的name属性，切换到编辑器模式检查超链接是否变为锚点', function() {
+    var editor = te.obj[0];
+    var body = editor.body;
+    stop();
+    setTimeout(function(){
+        editor.setContent( '' );
+        setTimeout( function() {
+            editor.execCommand( 'source' );
+            setTimeout( function() {
+                var ta = editor.iframe.parentNode.getElementsByTagName( 'textarea' )[0];
+                ta.value = '<p><a name="source" anchorname="1"></a></p>';       /*这种情况认为是锚点*/
+                setTimeout( function() {
+                    editor.execCommand( 'source' );
+                    ua.checkHTMLSameStyle( '<img anchorname="source" class="anchorclass">', editor.document, body.firstChild, '检查锚点html' );
+                    start();
+                }, 100 );
+            }, 100 );
+        }, 100 );
+    },100);
+} );
+
+test( '在源码模式设置超链接没有name属性，切换到编辑器模式检查超链接不变为锚点', function() {
+    var editor = te.obj[0];
+    editor.setContent( '' );
+    var body = editor.body;
+    stop();
+    setTimeout( function() {
+        editor.execCommand( 'source' );
+        setTimeout( function() {
+            var ta = editor.iframe.parentNode.getElementsByTagName( 'textarea' )[0];
+            ta.value = '<p><a name="source" href="www.baidu.com">你好</a></p>';
+            setTimeout( function() {
+                editor.execCommand( 'source' );
+                ua.manualDeleteFillData(editor.body);
+//                equal( body.firstChild.firstChild.tagName.toLowerCase(), 'a', 'a标签不会转化' );
+                equal( body.firstChild.lastChild.tagName.toLowerCase(), 'a', 'a标签不会转化' );   //兼容opera
+                start();
+                }, 50 );
+        }, 10 );
+    }, 20 );
+} );
+
+test( '已存在锚点', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    var br = baidu.editor.browser.ie ? '&nbsp;' : '<br />';
+    editor.setContent( '<p><img anchorname="1" class="anchorclass"/></p>' );
+    range.selectNode(body.firstChild).select();
+    editor.execCommand( 'anchor', 'hello' );
+    var name=body.firstChild.firstChild.getAttribute('anchorname');
+    equal(name, 'hello', '更改name');
+    editor.setContent( '<p><img anchorname="1" class="anchorclass"/></p>' );
+    range.selectNode(body.firstChild).select();
+    editor.execCommand( 'anchor');
+    equal(ua.getChildHTML(editor.body),'<p></p>','去掉锚点');
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/auto.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/auto.js
new file mode 100644
index 000000000..eeba5ac8c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/auto.js
@@ -0,0 +1,21 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: lisisi01
+ * Date: 12-11-8
+ * Time: 下午3:37
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'plugins.autosubmit' );
+
+//这个插件是针对非ie的，单测用例同样只针对非ie,仍需手动测试检验ie与非ie下效果是否一致
+test( '输入超链接后回车', function() {
+    var form = document.body.appendChild( document.createElement( 'form' ) );
+    var editor = new baidu.editor.Editor({'initialContent':'<p>欢迎使用ueditor</p>','autoFloatEnabled':false});
+    editor.render(form);
+//    form.body.appendChild(editor);
+    editor.focus();
+    var range = new baidu.editor.dom.Range( editor.document );
+    range.setStart(editor.body.firstChild.firstChild,1).collapse(true).select();
+    editor.execCommand('autosubmit');
+    equal(editor.textarea.value,'<p>欢迎使用ueditor</p>','');
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autofloat.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autofloat.js
new file mode 100644
index 000000000..3cb4d89bb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autofloat.js
@@ -0,0 +1,47 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-9-18
+ * Time: 下午4:33
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'plugins.autofloat' );
+test( '检查toolbar是否浮动在页面顶端', function() {
+    te.dom[0].parentNode.removeChild(te.dom[0]);
+    var sc = document.createElement("script");
+    sc.id="sc";
+    sc.type = "text/plain";
+    sc.style.height = "100px";
+    document.body.appendChild(sc);
+    var me = UE.getEditor('sc',{'autoFloatEnabled':true,'topOffset':60,'autoHeightEnabled':true,'scaleEnabled':false});
+    stop();
+    me.ready(function(){
+        setTimeout(function () {
+            me.setContent('<p><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>sdf</p>');
+            var screenX = window.screenX ? window.screenX : window.screenLeft;//不同浏览器兼容
+            var screenY = window.screenY ? window.screenY : window.screenTop;
+            setTimeout(function () {
+                var range = new baidu.editor.dom.Range(me.document);
+                range.setStart(me.body.firstChild, 1).collapse(1).select();
+                me.focus();
+                setTimeout(function () {
+                    window.scrollBy(screenX, screenY + $(document.body).height());
+                    setTimeout(function () {
+                        var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;//不同浏览器兼容
+////                //ie6下，工具栏浮动不到正确位置
+                        if (ua.browser.ie != 6&&!ua.browser.gecko)
+                            equal(scrollTop, $(me.ui.getDom('toolbarbox')).offset().top - 60, '检查toolbar是否在页面顶端');
+                        window.scrollTo(screenX, screenY - $(document.body).height());
+                        setTimeout(function () {
+                            equal(me.ui.getDom().childNodes[0].id, me.ui.getDom('toolbarbox').id, 'toolbar是第一个元素');
+                            document.getElementById('sc').parentNode.removeChild(document.getElementById('sc'));
+                            start();
+                        }, 500);
+                    }, 500);
+                }, 1000);
+            }, 200);
+        }, 800);
+    });
+
+});
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autoheight.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autoheight.js
new file mode 100644
index 000000000..11de0b8cc
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autoheight.js
@@ -0,0 +1,28 @@
+module('plugins.autoheight');
+
+test('自动长高',function(){
+    var sc = document.createElement("script");
+    sc.id="sc";
+    sc.type = "text/plain";
+    document.body.appendChild(sc);
+    var editor = new UE.ui.Editor({'autoFloatEnabled':true,'topOffset':60,'autoHeightEnabled':true,'scaleEnabled':false});
+    editor.render('sc');
+    te.dom[0].parentNode.removeChild(te.dom[0]);
+    stop();
+    setTimeout(function(){
+        var height=editor.body.style.height;
+        editor.setContent('<br/>nmnmknmm,<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>');
+        setTimeout(function(){
+            ok(height!=editor.body.style.height,'自动长高');
+            editor.disableAutoHeight();
+            editor.body.style.height=height;
+            editor.setContent('<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>');
+            stop();
+            setTimeout(function(){
+                ok(height==editor.body.style.height,'不长高');
+
+                start();
+            },200);
+        },200);
+    },800);
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autolink.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autolink.js
new file mode 100644
index 000000000..b13f5a735
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autolink.js
@@ -0,0 +1,364 @@
+module('plugins.autolink');
+
+
+//test('', function () {
+//    stop()
+//});
+//自动添加的功能是针对非ie的，单测用例同样只针对非ie,仍需手动测试检验ie与非ie下效果是否一致
+test('输入超链接后回车', function () {
+    if (!ua.browser.ie) {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent('<p>http://www.baidu.com</p>');
+        stop();
+        setTimeout(function () {
+            range.setStart(body.firstChild.firstChild, body.firstChild.firstChild.length).collapse(1).select();
+            setTimeout(function () {
+                ua.keydown(editor.body, {'keyCode': 13});
+                ua.keyup(editor.body, {'keyCode': 13});
+                var a = body.firstChild.getElementsByTagName('a')[0];
+                if(a){
+                equal(ua.getChildHTML(a), 'http://www.baidu.com', '检查a的内容');
+                ok(a && $(a).attr('href').indexOf('http://www.baidu.com') != -1, '检查a的href');
+                ok(a && $(a).attr('_src').indexOf('http://www.baidu.com') != -1, '检查a的_src');
+                }else{
+                    var text = editor.getContent();
+                    equal(text, '<p>http://www.baidu.com</p>', '检查p的内容');
+                }
+                start();
+            }, 20);
+        }, 20);
+    }
+});
+
+test('输入超链接后按空格', function () {
+    if (!ua.browser.ie) {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        setTimeout(function () {
+            editor.setContent('<p>http://www.baidu.com</p>');
+            range.setStart(body.firstChild, 1).collapse(1).select();
+            ua.keydown(editor.body, {'keyCode': 32});
+            setTimeout(function () {
+                var a = body.firstChild.getElementsByTagName('a')[0];
+                if(a){
+                    equal(ua.getChildHTML(a), 'http://www.baidu.com', '检查a的内容');
+                    ok(a && $(a).attr('href').indexOf('http://www.baidu.com') != -1, '检查a的href');
+                    ok(a && $(a).attr('_src').indexOf('http://www.baidu.com') != -1, '检查a的_src');
+                }else{
+                    var text = editor.getContent();
+                    equal(text, '<p>http://www.baidu.com</p>', '检查p的内容');
+                }
+                start();
+            }, 20);
+        }, 20);
+        stop();
+    }
+});
+
+test('字符前面有内容', function () {
+    if (!ua.browser.ie) {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent('<p><img src="" alt=""><span style="color: red">http://www.baidu.com</span></p>');
+        range.setStart(body.firstChild, 2).collapse(1).select();
+        stop();
+        setTimeout(function () {
+            ua.keydown(editor.body, {'keyCode': 32});
+            setTimeout(function () {
+                var a = body.firstChild.getElementsByTagName('a')[0];
+                if(a){
+                ok(a && $(a).attr('href').indexOf('http://www.baidu.com') != -1, '检查a的href');
+                var html = 'http://www.baidu.com';
+                equal(ua.getChildHTML(a), 'http://www.baidu.com', '检查a的内容');
+                }else{
+                    var x= body.firstChild.firstChild.nextSibling.innerHTML;
+                    equal(x, 'http://www.baidu.com', '检查a的内容');
+                }
+                start();
+            }, 20);
+        }, 20);
+    }
+});
+
+test('在p后面回车', function () {
+    if (!UE.browser.ie) {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent('<p>www.baidu.com</p>');
+        setTimeout(function () {
+            range.setStart(body.firstChild, 1).collapse(1).select();
+            ua.keydown(editor.body, {'keyCode': 13});
+            setTimeout(function () {
+                var a = body.firstChild.getElementsByTagName('a')[0];
+                if(a){
+                ok(a && $(a).attr('href').indexOf('http://www.baidu.com') != -1, '检查a的href');
+                equal(ua.getChildHTML(a), 'www.baidu.com', '检查a的内容');
+                }else{
+                    var p =body.firstChild.innerHTML;
+                    equal(p,'www.baidu.com', '检查a的内容');
+                }
+                start();
+            }, 20);
+        }, 20);
+        stop();
+    }
+});
+///*trace 1709 在“你好http://www.baidu.com”后回车／空格，各浏览器表现不一致*/
+////这种情况，在ie中可以生成自动连接，非ie不可，现在以生成连接为期望结果
+test('trace 1709 在与其他文本相连的链接后空格', function () {
+    if (!UE.browser.ie) {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent('<p>你好http://www.baidu.com</p>');
+        setTimeout(function () {
+            range.setStart(body.firstChild, 1).collapse(1).select();
+            ua.keydown(editor.body, {'keyCode': 32});
+            setTimeout(function () {
+                var a = body.firstChild.getElementsByTagName('a')[0];
+                if(a){
+                equal(ua.getChildHTML(a), 'http://www.baidu.com', '检查a的内容');
+                ok(a && $(a).attr('href').indexOf('http://www.baidu.com') != -1, '检查a的href');
+                }else{
+                    var p =body.firstChild.innerHTML;
+                    equal(p,'你好http://www.baidu.com', '检查a的内容');
+                }
+                start();
+            }, 20);
+        }, 20);
+        stop();
+    }
+});
+////修改：对P中的文字内容，原：<p>你好htp://ww.baidu.com</p>
+test('你好htp://ww.baidu.com  后面回车', function () {
+    if (!UE.browser.ie) {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent('<p>你好http://www.baidu.com</p>');
+        setTimeout(function () {
+            range.setStart(body.firstChild, 1).collapse(1).select();
+            ua.keydown(editor.body, {'keyCode': 32});
+            setTimeout(function () {
+                equal(body.firstChild.firstChild.nodeValue, '你好', '你好http://www.baidu.com 转换成文字+超链接');
+                var a = body.firstChild.getElementsByTagName('a')[0];
+                if(a){
+                equal(ua.getChildHTML(a), 'http://www.baidu.com', '检查a的内容');
+                ok(a && $(a).attr('href').indexOf('http://www.baidu.com') != -1, '检查a的href');
+                }else{
+                    var p =body.firstChild.innerHTML;
+                    equal(p,'你好http://www.baidu.com', '检查a的内容');
+                }
+                start();
+            }, 20);
+        }, 20);
+        stop();
+    }
+});
+//<p>欢迎<strong>使用</strong>ueditor!</p>
+test('trace 2121', function () {
+    if (!UE.browser.ie) {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent('<p><span style="color:#ff0000;">欢迎<strong>使用</strong></span>ueditor!www.baidu.com</p>');
+        stop();
+        setTimeout(function () {
+            range.setStart(body.firstChild.lastChild, body.firstChild.lastChild.length).collapse(1).select();
+            setTimeout(function () {
+                ua.keydown(editor.body, {'keyCode': 13});
+                var a = body.firstChild.getElementsByTagName('a')[0];
+                if(a){
+                equal(ua.getChildHTML(a), 'www.baidu.com', '检查a的内容');
+                ok(a && $(a).attr('href').indexOf('http://www.baidu.com') != -1, '检查a的href');
+                ok(a && $(a).attr('_src').indexOf('http://www.baidu.com') != -1, '检查a的_src');
+                }else{
+                    var p = body.firstChild.innerHTML;
+                    equal(p,'<span style="color:#ff0000;">欢迎<strong>使用</strong></span>ueditor!www.baidu.com','内容未改变');
+                }
+                start();
+            }, 20);
+        }, 20);
+    }
+});
+test('autofloat:false 禁用IE中的自动加超链接功能', function () {
+    if(ua.browser.ie==8)return;
+    //在IE中回车/空格自动加连接,这里模拟加连接以后,测试keyup时把添加的链接去掉
+    if (ua.browser.ie>8) {//这个用例中,ie8不好模拟startContainer.nodeName = p,用下面的用例测是一样的
+        var div = document.body.appendChild(document.createElement('div'));
+        div.id = 'ue';
+        var editor = UE.getEditor('ue', {autolink: false});
+        editor.ready(function () {
+            var range = new baidu.editor.dom.Range(editor.document);
+            var body = editor.body;
+            editor.body.innerHTML = '<p><a href="http://www.baidu.com">www.baidu.com</a></p><p>&nbsp;</p>';
+            setTimeout(function () {
+                range.selectNode(body.lastChild.firstChild).select();
+                setTimeout(function () {
+                    ua.keyup(editor.body, {'keyCode': 13});
+                    setTimeout(function () {
+                        equal(body.firstChild.getElementsByTagName('a').length, 0, 'a 标签被去掉了');
+                        equal(body.childNodes.length, 2, '结果正确');
+                        equal(body.firstChild.tagName.toLowerCase(), 'p', '结果正确');
+                        equal(body.firstChild.innerHTML, 'www.baidu.com', '结果正确');
+                        UE.delEditor('ue');
+                        te.dom.push(document.getElementById('ue'));
+                        start();
+                    }, 60);
+                }, 20);
+            }, 20);
+        });
+        stop();
+    }
+});
+test('autofloat:false 禁用IE中的自动加超链接功能--回车', function () {
+    if(ua.browser.ie==8)return;
+    //在IE中回车/空格自动加连接,这里模拟加连接以后,测试keyup时把添加的链接去掉
+    if (ua.browser.ie) {
+        var div = document.body.appendChild(document.createElement('div'));
+        div.id = 'ue';
+        var editor = UE.getEditor('ue', {autolink: false});
+        editor.ready(function () {
+            var range = new baidu.editor.dom.Range(editor.document);
+            var body = editor.body;
+            editor.body.innerHTML = '<p><a href="http://www.baidu.com">www.baidu.com</a></p><p><img></p>';
+            setTimeout(function () {
+                range.selectNode(body.lastChild.firstChild).select();
+                setTimeout(function () {
+                    ua.keyup(editor.body, {'keyCode': 13});
+                    setTimeout(function () {
+                        equal(body.firstChild.getElementsByTagName('a').length, 0, 'a 标签被去掉了');
+                        equal(body.childNodes.length, 2, '结果正确');
+                        equal(body.firstChild.tagName.toLowerCase(), 'p', '结果正确');
+                        equal(body.firstChild.innerHTML, 'www.baidu.com', '结果正确');
+                        UE.delEditor('ue');
+                        te.dom.push(document.getElementById('ue'));
+                        start();
+                    }, 60);
+                }, 20);
+            }, 20);
+        });
+        stop();
+    }
+});
+
+test('autofloat:false 禁用IE中的自动加超链接功能--空格', function () {
+    if(ua.browser.ie==8)return;
+    //在IE中回车/空格自动加连接,这里模拟加连接以后,测试keyup时把添加的链接去掉
+    if (ua.browser.ie) {
+        var div = document.body.appendChild(document.createElement('div'));
+        div.id = 'ue';
+        var editor = UE.getEditor('ue', {autolink: false});
+        editor.ready(function () {
+            var range = new baidu.editor.dom.Range(editor.document);
+            var body = editor.body;
+            var space = ua.browser.ie>8?'&nbsp;':' ';
+            editor.body.innerHTML = '<p><a href="http://www.baidu.com">www.baidu.com</a>'+space+'<img></p>';
+            setTimeout(function () {
+//                if(ua.browser.ie>8){
+//                    range.setStart(body.firstChild.childNodes[1], 1).collapse(true).select();
+//                }
+//                else{
+                    range.selectNode(body.firstChild.childNodes[1]).select();
+//                }
+                setTimeout(function () {
+                    ua.keyup(editor.body, {'keyCode': 32});
+                    equal(body.firstChild.getElementsByTagName('a').length, 0, 'a 标签被去掉了');
+                    equal(body.childNodes.length, 1, '结果正确');
+                    equal(body.firstChild.tagName.toLowerCase(), 'p', '结果正确');
+                    equal(body.firstChild.innerHTML.toLowerCase(), 'www.baidu.com'+space+'<img>', '结果正确');
+                    setTimeout(function () {
+                        UE.delEditor('ue');
+                        te.dom.push(document.getElementById('ue'));
+                        start();
+                    }, 100);
+                }, 20);
+            }, 20);
+        });
+        stop();
+    }
+});
+//对于手动添加的,不会误删
+test('autofloat:false 禁用IE中的自动加超链接功能--对于手动添加的,不会误删', function () {
+    //在IE中回车/空格自动加连接,这里模拟加连接以后,测试keyup时把添加的链接去掉
+    if (ua.browser.ie) {
+        var div = document.body.appendChild(document.createElement('div'));
+        div.id = 'ue';
+        var editor = UE.getEditor('ue', {autolink: false});
+        editor.ready(function () {
+            var range = new baidu.editor.dom.Range(editor.document);
+            var body = editor.body;
+            var space = ua.browser.ie>8?'&nbsp;':' ';
+            editor.setContent('<p><a href="http://www.baidu.com">www.baidu.com</a>'+space+'<img></p>');
+            setTimeout(function () {
+                if(ua.browser.ie>8){
+                    range.setStart(body.firstChild.childNodes[1], 1).collapse(true).select();
+                }
+                else{
+                    range.selectNode(body.firstChild.childNodes[1]).select();
+                }
+                setTimeout(function () {
+                    ua.keyup(editor.body, {'keyCode': 32});
+                    var a = body.firstChild.getElementsByTagName('a');
+                    ok(a&&a.length==1, 'a 标签没去掉');
+                    ok(a[0] && $(a[0]).attr('href').indexOf('http://www.baidu.com') != -1, '检查a的href');
+                    setTimeout(function () {
+                        editor.execCommand('cleardoc');
+                        editor.setContent('<p><a href="http://www.baidu.com">www.baidu.com</a></p><p><img></p>');
+                        setTimeout(function () {
+                            range.selectNode(body.lastChild.firstChild).select();
+                            setTimeout(function () {
+                                ua.keyup(editor.body, {'keyCode': 13});
+                                setTimeout(function () {
+                                    a = body.firstChild.getElementsByTagName('a');
+                                    ok(a&&a.length==1, 'a 标签没去掉');
+                                    ok(a[0] && $(a[0]).attr('href').indexOf('http://www.baidu.com') != -1, '检查a的href');
+                                    UE.delEditor('ue');
+                                    te.dom.push(document.getElementById('ue'));
+                                    start();
+                                }, 500);
+                            }, 20);
+                        }, 20);
+                    }, 20);
+                }, 20);
+            }, 20);
+        });
+        stop();
+    }
+});
+//test( '粘贴进来的http文本后回车', function() {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    setTimeout( function() {
+//        editor.setContent( '<p><br></p>' );
+//        editor.focus();
+//        range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+//        te.setClipData( "http://www.google.com" );
+//        setTimeout( function() {
+//            editor.focus();
+//            setTimeout( function() {
+//                editor.focus();
+//                te.presskey( "ctrl", "v" );
+//                editor.focus();
+//                setTimeout( function() {
+//                    te.presskey( "enter", "" );
+//                    editor.focus();
+//                    setTimeout( function() {
+//                        var a = body.firstChild.getElementsByTagName( 'a' )[0];
+//                        equal( ua.getChildHTML( a ), 'http://www.google.com', '检查a的内容' );
+//                        start();
+//                    }, 100 );
+//
+//                }, 100 );
+//            }, 100 );
+//        }, 100 );
+//    } );
+//    stop();
+//} );
+//
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autosave.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autosave.js
new file mode 100644
index 000000000..79b478aa6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autosave.js
@@ -0,0 +1,104 @@
+module('plugins.autosave');
+
+test('自动保存', function () {
+
+    expect(8);
+
+    var container = te.obj[0].container,
+        editor = null,
+        count = 0;
+
+    UE.delEditor(te.obj[0]);
+    container.parentNode.removeChild(container);
+
+    container = document.createElement("div");
+    container.id = "container";
+    document.body.appendChild(container);
+    editor = UE.getEditor("container", {
+        initialContent: "",
+        //无限制
+        saveInterval: 0
+    });
+
+
+    editor.addListener("beforeautosave", function (type, data) {
+
+        data.content = data.content.toLowerCase();
+        equal(true, true, "成功触发beforeautosave事件");
+        equal(data.content === "<p>http://www.baidu.com</p>" || data.content === "<p>disable</p>", true, "事件携带数据正确");
+    });
+
+    editor.addListener("beforeautosave", function (type, data) {
+
+        data.content = data.content.toLowerCase();
+        if (data.content === "<p>disable</p>") {
+            return false;
+        }
+
+        count++;
+
+    });
+
+    editor.addListener("afterautosave", function (type, data) {
+
+        data.content = data.content.toLowerCase();
+        equal(data.content, "<p>http://www.baidu.com</p>", "成功触发afterautosave事件");
+
+        equal(editor.execCommand("getlocaldata") !== null, true, "getlocaldata命令正常");
+        editor.execCommand("clearlocaldata");
+        equal(editor.execCommand("getlocaldata") === "", true, "clearlocaldata命令正常");
+
+    });
+
+    stop();
+    window.setTimeout(function () {
+
+        editor.setContent('<p>disable</p>');
+
+
+        window.setTimeout(function () {
+
+            editor.setContent('<p>http://www.baidu.com</p>');
+
+            window.setTimeout(function () {
+
+                equal(count, 1, "触发事件次数");
+
+                start();
+            }, 500);
+
+            UE.delEditor("container");
+            container.parentNode.removeChild(container);
+
+        }, 50);
+
+    }, 500);
+
+});
+test('重建编辑器,加载草稿箱', function () {
+    UE.delEditor(te.obj[0]);
+    te.obj[0].container.parentNode.removeChild(te.obj[0].container);
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue', {saveInterval: 0});
+    setTimeout(function () {
+        var content = '<p>内容</p>';
+        editor.setContent(content);
+        setTimeout(function () {
+            UE.delEditor('ue');
+            document.getElementById('ue') && document.getElementById('ue').parentNode.removeChild(document.getElementById('ue'));
+            var div = document.body.appendChild(document.createElement('div'));
+            div.id = 'ue';
+            var editor2 = UE.getEditor('ue');
+            setTimeout(function () {
+                equal(editor2.queryCommandState('drafts'), 0, '草稿箱可用');
+                editor2.execCommand('drafts');
+                ua.checkSameHtml(editor2.body.innerHTML, content, '内容加载正确');
+                UE.delEditor('ue');
+                document.getElementById('ue') && document.getElementById('ue').parentNode.removeChild(document.getElementById('ue'));
+                start();
+            }, 500);
+        }, 200);
+    }, 500);
+    stop();
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autotypeset.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autotypeset.js
new file mode 100644
index 000000000..4d55c5085
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autotypeset.js
@@ -0,0 +1,228 @@
+module('plugins.autotypeset');
+
+test('全角半角转换',function(){
+    window.localStorage.clear();
+    var editor = te.obj[0];
+    editor.setContent('<p>Mayday123,.Ｍａｙｄａｙ１２３，．</p>');
+    var text = editor.getContent();
+    equal(text,'<p>Mayday123,.Ｍａｙｄａｙ１２３，．</p>','半角全角内容输入正确');
+    editor.execCommand('autotypeset');
+    var text2 = editor.body.firstChild.innerHTML;
+    equal(text2,'Mayday123,.Ｍａｙｄａｙ１２３，．','半角全角内容输入正确2');
+    editor.options.autotypeset.tobdc=true;
+    editor.execCommand('autotypeset');
+    equal(editor.body.firstChild.innerHTML,'Ｍａｙｄａｙ１２３，．Ｍａｙｄａｙ１２３，．','内容转为全角：正确');
+    editor.options.autotypeset.tobdc=false;
+    editor.setContent('<p>Mayday123,.Ｍａｙｄａｙ１２３，．</p>');
+    editor.options.autotypeset.bdc2sb=true;
+    editor.execCommand('autotypeset');
+    equal(editor.body.firstChild.innerHTML,'Mayday123,.Mayday123,.','内容转为半角：正确');
+    editor.options.autotypeset.bdc2sb=false;
+});
+//todo
+test('文本居中',function(){
+    var editor = te.obj[0];
+    editor.setContent('<p>p文本<br></p>');
+    setTimeout(function(){
+        editor.options.autotypeset.textAlign = 'center';
+         editor.execCommand('autotypeset');
+        equal($(editor.body.firstChild).css('text-align'),'center','文本居中');
+        start();
+    }, 100 );
+    stop();
+});
+
+test('trace:2183 h1标题居中',function(){
+    var editor = te.obj[0];
+    editor.setContent('<h1>h1标题<br /></h1>');
+    setTimeout(function(){
+        editor.options.autotypeset.textAlign = 'center';
+        editor.execCommand('autotypeset');
+        equal($(editor.body.firstChild).css('text-align'),'center','h1标题居中');
+        start();
+    }, 50 );
+    stop();
+});
+
+test('合并空行',function(){
+    var editor = te.obj[0];
+    editor.setContent('<p>欢迎使用</p><p><br /></p><p><br /></p><p>ueditor!</p>');
+    setTimeout(function(){
+        editor.options.autotypeset.mergeEmptyline = true;
+        delete editor.options.autotypeset.textAlign;
+        editor.execCommand('autotypeset');
+        ua.manualDeleteFillData(editor.body);
+        var html =editor.body.innerHTML.toLowerCase().replace(/\r\n/ig,'');
+        equal(html,'<p>欢迎使用</p><p><br></p><p>ueditor!</p>','合并空行');
+        start();
+    }, 50 );
+    stop();
+});
+
+test('带有图片表情',function(){
+    var editor = te.obj[0];
+    editor.setContent('<p>欢迎使用ueditor!<img src="http://img.baidu.com/hi/jx2/j_0015.gif" /></p>');
+    editor.execCommand('autotypeset');
+    equal($(editor.body.lastChild).css('text-align'),'center','图片居中');
+    editor.options.autotypeset.imageBlockLine = 'left';
+    editor.execCommand('autotypeset');
+    equal($(editor.body.lastChild).css('text-align'),'left','图片居左');
+});
+
+test('删除空行',function(){
+    var editor = te.obj[0];
+    editor.setContent('<p>欢迎使用</p><p><br /></p><p><br /></p><p>ueditor!</p>');
+    setTimeout(function(){
+        editor.options.autotypeset.mergeEmptyline = false;//removeEmptyline
+        editor.options.autotypeset.removeEmptyline = true;
+        delete editor.options.autotypeset.textAlign;
+        editor.execCommand('autotypeset');
+        ua.manualDeleteFillData(editor.body);
+        equal(editor.body.innerHTML.toLowerCase().replace(/\r\n/ig,''),'<p>欢迎使用</p><p>ueditor!</p>','删除空行');
+        start();
+    }, 50 );
+    stop();
+});
+
+test('首行缩进',function(){
+    var editor = te.obj[0];
+    editor.setContent('<p>欢迎使用ueditor!</p>');
+    setTimeout(function(){
+        editor.options.autotypeset.indent = true;
+        editor.options.autotypeset.textAlign= "left";
+        editor.execCommand('autotypeset');
+        ua.manualDeleteFillData(editor.body);
+        var html = '<p style=\"text-indent: 2em; text-align: left; \">欢迎使用ueditor!</p>';
+        ua.checkHTMLSameStyle(html ,editor.document,editor.body,'首行缩进');
+        start();
+    }, 50 );
+    stop();
+});
+
+/*trace 2650*/
+test( 'trace 3277：图像对齐', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<p><img src="http://img.baidu.com/hi/jx2/j_0001.gif" width="50" height="51" _src="http://img.baidu.com/hi/jx2/j_0001.gif"></p>' );
+    setTimeout(function(){
+        editor.options.autotypeset.imageBlockLine = 'center';
+        delete editor.options.autotypeset.textAlign;//imageBlockLine
+        var html= '<p style="text-align:center"><img src="http://img.baidu.com/hi/jx2/j_0001.gif" width="50" height="51" _src="http://img.baidu.com/hi/jx2/j_0001.gif"/></p>';
+        editor.execCommand('autotypeset');
+        ua.checkHTMLSameStyle(html ,editor.document,editor.body,'图像对齐');
+        start();
+    }, 50 );
+    stop();
+} );
+
+//ie下
+test('trace 2651：字体样式',function(){
+    var editor = te.obj[0];
+    editor.setContent('<p><span style="font-size:24px;font-family:黑体, simhei;">欢迎使用ue</span>ditor!</p>');
+    setTimeout(function(){
+        editor.options.autotypeset.clearFontSize = editor.options.autotypeset.clearFontFamily = true;
+        delete editor.options.autotypeset.textAlign;
+        editor.execCommand('autotypeset');
+        equal(ua.getChildHTML(editor.body),'<p>欢迎使用ueditor!</p>','恢复字体默认样式');
+        start();
+    }, 50 );
+    stop();
+});
+
+test('去掉class,去掉多余节点',function(){
+    var editor = te.obj[0];
+    editor.setContent('<p class="noBorder">欢迎使用ueditor!</p>');
+    editor.options.autotypeset.removeClass = true;
+    delete editor.options.autotypeset.textAlign;
+    editor.execCommand('autotypeset');
+    equal(ua.getChildHTML(editor.body),'<p>欢迎使用ueditor!</p>','去掉class');
+});
+
+test('粘贴过滤',function(){
+    var div = document.body.appendChild(document.createElement('div'));
+    var editor = te.obj[0];
+    editor.setContent('');
+    editor.options.autotypeset.pasteFilter = true;
+    editor.options.autotypeset.removeEmptyline = true;
+    delete editor.options.autotypeset.textAlign;
+    editor.execCommand('autotypeset');
+    var html ={html:'<img src="http://img.baidu.com/hi/jx2/j_0015.gif" />hello1'};
+    editor.fireEvent('beforepaste',html);
+    editor.execCommand( 'insertHtml',html.html,true);
+    editor.fireEvent("afterpaste");
+    var txt='<p style="text-align:center;"><img src="http://img.baidu.com/hi/jx2/j_0015.gif"></p>hello1';
+    ua.checkHTMLSameStyle(txt, editor.document, editor.body, '文字左对齐，表情居中');
+
+    editor.setContent('');
+    editor.options.autotypeset.imageBlockLine = 'none';
+    editor.options.autotypeset.textAlign = 'center';
+    editor.options.autotypeset.removeEmptyline = true;
+    editor.options.autotypeset.pasteFilter = true;
+    editor.execCommand('autotypeset');
+    html ={html:'<p>hello1</p><p style="text-align:center;"><img src="http://img.baidu.com/hi/jx2/j_0001.gif"/></p><p>hello2</p>'};
+    editor.fireEvent('beforepaste',html);
+    editor.execCommand( 'insertHtml',html.html,true);
+    editor.fireEvent("afterpaste");
+    txt='<p style="text-align:center;">hello1<img src="http://img.baidu.com/hi/jx2/j_0001.gif" style="float: none;">hello2</p>';
+    ua.checkHTMLSameStyle(txt, editor.document, editor.body, '文字居中，表情居左');
+});
+
+test('trace:4018，4012',function(){
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue2';
+    var editor2 = UE.getEditor('ue2');
+    editor2.ready(function(){
+        editor2.setContent('Mayday123,.Ｍａｙｄａｙ１２３，．');
+        var c = $('#edui18_state div');
+        ua.click(c[4]);
+        ua.click($("input")[19]);
+        var d = $(".edui-autotypesetpicker-body tr");
+        var e = d[7].getElementsByTagName('input');
+        ua.click(e[0]);
+        var button = $(".edui-autotypesetpicker-body button");
+        ua.click(button[0]);
+        if(ua.browser.ie&&ua.browser.ie==8){
+            equal(editor2.getContent(),"<p style=\"TEXT-ALIGN: left\">Ｍａｙｄａｙ１２３，．Ｍａｙｄａｙ１２３，．</p>","未执行半角转全角");
+        }else{
+            equal(editor2.getContent(),'<p style="text-align: left;">Mayday123,.Ｍａｙｄａｙ１２３，．</p>',"未执行半角转全角");
+        }
+        setTimeout(function () {
+            UE.delEditor('ue2');
+            window.localStorage.clear();
+            start();
+        }, 100);
+    });
+    stop();
+});
+
+test('trace:3991',function(){
+    var editor3 = te.obj[0];
+    setTimeout(function(){
+        editor3.setContent('');
+        editor3.execCommand('inserttable', {numCols: 3, numRows: 3});
+        var text =editor3.body.getElementsByTagName('td')[0];
+        var range = new baidu.editor.dom.Range(editor3.document);
+        range.setStart(text,0).collapse(1).select();
+        editor3.execCommand("inserttitlecol");
+        equal(editor3.queryCommandState("inserttitlecol"),-1,'标题列不能向右合并');
+        var f = $("#edui538_state")[0];
+        start();
+    }, 100);
+    stop();
+});
+
+test('trace:3967',function(){
+    var editor = te.obj[0];
+    editor.setContent('123<br/>');
+    editor.execCommand('insertorderedlist','decimal');
+    editor.execCommand('source');
+    setTimeout(function(){
+        editor.execCommand('source');
+        setTimeout(function(){
+            editor.execCommand('source');
+            var x = editor.getContent();
+            ok(x.indexOf('br')== x.lastIndexOf('br'),'只有一个<br/>');
+            start();
+        },50)
+    },50)
+    stop();
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autoupload.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autoupload.js
new file mode 100644
index 000000000..fa824cda6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/autoupload.js
@@ -0,0 +1,16 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: Jinqn
+ * Date: 13-10-29
+ * Time: 下午5:14
+ * To change this template use File | Settings | File Templates.
+ */
+module('plugins.autoupload');
+
+test('拖放图片上传',function(){
+    equal('','');
+});
+
+test('粘贴QQ截图',function(){
+    equal('','');
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/background.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/background.js
new file mode 100644
index 000000000..cf490e688
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/background.js
@@ -0,0 +1,53 @@
+module( 'plugins.background' );
+
+
+test( 'getAllHtml能取到背景', function() {
+    var sc = document.createElement("script");
+    var editor = te.obj[2];
+    sc.id="sc";
+    sc.type = "text/plain";
+    document.body.appendChild(sc);
+    editor.render('sc');
+    editor.ready(function(){
+        equal( editor.queryCommandState( 'background' ), 0, 'check background state' );
+        this.body.style.backgroundColor = "#d7e3bc";
+//        this.body.style.backgroundImage = '/ueditor/php/upload//8721363160868.gif';
+        setTimeout(function(){
+            var headHtml = [];
+            editor.fireEvent('getAllHtml',headHtml);
+            equal(ua.formatColor(editor.body.style.backgroundColor),'#d7e3bc','检查body背景色');
+
+//            equal(editor.body.style.backgroundImage,'','检查body背景图片');
+            document.getElementById('sc').parentNode.removeChild(document.getElementById('sc'));
+            start();
+        },50);
+    });
+    stop();
+} );
+test( ' trace 3744 setContent 背景色', function() {
+    var editor = te.obj[0];
+    editor.setContent('<p> <br/></p><p style="display:none;" data-background="background-repeat:no-repeat; background-position:center center; background-color:#8064A2; ">    <br/></p>');
+    stop();
+    setTimeout(function(){
+        equal(ua.formatColor($(editor.body).css('background-color')),'#8064a2','setContent 背景色');
+        start();
+    },50);
+});
+test( ' trace 3751 3748 设置 背景色', function() {
+    var editor = te.obj[0];
+    var backgroundStyle = {'background-repeat': "no-repeat", 'background-position': "center center", 'background-color': "#4F81BD"};
+    editor.setContent('<p><br/></p>');
+    editor.execCommand('background',backgroundStyle);
+    stop();
+    setTimeout(function(){
+        equal(editor.queryCommandValue('background')['background-repeat'],'no-repeat');
+        equal(ua.formatColor(editor.queryCommandValue('background')['background-color'].toLowerCase()),'#4f81bd');
+        ok(/center/.test(editor.queryCommandValue('background')['background-position']));
+        editor.execCommand('source');
+        setTimeout(function(){
+            ua.checkSameHtml(editor.body.lastChild.outerHTML,'<p style="display:none;" data-background="background-repeat:no-repeat; background-position:center center; background-color:#4F81BD; "><br/></p>','source查看 背景色');
+//            equal(editor.body.lastChild.outerHTML,'<p style="display:none;" data-background="background-repeat:no-repeat; background-position:center center; background-color:#4F81BD; "><br/></p>','source查看 背景色');
+        start();
+        },50);
+    },50);
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/basestyle.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/basestyle.js
new file mode 100644
index 000000000..0008d7e2d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/basestyle.js
@@ -0,0 +1,315 @@
+module("plugins.basestyle");
+
+test('sub--table', function () {
+    var editor = te.obj[0];
+    setTimeout(function () {
+        editor.setContent('<table border="solid"><tr><td>hello1</td><td>hello2</td></tr><tr><td>hello3</td><td>hello4</td></tr></table>');
+        setTimeout(function () {
+            var range = te.obj[1];
+            var body = editor.document.body;
+            //1.2的版本中，table标签套了div标签，原来的var tbody = body.firstChild.firstChild；改为如下
+            var tbody = editor.document.getElementsByTagName('table')[0].firstChild;
+            range.selectNode(body.firstChild).select();
+            var tds = body.firstChild.getElementsByTagName('td');
+            var td;
+//        for ( var index = 0; td = tds[index++]; ) {
+//                editor.currentSelectedArr.push( td );
+//        }
+            editor.execCommand('subscript');
+            setTimeout(function () {
+                equal(ua.getChildHTML(tbody.firstChild.firstChild), '<sub>hello1</sub>', '检查第1个单元格中文本是否是下标');
+                equal(ua.getChildHTML(tbody.firstChild.firstChild.nextSibling), '<sub>hello2</sub>', '检查第2个单元格中文本是否是下标');
+                equal(ua.getChildHTML(tbody.lastChild.firstChild), '<sub>hello3</sub>', '检查第3个单元格中文本是否是下标');
+                equal(ua.getChildHTML(tbody.lastChild.firstChild.nextSibling), '<sub>hello4</sub>', '检查第4个单元格中文本是否是下标');
+                equal(editor.queryCommandState('superscript'), 0, 'check sup state');
+                equal(editor.queryCommandState('subscript'), 1, 'check sub state');
+
+                editor.execCommand('subscript');
+                /**trace 943，为表格去上下标**/
+                equal(tbody.firstChild.firstChild.innerHTML, 'hello1', '检查第1个单元格中文本是否不是下标');
+                equal(tbody.firstChild.firstChild.nextSibling.innerHTML, 'hello2', '检查第2个单元格中文本是否不是下标');
+                equal(tbody.lastChild.firstChild.innerHTML, 'hello3', '检查第3个单元格中文本是否不是下标');
+                equal(tbody.lastChild.firstChild.nextSibling.innerHTML, 'hello4', '检查第4个单元格中文本是否你是下标');
+                equal(editor.queryCommandState('superscript'), 0, 'check sup state');
+                equal(editor.queryCommandState('subscript'), 0, 'check sub state');
+
+                editor.execCommand('superscript');
+                /*上下标互斥*/
+                equal(ua.getChildHTML(tbody.firstChild.firstChild), '<sup>hello1</sup>', '检查第1个单元格中文本是否是上标');
+                equal(ua.getChildHTML(tbody.firstChild.firstChild.nextSibling), '<sup>hello2</sup>', '检查第2个单元格中文本是否是上标');
+                equal(ua.getChildHTML(tbody.lastChild.firstChild), '<sup>hello3</sup>', '检查第3个单元格中文本是否是上标');
+                equal(ua.getChildHTML(tbody.lastChild.firstChild.nextSibling), '<sup>hello4</sup>', '检查第4个单元格中文本是否是上标');
+                equal(editor.queryCommandState('superscript'), 1, 'check sup state');
+                equal(editor.queryCommandState('subscript'), 0, 'check sub state');
+                start();
+            }, 50);
+        }, 50);
+    }, 50);
+    stop();
+});
+
+//如果没有setTimeout在FF（3.6和9都是）中range会出错，其他浏览器没问题
+test('闭合插入上下标', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>你好</p>');
+    var body = editor.body;
+    stop();
+    setTimeout(function () {
+        range.setStart(body.firstChild.firstChild, 1).collapse(1).select(true);
+        editor.execCommand('superscript');
+        equal(ua.getChildHTML(body.firstChild), '你<sup></sup>好', '查看执行上标后的结果');
+        range = editor.selection.getRange();
+        range.insertNode(editor.document.createTextNode('hello'));
+        equal(ua.getChildHTML(body.firstChild), '你<sup>hello</sup>好', '上标标签中插入文本');
+        start();
+    }, 100)
+});
+
+test('不闭合插入上下标', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<strong>hello1<em>hello2</em></strong><a href="http://www.baid.com/"><strong>baidu_link</strong></a>hello3');
+    var body = editor.document.body;
+    stop();
+    setTimeout(function () {
+        range.setStart(body.firstChild.firstChild, 0).setEnd(body.firstChild.lastChild, 3).select();
+        editor.execCommand('superscript');
+        ua.manualDeleteFillData(body);
+        ua.checkSameHtml(editor.getContent(), '<p><sup><strong>hello1<em>hello2</em></strong></sup><a href="http://www.baid.com/" ><sup><strong>baidu_link</strong></sup></a><sup>hel</sup>lo3</p>', '普通文本添加上标');
+        start();
+    }, 100);
+});
+
+/*trace 870*/
+//无法模拟光标自动移到的场景，因此模拟输入文本通过插入文本节点实现的方法，在插入文本后光标仍然在原来的位置
+// 我们不确定光标实际在哪
+test('trace 870:加粗文本前面去加粗', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    editor.setContent('<p><br></p>');
+    range.setStart(body.firstChild, 0).collapse(true).select();
+    editor.execCommand('bold');
+    range = editor.selection.getRange();
+    range.insertNode(editor.document.createTextNode('hello'));
+    equal(editor.queryCommandState('bold'), 1, '加粗');
+    editor.execCommand('bold');
+    range = editor.selection.getRange();
+    equal(editor.queryCommandState('bold'), 0, '不加粗');
+    range.insertNode(editor.document.createTextNode('hello2'));
+    /*插入一个文本节点*/
+    ua.manualDeleteFillData(editor.body);
+    /*ie下插入节点后会自动移动光标到节点后面，而其他浏览器不会*/
+    if (ua.browser.chrome || ua.browser.safari || (ua.browser.ie && ua.browser.ie > 8 && ua.browser.ie<11))// ie9,10改range
+        equal(editor.getContent(), '<p>hello2<strong>hello</strong><br/></p>');
+    else
+        equal(editor.getContent(), '<p><strong>hello</strong>hello2<br/></p>');
+});
+
+/*trace 1043*/
+test('bold-在已加粗文本中间去除加粗', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    editor.setContent('<b>hello</b>ssss');
+    range.setStart(body.firstChild.firstChild, 0).collapse(true).select();
+    editor.execCommand('bold');
+    range = editor.selection.getRange();
+    equal(editor.queryCommandState('bold'), 0, "<strong> 被去掉");
+    range.insertNode(range.document.createTextNode('aa'));
+    /*在当前的range选区插入文本节点*/
+    ua.manualDeleteFillData(editor.body);
+    equal(ua.getChildHTML(body.firstChild), "aa<strong>hello</strong>ssss", "新文本节点没有加粗");
+});
+
+/*trace 958*/
+test('bold-在已加粗文本中间去除加粗', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('bold');
+    ok(ua.getChildHTML(body), "<stong></stong>", "editor不focus时点加粗，不会多一个空行");
+});
+
+/*trace 958*/
+test('bold-加粗状态反射', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    editor.setContent('<p>this is a dog</p>');
+    stop();
+    setTimeout(function () {
+        range.selectNode(body.firstChild).select();
+        editor.execCommand('bold');
+        range.setStart(body.firstChild.firstChild.firstChild, 2).collapse(true).select();
+        equal(editor.queryCommandState('bold'), 1, '闭合选择，加粗高亮');
+        ua.manualDeleteFillData(editor.body);
+        range.setStart(body.firstChild.firstChild.firstChild, 0).setEnd(body.firstChild.firstChild.lastChild, 4).select();
+        equal(editor.queryCommandState('bold'), 1, '不闭合选择，加粗高亮');
+        start();
+    }, 100)
+});
+
+/*trace 580*/
+test('bold-连续加粗2次', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    editor.setContent('<p>this is a dog</p>');
+    var text = body.firstChild.firstChild;
+    range.setStart(text, 0).setEnd(text, 3).select();
+    editor.execCommand('bold');
+    /*第一次加粗*/
+    equal(editor.queryCommandState('bold'), 1, '加粗按钮高亮');
+    text = body.firstChild.lastChild;
+    range.setStart(text, 1).setEnd(text, 3).select();
+    /*不闭合选区文本*/
+    equal(editor.queryCommandState('bold'), 0, '不闭合选择，加粗不高亮');
+    ua.manualDeleteFillData(editor.body);
+    editor.execCommand('bold');
+    /*第二次加粗*/
+    equal(editor.queryCommandState('bold'), 1, '加粗高亮');
+});
+
+/*trace 1983*/
+test('bold-2个单词，中间有空格第一个单词加粗，第二个单词加粗再去加粗', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    body.innerHTML = '<p>hello world</p>';   //用setContent复现不了这个问题
+    var text = body.firstChild.firstChild;
+    range.setStart(text, 0).setEnd(text, 5).select();
+    editor.execCommand('bold');
+    text = body.firstChild.lastChild;
+    range.setStart(text, 1).setEnd(text, 6).select();
+    editor.execCommand('bold');
+    editor.execCommand('bold');
+    ok(body.firstChild.childNodes.length == 3 && body.firstChild.childNodes[1].length == 1, '空格保留');
+});
+
+test('测试 userAction.manualdeleteFilldata', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    var fillData = editor.document.createTextNode(domUtils.fillChar);     //  在ie 6,7下，使用appendChild时，需要body先加载，必须将上句document前加editor,否则出错
+    body.appendChild(fillData);
+    var space = ua.browser.ie ? '&nbsp;' : '<br>';//getContent（）结果：‘<br />’,innerHTML结果：<br>
+    notEqual(body.innerHTML.toLowerCase(), '<p>' + space + '</p>', '清除不可见字符前不相等');
+    ua.manualDeleteFillData(body);
+    equal(body.innerHTML.toLowerCase(), '<p>' + space + '</p>', '清除不可见字符后相等');
+});
+
+test('trace 1884:单击B再单击I ', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    editor.setContent('');
+    range.setStart(body.firstChild, 0).collapse(1).select();
+    editor.execCommand('bold');
+    equal(editor.queryCommandState('bold'), 1, 'b高亮');
+    editor.execCommand('italic');
+    equal(editor.queryCommandState('italic'), 1, 'b高亮');
+});
+
+test('单击B再在其他地方单击I，空的strong标签被删除 ', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    editor.setContent('<p>hello</p>');
+    range.setStart(body.firstChild, 0).collapse(1).select();
+    editor.execCommand('bold');
+    equal(editor.queryCommandState('bold'), 1, 'b高亮');
+    range.setStart(body.firstChild, 1).collapse(1).select();
+    editor.execCommand('italic');
+    equal(editor.queryCommandState('italic'), 1, 'b高亮');
+    ua.manualDeleteFillData(body);
+    if (!ua.browser.ie) {     //ie下有问题不能修，屏蔽ie
+        equal(body.innerHTML.toLowerCase(), '<p><em></em>hello</p>', '空strong标签被删除')
+    }
+});
+
+test('ctrl+i', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    editor.setContent('<p>没有加粗的文本</p>');
+    range.selectNode(body.firstChild).select();
+    var p = body.firstChild;
+    setTimeout(function () {
+        ua.keydown(editor.body, {'keyCode': 73, 'ctrlKey': true});
+        editor.focus();
+        setTimeout(function () {
+            equal(ua.getChildHTML(p), '<em>没有加粗的文本</em>');
+            start();
+        }, 150);
+    }, 100);
+    stop();
+});
+
+test('ctrl+u', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+    editor.setContent('<p>没有加粗的文本</p>');
+    setTimeout(function () {
+        range.selectNode(body.firstChild).select();
+        setTimeout(function () {
+            var html = '<span style="text-decoration: underline;">没有加粗的文本</span>';
+            ua.checkHTMLSameStyle(html, editor.document, body.firstChild, '文本被添加了下划线');
+            equal(editor.body.firstChild.firstChild.style.textDecoration, 'underline');
+            start();
+        }, 150);
+        ua.keydown(editor.body, {'keyCode': 85, 'ctrlKey': true});
+    }, 150);
+    stop();
+});
+
+test('ctrl+b', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    var range = te.obj[1];
+
+    editor.setContent('<p>没有加粗的文本</p>');
+    range.selectNode(body.firstChild).select();
+    setTimeout(function () {
+        ua.keydown(editor.body, {'keyCode': 66, 'ctrlKey': true});
+        setTimeout(function () {
+            equal(ua.getChildHTML(body.firstChild), '<strong>没有加粗的文本</strong>');
+            start();
+        }, 150);
+    }, 150);
+    stop();
+});
+
+/*trace 3240*/
+test('表格中文本加粗', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    ua.manualDeleteFillData(editor.body);
+    setTimeout(function () {
+        var tds = editor.body.getElementsByTagName('td');
+        tds[0].innerHTML = 'asd';
+        tds[10].innerHTML = 'asd';
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[2].cells[0]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+
+        editor.execCommand('bold');
+        ua.manualDeleteFillData(editor.body);
+        equal(editor.queryCommandState('bold'), 1, 'b高亮');
+        equal(trs[0].cells[0].firstChild.tagName.toLowerCase(), 'strong', '[0][0]单元格中文本标签');
+        if (!ua.browser.ie)
+            equal(trs[1].cells[0].firstChild.tagName.toLowerCase(), 'br', '[1][0]单元格中文本标签');
+        equal(trs[2].cells[0].firstChild.tagName.toLowerCase(), 'strong', '[2][0]单元格中文本标签');
+        start();
+    }, 50);
+    stop();
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/blockquote.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/blockquote.js
new file mode 100644
index 000000000..4f203349d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/blockquote.js
@@ -0,0 +1,165 @@
+module( "plugins.blockquote" );
+
+/*trace 967*/
+//这个用例暂不测ie，因为ie中输入回车无效
+//test( '切换到源码模式再切换回来点引用', function () {
+//    if(!ua.browser.ie){
+//        var editor = te.obj[0];
+//        var body = editor.body;
+//        editor.setContent( 'hello' );
+//        editor.execCommand( 'source' );
+//        var tas = editor.iframe.parentNode.getElementsByTagName( 'textarea' );
+//        tas[tas.length - 1].value = '';
+//        stop();
+//        setTimeout( function () {       //source.js中有延时操作
+//            editor.execCommand( 'source' );
+//            editor.execCommand( 'blockquote' );
+//            setTimeout( function () {       //模拟回车,在引用后回车两段都是引用
+//                //firefox竟然要多触发一次。。什么乱七八糟的bug啊
+//                //if ( ua.getBrowser() == "firefox" )
+//                //te.presskey( "enter", "" );
+//                editor.focus();
+//                te.presskey( "enter", "" );
+//                setTimeout( function () {
+//                    editor.focus();
+//                    setTimeout( function () {
+//                        var bq = body.firstChild;
+//                        equal( body.childNodes.length, 1, 'body有1个孩子' );
+//                        equal( bq.childNodes.length, 2, 'blockquote有2个孩子' );
+//                        ok( bq.childNodes[0]&&bq.childNodes[0].tagName.toLowerCase()=='p', '第一个孩子是p' );
+//                        ok(  bq.childNodes[1]&&bq.childNodes[1].tagName.toLowerCase()=='p', '第二个孩子是p' );
+//                        start();
+//                    }, 50 );
+//                }, 30 );
+//            }, 60 );
+//        }, 50 );
+//    }
+//    else
+//    ok(ua.browser.ie,'这个用例暂不测，因为ie中输入回车无效');
+//} );
+
+test( '在表格中添加和去除引用', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( 'hello<table><tbody><tr><td>hello</td></tr></tbody></table>' );
+    var body = editor.body;
+    var tds = body.lastChild.getElementsByTagName( 'td' );
+    range.setStart( tds[0].firstChild, 2 ).collapse( true ).select();               /*闭合选取*/
+    editor.execCommand( 'blockquote' );
+    equal( body.lastChild.tagName.toLowerCase(), 'blockquote', '引用加到表格外面去了' );
+    equal( tds[0].firstChild.nodeType, 3, 'td里仍然是文本' );
+    equal( tds[0].firstChild.data, 'he', 'td里仍然是文本he' );
+    range.setStart( tds[0].firstChild, 2 ).collapse( true ).select();
+    editor.execCommand( 'blockquote' );         /*再执行一次引用，会去掉引用*/
+    ok( body.lastChild.tagName.toLowerCase() != 'blockquote', '引用去掉了' );    //1.2版本table外加了div
+    stop();
+    setTimeout(function(){
+        tds = body.lastChild.getElementsByTagName( 'td' );
+        range.selectNode( tds[0] ).select();        /*不闭合选中表格，添加引用*/
+        editor.execCommand( 'blockquote' );
+        equal( body.lastChild.tagName.toLowerCase(), 'blockquote', '非闭合方式选中添加引用' );
+        start();
+    },50);
+} );
+
+test( '在列表中添加引用', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( 'hello<ol><li><p>hello1</p></li><li><p>hello2</p></li></ol>' );
+    var body = editor.body;
+    var lis = body.lastChild.getElementsByTagName( 'li' );
+    range.setStart( lis[0].firstChild, 1 ).collapse( 1 ).select();      /*闭合选取*/
+    editor.execCommand( 'blockquote' );
+    equal( body.lastChild.tagName.toLowerCase(), 'blockquote', '引用加到列表外面去了' );
+    equal( lis[0].firstChild.nodeType, 1, '列表里套着p' );
+    equal( lis[0].firstChild.firstChild.data, 'hello1', '列表里仍然是文本hello1' );
+} );
+
+/*trace 1183*/
+test( 'trace1183：选中列表中添加引用，再去掉引用', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello1</p><p>hello2</p>' );
+    var body = editor.body;
+    range.setStart( body, 0 ).setEnd( body, 2 ).select();
+    editor.execCommand( 'insertorderedlist' );      /*添加列表*/
+    ua.manualDeleteFillData( editor.body );
+    var ol = body.getElementsByTagName( 'ol' )[0];
+    var html = ua.getChildHTML( ol );
+
+    editor.execCommand( 'blockquote' );
+    editor.execCommand( 'blockquote' );
+    ua.manualDeleteFillData( editor.body );
+    equal( ua.getChildHTML( body.getElementsByTagName( 'ol' )[0] ), html, '引用前后列表没有发生变化' );
+    equal( body.getElementsByTagName( 'ol' ).length, 1, '只有一个有序列表' );
+} );
+
+test( 'trace 3298：对段落添加引用和去除引用', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p><strong><em>hello1</em></strong></p><p>hello2  world</p>' );
+    var body = editor.body;
+    range.setStart( body.firstChild, 0 ).setEnd( body.lastChild, 1 ).select();      /*不闭合添加引用*/
+    editor.execCommand( 'blockquote' );
+    equal( ua.getChildHTML( body ), '<blockquote><p><strong><em>hello1</em></strong></p><p>hello2 &nbsp;world</p></blockquote>', '不闭合添加引用' );
+    equal( editor.queryCommandState( 'blockquote' ), 1, '引用高亮' );
+
+    range.setStart( body.firstChild.lastChild, 0 ).collapse( true ).select();       /*闭合去除引用*/
+    editor.execCommand( 'blockquote' );
+    equal( ua.getChildHTML( body ), '<blockquote><p><strong><em>hello1</em></strong></p></blockquote><p>hello2 &nbsp;world</p>', '闭合去除引用' );
+    equal( editor.queryCommandState( 'blockquote' ), 0, '引用不高亮' );
+
+    range.setStart( body.firstChild, 0 ).setEnd( body.lastChild, 1 ).select();      /*非闭合去除引用*/
+    editor.execCommand( 'blockquote' );
+    equal( ua.getChildHTML( body ), '<p><strong><em>hello1</em></strong></p><p>hello2 &nbsp;world</p>' );
+    equal( editor.queryCommandState( 'blockquote' ), 0, '非闭合去除引用后，引用不高亮' );
+
+    range.setStart( body.lastChild, 0 ).collapse( true ).select();                  /*闭合添加引用*/
+    editor.execCommand( 'blockquote' );
+    equal( ua.getChildHTML( body ), '<p><strong><em>hello1</em></strong></p><blockquote><p>hello2 &nbsp;world</p></blockquote>', '闭合添加引用 ' );
+} );
+
+/*trace 3285*/
+test( 'trace 3285：startContainer为body添加引用', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( 'hello<ol><li>hello1</li><li>hello2</li></ol>' );
+    var body = editor.body;
+    range.setStart( body, 0 ).setEnd( body, 2 ).select();       /*不闭合选取*/
+    editor.execCommand( 'blockquote' );
+//    var padding  = ua.browser.ie&&ua.browser.ie<9?' style=\" list-paddingleft-2\"':(ua.browser.webkit?' class=\" list-paddingleft-2\"':' style=\" list-paddingleft-2\"');
+    var padding  = ' class=\" list-paddingleft-2\"';
+    equal( ua.getChildHTML( body ), '<blockquote><p>hello</p><ol'+padding+'><li><p>hello1</p></li><li><p>hello2</p></li></ol></blockquote>', '选中body加引用' );
+    equal( editor.queryCommandState( 'blockquote' ), 1, '引用高亮' );
+    editor.undoManger.undo();
+    range.setStart( body, 1 ).collapse( true ).select();        /*闭合选取*/
+    equal( editor.queryCommandState( 'blockquote' ), 0, '引用不高亮' );
+} );
+
+//ie 不通过
+test('aa标签',function(){
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    if(!ua.browser.ie){
+        editor.setContent('<aa>hello</aa>');
+        range.setStart(editor.body.firstChild.firstChild,0).collapse(1).select();
+        editor.execCommand('blockquote');
+        equal(ua.getChildHTML(editor.body),'<blockquote><aa>hello</aa></blockquote>','aa标签');
+        editor.setContent('hello<aa>hello2</aa>');
+        range.setStart(editor.body.lastChild.firstChild,0).setEnd(editor.body.lastChild.firstChild,3).select();
+        editor.execCommand('blockquote');
+        equal(ua.getChildHTML(editor.body),'<p>hello</p><blockquote><aa>hello2</aa></blockquote>','<aa>');
+    }
+});
+
+/*trace 3284*/
+test('trace 3284：列表内引用',function(){
+    var editor = te.obj[0];
+    var range = te.obj[1];
+//    var padding  = ua.browser.ie&&ua.browser.ie<9?' style=\"padding-left: 30px\"':(ua.browser.webkit?' style=\"padding-left: 30px;\"':' style=\"padding-left: 30px;\"');
+    var padding  = ' class=\" list-paddingleft-2\"';
+    editor.setContent('<ol><li><blockquote><p>hello1</p></blockquote></li><blockquote><li><p>hello2</p></li></blockquote></ol>');
+    range.setStart(editor.body.firstChild.firstChild.firstChild.firstChild,0).setEnd(editor.body.firstChild.lastChild.firstChild.firstChild,6).select();
+    editor.execCommand('blockquote');
+    equal(ua.getChildHTML(editor.body ),'<ol'+padding+'><li><p>hello1</p></li><li><p>hello2</p></li></ol>','引用删除');
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/catchremoteimage.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/catchremoteimage.js
new file mode 100644
index 000000000..24942b4a6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/catchremoteimage.js
@@ -0,0 +1,45 @@
+module( 'plugins.catchremoteimage' );
+
+test( '成功远程图片抓取', function () {
+        UEDITOR_CONFIG.UEDITOR_HOME_URL = '../../../';
+        for (var config in window.UEDITOR_CONFIG) {
+            if (typeof(window.UEDITOR_CONFIG[config]) == 'string'){
+                window.UEDITOR_CONFIG[config] = window.UEDITOR_CONFIG[config].replace('_test/tools/br/', '');
+            }
+        }
+        var editor = new UE.Editor({'autoFloatEnabled':false});
+    stop();
+    setTimeout(function(){
+        var div = document.body.appendChild( document.createElement( 'div' ) );
+        editor.render( div );
+
+        editor.ready(function(){
+            var body = editor.body;
+            editor.setContent( '<p><img src="http://img0.bdstatic.com/static/common/widget/search_box_search/logo/logo_3b6de4c.png"><img src="http://news.baidu.com/resource/img/logo_news_137_46.png"></p>' );
+            editor.fireEvent( "catchRemoteImage" );
+            var count = 0;
+            var handler = setInterval( function () {
+                count++;
+                var imgs = body.getElementsByTagName( 'img' );
+                var src = imgs [1].getAttribute( 'src' );
+                if ( /upload/.test( src ) ) {
+                        clearInterval( handler );
+                        ok( /upload/.test( imgs[0].getAttribute( 'src' ) ), '图片已经被转存到本地' );
+//                        equal( imgs[0].getAttribute( 'src' ), imgs[0].getAttribute( '_src' ), '查看_src' );
+//                        equal( imgs[1].getAttribute( 'src' ), imgs[1].getAttribute( '_src' ), '查看_src' );
+                        equal( imgs.length, 2, '2个图片' );
+                        start();
+                } else if ( count > 100 ) {
+                        clearInterval( handler );
+                        ok( false, '超时，文件获取失败' );
+                        start();
+                }
+            }, 100 );
+            te.dom.push( div );
+         },50);
+    },100);
+} );
+
+//test( '失败远程图片抓取', function () {
+////超时太长了，而且就是一个alert，alert出来还会影响后面跑用例，先占个坑
+//} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/charts.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/charts.js
new file mode 100644
index 000000000..2413fdff9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/charts.js
@@ -0,0 +1,105 @@
+module( 'plugins.charts' );
+
+test( '图表命令检测', function() {
+    expect(3);
+
+    var container = te.obj[0].container,
+        editor = null,
+        count = 0;
+
+    UE.delEditor( te.obj[0] );
+    container.parentNode.removeChild( container );
+
+    container = document.createElement( "div" );
+    container.id = "container";
+    document.body.appendChild( container );
+    editor = UE.getEditor( "container", {
+        initialContent: '<table><tbody><tr><td width="147" valign="top">' +
+                        '<br></td><td width="147" valign="top"><br></td>' +
+                        '<td width="147" valign="top"><br></td><td width="147" valign="top">' +
+                        '<br></td><td width="147" valign="top"><br></td></tr></tbody></table>'
+    } );
+
+
+    stop();
+
+    editor.ready( function () {
+
+        var firstTd = editor.body.getElementsByTagName("td")[0];
+        var range = new baidu.editor.dom.Range(editor.document);
+
+        range.selectNode( firstTd).collapse(true).select();
+
+        equal( editor.queryCommandState( 'charts' ), -1, '数据验证失败， 状态为禁用' );
+
+
+
+        //设置数据格式合法的表格
+        editor.setContent('<table width="992"><tbody><tr class="firstRow"><th valign="null" width="141"><br></th><th width="141">a</th><th width="141">b</th><th width="142">c</th><th width="142">d</th><th width="142">e</th><th width="142">f</th></tr><tr><th valign="null" width="141">1999</th><td valign="top" width="141">1</td><td valign="top" width="141">2</td><td valign="top" width="142">3</td><td valign="top" width="142">4</td><td valign="top" width="142">5</td><td valign="top" width="142">6</td></tr></tbody></table>');
+
+        firstTd = editor.body.getElementsByTagName("td")[0];
+
+        range.setStart( firstTd,0).collapse(true).select();
+
+        equal( editor.queryCommandState( 'charts' ) != -1, true, '数据合法， 状态可用' );
+
+        editor.execCommand( 'charts', {
+            title: '测试标题',
+            subTitle: '标题2',
+            xTitle: 'X轴标题',
+            yTitle: 'Y轴标题',
+            suffix: '后缀',
+            tip: '提示',
+            dataFormat: '1',
+            chartType: 1
+        } );
+
+        var tableNode = editor.body.getElementsByTagName("table")[0];
+
+        equal( tableNode.getAttribute("data-chart") !== null, true, '插入图表命令执行成功' );
+
+        setTimeout(function(){
+            UE.delEditor("container");
+            document.getElementById("container")&&te.dom.push( document.getElementById("container"));
+            start();
+        },300);
+
+    }  );
+
+} );
+test( '图表命令检测', function() {
+//    expect(5);
+
+    UE.delEditor( te.obj[0] );
+    var div = document.createElement( "div" );
+    div.id = "container";
+    document.body.appendChild( div );
+    var editor = UE.getEditor( "container", {
+        initialContent: '<table><tbody><tr><td width="147" valign="top">' +
+            '<br></td></tr><tr><td width="147" valign="top"><br></td></tr></tbody></table>'
+    } );
+    stop();
+    editor.ready( function () {
+        var  range = editor.selection.getRange();
+        range.selectNode( editor.body.getElementsByTagName("td")[0]).collapse(true).select();
+        equal( editor.queryCommandState( 'charts' ), -1, '列数不够， 状态为禁用' );
+        // <table><tbody><tr class="firstRow"><th></th><th></th></tr><tr><td width="483" valign="top" style="word-break: break-all;">1</td><td width="483" valign="top" style="word-break: break-all;">2</td></tr><tr><td width="483" valign="top" style="word-break: break-all;">2</td><td width="483" valign="top" style="word-break: break-all;">2</td></tr></tbody></table>
+        editor.setContent('<table><tbody><tr class="firstRow"><th></th><td>e</td></tr><tr><td width="483" valign="top" style="word-break: break-all;">1</td><td width="483" valign="top" style="word-break: break-all;">2</td></tr><tr><td width="483" valign="top" style="word-break: break-all;">2</td><td width="483" valign="top" style="word-break: break-all;">2</td></tr></tbody></table>');
+        range.selectNode( editor.body.getElementsByTagName("td")[0]).collapse(true).select();
+        equal( editor.queryCommandState( 'charts' ), -1, '第一行不都是th， 状态为禁用' );
+        editor.setContent('<table><tbody><tr class="firstRow"><th></th><th>e</th></tr><tr><td width="483" valign="top" style="word-break: break-all;">1</td><td width="483" valign="top" style="word-break: break-all;">2</td></tr><tr><td width="483" valign="top" style="word-break: break-all;">2</td><td width="483" valign="top" style="word-break: break-all;">2</td></tr></tbody></table>');
+        range.selectNode( editor.body.getElementsByTagName("td")[0]).collapse(true).select();
+        equal( editor.queryCommandState( 'charts' ), -1, '第一列不是th， 状态为禁用' );
+        editor.setContent('<table width="992" ><tbody><tr class="firstRow"><th width="364"></th><th width="364"></th><th width="364"></th></tr><tr><th valign="null" width="263">5</th><td valign="top" style="word-break: break-all;" width="364" rowspan="2" colspan="1">5</td><td valign="top" style="word-break: break-all;" width="364">2</td></tr><tr><th valign="null" width="263"></th><td valign="top" style="word-break: break-all;" width="364">2</td></tr>   <tr><th></th><td valign="top" colspan="1" rowspan="1">2</td><td valign="top" colspan="1" rowspan="1">4</td></tr></tbody></table>');
+        range.selectNode( editor.body.getElementsByTagName("td")[0]).collapse(true).select();
+        equal( editor.queryCommandState( 'charts' ), -1, '每行单元格数不匹配， 状态为禁用' );
+        editor.setContent('<table width="992"><tbody><tr class="firstRow"><th valign="null" width="263"></th><th width="364"></th><th width="364"></th></tr><tr><th valign="null" width="263"></th><td valign="top" style="word-break: break-all;" width="364" class="selectTdClass">1</td><td valign="top" style="word-break: break-all;" width="364">ee</td></tr><tr><th valign="null" width="263"></th><td valign="top" style="word-break: break-all;" width="364" class="selectTdClass">2</td><td valign="top" style="word-break: break-all;" width="364">2</td></tr></tbody></table>');
+        range.selectNode( editor.body.getElementsByTagName("td")[0]).collapse(true).select();
+        equal( editor.queryCommandState( 'charts' ), -1, '内容不是数字， 状态为禁用' );
+        setTimeout(function(){
+            UE.delEditor("container");
+            document.getElementById("container")&&te.dom.push( document.getElementById("container"));
+            start();
+        },300);
+    }  );
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/cleardoc.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/cleardoc.js
new file mode 100644
index 000000000..53de1efb8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/cleardoc.js
@@ -0,0 +1,125 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: shenlixia01
+ * Date: 11-8-15
+ * Time: 下午3:47
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'plugins.cleardoc' );
+
+test( '取得焦点后清空后查看range', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<p>hello1</p><table><tr><td>hello2</td></tr></table>' );
+    editor.focus();
+    var body = editor.body;
+    editor.execCommand( 'cleardoc' );
+    ua.manualDeleteFillData( editor.body );
+    if ( UE.browser.ie ) {
+        equal( ua.getChildHTML( body ), '<p></p>' );         //目前ie清空文档后不放空格占位符
+    }
+    else {
+        equal( ua.getChildHTML( body ), '<p><br></p>', '清空文档' );
+    }
+} );
+
+test( '编辑器没有焦点，清空', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<p>hello1</p><table><tr><td>hello2</td></tr></table>' );
+    var body = editor.body;
+    editor.execCommand( 'cleardoc' );
+    ua.manualDeleteFillData( editor.body );
+    if ( UE.browser.ie ) {
+        equal( ua.getChildHTML( body ), '<p></p>' );
+    }
+    else {
+        equal( ua.getChildHTML( body ), '<p><br></p>', '清空文档' );
+    }
+} );
+
+test( 'enterTag为br', function () {
+    var editor = te.obj[0];
+    editor.options.enterTag='br';
+    editor.setContent( '<table><tr><td>hello</td></tr></table>' );
+    var body = editor.body;
+    editor.execCommand( 'cleardoc' );
+    ua.manualDeleteFillData( editor.body );
+    if (UE.browser.ie) {
+        equal(ua.getChildHTML(body), '<br>', '清空文档');
+    }
+    else {
+        equal(ua.getChildHTML(body), '<br>', '清空文档');
+    }
+} );
+
+/*trace1061*/
+test( '删除时不会删除block元素', function() {
+    if(ua.browser.opera) return 0;
+    var editor = te.obj[0];
+    editor.setContent( '<h1>hello</h1>' );
+    setTimeout(function() {
+        var range = te.obj[1];
+        range.selectNode( editor.body.firstChild ).select();
+        editor.execCommand( 'cleardoc' );
+        equal( editor.body.lastChild.tagName.toLowerCase(), 'p', 'h1替换为p' );
+        ua.manualDeleteFillData(editor.body);
+        if ( !baidu.editor.browser.ie )
+            equal( editor.body.lastChild.innerHTML, '<br>', '内容被删除了' );
+        else
+            equal( editor.body.lastChild.innerHTML, '', '内容被删除了' );
+//        if(!ua.browser.opera){
+//            range = editor.selection.getRange();
+//            equal( range.startContainer.tagName.toLowerCase(), 'p', '光标位置' );
+//        }
+        start();
+    },50);
+    stop();
+} );
+
+test('选中文本，清空',function(){
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>hello</p><p>hello1</p>')
+    range.selectNode(editor.body.firstChild).select();
+    editor.execCommand('cleardoc');
+    var br = ua.browser.ie?'':'<br>';
+    equal(ua.getChildHTML(editor.body),'<p>'+br+'</p>','');
+});
+
+/*trace 1104*/
+test( '全选后删除', function() {
+    var editor = te.obj[0];
+    if ( baidu.editor.browser.ie )
+        editor.setContent( '<p>dsafds&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>' );
+    else
+        editor.setContent( '<p><br></p><p><br></p><p><br></p><p>d<br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p>' );
+    setTimeout(function() {
+        editor.focus();
+        editor.execCommand( 'selectall' );
+        editor.execCommand( 'cleardoc' );
+        ua.manualDeleteFillData(editor.body);
+        equal( editor.body.childNodes.length, 1, '删除后只剩一个bolock元素' );
+        equal( editor.body.firstChild.tagName.toLowerCase(), 'p', '删除后只剩一个p' );
+        if ( !UE.browser.ie )
+            equal( editor.body.lastChild.innerHTML, '<br>', '内容被删除了' );
+        else
+            equal( editor.body.lastChild.innerHTML, '', '内容被删除了' );
+        start();
+    },50);
+    stop();
+} );
+
+test( '删除所有列表', function() {
+    var editor = te.obj[0];
+    editor.setContent('<ol><li>hello1</li><li>你好</li></ol>');
+    setTimeout(function() {
+        var body = editor.body;
+        editor.focus();
+        editor.execCommand( 'selectall' );
+        editor.execCommand( 'cleardoc' );
+        equal( body.childNodes.length, 1, '删除后只剩一个ol元素' );
+        var br = UE.browser.ie?"":"<br>";
+        equal( ua.getChildHTML(body), '<p>'+br+'</p>', '删除后只剩一个p' );
+        start();
+    },50);
+    stop();
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/contextmenu.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/contextmenu.js
new file mode 100644
index 000000000..4ecf7d3f6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/contextmenu.js
@@ -0,0 +1,311 @@
+///**
+// * Created by JetBrains PhpStorm.
+// * User: dongyancen
+// * Date: 12-9-19
+// * Time: 下午4:19
+// * To change this template use File | Settings | File Templates.
+// */
+module('plugins.contextmenu');
+
+//test('stop', function () {stop();});
+test('基本右键菜单', function () {
+    var editor = te.obj[0];
+    stop();
+
+        ua.contextmenu(editor.body);
+        var lang = editor.getLang("contextMenu");
+        equal(document.getElementsByClassName("edui-menu-body").length, 3, '默认3个menu,一个主的，一个段落格式，一个表格');
+        var menuBody = document.getElementsByClassName("edui-menu-body")[0];
+        equal(menuBody.parentNode.parentNode.parentNode.style.display, '', '第一个menu显示');
+        equal(menuBody.childNodes.length, 11, '第一个menu8个items3个分隔线');
+//    var space = browser.webkit||ua.browser.ie==9?"\n":'';
+        var innerText = lang['selectall'] + lang.cleardoc + lang.paragraph + lang.table + lang.insertparagraphbefore + lang.insertparagraphafter + lang['copy'] + lang['paste'];
+        if (browser.gecko) {
+            equal(menuBody.textContent, innerText, '检查menu显示的字符');
+        }
+        else {
+            equal(menuBody.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), innerText, '检查menu显示的字符');
+        }
+        ok(menuBody.childNodes[0].className.indexOf("edui-for-selectall") > -1, '检查menu样式');
+        var menuparagraphBody = document.getElementsByClassName("edui-menu-body")[1];
+        equal(menuparagraphBody.parentNode.parentNode.parentNode.style.display, 'none', '第二个menu隐藏');
+        var menutableBody = document.getElementsByClassName("edui-menu-body")[2];
+        if (ua.browser.ie) {
+            ua.mouseenter(menuBody.childNodes[3]);
+        } else {
+            ua.mouseover(menuBody.childNodes[3]);
+        }
+        setTimeout(function () {
+            lang = editor.getLang("contextMenu");
+            equal(menuparagraphBody.parentNode.parentNode.parentNode.style.display, 'none', '显示submenu,检查submenu的display值:""');
+            equal(menuparagraphBody.childNodes.length, 4, '检查submenu的menuitems数量');
+            equal(menutableBody.parentNode.parentNode.parentNode.style.display, 'none', '显示table submenu,检查submenu的display值:""');
+            /*trace 3038*/
+            if (ua.browser.ie && ua.browser.ie < 9) {
+                equal(menutableBody.childNodes.length, 2, 'ie有一条分隔线');
+            } else {
+                equal(menutableBody.childNodes.length, 1, '只有插入表格选项');
+            }
+            innerText = lang["justifyleft" ] + lang["justifyright" ] + lang["justifycenter" ] + lang[ "justifyjustify" ];
+            if (browser.gecko) {
+                equal(menuparagraphBody.textContent, innerText, '检查menu显示的字符');
+                equal(menutableBody.textContent, lang["inserttable" ], '检查table menu显示的字符');
+            }
+            else {
+                equal(menuparagraphBody.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), innerText, '检查menu显示的字符');
+                equal(menutableBody.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), lang["inserttable" ], '检查table menu显示的字符');
+            }
+            ua.click(menuparagraphBody.childNodes[1]);
+            setTimeout(function () {
+                equal(editor.body.firstChild.style.textAlign, 'right', '文本右对齐');
+                document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                te.dom.push(editor.container);
+                start();
+            }, 500);
+        }, 200);
+});
+
+test('表格右键菜单', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+        var lang = editor.getLang("contextMenu");
+        editor.setContent('<table width="100%" border="1" bordercolor="#000000"><tbody><tr><td style="width:50%;"><br /></td><td style="width:50%;"><br /></td></tr><tr><td style="width:50%;"></td><td style="width:50%;"><br /></td></tr></tbody></table>');
+        setTimeout(function () {
+            range.setStart(editor.body.firstChild.firstChild.firstChild.firstChild.firstChild, 0).collapse(true).select();
+            ua.contextmenu(editor.body.firstChild.firstChild.firstChild);
+// 点开右键菜单
+            equal(document.getElementsByClassName("edui-menu-body").length, 5, '获得edui-menu-body名称的class个数5');
+            var menuBody = document.getElementsByClassName("edui-menu-body")[0];
+            equal(menuBody.childNodes.length, 13, '第一个menu11个items2个分隔线');
+            var innerText = lang.selectall + lang.cleardoc + lang.table + lang.tablesort + lang.borderbk+ lang.aligntd + lang.aligntable + lang.insertparagraphbefore + lang.insertparagraphafter + lang['copy'] + lang['paste'];
+            if (browser.gecko) {
+                equal(menuBody.textContent, innerText, '检查menu显示的字符');
+            }
+            else {
+                equal(menuBody.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), innerText, '检查menu显示的字符');
+            }
+
+            var menutableBody = document.getElementsByClassName("edui-menu-body")[1];
+            var forTable = document.getElementsByClassName('edui-for-table');
+//点开'表格'子菜单
+            if (ua.browser.ie) {
+                ua.mouseenter(forTable[forTable.length - 1]);
+            } else {
+                ua.mouseover(forTable[forTable.length - 1]);
+            }
+            setTimeout(function () {
+                lang = editor.getLang("contextMenu");
+                equal(menutableBody.parentNode.parentNode.parentNode.style.display, 'none', '显示submenu,检查submenu的display值:""');
+                equal(menutableBody.childNodes.length, 19, '14个items5个分隔线');
+                var innerText = lang.deletetable + lang.deleterow + lang.deletecol+ lang.insertcol + lang.insertcolnext + lang.insertrow + lang.insertrownext + lang.insertcaption + lang.inserttitle + lang.inserttitlecol + lang.mergeright + lang.mergedown + lang.edittd + lang.edittable+lang.setbordervisible;
+                if (browser.gecko) {
+                    equal(menutableBody.textContent, innerText, '检查menu显示的字符');
+                }
+                else {
+                    equal(menutableBody.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), innerText, '检查menu显示的字符');
+                }
+                ua.click(menutableBody.childNodes[0]);
+                equal(editor.body.getElementsByTagName('table').length, 0, '删除表格');
+                setTimeout(function () {
+                    document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                    te.dom.push(editor.container);
+                    start();
+                }, 200);
+            }, 200);
+        }, 100);
+});
+
+/*trace 3044*/
+test('trace 3044：表格名称中右键', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+        var lang = editor.getLang("contextMenu");
+        editor.execCommand('cleardoc');
+        editor.execCommand('inserttable');
+        range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+        ua.contextmenu(editor.body.firstChild);
+        var menutableBody = document.getElementsByClassName("edui-menu-body")[1];
+        var forTable = document.getElementsByClassName('edui-for-table');
+        if (ua.browser.ie) {
+            ua.mouseenter(forTable[forTable.length - 1]);
+        } else {
+            ua.mouseover(forTable[forTable.length - 1]);
+        }
+        setTimeout(function () {
+            lang = editor.getLang("contextMenu");
+            ua.click(menutableBody.childNodes[9]);
+            var caption = editor.body.getElementsByTagName('caption');
+            equal(caption.length, 1, '插入表格名称');
+            range.setStart(caption[0], 0).collapse(true).select();
+            ua.contextmenu(editor.body.firstChild.firstChild);
+            forTable = document.getElementsByClassName('edui-for-table');
+            if (ua.browser.ie) {
+                ua.mouseenter(forTable[forTable.length - 1]);
+            } else {
+                ua.mouseover(forTable[forTable.length - 1]);
+            }
+            setTimeout(function () {
+                lang = editor.getLang("contextMenu");
+                menutableBody = document.getElementsByClassName("edui-menu-body")[1];
+                if (ua.browser.ie == 8) {
+                    equal(menutableBody.childNodes.length, 9, '9个子项目,其中有2条分隔线');
+                } else {
+                    equal(menutableBody.childNodes.length, 7, '7个子项目');
+                }
+                var innerText = lang.deletetable + lang.deletecaption + lang.inserttitle+lang.inserttitlecol + lang.edittd + lang.edittable+lang.setbordervisible;
+                if (browser.gecko) {
+                    equal(menutableBody.textContent, innerText, '检查menu显示的字符');
+                } else {
+                    equal(menutableBody.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), innerText, '检查menu显示的字符');
+                }
+                setTimeout(function () {
+                    document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                    te.dom.push(editor.container);
+                    start();
+                }, 200);
+            }, 200);
+        }, 200);
+});
+
+
+
+
+/*trace 3088*/
+test('trace 3088：检查表格属性', function () {
+//    if (ua.browser.ie >8)return;
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue');
+
+    stop();
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        var lang = editor.getLang("contextMenu");
+        editor.execCommand('cleardoc');
+        editor.execCommand('inserttable');
+        range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+        editor.execCommand('inserttitle');
+        range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+        editor.execCommand('insertcaption');
+        range.setStart(editor.body.getElementsByTagName('caption')[0], 0).collapse(true).select();
+        editor.execCommand('deletetitle');
+        setTimeout(function () {
+            range.setStart(editor.body.getElementsByTagName('caption')[0], 0).collapse(true).select();
+            ua.contextmenu(editor.body.firstChild.firstChild);
+            setTimeout(function () {
+                var menutable = document.getElementsByClassName("edui-menu-body")[1];
+                var forTable = document.getElementsByClassName('edui-for-table');
+                //点开'表格属性'(表格子菜单的倒数第二项)
+                if (ua.browser.ie&&ua.browser.ie<9) {
+                    ua.mouseenter(forTable[forTable.length - 1]);
+                    ua.click(menutable.childNodes[menutable.childNodes.length-2]);
+                } else {
+                    ua.mouseover(forTable[forTable.length - 1]);
+                    ua.click(menutable.childNodes[menutable.childNodes.length-2]);
+                }
+                lang = editor.getLang("contextMenu");
+                setTimeout(function () {
+                    var iframe = document.getElementsByTagName('iframe');
+                    var iframe1  ;
+                    for (var i = 0; i <iframe.length; i++) {
+                        if (iframe[i].id && iframe[i].id.indexOf('edui') != -1) {
+                            iframe1 = iframe[i];
+                            break;
+                        }
+                    }
+                    equal(iframe1.contentDocument.getElementById('J_title').checked, false, '无标题行');
+                    equal(iframe1.contentDocument.getElementById('J_caption').checked, true, '有名称');
+                    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+                    ua.contextmenu(editor.body.firstChild);
+                    menutable = document.getElementsByClassName("edui-menu-body")[1];
+                    forTable = document.getElementsByClassName('edui-for-table');
+                    if (ua.browser.ie&&ua.browser.ie<9) {
+                        ua.mouseenter(forTable[forTable.length - 1]);
+                    } else {
+                        ua.mouseover(forTable[forTable.length - 1]);
+                    }
+                    lang = editor.getLang("contextMenu");
+                    ua.click(menutable.childNodes[14]);
+
+                    setTimeout(function () {
+                        iframe = document.getElementsByTagName('iframe');
+                        iframe1 = null;
+                        for (var i = 0; i <iframe.length; i++) {
+                            if (iframe[i].id && iframe[i].id.indexOf('edui') != -1) {
+                                iframe1 = iframe[i];
+                                break;
+                            }
+                        }
+                        equal(iframe1.contentDocument.getElementById('J_title').checked, false, '无标题行');
+                        equal(iframe1.contentDocument.getElementById('J_caption').checked, true, '有名称');
+                        setTimeout(function () {
+                            var c2 = document.getElementById('edui447_body');
+                            ua.click(c2);
+                            document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                            UE.delEditor('ue');
+                            te.dom.push(document.getElementById('ue'));
+                            start();
+                        }, 500);
+                    },500);
+                }, 600);
+            }, 800);
+        }, 800);
+    });
+});
+
+
+/*trace 3045*/
+/*trace 3098*/
+/*trace 3410*/
+/*trace 3448*/
+test('检查表格属性', function () {
+    if (ua.browser.ie&&ua.browser.ie <9 )return;//todo 1.2.6.1  #3098
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue');
+    stop();
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        var lang = editor.getLang("contextMenu");
+        editor.execCommand('cleardoc');
+        editor.execCommand('inserttable');
+        range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+        editor.execCommand('insertcaption');
+        setTimeout(function () {
+            range.setStart(editor.body.getElementsByTagName('caption')[0], 0).collapse(true).select();
+            ua.contextmenu(editor.body.firstChild.firstChild);
+            var menutable = document.getElementsByClassName("edui-menu-body")[1];
+            var forTable = document.getElementsByClassName('edui-for-table');
+            if (ua.browser.ie&&ua.browser.ie<9) {
+                ua.mouseenter(forTable[forTable.length - 1]);
+                ua.click(menutable.childNodes[6]);
+            } else {
+                ua.mouseover(forTable[forTable.length - 1]);
+                ua.click(menutable.childNodes[5]);
+            }
+            lang = editor.getLang("contextMenu");
+            var iframe = document.getElementsByTagName('iframe');
+            setTimeout(function () {
+                var iframe1;
+                for (var i = 0; i < iframe.length; i++) {
+                    if (iframe[i].id.indexOf('edui') != -1) {
+                        iframe1 = iframe[i];
+                        break;
+                    }
+                }
+                equal(iframe1.contentDocument.getElementById('J_tone').value.toLowerCase(), '#dddddd', '默认边框颜色');
+                equal(iframe1.contentDocument.getElementById('J_title').checked, false, '无标题行');
+                equal(iframe1.contentDocument.getElementById('J_caption').checked, true, '有名称');
+                equal(iframe1.contentDocument.getElementById('J_autoSizePage').checked, true, '页面自适应');
+                setTimeout(function () {
+                    document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                    UE.delEditor('ue');
+                    te.dom.push(document.getElementById('ue'));
+                    start();
+                }, 200);
+            }, 300);
+        }, 500);
+    });
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/convertcase.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/convertcase.js
new file mode 100644
index 000000000..1c84d7656
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/convertcase.js
@@ -0,0 +1,197 @@
+module("plugins.convertcase");
+
+test('闭合选择', function () {
+    stop();
+
+    setTimeout(function () {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent('<p>hello</p>');
+        setTimeout(function () {
+            range.setStart(body.firstChild, 1).collapse(true).select();
+            editor.execCommand("touppercase");
+            equal(editor.getContent(), "<p>hello</p>", "闭合选择--up");
+            start();
+        }, 50);
+    }, 100);
+});
+test('非闭合选择----字符串全选', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<p>hello1</p><p>hello2</p>');
+    setTimeout(function () {
+        range.setStart(body.firstChild, 0).setEnd(body.lastChild, 1).select();
+        editor.execCommand("touppercase");
+        equal(editor.getContent(), "<p>HELLO1</p><p>HELLO2</p>", "非闭合--字符串全选--up");
+        editor.execCommand("touppercase");
+        equal(editor.getContent(), "<p>HELLO1</p><p>HELLO2</p>", "非闭合--两次up");
+        editor.execCommand("tolowercase");
+        equal(editor.getContent(), "<p>hello1</p><p>hello2</p>", "非闭合--字符串全选--low");
+        editor.execCommand("tolowercase");
+        equal(editor.getContent(), "<p>hello1</p><p>hello2</p>", "非闭合---两次low");
+        start();
+    }, 50);
+    stop();
+});
+test('非闭合选择----子字符串', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<p>hello1</p><p>hello2</p>');
+    setTimeout(function () {
+        range.setStart(body.firstChild.firstChild, 2).setEnd(body.lastChild.firstChild, 2).select();
+        editor.execCommand("touppercase");
+        equal(editor.getContent(), "<p>heLLO1</p><p>HEllo2</p>", "非闭合--子字符串--up");
+        editor.execCommand("tolowercase");
+        equal(editor.getContent(), "<p>hello1</p><p>hello2</p>", "非闭合--子字符串--low");
+        start();
+    }, 50);
+    stop();
+});
+test('非闭合选择----字符串包括大写跟小写', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    var text = "<p>HEllo1</p><p>heLLo2</p>";
+    editor.setContent(text);
+    setTimeout(function () {
+        range.setStart(body.firstChild.firstChild, 0).setEnd(body.lastChild.firstChild, 6).select();
+        editor.execCommand("touppercase");
+        equal(editor.getContent(), "<p>HELLO1</p><p>HELLO2</p>", "非闭合--包含大小写--up");
+        editor.setContent(text);
+        setTimeout(function () {
+            range.setStart(body.firstChild.firstChild, 0).setEnd(body.lastChild.firstChild, 6).select();
+            editor.execCommand("tolowercase");
+            equal(editor.getContent(), "<p>hello1</p><p>hello2</p>", "非闭合--包含大小写--low");
+            start();
+        }, 50);
+    }, 50);
+    stop();
+});
+test('非闭合选择----字符串包括换行跟空格', function () {
+    if (ua.browser.ie == 9)return;//TODO 1.2.6
+    if (ua.browser.ie == 8)return;//TODO 1.2.6 PUBLICGE-3402
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<p>HEllo1<br/> heLLO2</p>');
+    setTimeout(function () {
+        range.setStart(body.firstChild.firstChild, 0).setEnd(body.firstChild.lastChild, 6).select();
+        editor.execCommand("touppercase");
+        equal(editor.getContent(), "<p>HELLO1<br/> HELLO2</p>", "非闭合--包含大小写--up");
+        editor.execCommand("tolowercase");
+        equal(editor.getContent(), "<p>hello1<br/> hello2</p>", "非闭合--包含大小写--low");
+        start();
+    }, 50);
+    stop();
+});
+test('标签table', function () {
+    //单个单元格，多个单元格，两个表格
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    var text = "<table><tr><td>hello1</td><td>hello2</td></tr><tr><td>hello3</td><td>hello4</td></tr></table>";
+    editor.setContent(text);
+    stop();
+    setTimeout(function () {
+        var tds = body.firstChild.getElementsByTagName('td');
+        range.selectNode(tds[1]).select();
+        editor.execCommand("touppercase");
+        equal(tds[1].innerHTML, "HELLO2", "table--up");
+        editor.execCommand("tolowercase");
+        equal(tds[1].innerHTML, "hello2", "table--low");
+
+        range.setStart(tds[1], 0).setEnd(tds[2], 1).select();
+        editor.execCommand("touppercase");
+        equal(tds[1].innerHTML, "HELLO2", "table--单元格2--up");
+        equal(tds[2].innerHTML, "HELLO3", "table--单元格3--up");
+        editor.execCommand("tolowercase");
+        equal(tds[1].innerHTML, "hello2", "table--单元格2--low");
+        equal(tds[2].innerHTML, "hello3", "table--单元格3--low");
+
+        range.setStart(tds[0], 0).setEnd(tds[3], 1).select();
+        editor.execCommand("touppercase");
+        equal(tds[0].innerHTML, "HELLO1", "table--单元格1--up");
+        equal(tds[1].innerHTML, "HELLO2", "table--单元格2--up");
+        equal(tds[2].innerHTML, "HELLO3", "table--单元格3--up");
+        equal(tds[3].innerHTML, "HELLO4", "table--单元格4--up");
+        editor.execCommand("tolowercase");
+        equal(tds[0].innerHTML, "hello1", "table--单元格1--low");
+        equal(tds[1].innerHTML, "hello2", "table--单元格2--low");
+        equal(tds[2].innerHTML, "hello3", "table--单元格3--low");
+        equal(tds[3].innerHTML, "hello4", "table--单元格4--low");
+        start();
+    }, 50);
+});
+
+test('标签h1', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<h1>hello1</h1><h1>hello2</h1>');
+    range.setStart(body.firstChild.firstChild, 2).setEnd(body.lastChild.firstChild, 2).select();
+    editor.execCommand("touppercase");
+    equal(editor.getContent(), "<h1>heLLO1</h1><h1>HEllo2</h1>", "h1--up");
+    editor.execCommand("tolowercase");
+    equal(editor.getContent(), "<h1>hello1</h1><h1>hello2</h1>", "h1--low");
+});
+
+test('h1&table', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    var text = "<h1>hello</h1><table><tbody><tr><td>hello1</td><td>hello2</td></tr><tr><td>hello3</td><td>hello4</td></tr></tbody></table>";
+    editor.setContent(text);
+    stop();
+    setTimeout(function () {
+        range.setStart(body.firstChild.firstChild, 0).setEnd(body.lastChild.firstChild.lastChild.lastChild.firstChild, 6).select();
+        var tds = body.lastChild.getElementsByTagName('td');
+        editor.execCommand("touppercase");
+        ok(body.firstChild.tagName == "h1" || body.firstChild.tagName == "H1", "h1标签");
+        equal(body.firstChild.innerHTML, "HELLO", "h1--up");
+        equal(tds[0].innerHTML, "HELLO1", "table--单元格1--up");
+        equal(tds[1].innerHTML, "HELLO2", "table--单元格2--up");
+        equal(tds[2].innerHTML, "HELLO3", "table--单元格3--up");
+        equal(tds[3].innerHTML, "HELLO4", "table--单元格4--up");
+        editor.execCommand("tolowercase");
+        ok(body.firstChild.tagName == "h1" || body.firstChild.tagName == "H1", "h1标签");
+        equal(body.firstChild.innerHTML, "hello", "h1--low");
+        equal(tds[0].innerHTML, "hello1", "table--单元格1--low");
+        equal(tds[1].innerHTML, "hello2", "table--单元格2--low");
+        equal(tds[2].innerHTML, "hello3", "table--单元格3--low");
+        equal(tds[3].innerHTML, "hello4", "table--单元格4--low");
+        start();
+    }, 50);
+});
+
+test('三个组合', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    var text = "<p>hello</p><table><tbody><tr><td>hello1</td><td>hello2</td></tr><tr><td>hello3</td><td>hello4</td></tr></tbody></table><h1>hello</h1>";
+    editor.setContent(text);
+    var tds = body.firstChild.nextSibling.getElementsByTagName('td');
+    range.setStart(body.firstChild.firstChild, 2).setEnd(body.lastChild.firstChild, 2).select();
+    editor.execCommand("touppercase");
+    ok(body.firstChild.tagName == "p" || body.firstChild.tagName == "P", "p标签");
+    equal(body.firstChild.innerHTML, "heLLO", "p--up");
+    equal(tds[0].innerHTML, "HELLO1", "table--单元格1--up");
+    equal(tds[1].innerHTML, "HELLO2", "table--单元格2--up");
+    equal(tds[2].innerHTML, "HELLO3", "table--单元格3--up");
+    equal(tds[3].innerHTML, "HELLO4", "table--单元格4--up");
+    ok(body.lastChild.tagName == "h1" || body.lastChild.tagName == "H1", "h1标签");
+    equal(body.lastChild.innerHTML, "HEllo", "h1--up");
+    editor.execCommand("tolowercase");
+    ok(body.firstChild.tagName == "p" || body.firstChild.tagName == "P", "p标签");
+    equal(body.firstChild.innerHTML, "hello", "p--low");
+    equal(tds[0].innerHTML, "hello1", "table--单元格1--low");
+    equal(tds[1].innerHTML, "hello2", "table--单元格2--low");
+    equal(tds[2].innerHTML, "hello3", "table--单元格3--low");
+    equal(tds[3].innerHTML, "hello4", "table--单元格4--low");
+    ok(body.lastChild.tagName == "h1" || body.lastChild.tagName == "H1", "h1标签");
+    equal(body.lastChild.innerHTML, "hello", "h1--low");
+});
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/copy.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/copy.js
new file mode 100644
index 000000000..eded27dc8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/copy.js
@@ -0,0 +1,50 @@
+module('plugins.copy');
+
+//需要点击授权弹出框,暂时去除
+//test('检查IE下复制命令是否执行正常', function () {
+//
+//    if (browser.ie) {
+//        var editor = te.obj[0];
+//        editor.setContent('<p>hello</p>');
+//        editor.focus();
+//
+//        editor.execCommand('selectall');
+//        editor.execCommand('copy');
+//        editor.body.innerHTML = '';
+//        editor.execCommand('selectall');
+//        editor.body.document.execCommand('paste');
+//
+//        equal(utils.trim(window.clipboardData.getData('text')), 'hello', '检查粘贴板内容,IE下成功复制内容');
+//        setTimeout(function(){
+//            equal(editor.getContent(), '<p>hello</p>', '检查原生粘贴命令,IE下成功复制内容');
+//            start();
+//        },100);
+//
+//        stop();
+//    }
+//
+//});
+
+test('检查非IE下是否正常加载zeroclipboard粘贴板插件', function () {
+    te.dom[0].parentNode.removeChild(te.dom[0]);
+    var sc = document.createElement("script");
+    sc.id="sc";
+    sc.type = "text/plain";
+    sc.style.height = "100px";
+    document.body.appendChild(sc);
+    var me = UE.getEditor('sc',{'autoFloatEnabled':true,'topOffset':60,'autoHeightEnabled':true,'scaleEnabled':false});
+    me.ready(function(){
+        setTimeout(function(){
+            if (!browser.ie) {
+            ok(window.ZeroClipboard, '是否正常加载zeroclipboard粘贴板插件');
+            }
+            setTimeout(function () {
+                UE.delEditor('sc');
+                document.getElementById('sc')&&document.getElementById('sc').parentNode.removeChild(document.getElementById('sc'));
+                start();
+            }, 500);
+        }, 300);
+    });
+    stop();
+
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/customstyle.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/customstyle.js
new file mode 100644
index 000000000..c8bc6852c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/customstyle.js
@@ -0,0 +1,451 @@
+/**
+ *
+ */
+module( 'plugins.customstyle' );
+
+test( 'block的元素（p）', function () {
+        var editor = te.obj[0];
+    editor.setContent('<p>hello</p>');
+    setTimeout(function () {
+        var range = editor.selection.getRange();
+        range.selectNode(editor.body.firstChild).select();//非闭合选区
+
+        editor.execCommand('customstyle', {
+            style:'border:1px solid #ccc',
+            label:'aaa',
+            tag:'h3'
+        });
+        ua.manualDeleteFillData(editor.body);
+        equal(editor.body.firstChild.getAttribute('label'), 'aaa', '检查标签');
+        range.selectNode(editor.body.firstChild).select();
+        equal(editor.queryCommandValue('customstyle'), 'aaa', 'queryCommandValue');
+        equal(editor.queryCommandState('customstyle'), '0', 'queryCommandState');
+        var hStyle = $(editor.body.firstChild);
+        ok(editor.body.firstChild.style.borderWidth == '1px', '检查边框宽');
+        ok(hStyle.css('border-top-style') == 'solid' && hStyle.css('border-bottom-style') == 'solid' && hStyle.css('border-left-style') == 'solid' && hStyle.css('border-right-style') == 'solid', '检查边框风格');
+        if (ua.browser.ie && ua.browser.ie < 9)
+            ok(hStyle.css('border-top-color') == '#ccc' && hStyle.css('border-bottom-color') == '#ccc' && hStyle.css('border-left-color') == '#ccc' && hStyle.css('border-right-color') == '#ccc', '检查边框颜色');
+        else
+            ok(hStyle.css('border-top-color') == 'rgb(204, 204, 204)' && hStyle.css('border-bottom-color') == 'rgb(204, 204, 204)' && hStyle.css('border-left-color') == 'rgb(204, 204, 204)' && hStyle.css('border-right-color') == 'rgb(204, 204, 204)', '检查边框颜色');
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();//闭合选区
+        editor.execCommand('customstyle', {
+            style:'border:1px solid #ccc',
+            label:'aaa',
+            tag:'h3'
+        });
+        ua.manualDeleteFillData(editor.body);
+        range.selectNode(editor.body.firstChild).select();
+        equal(editor.queryCommandValue('customstyle'), '');
+        equal(editor.queryCommandState('customstyle'), '0', 'queryCommandState');
+        /*trace 1732*/
+        var p = editor.body.firstChild;
+        equal(p.tagName.toLowerCase(), 'p', '闭合去掉h3标签');
+        equal(p.innerHTML, 'hello', '检查innerHTML');
+
+        editor.setContent('<h3 style="border: 1px solid rgb(204, 204, 204); " label="aaa">hello</h3><p><br></p>');
+        range.selectNode(editor.body.firstChild).select();
+        editor.execCommand('customstyle', {
+            style:'border:1px solid #ccc',
+            label:'aaa',
+            tag:'h3'
+        });
+        var p = editor.body.firstChild;
+        equal(p.tagName.toLowerCase(), 'p', '非闭合去掉h3标签');
+        start();
+    }, 50);
+    stop();
+} );
+test( 'block的元素（div）', function () {
+        var editor = te.obj[0];
+        editor.setContent( '<div>hello</div>' );
+    setTimeout(function(){
+        var range = editor.selection.getRange();
+        range.selectNode( editor.body.firstChild ).select();//非闭合选区
+        editor.execCommand( 'customstyle', {
+                style:'border:1px solid #ccc',
+                label:'aaa',
+                tag:'h3'
+        } );
+        ua.manualDeleteFillData( editor.body );
+        equal( editor.body.firstChild.getAttribute( 'label' ), 'aaa', '检查标签' );
+        var hStyle = $( editor.body.firstChild );
+        ok( editor.body.firstChild.style.borderWidth=='1px', '检查边框宽' );
+        ok( hStyle.css( 'border-top-style' ) == 'solid' && hStyle.css( 'border-bottom-style' ) == 'solid' && hStyle.css( 'border-left-style' ) == 'solid' && hStyle.css( 'border-right-style' ) == 'solid', '检查边框风格' );
+        if ( ua.browser.ie&&ua.browser.ie<9 )
+            ok( hStyle.css( 'border-top-color' ) == '#ccc' && hStyle.css( 'border-bottom-color' ) == '#ccc' && hStyle.css( 'border-left-color' ) == '#ccc' && hStyle.css( 'border-right-color' ) == '#ccc', '检查边框颜色' );
+        else
+            ok( hStyle.css( 'border-top-color' ) == 'rgb(204, 204, 204)' && hStyle.css( 'border-bottom-color' ) == 'rgb(204, 204, 204)' && hStyle.css( 'border-left-color' ) == 'rgb(204, 204, 204)' && hStyle.css( 'border-right-color' ) == 'rgb(204, 204, 204)', '检查边框颜色' );
+        range.setStart(editor.body.firstChild,0).collapse(true).select();//闭合选区
+        editor.execCommand( 'customstyle', {
+                style:'border:1px solid #ccc',
+                label:'aaa',
+                tag:'h3'
+        } );
+        ua.manualDeleteFillData( editor.body );
+        /*trace 1732*/
+        var p = editor.body.firstChild;
+        equal( p.tagName.toLowerCase(), 'p', 'h3被去掉了' );
+        equal( p.innerHTML, 'hello', '检查innerHTML' );
+    start();
+},50);
+stop();
+} );
+
+test( 'inline的元素(a)', function () {
+        var editor = te.obj[0];
+        editor.setContent( '<a href="http://www.baidu.com">hello</a>' );
+        var range = editor.selection.getRange();
+        range.selectNode( editor.body.firstChild ).select();//非闭合选区
+
+        editor.execCommand( 'customstyle', {
+                style:'border:1px solid #ccc',
+                label:'aaa',
+                tag:'h3'
+        } );
+        range.selectNode( editor.body.firstChild ).select();
+        equal(editor.queryCommandValue('customstyle'),'aaa','queryCommandValue');
+        equal(editor.queryCommandState('customstyle'),'0','queryCommandState');
+        ua.manualDeleteFillData( editor.body );
+        equal( editor.body.firstChild.getAttribute( 'label' ), 'aaa', '检查标签' );
+        var hStyle = $( editor.body.firstChild );
+        ok( editor.body.firstChild.style.borderWidth=='1px', '检查边框宽' );
+        ok( hStyle.css( 'border-top-style' ) == 'solid' && hStyle.css( 'border-bottom-style' ) == 'solid' && hStyle.css( 'border-left-style' ) == 'solid' && hStyle.css( 'border-right-style' ) == 'solid', '检查边框风格' );
+        if (ua.browser.ie&&ua.browser.ie<9 )
+            ok( hStyle.css( 'border-top-color' ) == '#ccc' && hStyle.css( 'border-bottom-color' ) == '#ccc' && hStyle.css( 'border-left-color' ) == '#ccc' && hStyle.css( 'border-right-color' ) == '#ccc', '检查边框颜色' );
+        else
+            ok( hStyle.css( 'border-top-color' ) == 'rgb(204, 204, 204)' && hStyle.css( 'border-bottom-color' ) == 'rgb(204, 204, 204)' && hStyle.css( 'border-left-color' ) == 'rgb(204, 204, 204)' && hStyle.css( 'border-right-color' ) == 'rgb(204, 204, 204)', '检查边框颜色' );
+        range.setStart(editor.body.firstChild,0).collapse(true).select();//闭合选区
+        editor.execCommand( 'customstyle', {
+                style:'border:1px solid #ccc',
+                label:'aaa',
+                tag:'h3'
+        } );
+        ua.manualDeleteFillData( editor.body );
+        /*trace 1732*/
+        var a = editor.body.getElementsByTagName('a')[0];
+        equal( a.tagName.toLowerCase(), 'a', 'h3被去掉了' );
+        equal( a.innerHTML, 'hello', '检查innerHTML' );
+        range.selectNode( editor.body.firstChild ).select();
+        equal(editor.queryCommandValue('customstyle'),'','queryCommandValue');
+        equal(editor.queryCommandState('customstyle'),'0','queryCommandState');
+} );
+//h 与span标签作为选区的情况，在下的用例中自然使用到
+test( 'block的元素-样式的反复转换：块-块；包含的选取方式：整段、部分、多段', function () {
+        var editor = te.obj[0];
+        editor.setContent( '<p>hello</p><p>world</p>' );
+        var range = editor.selection.getRange();
+        range.setStart(editor.body.firstChild.firstChild,0).setEnd(editor.body.firstChild.firstChild,2).select();//非闭合选区，部分
+        editor.execCommand( 'customstyle', {
+                style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;',
+                label:'居中标题',
+                tag:'h1'
+        } );
+        ua.manualDeleteFillData( editor.body );
+        equal( editor.body.getElementsByTagName('h1')[0].getAttribute( 'label' ), '居中标题', '非闭合选区，部分选择，设置块元素的样式：居中标题' );
+        var hStyle = $( editor.body.getElementsByTagName('h1')[0]);
+        ok(  editor.body.getElementsByTagName('h1')[0].style.borderBottomWidth == '2px' , '检查边框宽' );
+        ok(  hStyle.css( 'border-bottom-style' ) == 'solid' , '检查边框风格' );
+        ok(  hStyle.css( 'padding-bottom' ) == '0px'&&hStyle.css( 'padding-top' ) == '0px'&&hStyle.css( 'padding-left' ) == '0px'&&hStyle.css( 'padding-right' ) == '4px' , '检查padding' );
+        ok(  hStyle.css( 'margin-bottom' ) == '20px'&&hStyle.css( 'margin-top' ) == '0px'&&hStyle.css( 'margin-left' ) == '0px'&&hStyle.css( 'margin-right' ) == '0px' , '检查margin' );
+        ok(  hStyle.css( 'text-align' ) == 'center' , '检查对齐方式' );
+        if ( ua.browser.ie&&ua.browser.ie<9 )
+            ok(  hStyle.css( 'border-bottom-color' ) == '#ccc' , '检查边框颜色' );
+        else
+            ok( hStyle.css( 'border-bottom-color' ) == 'rgb(204, 204, 204)' , '检查边框颜色' );
+        range.setStart(editor.body.getElementsByTagName('h1')[0],0).collapse(true).select();//闭合选区
+        editor.execCommand( 'customstyle', {
+                tag:'h1',
+                label:'居左标题',
+                style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;margin:0 0 10px 0;'
+        } );
+        ua.manualDeleteFillData( editor.body );
+        equal( editor.body.getElementsByTagName('h1')[0].getAttribute( 'label' ), '居左标题', '闭合选区设置块元素的样式：居左标题' );
+        var hStyle = $(editor.body.getElementsByTagName('h1')[0]);
+        ok(  editor.body.getElementsByTagName('h1')[0].style.borderBottomWidth == '2px' , '检查边框宽' );
+        ok(  hStyle.css( 'border-bottom-style' ) == 'solid' , '检查边框风格' );
+        ok(  hStyle.css( 'padding-bottom' ) == '0px'&&hStyle.css( 'padding-top' ) == '0px'&&hStyle.css( 'padding-left' ) == '0px'&&hStyle.css( 'padding-right' ) == '4px' , '检查padding' );
+        ok(  hStyle.css( 'margin-bottom' ) == '10px'&&hStyle.css( 'margin-top' ) == '0px'&&hStyle.css( 'margin-left' ) == '0px'&&hStyle.css( 'margin-right' ) == '0px' , '检查margin' );
+        ok(  hStyle.css( 'text-align' ) != 'center' , '检查对齐方式' );
+        if (ua.browser.ie&&ua.browser.ie<9 )
+            ok(  hStyle.css( 'border-bottom-color' ) == '#ccc' , '检查边框颜色' );
+        else
+            ok( hStyle.css( 'border-bottom-color' ) == 'rgb(204, 204, 204)' , '检查边框颜色' );
+        range.setStart(editor.body.firstChild,0).setEnd(editor.body.lastChild,1).select();//非闭合选区，多段
+        editor.execCommand( 'customstyle', {
+                tag:'h3',
+                label:'标题3',
+                style:'border-bottom:#ccc 1px solid;padding:0 1px 0 0;margin:0 0 10px 0;'
+        } );
+        ua.manualDeleteFillData( editor.body );
+        ok(editor.body.getElementsByTagName('h1').length==0&&editor.body.getElementsByTagName('h3').length==2,'选中两行（中间夹一行空行），设置成标题3');
+        equal( editor.body.getElementsByTagName('h3')[0].getAttribute( 'label' ), '标题3', '标题3' );
+        var hStyle = $( editor.body.getElementsByTagName('h3')[0]);
+        ok(  editor.body.getElementsByTagName('h3')[0].style.borderBottomWidth == '1px' , '检查边框宽' );
+        ok(  hStyle.css( 'border-bottom-style' ) == 'solid' , '检查边框风格' );
+        ok(  hStyle.css( 'padding-bottom' ) == '0px'&&hStyle.css( 'padding-top' ) == '0px'&&hStyle.css( 'padding-left' ) == '0px'&&hStyle.css( 'padding-right' ) == '1px' , '检查padding' );
+        ok(  hStyle.css( 'margin-bottom' ) == '10px'&&hStyle.css( 'margin-top' ) == '0px'&&hStyle.css( 'margin-left' ) == '0px'&&hStyle.css( 'margin-right' ) == '0px' , '检查margin' );
+        if ( ua.browser.ie&&ua.browser.ie<9 )
+            ok(  hStyle.css( 'border-bottom-color' ) == '#ccc' , '检查边框颜色' );
+        else
+            ok( hStyle.css( 'border-bottom-color' ) == 'rgb(204, 204, 204)' , '检查边框颜色' );
+        equal( editor.body.getElementsByTagName('h3')[1].getAttribute( 'label' ), '标题3', '标题3' );
+        var hStyle = $( editor.body.getElementsByTagName('h3')[1] );
+        ok(  editor.body.getElementsByTagName('h3')[1].style.borderBottomWidth == '1px' , '检查边框宽' );
+        ok(  hStyle.css( 'border-bottom-style' ) == 'solid' , '检查边框风格' );
+        ok(  hStyle.css( 'padding-bottom' ) == '0px'&&hStyle.css( 'padding-top' ) == '0px'&&hStyle.css( 'padding-left' ) == '0px'&&hStyle.css( 'padding-right' ) == '1px' , '检查padding' );
+        ok(  hStyle.css( 'margin-bottom' ) == '10px'&&hStyle.css( 'margin-top' ) == '0px'&&hStyle.css( 'margin-left' ) == '0px'&&hStyle.css( 'margin-right' ) == '0px' , '检查margin' );
+        if ( ua.browser.ie&&ua.browser.ie<9 )
+            ok(  hStyle.css( 'border-bottom-color' ) == '#ccc' , '检查边框颜色' );
+        else
+            ok( hStyle.css( 'border-bottom-color' ) == 'rgb(204, 204, 204)' , '检查边框颜色' );
+});
+test( 'block的元素-样式的反复转换：块-块；包含的选取方式： 多段部分', function () {
+        var editor = te.obj[0];
+        var range = editor.selection.getRange();
+        editor.setContent( '<p>hello</p><p>world</p><p>！！！</p>' );
+        range.setStart(editor.body.firstChild.firstChild,2).setEnd(editor.body.lastChild.firstChild,1).select();//非闭合选区，多段部分
+        editor.execCommand( 'customstyle', {
+                tag:'h1',
+                label:'标题1',
+                style:'border-bottom:#ccc 1px solid;padding:0 3px 0 0;margin:10px 0 10px 0;'
+        } );
+        ua.manualDeleteFillData( editor.body );
+        ok(editor.body.getElementsByTagName('h1').length==3,'选中多行的部分，设置成标题1');
+        equal( editor.body.getElementsByTagName('h1')[0].getAttribute( 'label' ), '标题1', '标题1' );
+        var hStyle = $( editor.body.getElementsByTagName('h1')[0] );
+        ok(  editor.body.getElementsByTagName('h1')[0].style.borderBottomWidth == '1px' , '检查边框宽' );
+        ok(  hStyle.css( 'border-bottom-style' ) == 'solid' , '检查边框风格' );
+        ok(  hStyle.css( 'padding-bottom' ) == '0px'&&hStyle.css( 'padding-top' ) == '0px'&&hStyle.css( 'padding-left' ) == '0px'&&hStyle.css( 'padding-right' ) == '3px' , '检查padding' );
+        ok(  hStyle.css( 'margin-bottom' ) == '10px'&&hStyle.css( 'margin-top' ) == '10px'&&hStyle.css( 'margin-left' ) == '0px'&&hStyle.css( 'margin-right' ) == '0px' , '检查margin' );
+        if ( ua.browser.ie&&ua.browser.ie<9 )
+            ok(  hStyle.css( 'border-bottom-color' ) == '#ccc' , '检查边框颜色' );
+        else
+            ok( hStyle.css( 'border-bottom-color' ) == 'rgb(204, 204, 204)' , '检查边框颜色' );
+        equal( editor.body.getElementsByTagName('h1')[1].getAttribute( 'label' ), '标题1', '标题1' );
+        var hStyle = $( editor.body.getElementsByTagName('h1')[1] );
+        ok(  editor.body.getElementsByTagName('h1')[1].style.borderBottomWidth == '1px' , '检查边框宽' );
+        ok(  hStyle.css( 'border-bottom-style' ) == 'solid' , '检查边框风格' );
+        ok(  hStyle.css( 'padding-bottom' ) == '0px'&&hStyle.css( 'padding-top' ) == '0px'&&hStyle.css( 'padding-left' ) == '0px'&&hStyle.css( 'padding-right' ) == '3px' , '检查padding' );
+        ok(  hStyle.css( 'margin-bottom' ) == '10px'&&hStyle.css( 'margin-top' ) == '10px'&&hStyle.css( 'margin-left' ) == '0px'&&hStyle.css( 'margin-right' ) == '0px' , '检查margin' );
+        if ( ua.browser.ie&&ua.browser.ie<9 )
+            ok(  hStyle.css( 'border-bottom-color' ) == '#ccc' , '检查边框颜色' );
+        else
+            ok( hStyle.css( 'border-bottom-color' ) == 'rgb(204, 204, 204)' , '检查边框颜色' );
+        equal( editor.body.getElementsByTagName('h1')[2].getAttribute( 'label' ), '标题1', '标题1' );
+        var hStyle = $( editor.body.getElementsByTagName('h1')[2] );
+        ok(  editor.body.getElementsByTagName('h1')[2].style.borderBottomWidth == '1px' , '检查边框宽' );
+        ok(  hStyle.css( 'border-bottom-style' ) == 'solid' , '检查边框风格' );
+        ok(  hStyle.css( 'padding-bottom' ) == '0px'&&hStyle.css( 'padding-top' ) == '0px'&&hStyle.css( 'padding-left' ) == '0px'&&hStyle.css( 'padding-right' ) == '3px' , '检查padding' );
+        ok(  hStyle.css( 'margin-bottom' ) == '10px'&&hStyle.css( 'margin-top' ) == '10px'&&hStyle.css( 'margin-left' ) == '0px'&&hStyle.css( 'margin-right' ) == '0px' , '检查margin' );
+        if ( ua.browser.ie&&ua.browser.ie<9 )
+            ok(  hStyle.css( 'border-bottom-color' ) == '#ccc' , '检查边框颜色' );
+        else
+            ok( hStyle.css( 'border-bottom-color' ) == 'rgb(204, 204, 204)' , '检查边框颜色' );
+
+} );
+test( 'block的元素-样式的反复转换：块-内联；包含的选取方式：闭合、多段部分', function () {
+        var editor = te.obj[0];
+        editor.setContent( '<p>hello</p><p>world</p>' );
+        var range = editor.selection.getRange();
+        range.setStart(editor.body.firstChild,0).setEnd(editor.body.lastChild,1).select();//现设块样式
+        editor.execCommand( 'customstyle', {
+                style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;',
+                label:'居中标题',
+                tag:'h1'
+        } );
+        range.setStart(editor.body.getElementsByTagName('h1')[0],0).collapse(true).select();//闭合选区
+        editor.execCommand( 'customstyle', {
+                tag:'span',
+                label:'强调',
+                style:'font-style:italic;font-weight:bold;color:#000'
+        } );
+        ua.manualDeleteFillData( editor.body );
+        equal( editor.body.getElementsByTagName('span')[0].getAttribute( 'label' ), '强调', '闭合选区设置样式：强调' );
+        var hStyle = $( editor.body.getElementsByTagName('span')[0] );
+        if ( ua.browser.webkit )
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == 'bold' , '检查字体' );
+        else
+             ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == '700' , '检查字体' );
+        if(ua.browser.ie&&ua.browser.ie<9)
+            equal( hStyle.css( 'color' ) , '#000' , '检查颜色' );
+        else
+            equal(  hStyle.css( 'color' ) ,'rgb(0, 0, 0)' , '检查颜色' );
+        range.setStart(editor.body.getElementsByTagName('h1')[0].lastChild,0).setEnd(editor.body.getElementsByTagName('h1')[1].firstChild,2).select();//多段部分
+        editor.execCommand( 'customstyle', {
+            tag:'span',
+            label:'明显强调',
+            style:'font-style:italic;font-weight:bold;color:rgb(51, 153, 204)'
+        } );
+        ua.manualDeleteFillData( editor.body );
+        equal( editor.body.getElementsByTagName('h1')[1].firstChild.getAttribute( 'label' ), '明显强调', '闭合选区设置样式：明显强调' );
+        var hStyle = $( editor.body.getElementsByTagName('h1')[1].firstChild );
+        if ( ua.browser.webkit )
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == 'bold' , '检查字体' );
+        else
+             ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == '700' , '检查字体' );
+        if(ua.browser.ie&&ua.browser.ie<9)
+            equal( hStyle.css( 'color' ) , 'rgb(51,153,204)', '检查颜色' );
+        else
+            equal(  hStyle.css( 'color' ) ,'rgb(51, 153, 204)' , '检查颜色' );
+} );
+test( 'block的元素-样式的反复转换：内联-块；包含的选取方式：闭合', function () { //从内联-块的转换意义不大，其实还是针对块的转换，就不做多种方式选取了
+        var editor = te.obj[0];
+        editor.setContent( '<p>hello</p>' );
+        var range = editor.selection.getRange();
+        range.setStart(editor.body.firstChild,0).setEnd(editor.body.firstChild,1).select();
+        editor.execCommand( 'customstyle', {
+                tag:'span',
+                label:'强调',
+                style:'font-style:italic;font-weight:bold;color:#000'
+        } );
+        range.setStart(editor.body.firstChild,0).collapse(true).select();
+        editor.execCommand( 'customstyle', {
+                style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;',
+                label:'居中标题',
+                tag:'h1'
+        } );
+        ua.manualDeleteFillData( editor.body );
+        equal( editor.body.getElementsByTagName('h1')[0].getAttribute( 'label' ), '居中标题', '居中标题' );
+        var hStyle = $( editor.body.getElementsByTagName('h1')[0] );
+        ok(  editor.body.getElementsByTagName('h1')[0].style.borderBottomWidth == '2px' , '检查边框宽' );
+        ok(  hStyle.css( 'border-bottom-style' ) == 'solid' , '检查边框风格' );
+        ok(  hStyle.css( 'padding-bottom' ) == '0px'&&hStyle.css( 'padding-top' ) == '0px'&&hStyle.css( 'padding-left' ) == '0px'&&hStyle.css( 'padding-right' ) == '4px' , '检查padding' );
+        ok(  hStyle.css( 'margin-bottom' ) == '20px'&&hStyle.css( 'margin-top' ) == '0px'&&hStyle.css( 'margin-left' ) == '0px'&&hStyle.css( 'margin-right' ) == '0px' , '检查margin' );
+        if ( ua.browser.ie&&ua.browser.ie<9 )
+            ok(  hStyle.css( 'border-bottom-color' ) == '#ccc' , '检查边框颜色' );
+        else
+            ok( hStyle.css( 'border-bottom-color' ) == 'rgb(204, 204, 204)' , '检查边框颜色' );
+    if(!editor.body.getElementsByTagName('h1')[0].firstChild.data ){return;}
+        equal( editor.body.getElementsByTagName('h1')[0].firstChild.tagName.toLowerCase(),'span','h1内包含样式：强调');
+        equal( editor.body.getElementsByTagName('h1')[0].firstChild.getAttribute( 'label' ), '强调', '闭合选区设置样式：强调' );
+        var hStyle = $( editor.body.getElementsByTagName('span')[0] );
+        if ( ua.browser.webkit )
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == 'bold' , '检查字体' );
+        else
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == '700' , '检查字体' );
+        if(ua.browser.ie&&ua.browser.ie<9)
+            equal( hStyle.css( 'color' ) , '#000' , '检查颜色' );
+        else
+            equal(  hStyle.css( 'color' ) ,'rgb(0, 0, 0)' , '检查颜色' );
+} );
+test( 'block的元素-样式的反复转换：内联-内联；包含的选取方式：闭合，非闭合，多段', function () {
+        var div = document.body.appendChild( document.createElement( 'div' ) );
+        var editor = new baidu.editor.Editor({'initialContent':'<p>欢迎使用ueditor</p>','elementPathEnabled' : true,'autoFloatEnabled':false});
+
+        stop();
+    setTimeout(function(){
+        editor.render( div );
+         setTimeout(function(){
+        editor.setContent( '<p>hello</p><p>world</p>' );
+        var range = editor.selection.getRange();
+        range.setStart(editor.body.firstChild,0).setEnd(editor.body.firstChild,1).select();
+        editor.execCommand( 'customstyle', {
+                tag:'span',
+                label:'强调',
+                style:'font-style:italic;font-weight:bold;color:#000'
+        } );
+        equal( editor.body.getElementsByTagName('p')[0].firstChild.tagName.toLowerCase(), 'span', '闭合选区设置样式：强调' );
+        equal( editor.body.getElementsByTagName('p')[0].firstChild.getAttribute( 'label' ), '强调', '闭合选区设置样式：强调' );
+        var hStyle = $( editor.body.getElementsByTagName('span')[0] );
+        if ( ua.browser.webkit )
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == 'bold' , '检查字体' );
+        else
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == '700' , '检查字体' );
+        if(ua.browser.ie&&ua.browser.ie<9)
+            equal( hStyle.css( 'color' ) , '#000' , '检查颜色' );
+        else
+            equal(  hStyle.css( 'color' ) ,'rgb(0, 0, 0)' , '检查颜色' );
+        range.setStart(editor.body.firstChild.firstChild.firstChild,0).setEnd(editor.body.lastChild.firstChild,3).select();
+        editor.execCommand( 'customstyle', {
+                tag:'span',
+            label:'明显强调',
+            style:'font-style:italic;font-weight:bold;color:rgb(51, 153, 204)'
+        } );
+        range.selectNode(editor.body.firstChild).select();
+        var eles = editor.queryCommandValue( 'elementpath' );
+        ua.checkElementPath( eles, ['body', 'p', 'span', 'span'], '选中第一行' );
+        var span2 = editor.body.getElementsByTagName('p')[0].firstChild.firstChild;
+        var hStyle = $( span2 );
+        equal( span2.tagName.toLowerCase(), 'span', '非闭合选区设置样式：明显强调' );
+        equal(span2.getAttribute( 'label' ), '明显强调', '非闭合选区设置样式：明显强调' );
+        if ( ua.browser.webkit )
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == 'bold' , '检查字体' );
+        else
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == '700' , '检查字体' );
+        if(ua.browser.ie&&ua.browser.ie<9)
+            equal( hStyle.css( 'color' ) , 'rgb(51,153,204)' , '检查颜色' );
+        else
+            equal(  hStyle.css( 'color' ) ,'rgb(51, 153, 204)', '检查颜色' );
+        var span3 = editor.body.getElementsByTagName('p')[1].firstChild;
+        var hStyle = $( span3 );
+        equal( span3.tagName.toLowerCase(), 'span', '非闭合选区设置样式：明显强调' );
+        equal(span3.getAttribute( 'label' ), '明显强调', '非闭合选区设置样式：明显强调' );
+        if ( ua.browser.webkit )
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == 'bold' , '检查字体' );
+        else
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == '700' , '检查字体' );
+        if(ua.browser.ie&&ua.browser.ie<9)
+            equal( hStyle.css( 'color' ) ,'rgb(51,153,204)', '检查颜色' );
+        else
+            equal(  hStyle.css( 'color' ) ,'rgb(51, 153, 204)', '检查颜色' );
+        range.setStart(span2.firstChild,0).collapse(true).select();
+        editor.execCommand( 'customstyle', {
+                tag:'span',
+                label:'强调',
+                style:'font-style:italic;font-weight:bold;color:#000'
+        } );
+        equal( span2.firstChild.tagName.toLowerCase(), 'span', '非闭合选区设置样式：强调' );
+        equal( span2.firstChild.getAttribute( 'label' ), '强调', '闭合选区设置样式：强调' );
+        var hStyle = $( span2.firstChild );
+        if ( ua.browser.webkit )
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == 'bold' , '检查字体' );
+        else
+            ok(  hStyle.css( 'font-style' ) == 'italic'&&hStyle.css( 'font-weight' ) == '700' , '检查字体' );
+        if(ua.browser.ie&&ua.browser.ie<9)
+            equal( hStyle.css( 'color' ) ,'#000', '检查颜色' );
+        else
+            equal(  hStyle.css( 'color' ) ,'rgb(0, 0, 0)', '检查颜色' );
+        start();
+    },50);
+},50);
+
+} );
+
+test('h1空节点',function(){
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild,0).collapse(1).select();
+    editor.execCommand('customstyle',{tag:'h1', label:'居中标题', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'});
+    ua.manualDeleteFillData(editor.body);
+    equal(editor.body.firstChild.tagName,'H1','h1标签');
+    equal($(editor.body.firstChild).css('textAlign'),'center','居中');
+    range.setStart(editor.body.firstChild.firstChild,0).collapse(1).select();
+    ua.keyup(editor.body,{keyCode:32});
+    var br = ua.browser.ie?'&nbsp;':'<br>';
+//    无法模拟空格
+//    equal(ua.getChildHTML(editor.body),'<p>'+br+'</p>','h1空节点点击空格键');
+
+    editor.execCommand('customstyle',{tag:'h1', label:'居中标题', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'});
+    range.setStart(editor.body.firstChild,0).collapse(1).select();
+    ua.keyup(editor.body,{keyCode:13});
+    ua.manualDeleteFillData(editor.body);
+    equal(ua.getChildHTML(editor.body),'<p>'+br+'</p>','h1空节点点击回车键');
+});
+
+test('trace 1840:单击后插入“居中标题”',function(){
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent( '<p></p>' );
+        range.setStart(body.firstChild,0).select();
+        editor.execCommand('customstyle',{tag:'h1', label:'居中标题', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'});
+        equal(body.firstChild.tagName.toLowerCase(),'h1','检查tagname');
+        var childs = body.firstChild.childNodes;
+        var count = 0;
+        for(var index=0;index<childs.length;index++){
+                if(childs[index].nodeType==1 && childs[index].tagName.toLowerCase() =='br')
+                count ++;
+        }
+        equal(count,ua.browser.ie?0:1,'br的个数');
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/defaultfilter.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/defaultfilter.js
new file mode 100644
index 000000000..f06ebecf6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/defaultfilter.js
@@ -0,0 +1,241 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 13-2-28
+ * Time: 下午3:20
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'plugins.defaultfilter' );
+
+//test('',function(){
+//   stop();
+//});
+test( '对代码的行号不处理', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<td class="gutter"><div class="line number1 index0 alt2">1</div><div class="line number2 index1 alt1">2</div></td>');
+//    var br = ua.browser.ie?'':'<br>';
+    var html = '<table><tbody><tr><td class=\"gutter\"><div class=\"line number1 index0 alt2\">1</div><div class=\"line number2 index1 alt1\">2</div></td></tr></tbody></table>';
+    ua.checkSameHtml(editor.body.innerHTML,html,'table补全,对代码的行号不处理')
+} );
+test( '空td,th,caption', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<table><caption></caption><tbody><tr><th></th><th></th></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table>' );
+    var br = ua.browser.ie&&ua.browser.ie<11?'':'<br>';
+    var html = '<table><caption>'+br+'</caption><tbody><tr><th>'+br+'</th><th>'+br+'</th></tr><tr><td>'+br+'</td><td>'+br+'</td></tr><tr><td>'+br+'</td><td>'+br+'</td></tr></tbody></table>';
+    ua.checkSameHtml(editor.body.innerHTML,html,'空td,th,caption,添加text')
+} );
+test( '转换a标签', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<a href="http://elearning.baidu.com/url/RepositoryEntry/68616197" target="_blank">' );
+    var br = ua.browser.ie?'&nbsp;':'<br>';
+    var html = '<p><a href="http://elearning.baidu.com/url/RepositoryEntry/68616197" target="_blank" _href="http://elearning.baidu.com/url/RepositoryEntry/68616197"></a></p>';
+    ua.checkSameHtml(html,editor.body.innerHTML,'转换a标签');
+} );
+test( '转换img标签', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<img src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width="270" height="129" style="border: 0px;" />' );
+//    var html = '<p><img src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width="270" height="129" style="border: 0px;" _src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" /></p>';
+    equal(editor.body.getElementsByTagName('img')[0].getAttribute('_src'),"http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif");
+} );
+test( '删span中的white-space标签', function () {
+    if(ua.browser.webkit){
+        var editor = te.obj[0];
+        editor.setContent( '<span style=" display: block; white-space: nowrap " >sadfsadf</span>' );
+        var html = '<p><span style=" display: block; ">sadfsadf</span></p>';
+        ua.checkSameHtml(html,editor.body.innerHTML,'删span中的white-space标签');
+    }
+} );
+//TODO 1.2.6
+//test( '删p中的margin|padding标签', function () {
+//    var editor = te.obj[0];
+//    editor.setContent( '<p style="margin-left: 1em; list-style: none;" >hello</p>' );
+//    var html = '<p style="list-style: none;">hello</p>';
+//    ua.checkSameHtml(html,editor.body.innerHTML,'删p中的margin|padding标签');
+//} );
+test( '给空p加br&&转对齐样式', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<p align ="center" ></p>' );
+    var br = ua.browser.ie?'&nbsp;':'<br>';
+//    "<p style=\"text-align:center;list-style: none;\"><br></p>"
+    var html = '<p style=\"text-align:center;\">'+br+'</p>';
+    ua.checkSameHtml(editor.body.innerHTML,html, '给空p加br&&转对齐样式');
+} );
+test( '删div', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<div class="socore" ><div class="sooption" style="padding: 1px;" ><p>视频</p></div></div>' );
+    var html = '<p>视频</p>';
+    ua.checkSameHtml(html,editor.body.innerHTML,'删div');
+} );
+test( 'allowDivTransToP--false 不转div', function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id ='ue';
+    var editor = UE.getEditor('ue',{allowDivTransToP:false});
+    stop();
+    editor.ready(function(){
+        var html = '<div class="socore" ><div class="sooption" style="padding: 1px;" >视频</div></div>';
+        editor.setContent( html );
+        var padding = (ua.browser.ie&&ua.browser.ie<9)?'PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px':'padding: 1px;';
+        var html_a =  '<div class="socore" ><div class="sooption" style="'+padding+'" >视频</div></div>';
+        ua.checkSameHtml(html_a,editor.body.innerHTML,'不转div');
+        UE.delEditor('ue');
+        start();
+    });
+} );
+test( 'li', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<li style="margin: 0px 0px 0px 6px;" ><a href="http://www.baidu.com/p/pistachio%E5%A4%A9?from=zhidao" class="user-name"  >天<i class="i-arrow-down"></i></a></li>' );
+    var html = '<ul class=" list-paddingleft-2"><li><p><a href="http://www.baidu.com/p/pistachio%E5%A4%A9?from=zhidao" class="user-name" _href="http://www.baidu.com/p/pistachio%E5%A4%A9?from=zhidao">天<em class="i-arrow-down"></em></a></p></li></ul>';
+    ua.checkSameHtml(html,editor.body.innerHTML,'li');
+} );
+//<li style="margin: 0px 0px 0px 6px;" ><a href="http://www.baidu.com/p/pistachio%E5%A4%A9?from=zhidao" class="user-name"  >pistachio天<i class="i-arrow-down"></i></a></li>
+//TODO 现在在过滤机制里面去除无用的标签
+test( "getContent--去除无用的空标签:autoClearEmptyNode==true", function() {
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue',{autoClearEmptyNode:true,'autoFloatEnabled':false});
+    //
+    stop();
+    editor.ready(function () {
+        te.dom.push(div);
+        editor.focus();
+        var innerHTML = '<span><span></span><strong>xx</strong><em>em</em><em></em></span><div>xxxx</div>';
+        editor.setContent(innerHTML);
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            setTimeout(function () {
+                equal(editor.getContent(), '<p><strong>xx</strong><em>em</em></p><p>xxxx</p>', "span style空，套空的em和不空的em");
+                //style="color:#c4bd97;"
+                innerHTML = '<span style="color:#c4bd97"><span></span><strong>xx</strong><em>em</em><em></em></span>';
+                editor.setContent(innerHTML);
+                if (ua.browser.ie>8) {
+                    ua.checkSameHtml(editor.getContent().toLowerCase(), '<p><span style="color: rgb(196, 189, 151);" ><strong>xx</strong><em>em</em></span></p>', "span style不空，套空的em和不空的em");
+                }
+                else {
+                    ua.checkSameHtml(editor.getContent().toLowerCase(),'<p><span style="color:#c4bd97" ><strong>xx</strong><em>em</em></span></p>', "span style不空，套空的em和不空的em");
+                }
+                innerHTML = '<span style="color:#c4bd97"></span><strong>xx</strong><em>em</em><em></em>';
+                editor.setContent(innerHTML);
+                /*inline标签上只要有属性就不清理*/
+                if (ua.browser.ie >8) {
+                    ua.checkSameHtml(editor.getContent().toLowerCase(), '<p><span style="color: rgb(196, 189, 151);" ></span><strong>xx</strong><em>em</em></p>', "span 有style但内容为空");
+                }
+                else {
+                    ua.checkSameHtml(editor.getContent().toLowerCase(), '<p><span style="color:#c4bd97" ></span><strong>xx</strong><em>em</em></p>', "span 有style但内容为空");
+                }
+                innerHTML = '<span style="color:#c4bd97">asdf<strong>xx</strong><em>em</em><em></em></span>';
+                editor.setContent(innerHTML);
+                if (ua.browser.ie >8) {
+                    ua.checkSameHtml(editor.getContent().toLowerCase(), '<p><span style="color: rgb(196, 189, 151);" >asdf<strong>xx</strong><em>em</em></span></p>', "span 有style内容不空");
+                }
+                else {
+                    ua.checkSameHtml(editor.getContent().toLowerCase(), '<p><span style="color:#c4bd97" >asdf<strong>xx</strong><em>em</em></span></p>', "span 有style内容不空");
+                }
+                innerHTML = '<a href="http://www.baidu.com"></a><a>a</a><strong>xx</strong><em>em</em><em></em>';
+                editor.setContent(innerHTML);
+                ua.checkSameHtml(editor.getContent(), '<p><a href="http://www.baidu.com" ></a><a>a</a><strong>xx</strong><em>em</em></p>', "a 有href但内容为空,不过滤a标签");
+                setTimeout(function () {
+                    UE.delEditor('ue');
+                    start()
+                },300);
+            }, 50);
+        }, 50);
+    });
+});
+
+//editor.options.autoClearEmptyNode
+test("getContent--不去除无用的空标签:autoClearEmptyNode==false", function() {
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue',{autoClearEmptyNode:false,'autoFloatEnabled':false});
+    stop();
+    editor.ready(function () {
+        te.dom.push(div);
+        editor.focus();
+        var innerHTML = '<span><span></span><strong>xx</strong><em>em</em><em></em><strong></strong></span>';
+        editor.setContent(innerHTML);
+        equal(editor.getContent().toLowerCase(), '<p><span><span></span><strong>xx</strong><em>em</em><em></em><strong></strong></span></p>', "span style空，套空的em和不空的em");
+        innerHTML = '<span style="color:#c4bd97"></span><strong>xx</strong><em>em</em><em></em><strong></strong>';
+        editor.setContent(innerHTML);
+        ua.manualDeleteFillData(editor.body);
+        if (ua.browser.ie >8) {
+            ua.checkSameHtml(editor.getContent().toLowerCase(), '<p><span style="color: rgb(196, 189, 151);" ></span><strong>xx</strong><em>em</em><em></em><strong></strong></p>', "span 有style但内容为空");
+        }
+        else {
+            ua.checkSameHtml(editor.getContent().toLowerCase(), '<p><span style="color:#c4bd97" ></span><strong>xx</strong><em>em</em><em></em><strong></strong></p>', "span 有style但内容为空");
+        }
+        setTimeout(function () {
+            UE.delEditor('ue');
+            start()
+        }, 500);
+    });
+});
+
+test("getContent--转换空格，nbsp与空格相间显示", function() {
+    var editor = te.obj[0];
+    editor.focus();
+    //策略改变,原nbsp不做处理,类似:'<p> d </p>'中的空格会被过滤
+    var innerHTML = '<div>x  x   x &nbsp;x&nbsp;&nbsp;  &nbsp;</div>';
+    editor.setContent(innerHTML);
+    equal(editor.getContent(), '<p>x &nbsp;x &nbsp; x &nbsp;x&nbsp;&nbsp; &nbsp;&nbsp;</p>', "转换空格，nbsp与空格相间显示");
+});
+test( '转换script标签', function () {
+    var editor = te.obj[0];
+    var br = ua.browser.ie?'<p>&nbsp;</p>':('<p><br></p>');
+    editor.setContent( '<script type="text/javascript">ueditor</script>' );
+    var html = br+'<div type="text/javascript" cdata_tag=\"script\"  cdata_data=\"ueditor\" _ue_custom_node_=\"true\"></div>';
+    ua.checkSameHtml(editor.body.innerHTML,html,'转换script标签');
+} );
+test( 'trace 3698 1.3.0 版本修复: script(style)标签里面的内容不转码', function () {
+    var editor = te.obj[0];
+    editor.setContent('<script type="text/plain" id="myEditor" name="myEditor">var ue=UE.getEditor("editor");</script>');
+    equal(editor.document.getElementById('myEditor').innerHTML,'','内容不保留');//1.3.6 针对ie下标签不能隐藏问题的修复
+    // todo 1.3.0 trace 3698
+    editor.setContent('<style type="text/css" id="myEditor">        .clear {            clear: both;        }     </style>');
+    var br = ua.browser.ie?'<p>&nbsp;</p>':('<p><br></p>');
+    ua.checkSameHtml(editor.getContent(),br+'<style type="text/css" id="myEditor">.clear {            clear: both;        }</style>','内容不转码');
+} );
+test( '转换style标签:style data不为空', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<style type="text/css">sdf</style>' );
+    var br = ua.browser.ie?'<p>&nbsp;</p>':('<p><br></p>');
+    var html = br+'<div type="text/css" cdata_tag="style" cdata_data=\"sdf\" _ue_custom_node_=\"true\"></div>';
+    ua.checkSameHtml(editor.body.innerHTML,html,'转换script标签');
+} );
+test( '转换style标签:style data不空', function () {
+    var editor = te.obj[0];
+    editor.setContent( '<style type="text/css"></style>' );
+    var br = ua.browser.ie?'<p>&nbsp;</p>':('<p><br></p>');
+
+    var html = br+'<div type="text/css" cdata_tag="style" _ue_custom_node_=\"true\"></div>';
+    ua.checkSameHtml(editor.body.innerHTML,html,'转换script标签');
+} );
+test( 'div出编辑器转换', function () {
+    var editor = te.obj[0];
+    var str =  '<script type="text/javascript">ueditor</script>' ;
+    var html = '<div type="text/javascript" cdata_tag=\"script\" >ueditor</div>';
+    editor.body.innerHTML = html;
+    editor.execCommand( 'source' );
+    stop();
+    setTimeout(function(){
+        equal(editor.getContent(),str,'div出编辑器转换');
+        start();
+    },20);
+} );
+test( 'img出编辑器转换', function () {
+    var editor = te.obj[0];
+    var str = ua.browser.ie? '<p><img src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width="270" height="129" style="border: 0px currentColor;"/></p>':'<p><img src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width="270" height="129" style="border: 0px"/></p>' ;
+    if(ua.browser.ie==8)
+        str ='<p><img src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width="270" height="129" style=\"BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px\"/></p>';
+    if(ua.browser.ie==11)
+        str = '<p><img src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width="270" height="129" style="border: 0px currentColor;border-image: none;"/></p>';
+    var html = '<p><img src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width="270" height="129" style="border: 0px;" _src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" /></p>';
+    editor.body.innerHTML = html;
+    editor.execCommand( 'source' );
+    stop();
+    setTimeout(function(){
+        ua.checkSameHtml(editor.getContent(),str,'img出编辑器转换');
+        start();
+    },20);
+} );
+//ue.setContent('<a href="http://elearning.baidu.com/url/RepositoryEntry/68616197" target="_blank">');
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/directionality.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/directionality.js
new file mode 100644
index 000000000..39c912972
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/directionality.js
@@ -0,0 +1,149 @@
+module( "plugins.directionality" );
+
+//1 notblockelement&&collapsed=false
+test( '非块元素，不闭合', function() {
+    var editor = te.obj[0], d = editor.document, range = te.obj[1], db = editor.body;
+    editor.setContent('xxxx<b><i>gggsiekes</i></b>');
+    setTimeout(function () {
+        range.selectNode(d.getElementsByTagName("strong")[0]).collapse(true).select();
+
+        equal(editor.queryCommandValue('directionality'), "ltr", "ltr queryCommandValue");
+        editor.execCommand('directionality', "rtl");
+        equal(ua.getChildHTML(db), "<p dir=\"rtl\">xxxx<strong><em>gggsiekes</em></strong></p>", "directionrtl");
+        equal(editor.queryCommandValue('directionality'), "rtl", "directionrtl queryCommandValue");
+
+        editor.execCommand('directionality', "ltr");
+        equal(ua.getChildHTML(db), "<p dir=\"ltr\">xxxx<strong><em>gggsiekes</em></strong></p>", "directionltr");
+        equal(editor.queryCommandValue('directionality'), "ltr", "directionltr queryCommandValue");
+        start();
+    }, 20);
+    stop();
+} );
+//2 blockelement&&collapsed=false
+test( '块元素，不闭合', function() {
+    var editor = te.obj[0],d = editor.document,range = te.obj[1],db = editor.body;
+    editor.setContent('<h1>gggsiekes</h1>');
+    setTimeout(function () {
+        range.selectNode(d.getElementsByTagName("h1")[0]).select();
+
+        editor.execCommand('directionality', "ltr");
+        equal(ua.getChildHTML(db), "<h1 dir=\"ltr\">gggsiekes</h1>", "directionltr");
+        equal(editor.queryCommandValue('directionality'), "ltr", "directionltr queryCommandValue");
+
+        editor.execCommand('directionality', "rtl");
+        equal(ua.getChildHTML(db), "<h1 dir=\"rtl\">gggsiekes</h1>", "directionrtl");
+        equal(editor.queryCommandValue('directionality'), "rtl", "directionrtl queryCommandValue");
+        start();
+    }, 20);
+    stop();
+} );
+
+test( '非块元素，闭合', function() {
+    var editor = te.obj[0], d = editor.document, range = te.obj[1], db = editor.body;
+    editor.setContent('<strong><em>gggsiekes</em></strong>');
+    setTimeout(function () {
+        range.selectNode(d.getElementsByTagName("strong")[0].firstChild).collapse(true).select();
+        editor.execCommand('directionality', "rtl");
+        equal(ua.getChildHTML(db), "<p dir=\"rtl\"><strong><em>gggsiekes</em></strong></p>", "directionrtl");
+        equal(editor.queryCommandValue('directionality'), "rtl", "directionrtl queryCommandValue");
+
+        editor.execCommand('directionality', "ltr");
+        equal(ua.getChildHTML(db), "<p dir=\"ltr\"><strong><em>gggsiekes</em></strong></p>", "directionltr");
+        equal(editor.queryCommandValue('directionality'), "ltr", "directionltr queryCommandValue");
+
+        editor.setContent('<strong><em>gggsiekes</em></strong>');
+        range.selectNode(d.getElementsByTagName("strong")[0]).collapse(true).select();
+        editor.execCommand('directionality', "rtl");
+        equal(ua.getChildHTML(db), "<p dir=\"rtl\"><strong><em>gggsiekes</em></strong></p>", "directionrtl");
+        equal(editor.queryCommandValue('directionality'), "rtl", "查询文字输入方向为从右向左");
+
+        editor.execCommand('directionality', "ltr");
+        equal(ua.getChildHTML(db), "<p dir=\"ltr\"><strong><em>gggsiekes</em></strong></p>", "从左向右");
+        equal(editor.queryCommandValue('directionality'), "ltr", "查询文字输入方向为从左向右");
+        start();
+    }, 20);
+    stop();
+} );
+//4 range between blockelement and notblockelement
+test( '选区包含块和非块元素', function() {
+    var editor = te.obj[0],d = editor.document,range = te.obj[1],db = editor.body;
+    editor.setContent('<strong><em>gggsiekes</em></strong><p>xx</p>');
+    setTimeout(function () {
+        range.setStart(d.getElementsByTagName("strong")[0].firstChild, 0).setEnd(d.getElementsByTagName("p")[1].firstChild, 2).select();
+        editor.execCommand('directionality', "rtl");
+        equal(ua.getChildHTML(db), "<p dir=\"rtl\"><strong><em>gggsiekes</em></strong></p><p dir=\"rtl\">xx</p>", "directionrtl");
+        equal(editor.queryCommandValue('directionality'), "rtl", "directionrtl queryCommandValue");
+
+        editor.execCommand('directionality', "ltr");
+        equal(ua.getChildHTML(db), "<p dir=\"ltr\"><strong><em>gggsiekes</em></strong></p><p dir=\"ltr\">xx</p>", "directionltr");
+        equal(editor.queryCommandValue('directionality'), "ltr", "directionltr queryCommandValue");
+        start();
+    }, 20);
+    stop();
+} );
+//5  betweenblockelement
+test( '选区在两个块元素之间', function() {
+    var editor = te.obj[0], d = editor.document, range = te.obj[1], db = editor.body;
+    editor.setContent('<p dir="rtl">sss</p><p>xx</p>');
+    setTimeout(function () {
+        range.setStart(d.getElementsByTagName("p")[0].firstChild, 0).setEnd(d.getElementsByTagName("p")[1].firstChild, 2).select();
+        editor.execCommand('directionality', "rtl");
+        equal(ua.getChildHTML(db), "<p dir=\"rtl\">sss</p><p dir=\"rtl\">xx</p>", "directionrtl");
+        equal(editor.queryCommandValue('directionality'), "rtl", "directionrtl queryCommandValue");
+
+        editor.execCommand('directionality', "ltr");
+        equal(ua.getChildHTML(db), "<p dir=\"ltr\">sss</p><p dir=\"ltr\">xx</p>", "directionltr");
+        equal(editor.queryCommandValue('directionality'), "ltr", "directionltr queryCommandValue");
+        start();
+    }, 20);
+    stop();
+} );
+//6 br
+test( 'betweenblockelement', function() {
+    var editor = te.obj[0],d = editor.document,range = te.obj[1],db = editor.body;
+    editor.setContent( '<p>xx</p>br' );
+    setTimeout(function () {
+        range.setStart(d.getElementsByTagName("p")[0].firstChild, 0).setEnd(db.lastChild, 1).select();
+        editor.execCommand('directionality', "rtl");
+        equal(ua.getChildHTML(db), "<p dir=\"rtl\">xx</p><p dir=\"rtl\">br</p>", "directionrtl");
+        equal(editor.queryCommandValue('directionality'), "rtl", "directionrtl queryCommandValue");
+
+        editor.execCommand('directionality', "ltr");
+        equal(ua.getChildHTML(db), "<p dir=\"ltr\">xx</p><p dir=\"ltr\">br</p>", "directionltr");
+        equal(editor.queryCommandValue('directionality'), "ltr", "directionltr queryCommandValue");
+        start();
+    }, 20);
+    stop();
+} );
+//7 &nbsp;
+test( '空格&nbsp;', function() {
+    var editor = te.obj[0], d = editor.document, range = te.obj[1], db = editor.body;
+    editor.setContent('<p>xx</p>&nbsp;');
+    setTimeout(function () {
+        range.setStart(d.getElementsByTagName("p")[0].firstChild, 0).setEnd(db.lastChild, 1).select();
+        editor.execCommand('directionality', "rtl");
+        equal(ua.getChildHTML(db), "<p dir=\"rtl\">xx</p><p dir=\"rtl\">&nbsp;</p>", "directionrtl");
+        equal(editor.queryCommandValue('directionality'), "rtl", "directionrtl queryCommandValue");
+
+        editor.execCommand('directionality', "ltr");
+        equal(ua.getChildHTML(db), "<p dir=\"ltr\">xx</p><p dir=\"ltr\">&nbsp;</p>", "directionltr");
+        equal(editor.queryCommandValue('directionality'), "ltr", "directionltr queryCommandValue");
+        start();
+    }, 20);
+    stop();
+} );
+
+test('body',function(){
+    var editor=te.obj[0];
+    var range=te.obj[1];
+    editor.setContent('<p>xx</p>');
+    range.setStart(editor.body,0).collapse(1).select();
+    editor.execCommand('directionality', 'rtl');
+    if(ua.browser.ie){
+        equal( ua.getChildHTML( editor.body ), "<p dir=\"rtl\">xx</p>", "directionrtl" );
+    }
+    else{
+        equal( ua.getChildHTML( editor.body ), "<p dir=\"rtl\"></p><p>xx</p>", "directionrtl" );
+    }
+
+})
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/dragdrop.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/dragdrop.js
new file mode 100644
index 000000000..90847bfab
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/dragdrop.js
@@ -0,0 +1,37 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: Administrator
+ * Date: 13-4-29
+ * Time: 上午11:40
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'plugins.dragdrop' );
+test( 'trace 3385：拖拽图像不会把p切开', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    stop();
+
+    body.innerHTML = '<p>hel</p><img src="http://img.baidu.com/hi/jx2/j_0001.gif" width="50" height="51" _src="http://img.baidu.com/hi/jx2/j_0001.gif" style="float: right;"><p>lo<br></p>';
+    range.selectNode(body.childNodes[1]).select();
+    equal(body.childNodes.length,3,'img在两个p之间');
+    equal(body.firstChild.tagName.toLowerCase(),"p",'img在两个p之间');
+    equal(body.childNodes[1].tagName.toLowerCase(),"img",'img在两个p之间');
+    equal(body.childNodes[2].tagName.toLowerCase(),"p",'img在两个p之间');
+
+    ua.dragend(body);
+    setTimeout(function(){
+        equal(body.childNodes.length,1,'img在p里面');
+        equal(body.firstChild.tagName.toLowerCase(),'p','img在p里面');
+        equal(body.firstChild.childNodes[1].tagName.toLowerCase(),'img','img在p里面');
+        body.innerHTML = '<p>asds</p><img src="http://img.baidu.com/hi/jx2/j_0001.gif" _src="http://img.baidu.com/hi/jx2/j_0001.gif" width="18" height="20" border="0" hspace="0" vspace="0" title="" style="line-height: 16px; width: 18px; height: 20px; float: right;"><span style="line-height: 16px;"></span><p>ad<br></p>';
+        range.selectNode(body.childNodes[1]).select();
+        ua.dragend(body);
+        setTimeout(function(){
+            equal(body.childNodes.length,1,'拖拽图像不会把p切开,删除空span:img在p里面')
+        equal(body.firstChild.tagName.toLowerCase(),'p','img在p里面');
+        equal(body.firstChild.childNodes[1].tagName.toLowerCase(),'img','img在p里面');
+            start();
+        },300);
+    },100);
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/elementpath.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/elementpath.js
new file mode 100644
index 000000000..efde71c12
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/elementpath.js
@@ -0,0 +1,263 @@
+module('plugins.elementpath');
+/*
+ <li>表格
+ <li>列表
+ <li>文本
+ <li>图片
+ <li>超链接
+ <li>加粗加斜
+ <li>下划线，删除线
+ * */
+
+//1.2的版本中，表格的外面会自动套一个带格式的div
+test('表格', function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue', {'initialContent': '<p>欢迎使用ueditor</p>', 'elementPathEnabled': true, 'autoFloatEnabled': false});
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent('<table><tbody><tr><td>hello1</td><td><strong>strongText</strong>hello2<span style="text-decoration: underline">spanText</span></td></tr></tbody></table>');
+        var body = editor.body;
+        /*选中整个表格*/
+        range.selectNode(body.firstChild).select();
+        var eles = editor.queryCommandValue('elementpath');
+        ua.checkElementPath(eles, ['body', 'table', 'tbody', 'tr', 'td'], '选中整个表格');
+        /*在单元格中单击*/
+        var tds = body.getElementsByTagName('td');
+        range.setStart(tds[0].firstChild, 0).collapse(true).select();
+        ua.checkElementPath(eles, ['body', 'table', 'tbody', 'tr', 'td'], '在单元格中单击');
+        /*在单元格中的加粗文本中单击*/
+        ua.manualDeleteFillData(editor.body);
+        range.setStart(tds[1].firstChild.firstChild, 1).collapse(true).select();
+        eles = editor.queryCommandValue('elementpath');
+        ua.checkElementPath(eles, ['body', 'table', 'tbody', 'tr', 'td', 'strong'], '在单元格中的加粗文本中单击');
+        /*在单元格中的下划线文本中单击*/
+        ua.manualDeleteFillData(editor.body);
+        range.setStart(tds[1].lastChild.firstChild, 1).collapse(true).select();
+        eles = editor.queryCommandValue('elementpath');
+        ua.checkElementPath(eles, ['body', 'table', 'tbody', 'tr', 'td', 'span'], '在单元格中的下划线文本中单击');
+        /*选中有下划线的文本*/
+        ua.manualDeleteFillData(editor.body);
+        range.setStart(tds[1].lastChild.lastChild, 1).setEnd(tds[1].lastChild.lastChild, 4).select();
+        eles = editor.queryCommandValue('elementpath');
+        ua.checkElementPath(eles, ['body', 'table', 'tbody', 'tr', 'td', 'span'], '选中有下划线的文本');
+        setTimeout(function(){
+            UE.delEditor('ue');
+            te.dom.push(document.getElementById('ue'));
+            start();
+        },200);
+    });
+    stop();
+});
+test(' 通过选区路径取range', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.options.elementPathEnabled = true;
+    editor.setContent('<table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>45</td></tr></tbody></table>');
+    stop();
+    setTimeout(function () {
+    var tds = editor.body.getElementsByTagName('td');
+    var trs = editor.body.getElementsByTagName('tr');
+    var tbodys = editor.body.getElementsByTagName('tbody');
+    var table = editor.body.getElementsByTagName('table');
+    range.setStart(tds[3].firstChild, 0).collapse(true).select();
+    editor.queryCommandValue('elementpath');
+    editor.execCommand('elementpath', '4');
+    setTimeout(function () {
+        range = editor.selection.getRange();
+        if (ua.browser.gecko||ua.browser.webkit) {
+            ua.checkResult(range, trs[1], trs[1], 1, 2, false, '取range--td');
+        } else {
+            if (ua.browser.ie)
+                ua.checkResult(range, tds[3].firstChild, tds[3].lastChild, 0, 2, false, '取range--td');
+            else
+                ua.checkResult(range, tds[3].firstChild, editor.body, 0, 1, false, '取range--td');
+        }
+        range.setStart(tds[3].firstChild, 1).collapse(1).select();
+        editor.execCommand('elementpath', '3');
+        setTimeout(function () {
+            range = editor.selection.getRange();
+            if (ua.browser.gecko||ua.browser.webkit) {
+                ua.checkResult(range, tbodys[0], tbodys[0], 1, 2, false, '取range--tr');
+            } else {
+                if (ua.browser.ie)
+                    ua.checkResult(range, tds[2].firstChild, tds[3].lastChild, 0, 2, false, '取range--tr');
+                else
+                    ua.checkResult(range, tds[2].firstChild, editor.body, 0, 1, false, '取range--tr');
+            }
+            range.setStart(tds[3].firstChild, 0).collapse(1).select();
+            editor.execCommand('elementpath', '2');
+            setTimeout(function () {
+                range = editor.selection.getRange();
+                if (ua.browser.gecko||ua.browser.webkit) {
+                    ua.checkResult(range, table[0], table[0], 0, 1, false, '取range--tbody');
+                } else {
+                    if (ua.browser.ie)
+                        ua.checkResult(range, tds[0].firstChild, tds[3].lastChild, 0, 2, false, '取range--tbody');
+                    else
+                        ua.checkResult(range, editor.body, editor.body, 0, 1, false, '取range--tbody');
+                }
+                editor.setContent('<p>45645</p>');
+                range.selectNode(editor.body.firstChild).select();
+                editor.queryCommandValue('elementpath');
+                editor.execCommand('elementpath', 1);
+                setTimeout(function () {
+                    range = editor.selection.getRange();
+                    var p = editor.body.firstChild;
+                    if (ua.browser.gecko||ua.browser.webkit) {
+                        ua.checkResult(range, editor.body, editor.body, 0, 1, false, '取range--p');
+                    } else {
+                        ua.checkResult(range, p.firstChild, p.firstChild, 0, 5, false, '取range--p');
+                    }
+                    start();
+                }, 20);
+            }, 20);
+        }, 100);
+    }, 20);
+    }, 50);
+});
+
+test('trace 1539:列表', function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    var editor = new baidu.editor.Editor({'initialContent': '<p>欢迎使用ueditor</p>', 'elementPathEnabled': true, 'autoFloatEnabled': false});
+    stop();
+    setTimeout(function () {
+        editor.render(div);
+        editor.ready(function () {
+            var range = new baidu.editor.dom.Range(editor.document);
+            editor.setContent('<ol><li>hello1</li><li>hello2<br><table><tbody><tr><td>hello3</td></tr></tbody></table></li></ol>');
+            var body = editor.body;
+            /*选中所有列表*/
+            range.selectNode(body.firstChild).select();
+            var eles = editor.queryCommandValue('elementpath');
+            ua.checkElementPath(eles, ['body', 'ol', 'li', 'p'], '选中整个列表');
+            /*选中列表中的表格*/
+            range.selectNode(body.firstChild.getElementsByTagName('table')[0]).select();
+            eles = editor.queryCommandValue('elementpath');
+            ua.checkElementPath(eles, ['body', 'ol', 'li', 'table', 'tbody', 'tr', 'td'], '选中列表中的表格');
+            /*选中列表中的br*/
+            range.setStart(body.firstChild.firstChild.nextSibling.firstChild.firstChild, 6).collapse(true).select();
+            eles = editor.queryCommandValue('elementpath');
+            ua.checkElementPath(eles, ['body', 'ol', 'li', 'p'], '选中列表中的br');
+            div.parentNode.removeChild(div);
+            start();
+        });
+    }, 20);
+});
+test('文本和超链接', function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    var editor = new baidu.editor.Editor({'initialContent': '<p>欢迎使用ueditor</p>', 'elementPathEnabled': true, 'autoFloatEnabled': false});
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent('<div><p>hello<a>a_link</a></p></div>');
+        var body = editor.body;
+        /*选中文本hello*/
+        range.selectNode(body.firstChild.firstChild).select();
+        var eles = editor.queryCommandValue('elementpath');
+        ua.checkElementPath(eles, ['body', 'p'], '选中文本');
+        /*选中超链接*/
+        range.selectNode(body.firstChild.lastChild.firstChild).select();
+        eles = editor.queryCommandValue('elementpath');
+        ua.checkElementPath(eles, ['body', 'p', 'a'], '选中文本');
+        div.parentNode.removeChild(div);
+        start();
+    });
+});
+
+//在版本1.2中，如果没有setTimeout在FF（3.6和9都是）中range会出错，其他浏览器没问题
+test('图片', function () {
+    if(ua.browser.ie>8)return;//todo 1.3.6 #3847
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = "ue";
+    var editor = UE.getEditor("ue",{'initialContent': '<p>欢迎使用ueditor</p>', 'elementPathEnabled': true, 'autoFloatEnabled': false});
+    stop();
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent('<div><p>hello<img /></p></div>');
+        var body = editor.body;
+        /*选中图片*/
+        setTimeout(function () {
+            range.selectNode(body.firstChild.lastChild).select();
+            var eles = editor.queryCommandValue('elementpath');
+            ua.checkElementPath(eles, ['body', 'p', 'img'], '选中图片');
+            setTimeout(function () {
+                UE.delEditor('ue');
+                te.dom.push(document.getElementById('ue'));
+                start();
+            }, 200);
+
+        }, 20)
+    });
+});
+
+test('锚点', function () {
+    if(ua.browser.ie>8)return;//todo 1.3.6 #3847
+    var div = document.body.appendChild(document.createElement('div'));
+    var editor = new baidu.editor.Editor({'initialContent': '<p>欢迎使用ueditor</p>', 'elementPathEnabled': true, 'autoFloatEnabled': false});
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent('<div><p>hello<img anchorname="hello" class="anchorclass"></p></div>');
+        var body = editor.body;
+        /*选中图片*/
+        setTimeout(function () {
+            range.selectNode(body.firstChild.lastChild).select();
+            var eles = editor.queryCommandValue('elementpath');
+            ua.checkElementPath(eles, ['body', 'p', 'anchor'], '选中锚点');
+            div.parentNode.removeChild(div);
+            start();
+        }, 20)
+    });
+});
+test('文本', function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    var editor = new baidu.editor.Editor({'initialContent': '<p>欢迎使用ueditor</p>', 'elementPathEnabled': true, 'autoFloatEnabled': false});
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent('hello');
+        var body = editor.body;
+        /*选中图片*/
+        setTimeout(function () {
+            range.setStart(body.firstChild.firstChild, 1).setEnd(body.firstChild.firstChild, 3).select();
+            var eles = editor.queryCommandValue('elementpath');
+            ua.checkElementPath(eles, ['body', 'p'], '选中文本');
+            div.parentNode.removeChild(div);
+            start();
+        }, 20)
+    });
+});
+
+test('trace 3995表格和文本', function () {
+    if(ua.browser.ie==11)return;//todo dev1.4.0
+
+    var div = document.body.appendChild(document.createElement('div'));
+    var editor = new baidu.editor.Editor({'initialContent': '<p>欢迎使用ueditor</p>', 'elementPathEnabled': true, 'autoFloatEnabled': false});
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        var body = editor.body;
+        range.setStart(body.firstChild.firstChild, 2).collapse(true).select();
+        editor.execCommand('inserttable');
+        /*选中图片*/
+        setTimeout(function () {
+            range.selectNode(body).select();
+            var eles = editor.queryCommandValue('elementpath');
+            editor.execCommand('elementpath', 1);
+            ua.checkElementPath(eles, ['body', 'p'], '选中文本和表格');
+            range.selectNode(body.firstChild.nextSibling).select();
+            eles = editor.queryCommandValue('elementpath');
+            ua.checkElementPath(eles, ['body', 'table'], '选中表格');
+            editor.execCommand('elementpath', 4);
+            eles = editor.queryCommandValue('elementpath');
+            ua.checkElementPath(eles, ['body', 'table', 'tbody', 'tr', 'td'], '选中表格');
+            div.parentNode.removeChild(div);
+            start();
+        }, 20);
+    });
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/enterkey.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/enterkey.js
new file mode 100644
index 000000000..83eee009c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/enterkey.js
@@ -0,0 +1,634 @@
+module( 'plugins.enterkey' );
+///*
+// 闭合选区
+// 1.p末尾或中间回车
+// 2.列表中回车(关于列表的回车必须加上li这个插件)
+// 2.1 列表标号后面有文本
+// 2.2列表标号后没有文本
+// 3.h1后回车
+// 4.带有BIU样式的文本后面回车
+//
+// 不闭合选区
+// 1.选中部分表格后回车
+// 2.选中文本后回车
+//
+
+// 复合操作
+// 1.回车后撤销
+// */
+//fixed in future
+/*trace 3174*/
+//test( 'trace 2864：table中回车,br做回车', function () {
+//    te.dom[0].parentNode.removeChild(te.dom[0]);
+//    var div2 = document.body.appendChild( document.createElement( 'div' ) );
+//    $( div2 ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+//    te.dom.push(div2);
+//    baidu.editor.plugins.table = function(){};
+//    var editor = new baidu.editor.Editor({'initialContent':'<p>欢迎使用ueditor</p>','autoFloatEnabled':false,'enterTag':'br'});
+//    te.obj.push(editor);
+//    editor.render(div2);
+//    var range = new baidu.editor.dom.Range( editor.document );
+//    te.obj.push(range);
+//    editor.setContent(' <table width="100%" border="1" bordercolor="#000000"><tbody><tr><td >aa</td></tbody></table>' );
+//    stop();
+//    setTimeout(function(){
+//        te.obj[4].selectNode(editor.body.firstChild.firstChild.firstChild.firstChild).select();
+//        ua.keydown(editor.body,{'keyCode':13});
+//        setTimeout(function(){
+//            equal(ua.getChildHTML(te.obj[3].body.firstChild),'<tbody><tr><td><br></td></tr></tbody>','<br>做回车');
+//            te.dom[1].parentNode.removeChild(te.dom[1]);
+//            start();
+//        },50);
+//    },50);
+//} );
+//test( 'br做回车,选区非闭合', function () {
+//    te.dom[0].parentNode.removeChild(te.dom[0]);
+//    var div2 = document.body.appendChild( document.createElement( 'div' ) );
+//    $( div2 ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+//    te.dom.push(div2);
+//    baidu.editor.plugins.table = function(){};
+//    var editor = new baidu.editor.Editor({'initialContent':'<p>欢迎使用ueditor</p>','autoFloatEnabled':false,'enterTag':'br'});
+//    te.obj.push(editor);
+//    editor.render(div2);
+//    stop();
+//    editor.ready(function(){
+//        var range = new baidu.editor.dom.Range( editor.document );
+//        te.obj.push(range);
+//        editor.setContent('<p>hello1</p><p>hello2</p>' );
+//
+//        setTimeout(function(){
+//            te.obj[4].setStart(editor.body.firstChild,0).setEnd(editor.body.lastChild,1).select();
+//            ua.keydown(editor.body,{'keyCode':13});
+//            setTimeout(function(){
+//                ua.manualDeleteFillData(te.obj[3].body);
+//                var html = 'h<br>lo';
+//                equal(ua.getChildHTML(te.obj[3].body.firstChild),html,'<br>做回车');
+//                te.dom[1].parentNode.removeChild(te.dom[1]);
+//                start();
+//            },50);
+//        },50);
+//    });
+//} );
+
+test( 'br做回车,选区非闭合', function () {
+    te.dom[0].parentNode.removeChild(te.dom[0]);
+    var div2 = document.body.appendChild( document.createElement( 'div' ) );
+    $( div2 ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+    te.dom.push(div2);
+    baidu.editor.plugins.table = function(){};
+    var editor = new baidu.editor.Editor({'initialContent':'<p>欢迎使用ueditor</p>','autoFloatEnabled':false,'enterTag':'br'});
+    te.obj.push(editor);
+    editor.render(div2);
+    stop();
+    editor.ready(function(){
+        var range = new baidu.editor.dom.Range( editor.document );
+        te.obj.push(range);
+        editor.setContent('<p>hello</p>' );
+        te.obj[4].setStart(editor.body.firstChild.firstChild,1).setEnd(editor.body.firstChild.firstChild,3).select();
+        ua.keydown(editor.body,{'keyCode':13});
+        setTimeout(function(){
+            ua.manualDeleteFillData(te.obj[3].body);
+            var html = 'h<br>lo';
+            equal(ua.getChildHTML(te.obj[3].body.firstChild),html,'<br>做回车');
+            editor.setContent('<h1>hello<br></h1><p><img src="http://img.baidu.com/hi/jx2/j_0015.gif" /><a href="http://www.baidu.com"></a></p>' );
+            te.obj[4].setStart( editor.body.lastChild,0 ).setEnd(editor.body.lastChild,1).select();
+            ua.keydown(editor.body,{'keyCode':13});
+            setTimeout(function(){
+                ua.manualDeleteFillData(te.obj[3].body);
+                var html = 'hello<br>';
+                equal(ua.getChildHTML(te.obj[3].body.firstChild),html,'<br>做回车');
+                editor.setContent('<h1>hello<br></h1><p>he<img src="http://img.baidu.com/hi/jx2/j_0015.gif" />oll</p>' );
+                te.obj[4].setStart( editor.body.lastChild,1 ).setEnd(editor.body.lastChild,2).select();
+                ua.keydown(editor.body,{'keyCode':13});
+                setTimeout(function(){
+                    ua.manualDeleteFillData(te.obj[3].body);
+                    var html = 'hello<br>';
+                    equal(ua.getChildHTML(te.obj[3].body.firstChild),html,'<br>做回车');
+                    editor.setContent('<h1>hello<br></h1><p><img src="http://img.baidu.com/hi/jx2/j_0015.gif" /><br></p>' );
+                    te.obj[4].setStart( editor.body.lastChild,0 ).setEnd(editor.body.lastChild,1).select();
+                    ua.keydown(editor.body,{'keyCode':13});
+                    setTimeout(function(){
+                        ua.manualDeleteFillData(te.obj[3].body);
+                        var html = 'hello<br>';
+                        equal(ua.getChildHTML(te.obj[3].body.firstChild),html,'<br>做回车');
+                        editor.setContent('<h1>hello<br></h1><p><img src="http://img.baidu.com/hi/jx2/j_0015.gif" /><a href="http://www.baidu.com">www.baidu.com</a></p>' );
+                        te.obj[4].setStart( editor.body.lastChild,0 ).setEnd(editor.body.lastChild,1).select();
+                        ua.keydown(editor.body,{'keyCode':13});
+                        setTimeout(function(){
+                            ua.manualDeleteFillData(te.obj[3].body);
+                            var html = 'hello<br>';
+                            equal(ua.getChildHTML(te.obj[3].body.firstChild),html,'<br>做回车');
+                            te.dom[1].parentNode.removeChild(te.dom[1]);
+                            start();
+                        },20);
+                    },20);
+                },20);
+            },20);
+        },20);
+    });
+} );
+
+test( 'br做回车，选区闭合', function () {
+    te.dom[0].parentNode.removeChild(te.dom[0]);
+    var div2 = document.body.appendChild( document.createElement( 'div' ) );
+    $( div2 ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+    te.dom.push(div2);
+    baidu.editor.plugins.table = function(){};
+    var editor = new baidu.editor.Editor({'initialContent':'<p>欢迎使用ueditor</p>','autoFloatEnabled':false,'enterTag':'br'});
+    te.obj.push(editor);
+    editor.render(div2);
+    stop();
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        te.obj.push(range);
+        editor.setContent('<p>hello</p>');
+
+        setTimeout(function () {
+            te.obj[4].setStart(editor.body.firstChild.firstChild, 1).collapse(true).select();
+            ua.keydown(editor.body, {'keyCode':13});
+            setTimeout(function () {
+                ua.manualDeleteFillData(te.obj[3].body);
+                var html = 'h<br>ello';
+                equal(ua.getChildHTML(te.obj[3].body.firstChild), html, '<br>做回车，选区闭合');
+                te.dom[1].parentNode.removeChild(te.dom[1]);
+                start();
+            }, 50);
+        }, 50);
+    });
+} );
+
+test( 'br做回车，选区闭合,在节点尾部输入回车，要插入2个br', function () {
+    te.dom[0].parentNode.removeChild(te.dom[0]);
+    var div2 = document.body.appendChild( document.createElement( 'div' ) );
+    $(div2).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    te.dom.push(div2);
+    baidu.editor.plugins.table = function () {
+    };
+    var editor = new baidu.editor.Editor({'initialContent':'<p>欢迎使用ueditor</p>', 'autoFloatEnabled':false, 'enterTag':'br'});
+    te.obj.push(editor);
+    editor.render(div2);
+    stop();
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        te.obj.push(range);
+        editor.setContent('<p>hello</p>');
+        setTimeout(function () {
+            te.obj[4].setStart(editor.body.firstChild.firstChild, 5).collapse(true).select();
+            ua.keydown(editor.body, {'keyCode':13});
+            setTimeout(function () {
+                ua.manualDeleteFillData(te.obj[3].body);
+                var html = 'hello<br><br>';
+                equal(ua.getChildHTML(te.obj[3].body.firstChild), html, '<br>做回车，选区闭合,在节点尾部输入回车');
+                te.dom[1].parentNode.removeChild(te.dom[1]);
+                start();
+            }, 50);
+        }, 50);
+    });
+});
+
+test( 'table首行中回车', function () {
+    var editor = te.obj[0];
+    if(!ua.browser.ie){
+        var range = new baidu.editor.dom.Range( editor.document );
+        editor.setContent(' <table width="100%" border="1" bordercolor="#000000"><tbody><tr><td ><br /></td></tr></tbody></table>' );
+        range.selectNode(editor.body.firstChild.firstChild.firstChild.firstChild).select();
+        ua.keydown(editor.body,{'keyCode':13});
+        stop();
+        setTimeout(function(){
+            equal(ua.getChildHTML(te.obj[0].body.firstChild),'<br>','加入p');//opera中，由原生方法实现p标签
+            start();
+        },20);
+    }
+} );
+
+test( '去除_moz_dirty', function () {
+    if(browser.gecko){
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        editor.setContent( '<strong>迎使</strong><em  _moz_dirty=""><strong  _moz_dirty="">用ued</strong>it</em>' );
+        range.selectNode(editor.body.firstChild.lastChild.firstChild).select();
+        ua.keydown(editor.body,{'keyCode':13});
+        setTimeout( function () {
+            equal(ua.getChildHTML(editor.body),'<p><strong>迎使</strong><em><strong>用ued</strong>it</em></p>','');
+            start();
+        }, 20 );
+        stop();
+    }
+} );
+
+///*不作处理chrome会产生div*/
+test( 'chrome删除div', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    if(ua.browser.webkit){
+        editor.body.innerHTML = '<h1>一级标题</h1><div><br/></div>';
+        range.setStart( body.firstChild.firstChild, 4 ).collapse( 1 ).select();
+        ua.keydown(editor.body,{'keyCode':13});
+        range.selectNode(body.lastChild.firstChild).select();
+        var index = editor.undoManger.index;
+        var br = ua.browser.ie ? '' : '<br>';
+        ua.keyup(editor.body,{'keyCode':13});
+        equal(editor.undoManger.list.length,2,'保存现场');
+        setTimeout( function () {
+            equal( body.childNodes.length, 2, '2个子节点' );
+            equal(body.lastChild.tagName.toLowerCase(),'p','div转成p');
+            equal(ua.getChildHTML(body),'<h1>一级标题</h1><p><br></p>','检查内容');
+            start();
+        }, 60 );
+        stop();
+    }else{
+    }
+} );
+test( 'formatBlock', function () {
+    if(ua.browser.ie)return; //这个处理不针对ie
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<table><tbody><tr><td>  hello1</td><td ></td></tr><tr><td >hello2</td><td ></td></tr></tbody></table>' );
+    setTimeout( function () {
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0],1).collapse(true).select();
+    ua.keydown(editor.body,{'keyCode':13});
+    setTimeout( function () {
+    ua.keyup(editor.body,{'keyCode':13});
+        setTimeout( function () {
+            var td = editor.body.getElementsByTagName('td')[0];
+            equal(td.firstChild&&td.firstChild.tagName.toLowerCase(),'p','加上p');
+            equal(td.firstChild.innerHTML,'hello1','hello1');
+            start();
+        }, 60 );
+    }, 60 );
+    }, 60 );
+    stop();
+} );
+test( '跨td不删', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<table><tbody><tr><td>  hello1</td><td ></td></tr><tr><td >hello2</td><td ></td></tr></tbody></table>' );
+    editor.addListener("keydown", function (type, evt) {
+        setTimeout( function () {
+            ok(evt.defaultPrevented||!evt.returnValue, "keydown");
+            start();
+        }, 60 );
+    });
+    setTimeout(function () {
+        var tds = editor.body.getElementsByTagName('td');
+        range.setStart(tds[0], 0).setEnd(tds[2], 1).select();
+        ua.keydown(editor.body, {'keyCode': 13});
+    }, 60);
+    stop();
+} );
+////presskey相关，先不测
+//test( '普通文本<strong><span style="color: red">中间</span></strong>回车', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<p>你好编辑器</p>' );
+//    range.setStart( body.firstChild.firstChild, 2 ).collapse( 1 ).select();
+//    editor.focus();
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        editor.focus();
+//        setTimeout( function () {
+//            var ps = body.childNodes;
+//            equal( ps.length, 2, '2个p' );
+//            equal( ps[0].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ps[1].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ua.getChildHTML( ps[0] ), '你好', '第一个p里是你好' );
+//            equal( ua.getChildHTML( ps[1] ), '编辑器', '第一个p里是编辑器' );
+//            start();
+//        }, 30 );
+//    }, 100 );
+//    stop();
+//} );
+//
+//test( '普通文本<strong><span style="color: red">末尾</span></strong>回车', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<p>你好编辑器</p>' );
+//    range.setStart( body.firstChild, 1 ).collapse( 1 ).select();
+//    editor.focus();
+//    var br = (ua.browser.ie) ? '' : '<br>';
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        ua.keydown( body );
+//        editor.focus();
+//        setTimeout( function () {
+//            var ps = body.childNodes;
+//            equal( ps.length, 2, '2个p' );
+//            equal( ps[0].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ps[1].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ua.getChildHTML( ps[0] ), '你好编辑器', '第一个p里是你好编辑器' );
+//            equal( ua.getChildHTML( ps[1] ), br, '第一个p里是br' );
+//            start();
+//        }, 60 );
+//    }, 100 );
+//    stop();
+//} );
+//
+// //不好检查
+//test( 'table中回车', function () {
+//    var div2 = document.body.appendChild( document.createElement( 'div' ) );
+//    $( div2 ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+//    baidu.editor.plugins.table = function(){};
+//    var editor = new baidu.editor.Editor({'initialContent':'<p>欢迎使用ueditor</p>','autoFloatEnabled':false});
+//    editor.render(div2);
+//    stop();
+//    setTimeout(function(){
+//        var range = new baidu.editor.dom.Range( editor.document );
+//        var body = editor.body;
+//        editor.setContent(' <table width="100%" border="1" bordercolor="#000000"><tbody><tr><td ><br /></td><td ><br /></td></tr><tr><td ><br /></td><td ><br /></td></tr></tbody></table>' );
+//        var tds = editor.body.getElementsByTagName( 'td' );
+//        tds[0].innerHTML = 'hello';
+//        tds[1].innerHTML = 'hello';
+//        tds[2].innerHTML = 'hello';
+//        range.setStart( tds[0].firstChild, 0 ).setEnd(tds[2].lastChild,1).select();
+//        var re = ua.keydown(editor.body,{'keyCode':13});
+//        setTimeout(function(){
+//            start();
+//        },20);
+//    },20);
+//} );
+///*不作处理chrome会产生div*/
+//test( 'trace766 :<strong><span style="color: red">H1</span></strong>回车', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<h1><span style="color:red">一级标题</span></h1>' );
+//
+//    range.setStart( body.firstChild, 1 ).collapse( 1 ).select();
+//    editor.focus();
+//    var br = ua.browser.ie ? '' : '<br>';
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        editor.focus();
+//        setTimeout( function () {
+//
+//            var tagName = body.lastChild.tagName.toLowerCase();
+//            ok( tagName == 'p' || tagName == 'h1', '回车后不会产生div' );
+//            equal( body.childNodes.length, 2, '2个子节点' );
+//            start();
+//        }, 60 );
+//    }, 100 );
+//    stop();
+//} );
+//
+//
+//test( 'trace 1382:<strong><span style="color: red">空列表标号后</span></strong>回车', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<ol><li></li></ol>' );
+//    var li = body.getElementsByTagName( 'li' )[0];
+//    range.setStart( li, 0 ).collapse( 1 ).select();
+//    editor.focus();
+//    var br = ua.browser.ie ? '' : '<br>';
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        editor.focus();
+//        setTimeout( function () {
+//            var ol = body.getElementsByTagName( 'ol' );
+//            equal( ol.length, 0, '列表被删除了' );
+//            start();
+//        }, 100 );
+//    }, 100 );
+//    stop();
+//} );
+//
+//test( '<strong><span style="color: red">列表有内容处</span></strong>回车', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<ol><li>列表1</li><li>列表2</li></ol>' );
+//    var lis = body.getElementsByTagName( 'li' );
+//    range.setStart( lis[1].firstChild, 1 ).collapse( 1 ).select();
+//    editor.focus();
+//    var br = ua.browser.ie ? '' : '<br>';
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        editor.focus();
+//        setTimeout( function () {
+//            var ol = body.getElementsByTagName( 'ol' )[0];
+//            lis = ol.childNodes;
+//            equal( lis.length, 3, '3个li' );
+//            for ( var index = 0; index < lis.length; index++ )
+//                equal( lis[index].tagName.toLowerCase(), 'li', 'tag名为li' );
+//            equal( ua.getChildHTML( lis[1] ), '<p>列表2</p>', '第二个列表自动加了p' );
+//            equal( ua.getChildHTML( lis[2] ), '<p>' + br + '</p>', '新增了一个列表项' );
+//            start();
+//        }, 70 );
+//    }, 100 );
+//    stop();
+//} );
+//
+//
+//test( 'trace766 :<strong><span style="color: red">BIU文本中间</span></strong>回车', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<p><span style="color:red"><em><strong>有样式的文本</strong></em></span></p>' );
+//
+//    var str = body.getElementsByTagName( 'strong' )[0];
+//    range.setStart( str.firstChild, 2 ).collapse( 1 ).select();
+//    editor.focus();
+//    var br = ua.browser.ie ? '' : '<br>';
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        editor.focus();
+//        setTimeout( function () {
+////           ua.checkHTMLSameStyle( '<span style="color:red"><em><strong>有样​</strong></em></span>', editor.document, body.firstChild, '查看第1个p的内容' );
+//            //1.2版本中，回车/空格只后有不可见的字符，ua.checkHTMLSameStyle检查的话，<strong>的内容不好检查，即<strong>会多出一个子节点，改成如下：
+//            baidu.editor.dom.domUtils.removeDirtyAttr( body.lastChild );
+//            if ( ua.browser.chrome ) {
+//                equal( body.firstChild.innerHTML.toLowerCase(), '<span style=\"color:red\"><em><strong>有样​</strong></em></span>', '查看第1个p的内容' );
+//                ua.checkHTMLSameStyle( '<span  style="color:red"><em><strong>式的文本</strong></em></span>', editor.document, body.lastChild, '查看第2个p的内容' );
+//            }
+//            else if ( ua.browser.gecko ) {
+//                equal( body.firstChild.innerHTML.toLowerCase(), '<span style=\"color: red;\"><em><strong>有样</strong></em></span>', '查看第1个p的内容' );
+//                equal( body.lastChild.innerHTML, '<span style=\"color:red\"><em><strong>​式的文本</strong></em></span>', '查看第2个p的内容' );
+//            }
+//            else {
+//                equal( body.firstChild.innerHTML.toLowerCase(), '<span style=\"color: red\"><em><strong>有样​</strong></em></span>', '查看第1个p的内容' );
+//                ua.checkHTMLSameStyle( '<span  style="color:red"><em><strong>式的文本</strong></em></span>', editor.document, body.lastChild, '查看第2个p的内容' );
+//            }
+//            start();
+//        }, 70 );
+//    }, 100 );
+//    stop();
+//} );
+//
+//test( 'trace841  :<strong><span style="color: red">BIU文本后面</span></strong>回车', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<p><span style="color:red"><em><strong>有样式的文本</strong></em></span></p>' );
+//    var strong = body.getElementsByTagName( 'strong' )[0];
+////    range.setStart( strong.firstChild, 6 ).collapse( 1 ).select();
+//    range.setStart( strong, 1 ).collapse( 1 ).select();
+//    editor.focus();
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        editor.focus();
+//        setTimeout( function () {
+//            ua.keydown( body, {keyCode:13} );
+//            baidu.editor.dom.domUtils.removeDirtyAttr( body.lastChild );
+////            ua.checkHTMLSameStyle( '<span style="color:red"><em><strong>有样​</strong></em></span>', editor.document, body.firstChild, '查看第1个p的内容' );
+//            //1.2版本中，回车/空格只后有不可见的字符，ua.checkHTMLSameStyle检查的话，<strong>的内容不好检查，即<strong>会多出一个子节点，而且每种浏览器的具体结果不同，改成如下：
+//            if ( ua.browser.chrome )
+//                equal( body.firstChild.innerHTML.toLowerCase(), '<span style=\"color:red\"><em><strong>有样式的文本​</strong></em></span>', '查看第1个p的内容' );
+//            else if ( ua.browser.gecko )
+//                equal( body.firstChild.innerHTML.toLowerCase(), '<span style=\"color: red;\"><em><strong>有样式的文本</strong></em></span>', '查看第1个p的内容' );
+//            else
+//                equal( body.firstChild.innerHTML.toLowerCase(), '<span style=\"color: red\"><em><strong>有样式的文本​</strong></em></span>', '查看第1个p的内容' );
+//            /*ie中有一个已知bug，trace841，暂时不修的*/
+//            var br = ua.browser.gecko ? '' : '<br>';
+//            if ( !ua.browser.ie ) {
+//                /*firefox不知道为什么用程序的方式回车始终不会产生br，可能太快了，浏览器没来得及处理*/
+//                if ( ua.browser.gecko )
+//                    equal( body.lastChild.innerHTML, '<span style=\"color:red\"><em><strong>​</strong></em></span>', '查看第2个p的内容' );
+//                else
+//                    ua.checkHTMLSameStyle( '<span style="color:red"><em><strong>' + br + '</strong></em></span>', editor.document, body.lastChild, '查看第2个p的内容' );
+//            }
+//            start();
+//        }, 500 );
+//    }, 100 );
+//    stop();
+//} );
+//
+//
+//test( '<strong><span style="color: red">不闭合选择</span></strong>普通文本回车', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<p>普通文本回车</p>' );
+//    range.setStart( body.firstChild.firstChild, 2 ).setEnd( body.firstChild.firstChild, 4 ).select();
+//    editor.focus();
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        editor.focus();
+//        setTimeout( function () {
+//            var ps = body.childNodes;
+//            equal( ps.length, 2, '2个p' );
+//            equal( ps[0].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ps[1].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ua.getChildHTML( ps[0] ), '普通', '第一个p里是你好编辑器' );
+//            equal( ua.getChildHTML( ps[1] ), '回车', '第2个p里是br' );
+//            start();
+//        }, 60 );
+//    }, 100 );
+//    stop();
+//} );
+//
+//test( '<strong><span style="color: red">不闭合选择</span></strong>段落回车', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<p>不闭合选择两个段落1</p><p>不闭合选择两个段落2</p>' );
+//    range.setStart( body.firstChild.firstChild, 3 ).setEnd( body.lastChild.firstChild, 5 ).select();
+//    editor.focus();
+//    var br = ua.browser.ie ? '' : '<br>';
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        editor.focus();
+//        setTimeout( function () {
+//            var ps = body.childNodes;
+//            equal( ps.length, 2, '2个p' );
+//            equal( ps[0].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ps[1].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ua.getChildHTML( ps[0] ), '不闭合', '第一个p里是你好编辑器' );
+//            equal( ua.getChildHTML( ps[1] ), '两个段落2', '第一个p里是br' );
+//            start();
+//        }, 60 );
+//    }, 100 );
+//    stop();
+//} );
+//
+//
+//test( '撤销<strong><span style="color: red">回车不闭合删除</span></strong>段落', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<p>不闭合选择两个段落1</p><p>不闭合选择两个段落2</p>' );
+//    range.setStart( body.firstChild.firstChild, 3 ).setEnd( body.lastChild.firstChild, 5 ).select();
+//    editor.focus();
+//    var br = ua.browser.ie ? '' : '<br>';
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        editor.focus();
+//        setTimeout( function () {
+//            var ps = body.childNodes;
+//            equal( ps.length, 2, '2个p' );
+//            equal( ps[0].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ps[1].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ua.getChildHTML( ps[0] ), '不闭合', '第一个p里是你好编辑器' );
+//            equal( ua.getChildHTML( ps[1] ), '两个段落2', '第一个p里是br' );
+//            editor.undoManger.undo();
+//            equal( ps.length, 2, '2个p' );
+//            equal( ps[0].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ps[1].tagName.toLowerCase(), 'p', 'tag名为p' );
+//            equal( ua.getChildHTML( ps[0] ), '不闭合选择两个段落1', '第一个p里是你好编辑器' );
+//            equal( ua.getChildHTML( ps[1] ), '不闭合选择两个段落2', '第一个p里是br' );
+//            start();
+//        }, 60 );
+//    }, 100 );
+//    stop();
+//} );
+//
+///*1723 ie 在源码中写<ol><li></li></ol>，自动变成<ol><li><p><br></p></li></ol>，在ie中<br>会导致undo操作多记了一步*/
+//test( '撤销<strong><span style="color: red">回车删除空列表</span></strong>', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<ol><li></li></ol>' );
+//    var li = body.getElementsByTagName( 'li' )[0];
+//    range.setStart( li.firstChild, 0 ).collapse( 1 ).select();
+//    editor.focus();
+//
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        /*好像用程序控制按回车的速度会比程序捕获的速度快，
+//         所以程序还没反应过来时keydown已经触发完了，
+//         而keydown中用于进行场景保存的，这样就会导致undo操作失效*/
+//        ua.keydown( body );
+//        editor.focus();
+//        setTimeout( function () {
+//            var ol = body.getElementsByTagName( 'ol' );
+//            equal( ol.length, 0, '列表被删除了' );
+//            setTimeout( function () {
+//                editor.undoManger.undo();
+//                equal( ua.getChildHTML( body ), '<ol><li><p><br></p></li></ol>', '撤销删除列表' );
+//                start();
+//            }, 50 );
+//
+//        }, 150 );
+//    }, 100 );
+//    stop();
+//} );
+//
+//test( '撤销<strong><span style="color: red">列表中的</span></strong>回车', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<ol><li>列表</li></ol>' );
+//    var li = body.getElementsByTagName( 'li' )[0];
+//    range.setStart( li.firstChild, 1 ).collapse( 1 ).select();
+//    editor.focus();
+//    var br = ua.browser.ie ? '' : '<br>';
+//
+//    setTimeout( function () {
+//        te.presskey( "enter", "" );
+//        ua.keydown( body );
+//        editor.focus();
+//        setTimeout( function () {
+//            var li = body.getElementsByTagName( 'li' );
+//            equal( li.length, 2, '2个列表子项' );
+//            equal( ua.getChildHTML( li[0] ), '<p>列表</p>' );
+//            equal( ua.getChildHTML( li[1] ), '<p>' + br + '</p>' );
+//            editor.undoManger.undo();
+//            equal( ua.getChildHTML( body ), '<ol><li><p>列表</p></li></ol>', '撤销后列表恢复原状' );
+//            start();
+//        }, 250 );
+//    }, 100 );
+//    stop();
+//} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/fiximgclick.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/fiximgclick.js
new file mode 100644
index 000000000..fe13f3ab9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/fiximgclick.js
@@ -0,0 +1,117 @@
+module( 'plugins.fiximgclick' );
+
+test( 'webkit下图片可以被选中并出现八个角', function() {
+    if ( ua.browser.webkit ) {
+        var sc = document.createElement("script");
+        sc.id="sc";
+        sc.type = "text/plain";
+        document.body.appendChild(sc);
+        var editor = new UE.ui.Editor({'autoFloatEnabled':true,'topOffset':60,'autoHeightEnabled':true,'scaleEnabled':false});
+        editor.render(sc.id);
+        editor.ready(function () {
+            editor.setContent( '<p>修正webkit下图片选择的问题<img src="" width="200" height="100" />修正webkit下图片选择的问题</p>' );
+            var img = editor.body.getElementsByTagName( 'img' )[0];
+            var p = editor.body.firstChild;
+            ua.click( img );
+            var range = editor.selection.getRange();
+            ua.checkResult( range, p, p, 1, 2, false, '检查当前的range是否为img' );
+            var scale = document.getElementById(editor.ui.id + '_scale');
+            ok(scale && scale.style.display!='none', "检查八个角是否已出现");
+            ok(img.style.width == scale.style.width && img.style.height == scale.style.height, "检查八个角和图片宽高度是否相等");
+            UE.delEditor(sc.id);
+            domUtils.remove(sc);
+            start();
+        });
+        stop();
+    }
+} );
+
+test( '鼠标在八个角上拖拽改变图片大小', function() {
+    if ( ua.browser.webkit ) {
+        var sc = document.createElement("script");
+        sc.id="sc";
+        sc.type = "text/plain";
+        document.body.appendChild(sc);
+        var editor = new UE.ui.Editor({'autoFloatEnabled':true,'topOffset':60,'autoHeightEnabled':true,'scaleEnabled':false});
+        editor.render(sc.id);
+        editor.ready(function () {
+            editor.setContent( '<p>修正webkit下图片选择的问题<img src="" width="200" height="100" />修正webkit下图片选择的问题</p>' );
+            var img = editor.body.getElementsByTagName( 'img' )[0];
+            var p = editor.body.firstChild;
+            ua.click( img );
+            var scale = document.getElementById(editor.ui.id + '_imagescale');
+            var hand0 = scale.children[0], width, height;
+            width = parseInt(scale.style.width);
+            height = parseInt(scale.style.height);
+            ua.mousedown( hand0, {clientX: 322, clientY: 281} );
+            ua.mousemove( document, {clientX: 352, clientY: 301} );
+            equal(width-parseInt(scale.style.width), 30, "检查鼠标拖拽中图片宽度是否正确 --");
+            equal(height-parseInt(scale.style.height), 20, "检查鼠标拖拽中图片高度是否正确 --");
+            ua.mousemove( document, {clientX: 382, clientY: 321} );
+            ua.mouseup( document, {clientX: 382, clientY: 321} );
+            equal(width-parseInt(scale.style.width), 60, "检查鼠标拖拽完毕图片高度是否正确 --");
+            equal(height-parseInt(scale.style.height), 40, "检查鼠标拖拽完毕图片高度是否正确 --");
+            ok(img.style.width == scale.style.width && img.style.height == scale.style.height, "检查八个角和图片宽高度是否相等");
+            UE.delEditor(sc.id);
+            domUtils.remove(sc);
+            start();
+        });
+        stop();
+    }
+} );
+
+test( '鼠标点击图片外的其他区域时，八个角消失', function() {
+    if ( ua.browser.webkit ) {
+        var sc = document.createElement("script");
+        sc.id="sc";
+        sc.type = "text/plain";
+        document.body.appendChild(sc);
+        var editor = new UE.ui.Editor({'autoFloatEnabled':true,'topOffset':60,'autoHeightEnabled':true,'scaleEnabled':false});
+        editor.render(sc.id);
+        editor.ready(function () {
+            editor.setContent( '<p>修正webkit下图片选择的问题<img src="" width="200" height="100" />修正webkit下图片选择的问题</p>' );
+            var img = editor.body.getElementsByTagName( 'img' )[0];
+            var p = editor.body.firstChild;
+            ua.click( img );
+            var scale = document.getElementById(editor.ui.id + '_imagescale'),
+                cover = document.getElementById(editor.ui.id + '_imagescale_cover');
+            ok(scale && scale.style.display!='none', "检查八个角是否已出现");
+            ok(cover && cover.style.display!='none', "检查遮罩层是否已出现");
+            ua.mousedown( editor.ui.getDom(), {clientX: 100, clientY: 100} );
+            ok(cover && cover.style.display=='none', "检查遮罩层是否已消失");
+            ok(scale && scale.style.display=='none', "检查八个角是否已消失");
+            UE.delEditor(sc.id);
+            domUtils.remove(sc);
+            start();
+        });
+        stop();
+    }
+} );
+
+test( '键盘有操作时，八个角消失', function() {
+    if ( ua.browser.webkit ) {
+        var sc = document.createElement("script");
+        sc.id="sc";
+        sc.type = "text/plain";
+        document.body.appendChild(sc);
+        var editor = new UE.ui.Editor({'autoFloatEnabled':true,'topOffset':60,'autoHeightEnabled':true,'scaleEnabled':false});
+        editor.render(sc.id);
+        editor.ready(function () {
+            editor.setContent( '<p>修正webkit下图片选择的问题<img src="" width="200" height="100" />修正webkit下图片选择的问题</p>' );
+            var img = editor.body.getElementsByTagName( 'img' )[0];
+            var p = editor.body.firstChild;
+            ua.click( img );
+            var scale = document.getElementById(editor.ui.id + '_imagescale'),
+                cover = document.getElementById(editor.ui.id + '_imagescale_cover');
+            ok(scale && scale.style.display!='none', "检查八个角是否已出现");
+            ok(cover && cover.style.display!='none', "检查遮罩层是否已出现");
+            ua.keydown( editor.ui.getDom());
+            ok(cover && cover.style.display=='none', "检查遮罩层是否已消失");
+            ok(scale && scale.style.display=='none', "检查八个角是否已消失");
+            UE.delEditor(sc.id);
+            domUtils.remove(sc);
+            start();
+        });
+        stop();
+    }
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/font.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/font.js
new file mode 100644
index 000000000..fbe94bc09
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/font.js
@@ -0,0 +1,506 @@
+module("plugins.font");
+
+//test('stop',function(){stop();});
+test('trace1583:applyInlineStyle--MergeToParent', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+    setTimeout(function () {
+        editor.setContent('<p>1<span style="font-size: 24px; ">23456<span style="font-size: 16px; ">7</span></span><span style="font-size: 16px; ">89</span>10</p>');
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.firstChild, 4).select();
+        editor.execCommand('fontsize', '24px');
+        var html = '<span style=\"font-size: 24px;\">12345678910</span>';
+        ua.checkSameHtml(editor.body.firstChild.innerHTML.toLowerCase(), html, '');
+        start();
+    }, 50);
+
+});
+test('trace 3337：字符边框', function () {
+
+    if (ua.browser.opera)return;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('fontborder');
+    range = editor.selection.getRange();
+    range.insertNode(editor.document.createTextNode('hello'));
+    ua.manualDeleteFillData(editor.body);
+    var br = baidu.editor.browser.ie ? '&nbsp;' : '<br>';
+    if (ua.browser.ie && ua.browser.ie < 9) {
+        equal(editor.queryCommandValue('fontborder'), '#000 1px solid', '检查反射值');
+        equal(ua.getChildHTML(editor.body.firstChild), "<span style=\"border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid\">hello</span>&nbsp;", '查看添加了字符边框后的样式');
+    }
+    else {
+        equal(editor.queryCommandValue('fontborder'), '1px solid rgb(0, 0, 0)', '检查反射值');
+        ua.checkHTMLSameStyle('<span style="border: 1px solid rgb(0, 0, 0);">hello</span>' + br, editor.document, editor.body.firstChild, '查看添加了字符边框后的样式');
+    }
+    range.setStart(editor.body.firstChild.firstChild.firstChild, 5).collapse(true).select();
+    editor.execCommand('fontborder');
+    equal(editor.queryCommandState('fontborder'), '0');
+    equal(editor.queryCommandValue('fontborder'), '', '无反射值');
+    editor.setContent('<p><span style="color: red">欢</span>迎光临</p>');
+    range.setStart(editor.body.firstChild.firstChild, 0).setEnd(editor.body.firstChild.lastChild, 3).select();
+    editor.execCommand('fontborder');
+    var p1 = '<span style="border: 1px solid rgb(0, 0, 0);"><span style="color: red;">欢</span>迎光临</span>';
+    var p2 = '<span style=\"border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid\"><span style="color: red;">欢</span>迎光临</span>';
+    if (ua.browser.ie && ua.browser.ie < 9)
+        ua.checkSameHtml(editor.body.firstChild.innerHTML, p2, '查看添加了字符边框后的样式');
+    else
+        ua.checkHTMLSameStyle(p1, editor.document, editor.body.firstChild, '查看添加了字符边框后的样式');
+});
+test('设置超链接前景色再清除颜色', function () {
+    if (ua.browser.ie < 9)return;//TODO 1.2.6
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>hello<a href="www.baidu.com">baidu</a></p>');
+    range.selectNode(editor.body.firstChild).select();
+    editor.execCommand('forecolor', 'rgb(255,0,0)');
+    editor.execCommand('backcolor', 'rgb(0,255,0)');
+    editor.execCommand('forecolor', 'default');
+    //        var html = '<span style="background-color: rgb(0, 255, 0);">hello</span><a href="www.baidu.com" _href=\"www.baidu.com\" style="text-decoration: underline;"><span style="background-color: rgb(0, 255, 0);">baidu</span></a>';todo 1.2.6.1 样式复制了一次
+    var html = '<span style="background-color: rgb(0, 255, 0);">hello</span><a href="www.baidu.com" _href=\"www.baidu.com\" style="background-color: rgb(0, 255, 0);text-decoration: underline;"><span style="background-color: rgb(0, 255, 0);">baidu</span></a>';
+    ua.checkHTMLSameStyle(html, editor.document, editor.body.firstChild, '清除前景色');
+});
+
+
+test('font转span', function () {
+    var editor = te.obj[0];
+    editor.setContent('<font size="12" color="red" lang="en" face="arial"><b><i>hello</i>hello</b>');
+    var html = '<span style="font-size:12px;color:red;font-family:arial"><strong><em>hello</em>hello</strong></span>';
+    ua.checkHTMLSameStyle(html, editor.document, editor.body.firstChild, '转换font标签');
+    /*size的值在sizeMap中有对应的值*/
+    editor.setContent('<b><font size="10" color="#ff0000" lang="en" face="楷体">hello');
+    html = '<strong><span style="font-size:10px;color:#ff0000;font-family:楷体">hello</span></strong>';
+    ua.checkHTMLSameStyle(html, editor.document, editor.body.firstChild, '转换font标签');
+});
+test('beforegetContent', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.body.innerHTML = '<p>hello<span></span></p>';
+    range.selectNode(editor.body.firstChild).select();
+    editor.execCommand('forecolor', 'rgb(255,0,0)');
+    var div = document.createElement('div');
+    var div1 = document.createElement('div');
+    stop();
+    setTimeout(function () {
+        /*getContent会触发beforegetcontent事件*/
+        div1.innerHTML = editor.getContent();
+        div.innerHTML = '<p><span style="color: rgb(255, 0, 0);" >hello</span></p>';
+//    ok( ua.haveSameAllChildAttribs( div, div1 ), '查看空span是否被删除' );
+        equal(ua.getChildHTML(div), ua.getChildHTML(div1));
+        start();
+    }, 50);
+});
+
+/*为超链接添加删除线，超链接仍然有删除线，trace946*/
+test('underline and linethrough', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+    editor.setContent('hello<a href="http://www.baidu.com/">baidu</a>test');
+    setTimeout(function () {
+        if (!ua.browser.opera) {
+            editor.focus();
+        }
+        var body = editor.body;
+        ua.manualDeleteFillData(editor.body);
+        range.selectNode(body.firstChild.firstChild.nextSibling).select();
+        ok(/underline/.test(editor.queryCommandValue('underline')), 'query command value is underline');
+        ok(/underline/.test(editor.queryCommandValue('strikethrough')), 'query command value is underline');
+        ok(editor.queryCommandState('underline'), 'query underline state');
+        editor.execCommand('strikethrough');
+        var html = 'hello<a href="http://www.baidu.com/" _href=\"http://www.baidu.com/\" style="text-decoration: line-through" >baidu</a>test';
+        ua.checkHTMLSameStyle(html, editor.document, body.firstChild, 'check results');
+        start();
+    }, 50);
+});
+
+/*为不同字号的文本加背景色，trace981*/
+test('background--不同字号', function () {
+    if (!ua.browser.opera) {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        editor.setContent('你好');
+        editor.focus();
+        var body = editor.document.body;
+        ua.manualDeleteFillData(editor.body);
+        range.selectNode(body.firstChild.firstChild).select();
+        editor.execCommand('backcolor', 'rgb(255,0,0)');
+        range.setStart(body.firstChild.firstChild, 1).collapse(1).select();
+        editor.execCommand('fontsize', '30px');
+        range = editor.selection.getRange();
+        range.insertNode(editor.document.createTextNode('hello'));
+        stop();
+        setTimeout(function () {
+            ua.manualDeleteFillData(editor.body);
+            /*去掉空白字符*/
+            var color = ua.browser.ie && ua.browser.ie < 9 ? '' : ';background-color: rgb(255, 0, 0); ';
+            var html = '<span style="background-color: rgb(255, 0, 0)">你好<span style="font-size: 30px ' + color + '">hello</span></span>';
+            ua.checkHTMLSameStyle(html, editor.document, editor.body.firstChild, '检查不同字号的文本背景色是否一致');
+            start();
+        }, 50);
+    }
+});
+
+/*trace 937,chrome,safari,maxthon有问题*/
+test('trace 937：为第一个有样式的字加删除线', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p><span style="color: red">欢</span>迎光临</p>');
+    range.selectNode(editor.body.firstChild).select();
+    editor.execCommand('strikethrough');
+    var p1 = editor.document.createElement('p');
+    p1.innerHTML = '<span style="text-decoration: line-through;"><span style="text-decoration: line-through; color: red;">欢</span>迎光临</span>';
+    ok(ua.haveSameAllChildAttribs(editor.body.firstChild, p1), '查看添加了下划线后的样式');
+});
+
+/*trace 918*/
+test('trace 918：字体的状态反射', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>欢迎你回来</p>');
+    var p = editor.body.firstChild;
+    range.selectNode(p).select();
+    editor.execCommand('underline');
+    var p1 = document.createElement('p');
+    p1.innerHTML = '<span style="text-decoration: underline;">欢迎你回来</span>';
+    if (!ua.browser.opera) {
+        ok(ua.haveSameAllChildAttribs(p, p1), '检查是否添加了下划线');
+    }
+    range.setStart(p.firstChild.firstChild, 3).setEnd(p.firstChild.firstChild, 4).select();
+    editor.execCommand('fontfamily', '楷体');
+    var txt = '楷体';
+    if (ua.browser.opera)
+        txt = '\"楷体\"';
+    equal(editor.queryCommandValue('fontfamily'), txt, '检查字体的状态反射');
+
+});
+
+test(' 选中文本设置前景色为默认', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    editor.setContent('hello');
+    range.selectNode(editor.body.firstChild).select();
+    editor.execCommand('forecolor', 'rgb(255,0,0)');
+    ua.checkHTMLSameStyle('<span style="color:rgb(255, 0, 0)">hello</span>', editor.document, editor.body.firstChild, '文本的前景色设为红色');
+    editor.execCommand('forecolor', 'default');
+    equal(ua.getChildHTML(editor.body), '<p>hello</p>', '设置字体颜色为默认颜色');
+
+});
+
+/*trace 869*/
+//插件相关！！！！！！！！！！
+//test( 'trace 869：设置前景色后清除前景色，再输入文本', function() {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent( '' );
+//    stop()
+////    alert(navigator.userAgent)
+//    setTimeout( function() {
+//        range.setStart( editor.body.firstChild, 0 ).select();
+//        editor.execCommand( 'forecolor', 'red' );
+//        editor.execCommand( 'forecolor', 'default' );
+//        range = editor.selection.getRange();
+//        editor.focus();
+//        setTimeout( function() {
+//        //TODO maxthon有2种模式，句柄分为IE的和maxthon两种，需要根据userAgent区别对待，但是貌似还是有问题的
+//            te.presskey( '', 'e' );
+//            editor.focus();
+//            setTimeout( function() {
+//                var br = baidu.editor.browser.ie ? '' : '<br />';
+//                ua.manualDeleteFillData( editor.body );
+//                equal( editor.getContent(), '<p>e' + br + '</p>' );
+//            start();
+//            }, 250 );
+//        }, 100 );
+////    range.insertNode( document.createTextNode( 'hello' ) );
+//    }, 150 );
+//} );
+
+/*trace 823*/
+//TODO 涉及文本输入和光标位置移动的结合
+// 不好测，采取workaround，不用输入的方式
+test('trace 823：设置前景色后设置删除线', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    editor.setContent('<p><span style="color: rgb(153, 230, 0); ">你好<span style="color: rgb(255, 0, 0); ">​hello</span></span></p>');
+    range.selectNode(editor.body.firstChild.firstChild, 0).select();
+    editor.execCommand('strikethrough');
+    var p1 = editor.document.createElement('p');
+    p1.innerHTML = '<span style="color: rgb(153, 230, 0); text-decoration: line-through;">你好<span style="color: rgb(255, 0, 0); text-decoration: line-through;">hello</span></span>';
+    ok(ua.haveSameAllChildAttribs(editor.body.firstChild, p1), '检查加入删除线后的样式');
+
+});
+
+/*trace 819, 765*/
+test('trace 819, 765：删除线和下划线互斥', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    var p1 = editor.document.createElement('p');
+    editor.setContent('<p>你好</p>');
+    range.selectNode(editor.body.firstChild).select();
+    editor.execCommand('underline');
+    p1.innerHTML = '<span style="text-decoration: underline">你好</span>';
+    ok(ua.haveSameAllChildAttribs(editor.body.firstChild, p1), '下划线');
+    range.selectNode(editor.body.firstChild).select();
+
+    editor.execCommand('strikethrough');
+    p1.innerHTML = '<span style="text-decoration: line-through">你好</span>';
+    ok(ua.haveSameAllChildAttribs(editor.body.firstChild, p1), '删除线，和下划线互斥');
+    range.selectNode(editor.body.firstChild).select();
+    editor.execCommand('underline');
+    p1.innerHTML = '<span style="text-decoration: underline">你好</span>';
+    ok(ua.haveSameAllChildAttribs(editor.body.firstChild, p1), '下划线，和删除线互斥');
+
+});
+
+///*trace 810*/
+//TODO 1.2.6
+//test( 'trace 810：闭合时设置删除线会改变文本前景色', function() {
+//    if(!ua.browser.opera){
+//        var editor = te.obj[2];
+//        var div = document.body.appendChild( document.createElement( 'div' ) );
+//        $( div ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+//        editor.render(div);
+//        var range = new baidu.editor.dom.Range( editor.document );
+//        stop();
+//        setTimeout(function(){
+//            editor.setContent( '<p><span style="color: rgb(153, 230, 0); ">你好<span style="color: rgb(255, 0, 0); ">​hello</span></span></p>' );
+//            range.setStart( editor.body.firstChild.firstChild.lastChild, 1 ).collapse( true ).select();
+//            editor.execCommand( 'strikethrough' );
+//            range = editor.selection.getRange();
+//            range.insertNode( editor.document.createTextNode( 'hey' ) );
+//            /*ff下会自动加一个空的设置了style的span，比较时不作考虑*/
+//            if ( baidu.editor.dom.domUtils.isEmptyNode( editor.body.firstChild.lastChild ) && baidu.editor.browser.gecko )
+//                editor.body.firstChild.removeChild( editor.body.firstChild.lastChild );
+//            var html = '<span style="color: rgb(153, 230, 0)">你好<span style="color: rgb(255, 0, 0)">hello<span style="color: rgb(255, 0, 0); text-decoration: line-through;">hey</span></span></span>';
+//            ua.checkHTMLSameStyle( html, editor.document, editor.body.firstChild, '检查插入的删除线前景色是否正确' );
+//            equal(editor.body.firstChild.innerHTML,html);
+//            div.parentNode.removeChild(div);
+//            start();
+//        },50);
+//    }
+//} );
+
+/*trace 809*/
+test('trace 809：闭合时改变前景色和删除线，再输入文本', function () {
+    if (!ua.browser.opera) {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+
+        editor.setContent('<p><span style="color: rgb(255, 0, 0); text-decoration: line-through; ">你好</span></p>');
+        var p = editor.body.firstChild;
+        range.setStart(p.firstChild, 1).collapse(true).select();
+        editor.execCommand('forecolor', 'rgb(0,255,0)');
+        range = editor.selection.getRange();
+        editor.execCommand('underline');
+        range = editor.selection.getRange();
+        range.insertNode(editor.document.createTextNode('hey'));
+        var p1 = editor.document.createElement('p');
+        p1.innerHTML = '<span style="color: rgb(255, 0, 0); text-decoration: line-through; ">你好</span><span style="color: rgb(255, 0, 0); "><span style="color: rgb(0, 255, 0); text-decoration: underline; ">​hey</span></span>';
+        ua.manualDeleteFillData(editor.body);
+        /*ff下会自动加一个空的设置了style的span，比较时不作考虑*/
+        if (baidu.editor.dom.domUtils.isEmptyNode(editor.body.firstChild.lastChild) && baidu.editor.browser.gecko)
+            editor.body.firstChild.removeChild(editor.body.firstChild.lastChild);
+        ok(ua.haveSameAllChildAttribs(editor.body.firstChild, p1), '检查新输入的文本下划线和颜色是否正确');
+
+    }
+});
+
+/*trace 805*/
+test('trace 805：切换删除线和下划线，前景色没了', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p><strong>你好早安</strong></p>');
+    var text = editor.body.firstChild.firstChild.firstChild;
+    range.selectNode(text).select();
+    editor.execCommand('forecolor', 'rgb(255,0,0)');
+    range.setStart(text, 0).setEnd(text, 2).select();
+    editor.execCommand('underline');
+    range.setStart(text, 0).setEnd(text, 2).select();
+    editor.execCommand('strikethrough');
+    var p1 = editor.document.createElement('p');
+    p1.innerHTML = '<span style="color: rgb(255, 0, 0); text-decoration: line-through;"><strong>你好</strong></span><span style="color: rgb(255, 0, 0);"><strong>早安</strong></span>';
+    ok(ua.haveSameAllChildAttribs(editor.body.firstChild, p1), '查看前景色是不是还在');
+
+});
+
+/*trace 802*/
+test('trace 802：为设置了字体的文本添加删除线', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    editor.setContent('<p><strong>你好早安</strong></p>');
+    var text = editor.body.firstChild.firstChild.firstChild;
+    range.setStart(text, 0).setEnd(text, 2).select();
+    editor.execCommand('strikethrough');
+    var p1 = editor.document.createElement('p');
+    p1.innerHTML = '<span style="text-decoration: line-through;"><strong>你好</strong></span><strong>早安</strong>';
+    ok(ua.haveSameAllChildAttribs(editor.body.firstChild, p1), '检查删除线是否正确');
+    editor.execCommand('fontfamily', '隶书');
+    editor.execCommand('source');
+    var txt = '隶书';
+    if (ua.browser.opera)
+        txt = '\"隶书\"';
+    if(!ua.browser.gecko)//todo 1.4.0
+        equal(editor.queryCommandValue('fontfamily'), txt);
+
+});
+
+/*trace 744*/
+test('trace 744：设置超链接背景色后切换到源码再切回来', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+    editor.setContent('<p>hello<a href="www.baidu.com">baidu</a></p>');
+    range.selectNode(editor.body.firstChild).select();
+    editor.execCommand('backcolor', 'rgb(255,0,0)');
+    var html = editor.body.firstChild.innerHTML;
+    editor.execCommand('source');
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            ua.checkHTMLSameStyle(html, editor.document, editor.body.firstChild, '切换后html代码不变');
+            /*切换源码前后代码应当相同*/
+            start();
+        }, 50);
+    }, 50);
+});
+
+
+test('对表格中的文本添加颜色和下划线', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    stop();
+    editor.setContent('<table><tbody><tr><td>hello1</td><td>hello2</td></tr><tr><td colspan="2">hello3</td></tr></tbody></table>');
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[0]);
+        ut.setSelected(cellsRange);
+        if (ua.browser.ie && ua.browser.ie < 9) {
+            range.setStart(editor.body.firstChild.firstChild.firstChild.firstChild, 0).setEnd(editor.body.firstChild.firstChild.lastChild.firstChild, 6).select();
+        }
+        else {
+            range.setStart(trs[0].cells[0].firstChild, 0).setEnd(trs[1].cells[0].firstChild, 6).select();
+        }
+
+        editor.execCommand('forecolor', 'rgb(255,100,100)');
+        setTimeout(function () {
+            ut.clearSelected();
+            trs = editor.body.firstChild.getElementsByTagName('tr');
+            ut = editor.getUETable(editor.body.firstChild);
+            range.selectNode(trs[0].firstChild).select();
+            ut.setSelected(range);
+            setTimeout(function () {
+                editor.execCommand('underline');
+                setTimeout(function () {
+                    var tds = editor.body.firstChild.getElementsByTagName('td');
+                    trs = editor.body.firstChild.getElementsByTagName('tr');
+                    ua.checkSameHtml('<span style="color: rgb(255, 100, 100); text-decoration: underline; ">hello1</span>', tds[0].innerHTML, '第一个单元格有下划线和前景色');
+//                    equal('<span style="color: rgb(255, 100, 100); text-decoration: underline; ">hello1</span>', tds[0].innerHTML, '第一个单元格有下划线和前景色');
+                    ua.checkSameHtml('<span style="color: rgb(255, 100, 100); ">hello2</span>',  tds[1].innerHTML, '第2个单元格有前景色');
+                    ua.checkSameHtml('<span style="color: rgb(255, 100, 100); ">hello3</span>',  tds[2].innerHTML, '第3个单元格有前景色');
+                    equal(trs[1].firstChild.getAttribute('colspan'), 2, 'colspan为2');
+                    equal(editor.queryCommandState('underline'), true, '状态是underline');
+                    equal(editor.queryCommandState('forecolor'), 0, '非underline和line-through返回0');
+                    setTimeout(function () {
+                        start();
+                    }, 100);
+                }, 100);
+            }, 100);
+        }, 100);
+    }, 50);
+});
+
+/*trace 740*/
+test('trace 740：设置左右字为红色，修改部分字颜色为蓝色，再修改所有字体', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    stop();
+    editor.setContent('<p>你好早安</p>');
+    range.selectNode(editor.body.firstChild).select();
+    editor.execCommand('forecolor', 'rgb(255,0,0)');
+    var text = editor.body.firstChild.firstChild.firstChild;
+    range.setStart(text, 2).setEnd(text, 4).select();
+    editor.execCommand('forecolor', 'rgb(0,255,0)');
+    range.setStart(editor.body.firstChild, 0).setEnd(editor.body.firstChild, 1).select();
+    editor.execCommand('fontfamily', ' 楷体, 楷体_GB2312, SimKai; ');
+    setTimeout(function () {
+        var html = '<span style="color: rgb(255, 0, 0); font-family: 楷体, 楷体_GB2312, SimKai;">你好<span style="color: rgb(0, 255, 0);">早安</span></span>';
+        ua.checkSameHtml(html, editor.body.firstChild.innerHTML, '查看字体和颜色是否正确');
+        start();
+    }, 50);
+});
+
+/*trace 721*/
+test('trace 721：预先设置下划线和字体颜色，再输入文本，查看下划线颜色', function () {
+    if (!ua.browser.opera) {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+
+        editor.setContent('<p><br></p>');
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        editor.execCommand('underline');
+        editor.execCommand('forecolor', 'rgb(255,0,0)');
+        range = editor.selection.getRange();
+        range.insertNode(editor.document.createTextNode('hello'));
+        ua.manualDeleteFillData(editor.body);
+        var html = '<span style="text-decoration:underline;color:rgb(255,0,0)">hello</span><br>';
+        ua.checkHTMLSameStyle(html, editor.document, editor.body.firstChild, '查看下划线颜色是否与字体颜色一致');
+
+    }
+});
+
+
+test('trace 3342：字符ab， 给a 加边框再给b加边框，边框效果错误', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>hello</p>');
+    range.setStart(editor.body.firstChild.firstChild, 0).setEnd(editor.body.firstChild.firstChild, 2).select();
+    editor.execCommand('fontborder');
+    range.setStart(editor.body.firstChild.lastChild, 0).setEnd(editor.body.firstChild.lastChild, 2).select();
+    editor.execCommand('fontborder');
+//    var br = baidu.editor.browser.ie ? '&nbsp;' : '<br>';
+    if (ua.browser.ie && ua.browser.ie < 9) {
+        equal(ua.getChildHTML(editor.body.firstChild), "<span style=\"border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid\">hell</span>o", '查看添加了字符边框后的样式');
+    }else if(ua.browser.ie && ua.browser.ie == 11){
+        equal(ua.getChildHTML(editor.body.firstChild), '<span style="border: 1px solid rgb(0, 0, 0); border-image: none;">hell</span>o', '查看添加了字符边框后的样式');
+    }
+    else {
+        equal(ua.getChildHTML(editor.body.firstChild), '<span style="border: 1px solid rgb(0, 0, 0);">hell</span>o', '查看添加了字符边框后的样式');
+    }
+});
+
+test('trace 3096：单元格中改变字号', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    trs[0].cells[0].innerHTML = 'asd';
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild.firstChild.firstChild.firstChild.firstChild, 0).setEnd(editor.body.firstChild.firstChild.firstChild.firstChild.firstChild, 3).select();
+        editor.execCommand('fontsize', '32px');
+        equal(editor.body.firstChild.getElementsByTagName('td')[0].style.height, '', '不固定高度');
+        start();
+    }, 50);
+    stop();
+});
+
+test('转换font标签', function () {
+    var editor = te.obj[0];
+    editor.setContent('<font size="16" color="red"><b><i>x</i></b></font>');
+    var html = '<p><span style="font-size:16px;color:red" ><strong><em>x</em></strong></span></p>';
+    ua.checkHTMLSameStyle(html, editor.document, editor.body, '转换font标签');
+    editor.setContent('<font style="color:red"><u>x</u></font>');
+    html = '<span style="color:red"><span style="text-decoration:underline;">x</span></span>';
+    ua.checkHTMLSameStyle(html, editor.document, editor.body.firstChild, '转换font标签');
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/formatmatch.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/formatmatch.js
new file mode 100644
index 000000000..423acfb32
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/formatmatch.js
@@ -0,0 +1,373 @@
+module('plugins.formatmatch');
+
+/*trace 973*/
+test('为一行无格式的文字刷2种不同的格式', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('<p><strong>first</strong></p><p><em>second</em></p><p>third</p>');
+        setTimeout(function () {
+            var body = editor.body;
+            range.setStart(body.firstChild.firstChild.firstChild, 2).collapse(true).select();
+            editor.execCommand('formatmatch');
+            range.selectNode(body.lastChild.firstChild).select();
+            ua.mouseup(body);
+            editor.addListener('mouseup', function () {
+                equal(editor.queryCommandState('formatmatch'), 0, '刷后状态为0');
+                equal(body.lastChild.innerHTML.toLowerCase(), '<em>third</em>');
+                start();
+            });
+            range.setStart(body.lastChild.previousSibling.firstChild.firstChild, 2).collapse(true).select();
+            editor.execCommand('formatmatch');
+            range.selectNode(body.lastChild.firstChild).select();
+            ua.mouseup(body);
+            /*editor自身还挂了一个mouseup侦听器，必须在用例执行前调用，否则_selectionChange方法调用无法取到window，会报错*/
+
+        }, 50);
+    stop();
+});
+
+/*trace 971*/
+test('trace 971:有格式文字刷自己', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        editor.setContent('<p><strong>欢迎光临</strong></p>');
+        setTimeout(function () {
+            var body = editor.body;
+            var text = body.firstChild.firstChild.firstChild;
+            range.setStart(text, 2).collapse(true).select();
+            editor.addListener('mouseup', function () {
+                equal(editor.getContent(), '<p><strong>欢</strong><strong>迎光临</strong></p>');
+                start();
+            });
+            editor.execCommand('formatmatch');
+            range.setStart(text, 0).setEnd(text, 1).select();
+            ua.mouseup(editor.body);
+
+        }, 50);
+    stop();
+});
+//TODO 1.2.6
+//test( 'trace 1553:居中的标题自己刷自己', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent( '<h2 style="text-align:center">欢迎使用UEditor编辑器</h2>' );
+//    setTimeout( function () {
+//        var body = editor.body;
+//        var text = body.firstChild.firstChild;
+//        range.setStart( text, 2 ).setEnd( text, 4 ).select();
+//        editor.addListener( 'mouseup', function () {
+//            if ( (ua.browser.gecko && ua.browser.gecko < 2)||ua.browser.ie ==9)
+//                equal( editor.getContent(), '<h2 style="text-align:center;" >欢迎使用UEditor编辑器</h2>' );
+//            else
+//                equal( editor.getContent(), '<h2 style="text-align:center" >欢迎使用UEditor编辑器</h2>' );
+//        } );
+//        editor.execCommand( 'formatmatch' );
+//        range.setStart( text, 5 ).setEnd( text, 6 ).select();
+//        ua.mouseup( editor.body );
+//        setTimeout( function () {
+//            start();
+//        }, 500 );
+//    }, 50 );
+//    stop();
+//} );
+
+/*trace:969*/
+test('格式刷的状态反射：非闭合区间', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('hello');
+        setTimeout(function () {
+            var body = editor.body;
+            range.setStart(body.firstChild.firstChild, 2).collapse().select();
+            editor.addListener('mouseup', function () {
+                equal(editor.queryCommandState('formatmatch'), 0, '刷后状态为0');
+                start();
+            });
+            editor.execCommand('formatmatch');
+            equal(editor.queryCommandState('formatmatch'), 1, '刷前状态为1');
+            range.setStart(body.firstChild.firstChild, 0).setEnd(body.firstChild.firstChild, 2).select();
+            /*格式刷侦听mouseup事件，select方法不能触发mouseup，因此必须手动触发*/
+            ua.mouseup(editor.body);
+
+        }, 50);
+    stop();
+});
+
+/*trace 964*/
+test('默认格式图片刷有格式的图片', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('hello<img width="200px" height="200px" style="float: left;background-color: red"/><img width="100px" height="200px"/>');
+        setTimeout(function () {
+            var img = editor.body.firstChild.lastChild;
+            var img_new = img.previousSibling;
+            range.selectNode(img).select();
+            editor.addListener('mouseup', function () {
+                equal(editor.queryCommandState('formatmatch'), 0, '刷后状态为0');
+                if (!ua.browser.opera) {
+                    equal(img_new.style.cssFloat || img_new.style.styleFloat, 'none', 'check style float', 'float');
+                }
+                equal(img_new.style.backgroundColor, 'red', 'check background color');
+                start();
+            });
+            editor.execCommand('formatmatch');
+            range.selectNode(img_new).select();
+            ua.mouseup(editor.body);
+
+        }, 50);
+    stop();
+});
+
+/*trace 965*/
+test('有浮动方式图片刷默认的图片', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('hello<img width="200px" height="200px" style="float: left;background-color: red;width: 200px"/><img width="100px" height="200px"/>');
+        setTimeout(function () {
+            var img = editor.body.firstChild.lastChild.previousSibling;
+            var img_new = img.nextSibling;
+            range.selectNode(img).select();
+            editor.addListener('mouseup', function () {
+                equal(editor.queryCommandState('formatmatch'), 0, '刷后状态为0');
+                if (!ua.browser.opera) {
+                    equal(img_new.style.cssFloat || img_new.style.styleFloat, "left", 'check style float');
+                }
+                /*只有浮动方式会刷，其他都不刷*/
+                equal(img_new.style.backgroundColor, '', 'check background color');
+                equal(img_new.style.width, '', 'check style width');
+                equal($(img_new).attr('width'), 100, 'check width');
+                start();
+            });
+            editor.execCommand('formatmatch');
+            range.selectNode(img_new).select();
+            ua.mouseup(editor.body);
+
+        }, 50);
+    stop();
+});
+
+/*trace 1068*/
+test('独占一行图片刷默认的图片', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('hello<img width="200px" height="200px" style="background-color: red;width: 200px;display:block;"/><img width="100px" height="200px"/>');
+        setTimeout(function () {
+            var img = editor.body.firstChild.lastChild.previousSibling;
+            var img_new = img.nextSibling;
+            range.selectNode(img).select();
+            editor.addListener('mouseup', function () {
+                equal(editor.queryCommandState('formatmatch'), 0, '刷后状态为0');
+                if (!ua.browser.opera) {
+                    equal(img_new.style.display, "block", 'check display block');
+                }
+                start();
+            });
+            editor.execCommand('formatmatch');
+            range.selectNode(img_new).select();
+            ua.mouseup(editor.body);
+
+        }, 50);
+    stop();
+});
+
+/*trace 1068*/
+test('默认的图片图片刷独占一行图片', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('hello<img width="200px" height="200px" style="background-color: red;width: 200px;display:block;"/><img width="100px" height="200px"/>');
+        setTimeout(function () {
+            var img = editor.body.firstChild.lastChild;
+            var img_new = img.previousSibling;
+            range.selectNode(img).select();
+            editor.addListener('mouseup', function () {
+                equal(editor.queryCommandState('formatmatch'), 0, '刷后状态为0');
+                if (!ua.browser.opera) {
+                    equal(img_new.style.display, "inline", 'check display block');
+                }
+                start();
+            });
+            editor.execCommand('formatmatch');
+            range.selectNode(img_new).select();
+            ua.mouseup(editor.body);
+
+        }, 50);
+    stop();
+});
+
+/*trace 939*/
+test('trace 939:字母列表刷表格内的字母列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('<ol style="list-style-type: lower-alpha;"><li>first</li><li>second</li></ol> <table><tbody><tr><td><ol style="list-style-type: lower-alpha;"><li>third</li><li>fourth</li></ol></td></tr></tbody></table>');
+        setTimeout(function () {
+            range.selectNode(editor.body.firstChild).select();
+            editor.execCommand('formatmatch');
+            editor.addListener('mouseup', function () {
+                setTimeout(function () {
+                    equal(editor.body.lastChild.getElementsByTagName('ol')[0].style.listStyleType, 'lower-alpha', '查看列表是否仍然是字母的');
+                    start();
+                }, 250);
+            });
+            range.selectNode(editor.body.lastChild).select();
+            ua.mouseup(editor.body);
+
+        }, 50);
+    stop();
+});
+
+/*trace 938*/
+test('用格式刷刷整个表格', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('<p><span style="background: yellow">hello</span></p><table><tbody><tr><td></td></tr></tbody></table>');
+        setTimeout(function () {
+            range.selectNode(editor.body.firstChild).select();
+            editor.addListener('mouseup', function () {
+                /*整个校验方法不好，没有解决根源的问题，
+                 校验的目的应当是不会多出不应当出现的内容，除了match还可能会有其他多出来的内容
+                 但是style之类的东西比较难校验*/
+                equal(editor.body.innerHTML.indexOf('match'), -1, '没有插入match占位符');
+                start();
+            });
+            editor.execCommand('formatmatch');
+            range.selectNode(editor.body.lastChild).select();
+            editor.currentSelectedArr = [editor.body.lastChild.getElementsByTagName('td')[0]];
+            ua.mouseup(editor.body);
+
+        }, 50);
+    stop();
+});
+
+test('表格刷文本', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('<p><span style="background: yellow">hello</span></p><table><tbody><tr><td>hello2</td></tr></tbody></table>');
+        setTimeout(function () {
+            range.selectNode(editor.body.lastChild).select();
+//            editor.currentSelectedArr = [editor.body.lastChild.getElementsByTagName('td')[0]];
+            editor.addListener('mouseup', function () {
+                equal(editor.body.firstChild.innerHTML, 'hello', ' 去掉hello的格式');
+                start();
+            });
+            editor.execCommand('formatmatch');
+            setTimeout(function () {
+                range.selectNode(editor.body.firstChild).select();
+                ua.mouseup(editor.body);
+
+            }, 50);
+        }, 50);
+    stop();
+});
+
+/*trace 1096*/
+test('trace 1096，1761:表格刷表格', function () {
+
+    var editor = te.obj[0];
+    var range = te.obj[1];
+            editor.setContent('<p><span style="background: yellow">hello</span></p><table><tbody><tr><td>hello2</td><td></td></tr><tr><td></td><td>hello3</td></tr></tbody></table>');
+            setTimeout(function () {
+                var trs = editor.body.lastChild.getElementsByTagName('tr');
+                var ut = editor.getUETable(editor.body.lastChild);
+                var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[0]);
+                ut.setSelected(cellsRange);
+                range.setStart(trs[0].cells[0], 0).collapse(true).select();
+                var tds = editor.body.lastChild.getElementsByTagName('td');
+                editor.addListener('mouseup', function () {
+                    ok(ua.isEqualArray(ut.selectedTds, [trs[0].cells[0], trs[1].cells[0]]), '比较选择的区域');
+//            equal( editor.body.getElementsByTagName('table')[0].getAttribute( 'border' ), '1', '表格边框宽度相同' );      /*如果没有指定border，那么不主动设置border*/
+//            equal( tds[index].style['borderWidth'], '1px', '表格边框宽度相同' );
+//            equal( tds[index].style['borderStyle'], 'solid', '表格边框样式相同' );
+                    for (var index = 0; index < tds.length; index++) {
+                        equal(tds[index].style['borderColor'], tds[0].style['borderColor'], '表格边框颜色相同');
+                    }
+
+                        start();
+                });
+                editor.execCommand('formatmatch');
+//        editor.currentSelectedArr = [tds[1], tds[3]];
+                range.setStart(tds[1], 0).setEnd(tds[3], 1).select();
+                ua.mouseup(editor.body);
+//            }, 50);
+        }, 50);
+    stop();
+});
+
+/*trace 1092, 991*/
+test('文本刷a标签(闭合)', function () {
+
+    var editor = te.obj[0];
+    var range = te.obj[1];
+            editor.setContent('hello<a href="http://www.baidu.com/">baidu</a>');
+    setTimeout(function () {
+
+        var p = editor.body.firstChild;
+            var a = p.lastChild;
+            range.selectNode(p.firstChild).select();
+            /*给文本刷上前景色*/
+            editor.execCommand('forecolor', 'rgb(255,0,0)');
+            editor.addListener('mouseup', function () {
+                var a = p.lastChild;
+                ua.clearWhiteNode(a);
+                equal(a.childNodes.length, 3, '3子节点');
+                //1.2版本中空的span里有删不掉的不可见字符，已经从浏览器复制过来了
+                ua.checkHTMLSameStyle('ba<span style=\"color: rgb(255,0,0)\"></span>idu', editor.document, a, 'check style');
+                    start();
+            });
+            range.selectNode(p.firstChild).select();
+            editor.execCommand('formatmatch');
+            range.setStart(p.lastChild.firstChild, 2).collapse(true).select();
+            ua.mouseup(editor.body);
+
+        }, 50);
+    stop();
+});
+
+
+
+test('点了格式刷后不刷文本再点一次格式刷', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('<p><strong>first</strong></p><p><em>second</em></p><p>third</p>');
+        setTimeout(function () {
+            var body = editor.body;
+            range.setStart(body.firstChild.firstChild.firstChild, 2).collapse(true).select();
+            editor.addListener('mouseup', function () {
+                equal(editor.__allListeners['mouseup'].length, num - 1, 'mouseup的侦听器被删除');
+                equal(editor.queryCommandState('formatmatch'), 0, '刷后状态为0');
+                equal(body.lastChild.innerHTML.toLowerCase(), 'third');
+
+                    start();
+            });
+            editor.execCommand('formatmatch');
+            var num = editor.__allListeners['mouseup'].length;
+            /*删除mouseup侦听器后直接返回*/
+            editor.execCommand('formatmatch');
+            equal(editor.__allListeners['mouseup'].length, num - 1, '如果第一次格式刷没执行，下一次格式刷会先去掉上一个mouseup的侦听器然后直接退出');
+            ua.mouseup(body);
+
+        }, 50);
+    stop();
+});
+test('a标签刷文本', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    setTimeout(function () {
+        editor.setContent('hello<a href="http://www.baidu.com/"><span style="color: red; ">baidu</span></a>');
+        setTimeout(function () {
+            var p = editor.body.firstChild;
+            var a = p.lastChild;
+            range.setStart(a.firstChild.firstChild, 1).collapse(true).select();
+            editor.addListener('mouseup', function () {
+                /*firefox不支持outerHTML*/
+                equal(p.firstChild.innerHTML, 'hello', 'span包含文本');
+                ok(p.firstChild.style['color'], 'red', '查看文本是否添加了样式');
+                start();
+            });
+            editor.execCommand('formatmatch');
+            range.selectNode(p.firstChild).select();
+            ua.mouseup(editor.body);
+        }, 50);
+    },50);
+    stop();
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/horizontal.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/horizontal.js
new file mode 100644
index 000000000..032fa0121
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/horizontal.js
@@ -0,0 +1,142 @@
+module( "plugins.horizontal" );
+//normal
+test( 'horizontal', function() {
+    var editor = te.obj[0];
+    var d = editor.document;
+    var range = te.obj[1];
+    var db = editor.body;
+
+    editor.setContent( '<b><i>top</i></b><p>bottom</p>' );
+    setTimeout(function(){
+        range.setStart( d.getElementsByTagName( 'em' )[0].firstChild, 0 ).setEnd( db.lastChild.firstChild, 5 ).select();
+        equal( editor.queryCommandState( "horizontal" ), 0, "边界不在table里" );
+        editor.execCommand( 'horizontal' );
+        var spase = ua.browser.ie?'':'<br>';
+        equal( ua.getChildHTML( db ), "<p><strong><em></em></strong></p><hr><p>m"+spase+"</p>", "边界不在table里" );
+        start();
+    },50);
+    stop();
+} );
+test( 'horizontal_br', function() {//trace 3854
+    var div = document.body.appendChild(document.createElement('div'));
+    $(div).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    var editor = new baidu.editor.Editor({'initialContent':'<p>欢迎使用ueditor</p>', 'autoFloatEnabled':false,enterTag:'br'});
+
+    editor.render(div);
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent( '<ol><li><p>top</p></li></ol>' );
+        range.setStart( editor.body.firstChild.firstChild, 1 ).collapse( true ).select();
+        editor.execCommand( 'horizontal' );
+        range = editor.selection.getRange();
+        var containger = (ua.browser.ie&&ua.browser.ie<9)?editor.body.getElementsByTagName('li')[0]:editor.body.getElementsByTagName('hr')[0].nextSibling;
+        var offset = (ua.browser.webkit||ua.browser.ie==11)?1:((ua.browser.ie&&ua.browser.ie<9)?3:0);
+        if(!ua.browser.opera){
+            ua.checkResult( range,containger,containger, offset, offset, true, 'check range' );
+        }
+        ua.manualDeleteFillData(editor.body);
+        equal( ua.getChildHTML( editor.body.firstChild ), "<li><p>top</p><hr><br></li>", "在列表中插入分隔线，在分隔线后面添加p用于定位" );
+        setTimeout(function(){
+            te.dom.push(div);
+            start();
+        },50);
+    });
+    stop();
+} );
+test( 'horizontal-delkeydown', function() {
+    var editor = te.obj[0];
+    var d = editor.document;
+    var range = te.obj[1];
+    var db = editor.body;
+    editor.setContent( '<b><i>top</i></b><p>bottom</p>' );
+    setTimeout(function(){
+        range.setStart( d.getElementsByTagName( 'em' )[0].firstChild, 0 ).setEnd( db.lastChild.firstChild, 5 ).select();
+        editor.execCommand( 'horizontal' );
+        setTimeout(function(){
+            range.setStart( editor.body.lastChild, 0 ).collapse(true).select();
+            editor.fireEvent('delkeydown',{});
+            var spase = ua.browser.ie?'':'<br>';
+            equal( ua.getChildHTML( db ), "<p><strong><em></em></strong></p><p>m"+spase+"</p>", "删除分隔符" );
+            start();
+        },50);
+    },50);
+    stop();
+} );
+
+test( '在列表中插入分隔线，回车符为p', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<ol><li><p>top</p></li></ol>' );
+    range.setStart( body.firstChild.firstChild, 1 ).collapse( true ).select();
+    editor.execCommand( 'horizontal' );
+    range = editor.selection.getRange();
+    var p = body.firstChild.firstChild.lastChild;
+
+    var offset = ((ua.browser.ie&&ua.browser.ie>8&&ua.browser.ie<11)||ua.browser.gecko)?0:1;
+    if(!ua.browser.opera){
+        ua.checkResult( range, p.firstChild, p.firstChild, offset, offset, true, 'check range' );
+    }
+    ua.manualDeleteFillData(editor.body);
+    equal( ua.getChildHTML( body.firstChild ), "<li><p>top</p><hr><p></p></li>", "在列表中插入分隔线，在分隔线后面添加p用于定位" );
+
+} );
+
+//test( '在列表中插入分隔线，回车符为br', function() {
+//
+//    var editor = new baidu.editor.Editor({'enterTag':'br'});
+//    var div = document.body.appendChild(document.createElement('div'));
+//    editor.render(div);
+//    var range = new baidu.editor.dom.Range(editor.document);
+//    var body = editor.body;
+//    editor.setContent( '<ol><li>top</li></ol>' );
+//    range.setStart( body.firstChild.firstChild, 1 ).collapse( true ).select();
+//
+//    editor.execCommand( 'horizontal' );
+//
+//    var li = body.firstChild.firstChild;
+//    if ( !baidu.editor.browser.gecko ) {
+//        equal( ua.getChildHTML( body ), "<ol><li><p>top</p><hr><br></li></ol>", "在列表中插入分隔线，在分隔线后面添加p用于定位" );
+//    } else {
+//        equal( ua.getChildHTML( body ), "<ol><li><p>top</p><hr></li></ol>", "ff在列表中插入分隔线" );
+//    }
+//    te.dom.push(div);
+//} );
+
+//table
+test( 'horizontal in table', function() {
+    var editor = te.obj[0];
+    var d = editor.document;
+    var range = te.obj[1];
+    editor.setContent( '<table><tr><td>1</td></tr><tr><td>2</td></tr></table>' );
+    stop();
+    setTimeout(function () {
+        range.setStart(d.getElementsByTagName('tr')[0].firstChild, 0).setEnd(d.getElementsByTagName('tr')[1].firstChild, 0).select();
+        equal(editor.queryCommandState("horizontal"), -1, "边界在table里");
+        start();
+    }, 50);
+} );
+//collapsed=true
+test( 'horizontal&&collapsed', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var db = editor.body;
+    editor.setContent( '<b><i>top</i></b><p>bottom</p>' );
+    range.setStart( db.lastChild.firstChild, 0 ).collapse( true ).select();
+    equal( editor.queryCommandState( "horizontal" ), 0, "边界不在table里" );
+    editor.execCommand( 'horizontal' );
+    var spase = ua.browser.ie?'':'<br>';
+    equal( ua.getChildHTML( db ), "<p><strong><em>top</em></strong></p><hr><p>bottom"+spase+"</p>", "边界不在table里" );
+} );
+//TODO 1.2.6
+//test( 'trace 3338：horizontal&&enterTag', function() {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.options.enterTag ='br';
+//    editor.setContent( '<ol><li>top</li></ol>' );
+//    range.setStartAfter(editor.body.firstChild.firstChild.firstChild).collapse( true ).select();
+//    editor.execCommand('horizontal');
+//    ua.manualDeleteFillData(editor.body);
+//    var br = (ua.browser.ie && ua.browser.ie<9) || ua.browser.webkit?"<br>":"";
+//    equal(ua.getChildHTML(editor.body), '<ol><li><p>top</p><hr>'+br+'</li></ol>', 'enterTag=br');
+//} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/iframe.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/iframe.js
new file mode 100644
index 000000000..e8b60e98a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/iframe.js
@@ -0,0 +1,30 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-9-17
+ * Time: 下午2:55
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'plugins.iframe' );
+test( '检查高亮和清除_iframe', function() {
+        var sc = document.createElement("script");
+        sc.id="sc";
+        sc.type = "text/plain";
+        document.body.appendChild(sc);
+        te.obj[2].render('sc');
+
+    te.obj[2].ready(function(){
+            equal( te.obj[2].queryCommandState( 'insertframe' ), 0, 'check insertframe state' );
+            var iframe = document.createElement('iframe');
+            $(iframe).attr('src','www.baidu.com');
+            this._iframe = iframe;
+            this.setContent('<p>欢迎使用ueditor!</p>');
+            ok(te.obj[2]._iframe,'加入_iframe');
+            setTimeout(function(){
+                ok(!te.obj[2]._iframe,'检查selectionchanged会触发去掉_iframe');
+                document.getElementById('sc').parentNode.removeChild(document.getElementById('sc'));
+                start();
+            },50);
+    });
+    stop();
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/image.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/image.js
new file mode 100644
index 000000000..9bb61ae28
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/image.js
@@ -0,0 +1,204 @@
+module( 'plugins.image' );
+/**
+ * 插入视频
+ * 插入图像
+ * 选区闭合和不闭合
+ * 表格中插入图像
+ */
+/*trace1491 修改动图的宽高*/
+test( 'trace1491 修改动图的宽高', function () {
+    setTimeout(function () {
+        expect(3);
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent('<p><br></p>');
+        setTimeout(function () {
+            range.setStart(body.firstChild, 0).collapse(1).select();
+            editor.execCommand('insertimage', {src: '../data/test.JPG'});
+            setTimeout(function () {
+                ua.manualDeleteFillData(editor.body);
+                range.selectNode(body.firstChild.firstChild).select();
+                var img = body.getElementsByTagName('img')[0];
+                editor.execCommand('insertimage', {src: '../data/test.JPG', width: 50, height: 80});
+                setTimeout(function () {
+                    equal($(img).attr('width'), '50', '比较width');
+                    equal($(img).attr('height'), '80', '比较width');
+                    ok(/data\/test\.JPG/.test(img.getAttribute('src')), '比较src');
+                    start();
+                }, 500);
+            }, 100);
+        }, 100);
+    }, 100);
+    stop();
+} );
+test( '插入新图像', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><br></p>' );
+    range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+    editor.execCommand( 'insertimage', {src:'http://img.baidu.com/hi/jx2/j_0001.gif', width:50, height:51} );
+    ua.manualDeleteFillData( editor.body );
+    var img = body.getElementsByTagName( 'img' )[0];
+    equal( img.getAttribute( 'src' ), 'http://img.baidu.com/hi/jx2/j_0001.gif', '比较src' );
+    equal( img.getAttribute( 'width' ), '50', '比较width' );
+    equal( img.getAttribute( 'height' ), '51', '比较height' );
+} );
+
+/*trace 1490 不设宽高，插入图片*/
+test( 'trace 1490 不设宽高，插入图片', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><br></p>' );
+    range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+    editor.execCommand( 'insertimage', {src:'http://img.baidu.com/hi/jx2/j_0001.gif'} );
+    ua.manualDeleteFillData( editor.body );
+    var img = body.getElementsByTagName( 'img' )[0];
+    equal( img.getAttribute( 'src' ), 'http://img.baidu.com/hi/jx2/j_0001.gif', '比较src' );
+} );
+
+test( '插入对齐方式为居中对齐的图像，新建一个p，在p上设置居中对齐', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p>hello</p>' );
+    range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+    editor.execCommand( 'insertimage', {src:'http://img.baidu.com/hi/jx2/j_0001.gif', width:50, height:51, floatStyle:'center'} );
+    ua.manualDeleteFillData( editor.body );
+
+    var img = body.getElementsByTagName( 'img' )[0];
+    equal( body.childNodes.length, 2, '2个p' );
+    var p = body.firstChild;
+    equal( p.style['textAlign'], 'center', '居中对齐' );
+    ok( p.nextSibling.innerHTML.indexOf( 'hello' ) > -1, '第二个p里面是hello' );      //1.2版本在FF中，hello前有不可见字符
+    if ( baidu.editor.browser.ie )
+            equal( img.style['styleFloat'], '', 'float为空' );
+    else
+            equal( img.style['cssFloat'], '', 'float为空' );
+    equal( img.getAttribute( 'src' ), 'http://img.baidu.com/hi/jx2/j_0001.gif', '比较src' );
+    equal( img.getAttribute( 'width' ), '50', '比较width' );
+    equal( img.getAttribute( 'height' ), '51', '比较height' );
+} );
+
+test( '修改已有图片的属性', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><img src="http://img.baidu.com/hi/jx2/j_0004.gif" >hello<img src="http://img.baidu.com/hi/jx2/j_0053.gif" ></p>' );
+    range.selectNode( body.firstChild.firstChild ).select();
+    editor.execCommand( 'insertimage', {src:'http://img.baidu.com/hi/jx2/j_0018.gif'} );
+    equal( ua.getChildHTML( body.firstChild ), '<img src="http://img.baidu.com/hi/jx2/j_0018.gif" _src=\"http://img.baidu.com/hi/jx2/j_0004.gif\">hello<img src="http://img.baidu.com/hi/jx2/j_0053.gif" _src=\"http://img.baidu.com/hi/jx2/j_0053.gif\">', '检查插入的图像地址' );
+    equal( body.firstChild.childNodes.length, 3, '2个img孩子' );
+} );
+
+
+test( '选区不闭合插入图像', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p>hello1</p><p>hello2<img src="http://img.baidu.com/hi/jx2/j_0004.gif"></p>' );
+    setTimeout(function(){
+        range.setStart( body.firstChild.firstChild, 2 ).setEnd( body.lastChild, 2 ).select();
+        editor.execCommand( 'insertimage', {src:'http://img.baidu.com/hi/jx2/j_0016.gif', width:'100', height:'100'} );
+        ua.manualDeleteFillData( editor.body );
+        equal( body.childNodes.length, 1, '只有一个p' );
+        ua.clearWhiteNode(body.firstChild);
+        var img = body.firstChild.lastChild;
+        equal( img.getAttribute( 'src' ), 'http://img.baidu.com/hi/jx2/j_0016.gif', '比较src' );
+        equal( img.getAttribute( 'width' ), '100', '比较width' );
+        equal( img.getAttribute( 'height' ), '100', '比较height' );
+        start();
+    },50);
+    stop();
+} );
+
+test( '图像设置左右浮动', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p>hello1</p><p>hello2<img src="http://img.baidu.com/hi/jx2/j_0004.gif"></p>' );
+    range.selectNode( body.lastChild.lastChild ).select();
+    editor.execCommand( 'imagefloat', 'left' );
+    equal( body.getElementsByTagName( 'img' )[0].style['cssFloat'] || body.getElementsByTagName( 'img' )[0].style['styleFloat'], 'left', '左浮动' );
+//        equal( body.getElementsByTagName( 'img' )[0].style['float'], 'left', '左浮动' );
+    equal( editor.queryCommandValue( 'imagefloat' ), 'left' );
+
+    editor.execCommand( 'imagefloat', 'right' );
+    equal( body.getElementsByTagName( 'img' )[0].style['cssFloat'] || body.getElementsByTagName( 'img' )[0].style['styleFloat'], 'right', '右浮动' );
+    equal( editor.queryCommandValue( 'imagefloat' ), 'right' );
+    equal( editor.queryCommandState( 'imagefloat' ), 0, '图片被选中，因此图片菜单高亮' );
+    range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+    equal( editor.queryCommandState( 'imagefloat' ), -1, '光标闭合，因此图片菜单高不高亮' );
+    equal( editor.queryCommandValue( 'justify' ), 'left', '段落的对齐方式为左对齐' );
+    equal( editor.queryCommandValue( 'imagefloat' ), 'none', '图片对齐方式在闭合情况获取为空' )
+    range.selectNode( body.firstChild.firstChild ).select();
+    equal( editor.queryCommandValue( 'imagefloat' ), 'none', '选中文本，因此图片菜单高不高亮' );
+} );
+
+test( '左浮动变为默认的样式和居中', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p>hello1</p><p>hello2<img src="http://img.baidu.com/hi/jx2/j_0004.gif" style="float:left"></p>' );
+    range.selectNode( body.lastChild.lastChild ).select();
+    editor.execCommand( 'imagefloat', 'none' );
+    equal( ua.getFloatStyle( body.getElementsByTagName( 'img' )[0] ), '', '没有浮动方式' );
+    equal( editor.queryCommandValue( 'imagefloat' ), 'none' );
+    $( body.getElementsByTagName( 'img' )[0] ).css( 'float' );
+    range.selectNode( body.getElementsByTagName( 'img' )[0] ).select();
+    editor.execCommand( 'imagefloat', 'center' );
+    equal( editor.queryCommandValue( 'imagefloat' ), 'center' );
+    equal( body.childNodes.length, 3, '3个p，image被切出一个p出来了' );
+    var p = body.childNodes[2];
+    equal( p.tagName.toLowerCase(), 'p', '第2个是p' );
+        equal( p.firstChild.tagName.toLowerCase(), 'img', 'p的孩子为image' );
+        equal( ua.getFloatStyle( p.firstChild ), '', 'image对齐方式float为空' );
+        equal( editor.queryCommandValue( 'justify' ), 'center', '段落的对齐方式为居中' );
+} );
+
+test( ' 带有超链接的图片', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p>hello1</p><p>hello2<a href="www.baidu.com"><img src="http://img.baidu.com/hi/jx2/j_0004.gif" style="float:left"></a></p>' );
+    range.selectNode( body.lastChild.lastChild ).select();
+    editor.execCommand( 'imagefloat', 'center' );
+    var p = body.childNodes[2];
+    equal( p.firstChild.tagName.toLowerCase(), 'a', 'p的孩子为a' );
+    equal( ua.getFloatStyle( p.firstChild ), '', 'image对齐方式float为空' );
+    equal( editor.queryCommandValue( 'justify' ), 'center', '段落的对齐方式为居中' );
+
+    editor.execCommand( 'imagefloat', 'left' );
+    equal( p.firstChild.tagName.toLowerCase(), 'a', 'p的孩子为a' );
+    equal( ua.getFloatStyle( p.firstChild.firstChild ), 'left', 'image对齐方式float为left' );
+
+    editor.execCommand( 'imagefloat', 'none' );
+    equal( p.firstChild.tagName.toLowerCase(), 'a', 'p的孩子为a' );
+    equal( ua.getFloatStyle( p.firstChild.firstChild ), '', 'image对齐方式float为空' );
+} );
+
+test( ' 默认样式切换到居中再切换回默认，会把居中导致的3个p合并', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p>hello2<a href="www.baidu.com"><img src="http://img.baidu.com/hi/jx2/j_0004.gif" style="float:left"></a>hello3</p>' );
+    setTimeout( function () {
+        range.selectNode( body.getElementsByTagName( 'a' )[0] ).select();
+        editor.execCommand( 'imagefloat', 'center' );
+        var p = body.childNodes[1];
+        equal( p.firstChild.tagName.toLowerCase(), 'a', 'p的孩子为a' );
+        equal( ua.getFloatStyle( p.firstChild ), '', 'image对齐方式float为空' );
+        equal( editor.queryCommandValue( 'justify' ), 'center', '段落的对齐方式为居中' );
+        editor.execCommand( 'imagefloat', 'none' );
+        equal( body.childNodes.length, 1, '3个p合并为1个' );
+
+        var a = body.firstChild.firstChild.nextSibling;
+        equal( a.tagName.toLowerCase(), 'a', 'p的孩子为a' );
+        equal( a.firstChild.tagName.toLowerCase(), 'img', 'a的孩子是img' );
+        equal( ua.getFloatStyle( a.firstChild ), '', 'image对齐方式float为空' );
+        start();
+    }, 50 );
+    stop();
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/indent.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/indent.js
new file mode 100644
index 000000000..daa2acaa5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/indent.js
@@ -0,0 +1,233 @@
+module( 'plugins.indent' );
+
+/*trace 1030*/
+test( '同时加缩进和段前距', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>hello1</p><p>hello2</p>');
+    /*selectNode不能直接选body，否则在ff下回冒到外面去了，一直回冒到外面的html上去了*/
+//    range.selectNode( editor.body ).select();
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.lastChild, 1).select();
+        editor.execCommand('rowspacing', 15, 'top');
+        editor.execCommand('indent');
+//    stop()
+
+        equal(editor.body.firstChild.style['textIndent'], '2em', '查看缩进量');
+        equal(editor.queryCommandValue('rowspacing', 'top'), 15, '查询段前距');
+        start();
+    }, 50);
+    stop();
+} );
+
+test( 'trace1241--首行缩进的状态反射', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<h1>hello1</h1>' );
+    setTimeout(function(){
+        range.setStart( editor.body.firstChild, 1 ).collapse( 1 ).select();
+        equal( editor.queryCommandState( 'indent' ), 0, '开始没有缩进' );
+        editor.execCommand( 'indent' );
+        equal( editor.queryCommandState( 'indent' ), 1, '有缩进' );
+        editor.execCommand( 'indent' );
+        equal( editor.queryCommandState( 'indent' ), 0, '没有缩进' );
+        start();
+    },50);
+    stop();
+} );
+
+/*trace 1031*/
+test( '缩进后再h1', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello1</p><p>hello2</p>' );
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.lastChild, 1).select();
+        editor.execCommand('indent');
+        editor.execCommand('paragraph', 'h1');
+        equal(editor.queryCommandValue('paragraph'), 'h1', '段落格式为h1');
+        equal(editor.body.firstChild.style['textIndent'], '2em', '查看缩进量');
+        start();
+    }, 50);
+    stop();
+} );
+
+
+test( '先设h1再缩进', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello1</p><p>hello2</p>' );
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.lastChild, 1).select();
+        editor.execCommand('paragraph', 'h1');
+        editor.execCommand('indent');
+        equal(editor.queryCommandValue('paragraph'), 'h1', '段落格式为h1');
+        equal(editor.body.firstChild.style['textIndent'], '2em', '查看缩进量');
+        start();
+    }, 50);
+    stop();
+} );
+/*trace 1479 首行缩进按钮功能有效*/
+test('trace 1479 首行缩进按钮功能有效',function(){
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>hello</p>');
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        editor.execCommand('indent');
+        equal(editor.body.firstChild.style['textIndent'], '2em', '选择文字，首行缩进');//text-indent:2em
+        equal(editor.queryCommandState('indent'), 1, '缩进按钮高亮');
+        start();
+    }, 50);
+    stop();
+});
+/*trace 1516 选Heading格式的文字首行缩进按钮高亮*/
+test('trace 1516 选Heading格式的文字首行缩进按钮高亮',function(){
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<h1>hello</h1>' );
+    setTimeout(function(){
+        range.setStart(editor.body.firstChild,0).collapse(true).select();
+        editor.execCommand( 'indent' );
+        equal(editor.body.firstChild.style['textIndent'], '2em', '选Heading格式的文字首行缩进');//text-indent:2em
+        equal(editor.queryCommandState('indent'), 1, '缩进按钮高亮');
+        start();
+    },50);
+    stop();
+});
+test( '先对齐方式再缩进', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello1</p><p>hello2</p>' );
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.lastChild, 1).select();
+        editor.execCommand('justify', 'right');
+        editor.execCommand('indent');
+        equal(editor.queryCommandValue('justify'), 'right', '段落格式为h1');
+        equal(editor.body.firstChild.style['textIndent'], '2em', '查看缩进量');
+        start();
+    }, 50);
+    stop();
+} );
+
+test( '先缩进再对齐方式', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello1</p><p>hello2</p>' );
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.lastChild, 1).select();
+        editor.execCommand('indent');
+        editor.execCommand('justify', 'right');
+        equal(editor.queryCommandValue('justify'), 'right', '段落格式为h1');
+        equal(editor.body.firstChild.style['textIndent'], '2em', '查看缩进量');
+        start();
+    }, 50);
+    stop();
+} );
+
+/*trace 1033*/
+test( '非闭合取消缩进', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>hello1</p><p>hello2</p>');
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.lastChild, 1).select();
+        editor.execCommand('indent');
+        equal(editor.body.firstChild.style['textIndent'], '2em', '查看缩进量');
+        editor.execCommand('indent');
+        equal(editor.body.firstChild.style['textIndent'], '0em', '查看缩进量');
+        start();
+    }, 50);
+    stop();
+} );
+
+test( '闭合取消缩进', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello1</p><p>hello2</p>' );
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.lastChild, 1).select();
+        editor.execCommand('indent');
+        equal(editor.body.firstChild.style['textIndent'], '2em', '查看缩进量');
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        ua.manualDeleteFillData(editor.body);
+        editor.execCommand('indent');
+        equal(editor.body.firstChild.style['textIndent'], '0em', '查看缩进量');
+        start();
+    }, 50);
+    stop();
+} );
+
+//test( '表格内闭合缩进和取消缩进', function() {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent( '<table><tbody><tr><td></td><td></td></tr><tr><td><p>hello</p></td><td></td></tr></tbody></table>' );
+//    var tds = editor.body.firstChild.getElementsByTagName( 'td' );
+//    range.setStart( tds[0], 0 ).collapse( true ).select();
+//    editor.execCommand( 'indent' );
+//    ua.manualDeleteFillData( editor.body );
+//    equal( tds[0].firstChild.tagName.toLowerCase(), 'p', '插入一个p标签' );
+//    equal( tds[0].firstChild.style['textIndent'], '2em', '查看缩进量' );
+//    range.setStart( tds[0].firstChild, 0 ).collapse( true ).select();
+//    te.presskey( '', 'h' );
+//    setTimeout( function() {
+//        equal( tds[0].firstChild.style['textIndent'], '2em', '插入文本节点后查看缩进量' );
+//        range.setStart( tds[0].firstChild, 0 ).collapse( true ).select();
+//        editor.execCommand( 'indent' );
+//        ua.manualDeleteFillData( editor.body );
+//        equal( tds[0].firstChild.style['textIndent'], '0em', '取消缩进' );
+//        /*选中一个单元格设置缩进*/
+//        range.selectNode( tds[2] ).select();
+//        editor.execCommand( 'indent' );
+//        ua.manualDeleteFillData( editor.body );
+//        equal( tds[2].firstChild.style['textIndent'], '2em', '查看缩进量' );
+//        start();
+//    }, 30 );
+//    stop();
+//} );
+
+test( '多个单元格缩进和取消缩进', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<table><tbody><tr><td>hello1</td><td>hello2<img /></td></tr><tr><td><div>hello3</div></td><td><p>hello4</p></td></tr></tbody></table>' );
+    setTimeout(function () {
+        var tds = editor.body.firstChild.getElementsByTagName('td');
+        range.selectNode(editor.body.firstChild).select();
+        editor.execCommand('indent');
+        ua.manualDeleteFillData(editor.body);
+        /*会自动在非block元素外面套p*/
+        equal(tds[0].firstChild.tagName.toLowerCase(), 'p', '插入一个p标签');
+        for (var index = 0; index < tds.length; index++) {
+            equal(tds[index].firstChild.style['textIndent'], '2em', '查看第' + (index + 1) + '个单元格的缩进量');
+        }
+        range.selectNode(editor.body.firstChild).select();
+        editor.execCommand('indent');
+        for (index = 0; index < tds.length; index++) {
+            equal(tds[index].firstChild.style['textIndent'], '0em', '查看第' + (index + 1) + '个单元格的缩进是否被取消');
+        }
+        start();
+    }, 50);
+    stop();
+} );
+
+/*trace 1097*/
+test( '列表中缩进', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<ul><li>nihao</li><li>hello</li></ul>' );
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild.firstChild, 0).collapse(true).select();
+        editor.execCommand('indent');
+        var p = editor.body.firstChild.firstChild.firstChild;
+        equal(p.tagName.toLowerCase(), 'p', '自动创建一个p');
+        equal(p.style['textIndent'], '2em', '设置缩进为2em');
+        /*在有文本的列表中缩进*/
+        range.setStart(editor.body.firstChild.lastChild.firstChild, 1).collapse(true).select();
+        editor.execCommand('indent');
+        p = editor.body.firstChild.lastChild.firstChild;
+        equal(p.tagName.toLowerCase(), 'p', '自动创建一个p');
+        equal(p.style['textIndent'], '2em', '设置缩进为2em');
+        start();
+    }, 50);
+    stop();
+} )
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/insertcode.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/insertcode.js
new file mode 100644
index 000000000..4098c526e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/insertcode.js
@@ -0,0 +1,283 @@
+module('plugins.insertcode');
+//test('',function(){stop();})
+test('trace 3343：插入代码中有空行', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('hello');
+        ua.keydown(editor.body, {'keyCode':65, 'ctrlKey':true});
+        editor.execCommand('insertcode', 'Java');
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        ua.keydown(editor.body, {'keyCode':13});
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        ua.keydown(editor.body, {'keyCode':13});
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        range.insertNode(editor.document.createTextNode('hello'));
+        var br = ua.browser.ie ? '' : '<br>';
+        if (ua.browser.ie)
+            ua.checkSameHtml(editor.body.innerHTML, '<PRE class=brush:Java;toolbar:false>​<BR>hello​​<BR>​​hello</PRE><P></P>', '插入代码');
+        else if (ua.browser.gecko||ua.browser.webkit)
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:Java;toolbar:false">hello<br><br>hello</pre>', '插入代码');
+        else
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:Java;toolbar:false">hello<br><br>hello</pre><p>' + br + '</p>', '插入代码');
+        setTimeout(function () {
+            editor.execCommand('source');
+            setTimeout(function () {
+                editor.execCommand('source');
+                var br = ua.browser.ie ? '' : '<br>';
+                if (ua.browser.ie&&ua.browser.ie<9)
+                    ua.checkSameHtml(editor.body.innerHTML, "<PRE class=brush:Java;toolbar:false>hello<BR>hello<BR></PRE><P>&nbsp;</P>", '样式不变');
+
+                else if (ua.browser.gecko||ua.browser.webkit)
+                    ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:Java;toolbar:false">hello<br><br>hello<br></pre>', '样式不变');
+                    start();
+            }, 20);
+        }, 20);
+    stop();
+});
+
+test('trace 3355：不闭合选区插入代码', function () {
+    var editor = te.obj[0];
+        var code = '&lt;div id=&quot;upload&quot; style=&quot;display: none&quot; &gt;&lt;img id=&quot;uploadBtn&quot;&gt;&lt;/div&gt;';
+        editor.setContent(code);
+        setTimeout(function () {
+            ua.keydown(editor.body, {'keyCode': 65, 'ctrlKey': true});
+            editor.execCommand('insertcode', 'html');
+            var br = ua.browser.ie ? '' : '<br>';
+            if (ua.browser.gecko || ua.browser.opera ||ua.browser.webkit)
+                ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">&lt;div id=\"upload\" style=\"display: none\" &gt;&lt;img id=\"uploadBtn\"&gt;&lt;/div&gt;</pre>', '检查插入了html');
+            else
+                ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">&lt;div id=\"upload\" style=\"display: none\" &gt;&lt;img id=\"uploadBtn\"&gt;&lt;/div&gt;</pre><p>' + br + '</p>', '检查插入了html');
+                start();
+        }, 50);
+    stop();
+});
+
+test('trace 3395：插入代码为空时，清空编辑器', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('');
+        editor.execCommand('insertcode', 'html');
+        var br = ua.browser.ie ? '&nbsp;' : '<br>';
+        if (ua.browser.gecko||ua.browser.ie > 10)
+            ua.checkSameHtml(editor.body.firstChild.outerHTML, '<pre class="brush:html;toolbar:false"><br></pre>', '检查插入了html');
+        else if (ua.browser.ie > 8)
+            ua.checkSameHtml(editor.body.firstChild.outerHTML, '<pre class="brush:html;toolbar:false"></pre>', '检查插入了html');
+        else
+            ua.checkSameHtml(editor.body.firstChild.outerHTML, '<pre class="brush:html;toolbar:false">' + br + '</pre>', '检查插入了html');
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        range.insertNode(editor.document.createTextNode('hello'));//TODO bug修复把此行删除
+        ua.keydown(editor.body, {'keyCode':65, 'ctrlKey':true});
+        ua.keydown(editor.body, {'keyCode':8});
+        br = ua.browser.ie ? '' : '<br>';
+        ua.checkSameHtml(editor.body.innerHTML, '<p>' + br + '</p>', '检查编辑器清空');
+});
+
+test('trace 3396：多次切换源码，不会产生空行', function () {
+    var editor = te.obj[0];
+
+        editor.setContent('<p>&lt;body&gt;</p><p>&lt;/body&gt;</p>');
+        ua.keydown(editor.body, {'keyCode':65, 'ctrlKey':true});
+        editor.execCommand('insertcode', 'html');
+        var br = (ua.browser.ie==9||ua.browser.ie==10) ? '\n' : '<br>';
+    var p = editor.body.firstChild.outerHTML.toLowerCase();
+    var x ='\"';
+    if(ua.browser.ie<9&&ua.browser.ie)x='';
+    equal(p, '<pre class='+x+'brush:html;toolbar:false'+x+'>&lt;body&gt;'+br+'&lt;/body&gt;</pre>', '检查插入了html')
+            ua.checkSameHtml(editor.body.firstChild.outerHTML, '<pre class="brush:html;toolbar:false">&lt;body&gt;'+br+'&lt;/body&gt;</pre>', '检查插入了html');
+
+    //todo 1.3.6 3853
+
+    setTimeout(function () {
+            editor.execCommand('source');
+            setTimeout(function () {
+                editor.execCommand('source');
+                var end = (ua.browser.ie==9||ua.browser.ie==10) ?'':'<br>';
+                br =(ua.browser.ie==9||ua.browser.ie==10) ?'\n':'<br>';
+                var Bbr =( ua.browser.ie&&ua.browser.ie<9)?'\n':'';
+                ua.checkSameHtml(editor.body.firstChild.innerHTML, '&lt;body&gt;'+Bbr+br+'&lt;/body&gt;'+end, '切回源码无影响');
+//            setTimeout(function() {//TODO bug修复后去掉注释
+//                editor.execCommand('source');
+//                setTimeout(function() {
+//                    editor.execCommand('source');
+//                    ua.checkSameHtml(editor.body.firstChild.innerHTML,'&lt;body&gt;<br>&lt;/body&gt;<br>','切回源码无影响');
+//                setTimeout(function () {
+//                    UE.delEditor('ue');
+//                    document.getElementById('ue')&&te.dom.push(document.getElementById('ue'));
+                    start();
+            }, 20);
+        }, 20);
+
+    stop();
+});
+
+test('trace 3407：表格中插入代码', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable');
+    stop();
+    setTimeout(function () {
+        var tds = editor.body.getElementsByTagName('td');
+        tds[1].innerHTML = 'asd';
+        range.setStart(tds[1], 0).setEnd(tds[1], 1).select();
+        editor.execCommand('insertcode', 'Javascript');
+        var br = ua.browser.ie ? '&nbsp;' : '<br>';
+        ua.checkSameHtml(tds[1].innerHTML, '<pre class="brush:Javascript;toolbar:false">asd</pre>', '检查插入了html');
+//    stop();
+//    setTimeout(function() {//TODO bug
+//        editor.execCommand('source');
+//        setTimeout(function() {
+//            editor.execCommand('source');
+//            ua.checkSameHtml(tds[1].innerHTML,'<pre class="brush:Javascript;toolbar:false">asd</pre><br>','切回源码无影响');
+//            start();
+//        },20);
+//    },20);
+        start();
+    }, 50);
+});
+
+
+test('test-beforeInsertHTML', function(){
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        editor.setContent('<pre class="brush:html;toolbar:false"><br/></pre>');
+        //闭合
+        range.setStart(editor.body.firstChild,0).collapse(true).select();
+        var insert = 'text';
+        editor.execCommand('inserthtml', insert);
+        if(ua.browser.ie==9||ua.browser.ie==10)
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">'+insert+'</pre>', '插入IE');
+        else
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">'+insert+'<br></pre>', '插入chrome/ff/ie11+');
+        ua.manualDeleteFillData(editor.body);
+
+        //插入非br element
+        range.setStart(editor.body.firstChild.firstChild,0).collapse(true).select();
+        insert='<p>I</p>';
+        editor.execCommand('inserthtml', insert);
+        if(ua.browser.ie==9||ua.browser.ie==10)
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">Itext</pre>', '插入IE');
+        else
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">Itext<br></pre>', '插入chrome/ff/ie11+');
+        ua.manualDeleteFillData(editor.body);
+
+        //插入br element
+        range.setStart(editor.body.firstChild.firstChild,1).collapse(true).select();
+        insert='<br>br';
+        editor.execCommand('inserthtml', insert);
+        if(ua.browser.ie==9||ua.browser.ie==10){
+                ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">\nbrItext</pre>', '插入IE');
+
+        }
+        else if(ua.browser.ie>10){
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">I\nbrtext<br></pre>', '插入IE11+');
+        }
+        else{
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">I​<br>brtext<br></pre>', '插入chrome/ff');}
+        ua.manualDeleteFillData(editor.body);
+
+        //混合标签
+        range.setStart(editor.body.firstChild,0).collapse(true).select();
+        insert='<p>PPP<p>222</p><span>SSS</span><br>BBB</p>';
+        editor.execCommand('inserthtml', insert);
+        if(ua.browser.ie==9||ua.browser.ie==10){
+//            if(ua.browser.ie<11){
+                ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">PPP222SSS\nBBB\nbrItext</pre>', '插入IE');
+//            }else{
+//            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">PPP222SSS\nBBBI\nbrtext</pre>', '插入IE');
+//            }
+        }
+        else if(ua.browser.ie>10){
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">PPP222SSS\nBBBI\nbrtext<br></pre>', '插入IE11+');
+        }
+        else{
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">PPP222SSS<br>BBBI<br>brtext<br></pre>', '插入chrome/ff/ie11+');
+        }
+        ua.manualDeleteFillData(editor.body);
+
+        //非闭合
+        //插入非element
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.firstChild, 4).select();
+        insert = 'replace';
+        editor.execCommand('inserthtml', insert);
+        if(ua.browser.ie==9||ua.browser.ie==10)
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">replace</pre>', '插入IE');
+        else if(ua.browser.ie>10){
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">replace<br></pre>', '插入IE11+');
+
+        }
+        else
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">replaceBBBI<br>brtext<br></pre>', '插入chrome/ff/ie11+');
+        ua.manualDeleteFillData(editor.body);
+        //插入element
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.firstChild, 0).select();
+        insert = '<p>PPP</p>';
+        editor.execCommand('inserthtml', insert);
+        if(ua.browser.ie==9||ua.browser.ie==10)
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">PPPreplace</pre>', '插入IE');
+        else if(ua.browser.ie>10){
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">PPPreplace<br></pre>', '插入IE11+');
+
+        }
+        else
+            ua.checkSameHtml(editor.body.innerHTML, '<pre class="brush:html;toolbar:false">PPPreplaceBBBI<br>brtext<br></pre>', '插入chrome/ff/ie11+');
+        ua.manualDeleteFillData(editor.body);
+
+});
+
+test('关于pre中的tabKey',function(){
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<pre class="brush:Javascript;toolbar:false">function a(){var a = true;}</pre>');
+    var text = editor.body.firstChild.firstChild;
+    range.setStart(text,13).setEnd(text,16).select();
+    ua.keydown(editor.body,{'shiftKey':false,'keyCode':9});
+    ua.keyup(editor.body,{'shiftKey':false,'keyCode':9});
+    if(ua.browser.ie==8||ua.browser.ie==9){
+        equal(editor.getContent(),'<pre class=\"brush:Javascript;toolbar:false\">&nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;a(){var&nbsp;a&nbsp;=&nbsp;true;}</pre>');
+    }else if(ua.browser.ie>9){
+        equal(editor.getContent(),'<pre class=\"brush:Javascript;toolbar:false\">&nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;a(){var&nbsp;a&nbsp;=&nbsp;true;}</pre>','验证pre下tabKey1');
+    }else{
+        equal(editor.getContent(),'<pre class="brush:Javascript;toolbar:false">&nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;a(){var&nbsp;a&nbsp;=&nbsp;true;}</pre>','验证pre下tabKey1');
+    }
+    editor.setContent('<pre class="brush:Javascript;toolbar:false"><br>function a(){var a = true;}</pre>');
+    var text = editor.body.firstChild.firstChild;
+    range.setStart(text,13).setEnd(text,16).select();
+    ua.keydown(editor.body,{'shiftKey':false,'keyCode':9});
+    ua.keyup(editor.body,{'shiftKey':false,'keyCode':9});
+    if(ua.browser.ie==8||ua.browser.ie==9){
+        var x = '\n';
+        if(ua.browser.ie==9){
+            x = '';
+        }
+        equal(editor.getContent(),'<pre class=\"brush:Javascript;toolbar:false\">&nbsp;&nbsp;&nbsp;&nbsp;'+x+'function&nbsp;a(){var&nbsp;a&nbsp;=&nbsp;true;}</pre>','验证pre下tabKey2');
+    }else if(ua.browser.ie>9){
+        var x2 = '';
+        var x3 = '&nbsp;&nbsp;&nbsp;&nbsp;';
+        if(ua.browser.ie==11){
+            x2 = '&nbsp;&nbsp;&nbsp;&nbsp;';
+            x3='\n';
+        }
+        equal(editor.getContent(),'<pre class=\"brush:Javascript;toolbar:false\">'+x3+'function&nbsp;a(){var&nbsp;a&nbsp;=&nbsp;true;}</pre>'+x2,'验证pre下tabKey2');
+    }else{
+        equal(editor.getContent(),'<pre class="brush:Javascript;toolbar:false">\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;a(){var&nbsp;a&nbsp;=&nbsp;true;}</pre>','验证pre下tabKey2');
+    }
+    editor.setContent('<pre class="brush:Javascript;toolbar:false">function a(){<br>var a = true;}</pre>');
+    var text = editor.body.firstChild.firstChild;
+    range.setStart(text,13).setEnd(text,16).select();
+    ua.keydown(editor.body,{'shiftKey':false,'keyCode':9});
+    ua.keyup(editor.body,{'shiftKey':false,'keyCode':9});
+    if(ua.browser.ie==8){
+        equal(editor.getContent(),'<pre class=\"brush:Javascript;toolbar:false\">function&nbsp;a(){&nbsp;&nbsp;&nbsp;&nbsp;\nvar&nbsp;a&nbsp;=&nbsp;true;}</pre>','验证pre下tabKey3');
+    }else if(ua.browser.ie>8){
+        var xx = '&nbsp;&nbsp;&nbsp;&nbsp;';
+        var xx2 = '';
+        if(ua.browser.ie==11){
+            xx = '';
+            xx2 = '&nbsp;&nbsp;&nbsp;&nbsp;';
+        }
+        equal(editor.getContent(),'<pre class=\"brush:Javascript;toolbar:false\">'+xx+'function&nbsp;a(){'+xx2+'\nvar&nbsp;a&nbsp;=&nbsp;true;}</pre>','验证pre下tabKey3');
+    }else{
+        equal(editor.getContent(),'<pre class="brush:Javascript;toolbar:false">function&nbsp;a(){&nbsp;&nbsp;&nbsp;&nbsp;\nvar&nbsp;a&nbsp;=&nbsp;true;}</pre>','验证pre下tabKey3');
+    }
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/inserthtml.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/inserthtml.js
new file mode 100644
index 000000000..f0001799f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/inserthtml.js
@@ -0,0 +1,179 @@
+module( "plugins.inserthtml" );
+test( '向span里面插入p', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<address><span style="color:#ff0000">hello1</span></address>');
+    range.setStart(editor.body.firstChild.firstChild, 0 ).collapse(true).select();
+    editor.execCommand( 'inserthtml','<p >hello3</p>' );
+    stop();
+    setTimeout(function(){
+//        equal(editor.body.innerHTML.toLowerCase(),'<address><p >hello3</p><span style="color:#ff0000">hello1</span></address>','向span里面插入p');
+        ua.checkSameHtml(editor.body.getElementsByTagName('address')[0].innerHTML.toLowerCase(),'<p >hello3</p><span style="color:#ff0000">hello1</span>','向span里面插入p');
+        start();
+    },50);
+});
+//列表中插入列表 TODO 1.2.6 trace 3413
+//test( '列表中插入列表 trace 3413', function() {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent('<ol><li><p>hello1</p></li><li><p>hello2</p></li></ol>');
+//    var lis = editor.body.getElementsByTagName('li');
+//    range.setStart( lis[1], 0 ).collapse(true).select();
+//    editor.execCommand( 'inserthtml','<ul><li><p>hello3</p></li></ul>' );
+//    stop();
+//    setTimeout(function(){
+//        lis = editor.body.getElementsByTagName('li');
+//        equal(lis.length,3,'列表长度');
+//        equal(lis[1].innerHTML.toLowerCase(),'<p>hello3</p>','列表中插入列表');
+//        start();
+//    },50);
+//
+//});
+
+test( 'trace 3301：闭合方式插入文本', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><br></p>' );
+    range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+    editor.execCommand( 'inserthtml', 'hello2' );
+    equal( ua.getChildHTML( body ), '<p>hello2</p>', '插入文本节点' );
+} );
+
+test( '选中多个单元格插入列表', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<table><tbody><tr><td></td><td></td></tr></tbody></table>' );
+    setTimeout(function(){
+
+        var trs = editor.body.firstChild.getElementsByTagName( 'tr' );
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0],trs[0].cells[1]);
+        ut.setSelected(cellsRange);
+        if(ua.browser.ie)
+            range.setStart( trs[0].cells[0], 0 ).collapse( true ).select();
+        var tds = body.firstChild.getElementsByTagName( 'td' );
+        editor.execCommand( 'inserthtml', '<ol><li>hello</li></ol>' );
+        equal( tds[0].firstChild.tagName.toLowerCase(), 'ol', '插入列表' );
+        equal( ua.getChildHTML( tds[0].firstChild ), '<li><p>hello</p></li>', '查询列表内容' );
+        //空的td有br
+        var br = ua.browser.ie?'':'<br>';
+        ua.manualDeleteFillData(tds[1]);
+        equal( tds[1].innerHTML, br, '第二个单元格没有插入任何东西' );
+        start();
+    },50);
+    stop();
+} );
+
+test( '表格中插入图片', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<table><tbody><tr><td></td><td></td></tr></tbody></table>' );
+    setTimeout(function(){
+        var trs = editor.body.firstChild.getElementsByTagName( 'tr' );
+
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[1]);
+        ut.setSelected(cellsRange);
+        if (ua.browser.ie)
+            range.setStart( trs[0].cells[0], 0 ).collapse( true ).select();
+        var tds = body.firstChild.getElementsByTagName( 'td' );
+        editor.execCommand( 'inserthtml', '<img style="float:left"/>' );
+        equal( tds[0].firstChild.tagName.toLowerCase(), 'img', '插入图片' );
+        equal( tds[0].firstChild.style['styleFloat']||tds[0].firstChild.style['cssFloat'], 'left', '查询图片浮动方式' );
+        var br = ua.browser.ie?'':'<br>';
+        ua.manualDeleteFillData(tds[1]);
+        equal( tds[1].innerHTML, br, '第二个单元格没有插入任何东西' );
+        start();
+    },50);
+    stop();
+} );
+//test('',function(){stop()});
+test( '选中多个单元格插入超链接', function() {
+    if(ua.browser.ie>8)return ;//TODO 1.2.6
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<table><tbody><tr><td></td><td></td></tr></tbody></table>' );
+    setTimeout(function(){
+        var trs = editor.body.firstChild.getElementsByTagName( 'tr' );
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0],trs[0].cells[1]);
+        ut.setSelected(cellsRange);
+        if(ua.browser.ie&&ua.browser.ie<9)
+            range.setStart( trs[0].cells[0], 0 ).collapse( true ).select();
+        editor.execCommand( 'link', {href:'http://www.baidu.com/'} );
+        var tds = body.firstChild.getElementsByTagName( 'td' );
+        equal( tds[0].firstChild.tagName.toLowerCase(), 'a', '插入超链接' );
+        var br = ua.browser.ie?'':'<br>';
+        equal( ua.getChildHTML(tds[0]), '<a href="http://www.baidu.com/">http://www.baidu.com/</a>'+(ua.browser.ie>8?' ':br), '查询第一个表格插入的超链接' );
+
+        equal( ua.getChildHTML(tds[1]), br, '第二个单元格也插入超链接' );
+        start();
+    },50);
+    stop();
+} );
+
+test( 'trace 3297：notSerialize', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><br></p>' );
+    setTimeout(function(){
+        range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+        editor.execCommand( 'inserthtml', '<p>b</p>_ueditor_page_break_tag_' ,false);
+        equal( editor.body.childNodes.length, 3, 'notSerialize=false 插入分页符' );
+        equal( editor.body.childNodes[1].tagName.toLowerCase(), 'hr', '插入分页符 hr class=\"pagebreak\"  ' );
+        equal( editor.body.childNodes[1].className.toLowerCase(), "pagebreak", '插入分页符 hr class=\"pagebreak\"  ' );
+        editor.setContent( '<p><br></p>' );
+        setTimeout(function(){
+            range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+            editor.execCommand( 'inserthtml', '<p>b</p>_ueditor_page_break_tag_' ,true);
+            equal( editor.body.childNodes.length, 3, 'notSerialize=true 插入分页符' );
+            equal( editor.body.childNodes[1].innerHTML , '_ueditor_page_break_tag_', '插入分页符');
+            start();
+        },50);
+    },50);
+    stop();
+} );
+
+//列表中插入表格
+test( '列表中插入表格', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<ol><li><p></p></li></ol>');
+    var lis = editor.body.getElementsByTagName('li');
+    range.setStart( lis[0], 0 ).collapse(true).select();
+    editor.execCommand( 'inserttable', {numCols:2, numRows:2});
+    stop();
+    setTimeout(function(){
+        equal(lis.length,1,'列表长度没有变化');
+        equal(lis[0].firstChild.tagName.toLowerCase(),'table','列表中插入表格');
+        start();
+    },50);
+});
+//刘表中插入img
+test( '列表中插入img', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<ol><li><p></p></li></ol>');
+    var lis = editor.body.getElementsByTagName('li');
+    range.setStart( lis[0], 0 ).collapse(true).select();
+    editor.execCommand( 'insertimage', {src:'http://img.baidu.com/hi/jx2/j_0001.gif', width:50, height:51} );
+    stop();
+    setTimeout(function(){
+        equal(lis.length,1,'列表长度没有变化');
+        ua.manualDeleteFillData(lis[0]);
+        if(ua.browser.ie){
+            equal(lis[0].firstChild.firstChild.tagName.toLowerCase(),'img','列表中插入img');
+            equal(lis[0].firstChild.firstChild.attributes['src'].nodeValue,'http://img.baidu.com/hi/jx2/j_0001.gif','列表中插入img');
+        }
+        else{
+            equal(lis[0].firstChild.tagName.toLowerCase(),'img','列表中插入img');
+            equal(lis[0].firstChild.attributes['src'].nodeValue,'http://img.baidu.com/hi/jx2/j_0001.gif','列表中插入img');
+        }
+        start();
+    },50);
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/insertparagraph.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/insertparagraph.js
new file mode 100644
index 000000000..815c357e8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/insertparagraph.js
@@ -0,0 +1,15 @@
+module( 'plugins.insertparagraph' );
+
+test( '插入空行', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( 'hello' );
+    range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+    editor.execCommand( 'insertparagraph', true );
+    var br = ua.browser.ie?'':'<br>'
+    equal( ua.getChildHTML( body ), '<p>'+br+'</p><p>hello</p>', '插入空行' );
+    range.setStart( body.firstChild.nextSibling, 0 ).collapse( 1 ).select();
+    editor.execCommand( 'insertparagraph', false );
+    equal( ua.getChildHTML( body ), '<p>'+br+'</p><p>hello</p><p>'+br+'</p>', '' );
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/justify.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/justify.js
new file mode 100644
index 000000000..235a54167
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/justify.js
@@ -0,0 +1,88 @@
+module( "plugins.justify" );
+
+test( '闭合在段落中设置对齐方式', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><em>hello1</em></p>' );
+    setTimeout(function(){
+        range.setStart( body.firstChild.firstChild.firstChild, 3 ).collapse( true ).select();
+        editor.execCommand( 'justify', 'center' );
+        equal( body.firstChild.style['textAlign'], 'center', 'p对齐方式为居中对齐' );
+        start();
+    },50);
+    stop();
+} );
+
+test( '不闭合在段落中设置对齐方式', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><em>hello1</em></p><p><span style="color:red">hello2</span>hello3</p>' );
+    setTimeout(function(){
+        range.selectNode( body.firstChild.firstChild.firstChild ).select();
+        editor.execCommand( 'justify', 'center' );
+        equal( body.firstChild.style['textAlign'], 'center', 'p对齐方式为居中对齐' );
+
+        range.setStart( body.firstChild, 0 ).setEnd( body.lastChild, 1 ).select();
+        editor.execCommand( 'justify', 'right' );
+        equal( body.firstChild.style['textAlign'], 'right', 'p对齐方式为居中对齐' );
+        equal( body.lastChild.style['textAlign'], 'right', 'p对齐方式为居中对齐' );
+
+        range.setStart( body.firstChild.firstChild.firstChild, 3 ).collapse( true ).select();
+        editor.execCommand( 'justify', 'center' );
+        equal( body.firstChild.style['textAlign'], 'center', 'p对齐方式为居中对齐' );
+        start();
+    },50);
+    stop();
+} );
+
+//test( '对齐方式-参数为json', function() {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent( '<table><tbody><tr><td></td><td><p>hello</p></td></tr></tbody></table>' );
+//    setTimeout(function(){
+//        var tds = editor.body.getElementsByTagName( 'td' );
+//        range.setStart( tds[1].firstChild, 0 ).collapse( true ).select();
+//        editor.execCommand( 'justify', 'right' );
+//        equal( tds[1].firstChild.style['textAlign'], 'right', 'p对齐方式为右对齐' );
+//        equal( editor.queryCommandValue( 'justify' ), 'right', 'querycommand value' );
+//        start();
+//    },50);
+//    stop();
+//} );
+
+test( 'startContainer是body', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p><em>tell</em></p>' );
+    setTimeout(function(){
+        range.setStart( editor.body, 0 ).collapse( true ).select();
+        editor.execCommand( 'justify', 'right' );
+
+        equal( editor.queryCommandValue( 'justify' ), 'right', 'startContainer 是body' );
+        equal( editor.queryCommandValue( 'justify' ), 'right', 'querycommand value' );
+        /*json格式的参数*/
+        range.setStart( editor.body, 0 ).collapse( true ).select();
+        editor.execCommand( 'justify', {'text-align':'left'} );
+        equal( editor.queryCommandValue( 'justify' ), 'left', 'startContainer 是body--json格式的参数' );
+        start();
+    },50);
+    stop();
+} );
+
+test( '连续2次设置对齐方式', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p ><em>tell</em></p>' );
+    setTimeout(function(){
+        range.setStart( editor.body.firstChild.firstChild, 0 ).collapse( 1 ).select();
+        editor.execCommand( 'justify', 'right' );
+        equal( editor.queryCommandValue( 'justify' ), 'right', 'querycommand value' );
+        range.setStart( editor.body.firstChild.firstChild, 0 ).collapse( 1 ).select();
+        editor.execCommand( 'justify', 'center' );
+        equal( editor.queryCommandValue( 'justify' ), 'center', 'querycommand value' );
+        start();
+    },50);
+    stop();
+} );
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/keystrokes.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/keystrokes.js
new file mode 100644
index 000000000..fbd747902
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/keystrokes.js
@@ -0,0 +1,277 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-10-9
+ * Time: 下午6:52
+ * To change this template use File | Settings | File Templates.
+ */
+module( "plugins.keystrokes" );
+
+test('trace 3714跨节点输入tab键',function(){
+    var editor = te.obj[0];
+    editor.setContent( '<h1>hello<br></h1><p>he<img src="http://img.baidu.com/hi/jx2/j_0015.gif" />oll</p>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        range.setStart( editor.body.lastChild.firstChild,0 ).setEnd(editor.body.lastChild.firstChild.nextSibling,1).select();
+        ua.keydown(editor.body,{'keyCode':9});
+        ua.keyup(editor.body,{'keyCode':9});
+        setTimeout(function(){
+            equal(te.obj[0].undoManger.list.length,1,'');
+            var html = '<h1>hello<br></h1><p>&nbsp;&nbsp;&nbsp;&nbsp;oll</p>';
+            equal(ua.getChildHTML(te.obj[0].body),html,'跨节点输入tab键');
+            start();
+        },20);
+    },20);
+    stop();
+});
+
+test('删除块元素，块元素在后',function(){
+    var editor = te.obj[0];
+    editor.setContent( '<h1>hello<br></h1><h2><img src="http://img.baidu.com/hi/jx2/j_0015.gif" /></h2>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        range.setStart( editor.body.lastChild.lastChild,0 ).setEnd(editor.body.lastChild.lastChild,1).select();
+        ua.keydown(editor.body,{'keyCode':8});
+        ua.keyup(editor.body,{'keyCode':8});
+        setTimeout(function(){
+            equal(te.obj[0].undoManger.index,1,'');
+            var html = '<h1>hello<br></h1>';
+            if(!ua.browser.opera)
+                equal(ua.getChildHTML(te.obj[0].body),html,'删除块元素');
+            start();
+        },20);
+    },20);
+    stop();
+});
+
+test('删除块元素，块元素在前',function(){
+    var editor = te.obj[0];
+    editor.setContent( '<h2><img src="http://img.baidu.com/hi/jx2/j_0015.gif" /></h2><h1>hello<br></h1>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        range.setStart( editor.body.firstChild,0 ).setEnd(editor.body.firstChild,1).select();
+        ua.keydown(editor.body,{'keyCode':8});
+        ua.keyup(editor.body,{'keyCode':8});
+        setTimeout(function(){
+            equal(te.obj[0].undoManger.index,1,'');
+            var html = '<h1>hello<br></h1>';
+            equal(ua.getChildHTML(te.obj[0].body),html,'删除块元素');
+            start();
+        },20);
+    },20);
+    stop();
+});
+
+test('trace 2747 普通情况,选中一个节点，输入tab键',function(){
+    var editor = te.obj[0];
+    editor.setContent( '<h1>hello<br></h1><p>he<img src="http://img.baidu.com/hi/jx2/j_0015.gif" />oll</p>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        range.setStart( editor.body.lastChild,1 ).setEnd(editor.body.lastChild,2).select();
+        ua.keydown(editor.body,{'keyCode':9});
+        ua.keyup(editor.body,{'keyCode':9});
+        setTimeout(function(){
+            equal(te.obj[0].undoManger.list.length,1,'');
+            var html = '<h1>hello<br></h1><p>he&nbsp;&nbsp;&nbsp;&nbsp;oll</p>';
+            equal(ua.getChildHTML(te.obj[0].body),html,'普通情况，选中一个节点，输入tab键');
+            start();
+        },20);
+    },20);
+    stop();
+});
+
+test('trace 2746 删除自闭合标签',function(){
+    var editor = te.obj[0];
+    editor.setContent( '<h1>hello<br></h1><p>he<img src="http://img.baidu.com/hi/jx2/j_0015.gif" />oll</p>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        range.setStart( editor.body.lastChild,1 ).setEnd(editor.body.lastChild,2).select();
+        ua.keydown(editor.body,{'keyCode':8});
+        ua.keyup(editor.body,{'keyCode':8});
+        setTimeout(function(){
+            equal(te.obj[0].undoManger.index,1,'');
+            var html = '<h1>hello<br></h1><p>heoll</p>';
+            equal(ua.getChildHTML(te.obj[0].body),html,'删除自闭合标签');
+            start();
+        },20);
+    },20);
+    stop();
+});
+
+test('全选后，退格，剩下空p',function(){
+    var editor = te.obj[0];
+    editor.setContent( 'hello' );
+    var range = te.obj[1];
+    range.selectNode( editor.body.firstChild ).select();
+    editor.execCommand( 'bold' );
+    editor.execCommand('selectall');
+    ua.keydown(editor.body,{'keyCode':8});
+    ua.keyup(editor.body,{'keyCode':8});
+    stop();
+    setTimeout(function(){
+        var br = ua.browser.ie?'':'<br>';
+        equal(ua.getChildHTML(te.obj[0].body),'<p>'+br+'</p>','全选后，退格，剩下空p');
+        start();
+    },20);
+});
+//TODO 1.2.6
+//test('针对ff下在列表首行退格，不能删除空格行的问题 ',function(){
+//    if(ua.browser.gecko){
+//        var editor = te.obj[0];
+//        editor.body.innerHTML = '<p>欢迎使用ueditor!</p><ol style="list-style-type:decimal;"><li><br /></li></ol>';
+//        var range = te.obj[1];
+//        setTimeout(function(){
+//            range.setStartAtFirst(editor.body.firstChild).collapse(true);
+//            ua.keyup(te.obj[0].body,{'keyCode':8});
+//            setTimeout(function(){
+//                equal(ua.getChildHTML(editor.body),'<p>欢迎使用ueditor!</p>','删除空行 ');
+//                start();
+//            },20);
+//        },20);
+//        stop();
+//    }
+//});
+
+test('在列表中，跨行选中第2，3行，输入tab键',function(){
+    var editor = te.obj[0];
+    editor.setContent( '<ol style="list-style-type:decimal;"><li><p>欢迎使用</p></li><li><p>ueditor</p></li><li><p>ueditor</p></li></ol>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        range.setStart( editor.body.childNodes[0].childNodes[1].firstChild.firstChild,1 ).setEnd(editor.body.childNodes[0].childNodes[2].firstChild.firstChild,1 ).select();
+        ua.keydown(editor.body,{'keyCode':9});
+        ua.keyup(editor.body,{'keyCode':9});
+        setTimeout(function(){
+            ua.manualDeleteFillData(te.obj[0].body);
+            equal(te.obj[0].body.firstChild.tagName.toLowerCase(),'ol','原列表');
+            equal($(te.obj[0].body.firstChild).css('list-style-type'),'decimal','原列表类型');
+            equal(ua.getChildHTML(te.obj[0].body.firstChild.firstChild),'<p>欢迎使用</p>','第一行保持原来的列表样式');
+            equal(te.obj[0].body.firstChild.lastChild.tagName.toLowerCase(),'ol','后两行变成第二层列表');
+            equal($(te.obj[0].body.firstChild.lastChild).css('list-style-type'),'lower-alpha','第二层列表类型');
+            equal(ua.getChildHTML(te.obj[0].body.firstChild.lastChild),'<li><p>ueditor</p></li><li><p>ueditor</p></li>','检查内容');
+            start();
+        },20);
+    },50);
+    stop();
+});
+
+//todo 这个检查存在问题，如何检查 evt.preventDefault();？
+test('在h1内输入del',function(){
+    var editor = te.obj[0];
+    editor.setContent( '<h1><br></h1><p>hello</p>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        range.setStart(editor.body.childNodes[0],0).collapse(true).select(true);
+        ua.keydown(te.obj[0].body,{'keyCode':46});
+        ua.keyup(te.obj[0].body,{'keyCode':46});
+        setTimeout(function(){
+            equal(ua.getChildHTML(te.obj[0].body),'<h1><br></h1><p>hello</p>','在h1内输入del');
+            start();
+        },20);
+    },20);
+    stop();
+});
+
+test('在列表中，跨行选中，输入tab键',function(){
+    var editor = te.obj[0];
+    editor.setContent( '<ol style="list-style-type:decimal;"><li><p>欢迎使用</p></li><li><p>ueditor</p></li><li><p>ueditor</p></li></ol>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        range.setStart( editor.body.firstChild.firstChild.firstChild.firstChild,1 ).setEnd(editor.body.firstChild.childNodes[1].firstChild.firstChild,1 ).select();
+        ua.keydown(editor.body,{'keyCode':9});
+        ua.keyup(editor.body,{'keyCode':9});
+        setTimeout(function(){
+            equal(te.obj[0].undoManger.index,1,'undoManger.index');
+            ua.manualDeleteFillData(te.obj[0].body);
+            equal(te.obj[0].body.firstChild.tagName.toLowerCase(),'ol','外面套了一层ol');
+            equal(te.obj[0].body.firstChild.childNodes.length,2,'');
+            equal(te.obj[0].body.firstChild.firstChild.tagName.toLowerCase(),'ol','原列表');
+            equal($(te.obj[0].body.firstChild).css('list-style-type'),'decimal','原列表类型');
+            equal(ua.getChildHTML(te.obj[0].body.firstChild.firstChild),'<li><p>欢迎使用</p></li><li><p>ueditor</p></li>','检查内容');
+            start();
+        },20);
+    },50);
+    stop();
+});
+
+test(' 光标定位到列表前，输入tab键',function(){
+    var editor = te.obj[0];
+    editor.setContent( '<ol style="list-style-type:decimal;"><li><p>欢迎使用</p></li><li><p>ueditor</p></li></ol>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        range.setStart( editor.body.firstChild.firstChild.firstChild,0 ).collapse(true).select();
+        ua.keydown(editor.body,{'keyCode':9});
+        ua.keyup(editor.body,{'keyCode':9});
+        setTimeout(function(){
+            equal(te.obj[0].undoManger.list.length,1,'undoManger.index');
+            ua.manualDeleteFillData(te.obj[0].body);
+            equal($(te.obj[0].body.firstChild).css('list-style-type'),'decimal','原列表类型');
+            equal(te.obj[0].body.firstChild.childNodes.length,2,'列表有两个子节点');
+            equal($(te.obj[0].body.firstChild.firstChild).css('list-style-type'),'lower-alpha','第一个节点是另一类型的列表');
+            equal(ua.getChildHTML(te.obj[0].body.firstChild.firstChild),'<li><p>欢迎使用</p></li>','检查内容');
+            equal(te.obj[0].body.firstChild.lastChild.tagName.toLowerCase(),'li','第一个节点是原列表的li');
+            equal(ua.getChildHTML(te.obj[0].body.firstChild.lastChild),'<p>ueditor</p>','检查内容');
+            start();
+        },20);
+    },50);
+    stop();
+});
+
+test( '删除inline的标签', function() {
+    var editor = te.obj[0];
+    editor.setContent( '<p><strong><em>hello world</em><span>wasai</span></strong></p>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        var strong = editor.body.firstChild.firstChild;
+        range.selectNode( strong ).select();
+        ua.keydown(editor.body,{'keyCode':8});
+        ua.keyup(editor.body,{'keyCode':8});
+        setTimeout(function(){
+            ua.manualDeleteFillData( editor.body );
+            equal( editor.body.firstChild.tagName.toLowerCase(), 'p', 'strong 以及子inline节点都被删除' );
+            if ( !baidu.editor.browser.ie )
+                equal( editor.body.lastChild.innerHTML, '<br>', '内容被删除了' );
+            else
+                equal( editor.body.lastChild.innerHTML, '', '内容被删除了' );
+            start();
+        },20);
+    },20);
+    stop();
+} );
+
+/*trace 1089*/
+test( '跨行选择2个块元素', function() {
+    var editor = te.obj[0];
+    editor.setContent( '<p><strong>hello world<span>wasai</span></strong></p><div><em><span>hello 2</span></em></div>' );
+    var range = te.obj[1];
+    setTimeout(function(){
+        var body = editor.body;
+        range.setStart( body.firstChild, 0 ).setEnd( body.lastChild,1 ).select();
+        ua.keydown(editor.body,{'keyCode':8});
+        ua.keyup(editor.body,{'keyCode':8});
+        setTimeout(function(){
+            ua.manualDeleteFillData( editor.body );
+            range = editor.selection.getRange();
+            equal( body.childNodes.length, 1, 'div被删除，保留p' );
+            var br = baidu.editor.browser.ie?"":"<br>";
+            equal( ua.getChildHTML( body ), '<p>'+br+'</p>' );
+            start();
+        },20);
+    },20);
+    stop();
+} );
+
+//test('删除空节点 ',function(){
+//        var editor = te.obj[0];
+//        editor.setContent('<p><em><span style="color: red"><br></span></em></p>') ;
+//        var range = te.obj[1];
+//        setTimeout(function(){
+//            range.setStartAtFirst(editor.body.getElementsByTagName('span')[0]).collapse(true).select(true);
+//            ua.keyup(te.obj[0].body,{'keyCode':8});
+//            setTimeout(function(){
+//                var br = ua.browser.ie?'':'<br>';
+//                equal(ua.getChildHTML(editor.body),'<p>'+br+'</p>','删除空节点');
+//                start();
+//            },20);
+//        },20);
+//        stop();
+//});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/lineheight.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/lineheight.js
new file mode 100644
index 000000000..520dcb71b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/lineheight.js
@@ -0,0 +1,164 @@
+module( 'plugins.lineheight' );
+//test( '', function() {
+//    equal('','','');
+//} );
+/*
+ *
+ *利用pict工具生成的用例设计结果，有微调。3to1表示先设置行距为3再设置为1，选区“singlePara”表示选中一个段落，
+ * “multiPara”表示选中多个段落，“字号统一”表示所有的字号都是一样大，“16to36To16”表示先设置大小为16px，再设置为36，再设置为16
+ 设置行距顺序	选区	选区内字号顺序
+ <li>3to1        	collapse	     字号统一</li>
+ <li>1             	multiPara	  36To16To36</li>
+ <li>1to3to1 	singlePara	  字号统一</li>
+ <li>1              collapse 	      16to36To16</li>
+ <li>1to3to1	multiPara	16to36To16</li>
+ <li>3to1     	singlePara	  36To16To16</li>
+ <li>3             	multiPara	 字号统一</li>
+ <li>1to3to1	collapse	     36To16To16</li>
+ <li>3to1     	multiPara	16to36To16</li>
+ <li>3	         singlePara   	16to36To16</li>
+ * */
+//
+//var compareLineHeight = function ( node, value,fontSize, descript ) {
+//        var currLineHeight = $(node).css('lineHeight').replace(/px/,'');
+//        var spans = node.getElementsByTagName('')
+//        value = value.replace( /px/, '' );
+//        var baseLineHeight = (ua.browser.ie ? domUtils.getComputedStyle( node, 'font-size' ).replace( /px/, '' ) : node.offsetHeight);
+//        var fontSize = $( node ).css( 'font-size' ).replace( /px/, '' );
+//        if ( value >= fontSize && value >= baseLineHeight ) {
+//                ok( true, descript );
+//        } else {
+//                ok( false, descript + '--- "lineHeight应取fontSize和baseLineHeight*倍数的最大值":lineHeight=' + value + ' ;font-sze=' + fontSize + ';baseLineHeight=' + baseLineHeight );
+//        }
+//
+//}
+//
+///*<li>3to1        	collapse	     字号统一</li>*/
+test( '闭合情况，字号统一', function () {
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent( '<p style="font-size: 36px">hello</p>' );
+        range.setStart(body.firstChild, 1).collapse(1).select();
+        editor.execCommand('lineheight', 3);
+        setTimeout( function () {
+            var p = body.firstChild;
+            equal( editor.queryCommandValue('lineheight'), "3", '行间距为3');
+            editor.execCommand('lineheight', 1);
+            p = body.firstChild;
+            equal( editor.queryCommandValue('lineheight'), "1", '行间距为1');
+            equal( p.style['lineHeight'], 'normal', '检查行高' );
+            equal( $( p ).css('font-size'), '36px', '检查字体');
+            start();
+        }, 20 );
+        stop();
+} );
+
+/*<li>1             	multiPara	  36To16To36</li>*/
+//test( '多个段落设置多倍行距，段落中字体大小各不相同', function () {
+//        var editor = te.obj[0];
+//        var range = te.obj[1];
+//        var body = editor.body;
+//        editor.setContent( '<p style="font-size: 36px">hello</p><p style="font-size: 16px">hello</p><p style="font-size: 36px">hello</p>' );
+//        range.setStart( body.firstChild, 0 ).setEnd( body.lastChild, 1 ).select();
+//        editor.execCommand( 'lineheight', 1 );
+//        setTimeout( function () {
+//                var ps = body.childNodes;
+//                equal( $( ps[0] ).css( 'line-height' ), '36px', '第1个p行高为36px' );
+//                equal( $( ps[1] ).css( 'line-height' ), '16px', '第2个p行高为36px' );
+//                equal( $( ps[2] ).css( 'line-height' ), '36px', '第3个p行高为36px' );
+//                range.selectNode( ps[0] ).select();
+//                equal( editor.queryCommandValue( 'lineheight' ), "1", '第1个p行间距为1' );
+//                range.selectNode( ps[0] ).select();
+//                equal( editor.queryCommandValue( 'lineheight' ), "1", '第2个p行间距为1' );
+//                range.selectNode( ps[0] ).select();
+//                equal( editor.queryCommandValue( 'lineheight' ), "1", '第3个p行间距为1' );
+//                start();
+//        }, 20 );
+//        stop();
+//} );
+//
+///*<li>1              collapse 	      16to36To16</li>*/
+//test( '多个段落设置多倍行距，段落中字体大小各不相同', function () {
+//        var editor = te.obj[0];
+//        var range = te.obj[1];
+//        var body = editor.body;
+//        editor.setContent( '<p style="font-size: 16px">hello</p><p style="font-size: 36px">hello</p><p style="font-size: 16px">hello</p>' );
+//        range.setStart( body.firstChild, 0 ).setEnd( body.lastChild, 1 ).select();
+//        editor.execCommand( 'lineheight', 1 );
+//        setTimeout( function () {
+//                var ps = body.childNodes;
+//                compareLineHeight( ps[0], $( ps[0] ).css( 'line-height' ), '行距为1，第1个p行高' );
+//                compareLineHeight( ps[1], $( ps[1] ).css( 'line-height' ), '行距为1，第2个p行高' );
+//                compareLineHeight( ps[2], $( ps[2] ).css( 'line-height' ), '行距为1，第3个p行高' );
+//                range.selectNode( ps[0] ).select();
+//                equal( editor.queryCommandValue( 'lineheight' ), "1", '第1个p行间距为1' );
+//                range.selectNode( ps[0] ).select();
+//                equal( editor.queryCommandValue( 'lineheight' ), "1", '第2个p行间距为1' );
+//                range.selectNode( ps[0] ).select();
+//                equal( editor.queryCommandValue( 'lineheight' ), "1", '第3个p行间距为1' );
+//                start();
+//        }, 20 );
+//        stop();
+//} );
+//
+///*<li>1to3to1 	singlePara	  字号统一</li>*/
+//test( '1个段落设置多倍行距，字号相同', function () {
+//        var editor = te.obj[0];
+//        var range = te.obj[1];
+//        var body = editor.body;
+//        editor.setContent( '<p style="font-size: 36px">hello</p>' );
+//        range.selectNode( body.firstChild ).select();
+//        editor.execCommand( 'lineheight', 1 );
+//        setTimeout( function () {
+//                var p = body.firstChild;
+//                equal( $( p ).css( 'line-height' ), '36px', '第1个p行高为36px' );
+//                editor.execCommand( 'lineheight', 3 );
+//                p = body.firstChild;
+//                compareLineHeight( p, $( p ).css( 'line-height' ), '行距为1，第1个p行高' );
+//                editor.execCommand( 'lineheight', 1 );
+//                var p = body.firstChild;
+//                equal( $( p ).css( 'line-height' ), '36px', '第1个p行高为36px' );
+//                start();
+//        }, 20 );
+//        stop();
+//} );
+//
+///* <li>1to3to1	multiPara	16to36To16</li>*/
+//test( '多个段落设置多倍行距，字号不同', function () {
+//        var editor = te.obj[0];
+//        var range = te.obj[1];
+//        var body = editor.body;
+//        editor.setContent( '<p style="font-size: 16px">hello</p><p style="font-size: 36px">hello</p><p style="font-size: 16px">hello</p>' );
+//        range.setStart( body.firstChild.firstChild, 1 ).setEnd( body.lastChild.firstChild, 2 ).select();
+//        editor.execCommand( 'lineheight', 1 );
+//        setTimeout( function () {
+//                var ps = body.childNodes;
+//                compareLineHeight( ps[0], $( ps[0] ).css( 'line-height' ), '行距为1，第1个p行高' );
+//                compareLineHeight( ps[1], $( ps[1] ).css( 'line-height' ), '行距为1，第2个p行高' );
+//                compareLineHeight( ps[2], $( ps[2] ).css( 'line-height' ), '行距为1，第3个p行高' );
+//                range.selectNode( ps[0] ).select();
+//                equal( editor.queryCommandValue( 'lineheight' ), "1", '第3个p行间距为1' );
+//
+//                range.setStart( body.firstChild.firstChild, 1 ).setEnd( body.lastChild.firstChild, 2 ).select();
+//                editor.execCommand( 'lineheight', 3 );
+//                ps = body.childNodes;
+//                compareLineHeight( ps[0], $( ps[0] ).css( 'line-height' ), '行距为3，第1个p行高' );
+//                compareLineHeight( ps[1], $( ps[1] ).css( 'line-height' ), '行距为3，第2个p行高' );
+//                compareLineHeight( ps[2], $( ps[2] ).css( 'line-height' ), '行距为3，第3个p行高' );
+//                range.selectNode( ps[0] ).select();
+//                equal( editor.queryCommandValue( 'lineheight' ), "3", '第1个p行间距为1' );
+//
+//                range.setStart( body.firstChild.firstChild, 1 ).setEnd( body.lastChild.firstChild, 2 ).select();
+//                editor.execCommand( 'lineheight', 1 );
+//                ps = body.childNodes;
+//                compareLineHeight( ps[0], $( ps[0] ).css( 'line-height' ), '行距为1，第1个p行高' );
+//                compareLineHeight( ps[1], $( ps[1] ).css( 'line-height' ), '行距为1，第2个p行高' );
+//                compareLineHeight( ps[2], $( ps[2] ).css( 'line-height' ), '行距为1，第3个p行高' );
+//                range.selectNode( ps[0] ).select();
+//                equal( editor.queryCommandValue( 'lineheight' ), "1", '第1个p行间距为1' );
+//                start();
+//        }, 20 );
+//        stop();
+//
+//} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/link.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/link.js
new file mode 100644
index 000000000..de40a881e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/link.js
@@ -0,0 +1,216 @@
+module( "plugins.link" );
+
+/*trace 879*/
+test( '同时去多个超链接', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p><a href="http://www.baidu.com/">hello</a>first<a href="http://www.google.com/">second</a></p><p>third<a href="http://www.sina.com/">sina</a></p><table><tbody><tr><td><a href="http://www.baidu.com/">baidu</a></td></tr></tbody></table>' );
+    stop();
+    setTimeout(function () {
+    range.selectNode( editor.body ).select();
+    editor.execCommand( 'unlink' );
+    equal( editor.body.firstChild.innerHTML, 'hellofirstsecond', '第一段去掉超链接' );
+    equal( editor.body.firstChild.nextSibling.innerHTML, 'thirdsina', '第二段去掉超链接' );
+    equal( editor.body.lastChild.getElementsByTagName( 'td' )[0].innerHTML, 'baidu', '表格内的超链接被去掉' );
+        start();
+    }, 100);
+} );
+
+test( '光标闭合且没有超链接', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello</p>' );
+    range.setStart( editor.body.firstChild, 0 ).collapse( 1 ).select();
+    editor.execCommand( 'unlink' );
+    equal( ua.getChildHTML( editor.body ), '<p>hello</p>', '没有超链接什么都不做' );
+} );
+
+/*trace 833*/
+test( '在超链接前加一个超链接', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello<a href="http://www.baidu.com/">baidu</a></p>' );
+    range.selectNode( editor.body.firstChild.firstChild ).select();
+    editor.execCommand( 'link', {href:'http://www.google.com/'} );
+    ua.manualDeleteFillData( editor.body );
+    ua.checkSameHtml( editor.getContent(), '<p><a href="http://www.google.com/" >hello</a><a href="http://www.baidu.com/" >baidu</a></p>');
+} );
+
+/*trace 798*/
+test( '给图片添加超链接', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p><img  style="width: 200px;height: 200px" src="http://ueditor.baidu.com/img/logo.png">hello</p>' );
+    range.selectNode( editor.body.firstChild.firstChild ).select();
+    editor.execCommand( 'link', {href:'http://www.baidu.com/'} );
+    var html = '<a  href="http://www.baidu.com/" ><img  src="http://ueditor.baidu.com/img/logo.png" _src=\"http://ueditor.baidu.com/img/logo.png" style="width: 200px;height: 200px" ></a>hello';
+    ua.checkHTMLSameStyle( html, editor.document, editor.body.firstChild, '给图片添加超链接' );
+//    equal(html,editor.body.firstChild.innerHTML);
+} );
+
+/*trace 758
+ *并不是真的选中所有单元格，是假选
+ * 先设置startContainer和endContainer为第一个单元格中的文本或占位符
+ * 再在editor的currentSelectedArr设置当前选中的内容，使得看上去是选中了所有的td*/
+test( '选中多个单元格插入超链接', function () {
+    if(ua.browser.ie>8)return ;//TODO 1.2.6
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<table><tbody><tr><td></td><td></td></tr><tr><td>hello</td></tr></tbody></table>' );
+    setTimeout(function(){
+        var trs = editor.body.firstChild.getElementsByTagName( 'tr' );
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0],trs[1].cells[1]);
+        ut.setSelected(cellsRange);
+        range.setStart( trs[0].cells[0], 0 ).collapse( true ).select();
+
+        editor.execCommand( 'link', {href:'http://www.baidu.com/'} );
+        var br = ua.browser.ie ? '' : '<br>';
+        equal( ua.getChildHTML( trs[0].cells[0] ), '<a href="http://www.baidu.com/">http://www.baidu.com/</a>'+(ua.browser.ie>8?' ':br), '第一个单元格中插入超链接' );//原来空单元格的br不去掉
+        equal( ua.getChildHTML( trs[0].cells[1] ), br, '第二个单元格中未插入超链接' );
+        equal( ua.getChildHTML( trs[1].cells[0] ), '<a href="http://www.baidu.com/">hello</a>', '第三个单元格中插入超链接' );
+        start();
+    },50);
+    stop();
+} );
+
+test( '去除表格中的链接', function () {
+    if(ua.browser.ie>8)return ;//TODO 1.2.6
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<table><tbody><tr><td></td><td></td></tr><tr><td colspan="2">hello</td></tr></tbody></table>' );
+    setTimeout(function(){
+        var trs = editor.body.firstChild.getElementsByTagName( 'tr' );
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0],trs[1].cells[0]);
+        ut.setSelected(cellsRange);
+        range.setStart( trs[0].cells[0], 0 ).collapse( true ).select();
+
+        editor.execCommand( 'link', {href:'http://www.baidu.com/'} );
+        var br = ua.browser.ie ? '' : '<br>';
+        equal( editor.queryCommandValue( 'link' ), trs[0].cells[0].firstChild, '查询多个单元格的command value为a' );
+        editor.execCommand( 'unlink' );
+        equal( ua.getChildHTML( trs[0].cells[0] ), 'http://www.baidu.com/'+(ua.browser.ie>8?' ':br), '第一个单元格中插入超链接' );
+        equal( ua.getChildHTML( trs[0].cells[1] ), br, '第二个单元格中未插入超链接' );
+        equal( ua.getChildHTML( trs[1].cells[0] ), 'hello', '第三个单元格中插入超链接' );
+        equal( editor.queryCommandValue( 'link' ), null, '查询多个单元格的command value为null' );
+        start();
+    },50);
+    stop();
+} );
+
+/*1.2.5+不支持此功能*/
+//test( 'trace 1728 去除链接--表格第一个单元格没有超链接', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent( '<table><tbody><tr><td></td><td><a href="www.google.com">google</a></td></tbody></table>' );
+//    var body = editor.body;
+//    var tds = body.firstChild.getElementsByTagName( 'td' );
+//    range.selectNode( body.firstChild ).select();
+//    editor.currentSelectedArr = [tds[0], tds[1]];
+//    editor.execCommand( 'unlink' );
+//    if ( UE.browser.ie )
+//        equal( tds[0].childNodes.length, 1, '第一个表格中有一个占位文本节点' );
+//    range = editor.selection.getRange();
+//    tds = body.firstChild.getElementsByTagName( 'td' );
+//    equal( ua.getChildHTML( tds[1] ), 'google', 'a标签被删除' );
+//    if ( UE.browser.gecko )
+//        ua.checkResult( range, tds[0], tds[0], 0, 0, true, 'check unlink result' );
+//    else if(UE.browser.opera)
+//        ua.checkResult( range, tds[0].firstChild, tds[0].firstChild, 0, 0, true, 'check unlink result' );
+//    else{
+//        ua.checkResult( range, tds[0].firstChild, tds[0].firstChild, 1, 1, true, 'check unlink result' );
+//    }
+//    var br = ua.browser.ie ? '' : "<br>";
+//    ua.manualDeleteFillData( tds[0] );
+//    equal( ua.getChildHTML( tds[0] ), br, 'td 1 is empty' );
+//} );
+
+test( '添加链接--表格第一个单元格没有超链接', function () {
+    if(!ua.browser.ie){//TODO 1.2.6
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        editor.setContent( '<table><tbody><tr><td></td><td><a href="www.google.com">google</a></td></tbody></table>' );
+        setTimeout(function(){
+            var trs = editor.body.firstChild.getElementsByTagName( 'tr' );
+            var ut = editor.getUETable(editor.body.firstChild);
+            var cellsRange = ut.getCellsRange(trs[0].cells[0],trs[0].cells[1]);
+            ut.setSelected(cellsRange);
+//        range.setStart( trs[0].cells[0], 0 ).collapse( true ).select();
+//        range.selectNode( body.firstChild ).select();
+//        var tds = body.firstChild.getElementsByTagName( 'td' );
+//        editor.currentSelectedArr = [tds[0], tds[1]];
+            editor.execCommand( 'link', {href:'www.baidu.com'} );
+            range = editor.selection.getRange();
+            equal( ua.getChildHTML( trs[0].cells[1] ), '<a href="www.baidu.com">google</a>', 'a标签的地址被修改了' );
+            var br = ua.browser.ie ? '' : '<br>';
+            equal( ua.getChildHTML( trs[0].cells[0] ), '<a href="www.baidu.com">www.baidu.com</a>'+br, 'td 1 被添加了超链接' );
+            if ( (!baidu.editor.browser.gecko)&&(!baidu.editor.browser.webkit))
+                ua.checkResult( range, trs[0].cells[0].firstChild.firstChild, trs[0].cells[0].firstChild.firstChild, 0, 0, true, 'check link result' );
+            else
+                ua.checkResult( range, trs[0].cells[0].firstChild, trs[0].cells[0].firstChild, 0, 0, true, 'check link result' );
+            start();
+        },50);
+        stop();
+    }
+} );
+
+test( '光标在超链接中间去除超链接', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p><a href="www.google.com">hello</a></p>' );
+    var a_text = editor.body.getElementsByTagName( 'a' )[0].firstChild;
+    range.setStart( a_text, 2 ).collapse( 1 ).select();
+    same( editor.queryCommandValue( 'link' ), editor.body.firstChild.firstChild, 'command value is a' );
+    editor.execCommand( 'unlink' );
+    equal( ua.getChildHTML( editor.body ), '<p>hello</p>', '去除超链接后' );
+    equal( editor.queryCommandState( 'unlink' ), -1, 'link state is -1' );
+} );
+
+test( '去除链接--选中区域包含超链接和非超链接', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello</p><p>hello2<a href="www.fanfou.com">famfou</a>hello3</p>' );
+    var body = editor.body;
+    range.setStart( body.firstChild, 0 ).setEnd( body.lastChild, 3 ).select();
+    equal( editor.queryCommandValue( 'link' ), body.lastChild.firstChild.nextSibling, 'queryCommandvalue' );
+} );
+
+/*trace 1111*/
+test( '插入超链接', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello</p>' );
+    range.setStart( editor.body.firstChild, 1 ).collapse( 1 ).select();
+    editor.execCommand( 'link', {href:'www.baidu.com'} );
+    var a = editor.body.getElementsByTagName( 'a' )[0];
+    range.selectNode( a ).select();
+    range = editor.selection.getRange();
+    same( editor.queryCommandValue( 'link' ), a, 'link value is a' );
+    equal( ua.getChildHTML( editor.body ), '<p>hello<a href="www.baidu.com">www.baidu.com</a></p>' );
+    equal( editor.queryCommandState( 'unlink' ), 0, 'link state is 0' );
+} );
+
+test( '对现有的超链接修改超链接地址', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><a href="http://www.baidu.com">http://www.baidu.com</a>hello<a href="www.google.com">google</a></p>' );
+    var a1 = body.firstChild.firstChild;
+    range.selectNode( a1 ).select();
+
+    editor.execCommand( 'link', {href:'ueditor.baidu.com'} );
+    a1 = body.firstChild.firstChild;
+    equal( a1.getAttribute( 'href' ), 'ueditor.baidu.com', 'check href' );
+    equal( a1.innerHTML, 'ueditor.baidu.com', 'innerHTML也相应变化' );
+
+    var a2 = body.firstChild.getElementsByTagName( 'a' )[1];
+    range.selectNode( a2 ).select();
+    editor.execCommand( 'link', {href:'mp3.baidu.com'} );
+    a2 = body.firstChild.getElementsByTagName( 'a' )[1];
+
+    equal( a2.getAttribute( 'href' ), 'mp3.baidu.com', 'check href for second a link' );
+    equal( a2.innerHTML, 'google', 'innerHTML不变' );
+} );
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/list.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/list.js
new file mode 100644
index 000000000..1f3fb8785
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/list.js
@@ -0,0 +1,961 @@
+module("plugins.list");
+/*
+ * <li>有序列表切换到无序
+ * <li>无序列表切换到有序
+ * <li>有序之间相互切换
+ * <li>无序之间相互切换
+ * <li>先引用后列表
+ * <li>表格中插入列表
+ * <li>h1套列表
+ * <li>去除链接
+ *
+ * */
+
+//test('',function(){stop();})
+test('trace 3859 回车将p转成列表', function () {
+    if(ua.browser.ie==9||ua.browser.ie==10)return;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var br = ua.browser.ie ? '' : '<br>';
+    editor.setContent('<p>1. 2</p>');
+    stop();
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        ua.keydown(editor.body, {keyCode:13});
+        setTimeout(function () {
+            ua.checkSameHtml(ua.getChildHTML(editor.body), '<ol style=\"list-style-type: decimal;\" class=\" list-paddingleft-2\"><li><p> 2</p></li><li><p>' + br + '</p></li></ol>', '回车将p转成列表');
+            start()
+        }, 50);
+    }, 100);
+});
+
+//todo bug3418
+test('ol标签嵌套', function () {
+    var editor = te.obj[0];
+    editor.setContent('<ol class="custom_num list-paddingleft-1"><li class="list-num-1-1 list-num-paddingleft-1"><p>a</p></li><ol class="custom_num list-paddingleft-1"><li class="list-num-1-1 list-num-paddingleft-1"><p>b</p></li></ol></ol>');
+    ua.checkSameHtml(editor.body.innerHTML, '<ol class=\"custom_num list-paddingleft-1\"><li class=\"list-num-1-1 list-num-paddingleft-1\"><p>a</p></li><ol class=\"custom_num1 list-paddingleft-2\"><li class=\"list-num-2-1 list-num1-paddingleft-1\"><p>b</p></li></ol></ol>');
+});
+
+test('li内添加p标签', function () {
+    var editor = te.obj[0];
+    editor.setContent('<ol><li>asd<p>asd</p></li></ol>');
+    ua.manualDeleteFillData(editor.body);
+    ua.checkSameHtml(editor.body.innerHTML, '<ol class=\" list-paddingleft-2\"><li><p>asd</p><p>asd</p></li></ol>', '添加p标签');
+});
+//todo 1.2.6.1
+test('p转成列表', function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue',{autoTransWordToList:true});
+//    var br = ua.browser.ie ? '&nbsp;' : '';
+    var br = '';
+    editor.ready(function () {
+        setTimeout(function(){
+            editor.setContent('<p class="MsoListParagraph">1.a</p><ol><li>b</li></ol>');
+            ua.manualDeleteFillData(editor.body);
+            //todo 1.2.6.1
+//    ua.checkSameHtml(editor.body.innerHTML,'<ol style=\"list-style-type: decimal;\" class=\" list-paddingleft-2\"><li><p>a</p></li><li><p>b</p></li></ol>','p转成有序列表');
+            editor.setContent('<p class="MsoListParagraph"><span style="font-family: Symbol;">abc</span></p>');
+            ua.manualDeleteFillData(editor.body);
+            ua.checkSameHtml(editor.body.innerHTML, '<ul style=\"list-style-type: disc;\" class=\" list-paddingleft-2\"><li><p>' + br + '</p></li></ul>', 'p转成无序列表');
+//todo bug3417
+//    editor.setContent('<p class="MsoListParagraph"><span style="font-family: Symbol;">n</span></p>');
+//    ua.manualDeleteFillData(editor.body);
+//    ua.checkSameHtml(editor.body.innerHTML,'<ul style=\"list-style-type: disc;\" class=\" list-paddingleft-2\"><li><p><br></p></li></ul>','p转成无序列表');
+            UE.delEditor('ue');
+            te.dom.push(document.getElementById('ue'));
+            start();
+        },200);
+    });
+    stop();
+
+});
+
+test('列表复制粘贴', function () {
+    var editor = te.obj[0];
+
+        editor.setContent('<ol class="custom_num2 list-paddingleft-1"><li class="list-num-3-1 list-num2-paddingleft-1">a</li><li>b</li></ol><ul><li>a</li><li>b</li></ul>');
+        ua.keydown(editor.body, {'keyCode':65, 'ctrlKey':true});
+        ua.keydown(editor.body, {'keyCode':67, 'ctrlKey':true});
+        /*ctrl+c*/
+
+        setTimeout(function () {
+            var html = {html:editor.body.innerHTML};
+            editor.fireEvent('beforepaste', html);
+            /*粘贴*/
+//    range.setStart(editor.body,1).collapse(true).select();
+//    editor.fireEvent("paste");
+//    ua.manualDeleteFillData(editor.body);
+//    equal(editor.body.innerHTML,'<p><br></p>','编辑器清空');
+            editor.setContent('<ol><li>a</li><li>b</li></ol><ul><li>a</li><li>b</li></ul>');
+            ua.keydown(editor.body, {'keyCode':65, 'ctrlKey':true});
+            ua.keydown(editor.body, {'keyCode':67, 'ctrlKey':true});
+            /*ctrl+c*/
+            html = {html:editor.body.innerHTML};
+            editor.fireEvent('beforepaste', html);
+            /*粘贴*/
+            editor.setContent('<ol><ol><li>a</li><li>b</li></ol><ul><li>a</li><li>b</li></ul></ol>');
+            ua.keydown(editor.body, {'keyCode':65, 'ctrlKey':true});
+            ua.keydown(editor.body, {'keyCode':67, 'ctrlKey':true});
+            /*ctrl+c*/
+            html = {html:editor.body.innerHTML};
+            editor.fireEvent('beforepaste', html);
+            /*粘贴*/
+            editor.setContent('<ol class="custom_cn1 list-paddingleft-1"><ol><li>a</li><li>b</li></ol><ul><li>a</li><li>b</li></ul></ol>');
+            ua.keydown(editor.body, {'keyCode':65, 'ctrlKey':true});
+            ua.keydown(editor.body, {'keyCode':67, 'ctrlKey':true});
+            /*ctrl+c*/
+            html = {html:editor.body.innerHTML};
+            setTimeout(function () {
+                editor.fireEvent('beforepaste', html);
+                /*粘贴*/
+                start()
+            }, 50);
+        }, 50);
+    stop();
+});
+
+//TODO trace-3416 此处只为提高覆盖率
+//test('剪切列表',function(){
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent('<ol><li><p><img src="http://img.baidu.com/hi/jx2/j_0015.gif"/><br/></p></li><li></li></ol>');
+//    range.setStart(editor.body.firstChild.lastChild,0).collapse(true).select();
+//    ua.cut(editor.body);
+//    stop();
+//    setTimeout(function(){
+//        ua.manualDeleteFillData(editor.body);
+//        var br = ua.browser.ie?'':'<br>';
+//       equal(editor.body.innerHTML,'<p>'+br+'</p>','编辑器清空');
+//        editor.setContent('<ol><li><p><img src="http://img.baidu.com/hi/jx2/j_0015.gif"/><br/></p></li><li></li></ol><p>asdf</p>');
+//        range.setStart(editor.body.firstChild.lastChild,0).collapse(true).select();
+//        ua.cut(editor.body);
+//        setTimeout(function(){
+//            ua.manualDeleteFillData(editor.body);
+//            equal(editor.body.innerHTML,'<p>asdf</p>','列表删除');
+//            editor.setContent('<a href="http://www.baidu.com">www.baidu.com</a><ol><li><p><img src="http://img.baidu.com/hi/jx2/j_0015.gif"/><br/></p></li><li></li></ol>');
+//            range.setStart(editor.body.firstChild.nextSibling.lastChild,0).collapse(true).select();
+//            ua.cut(editor.body);
+//            setTimeout(function(){
+//                ua.manualDeleteFillData(editor.body);
+//                ua.checkSameHtml(editor.body.innerHTML,'<p><a href=\"http://www.baidu.com\" _href=\"http://www.baidu.com\">www.baidu.com</a></p>','列表删除');
+//                start();
+//            },20);
+//        },20);
+//    },20);
+//});
+
+test('修改列表再删除列表', function () {
+    if ((ua.browser.safari && !ua.browser.chrome))return 0;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var br = baidu.editor.browser.ie ? "" : "<br>";
+    editor.setContent('<ol>hello1</ol>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('insertorderedlist', 'cn2');
+    ua.manualDeleteFillData(editor.body);
+    equal(editor.body.firstChild.tagName.toLowerCase(), 'ol', '查询列表的类型');
+    equal(ua.getChildHTML(editor.body.firstChild), '<li class=\"list-cn-3-1 list-cn2-paddingleft-1\"><p>hello1</p></li>');
+    range.setStart(editor.body.lastChild, 0).setEnd(editor.body.lastChild, 1).select();
+    editor.execCommand('insertorderedlist', 'cn2');
+    ua.manualDeleteFillData(editor.body);
+    ua.checkSameHtml(editor.body.innerHTML, '<p>hello1</p>');
+});
+
+test('列表内没有列表标号的项后退', function () {
+    if ((ua.browser.safari && !ua.browser.chrome))return 0;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        var lis;
+        var br = ua.browser.ie ? '<br>' : '<br>';
+        editor.setContent('<ol><li><p>hello</p><p><a href="http://www.baidu.com">www.baidu.com</a></p></li></ol>');
+        range.setStart(editor.body.firstChild.firstChild.lastChild.lastChild, 0).collapse(true).select();
+        ua.manualDeleteFillData(editor.body);
+        ua.keydown(editor.body, {keyCode:8});
+
+        setTimeout(function () {
+            lis = editor.body.getElementsByTagName('li');
+            equal(lis.length, '1', '列表长度不变');
+            ua.checkSameHtml(ua.getChildHTML(editor.body), '<ol class=" list-paddingleft-2"><li><p>hello</p></li></ol><p><a href="http://www.baidu.com" _href="http://www.baidu.com">www.baidu.com</a></p>', 'p在列表外');
+            start()
+        }, 50);
+    stop();
+});
+
+test('多个p，选中其中几个变为列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<p>hello1</p><p>hello2</p><p>hello3</p><p>hello4</p>');
+    setTimeout(function () {
+        range.setStart(body.firstChild, 0).setEnd(body.firstChild.nextSibling, 1).select();
+        editor.execCommand('insertorderedlist');
+        equal(ua.getChildHTML(body.firstChild), '<li><p>hello1</p></li><li><p>hello2</p></li>', '检查列表的内容');
+        equal(body.firstChild.tagName.toLowerCase(), 'ol', '检查列表的类型');
+        equal(body.childNodes.length, 3, '3个孩子');
+        equal(body.lastChild.tagName.toLowerCase(), 'p', '后面的p没有变为列表');
+        equal(body.lastChild.innerHTML.toLowerCase(), 'hello4', 'p里的文本');
+        start();
+    }, 50);
+    stop();
+});
+
+//trace 988，有序123切到abc再切到123
+test('有序列表的切换', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<p>你好</p><p>是的</p>');
+    setTimeout(function () {
+        range.setStart(body, 0).setEnd(body, 2).select();
+        editor.execCommand('insertorderedlist', 'decimal');
+        equal(editor.queryCommandValue('insertorderedlist'), 'decimal', '查询插入数字列表的结果1');
+        editor.execCommand('insertorderedlist', 'lower-alpha');
+        equal(editor.queryCommandValue('insertorderedlist'), 'lower-alpha', '查询插入字母列表的结果');
+        editor.execCommand('insertorderedlist', 'decimal');
+        equal(editor.queryCommandValue('insertorderedlist'), 'decimal', '查询插入数字列表的结果2');
+        start();
+    }, 50);
+    stop();
+});
+
+//trace 988，无序圆圈切到方块再切到圆圈
+test('无序列表之间的切换', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<p>你好</p><p>是的</p>');
+    range.setStart(body, 0).setEnd(body, 2).select();
+    editor.execCommand('insertunorderedlist', 'circle');
+    equal(editor.queryCommandValue('insertunorderedlist'), 'circle', '查询插入圆圈列表的结果1');
+    editor.execCommand('insertunorderedlist', 'square');
+    equal(editor.queryCommandValue('insertunorderedlist'), 'square', '查询插入正方形列表的结果');
+    editor.execCommand('insertunorderedlist', 'circle');
+    equal(editor.queryCommandValue('insertunorderedlist'), 'circle', '查询插入圆圈列表的结果1');
+});
+
+test('引用中插入列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<p></p>');
+    range.setStart(body.firstChild, 0).collapse(1).select();
+    editor.execCommand('blockquote');
+    editor.execCommand('insertorderedlist');
+    equal(body.firstChild.tagName.toLowerCase(), 'blockquote', 'firstChild of body is blockquote');
+    equal(body.childNodes.length, 1, '只有一个孩子');
+    equal(body.firstChild.firstChild.tagName.toLowerCase(), 'ol', 'insert an ordered list');
+    equal(body.firstChild.childNodes.length, 1, 'blockquote只有一个孩子');
+    equal($(body.firstChild.firstChild).css('list-style-type'), 'decimal', '数字列表');
+    equal(editor.queryCommandValue('insertorderedlist'), 'decimal', 'queryCommand value is decimal');
+});
+
+/*trace 1118*/
+test('去除无序列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<p></p>');
+    range.setStart(body.firstChild, 0).collapse(1).select();
+    editor.execCommand('insertunorderedlist');
+    equal(body.firstChild.tagName.toLowerCase(), 'ul', 'insert an unordered list');
+    equal(body.childNodes.length, 1, 'body只有一个孩子');
+    equal(editor.queryCommandValue('insertunorderedlist'), 'disc', 'queryCommand value is disc');
+    ok(editor.queryCommandState('insertunorderedlist'), 'state是1');
+    /*去除列表*/
+    editor.execCommand('insertunorderedlist');
+    ua.manualDeleteFillData(editor.body);
+    equal(body.firstChild.tagName.toLowerCase(), 'p', '去除列表');
+    equal(body.childNodes.length, 1, 'body只有一个孩子');
+    ok(!editor.queryCommandState('insertunorderedlist'), 'state是0');
+});
+
+test('闭合方式有序和无序列表之间的切换', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<p></p>');
+    range.setStart(body.firstChild, 0).collapse(1).select();
+    editor.execCommand('insertunorderedlist');
+    equal(body.firstChild.tagName.toLowerCase(), 'ul', 'insert an unordered list');
+    equal(body.childNodes.length, 1, 'body只有一个孩子');
+    equal(editor.queryCommandValue('insertunorderedlist'), 'disc', 'queryCommand value is disc');
+    equal(editor.queryCommandValue('insertorderedlist'), null, '有序列表查询结果为null');
+    /*切换为有序列表*/
+    editor.execCommand('insertorderedlist');
+    ua.manualDeleteFillData(editor.body);
+    equal(body.firstChild.tagName.toLowerCase(), 'ol', '变为有序列表');
+    equal(body.childNodes.length, 1, 'body只有一个孩子');
+    equal(editor.queryCommandValue('insertorderedlist'), 'decimal', 'queryCommand value is decimal');
+    equal(editor.queryCommandValue('insertunorderedlist'), null, '无序列表查询结果为null');
+    /*切换为圆圈无序列表*/
+    editor.execCommand('insertunorderedlist', 'circle');
+    ua.manualDeleteFillData(editor.body);
+    equal(body.firstChild.tagName.toLowerCase(), 'ul', '变为无序列表');
+    equal(body.childNodes.length, 1, 'body只有一个孩子');
+    equal(editor.queryCommandValue('insertunorderedlist'), 'circle', '无序列表是圆圈');
+    equal(editor.queryCommandValue('insertorderedlist'), null, '有序列表查询结果为null');
+});
+
+test('非闭合方式切换有序和无序列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    /*如果只选中hello然后切换有序无序的话，不同浏览器下表现不一样*/
+    editor.setContent('<ol><li>hello</li><li>hello3</li></ol><p>hello2</p>');
+    range.selectNode(body.firstChild).select();
+    editor.execCommand('insertunorderedlist', 'square');
+    equal(body.firstChild.tagName.toLowerCase(), 'ul', '有序列表变为无序列表');
+    equal(editor.queryCommandValue('insertunorderedlist'), 'square', '无序列表是方块');
+    equal(ua.getChildHTML(body.firstChild), '<li><p>hello</p></li><li><p>hello3</p></li>', 'innerHTML 不变');
+    /*切换为有序列表*/
+    editor.execCommand('insertorderedlist', 'upper-alpha');
+    equal(body.firstChild.tagName.toLowerCase(), 'ol', '无序列表变为有序列表');
+    equal(editor.queryCommandValue('insertorderedlist'), 'upper-alpha', '有序列表是A');
+    equal(ua.getChildHTML(body.firstChild), '<li><p>hello</p></li><li><p>hello3</p></li>', '变为有序列表后innerHTML 不变');
+});
+
+test('将列表下的文本合并到列表中', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<ul><li>hello1</li></ul><p>是的</p>');
+    setTimeout(function () {
+        range.setStart(body.firstChild, 0).setEnd(body.lastChild, 1).select();
+        /*将无序的变为有序，文本也相应变成无序列表的一部分*/
+        editor.execCommand('insertorderedlist');
+        ua.manualDeleteFillData(editor.body);
+        equal(body.firstChild.tagName.toLowerCase(), 'ol', 'ul变为了ol');
+        equal(ua.getChildHTML(body.firstChild), '<li><p>hello1</p></li><li><p>是的</p></li>');
+        equal(body.childNodes.length, 1, '只有一个孩子是ol');
+        start();
+    }, 50);
+    stop();
+});
+
+test('多个列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<ol><li>hello1</li></ol><ul><li>hello2</li></ul>');
+    range.selectNode(body.lastChild).select();
+    /*将无序的变为有序*/
+    editor.execCommand('insertorderedlist');
+    equal(body.firstChild.tagName.toLowerCase(), 'ol', '仍然是ol');
+    equal(body.childNodes.length, 1, 'body只有1个孩子ol');
+    equal(body.firstChild.childNodes.length, 2, '下面的列表合并到上面');
+    equal(ua.getChildHTML(body.lastChild), '<li><p>hello1</p></li><li><p>hello2</p></li>', '2个li子节点');
+});
+
+test('修改列表中间某一段列表为另一种列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<ol><li>hello</li><li>hello2</li><li>hello3</li><li>hello4</li></ol>');
+    var lis = body.firstChild.getElementsByTagName('li');
+    range.setStart(lis[1], 0).setEnd(lis[2], 1).select();
+    editor.execCommand('insertunorderedlist');
+    equal(body.childNodes.length, 3, '3个列表');
+    equal(ua.getChildHTML(body.firstChild), '<li><p>hello</p></li>', '第一个列表只有一个li');
+    equal(ua.getChildHTML(body.lastChild), '<li><p>hello4</p></li>', '最后一个列表只有一个li');
+    equal(body.childNodes[1].tagName.toLowerCase(), 'ul', '第二个孩子是无序列表');
+    equal(ua.getChildHTML(body.childNodes[1]), '<li><p>hello2</p></li><li><p>hello3</p></li>', '检查第二个列表的内容');
+});
+
+test('两个列表，将下面的合并上去', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<ol><li>hello3</li></ol><ol><li>hello1</li></ol><ul><li>hello2</li></ul>');
+    range.selectNode(body.lastChild).select();
+    /*将无序的变为有序，有序上面的有序不会合并在一起了*/
+    editor.execCommand('insertorderedlist');
+    equal(body.firstChild.tagName.toLowerCase(), 'ol', '仍然是ol');
+    equal(body.childNodes.length, 2, 'body有两个孩子ol');
+    equal(body.lastChild.childNodes.length, 2, '下面和上面的列表合并到上面去了');
+//TODO 1.2.6不严重bug注释 空style未删除
+//    equal( ua.getChildHTML( editor.body ), '<ol class=" list-paddingleft-2" ><li><p>hello3</p></li></ol><ol class=" list-paddingleft-2" ><li><p>hello1</p></li><li><p>hello2</p></li></ol>', '3个li子节点' );
+});
+
+test('trace 3293：列表下的文本合并到列表中', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<ol><li>hello3</li><li>hello1</li></ol><p>文本1</p><p>文本2</p>');
+    range.setStart(body, 1).setEnd(body, 3).select();
+    /*选中文本变为有序列表，和上面的列表合并了*/
+    editor.execCommand('insertorderedlist');
+    var ol = body.firstChild;
+    equal(body.childNodes.length, 1, '所有合并为一个列表');
+    equal(ol.tagName.toLowerCase(), 'ol', '仍然是ol');
+    equal(ol.childNodes.length, 4, '下面和上面的列表合并到上面去了');
+    equal(ua.getChildHTML(body.firstChild), '<li><p>hello3</p></li><li><p>hello1</p></li><li><p>文本1</p></li><li><p>文本2</p></li>', '4个li子节点');
+});
+
+test('2个相同类型的列表合并', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<ol><li>hello3</li><li>hello1</li></ol><ol style="list-style-type: lower-alpha"><li><p>文本1</p></li><li><p>文本2</p></li></ol>');
+    range.selectNode(body.lastChild).select();
+    editor.execCommand('insertorderedlist');
+    var ol = body.firstChild;
+    equal(body.childNodes.length, 1, '所有合并为一个列表');
+    equal(ol.tagName.toLowerCase(), 'ol', '仍然是ol');
+    equal(ol.childNodes.length, 4, '下面和上面的列表合并到上面去了');
+    equal(ua.getChildHTML(body.firstChild), '<li><p>hello3</p></li><li><p>hello1</p></li><li><p>文本1</p></li><li><p>文本2</p></li>', '4个li子节点');
+});
+
+test('不闭合情况h1套列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<h1>hello1</h1><h2>hello2</h2>');
+    range.setStart(body.firstChild, 0).setEnd(body.lastChild, 1).select();
+    /*对h1添加列表*/
+    editor.execCommand('insertorderedlist');
+    equal(body.firstChild.tagName.toLowerCase(), 'ol', '仍然是ol');
+    equal(ua.getChildHTML(body.firstChild), '<li><h1>hello1</h1></li><li><h2>hello2</h2></li>', '查看插入列表后的结果');
+    equal(body.childNodes.length, 1, 'body只有一个孩子ol');
+    equal(body.firstChild.childNodes.length, 2, '2个li');
+});
+
+test('闭合情况h1套列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<h2>hello1</h2>');
+    range.setStart(body.firstChild, 0).collapse(1).select();
+    /*对h1添加列表*/
+    editor.execCommand('insertorderedlist');
+    equal(body.firstChild.tagName.toLowerCase(), 'ol', '仍然是ol');
+    equal(ua.getChildHTML(body.firstChild), '<li><h2>hello1</h2></li>', '查看插入列表后的结果');
+    equal(body.childNodes.length, 1, 'body只有一个孩子ol');
+    equal(body.firstChild.childNodes.length, 1, '1个li');
+});
+
+test('列表内后退', function () {
+    /*实际操作没问题，取range时会在将文本节点分为两个节点，后退操作无法实现*/
+    if ((ua.browser.safari && !ua.browser.chrome))
+        return 0;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        var lis;
+        var br = ua.browser.ie ? '<br>' : '<br>';
+//////标签空格的处理
+        editor.setContent('<ol><li><br></li><li><p>hello2</p></li><li><br></li><li><sss>hello3</sss></li><li><p>hello4</p></li><li><p>hello5</p></li></ol>');
+//    editor.setContent('<ol><li><br></li><li><p>hello2</p></li><li></li><li><sss>hello3</sss></li><li><p>hello4</p></li><li><p>hello5</p></li></ol>');
+        range.setStart(editor.body.firstChild.lastChild.firstChild.firstChild, 0).collapse(1).select();
+        ua.manualDeleteFillData(editor.body);
+        ua.keydown(editor.body, {keyCode:8});
+
+        var ol = editor.body.getElementsByTagName('ol');
+        lis = editor.body.getElementsByTagName('li');
+        equal(lis.length, '5', '变成5个列表项');
+        equal(ua.getChildHTML(editor.body.firstChild), '<li><p>' + br + '</p></li><li><p>hello2</p></li><li><p>' + br + '</p></li><li><sss>hello3</sss></li><li><p>hello4</p><p>hello5</p></li>', '最后一个列表项');
+        range.setStart(lis[0].firstChild, 0).collapse(1).select();
+        ua.keydown(editor.body, {keyCode:8});
+
+        lis = editor.body.getElementsByTagName('li');
+        equal(lis.length, '4', '变成4个列表项');
+        equal(ua.getChildHTML(editor.body.lastChild), '<li><p>hello2</p></li><li><p>' + br + '</p></li><li><sss>hello3</sss></li><li><p>hello4</p><p>hello5</p></li>', '第一个列表项且为空行');
+        range.setStart(lis[1].firstChild, 0).collapse(1).select();
+        ua.keydown(editor.body, {keyCode:8});
+
+        lis = editor.body.getElementsByTagName('li');
+        equal(lis.length, '3', '变成3个列表项');
+        equal(ua.getChildHTML(editor.body.lastChild), '<li><p>hello2</p><p>' + br + '</p></li><li><sss>hello3</sss></li><li><p>hello4</p><p>hello5</p></li>', '中间列表项且为空行');
+        if (!ua.browser.ie) {
+            range.setStart(lis[1].firstChild.firstChild, 0).collapse(1).select();
+            ua.manualDeleteFillData(editor.body);
+            ua.keydown(editor.body, {keyCode:8});
+//TODO 1.2.6不严重bug注释 空style未删除
+//        equal(ua.getChildHTML(editor.body),'<p><br></p><ol class=\" list-paddingleft-2\"><li><p>hello2</p><p><br></p><sss>hello3</sss></li><li><p>hello4</p><p>hello5</p></li></ol>','自定义标签后退');
+        }
+
+});
+
+test('列表内回车', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        var lis;
+        var br = ua.browser.ie ? '' : '<br>';
+        editor.setContent('<ol><li><sss></sss><sss></sss></li></ol>');
+        lis = editor.body.getElementsByTagName('li');
+        range.setStart(lis[0], 0).collapse(1).select();
+        ua.keydown(editor.body, {keyCode:13});
+        var spa = ua.browser.opera ? '<br>' : '';
+        equal(ua.getChildHTML(editor.body), spa + '<p><sss></sss><sss></sss></p>', '空列表项回车--无列表');
+
+        editor.setContent('<ol><li><sss>hello1</sss><p>hello2</p></li></ol>');
+        lis = editor.body.getElementsByTagName('li');
+        range.setStart(lis[0].lastChild, 0).collapse(1).select();
+        ua.keydown(editor.body, {keyCode:13});
+        equal(ua.getChildHTML(editor.body.firstChild), '<li><p><sss>hello1</sss><p></p></p></li><li><p><p>hello2</p></p></li>', '单个列表项内回车');
+//////标签空格的处理
+//    editor.setContent('<ol><li><br></li><li><p>hello5</p></li><li><p><br></p><p><br></p></li></ol>');
+        editor.setContent('<ol><li><br></li><li><p>hello5</p></li><li><p><br></p><p><br></p></li></ol>');
+        lis = editor.body.getElementsByTagName('li');
+        range.setStart(lis[2].firstChild.firstChild, 0).setEnd(lis[2].lastChild.firstChild, 0).select();
+        ua.keydown(editor.body, {keyCode:13});
+//TODO 1.2.6不严重bug注释 空style未删除
+//    equal(ua.getChildHTML(editor.body),'<ol class=\" list-paddingleft-2\"><li><p>'+br+'</p></li><li><p>hello5</p></li></ol><p>'+br+'</p>','最后一个列表项为空行回车');
+
+        /*trace 2652*/
+        range.setStart(editor.body.firstChild.firstChild.firstChild, 0).collapse(1).select();
+        ua.keydown(editor.body, {keyCode:13});
+//TODO 1.2.6不严重bug注释 空style未删除
+//    equal(ua.getChildHTML(editor.body),'<p>'+br+'</p><ol class=\" list-paddingleft-2\"><li><p>hello5</p></li></ol><p>'+br+'</p>','第一个列表项为空行下回车');
+
+        /*trace 2653*/
+        editor.setContent('<ol><li><p>hello2</p></li><li><p>hello3</p></li><li><p><br /></p><p>hello5</p></li></ol>');
+        lis = editor.body.getElementsByTagName('li');
+        range.setStart(lis[0].firstChild.firstChild, 2).setEnd(lis[1].firstChild.firstChild, 4).select();
+        ua.keydown(editor.body, {keyCode:13});
+        equal(ua.getChildHTML(editor.body.firstChild), '<li><p>he</p></li><li><p>o3</p></li><li><p><br></p><p>hello5</p></li>', '非闭合回车');
+
+        editor.setContent('<ol><li><sss>hello</sss><p>hello4</p></li><li><p>hello5</p></li></ol>');
+        lis = editor.body.getElementsByTagName('li');
+        range.setStart(lis[0].lastChild.firstChild, 1).setEnd(lis[0].lastChild.firstChild, 2).select();
+        ua.keydown(editor.body, {keyCode:13});
+        equal(ua.getChildHTML(editor.body.firstChild), '<li><p><sss>hello</sss><p>h</p></p></li><li><p><p>llo4</p></p></li><li><p>hello5</p></li>', '一个列表项内两行');
+
+});
+
+test('tab键', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        var lis;
+        editor.setContent('<ol><li><p>hello1</p></li><li><p>hello2</p></li></ol>');
+        lis = editor.body.getElementsByTagName('li');
+        range.setStart(lis[1], 0).collapse(1).select();
+        ua.keydown(editor.body, {keyCode:9});
+        ua.keydown(editor.body, {keyCode:9});
+        var str = '<li><p>hello1</p></li><ol style="list-style-type: lower-alpha;" class=" list-paddingleft-2" ><ol style="list-style-type: lower-roman;" class=" list-paddingleft-2" ><li><p>hello2</p></li></ol></ol>';
+        ua.checkSameHtml(str, editor.body.firstChild.innerHTML.toLowerCase(), '有序列表---tab键');
+
+});
+
+test('回车后产生新的li-选区闭合', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent('<p>hello1</p><p>hello2</p>');
+        setTimeout(function () {
+            range.setStart(body.firstChild, 0).setEnd(body.firstChild.nextSibling, 1).select();
+            editor.execCommand('insertorderedlist');
+            var lastLi = body.firstChild.lastChild.firstChild.firstChild;
+            range.setStart(lastLi, lastLi.length).collapse(1).select();
+            setTimeout(function () {
+                ua.keydown(editor.body, {'keyCode':13});
+                equal(body.firstChild.childNodes.length, 3, '回车后产生新的li');
+                equal(body.firstChild.lastChild.tagName.toLowerCase(), 'li', '回车后产生新的li');
+                var br = ua.browser.ie ? '' : '<br>';
+                equal(ua.getChildHTML(body.firstChild), '<li><p>hello1</p></li><li><p>hello2</p></li><li><p>' + br + '</p></li>', '检查内容');
+                var lastLi = body.firstChild.lastChild.firstChild.firstChild;
+                range.setStart(lastLi, lastLi.length).collapse(1).select();
+                setTimeout(function () {
+                    ua.keydown(editor.body, {'keyCode':13});
+                    equal(body.firstChild.childNodes.length, 2, '空li后回车，删除此行li');
+                    equal(body.lastChild.tagName.toLowerCase(), 'p', '产生p');
+                    br = ua.browser.ie ? '' : '<br>';
+                    ua.manualDeleteFillData(body.lastChild);
+                    equal(body.lastChild.innerHTML.toLowerCase().replace(/\r\n/ig, ''), br, '检查内容');
+                    start()
+                }, 20);
+            }, 20);
+        }, 50);
+    stop();
+});
+
+/*trace 3074*/
+test('trace 1622：表格中插入列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<table><tbody><tr><td><br></td><td>你好</td></tr><tr><td>hello2</td><td>你好2</td></tr></tbody></table>');
+    /*必须加br，否则没办法占位*/
+    stop()
+    setTimeout(function () {
+        var tds = body.getElementsByTagName('td');
+        range.setStart(tds[0], 0).collapse(1).select();
+        /*选中一个单元格*/
+        editor.execCommand('insertorderedlist');
+        /*插入有序列表*/
+        equal(tds[0].firstChild.tagName.toLowerCase(), 'ol', '查询列表的类型');
+        equal(tds[0].firstChild.style['listStyleType'], 'decimal', '查询有序列表的类型');
+        var br = baidu.editor.browser.ie ? "<br>" : "<br>";
+        equal(ua.getChildHTML(tds[0].firstChild), '<li>' + '<p>' + br + '</p>' + '</li>');
+        setTimeout(function () {
+            var trs = editor.body.firstChild.getElementsByTagName('tr');
+            /*选中多个单元格*/
+            var ut = editor.getUETable(editor.body.firstChild);
+            var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
+            ut.setSelected(cellsRange);
+            range.setStart(trs[0].cells[0], 0).collapse(true).select();
+            tds = body.getElementsByTagName('td');
+            editor.execCommand('insertunorderedlist', 'circle');
+            /*插入无序列表*/
+            equal(tds[1].firstChild.tagName.toLowerCase(), 'ul', '查询无序列表');
+            equal(tds[1].firstChild.style['listStyleType'], 'circle', '查询无序列表的类型');
+            equal(ua.getChildHTML(tds[1].firstChild), '<li>你好</li>');
+            equal(ua.getChildHTML(tds[3].firstChild), '<li>你好2</li>');
+            start();
+        }, 50);
+    }, 50);
+});
+
+///*presskey*/
+//test( ' trace 1536:删除部分列表', function () {
+//    var editor = te.obj[0];
+//    editor.setContent( '<ol><li>hello1</li><li>你好</li><li>hello3</li></ol>' );
+//    var body = editor.body;
+//    var range = te.obj[1];
+//    stop();
+//    expect( 2 );
+//    range.setStart( body.firstChild, 1 ).setEnd( body.firstChild, 2 ).select();
+//    editor.focus();
+//    te.presskey( 'del', '' );
+//    editor.focus();
+//    setTimeout( function () {
+//        equal( body.childNodes.length, 1, '删除后只剩一个ol元素' );
+//        var br = (baidu.editor.browser.ie || baidu.editor.browser.gecko) ? "" : "<br>";
+//        //todo 不同浏览器原生选区的差别导致
+////        equal( ua.getChildHTML( body ), '<ol><li><p>hello1</p></li><li><p>hello3' + br + '</p></li></ol>', '第二个li被删除' );
+//        start();
+//    }, 30 );
+//} );
+///*presskey*/
+//test( ' trace 1544,1624 :列表中回车后再回退，会产生一个空行', function () {
+//    var editor = te.obj[0];
+//    editor.setContent( '<ol><li><p>hello1</p></li><li><p>你好</p></li></ol>' );
+//    var body = editor.body;
+//    var ol = body.firstChild;
+//    var range = te.obj[1];
+//
+//    range.setStart( ol.firstChild.firstChild, 1 ).collapse( 1 ).select();
+//    editor.focus();
+//    te.presskey( 'enter', '' );
+//    equal(editor.selection.getRange().startContainer.parentNode.innerHTML,'');
+//
+//    setTimeout( function () {
+//        range.setStart( ol.childNodes[1], 0 ).collapse( 1 ).select();
+//        equal(editor.selection.getRange().startContainer.parentNode.innerHTML,'');
+//        editor.focus();
+//        te.presskey( 'back', '' );
+//        setTimeout( function () {
+//            editor.focus();
+//            var br = ua.browser.ie ? "" : "<br>";
+//            equal( ua.getChildHTML( body ), '<ol><li><p>hello1</p><p>' + br + '</p></li><li><p>你好</p></li></ol>', '第二个li被删除' );
+//            range.setStart( body, 0 ).setEnd( body, 1 ).select();
+//            editor.execCommand( 'insertorderedlist' );
+//            equal( ua.getChildHTML( body ), '<p>hello1</p><p>' + br + '</p><p>你好</p>', '应当变为纯文本' );
+//            start();
+//        }, 70 );
+//    }, 50 );
+//    stop();
+//} );
+
+test('trace1620：修改上面的列表与下面的列表一致', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>你好</p><ol><li><p>数字列表1</p></li><li><p>数字列表2</p></li></ol><ol style="list-style-type:lower-alpha; "><li><p>字母列表2</p></li><li><p>字母列表2</p></li></ol>');
+    range.selectNode(editor.body.firstChild.nextSibling).select();
+    editor.execCommand('insertorderedlist', 'lower-alpha');
+    var html = '<p>你好</p><ol style="list-style-type: lower-alpha;" class=" list-paddingleft-2" ><li><p>数字列表1</p></li><li><p>数字列表2</p></li><li><p>字母列表2</p></li><li><p>字母列表2</p></li></ol>'
+    ua.checkSameHtml(html, editor.body.innerHTML.toLowerCase(), '检查列表结果');
+});
+
+test('trace 1621：选中多重列表，设置为相同类型的列表', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent('<ol style="list-style-type:decimal; "><li><p>数字列表1</p></li><li><p>数字列表2</p></li></ol><ol style="list-style-type:lower-alpha; "><li><p>字母列表1</p></li><li><p>字母列表2</p></li></ol><ol style="list-style-type: upper-alpha; "><li><p>​大写字母1<br></p></li><li><p>大写字母2</p></li><li><p>大写字母3</p></li></ol>');
+    range.setStart(body, 1).setEnd(body.lastChild.firstChild.nextSibling, 1).select();
+    var html = '<ol style="list-style-type: decimal;" class=" list-paddingleft-2" ><li><p>数字列表1</p></li><li><p>数字列表2</p></li></ol><ol style="list-style-type: upper-alpha;" class=" list-paddingleft-2" ><li><p>字母列表1</p></li><li><p>字母列表2</p></li><li><p>大写字母1<br/></p></li><li><p>大写字母2</p></li><li><p>大写字母3</p></li></ol>';
+    editor.execCommand('insertorderedlist', 'upper-alpha');
+    ua.checkSameHtml(html, editor.body.innerHTML.toLowerCase(), 'trace 1621');
+});
+//TODO 1.2.6不严重bug注释 空style未删除
+//test( 'trace 3049：列表内有引用', function () {
+//    var editor = te.obj[0];
+//    editor.setContent( '<blockquote><ol class="custom_cn1 list-paddingleft-1" ><li class="list-cn-2-1 list-cn1-paddingleft-1" ><p>a</p></li><li class="list-cn-2-2 list-cn1-paddingleft-1" ><p>b</p></li></ol></blockquote>' );
+//    editor.execCommand( 'selectall');
+//    editor.execCommand( 'blockquote' );
+//    var html = '<ol class="custom_cn1 list-paddingleft-1" ><li class="list-cn-2-1 list-cn1-paddingleft-1"><p>a</p></li><li class="list-cn-2-2 list-cn1-paddingleft-1"><p>b</p></li></ol>';
+//    equal(ua.getChildHTML(editor.body),html,'检查列表结果');
+//});
+
+/*trace 3056：模拟不完全，还需手动测试*/
+test('trace 3056：列表内表格后回车', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        var body = editor.body;
+        editor.setContent('<ol class="custom_cn2 list-paddingleft-1" ><li class="list-cn-3-1 list-cn2-paddingleft-1" ><p>a</p></li><li class="list-cn-3-2 list-cn2-paddingleft-1" ><p><br></p></li><li class="list-cn-3-3 list-cn2-paddingleft-1" ><p>c</p></li></ol>');
+        var lis = editor.body.getElementsByTagName('li');
+        range.setStart(lis[1].firstChild, 0).collapse(true).select();
+
+        setTimeout(function () {
+            editor.execCommand('inserttable');
+            var tds = body.getElementsByTagName('td');
+            tds[0].innerHTML = 'asd<br>';
+            range.setStart(tds[0].firstChild, 3).collapse(true).select();
+            setTimeout(function () {
+                ua.keydown(body, {'keyCode':13});
+                equal(body.childNodes.length, 1, 'body只有一个孩子');
+                equal(editor.body.getElementsByTagName('li').length, 3, 'ol有3个孩子');
+                equal(editor.body.getElementsByTagName('table').length, 1, '只有1个table');
+                start()
+            }, 20);
+        }, 50);
+    stop();
+});
+
+/*trace 3075：fix in future*/
+//test( 'trace 3075：表格标题行中插入有序列表', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<table><tbody><tr><th><br></th><th><br></th><th><br></th></tr><tr><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><br></td></tr></tbody></table>' ); /*必须加br，否则没办法占位*/
+//    var ths = body.getElementsByTagName( 'th' );
+//    range.setStart( ths[1], 0 ).collapse( 1 ).select();                             /*选中一个单元格*/
+//    editor.execCommand( 'insertorderedlist' );                                      /*插入有序列表*/
+//    equal( ths[1].firstChild.tagName.toLowerCase(), 'ol', '查询列表的类型' );
+//    equal( ths[1].firstChild.style['listStyleType'], 'decimal', '查询有序列表的类型' );
+//    var br = baidu.editor.browser.ie ? "" : "<br>";
+//    equal( ua.getChildHTML( ths[0].firstChild ), '<li>' + '<p>' + br + '</p>' + '</li>' );
+//    stop();
+//    setTimeout(function() {
+//        editor.execCommand('source');
+//        setTimeout(function() {
+//            editor.execCommand('source');
+//            equal( body.getElementsByTagName('table').length, 1, '只有1个table' );
+//            start();
+//        },20);
+//    },20);
+//} );
+//test( 'trace 3075：表格标题行中插入无序列表', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    var body = editor.body;
+//    editor.setContent( '<table><tbody><tr><th><br></th><th><br></th><th><br></th></tr><tr><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><br></td></tr></tbody></table>' ); /*必须加br，否则没办法占位*/
+//    var trs = editor.body.firstChild.getElementsByTagName( 'tr' );                  /*选中多个单元格*/
+//    var ut = editor.getUETable(editor.body.firstChild);
+//    var cellsRange = ut.getCellsRange(trs[0].cells[1],trs[0].cells[2]);
+//    ut.setSelected(cellsRange);
+//    range.setStart( trs[0].cells[1], 0 ).collapse( true ).select();
+//    var ths = body.getElementsByTagName( 'th' );
+//    editor.execCommand( 'insertunorderedlist', 'circle' );                            /*插入无序列表*/
+//    equal( ths[1].firstChild.tagName.toLowerCase(), 'ul', '查询无序列表' );
+//    equal( ths[1].firstChild.style['listStyleType'], 'circle', '查询无序列表的类型' );
+//    stop();
+//    setTimeout(function() {
+//        editor.execCommand('source');
+//        setTimeout(function() {
+//            editor.execCommand('source');
+//            equal( body.getElementsByTagName('table').length, 1, '只有1个table' );
+//            start();
+//        },20);
+//    },20);
+//} );
+
+test('trace 3117：列表内后退两次', function () {
+    /*实际操作没问题，取range时会在将文本节点分为两个节点，后退操作无法实现*/
+    if ((ua.browser.safari && !ua.browser.chrome))return 0;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        var br = ua.browser.ie ? '<br>' : '<br>';
+        editor.setContent('<ol><li>hello</li><li><p><br></p></li></ol>');
+
+        range.setStart(editor.body.firstChild.lastChild.firstChild, 0).collapse(1).select();
+        ua.manualDeleteFillData(editor.body);
+        ua.keydown(editor.body, {keyCode:8});
+        var ol = editor.body.getElementsByTagName('ol');
+        var lis = editor.body.getElementsByTagName('li');
+        equal(lis.length, '1', '变成1个列表项');
+        equal(ua.getChildHTML(editor.body.firstChild), '<li><p>hello</p><p>' + br + '</p></li>', '检查列表内容');
+//TODO 1.2.6不严重bug注释 空style未删除
+//    range.setStart(lis[0].lastChild,0).collapse(1).select();
+//    ua.keydown(editor.body,{keyCode:8});
+//    equal(ua.getChildHTML(editor.body),'<ol class=\" list-paddingleft-2\"><li><p>hello</p></li></ol><p>'+br+'</p>','检查body内容');
+        /*模拟不到光标跳到上一行？*/
+//    range.setStart(editor.body.lastChild,0).collapse(1).select();
+//    ua.keydown(editor.body,{keyCode:8});
+//    equal(ua.getChildHTML(editor.body),'<ol class=\" list-paddingleft-2\"><li><p>hello</p></li></ol>','检查body内容');
+
+});
+
+/*trace 3136*/
+test('trace 3118：全选后backspace', function () {
+    /*实际操作没问题，取range时会在将文本节点分为两个节点，后退操作无法实现*/
+    if ((ua.browser.safari && !ua.browser.chrome))return 0;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        var br = ua.browser.ie ? '' : '<br>';
+        editor.setContent('<ol><li>hello</li><li><p><br></p></li></ol>');
+        ua.keydown(editor.body, {'keyCode':65, 'ctrlKey':true});
+        ua.keydown(editor.body, {keyCode:8});
+        equal(ua.getChildHTML(editor.body), '<p>' + br + '</p>', '');
+        ok(!editor.queryCommandState('insertorderedlist'), 'state是0');
+
+});
+
+test('trace 3126：1.2.5+列表重构新增标签，tab键', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        var body = editor.body;
+        editor.setContent('<p>hello1</p><p>hello2</p><p>hello3</p><p>hello4</p>');
+        editor.execCommand('selectAll');
+        editor.execCommand('insertorderedlist', 'cn2');
+        var lis = body.getElementsByTagName('li');
+        range.setStart(lis[1].firstChild, 0).setEnd(lis[2].firstChild, 1).select();
+        ua.keydown(editor.body, {keyCode:9});
+        var str = '<li class="list-cn-3-1 list-cn2-paddingleft-1" ><p>hello1</p></li><ol style="list-style-type: decimal;" class=" list-paddingleft-3" ><li><p>hello2</p></li><li><p>hello3</p></li></ol><li class="list-cn-3-2 list-cn2-paddingleft-1" ><p>hello4</p></li>';
+        ua.checkSameHtml(str, editor.body.firstChild.innerHTML.toLowerCase(), '有序列表---tab键');
+
+});
+
+test('trace 3132：单行列表backspace', function () {
+    /*实际操作没问题，取range时会在将文本节点分为两个节点，后退操作无法实现*/
+    if ((ua.browser.safari && !ua.browser.chrome))return 0;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        editor.setContent('<ol><li><br></li></ol>');
+        range.selectNode(editor.body.firstChild.firstChild.firstChild.firstChild).select();
+        ua.keydown(editor.body, {keyCode:8});
+        var space ='<br>';
+        equal(ua.getChildHTML(editor.body), '<p>'+space+'</p>', '');
+
+});
+
+test('trace 3133：表格中插入列表再取消列表', function () {
+    /*实际操作没问题，取range时会在将文本节点分为两个节点，后退操作无法实现*/
+    if ((ua.browser.safari && !ua.browser.chrome))return 0;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        var body = editor.body;
+        var br = baidu.editor.browser.ie ? "" : "<br>";
+        editor.setContent('<table><tbody><tr><td><br></td></tr></tbody></table>');
+        /*插入一行一列的表格*/
+        var tds = body.getElementsByTagName('td');
+        range.setStart(tds[0], 0).collapse(1).select();
+        editor.execCommand('insertorderedlist', 'num2');
+        /*插入列表*/
+        equal(tds[0].firstChild.tagName.toLowerCase(), 'ol', '查询列表的类型');
+        equal(ua.getChildHTML(tds[0].firstChild), '<li class="list-num-3-1 list-num2-paddingleft-1"><p><br></p></li>');
+        editor.execCommand('insertorderedlist', 'num2');
+        /*取消列表*/
+        equal(ua.getChildHTML(tds[0]), '<p><br></p>');
+        ua.keydown(editor.body, {'keyCode':65, 'ctrlKey':true});
+        /*ctrl+a*/
+        ua.keydown(editor.body, {keyCode:8});
+        /*backspace*/
+        equal(ua.getChildHTML(editor.body), '<p>' + br + '</p>', '');
+
+});
+
+test('trace 3164：添加列表，取消列表', function () {
+    var editor = te.obj[0];
+    var body = editor.body;
+    editor.setContent('<p>hello1</p><p>hello2</p><p>hello3</p><p>hello4</p>');
+    editor.execCommand('selectAll');
+    editor.execCommand('insertunorderedlist', 'dash');
+    equal(body.firstChild.tagName.toLowerCase(), 'ul', '检查无序列表');
+    equal(body.firstChild.className, 'custom_dash list-paddingleft-1', '查询有序列表的类型');
+    equal(editor.queryCommandValue('insertunorderedlist'), 'dash', '查询插入无序列表的结果');
+    ok(editor.queryCommandState('insertunorderedlist'), 'state是1');
+    editor.execCommand('selectAll');
+    editor.execCommand('insertunorderedlist', 'dash');
+    ua.checkHTMLSameStyle('<p>hello1</p><p>hello2</p><p>hello3</p><p>hello4</p>', editor.document, editor.body, '取消列表');
+    equal(editor.queryCommandValue('insertunorderedlist'), null, '查询取消无序列表的结果');
+    ok(!editor.queryCommandState('insertunorderedlist'), 'state是0');
+});
+
+test('trace 3165：检查表格中列表tab键', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+        var body = editor.body;
+        setTimeout(function () {
+            editor.execCommand('inserttable');
+            var tds = body.getElementsByTagName('td');
+            range.setStart(tds[6], 0).collapse(1).select();
+            editor.execCommand('insertorderedlist');
+            equal(tds[6].firstChild.style['listStyleType'], 'decimal', '查询有序列表的类型');
+            tds = body.getElementsByTagName('td');
+            range.setStart(tds[5], 0).collapse(1).select();
+            range = editor.selection.getRange();
+            if(ua.browser.ie==9||ua.browser.ie==10)
+                equal(range.startContainer.tagName.toLowerCase(), 'td', 'tab键前光标位于td中');
+
+            else
+                equal(range.startContainer.parentNode.tagName.toLowerCase(), 'td', 'tab键前光标位于td中');
+            ua.keydown(editor.body, {keyCode:9});
+            setTimeout(function () {
+                range = editor.selection.getRange();
+                if (!ua.browser.gecko && !ua.browser.ie && !ua.browser.webkit)//TODO 1.2.6
+                    equal(range.startContainer.parentNode.tagName.toLowerCase(), 'li', 'tab键后光标跳到有列表的单元格中');
+                equal(tds[6].firstChild.style['listStyleType'], 'decimal', '检查有序列表的类型不应该被改变');
+                start();
+            }, 100);
+        }, 100);
+    stop();
+});
+
+test('trace 3168：表格中列表更改样式', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.execCommand('inserttable');
+    var tds = body.getElementsByTagName('td');
+    tds[0].innerHTML = 'asdf';
+    tds[1].innerHTML = '<ol class="custom_num1 list-paddingleft-1"><li class="list-num-2-1 list-num1-paddingleft-1"><p>asd</p></li></ol>';
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[1]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+
+        editor.execCommand('insertorderedlist', 'cn1');
+        equal(tds[0].firstChild.className, 'custom_cn1 list-paddingleft-1', '查询有序列表的类型');
+        equal(tds[1].firstChild.className, 'custom_cn1 list-paddingleft-1', '查询有序列表的类型');
+        equal(editor.queryCommandValue('insertorderedlist'), 'cn1', '查询插入有序列表的结果');
+
+        editor.execCommand('insertunorderedlist', 'dot');
+        equal(tds[0].firstChild.className, 'custom_dot list-paddingleft-1', '查询无序列表的类型');
+        equal(tds[1].firstChild.className, 'custom_dot list-paddingleft-1', '查询无序列表的类型');
+        equal(editor.queryCommandValue('insertunorderedlist'), 'dot', '查询插入无序列表的结果');
+        start();
+    }, 50);
+    stop();
+});
+//todo 1.2.6.1
+//test('trace 3213 3499：tab键后更改列表样式', function () {
+//    var div = document.body.appendChild(document.createElement('div'));
+//    div.id = 'ue';
+//    var editor = UE.getEditor('ue');
+//    editor.ready(function () {
+//        var range = new baidu.editor.dom.Range(editor.document);
+//        editor.setContent('<ol><li><p>hello1</p></li><li><p>hello2</p></li><li><p>hello1</p></li><li><p>hello1</p></li></ol>');
+//        var lis = editor.body.getElementsByTagName('li');
+//        range.setStart(lis[2], 0).setEnd(lis[3], 1).select();
+//        ua.keydown(editor.body, {keyCode:9});
+//        ua.keydown(editor.body, {'keyCode':65, 'ctrlKey':true});
+//        editor.execCommand('insertorderedlist', 'lower-alpha');
+//        var str = '<ol style="list-style-type: lower-alpha;" class=" list-paddingleft-2"><li><p>hello1</p></li><li><p>hello2</p></li><li><p>hello1</p></li><li><p>hello1</p></li></ol>';
+//        ua.checkSameHtml(str, editor.body.innerHTML.toLowerCase(), '');
+//        UE.delEditor('ue');
+//        start();
+//    });
+//    stop();
+//});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/music.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/music.js
new file mode 100644
index 000000000..c155a2d14
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/music.js
@@ -0,0 +1,17 @@
+module( 'plugins.music' );
+
+test( ' trace 3745 3780 音乐', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello</p>' );
+    range.setStart(editor.body.firstChild,0).collapse(true).select();
+    editor.execCommand( 'music',{url:"http://box.baidu.com/widget/flash/bdspacesong.swf?from=tiebasongwidget&url=…artist=%E5%BC%A0%E6%B6%A6%E8%B4%9E&extra=Vol.%202&autoPlay=false&loop=true"});
+    stop();
+    setTimeout(function(){
+        ua.manualDeleteFillData(editor.body);
+        ua.checkSameHtml(editor.getContent(),'<p><embed type=\"application/x-shockwave-flash\" class=\"edui-faked-music\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" src=\"http://box.baidu.com/widget/flash/bdspacesong.swf?from=tiebasongwidget&url=…artist=%E5%BC%A0%E6%B6%A6%E8%B4%9E&extra=Vol.%202&autoPlay=false&loop=true\" width=\"400\" height=\"95\" align=\"none\" wmode=\"transparent\" play=\"true\" loop=\"false\" menu=\"false\" allowscriptaccess=\"never\" allowfullscreen=\"true\"/>hello</p>','');
+        equal(editor.body.firstChild.firstChild.tagName.toLowerCase(),'img');
+        equal(editor.body.firstChild.firstChild.className,'edui-faked-music');
+        start();
+    },50);
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/pagebreak.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/pagebreak.js
new file mode 100644
index 000000000..151884868
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/pagebreak.js
@@ -0,0 +1,148 @@
+module( 'plugins.pagebreak' );
+
+/*trace 1179*/
+//TODO bug没有修复，暂时注释
+test( '对合并过单元格的表格分页', function () {
+        stop();
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        editor.setContent( '<p></p>' );
+        range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+        editor.execCommand( 'inserttable', {numCols:5, numRows:5} );
+        var trs = editor.body.getElementsByTagName( 'tr' );
+        range.setStart( trs[0].firstChild, 0 ).collapse( 1 ).select();
+
+        editor.currentSelectedArr = [trs[0].firstChild, trs[1].firstChild, trs[2].firstChild, trs[3].firstChild];
+        editor.execCommand( 'mergecells' );
+        editor.currentSelectedArr = [trs[1].childNodes[2], trs[1].childNodes[3], trs[2].childNodes[2], trs[2].childNodes[3]];
+        editor.execCommand( 'mergecells' );
+        range.setStart( trs[1].childNodes[1], 0 ).collapse( 1 ).select();
+
+        editor.execCommand( 'pagebreak' );
+        var tables = editor.body.getElementsByTagName( 'table' );
+        var tr1 = tables[0].getElementsByTagName( 'tr' );
+        equal( tables.length, 2, '应当拆为2个table' );
+        equal( tr1.length, 1, '第一个table只有一行' );
+//    equal( $( tr1 ).attr( 'rowspan' ), 1, 'rowspan为1' );
+//
+//    tr1 = tables[1].getElementsByTagName( 'tr' );
+//    equal( tr1.length, 3, '第2个table有3行' );
+//    equal( $( tr1[0] ).attr( 'rowspan' ), 2, 'rowspan为2' );
+        setTimeout( function () {
+                /*src中有延时操作*/
+                start();
+        }, 200 );
+} );
+
+test( '对第一行的单元格进行分页', function () {
+        stop();
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        editor.setContent( '<p></p>' );
+        range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+        editor.execCommand( 'inserttable', {numCols:5, numRows:5} );
+        var tds = editor.body.getElementsByTagName( 'td' );
+        range.setStart( tds[1], 0 ).collapse( 1 ).select();
+        var table = editor.body.getElementsByTagName( 'table' )[0];
+        var tablehtml = ua.getChildHTML( table );
+
+        editor.execCommand( 'pagebreak' );
+        var hr = editor.body.firstChild;
+        equal( ua.getChildHTML( editor.body.getElementsByTagName( 'table' )[0] ), tablehtml, '表格没发生变化' );
+        equal( $( hr ).attr( 'class' ), 'pagebreak', '插入一个分页符' );
+        equal( hr.tagName.toLowerCase(), 'hr', 'hr' );
+        setTimeout( function () {
+/*trace 2383*/
+//            range.setStart( tds[1], 0 ).collapse( 1 ).select();
+//            editor.execCommand( 'pagebreak' );
+//            range.setStart( tds[1], 0 ).collapse( 1 ).select();
+//            editor.execCommand( 'pagebreak' );
+//            editor.execCommand('source');
+//            editor.execCommand('source');
+//            var hr = editor.body.getElementsByTagName( 'hr' );
+//            equal( ua.getChildHTML( editor.body.getElementsByTagName( 'table' )[0] ), tablehtml, '表格没发生变化' );
+//            equal( $( hr[0] ).attr( 'class' ), 'pagebreak', '插入一个分页符' );
+//            equal( hr.length, 3, 'hr' );
+            start();
+        }, 200 );
+} );
+
+test( '对最后一行的单元格进行分页', function () {
+        stop();
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        editor.setContent( '<p></p>' );
+        range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+        editor.execCommand( 'inserttable', {numCols:5, numRows:5} );
+        var tds = editor.body.getElementsByTagName( 'td' );
+        /*最后一行的单元格*/
+        range.setStart( tds[24], 0 ).collapse( 1 ).select();
+        editor.execCommand( 'pagebreak' );
+        var ts = editor.body.getElementsByTagName( 'table' );
+        var hr = editor.body.childNodes[1];
+        equal( ts[0].getElementsByTagName( 'tr' ).length, 4, '第一个table 4行' );
+        equal( ts[1].getElementsByTagName( 'tr' ).length, 1, '第2个table 1行' );
+        equal( $( hr ).attr( 'class' ), 'pagebreak', '插入一个分页符' );
+        equal( hr.tagName.toLowerCase(), 'hr', '插入的分页符是hr' );
+        setTimeout( function () {
+                start();
+        }, 200 );
+} );
+
+test( '在段落中间闭合插入分页符', function () {
+        stop();
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent( '<p>你好Ueditor</p>' );
+        range.setStart( editor.body.firstChild.firstChild, 2 ).collapse( true ).select();
+        editor.execCommand( 'pagebreak' );
+        ua.manualDeleteFillData( editor.body );
+        equal( body.childNodes.length, 3, '3个孩子' );
+        equal( ua.getChildHTML( body.firstChild ), '你好' );
+        equal( body.firstChild.tagName.toLowerCase(), 'p', '第一个孩子是p' );
+        equal( $( body.firstChild.nextSibling ).attr( 'class' ), 'pagebreak' );
+        equal( ua.getChildHTML( body.lastChild ), 'ueditor' );
+        equal( body.lastChild.tagName.toLowerCase(), 'p', '第二个孩子是p' );
+        setTimeout( function () {
+                start();
+        }, 100 );
+} );
+
+test( '选中部分段落再插入分页符', function () {
+        stop();
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent( '<p>你好Ueditor</p><p>hello编辑器</p>' );
+        range.setStart( body.firstChild.firstChild, 2 ).setEnd( body.lastChild.firstChild, 5 ).select();
+        editor.execCommand( 'pagebreak' );
+        ua.manualDeleteFillData( editor.body );
+        equal( body.childNodes.length, 3, '3个孩子' );
+        equal( ua.getChildHTML( body.firstChild ), '你好' );
+        equal( $( body.firstChild.nextSibling ).attr( 'class' ), 'pagebreak' );
+        equal( ua.getChildHTML( body.lastChild ), '编辑器' );
+        equal( body.firstChild.tagName.toLowerCase(), 'p', '第一个孩子是p' );
+        equal( body.lastChild.tagName.toLowerCase(), 'p', '第二个孩子是p' );
+        setTimeout( function () {
+                start();
+        }, 200 );
+} );
+
+test( 'trace 1887:连续插入2次分页符，每次插入都在文本后面', function () {
+        stop();
+        var editor = te.obj[0];
+        var range = te.obj[1];
+        var body = editor.body;
+        editor.setContent( '<p>你好</p>' );
+        range.setStart( body.firstChild, 1 ).collapse( 1 ).select();
+        editor.execCommand('pagebreak');
+        range.setStart( body.firstChild, 1 ).collapse( 1 ).select();
+        editor.execCommand('pagebreak');
+        equal(body.childNodes.length,3,'3个孩子');
+        //trace 1187,chrome和firefox下都会有br,目前的做法是第二次插入就把前一个删除
+        equal(body.childNodes[1].childNodes.length,0,'hr没有孩子节点');
+        setTimeout( function () {
+                start();
+        }, 200 );
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/paragraph.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/paragraph.js
new file mode 100644
index 000000000..30388c9e4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/paragraph.js
@@ -0,0 +1,107 @@
+module( "plugins.paragraph" );
+/**
+ * h1和p之间的转换
+ * 表格中添加p和h1
+ * 列表里加h1
+ * 传入2个参数，style和attrs
+ */
+
+test( '不闭合h1和p之间的转换', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p>hello</p>' );
+    setTimeout(function(){
+    range.selectNode( body.firstChild.firstChild ).select();
+    /*p===>h1*/
+    editor.execCommand( 'paragraph', 'h1' );
+    equal( ua.getChildHTML( body ), '<h1>hello</h1>' );
+    equal( editor.queryCommandValue( 'paragraph' ), 'h1', '当前的blcok元素为h1' );
+    /*h1===>p*/
+    range.selectNode( body.firstChild.firstChild ).select();
+    editor.execCommand( 'paragraph', 'p' );
+    equal( ua.getChildHTML( body ), '<p>hello</p>' );
+    /*多个段落的部分文本*/
+    editor.setContent( '<p>hello</p><h2>hello2</h2>' );
+        setTimeout(function(){
+    range.setStart( body.firstChild.firstChild, 2 ).setEnd( body.lastChild.firstChild, 1 ).select();
+    editor.execCommand( 'paragraph', 'h3' );
+    equal( ua.getChildHTML( body ), '<h3>hello</h3><h3>hello2</h3>' );
+    equal( editor.queryCommandValue( 'paragraph' ), 'h3', '当前的blcok元素为h3' );
+        start();
+    },50);
+    },50);
+    stop();
+} );
+
+test( '闭合h1和p之间的转换', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p>hello</p><p>hello2</p>' );
+    setTimeout(function(){
+    range.setStart( body.firstChild.firstChild, 1 ).collapse( 1 ).select();
+    /*p===>h1*/
+    editor.execCommand( 'paragraph', 'h1' );
+    equal( ua.getChildHTML( body ), '<h1>hello</h1><p>hello2</p>' );
+    /*h1===>p*/
+    range.setStart( body.firstChild.firstChild, 1 ).collapse( 1 ).select();
+    editor.execCommand( 'paragraph', 'p' );
+    equal( ua.getChildHTML( body ), '<p>hello</p><p>hello2</p>' );
+    equal( editor.queryCommandValue( 'paragraph' ), 'p', '当前的blcok元素为p' );
+        start();
+    },50);
+
+stop();
+} );
+
+
+/*如果是h1===>p并且传参的话，h1不会变化。因为这段代码的操作是为了indent和justify做的，传入参数p只是为了好处理，所以不支持h1变为p*/
+test( '传入段落的样式', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p>hello</p><p>hello2</p>' );
+    setTimeout(function(){
+    range.setStart( body.firstChild.firstChild, 1 ).collapse( 1 ).select();
+    /*p===>p，但是变化了样式*/
+    editor.execCommand( 'paragraph', 'p', {style:'text-indent:2em'} );
+    equal( body.firstChild.style.textIndent, '2em', '改变了第一个孩子的缩进量' );
+    equal( body.firstChild.tagName.toLowerCase(), 'p', 'tagName仍然是p' );
+
+    /*p===>h4，但是变化了样式*/
+    editor.execCommand( 'paragraph', 'h4', {style:'text-indent:3em'} );
+    equal( body.firstChild.style['textIndent'], '3em', '改变了第一个孩子的缩进量' );
+    equal( body.firstChild.tagName.toLowerCase(), 'h4', 'tagName是h4' );
+    start();
+},50);
+
+stop();
+} );
+
+
+test( '对表格设置样式', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<table><tbody><tr><td><h1>hello1</h1></td></tr><tr><td></td></tr></tbody></table>' );
+    setTimeout(function(){
+    var tds = body.getElementsByTagName( 'td' );
+    range.setStart( tds[0].firstChild, 0 ).collapse( 1 ).select();
+    editor.currentSelectedArr = [tds[0]];
+    /*h4===>p，但是变化了样式*/
+    editor.execCommand( 'paragraph', 'p', {style:'text-indent:3em'} );
+    equal( tds[0].firstChild.style['textIndent'], '3em', '改变了第一个孩子的缩进量' );
+    equal( tds[0].firstChild.tagName.toLowerCase(), 'h1', 'tagName仍然是h1' );
+    range.setStart( tds[1], 0 ).collapse( 1 ).select();
+    editor.currentSelectedArr = [tds[1]];
+    editor.execCommand( 'paragraph', 'p', {style:'text-indent:3em'} );
+//    ua.manualDeleteFillData( editor.body );
+    ua.clearWhiteNode(tds[1]);
+    equal( tds[1].firstChild.style['textIndent'], '3em', '改变了第一个孩子的缩进量' );
+    equal( tds[1].firstChild.tagName.toLowerCase(), 'p', 'tagName是p' );
+        start();
+    },50);
+
+    stop();
+} );
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/paste.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/paste.js
new file mode 100644
index 000000000..3dddcaa1d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/paste.js
@@ -0,0 +1,78 @@
+module( 'plugins.paste' );
+
+//不能模拟出真实的粘贴效果，此用例用于检查中间值
+test( '粘贴', function() {
+    if(ua.browser.ie || ua.browser.opera)return;
+    var div = document.body.appendChild( document.createElement( 'div' ) );
+    $( div ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+    var me = te.obj[2];
+    me.render(div);
+    stop();
+    me.ready(function(){
+        var range = new baidu.editor.dom.Range( te.obj[2].document );
+        me.focus();
+        me.setContent('<p>hello</p>');
+        range.setStart(me.body.firstChild,0).collapse(true).select();
+        ua.keydown(me.body,{'keyCode':65,'ctrlKey':true});
+        ua.keydown(me.body,{'keyCode':67,'ctrlKey':true});
+        setTimeout(function(){
+            me.focus();
+            range.setStart(me.body.firstChild,0).collapse(true).select();
+            ua.paste(me.body,{'keyCode':86,'ctrlKey':true});
+            equal(me.body.lastChild.id,'baidu_pastebin','检查id');
+            equal(me.body.lastChild.style.position,'absolute','检查style');
+            div.parentNode.removeChild(div);
+            start();
+        },50);
+        stop();
+    });
+} );
+//me.fireEvent('pasteTransfer','paste');//todo
+test( 'getClipboardData--ctrl+v', function() {
+//    var editor = new baidu.editor.Editor( {'plugins':['paste']} )
+//    var div = te.dom[0];
+//    editor.render( div );
+//    editor.focus();
+//    editor.setContent( '<p>你好</p>' )
+//    var doc = editor.document;
+//    var r = new baidu.editor.dom.Range( doc );
+//    /*从word中粘贴的未经过滤的列表*/
+//    var html = '<p><span lang="EN-US" style="text-indent: -28px; font-family: Wingdings; ">l<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp; </span></span>列表<span lang="EN-US" style="text-indent: -28px; ">1</span><br></p><p class="MsoListParagraph" style="margin-left:21.0pt;text-indent:-21.0pt;'
+//            + 'mso-char-indent-count:0;mso-list:l0 level1 lfo1"><!--[if !supportLists]--><span lang="EN-US" style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:Wingdings">l<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp; </span></span><!--[endif]-->列表<span lang="EN-US">2<o:p></o:p></span></p>';
+//    te.setClipData( html );
+//    r.setStart( editor.body.firstChild, 1 ).collapse( 1 ).select();
+//    editor.focus();
+//    te.presskey( 'ctrl', 'v' );
+//    editor.focus();
+//    setTimeout( function() {
+//        equal( editor.body.firstChild.innerHTML, html );
+//        start();
+//    } );
+//    stop();
+    equal('','','');
+} );
+
+//需要点击授权弹出框,暂时去除
+//test('检查IE下粘贴命令是否执行正常', function () {
+//
+//    if (browser.ie) {
+//        var editor = te.obj[0];
+//        editor.setContent('<p>hello</p>');
+//        editor.focus();
+//
+//        editor.execCommand('selectall');
+//        editor.body.document.execCommand('copy');
+//        editor.setContent('<p>test</p>');
+//        editor.execCommand('selectall');
+//        editor.execCommand('paste');
+//
+//        setTimeout(function(){
+//            equal(utils.trim(editor.getContent().replace('<p></p>', '').replace('<p>&nbsp;</p>', '')), '<p>hello</p>', '检查html内容,IE下成功粘贴内容');
+//            equal(utils.trim(editor.getContentTxt()), 'hello', '检查text内容,IE下成功粘贴内容');
+//            start();
+//        },100);
+//
+//        stop();
+//    }
+//
+//});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/preview.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/preview.js
new file mode 100644
index 000000000..2f50056a6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/preview.js
@@ -0,0 +1,22 @@
+module('plugins.preview');
+
+test('插入代码后预览',function(){
+//    var editor = te.obj[0];
+//    var body = editor.body;
+//    var html = '<pre _syntax="javascript" style="overflow-x: auto; "><span style=" text-align: right;padding:2px 10px  0;border-right:5px solid #ccc;margin:-2px 10px 0 0;color:#000;">1.&nbsp;&nbsp;</span><span style="color:#0000FF;">function</span>&nbsp;addSpace(linenum){<br><span style="text-align: right;padding:4px 10px  0;border-right:5px solid #ccc;margin:-5px 10px 0 0;color:#000;">2.&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0000FF;">if</span>(linenum&lt;10){<br><span style="text-align: right;padding:4px 10px  0;border-right:5px solid #ccc;margin:-5px 10px 0 0;color:#000;">3.&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0000FF;">return</span>&nbsp;<span style="color:#FF00FF;">"&amp;nbsp;&amp;nbsp;"</span>;<br><span style="text-align: right;padding:4px 10px  0;border-right:5px solid #ccc;margin:-5px 10px 0 0;color:#000;">4.&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<span style="color:#0000FF;">else</span>&nbsp;<span style="color:#0000FF;">if</span>(linenum&gt;=10&nbsp;&amp;&amp;&nbsp;linenum&lt;100){<br><span style="text-align: right;padding:4px 10px  0;border-right:5px solid #ccc;margin:-5px 10px 0 0;color:#000;">5.&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0000FF;">return</span>&nbsp;<span style="color:#FF00FF;">"&amp;nbsp;"</span>;<br><span style="text-align: right;padding:4px 10px  0;border-right:5px solid #ccc;margin:-5px 10px 0 0;color:#000;">6.&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<span style="color:#0000FF;">else</span>&nbsp;<span style="color:#0000FF;">if</span>(linenum&gt;=100&nbsp;&amp;&amp;&nbsp;linenum&lt;1000){<br><span style="text-align: right;padding:4px 10px  0;border-right:5px solid #ccc;margin:-5px 10px 0 0;color:#000;">7.&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#0000FF;">return</span>&nbsp;<span style="color:#FF00FF;">""</span>;<br><span style="text-align: right;padding:4px 10px  0;border-right:5px solid #ccc;margin:-5px 10px 0 0;color:#000;">8.&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br><span style="text-align: right;padding:4px 10px  0;border-right:5px solid #ccc;margin:-5px 10px 0 0;color:#000;">9.&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;}</pre>';
+//    editor.setContent(html);
+//    editor.execCommand('preview');
+//    ua.checkSameHtml(body.innerHTML,html,'预览不会对页面代码产生影响');
+    equal('','');
+});
+//test('设置内容后后预览',function(){
+//    if(ua.browser.gecko)return;//ff总不停打开窗口,实际操作没问题
+//    var editor = te.obj[0];
+//    var body = editor.body;
+//    var html = '<p><span style="color:#ff0000">你好，<strong><em>我亲爱</em></strong></span><strong><em>的朋</em></strong>友</p>';
+//    var html_ie10 ="<p><span style=\"color: rgb(255, 0, 0);\">你好，<strong><em>我亲爱</em></strong></span><strong><em>的朋</em></strong>友</p>";
+//    editor.setContent(html);
+//    editor.focus();
+//    editor.execCommand('preview');
+//    ua.checkSameHtml(body.innerHTML,(ua.browser.ie>8)?html_ie10:html,'预览不会对页面代码产生影响');
+//});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/print.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/print.js
new file mode 100644
index 000000000..f5c47b0c8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/print.js
@@ -0,0 +1,17 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-9-28
+ * Time: 下午1:34
+ * To change this template use File | Settings | File Templates.
+ */
+module('plugins.print');
+
+test('print',function(){
+//    var editor = te.obj[0];
+//    var html = '<p>for print</p>';
+//    editor.setContent(html);
+//    editor.execCommand('print');
+//    equal(editor.body.innerHTML,html,'打印不会对页面代码产生影响');
+    equal('','');
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/removeformat.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/removeformat.js
new file mode 100644
index 000000000..b785e49bc
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/removeformat.js
@@ -0,0 +1,97 @@
+module( "plugins.removeformat" );
+
+/*trace 860*/
+test( 'trace 860:对包含超链接的段落清除样式', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p><span style="color:red">hello</span><a href="http://www.baidu.com/" style="font-size: 16pt;">baidu</a></p>' );
+    range.setStart( editor.body.firstChild.firstChild.nextSibling.firstChild, 2 ).collapse( true ).select();
+    editor.execCommand( 'removeformat' );
+    equal( editor.getContent(), '<p>hello<a href="http://www.baidu.com/">baidu</a></p>', '对包含超链接的段落去除样式' );
+} );
+
+/*trace 800*/
+test( 'trace 800:清除超链接的颜色', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+//    var editor = te.obj[2];
+//    var div = document.body.appendChild( document.createElement( 'div' ) );
+//    $( div ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+//    editor.render(div);
+//    stop();
+//    setTimeout(function(){
+//        var range = new baidu.editor.dom.Range( te.obj[2].document );
+        editor.setContent('<a href="http://www.baidu.com/">baidu</a>');
+        range.selectNode(editor.body.firstChild).select();
+        editor.execCommand( 'forecolor', 'rgb(255,0,0)' );
+        var html = '<a href="http://www.baidu.com/" _href=\"http://www.baidu.com/\" style="color: rgb(255, 0, 0); text-decoration: underline;"><span style="color: rgb(255, 0, 0);">baidu</span></a>';
+        ua.checkHTMLSameStyle( html, editor.document, editor.body.firstChild, '查看加了颜色后超链接的样式' );
+        editor.execCommand( 'removeformat' );
+        var cl = ua.browser.ie && ua.browser.ie == 8 ? 'class=\"\"' : "";
+        html = '<a href="http://www.baidu.com/" _href=\"http://www.baidu.com/\">baidu</a>';
+        if(!ua.browser.ie)//TODO 1.2.6
+            ua.checkHTMLSameStyle( html, editor.document, editor.body.firstChild, '查看清除样式后超链接的样式' );
+//        div.parentNode.removeChild(div);
+//        start();
+//    },500);
+} );
+
+test( '清除颜色的区域有多个inline元素嵌套', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><em><strong>hello1</strong></em></p><p><strong><em>hello2</em></strong></p>' );
+    var strs = body.getElementsByTagName( 'strong' );
+    range.setStart( strs[0].firstChild, 2 ).setEnd( strs[1].firstChild.firstChild, 3 ).select();
+    editor.execCommand( 'removeformat' );
+    equal( ua.getChildHTML( body ), '<p><em><strong>he</strong></em>llo1</p><p>hel<strong><em>lo2</em></strong></p>' );
+} );
+
+test( '指定删除某一个style', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><span style="color:red;font-size: 18px"><em><strong>hello1</strong></em></span></p><p><strong><span style="color:red;font-size: 18px">hello2</span></strong></p>' );
+    var strs = body.getElementsByTagName( 'strong' );
+    range.setStart( strs[0].firstChild, 2 ).setEnd( strs[1].firstChild.firstChild, 3 ).select();
+    /*只删除span的color style*/
+    editor.execCommand( 'removeformat', 'span', 'color' );
+    var html = '<p><span style="color:red;font-size: 18px"><em><strong>he</strong></em></span><span style="font-size: 18px"><em><strong>llo1</strong></em></span></p><p><strong><span style="font-size: 18px">hel</span></strong><strong><span style="color:red;font-size: 18px">lo2</span></strong></p>';
+    ua.checkHTMLSameStyle( html, editor.document, body, '检查去除特定标签的样式的结果' );
+} );
+
+test( '指定删除的元素删除属性后是空元素', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><span style="color:blue;"></span>hello2<span style="color:red;font-size: 12px"></span></p>' );
+    range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+    editor.execCommand( 'removeformat', 'span', 'color' );
+    ua.checkHTMLSameStyle('hello2<span style="font-size: 12px"></span>',editor.document,body.firstChild,'清除span corlor');
+} );
+
+test( '闭合方式清除样式', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><span><em><strong>hello1</strong></em></span></p><p><strong><em>hello2</em></strong></p>' );
+    range.setStart( body.firstChild.firstChild, 0 ).collapse( 1 ).select();
+    editor.execCommand( 'removeformat' );
+    equal( ua.getChildHTML( body ), '<p>hello1</p><p><strong><em>hello2</em></strong></p>' );
+} );
+
+//TODO 1.2.6 fixed in future
+//test( 'trace 3294：移除表格中的样式', function () {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent( '<table><tbody><tr><td><span>表格文本1</span></td><td><em>表格文本2</em></td></tr></tbody></table>' );
+//    var trs = editor.body.firstChild.getElementsByTagName( 'tr' );
+//    var ut = editor.getUETable(editor.body.firstChild);
+//    var cellsRange = ut.getCellsRange(trs[0].cells[0],trs[0].cells[1]);
+//    ut.setSelected(cellsRange);
+//    range.setStart( trs[0].cells[0], 0 ).collapse( true ).select();
+//    editor.execCommand( 'removeformat' );
+//    equal( ua.getChildHTML( trs[0].cells[0] ), '表格文本1', '第一个表格的span被清除了' );
+//    equal( ua.getChildHTML( trs[0].cells[1] ), '表格文本2', '第二个表格的span被清除了' );
+//} );
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/rowspacing.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/rowspacing.js
new file mode 100644
index 000000000..060295251
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/rowspacing.js
@@ -0,0 +1,312 @@
+module( 'plugins.rowspacing' );
+
+/*trace 1029*/
+test( '设置段前距查看状态反射', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello1</p><p>hello2</p>' );
+    stop();
+    setTimeout(function () {
+    range.setStart( editor.body.firstChild, 0 ).setEnd( editor.body.lastChild, 1 ).select();
+    editor.execCommand( 'rowspacing', 15 ,'top');
+    equal( editor.queryCommandValue( 'rowspacing' ,'top'), 15, '查看段前距' );
+    /*光标闭合时查看状态反射*/
+    range.setStart( editor.body.firstChild.firstChild, 1 ).collapse( true ).select();
+    equal( editor.queryCommandValue( 'rowspacing','top' ), 15, '查看段前距' );
+        start();
+    }, 50);
+} );
+
+/*trace 1035*/
+test( '非闭合清除段前距等样式，查看状态反射', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello1</p><p>hello2</p>' );
+
+        range.setStart(editor.body.firstChild, 0).setEnd(editor.body.lastChild, 1).select();
+        editor.execCommand('rowspacing', 20, 'top');
+        equal(editor.queryCommandValue('rowspacing', 'top'), 20, '段前距为2.0');
+
+} );
+
+test( '闭合清除段前距等样式，查看状态反射', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello1</p><p>hello2</p>' );
+    range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+    editor.execCommand( 'rowspacing', 20 ,'top');
+    equal( editor.queryCommandValue( 'rowspacing','top' ), 20, '段前距为2.0' );
+    range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+    editor.execCommand( 'removeformat' );
+    equal( editor.queryCommandValue( 'rowspacing' ,'top'), 5, '闭合清除格式后，段前距为5' );
+} );
+
+/*trace 1026*/
+test( '设置段后距后设置字体颜色', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+//    var editor = te.obj[2];
+//    var div = document.body.appendChild( document.createElement( 'div' ) );
+//    $( div ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+//    editor.render(div);
+    stop();
+//    setTimeout(function(){
+//        var range = new baidu.editor.dom.Range( editor.document );
+        editor.setContent( '<p>hello1<a href="">hello</a></p><p>hello2</p>' );
+        range.setStart( editor.body.firstChild, 0 ).setEnd( editor.body.lastChild, 1 ).select();
+        editor.execCommand( 'rowspacing', 15 ,'bottom');
+        setTimeout(function(){
+            editor.execCommand( 'forecolor', 'rgb(255,0,0)' );
+            equal( editor.queryCommandValue( 'rowspacing' ,'bottom'), 15, '查看段后距' );
+            /*闭合的方式去查看行距的状态反射*/
+            range.setStart( editor.body.firstChild.firstChild, 1 ).collapse( true ).select();
+            equal( editor.queryCommandValue( 'rowspacing' ,'bottom'), 15, '查看段后距' );
+//            div.parentNode.removeChild(div);
+            start();
+        },50);
+//    },50);
+} );
+
+test( '设置段后距后设置加粗等多种样式', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+//    var editor = te.obj[2];
+//    var div = document.body.appendChild( document.createElement( 'div' ) );
+//    $( div ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+//    editor.render(div);
+    stop();
+//    editor.ready(function(){
+        setTimeout(function(){
+//            var range = new baidu.editor.dom.Range( editor.document );
+            editor.setContent( '<p>hello1</p><p>hello2</p>' );
+            setTimeout(function(){
+            range.setStart( editor.body.firstChild, 0 ).setEnd( editor.body.lastChild, 1 ).select();
+            editor.execCommand( 'rowspacing', 15 ,'bottom');
+            setTimeout(function(){
+                editor.execCommand( 'bold' );
+                editor.execCommand( 'underline' );
+                equal( editor.queryCommandValue( 'rowspacing' ,'bottom'), 15, '查看段后距' );
+//                div.parentNode.removeChild(div);
+                start();
+            },50);
+            },50);
+        },100);
+//    });
+} );
+
+test( '非闭合去除加粗等样式', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+//    var editor = te.obj[2];
+//    var div = document.body.appendChild( document.createElement( 'div' ) );
+//    $( div ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+//    editor.render(div);
+    stop();
+//    editor.ready(function(){
+//        setTimeout(function(){
+//            var range = new baidu.editor.dom.Range( editor.document );
+            editor.setContent( '<p>hello1</p><p>hello2</p>' );
+            setTimeout(function(){
+            range.setStart( editor.body.firstChild, 0 ).setEnd( editor.body.lastChild, 1 ).select();
+            editor.execCommand( 'rowspacing', 15 ,'bottom');
+            setTimeout(function(){
+                editor.execCommand( 'bold' );
+                editor.execCommand( 'underline' );
+                equal( editor.queryCommandValue( 'rowspacing' ,'bottom'), 15, '查看段后距' );
+                editor.execCommand( 'removeformat' );
+                equal( editor.queryCommandValue( 'rowspacing' ,'bottom'), 5, '去除样式后查看段后距' );
+//                div.parentNode.removeChild(div);
+                start();
+            },50);
+            },50);
+//        },100);
+//    });
+} );
+
+test( '闭合去除样式', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+//    var editor = te.obj[2];
+//    var div = document.body.appendChild( document.createElement( 'div' ) );
+//    $( div ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+//    editor.render(div);
+    stop();
+//    editor.ready(function(){
+//
+//        var range = new baidu.editor.dom.Range( editor.document );
+        editor.setContent( '<p>hello1</p><p>hello2</p>' );
+        setTimeout(function(){
+        range.setStart( editor.body.firstChild, 0 ).setEnd( editor.body.lastChild, 1 ).select();
+        editor.execCommand( 'rowspacing', 15 ,'bottom');
+        setTimeout(function(){
+            editor.execCommand( 'bold' );
+            editor.execCommand( 'underline' );
+            /*采用闭合的方式查询段后距，
+             介个好像用手选不太能选的出来，总是会选到<strong><span>里面去*/
+            range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+            equal( editor.queryCommandValue( 'rowspacing','bottom' ), 15, '查看段后距' );
+            /*闭合方式鼠标放在第二个p中*/
+            range.setStart( editor.body.lastChild, 0 ).collapse( true ).select();
+            equal( editor.queryCommandValue( 'rowspacing' ,'bottom'), 15, '查看段后距' );
+            editor.execCommand( 'removeformat' );
+            //1.2后改
+            equal( editor.queryCommandValue( 'rowspacing' ,'bottom'), 5, '去除样式后查看段后距' );
+            /*第一行的样式应当仍然在*/
+            range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+            equal( editor.queryCommandValue( 'rowspacing' ,'bottom'), 15, '查看段后距' );
+//            div.parentNode.removeChild(div);
+            start();
+        },50);
+        },50);
+//    });
+} );
+
+test( '表格中设置段距', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<table><tbody><tr><td>hello1</td><td>hello2</td></tr><tr><td></td><td></td></tr></tbody></table>' );
+    stop();
+    setTimeout(function () {
+        var tds = editor.body.firstChild.getElementsByTagName('td');
+        /*选中表格中的文本设置段前距*/
+        range.selectNode(tds[0].firstChild).select();
+        editor.execCommand('rowspacing', 20, 'top');
+        equal(editor.queryCommandValue('rowspacing', 'top'), 20, '设置表格中文本段前距为2');
+        /*采用闭合的方式查询段前距*/
+        setTimeout(function () {
+            range.setStart(tds[0].firstChild.firstChild, 1).collapse(true).select();
+            equal(editor.queryCommandValue('rowspacing', 'top'), 20, '设置表格中文本段前距为2');
+
+            /*闭合在表格中的文本设置段后距*/
+            range.setStart(tds[1].firstChild, 1).collapse(true).select();
+            editor.execCommand('rowspacing', 15, 'bottom');
+            /*选中整个单元格查询段后距*/
+            range.selectNode(tds[1]).select();
+            equal(editor.queryCommandValue('rowspacing', 'bottom'), 15, '设置表格中文本段后距为1.5');
+            /*闭合在空白单元格中设置段后距*/
+            range.setStart(tds[2], 0).collapse(true).select();
+            editor.execCommand('rowspacing', 25, 'bottom');
+            equal(editor.queryCommandValue('rowspacing', 'bottom'), 25, '设置表格中文本段后距为2.5');
+            start();
+        }, 50);
+    }, 50);
+});
+
+test('跨多个单元格设置段前距', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<table><tbody><tr><td>hello1</td><td>hello2<img /></td></tr><tr><td><div>hello3</div></td><td><p>hello4</p></td></tr></tbody></table>');
+    stop();
+    setTimeout(function () {
+        var tds = editor.body.firstChild.getElementsByTagName('td');
+        var p = editor.body.getElementsByTagName('p');
+        range.selectNode(editor.body.firstChild).select();
+        editor.execCommand('rowspacing', 15, 'top');
+        for (var index = 0; index < tds.length; index++) {
+            range.selectNode(tds[index]).select();
+            equal(editor.queryCommandValue('rowspacing', 'top'), 15, '设置表格中文本段前距为1.5');
+            /*会自动在非block元素外面套p*/
+            //1.2版本，加在p上
+            equal(p[index].style['marginTop'], '15px', '段前距属性都是加在第一个孩子节点上');
+        }
+        start();
+    }, 50);
+} );
+
+/*trace 1052*/
+test( '对插入的代码设置多倍段前距', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p></p>' );
+    stop();
+    setTimeout(function () {
+    range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+    var stylecode = "var tds = editor.body.firstChild.getElementsByTagName( 'td' );\n range.selectNode( editor.body.firstChild ).select();";
+    editor.execCommand( 'inserthtml', "<pre style='background-color: #F8F8F8;border: 1px solid #CCCCCC;padding:10px 10px'>" + stylecode + "</pre>" );
+    equal( editor.body.firstChild.tagName.toLowerCase(), 'pre', '第一个孩子节点为pre' );
+    range.selectNode( editor.body.firstChild ).select();
+    editor.execCommand( 'rowspacing', 20,'top' );
+    var pre = editor.body.firstChild;
+    equal( pre.tagName.toLowerCase(), 'pre', '不允许将p换成pre' );
+    equal( pre.style['borderWidth'], '1px', '宽度' );
+    ok( pre.style['borderColor'].toUpperCase() == '#CCCCCC' || pre.style['borderColor'] == 'rgb(204, 204, 204)', '颜色' );
+        start();
+    }, 50);
+} );
+
+test( '在合并单元格中设置多倍段前距', function () {
+    var editor = new baidu.editor.Editor({'autoFloatEnabled':false});
+    stop();
+    setTimeout( function () {
+        var div = document.body.appendChild( document.createElement( 'div' ) );
+        te.dom.push( div );
+        editor.render( div );
+
+        setTimeout(function () {
+            editor.setContent('<p></p>');
+            var range = new baidu.editor.dom.Range(editor.document);
+            range.setStart(editor.body.firstChild, 0).collapse(true).select();
+            editor.execCommand('inserttable', {numCols:3, numRows:3});
+            stop();
+            /*insertHTML有一个200ms的超时函数*/
+            setTimeout(function () {
+                ua.manualDeleteFillData(editor.body);
+                var trs = editor.body.getElementsByTagName('tr');
+                range.setStart(trs[0].firstChild, 0).setEnd(trs[1].firstChild, 0).select();
+                editor.currentSelectedArr = [trs[0].firstChild, trs[1].firstChild];
+                editor.execCommand('mergecells');
+                /*合并单元格后设置这个单元格多倍段前距*/
+                ua.manualDeleteFillData(editor.body);
+                range.setStart(trs[0].firstChild, 0).collapse(true).select();
+                editor.execCommand('rowspacing', 20, 'top');
+                ua.manualDeleteFillData(editor.body);
+                equal(trs[0].firstChild.firstChild.tagName.toLowerCase(), 'p', 'td下面创建了一个p');
+                equal(trs[0].firstChild.firstChild.style['marginTop'], '20px', 'p设置了2倍行距');
+                trs = editor.body.firstChild.getElementsByTagName('tr');
+                equal(trs.length, 3, '3行');
+                var tbodyChild = editor.body.getElementsByTagName('tbody')[0].childNodes;
+                for (var index = 0; index < tbodyChild.length; index++) {
+                    equal(tbodyChild[index].tagName.toLowerCase(), 'tr', 'tbody下面都是tr');
+                }
+                start();
+            }, 30);
+        }, 300);
+    },50);
+} );
+
+/*trace 1079*/
+test( '合并单元格后设置多个单元格多倍段前距', function () {
+    var editor = new baidu.editor.Editor( {'plugins':['table'],'autoFloatEnabled':false} );
+    stop();
+    setTimeout(function () {
+        var div = document.body.appendChild(document.createElement('div'));
+        te.dom.push(div);
+        editor.render(div);
+        setTimeout(function () {
+            editor.setContent('<p></p>');
+            var range = new baidu.editor.dom.Range(editor.document);
+            range.setStart(editor.body.firstChild, 0).collapse(true).select();
+            editor.execCommand('inserttable', {numCols:3, numRows:3});
+
+            setTimeout(function () {
+                ua.manualDeleteFillData(editor.body);
+                var trs = editor.body.firstChild.getElementsByTagName('tr');
+                /*合并第一列前2个单元格*/
+                range.setStart(trs[0].firstChild, 0).setEnd(trs[1].firstChild, 0).select();
+                editor.currentSelectedArr = [trs[0].firstChild, trs[1].firstChild];
+                editor.execCommand('mergecells');
+                /*设置多倍段前距*/
+                range.setStart(trs[0].firstChild, 0).setEnd(trs[2].firstChild, 0).select();
+                editor.currentSelectedArr = [trs[0].firstChild, trs[1].firstChild, trs[2].firstChild];
+                editor.execCommand('rowspacing', 20, 'top');
+                trs = editor.body.firstChild.getElementsByTagName('tr');
+                equal(trs.length, 3, '3行');
+                var tbodyChild = editor.body.getElementsByTagName('tbody')[0].childNodes;
+                for (var index = 0; index < tbodyChild.length; index++) {
+                    equal(tbodyChild[index].tagName.toLowerCase(), 'tr', 'tbody下面都是tr');
+                }
+                start();
+            }, 50);
+        }, 300);
+    },50);
+} );
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/scrawl.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/scrawl.js
new file mode 100644
index 000000000..e5afbce85
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/scrawl.js
@@ -0,0 +1,18 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: luqiong
+ * Date: 12-11-13
+ * Time: 下午2:13
+ * To change this template use File | Settings | File Templates.
+ */
+
+module( 'plugins.scrawl' );
+test( '检查高亮', function() {
+    var editor = te.obj[0];
+    editor.focus();
+    equal( editor.queryCommandState( 'scrawl' ), ( browser.ie && browser.version  <= 8 ) ? -1:0, 'check scrawl state' );
+} );
+
+
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/searchreplace.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/searchreplace.js
new file mode 100644
index 000000000..871cdc836
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/searchreplace.js
@@ -0,0 +1,122 @@
+module('plugins.searchreplace');
+
+test('trace 3381：查找',function(){
+    if(ua.browser.opera)
+        return;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>hello啊</p>');
+    stop();
+    setTimeout(function(){
+        range.setStart(editor.body.firstChild,0).collapse(true).select();
+        var num = editor.execCommand('searchreplace',{searchStr:'啊'});
+
+        ua.manualDeleteFillData(editor.body);
+        equal(editor.body.firstChild.innerHTML,'hello啊');
+
+        equal(editor.selection.getRange().collapsed,false,'检查选区:不闭合为找到');
+        start();
+    },20);
+});
+//
+///*trace 974,先替换再撤销再全部替换，则不会替换
+//* ie下会出现的bug*/
+test(' trace 3697全部替换',function(){
+    //todo trace 3697
+    if(ua.browser.opera)
+        return;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>欢迎回来</p>');
+    range.setStart(editor.body.firstChild,0).collapse(true).select();
+    editor.execCommand('searchreplace',{searchStr:'欢迎',replaceStr:'你好'});
+    editor.undoManger.undo();
+    editor.execCommand('searchreplace',{searchStr:'欢迎',replaceStr:'你好',all:true});
+    ua.manualDeleteFillData(editor.body);
+    equal(editor.body.firstChild.innerHTML,'你好回来');
+});
+
+///*trace 917*/
+///*trace 3288*/todo
+//test('替换内容包含查找内容,全部替换',function(){
+//    if(ua.browser.opera)
+//        return;
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent('<p>hello回来</p>');
+//    range.setStart(editor.body.firstChild,0).collapse(true).select();
+//   /*searchreplace文件里是一个闭包，闭包中有一个全局变量currentRange，在上一次用例执行结束后仍然会保存这个值，导致下一次用例受影响*/
+//    editor.execCommand('searchreplace',{searchStr:'hello',replaceStr:'hello啊',all:true});
+//    ua.manualDeleteFillData(editor.body);
+//    equal(editor.body.firstChild.innerHTML,'hello啊回来');
+//});
+
+/*trace 973*/
+test(' trace 3697替换内容包含查找内容',function(){
+    if(ua.browser.opera)
+        return;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>欢迎回来</p>');
+    range.setStart(editor.body.firstChild,0).collapse(1).select();
+    editor.execCommand('searchreplace',{searchStr:'欢迎',replaceStr:'欢迎啊'});
+    ua.manualDeleteFillData(editor.body);
+    equal(editor.body.firstChild.innerHTML,'欢迎啊回来');
+    editor.undoManger.undo();
+    ua.manualDeleteFillData(editor.body);
+    equal(editor.body.firstChild.innerHTML,'欢迎回来');
+});
+//
+///*trace 1286*/todo
+//test('连续2次全部替换',function(){
+//    if(ua.browser.opera)
+//        return;
+//        var editor = te.obj[0];
+//        editor.setContent('<p>欢迎回来</p>');
+//        editor.execCommand('searchreplace',{searchStr:'欢迎',replaceStr:'欢迎啊',all:true});
+//        ua.manualDeleteFillData(editor.body);
+//        equal(editor.body.firstChild.innerHTML,'欢迎啊回来');
+//        editor.execCommand('searchreplace',{searchStr:'欢迎',replaceStr:'欢迎啊',all:true});
+//        ua.manualDeleteFillData(editor.body);
+//        equal(editor.body.firstChild.innerHTML,'欢迎啊啊回来');
+//});
+//
+test('替换内容为空',function(){
+    if(ua.browser.opera)
+        return;
+    var editor = te.obj[0];
+    editor.setContent('<p>欢迎回来</p>');
+    stop();
+    setTimeout(function(){
+        editor.focus();
+        editor.execCommand('searchreplace',{searchStr:'欢迎',replaceStr:''});
+        ua.manualDeleteFillData(editor.body);
+        equal(editor.body.firstChild.innerHTML,'回来');
+        start();
+    },50);
+});
+//
+test('全部替换内容为空',function(){
+    if(ua.browser.opera)
+        return;
+    var editor = te.obj[0];
+    editor.setContent('<p>欢迎回来 欢迎啊</p>');
+    editor.execCommand('searchreplace',{searchStr:'欢迎',replaceStr:'',all:true});
+    ua.manualDeleteFillData(editor.body);
+    equal(editor.body.firstChild.innerHTML,'回来 啊');
+});
+
+//test('查找替换支持正则',function(){
+//    if(ua.browser.opera)
+//        return;
+//    var editor = te.obj[0];
+//    editor.setContent('<p>sd2323fasdfasd3434f</p>');
+//    //因为是字符表示的正则要做转换
+//    editor.execCommand('searchreplace',{searchStr:'/\\d+/',replaceStr:'',all:true});
+//    ua.manualDeleteFillData(editor.body);
+//    equal(editor.body.firstChild.innerHTML,'sdfasdfasdf');
+//    editor.setContent('<p>sd2323fasdfasd3434f</p><p>首都发生地2323方</p>');
+//    editor.execCommand('searchreplace',{searchStr:'/\\d+/',replaceStr:'',all:true});
+//    ua.manualDeleteFillData(editor.body);
+//    equal(editor.body.innerHTML.toLowerCase().replace(/>\s+</g,'><'),'<p>sdfasdfasdf</p><p>首都发生地方</p>');
+//});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/section.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/section.js
new file mode 100644
index 000000000..d444f7dcb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/section.js
@@ -0,0 +1,65 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-9-28
+ * Time: 下午1:34
+ * To change this template use File | Settings | File Templates.
+ */
+module('plugins.section');
+
+test('getsections命令',function(){
+    var editor = te.obj[0];
+    var html = '<h1>一级标题1</h1><p>段落a</p><h2>二级标题2</h2><p>段落</p><h2>二级标题3</h2><p>段落</p><h3>三级标题4</h3><p>段落</p><h1>一级标题5</h1><p>段落</p>';
+    editor.setContent(html);
+    var sectionTree = editor.execCommand('getsections');
+
+    equal(sectionTree.children.length, 2, '内容里有两个一级标题');
+    equal(sectionTree.children[1].title, '一级标题5', '验证章节内容');
+    same(sectionTree.children[1].startAddress, [8], '验证章节开始位置');
+    same(sectionTree.children[1].endAddress, [9], '验证章节结束位置');
+});
+
+test('deletesection命令',function(){
+    var editor = te.obj[0];
+    var html = '<h1>一级标题1</h1><p>段落a</p><h2>二级标题2</h2><p>段落</p><h2>二级标题3</h2><p>段落</p><h3>三级标题4</h3><p>段落</p><h1>一级标题5</h1><p>段落b</p>';
+
+    editor.setContent(html);
+    var sectionTree = editor.execCommand('getsections');
+    editor.execCommand('deleteSection', sectionTree.children[1]);
+    equal(sectionTree.children[1].parentNode, null, '验证章节标题是否已删除');
+    notEqual(editor.body.children[0].innerHTML, '段落a', '不传入keepChild参数时,验证章节内容是否已删除');
+
+    editor.setContent(html);
+    sectionTree = editor.execCommand('getsections');
+    editor.execCommand('deleteSection', sectionTree.children[0], true);
+    equal(editor.body.children[0].innerHTML, '段落a', '传入keepChild参数为true时,验证章节内容是否已保留');
+});
+
+test('movesection命令',function(){
+    var editor = te.obj[0];
+    var html = '<h1>一级标题1</h1><p>段落a</p><h2>二级标题2</h2><p>段落</p><h2>二级标题3</h2><p>段落</p><h3>三级标题4</h3><p>段落</p><h1>一级标题5</h1><p>段落b</p>';
+
+    editor.setContent(html);
+    var sectionTree = editor.execCommand('getsections');
+    editor.execCommand('movesection', sectionTree.children[1], sectionTree.children[0]);
+    equal(editor.body.children[0].innerHTML, '一级标题5', ' 移动章节移动到目标章节之前,验证章节是否移动正确');
+    equal(editor.body.children[1].innerHTML, '段落b', ' 验证移动章节移动到目标章节之前,验证章节内容是否移动正确');
+
+    editor.setContent(html);
+    sectionTree = editor.execCommand('getsections');
+    editor.execCommand('movesection', sectionTree.children[0], sectionTree.children[1], true);
+    var len = editor.body.children.length;
+    equal(editor.body.children[len-2].innerHTML, '一级标题1', ' 移动章节移动到目标章节之前,验证章节是否移动正确');
+    equal(editor.body.children[len-1].innerHTML, '段落a', ' 验证移动章节移动到目标章节之前,验证章节内容是否移动正确');
+});
+
+test('selectsection命令',function(){
+    var editor = te.obj[0];
+    var html = '<h1>一级标题1</h1><p>段落a</p><h2>二级标题2</h2><p>段落</p><h2>二级标题3</h2><p>段落</p><h3>三级标题4</h3><p>段落</p><h1>一级标题5</h1><p>段落b</p>';
+
+    editor.setContent(html);
+    var sectionTree = editor.execCommand('getsections');
+    editor.execCommand('selectsection', sectionTree.children[1]);
+    var range = editor.selection.getRange();
+    ua.checkSameHtml($('<div>').append(range.cloneContents()).html(), '<h1>一级标题5</h1><p>段落b</p>', '判断选区内容是否正确');
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/selectall.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/selectall.js
new file mode 100644
index 000000000..406544356
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/selectall.js
@@ -0,0 +1,76 @@
+module( "plugins.selectall" );
+test( 'normal', function () {
+    var editor = te.obj[0], db = editor.body;
+    editor.setContent( '<p><em>xxxx</em></p>ssss' );
+    editor.focus();
+    editor.execCommand( 'selectAll' );
+    //equal( UE.plugins['selectall'].notNeedUndo, 1, "notNeedUndo==1" );
+    editor.execCommand( "bold" );
+    equal( ua.getChildHTML( db ), "<p><strong><em>xxxx</em></strong></p><p><strong>ssss</strong></p>", "after calling selectAll command" );
+} );
+
+test( 'a part of the content is selected', function () {
+    var editor = te.obj[0], d = editor.document, range = te.obj[1], db = editor.body;
+    editor.setContent( '<p><em>xxxx</em></p>ssss' );
+    range.selectNode( db.lastChild.firstChild ).select();
+    editor.execCommand( "bold" );
+    equal( ua.getChildHTML( db ), "<p><em>xxxx</em></p><p><strong>ssss</strong></p>", "before calling selectAll command" );
+    editor.execCommand( 'selectAll' );
+    //equal( UE.plugins['selectall'].notNeedUndo, 1, "notNeedUndo==1" );
+    editor.execCommand( "bold" );
+    equal( ua.getChildHTML( db ), "<p><strong><em>xxxx</em></strong></p><p><strong>ssss</strong></p>", "after calling selectAll command" );
+} );
+
+test( 'trace1743 :content is null', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p><br></p>' );
+    //TODO 现在必须先focus再selectall，trace1743
+    editor.execCommand( 'selectAll' );
+    equal( ua.getChildHTML( editor.body ), "<p><br></p>", "content is null" );
+    //equal(UE.plugins['selectall'].notNeedUndo, 1, "notNeedUndo==1" );
+    range.setStart( editor.body.firstChild, 0 ).collapse( 1 ).select();
+    editor.execCommand( "bold" );
+    ua.manualDeleteFillData( editor.body );
+    equal( ua.getChildHTML( editor.body ), "<p><strong></strong><br></p>", "after calling command bold" );
+} );
+
+test( 'ctrl+a', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p>全选的文本1</p><h1>全选的文本2</h1>' );
+    range.selectNode( body.firstChild ).select();
+    var p = body.firstChild;
+    ua.keydown(editor.body,{'keyCode':65,'ctrlKey':true});
+    setTimeout( function() {
+        var range = editor.selection.getRange();
+//        if ( ua.browser.gecko||ua.browser.ie>8 )
+//            ua.checkResult( range, body, body, 0, 2, false, '查看全选后的range' );
+//        else
+           if(ua.browser.gecko||ua.browser.webkit){
+               ua.checkResult( range, body, body, 0, 2, false, '查看全选后的range' );
+           }else{
+            ua.checkResult( range, body.firstChild.firstChild, body.lastChild.firstChild, 0, 6, false, '查看全选后的range' );
+           }
+        start();
+    }, 150 );
+    stop();
+} );
+test('contextmenu 右键全选', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+    editor.setContent('asdfg');
+    ua.contextmenu(editor.body);
+    var lang = editor.getLang("contextMenu");
+    var menuBody = document.getElementsByClassName("edui-menu-body")[0];
+    equal(editor.selection.getRange().collapsed, true, '检查选区--闭合');
+    ua.click(menuBody.childNodes[0]);
+    setTimeout(function () {
+        equal(editor.selection.getRange().collapsed, false, '检查选区--非闭合');
+        document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+        te.dom.push(editor.container);
+        start();
+    }, 50);
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/serverparam.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/serverparam.js
new file mode 100644
index 000000000..845e0ae76
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/serverparam.js
@@ -0,0 +1,17 @@
+module( 'plugins.serverparam' );
+
+test( '检查是否能正常设置参数', function () {
+    var editor = te.obj[0];
+
+    editor.execCommand('serverparam', {"a": 1, "b": 2});
+    same( editor.queryCommandValue('serverparam'), {"a": 1, "b": 2}, '传入对象设置参数');
+
+    editor.execCommand('serverparam', "c", 3);
+    same( editor.queryCommandValue('serverparam'), {"a": 1, "b": 2, "c": 3}, '传入键和值设置参数');
+
+    editor.execCommand('serverparam', "c");
+    same( editor.queryCommandValue('serverparam'), {"a": 1, "b": 2}, '传入键删除参数');
+
+    editor.execCommand('serverparam');
+    same( editor.queryCommandValue('serverparam'), {}, '不传参数,清空参数表');
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/shortcutkeys.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/shortcutkeys.js
new file mode 100644
index 000000000..298605d52
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/shortcutkeys.js
@@ -0,0 +1,139 @@
+module( 'plugins.shortcutkeys' );
+//键盘操作取不到range，定不到位，尤其ie里ctrl+b把收藏夹打开了。。。
+
+test( 'ctrl+i', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+//    setTimeout( function() {
+        editor.setContent( '<p>没有加粗的文本</p>' );
+        range.selectNode( body.firstChild ).select();
+        var p = body.firstChild;
+        editor.focus();
+        setTimeout( function() {
+//            te.presskey( 'ctrl', 'i' );
+            ua.keydown(editor.body,{'keyCode':73,'ctrlKey':true});
+            editor.focus();
+            setTimeout( function() {
+                equal( ua.getChildHTML( p ), '<em>没有加粗的文本</em>' );
+                start();
+            }, 150 );
+        }, 100 );
+
+//    }, 100 );
+    stop();
+} );
+//
+test( 'ctrl+u', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    stop();
+
+        editor.setContent( '<p>没有加粗的文本</p>' );
+    setTimeout( function() {
+        range.selectNode( body.firstChild ).select();
+        var p = body.firstChild;
+
+        editor.focus();
+//        setTimeout( function() {
+//            editor.focus();
+            setTimeout( function() {
+                var html = '<span style="text-decoration: underline">没有加粗的文本</span>';
+                ua.checkHTMLSameStyle( html, editor.document, body.firstChild, '文本被添加了下划线' );
+                start();
+            }, 150 );
+//        }, 100 );
+//        te.presskey( 'ctrl', 'u' );
+        ua.keydown(editor.body,{'keyCode':85,'ctrlKey':true});
+    }, 150 );
+} );
+//
+test( 'ctrl+z/y', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+//    setTimeout( function() {
+        editor.setContent( '<p>没有加粗的文本</p>' );
+        range.selectNode( body.firstChild ).select();
+        var p = body.firstChild;
+
+        editor.focus();
+        setTimeout( function() {
+//            te.presskey( 'ctrl', 'b' );
+//            editor.focus();
+            ua.keydown(editor.body,{'keyCode':66,'ctrlKey':true});
+            setTimeout( function() {
+                equal( ua.getChildHTML( p ), '<strong>没有加粗的文本</strong>' );
+//                editor.focus();
+//                te.presskey( 'ctrl', 'z' );
+                ua.keydown(editor.body,{'keyCode':90,'ctrlKey':true});
+//                editor.focus();
+                setTimeout( function() {
+                    editor.focus();
+                    equal( ua.getChildHTML( body.firstChild ), '没有加粗的文本' );
+//                    setTimeout( function() {
+//                        te.presskey( 'ctrl', 'y' );
+                        ua.keydown(editor.body,{'keyCode':89,'ctrlKey':true});
+                        editor.focus();
+                        setTimeout( function() {
+//                            editor.focus();
+                            equal( ua.getChildHTML( body.firstChild ), '<strong>没有加粗的文本</strong>' );
+                            start();
+                        }, 100 );
+//                    }, 100 );
+                }, 100 );
+            }, 150 );
+        }, 100 );
+
+//    }, 150 );
+    stop();
+} );
+//
+test( 'ctrl+a', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+//    setTimeout( function() {
+        editor.setContent( '<p>全选的文本1</p><h1>全选的文本2</h1>' );
+        range.selectNode( body.firstChild ).select();
+        var p = body.firstChild;
+        ua.keydown(editor.body,{'keyCode':65,'ctrlKey':true});
+//        setTimeout( function() {
+//            editor.focus();
+//            te.presskey( 'ctrl', 'a' );
+//            editor.focus();
+            setTimeout( function() {
+                var range = editor.selection.getRange();
+                if ( ua.browser.gecko )
+                    ua.checkResult( range, body, body, 0, 2, false, '查看全选后的range' );
+                else
+                    ua.checkResult( range, body.firstChild.firstChild, body.lastChild.firstChild, 0, 6, false, '查看全选后的range' );
+                start();
+            }, 150 );
+//        }, 100 );
+//    }, 100 );
+
+    stop();
+} );
+//
+test( 'ctrl+b', function() {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+//    setTimeout( function() {
+        editor.setContent( '<p>没有加粗的文本</p>' );
+        range.selectNode( body.firstChild ).select();
+        editor.focus();
+        setTimeout( function() {
+            ua.keydown(editor.body,{'keyCode':66,'ctrlKey':true});
+//            te.presskey( 'ctrl', 'b' );
+//            editor.focus();
+            setTimeout( function() {
+                equal( ua.getChildHTML( body.firstChild ), '<strong>没有加粗的文本</strong>' );
+                start();
+            }, 150 );
+        }, 150 );
+//    } ,50);
+    stop();
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/shortcutmenu.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/shortcutmenu.js
new file mode 100644
index 000000000..eeedfad2e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/shortcutmenu.js
@@ -0,0 +1,86 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 13-6-13
+ * Time: 下午12:38
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'plugins.contextmenu' );
+
+test( '基本的shortcutmenu', function() {
+//设置菜单内容\
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor("ue", { shortcutMenu: ["fontfamily", "fontsize", "bold", "italic", "underline", "forecolor", "backcolor", "insertorderedlist", "insertunorderedlist"]});
+    stop();
+    editor.ready(function () {
+        ua.contextmenu(editor.body);
+        setTimeout(function () {
+            var menu = document.getElementsByClassName("edui-shortcutmenu")[0];
+            equal(!!menu, true, '右键检查菜单是否存在');
+
+            ok(menu.style.display == "" || menu.style.display == "block", '右键检查菜单是否显示');
+
+            ua.mousedown(editor.body.firstChild);
+
+            equal(menu.style.display, "none", '鼠标按下检查菜单是否隐藏');
+
+            UE.delEditor('ue');
+
+            te.dom.push(document.getElementById('ue'));
+            te.dom.push(document.getElementById('edui_fixedlayer'));
+            start()
+
+        }, 100);
+    });
+});
+test( '键盘操作,隐藏shortcutmenu', function() {
+//设置菜单内容\
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor("ue" ,{ shortcutMenu: ["fontfamily", "fontsize", "bold", "italic", "underline", "forecolor", "backcolor", "insertorderedlist", "insertunorderedlist"]});
+    stop();
+    editor.ready(function () {
+        ua.contextmenu(editor.body);
+        setTimeout(function(){
+            var menu=document.getElementsByClassName("edui-shortcutmenu")[0];
+            equal(!!menu,true,'右键检查菜单是否存在');
+            ok(menu.style.display==""||menu.style.display=="block",'右键检查菜单是否显示');
+            ua.keydown(editor.body.firstChild);
+            equal(menu.style.display,"none",'键盘按下检查菜单是否隐藏');
+            UE.delEditor('ue');
+            te.dom.push(document.getElementById('ue'));
+            te.dom.push(document.getElementById('edui_fixedlayer'));
+            start()
+        },100);
+    });
+} );
+test( '框选内容', function() {
+//设置菜单内容\
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor("ue" ,{ shortcutMenu: ["fontfamily", "fontsize", "bold", "italic", "underline", "forecolor", "backcolor", "insertorderedlist", "insertunorderedlist"]});
+    stop();
+    editor.ready(function () {
+        editor.setContent('<p>hello</p>');
+        var range = new baidu.editor.dom.Range(editor.document);
+        range.setStart(editor.body.firstChild.firstChild,0).setEnd(editor.body.firstChild.firstChild,2).select();
+        var sc =editor.selection.getRange().startContainer;
+        var ec =editor.selection.getRange().endContainer;
+        var so =editor.selection.getRange().startOffset;
+        var eo =editor.selection.getRange().endOffset;
+        var collapsed =editor.selection.getRange().collapsed;
+        ua.contextmenu(editor.body);
+        setTimeout(function(){
+            var menu=document.getElementsByClassName("edui-shortcutmenu")[0];
+            equal(!!menu,true,'右键检查菜单是否存在');
+            ok(menu.style.display==""||menu.style.display=="block",'右键检查菜单是否显示');
+            ua.checkResult(editor.selection.getRange(), sc, ec, so, eo, collapsed,'检查range不变');
+            ua.keydown(editor.body.firstChild);
+            UE.delEditor('ue');
+            te.dom.push(document.getElementById('ue'));
+            te.dom.push(document.getElementById('edui_fixedlayer'));
+            start()
+        },100);
+    });
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/snapscreen.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/snapscreen.js
new file mode 100644
index 000000000..d8e934691
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/snapscreen.js
@@ -0,0 +1,41 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-9-17
+ * Time: 下午2:38
+ * To change this template use File | Settings | File Templates.
+ */
+module('plugins.snapscreen');
+test('检查高亮', function () {
+    var editor = te.obj[0];
+    editor.focus();
+    equal(editor.queryCommandState('snapscreen'), 0, 'check snapscreen state');
+});
+test('snapscreen', function () {
+    var div = document.body.appendChild(document.createElement('script'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue');
+    stop();
+    editor.ready(function () {
+            setTimeout(function () {
+                editor.execCommand('snapscreen');
+                editor.container.removeChild(editor.container.lastChild);
+                setTimeout(function () {
+                    ok($('.edui-dialog .edui-for-snapscreen')[0] != null, '');
+                    $EDITORUI[$('.edui-dialog .edui-for-snapscreen')[0].parentNode.id].close();
+                    setTimeout(function () {
+
+                        UE.delEditor('ue');
+                        te.dom.push(document.getElementById('ue'));
+                        start();
+                    }, 1000);
+                }, 300);
+
+
+            }, 100);
+
+
+        }
+
+    );
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/source.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/source.js
new file mode 100644
index 000000000..27df7a804
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/source.js
@@ -0,0 +1,381 @@
+module('plugins.source');
+//test('初始化进入源码模式',function(){
+//    if(ua.browser.ie>0 && ua.browser.ie<8)
+//        return 0;
+//    var div = document.createElement('div');
+//    document.body.appendChild(div);
+//    div.id = 'e';
+//    var editor = UE.getEditor('e');//,{sourceEditorFirst:true}
+//    stop();
+////    editor.ready(function(){
+////        setTimeout(function(){
+//////            equal(editor.queryCommandState('source'),1,'源码高亮');
+////            equal(editor.queryCommandState('bold'),-1,'加粗灰色');
+////////            start();
+////        },100);
+////    });
+//});
+test('chrome删除后切换源码再切换回来，光标没了', function () {
+    //opera 取不到range值
+    if (ua.browser.opera) return 0;
+    var editor = te.obj[0];
+    var div = te.dom[0];
+    editor.render(div);
+    editor.setContent('hello');
+    var range = editor.selection.getRange();
+    range.selectNode(editor.body.firstChild).select();
+    editor.execCommand('cleardoc');
+    stop();
+    expect(2);
+    //source 包含超时操作，ie下必须有同步操作，否则会报错
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            start();
+        }, 20);
+    }, 20);
+    range = editor.selection.getRange();
+    equal(range.startContainer.nodeType, 1, '光标定位在p里');
+    equal(range.startContainer.tagName.toLowerCase(), 'p', 'startContainer为p');
+    te.dom.push(div);
+});
+//TODO 1.2.6
+/*trace 986*/
+//test( '切换源码，视频地址被添加了网站前缀', function () {
+//    if ( !ua.browser.ie ) {
+//        var editor = te.obj[0];
+//        var range = te.obj[1];
+//        editor.setContent( '<p><br></p>' );
+//        setTimeout(function(){
+//            range.setStart( editor.body.firstChild, 0 ).collapse( 1 ).select();
+//            /*涉及到video的一些特殊处理，因此直接设置编辑器的html不是很可行，所以这里用了video这个插件*/
+//            editor.execCommand( 'insertvideo', {url:'www.baidu.com'} );
+//            setTimeout( function () {
+//                editor.execCommand( 'source' );
+//                range.setStart( editor.body.firstChild, 0 ).collapse( 1 ).select();
+//                setTimeout( function () {
+//                    editor.execCommand( 'source' );
+//                    start();
+//                }, 50 );
+//            }, 50 );
+//
+//            var img = editor.document.getElementsByTagName( 'img' )[0];
+//            equal( $( img ).attr( '_url' ), 'www.baidu.com', '检查超链接前是否添加了网站的路径' );
+//        },50);
+//        stop();
+//    }
+//    else
+//        ok( true, 'ie里加了视频节点embed,在节点embed后加bookmark会出错' );
+//} );
+
+//trace 852
+test('切换源码，源码中多处空行', function () {
+    var editor = te.obj[0];
+    editor.setContent('<p>hello<a href="http://www.baidu.com/">baidu</a></p>');
+    stop();
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            setTimeout(function () {
+                var html = editor.getContent();
+                equal(html, '<p>hello<a href="http://www.baidu.com/">baidu</a></p>');
+                start();
+            }, 100);
+        }, 100);
+    }, 100);
+
+    //    var html = '<p>\nhello<a href="http://www.baidu.com/">\n\tbaidu\n</a>\n</p>';
+    //无奈的验证，有不可见字符
+    //多余不可见字符的的bug已经修改了，现在用例字符串长度：53
+
+    // ok(html.length>=58&&html.length<=60,'切换源码不会多空行');
+});
+
+/*trace 710*/
+test('设置源码内容没有p标签，切换源码后会自动添加', function () {
+    var editor = te.obj[0];
+    editor.setContent('<strong><em>helloworld你好啊</em></strong>大家好，<strong><i>你在干嘛呢</i></strong><em><strong>。谢谢，不用谢</strong></em>~~%199<p>hello</p>');
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            setTimeout(function () {
+                editor.execCommand('source');
+                setTimeout(function () {
+                    var childs = editor.body.childNodes;
+                    ok(childs.length, 3, '3个p');
+                    for (var index = 0; index < 3; index++) {
+                        equal(childs[0].tagName.toLowerCase(), 'p', '第' + index + '个孩子为p');
+                    }
+                    start();
+                }, 100);
+            }, 100);
+        }, 100);
+    }, 100);
+    stop();
+});
+
+test('切换源码去掉空的span', function () {
+    var editor = te.obj[0];
+    editor.setContent('<p>切换源码<span>去掉空的span</span></p>');
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            start();
+        }, 100);
+    }, 100);
+    stop();
+    equal(editor.getContent(), '<p>切换源码去掉空的span</p>');
+});
+
+test('b,i标签，切换源码后自动转换成strong和em', function () {
+    var editor = te.obj[0];
+    editor.setContent('<p><b>加粗的内容</b><i>斜体的内容<b>加粗且斜体</b></i></p>');
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            start();
+        }, 100);
+    }, 100);
+    stop();
+    equal(editor.getContent(), '<p><strong>加粗的内容</strong><em>斜体的内容<strong>加粗且斜体</strong></em></p>');
+});
+
+test(' trace 3739 trace 1734 range的更新/特殊符号的转换', function () {
+    var editor = te.obj[0];
+    editor.setContent('<p>"<></p>');
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            equal(editor.getContent(), '<p>&quot;&lt;&gt;</p>');
+            editor.setContent("<p>'<img src='http://nsclick.baidu.com/u.gif?&asdf=\"sdf&asdfasdfs;asdf'></p>");
+//            var range = te.obj[1];
+//            range.setStart(editor.body.firstChild,0).collapse(1).select();
+            setTimeout(function () {
+//                var label = ua.browser.gecko ? 'html' : 'body';
+//                var label = 'html';
+                ua.manualDeleteFillData(editor.body);
+                var sc = (ua.browser.ie==11)?editor.selection.getRange().startContainer.parentNode.tagName.toLowerCase():editor.selection.getRange().startContainer.parentNode.parentNode.tagName.toLowerCase();
+                equal(sc, 'html', 'range的更新');
+                editor.execCommand('source');
+                setTimeout(function () {
+                    editor.execCommand('source');
+                    equal(editor.getContent(), "<p>&#39;<img src=\"http://nsclick.baidu.com/u.gif?&asdf=&quot;sdf&asdfasdfs;asdf\"/></p>");
+                    start();
+                }, 100);
+            }, 100);
+        }, 100);
+    }, 100);
+    stop();
+});
+
+/*trace 1234 */
+test('默认插入的占位符', function () {
+    var editor = te.obj[0];
+    editor.setContent('');
+    equal(editor.getContent(), '');
+});
+
+test('插入分页符,源码中显示：_baidu_page_break_tag_', function () {
+    var editor = te.obj[0];
+        var range = te.obj[1];
+        editor.setContent('<p><br /></p>');
+        setTimeout(function () {
+            range.setStart(editor.body.firstChild, 0).collapse(1).select();
+            editor.execCommand('pagebreak');
+            ua.manualDeleteFillData(editor.body);
+            var pagebreak = editor.body.getElementsByTagName('hr')[0];
+
+            if (typeof pagebreak.attributes['class'] == "undefined") {
+                equal(pagebreak.getAttribute('class'), 'pagebreak', 'pagebreak');
+            }
+            else {//适用于ie6,7
+                equal(pagebreak.attributes['class'].nodeValue, 'pagebreak', 'pagebreak');
+            }
+            ua.manualDeleteFillData(editor.body);
+//        var br = baidu.editor.browser.ie ? '&nbsp;' : '<br />';
+            ok(editor.getContent().indexOf('_ueditor_page_break_tag_') >= 0, 'pagebreak被解析');
+//        equal( editor.getContent(), '<p>' + br + '</p>_baidu_page_break_tag_<p>' + br + '</p>' );
+            start();
+        }, 200);
+    stop();
+});
+//TODO 1.2.6
+//test( 'trace 1977 1949 插入代码,源码中对应的标签是pre', function () {
+//    var div = document.body.appendChild( document.createElement( 'div' ) );
+//    $( div ).css( 'width', '500px' ).css( 'height', '500px' ).css( 'border', '1px solid #ccc' );
+//    var editor = te.obj[2];
+//    editor.render(div);
+//    var range = new baidu.editor.dom.Range( editor.document );
+//    var body = editor.body;
+//    stop();
+//    setTimeout(function(){
+//        editor.setContent( '<p><br></p>' );
+//        range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+//        editor.execCommand( 'highlightcode', '<a href="http://net.tutsplus.com" class="logo">Nettuts+</a>', 'html' );
+//        ua.manualDeleteFillData( editor.body );
+//
+//        var td_gutter = body.getElementsByTagName( 'td' )[0];
+//        var td_code = body.getElementsByTagName( 'td' )[1];
+//        equal( body.getElementsByTagName( 'td' ).length, 2, '显示代码的table分两列' );
+//        if(td_gutter!=''){
+//            if ( typeof td_gutter.attributes['class'] == "undefined" ) {
+//                equal( td_gutter.getAttribute( 'class' ), 'gutter', '第一列class=gutter' );
+//                equal( td_code.getAttribute( 'class' ), 'code', '第一列class=code' );
+//            }
+//            else {//适用于ie6,7
+//                equal( td_gutter.attributes['class'].nodeValue, 'gutter', '第一列class=gutter' );
+//                equal( td_code.attributes['class'].nodeValue, 'code', '第一列class=code' );
+//            }
+//            equal( editor.getContent().substring( 0, 119 ), '<pre class=\"brush: html;toolbar:false;\" >&lt;a href=\"http://net.tutsplus.com\" class=\"logo\"&gt;Nettuts+&lt;/a&gt; </pre>' );
+//            //highlightcode空格问题
+////            equal( editor.getContent().substring( 0, 116 ), '<pre class=\"brush:html;toolbar:false;\" >&lt;a href=\"http://net.tutsplus.com\" class=\"logo\"&gt;Nettuts+&lt;/a&gt;</pre>' );
+//            te.dom.push( div );
+//        }
+//        start();
+//    },50);
+//} );
+
+test('不以http://开头的超链接绝对路径网址', function () {
+    if (ua.browser.ie == 9)return 0;//TODO 1.2.6
+    var editor = te.obj[0];
+    editor.setContent('<p><a href="www.baidu.com">绝对路径网址</a></p>');
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            equal(editor.getContent(), '<p><a href="www.baidu.com">绝对路径网址</a></p>');
+            start();
+        }, 100);
+    }, 100);
+    stop();
+});
+
+test('trace 1727:插入超链接后再插入空格，空格不能被删除', function () {
+    var editor = te.obj[0];
+    editor.setContent('<p> <a href="http://www.baidu.com/">绝对路径网址</a>  ddd</p>');
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            equal(editor.body.innerHTML.toLowerCase(), '<p><a href="http://www.baidu.com/" _href=\"http://www.baidu.com/\">绝对路径网址</a> &nbsp;ddd</p>', '查看空格是否被删除');
+            start();
+        }, 100);
+    }, 100);
+    stop();
+});
+//TODO 1.2.6 空style未删除
+//test( '关于空格的问题', function () {
+//    var editor = te.obj[0];
+//    var html = '<ol>   <li> dd jj </li> <li> ll kdkd <a href = "http://www.baidu.com/"> baidu </a> </li> </ol>';
+//    editor.setContent( html );
+//    setTimeout(function(){
+//        editor.execCommand( 'source' );
+//        setTimeout( function () {
+//            editor.execCommand( 'source' );
+//            setTimeout( function () {
+//                ua.manualDeleteFillData( editor.body );
+//                equal( editor.body.innerHTML.toLowerCase().replace(/[\r\n\t]/g,''), '<ol class=\" list-paddingleft-2\"><li><p>dd&nbsp;jj</p></li><li><p>ll&nbsp;kdkd<a href="http://www.baidu.com/" >&nbsp;baidu&nbsp;</a></p></li></ol>' );
+//                start();
+//            }, 150 );
+//        }, 100 );
+//    },20);
+//    stop();
+//} );
+//TODO 1.2.6
+//test('初始化进入源码模式',function(){
+//    if(ua.browser.ie>0 && ua.browser.ie<8)
+//        return 0;
+//    var div = document.createElement('div');
+//    document.body.appendChild(div);
+//    var editor = UE.getEditor(div);//,{sourceEditorFirst:true}
+//    stop();
+//    editor.ready(function(){
+//        setTimeout(function(){
+////            equal(editor.queryCommandState('source'),1,'源码高亮');
+//            equal(editor.queryCommandState('bold'),-1,'加粗灰色');
+//////            start();
+//        },100);
+//    });
+//});
+
+test('在font,b,i标签中输入，会自动转换标签 ', function () {
+//    if(!ua.browser.gecko){
+    var editor = te.obj[0];
+    editor.body.innerHTML = '<p><font size="3" color="red"><b><i>x</i></b></font></p>';
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            equal(editor.body.firstChild.firstChild.tagName.toLowerCase(), 'span', 'font转换成span');
+            if (ua.browser.gecko || ua.browser.ie)
+                equal($(editor.body.firstChild.firstChild).css('font-size'), '16px', '检查style');
+            else
+                equal($(editor.body.firstChild.firstChild).css('font-size'), '16px', '检查style');
+            var EMstyle = $(editor.body.firstChild.firstChild).css('color');
+            ok(EMstyle == 'rgb(255, 0, 0)' || EMstyle == 'red' || EMstyle == '#ff0000', '检查style');
+            equal(ua.getChildHTML(editor.body.firstChild.firstChild), '<strong><em>x</em></strong>', 'b转成strong,i转成em ');
+            start();
+        }, 20);
+    }, 20);
+    stop();
+//    }
+});
+
+test('trace 3334:img和a之间不会产生多余空格', function () {
+    var editor = te.obj[0];
+    editor.setContent('<p><img src="http://img.baidu.com/hi/jx2/j_0001.gif" /><a href="http://www.baidu.com">http://www.baidu.com</a></p>');
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            setTimeout(function () {
+                editor.execCommand('source');
+                ua.manualDeleteFillData(editor.body);
+                var html = '<p><img src="http://img.baidu.com/hi/jx2/j_0001.gif" _src=\"http://img.baidu.com/hi/jx2/j_0001.gif\"><a href=\"http://www.baidu.com\" _href=\"http://www.baidu.com\">http://www.baidu.com</a></p>';
+                ua.checkSameHtml(editor.body.innerHTML.toLowerCase(), html, '查看img和a之间是否会产生多余空格');
+                start();
+            }, 20);
+        }, 20);
+    }, 20);
+    stop();
+});
+
+test('trace 3334:table中td不会产生多余空格', function () {
+    if(ua.browser.ie)return ;//todo 1.3.0
+    var editor = te.obj[0];
+    editor.execCommand('inserttable');
+    var br = ua.browser.ie ? '' : '<br>';
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            ua.manualDeleteFillData(editor.body);
+            equal(editor.body.getElementsByTagName('table').length, 1, '有1个table');
+            equal(editor.body.getElementsByTagName('tr').length, 5, '有5个tr');
+            equal(editor.body.getElementsByTagName('td').length, 25, '有25个td');
+            equal(editor.body.getElementsByTagName('td')[12].innerHTML, br, '不会产生多余空格');
+            start();
+        }, 20);
+    }, 20);
+    stop();
+});
+
+test('trace 3349：带颜色的span切到源码再切回，不会丢失span', function () {
+    var editor = te.obj[0];
+    editor.setContent('<p><span style="color: rgb(255, 0, 0);"></span><br></p>');
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            ua.checkSameHtml(editor.body.innerHTML, '<p><span style="color: rgb(255, 0, 0);"></span><br></p>');
+            start();
+        }, 20);
+    }, 20);
+    stop();
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.action.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.action.js
new file mode 100644
index 000000000..55ad46fde
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.action.js
@@ -0,0 +1,1007 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 13-2-25
+ * Time: 下午4:40
+ * To change this template use File | Settings | File Templates.
+ */
+
+//test('', function () {
+//    stop()
+//});
+test('框选', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+        editor.setContent('<p></p>');
+        setTimeout(function () {
+            range.setStart(editor.body.firstChild, 0).collapse(true).select();
+            editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+            var tds = editor.body.getElementsByTagName('td');
+            ua.mousedown(tds[0]);
+            ua.mouseover(tds[4]);
+            ua.mouseup(tds[4]);
+            setTimeout(function () {
+                var selectedTds = editor.getUETable(editor.body.firstChild).selectedTds;
+                var tds = editor.body.getElementsByTagName('td');
+                equal(selectedTds.length, 4, '框选');
+                if ( ua.browser.ie >8 && ua.browser.ie<11)
+                    ua.checkResult(editor.selection.getRange(), tds[0].firstChild, tds[0].firstChild, 1, 1, true, '检查选中的range')
+                else
+                    ua.checkResult(editor.selection.getRange(), tds[0], tds[0], 0, 0, true, '检查选中的range');
+                range.setStart(tds[4], 0).collapse(true).select();
+                ua.mousedown(tds[4], {button: 2});
+                setTimeout(function () {
+                    var selectedTds = editor.getUETable(editor.body.firstChild).selectedTds;
+                    var tds = editor.body.getElementsByTagName('td');
+                    equal(selectedTds.length, 4, '右键框选不变');
+                    if ( ua.browser.ie >8 && ua.browser.ie<11)
+                        ua.checkResult(editor.selection.getRange(), tds[0].firstChild, tds[0].firstChild, 1, 1, true, '检查选中的range')
+                    else
+                        ua.checkResult(editor.selection.getRange(), tds[0], tds[0], 0, 0, true, '检查选中的range');
+                        start();
+                }, 50);
+            }, 50);
+        }, 80);
+    stop();
+});
+
+test('tableDragable-显示和消失', function () {
+    if (browser.ie && browser.version < 8) return;
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue', {tableDragable: true});
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent('<p></p>');
+        setTimeout(function () {
+            range.setStart(editor.body.firstChild, 0).collapse(true).select();
+            editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+            var tds = editor.body.getElementsByTagName('td');
+            ua.mousemove(editor.body.firstChild);
+            var pos = domUtils.getXY(editor.body.firstChild);
+            var select = ua.browser.webkit ? '-webkit-user-select: none;' : ua.browser.gecko ? '-moz-user-select: none;' : ua.browser.ie >8?'-ms-user-select: none':'';//-ms-user-select: none
+            var html = '<div contenteditable=\"false\" style=\"width:15px;height:15px;background-image:url(' + editor.options.UEDITOR_HOME_URL + 'dialogs/table/dragicon.png);position: absolute;cursor:move;top:' + (pos.y - 15) + 'px;left:' + pos.x + 'px; ' + select + '\"' + (ua.browser.ie && ua.browser.ie<9 ? 'unselectable=\"on\"' : '') + '></div>';
+            setTimeout(function () {
+                var button = editor.body.lastChild;
+                ua.checkSameHtml(button.outerHTML.replace('&quot;', ''), html, 'DragButton显示');
+                ua.mouseout(button);
+                ua.mousemove(editor.body);
+                setTimeout(function () {
+                    equal(editor.body.getElementsByTagName('div').length, 0, '按钮没有了');
+                    UE.delEditor('ue');
+                    te.dom.push(document.getElementById('ue'));
+                    te.dom.push(document.getElementById('edui_fixedlayer'));
+                    start();
+                }, 2100);
+            }, 20);
+        }, 50);
+    });
+    stop();
+});
+test('tableDragable-单击', function () {//tableClicked
+    if (browser.ie && browser.version < 8) return;
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue', {tableDragable: true});
+    expect(1);
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent('<p></p>');
+        setTimeout(function () {
+            range.setStart(editor.body.firstChild, 0).collapse(true).select();
+            editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+            var tds = editor.body.getElementsByTagName('td');
+            ua.mousemove(editor.body.firstChild);
+            setTimeout(function () {
+                var button = editor.body.lastChild;
+                editor.addListener("tableClicked", function (type, table, buttonOn) {
+                    same(table, editor.body.getElementsByTagName('table')[0], 'tableClicked事件,传入的参数正确');
+                    setTimeout(function () {
+                        UE.delEditor('ue');
+                        te.dom.push(document.getElementById('ue'));
+                        te.dom.push(document.getElementById('edui_fixedlayer'));
+                        start();
+                    }, 500);
+                });
+                ua.click(button);
+            }, 20);
+        }, 50);
+    });
+    stop();
+});
+test('tableDragable-双击', function () {//tableClicked
+    if (browser.ie && browser.version < 8) return;
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue', {tableDragable: true});
+    editor.ready(function () {
+        var range = new baidu.editor.dom.Range(editor.document);
+        editor.setContent('<p></p>');
+        setTimeout(function () {
+            range.setStart(editor.body.firstChild, 0).collapse(true).select();
+            editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+            var tds = editor.body.getElementsByTagName('td');
+            ua.mousemove(editor.body.firstChild);
+            setTimeout(function () {
+                var button = editor.body.lastChild;
+                ua.dblclick(button);
+                setTimeout(function () {
+                    var selectedTds = editor.getUETable(editor.body.firstChild).selectedTds;
+                    var tds = editor.body.getElementsByTagName('td');
+                    equal(selectedTds.length, 9, '全选');
+                    if (ua.browser.ie > 8 && ua.browser.ie<11)
+                        ua.checkResult(editor.selection.getRange(), tds[0].firstChild, tds[0].firstChild, 1, 1, true, '检查选中的range');
+                    else
+                    ua.checkResult(editor.selection.getRange(), tds[0], tds[0], 0, 0, true, '检查选中的range');
+                    setTimeout(function () {
+                        UE.delEditor('ue');
+                        te.dom.push(document.getElementById('ue'));
+                        te.dom.push(document.getElementById('edui_fixedlayer'));
+                        start();
+                    }, 500);
+                }, 100);
+            }, 100);
+        }, 100);
+    });
+    stop();
+});
+test('从外面粘贴表格', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    var html = {html: '<table style="width:992px"><tbody><tr><td style="border-color: rgb(247, 150, 70);width:198px" >hello1</td><td  style="background-color: rgb(255, 0, 0); border-color: rgb(247, 150, 70);width:198px" ></td></tr><tr><td >hello2</td><td ></td></tr></tbody></table><p>hello2</p>'};
+    editor.fireEvent('beforepaste', html);
+    //**//*粘贴*//**//*
+    stop();
+    setTimeout(function () {
+        var space = ua.browser.ie ? '' : '<br/>';
+        var border = (ua.browser.ie && ua.browser.ie < 9) ? 'border-bottom-color: rgb(247,150,70); border-top-color: rgb(247,150,70); border-right-color: rgb(247,150,70); border-left-color: rgb(247,150,70)' : 'border-color: rgb(247, 150, 70)';
+        var resultHtml = '<table width="992"><tbody><tr><td  style="' + border + ';" width="198">hello1</td><td  style="background-color: rgb(255, 0, 0); ' + border + ';" width="198">' + space + '</td></tr><tr><td>hello2</td><td>' + space + '</td></tr></tbody></table><p>hello2</p>';
+        ua.checkSameHtml(html.html.toLowerCase(), resultHtml.toLowerCase(), '粘贴的表格规范格式');
+        start();
+    }, 50);
+});
+test('从外面粘贴表格到表格-表格中不能粘完整的表格', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    //**//*插入表格*//**//*
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0], 0).collapse(true).select();
+    var html = {html: '<table><tbody><tr><td>hello1</td><td ></td></tr><tr><td >hello2</td><td ></td></tr></tbody></table><p>hello2</p>'};
+    editor.fireEvent('beforepaste', html);
+    //**//*粘贴*//**//*
+    stop();
+    setTimeout(function () {
+        equal(html.html, '<p>hello2</p>', '表格中不能粘完整的表格');
+        start();
+    }, 50);
+});
+test('  trace 3729 从外面粘贴表格到表格-在caption中粘贴,只粘贴文本内容', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    //**//*插入表格*//**//*
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('insertcaption');
+    range.setStart(editor.body.getElementsByTagName('caption')[0], 0).collapse(true).select();
+    var html = {html: '<table><tbody><tr><td>hello1</td><td ></td></tr></tbody></table>'};
+    editor.fireEvent('beforepaste', html);
+    //**//*粘贴*//**//*
+    stop();
+    setTimeout(function () {
+        //todo ie9 使用 div[browser.ie ? 'innerText' : 'textContent'] 会多一个换行,用textContent没有 trace 3729
+        equal(html.html, 'hello1', '在caption中粘贴,只粘贴文本内容');
+        start();
+    }, 50);
+});
+test('getText,取表格内的文本', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<table><tbody><tr><td>  hello1</td><td ></td></tr><tr><td >hello2</td><td ></td></tr></tbody></table>');
+    stop();
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        range.setStart(trs[0].cells[0],0).collapse(true).select();
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[0]);
+        ut.setSelected(cellsRange);
+        setTimeout(function () {
+            ua.manualDeleteFillData(editor.body);
+            equal(editor.selection.getText(), 'hello1hello2');
+            start();
+        }, 50);
+    }, 50);
+});
+test('在第一个单元格里最前面回车,且表格前面没有内容', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[0]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    ua.keydown(editor.body, {'keyCode': 13});
+    stop();
+    setTimeout(function () {
+        ua.manualDeleteFillData(editor.body);
+        equal(editor.body.firstChild.innerHTML, ua.browser.ie ? '&nbsp;' : '<br>', '表格前插入空行');
+        equal(editor.body.firstChild.tagName.toLowerCase(), 'p', '表格前插入空行');
+        equal(editor.body.childNodes[1].tagName.toLowerCase(), 'table', '表格在空行后面');
+        start();
+    }, 50);
+});
+test('delete 事件', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    expect(4);
+    editor.addListener('saveScene', function () {
+        ok(true);
+    });
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    trs[0].cells[0].innerHTML = 'hello';
+    trs[1].cells[0].innerHTML = 'hello';
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[0]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    ua.keydown(editor.body, {'keyCode': 46});
+    stop();
+    setTimeout(function () {
+        ua.manualDeleteFillData(editor.body);
+        trs = editor.body.firstChild.getElementsByTagName('tr');
+        equal(trs[0].cells[0].innerHTML, ua.browser.ie ? '' : '<br>', '内容');
+        equal(trs[1].cells[0].innerHTML, ua.browser.ie ? '' : '<br>', '内容');
+        start();
+    }, 20);
+});
+//**//*trace 3047,3545*//**//*
+test('trace 3047 ,3545 全屏插入表格', function () {
+    if (ua.browser.gecko)return;//TODO 1.2.6
+    if (ua.browser.ie && ua.browser.ie < 9)return;//TODO 1.2.6
+    var div = document.body.appendChild(document.createElement('div'));
+    $(div).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+    var editor = te.obj[2];
+    editor.render(div);
+    stop();
+    editor.ready(function () {
+        editor.setContent('<p></p>');
+        editor.ui.setFullScreen(!editor.ui.isFullScreen());
+        editor.execCommand('inserttable');
+        var width1 = editor.body.getElementsByTagName('td')[0].width;
+        setTimeout(function () {
+            editor.ui.setFullScreen(!editor.ui.isFullScreen());
+            setTimeout(function () {
+                var width2 = editor.body.getElementsByTagName('td')[0].width;
+                ok((width1 - width2) > 10, '页面宽度自适应');
+                div.parentNode.removeChild(div);
+                start();
+            }, 500);
+        }, 500);
+    });
+});
+
+test('backspace事件:删除caption', function () {
+    if(ua.browser.ie&&ua.browser.ie>8)return ;//todo 1.3.0
+
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    stop();
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('insertcaption');
+        ua.keydown(editor.body, {'keyCode': 8});
+        setTimeout(function () {
+            equal(editor.body.getElementsByTagName('caption').length, 0, '删除caption');
+            equal(editor.selection.getRange().collapsed, true, '检查光标');
+            equal(editor.selection.getRange().startContainer, editor.body.getElementsByTagName('td')[0], '检查光标');
+            start();
+        }, 500);
+    }, 50);
+});
+
+test('backspace事件:deleterow', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    stop();
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[2]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        ua.keydown(editor.body, {'keyCode': 8});
+        setTimeout(function () {
+            equal(editor.body.getElementsByTagName('tr').length, 2, '删除整行');
+            if(!ua.browser.ie||ua.browser.ie<9){//todo
+            equal(editor.selection.getRange().collapsed, true, '检查光标');
+            equal(editor.selection.getRange().startContainer, editor.body.getElementsByTagName('td')[0], '检查光标');
+            }
+            start();
+        }, 100);
+    }, 50);
+});
+
+test('backspace事件:deletecol', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    stop();
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[2].cells[0]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        setTimeout(function () {
+            ua.keydown(trs[0].cells[0], {'keyCode': 8});
+            setTimeout(function () {
+                equal(editor.body.getElementsByTagName('tr')[0].getElementsByTagName('td').length, 2, '删除整列');
+                if(!ua.browser.ie||ua.browser.ie<9){//todo
+                    equal(editor.selection.getRange().collapsed, true, '检查光标');
+                    equal(editor.selection.getRange().startContainer, editor.body.getElementsByTagName('td')[0], '检查光标');
+                }
+                start();
+            }, 100);
+        }, 50);
+    }, 100);
+});
+
+//test('backspace事件:delcells', function () {
+//    //TODO
+//});
+test('表格名称中backspace键', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    stop();
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('insertcaption');
+        range.setStart(editor.body.getElementsByTagName('caption')[0], 0).collapse(true).select();
+        ua.keydown(editor.body, {'keyCode': 8});
+        setTimeout(function () {
+            equal(editor.body.getElementsByTagName('caption').length, 0, '删除caption');
+            equal(editor.body.getElementsByTagName('table').length, 1, '不会增加表格数量');
+            equal(editor.body.getElementsByTagName('tr').length, 3, '不会增加表格行数量');
+            equal(editor.body.getElementsByTagName('tr')[0].cells.length, 3, '不会增加表格列数量');
+            if(!ua.browser.ie||ua.browser.ie<9){//todo
+            equal(editor.selection.getRange().collapsed, true, '检查光标');
+            equal(editor.selection.getRange().startContainer, editor.body.getElementsByTagName('td')[0], '检查光标');
+            }
+            start();
+        }, 100);
+    }, 200);
+});
+test('trace 3097 标题行中backspace键', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    editor.execCommand('insertcaption');
+    range.setStart(editor.body.getElementsByTagName('caption')[0], 0).collapse(true).select();
+    var x = range.cloneRange();
+        editor.execCommand('inserttitle');
+    range.setStart(editor.body.getElementsByTagName('th')[0], 0).collapse(true).select();
+    ua.keydown(editor.body, {'keyCode': 8});
+    stop();
+    setTimeout(function () {
+        editor = te.obj[0];
+        equal(editor.body.getElementsByTagName('caption').length, 1, '不会删除caption');
+        equal(editor.body.getElementsByTagName('th').length, 3, '不会误删除标题行');
+        equal(editor.body.getElementsByTagName('table').length, 1, '不会增加表格数量');
+        equal(editor.body.getElementsByTagName('tr').length, 4, '不会增加表格行数量');
+        equal(editor.body.getElementsByTagName('tr')[0].cells.length, 3, '不会增加表格列数量');
+        equal(editor.selection.getRange().collapsed, true, '检查光标');
+        trs[0].cells[0].innerHTML = 'hello';
+//        equal(editor.selection.getRange().startContainer, te.obj[0].body.getElementsByTagName('th')[0], '检查光标');
+        equal(trs[0].cells[0].innerHTML,'hello', '检查光标');
+        start();
+    }, 50);
+});
+
+test('拖拽', function () {
+    if (ua.browser.ie && ua.browser.ie < 8) return;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    ua.manualDeleteFillData(editor.body);
+    var tds = te.obj[0].body.getElementsByTagName('td');
+    var width1 = tds[1].width;
+    ua.mousemove(tds[1], {clientX: 199, clientY: 100});
+    equal(editor.body.style.cursor, 'col-resize', '检查鼠标显示');
+    ua.mousedown(tds[1], {clientX: 199, clientY: 100});
+    setTimeout(function () {
+    ua.mousemove(tds[1], {clientX: 299, clientY: 100});
+    ua.mouseup(tds[1], {clientX: 299, clientY: 100});
+    var p = ua.getMousePosition;
+    setTimeout(function () {
+        var width2 = tds[1].width;
+        ok(width2 - width1 > 50, '拖拽后单元格宽度改变');
+        start();
+    }, 50);
+    }, 400);
+    stop();
+});
+test('拖拽_row-resize鼠标显示', function () {
+    if (ua.browser.ie && ua.browser.ie < 8) return;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    ua.manualDeleteFillData(editor.body);
+    var tds = te.obj[0].body.getElementsByTagName('td');
+    var width1 = tds[1].width;
+    ua.mousemove(tds[4], {clientX: 450, clientY: 39});
+    equal(editor.body.style.cursor, 'row-resize', 'row-resize鼠标显示');
+
+    expect(3);
+    setTimeout(function () {
+        editor.addListener("tablemouseout", function (type, table, buttonOn) {
+            same(table, editor.body.getElementsByTagName('table')[0], 'tablemouseout事件,传入的参数正确');
+        });
+        ua.mouseout(tds[1], {clientX: 299, clientY: 35});
+        setTimeout(function () {
+            equal(editor.body.style.cursor, 'text', '焦点转移,row-resize不显示');
+            start();
+        }, 50);
+    }, 20);
+    stop();
+});
+test('拖拽-最右边的单元格', function () {
+    if (ua.browser.ie && ua.browser.ie < 8) return;
+
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    ua.manualDeleteFillData(editor.body);
+    var tds = te.obj[0].body.getElementsByTagName('td');
+    var width1 = tds[4].width;
+    ua.mousemove(tds[4], {clientX: 492, clientY: 21});
+    equal(editor.body.style.cursor, 'col-resize', '检查鼠标显示');
+
+    ua.mousedown(tds[4], {clientX: 492, clientY: 21});
+    setTimeout(function () {
+        ua.mousemove(tds[4], {clientX: 481, clientY: 21});
+        ua.mouseup(tds[4], {clientX: 481, clientY: 21});
+        setTimeout(function () {
+            var width2 = te.obj[0].body.getElementsByTagName('td')[4].width;
+            ok(width1 != width2 , '拖拽后单元格宽度改变');
+            start();
+        }, 50);
+    }, 400);
+    stop();
+});
+test('拖拽-最下边的单元格', function () {
+//    if (ua.browser.ie ) return;//todo 1.3.0
+
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    var tds = te.obj[0].body.getElementsByTagName('td');
+    var height1 = tds[20].height;
+    ua.mousemove(tds[24], {clientX: 439, clientY: 512});
+    ua.mousedown(tds[24], {clientX: 439, clientY: 512});
+    equal(editor.body.style.cursor, 'row-resize', '检查鼠标显示');
+
+    setTimeout(function () {
+        ua.mousemove(tds[24], {clientX: 439, clientY: 562});
+        ua.mouseup(tds[24], {clientX: 439, clientY: 562});
+        setTimeout(function () {
+            var height2 = te.obj[0].body.getElementsByTagName('td')[20].height;
+            ok(height2 - height1 > 10, '拖拽后单元格宽度改变');
+            start();
+        }, 50);
+    }, 400);
+    stop();
+});
+test('trace 3022 表格名称中backspace、ctrl+z、enter', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+//    expect(9);
+    editor.addListener('saveScene', function () {
+        ok(true);
+    });
+    stop();
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('insertcaption');
+        ua.keydown(editor.body, {'keyCode': 8});
+        setTimeout(function () {
+
+            range.setStart(trs[0].cells[0], 0).collapse(true).select();
+            ua.keydown(editor.body, {'keyCode': 90, 'ctrlKey': true});
+            setTimeout(function () {
+                ua.keydown(editor.body, {'keyCode': 13});
+                equal(te.obj[0].body.getElementsByTagName('caption').length, 1, '撤销删除caption');
+                equal(te.obj[0].body.getElementsByTagName('th').length, 0, '不会误插入标题行');
+                equal(te.obj[0].body.getElementsByTagName('table').length, 1, '不会增加表格数量');
+                equal(te.obj[0].body.getElementsByTagName('tr').length, 3, '不会增加表格行数量');
+                equal(te.obj[0].body.getElementsByTagName('tr')[0].cells.length, 3, '不会增加表格列数量');
+                equal(te.obj[0].selection.getRange().collapsed, true, '检查光标');
+
+                if(!ua.browser.gecko && !ua.browser.webkit)//todo 1.3.6 ff 回退后光标找不好
+                    equal(te.obj[0].selection.getRange().startContainer.parentNode, te.obj[0].body.getElementsByTagName('td')[0], '检查光标');
+                start();
+            }, 20);
+        }, 20);
+    }, 50);
+});
+
+
+
+/*trace 3067*/
+test('trace 3067 向右合并--tab键', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 2, numRows: 2});
+    ua.manualDeleteFillData(editor.body);
+
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('mergeright');
+    range.setStart(tds[0], 0).collapse(true).select();
+    range = editor.selection.getRange();
+    var common = range.getCommonAncestor(true, true);
+    equal(common.colSpan, 2, 'tab键前光标位于合并后的单元格中');
+    ua.keydown(editor.body, {'keyCode': 9});
+    setTimeout(function () {
+        range = editor.selection.getRange();
+        common = range.getCommonAncestor(true, true);
+        equal(common.colSpan, 1, 'tab键前光标跳到合并后单元格的下一个单元格中');
+        start();
+    }, 20);
+    stop();
+});
+
+/*trace 3100*/
+test('trace 3100 表格名称中tab键', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    editor.execCommand('insertcaption');
+    range.setStart(editor.body.getElementsByTagName('caption')[0], 0).collapse(true).select();
+    ua.keydown(editor.body, {'keyCode': 9});
+    stop();
+    setTimeout(function () {
+        editor = te.obj[0];
+        equal(editor.body.getElementsByTagName('caption').length, 1, '不会删除caption');
+        equal(editor.body.getElementsByTagName('th').length, 0, '不会误插入标题行');
+        equal(editor.body.getElementsByTagName('table').length, 1, '不会增加表格数量');
+        equal(editor.body.getElementsByTagName('tr').length, 3, '不会增加表格行数量');
+        equal(editor.body.getElementsByTagName('tr')[0].cells.length, 3, '不会增加表格列数量');
+        equal(editor.selection.getRange().collapsed, true, '检查光标');
+        if (!ua.browser.ie) //ie8下会导致堆栈溢出，奇葩的bug，以后不溢出再检查ie8
+            equal(editor.selection.getRange().startContainer, te.obj[0].body.getElementsByTagName('td')[0], '检查光标');
+        start();
+    }, 50);
+});
+
+/*trace 3059*/
+test('trace 3059 表格右浮动', function () {
+    if (ua.browser.ie)return;//TODO 1.2.6
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    ua.manualDeleteFillData(editor.body);
+    var tds = te.obj[0].body.getElementsByTagName('td');
+    var oldWidth = tds[0].offsetWidth;
+    ua.mousemove(tds[0], {clientX: 105, clientY: 20});
+    ua.mousedown(tds[0], {clientX: 105, clientY: 20});
+    ua.mouseup(tds[0], {clientX: 105, clientY: 20});
+    setTimeout(function () {
+
+        ua.mousedown(tds[0], {clientX: 105, clientY: 20});
+        ua.mouseup(tds[0], {clientX: 105, clientY: 20});
+
+        setTimeout(function () {
+            tds = editor.body.firstChild.getElementsByTagName('td');
+            ok(tds[0].offsetWidth < oldWidth, '第一列宽度变小');
+            range.setStart(tds[0], 0).collapse(true).select();
+            editor.execCommand('tablealignment', 'right');
+            var table = te.obj[0].body.getElementsByTagName('table')[0];
+            equal(table.align, 'right', '表格右浮动');
+
+            start();
+
+        }, 500);
+
+    }, 50);
+
+    stop();
+
+});
+
+test('trace 3378：拖拽后tab，不影响表格样式', function () {
+    if (ua.browser.ie && ua.browser.ie < 8) return;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    ua.manualDeleteFillData(editor.body);
+    var tds = te.obj[0].body.getElementsByTagName('td');
+    var width1 = tds[1].width;
+    ua.mousemove(tds[1], {clientX: 199, clientY: 100});
+    ua.mousedown(tds[1], {clientX: 199, clientY: 100});
+    setTimeout(function () {
+        ua.mousemove(tds[1], {clientX: 299, clientY: 100});
+        ua.mouseup(tds[1], {clientX: 299, clientY: 100});
+        var width2 = tds[1].width;
+        ok(width2 - width1 > 50, '拖拽后单元格宽度改变');
+        range.setStart(tds[24], 0).collapse(true).select();
+        ua.keydown(editor.body, {'keyCode': 9});
+        setTimeout(function () {
+            equal(tds[1].width, width2, 'tab键不影响单元格宽度');
+            start();
+        }, 20);
+    }, 400);
+    stop();
+});
+
+//超时，暂时注掉
+test('表格粘贴', function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable');
+    /*插入表格*/
+    var tds = editor.body.getElementsByTagName('td');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(tds[0], tds[24]);
+    ut.setSelected(cellsRange);
+    /*确定选区*/
+    range.setStart(tds[0], 0).collapse(true).select();
+    /*定光标*/
+    ua.keydown(editor.body, {'keyCode': 67, 'ctrlKey': true});
+    /*ctrl+c*/
+    var html = {html: editor.body.innerHTML};
+    range.setStart(editor.body.lastChild, 0).collapse(true).select();
+    equal(editor.body.getElementsByTagName('table').length, '1', '触发粘贴事件前有1个table');
+    editor.fireEvent('beforepaste', html);
+    /*粘贴*/
+    editor.fireEvent("afterpaste");
+    equal(editor.body.getElementsByTagName('table').length, '2', '触发粘贴事件后有2个table');
+});
+//
+//test('trace 3104 粘贴后合并单元格',function(){
+//    var div = document.body.appendChild(document.createElement('div'));
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent('');
+//    editor.execCommand('inserttable');
+//    var trs = editor.body.getElementsByTagName('tr');
+//    var ut = editor.getUETable(editor.body.firstChild);
+//    var cellsRange = ut.getCellsRange(trs[0].cells[0],trs[4].cells[0]);
+//    ut.setSelected(cellsRange);
+//    range.setStart( trs[0].cells[0], 0 ).collapse( true ).select();
+//    ua.keydown(editor.body,{'keyCode':67,'ctrlKey':true});
+//    ut.clearSelected();
+//    var html ={html:editor.body.innerHTML};
+//    range.setStart(editor.body.lastChild,0).collapse(true).select();
+//    editor.fireEvent('beforepaste',html);
+//    editor.fireEvent("afterpaste");
+//    var table = editor.body.getElementsByTagName('table');
+//    equal(table.length,'2','触发粘贴事件后有2个table');
+//    equal(table[1].firstChild.childNodes.length,'5','5行');
+//    equal(table[1].firstChild.firstChild.childNodes.length,'1','1列');
+//
+//    var tds = editor.body.getElementsByTagName('td');
+//    ut = editor.getUETable(editor.body.firstChild.nextSibling);
+//    cellsRange = ut.getCellsRange(tds[25],tds[29]);
+//    ut.setSelected(cellsRange);
+//    range.setStart(tds[25], 0 ).collapse( true ).select();
+//    editor.execCommand('mergecells');
+//    table = editor.body.getElementsByTagName('table');
+//    equal(table[1].firstChild.childNodes.length,'1','1行');
+//    equal(table[1].firstChild.firstChild.childNodes.length,'1','1列');
+//});
+//
+test('trace 3105 在表格名称中粘贴', function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable', {numCols: 2, numRows: 2});
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    editor.execCommand('insertcaption');
+    var str = ua.getChildHTML(editor.body);
+    var ut = editor.getUETable(editor.body.firstChild);
+    var tds = editor.body.getElementsByTagName('td');
+    var cellsRange = ut.getCellsRange(tds[0], tds[1]);
+    ut.setSelected(cellsRange);
+    range.setStart(tds[0], 0).collapse(true).select();
+
+    ua.keydown(editor.body, {'keyCode': 67, 'ctrlKey': true});
+    var html = {html: editor.body.innerHTML};
+    range.setStart(editor.body.getElementsByTagName('caption')[0], 0).collapse(true).select();
+    editor.fireEvent('beforepaste', html);
+    editor.fireEvent("afterpaste");
+    ut.clearSelected();
+    equal(editor.body.getElementsByTagName('table').length, '1', '触发粘贴事件后有1个table');
+    equal(ua.getChildHTML(editor.body), str, '粘贴无效');
+});
+
+test('trace 3106 粘贴标题行', function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable');
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('inserttitle');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var ths = editor.body.getElementsByTagName('th');
+    var cellsRange = ut.getCellsRange(ths[0], ths[4]);
+    ut.setSelected(cellsRange);
+    range.setStart(ths[0], 0).collapse(true).select();
+
+    ua.keydown(editor.body, {'keyCode': 67, 'ctrlKey': true});
+    var html = {html: editor.body.innerHTML};
+    range.setStart(editor.body.lastChild, 0).collapse(true).select();
+    editor.fireEvent('beforepaste', html);
+    editor.fireEvent("afterpaste");
+    equal(editor.body.getElementsByTagName('table').length, '2', '触发粘贴事件后有2个table');
+    if (ua.browser.gecko) {
+        //这个比较没意义
+//        equal(editor.body.firstChild.firstChild.firstChild.firstChild.tagName.toLowerCase(),'td','不是th，是td');
+        range.setStart(editor.body.firstChild.firstChild.firstChild.firstChild, 0).collapse(true).select();
+        equal(editor.queryCommandState('inserttable'), -1, '应当不可以插入表格');
+        equal(editor.queryCommandState('mergeright'), 0, '应当可以右合并单元格');
+    }
+    else {
+//        equal(editor.body.firstChild.nextSibling.firstChild.firstChild.firstChild.tagName.toLowerCase(),'td','不是th，是td');
+        range.setStart(editor.body.firstChild.nextSibling.firstChild.firstChild.firstChild, 0).collapse(true).select();
+        equal(editor.queryCommandState('inserttable'), -1, '应当不可以插入表格');
+        equal(editor.queryCommandState('mergeright'), 0, '应当可以右合并单元格');
+    }
+});
+
+test('trace 3114 在单元格内粘贴行', function () {
+    var div = document.body.appendChild(document.createElement('div'));
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable');
+    var tds = editor.body.getElementsByTagName('td');
+
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(tds[0], tds[9]);
+    ut.setSelected(cellsRange);
+    range.setStart(tds[0], 0).collapse(true).select();
+    ua.keydown(editor.body, {'keyCode': 67, 'ctrlKey': true});
+    var html = {html: editor.body.innerHTML};
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.fireEvent('beforepaste', html);
+    editor.fireEvent("afterpaste");
+    equal(editor.body.getElementsByTagName('table').length, '1', '触发粘贴事件后有1个table');
+    stop();
+    setTimeout(function () {
+        editor.execCommand('source');
+        setTimeout(function () {
+            editor.execCommand('source');
+            equal(editor.body.getElementsByTagName('tr').length, '7', '触发粘贴事件后有7个tr');
+            start();
+        }, 50);
+    }, 50);
+});
+test('在单元格中粘贴_粘到最后', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    /*插入表格*/
+    var tds = editor.body.getElementsByTagName('td');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(tds[0], tds[4]);
+    ut.setSelected(cellsRange);
+    /*确定选区*/
+    range.setStart(tds[0], 0).collapse(true).select();
+    /*定光标*/
+    ua.keydown(editor.body, {'keyCode': 67, 'ctrlKey': true});
+    /*ctrl+c*/
+    var html = {html: editor.body.innerHTML};
+    range.setStart(tds[8], 0).collapse(true).select();
+    equal(editor.body.getElementsByTagName('tr').length, 3, '触发粘贴事件前有3个tr');
+    equal(editor.body.getElementsByTagName('td').length, 9, '触发粘贴事件前有9个td');
+    editor.fireEvent('beforepaste', html);
+    /*粘贴*/
+    editor.fireEvent("afterpaste");
+    equal(editor.body.getElementsByTagName('tr').length, 4, '触发粘贴事件后有4个tr');
+    equal(editor.body.getElementsByTagName('td').length, 16, '触发粘贴事件后有12个td');
+});
+test('在单元格中粘贴_整列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    /*插入表格*/
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('inserttitle');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(tds[0], tds[6]);
+    ut.setSelected(cellsRange);
+    /*确定选区*/
+    range.setStart(tds[0], 0).collapse(true).select();
+    /*定光标*/
+    ua.keydown(editor.body, {'keyCode': 67, 'ctrlKey': true});
+    /*ctrl+c*/
+    var html = {html: editor.body.innerHTML};
+    range.setStart(tds[6], 0).collapse(true).select();
+    equal(editor.body.getElementsByTagName('tr').length, 4, '触发粘贴事件前有4个tr');
+    equal(editor.body.getElementsByTagName('th').length, 3, '触发粘贴事件前有3个th');
+    equal(editor.body.getElementsByTagName('td').length, 9, '触发粘贴事件前有9个td');
+    editor.fireEvent('beforepaste', html);
+    /*粘贴*/
+    editor.fireEvent("afterpaste");
+    equal(editor.body.getElementsByTagName('tr').length, 4, '触发粘贴事件后有4个tr');
+    equal(editor.body.getElementsByTagName('th').length, 4, '触发粘贴事件前有4个th');
+    equal(editor.body.getElementsByTagName('td').length, 12, '触发粘贴事件后有12个td');
+});
+test('点击一行的最左边,选中一行', function () {
+    if (ua.browser.ie && ua.browser.ie < 9)return;//todo click事件模拟有问题
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable', {numCols: 2, numRows: 3});
+    /*插入表格*/
+    setTimeout(function () {
+        var tds = editor.body.getElementsByTagName('td');
+        tds[0].innerHTML = 'hello1';
+        tds[1].innerHTML = 'hello2';
+        ua.mousemove(tds[0], {clientX: 8, clientY: 24});
+        ua.click(tds[0], {clientX: 8, clientY: 24});
+        setTimeout(function () {
+            var space = ua.browser.ie ? '' : ' ';
+            var quot = ua.browser.gecko ? '\"' : '';
+            equal(editor.body.style.cursor, 'url(' + quot + editor.options.cursorpath + 'v.png' + quot + '),' + space + 'pointer');
+//            //me.body.style.cursor
+            var selectedTds = editor.getUETable(editor.body.firstChild).selectedTds;
+            equal(selectedTds.length, 2, '选中一行');
+            equal(selectedTds[0].className, 'selectTdClass', '检查样式');
+            equal(selectedTds[1].className, 'selectTdClass', '检查样式');
+            equal(selectedTds[0].innerHTML, 'hello1', '检查内容');
+            equal(selectedTds[1].innerHTML, 'hello2', '检查内容');
+            //todo trace 3571
+//    ua.click(tds[2],{clientX:12,clientY:24,shiftKey:true});
+//    equal(editor.getUETable(editor.body.firstChild).selectedTds.length,6,'');
+            start();
+        }, 50);
+    }, 50);
+    stop();
+});
+
+test('点击一行的最左边,但是每行只有一列,这时选中单元格中的内容', function () {
+    if (ua.browser.ie && ua.browser.ie < 9)return;//todo click事件模拟有问题
+    var editor = te.obj[0];
+    editor.setContent('');
+    editor.execCommand('inserttable', {numCols: 1, numRows: 1});
+    /*插入表格*/
+    var tds = editor.body.getElementsByTagName('td');
+    tds[0].innerHTML = 'hello';
+    setTimeout(function () {
+        window.scrollTo(0,0);//保证位置准确
+
+        ua.click(tds[0], {clientX: 10, clientY: 23});
+        setTimeout(function () {
+            var selectedTds = editor.getUETable(editor.body.firstChild).selectedTds;
+            equal(selectedTds.length, 0, '不选中行');
+            if (ua.browser.ie>8) {
+                ua.checkResult(editor.selection.getRange(), tds[0].firstChild, tds[0].firstChild, 0, 5, false, '检查选中的range');
+            } else {
+                ua.checkResult(editor.selection.getRange(), tds[0], tds[0], 0, 1, false, '检查选中的range');
+            }
+            start();
+        }, 500);
+    }, 500);
+    stop();
+});
+test('点击一列的最上边,但是每列只有一行,这时选中单元格中的内容', function () {
+    if (ua.browser.ie && ua.browser.ie < 9)return;//todo click事件模拟有问题
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable', {numCols: 1, numRows: 1});
+    /*插入表格*/
+    stop();
+    setTimeout(function () {
+        var tds = editor.body.getElementsByTagName('td');
+        tds[0].innerHTML = 'hello';
+        window.scrollTo(0,0);//保证位置准确
+        ua.click(tds[0], {clientX: 81, clientY: 9,pageX: 81, pageY: 9});
+        setTimeout(function () {
+            var selectedTds = editor.getUETable(editor.body.firstChild).selectedTds;
+            equal(selectedTds.length, 0, '不选中列');
+            if (ua.browser.ie>8) {
+                ua.checkResult(editor.selection.getRange(), tds[0].firstChild, tds[0].firstChild, 0, 5, false, '检查选中的range');
+            } else {
+                ua.checkResult(editor.selection.getRange(), tds[0], tds[0], 0, 1, false, '检查选中的range');
+            }
+            start();
+        },10);
+    }, 50);
+});
+test('点击一列的最上边,选中一列', function () {
+    if (ua.browser.ie && ua.browser.ie < 9)return;//todo click事件模拟有问题
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('');
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+
+    /*插入表格*/
+    stop();
+    setTimeout(function () {
+        var tds = editor.body.getElementsByTagName('td');
+        tds[0].innerHTML = 'hello';
+        window.scrollTo(0,0);
+        ua.mousemove(tds[0], {clientX: 81, clientY: 9});
+        var space = ua.browser.ie ? '' : ' ';
+        var quot = ua.browser.gecko ? '\"' : '';
+        equal(editor.body.style.cursor, 'url(' + quot + editor.options.cursorpath + 'h.png' + quot + '),' + space + 'pointer');
+        ua.click(tds[0], {clientX: 81, clientY: 9});
+        setTimeout(function () {
+            var selectedTds = editor.getUETable(editor.body.firstChild).selectedTds;
+            equal(selectedTds.length, 3, '选中一列');
+            equal(selectedTds[0].innerHTML, 'hello', '检查内容');
+            equal(selectedTds[0].className, 'selectTdClass', '检查样式');
+            equal(selectedTds[1].className, 'selectTdClass', '检查样式');
+            equal(selectedTds[2].className, 'selectTdClass', '检查样式');
+
+            //todo trace 3571
+//    ua.click(tds[2],{clientX:370,clientY:9,shiftKey:true});
+//    equal(editor.getUETable(editor.body.firstChild).selectedTds.length,9,'');
+            start();
+        }, 500);
+    }, 50);
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.cmds.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.cmds.js
new file mode 100644
index 000000000..aca0c18e0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.cmds.js
@@ -0,0 +1,1519 @@
+module('plugins.table');
+//test('',function(){stop()})
+/*trace992，合并单元格后多了一个td*/
+test('向右合并--拆分成列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:2, numRows:2});
+    ua.manualDeleteFillData(editor.body);
+
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('mergeright');
+    range.setStart(tds[1], 0).collapse(true).select();
+    editor.execCommand('mergeright');
+    tds = editor.body.getElementsByTagName('td');
+    equal(tds.length, 2, '2个单元格');
+    equal(tds[0].getAttribute('colspan'), 2, '第一行的单元格colspan为2');
+    equal(tds[1].getAttribute('colspan'), 2, '第二行的单元格colspan为2');
+    ua.manualDeleteFillData(editor.body);
+    setTimeout(function () {
+        editor.execCommand('source');
+        start();
+    });
+    stop();
+    tds = editor.body.getElementsByTagName('td');
+    equal(tds.length, 2, '2个单元格');
+    equal(tds[0].getAttribute('colspan'), 2, '切换到源码后第一个的单元格colspan');
+    equal(tds[1].getAttribute('colspan'), 2, '切换到源码后第二行第一个的单元格colspan');
+
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('splittocols');
+    equal(tds[0].getAttribute('colspan'), 1, '拆分--[0][0]单元格colspan');
+    equal(tds[0].rowSpan, 1, '拆分--[0][0]单元格rowspan');
+});
+test('trace 3985  向右合并--拆分成列:th', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:2, numRows:2});
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0],0).collapse(true).select();
+    editor.execCommand('inserttitle');
+    var ths = editor.body.getElementsByTagName('th');
+    range.setStart(ths[0], 0).collapse(true).select();
+    editor.execCommand('mergeright');
+    ths = editor.body.getElementsByTagName('th');
+    equal(ths.length, 1, '1个th');
+    range.setStart(ths[0], 0).collapse(true).select();
+    editor.execCommand('splittocols');
+    equal(editor.body.getElementsByTagName('th').length, 2, '拆分单元格th');
+});
+test('trace 3985 向下合并-拆分成行', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:2, numRows:2});
+    ua.manualDeleteFillData(editor.body);
+    var tds = editor.body.getElementsByTagName('td');
+
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('mergedown');
+    range.setStart(tds[1], 0).collapse(true).select();
+    editor.execCommand('mergedown');
+    tds = editor.body.getElementsByTagName('td');
+    equal(tds.length, 2, '2个单元格');
+    equal(tds[0].getAttribute('rowspan'), 2, '合并--[0][0]单元格rowspan');
+    equal(tds[1].getAttribute('rowspan'), 2, '合并--[0][1]单元格rowspan');
+
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('splittorows');
+    range.setStart(tds[1], 0).collapse(true).select();
+    editor.execCommand('splittorows');
+    equal(tds[0].colSpan, 1, '拆分--[0][0]单元格colspan');
+    equal(tds[0].getAttribute('rowspan'), 1, '拆分--[0][0]单元格rowspan');
+});
+
+test('完全拆分单元格', function () {
+    if (ua.browser.ie&&ua.browser.ie >8)return;//todo ie9,10改range bug trace 单元格不能框选
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:3, numRows:3});
+    ua.manualDeleteFillData(editor.body);
+
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+
+        editor.execCommand('mergecells');
+        ut.clearSelected();
+        var tds = editor.body.getElementsByTagName('td');
+        equal(tds.length, 6, '单元格数');
+        equal(tds[0].getAttribute('colspan'), 2, '合并--[0][0]单元格colspan');
+        equal(tds[0].getAttribute('rowspan'), 2, '合并--[0][0]单元格rowspan');
+
+        editor.execCommand('splittoCells');
+        equal(tds.length, 9, '单元格数');
+        equal(tds[0].getAttribute('colspan'), 1, '拆分--[0][0]单元格colspan');
+        equal(tds[0].getAttribute('rowspan'), 1, '拆分--[0][0]单元格rowspan');
+        equal(tds[1].colSpan, 1, '拆分--[0][1]单元格colspan');
+        equal(tds[1].getAttribute('rowspan'), 1, '拆分--[0][1]单元格rowspan');
+
+        editor.undoManger.undo();
+        equal(tds[0].getAttribute('colspan'), 2, '撤销--[0][0]单元格colspan');
+        equal(tds[0].getAttribute('rowspan'), 2, '撤销--[0][0]单元格rowspan');
+        start();
+    }, 50);
+    stop();
+});
+
+test('删除table', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    ua.manualDeleteFillData(editor.body);
+    equal(editor.queryCommandState('deletetable'), -1, '删除按钮灰色');
+
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('deletetable');
+    ua.manualDeleteFillData(editor.body);
+    var table = editor.body.getElementsByTagName('table')[0];
+    equal(table, undefined, '删除成功');
+});
+
+test('平均分配行列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var html = '<table width="267" ><tbody><caption></caption><tr><th></th><th></th><th></th></tr><tr><td width="46" valign="top" colspan="1" rowspan="1" style="word-break: break-all;" height="57" ><br/></td><td width="158" valign="top" colspan="1" rowspan="1" style="word-break: break-all;" height="57" ><br/></td><td width="-1" valign="top" colspan="1" rowspan="1" style="word-break: break-all;" height="57" ><br/></td></tr><tr><td width="46" valign="top" style="word-break: break-all;" height="134" ><br/></td><td width="158" valign="top" colspan="1" rowspan="1" style="word-break: break-all;" height="134" ><br/></td><td width="-1" valign="top" style="word-break: break-all;" height="134" ><br/></td></tr><tr><td width="46" valign="top" style="word-break: break-all;" ><br/></td><td width="158" valign="top" colspan="1" rowspan="1" style="word-break: break-all;" ><br/></td><td width="-1" valign="top" style="word-break: break-all;" ><br/></td></tr></tbody></table>';
+    editor.setContent(html);
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(trs[1].cells[0], trs[1].cells[2]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[1].cells[0], 0).collapse(true).select();
+    editor.execCommand('averagedistributecol');
+    ut.clearSelected();
+    equal(editor.body.firstChild.getElementsByTagName('td')[1].width, editor.body.firstChild.getElementsByTagName('td')[2].width, '平均分配各列');
+    cellsRange = ut.getCellsRange(trs[1].cells[0], trs[3].cells[0]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[1].cells[0], 0).collapse(true).select();
+    editor.execCommand('averagedistributerow');
+    ut.clearSelected();
+    trs = editor.body.firstChild.getElementsByTagName('tr');
+    equal(trs[2].cells[0].height, trs[3].cells[0].height, '平均分配各行');
+});
+test('选部分行时，平均分布行/选部分列时，平均分布列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var html = '<table width="267" ><tbody><tr><td width="46" valign="top" colspan="1" rowspan="1" style="word-break: break-all;" height="57" ><br/></td><td width="158" valign="top" colspan="1" rowspan="1" style="word-break: break-all;" height="57" ><br/></td><td width="-1" valign="top" colspan="1" rowspan="1" style="word-break: break-all;" height="57" ><br/></td></tr><tr><td width="46" valign="top" style="word-break: break-all;" height="134" ><br/></td><td width="158" valign="top" colspan="1" rowspan="1" style="word-break: break-all;" height="134" ><br/></td><td width="-1" valign="top" style="word-break: break-all;" height="134" ><br/></td></tr><tr><td width="46" valign="top" style="word-break: break-all;" ><br/></td><td width="158" valign="top" colspan="1" rowspan="1" style="word-break: break-all;" ><br/></td><td width="-1" valign="top" style="word-break: break-all;" ><br/></td></tr></tbody></table>';
+    editor.setContent(html);
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[2]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    editor.execCommand('averagedistributerow');
+    ut.clearSelected();
+    trs = editor.body.firstChild.getElementsByTagName('tr');
+    equal(trs[1].cells[0].height, trs[0].cells[0].height, '平均分配各行');
+    cellsRange = ut.getCellsRange(trs[0].cells[0], trs[2].cells[1]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    editor.execCommand('averagedistributecol');
+    ut.clearSelected();
+    equal(editor.body.firstChild.getElementsByTagName('td')[0].width, editor.body.firstChild.getElementsByTagName('td')[1].width, '平均分配各列');
+});
+
+test('表格中设置对齐方式', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<table><caption></caption><tbody><tr><td></td><td><p>hello</p></td></tr></tbody></table>');
+    stop();
+    setTimeout(function(){
+        var caption = editor.body.getElementsByTagName('caption');
+        range.setStart(caption[0], 0).collapse(true).select();
+        editor.execCommand('cellalignment', {align:'right', vAlign:'top'});
+        equal(caption[0].style.textAlign, 'right', 'caption对齐方式为右上对齐');
+        equal(caption[0].style.verticalAlign, 'top', 'caption对齐方式为右上对齐');
+        var tds = editor.body.getElementsByTagName('td');
+        range.setStart(tds[0], 0).collapse(true).select();
+        editor.execCommand('cellalignment', {align:'right', vAlign:'top'});
+        equal(tds[0].align, 'right', 'td对齐方式为右上对齐');
+        equal(tds[0].vAlign, 'top', 'td对齐方式为右上对齐');
+        //*不闭合设置对齐方式*//*
+        range.selectNode(tds[1].firstChild, 0).select();
+        editor.execCommand('cellalignment', {align:'center', vAlign:'middle'});
+        equal(tds[1].align, 'center', 'p对齐方式为居中对齐');
+        start();
+    },50);
+
+});
+
+test('修改table屬性', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:2, numRows:3});
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    editor.execCommand('tablealignment', 'center');
+    var table = editor.body.getElementsByTagName('table')[0];
+    equal(table.align, 'center', '对齐方式居中');
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    editor.execCommand('edittable', '#ff0000');
+    ua.manualDeleteFillData(editor.body);
+    var tds = editor.body.getElementsByTagName('td');
+    if (ua.browser.ie && ua.browser.ie < 9) {
+        equal(tds[0].style.borderColor, '#ff0000', '边框颜色：红色');
+    } else {
+        equal(tds[0].style.borderColor, 'rgb(255, 0, 0)', '边框颜色：红色');
+    }
+    equal(editor.queryCommandState('edittable'), 0, 'state');
+});
+
+test('修改单元格', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[2], 0).collapse(true).select();
+    editor.execCommand('edittd', '#9bbb59');
+    if (ua.browser.ie && ua.browser.ie < 9) {
+        equal(tds[2].style.backgroundColor, '#9bbb59', '背景颜色');
+    } else {
+        equal(tds[2].style.backgroundColor, 'rgb(155, 187, 89)', '背景颜色');
+    }
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(tds[0], tds[6]);
+    ut.setSelected(cellsRange);
+    range.setStart(tds[0], 0).collapse(true).select();
+
+    editor.execCommand('edittd', '#9bbb59');
+    editor.execCommand('cellalignment', {align:'center', vAlign:'bottom'});
+    ut.clearSelected();
+    tds = editor.body.firstChild.getElementsByTagName('td');
+    if (ua.browser.ie && ua.browser.ie < 9) {
+        equal(tds[5].style.backgroundColor, '#9bbb59', '背景颜色');
+    } else {
+        equal(tds[5].style.backgroundColor, 'rgb(155, 187, 89)', '背景颜色');
+    }
+    equal(tds[5].align, 'center', '水平居中');
+    equal(tds[5].vAlign, 'bottom', '下方');
+    equal(editor.queryCommandState('edittd'), 0, 'state');
+    equal(editor.queryCommandState('cellalignment'), 0, 'state');
+});
+
+test('表格前插行', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    var tds = editor.body.firstChild.getElementsByTagName('td');
+    range.setStart(tds[1], 0).collapse(true).select();
+    editor.execCommand('insertparagraphbeforetable');
+    ua.manualDeleteFillData(editor.body);
+    var br = ua.browser.ie ? '&nbsp;' : '<br>';
+    equal(editor.body.firstChild.innerHTML, br, '表格前插行');
+});
+
+test('插入行', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:3, numRows:3});
+    ua.manualDeleteFillData(editor.body);
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('mergedown');
+    range.setStart(tds[4], 0).collapse(true).select();
+    editor.execCommand('insertrow');
+    tds = editor.body.getElementsByTagName('td');
+    equal(tds[0].getAttribute('rowspan'), 3, '[0][0]单元格rowspan');
+    editor.undoManger.undo();
+    equal(tds[0].getAttribute('rowspan'), 2, '[0][0]单元格rowspan');
+});
+test('选中两行，插入行', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<table width="984"><tbody><tr><td width="307" valign="top">hello</td><td width="307" valign="top"></td><td width="307" valign="top"></td></tr><tr><td width="307" valign="top"></td><td width="307" valign="top"></td><td width="307" valign="top"></td></tr><tr><td width="307" valign="top"></td><td width="307" valign="top"></td><td width="307" valign="top"></td></tr></tbody></table>');
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[0]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    editor.execCommand('insertrow');
+    ut.clearSelected();
+    equal(editor.body.getElementsByTagName('tr').length, 5, '选中两行，前插行，3行变5行');
+    trs = editor.body.firstChild.getElementsByTagName('tr');
+    ua.manualDeleteFillData(trs[2]);
+    equal(trs[2].cells[0].innerHTML,'hello','原来的第1行变成第3行');
+    ut = editor.getUETable(editor.body.firstChild);
+    cellsRange = ut.getCellsRange(trs[2].cells[0], trs[3].cells[0]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[2].cells[0], 0).collapse(true).select();
+    editor.execCommand('insertrownext');
+    ut.clearSelected();
+    equal(editor.body.getElementsByTagName('tr').length, 7,'选中两行，前插行，5行变7行');
+    trs = editor.body.firstChild.getElementsByTagName('tr');
+    ua.manualDeleteFillData(trs[2]);
+    equal(trs[2].cells[0].innerHTML,'hello','');
+});
+test('选中两列，插入列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<table width="984"><tbody><tr><td width="307" valign="top">hello</td><td width="307" valign="top"></td><td width="307" valign="top"></td></tr><tr><td width="307" valign="top"></td><td width="307" valign="top"></td><td width="307" valign="top"></td></tr><tr><td width="307" valign="top"></td><td width="307" valign="top"></td><td width="307" valign="top"></td></tr></tbody></table>');
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[1]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    editor.execCommand('insertcol');
+    ut.clearSelected();
+    equal(editor.body.getElementsByTagName('tr')[0].childNodes.length, 5, '选中两列，前插列，3行变5列');
+    trs = editor.body.firstChild.getElementsByTagName('tr');
+    ua.manualDeleteFillData(trs[0]);
+    equal(trs[0].cells[2].innerHTML,'hello','原来的第1列变成第3列');
+    ut = editor.getUETable(editor.body.firstChild);
+    cellsRange = ut.getCellsRange(trs[0].cells[2], trs[0].cells[3]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[0].cells[2], 0).collapse(true).select();
+    editor.execCommand('insertcolnext');
+    ut.clearSelected();
+    equal(editor.body.getElementsByTagName('tr')[0].childNodes.length, 7,'选中两列，前插列，5列变7列');
+    trs = editor.body.firstChild.getElementsByTagName('tr');
+    ua.manualDeleteFillData(trs[0]);
+    equal(trs[0].cells[2].innerHTML,'hello','');
+});
+test('trace 3986 插入列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:3, numRows:3});
+    ua.manualDeleteFillData(editor.body);
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('mergeright');
+    range.setStart(tds[3], 0).collapse(true).select();
+    editor.execCommand('insertcol');
+    tds = editor.body.getElementsByTagName('td');
+    equal(tds[0].getAttribute('colspan'), 3, '[0][0]单元格colspan');
+    editor.undoManger.undo();
+    equal(tds[0].getAttribute('colspan'), 2, '[0][0]单元格colspan');
+    range.setStart(tds[1], 0).setCursor();
+    editor.execCommand("insertcol");
+    equal(tds[0].parentNode.cells.length, 3, "插入了一列")
+});
+test('带th的表格，插入列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:2, numRows:3});
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0],0).collapse(true).select();
+    editor.execCommand('inserttitle');
+    stop();
+    setTimeout(function(){
+        var tds = editor.body.getElementsByTagName('td');
+        range.setStart(tds[0], 0).collapse(true).select();
+        editor.execCommand('insertcol');
+        var ths = editor.body.getElementsByTagName('tr')[0].childNodes;
+        equal(ths.length,3,'第一行有3个单元');
+        for(var i=0;i<ths.length;i++){
+            equal(ths[i].tagName.toLowerCase(),'th','第'+i+'个单元tagName是th');
+        }
+        start();
+    },20);
+});
+test('原表格非第一行带th，插入列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<table width="984"><tbody><tr><td width="471" valign="top"></td><td width="471" valign="top"></td></tr><tr><th width="471" valign="top"></th><td width="471" valign="top"></td></tr></tbody></table>');
+    stop();
+    setTimeout(function(){
+        var trs = editor.body.getElementsByTagName('tr');
+        range.setStart(trs[1].cells[0], 0).collapse(true).select();
+        editor.execCommand('insertcolnext');
+        trs = editor.body.getElementsByTagName('tr');
+        equal(trs[1].childNodes.length, 3, '插入一列');
+        equal(trs[1].cells[1].tagName.toLowerCase(), 'td', '除第一行以外，插入的不能是th');
+        start();
+    }, 20);
+});
+
+test('删除行', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<table><tbody><tr><td width="483" valign="top">1</td><td width="483" valign="top">2</td></tr><tr><td width="483" valign="top">3</td><td width="483" valign="top">4</td></tr><tr><td width="483" valign="top">5</td><td width="483" valign="top">6</td></tr></tbody></table>');
+    //
+
+    stop();
+    setTimeout(function () {
+        var tds = editor.body.getElementsByTagName('td');
+        range.setStart(tds[0], 0).collapse(1).select();
+        editor.execCommand('deleterow');
+        equal(editor.body.getElementsByTagName('tr').length, 2, '删除行');
+        editor.undoManger.undo();
+        setTimeout(function () {
+            equal(editor.body.getElementsByTagName('tr').length, 3, '撤销后的行数');
+            tds = editor.body.getElementsByTagName('td');
+            range.setStart(tds[5], 0).collapse(1).select();
+            editor.execCommand('deleterow');
+            setTimeout(function () {
+                equal(editor.body.getElementsByTagName('tr').length, 2, '删除行');
+                var table = editor.document.getElementsByTagName("table")[0];
+                var cell = table.rows[0].cells[0];
+                setTimeout(function () {
+                    range.setStart(cell, 0).setCursor();
+                    editor.execCommand("mergeDown");
+                    equal(cell.rowSpan, 2, "合并了一行");
+                    editor.execCommand("deleterow");
+                    equal(table.rows.length, 1, "在合并的单元格中删除行后，表格变成了一行");
+                    start();
+                }, 50);
+            }, 50);
+        }, 50);
+    }, 50);
+});
+test('选中部分单元格，删除行列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[1]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('deleterow');
+        ut.clearSelected();
+        equal(editor.body.getElementsByTagName('tr').length, 2, '选中部分单元格，删除行');
+        trs = editor.body.firstChild.getElementsByTagName('tr');
+        ut = editor.getUETable(editor.body.firstChild);
+        cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[1]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).setEnd(trs[0].cells[1], 1).select();
+        editor.execCommand('deletecol');
+        ut.clearSelected();
+        equal(trs[0].childNodes.length, 1, '选中部分单元格，删除列');
+        trs = editor.body.firstChild.getElementsByTagName('tr');
+        ut = editor.getUETable(editor.body.firstChild);
+        cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[0]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        ut.clearSelected();
+        editor.execCommand('deletecol');
+        equal(editor.body.getElementsByTagName('table').length, 0, '删除列至表格删空');
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+        trs = editor.body.firstChild.getElementsByTagName('tr');
+        ut = editor.getUETable(editor.body.firstChild);
+        cellsRange = ut.getCellsRange(trs[0].cells[0], trs[2].cells[0]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('deleterow');
+        ut.clearSelected();
+        equal(editor.body.getElementsByTagName('table').length, 0, '删除列至表格删空');
+        start();
+    }, 50);
+    stop();
+});
+test('settablebackground', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p></p>' );
+    range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+    editor.execCommand( 'inserttable', {numCols:2,numRows:2} );
+    var tds = editor.body.firstChild.getElementsByTagName('td');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(tds[0], tds[2]);
+    ut.setSelected(cellsRange);
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand("settablebackground",{repeat:true,colorList:["#bbb","#ccc"]});
+    setTimeout(function(){
+        var br = ua.browser.ie?'':'<br>';
+        var tds = editor.body.firstChild.getElementsByTagName('td');
+        if(ua.browser.ie&&ua.browser.ie<9){
+            ok( tds[0].style.backgroundColor === '#bbb', '选区隔行变色， 第一列第一行颜色匹配' );
+            ok( tds[2].style.backgroundColor === '#ccc', '选区隔行变色， 第一列第二行颜色匹配' );
+        }
+        else{
+            ok( tds[0].style.backgroundColor === 'rgb(187, 187, 187)', '选区隔行变色， 第一列第一行颜色匹配' );
+            ok( tds[2].style.backgroundColor === 'rgb(204, 204, 204)', '选区隔行变色， 第一列第二行颜色匹配' );
+        }
+        range.setStart(tds[0], 0).collapse(true).select();
+        editor.execCommand('cleartablebackground');
+        setTimeout(function(){
+            ok( tds[0].style.backgroundColor === '', '取消选区隔行变色， 第一列第一行颜色匹配' );
+            ok( tds[2].style.backgroundColor === '', '取消选区隔行变色， 第一列第二行颜色匹配' );
+            start();
+        },20);
+    },20);
+    stop();
+});
+test('interlacetable', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:2, numRows:2});
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0], 0).collapse(1).select();
+    editor.execCommand('interlacetable');
+    stop();
+    setTimeout(function () {
+        equal(editor.body.firstChild.attributes['interlaced'].nodeValue, 'enabled', '');
+        equal(editor.body.getElementsByTagName('tr')[0].className, 'ue-table-interlace-color-single firstRow', '');
+        equal(editor.body.getElementsByTagName('tr')[1].className, 'ue-table-interlace-color-double', '');
+        tds = editor.body.getElementsByTagName('td');
+        range.setStart(tds[0], 0).collapse(1).select();
+        editor.execCommand('uninterlacetable');
+        setTimeout(function () {
+            equal(editor.body.firstChild.attributes['interlaced'].nodeValue, 'disabled', '');
+            equal(editor.body.getElementsByTagName('tr')[0].className, 'firstRow', '');
+            start();
+        }, 20);
+    }, 20);
+});
+//
+//*trace 750，1308*//*
+//test( 'trace1308：前插入行的样式和原先不同', function() {
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent( '<p></p>' );
+//    range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+//    editor.execCommand( 'inserttable', {numCols:2,numRows:2} );
+//    ua.manualDeleteFillData( editor.body );
+//    range.setStartAfter( editor.body.firstChild ).collapse( true ).select();
+//    //cellborder:2,不支持了
+//    editor.execCommand( 'inserttable', {border:2,numCols:2,numRows:2} );
+//    var table2 = editor.body.getElementsByTagName( 'table' )[1];
+//    range.setStart( table2.getElementsByTagName( 'td' )[0], 0 ).collapse( true ).select();
+//    editor.execCommand( 'insertrow' );
+//    var tds = table2.getElementsByTagName( 'td' );
+//*//*firefox下用jquery的方式去不到border-width*//*
+//    for(var index = 0;index<tds.length;index++)
+//*//*边框宽度加到table上了*//*
+//equal(table2.getAttribute('border'),'2','表格边框为2px');
+////    equal( $( tds[index] ).css( 'border-width' ) || tds[index].style.borderWidth, '2px', '表格边框为2px' );
+////    for ( var index = 0; index < tds.length; index++ ) {
+////        equal( $( tds[index ] ).css( 'border-width' ) || tds[index].style.borderWidth, '2px', '查看第' + (index + 1) + '个单元格的边框' )
+////    }
+//} );
+
+//*trace 749*//*
+test('trace 749：拆分为列后2列都有文本', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:2, numRows:2});
+    ua.manualDeleteFillData(editor.body);
+    var tds = editor.body.getElementsByTagName('td');
+    tds[1].innerHTML = 'hello';
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('mergeright');
+    var tr = editor.body.getElementsByTagName('tr')[0];
+    equal($(tr.firstChild).attr('colspan'), '2', '跨度2列');
+    editor.execCommand('splittocols');
+    ua.manualDeleteFillData(editor.body);
+    tds = editor.body.getElementsByTagName('td');
+    //1.2版本，合并拆分之后hello前多了空的占位符
+    ok(tds[0].innerHTML, '第一个单元格中有内容');
+    ok(tds[1].innerHTML == '' || tds[1].innerHTML == '<br>', '第二个单元格中有内容');
+});
+
+//*trace 743*//*
+test('trace 743：合并单元格后删除列再撤销', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:4, numRows:4});
+    ua.manualDeleteFillData(editor.body);
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[3]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+
+        editor.execCommand('mergecells');
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('deleterow');
+        trs = editor.body.getElementsByTagName('tr');
+        equal(trs.length, 3, '删除后只剩3个tr');
+        editor.undoManger.undo();
+        trs = editor.body.getElementsByTagName('tr');
+        equal(trs.length, 4, '撤销后有4个tr');
+        equal($(trs[0].cells[0]).attr('colspan'), 4, '第一行的第一个单元格colspan为4');
+        start();
+    }, 50);
+    stop();
+});
+
+//*trace 726*//*
+test('trace 726：选中合并过的单元格和普通单元格，查看完全拆分单元格菜单是否高亮', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:4, numRows:4});
+    ua.manualDeleteFillData(editor.body);
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+
+        editor.execCommand('mergecells');
+        equal(editor.queryCommandState('splittocells'), 0, '应当可以拆分单元格');
+        setTimeout(function () {
+            var trs = editor.body.firstChild.getElementsByTagName('tr');
+            var ut = editor.getUETable(editor.body.firstChild);
+            var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[3].cells[3]);
+            ut.setSelected(cellsRange);
+            range.setStart(trs[0].cells[0], 0).collapse(true).select();
+            editor.queryCommandState('splittocells');
+            equal(editor.queryCommandState('splittocells'), -1, '应当不可以拆分单元格');
+            start();
+        }, 50);
+    }, 50);
+    stop();
+});
+
+//*trace 718*//*
+test('trace 718：2次撤销删除列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:4, numRows:4});
+    ua.manualDeleteFillData(editor.body);
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[1].cells[1], trs[2].cells[2]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[1].cells[1], 0).collapse(true).select();
+
+        editor.execCommand('mergecells');
+        equal(trs[1].cells[1].rowSpan, 2, 'rowspan 为2');
+        equal(trs[1].cells[1].colSpan, 2, 'colspan 为2');
+        editor.execCommand('deletecol');
+        equal(trs[1].cells.length, 3, '3个td');
+        editor.undoManger.undo();
+
+        trs = editor.body.firstChild.getElementsByTagName('tr');
+        equal(trs[1].cells.length, 3, '3个td');
+        equal(trs[1].cells[1].rowSpan, 2, 'rowspan 为2');
+        equal(trs[1].cells[1].colSpan, 2, 'colspan 为2');
+
+        range.setStart(trs[1].cells[1], 0).collapse(1).select();
+        editor.execCommand('deletecol');
+        equal(trs[1].cells.length, 3, '3个td');
+        equal(trs[1].cells[1].rowSpan, 2, 'rowspan 为2');
+        ok(trs[1].cells[1].colSpan == undefined || trs[1].cells[1].colSpan == 1, 'colspan为1或者undefined');
+        start();
+    }, 50);
+    stop();
+});
+
+//*trace 1098 *//*
+test('trace 1098:多次合并单元格偶切换到源码再切回来', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:3, numRows:3});
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[2].cells[0]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('mergecells');
+
+        setTimeout(function () {
+            trs = editor.body.firstChild.getElementsByTagName('tr');
+            ut = editor.getUETable(editor.body.firstChild);
+            cellsRange = ut.getCellsRange(trs[0].cells[1], trs[2].cells[0]);
+            ut.setSelected(cellsRange);
+            range.setStart(trs[0].cells[1], 0).collapse(true).select();
+            editor.execCommand('mergecells');
+//
+            setTimeout(function () {
+                trs = editor.body.firstChild.getElementsByTagName('tr');
+                ut = editor.getUETable(editor.body.firstChild);
+                cellsRange = ut.getCellsRange(trs[0].cells[2], trs[1].cells[0]);
+                ut.setSelected(cellsRange);
+                range.setStart(trs[0].cells[2], 0).collapse(true).select();
+                editor.execCommand('mergecells');
+                editor.execCommand('source');
+                setTimeout(function () {
+                    editor.execCommand('source');
+                    setTimeout(function () {
+                        trs = editor.body.firstChild.getElementsByTagName('tr');
+                        equal(trs.length, 3, '3个tr');
+                        equal(trs[0].cells[0].rowSpan, 3, '第一个单元格rowspan 3');
+                        equal(trs[0].cells[1].rowSpan, 3, '第二个单元格rowspan 3');
+                        equal(trs[0].cells.length, 3, '3个td');
+                        equal(trs[1].cells.length, 0, '0个td');
+                        equal(trs[2].cells.length, 1, '1个td');
+                        start();
+                    }, 50);
+                }, 50);
+            }, 50);
+        }, 50);
+    }, 50);
+    stop();
+});
+
+//*trace 1307*//*
+test('trace 1307:adjustTable--多次合并单元格切换到源码再切回来--选中单元格浏览器会假死', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:4, numRows:4});
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[1].cells[0], trs[3].cells[1]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[1].cells[0], 0).collapse(true).select();
+
+        editor.execCommand('mergecells');
+        setTimeout(function () {
+            var trs = editor.body.firstChild.getElementsByTagName('tr');
+            var ut = editor.getUETable(editor.body.firstChild);
+            var cellsRange = ut.getCellsRange(trs[0].cells[2], trs[2].cells[0]);
+            ut.setSelected(cellsRange);
+            range.setStart(trs[0].cells[2], 0).collapse(true).select();
+            editor.execCommand('mergecells');
+            editor.execCommand('source');
+            setTimeout(function () {
+                editor.execCommand('source');
+                setTimeout(function () {
+                    trs = editor.body.getElementsByTagName('tr');
+                    equal(trs[1].rowIndex, 1, '（1,1）行索引');
+                    equal(trs[1].cells[0].cellIndex, 0, '（1,0）列索引');
+                    equal(trs[1].cells[1].cellIndex, 1, '（1,1）列索引');
+                    equal(trs[2].rowIndex, 2, '（2,2）行索引');
+                    equal(trs[2].cells[0].cellIndex, 0, '（2,0）列索引');
+
+                    equal(trs[1].cells[0].rowSpan, 3, '第二行第一个单元格rowspan 3');
+                    equal(trs[1].cells[0].colSpan, 2, '第二行第一个单元格colspan 2');
+                    equal(trs[0].cells[2].rowSpan, 3, '第一行第三个单元格rowspan 3');
+                    equal(trs.length, 4, '4个tr');
+                    equal(trs[0].cells.length, 4, '4个td');
+                    equal(trs[1].cells.length, 2, '2个td');
+                    equal(trs[2].cells.length, 1, '1个td');
+                    equal(trs[3].cells.length, 2, '2个td');
+                    start();
+                }, 50);
+            }, 50);
+        }, 50);
+    }, 50);
+    stop();
+});
+//*//*trace 2378*//*
+//test('不覆盖原来的class',function(){
+//    var editor = te.obj[0];
+//    editor.setContent('<table class="asdf" border="0" cellspacing="1" cellpadding="3" width="332"><tbody><tr><td></td></tr></tbody></table>');
+//    editor.execCommand('source');
+//    editor.execCommand('source');
+//    var table = editor.body.getElementsByTagName('table');
+//    equal($(table).attr('class'),'asdf noBorderTable','table的class');
+//});
+
+//*trace 3121*//*
+//*trace 3195*//*
+test('单元格对齐方式-align', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:3, numRows:3});
+    ua.manualDeleteFillData(editor.body);
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[2]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+
+    editor.execCommand('mergecells');
+    ut.clearSelected();
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    editor.execCommand('cellalign', 'center');
+    ua.manualDeleteFillData(editor.body);
+    var tds = editor.body.getElementsByTagName('td');
+    equal(tds[0].align, 'center', '第一个单元格居中对齐');
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('splittocols');
+    tds = editor.body.getElementsByTagName('td');
+    equal(tds[0].align, 'center', '第一个单元格居中对齐');
+    equal(tds[1].align, 'center', '第二个单元格居中对齐');
+    equal(tds[2].align, 'center', '第二个单元格居中对齐');
+});
+
+test('单元格对齐方式-vAlign', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:2, numRows:2});
+    ua.manualDeleteFillData(editor.body);
+
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    editor.execCommand('mergedown');
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    editor.execCommand('cellvalign', 'middle');
+    ua.manualDeleteFillData(editor.body);
+    var tds = editor.body.getElementsByTagName('td');
+    equal(tds[0].vAlign, 'middle', '第一个单元格居中对齐');
+    range.setStart(tds[0], 0).collapse(true).select();
+    editor.execCommand('splittorows');
+    tds = editor.body.getElementsByTagName('td');
+    equal(tds[0].vAlign, 'middle', '第一个单元格居中对齐');
+    equal(tds[2].vAlign, 'middle', '第二个单元格居中对齐');
+});
+
+test('adaptbytext，adaptbywindow', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:2, numRows:2});
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    if(ua.browser.ie!=8)
+        ok( editor.body.offsetWidth === editor.body.getElementsByTagName('table')[0].offsetWidth ,'默认按窗口计算宽度');//数值不具体计算了
+    editor.execCommand('adaptbytext');//parseInt
+    stop();
+    setTimeout(function(){
+        equal(editor.body.firstChild.width,'','按内容自适应')
+        editor.execCommand('adaptbywindow');
+        setTimeout(function(){
+            ok((parseInt(editor.body.firstChild.width)-editor.body.offsetWidth/2)>0,'默认按窗口计算宽度');
+            start();
+        },20);
+    },20);
+});
+
+test('deletetitle', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p></p>' );
+    range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+    editor.execCommand( 'inserttable', {numCols:2, numRows:2});
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0],0).collapse(true).select();
+    editor.execCommand('inserttitle');
+    stop();
+    setTimeout(function(){
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        equal(trs.length,3,'表格增加一行');
+        for(var i = 0; i< trs[0].childNodes.length;i++){
+            equal(trs[0].childNodes[i].tagName.toLowerCase(),'th','增加的th');
+        }
+        range.setStart(tds[0],0).collapse(true).select();
+        editor.execCommand('deletetitle');
+        setTimeout(function(){
+            equal(editor.body.firstChild.getElementsByTagName('tr').length,2,'表格减少一行');
+            equal(editor.body.firstChild.getElementsByTagName('tr')[0].firstChild.tagName.toLowerCase(),'td','第一行不是标题');
+            start();
+        },20);
+    },20);
+});
+
+/*trace 3222*/
+test('trace 3222：在合并后的单元格中按tab键', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    ua.manualDeleteFillData(editor.body);
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[1].cells[1], trs[2].cells[1]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[1].cells[1], 0).collapse(true).select();
+
+        editor.execCommand('mergecells');
+        trs[1].cells[2].innerHTML = 'asd';
+        range.setStart(trs[1].cells[1], 0).collapse(true).select();
+        ua.keydown(editor.body, {'keyCode':9});
+        if (ua.browser.gecko||ua.browser.webkit)
+            equal(editor.selection.getRange().startContainer.innerHTML, 'asd', '第一次tab键');
+        else
+            equal(editor.selection.getRange().startContainer.data, 'asd', '第一次tab键');
+        range.setStart(trs[1].cells[1], 0).collapse(true).select();
+        ua.keydown(editor.body, {'keyCode':9});
+        if (ua.browser.gecko||ua.browser.webkit)
+            equal(editor.selection.getRange().startContainer.innerHTML, 'asd', '第二次tab键');
+        else
+            equal(editor.selection.getRange().startContainer.data, 'asd', '第二次tab键');
+        start();
+    }, 50);
+    stop();
+});
+
+/*trace 3191*/
+test('trace 3191：删除表格名称', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    setTimeout(function () {
+        var tds = editor.body.getElementsByTagName('td');
+        range.setStart(tds[0], 0).collapse(true).select();
+        editor.execCommand('insertcaption');
+        range.setStart(editor.body.getElementsByTagName('caption')[0], 0).collapse(true).select();
+        editor.execCommand('deletecaption');
+        equal(editor.body.getElementsByTagName('caption').length, '0', '表格名称被删除');
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        ua.keydown(editor.body, {keyCode: 90, ctrlKey: true});
+        equal(editor.body.getElementsByTagName('caption').length, '1', '表格名称被还原');
+        start();
+    }, 50);
+    stop();
+});
+
+/*trace 3195*/
+test('trace 3195：合并单元格后删除列再撤销', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:4, numRows:4});
+    ua.manualDeleteFillData(editor.body);
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        trs[0].cells[1].innerHTML = 'asd';
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[2].cells[2]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+
+        editor.execCommand('mergecells');
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('splittocols');
+        trs = editor.body.getElementsByTagName('tr');
+        equal(trs.length, 4, '4个tr');
+        equal(trs[0].cells.length, 4, '4个td');
+        equal(trs[1].cells.length, 1, '1个td');
+        equal(trs[2].cells.length, 1, '1个td');
+        equal(trs[3].cells.length, 4, '4个td');
+        equal(trs[0].cells[0].vAlign, 'top', '单元格[0][0]的vAlign');
+        equal(trs[0].cells[0].align, '', '单元格[0][0]的align');
+        equal(trs[0].cells[1].vAlign, 'top', '单元格[0][1]的vAlign');
+        equal(trs[0].cells[2].vAlign, 'top', '单元格[0][2]的vAlign');
+        if (ua.browser.ie) {
+            equal(trs[0].cells[1].align, '', '单元格[0][1]的align');
+            equal(trs[0].cells[2].align, '', '单元格[0][2]的align');
+        } else {
+            equal(trs[0].cells[1].align, 'null', '单元格[0][1]的align');
+            equal(trs[0].cells[2].align, 'null', '单元格[0][2]的align');
+        }
+        start();
+    }, 50);
+    stop();
+});
+
+/*trace 3231*/
+test(' trace 3779 trace 3231：向右合并--拆分成列', function () {
+    if(ua.browser.ie&& ua.browser.ie>8)return;//todo
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:2, numRows:2});
+    setTimeout(function () {
+        ua.manualDeleteFillData(editor.body);
+        var tds = editor.body.getElementsByTagName('td');
+        tds[1].innerHTML = 'asd';
+        range.setStart(tds[1], 0).collapse(true).select();
+        editor.execCommand('insertcolnext');
+        ua.manualDeleteFillData(editor.body);
+        equal(editor.body.getElementsByTagName('tr')[0].cells.length, '3', '3列');
+        equal(editor.body.getElementsByTagName('td')[1].innerHTML, 'asd', '后插入行');
+        var br = ua.browser.ie ? '' : '<br>';
+        equal(editor.body.getElementsByTagName('td')[2].innerHTML, br, '后插入行');
+        range.setStart(editor.body.getElementsByTagName('td')[2], 0).collapse(true).select();
+        editor.execCommand('insertrownext');
+        equal(editor.body.getElementsByTagName('tr').length, 3, '3行');
+        editor.execCommand('deletecol');
+        equal(editor.body.getElementsByTagName('td')[1].innerHTML, 'asd', '');
+        equal(editor.body.getElementsByTagName('td').length, '6', '');
+        start();
+    }, 50);
+    stop();
+});
+//test('标题行中底纹',function(){
+//    var editor = te.obj[0];
+//    var range = te.obj[1];
+//    editor.setContent( '<p></p>' );
+//    range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+//    editor.execCommand( 'inserttable');
+//    var tds = editor.body.getElementsByTagName('td');
+//    range.setStart(tds[0],0).collapse(true).select();
+//    editor.execCommand('inserttitle');
+//
+//    var ut = editor.getUETable(editor.body.firstChild);
+//    var ths = editor.body.getElementsByTagName('th');
+//    var cellsRange = ut.getCellsRange(ths[0],ths[4]);
+//    ut.setSelected(cellsRange);
+//    range.setStart( ths[0], 0 ).collapse( true ).select();
+//    editor.execCommand('interlacetable');
+//    ut.clearSelected();
+//    equal(ths[0].style.backgroundColor,'red','红色');
+////    equal(editor.queryCommandState('settablebackground'),-1,'命令不可用');
+//});
+
+/*trace 713*/
+test('trace 713：合并最后一列单元格后再前插入列', function () {
+    if(ua.browser.ie)//TODO 1.2.6
+        return;
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols:3, numRows:3});
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[2], trs[2].cells[2]);
+        /*合并最后一列的单元格*/
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[2], 0).collapse(true).select();
+
+        editor.execCommand('mergecells');
+        setTimeout(function () {
+            equal($(trs[0].cells[2]).attr('rowspan'), 3, '跨3行');
+            editor.execCommand('insertcol');
+            setTimeout(function () {
+                /*前插入列*/
+                trs = editor.body.getElementsByTagName('tr');
+                equal(trs[0].cells.length, 4, '4列');
+                equal($(trs[0].cells[3]).attr('rowspan'), 3, '跨3行');
+                start();
+            }, 50);
+        }, 50);
+    }, 50);
+    stop();
+});
+
+
+test('inserttitlecol, deletetitlecol', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p></p>' );
+    range.setStart( editor.body.firstChild, 0 ).collapse( true ).select();
+    editor.execCommand( 'inserttable', {numCols:2, numRows:2});
+    var tds = editor.body.getElementsByTagName('td');
+    range.setStart(tds[0],0).collapse(true).select();
+    editor.execCommand('inserttitlecol');
+    stop();
+    setTimeout(function(){
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        equal(trs[0].children.length,3,'表格增加一列');
+        for(var i = 0; i< trs.length;i++){
+            equal(trs[i].childNodes[0].tagName.toLowerCase(),'th','增加的th');
+        }
+        range.setStart(tds[0],0).collapse(true).select();
+        editor.execCommand('deletetitlecol');
+        setTimeout(function(){
+            equal(trs[0].children.length,2,'表格减少一列');
+            equal(editor.body.firstChild.getElementsByTagName('tr')[0].firstChild.tagName.toLowerCase(),'td','第一列不是标题');
+            start();
+        },20);
+    },20);
+});
+/*trace 3216*/
+test('contextMenu trace 3216：前插入行', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    stop();
+    var lang = editor.getLang("contextMenu");
+    editor.execCommand('cleardoc');
+    editor.execCommand('inserttable');
+    var tds = editor.body.getElementsByTagName('td');
+    tds[0].innerHTML = 'asd';
+    range.setStart(tds[0], 0).collapse(true).select();
+    ua.contextmenu(editor.body.firstChild);
+    var menutable = document.getElementsByClassName("edui-menu-body")[1];
+    var forTable = document.getElementsByClassName('edui-for-table');
+    if (ua.browser.ie) {
+        ua.mouseenter(forTable[forTable.length - 1]);
+    } else {
+        ua.mouseover(forTable[forTable.length - 1]);
+    }
+    setTimeout(function () {
+        lang = editor.getLang("contextMenu");
+        ua.click(menutable.childNodes[6]);
+        equal(editor.body.getElementsByTagName('tr').length, 6, '前插入行后有6行');
+        equal(ua.getChildHTML(editor.body.getElementsByTagName('td')[5]), 'asd', '原单元格中文本未改变');
+        setTimeout(function () {
+            document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+            te.dom.push(editor.container);
+            start();
+        }, 200);
+    }, 200);
+});
+test('contextMenu 选区背景隔行', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+    var lang = editor.getLang("contextMenu");
+    editor.execCommand('cleardoc');
+    editor.execCommand('inserttable');
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    ua.contextmenu(editor.body.firstChild);
+    var menutableBody = document.getElementsByClassName("edui-menu-body")[3];
+    var forTable = document.getElementsByClassName('edui-for-table');
+    if (ua.browser.ie) {
+        ua.mouseenter(forTable[forTable.length - 1]);
+    } else {
+        ua.mouseover(forTable[forTable.length - 1]);
+    }
+    setTimeout(function () {
+        lang = editor.getLang("contextMenu");
+        equal(menutableBody.childNodes.length, 4, '4个子项目');
+        if (browser.gecko) {
+            equal(menutableBody.textContent, '表格隔行变色选区背景隔行红蓝相间三色渐变', '检查menu显示的字符');
+        }
+        else {
+            equal(menutableBody.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), '表格隔行变色选区背景隔行红蓝相间三色渐变', '检查menu显示的字符');
+        }
+        ua.click(menutableBody.childNodes[1]);
+        ut.clearSelected();
+        trs = editor.body.getElementsByTagName('tr');
+        if (ua.browser.ie == 8) {
+            equal(trs[0].cells[0].style.backgroundColor, '#bbb', '第一行');
+            equal(trs[1].cells[1].style.backgroundColor, '#ccc', '第二行');
+        } else {
+            equal(trs[0].cells[0].style.backgroundColor, 'rgb(187, 187, 187)', '第一行');
+            equal(trs[1].cells[1].style.backgroundColor, 'rgb(204, 204, 204)', '第二行');
+        }
+        cellsRange = ut.getCellsRange(trs[0].cells[2], trs[1].cells[3]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[2], 0).collapse(true).select();
+        ua.contextmenu(editor.body.firstChild);
+        menutableBody = document.getElementsByClassName("edui-menu-body")[3];
+        forTable = document.getElementsByClassName('edui-for-table');
+        if (ua.browser.ie) {
+            ua.mouseenter(forTable[forTable.length - 1]);
+        } else {
+            ua.mouseover(forTable[forTable.length - 1]);
+        }
+        setTimeout(function () {
+            lang = editor.getLang("contextMenu");
+            equal(menutableBody.childNodes.length, 4, '4个子项目');
+            ua.click(menutableBody.childNodes[2]);
+            ut.clearSelected();
+            trs = editor.body.getElementsByTagName('tr');
+            equal(trs[0].cells[2].style.backgroundColor, 'red', '第一行');
+            equal(trs[1].cells[3].style.backgroundColor, 'blue', '第二行');
+            ut = editor.getUETable(editor.body.firstChild);
+            cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[3]);
+            ut.setSelected(cellsRange);
+            range.setStart(trs[0].cells[0], 0).collapse(true).select();
+            ua.contextmenu(editor.body.firstChild);
+            menutableBody = document.getElementsByClassName("edui-menu-body")[3];
+            forTable = document.getElementsByClassName('edui-for-table');
+            if (ua.browser.ie) {
+                ua.mouseenter(forTable[forTable.length - 1]);
+            } else {
+                ua.mouseover(forTable[forTable.length - 1]);
+            }
+            setTimeout(function () {
+                lang = editor.getLang("contextMenu");
+                ua.click(menutableBody.childNodes[2]);
+                trs = editor.body.getElementsByTagName('tr');
+                equal(trs[1].cells[2].style.backgroundColor, '', '取消背景隔行');
+                setTimeout(function () {
+                    document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                    te.dom.push(editor.container);
+                    start();
+                }, 200);
+            }, 200);
+        }, 200);
+    }, 200);
+});
+
+test('contextMenu 三色渐变', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    stop();
+
+    editor.execCommand('cleardoc');
+    editor.execCommand('inserttable');
+    var tds = editor.body.getElementsByTagName('td');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(tds[0], tds[16]);
+    ut.setSelected(cellsRange);
+    range.setStart(tds[0], 0).collapse(true).select();
+    ua.contextmenu(editor.body.firstChild);
+    var menutable = document.getElementsByClassName("edui-menu-body")[3];
+    var forTable = document.getElementsByClassName('edui-for-table');
+    if (ua.browser.ie) {
+        ua.mouseenter(forTable[forTable.length - 1]);
+    } else {
+        ua.mouseover(forTable[forTable.length - 1]);
+    }
+    ua.click(menutable.childNodes[3]);
+    ut.clearSelected();
+    tds = editor.body.getElementsByTagName('td');
+    if (ua.browser.ie == 8) {
+        equal(tds[0].style.backgroundColor, '#aaa', '第一行');
+        equal(tds[6].style.backgroundColor, '#bbb', '第二行');
+        equal(tds[11].style.backgroundColor, '#ccc', '第二行');
+    } else {
+        equal(tds[0].style.backgroundColor, 'rgb(170, 170, 170)', '第一行');
+        equal(tds[6].style.backgroundColor, 'rgb(187, 187, 187)', '第二行');
+        equal(tds[11].style.backgroundColor, 'rgb(204, 204, 204)', '第二行');
+    }
+    setTimeout(function () {
+        document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+        te.dom.push(editor.container);
+        start();
+    }, 20);
+});
+
+/*trace 3210*/
+test('contextMenu trace 3210：添加单元格背景色', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+    var ut = editor.getUETable(editor.body.firstChild);
+    var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
+    ut.setSelected(cellsRange);
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    editor.execCommand('edittd','#ff0000');
+    stop();
+    setTimeout(function () {
+        var tds = editor.body.firstChild.getElementsByTagName('td');
+        equal(tds[2].style.backgroundColor, '', '背景色不变');
+        equal(ua.formatColor(tds[0].style.backgroundColor), '#ff0000', '添加单元格背景色');
+        equal(ua.formatColor(tds[4].style.backgroundColor), '#ff0000', '添加单元格背景色');
+        start();
+    }, 50);
+
+});
+/*trace 3099*/
+test('contextMenu trace 3099: 清除边框颜色', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    var trs = editor.body.firstChild.getElementsByTagName('tr');
+
+    range.setStart(trs[0].cells[0], 0).collapse(true).select();
+    editor.execCommand('edittable','#ff0000');
+    stop();
+    setTimeout(function () {
+        var tds = editor.body.firstChild.getElementsByTagName('td');
+        equal(ua.formatColor(tds[0].style.borderColor), '#ff0000', '添加边框颜色');
+        equal(ua.formatColor(tds[2].style.borderColor), '#ff0000', '添加边框颜色');
+        editor.execCommand('edittable','');
+        setTimeout(function () {
+            equal(tds[0].style.borderColor, '', '边框颜色被清除');
+            start();
+        }, 50);
+    }, 50);
+//    var div = document.body.appendChild(document.createElement('div'));
+//    div.id = 'ue';
+//    var editor = UE.getEditor('ue');
+//    stop();
+//    editor.ready(function () {
+//        var range = new baidu.editor.dom.Range(editor.document);
+//        var lang = editor.getLang("contextMenu");
+//        editor.execCommand('cleardoc');
+//        editor.execCommand('inserttable');
+//        setTimeout(function () {
+//            range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+//            ua.contextmenu(editor.body.firstChild);
+//            var menutable = document.getElementsByClassName("edui-menu-body")[1];
+//            var forTable = document.getElementsByClassName('edui-for-table');
+//            if (ua.browser.ie&&ua.browser.ie<9) {
+//                ua.mouseenter(forTable[forTable.length - 1]);
+//            } else {
+//                ua.mouseover(forTable[forTable.length - 1]);
+//            }
+//            lang = editor.getLang("contextMenu");
+//            ua.click(menutable.childNodes[menutable.childNodes.length-1]);//点开表格属性
+//            setTimeout(function () {
+//                var iframe = document.getElementsByTagName('iframe');
+//                var iframe1 ;
+//                for (var i = iframe.length-1; i >-1; i--) {
+//                    if (iframe[i].id && iframe[i].id.indexOf('edui') != -1) {
+//                        iframe1 = iframe[i];
+//                        break;
+//                    }
+//                }
+//
+//                iframe1.contentDocument.getElementById('J_tone').value = '#ff0000';
+//                var buttonBody = document.getElementsByClassName('edui-dialog edui-for-edittable edui-default edui-state-centered')[0].firstChild.firstChild.lastChild.firstChild.firstChild.firstChild.firstChild.firstChild;
+//                ua.click(buttonBody);
+//                setTimeout(function () {
+//                    var tds = editor.body.getElementsByTagName('td');
+//                    if (ua.browser.ie == 8)
+//                        equal(tds[0].style.borderColor, '#ff0000', '边框颜色设置为红色');
+//                    else {
+//                        equal(tds[0].style.borderColor, 'rgb(255, 0, 0)', '边框颜色设置为红色');
+//                    }
+//                    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+//                    ua.contextmenu(editor.body.firstChild);
+//                    menutable = document.getElementsByClassName("edui-menu-body")[1];
+//                    forTable = document.getElementsByClassName('edui-for-table');
+//                    if (ua.browser.ie&&ua.browser.ie<9) {
+//                        ua.mouseenter(forTable[forTable.length - 1]);
+//                    } else {
+//                        ua.mouseover(forTable[forTable.length - 1]);
+//                    }
+//                    lang = editor.getLang("contextMenu");
+//                    ua.click(menutable.childNodes[menutable.childNodes.length-1]);
+//                    setTimeout(function () {
+//                        iframe = document.getElementsByTagName('iframe');
+//                        iframe1 = null;
+//                        for (var i = iframe.length-1; i >-1; i--) {
+//                            if (iframe[i].id.indexOf('edui') != -1) {
+//                                iframe1 = iframe[i];
+//                                break;
+//                            }
+//                        }
+//                        ua.click(iframe1.contentDocument.getElementById('J_tone'));
+//                        setTimeout(function () {
+//                            var div_nocolor = document.getElementsByClassName('edui-colorpicker-nocolor');
+//                            ua.click(div_nocolor[0]);
+//                            var buttonBody = document.getElementsByClassName('edui-dialog edui-for-edittable edui-default edui-state-centered')[1].firstChild.firstChild.lastChild.firstChild.firstChild.firstChild.firstChild.firstChild;
+//                            ua.click(buttonBody);
+//                            tds = editor.body.getElementsByTagName('td');
+//                            equal(tds[0].style.borderColor, '', '边框颜色被清除');
+//                            setTimeout(function () {
+//                                UE.delEditor('ue');
+//                                document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+//                                te.dom.push(document.getElementById('ue'));
+//                                start();
+//                            }, 200);
+//                        }, 200);
+//                    }, 200);
+//                }, 200);
+//            }, 1000);
+//        }, 200);
+//    });
+});
+test('trace 3986 contextMenu 标题行中右插入列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+    var lang = editor.getLang("contextMenu");
+    editor.execCommand('cleardoc');
+    editor.execCommand('inserttable');
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    editor.execCommand('inserttitle');
+    range.setStart(editor.body.getElementsByTagName('th')[0], 0).collapse(true).select();
+    ua.contextmenu(editor.body.firstChild);
+    var menutable = document.getElementsByClassName("edui-menu-body")[1];
+    var forTable = document.getElementsByClassName('edui-for-table');
+    if (ua.browser.ie) {
+        ua.mouseenter(forTable[forTable.length - 1]);
+    } else {
+        ua.mouseover(forTable[forTable.length - 1]);
+    }
+    setTimeout(function () {
+        lang = editor.getLang("contextMenu");
+        equal(menutable.childNodes.length, 15, '15个子项目');//当光标在th[0]时,有15个项目
+        /*trace 3197：没有后插行选项*/
+        var innerText = lang.deletetable + lang.deleterow+ lang.deletecol + lang.insertcolnext + lang.insertcaption + lang.deletetitle +lang.inserttitlecol+ lang.mergeright + lang.edittd + lang.edittable+lang.setbordervisible;
+        if (browser.gecko) {
+            equal(menutable.textContent, innerText, '检查menu显示的字符');
+        } else {
+            equal(menutable.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), innerText, '检查menu显示的字符');
+        }
+        ua.click(menutable.childNodes[4]);
+        equal(editor.body.getElementsByTagName('tr')[0].cells.length, 6, '左插入列后有6列');
+        setTimeout(function () {
+            document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+            te.dom.push(editor.container);
+            start();
+        }, 200);
+    });
+});
+/*trace 3060*/
+test('contextMenu trace 3060：单元格对齐方式', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+
+    var lang = editor.getLang("contextMenu");
+    editor.execCommand('cleardoc');
+    editor.execCommand('inserttable');
+    editor.body.getElementsByTagName('td')[0].innerHTML = 'asd';
+    range.setStart(editor.body.firstChild.firstChild.firstChild.firstChild, 0).collapse(true).select();
+    ua.contextmenu(editor.body.firstChild);
+    var menutableBody = document.getElementsByClassName("edui-for-aligntd")[0];
+    setTimeout(function () {
+        lang = editor.getLang("contextMenu");
+        ua.click(menutableBody.childNodes[0]);
+        var div = document.getElementsByClassName('edui-cellalignpicker-body')[0];
+        equal(div.childNodes[0].getElementsByTagName('td').length, 9, '9种单元格对齐方式');
+        ua.click(div.childNodes[0].childNodes[0].childNodes[1].childNodes[2].firstChild);
+        setTimeout(function () {
+            var tds = editor.body.getElementsByTagName('td');
+            equal(tds[0].align, 'right', '水平居右');
+            equal(tds[0].vAlign, 'middle', '垂直居中');
+
+            if(ua.browser.ie>8){
+                equal(editor.selection.getRange().startContainer.tagName.toLowerCase(), 'td', '光标位于单元格中');
+
+            }else{
+                equal(editor.selection.getRange().startContainer.parentNode.tagName.toLowerCase(), 'td', '光标位于单元格中');
+            }
+            setTimeout(function () {
+//                te.dom.push(editor.container);
+//                document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                start();
+            }, 20);
+        }, 200);
+    }, 200);
+//    });
+});
+/*trace 3315*/
+/*trace 3411*/
+test('contextMenu trace 3315：表格隔行变色', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var lang = editor.getLang("contextMenu");
+    editor.execCommand('cleardoc');
+    editor.execCommand('inserttable');
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    ua.contextmenu(editor.body.firstChild);
+    var menutableBody = document.getElementsByClassName("edui-menu-body")[8];
+    var forTable = document.getElementsByClassName('edui-for-table');
+    if (ua.browser.ie) {
+        ua.mouseenter(forTable[forTable.length - 1]);
+    } else {
+        ua.mouseover(forTable[forTable.length - 1]);
+    }
+    setTimeout(function () {
+        lang = editor.getLang("contextMenu");
+        equal(menutableBody.childNodes.length, 1, '1个子项目');
+        if (browser.gecko) {
+            equal(menutableBody.textContent, '表格隔行变色', '检查menu显示的字符');
+        }
+        else {
+            equal(menutableBody.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), '表格隔行变色', '检查menu显示的字符');
+        }
+        ua.click(menutableBody.childNodes[0]);
+        var trs = editor.body.getElementsByTagName('tr');
+        for (var i = 0; i < trs.length; i++) {
+            if (i % 2 == 0) {
+                ok(trs[i].className.indexOf('ue-table-interlace-color-single')>-1,'第' + i + '行：浅色行');
+            } else {
+                ok(trs[i].className.indexOf('ue-table-interlace-color-double')>-1,'第' + i + '行：深色行');
+            }
+        }
+        range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+        ua.contextmenu(editor.body.firstChild);
+        menutableBody = document.getElementsByClassName("edui-menu-body")[8];
+        forTable = document.getElementsByClassName('edui-for-table');
+        if (ua.browser.ie) {
+            ua.mouseenter(forTable[forTable.length - 1]);
+        } else {
+            ua.mouseover(forTable[forTable.length - 1]);
+        }
+        setTimeout(function () {
+            lang = editor.getLang("contextMenu");
+            equal(menutableBody.childNodes.length, 1, '2个子项目');
+            if (browser.gecko) {
+                equal(menutableBody.textContent, '取消表格隔行变色', '检查menu显示的字符');
+            }
+            else {
+                equal(menutableBody.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), '取消表格隔行变色', '检查menu显示的字符');
+            }
+            ua.click(menutableBody.childNodes[0]);
+            //            equal(editor.body.getElementsByTagName('table')[0].interlaced,'disabled','取消表格隔行变色');
+            ok(editor.body.getElementsByTagName('tr')[0].className.indexOf('ue-table-interlace-color')<0, '取消表格隔行变色');
+            setTimeout(function () {
+                document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                te.dom.push(editor.container);
+                start();
+            }, 200);
+        }, 200);
+    }, 200);
+    stop();
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.core.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.core.js
new file mode 100644
index 000000000..9fd021aef
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.core.js
@@ -0,0 +1,345 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 13-2-21
+ * Time: 下午1:31
+ * To change this template use File | Settings | File Templates.
+ */
+function getTable(str) {
+    var div = document.getElementById("testTable");
+    if (!div) {
+        div = document.createElement("div");
+        div.id = "testTable";
+        document.body.appendChild(div);
+    }
+    div.innerHTML = "<table border='1'>" + str + "</table>";
+    return div.firstChild;
+}
+UT = UE.UETable;
+test("create UETable", function () {
+    var table = getTable("<tr><td>ddd</td></tr>"),
+        ut = new UT(table);
+    ok(ut.table === table, "UT对象创建成功");
+    ok(ut.colsNum == 1 && ut.rowsNum == 1, "单元格行、列数为1");
+});
+
+test("getMaxRows", function () {
+    var table = getTable("<tr><td>1</td><td>2</td><td>3</td></tr>" +
+            "<tr><td>1</td><td>2</td><td>3</td></tr>"),
+        ut = new UT(table);
+    var maxRows = ut.getMaxRows();
+    equal(maxRows, 2, "最大行数为2");
+    table = getTable("<tr><td rowspan='3'>1</td><td>2</td><td rowspan='2'>3</td></tr>" +
+        "<tr><td>2</td></tr>");
+    ut = new UT(table);
+    maxRows = ut.getMaxRows();
+    equal(maxRows, 3, "最大行数为3");
+});
+test("getMaxCols", function () {
+    var table = getTable("<tr><td>1</td><td>2</td><td>3</td></tr>" +
+            "<tr><td>1</td><td>2</td><td>3</td></tr>"),
+        ut = new UT(table);
+    var maxCols = ut.getMaxCols();
+    equal(maxCols, 3, "最大列数为3");
+
+    table = getTable("<tr><td rowspan='3'>1</td><td>2</td><td rowspan='2'>3</td></tr>" +
+        "<tr><td>2</td><td colspan='3'></td></tr>");
+    ut = new UT(table);
+    maxCols = ut.getMaxCols();
+    equal(maxCols, 6, "最大列数为6");
+});
+
+test("ie9 active trace 3728 getSameEndPosCells", function () {
+    if(ua.browser.ie>9)return;
+    var table = getTable("<tr><td rowspan='2'>1</td><td>2</td><td>3</td></tr><tr><td>2</td><td>3</td></tr>"),
+        ut = new UT(table);
+    var cell = table.rows[0].cells[0],
+        cells1 = ut.getSameEndPosCells(cell, "x"),
+        cells2 = ut.getSameEndPosCells(cell, "y");
+    ok(cells1.length == 1, "获取到同样X轴结尾位置的cell1个");
+    ok(cells2.length == 2, "获取到同样Y轴结尾位置的cell2个");
+});
+
+test("getHSideCell", function () {
+    var table = getTable("<tr><td rowspan='2'>1</td><td>2</td><td>3</td></tr>" +
+            "<tr><td>2</td><td>3</td></tr>"),
+        ut = new UT(table);
+    var rows = table.rows,
+        cell = rows[1].cells[1],
+        cell1 = ut.getHSideCell(cell),
+        cell2 = ut.getHSideCell(cell, true);
+    equal(cell1, rows[1].cells[0], "左边单元格");
+    equal(cell2, null, "位于右边缘的单元格无右邻居单元格");
+    equal(ut.getHSideCell(rows[0][0]), null, "位于左边缘的单元格无左邻居单元格");
+});
+
+test("getVSideCell", function () {
+    var table = getTable("<tr><td rowspan='2'>1</td><td>2</td><td>3</td></tr>" +
+            "<tr><td>2</td><td>3</td></tr>"),
+        ut = new UT(table);
+    var rows = table.rows,
+        cell = rows[1].cells[1],
+        cell1 = ut.getVSideCell(cell),
+        cell2 = ut.getVSideCell(cell, true),
+        cell3 = ut.getVSideCell(cell, true, true);
+    equal(cell1, rows[0].cells[2], "上边单元格");
+    equal(cell2, null, "位于下边缘的单元格无下邻居单元格");
+    equal(cell3, null, "位于左边缘的单元格无左邻居单元格");
+});
+test("setCellContent", function () {
+    var table = getTable("<tr><td rowspan='2'>1</td><td>2</td><td>3</td></tr>" +
+            "<tr><td>2</td><td>3</td></tr>"),
+        ut = new UT(table);
+    var cell = table.rows[0].cells[0];
+    ut.setCellContent(cell, "这是测试内容");
+    equal(cell.innerHTML, "这是测试内容", "设置了正确的内容");
+    ut.setCellContent(cell);
+    equal(cell.innerHTML, browser.ie ? domUtils.fillChar : "<br>");
+});
+
+test("cloneCell", function () {
+    var table = getTable("<tr><td style='border-top-color: red;border-bottom-color: green' rowspan='2'>1</td><td>2</td><td>3</td></tr>" +
+            "<tr><td class='selectedClass'>2</td><td>3</td></tr>"),
+        ut = new UT(table);
+
+    var cell = ut.cloneCell(table.rows[0].cells[0]);
+    equal(cell.rowSpan, 2, "clone了一个2行一列的单元格");
+    equal(cell.style.borderTopColor, "green", "上边框的颜色将会被下边框取代");
+    cell = ut.cloneCell(table.rows[0].cells[0], true);
+    ok(cell.rowSpan, 1, "忽略被合并单元格时将会充值单元格的rowspan和colspan为1")
+});
+
+
+test("getCellsRange、getCells", function () {
+    var table = getTable("<tr><td rowspan='2'>1</td><td>2</td><td>3</td></tr>" +
+            "<tr><td class='selectedClass'>2</td><td>3</td></tr>"),
+        ut = new UT(table);
+    var range = ut.getCellsRange(table.rows[0].cells[1], table.rows[1].cells[0]);
+    ok(range.beginRowIndex === 0 && range.beginColIndex === 1 && range.endRowIndex === 1 && range.endColIndex === 1, "获取到range")
+
+    var cells = ut.getCells(range);
+    ok(cells.length == 2, "获取到2个单元格");
+    ok(cells[0] == table.rows[0].cells[1], "第一个单元格存在");
+});
+
+test("insertRow、deleterRow", function () {
+    var table = getTable("<tr><td rowspan='2'>1</td><td>2</td><td>3</td></tr>" +
+            "<tr><td class='selectedClass'>2</td><td>3</td></tr>"),
+        ut = new UT(table);
+
+    var cellPrototype = document.createElement("td");
+    cellPrototype.innerHTML = "aa";
+    cellPrototype.setAttribute("vAlign", "top");
+    ut.insertRow(2, cellPrototype);
+    ok(table.rows.length === 3, "行数变成3行");
+    ok(table.rows[2].cells[0].getAttribute("vAlign") == "top", "新插入的单元格中包含原型单元格中的属性");
+
+});
+
+test("mergeRight,mergeDown", function () {
+    var table = getTable("<tr><td rowspan='3'>1</td><td>2</td><td>3</td><td rowspan='2'>4</td><td>5</td><td>6</td></tr>" +
+            "<tr><td>2</td><td>3</td><td>5</td><td>6</td></tr>" +
+            "<tr><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr>"),
+        ut = new UT(table);
+    var cell = table.rows[0].cells[1];
+    ut.mergeDown(cell);
+    ok(cell.rowSpan === 2, "向下合并成功");
+
+    ut.mergeDown(cell);
+    ok(cell.rowSpan === 3, "向下合并成功");
+
+    cell = cell.previousSibling;
+    ut.mergeRight(cell);
+    ok(cell.rowSpan === 3 && cell.colSpan === 2, "向右合并成功");
+
+    equal(cell.parentNode.rowIndex, 0, "合并到了正确的位置")
+});
+test("mergeRange",function(){
+    var table = getTable("<tr><td rowspan='3'>1</td><td>2</td><td>3</td><td rowspan='2'>4</td><td>5</td><td>6</td></tr>" +
+            "<tr><td>2</td><td>3</td><td>5</td><td>6</td></tr>" +
+            "<tr><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr>"),
+        ut = new UT(table);
+    var range = ut.getCellsRange(table.rows[0].cells[1],table.rows[2].cells[3]);
+    ut.setSelected(range);
+    ut.mergeRange();
+    ok(table.rows[0].cells[1].rowSpan===3,"合并选区")
+
+});
+
+test("split", function () {
+    var table = getTable("<tr><td rowspan='3'>1</td><td>2</td><td>3</td><td rowspan='2' colspan='2'>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>2</td><td>3</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    var cell = table.rows[0].cells[0],
+        num = table.getElementsByTagName("td").length;
+    ut.splitToCells(cell);
+    ok(cell.rowSpan == 1 && cell.colSpan == 1, "单元格被成功拆分");
+
+    var newNum = table.getElementsByTagName("td").length;
+    ok(num + 2 == newNum, "单元格数量增加了2个");
+
+    cell = table.rows[0].cells[3];
+    ut.splitToCols(cell);
+    ok(cell.colSpan === 1 && cell.rowSpan == 2, "被拆分成了2列");
+
+
+});
+
+test("selectRow", function () {
+    var table = getTable("<tr><td rowspan='3'>1</td><td>2</td><td>3</td><td rowspan='2' colspan='2'>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>2</td><td>3</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    ut.selectRow(1);
+    equal(ut.selectedTds.length, table.getElementsByTagName("td").length, "选中了所有单元格")
+    var cells = table.rows[1].cells,
+        flag = false;
+    utils.each(cells, function (cell) {
+        if (cell.className == "") {
+            flag = true;
+        }
+    });
+    ok(!flag, "所有单元格都被选中");
+    ok(ut.cellsRange.beginRowIndex === 0, "cellsRange正确");
+
+});
+test("selectTable", function () {
+    var table = getTable("<tr><td rowspan='3'>1</td><td>2</td><td>3</td><td rowspan='2' colspan='2'>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>2</td><td>3</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    ut.selectTable();
+    ok(ut.selectedTds.length === table.getElementsByTagName("td").length, "选中了整个表格")
+
+});
+
+test("setBackground", function () {
+    var table = getTable("<tr><td>01</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>11</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>21</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    ut.setBackground(table.getElementsByTagName("td"), "green");
+    var cell = table.rows[1].cells[1];
+    ok(cell.style.backgroundColor == "green", "单种背景颜色设置成功");
+
+    ut.removeBackground(table.getElementsByTagName("td"));
+    ok(cell.style.backgroundColor == "", "背景颜色被清除");
+
+    ut.setBackground(table.getElementsByTagName("td"), {
+        repeat:true,
+        colorList:["green", "red"]
+    });
+    ok(table.rows[0].cells[0].style.backgroundColor == "green", "第一行的单元格为绿色");
+    ok(table.rows[1].cells[0].style.backgroundColor == "red", "第二行的单元格为红色");
+    ok(table.rows[2].cells[0].style.backgroundColor == "green", "第三行的单元格为绿色");
+
+    ut.removeBackground(table.getElementsByTagName("td"));
+    ut.setBackground(table.getElementsByTagName("td"), {
+        repeat:false,
+        colorList:["green", "red"]
+    });
+    ok(table.rows[0].cells[0].style.backgroundColor == "green", "第一行的单元格为绿色");
+    ok(table.rows[1].cells[0].style.backgroundColor == "red", "第二行的单元格为红色");
+    ok(table.rows[2].cells[0].style.backgroundColor == "", "第三行的单元格没有颜色");
+
+});
+
+test("isFullRow isFullCol", function () {
+    var table = getTable("<tr><td>01</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>11</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>21</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    var range = ut.getCellsRange(table.rows[0].cells[0], table.rows[1].cells[1]);
+    ut.setSelected(range);
+    ok(!ut.isFullRow(), "不是整行");
+    range = ut.getCellsRange(table.rows[0].cells[0], table.rows[0].cells[5]);
+    ut.setSelected(range);
+    ok(ut.isFullRow(), "是整行");
+
+    range = ut.getCellsRange(table.rows[0].cells[0], table.rows[2].cells[0]);
+    ut.setSelected(range);
+    ok(ut.isFullCol(), "是整列");
+    range = ut.getCellsRange(table.rows[0].cells[0], table.rows[1].cells[0]);
+    ut.setSelected(range);
+    ok(!ut.isFullCol(), "不是整列");
+});
+
+test("last", function () {
+    var table = getTable("<tr><td>01</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>11</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>21</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    var cell = table.rows[2].cells[5];
+    ok(ut.isLastCell(cell), "是最后一个单元格");
+    ok(!ut.isLastCell(table.rows[1].cells[0]), "不是最后一个单元格");
+});
+test("getNextCell", function () {
+    var table = getTable("<tr><td>01</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>11</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>21</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    var cell = table.rows[2].cells[5];
+    var newCell = ut.getNextCell(cell);
+    ok(newCell === table.rows[1].cells[5], "找到正确单元格");
+    cell = table.rows[0].cells[4];
+    newCell = ut.getNextCell(cell);
+    ok(!newCell, "顶行不存在nextCell");
+    newCell = ut.getNextCell(cell, true);
+    ok(newCell === table.rows[1].cells[4], "获取到下一行的单元格");
+
+});
+
+test("getPreviewCell",function(){
+    var table = getTable("<tr><td>01</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>11</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>21</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    var cell = table.rows[2].cells[5];
+    var newCell = ut.getPreviewCell(cell);
+    ok(newCell===cell.previousSibling,"找到前置单元格");
+});
+
+test("getLastCell", function () {
+    var table = getTable("<tr><td>01</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>11</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>21</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    var cell = ut.getLastCell();
+    ok(cell === table.rows[2].cells[5], "找到最后一个单元格");
+});
+
+test("getTabNextCell", function () {
+    var table = getTable("<tr><td>01</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>11</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>21</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    var rows = table.rows,
+        cell = rows[0].cells[0];
+    var newCell = ut.getTabNextCell(cell);
+    ok(newCell === table.rows[0].cells[1], "找到最后一个单元格");
+    newCell = ut.getTabNextCell(rows[0].cells[5]);
+    ok(newCell === table.rows[1].cells[0], "找到下一行的第一个单元格");
+});
+
+//test("getSameStartPosXCells", function () {
+//    var table = getTable("<tr><td>01</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+//            "<tr><td>11</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+//            "<tr><td>21</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>"),
+//        ut = new UT(table);
+//    var cell = table.rows[0].cells[1];
+//    var cells = ut.getSameStartPosXCells(cell);
+//    equal(cells.length, 3, "获取到三个单元格")
+//
+//    table = getTable("<tr><td>01</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+//        "<tr><td>11</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+//        "<tr><td>21</td><td colspan='2'>2</td><td>4</td><td>6</td><td>7</td></tr>");
+//    ut = new UT(table);
+//    cells = ut.getSameStartPosXCells(cell);
+//    ok(cells.length === 2, "获取到2个单元格");
+//
+//    cells = ut.getSameStartPosXCells(table.rows[0].cells[0]);
+//    ok(cells.length===3,"获取到三个单元格");
+//
+//});
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.sort.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.sort.js
new file mode 100644
index 000000000..5d86b8740
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/table.sort.js
@@ -0,0 +1,258 @@
+module('plugins.table');
+
+function getTable(str) {
+    var div = document.getElementById("testTable");
+    if (!div) {
+        div = document.createElement("div");
+        div.id = "testTable";
+        document.body.appendChild(div);
+    }
+    div.innerHTML = "<table border='1'>" + str + "</table>";
+    return div.firstChild;
+}
+UT = UE.UETable;
+test(" trace 3715 sortTable", function () {
+    var table = getTable("<tr><td>01</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>11</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>" +
+            "<tr><td>21</td><td>2</td><td>3</td><td>4</td><td>6</td><td>7</td></tr>"),
+        ut = new UT(table);
+    ut.sortTable(1, function (a, b) {
+        return 1;//逆序
+    });
+    var value = table.rows[0].cells[0].innerHTML;
+    equal(value, "21", "单元格被逆序");
+
+    ut.sortTable(0, function (td1, td2) {
+        var value1 = parseInt(td1.innerHTML, 10),
+            value2 = parseInt(td2.innerHTML, 10);
+        return value2 - value1;
+    })
+    value = table.rows[0].cells[0].innerHTML;
+    equal(value, "21", "按数值从大到小排列");
+
+    ut.sortTable(0, 'reversebynum');
+    equal(table.getAttribute('data-sort-type'), "reversebynum", "data-sort-type属性是否设置成功");
+});
+test('active trace 3779 sorttable', function () {
+    if(ua.browser.ie&&ua.browser.ie>8)return;//todo
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<table width="1310"><tbody><tr><td width="634" valign="top">1</td><td width="634" valign="top"></td></tr><tr><td width="634" valign="top">2</td><td width="634" valign="top"></td></tr></tbody></table>');
+    setTimeout(function () {
+        var tds = editor.body.getElementsByTagName('td');
+        range.setStart(tds[0], 0).collapse(1).select();
+        editor.execCommand('sorttable', 1);
+        ua.manualDeleteFillData(editor.body);
+        tds = editor.body.getElementsByTagName('td');
+        equal(tds[0].innerHTML, 2, '');
+        equal(tds[2].innerHTML, 1, '');
+        start();
+    }, 50);
+    stop();
+});
+test('sorttable,框选', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<table width="1310"><tbody><tr><td width="634" valign="top">1</td><td width="634" valign="top"></td></tr><tr><td width="634" valign="top">2</td><td width="634" valign="top"></td></tr><tr><td valign="top" colspan="1" rowspan="1" style="word-break: break-all;">3</td><td valign="top" colspan="1" rowspan="1" style=""></td></tr></tbody></table>');
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[0]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('sorttable', 1);
+        ua.manualDeleteFillData(editor.body);
+        var tds = editor.body.getElementsByTagName('td');
+        equal(tds[0].innerHTML, 2, '');
+        equal(tds[2].innerHTML, 1, '');
+        equal(tds[4].innerHTML, 3, '');
+        start();
+    }, 50);
+    stop();
+});
+test('enablesort,disablesort', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<table width="1310"><tbody><tr><td width="634" valign="top">1</td><td width="634" valign="top"></td></tr><tr><td width="634" valign="top">2</td><td width="634" valign="top"></td></tr></tbody></table>');
+    setTimeout(function () {
+        var tds = editor.body.getElementsByTagName('td');
+        range.setStart(tds[0], 0).collapse(1).select();
+        editor.execCommand('enablesort');
+
+        setTimeout(function () {
+            equal(editor.body.firstChild.attributes['data-sort'].nodeValue, 'sortEnabled', 'sortEnabled');
+            equal(domUtils.hasClass(editor.body.firstChild, 'sortEnabled'), true, 'sortEnabled');
+            editor.execCommand('disablesort');
+            setTimeout(function () {
+                equal(editor.body.firstChild.attributes['data-sort'].nodeValue, 'sortDisabled', 'sortDisabled');
+                equal(domUtils.hasClass(editor.body.firstChild, 'sortEnabled'), false, 'sortDisabled');
+                equal(domUtils.hasClass(editor.body.firstChild.rows[0], 'firstRow'), true, '给第一行添加firstRow的类');
+                start();
+            }, 20);
+        }, 20);
+    }, 50);
+    stop();
+});
+test('contextMenu 表格逆序当前', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+    var lang = editor.getLang("contextMenu");
+    editor.execCommand('cleardoc');
+    var html = '<table><tbody><tr><td>Michael</td><td>1</td><td>康熙</td></tr><tr><td>ackson</td><td>4</td><td>承祜</td></tr><tr><td>{}</td><td>2</td><td>胤礼</td></tr><tr><td>&amp;*</td><td>3</td><td>襄嫔</td></tr></tbody></table>';
+    editor.setContent(html);
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    ua.contextmenu(editor.body.firstChild);
+    var menutable = document.getElementsByClassName("edui-menu-body")[2];
+    setTimeout(function () {
+        lang = editor.getLang("contextMenu");
+        equal(menutable.childNodes.length, 7, '7个子项目');
+        if (browser.gecko) {
+            equal(menutable.textContent, lang.enablesort+lang.reversecurrent+lang.orderbyasc+lang.reversebyasc+lang.orderbynum+lang.reversebynum, '检查menu显示的字符');
+        }
+        else {
+            equal(menutable.innerText.replace(/[\r\n\t\u200b\ufeff]/g, ''), lang.enablesort+lang.reversecurrent+lang.orderbyasc+lang.reversebyasc+lang.orderbynum+lang.reversebynum, '检查menu显示的字符');
+        }
+        var reverseIndex = ua.getContextmenuIndexByName(menutable.childNodes,lang.reversecurrent);
+        ua.click(menutable.childNodes[reverseIndex]);//逆序
+        ua.manualDeleteFillData(editor.body);
+        ua.checkSameHtml(editor.body.firstChild.firstChild.innerHTML,'<tr class=\"firstRow\"><td>&amp;*</td><td>3</td><td>襄嫔</td></tr><tr><td>{}</td><td>2</td><td>胤礼</td></tr><tr><td>ackson</td><td>4</td><td>承祜</td></tr><tr><td>Michael</td><td>1</td><td>康熙</td></tr>', '表格内容逆序-选区闭合');
+        var tds = editor.body.getElementsByTagName('td');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(tds[0], tds[6]);
+        ut.setSelected(cellsRange);
+        range.setStart(tds[0], 0).collapse(true).select();
+        ua.contextmenu(editor.body.firstChild);
+        menutable = document.getElementsByClassName("edui-menu-body")[2];
+        setTimeout(function () {
+            lang = editor.getLang("contextMenu");
+            ua.click(menutable.childNodes[reverseIndex]);
+            ua.manualDeleteFillData(editor.body);
+            ua.checkSameHtml(editor.body.innerHTML,'<table><tbody><tr><td class=\"selectTdClass\">ackson</td><td>4</td><td>承祜</td></tr><tr><td class=\"selectTdClass\">{}</td><td>2</td><td>胤礼</td></tr><tr><td class=\"selectTdClass\">&amp;*</td><td>3</td><td>襄嫔</td></tr><tr><td>Michael</td><td>1</td><td>康熙</td></tr></tbody></table>', '表格内容逆序-选区不闭合');
+
+            setTimeout(function () {
+                document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                te.dom.push(editor.container);
+                start();
+            }, 20);
+        },20);
+    },20);
+});
+
+test('contextMenu 按ASCII字符排序', function () {
+    if(ua.browser.ie||ua.browser.gecko)return;////todo 1.2.6.1 #3316
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+    var lang = editor.getLang("contextMenu");
+    editor.execCommand('cleardoc');
+    var html = '<table><tbody><tr><td>Michael</td><td>1</td><td>康熙</td></tr><tr><td>ackson</td><td>4</td><td>承祜</td></tr><tr><td>{}</td><td>2</td><td>胤礼</td></tr><tr><td>&amp;*</td><td>3</td><td>襄嫔</td></tr></tbody></table>';
+    editor.setContent(html);
+    range.setStart(editor.body.getElementsByTagName('td')[0], 0).collapse(true).select();
+    ua.contextmenu(editor.body.firstChild);
+    var menutable = document.getElementsByClassName("edui-menu-body")[2];//表格排序
+    setTimeout(function () {
+        lang = editor.getLang("contextMenu");
+        var AsciiIndex = ua.getContextmenuIndexByName(menutable.childNodes,lang.orderbyasc);
+        ua.click(menutable.childNodes[AsciiIndex]);//ASCII升
+        ua.checkSameHtml(editor.body.innerHTML,'<table><tbody><tr><td>{}</td><td>2</td><td>胤礼</td></tr><tr><td>&amp;*</td><td>3</td><td>襄嫔</td></tr><tr><td>ackson</td><td>4</td><td>承祜</td></tr><tr><td>Michael</td><td>1</td><td>康熙</td></tr></tbody></table>', '选区闭合');
+        var tds = editor.body.getElementsByTagName('td');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(tds[0], tds[6]);
+        ut.setSelected(cellsRange);
+        range.setStart(tds[0], 0).collapse(true).select();
+        ua.contextmenu(editor.body.firstChild);
+        menutable = document.getElementsByClassName("edui-menu-body")[2];
+        forTable = document.getElementsByClassName('edui-for-table');
+        if (ua.browser.ie) {
+            ua.mouseenter(forTable[forTable.length - 1]);
+        } else {
+            ua.mouseover(forTable[forTable.length - 1]);
+        }
+        setTimeout(function () {
+            lang = editor.getLang("contextMenu");
+            ua.click(menutable.childNodes[AsciiIndex+1]);//ASCII降
+            ua.manualDeleteFillData(editor.body);
+            ua.checkSameHtml(editor.body.innerHTML,'<table><tbody><tr><td class=\" selecttdclass \">ackson</td><td>4</td><td>承祜</td></tr><tr><td class=\" selecttdclass\">&amp;*</td><td>3</td><td>襄嫔</td></tr><tr><td class=\" selecttdclass\">{}</td><td>2</td><td>胤礼</td></tr><tr><td>Michael</td><td>1</td><td>康熙</td></tr></tbody></table>', '表格内容逆序-选区不闭合');
+            setTimeout(function () {
+                document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                te.dom.push(editor.container);
+//
+                start();
+            }, 200);
+        }, 200);
+    }, 200);
+});
+
+test('contextMenu 按数值大小排序', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+    var lang = editor.getLang("contextMenu");
+    editor.execCommand('cleardoc');
+    var html = '<table><tbody><tr><td>Michael</td><td>1</td><td>康熙</td></tr><tr><td>ackson</td><td>4</td><td>承祜</td></tr><tr><td>{}</td><td>2</td><td>胤礼</td></tr><tr><td>&amp;*</td><td>3</td><td>襄嫔</td></tr></tbody></table>';
+    editor.setContent(html);
+    range.setStart(editor.body.getElementsByTagName('td')[1], 0).collapse(true).select();
+    ua.contextmenu(editor.body.firstChild);
+    var menutable = document.getElementsByClassName("edui-menu-body")[2];
+    setTimeout(function () {
+        lang = editor.getLang("contextMenu");
+        var numIndex = ua.getContextmenuIndexByName(menutable.childNodes,lang.orderbynum);
+        ua.click(menutable.childNodes[numIndex]);//num升
+        ua.manualDeleteFillData(editor.body);
+        ua.checkSameHtml(editor.body.innerHTML, '<table data-sort-type=\"orderbynum\"><tbody><tr class=\"firstRow\"><td>Michael</td><td>1</td><td>康熙</td></tr><tr><td>{}</td><td>2</td><td>胤礼</td></tr><tr><td>&amp;*</td><td>3</td><td>襄嫔</td></tr><tr><td>ackson</td><td>4</td><td>承祜</td></tr></tbody></table>', '选区闭合');
+        setTimeout(function () {
+            document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+            te.dom.push(editor.container);
+            start();
+        }, 200);
+    }, 200);
+});
+test('contextMenu trace 3384: 按数值大小排序', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    stop();
+    var lang = editor.getLang("contextMenu");
+    editor.execCommand('cleardoc');
+    var html = '<table><tbody><tr><td>Michael</td><td>1</td><td>康熙</td></tr><tr><td>ackson</td><td>4</td><td>承祜</td></tr><tr><td>{}</td><td>2</td><td>胤礼</td></tr><tr><td>&amp;*</td><td>3</td><td>襄嫔</td></tr></tbody></table>';
+    editor.setContent(html);
+    range.setStart(editor.body.getElementsByTagName('td')[1], 0).collapse(true).select();
+    ua.contextmenu(editor.body.firstChild);
+    var menutable = document.getElementsByClassName("edui-menu-body")[2];
+    setTimeout(function () {
+        lang = editor.getLang("contextMenu");
+        var numIndex = ua.getContextmenuIndexByName(menutable.childNodes,lang.orderbynum);
+        ua.click(menutable.childNodes[numIndex]);//num升
+        ua.checkSameHtml(editor.body.innerHTML,'<table><tbody><tr><td>Michael</td><td>1</td><td>康熙</td></tr><tr><td>{}</td><td>2</td><td>胤礼</td></tr><tr><td>&amp;*</td><td>3</td><td>襄嫔</td></tr><tr><td>ackson</td><td>4</td><td>承祜</td></tr></tbody></table>', '选区不闭合');
+
+        var tds = editor.body.getElementsByTagName('td');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(tds[1], tds[7]);
+        ut.setSelected(cellsRange);
+        range.setStart(tds[1], 0).collapse(true).select();
+        ua.contextmenu(editor.body.firstChild);
+        menutable = document.getElementsByClassName("edui-menu-body")[2];
+        forTable = document.getElementsByClassName('edui-for-table');
+
+        if (ua.browser.ie) {
+            ua.mouseenter(forTable[forTable.length - 1]);
+        } else {
+            ua.mouseover(forTable[forTable.length - 1]);
+        }
+        setTimeout(function () {
+
+            lang = editor.getLang("contextMenu");
+            ua.click(menutable.childNodes[numIndex+1]);//num降
+            // todo 1.2.6.1 trace 3510
+            if(!ua.browser.gecko){
+                ua.checkSameHtml(editor.body.innerHTML,'<table><tbody><tr><td>&amp;*</td><td class=\" selecttdclass\">3</td><td>襄嫔</td></tr><tr><td>{}</td><td class=\" selecttdclass\">2</td><td>胤礼</td></tr><tr><td>Michael</td><td class=\" selecttdclass\">1</td><td>康熙</td></tr><tr><td>ackson</td><td>4</td><td>承祜</td></tr></tbody></table>', '选区不闭合');
+            }
+            setTimeout(function () {
+                document.getElementById('edui_fixedlayer').parentNode.removeChild(document.getElementById('edui_fixedlayer'));
+                te.dom.push(editor.container);
+
+                start();
+            }, 200);
+        }, 200);
+    }, 200);
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/template.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/template.js
new file mode 100644
index 000000000..9c722d041
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/template.js
@@ -0,0 +1,24 @@
+module( 'plugins.template' );
+
+test( '模板', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello</p>' );
+    range.setStart(editor.body.firstChild,0).collapse(true).select();
+    editor.execCommand('template',{html:'<p class="ue_t">欢迎使用UEditor！</p>'});
+    ua.manualDeleteFillData(editor.body);
+    equal(ua.getHTML(editor.body.firstChild),'<p class=\"ue_t\">欢迎使用ueditor！</p>');
+    if(!(ua.browser.gecko||ua.browser.ie>8)){
+        if(ua.browser.webkit){
+            ua.click(editor.body.firstChild);
+            equal(editor.selection.getRange().startContainer.firstChild.length,'12','检查选区');
+            ua.keydown(editor.body.firstChild);
+            equal(editor.selection.getRange().startContainer.firstChild.length,'12','检查选区');
+        }else{
+            ua.click(editor.body.firstChild);
+            equal(editor.selection.getRange().startContainer.length,'12','检查选区');
+            ua.keydown(editor.body.firstChild);
+            equal(editor.selection.getRange().startContainer.length,'12','检查选区');
+        }
+    }
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/time.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/time.js
new file mode 100644
index 000000000..81b6225ee
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/time.js
@@ -0,0 +1,76 @@
+module( 'plugins.time' );
+
+test( '插入时间和日期', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    editor.setContent( '<p><br></p>' );
+    range.setStart( body.firstChild, 0 ).collapse( 1 ).select();
+    var date = new Date();
+    var h = date.getHours();
+    h = (h < 10) ? ('0' + h) : h;
+    var min = date.getMinutes();
+    min = (min < 10) ? ('0' + min) : min;
+    var sec = date.getSeconds();
+    sec = (sec < 10) ? ('0' + sec) : sec;
+    editor.execCommand( 'time' );
+    ua.manualDeleteFillData( editor.body );
+    equal( ua.getChildHTML( body.firstChild ), h + ':' + min + ':' + sec);
+    range.selectNode( body.firstChild.firstChild ).select();
+    editor.execCommand( 'time','hh.ii.ss' );
+    ua.manualDeleteFillData( editor.body );
+    equal( ua.getChildHTML( body.firstChild ), h + '.' + min + '.' + sec);
+
+    range.selectNode( body.firstChild.firstChild ).select();
+    var year = date.getFullYear();
+    var month = date.getMonth() + 1;
+    month = (month < 10) ? ('0' + month) : month;
+    var date = date.getDate();
+    date = (date < 10) ? ('0' + date) : date;
+    editor.execCommand( 'date' );
+    ua.manualDeleteFillData( editor.body );
+    equal( ua.getChildHTML( body.firstChild ), year + '-' + month + '-' + date);
+    range.selectNode( body.firstChild.firstChild ).select();
+    editor.execCommand( 'date','yyyy/mm/dd' );
+    ua.manualDeleteFillData( editor.body );
+    equal( ua.getChildHTML( body.firstChild ), year + '/' + month + '/' + date);
+} );
+
+test( '表格插入时间和日期', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var body = editor.body;
+    var br = UE.browser.ie ? "" : "<br>";
+    editor.setContent( '<table><tbody><tr><td></td><td></td><td></td><td></td></tr></tbody></table>' );
+    var td = body.firstChild.getElementsByTagName( 'td' );
+    range.setStart( td[0], 0 ).collapse( 1 ).select();
+    var date = new Date();
+    var h = date.getHours();
+    h = (h < 10) ? ('0' + h) : h;
+    var min = date.getMinutes();
+    min = (min < 10) ? ('0' + min) : min;
+    var sec = date.getSeconds();
+    sec = (sec < 10) ? ('0' + sec) : sec;
+    editor.execCommand( 'time' );
+    ua.manualDeleteFillData(td[0]);
+    debugger
+    equal( td[0].innerHTML, h + ':' + min + ':' + sec+(ua.browser.ie==9||ua.browser.ie==10?' ':''));
+    range.setStart( td[1], 0 ).collapse( 1 ).select();
+    editor.execCommand( 'time','hh.ii.ss' );
+    ua.manualDeleteFillData(td[1]);
+    equal( td[1].innerHTML, h + '.' + min + '.' + sec+(ua.browser.ie==9||ua.browser.ie==10?' ':''));
+    /*选中一段内容插入日期*/
+    range.setStart( td[2], 0 ).collapse( 1 ).select();
+    var year = date.getFullYear();
+    var month = date.getMonth() + 1;
+    month = (month < 10) ? ('0' + month) : month;
+    date = date.getDate();
+    date = (date < 10) ? ('0' + date) : date;
+    editor.execCommand( 'date' );
+    ua.manualDeleteFillData(td[2]);
+    equal( td[2].innerHTML,  year + '-' + month + '-' + date+(ua.browser.ie==9||ua.browser.ie==10?' ':''));
+    range.setStart( td[3], 0 ).collapse( 1 ).select();
+    editor.execCommand( 'date','yyyy/mm/dd' );
+    ua.manualDeleteFillData(td[3]);
+    equal( td[3].innerHTML,  year + '/' + month + '/' + date+(ua.browser.ie==9||ua.browser.ie==10?' ':''));
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/tools.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/tools.js
new file mode 100644
index 000000000..1d06be935
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/tools.js
@@ -0,0 +1,59 @@
+/**
+
+ */
+(function () {
+    function mySetup() {
+        for (var config in window.UEDITOR_CONFIG) {
+            if (typeof(window.UEDITOR_CONFIG[config]) == 'string')
+                window.UEDITOR_CONFIG[config] = window.UEDITOR_CONFIG[config].replace('_test/tools/br/', '');
+        }
+        var div = document.body.appendChild(document.createElement('div'));
+        $(div).css('width', '500px').css('height', '500px').css('border', '1px solid #ccc');
+        var editor = new baidu.editor.Editor({'initialContent':'<p>欢迎使用ueditor</p>', 'autoFloatEnabled':false,webAppKey:'Qr0M9yTEoLIiUSXXQTtq7yFt'});
+        var ue = new UE.ui.Editor({'UEDITOR_HOME_URL':'../../../', 'autoFloatEnabled':true,webAppKey:'Qr0M9yTEoLIiUSXXQTtq7yFt'});
+        editor.render(div);
+        editor.ready(function () {
+            var range = new baidu.editor.dom.Range(editor.document);
+            te.dom.push(div);
+            te.obj.push(editor);
+            te.obj.push(range);
+            te.obj.push(ue);
+            QUnit.readyFlag =1;
+        });
+        stop();
+        QUnit.readyFlag =0;
+        document.getElementsByClassName = function (eleClassName) {
+            var getEleClass = [];//定义一个数组
+            var myclass = new RegExp("\\b" + eleClassName + "\\b");//创建一个正则表达式对像
+            var elem = this.getElementsByTagName("*");//获取文档里所有的元素
+            for (var h = 0; h < elem.length; h++) {
+                var classes = elem[h].className;//获取class对像
+                if (myclass.test(classes)) getEleClass.push(elem[h]);//正则比较，取到想要的CLASS对像
+            }
+            return getEleClass;//返回数组
+        }
+    }
+
+    var _d = function () {
+        if (te) {
+            if (te.dom && te.dom.length) {
+                for (var i = 0; i < te.dom.length; i++) {
+                    if (te.dom[i] && te.dom[i].parentNode)
+                        te.dom[i].parentNode.removeChild(te.dom[i]);
+                }
+
+            }
+        }
+        te.dom = [];
+        te.obj = [];
+    }
+    var s = QUnit.testStart, d = QUnit.testDone;
+    QUnit.testStart = function () {
+        s.apply(this, arguments);
+        mySetup();
+    };
+    QUnit.testDone = function () {
+        _d();
+        d.apply(this, arguments);
+    }
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/ueditor.config.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/ueditor.config.js
new file mode 100644
index 000000000..1568c9b97
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/ueditor.config.js
@@ -0,0 +1,20 @@
+module( ".path" );
+
+/*trace 3683*/
+test( '路径查找测试', function () {
+    equal( UE.getUEBasePath( 'http://www.baidu.com/', './ueditor.config.js' ), 'http://www.baidu.com/', 'WEB路径-当前目录下' );
+    equal( UE.getUEBasePath( 'http://www.baidu.com/abc/def/', '../ueditor.config.js' ), 'http://www.baidu.com/abc/', 'WEB路径-父目录1' );
+    equal( UE.getUEBasePath( 'http://www.baidu.com/abc/def', '../ueditor.config.js' ), 'http://www.baidu.com/', 'WEB路径-父目录2' );
+
+    equal( UE.getUEBasePath( 'file:///home/hn/a/ueditor/_examples/completeDemo.html', './ueditor.config.js' ), 'file:///home/hn/a/ueditor/_examples/', '本地路径-linux-当前目录1' );
+    equal( UE.getUEBasePath( 'file:///home/hn/a/ueditor/_examples/completeDemo.html', 'ueditor.config.js' ), 'file:///home/hn/a/ueditor/_examples/', '本地路径-linux-当前目录2' );
+    equal( UE.getUEBasePath( 'file:///home/hn/a/ueditor/_examples/completeDemo.html', '../ueditor.config.js' ), 'file:///home/hn/a/ueditor/', '本地路径-linux-父目录1' );
+    equal( UE.getUEBasePath( 'file:///home/hn/a/ueditor/_examples/completeDemo.html', './../ueditor.config.js' ), 'file:///home/hn/a/ueditor/', '本地路径-linux-父目录2' );
+
+    equal( UE.getUEBasePath( 'file://C:\\webroot\\ueditor\\_examples\\completeDemo.html', './ueditor.config.js' ), 'file://C:/webroot/ueditor/_examples/', '本地路径-windows-当前目录1' );
+    equal( UE.getUEBasePath( 'file://C:\\webroot\\ueditor\\_examples\\completeDemo.html', 'ueditor.config.js' ), 'file://C:/webroot/ueditor/_examples/', '本地路径-windows-当前目录2' );
+    equal( UE.getUEBasePath( 'file://C:\\webroot\\ueditor\\_examples\\completeDemo.html', '../ueditor.config.js' ), 'file://C:/webroot/ueditor/', '本地路径-windows-父目录1' );
+    equal( UE.getUEBasePath( 'file://C:\\webroot\\ueditor\\_examples\\completeDemo.html', './../ueditor.config.js' ), 'file://C:/webroot/ueditor/', '本地路径-windows-父目录2' );
+
+    equal( UE.getUEBasePath( 'http://www.baidu.com/ueditor/completedemo.html', '/ueditorphp/ueditor.config.js' ), 'http://www.baidu.com/ueditorphp/', 'WEB路径-当前目录下' );
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/undo.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/undo.js
new file mode 100644
index 000000000..d83292298
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/undo.js
@@ -0,0 +1,496 @@
+module("plugins.undo");
+
+//test('', function () {
+//    stop()
+//});
+/*trace 856*/
+test('trace 856 输入文本后撤销按钮不亮', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    ua.keydown(editor.body);
+    range.insertNode(editor.document.createTextNode('hello'));
+    ua.keydown(editor.body);
+    setTimeout(function () {
+        equal(editor.queryCommandState('undo'), 0, '模拟输入文本后撤销按钮应当高亮');
+        start();
+    }, 500);
+    stop();
+});
+
+/*trace 583,1726*/
+test('trace 583,1726 插入表格、表情,撤销', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 2, numRows: 2});
+    editor.execCommand('insertimage', {src: 'http://img.baidu.com/hi/jx2/j_0001.gif', width: 50, height: 50});
+    editor.execCommand('undo');
+    editor.execCommand('undo');
+    editor.execCommand('undo');//需要3次undo，已经和RD确认过，暂时不改
+    ua.manualDeleteFillData(editor.body);
+    equal(editor.getContent().toLowerCase(), '', '插入表格、表情,撤销');
+});
+
+/*trace 595*/
+test('trace 595 撤销合并单元格后再合并单元格', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
+    var tds = editor.body.firstChild.getElementsByTagName('td');
+    for (var i = 0; i < 5; i++) {
+        tds[i].innerHTML = 'hello';
+    }
+    //合并单元格
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+
+        editor.execCommand('mergecells');
+        ua.manualDeleteFillData(editor.body);
+        var tds = editor.body.getElementsByTagName('td');
+        equal(tds.length, 6, '单元格数');
+        equal(trs[0].cells[0].colSpan, 2, '合并--[0][0]单元格colspan');
+        equal(trs[0].cells[0].rowSpan, 2, '合并--[0][0]单元格rowspan');
+        equal(trs[0].cells[0].innerHTML.toLowerCase(), 'hello<br>hello<br>hello<br>hello', '内容复制正确');
+
+        //撤销合并单元格的操作
+        editor.execCommand('undo');
+        ua.manualDeleteFillData(editor.body);
+        ok(tds[0].colSpan == 1 && tds[0].rowSpan == 1 && tds.length == 9, '撤销后，单元格回复成多个');
+        ok(tds[0].innerHTML.toLowerCase() == 'hello' && tds[1].innerHTML.toLowerCase() == 'hello' && tds[3].innerHTML.toLowerCase() == 'hello' && tds[4].innerHTML.toLowerCase() == 'hello', '内容复制正确');
+
+        //再次合并单元格
+        setTimeout(function () {
+            var trs = editor.body.firstChild.getElementsByTagName('tr');
+            var ut = editor.getUETable(editor.body.firstChild);
+            var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
+            ut.setSelected(cellsRange);
+            range.setStart(trs[0].cells[0], 0).collapse(true).select();
+            editor.execCommand('mergecells');
+            ua.manualDeleteFillData(editor.body);
+            tds = editor.body.firstChild.getElementsByTagName('td');
+            ok(tds[0].colSpan == 2 && tds[0].rowSpan == 2 && tds.length == 6, '再次合并，多个单元格合并成一个');
+            equal(tds[0].innerHTML.toLowerCase(), 'hello<br>hello<br>hello<br>hello', '内容复制正确');
+            start();
+        }, 50);
+    }, 50);
+    stop();
+});
+
+/*trace 599*/
+test('trace 599 插入表格、表情、超链接、表情,撤销2次', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 2, numRows: 2});        //插入表格
+    range.setStart(editor.body.lastChild, 0).collapse(true).select();
+    editor.execCommand('insertimage', {src: 'http://img.baidu.com/hi/jx2/j_0001.gif', width: 50, height: 50});    //插入表情
+    range.setStartAfter(editor.body.lastChild).collapse(true).select();
+    editor.execCommand('link', {href: 'http://www.baidu.com/'});       //插入超链接
+    range.setStartAfter(editor.body.lastChild).collapse(true).select();
+    editor.execCommand('insertimage', {src: 'http://img.baidu.com/hi/jx2/j_0001.gif', width: 50, height: 50});   //插入表情
+
+    editor.execCommand('Undo');
+    editor.execCommand('Undo');
+    ua.manualDeleteFillData(editor.body);
+    equal(editor.body.childNodes.length, 2, '撤销2次后只剩表格、表情');
+    var tag = editor.body.childNodes[0].firstChild.tagName.toLowerCase();
+    ok(tag == 'table' || tag == 'tbody', '表格');
+    equal(editor.body.childNodes[1].firstChild.tagName.toLowerCase(), 'img', '表情');
+});
+
+/*trace 617*/
+test('trace 617 插入文本、分割线、文本,撤销2次，撤销掉分割线', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    editor.setContent('<p></p>');
+
+    //输入文本
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    ua.keydown(editor.body);
+    range.insertNode(editor.document.createTextNode('hello'));
+    if (!ua.browser.ie)
+        ua.compositionstart(editor.body);
+    ua.keyup(editor.body);
+    //输入分割符
+    range.setStartAfter(editor.body.lastChild).collapse(true).select();
+    editor.execCommand('Horizontal');
+    //输入文本
+    range.setStartAfter(editor.body.lastChild).collapse(true).select();
+    ua.keydown(editor.body);
+    range.insertNode(editor.document.createTextNode('hello'));
+    if (!ua.browser.ie)
+        ua.compositionend(editor.body);
+    ua.keyup(editor.body);
+
+    editor.execCommand('Undo');
+    editor.execCommand('Undo');
+    equal(editor.body.getElementsByTagName('hr').length, 0, '分割线已删除');
+
+});
+
+/*trace 632*/
+test('trace 632 合并单元格后撤销再合并单元格不会丢字', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 4, numRows: 4});
+    var tds = editor.body.firstChild.getElementsByTagName('td');
+    for (var i = 0; i < 6; i++) {
+        tds[i].innerHTML = 'hello';
+    }
+    //合并单元格
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('mergecells');
+        ua.manualDeleteFillData(editor.body);
+        tds = editor.body.firstChild.getElementsByTagName('td');
+        equal(tds[0].innerHTML.toLowerCase(), 'hello<br>hello<br>hello<br>hello', '合并单元格,内容复制正确');
+
+        //撤销合并单元格的操作,再次合并单元格
+        editor.execCommand('Undo');
+        setTimeout(function () {
+            var trs = editor.body.firstChild.getElementsByTagName('tr');
+            var ut = editor.getUETable(editor.body.firstChild);
+            var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
+            ut.setSelected(cellsRange);
+            range.setStart(trs[0].cells[0], 0).collapse(true).select();
+            editor.execCommand('mergecells');
+            ua.manualDeleteFillData(editor.body);
+            tds = editor.body.firstChild.getElementsByTagName('td');
+            equal(tds[0].innerHTML.toLowerCase(), 'hello<br>hello<br>hello<br>hello', '撤销后再次合并单元格,内容复制正确');
+            start();
+        }, 50);
+    }, 50);
+    stop();
+});
+
+/*trace 675  这个trace用例中的操作已经设为非法*/
+/*trace 685*/
+test('trace 685 合并单元格后,删除行,再撤销,再删除行', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 4, numRows: 4});
+
+    //选择第一行的4格单元格，合并
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[3]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        var tds = editor.body.getElementsByTagName('td');
+        editor.execCommand('mergecells');
+        ok(tds[0].colSpan == 4 && tds[0].rowSpan == 1, '第一行的4个单元格合并成一个');
+
+        //选择第2，3，4行的第1个单元格，合并
+        setTimeout(function () {
+            var trs = editor.body.firstChild.getElementsByTagName('tr');
+            var ut = editor.getUETable(editor.body.firstChild);
+            var cellsRange = ut.getCellsRange(trs[1].cells[0], trs[3].cells[0]);
+            ut.setSelected(cellsRange);
+            range.setStart(trs[0].cells[0], 0).collapse(true).select();
+            var tds = editor.body.getElementsByTagName('td');
+            editor.execCommand('mergecells');
+            ok(tds[1].colSpan == 1 && tds[1].rowSpan == 3, '第2，3，4行的第一个单元格合并成一个');
+
+            //单击第二步合并的单元格，点击删除行
+            range.setStart(tds[4], 0).collapse(true).select();
+            editor.execCommand('deleterow');
+            equal(editor.body.firstChild.getElementsByTagName('tr').length, 3, '点击删除行，表格剩三行');
+            //撤销
+            editor.execCommand('undo');
+            equal(editor.body.firstChild.getElementsByTagName('tr').length, 4, '撤销后，表格恢复成4行');
+            //再次点击删除行
+            range.setStart(tds[4], 0).collapse(true).select();
+            editor.execCommand('deleterow');
+            equal(editor.body.firstChild.getElementsByTagName('tr').length, 3, '撤销后，再点击删除行，表格剩三行');
+            start();
+        }, 50);
+    }, 50);
+    stop();
+});
+
+/*trace 711 这个要中文输入法再模拟键盘输入，貌似不能写？？？*/
+/*trace 718*/
+test('trace 718 合并单元格后,删除列,再撤销,再删除列', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 4, numRows: 4});
+
+    //选择中间的4格单元格，合并
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[1].cells[1], trs[2].cells[2]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[1].cells[1], 0).collapse(true).select();
+        var tds = editor.body.firstChild.getElementsByTagName('td');
+        editor.execCommand('mergecells');
+        ok(tds[5].colSpan == 2 && tds[5].rowSpan == 2, '对一个4*4的表格，选择中间的4格单元格，合并成一个');
+        //光标定位在合并后的大单元格中，点击删除列按钮
+        range.setStart(tds[5], 0).collapse(true).select();
+        editor.execCommand('deletecol');
+        equal(editor.body.firstChild.getElementsByTagName('tr')[0].childNodes.length, 3, '点击删除列，表格剩三列');
+        //撤销
+        editor.execCommand('undo');
+        equal(editor.body.firstChild.getElementsByTagName('tr')[0].childNodes.length, 4, '撤销后，表格剩四列');
+        //再次点击删除列按钮
+        //TODO 1.2.6
+        if (!ua.browser.gecko && !ua.browser.ie) {
+            range.setStart(tds[5], 0).collapse(true).select();
+            editor.execCommand('deletecol');
+            equal(editor.body.firstChild.getElementsByTagName('tr')[0].childNodes.length, 3, '再次点击删除列，表格剩三列');
+        }
+        equal(editor.body.firstChild.getElementsByTagName('tr').length, 4, '表格依然有4行');
+        start();
+    }, 50);
+    stop();
+});
+
+/*trace 722 需要中文输入法*/
+/*trace 743*/
+test('trace 743 合并单元格后,删除列,再撤销', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable', {numCols: 4, numRows: 4});
+
+    //第一行的4格单元格，合并
+    setTimeout(function () {
+        var trs = editor.body.firstChild.getElementsByTagName('tr');
+        var ut = editor.getUETable(editor.body.firstChild);
+        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[3]);
+        ut.setSelected(cellsRange);
+        range.setStart(trs[0].cells[0], 0).collapse(true).select();
+        editor.execCommand('mergecells');
+        var tds = editor.body.firstChild.getElementsByTagName('td');
+        ok(tds[0].colSpan == 4 && tds[0].rowSpan == 1 && tds.length == 13, '对一个4*4的表格，选择第一行的4格单元格，合并成一个');
+        //点击删除列按钮
+        editor.execCommand('deletecol');
+        equal(editor.body.firstChild.getElementsByTagName('tr')[1].childNodes.length, 3, '点击删除列，表格剩3列');
+        //撤销
+        editor.execCommand('undo');
+        equal(editor.body.firstChild.getElementsByTagName('tr')[1].childNodes.length, 4, '撤销后，表格恢复成4列');
+        equal(editor.body.firstChild.getElementsByTagName('tr').length, 4, '表格依然有4行');
+        start();
+    }, 50);
+    stop();
+});
+
+/*trace 808 需要观察光标延迟，这个问题已经被标为不修*/
+/*trace 855 这个用例描述有问题，而且可以跟trace 584合成一个*/
+/*trace 873*/
+//test( 'trace 873 光标不在编辑器中时替换一个文本后按撤销', function () {
+//    if(ua.browser.opera)
+//        return;
+//    var editor = te.obj[0];
+//    editor.setContent('欢迎使用ueditor');
+//    editor.execCommand( 'searchreplace', {searchStr:'欢迎', replaceStr:'welcom'} );
+//    ua.manualDeleteFillData(editor.body);
+//    equal( editor.body.firstChild.innerHTML, 'welcom使用ueditor', '查找替换' );
+//    editor.execCommand( 'Undo' );
+//    ua.manualDeleteFillData( editor.body );
+//    equal( editor.body.firstChild.innerHTML, '欢迎使用ueditor', '撤销' );
+//} );
+
+/*trace 942*/
+test('trace 942 用格式刷后撤销', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    var flag = true;
+    stop();
+    expect(1);
+    editor.setContent('<p><strong>hello</strong></p><p><a href="http://www.baidu.com/">hello</a></p>');
+
+    range.setStart(editor.body.firstChild.firstChild.firstChild, 2).setEnd(editor.body.firstChild.firstChild.firstChild, 4).select();
+    editor.addListener('mouseup', function () {
+        ua.manualDeleteFillData(editor.body);
+        //从浏览器复制了不可见的空文本
+        equal(editor.body.lastChild.firstChild.innerHTML.toLowerCase(), 'h<strong></strong>ello');
+
+    });
+    editor.execCommand('formatmatch');
+    range.setStart(editor.body.lastChild.firstChild.firstChild, 1).collapse(true).select();
+    ua.mouseup(editor.body);
+    setTimeout(function () {
+        start();
+    }, 100);
+});
+
+test('undo--redo', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    editor.focus();
+    editor.execCommand('anchor', 'hello');
+    editor.undoManger.undo();
+    var spase = ua.browser.ie ? '&nbsp;' : '<br>';
+    equal(ua.getChildHTML(editor.body), '<p>' + spase + '</p>', '');
+    editor.undoManger.redo();
+    ua.manualDeleteFillData(editor.body);
+//    var cs=editor.body.firstChild.firstChild.getAttribute('class');
+//    var an=editor.body.firstChild.firstChild.getAttribute('anchorname');
+//    equal(cs,'anchorclass','锚点class');
+//    equal(an,'hello','锚点name');
+//    var br = (ua.browser.ie) ? '' : '<br>';
+    if (ua.browser.ie)
+        equal(ua.getChildHTML(editor.body), '<p><img class=\"anchorclass\" anchorname=\"hello\">' + spase + '</p>', '');
+    else
+        equal(ua.getChildHTML(editor.body), '<p><img anchorname=\"hello\" class=\"anchorclass\">' + spase + '</p>', '');
+});
+test('reset,index', function () {
+    var editor = te.obj[0];
+    editor.setContent('<p></p>');
+    editor.focus();
+    editor.execCommand('anchor', 'hello');
+    var listLength = editor.undoManger.list.length;
+    ok(listLength > 0, '检查undoManger.list');
+    equal(editor.undoManger.index, 1, '检查undoManger.index');
+    editor.undoManger.undo();
+    equal(editor.undoManger.list.length, listLength, 'undo操作,undoManger.list不变');
+    equal(editor.undoManger.index, 0, 'undo操作,undoManger.index-1');
+    var spase = ua.browser.ie ? '&nbsp;' : '<br>';
+    equal(ua.getChildHTML(editor.body), '<p>' + spase + '</p>', '检查内容');
+    editor.reset();
+    equal(editor.undoManger.list.length, 0, 'reset,undoManger.list清空');
+    equal(editor.undoManger.index, 0, 'reset,undoManger.index清空');
+    editor.undoManger.redo();
+    ua.manualDeleteFillData(editor.body);
+    var spase = ua.browser.ie ? '&nbsp;' : '<br>';
+    equal(ua.getChildHTML(editor.body), '<p>' + spase + '</p>', '检查内容');
+
+});
+/*trace 1068  格式刷图片*/
+test('trace 1068 默认样式的图片刷左浮动图片，撤销，左浮动图片刷默认样式的图片', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    var num = 0;
+
+    var body = editor.body;
+    editor.setContent('<p><br></p>');
+    range.setStart(body.firstChild, 0).collapse(1).select();
+    editor.execCommand('insertimage', {src: 'http://img.baidu.com/hi/jx2/j_0001.gif', width: 50, height: 51});
+    range.selectNode(editor.body.getElementsByTagName('img')[0]).select();
+    editor.execCommand('imagefloat', 'none');
+    range.setStart(body.firstChild, 0).collapse(1).select();
+    editor.execCommand('insertimage', {src: 'http://img.baidu.com/hi/jx2/j_0002.gif', width: 50, height: 51});
+    range.selectNode(editor.body.getElementsByTagName('img')[0]).select();
+    editor.execCommand('imagefloat', 'left');
+    // equal(ua.getFloatStyle(body.getElementsByTagName( 'img' )[0]), "left", '左浮动' );
+    //  equal(ua.getFloatStyle(body.getElementsByTagName( 'img' )[1]), "none", '默认' );
+    range.selectNode(body.getElementsByTagName('img')[1]).select();
+    editor.addListener('mouseup', function () {
+        equal(editor.queryCommandState('formatmatch'), 0, '刷后状态为0');
+        if (num == 1) {
+            equal(ua.getFloatStyle(body.getElementsByTagName('img')[0]), "none", '默认刷左浮动');
+            editor.execCommand('Undo');
+            equal(ua.getFloatStyle(body.getElementsByTagName('img')[0]), "left", '撤销后，左浮动还原');
+            range.selectNode(body.getElementsByTagName('img')[0]).select();
+            editor.execCommand('formatmatch');
+            range.selectNode(body.getElementsByTagName('img')[1]).select();
+            num = 2;
+            ua.mouseup(editor.body);
+        }
+        else if (num == 2) {
+            if (!ua.browser.opera) {
+                equal(ua.getFloatStyle(body.getElementsByTagName('img')[1]), 'left', '左浮动刷默认');
+            }
+            setTimeout(function () {
+                start();
+            }, 100);
+        }
+    });
+    editor.execCommand('formatmatch');
+    range.selectNode(body.getElementsByTagName('img')[0]).select();
+    num = 1;
+    ua.mouseup(body.getElementsByTagName('img')[0]);
+    stop();
+});
+
+//test(
+//		'undo',
+//		function() {
+//			var editor = new baidu.editor.Editor({
+//				enterkey : 'br',
+//				initialContent : 'test'
+//			});
+//			editor.render(te.dom[0]);
+//			var domUtils = baidu.editor.dom.domUtils, dtd = baidu.editor.dom.dtd, range = new baidu.editor.dom.Range(
+//					editor.document);
+//			editor.setContent('<b>xxxx</b><p>xxxx</p>');
+//			range.selectNodeContents(editor.document.body).select();
+//			editor.execCommand('bold');
+//			editor.execCommand('Undo');
+//			equals(getHTML(editor.document.body), '<b>xxxx</b><p>xxxx</p>');
+//			editor.execCommand('redo');
+//			equals(getHTML(editor.document.body), 'xxxx<p>xxxx</p>');
+//			ok(!editor.hasRedo);
+//
+//			editor.execCommand('Undo');
+//			editor.execCommand('Undo');
+//			equals(getHTML(editor.document.body), 'test');
+//		});
+
+test('ctrl+z/y', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+
+    var body = editor.body;
+    editor.setContent('<p>没有加粗的文本</p>');
+    range.selectNode(body.firstChild).select();
+    var p = body.firstChild;
+    setTimeout(function () {
+        ua.keydown(editor.body, {'keyCode': 66, 'ctrlKey': true});
+        setTimeout(function () {
+            equal(ua.getChildHTML(p), '<strong>没有加粗的文本</strong>');
+            ua.keydown(editor.body, {'keyCode': 90, 'ctrlKey': true});
+            setTimeout(function () {
+                editor.focus();
+                equal(ua.getChildHTML(body.firstChild), '没有加粗的文本');
+                ua.keydown(editor.body, {'keyCode': 89, 'ctrlKey': true});
+                editor.focus();
+                setTimeout(function () {
+                    equal(ua.getChildHTML(body.firstChild), '<strong>没有加粗的文本</strong>');
+                    start();
+                }, 100);
+            }, 100);
+        }, 150);
+    }, 100);
+    stop();
+});
+
+/*trace 3209  格式刷图片*/
+test('trace 3209 插入表格,undo redo', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p></p>');
+    range.setStart(editor.body.firstChild, 0).collapse(true).select();
+    editor.execCommand('inserttable');
+    editor.execCommand('undo');
+    equal(editor.getContent().toLowerCase(), '', '插入表格,撤销');
+    editor.execCommand('redo');
+    ua.manualDeleteFillData(editor.body);
+    equal(editor.body.firstChild.tagName.toLowerCase(), 'table', '插入表格,撤销重做');
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/video.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/video.js
new file mode 100644
index 000000000..d4ae6cd11
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/video.js
@@ -0,0 +1,64 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: Administrator
+ * Date: 13-5-15
+ * Time: 下午7:15
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'plugins.video' );
+
+test( '插入优酷视频', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello</p>' );
+    range.setStart(editor.body.firstChild,0).collapse(true).select();
+    var videoObject  ={url: "http://player.youku.com/player.php/Type/Folder/Fid/19275705/Ob/1/sid/XNTU3Mjk4NzQ4/v.swf", width: "500", height: "400", align: "center"}
+    editor.execCommand( 'insertvideo',videoObject);
+    stop();
+    setTimeout(function(){
+        var img = editor.body.getElementsByTagName('img');
+        equal(img.length,1,'插入img');
+        equal(img[0].width,"500");
+        equal(img[0].height,"400");
+        equal(img[0].src,editor.options.UEDITOR_HOME_URL+'themes/default/images/spacer.gif');
+        if(ua.browser.gecko||ua.browser.ie>8){
+            ok(img[0].style.background.indexOf('url(\"'+editor.options.UEDITOR_HOME_URL+'themes/default/images/videologo.gif\")') > -1, '占位符背景图是否正常');
+        }
+        else
+        {
+            ok(img[0].style.background.indexOf("url("+editor.options.UEDITOR_HOME_URL+"themes/default/images/videologo.gif)") > -1, '占位符背景图是否正常');
+        }
+        var html = editor.getContent();
+        ok(html.toLowerCase().indexOf('<embed') != -1, '转换为embed标签');
+        start();
+    },100);
+} );
+
+test( '插入上传视频', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent( '<p>hello</p>' );
+    range.setStart(editor.body.firstChild,0).collapse(true).select();
+    var videoObject  ={url: "http://video-js.zencoder.com/oceans-clip.mp4", width: "500", height: "400", align: "center"}
+    editor.execCommand( 'insertvideo',videoObject,'upload');
+    stop();
+    setTimeout(function(){
+        var img = editor.body.getElementsByTagName('img');
+        equal(img.length,1,'插入img');
+        equal(img[0].width,"500");
+        equal(img[0].height,"400");
+        ok(img[0].className && img[0].className.indexOf('edui-upload-video') != -1, 'okey:有edui-upload-video的class标记');
+        equal(img[0].src,editor.options.UEDITOR_HOME_URL+'themes/default/images/spacer.gif');
+        if(ua.browser.gecko||ua.browser.ie>8){
+            ok(img[0].style.background.indexOf('url(\"'+editor.options.UEDITOR_HOME_URL+'themes/default/images/videologo.gif\")') > -1, '占位符背景图是否正常');
+        }
+        else
+        {
+            ok(img[0].style.background.indexOf("url("+editor.options.UEDITOR_HOME_URL+"themes/default/images/videologo.gif)") > -1, '占位符背景图是否正常');
+        }
+
+        var html = editor.getContent();
+        ok(html.toLowerCase().indexOf('<video') != -1, '转换为video标签');
+        start();
+    },100);
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/webapp.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/webapp.js
new file mode 100644
index 000000000..101030fa8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/webapp.js
@@ -0,0 +1,46 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 12-6-5
+ * Time: 下午2:52
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'plugins.webapp' );
+test("插入一个webapp",function(){
+        stop();
+        expect(7);
+    var editor = te.obj[0];
+    equal(editor.options.initialContent,editor.getContent(),"没插入webapp之前内容为空");
+
+    editor.execCommand( "webapp", {
+        url:"http://app.baidu.com/app/enter?appid=152311&amp;tn=app_canvas&amp;app_spce_id=1&amp;apikey=5r7SmiUici27lVfVBep1K7BA&amp;api_key=5r7SmiUici27lVfVBep1K7BA",
+        width:300,
+        height:400,
+        logo:'http://apps1.bdimg.com/store/static/kvt/2c86377ca162d93547aeeca6fe252696.jpgo',
+        title:'测试'
+    });
+
+    var backImg = editor.document.getElementsByTagName("img")[0];
+    var div = document.createElement("div");
+    div.innerHTML = editor.getContent();
+    var iframe = div.getElementsByTagName("iframe")[0];
+    ok(iframe,"插入webapp后获取到的内容中包含一个iframe");
+    if(iframe){
+        equal(iframe.className,"edui-faked-webapp","获取到的iframe中包含edui-faked-webapp类名");
+        ok(iframe.getAttribute("logo_url"),"包含一个logo_url属性");
+    }
+    setTimeout( function () {
+        editor.execCommand( 'source' );
+        setTimeout( function () {
+            editor.execCommand( 'source' );
+                var newImg = editor.document.getElementsByTagName("img")[0];
+                ok(newImg.src ==backImg.src,"源码切换之后占位图片地址不变");
+                ok(newImg.className ==backImg.className,"源码切换之后占位图片样式类不变");
+                ok(newImg._url ==backImg._url,"源码切换之后占位图片_url数据不变");
+                start();
+        }, 200 );
+    }, 200 );
+
+
+
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/wordcount.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/wordcount.js
new file mode 100644
index 000000000..5cb69cd49
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/wordcount.js
@@ -0,0 +1,50 @@
+module('plugins.wordcount');
+
+test('trace 1743 右键删除后计算字数', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('<p>hello</p>');
+    setTimeout(function () {
+        range.setStart(editor.body.firstChild, 0).collapse(true).select();
+        editor.execCommand('selectall');
+        editor.execCommand('cleardoc');
+        equal(editor.getContentLength(true), 0, '插入成功');
+
+        start();
+    }, 50);
+    stop();
+});
+
+test('空格', function () {
+    var editor = te.obj[0];
+    var range = te.obj[1];
+    editor.setContent('           \ufeff\u200B\t\t    \n\n\t\n\b\t\n\b\u200B\t\t\n\n    ');
+    if (ua.browser.ie)
+        equal(editor.getContentLength(true), 23, '清空后编辑器中23个空格');
+    else
+        equal(editor.getContentLength(true), 22, '清空后编辑器中22个空格');
+});
+
+test(' trace 3744 超出最大', function () {
+
+    var div = document.body.appendChild(document.createElement('div'));
+    div.id = 'ue';
+    var editor = UE.getEditor('ue', {'UEDITOR_HOME_URL': '../../../', 'wordCount': true, 'maximumWords': 10,'initialContent':'','autoFloatEnabled': false});
+    editor.ready(function () {
+
+        expect(2);
+        editor.addListener("wordcountoverflow", function () {
+            ok(true, "超出最大");
+            setTimeout(function () {
+                UE.delEditor('ue');
+                start();
+            }, 500);
+        });
+        setTimeout(function () {
+            editor.setContent('hello hello hello');
+            equal(editor.getContentLength(true), 17, '仅统计字数')
+
+        }, 50);
+    });
+    stop();
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/wordimage.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/wordimage.js
new file mode 100644
index 000000000..8cf48511a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/plugins/wordimage.js
@@ -0,0 +1,57 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-3-26
+ * Time: 下午3:05
+ * To change this template use File | Settings | File Templates.
+ */
+module('plugins.wordimage');
+
+test('检查取得word_img的url地址', function () {
+    var editor = te.obj[0];
+    editor.setContent('<p><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><img width="172px" height="111px" src="/ge/ueditor_1_2_0_0_BRANCH/themes/default/images/spacer.gif" word_img="file:///C:\DOCUME~1\DONGYA~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.gif" style="background:url(/ge/ueditor_1_2_0_0_branch/themes/default/images/localimage.png) no-repeat center center;border:1px solid #ddd" /></span><br /></p><p><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><img src="http://img.baidu.com/hi/jx2/j_0001.gif" border="0" hspace="0" vspace="0" /><br /> </span></p>');
+    stop();
+    setTimeout(function () {
+
+        editor.execCommand('wordimage', 'word_img');
+        equal(editor.body.getElementsByTagName('img')[0].getAttribute('word_img'), "file:///C:DOCUME~1DONGYA~1LOCALS~1Tempmsohtmlclip1
clip_image001.gif", '检查url地址');
+        editor.setContent('<p><a href="http://www.baidu.com" target="_self" title="asdf"><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><img width="401px" height="174px" src="/ge/ueditor_1_2_0_0_BRANCH/themes/default/images/spacer.gif" word_img="file:///C:\DOCUME~1\DONGYA~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.jpg" style="background:url(/ge/ueditor_1_2_0_0_branch/themes/default/images/localimage.png) no-repeat center center;border:1px solid #ddd" /></span></a><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><img width="172px" height="111px" src="/ge/ueditor_1_2_0_0_BRANCH/themes/default/images/spacer.gif" word_img="file:///C:\DOCUME~1\DONGYA~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.gif" style="background:url(/ge/ueditor_1_2_0_0_branch/themes/default/images/localimage.png) no-repeat center center;border:1px solid #ddd" /></span></span></p><p><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><img src="/ge/ueditor_1_2_0_0_BRANCH/server/upload/uploadimages/11171332502507.gif" border="0" hspace="0" vspace="0" /><br /></span></span></p>');
+        setTimeout(function () {
+            editor.execCommand('wordimage', 'word_img');
+//            equal(editor.word_img.length, '2', '有2个wordimg');
+            equal(editor.body.getElementsByTagName('img')[0].getAttribute('word_img'), "file:///C:\DOCUME~1\DONGYA~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.jpg", '检查 第一个url地址');
+            equal(editor.body.getElementsByTagName('img')[1].getAttribute('word_img'), "file:///C:\DOCUME~1\DONGYA~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.gif", '检查 第二个url地址');
+            equal(editor.queryCommandState('wordimage'), '1', 'queryCommandState');
+            start();
+        }, 50);
+    }, 50);
+});
+
+test('多实例编辑器检查取得word_img的url地址', function () {
+    var div1 = document.createElement('div');
+    var div2 = document.createElement('div');
+    document.body.appendChild(div1);
+    document.body.appendChild(div2);
+    var editor1 = new UE.Editor({'initialContent':'<p><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><img width="172px" height="111px" _src="file:///C:DOCUME~1DONGYA~1LOCALS~1Tempmsohtmlclip1
clip_image001.gif" src="/ge/ueditor_1_2_0_0_BRANCH/themes/default/images/spacer.gif" word_img="file:///C:\DOCUME~1\DONGYA~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.gif" style="background:url(/ge/ueditor_1_2_0_0_branch/themes/default/images/localimage.png) no-repeat center center;border:1px solid #ddd" /></span><br /></p><p><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><img src="http://img.baidu.com/hi/jx2/j_0001.gif" border="0" hspace="0" vspace="0" /><br /> </span></p>','autoFloatEnabled':false});
+    var editor2 = new UE.Editor({'initialContent':'<p><a href="http://www.baidu.com" target="_self" title="asdf"><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><img width="401px" height="174px" src="/ge/ueditor_1_2_0_0_BRANCH/themes/default/images/spacer.gif" word_img="file:///C:\DOCUME~1\DONGYA~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.jpg" style="background:url(/ge/ueditor_1_2_0_0_branch/themes/default/images/localimage.png) no-repeat center center;border:1px solid #ddd" /></span></a><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><img width="172px" height="111px" src="/ge/ueditor_1_2_0_0_BRANCH/themes/default/images/spacer.gif" word_img="file:///C:\DOCUME~1\DONGYA~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.gif" style="background:url(/ge/ueditor_1_2_0_0_branch/themes/default/images/localimage.png) no-repeat center center;border:1px solid #ddd" /></span></span></p><p><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><span style="font-size:14px;font-family:&#39;times new roman&#39;, serif"><img src="/ge/ueditor_1_2_0_0_BRANCH/server/upload/uploadimages/11171332502507.gif" border="0" hspace="0" vspace="0" /><br /></span></span></p>', 'autoFloatEnabled':false});
+    stop();
+    setTimeout(function () {
+        editor1.render(div1);
+        editor1.ready(function () {
+            editor2.render(div2);
+            editor2.ready(function () {
+                editor1.focus();
+                editor1.execCommand('wordimage', 'word_img');
+//                equal(editor1.word_img.length, '1', 'editor1有一个wordimg');
+                equal(editor1.body.getElementsByTagName('img')[0].getAttribute('word_img'), "file:///C:DOCUME~1DONGYA~1LOCALS~1Tempmsohtmlclip1
clip_image001.gif", '检查url地址');
+                editor2.execCommand('wordimage', 'word_img');
+//                equal(editor2.word_img.length, '2', 'editor2有2个wordimg');
+                equal(editor2.body.getElementsByTagName('img')[0].getAttribute('word_img'), "file:///C:\DOCUME~1\DONGYA~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.jpg", '检查 第一个url地址');
+                equal(editor2.body.getElementsByTagName('img')[1].getAttribute('word_img'), "file:///C:\DOCUME~1\DONGYA~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.gif", '检查 第二个url地址');
+                equal(editor1.queryCommandState('wordimage'), '1', 'queryCommandState');
+                equal(editor2.queryCommandState('wordimage'), '1', 'queryCommandState');
+                start();
+            });
+        });
+    });
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/jquery-1.5.1.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/jquery-1.5.1.js
new file mode 100644
index 000000000..fa52d75b8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/jquery-1.5.1.js
@@ -0,0 +1,8316 @@
+/*!
+ * jQuery JavaScript Library v1.5.1
+ * http://jquery.com/
+ *
+ * Copyright 2011, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2011, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Wed Feb 23 13:55:29 2011 -0500
+ */
+(function( window, undefined ) {
+
+// Use the correct document accordingly with window argument (sandbox)
+var document = window.document;
+var jQuery = (function() {
+
+// Define a local copy of jQuery
+var jQuery = function( selector, context ) {
+		// The jQuery object is actually just the init constructor 'enhanced'
+		return new jQuery.fn.init( selector, context, rootjQuery );
+	},
+
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$,
+
+	// A central reference to the root jQuery(document)
+	rootjQuery,
+
+	// A simple way to check for HTML strings or ID strings
+	// (both of which we optimize for)
+	quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,
+
+	// Check if a string has a non-whitespace character in it
+	rnotwhite = /\S/,
+
+	// Used for trimming whitespace
+	trimLeft = /^\s+/,
+	trimRight = /\s+$/,
+
+	// Check for digits
+	rdigit = /\d/,
+
+	// Match a standalone tag
+	rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/,
+
+	// JSON RegExp
+	rvalidchars = /^[\],:{}\s]*$/,
+	rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
+	rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
+	rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
+
+	// Useragent RegExp
+	rwebkit = /(webkit)[ \/]([\w.]+)/,
+	ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
+	rmsie = /(msie) ([\w.]+)/,
+	rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,
+
+	// Keep a UserAgent string for use with jQuery.browser
+	userAgent = navigator.userAgent,
+
+	// For matching the engine and version of the browser
+	browserMatch,
+
+	// Has the ready events already been bound?
+	readyBound = false,
+
+	// The deferred used on DOM ready
+	readyList,
+
+	// Promise methods
+	promiseMethods = "then done fail isResolved isRejected promise".split( " " ),
+
+	// The ready event handler
+	DOMContentLoaded,
+
+	// Save a reference to some core methods
+	toString = Object.prototype.toString,
+	hasOwn = Object.prototype.hasOwnProperty,
+	push = Array.prototype.push,
+	slice = Array.prototype.slice,
+	trim = String.prototype.trim,
+	indexOf = Array.prototype.indexOf,
+
+	// [[Class]] -> type pairs
+	class2type = {};
+
+jQuery.fn = jQuery.prototype = {
+	constructor: jQuery,
+	init: function( selector, context, rootjQuery ) {
+		var match, elem, ret, doc;
+
+		// Handle $(""), $(null), or $(undefined)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Handle $(DOMElement)
+		if ( selector.nodeType ) {
+			this.context = this[0] = selector;
+			this.length = 1;
+			return this;
+		}
+
+		// The body element only exists once, optimize finding it
+		if ( selector === "body" && !context && document.body ) {
+			this.context = document;
+			this[0] = document.body;
+			this.selector = "body";
+			this.length = 1;
+			return this;
+		}
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			// Are we dealing with HTML string or an ID?
+			match = quickExpr.exec( selector );
+
+			// Verify a match, and that no context was specified for #id
+			if ( match && (match[1] || !context) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[1] ) {
+					context = context instanceof jQuery ? context[0] : context;
+					doc = (context ? context.ownerDocument || context : document);
+
+					// If a single string is passed in and it's a single tag
+					// just do a createElement and skip the rest
+					ret = rsingleTag.exec( selector );
+
+					if ( ret ) {
+						if ( jQuery.isPlainObject( context ) ) {
+							selector = [ document.createElement( ret[1] ) ];
+							jQuery.fn.attr.call( selector, context, true );
+
+						} else {
+							selector = [ doc.createElement( ret[1] ) ];
+						}
+
+					} else {
+						ret = jQuery.buildFragment( [ match[1] ], [ doc ] );
+						selector = (ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment).childNodes;
+					}
+
+					return jQuery.merge( this, selector );
+
+				// HANDLE: $("#id")
+				} else {
+					elem = document.getElementById( match[2] );
+
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE and Opera return items
+						// by name instead of ID
+						if ( elem.id !== match[2] ) {
+							return rootjQuery.find( selector );
+						}
+
+						// Otherwise, we inject the element directly into the jQuery object
+						this.length = 1;
+						this[0] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return (context || rootjQuery).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( jQuery.isFunction( selector ) ) {
+			return rootjQuery.ready( selector );
+		}
+
+		if (selector.selector !== undefined) {
+			this.selector = selector.selector;
+			this.context = selector.context;
+		}
+
+		return jQuery.makeArray( selector, this );
+	},
+
+	// Start with an empty selector
+	selector: "",
+
+	// The current version of jQuery being used
+	jquery: "1.5.1",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	// The number of elements contained in the matched element set
+	size: function() {
+		return this.length;
+	},
+
+	toArray: function() {
+		return slice.call( this, 0 );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num == null ?
+
+			// Return a 'clean' array
+			this.toArray() :
+
+			// Return just the object
+			( num < 0 ? this[ this.length + num ] : this[ num ] );
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems, name, selector ) {
+		// Build a new jQuery matched element set
+		var ret = this.constructor();
+
+		if ( jQuery.isArray( elems ) ) {
+			push.apply( ret, elems );
+
+		} else {
+			jQuery.merge( ret, elems );
+		}
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+
+		ret.context = this.context;
+
+		if ( name === "find" ) {
+			ret.selector = this.selector + (this.selector ? " " : "") + selector;
+		} else if ( name ) {
+			ret.selector = this.selector + "." + name + "(" + selector + ")";
+		}
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	// (You can seed the arguments with an array of args, but this is
+	// only used internally.)
+	each: function( callback, args ) {
+		return jQuery.each( this, callback, args );
+	},
+
+	ready: function( fn ) {
+		// Attach the listeners
+		jQuery.bindReady();
+
+		// Add the callback
+		readyList.done( fn );
+
+		return this;
+	},
+
+	eq: function( i ) {
+		return i === -1 ?
+			this.slice( i ) :
+			this.slice( i, +i + 1 );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	slice: function() {
+		return this.pushStack( slice.apply( this, arguments ),
+			"slice", slice.call(arguments).join(",") );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map(this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		}));
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor(null);
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: push,
+	sort: [].sort,
+	splice: [].splice
+};
+
+// Give the init function the jQuery prototype for later instantiation
+jQuery.fn.init.prototype = jQuery.fn;
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var options, name, src, copy, copyIsArray, clone,
+		target = arguments[0] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+		target = arguments[1] || {};
+		// skip the boolean and the target
+		i = 2;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+		target = {};
+	}
+
+	// extend jQuery itself if only one argument is passed
+	if ( length === i ) {
+		target = this;
+		--i;
+	}
+
+	for ( ; i < length; i++ ) {
+		// Only deal with non-null/undefined values
+		if ( (options = arguments[ i ]) != null ) {
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray(src) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject(src) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend({
+	noConflict: function( deep ) {
+		window.$ = _$;
+
+		if ( deep ) {
+			window.jQuery = _jQuery;
+		}
+
+		return jQuery;
+	},
+
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+		// A third-party is pushing the ready event forwards
+		if ( wait === true ) {
+			jQuery.readyWait--;
+		}
+
+		// Make sure that the DOM is not already loaded
+		if ( !jQuery.readyWait || (wait !== true && !jQuery.isReady) ) {
+			// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+			if ( !document.body ) {
+				return setTimeout( jQuery.ready, 1 );
+			}
+
+			// Remember that the DOM is ready
+			jQuery.isReady = true;
+
+			// If a normal DOM Ready event fired, decrement, and wait if need be
+			if ( wait !== true && --jQuery.readyWait > 0 ) {
+				return;
+			}
+
+			// If there are functions bound, to execute
+			readyList.resolveWith( document, [ jQuery ] );
+
+			// Trigger any bound ready events
+			if ( jQuery.fn.trigger ) {
+				jQuery( document ).trigger( "ready" ).unbind( "ready" );
+			}
+		}
+	},
+
+	bindReady: function() {
+		if ( readyBound ) {
+			return;
+		}
+
+		readyBound = true;
+
+		// Catch cases where $(document).ready() is called after the
+		// browser event has already occurred.
+		if ( document.readyState === "complete" ) {
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			return setTimeout( jQuery.ready, 1 );
+		}
+
+		// Mozilla, Opera and webkit nightlies currently support this event
+		if ( document.addEventListener ) {
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", jQuery.ready, false );
+
+		// If IE event model is used
+		} else if ( document.attachEvent ) {
+			// ensure firing before onload,
+			// maybe late but safe also for iframes
+			document.attachEvent("onreadystatechange", DOMContentLoaded);
+
+			// A fallback to window.onload, that will always work
+			window.attachEvent( "onload", jQuery.ready );
+
+			// If IE and not a frame
+			// continually check to see if the document is ready
+			var toplevel = false;
+
+			try {
+				toplevel = window.frameElement == null;
+			} catch(e) {}
+
+			if ( document.documentElement.doScroll && toplevel ) {
+				doScrollCheck();
+			}
+		}
+	},
+
+	// See test/unit/core.js for details concerning isFunction.
+	// Since version 1.3, DOM methods and functions like alert
+	// aren't supported. They return false on IE (#2968).
+	isFunction: function( obj ) {
+		return jQuery.type(obj) === "function";
+	},
+
+	isArray: Array.isArray || function( obj ) {
+		return jQuery.type(obj) === "array";
+	},
+
+	// A crude way of determining if an object is a window
+	isWindow: function( obj ) {
+		return obj && typeof obj === "object" && "setInterval" in obj;
+	},
+
+	isNaN: function( obj ) {
+		return obj == null || !rdigit.test( obj ) || isNaN( obj );
+	},
+
+	type: function( obj ) {
+		return obj == null ?
+			String( obj ) :
+			class2type[ toString.call(obj) ] || "object";
+	},
+
+	isPlainObject: function( obj ) {
+		// Must be an Object.
+		// Because of IE, we also have to check the presence of the constructor property.
+		// Make sure that DOM nodes and window objects don't pass through, as well
+		if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		// Not own constructor property must be Object
+		if ( obj.constructor &&
+			!hasOwn.call(obj, "constructor") &&
+			!hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
+			return false;
+		}
+
+		// Own properties are enumerated firstly, so to speed up,
+		// if last one is own, then all properties are own.
+
+		var key;
+		for ( key in obj ) {}
+
+		return key === undefined || hasOwn.call( obj, key );
+	},
+
+	isEmptyObject: function( obj ) {
+		for ( var name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	error: function( msg ) {
+		throw msg;
+	},
+
+	parseJSON: function( data ) {
+		if ( typeof data !== "string" || !data ) {
+			return null;
+		}
+
+		// Make sure leading/trailing whitespace is removed (IE can't handle it)
+		data = jQuery.trim( data );
+
+		// Make sure the incoming data is actual JSON
+		// Logic borrowed from http://json.org/json2.js
+		if ( rvalidchars.test(data.replace(rvalidescape, "@")
+			.replace(rvalidtokens, "]")
+			.replace(rvalidbraces, "")) ) {
+
+			// Try to use the native JSON parser first
+			return window.JSON && window.JSON.parse ?
+				window.JSON.parse( data ) :
+				(new Function("return " + data))();
+
+		} else {
+			jQuery.error( "Invalid JSON: " + data );
+		}
+	},
+
+	// Cross-browser xml parsing
+	// (xml & tmp used internally)
+	parseXML: function( data , xml , tmp ) {
+
+		if ( window.DOMParser ) { // Standard
+			tmp = new DOMParser();
+			xml = tmp.parseFromString( data , "text/xml" );
+		} else { // IE
+			xml = new ActiveXObject( "Microsoft.XMLDOM" );
+			xml.async = "false";
+			xml.loadXML( data );
+		}
+
+		tmp = xml.documentElement;
+
+		if ( ! tmp || ! tmp.nodeName || tmp.nodeName === "parsererror" ) {
+			jQuery.error( "Invalid XML: " + data );
+		}
+
+		return xml;
+	},
+
+	noop: function() {},
+
+	// Evalulates a script in a global context
+	globalEval: function( data ) {
+		if ( data && rnotwhite.test(data) ) {
+			// Inspired by code by Andrea Giammarchi
+			// http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html
+			var head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement,
+				script = document.createElement( "script" );
+
+			if ( jQuery.support.scriptEval() ) {
+				script.appendChild( document.createTextNode( data ) );
+			} else {
+				script.text = data;
+			}
+
+			// Use insertBefore instead of appendChild to circumvent an IE6 bug.
+			// This arises when a base node is used (#2709).
+			head.insertBefore( script, head.firstChild );
+			head.removeChild( script );
+		}
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
+	},
+
+	// args is for internal usage only
+	each: function( object, callback, args ) {
+		var name, i = 0,
+			length = object.length,
+			isObj = length === undefined || jQuery.isFunction(object);
+
+		if ( args ) {
+			if ( isObj ) {
+				for ( name in object ) {
+					if ( callback.apply( object[ name ], args ) === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( ; i < length; ) {
+					if ( callback.apply( object[ i++ ], args ) === false ) {
+						break;
+					}
+				}
+			}
+
+		// A special, fast, case for the most common use of each
+		} else {
+			if ( isObj ) {
+				for ( name in object ) {
+					if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( var value = object[0];
+					i < length && callback.call( value, i, value ) !== false; value = object[++i] ) {}
+			}
+		}
+
+		return object;
+	},
+
+	// Use native String.trim function wherever possible
+	trim: trim ?
+		function( text ) {
+			return text == null ?
+				"" :
+				trim.call( text );
+		} :
+
+		// Otherwise use our own trimming functionality
+		function( text ) {
+			return text == null ?
+				"" :
+				text.toString().replace( trimLeft, "" ).replace( trimRight, "" );
+		},
+
+	// results is for internal usage only
+	makeArray: function( array, results ) {
+		var ret = results || [];
+
+		if ( array != null ) {
+			// The window, strings (and functions) also have 'length'
+			// The extra typeof function check is to prevent crashes
+			// in Safari 2 (See: #3039)
+			// Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
+			var type = jQuery.type(array);
+
+			if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) {
+				push.call( ret, array );
+			} else {
+				jQuery.merge( ret, array );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, array ) {
+		if ( array.indexOf ) {
+			return array.indexOf( elem );
+		}
+
+		for ( var i = 0, length = array.length; i < length; i++ ) {
+			if ( array[ i ] === elem ) {
+				return i;
+			}
+		}
+
+		return -1;
+	},
+
+	merge: function( first, second ) {
+		var i = first.length,
+			j = 0;
+
+		if ( typeof second.length === "number" ) {
+			for ( var l = second.length; j < l; j++ ) {
+				first[ i++ ] = second[ j ];
+			}
+
+		} else {
+			while ( second[j] !== undefined ) {
+				first[ i++ ] = second[ j++ ];
+			}
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, inv ) {
+		var ret = [], retVal;
+		inv = !!inv;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( var i = 0, length = elems.length; i < length; i++ ) {
+			retVal = !!callback( elems[ i ], i );
+			if ( inv !== retVal ) {
+				ret.push( elems[ i ] );
+			}
+		}
+
+		return ret;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var ret = [], value;
+
+		// Go through the array, translating each of the items to their
+		// new value (or values).
+		for ( var i = 0, length = elems.length; i < length; i++ ) {
+			value = callback( elems[ i ], i, arg );
+
+			if ( value != null ) {
+				ret[ ret.length ] = value;
+			}
+		}
+
+		// Flatten any nested arrays
+		return ret.concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	proxy: function( fn, proxy, thisObject ) {
+		if ( arguments.length === 2 ) {
+			if ( typeof proxy === "string" ) {
+				thisObject = fn;
+				fn = thisObject[ proxy ];
+				proxy = undefined;
+
+			} else if ( proxy && !jQuery.isFunction( proxy ) ) {
+				thisObject = proxy;
+				proxy = undefined;
+			}
+		}
+
+		if ( !proxy && fn ) {
+			proxy = function() {
+				return fn.apply( thisObject || this, arguments );
+			};
+		}
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		if ( fn ) {
+			proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
+		}
+
+		// So proxy can be declared as an argument
+		return proxy;
+	},
+
+	// Mutifunctional method to get and set values to a collection
+	// The value/s can be optionally by executed if its a function
+	access: function( elems, key, value, exec, fn, pass ) {
+		var length = elems.length;
+
+		// Setting many attributes
+		if ( typeof key === "object" ) {
+			for ( var k in key ) {
+				jQuery.access( elems, k, key[k], exec, fn, value );
+			}
+			return elems;
+		}
+
+		// Setting one attribute
+		if ( value !== undefined ) {
+			// Optionally, function values get executed if exec is true
+			exec = !pass && exec && jQuery.isFunction(value);
+
+			for ( var i = 0; i < length; i++ ) {
+				fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
+			}
+
+			return elems;
+		}
+
+		// Getting an attribute
+		return length ? fn( elems[0], key ) : undefined;
+	},
+
+	now: function() {
+		return (new Date()).getTime();
+	},
+
+	// Create a simple deferred (one callbacks list)
+	_Deferred: function() {
+		var // callbacks list
+			callbacks = [],
+			// stored [ context , args ]
+			fired,
+			// to avoid firing when already doing so
+			firing,
+			// flag to know if the deferred has been cancelled
+			cancelled,
+			// the deferred itself
+			deferred  = {
+
+				// done( f1, f2, ...)
+				done: function() {
+					if ( !cancelled ) {
+						var args = arguments,
+							i,
+							length,
+							elem,
+							type,
+							_fired;
+						if ( fired ) {
+							_fired = fired;
+							fired = 0;
+						}
+						for ( i = 0, length = args.length; i < length; i++ ) {
+							elem = args[ i ];
+							type = jQuery.type( elem );
+							if ( type === "array" ) {
+								deferred.done.apply( deferred, elem );
+							} else if ( type === "function" ) {
+								callbacks.push( elem );
+							}
+						}
+						if ( _fired ) {
+							deferred.resolveWith( _fired[ 0 ], _fired[ 1 ] );
+						}
+					}
+					return this;
+				},
+
+				// resolve with given context and args
+				resolveWith: function( context, args ) {
+					if ( !cancelled && !fired && !firing ) {
+						firing = 1;
+						try {
+							while( callbacks[ 0 ] ) {
+								callbacks.shift().apply( context, args );
+							}
+						}
+						// We have to add a catch block for
+						// IE prior to 8 or else the finally
+						// block will never get executed
+						catch (e) {
+							throw e;
+						}
+						finally {
+							fired = [ context, args ];
+							firing = 0;
+						}
+					}
+					return this;
+				},
+
+				// resolve with this as context and given arguments
+				resolve: function() {
+					deferred.resolveWith( jQuery.isFunction( this.promise ) ? this.promise() : this, arguments );
+					return this;
+				},
+
+				// Has this deferred been resolved?
+				isResolved: function() {
+					return !!( firing || fired );
+				},
+
+				// Cancel
+				cancel: function() {
+					cancelled = 1;
+					callbacks = [];
+					return this;
+				}
+			};
+
+		return deferred;
+	},
+
+	// Full fledged deferred (two callbacks list)
+	Deferred: function( func ) {
+		var deferred = jQuery._Deferred(),
+			failDeferred = jQuery._Deferred(),
+			promise;
+		// Add errorDeferred methods, then and promise
+		jQuery.extend( deferred, {
+			then: function( doneCallbacks, failCallbacks ) {
+				deferred.done( doneCallbacks ).fail( failCallbacks );
+				return this;
+			},
+			fail: failDeferred.done,
+			rejectWith: failDeferred.resolveWith,
+			reject: failDeferred.resolve,
+			isRejected: failDeferred.isResolved,
+			// Get a promise for this deferred
+			// If obj is provided, the promise aspect is added to the object
+			promise: function( obj ) {
+				if ( obj == null ) {
+					if ( promise ) {
+						return promise;
+					}
+					promise = obj = {};
+				}
+				var i = promiseMethods.length;
+				while( i-- ) {
+					obj[ promiseMethods[i] ] = deferred[ promiseMethods[i] ];
+				}
+				return obj;
+			}
+		} );
+		// Make sure only one callback list will be used
+		deferred.done( failDeferred.cancel ).fail( deferred.cancel );
+		// Unexpose cancel
+		delete deferred.cancel;
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( object ) {
+		var lastIndex = arguments.length,
+			deferred = lastIndex <= 1 && object && jQuery.isFunction( object.promise ) ?
+				object :
+				jQuery.Deferred(),
+			promise = deferred.promise();
+
+		if ( lastIndex > 1 ) {
+			var array = slice.call( arguments, 0 ),
+				count = lastIndex,
+				iCallback = function( index ) {
+					return function( value ) {
+						array[ index ] = arguments.length > 1 ? slice.call( arguments, 0 ) : value;
+						if ( !( --count ) ) {
+							deferred.resolveWith( promise, array );
+						}
+					};
+				};
+			while( ( lastIndex-- ) ) {
+				object = array[ lastIndex ];
+				if ( object && jQuery.isFunction( object.promise ) ) {
+					object.promise().then( iCallback(lastIndex), deferred.reject );
+				} else {
+					--count;
+				}
+			}
+			if ( !count ) {
+				deferred.resolveWith( promise, array );
+			}
+		} else if ( deferred !== object ) {
+			deferred.resolve( object );
+		}
+		return promise;
+	},
+
+	// Use of jQuery.browser is frowned upon.
+	// More details: http://docs.jquery.com/Utilities/jQuery.browser
+	uaMatch: function( ua ) {
+		ua = ua.toLowerCase();
+
+		var match = rwebkit.exec( ua ) ||
+			ropera.exec( ua ) ||
+			rmsie.exec( ua ) ||
+			ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
+			[];
+
+		return { browser: match[1] || "", version: match[2] || "0" };
+	},
+
+	sub: function() {
+		function jQuerySubclass( selector, context ) {
+			return new jQuerySubclass.fn.init( selector, context );
+		}
+		jQuery.extend( true, jQuerySubclass, this );
+		jQuerySubclass.superclass = this;
+		jQuerySubclass.fn = jQuerySubclass.prototype = this();
+		jQuerySubclass.fn.constructor = jQuerySubclass;
+		jQuerySubclass.subclass = this.subclass;
+		jQuerySubclass.fn.init = function init( selector, context ) {
+			if ( context && context instanceof jQuery && !(context instanceof jQuerySubclass) ) {
+				context = jQuerySubclass(context);
+			}
+
+			return jQuery.fn.init.call( this, selector, context, rootjQuerySubclass );
+		};
+		jQuerySubclass.fn.init.prototype = jQuerySubclass.fn;
+		var rootjQuerySubclass = jQuerySubclass(document);
+		return jQuerySubclass;
+	},
+
+	browser: {}
+});
+
+// Create readyList deferred
+readyList = jQuery._Deferred();
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+browserMatch = jQuery.uaMatch( userAgent );
+if ( browserMatch.browser ) {
+	jQuery.browser[ browserMatch.browser ] = true;
+	jQuery.browser.version = browserMatch.version;
+}
+
+// Deprecated, use jQuery.browser.webkit instead
+if ( jQuery.browser.webkit ) {
+	jQuery.browser.safari = true;
+}
+
+if ( indexOf ) {
+	jQuery.inArray = function( elem, array ) {
+		return indexOf.call( array, elem );
+	};
+}
+
+// IE doesn't match non-breaking spaces with \s
+if ( rnotwhite.test( "\xA0" ) ) {
+	trimLeft = /^[\s\xA0]+/;
+	trimRight = /[\s\xA0]+$/;
+}
+
+// All jQuery objects should point back to these
+rootjQuery = jQuery(document);
+
+// Cleanup functions for the document ready method
+if ( document.addEventListener ) {
+	DOMContentLoaded = function() {
+		document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
+		jQuery.ready();
+	};
+
+} else if ( document.attachEvent ) {
+	DOMContentLoaded = function() {
+		// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+		if ( document.readyState === "complete" ) {
+			document.detachEvent( "onreadystatechange", DOMContentLoaded );
+			jQuery.ready();
+		}
+	};
+}
+
+// The DOM ready check for Internet Explorer
+function doScrollCheck() {
+	if ( jQuery.isReady ) {
+		return;
+	}
+
+	try {
+		// If IE is used, use the trick by Diego Perini
+		// http://javascript.nwbox.com/IEContentLoaded/
+		document.documentElement.doScroll("left");
+	} catch(e) {
+		setTimeout( doScrollCheck, 1 );
+		return;
+	}
+
+	// and execute any waiting functions
+	jQuery.ready();
+}
+
+// Expose jQuery to the global object
+return jQuery;
+
+})();
+
+
+(function() {
+
+	jQuery.support = {};
+
+	var div = document.createElement("div");
+
+	div.style.display = "none";
+	div.innerHTML = "   <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
+
+	var all = div.getElementsByTagName("*"),
+		a = div.getElementsByTagName("a")[0],
+		select = document.createElement("select"),
+		opt = select.appendChild( document.createElement("option") ),
+		input = div.getElementsByTagName("input")[0];
+
+	// Can't get basic test support
+	if ( !all || !all.length || !a ) {
+		return;
+	}
+
+	jQuery.support = {
+		// IE strips leading whitespace when .innerHTML is used
+		leadingWhitespace: div.firstChild.nodeType === 3,
+
+		// Make sure that tbody elements aren't automatically inserted
+		// IE will insert them into empty tables
+		tbody: !div.getElementsByTagName("tbody").length,
+
+		// Make sure that link elements get serialized correctly by innerHTML
+		// This requires a wrapper element in IE
+		htmlSerialize: !!div.getElementsByTagName("link").length,
+
+		// Get the style information from getAttribute
+		// (IE uses .cssText insted)
+		style: /red/.test( a.getAttribute("style") ),
+
+		// Make sure that URLs aren't manipulated
+		// (IE normalizes it by default)
+		hrefNormalized: a.getAttribute("href") === "/a",
+
+		// Make sure that element opacity exists
+		// (IE uses filter instead)
+		// Use a regex to work around a WebKit issue. See #5145
+		opacity: /^0.55$/.test( a.style.opacity ),
+
+		// Verify style float existence
+		// (IE uses styleFloat instead of cssFloat)
+		cssFloat: !!a.style.cssFloat,
+
+		// Make sure that if no value is specified for a checkbox
+		// that it defaults to "on".
+		// (WebKit defaults to "" instead)
+		checkOn: input.value === "on",
+
+		// Make sure that a selected-by-default option has a working selected property.
+		// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+		optSelected: opt.selected,
+
+		// Will be defined later
+		deleteExpando: true,
+		optDisabled: false,
+		checkClone: false,
+		noCloneEvent: true,
+		noCloneChecked: true,
+		boxModel: null,
+		inlineBlockNeedsLayout: false,
+		shrinkWrapBlocks: false,
+		reliableHiddenOffsets: true
+	};
+
+	input.checked = true;
+	jQuery.support.noCloneChecked = input.cloneNode( true ).checked;
+
+	// Make sure that the options inside disabled selects aren't marked as disabled
+	// (WebKit marks them as diabled)
+	select.disabled = true;
+	jQuery.support.optDisabled = !opt.disabled;
+
+	var _scriptEval = null;
+	jQuery.support.scriptEval = function() {
+		if ( _scriptEval === null ) {
+			var root = document.documentElement,
+				script = document.createElement("script"),
+				id = "script" + jQuery.now();
+
+			try {
+				script.appendChild( document.createTextNode( "window." + id + "=1;" ) );
+			} catch(e) {}
+
+			root.insertBefore( script, root.firstChild );
+
+			// Make sure that the execution of code works by injecting a script
+			// tag with appendChild/createTextNode
+			// (IE doesn't support this, fails, and uses .text instead)
+			if ( window[ id ] ) {
+				_scriptEval = true;
+				delete window[ id ];
+			} else {
+				_scriptEval = false;
+			}
+
+			root.removeChild( script );
+			// release memory in IE
+			root = script = id  = null;
+		}
+
+		return _scriptEval;
+	};
+
+	// Test to see if it's possible to delete an expando from an element
+	// Fails in Internet Explorer
+	try {
+		delete div.test;
+
+	} catch(e) {
+		jQuery.support.deleteExpando = false;
+	}
+
+	if ( !div.addEventListener && div.attachEvent && div.fireEvent ) {
+		div.attachEvent("onclick", function click() {
+			// Cloning a node shouldn't copy over any
+			// bound event handlers (IE does this)
+			jQuery.support.noCloneEvent = false;
+			div.detachEvent("onclick", click);
+		});
+		div.cloneNode(true).fireEvent("onclick");
+	}
+
+	div = document.createElement("div");
+	div.innerHTML = "<input type='radio' name='radiotest' checked='checked'/>";
+
+	var fragment = document.createDocumentFragment();
+	fragment.appendChild( div.firstChild );
+
+	// WebKit doesn't clone checked state correctly in fragments
+	jQuery.support.checkClone = fragment.cloneNode(true).cloneNode(true).lastChild.checked;
+
+	// Figure out if the W3C box model works as expected
+	// document.body must exist before we can do this
+	jQuery(function() {
+		var div = document.createElement("div"),
+			body = document.getElementsByTagName("body")[0];
+
+		// Frameset documents with no body should not run this code
+		if ( !body ) {
+			return;
+		}
+
+		div.style.width = div.style.paddingLeft = "1px";
+		body.appendChild( div );
+		jQuery.boxModel = jQuery.support.boxModel = div.offsetWidth === 2;
+
+		if ( "zoom" in div.style ) {
+			// Check if natively block-level elements act like inline-block
+			// elements when setting their display to 'inline' and giving
+			// them layout
+			// (IE < 8 does this)
+			div.style.display = "inline";
+			div.style.zoom = 1;
+			jQuery.support.inlineBlockNeedsLayout = div.offsetWidth === 2;
+
+			// Check if elements with layout shrink-wrap their children
+			// (IE 6 does this)
+			div.style.display = "";
+			div.innerHTML = "<div style='width:4px;'></div>";
+			jQuery.support.shrinkWrapBlocks = div.offsetWidth !== 2;
+		}
+
+		div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
+		var tds = div.getElementsByTagName("td");
+
+		// Check if table cells still have offsetWidth/Height when they are set
+		// to display:none and there are still other visible table cells in a
+		// table row; if so, offsetWidth/Height are not reliable for use when
+		// determining if an element has been hidden directly using
+		// display:none (it is still safe to use offsets if a parent element is
+		// hidden; don safety goggles and see bug #4512 for more information).
+		// (only IE 8 fails this test)
+		jQuery.support.reliableHiddenOffsets = tds[0].offsetHeight === 0;
+
+		tds[0].style.display = "";
+		tds[1].style.display = "none";
+
+		// Check if empty table cells still have offsetWidth/Height
+		// (IE < 8 fail this test)
+		jQuery.support.reliableHiddenOffsets = jQuery.support.reliableHiddenOffsets && tds[0].offsetHeight === 0;
+		div.innerHTML = "";
+
+		body.removeChild( div ).style.display = "none";
+		div = tds = null;
+	});
+
+	// Technique from Juriy Zaytsev
+	// http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/
+	var eventSupported = function( eventName ) {
+		var el = document.createElement("div");
+		eventName = "on" + eventName;
+
+		// We only care about the case where non-standard event systems
+		// are used, namely in IE. Short-circuiting here helps us to
+		// avoid an eval call (in setAttribute) which can cause CSP
+		// to go haywire. See: https://developer.mozilla.org/en/Security/CSP
+		if ( !el.attachEvent ) {
+			return true;
+		}
+
+		var isSupported = (eventName in el);
+		if ( !isSupported ) {
+			el.setAttribute(eventName, "return;");
+			isSupported = typeof el[eventName] === "function";
+		}
+		el = null;
+
+		return isSupported;
+	};
+
+	jQuery.support.submitBubbles = eventSupported("submit");
+	jQuery.support.changeBubbles = eventSupported("change");
+
+	// release memory in IE
+	div = all = a = null;
+})();
+
+
+
+var rbrace = /^(?:\{.*\}|\[.*\])$/;
+
+jQuery.extend({
+	cache: {},
+
+	// Please use with caution
+	uuid: 0,
+
+	// Unique for each copy of jQuery on the pagebreak
+	// Non-digits removed to match rinlinejQuery
+	expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),
+
+	// The following elements throw uncatchable exceptions if you
+	// attempt to add expando properties to them.
+	noData: {
+		"embed": true,
+		// Ban all objects except for Flash (which handle expandos)
+		"object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
+		"applet": true
+	},
+
+	hasData: function( elem ) {
+		elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
+
+		return !!elem && !isEmptyDataObject( elem );
+	},
+
+	data: function( elem, name, data, pvt /* Internal Use Only */ ) {
+		if ( !jQuery.acceptData( elem ) ) {
+			return;
+		}
+
+		var internalKey = jQuery.expando, getByName = typeof name === "string", thisCache,
+
+			// We have to handle DOM nodes and JS objects differently because IE6-7
+			// can't GC object references properly across the DOM-JS boundary
+			isNode = elem.nodeType,
+
+			// Only DOM nodes need the global jQuery cache; JS object data is
+			// attached directly to the object so GC can occur automatically
+			cache = isNode ? jQuery.cache : elem,
+
+			// Only defining an ID for JS objects if its cache already exists allows
+			// the code to shortcut on the same path as a DOM node with no cache
+			id = isNode ? elem[ jQuery.expando ] : elem[ jQuery.expando ] && jQuery.expando;
+
+		// Avoid doing any more work than we need to when trying to get data on an
+		// object that has no data at all
+		if ( (!id || (pvt && id && !cache[ id ][ internalKey ])) && getByName && data === undefined ) {
+			return;
+		}
+
+		if ( !id ) {
+			// Only DOM nodes need a new unique ID for each element since their data
+			// ends up in the global cache
+			if ( isNode ) {
+				elem[ jQuery.expando ] = id = ++jQuery.uuid;
+			} else {
+				id = jQuery.expando;
+			}
+		}
+
+		if ( !cache[ id ] ) {
+			cache[ id ] = {};
+
+			// TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
+			// metadata on plain JS objects when the object is serialized using
+			// JSON.stringify
+			if ( !isNode ) {
+				cache[ id ].toJSON = jQuery.noop;
+			}
+		}
+
+		// An object can be passed to jQuery.data instead of a key/value pair; this gets
+		// shallow copied over onto the existing cache
+		if ( typeof name === "object" || typeof name === "function" ) {
+			if ( pvt ) {
+				cache[ id ][ internalKey ] = jQuery.extend(cache[ id ][ internalKey ], name);
+			} else {
+				cache[ id ] = jQuery.extend(cache[ id ], name);
+			}
+		}
+
+		thisCache = cache[ id ];
+
+		// Internal jQuery data is stored in a separate object inside the object's data
+		// cache in order to avoid key collisions between internal data and user-defined
+		// data
+		if ( pvt ) {
+			if ( !thisCache[ internalKey ] ) {
+				thisCache[ internalKey ] = {};
+			}
+
+			thisCache = thisCache[ internalKey ];
+		}
+
+		if ( data !== undefined ) {
+			thisCache[ name ] = data;
+		}
+
+		// TODO: This is a hack for 1.5 ONLY. It will be removed in 1.6. Users should
+		// not attempt to inspect the internal events object using jQuery.data, as this
+		// internal data object is undocumented and subject to change.
+		if ( name === "events" && !thisCache[name] ) {
+			return thisCache[ internalKey ] && thisCache[ internalKey ].events;
+		}
+
+		return getByName ? thisCache[ name ] : thisCache;
+	},
+
+	removeData: function( elem, name, pvt /* Internal Use Only */ ) {
+		if ( !jQuery.acceptData( elem ) ) {
+			return;
+		}
+
+		var internalKey = jQuery.expando, isNode = elem.nodeType,
+
+			// See jQuery.data for more information
+			cache = isNode ? jQuery.cache : elem,
+
+			// See jQuery.data for more information
+			id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
+
+		// If there is already no cache entry for this object, there is no
+		// purpose in continuing
+		if ( !cache[ id ] ) {
+			return;
+		}
+
+		if ( name ) {
+			var thisCache = pvt ? cache[ id ][ internalKey ] : cache[ id ];
+
+			if ( thisCache ) {
+				delete thisCache[ name ];
+
+				// If there is no data left in the cache, we want to continue
+				// and let the cache object itself get destroyed
+				if ( !isEmptyDataObject(thisCache) ) {
+					return;
+				}
+			}
+		}
+
+		// See jQuery.data for more information
+		if ( pvt ) {
+			delete cache[ id ][ internalKey ];
+
+			// Don't destroy the parent cache unless the internal data object
+			// had been the only thing left in it
+			if ( !isEmptyDataObject(cache[ id ]) ) {
+				return;
+			}
+		}
+
+		var internalCache = cache[ id ][ internalKey ];
+
+		// Browsers that fail expando deletion also refuse to delete expandos on
+		// the window, but it will allow it on all other JS objects; other browsers
+		// don't care
+		if ( jQuery.support.deleteExpando || cache != window ) {
+			delete cache[ id ];
+		} else {
+			cache[ id ] = null;
+		}
+
+		// We destroyed the entire user cache at once because it's faster than
+		// iterating through each key, but we need to continue to persist internal
+		// data if it existed
+		if ( internalCache ) {
+			cache[ id ] = {};
+			// TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
+			// metadata on plain JS objects when the object is serialized using
+			// JSON.stringify
+			if ( !isNode ) {
+				cache[ id ].toJSON = jQuery.noop;
+			}
+
+			cache[ id ][ internalKey ] = internalCache;
+
+		// Otherwise, we need to eliminate the expando on the node to avoid
+		// false lookups in the cache for entries that no longer exist
+		} else if ( isNode ) {
+			// IE does not allow us to delete expando properties from nodes,
+			// nor does it have a removeAttribute function on Document nodes;
+			// we must handle all of these cases
+			if ( jQuery.support.deleteExpando ) {
+				delete elem[ jQuery.expando ];
+			} else if ( elem.removeAttribute ) {
+				elem.removeAttribute( jQuery.expando );
+			} else {
+				elem[ jQuery.expando ] = null;
+			}
+		}
+	},
+
+	// For internal use only.
+	_data: function( elem, name, data ) {
+		return jQuery.data( elem, name, data, true );
+	},
+
+	// A method for determining if a DOM node can handle the data expando
+	acceptData: function( elem ) {
+		if ( elem.nodeName ) {
+			var match = jQuery.noData[ elem.nodeName.toLowerCase() ];
+
+			if ( match ) {
+				return !(match === true || elem.getAttribute("classid") !== match);
+			}
+		}
+
+		return true;
+	}
+});
+
+jQuery.fn.extend({
+	data: function( key, value ) {
+		var data = null;
+
+		if ( typeof key === "undefined" ) {
+			if ( this.length ) {
+				data = jQuery.data( this[0] );
+
+				if ( this[0].nodeType === 1 ) {
+					var attr = this[0].attributes, name;
+					for ( var i = 0, l = attr.length; i < l; i++ ) {
+						name = attr[i].name;
+
+						if ( name.indexOf( "data-" ) === 0 ) {
+							name = name.substr( 5 );
+							dataAttr( this[0], name, data[ name ] );
+						}
+					}
+				}
+			}
+
+			return data;
+
+		} else if ( typeof key === "object" ) {
+			return this.each(function() {
+				jQuery.data( this, key );
+			});
+		}
+
+		var parts = key.split(".");
+		parts[1] = parts[1] ? "." + parts[1] : "";
+
+		if ( value === undefined ) {
+			data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]);
+
+			// Try to fetch any internally stored data first
+			if ( data === undefined && this.length ) {
+				data = jQuery.data( this[0], key );
+				data = dataAttr( this[0], key, data );
+			}
+
+			return data === undefined && parts[1] ?
+				this.data( parts[0] ) :
+				data;
+
+		} else {
+			return this.each(function() {
+				var $this = jQuery( this ),
+					args = [ parts[0], value ];
+
+				$this.triggerHandler( "setData" + parts[1] + "!", args );
+				jQuery.data( this, key, value );
+				$this.triggerHandler( "changeData" + parts[1] + "!", args );
+			});
+		}
+	},
+
+	removeData: function( key ) {
+		return this.each(function() {
+			jQuery.removeData( this, key );
+		});
+	}
+});
+
+function dataAttr( elem, key, data ) {
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+		data = elem.getAttribute( "data-" + key );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+				data === "false" ? false :
+				data === "null" ? null :
+				!jQuery.isNaN( data ) ? parseFloat( data ) :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+					data;
+			} catch( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			jQuery.data( elem, key, data );
+
+		} else {
+			data = undefined;
+		}
+	}
+
+	return data;
+}
+
+// TODO: This is a hack for 1.5 ONLY to allow objects with a single toJSON
+// property to be considered empty objects; this property always exists in
+// order to make sure JSON.stringify does not expose internal metadata
+function isEmptyDataObject( obj ) {
+	for ( var name in obj ) {
+		if ( name !== "toJSON" ) {
+			return false;
+		}
+	}
+
+	return true;
+}
+
+
+
+
+jQuery.extend({
+	queue: function( elem, type, data ) {
+		if ( !elem ) {
+			return;
+		}
+
+		type = (type || "fx") + "queue";
+		var q = jQuery._data( elem, type );
+
+		// Speed up dequeue by getting out quickly if this is just a lookup
+		if ( !data ) {
+			return q || [];
+		}
+
+		if ( !q || jQuery.isArray(data) ) {
+			q = jQuery._data( elem, type, jQuery.makeArray(data) );
+
+		} else {
+			q.push( data );
+		}
+
+		return q;
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			fn = queue.shift();
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+		}
+
+		if ( fn ) {
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift("inprogress");
+			}
+
+			fn.call(elem, function() {
+				jQuery.dequeue(elem, type);
+			});
+		}
+
+		if ( !queue.length ) {
+			jQuery.removeData( elem, type + "queue", true );
+		}
+	}
+});
+
+jQuery.fn.extend({
+	queue: function( type, data ) {
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+		}
+
+		if ( data === undefined ) {
+			return jQuery.queue( this[0], type );
+		}
+		return this.each(function( i ) {
+			var queue = jQuery.queue( this, type, data );
+
+			if ( type === "fx" && queue[0] !== "inprogress" ) {
+				jQuery.dequeue( this, type );
+			}
+		});
+	},
+	dequeue: function( type ) {
+		return this.each(function() {
+			jQuery.dequeue( this, type );
+		});
+	},
+
+	// Based off of the plugin by Clint Helfers, with permission.
+	// http://blindsignals.com/index.php/2009/07/jquery-delay/
+	delay: function( time, type ) {
+		time = jQuery.fx ? jQuery.fx.speeds[time] || time : time;
+		type = type || "fx";
+
+		return this.queue( type, function() {
+			var elem = this;
+			setTimeout(function() {
+				jQuery.dequeue( elem, type );
+			}, time );
+		});
+	},
+
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	}
+});
+
+
+
+
+var rclass = /[\n\t\r]/g,
+	rspaces = /\s+/,
+	rreturn = /\r/g,
+	rspecialurl = /^(?:href|src|style)$/,
+	rtype = /^(?:button|input)$/i,
+	rfocusable = /^(?:button|input|object|select|textarea)$/i,
+	rclickable = /^a(?:rea)?$/i,
+	rradiocheck = /^(?:radio|checkbox)$/i;
+
+jQuery.props = {
+	"for": "htmlFor",
+	"class": "className",
+	readonly: "readOnly",
+	maxlength: "maxLength",
+	cellspacing: "cellSpacing",
+	rowspan: "rowSpan",
+	colspan: "colSpan",
+	tabindex: "tabIndex",
+	usemap: "useMap",
+	frameborder: "frameBorder"
+};
+
+jQuery.fn.extend({
+	attr: function( name, value ) {
+		return jQuery.access( this, name, value, true, jQuery.attr );
+	},
+
+	removeAttr: function( name, fn ) {
+		return this.each(function(){
+			jQuery.attr( this, name, "" );
+			if ( this.nodeType === 1 ) {
+				this.removeAttribute( name );
+			}
+		});
+	},
+
+	addClass: function( value ) {
+		if ( jQuery.isFunction(value) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				self.addClass( value.call(this, i, self.attr("class")) );
+			});
+		}
+
+		if ( value && typeof value === "string" ) {
+			var classNames = (value || "").split( rspaces );
+
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				var elem = this[i];
+
+				if ( elem.nodeType === 1 ) {
+					if ( !elem.className ) {
+						elem.className = value;
+
+					} else {
+						var className = " " + elem.className + " ",
+							setClass = elem.className;
+
+						for ( var c = 0, cl = classNames.length; c < cl; c++ ) {
+							if ( className.indexOf( " " + classNames[c] + " " ) < 0 ) {
+								setClass += " " + classNames[c];
+							}
+						}
+						elem.className = jQuery.trim( setClass );
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		if ( jQuery.isFunction(value) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				self.removeClass( value.call(this, i, self.attr("class")) );
+			});
+		}
+
+		if ( (value && typeof value === "string") || value === undefined ) {
+			var classNames = (value || "").split( rspaces );
+
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				var elem = this[i];
+
+				if ( elem.nodeType === 1 && elem.className ) {
+					if ( value ) {
+						var className = (" " + elem.className + " ").replace(rclass, " ");
+						for ( var c = 0, cl = classNames.length; c < cl; c++ ) {
+							className = className.replace(" " + classNames[c] + " ", " ");
+						}
+						elem.className = jQuery.trim( className );
+
+					} else {
+						elem.className = "";
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value,
+			isBool = typeof stateVal === "boolean";
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				self.toggleClass( value.call(this, i, self.attr("class"), stateVal), stateVal );
+			});
+		}
+
+		return this.each(function() {
+			if ( type === "string" ) {
+				// toggle individual class names
+				var className,
+					i = 0,
+					self = jQuery( this ),
+					state = stateVal,
+					classNames = value.split( rspaces );
+
+				while ( (className = classNames[ i++ ]) ) {
+					// check each className given, space seperated list
+					state = isBool ? state : !self.hasClass( className );
+					self[ state ? "addClass" : "removeClass" ]( className );
+				}
+
+			} else if ( type === "undefined" || type === "boolean" ) {
+				if ( this.className ) {
+					// store className if set
+					jQuery._data( this, "__className__", this.className );
+				}
+
+				// toggle whole className
+				this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
+			}
+		});
+	},
+
+	hasClass: function( selector ) {
+		var className = " " + selector + " ";
+		for ( var i = 0, l = this.length; i < l; i++ ) {
+			if ( (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) > -1 ) {
+				return true;
+			}
+		}
+
+		return false;
+	},
+
+	val: function( value ) {
+		if ( !arguments.length ) {
+			var elem = this[0];
+
+			if ( elem ) {
+				if ( jQuery.nodeName( elem, "option" ) ) {
+					// attributes.value is undefined in Blackberry 4.7 but
+					// uses .value. See #6932
+					var val = elem.attributes.value;
+					return !val || val.specified ? elem.value : elem.text;
+				}
+
+				// We need to handle select boxes special
+				if ( jQuery.nodeName( elem, "select" ) ) {
+					var index = elem.selectedIndex,
+						values = [],
+						options = elem.options,
+						one = elem.type === "select-one";
+
+					// Nothing was selected
+					if ( index < 0 ) {
+						return null;
+					}
+
+					// Loop through all the selected options
+					for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
+						var option = options[ i ];
+
+						// Don't return options that are disabled or in a disabled optgroup
+						if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
+								(!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {
+
+							// Get the specific value for the option
+							value = jQuery(option).val();
+
+							// We don't need an array for one selects
+							if ( one ) {
+								return value;
+							}
+
+							// Multi-Selects return an array
+							values.push( value );
+						}
+					}
+
+					// Fixes Bug #2551 -- select.val() broken in IE after form.reset()
+					if ( one && !values.length && options.length ) {
+						return jQuery( options[ index ] ).val();
+					}
+
+					return values;
+				}
+
+				// Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
+				if ( rradiocheck.test( elem.type ) && !jQuery.support.checkOn ) {
+					return elem.getAttribute("value") === null ? "on" : elem.value;
+				}
+
+				// Everything else, we just grab the value
+				return (elem.value || "").replace(rreturn, "");
+
+			}
+
+			return undefined;
+		}
+
+		var isFunction = jQuery.isFunction(value);
+
+		return this.each(function(i) {
+			var self = jQuery(this), val = value;
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( isFunction ) {
+				val = value.call(this, i, self.val());
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+			} else if ( typeof val === "number" ) {
+				val += "";
+			} else if ( jQuery.isArray(val) ) {
+				val = jQuery.map(val, function (value) {
+					return value == null ? "" : value + "";
+				});
+			}
+
+			if ( jQuery.isArray(val) && rradiocheck.test( this.type ) ) {
+				this.checked = jQuery.inArray( self.val(), val ) >= 0;
+
+			} else if ( jQuery.nodeName( this, "select" ) ) {
+				var values = jQuery.makeArray(val);
+
+				jQuery( "option", this ).each(function() {
+					this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
+				});
+
+				if ( !values.length ) {
+					this.selectedIndex = -1;
+				}
+
+			} else {
+				this.value = val;
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	attrFn: {
+		val: true,
+		css: true,
+		html: true,
+		text: true,
+		data: true,
+		width: true,
+		height: true,
+		offset: true
+	},
+
+	attr: function( elem, name, value, pass ) {
+		// don't get/set attributes on text, comment and attribute nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || elem.nodeType === 2 ) {
+			return undefined;
+		}
+
+		if ( pass && name in jQuery.attrFn ) {
+			return jQuery(elem)[name](value);
+		}
+
+		var notxml = elem.nodeType !== 1 || !jQuery.isXMLDoc( elem ),
+			// Whether we are setting (or getting)
+			set = value !== undefined;
+
+		// Try to normalize/fix the name
+		name = notxml && jQuery.props[ name ] || name;
+
+		// Only do all the following if this is a node (faster for style)
+		if ( elem.nodeType === 1 ) {
+			// These attributes require special treatment
+			var special = rspecialurl.test( name );
+
+			// Safari mis-reports the default selected property of an option
+			// Accessing the parent's selectedIndex property fixes it
+			if ( name === "selected" && !jQuery.support.optSelected ) {
+				var parent = elem.parentNode;
+				if ( parent ) {
+					parent.selectedIndex;
+
+					// Make sure that it also works with optgroups, see #5701
+					if ( parent.parentNode ) {
+						parent.parentNode.selectedIndex;
+					}
+				}
+			}
+
+			// If applicable, access the attribute via the DOM 0 way
+			// 'in' checks fail in Blackberry 4.7 #6931
+			if ( (name in elem || elem[ name ] !== undefined) && notxml && !special ) {
+				if ( set ) {
+					// We can't allow the type property to be changed (since it causes problems in IE)
+					if ( name === "type" && rtype.test( elem.nodeName ) && elem.parentNode ) {
+						jQuery.error( "type property can't be changed" );
+					}
+
+					if ( value === null ) {
+						if ( elem.nodeType === 1 ) {
+							elem.removeAttribute( name );
+						}
+
+					} else {
+						elem[ name ] = value;
+					}
+				}
+
+				// browsers index elements by id/name on forms, give priority to attributes.
+				if ( jQuery.nodeName( elem, "form" ) && elem.getAttributeNode(name) ) {
+					return elem.getAttributeNode( name ).nodeValue;
+				}
+
+				// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+				if ( name === "tabIndex" ) {
+					var attributeNode = elem.getAttributeNode( "tabIndex" );
+
+					return attributeNode && attributeNode.specified ?
+						attributeNode.value :
+						rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
+							0 :
+							undefined;
+				}
+
+				return elem[ name ];
+			}
+
+			if ( !jQuery.support.style && notxml && name === "style" ) {
+				if ( set ) {
+					elem.style.cssText = "" + value;
+				}
+
+				return elem.style.cssText;
+			}
+
+			if ( set ) {
+				// convert the value to a string (all browsers do this but IE) see #1070
+				elem.setAttribute( name, "" + value );
+			}
+
+			// Ensure that missing attributes return undefined
+			// Blackberry 4.7 returns "" from getAttribute #6938
+			if ( !elem.attributes[ name ] && (elem.hasAttribute && !elem.hasAttribute( name )) ) {
+				return undefined;
+			}
+
+			var attr = !jQuery.support.hrefNormalized && notxml && special ?
+					// Some attributes require a special call on IE
+					elem.getAttribute( name, 2 ) :
+					elem.getAttribute( name );
+
+			// Non-existent attributes return null, we normalize to undefined
+			return attr === null ? undefined : attr;
+		}
+		// Handle everything which isn't a DOM element node
+		if ( set ) {
+			elem[ name ] = value;
+		}
+		return elem[ name ];
+	}
+});
+
+
+
+
+var rnamespaces = /\.(.*)$/,
+	rformElems = /^(?:textarea|input|select)$/i,
+	rperiod = /\./g,
+	rspace = / /g,
+	rescape = /[^\w\s.|`]/g,
+	fcleanup = function( nm ) {
+		return nm.replace(rescape, "\\$&");
+	};
+
+/*
+ * A number of helper functions used for managing events.
+ * Many of the ideas behind this code originated from
+ * Dean Edwards' addEvent library.
+ */
+jQuery.event = {
+
+	// Bind an event to an element
+	// Original by Dean Edwards
+	add: function( elem, types, handler, data ) {
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// TODO :: Use a try/catch until it's safe to pull this out (likely 1.6)
+		// Minor release fix for bug #8018
+		try {
+			// For whatever reason, IE has trouble passing the window object
+			// around, causing it to be cloned in the process
+			if ( jQuery.isWindow( elem ) && ( elem !== window && !elem.frameElement ) ) {
+				elem = window;
+			}
+		}
+		catch ( e ) {}
+
+		if ( handler === false ) {
+			handler = returnFalse;
+		} else if ( !handler ) {
+			// Fixes bug #7229. Fix recommended by jdalton
+			return;
+		}
+
+		var handleObjIn, handleObj;
+
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+		}
+
+		// Make sure that the function being executed has a unique ID
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure
+		var elemData = jQuery._data( elem );
+
+		// If no elemData is found then we must be trying to bind to one of the
+		// banned noData elements
+		if ( !elemData ) {
+			return;
+		}
+
+		var events = elemData.events,
+			eventHandle = elemData.handle;
+
+		if ( !events ) {
+			elemData.events = events = {};
+		}
+
+		if ( !eventHandle ) {
+			elemData.handle = eventHandle = function() {
+				// Handle the second event of a trigger and when
+				// an event is called after a pagebreak has unloaded
+				return typeof jQuery !== "undefined" && !jQuery.event.triggered ?
+					jQuery.event.handle.apply( eventHandle.elem, arguments ) :
+					undefined;
+			};
+		}
+
+		// Add elem as a property of the handle function
+		// This is to prevent a memory leak with non-native events in IE.
+		eventHandle.elem = elem;
+
+		// Handle multiple events separated by a space
+		// jQuery(...).bind("mouseover mouseout", fn);
+		types = types.split(" ");
+
+		var type, i = 0, namespaces;
+
+		while ( (type = types[ i++ ]) ) {
+			handleObj = handleObjIn ?
+				jQuery.extend({}, handleObjIn) :
+				{ handler: handler, data: data };
+
+			// Namespaced event handlers
+			if ( type.indexOf(".") > -1 ) {
+				namespaces = type.split(".");
+				type = namespaces.shift();
+				handleObj.namespace = namespaces.slice(0).sort().join(".");
+
+			} else {
+				namespaces = [];
+				handleObj.namespace = "";
+			}
+
+			handleObj.type = type;
+			if ( !handleObj.guid ) {
+				handleObj.guid = handler.guid;
+			}
+
+			// Get the current list of functions bound to this event
+			var handlers = events[ type ],
+				special = jQuery.event.special[ type ] || {};
+
+			// Init the event handler queue
+			if ( !handlers ) {
+				handlers = events[ type ] = [];
+
+				// Check for a special event handler
+				// Only use addEventListener/attachEvent if the special
+				// events handler returns false
+				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+					// Bind the global event handler to the element
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+
+					} else if ( elem.attachEvent ) {
+						elem.attachEvent( "on" + type, eventHandle );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add the function to the element's handler list
+			handlers.push( handleObj );
+
+			// Keep track of which events have been used, for global triggering
+			jQuery.event.global[ type ] = true;
+		}
+
+		// Nullify elem to prevent memory leaks in IE
+		elem = null;
+	},
+
+	global: {},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, pos ) {
+		// don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		if ( handler === false ) {
+			handler = returnFalse;
+		}
+
+		var ret, type, fn, j, i = 0, all, namespaces, namespace, special, eventType, handleObj, origType,
+			elemData = jQuery.hasData( elem ) && jQuery._data( elem ),
+			events = elemData && elemData.events;
+
+		if ( !elemData || !events ) {
+			return;
+		}
+
+		// types is actually an event object here
+		if ( types && types.type ) {
+			handler = types.handler;
+			types = types.type;
+		}
+
+		// Unbind all events for the element
+		if ( !types || typeof types === "string" && types.charAt(0) === "." ) {
+			types = types || "";
+
+			for ( type in events ) {
+				jQuery.event.remove( elem, type + types );
+			}
+
+			return;
+		}
+
+		// Handle multiple events separated by a space
+		// jQuery(...).unbind("mouseover mouseout", fn);
+		types = types.split(" ");
+
+		while ( (type = types[ i++ ]) ) {
+			origType = type;
+			handleObj = null;
+			all = type.indexOf(".") < 0;
+			namespaces = [];
+
+			if ( !all ) {
+				// Namespaced event handlers
+				namespaces = type.split(".");
+				type = namespaces.shift();
+
+				namespace = new RegExp("(^|\\.)" +
+					jQuery.map( namespaces.slice(0).sort(), fcleanup ).join("\\.(?:.*\\.)?") + "(\\.|$)");
+			}
+
+			eventType = events[ type ];
+
+			if ( !eventType ) {
+				continue;
+			}
+
+			if ( !handler ) {
+				for ( j = 0; j < eventType.length; j++ ) {
+					handleObj = eventType[ j ];
+
+					if ( all || namespace.test( handleObj.namespace ) ) {
+						jQuery.event.remove( elem, origType, handleObj.handler, j );
+						eventType.splice( j--, 1 );
+					}
+				}
+
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+
+			for ( j = pos || 0; j < eventType.length; j++ ) {
+				handleObj = eventType[ j ];
+
+				if ( handler.guid === handleObj.guid ) {
+					// remove the given handler for the given type
+					if ( all || namespace.test( handleObj.namespace ) ) {
+						if ( pos == null ) {
+							eventType.splice( j--, 1 );
+						}
+
+						if ( special.remove ) {
+							special.remove.call( elem, handleObj );
+						}
+					}
+
+					if ( pos != null ) {
+						break;
+					}
+				}
+			}
+
+			// remove generic event handler if no more handlers exist
+			if ( eventType.length === 0 || pos != null && eventType.length === 1 ) {
+				if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				ret = null;
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			var handle = elemData.handle;
+			if ( handle ) {
+				handle.elem = null;
+			}
+
+			delete elemData.events;
+			delete elemData.handle;
+
+			if ( jQuery.isEmptyObject( elemData ) ) {
+				jQuery.removeData( elem, undefined, true );
+			}
+		}
+	},
+
+	// bubbling is internal
+	trigger: function( event, data, elem /*, bubbling */ ) {
+		// Event object or event type
+		var type = event.type || event,
+			bubbling = arguments[3];
+
+		if ( !bubbling ) {
+			event = typeof event === "object" ?
+				// jQuery.Event object
+				event[ jQuery.expando ] ? event :
+				// Object literal
+				jQuery.extend( jQuery.Event(type), event ) :
+				// Just the event type (string)
+				jQuery.Event(type);
+
+			if ( type.indexOf("!") >= 0 ) {
+				event.type = type = type.slice(0, -1);
+				event.exclusive = true;
+			}
+
+			// Handle a global trigger
+			if ( !elem ) {
+				// Don't bubble custom events when global (to avoid too much overhead)
+				event.stopPropagation();
+
+				// Only trigger if we've ever bound an event for it
+				if ( jQuery.event.global[ type ] ) {
+					// XXX This code smells terrible. event.js should not be directly
+					// inspecting the data cache
+					jQuery.each( jQuery.cache, function() {
+						// internalKey variable is just used to make it easier to find
+						// and potentially change this stuff later; currently it just
+						// points to jQuery.expando
+						var internalKey = jQuery.expando,
+							internalCache = this[ internalKey ];
+						if ( internalCache && internalCache.events && internalCache.events[ type ] ) {
+							jQuery.event.trigger( event, data, internalCache.handle.elem );
+						}
+					});
+				}
+			}
+
+			// Handle triggering a single element
+
+			// don't do events on text and comment nodes
+			if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 ) {
+				return undefined;
+			}
+
+			// Clean up in case it is reused
+			event.result = undefined;
+			event.target = elem;
+
+			// Clone the incoming data, if any
+			data = jQuery.makeArray( data );
+			data.unshift( event );
+		}
+
+		event.currentTarget = elem;
+
+		// Trigger the event, it is assumed that "handle" is a function
+		var handle = jQuery._data( elem, "handle" );
+
+		if ( handle ) {
+			handle.apply( elem, data );
+		}
+
+		var parent = elem.parentNode || elem.ownerDocument;
+
+		// Trigger an inline bound script
+		try {
+			if ( !(elem && elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()]) ) {
+				if ( elem[ "on" + type ] && elem[ "on" + type ].apply( elem, data ) === false ) {
+					event.result = false;
+					event.preventDefault();
+				}
+			}
+
+		// prevent IE from throwing an error for some elements with some event types, see #3533
+		} catch (inlineError) {}
+
+		if ( !event.isPropagationStopped() && parent ) {
+			jQuery.event.trigger( event, data, parent, true );
+
+		} else if ( !event.isDefaultPrevented() ) {
+			var old,
+				target = event.target,
+				targetType = type.replace( rnamespaces, "" ),
+				isClick = jQuery.nodeName( target, "a" ) && targetType === "click",
+				special = jQuery.event.special[ targetType ] || {};
+
+			if ( (!special._default || special._default.call( elem, event ) === false) &&
+				!isClick && !(target && target.nodeName && jQuery.noData[target.nodeName.toLowerCase()]) ) {
+
+				try {
+					if ( target[ targetType ] ) {
+						// Make sure that we don't accidentally re-trigger the onFOO events
+						old = target[ "on" + targetType ];
+
+						if ( old ) {
+							target[ "on" + targetType ] = null;
+						}
+
+						jQuery.event.triggered = true;
+						target[ targetType ]();
+					}
+
+				// prevent IE from throwing an error for some elements with some event types, see #3533
+				} catch (triggerError) {}
+
+				if ( old ) {
+					target[ "on" + targetType ] = old;
+				}
+
+				jQuery.event.triggered = false;
+			}
+		}
+	},
+
+	handle: function( event ) {
+		var all, handlers, namespaces, namespace_re, events,
+			namespace_sort = [],
+			args = jQuery.makeArray( arguments );
+
+		event = args[0] = jQuery.event.fix( event || window.event );
+		event.currentTarget = this;
+
+		// Namespaced event handlers
+		all = event.type.indexOf(".") < 0 && !event.exclusive;
+
+		if ( !all ) {
+			namespaces = event.type.split(".");
+			event.type = namespaces.shift();
+			namespace_sort = namespaces.slice(0).sort();
+			namespace_re = new RegExp("(^|\\.)" + namespace_sort.join("\\.(?:.*\\.)?") + "(\\.|$)");
+		}
+
+		event.namespace = event.namespace || namespace_sort.join(".");
+
+		events = jQuery._data(this, "events");
+
+		handlers = (events || {})[ event.type ];
+
+		if ( events && handlers ) {
+			// Clone the handlers to prevent manipulation
+			handlers = handlers.slice(0);
+
+			for ( var j = 0, l = handlers.length; j < l; j++ ) {
+				var handleObj = handlers[ j ];
+
+				// Filter the functions by class
+				if ( all || namespace_re.test( handleObj.namespace ) ) {
+					// Pass in a reference to the handler function itself
+					// So that we can later remove it
+					event.handler = handleObj.handler;
+					event.data = handleObj.data;
+					event.handleObj = handleObj;
+
+					var ret = handleObj.handler.apply( this, args );
+
+					if ( ret !== undefined ) {
+						event.result = ret;
+						if ( ret === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+
+					if ( event.isImmediatePropagationStopped() ) {
+						break;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// store a copy of the original event object
+		// and "clone" to set read-only properties
+		var originalEvent = event;
+		event = jQuery.Event( originalEvent );
+
+		for ( var i = this.props.length, prop; i; ) {
+			prop = this.props[ --i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Fix target property, if necessary
+		if ( !event.target ) {
+			// Fixes #1925 where srcElement might not be defined either
+			event.target = event.srcElement || document;
+		}
+
+		// check if target is a textnode (safari)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		// Add relatedTarget, if necessary
+		if ( !event.relatedTarget && event.fromElement ) {
+			event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
+		}
+
+		// Calculate pageX/Y if missing and clientX/Y available
+		if ( event.pageX == null && event.clientX != null ) {
+			var doc = document.documentElement,
+				body = document.body;
+
+			event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
+			event.pageY = event.clientY + (doc && doc.scrollTop  || body && body.scrollTop  || 0) - (doc && doc.clientTop  || body && body.clientTop  || 0);
+		}
+
+		// Add which for key events
+		if ( event.which == null && (event.charCode != null || event.keyCode != null) ) {
+			event.which = event.charCode != null ? event.charCode : event.keyCode;
+		}
+
+		// Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
+		if ( !event.metaKey && event.ctrlKey ) {
+			event.metaKey = event.ctrlKey;
+		}
+
+		// Add which for click: 1 === left; 2 === middle; 3 === right
+		// Note: button is not normalized, so don't use it
+		if ( !event.which && event.button !== undefined ) {
+			event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
+		}
+
+		return event;
+	},
+
+	// Deprecated, use jQuery.guid instead
+	guid: 1E8,
+
+	// Deprecated, use jQuery.proxy instead
+	proxy: jQuery.proxy,
+
+	special: {
+		ready: {
+			// Make sure the ready event is setup
+			setup: jQuery.bindReady,
+			teardown: jQuery.noop
+		},
+
+		live: {
+			add: function( handleObj ) {
+				jQuery.event.add( this,
+					liveConvert( handleObj.origType, handleObj.selector ),
+					jQuery.extend({}, handleObj, {handler: liveHandler, guid: handleObj.handler.guid}) );
+			},
+
+			remove: function( handleObj ) {
+				jQuery.event.remove( this, liveConvert( handleObj.origType, handleObj.selector ), handleObj );
+			}
+		},
+
+		beforeunload: {
+			setup: function( data, namespaces, eventHandle ) {
+				// We only want to do this special case on windows
+				if ( jQuery.isWindow( this ) ) {
+					this.onbeforeunload = eventHandle;
+				}
+			},
+
+			teardown: function( namespaces, eventHandle ) {
+				if ( this.onbeforeunload === eventHandle ) {
+					this.onbeforeunload = null;
+				}
+			}
+		}
+	}
+};
+
+jQuery.removeEvent = document.removeEventListener ?
+	function( elem, type, handle ) {
+		if ( elem.removeEventListener ) {
+			elem.removeEventListener( type, handle, false );
+		}
+	} :
+	function( elem, type, handle ) {
+		if ( elem.detachEvent ) {
+			elem.detachEvent( "on" + type, handle );
+		}
+	};
+
+jQuery.Event = function( src ) {
+	// Allow instantiation without the 'new' keyword
+	if ( !this.preventDefault ) {
+		return new jQuery.Event( src );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = (src.defaultPrevented || src.returnValue === false ||
+			src.getPreventDefault && src.getPreventDefault()) ? returnTrue : returnFalse;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// timeStamp is buggy for some events on Firefox(#3843)
+	// So we won't rely on the native value
+	this.timeStamp = jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+function returnFalse() {
+	return false;
+}
+function returnTrue() {
+	return true;
+}
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	preventDefault: function() {
+		this.isDefaultPrevented = returnTrue;
+
+		var e = this.originalEvent;
+		if ( !e ) {
+			return;
+		}
+
+		// if preventDefault exists run it on the original event
+		if ( e.preventDefault ) {
+			e.preventDefault();
+
+		// otherwise set the returnValue property of the original event to false (IE)
+		} else {
+			e.returnValue = false;
+		}
+	},
+	stopPropagation: function() {
+		this.isPropagationStopped = returnTrue;
+
+		var e = this.originalEvent;
+		if ( !e ) {
+			return;
+		}
+		// if stopPropagation exists run it on the original event
+		if ( e.stopPropagation ) {
+			e.stopPropagation();
+		}
+		// otherwise set the cancelBubble property of the original event to true (IE)
+		e.cancelBubble = true;
+	},
+	stopImmediatePropagation: function() {
+		this.isImmediatePropagationStopped = returnTrue;
+		this.stopPropagation();
+	},
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse
+};
+
+// Checks if an event happened on an element within another element
+// Used in jQuery.event.special.mouseenter and mouseleave handlers
+var withinElement = function( event ) {
+	// Check if mouse(over|out) are still within the same parent element
+	var parent = event.relatedTarget;
+
+	// Firefox sometimes assigns relatedTarget a XUL element
+	// which we cannot access the parentNode property of
+	try {
+
+		// Chrome does something similar, the parentNode property
+		// can be accessed but is null.
+		if ( parent !== document && !parent.parentNode ) {
+			return;
+		}
+		// Traverse up the tree
+		while ( parent && parent !== this ) {
+			parent = parent.parentNode;
+		}
+
+		if ( parent !== this ) {
+			// set the correct event type
+			event.type = event.data;
+
+			// handle event if we actually just moused on to a non sub-element
+			jQuery.event.handle.apply( this, arguments );
+		}
+
+	// assuming we've left the element since we most likely mousedover a xul element
+	} catch(e) { }
+},
+
+// In case of event delegation, we only need to rename the event.type,
+// liveHandler will take care of the rest.
+delegate = function( event ) {
+	event.type = event.data;
+	jQuery.event.handle.apply( this, arguments );
+};
+
+// Create mouseenter and mouseleave events
+jQuery.each({
+	mouseenter: "mouseover",
+	mouseleave: "mouseout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		setup: function( data ) {
+			jQuery.event.add( this, fix, data && data.selector ? delegate : withinElement, orig );
+		},
+		teardown: function( data ) {
+			jQuery.event.remove( this, fix, data && data.selector ? delegate : withinElement );
+		}
+	};
+});
+
+// submit delegation
+if ( !jQuery.support.submitBubbles ) {
+
+	jQuery.event.special.submit = {
+		setup: function( data, namespaces ) {
+			if ( this.nodeName && this.nodeName.toLowerCase() !== "form" ) {
+				jQuery.event.add(this, "click.specialSubmit", function( e ) {
+					var elem = e.target,
+						type = elem.type;
+
+					if ( (type === "submit" || type === "image") && jQuery( elem ).closest("form").length ) {
+						trigger( "submit", this, arguments );
+					}
+				});
+
+				jQuery.event.add(this, "keypress.specialSubmit", function( e ) {
+					var elem = e.target,
+						type = elem.type;
+
+					if ( (type === "text" || type === "password") && jQuery( elem ).closest("form").length && e.keyCode === 13 ) {
+						trigger( "submit", this, arguments );
+					}
+				});
+
+			} else {
+				return false;
+			}
+		},
+
+		teardown: function( namespaces ) {
+			jQuery.event.remove( this, ".specialSubmit" );
+		}
+	};
+
+}
+
+// change delegation, happens here so we have bind.
+if ( !jQuery.support.changeBubbles ) {
+
+	var changeFilters,
+
+	getVal = function( elem ) {
+		var type = elem.type, val = elem.value;
+
+		if ( type === "radio" || type === "checkbox" ) {
+			val = elem.checked;
+
+		} else if ( type === "select-multiple" ) {
+			val = elem.selectedIndex > -1 ?
+				jQuery.map( elem.options, function( elem ) {
+					return elem.selected;
+				}).join("-") :
+				"";
+
+		} else if ( elem.nodeName.toLowerCase() === "select" ) {
+			val = elem.selectedIndex;
+		}
+
+		return val;
+	},
+
+	testChange = function testChange( e ) {
+		var elem = e.target, data, val;
+
+		if ( !rformElems.test( elem.nodeName ) || elem.readOnly ) {
+			return;
+		}
+
+		data = jQuery._data( elem, "_change_data" );
+		val = getVal(elem);
+
+		// the current data will be also retrieved by beforeactivate
+		if ( e.type !== "focusout" || elem.type !== "radio" ) {
+			jQuery._data( elem, "_change_data", val );
+		}
+
+		if ( data === undefined || val === data ) {
+			return;
+		}
+
+		if ( data != null || val ) {
+			e.type = "change";
+			e.liveFired = undefined;
+			jQuery.event.trigger( e, arguments[1], elem );
+		}
+	};
+
+	jQuery.event.special.change = {
+		filters: {
+			focusout: testChange,
+
+			beforedeactivate: testChange,
+
+			click: function( e ) {
+				var elem = e.target, type = elem.type;
+
+				if ( type === "radio" || type === "checkbox" || elem.nodeName.toLowerCase() === "select" ) {
+					testChange.call( this, e );
+				}
+			},
+
+			// Change has to be called before submit
+			// Keydown will be called before keypress, which is used in submit-event delegation
+			keydown: function( e ) {
+				var elem = e.target, type = elem.type;
+
+				if ( (e.keyCode === 13 && elem.nodeName.toLowerCase() !== "textarea") ||
+					(e.keyCode === 32 && (type === "checkbox" || type === "radio")) ||
+					type === "select-multiple" ) {
+					testChange.call( this, e );
+				}
+			},
+
+			// Beforeactivate happens also before the previous element is blurred
+			// with this event you can't trigger a change event, but you can store
+			// information
+			beforeactivate: function( e ) {
+				var elem = e.target;
+				jQuery._data( elem, "_change_data", getVal(elem) );
+			}
+		},
+
+		setup: function( data, namespaces ) {
+			if ( this.type === "file" ) {
+				return false;
+			}
+
+			for ( var type in changeFilters ) {
+				jQuery.event.add( this, type + ".specialChange", changeFilters[type] );
+			}
+
+			return rformElems.test( this.nodeName );
+		},
+
+		teardown: function( namespaces ) {
+			jQuery.event.remove( this, ".specialChange" );
+
+			return rformElems.test( this.nodeName );
+		}
+	};
+
+	changeFilters = jQuery.event.special.change.filters;
+
+	// Handle when the input is .focus()'d
+	changeFilters.focus = changeFilters.beforeactivate;
+}
+
+function trigger( type, elem, args ) {
+	// Piggyback on a donor event to simulate a different one.
+	// Fake originalEvent to avoid donor's stopPropagation, but if the
+	// simulated event prevents default then we do the same on the donor.
+	// Don't pass args or remember liveFired; they apply to the donor event.
+	var event = jQuery.extend( {}, args[ 0 ] );
+	event.type = type;
+	event.originalEvent = {};
+	event.liveFired = undefined;
+	jQuery.event.handle.call( elem, event );
+	if ( event.isDefaultPrevented() ) {
+		args[ 0 ].preventDefault();
+	}
+}
+
+// Create "bubbling" focus and blur events
+if ( document.addEventListener ) {
+	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				this.addEventListener( orig, handler, true );
+			},
+			teardown: function() {
+				this.removeEventListener( orig, handler, true );
+			}
+		};
+
+		function handler( e ) {
+			e = jQuery.event.fix( e );
+			e.type = fix;
+			return jQuery.event.handle.call( this, e );
+		}
+	});
+}
+
+jQuery.each(["bind", "one"], function( i, name ) {
+	jQuery.fn[ name ] = function( type, data, fn ) {
+		// Handle object literals
+		if ( typeof type === "object" ) {
+			for ( var key in type ) {
+				this[ name ](key, data, type[key], fn);
+			}
+			return this;
+		}
+
+		if ( jQuery.isFunction( data ) || data === false ) {
+			fn = data;
+			data = undefined;
+		}
+
+		var handler = name === "one" ? jQuery.proxy( fn, function( event ) {
+			jQuery( this ).unbind( event, handler );
+			return fn.apply( this, arguments );
+		}) : fn;
+
+		if ( type === "unload" && name !== "one" ) {
+			this.one( type, data, fn );
+
+		} else {
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				jQuery.event.add( this[i], type, handler, data );
+			}
+		}
+
+		return this;
+	};
+});
+
+jQuery.fn.extend({
+	unbind: function( type, fn ) {
+		// Handle object literals
+		if ( typeof type === "object" && !type.preventDefault ) {
+			for ( var key in type ) {
+				this.unbind(key, type[key]);
+			}
+
+		} else {
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				jQuery.event.remove( this[i], type, fn );
+			}
+		}
+
+		return this;
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.live( types, data, fn, selector );
+	},
+
+	undelegate: function( selector, types, fn ) {
+		if ( arguments.length === 0 ) {
+				return this.unbind( "live" );
+
+		} else {
+			return this.die( types, null, fn, selector );
+		}
+	},
+
+	trigger: function( type, data ) {
+		return this.each(function() {
+			jQuery.event.trigger( type, data, this );
+		});
+	},
+
+	triggerHandler: function( type, data ) {
+		if ( this[0] ) {
+			var event = jQuery.Event( type );
+			event.preventDefault();
+			event.stopPropagation();
+			jQuery.event.trigger( event, data, this[0] );
+			return event.result;
+		}
+	},
+
+	toggle: function( fn ) {
+		// Save reference to arguments for access in closure
+		var args = arguments,
+			i = 1;
+
+		// link all the functions, so any of them can unbind this click handler
+		while ( i < args.length ) {
+			jQuery.proxy( fn, args[ i++ ] );
+		}
+
+		return this.click( jQuery.proxy( fn, function( event ) {
+			// Figure out which function to execute
+			var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
+			jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
+
+			// Make sure that clicks stop
+			event.preventDefault();
+
+			// and execute the function
+			return args[ lastToggle ].apply( this, arguments ) || false;
+		}));
+	},
+
+	hover: function( fnOver, fnOut ) {
+		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+	}
+});
+
+var liveMap = {
+	focus: "focusin",
+	blur: "focusout",
+	mouseenter: "mouseover",
+	mouseleave: "mouseout"
+};
+
+jQuery.each(["live", "die"], function( i, name ) {
+	jQuery.fn[ name ] = function( types, data, fn, origSelector /* Internal Use Only */ ) {
+		var type, i = 0, match, namespaces, preType,
+			selector = origSelector || this.selector,
+			context = origSelector ? this : jQuery( this.context );
+
+		if ( typeof types === "object" && !types.preventDefault ) {
+			for ( var key in types ) {
+				context[ name ]( key, data, types[key], selector );
+			}
+
+			return this;
+		}
+
+		if ( jQuery.isFunction( data ) ) {
+			fn = data;
+			data = undefined;
+		}
+
+		types = (types || "").split(" ");
+
+		while ( (type = types[ i++ ]) != null ) {
+			match = rnamespaces.exec( type );
+			namespaces = "";
+
+			if ( match )  {
+				namespaces = match[0];
+				type = type.replace( rnamespaces, "" );
+			}
+
+			if ( type === "hover" ) {
+				types.push( "mouseenter" + namespaces, "mouseleave" + namespaces );
+				continue;
+			}
+
+			preType = type;
+
+			if ( type === "focus" || type === "blur" ) {
+				types.push( liveMap[ type ] + namespaces );
+				type = type + namespaces;
+
+			} else {
+				type = (liveMap[ type ] || type) + namespaces;
+			}
+
+			if ( name === "live" ) {
+				// bind live handler
+				for ( var j = 0, l = context.length; j < l; j++ ) {
+					jQuery.event.add( context[j], "live." + liveConvert( type, selector ),
+						{ data: data, selector: selector, handler: fn, origType: type, origHandler: fn, preType: preType } );
+				}
+
+			} else {
+				// unbind live handler
+				context.unbind( "live." + liveConvert( type, selector ), fn );
+			}
+		}
+
+		return this;
+	};
+});
+
+function liveHandler( event ) {
+	var stop, maxLevel, related, match, handleObj, elem, j, i, l, data, close, namespace, ret,
+		elems = [],
+		selectors = [],
+		events = jQuery._data( this, "events" );
+
+	// Make sure we avoid non-left-click bubbling in Firefox (#3861) and disabled elements in IE (#6911)
+	if ( event.liveFired === this || !events || !events.live || event.target.disabled || event.button && event.type === "click" ) {
+		return;
+	}
+
+	if ( event.namespace ) {
+		namespace = new RegExp("(^|\\.)" + event.namespace.split(".").join("\\.(?:.*\\.)?") + "(\\.|$)");
+	}
+
+	event.liveFired = this;
+
+	var live = events.live.slice(0);
+
+	for ( j = 0; j < live.length; j++ ) {
+		handleObj = live[j];
+
+		if ( handleObj.origType.replace( rnamespaces, "" ) === event.type ) {
+			selectors.push( handleObj.selector );
+
+		} else {
+			live.splice( j--, 1 );
+		}
+	}
+
+	match = jQuery( event.target ).closest( selectors, event.currentTarget );
+
+	for ( i = 0, l = match.length; i < l; i++ ) {
+		close = match[i];
+
+		for ( j = 0; j < live.length; j++ ) {
+			handleObj = live[j];
+
+			if ( close.selector === handleObj.selector && (!namespace || namespace.test( handleObj.namespace )) && !close.elem.disabled ) {
+				elem = close.elem;
+				related = null;
+
+				// Those two events require additional checking
+				if ( handleObj.preType === "mouseenter" || handleObj.preType === "mouseleave" ) {
+					event.type = handleObj.preType;
+					related = jQuery( event.relatedTarget ).closest( handleObj.selector )[0];
+				}
+
+				if ( !related || related !== elem ) {
+					elems.push({ elem: elem, handleObj: handleObj, level: close.level });
+				}
+			}
+		}
+	}
+
+	for ( i = 0, l = elems.length; i < l; i++ ) {
+		match = elems[i];
+
+		if ( maxLevel && match.level > maxLevel ) {
+			break;
+		}
+
+		event.currentTarget = match.elem;
+		event.data = match.handleObj.data;
+		event.handleObj = match.handleObj;
+
+		ret = match.handleObj.origHandler.apply( match.elem, arguments );
+
+		if ( ret === false || event.isPropagationStopped() ) {
+			maxLevel = match.level;
+
+			if ( ret === false ) {
+				stop = false;
+			}
+			if ( event.isImmediatePropagationStopped() ) {
+				break;
+			}
+		}
+	}
+
+	return stop;
+}
+
+function liveConvert( type, selector ) {
+	return (type && type !== "*" ? type + "." : "") + selector.replace(rperiod, "`").replace(rspace, "&");
+}
+
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error").split(" "), function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		if ( fn == null ) {
+			fn = data;
+			data = null;
+		}
+
+		return arguments.length > 0 ?
+			this.bind( name, data, fn ) :
+			this.trigger( name );
+	};
+
+	if ( jQuery.attrFn ) {
+		jQuery.attrFn[ name ] = true;
+	}
+});
+
+
+/*!
+ * Sizzle CSS Selector Engine
+ *  Copyright 2011, The Dojo Foundation
+ *  Released under the MIT, BSD, and GPL Licenses.
+ *  More information: http://sizzlejs.com/
+ */
+(function(){
+
+var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
+	done = 0,
+	toString = Object.prototype.toString,
+	hasDuplicate = false,
+	baseHasDuplicate = true,
+	rBackslash = /\\/g,
+	rNonWord = /\W/;
+
+// Here we check if the JavaScript engine is using some sort of
+// optimization where it does not always call our comparision
+// function. If that is the case, discard the hasDuplicate value.
+//   Thus far that includes Google Chrome.
+[0, 0].sort(function() {
+	baseHasDuplicate = false;
+	return 0;
+});
+
+var Sizzle = function( selector, context, results, seed ) {
+	results = results || [];
+	context = context || document;
+
+	var origContext = context;
+
+	if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
+		return [];
+	}
+	
+	if ( !selector || typeof selector !== "string" ) {
+		return results;
+	}
+
+	var m, set, checkSet, extra, ret, cur, pop, i,
+		prune = true,
+		contextXML = Sizzle.isXML( context ),
+		parts = [],
+		soFar = selector;
+	
+	// Reset the position of the chunker regexp (start from head)
+	do {
+		chunker.exec( "" );
+		m = chunker.exec( soFar );
+
+		if ( m ) {
+			soFar = m[3];
+		
+			parts.push( m[1] );
+		
+			if ( m[2] ) {
+				extra = m[3];
+				break;
+			}
+		}
+	} while ( m );
+
+	if ( parts.length > 1 && origPOS.exec( selector ) ) {
+
+		if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
+			set = posProcess( parts[0] + parts[1], context );
+
+		} else {
+			set = Expr.relative[ parts[0] ] ?
+				[ context ] :
+				Sizzle( parts.shift(), context );
+
+			while ( parts.length ) {
+				selector = parts.shift();
+
+				if ( Expr.relative[ selector ] ) {
+					selector += parts.shift();
+				}
+				
+				set = posProcess( selector, set );
+			}
+		}
+
+	} else {
+		// Take a shortcut and set the context if the root selector is an ID
+		// (but not if it'll be faster if the inner selector is an ID)
+		if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
+				Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
+
+			ret = Sizzle.find( parts.shift(), context, contextXML );
+			context = ret.expr ?
+				Sizzle.filter( ret.expr, ret.set )[0] :
+				ret.set[0];
+		}
+
+		if ( context ) {
+			ret = seed ?
+				{ expr: parts.pop(), set: makeArray(seed) } :
+				Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
+
+			set = ret.expr ?
+				Sizzle.filter( ret.expr, ret.set ) :
+				ret.set;
+
+			if ( parts.length > 0 ) {
+				checkSet = makeArray( set );
+
+			} else {
+				prune = false;
+			}
+
+			while ( parts.length ) {
+				cur = parts.pop();
+				pop = cur;
+
+				if ( !Expr.relative[ cur ] ) {
+					cur = "";
+				} else {
+					pop = parts.pop();
+				}
+
+				if ( pop == null ) {
+					pop = context;
+				}
+
+				Expr.relative[ cur ]( checkSet, pop, contextXML );
+			}
+
+		} else {
+			checkSet = parts = [];
+		}
+	}
+
+	if ( !checkSet ) {
+		checkSet = set;
+	}
+
+	if ( !checkSet ) {
+		Sizzle.error( cur || selector );
+	}
+
+	if ( toString.call(checkSet) === "[object Array]" ) {
+		if ( !prune ) {
+			results.push.apply( results, checkSet );
+
+		} else if ( context && context.nodeType === 1 ) {
+			for ( i = 0; checkSet[i] != null; i++ ) {
+				if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
+					results.push( set[i] );
+				}
+			}
+
+		} else {
+			for ( i = 0; checkSet[i] != null; i++ ) {
+				if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
+					results.push( set[i] );
+				}
+			}
+		}
+
+	} else {
+		makeArray( checkSet, results );
+	}
+
+	if ( extra ) {
+		Sizzle( extra, origContext, results, seed );
+		Sizzle.uniqueSort( results );
+	}
+
+	return results;
+};
+
+Sizzle.uniqueSort = function( results ) {
+	if ( sortOrder ) {
+		hasDuplicate = baseHasDuplicate;
+		results.sort( sortOrder );
+
+		if ( hasDuplicate ) {
+			for ( var i = 1; i < results.length; i++ ) {
+				if ( results[i] === results[ i - 1 ] ) {
+					results.splice( i--, 1 );
+				}
+			}
+		}
+	}
+
+	return results;
+};
+
+Sizzle.matches = function( expr, set ) {
+	return Sizzle( expr, null, null, set );
+};
+
+Sizzle.matchesSelector = function( node, expr ) {
+	return Sizzle( expr, null, null, [node] ).length > 0;
+};
+
+Sizzle.find = function( expr, context, isXML ) {
+	var set;
+
+	if ( !expr ) {
+		return [];
+	}
+
+	for ( var i = 0, l = Expr.order.length; i < l; i++ ) {
+		var match,
+			type = Expr.order[i];
+		
+		if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
+			var left = match[1];
+			match.splice( 1, 1 );
+
+			if ( left.substr( left.length - 1 ) !== "\\" ) {
+				match[1] = (match[1] || "").replace( rBackslash, "" );
+				set = Expr.find[ type ]( match, context, isXML );
+
+				if ( set != null ) {
+					expr = expr.replace( Expr.match[ type ], "" );
+					break;
+				}
+			}
+		}
+	}
+
+	if ( !set ) {
+		set = typeof context.getElementsByTagName !== "undefined" ?
+			context.getElementsByTagName( "*" ) :
+			[];
+	}
+
+	return { set: set, expr: expr };
+};
+
+Sizzle.filter = function( expr, set, inplace, not ) {
+	var match, anyFound,
+		old = expr,
+		result = [],
+		curLoop = set,
+		isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );
+
+	while ( expr && set.length ) {
+		for ( var type in Expr.filter ) {
+			if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
+				var found, item,
+					filter = Expr.filter[ type ],
+					left = match[1];
+
+				anyFound = false;
+
+				match.splice(1,1);
+
+				if ( left.substr( left.length - 1 ) === "\\" ) {
+					continue;
+				}
+
+				if ( curLoop === result ) {
+					result = [];
+				}
+
+				if ( Expr.preFilter[ type ] ) {
+					match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
+
+					if ( !match ) {
+						anyFound = found = true;
+
+					} else if ( match === true ) {
+						continue;
+					}
+				}
+
+				if ( match ) {
+					for ( var i = 0; (item = curLoop[i]) != null; i++ ) {
+						if ( item ) {
+							found = filter( item, match, i, curLoop );
+							var pass = not ^ !!found;
+
+							if ( inplace && found != null ) {
+								if ( pass ) {
+									anyFound = true;
+
+								} else {
+									curLoop[i] = false;
+								}
+
+							} else if ( pass ) {
+								result.push( item );
+								anyFound = true;
+							}
+						}
+					}
+				}
+
+				if ( found !== undefined ) {
+					if ( !inplace ) {
+						curLoop = result;
+					}
+
+					expr = expr.replace( Expr.match[ type ], "" );
+
+					if ( !anyFound ) {
+						return [];
+					}
+
+					break;
+				}
+			}
+		}
+
+		// Improper expression
+		if ( expr === old ) {
+			if ( anyFound == null ) {
+				Sizzle.error( expr );
+
+			} else {
+				break;
+			}
+		}
+
+		old = expr;
+	}
+
+	return curLoop;
+};
+
+Sizzle.error = function( msg ) {
+	throw "Syntax error, unrecognized expression: " + msg;
+};
+
+var Expr = Sizzle.selectors = {
+	order: [ "ID", "NAME", "TAG" ],
+
+	match: {
+		ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
+		CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
+		NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
+		ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
+		TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
+		CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
+		POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
+		PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
+	},
+
+	leftMatch: {},
+
+	attrMap: {
+		"class": "className",
+		"for": "htmlFor"
+	},
+
+	attrHandle: {
+		href: function( elem ) {
+			return elem.getAttribute( "href" );
+		},
+		type: function( elem ) {
+			return elem.getAttribute( "type" );
+		}
+	},
+
+	relative: {
+		"+": function(checkSet, part){
+			var isPartStr = typeof part === "string",
+				isTag = isPartStr && !rNonWord.test( part ),
+				isPartStrNotTag = isPartStr && !isTag;
+
+			if ( isTag ) {
+				part = part.toLowerCase();
+			}
+
+			for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
+				if ( (elem = checkSet[i]) ) {
+					while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
+
+					checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
+						elem || false :
+						elem === part;
+				}
+			}
+
+			if ( isPartStrNotTag ) {
+				Sizzle.filter( part, checkSet, true );
+			}
+		},
+
+		">": function( checkSet, part ) {
+			var elem,
+				isPartStr = typeof part === "string",
+				i = 0,
+				l = checkSet.length;
+
+			if ( isPartStr && !rNonWord.test( part ) ) {
+				part = part.toLowerCase();
+
+				for ( ; i < l; i++ ) {
+					elem = checkSet[i];
+
+					if ( elem ) {
+						var parent = elem.parentNode;
+						checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
+					}
+				}
+
+			} else {
+				for ( ; i < l; i++ ) {
+					elem = checkSet[i];
+
+					if ( elem ) {
+						checkSet[i] = isPartStr ?
+							elem.parentNode :
+							elem.parentNode === part;
+					}
+				}
+
+				if ( isPartStr ) {
+					Sizzle.filter( part, checkSet, true );
+				}
+			}
+		},
+
+		"": function(checkSet, part, isXML){
+			var nodeCheck,
+				doneName = done++,
+				checkFn = dirCheck;
+
+			if ( typeof part === "string" && !rNonWord.test( part ) ) {
+				part = part.toLowerCase();
+				nodeCheck = part;
+				checkFn = dirNodeCheck;
+			}
+
+			checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
+		},
+
+		"~": function( checkSet, part, isXML ) {
+			var nodeCheck,
+				doneName = done++,
+				checkFn = dirCheck;
+
+			if ( typeof part === "string" && !rNonWord.test( part ) ) {
+				part = part.toLowerCase();
+				nodeCheck = part;
+				checkFn = dirNodeCheck;
+			}
+
+			checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
+		}
+	},
+
+	find: {
+		ID: function( match, context, isXML ) {
+			if ( typeof context.getElementById !== "undefined" && !isXML ) {
+				var m = context.getElementById(match[1]);
+				// Check parentNode to catch when Blackberry 4.6 returns
+				// nodes that are no longer in the document #6963
+				return m && m.parentNode ? [m] : [];
+			}
+		},
+
+		NAME: function( match, context ) {
+			if ( typeof context.getElementsByName !== "undefined" ) {
+				var ret = [],
+					results = context.getElementsByName( match[1] );
+
+				for ( var i = 0, l = results.length; i < l; i++ ) {
+					if ( results[i].getAttribute("name") === match[1] ) {
+						ret.push( results[i] );
+					}
+				}
+
+				return ret.length === 0 ? null : ret;
+			}
+		},
+
+		TAG: function( match, context ) {
+			if ( typeof context.getElementsByTagName !== "undefined" ) {
+				return context.getElementsByTagName( match[1] );
+			}
+		}
+	},
+	preFilter: {
+		CLASS: function( match, curLoop, inplace, result, not, isXML ) {
+			match = " " + match[1].replace( rBackslash, "" ) + " ";
+
+			if ( isXML ) {
+				return match;
+			}
+
+			for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
+				if ( elem ) {
+					if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
+						if ( !inplace ) {
+							result.push( elem );
+						}
+
+					} else if ( inplace ) {
+						curLoop[i] = false;
+					}
+				}
+			}
+
+			return false;
+		},
+
+		ID: function( match ) {
+			return match[1].replace( rBackslash, "" );
+		},
+
+		TAG: function( match, curLoop ) {
+			return match[1].replace( rBackslash, "" ).toLowerCase();
+		},
+
+		CHILD: function( match ) {
+			if ( match[1] === "nth" ) {
+				if ( !match[2] ) {
+					Sizzle.error( match[0] );
+				}
+
+				match[2] = match[2].replace(/^\+|\s*/g, '');
+
+				// parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
+				var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
+					match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
+					!/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
+
+				// calculate the numbers (first)n+(last) including if they are negative
+				match[2] = (test[1] + (test[2] || 1)) - 0;
+				match[3] = test[3] - 0;
+			}
+			else if ( match[2] ) {
+				Sizzle.error( match[0] );
+			}
+
+			// TODO: Move to normal caching system
+			match[0] = done++;
+
+			return match;
+		},
+
+		ATTR: function( match, curLoop, inplace, result, not, isXML ) {
+			var name = match[1] = match[1].replace( rBackslash, "" );
+			
+			if ( !isXML && Expr.attrMap[name] ) {
+				match[1] = Expr.attrMap[name];
+			}
+
+			// Handle if an un-quoted value was used
+			match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );
+
+			if ( match[2] === "~=" ) {
+				match[4] = " " + match[4] + " ";
+			}
+
+			return match;
+		},
+
+		PSEUDO: function( match, curLoop, inplace, result, not ) {
+			if ( match[1] === "not" ) {
+				// If we're dealing with a complex expression, or a simple one
+				if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
+					match[3] = Sizzle(match[3], null, null, curLoop);
+
+				} else {
+					var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
+
+					if ( !inplace ) {
+						result.push.apply( result, ret );
+					}
+
+					return false;
+				}
+
+			} else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
+				return true;
+			}
+			
+			return match;
+		},
+
+		POS: function( match ) {
+			match.unshift( true );
+
+			return match;
+		}
+	},
+	
+	filters: {
+		enabled: function( elem ) {
+			return elem.disabled === false && elem.type !== "hidden";
+		},
+
+		disabled: function( elem ) {
+			return elem.disabled === true;
+		},
+
+		checked: function( elem ) {
+			return elem.checked === true;
+		},
+		
+		selected: function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+			
+			return elem.selected === true;
+		},
+
+		parent: function( elem ) {
+			return !!elem.firstChild;
+		},
+
+		empty: function( elem ) {
+			return !elem.firstChild;
+		},
+
+		has: function( elem, i, match ) {
+			return !!Sizzle( match[3], elem ).length;
+		},
+
+		header: function( elem ) {
+			return (/h\d/i).test( elem.nodeName );
+		},
+
+		text: function( elem ) {
+			// IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc) 
+			// use getAttribute instead to test this case
+			return "text" === elem.getAttribute( 'type' );
+		},
+		radio: function( elem ) {
+			return "radio" === elem.type;
+		},
+
+		checkbox: function( elem ) {
+			return "checkbox" === elem.type;
+		},
+
+		file: function( elem ) {
+			return "file" === elem.type;
+		},
+		password: function( elem ) {
+			return "password" === elem.type;
+		},
+
+		submit: function( elem ) {
+			return "submit" === elem.type;
+		},
+
+		image: function( elem ) {
+			return "image" === elem.type;
+		},
+
+		reset: function( elem ) {
+			return "reset" === elem.type;
+		},
+
+		button: function( elem ) {
+			return "button" === elem.type || elem.nodeName.toLowerCase() === "button";
+		},
+
+		input: function( elem ) {
+			return (/input|select|textarea|button/i).test( elem.nodeName );
+		}
+	},
+	setFilters: {
+		first: function( elem, i ) {
+			return i === 0;
+		},
+
+		last: function( elem, i, match, array ) {
+			return i === array.length - 1;
+		},
+
+		even: function( elem, i ) {
+			return i % 2 === 0;
+		},
+
+		odd: function( elem, i ) {
+			return i % 2 === 1;
+		},
+
+		lt: function( elem, i, match ) {
+			return i < match[3] - 0;
+		},
+
+		gt: function( elem, i, match ) {
+			return i > match[3] - 0;
+		},
+
+		nth: function( elem, i, match ) {
+			return match[3] - 0 === i;
+		},
+
+		eq: function( elem, i, match ) {
+			return match[3] - 0 === i;
+		}
+	},
+	filter: {
+		PSEUDO: function( elem, match, i, array ) {
+			var name = match[1],
+				filter = Expr.filters[ name ];
+
+			if ( filter ) {
+				return filter( elem, i, match, array );
+
+			} else if ( name === "contains" ) {
+				return (elem.textContent || elem.innerText || Sizzle.getText([ elem ]) || "").indexOf(match[3]) >= 0;
+
+			} else if ( name === "not" ) {
+				var not = match[3];
+
+				for ( var j = 0, l = not.length; j < l; j++ ) {
+					if ( not[j] === elem ) {
+						return false;
+					}
+				}
+
+				return true;
+
+			} else {
+				Sizzle.error( name );
+			}
+		},
+
+		CHILD: function( elem, match ) {
+			var type = match[1],
+				node = elem;
+
+			switch ( type ) {
+				case "only":
+				case "first":
+					while ( (node = node.previousSibling) )	 {
+						if ( node.nodeType === 1 ) { 
+							return false; 
+						}
+					}
+
+					if ( type === "first" ) { 
+						return true; 
+					}
+
+					node = elem;
+
+				case "last":
+					while ( (node = node.nextSibling) )	 {
+						if ( node.nodeType === 1 ) { 
+							return false; 
+						}
+					}
+
+					return true;
+
+				case "nth":
+					var first = match[2],
+						last = match[3];
+
+					if ( first === 1 && last === 0 ) {
+						return true;
+					}
+					
+					var doneName = match[0],
+						parent = elem.parentNode;
+	
+					if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) {
+						var count = 0;
+						
+						for ( node = parent.firstChild; node; node = node.nextSibling ) {
+							if ( node.nodeType === 1 ) {
+								node.nodeIndex = ++count;
+							}
+						} 
+
+						parent.sizcache = doneName;
+					}
+					
+					var diff = elem.nodeIndex - last;
+
+					if ( first === 0 ) {
+						return diff === 0;
+
+					} else {
+						return ( diff % first === 0 && diff / first >= 0 );
+					}
+			}
+		},
+
+		ID: function( elem, match ) {
+			return elem.nodeType === 1 && elem.getAttribute("id") === match;
+		},
+
+		TAG: function( elem, match ) {
+			return (match === "*" && elem.nodeType === 1) || elem.nodeName.toLowerCase() === match;
+		},
+		
+		CLASS: function( elem, match ) {
+			return (" " + (elem.className || elem.getAttribute("class")) + " ")
+				.indexOf( match ) > -1;
+		},
+
+		ATTR: function( elem, match ) {
+			var name = match[1],
+				result = Expr.attrHandle[ name ] ?
+					Expr.attrHandle[ name ]( elem ) :
+					elem[ name ] != null ?
+						elem[ name ] :
+						elem.getAttribute( name ),
+				value = result + "",
+				type = match[2],
+				check = match[4];
+
+			return result == null ?
+				type === "!=" :
+				type === "=" ?
+				value === check :
+				type === "*=" ?
+				value.indexOf(check) >= 0 :
+				type === "~=" ?
+				(" " + value + " ").indexOf(check) >= 0 :
+				!check ?
+				value && result !== false :
+				type === "!=" ?
+				value !== check :
+				type === "^=" ?
+				value.indexOf(check) === 0 :
+				type === "$=" ?
+				value.substr(value.length - check.length) === check :
+				type === "|=" ?
+				value === check || value.substr(0, check.length + 1) === check + "-" :
+				false;
+		},
+
+		POS: function( elem, match, i, array ) {
+			var name = match[2],
+				filter = Expr.setFilters[ name ];
+
+			if ( filter ) {
+				return filter( elem, i, match, array );
+			}
+		}
+	}
+};
+
+var origPOS = Expr.match.POS,
+	fescape = function(all, num){
+		return "\\" + (num - 0 + 1);
+	};
+
+for ( var type in Expr.match ) {
+	Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
+	Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
+}
+
+var makeArray = function( array, results ) {
+	array = Array.prototype.slice.call( array, 0 );
+
+	if ( results ) {
+		results.push.apply( results, array );
+		return results;
+	}
+	
+	return array;
+};
+
+// Perform a simple check to determine if the browser is capable of
+// converting a NodeList to an array using builtin methods.
+// Also verifies that the returned array holds DOM nodes
+// (which is not the case in the Blackberry browser)
+try {
+	Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;
+
+// Provide a fallback method if it does not work
+} catch( e ) {
+	makeArray = function( array, results ) {
+		var i = 0,
+			ret = results || [];
+
+		if ( toString.call(array) === "[object Array]" ) {
+			Array.prototype.push.apply( ret, array );
+
+		} else {
+			if ( typeof array.length === "number" ) {
+				for ( var l = array.length; i < l; i++ ) {
+					ret.push( array[i] );
+				}
+
+			} else {
+				for ( ; array[i]; i++ ) {
+					ret.push( array[i] );
+				}
+			}
+		}
+
+		return ret;
+	};
+}
+
+var sortOrder, siblingCheck;
+
+if ( document.documentElement.compareDocumentPosition ) {
+	sortOrder = function( a, b ) {
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
+			return a.compareDocumentPosition ? -1 : 1;
+		}
+
+		return a.compareDocumentPosition(b) & 4 ? -1 : 1;
+	};
+
+} else {
+	sortOrder = function( a, b ) {
+		var al, bl,
+			ap = [],
+			bp = [],
+			aup = a.parentNode,
+			bup = b.parentNode,
+			cur = aup;
+
+		// The nodes are identical, we can exit early
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+
+		// If the nodes are siblings (or identical) we can do a quick check
+		} else if ( aup === bup ) {
+			return siblingCheck( a, b );
+
+		// If no parents were found then the nodes are disconnected
+		} else if ( !aup ) {
+			return -1;
+
+		} else if ( !bup ) {
+			return 1;
+		}
+
+		// Otherwise they're somewhere else in the tree so we need
+		// to build up a full list of the parentNodes for comparison
+		while ( cur ) {
+			ap.unshift( cur );
+			cur = cur.parentNode;
+		}
+
+		cur = bup;
+
+		while ( cur ) {
+			bp.unshift( cur );
+			cur = cur.parentNode;
+		}
+
+		al = ap.length;
+		bl = bp.length;
+
+		// Start walking down the tree looking for a discrepancy
+		for ( var i = 0; i < al && i < bl; i++ ) {
+			if ( ap[i] !== bp[i] ) {
+				return siblingCheck( ap[i], bp[i] );
+			}
+		}
+
+		// We ended someplace up the tree so do a sibling check
+		return i === al ?
+			siblingCheck( a, bp[i], -1 ) :
+			siblingCheck( ap[i], b, 1 );
+	};
+
+	siblingCheck = function( a, b, ret ) {
+		if ( a === b ) {
+			return ret;
+		}
+
+		var cur = a.nextSibling;
+
+		while ( cur ) {
+			if ( cur === b ) {
+				return -1;
+			}
+
+			cur = cur.nextSibling;
+		}
+
+		return 1;
+	};
+}
+
+// Utility function for retreiving the text value of an array of DOM nodes
+Sizzle.getText = function( elems ) {
+	var ret = "", elem;
+
+	for ( var i = 0; elems[i]; i++ ) {
+		elem = elems[i];
+
+		// Get the text from text nodes and CDATA nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
+			ret += elem.nodeValue;
+
+		// Traverse everything else, except comment nodes
+		} else if ( elem.nodeType !== 8 ) {
+			ret += Sizzle.getText( elem.childNodes );
+		}
+	}
+
+	return ret;
+};
+
+// Check to see if the browser returns elements by name when
+// querying by getElementById (and provide a workaround)
+(function(){
+	// We're going to inject a fake input element with a specified name
+	var form = document.createElement("div"),
+		id = "script" + (new Date()).getTime(),
+		root = document.documentElement;
+
+	form.innerHTML = "<a name='" + id + "'/>";
+
+	// Inject it into the root element, check its status, and remove it quickly
+	root.insertBefore( form, root.firstChild );
+
+	// The workaround has to do additional checks after a getElementById
+	// Which slows things down for other browsers (hence the branching)
+	if ( document.getElementById( id ) ) {
+		Expr.find.ID = function( match, context, isXML ) {
+			if ( typeof context.getElementById !== "undefined" && !isXML ) {
+				var m = context.getElementById(match[1]);
+
+				return m ?
+					m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
+						[m] :
+						undefined :
+					[];
+			}
+		};
+
+		Expr.filter.ID = function( elem, match ) {
+			var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
+
+			return elem.nodeType === 1 && node && node.nodeValue === match;
+		};
+	}
+
+	root.removeChild( form );
+
+	// release memory in IE
+	root = form = null;
+})();
+
+(function(){
+	// Check to see if the browser returns only elements
+	// when doing getElementsByTagName("*")
+
+	// Create a fake element
+	var div = document.createElement("div");
+	div.appendChild( document.createComment("") );
+
+	// Make sure no comments are found
+	if ( div.getElementsByTagName("*").length > 0 ) {
+		Expr.find.TAG = function( match, context ) {
+			var results = context.getElementsByTagName( match[1] );
+
+			// Filter out possible comments
+			if ( match[1] === "*" ) {
+				var tmp = [];
+
+				for ( var i = 0; results[i]; i++ ) {
+					if ( results[i].nodeType === 1 ) {
+						tmp.push( results[i] );
+					}
+				}
+
+				results = tmp;
+			}
+
+			return results;
+		};
+	}
+
+	// Check to see if an attribute returns normalized href attributes
+	div.innerHTML = "<a href='#'></a>";
+
+	if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
+			div.firstChild.getAttribute("href") !== "#" ) {
+
+		Expr.attrHandle.href = function( elem ) {
+			return elem.getAttribute( "href", 2 );
+		};
+	}
+
+	// release memory in IE
+	div = null;
+})();
+
+if ( document.querySelectorAll ) {
+	(function(){
+		var oldSizzle = Sizzle,
+			div = document.createElement("div"),
+			id = "__sizzle__";
+
+		div.innerHTML = "<p class='TEST'></p>";
+
+		// Safari can't handle uppercase or unicode characters when
+		// in quirks mode.
+		if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
+			return;
+		}
+	
+		Sizzle = function( query, context, extra, seed ) {
+			context = context || document;
+
+			// Only use querySelectorAll on non-XML documents
+			// (ID selectors don't work in non-HTML documents)
+			if ( !seed && !Sizzle.isXML(context) ) {
+				// See if we find a selector to speed up
+				var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
+				
+				if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
+					// Speed-up: Sizzle("TAG")
+					if ( match[1] ) {
+						return makeArray( context.getElementsByTagName( query ), extra );
+					
+					// Speed-up: Sizzle(".CLASS")
+					} else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
+						return makeArray( context.getElementsByClassName( match[2] ), extra );
+					}
+				}
+				
+				if ( context.nodeType === 9 ) {
+					// Speed-up: Sizzle("body")
+					// The body element only exists once, optimize finding it
+					if ( query === "body" && context.body ) {
+						return makeArray( [ context.body ], extra );
+						
+					// Speed-up: Sizzle("#ID")
+					} else if ( match && match[3] ) {
+						var elem = context.getElementById( match[3] );
+
+						// Check parentNode to catch when Blackberry 4.6 returns
+						// nodes that are no longer in the document #6963
+						if ( elem && elem.parentNode ) {
+							// Handle the case where IE and Opera return items
+							// by name instead of ID
+							if ( elem.id === match[3] ) {
+								return makeArray( [ elem ], extra );
+							}
+							
+						} else {
+							return makeArray( [], extra );
+						}
+					}
+					
+					try {
+						return makeArray( context.querySelectorAll(query), extra );
+					} catch(qsaError) {}
+
+				// qSA works strangely on Element-rooted queries
+				// We can work around this by specifying an extra ID on the root
+				// and working up from there (Thanks to Andrew Dupont for the technique)
+				// IE 8 doesn't work on object elements
+				} else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+					var oldContext = context,
+						old = context.getAttribute( "id" ),
+						nid = old || id,
+						hasParent = context.parentNode,
+						relativeHierarchySelector = /^\s*[+~]/.test( query );
+
+					if ( !old ) {
+						context.setAttribute( "id", nid );
+					} else {
+						nid = nid.replace( /'/g, "\\$&" );
+					}
+					if ( relativeHierarchySelector && hasParent ) {
+						context = context.parentNode;
+					}
+
+					try {
+						if ( !relativeHierarchySelector || hasParent ) {
+							return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
+						}
+
+					} catch(pseudoError) {
+					} finally {
+						if ( !old ) {
+							oldContext.removeAttribute( "id" );
+						}
+					}
+				}
+			}
+		
+			return oldSizzle(query, context, extra, seed);
+		};
+
+		for ( var prop in oldSizzle ) {
+			Sizzle[ prop ] = oldSizzle[ prop ];
+		}
+
+		// release memory in IE
+		div = null;
+	})();
+}
+
+(function(){
+	var html = document.documentElement,
+		matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector,
+		pseudoWorks = false;
+
+	try {
+		// This should fail with an exception
+		// Gecko does not error, returns false instead
+		matches.call( document.documentElement, "[test!='']:sizzle" );
+	
+	} catch( pseudoError ) {
+		pseudoWorks = true;
+	}
+
+	if ( matches ) {
+		Sizzle.matchesSelector = function( node, expr ) {
+			// Make sure that attribute selectors are quoted
+			expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");
+
+			if ( !Sizzle.isXML( node ) ) {
+				try { 
+					if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
+						return matches.call( node, expr );
+					}
+				} catch(e) {}
+			}
+
+			return Sizzle(expr, null, null, [node]).length > 0;
+		};
+	}
+})();
+
+(function(){
+	var div = document.createElement("div");
+
+	div.innerHTML = "<div class='test e'></div><div class='test'></div>";
+
+	// Opera can't find a second classname (in 9.6)
+	// Also, make sure that getElementsByClassName actually exists
+	if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
+		return;
+	}
+
+	// Safari caches class attributes, doesn't catch changes (in 3.2)
+	div.lastChild.className = "e";
+
+	if ( div.getElementsByClassName("e").length === 1 ) {
+		return;
+	}
+	
+	Expr.order.splice(1, 0, "CLASS");
+	Expr.find.CLASS = function( match, context, isXML ) {
+		if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
+			return context.getElementsByClassName(match[1]);
+		}
+	};
+
+	// release memory in IE
+	div = null;
+})();
+
+function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
+	for ( var i = 0, l = checkSet.length; i < l; i++ ) {
+		var elem = checkSet[i];
+
+		if ( elem ) {
+			var match = false;
+
+			elem = elem[dir];
+
+			while ( elem ) {
+				if ( elem.sizcache === doneName ) {
+					match = checkSet[elem.sizset];
+					break;
+				}
+
+				if ( elem.nodeType === 1 && !isXML ){
+					elem.sizcache = doneName;
+					elem.sizset = i;
+				}
+
+				if ( elem.nodeName.toLowerCase() === cur ) {
+					match = elem;
+					break;
+				}
+
+				elem = elem[dir];
+			}
+
+			checkSet[i] = match;
+		}
+	}
+}
+
+function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
+	for ( var i = 0, l = checkSet.length; i < l; i++ ) {
+		var elem = checkSet[i];
+
+		if ( elem ) {
+			var match = false;
+			
+			elem = elem[dir];
+
+			while ( elem ) {
+				if ( elem.sizcache === doneName ) {
+					match = checkSet[elem.sizset];
+					break;
+				}
+
+				if ( elem.nodeType === 1 ) {
+					if ( !isXML ) {
+						elem.sizcache = doneName;
+						elem.sizset = i;
+					}
+
+					if ( typeof cur !== "string" ) {
+						if ( elem === cur ) {
+							match = true;
+							break;
+						}
+
+					} else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
+						match = elem;
+						break;
+					}
+				}
+
+				elem = elem[dir];
+			}
+
+			checkSet[i] = match;
+		}
+	}
+}
+
+if ( document.documentElement.contains ) {
+	Sizzle.contains = function( a, b ) {
+		return a !== b && (a.contains ? a.contains(b) : true);
+	};
+
+} else if ( document.documentElement.compareDocumentPosition ) {
+	Sizzle.contains = function( a, b ) {
+		return !!(a.compareDocumentPosition(b) & 16);
+	};
+
+} else {
+	Sizzle.contains = function() {
+		return false;
+	};
+}
+
+Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833) 
+	var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
+
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+var posProcess = function( selector, context ) {
+	var match,
+		tmpSet = [],
+		later = "",
+		root = context.nodeType ? [context] : context;
+
+	// Position selectors must be done after the filter
+	// And so must :not(positional) so we move all PSEUDOs to the end
+	while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
+		later += match[0];
+		selector = selector.replace( Expr.match.PSEUDO, "" );
+	}
+
+	selector = Expr.relative[selector] ? selector + "*" : selector;
+
+	for ( var i = 0, l = root.length; i < l; i++ ) {
+		Sizzle( selector, root[i], tmpSet );
+	}
+
+	return Sizzle.filter( later, tmpSet );
+};
+
+// EXPOSE
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.filters;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+})();
+
+
+var runtil = /Until$/,
+	rparentsprev = /^(?:parents|prevUntil|prevAll)/,
+	// Note: This RegExp should be improved, or likely pulled from Sizzle
+	rmultiselector = /,/,
+	isSimple = /^.[^:#\[\.,]*$/,
+	slice = Array.prototype.slice,
+	POS = jQuery.expr.match.POS,
+	// methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.fn.extend({
+	find: function( selector ) {
+		var ret = this.pushStack( "", "find", selector ),
+			length = 0;
+
+		for ( var i = 0, l = this.length; i < l; i++ ) {
+			length = ret.length;
+			jQuery.find( selector, this[i], ret );
+
+			if ( i > 0 ) {
+				// Make sure that the results are unique
+				for ( var n = length; n < ret.length; n++ ) {
+					for ( var r = 0; r < length; r++ ) {
+						if ( ret[r] === ret[n] ) {
+							ret.splice(n--, 1);
+							break;
+						}
+					}
+				}
+			}
+		}
+
+		return ret;
+	},
+
+	has: function( target ) {
+		var targets = jQuery( target );
+		return this.filter(function() {
+			for ( var i = 0, l = targets.length; i < l; i++ ) {
+				if ( jQuery.contains( this, targets[i] ) ) {
+					return true;
+				}
+			}
+		});
+	},
+
+	not: function( selector ) {
+		return this.pushStack( winnow(this, selector, false), "not", selector);
+	},
+
+	filter: function( selector ) {
+		return this.pushStack( winnow(this, selector, true), "filter", selector );
+	},
+
+	is: function( selector ) {
+		return !!selector && jQuery.filter( selector, this ).length > 0;
+	},
+
+	closest: function( selectors, context ) {
+		var ret = [], i, l, cur = this[0];
+
+		if ( jQuery.isArray( selectors ) ) {
+			var match, selector,
+				matches = {},
+				level = 1;
+
+			if ( cur && selectors.length ) {
+				for ( i = 0, l = selectors.length; i < l; i++ ) {
+					selector = selectors[i];
+
+					if ( !matches[selector] ) {
+						matches[selector] = jQuery.expr.match.POS.test( selector ) ?
+							jQuery( selector, context || this.context ) :
+							selector;
+					}
+				}
+
+				while ( cur && cur.ownerDocument && cur !== context ) {
+					for ( selector in matches ) {
+						match = matches[selector];
+
+						if ( match.jquery ? match.index(cur) > -1 : jQuery(cur).is(match) ) {
+							ret.push({ selector: selector, elem: cur, level: level });
+						}
+					}
+
+					cur = cur.parentNode;
+					level++;
+				}
+			}
+
+			return ret;
+		}
+
+		var pos = POS.test( selectors ) ?
+			jQuery( selectors, context || this.context ) : null;
+
+		for ( i = 0, l = this.length; i < l; i++ ) {
+			cur = this[i];
+
+			while ( cur ) {
+				if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
+					ret.push( cur );
+					break;
+
+				} else {
+					cur = cur.parentNode;
+					if ( !cur || !cur.ownerDocument || cur === context ) {
+						break;
+					}
+				}
+			}
+		}
+
+		ret = ret.length > 1 ? jQuery.unique(ret) : ret;
+
+		return this.pushStack( ret, "closest", selectors );
+	},
+
+	// Determine the position of an element within
+	// the matched set of elements
+	index: function( elem ) {
+		if ( !elem || typeof elem === "string" ) {
+			return jQuery.inArray( this[0],
+				// If it receives a string, the selector is used
+				// If it receives nothing, the siblings are used
+				elem ? jQuery( elem ) : this.parent().children() );
+		}
+		// Locate the position of the desired element
+		return jQuery.inArray(
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[0] : elem, this );
+	},
+
+	add: function( selector, context ) {
+		var set = typeof selector === "string" ?
+				jQuery( selector, context ) :
+				jQuery.makeArray( selector ),
+			all = jQuery.merge( this.get(), set );
+
+		return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ?
+			all :
+			jQuery.unique( all ) );
+	},
+
+	andSelf: function() {
+		return this.add( this.prevObject );
+	}
+});
+
+// A painfully simple check to see if an element is disconnected
+// from a document (should be improved, where feasible).
+function isDisconnected( node ) {
+	return !node || !node.parentNode || node.parentNode.nodeType === 11;
+}
+
+jQuery.each({
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return jQuery.dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return jQuery.nth( elem, 2, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return jQuery.nth( elem, 2, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return jQuery.dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return jQuery.dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return jQuery.sibling( elem.parentNode.firstChild, elem );
+	},
+	children: function( elem ) {
+		return jQuery.sibling( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return jQuery.nodeName( elem, "iframe" ) ?
+			elem.contentDocument || elem.contentWindow.document :
+			jQuery.makeArray( elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var ret = jQuery.map( this, fn, until ),
+			// The variable 'args' was introduced in
+			// https://github.com/jquery/jquery/commit/52a0238
+			// to work around a bug in Chrome 10 (Dev) and should be removed when the bug is fixed.
+			// http://code.google.com/p/v8/issues/detail?id=1050
+			args = slice.call(arguments);
+
+		if ( !runtil.test( name ) ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			ret = jQuery.filter( selector, ret );
+		}
+
+		ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
+
+		if ( (this.length > 1 || rmultiselector.test( selector )) && rparentsprev.test( name ) ) {
+			ret = ret.reverse();
+		}
+
+		return this.pushStack( ret, name, args.join(",") );
+	};
+});
+
+jQuery.extend({
+	filter: function( expr, elems, not ) {
+		if ( not ) {
+			expr = ":not(" + expr + ")";
+		}
+
+		return elems.length === 1 ?
+			jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
+			jQuery.find.matches(expr, elems);
+	},
+
+	dir: function( elem, dir, until ) {
+		var matched = [],
+			cur = elem[ dir ];
+
+		while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
+			if ( cur.nodeType === 1 ) {
+				matched.push( cur );
+			}
+			cur = cur[dir];
+		}
+		return matched;
+	},
+
+	nth: function( cur, result, dir, elem ) {
+		result = result || 1;
+		var num = 0;
+
+		for ( ; cur; cur = cur[dir] ) {
+			if ( cur.nodeType === 1 && ++num === result ) {
+				break;
+			}
+		}
+
+		return cur;
+	},
+
+	sibling: function( n, elem ) {
+		var r = [];
+
+		for ( ; n; n = n.nextSibling ) {
+			if ( n.nodeType === 1 && n !== elem ) {
+				r.push( n );
+			}
+		}
+
+		return r;
+	}
+});
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, keep ) {
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep(elements, function( elem, i ) {
+			var retVal = !!qualifier.call( elem, i, elem );
+			return retVal === keep;
+		});
+
+	} else if ( qualifier.nodeType ) {
+		return jQuery.grep(elements, function( elem, i ) {
+			return (elem === qualifier) === keep;
+		});
+
+	} else if ( typeof qualifier === "string" ) {
+		var filtered = jQuery.grep(elements, function( elem ) {
+			return elem.nodeType === 1;
+		});
+
+		if ( isSimple.test( qualifier ) ) {
+			return jQuery.filter(qualifier, filtered, !keep);
+		} else {
+			qualifier = jQuery.filter( qualifier, filtered );
+		}
+	}
+
+	return jQuery.grep(elements, function( elem, i ) {
+		return (jQuery.inArray( elem, qualifier ) >= 0) === keep;
+	});
+}
+
+
+
+
+var rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
+	rleadingWhitespace = /^\s+/,
+	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
+	rtagName = /<([\w:]+)/,
+	rtbody = /<tbody/i,
+	rhtml = /<|&#?\w+;/,
+	rnocache = /<(?:script|object|embed|option|style)/i,
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	wrapMap = {
+		option: [ 1, "<select multiple='multiple'>", "</select>" ],
+		legend: [ 1, "<fieldset>", "</fieldset>" ],
+		thead: [ 1, "<table>", "</table>" ],
+		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+		col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
+		area: [ 1, "<map>", "</map>" ],
+		_default: [ 0, "", "" ]
+	};
+
+wrapMap.optgroup = wrapMap.option;
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+// IE can't serialize <link> and <script> tags normally
+if ( !jQuery.support.htmlSerialize ) {
+	wrapMap._default = [ 1, "div<div>", "</div>" ];
+}
+
+jQuery.fn.extend({
+	text: function( text ) {
+		if ( jQuery.isFunction(text) ) {
+			return this.each(function(i) {
+				var self = jQuery( this );
+
+				self.text( text.call(this, i, self.text()) );
+			});
+		}
+
+		if ( typeof text !== "object" && text !== undefined ) {
+			return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
+		}
+
+		return jQuery.text( this );
+	},
+
+	wrapAll: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapAll( html.call(this, i) );
+			});
+		}
+
+		if ( this[0] ) {
+			// The elements to wrap the target around
+			var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
+
+			if ( this[0].parentNode ) {
+				wrap.insertBefore( this[0] );
+			}
+
+			wrap.map(function() {
+				var elem = this;
+
+				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
+					elem = elem.firstChild;
+				}
+
+				return elem;
+			}).append(this);
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapInner( html.call(this, i) );
+			});
+		}
+
+		return this.each(function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		});
+	},
+
+	wrap: function( html ) {
+		return this.each(function() {
+			jQuery( this ).wrapAll( html );
+		});
+	},
+
+	unwrap: function() {
+		return this.parent().each(function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		}).end();
+	},
+
+	append: function() {
+		return this.domManip(arguments, true, function( elem ) {
+			if ( this.nodeType === 1 ) {
+				this.appendChild( elem );
+			}
+		});
+	},
+
+	prepend: function() {
+		return this.domManip(arguments, true, function( elem ) {
+			if ( this.nodeType === 1 ) {
+				this.insertBefore( elem, this.firstChild );
+			}
+		});
+	},
+
+	before: function() {
+		if ( this[0] && this[0].parentNode ) {
+			return this.domManip(arguments, false, function( elem ) {
+				this.parentNode.insertBefore( elem, this );
+			});
+		} else if ( arguments.length ) {
+			var set = jQuery(arguments[0]);
+			set.push.apply( set, this.toArray() );
+			return this.pushStack( set, "before", arguments );
+		}
+	},
+
+	after: function() {
+		if ( this[0] && this[0].parentNode ) {
+			return this.domManip(arguments, false, function( elem ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			});
+		} else if ( arguments.length ) {
+			var set = this.pushStack( this, "after", arguments );
+			set.push.apply( set, jQuery(arguments[0]).toArray() );
+			return set;
+		}
+	},
+
+	// keepData is for internal use only--do not document
+	remove: function( selector, keepData ) {
+		for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
+			if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
+				if ( !keepData && elem.nodeType === 1 ) {
+					jQuery.cleanData( elem.getElementsByTagName("*") );
+					jQuery.cleanData( [ elem ] );
+				}
+
+				if ( elem.parentNode ) {
+					elem.parentNode.removeChild( elem );
+				}
+			}
+		}
+
+		return this;
+	},
+
+	empty: function() {
+		for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
+			// Remove element nodes and prevent memory leaks
+			if ( elem.nodeType === 1 ) {
+				jQuery.cleanData( elem.getElementsByTagName("*") );
+			}
+
+			// Remove any remaining nodes
+			while ( elem.firstChild ) {
+				elem.removeChild( elem.firstChild );
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map( function () {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		});
+	},
+
+	html: function( value ) {
+		if ( value === undefined ) {
+			return this[0] && this[0].nodeType === 1 ?
+				this[0].innerHTML.replace(rinlinejQuery, "") :
+				null;
+
+		// See if we can take a shortcut and just use innerHTML
+		} else if ( typeof value === "string" && !rnocache.test( value ) &&
+			(jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
+			!wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {
+
+			value = value.replace(rxhtmlTag, "<$1></$2>");
+
+			try {
+				for ( var i = 0, l = this.length; i < l; i++ ) {
+					// Remove element nodes and prevent memory leaks
+					if ( this[i].nodeType === 1 ) {
+						jQuery.cleanData( this[i].getElementsByTagName("*") );
+						this[i].innerHTML = value;
+					}
+				}
+
+			// If using innerHTML throws an exception, use the fallback method
+			} catch(e) {
+				this.empty().append( value );
+			}
+
+		} else if ( jQuery.isFunction( value ) ) {
+			this.each(function(i){
+				var self = jQuery( this );
+
+				self.html( value.call(this, i, self.html()) );
+			});
+
+		} else {
+			this.empty().append( value );
+		}
+
+		return this;
+	},
+
+	replaceWith: function( value ) {
+		if ( this[0] && this[0].parentNode ) {
+			// Make sure that the elements are removed from the DOM before they are inserted
+			// this can help fix replacing a parent with child elements
+			if ( jQuery.isFunction( value ) ) {
+				return this.each(function(i) {
+					var self = jQuery(this), old = self.html();
+					self.replaceWith( value.call( this, i, old ) );
+				});
+			}
+
+			if ( typeof value !== "string" ) {
+				value = jQuery( value ).detach();
+			}
+
+			return this.each(function() {
+				var next = this.nextSibling,
+					parent = this.parentNode;
+
+				jQuery( this ).remove();
+
+				if ( next ) {
+					jQuery(next).before( value );
+				} else {
+					jQuery(parent).append( value );
+				}
+			});
+		} else {
+			return this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value );
+		}
+	},
+
+	detach: function( selector ) {
+		return this.remove( selector, true );
+	},
+
+	domManip: function( args, table, callback ) {
+		var results, first, fragment, parent,
+			value = args[0],
+			scripts = [];
+
+		// We can't cloneNode fragments that contain checked, in WebKit
+		if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
+			return this.each(function() {
+				jQuery(this).domManip( args, table, callback, true );
+			});
+		}
+
+		if ( jQuery.isFunction(value) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				args[0] = value.call(this, i, table ? self.html() : undefined);
+				self.domManip( args, table, callback );
+			});
+		}
+
+		if ( this[0] ) {
+			parent = value && value.parentNode;
+
+			// If we're in a fragment, just use that instead of building a new one
+			if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
+				results = { fragment: parent };
+
+			} else {
+				results = jQuery.buildFragment( args, this, scripts );
+			}
+
+			fragment = results.fragment;
+
+			if ( fragment.childNodes.length === 1 ) {
+				first = fragment = fragment.firstChild;
+			} else {
+				first = fragment.firstChild;
+			}
+
+			if ( first ) {
+				table = table && jQuery.nodeName( first, "tr" );
+
+				for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
+					callback.call(
+						table ?
+							root(this[i], first) :
+							this[i],
+						// Make sure that we do not leak memory by inadvertently discarding
+						// the original fragment (which might have attached data) instead of
+						// using it; in addition, use the original fragment object for the last
+						// item instead of first because it can end up being emptied incorrectly
+						// in certain situations (Bug #8070).
+						// Fragments from the fragment cache must always be cloned and never used
+						// in place.
+						results.cacheable || (l > 1 && i < lastIndex) ?
+							jQuery.clone( fragment, true, true ) :
+							fragment
+					);
+				}
+			}
+
+			if ( scripts.length ) {
+				jQuery.each( scripts, evalScript );
+			}
+		}
+
+		return this;
+	}
+});
+
+function root( elem, cur ) {
+	return jQuery.nodeName(elem, "table") ?
+		(elem.getElementsByTagName("tbody")[0] ||
+		elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
+		elem;
+}
+
+function cloneCopyEvent( src, dest ) {
+
+	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
+		return;
+	}
+
+	var internalKey = jQuery.expando,
+		oldData = jQuery.data( src ),
+		curData = jQuery.data( dest, oldData );
+
+	// Switch to use the internal data object, if it exists, for the next
+	// stage of data copying
+	if ( (oldData = oldData[ internalKey ]) ) {
+		var events = oldData.events;
+				curData = curData[ internalKey ] = jQuery.extend({}, oldData);
+
+		if ( events ) {
+			delete curData.handle;
+			curData.events = {};
+
+			for ( var type in events ) {
+				for ( var i = 0, l = events[ type ].length; i < l; i++ ) {
+					jQuery.event.add( dest, type + ( events[ type ][ i ].namespace ? "." : "" ) + events[ type ][ i ].namespace, events[ type ][ i ], events[ type ][ i ].data );
+				}
+			}
+		}
+	}
+}
+
+function cloneFixAttributes(src, dest) {
+	// We do not need to do anything for non-Elements
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	var nodeName = dest.nodeName.toLowerCase();
+
+	// clearAttributes removes the attributes, which we don't want,
+	// but also removes the attachEvent events, which we *do* want
+	dest.clearAttributes();
+
+	// mergeAttributes, in contrast, only merges back on the
+	// original attributes, not the events
+	dest.mergeAttributes(src);
+
+	// IE6-8 fail to clone children inside object elements that use
+	// the proprietary classid attribute value (rather than the type
+	// attribute) to identify the type of content to display
+	if ( nodeName === "object" ) {
+		dest.outerHTML = src.outerHTML;
+
+	} else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
+		// IE6-8 fails to persist the checked state of a cloned checkbox
+		// or radio button. Worse, IE6-7 fail to give the cloned element
+		// a checked appearance if the defaultChecked value isn't also set
+		if ( src.checked ) {
+			dest.defaultChecked = dest.checked = src.checked;
+		}
+
+		// IE6-7 get confused and end up setting the value of a cloned
+		// checkbox/radio button to an empty string instead of "on"
+		if ( dest.value !== src.value ) {
+			dest.value = src.value;
+		}
+
+	// IE6-8 fails to return the selected option to the default selected
+	// state when cloning options
+	} else if ( nodeName === "option" ) {
+		dest.selected = src.defaultSelected;
+
+	// IE6-8 fails to set the defaultValue to the correct value when
+	// cloning other types of input fields
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+
+	// Event data gets referenced instead of copied if the expando
+	// gets copied too
+	dest.removeAttribute( jQuery.expando );
+}
+
+jQuery.buildFragment = function( args, nodes, scripts ) {
+	var fragment, cacheable, cacheresults,
+		doc = (nodes && nodes[0] ? nodes[0].ownerDocument || nodes[0] : document);
+
+	// Only cache "small" (1/2 KB) HTML strings that are associated with the main document
+	// Cloning options loses the selected state, so don't cache them
+	// IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
+	// Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
+	if ( args.length === 1 && typeof args[0] === "string" && args[0].length < 512 && doc === document &&
+		args[0].charAt(0) === "<" && !rnocache.test( args[0] ) && (jQuery.support.checkClone || !rchecked.test( args[0] )) ) {
+
+		cacheable = true;
+		cacheresults = jQuery.fragments[ args[0] ];
+		if ( cacheresults ) {
+			if ( cacheresults !== 1 ) {
+				fragment = cacheresults;
+			}
+		}
+	}
+
+	if ( !fragment ) {
+		fragment = doc.createDocumentFragment();
+		jQuery.clean( args, doc, fragment, scripts );
+	}
+
+	if ( cacheable ) {
+		jQuery.fragments[ args[0] ] = cacheresults ? fragment : 1;
+	}
+
+	return { fragment: fragment, cacheable: cacheable };
+};
+
+jQuery.fragments = {};
+
+jQuery.each({
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var ret = [],
+			insert = jQuery( selector ),
+			parent = this.length === 1 && this[0].parentNode;
+
+		if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
+			insert[ original ]( this[0] );
+			return this;
+
+		} else {
+			for ( var i = 0, l = insert.length; i < l; i++ ) {
+				var elems = (i > 0 ? this.clone(true) : this).get();
+				jQuery( insert[i] )[ original ]( elems );
+				ret = ret.concat( elems );
+			}
+
+			return this.pushStack( ret, name, insert.selector );
+		}
+	};
+});
+
+function getAll( elem ) {
+	if ( "getElementsByTagName" in elem ) {
+		return elem.getElementsByTagName( "*" );
+	
+	} else if ( "querySelectorAll" in elem ) {
+		return elem.querySelectorAll( "*" );
+
+	} else {
+		return [];
+	}
+}
+
+jQuery.extend({
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var clone = elem.cloneNode(true),
+				srcElements,
+				destElements,
+				i;
+
+		if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
+				(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
+			// IE copies events bound via attachEvent when using cloneNode.
+			// Calling detachEvent on the clone will also remove the events
+			// from the original. In order to get around this, we use some
+			// proprietary methods to clear the events. Thanks to MooTools
+			// guys for this hotness.
+
+			cloneFixAttributes( elem, clone );
+
+			// Using Sizzle here is crazy slow, so we use getElementsByTagName
+			// instead
+			srcElements = getAll( elem );
+			destElements = getAll( clone );
+
+			// Weird iteration because IE will replace the length property
+			// with an element if you are cloning the body and one of the
+			// elements on the pagebreak has a name or id of "length"
+			for ( i = 0; srcElements[i]; ++i ) {
+				cloneFixAttributes( srcElements[i], destElements[i] );
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			cloneCopyEvent( elem, clone );
+
+			if ( deepDataAndEvents ) {
+				srcElements = getAll( elem );
+				destElements = getAll( clone );
+
+				for ( i = 0; srcElements[i]; ++i ) {
+					cloneCopyEvent( srcElements[i], destElements[i] );
+				}
+			}
+		}
+
+		// Return the cloned set
+		return clone;
+},
+	clean: function( elems, context, fragment, scripts ) {
+		context = context || document;
+
+		// !context.createElement fails in IE with an error but returns typeof 'object'
+		if ( typeof context.createElement === "undefined" ) {
+			context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
+		}
+
+		var ret = [];
+
+		for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
+			if ( typeof elem === "number" ) {
+				elem += "";
+			}
+
+			if ( !elem ) {
+				continue;
+			}
+
+			// Convert html string into DOM nodes
+			if ( typeof elem === "string" && !rhtml.test( elem ) ) {
+				elem = context.createTextNode( elem );
+
+			} else if ( typeof elem === "string" ) {
+				// Fix "XHTML"-style tags in all browsers
+				elem = elem.replace(rxhtmlTag, "<$1></$2>");
+
+				// Trim whitespace, otherwise indexOf won't work as expected
+				var tag = (rtagName.exec( elem ) || ["", ""])[1].toLowerCase(),
+					wrap = wrapMap[ tag ] || wrapMap._default,
+					depth = wrap[0],
+					div = context.createElement("div");
+
+				// Go to html and back, then peel off extra wrappers
+				div.innerHTML = wrap[1] + elem + wrap[2];
+
+				// Move to the right depth
+				while ( depth-- ) {
+					div = div.lastChild;
+				}
+
+				// Remove IE's autoinserted <tbody> from table fragments
+				if ( !jQuery.support.tbody ) {
+
+					// String was a <table>, *may* have spurious <tbody>
+					var hasBody = rtbody.test(elem),
+						tbody = tag === "table" && !hasBody ?
+							div.firstChild && div.firstChild.childNodes :
+
+							// String was a bare <thead> or <tfoot>
+							wrap[1] === "<table>" && !hasBody ?
+								div.childNodes :
+								[];
+
+					for ( var j = tbody.length - 1; j >= 0 ; --j ) {
+						if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
+							tbody[ j ].parentNode.removeChild( tbody[ j ] );
+						}
+					}
+
+				}
+
+				// IE completely kills leading whitespace when innerHTML is used
+				if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
+					div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
+				}
+
+				elem = div.childNodes;
+			}
+
+			if ( elem.nodeType ) {
+				ret.push( elem );
+			} else {
+				ret = jQuery.merge( ret, elem );
+			}
+		}
+
+		if ( fragment ) {
+			for ( i = 0; ret[i]; i++ ) {
+				if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
+					scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
+
+				} else {
+					if ( ret[i].nodeType === 1 ) {
+						ret.splice.apply( ret, [i + 1, 0].concat(jQuery.makeArray(ret[i].getElementsByTagName("script"))) );
+					}
+					fragment.appendChild( ret[i] );
+				}
+			}
+		}
+
+		return ret;
+	},
+
+	cleanData: function( elems ) {
+		var data, id, cache = jQuery.cache, internalKey = jQuery.expando, special = jQuery.event.special,
+			deleteExpando = jQuery.support.deleteExpando;
+
+		for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
+			if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
+				continue;
+			}
+
+			id = elem[ jQuery.expando ];
+
+			if ( id ) {
+				data = cache[ id ] && cache[ id ][ internalKey ];
+
+				if ( data && data.events ) {
+					for ( var type in data.events ) {
+						if ( special[ type ] ) {
+							jQuery.event.remove( elem, type );
+
+						// This is a shortcut to avoid jQuery.event.remove's overhead
+						} else {
+							jQuery.removeEvent( elem, type, data.handle );
+						}
+					}
+
+					// Null the DOM reference to avoid IE6/7/8 leak (#7054)
+					if ( data.handle ) {
+						data.handle.elem = null;
+					}
+				}
+
+				if ( deleteExpando ) {
+					delete elem[ jQuery.expando ];
+
+				} else if ( elem.removeAttribute ) {
+					elem.removeAttribute( jQuery.expando );
+				}
+
+				delete cache[ id ];
+			}
+		}
+	}
+});
+
+function evalScript( i, elem ) {
+	if ( elem.src ) {
+		jQuery.ajax({
+			url: elem.src,
+			async: false,
+			dataType: "script"
+		});
+	} else {
+		jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" );
+	}
+
+	if ( elem.parentNode ) {
+		elem.parentNode.removeChild( elem );
+	}
+}
+
+
+
+
+var ralpha = /alpha\([^)]*\)/i,
+	ropacity = /opacity=([^)]*)/,
+	rdashAlpha = /-([a-z])/ig,
+	rupper = /([A-Z])/g,
+	rnumpx = /^-?\d+(?:px)?$/i,
+	rnum = /^-?\d/,
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssWidth = [ "Left", "Right" ],
+	cssHeight = [ "Top", "Bottom" ],
+	curCSS,
+
+	getComputedStyle,
+	currentStyle,
+
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	};
+
+jQuery.fn.css = function( name, value ) {
+	// Setting 'undefined' is a no-op
+	if ( arguments.length === 2 && value === undefined ) {
+		return this;
+	}
+
+	return jQuery.access( this, name, value, true, function( elem, name, value ) {
+		return value !== undefined ?
+			jQuery.style( elem, name, value ) :
+			jQuery.css( elem, name );
+	});
+};
+
+jQuery.extend({
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity", "opacity" );
+					return ret === "" ? "1" : ret;
+
+				} else {
+					return elem.style.opacity;
+				}
+			}
+		}
+	},
+
+	// Exclude the following css properties to add px
+	cssNumber: {
+		"zIndex": true,
+		"fontWeight": true,
+		"opacity": true,
+		"zoom": true,
+		"lineHeight": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+		// normalize float css property
+		"float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, origName = jQuery.camelCase( name ),
+			style = elem.style, hooks = jQuery.cssHooks[ origName ];
+
+		name = jQuery.cssProps[ origName ] || origName;
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			// Make sure that NaN and null values aren't set. See: #7116
+			if ( typeof value === "number" && isNaN( value ) || value == null ) {
+				return;
+			}
+
+			// If a number was passed in, add 'px' to the (except for certain CSS properties)
+			if ( typeof value === "number" && !jQuery.cssNumber[ origName ] ) {
+				value += "px";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {
+				// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
+				// Fixes bug #5509
+				try {
+					style[ name ] = value;
+				} catch(e) {}
+			}
+
+		} else {
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra ) {
+		// Make sure that we're working with the right name
+		var ret, origName = jQuery.camelCase( name ),
+			hooks = jQuery.cssHooks[ origName ];
+
+		name = jQuery.cssProps[ origName ] || origName;
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks && (ret = hooks.get( elem, true, extra )) !== undefined ) {
+			return ret;
+
+		// Otherwise, if a way to get the computed value exists, use that
+		} else if ( curCSS ) {
+			return curCSS( elem, name, origName );
+		}
+	},
+
+	// A method for quickly swapping in/out CSS properties to get correct calculations
+	swap: function( elem, options, callback ) {
+		var old = {};
+
+		// Remember the old values, and insert the new ones
+		for ( var name in options ) {
+			old[ name ] = elem.style[ name ];
+			elem.style[ name ] = options[ name ];
+		}
+
+		callback.call( elem );
+
+		// Revert the old values
+		for ( name in options ) {
+			elem.style[ name ] = old[ name ];
+		}
+	},
+
+	camelCase: function( string ) {
+		return string.replace( rdashAlpha, fcamelCase );
+	}
+});
+
+// DEPRECATED, Use jQuery.css() instead
+jQuery.curCSS = jQuery.css;
+
+jQuery.each(["height", "width"], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			var val;
+
+			if ( computed ) {
+				if ( elem.offsetWidth !== 0 ) {
+					val = getWH( elem, name, extra );
+
+				} else {
+					jQuery.swap( elem, cssShow, function() {
+						val = getWH( elem, name, extra );
+					});
+				}
+
+				if ( val <= 0 ) {
+					val = curCSS( elem, name, name );
+
+					if ( val === "0px" && currentStyle ) {
+						val = currentStyle( elem, name, name );
+					}
+
+					if ( val != null ) {
+						// Should return "auto" instead of 0, use 0 for
+						// temporary backwards-compat
+						return val === "" || val === "auto" ? "0px" : val;
+					}
+				}
+
+				if ( val < 0 || val == null ) {
+					val = elem.style[ name ];
+
+					// Should return "auto" instead of 0, use 0 for
+					// temporary backwards-compat
+					return val === "" || val === "auto" ? "0px" : val;
+				}
+
+				return typeof val === "string" ? val : val + "px";
+			}
+		},
+
+		set: function( elem, value ) {
+			if ( rnumpx.test( value ) ) {
+				// ignore negative width and height values #1599
+				value = parseFloat(value);
+
+				if ( value >= 0 ) {
+					return value + "px";
+				}
+
+			} else {
+				return value;
+			}
+		}
+	};
+});
+
+if ( !jQuery.support.opacity ) {
+	jQuery.cssHooks.opacity = {
+		get: function( elem, computed ) {
+			// IE uses filters for opacity
+			return ropacity.test((computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "") ?
+				(parseFloat(RegExp.$1) / 100) + "" :
+				computed ? "1" : "";
+		},
+
+		set: function( elem, value ) {
+			var style = elem.style;
+
+			// IE has trouble with opacity if it does not have layout
+			// Force it by setting the zoom level
+			style.zoom = 1;
+
+			// Set the alpha filter to set the opacity
+			var opacity = jQuery.isNaN(value) ?
+				"" :
+				"alpha(opacity=" + value * 100 + ")",
+				filter = style.filter || "";
+
+			style.filter = ralpha.test(filter) ?
+				filter.replace(ralpha, opacity) :
+				style.filter + ' ' + opacity;
+		}
+	};
+}
+
+if ( document.defaultView && document.defaultView.getComputedStyle ) {
+	getComputedStyle = function( elem, newName, name ) {
+		var ret, defaultView, computedStyle;
+
+		name = name.replace( rupper, "-$1" ).toLowerCase();
+
+		if ( !(defaultView = elem.ownerDocument.defaultView) ) {
+			return undefined;
+		}
+
+		if ( (computedStyle = defaultView.getComputedStyle( elem, null )) ) {
+			ret = computedStyle.getPropertyValue( name );
+			if ( ret === "" && !jQuery.contains( elem.ownerDocument.documentElement, elem ) ) {
+				ret = jQuery.style( elem, name );
+			}
+		}
+
+		return ret;
+	};
+}
+
+if ( document.documentElement.currentStyle ) {
+	currentStyle = function( elem, name ) {
+		var left,
+			ret = elem.currentStyle && elem.currentStyle[ name ],
+			rsLeft = elem.runtimeStyle && elem.runtimeStyle[ name ],
+			style = elem.style;
+
+		// From the awesome hack by Dean Edwards
+		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+		// If we're not dealing with a regular pixel number
+		// but a number that has a weird ending, we need to convert it to pixels
+		if ( !rnumpx.test( ret ) && rnum.test( ret ) ) {
+			// Remember the original values
+			left = style.left;
+
+			// Put in the new values to get a computed value out
+			if ( rsLeft ) {
+				elem.runtimeStyle.left = elem.currentStyle.left;
+			}
+			style.left = name === "fontSize" ? "1em" : (ret || 0);
+			ret = style.pixelLeft + "px";
+
+			// Revert the changed values
+			style.left = left;
+			if ( rsLeft ) {
+				elem.runtimeStyle.left = rsLeft;
+			}
+		}
+
+		return ret === "" ? "auto" : ret;
+	};
+}
+
+curCSS = getComputedStyle || currentStyle;
+
+function getWH( elem, name, extra ) {
+	var which = name === "width" ? cssWidth : cssHeight,
+		val = name === "width" ? elem.offsetWidth : elem.offsetHeight;
+
+	if ( extra === "border" ) {
+		return val;
+	}
+
+	jQuery.each( which, function() {
+		if ( !extra ) {
+			val -= parseFloat(jQuery.css( elem, "padding" + this )) || 0;
+		}
+
+		if ( extra === "margin" ) {
+			val += parseFloat(jQuery.css( elem, "margin" + this )) || 0;
+
+		} else {
+			val -= parseFloat(jQuery.css( elem, "border" + this + "Width" )) || 0;
+		}
+	});
+
+	return val;
+}
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.hidden = function( elem ) {
+		var width = elem.offsetWidth,
+			height = elem.offsetHeight;
+
+		return (width === 0 && height === 0) || (!jQuery.support.reliableHiddenOffsets && (elem.style.display || jQuery.css( elem, "display" )) === "none");
+	};
+
+	jQuery.expr.filters.visible = function( elem ) {
+		return !jQuery.expr.filters.hidden( elem );
+	};
+}
+
+
+
+
+var r20 = /%20/g,
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rhash = /#.*$/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
+	rinput = /^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /(?:^file|^widget|\-extension):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rquery = /\?/,
+	rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
+	rselectTextarea = /^(?:select|textarea)/i,
+	rspacesAjax = /\s+/,
+	rts = /([?&])_=[^&]*/,
+	rucHeaders = /(^|\-)([a-z])/g,
+	rucHeadersFunc = function( _, $1, $2 ) {
+		return $1 + $2.toUpperCase();
+	},
+	rurl = /^([\w\+\.\-]+:)\/\/([^\/?#:]*)(?::(\d+))?/,
+
+	// Keep a copy of the old load method
+	_load = jQuery.fn.load,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Document location
+	ajaxLocation,
+
+	// Document location segments
+	ajaxLocParts;
+
+// #8138, IE may throw an exception when accessing
+// a field from document.location if document.domain has been set
+try {
+	ajaxLocation = document.location.href;
+} catch( e ) {
+	// Use the href attribute of an A element
+	// since IE will modify it given document.location
+	ajaxLocation = document.createElement( "a" );
+	ajaxLocation.href = "";
+	ajaxLocation = ajaxLocation.href;
+}
+
+// Segment location into parts
+ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() );
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		if ( jQuery.isFunction( func ) ) {
+			var dataTypes = dataTypeExpression.toLowerCase().split( rspacesAjax ),
+				i = 0,
+				length = dataTypes.length,
+				dataType,
+				list,
+				placeBefore;
+
+			// For each dataType in the dataTypeExpression
+			for(; i < length; i++ ) {
+				dataType = dataTypes[ i ];
+				// We control if we're asked to add before
+				// any existing element
+				placeBefore = /^\+/.test( dataType );
+				if ( placeBefore ) {
+					dataType = dataType.substr( 1 ) || "*";
+				}
+				list = structure[ dataType ] = structure[ dataType ] || [];
+				// then we add to the structure accordingly
+				list[ placeBefore ? "unshift" : "push" ]( func );
+			}
+		}
+	};
+}
+
+//Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR,
+		dataType /* internal */, inspected /* internal */ ) {
+
+	dataType = dataType || options.dataTypes[ 0 ];
+	inspected = inspected || {};
+
+	inspected[ dataType ] = true;
+
+	var list = structure[ dataType ],
+		i = 0,
+		length = list ? list.length : 0,
+		executeOnly = ( structure === prefilters ),
+		selection;
+
+	for(; i < length && ( executeOnly || !selection ); i++ ) {
+		selection = list[ i ]( options, originalOptions, jqXHR );
+		// If we got redirected to another dataType
+		// we try there if executing only and not done already
+		if ( typeof selection === "string" ) {
+			if ( !executeOnly || inspected[ selection ] ) {
+				selection = undefined;
+			} else {
+				options.dataTypes.unshift( selection );
+				selection = inspectPrefiltersOrTransports(
+						structure, options, originalOptions, jqXHR, selection, inspected );
+			}
+		}
+	}
+	// If we're only executing or nothing was selected
+	// we try the catchall dataType if not done already
+	if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) {
+		selection = inspectPrefiltersOrTransports(
+				structure, options, originalOptions, jqXHR, "*", inspected );
+	}
+	// unnecessary when only executing (prefilters)
+	// but it'll be ignored by the caller in that case
+	return selection;
+}
+
+jQuery.fn.extend({
+	load: function( url, params, callback ) {
+		if ( typeof url !== "string" && _load ) {
+			return _load.apply( this, arguments );
+
+		// Don't do a request if no elements are being requested
+		} else if ( !this.length ) {
+			return this;
+		}
+
+		var off = url.indexOf( " " );
+		if ( off >= 0 ) {
+			var selector = url.slice( off, url.length );
+			url = url.slice( 0, off );
+		}
+
+		// Default to a GET request
+		var type = "GET";
+
+		// If the second parameter was provided
+		if ( params ) {
+			// If it's a function
+			if ( jQuery.isFunction( params ) ) {
+				// We assume that it's the callback
+				callback = params;
+				params = undefined;
+
+			// Otherwise, build a param string
+			} else if ( typeof params === "object" ) {
+				params = jQuery.param( params, jQuery.ajaxSettings.traditional );
+				type = "POST";
+			}
+		}
+
+		var self = this;
+
+		// Request the remote document
+		jQuery.ajax({
+			url: url,
+			type: type,
+			dataType: "html",
+			data: params,
+			// Complete callback (responseText is used internally)
+			complete: function( jqXHR, status, responseText ) {
+				// Store the response as specified by the jqXHR object
+				responseText = jqXHR.responseText;
+				// If successful, inject the HTML into all the matched elements
+				if ( jqXHR.isResolved() ) {
+					// #4825: Get the actual response in case
+					// a dataFilter is present in ajaxSettings
+					jqXHR.done(function( r ) {
+						responseText = r;
+					});
+					// See if a selector was specified
+					self.html( selector ?
+						// Create a dummy div to hold the results
+						jQuery("<div>")
+							// inject the contents of the document in, removing the scripts
+							// to avoid any 'Permission Denied' errors in IE
+							.append(responseText.replace(rscript, ""))
+
+							// Locate the specified elements
+							.find(selector) :
+
+						// If not, just inject the full result
+						responseText );
+				}
+
+				if ( callback ) {
+					self.each( callback, [ responseText, status, jqXHR ] );
+				}
+			}
+		});
+
+		return this;
+	},
+
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+
+	serializeArray: function() {
+		return this.map(function(){
+			return this.elements ? jQuery.makeArray( this.elements ) : this;
+		})
+		.filter(function(){
+			return this.name && !this.disabled &&
+				( this.checked || rselectTextarea.test( this.nodeName ) ||
+					rinput.test( this.type ) );
+		})
+		.map(function( i, elem ){
+			var val = jQuery( this ).val();
+
+			return val == null ?
+				null :
+				jQuery.isArray( val ) ?
+					jQuery.map( val, function( val, i ){
+						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					}) :
+					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		}).get();
+	}
+});
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){
+	jQuery.fn[ o ] = function( f ){
+		return this.bind( o, f );
+	};
+} );
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+		// shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		return jQuery.ajax({
+			type: method,
+			url: url,
+			data: data,
+			success: callback,
+			dataType: type
+		});
+	};
+} );
+
+jQuery.extend({
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function ( target, settings ) {
+		if ( !settings ) {
+			// Only one parameter, we extend ajaxSettings
+			settings = target;
+			target = jQuery.extend( true, jQuery.ajaxSettings, settings );
+		} else {
+			// target was provided, we extend into it
+			jQuery.extend( true, target, jQuery.ajaxSettings, settings );
+		}
+		// Flatten fields we don't want deep extended
+		for( var field in { context: 1, url: 1 } ) {
+			if ( field in settings ) {
+				target[ field ] = settings[ field ];
+			} else if( field in jQuery.ajaxSettings ) {
+				target[ field ] = jQuery.ajaxSettings[ field ];
+			}
+		}
+		return target;
+	},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		type: "GET",
+		contentType: "application/x-www-form-urlencoded",
+		processData: true,
+		async: true,
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		traditional: false,
+		headers: {},
+		crossDomain: null,
+		*/
+
+		accepts: {
+			xml: "application/xml, text/xml",
+			html: "text/html",
+			text: "text/plain",
+			json: "application/json, text/javascript",
+			"*": "*/*"
+		},
+
+		contents: {
+			xml: /xml/,
+			html: /html/,
+			json: /json/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText"
+		},
+
+		// List of data converters
+		// 1) key format is "source_type destination_type" (a single space in-between)
+		// 2) the catchall symbol "*" can be used for source_type
+		converters: {
+
+			// Convert anything to text
+			"* text": window.String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		}
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var // Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+			// Callbacks context
+			callbackContext = s.context || s,
+			// Context for global events
+			// It's the callbackContext if one was provided in the options
+			// and if it's a DOM node or a jQuery collection
+			globalEventContext = callbackContext !== s &&
+				( callbackContext.nodeType || callbackContext instanceof jQuery ) ?
+						jQuery( callbackContext ) : jQuery.event,
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery._Deferred(),
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+			// ifModified key
+			ifModifiedKey,
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			// Response headers
+			responseHeadersString,
+			responseHeaders,
+			// transport
+			transport,
+			// timeout handle
+			timeoutTimer,
+			// Cross-domain detection vars
+			parts,
+			// The jqXHR state
+			state = 0,
+			// To know if global events are to be dispatched
+			fireGlobals,
+			// Loop variable
+			i,
+			// Fake xhr
+			jqXHR = {
+
+				readyState: 0,
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					if ( !state ) {
+						requestHeaders[ name.toLowerCase().replace( rucHeaders, rucHeadersFunc ) ] = value;
+					}
+					return this;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while( ( match = rheaders.exec( responseHeadersString ) ) ) {
+								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match === undefined ? null : match;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					statusText = statusText || "abort";
+					if ( transport ) {
+						transport.abort( statusText );
+					}
+					done( 0, statusText );
+					return this;
+				}
+			};
+
+		// Callback for when everything is done
+		// It is defined here because jslint complains if it is declared
+		// at the end of the function (which would be more logical and readable)
+		function done( status, statusText, responses, headers ) {
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status ? 4 : 0;
+
+			var isSuccess,
+				success,
+				error,
+				response = responses ? ajaxHandleResponses( s, jqXHR, responses ) : undefined,
+				lastModified,
+				etag;
+
+			// If successful, handle type chaining
+			if ( status >= 200 && status < 300 || status === 304 ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+
+					if ( ( lastModified = jqXHR.getResponseHeader( "Last-Modified" ) ) ) {
+						jQuery.lastModified[ ifModifiedKey ] = lastModified;
+					}
+					if ( ( etag = jqXHR.getResponseHeader( "Etag" ) ) ) {
+						jQuery.etag[ ifModifiedKey ] = etag;
+					}
+				}
+
+				// If not modified
+				if ( status === 304 ) {
+
+					statusText = "notmodified";
+					isSuccess = true;
+
+				// If we have data
+				} else {
+
+					try {
+						success = ajaxConvert( s, response );
+						statusText = "success";
+						isSuccess = true;
+					} catch(e) {
+						// We have a parsererror
+						statusText = "parsererror";
+						error = e;
+					}
+				}
+			} else {
+				// We extract error from statusText
+				// then normalize statusText and status for non-aborts
+				error = statusText;
+				if( !statusText || status ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = statusText;
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ),
+						[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.resolveWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s] );
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger( "ajaxStop" );
+				}
+			}
+		}
+
+		// Attach deferreds
+		deferred.promise( jqXHR );
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+		jqXHR.complete = completeDeferred.done;
+
+		// Status-dependent callbacks
+		jqXHR.statusCode = function( map ) {
+			if ( map ) {
+				var tmp;
+				if ( state < 2 ) {
+					for( tmp in map ) {
+						statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ];
+					}
+				} else {
+					tmp = map[ jqXHR.status ];
+					jqXHR.then( tmp, tmp );
+				}
+			}
+			return this;
+		};
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( rspacesAjax );
+
+		// Determine if a cross-domain request is in order
+		if ( !s.crossDomain ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] != ajaxLocParts[ 1 ] || parts[ 2 ] != ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
+						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
+			);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefiler, stop there
+		if ( state === 2 ) {
+			return false;
+		}
+
+		// We can fire global events as of now if asked to
+		fireGlobals = s.global;
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger( "ajaxStart" );
+		}
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data;
+			}
+
+			// Get ifModifiedKey before adding the anti-cache parameter
+			ifModifiedKey = s.url;
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+
+				var ts = jQuery.now(),
+					// try replacing _= if it is there
+					ret = s.url.replace( rts, "$1_=" + ts );
+
+				// if nothing was replaced, add timestamp to the end
+				s.url = ret + ( (ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			requestHeaders[ "Content-Type" ] = s.contentType;
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			ifModifiedKey = ifModifiedKey || s.url;
+			if ( jQuery.lastModified[ ifModifiedKey ] ) {
+				requestHeaders[ "If-Modified-Since" ] = jQuery.lastModified[ ifModifiedKey ];
+			}
+			if ( jQuery.etag[ ifModifiedKey ] ) {
+				requestHeaders[ "If-None-Match" ] = jQuery.etag[ ifModifiedKey ];
+			}
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		requestHeaders.Accept = s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+			s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", */*; q=0.01" : "" ) :
+			s.accepts[ "*" ];
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+				// Abort if not done already
+				jqXHR.abort();
+				return false;
+
+		}
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = setTimeout( function(){
+					jqXHR.abort( "timeout" );
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch (e) {
+				// Propagate exception as error if not done
+				if ( status < 2 ) {
+					done( -1, e );
+				// Simply rethrow otherwise
+				} else {
+					jQuery.error( e );
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	// Serialize an array of form elements or a set of
+	// key/values into a query string
+	param: function( a, traditional ) {
+		var s = [],
+			add = function( key, value ) {
+				// If value is a function, invoke it and return its value
+				value = jQuery.isFunction( value ) ? value() : value;
+				s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+			};
+
+		// Set traditional to true for jQuery <= 1.3.2 behavior.
+		if ( traditional === undefined ) {
+			traditional = jQuery.ajaxSettings.traditional;
+		}
+
+		// If an array was passed in, assume that it is an array of form elements.
+		if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+			// Serialize the form elements
+			jQuery.each( a, function() {
+				add( this.name, this.value );
+			} );
+
+		} else {
+			// If traditional, encode the "old" way (the way 1.3.2 or older
+			// did it), otherwise encode params recursively.
+			for ( var prefix in a ) {
+				buildParams( prefix, a[ prefix ], traditional, add );
+			}
+		}
+
+		// Return the resulting serialization
+		return s.join( "&" ).replace( r20, "+" );
+	}
+});
+
+function buildParams( prefix, obj, traditional, add ) {
+	if ( jQuery.isArray( obj ) && obj.length ) {
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+				// If array item is non-scalar (array or object), encode its
+				// numeric index to resolve deserialization ambiguity issues.
+				// Note that rack (as of 1.0.0) can't currently deserialize
+				// nested arrays properly, and attempting to do so may cause
+				// a server error. Possible fixes are to modify rack's
+				// deserialization algorithm or to provide an option or flag
+				// to force array serialization to be shallow.
+				buildParams( prefix + "[" + ( typeof v === "object" || jQuery.isArray(v) ? i : "" ) + "]", v, traditional, add );
+			}
+		});
+
+	} else if ( !traditional && obj != null && typeof obj === "object" ) {
+		// If we see an array here, it is empty and should be treated as an empty
+		// object
+		if ( jQuery.isArray( obj ) || jQuery.isEmptyObject( obj ) ) {
+			add( prefix, "" );
+
+		// Serialize object item.
+		} else {
+			for ( var name in obj ) {
+				buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+			}
+		}
+
+	} else {
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+
+// This is still on the jQuery object... for now
+// Want to move this to jQuery.ajax some day
+jQuery.extend({
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {}
+
+});
+
+/* Handles responses to an ajax request:
+ * - sets all responseXXX fields accordingly
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+
+	var contents = s.contents,
+		dataTypes = s.dataTypes,
+		responseFields = s.responseFields,
+		ct,
+		type,
+		finalDataType,
+		firstDataType;
+
+	// Fill responseXXX fields
+	for( type in responseFields ) {
+		if ( type in responses ) {
+			jqXHR[ responseFields[type] ] = responses[ type ];
+		}
+	}
+
+	// Remove auto dataType and get content-type in the process
+	while( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader( "content-type" );
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+// Chain conversions given the request and the original response
+function ajaxConvert( s, response ) {
+
+	// Apply the dataFilter if provided
+	if ( s.dataFilter ) {
+		response = s.dataFilter( response, s.dataType );
+	}
+
+	var dataTypes = s.dataTypes,
+		converters = {},
+		i,
+		key,
+		length = dataTypes.length,
+		tmp,
+		// Current and previous dataTypes
+		current = dataTypes[ 0 ],
+		prev,
+		// Conversion expression
+		conversion,
+		// Conversion function
+		conv,
+		// Conversion functions (transitive conversion)
+		conv1,
+		conv2;
+
+	// For each dataType in the chain
+	for( i = 1; i < length; i++ ) {
+
+		// Create converters map
+		// with lowercased keys
+		if ( i === 1 ) {
+			for( key in s.converters ) {
+				if( typeof key === "string" ) {
+					converters[ key.toLowerCase() ] = s.converters[ key ];
+				}
+			}
+		}
+
+		// Get the dataTypes
+		prev = current;
+		current = dataTypes[ i ];
+
+		// If current is auto dataType, update it to prev
+		if( current === "*" ) {
+			current = prev;
+		// If no auto and dataTypes are actually different
+		} else if ( prev !== "*" && prev !== current ) {
+
+			// Get the converter
+			conversion = prev + " " + current;
+			conv = converters[ conversion ] || converters[ "* " + current ];
+
+			// If there is no direct converter, search transitively
+			if ( !conv ) {
+				conv2 = undefined;
+				for( conv1 in converters ) {
+					tmp = conv1.split( " " );
+					if ( tmp[ 0 ] === prev || tmp[ 0 ] === "*" ) {
+						conv2 = converters[ tmp[1] + " " + current ];
+						if ( conv2 ) {
+							conv1 = converters[ conv1 ];
+							if ( conv1 === true ) {
+								conv = conv2;
+							} else if ( conv2 === true ) {
+								conv = conv1;
+							}
+							break;
+						}
+					}
+				}
+			}
+			// If we found no converter, dispatch an error
+			if ( !( conv || conv2 ) ) {
+				jQuery.error( "No conversion from " + conversion.replace(" "," to ") );
+			}
+			// If found converter is not an equivalence
+			if ( conv !== true ) {
+				// Convert with 1 or 2 converters accordingly
+				response = conv ? conv( response ) : conv2( conv1(response) );
+			}
+		}
+	}
+	return response;
+}
+
+
+
+
+var jsc = jQuery.now(),
+	jsre = /(\=)\?(&|$)|()\?\?()/i;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+	jsonp: "callback",
+	jsonpCallback: function() {
+		return jQuery.expando + "_" + ( jsc++ );
+	}
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var dataIsString = ( typeof s.data === "string" );
+
+	if ( s.dataTypes[ 0 ] === "jsonp" ||
+		originalSettings.jsonpCallback ||
+		originalSettings.jsonp != null ||
+		s.jsonp !== false && ( jsre.test( s.url ) ||
+				dataIsString && jsre.test( s.data ) ) ) {
+
+		var responseContainer,
+			jsonpCallback = s.jsonpCallback =
+				jQuery.isFunction( s.jsonpCallback ) ? s.jsonpCallback() : s.jsonpCallback,
+			previous = window[ jsonpCallback ],
+			url = s.url,
+			data = s.data,
+			replace = "$1" + jsonpCallback + "$2",
+			cleanUp = function() {
+				// Set callback back to previous value
+				window[ jsonpCallback ] = previous;
+				// Call if it was a function and we have a response
+				if ( responseContainer && jQuery.isFunction( previous ) ) {
+					window[ jsonpCallback ]( responseContainer[ 0 ] );
+				}
+			};
+
+		if ( s.jsonp !== false ) {
+			url = url.replace( jsre, replace );
+			if ( s.url === url ) {
+				if ( dataIsString ) {
+					data = data.replace( jsre, replace );
+				}
+				if ( s.data === data ) {
+					// Add callback manually
+					url += (/\?/.test( url ) ? "&" : "?") + s.jsonp + "=" + jsonpCallback;
+				}
+			}
+		}
+
+		s.url = url;
+		s.data = data;
+
+		// Install callback
+		window[ jsonpCallback ] = function( response ) {
+			responseContainer = [ response ];
+		};
+
+		// Install cleanUp function
+		jqXHR.then( cleanUp, cleanUp );
+
+		// Use data converter to retrieve json after script execution
+		s.converters["script json"] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( jsonpCallback + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Delegate to script
+		return "script";
+	}
+} );
+
+
+
+
+// Install script dataType
+jQuery.ajaxSetup({
+	accepts: {
+		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /javascript|ecmascript/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+});
+
+// Handle cache's special case and global
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+		s.global = false;
+	}
+} );
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function(s) {
+
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+
+		var script,
+			head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;
+
+		return {
+
+			send: function( _, callback ) {
+
+				script = document.createElement( "script" );
+
+				script.async = "async";
+
+				if ( s.scriptCharset ) {
+					script.charset = s.scriptCharset;
+				}
+
+				script.src = s.url;
+
+				// Attach handlers for all browsers
+				script.onload = script.onreadystatechange = function( _, isAbort ) {
+
+					if ( !script.readyState || /loaded|complete/.test( script.readyState ) ) {
+
+						// Handle memory leak in IE
+						script.onload = script.onreadystatechange = null;
+
+						// Remove the script
+						if ( head && script.parentNode ) {
+							head.removeChild( script );
+						}
+
+						// Dereference the script
+						script = undefined;
+
+						// Callback if not abort
+						if ( !isAbort ) {
+							callback( 200, "success" );
+						}
+					}
+				};
+				// Use insertBefore instead of appendChild  to circumvent an IE6 bug.
+				// This arises when a base node is used (#2709 and #4378).
+				head.insertBefore( script, head.firstChild );
+			},
+
+			abort: function() {
+				if ( script ) {
+					script.onload( 0, 1 );
+				}
+			}
+		};
+	}
+} );
+
+
+
+
+var // #5280: next active xhr id and list of active xhrs' callbacks
+	xhrId = jQuery.now(),
+	xhrCallbacks,
+
+	// XHR used to determine supports properties
+	testXHR;
+
+// #5280: Internet Explorer will keep connections alive if we don't abort on unload
+function xhrOnUnloadAbort() {
+	jQuery( window ).unload(function() {
+		// Abort all pending requests
+		for ( var key in xhrCallbacks ) {
+			xhrCallbacks[ key ]( 0, 1 );
+		}
+	});
+}
+
+// Functions to create xhrs
+function createStandardXHR() {
+	try {
+		return new window.XMLHttpRequest();
+	} catch( e ) {}
+}
+
+function createActiveXHR() {
+	try {
+		return new window.ActiveXObject( "Microsoft.XMLHTTP" );
+	} catch( e ) {}
+}
+
+// Create the request object
+// (This is still attached to ajaxSettings for backward compatibility)
+jQuery.ajaxSettings.xhr = window.ActiveXObject ?
+	/* Microsoft failed to properly
+	 * implement the XMLHttpRequest in IE7 (can't request local files),
+	 * so we use the ActiveXObject when it is available
+	 * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
+	 * we need a fallback.
+	 */
+	function() {
+		return !this.isLocal && createStandardXHR() || createActiveXHR();
+	} :
+	// For all other browsers, use the standard XMLHttpRequest object
+	createStandardXHR;
+
+// Test if we can create an xhr object
+testXHR = jQuery.ajaxSettings.xhr();
+jQuery.support.ajax = !!testXHR;
+
+// Does this browser support crossDomain XHR requests
+jQuery.support.cors = testXHR && ( "withCredentials" in testXHR );
+
+// No need for the temporary xhr anymore
+testXHR = undefined;
+
+// Create transport if the browser can provide an xhr
+if ( jQuery.support.ajax ) {
+
+	jQuery.ajaxTransport(function( s ) {
+		// Cross domain only allowed if supported through XMLHttpRequest
+		if ( !s.crossDomain || jQuery.support.cors ) {
+
+			var callback;
+
+			return {
+				send: function( headers, complete ) {
+
+					// Get a new xhr
+					var xhr = s.xhr(),
+						handle,
+						i;
+
+					// Open the socket
+					// Passing null username, generates a login popup on Opera (#2865)
+					if ( s.username ) {
+						xhr.open( s.type, s.url, s.async, s.username, s.password );
+					} else {
+						xhr.open( s.type, s.url, s.async );
+					}
+
+					// Apply custom fields if provided
+					if ( s.xhrFields ) {
+						for ( i in s.xhrFields ) {
+							xhr[ i ] = s.xhrFields[ i ];
+						}
+					}
+
+					// Override mime type if needed
+					if ( s.mimeType && xhr.overrideMimeType ) {
+						xhr.overrideMimeType( s.mimeType );
+					}
+
+					// Requested-With header
+					// Not set for crossDomain requests with no content
+					// (see why at http://trac.dojotoolkit.org/ticket/9486)
+					// Won't change header if already provided
+					if ( !( s.crossDomain && !s.hasContent ) && !headers["X-Requested-With"] ) {
+						headers[ "X-Requested-With" ] = "XMLHttpRequest";
+					}
+
+					// Need an extra try/catch for cross domain requests in Firefox 3
+					try {
+						for ( i in headers ) {
+							xhr.setRequestHeader( i, headers[ i ] );
+						}
+					} catch( _ ) {}
+
+					// Do send the request
+					// This may raise an exception which is actually
+					// handled in jQuery.ajax (so no try/catch here)
+					xhr.send( ( s.hasContent && s.data ) || null );
+
+					// Listener
+					callback = function( _, isAbort ) {
+
+						var status,
+							statusText,
+							responseHeaders,
+							responses,
+							xml;
+
+						// Firefox throws exceptions when accessing properties
+						// of an xhr when a network error occured
+						// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
+						try {
+
+							// Was never called and is aborted or complete
+							if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
+
+								// Only called once
+								callback = undefined;
+
+								// Do not keep as active anymore
+								if ( handle ) {
+									xhr.onreadystatechange = jQuery.noop;
+									delete xhrCallbacks[ handle ];
+								}
+
+								// If it's an abort
+								if ( isAbort ) {
+									// Abort it manually if needed
+									if ( xhr.readyState !== 4 ) {
+										xhr.abort();
+									}
+								} else {
+									status = xhr.status;
+									responseHeaders = xhr.getAllResponseHeaders();
+									responses = {};
+									xml = xhr.responseXML;
+
+									// Construct response list
+									if ( xml && xml.documentElement /* #4958 */ ) {
+										responses.xml = xml;
+									}
+									responses.text = xhr.responseText;
+
+									// Firefox throws an exception when accessing
+									// statusText for faulty cross-domain requests
+									try {
+										statusText = xhr.statusText;
+									} catch( e ) {
+										// We normalize with Webkit giving an empty statusText
+										statusText = "";
+									}
+
+									// Filter status for non standard behaviors
+
+									// If the request is local and we have data: assume a success
+									// (success with no data won't get notified, that's the best we
+									// can do given current implementations)
+									if ( !status && s.isLocal && !s.crossDomain ) {
+										status = responses.text ? 200 : 404;
+									// IE - #1450: sometimes returns 1223 when it should be 204
+									} else if ( status === 1223 ) {
+										status = 204;
+									}
+								}
+							}
+						} catch( firefoxAccessException ) {
+							if ( !isAbort ) {
+								complete( -1, firefoxAccessException );
+							}
+						}
+
+						// Call complete if needed
+						if ( responses ) {
+							complete( status, statusText, responses, responseHeaders );
+						}
+					};
+
+					// if we're in sync mode or it's in cache
+					// and has been retrieved directly (IE6 & IE7)
+					// we need to manually fire the callback
+					if ( !s.async || xhr.readyState === 4 ) {
+						callback();
+					} else {
+						// Create the active xhrs callbacks list if needed
+						// and attach the unload handler
+						if ( !xhrCallbacks ) {
+							xhrCallbacks = {};
+							xhrOnUnloadAbort();
+						}
+						// Add to list of active xhrs callbacks
+						handle = xhrId++;
+						xhr.onreadystatechange = xhrCallbacks[ handle ] = callback;
+					}
+				},
+
+				abort: function() {
+					if ( callback ) {
+						callback(0,1);
+					}
+				}
+			};
+		}
+	});
+}
+
+
+
+
+var elemdisplay = {},
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rfxnum = /^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,
+	timerId,
+	fxAttrs = [
+		// height animations
+		[ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
+		// width animations
+		[ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
+		// opacity animations
+		[ "opacity" ]
+	];
+
+jQuery.fn.extend({
+	show: function( speed, easing, callback ) {
+		var elem, display;
+
+		if ( speed || speed === 0 ) {
+			return this.animate( genFx("show", 3), speed, easing, callback);
+
+		} else {
+			for ( var i = 0, j = this.length; i < j; i++ ) {
+				elem = this[i];
+				display = elem.style.display;
+
+				// Reset the inline display of this element to learn if it is
+				// being hidden by cascaded rules or not
+				if ( !jQuery._data(elem, "olddisplay") && display === "none" ) {
+					display = elem.style.display = "";
+				}
+
+				// Set elements which have been overridden with display: none
+				// in a stylesheet to whatever the default browser style is
+				// for such an element
+				if ( display === "" && jQuery.css( elem, "display" ) === "none" ) {
+					jQuery._data(elem, "olddisplay", defaultDisplay(elem.nodeName));
+				}
+			}
+
+			// Set the display of most of the elements in a second loop
+			// to avoid the constant reflow
+			for ( i = 0; i < j; i++ ) {
+				elem = this[i];
+				display = elem.style.display;
+
+				if ( display === "" || display === "none" ) {
+					elem.style.display = jQuery._data(elem, "olddisplay") || "";
+				}
+			}
+
+			return this;
+		}
+	},
+
+	hide: function( speed, easing, callback ) {
+		if ( speed || speed === 0 ) {
+			return this.animate( genFx("hide", 3), speed, easing, callback);
+
+		} else {
+			for ( var i = 0, j = this.length; i < j; i++ ) {
+				var display = jQuery.css( this[i], "display" );
+
+				if ( display !== "none" && !jQuery._data( this[i], "olddisplay" ) ) {
+					jQuery._data( this[i], "olddisplay", display );
+				}
+			}
+
+			// Set the display of the elements in a second loop
+			// to avoid the constant reflow
+			for ( i = 0; i < j; i++ ) {
+				this[i].style.display = "none";
+			}
+
+			return this;
+		}
+	},
+
+	// Save the old toggle function
+	_toggle: jQuery.fn.toggle,
+
+	toggle: function( fn, fn2, callback ) {
+		var bool = typeof fn === "boolean";
+
+		if ( jQuery.isFunction(fn) && jQuery.isFunction(fn2) ) {
+			this._toggle.apply( this, arguments );
+
+		} else if ( fn == null || bool ) {
+			this.each(function() {
+				var state = bool ? fn : jQuery(this).is(":hidden");
+				jQuery(this)[ state ? "show" : "hide" ]();
+			});
+
+		} else {
+			this.animate(genFx("toggle", 3), fn, fn2, callback);
+		}
+
+		return this;
+	},
+
+	fadeTo: function( speed, to, easing, callback ) {
+		return this.filter(":hidden").css("opacity", 0).show().end()
+					.animate({opacity: to}, speed, easing, callback);
+	},
+
+	animate: function( prop, speed, easing, callback ) {
+		var optall = jQuery.speed(speed, easing, callback);
+
+		if ( jQuery.isEmptyObject( prop ) ) {
+			return this.each( optall.complete );
+		}
+
+		return this[ optall.queue === false ? "each" : "queue" ](function() {
+			// XXX 'this' does not always have a nodeName when running the
+			// test suite
+
+			var opt = jQuery.extend({}, optall), p,
+				isElement = this.nodeType === 1,
+				hidden = isElement && jQuery(this).is(":hidden"),
+				self = this;
+
+			for ( p in prop ) {
+				var name = jQuery.camelCase( p );
+
+				if ( p !== name ) {
+					prop[ name ] = prop[ p ];
+					delete prop[ p ];
+					p = name;
+				}
+
+				if ( prop[p] === "hide" && hidden || prop[p] === "show" && !hidden ) {
+					return opt.complete.call(this);
+				}
+
+				if ( isElement && ( p === "height" || p === "width" ) ) {
+					// Make sure that nothing sneaks out
+					// Record all 3 overflow attributes because IE does not
+					// change the overflow attribute when overflowX and
+					// overflowY are set to the same value
+					opt.overflow = [ this.style.overflow, this.style.overflowX, this.style.overflowY ];
+
+					// Set display property to inline-block for height/width
+					// animations on inline elements that are having width/height
+					// animated
+					if ( jQuery.css( this, "display" ) === "inline" &&
+							jQuery.css( this, "float" ) === "none" ) {
+						if ( !jQuery.support.inlineBlockNeedsLayout ) {
+							this.style.display = "inline-block";
+
+						} else {
+							var display = defaultDisplay(this.nodeName);
+
+							// inline-level elements accept inline-block;
+							// block-level elements need to be inline with layout
+							if ( display === "inline" ) {
+								this.style.display = "inline-block";
+
+							} else {
+								this.style.display = "inline";
+								this.style.zoom = 1;
+							}
+						}
+					}
+				}
+
+				if ( jQuery.isArray( prop[p] ) ) {
+					// Create (if needed) and add to specialEasing
+					(opt.specialEasing = opt.specialEasing || {})[p] = prop[p][1];
+					prop[p] = prop[p][0];
+				}
+			}
+
+			if ( opt.overflow != null ) {
+				this.style.overflow = "hidden";
+			}
+
+			opt.curAnim = jQuery.extend({}, prop);
+
+			jQuery.each( prop, function( name, val ) {
+				var e = new jQuery.fx( self, opt, name );
+
+				if ( rfxtypes.test(val) ) {
+					e[ val === "toggle" ? hidden ? "show" : "hide" : val ]( prop );
+
+				} else {
+					var parts = rfxnum.exec(val),
+						start = e.cur();
+
+					if ( parts ) {
+						var end = parseFloat( parts[2] ),
+							unit = parts[3] || ( jQuery.cssNumber[ name ] ? "" : "px" );
+
+						// We need to compute starting value
+						if ( unit !== "px" ) {
+							jQuery.style( self, name, (end || 1) + unit);
+							start = ((end || 1) / e.cur()) * start;
+							jQuery.style( self, name, start + unit);
+						}
+
+						// If a +=/-= token was provided, we're doing a relative animation
+						if ( parts[1] ) {
+							end = ((parts[1] === "-=" ? -1 : 1) * end) + start;
+						}
+
+						e.custom( start, end, unit );
+
+					} else {
+						e.custom( start, val, "" );
+					}
+				}
+			});
+
+			// For JS strict compliance
+			return true;
+		});
+	},
+
+	stop: function( clearQueue, gotoEnd ) {
+		var timers = jQuery.timers;
+
+		if ( clearQueue ) {
+			this.queue([]);
+		}
+
+		this.each(function() {
+			// go in reverse order so anything added to the queue during the loop is ignored
+			for ( var i = timers.length - 1; i >= 0; i-- ) {
+				if ( timers[i].elem === this ) {
+					if (gotoEnd) {
+						// force the next step to be the last
+						timers[i](true);
+					}
+
+					timers.splice(i, 1);
+				}
+			}
+		});
+
+		// start the next in the queue if the last step wasn't forced
+		if ( !gotoEnd ) {
+			this.dequeue();
+		}
+
+		return this;
+	}
+
+});
+
+function genFx( type, num ) {
+	var obj = {};
+
+	jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function() {
+		obj[ this ] = type;
+	});
+
+	return obj;
+}
+
+// Generate shortcuts for custom animations
+jQuery.each({
+	slideDown: genFx("show", 1),
+	slideUp: genFx("hide", 1),
+	slideToggle: genFx("toggle", 1),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+});
+
+jQuery.extend({
+	speed: function( speed, easing, fn ) {
+		var opt = speed && typeof speed === "object" ? jQuery.extend({}, speed) : {
+			complete: fn || !fn && easing ||
+				jQuery.isFunction( speed ) && speed,
+			duration: speed,
+			easing: fn && easing || easing && !jQuery.isFunction(easing) && easing
+		};
+
+		opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+			opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[opt.duration] : jQuery.fx.speeds._default;
+
+		// Queueing
+		opt.old = opt.complete;
+		opt.complete = function() {
+			if ( opt.queue !== false ) {
+				jQuery(this).dequeue();
+			}
+			if ( jQuery.isFunction( opt.old ) ) {
+				opt.old.call( this );
+			}
+		};
+
+		return opt;
+	},
+
+	easing: {
+		linear: function( p, n, firstNum, diff ) {
+			return firstNum + diff * p;
+		},
+		swing: function( p, n, firstNum, diff ) {
+			return ((-Math.cos(p*Math.PI)/2) + 0.5) * diff + firstNum;
+		}
+	},
+
+	timers: [],
+
+	fx: function( elem, options, prop ) {
+		this.options = options;
+		this.elem = elem;
+		this.prop = prop;
+
+		if ( !options.orig ) {
+			options.orig = {};
+		}
+	}
+
+});
+
+jQuery.fx.prototype = {
+	// Simple function for setting a style value
+	update: function() {
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		(jQuery.fx.step[this.prop] || jQuery.fx.step._default)( this );
+	},
+
+	// Get the current size
+	cur: function() {
+		if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
+			return this.elem[ this.prop ];
+		}
+
+		var parsed,
+			r = jQuery.css( this.elem, this.prop );
+		// Empty strings, null, undefined and "auto" are converted to 0,
+		// complex values such as "rotate(1rad)" are returned as is,
+		// simple values such as "10px" are parsed to Float.
+		return isNaN( parsed = parseFloat( r ) ) ? !r || r === "auto" ? 0 : r : parsed;
+	},
+
+	// Start an animation from one number to another
+	custom: function( from, to, unit ) {
+		var self = this,
+			fx = jQuery.fx;
+
+		this.startTime = jQuery.now();
+		this.start = from;
+		this.end = to;
+		this.unit = unit || this.unit || ( jQuery.cssNumber[ this.prop ] ? "" : "px" );
+		this.now = this.start;
+		this.pos = this.state = 0;
+
+		function t( gotoEnd ) {
+			return self.step(gotoEnd);
+		}
+
+		t.elem = this.elem;
+
+		if ( t() && jQuery.timers.push(t) && !timerId ) {
+			timerId = setInterval(fx.tick, fx.interval);
+		}
+	},
+
+	// Simple 'show' function
+	show: function() {
+		// Remember where we started, so that we can go back to it later
+		this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
+		this.options.show = true;
+
+		// Begin the animation
+		// Make sure that we start at a small width/height to avoid any
+		// flash of content
+		this.custom(this.prop === "width" || this.prop === "height" ? 1 : 0, this.cur());
+
+		// Start by showing the element
+		jQuery( this.elem ).show();
+	},
+
+	// Simple 'hide' function
+	hide: function() {
+		// Remember where we started, so that we can go back to it later
+		this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
+		this.options.hide = true;
+
+		// Begin the animation
+		this.custom(this.cur(), 0);
+	},
+
+	// Each step of an animation
+	step: function( gotoEnd ) {
+		var t = jQuery.now(), done = true;
+
+		if ( gotoEnd || t >= this.options.duration + this.startTime ) {
+			this.now = this.end;
+			this.pos = this.state = 1;
+			this.update();
+
+			this.options.curAnim[ this.prop ] = true;
+
+			for ( var i in this.options.curAnim ) {
+				if ( this.options.curAnim[i] !== true ) {
+					done = false;
+				}
+			}
+
+			if ( done ) {
+				// Reset the overflow
+				if ( this.options.overflow != null && !jQuery.support.shrinkWrapBlocks ) {
+					var elem = this.elem,
+						options = this.options;
+
+					jQuery.each( [ "", "X", "Y" ], function (index, value) {
+						elem.style[ "overflow" + value ] = options.overflow[index];
+					} );
+				}
+
+				// Hide the element if the "hide" operation was done
+				if ( this.options.hide ) {
+					jQuery(this.elem).hide();
+				}
+
+				// Reset the properties, if the item has been hidden or shown
+				if ( this.options.hide || this.options.show ) {
+					for ( var p in this.options.curAnim ) {
+						jQuery.style( this.elem, p, this.options.orig[p] );
+					}
+				}
+
+				// Execute the complete function
+				this.options.complete.call( this.elem );
+			}
+
+			return false;
+
+		} else {
+			var n = t - this.startTime;
+			this.state = n / this.options.duration;
+
+			// Perform the easing function, defaults to swing
+			var specialEasing = this.options.specialEasing && this.options.specialEasing[this.prop];
+			var defaultEasing = this.options.easing || (jQuery.easing.swing ? "swing" : "linear");
+			this.pos = jQuery.easing[specialEasing || defaultEasing](this.state, n, 0, 1, this.options.duration);
+			this.now = this.start + ((this.end - this.start) * this.pos);
+
+			// Perform the next step of the animation
+			this.update();
+		}
+
+		return true;
+	}
+};
+
+jQuery.extend( jQuery.fx, {
+	tick: function() {
+		var timers = jQuery.timers;
+
+		for ( var i = 0; i < timers.length; i++ ) {
+			if ( !timers[i]() ) {
+				timers.splice(i--, 1);
+			}
+		}
+
+		if ( !timers.length ) {
+			jQuery.fx.stop();
+		}
+	},
+
+	interval: 13,
+
+	stop: function() {
+		clearInterval( timerId );
+		timerId = null;
+	},
+
+	speeds: {
+		slow: 600,
+		fast: 200,
+		// Default speed
+		_default: 400
+	},
+
+	step: {
+		opacity: function( fx ) {
+			jQuery.style( fx.elem, "opacity", fx.now );
+		},
+
+		_default: function( fx ) {
+			if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
+				fx.elem.style[ fx.prop ] = (fx.prop === "width" || fx.prop === "height" ? Math.max(0, fx.now) : fx.now) + fx.unit;
+			} else {
+				fx.elem[ fx.prop ] = fx.now;
+			}
+		}
+	}
+});
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.animated = function( elem ) {
+		return jQuery.grep(jQuery.timers, function( fn ) {
+			return elem === fn.elem;
+		}).length;
+	};
+}
+
+function defaultDisplay( nodeName ) {
+	if ( !elemdisplay[ nodeName ] ) {
+		var elem = jQuery("<" + nodeName + ">").appendTo("body"),
+			display = elem.css("display");
+
+		elem.remove();
+
+		if ( display === "none" || display === "" ) {
+			display = "block";
+		}
+
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return elemdisplay[ nodeName ];
+}
+
+
+
+
+var rtable = /^t(?:able|d|h)$/i,
+	rroot = /^(?:body|html)$/i;
+
+if ( "getBoundingClientRect" in document.documentElement ) {
+	jQuery.fn.offset = function( options ) {
+		var elem = this[0], box;
+
+		if ( options ) {
+			return this.each(function( i ) {
+				jQuery.offset.setOffset( this, options, i );
+			});
+		}
+
+		if ( !elem || !elem.ownerDocument ) {
+			return null;
+		}
+
+		if ( elem === elem.ownerDocument.body ) {
+			return jQuery.offset.bodyOffset( elem );
+		}
+
+		try {
+			box = elem.getBoundingClientRect();
+		} catch(e) {}
+
+		var doc = elem.ownerDocument,
+			docElem = doc.documentElement;
+
+		// Make sure we're not dealing with a disconnected DOM node
+		if ( !box || !jQuery.contains( docElem, elem ) ) {
+			return box ? { top: box.top, left: box.left } : { top: 0, left: 0 };
+		}
+
+		var body = doc.body,
+			win = getWindow(doc),
+			clientTop  = docElem.clientTop  || body.clientTop  || 0,
+			clientLeft = docElem.clientLeft || body.clientLeft || 0,
+			scrollTop  = (win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop  || body.scrollTop ),
+			scrollLeft = (win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft),
+			top  = box.top  + scrollTop  - clientTop,
+			left = box.left + scrollLeft - clientLeft;
+
+		return { top: top, left: left };
+	};
+
+} else {
+	jQuery.fn.offset = function( options ) {
+		var elem = this[0];
+
+		if ( options ) {
+			return this.each(function( i ) {
+				jQuery.offset.setOffset( this, options, i );
+			});
+		}
+
+		if ( !elem || !elem.ownerDocument ) {
+			return null;
+		}
+
+		if ( elem === elem.ownerDocument.body ) {
+			return jQuery.offset.bodyOffset( elem );
+		}
+
+		jQuery.offset.initialize();
+
+		var computedStyle,
+			offsetParent = elem.offsetParent,
+			prevOffsetParent = elem,
+			doc = elem.ownerDocument,
+			docElem = doc.documentElement,
+			body = doc.body,
+			defaultView = doc.defaultView,
+			prevComputedStyle = defaultView ? defaultView.getComputedStyle( elem, null ) : elem.currentStyle,
+			top = elem.offsetTop,
+			left = elem.offsetLeft;
+
+		while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
+			if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
+				break;
+			}
+
+			computedStyle = defaultView ? defaultView.getComputedStyle(elem, null) : elem.currentStyle;
+			top  -= elem.scrollTop;
+			left -= elem.scrollLeft;
+
+			if ( elem === offsetParent ) {
+				top  += elem.offsetTop;
+				left += elem.offsetLeft;
+
+				if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && rtable.test(elem.nodeName)) ) {
+					top  += parseFloat( computedStyle.borderTopWidth  ) || 0;
+					left += parseFloat( computedStyle.borderLeftWidth ) || 0;
+				}
+
+				prevOffsetParent = offsetParent;
+				offsetParent = elem.offsetParent;
+			}
+
+			if ( jQuery.offset.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" ) {
+				top  += parseFloat( computedStyle.borderTopWidth  ) || 0;
+				left += parseFloat( computedStyle.borderLeftWidth ) || 0;
+			}
+
+			prevComputedStyle = computedStyle;
+		}
+
+		if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" ) {
+			top  += body.offsetTop;
+			left += body.offsetLeft;
+		}
+
+		if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
+			top  += Math.max( docElem.scrollTop, body.scrollTop );
+			left += Math.max( docElem.scrollLeft, body.scrollLeft );
+		}
+
+		return { top: top, left: left };
+	};
+}
+
+jQuery.offset = {
+	initialize: function() {
+		var body = document.body, container = document.createElement("div"), innerDiv, checkDiv, table, td, bodyMarginTop = parseFloat( jQuery.css(body, "marginTop") ) || 0,
+			html = "<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
+
+		jQuery.extend( container.style, { position: "absolute", top: 0, left: 0, margin: 0, border: 0, width: "1px", height: "1px", visibility: "hidden" } );
+
+		container.innerHTML = html;
+		body.insertBefore( container, body.firstChild );
+		innerDiv = container.firstChild;
+		checkDiv = innerDiv.firstChild;
+		td = innerDiv.nextSibling.firstChild.firstChild;
+
+		this.doesNotAddBorder = (checkDiv.offsetTop !== 5);
+		this.doesAddBorderForTableAndCells = (td.offsetTop === 5);
+
+		checkDiv.style.position = "fixed";
+		checkDiv.style.top = "20px";
+
+		// safari subtracts parent border width here which is 5px
+		this.supportsFixedPosition = (checkDiv.offsetTop === 20 || checkDiv.offsetTop === 15);
+		checkDiv.style.position = checkDiv.style.top = "";
+
+		innerDiv.style.overflow = "hidden";
+		innerDiv.style.position = "relative";
+
+		this.subtractsBorderForOverflowNotVisible = (checkDiv.offsetTop === -5);
+
+		this.doesNotIncludeMarginInBodyOffset = (body.offsetTop !== bodyMarginTop);
+
+		body.removeChild( container );
+		body = container = innerDiv = checkDiv = table = td = null;
+		jQuery.offset.initialize = jQuery.noop;
+	},
+
+	bodyOffset: function( body ) {
+		var top = body.offsetTop,
+			left = body.offsetLeft;
+
+		jQuery.offset.initialize();
+
+		if ( jQuery.offset.doesNotIncludeMarginInBodyOffset ) {
+			top  += parseFloat( jQuery.css(body, "marginTop") ) || 0;
+			left += parseFloat( jQuery.css(body, "marginLeft") ) || 0;
+		}
+
+		return { top: top, left: left };
+	},
+
+	setOffset: function( elem, options, i ) {
+		var position = jQuery.css( elem, "position" );
+
+		// set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		var curElem = jQuery( elem ),
+			curOffset = curElem.offset(),
+			curCSSTop = jQuery.css( elem, "top" ),
+			curCSSLeft = jQuery.css( elem, "left" ),
+			calculatePosition = (position === "absolute" && jQuery.inArray('auto', [curCSSTop, curCSSLeft]) > -1),
+			props = {}, curPosition = {}, curTop, curLeft;
+
+		// need to be able to calculate position if either top or left is auto and position is absolute
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+		}
+
+		curTop  = calculatePosition ? curPosition.top  : parseInt( curCSSTop,  10 ) || 0;
+		curLeft = calculatePosition ? curPosition.left : parseInt( curCSSLeft, 10 ) || 0;
+
+		if ( jQuery.isFunction( options ) ) {
+			options = options.call( elem, i, curOffset );
+		}
+
+		if (options.top != null) {
+			props.top = (options.top - curOffset.top) + curTop;
+		}
+		if (options.left != null) {
+			props.left = (options.left - curOffset.left) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+
+jQuery.fn.extend({
+	position: function() {
+		if ( !this[0] ) {
+			return null;
+		}
+
+		var elem = this[0],
+
+		// Get *real* offsetParent
+		offsetParent = this.offsetParent(),
+
+		// Get correct offsets
+		offset       = this.offset(),
+		parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();
+
+		// Subtract element margins
+		// note: when an element has margin: auto the offsetLeft and marginLeft
+		// are the same in Safari causing offset.left to incorrectly be 0
+		offset.top  -= parseFloat( jQuery.css(elem, "marginTop") ) || 0;
+		offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0;
+
+		// Add offsetParent borders
+		parentOffset.top  += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0;
+		parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0;
+
+		// Subtract the two offsets
+		return {
+			top:  offset.top  - parentOffset.top,
+			left: offset.left - parentOffset.left
+		};
+	},
+
+	offsetParent: function() {
+		return this.map(function() {
+			var offsetParent = this.offsetParent || document.body;
+			while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+			return offsetParent;
+		});
+	}
+});
+
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( ["Left", "Top"], function( i, name ) {
+	var method = "scroll" + name;
+
+	jQuery.fn[ method ] = function(val) {
+		var elem = this[0], win;
+
+		if ( !elem ) {
+			return null;
+		}
+
+		if ( val !== undefined ) {
+			// Set the scroll offset
+			return this.each(function() {
+				win = getWindow( this );
+
+				if ( win ) {
+					win.scrollTo(
+						!i ? val : jQuery(win).scrollLeft(),
+						i ? val : jQuery(win).scrollTop()
+					);
+
+				} else {
+					this[ method ] = val;
+				}
+			});
+		} else {
+			win = getWindow( elem );
+
+			// Return the scroll offset
+			return win ? ("pageXOffset" in win) ? win[ i ? "pageYOffset" : "pageXOffset" ] :
+				jQuery.support.boxModel && win.document.documentElement[ method ] ||
+					win.document.body[ method ] :
+				elem[ method ];
+		}
+	};
+});
+
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ?
+		elem :
+		elem.nodeType === 9 ?
+			elem.defaultView || elem.parentWindow :
+			false;
+}
+
+
+
+
+// Create innerHeight, innerWidth, outerHeight and outerWidth methods
+jQuery.each([ "Height", "Width" ], function( i, name ) {
+
+	var type = name.toLowerCase();
+
+	// innerHeight and innerWidth
+	jQuery.fn["inner" + name] = function() {
+		return this[0] ?
+			parseFloat( jQuery.css( this[0], type, "padding" ) ) :
+			null;
+	};
+
+	// outerHeight and outerWidth
+	jQuery.fn["outer" + name] = function( margin ) {
+		return this[0] ?
+			parseFloat( jQuery.css( this[0], type, margin ? "margin" : "border" ) ) :
+			null;
+	};
+
+	jQuery.fn[ type ] = function( size ) {
+		// Get window width or height
+		var elem = this[0];
+		if ( !elem ) {
+			return size == null ? null : this;
+		}
+
+		if ( jQuery.isFunction( size ) ) {
+			return this.each(function( i ) {
+				var self = jQuery( this );
+				self[ type ]( size.call( this, i, self[ type ]() ) );
+			});
+		}
+
+		if ( jQuery.isWindow( elem ) ) {
+			// Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
+			// 3rd condition allows Nokia support, as it supports the docElem prop but not CSS1Compat
+			var docElemProp = elem.document.documentElement[ "client" + name ];
+			return elem.document.compatMode === "CSS1Compat" && docElemProp ||
+				elem.document.body[ "client" + name ] || docElemProp;
+
+		// Get document width or height
+		} else if ( elem.nodeType === 9 ) {
+			// Either scroll[Width/Height] or offset[Width/Height], whichever is greater
+			return Math.max(
+				elem.documentElement["client" + name],
+				elem.body["scroll" + name], elem.documentElement["scroll" + name],
+				elem.body["offset" + name], elem.documentElement["offset" + name]
+			);
+
+		// Get or set width or height on the element
+		} else if ( size === undefined ) {
+			var orig = jQuery.css( elem, type ),
+				ret = parseFloat( orig );
+
+			return jQuery.isNaN( ret ) ? orig : ret;
+
+		// Set the width or height on the element (default to pixels if value is unitless)
+		} else {
+			return this.css( type, typeof size === "string" ? size : size + "px" );
+		}
+	};
+
+});
+
+
+window.jQuery = window.$ = jQuery;
+})(window);
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/qunit.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/qunit.css
new file mode 100644
index 000000000..c046e62bd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/qunit.css
@@ -0,0 +1,205 @@
+/** Font Family and Sizes */
+
+#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
+	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+}
+
+#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
+#qunit-tests { font-size: smaller; }
+
+
+/** Resets */
+
+#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
+	margin: 0;
+	padding: 0;
+}
+
+
+/** Header */
+
+#qunit-header {
+	padding: 0.5em 0 0.5em 1em;
+
+	color: #8699a4;
+	background-color: #0d3349;
+
+	font-size: 1.5em;
+	line-height: 1em;
+	font-weight: normal;
+	
+	border-radius: 15px 15px 0 0;
+	-moz-border-radius: 15px 15px 0 0;
+	-webkit-border-top-right-radius: 15px;
+	-webkit-border-top-left-radius: 15px;
+}
+
+#qunit-header a {
+	text-decoration: none;
+	color: #c2ccd1;
+}
+
+#qunit-header a:hover,
+#qunit-header a:focus {
+	color: #fff;
+}
+
+#qunit-banner {
+	height: 5px;
+}
+
+#qunit-testrunner-toolbar {
+	padding: 0.5em 0 0.5em 2em;
+	color: #5E740B;
+	background-color: #eee;
+}
+
+#qunit-userAgent {
+	padding: 0.5em 0 0.5em 2.5em;
+	background-color: #2b81af;
+	color: #fff;
+	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
+}
+
+
+/** Tests: Pass/Fail */
+
+#qunit-tests {
+	list-style-position: inside;
+}
+
+#qunit-tests li {
+	padding: 0.4em 0.5em 0.4em 2.5em;
+	border-bottom: 1px solid #fff;
+	list-style-position: inside;
+}
+
+#qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running  {
+	display: none;
+}
+
+#qunit-tests li strong {
+	cursor: pointer;
+}
+
+#qunit-tests ol {
+	margin-top: 0.5em;
+	padding: 0.5em;
+	
+	background-color: #fff;
+	
+	border-radius: 15px;
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	
+	box-shadow: inset 0px 2px 13px #999;
+	-moz-box-shadow: inset 0px 2px 13px #999;
+	-webkit-box-shadow: inset 0px 2px 13px #999;
+}
+
+#qunit-tests table {
+	border-collapse: collapse;
+	margin-top: .2em;
+}
+
+#qunit-tests th {
+	text-align: right;
+	vertical-align: top;
+	padding: 0 .5em 0 0;
+}
+
+#qunit-tests td {
+	vertical-align: top;
+}
+
+#qunit-tests pre {
+	margin: 0;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+}
+
+#qunit-tests del {
+	background-color: #e0f2be;
+	color: #374e0c;
+	text-decoration: none;
+}
+
+#qunit-tests ins {
+	background-color: #ffcaca;
+	color: #500;
+	text-decoration: none;
+}
+
+/*** Test Counts */
+
+#qunit-tests b.counts                       { color: black; }
+#qunit-tests b.passed                       { color: #5E740B; }
+#qunit-tests b.failed                       { color: #710909; }
+
+#qunit-tests li li {
+	margin: 0.5em;
+	padding: 0.4em 0.5em 0.4em 0.5em;
+	background-color: #fff;
+	border-bottom: none;
+	list-style-position: inside;
+}
+
+/*** Passing Styles */
+
+#qunit-tests li li.pass {
+	color: #5E740B;
+	background-color: #fff;
+	border-left: 26px solid #C6E746;
+}
+
+#qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
+#qunit-tests .pass .test-name               { color: #366097; }
+ 
+#qunit-tests .pass .test-actual,
+#qunit-tests .pass .test-expected           { color: #999999; }
+
+#qunit-banner.qunit-pass                    { background-color: #C6E746; }
+
+/*** Failing Styles */
+
+#qunit-tests li li.fail {
+	color: #710909;
+	background-color: #fff;
+	border-left: 26px solid #EE5757;
+}
+
+#qunit-tests > li:last-child {
+	border-radius: 0 0 15px 15px;
+	-moz-border-radius: 0 0 15px 15px;
+	-webkit-border-bottom-right-radius: 15px;
+	-webkit-border-bottom-left-radius: 15px;
+}
+
+#qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
+#qunit-tests .fail .test-name,
+#qunit-tests .fail .module-name             { color: #000000; }
+
+#qunit-tests .fail .test-actual             { color: #EE5757; }
+#qunit-tests .fail .test-expected           { color: green;   }
+
+#qunit-banner.qunit-fail                    { background-color: #EE5757; }
+
+
+/** Result */
+
+#qunit-testresult {
+	padding: 0.5em 0.5em 0.5em 2.5em;
+
+	color: #2b81af;
+	background-color: #D2E0E6;
+
+	border-bottom: 1px solid white;
+}
+
+/** Fixture */
+
+#qunit-fixture {
+	position: absolute;
+	top: -10000px;
+	left: -10000px;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/qunit.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/qunit.js
new file mode 100644
index 000000000..db8b1735d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/qunit.js
@@ -0,0 +1,1417 @@
+/*
+ * QUnit - A JavaScript Unit Testing Framework
+ * 
+ * http://docs.jquery.com/QUnit
+ *
+ * Copyright (c) 2011 John Resig, Jörn Zaefferer
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * or GPL (GPL-LICENSE.txt) licenses.
+ */
+
+(function(window) {
+
+var defined = {
+	setTimeout: typeof window.setTimeout !== "undefined",
+	sessionStorage: (function() {
+		try {
+			return !!sessionStorage.getItem;
+		} catch(e){
+			return false;
+		}
+  })()
+};
+
+var testId = 0;
+
+var Test = function(name, testName, expected, testEnvironmentArg, async, callback) {
+	this.name = name;
+	this.testName = testName;
+	this.expected = expected;
+	this.testEnvironmentArg = testEnvironmentArg;
+	this.async = async;
+	this.callback = callback;
+	this.assertions = [];
+};
+Test.prototype = {
+	init: function() {
+		var tests = id("qunit-tests");
+		if (tests) {
+			var b = document.createElement("strong");
+				b.innerHTML = "Running " + this.name;
+			var li = document.createElement("li");
+				li.appendChild( b );
+				li.className = "running";
+				li.id = this.id = "test-output" + testId++;
+			tests.appendChild( li );
+		}
+	},
+	setup: function() {
+		if (this.module != config.previousModule) {
+			if ( config.previousModule ) {
+				QUnit.moduleDone( {
+					name: config.previousModule,
+					failed: config.moduleStats.bad,
+					passed: config.moduleStats.all - config.moduleStats.bad,
+					total: config.moduleStats.all
+				} );
+			}
+			config.previousModule = this.module;
+			config.moduleStats = { all: 0, bad: 0 };
+			QUnit.moduleStart( {
+				name: this.module
+			} );
+		}
+
+		config.current = this;
+		this.testEnvironment = extend({
+			setup: function() {},
+			teardown: function() {}
+		}, this.moduleTestEnvironment);
+		if (this.testEnvironmentArg) {
+			extend(this.testEnvironment, this.testEnvironmentArg);
+		}
+
+		QUnit.testStart( {
+			name: this.testName
+		} );
+
+		// allow utility functions to access the current test environment
+		// TODO why??
+		QUnit.current_testEnvironment = this.testEnvironment;
+		
+		try {
+			if ( !config.pollution ) {
+				saveGlobal();
+			}
+
+			this.testEnvironment.setup.call(this.testEnvironment);
+		} catch(e) {
+			QUnit.ok( false, "Setup failed on " + this.testName + ": " + e.message );
+		}
+	},
+	run: function() {
+		if ( this.async ) {
+			QUnit.stop();
+		}
+
+		if ( config.notrycatch ) {
+			this.callback.call(this.testEnvironment);
+			return;
+		}
+		try {
+			this.callback.call(this.testEnvironment);
+		} catch(e) {
+			fail("Test " + this.testName + " died, exception and test follows", e, this.callback);
+			QUnit.ok( false, "Died on test #" + (this.assertions.length + 1) + ": " + e.message + " - " + QUnit.jsDump.parse(e) );
+			// else next test will carry the responsibility
+			saveGlobal();
+
+			// Restart the tests if they're blocking
+			if ( config.blocking ) {
+				start();
+			}
+		}
+	},
+	teardown: function() {
+		try {
+			checkPollution();
+			this.testEnvironment.teardown.call(this.testEnvironment);
+		} catch(e) {
+			QUnit.ok( false, "Teardown failed on " + this.testName + ": " + e.message );
+		}
+	},
+	finish: function() {
+		if ( this.expected && this.expected != this.assertions.length ) {
+			QUnit.ok( false, "Expected " + this.expected + " assertions, but " + this.assertions.length + " were run" );
+		}
+		
+		var good = 0, bad = 0,
+			tests = id("qunit-tests");
+
+		config.stats.all += this.assertions.length;
+		config.moduleStats.all += this.assertions.length;
+
+		if ( tests ) {
+			var ol  = document.createElement("ol");
+
+			for ( var i = 0; i < this.assertions.length; i++ ) {
+				var assertion = this.assertions[i];
+
+				var li = document.createElement("li");
+				li.className = assertion.result ? "pass" : "fail";
+				li.innerHTML = assertion.message || (assertion.result ? "okay" : "failed");
+				ol.appendChild( li );
+
+				if ( assertion.result ) {
+					good++;
+				} else {
+					bad++;
+					config.stats.bad++;
+					config.moduleStats.bad++;
+				}
+			}
+
+			// store result when possible
+			QUnit.config.reorder && defined.sessionStorage && sessionStorage.setItem("qunit-" + this.testName, bad);
+
+			if (bad == 0) {
+				ol.style.display = "none";
+			}
+
+			var b = document.createElement("strong");
+			b.innerHTML = this.name + " <b class='counts'>(<b class='failed'>" + bad + "</b>, <b class='passed'>" + good + "</b>, " + this.assertions.length + ")</b>";
+			
+			addEvent(b, "click", function() {
+				var next = b.nextSibling, display = next.style.display;
+				next.style.display = display === "none" ? "block" : "none";
+			});
+			
+			addEvent(b, "dblclick", function(e) {
+				var target = e && e.target ? e.target : window.event.srcElement;
+				if ( target.nodeName.toLowerCase() == "span" || target.nodeName.toLowerCase() == "b" ) {
+					target = target.parentNode;
+				}
+				if ( window.location && target.nodeName.toLowerCase() === "strong" ) {
+					window.location.search = "?" + encodeURIComponent(getText([target]).replace(/\(.+\)$/, "").replace(/(^\s*|\s*$)/g, ""));
+				}
+			});
+
+			var li = id(this.id);
+			li.className = bad ? "fail" : "pass";
+			li.removeChild( li.firstChild );
+			li.appendChild( b );
+			li.appendChild( ol );
+
+		} else {
+			for ( var i = 0; i < this.assertions.length; i++ ) {
+				if ( !this.assertions[i].result ) {
+					bad++;
+					config.stats.bad++;
+					config.moduleStats.bad++;
+				}
+			}
+		}
+
+		try {
+			QUnit.reset();
+		} catch(e) {
+			fail("reset() failed, following Test " + this.testName + ", exception and reset fn follows", e, QUnit.reset);
+		}
+
+		QUnit.testDone( {
+			name: this.testName,
+			failed: bad,
+			passed: this.assertions.length - bad,
+			total: this.assertions.length
+		} );
+	},
+	
+	queue: function() {
+		var test = this;
+		synchronize(function() {
+			test.init();
+		});
+		function run() {
+			// each of these can by async
+			synchronize(function() {
+				test.setup();
+			});
+			synchronize(function() {
+				test.run();
+			});
+			synchronize(function() {
+				test.teardown();
+			});
+			synchronize(function() {
+				test.finish();
+			});
+		}
+		// defer when previous test run passed, if storage is available
+		var bad = QUnit.config.reorder && defined.sessionStorage && +sessionStorage.getItem("qunit-" + this.testName);
+		if (bad) {
+			run();
+		} else {
+			synchronize(run);
+		};
+	}
+	
+};
+
+var QUnit = {
+
+	// call on start of module test to prepend name to all tests
+	module: function(name, testEnvironment) {
+		config.currentModule = name;
+		config.currentModuleTestEnviroment = testEnvironment;
+	},
+
+	asyncTest: function(testName, expected, callback) {
+		if ( arguments.length === 2 ) {
+			callback = expected;
+			expected = 0;
+		}
+
+		QUnit.test(testName, expected, callback, true);
+	},
+	
+	test: function(testName, expected, callback, async) {
+		var name = '<span class="test-name">' + testName + '</span>', testEnvironmentArg;
+
+		if ( arguments.length === 2 ) {
+			callback = expected;
+			expected = null;
+		}
+		// is 2nd argument a testEnvironment?
+		if ( expected && typeof expected === 'object') {
+			testEnvironmentArg =  expected;
+			expected = null;
+		}
+
+		if ( config.currentModule ) {
+			name = '<span class="module-name">' + config.currentModule + "</span>: " + name;
+		}
+
+		if ( !validTest(config.currentModule + ": " + testName) ) {
+			return;
+		}
+		
+		var test = new Test(name, testName, expected, testEnvironmentArg, async, callback);
+		test.module = config.currentModule;
+		test.moduleTestEnvironment = config.currentModuleTestEnviroment;
+		test.queue();
+	},
+	
+	/**
+	 * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
+	 */
+	expect: function(asserts) {
+		config.current.expected = asserts;
+	},
+
+	/**
+	 * Asserts true.
+	 * @example ok( "asdfasdf".length > 5, "There must be at least 5 chars" );
+	 */
+	ok: function(a, msg) {
+		a = !!a;
+		var details = {
+			result: a,
+			message: msg
+		};
+		msg = escapeHtml(msg);
+		QUnit.log(details);
+		config.current.assertions.push({
+			result: a,
+			message: msg
+		});
+	},
+
+	/**
+	 * Checks that the first two arguments are equal, with an optional message.
+	 * Prints out both actual and expected values.
+	 *
+	 * Prefered to ok( actual == expected, message )
+	 *
+	 * @example equal( format("Received {0} bytes.", 2), "Received 2 bytes." );
+	 *
+	 * @param Object actual
+	 * @param Object expected
+	 * @param String message (optional)
+	 */
+	equal: function(actual, expected, message) {
+		QUnit.push(expected == actual, actual, expected, message);
+	},
+
+	notEqual: function(actual, expected, message) {
+		QUnit.push(expected != actual, actual, expected, message);
+	},
+	
+	deepEqual: function(actual, expected, message) {
+		QUnit.push(QUnit.equiv(actual, expected), actual, expected, message);
+	},
+
+	notDeepEqual: function(actual, expected, message) {
+		QUnit.push(!QUnit.equiv(actual, expected), actual, expected, message);
+	},
+
+	strictEqual: function(actual, expected, message) {
+		QUnit.push(expected === actual, actual, expected, message);
+	},
+
+	notStrictEqual: function(actual, expected, message) {
+		QUnit.push(expected !== actual, actual, expected, message);
+	},
+
+	raises: function(block, expected, message) {
+		var actual, ok = false;
+	
+		if (typeof expected === 'string') {
+			message = expected;
+			expected = null;
+		}
+	
+		try {
+			block();
+		} catch (e) {
+			actual = e;
+		}
+	
+		if (actual) {
+			// we don't want to validate thrown error
+			if (!expected) {
+				ok = true;
+			// expected is a regexp	
+			} else if (QUnit.objectType(expected) === "regexp") {
+				ok = expected.test(actual);
+			// expected is a constructor	
+			} else if (actual instanceof expected) {
+				ok = true;
+			// expected is a validation function which returns true is validation passed	
+			} else if (expected.call({}, actual) === true) {
+				ok = true;
+			}
+		}
+			
+		QUnit.ok(ok, message);
+	},
+
+	start: function() {
+		config.semaphore--;
+		if (config.semaphore > 0) {
+			// don't start until equal number of stop-calls
+			return;
+		}
+		if (config.semaphore < 0) {
+			// ignore if start is called more often then stop
+			config.semaphore = 0;
+		}
+		// A slight delay, to avoid any current callbacks
+		if ( defined.setTimeout ) {
+			window.setTimeout(function() {
+				if ( config.timeout ) {
+					clearTimeout(config.timeout);
+				}
+
+				config.blocking = false;
+				process();
+			}, 13);
+		} else {
+			config.blocking = false;
+			process();
+		}
+	},
+	
+	stop: function(timeout) {
+		config.semaphore++;
+		config.blocking = true;
+
+		if ( timeout && defined.setTimeout ) {
+			clearTimeout(config.timeout);
+			config.timeout = window.setTimeout(function() {
+				QUnit.ok( false, "Test timed out" );
+				QUnit.start();
+			}, timeout);
+		}
+	}
+
+};
+
+// Backwards compatibility, deprecated
+QUnit.equals = QUnit.equal;
+QUnit.same = QUnit.deepEqual;
+
+// Maintain internal state
+var config = {
+	// The queue of tests to run
+	queue: [],
+
+	// block until document ready
+	blocking: true,
+	
+	// by default, run previously failed tests first
+	// very useful in combination with "Hide passed tests" checked
+	reorder: true
+};
+
+// Load paramaters
+(function() {
+	var location = window.location || { search: "", protocol: "file:" },
+		GETParams = location.search.slice(1).split('&');
+
+	for ( var i = 0; i < GETParams.length; i++ ) {
+		GETParams[i] = decodeURIComponent( GETParams[i] );
+		if ( GETParams[i] === "noglobals" ) {
+			GETParams.splice( i, 1 );
+			i--;
+			config.noglobals = true;
+		} else if ( GETParams[i] === "notrycatch" ) {
+			GETParams.splice( i, 1 );
+			i--;
+			config.notrycatch = true;
+		} else if ( GETParams[i].search('=') > -1 ) {
+			GETParams.splice( i, 1 );
+			i--;
+		}
+	}
+	
+	// restrict modules/tests by get parameters
+	config.filters = GETParams;
+	
+	// Figure out if we're running the tests from a server or not
+	QUnit.isLocal = !!(location.protocol === 'file:');
+})();
+
+// Expose the API as global variables, unless an 'exports'
+// object exists, in that case we assume we're in CommonJS
+if ( typeof exports === "undefined" || typeof require === "undefined" ) {
+	extend(window, QUnit);
+	window.QUnit = QUnit;
+} else {
+	extend(exports, QUnit);
+	exports.QUnit = QUnit;
+}
+
+// define these after exposing globals to keep them in these QUnit namespace only
+extend(QUnit, {
+	config: config,
+
+	// Initialize the configuration options
+	init: function() {
+		extend(config, {
+			stats: { all: 0, bad: 0 },
+			moduleStats: { all: 0, bad: 0 },
+			started: +new Date,
+			updateRate: 1000,
+			blocking: false,
+			autostart: true,
+			autorun: false,
+			filters: [],
+			queue: [],
+			semaphore: 0
+		});
+
+		var tests = id( "qunit-tests" ),
+			banner = id( "qunit-banner" ),
+			result = id( "qunit-testresult" );
+
+		if ( tests ) {
+			tests.innerHTML = "";
+		}
+
+		if ( banner ) {
+			banner.className = "";
+		}
+
+		if ( result ) {
+			result.parentNode.removeChild( result );
+		}
+		
+		if ( tests ) {
+			result = document.createElement( "p" );
+			result.id = "qunit-testresult";
+			result.className = "result";
+			tests.parentNode.insertBefore( result, tests );
+			result.innerHTML = 'Running...<br/>&nbsp;';
+		}
+	},
+	
+	/**
+	 * Resets the test setup. Useful for tests that modify the DOM.
+	 * 
+	 * If jQuery is available, uses jQuery's html(), otherwise just innerHTML.
+	 */
+	reset: function() {
+		if ( window.jQuery ) {
+			jQuery( "#main, #qunit-fixture" ).html( config.fixture );
+		} else {
+			var main = id( 'main' ) || id( 'qunit-fixture' );
+			if ( main ) {
+				main.innerHTML = config.fixture;
+			}
+		}
+	},
+	
+	/**
+	 * Trigger an event on an element.
+	 *
+	 * @example triggerEvent( document.body, "click" );
+	 *
+	 * @param DOMElement elem
+	 * @param String type
+	 */
+	triggerEvent: function( elem, type, event ) {
+		if ( document.createEvent ) {
+			event = document.createEvent("MouseEvents");
+			event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
+				0, 0, 0, 0, 0, false, false, false, false, 0, null);
+			elem.dispatchEvent( event );
+
+		} else if ( elem.fireEvent ) {
+			elem.fireEvent("on"+type);
+		}
+	},
+	
+	// Safe object type checking
+	is: function( type, obj ) {
+		return QUnit.objectType( obj ) == type;
+	},
+	
+	objectType: function( obj ) {
+		if (typeof obj === "undefined") {
+				return "undefined";
+
+		// consider: typeof null === object
+		}
+		if (obj === null) {
+				return "null";
+		}
+
+		var type = Object.prototype.toString.call( obj )
+			.match(/^\[object\s(.*)\]$/)[1] || '';
+
+		switch (type) {
+				case 'Number':
+						if (isNaN(obj)) {
+								return "nan";
+						} else {
+								return "number";
+						}
+				case 'String':
+				case 'Boolean':
+				case 'Array':
+				case 'Date':
+				case 'RegExp':
+				case 'Function':
+						return type.toLowerCase();
+		}
+		if (typeof obj === "object") {
+				return "object";
+		}
+		return undefined;
+	},
+	
+	push: function(result, actual, expected, message) {
+		var details = {
+			result: result,
+			message: message,
+			actual: actual,
+			expected: expected
+		};
+		
+		message = escapeHtml(message) || (result ? "okay" : "failed");
+		message = '<span class="test-message">' + message + "</span>";
+		expected = escapeHtml(QUnit.jsDump.parse(expected));
+		actual = escapeHtml(QUnit.jsDump.parse(actual));
+		var output = message + '<table><tr class="test-expected"><th>Expected: </th><td><pre>' + expected + '</pre></td></tr>';
+		if (actual != expected) {
+			output += '<tr class="test-actual"><th>Result: </th><td><pre>' + actual + '</pre></td></tr>';
+			output += '<tr class="test-diff"><th>Diff: </th><td><pre>' + QUnit.diff(expected, actual) +'</pre></td></tr>';
+		}
+		if (!result) {
+			var source = sourceFromStacktrace();
+			if (source) {
+				details.source = source;
+				output += '<tr class="test-source"><th>Source: </th><td><pre>' + source +'</pre></td></tr>';
+			}
+		}
+		output += "</table>";
+		
+		QUnit.log(details);
+		
+		config.current.assertions.push({
+			result: !!result,
+			message: output
+		});
+	},
+	
+	// Logging callbacks; all receive a single argument with the listed properties
+	// run test/logs.html for any related changes
+	begin: function() {},
+	// done: { failed, passed, total, runtime }
+	done: function() {},
+	// log: { result, actual, expected, message }
+	log: function() {},
+	// testStart: { name }
+	testStart: function() {},
+	// testDone: { name, failed, passed, total }
+	testDone: function() {},
+	// moduleStart: { name }
+	moduleStart: function() {},
+	// moduleDone: { name, failed, passed, total }
+	moduleDone: function() {}
+});
+
+if ( typeof document === "undefined" || document.readyState === "complete" ) {
+	config.autorun = true;
+}
+
+addEvent(window, "load", function() {
+	QUnit.begin({});
+	
+	// Initialize the config, saving the execution queue
+	var oldconfig = extend({}, config);
+	QUnit.init();
+	extend(config, oldconfig);
+
+	config.blocking = false;
+
+	var userAgent = id("qunit-userAgent");
+	if ( userAgent ) {
+		userAgent.innerHTML = navigator.userAgent;
+	}
+	var banner = id("qunit-header");
+	if ( banner ) {
+		var paramsIndex = location.href.lastIndexOf(location.search);
+		if ( paramsIndex > -1 ) {
+			var mainPageLocation = location.href.slice(0, paramsIndex);
+			if ( mainPageLocation == location.href ) {
+				banner.innerHTML = '<a href=""> ' + banner.innerHTML + '</a> ';
+			} else {
+				var testName = decodeURIComponent(location.search.slice(1));
+				banner.innerHTML = '<a href="' + mainPageLocation + '">' + banner.innerHTML + '</a> &#8250; <a href="">' + testName + '</a>';
+			}
+		}
+	}
+	
+	var toolbar = id("qunit-testrunner-toolbar");
+	if ( toolbar ) {
+		var filter = document.createElement("input");
+		filter.type = "checkbox";
+		filter.id = "qunit-filter-pass";
+		addEvent( filter, "click", function() {
+			var ol = document.getElementById("qunit-tests");
+			if ( filter.checked ) {
+				ol.className = ol.className + " hidepass";
+			} else {
+				var tmp = " " + ol.className.replace( /[\n\t\r]/g, " " ) + " ";
+				ol.className = tmp.replace(/ hidepass /, " ");
+			}
+			if ( defined.sessionStorage ) {
+				sessionStorage.setItem("qunit-filter-passed-tests", filter.checked ? "true" : "");
+			}
+		});
+		if ( defined.sessionStorage && sessionStorage.getItem("qunit-filter-passed-tests") ) {
+			filter.checked = true;
+			var ol = document.getElementById("qunit-tests");
+			ol.className = ol.className + " hidepass";
+		}
+		toolbar.appendChild( filter );
+
+		var label = document.createElement("label");
+		label.setAttribute("for", "qunit-filter-pass");
+		label.innerHTML = "Hide passed tests";
+		toolbar.appendChild( label );
+	}
+
+	var main = id('main') || id('qunit-fixture');
+	if ( main ) {
+		config.fixture = main.innerHTML;
+	}
+
+	if (config.autostart) {
+		QUnit.start();
+	}
+});
+
+function done() {
+	config.autorun = true;
+
+	// Log the last module results
+	if ( config.currentModule ) {
+		QUnit.moduleDone( {
+			name: config.currentModule,
+			failed: config.moduleStats.bad,
+			passed: config.moduleStats.all - config.moduleStats.bad,
+			total: config.moduleStats.all
+		} );
+	}
+
+	var banner = id("qunit-banner"),
+		tests = id("qunit-tests"),
+		runtime = +new Date - config.started,
+		passed = config.stats.all - config.stats.bad,
+		html = [
+			'Tests completed in ',
+			runtime,
+			' milliseconds.<br/>',
+			'<span class="passed">',
+			passed,
+			'</span> tests of <span class="total">',
+			config.stats.all,
+			'</span> passed, <span class="failed">',
+			config.stats.bad,
+			'</span> failed.'
+		].join('');
+
+	if ( banner ) {
+		banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass");
+	}
+
+	if ( tests ) {	
+		id( "qunit-testresult" ).innerHTML = html;
+	}
+
+	QUnit.done( {
+		failed: config.stats.bad,
+		passed: passed, 
+		total: config.stats.all,
+		runtime: runtime
+	} );
+}
+
+function validTest( name ) {
+	var i = config.filters.length,
+		run = false;
+
+	if ( !i ) {
+		return true;
+	}
+	
+	while ( i-- ) {
+		var filter = config.filters[i],
+			not = filter.charAt(0) == '!';
+
+		if ( not ) {
+			filter = filter.slice(1);
+		}
+
+		if ( name.indexOf(filter) !== -1 ) {
+			return !not;
+		}
+
+		if ( not ) {
+			run = true;
+		}
+	}
+
+	return run;
+}
+
+// so far supports only Firefox, Chrome and Opera (buggy)
+// could be extended in the future to use something like https://github.com/csnover/TraceKit
+function sourceFromStacktrace() {
+	try {
+		throw new Error();
+	} catch ( e ) {
+		if (e.stacktrace) {
+			// Opera
+			return e.stacktrace.split("\n")[6];
+		} else if (e.stack) {
+			// Firefox, Chrome
+			return e.stack.split("\n")[4];
+		}
+	}
+}
+
+function escapeHtml(s) {
+	if (!s) {
+		return "";
+	}
+	s = s + "";
+	return s.replace(/[\&"<>\\]/g, function(s) {
+		switch(s) {
+			case "&": return "&amp;";
+			case "\\": return "\\\\";
+			case '"': return '\"';
+			case "<": return "&lt;";
+			case ">": return "&gt;";
+			default: return s;
+		}
+	});
+}
+
+function synchronize( callback ) {
+	config.queue.push( callback );
+
+	if ( config.autorun && !config.blocking ) {
+		process();
+	}
+}
+
+function process() {
+	var start = (new Date()).getTime();
+
+	while ( config.queue.length && !config.blocking ) {
+		if ( config.updateRate <= 0 || (((new Date()).getTime() - start) < config.updateRate) ) {
+			config.queue.shift()();
+		} else {
+			window.setTimeout( process, 13 );
+			break;
+		}
+	}
+  if (!config.blocking && !config.queue.length) {
+    done();
+  }
+}
+
+function saveGlobal() {
+	config.pollution = [];
+	
+	if ( config.noglobals ) {
+		for ( var key in window ) {
+			config.pollution.push( key );
+		}
+	}
+}
+
+function checkPollution( name ) {
+	var old = config.pollution;
+	saveGlobal();
+	
+	var newGlobals = diff( old, config.pollution );
+	if ( newGlobals.length > 0 ) {
+		ok( false, "Introduced global variable(s): " + newGlobals.join(", ") );
+		config.current.expected++;
+	}
+
+	var deletedGlobals = diff( config.pollution, old );
+	if ( deletedGlobals.length > 0 ) {
+		ok( false, "Deleted global variable(s): " + deletedGlobals.join(", ") );
+		config.current.expected++;
+	}
+}
+
+// returns a new Array with the elements that are in a but not in b
+function diff( a, b ) {
+	var result = a.slice();
+	for ( var i = 0; i < result.length; i++ ) {
+		for ( var j = 0; j < b.length; j++ ) {
+			if ( result[i] === b[j] ) {
+				result.splice(i, 1);
+				i--;
+				break;
+			}
+		}
+	}
+	return result;
+}
+
+function fail(message, exception, callback) {
+	if ( typeof console !== "undefined" && console.error && console.warn ) {
+		console.error(message);
+		console.error(exception);
+		console.warn(callback.toString());
+
+	} else if ( window.opera && opera.postError ) {
+		opera.postError(message, exception, callback.toString);
+	}
+}
+
+function extend(a, b) {
+	for ( var prop in b ) {
+		a[prop] = b[prop];
+	}
+
+	return a;
+}
+
+function addEvent(elem, type, fn) {
+	if ( elem.addEventListener ) {
+		elem.addEventListener( type, fn, false );
+	} else if ( elem.attachEvent ) {
+		elem.attachEvent( "on" + type, fn );
+	} else {
+		fn();
+	}
+}
+
+function id(name) {
+	return !!(typeof document !== "undefined" && document && document.getElementById) &&
+		document.getElementById( name );
+}
+
+// Test for equality any JavaScript type.
+// Discussions and reference: http://philrathe.com/articles/equiv
+// Test suites: http://philrathe.com/tests/equiv
+// Author: Philippe Rathé <prathe@gmail.com>
+QUnit.equiv = function () {
+
+    var innerEquiv; // the real equiv function
+    var callers = []; // stack to decide between skip/abort functions
+    var parents = []; // stack to avoiding loops from circular referencing
+
+    // Call the o related callback with the given arguments.
+    function bindCallbacks(o, callbacks, args) {
+        var prop = QUnit.objectType(o);
+        if (prop) {
+            if (QUnit.objectType(callbacks[prop]) === "function") {
+                return callbacks[prop].apply(callbacks, args);
+            } else {
+                return callbacks[prop]; // or undefined
+            }
+        }
+    }
+    
+    var callbacks = function () {
+
+        // for string, boolean, number and null
+        function useStrictEquality(b, a) {
+            if (b instanceof a.constructor || a instanceof b.constructor) {
+                // to catch short annotaion VS 'new' annotation of a declaration
+                // e.g. var i = 1;
+                //      var j = new Number(1);
+                return a == b;
+            } else {
+                return a === b;
+            }
+        }
+
+        return {
+            "string": useStrictEquality,
+            "boolean": useStrictEquality,
+            "number": useStrictEquality,
+            "null": useStrictEquality,
+            "undefined": useStrictEquality,
+
+            "nan": function (b) {
+                return isNaN(b);
+            },
+
+            "date": function (b, a) {
+                return QUnit.objectType(b) === "date" && a.valueOf() === b.valueOf();
+            },
+
+            "regexp": function (b, a) {
+                return QUnit.objectType(b) === "regexp" &&
+                    a.source === b.source && // the regex itself
+                    a.global === b.global && // and its modifers (gmi) ...
+                    a.ignoreCase === b.ignoreCase &&
+                    a.multiline === b.multiline;
+            },
+
+            // - skip when the property is a method of an instance (OOP)
+            // - abort otherwise,
+            //   initial === would have catch identical references anyway
+            "function": function () {
+                var caller = callers[callers.length - 1];
+                return caller !== Object &&
+                        typeof caller !== "undefined";
+            },
+
+            "array": function (b, a) {
+                var i, j, loop;
+                var len;
+
+                // b could be an object literal here
+                if ( ! (QUnit.objectType(b) === "array")) {
+                    return false;
+                }   
+                
+                len = a.length;
+                if (len !== b.length) { // safe and faster
+                    return false;
+                }
+                
+                //track reference to avoid circular references
+                parents.push(a);
+                for (i = 0; i < len; i++) {
+                    loop = false;
+                    for(j=0;j<parents.length;j++){
+                        if(parents[j] === a[i]){
+                            loop = true;//dont rewalk array
+                        }
+                    }
+                    if (!loop && ! innerEquiv(a[i], b[i])) {
+                        parents.pop();
+                        return false;
+                    }
+                }
+                parents.pop();
+                return true;
+            },
+
+            "object": function (b, a) {
+                var i, j, loop;
+                var eq = true; // unless we can proove it
+                var aProperties = [], bProperties = []; // collection of strings
+
+                // comparing constructors is more strict than using instanceof
+                if ( a.constructor !== b.constructor) {
+                    return false;
+                }
+
+                // stack constructor before traversing properties
+                callers.push(a.constructor);
+                //track reference to avoid circular references
+                parents.push(a);
+                
+                for (i in a) { // be strict: don't ensures hasOwnProperty and go deep
+                    loop = false;
+                    for(j=0;j<parents.length;j++){
+                        if(parents[j] === a[i])
+                            loop = true; //don't go down the same path twice
+                    }
+                    aProperties.push(i); // collect a's properties
+
+                    if (!loop && ! innerEquiv(a[i], b[i])) {
+                        eq = false;
+                        break;
+                    }
+                }
+
+                callers.pop(); // unstack, we are done
+                parents.pop();
+
+                for (i in b) {
+                    bProperties.push(i); // collect b's properties
+                }
+
+                // Ensures identical properties name
+                return eq && innerEquiv(aProperties.sort(), bProperties.sort());
+            }
+        };
+    }();
+
+    innerEquiv = function () { // can take multiple arguments
+        var args = Array.prototype.slice.apply(arguments);
+        if (args.length < 2) {
+            return true; // end transition
+        }
+
+        return (function (a, b) {
+            if (a === b) {
+                return true; // catch the most you can
+            } else if (a === null || b === null || typeof a === "undefined" || typeof b === "undefined" || QUnit.objectType(a) !== QUnit.objectType(b)) {
+                return false; // don't lose time with error prone cases
+            } else {
+                return bindCallbacks(a, callbacks, [b, a]);
+            }
+
+        // apply transition with (1..n) arguments
+        })(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length -1));
+    };
+
+    return innerEquiv;
+
+}();
+
+/**
+ * jsDump
+ * Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
+ * Licensed under BSD (http://www.opensource.org/licenses/bsd-license.php)
+ * Date: 5/15/2008
+ * @projectDescription Advanced and extensible data dumping for Javascript.
+ * @version 1.0.0
+ * @author Ariel Flesler
+ * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
+ */
+QUnit.jsDump = (function() {
+	function quote( str ) {
+		return '"' + str.toString().replace(/"/g, '\\"') + '"';
+	};
+	function literal( o ) {
+		return o + '';	
+	};
+	function join( pre, arr, post ) {
+		var s = jsDump.separator(),
+			base = jsDump.indent(),
+			inner = jsDump.indent(1);
+		if ( arr.join )
+			arr = arr.join( ',' + s + inner );
+		if ( !arr )
+			return pre + post;
+		return [ pre, inner + arr, base + post ].join(s);
+	};
+	function array( arr ) {
+		var i = arr.length,	ret = Array(i);					
+		this.up();
+		while ( i-- )
+			ret[i] = this.parse( arr[i] );				
+		this.down();
+		return join( '[', ret, ']' );
+	};
+	
+	var reName = /^function (\w+)/;
+	
+	var jsDump = {
+		parse:function( obj, type ) { //type is used mostly internally, you can fix a (custom)type in advance
+			var	parser = this.parsers[ type || this.typeOf(obj) ];
+			type = typeof parser;			
+			
+			return type == 'function' ? parser.call( this, obj ) :
+				   type == 'string' ? parser :
+				   this.parsers.error;
+		},
+		typeOf:function( obj ) {
+			var type;
+			if ( obj === null ) {
+				type = "null";
+			} else if (typeof obj === "undefined") {
+				type = "undefined";
+			} else if (QUnit.is("RegExp", obj)) {
+				type = "regexp";
+			} else if (QUnit.is("Date", obj)) {
+				type = "date";
+			} else if (QUnit.is("Function", obj)) {
+				type = "function";
+			} else if (typeof obj.setInterval !== undefined && typeof obj.document !== "undefined" && typeof obj.nodeType === "undefined") {
+				type = "window";
+			} else if (obj.nodeType === 9) {
+				type = "document";
+			} else if (obj.nodeType) {
+				type = "node";
+			} else if (typeof obj === "object" && typeof obj.length === "number" && obj.length >= 0) {
+				type = "array";
+			} else {
+				type = typeof obj;
+			}
+			return type;
+		},
+		separator:function() {
+			return this.multiline ?	this.HTML ? '<br />' : '\n' : this.HTML ? '&nbsp;' : ' ';
+		},
+		indent:function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing
+			if ( !this.multiline )
+				return '';
+			var chr = this.indentChar;
+			if ( this.HTML )
+				chr = chr.replace(/\t/g,'   ').replace(/ /g,'&nbsp;');
+			return Array( this._depth_ + (extra||0) ).join(chr);
+		},
+		up:function( a ) {
+			this._depth_ += a || 1;
+		},
+		down:function( a ) {
+			this._depth_ -= a || 1;
+		},
+		setParser:function( name, parser ) {
+			this.parsers[name] = parser;
+		},
+		// The next 3 are exposed so you can use them
+		quote:quote, 
+		literal:literal,
+		join:join,
+		//
+		_depth_: 1,
+		// This is the list of parsers, to modify them, use jsDump.setParser
+		parsers:{
+			window: '[Window]',
+			document: '[Document]',
+			error:'[ERROR]', //when no parser is found, shouldn't happen
+			unknown: '[Unknown]',
+			'null':'null',
+			'undefined':'undefined',
+			'function':function( fn ) {
+				var ret = 'function',
+					name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
+				if ( name )
+					ret += ' ' + name;
+				ret += '(';
+				
+				ret = [ ret, QUnit.jsDump.parse( fn, 'functionArgs' ), '){'].join('');
+				return join( ret, QUnit.jsDump.parse(fn,'functionCode'), '}' );
+			},
+			array: array,
+			nodelist: array,
+			arguments: array,
+			object:function( map ) {
+				var ret = [ ];
+				QUnit.jsDump.up();
+				for ( var key in map )
+					ret.push( QUnit.jsDump.parse(key,'key') + ': ' + QUnit.jsDump.parse(map[key]) );
+				QUnit.jsDump.down();
+				return join( '{', ret, '}' );
+			},
+			node:function( node ) {
+				var open = QUnit.jsDump.HTML ? '&lt;' : '<',
+					close = QUnit.jsDump.HTML ? '&gt;' : '>';
+					
+				var tag = node.nodeName.toLowerCase(),
+					ret = open + tag;
+					
+				for ( var a in QUnit.jsDump.DOMAttrs ) {
+					var val = node[QUnit.jsDump.DOMAttrs[a]];
+					if ( val )
+						ret += ' ' + a + '=' + QUnit.jsDump.parse( val, 'attribute' );
+				}
+				return ret + close + open + '/' + tag + close;
+			},
+			functionArgs:function( fn ) {//function calls it internally, it's the arguments part of the function
+				var l = fn.length;
+				if ( !l ) return '';				
+				
+				var args = Array(l);
+				while ( l-- )
+					args[l] = String.fromCharCode(97+l);//97 is 'a'
+				return ' ' + args.join(', ') + ' ';
+			},
+			key:quote, //object calls it internally, the key part of an item in a map
+			functionCode:'[code]', //function calls it internally, it's the content of the function
+			attribute:quote, //node calls it internally, it's an html attribute value
+			string:quote,
+			date:quote,
+			regexp:literal, //regex
+			number:literal,
+			'boolean':literal
+		},
+		DOMAttrs:{//attributes to dump from nodes, name=>realName
+			id:'id',
+			name:'name',
+			'class':'className'
+		},
+		HTML:false,//if true, entities are escaped ( <, >, \t, space and \n )
+		indentChar:'  ',//indentation unit
+		multiline:true //if true, items in a collection, are separated by a \n, else just a space.
+	};
+
+	return jsDump;
+})();
+
+// from Sizzle.js
+function getText( elems ) {
+	var ret = "", elem;
+
+	for ( var i = 0; elems[i]; i++ ) {
+		elem = elems[i];
+
+		// Get the text from text nodes and CDATA nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
+			ret += elem.nodeValue;
+
+		// Traverse everything else, except comment nodes
+		} else if ( elem.nodeType !== 8 ) {
+			ret += getText( elem.childNodes );
+		}
+	}
+
+	return ret;
+};
+
+/*
+ * Javascript Diff Algorithm
+ *  By John Resig (http://ejohn.org/)
+ *  Modified by Chu Alan "sprite"
+ *
+ * Released under the MIT license.
+ *
+ * More Info:
+ *  http://ejohn.org/projects/javascript-diff-algorithm/
+ *  
+ * Usage: QUnit.diff(expected, actual)
+ * 
+ * QUnit.diff("the quick brown fox jumped over", "the quick fox jumps over") == "the  quick <del>brown </del> fox <del>jumped </del><ins>jumps </ins> over"
+ */
+QUnit.diff = (function() {
+	function diff(o, n){
+		var ns = new Object();
+		var os = new Object();
+		
+		for (var i = 0; i < n.length; i++) {
+			if (ns[n[i]] == null) 
+				ns[n[i]] = {
+					rows: new Array(),
+					o: null
+				};
+			ns[n[i]].rows.push(i);
+		}
+		
+		for (var i = 0; i < o.length; i++) {
+			if (os[o[i]] == null) 
+				os[o[i]] = {
+					rows: new Array(),
+					n: null
+				};
+			os[o[i]].rows.push(i);
+		}
+		
+		for (var i in ns) {
+			if (ns[i].rows.length == 1 && typeof(os[i]) != "undefined" && os[i].rows.length == 1) {
+				n[ns[i].rows[0]] = {
+					text: n[ns[i].rows[0]],
+					row: os[i].rows[0]
+				};
+				o[os[i].rows[0]] = {
+					text: o[os[i].rows[0]],
+					row: ns[i].rows[0]
+				};
+			}
+		}
+		
+		for (var i = 0; i < n.length - 1; i++) {
+			if (n[i].text != null && n[i + 1].text == null && n[i].row + 1 < o.length && o[n[i].row + 1].text == null &&
+			n[i + 1] == o[n[i].row + 1]) {
+				n[i + 1] = {
+					text: n[i + 1],
+					row: n[i].row + 1
+				};
+				o[n[i].row + 1] = {
+					text: o[n[i].row + 1],
+					row: i + 1
+				};
+			}
+		}
+		
+		for (var i = n.length - 1; i > 0; i--) {
+			if (n[i].text != null && n[i - 1].text == null && n[i].row > 0 && o[n[i].row - 1].text == null &&
+			n[i - 1] == o[n[i].row - 1]) {
+				n[i - 1] = {
+					text: n[i - 1],
+					row: n[i].row - 1
+				};
+				o[n[i].row - 1] = {
+					text: o[n[i].row - 1],
+					row: i - 1
+				};
+			}
+		}
+		
+		return {
+			o: o,
+			n: n
+		};
+	}
+	
+	return function(o, n){
+		o = o.replace(/\s+$/, '');
+		n = n.replace(/\s+$/, '');
+		var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/));
+
+		var str = "";
+		
+		var oSpace = o.match(/\s+/g);
+		if (oSpace == null) {
+			oSpace = [" "];
+		}
+		else {
+			oSpace.push(" ");
+		}
+		var nSpace = n.match(/\s+/g);
+		if (nSpace == null) {
+			nSpace = [" "];
+		}
+		else {
+			nSpace.push(" ");
+		}
+		
+		if (out.n.length == 0) {
+			for (var i = 0; i < out.o.length; i++) {
+				str += '<del>' + out.o[i] + oSpace[i] + "</del>";
+			}
+		}
+		else {
+			if (out.n[0].text == null) {
+				for (n = 0; n < out.o.length && out.o[n].text == null; n++) {
+					str += '<del>' + out.o[n] + oSpace[n] + "</del>";
+				}
+			}
+			
+			for (var i = 0; i < out.n.length; i++) {
+				if (out.n[i].text == null) {
+					str += '<ins>' + out.n[i] + nSpace[i] + "</ins>";
+				}
+				else {
+					var pre = "";
+					
+					for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++) {
+						pre += '<del>' + out.o[n] + oSpace[n] + "</del>";
+					}
+					str += " " + out.n[i].text + nSpace[i] + pre;
+				}
+			}
+		}
+		
+		return str;
+	};
+})();
+
+})(this);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/tools.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/tools.js
new file mode 100644
index 000000000..fa14ebfb9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/qunit/tools.js
@@ -0,0 +1,127 @@
+/**
+ * <ul>
+ * 不存在的标准
+ * <li>元素不存在，元素无父节点
+ * <li>元素被隐藏了
+ * <li>元素的父节点被隐藏
+ * <li>存在的标准 - display = 'block' - display = ''
+ * 
+ * 参数： jquery object
+ */
+function isShown(o) {
+	if (!o || (!o.parentNode && o != document))
+		return false;
+
+	if (o instanceof String || 'string' == typeof o)
+		o = document.getElementById(o);
+	if (o == document.body)
+		return true;
+
+	if (o.style && "none" == o.style.display)
+		return false;
+	if (parseInt(o.style.marginLeft) < -2000 || parseInt(o.style.left) < -2000)
+		return false;
+	if (parseInt(o.offsetHeight) == 0 || parseInt(o.offsetWidth) == 0)
+		return false;
+	if (o.parentNode && !isShown(o.parentNode))
+		return false;
+	return true;
+}
+
+var testingElement = {}, te = testingElement;
+
+(function() {
+	function mySetup() {
+		te.dom = [];
+		te.obj = [];
+	}
+
+	/**
+	 * 添加一个通用接口，用于支持类似dispose等通用方法
+	 */
+	te.checkUI = {
+		eventLength : 0,
+		/**
+		 * 校验对象的dispose方法，主要是dom和event支持
+		 * 
+		 * @param ui
+		 *            需要调用dispose的ui对象
+		 * @param eventLength
+		 *            ui启动前在baidu.event._listeners中的事件总数
+		 * @param dom 需要确认dom被干掉了
+		 * @param callback 回调函数，在dispose之后
+		 */
+		dispose : function(ui, eventLength, dom, callback) {
+			if (!ui.dispose || 'function' != typeof ui.dispose) {
+				ok(false, 'ui do not have a dispose function');
+				return false;
+			}
+			var m = ui.getMain();
+			ui.dispose();
+			ok(ui.disposed === true, 'ui.disposed is true');
+			ok(!isShown(m), 'main is not shown');
+			if (baidu.event && baidu.event._listeners)
+				equals(baidu.event._listeners.length, eventLength
+						|| this.eventLength,
+						'event all should be un after dispose');
+			if (dom)
+				ok(!isShown(dom), 'dom not shown');
+			callback && callback(ui);
+		}
+	};
+
+	function myTeardown() {
+		if (te) {
+			if (te.dom && te.dom.length) {
+				for ( var i = 0; i < te.dom.length; i++)
+					if (te.dom[i] && te.dom[i].parentNode)
+						te.dom[i].parentNode.removeChild(te.dom[i]);
+			}
+			if (te.obj && te.obj.length) {
+				while (te.obj.length > 0)
+					try {
+						te.obj.shift().dispose();
+					} catch (e) {
+					}
+			}
+		}
+	}
+
+	var s = QUnit.testStart, e = QUnit.testDone, ms = QUnit.moduleStart, me = QUnit.moduleEnd, d = QUnit.done;
+	QUnit.testStart = function() {
+		mySetup();
+		s.apply(this, arguments);
+		;
+	};
+	QUnit.testDone = function() {
+		e.call(this, arguments);
+		myTeardown();
+	};
+	// QUnit.moduleStart = function() {
+	// var h = setInterval(function() {
+	// if (window && window['baidu'] && window.document && window.document.body)
+	// {
+	// clearInterval(h);
+	// start();
+	// }
+	// }, 20);
+	// stop();
+	// ms.apply(this, arguments);;
+	// };
+	// QUnit.moduleEnd = function() {
+	// me.call(this, arguments);
+	// };
+	// QUnit.done = function(fail,total) {
+	// // d.call(this, arguments);
+	// d(fail,total);
+	// };
+})();
+
+// function Include(src) {
+// var url = "http://"
+// + location.host
+// + location.pathname.substring(0, location.pathname.substring(1)
+// .indexOf('/') + 1);
+// document.write("<script type='text/javascript' src='" + url
+// + "/src/Import.php?f=" + src + "'></script>");
+// }
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/8eaccbef76094b364e2cfddaa1cc7cd98d109d49.jpg b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/8eaccbef76094b364e2cfddaa1cc7cd98d109d49.jpg
new file mode 100644
index 000000000..9a744b88b
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/8eaccbef76094b364e2cfddaa1cc7cd98d109d49.jpg differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/Manual regression cases.xmind b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/Manual regression cases.xmind
new file mode 100644
index 000000000..d1febe891
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/Manual regression cases.xmind differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/readme.txt b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/readme.txt
new file mode 100644
index 000000000..69846e5e9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/readme.txt
@@ -0,0 +1 @@
+1.3.0��֧֮ǰ�İ汾����������ƿ����������ڷ�֧�쿴,���ٱ���
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.3.0.xmind b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.3.0.xmind
new file mode 100644
index 000000000..c922e573d
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.3.0.xmind differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.3.6.xmind b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.3.6.xmind
new file mode 100644
index 000000000..ac11a8d23
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.3.6.xmind differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.4.0.xmind b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.4.0.xmind
new file mode 100644
index 000000000..30e9db6e2
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.4.0.xmind differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.4.3.xmind b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.4.3.xmind
new file mode 100644
index 000000000..e3dfe584a
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/VersionUpdate/test list for 1.4.3.xmind differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.0/IEAutolinkFalse_demo.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.0/IEAutolinkFalse_demo.html
new file mode 100644
index 000000000..7d96f2696
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.0/IEAutolinkFalse_demo.html
@@ -0,0 +1,175 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>完整demo</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <!--使用版-->
+    <!--<script type="text/javascript" charset="utf-8" src="../ueditor.all.js"></script>-->
+
+    <!--开发版-->
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"> </script>
+    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
+    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
+    <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
+
+    <style type="text/css">
+        .clear {
+            clear: both;
+        }
+    </style>
+</head>
+<body>
+<div>
+    <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
+</div>
+<div id="btns">
+    <div>
+        <button onclick="getAllHtml()">获得整个html的内容</button>
+        <button onclick="getContent()">获得内容</button>
+        <button onclick="setContent()">写入内容</button>
+        <button onclick="setContent(true)">追加内容</button>
+        <button onclick="getContentTxt()">获得纯文本</button>
+        <button onclick="getPlainTxt()">获得带格式的纯文本</button>
+        <button onclick="hasContent()">判断是否有内容</button>
+        <button onclick="setFocus()">使编辑器获得焦点</button>
+        <button onmousedown="isFocus(event)" >编辑器是否获得焦点</button>
+        <button onmousedown="blur(event)" >编辑器失去焦点</button>
+
+    </div>
+    <div>
+        <button onclick="getText()">获得当前选中的文本</button>
+        <button onclick="insertHtml()">插入给定的内容</button>
+        <button id="enable" onclick="setEnabled()">可以编辑</button>
+        <button onclick="setDisabled()">不可编辑</button>
+        <button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button>
+        <button onclick=" UE.getEditor('editor').setShow()">显示编辑器</button>
+        <button onclick=" UE.getEditor('editor').setHeight(300)">设置编辑器的高度为300</button>
+    </div>
+
+    <div>
+        <button onclick="getLocalData()">获取草稿箱内容</button>
+        <button onclick="clearLocalData()">清空草稿箱</button>
+    </div>
+
+</div>
+<div>
+    <button onclick="createEditor()"/>
+    创建编辑器</button>
+    <button onclick="deleteEditor()"/>
+    删除编辑器</button>
+</div>
+
+</body>
+<script type="text/javascript">
+
+    //实例化编辑器
+    var ue = UE.getEditor('editor',{autolink:false});
+    function isFocus(e){
+        alert(ue.isFocus());
+        UE.dom.domUtils.preventDefault(e)
+    }
+    function blur(e){
+        ue.blur();
+        UE.dom.domUtils.preventDefault(e)
+    }
+    function insertHtml() {
+        var value = prompt('插入html代码', '');
+        ue.execCommand('insertHtml', value)
+    }
+    function createEditor() {
+        enableBtn();
+        UE.getEditor('editor');
+    }
+    function getAllHtml() {
+        alert(UE.getEditor('editor').getAllHtml())
+    }
+    function getContent() {
+        var arr = [];
+        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
+        arr.push("内容为：");
+        arr.push(UE.getEditor('editor').getContent());
+        alert(arr.join("\n"));
+    }
+    function getPlainTxt() {
+        var arr = [];
+        arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
+        arr.push("内容为：");
+        arr.push(UE.getEditor('editor').getPlainTxt());
+        alert(arr.join('\n'))
+    }
+    function setContent(isAppendTo) {
+        var arr = [];
+        arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
+        UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
+        alert(arr.join("\n"));
+    }
+    function setDisabled() {
+        UE.getEditor('editor').setDisabled('fullscreen');
+        disableBtn("enable");
+    }
+
+    function setEnabled() {
+        UE.getEditor('editor').setEnabled();
+        enableBtn();
+    }
+
+    function getText() {
+        //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
+        var range = UE.getEditor('editor').selection.getRange();
+        range.select();
+        var txt = UE.getEditor('editor').selection.getText();
+        alert(txt)
+    }
+
+    function getContentTxt() {
+        var arr = [];
+        arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
+        arr.push("编辑器的纯文本内容为：");
+        arr.push(UE.getEditor('editor').getContentTxt());
+        alert(arr.join("\n"));
+    }
+    function hasContent() {
+        var arr = [];
+        arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
+        arr.push("判断结果为：");
+        arr.push(UE.getEditor('editor').hasContents());
+        alert(arr.join("\n"));
+    }
+    function setFocus() {
+        UE.getEditor('editor').focus();
+    }
+    function deleteEditor() {
+        disableBtn();
+        UE.getEditor('editor').destroy();
+    }
+    function disableBtn(str) {
+        var div = document.getElementById('btns');
+        var btns = domUtils.getElementsByTagName(div, "button");
+        for (var i = 0, btn; btn = btns[i++];) {
+            if (btn.id == str) {
+                domUtils.removeAttributes(btn, ["disabled"]);
+            } else {
+                btn.setAttribute("disabled", "true");
+            }
+        }
+    }
+    function enableBtn() {
+        var div = document.getElementById('btns');
+        var btns = domUtils.getElementsByTagName(div, "button");
+        for (var i = 0, btn; btn = btns[i++];) {
+            domUtils.removeAttributes(btn, ["disabled"]);
+        }
+    }
+
+    function getLocalData () {
+        alert(ue.execCommand( "getlocaldata" ));
+    }
+
+    function clearLocalData () {
+        ue.execCommand( "clearlocaldata" );
+        alert("已清空草稿箱")
+    }
+
+</script>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.0/uparse.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.0/uparse.html
new file mode 100644
index 000000000..addf2d2de
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.0/uparse.html
@@ -0,0 +1,179 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script src="../ueditor.parse.js" type="text/javascript"></script>
+    <script>
+        // 语法
+        // uParse(selector,[option])
+        /*
+         selector支持
+         id,class,tagName
+         */
+        /*
+         目前支持的参数
+         option:
+         highlightJsUrl 代码高亮相关js的路径 如果展示有代码高亮，必须给定该属性
+         highlightCssUrl 代码高亮相关css的路径 如果展示有代码高亮，必须给定该属性
+         liiconpath 自定义列表样式的图标路径，可以不给定，默认'http://bs.baidu.com/listicon/',
+         listDefaultPaddingLeft : 自定义列表样式的左边宽度 默认'20',
+         customRule 可以传入你自己的处理规则函数，函数第一个参数是容器节点
+         */
+
+        window.loadFilesDone = function(){
+            uParse('.content',{
+                rootPath : '../'
+            })
+            uParse('.content_background',{
+                rootPath : '../'
+            })
+        }
+    </script>
+    <title></title>
+</head>
+<body>
+<h1>解析编辑的内容</h1>
+<div class="content" style="width:200px">
+    <ol class=" list-paddingleft-2" style="list-style-type: decimal;">
+        <li>
+            <p>
+                asdfsadf
+            </p>
+        </li>
+        <ol class=" list-paddingleft-2" style="list-style-type: lower-alpha;">
+            <li>
+                <p>
+                    asfd
+                </p>
+            </li>
+            <ol class=" list-paddingleft-2" style="list-style-type: lower-roman;">
+                <li>
+                    <p>
+                        asdf
+                    </p>
+                </li>
+                <ol class=" list-paddingleft-2" style="list-style-type: upper-alpha;">
+                    <li>
+                        <p>
+                            asdf
+                        </p>
+                    </li>
+                    <ol class=" list-paddingleft-2" style="list-style-type: upper-roman;">
+                        <li>
+                            <p>
+                                asdf
+                            </p>
+                        </li>
+                        <ol class="custom_num list-paddingleft-1">
+                            <li class="list-num-1-1 list-num-paddingleft-1">
+                                <p>
+                                    asdf&nbsp;&nbsp;&nbsp;&nbsp;
+                                </p>
+                            </li>
+                        </ol>
+                    </ol>
+                </ol>
+            </ol>
+        </ol>
+    </ol>
+    <ul class=" list-paddingleft-2" style="list-style-type: disc;">
+        <li>
+            <p>
+                asdf
+            </p>
+        </li>
+        <ul class=" list-paddingleft-2" style="list-style-type: square;">
+            <li>
+                <p>
+                    sadf
+                </p>
+            </li>
+            <ul class="custom_dash list-paddingleft-1">
+                <li class="list-dash list-dash-paddingleft">
+                    <p>
+                        sdfsadf
+                    </p>
+                </li>
+                <ul class="custom_dot list-paddingleft-2">
+                    <li class="list-dot list-dot-paddingleft">
+                        <p>
+                            <br/>
+                        </p>
+                    </li>
+                </ul>
+            </ul>
+        </ul>
+    </ul>
+    <p>
+        这里可以书写，编辑器的初始内容
+    </p>
+        <pre class="brush:js;toolbar:false">bindEvents:{
+            &#39;ready&#39;:function(){
+                utils.cssRule(&#39;anchor&#39;,
+                    &#39;.anchorclass{background: url(\&#39;&#39;
+                        + this.options.themePath
+                        + this.options.theme +&#39;/images/anchor.gif\&#39;) no-repeat scroll left center transparent;border: 1px dotted #0000FF;cursor: auto;display: inline-block;height: 16px;width: 15px;}&#39;,
+                    this.document);
+            }
+        },</pre>
+    <p>
+        <br />
+    </p>
+</div>
+<div id="content" class="content">
+    <table width="992" data-sort="sortEnabled" class="sortEnabled" interlaced="enabled"><caption><span style="color: rgb(146, 208, 80);">asdf</span><br/></caption><tbody><tr class="ue-table-interlace-color-single firstRow"><th valign="null" width="198"><br/></th><th width="198"><br/></th><th width="198"><br/></th><th width="198"><br/></th><th width="199"><br/></th></tr><tr class="ue-table-interlace-color-double"><th valign="null" width="198"><br/></th><td valign="top" width="198"><br/></td><td valign="top" width="198"><br/></td><td valign="top" width="198"><br/></td><td valign="top" width="199"><br/></td></tr><tr class="ue-table-interlace-color-single"><th valign="null" width="198"><br/></th><td valign="top" width="198"><br/></td><td valign="top" width="198"><br/></td><td valign="top" width="198"><br/></td><td valign="top" width="199"><br/></td></tr><tr class="ue-table-interlace-color-double"><th valign="null" width="198"><br/></th><td valign="top" width="198"><br/></td><td valign="top" width="198"><br/></td><td valign="top" width="198"><br/></td><td valign="top" width="199"><br/></td></tr></tbody></table>
+    <table width="992" data-chart="title:sdf;subTitle:sdf;xTitle:sdfdgfdfg;yTitle:sdgsdgdfg;suffix:ggg;tip:;dataFormat:1;chartType:1" class="edui-charts-table">
+        <caption></caption>
+        <tbody>
+        <tr class="firstRow">
+            <th valign="null" width="99"></th>
+            <th width="99"></th>
+            <th width="99"></th>
+            <th width="99"></th>
+            <th width="99"></th>
+            <th width="99"></th>
+            <th width="99"></th>
+            <th width="99"></th>
+            <th width="99"></th>
+            <th width="100"></th>
+        </tr>
+        <tr>
+            <th valign="null" width="99"></th>
+            <td valign="top" width="99">
+                1
+            </td>
+            <td valign="top" width="99">
+                6
+            </td>
+            <td valign="top" width="99">
+                o
+            </td>
+            <td valign="top" width="99">
+                6
+            </td>
+            <td valign="top" width="99">
+                6
+            </td>
+            <td valign="top" width="99">
+                6
+            </td>
+            <td valign="top" width="99">
+                6
+            </td>
+            <td valign="top" width="99">
+                6
+            </td>
+            <td valign="top" width="100">
+                6
+            </td>
+        </tr>
+        </tbody>
+    </table>
+</div>
+<textarea class="content">asdfasdfasdfasdfasdfadsfa</textarea>
+</body>
+
+
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.6/Demo_3831.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.6/Demo_3831.html
new file mode 100644
index 000000000..943d86cfc
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.6/Demo_3831.html
@@ -0,0 +1,175 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>完整demo</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" charset="utf-8" src="/ueditor_1.4/ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="/ueditor_1.4/_examples/editor_api.js"> </script>
+    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
+    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
+    <script type="text/javascript" charset="utf-8" src="/ueditor_1.4/lang/zh-cn/zh-cn.js"></script>
+
+    <style type="text/css">
+        .clear {
+            clear: both;
+        }
+    </style>
+</head>
+<body>
+<div>
+    <h1>完整demo</h1>
+    <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
+</div>
+<div id="btns">
+    <div>
+        <button onclick="getAllHtml()">获得整个html的内容</button>
+        <button onclick="getContent()">获得内容</button>
+        <button onclick="setContent()">写入内容</button>
+        <button onclick="setContent(true)">追加内容</button>
+        <button onclick="getContentTxt()">获得纯文本</button>
+        <button onclick="getPlainTxt()">获得带格式的纯文本</button>
+        <button onclick="hasContent()">判断是否有内容</button>
+        <button onclick="setFocus()">使编辑器获得焦点</button>
+        <button onmousedown="isFocus(event)" style="color:red">new 编辑器是否获得焦点</button>
+        <button onmousedown="setblur(event)" style="color:red">new 编辑器失去焦点</button>
+
+    </div>
+    <div>
+        <button onclick="getText()">获得当前选中的文本</button>
+        <button onclick="insertHtml()">插入给定的内容</button>
+        <button id="enable" onclick="setEnabled()">可以编辑</button>
+        <button onclick="setDisabled()">不可编辑</button>
+        <button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button>
+        <button onclick=" UE.getEditor('editor').setShow()">显示编辑器</button>
+        <button onclick=" UE.getEditor('editor').setHeight(300)">设置编辑器的高度为300</button>
+    </div>
+
+    <div>
+        <button onclick="getLocalData()" style="color:red">new 获取草稿箱内容</button>
+        <button onclick="clearLocalData()" style="color:red">new 清空草稿箱</button>
+    </div>
+
+</div>
+<div>
+    <button onclick="createEditor()"/>
+    创建编辑器</button>
+    <button onclick="deleteEditor()"/>
+    删除编辑器</button>
+</div>
+
+</body>
+<script type="text/javascript">
+
+    //实例化编辑器
+    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
+    UE.getEditor('editor');
+
+
+    function isFocus(e){
+        alert(UE.getEditor('editor').isFocus());
+        UE.dom.domUtils.preventDefault(e)
+    }
+    function setblur(e){
+        UE.getEditor('editor').blur();
+        UE.dom.domUtils.preventDefault(e)
+    }
+    function insertHtml() {
+        var value = prompt('插入html代码', '');
+        UE.getEditor('editor').execCommand('insertHtml', value)
+    }
+    function createEditor() {
+        enableBtn();
+        UE.getEditor('editor');
+    }
+    function getAllHtml() {
+        alert(UE.getEditor('editor').getAllHtml())
+    }
+    function getContent() {
+        var arr = [];
+        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
+        arr.push("内容为：");
+        arr.push(UE.getEditor('editor').getContent());
+        alert(arr.join("\n"));
+    }
+    function getPlainTxt() {
+        var arr = [];
+        arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
+        arr.push("内容为：");
+        arr.push(UE.getEditor('editor').getPlainTxt());
+        alert(arr.join('\n'))
+    }
+    function setContent(isAppendTo) {
+        var arr = [];
+        arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
+        UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
+        alert(arr.join("\n"));
+    }
+    function setDisabled() {
+        UE.getEditor('editor').setDisabled('fullscreen');
+        disableBtn("enable");
+    }
+
+    function setEnabled() {
+        UE.getEditor('editor').setEnabled();
+        enableBtn();
+    }
+
+    function getText() {
+        //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
+        var range = UE.getEditor('editor').selection.getRange();
+        range.select();
+        var txt = UE.getEditor('editor').selection.getText();
+        alert(txt)
+    }
+
+    function getContentTxt() {
+        var arr = [];
+        arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
+        arr.push("编辑器的纯文本内容为：");
+        arr.push(UE.getEditor('editor').getContentTxt());
+        alert(arr.join("\n"));
+    }
+    function hasContent() {
+        var arr = [];
+        arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
+        arr.push("判断结果为：");
+        arr.push(UE.getEditor('editor').hasContents());
+        alert(arr.join("\n"));
+    }
+    function setFocus() {
+        UE.getEditor('editor').focus();
+    }
+    function deleteEditor() {
+        disableBtn();
+        UE.getEditor('editor').destroy();
+    }
+    function disableBtn(str) {
+        var div = document.getElementById('btns');
+        var btns = domUtils.getElementsByTagName(div, "button");
+        for (var i = 0, btn; btn = btns[i++];) {
+            if (btn.id == str) {
+                domUtils.removeAttributes(btn, ["disabled"]);
+            } else {
+                btn.setAttribute("disabled", "true");
+            }
+        }
+    }
+    function enableBtn() {
+        var div = document.getElementById('btns');
+        var btns = domUtils.getElementsByTagName(div, "button");
+        for (var i = 0, btn; btn = btns[i++];) {
+            domUtils.removeAttributes(btn, ["disabled"]);
+        }
+    }
+
+    function getLocalData () {
+        alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
+    }
+
+    function clearLocalData () {
+        UE.getEditor('editor').execCommand( "clearlocaldata" );
+        alert("已清空草稿箱")
+    }
+
+</script>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.6/Demo_contentchange.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.6/Demo_contentchange.html
new file mode 100644
index 000000000..51d43565e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.3.6/Demo_contentchange.html
@@ -0,0 +1,178 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>完整demo</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"> </script>
+    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
+    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
+    <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
+
+    <style type="text/css">
+        .clear {
+            clear: both;
+        }
+    </style>
+</head>
+<body>
+<div>
+    <h1>完整demo</h1>
+    <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
+</div>
+<div id="btns">
+    <div>
+        <button onclick="getAllHtml()">获得整个html的内容</button>
+        <button onclick="getContent()">获得内容</button>
+        <button onclick="setContent()">写入内容</button>
+        <button onclick="setContent(true)">追加内容</button>
+        <button onclick="getContentTxt()">获得纯文本</button>
+        <button onclick="getPlainTxt()">获得带格式的纯文本</button>
+        <button onclick="hasContent()">判断是否有内容</button>
+        <button onclick="setFocus()">使编辑器获得焦点</button>
+        <button onmousedown="isFocus(event)" style="color:red">new 编辑器是否获得焦点</button>
+        <button onmousedown="setblur(event)" style="color:red">new 编辑器失去焦点</button>
+
+    </div>
+    <div>
+        <button onclick="getText()">获得当前选中的文本</button>
+        <button onclick="insertHtml()">插入给定的内容</button>
+        <button id="enable" onclick="setEnabled()">可以编辑</button>
+        <button onclick="setDisabled()">不可编辑</button>
+        <button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button>
+        <button onclick=" UE.getEditor('editor').setShow()">显示编辑器</button>
+        <button onclick=" UE.getEditor('editor').setHeight(300)">设置编辑器的高度为300</button>
+    </div>
+
+    <div>
+        <button onclick="getLocalData()" style="color:red">new 获取草稿箱内容</button>
+        <button onclick="clearLocalData()" style="color:red">new 清空草稿箱</button>
+    </div>
+
+</div>
+<div>
+    <button onclick="createEditor()"/>
+    创建编辑器</button>
+    <button onclick="deleteEditor()"/>
+    删除编辑器</button>
+</div>
+
+</body>
+<script type="text/javascript">
+
+    //实例化编辑器
+    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
+   var editor= UE.getEditor('editor');
+
+    editor.addListener('contentchange',function(){
+        alert('contentchange');
+    });
+
+    function isFocus(e){
+        alert(UE.getEditor('editor').isFocus());
+        UE.dom.domUtils.preventDefault(e)
+    }
+    function setblur(e){
+        UE.getEditor('editor').blur();
+        UE.dom.domUtils.preventDefault(e)
+    }
+    function insertHtml() {
+        var value = prompt('插入html代码', '');
+        UE.getEditor('editor').execCommand('insertHtml', value)
+    }
+    function createEditor() {
+        enableBtn();
+        UE.getEditor('editor');
+    }
+    function getAllHtml() {
+        alert(UE.getEditor('editor').getAllHtml())
+    }
+    function getContent() {
+        var arr = [];
+        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
+        arr.push("内容为：");
+        arr.push(UE.getEditor('editor').getContent());
+        alert(arr.join("\n"));
+    }
+    function getPlainTxt() {
+        var arr = [];
+        arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
+        arr.push("内容为：");
+        arr.push(UE.getEditor('editor').getPlainTxt());
+        alert(arr.join('\n'))
+    }
+    function setContent(isAppendTo) {
+        var arr = [];
+        arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
+        UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
+        alert(arr.join("\n"));
+    }
+    function setDisabled() {
+        UE.getEditor('editor').setDisabled('fullscreen');
+        disableBtn("enable");
+    }
+
+    function setEnabled() {
+        UE.getEditor('editor').setEnabled();
+        enableBtn();
+    }
+
+    function getText() {
+        //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
+        var range = UE.getEditor('editor').selection.getRange();
+        range.select();
+        var txt = UE.getEditor('editor').selection.getText();
+        alert(txt)
+    }
+
+    function getContentTxt() {
+        var arr = [];
+        arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
+        arr.push("编辑器的纯文本内容为：");
+        arr.push(UE.getEditor('editor').getContentTxt());
+        alert(arr.join("\n"));
+    }
+    function hasContent() {
+        var arr = [];
+        arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
+        arr.push("判断结果为：");
+        arr.push(UE.getEditor('editor').hasContents());
+        alert(arr.join("\n"));
+    }
+    function setFocus() {
+        UE.getEditor('editor').focus();
+    }
+    function deleteEditor() {
+        disableBtn();
+        UE.getEditor('editor').destroy();
+    }
+    function disableBtn(str) {
+        var div = document.getElementById('btns');
+        var btns = domUtils.getElementsByTagName(div, "button");
+        for (var i = 0, btn; btn = btns[i++];) {
+            if (btn.id == str) {
+                domUtils.removeAttributes(btn, ["disabled"]);
+            } else {
+                btn.setAttribute("disabled", "true");
+            }
+        }
+    }
+    function enableBtn() {
+        var div = document.getElementById('btns');
+        var btns = domUtils.getElementsByTagName(div, "button");
+        for (var i = 0, btn; btn = btns[i++];) {
+            domUtils.removeAttributes(btn, ["disabled"]);
+        }
+    }
+
+    function getLocalData () {
+        alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
+    }
+
+    function clearLocalData () {
+        UE.getEditor('editor').execCommand( "clearlocaldata" );
+        alert("已清空草稿箱")
+    }
+
+</script>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.4.0/uparsedemo.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.4.0/uparsedemo.html
new file mode 100644
index 000000000..45cc4c7a6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/demo_1.4.0/uparsedemo.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script src="../../../ueditor.parse.js"></script>
+    <title></title>
+</head>
+<body>
+    <h1>解析编辑的内容</h1>
+    <div class="content" id="test" style="width:200px">
+
+        <pre class="brush:js;toolbar:false;">
+               moveToBookmark:function (bookmark) {
+            var start = bookmark.id ? this.document.getElementById(bookmark.start) : bookmark.start,
+                end = bookmark.end && bookmark.id ? this.document.getElementById(bookmark.end) : bookmark.end;
+            this.setStartBefore(start);
+            domUtils.remove(start);
+            if (end) {
+                this.setEndBefore(end);
+                domUtils.remove(end);
+            } else {
+                this.collapse(true);
+            }
+            return this;
+        },
+        </pre>
+       </div>
+    <button id="BUT" onclick="CallUparse();">测试多次调用uparse是否生效</button>
+
+    <script type="text/javascript">
+        function CallUparse(){
+            document.getElementById('test').innerHTML = '';
+            var pre = document.createElement('pre');
+            pre.className =  "brush:js;toolbar:false;";
+            pre.innerHTML = 'moveToBookmark:function (bookmark) {}';
+            document.getElementById('test').appendChild(pre);
+            document.getElementById('BUT').parentNode.removeChild(document.getElementById('BUT'));
+            uParse('.content',{
+                rootPath : '../../../'
+            });
+        }
+
+        uParse('.content',{
+            rootPath : '../../../'
+        })
+    </script>
+
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/offical site.xmind b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/offical site.xmind
new file mode 100644
index 000000000..f9513ec14
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/testDesign/offical site.xmind differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/analysis.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/analysis.php
new file mode 100644
index 000000000..94bf58890
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/analysis.php
@@ -0,0 +1,112 @@
+<?php
+require_once 'config.php';
+/**
+ *
+ * 分析源码引入及依赖关系，提供单次读取中的文件载入缓存 dfddf
+ * @author yangbo
+ *
+ */
+class Analysis{
+	/**
+	 * 缓存数据提高效率，c映射内容，i映射依赖列表，s映射缩略名称
+	 * @var array
+	 */
+	static private $_cache = array();
+	//static private $projpath = array();
+
+	var $circle = array();
+
+	public function Analysis(){
+		$ss = explode('/', substr($_SERVER['SCRIPT_NAME'], 1));
+		/*配置修改为使用Config.php中的配置, by bell 2011-3-25
+		 * if(sizeof(self::$projpath) == 0){
+			self::$projpath[0] = '../../../_src/';
+			self::$projpath[1] = '../../../../tangram/src/';
+			self::$projpath[2] = '../../../../base-me/src/';
+			self::$projpath[3] = '../../../../Tangram-base/src/';
+			//TODO : 项目路径提取方式应该考虑使用test切分，用于支持ui项目使用同一套框架
+			}*/
+	}
+
+	/**
+	 * 因测试需要更新的引入方法，domain支持多个通过,分割，支持第二参数忽略已经引入内容，递归判定跳过的入口必须提前
+	 * @param $domain 期望载入的依赖库
+	 * @param $exclude 期望排除的依赖库
+	 * @param $parent 解决相互依赖问题
+	 */
+	public function get_import_srcs($domain, $recurse = true){
+		if(Config::$DEBUG) var_dump("分析$domain");
+
+		if(array_search($domain, $this->circle)) return array();//如果已经被分析过则直接返回
+		array_push($this->circle, $domain);
+
+		$include = array();
+		$cnts = self::get_src_cnt($domain);
+		$is = $cnts['i'];
+		if(sizeof($is) > 0)
+		foreach($is as $d){
+			if($recurse)
+			$include = array_merge($include, $this->get_import_srcs($d));
+			else
+			$include[$d] = self::$_cache[$d];
+		}
+
+		//因为依赖关系的前后联系，最后在include中加入当前domain
+		if($recurse)
+		$include[$domain] = $cnts['c'];
+		return $include;
+	}
+
+
+	/**
+	 * 读取源文件内容，支持缓存，支持覆盖率文件读取，覆盖率路径在Config中配置
+	 * @param string $domain
+	 * @see Config::$COVERAGE_PATH
+	 */
+	static function get_src_cnt($domain){
+		new Analysis();
+		if(!array_key_exists($domain, self::$_cache)){
+			$cnt =''; $covcnt = '';
+			//$path = join('/', explode('.', $domain)).'.js';  //为了支持xx.xx.js类型的文件名而修改 田丽丽
+			//文件在当前项目存在则取当前项目，否则取tangram项目
+			require_once 'config.php';
+			foreach(Config::$SOURCE_PATH as $i=>$d){
+				if(Config::$DEBUG)
+				var_dump($d.$path);
+				if(file_exists($d.$path)){
+					$cnt = file_get_contents($d.$path);
+					$cnt.="\n";//读取文件内容必须加个回车
+					break;
+				}
+			}
+			//尝试读取cov目录下的文件，如果不存在则忽略
+			$covpath = Config::$COVERAGE_PATH.$path;
+			if(file_exists($covpath)){
+				if(Config::$DEBUG)var_dump($covpath);
+				$covcnt = file_get_contents($covpath);
+			}
+			else $covcnt = $cnt;
+			if($cnt == ''){
+				if(Config::$DEBUG)
+				print "fail read file : ".$path;
+				return array('', array(), '');
+			}
+
+			if(Config::$DEBUG)
+			print "start read file $domain<br />";
+
+			$is = array();
+			//正则匹配，提取所有(///import xxx;)中的xxx
+			preg_match_all('/\/\/\/import\s+([^;]+);?/ies', $cnt, $is, PREG_PATTERN_ORDER);
+
+			//移除//，顺便移除空行
+			//			$cnt = preg_replace('/\/\/.*/m', '', $cnt);TODO:正则处理出现在“”或者正则中的//时出现问题
+			//移除/**/
+			//			$cnt = preg_replace('/\/\*.*\*\//sU', '', $cnt);
+
+			self::$_cache[$domain] = array('c'=>$cnt, 'i'=>$is[1], 'cc'=>$covcnt);
+		}
+		return self::$_cache[$domain];
+	}
+}
+?>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/batchrun.sh b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/batchrun.sh
new file mode 100644
index 000000000..f88256c14
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/batchrun.sh
@@ -0,0 +1,10 @@
+/home/work/.bash_profile
+cd /home/work/repos/Tangram-base
+/home/work/soft/git-1.7.3.5/bin-wrappers/git pull
+sh release/output.sh
+rm -rf test/tools/br/report
+wget -q -O /tmp/tmp.php http://10.32.34.115:8000/Tangram-base/test/tools/br/runall.php?clearreport=true&cov=true
+sleep 3m
+rm -rf test/tools/br/report
+wget -q -O /tmp/tmp.php http://10.32.34.115:8000/Tangram-base/test/tools/br/runall.php?release=true&clearreport=true
+cd -
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/case.class.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/case.class.php
new file mode 100644
index 000000000..40278b6eb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/case.class.php
@@ -0,0 +1,242 @@
+<?php
+require_once 'config.php';
+/**
+ * for case running
+ *
+ * @author bell
+ */
+class Kiss
+{
+    public $projroot;
+    /**
+     * case name
+     * @var string
+     */
+    public $name;
+
+    public $path;
+
+    private $ext;
+    /**
+     * type of case is core or another
+     * @var boolean
+     */
+    public $is_core;
+    /**
+     * true means qunit, false means jsspec
+     * @var boolean
+     */
+    public $js_frame;
+    /**
+     * case id shown in html
+     * @var string
+     */
+    public $case_id;
+
+    /**
+     * 某些用例是空的，应该直接过滤掉
+     * @var unknown_type
+     */
+    public $empty = false;
+
+    /**
+     *
+     * @param string $projroot root of project
+     * @param string $name namespace of case
+     */
+    function __construct( $projroot = '../../../' , $name = 'baidu.core.dom.domUtils' , $ext = '' )
+    {
+
+        $this->projroot = $projroot;
+        $this->name = $name;
+
+        $this->ext = $ext;
+        if ( strlen( $ext ) > 0 ) {
+            $ns = explode( '.' , $name );
+
+            $n = array_pop( $ns );
+            array_push( $ns , $ext , $n );
+            $path = implode( '/' , $ns );
+        } else {
+            //$path = implode( '/' , explode( '.' , $name ) );
+            $path = $name;  //为了支持xx.xx.js类型的文件名而修改 田丽丽
+        }
+//        $dir = explode('/',$path);
+//        if($dir[0]=='dialogs')
+//            $this->path = $this->projroot . '_test/' . $path . '.html';
+//        else
+            $this->path = $this->projroot . '_test/' . $path . '.js';
+        if ( filesize( $this->path ) < 20 ) {
+            $this->empty = true;
+            return;
+        }
+        $this->case_id = 'id_case_' . join( '_' , explode( '.' , $name ) );
+    }
+
+
+    public function print_js( $cov, $release = false )
+    {
+        print '<script type="text/javascript" src="js/jquery-1.5.1.js"></script>' . "\n";
+        print '<script type="text/javascript" src="js/tangram.js"></script>' . "\n";
+        print '<script type="text/javascript" src="js/testrunner.js"></script>' . "\n";
+        print '<script type="text/javascript" src="js/ext_qunit.js"></script>' . "\n";
+        print '<script type="text/javascript" src="js/UserAction.js"></script>' . "\n";
+        print '<link media="screen" href="css/qunit.css" type="text/css" rel="stylesheet" />' . "\n";
+        print '<link  href="../../../themes/default/_css/ueditor.css" type="text/css" rel="stylesheet" />' . "\n";
+        print '<script type="text/javascript" src="js/tools.js"></script>' . "\n";
+      
+        print '<script type="text/javascript" charset="utf-8" src="../../../third-party/SyntaxHighlighter/shCore.js"></script>' . "\n";        //                print '<script type="text/javascript" charset="utf-8" src="../../ueditor.config_src.js"></script>' . "\n";
+        print '<script type="text/javascript" charset="utf-8" src="../../../ueditor.config.js"></script>' . "\n";
+
+
+        /* load case source*/
+        $importurl = "{$this->projroot}_test/tools/br/import.php?f=$this->name";
+        if ( $cov ) $importurl .= '^&cov=true';
+        print "<script type='text/javascript' src='".$importurl."' ></script>\n";
+
+        /* load case and case dependents*/
+        //$ps = explode( '.' , $this->name );
+        $ps = explode( '/' , $this->name ); //为了支持xx.xx.js类型的文件名而修改 田丽丽
+        array_pop( $ps );
+        array_push( $ps , 'tools' );
+        
+        if ( file_exists( $this->projroot . '_test/' . implode( '/' , $ps ) . '.js' ) ) //没有就不加载了
+            print '<script type="text/javascript" src="' . $this->projroot . '_test/' . implode( '/' , $ps ) . '.js"></script>' . "\n";
+        print '<script type="text/javascript" src="' . $this->path . '"></script>' . "\n";
+
+
+    }
+    public function print_all_js( $cov, $release = false )
+    {
+        print '<script type="text/javascript" src="js/jquery-1.5.1.js"></script>' . "\n";
+        print '<script type="text/javascript" src="js/tangram.js"></script>' . "\n";
+        print '<script type="text/javascript" src="js/testrunner.js"></script>' . "\n";
+        print '<script type="text/javascript" src="js/ext_qunit.js"></script>' . "\n";
+        print '<script type="text/javascript" src="js/UserAction.js"></script>' . "\n";
+        print '<link media="screen" href="css/qunit.css" type="text/css" rel="stylesheet" />' . "\n";
+        print '<link  href="../../../themes/default/_css/ueditor.css" type="text/css" rel="stylesheet" />' . "\n";
+        print '<script type="text/javascript" src="js/tools.js"></script>' . "\n";
+
+        print '<script type="text/javascript" charset="utf-8" src="../../../third-party/SyntaxHighlighter/shCore.js"></script>' . "\n";
+
+        print '<script type="text/javascript" charset="utf-8" src="../../../ueditor/ueditor.config.js"></script>' . "\n";
+
+
+        /* load case source*/
+        $importurl = "{$this->projroot}ueditor/ueditor.all.min.js";
+        print "<script type='text/javascript' src='".$importurl."' ></script>\n";
+
+        /* load case and case dependents*/
+        //$ps = explode( '.' , $this->name );
+        $ps = explode( '/' , $this->name ); //为了支持xx.xx.js类型的文件名而修改 田丽丽
+        array_pop( $ps );
+        array_push( $ps , 'tools' );
+
+        if ( file_exists( $this->projroot . '_test/' . implode( '/' , $ps ) . '.js' ) ) //没有就不加载了
+            print '<script type="text/javascript" src="' . $this->projroot . '_test/' . implode( '/' , $ps ) . '.js"></script>' . "\n";
+        print '<script type="text/javascript" src="' . $this->path . '"></script>' . "\n";
+
+
+    }
+    public function match( $matcher )
+    {
+        if ( $matcher == '*' )
+            return true;
+        $len = strlen( $matcher );
+
+        /**
+         * 处理多选分支，有一个成功则成功，filter后面参数使用|切割
+         * @var unknown_type
+         */
+        $as = explode( ';' , $matcher );
+        if ( sizeof( $as ) > 1 ) {
+
+            //这里把或的逻辑改成与
+            foreach ( $as as $matcher1 ) {
+                if ( $this->match( $matcher1 ) )
+                    return true;
+            }
+            return false;
+        }
+        $ms = explode( ',' , $matcher );
+        if ( sizeof( $ms ) > 1 ) {
+
+            //这里把或的逻辑改成与
+            foreach ( $ms as $matcher1 ) {
+                if ( !$this->match( $matcher1 ) )
+                    return false;
+            }
+            return true;
+        }
+
+        /**
+         * 处理反向选择分支
+         */
+        if ( substr( $matcher , 0 , 1 ) == '!' ) {
+            $m = substr( $matcher , 1 );
+            if ( substr( $this->name , 0 , strlen( $m ) ) == $m )
+                return false;
+            return true;
+        }
+
+        if ( $len > strlen( $this->name ) ) {
+            return false;
+        }
+        return substr( $this->name , 0 , $len ) == $matcher;
+    }
+
+    public static function listcase( $filter = "*" , $filterRun = '*',$projroot = '../../../' )
+    {
+        $srcpath = $projroot . '_src/';
+        $testpath = $projroot . '_test/';
+        require_once 'filehelper.php';
+        $caselist = getSameFile( $srcpath , $testpath , '' );
+        sort($caselist,SORT_STRING);
+        foreach ( $caselist as $caseitem ) {
+            /*将文件名替换为域名方式，替换/为.，移除.js*/
+            //$name = str_replace( '/' , '.' , substr( $caseitem , 0 , -3 ) );
+            $name = substr( $caseitem , 0 , -3 );  //为了支持xx.xx.js类型的文件名而修改 田丽丽
+            $c = new Kiss( $projroot , $name );
+            if ( $c->empty )
+                continue;
+            if ( $c->match( $filterRun ) ) {
+                $newName = explode( '\\.' , $name );
+                $newName = $newName[ count( $newName ) - 1 ];
+                print( "<a href=\"run.php?case=$name\" id=\"$c->case_id\" class=\"jsframe_qunit\" target=\"_blank\" title=\"$name\" onclick=\"run('$name');\$('#id_rerun').html('$name');return false;\">"
+                       /*过长的时候屏蔽超出20的部分，因为隐藏的处理，所有用例不能直接使用标签a中的innerHTML，而应该使用title*/
+                       . $newName . "</a>\n" );
+            }
+        }
+        /**
+         * 设置在源码路径下没有同名文件对应的测试文件
+         */
+        foreach(Config::$special_Case as $s_caseitem => $s_source){
+            //取形如 'plugins/config_test.js' 中 'plugins/config_test'部分
+            $s_newName = str_replace(".js","", $s_caseitem );
+            print( "<a href=\"run.php?case=$s_newName\" id=\"id_case_".str_replace('.','_',$s_newName)."\" class=\"jsframe_qunit\" target=\"_blank\" title=\"$s_newName\" onclick=\"run('$s_newName');\$('#id_rerun').html('$s_newName');return false;\">". $s_newName . "</a>\n" );
+        }
+    }
+
+    public static function listSrcOnly( $print = true , $projroot = '../../../' )
+    {
+        $srcpath = $projroot . '_src/';
+        $testpath = $projroot . '_test/';
+        require_once 'filehelper.php';
+        $caselist = getSameFile( $srcpath , $testpath , '' );
+        $srclist = getSrcOnlyFile( $srcpath , $testpath , '' );
+        $srcList = array();
+        foreach ( $srclist as $case ) {
+            if ( in_array( $case , $caselist ) )
+                continue;
+            $name = str_replace( '/' , '.' , substr( $case , 0 , -3 ) );
+            $tag = "<a class=\"jsframe_qunit\" title=\"$name\">" . ( strlen( $name ) > 20 ? substr( $name , 6 )
+                    : $name ) . "</a>";
+            array_push( $srcList , $tag );
+            if ( $print )
+                echo $tag;
+        }
+        return $srcList;
+    }
+}
+
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/config.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/config.php
new file mode 100644
index 000000000..fbc842dc9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/config.php
@@ -0,0 +1,83 @@
+<?php
+        class Config
+        {
+                public static $BROWSERS = array(
+                    'ie8supp' => array( '10.94.26.94' , "C:\\Program Files\\Internet Explorer\\iexplore.exe" )
+                , 'ie11main' => array( '10.81.96.46' , "C:\\Program Files\\Internet Explorer\\iexplore.exe" )
+
+                ,
+                    'firefox' => array( '10.94.26.95' , "C:\\Program Files\\mozilla firefox\\firefox.exe" )
+//                    'firefox' => array( '10.81.96.46@8500' , "C:\\Program Files (x86)\\Mozilla Firefox\\firefox.exe" )
+//                , '360ie8' => array('10.81.58.64@8500',"C:\\Program Files\\360\\360se\\360SE.exe")
+//                , '360ie7' => array( '10.81.58.87@8500' , "C:\\Program Files\\360\\360se\\360SE.exe" )
+
+
+//                , 'ie6' => array( '10.81.58.86@8500' , "C:\\Program Files\\Internet Explorer\\iexplore.exe" )
+//C:\Program Files\Google\Chrome\Application\chrome.exe
+// "C:\Program Files\Mozilla Firefox\firefox.exe"
+                , 'chrome' => array( '10.94.26.95' , "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe" )
+                ,
+                    'ie8main' => array( '10.94.26.94' , "C:\\Program Files\\Internet Explorer\\iexplore.exe" )
+                , 'ie11supp' => array( '10.81.96.46' , "C:\\Program Files\\Internet Explorer\\iexplore.exe" )
+//                , 'ie7' => array( '10.81.58.87@8500' , "C:\\Program Files\\Internet Explorer\\iexplore.exe" )
+//                , 'opera' => array( '10.81.58.64@8500' , "C:\\Program Files\\Opera\\opera.exe" )
+//                , 'safari' => array( '10.81.58.63@8500' , "C:\\Program Files\\Safari\\Safari.exe" )
+                );
+
+                public static $DEBUG = false;
+
+                public static $HISTORY_REPORT_PATH = '/report';
+
+                public static function getBrowserSet($browsers){
+                    if(strcmp($browsers,'')==0){
+                        return Config::$BROWSERS;
+                    }
+                    $selectedBrowsers =array();
+                    $browserName = explode('_',$browsers);
+                    foreach($browserName as $s){
+                        if(array_key_exists($s,Config::$BROWSERS));{
+                            $selectedBrowsers[$s] =Config::$BROWSERS[$s];
+                        }
+                    }
+                    return $selectedBrowsers;
+                }
+
+                public static function StopAll()
+                {
+                        $hostarr = array();
+                        foreach ( Config::$BROWSERS as $b => $h ) {
+                                $host = $h[ 0 ];
+                                if ( array_search( $host , $hostarr ) )
+                                        continue;
+                                array_push( $hostarr , $host );
+                                require_once 'lib/Staf.php';
+                                Staf::process_stop( '' , $host , true );
+                                Staf::process( "free all" );
+                        }
+                }
+            public static function StopOne($key){
+                $host = Config::$BROWSERS[$key][0];
+                require_once 'lib/Staf.php';
+                Staf::process_stop( '' , $host , true );
+            }
+                /**
+                 * 源码路径配置，会在所有位置寻找源码
+                 * @var ArrayIterator::String
+                 */
+                public static $SOURCE_PATH = array( "../../../_src/" );
+
+                public static $test_PATH = "../../../_test/";
+
+                /**
+                 * 覆盖率相关源码所在路径，如果路径中没有找到会回到$SOURCH_PATH中查找
+                 * @var string
+                 */
+                public static $COVERAGE_PATH = "../../coverage/";
+            /**
+             * 设置在源码路径下没有同名文件对应的测试文件
+             * @var array
+             */
+            public static $special_Case =  array('plugins/ueditor.config.js'=>'../../../ueditor.config.js');
+        }
+
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscov.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscov.php
new file mode 100644
index 000000000..fe8d96413
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscov.php
@@ -0,0 +1,61 @@
+<?php
+require_once  dirname( __FILE__ ) .'/../config.php';
+/**
+ * Created by JetBrains PhpStorm.
+ * User: lisisi01
+ * Date: 12-9-13
+ * Time: 下午12:36
+ * To change this template use File | Settings | File Templates.
+ */
+
+function source(){
+    $sourcePath=dirname( __FILE__ ) .'/source.js';
+    $as = array();
+    $is = list_file(Config::$COVERAGE_PATH,$as);
+    $string = 'function loadSource(){'."\n";
+    $file = fopen($sourcePath,"a");
+    if($file)
+        fwrite($file,$string);
+    else {
+        print "fail read file";
+        return '';
+    }
+    foreach($is as $i) {
+        $path = explode(Config::$COVERAGE_PATH.'/', $i);
+        $path = $path[1];
+        if(file_exists($i)){
+            $f = fopen($i,'r');
+            while(!feof($f))
+            {
+                $s = fgets($f);
+                if(!!strpos($s,'].source')){
+                    $string='_$jscoverage[\''.$path.'\'] &&'.' (';
+                    $string.=substr($s,0,-2).');'."\n";
+                    if(!$file)
+                        $file = fopen($sourcePath,"a");
+                    fwrite($file,$string);
+                    break;
+                }
+            }
+        }
+    }
+    $string='}';
+    if(!$file)
+        $file = fopen($sourcePath,"a");
+    fwrite($file,$string);
+    fclose($file);
+}
+
+function list_file($dir,$as){
+    $list = scandir($dir); // 得到该文件下的所有文件和文件夹
+    foreach($list as $file){//遍历
+        $file_location=$dir."/".$file;//生成路径
+        if(is_dir($file_location) && $file!="." &&$file!=".."){ //判断是不是文件夹
+            $as = list_file($file_location,$as); //继续遍历
+        }
+        else if(substr(basename($file), -3) == '.js' && basename($file)!="jscoverage.js")
+            array_push($as, $file_location);
+    }
+    return $as;
+}
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage-highlight.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage-highlight.css
new file mode 100644
index 000000000..d2ad01da5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage-highlight.css
@@ -0,0 +1,38 @@
+/*
+    jscoverage-highlight.css - JSCoverage syntax highlighting style sheet
+    Copyright (C) 2008, 2009, 2010 siliconforks.com
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+*/
+
+/* keyword, type, symbol, cbracket */
+#sourceTable .k {
+  font-weight: bold;
+}
+
+/* string, regexp, number */
+#sourceTable .s {
+  color: #006400;
+}
+
+/* specialchar */
+#sourceTable .t {
+  color: #2e8b57;
+}
+
+/* comment */
+#sourceTable .c {
+  font-style: italic;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage-ie.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage-ie.css
new file mode 100644
index 000000000..05cad2afa
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage-ie.css
@@ -0,0 +1,108 @@
+/*
+    jscoverage-ie.css - JSCoverage style sheet for Internet Explorer
+    Copyright (C) 2007, 2008, 2009, 2010 siliconforks.com
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+*/
+
+#headingDiv {
+  position: static;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-top: 0.5em;
+}
+
+#tabs {
+  clear: all;
+  position: static;
+  top: auto;
+  left: auto;
+  right: auto;
+  height: auto;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+#tabs div {
+  position: relative;
+  height: auto;
+  line-height: normal;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+#tabs div.selected {
+  padding-bottom: 6px;
+  z-index: 2;
+}
+
+.TabPage {
+  position: relative;
+  top: -1px;
+  left: auto;
+  right: auto;
+  bottom: auto;
+  clear: left;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding: 10px;
+  z-index: 1;
+}
+
+#locationDiv {
+  margin-bottom: 10px;
+}
+
+#iframeDiv {
+  position: static;
+  width: 100%;
+}
+
+#summaryDiv {
+  position: static;
+  width: 100%;
+}
+
+#fileDiv {
+  margin-bottom: 10px;
+}
+
+#sourceDiv {
+  position: static;
+  width: 100%;
+}
+
+#storeDiv {
+  position: static;
+  width: 100%;
+}
+
+/* some defaults */
+
+.TabPage {
+  height: 650px;
+}
+
+#iframeDiv {
+  height: 600px;
+}
+
+#summaryDiv {
+  height: 600px;
+}
+
+#sourceDiv {
+  height: 600px;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage-throbber.gif b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage-throbber.gif
new file mode 100644
index 000000000..f13c0b4ec
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage-throbber.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage.css
new file mode 100644
index 000000000..9866fd706
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage.css
@@ -0,0 +1,355 @@
+/*
+    jscoverage.css - code coverage for JavaScript
+    Copyright (C) 2007, 2008, 2009, 2010 siliconforks.com
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+*/
+
+body {
+  background-color: #bfffbf;
+  font-family: sans-serif;
+  font-size: 100%;
+  margin: 0;
+}
+
+#mainDiv {
+  font-size: 0.8125em;
+}
+
+#headingDiv {
+  position: absolute;
+  top: 0.5em;
+  left: 1.5em;
+  right: 1.5em;
+  bottom: 0;
+  line-height: 1.5em;
+}
+
+h1 {
+  float: left;
+  margin: 0;
+  padding-bottom: 0.5em;
+  font-size: 1.3em;
+}
+
+.ProgressBar {
+  float: left;
+  visibility: hidden;
+}
+
+.ProgressPercentage {
+  display: block;
+  float: left;
+  width: 5em;
+  text-align: right;
+}
+
+.ProgressGraph {
+  float: left;
+  width: 100px;
+  height: 10px;
+  border: 1px solid black;
+  margin-top: 0.3em;
+  background-color: #d4d0c8;
+  overflow: hidden;
+}
+
+.ProgressCovered {
+  /* windows system color ActiveCaption or Highlight */
+  background-color: #0a246a;
+  width: 0;
+  height: 10px;
+  overflow: hidden;
+}
+
+#progressLabel {
+  display: block;
+  float: left;
+  padding-left: 0.3em;
+}
+
+#warningDiv {
+  display: none;
+  float: right;
+  background-color: #FFBFBF;
+  border: 1px solid red;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+.WarningDialog {
+  display: none;
+  background-color: #FFBFBF;
+  position: absolute;
+  z-index: 10;
+  top: 20%;
+  left: 20%;
+  width: 50%;
+  padding: 5%;
+  border: 1px solid red;
+}
+
+.WarningDialog button {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/*******************************************************************************
+browser tab
+*/
+
+input#location, button {
+  border: 1px solid black;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+#iframeDiv {
+  position: absolute;
+  top: 3.5em;
+  left: 1em;
+  right: 1em;
+  bottom: 1em;
+}
+
+iframe {
+  width: 100%;
+  height: 100%;
+}
+
+/*******************************************************************************
+summary tab
+*/
+
+#summaryDiv {
+  position: absolute;
+  top: 3em;
+  left: 1em;
+  right: 1em;
+  bottom: 1em;
+  overflow: auto;
+}
+
+table#summaryTable {
+  width: 100%;
+  margin-left: 0px;
+  margin-right: 0px;
+  border-collapse: collapse;
+  font-size: small;
+}
+
+table#summaryTable th, table#summaryTable td {
+  border-left: 1px solid #d9d9d9;
+}
+
+table#summaryTable th.leftColumn, table#summaryTable td.leftColumn {
+  border-left-width: 0px;
+}
+
+table#summaryTable th, table#summaryTable td {
+  padding: 2px;
+}
+
+th {
+  background-color: #e6ffe6;
+}
+
+td.numeric {
+  text-align: right;
+}
+
+abbr {
+  cursor: help;
+}
+
+tr#summaryTotals td.leftColumn span {
+    float: right;
+}
+tr#summaryTotals td.leftColumn span.title {
+    float: left;
+    font-weight: bold;
+}
+tr#summaryTotals td {
+    background-color: #ffd;
+}
+td.coverage {
+    width: 150px;
+}
+td.coverage span {
+    float: right;
+    margin-right: 5px;
+}
+.pctGraph {
+    width: 100px;
+    height: 10px;
+    float: right;
+    border: 1px solid #000;
+    background-color: #e00000;
+    overflow: hidden;
+    margin-top: 4px;
+}
+.pctGraph .covered {
+    background-color: #00f000;
+    width: 0;
+    height: 10px;
+}
+.pctGraph .skipped {
+    background-color: #d4d0c8;
+    width: 100px;
+    height: 10px;
+}
+tbody#summaryTbody tr.even td {
+    background-color: #e6ffe6;
+}
+
+/*******************************************************************************
+source tab
+*/
+
+#fileDiv {
+  font-size: large;
+  font-weight: bold;
+}
+
+#sourceDiv {
+  position: absolute;
+  top: 3em;
+  left: 1em;
+  right: 1em;
+  bottom: 1em;
+  overflow: auto;
+}
+
+table#sourceTable {
+  border: 0px;
+  border-collapse: collapse;
+  font-size: small;
+}
+
+/*
+IE default behavior is to make <pre> smaller than surrounding text.  Because
+the table already has font-size small, this would make the font-size within the
+<pre> x-small.  So we don't rely on the default.
+*/
+table#sourceTable pre {
+  font-size: medium;
+}
+
+table#sourceTable td {
+  border: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+table#sourceTable pre {
+  border: 0px;
+  margin: 0px;
+}
+
+.g {
+  background-color: #bfffbf;
+}
+
+.y {
+  background-color: #ffffbf;
+}
+
+.r {
+  background-color: #ffbfbf;
+}
+
+/*******************************************************************************
+store tab
+*/
+
+#storeDiv {
+  position: absolute;
+  top: 3em;
+  left: 1em;
+  right: 1em;
+  bottom: 1em;
+  overflow: auto;
+}
+
+/*******************************************************************************
+about tab
+*/
+
+p {
+  margin-top: 0;
+}
+
+/*******************************************************************************
+tabs
+*/
+
+#tabs {
+  position: absolute;
+  top: 3em;
+  left: 1.5em;
+  right: 1.5em;
+  height: 2em;
+}
+
+#tabs div {
+  background-color: white;
+  position: relative;
+  float: left;
+  border: 1px solid black;
+  border-bottom-width: 0;
+  cursor: pointer;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  height: 2em;
+  z-index: 1;
+  line-height: 1.8em;
+}
+
+#tabs div.selected {
+  z-index: 3;
+  cursor: default;
+}
+
+#tabs div.disabled {
+  /* windows system color GrayText */
+  color: #808080;
+  cursor: default; 
+}
+
+.TabPage {
+  background-color: white;
+  border: 1px solid black;
+  position: absolute;
+  top: 5em;
+  left: 1.5em;
+  right: 1.5em;
+  bottom: 1.5em;
+  z-index: 2;
+  padding: 1em;
+  display: none;
+}
+
+#tabPages div.selected {
+  display: block;
+}
+
+img {
+  visibility: hidden;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage.html
new file mode 100644
index 000000000..e6288fce2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<!--
+    jscoverage.html - code coverage for JavaScript
+    Copyright (C) 2007, 2008, 2009, 2010 siliconforks.com
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+-->
+
+<html>
+<head>
+<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
+<title>JSCoverage</title>
+<link rel="stylesheet" type="text/css" href="jscoverage-highlight.css">
+<link rel="stylesheet" type="text/css" href="jscoverage.css">
+<!--[if IE]>
+<link rel="stylesheet" type="text/css" href="jscoverage-ie.css">
+<![endif]-->
+<script type="text/javascript" src="jscoverage.js"></script>
+<script type="text/javascript" src="source.js"></script>
+<script type="text/javascript" src="readCoverage.js"></script>
+</head>
+
+<body onload="jscoverage_body_load();" onresize="jscoverage_body_resize();">
+<div id="mainDiv">
+<div id="headingDiv">
+<h1>JSCoverage</h1>
+<div class="ProgressBar" id="progressBar"><span class="ProgressPercentage"></span><div class="ProgressGraph"><div class="ProgressCovered"></div></div></div>
+<span id="progressLabel"></span>
+<div id="warningDiv"><strong>Warning:</strong> <a href="#" onclick="jscoverage_openWarningDialog(); return false;">loading <code>jscoverage.html</code> using a <code>file:</code> URL is deprecated</a></div>
+</div>
+
+<div id="warningDialog" class="WarningDialog">
+<p>
+Recent web browsers tend to place significant security restrictions on the use
+of <code>file:</code> URLs. These restrictions can prevent JSCoverage from
+working properly. To avoid problems, it is recommended that you do either of the
+following:
+</p>
+<ul>
+<li>If you are using the <code>jscoverage</code> program to instrument your
+JavaScript code, install the instrumented files on a web server.</li>
+<li>Use the <code>jscoverage-server</code> program (which itself acts as a web
+server).</li>
+</ul>
+<p>
+See the
+<a target="_blank" href="http://siliconforks.com/jscoverage/manual.html">manual</a>
+for further details.
+</p>
+<button type="button" onclick="jscoverage_closeWarningDialog();">OK</button>
+</div>
+
+<div id="reportWarningDialog" class="WarningDialog">
+<p>
+Recent web browsers tend to place significant security restrictions on the use
+of <code>file:</code> URLs. These restrictions can prevent JSCoverage from
+working properly. To avoid problems, it is recommended that you view coverage
+reports stored to the filesystem by serving them from a web server.
+</p>
+<p>
+See the
+<a target="_blank" href="http://siliconforks.com/jscoverage/manual.html">manual</a>
+for further details.
+</p>
+<button type="button" onclick="jscoverage_closeWarningDialog();">OK</button>
+</div>
+
+<div id="tabs" class="Tabs">
+<!--
+  <div id="browserTab"><img src="jscoverage-throbber.gif" alt=""> Browser <img src="jscoverage-throbber.gif" alt=""></div>
+-->
+  <div id="summaryTab"><img id="summaryThrobber" src="jscoverage-throbber.gif" alt=""> Summary <img src="jscoverage-throbber.gif" alt=""></div>
+  <div id="sourceTab" class="disabled"><img src="jscoverage-throbber.gif" alt=""> Source <img src="jscoverage-throbber.gif" alt=""></div>
+  <div id="storeTab"><img id="storeThrobber" src="jscoverage-throbber.gif" alt=""> Store <img src="jscoverage-throbber.gif" alt=""></div>
+  <div id="aboutTab"><img src="jscoverage-throbber.gif" alt=""> About <img src="jscoverage-throbber.gif" alt=""></div>
+</div>
+<div id="tabPages" class="TabPages">
+<!--  <div class="TabPage" id="browserTabPage">
+    <div id="locationDiv">
+    URL: <input id="location" type="text" size="70" onkeypress="jscoverage_input_keypress(event)">
+    <button onclick="jscoverage_openInFrameButton_click();" title="open URL in the iframe below [Enter]">Open in frame</button>
+    <button onclick="jscoverage_openInWindowButton_click();" title="open URL in a new window (or tab) [Shift+Enter]">Open in window</button>
+    </div>
+    <div id="iframeDiv">
+    <iframe id="browserIframe" onload="jscoverage_browser_load();"></iframe>
+    </div>
+  </div>-->
+  <div class="TabPage">
+    <input type="checkbox" id="checkbox" onclick="return jscoverage_checkbox_click();"> <label for="checkbox">Show missing statements column</label>
+    <div id="summaryDiv">
+    <div id="summaryErrorDiv"></div>
+    <table id="summaryTable">
+    <thead>
+    <tr id="headerRow">
+    <th class="leftColumn">File</th>
+    <th><abbr title="The total number of executable statements">Statements</abbr></th>
+    <th><abbr title="The number of statements actually executed">Executed</abbr></th>
+    <th><abbr title="Number of executed statements as a percentage of total number of statements">Coverage</abbr></th>
+    </tr>
+    <tr id="summaryTotals">
+        <td class="leftColumn">
+            <span class="title">Total:</span>
+            <span>0</span>
+        </td>
+        <td class="numeric">0</td>
+        <td class="numeric">0</td>
+        <td class="coverage">
+            <div class="pctGraph">
+                <div class="covered"></div>
+            </div>
+            <span class="pct">0%</span>
+        </td>
+    </tr>
+
+    </thead>
+    <tbody id="summaryTbody">
+
+    <!--
+    <tr>
+    <td>0</td>
+    <td>0</td>
+    <td>0</td>
+    <td>0%</td>
+    <td>0</td>
+    </tr>
+    -->
+
+    </tbody>
+    </table>
+    </div>
+  </div>
+  <div class="TabPage">
+    <div id="fileDiv"></div>
+    <div id="sourceDiv"></div>
+  </div>
+  <div class="TabPage" id="storeTabPage">
+    <button id="storeButton" onclick="jscoverage_storeButton_click();">Store Report</button>
+    <img id="storeImg" src="jscoverage-throbber.gif" alt="loading...">
+    <div id="storeDiv"></div>
+  </div>
+  <div class="TabPage">
+    <p>
+    This is version 0.5.1 of JSCoverage, a program that calculates code
+    coverage statistics for JavaScript.
+    </p>
+    <p>
+    See <a target="_blank" href="http://siliconforks.com/jscoverage/">http://siliconforks.com/jscoverage/</a> for more information.
+    </p>
+    <p>
+    Copyright &copy; 2007, 2008, 2009, 2010 siliconforks.com
+    </p>
+  </div>
+</div>
+</div>
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage.js
new file mode 100644
index 000000000..4233615a4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/jscoverage.js
@@ -0,0 +1,1176 @@
+/*
+    jscoverage.js - code coverage for JavaScript
+    Copyright (C) 2007, 2008, 2009, 2010 siliconforks.com
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+*/
+
+function jscoverage_openWarningDialog() {
+  var id;
+  if (jscoverage_isReport) {
+    id = 'reportWarningDialog';
+  }
+  else {
+    id = 'warningDialog';
+  }
+  var dialog = document.getElementById(id);
+  dialog.style.display = 'block';
+}
+
+function jscoverage_closeWarningDialog() {
+  var id;
+  if (jscoverage_isReport) {
+    id = 'reportWarningDialog';
+  }
+  else {
+    id = 'warningDialog';
+  }
+  var dialog = document.getElementById(id);
+  dialog.style.display = 'none';
+}
+
+/**
+Initializes the _$jscoverage object in a window.  This should be the first
+function called in the page.
+@param  w  this should always be the global window object
+*/
+function jscoverage_init(w) {
+  try {
+    // in Safari, "import" is a syntax error
+    Components.utils['import']('resource://app/modules/jscoverage.jsm');
+    jscoverage_isInvertedMode = true;
+    return;
+  }
+  catch (e) {}
+
+  // check if we are in inverted mode
+  if (w.opener) {
+    try {
+      if (w.opener.top._$jscoverage) {
+        jscoverage_isInvertedMode = true;
+        if (! w._$jscoverage) {
+          w._$jscoverage = w.opener.top._$jscoverage;
+        }
+      }
+      else {
+        jscoverage_isInvertedMode = false;
+      }
+    }
+    catch (e) {
+      try {
+        if (w.opener._$jscoverage) {
+          jscoverage_isInvertedMode = true;
+          if (! w._$jscoverage) {
+            w._$jscoverage = w.opener._$jscoverage;
+          }
+        }
+        else {
+          jscoverage_isInvertedMode = false;
+        }
+      }
+      catch (e2) {
+        jscoverage_isInvertedMode = false;
+      }
+    }
+  }
+  else {
+    jscoverage_isInvertedMode = false;
+  }
+
+  if (! jscoverage_isInvertedMode) {
+    if (! w._$jscoverage) {
+      w._$jscoverage = {};
+    }
+  }
+}
+
+var jscoverage_currentFile = null;
+var jscoverage_currentLine = null;
+
+var jscoverage_inLengthyOperation = false;
+
+/*
+Possible states:
+			isInvertedMode	isServer	isReport	tabs
+normal			false		false		false		Browser
+inverted		true		false		false		
+server, normal		false		true		false		Browser, Store
+server, inverted	true		true		false		Store
+report			false		false		true		
+*/
+var jscoverage_isInvertedMode = false;
+var jscoverage_isServer = false;
+var jscoverage_isReport = false;
+
+jscoverage_init(window);
+
+function jscoverage_createRequest() {
+  // Note that the IE7 XMLHttpRequest does not support file URL's.
+  // http://xhab.blogspot.com/2006/11/ie7-support-for-xmlhttprequest.html
+  // http://blogs.msdn.com/ie/archive/2006/12/06/file-uris-in-windows.aspx
+//#JSCOVERAGE_IF
+  if (window.ActiveXObject) {
+    return new ActiveXObject("Microsoft.XMLHTTP");
+  }
+  else {
+    return new XMLHttpRequest();
+  }
+}
+
+// http://www.quirksmode.org/js/findpos.html
+function jscoverage_findPos(obj) {
+  var result = 0;
+  do {
+    result += obj.offsetTop;
+    obj = obj.offsetParent;
+  }
+  while (obj);
+  return result;
+}
+
+// http://www.quirksmode.org/viewport/compatibility.html
+function jscoverage_getViewportHeight() {
+//#JSCOVERAGE_IF /MSIE/.test(navigator.userAgent)
+  if (self.innerHeight) {
+    // all except Explorer
+    return self.innerHeight;
+  }
+  else if (document.documentElement && document.documentElement.clientHeight) {
+    // Explorer 6 Strict Mode
+    return document.documentElement.clientHeight;
+  }
+  else if (document.body) {
+    // other Explorers
+    return document.body.clientHeight;
+  }
+  else {
+    throw "Couldn't calculate viewport height";
+  }
+//#JSCOVERAGE_ENDIF
+}
+
+/**
+Indicates visually that a lengthy operation has begun.  The progress bar is
+displayed, and the cursor is changed to busy (on browsers which support this).
+*/
+function jscoverage_beginLengthyOperation() {
+  jscoverage_inLengthyOperation = true;
+
+  var progressBar = document.getElementById('progressBar');
+  progressBar.style.visibility = 'visible';
+  ProgressBar.setPercentage(progressBar, 0);
+  var progressLabel = document.getElementById('progressLabel');
+  progressLabel.style.visibility = 'visible';
+
+  /* blacklist buggy browsers */
+//#JSCOVERAGE_IF
+  if (! /Opera|WebKit/.test(navigator.userAgent)) {
+    /*
+    Change the cursor style of each element.  Note that changing the class of the
+    element (to one with a busy cursor) is buggy in IE.
+    */
+    var tabs = document.getElementById('tabs').getElementsByTagName('div');
+    var i;
+    for (i = 0; i < tabs.length; i++) {
+      tabs.item(i).style.cursor = 'wait';
+    }
+  }
+}
+
+/**
+Removes the progress bar and busy cursor.
+*/
+function jscoverage_endLengthyOperation() {
+  var progressBar = document.getElementById('progressBar');
+  ProgressBar.setPercentage(progressBar, 100);
+  setTimeout(function() {
+    jscoverage_inLengthyOperation = false;
+    progressBar.style.visibility = 'hidden';
+    var progressLabel = document.getElementById('progressLabel');
+    progressLabel.style.visibility = 'hidden';
+    progressLabel.innerHTML = '';
+
+    var tabs = document.getElementById('tabs').getElementsByTagName('div');
+    var i;
+    for (i = 0; i < tabs.length; i++) {
+      tabs.item(i).style.cursor = '';
+    }
+  }, 50);
+}
+
+function jscoverage_setSize() {
+//#JSCOVERAGE_IF /MSIE/.test(navigator.userAgent)
+  var viewportHeight = jscoverage_getViewportHeight();
+
+  /*
+  border-top-width:     1px
+  padding-top:         10px
+  padding-bottom:      10px
+  border-bottom-width:  1px
+  margin-bottom:       10px
+                       ----
+                       32px
+  */
+  var tabPages = document.getElementById('tabPages');
+  var tabPageHeight = (viewportHeight - jscoverage_findPos(tabPages) - 32) + 'px';
+  var nodeList = tabPages.childNodes;
+  var length = nodeList.length;
+  for (var i = 0; i < length; i++) {
+    var node = nodeList.item(i);
+    if (node.nodeType !== 1) {
+      continue;
+    }
+    node.style.height = tabPageHeight;
+  }
+
+  var iframeDiv = document.getElementById('iframeDiv');
+  // may not exist if we have removed the first tab
+  if (iframeDiv) {
+    iframeDiv.style.height = (viewportHeight - jscoverage_findPos(iframeDiv) - 21) + 'px';
+  }
+
+  var summaryDiv = document.getElementById('summaryDiv');
+  summaryDiv.style.height = (viewportHeight - jscoverage_findPos(summaryDiv) - 21) + 'px';
+
+  var sourceDiv = document.getElementById('sourceDiv');
+  sourceDiv.style.height = (viewportHeight - jscoverage_findPos(sourceDiv) - 21) + 'px';
+
+  var storeDiv = document.getElementById('storeDiv');
+  if (storeDiv) {
+    storeDiv.style.height = (viewportHeight - jscoverage_findPos(storeDiv) - 21) + 'px';
+  }
+//#JSCOVERAGE_ENDIF
+}
+
+/**
+Returns the boolean value of a string.  Values 'false', 'f', 'no', 'n', 'off',
+and '0' (upper or lower case) are false.
+@param  s  the string
+@return  a boolean value
+*/
+function jscoverage_getBooleanValue(s) {
+  s = s.toLowerCase();
+  if (s === 'false' || s === 'f' || s === 'no' || s === 'n' || s === 'off' || s === '0') {
+    return false;
+  }
+  return true;
+}
+
+function jscoverage_removeTab(id) {
+  var tab = document.getElementById(id + 'Tab');
+  tab.parentNode.removeChild(tab);
+  var tabPage = document.getElementById(id + 'TabPage');
+  tabPage.parentNode.removeChild(tabPage);
+}
+
+function jscoverage_isValidURL(url) {
+  // RFC 3986
+  var matches = /^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/.exec(url);
+  if (matches === null) {
+    return false;
+  }
+  var scheme = matches[1];
+  if (typeof scheme === 'string') {
+    scheme = scheme.toLowerCase();
+    return scheme === '' || scheme === 'file:' || scheme === 'http:' || scheme === 'https:';
+  }
+  return true;
+}
+
+/**
+Initializes the contents of the tabs.  This sets the initial values of the
+input field and iframe in the "Browser" tab and the checkbox in the "Summary"
+tab.
+@param  queryString  this should always be location.search
+*/
+function jscoverage_initTabContents(queryString) {
+  var showMissingColumn = false;
+  var url = null;
+  var windowURL = null;
+  var parameters, parameter, i, index, name, value;
+  if (queryString.length > 0) {
+    // chop off the question mark
+    queryString = queryString.substring(1);
+    parameters = queryString.split(/&|;/);
+    for (i = 0; i < parameters.length; i++) {
+      parameter = parameters[i];
+      index = parameter.indexOf('=');
+      if (index === -1) {
+        // still works with old syntax
+        url = decodeURIComponent(parameter);
+      }
+      else {
+        name = parameter.substr(0, index);
+        value = decodeURIComponent(parameter.substr(index + 1));
+        if (name === 'missing' || name === 'm') {
+          showMissingColumn = jscoverage_getBooleanValue(value);
+        }
+        else if (name === 'url' || name === 'u' || name === 'frame' || name === 'f') {
+          url = value;
+        }
+        else if (name === 'window' || name === 'w') {
+          windowURL = value;
+        }
+      }
+    }
+  }
+
+  var checkbox = document.getElementById('checkbox');
+  checkbox.checked = showMissingColumn;
+  if (showMissingColumn) {
+    jscoverage_appendMissingColumn();
+  }
+
+  var isValidURL = function (url) {
+    var result = jscoverage_isValidURL(url);
+    if (! result) {
+      alert('Invalid URL: ' + url);
+    }
+    return result;
+  };
+
+  if (url !== null && isValidURL(url)) {
+    // this will automatically propagate to the input field
+    frames[0].location = url;
+  }
+  else if (windowURL !== null && isValidURL(windowURL)) {
+    window.open(windowURL);
+  }
+
+  // if the browser tab is absent, we have to initialize the summary tab
+  if (! document.getElementById('browserTab')) {
+    jscoverage_recalculateSummaryTab();
+  }
+}
+
+function jscoverage_body_load() {
+  // check if this is a file: URL
+  if (window.location && window.location.href && /^file:/i.test(window.location.href)) {
+    var warningDiv = document.getElementById('warningDiv');
+    warningDiv.style.display = 'block';
+  }
+
+  var progressBar = document.getElementById('progressBar');
+  ProgressBar.init(progressBar);
+
+  function reportError(e) {
+    jscoverage_endLengthyOperation();
+    var summaryThrobber = document.getElementById('summaryThrobber');
+    summaryThrobber.style.visibility = 'hidden';
+    var div = document.getElementById('summaryErrorDiv');
+    div.innerHTML = 'Error: ' + e;
+  }
+
+  if (jscoverage_isReport) {
+    jscoverage_beginLengthyOperation();
+    var summaryThrobber = document.getElementById('summaryThrobber');
+    summaryThrobber.style.visibility = 'visible';
+    var request = jscoverage_createRequest();
+    try {
+      request.open('GET', 'jscoverage.json', true);
+      request.onreadystatechange = function (event) {
+        if (request.readyState === 4) {
+          try {
+            if (request.status !== 0 && request.status !== 200) {
+              throw request.status;
+            }
+            var response = request.responseText;
+            if (response === '') {
+              throw 404;
+            }
+
+            var json;
+            if (window.JSON && window.JSON.parse) {
+              json = window.JSON.parse(response);
+            }
+            else {
+              json = eval('(' + response + ')');
+            }
+
+            var file;
+            for (file in json) {
+              if (! json.hasOwnProperty(file)) {
+                continue;
+              }
+
+              var fileCoverage = json[file];
+              _$jscoverage[file] = fileCoverage.coverage;
+              _$jscoverage[file].source = fileCoverage.source;
+            }
+            jscoverage_recalculateSummaryTab();
+            summaryThrobber.style.visibility = 'hidden';
+          }
+          catch (e) {
+            reportError(e);
+          }
+        }
+      };
+      request.send(null);
+    }
+    catch (e) {
+      reportError(e);
+    }
+
+    jscoverage_removeTab('browser');
+    jscoverage_removeTab('store');
+  }
+  else {
+    if (jscoverage_isInvertedMode) {
+      jscoverage_removeTab('browser');
+    }
+
+    if (! jscoverage_isServer) {
+      jscoverage_removeTab('store');
+    }
+  }
+
+  jscoverage_initTabControl();
+
+  jscoverage_initTabContents(location.search);
+}
+
+function jscoverage_body_resize() {
+  if (/MSIE/.test(navigator.userAgent)) {
+    jscoverage_setSize();
+  }
+}
+
+// -----------------------------------------------------------------------------
+// tab 1
+
+function jscoverage_updateBrowser() {
+  var input = document.getElementById("location");
+  frames[0].location = input.value;
+}
+
+function jscoverage_openWindow() {
+  var input = document.getElementById("location");
+  var url = input.value;
+  window.open(url);
+}
+
+function jscoverage_input_keypress(e) {
+  if (e.keyCode === 13) {
+    if (e.shiftKey) {
+      jscoverage_openWindow();
+    }
+    else {
+      jscoverage_updateBrowser();
+    }
+  }
+}
+
+function jscoverage_openInFrameButton_click() {
+  jscoverage_updateBrowser();
+}
+
+function jscoverage_openInWindowButton_click() {
+  jscoverage_openWindow();
+}
+
+function jscoverage_browser_load() {
+  /* update the input box */
+  var input = document.getElementById("location");
+
+  /* sometimes IE seems to fire this after the tab has been removed */
+  if (input) {
+    input.value = frames[0].location;
+  }
+}
+
+// -----------------------------------------------------------------------------
+// tab 2
+
+function jscoverage_createHandler(file, line) {
+  return function () {
+    jscoverage_get(file, line);
+    return false;
+  };
+}
+
+function jscoverage_createLink(file, line) {
+  var link = document.createElement("a");
+  link.href = '#';
+  link.onclick = jscoverage_createHandler(file, line);
+
+  var text;
+  if (line) {
+    text = line.toString();
+  }
+  else {
+    text = file;
+  }
+
+  link.appendChild(document.createTextNode(text));
+
+  return link;
+}
+
+function jscoverage_recalculateSummaryTab(cc) {
+  var checkbox = document.getElementById('checkbox');
+  var showMissingColumn = checkbox.checked;
+
+  if (! cc) {
+    cc = window._$jscoverage;
+  }
+  if (! cc) {
+//#JSCOVERAGE_IF 0
+    throw "No coverage information found.";
+//#JSCOVERAGE_ENDIF
+  }
+
+  var tbody = document.getElementById("summaryTbody");
+  while (tbody.hasChildNodes()) {
+    tbody.removeChild(tbody.firstChild);
+  }
+
+  var totals = { files:0, statements:0, executed:0 };
+
+  var file;
+  var files = [];
+  for (file in cc) {
+    if (! cc.hasOwnProperty(file)) {
+      continue;
+    }
+
+    files.push(file);
+  }
+  files.sort();
+
+  var rowCounter = 0;
+  for (var f = 0; f < files.length; f++) {
+    file = files[f];
+    var lineNumber;
+    var num_statements = 0;
+    var num_executed = 0;
+    var missing = [];
+    var fileCC = cc[file];
+    var length = fileCC.length;
+    var currentConditionalEnd = 0;
+    var conditionals = null;
+    if (fileCC.conditionals) {
+      conditionals = fileCC.conditionals;
+    }
+    for (lineNumber = 0; lineNumber < length; lineNumber++) {
+      var n = fileCC[lineNumber];
+
+      if (lineNumber === currentConditionalEnd) {
+        currentConditionalEnd = 0;
+      }
+      else if (currentConditionalEnd === 0 && conditionals && conditionals[lineNumber]) {
+        currentConditionalEnd = conditionals[lineNumber];
+      }
+
+      if (currentConditionalEnd !== 0) {
+        continue;
+      }
+
+      if (n === undefined || n === null) {
+        continue;
+      }
+
+      if (n === 0) {
+        missing.push(lineNumber);
+      }
+      else {
+        num_executed++;
+      }
+      num_statements++;
+    }
+
+    var percentage = ( num_statements === 0 ? 0 : parseInt(100 * num_executed / num_statements) );
+
+    var row = document.createElement("tr");
+    row.className = ( rowCounter++ % 2 == 0 ? "odd" : "even" );
+
+    var cell = document.createElement("td");
+    cell.className = 'leftColumn';
+    var link = jscoverage_createLink(file);
+    cell.appendChild(link);
+
+    row.appendChild(cell);
+
+    cell = document.createElement("td");
+    cell.className = 'numeric';
+    cell.appendChild(document.createTextNode(num_statements));
+    row.appendChild(cell);
+
+    cell = document.createElement("td");
+    cell.className = 'numeric';
+    cell.appendChild(document.createTextNode(num_executed));
+    row.appendChild(cell);
+
+    // new coverage td containing a bar graph
+    cell = document.createElement("td");
+    cell.className = 'coverage';
+    var pctGraph = document.createElement("div"),
+        covered = document.createElement("div"),
+        pct = document.createElement("span");
+    pctGraph.className = "pctGraph";
+    if( num_statements === 0 ) {
+        covered.className = "skipped";
+        pct.appendChild(document.createTextNode("N/A"));
+    } else {
+        covered.className = "covered";
+        covered.style.width = percentage + "px";
+        pct.appendChild(document.createTextNode(percentage + '%'));
+    }
+    pct.className = "pct";
+    pctGraph.appendChild(covered);
+    cell.appendChild(pctGraph);
+    cell.appendChild(pct);
+    row.appendChild(cell);
+
+    if (showMissingColumn) {
+      cell = document.createElement("td");
+      for (var i = 0; i < missing.length; i++) {
+        if (i !== 0) {
+          cell.appendChild(document.createTextNode(", "));
+        }
+        link = jscoverage_createLink(file, missing[i]);
+
+        // group contiguous missing lines; e.g., 10, 11, 12 -> 10-12
+        var j, start = missing[i];
+        for (;;) {
+          j = 1;
+          while (i + j < missing.length && missing[i + j] == missing[i] + j) {
+            j++;
+          }
+          var nextmissing = missing[i + j], cur = missing[i] + j;
+          if (isNaN(nextmissing)) {
+            break;
+          }
+          while (cur < nextmissing && ! fileCC[cur]) {
+            cur++;
+          }
+          if (cur < nextmissing || cur >= length) {
+            break;
+          }
+          i += j;
+        }
+        if (start != missing[i] || j > 1) {
+          i += j - 1;
+          link.innerHTML += "-" + missing[i];
+        }
+
+        cell.appendChild(link);
+      }
+      row.appendChild(cell);
+    }
+
+    tbody.appendChild(row);
+
+    totals['files'] ++;
+    totals['statements'] += num_statements;
+    totals['executed'] += num_executed;
+
+    // write totals data into summaryTotals row
+    var tr = document.getElementById("summaryTotals");
+    if (tr) {
+        var tds = tr.getElementsByTagName("td");
+        tds[0].getElementsByTagName("span")[1].firstChild.nodeValue = totals['files'];
+        tds[1].firstChild.nodeValue = totals['statements'];
+        tds[2].firstChild.nodeValue = totals['executed'];
+
+        var coverage = parseInt(100 * totals['executed'] / totals['statements']);
+        if( isNaN( coverage ) ) {
+            coverage = 0;
+        }
+        tds[3].getElementsByTagName("span")[0].firstChild.nodeValue = coverage + '%';
+        tds[3].getElementsByTagName("div")[1].style.width = coverage + 'px';
+    }
+
+  }
+  jscoverage_endLengthyOperation();
+}
+
+function jscoverage_appendMissingColumn() {
+  var headerRow = document.getElementById('headerRow');
+  var missingHeader = document.createElement('th');
+  missingHeader.id = 'missingHeader';
+  missingHeader.innerHTML = '<abbr title="List of statements missed during execution">Missing</abbr>';
+  headerRow.appendChild(missingHeader);
+  var summaryTotals = document.getElementById('summaryTotals');
+  var empty = document.createElement('td');
+  empty.id = 'missingCell';
+  summaryTotals.appendChild(empty);
+}
+
+function jscoverage_removeMissingColumn() {
+  var missingNode;
+  missingNode = document.getElementById('missingHeader');
+  missingNode.parentNode.removeChild(missingNode);
+  missingNode = document.getElementById('missingCell');
+  missingNode.parentNode.removeChild(missingNode);
+}
+
+function jscoverage_checkbox_click() {
+  if (jscoverage_inLengthyOperation) {
+    return false;
+  }
+  jscoverage_beginLengthyOperation();
+  var checkbox = document.getElementById('checkbox');
+  var showMissingColumn = checkbox.checked;
+  setTimeout(function() {
+    if (showMissingColumn) {
+      jscoverage_appendMissingColumn();
+    }
+    else {
+      jscoverage_removeMissingColumn();
+    }
+    jscoverage_recalculateSummaryTab();
+  }, 50);
+  return true;
+}
+
+// -----------------------------------------------------------------------------
+// tab 3
+
+function jscoverage_makeTable() {
+  var coverage = _$jscoverage[jscoverage_currentFile];
+  var lines = coverage.source;
+
+  // this can happen if there is an error in the original JavaScript file
+  if (! lines) {
+    lines = [];
+  }
+
+  var rows = ['<table id="sourceTable">'];
+  var i = 0;
+  var progressBar = document.getElementById('progressBar');
+  var tableHTML;
+  var currentConditionalEnd = 0;
+
+  function joinTableRows() {
+    tableHTML = rows.join('');
+    ProgressBar.setPercentage(progressBar, 60);
+    /*
+    This may be a long delay, so set a timeout of 100 ms to make sure the
+    display is updated.
+    */
+    setTimeout(appendTable, 100);
+  }
+
+  function appendTable() {
+    var sourceDiv = document.getElementById('sourceDiv');
+    sourceDiv.innerHTML = tableHTML;
+    ProgressBar.setPercentage(progressBar, 80);
+    setTimeout(jscoverage_scrollToLine, 0);
+  }
+
+  while (i < lines.length) {
+    var lineNumber = i + 1;
+
+    if (lineNumber === currentConditionalEnd) {
+      currentConditionalEnd = 0;
+    }
+    else if (currentConditionalEnd === 0 && coverage.conditionals && coverage.conditionals[lineNumber]) {
+      currentConditionalEnd = coverage.conditionals[lineNumber];
+    }
+
+    var row = '<tr>';
+    row += '<td class="numeric">' + lineNumber + '</td>';
+    var timesExecuted = coverage[lineNumber];
+    if (timesExecuted !== undefined && timesExecuted !== null) {
+      if (currentConditionalEnd !== 0) {
+        row += '<td class="y numeric">';
+      }
+      else if (timesExecuted === 0) {
+        row += '<td class="r numeric" id="line-' + lineNumber + '">';
+      }
+      else {
+        row += '<td class="g numeric">';
+      }
+      row += timesExecuted;
+      row += '</td>';
+    }
+    else {
+      row += '<td></td>';
+    }
+    row += '<td><pre>' + lines[i] + '</pre></td>';
+    row += '</tr>';
+    row += '\n';
+    rows[lineNumber] = row;
+    i++;
+  }
+  rows[i + 1] = '</table>';
+  ProgressBar.setPercentage(progressBar, 40);
+  setTimeout(joinTableRows, 0);
+}
+
+function jscoverage_scrollToLine() {
+  jscoverage_selectTab('sourceTab');
+  if (! window.jscoverage_currentLine) {
+    jscoverage_endLengthyOperation();
+    return;
+  }
+  var div = document.getElementById('sourceDiv');
+  if (jscoverage_currentLine === 1) {
+    div.scrollTop = 0;
+  }
+  else {
+    var cell = document.getElementById('line-' + jscoverage_currentLine);
+
+    // this might not be there if there is an error in the original JavaScript
+    if (cell) {
+      var divOffset = jscoverage_findPos(div);
+      var cellOffset = jscoverage_findPos(cell);
+      div.scrollTop = cellOffset - divOffset;
+    }
+  }
+  jscoverage_currentLine = 0;
+  jscoverage_endLengthyOperation();
+}
+
+/**
+Loads the given file (and optional line) in the source tab.
+*/
+function jscoverage_get(file, line) {
+  if (jscoverage_inLengthyOperation) {
+    return;
+  }
+  jscoverage_beginLengthyOperation();
+  setTimeout(function() {
+    var sourceDiv = document.getElementById('sourceDiv');
+    sourceDiv.innerHTML = '';
+    jscoverage_selectTab('sourceTab');
+    if (file === jscoverage_currentFile) {
+      jscoverage_currentLine = line;
+      jscoverage_recalculateSourceTab();
+    }
+    else {
+      if (jscoverage_currentFile === null) {
+        var tab = document.getElementById('sourceTab');
+        tab.className = '';
+        tab.onclick = jscoverage_tab_click;
+      }
+      jscoverage_currentFile = file;
+      jscoverage_currentLine = line || 1;  // when changing the source, always scroll to top
+      var fileDiv = document.getElementById('fileDiv');
+      fileDiv.innerHTML = jscoverage_currentFile;
+      jscoverage_recalculateSourceTab();
+      return;
+    }
+  }, 50);
+}
+
+/**
+Calculates coverage statistics for the current source file.
+*/
+function jscoverage_recalculateSourceTab() {
+  if (! jscoverage_currentFile) {
+    jscoverage_endLengthyOperation();
+    return;
+  }
+  var progressLabel = document.getElementById('progressLabel');
+  progressLabel.innerHTML = 'Calculating coverage ...';
+  var progressBar = document.getElementById('progressBar');
+  ProgressBar.setPercentage(progressBar, 20);
+  setTimeout(jscoverage_makeTable, 0);
+}
+
+// -----------------------------------------------------------------------------
+// tabs
+
+/**
+Initializes the tab control.  This function must be called when the document is
+loaded.
+*/
+function jscoverage_initTabControl() {
+  var tabs = document.getElementById('tabs');
+  var i;
+  var child;
+  var tabNum = 0;
+  for (i = 0; i < tabs.childNodes.length; i++) {
+    child = tabs.childNodes.item(i);
+    if (child.nodeType === 1) {
+      if (child.className !== 'disabled') {
+        child.onclick = jscoverage_tab_click;
+      }
+      tabNum++;
+    }
+  }
+  jscoverage_selectTab(0);
+}
+
+/**
+Selects a tab.
+@param  tab  the integer index of the tab (0, 1, 2, or 3)
+             OR
+             the ID of the tab element
+             OR
+             the tab element itself
+*/
+function jscoverage_selectTab(tab) {
+  if (typeof tab !== 'number') {
+    tab = jscoverage_tabIndexOf(tab);
+  }
+  var tabs = document.getElementById('tabs');
+  var tabPages = document.getElementById('tabPages');
+  var nodeList;
+  var tabNum;
+  var i;
+  var node;
+
+  nodeList = tabs.childNodes;
+  tabNum = 0;
+  for (i = 0; i < nodeList.length; i++) {
+    node = nodeList.item(i);
+    if (node.nodeType !== 1) {
+      continue;
+    }
+
+    if (node.className !== 'disabled') {
+      if (tabNum === tab) {
+        node.className = 'selected';
+      }
+      else {
+        node.className = '';
+      }
+    }
+    tabNum++;
+  }
+
+  nodeList = tabPages.childNodes;
+  tabNum = 0;
+  for (i = 0; i < nodeList.length; i++) {
+    node = nodeList.item(i);
+    if (node.nodeType !== 1) {
+      continue;
+    }
+
+    if (tabNum === tab) {
+      node.className = 'selected TabPage';
+    }
+    else {
+      node.className = 'TabPage';
+    }
+    tabNum++;
+  }
+}
+
+/**
+Returns an integer (0, 1, 2, or 3) representing the index of a given tab.
+@param  tab  the ID of the tab element
+             OR
+             the tab element itself
+*/
+function jscoverage_tabIndexOf(tab) {
+  if (typeof tab === 'string') {
+    tab = document.getElementById(tab);
+  }
+  var tabs = document.getElementById('tabs');
+  var i;
+  var child;
+  var tabNum = 0;
+  for (i = 0; i < tabs.childNodes.length; i++) {
+    child = tabs.childNodes.item(i);
+    if (child.nodeType === 1) {
+      if (child === tab) {
+        return tabNum;
+      }
+      tabNum++;
+    }
+  }
+//#JSCOVERAGE_IF 0
+  throw "Tab not found";
+//#JSCOVERAGE_ENDIF
+}
+
+function jscoverage_tab_click(e) {
+  if (jscoverage_inLengthyOperation) {
+    return;
+  }
+  var target;
+//#JSCOVERAGE_IF
+  if (e) {
+    target = e.target;
+  }
+  else if (window.event) {
+    // IE
+    target = window.event.srcElement;
+  }
+  if (target.className === 'selected') {
+    return;
+  }
+  jscoverage_beginLengthyOperation();
+  setTimeout(function() {
+    if (target.id === 'summaryTab') {
+      var tbody = document.getElementById("summaryTbody");
+      while (tbody.hasChildNodes()) {
+        tbody.removeChild(tbody.firstChild);
+      }
+    }
+    else if (target.id === 'sourceTab') {
+      var sourceDiv = document.getElementById('sourceDiv');
+      sourceDiv.innerHTML = '';
+    }
+    jscoverage_selectTab(target);
+    if (target.id === 'summaryTab') {
+      jscoverage_recalculateSummaryTab();
+    }
+    else if (target.id === 'sourceTab') {
+      jscoverage_recalculateSourceTab();
+    }
+    else {
+      jscoverage_endLengthyOperation();
+    }
+  }, 50);
+}
+
+// -----------------------------------------------------------------------------
+// progress bar
+
+var ProgressBar = {
+  init: function(element) {
+    element._percentage = 0;
+
+    /* doing this via JavaScript crashes Safari */
+/*
+    var pctGraph = document.createElement('div');
+    pctGraph.className = 'pctGraph';
+    element.appendChild(pctGraph);
+    var covered = document.createElement('div');
+    covered.className = 'covered';
+    pctGraph.appendChild(covered);
+    var pct = document.createElement('span');
+    pct.className = 'pct';
+    element.appendChild(pct);
+*/
+
+    ProgressBar._update(element);
+  },
+  setPercentage: function(element, percentage) {
+    element._percentage = percentage;
+    ProgressBar._update(element);
+  },
+  _update: function(element) {
+    var pctGraph = element.getElementsByTagName('div').item(0);
+    var covered = pctGraph.getElementsByTagName('div').item(0);
+    var pct = element.getElementsByTagName('span').item(0);
+    pct.innerHTML = element._percentage.toString() + '%';
+    covered.style.width = element._percentage + 'px';
+  }
+};
+
+// -----------------------------------------------------------------------------
+// reports
+
+function jscoverage_pad(s) {
+  return '0000'.substr(s.length) + s;
+}
+
+function jscoverage_quote(s) {
+  return '"' + s.replace(/[\u0000-\u001f"\\\u007f-\uffff]/g, function (c) {
+    switch (c) {
+    case '\b':
+      return '\\b';
+    case '\f':
+      return '\\f';
+    case '\n':
+      return '\\n';
+    case '\r':
+      return '\\r';
+    case '\t':
+      return '\\t';
+    // IE doesn't support this
+    /*
+    case '\v':
+      return '\\v';
+    */
+    case '"':
+      return '\\"';
+    case '\\':
+      return '\\\\';
+    default:
+      return '\\u' + jscoverage_pad(c.charCodeAt(0).toString(16));
+    }
+  }) + '"';
+}
+
+function jscoverage_serializeCoverageToJSON() {
+  var json = [];
+  for (var file in _$jscoverage) {
+    if (! _$jscoverage.hasOwnProperty(file)) {
+      continue;
+    }
+
+    var coverage = _$jscoverage[file];
+
+    var array = [];
+    var length = coverage.length;
+    for (var line = 0; line < length; line++) {
+      var value = coverage[line];
+      if (value === undefined || value === null) {
+        value = 'null';
+      }
+      array.push(value);
+    }
+
+    var source = coverage.source;
+    var lines = [];
+    length = source.length;
+    for (var line = 0; line < length; line++) {
+      lines.push(jscoverage_quote(source[line]));
+    }
+
+    json.push(jscoverage_quote(file) + ':{"coverage":[' + array.join(',') + '],"source":[' + lines.join(',') + ']}');
+  }
+  return '{' + json.join(',') + '}';
+}
+
+function jscoverage_storeButton_click() {
+  if (jscoverage_inLengthyOperation) {
+    return;
+  }
+
+  jscoverage_beginLengthyOperation();
+  var img = document.getElementById('storeImg');
+  img.style.visibility = 'visible';
+
+  var request = jscoverage_createRequest();
+  request.open('POST', '/jscoverage-store', true);
+  request.onreadystatechange = function (event) {
+    if (request.readyState === 4) {
+      var message;
+      try {
+        if (request.status !== 200 && request.status !== 201 && request.status !== 204) {
+          throw request.status;
+        }
+        message = request.responseText;
+      }
+      catch (e) {
+        if (e.toString().search(/^\d{3}$/) === 0) {
+          message = e + ': ' + request.responseText;
+        }
+        else {
+          message = 'Could not connect to server: ' + e;
+        }
+      }
+
+      jscoverage_endLengthyOperation();
+      var img = document.getElementById('storeImg');
+      img.style.visibility = 'hidden';
+
+      var div = document.getElementById('storeDiv');
+      div.appendChild(document.createTextNode(new Date() + ': ' + message));
+      div.appendChild(document.createElement('br'));
+    }
+  };
+  request.setRequestHeader('Content-Type', 'application/json');
+  var json = jscoverage_serializeCoverageToJSON();
+  request.setRequestHeader('Content-Length', json.length.toString());
+  request.send(json);
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/readCoverage.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/readCoverage.js
new file mode 100644
index 000000000..fbd437322
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/coverage/readCoverage.js
@@ -0,0 +1,98 @@
+/**
+ *
+ */
+///import source
+function creatJscoverage(){
+    try {
+        if (typeof top === 'object' && top !== null && typeof top.opener === 'object' && top.opener !== null) {
+            // this is a browser window that was opened from another window
+            if (! top.opener._$jscoverage) {
+                top.opener._$jscoverage = {};
+            }
+        }
+    }
+
+    catch (e) {}
+    try {
+        if (typeof top === 'object' && top !== null) {
+            // this is a browser window
+            try {
+                if (typeof top.opener === 'object' && top.opener !== null && top.opener._$jscoverage) {
+                    top._$jscoverage = top.opener._$jscoverage;
+                }
+            }
+            catch (e) {}
+
+            if (! top._$jscoverage) {
+                top._$jscoverage = {};
+            }
+        }
+    }
+    catch (e) {}
+
+    try {
+        if (typeof top === 'object' && top !== null && top._$jscoverage) {
+            _$jscoverage = top._$jscoverage;
+        }
+    }
+    catch (e) {}
+    if (typeof _$jscoverage !== 'object') {
+        _$jscoverage = {};
+    }
+}
+
+(function(){
+    var xmlDoc;
+    if (window.ActiveXObject)
+    {
+        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
+        if(xmlDoc != null)
+        {
+            xmlDoc.async=true;
+            xmlDoc.load("../HTML_Report/report.xml");
+        }
+    }
+    else if(document.implementation && document.implementation.createDocument)
+    {
+        var xmlHttp=new window.XMLHttpRequest();
+        xmlHttp.open("GET","../HTML_Report/report.xml",false);
+        xmlHttp.send(null);
+        xmlDoc = xmlHttp.responseXML;
+    }else{
+        xmlDom=null;
+    }
+    function readCoverage(){
+        creatJscoverage();
+        var nodeNumber=xmlDoc.getElementsByTagName("testsuite").length;
+        for(i=0;i<nodeNumber;i++)
+        {
+            var nodeName= xmlDoc.getElementsByTagName("testsuite")[i];
+            var num = nodeName.getElementsByTagName("testcase").length;
+            for(var j=0;j<num;j++){
+                var testname = nodeName.getElementsByTagName("testcase")[j];
+                var casename = testname.getAttribute("name").split('_').join('/')+'.js';
+                if(!_$jscoverage[casename]){
+                    _$jscoverage[casename]=[];
+                }
+                if(testname.getAttribute("cov")=='_') continue;
+                var str_r = testname.getAttribute("recordCovForBrowser").split(',');
+                for(var z=0;z<str_r.length;z++){
+                    if(str_r[z]!=2){
+                        if(!_$jscoverage[casename][z])
+                            _$jscoverage[casename][z]=0;
+                        _$jscoverage[casename][z]+=parseInt(str_r[z]);
+                    }
+                }
+            }
+        }
+        loadSource();
+    }
+    if(window.ActiveXObject){
+        alert("Your browser is IE,click confirm button to continue ");
+        readCoverage();
+    } else{
+        readCoverage();
+    }
+})();
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/bg_button_a.gif b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/bg_button_a.gif
new file mode 100644
index 000000000..c8e740d74
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/bg_button_a.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/bg_button_span.gif b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/bg_button_span.gif
new file mode 100644
index 000000000..7da2e19f7
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/bg_button_span.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/qunit.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/qunit.css
new file mode 100644
index 000000000..78a7d7e3d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/qunit.css
@@ -0,0 +1,215 @@
+/** Font Family and Sizes */
+
+#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
+	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+}
+
+#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
+#qunit-tests { font-size: smaller; }
+
+
+/** Resets */
+
+#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
+	margin: 0;
+	padding: 0;
+}
+
+
+/** Header */
+
+#qunit-header {
+	padding: 0.5em 0 0.5em 1em;
+
+	color: #8699a4;
+	background-color: #0d3349;
+
+	font-size: 1.5em;
+	line-height: 1em;
+	font-weight: normal;
+	
+	border-radius: 15px 15px 0 0;
+	-moz-border-radius: 15px 15px 0 0;
+	-webkit-border-top-right-radius: 15px;
+	-webkit-border-top-left-radius: 15px;
+}
+
+#qunit-header a {
+	text-decoration: none;
+	color: #c2ccd1;
+}
+
+#qunit-header a:hover,
+#qunit-header a:focus {
+	color: #fff;
+}
+
+#qunit-banner {
+	height: 5px;
+}
+
+#qunit-testrunner-toolbar {
+	padding: 0.5em 0 0.5em 2em;
+	color: #5E740B;
+	background-color: #eee;
+}
+
+#qunit-userAgent {
+	padding: 0.5em 0 0.5em 2.5em;
+	background-color: #2b81af;
+	color: #fff;
+	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
+}
+
+
+/** Tests: Pass/Fail */
+
+#qunit-tests {
+	list-style-position: inside;
+}
+
+#qunit-tests li {
+	padding: 0.4em 0.5em 0.4em 2.5em;
+	border-bottom: 1px solid #fff;
+	list-style-position: inside;
+}
+
+#qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running  {
+	display: none;
+}
+
+#qunit-tests li strong {
+	cursor: pointer;
+}
+
+#qunit-tests li a {
+	padding: 0.5em;
+	color: #c2ccd1;
+	text-decoration: none;
+}
+#qunit-tests li a:hover,
+#qunit-tests li a:focus {
+	color: #000;
+}
+
+#qunit-tests ol {
+	margin-top: 0.5em;
+	padding: 0.5em;
+	
+	background-color: #fff;
+	
+	border-radius: 15px;
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	
+	box-shadow: inset 0px 2px 13px #999;
+	-moz-box-shadow: inset 0px 2px 13px #999;
+	-webkit-box-shadow: inset 0px 2px 13px #999;
+}
+
+#qunit-tests table {
+	border-collapse: collapse;
+	margin-top: .2em;
+}
+
+#qunit-tests th {
+	text-align: right;
+	vertical-align: top;
+	padding: 0 .5em 0 0;
+}
+
+#qunit-tests td {
+	vertical-align: top;
+}
+
+#qunit-tests pre {
+	margin: 0;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+}
+
+#qunit-tests del {
+	background-color: #e0f2be;
+	color: #374e0c;
+	text-decoration: none;
+}
+
+#qunit-tests ins {
+	background-color: #ffcaca;
+	color: #500;
+	text-decoration: none;
+}
+
+/*** Test Counts */
+
+#qunit-tests b.counts                       { color: black; }
+#qunit-tests b.passed                       { color: #5E740B; }
+#qunit-tests b.failed                       { color: #710909; }
+
+#qunit-tests li li {
+	margin: 0.5em;
+	padding: 0.4em 0.5em 0.4em 0.5em;
+	background-color: #fff;
+	border-bottom: none;
+	list-style-position: inside;
+}
+
+/*** Passing Styles */
+
+#qunit-tests li li.pass {
+	color: #5E740B;
+	background-color: #fff;
+	border-left: 26px solid #C6E746;
+}
+
+#qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
+#qunit-tests .pass .test-name               { color: #366097; }
+ 
+#qunit-tests .pass .test-actual,
+#qunit-tests .pass .test-expected           { color: #999999; }
+
+#qunit-banner.qunit-pass                    { background-color: #C6E746; }
+
+/*** Failing Styles */
+
+#qunit-tests li li.fail {
+	color: #710909;
+	background-color: #fff;
+	border-left: 26px solid #EE5757;
+}
+
+#qunit-tests > li:last-child {
+	border-radius: 0 0 15px 15px;
+	-moz-border-radius: 0 0 15px 15px;
+	-webkit-border-bottom-right-radius: 15px;
+	-webkit-border-bottom-left-radius: 15px;
+}
+
+#qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
+#qunit-tests .fail .test-name,
+#qunit-tests .fail .module-name             { color: #000000; }
+
+#qunit-tests .fail .test-actual             { color: #EE5757; }
+#qunit-tests .fail .test-expected           { color: green;   }
+
+#qunit-banner.qunit-fail                    { background-color: #EE5757; }
+
+
+/** Result */
+
+#qunit-testresult {
+	padding: 0.5em 0.5em 0.5em 2.5em;
+
+	color: #2b81af;
+	background-color: #D2E0E6;
+
+	border-bottom: 1px solid white;
+}
+
+/** Fixture */
+
+#qunit-fixture {
+	position: absolute;
+	top: -10000px;
+	left: -10000px;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/tangramtest.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/tangramtest.css
new file mode 100644
index 000000000..cd306e139
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/tangramtest.css
@@ -0,0 +1,173 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+
+html {
+	border: 0;
+	height: 100%;
+}
+
+body {
+	font: 12px/1.5 Lucida Grande, Helvetica, Arial, sans-serif;
+	background: #F3F1F1;
+	color: #41464D;
+}
+
+body,#container {
+	width: 100%;
+	height: 100%;
+}
+
+.clear { /* generic container (i.e. div) for floating buttons */
+	overflow: hidden;
+	width: 100%;
+}
+
+a {
+	text-decoration: none;
+	overflow: hidden;
+}
+
+#title {
+	top: 0;
+	left: 0;
+	width: 100%;
+	padding: 5px 0;
+	background: #aaa;
+	background: #41464D;
+	color: #F3F1F1;
+	height: 30px;
+}
+
+a:link,a:visited {
+	color: #528CE0;
+}
+
+a:hover,a:active {
+	color: #41464D !important;
+	cursor: pointer !important;
+}
+
+#title h1 {
+	height: 30px;
+	font: 25px/1.1 Arial, sans-serif;
+	font-weight: bolder;
+	float: left;
+	margin: 1px 0 2px 20px;
+	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
+}
+
+h3 {
+	font-size: 14px;
+	padding: 3px 5px 1px;
+}
+
+.control {
+	background: #d5ded7;
+	width: 99%;
+}
+
+.testlist {
+	max-height: 200px;
+	overflow-y: scroll;
+	border-style: double;
+}
+
+.testlist a {
+	display: block;
+	width: 150px;
+	color: #657528;
+	background: #d5dea7;
+	border: 1px solid #c8dc7b;
+	margin: 5px 0 0 5px;
+	text-indent: 5px;
+	line-height: 24px;
+	font-size: 14px;
+	float: left;
+}
+
+a.button {
+	background: transparent url('bg_button_a.gif') no-repeat scroll top
+		right;
+	color: #444;
+	display: block;
+	float: left;
+	font: normal 12px arial, sans-serif;
+	height: 24px;
+	margin-right: 6px;
+	padding-right: 18px; /* sliding doors padding */
+	text-decoration: none;
+}
+
+a.button span {
+	background: transparent url('bg_button_span.gif') no-repeat;
+	display: block;
+	line-height: 14px;
+	padding: 5px 0 5px 18px;
+}
+
+a.button:active {
+	background-position: bottom right;
+	color: #000;
+	outline: none; /* hide dotted outline in Firefox */
+}
+
+a.button:active span {
+	background-position: bottom left;
+	padding: 6px 0 4px 18px; /* push text down 1px */
+}
+
+.testlist a:link {
+	
+}
+
+.testlist a:visited {
+	
+}
+
+.testlist a:hover {
+	background: #c8dc7b;
+}
+
+.testlist a.jsframe_jsspec {
+	background: #DDDDDD
+}
+
+.testlist a.running_case {
+	color: yellow;
+}
+
+.testlist a.fail_case {
+	color: red;
+}
+
+.testlist a.pass_case {
+	color: green;
+}
+
+.runningarea {
+	height: 60%;
+}
+
+.runningmaindiv {
+	height: 99%;
+}
+
+.runningframe {
+	height: 99.99%;
+	width: 99.99%;
+}
+
+.runningstatus {
+	clear: both;
+	height: 10%;
+	border: solid
+}
+
+.reportarea {
+	padding: 10px;
+	border: 10px blue;
+	max-height: 200px;
+	overflow-y: scroll;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/testsuite.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/testsuite.css
new file mode 100644
index 000000000..5714bf4a5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/css/testsuite.css
@@ -0,0 +1,119 @@
+
+ol#qunit-tests {
+	font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+	margin:0;
+	padding:0;
+	list-style-position:inside;
+
+	font-size: smaller;
+}
+ol#qunit-tests li{
+	padding:0.4em 0.5em 0.4em 2.5em;
+	border-bottom:1px solid #fff;
+	font-size:small;
+	list-style-position:inside;
+}
+ol#qunit-tests li ol{
+	box-shadow: inset 0px 2px 13px #999;
+	-moz-box-shadow: inset 0px 2px 13px #999;
+	-webkit-box-shadow: inset 0px 2px 13px #999;
+	margin-top:0.5em;
+	margin-left:0;
+	padding:0.5em;
+	background-color:#fff;
+	border-radius:15px;
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+}
+ol#qunit-tests li li{
+	border-bottom:none;
+	margin:0.5em;
+	background-color:#fff;
+	list-style-position: inside;
+	padding:0.4em 0.5em 0.4em 0.5em;
+}
+
+ol#qunit-tests li li.pass{
+	border-left:26px solid #C6E746;
+	background-color:#fff;
+	color:#5E740B;
+	}
+ol#qunit-tests li li.fail{
+	border-left:26px solid #EE5757;
+	background-color:#fff;
+	color:#710909;
+}
+ol#qunit-tests li.pass{
+	background-color:#D2E0E6;
+	color:#528CE0;
+}
+ol#qunit-tests li.fail{
+	background-color:#EE5757;
+	color:#000;
+}
+ol#qunit-tests li strong {
+	cursor:pointer;
+}
+h1#qunit-header{
+	background-color:#0d3349;
+	margin:0;
+	padding:0.5em 0 0.5em 1em;
+	color:#fff;
+	font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+	border-top-right-radius:15px;
+	border-top-left-radius:15px;
+	-moz-border-radius-topright:15px;
+	-moz-border-radius-topleft:15px;
+	-webkit-border-top-right-radius:15px;
+	-webkit-border-top-left-radius:15px;
+	text-shadow: rgba(0, 0, 0, 0.5) 4px 4px 1px;
+}
+h2#qunit-banner{
+	font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+	height:5px;
+	margin:0;
+	padding:0;
+}
+h2#qunit-banner.qunit-pass{
+	background-color:#C6E746;
+}
+h2#qunit-banner.qunit-fail, #qunit-testrunner-toolbar {
+	background-color:#EE5757;
+}
+#qunit-testrunner-toolbar {
+	font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+	padding:0;
+	/*width:80%;*/
+	padding:0em 0 0.5em 2em;
+	font-size: small;
+}
+h2#qunit-userAgent {
+	font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+	background-color:#2b81af;
+	margin:0;
+	padding:0;
+	color:#fff;
+	font-size: small;
+	padding:0.5em 0 0.5em 2.5em;
+	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
+}
+p#qunit-testresult{
+	font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+	margin:0;
+	font-size: small;
+	color:#2b81af;
+	border-bottom-right-radius:15px;
+	border-bottom-left-radius:15px;
+	-moz-border-radius-bottomright:15px;
+	-moz-border-radius-bottomleft:15px;
+	-webkit-border-bottom-right-radius:15px;
+	-webkit-border-bottom-left-radius:15px;
+	background-color:#D2E0E6;
+	padding:0.5em 0.5em 0.5em 2.5em;
+}
+strong b.fail{
+	color:#710909;
+	}
+strong b.pass{
+	color:#5E740B;
+	}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/filehelper.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/filehelper.php
new file mode 100644
index 000000000..bd4d691a1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/filehelper.php
@@ -0,0 +1,57 @@
+<?php
+//获取两个目录下的相同路径的文件数
+function getSameFile($src, $test, $path=''){
+	$result = array();
+	$as = listFile($src.$path);
+	$ts = listFile($test.$path);
+	$ds = array_intersect($as, $ts);
+	foreach($ds as $item){
+		$si = $src.$path.$item;
+		$ti = $test.$path.$item;
+		if(is_dir($si) && is_dir($ti)){
+			$result = array_merge($result, getSameFile($src, $test, $path.$item.'/'));
+		}else if(is_file($si) && is_file($ti)){
+			if(substr($si, -3) == '.js')
+			array_push($result, $path.$item);
+		}
+		else{
+			//			print("error : $si");
+		}
+	}
+	return $result;
+}
+
+//获取只在src中存在的文件，防止遗漏用例
+function getSrcOnlyFile($src, $test, $path=''){
+	$result = array();
+	$as = listFile($src.$path);
+	$ts = listFile($test.$path);
+	foreach($as as $item){
+		$si = $src.$path.$item;
+		$ti = $test.$path.$item;
+		if(is_dir($si) && is_dir($ti)){
+			$result = array_merge($result, getSrcOnlyFile($src, $test, $path.$item.'/'));
+		}else if(is_file($si) && !is_file($ti)){
+			if(substr($si, -3) == '.js')
+			array_push($result,$path.$item);
+		}
+		else{
+			//			print("error : $si");
+		}
+	}
+	return $result;
+}
+
+function listFile($dir){
+	$as = array();
+	if($dh = opendir($dir)){
+		while(($file = readdir($dh))!==false){
+			if(substr(basename($file), 0, 1) == '.')
+			continue;
+			array_push($as, basename($file));
+		}
+		closedir($dh);
+	}
+	return $as;
+}
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/geneHTML.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/geneHTML.php
new file mode 100644
index 000000000..6549fe7f0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/geneHTML.php
@@ -0,0 +1,209 @@
+<?php
+/**
+ * 使用注意事项：一般情况下不会所产生的测试结果表格内容不会有问题，
+ * 问题的引入是没有对每次添加的数据做浏览器判断，在正常情况下浏览器的顺序恒定不变的
+ * 当不同浏览器运行的测试内容不同的情况下，如ie8下采用filter=baidu.fx，
+ * 而chrome下采用filter=baidu.fx.collaplse
+ * 在添加浏览器的时候按照顺序会先添加chrome，再添加ie8
+ * 那么当chrome下用例只有baidu.fx.collapse的时候，
+ * 由于他会默认先找到的浏览器为chrome，那么与它相邻的ie8的baidu.fx.current的内容会左移到chrome下。
+ * 这个跟存储数据的格式有关系：caseList
+ * 							/         \
+ *               baidu.fx.collapse    baidu.fx.current
+ *              /           \             /            \
+ *          chrome          ie8         null           ie8
+ *         /  |  \         / |  \    (supposed       /   |  \
+ *    fail  total hostInfo          to be chrome)  fail total hostInfo
+ *
+ *
+ *
+ * 不直接使用<style type ="text/css">来设置css是因为有的邮件客户端会过滤这样的信息
+ *
+ * ***/
+function geneHTML($caseList, $name=''){
+	date_default_timezone_set('PRC');
+//	$url = (isset ($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : '') . $_SERVER['PHP_SELF'];
+    $url ="";
+	$html = "<!DOCTYPE><html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
+<style>td, th {border: 1px solid black;}</style></head><body><div>
+<h2 align='center'>自动化用例测试结果".date('Y-m-d H:i:s')."</h2>
+<a href='http://$url/../../../../report/base/$name' style='font:normal bolder 12pt Arial' title='效果应该比邮件好'>网页版</a>
+<table align='center' cellspacing='0' style='font:normal bolder 12pt Arial;border: 1px solid black; color: #000000; background-color: #F0FFFF; text-align: center;'>
+<tr><th colspan='16'>fail的用例统计</th></tr><tr><th rowspan='2'>用例名称</th>".getTrCase($caseList,true,1)."</table><p><br/></p>
+<table align='center' cellspacing='0' style='font:normal bolder 12pt Arial;border: 1px solid black; color: #000000; background-color: #F0FFFF; text-align: center;'>
+<tr><th colspan='17'>全部用例统计</th></tr><tr><th rowspan='2'>用例名称</th>".getTrCase($caseList,false,1)."<tr><th colspan='17'>未覆盖到的用例</th></tr>".getTrCase($caseList,false,0)."</table></div></body></html>";
+//  ."</table></div>"._srcOnlyList()."</body></html>"
+	return $html;
+}
+
+/**
+ * 创建遗漏用例列表
+ * FIXME: 需要过滤package类型，考虑使用js名称同名目录存在进行过滤或者白名单
+ */
+function _srcOnlyList(){
+	require 'case.class.php';
+	$list = Kiss::listSrcOnly(false);
+	$len = sizeof($list);
+	$flag="<table cellspacing='0' style='border: 1px solid black; "
+	."color: #fff; background-color: #0d3349; "
+	."text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px; "
+	."text-align: center;'><thead><tr><th>遗漏列表：总计$len，未过滤无需用例的package类型</th></tr><tr><td>";
+	$flag.=implode("</td></tr><tr><td>", $list);
+	$flag.="</tr></table>";
+	return $flag;
+}
+
+/**
+ *
+ * 根据实际浏览器书目确认生成表头
+ * @param unknown_type $caseList
+ */
+function getThBrowser($caseList){
+	//创建浏览器相关单元格
+	$thBrowser = '';
+	$count = 0;
+	foreach ($caseList as $casename => $casedetail) {
+		//每一个用例
+		foreach ($casedetail as $b => $info) {
+			$thBrowser .= "<th colspan='3'>$b</th>";
+			$count++;
+		}
+		$thBrowser .="</tr><tr>";
+		break;//遍历一次就知道所有浏览器的信息
+	}
+	for($index = 0; $index < $count; $index++) {
+		$thBrowser .= "<td>cov</td><td>fail</td><td>total</td>";
+	}
+
+	return $thBrowser."</tr>";
+}
+
+/**
+ *
+ * 根据执行结果生成单元格信息
+ * @param unknown_type $caseList
+ */
+function getTrCase($caseList,$onlyFail,$onlyCoverd){
+//$onlyFail 为真时，只显示 fail 的用例
+    //$onlyCoverd 为0时，只显示全浏览器覆盖率为0的用例;为1时，只显示全浏览器覆盖率不为0的用例；为其他时，显示所有的用例
+	//创建case名对应的单元格
+    $totalTrCase = '';
+	require_once 'config.php';
+    $rowColor = '#B0E0E6';//标记行的颜色，单双数行显示的背景颜色不同
+	$numBro = count(Config::getBrowserSet($configBrowserSet));
+    $averageCov = 0;//所有用例的全浏览器覆盖率的平均值（全浏览器覆盖率为0的不计）
+    $numCov = 0;//全浏览器覆盖率不为0的用例数量
+	foreach ($caseList as $casename => $caseDetail) {
+		//每一个用例
+        $ifFail = false;
+		$cnurl = implode('.', explode('_', $casename));
+		$trCase = '';
+        $totalCov = calTotalCov($caseDetail,$numBro);
+        $averageCov +=$totalCov;
+        $numCov = $totalCov==0?$numCov:$numCov+1;
+        if(($onlyCoverd==0&&$totalCov!=0)||($onlyCoverd==1&&$totalCov==0))//$onlyCoverd 为0时，只显示全浏览器覆盖率为0的用例;为1时，只显示全浏览器覆盖率不为0的用例；
+            continue;
+        if(!$onlyFail){//对于展示 fail 的用例的列表，不显示全浏览器覆盖率
+		    $trCase .= "<td title='全浏览器覆盖率'>".$totalCov.($totalCov=="_"?"":"%")."</td>";
+        }
+		foreach ($caseDetail as $br => $infos) {
+			//$b为browser名字,$info为详细信息
+			$fail = $infos['fail'];
+            $ifFail = $fail==0?$ifFail:true;
+			$total = $infos['total'];
+			$cov = $infos['cov'];
+			$color = $fail == 0 ? $rowColor : '#CD5C5C';
+            $PercentSign = $cov=='_'?'':'%';
+			$trCase .= "<td style='background-color:".$color."'>".$cov.$PercentSign."</td><td style='background-color:".$color."'>".$fail."</td><td style='background-color:".$color."'>".$total."</td>";
+        }
+		$trCase ="<tr style='background-color:$rowColor'><td><a href='http://../run.php?case=$cnurl'>运行</a>$casename</td>".$trCase."</tr>";
+        if(!$onlyFail||$ifFail){
+            $totalTrCase =$totalTrCase.$trCase;
+            $rowColor = $rowColor=='#F0FFFF'?'#B0E0E6':'#F0FFFF';
+        }
+        else;
+	}
+    $averageCov = number_format($averageCov/$numCov,1);
+    if($onlyCoverd==0)
+        $tableContent = $totalTrCase;
+    elseif(!$onlyFail)
+        $tableContent = "<th rowspan='2'>总覆盖率<br>(平均值：".$averageCov."%)</th>".getThBrowser($caseList).$totalTrCase;
+    else
+        $tableContent = getThBrowser($caseList).$totalTrCase;
+	return $tableContent;
+}
+
+/**
+ *
+ * 计算总覆盖率信息
+ * @param unknown_type $caseDetail
+ * @param unknown_type $brcount
+ */
+function calTotalCov($caseDetail,$brcount){
+    $length = -1;
+    $num_statements = 0;
+    $num_executed = 0;
+    $totalInfo = null;//数组，记录全浏览器的覆盖情况，对文件中的每一行：覆盖为1，没覆盖为0，不计数为2
+    $flag = 1;//$flag==-1时，各个浏览器覆盖率记录的文件信息有冲突，不能计算出全浏览器覆盖率（统计的文件长度不同/标记为2的不计入统计的行信息不同）
+	foreach ($caseDetail as $caseInfo){
+        //如果recordCovForBrowser为空，跳过这个$caseInfo
+        if($caseInfo['recordCovForBrowser']==''){
+            continue;
+        }
+        $infos = explode(',',$caseInfo['recordCovForBrowser']);
+
+        $length = ($length==-1||$length==count($infos))?count($infos):-1;
+        if($length==-1||$length!=count($infos))
+            break;//统计的文件长度不同
+        else
+            ;
+        if($totalInfo==null){
+//            if(count($infos)==1){
+//                $flag = 0;//没有覆盖率信息
+//                break;
+//            }
+            for($i=0;$i<count($infos);$i++){
+                $totalInfo[$i] = $infos[$i];
+
+            }
+        }
+        else{
+            for($i=0;$i<count($infos);$i++){
+
+                if($totalInfo[$i]==2){
+                    continue;
+                }
+                elseif($infos[$i]==2){
+                    $flag  = -1;//标记为2的不计入统计的行信息不同
+                    break;
+                }
+                elseif($totalInfo[$i]==0&&$infos[$i]==1){
+                    $totalInfo[$i] = 1;
+                }
+                else;
+            }
+            if($flag==-1){
+                break;
+            }
+	    }
+    }
+    if($flag==-1)//各个浏览器的统计信息有矛盾
+        $totalCov = "fail";
+    elseif($length==-1||$totalInfo==null)//没有覆盖率信息
+        $totalCov = "_";
+    else{
+        for($i=0;$i<count($totalInfo);$i++){
+            if($totalInfo[$i]==0)
+                $num_statements++;
+            elseif($totalInfo[$i]==1){
+                $num_statements++;
+                $num_executed++;
+            }
+            else;
+        }
+        $totalCov = number_format(100*($num_executed/$num_statements),1);
+    }
+	return $totalCov;
+}
+
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/geneHistory.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/geneHistory.php
new file mode 100644
index 000000000..7448bfd5e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/geneHistory.php
@@ -0,0 +1,19 @@
+<?php
+
+function geneHistory($html){
+	$path = '/home/work/repos/report/UEitor/';
+	if (!file_exists($path))
+	mkdir($path,0777,true);
+	date_default_timezone_set('PRC');
+	$time = date('Y-m-d-H-i-s');
+	$file_name = $path.'/'.$time.'.html';
+	$file_pointer = fopen($file_name, "w");
+	fwrite($file_pointer, $html);
+	fclose($file_pointer);
+	//提供一个供jenkens查看的报告链接
+	$report = 'report.html';
+	$handle = fopen("$report", "w");
+	fwrite($handle, $html);
+	fclose($handle);
+}
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/geneXML.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/geneXML.php
new file mode 100644
index 000000000..ae0742c1b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/geneXML.php
@@ -0,0 +1,82 @@
+<?php
+
+/**
+ * 追加接口参数，支持过滤成功用例
+ * @param unknown_type $onlyfails
+ */
+function interXML($onlyfails) {
+	if(!file_exists('report.xml'))
+	return array();
+    $xmlFile = simpleXML_load_file("report.xml");
+	$caseList = array ();
+    foreach($xmlFile->testsuite as $testsuite){
+		foreach ($testsuite->testcase as $testResult) {
+			//			$totalCov = 0;
+			$browser = $testResult['browserInfo'];
+			$host = $testResult['hostInfo'];
+			$caseName = $testResult['name']; //得到用例名称
+			settype($caseName, "string"); //$caseName本来类型为object，需要做转换
+			$fail = $testResult['failNumber'];
+			$total = $testResult['totalNumber'];
+			$cov = $testResult['cov'];
+			settype($browser, "string");
+			settype($host, "string");
+			settype($fail, "string");
+			settype($total, "string");
+			settype($cov, "float");
+
+			if (!array_key_exists($caseName, $caseList)) { //如果这个用例不存在
+				$caseInfo = array (
+					'hostInfo' => $host,
+					'fail' => $fail,
+					'total' => $total,
+					'cov' => $cov
+				);
+				//				$totalCov += $cov;
+				$caseList[$caseName] = array (
+				$browser => $caseInfo//,
+				//				'totalCov'=>$totalCov
+				);
+
+				//				$caseList['totalCov'] = $totalCov;
+			} else { //否则添加到相应的用例中去
+				$foundCase = $caseList[$caseName]; //找到用例名称对应的array，$caseName为key
+				if (!array_key_exists($browser, $foundCase)) { //如果没有该浏览器信息，则添加
+					//					$totalCov += $cov;
+					$caseList[$caseName][$browser] = array (
+						'hostInfo' => $host,
+						'fail' => $fail,
+						'total' => $total,
+						'cov' => $cov
+					);
+					//					$caseList[$caseName]['totalCov'] = $totalCov;
+				} else {
+					$foundBrowser = $foundCase[$browser]; //有这个浏览器
+					array_push($foundBrowser, array (
+						'hostInfo' => $host,
+						'fail' => $fail,
+						'total' => $total,
+						'cov' => $cov
+					));
+				}
+			}
+
+		}
+	}
+
+	//根据需求添加仅记录失败情况的接口
+	if($onlyfails){//如果仅考虑失败情况，此处根据用例情况过滤
+		foreach($caseList as $name => $info){
+			$all_success = true;//记录当前用例是否全部运行成功
+			foreach($info as $b => $result){
+				if($result['fail'] > 0)
+				$all_success = false;//如果有失败情况则终止循环并进入下一个用例分析
+				break;
+			}
+			//if($all_success) //如果全部通过则从记录中移除
+			//unset($caseList[$name]);
+		}
+	}
+	return $caseList;
+}
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/import.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/import.php
new file mode 100644
index 000000000..c1672bd64
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/import.php
@@ -0,0 +1,71 @@
+<?php
+require_once 'config.php';
+//加入一个调试开关
+if(array_key_exists('debug', $_GET))
+Config::$DEBUG = true;
+if(!Config::$DEBUG){
+	header("Content-type: text/javascript; charset=utf-8");
+	header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
+}
+/*
+ * Tangram
+ * Copyright 2009 Baidu Inc. All rights reserved.
+ *
+ * path: import.php
+ * author: berg
+ * version: 1.0
+ * date: 2010/07/18 23:57:52
+ *
+ * @fileoverview * import.js的php版本
+ * 接受一个f参数，格式和import.js相同，自动合并js并输出
+ * 此外，本脚本支持引入一个包所有文件（其实也就是一个目录下的所有js文件，**不递归**）
+ * IE下，get请求不能超过2083字节，请注意。
+ */
+$cov = array_key_exists('cov', $_GET) ? true : false;
+$import = 'import.js';
+function importSrc($cov){
+	global $import;
+	$source = '';
+	require_once 'config.php';
+	if(file_exists(Config::$test_PATH.$import)){
+		$cnt = file_get_contents(Config::$test_PATH.$import);
+	}
+	if($cnt == ''){
+		if(Config::$DEBUG)
+		print "fail read file : ".Config::$test_PATH.$import;
+		return '';
+	}
+	$is = array();
+	//正则匹配，提取所有(///import xxx;)中的xxx
+	preg_match_all('/\/\/\/import\s+([^;]+);?/ies', $cnt, $is, PREG_PATTERN_ORDER);
+	foreach($is[1] as $i) {
+//        $dd = $i;
+		//$path = join('/', explode('.', $i)).'.js';
+		$path = $i.'.js'; //为了支持xx.xx.js类型的文件名而修改 田丽丽
+		if($cov){
+			$covpath = Config::$COVERAGE_PATH.$path;
+			if(file_exists($covpath)){
+				if(Config::$DEBUG) var_dump($covpath);
+                $_source=file_get_contents($covpath);
+                $source.= $_source;
+			}
+			else if(Config::$DEBUG)print "fail read file : ".Config::$COVERAGE_PATH.$path;
+		}
+		else {
+		    foreach(Config::$SOURCE_PATH as $i=>$d){
+//                if(preg_match("/editorui/",$dd)){
+//                    echo "*************".file_get_contents($d.$path)."************";
+//                }
+			    if(file_exists($d.$path)){
+					$source.= file_get_contents($d.$path);
+					$source.="\n";//读取文件内容必须加个回车
+					break;
+		        }
+		    }
+		}
+	}
+	return $source;
+}
+//update by bell 2011-03-25, 更新覆盖率相关逻辑
+echo importSrc($cov);
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/UserAction manual.rar b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/UserAction manual.rar
new file mode 100644
index 000000000..75853cb98
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/UserAction manual.rar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/UserAction.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/UserAction.js
new file mode 100644
index 000000000..17b784798
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/UserAction.js
@@ -0,0 +1,1888 @@
+/**
+ * 测试用例库文件，提供如event mock、iframe封装等各种常用功能 部分方法来源于YUI测试框架
+ */
+UserAction = {
+    beforedispatch:null,
+//    flag : true,
+    isf /* is function ? */:function (value) {
+        return value && (typeof value == 'function');
+    },
+    isb /* is boolean? */:function (value) {
+        return value && (typeof value == 'boolean');
+    },
+    iso /* is object? */:function (value) {
+        return value && (typeof value == 'object');
+    },
+    iss /* is string? */:function (value) {
+        return value && (typeof value == 'string');
+    },
+    isn /* is number? */:function (value) {
+        return value && (typeof value == 'number');
+    },
+    // --------------------------------------------------------------------------
+    // Generic event methods
+    // --------------------------------------------------------------------------
+
+    /**
+     * Simulates a key event using the given event information to populate the
+     * generated event object. This method does browser-equalizing calculations
+     * to account for differences in the DOM and IE event models as well as
+     * different browser quirks. Note: keydown causes Safari 2.x to crash.
+     *
+     * @method simulateKeyEvent
+     * @private
+     * @static
+     * @param {HTMLElement}
+        *            target The target of the given event.
+     * @param {String}
+        *            type The type of event to fire. This can be any one of the
+     *            following: keyup, keydown, and keypress.
+     * @param {Boolean}
+        *            bubbles (Optional) Indicates if the event can be bubbled up.
+     *            DOM Level 3 specifies that all key events bubble by default.
+     *            The default is true.
+     * @param {Boolean}
+        *            cancelable (Optional) Indicates if the event can be canceled
+     *            using preventDefault(). DOM Level 3 specifies that all key
+     *            events can be cancelled. The default is true.
+     * @param {Window}
+        *            view (Optional) The view containing the target. This is
+     *            typically the window object. The default is window.
+     * @param {Boolean}
+        *            ctrlKey (Optional) Indicates if one of the CTRL keys is
+     *            pressed while the event is firing. The default is false.
+     * @param {Boolean}
+        *            altKey (Optional) Indicates if one of the ALT keys is pressed
+     *            while the event is firing. The default is false.
+     * @param {Boolean}
+        *            shiftKey (Optional) Indicates if one of the SHIFT keys is
+     *            pressed while the event is firing. The default is false.
+     * @param {Boolean}
+        *            metaKey (Optional) Indicates if one of the META keys is
+     *            pressed while the event is firing. The default is false.
+     * @param {int}
+        *            keyCode (Optional) The code for the key that is in use. The
+     *            default is 0.
+     * @param {int}
+        *            charCode (Optional) The Unicode code for the character
+     *            associated with the key being used. The default is 0.
+     */
+    simulateKeyEvent:function (target /* :HTMLElement */, type /* :String */, bubbles /* :Boolean */, cancelable /* :Boolean */, view /* :Window */, ctrlKey /* :Boolean */, altKey /* :Boolean */, shiftKey /* :Boolean */, metaKey /* :Boolean */, keyCode /* :int */, charCode /* :int */) /* :Void */ {
+        // check target
+        target = typeof target == 'string' ? document.getElementById(target)
+            : target;
+        if (!target) {
+            throw new Error("simulateKeyEvent(): Invalid target.");
+        }
+
+        // check event type
+        if (typeof type == 'string') {
+            type = type.toLowerCase();
+            switch (type) {
+                case "compositionend":
+                case "compositionstart":
+                case "paste":
+                case "cut":
+                case "keyup":
+                case "keydown":
+                case "keypress":
+                    break;
+                case "textevent": // DOM Level 3
+                    type = "keypress";
+                    break;
+                // @TODO was the fallthrough intentional, if so throw error
+                default:
+                    throw new Error("simulateKeyEvent(): Event type '" + type
+                        + "' not supported.");
+            }
+        } else {
+            throw new Error("simulateKeyEvent(): Event type must be a string.");
+        }
+
+        // setup default values
+        if (!this.isb(bubbles)) {
+            bubbles = true; // all key events bubble
+        }
+        if (!this.isb(cancelable)) {
+            cancelable = true; // all key events can be cancelled
+        }
+        if (!this.iso(view)) {
+            view = window; // view is typically window
+        }
+        if (!this.isb(ctrlKey)) {
+            ctrlKey = false;
+        }
+        if (!this.isb(typeof altKey == 'boolean')) {
+            altKey = false;
+        }
+        if (!this.isb(shiftKey)) {
+            shiftKey = false;
+        }
+        if (!this.isb(metaKey)) {
+            metaKey = false;
+        }
+        if (!(typeof keyCode == 'number')) {
+            keyCode = 0;
+        }
+        if (!(typeof charCode == 'number')) {
+            charCode = 0;
+        }
+
+        // try to create a mouse event
+        var customEvent /* :MouseEvent */ = null;
+
+        // check for DOM-compliant browsers first
+        if (this.isf(document.createEvent)) {
+
+            try {
+
+                // try to create key event
+                customEvent = document.createEvent("KeyEvents");
+
+                /*
+                 * Interesting problem: Firefox implemented a non-standard
+                 * version of initKeyEvent() based on DOM Level 2 specs. Key
+                 * event was removed from DOM Level 2 and re-introduced in DOM
+                 * Level 3 with a different interface. Firefox is the only
+                 * browser with any implementation of Key Events, so for now,
+                 * assume it's Firefox if the above line doesn't error.
+                 */
+                // TODO: Decipher between Firefox's implementation and a correct
+                // one.
+                customEvent.initKeyEvent(type, bubbles, cancelable, view,
+                    ctrlKey, altKey, shiftKey, metaKey, keyCode, charCode);
+
+            } catch (ex /* :Error */) {
+
+                /*
+                 * If it got here, that means key events aren't officially
+                 * supported. Safari/WebKit is a real problem now. WebKit 522
+                 * won't let you set keyCode, charCode, or other properties if
+                 * you use a UIEvent, so we first must try to create a generic
+                 * event. The fun part is that this will throw an error on
+                 * Safari 2.x. The end result is that we need another
+                 * try...catch statement just to deal with this mess.
+                 */
+                try {
+
+                    // try to create generic event - will fail in Safari 2.x
+                    customEvent = document.createEvent("Events");
+
+                } catch (uierror /* :Error */) {
+
+                    // the above failed, so create a UIEvent for Safari 2.x
+                    customEvent = document.createEvent("UIEvents");
+
+                } finally {
+
+                    customEvent.initEvent(type, bubbles, cancelable);
+
+                    // initialize
+                    customEvent.view = view;
+                    customEvent.altKey = altKey;
+                    customEvent.ctrlKey = ctrlKey;
+                    customEvent.shiftKey = shiftKey;
+                    customEvent.metaKey = metaKey;
+                    customEvent.keyCode = keyCode;
+                    customEvent.charCode = charCode;
+
+                }
+
+            }
+
+            // before dispatch
+            if (this.beforedispatch && typeof this.beforedispatch == 'function')
+                this.beforedispatch(customEvent);
+            this.beforedispatch = null;
+
+            // fire the event
+            target.dispatchEvent(customEvent);
+
+        } else if (this.iso(document.createEventObject)) { // IE
+
+            // create an IE event object
+            customEvent = document.createEventObject();
+
+            // assign available properties
+            customEvent.bubbles = bubbles;
+            customEvent.cancelable = cancelable;
+            customEvent.view = view;
+            customEvent.ctrlKey = ctrlKey;
+            customEvent.altKey = altKey;
+            customEvent.shiftKey = shiftKey;
+            customEvent.metaKey = metaKey;
+
+            /*
+             * IE doesn't support charCode explicitly. CharCode should take
+             * precedence over any keyCode value for accurate representation.
+             */
+            customEvent.keyCode = (charCode > 0) ? charCode : keyCode;
+
+            // before dispatch
+            if (this.beforedispatch && typeof this.beforedispatch == 'function')
+                this.beforedispatch(customEvent);
+            this.beforedispatch = null;
+
+            // fire the event
+            target.fireEvent("on" + type, customEvent);
+
+        } else {
+            throw new Error(
+                "simulateKeyEvent(): No event simulation framework present.");
+        }
+
+        this.beforedispatch = null;
+    },
+
+    /**
+     * Simulates a mouse event using the given event information to populate the
+     * generated event object. This method does browser-equalizing calculations
+     * to account for differences in the DOM and IE event models as well as
+     * different browser quirks.
+     *
+     * @method simulateMouseEvent
+     * @private
+     * @static
+     * @param {HTMLElement}
+        *            target The target of the given event.
+     * @param {String}
+        *            type The type of event to fire. This can be any one of the
+     *            following: click, dblclick, mousedown, mouseup, mouseout,
+     *            mouseover, and mousemove.
+     * @param {Boolean}
+        *            bubbles (Optional) Indicates if the event can be bubbled up.
+     *            DOM Level 2 specifies that all mouse events bubble by default.
+     *            The default is true.
+     * @param {Boolean}
+        *            cancelable (Optional) Indicates if the event can be canceled
+     *            using preventDefault(). DOM Level 2 specifies that all mouse
+     *            events except mousemove can be cancelled. The default is true
+     *            for all events except mousemove, for which the default is
+     *            false.
+     * @param {Window}
+        *            view (Optional) The view containing the target. This is
+     *            typically the window object. The default is window.
+     * @param {int}
+        *            detail (Optional) The number of times the mouse button has
+     *            been used. The default value is 1.
+     * @param {int}
+        *            screenX (Optional) The x-coordinate on the screen at which
+     *            point the event occured. The default is 0.
+     * @param {int}
+        *            screenY (Optional) The y-coordinate on the screen at which
+     *            point the event occured. The default is 0.
+     * @param {int}
+        *            clientX (Optional) The x-coordinate on the client at which
+     *            point the event occured. The default is 0.
+     * @param {int}
+        *            clientY (Optional) The y-coordinate on the client at which
+     *            point the event occured. The default is 0.
+     * @param {Boolean}
+        *            ctrlKey (Optional) Indicates if one of the CTRL keys is
+     *            pressed while the event is firing. The default is false.
+     * @param {Boolean}
+        *            altKey (Optional) Indicates if one of the ALT keys is pressed
+     *            while the event is firing. The default is false.
+     * @param {Boolean}
+        *            shiftKey (Optional) Indicates if one of the SHIFT keys is
+     *            pressed while the event is firing. The default is false.
+     * @param {Boolean}
+        *            metaKey (Optional) Indicates if one of the META keys is
+     *            pressed while the event is firing. The default is false.
+     * @param {int}
+        *            button (Optional) The button being pressed while the event is
+     *            executing. The value should be 0 for the primary mouse button
+     *            (typically the left button), 1 for the terciary mouse button
+     *            (typically the middle button), and 2 for the secondary mouse
+     *            button (typically the right button). The default is 0.
+     * @param {HTMLElement}
+        *            relatedTarget (Optional) For mouseout events, this is the
+     *            element that the mouse has moved to. For mouseover events,
+     *            this is the element that the mouse has moved from. This
+     *            argument is ignored for all other events. The default is null.
+     */
+    simulateMouseEvent:function (target /* :HTMLElement */, type /* :String */, bubbles /* :Boolean */, cancelable /* :Boolean */, view /* :Window */, detail /* :int */, screenX /* :int */, screenY /* :int */, clientX /* :int */, clientY /* :int */, ctrlKey /* :Boolean */, altKey /* :Boolean */, shiftKey /* :Boolean */, metaKey /* :Boolean */, button /* :int */, relatedTarget /* :HTMLElement */,button) /* :Void */ {
+
+        // check target
+        target = typeof target == 'string' ? document.getElementById(target)
+            : target;
+        if (!target) {
+            throw new Error("simulateMouseEvent(): Invalid target.");
+        }
+
+        // check event type
+        if (this.iss(type)) {
+            type = type.toLowerCase();
+            switch (type) {
+                case "mouseover":
+                case "mouseout":
+                case "mousedown":
+                case "mouseup":
+                case "click":
+                case "dblclick":
+                case "mousemove":
+                case "mouseenter":// 非标准支持，仅为测试提供，该项仅IE下work
+                case "mouseleave":
+                case "contextmenu":
+                case "dragend":
+                case "blur":
+                    break;
+                default:
+                    throw new Error("simulateMouseEvent(): Event type '" + type
+                        + "' not supported.");
+            }
+        } else {
+            throw new Error(
+                "simulateMouseEvent(): Event type must be a string.");
+        }
+
+        // setup default values
+        if (!this.isb(bubbles)) {
+            bubbles = true; // all mouse events bubble
+        }
+        if (!this.isb(cancelable)) {
+            cancelable = (type != "mousemove"); // mousemove is the only one
+            // that can't be cancelled
+        }
+        if (!this.iso(view)) {
+            view = window; // view is typically window
+        }
+        if (!this.isn(detail)) {
+            detail = 1; // number of mouse clicks must be at least one
+        }
+        if (!this.isn(screenX)) {
+            screenX = 0;
+        }
+        if (!this.isn(screenY)) {
+            screenY = 0;
+        }
+        if (!this.isn(clientX)) {
+            clientX = 0;
+        }
+        if (!this.isn(clientY)) {
+            clientY = 0;
+        }
+        if (!this.isb(ctrlKey)) {
+            ctrlKey = false;
+        }
+        if (!this.isb(altKey)) {
+            altKey = false;
+        }
+        if (!this.isb(shiftKey)) {
+            shiftKey = false;
+        }
+        if (!this.isb(metaKey)) {
+            metaKey = false;
+        }
+        if (!this.isn(button)) {
+            button = 0;
+        }
+        // try to create a mouse event
+        var customEvent /* :MouseEvent */ = null;
+
+        // check for DOM-compliant browsers first
+        if (this.isf(document.createEvent)) {
+
+            customEvent = document.createEvent("MouseEvents");
+            // Safari 2.x (WebKit 418) still doesn't implement initMouseEvent()
+            if (this.browser.ie < 9 && customEvent.initMouseEvent) {
+
+                customEvent.initMouseEvent(type, bubbles, cancelable, view,
+                    detail, screenX, screenY, clientX, clientY, ctrlKey,
+                    altKey, shiftKey, metaKey, button, relatedTarget);
+            } else { // Safari
+
+                // the closest thing available in Safari 2.x is UIEvents
+                customEvent = document.createEvent("UIEvents");
+                customEvent.initEvent(type, bubbles, cancelable);
+                customEvent.view = view;
+                customEvent.detail = detail;
+                customEvent.screenX = screenX;
+                customEvent.screenY = screenY;
+                customEvent.clientX = clientX;
+                customEvent.clientY = clientY;
+                customEvent.ctrlKey = ctrlKey;
+                customEvent.altKey = altKey;
+                customEvent.metaKey = metaKey;
+                customEvent.shiftKey = shiftKey;
+                customEvent.button = button;
+                customEvent.relatedTarget = relatedTarget;
+            }
+
+            /*
+             * Check to see if relatedTarget has been assigned. Firefox versions
+             * less than 2.0 don't allow it to be assigned via initMouseEvent()
+             * and the property is readonly after event creation, so in order to
+             * keep YAHOO.util.getRelatedTarget() working, assign to the IE
+             * proprietary toElement property for mouseout event and fromElement
+             * property for mouseover event.
+             */
+            if (relatedTarget && !customEvent.relatedTarget) {
+                if (type == "mouseout") {
+                    customEvent.toElement = relatedTarget;
+                } else if (type == "mouseover") {
+                    customEvent.fromElement = relatedTarget;
+                }
+            }
+
+            // before dispatch
+            if (this.beforedispatch && typeof this.beforedispatch == 'function')
+                this.beforedispatch(customEvent);
+            this.beforedispatch = null;
+
+            // fire the event
+            target.dispatchEvent(customEvent);
+
+        } else if (this.iso(document.createEventObject)) { // IE
+
+            // create an IE event object
+            customEvent = document.createEventObject();
+
+            // assign available properties
+            customEvent.bubbles = bubbles;
+            customEvent.cancelable = cancelable;
+            customEvent.view = view;
+            customEvent.detail = detail;
+            customEvent.screenX = screenX;
+            customEvent.screenY = screenY;
+            customEvent.clientX = clientX;
+            customEvent.clientY = clientY;
+            customEvent.ctrlKey = ctrlKey;
+            customEvent.altKey = altKey;
+            customEvent.metaKey = metaKey;
+            customEvent.shiftKey = shiftKey;
+
+            // fix button property for IE's wacky implementation
+            switch (button) {
+                case 0:
+                    customEvent.button = 1;
+                    break;
+                case 1:
+                    customEvent.button = 4;
+                    break;
+                case 2:
+                    customEvent.button = 2;
+                    // leave as is
+                    break;
+                default:
+                    customEvent.button = 0;
+            }
+
+            /*
+             * Have to use relatedTarget because IE won't allow assignment to
+             * toElement or fromElement on generic events. This keeps
+             * YAHOO.util.customEvent.getRelatedTarget() functional.
+             */
+            customEvent.relatedTarget = relatedTarget;
+
+            // before dispatch
+            if (this.beforedispatch && typeof this.beforedispatch == 'function')
+                this.beforedispatch(customEvent);
+            this.beforedispatch = null;
+            // fire the event
+            target.fireEvent("on" + type, customEvent);
+
+        } else {
+            throw new Error(
+                "simulateMouseEvent(): No event simulation framework present.");
+        }
+    },
+
+    // --------------------------------------------------------------------------
+    // Mouse events
+    // --------------------------------------------------------------------------
+
+    /**
+     * Simulates a mouse event on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to click on.
+     * @param {String}
+        *            type The type of event to fire. This can be any one of the
+     *            following: click, dblclick, mousedown, mouseup, mouseout,
+     *            mouseover, and mousemove.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method mouseEvent
+     * @static
+     */
+    fireMouseEvent:function (target /* :HTMLElement */, type /* :String */, options /* :Object */) /* :Void */ {
+        options = options || {};
+        this.simulateMouseEvent(target, type, options.bubbles,
+            options.cancelable, options.view, options.detail,
+            options.screenX, options.screenY, options.clientX,
+            options.clientY, options.ctrlKey, options.altKey,
+            options.shiftKey, options.metaKey, options.button,
+            options.relatedTarget,options.button);
+    },
+
+    /**
+     * Simulates a click on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to click on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method click
+     * @static
+     */
+    click:function (target /* :HTMLElement */, options /* :Object */) /* :Void */ {
+        this.fireMouseEvent(target, "click", options);
+    },
+
+    /**
+     * Simulates a double click on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to double click on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method dblclick
+     * @static
+     */
+    dblclick:function (target /* :HTMLElement */, options /* :Object */) /* :Void */ {
+        this.fireMouseEvent(target, "dblclick", options);
+    },
+
+    /**
+     * Simulates a mousedown on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method mousedown
+     * @static
+     */
+    mousedown:function (target /* :HTMLElement */, options /* Object */) /* :Void */ {
+        this.fireMouseEvent(target, "mousedown", options);
+    },
+
+    /**
+     * Simulates a mousemove on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method mousemove
+     * @static
+     */
+    mousemove:function (target /* :HTMLElement */, options /* Object */) /* :Void */ {
+        this.fireMouseEvent(target, "mousemove", options);
+    },
+
+    /**
+     * Simulates a mouseout event on a particular element. Use "relatedTarget"
+     * on the options object to specify where the mouse moved to. Quirks:
+     * Firefox less than 2.0 doesn't set relatedTarget properly, so toElement is
+     * assigned in its place. IE doesn't allow toElement to be be assigned, so
+     * relatedTarget is assigned in its place. Both of these concessions allow
+     * YAHOO.util.Event.getRelatedTarget() to work correctly in both browsers.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method mouseout
+     * @static
+     */
+    mouseout:function (target /* :HTMLElement */, options /* Object */) /* :Void */ {
+        this.fireMouseEvent(target, "mouseout", options);
+    },
+
+    /**
+     * Simulates a mouseover event on a particular element. Use "relatedTarget"
+     * on the options object to specify where the mouse moved from. Quirks:
+     * Firefox less than 2.0 doesn't set relatedTarget properly, so fromElement
+     * is assigned in its place. IE doesn't allow fromElement to be be assigned,
+     * so relatedTarget is assigned in its place. Both of these concessions
+     * allow YAHOO.util.Event.getRelatedTarget() to work correctly in both
+     * browsers.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method mouseover
+     * @static
+     */
+    mouseover:function (target /* :HTMLElement */, options /* Object */) /* :Void */ {
+        this.fireMouseEvent(target, "mouseover", options);
+    },
+
+    /**
+     * Simulates a mouseup on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method mouseup
+     * @static
+     */
+    mouseup:function (target /* :HTMLElement */, options /* Object */) /* :Void */ {
+        this.fireMouseEvent(target, "mouseup", options);
+    },
+    mouseenter:function (target /* :HTMLElement */, options /* Object */) /* :Void */ {
+        this.fireMouseEvent(target, "mouseenter", options);
+    },
+    mouseleave:function (target /* :HTMLElement */, options /* Object */) /* :Void */ {
+        this.fireMouseEvent(target, "mouseleave", options);
+    },
+    /**
+     * Simulates a contextmenu on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to show contextmenu.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method contextmenu
+     * @static
+     */
+    contextmenu:function (target /* :HTMLElement */, options /* :Object */) /* :Void */ {
+        this.fireMouseEvent(target, "contextmenu", options);
+    },
+    /**
+     * Simulates a dragend on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to show dragend.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method dragend
+     * @static
+     */
+    dragend:function (target /* :HTMLElement */, options /* :Object */) /* :Void */ {
+        this.fireMouseEvent(target, "dragend", options);
+    },
+    /**
+     * Simulates a blur on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to show blur.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method blur
+     * @static
+     */
+    blur:function (target /* :HTMLElement */, options /* :Object */) /* :Void */ {
+        this.fireMouseEvent(target, "blur", options);
+    },
+    dragto:function (target, options) {
+        var me = this;
+        me.mousemove(target, {
+            clientX:options.startX,
+            clientY:options.startY
+        });
+        setTimeout(function () {
+            me.mousedown(target, {
+                clientX:options.startX,
+                clientY:options.startY
+            });
+            setTimeout(function () {
+                me.mousemove(target, {
+                    clientX:options.endX,
+                    clientY:options.endY
+                });
+                setTimeout(function () {
+                    me.mouseup(target, {
+                        clientX:options.endX,
+                        clientY:options.endY
+                    });
+                    if (options.callback)
+                        options.callback();
+                }, options.aftermove || 20);
+            }, options.beforemove || 20);
+        }, options.beforestart || 50);
+    },
+
+    // --------------------------------------------------------------------------
+    // Key events
+    // --------------------------------------------------------------------------
+
+    /**
+     * Fires an event that normally would be fired by the keyboard (keyup,
+     * keydown, keypress). Make sure to specify either keyCode or charCode as an
+     * option.
+     *
+     * @private
+     * @param {String}
+        *            type The type of event ("keyup", "keydown" or "keypress").
+     * @param {HTMLElement}
+        *            target The target of the event.
+     * @param {Object}
+        *            options Options for the event. Either keyCode or charCode are
+     *            required.
+     * @method fireKeyEvent
+     * @static
+     */
+    fireKeyEvent:function (type /* :String */, target /* :HTMLElement */, options /* :Object */) /* :Void */ {
+        options = options || {};
+        this.simulateKeyEvent(target, type, options.bubbles,
+            options.cancelable, options.view, options.ctrlKey,
+            options.altKey, options.shiftKey, options.metaKey,
+            options.keyCode, options.charCode);
+    },
+
+    /**
+     * Simulates a cut event on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method cut
+     * @static
+     */
+    cut:function (target /* :HTMLElement */, options /* :Object */) /* :Void */ {
+        this.fireKeyEvent("cut", target, options);
+    },
+
+    /**
+     * Simulates a paste event on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method paste
+     * @static
+     */
+    paste:function ( target /* :HTMLElement */, options /* :Object */ ) /* :Void */ {
+        this.fireKeyEvent( "paste", target, options );
+    },
+
+    /**
+     * Simulates a keydown event on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method keydown
+     * @static
+     */
+    keydown:function (target /* :HTMLElement */, options /* :Object */) /* :Void */ {
+        this.fireKeyEvent("keydown", target, options);
+    },
+
+    /**
+     * Simulates a keypress on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method keypress
+     * @static
+     */
+    keypress:function (target /* :HTMLElement */, options /* :Object */) /* :Void */ {
+        this.fireKeyEvent("keypress", target, options);
+    },
+
+    /**
+     * Simulates a keyup event on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method keyup
+     * @static
+     */
+    keyup:function (target /* :HTMLElement */, options /* Object */) /* :Void */ {
+        this.fireKeyEvent("keyup", target, options);
+    },
+
+    /**
+     * Simulates a compositionstart event on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method compositionstart
+     * @static
+     */
+    compositionstart:function (target /* :HTMLElement */, options /* Object */) /* :Void */ {
+        this.fireKeyEvent("compositionstart", target, options);
+    },
+
+    /**
+     * Simulates a compositionstart event on a particular element.
+     *
+     * @param {HTMLElement}
+        *            target The element to act on.
+     * @param {Object}
+        *            options Additional event options (use DOM standard names).
+     * @method compositionstart
+     * @static
+     */
+    compositionend:function (target /* :HTMLElement */, options /* Object */) /* :Void */ {
+        this.fireKeyEvent("compositionend", target, options);
+    },
+
+    /**
+     * 提供iframe扩展支持，用例测试需要独立场景的用例，由于异步支持，通过finish方法触发start
+     * <li>事件绑定在frame上，包括afterfinish和jsloaded
+     *
+     * @param op.win
+     * @param op.nojs
+     *            不加载额外js
+     * @param op.ontest
+     *            测试步骤
+     * @param op.onbeforestart
+     *            测试启动前处理步骤，默认为QUnit.stop();
+     * @param op.onafterfinish
+     *            测试完毕执行步骤，默认为QUnit.start()
+     *
+     */
+    frameExt:function (op) {
+        stop();
+        op = typeof op == 'function' ? {
+            ontest:op
+        } : op;
+        var pw = op.win || window, w, f, url = '', id = typeof op.id == 'undefined' ? 'f'
+            : op.id, fid = 'iframe#' + id;
+
+        op.finish = function () {
+            pw.$(fid).unbind();
+            setTimeout(function () {
+                pw.$('div#div' + id).remove();
+                start();
+            }, 20);
+        };
+
+        if (pw.$(fid).length == 0) {
+            /* 添加frame，部分情况下，iframe没有边框，为了可以看到效果，添加一个带边框的div */
+            pw.$(pw.document.body).append('<div id="div' + id + '"></div>');
+            pw.$('div#div' + id).append('<iframe id="' + id + '"></iframe>');
+        }
+        op.onafterstart && op.onafterstart($('iframe#f')[0]);
+        pw.$('script').each(function () {
+            if (this.src && this.src.indexOf('import.php') >= 0) {
+                url = this.src.split('import.php')[1];
+            }
+        });
+        pw.$(fid).one('load',
+            function (e) {
+                var w = e.target.contentWindow;
+                var h = setInterval(function () {
+                    if (w.baidu) {// 等待加载完成，IE6下这地方总出问题
+                        clearInterval(h);
+                        op.ontest(w, w.frameElement);
+                    }
+                }, 20);
+                // 找到当前操作的iframe，然后call ontest
+            }).attr('src', cpath + 'frame.php' + url);
+    },
+
+    /**
+     *
+     * 判断2个数组是否相等
+     *
+     * @static
+     */
+    isEqualArray:function (array1, array2) {
+        if ('[object Array]' != Object.prototype.toString.call(array1)
+            || '[object Array]' != Object.prototype.toString.call(array2))
+            return (array1 === array2);
+        else if (array1.length != array2.length)
+            return false;
+        else {
+            for (var i in array1) {
+                if (array1[i] != array2[i])
+                    return false;
+            }
+            return true;
+        }
+    },
+
+    /***************************************************************************
+     *
+     * 通用数据模块
+     *
+     * @static
+     *
+     **************************************************************************/
+    commonData:{// 针对测试文件的路径而不是UserAction的路径
+        "testdir":'../../',
+        datadir:(function () {
+            return location.href.split("/_test/")[0] + "/_test/tools/data/";
+        })(),
+        currentPath:function () {
+            var params = location.search.substring(1).split('&');
+            for (var i = 0; i < params.length; i++) {
+                var p = params[i];
+                if (p.split('=')[0] == 'case') {
+                    var casepath = p.split('=')[1].split('.').join('/');
+                    return location.href.split('/_test/')[0] + '/_test/'
+                        + casepath.substring(0, casepath.lastIndexOf('/'))
+                        + '/';
+                }
+            }
+            return "";
+        }
+    },
+
+    importsrc:function (src, callback, matcher, exclude, win) {
+        win = win || window;
+        var doc = win.document;
+
+        var srcpath = location.href.split("/_test/")[0]
+            + "/_test/tools/br/import.php";
+        var param0 = src;
+        var ps = {
+            f:src
+        };
+        if (exclude)
+            ps.e = exclude;
+        var param1 = exclude || "";
+        /**
+         * IE下重复载入会出现无法执行情况
+         */
+        if (win.execScript) {
+            $.get(srcpath, ps, function (data) {
+                win.execScript(data);
+            });
+        } else {
+            var head = doc.getElementsByTagName('head')[0];
+            var sc = doc.createElement('script');
+            sc.type = 'text/javascript';
+            sc.src = srcpath + "?f=" + param0 + "&e=" + param1;
+            head.appendChild(sc);
+        }
+
+        matcher = matcher || src;
+        var mm = matcher.split(",")[0].split(".");
+        var h = setInterval(function () {
+            var p = win;
+            for (var i = 0; i < mm.length; i++) {
+                if (typeof (p[mm[i]]) == 'undefined') {
+                    // console.log(mm[i]);
+                    return;
+                }
+                p = p[mm[i]];
+            }
+            clearInterval(h);
+            if (callback && 'function' == typeof callback)
+                callback();
+        }, 20);
+    },
+
+    /* 用于加载css文件，如果没有加载完毕则不执行回调函数 */
+    loadcss:function (url, callback, classname, style, value) {
+        var links = document.getElementsByTagName('link');
+        for (var link in links) {
+            if (link.href == url) {
+                callback();
+                return;
+            }
+        }
+        var head = document.getElementsByTagName('head')[0];
+        var link = head.appendChild(document.createElement('link'));
+        link.setAttribute("rel", "stylesheet");
+        link.setAttribute("type", "text/css");
+        link.setAttribute("href", url);
+        var div = document.body.appendChild(document.createElement("div"));
+        $(document).ready(
+            function () {
+                div.className = classname || 'cssloaded';
+                var h = setInterval(function () {
+                    if ($(div).css(style || 'width') == value
+                        || $(div).css(style || 'width') == '20px') {
+                        clearInterval(h);
+                        document.body.removeChild(div);
+                        setTimeout(callback, 20);
+                    }
+                }, 20);
+            });
+    },
+
+    /**
+     * options supported
+     */
+    delayhelper:function (oncheck, onsuccess, onfail, timeout) {
+        onsuccess = onsuccess || oncheck.onsuccess;
+        onfail = onfail || oncheck.onfail || function () {
+            window.QUnit.fail('timeout wait for timeout : ' + timeout + 'ms');
+            start();
+        };
+        timeout = timeout || oncheck.timeout || 10000;
+
+        oncheck = (typeof oncheck == 'function') ? oncheck : oncheck.oncheck;
+        var h1 = setInterval(function () {
+            if (!oncheck())
+                return;
+            else {
+                clearInterval(h1);
+                clearTimeout(h2);
+                typeof onsuccess == "function" && onsuccess();
+            }
+        }, 20);
+        var h2 = setTimeout(function () {
+            clearInterval(h1);
+            clearTimeout(h2);
+            onfail();
+        }, timeout);
+    },
+
+    browser:(function () {
+        var win = window;
+        var numberify = function (s) {
+                var c = 0;
+                return parseFloat(s.replace(/\./g, function () {
+                    return (c++ == 1) ? '' : '.';
+                }));
+            },
+
+            nav = win && win.navigator,
+
+            o = {
+
+                /**
+                 * Internet Explorer version number or 0. Example: 6
+                 *
+                 * @property ie
+                 * @type float
+                 * @static
+                 */
+                ie:0,
+
+                /**
+                 * Opera version number or 0. Example: 9.2
+                 *
+                 * @property opera
+                 * @type float
+                 * @static
+                 */
+                opera:0,
+
+                /**
+                 * Gecko engine revision number. Will evaluate to 1 if Gecko is
+                 * detected but the revision could not be found. Other browsers will
+                 * be 0. Example: 1.8
+                 *
+                 * <pre>
+                 * Firefox 1.0.0.4: 1.7.8   &lt;-- Reports 1.7
+                 * Firefox 1.5.0.9: 1.8.0.9 &lt;-- 1.8
+                 * Firefox 2.0.0.3: 1.8.1.3 &lt;-- 1.81
+                 * Firefox 3.0   &lt;-- 1.9
+                 * Firefox 3.5   &lt;-- 1.91
+                 * </pre>
+                 *
+                 * @property gecko
+                 * @type float
+                 * @static
+                 */
+                gecko:0,
+
+                /**
+                 * AppleWebKit version. KHTML browsers that are not WebKit browsers
+                 * will evaluate to 1, other browsers 0. Example: 418.9
+                 *
+                 * <pre>
+                 * Safari 1.3.2 (312.6): 312.8.1 &lt;-- Reports 312.8 -- currently the
+                 *                                   latest available for Mac OSX 10.3.
+                 * Safari 2.0.2:         416     &lt;-- hasOwnProperty introduced
+                 * Safari 2.0.4:         418     &lt;-- preventDefault fixed
+                 * Safari 2.0.4 (419.3): 418.9.1 &lt;-- One version of Safari may run
+                 *                                   different versions of webkit
+                 * Safari 2.0.4 (419.3): 419     &lt;-- Tiger installations that have been
+                 *                                   updated, but not updated
+                 *                                   to the latest patch.
+                 * Webkit 212 nightly:   522+    &lt;-- Safari 3.0 precursor (with native SVG
+                 *                                   and many major issues fixed).
+                 * Safari 3.0.4 (523.12) 523.12  &lt;-- First Tiger release - automatic update
+                 *                                   from 2.x via the 10.4.11 OS patch
+                 * Webkit nightly 1/2008:525+    &lt;-- Supports DOMContentLoaded event.
+                 *                                   yahoo.com user agent hack removed.
+                 * </pre>
+                 *
+                 * http://en.wikipedia.org/wiki/Safari_version_history
+                 *
+                 * @property webkit
+                 * @type float
+                 * @static
+                 */
+                webkit:0,
+
+                /**
+                 * Chrome will be detected as webkit, but this property will also be
+                 * populated with the Chrome version number
+                 *
+                 * @property chrome
+                 * @type float
+                 * @static
+                 */
+                chrome:0,
+
+                safari:0,
+
+                firefox:0,
+
+                maxthon:0,
+                maxthonIE:0,
+
+                /**
+                 * The mobile property will be set to a string containing any
+                 * relevant user agent information when a modern mobile browser is
+                 * detected. Currently limited to Safari on the iPhone/iPod Touch,
+                 * Nokia N-series devices with the WebKit-based browser, and Opera
+                 * Mini.
+                 *
+                 * @property mobile
+                 * @type string
+                 * @static
+                 */
+                mobile:null,
+
+                /**
+                 * Adobe AIR version number or 0. Only populated if webkit is
+                 * detected. Example: 1.0
+                 *
+                 * @property air
+                 * @type float
+                 */
+                air:0,
+
+                /**
+                 * Google Caja version number or 0.
+                 *
+                 * @property caja
+                 * @type float
+                 */
+                caja:nav && nav.cajaVersion,
+
+                /**
+                 * Set to true if the pagebreak appears to be in SSL
+                 *
+                 * @property secure
+                 * @type boolean
+                 * @static
+                 */
+                secure:false,
+
+                /**
+                 * The operating system. Currently only detecting windows or
+                 * macintosh
+                 *
+                 * @property os
+                 * @type string
+                 * @static
+                 */
+                os:null
+
+            },
+
+            ua = nav && nav.userAgent,
+
+            loc = win && win.location,
+
+            href = loc && loc.href,
+
+            m;
+
+        o.secure = href && (href.toLowerCase().indexOf("https") === 0);
+
+        if (ua) {
+
+            if ((/windows|win32/i).test(ua)) {
+                o.os = 'windows';
+            } else if ((/macintosh/i).test(ua)) {
+                o.os = 'macintosh';
+            } else if ((/rhino/i).test(ua)) {
+                o.os = 'rhino';
+            }
+
+            // Modern KHTML browsers should qualify as Safari X-Grade
+            if ((/KHTML/).test(ua)) {
+                o.webkit = 1;
+            }
+            if (window.external && /(\d+\.\d)/.test(external.max_version)) {
+
+                o.maxthon = parseFloat(RegExp['\x241']);
+                if (/MSIE/.test(ua)) {
+                    o.maxthonIE = 1;
+                    o.maxthon = 0;
+                }
+
+            }
+            // Modern WebKit browsers are at least X-Grade
+            m = ua.match(/AppleWebKit\/([^\s]*)/);
+            if (m && m[1]) {
+                o.webkit = numberify(m[1]);
+
+                // Mobile browser check
+                if (/ Mobile\//.test(ua)) {
+                    o.mobile = "Apple"; // iPhone or iPod Touch
+                } else {
+                    m = ua.match(/NokiaN[^\/]*|Android \d\.\d|webOS\/\d\.\d/);
+                    if (m) {
+                        o.mobile = m[0]; // Nokia N-series, Android, webOS,
+                        // ex:
+                        // NokiaN95
+                    }
+                }
+
+                var m1 = ua.match(/Safari\/([^\s]*)/);
+                if (m1 && m1[1]) // Safari
+                    o.safari = numberify(m1[1]);
+                m = ua.match(/Chrome\/([^\s]*)/);
+                if (o.safari && m && m[1]) {
+                    o.chrome = numberify(m[1]); // Chrome
+                } else {
+                    m = ua.match(/AdobeAIR\/([^\s]*)/);
+                    if (m) {
+                        o.air = m[0]; // Adobe AIR 1.0 or better
+                    }
+                }
+            }
+
+            if (!o.webkit) { // not webkit
+                // @todo check Opera/8.01 (J2ME/MIDP; Opera Mini/2.0.4509/1316;
+                // fi; U;
+                // try get firefox and it's ver
+                // ssr)
+                m = ua.match(/Opera[\s\/]([^\s]*)/);
+                if (m && m[1]) {
+                    m = ua.match(/Version[\s\/]([^\s]*)/);
+                    o.opera = numberify(m[1]);
+                    m = ua.match(/Opera Mini[^;]*/);
+                    if (m) {
+                        o.mobile = m[0]; // ex: Opera Mini/2.0.4509/1316
+                    }
+                } else { // not opera or webkit
+                    m = ua.match(/MSIE\s([^;]*)/);
+                    if (m && m[1]) {
+                        o.ie = numberify(m[1]);
+                    }else if (ua.match(/Gecko([^\s]*)/)&&ua.match(/rv:11/)){//todo
+                        o.ie = 11;
+                    } else { // not opera, webkit, or ie
+                        m = ua.match(/Gecko\/([^\s]*)/);
+                        if (m) {
+                            o.gecko = 1; // Gecko detected, look for revision
+                            m = ua.match(/rv:([^\s\)]*)/);
+                            if (m && m[1]) {
+                                o.gecko = numberify(m[1]);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        return o;
+    })
+        (),
+
+    /**
+     * 提供队列方式执行用例的方案，接口包括start、add、next，方法全部执行完毕时会启动用例继续执行
+     */
+    functionListHelper:function () {
+        var check = {
+            list:[],
+            start:function () {
+                var self = this;
+                $(this).bind('next', function () {
+                    setTimeout(function () {// 避免太深的堆栈
+                        if (self.list.length == 0)
+                            start();
+                        else
+                            self.list.shift()();
+                    }, 0);
+                });
+                self.next();
+            },
+            add:function (func) {
+                this.list.push(func);
+            },
+            next:function (delay) {
+                var self = this;
+                if (delay) {
+                    setTimeout(function () {
+                        $(self).trigger('next');
+                    }, delay);
+                } else
+                    $(this).trigger('next');
+            }
+        };
+        return check;
+    },
+    getHTML:function (co) {
+        var div = document.createElement('div'), h;
+        if (!co)
+            return 'null';
+        div.appendChild(co.cloneNode(true));
+        h = div.innerHTML.toLowerCase();
+
+        h = h.replace(/[\r\n\t\u200b\ufeff]/g, ''); // Remove line feeds and tabs
+        h = h.replace(/ (\w+)=([^\"][^\s>]*)/gi, ' $1="$2"'); // Restore
+        // attribs on IE
+        return h;
+    },
+    getChildHTML:function (co) {
+
+        var h = co.innerHTML.toLowerCase();
+
+        h = h.replace(/[\r\n\t\u200b\ufeff]/g, ''); // Remove line feeds and tabs
+        h = h.replace(/ (\w+)=([^\"][^\s>]*)/gi, ' $1="$2"'); // Restore attribs on IE
+
+        return h.replace(/\u200B/g, '');
+    },
+    getIndex:function (node) {
+        var childNodes = node.parentNode.childNodes, i = 0;
+        while (childNodes[i] !== node)
+            i++;
+        return i;
+    },
+    checkResult:function (range, sc, ec, so, eo, collapsed, descript) {
+        descript = descript ? descript : '';
+        equal(range.collapsed, collapsed, "check collapsed --" + descript);
+        ok(range.startContainer === sc, "check startContainer--" + descript);
+        ok(range.endContainer === ec, "check endContainer--" + descript);
+        equal(range.startOffset, so, "check startOffset--" + descript);
+        equal(range.endOffset, eo, "check endOffset--" + descript);
+    },
+    isSameRange:function (rangeA, rangeB, descript) {
+        descript = descript ? descript : '';
+        equal(rangeA.collapsed, rangeB.collapsed, "check collapsed --" + descript);
+        ok(rangeA.document === rangeB.document, "check document--" + descript);
+        ok(rangeA.startContainer === rangeB.startContainer, "check startContainer--" + descript);
+        ok(rangeA.endContainer === rangeB.endContainer, "check endContainer--" + descript);
+        equal(rangeA.startOffset, rangeB.startOffset, "check startOffset--" + descript);
+        equal(rangeA.endOffset, rangeB.endOffset, "check endOffset--" + descript);
+    },
+    manualDeleteFillData:function (node) {
+        var childs = node.childNodes;
+        for (var i = 0; i < childs.length; i++) {
+            var fillData = childs[i];
+            if ((fillData.nodeType == 3) && ( fillData.data == domUtils.fillChar )) {
+                domUtils.remove(fillData);
+                fillData = null;
+
+            }
+            else
+                this.manualDeleteFillData(fillData);
+        }
+
+
+    },
+    cssStyleToDomStyle:function (cssName) {
+        var test = document.createElement('div').style,
+            cssFloat = test.cssFloat != undefined ? 'cssFloat'
+                : test.styleFloat != undefined ? 'styleFloat'
+                : 'float',
+            cache = { 'float':cssFloat };
+
+        function replacer(match) {
+            return match.charAt(1).toUpperCase();
+        }
+
+//        return function( cssName ) {
+        return cache[cssName] || (cache[cssName] = cssName.replace(/-./g, replacer) );
+//        };
+    },
+    isSameStyle:function (elementA, elementB) {
+//        var styleA = elementA.style.cssText,
+//            styleB = elementB.style.cssText;
+//        if ( this.browser.ie && this.browser.version == 6 ) {
+//            styleA = styleA.toLowerCase();
+//            styleB = styleB.toLowerCase();
+//        }
+//        if ( !styleA && !styleB ) {
+//            return true;
+//        } else if ( !styleA || !styleB ) {
+//            return false;
+//        }
+//        var styleNameMap = {},
+//            record = [],
+//            exit = {};
+//        styleA.replace( /[\w-]+\s*(?=:)/g, function ( name ) {
+//            styleNameMap[name] = record.push( name );
+//        } );
+//        try {
+//            styleB.replace( /[\w-]+\s*(?=:)/g, function ( name ) {
+//                var index = styleNameMap[name];
+//                if ( index ) {
+////                    name = this.cssStyleToDomStyle( name );
+//                    if ( elementA.style[name] !== elementB.style[name] ) {
+//                        throw exit;
+//                    }
+//                    record[index - 1] = '';
+//                } else {
+//                    throw exit;
+//                }
+//            } );
+//        } catch ( ex ) {
+//            if ( ex === exit ) {
+//                return false;
+//            }
+//        }
+//        return !record.join( '' );
+        function indexOf(array, item, at) {
+            for (var i = at || 0, l = array.length; i < l; i++) {
+                if (array[i] === item) {
+                    return i;
+                }
+            }
+            return -1;
+        }
+
+        var styleA = elementA.style.cssText.replace(/( ?; ?)/g, ';').replace(/( ?: ?)/g, ':'),
+            styleB = elementB.style.cssText.replace(/( ?; ?)/g, ';').replace(/( ?: ?)/g, ':');
+        if (browser.opera) {
+            styleA = elementA.style;
+            styleB = elementB.style;
+            if (styleA.length != styleB.length)
+                return 0;
+            for (var p in styleA) {
+                if (/^(\d+|csstext)$/i.test(p))
+                    continue;
+                if (styleA[p] != styleB[p])
+                    return 0;
+            }
+            return 1;
+        }
+
+
+        if (!styleA || !styleB) {
+            return styleA == styleB ? 1 : 0;
+        }
+        styleA = styleA.split(';');
+        styleB = styleB.split(';');
+
+        if (styleA.length != styleB.length)
+            return 0;
+        for (var j = 0; j < styleB.length; j++) {
+            if (styleB[j].toLowerCase().indexOf("color") > -1 && styleB[j].toLowerCase().indexOf("rgb") > -1) {
+                var color = this.formatColor(styleB[j].substr(styleB[j].indexOf("rgb"), styleB[j].length));
+                styleB[j] = styleB[j].replace(styleB[j].substr(styleB[j].indexOf("rgb"), styleB[j].length), color);
+            }
+        }
+        for (var i = 0, ci; ci = styleA[i++];) {
+            if (ci.toLowerCase().indexOf("color") > -1 && ci.toLowerCase().indexOf("rgb") > -1) {
+                var color = this.formatColor(ci.substr(ci.indexOf("rgb"), ci.length));
+                ci = ci.replace(ci.substr(ci.indexOf("rgb"), ci.length), color);
+            }
+            if (indexOf(styleB, ci) == -1) {
+
+                return 0;
+
+            }//styleA[0].substr(styleA[0].indexOf("rga"),styleA[0].length)
+        }
+        return 1;
+    },
+
+
+    formatColor:function (color) {
+        var reg1 = /^\#[\da-f]{6}$/i,
+            reg2 = /^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/,
+            keyword = {
+                black:'#000000',
+                silver:'#c0c0c0',
+                gray:'#808080',
+                white:'#ffffff',
+                maroon:'#800000',
+                red:'#ff0000',
+                purple:'#800080',
+                fuchsia:'#ff00ff',
+                green:'#008000',
+                lime:'#00ff00',
+                olive:'#808000',
+                yellow:'#ffff0',
+                navy:'#000080',
+                blue:'#0000ff',
+                teal:'#008080',
+                aqua:'#00ffff'
+            };
+        if (reg1.test(color)) {
+            // #RRGGBB 直接返回
+            return color;
+        } else if (reg2.test(color)) {
+            // 非IE中的 rgb(0, 0, 0)
+            for (var s, i = 1, color = "#"; i < 4; i++) {
+                s = parseInt(RegExp["\x24" + i]).toString(16);
+                color += ("00" + s).substr(s.length);
+            }
+            return color;
+        } else if (/^\#[\da-f]{3}$/.test(color)) {
+            // 简写的颜色值: #F00
+            var s1 = color.charAt(1),
+                s2 = color.charAt(2),
+                s3 = color.charAt(3);
+            return "#" + s1 + s1 + s2 + s2 + s3 + s3;
+        } else if (keyword[color])
+            return keyword[color];
+
+        return "";
+
+    },
+    hasSameAttrs:function (nodeA, nodeB) {
+        if (nodeA.tagName != nodeB.tagName)
+            return 0;
+        var thisAttribs = nodeA.attributes,
+            otherAttribs = nodeB.attributes;
+        if (thisAttribs.length != otherAttribs.length)
+            return 0;
+        if (thisAttribs.length == 0)
+            return 1;
+        var attrA, attrB;
+        for (var i = 0; attrA = thisAttribs[i++];) {
+            if (attrA.nodeName == 'style') {
+                if (this.isSameStyle(nodeA, nodeB)) {
+                    continue
+                } else {
+                    return 0;
+                }
+            }
+            if (!ua.browser.ie || attrA.specified) {
+                attrB = nodeB.attributes[attrA.nodeName];
+                if (!attrB) {
+                    return 0;
+                }
+            }
+            return 1;
+        }
+        return 1;
+    },
+    /**
+     *清除空Text节点
+     */
+
+    clearWhiteNode:function (node) {
+        for (var i = 0; i < node.childNodes.length; i++) {
+            var tmpNode = node.childNodes[i];
+            if (tmpNode.nodeType == 3 && !tmpNode.length) {
+                tmpNode.parentNode.removeChild(tmpNode);
+                i--;
+            }
+        }
+    },
+    /**
+     *检查两个节点（包含所有子节点）是否具有相同的属性
+     */
+    flag:true,
+    checkAllChildAttribs:function (nodeA, nodeB) {
+        var k = nodeA.childNodes.length;
+        if (k != nodeB.childNodes.length) {
+            if (ua.browser.opera) {
+                this.clearWhiteNode(nodeA);
+                k = nodeA.childNodes.length;
+                if (k != nodeB.childNodes.length)
+                    this.flag = false;
+            }
+            else
+                this.flag = false;
+        }
+        if (!this.flag)
+            return this.flag;
+        while (k) {
+            var tmpNodeA = nodeA.childNodes[k - 1];
+            var tmpNodeB = nodeB.childNodes[k - 1];
+            k--;
+
+            if (tmpNodeA.nodeType == 3 || tmpNodeB.nodeType == 3 || tmpNodeA.nodeType == 8 || tmpNodeB.nodeType == 8)
+                continue;
+            if (!this.hasSameAttrs(tmpNodeA, tmpNodeB)) {
+                this.flag = false;
+                break;
+
+            }
+
+            this.checkAllChildAttribs(tmpNodeA, tmpNodeB);
+        }
+        return this.flag;
+    },
+    haveSameAllChildAttribs:function (nodeA, nodeB) {
+        this.flag = true;
+        return this.checkAllChildAttribs(nodeA, nodeB);
+    },
+    /*查看传入的html是否与传入的元素ele具有相同的style*/
+    checkHTMLSameStyle:function (html, doc, ele, descript) {
+        var tagEle = doc.createElement(ele.tagName);
+        tagEle.innerHTML = html;
+        /*会有一些不可见字符，在比较前提前删掉*/
+        this.manualDeleteFillData(ele);
+        ok(this.haveSameAllChildAttribs(ele, tagEle), descript);
+//        ok(this.equalsNode(ele.innerHMTL,html),descript);
+    },
+
+
+    equalsNode:function (na, nb) {
+        function compare(nodeA, nodeB) {
+            if (nodeA.nodeType != nodeB.nodeType) {
+                return 0;
+            }
+            if (nodeA.nodeType == 3) {
+                return  nodeA.nodeValue == nodeB.nodeValue
+            }
+            if (domUtils.isSameElement(nodeA, nodeB)) {
+                if (!nodeA.firstChild && !nodeB.firstChild) {
+                    return 1;
+                }
+                if (nodeA.firstChild && !nodeB.firstChild || !nodeA.firstChild && nodeB.firstChild) {
+                    return 0
+                }
+                for (var i = 0, ai, bi; ai = nodeA.childNodes[i], bi = nodeB.childNodes[i++];) {
+
+                    if (!compare(ai, bi)) {
+                        return 0
+                    }
+                }
+                return 1;
+            } else {
+                return 0;
+            }
+        }
+
+        return compare(domUtils.createElement(document, 'div', {
+            'innerHTML':na
+        }), domUtils.createElement(document, 'div', {
+            'innerHTML':nb
+        }));
+    },
+
+
+    getSelectedText:function () {
+        if (window.getSelection) {
+            // This technique is the most likely to be standardized.
+            // getSelection() returns a Selection object, which we do not document.
+            return window.getSelection().toString();
+        }
+        else if (document.getSelection) {
+            // This is an older, simpler technique that returns a string
+            return document.getSelection();
+        }
+        else if (document.selection) {
+            // This is the IE-specific technique.
+            // We do not document the IE selection property or TextRange objects.
+            return document.selection.createRange().text;
+        }
+    },
+    findPosition:function (oElement) {
+        var x2 = 0;
+        var y2 = 0;
+        var width = oElement.offsetWidth;
+        var height = oElement.offsetHeight;
+        if (typeof( oElement.offsetParent ) != 'undefined') {
+            for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {
+                posX += oElement.offsetLeft;
+                posY += oElement.offsetTop;
+            }
+            x2 = posX + width;
+            y2 = posY + height;
+            return [ posX, posY , x2, y2];
+
+        } else {
+            x2 = oElement.x + width;
+            y2 = oElement.y + height;
+            return [ oElement.x, oElement.y, x2, y2];
+        }
+    },
+
+    checkElementPath:function (arr1, arr2, descript) {
+        if (!descript)
+            descript = '';
+        var index = arr1.length;
+        if (index != arr2.length)
+            ok(false, '路径深度不相同');
+        else {
+
+            while (index > 0)
+                equal(arr1[--index ], arr2[index ], descript + '---第' + index + '个元素' + arr1[index]);
+        }
+    },
+    getBrowser:function () {
+        var browser = "";
+        if (this.browser.ie == 6)
+            browser = 'ie6';
+        if (this.browser.ie == 7)
+            browser = 'ie7';
+        if (this.browser.ie == 8)
+            browser = 'ie8';
+        if (this.browser.ie == 9)
+            browser = 'ie9';
+        if (this.browser.safari)
+            browser = 'safari';
+        if (this.browser.firefox)
+            browser = 'firefox';
+        if (this.browser.chrome)
+            browser = 'chrome';
+        if (this.browser.maxthon) {
+            browser = 'maxthon';
+        }
+        if (this.browser.maxthonIE)
+            browser = 'maxIE';
+        if (this.browser.opera)
+            browser = 'opera';
+        return browser;
+    },
+    getFloatStyle:function (ele) {
+        if (this.browser.ie)
+            return ele.style['styleFloat'];
+        else
+            return ele.style['cssFloat'];
+    },
+
+    getComputedStyle:function(ele ){
+        if(this.browser.ie&&ua.browser.ie<9){
+            return ele.currentStyle;
+        }else{
+            return window.getComputedStyle(ele);
+        }
+    },
+    readFile:function (name, f) {
+        var args = {};
+        args['name'] =  name;
+        $.ajax({
+            url:'read.php',
+            type:'post',
+            data:args,
+            success:function (msg) {
+                f(msg);
+            },
+            error:function (xhr, msg) {
+                f(null);
+            }
+        });
+    },
+    readTxt:function (name, f) {
+        var args = {};
+        args['name'] = './txt/' + name;
+        $.ajax({
+            url:'read.php',
+            type:'post',
+            data:args,
+            success:function (msg) {
+                f(msg);
+            },
+            error:function (xhr, msg) {
+                f(null);
+            }
+        });
+    }, checkLowerCase:function (stringA, stringB) {
+        if (!(stringA || stringB))
+            return true;
+        else if (!stringA || !stringB)
+            return false;
+        else {
+            return stringA.toLowerCase() == stringB.toLowerCase();
+        }
+    }, removeEndSemicolon:function (styleValue) {
+        if (styleValue.length - 1 == styleValue.lastIndexOf(';'))
+            styleValue = styleValue.substring(0, styleValue.length - 1);
+        return styleValue;
+    }, checkNodeStyle:function (nodeA, nodeB) {
+        var nodeAStyle = this.removeEndSemicolon(nodeA.getAttr("style").replace(/\s+/g, "")).replace(/&quot;/g,'').split(";");
+        var nodeBStyle = this.removeEndSemicolon(nodeB.getAttr("style").replace(/\s+/g, "")).replace(/&quot;/g,'').split(";");
+        var lengthA = nodeAStyle.length;
+        var lengthB = nodeBStyle.length;
+        if (!(lengthA && lengthB))
+            return true;
+        else if (lengthA != lengthB)
+            return false;
+        else {
+            for (var i = 0; i < lengthA; i++) {
+                if (nodeAStyle[i].match(/[-\w]+\s*:/) ) {
+                    var styleName = nodeAStyle[i].match(/[-\w]+\s*:/)[0].replace(/\s*:/, "");
+                    nodeA.attrs.style = nodeA.attrs.style.replace(/&quot;/g,'');
+                    nodeB.attrs.style = nodeB.attrs.style.replace(/&quot;/g,'');
+                    var styleValueA = nodeA.getStyle(styleName).toLowerCase().replace(/\s+/g, "");
+                    var styleValueB = nodeB.getStyle(styleName).toLowerCase().replace(/\s+/g, "");
+                    if(/color/.test(styleName)){
+                        styleValueA = this.formatColor(styleValueA);
+                        styleValueB = this.formatColor(styleValueB);
+                    }
+                    else;
+                    if (styleValueA != styleValueB)
+                        return false;
+                }
+            }
+        }
+        return true;
+    }, getPropertyCount:function (o) {
+        var n, count = 0;
+        for (n in o) {
+            if (o.hasOwnProperty(n)) {
+                count++;
+            }
+        }
+        return count;
+    },formHref:function(str){
+        if(str.lastIndexOf('/')== str.length-1){
+            str = str.substring(0,str.length-1);
+        }
+        return str;
+    },checkSameNodeAttrs:function (nodeA, nodeB) {
+        var lengthA = this.getPropertyCount(nodeA.attrs);
+        var lengthB = this.getPropertyCount(nodeB.attrs);
+        if (!(lengthA && lengthB))
+            return true;
+        else if (lengthA != lengthB)
+            return false;
+        else {
+            for (var p in nodeA.attrs) {
+                if(!nodeB.getAttr(p)&&!nodeA.getAttr(p))
+                    return true;
+                else if (!nodeB.getAttr(p)||!nodeA.getAttr(p))
+                    return false;
+                else if (p.toLowerCase() == "style") {
+                    if (!this.checkNodeStyle(nodeA, nodeB))
+                        return false;
+                }
+                else if(p.toLowerCase() == "href"){
+                    if (this.formHref(nodeA.getAttr(p).toLowerCase()) != this.formHref(nodeB.getAttr(p).toLowerCase()))
+                        return false;
+                }
+                else {
+                    if (nodeA.getAttr(p).toLowerCase().replace(/^\s+|\s+$/g, "") != nodeB.getAttr(p).toLowerCase().replace(/^\s+|\s+$/g, ""))
+                        return false;
+                }
+            }
+        }
+        return true;
+
+    }, checkChildren:function (nodeA, nodeB) {
+        if (!(nodeA.children || nodeB.children))
+            return true;
+        else if (!(nodeA.children && nodeB.children))
+            return false;
+        else if (nodeA.children.length != nodeB.children.length)
+            return false;
+        else {
+            var lengthA = nodeA.children.length;
+            for (var i = 0; i < lengthA; i++) {
+                if (!this.checkSameNode(nodeA.children[i], nodeB.children[i]))
+                    return false;
+            }
+        }
+        return true;
+    }, checkSameNode:function (nodeA, nodeB) {
+        if (!this.checkSameNodeAttrs(nodeA, nodeB))
+            return false;
+        else if (!this.checkChildren(nodeA, nodeB))
+            return false;
+        else if (nodeA.data != nodeB.data)
+            return false;
+        else if (!this.checkLowerCase(nodeA.tagName, nodeB.tagName))
+            return false;
+        else if (!this.checkLowerCase(nodeA.type, nodeB.type))
+            return false;
+        else
+            return true;
+    }, checkSameHtml:function (stringA, stringB, scholium) {
+        ok(this.checkSameNode(UE.htmlparser(stringA), UE.htmlparser(stringB)), scholium);
+    },
+    getContextmenuIndexByName:function(contextmenu,name){
+        for(var i=0;i<contextmenu.length;i++){
+            if(contextmenu[i].innerText ==name || contextmenu[i].textContent ==name)
+                return i;
+        }
+        return 0;
+    }
+};
+var ua = UserAction;
+var upath = ua.commonData.currentPath();
+var cpath = ua.commonData.datadir;
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/ext_qunit.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/ext_qunit.js
new file mode 100644
index 000000000..a9aadab21
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/ext_qunit.js
@@ -0,0 +1,35 @@
+/**
+ * 重载QUnit部分接口实现批量执行控制功能
+ */
+(function() {
+	if (!QUnit)
+		return;
+	var ms = QUnit.moduleStart, d = QUnit.done;
+
+	function _d(args /* failures, total */) {
+		//默认展开失败用例
+		$('li.fail ol').toggle();
+		if (parent && parent.brtest) {
+			parent.$(parent.brtest).trigger('done', [ new Date().getTime(), {
+				failed : args[0],
+				passed : args[1],
+                detail:args[2]
+			}, window._$jscoverage || null ]);
+		}
+	}
+	QUnit.moduleStart = function() {
+		stop();
+		/* 为批量执行等待import.php正确返回 */
+		var h = setInterval(function() {
+			if (window && window['baidu']) {
+				clearInterval(h);
+				ms.apply(this, arguments);
+				start();
+			}
+		}, 20);
+	};
+	QUnit.done = function() {
+		_d(arguments);
+		d.apply(this, arguments);
+	};
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/jquery-1.5.1.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/jquery-1.5.1.js
new file mode 100644
index 000000000..fa52d75b8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/jquery-1.5.1.js
@@ -0,0 +1,8316 @@
+/*!
+ * jQuery JavaScript Library v1.5.1
+ * http://jquery.com/
+ *
+ * Copyright 2011, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2011, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Wed Feb 23 13:55:29 2011 -0500
+ */
+(function( window, undefined ) {
+
+// Use the correct document accordingly with window argument (sandbox)
+var document = window.document;
+var jQuery = (function() {
+
+// Define a local copy of jQuery
+var jQuery = function( selector, context ) {
+		// The jQuery object is actually just the init constructor 'enhanced'
+		return new jQuery.fn.init( selector, context, rootjQuery );
+	},
+
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$,
+
+	// A central reference to the root jQuery(document)
+	rootjQuery,
+
+	// A simple way to check for HTML strings or ID strings
+	// (both of which we optimize for)
+	quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,
+
+	// Check if a string has a non-whitespace character in it
+	rnotwhite = /\S/,
+
+	// Used for trimming whitespace
+	trimLeft = /^\s+/,
+	trimRight = /\s+$/,
+
+	// Check for digits
+	rdigit = /\d/,
+
+	// Match a standalone tag
+	rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/,
+
+	// JSON RegExp
+	rvalidchars = /^[\],:{}\s]*$/,
+	rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
+	rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
+	rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
+
+	// Useragent RegExp
+	rwebkit = /(webkit)[ \/]([\w.]+)/,
+	ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
+	rmsie = /(msie) ([\w.]+)/,
+	rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,
+
+	// Keep a UserAgent string for use with jQuery.browser
+	userAgent = navigator.userAgent,
+
+	// For matching the engine and version of the browser
+	browserMatch,
+
+	// Has the ready events already been bound?
+	readyBound = false,
+
+	// The deferred used on DOM ready
+	readyList,
+
+	// Promise methods
+	promiseMethods = "then done fail isResolved isRejected promise".split( " " ),
+
+	// The ready event handler
+	DOMContentLoaded,
+
+	// Save a reference to some core methods
+	toString = Object.prototype.toString,
+	hasOwn = Object.prototype.hasOwnProperty,
+	push = Array.prototype.push,
+	slice = Array.prototype.slice,
+	trim = String.prototype.trim,
+	indexOf = Array.prototype.indexOf,
+
+	// [[Class]] -> type pairs
+	class2type = {};
+
+jQuery.fn = jQuery.prototype = {
+	constructor: jQuery,
+	init: function( selector, context, rootjQuery ) {
+		var match, elem, ret, doc;
+
+		// Handle $(""), $(null), or $(undefined)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Handle $(DOMElement)
+		if ( selector.nodeType ) {
+			this.context = this[0] = selector;
+			this.length = 1;
+			return this;
+		}
+
+		// The body element only exists once, optimize finding it
+		if ( selector === "body" && !context && document.body ) {
+			this.context = document;
+			this[0] = document.body;
+			this.selector = "body";
+			this.length = 1;
+			return this;
+		}
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			// Are we dealing with HTML string or an ID?
+			match = quickExpr.exec( selector );
+
+			// Verify a match, and that no context was specified for #id
+			if ( match && (match[1] || !context) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[1] ) {
+					context = context instanceof jQuery ? context[0] : context;
+					doc = (context ? context.ownerDocument || context : document);
+
+					// If a single string is passed in and it's a single tag
+					// just do a createElement and skip the rest
+					ret = rsingleTag.exec( selector );
+
+					if ( ret ) {
+						if ( jQuery.isPlainObject( context ) ) {
+							selector = [ document.createElement( ret[1] ) ];
+							jQuery.fn.attr.call( selector, context, true );
+
+						} else {
+							selector = [ doc.createElement( ret[1] ) ];
+						}
+
+					} else {
+						ret = jQuery.buildFragment( [ match[1] ], [ doc ] );
+						selector = (ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment).childNodes;
+					}
+
+					return jQuery.merge( this, selector );
+
+				// HANDLE: $("#id")
+				} else {
+					elem = document.getElementById( match[2] );
+
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE and Opera return items
+						// by name instead of ID
+						if ( elem.id !== match[2] ) {
+							return rootjQuery.find( selector );
+						}
+
+						// Otherwise, we inject the element directly into the jQuery object
+						this.length = 1;
+						this[0] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return (context || rootjQuery).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( jQuery.isFunction( selector ) ) {
+			return rootjQuery.ready( selector );
+		}
+
+		if (selector.selector !== undefined) {
+			this.selector = selector.selector;
+			this.context = selector.context;
+		}
+
+		return jQuery.makeArray( selector, this );
+	},
+
+	// Start with an empty selector
+	selector: "",
+
+	// The current version of jQuery being used
+	jquery: "1.5.1",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	// The number of elements contained in the matched element set
+	size: function() {
+		return this.length;
+	},
+
+	toArray: function() {
+		return slice.call( this, 0 );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num == null ?
+
+			// Return a 'clean' array
+			this.toArray() :
+
+			// Return just the object
+			( num < 0 ? this[ this.length + num ] : this[ num ] );
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems, name, selector ) {
+		// Build a new jQuery matched element set
+		var ret = this.constructor();
+
+		if ( jQuery.isArray( elems ) ) {
+			push.apply( ret, elems );
+
+		} else {
+			jQuery.merge( ret, elems );
+		}
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+
+		ret.context = this.context;
+
+		if ( name === "find" ) {
+			ret.selector = this.selector + (this.selector ? " " : "") + selector;
+		} else if ( name ) {
+			ret.selector = this.selector + "." + name + "(" + selector + ")";
+		}
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	// (You can seed the arguments with an array of args, but this is
+	// only used internally.)
+	each: function( callback, args ) {
+		return jQuery.each( this, callback, args );
+	},
+
+	ready: function( fn ) {
+		// Attach the listeners
+		jQuery.bindReady();
+
+		// Add the callback
+		readyList.done( fn );
+
+		return this;
+	},
+
+	eq: function( i ) {
+		return i === -1 ?
+			this.slice( i ) :
+			this.slice( i, +i + 1 );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	slice: function() {
+		return this.pushStack( slice.apply( this, arguments ),
+			"slice", slice.call(arguments).join(",") );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map(this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		}));
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor(null);
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: push,
+	sort: [].sort,
+	splice: [].splice
+};
+
+// Give the init function the jQuery prototype for later instantiation
+jQuery.fn.init.prototype = jQuery.fn;
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var options, name, src, copy, copyIsArray, clone,
+		target = arguments[0] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+		target = arguments[1] || {};
+		// skip the boolean and the target
+		i = 2;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+		target = {};
+	}
+
+	// extend jQuery itself if only one argument is passed
+	if ( length === i ) {
+		target = this;
+		--i;
+	}
+
+	for ( ; i < length; i++ ) {
+		// Only deal with non-null/undefined values
+		if ( (options = arguments[ i ]) != null ) {
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray(src) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject(src) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend({
+	noConflict: function( deep ) {
+		window.$ = _$;
+
+		if ( deep ) {
+			window.jQuery = _jQuery;
+		}
+
+		return jQuery;
+	},
+
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+		// A third-party is pushing the ready event forwards
+		if ( wait === true ) {
+			jQuery.readyWait--;
+		}
+
+		// Make sure that the DOM is not already loaded
+		if ( !jQuery.readyWait || (wait !== true && !jQuery.isReady) ) {
+			// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+			if ( !document.body ) {
+				return setTimeout( jQuery.ready, 1 );
+			}
+
+			// Remember that the DOM is ready
+			jQuery.isReady = true;
+
+			// If a normal DOM Ready event fired, decrement, and wait if need be
+			if ( wait !== true && --jQuery.readyWait > 0 ) {
+				return;
+			}
+
+			// If there are functions bound, to execute
+			readyList.resolveWith( document, [ jQuery ] );
+
+			// Trigger any bound ready events
+			if ( jQuery.fn.trigger ) {
+				jQuery( document ).trigger( "ready" ).unbind( "ready" );
+			}
+		}
+	},
+
+	bindReady: function() {
+		if ( readyBound ) {
+			return;
+		}
+
+		readyBound = true;
+
+		// Catch cases where $(document).ready() is called after the
+		// browser event has already occurred.
+		if ( document.readyState === "complete" ) {
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			return setTimeout( jQuery.ready, 1 );
+		}
+
+		// Mozilla, Opera and webkit nightlies currently support this event
+		if ( document.addEventListener ) {
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", jQuery.ready, false );
+
+		// If IE event model is used
+		} else if ( document.attachEvent ) {
+			// ensure firing before onload,
+			// maybe late but safe also for iframes
+			document.attachEvent("onreadystatechange", DOMContentLoaded);
+
+			// A fallback to window.onload, that will always work
+			window.attachEvent( "onload", jQuery.ready );
+
+			// If IE and not a frame
+			// continually check to see if the document is ready
+			var toplevel = false;
+
+			try {
+				toplevel = window.frameElement == null;
+			} catch(e) {}
+
+			if ( document.documentElement.doScroll && toplevel ) {
+				doScrollCheck();
+			}
+		}
+	},
+
+	// See test/unit/core.js for details concerning isFunction.
+	// Since version 1.3, DOM methods and functions like alert
+	// aren't supported. They return false on IE (#2968).
+	isFunction: function( obj ) {
+		return jQuery.type(obj) === "function";
+	},
+
+	isArray: Array.isArray || function( obj ) {
+		return jQuery.type(obj) === "array";
+	},
+
+	// A crude way of determining if an object is a window
+	isWindow: function( obj ) {
+		return obj && typeof obj === "object" && "setInterval" in obj;
+	},
+
+	isNaN: function( obj ) {
+		return obj == null || !rdigit.test( obj ) || isNaN( obj );
+	},
+
+	type: function( obj ) {
+		return obj == null ?
+			String( obj ) :
+			class2type[ toString.call(obj) ] || "object";
+	},
+
+	isPlainObject: function( obj ) {
+		// Must be an Object.
+		// Because of IE, we also have to check the presence of the constructor property.
+		// Make sure that DOM nodes and window objects don't pass through, as well
+		if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		// Not own constructor property must be Object
+		if ( obj.constructor &&
+			!hasOwn.call(obj, "constructor") &&
+			!hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
+			return false;
+		}
+
+		// Own properties are enumerated firstly, so to speed up,
+		// if last one is own, then all properties are own.
+
+		var key;
+		for ( key in obj ) {}
+
+		return key === undefined || hasOwn.call( obj, key );
+	},
+
+	isEmptyObject: function( obj ) {
+		for ( var name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	error: function( msg ) {
+		throw msg;
+	},
+
+	parseJSON: function( data ) {
+		if ( typeof data !== "string" || !data ) {
+			return null;
+		}
+
+		// Make sure leading/trailing whitespace is removed (IE can't handle it)
+		data = jQuery.trim( data );
+
+		// Make sure the incoming data is actual JSON
+		// Logic borrowed from http://json.org/json2.js
+		if ( rvalidchars.test(data.replace(rvalidescape, "@")
+			.replace(rvalidtokens, "]")
+			.replace(rvalidbraces, "")) ) {
+
+			// Try to use the native JSON parser first
+			return window.JSON && window.JSON.parse ?
+				window.JSON.parse( data ) :
+				(new Function("return " + data))();
+
+		} else {
+			jQuery.error( "Invalid JSON: " + data );
+		}
+	},
+
+	// Cross-browser xml parsing
+	// (xml & tmp used internally)
+	parseXML: function( data , xml , tmp ) {
+
+		if ( window.DOMParser ) { // Standard
+			tmp = new DOMParser();
+			xml = tmp.parseFromString( data , "text/xml" );
+		} else { // IE
+			xml = new ActiveXObject( "Microsoft.XMLDOM" );
+			xml.async = "false";
+			xml.loadXML( data );
+		}
+
+		tmp = xml.documentElement;
+
+		if ( ! tmp || ! tmp.nodeName || tmp.nodeName === "parsererror" ) {
+			jQuery.error( "Invalid XML: " + data );
+		}
+
+		return xml;
+	},
+
+	noop: function() {},
+
+	// Evalulates a script in a global context
+	globalEval: function( data ) {
+		if ( data && rnotwhite.test(data) ) {
+			// Inspired by code by Andrea Giammarchi
+			// http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html
+			var head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement,
+				script = document.createElement( "script" );
+
+			if ( jQuery.support.scriptEval() ) {
+				script.appendChild( document.createTextNode( data ) );
+			} else {
+				script.text = data;
+			}
+
+			// Use insertBefore instead of appendChild to circumvent an IE6 bug.
+			// This arises when a base node is used (#2709).
+			head.insertBefore( script, head.firstChild );
+			head.removeChild( script );
+		}
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
+	},
+
+	// args is for internal usage only
+	each: function( object, callback, args ) {
+		var name, i = 0,
+			length = object.length,
+			isObj = length === undefined || jQuery.isFunction(object);
+
+		if ( args ) {
+			if ( isObj ) {
+				for ( name in object ) {
+					if ( callback.apply( object[ name ], args ) === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( ; i < length; ) {
+					if ( callback.apply( object[ i++ ], args ) === false ) {
+						break;
+					}
+				}
+			}
+
+		// A special, fast, case for the most common use of each
+		} else {
+			if ( isObj ) {
+				for ( name in object ) {
+					if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( var value = object[0];
+					i < length && callback.call( value, i, value ) !== false; value = object[++i] ) {}
+			}
+		}
+
+		return object;
+	},
+
+	// Use native String.trim function wherever possible
+	trim: trim ?
+		function( text ) {
+			return text == null ?
+				"" :
+				trim.call( text );
+		} :
+
+		// Otherwise use our own trimming functionality
+		function( text ) {
+			return text == null ?
+				"" :
+				text.toString().replace( trimLeft, "" ).replace( trimRight, "" );
+		},
+
+	// results is for internal usage only
+	makeArray: function( array, results ) {
+		var ret = results || [];
+
+		if ( array != null ) {
+			// The window, strings (and functions) also have 'length'
+			// The extra typeof function check is to prevent crashes
+			// in Safari 2 (See: #3039)
+			// Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
+			var type = jQuery.type(array);
+
+			if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) {
+				push.call( ret, array );
+			} else {
+				jQuery.merge( ret, array );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, array ) {
+		if ( array.indexOf ) {
+			return array.indexOf( elem );
+		}
+
+		for ( var i = 0, length = array.length; i < length; i++ ) {
+			if ( array[ i ] === elem ) {
+				return i;
+			}
+		}
+
+		return -1;
+	},
+
+	merge: function( first, second ) {
+		var i = first.length,
+			j = 0;
+
+		if ( typeof second.length === "number" ) {
+			for ( var l = second.length; j < l; j++ ) {
+				first[ i++ ] = second[ j ];
+			}
+
+		} else {
+			while ( second[j] !== undefined ) {
+				first[ i++ ] = second[ j++ ];
+			}
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, inv ) {
+		var ret = [], retVal;
+		inv = !!inv;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( var i = 0, length = elems.length; i < length; i++ ) {
+			retVal = !!callback( elems[ i ], i );
+			if ( inv !== retVal ) {
+				ret.push( elems[ i ] );
+			}
+		}
+
+		return ret;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var ret = [], value;
+
+		// Go through the array, translating each of the items to their
+		// new value (or values).
+		for ( var i = 0, length = elems.length; i < length; i++ ) {
+			value = callback( elems[ i ], i, arg );
+
+			if ( value != null ) {
+				ret[ ret.length ] = value;
+			}
+		}
+
+		// Flatten any nested arrays
+		return ret.concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	proxy: function( fn, proxy, thisObject ) {
+		if ( arguments.length === 2 ) {
+			if ( typeof proxy === "string" ) {
+				thisObject = fn;
+				fn = thisObject[ proxy ];
+				proxy = undefined;
+
+			} else if ( proxy && !jQuery.isFunction( proxy ) ) {
+				thisObject = proxy;
+				proxy = undefined;
+			}
+		}
+
+		if ( !proxy && fn ) {
+			proxy = function() {
+				return fn.apply( thisObject || this, arguments );
+			};
+		}
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		if ( fn ) {
+			proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
+		}
+
+		// So proxy can be declared as an argument
+		return proxy;
+	},
+
+	// Mutifunctional method to get and set values to a collection
+	// The value/s can be optionally by executed if its a function
+	access: function( elems, key, value, exec, fn, pass ) {
+		var length = elems.length;
+
+		// Setting many attributes
+		if ( typeof key === "object" ) {
+			for ( var k in key ) {
+				jQuery.access( elems, k, key[k], exec, fn, value );
+			}
+			return elems;
+		}
+
+		// Setting one attribute
+		if ( value !== undefined ) {
+			// Optionally, function values get executed if exec is true
+			exec = !pass && exec && jQuery.isFunction(value);
+
+			for ( var i = 0; i < length; i++ ) {
+				fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
+			}
+
+			return elems;
+		}
+
+		// Getting an attribute
+		return length ? fn( elems[0], key ) : undefined;
+	},
+
+	now: function() {
+		return (new Date()).getTime();
+	},
+
+	// Create a simple deferred (one callbacks list)
+	_Deferred: function() {
+		var // callbacks list
+			callbacks = [],
+			// stored [ context , args ]
+			fired,
+			// to avoid firing when already doing so
+			firing,
+			// flag to know if the deferred has been cancelled
+			cancelled,
+			// the deferred itself
+			deferred  = {
+
+				// done( f1, f2, ...)
+				done: function() {
+					if ( !cancelled ) {
+						var args = arguments,
+							i,
+							length,
+							elem,
+							type,
+							_fired;
+						if ( fired ) {
+							_fired = fired;
+							fired = 0;
+						}
+						for ( i = 0, length = args.length; i < length; i++ ) {
+							elem = args[ i ];
+							type = jQuery.type( elem );
+							if ( type === "array" ) {
+								deferred.done.apply( deferred, elem );
+							} else if ( type === "function" ) {
+								callbacks.push( elem );
+							}
+						}
+						if ( _fired ) {
+							deferred.resolveWith( _fired[ 0 ], _fired[ 1 ] );
+						}
+					}
+					return this;
+				},
+
+				// resolve with given context and args
+				resolveWith: function( context, args ) {
+					if ( !cancelled && !fired && !firing ) {
+						firing = 1;
+						try {
+							while( callbacks[ 0 ] ) {
+								callbacks.shift().apply( context, args );
+							}
+						}
+						// We have to add a catch block for
+						// IE prior to 8 or else the finally
+						// block will never get executed
+						catch (e) {
+							throw e;
+						}
+						finally {
+							fired = [ context, args ];
+							firing = 0;
+						}
+					}
+					return this;
+				},
+
+				// resolve with this as context and given arguments
+				resolve: function() {
+					deferred.resolveWith( jQuery.isFunction( this.promise ) ? this.promise() : this, arguments );
+					return this;
+				},
+
+				// Has this deferred been resolved?
+				isResolved: function() {
+					return !!( firing || fired );
+				},
+
+				// Cancel
+				cancel: function() {
+					cancelled = 1;
+					callbacks = [];
+					return this;
+				}
+			};
+
+		return deferred;
+	},
+
+	// Full fledged deferred (two callbacks list)
+	Deferred: function( func ) {
+		var deferred = jQuery._Deferred(),
+			failDeferred = jQuery._Deferred(),
+			promise;
+		// Add errorDeferred methods, then and promise
+		jQuery.extend( deferred, {
+			then: function( doneCallbacks, failCallbacks ) {
+				deferred.done( doneCallbacks ).fail( failCallbacks );
+				return this;
+			},
+			fail: failDeferred.done,
+			rejectWith: failDeferred.resolveWith,
+			reject: failDeferred.resolve,
+			isRejected: failDeferred.isResolved,
+			// Get a promise for this deferred
+			// If obj is provided, the promise aspect is added to the object
+			promise: function( obj ) {
+				if ( obj == null ) {
+					if ( promise ) {
+						return promise;
+					}
+					promise = obj = {};
+				}
+				var i = promiseMethods.length;
+				while( i-- ) {
+					obj[ promiseMethods[i] ] = deferred[ promiseMethods[i] ];
+				}
+				return obj;
+			}
+		} );
+		// Make sure only one callback list will be used
+		deferred.done( failDeferred.cancel ).fail( deferred.cancel );
+		// Unexpose cancel
+		delete deferred.cancel;
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( object ) {
+		var lastIndex = arguments.length,
+			deferred = lastIndex <= 1 && object && jQuery.isFunction( object.promise ) ?
+				object :
+				jQuery.Deferred(),
+			promise = deferred.promise();
+
+		if ( lastIndex > 1 ) {
+			var array = slice.call( arguments, 0 ),
+				count = lastIndex,
+				iCallback = function( index ) {
+					return function( value ) {
+						array[ index ] = arguments.length > 1 ? slice.call( arguments, 0 ) : value;
+						if ( !( --count ) ) {
+							deferred.resolveWith( promise, array );
+						}
+					};
+				};
+			while( ( lastIndex-- ) ) {
+				object = array[ lastIndex ];
+				if ( object && jQuery.isFunction( object.promise ) ) {
+					object.promise().then( iCallback(lastIndex), deferred.reject );
+				} else {
+					--count;
+				}
+			}
+			if ( !count ) {
+				deferred.resolveWith( promise, array );
+			}
+		} else if ( deferred !== object ) {
+			deferred.resolve( object );
+		}
+		return promise;
+	},
+
+	// Use of jQuery.browser is frowned upon.
+	// More details: http://docs.jquery.com/Utilities/jQuery.browser
+	uaMatch: function( ua ) {
+		ua = ua.toLowerCase();
+
+		var match = rwebkit.exec( ua ) ||
+			ropera.exec( ua ) ||
+			rmsie.exec( ua ) ||
+			ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
+			[];
+
+		return { browser: match[1] || "", version: match[2] || "0" };
+	},
+
+	sub: function() {
+		function jQuerySubclass( selector, context ) {
+			return new jQuerySubclass.fn.init( selector, context );
+		}
+		jQuery.extend( true, jQuerySubclass, this );
+		jQuerySubclass.superclass = this;
+		jQuerySubclass.fn = jQuerySubclass.prototype = this();
+		jQuerySubclass.fn.constructor = jQuerySubclass;
+		jQuerySubclass.subclass = this.subclass;
+		jQuerySubclass.fn.init = function init( selector, context ) {
+			if ( context && context instanceof jQuery && !(context instanceof jQuerySubclass) ) {
+				context = jQuerySubclass(context);
+			}
+
+			return jQuery.fn.init.call( this, selector, context, rootjQuerySubclass );
+		};
+		jQuerySubclass.fn.init.prototype = jQuerySubclass.fn;
+		var rootjQuerySubclass = jQuerySubclass(document);
+		return jQuerySubclass;
+	},
+
+	browser: {}
+});
+
+// Create readyList deferred
+readyList = jQuery._Deferred();
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+browserMatch = jQuery.uaMatch( userAgent );
+if ( browserMatch.browser ) {
+	jQuery.browser[ browserMatch.browser ] = true;
+	jQuery.browser.version = browserMatch.version;
+}
+
+// Deprecated, use jQuery.browser.webkit instead
+if ( jQuery.browser.webkit ) {
+	jQuery.browser.safari = true;
+}
+
+if ( indexOf ) {
+	jQuery.inArray = function( elem, array ) {
+		return indexOf.call( array, elem );
+	};
+}
+
+// IE doesn't match non-breaking spaces with \s
+if ( rnotwhite.test( "\xA0" ) ) {
+	trimLeft = /^[\s\xA0]+/;
+	trimRight = /[\s\xA0]+$/;
+}
+
+// All jQuery objects should point back to these
+rootjQuery = jQuery(document);
+
+// Cleanup functions for the document ready method
+if ( document.addEventListener ) {
+	DOMContentLoaded = function() {
+		document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
+		jQuery.ready();
+	};
+
+} else if ( document.attachEvent ) {
+	DOMContentLoaded = function() {
+		// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+		if ( document.readyState === "complete" ) {
+			document.detachEvent( "onreadystatechange", DOMContentLoaded );
+			jQuery.ready();
+		}
+	};
+}
+
+// The DOM ready check for Internet Explorer
+function doScrollCheck() {
+	if ( jQuery.isReady ) {
+		return;
+	}
+
+	try {
+		// If IE is used, use the trick by Diego Perini
+		// http://javascript.nwbox.com/IEContentLoaded/
+		document.documentElement.doScroll("left");
+	} catch(e) {
+		setTimeout( doScrollCheck, 1 );
+		return;
+	}
+
+	// and execute any waiting functions
+	jQuery.ready();
+}
+
+// Expose jQuery to the global object
+return jQuery;
+
+})();
+
+
+(function() {
+
+	jQuery.support = {};
+
+	var div = document.createElement("div");
+
+	div.style.display = "none";
+	div.innerHTML = "   <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
+
+	var all = div.getElementsByTagName("*"),
+		a = div.getElementsByTagName("a")[0],
+		select = document.createElement("select"),
+		opt = select.appendChild( document.createElement("option") ),
+		input = div.getElementsByTagName("input")[0];
+
+	// Can't get basic test support
+	if ( !all || !all.length || !a ) {
+		return;
+	}
+
+	jQuery.support = {
+		// IE strips leading whitespace when .innerHTML is used
+		leadingWhitespace: div.firstChild.nodeType === 3,
+
+		// Make sure that tbody elements aren't automatically inserted
+		// IE will insert them into empty tables
+		tbody: !div.getElementsByTagName("tbody").length,
+
+		// Make sure that link elements get serialized correctly by innerHTML
+		// This requires a wrapper element in IE
+		htmlSerialize: !!div.getElementsByTagName("link").length,
+
+		// Get the style information from getAttribute
+		// (IE uses .cssText insted)
+		style: /red/.test( a.getAttribute("style") ),
+
+		// Make sure that URLs aren't manipulated
+		// (IE normalizes it by default)
+		hrefNormalized: a.getAttribute("href") === "/a",
+
+		// Make sure that element opacity exists
+		// (IE uses filter instead)
+		// Use a regex to work around a WebKit issue. See #5145
+		opacity: /^0.55$/.test( a.style.opacity ),
+
+		// Verify style float existence
+		// (IE uses styleFloat instead of cssFloat)
+		cssFloat: !!a.style.cssFloat,
+
+		// Make sure that if no value is specified for a checkbox
+		// that it defaults to "on".
+		// (WebKit defaults to "" instead)
+		checkOn: input.value === "on",
+
+		// Make sure that a selected-by-default option has a working selected property.
+		// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+		optSelected: opt.selected,
+
+		// Will be defined later
+		deleteExpando: true,
+		optDisabled: false,
+		checkClone: false,
+		noCloneEvent: true,
+		noCloneChecked: true,
+		boxModel: null,
+		inlineBlockNeedsLayout: false,
+		shrinkWrapBlocks: false,
+		reliableHiddenOffsets: true
+	};
+
+	input.checked = true;
+	jQuery.support.noCloneChecked = input.cloneNode( true ).checked;
+
+	// Make sure that the options inside disabled selects aren't marked as disabled
+	// (WebKit marks them as diabled)
+	select.disabled = true;
+	jQuery.support.optDisabled = !opt.disabled;
+
+	var _scriptEval = null;
+	jQuery.support.scriptEval = function() {
+		if ( _scriptEval === null ) {
+			var root = document.documentElement,
+				script = document.createElement("script"),
+				id = "script" + jQuery.now();
+
+			try {
+				script.appendChild( document.createTextNode( "window." + id + "=1;" ) );
+			} catch(e) {}
+
+			root.insertBefore( script, root.firstChild );
+
+			// Make sure that the execution of code works by injecting a script
+			// tag with appendChild/createTextNode
+			// (IE doesn't support this, fails, and uses .text instead)
+			if ( window[ id ] ) {
+				_scriptEval = true;
+				delete window[ id ];
+			} else {
+				_scriptEval = false;
+			}
+
+			root.removeChild( script );
+			// release memory in IE
+			root = script = id  = null;
+		}
+
+		return _scriptEval;
+	};
+
+	// Test to see if it's possible to delete an expando from an element
+	// Fails in Internet Explorer
+	try {
+		delete div.test;
+
+	} catch(e) {
+		jQuery.support.deleteExpando = false;
+	}
+
+	if ( !div.addEventListener && div.attachEvent && div.fireEvent ) {
+		div.attachEvent("onclick", function click() {
+			// Cloning a node shouldn't copy over any
+			// bound event handlers (IE does this)
+			jQuery.support.noCloneEvent = false;
+			div.detachEvent("onclick", click);
+		});
+		div.cloneNode(true).fireEvent("onclick");
+	}
+
+	div = document.createElement("div");
+	div.innerHTML = "<input type='radio' name='radiotest' checked='checked'/>";
+
+	var fragment = document.createDocumentFragment();
+	fragment.appendChild( div.firstChild );
+
+	// WebKit doesn't clone checked state correctly in fragments
+	jQuery.support.checkClone = fragment.cloneNode(true).cloneNode(true).lastChild.checked;
+
+	// Figure out if the W3C box model works as expected
+	// document.body must exist before we can do this
+	jQuery(function() {
+		var div = document.createElement("div"),
+			body = document.getElementsByTagName("body")[0];
+
+		// Frameset documents with no body should not run this code
+		if ( !body ) {
+			return;
+		}
+
+		div.style.width = div.style.paddingLeft = "1px";
+		body.appendChild( div );
+		jQuery.boxModel = jQuery.support.boxModel = div.offsetWidth === 2;
+
+		if ( "zoom" in div.style ) {
+			// Check if natively block-level elements act like inline-block
+			// elements when setting their display to 'inline' and giving
+			// them layout
+			// (IE < 8 does this)
+			div.style.display = "inline";
+			div.style.zoom = 1;
+			jQuery.support.inlineBlockNeedsLayout = div.offsetWidth === 2;
+
+			// Check if elements with layout shrink-wrap their children
+			// (IE 6 does this)
+			div.style.display = "";
+			div.innerHTML = "<div style='width:4px;'></div>";
+			jQuery.support.shrinkWrapBlocks = div.offsetWidth !== 2;
+		}
+
+		div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
+		var tds = div.getElementsByTagName("td");
+
+		// Check if table cells still have offsetWidth/Height when they are set
+		// to display:none and there are still other visible table cells in a
+		// table row; if so, offsetWidth/Height are not reliable for use when
+		// determining if an element has been hidden directly using
+		// display:none (it is still safe to use offsets if a parent element is
+		// hidden; don safety goggles and see bug #4512 for more information).
+		// (only IE 8 fails this test)
+		jQuery.support.reliableHiddenOffsets = tds[0].offsetHeight === 0;
+
+		tds[0].style.display = "";
+		tds[1].style.display = "none";
+
+		// Check if empty table cells still have offsetWidth/Height
+		// (IE < 8 fail this test)
+		jQuery.support.reliableHiddenOffsets = jQuery.support.reliableHiddenOffsets && tds[0].offsetHeight === 0;
+		div.innerHTML = "";
+
+		body.removeChild( div ).style.display = "none";
+		div = tds = null;
+	});
+
+	// Technique from Juriy Zaytsev
+	// http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/
+	var eventSupported = function( eventName ) {
+		var el = document.createElement("div");
+		eventName = "on" + eventName;
+
+		// We only care about the case where non-standard event systems
+		// are used, namely in IE. Short-circuiting here helps us to
+		// avoid an eval call (in setAttribute) which can cause CSP
+		// to go haywire. See: https://developer.mozilla.org/en/Security/CSP
+		if ( !el.attachEvent ) {
+			return true;
+		}
+
+		var isSupported = (eventName in el);
+		if ( !isSupported ) {
+			el.setAttribute(eventName, "return;");
+			isSupported = typeof el[eventName] === "function";
+		}
+		el = null;
+
+		return isSupported;
+	};
+
+	jQuery.support.submitBubbles = eventSupported("submit");
+	jQuery.support.changeBubbles = eventSupported("change");
+
+	// release memory in IE
+	div = all = a = null;
+})();
+
+
+
+var rbrace = /^(?:\{.*\}|\[.*\])$/;
+
+jQuery.extend({
+	cache: {},
+
+	// Please use with caution
+	uuid: 0,
+
+	// Unique for each copy of jQuery on the pagebreak
+	// Non-digits removed to match rinlinejQuery
+	expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),
+
+	// The following elements throw uncatchable exceptions if you
+	// attempt to add expando properties to them.
+	noData: {
+		"embed": true,
+		// Ban all objects except for Flash (which handle expandos)
+		"object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
+		"applet": true
+	},
+
+	hasData: function( elem ) {
+		elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
+
+		return !!elem && !isEmptyDataObject( elem );
+	},
+
+	data: function( elem, name, data, pvt /* Internal Use Only */ ) {
+		if ( !jQuery.acceptData( elem ) ) {
+			return;
+		}
+
+		var internalKey = jQuery.expando, getByName = typeof name === "string", thisCache,
+
+			// We have to handle DOM nodes and JS objects differently because IE6-7
+			// can't GC object references properly across the DOM-JS boundary
+			isNode = elem.nodeType,
+
+			// Only DOM nodes need the global jQuery cache; JS object data is
+			// attached directly to the object so GC can occur automatically
+			cache = isNode ? jQuery.cache : elem,
+
+			// Only defining an ID for JS objects if its cache already exists allows
+			// the code to shortcut on the same path as a DOM node with no cache
+			id = isNode ? elem[ jQuery.expando ] : elem[ jQuery.expando ] && jQuery.expando;
+
+		// Avoid doing any more work than we need to when trying to get data on an
+		// object that has no data at all
+		if ( (!id || (pvt && id && !cache[ id ][ internalKey ])) && getByName && data === undefined ) {
+			return;
+		}
+
+		if ( !id ) {
+			// Only DOM nodes need a new unique ID for each element since their data
+			// ends up in the global cache
+			if ( isNode ) {
+				elem[ jQuery.expando ] = id = ++jQuery.uuid;
+			} else {
+				id = jQuery.expando;
+			}
+		}
+
+		if ( !cache[ id ] ) {
+			cache[ id ] = {};
+
+			// TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
+			// metadata on plain JS objects when the object is serialized using
+			// JSON.stringify
+			if ( !isNode ) {
+				cache[ id ].toJSON = jQuery.noop;
+			}
+		}
+
+		// An object can be passed to jQuery.data instead of a key/value pair; this gets
+		// shallow copied over onto the existing cache
+		if ( typeof name === "object" || typeof name === "function" ) {
+			if ( pvt ) {
+				cache[ id ][ internalKey ] = jQuery.extend(cache[ id ][ internalKey ], name);
+			} else {
+				cache[ id ] = jQuery.extend(cache[ id ], name);
+			}
+		}
+
+		thisCache = cache[ id ];
+
+		// Internal jQuery data is stored in a separate object inside the object's data
+		// cache in order to avoid key collisions between internal data and user-defined
+		// data
+		if ( pvt ) {
+			if ( !thisCache[ internalKey ] ) {
+				thisCache[ internalKey ] = {};
+			}
+
+			thisCache = thisCache[ internalKey ];
+		}
+
+		if ( data !== undefined ) {
+			thisCache[ name ] = data;
+		}
+
+		// TODO: This is a hack for 1.5 ONLY. It will be removed in 1.6. Users should
+		// not attempt to inspect the internal events object using jQuery.data, as this
+		// internal data object is undocumented and subject to change.
+		if ( name === "events" && !thisCache[name] ) {
+			return thisCache[ internalKey ] && thisCache[ internalKey ].events;
+		}
+
+		return getByName ? thisCache[ name ] : thisCache;
+	},
+
+	removeData: function( elem, name, pvt /* Internal Use Only */ ) {
+		if ( !jQuery.acceptData( elem ) ) {
+			return;
+		}
+
+		var internalKey = jQuery.expando, isNode = elem.nodeType,
+
+			// See jQuery.data for more information
+			cache = isNode ? jQuery.cache : elem,
+
+			// See jQuery.data for more information
+			id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
+
+		// If there is already no cache entry for this object, there is no
+		// purpose in continuing
+		if ( !cache[ id ] ) {
+			return;
+		}
+
+		if ( name ) {
+			var thisCache = pvt ? cache[ id ][ internalKey ] : cache[ id ];
+
+			if ( thisCache ) {
+				delete thisCache[ name ];
+
+				// If there is no data left in the cache, we want to continue
+				// and let the cache object itself get destroyed
+				if ( !isEmptyDataObject(thisCache) ) {
+					return;
+				}
+			}
+		}
+
+		// See jQuery.data for more information
+		if ( pvt ) {
+			delete cache[ id ][ internalKey ];
+
+			// Don't destroy the parent cache unless the internal data object
+			// had been the only thing left in it
+			if ( !isEmptyDataObject(cache[ id ]) ) {
+				return;
+			}
+		}
+
+		var internalCache = cache[ id ][ internalKey ];
+
+		// Browsers that fail expando deletion also refuse to delete expandos on
+		// the window, but it will allow it on all other JS objects; other browsers
+		// don't care
+		if ( jQuery.support.deleteExpando || cache != window ) {
+			delete cache[ id ];
+		} else {
+			cache[ id ] = null;
+		}
+
+		// We destroyed the entire user cache at once because it's faster than
+		// iterating through each key, but we need to continue to persist internal
+		// data if it existed
+		if ( internalCache ) {
+			cache[ id ] = {};
+			// TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
+			// metadata on plain JS objects when the object is serialized using
+			// JSON.stringify
+			if ( !isNode ) {
+				cache[ id ].toJSON = jQuery.noop;
+			}
+
+			cache[ id ][ internalKey ] = internalCache;
+
+		// Otherwise, we need to eliminate the expando on the node to avoid
+		// false lookups in the cache for entries that no longer exist
+		} else if ( isNode ) {
+			// IE does not allow us to delete expando properties from nodes,
+			// nor does it have a removeAttribute function on Document nodes;
+			// we must handle all of these cases
+			if ( jQuery.support.deleteExpando ) {
+				delete elem[ jQuery.expando ];
+			} else if ( elem.removeAttribute ) {
+				elem.removeAttribute( jQuery.expando );
+			} else {
+				elem[ jQuery.expando ] = null;
+			}
+		}
+	},
+
+	// For internal use only.
+	_data: function( elem, name, data ) {
+		return jQuery.data( elem, name, data, true );
+	},
+
+	// A method for determining if a DOM node can handle the data expando
+	acceptData: function( elem ) {
+		if ( elem.nodeName ) {
+			var match = jQuery.noData[ elem.nodeName.toLowerCase() ];
+
+			if ( match ) {
+				return !(match === true || elem.getAttribute("classid") !== match);
+			}
+		}
+
+		return true;
+	}
+});
+
+jQuery.fn.extend({
+	data: function( key, value ) {
+		var data = null;
+
+		if ( typeof key === "undefined" ) {
+			if ( this.length ) {
+				data = jQuery.data( this[0] );
+
+				if ( this[0].nodeType === 1 ) {
+					var attr = this[0].attributes, name;
+					for ( var i = 0, l = attr.length; i < l; i++ ) {
+						name = attr[i].name;
+
+						if ( name.indexOf( "data-" ) === 0 ) {
+							name = name.substr( 5 );
+							dataAttr( this[0], name, data[ name ] );
+						}
+					}
+				}
+			}
+
+			return data;
+
+		} else if ( typeof key === "object" ) {
+			return this.each(function() {
+				jQuery.data( this, key );
+			});
+		}
+
+		var parts = key.split(".");
+		parts[1] = parts[1] ? "." + parts[1] : "";
+
+		if ( value === undefined ) {
+			data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]);
+
+			// Try to fetch any internally stored data first
+			if ( data === undefined && this.length ) {
+				data = jQuery.data( this[0], key );
+				data = dataAttr( this[0], key, data );
+			}
+
+			return data === undefined && parts[1] ?
+				this.data( parts[0] ) :
+				data;
+
+		} else {
+			return this.each(function() {
+				var $this = jQuery( this ),
+					args = [ parts[0], value ];
+
+				$this.triggerHandler( "setData" + parts[1] + "!", args );
+				jQuery.data( this, key, value );
+				$this.triggerHandler( "changeData" + parts[1] + "!", args );
+			});
+		}
+	},
+
+	removeData: function( key ) {
+		return this.each(function() {
+			jQuery.removeData( this, key );
+		});
+	}
+});
+
+function dataAttr( elem, key, data ) {
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+		data = elem.getAttribute( "data-" + key );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+				data === "false" ? false :
+				data === "null" ? null :
+				!jQuery.isNaN( data ) ? parseFloat( data ) :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+					data;
+			} catch( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			jQuery.data( elem, key, data );
+
+		} else {
+			data = undefined;
+		}
+	}
+
+	return data;
+}
+
+// TODO: This is a hack for 1.5 ONLY to allow objects with a single toJSON
+// property to be considered empty objects; this property always exists in
+// order to make sure JSON.stringify does not expose internal metadata
+function isEmptyDataObject( obj ) {
+	for ( var name in obj ) {
+		if ( name !== "toJSON" ) {
+			return false;
+		}
+	}
+
+	return true;
+}
+
+
+
+
+jQuery.extend({
+	queue: function( elem, type, data ) {
+		if ( !elem ) {
+			return;
+		}
+
+		type = (type || "fx") + "queue";
+		var q = jQuery._data( elem, type );
+
+		// Speed up dequeue by getting out quickly if this is just a lookup
+		if ( !data ) {
+			return q || [];
+		}
+
+		if ( !q || jQuery.isArray(data) ) {
+			q = jQuery._data( elem, type, jQuery.makeArray(data) );
+
+		} else {
+			q.push( data );
+		}
+
+		return q;
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			fn = queue.shift();
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+		}
+
+		if ( fn ) {
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift("inprogress");
+			}
+
+			fn.call(elem, function() {
+				jQuery.dequeue(elem, type);
+			});
+		}
+
+		if ( !queue.length ) {
+			jQuery.removeData( elem, type + "queue", true );
+		}
+	}
+});
+
+jQuery.fn.extend({
+	queue: function( type, data ) {
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+		}
+
+		if ( data === undefined ) {
+			return jQuery.queue( this[0], type );
+		}
+		return this.each(function( i ) {
+			var queue = jQuery.queue( this, type, data );
+
+			if ( type === "fx" && queue[0] !== "inprogress" ) {
+				jQuery.dequeue( this, type );
+			}
+		});
+	},
+	dequeue: function( type ) {
+		return this.each(function() {
+			jQuery.dequeue( this, type );
+		});
+	},
+
+	// Based off of the plugin by Clint Helfers, with permission.
+	// http://blindsignals.com/index.php/2009/07/jquery-delay/
+	delay: function( time, type ) {
+		time = jQuery.fx ? jQuery.fx.speeds[time] || time : time;
+		type = type || "fx";
+
+		return this.queue( type, function() {
+			var elem = this;
+			setTimeout(function() {
+				jQuery.dequeue( elem, type );
+			}, time );
+		});
+	},
+
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	}
+});
+
+
+
+
+var rclass = /[\n\t\r]/g,
+	rspaces = /\s+/,
+	rreturn = /\r/g,
+	rspecialurl = /^(?:href|src|style)$/,
+	rtype = /^(?:button|input)$/i,
+	rfocusable = /^(?:button|input|object|select|textarea)$/i,
+	rclickable = /^a(?:rea)?$/i,
+	rradiocheck = /^(?:radio|checkbox)$/i;
+
+jQuery.props = {
+	"for": "htmlFor",
+	"class": "className",
+	readonly: "readOnly",
+	maxlength: "maxLength",
+	cellspacing: "cellSpacing",
+	rowspan: "rowSpan",
+	colspan: "colSpan",
+	tabindex: "tabIndex",
+	usemap: "useMap",
+	frameborder: "frameBorder"
+};
+
+jQuery.fn.extend({
+	attr: function( name, value ) {
+		return jQuery.access( this, name, value, true, jQuery.attr );
+	},
+
+	removeAttr: function( name, fn ) {
+		return this.each(function(){
+			jQuery.attr( this, name, "" );
+			if ( this.nodeType === 1 ) {
+				this.removeAttribute( name );
+			}
+		});
+	},
+
+	addClass: function( value ) {
+		if ( jQuery.isFunction(value) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				self.addClass( value.call(this, i, self.attr("class")) );
+			});
+		}
+
+		if ( value && typeof value === "string" ) {
+			var classNames = (value || "").split( rspaces );
+
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				var elem = this[i];
+
+				if ( elem.nodeType === 1 ) {
+					if ( !elem.className ) {
+						elem.className = value;
+
+					} else {
+						var className = " " + elem.className + " ",
+							setClass = elem.className;
+
+						for ( var c = 0, cl = classNames.length; c < cl; c++ ) {
+							if ( className.indexOf( " " + classNames[c] + " " ) < 0 ) {
+								setClass += " " + classNames[c];
+							}
+						}
+						elem.className = jQuery.trim( setClass );
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		if ( jQuery.isFunction(value) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				self.removeClass( value.call(this, i, self.attr("class")) );
+			});
+		}
+
+		if ( (value && typeof value === "string") || value === undefined ) {
+			var classNames = (value || "").split( rspaces );
+
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				var elem = this[i];
+
+				if ( elem.nodeType === 1 && elem.className ) {
+					if ( value ) {
+						var className = (" " + elem.className + " ").replace(rclass, " ");
+						for ( var c = 0, cl = classNames.length; c < cl; c++ ) {
+							className = className.replace(" " + classNames[c] + " ", " ");
+						}
+						elem.className = jQuery.trim( className );
+
+					} else {
+						elem.className = "";
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value,
+			isBool = typeof stateVal === "boolean";
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				self.toggleClass( value.call(this, i, self.attr("class"), stateVal), stateVal );
+			});
+		}
+
+		return this.each(function() {
+			if ( type === "string" ) {
+				// toggle individual class names
+				var className,
+					i = 0,
+					self = jQuery( this ),
+					state = stateVal,
+					classNames = value.split( rspaces );
+
+				while ( (className = classNames[ i++ ]) ) {
+					// check each className given, space seperated list
+					state = isBool ? state : !self.hasClass( className );
+					self[ state ? "addClass" : "removeClass" ]( className );
+				}
+
+			} else if ( type === "undefined" || type === "boolean" ) {
+				if ( this.className ) {
+					// store className if set
+					jQuery._data( this, "__className__", this.className );
+				}
+
+				// toggle whole className
+				this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
+			}
+		});
+	},
+
+	hasClass: function( selector ) {
+		var className = " " + selector + " ";
+		for ( var i = 0, l = this.length; i < l; i++ ) {
+			if ( (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) > -1 ) {
+				return true;
+			}
+		}
+
+		return false;
+	},
+
+	val: function( value ) {
+		if ( !arguments.length ) {
+			var elem = this[0];
+
+			if ( elem ) {
+				if ( jQuery.nodeName( elem, "option" ) ) {
+					// attributes.value is undefined in Blackberry 4.7 but
+					// uses .value. See #6932
+					var val = elem.attributes.value;
+					return !val || val.specified ? elem.value : elem.text;
+				}
+
+				// We need to handle select boxes special
+				if ( jQuery.nodeName( elem, "select" ) ) {
+					var index = elem.selectedIndex,
+						values = [],
+						options = elem.options,
+						one = elem.type === "select-one";
+
+					// Nothing was selected
+					if ( index < 0 ) {
+						return null;
+					}
+
+					// Loop through all the selected options
+					for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
+						var option = options[ i ];
+
+						// Don't return options that are disabled or in a disabled optgroup
+						if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
+								(!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {
+
+							// Get the specific value for the option
+							value = jQuery(option).val();
+
+							// We don't need an array for one selects
+							if ( one ) {
+								return value;
+							}
+
+							// Multi-Selects return an array
+							values.push( value );
+						}
+					}
+
+					// Fixes Bug #2551 -- select.val() broken in IE after form.reset()
+					if ( one && !values.length && options.length ) {
+						return jQuery( options[ index ] ).val();
+					}
+
+					return values;
+				}
+
+				// Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
+				if ( rradiocheck.test( elem.type ) && !jQuery.support.checkOn ) {
+					return elem.getAttribute("value") === null ? "on" : elem.value;
+				}
+
+				// Everything else, we just grab the value
+				return (elem.value || "").replace(rreturn, "");
+
+			}
+
+			return undefined;
+		}
+
+		var isFunction = jQuery.isFunction(value);
+
+		return this.each(function(i) {
+			var self = jQuery(this), val = value;
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( isFunction ) {
+				val = value.call(this, i, self.val());
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+			} else if ( typeof val === "number" ) {
+				val += "";
+			} else if ( jQuery.isArray(val) ) {
+				val = jQuery.map(val, function (value) {
+					return value == null ? "" : value + "";
+				});
+			}
+
+			if ( jQuery.isArray(val) && rradiocheck.test( this.type ) ) {
+				this.checked = jQuery.inArray( self.val(), val ) >= 0;
+
+			} else if ( jQuery.nodeName( this, "select" ) ) {
+				var values = jQuery.makeArray(val);
+
+				jQuery( "option", this ).each(function() {
+					this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
+				});
+
+				if ( !values.length ) {
+					this.selectedIndex = -1;
+				}
+
+			} else {
+				this.value = val;
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	attrFn: {
+		val: true,
+		css: true,
+		html: true,
+		text: true,
+		data: true,
+		width: true,
+		height: true,
+		offset: true
+	},
+
+	attr: function( elem, name, value, pass ) {
+		// don't get/set attributes on text, comment and attribute nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || elem.nodeType === 2 ) {
+			return undefined;
+		}
+
+		if ( pass && name in jQuery.attrFn ) {
+			return jQuery(elem)[name](value);
+		}
+
+		var notxml = elem.nodeType !== 1 || !jQuery.isXMLDoc( elem ),
+			// Whether we are setting (or getting)
+			set = value !== undefined;
+
+		// Try to normalize/fix the name
+		name = notxml && jQuery.props[ name ] || name;
+
+		// Only do all the following if this is a node (faster for style)
+		if ( elem.nodeType === 1 ) {
+			// These attributes require special treatment
+			var special = rspecialurl.test( name );
+
+			// Safari mis-reports the default selected property of an option
+			// Accessing the parent's selectedIndex property fixes it
+			if ( name === "selected" && !jQuery.support.optSelected ) {
+				var parent = elem.parentNode;
+				if ( parent ) {
+					parent.selectedIndex;
+
+					// Make sure that it also works with optgroups, see #5701
+					if ( parent.parentNode ) {
+						parent.parentNode.selectedIndex;
+					}
+				}
+			}
+
+			// If applicable, access the attribute via the DOM 0 way
+			// 'in' checks fail in Blackberry 4.7 #6931
+			if ( (name in elem || elem[ name ] !== undefined) && notxml && !special ) {
+				if ( set ) {
+					// We can't allow the type property to be changed (since it causes problems in IE)
+					if ( name === "type" && rtype.test( elem.nodeName ) && elem.parentNode ) {
+						jQuery.error( "type property can't be changed" );
+					}
+
+					if ( value === null ) {
+						if ( elem.nodeType === 1 ) {
+							elem.removeAttribute( name );
+						}
+
+					} else {
+						elem[ name ] = value;
+					}
+				}
+
+				// browsers index elements by id/name on forms, give priority to attributes.
+				if ( jQuery.nodeName( elem, "form" ) && elem.getAttributeNode(name) ) {
+					return elem.getAttributeNode( name ).nodeValue;
+				}
+
+				// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+				if ( name === "tabIndex" ) {
+					var attributeNode = elem.getAttributeNode( "tabIndex" );
+
+					return attributeNode && attributeNode.specified ?
+						attributeNode.value :
+						rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
+							0 :
+							undefined;
+				}
+
+				return elem[ name ];
+			}
+
+			if ( !jQuery.support.style && notxml && name === "style" ) {
+				if ( set ) {
+					elem.style.cssText = "" + value;
+				}
+
+				return elem.style.cssText;
+			}
+
+			if ( set ) {
+				// convert the value to a string (all browsers do this but IE) see #1070
+				elem.setAttribute( name, "" + value );
+			}
+
+			// Ensure that missing attributes return undefined
+			// Blackberry 4.7 returns "" from getAttribute #6938
+			if ( !elem.attributes[ name ] && (elem.hasAttribute && !elem.hasAttribute( name )) ) {
+				return undefined;
+			}
+
+			var attr = !jQuery.support.hrefNormalized && notxml && special ?
+					// Some attributes require a special call on IE
+					elem.getAttribute( name, 2 ) :
+					elem.getAttribute( name );
+
+			// Non-existent attributes return null, we normalize to undefined
+			return attr === null ? undefined : attr;
+		}
+		// Handle everything which isn't a DOM element node
+		if ( set ) {
+			elem[ name ] = value;
+		}
+		return elem[ name ];
+	}
+});
+
+
+
+
+var rnamespaces = /\.(.*)$/,
+	rformElems = /^(?:textarea|input|select)$/i,
+	rperiod = /\./g,
+	rspace = / /g,
+	rescape = /[^\w\s.|`]/g,
+	fcleanup = function( nm ) {
+		return nm.replace(rescape, "\\$&");
+	};
+
+/*
+ * A number of helper functions used for managing events.
+ * Many of the ideas behind this code originated from
+ * Dean Edwards' addEvent library.
+ */
+jQuery.event = {
+
+	// Bind an event to an element
+	// Original by Dean Edwards
+	add: function( elem, types, handler, data ) {
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// TODO :: Use a try/catch until it's safe to pull this out (likely 1.6)
+		// Minor release fix for bug #8018
+		try {
+			// For whatever reason, IE has trouble passing the window object
+			// around, causing it to be cloned in the process
+			if ( jQuery.isWindow( elem ) && ( elem !== window && !elem.frameElement ) ) {
+				elem = window;
+			}
+		}
+		catch ( e ) {}
+
+		if ( handler === false ) {
+			handler = returnFalse;
+		} else if ( !handler ) {
+			// Fixes bug #7229. Fix recommended by jdalton
+			return;
+		}
+
+		var handleObjIn, handleObj;
+
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+		}
+
+		// Make sure that the function being executed has a unique ID
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure
+		var elemData = jQuery._data( elem );
+
+		// If no elemData is found then we must be trying to bind to one of the
+		// banned noData elements
+		if ( !elemData ) {
+			return;
+		}
+
+		var events = elemData.events,
+			eventHandle = elemData.handle;
+
+		if ( !events ) {
+			elemData.events = events = {};
+		}
+
+		if ( !eventHandle ) {
+			elemData.handle = eventHandle = function() {
+				// Handle the second event of a trigger and when
+				// an event is called after a pagebreak has unloaded
+				return typeof jQuery !== "undefined" && !jQuery.event.triggered ?
+					jQuery.event.handle.apply( eventHandle.elem, arguments ) :
+					undefined;
+			};
+		}
+
+		// Add elem as a property of the handle function
+		// This is to prevent a memory leak with non-native events in IE.
+		eventHandle.elem = elem;
+
+		// Handle multiple events separated by a space
+		// jQuery(...).bind("mouseover mouseout", fn);
+		types = types.split(" ");
+
+		var type, i = 0, namespaces;
+
+		while ( (type = types[ i++ ]) ) {
+			handleObj = handleObjIn ?
+				jQuery.extend({}, handleObjIn) :
+				{ handler: handler, data: data };
+
+			// Namespaced event handlers
+			if ( type.indexOf(".") > -1 ) {
+				namespaces = type.split(".");
+				type = namespaces.shift();
+				handleObj.namespace = namespaces.slice(0).sort().join(".");
+
+			} else {
+				namespaces = [];
+				handleObj.namespace = "";
+			}
+
+			handleObj.type = type;
+			if ( !handleObj.guid ) {
+				handleObj.guid = handler.guid;
+			}
+
+			// Get the current list of functions bound to this event
+			var handlers = events[ type ],
+				special = jQuery.event.special[ type ] || {};
+
+			// Init the event handler queue
+			if ( !handlers ) {
+				handlers = events[ type ] = [];
+
+				// Check for a special event handler
+				// Only use addEventListener/attachEvent if the special
+				// events handler returns false
+				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+					// Bind the global event handler to the element
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+
+					} else if ( elem.attachEvent ) {
+						elem.attachEvent( "on" + type, eventHandle );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add the function to the element's handler list
+			handlers.push( handleObj );
+
+			// Keep track of which events have been used, for global triggering
+			jQuery.event.global[ type ] = true;
+		}
+
+		// Nullify elem to prevent memory leaks in IE
+		elem = null;
+	},
+
+	global: {},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, pos ) {
+		// don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		if ( handler === false ) {
+			handler = returnFalse;
+		}
+
+		var ret, type, fn, j, i = 0, all, namespaces, namespace, special, eventType, handleObj, origType,
+			elemData = jQuery.hasData( elem ) && jQuery._data( elem ),
+			events = elemData && elemData.events;
+
+		if ( !elemData || !events ) {
+			return;
+		}
+
+		// types is actually an event object here
+		if ( types && types.type ) {
+			handler = types.handler;
+			types = types.type;
+		}
+
+		// Unbind all events for the element
+		if ( !types || typeof types === "string" && types.charAt(0) === "." ) {
+			types = types || "";
+
+			for ( type in events ) {
+				jQuery.event.remove( elem, type + types );
+			}
+
+			return;
+		}
+
+		// Handle multiple events separated by a space
+		// jQuery(...).unbind("mouseover mouseout", fn);
+		types = types.split(" ");
+
+		while ( (type = types[ i++ ]) ) {
+			origType = type;
+			handleObj = null;
+			all = type.indexOf(".") < 0;
+			namespaces = [];
+
+			if ( !all ) {
+				// Namespaced event handlers
+				namespaces = type.split(".");
+				type = namespaces.shift();
+
+				namespace = new RegExp("(^|\\.)" +
+					jQuery.map( namespaces.slice(0).sort(), fcleanup ).join("\\.(?:.*\\.)?") + "(\\.|$)");
+			}
+
+			eventType = events[ type ];
+
+			if ( !eventType ) {
+				continue;
+			}
+
+			if ( !handler ) {
+				for ( j = 0; j < eventType.length; j++ ) {
+					handleObj = eventType[ j ];
+
+					if ( all || namespace.test( handleObj.namespace ) ) {
+						jQuery.event.remove( elem, origType, handleObj.handler, j );
+						eventType.splice( j--, 1 );
+					}
+				}
+
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+
+			for ( j = pos || 0; j < eventType.length; j++ ) {
+				handleObj = eventType[ j ];
+
+				if ( handler.guid === handleObj.guid ) {
+					// remove the given handler for the given type
+					if ( all || namespace.test( handleObj.namespace ) ) {
+						if ( pos == null ) {
+							eventType.splice( j--, 1 );
+						}
+
+						if ( special.remove ) {
+							special.remove.call( elem, handleObj );
+						}
+					}
+
+					if ( pos != null ) {
+						break;
+					}
+				}
+			}
+
+			// remove generic event handler if no more handlers exist
+			if ( eventType.length === 0 || pos != null && eventType.length === 1 ) {
+				if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				ret = null;
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			var handle = elemData.handle;
+			if ( handle ) {
+				handle.elem = null;
+			}
+
+			delete elemData.events;
+			delete elemData.handle;
+
+			if ( jQuery.isEmptyObject( elemData ) ) {
+				jQuery.removeData( elem, undefined, true );
+			}
+		}
+	},
+
+	// bubbling is internal
+	trigger: function( event, data, elem /*, bubbling */ ) {
+		// Event object or event type
+		var type = event.type || event,
+			bubbling = arguments[3];
+
+		if ( !bubbling ) {
+			event = typeof event === "object" ?
+				// jQuery.Event object
+				event[ jQuery.expando ] ? event :
+				// Object literal
+				jQuery.extend( jQuery.Event(type), event ) :
+				// Just the event type (string)
+				jQuery.Event(type);
+
+			if ( type.indexOf("!") >= 0 ) {
+				event.type = type = type.slice(0, -1);
+				event.exclusive = true;
+			}
+
+			// Handle a global trigger
+			if ( !elem ) {
+				// Don't bubble custom events when global (to avoid too much overhead)
+				event.stopPropagation();
+
+				// Only trigger if we've ever bound an event for it
+				if ( jQuery.event.global[ type ] ) {
+					// XXX This code smells terrible. event.js should not be directly
+					// inspecting the data cache
+					jQuery.each( jQuery.cache, function() {
+						// internalKey variable is just used to make it easier to find
+						// and potentially change this stuff later; currently it just
+						// points to jQuery.expando
+						var internalKey = jQuery.expando,
+							internalCache = this[ internalKey ];
+						if ( internalCache && internalCache.events && internalCache.events[ type ] ) {
+							jQuery.event.trigger( event, data, internalCache.handle.elem );
+						}
+					});
+				}
+			}
+
+			// Handle triggering a single element
+
+			// don't do events on text and comment nodes
+			if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 ) {
+				return undefined;
+			}
+
+			// Clean up in case it is reused
+			event.result = undefined;
+			event.target = elem;
+
+			// Clone the incoming data, if any
+			data = jQuery.makeArray( data );
+			data.unshift( event );
+		}
+
+		event.currentTarget = elem;
+
+		// Trigger the event, it is assumed that "handle" is a function
+		var handle = jQuery._data( elem, "handle" );
+
+		if ( handle ) {
+			handle.apply( elem, data );
+		}
+
+		var parent = elem.parentNode || elem.ownerDocument;
+
+		// Trigger an inline bound script
+		try {
+			if ( !(elem && elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()]) ) {
+				if ( elem[ "on" + type ] && elem[ "on" + type ].apply( elem, data ) === false ) {
+					event.result = false;
+					event.preventDefault();
+				}
+			}
+
+		// prevent IE from throwing an error for some elements with some event types, see #3533
+		} catch (inlineError) {}
+
+		if ( !event.isPropagationStopped() && parent ) {
+			jQuery.event.trigger( event, data, parent, true );
+
+		} else if ( !event.isDefaultPrevented() ) {
+			var old,
+				target = event.target,
+				targetType = type.replace( rnamespaces, "" ),
+				isClick = jQuery.nodeName( target, "a" ) && targetType === "click",
+				special = jQuery.event.special[ targetType ] || {};
+
+			if ( (!special._default || special._default.call( elem, event ) === false) &&
+				!isClick && !(target && target.nodeName && jQuery.noData[target.nodeName.toLowerCase()]) ) {
+
+				try {
+					if ( target[ targetType ] ) {
+						// Make sure that we don't accidentally re-trigger the onFOO events
+						old = target[ "on" + targetType ];
+
+						if ( old ) {
+							target[ "on" + targetType ] = null;
+						}
+
+						jQuery.event.triggered = true;
+						target[ targetType ]();
+					}
+
+				// prevent IE from throwing an error for some elements with some event types, see #3533
+				} catch (triggerError) {}
+
+				if ( old ) {
+					target[ "on" + targetType ] = old;
+				}
+
+				jQuery.event.triggered = false;
+			}
+		}
+	},
+
+	handle: function( event ) {
+		var all, handlers, namespaces, namespace_re, events,
+			namespace_sort = [],
+			args = jQuery.makeArray( arguments );
+
+		event = args[0] = jQuery.event.fix( event || window.event );
+		event.currentTarget = this;
+
+		// Namespaced event handlers
+		all = event.type.indexOf(".") < 0 && !event.exclusive;
+
+		if ( !all ) {
+			namespaces = event.type.split(".");
+			event.type = namespaces.shift();
+			namespace_sort = namespaces.slice(0).sort();
+			namespace_re = new RegExp("(^|\\.)" + namespace_sort.join("\\.(?:.*\\.)?") + "(\\.|$)");
+		}
+
+		event.namespace = event.namespace || namespace_sort.join(".");
+
+		events = jQuery._data(this, "events");
+
+		handlers = (events || {})[ event.type ];
+
+		if ( events && handlers ) {
+			// Clone the handlers to prevent manipulation
+			handlers = handlers.slice(0);
+
+			for ( var j = 0, l = handlers.length; j < l; j++ ) {
+				var handleObj = handlers[ j ];
+
+				// Filter the functions by class
+				if ( all || namespace_re.test( handleObj.namespace ) ) {
+					// Pass in a reference to the handler function itself
+					// So that we can later remove it
+					event.handler = handleObj.handler;
+					event.data = handleObj.data;
+					event.handleObj = handleObj;
+
+					var ret = handleObj.handler.apply( this, args );
+
+					if ( ret !== undefined ) {
+						event.result = ret;
+						if ( ret === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+
+					if ( event.isImmediatePropagationStopped() ) {
+						break;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// store a copy of the original event object
+		// and "clone" to set read-only properties
+		var originalEvent = event;
+		event = jQuery.Event( originalEvent );
+
+		for ( var i = this.props.length, prop; i; ) {
+			prop = this.props[ --i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Fix target property, if necessary
+		if ( !event.target ) {
+			// Fixes #1925 where srcElement might not be defined either
+			event.target = event.srcElement || document;
+		}
+
+		// check if target is a textnode (safari)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		// Add relatedTarget, if necessary
+		if ( !event.relatedTarget && event.fromElement ) {
+			event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
+		}
+
+		// Calculate pageX/Y if missing and clientX/Y available
+		if ( event.pageX == null && event.clientX != null ) {
+			var doc = document.documentElement,
+				body = document.body;
+
+			event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
+			event.pageY = event.clientY + (doc && doc.scrollTop  || body && body.scrollTop  || 0) - (doc && doc.clientTop  || body && body.clientTop  || 0);
+		}
+
+		// Add which for key events
+		if ( event.which == null && (event.charCode != null || event.keyCode != null) ) {
+			event.which = event.charCode != null ? event.charCode : event.keyCode;
+		}
+
+		// Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
+		if ( !event.metaKey && event.ctrlKey ) {
+			event.metaKey = event.ctrlKey;
+		}
+
+		// Add which for click: 1 === left; 2 === middle; 3 === right
+		// Note: button is not normalized, so don't use it
+		if ( !event.which && event.button !== undefined ) {
+			event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
+		}
+
+		return event;
+	},
+
+	// Deprecated, use jQuery.guid instead
+	guid: 1E8,
+
+	// Deprecated, use jQuery.proxy instead
+	proxy: jQuery.proxy,
+
+	special: {
+		ready: {
+			// Make sure the ready event is setup
+			setup: jQuery.bindReady,
+			teardown: jQuery.noop
+		},
+
+		live: {
+			add: function( handleObj ) {
+				jQuery.event.add( this,
+					liveConvert( handleObj.origType, handleObj.selector ),
+					jQuery.extend({}, handleObj, {handler: liveHandler, guid: handleObj.handler.guid}) );
+			},
+
+			remove: function( handleObj ) {
+				jQuery.event.remove( this, liveConvert( handleObj.origType, handleObj.selector ), handleObj );
+			}
+		},
+
+		beforeunload: {
+			setup: function( data, namespaces, eventHandle ) {
+				// We only want to do this special case on windows
+				if ( jQuery.isWindow( this ) ) {
+					this.onbeforeunload = eventHandle;
+				}
+			},
+
+			teardown: function( namespaces, eventHandle ) {
+				if ( this.onbeforeunload === eventHandle ) {
+					this.onbeforeunload = null;
+				}
+			}
+		}
+	}
+};
+
+jQuery.removeEvent = document.removeEventListener ?
+	function( elem, type, handle ) {
+		if ( elem.removeEventListener ) {
+			elem.removeEventListener( type, handle, false );
+		}
+	} :
+	function( elem, type, handle ) {
+		if ( elem.detachEvent ) {
+			elem.detachEvent( "on" + type, handle );
+		}
+	};
+
+jQuery.Event = function( src ) {
+	// Allow instantiation without the 'new' keyword
+	if ( !this.preventDefault ) {
+		return new jQuery.Event( src );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = (src.defaultPrevented || src.returnValue === false ||
+			src.getPreventDefault && src.getPreventDefault()) ? returnTrue : returnFalse;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// timeStamp is buggy for some events on Firefox(#3843)
+	// So we won't rely on the native value
+	this.timeStamp = jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+function returnFalse() {
+	return false;
+}
+function returnTrue() {
+	return true;
+}
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	preventDefault: function() {
+		this.isDefaultPrevented = returnTrue;
+
+		var e = this.originalEvent;
+		if ( !e ) {
+			return;
+		}
+
+		// if preventDefault exists run it on the original event
+		if ( e.preventDefault ) {
+			e.preventDefault();
+
+		// otherwise set the returnValue property of the original event to false (IE)
+		} else {
+			e.returnValue = false;
+		}
+	},
+	stopPropagation: function() {
+		this.isPropagationStopped = returnTrue;
+
+		var e = this.originalEvent;
+		if ( !e ) {
+			return;
+		}
+		// if stopPropagation exists run it on the original event
+		if ( e.stopPropagation ) {
+			e.stopPropagation();
+		}
+		// otherwise set the cancelBubble property of the original event to true (IE)
+		e.cancelBubble = true;
+	},
+	stopImmediatePropagation: function() {
+		this.isImmediatePropagationStopped = returnTrue;
+		this.stopPropagation();
+	},
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse
+};
+
+// Checks if an event happened on an element within another element
+// Used in jQuery.event.special.mouseenter and mouseleave handlers
+var withinElement = function( event ) {
+	// Check if mouse(over|out) are still within the same parent element
+	var parent = event.relatedTarget;
+
+	// Firefox sometimes assigns relatedTarget a XUL element
+	// which we cannot access the parentNode property of
+	try {
+
+		// Chrome does something similar, the parentNode property
+		// can be accessed but is null.
+		if ( parent !== document && !parent.parentNode ) {
+			return;
+		}
+		// Traverse up the tree
+		while ( parent && parent !== this ) {
+			parent = parent.parentNode;
+		}
+
+		if ( parent !== this ) {
+			// set the correct event type
+			event.type = event.data;
+
+			// handle event if we actually just moused on to a non sub-element
+			jQuery.event.handle.apply( this, arguments );
+		}
+
+	// assuming we've left the element since we most likely mousedover a xul element
+	} catch(e) { }
+},
+
+// In case of event delegation, we only need to rename the event.type,
+// liveHandler will take care of the rest.
+delegate = function( event ) {
+	event.type = event.data;
+	jQuery.event.handle.apply( this, arguments );
+};
+
+// Create mouseenter and mouseleave events
+jQuery.each({
+	mouseenter: "mouseover",
+	mouseleave: "mouseout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		setup: function( data ) {
+			jQuery.event.add( this, fix, data && data.selector ? delegate : withinElement, orig );
+		},
+		teardown: function( data ) {
+			jQuery.event.remove( this, fix, data && data.selector ? delegate : withinElement );
+		}
+	};
+});
+
+// submit delegation
+if ( !jQuery.support.submitBubbles ) {
+
+	jQuery.event.special.submit = {
+		setup: function( data, namespaces ) {
+			if ( this.nodeName && this.nodeName.toLowerCase() !== "form" ) {
+				jQuery.event.add(this, "click.specialSubmit", function( e ) {
+					var elem = e.target,
+						type = elem.type;
+
+					if ( (type === "submit" || type === "image") && jQuery( elem ).closest("form").length ) {
+						trigger( "submit", this, arguments );
+					}
+				});
+
+				jQuery.event.add(this, "keypress.specialSubmit", function( e ) {
+					var elem = e.target,
+						type = elem.type;
+
+					if ( (type === "text" || type === "password") && jQuery( elem ).closest("form").length && e.keyCode === 13 ) {
+						trigger( "submit", this, arguments );
+					}
+				});
+
+			} else {
+				return false;
+			}
+		},
+
+		teardown: function( namespaces ) {
+			jQuery.event.remove( this, ".specialSubmit" );
+		}
+	};
+
+}
+
+// change delegation, happens here so we have bind.
+if ( !jQuery.support.changeBubbles ) {
+
+	var changeFilters,
+
+	getVal = function( elem ) {
+		var type = elem.type, val = elem.value;
+
+		if ( type === "radio" || type === "checkbox" ) {
+			val = elem.checked;
+
+		} else if ( type === "select-multiple" ) {
+			val = elem.selectedIndex > -1 ?
+				jQuery.map( elem.options, function( elem ) {
+					return elem.selected;
+				}).join("-") :
+				"";
+
+		} else if ( elem.nodeName.toLowerCase() === "select" ) {
+			val = elem.selectedIndex;
+		}
+
+		return val;
+	},
+
+	testChange = function testChange( e ) {
+		var elem = e.target, data, val;
+
+		if ( !rformElems.test( elem.nodeName ) || elem.readOnly ) {
+			return;
+		}
+
+		data = jQuery._data( elem, "_change_data" );
+		val = getVal(elem);
+
+		// the current data will be also retrieved by beforeactivate
+		if ( e.type !== "focusout" || elem.type !== "radio" ) {
+			jQuery._data( elem, "_change_data", val );
+		}
+
+		if ( data === undefined || val === data ) {
+			return;
+		}
+
+		if ( data != null || val ) {
+			e.type = "change";
+			e.liveFired = undefined;
+			jQuery.event.trigger( e, arguments[1], elem );
+		}
+	};
+
+	jQuery.event.special.change = {
+		filters: {
+			focusout: testChange,
+
+			beforedeactivate: testChange,
+
+			click: function( e ) {
+				var elem = e.target, type = elem.type;
+
+				if ( type === "radio" || type === "checkbox" || elem.nodeName.toLowerCase() === "select" ) {
+					testChange.call( this, e );
+				}
+			},
+
+			// Change has to be called before submit
+			// Keydown will be called before keypress, which is used in submit-event delegation
+			keydown: function( e ) {
+				var elem = e.target, type = elem.type;
+
+				if ( (e.keyCode === 13 && elem.nodeName.toLowerCase() !== "textarea") ||
+					(e.keyCode === 32 && (type === "checkbox" || type === "radio")) ||
+					type === "select-multiple" ) {
+					testChange.call( this, e );
+				}
+			},
+
+			// Beforeactivate happens also before the previous element is blurred
+			// with this event you can't trigger a change event, but you can store
+			// information
+			beforeactivate: function( e ) {
+				var elem = e.target;
+				jQuery._data( elem, "_change_data", getVal(elem) );
+			}
+		},
+
+		setup: function( data, namespaces ) {
+			if ( this.type === "file" ) {
+				return false;
+			}
+
+			for ( var type in changeFilters ) {
+				jQuery.event.add( this, type + ".specialChange", changeFilters[type] );
+			}
+
+			return rformElems.test( this.nodeName );
+		},
+
+		teardown: function( namespaces ) {
+			jQuery.event.remove( this, ".specialChange" );
+
+			return rformElems.test( this.nodeName );
+		}
+	};
+
+	changeFilters = jQuery.event.special.change.filters;
+
+	// Handle when the input is .focus()'d
+	changeFilters.focus = changeFilters.beforeactivate;
+}
+
+function trigger( type, elem, args ) {
+	// Piggyback on a donor event to simulate a different one.
+	// Fake originalEvent to avoid donor's stopPropagation, but if the
+	// simulated event prevents default then we do the same on the donor.
+	// Don't pass args or remember liveFired; they apply to the donor event.
+	var event = jQuery.extend( {}, args[ 0 ] );
+	event.type = type;
+	event.originalEvent = {};
+	event.liveFired = undefined;
+	jQuery.event.handle.call( elem, event );
+	if ( event.isDefaultPrevented() ) {
+		args[ 0 ].preventDefault();
+	}
+}
+
+// Create "bubbling" focus and blur events
+if ( document.addEventListener ) {
+	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				this.addEventListener( orig, handler, true );
+			},
+			teardown: function() {
+				this.removeEventListener( orig, handler, true );
+			}
+		};
+
+		function handler( e ) {
+			e = jQuery.event.fix( e );
+			e.type = fix;
+			return jQuery.event.handle.call( this, e );
+		}
+	});
+}
+
+jQuery.each(["bind", "one"], function( i, name ) {
+	jQuery.fn[ name ] = function( type, data, fn ) {
+		// Handle object literals
+		if ( typeof type === "object" ) {
+			for ( var key in type ) {
+				this[ name ](key, data, type[key], fn);
+			}
+			return this;
+		}
+
+		if ( jQuery.isFunction( data ) || data === false ) {
+			fn = data;
+			data = undefined;
+		}
+
+		var handler = name === "one" ? jQuery.proxy( fn, function( event ) {
+			jQuery( this ).unbind( event, handler );
+			return fn.apply( this, arguments );
+		}) : fn;
+
+		if ( type === "unload" && name !== "one" ) {
+			this.one( type, data, fn );
+
+		} else {
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				jQuery.event.add( this[i], type, handler, data );
+			}
+		}
+
+		return this;
+	};
+});
+
+jQuery.fn.extend({
+	unbind: function( type, fn ) {
+		// Handle object literals
+		if ( typeof type === "object" && !type.preventDefault ) {
+			for ( var key in type ) {
+				this.unbind(key, type[key]);
+			}
+
+		} else {
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				jQuery.event.remove( this[i], type, fn );
+			}
+		}
+
+		return this;
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.live( types, data, fn, selector );
+	},
+
+	undelegate: function( selector, types, fn ) {
+		if ( arguments.length === 0 ) {
+				return this.unbind( "live" );
+
+		} else {
+			return this.die( types, null, fn, selector );
+		}
+	},
+
+	trigger: function( type, data ) {
+		return this.each(function() {
+			jQuery.event.trigger( type, data, this );
+		});
+	},
+
+	triggerHandler: function( type, data ) {
+		if ( this[0] ) {
+			var event = jQuery.Event( type );
+			event.preventDefault();
+			event.stopPropagation();
+			jQuery.event.trigger( event, data, this[0] );
+			return event.result;
+		}
+	},
+
+	toggle: function( fn ) {
+		// Save reference to arguments for access in closure
+		var args = arguments,
+			i = 1;
+
+		// link all the functions, so any of them can unbind this click handler
+		while ( i < args.length ) {
+			jQuery.proxy( fn, args[ i++ ] );
+		}
+
+		return this.click( jQuery.proxy( fn, function( event ) {
+			// Figure out which function to execute
+			var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
+			jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
+
+			// Make sure that clicks stop
+			event.preventDefault();
+
+			// and execute the function
+			return args[ lastToggle ].apply( this, arguments ) || false;
+		}));
+	},
+
+	hover: function( fnOver, fnOut ) {
+		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+	}
+});
+
+var liveMap = {
+	focus: "focusin",
+	blur: "focusout",
+	mouseenter: "mouseover",
+	mouseleave: "mouseout"
+};
+
+jQuery.each(["live", "die"], function( i, name ) {
+	jQuery.fn[ name ] = function( types, data, fn, origSelector /* Internal Use Only */ ) {
+		var type, i = 0, match, namespaces, preType,
+			selector = origSelector || this.selector,
+			context = origSelector ? this : jQuery( this.context );
+
+		if ( typeof types === "object" && !types.preventDefault ) {
+			for ( var key in types ) {
+				context[ name ]( key, data, types[key], selector );
+			}
+
+			return this;
+		}
+
+		if ( jQuery.isFunction( data ) ) {
+			fn = data;
+			data = undefined;
+		}
+
+		types = (types || "").split(" ");
+
+		while ( (type = types[ i++ ]) != null ) {
+			match = rnamespaces.exec( type );
+			namespaces = "";
+
+			if ( match )  {
+				namespaces = match[0];
+				type = type.replace( rnamespaces, "" );
+			}
+
+			if ( type === "hover" ) {
+				types.push( "mouseenter" + namespaces, "mouseleave" + namespaces );
+				continue;
+			}
+
+			preType = type;
+
+			if ( type === "focus" || type === "blur" ) {
+				types.push( liveMap[ type ] + namespaces );
+				type = type + namespaces;
+
+			} else {
+				type = (liveMap[ type ] || type) + namespaces;
+			}
+
+			if ( name === "live" ) {
+				// bind live handler
+				for ( var j = 0, l = context.length; j < l; j++ ) {
+					jQuery.event.add( context[j], "live." + liveConvert( type, selector ),
+						{ data: data, selector: selector, handler: fn, origType: type, origHandler: fn, preType: preType } );
+				}
+
+			} else {
+				// unbind live handler
+				context.unbind( "live." + liveConvert( type, selector ), fn );
+			}
+		}
+
+		return this;
+	};
+});
+
+function liveHandler( event ) {
+	var stop, maxLevel, related, match, handleObj, elem, j, i, l, data, close, namespace, ret,
+		elems = [],
+		selectors = [],
+		events = jQuery._data( this, "events" );
+
+	// Make sure we avoid non-left-click bubbling in Firefox (#3861) and disabled elements in IE (#6911)
+	if ( event.liveFired === this || !events || !events.live || event.target.disabled || event.button && event.type === "click" ) {
+		return;
+	}
+
+	if ( event.namespace ) {
+		namespace = new RegExp("(^|\\.)" + event.namespace.split(".").join("\\.(?:.*\\.)?") + "(\\.|$)");
+	}
+
+	event.liveFired = this;
+
+	var live = events.live.slice(0);
+
+	for ( j = 0; j < live.length; j++ ) {
+		handleObj = live[j];
+
+		if ( handleObj.origType.replace( rnamespaces, "" ) === event.type ) {
+			selectors.push( handleObj.selector );
+
+		} else {
+			live.splice( j--, 1 );
+		}
+	}
+
+	match = jQuery( event.target ).closest( selectors, event.currentTarget );
+
+	for ( i = 0, l = match.length; i < l; i++ ) {
+		close = match[i];
+
+		for ( j = 0; j < live.length; j++ ) {
+			handleObj = live[j];
+
+			if ( close.selector === handleObj.selector && (!namespace || namespace.test( handleObj.namespace )) && !close.elem.disabled ) {
+				elem = close.elem;
+				related = null;
+
+				// Those two events require additional checking
+				if ( handleObj.preType === "mouseenter" || handleObj.preType === "mouseleave" ) {
+					event.type = handleObj.preType;
+					related = jQuery( event.relatedTarget ).closest( handleObj.selector )[0];
+				}
+
+				if ( !related || related !== elem ) {
+					elems.push({ elem: elem, handleObj: handleObj, level: close.level });
+				}
+			}
+		}
+	}
+
+	for ( i = 0, l = elems.length; i < l; i++ ) {
+		match = elems[i];
+
+		if ( maxLevel && match.level > maxLevel ) {
+			break;
+		}
+
+		event.currentTarget = match.elem;
+		event.data = match.handleObj.data;
+		event.handleObj = match.handleObj;
+
+		ret = match.handleObj.origHandler.apply( match.elem, arguments );
+
+		if ( ret === false || event.isPropagationStopped() ) {
+			maxLevel = match.level;
+
+			if ( ret === false ) {
+				stop = false;
+			}
+			if ( event.isImmediatePropagationStopped() ) {
+				break;
+			}
+		}
+	}
+
+	return stop;
+}
+
+function liveConvert( type, selector ) {
+	return (type && type !== "*" ? type + "." : "") + selector.replace(rperiod, "`").replace(rspace, "&");
+}
+
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error").split(" "), function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		if ( fn == null ) {
+			fn = data;
+			data = null;
+		}
+
+		return arguments.length > 0 ?
+			this.bind( name, data, fn ) :
+			this.trigger( name );
+	};
+
+	if ( jQuery.attrFn ) {
+		jQuery.attrFn[ name ] = true;
+	}
+});
+
+
+/*!
+ * Sizzle CSS Selector Engine
+ *  Copyright 2011, The Dojo Foundation
+ *  Released under the MIT, BSD, and GPL Licenses.
+ *  More information: http://sizzlejs.com/
+ */
+(function(){
+
+var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
+	done = 0,
+	toString = Object.prototype.toString,
+	hasDuplicate = false,
+	baseHasDuplicate = true,
+	rBackslash = /\\/g,
+	rNonWord = /\W/;
+
+// Here we check if the JavaScript engine is using some sort of
+// optimization where it does not always call our comparision
+// function. If that is the case, discard the hasDuplicate value.
+//   Thus far that includes Google Chrome.
+[0, 0].sort(function() {
+	baseHasDuplicate = false;
+	return 0;
+});
+
+var Sizzle = function( selector, context, results, seed ) {
+	results = results || [];
+	context = context || document;
+
+	var origContext = context;
+
+	if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
+		return [];
+	}
+	
+	if ( !selector || typeof selector !== "string" ) {
+		return results;
+	}
+
+	var m, set, checkSet, extra, ret, cur, pop, i,
+		prune = true,
+		contextXML = Sizzle.isXML( context ),
+		parts = [],
+		soFar = selector;
+	
+	// Reset the position of the chunker regexp (start from head)
+	do {
+		chunker.exec( "" );
+		m = chunker.exec( soFar );
+
+		if ( m ) {
+			soFar = m[3];
+		
+			parts.push( m[1] );
+		
+			if ( m[2] ) {
+				extra = m[3];
+				break;
+			}
+		}
+	} while ( m );
+
+	if ( parts.length > 1 && origPOS.exec( selector ) ) {
+
+		if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
+			set = posProcess( parts[0] + parts[1], context );
+
+		} else {
+			set = Expr.relative[ parts[0] ] ?
+				[ context ] :
+				Sizzle( parts.shift(), context );
+
+			while ( parts.length ) {
+				selector = parts.shift();
+
+				if ( Expr.relative[ selector ] ) {
+					selector += parts.shift();
+				}
+				
+				set = posProcess( selector, set );
+			}
+		}
+
+	} else {
+		// Take a shortcut and set the context if the root selector is an ID
+		// (but not if it'll be faster if the inner selector is an ID)
+		if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
+				Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
+
+			ret = Sizzle.find( parts.shift(), context, contextXML );
+			context = ret.expr ?
+				Sizzle.filter( ret.expr, ret.set )[0] :
+				ret.set[0];
+		}
+
+		if ( context ) {
+			ret = seed ?
+				{ expr: parts.pop(), set: makeArray(seed) } :
+				Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
+
+			set = ret.expr ?
+				Sizzle.filter( ret.expr, ret.set ) :
+				ret.set;
+
+			if ( parts.length > 0 ) {
+				checkSet = makeArray( set );
+
+			} else {
+				prune = false;
+			}
+
+			while ( parts.length ) {
+				cur = parts.pop();
+				pop = cur;
+
+				if ( !Expr.relative[ cur ] ) {
+					cur = "";
+				} else {
+					pop = parts.pop();
+				}
+
+				if ( pop == null ) {
+					pop = context;
+				}
+
+				Expr.relative[ cur ]( checkSet, pop, contextXML );
+			}
+
+		} else {
+			checkSet = parts = [];
+		}
+	}
+
+	if ( !checkSet ) {
+		checkSet = set;
+	}
+
+	if ( !checkSet ) {
+		Sizzle.error( cur || selector );
+	}
+
+	if ( toString.call(checkSet) === "[object Array]" ) {
+		if ( !prune ) {
+			results.push.apply( results, checkSet );
+
+		} else if ( context && context.nodeType === 1 ) {
+			for ( i = 0; checkSet[i] != null; i++ ) {
+				if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
+					results.push( set[i] );
+				}
+			}
+
+		} else {
+			for ( i = 0; checkSet[i] != null; i++ ) {
+				if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
+					results.push( set[i] );
+				}
+			}
+		}
+
+	} else {
+		makeArray( checkSet, results );
+	}
+
+	if ( extra ) {
+		Sizzle( extra, origContext, results, seed );
+		Sizzle.uniqueSort( results );
+	}
+
+	return results;
+};
+
+Sizzle.uniqueSort = function( results ) {
+	if ( sortOrder ) {
+		hasDuplicate = baseHasDuplicate;
+		results.sort( sortOrder );
+
+		if ( hasDuplicate ) {
+			for ( var i = 1; i < results.length; i++ ) {
+				if ( results[i] === results[ i - 1 ] ) {
+					results.splice( i--, 1 );
+				}
+			}
+		}
+	}
+
+	return results;
+};
+
+Sizzle.matches = function( expr, set ) {
+	return Sizzle( expr, null, null, set );
+};
+
+Sizzle.matchesSelector = function( node, expr ) {
+	return Sizzle( expr, null, null, [node] ).length > 0;
+};
+
+Sizzle.find = function( expr, context, isXML ) {
+	var set;
+
+	if ( !expr ) {
+		return [];
+	}
+
+	for ( var i = 0, l = Expr.order.length; i < l; i++ ) {
+		var match,
+			type = Expr.order[i];
+		
+		if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
+			var left = match[1];
+			match.splice( 1, 1 );
+
+			if ( left.substr( left.length - 1 ) !== "\\" ) {
+				match[1] = (match[1] || "").replace( rBackslash, "" );
+				set = Expr.find[ type ]( match, context, isXML );
+
+				if ( set != null ) {
+					expr = expr.replace( Expr.match[ type ], "" );
+					break;
+				}
+			}
+		}
+	}
+
+	if ( !set ) {
+		set = typeof context.getElementsByTagName !== "undefined" ?
+			context.getElementsByTagName( "*" ) :
+			[];
+	}
+
+	return { set: set, expr: expr };
+};
+
+Sizzle.filter = function( expr, set, inplace, not ) {
+	var match, anyFound,
+		old = expr,
+		result = [],
+		curLoop = set,
+		isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );
+
+	while ( expr && set.length ) {
+		for ( var type in Expr.filter ) {
+			if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
+				var found, item,
+					filter = Expr.filter[ type ],
+					left = match[1];
+
+				anyFound = false;
+
+				match.splice(1,1);
+
+				if ( left.substr( left.length - 1 ) === "\\" ) {
+					continue;
+				}
+
+				if ( curLoop === result ) {
+					result = [];
+				}
+
+				if ( Expr.preFilter[ type ] ) {
+					match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
+
+					if ( !match ) {
+						anyFound = found = true;
+
+					} else if ( match === true ) {
+						continue;
+					}
+				}
+
+				if ( match ) {
+					for ( var i = 0; (item = curLoop[i]) != null; i++ ) {
+						if ( item ) {
+							found = filter( item, match, i, curLoop );
+							var pass = not ^ !!found;
+
+							if ( inplace && found != null ) {
+								if ( pass ) {
+									anyFound = true;
+
+								} else {
+									curLoop[i] = false;
+								}
+
+							} else if ( pass ) {
+								result.push( item );
+								anyFound = true;
+							}
+						}
+					}
+				}
+
+				if ( found !== undefined ) {
+					if ( !inplace ) {
+						curLoop = result;
+					}
+
+					expr = expr.replace( Expr.match[ type ], "" );
+
+					if ( !anyFound ) {
+						return [];
+					}
+
+					break;
+				}
+			}
+		}
+
+		// Improper expression
+		if ( expr === old ) {
+			if ( anyFound == null ) {
+				Sizzle.error( expr );
+
+			} else {
+				break;
+			}
+		}
+
+		old = expr;
+	}
+
+	return curLoop;
+};
+
+Sizzle.error = function( msg ) {
+	throw "Syntax error, unrecognized expression: " + msg;
+};
+
+var Expr = Sizzle.selectors = {
+	order: [ "ID", "NAME", "TAG" ],
+
+	match: {
+		ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
+		CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
+		NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
+		ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
+		TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
+		CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
+		POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
+		PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
+	},
+
+	leftMatch: {},
+
+	attrMap: {
+		"class": "className",
+		"for": "htmlFor"
+	},
+
+	attrHandle: {
+		href: function( elem ) {
+			return elem.getAttribute( "href" );
+		},
+		type: function( elem ) {
+			return elem.getAttribute( "type" );
+		}
+	},
+
+	relative: {
+		"+": function(checkSet, part){
+			var isPartStr = typeof part === "string",
+				isTag = isPartStr && !rNonWord.test( part ),
+				isPartStrNotTag = isPartStr && !isTag;
+
+			if ( isTag ) {
+				part = part.toLowerCase();
+			}
+
+			for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
+				if ( (elem = checkSet[i]) ) {
+					while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
+
+					checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
+						elem || false :
+						elem === part;
+				}
+			}
+
+			if ( isPartStrNotTag ) {
+				Sizzle.filter( part, checkSet, true );
+			}
+		},
+
+		">": function( checkSet, part ) {
+			var elem,
+				isPartStr = typeof part === "string",
+				i = 0,
+				l = checkSet.length;
+
+			if ( isPartStr && !rNonWord.test( part ) ) {
+				part = part.toLowerCase();
+
+				for ( ; i < l; i++ ) {
+					elem = checkSet[i];
+
+					if ( elem ) {
+						var parent = elem.parentNode;
+						checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
+					}
+				}
+
+			} else {
+				for ( ; i < l; i++ ) {
+					elem = checkSet[i];
+
+					if ( elem ) {
+						checkSet[i] = isPartStr ?
+							elem.parentNode :
+							elem.parentNode === part;
+					}
+				}
+
+				if ( isPartStr ) {
+					Sizzle.filter( part, checkSet, true );
+				}
+			}
+		},
+
+		"": function(checkSet, part, isXML){
+			var nodeCheck,
+				doneName = done++,
+				checkFn = dirCheck;
+
+			if ( typeof part === "string" && !rNonWord.test( part ) ) {
+				part = part.toLowerCase();
+				nodeCheck = part;
+				checkFn = dirNodeCheck;
+			}
+
+			checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
+		},
+
+		"~": function( checkSet, part, isXML ) {
+			var nodeCheck,
+				doneName = done++,
+				checkFn = dirCheck;
+
+			if ( typeof part === "string" && !rNonWord.test( part ) ) {
+				part = part.toLowerCase();
+				nodeCheck = part;
+				checkFn = dirNodeCheck;
+			}
+
+			checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
+		}
+	},
+
+	find: {
+		ID: function( match, context, isXML ) {
+			if ( typeof context.getElementById !== "undefined" && !isXML ) {
+				var m = context.getElementById(match[1]);
+				// Check parentNode to catch when Blackberry 4.6 returns
+				// nodes that are no longer in the document #6963
+				return m && m.parentNode ? [m] : [];
+			}
+		},
+
+		NAME: function( match, context ) {
+			if ( typeof context.getElementsByName !== "undefined" ) {
+				var ret = [],
+					results = context.getElementsByName( match[1] );
+
+				for ( var i = 0, l = results.length; i < l; i++ ) {
+					if ( results[i].getAttribute("name") === match[1] ) {
+						ret.push( results[i] );
+					}
+				}
+
+				return ret.length === 0 ? null : ret;
+			}
+		},
+
+		TAG: function( match, context ) {
+			if ( typeof context.getElementsByTagName !== "undefined" ) {
+				return context.getElementsByTagName( match[1] );
+			}
+		}
+	},
+	preFilter: {
+		CLASS: function( match, curLoop, inplace, result, not, isXML ) {
+			match = " " + match[1].replace( rBackslash, "" ) + " ";
+
+			if ( isXML ) {
+				return match;
+			}
+
+			for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
+				if ( elem ) {
+					if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
+						if ( !inplace ) {
+							result.push( elem );
+						}
+
+					} else if ( inplace ) {
+						curLoop[i] = false;
+					}
+				}
+			}
+
+			return false;
+		},
+
+		ID: function( match ) {
+			return match[1].replace( rBackslash, "" );
+		},
+
+		TAG: function( match, curLoop ) {
+			return match[1].replace( rBackslash, "" ).toLowerCase();
+		},
+
+		CHILD: function( match ) {
+			if ( match[1] === "nth" ) {
+				if ( !match[2] ) {
+					Sizzle.error( match[0] );
+				}
+
+				match[2] = match[2].replace(/^\+|\s*/g, '');
+
+				// parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
+				var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
+					match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
+					!/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
+
+				// calculate the numbers (first)n+(last) including if they are negative
+				match[2] = (test[1] + (test[2] || 1)) - 0;
+				match[3] = test[3] - 0;
+			}
+			else if ( match[2] ) {
+				Sizzle.error( match[0] );
+			}
+
+			// TODO: Move to normal caching system
+			match[0] = done++;
+
+			return match;
+		},
+
+		ATTR: function( match, curLoop, inplace, result, not, isXML ) {
+			var name = match[1] = match[1].replace( rBackslash, "" );
+			
+			if ( !isXML && Expr.attrMap[name] ) {
+				match[1] = Expr.attrMap[name];
+			}
+
+			// Handle if an un-quoted value was used
+			match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );
+
+			if ( match[2] === "~=" ) {
+				match[4] = " " + match[4] + " ";
+			}
+
+			return match;
+		},
+
+		PSEUDO: function( match, curLoop, inplace, result, not ) {
+			if ( match[1] === "not" ) {
+				// If we're dealing with a complex expression, or a simple one
+				if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
+					match[3] = Sizzle(match[3], null, null, curLoop);
+
+				} else {
+					var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
+
+					if ( !inplace ) {
+						result.push.apply( result, ret );
+					}
+
+					return false;
+				}
+
+			} else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
+				return true;
+			}
+			
+			return match;
+		},
+
+		POS: function( match ) {
+			match.unshift( true );
+
+			return match;
+		}
+	},
+	
+	filters: {
+		enabled: function( elem ) {
+			return elem.disabled === false && elem.type !== "hidden";
+		},
+
+		disabled: function( elem ) {
+			return elem.disabled === true;
+		},
+
+		checked: function( elem ) {
+			return elem.checked === true;
+		},
+		
+		selected: function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+			
+			return elem.selected === true;
+		},
+
+		parent: function( elem ) {
+			return !!elem.firstChild;
+		},
+
+		empty: function( elem ) {
+			return !elem.firstChild;
+		},
+
+		has: function( elem, i, match ) {
+			return !!Sizzle( match[3], elem ).length;
+		},
+
+		header: function( elem ) {
+			return (/h\d/i).test( elem.nodeName );
+		},
+
+		text: function( elem ) {
+			// IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc) 
+			// use getAttribute instead to test this case
+			return "text" === elem.getAttribute( 'type' );
+		},
+		radio: function( elem ) {
+			return "radio" === elem.type;
+		},
+
+		checkbox: function( elem ) {
+			return "checkbox" === elem.type;
+		},
+
+		file: function( elem ) {
+			return "file" === elem.type;
+		},
+		password: function( elem ) {
+			return "password" === elem.type;
+		},
+
+		submit: function( elem ) {
+			return "submit" === elem.type;
+		},
+
+		image: function( elem ) {
+			return "image" === elem.type;
+		},
+
+		reset: function( elem ) {
+			return "reset" === elem.type;
+		},
+
+		button: function( elem ) {
+			return "button" === elem.type || elem.nodeName.toLowerCase() === "button";
+		},
+
+		input: function( elem ) {
+			return (/input|select|textarea|button/i).test( elem.nodeName );
+		}
+	},
+	setFilters: {
+		first: function( elem, i ) {
+			return i === 0;
+		},
+
+		last: function( elem, i, match, array ) {
+			return i === array.length - 1;
+		},
+
+		even: function( elem, i ) {
+			return i % 2 === 0;
+		},
+
+		odd: function( elem, i ) {
+			return i % 2 === 1;
+		},
+
+		lt: function( elem, i, match ) {
+			return i < match[3] - 0;
+		},
+
+		gt: function( elem, i, match ) {
+			return i > match[3] - 0;
+		},
+
+		nth: function( elem, i, match ) {
+			return match[3] - 0 === i;
+		},
+
+		eq: function( elem, i, match ) {
+			return match[3] - 0 === i;
+		}
+	},
+	filter: {
+		PSEUDO: function( elem, match, i, array ) {
+			var name = match[1],
+				filter = Expr.filters[ name ];
+
+			if ( filter ) {
+				return filter( elem, i, match, array );
+
+			} else if ( name === "contains" ) {
+				return (elem.textContent || elem.innerText || Sizzle.getText([ elem ]) || "").indexOf(match[3]) >= 0;
+
+			} else if ( name === "not" ) {
+				var not = match[3];
+
+				for ( var j = 0, l = not.length; j < l; j++ ) {
+					if ( not[j] === elem ) {
+						return false;
+					}
+				}
+
+				return true;
+
+			} else {
+				Sizzle.error( name );
+			}
+		},
+
+		CHILD: function( elem, match ) {
+			var type = match[1],
+				node = elem;
+
+			switch ( type ) {
+				case "only":
+				case "first":
+					while ( (node = node.previousSibling) )	 {
+						if ( node.nodeType === 1 ) { 
+							return false; 
+						}
+					}
+
+					if ( type === "first" ) { 
+						return true; 
+					}
+
+					node = elem;
+
+				case "last":
+					while ( (node = node.nextSibling) )	 {
+						if ( node.nodeType === 1 ) { 
+							return false; 
+						}
+					}
+
+					return true;
+
+				case "nth":
+					var first = match[2],
+						last = match[3];
+
+					if ( first === 1 && last === 0 ) {
+						return true;
+					}
+					
+					var doneName = match[0],
+						parent = elem.parentNode;
+	
+					if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) {
+						var count = 0;
+						
+						for ( node = parent.firstChild; node; node = node.nextSibling ) {
+							if ( node.nodeType === 1 ) {
+								node.nodeIndex = ++count;
+							}
+						} 
+
+						parent.sizcache = doneName;
+					}
+					
+					var diff = elem.nodeIndex - last;
+
+					if ( first === 0 ) {
+						return diff === 0;
+
+					} else {
+						return ( diff % first === 0 && diff / first >= 0 );
+					}
+			}
+		},
+
+		ID: function( elem, match ) {
+			return elem.nodeType === 1 && elem.getAttribute("id") === match;
+		},
+
+		TAG: function( elem, match ) {
+			return (match === "*" && elem.nodeType === 1) || elem.nodeName.toLowerCase() === match;
+		},
+		
+		CLASS: function( elem, match ) {
+			return (" " + (elem.className || elem.getAttribute("class")) + " ")
+				.indexOf( match ) > -1;
+		},
+
+		ATTR: function( elem, match ) {
+			var name = match[1],
+				result = Expr.attrHandle[ name ] ?
+					Expr.attrHandle[ name ]( elem ) :
+					elem[ name ] != null ?
+						elem[ name ] :
+						elem.getAttribute( name ),
+				value = result + "",
+				type = match[2],
+				check = match[4];
+
+			return result == null ?
+				type === "!=" :
+				type === "=" ?
+				value === check :
+				type === "*=" ?
+				value.indexOf(check) >= 0 :
+				type === "~=" ?
+				(" " + value + " ").indexOf(check) >= 0 :
+				!check ?
+				value && result !== false :
+				type === "!=" ?
+				value !== check :
+				type === "^=" ?
+				value.indexOf(check) === 0 :
+				type === "$=" ?
+				value.substr(value.length - check.length) === check :
+				type === "|=" ?
+				value === check || value.substr(0, check.length + 1) === check + "-" :
+				false;
+		},
+
+		POS: function( elem, match, i, array ) {
+			var name = match[2],
+				filter = Expr.setFilters[ name ];
+
+			if ( filter ) {
+				return filter( elem, i, match, array );
+			}
+		}
+	}
+};
+
+var origPOS = Expr.match.POS,
+	fescape = function(all, num){
+		return "\\" + (num - 0 + 1);
+	};
+
+for ( var type in Expr.match ) {
+	Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
+	Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
+}
+
+var makeArray = function( array, results ) {
+	array = Array.prototype.slice.call( array, 0 );
+
+	if ( results ) {
+		results.push.apply( results, array );
+		return results;
+	}
+	
+	return array;
+};
+
+// Perform a simple check to determine if the browser is capable of
+// converting a NodeList to an array using builtin methods.
+// Also verifies that the returned array holds DOM nodes
+// (which is not the case in the Blackberry browser)
+try {
+	Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;
+
+// Provide a fallback method if it does not work
+} catch( e ) {
+	makeArray = function( array, results ) {
+		var i = 0,
+			ret = results || [];
+
+		if ( toString.call(array) === "[object Array]" ) {
+			Array.prototype.push.apply( ret, array );
+
+		} else {
+			if ( typeof array.length === "number" ) {
+				for ( var l = array.length; i < l; i++ ) {
+					ret.push( array[i] );
+				}
+
+			} else {
+				for ( ; array[i]; i++ ) {
+					ret.push( array[i] );
+				}
+			}
+		}
+
+		return ret;
+	};
+}
+
+var sortOrder, siblingCheck;
+
+if ( document.documentElement.compareDocumentPosition ) {
+	sortOrder = function( a, b ) {
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
+			return a.compareDocumentPosition ? -1 : 1;
+		}
+
+		return a.compareDocumentPosition(b) & 4 ? -1 : 1;
+	};
+
+} else {
+	sortOrder = function( a, b ) {
+		var al, bl,
+			ap = [],
+			bp = [],
+			aup = a.parentNode,
+			bup = b.parentNode,
+			cur = aup;
+
+		// The nodes are identical, we can exit early
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+
+		// If the nodes are siblings (or identical) we can do a quick check
+		} else if ( aup === bup ) {
+			return siblingCheck( a, b );
+
+		// If no parents were found then the nodes are disconnected
+		} else if ( !aup ) {
+			return -1;
+
+		} else if ( !bup ) {
+			return 1;
+		}
+
+		// Otherwise they're somewhere else in the tree so we need
+		// to build up a full list of the parentNodes for comparison
+		while ( cur ) {
+			ap.unshift( cur );
+			cur = cur.parentNode;
+		}
+
+		cur = bup;
+
+		while ( cur ) {
+			bp.unshift( cur );
+			cur = cur.parentNode;
+		}
+
+		al = ap.length;
+		bl = bp.length;
+
+		// Start walking down the tree looking for a discrepancy
+		for ( var i = 0; i < al && i < bl; i++ ) {
+			if ( ap[i] !== bp[i] ) {
+				return siblingCheck( ap[i], bp[i] );
+			}
+		}
+
+		// We ended someplace up the tree so do a sibling check
+		return i === al ?
+			siblingCheck( a, bp[i], -1 ) :
+			siblingCheck( ap[i], b, 1 );
+	};
+
+	siblingCheck = function( a, b, ret ) {
+		if ( a === b ) {
+			return ret;
+		}
+
+		var cur = a.nextSibling;
+
+		while ( cur ) {
+			if ( cur === b ) {
+				return -1;
+			}
+
+			cur = cur.nextSibling;
+		}
+
+		return 1;
+	};
+}
+
+// Utility function for retreiving the text value of an array of DOM nodes
+Sizzle.getText = function( elems ) {
+	var ret = "", elem;
+
+	for ( var i = 0; elems[i]; i++ ) {
+		elem = elems[i];
+
+		// Get the text from text nodes and CDATA nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
+			ret += elem.nodeValue;
+
+		// Traverse everything else, except comment nodes
+		} else if ( elem.nodeType !== 8 ) {
+			ret += Sizzle.getText( elem.childNodes );
+		}
+	}
+
+	return ret;
+};
+
+// Check to see if the browser returns elements by name when
+// querying by getElementById (and provide a workaround)
+(function(){
+	// We're going to inject a fake input element with a specified name
+	var form = document.createElement("div"),
+		id = "script" + (new Date()).getTime(),
+		root = document.documentElement;
+
+	form.innerHTML = "<a name='" + id + "'/>";
+
+	// Inject it into the root element, check its status, and remove it quickly
+	root.insertBefore( form, root.firstChild );
+
+	// The workaround has to do additional checks after a getElementById
+	// Which slows things down for other browsers (hence the branching)
+	if ( document.getElementById( id ) ) {
+		Expr.find.ID = function( match, context, isXML ) {
+			if ( typeof context.getElementById !== "undefined" && !isXML ) {
+				var m = context.getElementById(match[1]);
+
+				return m ?
+					m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
+						[m] :
+						undefined :
+					[];
+			}
+		};
+
+		Expr.filter.ID = function( elem, match ) {
+			var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
+
+			return elem.nodeType === 1 && node && node.nodeValue === match;
+		};
+	}
+
+	root.removeChild( form );
+
+	// release memory in IE
+	root = form = null;
+})();
+
+(function(){
+	// Check to see if the browser returns only elements
+	// when doing getElementsByTagName("*")
+
+	// Create a fake element
+	var div = document.createElement("div");
+	div.appendChild( document.createComment("") );
+
+	// Make sure no comments are found
+	if ( div.getElementsByTagName("*").length > 0 ) {
+		Expr.find.TAG = function( match, context ) {
+			var results = context.getElementsByTagName( match[1] );
+
+			// Filter out possible comments
+			if ( match[1] === "*" ) {
+				var tmp = [];
+
+				for ( var i = 0; results[i]; i++ ) {
+					if ( results[i].nodeType === 1 ) {
+						tmp.push( results[i] );
+					}
+				}
+
+				results = tmp;
+			}
+
+			return results;
+		};
+	}
+
+	// Check to see if an attribute returns normalized href attributes
+	div.innerHTML = "<a href='#'></a>";
+
+	if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
+			div.firstChild.getAttribute("href") !== "#" ) {
+
+		Expr.attrHandle.href = function( elem ) {
+			return elem.getAttribute( "href", 2 );
+		};
+	}
+
+	// release memory in IE
+	div = null;
+})();
+
+if ( document.querySelectorAll ) {
+	(function(){
+		var oldSizzle = Sizzle,
+			div = document.createElement("div"),
+			id = "__sizzle__";
+
+		div.innerHTML = "<p class='TEST'></p>";
+
+		// Safari can't handle uppercase or unicode characters when
+		// in quirks mode.
+		if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
+			return;
+		}
+	
+		Sizzle = function( query, context, extra, seed ) {
+			context = context || document;
+
+			// Only use querySelectorAll on non-XML documents
+			// (ID selectors don't work in non-HTML documents)
+			if ( !seed && !Sizzle.isXML(context) ) {
+				// See if we find a selector to speed up
+				var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
+				
+				if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
+					// Speed-up: Sizzle("TAG")
+					if ( match[1] ) {
+						return makeArray( context.getElementsByTagName( query ), extra );
+					
+					// Speed-up: Sizzle(".CLASS")
+					} else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
+						return makeArray( context.getElementsByClassName( match[2] ), extra );
+					}
+				}
+				
+				if ( context.nodeType === 9 ) {
+					// Speed-up: Sizzle("body")
+					// The body element only exists once, optimize finding it
+					if ( query === "body" && context.body ) {
+						return makeArray( [ context.body ], extra );
+						
+					// Speed-up: Sizzle("#ID")
+					} else if ( match && match[3] ) {
+						var elem = context.getElementById( match[3] );
+
+						// Check parentNode to catch when Blackberry 4.6 returns
+						// nodes that are no longer in the document #6963
+						if ( elem && elem.parentNode ) {
+							// Handle the case where IE and Opera return items
+							// by name instead of ID
+							if ( elem.id === match[3] ) {
+								return makeArray( [ elem ], extra );
+							}
+							
+						} else {
+							return makeArray( [], extra );
+						}
+					}
+					
+					try {
+						return makeArray( context.querySelectorAll(query), extra );
+					} catch(qsaError) {}
+
+				// qSA works strangely on Element-rooted queries
+				// We can work around this by specifying an extra ID on the root
+				// and working up from there (Thanks to Andrew Dupont for the technique)
+				// IE 8 doesn't work on object elements
+				} else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+					var oldContext = context,
+						old = context.getAttribute( "id" ),
+						nid = old || id,
+						hasParent = context.parentNode,
+						relativeHierarchySelector = /^\s*[+~]/.test( query );
+
+					if ( !old ) {
+						context.setAttribute( "id", nid );
+					} else {
+						nid = nid.replace( /'/g, "\\$&" );
+					}
+					if ( relativeHierarchySelector && hasParent ) {
+						context = context.parentNode;
+					}
+
+					try {
+						if ( !relativeHierarchySelector || hasParent ) {
+							return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
+						}
+
+					} catch(pseudoError) {
+					} finally {
+						if ( !old ) {
+							oldContext.removeAttribute( "id" );
+						}
+					}
+				}
+			}
+		
+			return oldSizzle(query, context, extra, seed);
+		};
+
+		for ( var prop in oldSizzle ) {
+			Sizzle[ prop ] = oldSizzle[ prop ];
+		}
+
+		// release memory in IE
+		div = null;
+	})();
+}
+
+(function(){
+	var html = document.documentElement,
+		matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector,
+		pseudoWorks = false;
+
+	try {
+		// This should fail with an exception
+		// Gecko does not error, returns false instead
+		matches.call( document.documentElement, "[test!='']:sizzle" );
+	
+	} catch( pseudoError ) {
+		pseudoWorks = true;
+	}
+
+	if ( matches ) {
+		Sizzle.matchesSelector = function( node, expr ) {
+			// Make sure that attribute selectors are quoted
+			expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");
+
+			if ( !Sizzle.isXML( node ) ) {
+				try { 
+					if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
+						return matches.call( node, expr );
+					}
+				} catch(e) {}
+			}
+
+			return Sizzle(expr, null, null, [node]).length > 0;
+		};
+	}
+})();
+
+(function(){
+	var div = document.createElement("div");
+
+	div.innerHTML = "<div class='test e'></div><div class='test'></div>";
+
+	// Opera can't find a second classname (in 9.6)
+	// Also, make sure that getElementsByClassName actually exists
+	if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
+		return;
+	}
+
+	// Safari caches class attributes, doesn't catch changes (in 3.2)
+	div.lastChild.className = "e";
+
+	if ( div.getElementsByClassName("e").length === 1 ) {
+		return;
+	}
+	
+	Expr.order.splice(1, 0, "CLASS");
+	Expr.find.CLASS = function( match, context, isXML ) {
+		if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
+			return context.getElementsByClassName(match[1]);
+		}
+	};
+
+	// release memory in IE
+	div = null;
+})();
+
+function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
+	for ( var i = 0, l = checkSet.length; i < l; i++ ) {
+		var elem = checkSet[i];
+
+		if ( elem ) {
+			var match = false;
+
+			elem = elem[dir];
+
+			while ( elem ) {
+				if ( elem.sizcache === doneName ) {
+					match = checkSet[elem.sizset];
+					break;
+				}
+
+				if ( elem.nodeType === 1 && !isXML ){
+					elem.sizcache = doneName;
+					elem.sizset = i;
+				}
+
+				if ( elem.nodeName.toLowerCase() === cur ) {
+					match = elem;
+					break;
+				}
+
+				elem = elem[dir];
+			}
+
+			checkSet[i] = match;
+		}
+	}
+}
+
+function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
+	for ( var i = 0, l = checkSet.length; i < l; i++ ) {
+		var elem = checkSet[i];
+
+		if ( elem ) {
+			var match = false;
+			
+			elem = elem[dir];
+
+			while ( elem ) {
+				if ( elem.sizcache === doneName ) {
+					match = checkSet[elem.sizset];
+					break;
+				}
+
+				if ( elem.nodeType === 1 ) {
+					if ( !isXML ) {
+						elem.sizcache = doneName;
+						elem.sizset = i;
+					}
+
+					if ( typeof cur !== "string" ) {
+						if ( elem === cur ) {
+							match = true;
+							break;
+						}
+
+					} else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
+						match = elem;
+						break;
+					}
+				}
+
+				elem = elem[dir];
+			}
+
+			checkSet[i] = match;
+		}
+	}
+}
+
+if ( document.documentElement.contains ) {
+	Sizzle.contains = function( a, b ) {
+		return a !== b && (a.contains ? a.contains(b) : true);
+	};
+
+} else if ( document.documentElement.compareDocumentPosition ) {
+	Sizzle.contains = function( a, b ) {
+		return !!(a.compareDocumentPosition(b) & 16);
+	};
+
+} else {
+	Sizzle.contains = function() {
+		return false;
+	};
+}
+
+Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833) 
+	var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
+
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+var posProcess = function( selector, context ) {
+	var match,
+		tmpSet = [],
+		later = "",
+		root = context.nodeType ? [context] : context;
+
+	// Position selectors must be done after the filter
+	// And so must :not(positional) so we move all PSEUDOs to the end
+	while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
+		later += match[0];
+		selector = selector.replace( Expr.match.PSEUDO, "" );
+	}
+
+	selector = Expr.relative[selector] ? selector + "*" : selector;
+
+	for ( var i = 0, l = root.length; i < l; i++ ) {
+		Sizzle( selector, root[i], tmpSet );
+	}
+
+	return Sizzle.filter( later, tmpSet );
+};
+
+// EXPOSE
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.filters;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+})();
+
+
+var runtil = /Until$/,
+	rparentsprev = /^(?:parents|prevUntil|prevAll)/,
+	// Note: This RegExp should be improved, or likely pulled from Sizzle
+	rmultiselector = /,/,
+	isSimple = /^.[^:#\[\.,]*$/,
+	slice = Array.prototype.slice,
+	POS = jQuery.expr.match.POS,
+	// methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.fn.extend({
+	find: function( selector ) {
+		var ret = this.pushStack( "", "find", selector ),
+			length = 0;
+
+		for ( var i = 0, l = this.length; i < l; i++ ) {
+			length = ret.length;
+			jQuery.find( selector, this[i], ret );
+
+			if ( i > 0 ) {
+				// Make sure that the results are unique
+				for ( var n = length; n < ret.length; n++ ) {
+					for ( var r = 0; r < length; r++ ) {
+						if ( ret[r] === ret[n] ) {
+							ret.splice(n--, 1);
+							break;
+						}
+					}
+				}
+			}
+		}
+
+		return ret;
+	},
+
+	has: function( target ) {
+		var targets = jQuery( target );
+		return this.filter(function() {
+			for ( var i = 0, l = targets.length; i < l; i++ ) {
+				if ( jQuery.contains( this, targets[i] ) ) {
+					return true;
+				}
+			}
+		});
+	},
+
+	not: function( selector ) {
+		return this.pushStack( winnow(this, selector, false), "not", selector);
+	},
+
+	filter: function( selector ) {
+		return this.pushStack( winnow(this, selector, true), "filter", selector );
+	},
+
+	is: function( selector ) {
+		return !!selector && jQuery.filter( selector, this ).length > 0;
+	},
+
+	closest: function( selectors, context ) {
+		var ret = [], i, l, cur = this[0];
+
+		if ( jQuery.isArray( selectors ) ) {
+			var match, selector,
+				matches = {},
+				level = 1;
+
+			if ( cur && selectors.length ) {
+				for ( i = 0, l = selectors.length; i < l; i++ ) {
+					selector = selectors[i];
+
+					if ( !matches[selector] ) {
+						matches[selector] = jQuery.expr.match.POS.test( selector ) ?
+							jQuery( selector, context || this.context ) :
+							selector;
+					}
+				}
+
+				while ( cur && cur.ownerDocument && cur !== context ) {
+					for ( selector in matches ) {
+						match = matches[selector];
+
+						if ( match.jquery ? match.index(cur) > -1 : jQuery(cur).is(match) ) {
+							ret.push({ selector: selector, elem: cur, level: level });
+						}
+					}
+
+					cur = cur.parentNode;
+					level++;
+				}
+			}
+
+			return ret;
+		}
+
+		var pos = POS.test( selectors ) ?
+			jQuery( selectors, context || this.context ) : null;
+
+		for ( i = 0, l = this.length; i < l; i++ ) {
+			cur = this[i];
+
+			while ( cur ) {
+				if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
+					ret.push( cur );
+					break;
+
+				} else {
+					cur = cur.parentNode;
+					if ( !cur || !cur.ownerDocument || cur === context ) {
+						break;
+					}
+				}
+			}
+		}
+
+		ret = ret.length > 1 ? jQuery.unique(ret) : ret;
+
+		return this.pushStack( ret, "closest", selectors );
+	},
+
+	// Determine the position of an element within
+	// the matched set of elements
+	index: function( elem ) {
+		if ( !elem || typeof elem === "string" ) {
+			return jQuery.inArray( this[0],
+				// If it receives a string, the selector is used
+				// If it receives nothing, the siblings are used
+				elem ? jQuery( elem ) : this.parent().children() );
+		}
+		// Locate the position of the desired element
+		return jQuery.inArray(
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[0] : elem, this );
+	},
+
+	add: function( selector, context ) {
+		var set = typeof selector === "string" ?
+				jQuery( selector, context ) :
+				jQuery.makeArray( selector ),
+			all = jQuery.merge( this.get(), set );
+
+		return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ?
+			all :
+			jQuery.unique( all ) );
+	},
+
+	andSelf: function() {
+		return this.add( this.prevObject );
+	}
+});
+
+// A painfully simple check to see if an element is disconnected
+// from a document (should be improved, where feasible).
+function isDisconnected( node ) {
+	return !node || !node.parentNode || node.parentNode.nodeType === 11;
+}
+
+jQuery.each({
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return jQuery.dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return jQuery.nth( elem, 2, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return jQuery.nth( elem, 2, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return jQuery.dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return jQuery.dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return jQuery.sibling( elem.parentNode.firstChild, elem );
+	},
+	children: function( elem ) {
+		return jQuery.sibling( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return jQuery.nodeName( elem, "iframe" ) ?
+			elem.contentDocument || elem.contentWindow.document :
+			jQuery.makeArray( elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var ret = jQuery.map( this, fn, until ),
+			// The variable 'args' was introduced in
+			// https://github.com/jquery/jquery/commit/52a0238
+			// to work around a bug in Chrome 10 (Dev) and should be removed when the bug is fixed.
+			// http://code.google.com/p/v8/issues/detail?id=1050
+			args = slice.call(arguments);
+
+		if ( !runtil.test( name ) ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			ret = jQuery.filter( selector, ret );
+		}
+
+		ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
+
+		if ( (this.length > 1 || rmultiselector.test( selector )) && rparentsprev.test( name ) ) {
+			ret = ret.reverse();
+		}
+
+		return this.pushStack( ret, name, args.join(",") );
+	};
+});
+
+jQuery.extend({
+	filter: function( expr, elems, not ) {
+		if ( not ) {
+			expr = ":not(" + expr + ")";
+		}
+
+		return elems.length === 1 ?
+			jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
+			jQuery.find.matches(expr, elems);
+	},
+
+	dir: function( elem, dir, until ) {
+		var matched = [],
+			cur = elem[ dir ];
+
+		while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
+			if ( cur.nodeType === 1 ) {
+				matched.push( cur );
+			}
+			cur = cur[dir];
+		}
+		return matched;
+	},
+
+	nth: function( cur, result, dir, elem ) {
+		result = result || 1;
+		var num = 0;
+
+		for ( ; cur; cur = cur[dir] ) {
+			if ( cur.nodeType === 1 && ++num === result ) {
+				break;
+			}
+		}
+
+		return cur;
+	},
+
+	sibling: function( n, elem ) {
+		var r = [];
+
+		for ( ; n; n = n.nextSibling ) {
+			if ( n.nodeType === 1 && n !== elem ) {
+				r.push( n );
+			}
+		}
+
+		return r;
+	}
+});
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, keep ) {
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep(elements, function( elem, i ) {
+			var retVal = !!qualifier.call( elem, i, elem );
+			return retVal === keep;
+		});
+
+	} else if ( qualifier.nodeType ) {
+		return jQuery.grep(elements, function( elem, i ) {
+			return (elem === qualifier) === keep;
+		});
+
+	} else if ( typeof qualifier === "string" ) {
+		var filtered = jQuery.grep(elements, function( elem ) {
+			return elem.nodeType === 1;
+		});
+
+		if ( isSimple.test( qualifier ) ) {
+			return jQuery.filter(qualifier, filtered, !keep);
+		} else {
+			qualifier = jQuery.filter( qualifier, filtered );
+		}
+	}
+
+	return jQuery.grep(elements, function( elem, i ) {
+		return (jQuery.inArray( elem, qualifier ) >= 0) === keep;
+	});
+}
+
+
+
+
+var rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
+	rleadingWhitespace = /^\s+/,
+	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
+	rtagName = /<([\w:]+)/,
+	rtbody = /<tbody/i,
+	rhtml = /<|&#?\w+;/,
+	rnocache = /<(?:script|object|embed|option|style)/i,
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	wrapMap = {
+		option: [ 1, "<select multiple='multiple'>", "</select>" ],
+		legend: [ 1, "<fieldset>", "</fieldset>" ],
+		thead: [ 1, "<table>", "</table>" ],
+		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+		col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
+		area: [ 1, "<map>", "</map>" ],
+		_default: [ 0, "", "" ]
+	};
+
+wrapMap.optgroup = wrapMap.option;
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+// IE can't serialize <link> and <script> tags normally
+if ( !jQuery.support.htmlSerialize ) {
+	wrapMap._default = [ 1, "div<div>", "</div>" ];
+}
+
+jQuery.fn.extend({
+	text: function( text ) {
+		if ( jQuery.isFunction(text) ) {
+			return this.each(function(i) {
+				var self = jQuery( this );
+
+				self.text( text.call(this, i, self.text()) );
+			});
+		}
+
+		if ( typeof text !== "object" && text !== undefined ) {
+			return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
+		}
+
+		return jQuery.text( this );
+	},
+
+	wrapAll: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapAll( html.call(this, i) );
+			});
+		}
+
+		if ( this[0] ) {
+			// The elements to wrap the target around
+			var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
+
+			if ( this[0].parentNode ) {
+				wrap.insertBefore( this[0] );
+			}
+
+			wrap.map(function() {
+				var elem = this;
+
+				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
+					elem = elem.firstChild;
+				}
+
+				return elem;
+			}).append(this);
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapInner( html.call(this, i) );
+			});
+		}
+
+		return this.each(function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		});
+	},
+
+	wrap: function( html ) {
+		return this.each(function() {
+			jQuery( this ).wrapAll( html );
+		});
+	},
+
+	unwrap: function() {
+		return this.parent().each(function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		}).end();
+	},
+
+	append: function() {
+		return this.domManip(arguments, true, function( elem ) {
+			if ( this.nodeType === 1 ) {
+				this.appendChild( elem );
+			}
+		});
+	},
+
+	prepend: function() {
+		return this.domManip(arguments, true, function( elem ) {
+			if ( this.nodeType === 1 ) {
+				this.insertBefore( elem, this.firstChild );
+			}
+		});
+	},
+
+	before: function() {
+		if ( this[0] && this[0].parentNode ) {
+			return this.domManip(arguments, false, function( elem ) {
+				this.parentNode.insertBefore( elem, this );
+			});
+		} else if ( arguments.length ) {
+			var set = jQuery(arguments[0]);
+			set.push.apply( set, this.toArray() );
+			return this.pushStack( set, "before", arguments );
+		}
+	},
+
+	after: function() {
+		if ( this[0] && this[0].parentNode ) {
+			return this.domManip(arguments, false, function( elem ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			});
+		} else if ( arguments.length ) {
+			var set = this.pushStack( this, "after", arguments );
+			set.push.apply( set, jQuery(arguments[0]).toArray() );
+			return set;
+		}
+	},
+
+	// keepData is for internal use only--do not document
+	remove: function( selector, keepData ) {
+		for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
+			if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
+				if ( !keepData && elem.nodeType === 1 ) {
+					jQuery.cleanData( elem.getElementsByTagName("*") );
+					jQuery.cleanData( [ elem ] );
+				}
+
+				if ( elem.parentNode ) {
+					elem.parentNode.removeChild( elem );
+				}
+			}
+		}
+
+		return this;
+	},
+
+	empty: function() {
+		for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
+			// Remove element nodes and prevent memory leaks
+			if ( elem.nodeType === 1 ) {
+				jQuery.cleanData( elem.getElementsByTagName("*") );
+			}
+
+			// Remove any remaining nodes
+			while ( elem.firstChild ) {
+				elem.removeChild( elem.firstChild );
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map( function () {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		});
+	},
+
+	html: function( value ) {
+		if ( value === undefined ) {
+			return this[0] && this[0].nodeType === 1 ?
+				this[0].innerHTML.replace(rinlinejQuery, "") :
+				null;
+
+		// See if we can take a shortcut and just use innerHTML
+		} else if ( typeof value === "string" && !rnocache.test( value ) &&
+			(jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
+			!wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {
+
+			value = value.replace(rxhtmlTag, "<$1></$2>");
+
+			try {
+				for ( var i = 0, l = this.length; i < l; i++ ) {
+					// Remove element nodes and prevent memory leaks
+					if ( this[i].nodeType === 1 ) {
+						jQuery.cleanData( this[i].getElementsByTagName("*") );
+						this[i].innerHTML = value;
+					}
+				}
+
+			// If using innerHTML throws an exception, use the fallback method
+			} catch(e) {
+				this.empty().append( value );
+			}
+
+		} else if ( jQuery.isFunction( value ) ) {
+			this.each(function(i){
+				var self = jQuery( this );
+
+				self.html( value.call(this, i, self.html()) );
+			});
+
+		} else {
+			this.empty().append( value );
+		}
+
+		return this;
+	},
+
+	replaceWith: function( value ) {
+		if ( this[0] && this[0].parentNode ) {
+			// Make sure that the elements are removed from the DOM before they are inserted
+			// this can help fix replacing a parent with child elements
+			if ( jQuery.isFunction( value ) ) {
+				return this.each(function(i) {
+					var self = jQuery(this), old = self.html();
+					self.replaceWith( value.call( this, i, old ) );
+				});
+			}
+
+			if ( typeof value !== "string" ) {
+				value = jQuery( value ).detach();
+			}
+
+			return this.each(function() {
+				var next = this.nextSibling,
+					parent = this.parentNode;
+
+				jQuery( this ).remove();
+
+				if ( next ) {
+					jQuery(next).before( value );
+				} else {
+					jQuery(parent).append( value );
+				}
+			});
+		} else {
+			return this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value );
+		}
+	},
+
+	detach: function( selector ) {
+		return this.remove( selector, true );
+	},
+
+	domManip: function( args, table, callback ) {
+		var results, first, fragment, parent,
+			value = args[0],
+			scripts = [];
+
+		// We can't cloneNode fragments that contain checked, in WebKit
+		if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
+			return this.each(function() {
+				jQuery(this).domManip( args, table, callback, true );
+			});
+		}
+
+		if ( jQuery.isFunction(value) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				args[0] = value.call(this, i, table ? self.html() : undefined);
+				self.domManip( args, table, callback );
+			});
+		}
+
+		if ( this[0] ) {
+			parent = value && value.parentNode;
+
+			// If we're in a fragment, just use that instead of building a new one
+			if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
+				results = { fragment: parent };
+
+			} else {
+				results = jQuery.buildFragment( args, this, scripts );
+			}
+
+			fragment = results.fragment;
+
+			if ( fragment.childNodes.length === 1 ) {
+				first = fragment = fragment.firstChild;
+			} else {
+				first = fragment.firstChild;
+			}
+
+			if ( first ) {
+				table = table && jQuery.nodeName( first, "tr" );
+
+				for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
+					callback.call(
+						table ?
+							root(this[i], first) :
+							this[i],
+						// Make sure that we do not leak memory by inadvertently discarding
+						// the original fragment (which might have attached data) instead of
+						// using it; in addition, use the original fragment object for the last
+						// item instead of first because it can end up being emptied incorrectly
+						// in certain situations (Bug #8070).
+						// Fragments from the fragment cache must always be cloned and never used
+						// in place.
+						results.cacheable || (l > 1 && i < lastIndex) ?
+							jQuery.clone( fragment, true, true ) :
+							fragment
+					);
+				}
+			}
+
+			if ( scripts.length ) {
+				jQuery.each( scripts, evalScript );
+			}
+		}
+
+		return this;
+	}
+});
+
+function root( elem, cur ) {
+	return jQuery.nodeName(elem, "table") ?
+		(elem.getElementsByTagName("tbody")[0] ||
+		elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
+		elem;
+}
+
+function cloneCopyEvent( src, dest ) {
+
+	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
+		return;
+	}
+
+	var internalKey = jQuery.expando,
+		oldData = jQuery.data( src ),
+		curData = jQuery.data( dest, oldData );
+
+	// Switch to use the internal data object, if it exists, for the next
+	// stage of data copying
+	if ( (oldData = oldData[ internalKey ]) ) {
+		var events = oldData.events;
+				curData = curData[ internalKey ] = jQuery.extend({}, oldData);
+
+		if ( events ) {
+			delete curData.handle;
+			curData.events = {};
+
+			for ( var type in events ) {
+				for ( var i = 0, l = events[ type ].length; i < l; i++ ) {
+					jQuery.event.add( dest, type + ( events[ type ][ i ].namespace ? "." : "" ) + events[ type ][ i ].namespace, events[ type ][ i ], events[ type ][ i ].data );
+				}
+			}
+		}
+	}
+}
+
+function cloneFixAttributes(src, dest) {
+	// We do not need to do anything for non-Elements
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	var nodeName = dest.nodeName.toLowerCase();
+
+	// clearAttributes removes the attributes, which we don't want,
+	// but also removes the attachEvent events, which we *do* want
+	dest.clearAttributes();
+
+	// mergeAttributes, in contrast, only merges back on the
+	// original attributes, not the events
+	dest.mergeAttributes(src);
+
+	// IE6-8 fail to clone children inside object elements that use
+	// the proprietary classid attribute value (rather than the type
+	// attribute) to identify the type of content to display
+	if ( nodeName === "object" ) {
+		dest.outerHTML = src.outerHTML;
+
+	} else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
+		// IE6-8 fails to persist the checked state of a cloned checkbox
+		// or radio button. Worse, IE6-7 fail to give the cloned element
+		// a checked appearance if the defaultChecked value isn't also set
+		if ( src.checked ) {
+			dest.defaultChecked = dest.checked = src.checked;
+		}
+
+		// IE6-7 get confused and end up setting the value of a cloned
+		// checkbox/radio button to an empty string instead of "on"
+		if ( dest.value !== src.value ) {
+			dest.value = src.value;
+		}
+
+	// IE6-8 fails to return the selected option to the default selected
+	// state when cloning options
+	} else if ( nodeName === "option" ) {
+		dest.selected = src.defaultSelected;
+
+	// IE6-8 fails to set the defaultValue to the correct value when
+	// cloning other types of input fields
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+
+	// Event data gets referenced instead of copied if the expando
+	// gets copied too
+	dest.removeAttribute( jQuery.expando );
+}
+
+jQuery.buildFragment = function( args, nodes, scripts ) {
+	var fragment, cacheable, cacheresults,
+		doc = (nodes && nodes[0] ? nodes[0].ownerDocument || nodes[0] : document);
+
+	// Only cache "small" (1/2 KB) HTML strings that are associated with the main document
+	// Cloning options loses the selected state, so don't cache them
+	// IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
+	// Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
+	if ( args.length === 1 && typeof args[0] === "string" && args[0].length < 512 && doc === document &&
+		args[0].charAt(0) === "<" && !rnocache.test( args[0] ) && (jQuery.support.checkClone || !rchecked.test( args[0] )) ) {
+
+		cacheable = true;
+		cacheresults = jQuery.fragments[ args[0] ];
+		if ( cacheresults ) {
+			if ( cacheresults !== 1 ) {
+				fragment = cacheresults;
+			}
+		}
+	}
+
+	if ( !fragment ) {
+		fragment = doc.createDocumentFragment();
+		jQuery.clean( args, doc, fragment, scripts );
+	}
+
+	if ( cacheable ) {
+		jQuery.fragments[ args[0] ] = cacheresults ? fragment : 1;
+	}
+
+	return { fragment: fragment, cacheable: cacheable };
+};
+
+jQuery.fragments = {};
+
+jQuery.each({
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var ret = [],
+			insert = jQuery( selector ),
+			parent = this.length === 1 && this[0].parentNode;
+
+		if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
+			insert[ original ]( this[0] );
+			return this;
+
+		} else {
+			for ( var i = 0, l = insert.length; i < l; i++ ) {
+				var elems = (i > 0 ? this.clone(true) : this).get();
+				jQuery( insert[i] )[ original ]( elems );
+				ret = ret.concat( elems );
+			}
+
+			return this.pushStack( ret, name, insert.selector );
+		}
+	};
+});
+
+function getAll( elem ) {
+	if ( "getElementsByTagName" in elem ) {
+		return elem.getElementsByTagName( "*" );
+	
+	} else if ( "querySelectorAll" in elem ) {
+		return elem.querySelectorAll( "*" );
+
+	} else {
+		return [];
+	}
+}
+
+jQuery.extend({
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var clone = elem.cloneNode(true),
+				srcElements,
+				destElements,
+				i;
+
+		if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
+				(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
+			// IE copies events bound via attachEvent when using cloneNode.
+			// Calling detachEvent on the clone will also remove the events
+			// from the original. In order to get around this, we use some
+			// proprietary methods to clear the events. Thanks to MooTools
+			// guys for this hotness.
+
+			cloneFixAttributes( elem, clone );
+
+			// Using Sizzle here is crazy slow, so we use getElementsByTagName
+			// instead
+			srcElements = getAll( elem );
+			destElements = getAll( clone );
+
+			// Weird iteration because IE will replace the length property
+			// with an element if you are cloning the body and one of the
+			// elements on the pagebreak has a name or id of "length"
+			for ( i = 0; srcElements[i]; ++i ) {
+				cloneFixAttributes( srcElements[i], destElements[i] );
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			cloneCopyEvent( elem, clone );
+
+			if ( deepDataAndEvents ) {
+				srcElements = getAll( elem );
+				destElements = getAll( clone );
+
+				for ( i = 0; srcElements[i]; ++i ) {
+					cloneCopyEvent( srcElements[i], destElements[i] );
+				}
+			}
+		}
+
+		// Return the cloned set
+		return clone;
+},
+	clean: function( elems, context, fragment, scripts ) {
+		context = context || document;
+
+		// !context.createElement fails in IE with an error but returns typeof 'object'
+		if ( typeof context.createElement === "undefined" ) {
+			context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
+		}
+
+		var ret = [];
+
+		for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
+			if ( typeof elem === "number" ) {
+				elem += "";
+			}
+
+			if ( !elem ) {
+				continue;
+			}
+
+			// Convert html string into DOM nodes
+			if ( typeof elem === "string" && !rhtml.test( elem ) ) {
+				elem = context.createTextNode( elem );
+
+			} else if ( typeof elem === "string" ) {
+				// Fix "XHTML"-style tags in all browsers
+				elem = elem.replace(rxhtmlTag, "<$1></$2>");
+
+				// Trim whitespace, otherwise indexOf won't work as expected
+				var tag = (rtagName.exec( elem ) || ["", ""])[1].toLowerCase(),
+					wrap = wrapMap[ tag ] || wrapMap._default,
+					depth = wrap[0],
+					div = context.createElement("div");
+
+				// Go to html and back, then peel off extra wrappers
+				div.innerHTML = wrap[1] + elem + wrap[2];
+
+				// Move to the right depth
+				while ( depth-- ) {
+					div = div.lastChild;
+				}
+
+				// Remove IE's autoinserted <tbody> from table fragments
+				if ( !jQuery.support.tbody ) {
+
+					// String was a <table>, *may* have spurious <tbody>
+					var hasBody = rtbody.test(elem),
+						tbody = tag === "table" && !hasBody ?
+							div.firstChild && div.firstChild.childNodes :
+
+							// String was a bare <thead> or <tfoot>
+							wrap[1] === "<table>" && !hasBody ?
+								div.childNodes :
+								[];
+
+					for ( var j = tbody.length - 1; j >= 0 ; --j ) {
+						if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
+							tbody[ j ].parentNode.removeChild( tbody[ j ] );
+						}
+					}
+
+				}
+
+				// IE completely kills leading whitespace when innerHTML is used
+				if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
+					div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
+				}
+
+				elem = div.childNodes;
+			}
+
+			if ( elem.nodeType ) {
+				ret.push( elem );
+			} else {
+				ret = jQuery.merge( ret, elem );
+			}
+		}
+
+		if ( fragment ) {
+			for ( i = 0; ret[i]; i++ ) {
+				if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
+					scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
+
+				} else {
+					if ( ret[i].nodeType === 1 ) {
+						ret.splice.apply( ret, [i + 1, 0].concat(jQuery.makeArray(ret[i].getElementsByTagName("script"))) );
+					}
+					fragment.appendChild( ret[i] );
+				}
+			}
+		}
+
+		return ret;
+	},
+
+	cleanData: function( elems ) {
+		var data, id, cache = jQuery.cache, internalKey = jQuery.expando, special = jQuery.event.special,
+			deleteExpando = jQuery.support.deleteExpando;
+
+		for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
+			if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
+				continue;
+			}
+
+			id = elem[ jQuery.expando ];
+
+			if ( id ) {
+				data = cache[ id ] && cache[ id ][ internalKey ];
+
+				if ( data && data.events ) {
+					for ( var type in data.events ) {
+						if ( special[ type ] ) {
+							jQuery.event.remove( elem, type );
+
+						// This is a shortcut to avoid jQuery.event.remove's overhead
+						} else {
+							jQuery.removeEvent( elem, type, data.handle );
+						}
+					}
+
+					// Null the DOM reference to avoid IE6/7/8 leak (#7054)
+					if ( data.handle ) {
+						data.handle.elem = null;
+					}
+				}
+
+				if ( deleteExpando ) {
+					delete elem[ jQuery.expando ];
+
+				} else if ( elem.removeAttribute ) {
+					elem.removeAttribute( jQuery.expando );
+				}
+
+				delete cache[ id ];
+			}
+		}
+	}
+});
+
+function evalScript( i, elem ) {
+	if ( elem.src ) {
+		jQuery.ajax({
+			url: elem.src,
+			async: false,
+			dataType: "script"
+		});
+	} else {
+		jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" );
+	}
+
+	if ( elem.parentNode ) {
+		elem.parentNode.removeChild( elem );
+	}
+}
+
+
+
+
+var ralpha = /alpha\([^)]*\)/i,
+	ropacity = /opacity=([^)]*)/,
+	rdashAlpha = /-([a-z])/ig,
+	rupper = /([A-Z])/g,
+	rnumpx = /^-?\d+(?:px)?$/i,
+	rnum = /^-?\d/,
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssWidth = [ "Left", "Right" ],
+	cssHeight = [ "Top", "Bottom" ],
+	curCSS,
+
+	getComputedStyle,
+	currentStyle,
+
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	};
+
+jQuery.fn.css = function( name, value ) {
+	// Setting 'undefined' is a no-op
+	if ( arguments.length === 2 && value === undefined ) {
+		return this;
+	}
+
+	return jQuery.access( this, name, value, true, function( elem, name, value ) {
+		return value !== undefined ?
+			jQuery.style( elem, name, value ) :
+			jQuery.css( elem, name );
+	});
+};
+
+jQuery.extend({
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity", "opacity" );
+					return ret === "" ? "1" : ret;
+
+				} else {
+					return elem.style.opacity;
+				}
+			}
+		}
+	},
+
+	// Exclude the following css properties to add px
+	cssNumber: {
+		"zIndex": true,
+		"fontWeight": true,
+		"opacity": true,
+		"zoom": true,
+		"lineHeight": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+		// normalize float css property
+		"float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, origName = jQuery.camelCase( name ),
+			style = elem.style, hooks = jQuery.cssHooks[ origName ];
+
+		name = jQuery.cssProps[ origName ] || origName;
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			// Make sure that NaN and null values aren't set. See: #7116
+			if ( typeof value === "number" && isNaN( value ) || value == null ) {
+				return;
+			}
+
+			// If a number was passed in, add 'px' to the (except for certain CSS properties)
+			if ( typeof value === "number" && !jQuery.cssNumber[ origName ] ) {
+				value += "px";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {
+				// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
+				// Fixes bug #5509
+				try {
+					style[ name ] = value;
+				} catch(e) {}
+			}
+
+		} else {
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra ) {
+		// Make sure that we're working with the right name
+		var ret, origName = jQuery.camelCase( name ),
+			hooks = jQuery.cssHooks[ origName ];
+
+		name = jQuery.cssProps[ origName ] || origName;
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks && (ret = hooks.get( elem, true, extra )) !== undefined ) {
+			return ret;
+
+		// Otherwise, if a way to get the computed value exists, use that
+		} else if ( curCSS ) {
+			return curCSS( elem, name, origName );
+		}
+	},
+
+	// A method for quickly swapping in/out CSS properties to get correct calculations
+	swap: function( elem, options, callback ) {
+		var old = {};
+
+		// Remember the old values, and insert the new ones
+		for ( var name in options ) {
+			old[ name ] = elem.style[ name ];
+			elem.style[ name ] = options[ name ];
+		}
+
+		callback.call( elem );
+
+		// Revert the old values
+		for ( name in options ) {
+			elem.style[ name ] = old[ name ];
+		}
+	},
+
+	camelCase: function( string ) {
+		return string.replace( rdashAlpha, fcamelCase );
+	}
+});
+
+// DEPRECATED, Use jQuery.css() instead
+jQuery.curCSS = jQuery.css;
+
+jQuery.each(["height", "width"], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			var val;
+
+			if ( computed ) {
+				if ( elem.offsetWidth !== 0 ) {
+					val = getWH( elem, name, extra );
+
+				} else {
+					jQuery.swap( elem, cssShow, function() {
+						val = getWH( elem, name, extra );
+					});
+				}
+
+				if ( val <= 0 ) {
+					val = curCSS( elem, name, name );
+
+					if ( val === "0px" && currentStyle ) {
+						val = currentStyle( elem, name, name );
+					}
+
+					if ( val != null ) {
+						// Should return "auto" instead of 0, use 0 for
+						// temporary backwards-compat
+						return val === "" || val === "auto" ? "0px" : val;
+					}
+				}
+
+				if ( val < 0 || val == null ) {
+					val = elem.style[ name ];
+
+					// Should return "auto" instead of 0, use 0 for
+					// temporary backwards-compat
+					return val === "" || val === "auto" ? "0px" : val;
+				}
+
+				return typeof val === "string" ? val : val + "px";
+			}
+		},
+
+		set: function( elem, value ) {
+			if ( rnumpx.test( value ) ) {
+				// ignore negative width and height values #1599
+				value = parseFloat(value);
+
+				if ( value >= 0 ) {
+					return value + "px";
+				}
+
+			} else {
+				return value;
+			}
+		}
+	};
+});
+
+if ( !jQuery.support.opacity ) {
+	jQuery.cssHooks.opacity = {
+		get: function( elem, computed ) {
+			// IE uses filters for opacity
+			return ropacity.test((computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "") ?
+				(parseFloat(RegExp.$1) / 100) + "" :
+				computed ? "1" : "";
+		},
+
+		set: function( elem, value ) {
+			var style = elem.style;
+
+			// IE has trouble with opacity if it does not have layout
+			// Force it by setting the zoom level
+			style.zoom = 1;
+
+			// Set the alpha filter to set the opacity
+			var opacity = jQuery.isNaN(value) ?
+				"" :
+				"alpha(opacity=" + value * 100 + ")",
+				filter = style.filter || "";
+
+			style.filter = ralpha.test(filter) ?
+				filter.replace(ralpha, opacity) :
+				style.filter + ' ' + opacity;
+		}
+	};
+}
+
+if ( document.defaultView && document.defaultView.getComputedStyle ) {
+	getComputedStyle = function( elem, newName, name ) {
+		var ret, defaultView, computedStyle;
+
+		name = name.replace( rupper, "-$1" ).toLowerCase();
+
+		if ( !(defaultView = elem.ownerDocument.defaultView) ) {
+			return undefined;
+		}
+
+		if ( (computedStyle = defaultView.getComputedStyle( elem, null )) ) {
+			ret = computedStyle.getPropertyValue( name );
+			if ( ret === "" && !jQuery.contains( elem.ownerDocument.documentElement, elem ) ) {
+				ret = jQuery.style( elem, name );
+			}
+		}
+
+		return ret;
+	};
+}
+
+if ( document.documentElement.currentStyle ) {
+	currentStyle = function( elem, name ) {
+		var left,
+			ret = elem.currentStyle && elem.currentStyle[ name ],
+			rsLeft = elem.runtimeStyle && elem.runtimeStyle[ name ],
+			style = elem.style;
+
+		// From the awesome hack by Dean Edwards
+		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+		// If we're not dealing with a regular pixel number
+		// but a number that has a weird ending, we need to convert it to pixels
+		if ( !rnumpx.test( ret ) && rnum.test( ret ) ) {
+			// Remember the original values
+			left = style.left;
+
+			// Put in the new values to get a computed value out
+			if ( rsLeft ) {
+				elem.runtimeStyle.left = elem.currentStyle.left;
+			}
+			style.left = name === "fontSize" ? "1em" : (ret || 0);
+			ret = style.pixelLeft + "px";
+
+			// Revert the changed values
+			style.left = left;
+			if ( rsLeft ) {
+				elem.runtimeStyle.left = rsLeft;
+			}
+		}
+
+		return ret === "" ? "auto" : ret;
+	};
+}
+
+curCSS = getComputedStyle || currentStyle;
+
+function getWH( elem, name, extra ) {
+	var which = name === "width" ? cssWidth : cssHeight,
+		val = name === "width" ? elem.offsetWidth : elem.offsetHeight;
+
+	if ( extra === "border" ) {
+		return val;
+	}
+
+	jQuery.each( which, function() {
+		if ( !extra ) {
+			val -= parseFloat(jQuery.css( elem, "padding" + this )) || 0;
+		}
+
+		if ( extra === "margin" ) {
+			val += parseFloat(jQuery.css( elem, "margin" + this )) || 0;
+
+		} else {
+			val -= parseFloat(jQuery.css( elem, "border" + this + "Width" )) || 0;
+		}
+	});
+
+	return val;
+}
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.hidden = function( elem ) {
+		var width = elem.offsetWidth,
+			height = elem.offsetHeight;
+
+		return (width === 0 && height === 0) || (!jQuery.support.reliableHiddenOffsets && (elem.style.display || jQuery.css( elem, "display" )) === "none");
+	};
+
+	jQuery.expr.filters.visible = function( elem ) {
+		return !jQuery.expr.filters.hidden( elem );
+	};
+}
+
+
+
+
+var r20 = /%20/g,
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rhash = /#.*$/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
+	rinput = /^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /(?:^file|^widget|\-extension):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rquery = /\?/,
+	rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
+	rselectTextarea = /^(?:select|textarea)/i,
+	rspacesAjax = /\s+/,
+	rts = /([?&])_=[^&]*/,
+	rucHeaders = /(^|\-)([a-z])/g,
+	rucHeadersFunc = function( _, $1, $2 ) {
+		return $1 + $2.toUpperCase();
+	},
+	rurl = /^([\w\+\.\-]+:)\/\/([^\/?#:]*)(?::(\d+))?/,
+
+	// Keep a copy of the old load method
+	_load = jQuery.fn.load,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Document location
+	ajaxLocation,
+
+	// Document location segments
+	ajaxLocParts;
+
+// #8138, IE may throw an exception when accessing
+// a field from document.location if document.domain has been set
+try {
+	ajaxLocation = document.location.href;
+} catch( e ) {
+	// Use the href attribute of an A element
+	// since IE will modify it given document.location
+	ajaxLocation = document.createElement( "a" );
+	ajaxLocation.href = "";
+	ajaxLocation = ajaxLocation.href;
+}
+
+// Segment location into parts
+ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() );
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		if ( jQuery.isFunction( func ) ) {
+			var dataTypes = dataTypeExpression.toLowerCase().split( rspacesAjax ),
+				i = 0,
+				length = dataTypes.length,
+				dataType,
+				list,
+				placeBefore;
+
+			// For each dataType in the dataTypeExpression
+			for(; i < length; i++ ) {
+				dataType = dataTypes[ i ];
+				// We control if we're asked to add before
+				// any existing element
+				placeBefore = /^\+/.test( dataType );
+				if ( placeBefore ) {
+					dataType = dataType.substr( 1 ) || "*";
+				}
+				list = structure[ dataType ] = structure[ dataType ] || [];
+				// then we add to the structure accordingly
+				list[ placeBefore ? "unshift" : "push" ]( func );
+			}
+		}
+	};
+}
+
+//Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR,
+		dataType /* internal */, inspected /* internal */ ) {
+
+	dataType = dataType || options.dataTypes[ 0 ];
+	inspected = inspected || {};
+
+	inspected[ dataType ] = true;
+
+	var list = structure[ dataType ],
+		i = 0,
+		length = list ? list.length : 0,
+		executeOnly = ( structure === prefilters ),
+		selection;
+
+	for(; i < length && ( executeOnly || !selection ); i++ ) {
+		selection = list[ i ]( options, originalOptions, jqXHR );
+		// If we got redirected to another dataType
+		// we try there if executing only and not done already
+		if ( typeof selection === "string" ) {
+			if ( !executeOnly || inspected[ selection ] ) {
+				selection = undefined;
+			} else {
+				options.dataTypes.unshift( selection );
+				selection = inspectPrefiltersOrTransports(
+						structure, options, originalOptions, jqXHR, selection, inspected );
+			}
+		}
+	}
+	// If we're only executing or nothing was selected
+	// we try the catchall dataType if not done already
+	if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) {
+		selection = inspectPrefiltersOrTransports(
+				structure, options, originalOptions, jqXHR, "*", inspected );
+	}
+	// unnecessary when only executing (prefilters)
+	// but it'll be ignored by the caller in that case
+	return selection;
+}
+
+jQuery.fn.extend({
+	load: function( url, params, callback ) {
+		if ( typeof url !== "string" && _load ) {
+			return _load.apply( this, arguments );
+
+		// Don't do a request if no elements are being requested
+		} else if ( !this.length ) {
+			return this;
+		}
+
+		var off = url.indexOf( " " );
+		if ( off >= 0 ) {
+			var selector = url.slice( off, url.length );
+			url = url.slice( 0, off );
+		}
+
+		// Default to a GET request
+		var type = "GET";
+
+		// If the second parameter was provided
+		if ( params ) {
+			// If it's a function
+			if ( jQuery.isFunction( params ) ) {
+				// We assume that it's the callback
+				callback = params;
+				params = undefined;
+
+			// Otherwise, build a param string
+			} else if ( typeof params === "object" ) {
+				params = jQuery.param( params, jQuery.ajaxSettings.traditional );
+				type = "POST";
+			}
+		}
+
+		var self = this;
+
+		// Request the remote document
+		jQuery.ajax({
+			url: url,
+			type: type,
+			dataType: "html",
+			data: params,
+			// Complete callback (responseText is used internally)
+			complete: function( jqXHR, status, responseText ) {
+				// Store the response as specified by the jqXHR object
+				responseText = jqXHR.responseText;
+				// If successful, inject the HTML into all the matched elements
+				if ( jqXHR.isResolved() ) {
+					// #4825: Get the actual response in case
+					// a dataFilter is present in ajaxSettings
+					jqXHR.done(function( r ) {
+						responseText = r;
+					});
+					// See if a selector was specified
+					self.html( selector ?
+						// Create a dummy div to hold the results
+						jQuery("<div>")
+							// inject the contents of the document in, removing the scripts
+							// to avoid any 'Permission Denied' errors in IE
+							.append(responseText.replace(rscript, ""))
+
+							// Locate the specified elements
+							.find(selector) :
+
+						// If not, just inject the full result
+						responseText );
+				}
+
+				if ( callback ) {
+					self.each( callback, [ responseText, status, jqXHR ] );
+				}
+			}
+		});
+
+		return this;
+	},
+
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+
+	serializeArray: function() {
+		return this.map(function(){
+			return this.elements ? jQuery.makeArray( this.elements ) : this;
+		})
+		.filter(function(){
+			return this.name && !this.disabled &&
+				( this.checked || rselectTextarea.test( this.nodeName ) ||
+					rinput.test( this.type ) );
+		})
+		.map(function( i, elem ){
+			var val = jQuery( this ).val();
+
+			return val == null ?
+				null :
+				jQuery.isArray( val ) ?
+					jQuery.map( val, function( val, i ){
+						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					}) :
+					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		}).get();
+	}
+});
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){
+	jQuery.fn[ o ] = function( f ){
+		return this.bind( o, f );
+	};
+} );
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+		// shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		return jQuery.ajax({
+			type: method,
+			url: url,
+			data: data,
+			success: callback,
+			dataType: type
+		});
+	};
+} );
+
+jQuery.extend({
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function ( target, settings ) {
+		if ( !settings ) {
+			// Only one parameter, we extend ajaxSettings
+			settings = target;
+			target = jQuery.extend( true, jQuery.ajaxSettings, settings );
+		} else {
+			// target was provided, we extend into it
+			jQuery.extend( true, target, jQuery.ajaxSettings, settings );
+		}
+		// Flatten fields we don't want deep extended
+		for( var field in { context: 1, url: 1 } ) {
+			if ( field in settings ) {
+				target[ field ] = settings[ field ];
+			} else if( field in jQuery.ajaxSettings ) {
+				target[ field ] = jQuery.ajaxSettings[ field ];
+			}
+		}
+		return target;
+	},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		type: "GET",
+		contentType: "application/x-www-form-urlencoded",
+		processData: true,
+		async: true,
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		traditional: false,
+		headers: {},
+		crossDomain: null,
+		*/
+
+		accepts: {
+			xml: "application/xml, text/xml",
+			html: "text/html",
+			text: "text/plain",
+			json: "application/json, text/javascript",
+			"*": "*/*"
+		},
+
+		contents: {
+			xml: /xml/,
+			html: /html/,
+			json: /json/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText"
+		},
+
+		// List of data converters
+		// 1) key format is "source_type destination_type" (a single space in-between)
+		// 2) the catchall symbol "*" can be used for source_type
+		converters: {
+
+			// Convert anything to text
+			"* text": window.String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		}
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var // Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+			// Callbacks context
+			callbackContext = s.context || s,
+			// Context for global events
+			// It's the callbackContext if one was provided in the options
+			// and if it's a DOM node or a jQuery collection
+			globalEventContext = callbackContext !== s &&
+				( callbackContext.nodeType || callbackContext instanceof jQuery ) ?
+						jQuery( callbackContext ) : jQuery.event,
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery._Deferred(),
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+			// ifModified key
+			ifModifiedKey,
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			// Response headers
+			responseHeadersString,
+			responseHeaders,
+			// transport
+			transport,
+			// timeout handle
+			timeoutTimer,
+			// Cross-domain detection vars
+			parts,
+			// The jqXHR state
+			state = 0,
+			// To know if global events are to be dispatched
+			fireGlobals,
+			// Loop variable
+			i,
+			// Fake xhr
+			jqXHR = {
+
+				readyState: 0,
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					if ( !state ) {
+						requestHeaders[ name.toLowerCase().replace( rucHeaders, rucHeadersFunc ) ] = value;
+					}
+					return this;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while( ( match = rheaders.exec( responseHeadersString ) ) ) {
+								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match === undefined ? null : match;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					statusText = statusText || "abort";
+					if ( transport ) {
+						transport.abort( statusText );
+					}
+					done( 0, statusText );
+					return this;
+				}
+			};
+
+		// Callback for when everything is done
+		// It is defined here because jslint complains if it is declared
+		// at the end of the function (which would be more logical and readable)
+		function done( status, statusText, responses, headers ) {
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status ? 4 : 0;
+
+			var isSuccess,
+				success,
+				error,
+				response = responses ? ajaxHandleResponses( s, jqXHR, responses ) : undefined,
+				lastModified,
+				etag;
+
+			// If successful, handle type chaining
+			if ( status >= 200 && status < 300 || status === 304 ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+
+					if ( ( lastModified = jqXHR.getResponseHeader( "Last-Modified" ) ) ) {
+						jQuery.lastModified[ ifModifiedKey ] = lastModified;
+					}
+					if ( ( etag = jqXHR.getResponseHeader( "Etag" ) ) ) {
+						jQuery.etag[ ifModifiedKey ] = etag;
+					}
+				}
+
+				// If not modified
+				if ( status === 304 ) {
+
+					statusText = "notmodified";
+					isSuccess = true;
+
+				// If we have data
+				} else {
+
+					try {
+						success = ajaxConvert( s, response );
+						statusText = "success";
+						isSuccess = true;
+					} catch(e) {
+						// We have a parsererror
+						statusText = "parsererror";
+						error = e;
+					}
+				}
+			} else {
+				// We extract error from statusText
+				// then normalize statusText and status for non-aborts
+				error = statusText;
+				if( !statusText || status ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = statusText;
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ),
+						[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.resolveWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s] );
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger( "ajaxStop" );
+				}
+			}
+		}
+
+		// Attach deferreds
+		deferred.promise( jqXHR );
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+		jqXHR.complete = completeDeferred.done;
+
+		// Status-dependent callbacks
+		jqXHR.statusCode = function( map ) {
+			if ( map ) {
+				var tmp;
+				if ( state < 2 ) {
+					for( tmp in map ) {
+						statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ];
+					}
+				} else {
+					tmp = map[ jqXHR.status ];
+					jqXHR.then( tmp, tmp );
+				}
+			}
+			return this;
+		};
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( rspacesAjax );
+
+		// Determine if a cross-domain request is in order
+		if ( !s.crossDomain ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] != ajaxLocParts[ 1 ] || parts[ 2 ] != ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
+						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
+			);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefiler, stop there
+		if ( state === 2 ) {
+			return false;
+		}
+
+		// We can fire global events as of now if asked to
+		fireGlobals = s.global;
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger( "ajaxStart" );
+		}
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data;
+			}
+
+			// Get ifModifiedKey before adding the anti-cache parameter
+			ifModifiedKey = s.url;
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+
+				var ts = jQuery.now(),
+					// try replacing _= if it is there
+					ret = s.url.replace( rts, "$1_=" + ts );
+
+				// if nothing was replaced, add timestamp to the end
+				s.url = ret + ( (ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			requestHeaders[ "Content-Type" ] = s.contentType;
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			ifModifiedKey = ifModifiedKey || s.url;
+			if ( jQuery.lastModified[ ifModifiedKey ] ) {
+				requestHeaders[ "If-Modified-Since" ] = jQuery.lastModified[ ifModifiedKey ];
+			}
+			if ( jQuery.etag[ ifModifiedKey ] ) {
+				requestHeaders[ "If-None-Match" ] = jQuery.etag[ ifModifiedKey ];
+			}
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		requestHeaders.Accept = s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+			s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", */*; q=0.01" : "" ) :
+			s.accepts[ "*" ];
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+				// Abort if not done already
+				jqXHR.abort();
+				return false;
+
+		}
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = setTimeout( function(){
+					jqXHR.abort( "timeout" );
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch (e) {
+				// Propagate exception as error if not done
+				if ( status < 2 ) {
+					done( -1, e );
+				// Simply rethrow otherwise
+				} else {
+					jQuery.error( e );
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	// Serialize an array of form elements or a set of
+	// key/values into a query string
+	param: function( a, traditional ) {
+		var s = [],
+			add = function( key, value ) {
+				// If value is a function, invoke it and return its value
+				value = jQuery.isFunction( value ) ? value() : value;
+				s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+			};
+
+		// Set traditional to true for jQuery <= 1.3.2 behavior.
+		if ( traditional === undefined ) {
+			traditional = jQuery.ajaxSettings.traditional;
+		}
+
+		// If an array was passed in, assume that it is an array of form elements.
+		if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+			// Serialize the form elements
+			jQuery.each( a, function() {
+				add( this.name, this.value );
+			} );
+
+		} else {
+			// If traditional, encode the "old" way (the way 1.3.2 or older
+			// did it), otherwise encode params recursively.
+			for ( var prefix in a ) {
+				buildParams( prefix, a[ prefix ], traditional, add );
+			}
+		}
+
+		// Return the resulting serialization
+		return s.join( "&" ).replace( r20, "+" );
+	}
+});
+
+function buildParams( prefix, obj, traditional, add ) {
+	if ( jQuery.isArray( obj ) && obj.length ) {
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+				// If array item is non-scalar (array or object), encode its
+				// numeric index to resolve deserialization ambiguity issues.
+				// Note that rack (as of 1.0.0) can't currently deserialize
+				// nested arrays properly, and attempting to do so may cause
+				// a server error. Possible fixes are to modify rack's
+				// deserialization algorithm or to provide an option or flag
+				// to force array serialization to be shallow.
+				buildParams( prefix + "[" + ( typeof v === "object" || jQuery.isArray(v) ? i : "" ) + "]", v, traditional, add );
+			}
+		});
+
+	} else if ( !traditional && obj != null && typeof obj === "object" ) {
+		// If we see an array here, it is empty and should be treated as an empty
+		// object
+		if ( jQuery.isArray( obj ) || jQuery.isEmptyObject( obj ) ) {
+			add( prefix, "" );
+
+		// Serialize object item.
+		} else {
+			for ( var name in obj ) {
+				buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+			}
+		}
+
+	} else {
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+
+// This is still on the jQuery object... for now
+// Want to move this to jQuery.ajax some day
+jQuery.extend({
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {}
+
+});
+
+/* Handles responses to an ajax request:
+ * - sets all responseXXX fields accordingly
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+
+	var contents = s.contents,
+		dataTypes = s.dataTypes,
+		responseFields = s.responseFields,
+		ct,
+		type,
+		finalDataType,
+		firstDataType;
+
+	// Fill responseXXX fields
+	for( type in responseFields ) {
+		if ( type in responses ) {
+			jqXHR[ responseFields[type] ] = responses[ type ];
+		}
+	}
+
+	// Remove auto dataType and get content-type in the process
+	while( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader( "content-type" );
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+// Chain conversions given the request and the original response
+function ajaxConvert( s, response ) {
+
+	// Apply the dataFilter if provided
+	if ( s.dataFilter ) {
+		response = s.dataFilter( response, s.dataType );
+	}
+
+	var dataTypes = s.dataTypes,
+		converters = {},
+		i,
+		key,
+		length = dataTypes.length,
+		tmp,
+		// Current and previous dataTypes
+		current = dataTypes[ 0 ],
+		prev,
+		// Conversion expression
+		conversion,
+		// Conversion function
+		conv,
+		// Conversion functions (transitive conversion)
+		conv1,
+		conv2;
+
+	// For each dataType in the chain
+	for( i = 1; i < length; i++ ) {
+
+		// Create converters map
+		// with lowercased keys
+		if ( i === 1 ) {
+			for( key in s.converters ) {
+				if( typeof key === "string" ) {
+					converters[ key.toLowerCase() ] = s.converters[ key ];
+				}
+			}
+		}
+
+		// Get the dataTypes
+		prev = current;
+		current = dataTypes[ i ];
+
+		// If current is auto dataType, update it to prev
+		if( current === "*" ) {
+			current = prev;
+		// If no auto and dataTypes are actually different
+		} else if ( prev !== "*" && prev !== current ) {
+
+			// Get the converter
+			conversion = prev + " " + current;
+			conv = converters[ conversion ] || converters[ "* " + current ];
+
+			// If there is no direct converter, search transitively
+			if ( !conv ) {
+				conv2 = undefined;
+				for( conv1 in converters ) {
+					tmp = conv1.split( " " );
+					if ( tmp[ 0 ] === prev || tmp[ 0 ] === "*" ) {
+						conv2 = converters[ tmp[1] + " " + current ];
+						if ( conv2 ) {
+							conv1 = converters[ conv1 ];
+							if ( conv1 === true ) {
+								conv = conv2;
+							} else if ( conv2 === true ) {
+								conv = conv1;
+							}
+							break;
+						}
+					}
+				}
+			}
+			// If we found no converter, dispatch an error
+			if ( !( conv || conv2 ) ) {
+				jQuery.error( "No conversion from " + conversion.replace(" "," to ") );
+			}
+			// If found converter is not an equivalence
+			if ( conv !== true ) {
+				// Convert with 1 or 2 converters accordingly
+				response = conv ? conv( response ) : conv2( conv1(response) );
+			}
+		}
+	}
+	return response;
+}
+
+
+
+
+var jsc = jQuery.now(),
+	jsre = /(\=)\?(&|$)|()\?\?()/i;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+	jsonp: "callback",
+	jsonpCallback: function() {
+		return jQuery.expando + "_" + ( jsc++ );
+	}
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var dataIsString = ( typeof s.data === "string" );
+
+	if ( s.dataTypes[ 0 ] === "jsonp" ||
+		originalSettings.jsonpCallback ||
+		originalSettings.jsonp != null ||
+		s.jsonp !== false && ( jsre.test( s.url ) ||
+				dataIsString && jsre.test( s.data ) ) ) {
+
+		var responseContainer,
+			jsonpCallback = s.jsonpCallback =
+				jQuery.isFunction( s.jsonpCallback ) ? s.jsonpCallback() : s.jsonpCallback,
+			previous = window[ jsonpCallback ],
+			url = s.url,
+			data = s.data,
+			replace = "$1" + jsonpCallback + "$2",
+			cleanUp = function() {
+				// Set callback back to previous value
+				window[ jsonpCallback ] = previous;
+				// Call if it was a function and we have a response
+				if ( responseContainer && jQuery.isFunction( previous ) ) {
+					window[ jsonpCallback ]( responseContainer[ 0 ] );
+				}
+			};
+
+		if ( s.jsonp !== false ) {
+			url = url.replace( jsre, replace );
+			if ( s.url === url ) {
+				if ( dataIsString ) {
+					data = data.replace( jsre, replace );
+				}
+				if ( s.data === data ) {
+					// Add callback manually
+					url += (/\?/.test( url ) ? "&" : "?") + s.jsonp + "=" + jsonpCallback;
+				}
+			}
+		}
+
+		s.url = url;
+		s.data = data;
+
+		// Install callback
+		window[ jsonpCallback ] = function( response ) {
+			responseContainer = [ response ];
+		};
+
+		// Install cleanUp function
+		jqXHR.then( cleanUp, cleanUp );
+
+		// Use data converter to retrieve json after script execution
+		s.converters["script json"] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( jsonpCallback + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Delegate to script
+		return "script";
+	}
+} );
+
+
+
+
+// Install script dataType
+jQuery.ajaxSetup({
+	accepts: {
+		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /javascript|ecmascript/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+});
+
+// Handle cache's special case and global
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+		s.global = false;
+	}
+} );
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function(s) {
+
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+
+		var script,
+			head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;
+
+		return {
+
+			send: function( _, callback ) {
+
+				script = document.createElement( "script" );
+
+				script.async = "async";
+
+				if ( s.scriptCharset ) {
+					script.charset = s.scriptCharset;
+				}
+
+				script.src = s.url;
+
+				// Attach handlers for all browsers
+				script.onload = script.onreadystatechange = function( _, isAbort ) {
+
+					if ( !script.readyState || /loaded|complete/.test( script.readyState ) ) {
+
+						// Handle memory leak in IE
+						script.onload = script.onreadystatechange = null;
+
+						// Remove the script
+						if ( head && script.parentNode ) {
+							head.removeChild( script );
+						}
+
+						// Dereference the script
+						script = undefined;
+
+						// Callback if not abort
+						if ( !isAbort ) {
+							callback( 200, "success" );
+						}
+					}
+				};
+				// Use insertBefore instead of appendChild  to circumvent an IE6 bug.
+				// This arises when a base node is used (#2709 and #4378).
+				head.insertBefore( script, head.firstChild );
+			},
+
+			abort: function() {
+				if ( script ) {
+					script.onload( 0, 1 );
+				}
+			}
+		};
+	}
+} );
+
+
+
+
+var // #5280: next active xhr id and list of active xhrs' callbacks
+	xhrId = jQuery.now(),
+	xhrCallbacks,
+
+	// XHR used to determine supports properties
+	testXHR;
+
+// #5280: Internet Explorer will keep connections alive if we don't abort on unload
+function xhrOnUnloadAbort() {
+	jQuery( window ).unload(function() {
+		// Abort all pending requests
+		for ( var key in xhrCallbacks ) {
+			xhrCallbacks[ key ]( 0, 1 );
+		}
+	});
+}
+
+// Functions to create xhrs
+function createStandardXHR() {
+	try {
+		return new window.XMLHttpRequest();
+	} catch( e ) {}
+}
+
+function createActiveXHR() {
+	try {
+		return new window.ActiveXObject( "Microsoft.XMLHTTP" );
+	} catch( e ) {}
+}
+
+// Create the request object
+// (This is still attached to ajaxSettings for backward compatibility)
+jQuery.ajaxSettings.xhr = window.ActiveXObject ?
+	/* Microsoft failed to properly
+	 * implement the XMLHttpRequest in IE7 (can't request local files),
+	 * so we use the ActiveXObject when it is available
+	 * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
+	 * we need a fallback.
+	 */
+	function() {
+		return !this.isLocal && createStandardXHR() || createActiveXHR();
+	} :
+	// For all other browsers, use the standard XMLHttpRequest object
+	createStandardXHR;
+
+// Test if we can create an xhr object
+testXHR = jQuery.ajaxSettings.xhr();
+jQuery.support.ajax = !!testXHR;
+
+// Does this browser support crossDomain XHR requests
+jQuery.support.cors = testXHR && ( "withCredentials" in testXHR );
+
+// No need for the temporary xhr anymore
+testXHR = undefined;
+
+// Create transport if the browser can provide an xhr
+if ( jQuery.support.ajax ) {
+
+	jQuery.ajaxTransport(function( s ) {
+		// Cross domain only allowed if supported through XMLHttpRequest
+		if ( !s.crossDomain || jQuery.support.cors ) {
+
+			var callback;
+
+			return {
+				send: function( headers, complete ) {
+
+					// Get a new xhr
+					var xhr = s.xhr(),
+						handle,
+						i;
+
+					// Open the socket
+					// Passing null username, generates a login popup on Opera (#2865)
+					if ( s.username ) {
+						xhr.open( s.type, s.url, s.async, s.username, s.password );
+					} else {
+						xhr.open( s.type, s.url, s.async );
+					}
+
+					// Apply custom fields if provided
+					if ( s.xhrFields ) {
+						for ( i in s.xhrFields ) {
+							xhr[ i ] = s.xhrFields[ i ];
+						}
+					}
+
+					// Override mime type if needed
+					if ( s.mimeType && xhr.overrideMimeType ) {
+						xhr.overrideMimeType( s.mimeType );
+					}
+
+					// Requested-With header
+					// Not set for crossDomain requests with no content
+					// (see why at http://trac.dojotoolkit.org/ticket/9486)
+					// Won't change header if already provided
+					if ( !( s.crossDomain && !s.hasContent ) && !headers["X-Requested-With"] ) {
+						headers[ "X-Requested-With" ] = "XMLHttpRequest";
+					}
+
+					// Need an extra try/catch for cross domain requests in Firefox 3
+					try {
+						for ( i in headers ) {
+							xhr.setRequestHeader( i, headers[ i ] );
+						}
+					} catch( _ ) {}
+
+					// Do send the request
+					// This may raise an exception which is actually
+					// handled in jQuery.ajax (so no try/catch here)
+					xhr.send( ( s.hasContent && s.data ) || null );
+
+					// Listener
+					callback = function( _, isAbort ) {
+
+						var status,
+							statusText,
+							responseHeaders,
+							responses,
+							xml;
+
+						// Firefox throws exceptions when accessing properties
+						// of an xhr when a network error occured
+						// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
+						try {
+
+							// Was never called and is aborted or complete
+							if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
+
+								// Only called once
+								callback = undefined;
+
+								// Do not keep as active anymore
+								if ( handle ) {
+									xhr.onreadystatechange = jQuery.noop;
+									delete xhrCallbacks[ handle ];
+								}
+
+								// If it's an abort
+								if ( isAbort ) {
+									// Abort it manually if needed
+									if ( xhr.readyState !== 4 ) {
+										xhr.abort();
+									}
+								} else {
+									status = xhr.status;
+									responseHeaders = xhr.getAllResponseHeaders();
+									responses = {};
+									xml = xhr.responseXML;
+
+									// Construct response list
+									if ( xml && xml.documentElement /* #4958 */ ) {
+										responses.xml = xml;
+									}
+									responses.text = xhr.responseText;
+
+									// Firefox throws an exception when accessing
+									// statusText for faulty cross-domain requests
+									try {
+										statusText = xhr.statusText;
+									} catch( e ) {
+										// We normalize with Webkit giving an empty statusText
+										statusText = "";
+									}
+
+									// Filter status for non standard behaviors
+
+									// If the request is local and we have data: assume a success
+									// (success with no data won't get notified, that's the best we
+									// can do given current implementations)
+									if ( !status && s.isLocal && !s.crossDomain ) {
+										status = responses.text ? 200 : 404;
+									// IE - #1450: sometimes returns 1223 when it should be 204
+									} else if ( status === 1223 ) {
+										status = 204;
+									}
+								}
+							}
+						} catch( firefoxAccessException ) {
+							if ( !isAbort ) {
+								complete( -1, firefoxAccessException );
+							}
+						}
+
+						// Call complete if needed
+						if ( responses ) {
+							complete( status, statusText, responses, responseHeaders );
+						}
+					};
+
+					// if we're in sync mode or it's in cache
+					// and has been retrieved directly (IE6 & IE7)
+					// we need to manually fire the callback
+					if ( !s.async || xhr.readyState === 4 ) {
+						callback();
+					} else {
+						// Create the active xhrs callbacks list if needed
+						// and attach the unload handler
+						if ( !xhrCallbacks ) {
+							xhrCallbacks = {};
+							xhrOnUnloadAbort();
+						}
+						// Add to list of active xhrs callbacks
+						handle = xhrId++;
+						xhr.onreadystatechange = xhrCallbacks[ handle ] = callback;
+					}
+				},
+
+				abort: function() {
+					if ( callback ) {
+						callback(0,1);
+					}
+				}
+			};
+		}
+	});
+}
+
+
+
+
+var elemdisplay = {},
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rfxnum = /^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,
+	timerId,
+	fxAttrs = [
+		// height animations
+		[ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
+		// width animations
+		[ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
+		// opacity animations
+		[ "opacity" ]
+	];
+
+jQuery.fn.extend({
+	show: function( speed, easing, callback ) {
+		var elem, display;
+
+		if ( speed || speed === 0 ) {
+			return this.animate( genFx("show", 3), speed, easing, callback);
+
+		} else {
+			for ( var i = 0, j = this.length; i < j; i++ ) {
+				elem = this[i];
+				display = elem.style.display;
+
+				// Reset the inline display of this element to learn if it is
+				// being hidden by cascaded rules or not
+				if ( !jQuery._data(elem, "olddisplay") && display === "none" ) {
+					display = elem.style.display = "";
+				}
+
+				// Set elements which have been overridden with display: none
+				// in a stylesheet to whatever the default browser style is
+				// for such an element
+				if ( display === "" && jQuery.css( elem, "display" ) === "none" ) {
+					jQuery._data(elem, "olddisplay", defaultDisplay(elem.nodeName));
+				}
+			}
+
+			// Set the display of most of the elements in a second loop
+			// to avoid the constant reflow
+			for ( i = 0; i < j; i++ ) {
+				elem = this[i];
+				display = elem.style.display;
+
+				if ( display === "" || display === "none" ) {
+					elem.style.display = jQuery._data(elem, "olddisplay") || "";
+				}
+			}
+
+			return this;
+		}
+	},
+
+	hide: function( speed, easing, callback ) {
+		if ( speed || speed === 0 ) {
+			return this.animate( genFx("hide", 3), speed, easing, callback);
+
+		} else {
+			for ( var i = 0, j = this.length; i < j; i++ ) {
+				var display = jQuery.css( this[i], "display" );
+
+				if ( display !== "none" && !jQuery._data( this[i], "olddisplay" ) ) {
+					jQuery._data( this[i], "olddisplay", display );
+				}
+			}
+
+			// Set the display of the elements in a second loop
+			// to avoid the constant reflow
+			for ( i = 0; i < j; i++ ) {
+				this[i].style.display = "none";
+			}
+
+			return this;
+		}
+	},
+
+	// Save the old toggle function
+	_toggle: jQuery.fn.toggle,
+
+	toggle: function( fn, fn2, callback ) {
+		var bool = typeof fn === "boolean";
+
+		if ( jQuery.isFunction(fn) && jQuery.isFunction(fn2) ) {
+			this._toggle.apply( this, arguments );
+
+		} else if ( fn == null || bool ) {
+			this.each(function() {
+				var state = bool ? fn : jQuery(this).is(":hidden");
+				jQuery(this)[ state ? "show" : "hide" ]();
+			});
+
+		} else {
+			this.animate(genFx("toggle", 3), fn, fn2, callback);
+		}
+
+		return this;
+	},
+
+	fadeTo: function( speed, to, easing, callback ) {
+		return this.filter(":hidden").css("opacity", 0).show().end()
+					.animate({opacity: to}, speed, easing, callback);
+	},
+
+	animate: function( prop, speed, easing, callback ) {
+		var optall = jQuery.speed(speed, easing, callback);
+
+		if ( jQuery.isEmptyObject( prop ) ) {
+			return this.each( optall.complete );
+		}
+
+		return this[ optall.queue === false ? "each" : "queue" ](function() {
+			// XXX 'this' does not always have a nodeName when running the
+			// test suite
+
+			var opt = jQuery.extend({}, optall), p,
+				isElement = this.nodeType === 1,
+				hidden = isElement && jQuery(this).is(":hidden"),
+				self = this;
+
+			for ( p in prop ) {
+				var name = jQuery.camelCase( p );
+
+				if ( p !== name ) {
+					prop[ name ] = prop[ p ];
+					delete prop[ p ];
+					p = name;
+				}
+
+				if ( prop[p] === "hide" && hidden || prop[p] === "show" && !hidden ) {
+					return opt.complete.call(this);
+				}
+
+				if ( isElement && ( p === "height" || p === "width" ) ) {
+					// Make sure that nothing sneaks out
+					// Record all 3 overflow attributes because IE does not
+					// change the overflow attribute when overflowX and
+					// overflowY are set to the same value
+					opt.overflow = [ this.style.overflow, this.style.overflowX, this.style.overflowY ];
+
+					// Set display property to inline-block for height/width
+					// animations on inline elements that are having width/height
+					// animated
+					if ( jQuery.css( this, "display" ) === "inline" &&
+							jQuery.css( this, "float" ) === "none" ) {
+						if ( !jQuery.support.inlineBlockNeedsLayout ) {
+							this.style.display = "inline-block";
+
+						} else {
+							var display = defaultDisplay(this.nodeName);
+
+							// inline-level elements accept inline-block;
+							// block-level elements need to be inline with layout
+							if ( display === "inline" ) {
+								this.style.display = "inline-block";
+
+							} else {
+								this.style.display = "inline";
+								this.style.zoom = 1;
+							}
+						}
+					}
+				}
+
+				if ( jQuery.isArray( prop[p] ) ) {
+					// Create (if needed) and add to specialEasing
+					(opt.specialEasing = opt.specialEasing || {})[p] = prop[p][1];
+					prop[p] = prop[p][0];
+				}
+			}
+
+			if ( opt.overflow != null ) {
+				this.style.overflow = "hidden";
+			}
+
+			opt.curAnim = jQuery.extend({}, prop);
+
+			jQuery.each( prop, function( name, val ) {
+				var e = new jQuery.fx( self, opt, name );
+
+				if ( rfxtypes.test(val) ) {
+					e[ val === "toggle" ? hidden ? "show" : "hide" : val ]( prop );
+
+				} else {
+					var parts = rfxnum.exec(val),
+						start = e.cur();
+
+					if ( parts ) {
+						var end = parseFloat( parts[2] ),
+							unit = parts[3] || ( jQuery.cssNumber[ name ] ? "" : "px" );
+
+						// We need to compute starting value
+						if ( unit !== "px" ) {
+							jQuery.style( self, name, (end || 1) + unit);
+							start = ((end || 1) / e.cur()) * start;
+							jQuery.style( self, name, start + unit);
+						}
+
+						// If a +=/-= token was provided, we're doing a relative animation
+						if ( parts[1] ) {
+							end = ((parts[1] === "-=" ? -1 : 1) * end) + start;
+						}
+
+						e.custom( start, end, unit );
+
+					} else {
+						e.custom( start, val, "" );
+					}
+				}
+			});
+
+			// For JS strict compliance
+			return true;
+		});
+	},
+
+	stop: function( clearQueue, gotoEnd ) {
+		var timers = jQuery.timers;
+
+		if ( clearQueue ) {
+			this.queue([]);
+		}
+
+		this.each(function() {
+			// go in reverse order so anything added to the queue during the loop is ignored
+			for ( var i = timers.length - 1; i >= 0; i-- ) {
+				if ( timers[i].elem === this ) {
+					if (gotoEnd) {
+						// force the next step to be the last
+						timers[i](true);
+					}
+
+					timers.splice(i, 1);
+				}
+			}
+		});
+
+		// start the next in the queue if the last step wasn't forced
+		if ( !gotoEnd ) {
+			this.dequeue();
+		}
+
+		return this;
+	}
+
+});
+
+function genFx( type, num ) {
+	var obj = {};
+
+	jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function() {
+		obj[ this ] = type;
+	});
+
+	return obj;
+}
+
+// Generate shortcuts for custom animations
+jQuery.each({
+	slideDown: genFx("show", 1),
+	slideUp: genFx("hide", 1),
+	slideToggle: genFx("toggle", 1),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+});
+
+jQuery.extend({
+	speed: function( speed, easing, fn ) {
+		var opt = speed && typeof speed === "object" ? jQuery.extend({}, speed) : {
+			complete: fn || !fn && easing ||
+				jQuery.isFunction( speed ) && speed,
+			duration: speed,
+			easing: fn && easing || easing && !jQuery.isFunction(easing) && easing
+		};
+
+		opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+			opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[opt.duration] : jQuery.fx.speeds._default;
+
+		// Queueing
+		opt.old = opt.complete;
+		opt.complete = function() {
+			if ( opt.queue !== false ) {
+				jQuery(this).dequeue();
+			}
+			if ( jQuery.isFunction( opt.old ) ) {
+				opt.old.call( this );
+			}
+		};
+
+		return opt;
+	},
+
+	easing: {
+		linear: function( p, n, firstNum, diff ) {
+			return firstNum + diff * p;
+		},
+		swing: function( p, n, firstNum, diff ) {
+			return ((-Math.cos(p*Math.PI)/2) + 0.5) * diff + firstNum;
+		}
+	},
+
+	timers: [],
+
+	fx: function( elem, options, prop ) {
+		this.options = options;
+		this.elem = elem;
+		this.prop = prop;
+
+		if ( !options.orig ) {
+			options.orig = {};
+		}
+	}
+
+});
+
+jQuery.fx.prototype = {
+	// Simple function for setting a style value
+	update: function() {
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		(jQuery.fx.step[this.prop] || jQuery.fx.step._default)( this );
+	},
+
+	// Get the current size
+	cur: function() {
+		if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
+			return this.elem[ this.prop ];
+		}
+
+		var parsed,
+			r = jQuery.css( this.elem, this.prop );
+		// Empty strings, null, undefined and "auto" are converted to 0,
+		// complex values such as "rotate(1rad)" are returned as is,
+		// simple values such as "10px" are parsed to Float.
+		return isNaN( parsed = parseFloat( r ) ) ? !r || r === "auto" ? 0 : r : parsed;
+	},
+
+	// Start an animation from one number to another
+	custom: function( from, to, unit ) {
+		var self = this,
+			fx = jQuery.fx;
+
+		this.startTime = jQuery.now();
+		this.start = from;
+		this.end = to;
+		this.unit = unit || this.unit || ( jQuery.cssNumber[ this.prop ] ? "" : "px" );
+		this.now = this.start;
+		this.pos = this.state = 0;
+
+		function t( gotoEnd ) {
+			return self.step(gotoEnd);
+		}
+
+		t.elem = this.elem;
+
+		if ( t() && jQuery.timers.push(t) && !timerId ) {
+			timerId = setInterval(fx.tick, fx.interval);
+		}
+	},
+
+	// Simple 'show' function
+	show: function() {
+		// Remember where we started, so that we can go back to it later
+		this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
+		this.options.show = true;
+
+		// Begin the animation
+		// Make sure that we start at a small width/height to avoid any
+		// flash of content
+		this.custom(this.prop === "width" || this.prop === "height" ? 1 : 0, this.cur());
+
+		// Start by showing the element
+		jQuery( this.elem ).show();
+	},
+
+	// Simple 'hide' function
+	hide: function() {
+		// Remember where we started, so that we can go back to it later
+		this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
+		this.options.hide = true;
+
+		// Begin the animation
+		this.custom(this.cur(), 0);
+	},
+
+	// Each step of an animation
+	step: function( gotoEnd ) {
+		var t = jQuery.now(), done = true;
+
+		if ( gotoEnd || t >= this.options.duration + this.startTime ) {
+			this.now = this.end;
+			this.pos = this.state = 1;
+			this.update();
+
+			this.options.curAnim[ this.prop ] = true;
+
+			for ( var i in this.options.curAnim ) {
+				if ( this.options.curAnim[i] !== true ) {
+					done = false;
+				}
+			}
+
+			if ( done ) {
+				// Reset the overflow
+				if ( this.options.overflow != null && !jQuery.support.shrinkWrapBlocks ) {
+					var elem = this.elem,
+						options = this.options;
+
+					jQuery.each( [ "", "X", "Y" ], function (index, value) {
+						elem.style[ "overflow" + value ] = options.overflow[index];
+					} );
+				}
+
+				// Hide the element if the "hide" operation was done
+				if ( this.options.hide ) {
+					jQuery(this.elem).hide();
+				}
+
+				// Reset the properties, if the item has been hidden or shown
+				if ( this.options.hide || this.options.show ) {
+					for ( var p in this.options.curAnim ) {
+						jQuery.style( this.elem, p, this.options.orig[p] );
+					}
+				}
+
+				// Execute the complete function
+				this.options.complete.call( this.elem );
+			}
+
+			return false;
+
+		} else {
+			var n = t - this.startTime;
+			this.state = n / this.options.duration;
+
+			// Perform the easing function, defaults to swing
+			var specialEasing = this.options.specialEasing && this.options.specialEasing[this.prop];
+			var defaultEasing = this.options.easing || (jQuery.easing.swing ? "swing" : "linear");
+			this.pos = jQuery.easing[specialEasing || defaultEasing](this.state, n, 0, 1, this.options.duration);
+			this.now = this.start + ((this.end - this.start) * this.pos);
+
+			// Perform the next step of the animation
+			this.update();
+		}
+
+		return true;
+	}
+};
+
+jQuery.extend( jQuery.fx, {
+	tick: function() {
+		var timers = jQuery.timers;
+
+		for ( var i = 0; i < timers.length; i++ ) {
+			if ( !timers[i]() ) {
+				timers.splice(i--, 1);
+			}
+		}
+
+		if ( !timers.length ) {
+			jQuery.fx.stop();
+		}
+	},
+
+	interval: 13,
+
+	stop: function() {
+		clearInterval( timerId );
+		timerId = null;
+	},
+
+	speeds: {
+		slow: 600,
+		fast: 200,
+		// Default speed
+		_default: 400
+	},
+
+	step: {
+		opacity: function( fx ) {
+			jQuery.style( fx.elem, "opacity", fx.now );
+		},
+
+		_default: function( fx ) {
+			if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
+				fx.elem.style[ fx.prop ] = (fx.prop === "width" || fx.prop === "height" ? Math.max(0, fx.now) : fx.now) + fx.unit;
+			} else {
+				fx.elem[ fx.prop ] = fx.now;
+			}
+		}
+	}
+});
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.animated = function( elem ) {
+		return jQuery.grep(jQuery.timers, function( fn ) {
+			return elem === fn.elem;
+		}).length;
+	};
+}
+
+function defaultDisplay( nodeName ) {
+	if ( !elemdisplay[ nodeName ] ) {
+		var elem = jQuery("<" + nodeName + ">").appendTo("body"),
+			display = elem.css("display");
+
+		elem.remove();
+
+		if ( display === "none" || display === "" ) {
+			display = "block";
+		}
+
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return elemdisplay[ nodeName ];
+}
+
+
+
+
+var rtable = /^t(?:able|d|h)$/i,
+	rroot = /^(?:body|html)$/i;
+
+if ( "getBoundingClientRect" in document.documentElement ) {
+	jQuery.fn.offset = function( options ) {
+		var elem = this[0], box;
+
+		if ( options ) {
+			return this.each(function( i ) {
+				jQuery.offset.setOffset( this, options, i );
+			});
+		}
+
+		if ( !elem || !elem.ownerDocument ) {
+			return null;
+		}
+
+		if ( elem === elem.ownerDocument.body ) {
+			return jQuery.offset.bodyOffset( elem );
+		}
+
+		try {
+			box = elem.getBoundingClientRect();
+		} catch(e) {}
+
+		var doc = elem.ownerDocument,
+			docElem = doc.documentElement;
+
+		// Make sure we're not dealing with a disconnected DOM node
+		if ( !box || !jQuery.contains( docElem, elem ) ) {
+			return box ? { top: box.top, left: box.left } : { top: 0, left: 0 };
+		}
+
+		var body = doc.body,
+			win = getWindow(doc),
+			clientTop  = docElem.clientTop  || body.clientTop  || 0,
+			clientLeft = docElem.clientLeft || body.clientLeft || 0,
+			scrollTop  = (win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop  || body.scrollTop ),
+			scrollLeft = (win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft),
+			top  = box.top  + scrollTop  - clientTop,
+			left = box.left + scrollLeft - clientLeft;
+
+		return { top: top, left: left };
+	};
+
+} else {
+	jQuery.fn.offset = function( options ) {
+		var elem = this[0];
+
+		if ( options ) {
+			return this.each(function( i ) {
+				jQuery.offset.setOffset( this, options, i );
+			});
+		}
+
+		if ( !elem || !elem.ownerDocument ) {
+			return null;
+		}
+
+		if ( elem === elem.ownerDocument.body ) {
+			return jQuery.offset.bodyOffset( elem );
+		}
+
+		jQuery.offset.initialize();
+
+		var computedStyle,
+			offsetParent = elem.offsetParent,
+			prevOffsetParent = elem,
+			doc = elem.ownerDocument,
+			docElem = doc.documentElement,
+			body = doc.body,
+			defaultView = doc.defaultView,
+			prevComputedStyle = defaultView ? defaultView.getComputedStyle( elem, null ) : elem.currentStyle,
+			top = elem.offsetTop,
+			left = elem.offsetLeft;
+
+		while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
+			if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
+				break;
+			}
+
+			computedStyle = defaultView ? defaultView.getComputedStyle(elem, null) : elem.currentStyle;
+			top  -= elem.scrollTop;
+			left -= elem.scrollLeft;
+
+			if ( elem === offsetParent ) {
+				top  += elem.offsetTop;
+				left += elem.offsetLeft;
+
+				if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && rtable.test(elem.nodeName)) ) {
+					top  += parseFloat( computedStyle.borderTopWidth  ) || 0;
+					left += parseFloat( computedStyle.borderLeftWidth ) || 0;
+				}
+
+				prevOffsetParent = offsetParent;
+				offsetParent = elem.offsetParent;
+			}
+
+			if ( jQuery.offset.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" ) {
+				top  += parseFloat( computedStyle.borderTopWidth  ) || 0;
+				left += parseFloat( computedStyle.borderLeftWidth ) || 0;
+			}
+
+			prevComputedStyle = computedStyle;
+		}
+
+		if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" ) {
+			top  += body.offsetTop;
+			left += body.offsetLeft;
+		}
+
+		if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
+			top  += Math.max( docElem.scrollTop, body.scrollTop );
+			left += Math.max( docElem.scrollLeft, body.scrollLeft );
+		}
+
+		return { top: top, left: left };
+	};
+}
+
+jQuery.offset = {
+	initialize: function() {
+		var body = document.body, container = document.createElement("div"), innerDiv, checkDiv, table, td, bodyMarginTop = parseFloat( jQuery.css(body, "marginTop") ) || 0,
+			html = "<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
+
+		jQuery.extend( container.style, { position: "absolute", top: 0, left: 0, margin: 0, border: 0, width: "1px", height: "1px", visibility: "hidden" } );
+
+		container.innerHTML = html;
+		body.insertBefore( container, body.firstChild );
+		innerDiv = container.firstChild;
+		checkDiv = innerDiv.firstChild;
+		td = innerDiv.nextSibling.firstChild.firstChild;
+
+		this.doesNotAddBorder = (checkDiv.offsetTop !== 5);
+		this.doesAddBorderForTableAndCells = (td.offsetTop === 5);
+
+		checkDiv.style.position = "fixed";
+		checkDiv.style.top = "20px";
+
+		// safari subtracts parent border width here which is 5px
+		this.supportsFixedPosition = (checkDiv.offsetTop === 20 || checkDiv.offsetTop === 15);
+		checkDiv.style.position = checkDiv.style.top = "";
+
+		innerDiv.style.overflow = "hidden";
+		innerDiv.style.position = "relative";
+
+		this.subtractsBorderForOverflowNotVisible = (checkDiv.offsetTop === -5);
+
+		this.doesNotIncludeMarginInBodyOffset = (body.offsetTop !== bodyMarginTop);
+
+		body.removeChild( container );
+		body = container = innerDiv = checkDiv = table = td = null;
+		jQuery.offset.initialize = jQuery.noop;
+	},
+
+	bodyOffset: function( body ) {
+		var top = body.offsetTop,
+			left = body.offsetLeft;
+
+		jQuery.offset.initialize();
+
+		if ( jQuery.offset.doesNotIncludeMarginInBodyOffset ) {
+			top  += parseFloat( jQuery.css(body, "marginTop") ) || 0;
+			left += parseFloat( jQuery.css(body, "marginLeft") ) || 0;
+		}
+
+		return { top: top, left: left };
+	},
+
+	setOffset: function( elem, options, i ) {
+		var position = jQuery.css( elem, "position" );
+
+		// set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		var curElem = jQuery( elem ),
+			curOffset = curElem.offset(),
+			curCSSTop = jQuery.css( elem, "top" ),
+			curCSSLeft = jQuery.css( elem, "left" ),
+			calculatePosition = (position === "absolute" && jQuery.inArray('auto', [curCSSTop, curCSSLeft]) > -1),
+			props = {}, curPosition = {}, curTop, curLeft;
+
+		// need to be able to calculate position if either top or left is auto and position is absolute
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+		}
+
+		curTop  = calculatePosition ? curPosition.top  : parseInt( curCSSTop,  10 ) || 0;
+		curLeft = calculatePosition ? curPosition.left : parseInt( curCSSLeft, 10 ) || 0;
+
+		if ( jQuery.isFunction( options ) ) {
+			options = options.call( elem, i, curOffset );
+		}
+
+		if (options.top != null) {
+			props.top = (options.top - curOffset.top) + curTop;
+		}
+		if (options.left != null) {
+			props.left = (options.left - curOffset.left) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+
+jQuery.fn.extend({
+	position: function() {
+		if ( !this[0] ) {
+			return null;
+		}
+
+		var elem = this[0],
+
+		// Get *real* offsetParent
+		offsetParent = this.offsetParent(),
+
+		// Get correct offsets
+		offset       = this.offset(),
+		parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();
+
+		// Subtract element margins
+		// note: when an element has margin: auto the offsetLeft and marginLeft
+		// are the same in Safari causing offset.left to incorrectly be 0
+		offset.top  -= parseFloat( jQuery.css(elem, "marginTop") ) || 0;
+		offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0;
+
+		// Add offsetParent borders
+		parentOffset.top  += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0;
+		parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0;
+
+		// Subtract the two offsets
+		return {
+			top:  offset.top  - parentOffset.top,
+			left: offset.left - parentOffset.left
+		};
+	},
+
+	offsetParent: function() {
+		return this.map(function() {
+			var offsetParent = this.offsetParent || document.body;
+			while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+			return offsetParent;
+		});
+	}
+});
+
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( ["Left", "Top"], function( i, name ) {
+	var method = "scroll" + name;
+
+	jQuery.fn[ method ] = function(val) {
+		var elem = this[0], win;
+
+		if ( !elem ) {
+			return null;
+		}
+
+		if ( val !== undefined ) {
+			// Set the scroll offset
+			return this.each(function() {
+				win = getWindow( this );
+
+				if ( win ) {
+					win.scrollTo(
+						!i ? val : jQuery(win).scrollLeft(),
+						i ? val : jQuery(win).scrollTop()
+					);
+
+				} else {
+					this[ method ] = val;
+				}
+			});
+		} else {
+			win = getWindow( elem );
+
+			// Return the scroll offset
+			return win ? ("pageXOffset" in win) ? win[ i ? "pageYOffset" : "pageXOffset" ] :
+				jQuery.support.boxModel && win.document.documentElement[ method ] ||
+					win.document.body[ method ] :
+				elem[ method ];
+		}
+	};
+});
+
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ?
+		elem :
+		elem.nodeType === 9 ?
+			elem.defaultView || elem.parentWindow :
+			false;
+}
+
+
+
+
+// Create innerHeight, innerWidth, outerHeight and outerWidth methods
+jQuery.each([ "Height", "Width" ], function( i, name ) {
+
+	var type = name.toLowerCase();
+
+	// innerHeight and innerWidth
+	jQuery.fn["inner" + name] = function() {
+		return this[0] ?
+			parseFloat( jQuery.css( this[0], type, "padding" ) ) :
+			null;
+	};
+
+	// outerHeight and outerWidth
+	jQuery.fn["outer" + name] = function( margin ) {
+		return this[0] ?
+			parseFloat( jQuery.css( this[0], type, margin ? "margin" : "border" ) ) :
+			null;
+	};
+
+	jQuery.fn[ type ] = function( size ) {
+		// Get window width or height
+		var elem = this[0];
+		if ( !elem ) {
+			return size == null ? null : this;
+		}
+
+		if ( jQuery.isFunction( size ) ) {
+			return this.each(function( i ) {
+				var self = jQuery( this );
+				self[ type ]( size.call( this, i, self[ type ]() ) );
+			});
+		}
+
+		if ( jQuery.isWindow( elem ) ) {
+			// Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
+			// 3rd condition allows Nokia support, as it supports the docElem prop but not CSS1Compat
+			var docElemProp = elem.document.documentElement[ "client" + name ];
+			return elem.document.compatMode === "CSS1Compat" && docElemProp ||
+				elem.document.body[ "client" + name ] || docElemProp;
+
+		// Get document width or height
+		} else if ( elem.nodeType === 9 ) {
+			// Either scroll[Width/Height] or offset[Width/Height], whichever is greater
+			return Math.max(
+				elem.documentElement["client" + name],
+				elem.body["scroll" + name], elem.documentElement["scroll" + name],
+				elem.body["offset" + name], elem.documentElement["offset" + name]
+			);
+
+		// Get or set width or height on the element
+		} else if ( size === undefined ) {
+			var orig = jQuery.css( elem, type ),
+				ret = parseFloat( orig );
+
+			return jQuery.isNaN( ret ) ? orig : ret;
+
+		// Set the width or height on the element (default to pixels if value is unitless)
+		} else {
+			return this.css( type, typeof size === "string" ? size : size + "px" );
+		}
+	};
+
+});
+
+
+window.jQuery = window.$ = jQuery;
+})(window);
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/run.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/run.js
new file mode 100644
index 000000000..477e3dbe2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/run.js
@@ -0,0 +1,287 @@
+function run( kiss, runnext ) {
+
+    window.document.title = kiss;
+    var wb = window.brtest = window.brtest || {};
+    wb.timeout = wb.timeout || 100000;
+    wb.breakOnError = /breakonerror=true/gi.test( location.search )
+        || $( 'input#id_control_breakonerror' ).attr( 'checked' );
+    wb.runnext = /batchrun=true/gi.test( location.search ) || runnext
+        || $( 'input#id_control_runnext' ).attr( 'checked' );
+
+    wb.kiss = kiss;
+    var cid = 'id_case_' + kiss.split( '.' ).join( '_' );
+    /* 只有参数有showsrconly的时候才显示div */
+    if ( /showsrconly=true/gi.test( location.search ) ) {
+        var div = document.getElementById( 'id_showSrcOnly' );
+        div.style.display = 'block';
+    }
+    /* id中由于嵌入用例名称，可能存在导致通过id直接$无法正确获取元素的情况 */
+    wb.kissnode = $( document.getElementById( cid ) );
+    wb.kisses = wb.kisses || {};
+    // 把没有用例的情况加入到报告中
+    if ( !wb.kisslost ) {
+        $( 'div#id_showSrcOnly a' ).each( function () {
+            wb.kisses[this.title] = '0;0;_;0;0';
+        } );
+        wb.kisslost = true;
+    }
+    wb.kisscov = wb.kisscov || {};
+
+    var wbkiss = wb.kisses[wb.kiss] = wb.kisses[wb.kiss] || '';
+    /**
+     * 超时处理
+     */
+    var toh = setTimeout( function () {
+        if ( !window.brtest.breakOnError )
+            $( wb ).trigger( 'done', [ new Date().getTime(), {
+                failed:1,
+                passed:1
+            }, frames[0].$_jscoverage, 'timeout' ] );
+    }, wb.timeout );
+
+    /**
+     * 为当前用例绑定一个一次性事件
+     */
+    $( wb ).one( 'done', function ( event, time, result, covinfo ) {
+        clearTimeout( toh );
+        var wb = window.brtest, errornum = result.failed, allnum = result.failed + result.passed;
+        wb.kissend = new Date().getTime();
+        if ( covinfo !== null )// 如果支持覆盖率
+        {
+            wb.kisscov[wb.kiss] = covinfo;
+
+        }
+        wb.kissnode.removeClass( 'running_case' );
+        /*
+         * ext_qunit.js的_d方法会触发done事件
+         * top.$(wbkiss).trigger('done', [ new Date().getTime(), args ]); new Date().getTime()指向a参数，args指向b参数
+         */
+        wb.kisses[wb.kiss] = errornum + ';' + allnum + ';_;' + wb.kissstart + ';' + wb.kissend;
+//        var html =  '<strong><span style="color: red">'+kiss + '</span></strong>:失败/所有:<strong><span style="color: red">'+errornum + '</span></strong>/' + allnum + ',开始:' + wb.kissstart + ',结束:' + wb.kissend +'耗时:'+(wb.kissend-wb.kissstart) +'\n';
+        var args = kiss + ': 失败/所有:' + errornum + '/' + allnum + ',耗时:' + (wb.kissend - wb.kissstart);
+        var html = upath + '../br/log.php?loginfo=' + args;
+
+        html += '&detail='+result.detail;
+
+        if ( errornum > 0 )
+            html += '&fail=true';
+
+        if ( errornum > 0 ) {
+            wb.kissnode.addClass( 'fail_case' );
+            // wb.kisses[kiss + '_error'] =
+            // window.frames[0].innerHTML;
+        } else
+            wb.kissnode.addClass( 'pass_case' );
+        if ( wb.runnext && (!wb.breakOnError || parseInt( wb.kisses[wb.kiss].split( ',' )[0] ) == 0) ) {
+            var nextA = wb.kissnode.next()[0];
+            if ( nextA.tagName == 'A' ) {
+                if ( wb.kisses[nextA.title] === undefined ) {
+                    run( nextA.title, wb.runnext );
+                }
+                html += "&next=" + nextA.title;
+            } else {
+                /* 隐藏执行区 */
+                // $('div#id_runningarea').toggle();
+                /* ending 提交数据到后台 */
+                html += '&next=@_@end';
+                wb.kisses['config'] = location.search.substring( 1 );
+//                var url = /mail=true/.test( location.search ) ? 'record.php' : 'report.php';
+                var url = 'report.php';
+                covcalc();
+                /**
+                 * 启动时间，结束时间，校验点失败数，校验点总数
+                 */
+                $.ajax( {
+                    url:url,
+                    type:'post',
+                    data:wb.kisses,
+                    success:function ( msg ) {
+                        // $('#id_testlist').hide();
+                        /* 展示报告区 */
+                        $( '#id_reportarea' ).show().html( msg );
+                    },
+                    error:function ( xhr, msg ) {
+                        alert( 'fail' + msg );
+                    }
+                } );
+            }
+        }
+        te.log( html );
+    } );
+
+    /**
+     * 初始化执行区并通过嵌入iframe启动用例执行
+     */
+    var url = 'run.php?case=' + kiss + '&time=' + new Date().getTime() + "&"
+        + location.search.substring( 1 );
+    // + (location.search.length > 0 ? '&' + location.search.substring(1)
+    // : '');
+
+    var fdiv = 'id_div_frame_' + kiss.split( '.' ).join( '_' );
+    var fid = 'id_frame_' + kiss.split( '.' ).join( '_' );
+    wb.kissnode.addClass( 'running_case' );
+    if ( $( 'input#id_control_hidelist' ).attr( 'checked' ) )
+        $( 'div#id_testlist' ).css( 'display', 'none' );
+    /* 隐藏报告区 */
+    $( 'div#id_reportarea' ).empty().hide();
+    /* 展示执行区 */
+//    if(ua.browser.ie){//释放iframe里面占用的内存
+//        if($( 'div#id_runningarea' )[0].getElementsByTagName('iframe').length){
+//            var iframe_old = $( 'div#id_runningarea' )[0].getElementsByTagName('iframe')[0];
+//            iframe_old.src = "javascript:false";
+//            iframe_old.contentWindow.document.write('');
+//            iframe_old.contentWindow.close();
+//            CollectGarbage();
+//            iframe_old.parentNode.removeChild(iframe_old);
+//        }
+//
+//    }
+    var iframe =document.createElement('iframe');
+    iframe.src= url;
+    iframe.id= fid;
+    iframe.className= "runningframe";
+    $( 'div#id_runningarea' ).empty().css( 'display', 'block' ).append( iframe);
+    wb.kissstart = new Date().getTime();
+};
+function match(fileName, matcher )
+{
+    if ( matcher == '*' )
+        return true;
+    var len = matcher.length;
+
+    /**
+     * 处理多选分支，有一个成功则成功，filter后面参数使用|切割
+     * @var unknown_type
+     */
+    var ms = matcher.split( ',');
+    if ( ms.length > 1 ) {
+        //这里把或的逻辑改成与
+        for ( var matcher1 in ms ) {
+            if ( !match(fileName, ms[matcher1] ) )
+                return false;
+        }
+        return true;
+    }
+
+    /**
+     * 处理反向选择分支
+     */
+    if ( matcher.substr(  0 , 1 ) == '!' ) {
+        var m = matcher.substr( 1 );
+        if ( fileName.substr( 0 , m.length ) == m )
+            return false;
+        return true;
+    }
+
+    if ( len > fileName.length  ) {
+        return false;
+    }
+    return fileName.substr(  0 , len ) == matcher;
+}
+// 需要根据一次批量执行整合所有文件的覆盖率情况
+function covcalc() {
+    function covmerge( cc, covinfo ) {
+        for ( var key in covinfo ) {//key ：每个文件
+            for ( var idx in covinfo[key] ) {
+                if ( idx != 'source' ) {
+
+                    cc[key] = cc[key] || [];
+                    cc[key][idx] = (cc[key][idx] || 0) + covinfo[key][idx];
+                }
+            }
+        }
+        return cc;
+    }
+
+    var cc = {};
+    var brkisses = window.brtest.kisses;
+    for ( var key in window.brtest.kisscov ){
+        covmerge( cc, window.brtest.kisscov[key] );//key:每个用例
+//        brkisses[kiss]= brkisses[kiss] + ',' + key;
+    }
+    var file;
+    var files = [];
+    var filter = '';
+    var ls = location.search.split('&');
+    for( var i = 0; i < ls.length; i++){
+        if(ls[i].indexOf('filter')!=-1&&ls[i].indexOf('filterRun')==-1){
+            filter = ls[i].split('=')[1];
+        }
+
+    }
+    for ( file in cc ) {
+        if ( !cc.hasOwnProperty( file ) ) {
+            continue;
+        }
+        if(match(file,filter))
+            files.push( file );
+    }
+    files.sort();
+    for ( var f = 0; f < files.length; f++ ) {
+        file = files[f];
+        var lineNumber;
+        var num_statements = 0;
+        var num_executed = 0;
+        var missing = [];
+        var fileCC = cc[file];
+        var length = fileCC.length;
+        var currentConditionalEnd = 0;
+        var conditionals = null;
+
+        if ( fileCC.conditionals ) {
+            conditionals = fileCC.conditionals;
+        }
+        var recordCovForBrowser = null;//
+        for ( lineNumber = 0; lineNumber < length; lineNumber++ ) {
+            var n = fileCC[lineNumber];
+
+            if ( lineNumber === currentConditionalEnd ) {
+                currentConditionalEnd = 0;
+            } else if ( currentConditionalEnd === 0 && conditionals
+                && conditionals[lineNumber] ) {
+                currentConditionalEnd = conditionals[lineNumber];
+            }
+
+            if ( currentConditionalEnd !== 0 ) {
+                (recordCovForBrowser==null)?(recordCovForBrowser='2'):(recordCovForBrowser +=',2');
+
+                continue;
+            }
+
+            if ( n === undefined || n === null ) {
+                (recordCovForBrowser==null)?(recordCovForBrowser='2'):(recordCovForBrowser +=',2');
+                continue;
+            }
+
+            if ( n === 0 ) {
+                (recordCovForBrowser==null)?(recordCovForBrowser='0'):(recordCovForBrowser +=',0');
+                missing.push( lineNumber );
+            } else {
+                 (recordCovForBrowser==null)?(recordCovForBrowser='1'):(recordCovForBrowser +=',1');
+                num_executed++;
+            }
+            num_statements++;
+        }
+
+        var percentage = (num_statements === 0 ? 0 : ( 100* num_executed / num_statements ).toFixed(1));
+        var kiss = file.replace( '.js', '' );
+        // 统计所有用例的覆盖率信息和测试结果
+
+        if ( brkisses[kiss] == undefined )
+            brkisses[kiss] = '0;0;_;0;0';
+        var info = brkisses[kiss].split( ';_;' );// 覆盖率的处理在最后环节加入到用例的测试结果中
+
+        brkisses[kiss] = info[0] + ';' + percentage + ';' + info[1]+';'+recordCovForBrowser;
+    }
+}
+
+/**
+ * 为批量运行提供入口，参数携带batchrun=true
+ */
+$( document ).ready(
+    function () {
+        if ( location.href.search( "[?&,]batchrun=true" ) > 0
+            || $( 'input#id_control_runnext' ).attr( 'checked' ) ) {
+            run( $( 'div#id_testlist a' ).attr( 'title' ), true );
+        }
+    } );
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/tangram.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/tangram.js
new file mode 100644
index 000000000..b0997ab35
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/tangram.js
@@ -0,0 +1,11132 @@
+(function(){
+	// Copyright (c) 2009, Baidu Inc. All rights reserved.
+	//
+	// Licensed under the BSD License
+	// you may not use this file except in compliance with the License.
+	// You may obtain a copy of the License at
+	// 
+//	      http://tangram.baidu.com/license.html
+	//
+	// Unless required by applicable law or agreed to in writing, software
+	// distributed under the License is distributed on an "AS-IS" BASIS,
+	// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+	// See the License for the specific language governing permissions and
+	// limitations under the License.
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+	 /**
+	 * @namespace T Tangram七巧板
+	 * @name T
+	 * @version 1.3.9
+	*/
+
+	/**
+	 * 声明baidu包
+	 * @author: allstar, erik, meizz, berg
+	 */
+	var T,
+	    baidu = T = baidu || {version: "1.3.9"}; 
+	window.TT = T;
+
+	//提出guid，防止在与老版本Tangram混用时
+	//在下一行错误的修改window[undefined]
+	baidu.guid = "$BAIDU$";
+
+	//Tangram可能被放在闭包中
+	//一些页面级别唯一的属性，需要挂载在window[baidu.guid]上
+	window[baidu.guid] = window[baidu.guid] || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/ajax.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/11/13
+	 */
+
+
+	/**
+	 * @namespace baidu.ajax 对XMLHttpRequest请求的封装。
+	*/
+	baidu.ajax = baidu.ajax || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 *
+	 * path: baidu/fn.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010/11/02
+	 */
+
+
+	/**
+	 * @namespace baidu.fn 对方法的操作，解决内存泄露问题。
+	 */
+	baidu.fn = baidu.fn || {};
+	/*
+	 * Tangram
+	 * Copyright 2011 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 这是一个空函数，用于需要排除函数作用域链干扰的情况.
+	 * @author rocy
+	 * @name baidu.fn.blank
+	 * @function
+	 * @grammar baidu.fn.blank()
+	 * @meta standard
+	 * @version 1.3.3
+	 */
+	baidu.fn.blank = function () {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+	/**
+	 * 发送一个ajax请求
+	 * @author: allstar, erik, berg
+	 * @name baidu.ajax.request
+	 * @function
+	 * @grammar baidu.ajax.request(url[, options])
+	 * @param {string} 	url 发送请求的url
+	 * @param {Object} 	opt_options 发送请求的选项参数
+	 * @config {String} 	[method] 			请求发送的类型。默认为GET
+	 * @config {Boolean}  [async] 			是否异步请求。默认为true（异步）
+	 * @config {String} 	[data] 				需要发送的数据。如果是GET请求的话，不需要这个属性
+	 * @config {Object} 	[headers] 			要设置的http request header
+	 * @config {number}   [timeout]       超时时间，单位ms
+	 * @config {String} 	[username] 			用户名
+	 * @config {String} 	[password] 			密码
+	 * @config {Function} [onsuccess] 		请求成功时触发，function(XMLHttpRequest xhr, string responseText)。
+	 * @config {Function} [onfailure] 		请求失败时触发，function(XMLHttpRequest xhr)。
+	 * @config {Function} [onbeforerequest]	发送请求之前触发，function(XMLHttpRequest xhr)。
+	 * @config {Function} [on{STATUS_CODE}] 	当请求为相应状态码时触发的事件，如on302、on404、on500，function(XMLHttpRequest xhr)。3XX的状态码浏览器无法获取，4xx的，可能因为未知问题导致获取失败。
+	 * @config {Boolean}  [noCache] 			是否需要缓存，默认为false（缓存），1.1.1起支持。
+	 * 
+	 * @meta standard
+	 * @see baidu.ajax.get,baidu.ajax.post,baidu.ajax.form
+	 *             
+	 * @returns {XMLHttpRequest} 发送请求的XMLHttpRequest对象
+	 */
+	baidu.ajax.request = function (url, opt_options) {
+	    var options     = opt_options || {},
+	        data        = options.data || "",
+	        async       = !(options.async === false),
+	        username    = options.username || "",
+	        password    = options.password || "",
+	        method      = (options.method || "GET").toUpperCase(),
+	        headers     = options.headers || {},
+	        // 基本的逻辑来自lili同学提供的patch
+	        timeout     = options.timeout || 0,
+	        eventHandlers = {},
+	        tick, key, xhr;
+
+	    /**
+	     * readyState发生变更时调用
+	     * 
+	     * @ignore
+	     */
+	    function stateChangeHandler() {
+	        if (xhr.readyState == 4) {
+	            try {
+	                var stat = xhr.status;
+	            } catch (ex) {
+	                // 在请求时，如果网络中断，Firefox会无法取得status
+	                fire('failure');
+	                return;
+	            }
+	            
+	            fire(stat);
+	            
+	            // http://www.never-online.net/blog/article.asp?id=261
+	            // case 12002: // Server timeout      
+	            // case 12029: // dropped connections
+	            // case 12030: // dropped connections
+	            // case 12031: // dropped connections
+	            // case 12152: // closed by server
+	            // case 13030: // status and statusText are unavailable
+	            
+	            // IE error sometimes returns 1223 when it 
+	            // should be 204, so treat it as success
+	            if ((stat >= 200 && stat < 300)
+	                || stat == 304
+	                || stat == 1223) {
+	                fire('success');
+	            } else {
+	                fire('failure');
+	            }
+	            
+	            /*
+	             * NOTE: Testing discovered that for some bizarre reason, on Mozilla, the
+	             * JavaScript <code>XmlHttpRequest.onreadystatechange</code> handler
+	             * function maybe still be called after it is deleted. The theory is that the
+	             * callback is cached somewhere. Setting it to null or an empty function does
+	             * seem to work properly, though.
+	             * 
+	             * On IE, there are two problems: Setting onreadystatechange to null (as
+	             * opposed to an empty function) sometimes throws an exception. With
+	             * particular (rare) versions of jscript.dll, setting onreadystatechange from
+	             * within onreadystatechange causes a crash. Setting it from within a timeout
+	             * fixes this bug (see issue 1610).
+	             * 
+	             * End result: *always* set onreadystatechange to an empty function (never to
+	             * null). Never set onreadystatechange from within onreadystatechange (always
+	             * in a setTimeout()).
+	             */
+	            window.setTimeout(
+	                function() {
+	                    // 避免内存泄露.
+	                    // 由new Function改成不含此作用域链的 baidu.fn.blank 函数,
+	                    // 以避免作用域链带来的隐性循环引用导致的IE下内存泄露. By rocy 2011-01-05 .
+	                    xhr.onreadystatechange = baidu.fn.blank;
+	                    if (async) {
+	                        xhr = null;
+	                    }
+	                }, 0);
+	        }
+	    }
+	    
+	    /**
+	     * 获取XMLHttpRequest对象
+	     * 
+	     * @ignore
+	     * @return {XMLHttpRequest} XMLHttpRequest对象
+	     */
+	    function getXHR() {
+	        if (window.ActiveXObject) {
+	            try {
+	                return new ActiveXObject("Msxml2.XMLHTTP");
+	            } catch (e) {
+	                try {
+	                    return new ActiveXObject("Microsoft.XMLHTTP");
+	                } catch (e) {}
+	            }
+	        }
+	        if (window.XMLHttpRequest) {
+	            return new XMLHttpRequest();
+	        }
+	    }
+	    
+	    /**
+	     * 触发事件
+	     * 
+	     * @ignore
+	     * @param {String} type 事件类型
+	     */
+	    function fire(type) {
+	        type = 'on' + type;
+	        var handler = eventHandlers[type],
+	            globelHandler = baidu.ajax[type];
+	        
+	        // 不对事件类型进行验证
+	        if (handler) {
+	            if (tick) {
+	              clearTimeout(tick);
+	            }
+
+	            if (type != 'onsuccess') {
+	                handler(xhr);
+	            } else {
+	                //处理获取xhr.responseText导致出错的情况,比如请求图片地址.
+	                try {
+	                    xhr.responseText;
+	                } catch(error) {
+	                    return handler(xhr);
+	                }
+	                handler(xhr, xhr.responseText);
+	            }
+	        } else if (globelHandler) {
+	            //onsuccess不支持全局事件
+	            if (type == 'onsuccess') {
+	                return;
+	            }
+	            globelHandler(xhr);
+	        }
+	    }
+	    
+	    
+	    for (key in options) {
+	        // 将options参数中的事件参数复制到eventHandlers对象中
+	        // 这里复制所有options的成员，eventHandlers有冗余
+	        // 但是不会产生任何影响，并且代码紧凑
+	        eventHandlers[key] = options[key];
+	    }
+	    
+	    headers['X-Requested-With'] = 'XMLHttpRequest';
+	    
+	    
+	    try {
+	        xhr = getXHR();
+	        
+	        if (method == 'GET') {
+	            if (data) {
+	                url += (url.indexOf('?') >= 0 ? '&' : '?') + data;
+	                data = null;
+	            }
+	            if(options['noCache'])
+	                url += (url.indexOf('?') >= 0 ? '&' : '?') + 'b' + (+ new Date) + '=1';
+	        }
+	        
+	        if (username) {
+	            xhr.open(method, url, async, username, password);
+	        } else {
+	            xhr.open(method, url, async);
+	        }
+	        
+	        if (async) {
+	            xhr.onreadystatechange = stateChangeHandler;
+	        }
+	        
+	        // 在open之后再进行http请求头设定
+	        // FIXME 是否需要添加; charset=UTF-8呢
+	        if (method == 'POST') {
+	            xhr.setRequestHeader("Content-Type",
+	                (headers['Content-Type'] || "application/x-www-form-urlencoded"));
+	        }
+	        
+	        for (key in headers) {
+	            if (headers.hasOwnProperty(key)) {
+	                xhr.setRequestHeader(key, headers[key]);
+	            }
+	        }
+	        
+	        fire('beforerequest');
+
+	        if (timeout) {
+	          tick = setTimeout(function(){
+	            xhr.onreadystatechange = baidu.fn.blank;
+	            xhr.abort();
+	            fire("timeout");
+	          }, timeout);
+	        }
+	        xhr.send(data);
+	        
+	        if (!async) {
+	            stateChangeHandler();
+	        }
+	    } catch (ex) {
+	        fire('failure');
+	    }
+	    
+	    return xhr;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/ajax/form.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+
+	/**
+	 * 将一个表单用ajax方式提交
+	 * @name baidu.ajax.form
+	 * @function
+	 * @grammar baidu.ajax.form(form[, options])
+	 * @param {HTMLFormElement} form             需要提交的表单元素
+	 * @param {Object} 	[options] 					发送请求的选项参数
+	 * @config {Boolean} [async] 			是否异步请求。默认为true（异步）
+	 * @config {String} 	[username] 			用户名
+	 * @config {String} 	[password] 			密码
+	 * @config {Object} 	[headers] 			要设置的http request header
+	 * @config {Function} [replacer] 			对参数值特殊处理的函数,replacer(string value, string key)
+	 * @config {Function} [onbeforerequest] 	发送请求之前触发，function(XMLHttpRequest xhr)。
+	 * @config {Function} [onsuccess] 		请求成功时触发，function(XMLHttpRequest xhr, string responseText)。
+	 * @config {Function} [onfailure] 		请求失败时触发，function(XMLHttpRequest xhr)。
+	 * @config {Function} [on{STATUS_CODE}] 	当请求为相应状态码时触发的事件，如on302、on404、on500，function(XMLHttpRequest xhr)。3XX的状态码浏览器无法获取，4xx的，可能因为未知问题导致获取失败。
+		
+	 * @see baidu.ajax.request
+	 *             
+	 * @returns {XMLHttpRequest} 发送请求的XMLHttpRequest对象
+	 */
+	baidu.ajax.form = function (form, options) {
+	    options = options || {};
+	    var elements    = form.elements,
+	        len         = elements.length,
+	        method      = form.getAttribute('method'),
+	        url         = form.getAttribute('action'),
+	        replacer    = options.replacer || function (value, name) {
+	            return value;
+	        },
+	        sendOptions = {},
+	        data = [],
+	        i, item, itemType, itemName, itemValue, 
+	        opts, oi, oLen, oItem;
+	        
+	    /**
+	     * 向缓冲区添加参数数据
+	     * @private
+	     */
+	    function addData(name, value) {
+	        data.push(name + '=' + value);
+	    }
+	    
+	    // 复制发送参数选项对象
+	    for (i in options) {
+	        if (options.hasOwnProperty(i)) {
+	            sendOptions[i] = options[i];
+	        }
+	    }
+	    
+	    for (i = 0; i < len; i++) {
+	        item = elements[i];
+	        itemName = item.name;
+	        
+	        // 处理：可用并包含表单name的表单项
+	        if (!item.disabled && itemName) {
+	            itemType = item.type;
+	            itemValue = item.value;
+	        
+	            switch (itemType) {
+	            // radio和checkbox被选中时，拼装queryString数据
+	            case 'radio':
+	            case 'checkbox':
+	                if (!item.checked) {
+	                    break;
+	                }
+	                
+	            // 默认类型，拼装queryString数据
+	            case 'textarea':
+	            case 'text':
+	            case 'password':
+	            case 'hidden':
+	            case 'select-one':
+	                addData(itemName, replacer(itemValue, itemName));
+	                break;
+	                
+	            // 多行选中select，拼装所有选中的数据
+	            case 'select-multiple':
+	                opts = item.options;
+	                oLen = opts.length;
+	                for (oi = 0; oi < oLen; oi++) {
+	                    oItem = opts[oi];
+	                    if (oItem.selected) {
+	                        addData(itemName, replacer(oItem.value, itemName));
+	                    }
+	                }
+	                break;
+	            }
+	        }
+	    }
+	    
+	    // 完善发送请求的参数选项
+	    sendOptions.data = data.join('&');
+	    sendOptions.method = form.getAttribute('method') || 'GET';
+	    
+	    // 发送请求
+	    return baidu.ajax.request(url, sendOptions);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/ajax/get.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+
+	/**
+	 * 发送一个get请求
+	 * @name baidu.ajax.get
+	 * @function
+	 * @grammar baidu.ajax.get(url[, onsuccess])
+	 * @param {string} 	url 		发送请求的url地址
+	 * @param {Function} [onsuccess] 请求成功之后的回调函数，function(XMLHttpRequest xhr, string responseText)
+	 * @meta standard
+	 * @see baidu.ajax.post,baidu.ajax.request
+	 *             
+	 * @returns {XMLHttpRequest} 	发送请求的XMLHttpRequest对象
+	 */
+	baidu.ajax.get = function (url, onsuccess) {
+	    return baidu.ajax.request(url, {'onsuccess': onsuccess});
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/ajax/post.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+
+	/**
+	 * 发送一个post请求
+	 * @name baidu.ajax.post
+	 * @function
+	 * @grammar baidu.ajax.post(url, data[, onsuccess])
+	 * @param {string} 	url 		发送请求的url地址
+	 * @param {string} 	data 		发送的数据
+	 * @param {Function} [onsuccess] 请求成功之后的回调函数，function(XMLHttpRequest xhr, string responseText)
+	 * @meta standard
+	 * @see baidu.ajax.get,baidu.ajax.request
+	 *             
+	 * @returns {XMLHttpRequest} 	发送请求的XMLHttpRequest对象
+	 */
+	baidu.ajax.post = function (url, data, onsuccess) {
+	    return baidu.ajax.request(
+	        url, 
+	        {
+	            'onsuccess': onsuccess,
+	            'method': 'POST',
+	            'data': data
+	        }
+	    );
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 *
+	 * path: baidu/array.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * @namespace baidu.array 操作数组的方法。
+	 */
+
+	baidu.array = baidu.array || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/array/indexOf.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 查询数组中指定元素的索引位置
+	 * @name baidu.array.indexOf
+	 * @function
+	 * @grammar baidu.array.indexOf(source, match[, fromIndex])
+	 * @param {Array} source 需要查询的数组
+	 * @param {Any} match 查询项
+	 * @param {number} [fromIndex] 查询的起始位索引位置，如果为负数，则从source.length+fromIndex往后开始查找
+	 * @see baidu.array.find,baidu.array.lastIndexOf
+	 *             
+	 * @returns {number} 指定元素的索引位置，查询不到时返回-1
+	 */
+	baidu.array.indexOf = function (source, match, fromIndex) {
+	    var len = source.length,
+	        iterator = match;
+	        
+	    fromIndex = fromIndex | 0;
+	    if(fromIndex < 0){//小于0
+	        fromIndex = Math.max(0, len + fromIndex)
+	    }
+	    for ( ; fromIndex < len; fromIndex++) {
+	        if(fromIndex in source && source[fromIndex] === match) {
+	            return fromIndex;
+	        }
+	    }
+	    
+	    return -1;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+	/**
+	 * 判断一个数组中是否包含给定元素
+	 * @name baidu.array.contains
+	 * @function
+	 * @grammar baidu.array.contains(source, obj)
+	 * @param {Array} source 需要判断的数组.
+	 * @param {Any} obj 要查找的元素.
+	 * @return {boolean} 判断结果.
+	 * @author berg
+	 */
+	baidu.array.contains = function(source, obj) {
+	    return (baidu.array.indexOf(source, obj) >= 0);
+	};
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/array/each.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 遍历数组中所有元素
+	 * @name baidu.array.each
+	 * @function
+	 * @grammar baidu.array.each(source, iterator[, thisObject])
+	 * @param {Array} source 需要遍历的数组
+	 * @param {Function} iterator 对每个数组元素进行调用的函数，该函数有两个参数，第一个为数组元素，第二个为数组索引值，function (item, index)。
+	 * @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
+	 * @remark
+	 * each方法不支持对Object的遍历,对Object的遍历使用baidu.object.each 。
+	 * @shortcut each
+	 * @meta standard
+	 *             
+	 * @returns {Array} 遍历的数组
+	 */
+	 
+	baidu.each = baidu.array.forEach = baidu.array.each = function (source, iterator, thisObject) {
+	    var returnValue, item, i, len = source.length;
+	    
+	    if ('function' == typeof iterator) {
+	        for (i = 0; i < len; i++) {
+	            item = source[i];
+	            //TODO
+	            //此处实现和标准不符合，标准中是这样说的：
+	            //If a thisObject parameter is provided to forEach, it will be used as the this for each invocation of the callback. If it is not provided, or is null, the global object associated with callback is used instead.
+	            returnValue = iterator.call(thisObject || source, item, i);
+	    
+	            if (returnValue === false) {
+	                break;
+	            }
+	        }
+	    }
+	    return source;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 清空一个数组
+	 * @name baidu.array.empty
+	 * @function
+	 * @grammar baidu.array.empty(source)
+	 * @param {Array} source 需要清空的数组.
+	 * @author berg
+	 */
+	baidu.array.empty = function(source) {
+	    source.length = 0;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 判断一个数组中是否所有元素都满足给定条件
+	 * @name baidu.array.every
+	 * @function
+	 * @grammar baidu.array.every(source, iterator[,thisObject])
+	 * @param {Array} source 需要判断的数组.
+	 * @param {Function} iterator 判断函数.
+	 * @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
+	 * @return {boolean} 判断结果.
+	 * @see baidu.array.some
+	 */
+	baidu.array.every = function(source, iterator, thisObject) {
+	    var i = 0,
+	        len = source.length;
+	    for (; i < len; i++) {
+	        if (i in source && !iterator.call(thisObject || source, source[i], i)) {
+	            return false;
+	        }
+	    }
+	    return true;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 从数组中筛选符合条件的元素
+	 * @name baidu.array.filter
+	 * @function
+	 * @grammar baidu.array.filter(source, iterator[, thisObject])
+	 * @param {Array} source 需要筛选的数组
+	 * @param {Function} iterator 对每个数组元素进行筛选的函数，该函数有两个参数，第一个为数组元素，第二个为数组索引值，function (item, index)，函数需要返回true或false
+	 * @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
+	 * @meta standard
+	 * @see baidu.array.find
+	 *             
+	 * @returns {Array} 符合条件的数组项集合
+	 */
+
+	baidu.array.filter = function (source, iterator, thisObject) {
+	    var result = [],
+	        resultIndex = 0,
+	        len = source.length,
+	        item,
+	        i;
+	    
+	    if ('function' == typeof iterator) {
+	        for (i = 0; i < len; i++) {
+	            item = source[i];
+	            //TODO
+	            //和标准不符，see array.each
+	            if (true === iterator.call(thisObject || source, item, i)) {
+	                // resultIndex用于优化对result.length的多次读取
+	                result[resultIndex++] = item;
+	            }
+	        }
+	    }
+	    
+	    return result;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/array/find.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 从数组中寻找符合条件的第一个元素
+	 * @name baidu.array.find
+	 * @function
+	 * @grammar baidu.array.find(source, iterator)
+	 * @param {Array} source 需要查找的数组
+	 * @param {Function} iterator 对每个数组元素进行查找的函数，该函数有两个参数，第一个为数组元素，第二个为数组索引值，function (item, index)，函数需要返回true或false
+	 * @see baidu.array.filter,baidu.array.indexOf
+	 *             
+	 * @returns {Any|null} 符合条件的第一个元素，找不到时返回null
+	 */
+	baidu.array.find = function (source, iterator) {
+	    var item, i, len = source.length;
+	    
+	    if ('function' == typeof iterator) {
+	        for (i = 0; i < len; i++) {
+	            item = source[i];
+	            if (true === iterator.call(source, item, i)) {
+	                return item;
+	            }
+	        }
+	    }
+	    
+	    return null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 将两个数组参数合并成一个类似hashMap结构的对象，这个对象使用第一个数组做为key，使用第二个数组做为值，如果第二个参数未指定，则把对象的所有值置为true。
+	 * @name baidu.array.hash
+	 * @function
+	 * @grammar baidu.array.hash(keys[, values])
+	 * @param {Array} keys 作为key的数组
+	 * @param {Array} [values] 作为value的数组，未指定此参数时，默认值将对象的值都设为true。
+	 *             
+	 * @returns {Object} 合并后的对象{key : value}
+	 */
+	baidu.array.hash = function(keys, values) {
+	    var o = {}, vl = values && values.length, i = 0, l = keys.length;
+	    for (; i < l; i++) {
+	        o[keys[i]] = (vl && vl > i) ? values[i] : true;
+	    }
+	    return o;
+	};
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/array/lastIndexOf.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/14
+	 */
+
+
+
+	/**
+	 * 从后往前，查询数组中指定元素的索引位置
+	 * @name baidu.array.lastIndexOf
+	 * @function
+	 * @grammar baidu.array.lastIndexOf(source, match)
+	 * @param {Array} source 需要查询的数组
+	 * @param {Any} match 查询项
+	 * @param {number} [fromIndex] 查询的起始位索引位置，如果为负数，则从source.length+fromIndex往前开始查找
+	 * @see baidu.array.indexOf
+	 *             
+	 * @returns {number} 指定元素的索引位置，查询不到时返回-1
+	 */
+
+	baidu.array.lastIndexOf = function (source, match, fromIndex) {
+	    var len = source.length;
+
+	    fromIndex = fromIndex | 0;
+
+	    if(!fromIndex || fromIndex >= len){
+	        fromIndex = len - 1;
+	    }
+	    if(fromIndex < 0){
+	        fromIndex += len;
+	    }
+	    for(; fromIndex >= 0; fromIndex --){
+	        if(fromIndex in source && source[fromIndex] === match){
+	            return fromIndex;
+	        }
+	    }
+	    
+	    return -1;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 遍历数组中所有元素，将每一个元素应用方法进行转换，并返回转换后的新数组。
+	 * @name baidu.array.map
+	 * @function
+	 * @grammar baidu.array.map(source, iterator[, thisObject])
+	 * @param {Array}    source   需要遍历的数组.
+	 * @param {Function} iterator 对每个数组元素进行处理的函数.
+	 * @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
+	 * @return {Array} map后的数组.
+	 * @see baidu.array.reduce
+	 */
+	baidu.array.map = function(source, iterator, thisObject) {
+	    var results = [],
+	        i = 0,
+	        l = source.length;
+	    for (; i < l; i++) {
+	        results[i] = iterator.call(thisObject || source, source[i], i);
+	    }
+	    return results;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 遍历数组中所有元素，将每一个元素应用方法进行合并，并返回合并后的结果。
+	 * @name baidu.array.reduce
+	 * @function
+	 * @grammar baidu.array.reduce(source, iterator[, initializer])
+	 * @param {Array}    source 需要遍历的数组.
+	 * @param {Function} iterator 对每个数组元素进行处理的函数，函数接受四个参数：上一次reduce的结果（或初始值），当前元素值，索引值，整个数组.
+	 * @param {Object}   [initializer] 合并的初始项，如果没有此参数，默认用数组中的第一个值作为初始值.
+	 * @return {Array} reduce后的值.
+	 * @version 1.3.4
+	 * @see baidu.array.reduce
+	 */
+	baidu.array.reduce = function(source, iterator, initializer) {
+	    var i = 0,
+	        l = source.length,
+	        found = 0;
+
+	    if( arguments.length < 3){
+	        //没有initializer的情况，找到第一个可用的值
+	        for(; i < l; i++){
+	            initializer = source[i++];
+	            found = 1;
+	            break;
+	        }
+	        if(!found){
+	            return ;
+	        }
+	    }
+
+	    for (; i < l; i++) {
+	        if( i in source){
+	            initializer = iterator(initializer, source[i] , i , source);
+	        }
+	    }
+	    return initializer;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/array/remove.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/30
+	 */
+
+
+
+	/**
+	 * 移除数组中的项
+	 * @name baidu.array.remove
+	 * @function
+	 * @grammar baidu.array.remove(source, match)
+	 * @param {Array} source 需要移除项的数组
+	 * @param {Any} match 要移除的项
+	 * @meta standard
+	 * @see baidu.array.removeAt
+	 *             
+	 * @returns {Array} 移除后的数组
+	 */
+	baidu.array.remove = function (source, match) {
+	    var len = source.length;
+	        
+	    while (len--) {
+	        if (len in source && source[len] === match) {
+	            source.splice(len, 1);
+	        }
+	    }
+	    return source;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/array/removeAt.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/30
+	 */
+
+
+
+	/**
+	 * 移除数组中的项
+	 * @name baidu.array.removeAt
+	 * @function
+	 * @grammar baidu.array.removeAt(source, index)
+	 * @param {Array} source 需要移除项的数组
+	 * @param {number} index 要移除项的索引位置
+	 * @see baidu.array.remove
+	 * @meta standard
+	 * @returns {Any} 被移除的数组项
+	 */
+	baidu.array.removeAt = function (source, index) {
+	    return source.splice(index, 1)[0];
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 判断一个数组中是否有部分元素满足给定条件
+	 * @name baidu.array.some
+	 * @function
+	 * @grammar baidu.array.some(source, iterator[,thisObject])
+	 * @param {Array} source 需要判断的数组.
+	 * @param {Function} iterator 判断函数.
+	 * @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
+	 * @return {boolean} 判断结果.
+	 * @see baidu.array.every
+	 */
+	baidu.array.some = function(source, iterator, thisObject) {
+	    var i = 0,
+	        len = source.length;
+	    for (; i < len; i++) {
+	        if (i in source && iterator.call(thisObject || source, source[i], i)) {
+	            return true;
+	        }
+	    }
+	    return false;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/array/unique.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 过滤数组中的相同项。如果两个元素相同，会删除后一个元素。
+	 * @name baidu.array.unique
+	 * @function
+	 * @grammar baidu.array.unique(source[, compareFn])
+	 * @param {Array} source 需要过滤相同项的数组
+	 * @param {Function} [compareFn] 比较两个数组项是否相同的函数,两个数组项作为函数的参数。
+	 *             
+	 * @returns {Array} 过滤后的新数组
+	 */
+	baidu.array.unique = function (source, compareFn) {
+	    var len = source.length,
+	        result = source.slice(0),
+	        i, datum;
+	        
+	    if ('function' != typeof compareFn) {
+	        compareFn = function (item1, item2) {
+	            return item1 === item2;
+	        };
+	    }
+	    
+	    // 从后往前双重循环比较
+	    // 如果两个元素相同，删除后一个
+	    while (--len > 0) {
+	        datum = result[len];
+	        i = len;
+	        while (i--) {
+	            if (compareFn(datum, result[i])) {
+	                result.splice(len, 1);
+	                break;
+	            }
+	        }
+	    }
+
+	    return result;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+	/**
+	 * @namespace baidu.async 对异步调用的封装。
+	 * @author rocy
+	 */
+	baidu.async = baidu.async || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/object.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+	/**
+	 * @namespace baidu.object 操作原生对象的方法。
+	 */
+	baidu.object = baidu.object || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 将源对象的所有属性拷贝到目标对象中
+	 * @author erik
+	 * @name baidu.object.extend
+	 * @function
+	 * @grammar baidu.object.extend(target, source)
+	 * @param {Object} target 目标对象
+	 * @param {Object} source 源对象
+	 * @see baidu.array.merge
+	 * @remark
+	 * 
+	1.目标对象中，与源对象key相同的成员将会被覆盖。<br>
+	2.源对象的prototype成员不会拷贝。
+			
+	 * @shortcut extend
+	 * @meta standard
+	 *             
+	 * @returns {Object} 目标对象
+	 */
+	baidu.extend =
+	baidu.object.extend = function (target, source) {
+	    for (var p in source) {
+	        if (source.hasOwnProperty(p)) {
+	            target[p] = source[p];
+	        }
+	    }
+	    
+	    return target;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+	/**
+	 * @namespace baidu.lang 对语言层面的封装，包括类型判断、模块扩展、继承基类以及对象自定义事件的支持。
+	*/
+	baidu.lang = baidu.lang || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/isFunction.js
+	 * author: rocy
+	 * version: 1.1.2
+	 * date: 2010/06/12
+	 */
+
+
+
+	/**
+	 * 判断目标参数是否为function或Function实例
+	 * @name baidu.lang.isFunction
+	 * @function
+	 * @grammar baidu.lang.isFunction(source)
+	 * @param {Any} source 目标参数
+	 * @version 1.2
+	 * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
+	 * @meta standard
+	 * @returns {boolean} 类型判断结果
+	 */
+	baidu.lang.isFunction = function (source) {
+	    // chrome下,'function' == typeof /a/ 为true.
+	    return '[object Function]' == Object.prototype.toString.call(source);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 判断给定object是否包含Deferred主要特征.
+	 * @param {Object} obj 待判定object.
+	 * @return {Boolean} 判定结果, true 则该object符合Deferred特征.
+	 * @private 
+	 * @author rocy
+	 */
+	baidu.async._isDeferred = function(obj) {
+	    var isFn = baidu.lang.isFunction;
+	    return obj && isFn(obj.success) && isFn(obj.then)
+	        && isFn(obj.fail) && isFn(obj.cancel);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+
+	/**
+	 * 用于支持异步处理, 使同步异步的调用风格统一.
+	 * @class
+	 * @private
+	 * @grammar new baidu.async.Deferred()
+	 * @remark
+	 * 示例:
+	    function someAsync(){
+	        var deferred = new baidu.async.Deferred();
+	        setTimeout(function(){
+	            afterSomeOperation();
+	            if(someReason){
+	                deferred.resolve(someValue);
+	            } else {
+	                deferred.reject(someError);
+	            }
+	        },100);
+	        return deferred;
+	    }
+	    //用类似同步的方式调用异步操作.
+	    someAsync().then(onSuccess, onFail);
+	    //onSuccess或onFail可以确保在正确的时间点执行.
+
+	 * @author rocy
+	 */
+	baidu.async.Deferred = function() {
+	    var me = this;
+	    baidu.extend(me, {
+	        _fired: 0,
+	        _firing: 0,
+	        _cancelled: 0,
+	        _resolveChain: [],
+	        _rejectChain: [],
+	        _result: [],
+	        _isError: 0
+	    });
+
+	    function fire() {
+	        if (me._cancelled || me._firing) {
+	            return;
+	        }
+	        //如果已有nextDeferred对象,则转移到nextDeferred上.
+	        if (me._nextDeferred) {
+	            me._nextDeferred.then(me._resolveChain[0], me._rejectChain[0]);
+	            return;
+	        }
+	        me._firing = 1;
+	        var chain = me._isError ? me._rejectChain : me._resolveChain,
+	            result = me._result[me._isError ? 1 : 0];
+	        // 此处使用while而非for循环,是为了避免firing时插入新函数.
+	        while (chain[0] && (! me._cancelled)) {
+	            //所有函数仅调用一次.
+	            //TODO: 支持传入 this 和 arguments, 而不是仅仅一个值.
+	            try {
+	                var chainResult = chain.shift().call(me, result);
+	                //若方法返回Deferred,则将剩余方法延至Deferred中执行
+	                if (baidu.async._isDeferred(chainResult)) {
+	                    me._nextDeferred = chainResult;
+	                    [].push.apply(chainResult._resolveChain, me._resolveChain);
+	                    [].push.apply(chainResult._rejectChain, me._rejectChain);
+	                    chain = me._resolveChain = [];
+	                    me._rejectChain = [];
+	                }
+	            } catch (error) {
+	                throw error;
+	            } finally {
+	                me._fired = 1;
+	                me._firing = 0;
+	            }
+	        }
+	    }
+
+
+	    /**
+	     * 调用onSuccess链.使用给定的value作为函数参数.
+	     * @param {*} value 成功结果.
+	     * @return {baidu.async.Deferred} this.
+	     */
+	    me.resolve = me.fireSuccess = function(value) {
+	        me._result[0] = value;
+	        fire();
+	        return me;
+	    };
+
+	    /**
+	     * 调用onFail链. 使用给定的error作为函数参数.
+	     * @param {Error} error 失败原因.
+	     * @return {baidu.async.Deferred} this.
+	     */
+	    me.reject = me.fireFail = function(error) {
+	        me._result[1] = error;
+	        me._isError = 1;
+	        fire();
+	        return me;
+	    };
+
+	    /**
+	     * 添加onSuccess和onFail方法到各自的链上. 如果该deferred已触发,则立即执行.
+	     * @param {Function} onSuccess 该deferred成功时的回调函数.第一个形参为成功时结果.
+	     * @param {Function} onFail 该deferred失败时的回调函数.第一个形参为失败时结果.
+	     * @return {baidu.async.Deferred} this.
+	     */
+	    me.then = function(onSuccess, onFail) {
+	        me._resolveChain.push(onSuccess);
+	        me._rejectChain.push(onFail);
+	        if (me._fired) {
+	            fire();
+	        }
+	        return me;
+	    };
+	    
+	    /**
+	     * 添加方法到onSuccess链上. 如果该deferred已触发,则立即执行.
+	     * @param {Function} onSuccess 该deferred成功时的回调函数.第一个形参为成功时结果.
+	     * @return {baidu.async.Deferred} this.
+	     */
+	    me.success = function(onSuccess) {
+	        return me.then(onSuccess, baidu.fn.blank);
+	    };
+
+	    /**
+	     * 添加方法到onFail链上. 如果该deferred已触发,则立即执行.
+	     * @param {Function} onFail 该deferred失败时的回调函数.第一个形参为失败时结果.
+	     * @return {baidu.async.Deferred} this.
+	     */
+	    me.fail = function(onFail) {
+	        return me.then(baidu.fn.blank, onFail);
+	    };
+	     
+	    /**
+	     * 中断该deferred, 使其失效.
+	     */
+	    me.cancel = function() {
+	        me._cancelled = 1;
+	    };
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+	/**
+	 * 支持异步的ajax.get封装.
+	 * @param {String} url 请求地址.
+	 * @version 1.3.9 
+	 * @return {baidu.async.Deferred} Deferred对象,支持链式调用.
+	 */
+	baidu.async.get = function(url){
+	    var deferred = new baidu.async.Deferred();
+	    baidu.ajax.request(url, {
+	        onsuccess: function(xhr, responseText) {
+	            deferred.resolve({xhr: xhr, responseText: responseText}); 
+	        },
+	        onfailure: function(xhr) {
+	            deferred.reject({xhr: xhr});
+	        }
+	    });
+	    return deferred;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+	/**
+	 * 支持异步的ajax.post封装.
+	 * @param {String} url 请求地址.
+	 * @param {String} data 请求数据.
+	 * @version 1.3.9 
+	 * @return {baidu.async.Deferred} Deferred对象,支持链式调用.
+	 */
+	baidu.async.post = function(url, data){
+	    var deferred = new baidu.async.Deferred();
+	    baidu.ajax.request(url, {
+	        method: 'POST',
+	        data: data,
+	        onsuccess: function(xhr, responseText) {
+	            deferred.resolve({xhr: xhr, responseText: responseText}); 
+	        },
+	        onfailure: function(xhr) {
+	            deferred.reject({xhr: xhr});
+	        }
+	    });
+	    return deferred;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+	/**
+	 * 保证onResolve或onReject可以按序执行. 若第一个参数为deferred,则deferred完成后执行.否则立即执行onResolve,并传入第一个参数.
+	 * @param {baidu.async.Deferred|*} deferredOrValue deferred实例或任意值.
+	 * @param {Function} onResolve 成功时的回调函数.若第一个参数不是Deferred实例,则立即执行此方法.
+	 * @param {Function} onReject 失败时的回调函数.
+	 * @version 1.3.9 
+	 * @remark
+	 * 示例一:异步调用: baidu.async.when(asyncLoad(), onResolve, onReject).then(nextSuccess, nextFail);
+	 * 示例二:同步异步不确定的调用: baidu.async.when(syncOrNot(), onResolve, onReject).then(nextSuccess, nextFail);
+	 * 示例三:同步接异步的调用: baidu.async.when(sync(), onResolve, onReject).then(asyncSuccess, asyncFail).then(afterAllSuccess, afterAllFail);
+	 * @return {baidu.async.Deferred} deferred.
+	 */
+	baidu.async.when = function(deferredOrValue, onResolve, onReject) {
+	    if (baidu.async._isDeferred(deferredOrValue)) {
+	        deferredOrValue.then(onResolve, onReject);
+	        return deferredOrValue;
+	    }
+	    var deferred = new baidu.async.Deferred();
+	    deferred.then(onResolve, onReject).resolve(deferredOrValue);
+	    return deferred;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/browser.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * @namespace baidu.browser 判断浏览器类型和特性的属性。
+	 */
+	baidu.browser = baidu.browser || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/browser/chrome.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/24
+	 */
+
+
+	if (/chrome\/(\d+\.\d)/i.test(navigator.userAgent)) {
+	/**
+	 * 判断是否为chrome浏览器
+	 * @grammar baidu.browser.chrome
+	 * @see baidu.browser.ie,baidu.browser.firefox,baidu.browser.safari,baidu.browser.opera   
+	 * @property chrome chrome版本号
+	 */
+	    baidu.browser.chrome = + RegExp['\x241'];
+	}
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/browser/firefox.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	if (/firefox\/(\d+\.\d)/i.test(navigator.userAgent)) {
+	/**
+	 * 判断是否为firefox浏览器
+	 * @property firefox firefox版本号
+	 * @grammar baidu.browser.firefox
+	 * @meta standard
+	 * @see baidu.browser.ie,baidu.browser.safari,baidu.browser.opera,baidu.browser.chrome   
+	 */
+	    baidu.browser.firefox = + RegExp['\x241'];
+	}
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/browser/ie.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+	if (/msie (\d+\.\d)/i.test(navigator.userAgent)) {
+	    //IE 8下，以documentMode为准
+	    //在百度模板中，可能会有$，防止冲突，将$1 写成 \x241
+	/**
+	 * 判断是否为ie浏览器
+	 * @property ie ie版本号
+	 * @grammar baidu.browser.ie
+	 * @meta standard
+	 * @shortcut ie
+	 * @see baidu.browser.firefox,baidu.browser.safari,baidu.browser.opera,baidu.browser.chrome,baidu.browser.maxthon 
+	 */
+	   baidu.browser.ie = baidu.ie = document.documentMode || + RegExp['\x241'];
+	}
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/browser/isGecko.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	/**
+	 * 判断是否为gecko内核
+	 * @property isGecko 
+	 * @grammar baidu.browser.isGecko
+	 * @meta standard
+	 * @see baidu.browser.isWebkit
+	 */
+	baidu.browser.isGecko = /gecko/i.test(navigator.userAgent) && !/like gecko/i.test(navigator.userAgent);
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/browser/isStrict.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	/**
+	 * 判断是否严格标准的渲染模式
+	 * @property isStrict 
+	 * @grammar baidu.browser.isStrict
+	 * @meta standard
+	 */
+	baidu.browser.isStrict = document.compatMode == "CSS1Compat";
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/browser/isWebkit.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	/**
+	 * 判断是否为webkit内核
+	 * @property isWebkit 
+	 * @grammar baidu.browser.isWebkit
+	 * @meta standard
+	 * @see baidu.browser.isGecko
+	 */
+	baidu.browser.isWebkit = /webkit/i.test(navigator.userAgent);
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/browser/maxthon.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	try {
+	    if (/(\d+\.\d)/.test(external.max_version)) {
+	/**
+	 * 判断是否为maxthon浏览器
+	 * @property maxthon maxthon版本号
+	 * @grammar baidu.browser.maxthon
+	 * @see baidu.browser.ie  
+	 */
+	        baidu.browser.maxthon = + RegExp['\x241'];
+	    }
+	} catch (e) {}
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/browser/opera.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	if (/opera\/(\d+\.\d)/i.test(navigator.userAgent)) {
+	/**
+	 * 判断是否为opera浏览器
+	 * @property opera opera版本号
+	 * @grammar baidu.browser.opera
+	 * @meta standard
+	 * @see baidu.browser.ie,baidu.browser.firefox,baidu.browser.safari,baidu.browser.chrome 
+	 */
+	    baidu.browser.opera = + RegExp['\x241'];
+	}
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/browser/safari.js
+	 * author: allstar, rocy
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	(function(){
+	    var ua = navigator.userAgent;
+	    /*
+	     * 兼容浏览器为safari或ipad,其中,一段典型的ipad UA 如下:
+	     * Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10
+	     */
+	    if(/(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i.test(ua) && !/chrome/i.test(ua)){
+	        /**
+	         * 判断是否为safari浏览器, 支持ipad
+	         * @property safari safari版本号
+	         * @grammar baidu.browser.safari
+	         * @meta standard
+	         * @see baidu.browser.ie,baidu.browser.firefox,baidu.browser.opera,baidu.browser.chrome   
+	         */
+	    	baidu.browser.safari = + (RegExp['\x241'] || RegExp['\x242']);
+	    }
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/cookie.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+	/**
+	 * @namespace baidu.cookie 操作cookie的方法。
+	 */
+	baidu.cookie = baidu.cookie || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/cookie/_isValidKey.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 验证字符串是否合法的cookie键名
+	 * 
+	 * @param {string} source 需要遍历的数组
+	 * @meta standard
+	 * @return {boolean} 是否合法的cookie键名
+	 */
+	baidu.cookie._isValidKey = function (key) {
+	    // http://www.w3.org/Protocols/rfc2109/rfc2109
+	    // Syntax:  General
+	    // The two state management headers, Set-Cookie and Cookie, have common
+	    // syntactic properties involving attribute-value pairs.  The following
+	    // grammar uses the notation, and tokens DIGIT (decimal digits) and
+	    // token (informally, a sequence of non-special, non-white space
+	    // characters) from the HTTP/1.1 specification [RFC 2068] to describe
+	    // their syntax.
+	    // av-pairs   = av-pair *(";" av-pair)
+	    // av-pair    = attr ["=" value] ; optional value
+	    // attr       = token
+	    // value      = word
+	    // word       = token | quoted-string
+	    
+	    // http://www.ietf.org/rfc/rfc2068.txt
+	    // token      = 1*<any CHAR except CTLs or tspecials>
+	    // CHAR       = <any US-ASCII character (octets 0 - 127)>
+	    // CTL        = <any US-ASCII control character
+	    //              (octets 0 - 31) and DEL (127)>
+	    // tspecials  = "(" | ")" | "<" | ">" | "@"
+	    //              | "," | ";" | ":" | "\" | <">
+	    //              | "/" | "[" | "]" | "?" | "="
+	    //              | "{" | "}" | SP | HT
+	    // SP         = <US-ASCII SP, space (32)>
+	    // HT         = <US-ASCII HT, horizontal-tab (9)>
+	        
+	    return (new RegExp("^[^\\x00-\\x20\\x7f\\(\\)<>@,;:\\\\\\\"\\[\\]\\?=\\{\\}\\/\\u0080-\\uffff]+\x24")).test(key);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/cookie/getRaw.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 获取cookie的值，不对值进行解码
+	 * @name baidu.cookie.getRaw
+	 * @function
+	 * @grammar baidu.cookie.getRaw(key)
+	 * @param {string} key 需要获取Cookie的键名
+	 * @meta standard
+	 * @see baidu.cookie.get,baidu.cookie.setRaw
+	 *             
+	 * @returns {string|null} 获取的Cookie值，获取不到时返回null
+	 */
+	baidu.cookie.getRaw = function (key) {
+	    if (baidu.cookie._isValidKey(key)) {
+	        var reg = new RegExp("(^| )" + key + "=([^;]*)(;|\x24)"),
+	            result = reg.exec(document.cookie);
+	            
+	        if (result) {
+	            return result[2] || null;
+	        }
+	    }
+
+	    return null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/cookie/get.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 获取cookie的值，用decodeURIComponent进行解码
+	 * @name baidu.cookie.get
+	 * @function
+	 * @grammar baidu.cookie.get(key)
+	 * @param {string} key 需要获取Cookie的键名
+	 * @remark
+	 * <b>注意：</b>该方法会对cookie值进行decodeURIComponent解码。如果想获得cookie源字符串，请使用getRaw方法。
+	 * @meta standard
+	 * @see baidu.cookie.getRaw,baidu.cookie.set
+	 *             
+	 * @returns {string|null} cookie的值，获取不到时返回null
+	 */
+	baidu.cookie.get = function (key) {
+	    var value = baidu.cookie.getRaw(key);
+	    if ('string' == typeof value) {
+	        value = decodeURIComponent(value);
+	        return value;
+	    }
+	    return null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/cookie/setRaw.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 设置cookie的值，不对值进行编码
+	 * @name baidu.cookie.setRaw
+	 * @function
+	 * @grammar baidu.cookie.setRaw(key, value[, options])
+	 * @param {string} key 需要设置Cookie的键名
+	 * @param {string} value 需要设置Cookie的值
+	 * @param {Object} [options] 设置Cookie的其他可选参数
+	 * @config {string} [path] cookie路径
+	 * @config {Date|number} [expires] cookie过期时间,如果类型是数字的话, 单位是毫秒
+	 * @config {string} [domain] cookie域名
+	 * @config {string} [secure] cookie是否安全传输
+	 * @remark
+	 * 
+	<b>options参数包括：</b><br>
+	path:cookie路径<br>
+	expires:cookie过期时间，Number型，单位为毫秒。<br>
+	domain:cookie域名<br>
+	secure:cookie是否安全传输
+			
+	 * @meta standard
+	 * @see baidu.cookie.set,baidu.cookie.getRaw
+	 */
+	baidu.cookie.setRaw = function (key, value, options) {
+	    if (!baidu.cookie._isValidKey(key)) {
+	        return;
+	    }
+	    
+	    options = options || {};
+	    //options.path = options.path || "/"; // meizz 20100402 设定一个初始值，方便后续的操作
+	    //berg 20100409 去掉，因为用户希望默认的path是当前路径，这样和浏览器对cookie的定义也是一致的
+	    
+	    // 计算cookie过期时间
+	    var expires = options.expires;
+	    if ('number' == typeof options.expires) {
+	        expires = new Date();
+	        expires.setTime(expires.getTime() + options.expires);
+	    }
+	    
+	    document.cookie =
+	        key + "=" + value
+	        + (options.path ? "; path=" + options.path : "")
+	        + (expires ? "; expires=" + expires.toGMTString() : "")
+	        + (options.domain ? "; domain=" + options.domain : "")
+	        + (options.secure ? "; secure" : ''); 
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/cookie/remove.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 删除cookie的值
+	 * @name baidu.cookie.remove
+	 * @function
+	 * @grammar baidu.cookie.remove(key, options)
+	 * @param {string} key 需要删除Cookie的键名
+	 * @param {Object} options 需要删除的cookie对应的 path domain 等值
+	 * @meta standard
+	 */
+	baidu.cookie.remove = function (key, options) {
+	    options = options || {};
+	    options.expires = new Date(0);
+	    baidu.cookie.setRaw(key, '', options);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/cookie/set.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 设置cookie的值，用encodeURIComponent进行编码
+	 * @name baidu.cookie.set
+	 * @function
+	 * @grammar baidu.cookie.set(key, value[, options])
+	 * @param {string} key 需要设置Cookie的键名
+	 * @param {string} value 需要设置Cookie的值
+	 * @param {Object} [options] 设置Cookie的其他可选参数
+	 * @config {string} [path] cookie路径
+	 * @config {Date|number} [expires] cookie过期时间,如果类型是数字的话, 单位是毫秒
+	 * @config {string} [domain] cookie域名
+	 * @config {string} [secure] cookie是否安全传输
+	 * @remark
+	 * 
+	1. <b>注意：</b>该方法会对cookie值进行encodeURIComponent编码。如果想设置cookie源字符串，请使用setRaw方法。<br><br>
+	2. <b>options参数包括：</b><br>
+	path:cookie路径<br>
+	expires:cookie过期时间，Number型，单位为毫秒。<br>
+	domain:cookie域名<br>
+	secure:cookie是否安全传输
+			
+	 * @meta standard
+	 * @see baidu.cookie.setRaw,baidu.cookie.get
+	 */
+	baidu.cookie.set = function (key, value, options) {
+	    baidu.cookie.setRaw(key, encodeURIComponent(value), options);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/date.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/04
+	 */
+
+
+	/**
+	 * @namespace baidu.date 操作日期的方法。
+	 */
+	baidu.date = baidu.date || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/number.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/2
+	 */
+
+
+	/**
+	 * @namespace baidu.number 操作number的方法。
+	 */
+	baidu.number = baidu.number || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/number/pad.js
+	 * author: dron, erik, berg
+	 * version: 1.1.0
+	 * date: 20100412
+	 */
+
+
+
+	/**
+	 * 对目标数字进行0补齐处理
+	 * @name baidu.number.pad
+	 * @function
+	 * @grammar baidu.number.pad(source, length)
+	 * @param {number} source 需要处理的数字
+	 * @param {number} length 需要输出的长度
+	 *             
+	 * @returns {string} 对目标数字进行0补齐处理后的结果
+	 */
+	baidu.number.pad = function (source, length) {
+	    var pre = "",
+	        negative = (source < 0),
+	        string = String(Math.abs(source));
+
+	    if (string.length < length) {
+	        pre = (new Array(length - string.length + 1)).join('0');
+	    }
+
+	    return (negative ?  "-" : "") + pre + string;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/date/format.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/04
+	 */
+
+
+
+
+	/**
+	 * 对目标日期对象进行格式化
+	 * @name baidu.date.format
+	 * @function
+	 * @grammar baidu.date.format(source, pattern)
+	 * @param {Date} source 目标日期对象
+	 * @param {string} pattern 日期格式化规则
+	 * @remark
+	 * 
+	<b>格式表达式，变量含义：</b><br><br>
+	hh: 带 0 补齐的两位 12 进制时表示<br>
+	h: 不带 0 补齐的 12 进制时表示<br>
+	HH: 带 0 补齐的两位 24 进制时表示<br>
+	H: 不带 0 补齐的 24 进制时表示<br>
+	mm: 带 0 补齐两位分表示<br>
+	m: 不带 0 补齐分表示<br>
+	ss: 带 0 补齐两位秒表示<br>
+	s: 不带 0 补齐秒表示<br>
+	yyyy: 带 0 补齐的四位年表示<br>
+	yy: 带 0 补齐的两位年表示<br>
+	MM: 带 0 补齐的两位月表示<br>
+	M: 不带 0 补齐的月表示<br>
+	dd: 带 0 补齐的两位日表示<br>
+	d: 不带 0 补齐的日表示
+			
+	 *             
+	 * @returns {string} 格式化后的字符串
+	 */
+
+	baidu.date.format = function (source, pattern) {
+	    if ('string' != typeof pattern) {
+	        return source.toString();
+	    }
+
+	    function replacer(patternPart, result) {
+	        pattern = pattern.replace(patternPart, result);
+	    }
+	    
+	    var pad     = baidu.number.pad,
+	        year    = source.getFullYear(),
+	        month   = source.getMonth() + 1,
+	        date2   = source.getDate(),
+	        hours   = source.getHours(),
+	        minutes = source.getMinutes(),
+	        seconds = source.getSeconds();
+
+	    replacer(/yyyy/g, pad(year, 4));
+	    replacer(/yy/g, pad(parseInt(year.toString().slice(2), 10), 2));
+	    replacer(/MM/g, pad(month, 2));
+	    replacer(/M/g, month);
+	    replacer(/dd/g, pad(date2, 2));
+	    replacer(/d/g, date2);
+
+	    replacer(/HH/g, pad(hours, 2));
+	    replacer(/H/g, hours);
+	    replacer(/hh/g, pad(hours % 12, 2));
+	    replacer(/h/g, hours % 12);
+	    replacer(/mm/g, pad(minutes, 2));
+	    replacer(/m/g, minutes);
+	    replacer(/ss/g, pad(seconds, 2));
+	    replacer(/s/g, seconds);
+
+	    return pattern;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/date/parse.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/04
+	 */
+
+
+
+	/**
+	 * 将目标字符串转换成日期对象
+	 * @name baidu.date.parse
+	 * @function
+	 * @grammar baidu.date.parse(source)
+	 * @param {string} source 目标字符串
+	 * @remark
+	 * 
+	对于目标字符串，下面这些规则决定了 parse 方法能够成功地解析： <br>
+	<ol>
+	<li>短日期可以使用“/”或“-”作为日期分隔符，但是必须用月/日/年的格式来表示，例如"7/20/96"。</li>
+	<li>以 "July 10 1995" 形式表示的长日期中的年、月、日可以按任何顺序排列，年份值可以用 2 位数字表示也可以用 4 位数字表示。如果使用 2 位数字来表示年份，那么该年份必须大于或等于 70。 </li>
+	<li>括号中的任何文本都被视为注释。这些括号可以嵌套使用。 </li>
+	<li>逗号和空格被视为分隔符。允许使用多个分隔符。 </li>
+	<li>月和日的名称必须具有两个或两个以上的字符。如果两个字符所组成的名称不是独一无二的，那么该名称就被解析成最后一个符合条件的月或日。例如，"Ju" 被解释为七月而不是六月。 </li>
+	<li>在所提供的日期中，如果所指定的星期几的值与按照该日期中剩余部分所确定的星期几的值不符合，那么该指定值就会被忽略。例如，尽管 1996 年 11 月 9 日实际上是星期五，"Tuesday November 9 1996" 也还是可以被接受并进行解析的。但是结果 date 对象中包含的是 "Friday November 9 1996"。 </li>
+	<li>JScript 处理所有的标准时区，以及全球标准时间 (UTC) 和格林威治标准时间 (GMT)。</li> 
+	<li>小时、分钟、和秒钟之间用冒号分隔，尽管不是这三项都需要指明。"10:"、"10:11"、和 "10:11:12" 都是有效的。 </li>
+	<li>如果使用 24 小时计时的时钟，那么为中午 12 点之后的时间指定 "PM" 是错误的。例如 "23:15 PM" 就是错误的。</li> 
+	<li>包含无效日期的字符串是错误的。例如，一个包含有两个年份或两个月份的字符串就是错误的。</li>
+	</ol>
+			
+	 *             
+	 * @returns {Date} 转换后的日期对象
+	 */
+
+	baidu.date.parse = function (source) {
+	    var reg = new RegExp("^\\d+(\\-|\\/)\\d+(\\-|\\/)\\d+\x24");
+	    if ('string' == typeof source) {
+	        if (reg.test(source) || isNaN(Date.parse(source))) {
+	            var d = source.split(/ |T/),
+	                d1 = d.length > 1 
+	                        ? d[1].split(/[^\d]/) 
+	                        : [0, 0, 0],
+	                d0 = d[0].split(/[^\d]/);
+	            return new Date(d0[0] - 0, 
+	                            d0[1] - 1, 
+	                            d0[2] - 0, 
+	                            d1[0] - 0, 
+	                            d1[1] - 0, 
+	                            d1[2] - 0);
+	        } else {
+	            return new Date(source);
+	        }
+	    }
+	    
+	    return new Date();
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+	/**
+	 * @namespace baidu.dom 操作dom的方法。
+	 */
+	baidu.dom = baidu.dom || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/g.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 从文档中获取指定的DOM元素
+	 * @name baidu.dom.g
+	 * @function
+	 * @grammar baidu.dom.g(id)
+	 * @param {string|HTMLElement} id 元素的id或DOM元素
+	 * @shortcut g,T.G
+	 * @meta standard
+	 * @see baidu.dom.q
+	 *             
+	 * @returns {HTMLElement|null} 获取的元素，查找不到时返回null,如果参数不合法，直接返回参数
+	 */
+	baidu.dom.g = function (id) {
+	    if ('string' == typeof id || id instanceof String) {
+	        return document.getElementById(id);
+	    } else if (id && id.nodeName && (id.nodeType == 1 || id.nodeType == 9)) {
+	        return id;
+	    }
+	    return null;
+	};
+
+	// 声明快捷方法
+	baidu.g = baidu.G = baidu.dom.g;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+	/**
+	 * @namespace baidu.string 操作字符串的方法。
+	 */
+	baidu.string = baidu.string || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/trim.js
+	 * author: dron, erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 删除目标字符串两端的空白字符
+	 * @name baidu.string.trim
+	 * @function
+	 * @grammar baidu.string.trim(source)
+	 * @param {string} source 目标字符串
+	 * @remark
+	 * 不支持删除单侧空白字符
+	 * @shortcut trim
+	 * @meta standard
+	 *             
+	 * @returns {string} 删除两端空白字符后的字符串
+	 */
+
+	(function () {
+	    var trimer = new RegExp("(^[\\s\\t\\xa0\\u3000]+)|([\\u3000\\xa0\\s\\t]+\x24)", "g");
+	    
+	    baidu.string.trim = function (source) {
+	        return String(source)
+	                .replace(trimer, "");
+	    };
+	})();
+
+	// 声明快捷方法
+	baidu.trim = baidu.string.trim;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All right reserved.
+	 * 
+	 * path: baidu/dom/addClass.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/2
+	 */
+
+
+
+
+	/**
+	 * 为目标元素添加className
+	 * @name baidu.dom.addClass
+	 * @function
+	 * @grammar baidu.dom.addClass(element, className)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} className 要添加的className，允许同时添加多个class，中间使用空白符分隔
+	 * @remark
+	 * 使用者应保证提供的className合法性，不应包含不合法字符，className合法字符参考：http://www.w3.org/TR/CSS2/syndata.html。
+	 * @shortcut addClass
+	 * @meta standard
+	 * @see baidu.dom.removeClass
+	 * 	
+	 * 	            
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.dom.addClass = function (element, className) {
+	    element = baidu.dom.g(element);
+	    var classArray = className.split(/\s+/),
+	        result = element.className,
+	        classMatch = " " + result + " ",
+	        i = 0,
+	        l = classArray.length;
+
+	    for (; i < l; i++){
+	         if ( classMatch.indexOf( " " + classArray[i] + " " ) < 0 ) {
+	             result += (result ? ' ' : '') + classArray[i];
+	         }
+	    }
+
+	    element.className = result;
+	    return element;
+	};
+
+	// 声明快捷方法
+	baidu.addClass = baidu.dom.addClass;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/children.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+
+	/**
+	 * 获取目标元素的直接子元素列表
+	 * @name baidu.dom.children
+	 * @function
+	 * @grammar baidu.dom.children(element)
+	 * @param {HTMLElement|String} element 目标元素或目标元素的id
+	 * @meta standard
+	 *             
+	 * @returns {Array} 目标元素的子元素列表，没有子元素时返回空数组
+	 */
+	baidu.dom.children = function (element) {
+	    element = baidu.dom.g(element);
+
+	    for (var children = [], tmpEl = element.firstChild; tmpEl; tmpEl = tmpEl.nextSibling) {
+	        if (tmpEl.nodeType == 1) {
+	            children.push(tmpEl);
+	        }
+	    }
+	    
+	    return children;    
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/isString.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/30
+	 */
+
+
+
+	/**
+	 * 判断目标参数是否string类型或String对象
+	 * @name baidu.lang.isString
+	 * @function
+	 * @grammar baidu.lang.isString(source)
+	 * @param {Any} source 目标参数
+	 * @shortcut isString
+	 * @meta standard
+	 * @see baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
+	 *             
+	 * @returns {boolean} 类型判断结果
+	 */
+	baidu.lang.isString = function (source) {
+	    return '[object String]' == Object.prototype.toString.call(source);
+	};
+
+	// 声明快捷方法
+	baidu.isString = baidu.lang.isString;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/g.js
+	 * author: allstar, erik, berg
+	 * version: 1.3
+	 * date: 2010-07-07
+	 */
+
+
+
+
+	/**
+	 * 从文档中获取指定的DOM元素
+	 * **内部方法**
+	 * 
+	 * @param {string|HTMLElement} id 元素的id或DOM元素
+	 * @meta standard
+	 * @return {HTMLElement} DOM元素，如果不存在，返回null，如果参数不合法，直接返回参数
+	 */
+	baidu.dom._g = function (id) {
+	    if (baidu.lang.isString(id)) {
+	        return document.getElementById(id);
+	    }
+	    return id;
+	};
+
+	// 声明快捷方法
+	baidu._g = baidu.dom._g;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/contains.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 判断一个元素是否包含另一个元素
+	 * @name baidu.dom.contains
+	 * @function
+	 * @grammar baidu.dom.contains(container, contained)
+	 * @param {HTMLElement|string} container 包含元素或元素的id
+	 * @param {HTMLElement|string} contained 被包含元素或元素的id
+	 * @meta standard
+	 * @see baidu.dom.intersect
+	 *             
+	 * @returns {boolean} contained元素是否被包含于container元素的DOM节点上
+	 */
+	baidu.dom.contains = function (container, contained) {
+
+	    var g = baidu.dom._g;
+	    container = g(container);
+	    contained = g(contained);
+
+	    //fixme: 无法处理文本节点的情况(IE)
+	    return container.contains
+	        ? container != contained && container.contains(contained)
+	        : !!(container.compareDocumentPosition(contained) & 16);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/_NAME_ATTRS.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/2
+	 */
+
+
+
+
+	/**
+	 * 提供给setAttr与getAttr方法作名称转换使用
+	 * ie6,7下class要转换成className
+	 * @meta standard
+	 */
+
+	baidu.dom._NAME_ATTRS = (function () {
+	    var result = {
+	        'cellpadding': 'cellPadding',
+	        'cellspacing': 'cellSpacing',
+	        'colspan': 'colSpan',
+	        'rowspan': 'rowSpan',
+	        'valign': 'vAlign',
+	        'usemap': 'useMap',
+	        'frameborder': 'frameBorder'
+	    };
+	    
+	    if (baidu.browser.ie < 8) {
+	        result['for'] = 'htmlFor';
+	        result['class'] = 'className';
+	    } else {
+	        result['htmlFor'] = 'for';
+	        result['className'] = 'class';
+	    }
+	    
+	    return result;
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/setAttr.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+
+	/**
+	 * 设置目标元素的attribute值
+	 * @name baidu.dom.setAttr
+	 * @function
+	 * @grammar baidu.dom.setAttr(element, key, value)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} key 要设置的attribute键名
+	 * @param {string} value 要设置的attribute值
+	 * @remark
+	 * 
+	            设置object的自定义属性时，由于浏览器限制，无法设置。
+	        
+	 * @shortcut setAttr
+	 * @meta standard
+	 * @see baidu.dom.getAttr,baidu.dom.setAttrs
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.dom.setAttr = function (element, key, value) {
+	    element = baidu.dom.g(element);
+
+	    if ('style' == key){
+	        element.style.cssText = value;
+	    } else {
+	        key = baidu.dom._NAME_ATTRS[key] || key;
+	        element.setAttribute(key, value);
+	    }
+
+	    return element;
+	};
+
+	// 声明快捷方法
+	baidu.setAttr = baidu.dom.setAttr;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/setAttrs.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+
+	/**
+	 * 批量设置目标元素的attribute值
+	 * @name baidu.dom.setAttrs
+	 * @function
+	 * @grammar baidu.dom.setAttrs(element, attributes)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {Object} attributes 要设置的attribute集合
+	 * @shortcut setAttrs
+	 * @meta standard
+	 * @see baidu.dom.setAttr,baidu.dom.getAttr
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.dom.setAttrs = function (element, attributes) {
+	    element = baidu.dom.g(element);
+
+	    for (var key in attributes) {
+	        baidu.dom.setAttr(element, key, attributes[key]);
+	    }
+
+	    return element;
+	};
+
+	// 声明快捷方法
+	baidu.setAttrs = baidu.dom.setAttrs;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All right reserved.
+	 */
+
+
+	/**
+	 * 创建 Element 对象。
+	 * @author berg
+	 * @name baidu.dom.create
+	 * @function
+	 * @grammar baidu.dom.create(tagName[, options])
+	 * @param {string} tagName 标签名称.
+	 * @param {Object} opt_attributes 元素创建时拥有的属性，如style和className.
+	 * @version 1.3
+	 * @meta standard
+	 * @return {HTMLElement} 创建的 Element 对象
+	 */
+	baidu.dom.create = function(tagName, opt_attributes) {
+	    var el = document.createElement(tagName),
+	        attributes = opt_attributes || {};
+	    return baidu.dom.setAttrs(el, attributes);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/guid.js
+	 * author: meizz
+	 * version: 1.1.0
+	 * date: 2010/02/04
+	 */
+
+	/**
+	 * 返回一个当前页面的唯一标识字符串。
+	 * @name baidu.lang.guid
+	 * @function
+	 * @grammar baidu.lang.guid()
+	 * @version 1.1.1
+	 * @meta standard
+	 *             
+	 * @returns {String} 当前页面的唯一标识字符串
+	 */
+
+	(function(){
+	    //不直接使用window，可以提高3倍左右性能
+	    var guid = window[baidu.guid];
+
+	    baidu.lang.guid = function() {
+	        return "TANGRAM__" + (guid._counter ++).toString(36);
+	    };
+
+	    guid._counter = guid._counter || 1;
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/_instances.js
+	 * author: meizz, erik
+	 * version: 1.1.0
+	 * date: 2009/12/1
+	 */
+
+
+
+
+	/**
+	 * 所有类的实例的容器
+	 * key为每个实例的guid
+	 * @meta standard
+	 */
+
+	window[baidu.guid]._instances = window[baidu.guid]._instances || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/Class.js
+	 * author: meizz, erik
+	 * version: 1.1.0
+	 * date: 2009/12/1
+	 */
+
+
+
+
+
+	/**
+	 * 
+	 * @class  Tangram继承机制提供的一个基类，用户可以通过继承baidu.lang.Class来获取它的属性及方法。
+	 * @name 	baidu.lang.Class
+	 * @grammar baidu.lang.Class(guid)
+	 * @param 	{string}	guid	对象的唯一标识
+	 * @meta standard
+	 * @remark baidu.lang.Class和它的子类的实例均包含一个全局唯一的标识guid。guid是在构造函数中生成的，因此，继承自baidu.lang.Class的类应该直接或者间接调用它的构造函数。<br>baidu.lang.Class的构造函数中产生guid的方式可以保证guid的唯一性，及每个实例都有一个全局唯一的guid。
+	 * @meta standard
+	 * @see baidu.lang.inherits,baidu.lang.Event
+	 */
+	baidu.lang.Class = function(guid) {
+	    this.guid = guid || baidu.lang.guid();
+	    window[baidu.guid]._instances[this.guid] = this;
+	};
+	window[baidu.guid]._instances = window[baidu.guid]._instances || {};
+
+	/**
+	 * 释放对象所持有的资源，主要是自定义事件。
+	 * @name dispose
+	 * @grammar obj.dispose()
+	 * TODO: 将_listeners中绑定的事件剔除掉
+	 */
+	baidu.lang.Class.prototype.dispose = function(){
+	    delete window[baidu.guid]._instances[this.guid];
+
+	    for(var property in this){
+	        if (!baidu.lang.isFunction(this[property])) {
+	            delete this[property];
+	        }
+	    }
+	    this.disposed = true;   // 20100716
+	};
+
+	/**
+	 * 重载了默认的toString方法，使得返回信息更加准确一些。
+	 * @return {string} 对象的String表示形式
+	 */
+	baidu.lang.Class.prototype.toString = function(){
+	    return "[object " + (this._className || "Object" ) + "]";
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/Event.js
+	 * author: meizz, erik, berg
+	 * version: 1.1.1
+	 * date: 2009/11/24
+	 * modify: 2010/04/19 berg
+	 */
+
+
+
+
+
+
+	/**
+	 * 
+	 * @class   自定义的事件对象。
+	 * @name 	baidu.lang.Event
+	 * @grammar baidu.lang.Event(type[, target])
+	 * @param 	{string} type	 事件类型名称。为了方便区分事件和一个普通的方法，事件类型名称必须以"on"(小写)开头。
+	 * @param 	{Object} [target]触发事件的对象
+	 * @meta standard
+	 * @remark 引入该模块，会自动为Class引入3个事件扩展方法：addEventListener、removeEventListener和dispatchEvent。
+	 * @meta standard
+	 * @see baidu.lang.Class
+	 */
+	baidu.lang.Event = function (type, target) {
+	    this.type = type;
+	    this.returnValue = true;
+	    this.target = target || null;
+	    this.currentTarget = null;
+	};
+
+	/**
+	 * 注册对象的事件监听器。引入baidu.lang.Event后，Class的子类实例才会获得该方法。
+	 * @grammar obj.addEventListener(type, handler[, key])
+	 * @param 	{string}   type         自定义事件的名称
+	 * @param 	{Function} handler      自定义事件被触发时应该调用的回调函数
+	 * @param 	{string}   [key]		为事件监听函数指定的名称，可在移除时使用。如果不提供，方法会默认为它生成一个全局唯一的key。
+	 * @remark 	事件类型区分大小写。如果自定义事件名称不是以小写"on"开头，该方法会给它加上"on"再进行判断，即"click"和"onclick"会被认为是同一种事件。 
+	 */
+	baidu.lang.Class.prototype.addEventListener = function (type, handler, key) {
+	    if (!baidu.lang.isFunction(handler)) {
+	        return;
+	    }
+
+	    !this.__listeners && (this.__listeners = {});
+
+	    var t = this.__listeners, id;
+	    if (typeof key == "string" && key) {
+	        if (/[^\w\-]/.test(key)) {
+	            throw("nonstandard key:" + key);
+	        } else {
+	            handler.hashCode = key; 
+	            id = key;
+	        }
+	    }
+	    type.indexOf("on") != 0 && (type = "on" + type);
+
+	    typeof t[type] != "object" && (t[type] = {});
+	    id = id || baidu.lang.guid();
+	    handler.hashCode = id;
+	    t[type][id] = handler;
+	};
+	 
+	/**
+	 * 移除对象的事件监听器。引入baidu.lang.Event后，Class的子类实例才会获得该方法。
+	 * @grammar obj.removeEventListener(type, handler)
+	 * @param {string}   type     事件类型
+	 * @param {Function|string} handler  要移除的事件监听函数或者监听函数的key
+	 * @remark 	如果第二个参数handler没有被绑定到对应的自定义事件中，什么也不做。
+	 */
+	baidu.lang.Class.prototype.removeEventListener = function (type, handler) {
+	    if (typeof handler != "undefined") {
+	        if ( (baidu.lang.isFunction(handler) && ! (handler = handler.hashCode))
+	            || (! baidu.lang.isString(handler))
+	        ){
+	            return;
+	        }
+	    }
+
+	    !this.__listeners && (this.__listeners = {});
+
+	    type.indexOf("on") != 0 && (type = "on" + type);
+
+	    var t = this.__listeners;
+	    if (!t[type]) {
+	        return;
+	    }
+	    if (typeof handler != "undefined") {
+	        t[type][handler] && delete t[type][handler];
+	    } else {
+	        for(var guid in t[type]){
+	            delete t[type][guid];
+	        }
+	    }
+	};
+
+	/**
+	 * 派发自定义事件，使得绑定到自定义事件上面的函数都会被执行。引入baidu.lang.Event后，Class的子类实例才会获得该方法。
+	 * @grammar obj.dispatchEvent(event, options)
+	 * @param {baidu.lang.Event|String} event 	Event对象，或事件名称(1.1.1起支持)
+	 * @param {Object} 					options 扩展参数,所含属性键值会扩展到Event对象上(1.2起支持)
+	 * @remark 处理会调用通过addEventListenr绑定的自定义事件回调函数之外，还会调用直接绑定到对象上面的自定义事件。例如：<br>
+	myobj.onMyEvent = function(){}<br>
+	myobj.addEventListener("onMyEvent", function(){});
+	 */
+	baidu.lang.Class.prototype.dispatchEvent = function (event, options) {
+	    if (baidu.lang.isString(event)) {
+	        event = new baidu.lang.Event(event);
+	    }
+	    !this.__listeners && (this.__listeners = {});
+
+	    // 20100603 添加本方法的第二个参数，将 options extend到event中去传递
+	    options = options || {};
+	    for (var i in options) {
+	        event[i] = options[i];
+	    }
+
+	    var i, t = this.__listeners, p = event.type;
+	    event.target = event.target || this;
+	    event.currentTarget = this;
+
+	    p.indexOf("on") != 0 && (p = "on" + p);
+
+	    baidu.lang.isFunction(this[p]) && this[p].apply(this, arguments);
+
+	    if (typeof t[p] == "object") {
+	        for (i in t[p]) {
+	            t[p][i].apply(this, arguments);
+	        }
+	    }
+	    return event.returnValue;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/createSingle.js
+	 * author: meizz, berg
+	 * version: 1.1.2
+	 * date: 2010-05-13
+	 */
+
+
+
+
+
+	/**
+	 * 创建一个baidu.lang.Class的单例实例
+	 * @name baidu.lang.createSingle
+	 * @function
+	 * @grammar baidu.lang.createSingle(json)
+	 * @param {Object} json 直接挂载到这个单例里的预定属性/方法
+	 * @version 1.2
+	 * @see baidu.lang.Class
+	 *             
+	 * @returns {Object} 一个实例
+	 */
+	baidu.lang.createSingle = function (json) {
+	    var c = new baidu.lang.Class();
+
+	    for (var key in json) {
+	        c[key] = json[key];
+	    }
+	    return c;
+	};
+
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/dragManager.js
+	 * author: rocy
+	 * version: 1.4.0
+	 * date: 2010/10/14
+	 */
+
+
+
+	/**
+	 * 拖曳管理器
+	 * @function
+	 * @param   {HTMLElement|ID}    element 被拖曳的元素
+	 * @param   {JSON}              options 拖曳配置项 {toggle, autoStop, interval, capture, range, ondragstart, ondragend, ondrag}
+	 * @return {DOMElement}                 可拖拽的元素
+	 */
+	baidu.dom.ddManager = baidu.lang.createSingle({
+		_targetsDroppingOver:{}
+	});
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/getDocument.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 获取目标元素所属的document对象
+	 * @name baidu.dom.getDocument
+	 * @function
+	 * @grammar baidu.dom.getDocument(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @meta standard
+	 * @see baidu.dom.getWindow
+	 *             
+	 * @returns {HTMLDocument} 目标元素所属的document对象
+	 */
+	baidu.dom.getDocument = function (element) {
+	    element = baidu.dom.g(element);
+	    return element.nodeType == 9 ? element : element.ownerDocument || element.document;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+	/**
+	 * 获取目标元素的computed style值。如果元素的样式值不能被浏览器计算，则会返回空字符串（IE）
+	 *
+	 * @author berg
+	 * @name baidu.dom.getComputedStyle
+	 * @function
+	 * @grammar baidu.dom.getComputedStyle(element, key)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} key 要获取的样式名
+	 *
+	 * @see baidu.dom.getStyle
+	 *             
+	 * @returns {string} 目标元素的computed style值
+	 */
+
+	baidu.dom.getComputedStyle = function(element, key){
+	    element = baidu.dom._g(element);
+	    var doc = baidu.dom.getDocument(element),
+	        styles;
+	    if (doc.defaultView && doc.defaultView.getComputedStyle) {
+	        styles = doc.defaultView.getComputedStyle(element, null);
+	        if (styles) {
+	            return styles[key] || styles.getPropertyValue(key);
+	        }
+	    }
+	    return ''; 
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/_styleFixer.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 提供给setStyle与getStyle使用
+	 */
+	baidu.dom._styleFixer = baidu.dom._styleFixer || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/_styleFilters.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 提供给setStyle与getStyle使用
+	 */
+	baidu.dom._styleFilter = baidu.dom._styleFilter || [];
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/_styleFilter/filter.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 为获取和设置样式的过滤器
+	 * @private
+	 * @meta standard
+	 */
+	baidu.dom._styleFilter.filter = function (key, value, method) {
+	    for (var i = 0, filters = baidu.dom._styleFilter, filter; filter = filters[i]; i++) {
+	        if (filter = filter[method]) {
+	            value = filter(key, value);
+	        }
+	    }
+
+	    return value;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/toCamelCase.js
+	 * author: erik, berg
+	 * version: 1.2
+	 * date: 2010-06-22
+	 */
+
+
+
+	/**
+	 * 将目标字符串进行驼峰化处理
+	 * @name baidu.string.toCamelCase
+	 * @function
+	 * @grammar baidu.string.toCamelCase(source)
+	 * @param {string} source 目标字符串
+	 * @remark
+	 * 支持单词以“-_”分隔
+	 * @meta standard
+	 *             
+	 * @returns {string} 驼峰化处理后的字符串
+	 */
+	 
+	 //todo:考虑以后去掉下划线支持？
+	baidu.string.toCamelCase = function (source) {
+	    //提前判断，提高getStyle等的效率 thanks xianwei
+	    if (source.indexOf('-') < 0 && source.indexOf('_') < 0) {
+	        return source;
+	    }
+	    return source.replace(/[-_][^-_]/g, function (match) {
+	        return match.charAt(1).toUpperCase();
+	    });
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+
+
+	/**
+	 * 获取目标元素的样式值
+	 * @name baidu.dom.getStyle
+	 * @function
+	 * @grammar baidu.dom.getStyle(element, key)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} key 要获取的样式名
+	 * @remark
+	 * 
+	 * 为了精简代码，本模块默认不对任何浏览器返回值进行归一化处理（如使用getStyle时，不同浏览器下可能返回rgb颜色或hex颜色），也不会修复浏览器的bug和差异性（如设置IE的float属性叫styleFloat，firefox则是cssFloat）。<br />
+	 * baidu.dom._styleFixer和baidu.dom._styleFilter可以为本模块提供支持。<br />
+	 * 其中_styleFilter能对颜色和px进行归一化处理，_styleFixer能对display，float，opacity，textOverflow的浏览器兼容性bug进行处理。	
+	 * @shortcut getStyle
+	 * @meta standard
+	 * @see baidu.dom.setStyle,baidu.dom.setStyles, baidu.dom.getComputedStyle
+	 *             
+	 * @returns {string} 目标元素的样式值
+	 */
+	// TODO
+	// 1. 无法解决px/em单位统一的问题（IE）
+	// 2. 无法解决样式值为非数字值的情况（medium等 IE）
+	baidu.dom.getStyle = function (element, key) {
+	    var dom = baidu.dom;
+
+	    element = dom.g(element);
+	    key = baidu.string.toCamelCase(key);
+	    //computed style, then cascaded style, then explicitly set style.
+	    var value = element.style[key] ||
+	                (element.currentStyle ? element.currentStyle[key] : "") || 
+	                dom.getComputedStyle(element, key);
+
+	    // 在取不到值的时候，用fixer进行修正
+	    if (!value) {
+	        var fixer = dom._styleFixer[key];
+	        if(fixer){
+	            value = fixer.get ? fixer.get(element) : baidu.dom.getStyle(element, fixer);
+	        }
+	    }
+	    
+	    /* 检查结果过滤器 */
+	    if (fixer = dom._styleFilter) {
+	        value = fixer.filter(key, value, 'get');
+	    }
+
+	    return value;
+	};
+
+	// 声明快捷方法
+	baidu.getStyle = baidu.dom.getStyle;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * @namespace baidu.event 屏蔽浏览器差异性的事件封装。
+	 * @property target 	事件的触发元素
+	 * @property pageX 		鼠标事件的鼠标x坐标
+	 * @property pageY 		鼠标事件的鼠标y坐标
+	 * @property keyCode 	键盘事件的键值
+	 */
+	baidu.event = baidu.event || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/_listeners.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	/**
+	 * 事件监听器的存储表
+	 * @private
+	 * @meta standard
+	 */
+	baidu.event._listeners = baidu.event._listeners || [];
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/on.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/16
+	 */
+
+
+
+
+	/**
+	 * 为目标元素添加事件监听器
+	 * @name baidu.event.on
+	 * @function
+	 * @grammar baidu.event.on(element, type, listener)
+	 * @param {HTMLElement|string|window} element 目标元素或目标元素id
+	 * @param {string} type 事件类型
+	 * @param {Function} listener 需要添加的监听器
+	 * @remark
+	 * 
+	1. 不支持跨浏览器的鼠标滚轮事件监听器添加<br>
+	2. 改方法不为监听器灌入事件对象，以防止跨iframe事件挂载的事件对象获取失败
+	    
+	 * @shortcut on
+	 * @meta standard
+	 * @see baidu.event.un
+	 *             
+	 * @returns {HTMLElement|window} 目标元素
+	 */
+	baidu.event.on = function (element, type, listener) {
+	    type = type.replace(/^on/i, '');
+	    element = baidu.dom._g(element);
+
+	    var realListener = function (ev) {
+	            // 1. 这里不支持EventArgument,  原因是跨frame的事件挂载
+	            // 2. element是为了修正this
+	            listener.call(element, ev);
+	        },
+	        lis = baidu.event._listeners,
+	        filter = baidu.event._eventFilter,
+	        afterFilter,
+	        realType = type;
+	    type = type.toLowerCase();
+	    // filter过滤
+	    if(filter && filter[type]){
+	        afterFilter = filter[type](element, type, realListener);
+	        realType = afterFilter.type;
+	        realListener = afterFilter.listener;
+	    }
+	    
+	    // 事件监听器挂载
+	    if (element.addEventListener) {
+	        element.addEventListener(realType, realListener, false);
+	    } else if (element.attachEvent) {
+	        element.attachEvent('on' + realType, realListener);
+	    }
+	  
+	    // 将监听器存储到数组中
+	    lis[lis.length] = [element, type, listener, realListener, realType];
+	    return element;
+	};
+
+	// 声明快捷方法
+	baidu.on = baidu.event.on;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/un.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/16
+	 */
+
+
+
+
+	/**
+	 * 为目标元素移除事件监听器
+	 * @name baidu.event.un
+	 * @function
+	 * @grammar baidu.event.un(element, type, listener)
+	 * @param {HTMLElement|string|window} element 目标元素或目标元素id
+	 * @param {string} type 事件类型
+	 * @param {Function} listener 需要移除的监听器
+	 * @shortcut un
+	 * @meta standard
+	 * @see baidu.event.on
+	 *             
+	 * @returns {HTMLElement|window} 目标元素
+	 */
+	baidu.event.un = function (element, type, listener) {
+	    element = baidu.dom._g(element);
+	    type = type.replace(/^on/i, '').toLowerCase();
+	    
+	    var lis = baidu.event._listeners, 
+	        len = lis.length,
+	        isRemoveAll = !listener,
+	        item,
+	        realType, realListener;
+	    
+	    //如果将listener的结构改成json
+	    //可以节省掉这个循环，优化性能
+	    //但是由于un的使用频率并不高，同时在listener不多的时候
+	    //遍历数组的性能消耗不会对代码产生影响
+	    //暂不考虑此优化
+	    while (len--) {
+	        item = lis[len];
+	        
+	        // listener存在时，移除element的所有以listener监听的type类型事件
+	        // listener不存在时，移除element的所有type类型事件
+	        if (item[1] === type
+	            && item[0] === element
+	            && (isRemoveAll || item[2] === listener)) {
+	           	realType = item[4];
+	           	realListener = item[3];
+	            if (element.removeEventListener) {
+	                element.removeEventListener(realType, realListener, false);
+	            } else if (element.detachEvent) {
+	                element.detachEvent('on' + realType, realListener);
+	            }
+	            lis.splice(len, 1);
+	        }
+	    }
+	    
+	    return element;
+	};
+
+	// 声明快捷方法
+	baidu.un = baidu.event.un;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/preventDefault.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	/**
+	 * 阻止事件的默认行为
+	 * @name baidu.event.preventDefault
+	 * @function
+	 * @grammar baidu.event.preventDefault(event)
+	 * @param {Event} event 事件对象
+	 * @meta standard
+	 * @see baidu.event.stop,baidu.event.stopPropagation
+	 */
+	baidu.event.preventDefault = function (event) {
+	   if (event.preventDefault) {
+	       event.preventDefault();
+	   } else {
+	       event.returnValue = false;
+	   }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/page.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+	/**
+	 * @namespace baidu.page 对页面层面的封装，包括页面的高宽属性、以及外部css和js的动态添加。
+	 */
+	baidu.page = baidu.page || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/page/getScrollTop.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 获取纵向滚动量
+	 * @name baidu.page.getScrollTop
+	 * @function
+	 * @grammar baidu.page.getScrollTop()
+	 * @see baidu.page.getScrollLeft
+	 * @meta standard
+	 * @returns {number} 纵向滚动量
+	 */
+	baidu.page.getScrollTop = function () {
+	    var d = document;
+	    return window.pageYOffset || d.documentElement.scrollTop || d.body.scrollTop;
+	};
+	/**
+	 * 获取横向滚动量
+	 * @name baidu.page.getScrollLeft
+	 * @function
+	 * @grammar baidu.page.getScrollLeft()
+	 * @see baidu.page.getScrollTop
+	 *             
+	 * @returns {number} 横向滚动量
+	 */
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/page/getScrollLeft.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 获取横向滚动量
+	 * 
+	 * @return {number} 横向滚动量
+	 */
+	baidu.page.getScrollLeft = function () {
+	    var d = document;
+	    return window.pageXOffset || d.documentElement.scrollLeft || d.body.scrollLeft;
+	};
+	/**
+	 * 获得页面里的目前鼠标所在的坐标
+	 * @name baidu.page.getMousePosition
+	 * @function
+	 * @grammar baidu.page.getMousePosition()
+	 * @version 1.2
+	 *             
+	 * @returns {object} 鼠标坐标值{x:[Number], y:[Number]}
+	 */
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/page/getMousePosition.js
+	 * author: meizz
+	 * version: 1.1.0
+	 * date: 2010/06/02
+	 */
+
+
+
+
+	/**
+	 * 取得当前页面里的目前鼠标所在的坐标（x y）
+	 *
+	 * @return  {JSON}  当前鼠标的坐标值({x, y})
+	 */
+	(function(){
+
+	 baidu.page.getMousePosition = function(){
+	 return {
+	x : baidu.page.getScrollLeft() + xy.x,
+	y : baidu.page.getScrollTop() + xy.y
+	};
+	};
+
+	var xy = {x:0, y:0};
+	// 监听当前网页的 mousemove 事件以获得鼠标的实时坐标
+	baidu.event.on(document, "onmousemove", function(e){
+	    e = window.event || e;
+	    xy.x = e.clientX;
+	    xy.y = e.clientY;
+	    });
+
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/getPosition.js
+	 * author: berg
+	 * version: 1.2.0
+	 * date: 2010/12/16
+	 *
+	 * thanks google closure & jquery
+	 * 本函数部分思想来自：http://code.google.com/p/doctype/wiki/ArticlePageOffset
+	 */
+
+
+
+
+
+
+
+
+
+
+	/**
+	 * 获取目标元素相对于整个文档左上角的位置
+	 * @name baidu.dom.getPosition
+	 * @function
+	 * @grammar baidu.dom.getPosition(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @meta standard
+	 *             
+	 * @returns {Object} 目标元素的位置，键值为top和left的Object。
+	 */
+	baidu.dom.getPosition = function (element) {
+	    element = baidu.dom.g(element);
+	    var doc = baidu.dom.getDocument(element), 
+	        browser = baidu.browser,
+	        getStyle = baidu.dom.getStyle,
+	    // Gecko 1.9版本以下用getBoxObjectFor计算位置
+	    // 但是某些情况下是有bug的
+	    // 对于这些有bug的情况
+	    // 使用递归查找的方式
+	        BUGGY_GECKO_BOX_OBJECT = browser.isGecko > 0 && 
+	                                 doc.getBoxObjectFor &&
+	                                 getStyle(element, 'position') == 'absolute' &&
+	                                 (element.style.top === '' || element.style.left === ''),
+	        pos = {"left":0,"top":0},
+	        viewport = (browser.ie && !browser.isStrict) ? doc.body : doc.documentElement,
+	        parent,
+	        box;
+	    
+	    if(element == viewport){
+	        return pos;
+	    }
+
+
+	    if(element.getBoundingClientRect){ // IE and Gecko 1.9+
+	        
+	    	//当HTML或者BODY有border width时, 原生的getBoundingClientRect返回值是不符合预期的
+	    	//考虑到通常情况下 HTML和BODY的border只会设成0px,所以忽略该问题.
+	        box = element.getBoundingClientRect();
+
+	        pos.left = Math.floor(box.left) + Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft);
+	        pos.top  = Math.floor(box.top)  + Math.max(doc.documentElement.scrollTop,  doc.body.scrollTop);
+		    
+	        // IE会给HTML元素添加一个border，默认是medium（2px）
+	        // 但是在IE 6 7 的怪异模式下，可以被html { border: 0; } 这条css规则覆盖
+	        // 在IE7的标准模式下，border永远是2px，这个值通过clientLeft 和 clientTop取得
+	        // 但是。。。在IE 6 7的怪异模式，如果用户使用css覆盖了默认的medium
+	        // clientTop和clientLeft不会更新
+	        pos.left -= doc.documentElement.clientLeft;
+	        pos.top  -= doc.documentElement.clientTop;
+	        
+	        var htmlDom = doc.body,
+	            // 在这里，不使用element.style.borderLeftWidth，只有computedStyle是可信的
+	            htmlBorderLeftWidth = parseInt(getStyle(htmlDom, 'borderLeftWidth')),
+	            htmlBorderTopWidth = parseInt(getStyle(htmlDom, 'borderTopWidth'));
+	        if(browser.ie && !browser.isStrict){
+	            pos.left -= isNaN(htmlBorderLeftWidth) ? 2 : htmlBorderLeftWidth;
+	            pos.top  -= isNaN(htmlBorderTopWidth) ? 2 : htmlBorderTopWidth;
+	        }
+	    /*
+	     * 因为firefox 3.6和4.0在特定页面下(场景待补充)都会出现1px偏移,所以暂时移除该逻辑分支
+	     * 如果 2.0版本时firefox仍存在问题,该逻辑分支将彻底移除. by rocy 2011-01-20
+	    } else if (doc.getBoxObjectFor && !BUGGY_GECKO_BOX_OBJECT){ // gecko 1.9-
+
+	        // 1.9以下的Gecko，会忽略ancestors的scroll值
+	        // https://bugzilla.mozilla.org/show_bug.cgi?id=328881 and
+	        // https://bugzilla.mozilla.org/show_bug.cgi?id=330619
+
+	        box = doc.getBoxObjectFor(element);
+	        var vpBox = doc.getBoxObjectFor(viewport);
+	        pos.left = box.screenX - vpBox.screenX;
+	        pos.top  = box.screenY - vpBox.screenY;
+	        */
+	    } else { // safari/opera/firefox
+	        parent = element;
+
+	        do {
+	            pos.left += parent.offsetLeft;
+	            pos.top  += parent.offsetTop;
+	      
+	            // safari里面，如果遍历到了一个fixed的元素，后面的offset都不准了
+	            if (browser.isWebkit > 0 && getStyle(parent, 'position') == 'fixed') {
+	                pos.left += doc.body.scrollLeft;
+	                pos.top  += doc.body.scrollTop;
+	                break;
+	            }
+	            
+	            parent = parent.offsetParent;
+	        } while (parent && parent != element);
+
+	        // 对body offsetTop的修正
+	        if(browser.opera > 0 || (browser.isWebkit > 0 && getStyle(element, 'position') == 'absolute')){
+	            pos.top  -= doc.body.offsetTop;
+	        }
+
+	        // 计算除了body的scroll
+	        parent = element.offsetParent;
+	        while (parent && parent != doc.body) {
+	            pos.left -= parent.scrollLeft;
+	            // see https://bugs.opera.com/show_bug.cgi?id=249965
+//	            if (!b.opera || parent.tagName != 'TR') {
+	            if (!browser.opera || parent.tagName != 'TR') {
+	                pos.top -= parent.scrollTop;
+	            }
+	            parent = parent.offsetParent;
+	        }
+	    }
+
+	    return pos;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/drag.js
+	 * author: meizz, berg, lxp
+	 * version: 1.1.0
+	 * date: 2010/06/02
+	 */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	/**
+	 * 拖动指定的DOM元素
+	 * @name baidu.dom.drag
+	 * @function
+	 * @grammar baidu.dom.drag(element, options)
+	 * @param {HTMLElement|string} element 元素或者元素的id
+	 * @param {Object} options 拖曳配置项
+	                
+	 * @param {Array} options.range 限制drag的拖拽范围，数组中必须包含四个值，分别是上、右、下、左边缘相对上方或左方的像素距离。默认无限制
+	 * @param {Number} options.interval 拖曳行为的触发频度（时间：毫秒）
+	 * @param {Boolean} options.capture 鼠标拖曳粘滞
+	 * @param {Object} options.mouseEvent 键名为clientX和clientY的object，若不设置此项，默认会获取当前鼠标位置
+	 * @param {Function} options.ondragstart drag开始时触发
+	 * @param {Function} options.ondrag drag进行中触发
+	 * @param {Function} options.ondragend drag结束时触发
+	 * @param {function} options.autoStop 是否在onmouseup时自动停止拖拽。默认为true
+	 * @version 1.2
+	 * @remark
+	 * 
+	            要拖拽的元素必须事先设定样式的postion值，如果postion为absloute，并且没有设定top和left，拖拽开始时，无法取得元素的top和left值，这时会从[0,0]点开始拖拽
+	        
+	 * @see baidu.dom.draggable
+	 */
+	/**
+	 * 拖曳DOM元素
+	 * @param   {HTMLElement|ID}    element 被拖曳的元素
+	 * @param   {JSON}              options 拖曳配置项
+	 *          {autoStop, interval, capture, range, ondragstart, ondragend, ondrag, mouseEvent}
+	 */
+	(function(){
+	    var target, // 被拖曳的DOM元素
+	        op, ox, oy, //timer, 
+	        top, left, mozUserSelect,
+	        lastLeft, lastTop,
+	        isFunction = baidu.lang.isFunction,
+	        timer,
+	        offset_parent,offset_target;
+	    
+	    baidu.dom.drag = function(element, options) {
+	        //每次开始拖拽的时候重置lastTop和lastLeft
+	        lastTop = lastLeft = null;
+	        
+	        if (!(target = baidu.dom.g(element))) return false;
+	        op = baidu.object.extend({
+	            autoStop:true   // false 用户手动结束拖曳 ｜ true 在mouseup时自动停止拖曳
+	            ,capture : true // 鼠标拖曳粘滞
+	            ,interval : 16  // 拖曳行为的触发频度（时间：毫秒）
+	            ,handler : target
+	        }, options);
+
+	        offset_parent = baidu.dom.getPosition(target.offsetParent);
+	        offset_target = baidu.dom.getPosition(target);
+	       
+	        if(baidu.getStyle(target,'position') == "absolute"){
+	            top =  offset_target.top - (target.offsetParent == document.body ? 0 : offset_parent.top);
+	            left = offset_target.left - (target.offsetParent == document.body ? 0 :offset_parent.left);
+	        }else{
+	            top = parseFloat(baidu.getStyle(target,"top")) || -parseFloat(baidu.getStyle(target,"bottom")) || 0;
+	            left = parseFloat(baidu.getStyle(target,"left")) || -parseFloat(baidu.getStyle(target,"right")) || 0; 
+	        }
+
+	        if(op.mouseEvent){
+	            // [2010/11/16] 可以不依赖getMousePosition，直接通过一个可选参数获得鼠标位置
+	            ox = baidu.page.getScrollLeft() + op.mouseEvent.clientX;
+	            oy = baidu.page.getScrollTop() + op.mouseEvent.clientY;
+	        }else{
+	            var xy = baidu.page.getMousePosition();    // 得到当前鼠标坐标值
+	            ox = xy.x;
+	            oy = xy.y;
+	        }
+
+	        //timer = setInterval(render, op.interval);
+
+	        // 这项为 true，缺省在 onmouseup 事件终止拖曳
+	        op.autoStop && baidu.event.on(op.handler, "mouseup", stop);
+	        op.autoStop && baidu.event.on(window, "mouseup", stop);
+	        
+	        // 在拖曳过程中页面里的文字会被选中高亮显示，在这里修正
+	        baidu.event.on(document, "selectstart", unselect);
+
+	        // 设置鼠标粘滞
+	        if (op.capture && op.handler.setCapture) {
+	            op.handler.setCapture();
+	        } else if (op.capture && window.captureEvents) {
+	            window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
+	        }
+	        //baidu.on(target,"mousemove",render);
+
+	        // fixed for firefox
+	        mozUserSelect = document.body.style.MozUserSelect;
+	        document.body.style.MozUserSelect = "none";
+
+	        // ondragstart 事件
+	        if(isFunction(op.ondragstart)){
+	            op.ondragstart(target, op);
+	        }
+	        
+	        timer = setInterval(render, op.interval);
+	        return {stop : stop, update : update};
+	    };
+
+	    /**
+	     * 更新当前拖拽对象的属性
+	     */
+	    function update(options){
+	        baidu.extend(op, options);
+	    }
+
+	    /**
+	     * 手动停止拖拽
+	     */
+	    function stop() {
+	        clearInterval(timer);
+
+	        // 解除鼠标粘滞
+	        if (op.capture && op.handler.releaseCapture) {
+	            op.handler.releaseCapture();
+	        } else if (op.capture && window.releaseEvents) {
+	            window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
+	        }
+
+	        // 拖曳时网页内容被框选
+	        document.body.style.MozUserSelect = mozUserSelect;
+	        baidu.event.un(document, "selectstart", unselect);
+	        op.autoStop && baidu.event.un(op.handler, "mouseup", stop);
+	        op.autoStop && baidu.event.un(window, "mouseup", stop);
+
+	        // ondragend 事件
+	        if(isFunction(op.ondragend)){
+	            op.ondragend(target, op);
+	        }
+	    }
+
+	    // 对DOM元素进行top/left赋新值以实现拖曳的效果
+	    function render(e) {
+	        var rg = op.range,
+	            xy = baidu.page.getMousePosition(),
+	            el = left + xy.x - ox,
+	            et = top  + xy.y - oy;
+
+	        // 如果用户限定了可拖动的范围
+	        if (typeof rg == "object" && rg && rg.length == 4) {
+	            el = Math.max(rg[3], el);
+	            el = Math.min(rg[1] - target.offsetWidth,  el);
+	            et = Math.max(rg[0], et);
+	            et = Math.min(rg[2] - target.offsetHeight, et);
+	        }
+	        target.style.top = et + "px";
+	        target.style.left = el + "px";
+
+	        if((lastLeft !== el || lastTop !== et) && (lastLeft !== null || lastTop !== null) ){
+	            if(isFunction(op.ondrag)){
+	                op.ondrag(target, op);   
+	            }
+	        }
+	        lastLeft = el;
+	        lastTop = et;
+	    }
+
+	    // 对document.body.onselectstart事件进行监听，避免拖曳时文字被选中
+	    function unselect(e) {
+	        return baidu.event.preventDefault(e, false);
+	    }
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/setStyle.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/18
+	 */
+
+
+
+
+
+
+	/**
+	 * 设置目标元素的style样式值
+	 * @name baidu.dom.setStyle
+	 * @function
+	 * @grammar baidu.dom.setStyle(element, key, value)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} key 要设置的样式名
+	 * @param {string} value 要设置的样式值
+	 * @remark
+	 * 
+	            为了精简代码，本模块默认不对任何浏览器返回值进行归一化处理（如使用getStyle时，不同浏览器下可能返回rgb颜色或hex颜色），也不会修复浏览器的bug和差异性（如设置IE的float属性叫styleFloat，firefox则是cssFloat）。<br />
+	baidu.dom._styleFixer和baidu.dom._styleFilter可以为本模块提供支持。<br />
+	其中_styleFilter能对颜色和px进行归一化处理，_styleFixer能对display，float，opacity，textOverflow的浏览器兼容性bug进行处理。
+			
+	 * @shortcut setStyle
+	 * @meta standard
+	 * @see baidu.dom.getStyle,baidu.dom.setStyles
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.dom.setStyle = function (element, key, value) {
+	    var dom = baidu.dom, fixer;
+	    
+	    // 放弃了对firefox 0.9的opacity的支持
+	    element = dom.g(element);
+	    key = baidu.string.toCamelCase(key);
+
+	    if (fixer = dom._styleFilter) {
+	        value = fixer.filter(key, value, 'set');
+	    }
+
+	    fixer = dom._styleFixer[key];
+	    (fixer && fixer.set) ? fixer.set(element, value) : (element.style[fixer || key] = value);
+
+	    return element;
+	};
+
+	// 声明快捷方法
+	baidu.setStyle = baidu.dom.setStyle;
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	/**
+	 * 让一个DOM元素可拖拽
+	 * @name baidu.dom.draggable
+	 * @function
+	 * @grammar baidu.dom.draggable(element[, options])
+	 * @param  {string|HTMLElement}   element 		        元素或者元素的ID.
+	 * @param  {Object} 		      [options] 			选项.
+	 * @config {Array} 		          [range] 		        限制drag的拖拽范围，数组中必须包含四个值，分别是上、右、下、左边缘相对上方或左方的像素距离。默认无限制.
+	 * @config {Number} 	          [interval] 	        拖曳行为的触发频度（时间：毫秒）.
+	 * @config {Boolean} 	          [capture] 	        鼠标拖曳粘滞.
+	 * @config {Object} 	          [mouseEvent] 	        键名为clientX和clientY的object，若不设置此项，默认会获取当前鼠标位置.
+	 * @config {Function} 	          [onbeforedragstart]   drag开始前触发（即鼠标按下时）.
+	 * @config {Function} 	          [ondragstart]         drag开始时触发.
+	 * @config {Function} 	          [ondrag] 		        drag进行中触发.
+	 * @config {Function} 	          [ondragend] 	        drag结束时触发.
+	 * @config {HTMLElement}          [handler] 	        用于拖拽的手柄，比如dialog的title.
+	 * @config {Function} 	          [toggle] 		        在每次ondrag的时候，会调用这个方法判断是否应该停止拖拽。如果此函数返回值为false，则停止拖拽.
+	 * @version 1.2
+	 * @remark    要拖拽的元素必须事先设定样式的postion值，如果postion为absloute，并且没有设定top和left，拖拽开始时，无法取得元素的top和left值，这时会从[0,0]点开始拖拽<br>如果要拖拽的元素是static定位，会被改成relative定位方式。
+	 * @see baidu.dom.drag
+	 * @return {Draggable Instance} 拖拽实例，包含cancel方法，可以停止拖拽.
+	 */
+
+	baidu.dom.draggable = function(element, options) {
+	    options = baidu.object.extend({toggle: function() {return true}}, options || {});
+	    options.autoStop = true;
+	    element = baidu.dom.g(element);
+	    options.handler = options.handler || element;
+	    var manager,
+	        events = ['ondragstart', 'ondrag', 'ondragend'],
+	        i = events.length - 1,
+	        eventName,
+	        dragSingle,
+	        draggableSingle = {
+	            dispose: function() {
+	                dragSingle && dragSingle.stop();
+	                baidu.event.un(options.handler, 'onmousedown', handlerMouseDown);
+	                baidu.lang.Class.prototype.dispose.call(draggableSingle);
+	            }
+	        },
+	        me = this;
+
+	    //如果存在ddManager, 将事件转发到ddManager中
+	    if (manager = baidu.dom.ddManager) {
+	        for (; i >= 0; i--) {
+	            eventName = events[i];
+	            options[eventName] = (function(eventName) {
+	                var fn = options[eventName];
+	                return function() {
+	                    baidu.lang.isFunction(fn) && fn.apply(me, arguments);
+	                    manager.dispatchEvent(eventName, {DOM: element});
+	                }
+	            })(eventName);
+	        }
+	    }
+
+
+	    // 拖曳只针对有 position 定位的元素
+	    if (element) {
+	        function handlerMouseDown(e) {
+	            var event = options.mouseEvent = window.event || e;
+	            if (event.button > 1 //只支持鼠标左键拖拽; 左键代码: IE为1,W3C为0
+	                // 可以通过配置项里的这个开关函数暂停或启用拖曳功能
+	                || (baidu.lang.isFunction(options.toggle) && !options.toggle())) {
+	                return;
+	            }
+	            if (baidu.dom.getStyle(element, 'position') == 'static') {
+	                baidu.dom.setStyle(element, 'position', 'relative');
+	            }
+	            if (baidu.lang.isFunction(options.onbeforedragstart)) {
+	                options.onbeforedragstart(element);
+	            }
+	            dragSingle = baidu.dom.drag(element, options);
+	            draggableSingle.stop = dragSingle.stop;
+	            draggableSingle.update = dragSingle.update;
+	            //防止ff下出现禁止拖拽的图标
+	            baidu.event.preventDefault(event);
+	        }
+
+	        // 对拖曳的扳机元素监听 onmousedown 事件，以便进行拖曳行为
+	        baidu.event.on(options.handler, 'onmousedown', handlerMouseDown);
+	    }
+	    return {
+	        cancel: function() {
+	            draggableSingle.dispose();
+	        }
+	    };
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/intersect.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+
+	/**
+	 * 检查两个元素是否相交
+	 * @name baidu.dom.intersect
+	 * @function
+	 * @grammar baidu.dom.intersect(element1, element2)
+	 * @param {HTMLElement|string} element1 要检查的元素或元素的id
+	 * @param {HTMLElement|string} element2 要检查的元素或元素的id
+	 * @see baidu.dom.contains
+	 *             
+	 * @returns {boolean} 两个元素是否相交的检查结果
+	 */
+	baidu.dom.intersect = function (element1, element2) {
+	    var g = baidu.dom.g, 
+	        getPosition = baidu.dom.getPosition, 
+	        max = Math.max, 
+	        min = Math.min;
+
+	    element1 = g(element1);
+	    element2 = g(element2);
+
+	    var pos1 = getPosition(element1),
+	        pos2 = getPosition(element2);
+
+	    return max(pos1.left, pos2.left) <= min(pos1.left + element1.offsetWidth, pos2.left + element2.offsetWidth)
+	        && max(pos1.top, pos2.top) <= min(pos1.top + element1.offsetHeight, pos2.top + element2.offsetHeight);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/droppable.js
+	 * author: rocy
+	 * version: 1.4.0
+	 * date: 2010/10/14
+	 */
+
+
+
+
+
+
+
+
+	//TODO: 添加对 accept, hoverclass 等参数的支持.
+	/**
+	 * 让一个DOM元素可以容纳被拖拽的DOM元素
+	 * @name baidu.dom.droppable
+	 * @function
+	 * @grammar baidu.dom.droppable(element[, options])
+	 * @param {HTMLElement|string} element 容器元素或者容器元素的ID
+	 * @param {Object} [options] 选项，拖拽元素对于容器元素的事件
+	                
+	 * @config {Function} [ondrop] 当元素放到容器元素内部触发
+	 * @config {Function} [ondropover] 当元素在容器元素上方时触发
+	 * @config {Function} [ondropout] 当元素移除容器元素时触发
+	 * @version 1.3
+	 * @remark
+	 * 
+	            需要将元素和容器元素的定位都设置为absolute
+	        
+	 * @see baidu.dom.droppable
+	 *             
+	 * @returns {Function} cancel取消拖拽
+	 */
+	baidu.dom.droppable = function(element, options){
+		options = options || {};
+		var manager = baidu.dom.ddManager,
+			target = baidu.dom.g(element),
+		    guid = baidu.lang.guid(),
+			//拖拽进行时判断
+			_dragging = function(event){
+				var _targetsDroppingOver = manager._targetsDroppingOver,
+				    eventData = {trigger:event.DOM,reciever: target};
+				//判断被拖拽元素和容器是否相撞
+				if(baidu.dom.intersect(target, event.DOM)){
+					//进入容器区域
+					if(! _targetsDroppingOver[guid]){
+						//初次进入
+						(typeof options.ondropover == 'function') && options.ondropover.call(target,eventData);
+						manager.dispatchEvent("ondropover", eventData);
+						_targetsDroppingOver[guid] = true;
+					}
+				} else {
+					//出了容器区域
+					if(_targetsDroppingOver[guid]){
+						(typeof options.ondropout == 'function') && options.ondropout.call(target,eventData);
+						manager.dispatchEvent("ondropout", eventData);
+					}
+					delete _targetsDroppingOver[guid];
+				}
+			},
+			//拖拽结束时判断
+			_dragend = function(event){
+				var eventData = {trigger:event.DOM,reciever: target};
+				if(baidu.dom.intersect(target, event.DOM)){
+					typeof options.ondrop == 'function' && options.ondrop.call(target, eventData);
+					manager.dispatchEvent("ondrop", eventData);
+				}
+				delete manager._targetsDroppingOver[guid];
+			};
+		//事件注册,return object提供事件解除
+		manager.addEventListener("ondrag", _dragging);
+		manager.addEventListener("ondragend", _dragend);
+		return {
+			cancel : function(){
+				manager.removeEventListener("ondrag", _dragging);
+				manager.removeEventListener("ondragend",_dragend);
+			}
+		};
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/empty.js
+	 * author: berg
+	 * version: 1.0
+	 * date: 2010-07-06
+	 */
+
+	/**
+	 * 删除一个节点下面的所有子节点。
+	 * @name baidu.dom.empty
+	 * @function
+	 * @grammar baidu.dom.empty(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @version 1.3
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	        
+	 */
+
+
+
+	baidu.dom.empty = function (element) {
+	    element = baidu.dom.g(element);
+	    
+	    while(element.firstChild){
+	        element.removeChild(element.firstChild);
+	    }
+	    //todo：删除元素上绑定的事件等?
+
+	    return element;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/_matchNode.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/18
+	 */
+
+
+
+
+	/**
+	 * 从目标元素指定的方向搜索元素
+	 *
+	 * @param {HTMLElement|string} element   目标元素或目标元素的id
+	 * @param {string}             direction 遍历的方向名称，取值为previousSibling,nextSibling
+	 * @param {string}             start     遍历的开始位置，取值为firstChild,lastChild,previousSibling,nextSibling
+	 * @meta standard
+	 * @return {HTMLElement} 搜索到的元素，如果没有找到，返回 null
+	 */
+	baidu.dom._matchNode = function (element, direction, start) {
+	    element = baidu.dom.g(element);
+
+	    for (var node = element[start]; node; node = node[direction]) {
+	        if (node.nodeType == 1) {
+	            return node;
+	        }
+	    }
+
+	    return null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/first.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/11/18
+	 */
+
+
+
+	/**
+	 * 获取目标元素的第一个元素节点
+	 * @name baidu.dom.first
+	 * @function
+	 * @grammar baidu.dom.first(element)
+	 * @param {HTMLElement|String} element 目标元素或目标元素的id
+	 * @see baidu.dom.last,baidu.dom.prev,baidu.dom.next
+	 * @meta standard
+	 * @returns {HTMLElement|null} 目标元素的第一个元素节点，查找不到时返回null
+	 */
+	baidu.dom.first = function (element) {
+	    return baidu.dom._matchNode(element, 'nextSibling', 'firstChild');
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/getAttr.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+
+	/**
+	 * 获取目标元素的属性值
+	 * @name baidu.dom.getAttr
+	 * @function
+	 * @grammar baidu.dom.getAttr(element, key)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} key 要获取的attribute键名
+	 * @shortcut getAttr
+	 * @meta standard
+	 * @see baidu.dom.setAttr,baidu.dom.setAttrs
+	 *             
+	 * @returns {string|null} 目标元素的attribute值，获取不到时返回null
+	 */
+	baidu.dom.getAttr = function (element, key) {
+	    element = baidu.dom.g(element);
+
+	    if ('style' == key){
+	        return element.style.cssText;
+	    }
+
+	    key = baidu.dom._NAME_ATTRS[key] || key;
+	    return element.getAttribute(key);
+	};
+
+	// 声明快捷方法
+	baidu.getAttr = baidu.dom.getAttr;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/setStyles.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/18
+	 */
+
+
+
+
+	/**
+	 * 批量设置目标元素的style样式值
+	 * @name baidu.dom.setStyles
+	 * @function
+	 * @grammar baidu.dom.setStyles(element, styles)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {Object} styles 要设置的样式集合
+	 * @shortcut setStyles
+	 * @meta standard
+	 * @see baidu.dom.setStyle,baidu.dom.getStyle
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.dom.setStyles = function (element, styles) {
+	    element = baidu.dom.g(element);
+
+	    for (var key in styles) {
+	        baidu.dom.setStyle(element, key, styles[key]);
+	    }
+
+	    return element;
+	};
+
+	// 声明快捷方法
+	baidu.setStyles = baidu.dom.setStyles;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/page/getViewHeight.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/20
+	 */
+
+
+
+	/**
+	 * 获取页面视觉区域高度
+	 * @name baidu.page.getViewHeight
+	 * @function
+	 * @grammar baidu.page.getViewHeight()
+	 * @see baidu.page.getViewWidth
+	 * @meta standard
+	 * @returns {number} 页面视觉区域高度
+	 */
+	baidu.page.getViewHeight = function () {
+	    var doc = document,
+	        client = doc.compatMode == 'BackCompat' ? doc.body : doc.documentElement;
+
+	    return client.clientHeight;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/page/getViewWidth.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/20
+	 */
+
+
+
+	/**
+	 * 获取页面视觉区域宽度
+	 * @name baidu.page.getViewWidth
+	 * @function
+	 * @grammar baidu.page.getViewWidth()
+	 * @see baidu.page.getViewHeight
+	 *             
+	 * @returns {number} 页面视觉区域宽度
+	 */
+	baidu.page.getViewWidth = function () {
+	    var doc = document,
+	        client = doc.compatMode == 'BackCompat' ? doc.body : doc.documentElement;
+
+	    return client.clientWidth;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/_styleFilter/px.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 提供给setStyle与getStyle使用
+	 * @meta standard
+	 */
+	baidu.dom._styleFilter[baidu.dom._styleFilter.length] = {
+	    set: function (key, value) {
+	        if (value.constructor == Number 
+	            && !/zIndex|fontWeight|opacity|zoom|lineHeight/i.test(key)){
+	            value = value + "px";
+	        }
+
+	        return value;
+	    }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All right reserved.
+	 */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	/**
+	 * 使目标元素拥有可进行与页面可见区域相对位置保持不变的移动的能力
+	 * @name T.dom.fixable
+	 * @function
+	 * @param {HTMLElement|String} element 目标元素或目标元素的id
+	 * @param {Object} options 配置项
+	 * @config {String} [vertival] 取值[top|bottom] 默认值 top
+	 * @config {Strgin} [horizontal] 取值[left|right] 默认值 left
+	 * @config {Object} [offset] {x:String|Number, y:String|Number}} 横向与纵向的取值
+	 * @config {Boolean} [autofix] 是否自动进行fix，默认值为true
+	 * @config {Function} [onrender] 当被渲染时候触发
+	 * @config {Function} [onupdate] 当位置被更新的时候触发
+	 * @config {Function} [onrelease] 当被释放的时候触发
+	 * @return {Object} 返回值一个对象，有三个方法：render、update、release
+	 */
+
+	baidu.dom.fixable = function(element, options){
+
+	    var target  = baidu.g(element),
+	        isUnderIE7 = baidu.browser.ie && baidu.browser.ie <= 7 ? true : false,
+	        vertival = options.vertival || 'top',
+	        horizontal = options.horizontal || 'left',
+	        autofix = typeof options.autofix != 'undefined' ? options.autofix : true,
+	        origPos,offset,isRender = false,
+	        onrender = options.onrender || new Function(),
+	        onupdate = options.onupdate || new Function(),
+	        onrelease = options.onrelease || new Function();
+
+	    if(!target) return;
+
+	    //获取target原始值
+	    origPos = _getOriginalStyle();
+	    //设置offset值
+	    offset = {
+	        y: isUnderIE7 ? (origPos.position == "static" ? baidu.dom.getPosition(target).top :  baidu.dom.getPosition(target).top - baidu.dom.getPosition(target.parentNode).top) : target.offsetTop,
+	        x: isUnderIE7 ? (origPos.position == "static" ? baidu.dom.getPosition(target).left :  baidu.dom.getPosition(target).left - baidu.dom.getPosition(target.parentNode).left) : target.offsetLeft
+	    };
+	    baidu.extend(offset, options.offset || {});
+
+	    autofix && render();
+	   
+	    function _convert(){
+	        return {
+	            top : vertival == "top" ? offset.y : baidu.page.getViewHeight() - offset.y - origPos.height,
+	            left: horizontal == "left" ? offset.x : baidu.page.getViewWidth() - offset.x - origPos.width
+	        };
+	    }
+
+	    /**
+	     * 
+	     */
+	    function _handleOnMove(){
+	        var p = _convert(); 
+	        
+	        target.style.setExpression("left","eval((document.body.scrollLeft || document.documentElement.scrollLeft) + " + p.left + ") + 'px'");
+	        target.style.setExpression("top", "eval((document.body.scrollTop || document.documentElement.scrollTop) + " + p.top + ") + 'px'");
+	    }
+
+	    /**
+	     * 返回target原始position值
+	     * @return {Object}
+	     */
+	    function _getOriginalStyle(){
+	        var result = {
+	            position: baidu.getStyle(target,"position"),
+	            height: function(){
+	                var h = baidu.getStyle(target,"height");
+	                return (h != "auto") ? (/\d+/.exec(h)[0]) : target.offsetHeight;
+	            }(),
+	            width: function(){			
+	                var w = baidu.getStyle(target,"width");
+	                return (w != "auto") ? (/\d+/.exec(w)[0]) : target.offsetWidth;
+	            }()
+	        };
+
+	        _getValue('top', result);
+	        _getValue('left', result);
+	        _getValue('bottom', result);
+	        _getValue('right', result);
+	        
+	        return result;
+	    }
+
+	    function _getValue(position, options){
+	        var result;
+
+	        if(options.position == 'static'){
+	            options[position] = '';   
+	        }else{
+	            result = baidu.getStyle(target, position);
+	            if(result == 'auto' || result == '0px' ){
+	                options[position] = '';
+	            }else{
+	                options[position] = result;
+	            }
+	        }
+	    }
+
+	    function render(){
+	        if(isRender) return;
+
+	        baidu.setStyles(target, {top:'', left:'', bottom:'', right:''});
+	        
+	        if(!isUnderIE7){
+	            var style = {position:"fixed"};
+	            style[vertival == "top" ? "top" : "bottom"] = offset.y + "px";
+	            style[horizontal == "left" ? "left" : "right"] = offset.x + "px";
+
+	            baidu.setStyles(target, style);
+	        }else{
+	            baidu.setStyle(target,"position","absolute");
+	            _handleOnMove();
+	        }
+
+	        onrender();
+	        isRender = true;
+	    }
+
+	    function release(){
+	       if(!isRender) return;
+
+	       var style = {
+	           position: origPos.position,
+	           left: origPos.left == '' ? 'auto' : origPos.left,
+	           top: origPos.top == '' ? 'auto' : origPos.top,
+	           bottom: origPos.bottom == '' ? 'auto' : origPos.bottom,
+	           right: origPos.right == '' ?  'auto' : origPos.right
+	       };
+
+	        if(isUnderIE7){
+	            target.style.removeExpression("left");
+	            target.style.removeExpression("top");
+	        }
+	        baidu.setStyles(target, style);
+
+	        onrelease();
+	        isRender = false;
+	    }
+
+	    function update(options){
+	        if(!options) return;
+
+	        //更新事件
+	        onrender = options.onrender || onrender;
+	        onupdate = options.onupdate || onupdate;
+	        onrelease = options.onrelease || onrelease;
+	        
+	        //更新设置
+	        vertival = options.vertival || 'top';
+	        horizontal = options.horizontal || 'left';
+
+	        //更新offset
+	        baidu.extend(offset, options.offset || {});
+
+	        onupdate();
+	    }
+
+	    return {render: render, update: update, release:release};
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/getAncestorBy.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 获取目标元素符合条件的最近的祖先元素
+	 * @name baidu.dom.getAncestorBy
+	 * @function
+	 * @grammar baidu.dom.getAncestorBy(element, method)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {Function} method 判断祖先元素条件的函数，function (element)
+	 * @see baidu.dom.getAncestorByTag,baidu.dom.getAncestorByClass
+	 *             
+	 * @returns {HTMLElement|null} 符合条件的最近的祖先元素，查找不到时返回null
+	 */
+	baidu.dom.getAncestorBy = function (element, method) {
+	    element = baidu.dom.g(element);
+
+	    while ((element = element.parentNode) && element.nodeType == 1) {
+	        if (method(element)) {
+	            return element;
+	        }
+	    }
+
+	    return null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/getAncestorByClass.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+
+	/**
+	 * 获取目标元素指定元素className最近的祖先元素
+	 * @name baidu.dom.getAncestorByClass
+	 * @function
+	 * @grammar baidu.dom.getAncestorByClass(element, className)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} className 祖先元素的class，只支持单个class
+	 * @remark 使用者应保证提供的className合法性，不应包含不合法字符，className合法字符参考：http://www.w3.org/TR/CSS2/syndata.html。
+	 * @see baidu.dom.getAncestorBy,baidu.dom.getAncestorByTag
+	 *             
+	 * @returns {HTMLElement|null} 指定元素className最近的祖先元素，查找不到时返回null
+	 */
+	baidu.dom.getAncestorByClass = function (element, className) {
+	    element = baidu.dom.g(element);
+	    className = new RegExp("(^|\\s)" + baidu.string.trim(className) + "(\\s|\x24)");
+
+	    while ((element = element.parentNode) && element.nodeType == 1) {
+	        if (className.test(element.className)) {
+	            return element;
+	        }
+	    }
+
+	    return null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/getAncestorByTag.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 获取目标元素指定标签的最近的祖先元素
+	 * @name baidu.dom.getAncestorByTag
+	 * @function
+	 * @grammar baidu.dom.getAncestorByTag(element, tagName)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} tagName 祖先元素的标签名
+	 * @see baidu.dom.getAncestorBy,baidu.dom.getAncestorByClass
+	 *             
+	 * @returns {HTMLElement|null} 指定标签的最近的祖先元素，查找不到时返回null
+	 */
+	baidu.dom.getAncestorByTag = function (element, tagName) {
+	    element = baidu.dom.g(element);
+	    tagName = tagName.toUpperCase();
+
+	    while ((element = element.parentNode) && element.nodeType == 1) {
+	        if (element.tagName == tagName) {
+	            return element;
+	        }
+	    }
+
+	    return null;
+	};
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All right reserved.
+	 * 
+	 * path: baidu/dom/getParent.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010/12/02
+	 */
+
+
+
+	/**
+	 * 获得元素的父节点
+	 * @name baidu.dom.getParent
+	 * @function
+	 * @grammar baidu.dom.getParent(element)
+	 * @param {HTMLElement|string} element   目标元素或目标元素的id
+	 * @return {HTMLElement|null} 父元素，如果找不到父元素，返回null
+	 */
+	baidu.dom.getParent = function (element) {
+	    element = baidu.dom._g(element);
+	    //parentElement在IE下准确，parentNode在ie下可能不准确
+	    return element.parentElement || element.parentNode || null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/getText.js
+	 * author: berg
+	 * version: 1.0
+	 * date: 2010/07/16 
+	 */
+
+
+
+	/**
+	 * 获得元素中的文本内容。
+	 * @name baidu.dom.getText
+	 * @function
+	 * @grammar baidu.dom.getText(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @version 1.3
+	 *             
+	 * @returns {String} 元素中文本的内容      
+	 */
+	baidu.dom.getText = function (element) {
+	    var ret = "", childs, i=0, l;
+
+	    element = baidu._g(element);
+
+	    //  text 和 CDATA 节点，取nodeValue
+	    if ( element.nodeType === 3 || element.nodeType === 4 ) {
+	        ret += element.nodeValue;
+	    } else if ( element.nodeType !== 8 ) {// 8 是 comment Node
+	        childs = element.childNodes;
+	        for(l = childs.length; i < l; i++){
+	            ret += baidu.dom.getText(childs[i]);
+	        }
+	    }
+
+	    return ret;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/getWindow.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+
+	/**
+	 * 获取目标元素所属的window对象
+	 * @name baidu.dom.getWindow
+	 * @function
+	 * @grammar baidu.dom.getWindow(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @see baidu.dom.getDocument
+	 *             
+	 * @returns {window} 目标元素所属的window对象
+	 */
+	baidu.dom.getWindow = function (element) {
+	    element = baidu.dom.g(element);
+	    var doc = baidu.dom.getDocument(element);
+	    
+	    // 没有考虑版本低于safari2的情况
+	    // @see goog/dom/dom.js#goog.dom.DomHelper.prototype.getWindow
+	    return doc.parentWindow || doc.defaultView || null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/hasAttr.js
+	 * author: berg
+	 * version: 1.0
+	 * date: 2010/07/16 
+	 */
+
+
+
+	/**
+	 * 查询一个元素是否包含指定的属性
+	 * @name baidu.dom.hasAttr
+	 * @function
+	 * @grammar baidu.dom.hasAttr(element, name)
+	 * @param {DOMElement|string} element DOM元素或元素的id
+	 * @param {string} name 要查找的属性名
+	 * @version 1.3
+	 *             
+	 * @returns {Boolean} 是否包含此属性        
+	 */
+
+	baidu.dom.hasAttr = function (element, name){
+	    element = baidu.g(element);
+	    var attr = element.attributes.getNamedItem(name);
+	    return !!( attr && attr.specified );
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/hasClass.js
+	 * author: berg
+	 * version: 1.0
+	 * date: 2010-07-06
+	 */
+
+
+
+
+
+
+	/**
+	 * 判断元素是否拥有指定的className
+	 * @name baidu.dom.hasClass
+	 * @function
+	 * @grammar baidu.dom.hasClass(element, className)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} className 要判断的className，可以是用空格拼接的多个className
+	 * @version 1.2
+	 * @remark
+	 * 对于参数className，支持空格分隔的多个className
+	 * @see baidu.dom.addClass, baidu.dom.removeClass
+	 * @meta standard
+	 * @returns {Boolean} 是否拥有指定的className，如果要查询的classname有一个或多个不在元素的className中，返回false
+	 */
+	baidu.dom.hasClass = function (element, className) {
+	    element = baidu.dom.g(element);
+	    var classArray = baidu.string.trim(className).split(/\s+/), 
+	        len = classArray.length;
+
+	    className = element.className.split(/\s+/).join(" ");
+
+	    while (len--) {
+	        if(!(new RegExp("(^| )" + classArray[len] + "( |\x24)")).test(className)){
+	            return false;
+	        }
+	    }
+	    return true;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/hide.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 隐藏目标元素
+	 * @name baidu.dom.hide
+	 * @function
+	 * @grammar baidu.dom.hide(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @shortcut hide
+	 * @meta standard
+	 * @see baidu.dom.show,baidu.dom.toggle
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.dom.hide = function (element) {
+	    element = baidu.dom.g(element);
+	    element.style.display = "none";
+
+	    return element;
+	};
+
+	// 声明快捷方法
+	baidu.hide = baidu.dom.hide;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/insertAfter.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 将目标元素添加到基准元素之后
+	 * @name baidu.dom.insertAfter
+	 * @function
+	 * @grammar baidu.dom.insertAfter(newElement, existElement)
+	 * @param {HTMLElement|string} newElement 被添加的目标元素
+	 * @param {HTMLElement|string} existElement 基准元素
+	 * @meta standard
+	 * @see baidu.dom.insertBefore
+	 *             
+	 * @returns {HTMLElement} 被添加的目标元素
+	 */
+	baidu.dom.insertAfter = function (newElement, existElement) {
+	    var g, existParent;
+	    g = baidu.dom._g;
+	    newElement = g(newElement);
+	    existElement = g(existElement);
+	    existParent = existElement.parentNode;
+	    
+	    if (existParent) {
+	        existParent.insertBefore(newElement, existElement.nextSibling);
+	    }
+	    return newElement;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/insertBefore.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 将目标元素添加到基准元素之前
+	 * @name baidu.dom.insertBefore
+	 * @function
+	 * @grammar baidu.dom.insertBefore(newElement, existElement)
+	 * @param {HTMLElement|string} newElement 被添加的目标元素
+	 * @param {HTMLElement|string} existElement 基准元素
+	 * @meta standard
+	 * @see baidu.dom.insertAfter
+	 *             
+	 * @returns {HTMLElement} 被添加的目标元素
+	 */
+	baidu.dom.insertBefore = function (newElement, existElement) {
+	    var g, existParent;
+	    g = baidu.dom._g;
+	    newElement = g(newElement);
+	    existElement = g(existElement);
+	    existParent = existElement.parentNode;
+
+	    if (existParent) {
+	        existParent.insertBefore(newElement, existElement);
+	    }
+
+	    return newElement;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/insertHTML.js
+	 * author: allstar, erik, berg,wenyuxiang,lixiaopeng
+	 * version: 1.1.2
+	 * date: 2010-07-13
+	 */
+
+
+
+	/**
+	 * 在目标元素的指定位置插入HTML代码
+	 * @name baidu.dom.insertHTML
+	 * @function
+	 * @grammar baidu.dom.insertHTML(element, position, html)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} position 插入html的位置信息，取值为beforeBegin,afterBegin,beforeEnd,afterEnd
+	 * @param {string} html 要插入的html
+	 * @remark
+	 * 
+	 * 对于position参数，大小写不敏感<br>
+	 * 参数的意思：beforeBegin&lt;span&gt;afterBegin   this is span! beforeEnd&lt;/span&gt; afterEnd <br />
+	 * 此外，如果使用本函数插入带有script标签的HTML字符串，script标签对应的脚本将不会被执行。
+	 * 
+	 * @shortcut insertHTML
+	 * @meta standard
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.dom.insertHTML = function (element, position, html) {
+	    element = baidu.dom.g(element);
+	    var range,begin;
+
+	    if (element.insertAdjacentHTML) {
+	        element.insertAdjacentHTML(position, html);
+	    } else {
+	        // 这里不做"undefined" != typeof(HTMLElement) && !window.opera判断，其它浏览器将出错？！
+	        // 但是其实做了判断，其它浏览器下等于这个函数就不能执行了
+	        range = element.ownerDocument.createRange();
+	        // FF下range的位置设置错误可能导致创建出来的fragment在插入dom树之后html结构乱掉
+	        // 改用range.insertNode来插入html, by wenyuxiang @ 2010-12-14.
+	        position = position.toUpperCase();
+	        if (position == 'AFTERBEGIN' || position == 'BEFOREEND') {
+	            range.selectNodeContents(element);
+	            range.collapse(position == 'AFTERBEGIN');
+	        } else {
+	            begin = position == 'BEFOREBEGIN';
+	            range[begin ? 'setStartBefore' : 'setEndAfter'](element);
+	            range.collapse(begin);
+	        }
+	        range.insertNode(range.createContextualFragment(html));
+	    }
+	    return element;
+	};
+
+	baidu.insertHTML = baidu.dom.insertHTML;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/last.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/18
+	 */
+
+
+
+	/**
+	 * 获取目标元素的最后一个元素节点
+	 * @name baidu.dom.last
+	 * @function
+	 * @grammar baidu.dom.last(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @see baidu.dom.first,baidu.dom.prev,baidu.dom.next
+	 *             
+	 * @returns {HTMLElement|null} 目标元素的最后一个元素节点，查找不到时返回null
+	 */
+	baidu.dom.last = function (element) {
+	    return baidu.dom._matchNode(element, 'previousSibling', 'lastChild');
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/next.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/18
+	 */
+
+
+
+	/**
+	 * 获取目标元素的下一个兄弟元素节点
+	 * @name baidu.dom.next
+	 * @function
+	 * @grammar baidu.dom.next(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @see baidu.dom.first,baidu.dom.last,baidu.dom.prev
+	 * @meta standard
+	 * @returns {HTMLElement|null} 目标元素的下一个兄弟元素节点，查找不到时返回null
+	 */
+	baidu.dom.next = function (element) {
+	    return baidu.dom._matchNode(element, 'nextSibling', 'nextSibling');
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/prev.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/18
+	 */
+
+
+
+	/**
+	 * 获取目标元素的上一个兄弟元素节点
+	 * @name baidu.dom.prev
+	 * @function
+	 * @grammar baidu.dom.prev(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @see baidu.dom.first,baidu.dom.last,baidu.dom.next
+	 *             
+	 *             
+	 * @returns {HTMLElement|null} 目标元素的上一个兄弟元素节点，查找不到时返回null
+	 */
+	baidu.dom.prev = function (element) {
+	    return baidu.dom._matchNode(element, 'previousSibling', 'previousSibling');
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/escapeReg.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 将目标字符串中可能会影响正则表达式构造的字符串进行转义。
+	 * @name baidu.string.escapeReg
+	 * @function
+	 * @grammar baidu.string.escapeReg(source)
+	 * @param {string} source 目标字符串
+	 * @remark
+	 * 给以下字符前加上“\”进行转义：.*+?^=!:${}()|[]/\
+	 * @meta standard
+	 *             
+	 * @returns {string} 转义后的字符串
+	 */
+	baidu.string.escapeReg = function (source) {
+	    return String(source)
+	            .replace(new RegExp("([.*+?^=!:\x24{}()|[\\]\/\\\\])", "g"), '\\\x241');
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/q.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+
+
+	/**
+	 * 通过className获取元素
+	 * @name baidu.dom.q
+	 * @function
+	 * @grammar baidu.dom.q(className[, element, tagName])
+	 * @param {string} className 元素的class，只能指定单一的class，如果为空字符串或者纯空白的字符串，返回空数组。
+	 * @param {string|HTMLElement} [element] 开始搜索的元素，默认是document。
+	 * @param {string} [tagName] 要获取元素的标签名，如果没有值或者值为空字符串或者纯空白的字符串，表示不限制标签名。
+	 * @remark 不保证返回数组中DOM节点的顺序和文档中DOM节点的顺序一致。
+	 * @shortcut q,T.Q
+	 * @meta standard
+	 * @see baidu.dom.g
+	 *             
+	 * @returns {Array} 获取的元素集合，查找不到或className参数错误时返回空数组.
+	 */
+	baidu.dom.q = function (className, element, tagName) {
+	    var result = [], 
+	    trim = baidu.string.trim, 
+	    len, i, elements, node;
+
+	    if (!(className = trim(className))) {
+	        return result;
+	    }
+	    
+	    // 初始化element参数
+	    if ('undefined' == typeof element) {
+	        element = document;
+	    } else {
+	        element = baidu.dom.g(element);
+	        if (!element) {
+	            return result;
+	        }
+	    }
+	    
+	    // 初始化tagName参数
+	    tagName && (tagName = trim(tagName).toUpperCase());
+	    
+	    // 查询元素
+	    if (element.getElementsByClassName) {
+	        elements = element.getElementsByClassName(className); 
+	        len = elements.length;
+	        for (i = 0; i < len; i++) {
+	            node = elements[i];
+	            if (tagName && node.tagName != tagName) {
+	                continue;
+	            }
+	            result[result.length] = node;
+	        }
+	    } else {
+	        className = new RegExp(
+	                        "(^|\\s)" 
+	                        + baidu.string.escapeReg(className)
+	                        + "(\\s|\x24)");
+	        elements = tagName 
+	                    ? element.getElementsByTagName(tagName) 
+	                    : (element.all || element.getElementsByTagName("*"));
+	        len = elements.length;
+	        for (i = 0; i < len; i++) {
+	            node = elements[i];
+	            className.test(node.className) && (result[result.length] = node);
+	        }
+	    }
+
+	    return result;
+	};
+
+	// 声明快捷方法
+	baidu.q = baidu.Q = baidu.dom.q;
+	/*
+	 * Tangram query
+	 *
+	 * code from https://github.com/hackwaly/Q
+	 * 
+	 * version: 1.0.0
+	 * date: 20110801
+	 * author: wenyuxiang
+	 */
+
+
+
+
+	/**
+	 * 提供css选择器功能
+	 * @name baidu.dom.query
+	 * @function
+	 * @grammar baidu.dom.query(selector[, context, results])
+	 * @param {String} selector 选择器定义
+	 * @param {HTMLElement | DOMDocument} [context] 查找的上下文
+	 * @param {Array} [results] 查找的结果会追加到这个数组中
+	 * @version 1.2
+	 * @remark
+	 * 
+	            选择器支持所有的<a href="http://www.w3.org/TR/css3-selectors/">css3选择器</a> ，核心实现采用sizzle。可参考<a href="http://wiki.github.com/jeresig/sizzle/" target="_blank">sizzle 文档</a>
+	        
+	 * @see baidu.dom.g, baidu.dom.q, baidu.dom.query.matches
+	 *             
+	 * @returns {Array}        包含所有筛选出的DOM元素的数组
+	 */
+
+	baidu.dom.query = (function (){
+	    var d = document;
+	    d._Q_rev = 0;
+
+	    var MUTATION = false;
+	    var _onMu = function (){
+	        d._Q_rev ++;
+	        MUTATION = true;
+	    };
+	    if (d.addEventListener) {
+	        d.addEventListener('DOMNodeInserted', _onMu, false);
+	        d.addEventListener('DOMNodeRemoved', _onMu, false);
+	    }
+
+	    var BY_ID1;
+	    var BY_CLASS;
+	    var IE678 = window.ActiveXObject && !d.addEventListener;
+	    (function (){
+	        var div = d.createElement('div');
+	        div.innerHTML = '<a name="d"></a><div id="d"></div>';
+	        BY_ID1 = div.getElementsByTagName('*')["d"] === div.lastChild;
+	        div.innerHTML = '<div class="t e"></div><div class="t"></div>';
+	        div.lastChild.className = 'e';
+	        BY_CLASS = div.getElementsByClassName && div.getElementsByClassName('e').length == 2;
+	    })();
+	    var BY_NAME = !!d.getElementsByName;
+	    var BY_ELEMENT = typeof d.documentElement.nextElementSibling !== 'undefined';
+	    var BY_CHILDREN = !!d.documentElement.children;
+	    var BY_CHILDREN_TAG = BY_CHILDREN && !!d.documentElement.children.tags;
+
+	    var PATTERN = /(?:\s*([ ~+>,])\s*)?(?:([:.#]?)((?:[\w\u00A1-\uFFFF-]|\\.)+|\*)|\[\s*((?:[\w\u00A1-\uFFFF-]|\\.)+)(?:\s*([~^$|*!]?=)\s*((['"]).*?\7|[^\]]*))?\s*\])/g;
+
+	    function trim(str){
+	        return str.replace(/^\s*|\s*$/, '');
+	    }
+	    function make(kind, array){
+	        return (array.kind = kind, array);
+	    }
+	    var parse = function (){
+	        var text;
+	        var index;
+
+	        function match(regex){
+	            var mc = (regex.lastIndex = index, regex.exec(text));
+	            return mc && mc.index == index ? (index = regex.lastIndex, mc) : null;
+	        }
+	        function dequote(str){
+	            var ch = str.charAt(0);
+	            return ch == '"' || ch == "'" ? str.slice(1, -1) : str;
+	        }
+	        function error(){ throw ['ParseError', text, index]; }
+
+	        function parse(){
+	            var mc, simple, seq = [], chain = [seq], group = [chain];
+	            while (mc = match(PATTERN)) {
+	                if (mc[1]) {
+	                    if (mc[1] == ',') group.push(chain = []);
+	                    if (seq.length) chain.push(seq = []);
+	                    if (mc[1] != ',') seq.comb = mc[1];
+	                }
+	                simple = [mc[4] || mc[3]];
+	                if (mc[6]) simple.push(dequote(mc[6]));
+	                simple.kind = mc[5] || (mc[4] ? '[' : mc[2] || 'T');
+	                if (simple[0] == '*' && simple.kind != 'T') error();
+	                if (mc[2] == ':') {
+	                    simple.kind = ':' + mc[3];
+	                    if (text.charAt(index) == '(') {
+	                        index ++;
+	                        if (mc[3] == 'not' || mc[3] == 'has') {
+	                            var t = index;
+	                            simple[0] = parse();
+	                            simple[1] = text.slice(t, index);
+	                            if (text.charAt(index) == ')') index ++; else error();
+	                        } else {
+	                            var tmpIndex = text.indexOf(')', index);
+	                            if (tmpIndex != -1) {
+	                                simple[0] = trim(text.slice(index, tmpIndex));
+	                                index = tmpIndex + 1;
+	                            } else error();
+
+	                            if (mc[3].indexOf('nth') == 0) {
+	                                var tmp = simple[0];
+	                                tmp = (tmp == 'even' ? '2n' : tmp == 'odd' ? '2n+1' :
+	                                    (tmp.indexOf('n') == -1 ? '0n': '') + tmp.replace(/\s*/g, '')).split('n');
+	                                simple[0] = !tmp[0] ? 1 : Number(tmp[0]) | 0;
+	                                simple[1] = Number(tmp[1]) | 0;
+	                            } else if (mc[3] == 'contains') {
+	                                simple[0] = dequote(simple[0]);
+	                            }
+	                        }
+	                    }
+	                }
+	                seq.push(simple);
+	            }
+	            return group;
+	        }
+
+	        return function (selector){
+	            return (text = selector, index = 0, selector = parse(), match(/\s*/g), index < text.length) ? error() : selector;
+	        };
+
+	    }();
+
+	    var fRMap = { '#': 9, 'N': BY_NAME ? 7 : 0, '.': BY_CLASS ? 6 : 0, 'T': 5 };
+	    var tRMap = { '#': 9, '=': 9, '[': 8, 'N': 9, 'T': 8, '.': 5,  '~=': 3, '|=': 3, '*=': 3,
+	        ':not': 6, ':has': 1, ':contains': 3, ':nth-child': 2, ':nth-last-child': 2,
+	        ':first-child': 3, ':last-child': 3, ':only-child': 3, ':not-ex': 7 };
+	    var efMap = { id: '#', name: 'N' };
+	    var testingOrder = function (a, b){ return a.tR - b.tR; };
+	    var regPos = /:(nth|eq|gt|lt|first|last|even|odd)$/;
+
+	    function process(seq){
+	        var finder, t;
+	        var k = seq.length;
+	        while (k --) {
+	            var simple = seq[k];
+	            // 转化[id="xxx"][name="xxx"][tagName="xxx"][className~="xxx"]之类的选择器
+	            // 识别:root,html|head|body|title等全局仅一个的标签的选择器，忽略*选择器
+	            // 合并类选择器以便于使用getElementsByClassName
+	            if (simple.kind == ':html') simple = make('T', 'html');
+	            if (simple.kind == '=') {
+	                if (efMap[simple[0]]) simple = make(efMap[simple[0]], [simple[1]]);
+	            } else if (simple.kind == '~=' && simple[0] == 'className') simple = make('.', [simple[1]]);
+	            if (simple.kind == 'T') {
+	                if (simple[0] == '*') simple.kind = '*'; else seq.tag = simple;
+	                t = simple[0].toLowerCase();
+	            } else if (simple.kind == '.') {
+	                if (!seq.classes) seq.classes = simple; else {
+	                    seq.classes.push(simple[0]);
+	                    simple.kind = '*';
+	                }
+	            }
+	            if (simple.kind == ':not' && !((t=simple[0],t.length==1)&&(t=t[0],t.length==1))) {
+	                simple.kind = ':not-ex';
+	            }
+	            //remark: 这里是为了支持sizzle的setFilter系列
+	            if (regPos.test(simple.kind)) {
+	                simple[0] = Number(simple[0]) | 0;
+	                var newSimple = make(simple.kind, simple.slice(0));
+	                simple.kind = '*';
+	                if (!seq.allPoses) {
+	                    seq.allPoses = [newSimple];
+	                } else {
+	                    seq.allPoses.push(newSimple);
+	                }
+	            }
+	            // 计算选择器的得分用于优先级排序等策略
+	            simple.fR = fRMap[simple.kind] | 0;
+	            simple.tR = tRMap[simple.kind] | 0;
+	            if (simple.fR && (!finder || simple.fR > finder.fR)) finder = simple;
+	            seq[k] = simple;
+	        }
+	        // 按照优先级对用于测试的选择器进行排序
+	        seq.sort(testingOrder);
+	        // 记录用于getElementXXX的最佳的选择器
+	        seq.$ = finder;
+	        return seq;
+	    }
+	    // 对chain进行处理
+	    // 注意为了处理方便, 返回的数组是倒序的
+	    // div p a => [div] [p] [a]
+	    // div p>a => [div] [p>a]
+	    function slice(chain){
+	        var part = [];
+	        var parts = [part];
+	        var k = chain.length;
+	        while (k --) {
+	            var seq = chain[k];
+	            seq = process(seq);
+	            seq.N = 'node' + k;
+	            //remark: 这里是为了支持sizzle的setFilter.
+	            if (seq.allPoses) {
+	                if (!chain.allPoses) {
+	                    chain.allPoses = [];
+	                }
+	                chain.allPoses.push.apply(chain.allPoses, seq.allPoses);
+	            }
+	            if (seq.$ && (!part.fR || seq.$.fR > part.fR || (seq.$.fR == part.fR && parts.length == 1))) {
+	                part.fR = seq.$.fR;
+	                part.fI = part.length;
+	            }
+	            part.push(seq);
+	            if (seq.comb == ' ' && k && part.fI != null) {
+	                parts.push(part = []);
+	                part.fR = 0;
+	            }
+	            if (k == chain.length - 1 && seq.tag) chain.tag = seq.tag;
+	        }
+	        for (var i=0; i<parts.length; i++) {
+	            part = parts[i];
+	            var part1 = parts[i + 1];
+	            if (part1 != null) {
+	                if (part.fR > part1.fR || (part.fR == part1.fR && part1.fI != 0)){
+	                    parts.splice(i + 1, 1);
+	                    part.push.apply(part, part1);
+	                    i --;
+	                } else {
+	                    part.R = part1[0].N;
+	                }
+	            } else {
+	                part.R = 'root';
+	            }
+	        }
+	        // 如果没有找到任何一个可以用于find的seq.
+	        if (parts[0].fI == null) {
+	            parts[0].fI = 0;
+	            parts[0][0].$ = make('*', ['*']);
+	        }
+	        return parts;
+	    }
+
+	    function format(tpl, params){
+	        return tpl.replace(/#\{([^}]+)\}/g, function (m, p){
+	            return params[p] == null ? m : params[p] + '';
+	        });
+	    }
+
+	    var CTX_NGEN = 0;
+
+	    var TPL_DOC = '/*^var doc=root.ownerDocument||root;^*/';
+	    var TPL_XHTML = TPL_DOC + '/*^var xhtml=Q._isXHTML(doc);^*/';
+	    var TPL_CONTAINS = IE678 ? '#{0}.contains(#{1})' : '#{0}.compareDocumentPosition(#{1})&16';
+	    var TPL_QID = '#{N}._Q_id||(#{N}._Q_id=++qid)';
+	    var TPL_FIND = {
+	        '#': 'var #{N}=Q._byId("#{P}", #{R});if(#{N}){#{X}}',
+	        'N': TPL_DOC + 'var #{N}A=doc.getElementsByName("#{P}");for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){if(#{R}===doc||' + format(TPL_CONTAINS, ['#{R}', '#{N}']) +'){#{X}}}',
+	        'T': 'var #{N}A=#{R}.getElementsByTagName("#{P}");for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){#{X}}',
+	        '.': 'var #{N}A=#{R}.getElementsByClassName("#{P}");for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){#{X}}',
+	        '*': 'var #{N}A=#{R}.getElementsByTagName("*");for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){#{X}}',
+	        '+': BY_ELEMENT ? '/*^var #{N};^*/if(#{N}=#{R}.nextElementSibling){#{X}}' : 'var #{N}=#{R};while(#{N}=#{N}.nextSibling){if(#{N}.nodeType==1){#{X}break;}}',
+	        '~': BY_ELEMENT ? '/*^var #{N}H={};^*/var #{N}=#{R};while(#{N}=#{N}.nextElementSibling){if(#{N}H[' + TPL_QID + '])break;#{N}H[' + TPL_QID + ']=1;#{X}}' : '/*^var #{N}H={};^*/var #{N}=#{R};while(#{N}=#{N}.nextSibling){if(#{N}.nodeType==1){if(#{N}H[' + TPL_QID + '])break;#{N}H[' + TPL_QID + ']=1;#{X}}}',
+	        '>': 'var #{N}A=#{R}.children||#{R}.childNodes;for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){if(#{N}.nodeType==1){#{X}}}',
+	        '>T': 'var #{N}A=#{R}.children.tags("#{P}");for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){#{X}}'
+	    };
+	    var TPL_LEFT = 'var #{R}V={_:false};NP_#{R}:{P_#{R}:{#{X}break NP_#{R};}#{R}V._=true;#{Y}}';
+	    var TPL_TOPASS = 'if(t=#{N}H[' + TPL_QID + ']){if(t._){break P_#{R};}else{break NP_#{R};}}#{N}H[' + TPL_QID + ']=#{R}V;#{X}';
+	    var TPL_TOPASS_UP = format(TPL_TOPASS, { X: 'if(#{N}!==#{R}){#{X}}' });
+	    var TPL_PASSED = 'break P_#{R};';
+	    var TPL_PASS = {
+	        '>': '/*^var #{N}H={};^*/var #{N}=#{C}.parentNode;' + TPL_TOPASS_UP,
+	        ' ': '/*^var #{N}H={};^*/var #{N}=#{C};while(#{N}=#{N}.parentNode){' + TPL_TOPASS_UP + '}',
+	        '+': BY_ELEMENT ? '/*^var #{N}H={};var #{N};^*/if(#{N}=#{C}.previousElementSibling){#{X}}' : '/*^var #{N}H={};^*/var #{N}=#{C};while(#{N}=#{N}.previousSibling){#{X}break;}',
+	        '~': BY_ELEMENT ? '/*^var #{N}H={};^*/var #{N}=#{C};while(#{N}=#{N}.previousElementSibling){' + TPL_TOPASS + '}' : '/*^var #{N}H={};^*/var #{N}=#{C};while(#{N}=#{N}.previousSibling){' + TPL_TOPASS + '}'
+	    };
+	    var TPL_MAIN = 'function(root){var result=[];var qid=Q.qid,t,l=result.length;BQ:{#{X}}Q.qid=qid;return result;}';
+	    var TPL_HELP = '/*^var #{N}L;^*/if(!#{N}L||!(' + format(TPL_CONTAINS, ['#{N}L', '#{N}']) +')){#{X}#{N}L=#{N};}';
+	    var TPL_PUSH = 'result[l++]=#{N};';
+	    var TPL_INPUT_T = TPL_XHTML + '/*^var input_t=!xhtml?"INPUT":"input";^*/';
+	    var TPL_POS = '/*^var pos=-1;^*/';
+	    var TPL_TEST = {
+	        'T': TPL_XHTML +'/*^var #{N}T=!xhtml?("#{0}").toUpperCase():"#{0}";^*/#{N}.nodeName==#{N}T',
+	        '#': '#{N}.id=="#{0}"',
+	        'N': '#{N}.name=="#{0}"',
+
+	        '[': IE678 ? '(t=#{N}.getAttributeNode("#{0}"))&&(t.specified)' : '#{N}.hasAttribute("#{0}")',
+	        '=': '#{A}=="#{1}"',
+	        '!=': '#{A}!="#{1}"',
+	        '^=': '(t=#{A})&&t.slice(0,#{L})=="#{1}"',
+	        '$=': '(t=#{A})&&t.slice(-#{L})=="#{1}"',
+	        '*=': '(t=#{A})&&t.indexOf("#{1}")!==-1',
+	        '|=': '(t=#{A})&&(t=="#{1}"||t.slice(0,#{L})=="#{P}")',
+	        '~=': '(t=#{A})&&(" "+t+" ").indexOf("#{P}")!==-1',
+
+	        ':element': '#{N}.nodeType==1',
+	        ':contains': '(#{N}.textContent||#{N}.innerText).indexOf("#{0}")!==-1',
+	        ':first-child': BY_ELEMENT ? '#{N}.parentNode.firstElementChild===#{N}' : 'Q._isFirstChild(#{N})',
+	        ':nth-child': TPL_DOC + '/*^var rev=doc._Q_rev||(doc._Q_rev=Q.qid++);^*/Q._index(#{N},#{0},#{1},rev)',
+	        ':last-child': BY_ELEMENT ? '#{N}.parentNode.lastElementChild===#{N}' : 'Q._isLastChild(#{N})',
+	        ':only-child': BY_ELEMENT ? '(t=#{N}.parentNode)&&(t.firstElementChild===#{N}&&t.lastElementChild===#{N})' : 'Q._isOnlyChild(#{N})',
+
+	        ':not-ex': '/*^var _#{G}=Q._hash(Q("#{1}",root));qid=Q.qid;^*/!_#{G}[' + TPL_QID + ']',
+	        ':has': '(t=Q("#{1}", #{N}),qid=Q.qid,t.length>0)',
+	        ':parent': '!!#{N}.firstChild',
+	        ':empty': '!#{N}.firstChild',
+
+	        ':header': '/h\\d/i.test(#{N}.nodeName)',
+	        ':input': '/input|select|textarea|button/i.test(#{N}.nodeName)',
+	        ':enabled': '#{N}.disabled===false&&#{N}.type!=="hidden"',
+	        ':disabled': '#{N}.disabled===true',
+	        ':checked': '#{N}.checked===true',
+	        ':selected': '(#{N}.parentNode.selectedIndex,#{N}.selected===true)',
+
+	        // TODO: 这些伪类可以转化成为标签选择器加以优化！
+	        ':focus': TPL_DOC + '#{N}===doc.activeElement',
+	        ':button': TPL_INPUT_T + '#{N}.nodeName==="button"||(#{N}.nodeName===input_t&&#{N}.type==="button")',
+	        ':submit': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="submit"',
+	        ':reset': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="reset"',
+	        ':text': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="text"&&(t=#{N}.getAttribute("type"),t==="text"||t===null)',
+	        ':radio': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="radio"',
+	        ':checkbox': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="checkbox"',
+	        ':file': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="file"',
+	        ':password': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="password"',
+	        ':image': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="image"'
+	    };
+
+	    function genAttrCode(attr){
+	        if (attr == 'for') return '#{N}.htmlFor';
+	        if (attr == 'class') return '#{N}.className';
+	        if (attr == 'type') return '#{N}.getAttribute("type")';
+	        if (attr == 'href') return '#{N}.getAttribute("href",2)';
+	        return '(#{N}["' + attr + '"]||#{N}.getAttribute("' + attr + '"))';
+	    }
+
+	    function genTestCode(simple){
+	        if (simple.kind.indexOf('=') !== -1) {
+	            simple.A = genAttrCode(simple[0]);
+	        }
+	        var t;
+	        switch (simple.kind) {
+	        case '.':
+	            var k = simple.length;
+	            var buff = [];
+	            while (k --) {
+	                buff.push('t.indexOf(" #{'+ k +'} ")!==-1');
+	            }
+	            return format('(t=#{N}.className)&&((t=" "+t+" "),(' + buff.join(' && ') + '))', simple);
+	        case '^=':
+	        case '$=':
+	            simple.L = simple[1].length;
+	            break;
+	        case '|=':
+	            simple.L = simple[1].length + 1;
+	            simple.P = simple[1] + '-';
+	            break;
+	        case '~=':
+	            simple.P = ' ' + simple[1] + ' ';
+	            break;
+	        case ':nth-child':
+//	        case ':nth-last-child':
+	            if (simple[0] == 1 && simple[1] == 0) return '';
+	            break;
+	        case ':not':
+	            t = genCondCode(simple[0][0][0]);
+	            return t ? '!(' + t + ')' : 'false';
+	        case ':not-ex':
+	        case ':has':
+	            simple.G = CTX_NGEN ++;
+	            break;
+	        case '*':
+	            return '';
+	        }
+	        return format(TPL_TEST[simple.kind], simple);
+	    }
+	    function genCondCode(seq){
+	        var buff = [];
+	        var k = seq.length;
+	        var code;
+	        while (k --) {
+	            var simple = seq[k];
+	            if (code = genTestCode(simple)) {
+	                buff.push(code);
+	            }
+	        }
+	        return buff.join(' && ');
+	    }
+	    function genThenCode(seq){
+	        var code = genCondCode(seq);
+	        return code ? format('if('+code+'){#{X}}', { N: seq.N }) : '#{X}';
+	    }
+	    var NEEDNOT_ELEMENT_CHECK = { '#': 1, 'T': 1, '.': 1, 'N': 1, ':element': 1 };
+	    function genFindCode(seq, R, comb){
+	        comb = comb || seq.comb;
+	        var tpl;
+	        if (comb == ' ') {
+	            var finder = seq.$;
+	            if (finder) {
+	                tpl = TPL_FIND[finder.kind];
+	                // 有hack的嫌疑, 让产生test代码时忽略已经用于find的seq.
+	                finder.kind = '*';
+	            } else {
+	                tpl = TPL_FIND['*'];
+	                if (IE678 && !NEEDNOT_ELEMENT_CHECK[seq[seq.length - 1].kind]) {
+	                    seq.push(make(':element', []));
+	                }
+	            }
+	        } else if (BY_CHILDREN_TAG && comb == '>' && seq.tag) {
+	            tpl = TPL_FIND['>T'];
+	            finder = seq.tag;
+	            seq.tag.kind = '*';
+	        } else {
+//	            if (!BY_ELEMENT && (comb == '+' || comb == '~') && !NEEDNOT_ELEMENT_CHECK[seq[seq.length - 1].kind]) {
+//	                seq.push(make(':element', []));
+//	            }
+	            tpl = TPL_FIND[comb];
+	        }
+	        return format(tpl, {
+	            P: finder && (finder.kind == '.' ? finder.join(' ') : finder[0]),
+	            N: seq.N,
+	            R: R,
+	            X: genThenCode(seq)
+	        });
+	    }
+	    function genNextCode(part, thenCode){
+	        var code = '#{X}';
+	        var k = part.fI;
+	        while (k --) {
+	            code = format(code, { X: genFindCode(part[k], part[k+1].N) });
+	        }
+	        var nextCode;
+	        if (!thenCode) {
+	            if (part.fI == 0 && (k = part[0].$.kind) && (k != 'S' && k != '#')) {
+	                nextCode = format(TPL_HELP, { N: part[0].N });
+	                code = format(code, { X: nextCode })
+	            }
+	        } else {
+	            nextCode = format(thenCode, { N: part[0].N });
+	            code = format(code, { X: nextCode });
+	        }
+	        return code;
+	    }
+	    function genPassCode(seq, C, comb){
+	        return format(TPL_PASS[comb], {
+	            N: seq.N,
+	            C: C,
+	            X: genThenCode(seq)
+	        });
+	    }
+	    function genLeftCode(part){
+	        var code = TPL_LEFT;
+	        for (var i=part.fI+1,l=part.length; i<l; i++) {
+	            var seq = part[i];
+	            var lastSeq = part[i-1];
+	            code = format(code, { X: genPassCode(seq, lastSeq.N, part[i-1].comb) });
+	        }
+	        code = format(code, { X: TPL_PASSED });
+	        code = format(code, { R: part.R });
+	        return code;
+	    }
+	    function genPartCode(part, thenCode){
+	        var code = genFindCode(part[part.fI], part.R, ' ');
+	        var nextCode = genNextCode(part, thenCode);
+	        if (part.fI < part.length - 1) {
+	            var passCode = genLeftCode(part);
+	            nextCode = format(passCode, { Y: nextCode });
+	        }
+	        return format(code, { X: nextCode });
+	    }
+
+	    function genThatCode(seq){
+	        var obj = {};
+	        var k = seq.length;
+	        while (k --) {
+	            var simple = seq[k];
+	            if (simple.kind == ':first') {
+	                simple = make(':nth', [0]);
+	            } else if (simple.kind == ':last') {
+	                obj.last = 1;
+	            }
+	            if (simple.kind == ':lt') {
+	                obj.lt = obj.lt === undefined ? simple[0] : Math.min(obj.lt, simple[0]);
+	            } else if (simple.kind == ':gt') {
+	                obj.gt = obj.gt === undefined ? simple[0] : Math.max(obj.gt, simple[0]);
+	            } else if (simple.kind == ':eq' || simple.kind == ':nth') {
+	                if (obj.eq && obj.eq !== simple[0]) {
+	                    obj.no = true;
+	                } else obj.eq = simple[0];
+	            } else if (simple.kind == ':even' || simple.kind == ':odd') {
+	                obj[simple.kind.slice(1)] = 1;
+	            }
+	        }
+	        if ((obj.lt != null && obj.eq != null && obj.eq >= obj.lt) || (obj.lt != null && obj.gt != null && obj.lt <= obj.gt) || (obj.even && obj.odd)) {
+	            obj.no = 1;
+	        }
+
+	        if (obj.no) {
+	            return '/*^break BQ;^*/';
+	        }
+	        var buff = [];
+	        if (obj.even) {
+	            buff.push('pos%2===0');
+	        } else if (obj.odd) {
+	            buff.push('pos%2===1');
+	        }
+	        var code = obj.eq == null ? TPL_PUSH : 'if(pos===' + obj.eq + '){result=[#{N}];break BQ;}';
+	        if (obj.gt != null) {
+	            buff.push('pos>'+obj.gt);
+	        }
+	        code = buff.length ? 'if (' + buff.join('&&') + '){' + code + '}' : code;
+	        code = obj.lt != null ? 'if (pos<' + obj.lt + '){' + code + '}else break BQ;' : code;
+	        if (obj.last) {
+	            code += '/*$result=result.slice(-1);$*/';
+	        }
+	        return code;
+	    }
+	    function genCode(chain){
+	        var parts = slice(chain);
+
+	        var thenCode = chain.allPoses ? TPL_POS + 'pos++;' + genThatCode(chain.allPoses) : TPL_PUSH;
+	        CTX_NGEN = 0;
+	        var code = '#{X}';
+
+	        var k = parts.length;
+	        while (k --) {
+	            var part = parts[k];
+	            code = format(code, { X: genPartCode(part, k == 0 ? thenCode : false ) });
+	        }
+	        return code;
+	    }
+
+	    var documentOrder;
+	    if (d.documentElement.sourceIndex) {
+	        documentOrder = function (nodeA, nodeB){ return nodeA === nodeB ? 0 : nodeA.sourceIndex - nodeB.sourceIndex; };
+	    } else if (d.compareDocumentPosition) {
+	        documentOrder = function (nodeA, nodeB){ return nodeA === nodeB ? 0 : nodeB.compareDocumentPosition(nodeA) & 0x02 ? -1 : 1; };
+	    }
+	    function uniqueSort(nodeSet, notUnique){
+	        if (!nodeSet.length) return nodeSet;
+	        nodeSet.sort(documentOrder);
+	        if (notUnique) return nodeSet;
+	        var resultSet = [nodeSet[0]];
+	        var node, j = 0;
+	        for (var i=1, l=nodeSet.length; i<l; i++) {
+	            if (resultSet[j] !== (node = nodeSet[i])) {
+	                resultSet[++ j] = node;
+	            }
+	        }
+	        return resultSet;
+	    }
+
+	    function compile(expr){
+	        var group = parse(expr);
+	        var tags = {};
+	        var k = group.length;
+	        while (k --) {
+	            var chain = group[k];
+	            var code = genCode(chain);
+	            if (tags && chain.tag && !tags[chain.tag[0]]) {
+	                tags[chain.tag[0]] = 1;
+	            } else {
+	                tags = null;
+	            }
+	            var hash = {};
+	            var pres = [];
+	            var posts = [];
+	            code = code.replace(/\/\*\^(.*?)\^\*\//g, function (m, p){
+	                return (hash[p] || (hash[p] = pres.push(p)), '');
+	            });
+	            code = code.replace(/\/\*\$(.*?)\$\*\//g, function (m, p){
+	                return (hash[p] || (hash[p] = posts.push(p)), '');
+	            });
+	            code = format(TPL_MAIN, { X: pres.join('') + code + posts.join('') });
+	            group[k] = new Function('Q', 'return(' + code + ')')(Q);
+	        }
+	        if (group.length == 1) {
+	            return group[0];
+	        }
+	        return function (root){
+	            var k = group.length;
+	            var result = [];
+	            while (k --) {
+	                result.push.apply(result, group[k](root));
+	            }
+	            return uniqueSort(result, tags != null);
+	        };
+	    }
+
+	    Q._hash = function (result){
+	        var hash = result._Q_hash;
+	        if (hash == null) {
+	            hash = result._Q_hash = {};
+	            var k = result.length;
+	            var qid = Q.qid;
+	            while (k --) {
+	                var el = result[k];
+	                hash[el._Q_id||(el._Q_id=++qid)] = 1;
+	            }
+	            Q.qid = qid;
+	        }
+	        return hash;
+	    };
+	    var _slice = Array.prototype.slice;
+	    Q._toArray1 = function (staticNodeList){
+	        var k = staticNodeList.length;
+	        var a = new Array(k);
+	        while (k --) {
+	            a[k] = staticNodeList[k];
+	        }
+	        return a;
+	    };
+	    Q._toArray = function (staticNodeList){
+	        try {
+	            return _slice.call(staticNodeList, 0);
+	        } catch(ex){}
+	        return (Q._toArray = Q._toArray1)(staticNodeList);
+	    };
+
+	    function queryXML(expr, root){
+	        throw ['NotImpl'];
+	    }
+	    var cache = {};
+	    var inQuery = false;
+	    function query(expr, root){
+	        var doc = root.ownerDocument || root;
+	        var ret;
+	        if (!doc.getElementById) {
+	            return queryXML(expr, root);
+	        }
+	        if (root === doc && doc.querySelectorAll && !/#/.test(expr)) {
+	            try { return Q._toArray(doc.querySelectorAll(expr)); } catch(ex){}
+	        }
+	        var fn  = cache[expr] || (cache[expr] = compile(expr));
+	        if (!inQuery) {
+	            inQuery = true;
+	            if (!MUTATION) {
+	                doc._Q_rev = Q.qid ++;
+	            }
+	            ret = fn(root);
+	            inQuery = false;
+	        } else {
+	            ret = fn(root);
+	        }
+	        return ret;
+	    }
+
+	    Q.qid = 1;
+	    Q._byId = function (id, root){
+	        if (BY_ID1) {
+	            return root.getElementsByTagName('*')[id];
+	        }
+	        var doc = root.ownerDocument || root;
+	        var node = doc.getElementById(id);
+	        if (node && ((root === doc) || Q.contains(root, node)) && (!IE678 || (node.id === id || node.getAttributeNode('id').nodeValue === id))) {
+	            return node;
+	        }
+	        return null;
+	    };
+	    Q._in = function (nodes, nodeSet){
+	        var hash = Q._hash(nodeSet);
+	        var ret = [];
+	        for (var i=0; i<nodes.length; i++) {
+	            var node = nodes[i];
+	            if (hash[node._Q_id||(node._Q_id=++Q.qid)]) {
+	                ret.push(node);
+	            }
+	        }
+	        return ret;
+	    };
+	    Q.matches = function (expr, set){
+	        return Q(expr, null, null, set);
+	    };
+	    Q.contains = d.documentElement.contains ? function (a, b){
+	        return a !== b && a.contains(b);
+	    } : function (a, b) {
+	        return a !== b && a.compareDocumentPosition(b) & 16;
+	    };
+	    Q._has = function (node, nodes){
+	        for (var i=0, tnode; tnode=nodes[i++];) {
+	            if (!Q.contains(node, tnode)) return false;
+	        }
+	        return true;
+	    };
+	    Q._index = function (node, a, b, rev){
+	        var parent = node.parentNode;
+	        if (parent._Q_magic !== rev) {
+	            var tnode;
+	            var count = 1;
+	            if (BY_ELEMENT) {
+	                tnode = parent.firstElementChild;
+	                while (tnode) {
+	                    tnode._Q_index = count ++;
+	                    tnode = tnode.nextElementSibling;
+	                }
+	            } else {
+	                var nodes = parent.children || parent.childNodes;
+	                for (var i=0; tnode=nodes[i]; i++) {
+	                    if (tnode.nodeType == 1) {
+	                        tnode._Q_index = count ++;
+	                    }
+	                    tnode = tnode.nextSibling;
+	                }
+	            }
+	            parent._Q_count1 = count;
+	            parent._Q_magic = rev;
+	        }
+	        return a ? (node._Q_index - b) % a == 0 : node._Q_index == b;
+	    };
+	    Q._isOnlyChild = function (node){
+	        return Q._isFirstChild(node) && Q._isLastChild(node);
+	    };
+	    Q._isFirstChild = function (node){
+	        while (node = node.previousSibling) {
+	            if (node.nodeType == 1) return false;
+	        }
+	        return true;
+	    };
+	    Q._isLastChild = function (node){
+	        while (node = node.nextSibling) {
+	            if (node.nodeType == 1) return false;
+	        }
+	        return true;
+	    };
+	    Q._isXHTML = function (doc){
+	        return doc.documentElement.nodeName == 'html';
+	    };
+	    function Q(expr, root, result, seed){
+	        root = root || d;
+	        var ret = query(expr, root);
+	        if (seed) {
+	            ret = Q._in(seed, ret);
+	        }
+	        if (result) {
+	            ret.push.apply(result, ret);
+	        } else {
+	            result = ret;
+	        }
+	        return result;
+	    }
+	    return Q;
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+
+	/**
+	 * 使函数在页面dom节点加载完毕时调用
+	 * @author allstar
+	 * @name baidu.dom.ready
+	 * @function
+	 * @grammar baidu.dom.ready(callback)
+	 * @param {Function} callback 页面加载完毕时调用的函数.
+	 * @remark
+	 * 如果有条件将js放在页面最底部, 也能达到同样效果，不必使用该方法。
+	 * @meta standard
+	 */
+	(function() {
+
+	    var ready = baidu.dom.ready = function() {
+	        var readyBound = false,
+	            readyList = [],
+	            DOMContentLoaded;
+
+	        if (document.addEventListener) {
+	            DOMContentLoaded = function() {
+	                document.removeEventListener('DOMContentLoaded', DOMContentLoaded, false);
+	                ready();
+	            };
+
+	        } else if (document.attachEvent) {
+	            DOMContentLoaded = function() {
+	                if (document.readyState === 'complete') {
+	                    document.detachEvent('onreadystatechange', DOMContentLoaded);
+	                    ready();
+	                }
+	            };
+	        }
+
+	        function ready() {
+	            if (!ready.isReady) {
+	                ready.isReady = true;
+	                for (var i = 0, j = readyList.length; i < j; i++) {
+	                    readyList[i]();
+	                }
+	            }
+	        }
+
+	        function doScrollCheck(){
+	            try {
+	                document.documentElement.doScroll("left");
+	            } catch(e) {
+	                setTimeout( doScrollCheck, 1 );
+	                return;
+	            }   
+	            ready();
+	        }
+
+	        function bindReady() {
+	            if (readyBound) {
+	                return;
+	            }
+	            readyBound = true;
+
+	            if (document.addEventListener) {
+
+	                document.addEventListener('DOMContentLoaded', DOMContentLoaded, false);
+	                window.addEventListener('load', ready, false);
+
+	            } else if (document.attachEvent) {
+
+	                document.attachEvent('onreadystatechange', DOMContentLoaded);
+	                window.attachEvent('onload', ready);
+
+	                var toplevel = false;
+
+	                try {
+	                    toplevel = window.frameElement == null;
+	                } catch (e) {}
+
+	                if (document.documentElement.doScroll && toplevel) {
+	                    doScrollCheck();
+	                }
+	            }
+	        }
+	        bindReady();
+
+	        return function(callback) {
+	            ready.isReady ? callback() : readyList.push(callback);
+	        };
+	    }();
+
+	    ready.isReady = false;
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/remove.js
+	 * author: allstar,berg
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+
+	/**
+	 * 从DOM树上移除目标元素
+	 * @name baidu.dom.remove
+	 * @function
+	 * @grammar baidu.dom.remove(element)
+	 * @param {HTMLElement|string} element 需要移除的元素或元素的id
+	 * @remark
+	 * <b>注意：</b>对于移除的dom元素，IE下会释放该元素的空间，继续使用该元素的引用进行操作将会引发不可预料的问题。
+	 * @meta standard
+	 */
+	baidu.dom.remove = function (element) {
+	    element = baidu.dom._g(element);
+		var tmpEl = element.parentNode;
+	    //去掉了对ie下的特殊处理：创建一个div，appendChild，然后div.innerHTML = ""
+	    tmpEl && tmpEl.removeChild(element);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/removeClass.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+
+	/**
+	 * 移除目标元素的className
+	 * @name baidu.dom.removeClass
+	 * @function
+	 * @grammar baidu.dom.removeClass(element, className)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {string} className 要移除的className，允许同时移除多个class，中间使用空白符分隔
+	 * @remark
+	 * 使用者应保证提供的className合法性，不应包含不合法字符，className合法字符参考：http://www.w3.org/TR/CSS2/syndata.html。
+	 * @shortcut removeClass
+	 * @meta standard
+	 * @see baidu.dom.addClass
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.dom.removeClass = function (element, className) {
+	    element = baidu.dom.g(element);
+
+	    var oldClasses = element.className.split(/\s+/),
+	        newClasses = className.split(/\s+/),
+	        lenOld,
+	        lenDel = newClasses.length,
+	        j,
+	        i = 0;
+	    //考虑到同时删除多个className的应用场景概率较低,故放弃进一步性能优化 
+	    // by rocy @1.3.4
+	    for (; i < lenDel; ++i){
+	        for(j = 0, lenOld = oldClasses.length; j < lenOld; ++j){
+	            if(oldClasses[j] == newClasses[i]){
+	            	oldClasses.splice(j, 1);
+	            	break;
+	            }
+	        }
+	    }
+	    element.className = oldClasses.join(' ');
+	    return element;
+	};
+
+	// 声明快捷方法
+	baidu.removeClass = baidu.dom.removeClass;
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 *
+	 * path: baidu/dom/removeStyle.js
+	 * author: wenyuxiang, berg
+	 * version: 1.0.1
+	 * date: 2010/9/10
+	 */
+
+
+
+
+	/**
+	 * 删除元素的某个样式
+	 * @name baidu.dom.removeStyle
+	 * @function
+	 * @grammar baidu.dom.removeStyle(element, styleName)
+	 * @param {HTMLElement|String} element 需要删除样式的元素或者元素id
+	 * @param {string} styleName 需要删除的样式名字
+	 * @version 1.3
+	 * @see baidu.dom.setStyle
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	 
+	// todo: 1. 只支持现代浏览器，有一些老浏览器可能不支持; 2. 有部分属性无法被正常移除
+	baidu.dom.removeStyle = function (){
+	    var ele = document.createElement("DIV"),
+	        fn,
+	        _g = baidu.dom._g;
+	    
+	    if (ele.style.removeProperty) {// W3C, (gecko, opera, webkit)
+	        fn = function (el, st){
+	            el = _g(el);
+	            el.style.removeProperty(st);
+	            return el;
+	        };
+	    } else if (ele.style.removeAttribute) { // IE
+	        fn = function (el, st){
+	            el = _g(el);
+	            el.style.removeAttribute(baidu.string.toCamelCase(st));
+	            return el;
+	        };
+	    }
+	    ele = null;
+	    return fn;
+	}();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/object/each.js
+	 * author: berg
+	 * version: 1.1.1
+	 * date: 2010-04-19
+	 */
+
+
+
+	/**
+	 * 遍历Object中所有元素，1.1.1增加
+	 * @name baidu.object.each
+	 * @function
+	 * @grammar baidu.object.each(source, iterator)
+	 * @param {Object} source 需要遍历的Object
+	 * @param {Function} iterator 对每个Object元素进行调用的函数，function (item, key)
+	 * @version 1.1.1
+	 *             
+	 * @returns {Object} 遍历的Object
+	 */
+	baidu.object.each = function (source, iterator) {
+	    var returnValue, key, item; 
+	    if ('function' == typeof iterator) {
+	        for (key in source) {
+	            if (source.hasOwnProperty(key)) {
+	                item = source[key];
+	                returnValue = iterator.call(source, item, key);
+	        
+	                if (returnValue === false) {
+	                    break;
+	                }
+	            }
+	        }
+	    }
+	    return source;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 判断目标参数是否number类型或Number对象
+	 * @name baidu.lang.isNumber
+	 * @function
+	 * @grammar baidu.lang.isNumber(source)
+	 * @param {Any} source 目标参数
+	 * @meta standard
+	 * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
+	 *             
+	 * @returns {boolean} 类型判断结果
+	 * @remark 用本函数判断NaN会返回false，尽管在Javascript中是Number类型。
+	 */
+	baidu.lang.isNumber = function (source) {
+	    return '[object Number]' == Object.prototype.toString.call(source) && isFinite(source);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/getTarget.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 获取事件的触发元素
+	 * @name baidu.event.getTarget
+	 * @function
+	 * @grammar baidu.event.getTarget(event)
+	 * @param {Event} event 事件对象
+	 * @meta standard
+	 * @returns {HTMLElement} 事件的触发元素
+	 */
+	 
+	baidu.event.getTarget = function (event) {
+	    return event.target || event.srcElement;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+
+
+
+
+	/**
+	 * 按照border-box模型设置元素的height和width值。只支持元素的padding/border/height/width使用同一种计量单位的情况。<br/> 不支持：<br/> 1. 非数字值(medium)<br/> 2. em/px在不同的属性中混用
+	 * @name baidu.dom.setBorderBoxSize
+	 * @author berg
+	 * @function
+	 * @grammar baidu.dom.setBorderBoxSize(element, size)
+	 * @param {HTMLElement|string} element 元素或DOM元素的id
+	 * @param {object} size 包含height和width键名的对象
+	 *
+	 * @see baidu.dom.setBorderBoxWidth, baidu.dom.setBorderBoxHeight
+	 *
+	 * @return {HTMLElement}  设置好的元素
+	 */
+	baidu.dom.setBorderBoxSize= function (element, size) {
+	    var result = {};
+	    size.width && (result.width = parseFloat(size.width));
+	    size.height && (result.height = parseFloat(size.height));
+
+	    function getNumericalStyle(element, name){
+	        return parseFloat(baidu.getStyle(element, name)) || 0;
+	    }
+	    
+	    if(baidu.browser.isStrict){
+	        if(size.width){
+	            result.width = parseFloat(size.width)  -
+	                           getNumericalStyle(element, 'paddingLeft') - 
+	                           getNumericalStyle(element, 'paddingRight') - 
+	                           getNumericalStyle(element, 'borderLeftWidth') -
+	                           getNumericalStyle(element, 'borderRightWidth');
+	            result.width < 0 && (result.width = 0);
+	        }
+	        if(size.height){
+	            result.height = parseFloat(size.height) -
+	                            getNumericalStyle(element, 'paddingTop') - 
+	                            getNumericalStyle(element, 'paddingBottom') - 
+	                            getNumericalStyle(element, 'borderTopWidth') - 
+	                            getNumericalStyle(element, 'borderBottomWidth');
+	            result.height < 0 && (result.height = 0);
+	        }
+	    }
+	    return baidu.dom.setStyles(element, result);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+	/**
+	 * 按照border-box模型设置元素的height值
+	 * 
+	 * @author berg
+	 * @name baidu.dom.setBorderBoxHeight
+	 * @function
+	 * @grammar baidu.dom.setBorderBoxHeight(element, height)
+	 * 
+	 * @param {HTMLElement|string} element DOM元素或元素的id
+	 * @param {number|string} height 要设置的height
+	 *
+	 * @return {HTMLElement}  设置好的元素
+	 * @see baidu.dom.setBorderBoxWidth, baidu.dom.setBorderBoxSize
+	 * @shortcut dom.setOuterHeight
+	 */
+	baidu.dom.setOuterHeight = 
+	baidu.dom.setBorderBoxHeight = function (element, height) {
+	    return baidu.dom.setBorderBoxSize(element, {height : height});
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+	/**
+	 * 按照border-box模型设置元素的width值
+	 * 
+	 * @author berg
+	 * @name baidu.dom.setBorderBoxWidth
+	 * @function
+	 * @grammar baidu.dom.setBorderBoxWidth(element, width)
+	 * 
+	 * @param {HTMLElement|string} 	element DOM元素或元素的id
+	 * @param {number|string} 		width 	要设置的width
+	 *
+	 * @return {HTMLElement}  设置好的元素
+	 * @see baidu.dom.setBorderBoxHeight, baidu.dom.setBorderBoxSize
+	 * @shortcut dom.setOuterWidth
+	 */
+	baidu.dom.setOuterWidth = 
+	baidu.dom.setBorderBoxWidth = function (element, width) {
+	    return baidu.dom.setBorderBoxSize(element, {width : width});
+	};
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	/**
+	 * 绘制可以根据鼠标行为改变HTMLElement大小的resize handle
+	 * @name baidu.dom.resizable
+	 * @function
+	 * @grammar baidu.dom.resizable(element[, options])
+	 * @param {HTMLElement|string} element 需要改变大小的元素或者元素的id.
+	 * @param {Object} [options] resizable参数配置
+	 * @config {Array} [direction] 可以改变的方向[e,se,s,ws,w,wn,n,en]
+	 * @config {Function} [onresizestart] 开始改变大小时触发
+	 * @config {Function} [onresizeend] 大小改变结束时触发
+	 * @config {Function} [onresize] 大小改变后时触发
+	 * @config {Number|String} [maxWidth] 可改变的最大宽度
+	 * @config {Number|String} [maxHeight] 可改变的最大高度
+	 * @config {Number|String} [minWidth] 可改变的最小宽度
+	 * @config {Number|String} [minHeight] 可改变的最小高度
+	 * @config {String} [classPrefix] className 前缀
+	 * @config {Object} [directionHandlePosition] resizHandle的位置参数
+	 * @return {Object} {cancel:Function} cancel函数
+	 * @remark  需要将元素的定位设置为absolute
+	 * @author lixiaopeng
+	 * @version 1.3
+	 */
+	baidu.dom.resizable = function(element,options) {
+	    var target,
+	        op,
+	        resizeHandle = {},
+	        directionHandlePosition,
+	        orgStyles = {},
+	        range, mozUserSelect,
+	        orgCursor,
+	        offsetParent,
+	        currentEle,
+	        handlePosition,
+	        timer,
+	        isCancel = false,
+	        defaultOptions = {
+	            direction: ['e', 's', 'se'],
+	            minWidth: 16,
+	            minHeight: 16,
+	            classPrefix: 'tangram',
+	            directionHandlePosition: {}
+	        };
+
+	        
+	    if (!(target = baidu.dom.g(element)) && baidu.getStyle(target, 'position') == 'static') {
+	        return false;
+	    }
+	    offsetParent = target.offsetParent;
+	    var orgPosition = baidu.getStyle(target,'position');
+
+	    /*
+	     * 必要参数的扩展
+	     * resize handle以方向命名
+	     * 顺时针的顺序为
+	     * north northwest west southwest south southeast east northeast
+	     */
+	    op = baidu.extend(defaultOptions, options);
+
+	    /*
+	     * 必要参数转换
+	     */
+	    baidu.each(['minHeight', 'minWidth', 'maxHeight', 'maxWidth'], function(style) {
+	        op[style] && (op[style] = parseFloat(op[style]));
+	    });
+
+	    /*
+	     * {Array[Number]} rangeObject
+	     * minWidth,maxWidth,minHeight,maxHeight
+	     */
+	    range = [
+	        op.minWidth || 0,
+	        op.maxWidth || Number.MAX_VALUE,
+	        op.minHeight || 0,
+	        op.maxHeight || Number.MAX_VALUE
+	    ];
+
+	    render(); 
+
+	    /**
+	     * 绘制resizable handle 
+	     */
+	    function render(){
+	      
+	        //位置属性
+	        handlePosition = baidu.extend({
+	            'e' : {'right': '-5px', 'top': '0px', 'width': '7px', 'height': target.offsetHeight},
+	            's' : {'left': '0px', 'bottom': '-5px', 'height': '7px', 'width': target.offsetWidth},
+	            'n' : {'left': '0px', 'top': '-5px', 'height': '7px', 'width': target.offsetWidth},
+	            'w' : {'left': '-5px', 'top': '0px', 'height':target.offsetHeight , 'width': '7px'},
+	            'se': {'right': '1px', 'bottom': '1px', 'height': '16px', 'width': '16px'},
+	            'sw': {'left': '1px', 'bottom': '1px', 'height': '16px', 'width': '16px'},
+	            'ne': {'right': '1px', 'top': '1px', 'height': '16px', 'width': '16px'},
+	            'nw': {'left': '1px', 'top': '1px', 'height': '16px', 'width': '16px'}
+	        },op.directionHandlePosition);
+	        
+	        //创建resizeHandle
+	        baidu.each(op.direction, function(key) {
+	            var className = op.classPrefix.split(' ');
+	            className[0] = className[0] + '-resizable-' + key;
+
+	            var ele = baidu.dom.create('div', {
+	                className: className.join(' ')
+	            }),
+	                styles = handlePosition[key];
+
+	            styles['cursor'] = key + '-resize';
+	            styles['position'] = 'absolute';
+	            baidu.setStyles(ele, styles);
+	            
+	            ele.key = key;
+	            ele.style.MozUserSelect = 'none';
+
+	            target.appendChild(ele);
+	            resizeHandle[key] = ele;
+
+	            baidu.on(ele, 'mousedown', start);
+	        });
+
+	        isCancel = false;
+	    }
+
+	    /**
+	     * cancel resizeHandle
+	     * @public
+	     * @return  void
+	     */
+	    function cancel(){
+	        currentEle && stop();
+	        baidu.object.each(resizeHandle,function(item){
+	            baidu.un(item,"mousedown",start);
+	            baidu.dom.remove(item);
+	        });
+	        isCancel = true;    
+	    }
+
+	    /**
+	     * update resizable
+	     * @public 
+	     * @param {Object} options
+	     * @return null
+	     */
+	    function update(options){
+	        if(!isCancel){
+	            op = baidu.extend(op,options || {});
+	            cancel();
+	            render();
+	        }
+	    }
+
+	    /**
+	     * resizeHandle相应mousedown事件的函数
+	     * @param {Event} e
+	     * @return void
+	     */
+	    function start(e){
+	        var ele = baidu.event.getTarget(e),
+	            key = ele.key;
+	        currentEle = ele;
+
+	        if (ele.setCapture) {
+	            ele.setCapture();
+	        } else if (window.captureEvents) {
+	            window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
+	        }
+
+	        /*
+	         * 给body设置相应的css属性
+	         * 添加事件监听
+	         */
+	        orgCursor = baidu.getStyle(document.body, 'cursor');
+	        baidu.setStyle(document.body, 'cursor', key + '-resize');
+	        baidu.on(ele, 'mouseup',stop);
+	        baidu.on(document.body, 'selectstart', unselect);
+	        mozUserSelect = document.body.style.MozUserSelect;
+	        document.body.style.MozUserSelect = 'none';
+
+	        /*
+	         * 获取鼠标坐标
+	         * 偏移量计算
+	         */
+	        var orgMousePosition = baidu.page.getMousePosition();
+	        orgStyles = _getOrgStyle();
+	        timer = setInterval(function(){
+	            resize(key,orgMousePosition);
+	        }, 20);
+
+	        baidu.lang.isFunction(op.onresizestart) && op.onresizestart();
+	        baidu.event.preventDefault(e);
+	    }
+
+	    /**
+	     * 当鼠标按键抬起时终止对鼠标事件的监听
+	     * @private
+	     * @return void
+	     */
+	    function stop() {
+	        if (currentEle.releaseCapture) {
+	            currentEle.releaseCapture();
+	        } else if (window.releaseEvents) {
+	            window.releaseEvents(Event.MOUSEMOVE | Event.MOUSEUP);
+	        }
+
+	        /*
+	         * 删除事件监听
+	         * 还原css属性设置
+	         */
+	        baidu.un(currentEle, 'mouseup',stop);
+	        baidu.un(document, 'selectstart', unselect);
+	        document.body.style.MozUserSelect = mozUserSelect;
+	        baidu.un(document.body, 'selectstart', unselect);
+
+	        clearInterval(timer);
+	        baidu.setStyle(document.body, 'cursor',orgCursor);
+	        currentEle = null;
+
+	        baidu.lang.isFunction(op.onresizeend) && op.onresizeend();
+	    }
+
+	    /**
+	     * 根据鼠标移动的距离来绘制target
+	     * @private
+	     * @param {String} key handle的direction字符串
+	     * @param {Object} orgMousePosition 鼠标坐标{x,y}
+	     * @return void
+	     */
+	    function resize(key,orgMousePosition) {
+	        var xy = baidu.page.getMousePosition(),
+	            width = orgStyles['width'],
+	            height = orgStyles['height'],
+	            top = orgStyles['top'],
+	            left = orgStyles['left'],
+	            styles;
+
+	        if (key.indexOf('e') >= 0) {
+	            width = Math.max(xy.x - orgMousePosition.x + orgStyles['width'], range[0]);
+	            width = Math.min(width, range[1]);
+	        }else if (key.indexOf('w') >= 0) {
+	            width = Math.max(orgMousePosition.x - xy.x + orgStyles['width'], range[0]);
+	            width = Math.min(width, range[1]);
+	            left -= width - orgStyles['width'];
+	       }
+
+	        if (key.indexOf('s') >= 0) {
+	            height = Math.max(xy.y - orgMousePosition.y + orgStyles['height'], range[2]);
+	            height = Math.min(height, range[3]);
+	        }else if (key.indexOf('n') >= 0) {
+	            height = Math.max(orgMousePosition.y - xy.y + orgStyles['height'], range[2]);
+	            height = Math.min(height, range[3]);
+	            top -= height - orgStyles['height'];
+	        }
+	         
+	        styles = {'width': width, 'height': height, 'top': top, 'left': left};
+	        baidu.dom.setOuterHeight(target,height);
+	        baidu.dom.setOuterWidth(target,width);
+	        baidu.setStyles(target,{"top":top,"left":left});
+
+	        resizeHandle['n'] && baidu.setStyle(resizeHandle['n'], 'width', width);
+	        resizeHandle['s'] && baidu.setStyle(resizeHandle['s'], 'width', width);
+	        resizeHandle['e'] && baidu.setStyle(resizeHandle['e'], 'height', height);
+	        resizeHandle['w'] && baidu.setStyle(resizeHandle['w'], 'height', height);
+
+	        baidu.lang.isFunction(op.onresize) && op.onresize({current:styles,original:orgStyles});
+	    }
+
+	    /**
+	     * 阻止文字被选中
+	     * @private
+	     * @param {Event} e
+	     * @return {Boolean}
+	     */
+	    function unselect(e) {
+	        return baidu.event.preventDefault(e, false);
+	    }
+
+	    /**
+	     * 获取target的原始宽高
+	     * @private
+	     * @return {Object} {width,height,top,left}
+	     */
+	    function _getOrgStyle() {
+	        var offset_parent = baidu.dom.getPosition(target.offsetParent),
+	            offset_target = baidu.dom.getPosition(target),
+	            top,
+	            left;
+	       
+	        if(orgPosition == "absolute"){
+	            top =  offset_target.top - (target.offsetParent == document.body ? 0 : offset_parent.top);
+	            left = offset_target.left - (target.offsetParent == document.body ? 0 :offset_parent.left);
+	        }else{
+	            top = parseFloat(baidu.getStyle(target,"top")) || -parseFloat(baidu.getStyle(target,"bottom")) || 0;
+	            left = parseFloat(baidu.getStyle(target,"left")) || -parseFloat(baidu.getStyle(target,"right")) || 0; 
+	        }
+	        baidu.setStyles(target,{top:top,left:left});
+
+	        return {
+	            width:target.offsetWidth,
+	            height:target.offsetHeight,
+	            top:top,
+	            left:left
+	        };
+	    }
+	    
+	    return {cancel:cancel,update:update,enable:render};
+	};
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/setPosition.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010/12/14
+	 */
+
+
+
+
+
+
+
+
+
+	/**
+	 * 设置目标元素的top和left值到用户指定的位置
+	 * 
+	 * @name baidu.dom.setPosition
+	 * @function
+	 * @grammar baidu.dom.setPosition(element, position)
+	 * 
+	 * @param {HTMLElement|string}	element 	目标元素或目标元素的id
+	 * @param {object} 				position 	位置对象 {top: {number}, left : {number}}
+	 *
+	 * @return {HTMLElement}  进行设置的元素
+	 */
+	baidu.dom.setPosition = function (element, position) {
+	    return baidu.dom.setStyles(element, {
+	        left : position.left - (parseFloat(baidu.dom.getStyle(element, "margin-left")) || 0),
+	        top : position.top - (parseFloat(baidu.dom.getStyle(element, "margin-top")) || 0)
+	    });
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 显示目标元素，即将目标元素的display属性还原成默认值。默认值可能在stylesheet中定义，或者是继承了浏览器的默认样式值
+	 * @author allstar, berg
+	 * @name baidu.dom.show
+	 * @function
+	 * @grammar baidu.dom.show(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @remark
+	 * 注意1：如果在CSS中定义此元素的样式为display:none
+	 * 在调用本函数以后，会将display属性仍然还原成none，元素仍然无法显示。
+	 * 注意2：如果这个元素的display属性被设置成inline
+	 * （由element.style.display或者HTML中的style属性设置）
+	 * 调用本方法将清除此inline属性，导致元素的display属性变成继承值
+	 * 因此，针对上面两种情况，建议使用dom.setStyle("display", "something")
+	 * 来明确指定要设置的display属性值。
+	 * 
+	 * @shortcut show
+	 * @meta standard
+	 * @see baidu.dom.hide,baidu.dom.toggle
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.dom.show = function (element) {
+	    element = baidu.dom.g(element);
+	    element.style.display = "";
+
+	    return element;
+	};
+
+	// 声明快捷方法
+	baidu.show = baidu.dom.show;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/toggle.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 改变目标元素的显示/隐藏状态
+	 * @name baidu.dom.toggle
+	 * @function
+	 * @grammar baidu.dom.toggle(element)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @meta standard
+	 * @see baidu.dom.show,baidu.dom.hide
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.dom.toggle = function (element) {
+	    element = baidu.dom.g(element);
+	    element.style.display = element.style.display == "none" ? "" : "none";
+
+	    return element;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/toggleClass.js
+	 * author: berg
+	 * version: 1.0
+	 * date: 2010-07-06
+	 */
+
+	/**
+	 * 添加或者删除一个节点中的指定class，如果已经有就删除，否则添加
+	 * @name baidu.dom.toggleClass
+	 * @function
+	 * @grammar baidu.dom.toggleClass(element, className)
+	 * @param {HTMLElement|string} element 目标元素或目标元素的id
+	 * @param {String} className 指定的className。允许同时添加多个class，中间使用空白符分隔
+	 * @version 1.3
+	 * @remark
+	 * 
+	 * 传入多个class时，只要其中有一个class不在当前元素中，则添加所有class，否则删除所有class。
+	 */
+
+
+
+
+
+	baidu.dom.toggleClass = function (element, className) {
+	    if(baidu.dom.hasClass(element, className)){
+	        baidu.dom.removeClass(element, className);
+	    }else{
+	        baidu.dom.addClass(element, className);
+	    }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/_styleFilter/color.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+
+	/**
+	 * 提供给setStyle与getStyle使用
+	 * @meta standard
+	 */
+	baidu.dom._styleFilter[baidu.dom._styleFilter.length] = {
+	    get: function (key, value) {
+	        if (/color/i.test(key) && value.indexOf("rgb(") != -1) {
+	            var array = value.split(",");
+
+	            value = "#";
+	            for (var i = 0, color; color = array[i]; i++){
+	                color = parseInt(color.replace(/[^\d]/gi, ''), 10).toString(16);
+	                value += color.length == 1 ? "0" + color : color;
+	            }
+
+	            value = value.toUpperCase();
+	        }
+
+	        return value;
+	    }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/_styleFixer/display.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/24
+	 */
+
+
+
+
+
+	/**
+	 * 提供给setStyle与getStyle使用
+	 * @meta standard
+	 */
+	baidu.dom._styleFixer.display = baidu.browser.ie && baidu.browser.ie < 8 ? { // berg: 修改到<8，因为ie7同样存在这个问题，from 先伟
+	    set: function (element, value) {
+	        element = element.style;
+	        if (value == 'inline-block') {
+	            element.display = 'inline';
+	            element.zoom = 1;
+	        } else {
+	            element.display = value;
+	        }
+	    }
+	} : baidu.browser.firefox && baidu.browser.firefox < 3 ? {
+	    set: function (element, value) {
+	        element.style.display = value == 'inline-block' ? '-moz-inline-box' : value;
+	    }
+	} : null;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All right reserved.
+	 * 
+	 * path: baidu/dom/_styleFixer/float.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 提供给setStyle与getStyle使用
+	 * @meta standard
+	 */
+	baidu.dom._styleFixer["float"] = baidu.browser.ie ? "styleFloat" : "cssFloat";
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/_styleFixer/opacity.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+
+	/**
+	 * 提供给setStyle与getStyle使用
+	 * @meta standard
+	 */
+	baidu.dom._styleFixer.opacity = baidu.browser.ie ? {
+	    get: function (element) {
+	        var filter = element.style.filter;
+	        return filter && filter.indexOf("opacity=") >= 0 ? (parseFloat(filter.match(/opacity=([^)]*)/)[1]) / 100) + "" : "1";
+	    },
+
+	    set: function (element, value) {
+	        var style = element.style;
+	        // 只能Quirks Mode下面生效??
+	        style.filter = (style.filter || "").replace(/alpha\([^\)]*\)/gi, "") + (value == 1 ? "" : "alpha(opacity=" + value * 100 + ")");
+	        // IE filters only apply to elements with "layout."
+	        style.zoom = 1;
+	    }
+	} : null;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/dom/_styleFixer/textOverflow.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+
+
+
+	/**
+	 * 提供给setStyle与getStyle使用，在做textOverflow时会向element对象中添加,_baiduOverflow, _baiduHTML两个属性保存原始的innerHTML信息
+	 */
+	baidu.dom._styleFixer.textOverflow = (function () {
+	    var fontSizeCache = {};
+
+	    function pop(list) {
+	        var o = list.length;
+	        if (o > 0) {
+	            o = list[o - 1];
+	            list.length--;
+	        } else {
+	            o = null;
+	        }
+	        return o;
+	    }
+
+	    function setText(element, text) {
+	        element[baidu.browser.firefox ? "textContent" : "innerText"] = text;
+	    }
+
+	    function count(element, width, ellipsis) {
+	        /* 计算cache的名称 */
+	        var o = baidu.browser.ie ? element.currentStyle || element.style : getComputedStyle(element, null),
+	            fontWeight = o.fontWeight,
+	            cacheName =
+	                "font-family:" + o.fontFamily + ";font-size:" + o.fontSize
+	                + ";word-spacing:" + o.wordSpacing + ";font-weight:" + ((parseInt(fontWeight) || 0) == 401 ? 700 : fontWeight)
+	                + ";font-style:" + o.fontStyle + ";font-variant:" + o.fontVariant,
+	            cache = fontSizeCache[cacheName];
+
+	        if (!cache) {
+	            o = element.appendChild(document.createElement("div"));
+
+	            o.style.cssText = "float:left;" + cacheName;
+	            cache = fontSizeCache[cacheName] = [];
+
+	            /* 计算ASCII字符的宽度cache */
+	            for (var i=0; i < 256; i++) {
+	                i == 32 ? (o.innerHTML = "&nbsp;") : setText(o, String.fromCharCode(i));
+	                cache[i] = o.offsetWidth;
+	            }
+
+	            /* 计算非ASCII字符的宽度、字符间距、省略号的宽度,\u4e00是汉字一的编码*/
+	            setText(o, "\u4e00");
+	            cache[256] = o.offsetWidth;
+	            setText(o, "\u4e00\u4e00");
+	            cache[257] = o.offsetWidth - cache[256] * 2;
+	            cache[258] = cache[".".charCodeAt(0)] * 3 + cache[257] * 3;
+
+	            element.removeChild(o);
+	        }
+
+	        for (
+	            /* wordWidth是每个字符或子节点计算之前的宽度序列 */
+	            var node = element.firstChild, charWidth = cache[256], wordSpacing = cache[257], ellipsisWidth = cache[258],
+	                wordWidth = [], ellipsis = ellipsis ? ellipsisWidth : 0;
+	            node;
+	            node = node.nextSibling
+	        ) {
+	            if (width < ellipsis) {
+	                element.removeChild(node);
+	            }
+	            else if (node.nodeType == 3) {
+	                for (var i = 0, text = node.nodeValue, length = text.length; i < length; i++) {
+	                    o = text.charCodeAt(i);
+	                    /* 计算增加字符后剩余的长度 */
+	                    wordWidth[wordWidth.length] = [width, node, i];
+	                    width -= (i ? wordSpacing : 0) + (o < 256 ? cache[o] : charWidth);
+	                    if (width < ellipsis) {
+	                        break;
+	                    }
+	                }
+	            }
+	            else {
+	                o = node.tagName;
+	                if (o == "IMG" || o == "TABLE") {
+	                    /* 特殊元素直接删除 */
+	                    o = node;
+	                    node = node.previousSibling;
+	                    element.removeChild(o);
+	                }
+	                else {
+	                    wordWidth[wordWidth.length] = [width, node];
+	                    width -= node.offsetWidth;
+	                }
+	            }
+	        }
+
+	        if (width < ellipsis) {
+	            /* 过滤直到能得到大于省略号宽度的位置 */
+	            while (o = pop(wordWidth)) {
+	                width = o[0];
+	                node = o[1];
+	                o = o[2];
+	                if (node.nodeType == 3) {
+	                    if (width >= ellipsisWidth) {
+	                        node.nodeValue = node.nodeValue.substring(0, o) + "...";
+	                        return true;
+	                    }
+	                    else if (!o) {
+	                        element.removeChild(node);
+	                    }
+	                }
+	                else if (count(node, width, true)) {
+	                    return true;
+	                }
+	                else {
+	                    element.removeChild(node);
+	                }
+	            }
+
+	            /* 能显示的宽度小于省略号的宽度，直接不显示 */
+	            element.innerHTML = "";
+	        }
+	    }
+
+	    return {
+			get: function (element) {
+	            var browser = baidu.browser,
+	                getStyle = dom.getStyle;
+				return (browser.opera ?
+	                        getStyle("OTextOverflow") :
+	                        browser.firefox ?
+	                            element._baiduOverflow :
+	                            getStyle("textOverflow")) ||
+	                   "clip";
+			},
+
+			set: function (element, value) {
+	            var browser = baidu.browser;
+				if (element.tagName == "TD" || element.tagName == "TH" || browser.firefox) {
+					element._baiduHTML && (element.innerHTML = element._baiduHTML);
+
+					if (value == "ellipsis") {
+						element._baiduHTML = element.innerHTML;
+						var o = document.createElement("div"), width = element.appendChild(o).offsetWidth;
+						element.removeChild(o);
+						count(element, width);
+					}
+					else {
+						element._baiduHTML = "";
+					}
+				}
+
+				o = element.style;
+				browser.opera ? (o.OTextOverflow = value) : browser.firefox ? (element._baiduOverflow = value) : (o.textOverflow = value);
+			}
+	    };
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/isArray.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/30
+	 */
+
+
+
+	/**
+	 * 判断目标参数是否Array对象
+	 * @name baidu.lang.isArray
+	 * @function
+	 * @grammar baidu.lang.isArray(source)
+	 * @param {Any} source 目标参数
+	 * @meta standard
+	 * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
+	 *             
+	 * @returns {boolean} 类型判断结果
+	 */
+	baidu.lang.isArray = function (source) {
+	    return '[object Array]' == Object.prototype.toString.call(source);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/toArray.js
+	 * author: berg
+	 * version: 1.0
+	 * date: 2010-07-05
+	 */
+
+
+
+
+
+	/**
+	 * 将一个变量转换成array
+	 * @name baidu.lang.toArray
+	 * @function
+	 * @grammar baidu.lang.toArray(source)
+	 * @param {mix} source 需要转换成array的变量
+	 * @version 1.3
+	 * @meta standard
+	 * @returns {array} 转换后的array
+	 */
+	baidu.lang.toArray = function (source) {
+	    if (source === null || source === undefined)
+	        return [];
+	    if (baidu.lang.isArray(source))
+	        return source;
+
+	    // The strings and functions also have 'length'
+	    if (typeof source.length !== 'number' || typeof source === 'string' || baidu.lang.isFunction(source)) {
+	        return [source];
+	    }
+
+	    //nodeList, IE 下调用 [].slice.call(nodeList) 会报错
+	    if (source.item) {
+	        var l = source.length, array = new Array(l);
+	        while (l--)
+	            array[l] = source[l];
+	        return array;
+	    }
+
+	    return [].slice.call(source);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/fn/methodize.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010/11/02 
+	 */
+
+
+
+	/**
+	 * 将一个静态函数变换成一个对象的方法，使其的第一个参数为this，或this[attr]
+	 * @name baidu.fn.methodize
+	 * @function
+	 * @grammar baidu.fn.methodize(func[, attr])
+	 * @param {Function}	func	要方法化的函数
+	 * @param {string}		[attr]	属性
+	 * @version 1.3
+	 * @returns {Function} 已方法化的函数
+	 */
+	baidu.fn.methodize = function (func, attr) {
+	    return function(){
+	        return func.apply(this, [(attr ? this[attr] : this)].concat([].slice.call(arguments)));
+	    };
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 包装函数的返回值，使其在能按照index指定的方式返回。<br/>如果其值为-1，直接返回返回值。 <br/>如果其值为0，返回"返回值"的包装结果。<br/> 如果其值大于0，返回第i个位置的参数的包装结果（从1开始计数）
+	 * @author berg
+	 * @name baidu.fn.wrapReturnValue
+	 * @function
+	 * @grammar baidu.fn.wrapReturnValue(func, wrapper, mode)
+	 * @param {function} func    需要包装的函数
+	 * @param {function} wrapper 包装器
+	 * @param {number} 包装第几个参数
+	 * @version 1.3.5
+	 * @return {function} 包装后的函数
+	 */
+	baidu.fn.wrapReturnValue = function (func, wrapper, mode) {
+	    mode = mode | 0;
+	    return function(){
+	        var ret = func.apply(this, arguments); 
+
+	        if(mode > 0){
+	            return new wrapper(arguments[mode - 1]);
+	        }
+	        if(!mode){
+	            return new wrapper(ret);
+	        }
+	        return ret;
+	    }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/fn/multize.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010/11/02 
+	 */
+
+
+
+	/**
+	 * 对函数进行集化，使其在第一个参数为array时，结果也返回一个数组
+	 * @name baidu.fn.multize
+	 * @function
+	 * @grammar baidu.fn.multize(func[, recursive])
+	 * @param {Function}	func 		需要包装的函数
+	 * @param {Boolean}		[recursive] 是否递归包装（如果数组里面一项仍然是数组，递归），可选
+	 * @param {Boolean}		[joinArray] 将操作的结果展平后返回（如果返回的结果是数组，则将多个数组合成一个），可选
+	 * @version 1.3
+	 *
+	 * @returns {Function} 已集化的函数
+	 */
+	baidu.fn.multize = function (func, recursive, joinArray) {
+	    var newFunc = function(){
+	        var list = arguments[0],
+	            fn = recursive ? newFunc : func,
+	            ret = [],
+	            moreArgs = [].slice.call(arguments,0),
+	            i = 0,
+	            len,
+	            r;
+
+	        if(list instanceof Array){
+	            for(len = list.length; i < len; i++){
+	                moreArgs[0]=list[i];
+	                r = fn.apply(this, moreArgs);
+	                if (joinArray) {
+	                    if (r) {
+	                        //TODO: 需要去重吗？
+	                        ret = ret.concat(r);
+	                    }
+	                } else {
+	                    ret.push(r); 	
+	                }
+	            }
+	            return ret;
+	        }else{
+	            return func.apply(this, arguments);
+	        }
+	    }
+	    return newFunc;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All right reserved.
+	 * 
+	 * path: baidu/dom/element.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010-07-12
+	 */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	/**
+	 * @namespace baidu.element 通过该方法封装的对象可使用dom、event方法集合以及each方法进行链式调用。
+	 */
+	baidu.element = baidu.e = function(node){
+	    var gNode = baidu._g(node);
+	    if(!gNode && baidu.dom.query){
+	        gNode = baidu.dom.query(node);
+	    }
+	    return new baidu.element.Element(gNode);
+	};
+
+	/**
+	 * Element类，所有扩展到链条上的方法都会被放在这里面
+	 * @name baidu.element.Element
+	 * @grammar baidu.element.Element(node)
+	 * @param {DOMElement|NodeList} node   目标元素，可以是数组或者单个node节点
+	 * @returns {ElementObj} 包装后的DOM对象
+	 * @version 1.3
+	 */
+	baidu.element.Element = function(node){
+	    if(!baidu.element._init){
+	        //由于element可能会在其他代码之前加载，因此用这个方法来延迟加载
+	        baidu.element._makeChain();
+	        baidu.element._init = true;
+	    }
+	    /**
+	     * @private
+	     * @type {Array.<Node>}
+	     */
+	    this._dom = (node.tagName || '').toLowerCase() == 'select' ? 
+	    	[node] : baidu.lang.toArray(node);
+	};
+
+	/**
+	 * 以每一个匹配的元素作为上下文执行传递进来的函数，方便用户自行遍历dom。
+	 * @name baidu.element.each
+	 * @function
+	 * @grammar baidu.element(node).each(iterator)
+	 * @param {Function} iterator 遍历Dom时调用的方法
+	 * @version 1.3
+	 */
+	baidu.element.Element.prototype.each = function(iterator) {
+	    // 每一个iterator接受到的都是封装好的node
+	    baidu.array.each(this._dom, function(node, i){
+	        iterator.call(node, node, i);
+	    });
+	};
+
+	/*
+	 * 包装静态方法，使其变成一个链条方法。
+	 * 先把静态方法multize化，让其支持接受数组参数，
+	 * 然后包装返回值，返回值是一个包装类
+	 * 最后把静态方法methodize化，让其变成一个对象方法。
+	 *
+	 * @param {Function}    func    要包装的静态方法
+	 * @param {number}      index   包装函数的第几个返回值
+	 *
+	 * @return {function}   包装后的方法，能直接挂到Element的prototype上。
+	 * @private
+	 */
+	baidu.element._toChainFunction = function(func, index, joinArray){
+	    return baidu.fn.methodize(baidu.fn.wrapReturnValue(baidu.fn.multize(func, 0, 1), baidu.element.Element, index), '_dom');
+	};
+
+	/**
+	 * element对象包装了dom包下的除了drag和ready,create,ddManager之外的大部分方法。这样做的目的是提供更为方便的链式调用操作。其中doms代指dom包下的方法名。
+	 * @name baidu.element.doms
+	 * @function
+	 * @grammar baidu.element(node).doms
+	 * @param 详见dom包下相应方法的参数。
+	 * @version 1.3
+	 * @private
+	 */
+	baidu.element._makeChain = function(){ //将dom/event包下的东西挂到prototype里面
+	    var proto = baidu.element.Element.prototype,
+	        fnTransformer = baidu.element._toChainFunction;
+
+	    //返回值是第一个参数的包装
+	    baidu.each(("draggable droppable resizable").split(' '),
+	              function(fn){
+	                  proto[fn] =  fnTransformer(baidu.dom[fn], 1);
+	              });
+
+	    //直接返回返回值
+	    baidu.each(("remove getText contains getAttr getPosition getStyle hasClass intersect hasAttr getComputedStyle").split(' '),
+	              function(fn){
+	                  proto[fn] = proto[fn.replace(/^get[A-Z]/g, stripGet)] = fnTransformer(baidu.dom[fn], -1);
+	              });
+
+	    //包装返回值
+	    //包含
+	    //1. methodize
+	    //2. multize，结果如果是数组会被展平
+	    //3. getXx == xx
+	    baidu.each(("addClass empty hide show insertAfter insertBefore insertHTML removeClass " + 
+	              "setAttr setAttrs setStyle setStyles show toggleClass toggle next first " + 
+	              "getAncestorByClass getAncestorBy getAncestorByTag getDocument getParent getWindow " +
+	              "last next prev g removeStyle setBorderBoxSize setOuterWidth setOuterHeight " +
+	              "setBorderBoxWidth setBorderBoxHeight setPosition children query").split(' '),
+	              function(fn){
+	                  proto[fn] = proto[fn.replace(/^get[A-Z]/g, stripGet)] = fnTransformer(baidu.dom[fn], 0);
+	              });
+
+	    //对于baidu.dom.q这种特殊情况，将前两个参数调转
+	    //TODO：需要将这种特殊情况归纳到之前的情况中
+	    proto['q'] = proto['Q'] = fnTransformer(function(arg1, arg2){
+	        return baidu.dom.q.apply(this, [arg2, arg1].concat([].slice.call(arguments, 2)));
+	    }, 0);
+
+	    //包装event中的on 和 un
+	    baidu.each(("on un").split(' '), function(fn){
+	        proto[fn] = fnTransformer(baidu.event[fn], 0);
+	    });
+	  
+	    /** 
+	     * 方法提供了事件绑定的快捷方式，事件发生时会触发传递进来的函数。events代指事件方法的总和。
+	     * @name baidu.element.events 
+	     * @function
+	     * @grammar baidu.element(node).events(fn)
+	     * @param {Function} fn 事件触发时要调用的方法
+	     * @version 1.3
+	     * @remark 包装event的快捷方式具体包括blur、focus、focusin、focusout、load 、resize 、scroll 、unload 、click、 dblclick、mousedown 、mouseup 、mousemove、 mouseover 、mouseout 、mouseenter、 mouseleave、change 、select 、submit 、keydown、 keypress 、keyup、 error。
+	     * @returns {baidu.element} Element对象
+	     */
+	    //包装event的快捷方式
+	    baidu.each(("blur focus focusin focusout load resize scroll unload click dblclick " +
+	                "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " + 
+	                "change select submit keydown keypress keyup error").split(' '), function(fnName){
+	        proto[fnName] = function(fn){
+	            return this.on(fnName, fn);
+	        };
+	    });
+
+
+	    /**
+	     * 把get去掉
+	     * 链里面的方法可以不以get开头调用
+	     * 如 baidu.element("myDiv").parent() == baidu.element("myDiv").getParent();
+	     * TODO: 合并getter和setter. baidu.e('myDiv').style() &  baidu.e('myDiv').style('width', '100');
+	     */
+	    function stripGet(match) {  
+	        return match.charAt(3).toLowerCase();
+	    }
+	};
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/element/extend.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010/12/16
+	 */
+
+
+
+
+
+
+
+	 /**
+	 * 为element对象扩展一个方法。
+	 * @name baidu.element.extend
+	 * @function
+	 * @grammar baidu.element.extend(json)
+	 * @param {Object} json 要扩展的方法名以及方法
+	 * @version 1.3
+	 * @shortcut e
+	 * @returns {baidu.element.Element} Element对象
+	 *
+	 */
+	baidu.element.extend = function(json){
+	    var e = baidu.element;
+	    baidu.object.each(json, function(item, key){
+	        e.Element.prototype[key] = baidu.element._toChainFunction(item, -1);
+	    });
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/EventArg.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2010/01/11
+	 */
+
+
+
+	/**
+	 * 事件对象构造器，屏蔽浏览器差异的事件类
+	 * @name baidu.event.EventArg
+	 * @function
+	 * @grammar baidu.event.EventArg(event[, win])
+	 * @param {Event}   event   事件对象
+	 * @param {Window}  [win]	窗口对象，默认为window
+	 * @meta standard
+	 * @remark 1.1.0开始支持
+	 * @see baidu.event.get
+	 * @constructor
+	 */
+	baidu.event.EventArg = function (event, win) {
+	    win = win || window;
+	    event = event || win.event;
+	    var doc = win.document;
+	    
+	    this.target = /** @type {Node} */ (event.target) || event.srcElement;
+	    this.keyCode = event.which || event.keyCode;
+	    for (var k in event) {
+	        var item = event[k];
+	        // 避免拷贝preventDefault等事件对象方法
+	        if ('function' != typeof item) {
+	            this[k] = item;
+	        }
+	    }
+	    
+	    if (!this.pageX && this.pageX !== 0) {
+	        this.pageX = (event.clientX || 0) 
+	                        + (doc.documentElement.scrollLeft 
+	                            || doc.body.scrollLeft);
+	        this.pageY = (event.clientY || 0) 
+	                        + (doc.documentElement.scrollTop 
+	                            || doc.body.scrollTop);
+	    }
+	    this._event = event;
+	};
+
+	/**
+	 * 阻止事件的默认行为
+	 * @name preventDefault
+	 * @grammar eventArgObj.preventDefault()
+	 * @returns {baidu.event.EventArg} EventArg对象
+	 */
+	baidu.event.EventArg.prototype.preventDefault = function () {
+	    if (this._event.preventDefault) {
+	        this._event.preventDefault();
+	    } else {
+	        this._event.returnValue = false;
+	    }
+	    return this;
+	};
+
+	/**
+	 * 停止事件的传播
+	 * @name stopPropagation
+	 * @grammar eventArgObj.stopPropagation()
+	 * @returns {baidu.event.EventArg} EventArg对象
+	 */
+	baidu.event.EventArg.prototype.stopPropagation = function () {
+	    if (this._event.stopPropagation) {
+	        this._event.stopPropagation();
+	    } else {
+	        this._event.cancelBubble = true;
+	    }
+	    return this;
+	};
+
+	/**
+	 * 停止事件
+	 * @name stop
+	 * @grammar eventArgObj.stop()
+	 * @returns {baidu.event.EventArg} EventArg对象
+	 */
+	baidu.event.EventArg.prototype.stop = function () {
+	    return this.stopPropagation().preventDefault();
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/object/values.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 获取目标对象的值列表
+	 * @name baidu.object.values
+	 * @function
+	 * @grammar baidu.object.values(source)
+	 * @param {Object} source 目标对象
+	 * @see baidu.object.keys
+	 *             
+	 * @returns {Array} 值列表
+	 */
+	baidu.object.values = function (source) {
+	    var result = [], resultLen = 0, k;
+	    for (k in source) {
+	        if (source.hasOwnProperty(k)) {
+	            result[resultLen++] = source[k];
+	        }
+	    }
+	    return result;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/fire.js
+	 * author: linlingyu
+	 * version: 1.1.0
+	 * date: 2010/10/28
+	 */
+
+
+
+
+
+
+	/**
+	 * 触发已经注册的事件。注：在ie下不支持load和unload事件
+	 * @name baidu.event.fire
+	 * @function
+	 * @grammar baidu.event.fire(element, type, options)
+	 * @param {HTMLElement|string|window} element 目标元素或目标元素id
+	 * @param {string} type 事件类型
+	 * @param {Object} options 触发的选项
+					
+	 * @param {Boolean} options.bubbles 是否冒泡
+	 * @param {Boolean} options.cancelable 是否可以阻止事件的默认操作
+	 * @param {window|null} options.view 指定 Event 的 AbstractView
+	 * @param {1|Number} options.detail 指定 Event 的鼠标单击量
+	 * @param {Number} options.screenX 指定 Event 的屏幕 x 坐标
+	 * @param {Number} options.screenY number 指定 Event 的屏幕 y 坐标
+	 * @param {Number} options.clientX 指定 Event 的客户端 x 坐标
+	 * @param {Number} options.clientY 指定 Event 的客户端 y 坐标
+	 * @param {Boolean} options.ctrlKey 指定是否在 Event 期间按下 ctrl 键
+	 * @param {Boolean} options.altKey 指定是否在 Event 期间按下 alt 键
+	 * @param {Boolean} options.shiftKey 指定是否在 Event 期间按下 shift 键
+	 * @param {Boolean} options.metaKey 指定是否在 Event 期间按下 meta 键
+	 * @param {Number} options.button 指定 Event 的鼠标按键
+	 * @param {Number} options.keyCode 指定 Event 的键盘按键
+	 * @param {Number} options.charCode 指定 Event 的字符编码
+	 * @param {HTMLElement} options.relatedTarget 指定 Event 的相关 EventTarget
+	 * @version 1.3
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	(function(){
+		var browser = baidu.browser,
+		keys = {
+			keydown : 1,
+			keyup : 1,
+			keypress : 1
+		},
+		mouses = {
+			click : 1,
+			dblclick : 1,
+			mousedown : 1,
+			mousemove : 1,
+			mouseup : 1,
+			mouseover : 1,
+			mouseout : 1
+		},
+		htmls = {
+			abort : 1,
+			blur : 1,
+			change : 1,
+			error : 1,
+			focus : 1,
+			load : browser.ie ? 0 : 1,
+			reset : 1,
+			resize : 1,
+			scroll : 1,
+			select : 1,
+			submit : 1,
+			unload : browser.ie ? 0 : 1
+		},
+		bubblesEvents = {
+			scroll : 1,
+			resize : 1,
+			reset : 1,
+			submit : 1,
+			change : 1,
+			select : 1,
+			error : 1,
+			abort : 1
+		},
+		parameters = {
+			"KeyEvents" : ["bubbles", "cancelable", "view", "ctrlKey", "altKey", "shiftKey", "metaKey", "keyCode", "charCode"],
+			"MouseEvents" : ["bubbles", "cancelable", "view", "detail", "screenX", "screenY", "clientX", "clientY", "ctrlKey", "altKey", "shiftKey", "metaKey", "button", "relatedTarget"],
+			"HTMLEvents" : ["bubbles", "cancelable"],
+			"UIEvents" : ["bubbles", "cancelable", "view", "detail"],
+			"Events" : ["bubbles", "cancelable"]
+		};
+		baidu.object.extend(bubblesEvents, keys);
+		baidu.object.extend(bubblesEvents, mouses);
+		function parse(array, source){//按照array的项在source中找到值生成新的obj并把source中对应的array的项删除
+			var i = 0, size = array.length, obj = {};
+			for(; i < size; i++){
+				obj[array[i]] = source[array[i]];
+				delete source[array[i]];
+			}
+			return obj;
+		};
+		function eventsHelper(type, eventType, options){//非IE内核的事件辅助
+			options = baidu.object.extend({}, options);
+			var param = baidu.object.values(parse(parameters[eventType], options)),
+				evnt = document.createEvent(eventType);
+			param.unshift(type);
+			if("KeyEvents" == eventType){
+				evnt.initKeyEvent.apply(evnt, param);
+			}else if("MouseEvents" == eventType){
+				evnt.initMouseEvent.apply(evnt, param);
+			}else if("UIEvents" == eventType){
+				evnt.initUIEvent.apply(evnt, param);
+			}else{//HTMMLEvents, Events
+				evnt.initEvent.apply(evnt, param);
+			}
+			baidu.object.extend(evnt, options);//把多出来的options再附加上去,这是为解决当创建一个其它event时，当用Events代替后需要把参数附加到对象上
+			return evnt;
+		};
+		function eventObject(options){//ie内核的构建方式
+			var evnt;
+			if(document.createEventObject){
+				evnt = document.createEventObject();
+				baidu.object.extend(evnt, options);
+			}
+			return evnt;
+		};
+		function keyEvents(type, options){//keyEvents
+			options = parse(parameters["KeyEvents"], options);
+			var evnt;
+			if(document.createEvent){
+				try{//opera对keyEvents的支持极差
+					evnt = eventsHelper(type, "KeyEvents", options);
+				}catch(keyError){
+					try{
+						evnt = eventsHelper(type, "Events", options);
+					}catch(evtError){
+						evnt = eventsHelper(type, "UIEvents", options);
+					}
+				}
+			}else{
+				options.keyCode = options.charCode > 0 ? options.charCode : options.keyCode;
+				evnt = eventObject(options);
+			}
+			return evnt;
+		};
+		function mouseEvents(type, options){//mouseEvents
+			options = parse(parameters["MouseEvents"], options);
+			var evnt;
+			if(document.createEvent){
+				evnt = eventsHelper(type, "MouseEvents", options);//mouseEvents基本浏览器都支持
+				if(options.relatedTarget && !evnt.relatedTarget){
+					if("mouseout" == type.toLowerCase()){
+						evnt.toElement = options.relatedTarget;
+					}else if("mouseover" == type.toLowerCase()){
+						evnt.fromElement = options.relatedTarget;
+					}
+				}
+			}else{
+				options.button = options.button == 0 ? 1
+									: options.button == 1 ? 4
+										: baidu.lang.isNumber(options.button) ? options.button : 0;
+				evnt = eventObject(options);
+			}
+			return evnt;
+		};
+		function htmlEvents(type, options){//htmlEvents
+			options.bubbles = bubblesEvents.hasOwnProperty(type);
+			options = parse(parameters["HTMLEvents"], options);
+			var evnt;
+			if(document.createEvent){
+				try{
+					evnt = eventsHelper(type, "HTMLEvents", options);
+				}catch(htmlError){
+					try{
+						evnt = eventsHelper(type, "UIEvents", options);
+					}catch(uiError){
+						evnt = eventsHelper(type, "Events", options);
+					}
+				}
+			}else{
+				evnt = eventObject(options);
+			}
+			return evnt;
+		};
+		baidu.event.fire = function(element, type, options){
+			var evnt;
+			type = type.replace(/^on/i, "");
+			element = baidu.dom._g(element);
+			options = baidu.object.extend({
+				bubbles : true,
+				cancelable : true,
+				view : window,
+				detail : 1,
+				screenX : 0,
+				screenY : 0,
+				clientX : 0,
+				clientY : 0,
+				ctrlKey : false,
+				altKey  : false,
+				shiftKey: false,
+				metaKey : false,
+				keyCode : 0,
+				charCode: 0,
+				button  : 0,
+				relatedTarget : null
+			}, options);
+			if(keys[type]){
+				evnt = keyEvents(type, options);
+			}else if(mouses[type]){
+				evnt = mouseEvents(type, options);
+			}else if(htmls[type]){
+				evnt = htmlEvents(type, options);
+			}else{
+			    throw(new Error(type + " is not support!"));
+			}
+			if(evnt){//tigger event
+				if(element.dispatchEvent){
+					element.dispatchEvent(evnt);
+				}else if(element.fireEvent){
+					element.fireEvent("on" + type, evnt);
+				}
+			}
+		}
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/get.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	/**
+	 * 获取扩展的EventArg对象
+	 * @name baidu.event.get
+	 * @function
+	 * @grammar baidu.event.get(event[, win])
+	 * @param {Event} event 事件对象
+	 * @param {window} [win] 触发事件元素所在的window
+	 * @meta standard
+	 * @see baidu.event.EventArg
+	 *             
+	 * @returns {EventArg} 扩展的事件对象
+	 */
+	baidu.event.get = function (event, win) {
+	    return new baidu.event.EventArg(event, win);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/getKeyCode.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+	/**
+	 * 获取键盘事件的键值
+	 * @name baidu.event.getKeyCode
+	 * @function
+	 * @grammar baidu.event.getKeyCode(event)
+	 * @param {Event} event 事件对象
+	 *             
+	 * @returns {number} 键盘事件的键值
+	 */
+	baidu.event.getKeyCode = function (event) {
+	    return event.which || event.keyCode;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/getPageX.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/16
+	 */
+
+
+
+	/**
+	 * 获取鼠标事件的鼠标x坐标
+	 * @name baidu.event.getPageX
+	 * @function
+	 * @grammar baidu.event.getPageX(event)
+	 * @param {Event} event 事件对象
+	 * @see baidu.event.getPageY
+	 *             
+	 * @returns {number} 鼠标事件的鼠标x坐标
+	 */
+	baidu.event.getPageX = function (event) {
+	    var result = event.pageX,
+	        doc = document;
+	    if (!result && result !== 0) {
+	        result = (event.clientX || 0) 
+	                    + (doc.documentElement.scrollLeft 
+	                        || doc.body.scrollLeft);
+	    }
+	    return result;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/getPageY.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/16
+	 */
+
+
+
+	/**
+	 * 获取鼠标事件的鼠标y坐标
+	 * @name baidu.event.getPageY
+	 * @function
+	 * @grammar baidu.event.getPageY(event)
+	 * @param {Event} event 事件对象
+	 * @see baidu.event.getPageX
+	 *             
+	 * @returns {number} 鼠标事件的鼠标y坐标
+	 */
+	baidu.event.getPageY = function (event) {
+	    var result = event.pageY,
+	        doc = document;
+	    if (!result && result !== 0) {
+	        result = (event.clientY || 0) 
+	                    + (doc.documentElement.scrollTop 
+	                        || doc.body.scrollTop);
+	    }
+	    return result;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/once.js
+	 * author: wangcheng
+	 * version: 1.1.0
+	 * date: 2010/10/29
+	 */
+
+
+
+
+
+	/**
+	 * 为目标元素添加一次事件绑定
+	 * @name baidu.event.once
+	 * @function
+	 * @grammar baidu.event.once(element, type, listener)
+	 * @param {HTMLElement|string} element 目标元素或目标元素id
+	 * @param {string} type 事件类型
+	 * @param {Function} listener 需要添加的监听器
+	 * @version 1.3
+	 * @see baidu.event.un,baidu.event.on
+	 *             
+	 * @returns {HTMLElement} 目标元素
+	 */
+	baidu.event.once = function(element, type, listener){
+	    element = baidu.dom._g(element);
+	    function onceListener(event){
+	        listener.call(element,event);
+	        baidu.event.un(element, type, onceListener);
+	    } 
+	    
+	    baidu.event.on(element, type, onceListener);
+	    return element;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/stopPropagation.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+	/**
+	 * 阻止事件传播
+	 * @name baidu.event.stopPropagation
+	 * @function
+	 * @grammar baidu.event.stopPropagation(event)
+	 * @param {Event} event 事件对象
+	 * @see baidu.event.stop,baidu.event.preventDefault
+	 */
+	baidu.event.stopPropagation = function (event) {
+	   if (event.stopPropagation) {
+	       event.stopPropagation();
+	   } else {
+	       event.cancelBubble = true;
+	   }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/stop.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/23
+	 */
+
+
+
+
+	/**
+	 * 停止事件
+	 * @name baidu.event.stop
+	 * @function
+	 * @grammar baidu.event.stop(event)
+	 * @param {Event} event 事件对象
+	 * @see baidu.event.stopPropagation,baidu.event.preventDefault
+	 */
+	baidu.event.stop = function (event) {
+	    var e = baidu.event;
+	    e.stopPropagation(event);
+	    e.preventDefault(event);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/_eventFilter.js
+	 * author: rocy
+	 * version: 1.0.0
+	 * date: 2010/10/29
+	 */
+
+
+	baidu.event._eventFilter = baidu.event._eventFilter || {};
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/_eventFilter/_crossElementBoundary.js
+	 * author: Rocy, berg
+	 * version: 1.0.0
+	 * date: 2010/12/16
+	 */
+
+
+
+
+
+	/**
+	 * 事件仅在鼠标进入/离开元素区域触发一次，当鼠标在元素区域内部移动的时候不会触发，用于为非IE浏览器添加mouseleave/mouseenter支持。
+	 * 
+	 * @name baidu.event._eventFilter._crossElementBoundary
+	 * @function
+	 * @grammar baidu.event._eventFilter._crossElementBoundary(listener, e)
+	 * 
+	 * @param {function} listener	要触发的函数
+	 * @param {DOMEvent} e 			DOM事件
+	 */
+
+	baidu.event._eventFilter._crossElementBoundary = function(listener, e){
+	    var related = e.relatedTarget,
+	        current = e.currentTarget;
+	    if(
+	       related === false || 
+	       // 如果current和related都是body，contains函数会返回false
+	       current == related ||
+	       // Firefox有时会把XUL元素作为relatedTarget
+	       // 这些元素不能访问parentNode属性
+	       // thanks jquery & mootools
+	       (related && (related.prefix == 'xul' ||
+	       //如果current包含related，说明没有经过current的边界
+	       baidu.dom.contains(current, related)))
+	      ){
+	        return ;
+	    }
+	    return listener.call(current, e);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/fn/bind.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010/11/02 
+	 */
+
+
+
+
+
+	/** 
+	 * 为对象绑定方法和作用域
+	 * @name baidu.fn.bind
+	 * @function
+	 * @grammar baidu.fn.bind(handler[, obj, args])
+	 * @param {Function|String} handler 要绑定的函数，或者一个在作用域下可用的函数名
+	 * @param {Object} obj 执行运行时this，如果不传入则运行时this为函数本身
+	 * @param {args* 0..n} args 函数执行时附加到执行时函数前面的参数
+	 * @version 1.3
+	 *
+	 * @returns {Function} 封装后的函数
+	 */
+	baidu.fn.bind = function(func, scope) {
+	    var xargs = arguments.length > 2 ? [].slice.call(arguments, 2) : null;
+	    return function () {
+	        var fn = baidu.lang.isString(func) ? scope[func] : func,
+	            args = (xargs) ? xargs.concat([].slice.call(arguments, 0)) : arguments;
+	        return fn.apply(scope || fn, args);
+	    };
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/_eventFilter/mouseenter.js
+	 * author: Rocy
+	 * version: 1.0.0
+	 * date: 2010/11/09
+	 */
+
+
+
+
+
+	/**
+	 * 用于为非IE浏览器添加mouseenter的支持;
+	 * mouseenter事件仅在鼠标进入元素区域触发一次,
+	 *    当鼠标在元素内部移动的时候不会多次触发.
+	 */
+	baidu.event._eventFilter.mouseenter = window.attachEvent ? null : function(element,type, listener){
+		return {
+			type: "mouseover",
+			listener: baidu.fn.bind(baidu.event._eventFilter._crossElementBoundary, this, listener)
+		}
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/event/_eventFilter/mouseleave.js
+	 * author: Rocy, berg
+	 * version: 1.0.0
+	 * date: 2010/11/09
+	 */
+
+
+
+
+	/**
+	 * 用于为非IE浏览器添加mouseleave的支持;
+	 * mouseleave事件仅在鼠标移出元素区域触发一次,
+	 *    当鼠标在元素区域内部移动的时候不会触发.
+	 */
+	baidu.event._eventFilter.mouseleave = window.attachEvent ? null : function(element,type, listener){
+		return {
+			type: "mouseout",
+			listener: baidu.fn.bind(baidu.event._eventFilter._crossElementBoundary, this, listener)
+		}
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 *
+	 * path: baidu/event/_unload.js
+	 * author: erik, berg
+	 * version: 1.1.0
+	 * date: 2009/12/16
+	 */
+
+
+
+
+	/**
+	 * 卸载所有事件监听器
+	 * @private
+	 */
+	baidu.event._unload = function() {
+	    var lis = baidu.event._listeners,
+	        len = lis.length,
+	        standard = !!window.removeEventListener,
+	        item, el;
+
+	    while (len--) {
+	        item = lis[len];
+	        //20100409 berg: 不解除unload的绑定，保证用户的事件一定会被执行
+	        //否则用户挂载进入的unload事件也可能会在这里被删除
+	        if (item[1] == 'unload') {
+	            continue;
+	        }
+	        //如果el被移除，不做判断将导致js报错
+	        if (!(el = item[0])) {
+	            continue;
+	        }
+	        if (el.removeEventListener) {
+	            el.removeEventListener(item[1], item[3], false);
+	        } else if (el.detachEvent) {
+	            el.detachEvent('on' + item[1], item[3]);
+	        }
+	    }
+
+	    if (standard) {
+	        window.removeEventListener('unload', baidu.event._unload, false);
+	    } else {
+	        window.detachEvent('onunload', baidu.event._unload);
+	    }
+	};
+
+	// 在页面卸载的时候，将所有事件监听器移除
+	if (window.attachEvent) {
+	    window.attachEvent('onunload', baidu.event._unload);
+	} else {
+	    window.addEventListener('unload', baidu.event._unload, false);
+	}
+	/*
+	 * Tangram
+	 * Copyright 2011 Baidu Inc. All rights reserved.
+	 *
+	 * path: baidu/fn/abstractMethod.js
+	 * author: leeight
+	 * version: 1.0.0
+	 * date: 2011/04/29
+	 */
+
+
+
+	/**
+	 * 定义一个抽象方法
+	 * @type {!Function}
+	 * @throws {Error} when invoked to indicate the method should be
+	 *   overridden.
+	 * @see goog.abstractMethod
+	 */
+	baidu.fn.abstractMethod = function() {
+	    throw Error('unimplemented abstract method');
+	};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	/* vim: set ts=4 sw=4 sts=4 tw=100 noet: */
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/json.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/02
+	 */
+
+
+	/**
+	 * @namespace baidu.json 操作json对象的方法。
+	 */
+	baidu.json = baidu.json || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/json/parse.js
+	 * author: erik, berg
+	 * version: 1.2
+	 * date: 2009/11/23
+	 */
+
+
+
+	/**
+	 * 将字符串解析成json对象。注：不会自动祛除空格
+	 * @name baidu.json.parse
+	 * @function
+	 * @grammar baidu.json.parse(data)
+	 * @param {string} source 需要解析的字符串
+	 * @remark
+	 * 该方法的实现与ecma-262第五版中规定的JSON.parse不同，暂时只支持传入一个参数。后续会进行功能丰富。
+	 * @meta standard
+	 * @see baidu.json.stringify,baidu.json.decode
+	 *             
+	 * @returns {JSON} 解析结果json对象
+	 */
+	baidu.json.parse = function (data) {
+	    //2010/12/09：更新至不使用原生parse，不检测用户输入是否正确
+	    return (new Function("return (" + data + ")"))();
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/json/decode.js
+	 * author: erik, cat
+	 * version: 1.3.4
+	 * date: 2010/12/23
+	 */
+
+
+
+	/**
+	 * 将字符串解析成json对象，为过时接口，今后会被baidu.json.parse代替
+	 * @name baidu.json.decode
+	 * @function
+	 * @grammar baidu.json.decode(source)
+	 * @param {string} source 需要解析的字符串
+	 * @meta out
+	 * @see baidu.json.encode,baidu.json.parse
+	 *             
+	 * @returns {JSON} 解析结果json对象
+	 */
+	baidu.json.decode = baidu.json.parse;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/json/stringify.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2010/01/11
+	 */
+
+
+
+	/**
+	 * 将json对象序列化
+	 * @name baidu.json.stringify
+	 * @function
+	 * @grammar baidu.json.stringify(value)
+	 * @param {JSON} value 需要序列化的json对象
+	 * @remark
+	 * 该方法的实现与ecma-262第五版中规定的JSON.stringify不同，暂时只支持传入一个参数。后续会进行功能丰富。
+	 * @meta standard
+	 * @see baidu.json.parse,baidu.json.encode
+	 *             
+	 * @returns {string} 序列化后的字符串
+	 */
+	baidu.json.stringify = (function () {
+	    /**
+	     * 字符串处理时需要转义的字符表
+	     * @private
+	     */
+	    var escapeMap = {
+	        "\b": '\\b',
+	        "\t": '\\t',
+	        "\n": '\\n',
+	        "\f": '\\f',
+	        "\r": '\\r',
+	        '"' : '\\"',
+	        "\\": '\\\\'
+	    };
+	    
+	    /**
+	     * 字符串序列化
+	     * @private
+	     */
+	    function encodeString(source) {
+	        if (/["\\\x00-\x1f]/.test(source)) {
+	            source = source.replace(
+	                /["\\\x00-\x1f]/g, 
+	                function (match) {
+	                    var c = escapeMap[match];
+	                    if (c) {
+	                        return c;
+	                    }
+	                    c = match.charCodeAt();
+	                    return "\\u00" 
+	                            + Math.floor(c / 16).toString(16) 
+	                            + (c % 16).toString(16);
+	                });
+	        }
+	        return '"' + source + '"';
+	    }
+	    
+	    /**
+	     * 数组序列化
+	     * @private
+	     */
+	    function encodeArray(source) {
+	        var result = ["["], 
+	            l = source.length,
+	            preComma, i, item;
+	            
+	        for (i = 0; i < l; i++) {
+	            item = source[i];
+	            
+	            switch (typeof item) {
+	            case "undefined":
+	            case "function":
+	            case "unknown":
+	                break;
+	            default:
+	                if(preComma) {
+	                    result.push(',');
+	                }
+	                result.push(baidu.json.stringify(item));
+	                preComma = 1;
+	            }
+	        }
+	        result.push("]");
+	        return result.join("");
+	    }
+	    
+	    /**
+	     * 处理日期序列化时的补零
+	     * @private
+	     */
+	    function pad(source) {
+	        return source < 10 ? '0' + source : source;
+	    }
+	    
+	    /**
+	     * 日期序列化
+	     * @private
+	     */
+	    function encodeDate(source){
+	        return '"' + source.getFullYear() + "-" 
+	                + pad(source.getMonth() + 1) + "-" 
+	                + pad(source.getDate()) + "T" 
+	                + pad(source.getHours()) + ":" 
+	                + pad(source.getMinutes()) + ":" 
+	                + pad(source.getSeconds()) + '"';
+	    }
+	    
+	    return function (value) {
+	        switch (typeof value) {
+	        case 'undefined':
+	            return 'undefined';
+	            
+	        case 'number':
+	            return isFinite(value) ? String(value) : "null";
+	            
+	        case 'string':
+	            return encodeString(value);
+	            
+	        case 'boolean':
+	            return String(value);
+	            
+	        default:
+	            if (value === null) {
+	                return 'null';
+	            } else if (value instanceof Array) {
+	                return encodeArray(value);
+	            } else if (value instanceof Date) {
+	                return encodeDate(value);
+	            } else {
+	                var result = ['{'],
+	                    encode = baidu.json.stringify,
+	                    preComma,
+	                    item;
+	                    
+	                for (var key in value) {
+	                    if (Object.prototype.hasOwnProperty.call(value, key)) {
+	                        item = value[key];
+	                        switch (typeof item) {
+	                        case 'undefined':
+	                        case 'unknown':
+	                        case 'function':
+	                            break;
+	                        default:
+	                            if (preComma) {
+	                                result.push(',');
+	                            }
+	                            preComma = 1;
+	                            result.push(encode(key) + ':' + encode(item));
+	                        }
+	                    }
+	                }
+	                result.push('}');
+	                return result.join('');
+	            }
+	        }
+	    };
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/json/encode.js
+	 * author: erik, cat
+	 * version: 1.3.4
+	 * date: 2010/12/23
+	 */
+
+
+
+	/**
+	 * 将json对象序列化，为过时接口，今后会被baidu.json.stringify代替
+	 * @name baidu.json.encode
+	 * @function
+	 * @grammar baidu.json.encode(value)
+	 * @param {JSON} value 需要序列化的json对象
+	 * @meta out
+	 * @see baidu.json.decode,baidu.json.stringify
+	 *             
+	 * @returns {string} 序列化后的字符串
+	 */
+	baidu.json.encode = baidu.json.stringify;
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/Class/addEventListeners.js
+	 * author: berg
+	 * version: 1.0
+	 * date: 2010-07-05
+	 */
+
+
+
+
+	/**
+	 * 添加多个自定义事件。
+	 * @grammar obj.addEventListeners(events, fn)
+	 * @param 	{object}   events       json对象，key为事件名称，value为事件被触发时应该调用的回调函数
+	 * @param 	{Function} fn	        要挂载的函数
+	 * @version 1.3
+	 */
+	/* addEventListeners("onmyevent,onmyotherevent", fn);
+	 * addEventListeners({
+	 *      "onmyevent"         : fn,
+	 *      "onmyotherevent"    : fn1
+	 * });
+	 */
+	baidu.lang.Class.prototype.addEventListeners = function (events, fn) {
+	    if(typeof fn == 'undefined'){
+	        for(var i in events){
+	            this.addEventListener(i, events[i]);
+	        }
+	    }else{
+	        events = events.split(',');
+	        var i = 0, len = events.length, event;
+	        for(; i < len; i++){
+	            this.addEventListener(baidu.trim(events[i]), fn);
+	        }
+	    }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 * 
+	 * @author: meizz
+	 * @namespace: baidu.lang.createClass
+	 * @version: 2010-05-13
+	 */
+
+
+
+
+
+	/**
+	 * 创建一个类，包括创造类的构造器、继承基类Class
+	 * @name baidu.lang.createClass
+	 * @function
+	 * @grammar baidu.lang.createClass(constructor[, options])
+	 * @param {Function} constructor 类的构造器函数
+	 * @param {Object} [options] 
+	                
+	 * @config {string} [className] 类名
+	 * @config {Function} [superClass] 父类，默认为baidu.lang.Class
+	 * @version 1.2
+	 * @remark
+	 * 
+	            使用createClass能方便的创建一个带有继承关系的类。同时会为返回的类对象添加extend方法，使用obj.extend({});可以方便的扩展原型链上的方法和属性
+	        
+	 * @see baidu.lang.Class,baidu.lang.inherits
+	 *             
+	 * @returns {Object} 一个类对象
+	 */
+
+	baidu.lang.createClass = function(constructor, options) {
+	    options = options || {};
+	    var superClass = options.superClass || baidu.lang.Class;
+
+	    // 创建新类的真构造器函数
+	    var fn = function(){
+	        // 继承父类的构造器
+	        if(superClass != baidu.lang.Class){
+	            superClass.apply(this, arguments);
+	        }else{
+	            superClass.call(this);
+	        }
+	        constructor.apply(this, arguments);
+	    };
+
+	    fn.options = options.options || {};
+
+	    var C = function(){},
+	        cp = constructor.prototype;
+	    C.prototype = superClass.prototype;
+
+	    // 继承父类的原型（prototype)链
+	    var fp = fn.prototype = new C();
+
+	    // 继承传参进来的构造器的 prototype 不会丢
+	    for (var i in cp) fp[i] = cp[i];
+
+	    typeof options.className == "string" && (fp._className = options.className);
+
+	    // 修正这种继承方式带来的 constructor 混乱的问题
+	    fp.constructor = cp.constructor;
+
+	    // 给类扩展出一个静态方法，以代替 baidu.object.extend()
+	    fn.extend = function(json){
+	        for (var i in json) {
+	            fn.prototype[i] = json[i];
+	        }
+	        return fn;  // 这个静态方法也返回类对象本身
+	    };
+
+	    return fn;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/decontrol.js
+	 * author: meizz
+	 * version: 1.1.0
+	 * $date$
+	 */
+
+
+
+	/**
+	 * 解除instance中对指定类实例的引用关系。
+	 * @name baidu.lang.decontrol
+	 * @function
+	 * @grammar baidu.lang.decontrol(guid)
+	 * @param {string} guid 类的唯一标识
+	 * @version 1.1.1
+	 * @see baidu.lang.instance
+	 */
+	baidu.lang.decontrol = function(guid) {
+	    var m = window[baidu.guid];
+	    m._instances && (delete m._instances[guid]);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 事件中心
+	 * @class 事件中心
+	 * @name baidu.lang.eventCenter
+	 * @author rocy
+	 */
+	baidu.lang.eventCenter = baidu.lang.eventCenter || baidu.lang.createSingle();
+
+	/**
+	 * 注册全局事件监听器。
+	 * @name baidu.lang.eventCenter.addEventListener
+	 * @function
+	 * @grammar baidu.lang.eventCenter.addEventListener(type, handler[, key])
+	 * @param 	{string}   type         自定义事件的名称
+	 * @param 	{Function} handler      自定义事件被触发时应该调用的回调函数
+	 * @param 	{string}   [key]		为事件监听函数指定的名称，可在移除时使用。如果不提供，方法会默认为它生成一个全局唯一的key。
+	 * @remark 	事件类型区分大小写。如果自定义事件名称不是以小写"on"开头，该方法会给它加上"on"再进行判断，即"click"和"onclick"会被认为是同一种事件。 
+	 */
+
+	/**
+	 * 移除全局事件监听器。
+	 * @grammar baidu.lang.eventCenter.removeEventListener(type, handler)
+	 * @param {string}   type     事件类型
+	 * @param {Function|string} handler  要移除的事件监听函数或者监听函数的key
+	 * @remark 	如果第二个参数handler没有被绑定到对应的自定义事件中，什么也不做。
+	 */
+
+	/**
+	 * 派发全局自定义事件，使得绑定到全局自定义事件上面的函数都会被执行。
+	 * @grammar baidu.lang.eventCenter.dispatchEvent(event, options)
+	 * @param {baidu.lang.Event|String} event 	Event对象，或事件名称(1.1.1起支持)
+	 * @param {Object} 					options 扩展参数,所含属性键值会扩展到Event对象上(1.2起支持)
+	 */
+	/*
+	 * tangram
+	 * copyright 2011 baidu inc. all rights reserved.
+	 *
+	 * path: baidu/lang/getModule.js
+	 * author: leeight
+	 * version: 1.1.0
+	 * date: 2011/04/29
+	 */
+
+
+
+	/**
+	 * 根据变量名或者命名空间来查找对象
+	 * @param {string} name 变量或者命名空间的名字.
+	 * @param {Object=} opt_obj 从这个对象开始查找，默认是window;
+	 * @return {?Object} 返回找到的对象，如果没有找到返回null.
+	 * @see goog.getObjectByName
+	 */
+	baidu.lang.getModule = function(name, opt_obj) {
+	    var parts = name.split('.'),
+	        cur = opt_obj || window,
+	        part;
+	    for (; part = parts.shift(); ) {
+	        if (cur[part] != null) {
+	            cur = cur[part];
+	        } else {
+	          return null;
+	        }
+	    }
+
+	    return cur;
+	};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	/* vim: set ts=4 sw=4 sts=4 tw=100 noet: */
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/inherits.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/24
+	 */
+
+
+
+	/**
+	 * 为类型构造器建立继承关系
+	 * @name baidu.lang.inherits
+	 * @function
+	 * @grammar baidu.lang.inherits(subClass, superClass[, className])
+	 * @param {Function} subClass 子类构造器
+	 * @param {Function} superClass 父类构造器
+	 * @param {string} className 类名标识
+	 * @remark
+	 * 
+	使subClass继承superClass的prototype，因此subClass的实例能够使用superClass的prototype中定义的所有属性和方法。<br>
+	这个函数实际上是建立了subClass和superClass的原型链集成，并对subClass进行了constructor修正。<br>
+	<strong>注意：如果要继承构造函数，需要在subClass里面call一下，具体见下面的demo例子</strong>
+		
+	 * @shortcut inherits
+	 * @meta standard
+	 * @see baidu.lang.Class
+	 */
+	baidu.lang.inherits = function (subClass, superClass, className) {
+	    var key, proto, 
+	        selfProps = subClass.prototype, 
+	        clazz = new Function();
+	        
+	    clazz.prototype = superClass.prototype;
+	    proto = subClass.prototype = new clazz();
+	    for (key in selfProps) {
+	        proto[key] = selfProps[key];
+	    }
+	    subClass.prototype.constructor = subClass;
+	    subClass.superClass = superClass.prototype;
+
+	    // 类名标识，兼容Class的toString，基本没用
+	    if ("string" == typeof className) {
+	        proto._className = className;
+	    }
+	};
+
+	// 声明快捷方法
+	baidu.inherits = baidu.lang.inherits;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/instance.js
+	 * author: meizz, erik
+	 * version: 1.1.0
+	 * date: 2009/12/1
+	 */
+
+
+
+	/**
+	 * 根据参数(guid)的指定，返回对应的实例对象引用
+	 * @name baidu.lang.instance
+	 * @function
+	 * @grammar baidu.lang.instance(guid)
+	 * @param {string} guid 需要获取实例的guid
+	 * @meta standard
+	 *             
+	 * @returns {Object|null} 如果存在的话，返回;否则返回null。
+	 */
+	baidu.lang.instance = function (guid) {
+	    return window[baidu.guid]._instances[guid] || null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/isBoolean.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010/10/12
+	 */
+
+
+
+	/**
+	 * 判断目标参数是否Boolean对象
+	 * @name baidu.lang.isBoolean
+	 * @function
+	 * @grammar baidu.lang.isBoolean(source)
+	 * @param {Any} source 目标参数
+	 * @version 1.3
+	 * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isElement,baidu.lang.isArray,baidu.lang.isDate
+	 *             
+	 * @returns {boolean} 类型判断结果
+	 */
+	baidu.lang.isBoolean = function(o) {
+	    return typeof o === 'boolean';
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/isDate.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010/10/12 
+	 */
+
+
+
+	/**
+	 * 判断目标参数是否为Date对象
+	 * @name baidu.lang.isDate
+	 * @function
+	 * @grammar baidu.lang.isDate(source)
+	 * @param {Any} source 目标参数
+	 * @version 1.3
+	 * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isBoolean,baidu.lang.isElement
+	 *             
+	 * @returns {boolean} 类型判断结果
+	 */
+	baidu.lang.isDate = function(o) {
+	    // return o instanceof Date;
+	    return {}.toString.call(o) === "[object Date]" && o.toString() !== 'Invalid Date' && !isNaN(o);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/isElement.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/30
+	 */
+
+
+
+	/**
+	 * 判断目标参数是否为Element对象
+	 * @name baidu.lang.isElement
+	 * @function
+	 * @grammar baidu.lang.isElement(source)
+	 * @param {Any} source 目标参数
+	 * @meta standard
+	 * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isBoolean,baidu.lang.isDate
+	 *             
+	 * @returns {boolean} 类型判断结果
+	 */
+	baidu.lang.isElement = function (source) {
+	    return !!(source && source.nodeName && source.nodeType == 1);
+	};
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/lang/isObject.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/30
+	 */
+
+
+
+	/**
+	 * 判断目标参数是否为Object对象
+	 * @name baidu.lang.isObject
+	 * @function
+	 * @grammar baidu.lang.isObject(source)
+	 * @param {Any} source 目标参数
+	 * @shortcut isObject
+	 * @meta standard
+	 * @see baidu.lang.isString,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
+	 *             
+	 * @returns {boolean} 类型判断结果
+	 */
+	baidu.lang.isObject = function (source) {
+	    return 'function' == typeof source || !!(source && 'object' == typeof source);
+	};
+
+	// 声明快捷方法
+	baidu.isObject = baidu.lang.isObject;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 增加自定义模块扩展,默认创建在当前作用域
+	 * @author erik, berg
+	 * @name baidu.lang.module
+	 * @function
+	 * @grammar baidu.lang.module(name, module[, owner])
+	 * @param {string} name 需要创建的模块名.
+	 * @param {Any} module 需要创建的模块对象.
+	 * @param {Object} [owner] 模块创建的目标环境，默认为window.
+	 * @remark
+	 *
+	            从1.1.1开始，module方法会优先在当前作用域下寻找模块，如果无法找到，则寻找window下的模块
+
+	 * @meta standard
+	 */
+	baidu.lang.module = function(name, module, owner) {
+	    var packages = name.split('.'),
+	        len = packages.length - 1,
+	        packageName,
+	        i = 0;
+
+	    // 如果没有owner，找当前作用域，如果当前作用域没有此变量，在window创建
+	    if (!owner) {
+	        try {
+	            if (!(new RegExp('^[a-zA-Z_\x24][a-zA-Z0-9_\x24]*\x24')).test(packages[0])) {
+	                throw '';
+	            }
+	            owner = eval(packages[0]);
+	            i = 1;
+	        }catch (e) {
+	            owner = window;
+	        }
+	    }
+
+	    for (; i < len; i++) {
+	        packageName = packages[i];
+	        if (!owner[packageName]) {
+	            owner[packageName] = {};
+	        }
+	        owner = owner[packageName];
+	    }
+
+	    if (!owner[packages[len]]) {
+	        owner[packages[len]] = module;
+	    }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/number/comma.js
+	 * author: dron, erik, berg
+	 * version: 1.2.0
+	 * date: 2010/09/07 
+	 */
+
+
+
+	/**
+	 * 为目标数字添加逗号分隔
+	 * @name baidu.number.comma
+	 * @function
+	 * @grammar baidu.number.comma(source[, length])
+	 * @param {number} source 需要处理的数字
+	 * @param {number} [length] 两次逗号之间的数字位数，默认为3位
+	 *             
+	 * @returns {string} 添加逗号分隔后的字符串
+	 */
+	baidu.number.comma = function (source, length) {
+	    if (!length || length < 1) {
+	        length = 3;
+	    }
+
+	    source = String(source).split(".");
+	    source[0] = source[0].replace(new RegExp('(\\d)(?=(\\d{'+length+'})+$)','ig'),"$1,");
+	    return source.join(".");
+	};
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/number/randomInt.js
+	 * author: berg
+	 * version: 1.0.0
+	 * date: 2010/12/14
+	 */
+
+
+
+	/**
+	 * 生成随机整数，范围是[min, max]
+	 * @name baidu.number.randomInt
+	 * @function
+	 * @grammar baidu.number.randomInt(min, max) 
+	 * 
+	 * @param 	{number} min 	随机整数的最小值
+	 * @param 	{number} max 	随机整数的最大值
+	 * @return 	{number} 		生成的随机整数
+	 */
+	baidu.number.randomInt = function(min, max){
+	    return Math.floor(Math.random() * (max - min + 1) + min);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+	/**
+	 * 判断一个对象是不是字面量对象，即判断这个对象是不是由{}或者new Object类似方式创建
+	 * 
+	 * @name baidu.object.isPlain
+	 * @function
+	 * @grammar baidu.object.isPlain(source)
+	 * @param {Object} source 需要检查的对象
+	 * @remark
+	 * 事实上来说，在Javascript语言中，任何判断都一定会有漏洞，因此本方法只针对一些最常用的情况进行了判断
+	 *             
+	 * @returns {Boolean} 检查结果
+	 */
+	baidu.object.isPlain  = function(obj){
+	    var hasOwnProperty = Object.prototype.hasOwnProperty,
+	        key;
+	    if ( !obj ||
+	         //一般的情况，直接用toString判断
+	         Object.prototype.toString.call(obj) !== "[object Object]" ||
+	         //IE下，window/document/document.body/HTMLElement/HTMLCollection/NodeList等DOM对象上一个语句为true
+	         //isPrototypeOf挂在Object.prototype上的，因此所有的字面量都应该会有这个属性
+	         //对于在window上挂了isPrototypeOf属性的情况，直接忽略不考虑
+	         !('isPrototypeOf' in obj)
+	       ) {
+	        return false;
+	    }
+
+	    //判断new fun()自定义对象的情况
+	    //constructor不是继承自原型链的
+	    //并且原型中有isPrototypeOf方法才是Object
+	    if ( obj.constructor &&
+	        !hasOwnProperty.call(obj, "constructor") &&
+	        !hasOwnProperty.call(obj.constructor.prototype, "isPrototypeOf") ) {
+	        return false;
+	    }
+	    //判断有继承的情况
+	    //如果有一项是继承过来的，那么一定不是字面量Object
+	    //OwnProperty会首先被遍历，为了加速遍历过程，直接看最后一项
+	    for ( key in obj ) {}
+	    return key === undefined || hasOwnProperty.call( obj, key );
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+	/**
+	 * 对一个object进行深度拷贝
+	 * 
+	 * @author berg
+	 * @name baidu.object.clone
+	 * @function
+	 * @grammar baidu.object.clone(source)
+	 * @param {Object} source 需要进行拷贝的对象
+	 * @remark
+	 * 对于Object来说，只拷贝自身成员，不拷贝prototype成员
+	 * @meta standard
+	 *             
+	 * @returns {Object} 拷贝后的新对象
+	 */
+	baidu.object.clone  = function (source) {
+	    var result = source, i, len;
+	    if (!source
+	        || source instanceof Number
+	        || source instanceof String
+	        || source instanceof Boolean) {
+	        return result;
+	    } else if (baidu.lang.isArray(source)) {
+	        result = [];
+	        var resultLen = 0;
+	        for (i = 0, len = source.length; i < len; i++) {
+	            result[resultLen++] = baidu.object.clone(source[i]);
+	        }
+	    } else if (baidu.object.isPlain(source)) {
+	        result = {};
+	        for (i in source) {
+	            if (source.hasOwnProperty(i)) {
+	                result[i] = baidu.object.clone(source[i]);
+	            }
+	        }
+	    }
+	    return result;
+	};
+	/*
+	 * tangram
+	 * copyright 2011 baidu inc. all rights reserved.
+	 *
+	 * path: baidu/object/isEmpty.js
+	 * author: leeight
+	 * version: 1.1.0
+	 * date: 2011/04/30
+	 */
+
+
+
+	/**
+	 * 检测一个对象是否是空的.
+	 * 需要注意的是：
+	 * 如果污染了Object.prototype或者Array.prototype，那么
+	 * baidu.object.isEmpty({})或者
+	 * baidu.object.isEmpty([])可能返回的就是false.
+	 * @param {Object} obj 需要检测的对象.
+	 * @return {boolean} 如果是空的对象就返回true.
+	 */
+	baidu.object.isEmpty = function(obj) {
+	    for (var key in obj) {
+	        return false;
+	    }
+	    
+	    return true;
+	};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	/* vim: set ts=4 sw=4 sts=4 tw=100 noet: */
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/object/keys.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 获取目标对象的键名列表
+	 * @name baidu.object.keys
+	 * @function
+	 * @grammar baidu.object.keys(source)
+	 * @param {Object} source 目标对象
+	 * @see baidu.object.values
+	 *             
+	 * @returns {Array} 键名列表
+	 */
+	baidu.object.keys = function (source) {
+	    var result = [], resultLen = 0, k;
+	    for (k in source) {
+	        if (source.hasOwnProperty(k)) {
+	            result[resultLen++] = k;
+	        }
+	    }
+	    return result;
+	};
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/object/map.js
+	 * author: berg
+	 * version: 1.1.0
+	 * date: 2010/12/14
+	 */
+
+
+
+	/**
+	 * 遍历object中所有元素，将每一个元素应用方法进行转换，返回转换后的新object。
+	 * @name baidu.object.map
+	 * @function
+	 * @grammar baidu.object.map(source, iterator)
+	 * 
+	 * @param 	{Array}    source   需要遍历的object
+	 * @param 	{Function} iterator 对每个object元素进行处理的函数
+	 * @return 	{Array} 			map后的object
+	 */
+	baidu.object.map = function (source, iterator) {
+	    var results = {};
+	    for (var key in source) {
+	        if (source.hasOwnProperty(key)) {
+	            results[key] = iterator(source[key], key);
+	        }
+	    }
+	    return results;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+	/*
+	 * 默认情况下，所有在源对象上的属性都会被非递归地合并到目标对象上
+	 * 并且如果目标对象上已有此属性，不会被覆盖
+	 */
+	/**
+	 * 合并源对象的属性到目标对象。
+	 *
+	 * @name baidu.object.merge
+	 * @function
+	 * @grammar baidu.object.merge(target, source[, opt_options])
+	 *
+	 * @param {Function} target 目标对象.
+	 * @param {Function} source 源对象.
+	 * @param {Object} opt_options optional merge选项.
+	 * @config {boolean} overwrite optional 如果为真，源对象属性会覆盖掉目标对象上的已有属性，默认为假.
+	 * @config {string[]} whiteList optional 白名单，默认为空，如果存在，只有在这里的属性才会被处理.
+	 * @config {boolean} recursive optional 是否递归合并对象里面的object，默认为否.
+	 * @return {object} merge后的object.
+	 * @see baidu.object.extend
+	 * @author berg
+	 */
+	(function() {
+	var isPlainObject = function(source) {
+	        return baidu.lang.isObject(source) && !baidu.lang.isFunction(source);
+	    };
+
+	function mergeItem(target, source, index, overwrite, recursive) {
+	    if (source.hasOwnProperty(index)) {
+	        if (recursive && isPlainObject(target[index])) {
+	            // 如果需要递归覆盖，就递归调用merge
+	            baidu.object.merge(
+	                target[index],
+	                source[index],
+	                {
+	                    'overwrite': overwrite,
+	                    'recursive': recursive
+	                }
+	            );
+	        } else if (overwrite || !(index in target)) {
+	            // 否则只处理overwrite为true，或者在目标对象中没有此属性的情况
+	            target[index] = source[index];
+	        }
+	    }
+	}
+
+	baidu.object.merge = function(target, source, opt_options) {
+	    var i = 0,
+	        options = opt_options || {},
+	        overwrite = options['overwrite'],
+	        whiteList = options['whiteList'],
+	        recursive = options['recursive'],
+	        len;
+
+	    // 只处理在白名单中的属性
+	    if (whiteList && whiteList.length) {
+	        len = whiteList.length;
+	        for (; i < len; ++i) {
+	            mergeItem(target, source, whiteList[i], overwrite, recursive);
+	        }
+	    } else {
+	        for (i in source) {
+	            mergeItem(target, source, i, overwrite, recursive);
+	        }
+	    }
+
+	    return target;
+	};
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 * 
+	 * @author: meizz
+	 * @namespace: baidu.page.createStyleSheet
+	 * @version: 2010-06-12
+	 */
+
+
+
+
+
+	/**
+	 * 在页面中创建样式表对象
+	 * @name baidu.page.createStyleSheet
+	 * @function
+	 * @grammar baidu.page.createStyleSheet(options)
+	 * @param {Object} options 配置信息
+	                
+	 * @param {Document} options.document 指定在哪个document下创建，默认是当前文档
+	 * @param {String} options.url css文件的URL
+	 * @param {Number} options.index 在文档里的排序索引（注意，仅IE下有效）
+	 * @version 1.2
+	 * @remark
+	 *  ie 下返回值styleSheet的addRule方法不支持添加逗号分隔的css rule.
+	 * 
+	 * @see baidu.page.createStyleSheet.StyleSheet
+	 *             
+	 * @returns {baidu.page.createStyleSheet.StyleSheet} styleSheet对象(注意: 仅IE下,其他浏览器均返回null)
+	 */
+	baidu.page.createStyleSheet = function(options){
+	    var op = options || {},
+	        doc = op.document || document,
+	        s;
+
+	    if (baidu.browser.ie) {
+	        //修复ie下会请求一个undefined的bug  berg 2010/08/27 
+	        if(!op.url)
+	            op.url = "";
+	        return doc.createStyleSheet(op.url, op.index);
+	    } else {
+	        s = "<style type='text/css'></style>";
+	        op.url && (s="<link type='text/css' rel='stylesheet' href='"+op.url+"'/>");
+	        baidu.dom.insertHTML(doc.getElementsByTagName("HEAD")[0],"beforeEnd",s);
+	        //如果用户传入了url参数，下面访问sheet.rules的时候会报错
+	        if(op.url){
+	            return null;
+	        }
+
+	        var sheet = doc.styleSheets[doc.styleSheets.length - 1],
+	            rules = sheet.rules || sheet.cssRules;
+	        return {
+	            self : sheet
+	            ,rules : sheet.rules || sheet.cssRules
+	            ,addRule : function(selector, style, i) {
+	                if (sheet.addRule) {
+	                    return sheet.addRule(selector, style, i);
+	                } else if (sheet.insertRule) {
+	                    isNaN(i) && (i = rules.length);
+	                    return sheet.insertRule(selector +"{"+ style +"}", i);
+	                }
+	            }
+	            ,removeRule : function(i) {
+	                if (sheet.removeRule) {
+	                    sheet.removeRule(i);
+	                } else if (sheet.deleteRule) {
+	                    isNaN(i) && (i = 0);
+	                    sheet.deleteRule(i);
+	                }
+	            }
+	        }
+	    }
+	};
+	/*
+	 * styleSheet对象 有两个方法 
+	 *  addRule(selector, style, i)
+	 *  removeRule(i)
+	 *  这两个方法已经做了浏览器兼容处理
+	 * 一个集合
+	 *  rules
+	 */
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/page/getHeight.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/03
+	 */
+
+
+
+	/**
+	 * 获取页面高度
+	 * @name baidu.page.getHeight
+	 * @function
+	 * @grammar baidu.page.getHeight()
+	 * @see baidu.page.getWidth
+	 *             
+	 * @returns {number} 页面高度
+	 */
+	baidu.page.getHeight = function () {
+	    var doc = document,
+	        body = doc.body,
+	        html = doc.documentElement,
+	        client = doc.compatMode == 'BackCompat' ? body : doc.documentElement;
+
+	    return Math.max(html.scrollHeight, body.scrollHeight, client.clientHeight);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/page/getWidth.js
+	 * author: allstar, erik
+	 * version: 1.1.0
+	 * date: 2009/12/03
+	 */
+
+
+
+	/**
+	 * 获取页面宽度
+	 * @name baidu.page.getWidth
+	 * @function
+	 * @grammar baidu.page.getWidth()
+	 * @see baidu.page.getHeight
+	 * @meta standard
+	 * @returns {number} 页面宽度
+	 */
+	baidu.page.getWidth = function () {
+	    var doc = document,
+	        body = doc.body,
+	        html = doc.documentElement,
+	        client = doc.compatMode == 'BackCompat' ? body : doc.documentElement;
+
+	    return Math.max(html.scrollWidth, body.scrollWidth, client.clientWidth);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+
+
+
+
+
+
+	/**
+	 * 延迟加载图片. 默认只加载可见高度以上的图片, 随着窗口滚动加载剩余图片.注意: 仅支持垂直方向.
+	 * @name baidu.page.lazyLoadImage
+	 * @function
+	 * @grammar baidu.page.lazyLoadImage([options])
+	 * @param {Object} options
+	 * @param {String} [options.className] 延迟加载的IMG的className,如果不传入该值将延迟加载所有IMG.
+	 * @param {Number} [options.preloadHeight] 预加载的高度, 可见窗口下该高度内的图片将被加载.
+	 * @param {String} [options.placeHolder] 占位图url.
+	 * @param {Function} [options.onlazyload] 延迟加载回调函数,在实际加载时触发.
+	 * @author rocy
+	 */
+	baidu.page.lazyLoadImage = function(options) {
+	    options = options || {};
+	    options.preloadHeight = options.preloadHeight || 0;
+
+	    baidu.dom.ready(function() {
+	        var imgs = document.getElementsByTagName('IMG'),
+	                targets = imgs,
+	                len = imgs.length,
+	                i = 0,
+	                viewOffset = getLoadOffset(),
+	                srcAttr = 'data-tangram-ori-src',
+	                target;
+	        //避免循环中每次都判断className
+	        if (options.className) {
+	            targets = [];
+	            for (; i < len; ++i) {
+	                if (baidu.dom.hasClass(imgs[i], options.className)) {
+	                    targets.push(imgs[i]);
+	                }
+	            }
+	        }
+	        //计算需要加载图片的页面高度
+	        function getLoadOffset() {
+	            return baidu.page.getScrollTop() + baidu.page.getViewHeight() + options.preloadHeight;
+	        }
+	        //加载可视图片
+	        for (i = 0, len = targets.length; i < len; ++i) {
+	            target = targets[i];
+	            if (baidu.dom.getPosition(target).top > viewOffset) {
+	                target.setAttribute(srcAttr, target.src);
+	                options.placeHolder ? target.src = options.placeHolder : target.removeAttribute('src');
+	            }
+	        }
+	        //处理延迟加载
+	        var loadNeeded = function() {
+	            var viewOffset = getLoadOffset(),
+	                imgSrc,
+	                finished = true,
+	                i = 0,
+	                len = targets.length;
+	            for (; i < len; ++i) {
+	                target = targets[i];
+	                imgSrc = target.getAttribute(srcAttr);
+	                imgSrc && (finished = false);
+	                if (baidu.dom.getPosition(target).top < viewOffset && imgSrc) {
+	                    target.src = imgSrc;
+	                    target.removeAttribute(srcAttr);
+	                    baidu.lang.isFunction(options.onlazyload) && options.onlazyload(target);
+	                }
+	            }
+	            //当全部图片都已经加载, 去掉事件监听
+	            finished && baidu.un(window, 'scroll', loadNeeded);
+	        };
+
+	        baidu.on(window, 'scroll', loadNeeded);
+	    });
+	};
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 *
+	 * path: baidu/page/load.js
+	 * author: rocy
+	 * version: 1.0.0
+	 * date: 2010/11/29
+	 */
+
+
+
+
+
+
+
+
+
+	/**
+	 *
+	 * 加载一组资源，支持多种格式资源的串/并行加载，支持每个文件有单独回调函数。
+	 *
+	 * @name baidu.page.load
+	 * @function
+	 * @grammar baidu.page.load(resources[, options])
+	 *
+	 * @param {Array} resources               资源描述数组，单个resource含如下属性.
+	 * @param {String} resources.url           链接地址.
+	 * @param {String} [resources.type]        取值["css","js","html"]，默认参考文件后缀.
+	 * @param {String} [resources.requestType] 取值["dom","ajax"]，默认js和css用dom标签，html用ajax.
+	 * @param {Function} resources.onload        当前resource加载完成的回调函数，若requestType为ajax，参数为xhr(可能失效)，responseText；若requestType为dom，无参数，执行时this为相应dom标签。.
+	 *
+	 * @param {Object} [options]               可选参数.
+	 * @param {Function} [options.onload]        资源全部加载完成的回调函数，无参数。.
+	 * @param {Boolean} [options.parallel]      是否并行加载，默认为false，串行。.
+	 * @param {Boolean} [ignoreAllLoaded]       全部加载之后不触发回调事件.主要用于内部实现.
+	 *
+	 *
+	 * @remark
+	 *  //串行实例
+	 *  baidu.page.load([
+	 *      { url : "http://img.baidu.com/js/tangram-1.3.2.js" },
+	 *      {url : "http://xxx.baidu.com/xpath/logicRequire.js",
+	 *          onload : fnOnRequireLoaded
+	 *      },
+	 *      { url : "http://xxx.baidu.com/xpath/target.js" }
+	 *  ],{
+	 *      onload : fnWhenTargetOK
+	 *  });
+	 *  //并行实例
+	 *  baidu.page.load([
+	 *      {
+	 *          url : "http://xxx.baidu.com/xpath/template.html",
+	 *          onload : fnExtractTemplate
+	 *      },
+	 *      { url : "http://xxx.baidu.com/xpath/style.css"},
+	 *      {
+	 *          url : "http://xxx.baidu.com/xpath/import.php?f=baidu.*",
+	 *          type : "js"
+	 *      },
+	 *      {
+	 *          url : "http://xxx.baidu.com/xpath/target.js",
+	 *      },
+	 *      {
+	 *          url : "http://xxx.baidu.com/xpath/jsonData.js",
+	 *          requestType : "ajax",
+	 *          onload : fnExtractData
+	 *      }
+	 *  ],{
+	 *      parallel : true,
+	 *      onload : fnWhenEverythingIsOK
+	 * });
+	 */
+	baidu.page.load = function(resources, options, ignoreAllLoaded) {
+	    //TODO failure, 整体onload能不能每个都调用; resources.charset
+	    options = options || {};
+	    var self = baidu.page.load,
+	        cache = self._cache = self._cache || {},
+	        loadingCache = self._loadingCache = self._loadingCache || {},
+	        parallel = options.parallel;
+
+	    function allLoadedChecker() {
+	        for (var i = 0, len = resources.length; i < len; ++i) {
+	            if (! cache[resources[i].url]) {
+	                setTimeout(arguments.callee, 10);
+	                return;
+	            }
+	        }
+	        options.onload();
+	    };
+
+	    function loadByDom(res, callback) {
+	        var node, loaded, onready;
+	        switch (res.type.toLowerCase()) {
+	            case 'css' :
+	                node = document.createElement('link');
+	                node.setAttribute('rel', 'stylesheet');
+	                node.setAttribute('type', 'text/css');
+	                break;
+	            case 'js' :
+	                node = document.createElement('script');
+	                node.setAttribute('type', 'text/javascript');
+	                node.setAttribute('charset', res.charset || self.charset);
+	                break;
+	            case 'html' :
+	                node = document.createElement('iframe');
+	                node.frameBorder = 'none';
+	                break;
+	            default :
+	                return;
+	        }
+
+	        // HTML,JS works on all browsers, CSS works only on IE.
+	        onready = function() {
+	            if (!loaded && (!this.readyState ||
+	                    this.readyState === 'loaded' ||
+	                    this.readyState === 'complete')) {
+	                loaded = true;
+	                // 防止内存泄露
+	                baidu.un(node, 'load', onready);
+	                baidu.un(node, 'readystatechange', onready);
+	                //node.onload = node.onreadystatechange = null;
+	                callback.call(window, node);
+	            }
+	        };
+	        baidu.on(node, 'load', onready);
+	        baidu.on(node, 'readystatechange', onready);
+	        //CSS has no onload event on firefox and webkit platform, so hack it.
+	        if (res.type == 'css') {
+	            (function() {
+	                //避免重复加载
+	                if (loaded) return;
+	                try {
+	                    node.sheet.cssRule;
+	                } catch (e) {
+	                    setTimeout(arguments.callee, 20);
+	                    return;
+	                }
+	                loaded = true;
+	                callback.call(window, node);
+	            })();
+	        }
+
+	        node.href = node.src = res.url;
+	        document.getElementsByTagName('head')[0].appendChild(node);
+	    }
+
+	    //兼容第一个参数直接是资源地址.
+	    baidu.lang.isString(resources) && (resources = [{url: resources}]);
+
+	    //避免递归出错,添加容错.
+	    if (! (resources && resources.length)) return;
+
+	    function loadResources(res) {
+	        var url = res.url,
+	            shouldContinue = !!parallel,
+	            cacheData,
+	            callback = function(textOrNode) {
+	                //ajax存入responseText,dom存入节点,用于保证onload的正确执行.
+	                cache[res.url] = textOrNode;
+	                delete loadingCache[res.url];
+
+	                if (baidu.lang.isFunction(res.onload)) {
+	                    //若返回false, 则停止接下来的加载.
+	                    if (false === res.onload.call(window, textOrNode)) {
+	                        return;
+	                    }
+	                }
+	                //串行时递归执行
+	                !parallel && self(resources.slice(1), options, true);
+	                if ((! ignoreAllLoaded) && baidu.lang.isFunction(options.onload)) {
+	                    allLoadedChecker();
+	                }
+	            };
+	        //默认用后缀名, 并防止后缀名大写
+	        res.type = res.type || url.substr(url.lastIndexOf('.') + 1);
+	        //默认html格式用ajax请求,其他都使用dom标签方式请求.
+	        res.requestType = res.requestType || (res.type == 'html' ? 'ajax' : 'dom');
+
+	        if (cacheData = cache[res.url]) {
+	            callback(cacheData);
+	            return shouldContinue;
+	        }
+	        if (!options.refresh && loadingCache[res.url]) {
+	            setTimeout(function() {loadResources(res);}, 10);
+	            return shouldContinue;
+	        }
+	        loadingCache[res.url] = true;
+	        if (res.requestType.toLowerCase() == 'dom') {
+	            loadByDom(res, callback);
+	        }else {//ajax
+	            baidu.ajax.get(res.url, function(xhr, responseText) {callback(responseText);});
+	        }
+	        //串行模式,通过callback方法执行后续
+	        return shouldContinue;
+	    };
+
+	    baidu.each(resources, loadResources);
+	};
+	//默认编码设置为UTF8
+	baidu.page.load.charset = 'UTF8';
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/page/loadCssFile.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/20
+	 */
+
+
+
+	/**
+	 * 动态在页面上加载一个外部css文件
+	 * @name baidu.page.loadCssFile
+	 * @function
+	 * @grammar baidu.page.loadCssFile(path)
+	 * @param {string} path css文件路径
+	 * @see baidu.page.loadJsFile
+	 */
+
+	baidu.page.loadCssFile = function (path) {
+	    var element = document.createElement("link");
+	    
+	    element.setAttribute("rel", "stylesheet");
+	    element.setAttribute("type", "text/css");
+	    element.setAttribute("href", path);
+
+	    document.getElementsByTagName("head")[0].appendChild(element);        
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/page/loadJsFile.js
+	 * author: allstar
+	 * version: 1.1.0
+	 * date: 2009/11/20
+	 */
+
+
+
+	/**
+	 * 动态在页面上加载一个外部js文件
+	 * @name baidu.page.loadJsFile
+	 * @function
+	 * @grammar baidu.page.loadJsFile(path)
+	 * @param {string} path js文件路径
+	 * @see baidu.page.loadCssFile
+	 */
+	baidu.page.loadJsFile = function (path) {
+	    var element = document.createElement('script');
+
+	    element.setAttribute('type', 'text/javascript');
+	    element.setAttribute('src', path);
+	    element.setAttribute('defer', 'defer');
+
+	    document.getElementsByTagName("head")[0].appendChild(element);    
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * @namespace baidu.platform 判断平台类型和特性的属性。
+	 * @author jz
+	 */
+	baidu.platform = baidu.platform || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 判断是否为android平台
+	 * @property android 是否为android平台
+	 * @grammar baidu.platform.android
+	 * @meta standard
+	 * @see baidu.platform.x11,baidu.platform.windows,baidu.platform.macintosh,baidu.platform.iphone,baidu.platform.ipad
+	 * @author jz
+	 */
+	baidu.platform.isAndroid = /android/i.test(navigator.userAgent);
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 判断是否为ipad平台
+	 * @property ipad 是否为ipad平台
+	 * @grammar baidu.platform.ipad
+	 * @meta standard
+	 * @see baidu.platform.x11,baidu.platform.windows,baidu.platform.macintosh,baidu.platform.iphone,baidu.platform.android   
+	 * @author jz
+	 */
+	baidu.platform.isIpad = /ipad/i.test(navigator.userAgent);
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 判断是否为iphone平台
+	 * @property iphone 是否为iphone平台
+	 * @grammar baidu.platform.iphone
+	 * @meta standard
+	 * @see baidu.platform.x11,baidu.platform.windows,baidu.platform.macintosh,baidu.platform.ipad,baidu.platform.android
+	 * @author jz
+	 */
+	baidu.platform.isIphone = /iphone/i.test(navigator.userAgent);
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 判断是否为macintosh平台
+	 * @property macintosh 是否为macintosh平台
+	 * @grammar baidu.platform.macintosh
+	 * @meta standard
+	 * @see baidu.platform.x11,baidu.platform.windows,baidu.platform.iphone,baidu.platform.ipad,baidu.platform.android 
+	 * @author jz
+	 */
+	baidu.platform.isMacintosh = /macintosh/i.test(navigator.userAgent);
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 判断是否为windows平台
+	 * @property windows 是否为windows平台
+	 * @grammar baidu.platform.windows
+	 * @meta standard
+	 * @see baidu.platform.x11,baidu.platform.macintosh,baidu.platform.iphone,baidu.platform.ipad,baidu.platform.android 
+	 * @author jz
+	 */
+	baidu.platform.isWindows = /windows/i.test(navigator.userAgent);
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 判断是否为x11平台
+	 * @property x11 是否为x11平台
+	 * @grammar baidu.platform.x11
+	 * @meta standard
+	 * @see baidu.platform.windows,baidu.platform.macintosh,baidu.platform.iphone,baidu.platform.ipad,baidu.platform.android 
+	 * @author jz
+	 */
+	baidu.platform.isX11 = /x11/i.test(navigator.userAgent);
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/sio.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/12/16
+	 */
+
+
+	/**
+	 * @namespace baidu.sio 使用动态script标签请求服务器资源，包括由服务器端的回调和浏览器端的回调。
+	 */
+	baidu.sio = baidu.sio || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 
+	 * @param {HTMLElement} src script节点
+	 * @param {String} url script节点的地址
+	 * @param {String} [charset] 编码
+	 */
+	baidu.sio._createScriptTag = function(scr, url, charset){
+	    scr.setAttribute('type', 'text/javascript');
+	    charset && scr.setAttribute('charset', charset);
+	    scr.setAttribute('src', url);
+	    document.getElementsByTagName('head')[0].appendChild(scr);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 删除script的属性，再删除script标签，以解决修复内存泄漏的问题
+	 * 
+	 * @param {HTMLElement} src script节点
+	 */
+	baidu.sio._removeScriptTag = function(scr){
+	    if (scr.clearAttributes) {
+	        scr.clearAttributes();
+	    } else {
+	        for (var attr in scr) {
+	            if (scr.hasOwnProperty(attr)) {
+	                delete scr[attr];
+	            }
+	        }
+	    }
+	    if(scr && scr.parentNode){
+	        scr.parentNode.removeChild(scr);
+	    }
+	    scr = null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+	/**
+	 * 通过script标签加载数据，加载完成由浏览器端触发回调
+	 * @name baidu.sio.callByBrowser
+	 * @function
+	 * @grammar baidu.sio.callByBrowser(url, opt_callback, opt_options)
+	 * @param {string} url 加载数据的url
+	 * @param {Function|string} opt_callback 数据加载结束时调用的函数或函数名
+	 * @param {Object} opt_options 其他可选项
+	 * @config {String} [charset] script的字符集
+	 * @config {Integer} [timeOut] 超时时间，超过这个时间将不再响应本请求，并触发onfailure函数
+	 * @config {Function} [onfailure] timeOut设定后才生效，到达超时时间时触发本函数
+	 * @remark
+	 * 1、与callByServer不同，callback参数只支持Function类型，不支持string。
+	 * 2、如果请求了一个不存在的页面，callback函数在IE/opera下也会被调用，因此使用者需要在onsuccess函数中判断数据是否正确加载。
+	 * @meta standard
+	 * @see baidu.sio.callByServer
+	 */
+	baidu.sio.callByBrowser = function (url, opt_callback, opt_options) {
+	    var scr = document.createElement("SCRIPT"),
+	        scriptLoaded = 0,
+	        options = opt_options || {},
+	        charset = options['charset'],
+	        callback = opt_callback || function(){},
+	        timeOut = options['timeOut'] || 0,
+	        timer;
+	    
+	    // IE和opera支持onreadystatechange
+	    // safari、chrome、opera支持onload
+	    scr.onload = scr.onreadystatechange = function () {
+	        // 避免opera下的多次调用
+	        if (scriptLoaded) {
+	            return;
+	        }
+	        
+	        var readyState = scr.readyState;
+	        if ('undefined' == typeof readyState
+	            || readyState == "loaded"
+	            || readyState == "complete") {
+	            scriptLoaded = 1;
+	            try {
+	                callback();
+	                clearTimeout(timer);
+	            } finally {
+	                scr.onload = scr.onreadystatechange = null;
+	                baidu.sio._removeScriptTag(scr);
+	            }
+	        }
+	    };
+
+	    if( timeOut ){
+	        timer = setTimeout(function(){
+	            scr.onload = scr.onreadystatechange = null;
+	            baidu.sio._removeScriptTag(scr);
+	            options.onfailure && options.onfailure();
+	        }, timeOut);
+	    }
+	    
+	    baidu.sio._createScriptTag(scr, url, charset);
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+
+
+	/**
+	 * 通过script标签加载数据，加载完成由服务器端触发回调
+	 * @name baidu.sio.callByServer
+	 * @function
+	 * @grammar baidu.sio.callByServer(url, callback[, opt_options])
+	 * @param {string} url 加载数据的url.
+	 * @param {Function|string} callback 服务器端调用的函数或函数名。如果没有指定本参数，将在URL中寻找options['queryField']做为callback的方法名.
+	 * @param {Object} opt_options 加载数据时的选项.
+	 * @config {string} [charset] script的字符集
+	 * @config {string} [queryField] 服务器端callback请求字段名，默认为callback
+	 * @config {Integer} [timeOut] 超时时间(单位：ms)，超过这个时间将不再响应本请求，并触发onfailure函数
+	 * @config {Function} [onfailure] timeOut设定后才生效，到达超时时间时触发本函数
+	 * @remark
+	 * 如果url中已经包含key为“options['queryField']”的query项，将会被替换成callback中参数传递或自动生成的函数名。
+	 * @meta standard
+	 * @see baidu.sio.callByBrowser
+	 */
+	baidu.sio.callByServer = function(url, callback, opt_options) {
+	    var scr = document.createElement('SCRIPT'),
+	        prefix = 'bd__cbs__',
+	        callbackName,
+	        callbackImpl,
+	        options = opt_options || {},
+	        charset = options['charset'],
+	        queryField = options['queryField'] || 'callback',
+	        timeOut = options['timeOut'] || 0,
+	        timer,
+	        reg = new RegExp('(\\?|&)' + queryField + '=([^&]*)'),
+	        matches;
+
+	    if (baidu.lang.isFunction(callback)) {
+	        callbackName = prefix + Math.floor(Math.random() * 2147483648).toString(36);
+	        window[callbackName] = getCallBack(0);
+	    } else if(baidu.lang.isString(callback)){
+	        // 如果callback是一个字符串的话，就需要保证url是唯一的，不要去改变它
+	        // TODO 当调用了callback之后，无法删除动态创建的script标签
+	        callbackName = callback;
+	    } else {
+	        if (matches = reg.exec(url)) {
+	            callbackName = matches[2];
+	        }
+	    }
+
+	    if( timeOut ){
+	        timer = setTimeout(getCallBack(1), timeOut);
+	    }
+
+	    //如果用户在URL中已有callback，用参数传入的callback替换之
+	    url = url.replace(reg, '\x241' + queryField + '=' + callbackName);
+	    
+	    if (url.search(reg) < 0) {
+	        url += (url.indexOf('?') < 0 ? '?' : '&') + queryField + '=' + callbackName;
+	    }
+	    baidu.sio._createScriptTag(scr, url, charset);
+
+	    /*
+	     * 返回一个函数，用于立即（挂在window上）或者超时（挂在setTimeout中）时执行
+	     */
+	    function getCallBack(onTimeOut){
+	        /*global callbackName, callback, scr, options;*/
+	        return function(){
+	            try {
+	                if( onTimeOut ){
+	                    options.onfailure && options.onfailure();
+	                }else{
+	                    callback.apply(window, arguments);
+	                    clearTimeout(timer);
+	                }
+	                window[callbackName] = null;
+	                delete window[callbackName];
+	            } catch (exception) {
+	                // ignore the exception
+	            } finally {
+	                baidu.sio._removeScriptTag(scr);
+	            }
+	        }
+	    }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2011 Baidu Inc. All rights reserved.
+	 */
+
+
+
+	/**
+	 * 通过请求一个图片的方式令服务器存储一条日志
+	 * author: int08h,leeight
+	 * @param {string} url 要发送的地址.
+	 */
+	baidu.sio.log = function(url) {
+	  var img = new Image(),
+	      key = 'tangram_sio_log_' + Math.floor(Math.random() *
+	            2147483648).toString(36);
+
+	  // 这里一定要挂在window下
+	  // 在IE中，如果没挂在window下，这个img变量又正好被GC的话，img的请求会abort
+	  // 导致服务器收不到日志
+	  window[key] = img;
+
+	  img.onload = img.onerror = img.onabort = function() {
+	    // 下面这句非常重要
+	    // 如果这个img很不幸正好加载了一个存在的资源，又是个gif动画
+	    // 则在gif动画播放过程中，img会多次触发onload
+	    // 因此一定要清空
+	    img.onload = img.onerror = img.onabort = null;
+
+	    window[key] = null;
+
+	    // 下面这句非常重要
+	    // new Image创建的是DOM，DOM的事件中形成闭包环引用DOM是典型的内存泄露
+	    // 因此这里一定要置为null
+	    img = null;
+	  };
+
+	  // 一定要在注册了事件之后再设置src
+	  // 不然如果图片是读缓存的话，会错过事件处理
+	  // 最后，对于url最好是添加客户端时间来防止缓存
+	  // 同时服务器也配合一下传递Cache-Control: no-cache;
+	  img.src = url;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/decodeHTML.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 对目标字符串进行html解码
+	 * @name baidu.string.decodeHTML
+	 * @function
+	 * @grammar baidu.string.decodeHTML(source)
+	 * @param {string} source 目标字符串
+	 * @shortcut decodeHTML
+	 * @meta standard
+	 * @see baidu.string.encodeHTML
+	 *             
+	 * @returns {string} html解码后的字符串
+	 */
+	baidu.string.decodeHTML = function (source) {
+	    var str = String(source)
+	                .replace(/&quot;/g,'"')
+	                .replace(/&lt;/g,'<')
+	                .replace(/&gt;/g,'>')
+	                .replace(/&amp;/g, "&");
+	    //处理转义的中文和实体字符
+	    return str.replace(/&#([\d]+);/g, function(_0, _1){
+	        return String.fromCharCode(parseInt(_1, 10));
+	    });
+	};
+
+	baidu.decodeHTML = baidu.string.decodeHTML;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/encodeHTML.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 对目标字符串进行html编码
+	 * @name baidu.string.encodeHTML
+	 * @function
+	 * @grammar baidu.string.encodeHTML(source)
+	 * @param {string} source 目标字符串
+	 * @remark
+	 * 编码字符有5个：&<>"'
+	 * @shortcut encodeHTML
+	 * @meta standard
+	 * @see baidu.string.decodeHTML
+	 *             
+	 * @returns {string} html编码后的字符串
+	 */
+	baidu.string.encodeHTML = function (source) {
+	    return String(source)
+	                .replace(/&/g,'&amp;')
+	                .replace(/</g,'&lt;')
+	                .replace(/>/g,'&gt;')
+	                .replace(/"/g, "&quot;")
+	                .replace(/'/g, "&#39;");
+	};
+
+	baidu.encodeHTML = baidu.string.encodeHTML;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/filterFormat.js
+	 * author: rocy
+	 * version: 1.1.2
+	 * date: 2010/06/10
+	 */
+
+
+
+	/**
+	 * 对目标字符串进行格式化,支持过滤
+	 * @name baidu.string.filterFormat
+	 * @function
+	 * @grammar baidu.string.filterFormat(source, opts)
+	 * @param {string} source 目标字符串
+	 * @param {Object|string...} opts 提供相应数据的对象
+	 * @version 1.2
+	 * @remark
+	 * 
+	在 baidu.string.format的基础上,增加了过滤功能. 目标字符串中的#{url|escapeUrl},<br/>
+	会替换成baidu.string.filterFormat["escapeUrl"](opts.url);<br/>
+	过滤函数需要之前挂载在baidu.string.filterFormat属性中.
+			
+	 * @see baidu.string.format,baidu.string.filterFormat.escapeJs,baidu.string.filterFormat.escapeString,baidu.string.filterFormat.toInt
+	 * @returns {string} 格式化后的字符串
+	 */
+	baidu.string.filterFormat = function (source, opts) {
+	    var data = Array.prototype.slice.call(arguments,1), toString = Object.prototype.toString;
+	    if(data.length){
+		    data = data.length == 1 ? 
+		    	/* ie 下 Object.prototype.toString.call(null) == '[object Object]' */
+		    	(opts !== null && (/\[object Array\]|\[object Object\]/.test(toString.call(opts))) ? opts : data) 
+		    	: data;
+	    	return source.replace(/#\{(.+?)\}/g, function (match, key){
+			    var filters, replacer, i, len, func;
+			    if(!data) return '';
+		    	filters = key.split("|");
+		    	replacer = data[filters[0]];
+		    	// chrome 下 typeof /a/ == 'function'
+		    	if('[object Function]' == toString.call(replacer)){
+		    		replacer = replacer(filters[0]/*key*/);
+		    	}
+		    	for(i=1,len = filters.length; i< len; ++i){
+		    		func = baidu.string.filterFormat[filters[i]];
+		    		if('[object Function]' == toString.call(func)){
+		    			replacer = func(replacer);
+		    		}
+		    	}
+		    	return ( ('undefined' == typeof replacer || replacer === null)? '' : replacer);
+	    	});
+	    }
+	    return source;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/filterFormat/escapeJs.js
+	 * author: rocy
+	 * version: 1.1.2
+	 * date: 2010/06/12
+	 */
+
+
+	/**
+	 * 对js片段的字符做安全转义,编码低于255的都将转换成\x加16进制数
+	 * @name baidu.string.filterFormat.escapeJs
+	 * @function
+	 * @grammar baidu.string.filterFormat.escapeJs(source)
+	 * @param {String} source 待转义字符串
+	 * 
+	 * @see baidu.string.filterFormat,baidu.string.filterFormat.escapeString,baidu.string.filterFormat.toInt
+	 * @version 1.2
+	 * @return {String} 转义之后的字符串
+	 */
+	baidu.string.filterFormat.escapeJs = function(str){
+		if(!str || 'string' != typeof str) return str;
+		var i,len,charCode,ret = [];
+		for(i=0, len=str.length; i < len; ++i){
+			charCode = str.charCodeAt(i);
+			if(charCode > 255){
+				ret.push(str.charAt(i));
+			} else{
+				ret.push('\\x' + charCode.toString(16));
+			}
+		}
+		return ret.join('');
+	};
+	baidu.string.filterFormat.js = baidu.string.filterFormat.escapeJs;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/filterFormat/escapeString.js
+	 * author: rocy
+	 * version: 1.1.2
+	 * date: 2010/06/12
+	 */
+
+
+	/**
+	 * 对字符串做安全转义,转义字符包括: 单引号,双引号,左右小括号,斜杠,反斜杠,上引号.
+	 * @name baidu.string.filterFormat.escapeString
+	 * @function
+	 * @grammar baidu.string.filterFormat.escapeString(source)
+	 * @param {String} source 待转义字符串
+	 * 
+	 * @see baidu.string.filterFormat,baidu.string.filterFormat.escapeJs,baidu.string.filterFormat.toInt
+	 * @version 1.2
+	 * @return {String} 转义之后的字符串
+	 */
+	baidu.string.filterFormat.escapeString = function(str){
+		if(!str || 'string' != typeof str) return str;
+		return str.replace(/["'<>\\\/`]/g, function($0){
+		   return '&#'+ $0.charCodeAt(0) +';';
+		});
+	};
+
+	baidu.string.filterFormat.e = baidu.string.filterFormat.escapeString;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/filterFormat/toInt.js
+	 * author: rocy
+	 * version: 1.1.2
+	 * date: 2010/06/12
+	 */
+
+
+	/**
+	 * 对数字做安全转义,确保是十进制数字;否则返回0.
+	 * @name baidu.string.filterFormat.toInt
+	 * @function
+	 * @grammar baidu.string.filterFormat.toInt(source)
+	 * @param {String} source 待转义字符串
+	 * 
+	 * @see baidu.string.filterFormat,baidu.string.filterFormat.escapeJs,baidu.string.filterFormat.escapeString
+	 * @version 1.2
+	 * @return {Number} 转义之后的数字
+	 */
+	baidu.string.filterFormat.toInt = function(str){
+		return parseInt(str, 10) || 0;
+	};
+	baidu.string.filterFormat.i = baidu.string.filterFormat.toInt;
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/format.js
+	 * author: dron, erik
+	 * version: 1.1.0
+	 * date: 2009/11/30
+	 */
+
+
+
+	/**
+	 * 对目标字符串进行格式化
+	 * @name baidu.string.format
+	 * @function
+	 * @grammar baidu.string.format(source, opts)
+	 * @param {string} source 目标字符串
+	 * @param {Object|string...} opts 提供相应数据的对象或多个字符串
+	 * @remark
+	 * 
+	opts参数为“Object”时，替换目标字符串中的#{property name}部分。<br>
+	opts为“string...”时，替换目标字符串中的#{0}、#{1}...部分。
+			
+	 * @shortcut format
+	 * @meta standard
+	 *             
+	 * @returns {string} 格式化后的字符串
+	 */
+	baidu.string.format = function (source, opts) {
+	    source = String(source);
+	    var data = Array.prototype.slice.call(arguments,1), toString = Object.prototype.toString;
+	    if(data.length){
+		    data = data.length == 1 ? 
+		    	/* ie 下 Object.prototype.toString.call(null) == '[object Object]' */
+		    	(opts !== null && (/\[object Array\]|\[object Object\]/.test(toString.call(opts))) ? opts : data) 
+		    	: data;
+	    	return source.replace(/#\{(.+?)\}/g, function (match, key){
+		    	var replacer = data[key];
+		    	// chrome 下 typeof /a/ == 'function'
+		    	if('[object Function]' == toString.call(replacer)){
+		    		replacer = replacer(key);
+		    	}
+		    	return ('undefined' == typeof replacer ? '' : replacer);
+	    	});
+	    }
+	    return source;
+	};
+
+	// 声明快捷方法
+	baidu.format = baidu.string.format;
+	/*
+	 * Tangram
+	 * Copyright 2010 Baidu Inc. All rights reserved.
+	 * 
+	 * @author: meizz
+	 * @namespace: baidu.string.formatColor
+	 * @version: 2010-01-23
+	 */
+
+
+
+	/**
+	 * 将各种浏览器里的颜色值转换成 #RRGGBB 的格式
+	 * @name baidu.string.formatColor
+	 * @function
+	 * @grammar baidu.string.formatColor(color)
+	 * @param {string} color 颜色值字符串
+	 * @version 1.3
+	 *             
+	 * @returns {string} #RRGGBB格式的字符串或空
+	 */
+	(function(){
+	    // 将正则表达式预创建，可提高效率
+	    var reg1 = /^\#[\da-f]{6}$/i,
+	        reg2 = /^rgb\((\d+), (\d+), (\d+)\)$/,
+	        keyword = {
+	            black: '#000000',
+	            silver: '#c0c0c0',
+	            gray: '#808080',
+	            white: '#ffffff',
+	            maroon: '#800000',
+	            red: '#ff0000',
+	            purple: '#800080',
+	            fuchsia: '#ff00ff',
+	            green: '#008000',
+	            lime: '#00ff00',
+	            olive: '#808000',
+	            yellow: '#ffff0',
+	            navy: '#000080',
+	            blue: '#0000ff',
+	            teal: '#008080',
+	            aqua: '#00ffff'
+	        };
+
+	    baidu.string.formatColor = function(color) {
+	        if(reg1.test(color)) {
+	            // #RRGGBB 直接返回
+	            return color;
+	        } else if(reg2.test(color)) {
+	            // 非IE中的 rgb(0, 0, 0)
+	            for (var s, i=1, color="#"; i<4; i++) {
+	                s = parseInt(RegExp["\x24"+ i]).toString(16);
+	                color += ("00"+ s).substr(s.length);
+	            }
+	            return color;
+	        } else if(/^\#[\da-f]{3}$/.test(color)) {
+	            // 简写的颜色值: #F00
+	            var s1 = color.charAt(1),
+	                s2 = color.charAt(2),
+	                s3 = color.charAt(3);
+	            return "#"+ s1 + s1 + s2 + s2 + s3 + s3;
+	        }else if(keyword[color])
+	            return keyword[color];
+	        
+	        return "";
+	    };
+	})();
+
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/getByteLength.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+
+	/**
+	 * 获取目标字符串在gbk编码下的字节长度
+	 * @name baidu.string.getByteLength
+	 * @function
+	 * @grammar baidu.string.getByteLength(source)
+	 * @param {string} source 目标字符串
+	 * @remark
+	 * 获取字符在gbk编码下的字节长度, 实现原理是认为大于127的就一定是双字节。如果字符超出gbk编码范围, 则这个计算不准确
+	 * @meta standard
+	 * @see baidu.string.subByte
+	 *             
+	 * @returns {number} 字节长度
+	 */
+	baidu.string.getByteLength = function (source) {
+	    return String(source).replace(/[^\x00-\xff]/g, "ci").length;
+	};
+	/*
+	 * tangram
+	 * copyright 2011 baidu inc. all rights reserved.
+	 *
+	 * path: baidu/string/stripTags.js
+	 * author: leeight
+	 * version: 1.1.0
+	 * date: 2011/04/30
+	 */
+
+
+
+	/**
+	 * 去掉字符串中的html标签
+	 * @param {string} source 要处理的字符串.
+	 * @return {string}
+	 */
+	baidu.string.stripTags = function(source) {
+	    return String(source || '').replace(/<[^>]+>/g, '');
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/subByte.js
+	 * author: dron, erik, berg
+	 * version: 1.2
+	 * date: 2010-06-30
+	 */
+
+
+
+	/**
+	 * 对目标字符串按gbk编码截取字节长度
+	 * @name baidu.string.subByte
+	 * @function
+	 * @grammar baidu.string.subByte(source, length)
+	 * @param {string} source 目标字符串
+	 * @param {number} length 需要截取的字节长度
+	 * @param {string} [tail] 追加字符串,可选.
+	 * @remark
+	 * 截取过程中，遇到半个汉字时，向下取整。
+	 * @see baidu.string.getByteLength
+	 *             
+	 * @returns {string} 字符串截取结果
+	 */
+	baidu.string.subByte = function (source, length, tail) {
+	    source = String(source);
+	    tail = tail || '';
+	    if (length < 0 || baidu.string.getByteLength(source) <= length) {
+	        return source + tail;
+	    }
+	    
+	    //thanks 加宽提供优化方法
+	    source = source.substr(0,length).replace(/([^\x00-\xff])/g,"\x241 ")//双字节字符替换成两个
+	        .substr(0,length)//截取长度
+	        .replace(/[^\x00-\xff]$/,"")//去掉临界双字节字符
+	        .replace(/([^\x00-\xff]) /g,"\x241");//还原
+	    return source + tail;
+
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/toHalfWidth.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/15
+	 */
+
+
+	/**
+	 * 将目标字符串中常见全角字符转换成半角字符
+	 * @name baidu.string.toHalfWidth
+	 * @function
+	 * @grammar baidu.string.toHalfWidth(source)
+	 * @param {string} source 目标字符串
+	 * @remark
+	 * 
+	将全角的字符转成半角, 将“&amp;#xFF01;”至“&amp;#xFF5E;”范围的全角转成“&amp;#33;”至“&amp;#126;”, 还包括全角空格包括常见的全角数字/空格/字母, 用于需要同时支持全半角的转换, 具体转换列表如下("空格"未列出)：<br><br>
+
+	！ => !<br>
+	＂ => "<br>
+	＃ => #<br>
+	＄ => $<br>
+	％ => %<br>
+	＆ => &<br>
+	＇ => '<br>
+	（ => (<br>
+	） => )<br>
+	＊ => *<br>
+	＋ => +<br>
+	， => ,<br>
+	－ => -<br>
+	． => .<br>
+	／ => /<br>
+	０ => 0<br>
+	１ => 1<br>
+	２ => 2<br>
+	３ => 3<br>
+	４ => 4<br>
+	５ => 5<br>
+	６ => 6<br>
+	７ => 7<br>
+	８ => 8<br>
+	９ => 9<br>
+	： => :<br>
+	； => ;<br>
+	＜ => <<br>
+	＝ => =<br>
+	＞ => ><br>
+	？ => ?<br>
+	＠ => @<br>
+	Ａ => A<br>
+	Ｂ => B<br>
+	Ｃ => C<br>
+	Ｄ => D<br>
+	Ｅ => E<br>
+	Ｆ => F<br>
+	Ｇ => G<br>
+	Ｈ => H<br>
+	Ｉ => I<br>
+	Ｊ => J<br>
+	Ｋ => K<br>
+	Ｌ => L<br>
+	Ｍ => M<br>
+	Ｎ => N<br>
+	Ｏ => O<br>
+	Ｐ => P<br>
+	Ｑ => Q<br>
+	Ｒ => R<br>
+	Ｓ => S<br>
+	Ｔ => T<br>
+	Ｕ => U<br>
+	Ｖ => V<br>
+	Ｗ => W<br>
+	Ｘ => X<br>
+	Ｙ => Y<br>
+	Ｚ => Z<br>
+	［ => [<br>
+	＼ => \<br>
+	］ => ]<br>
+	＾ => ^<br>
+	＿ => _<br>
+	｀ => `<br>
+	ａ => a<br>
+	ｂ => b<br>
+	ｃ => c<br>
+	ｄ => d<br>
+	ｅ => e<br>
+	ｆ => f<br>
+	ｇ => g<br>
+	ｈ => h<br>
+	ｉ => i<br>
+	ｊ => j<br>
+	ｋ => k<br>
+	ｌ => l<br>
+	ｍ => m<br>
+	ｎ => n<br>
+	ｏ => o<br>
+	ｐ => p<br>
+	ｑ => q<br>
+	ｒ => r<br>
+	ｓ => s<br>
+	ｔ => t<br>
+	ｕ => u<br>
+	ｖ => v<br>
+	ｗ => w<br>
+	ｘ => x<br>
+	ｙ => y<br>
+	ｚ => z<br>
+	｛ => {<br>
+	｜ => |<br>
+	｝ => }<br>
+	～ => ~<br>
+			
+	 *             
+	 * @returns {string} 转换后的字符串
+	 */
+
+	baidu.string.toHalfWidth = function (source) {
+	    return String(source).replace(/[\uFF01-\uFF5E]/g, 
+	        function(c){
+	            return String.fromCharCode(c.charCodeAt(0) - 65248);
+	        }).replace(/\u3000/g," ");
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/string/wbr.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/30
+	 */
+
+
+
+	/**
+	 * 为目标字符串添加wbr软换行
+	 * @name baidu.string.wbr
+	 * @function
+	 * @grammar baidu.string.wbr(source)
+	 * @param {string} source 目标字符串
+	 * @remark
+	 * 
+	1.支持html标签、属性以及字符实体。<br>
+	2.任意字符中间都会插入wbr标签，对于过长的文本，会造成dom节点元素增多，占用浏览器资源。
+	3.在opera下，浏览器默认css不会为wbr加上样式，导致没有换行效果，可以在css中加上 wbr:after { content: "\00200B" } 解决此问题
+			
+	 *             
+	 * @returns {string} 添加软换行后的字符串
+	 */
+	baidu.string.wbr = function (source) {
+	    return String(source)
+	        .replace(/(?:<[^>]+>)|(?:&#?[0-9a-z]{2,6};)|(.{1})/gi, '$&<wbr>')
+	        .replace(/><wbr>/g, '>');
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/swf.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/16
+	 */
+
+
+	/**
+	 * @namespace baidu.swf 操作flash对象的方法，包括创建flash对象、获取flash对象以及判断flash插件的版本号。
+	*/
+	baidu.swf = baidu.swf || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/swf/version.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 浏览器支持的flash插件版本
+	 * @property version 浏览器支持的flash插件版本
+	 * @grammar baidu.swf.version 
+	 * @meta standard
+	 */
+	baidu.swf.version = (function () {
+	    var n = navigator;
+	    if (n.plugins && n.mimeTypes.length) {
+	        var plugin = n.plugins["Shockwave Flash"];
+	        if (plugin && plugin.description) {
+	            return plugin.description
+	                    .replace(/([a-zA-Z]|\s)+/, "")
+	                    .replace(/(\s)+r/, ".") + ".0";
+	        }
+	    } else if (window.ActiveXObject && !window.opera) {
+	        for (var i = 12; i >= 2; i--) {
+	            try {
+	                var c = new ActiveXObject('ShockwaveFlash.ShockwaveFlash.' + i);
+	                if (c) {
+	                    var version = c.GetVariable("$version");
+	                    return version.replace(/WIN/g,'').replace(/,/g,'.');
+	                }
+	            } catch(e) {}
+	        }
+	    }
+	})();
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/swf/createHTML.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+
+	/**
+	 * 创建flash对象的html字符串
+	 * @name baidu.swf.createHTML
+	 * @function
+	 * @grammar baidu.swf.createHTML(options)
+	 * 
+	 * @param {Object} 	options 					创建flash的选项参数
+	 * @param {string} 	options.id 					要创建的flash的标识
+	 * @param {string} 	options.url 				flash文件的url
+	 * @param {String} 	options.errorMessage 		未安装flash player或flash player版本号过低时的提示
+	 * @param {string} 	options.ver 				最低需要的flash player版本号
+	 * @param {string} 	options.width 				flash的宽度
+	 * @param {string} 	options.height 				flash的高度
+	 * @param {string} 	options.align 				flash的对齐方式，允许值：middle/left/right/top/bottom
+	 * @param {string} 	options.base 				设置用于解析swf文件中的所有相对路径语句的基本目录或URL
+	 * @param {string} 	options.bgcolor 			swf文件的背景色
+	 * @param {string} 	options.salign 				设置缩放的swf文件在由width和height设置定义的区域内的位置。允许值：l/r/t/b/tl/tr/bl/br
+	 * @param {boolean} options.menu 				是否显示右键菜单，允许值：true/false
+	 * @param {boolean} options.loop 				播放到最后一帧时是否重新播放，允许值： true/false
+	 * @param {boolean} options.play 				flash是否在浏览器加载时就开始播放。允许值：true/false
+	 * @param {string} 	options.quality 			设置flash播放的画质，允许值：low/medium/high/autolow/autohigh/best
+	 * @param {string} 	options.scale 				设置flash内容如何缩放来适应设置的宽高。允许值：showall/noborder/exactfit
+	 * @param {string} 	options.wmode 				设置flash的显示模式。允许值：window/opaque/transparent
+	 * @param {string} 	options.allowscriptaccess 	设置flash与页面的通信权限。允许值：always/never/sameDomain
+	 * @param {string} 	options.allownetworking 	设置swf文件中允许使用的网络API。允许值：all/internal/none
+	 * @param {boolean} options.allowfullscreen 	是否允许flash全屏。允许值：true/false
+	 * @param {boolean} options.seamlesstabbing 	允许设置执行无缝跳格，从而使用户能跳出flash应用程序。该参数只能在安装Flash7及更高版本的Windows中使用。允许值：true/false
+	 * @param {boolean} options.devicefont 			设置静态文本对象是否以设备字体呈现。允许值：true/false
+	 * @param {boolean} options.swliveconnect 		第一次加载flash时浏览器是否应启动Java。允许值：true/false
+	 * @param {Object} 	options.vars 				要传递给flash的参数，支持JSON或string类型。
+	 * 
+	 * @see baidu.swf.create
+	 * @meta standard
+	 * @returns {string} flash对象的html字符串
+	 */
+	baidu.swf.createHTML = function (options) {
+	    options = options || {};
+	    var version = baidu.swf.version, 
+	        needVersion = options['ver'] || '6.0.0', 
+	        vUnit1, vUnit2, i, k, len, item, tmpOpt = {},
+	        encodeHTML = baidu.string.encodeHTML;
+	    
+	    // 复制options，避免修改原对象
+	    for (k in options) {
+	        tmpOpt[k] = options[k];
+	    }
+	    options = tmpOpt;
+	    
+	    // 浏览器支持的flash插件版本判断
+	    if (version) {
+	        version = version.split('.');
+	        needVersion = needVersion.split('.');
+	        for (i = 0; i < 3; i++) {
+	            vUnit1 = parseInt(version[i], 10);
+	            vUnit2 = parseInt(needVersion[i], 10);
+	            if (vUnit2 < vUnit1) {
+	                break;
+	            } else if (vUnit2 > vUnit1) {
+	                return ''; // 需要更高的版本号
+	            }
+	        }
+	    } else {
+	        return ''; // 未安装flash插件
+	    }
+	    
+	    var vars = options['vars'],
+	        objProperties = ['classid', 'codebase', 'id', 'width', 'height', 'align'];
+	    
+	    // 初始化object标签需要的classid、codebase属性值
+	    options['align'] = options['align'] || 'middle';
+	    options['classid'] = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000';
+	    options['codebase'] = 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0';
+	    options['movie'] = options['url'] || '';
+	    delete options['vars'];
+	    delete options['url'];
+	    
+	    // 初始化flashvars参数的值
+	    if ('string' == typeof vars) {
+	        options['flashvars'] = vars;
+	    } else {
+	        var fvars = [];
+	        for (k in vars) {
+	            item = vars[k];
+	            fvars.push(k + "=" + encodeURIComponent(item));
+	        }
+	        options['flashvars'] = fvars.join('&');
+	    }
+	    
+	    // 构建IE下支持的object字符串，包括属性和参数列表
+	    var str = ['<object '];
+	    for (i = 0, len = objProperties.length; i < len; i++) {
+	        item = objProperties[i];
+	        str.push(' ', item, '="', encodeHTML(options[item]), '"');
+	    }
+	    str.push('>');
+	    var params = {
+	        'wmode'             : 1,
+	        'scale'             : 1,
+	        'quality'           : 1,
+	        'play'              : 1,
+	        'loop'              : 1,
+	        'menu'              : 1,
+	        'salign'            : 1,
+	        'bgcolor'           : 1,
+	        'base'              : 1,
+	        'allowscriptaccess' : 1,
+	        'allownetworking'   : 1,
+	        'allowfullscreen'   : 1,
+	        'seamlesstabbing'   : 1,
+	        'devicefont'        : 1,
+	        'swliveconnect'     : 1,
+	        'flashvars'         : 1,
+	        'movie'             : 1
+	    };
+	    
+	    for (k in options) {
+	        item = options[k];
+	        k = k.toLowerCase();
+	        if (params[k] && (item || item === false || item === 0)) {
+	            str.push('<param name="' + k + '" value="' + encodeHTML(item) + '" />');
+	        }
+	    }
+	    
+	    // 使用embed时，flash地址的属性名是src，并且要指定embed的type和pluginspage属性
+	    options['src']  = options['movie'];
+	    options['name'] = options['id'];
+	    delete options['id'];
+	    delete options['movie'];
+	    delete options['classid'];
+	    delete options['codebase'];
+	    options['type'] = 'application/x-shockwave-flash';
+	    options['pluginspage'] = 'http://www.macromedia.com/go/getflashplayer';
+	    
+	    
+	    // 构建embed标签的字符串
+	    str.push('<embed');
+	    // 在firefox、opera、safari下，salign属性必须在scale属性之后，否则会失效
+	    // 经过讨论，决定采用BT方法，把scale属性的值先保存下来，最后输出
+	    var salign;
+	    for (k in options) {
+	        item = options[k];
+	        if (item || item === false || item === 0) {
+	            if ((new RegExp("^salign\x24", "i")).test(k)) {
+	                salign = item;
+	                continue;
+	            }
+	            
+	            str.push(' ', k, '="', encodeHTML(item), '"');
+	        }
+	    }
+	    
+	    if (salign) {
+	        str.push(' salign="', encodeHTML(salign), '"');
+	    }
+	    str.push('></embed></object>');
+	    
+	    return str.join('');
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/swf/create.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/17
+	 */
+
+
+
+	/**
+	 * 在页面中创建一个flash对象
+	 * @name baidu.swf.create
+	 * @function
+	 * @grammar baidu.swf.create(options[, container])
+	 * 
+	 * @param {Object} 	options 					创建flash的选项参数
+	 * @param {string} 	options.id 					要创建的flash的标识
+	 * @param {string} 	options.url 				flash文件的url
+	 * @param {String} 	options.errorMessage 		未安装flash player或flash player版本号过低时的提示
+	 * @param {string} 	options.ver 				最低需要的flash player版本号
+	 * @param {string} 	options.width 				flash的宽度
+	 * @param {string} 	options.height 				flash的高度
+	 * @param {string} 	options.align 				flash的对齐方式，允许值：middle/left/right/top/bottom
+	 * @param {string} 	options.base 				设置用于解析swf文件中的所有相对路径语句的基本目录或URL
+	 * @param {string} 	options.bgcolor 			swf文件的背景色
+	 * @param {string} 	options.salign 				设置缩放的swf文件在由width和height设置定义的区域内的位置。允许值：l/r/t/b/tl/tr/bl/br
+	 * @param {boolean} options.menu 				是否显示右键菜单，允许值：true/false
+	 * @param {boolean} options.loop 				播放到最后一帧时是否重新播放，允许值： true/false
+	 * @param {boolean} options.play 				flash是否在浏览器加载时就开始播放。允许值：true/false
+	 * @param {string} 	options.quality 			设置flash播放的画质，允许值：low/medium/high/autolow/autohigh/best
+	 * @param {string} 	options.scale 				设置flash内容如何缩放来适应设置的宽高。允许值：showall/noborder/exactfit
+	 * @param {string} 	options.wmode 				设置flash的显示模式。允许值：window/opaque/transparent
+	 * @param {string} 	options.allowscriptaccess 	设置flash与页面的通信权限。允许值：always/never/sameDomain
+	 * @param {string} 	options.allownetworking 	设置swf文件中允许使用的网络API。允许值：all/internal/none
+	 * @param {boolean} options.allowfullscreen 	是否允许flash全屏。允许值：true/false
+	 * @param {boolean} options.seamlesstabbing 	允许设置执行无缝跳格，从而使用户能跳出flash应用程序。该参数只能在安装Flash7及更高版本的Windows中使用。允许值：true/false
+	 * @param {boolean} options.devicefont 			设置静态文本对象是否以设备字体呈现。允许值：true/false
+	 * @param {boolean} options.swliveconnect 		第一次加载flash时浏览器是否应启动Java。允许值：true/false
+	 * @param {Object} 	options.vars 				要传递给flash的参数，支持JSON或string类型。
+	 * 
+	 * @param {HTMLElement|string} [container] 		flash对象的父容器元素，不传递该参数时在当前代码位置创建flash对象。
+	 * @meta standard
+	 * @see baidu.swf.createHTML,baidu.swf.getMovie
+	 */
+	baidu.swf.create = function (options, target) {
+	    options = options || {};
+	    var html = baidu.swf.createHTML(options) 
+	               || options['errorMessage'] 
+	               || '';
+	                
+	    if (target && 'string' == typeof target) {
+	        target = document.getElementById(target);
+	    }
+	    
+	    if (target) {
+	        target.innerHTML = html;
+	    } else {
+	        document.write(html);
+	    }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/swf/getMovie.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/16
+	 */
+
+
+
+
+
+	/**
+	 * 获得flash对象的实例
+	 * @name baidu.swf.getMovie
+	 * @function
+	 * @grammar baidu.swf.getMovie(name)
+	 * @param {string} name flash对象的名称
+	 * @see baidu.swf.create
+	 * @meta standard
+	 * @returns {HTMLElement} flash对象的实例
+	 */
+	baidu.swf.getMovie = function (name) {
+		//ie9下, Object标签和embed标签嵌套的方式生成flash时,
+		//会导致document[name]多返回一个Object元素,而起作用的只有embed标签
+		var movie = document[name], ret;
+	    return baidu.browser.ie == 9 ?
+	    	movie && movie.length ? 
+	    		(ret = baidu.array.remove(baidu.lang.toArray(movie),function(item){
+	    			return item.tagName.toLowerCase() != "embed";
+	    		})).length == 1 ? ret[0] : ret
+	    		: movie
+	    	: movie || window[name];
+	};
+	/*
+	 * Tangram
+	 * Copyright 2011 Baidu Inc. All rights reserved.
+	 */
+
+
+
+
+
+
+	/**
+	 * Js 调用 Flash方法的代理类.
+	 * @function
+	 * @name baidu.swf.Proxy
+	 * @grammar new baidu.swf.Proxy(id, property, [, loadedHandler])
+	 * @param {string} id Flash的元素id.object标签id, embed标签name.
+	 * @param {string} property Flash的方法或者属性名称，用来检测Flash是否初始化好了.
+	 * @param {Function} loadedHandler 初始化之后的回调函数.
+	 * @remark Flash对应的DOM元素必须已经存在, 否则抛错. 可以使用baidu.swf.create预先创建Flash对应的DOM元素.
+	 * @author liyubei@baidu.com (leeight)
+	 */
+	baidu.swf.Proxy = function(id, property, loadedHandler) {
+	    /**
+	     * 页面上的Flash对象
+	     * @type {HTMLElement}
+	     */
+	    var me = this,
+	        flash = this._flash = baidu.swf.getMovie(id),
+	        timer;
+	    if (! property) {
+	        return this;
+	    }
+	    timer = setInterval(function() {
+	        try {
+	            /** @preserveTry */
+	            if (flash[property]) {
+	                me._initialized = true;
+	                clearInterval(timer);
+	                if (loadedHandler) {
+	                    loadedHandler();
+	                }
+	            }
+	        } catch (e) {
+	        }
+	    }, 100);
+	};
+	/**
+	 * 获取flash对象.
+	 * @return {HTMLElement} Flash对象.
+	 */
+	baidu.swf.Proxy.prototype.getFlash = function() {
+	    return this._flash;
+	};
+	/**
+	 * 判断Flash是否初始化完成,可以与js进行交互.
+	 */
+	baidu.swf.Proxy.prototype.isReady = function() {
+	    return !! this._initialized;
+	};
+	/**
+	 * 调用Flash中的某个方法
+	 * @param {string} methodName 方法名.
+	 * @param {...*} var_args 方法的参数.
+	 */
+	baidu.swf.Proxy.prototype.call = function(methodName, var_args) {
+	    try {
+	        var flash = this.getFlash(),
+	            args = Array.prototype.slice.call(arguments);
+
+	        args.shift();
+	        if (flash[methodName]) {
+	            flash[methodName].apply(flash, args);
+	        }
+	    } catch (e) {
+	    }
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/url.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/16
+	 */
+
+
+	/**
+	 * @namespace baidu.url 操作url的方法。
+	 */
+	baidu.url = baidu.url || {};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/url/escapeSymbol.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/16
+	 */
+
+
+
+	/**
+	 * 对字符串进行%&+/#=和空格七个字符进行url转义
+	 * @name baidu.url.escapeSymbol
+	 * @function
+	 * @grammar baidu.url.escapeSymbol(source)
+	 * @param {string} source 需要转义的字符串
+	 * @return {string} 转义之后的字符串.
+	 * @remark
+	 * 用于get请求转义。在服务器只接受gbk，并且页面是gbk编码时，可以经过本转义后直接发get请求。
+	 *             
+	 * @returns {string} 转义后的字符串
+	 */
+	baidu.url.escapeSymbol = function (source) {
+	    return String(source).replace(/\%/g, "%25")
+	                        .replace(/&/g, "%26")
+	                        .replace(/\+/g, "%2B")
+	                        .replace(/\ /g, "%20")
+	                        .replace(/\//g, "%2F")
+	                        .replace(/\#/g, "%23")
+	                        .replace(/\=/g, "%3D");
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/url/getQueryValue.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/16
+	 */
+
+
+
+
+	/**
+	 * 根据参数名从目标URL中获取参数值
+	 * @name baidu.url.getQueryValue
+	 * @function
+	 * @grammar baidu.url.getQueryValue(url, key)
+	 * @param {string} url 目标URL
+	 * @param {string} key 要获取的参数名
+	 * @meta standard
+	 * @see baidu.url.jsonToQuery
+	 *             
+	 * @returns {string|null} - 获取的参数值，其中URI编码后的字符不会被解码，获取不到时返回null
+	 */
+	baidu.url.getQueryValue = function (url, key) {
+	    var reg = new RegExp(
+	                        "(^|&|\\?|#)" 
+	                        + baidu.string.escapeReg(key) 
+	                        + "=([^&#]*)(&|\x24|#)", 
+	                    "");
+	    var match = url.match(reg);
+	    if (match) {
+	        return match[2];
+	    }
+	    
+	    return null;
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/url/jsonToQuery.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/16
+	 */
+
+
+
+
+
+	/**
+	 * 将json对象解析成query字符串
+	 * @name baidu.url.jsonToQuery
+	 * @function
+	 * @grammar baidu.url.jsonToQuery(json[, replacer])
+	 * @param {Object} json 需要解析的json对象
+	 * @param {Function=} replacer_opt 对值进行特殊处理的函数，function (value, key)
+	 * @see baidu.url.queryToJson,baidu.url.getQueryValue
+	 *             
+	 * @return {string} - 解析结果字符串，其中值将被URI编码，{a:'&1 '} ==> "a=%261%20"。
+	 */
+	baidu.url.jsonToQuery = function (json, replacer_opt) {
+	    var result = [], 
+	        itemLen,
+	        replacer = replacer_opt || function (value) {
+	          return baidu.url.escapeSymbol(value);
+	        };
+	        
+	    baidu.object.each(json, function(item, key){
+	        // 这里只考虑item为数组、字符串、数字类型，不考虑嵌套的object
+	        if (baidu.lang.isArray(item)) {
+	            itemLen = item.length;
+	            // FIXME value的值需要encodeURIComponent转义吗？
+	            while (itemLen--) {
+	                result.push(key + '=' + replacer(item[itemLen], key));
+	            }
+	        } else {
+	            result.push(key + '=' + replacer(item, key));
+	        }
+	    });
+	    
+	    return result.join('&');
+	};
+	/*
+	 * Tangram
+	 * Copyright 2009 Baidu Inc. All rights reserved.
+	 * 
+	 * path: baidu/url/queryToJson.js
+	 * author: erik
+	 * version: 1.1.0
+	 * date: 2009/11/16
+	 */
+
+
+
+
+	/**
+	 * 解析目标URL中的参数成json对象
+	 * @name baidu.url.queryToJson
+	 * @function
+	 * @grammar baidu.url.queryToJson(url)
+	 * @param {string} url 目标URL
+	 * @see baidu.url.jsonToQuery
+	 *             
+	 * @returns {Object} - 解析为结果对象，其中URI编码后的字符不会被解码，'a=%20' ==> {a:'%20'}。
+	 */
+	baidu.url.queryToJson = function (url) {
+	    var query   = url.substr(url.lastIndexOf('?') + 1),
+	        params  = query.split('&'),
+	        len     = params.length,
+	        result  = {},
+	        i       = 0,
+	        key, value, item, param;
+	    
+	    for (; i < len; i++) {
+	        if(!params[i]){
+	            continue;
+	        }
+	        param   = params[i].split('=');
+	        key     = param[0];
+	        value   = param[1];
+	        
+	        item = result[key];
+	        if ('undefined' == typeof item) {
+	            result[key] = value;
+	        } else if (baidu.lang.isArray(item)) {
+	            item.push(value);
+	        } else { // 这里只可能是string了
+	            result[key] = [item, value];
+	        }
+	    }
+	    
+	    return result;
+	};
+
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/testrunner.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/testrunner.js
new file mode 100644
index 000000000..c82fc2bf8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/testrunner.js
@@ -0,0 +1,1099 @@
+/*
+ * QUnit - A JavaScript Unit Testing Framework
+ * 
+ * http://docs.jquery.com/QUnit
+ *
+ * Copyright (c) 2009 John Resig, Jörn Zaefferer
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ */
+
+(function (window) {
+
+    var QUnit = {
+
+        // Initialize the configuration options
+        init:function () {
+            config = {
+                stats:{ all:0, bad:0 },
+                moduleStats:{ all:0, bad:0 },
+                started:+new Date,
+                blocking:false,
+                autorun:false,
+                assertions:[],
+                filters:[],
+                queue:[]
+            };
+
+            var tests = id("qunit-tests"),
+                banner = id("qunit-banner"),
+                result = id("qunit-testresult");
+
+            if (tests) {
+                tests.innerHTML = "";
+            }
+
+            if (banner) {
+                banner.className = "";
+            }
+
+            if (result) {
+                result.parentNode.removeChild(result);
+            }
+        },
+
+        // call on start of module test to prepend name to all tests
+        module:function (name, testEnvironment) {
+            config.currentModule = name;
+
+            synchronize(function () {
+                if (config.currentModule) {
+                    QUnit.moduleDone(config.currentModule, config.moduleStats.bad, config.moduleStats.all);
+                }
+
+                config.currentModule = name;
+                config.moduleTestEnvironment = testEnvironment;
+                config.moduleStats = { all:0, bad:0 };
+
+                QUnit.moduleStart(name, testEnvironment);
+            });
+        },
+
+        asyncTest:function (testName, expected, callback) {
+            if (arguments.length === 2) {
+                callback = expected;
+                expected = 0;
+            }
+
+            QUnit.test(testName, expected, callback, true);
+        },
+//        calltest:function(testEnvironment,callback){
+//            clearInterval(config.timer);
+//            callback.call(testEnvironment);
+//
+//        },
+
+        test:function (testName, expected, callback, async) {
+            var name = testName, testEnvironment, testEnvironmentArg;
+
+            if (arguments.length === 2) {
+                callback = expected;
+                expected = null;
+            }
+            // is 2nd argument a testEnvironment?
+            if (expected && typeof expected === 'object') {
+                testEnvironmentArg = expected;
+                expected = null;
+            }
+
+            if (config.currentModule) {
+                name = config.currentModule + " module: " + name;
+            }
+
+            if (!validTest(name)) {
+                return;
+            }
+
+            synchronize(function () {
+                    QUnit.stopCount = 0;
+                    QUnit.startCount = 0;
+                    QUnit.testStart(testName);
+
+                    testEnvironment = extend({
+                        setup:function () {
+                        },
+                        teardown:function () {
+                        }
+                    }, config.moduleTestEnvironment);
+                    if (testEnvironmentArg) {
+                        extend(testEnvironment, testEnvironmentArg);
+                    }
+
+                    // allow utility functions to access the current test environment
+                    QUnit.current_testEnvironment = testEnvironment;
+
+                    config.assertions = [];
+                    config.expected = expected;
+
+                    try {
+                        if (!config.pollution) {
+                            saveGlobal();
+                        }
+
+                        testEnvironment.setup.call(testEnvironment);
+
+                    } catch (e) {
+                        QUnit.ok(false, "Setup failed on " + name + ": " + e.message);
+                    }
+
+                    if (async) {
+                        QUnit.stop();
+                    }
+
+                    try {
+                        if (QUnit.readyFlag == 0) {
+                            config.timer = setInterval(function () {
+                                if (QUnit.readyFlag == 1) {
+                                    callback.call(testEnvironment);
+                                    if (QUnit.stopCount == 1) {
+                                        start();
+                                    }
+                                    clearInterval(config.timer);
+                                }
+                            }, 100);
+                        }
+                        else {
+                            callback.call(testEnvironment);
+                        }
+                    }
+                    catch
+                        (e) {
+                        fail("Test " + name + " died, exception and test follows", e, callback);
+                        QUnit.ok(false, "Died on test #" + (config.assertions.length + 1) + ": " + e.message);
+                        // else next test will carry the responsibility
+                        saveGlobal();
+
+                        // Restart the tests if they're blocking
+                        if (config.blocking) {
+                            start();
+                        }
+                    }
+                }
+            )
+            ;
+
+            synchronize(function () {
+                try {
+                    checkPollution();
+                    testEnvironment.teardown.call(testEnvironment);
+                } catch (e) {
+                    QUnit.ok(false, "Teardown failed on " + name + ": " + e.message);
+                }
+
+                try {
+                    QUnit.reset();
+                } catch (e) {
+                    fail("reset() failed, following Test " + name + ", exception and reset fn follows", e, reset);
+                }
+
+                if (config.expected && config.expected != config.assertions.length) {
+                    QUnit.ok(false, "Expected " + config.expected + " assertions, but " + config.assertions.length + " were run");
+                }
+
+                var good = 0, bad = 0,
+                    tests = id("qunit-tests");
+
+                config.stats.all += config.assertions.length;
+                config.moduleStats.all += config.assertions.length;
+
+                if (tests) {
+                    var ol = document.createElement("ol");
+                    ol.style.display = "none";
+
+                    for (var i = 0; i < config.assertions.length; i++) {
+                        var assertion = config.assertions[i];
+
+                        var li = document.createElement("li");
+                        li.className = assertion.result ? "pass" : "fail";
+                        li.appendChild(document.createTextNode(assertion.message || "(no message)"));
+                        ol.appendChild(li);
+
+                        if (assertion.result) {
+                            good++;
+                        } else {
+                            bad++;
+                            config.stats.bad++;
+                            config.moduleStats.bad++;
+                        }
+                    }
+
+                    var b = document.createElement("strong");
+                    b.innerHTML = name + " <b style='color:black;'>(<b class='fail'>" + bad + "</b>, <b class='pass'>" + good + "</b>, " + config.assertions.length + ")</b>";
+
+                    addEvent(b, "click", function () {
+                        var next = b.nextSibling, display = next.style.display;
+                        next.style.display = display === "none" ? "block" : "none";
+                    });
+
+                    addEvent(b, "dblclick", function (e) {
+                        var target = e && e.target ? e.target : window.event.srcElement;
+                        if (target.nodeName.toLowerCase() === "strong") {
+                            var text = "", node = target.firstChild;
+
+                            while (node.nodeType === 3) {
+                                text += node.nodeValue;
+                                node = node.nextSibling;
+                            }
+
+                            text = text.replace(/(^\s*|\s*$)/g, "");
+
+                            if (window.location) {
+                                window.location.href = window.location.href.match(/^(.+?)(\?.*)?$/)[1] + "?" + encodeURIComponent(text);
+                            }
+                        }
+                    });
+
+                    var li = document.createElement("li");
+                    li.className = bad ? "fail" : "pass";
+                    li.appendChild(b);
+                    li.appendChild(ol);
+                    tests.appendChild(li);
+
+                    if (bad) {
+                        var toolbar = id("qunit-testrunner-toolbar");
+                        if (toolbar) {
+                            toolbar.style.display = "block";
+                            id("qunit-filter-pass").disabled = null;
+                            id("qunit-filter-missing").disabled = null;
+                        }
+                    }
+
+                } else {
+                    for (var i = 0; i < config.assertions.length; i++) {
+                        if (!config.assertions[i].result) {
+                            bad++;
+                            config.stats.bad++;
+                            config.moduleStats.bad++;
+                        }
+                    }
+                }
+
+                QUnit.testDone(testName, bad, config.assertions);
+
+                if (!window.setTimeout && !config.queue.length) {
+                    done();
+                }
+            });
+
+            if (window.setTimeout && !config.doneTimer) {
+                config.doneTimer = window.setTimeout(function () {
+                    if (!config.queue.length) {
+                        done();
+                    } else {
+                        synchronize(done);
+                    }
+                }, 13);
+            }
+        },
+
+        /**
+         * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
+         */
+        expect:function (asserts) {
+            config.expected = asserts;
+        },
+
+        /**
+         * Asserts true.
+         * @example ok( "asdfasdf".length > 5, "There must be at least 5 chars" );
+         */
+        ok:function (a, msg) {
+            detailForArrert += a ? '' : 'massage:' + msg + '\\n';
+            QUnit.log(a, msg);
+            config.assertions.push({
+                result:!!a,
+                message:msg
+            });
+        },
+
+        /**
+         * Checks that the first two arguments are equal, with an optional message.
+         * Prints out both actual and expected values.
+         *
+         * Prefered to ok( actual == expected, message )
+         *
+         * @example equal( format("Received {0} bytes.", 2), "Received 2 bytes." );
+         *
+         * @param Object actual
+         * @param Object expected
+         * @param String message (optional)
+         */
+        equal:function (actual, expected, message) {
+            push(expected == actual, actual, expected, message);
+        },
+
+        notEqual:function (actual, expected, message) {
+            push(expected != actual, actual, expected, message);
+        },
+
+        deepEqual:function (a, b, message) {
+            push(QUnit.equiv(a, b), a, b, message);
+        },
+
+        notDeepEqual:function (a, b, message) {
+            push(!QUnit.equiv(a, b), a, b, message);
+        },
+
+        strictEqual:function (actual, expected, message) {
+            push(expected === actual, actual, expected, message);
+        },
+
+        notStrictEqual:function (actual, expected, message) {
+            push(expected !== actual, actual, expected, message);
+        },
+
+        start:function () {
+            QUnit.startCount++;
+            QUnit.stopCount--;
+            // A slight delay, to avoid any current callbacks
+            if (window.setTimeout) {
+                window.setTimeout(function () {
+                    if (config.timeout) {
+                        clearTimeout(config.timeout);
+                    }
+
+                    config.blocking = false;
+                    process();
+                }, 13);
+            } else {
+                config.blocking = false;
+                process();
+            }
+        },
+
+        stop:function (timeout) {
+            config.blocking = true;
+            QUnit.stopCount++;
+            if (timeout && window.setTimeout) {
+                config.timeout = window.setTimeout(function () {
+                    QUnit.ok(false, "Test timed out");
+                    QUnit.start();
+                }, timeout);
+            }
+        },
+
+        /**
+         * Resets the test setup. Useful for tests that modify the DOM.
+         */
+        reset:function () {
+            if (window.jQuery) {
+                jQuery("#main").html(config.fixture);
+                jQuery.event.global = {};
+                jQuery.ajaxSettings = extend({}, config.ajaxSettings);
+            }
+        },
+
+        /**
+         * Trigger an event on an element.
+         *
+         * @example triggerEvent( document.body, "click" );
+         *
+         * @param DOMElement elem
+         * @param String type
+         */
+        triggerEvent:function (elem, type, event) {
+            if (document.createEvent) {
+                event = document.createEvent("MouseEvents");
+                event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
+                    0, 0, 0, 0, 0, false, false, false, false, 0, null);
+                elem.dispatchEvent(event);
+
+            } else if (elem.fireEvent) {
+                elem.fireEvent("on" + type);
+            }
+        },
+
+        // Safe object type checking
+        is:function (type, obj) {
+            return Object.prototype.toString.call(obj) === "[object " + type + "]";
+        },
+
+        // Logging callbacks
+        done:function (failures, total, detail) {
+        },
+        log:function (result, message) {
+        },
+        testStart:function (name) {
+        },
+        testDone:function (name, failures, totalDetail) {
+        },
+        moduleStart:function (name, testEnvironment) {
+        },
+        moduleDone:function (name, failures, total) {
+        }
+    };
+//record detail testName, bad, config.assertions
+    QUnit.testDone = function () {
+        if (arguments[0][1]) {
+            failedDetail += 'testName:' + arguments[0][0] + ' failNum:' + arguments[0][1] + "\\n" + detailForArrert;
+            detailForArrert = '';
+        }
+
+    };
+// Backwards compatibility, deprecated
+    QUnit.equals = QUnit.equal;
+    QUnit.same = QUnit.deepEqual;
+    QUnit.stopCount = 0;
+    QUnit.startCount = 0;
+    QUnit.readyFlag = 1;
+// Maintain internal state
+    var config = {
+        // The queue of tests to run
+        queue:[],
+
+        // block until document ready
+        blocking:true,
+
+
+        timer:""
+    };
+//failed detail for each test done
+    var failedDetail = '';
+    var detailForArrert = '';
+// Load paramaters
+    (function () {
+        var location = window.location || { search:"", protocol:"file:" },
+            GETParams = location.search.slice(1).split('&');
+
+        for (var i = 0; i < GETParams.length; i++) {
+            GETParams[i] = decodeURIComponent(GETParams[i]);
+            if (GETParams[i] === "noglobals") {
+                GETParams.splice(i, 1);
+                i--;
+                config.noglobals = true;
+            } else if (GETParams[i].search('=') > -1) {
+                GETParams.splice(i, 1);
+                i--;
+            }
+        }
+
+        // restrict modules/tests by get parameters
+        config.filters = GETParams;
+
+        // Figure out if we're running the tests from a server or not
+        QUnit.isLocal = !!(location.protocol === 'file:');
+    })();
+
+// Expose the API as global variables, unless an 'exports'
+// object exists, in that case we assume we're in CommonJS
+    if (typeof exports === "undefined" || typeof require === "undefined") {
+        extend(window, QUnit);
+        window.QUnit = QUnit;
+    } else {
+        extend(exports, QUnit);
+        exports.QUnit = QUnit;
+    }
+
+    if (typeof document === "undefined" || document.readyState === "complete") {
+        config.autorun = true;
+    }
+
+    addEvent(window, "load", function () {
+        // Initialize the config, saving the execution queue
+        var oldconfig = extend({}, config);
+        QUnit.init();
+        extend(config, oldconfig);
+
+        config.blocking = false;
+
+        var userAgent = id("qunit-userAgent");
+        if (userAgent) {
+            userAgent.innerHTML = navigator.userAgent;
+        }
+
+        var toolbar = id("qunit-testrunner-toolbar");
+        if (toolbar) {
+            toolbar.style.display = "none";
+
+            var filter = document.createElement("input");
+            filter.type = "checkbox";
+            filter.id = "qunit-filter-pass";
+            filter.disabled = true;
+            addEvent(filter, "click", function () {
+                var li = document.getElementsByTagName("li");
+                for (var i = 0; i < li.length; i++) {
+                    if (li[i].className.indexOf("pass") > -1) {
+                        li[i].style.display = filter.checked ? "none" : "";
+                    }
+                }
+            });
+            toolbar.appendChild(filter);
+
+            var label = document.createElement("label");
+            label.setAttribute("for", "qunit-filter-pass");
+            label.innerHTML = "Hide passed tests";
+            toolbar.appendChild(label);
+
+            var missing = document.createElement("input");
+            missing.type = "checkbox";
+            missing.id = "qunit-filter-missing";
+            missing.disabled = true;
+            addEvent(missing, "click", function () {
+                var li = document.getElementsByTagName("li");
+                for (var i = 0; i < li.length; i++) {
+                    if (li[i].className.indexOf("fail") > -1 && li[i].innerHTML.indexOf('missing test - untested code is broken code') > -1) {
+                        li[i].parentNode.parentNode.style.display = missing.checked ? "none" : "block";
+                    }
+                }
+            });
+            toolbar.appendChild(missing);
+
+            label = document.createElement("label");
+            label.setAttribute("for", "qunit-filter-missing");
+            label.innerHTML = "Hide missing tests (untested code is broken code)";
+            toolbar.appendChild(label);
+        }
+
+        var main = id('main');
+        if (main) {
+            config.fixture = main.innerHTML;
+        }
+
+        if (window.jQuery) {
+            config.ajaxSettings = window.jQuery.ajaxSettings;
+        }
+
+        QUnit.start();
+    });
+
+    function done() {
+        if (config.doneTimer && window.clearTimeout) {
+            window.clearTimeout(config.doneTimer);
+            config.doneTimer = null;
+        }
+
+        if (config.queue.length) {
+            config.doneTimer = window.setTimeout(function () {
+                if (!config.queue.length) {
+                    done();
+                } else {
+                    synchronize(done);
+                }
+            }, 13);
+
+            return;
+        }
+
+        config.autorun = true;
+
+        // Log the last module results
+        if (config.currentModule) {
+            QUnit.moduleDone(config.currentModule, config.moduleStats.bad, config.moduleStats.all);
+        }
+
+        var banner = id("qunit-banner"),
+            tests = id("qunit-tests"),
+            html = ['Tests completed in ',
+                +new Date - config.started, ' milliseconds.<br/>',
+                '<span class="passed">', config.stats.all - config.stats.bad, '</span> tests of <span class="total">', config.stats.all, '</span> passed, <span class="failed">', config.stats.bad, '</span> failed.'].join('');
+
+        if (banner) {
+            banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass");
+        }
+
+        if (tests) {
+            var result = id("qunit-testresult");
+
+            if (!result) {
+                result = document.createElement("p");
+                result.id = "qunit-testresult";
+                result.className = "result";
+                tests.parentNode.insertBefore(result, tests.nextSibling);
+            }
+
+            result.innerHTML = html;
+        }
+
+        QUnit.done(config.stats.bad, config.stats.all, failedDetail);
+    }
+
+    function validTest(name) {
+        var i = config.filters.length,
+            run = false;
+
+        if (!i) {
+            return true;
+        }
+
+        while (i--) {
+            var filter = config.filters[i],
+                not = filter.charAt(0) == '!';
+
+            if (not) {
+                filter = filter.slice(1);
+            }
+
+            if (name.indexOf(filter) !== -1) {
+                return !not;
+            }
+
+            if (not) {
+                run = true;
+            }
+        }
+
+        return run;
+    }
+
+    function push(result, actual, expected, message) {
+        message = message || (result ? "okay" : "failed");
+        QUnit.ok(result, result ? message + ": " + expected : message + ", expected: " + QUnit.jsDump.parse(expected) + " result: " + QUnit.jsDump.parse(actual));
+    }
+
+    function synchronize(callback) {
+        config.queue.push(callback);
+
+        if (config.autorun && !config.blocking) {
+            process();
+        }
+    }
+
+    function process() {
+        while (config.queue.length && !config.blocking) {
+            config.queue.shift()();
+        }
+    }
+
+    function saveGlobal() {
+        config.pollution = [];
+
+        if (config.noglobals) {
+            for (var key in window) {
+                config.pollution.push(key);
+            }
+        }
+    }
+
+    function checkPollution(name) {
+        var old = config.pollution;
+        saveGlobal();
+
+        var newGlobals = diff(old, config.pollution);
+        if (newGlobals.length > 0) {
+            ok(false, "Introduced global variable(s): " + newGlobals.join(", "));
+            config.expected++;
+        }
+
+        var deletedGlobals = diff(config.pollution, old);
+        if (deletedGlobals.length > 0) {
+            ok(false, "Deleted global variable(s): " + deletedGlobals.join(", "));
+            config.expected++;
+        }
+    }
+
+// returns a new Array with the elements that are in a but not in b
+    function diff(a, b) {
+        var result = a.slice();
+        for (var i = 0; i < result.length; i++) {
+            for (var j = 0; j < b.length; j++) {
+                if (result[i] === b[j]) {
+                    result.splice(i, 1);
+                    i--;
+                    break;
+                }
+            }
+        }
+        return result;
+    }
+
+    function fail(message, exception, callback) {
+        if (typeof console !== "undefined" && console.error && console.warn) {
+            console.error(message);
+            console.error(exception);
+            console.warn(callback.toString());
+
+        } else if (window.opera && opera.postError) {
+            opera.postError(message, exception, callback.toString);
+        }
+    }
+
+    function extend(a, b) {
+        for (var prop in b) {
+            a[prop] = b[prop];
+        }
+
+        return a;
+    }
+
+    function addEvent(elem, type, fn) {
+        if (elem.addEventListener) {
+            elem.addEventListener(type, fn, false);
+        } else if (elem.attachEvent) {
+            elem.attachEvent("on" + type, fn);
+        } else {
+            fn();
+        }
+    }
+
+    function id(name) {
+        return !!(typeof document !== "undefined" && document && document.getElementById) &&
+            document.getElementById(name);
+    }
+
+// Test for equality any JavaScript type.
+// Discussions and reference: http://philrathe.com/articles/equiv
+// Test suites: http://philrathe.com/tests/equiv
+// Author: Philippe Rathé <prathe@gmail.com>
+    QUnit.equiv = function () {
+
+        var innerEquiv; // the real equiv function
+        var callers = []; // stack to decide between skip/abort functions
+
+
+        // Determine what is o.
+        function hoozit(o) {
+            if (QUnit.is("String", o)) {
+                return "string";
+
+            } else if (QUnit.is("Boolean", o)) {
+                return "boolean";
+
+            } else if (QUnit.is("Number", o)) {
+
+                if (isNaN(o)) {
+                    return "nan";
+                } else {
+                    return "number";
+                }
+
+            } else if (typeof o === "undefined") {
+                return "undefined";
+
+                // consider: typeof null === object
+            } else if (o === null) {
+                return "null";
+
+                // consider: typeof [] === object
+            } else if (QUnit.is("Array", o)) {
+                return "array";
+
+                // consider: typeof new Date() === object
+            } else if (QUnit.is("Date", o)) {
+                return "date";
+
+                // consider: /./ instanceof Object;
+                //           /./ instanceof RegExp;
+                //          typeof /./ === "function"; // => false in IE and Opera,
+                //                                          true in FF and Safari
+            } else if (QUnit.is("RegExp", o)) {
+                return "regexp";
+
+            } else if (typeof o === "object") {
+                return "object";
+
+            } else if (QUnit.is("Function", o)) {
+                return "function";
+            } else {
+                return undefined;
+            }
+        }
+
+        // Call the o related callback with the given arguments.
+        function bindCallbacks(o, callbacks, args) {
+            var prop = hoozit(o);
+            if (prop) {
+                if (hoozit(callbacks[prop]) === "function") {
+                    return callbacks[prop].apply(callbacks, args);
+                } else {
+                    return callbacks[prop]; // or undefined
+                }
+            }
+        }
+
+        var callbacks = function () {
+
+            // for string, boolean, number and null
+            function useStrictEquality(b, a) {
+                if (b instanceof a.constructor || a instanceof b.constructor) {
+                    // to catch short annotaion VS 'new' annotation of a declaration
+                    // e.g. var i = 1;
+                    //      var j = new Number(1);
+                    return a == b;
+                } else {
+                    return a === b;
+                }
+            }
+
+            return {
+                "string":useStrictEquality,
+                "boolean":useStrictEquality,
+                "number":useStrictEquality,
+                "null":useStrictEquality,
+                "undefined":useStrictEquality,
+
+                "nan":function (b) {
+                    return isNaN(b);
+                },
+
+                "date":function (b, a) {
+                    return hoozit(b) === "date" && a.valueOf() === b.valueOf();
+                },
+
+                "regexp":function (b, a) {
+                    return hoozit(b) === "regexp" &&
+                        a.source === b.source && // the regex itself
+                        a.global === b.global && // and its modifers (gmi) ...
+                        a.ignoreCase === b.ignoreCase &&
+                        a.multiline === b.multiline;
+                },
+
+                // - skip when the property is a method of an instance (OOP)
+                // - abort otherwise,
+                //   initial === would have catch identical references anyway
+                "function":function () {
+                    var caller = callers[callers.length - 1];
+                    return caller !== Object &&
+                        typeof caller !== "undefined";
+                },
+
+                "array":function (b, a) {
+                    var i;
+                    var len;
+
+                    // b could be an object literal here
+                    if (!(hoozit(b) === "array")) {
+                        return false;
+                    }
+
+                    len = a.length;
+                    if (len !== b.length) { // safe and faster
+                        return false;
+                    }
+                    for (i = 0; i < len; i++) {
+                        if (!innerEquiv(a[i], b[i])) {
+                            return false;
+                        }
+                    }
+                    return true;
+                },
+
+                "object":function (b, a) {
+                    var i;
+                    var eq = true; // unless we can proove it
+                    var aProperties = [], bProperties = []; // collection of strings
+
+                    // comparing constructors is more strict than using instanceof
+                    if (a.constructor !== b.constructor) {
+                        return false;
+                    }
+
+                    // stack constructor before traversing properties
+                    callers.push(a.constructor);
+
+                    for (i in a) { // be strict: don't ensures hasOwnProperty and go deep
+
+                        aProperties.push(i); // collect a's properties
+
+                        if (!innerEquiv(a[i], b[i])) {
+                            eq = false;
+                        }
+                    }
+
+                    callers.pop(); // unstack, we are done
+
+                    for (i in b) {
+                        bProperties.push(i); // collect b's properties
+                    }
+
+                    // Ensures identical properties name
+                    return eq && innerEquiv(aProperties.sort(), bProperties.sort());
+                }
+            };
+        }();
+
+        innerEquiv = function () { // can take multiple arguments
+            var args = Array.prototype.slice.apply(arguments);
+            if (args.length < 2) {
+                return true; // end transition
+            }
+
+            return (function (a, b) {
+                if (a === b) {
+                    return true; // catch the most you can
+                } else if (a === null || b === null || typeof a === "undefined" || typeof b === "undefined" || hoozit(a) !== hoozit(b)) {
+                    return false; // don't lose time with error prone cases
+                } else {
+                    return bindCallbacks(a, callbacks, [b, a]);
+                }
+
+                // apply transition with (1..n) arguments
+            })(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length - 1));
+        };
+
+        return innerEquiv;
+
+    }();
+
+    /**
+     * jsDump
+     * Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
+     * Licensed under BSD (http://www.opensource.org/licenses/bsd-license.php)
+     * Date: 5/15/2008
+     * @projectDescription Advanced and extensible data dumping for Javascript.
+     * @version 1.0.0
+     * @author Ariel Flesler
+     * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
+     */
+    QUnit.jsDump = (function () {
+        function quote(str) {
+            return '"' + str.toString().replace(/"/g, '\\"') + '"';
+        }
+
+        ;
+        function literal(o) {
+            return o + '';
+        }
+
+        ;
+        function join(pre, arr, post) {
+            var s = jsDump.separator(),
+                base = jsDump.indent(),
+                inner = jsDump.indent(1);
+            if (arr.join)
+                arr = arr.join(',' + s + inner);
+            if (!arr)
+                return pre + post;
+            return [ pre, inner + arr, base + post ].join(s);
+        }
+
+        ;
+        function array(arr) {
+            var i = arr.length, ret = Array(i);
+            this.up();
+            while (i--)
+                ret[i] = this.parse(arr[i]);
+            this.down();
+            return join('[', ret, ']');
+        }
+
+        ;
+
+        var reName = /^function (\w+)/;
+
+        var jsDump = {
+            parse:function (obj, type) { //type is used mostly internally, you can fix a (custom)type in advance
+                var parser = this.parsers[ type || this.typeOf(obj) ];
+                type = typeof parser;
+
+                return type == 'function' ? parser.call(this, obj) :
+                    type == 'string' ? parser :
+                        this.parsers.error;
+            },
+            typeOf:function (obj) {
+                var type;
+                if (obj === null) {
+                    type = "null";
+                } else if (typeof obj === "undefined") {
+                    type = "undefined";
+                } else if (QUnit.is("RegExp", obj)) {
+                    type = "regexp";
+                } else if (QUnit.is("Date", obj)) {
+                    type = "date";
+                } else if (QUnit.is("Function", obj)) {
+                    type = "function";
+                } else if (QUnit.is("Array", obj)) {
+                    type = "array";
+                } else if (QUnit.is("Window", obj) || QUnit.is("global", obj)) {
+                    type = "window";
+                } else if (QUnit.is("HTMLDocument", obj)) {
+                    type = "document";
+                } else if (QUnit.is("HTMLCollection", obj) || QUnit.is("NodeList", obj)) {
+                    type = "nodelist";
+                } else if (/^\[object HTML/.test(Object.prototype.toString.call(obj))) {
+                    type = "node";
+                } else {
+                    type = typeof obj;
+                }
+                return type;
+            },
+            separator:function () {
+                return this.multiline ? this.HTML ? '<br />' : '\n' : this.HTML ? '&nbsp;' : ' ';
+            },
+            indent:function (extra) {// extra can be a number, shortcut for increasing-calling-decreasing
+                if (!this.multiline)
+                    return '';
+                var chr = this.indentChar;
+                if (this.HTML)
+                    chr = chr.replace(/\t/g, '   ').replace(/ /g, '&nbsp;');
+                return Array(this._depth_ + (extra || 0)).join(chr);
+            },
+            up:function (a) {
+                this._depth_ += a || 1;
+            },
+            down:function (a) {
+                this._depth_ -= a || 1;
+            },
+            setParser:function (name, parser) {
+                this.parsers[name] = parser;
+            },
+            // The next 3 are exposed so you can use them
+            quote:quote,
+            literal:literal,
+            join:join,
+            //
+            _depth_:1,
+            // This is the list of parsers, to modify them, use jsDump.setParser
+            parsers:{
+                window:'[Window]',
+                document:'[Document]',
+                error:'[ERROR]', //when no parser is found, shouldn't happen
+                unknown:'[Unknown]',
+                'null':'null',
+                undefined:'undefined',
+                'function':function (fn) {
+                    var ret = 'function',
+                        name = 'name' in fn ? fn.name : (reName.exec(fn) || [])[1];//functions never have name in IE
+                    if (name)
+                        ret += ' ' + name;
+                    ret += '(';
+
+                    ret = [ ret, this.parse(fn, 'functionArgs'), '){'].join('');
+                    return join(ret, this.parse(fn, 'functionCode'), '}');
+                },
+                array:array,
+                nodelist:array,
+                arguments:array,
+                object:function (map) {
+                    var ret = [ ];
+                    this.up();
+                    for (var key in map)
+                        ret.push(this.parse(key, 'key') + ': ' + this.parse(map[key]));
+                    this.down();
+                    return join('{', ret, '}');
+                },
+                node:function (node) {
+                    var open = this.HTML ? '&lt;' : '<',
+                        close = this.HTML ? '&gt;' : '>';
+
+                    var tag = node.nodeName.toLowerCase(),
+                        ret = open + tag;
+
+                    for (var a in this.DOMAttrs) {
+                        var val = node[this.DOMAttrs[a]];
+                        if (val)
+                            ret += ' ' + a + '=' + this.parse(val, 'attribute');
+                    }
+                    return ret + close + open + '/' + tag + close;
+                },
+                functionArgs:function (fn) {//function calls it internally, it's the arguments part of the function
+                    var l = fn.length;
+                    if (!l) return '';
+
+                    var args = Array(l);
+                    while (l--)
+                        args[l] = String.fromCharCode(97 + l);//97 is 'a'
+                    return ' ' + args.join(', ') + ' ';
+                },
+                key:quote, //object calls it internally, the key part of an item in a map
+                functionCode:'[code]', //function calls it internally, it's the content of the function
+                attribute:quote, //node calls it internally, it's an html attribute value
+                string:quote,
+                date:quote,
+                regexp:literal, //regex
+                number:literal,
+                'boolean':literal
+            },
+            DOMAttrs:{//attributes to dump from nodes, name=>realName
+                id:'id',
+                name:'name',
+                'class':'className'
+            },
+            HTML:true, //if true, entities are escaped ( <, >, \t, space and \n )
+            indentChar:'   ', //indentation unit
+            multiline:true //if true, items in a collection, are separated by a \n, else just a space.
+        };
+
+        return jsDump;
+    })();
+
+})(this);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/tools.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/tools.js
new file mode 100644
index 000000000..1c7aca2d4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/js/tools.js
@@ -0,0 +1,108 @@
+var testingElement = {}, te = testingElement;
+te.log = function( url ) {
+    var img = new Image(),
+        key = 'tangram_sio_log_' + Math.floor( Math.random() * 2147483648 ).toString( 36 );
+
+    // 这里一定要挂在window下
+    // 在IE中，如果没挂在window下，这个img变量又正好被GC的话，img的请求会abort
+    // 导致服务器收不到日志
+    window[key] = img;
+
+    img.onload = img.onerror = img.onabort = function() {
+        // 下面这句非常重要
+        // 如果这个img很不幸正好加载了一个存在的资源，又是个gif动画
+        // 则在gif动画播放过程中，img会多次触发onload
+        // 因此一定要清空
+        img.onload = img.onerror = img.onabort = null;
+
+        window[key] = null;
+
+        // 下面这句非常重要
+        // new Image创建的是DOM，DOM的事件中形成闭包环引用DOM是典型的内存泄露
+        // 因此这里一定要置为null
+        img = null;
+    };
+
+    // 一定要在注册了事件之后再设置src
+    // 不然如果图片是读缓存的话，会错过事件处理
+    // 最后，对于url最好是添加客户端时间来防止缓存
+    // 同时服务器也配合一下传递Cache-Control: no-cache;
+    img.src = url;
+};
+
+(function() {
+    function mySetup() {
+        /*使用注意，由于实现机理的原因，SendKeyboard方法不能在调试状态下使用
+         （应该会导致寻找句柄和编辑器区域错误），关掉调试页面即可正常使用*/
+        te.presskey = function( funkey, charkey ) {
+            /*必须取到最顶层的窗口的名称，要不然取不到句柄*/
+            var title = top.document.getElementsByTagName( 'title' )[0].innerHTML;
+            var plugin = document.getElementById( 'plugin' );
+            var browser = ua.getBrowser();
+//            if(browser=='maxIE'){
+//                title+=' - 傲游浏览器 3.1.5.1000';
+//            }
+            /*ie需要先触发一次空的*/
+            if ( browser != "ie9" )
+                plugin.sendKeyborad( browser, title, "null", "" );
+            plugin.sendKeyborad( browser, title, funkey, charkey );
+        };
+        te.setClipData = function( pasteData ) {
+            /*必须取到最顶层的窗口的名称，要不然取不到句柄*/
+            var title = top.document.getElementsByTagName( 'title' )[0].innerHTML;
+            var plugin = document.getElementById( 'plugin' );
+            var browser = ua.getBrowser();
+            plugin.setClipboard( browser, title, pasteData );
+        };
+        te.dom = [];
+        te.obj = [];
+    }
+
+    function myTeardown() {
+        if ( te ) {
+            if ( te.dom && te.dom.length ) {
+                for ( var i = 0; i < te.dom.length; i++ )
+                    if ( te.dom[i] && te.dom[i].parentNode )
+                        te.dom[i].parentNode.removeChild( te.dom[i] );
+            }
+        }
+    }
+
+    var s = QUnit.testStart, e = QUnit.testDone, ms = QUnit.moduleStart, me = QUnit.moduleEnd, d = QUnit.done;
+    QUnit.testStart = function() {
+        mySetup();
+        s.apply( this, arguments );
+        ;
+    };
+    QUnit.testDone = function() {
+        e.call( this, arguments );
+        myTeardown();
+    };
+    // QUnit.moduleStart = function() {
+    // var h = setInterval(function() {
+    // if (window && window['baidu'] && window.document && window.document.body)
+    // {
+    // clearInterval(h);
+    // start();
+    // }
+    // }, 20);
+    // stop();
+    // ms.apply(this, arguments);;
+    // };
+    // QUnit.moduleEnd = function() {
+    // me.call(this, arguments);
+    // };
+    // QUnit.done = function(fail,total) {
+    // // d.call(this, arguments);
+    // d(fail,total);
+    // };
+})();
+
+// function Include(src) {
+// var url = "http://"
+// + location.host
+// + location.pathname.substring(0, location.pathname.substring(1)
+// .indexOf('/') + 1);
+// document.write("<script type='text/javascript' src='" + url
+// + "/src/Import.php?f=" + src + "'></script>");
+// }
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/lib/Staf.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/lib/Staf.php
new file mode 100644
index 000000000..4420c7bc2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/lib/Staf.php
@@ -0,0 +1,58 @@
+<?php
+include 'StafResult.php';
+
+class Staf{
+	public static function handle($src, $cmd, $host='local'){
+		$_cmd = "staf $host $src $cmd";
+
+		//print $_cmd;
+		exec($_cmd, $back);
+		return StafResult::parse($back);
+	}
+
+	public static function process($cmd, $host='local'){
+		return self::handle('process', $cmd, $host);
+	}
+
+	/**
+	 * START [SHELL [<Shell>]] COMMAND <Command> [PARMS <Parms>]
+	 * @param $path
+	 * @param $params
+	 * @param $host
+	 */
+	public static function process_start($path, $params, $host='local', $wait=false){
+		$cmd = "start shell command \\\"\"$path\"\\\" parms \\\"\"$params\"\\\"";
+		if($wait){
+			$cmd.=" wait returnstdout returnstderr";
+		}
+		return self::process($cmd, $host);
+	}
+
+	/**
+	 * STOP  <ALL CONFIRM | WORKLOAD <Name> | HANDLE <Handle>> [USING <Method>]
+	 * @param unknown_type $handle
+	 * @param unknown_type $host
+	 */
+	public static function process_stop($handle, $host='local', $all=0){
+		$cmd = $all ? "STOP ALL CONFIRM":"STOP HANDLE $handle";		
+		return self::process($cmd, $host);
+	}
+
+	public static function queryHandle($browser){
+		$filename = "temp\\$browser";		
+		if(file_exists($filename)){
+			$handle = file_get_contents($filename);				
+			delete($filename);
+			return $handle;
+		}
+		return false;
+	}
+
+	public static function saveHandle($browser){
+		$filename = "temp\\$browser";
+		$fp = fopen($filename, 'w');
+		fwrite($fp, 'test');
+		fclose($fp);
+	}
+}
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/lib/StafResult.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/lib/StafResult.php
new file mode 100644
index 000000000..6942dd16b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/lib/StafResult.php
@@ -0,0 +1,20 @@
+<?php
+
+class StafResult{
+	public $rc;
+	public $info;
+
+	public function StafResult($rc, $info){
+		$this->rc = $rc;
+		$this->info = $info;
+	}
+
+	public function __toString()
+	{
+		return "return code : ".$rc.", return info : ".$info."\n";
+	}
+
+	public static function parse($result){
+		return new StafResult(0, $result);
+	}
+}?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/list.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/list.php
new file mode 100644
index 000000000..27b0450bb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/list.php
@@ -0,0 +1,78 @@
+<?php
+header( "Content-type: text/html; charset=utf-8" );
+//被测&统计概率的部分
+$filter = array_key_exists( 'filter' , $_GET ) ? $_GET[ 'filter' ] : '*';
+//跑的用例
+$filterRun = array_key_exists( 'filterRun' , $_GET ) ? $_GET[ 'filterRun' ] : $filter;
+$quirk = array_key_exists( 'quirk' , $_GET );
+if ( !$quirk ) {
+    ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+    <?php } ?>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>Ueditor Test Index Page</title>
+    <script type="text/javascript" src="js/jquery-1.5.1.js"></script>
+    <script type="text/javascript" src="js/testrunner.js"></script>
+    <script type="text/javascript" src="js/tools.js"></script>
+    <script type="text/javascript" src="js/UserAction.js"></script>
+    <script type="text/javascript" src="js/run.js"></script>
+    <!--    <script type="text/javascript" src="js/log4js.js"></script>-->
+    <link media="screen" href="css/tangramtest.css" type="text/css"
+          rel="stylesheet"/>
+</head>
+<body>
+<div id="title">
+    <h1>Ueditor Test Index Page</h1>
+
+    <p>
+        <a href="http://ueditor.baidu.com">ueditor</a>
+    </p>
+</div>
+
+<!--浏览器插件，可调用windows api-->
+<div>
+    <object id="plugin" type="application/x-plugintest" width="1" height="1">
+        <param name="onload" value="pluginLoaded"/>
+    </object>
+</div>
+
+<div id="id_control" class="control">
+    <input id="id_control_runnext" type="checkbox"/>自动下一个<input
+        id="id_control_breakonerror" type="checkbox"/>出错时终止<input
+        id="id_control_clearstatus" type="button" value="清除用例状态"
+        onclick="$('.testlist a').removeClass('running_case pass_case fail_case');"/>
+</div>
+<div>
+    <a id="id_testlist_status" class="button"> <span
+            onclick="$('div#id_testlist').slideToggle('slow');"> 折叠用例 </span> </a>
+    <a id="id_srconly" class="button"><span
+            onclick="$('#id_showSrcOnly').slideToggle('slow');">折叠缺失</span> </a>
+    <a id="id_srconly" class="button"><span
+            onclick="$('#id_runningarea').slideToggle('slow');">折叠执行</span> </a>
+</div>
+<div id="id_rerun" onclick="run($('#id_rerun').html());return false;"></div>
+<div style="clear: both"></div>
+<div id="id_testlist" class="testlist">
+<?php
+    /*分析所有源码与测试代码js文件一一对应的文件并追加到当前列表中*/
+    require_once "case.class.php";
+    Kiss::listcase( $filter ,$filterRun );
+    ?>
+    <div style="clear: both; overflow: hidden"></div>
+</div>
+<div id="id_runningarea" class="runningarea"
+     style="border: solid; display: none"></div>
+<div id="id_reportarea" class="reportarea" style="display: none;"></div>
+<div class='clear'></div>
+<div id="id_showSrcOnly" class="testlist" style="display: none;">
+<?php
+    require_once "case.class.php";
+    //if(array_key_exists("showsrconly", $_GET))
+    Kiss::listSrcOnly( true );
+    ?>
+    <div class="clear"></div>
+</div>
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/log.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/log.php
new file mode 100644
index 000000000..cf43ba0c5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/log.php
@@ -0,0 +1,45 @@
+<?php
+header( "Content-type: text/html; charset=utf-8" );
+date_default_timezone_set('PRC');
+
+$loginfo = $_GET[ 'loginfo' ];
+$detail = $_GET['detail'];
+$fail = $_GET[ 'fail' ];
+$nextCase = $_GET['next'];
+
+$date = date( 'Y-m-d' );
+$browser = getBrowser();
+
+$tmpLog = $browser.'--- '.date('H:i:s  ').$loginfo."下一个用例:$nextCase";
+if ( $fail == 'true' ) {
+    $failHandle = fopen( "log/$date--fail.txt" , "a" );
+    fwrite( $failHandle , iconv("UTF-8", "GBK", $tmpLog . "\n" ));
+    fwrite( $failHandle , iconv("UTF-8", "GBK", "detail:\n".str_replace("\\n","\n",$detail)."\n" ) );
+    fclose( $failHandle );
+}
+/*$handle = fopen( "log/$date.txt" , "a" );
+
+fwrite( $handle ,  $tmpLog. "\n" );
+fwrite( $handle , "detail:\n".str_replace("\\n","\n",$detail)."\n" );
+fclose( $handle );*/
+function getBrowser(){
+    if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 9.0"))
+		$browser = "Internet Explorer 9.0";
+	else if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 8.0"))
+		$browser = "Internet Explorer 8.0";
+	else if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 7.0"))
+		$browser = "Internet Explorer 7.0";
+	else if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 6.0"))
+		$browser = "Internet Explorer 6.0";
+	else if(strpos($_SERVER["HTTP_USER_AGENT"],"Firefox"))
+		$browser = "Firefox";
+	else if(strpos($_SERVER["HTTP_USER_AGENT"],"Chrome"))
+		$browser = "Google Chrome";
+	else if(strpos($_SERVER["HTTP_USER_AGENT"],"Safari"))
+		$browser = "Safari";
+	else if(strpos($_SERVER["HTTP_USER_AGENT"],"Opera"))
+		$browser = "Opera";
+	else 	$browser =  $_SERVER["HTTP_USER_AGENT"];
+    return $browser;
+}
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/mail.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/mail.php
new file mode 100644
index 000000000..be79bed14
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/mail.php
@@ -0,0 +1,113 @@
+<?php
+/**
+ * 
+ * @author: peng.shan <peng.shan@happyelements.com>
+ * @version $Id: mail.php 156323 2011-11-28 02:57:21Z peng.shan $
+ */
+class Mail {
+	function send_mail($to,$subject = "",$body = "") {
+		//error_reporting(E_STRICT);
+		date_default_timezone_set("Asia/Shanghai");//设定时区东八区
+		require_once('../libs/phpmailer/class.phpmailer.php');
+		include("../libs/phpmailer/class.pop3.php");
+		$mail             = new PHPMailer(); //new一个PHPMailer对象出来
+		$body             = str_replace("[\]",'',$body); //对邮件内容进行必要的过滤
+		$mail->CharSet ="UTF-8";//设定邮件编码，默认ISO-8859-1，如果发中文此项必须设置，否则乱码
+//		$mail->IsSMTP(); // 设定使用SMTP服务
+//		$mail->SMTPDebug  = 1;                     // 启用SMTP调试功能
+											   // 1 = errors and messages
+											   // 2 = messages only
+		$mail->SMTPAuth   = true;                  // 启用 SMTP 验证功能
+		$mail->SMTPSecure = "ssl";                 // 安全协议
+		$mail->Host       = "MAILBOX03.internal.baidu.com";      // SMTP 服务器
+		$mail->Port       = 465;                   // SMTP服务器的端口号
+		$mail->Username   = "zhuwemxuan";  // SMTP服务器用户名
+		$mail->Password   = "Zwx19840818";            // SMTP服务器密码
+		$mail->SetFrom('zhuewnxuan@baidu.com', '朱文轩');
+		$mail->AddReplyTo("zhuwenxuan@baidu.com","邮件回复人的名称");
+		$mail->Subject    = $subject;
+		$mail->AltBody    = "To view the message, please use an HTML compatible email viewer! - From www.jiucool.com"; // optional, comment out and test
+		$mail->MsgHTML($body);
+		$address = $to;
+		$mail->AddAddress($address, "收件人名称");
+		if(!$mail->Send()) {
+			echo "Mailer Error: " . $mail->ErrorInfo;
+		} else {
+			echo "Message sent!恭喜，邮件发送成功！";
+        }
+    }
+    function new_send_mail(){
+        mail("zhuwenxuan@baidu.com","asdfasdf","asdfasdf");
+//        require_once('../libs/phpmailer/class.phpmailer.php');
+//        $mail = new PHPMailer();
+//        $body             = "asdfdsf";
+//        $body             = str_replace("[\]",'',$body);
+//        $mail->SMTPAuth   = true;                  // 启用 SMTP 验证功能
+//        $mail->SMTPSecure = "ssl";                 // 安全协议
+//        $mail->IsSMTP();
+//        $mail->CharSet='UTF-8';
+//        $mail->SMTPDebug = 2;
+//        $mail->Host     = 'smtp.baidu.com';
+//        $mail->Port = 25;
+//        $mail->Username = "zhuwenxuan@baidu.com";
+//        $mail->Password = "Zwx19840818";
+//        $mail->SetFrom('zhuwenxuan@baidu.com', 'First Last');
+//
+//        $mail->AddReplyTo("zhuwen_xuan@126.com","First Last");
+//
+//        $mail->Subject    = "PHPMailer Test Subject via POP before SMTP, basic";
+//
+//        $mail->AltBody    = "To view the message, please use an HTML compatible email viewer!"; // optional, comment out and test
+//
+//        $mail->MsgHTML($body);
+//
+//        $address = "zhuwen_xuan@126.com";
+//        $mail->AddAddress($address, "John Doe");
+//        if(!$mail->Send()) {
+//          echo "Mailer Error: " . $mail->ErrorInfo;
+//        } else {
+//          echo "Message sent!";
+//        }
+    }
+
+    function sendMain126(){
+        require_once('../libs/phpmailer/class.phpmailer.php');
+        $mail = new PHPMailer();
+        $body             = "asdfdsf";
+        $body             = str_replace("[\]",'',$body);
+        $mail->SMTPAuth   = true;                  // 启用 SMTP 验证功能
+        $mail->SMTPSecure = "ssl";                 // 安全协议
+        $mail->IsSMTP();
+        $mail->CharSet='UTF-8';
+        $mail->SMTPDebug = 2;
+        $mail->Host     = 'smtp.126.com';
+        $mail->Port = 465;
+        $mail->Username = "zhuwen_xuan@126.com";
+        $mail->Password = "zwx19840818";
+        $mail->SetFrom('zhuwen_xuan@126.com', 'First Last');
+
+        $mail->AddReplyTo("zhuwenxuan@baidu.com","First Last");
+
+        $mail->Subject    = "PHPMailer Test Subject via POP before SMTP, basic";
+
+        $mail->AltBody    = "To view the message, please use an HTML compatible email viewer!"; // optional, comment out and test
+
+        $mail->MsgHTML($body);
+
+        $address = "zhuwenxuan@baidu.com";
+        $mail->AddAddress($address, "John Doe");
+        if(!$mail->Send()) {
+          echo "Mailer Error: " . $mail->ErrorInfo;
+        } else {
+          echo "Message sent!";
+        }
+    }
+
+}
+$m = new Mail();
+$m->new_send_mail();
+
+
+
+
+    
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/read.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/read.php
new file mode 100644
index 000000000..4fb5a2f72
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/read.php
@@ -0,0 +1,12 @@
+<?php
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-9-25
+ * Time: 下午3:15
+ * To change this template use File | Settings | File Templates.
+ */
+//echo $_POST['name'];
+echo file_get_contents($_POST['name']);
+//echo file_get_contents('test.txt');
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/record.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/record.php
new file mode 100644
index 000000000..883860ad9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/record.php
@@ -0,0 +1,95 @@
+<?php
+/**
+ * 追加接口参数，支持过滤成功用例
+ * @param unknown_type $onlyfails
+ */
+function interXML($onlyfails) {
+	if(!file_exists('report.xml'))
+	return array();
+    $xmlFile = simpleXML_load_file("report.xml");
+	$caseList = array ();
+    foreach($xmlFile->testsuite as $testsuite){
+		foreach ($testsuite->testcase as $testResult) {
+			//			$totalCov = 0;
+			$browser =strval( $testResult['browserInfo']);
+			$host = strval($testResult['hostInfo']);
+			$caseName = strval($testResult['name']);
+			$fail = strval($testResult['failNumber']);
+			$total = strval($testResult['totalNumber']);
+			$cov = strval($testResult['cov']);
+                        $recordCovForBrowser = strval($testResult['recordCovForBrowser']);
+		if (!array_key_exists($caseName, $caseList)) { //如果这个用例不存在
+				$caseInfo = array (
+					'hostInfo' => $host,
+					'fail' => $fail,
+					'total' => $total,
+					'cov' => $cov,
+                    'recordCovForBrowser' => $recordCovForBrowser
+				);
+				//				$totalCov += $cov;
+				$caseList[$caseName] = array (
+				$browser => $caseInfo//,
+				//				'totalCov'=>$totalCov
+				);
+				//				$caseList['totalCov'] = $totalCov;
+			} else { //否则添加到相应的用例中去
+				$foundCase = $caseList[$caseName]; //找到用例名称对应的array，$caseName为key
+				if (!array_key_exists($browser, $foundCase)) { //如果没有该浏览器信息，则添加
+					//					$totalCov += $cov;
+					$caseList[$caseName][$browser] = array (
+						'hostInfo' => $host,
+						'fail' => $fail,
+						'total' => $total,
+						'cov' => $cov,
+                        'recordCovForBrowser' => $recordCovForBrowser
+					);
+					//					$caseList[$caseName]['totalCov'] = $totalCov;
+				} else {
+					$foundBrowser = $foundCase[$browser]; //有这个浏览器
+					array_push($foundBrowser, array (
+						'hostInfo' => $host,
+						'fail' => $fail,
+						'total' => $total,
+						'cov' => $cov,
+                        'recordCovForBrowser' => $recordCovForBrowser
+					));
+				}
+			}
+
+		}
+	}
+
+	//根据需求添加仅记录失败情况的接口
+	if($onlyfails){//如果仅考虑失败情况，此处根据用例情况过滤
+		foreach($caseList as $name => $info){
+			$all_success = true;//记录当前用例是否全部运行成功
+			foreach($info as $b => $result){
+				if($result['fail'] > 0)
+				$all_success = false;//如果有失败情况则终止循环并进入下一个用例分析
+				break;
+			}
+			//if($all_success) //如果全部通过则从记录中移除
+			//unset($caseList[$name]);
+		}
+	}
+	return $caseList;
+}
+
+function record()
+{
+//    require_once 'geneXML.php';
+    /*如果全部运行完毕，发送邮件*/
+    $kissList = interXML(false);
+    require_once 'geneHTML.php';
+    if (sizeof($kissList) > 0) {
+        //针对kissList过滤，移除全部正确用例
+        $html = geneHTML($kissList);
+        $report = 'report.html';
+	    $handle = fopen("$report", "w");
+	    fwrite($handle, $html);
+	    fclose($handle);
+//        require_once 'geneHistory.php';
+//        geneHistory($html);
+    }
+}
+?>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/report.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/report.php
new file mode 100644
index 000000000..5162a8487
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/report.php
@@ -0,0 +1,158 @@
+<?php
+    error_reporting(E_ERROR|E_WARNING);
+//经常碰到傲游和IE6同时完成的情况，如何处理比较合适？
+//TODO add php info in xml
+if (substr_count($_POST['config'], "browser") == 0) {
+    echo "report only create if browser is set\n\r<br />";
+    return;
+}
+
+
+function match($fileName, $matcher )
+{
+    if ( $matcher == '*' )
+        return true;
+    $len = strlen( $matcher );
+
+
+    $as = explode( ';' , $matcher );
+    if ( sizeof( $as ) > 1 ) {
+
+        //这里把或的逻辑改成与
+        foreach ( $as as $matcher1 ) {
+            if ( match($fileName, $matcher1 ) )
+                return true;
+        }
+        return false;
+    }
+    $ms = explode( ',' , $matcher );
+    if ( sizeof( $ms ) > 1 ) {
+        //这里把或的逻辑改成与
+        foreach ( $ms as $matcher1 ) {
+            if ( !match($fileName, $matcher1 ) )
+                return false;
+        }
+        return true;
+    }
+
+    /**
+     * 处理反向选择分支
+     */
+    if ( substr( $matcher , 0 , 1 ) == '!' ) {
+        $m = substr( $matcher , 1 );
+        if ( substr( $fileName , 0 , strlen( $m ) ) == $m )
+            return false;
+        return true;
+    }
+
+    if ( $len > strlen( $fileName ) ) {
+        return false;
+    }
+    return substr( $fileName , 0 , $len ) == $matcher;
+}
+function report()
+{
+    /**
+     * for junit report
+     */
+    $dom = new DOMDocument('1.0', 'utf-8');
+    $suite = $dom->appendChild($dom->createElement('testsuite'));
+    $cfg = preg_split('/[&=]/', $_POST['config']);
+    $config = array();
+    for ($i = 0; $i < sizeof($cfg); $i += 2) {
+        //	echo "{$cfg[$i]} {$cfg[$i+1]}\r\n<br />";
+        $config[$cfg[$i]] = $cfg[$i + 1];
+        $p = $suite->appendChild($dom->createElement("property"));
+
+        $p->setAttribute('name', $cfg[$i]);
+        $p->setAttribute('value', $cfg[$i + 1]);
+
+    }
+    $suite->setAttribute("name", $config['browser']);
+    $errors = 0;
+    $failures = 0;
+    $tests = 0;
+    $time = 0;
+    $filter = $config['filterRun'];
+    foreach ($_POST as $key => $value) {
+        if ($key == 'config')
+            continue;
+        echo $key.'        ';
+        $info = explode(";", $value);
+
+        if ($filter!='' && (!match($key,$filter))){
+            continue;
+        }
+        //errornum + ',' + allnum + ','+ kissPerc || 0 + ',' + wb.kissstart + ','+ wb.kissend;
+        $casetime = ($info[4] - $info[3]) / 1000;
+        $time += $casetime;
+        $tests++;
+        $failure = (int)($info[0]);
+        $case = $suite->appendChild($dom->createElement('testcase'));
+        $case->setAttribute("name", str_replace('_','.',$key));
+        $case->setAttribute("time", $casetime);
+        $case->setAttribute("cov", $info[2]);
+        $case->setAttribute('failNumber', $info[0]);
+        $case->setAttribute('totalNumber', $info[1]);
+        $case->setAttribute('recordCovForBrowser',$info[5]);
+        $case->setAttribute('browserInfo', $config['browser']);
+        $case->setAttribute('hostInfo', Config::$BROWSERS[$config['browser']][0]);
+        //            covHtml( $config[ 'browser' ] . '/' . $key , $info[ 2 ] );
+        if ($failure > 0) {
+            $failures++;
+            $failinfo = $case->appendChild($dom->createElement('failure'));
+            $failinfo->setAttribute('type', 'junit.framework.AssertionFailedError');
+            //FROM php.net, You cannot simply overwrite $textContent, to replace the text content of a DOMNode, as the missing readonly flag suggests.
+            $kiss = join(".", split("/", $key));
+            //                $failinfo->appendChild( new DOMText( $value ) );
+            $failinfo->appendChild(new DOMText("<a href=\"http://10.48.31.90:8089/ueditor/_test/tools/br/run.php?case=$kiss\">run</a>"));
+        }
+        //TODO add more case info in xml
+    }
+
+    $suite->setAttribute('time', $time);
+    $suite->setAttribute('failures', $failures);
+    $suite->setAttribute('tests', $tests);
+
+//    $dirName = "report_{$config['filter']}";
+    $dirName = str_replace('/','_',"report_{$config['filter']}");
+    if (!is_dir($dirName))
+        mkdir($dirName);
+    $dom->save($dirName."/{$config['browser']}.xml");
+}
+include 'config.php';
+$config;
+$configs = preg_split('/[&=]/', $_POST['config']);
+for ($j = 0; $j < sizeof($configs); $j += 2) {
+    //	echo "{$cfg[$i]} {$cfg[$i+1]}\r\n<br />";
+//    if(strcmp($configs[$j],'browserSet')==0){
+        $config[$configs[$j]] = $configs[$j + 1];
+//    }
+
+}
+report();
+
+$dom = new DOMDocument('1.0', 'utf-8');
+$testsuites = $dom->appendChild($dom->createElement('testsuites'));
+$dirName = str_replace('/','_',"report_{$config['filter']}");
+foreach (Config::getBrowserSet($configBrowserSet) as $key => $value) {
+
+    $file = $dirName."/$key.xml";
+    if (!file_exists($file)) {
+        echo "wait for report : $file\r\n<br />";
+        return;
+    }
+//    Config::StopOne($key);
+    $xmlDoc = new DOMDocument('1.0', 'utf-8');
+    $xmlDoc->load($file);
+    $xmlDom = $xmlDoc->documentElement;
+    //echo $xmlDom->nodeName;
+    $testsuites->appendChild($dom->importNode($xmlDom, true));
+}
+$dom->save("report.xml");
+$browserNum = count(Config::getBrowserSet($configBrowserSet));
+require_once 'record.php';
+record();
+
+Config::StopAll();
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/run.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/run.php
new file mode 100644
index 000000000..2d355eba5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/run.php
@@ -0,0 +1,46 @@
+<?php
+header( "Content-type: text/html; charset=utf-8" );
+header( "Cache-Control: no-cache, max-age=10, must-revalidate" );
+if ( !array_key_exists( 'quirk' , $_GET ) ) {
+    print '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">';
+}
+;
+require_once "case.class.php";
+$c = new Kiss( '../../../' , $_GET[ 'case' ] );
+$title = $c->name;
+$cov = array_key_exists( 'cov' , $_GET );
+?>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title><?php print( "run case $title" );?></title>
+    <?php $c->print_js( $cov ); ?>
+</head>
+<body>
+<h1 id="qunit-header"><?php print( $c->name );?></h1>
+
+<h2 id="qunit-banner"></h2>
+
+<h2 id="qunit-userAgent"></h2>
+<ol id="qunit-tests"></ol>
+<script type="text/javascript">
+    /**捕获所有页面的异常，当有异常时如果是关于用例执行完毕还有对editor的调用这种情况，一律忽略，其他照常抛异常**/
+    window.onerror = function( e ) {
+        msg1 = "Uncaught TypeError: Cannot call method 'select' of null";
+        msg2 = "Uncaught TypeError: Cannot call method 'getSelection' of undefined";
+        msg3 = "'sourceEditor' 为空或不是对象";
+        msg4 = "未指明的错误。";
+        if ( e != msg1 && e != msg2 && e.indexOf( msg3 ) < 0 && e != msg4 ) {
+//            throw new Error( e );
+        } else {
+            return true;
+        }
+    };
+</script>
+<div>
+    <object id="plugin" type="application/x-plugintest" width="1" height="1">
+        <param name="onload" value="pluginLoaded"/>
+    </object>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/runC.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/runC.php
new file mode 100644
index 000000000..3671cbb81
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/runC.php
@@ -0,0 +1,46 @@
+<?php
+header( "Content-type: text/html; charset=utf-8" );
+header( "Cache-Control: no-cache, max-age=10, must-revalidate" );
+if ( !array_key_exists( 'quirk' , $_GET ) ) {
+    print '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">';
+}
+;
+require_once "case.class.php";
+$c = new Kiss( '../../../' , $_GET[ 'case' ] );
+$title = $c->name;
+$cov = array_key_exists( 'cov' , $_GET );
+?>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title><?php print( "run case $title" );?></title>
+    <?php $c->print_all_js( $cov ); ?>
+</head>
+<body>
+<h1 id="qunit-header"><?php print( $c->name );?></h1>
+
+<h2 id="qunit-banner"></h2>
+
+<h2 id="qunit-userAgent"></h2>
+<ol id="qunit-tests"></ol>
+<script type="text/javascript">
+    /**��������ҳ����쳣�������쳣ʱ����ǹ�������ִ����ϻ��ж�editor�ĵ������������һ�ɺ��ԣ������ճ����쳣**/
+    window.onerror = function( e ) {
+        msg1 = "Uncaught TypeError: Cannot call method 'select' of null";
+        msg2 = "Uncaught TypeError: Cannot call method 'getSelection' of undefined";
+        msg3 = "'sourceEditor' Ϊ�ջ��Ƕ���";
+        msg4 = "δָ���Ĵ���";
+        if ( e != msg1 && e != msg2 && e.indexOf( msg3 ) < 0 && e != msg4 ) {
+//            throw new Error( e );
+        } else {
+            return true;
+        }
+    };
+</script>
+<div>
+    <object id="plugin" type="application/x-plugintest" width="1" height="1">
+        <param name="onload" value="pluginLoaded"/>
+    </object>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/runall.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/runall.php
new file mode 100644
index 000000000..b1cf61e5e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/runall.php
@@ -0,0 +1,119 @@
+<?php
+
+/**
+ * 依赖winrar和wget
+ */
+
+require 'config.php';
+require_once './coverage/jscov.php';
+/**
+ * 考虑单浏览器执行入口，从config提取浏览器ip信息，通过staf启动用例的执行
+ * @param $b
+ * @param $filter
+ * @param $debug
+ */
+$count = 0;
+function run( $b , $debug = false )
+{
+    $browser = Config::$BROWSERS[ $b ];
+    $host = $debug ? 'localhost' : $browser[ 0 ];
+    $path = $debug
+            ? 'C:\\Documents and Settings\\shenlixia01\\Local Settings\\Application Data\\Google\Chrome\\Application\\chrome.exe'
+            : $browser[ 1 ];
+    $browserSet = array_key_exists( 'browserSet' , $_GET )?"^&browserSet=".$_GET[ 'browserSet' ]:'';
+
+    $url = "http://" . $_SERVER[ 'SERVER_ADDR' ] . ( $debug ? "" : ":8089" )
+           . substr( $_SERVER[ 'PHP_SELF' ] , 0 , -11 ) . "/list.php?batchrun=true^&browser=$b".$browserSet;
+    if ( !array_key_exists( "ci" , $_GET ) )
+        $url .= "^&mail=true";
+
+    if(array_key_exists(  "filter" , $_GET  )){
+        $filterR = array_key_exists( $b , $_GET )?$_GET[$b]:$_GET['filter'];
+        if(strstr($b,'main')||strstr($b,'supp')){
+            $url .= "^&filterRun={$filterR}^&filter={$_GET['filter']}";
+        }else {
+            $url .= "^&filterRun={$_GET['filter']}^&filter={$_GET['filter']}";
+
+        }
+    }
+
+//    if( $b!='ie6') {
+        if ( array_key_exists( 'cov' , $_GET ) )
+            $url .= "^&cov={$_GET['cov']}";
+//    }
+    //	else
+    //	$url .= "^&cov=true";
+print $url;
+    if ( $b == 'baidu' ) {
+        $url = "--'$url'";
+    }
+
+    require_once 'lib/Staf.php';
+    $result = Staf::process_start( $path , $url , $host );
+    return $result;
+}
+
+function delDirAndFile( $dirName )
+{
+    if ( $handle = opendir( "$dirName" ) ) {
+        while ( false !== ( $item = readdir( $handle ) ) ) {
+            if ( $item != "." && $item != ".." ) {
+                if ( is_dir( "$dirName/$item" ) ) {
+                    delDirAndFile( "$dirName/$item" );
+                } else {
+                    if ( unlink( "$dirName/$item" ) ) echo "成功删除文件： $dirName/$item<br />\n";
+                }
+            }
+        }
+        closedir( $handle );
+        if ( rmdir( $dirName ) ) echo "成功删除目录： $dirName<br />\n";
+    }
+}
+
+if ( array_key_exists( 'clear' , $_GET ) ) {
+    print 'debug - clear report';
+    //Config::StopAll();
+    if ( file_exists( 'report' ) )
+        delDirAndFile( 'report' );
+}
+$reportfile = "report_{$_GET['filter']}";
+if ( file_exists( $reportfile ) ) {
+    //	rmdir('report');
+    $reports = scandir( $reportfile );
+    /*自己和父节点*/
+    print 'on batch run, please waiting : ' . ( sizeof( $reports ) - 2 );
+    return;
+} else {
+    mkdir( $reportfile );
+}
+
+if ( file_exists( "./coverage/source.js" ) ) {
+    if ( unlink( "./coverage/source.js" ) ) echo "成功删除文件：source.js";
+}
+source();
+
+if ( file_exists( "covreport.html" ) ) {
+    if ( unlink( "covreport.html" ) ) echo "成功删除覆盖率报告文件： covreport.html<br />\n";
+}
+if ( file_exists( "jshintReport.html" ) ) {
+    if ( unlink( "jshintReport.html" ) ) echo "成功删除: jshintReport.html<br />\n";
+}
+exec("python ../lib/jshunter_1.2.0.1/jshunter_dev/jshunter/hint.py jshintReport.html ../../../_src", $back);
+echo "jshint: ".$back."<br />\n";
+/*记录运行时信息*/
+$b = array_key_exists( 'browser' , $_GET ) ? $_GET[ 'browser' ] : 'all';
+
+//if ( array_key_exists( 'cov' , $_GET ) ){
+
+
+if ( $b != 'all' ) {
+    run( $b , true );
+} else {
+    Config::StopAll(); //添加启动前结束浏览器步骤
+    $browsers = array_key_exists( 'browserSet' , $_GET )?Config::getBrowserSet($_GET[ 'browserSet' ]):Config::$BROWSERS;
+    foreach ( $browsers as $b => $i ) {
+        run( $b );
+        sleep(40);
+    }
+}
+?>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test1_1.txt b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test1_1.txt
new file mode 100644
index 000000000..2814efbfe
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test1_1.txt
@@ -0,0 +1,76 @@
+<p>
+    <p class="MsoNormal">
+        欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <p class="MsoNormal">
+        <span style="font-family:黑体;">欢迎使用<span lang="EN-US">ueditor!</span>
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="MsoNormal">
+        <span style="font-family:楷体_gb2312;">欢迎使用<span lang="EN-US">ueditor!</span>
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="MsoNormal">
+        <span style="font-size:19px;">欢迎使用</span><span lang="EN-US" style="font-size:19px;">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <h1>
+        欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </h1>
+    <p class="MsoNormal">
+        <b><i><u>欢迎<sup>使用</sup><sub><span lang="EN-US">ueditor!</span></sub><span lang="EN-US">
+                        <o:p>
+                        </o:p></span></u></i></b>
+    </p>
+    <p class="MsoNormal">
+        <span lang="EN-US"> </span>
+    </p>
+    <p class="MsoNormal">
+        <span style="color:red;background-image:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:yellow;background-position:initial initial;background-repeat:initial initial;">欢迎使用</span><span lang="EN-US" style="color:red;background:yellow;mso-highlight:yellow">ueditor!</span><span lang="EN-US" style="color:red">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="MsoNormal">
+        <span lang="EN-US"> </span>
+    </p>
+    <p class="MsoNormal" align="center" style="text-align:center">
+        欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <p class="MsoNormal">
+        <span lang="EN-US"> </span>
+    </p>
+    <p class="MsoListParagraph" style="text-indent:-28px;mso-char-indent-count:0;mso-list:l1 level1 lfo1;margin-left:28px;">
+        <!--[if !supportLists]--><span lang="EN-US">1.<span style="font-family:&#39;times new roman&#39;;font-size:9px;">        
+</span></span><!--[endif]-->欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <p class="MsoListParagraph" style="text-indent:-28px;mso-char-indent-count:0;mso-list:l1 level1 lfo1;margin-left:28px;">
+        <!--[if !supportLists]--><span lang="EN-US">2.<span style="font-family:&#39;times new roman&#39;;font-size:9px;">        
+</span></span><!--[endif]-->欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <p class="MsoNormal">
+        <span lang="EN-US"> </span>
+    </p>
+    <p class="MsoListParagraph" style="text-indent:-28px;mso-char-indent-count:0;mso-list:l0 level1 lfo2;margin-left:28px;">
+        <!--[if !supportLists]--><span lang="EN-US" style="font-family:wingdings;">l<span style="font-family:&#39;times new roman&#39;;font-size:9px;">  </span></span><!--[endif]-->欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <p class="MsoListParagraph" style="text-indent:-28px;mso-char-indent-count:0;mso-list:l0 level1 lfo2;margin-left:28px;">
+        <!--[if !supportLists]--><span lang="EN-US" style="font-family:wingdings;">l<span style="font-family:&#39;times new roman&#39;;font-size:9px;">  </span></span><!--[endif]-->欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+</p>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test1_2.txt b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test1_2.txt
new file mode 100644
index 000000000..34ebd9f70
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test1_2.txt
@@ -0,0 +1,38 @@
+<p>
+    <p class="MsoNormal">
+        <span lang="EN-US"> </span>
+    </p>
+    <p class="MsoNormal" style="mso-para-;margin-left:1.0gd;">
+        欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <p class="MsoNormal">
+        <span lang="EN-US"> </span>
+    </p>
+    <p class="MsoNormal" style="line-height:250%">
+        欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <p class="MsoNormal" style="line-height:250%">
+        欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <p class="MsoNormal" style="line-height:250%">
+        欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <p class="MsoNormal" style="text-align:justify;text-justify:distribute-all-lines">
+        欢迎使用<span lang="EN-US">ueditor!</span>
+        <o:p>
+        </o:p>
+    </p>
+    <p class="MsoNormal">
+        <span class="MsoIntenseReference">欢迎使用<span lang="EN-US">ueditor!
+                <o:p>
+                </o:p></span></span>
+    </p>
+</p>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test1_3.txt b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test1_3.txt
new file mode 100644
index 000000000..81a09424b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test1_3.txt
@@ -0,0 +1,65 @@
+<table class="MsoTableGrid" border="1" cellspacing="0" cellpadding="0" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; ">
+ <tbody><tr>
+  <td width="189" valign="top" style="width:142.0pt;border:solid windowtext 1.0pt;
+  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt">
+  <p class="MsoNormal">欢迎使用<span lang="EN-US">ueditor!</span><o:p></o:p></p>
+  </td>
+  <td width="189" valign="top" style="width:142.05pt;border:solid windowtext 1.0pt;
+  border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+  solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt">
+  <p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>
+  </td>
+  <td width="189" valign="top" style="width:142.05pt;border:solid windowtext 1.0pt;
+  border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+  solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt">
+  <p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>
+  </td>
+ </tr>
+ <tr>
+  <td width="189" valign="top" style="width:142.0pt;border:solid windowtext 1.0pt;
+  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+  padding:0cm 5.4pt 0cm 5.4pt">
+  <p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>
+  </td>
+  <td width="189" valign="top" style="width:142.05pt;border-top:none;border-left:
+  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt">
+  <p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>
+  </td>
+  <td width="189" valign="top" style="width:142.05pt;border-top:none;border-left:
+  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt">
+  <p class="MsoNormal">欢迎使用<span lang="EN-US">ueditor!</span><o:p></o:p></p>
+  </td>
+ </tr>
+</tbody></table>
+
+<p class="MsoNormal"><span lang="EN-US"><!--[if gte vml 1]><v:shapetype
+ id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t"
+ path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
+ <v:stroke joinstyle="miter"/>
+ <v:formulas>
+  <v:f eqn="if lineDrawn pixelLineWidth 0"/>
+  <v:f eqn="sum @0 1 0"/>
+  <v:f eqn="sum 0 0 @1"/>
+  <v:f eqn="prod @2 1 2"/>
+  <v:f eqn="prod @3 21600 pixelWidth"/>
+  <v:f eqn="prod @3 21600 pixelHeight"/>
+  <v:f eqn="sum @0 0 1"/>
+  <v:f eqn="prod @6 1 2"/>
+  <v:f eqn="prod @7 21600 pixelWidth"/>
+  <v:f eqn="sum @8 21600 0"/>
+  <v:f eqn="prod @7 21600 pixelHeight"/>
+  <v:f eqn="sum @10 21600 0"/>
+ </v:formulas>
+ <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
+ <o:lock v:ext="edit" aspectratio="t"/>
+</v:shapetype><v:shape id="图片_x0020_1" o:spid="_x0000_i1025" type="#_x0000_t75"
+ style='width:275.25pt;height:109.5pt;visibility:visible;mso-wrap-style:square'>
+ <v:imagedata src="file:///C:\DOCUME~1\lisisi01\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.png"
+  o:title=""/>
+</v:shape><![endif]--><!--[if !vml]--><img width="367" height="146" src="file:///C:/DOCUME~1/lisisi01/LOCALS~1/Temp/msohtmlclip1/01/clip_image001.png" v:shapes="图片_x0020_1"><!--[endif]--></span><span lang="EN-US"><o:p></o:p></span></p>
+
+<p class="MsoNormal"><span lang="EN-US"><a href="file:///C:/Documents%20and%20Settings/lisisi01/%E6%A1%8C%E9%9D%A2/www.baidu.com">www.baidu.com</a><o:p></o:p></span></p>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test2_1.txt b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test2_1.txt
new file mode 100644
index 000000000..a918d07de
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test2_1.txt
@@ -0,0 +1,57 @@
+<p>
+    <p class="p0" style="margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;font-family:黑体;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;黑体&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;楷体_gb2312&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;楷体_gb2312&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;font-family:calibri;">欢迎使用<font face="Calibri">ueditor!</font></span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <h1 style="margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:29px;font-family:calibri;">欢迎使用<font face="Calibri">ueditor! </font></span><span style="font-size:29px;">
+            <o:p>
+            </o:p></span>
+    </h1>
+    <p class="p0" style="margin-bottom:0px;margin-top:0px;">
+        <span style="font-weight:bold;text-decoration:underline;font-style:italic;font-size:16px;vertical-align:super;">欢迎</span><span style="font-weight:bold;text-decoration:underline;font-style:italic;font-size:16px;vertical-align:sub;">使用</span><span style="font-weight:bold;text-decoration:line-through;font-style:italic;font-size:16px;">ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-weight:bold;text-decoration:line-through ;font-style:italic;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-weight:bold;text-decoration:underline ;font-style:italic;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="margin-bottom:0px;margin-top:0px;">
+        <span style="color:#0000ff;font-size:16px;background-image:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:#ffff00;background-position:initial initial;background-repeat:initial initial;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;color:#0000ff;font-size:14px;background:#ffff00;mso-highlight:#ffff00;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;color:#0000ff;font-size:14px;background:#ffff00;mso-highlight:#ffff00;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="text-align:center;margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="text-indent:28px;margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;">一、</span><span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="text-indent:28px;margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;">二、</span><span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="text-indent:-28px;margin-left:28px;margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;font-family:wingdings;">l </span><span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="text-indent:-28px;margin-left:28px;margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;font-family:wingdings;">l </span><span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+</p>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test2_2.txt b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test2_2.txt
new file mode 100644
index 000000000..36a45ee8f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test2_2.txt
@@ -0,0 +1,32 @@
+<p>
+    <p class="p0" style="margin-left:14px;margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="line-height:250%;margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="line-height:250%;margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="line-height:250%;margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="text-align:justify;text-justify:distribute-all-lines;margin-bottom:0px;margin-top:0px;">
+        <span style="font-size:16px;">欢迎使用ueditor!</span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;"> </span><span style="mso-spacerun:&#39;yes&#39;;font-size:14px;font-family:&#39;calibri&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+    <p class="p0" style="margin-bottom:0px;margin-top:0px;">
+        <span class="15" style="mso-spacerun:&#39;yes&#39;;color:#0000ff;text-decoration:underline ;font-size:13px;font-family:&#39;times new roman&#39;;">欢迎使用<span style="font-family:&#39;times new roman&#39;;">ueditor! </span></span><span class="15" style="mso-spacerun:&#39;yes&#39;;color:#0000ff;text-decoration:underline ;font-size:13px;font-family:&#39;times new roman&#39;;">
+            <o:p>
+            </o:p></span>
+    </p>
+</p>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test2_3.txt b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test2_3.txt
new file mode 100644
index 000000000..b26ec40b0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test2_3.txt
@@ -0,0 +1,156 @@
+<p>
+    <p class="MsoNormal" style="mso-para-;margin-left:1.0gd;">
+        <p class="MsoNormal">
+            <span lang="EN-US"> </span>
+        </p>
+        <table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" style="border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;">
+            <tr>
+                <td>
+
+
+                    <table>
+                        <tbody>
+                            <tr>
+                                <td>
+
+
+                                </td>
+                                <td width="189" valign="top" style="width:189px;border:solid #000 1px;mso-border-alt:solid #000 1px;padding:0cm 7px 0cm 7px">
+
+
+                                    <p class="MsoNormal">
+                                        欢迎使用<span lang="EN-US">ueditor!
+                                            <o:p>
+                                            </o:p></span>
+                                    </p>
+
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </td>
+                <td width="189" valign="top" style="width:189px;border:solid #000 1px;border-left:none;mso-border-left-alt:solid #000 1px;mso-border-alt:solid #000 1px;padding:0cm 7px 0cm 7px">
+
+
+                    <p class="MsoNormal">
+                        <span lang="EN-US"> </span>
+                    </p>
+
+                </td>
+            </tr>
+        </table>
+
+        <table>
+            <tbody>
+                <tr>
+                    <td width="189" valign="top" style="width:189px;border:solid #000 1px;border-left:none;mso-border-left-alt:solid #000 1px;mso-border-alt:solid #000 1px;padding:0cm 7px 0cm 7px">
+
+
+                        <p class="MsoNormal">
+                            <span lang="EN-US"> </span>
+                        </p>
+
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+        <table>
+            <tbody>
+                <tr>
+                    <td>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+        <table>
+            <tbody>
+                <tr>
+                    <td>
+
+
+                    </td>
+                    <td width="189" valign="top" style="width:189px;border:solid #000 1px;border-top:none;mso-border-top-alt:solid #000 1px;mso-border-alt:solid #000 1px;padding:0cm 7px 0cm 7px">
+
+
+                        <p class="MsoNormal">
+                            <span lang="EN-US"> </span>
+                        </p>
+
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+        <table>
+            <tbody>
+                <tr>
+                    <td width="189" valign="top" style="width:189px;border-top:none;border-left:none;border-bottom:solid #000 1px;border-right:solid #000 1px;mso-border-top-alt:solid #000 1px;mso-border-left-alt:solid #000 1px;mso-border-alt:solid #000 1px;padding:0cm 7px 0cm 7px">
+
+
+                        <p class="MsoNormal">
+                            <span lang="EN-US"> </span>
+                        </p>
+
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+        <table>
+            <tbody>
+                <tr>
+                    <td width="189" valign="top" style="width:189px;border-top:none;border-left:none;border-bottom:solid #000 1px;border-right:solid #000 1px;mso-border-top-alt:solid #000 1px;mso-border-left-alt:solid #000 1px;mso-border-alt:solid #000 1px;padding:0cm 7px 0cm 7px">
+
+
+                        <p class="MsoNormal">
+                            欢迎使用<span lang="EN-US">ueditor!
+                                <o:p>
+                                </o:p></span>
+                        </p>
+
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+        <table>
+            <tbody>
+                <tr>
+                    <td>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <p class="MsoNormal">
+            <span lang="EN-US"><!--[if gte vml 1]><v:shapetype id="_x0000_t75"
+ coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe"
+ filled="f" stroked="f">
+ <v:stroke joinstyle="miter"/>
+ <v:formulas>
+  <v:f eqn="if lineDrawn pixelLineWidth 0"/>
+  <v:f eqn="sum @0 1 0"/>
+  <v:f eqn="sum 0 0 @1"/>
+  <v:f eqn="prod @2 1 2"/>
+  <v:f eqn="prod @3 21600 pixelWidth"/>
+  <v:f eqn="prod @3 21600 pixelHeight"/>
+  <v:f eqn="sum @0 0 1"/>
+  <v:f eqn="prod @6 1 2"/>
+  <v:f eqn="prod @7 21600 pixelWidth"/>
+  <v:f eqn="sum @8 21600 0"/>
+  <v:f eqn="prod @7 21600 pixelHeight"/>
+  <v:f eqn="sum @10 21600 0"/>
+ </v:formulas>
+ <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
+ <o:lock v:ext="edit" aspectratio="t"/></v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:275.25pt;
+ height:109.5pt;mso-wrap-style:square;mso-position-horizontal-relative:page;
+ mso-position-vertical-relative:page'>
+ <v:imagedata src="file:///C:\DOCUME~1\lisisi01\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.png"
+  o:title=""/></v:shape><![endif]--><!--[if !vml]--><img width="367" height="146" src="file:///C:/DOCUME~1/lisisi01/LOCALS~1/Temp/msohtmlclip1/01/clip_image001.png" v:shapes="_x0000_i1025" /><!--[endif]-->
+                <o:p>
+                </o:p></span>
+        </p><span lang="EN-US" style="font-size:14px;mso-bidi-font-size:15px;font-family:&quot;calibri&quot;,&quot;sans-serif&quot;;mso-fareast-font-family:宋体;mso-bidi-font-family:黑体;mso-font-kerning:1px;mso-ansi-language:en-us;mso-fareast-language:zh-cn;mso-bidi-language:ar-sa"><a href="file:///C:/Documents%20and%20Settings/lisisi01/%E6%A1%8C%E9%9D%A2/www.baidu.com">www.baidu.com</a></span><br />
+    </p>
+</p>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test3_1.txt b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test3_1.txt
new file mode 100644
index 000000000..24bc0bd06
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/br/txt/test3_1.txt
@@ -0,0 +1,131 @@
+<!--[if gte mso 9]><xml>
+ <w:WordDocument>
+  <w:View>Normal</w:View>
+  <w:Zoom>0</w:Zoom>
+  <w:PunctuationKerning/>
+  <w:DrawingGridVerticalSpacing>7.8 磅</w:DrawingGridVerticalSpacing>
+  <w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery>
+  <w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery>
+  <w:ValidateAgainstSchemas/>
+  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
+  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
+  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
+  <w:Compatibility>
+   <w:SpaceForUL/>
+   <w:BalanceSingleByteDoubleByteWidth/>
+   <w:DoNotLeaveBackslashAlone/>
+   <w:ULTrailSpace/>
+   <w:DoNotExpandShiftReturn/>
+   <w:AdjustLineHeightInTable/>
+   <w:BreakWrappedTables/>
+   <w:SnapToGridInCell/>
+   <w:WrapTextWithPunct/>
+   <w:UseAsianBreakRules/>
+   <w:DontGrowAutofit/>
+   <w:UseFELayout/>
+  </w:Compatibility>
+  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
+ </w:WordDocument>
+</xml><![endif]--><!--[if gte mso 9]><xml>
+ <w:LatentStyles DefLockedState="false" LatentStyleCount="156">
+ </w:LatentStyles>
+</xml><![endif]--><!--[if gte mso 10]>
+<style>
+ /* Style Definitions */
+ table.MsoNormalTable
+	{mso-style-name:普通表格;
+	mso-tstyle-rowband-size:0;
+	mso-tstyle-colband-size:0;
+	mso-style-noshow:yes;
+	mso-style-parent:"";
+	mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
+	mso-para-margin:0cm;
+	mso-para-margin-bottom:.0001pt;
+	mso-pagination:widow-orphan;
+	font-size:10.0pt;
+	font-family:"Times New Roman";
+	mso-fareast-font-family:"Times New Roman";
+	mso-ansi-language:#0400;
+	mso-fareast-language:#0400;
+	mso-bidi-language:#0400;}
+table.MsoTableGrid
+	{mso-style-name:网格型;
+	mso-tstyle-rowband-size:0;
+	mso-tstyle-colband-size:0;
+	border:solid windowtext 1.0pt;
+	mso-border-alt:solid windowtext .5pt;
+	mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
+	mso-border-insideh:.5pt solid windowtext;
+	mso-border-insidev:.5pt solid windowtext;
+	mso-para-margin:0cm;
+	mso-para-margin-bottom:.0001pt;
+	text-align:justify;
+	text-justify:inter-ideograph;
+	mso-pagination:none;
+	font-size:10.0pt;
+	font-family:"Times New Roman";
+	mso-ansi-language:#0400;
+	mso-fareast-language:#0400;
+	mso-bidi-language:#0400;}
+</style>
+<![endif]-->
+
+<p class="MsoNormal"><span style="font-family:宋体;mso-ascii-font-family:&quot;Times New Roman&quot;;
+mso-hansi-font-family:&quot;Times New Roman&quot;">欢迎使用</span><span lang="EN-US">ueditor!</span></p>
+
+<p class="MsoNormal"><span style="font-family:宋体;mso-ascii-font-family:&quot;Times New Roman&quot;;
+mso-hansi-font-family:&quot;Times New Roman&quot;;color:red;background:yellow;mso-highlight:
+yellow">欢迎使用</span><span style="color:red;background:yellow;
+mso-highlight:yellow" lang="EN-US">ueditor!</span><span style="color:red" lang="EN-US"></span></p>
+
+<p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>
+
+<p class="MsoNormal" style="text-align:center" align="center"><span style="font-family:宋体;mso-ascii-font-family:&quot;Times New Roman&quot;;mso-hansi-font-family:
+&quot;Times New Roman&quot;">欢迎使用</span><span lang="EN-US">ueditor!</span></p>
+
+<p class="MsoNormal"><span style="font-family:宋体;mso-ascii-font-family:&quot;Times New Roman&quot;;
+mso-hansi-font-family:&quot;Times New Roman&quot;">欢迎使用</span><span lang="EN-US">ueditor!</span></p>
+
+<table class="MsoTableGrid" style="border-collapse:collapse;border:none;mso-border-alt:solid windowtext .5pt;
+ mso-yfti-tbllook:480;mso-padding-alt:0cm 5.4pt 0cm 5.4pt;mso-border-insideh:
+ .5pt solid windowtext;mso-border-insidev:.5pt solid windowtext" border="1" cellpadding="0" cellspacing="0">
+ <tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes">
+  <td style="width:142.0pt;border:solid windowtext 1.0pt;
+  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt" valign="top" width="189">
+  <p class="MsoNormal"><span style="font-family:宋体;mso-ascii-font-family:&quot;Times New Roman&quot;;
+  mso-hansi-font-family:&quot;Times New Roman&quot;">欢迎使用</span><span lang="EN-US">ueditor!</span></p>
+  </td>
+  <td style="width:142.05pt;border:solid windowtext 1.0pt;
+  border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+  solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt" valign="top" width="189">
+  <p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>
+  </td>
+  <td style="width:142.05pt;border:solid windowtext 1.0pt;
+  border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+  solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt" valign="top" width="189">
+  <p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>
+  </td>
+ </tr>
+ <tr style="mso-yfti-irow:1;mso-yfti-lastrow:yes;height:45.95pt">
+  <td style="width:142.0pt;border:solid windowtext 1.0pt;
+  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+  padding:0cm 5.4pt 0cm 5.4pt;height:45.95pt" valign="top" width="189">
+  <p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>
+  </td>
+  <td style="width:142.05pt;border-top:none;border-left:
+  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:45.95pt" valign="top" width="189">
+  <p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>
+  </td>
+  <td style="width:142.05pt;border-top:none;border-left:
+  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:45.95pt" valign="top" width="189">
+  <p class="MsoNormal"><span style="font-family:宋体;mso-ascii-font-family:&quot;Times New Roman&quot;;
+  mso-hansi-font-family:&quot;Times New Roman&quot;">欢迎使用</span><span lang="EN-US">ueditor!</span></p>
+  </td>
+ </tr>
+</tbody></table>
+
+<p class="MsoNormal"><span lang="EN-US">&nbsp;</span></p>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/coverage/cov.bat b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/coverage/cov.bat
new file mode 100644
index 000000000..3bc2d3f22
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/coverage/cov.bat
@@ -0,0 +1,2 @@
+@echo off
+jscoverage.exe --encoding=UTF-8 ../../../_src ../../coverage
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/coverage/jscoverage.exe b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/coverage/jscoverage.exe
new file mode 100644
index 000000000..1151644a1
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/coverage/jscoverage.exe differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/frame.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/frame.html
new file mode 100644
index 000000000..d5f7c5a3e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/frame.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<script type="text/javascript" src="../br/js/jquery-1.5.1.js"></script>
+</head>
+<body>
+</body>
+<script type="text/javascript">
+	parent.IFrameLoaded();
+</script>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/frame.php b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/frame.php
new file mode 100644
index 000000000..b5ec9a2f0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/frame.php
@@ -0,0 +1,16 @@
+<?php header("Content-type: text/html; charset=utf-8");
+?>
+<html>
+<head>
+<script type="text/javascript" src="../br/js/jquery-1.5.1.js"></script>
+<?php
+$release = preg_match('/release=true/i', $_SERVER['QUERY_STRING']);
+if($release == 0 && array_key_exists('f', $_GET))
+print "<script type='text/javascript' src='../br/import.php?f={$_GET['f']}'></script>";
+else
+print "<script type='text/javascript' src='../../../release/all_release.js'></script>";
+?>
+</head>
+<body>
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/test.JPG b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/test.JPG
new file mode 100644
index 000000000..68343f2d1
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/test.JPG differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/test.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/test.html
new file mode 100644
index 000000000..ff34eec49
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/test.html
@@ -0,0 +1,3 @@
+<html>
+<body></body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/testReady.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/testReady.html
new file mode 100644
index 000000000..27dcb3f17
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/data/testReady.html
@@ -0,0 +1,10 @@
+<html>
+<script src='../../../_test/tools/br/import.php?f=baidu.dom.ready' type="text/javascript"></script>
+<script type="text/javascript" src="../br/js/UserAction.js"></script>
+<script type="text/javascript">
+baidu.dom.ready(function(){
+	parent.window.iframeReady = true;
+});
+</script>
+<body></body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/ant_tangram_ext.jar b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/ant_tangram_ext.jar
new file mode 100644
index 000000000..4cd595a13
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/ant_tangram_ext.jar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/js.jar b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/js.jar
new file mode 100644
index 000000000..2369f99a9
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/js.jar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/check.cfg b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/check.cfg
new file mode 100644
index 000000000..ddff6ad9b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/check.cfg
@@ -0,0 +1,117 @@
+[option]
+asi = true
+#if automatic semicolon insertion should be tolerated
+bitwise = false
+#if bitwise operators should not be allowed
+boss = true
+# if advanced usage of assignments should be allowed
+browser= true
+# if the standard browser globals should be predefined
+couch  = true
+# if CouchDB globals should be predefined
+curly  = false
+# if curly braces around all blocks should be required
+debug  = false
+# if debugger statements should be allowed
+devel  = false
+# if logging globals should be predefined (console,alertetc.)
+dojo = false
+# if Dojo Toolkit globals should be predefined
+eqeqeq = false
+# if === should be required
+eqnull = false
+# if == null comparisons should be tolerated
+es5  = false
+# if ES5 syntax should be allowed
+esnext = false
+# if es.next specific syntax should be allowed
+evil = true
+# if eval should be allowed
+expr = true
+# if ExpressionStatement should be allowed as Programs
+forin  = false
+# if for in statements must filter
+funcscope = true
+# if only function scope should be used for scope tests
+globalstrict = true
+# if global "use strict"; should be allowed (also enables 'strict')
+immed  = false
+# if immediate invocations must be wrapped in parents
+iterator = true
+# if the `__iterator__` property should be allowed
+jquery = true
+# if jQuery globals should be predefined
+lastsemic = true
+# if semicolons may be ommitted for the trailing statements inside of a one-line blocks.
+latedef= true
+# if the use before definition should not be tolerated
+laxbreak = true
+# if line breaks should not be checked
+loopfunc = false
+# if functions should be allowed to be defined within loops
+mootools = true
+# if MooTools globals should be predefined
+multistr = true
+# allow multiline strings
+newcap = false
+# if constructor names must be capitalized
+noarg  = false
+# if arguments.caller and arguments.callee should be disallowed
+node = false
+# if the Node.js environment globals should be predefined
+noempty= false
+# if empty blocks should be disallowed
+nonew  = true
+# if using `new` for side-effects should be disallowed
+nonstandard  = true
+# if non-standard (but widely adopted) globals should be predefined
+nomen  = false
+# if names should be checked
+onevar = true
+# if only one var statement per function should be allowed
+onecase= true
+# if one case switch statements should be allowed
+passfail = false
+# if the scan should stop on first error
+plusplus = false
+# if increment/decrement should not be allowed
+proto = true
+# if the `__proto__` property should be allowed
+prototypejs = true
+# if Prototype and Scriptaculous globals should be predefined
+regexdash = true
+# if unescaped first/last dash (-) inside brackets should be tolerated
+regexp = true
+# if the . should not be allowed in regexp literals
+rhino  = true
+# if the Rhino environment globals should be predefined
+undef  = false
+# if variables should be declared before used
+scripturl    = true
+# if script-targeted URLs should be tolerated
+shadow = true
+# if variable shadowing should be tolerated
+strict = false
+# require the "use strict"; pragma
+sub  = true
+# if all forms of subscript notation are tolerated
+supernew = true
+# if `new function () { ... };` and `new Object;` should be tolerated
+trailing = false
+# if trailing whitespace rules apply
+validthis = true
+# if 'this' inside a non-constructor function is valid. This is a function scoped option only.
+white  = false
+# if strict whitespace rules apply
+wsh  = true  
+# if the Windows Scripting Host environment globals should be predefined
+[predef]
+baidu = true
+nuit = true
+Ext = true
+ko = true
+_ = true
+noah = true
+Noah = true
+Backbone = true
+WdatePicker = true
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/custcheck.conf b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/custcheck.conf
new file mode 100644
index 000000000..85cda0c46
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/custcheck.conf
@@ -0,0 +1 @@
+[command]
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/ignore.list b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/ignore.list
new file mode 100644
index 000000000..503cb6410
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/ignore.list
@@ -0,0 +1,14 @@
+#there 3 level:ignore warning error
+[level]
+Unsafe character=ignore
+Mixed spaces and tabs=warning
+Too many var statements=ignore
+Unclosed string=ignore
+Missing semicolon=error
+Unexpected dangling=ignore
+to compare with=ignore
+is not defined=ignore
+Unexpected dangling=ignore
+A constructor name should start with an uppercase letter=warning
+Expected an assignment or function call and instead saw an expression=warning
+Mixed spaces and tabs=ignore
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/omitfiles.conf b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/omitfiles.conf
new file mode 100644
index 000000000..2b6f42ee2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/conf/omitfiles.conf
@@ -0,0 +1,4 @@
+#[config format]:REGULAR:true|false,true means set filtering enabeld and false means not
+#notice:REGULAR will be set in the command "find /top/dir -name REGULAR"
+[omitfils]
+*data*:true
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/customcheck/cust.sh b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/customcheck/cust.sh
new file mode 100644
index 000000000..7c5482ffb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/customcheck/cust.sh
@@ -0,0 +1,3 @@
+#!/bin/bash
+
+echo $1'***222***444***555***666'
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/jshint/js.jar b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/jshint/js.jar
new file mode 100644
index 000000000..c081d16b8
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/jshint/js.jar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/jshint/jshint-rhino.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/jshint/jshint-rhino.js
new file mode 100644
index 000000000..c7c9b2ec0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/jshint/jshint-rhino.js
@@ -0,0 +1,89 @@
+/*jshint boss: true, rhino: true */
+/*globals JSHINT*/
+
+
+
+(function (args) {
+    var filenames = [],
+        optstr, // arg1=val1,arg2=val2,...
+        predef, // global1=override,global2,global3,...
+        opts   = { rhino: true },
+        retval = 0;
+    load(args[0]+"jshint.js");
+    
+    for(var i=1;i<args.length;i++) {
+    
+        
+        if (args[i].indexOf("=") > -1) {
+            //first time it's the options
+            if (!optstr) {
+                optstr = args[i];
+            } else if (!predef) {
+                predef = args[i];
+            }
+        } else {
+            filenames.push(args[i]);
+        
+        }
+    }
+
+    if (filenames.length === 0) {
+        print('Usage: jshint.js file.js');
+        quit(1);
+    }
+
+    if (optstr) {
+        optstr.split(',').forEach(function (arg) {
+            var o = arg.split('=');
+            opts[o[0]] = (function (ov) {
+                switch (ov) {
+                case 'true':
+                    return true;
+                case 'false':
+                    return false;
+                default:
+                    return ov;
+                }
+            }(o[1]));
+        });
+    }
+
+    if (predef) {
+        opts.predef = {};
+        predef.split(',').forEach(function (arg) {
+            var global = arg.split('=');
+            opts.predef[global[0]] = (function (override) {
+                return (override === 'false') ? false : true;
+            }(global[1]));
+        });
+    }
+
+    filenames.forEach(function (name) {
+
+        var input = readFile(name);
+
+        if (!input) {
+            print('jshint: Couldn\'t open file ' + name);
+            quit(1);
+        }
+
+        if (!JSHINT(input, opts)) {
+            for (var i = 0, err; err = JSHINT.errors[i]; i += 1) {
+                print(name+"***"+err.reason+"***"+err.line+"***"+err.character+"***"+err.evidence);
+				//print(err.reason + ' (' + name + ':' + err.line + ':' + err.character + ')');
+                //print('> ' + (err.evidence || '').replace(/^\s*(\S*(\s+\S+)*)\s*$/, "$1"));
+                //print('');
+				//print("===========");
+				//print(err.evidence);
+				//print(err.raw);
+				//print(err.a);
+				//print("===========");
+				//var myReport = JSHINT.report(false);
+				//print(myReport);
+            }
+            retval = 1;
+        }
+    });
+
+    quit(retval);
+}(arguments));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/tpl/htmlpart.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/tpl/htmlpart.html
new file mode 100644
index 000000000..51de2a626
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/tpl/htmlpart.html
@@ -0,0 +1,15 @@
+<table cellspacing="0" cellpadding="0" class="caption">
+	<tr><td class="text result_PASS"><a OnClick="javascript:toggle('file_{$fname}');">{$title}</a></td></tr>
+</table>
+<table class="separator"><tr><td></td></tr></table>
+<table cellspacing="0" cellpadding="0" class="table_wide" id="file_{$fname}" style="display:none" border="1">
+	<tr>
+		<th>ID</th>
+		<th>LEVEL</th>
+		<th>DESCRIPTION</th>
+		<th>LINE NO</th>
+		<th>CONTENT</th>
+	</tr>
+	[---to be replaced 2---]
+</table>
+<table class="separator"><tr><td></td></tr></table>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/tpl/toggle_tpl.html b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/tpl/toggle_tpl.html
new file mode 100644
index 000000000..ce857cd1a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/core/tpl/toggle_tpl.html
@@ -0,0 +1,324 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+<style>
+/* Common report properties.
+ * 
+ * Properties will be applied to all elements, 
+ */
+* {
+	font-family: Verdana, Tahoma, Arial;
+	font-style: normal;
+	font-weight: normal;
+	font-size: 12px;
+	padding : 0px;
+	margin : 0px;
+}
+
+a {
+	text-decoration:underline;
+	cursor: pointer;
+}
+
+/*
+ * Body properties
+ */
+body {
+	background-color : white;
+	margin-bottom : 13px;
+}
+
+p.wait {
+	font-family : Times;
+	font-size : 18px;
+	font-weight : bold;
+	padding : 5px;
+	/*text-align : center;*/
+}
+
+
+/**
+ * This propertie for all table in report
+ */
+table {
+	margin-left  : 11px;
+	margin-right : 11px;
+}
+
+/*
+ * 
+ */
+ table.report_caption{
+	margin-left  : auto;
+	margin-right : auto;
+	width:90%;
+ }
+table.report_caption tr td {
+	font-family: &#x5FAE;&#x8F6F;&#x96C5;&#x9ED1;,&#x9ED1;&#x4F53;,Arial;
+	font-size: 28px;
+	color: #5E7FA0;
+	width: 627px;
+	text-align:     center;    
+	vertical-align: bottom;
+	padding: 10px 15px 20px 8px;
+}
+
+/*  ------------------------------table_wide---------------------------------- */
+table.table_wide{
+	width:100%;
+	margin-left  : auto;
+	margin-right : auto;
+}
+/* common cell */
+table.table_wide tr th{
+    color: #333333;
+    background: #F1F1F1;
+    padding: 6px 10px 6px 10px;
+    border-left   : solid 1px #F7F7F7;
+    border-top    : solid 1px #FFFFFF;
+    border-right  : solid 1px #E4E4E4;
+    border-bottom : solid 1px #E4E4E4;
+    word-wrap	  : break-word;
+	width:70px;
+}
+
+table.table_wide tr td{
+   // color: #333333;
+    //background: #F1F1F1;
+    padding: 6px 10px 6px 10px;
+    border-left   : solid 1px #F7F7F7;
+    border-top    : solid 1px #FFFFFF;
+    border-right  : solid 1px #E4E4E4;
+    border-bottom : solid 1px #E4E4E4;
+    word-wrap	  : break-word;
+}
+
+/* header cell */
+table.table_wide tr.header td{
+    vertical-align : top;
+    font-size: 12px;
+    font-weight: bold;
+    color: #FFFFFF;
+    background: #9FB3CC;
+    border-right : solid 1px #809BB8;
+    border-left  : solid 1px #A9BFD7;
+    border-top : solid 1px #A9BFD7;
+    border-bottom : solid 1px #809BB8;
+    padding: 5px 12px 5px 12px;
+}
+
+table.caption td.result_PASS {
+   background : #9FB3CC;
+}
+
+
+
+/* ----------------------------caption---------------------------------*/
+
+table.caption {
+    //padding-left : 0px;
+    //padding-bottom : 0px;
+	width:100%;
+	margin-left  : auto;
+	margin-right : auto;
+}
+
+table.caption td.text {
+    //color: #366B61;
+    word-wrap : break-word;
+    height: 20px;
+    border-style : none;
+    padding : 6px 12px 6px 12px;
+    margin : 0px;
+}
+
+table.caption td.more {
+    color: #37597E;
+    background: white;
+    word-wrap	  : break-word;
+    height: 20px;
+    border-style : none dashed dashed dashed;
+    border-width : 1px;
+    padding : 0px 12px 0px 12px;
+    margin : 0px;
+}
+table.caption td a{
+	font: small-caps 400 10pt;
+}
+/*  ------------------------------pair_1---------------------------------- */
+table.pair_1 {
+    margin-top : 10px;
+	width:90%;
+	margin-left  : auto;
+	margin-right : auto;
+}
+
+table.pair_1 tr td.name {
+    font-weight: bold;
+    color: #333333;
+    text-align: left;
+    padding-bottom : 10px;
+	width:140px;
+}
+
+table.pair_1 tr td.value {
+    color: #333333;
+    padding-left: 2px;
+    padding-bottom : 10px;
+}
+
+
+/*  ---------------------------------caption_1----------------------------- */
+table.caption_1{
+	width:90%;
+	margin-left:auto;
+	margin-right:auto;
+}
+/*  -------------------------------separator_line--------------------------- */
+table.separator_line{
+	width : 90%;
+	margin-left  : auto;
+	margin-right : auto;
+}
+table.separator_line td {
+    height : 1px;
+    //width : 652px;
+	width : 700px;
+    background : #9FB3CC;
+    margin : 0;
+    padding : 0;
+    border-style : none;
+}
+
+/*  ------------------------------------note-------------------------------- */
+table.note tr.header td {
+    padding-top: 10px;
+    font-weight: bold;
+}
+
+table.note tr.text td {
+    padding-bottom: 6px;
+
+    font-family: Verdana, Tahoma, Arial;
+    font-size:11px;
+}
+</style>
+<title>JsHunter Check Report</title>
+
+<script type="text/javascript">
+
+function togglediv(divid,value){
+	if(divid && document.getElementById(divid))
+	{
+		if(value != "null")
+			document.getElementById(divid).style.display=value;
+		else
+			document.getElementById(divid).style.display="";
+	}
+}
+function showdiv(id){
+	var allcases = document.body.getElementsByTagName("div");
+	for(i = 1 ; i<allcases.length-2 ; i++){
+		togglediv("suite_"+i,"none");
+	}
+	togglediv("summary","none");
+	togglediv(id,"null");
+}
+function hidesuccess(suiteid){
+	var id = suiteid.substring(suiteid.lastIndexOf('_')+1);
+	var allcases = document.body.getElementsByTagName("table");
+	var re = new RegExp("case_"+id+"_[0-9]*_pass","i");
+	for (i=0; i<allcases.length ; i++ )
+	{
+		if (allcases[i].id.match(re)&&(document.getElementById(allcases[i].id).style.display!="none"))
+		{
+			document.getElementById(allcases[i].id).style.display="none";
+		}
+	}
+	return false;
+}
+function showall(suiteid){
+	var id = suiteid.substring(suiteid.lastIndexOf('_')+1);
+	var allcases = document.body.getElementsByTagName("table");
+	var re = new RegExp("case_"+id+"_[0-9]*_pass","i");
+	for (i=0; i<allcases.length ; i++ )
+	{
+		if (allcases[i].id.match(re)&&(document.getElementById(allcases[i].id).style.display=="none"))
+		{
+			document.getElementById(allcases[i].id).style.display="";
+		}
+	}
+	return false;
+}
+function toggle(id)
+{
+	document.getElementById(id).style.display = document.getElementById(id).style.display == "none" ? "":"none";
+	return false;
+}
+function openwindow(title, id, type)
+{
+	var content;
+	if(type=="text/html")
+	{
+		OpenWindow=window.open("", id, "height=768, width=1024,toolbar=no,scrollbars=yes,menubar=no,resizable=yes");
+		content = document.getElementById(id).value;
+		OpenWindow.document.write(content);
+		OpenWindow.document.close();
+	}
+	else
+	{
+		OpenWindow=window.open("", id, "height=600, width=800,toolbar=no,scrollbars=yes,menubar=no,resizable=yes");
+		content = document.getElementById(id).innerHTML;
+		OpenWindow.document.write("<TITLE>" + title + "</TITLE>");
+		OpenWindow.document.write("<BODY BGCOLOR=#ffffff>");
+		OpenWindow.document.write("<pre>" + content + "</pre>");
+		OpenWindow.document.write("</BODY>");
+		OpenWindow.document.write("</HTML>");
+		OpenWindow.document.close();
+	}
+}
+</script>
+
+</head>
+<body>
+	<table class="report_caption">
+		<tr>
+			<td>JSHunter Report</td>
+		</tr>
+	</table>
+	<table class="separator_line" cellspacing="0"><tr><td></td></tr></table>
+	<!--	SUMMARY		-->
+	<div id="summary" style="display:block;">
+		<table class="separator_line" cellspacing="0"><tr><td></td></tr></table>
+		
+		<table cellspacing="0" class="pair_1">
+			<tr>
+				<td class="name">TOTAL PROBLEM:</td>
+				<td class="value">{$pnumber}</td>
+			</tr>
+			<tr>
+				<td class="name">IGNORED:</td>
+				<td class="value">{$ignumber}</td>
+			</tr>
+			<tr>
+				<td class="name">ERROR:</td>
+				<td class="value">{$errnumber}</td>
+			</tr>
+			<tr>
+				<td class="name">WARNING:</td>
+				<td class="value">{$warnumber}</td>
+			</tr>
+			<tr>
+				<td class="name">DATA TIME:</td>
+				<td class="value">{$timeData}</td>
+			</tr>
+		</table>
+		<table class="separator_line" cellspacing="0"><tr><td></td></tr></table>
+		<p>&nbsp;</p>
+	</div>
+	<div style="width:90%;margin-left:auto;margin-right:auto;">
+	[---to be replace 1---]
+	</div>
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/hint.py b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/hint.py
new file mode 100644
index 000000000..cd9b718d6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/hint.py
@@ -0,0 +1,425 @@
+#!/usr/bin/python
+#encoding=utf-8
+import sys,os
+import ConfigParser
+import commands
+import time
+import codecs
+
+htmlMap = {}
+def processHtml(filename):
+	f = open(filename,"r")
+	if f is None:
+		raise Exception('open %s error!' % (filename))
+	newName = os.sep.join(os.path.abspath(__file__).split(os.sep)[:-1]) + os.sep + "core" + os.sep + "data"+os.sep+os.path.basename(filename) + "." + str(time.time())
+	#print newName
+	tmp = ""
+	flag=False
+	orig_num = 0
+	new_num = 0
+	for ln in f:
+		orig_num += 1
+		if ln.find("<script type=\"text/javascript\">") != -1 and ln.find("</script>") == -1:
+			flag=True
+			continue
+		if ln.find("<script type=\"text/javascript\">") != -1 and ln.find("</script>") != -1:
+			flag=False
+			continue
+		if ln.find("<script>") != -1 and ln.find("</script>") == -1:
+			flag=True
+			continue
+		if ln.find("<script>") != -1 and ln.find("</script>") != -1:
+			flag=False
+			continue
+		if ln.find("</script>") != -1:
+			flag=False
+			continue
+		if flag == True:
+			tmp += ln
+			new_num += 1
+			htmlMap[filename+os.sep+str(orig_num)]=newName + os.sep + str(new_num)
+	if tmp == "":
+		print ('[WARNING]file %s not contain js code' % (filename))
+		return ""
+	outfile = open(newName,"w")
+	if outfile is None:
+		raise Exception('open %s error!' % (newName))
+	outfile.write(tmp)
+	#print htmlMap
+	return newName
+
+def clearTmpFiles():
+	dels=[]
+	for key in htmlMap.keys():
+		fn =  os.sep.join(htmlMap[key].split(os.sep)[:-1])
+		if not fn in dels:
+			dels.append(fn)
+	#print dels
+	for item in dels:
+		os.remove(item)
+def isHiddenFile(path):
+	itms = path.split(os.sep)
+	for itm in itms:
+		if itm != "" and itm != "." and itm != ".." and itm[0]==".":
+			return True
+	return False
+'''
+@input
+a file (or a top dir) to be checked
+@process 
+recuresively read all the files of a dir.only support .html and .js.
+if it is a html file then we only check the code between <script></script>
+if it is a js file then we check all the code
+@return
+file(or folder) to be checked
+'''
+def getFiles(paths):
+	#print paths
+	ret = []
+	omitpath = os.path.dirname(__file__) + os.sep + "conf" + os.sep + "omitfiles.conf"
+	for path in paths:
+		path = path.rstrip(os.sep)
+		if not os.path.isdir(path):
+			omitfiles = getOmitedFiles(omitpath,os.sep.join(path.split(os.sep)[:-1])+os.sep)
+			if (os.path.getsize(path)==0) or (path in omitfiles):
+				continue
+			if path.find(".js") != -1 and isHiddenFile(path)==False:
+				ret.append(path)
+			elif path.find(".html") != -1 and isHiddenFile(path)==False: 
+				np = processHtml(path)
+				if np != "":
+					ret.append(np)
+		else:
+			omitfiles = getOmitedFiles(omitpath,path)
+			for root, dirs, files in os.walk(path):
+				for f in files:
+					if (os.path.getsize(root + os.sep + f)==0) or ((root + os.sep + f) in omitfiles):
+						continue
+					if f.find(".js") != -1 and isHiddenFile(root + os.sep + f) == False:
+						ret.append(root + os.sep + f)
+					elif f.find(".html") != -1 and isHiddenFile(root + os.sep + f) == False:
+						np=processHtml(root + os.sep + f)
+						if np != "":
+							ret.append(np)
+					else:
+						continue
+	return ret
+
+
+def getopt(path):
+	_opt=[]
+	_predef=[]
+	conf = ConfigParser.ConfigParser()
+	conf.read(path)
+	for item in conf.options('option'):
+		_opt.append("%s=%s"%(item,conf.get('option',item)))
+	for item in conf.options('predef'):
+		_predef.append("%s=%s"%(item,conf.get('predef',item)))
+	return "%s %s"%(",".join(_opt),",".join(_predef))
+
+def getBlackList(path):
+	lst={}
+	conf = ConfigParser.ConfigParser()
+	conf.read(path)
+	for item in conf.options('level'):
+		lst[item]=conf.get('level',item)
+	return lst
+
+def printReport(rptstr):
+	if rptstr=="":
+		return
+	array = rptstr.split('\n')
+	for ln in array:
+		items = ln.split("***")
+		if items[1].find("Stopping") != -1:
+			print items[1]
+		else:
+			print "文件：%s\t错误原因:%s\t错误位置:第%s行\t错误语句：%s"%(items[0],items[1],items[2],items[4])
+def processItem(item,blacklst,hp):
+	itm = item
+	for key in hp.keys():
+		if item[0]+os.sep+item[2] == hp[key]:
+			itm[0]=os.sep.join(key.split(os.sep)[:-1])
+			itm[2]=key.split(os.sep)[-1]
+	#print "====",itm,"======"
+	itm.append("error")
+	for err in blacklst.keys():
+		if itm[1].lower().find(err.lower())!=-1:
+			itm[5] = blacklst[err]
+			break
+	return itm
+'''
+parse jshint output
+'''
+def splitOutput(rptstr,blacklist,mp):
+	if rptstr=="":
+		return
+	array = rptstr.split('\n')
+	lst=[]
+	parsecnt = 0;
+	parsetotal=len(array)
+	for ln in array:
+		#print ln
+		if ln.find("***") == -1:
+			continue
+		items = processItem(ln.split("***"),blacklist,mp)
+		if items[1].find("Stopping") != -1:
+			print items[1]
+		else:
+			lst.append(items)
+		parsecnt = parsecnt + 1
+	return (lst,parsecnt,parsetotal)
+'''
+get the table body according to the result-list
+'''
+def getBody(lst):
+	files={}
+	error=0
+	warning=0
+	ignore=0;
+	count=0
+	for item in lst:
+		count = count + 1
+		if len(item)<6:
+			continue
+		if not files.has_key(item[0]):
+			if item[5] == "ignore":
+				ignore = ignore + 1
+			elif item[5] == "error":
+				error = error + 1
+				files[item[0]] = getLine(item,count)
+			else:
+				files[item[0]] = getLine(item,count)
+				warning = warning + 1
+		else:
+			if item[5] == "ignore":
+				ignore = ignore + 1
+			elif item[5] == "error":
+				error = error + 1
+				files[item[0]] = files[item[0]] + getLine(item,count)
+			else:
+				files[item[0]] = files[item[0]] + getLine(item,count)
+				warning = warning + 1
+	return (files,ignore,warning,error)
+	
+def generateHtml(rptstr,outfile,blacklst,mp):
+	print "start parsing jshint output..."
+	(lst,parsecnt,parsetotal) = splitOutput(rptstr,blacklst,mp)
+	print "prepare main tpl..."
+	tpl=""
+	tplPath=os.sep.join(os.path.abspath(__file__).split(os.sep)[:-1])+os.sep+"core"+os.sep+"tpl"+os.sep+"toggle_tpl.html"
+	if not os.path.exists(tplPath):
+		raise Exception('%s file does not exists!'%(tplPath))
+	f=open(tplPath,"r")
+	if f is None:
+		raise Exception('open %s error!' % (tplPath))
+	for ln in f:
+		tpl+=ln
+	strStartTime = time.strftime('%Y-%m-%d %H:%M:%S', time.localtime())
+	tpl=tpl.replace("{$pnumber}",str(len(lst)))
+	tpl=tpl.replace("{$timeData}",strStartTime)
+	f.close()
+	print "blacklist filtering..."
+	(files,ignore,warning,error) = getBody(lst)
+	tpl=tpl.replace("{$ignumber}","%s(%5.1f%%)"%(str(ignore),(float(ignore)/len(lst)*100)))
+	tpl=tpl.replace("{$errnumber}","%s(%5.1f%%)"%(str(error),(float(error)/len(lst)*100)))
+	tpl=tpl.replace("{$warnumber}","%s(%5.1f%%)"%(str(warning),(float(warning)/len(lst)*100)))
+	print "prepare body"
+	bodys=""
+	for key in files:
+		tblPath=os.sep.join(os.path.abspath(__file__).split(os.sep)[:-1])+os.sep+"core"+os.sep+"tpl"+os.sep+"htmlpart.html"
+		if not os.path.exists(tblPath):
+			raise Exception('%s file does not exists!'%(tblPath))
+		f=open(tblPath,"r")
+		body=''''''
+		for ln in f:
+			body += ln
+		body = body.replace("{$title}",key)
+		body = body.replace("{$fname}",key)
+		f.close()
+		body = body.replace("[---to be replaced 2---]",files[key])
+		bodys = bodys + body
+	if bodys=="":
+		#raise Exception('no report generated')
+		bodys = "no informatin maybe they are filtered"
+	tpl=tpl.replace("[---to be replace 1---]",bodys)
+	ts=str(int(time.time()))
+	resf=open(outfile,"w")
+	if resf is None:
+		raise Exception('open %s error!' % (outfile))
+	resf.write(tpl)
+	resf.close()
+	print "generate html file %s OK!"%(outfile)
+	return ts
+
+def getLine(item,no):
+	#print item
+	text = '''<tr><td width='10%%'>%s</td><td width='10%%'>%s</td><td width='20%%'>%s</td><td width='10%%'>%s</td><td width='50%%'>%s</td></tr>'''%(str(no),item[5],item[1],item[2],item[4].replace("<","&lt;").replace(">","&gt;"))
+	return text
+
+def genReport(status,output,blackpath,outfile,htmlMap):
+	#if status == 0:
+	#	print "[WARNING][NO ERROR DETECTED BY JSHUNTER]"
+	#else:
+	if output.find("open file") != -1:
+		raise Exception("File Not Found Error!")
+	print "[ERROR DETECTED BY JSHUNTER]"
+	blacklist = getBlackList(blackpath)
+	ts = generateHtml(output,outfile,blacklist,htmlMap)
+	return ts
+
+def checkJavaExist():
+	cmd="java"
+	(status,output) = commands.getstatusoutput(cmd)
+	if status != 0:
+		raise Exception("jshunter depend on java enviroment.please make sure your java is OK")
+def checkPythonExist():
+	cmd="python -h"
+	(status,output) = commands.getstatusoutput(cmd)
+	if status != 0:
+		raise Exception("jshunter depend on python enviroment.please make sure your python is OK")
+
+def getCustomerCheckFiles(paths):
+	omitpath = os.path.dirname(__file__) + os.sep + "conf" + os.sep + "omitfiles.conf"
+	ret = []
+	for path in paths:
+		path = path.rstrip(os.sep)
+		if not os.path.isdir(path):
+			omitfiles = getOmitedFiles(omitpath,os.sep.join(path.split(os.sep)[:-1])+os.sep)
+			if ((os.path.getsize(path)==0) or (path in omitfiles)):
+				continue
+			ret.append(path)
+		else:
+			omitfiles = getOmitedFiles(omitpath,path)
+			for root, dirs, files in os.walk(path):
+				for f in files:
+					if (os.path.getsize(root + os.sep + f)==0) or ((root + os.sep + f) in omitfiles):
+						continue
+					else:
+						ret.append(root + os.sep + f)
+	return ret
+def getOmitedFiles(confpath,topdir):
+	_res = []
+	_opt = []
+	conf = ConfigParser.ConfigParser()
+	conf.read(confpath)
+	for item in conf.options('omitfils'):
+		if conf.get('omitfils',item) == "true":
+			_opt.append(item)
+	if (not os.path.isdir(topdir)) and (len(_opt) > 0):
+		return []
+	for item in _opt:
+		cmd = 'find %s -name "%s"'%(topdir,item)
+		#print cmd
+		(status,output) = commands.getstatusoutput(cmd)
+		if status != 0:
+			raise Exception("[FATAL]cmd failed!%s"%(cmd))
+		#print output
+		for ln in output.split("\n"):
+			_res.append(ln)
+	return _res
+	
+def usage():
+	print "===================================================================================================================="
+	print "[Usage]\n./hint outpath.html fileToCheck.js\t\t检查fileToCheck.js这个文件"
+	print "./hint outpath.html folderToCheck\t\t检查folderToCheck这个目录内的所有js文件和html文件（递归检查）"
+	print "./hint outpath.html folderToCheck/*.js\t\t检查folderToCheck一级目录下的所有js文件和html文件（忽略目录）"
+	print "[Notice]使用时请确保当前目录中包含jshint.js文件，建议cd到jshunter的目录中执行./hint.py"
+	print "[Contact] pankai01@baidu.com liulanying01@baidu.com"
+	print "===================================================================================================================="
+
+def doJsHint(_path):
+	fileToCheck=getFiles(_path)
+	step = 50
+	javapath = "java"
+	jsjar = os.path.dirname(__file__) + os.sep + "core" + os.sep + "jshint" + os.sep + "js.jar"
+	rhino = os.path.dirname(__file__) + os.sep + "core" + os.sep + "jshint" + os.sep + "jshint-rhino.js"
+	confpath = os.path.dirname(__file__) + os.sep + "conf" + os.sep + "check.cfg"
+	blackpath = os.path.dirname(__file__) + os.sep + "conf" + os.sep + "ignore.list"
+	opt = getopt(confpath)
+	sz = len(fileToCheck)
+	if sz <= 0:
+		print "[WARNING]no file to be checked in doJsHint"
+		return ""
+	print "Files to be checked Number: %d"%(sz)
+	for i in range(0,sz):
+		print (i+1),":",fileToCheck[i]
+	output=""
+	if sz <= step:
+		opt = "%s %s"%(getopt(confpath)," ".join(fileToCheck[:]))
+		cmd = "%s -jar %s %s %s %s"%(javapath,jsjar,rhino,os.path.dirname(__file__) + os.sep,opt)
+		(status,output) = commands.getstatusoutput(cmd)
+	else:
+		rd=sz/step+1
+		for j in range(0,rd):
+			if (j+1)*step>sz:
+				opt = "%s %s"%(getopt(confpath)," ".join(fileToCheck[j*step:sz]))
+			else:
+				opt = "%s %s"%(getopt(confpath)," ".join(fileToCheck[j*step:(j+1)*step]))
+			cmd = "%s -jar %s %s %s %s"%(javapath,jsjar,rhino,os.path.dirname(__file__) + os.sep,opt)
+			(status,output_tmp)=commands.getstatusoutput(cmd)
+			if status != 0 and output_tmp.find("open file") != -1:
+				raise Exception("File Not Found Error.ERRMSG:%s\n"%(output_tmp))
+			else:
+				output = output + output_tmp
+			print "Finish %5.1f%%"%((j+1)*float(str(step))/sz*100.0)
+	return output
+
+def doCustomerCheck(_path):
+	confpath = os.path.dirname(__file__) + os.sep + "conf" + os.sep + "custcheck.conf"
+	custpath = os.path.dirname(__file__) + os.sep + "core" + os.sep + "customcheck" + os.sep
+	ops = getCustCheckOpt(confpath)
+	fileToCheck = getCustomerCheckFiles(_path)
+	sz = len(fileToCheck)
+	if sz == 0:
+		print "[WARNING]no file to be checked in doCustomerCheck"
+		return ""
+	custout = ''
+	#print ops
+	for item in ops:
+		for i in range(0,sz):
+			cmd = "%s %s"%(custpath+item,fileToCheck[i])
+			#print cmd
+			(status,output_tmp)=commands.getstatusoutput(cmd)
+			for ln in output_tmp.split("\n"):
+				#print ln
+				if ln.find("***") != -1:
+					custout += (ln+"\n")
+	
+	#print custout
+	return custout
+
+def getCustCheckOpt(path):
+	_opt=[]
+	conf = ConfigParser.ConfigParser()
+	conf.read(path)
+	for item in conf.options('command'):
+		if conf.get('command',item) == "true":
+			_opt.append(item)
+	return _opt
+
+if __name__ == "__main__":
+	try:
+		#checkJavaExist()
+		#checkPythonExist()
+		#print "check enviroment ok"
+		if len(sys.argv) < 3:
+			usage()
+			raise Exception("arg number error!")
+		outfile=sys.argv[1]
+		if os.path.exists(outfile):
+			raise Exception('%s already exist!In order to avoid overwrite the file,please change a none-exist file!'%(outfile))
+		blackpath = os.path.dirname(__file__) + os.sep + "conf" + os.sep + "ignore.list"
+		filepath = sys.argv[2:]
+		output1 = doJsHint(filepath)
+		output2 = doCustomerCheck(filepath)
+		output = output1 + output2
+		if output != "":
+			ts = genReport(0,output,blackpath,outfile,htmlMap)
+		else:
+			print "[WARNING]%s"%("no error detected")
+		clearTmpFiles()
+	except Exception,err:
+		print "[FATAL]%s"%(err)
+		clearTmpFiles()
+		sys.exit(1)
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/jshint.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/jshint.js
new file mode 100644
index 000000000..9b08c0df1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/jshint.js
@@ -0,0 +1,4278 @@
+/*!
+ * JSHint, by JSHint Community.
+ *
+ * Licensed under the same slightly modified MIT license that JSLint is.
+ * It stops evil-doers everywhere.
+ *
+ * JSHint is a derivative work of JSLint:
+ *
+ *   Copyright (c) 2002 Douglas Crockford  (www.JSLint.com)
+ *
+ *   Permission is hereby granted, free of charge, to any person obtaining
+ *   a copy of this software and associated documentation files (the "Software"),
+ *   to deal in the Software without restriction, including without limitation
+ *   the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ *   and/or sell copies of the Software, and to permit persons to whom
+ *   the Software is furnished to do so, subject to the following conditions:
+ *
+ *   The above copyright notice and this permission notice shall be included
+ *   in all copies or substantial portions of the Software.
+ *
+ *   The Software shall be used for Good, not Evil.
+ *
+ *   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ *   IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ *   FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ *   AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ *   LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ *   FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+ *   DEALINGS IN THE SOFTWARE.
+ *
+ * JSHint was forked from 2010-12-16 edition of JSLint.
+ *
+ */
+
+/*
+ JSHINT is a global function. It takes two parameters.
+
+     var myResult = JSHINT(source, option);
+
+ The first parameter is either a string or an array of strings. If it is a
+ string, it will be split on '\n' or '\r'. If it is an array of strings, it
+ is assumed that each string represents one line. The source can be a
+ JavaScript text or a JSON text.
+
+ The second parameter is an optional object of options which control the
+ operation of JSHINT. Most of the options are booleans: They are all
+ optional and have a default value of false. One of the options, predef,
+ can be an array of names, which will be used to declare global variables,
+ or an object whose keys are used as global names, with a boolean value
+ that determines if they are assignable.
+
+ If it checks out, JSHINT returns true. Otherwise, it returns false.
+
+ If false, you can inspect JSHINT.errors to find out the problems.
+ JSHINT.errors is an array of objects containing these members:
+
+ {
+     line      : The line (relative to 0) at which the lint was found
+     character : The character (relative to 0) at which the lint was found
+     reason    : The problem
+     evidence  : The text line in which the problem occurred
+     raw       : The raw message before the details were inserted
+     a         : The first detail
+     b         : The second detail
+     c         : The third detail
+     d         : The fourth detail
+ }
+
+ If a fatal error was found, a null will be the last element of the
+ JSHINT.errors array.
+
+ You can request a Function Report, which shows all of the functions
+ and the parameters and vars that they use. This can be used to find
+ implied global variables and other problems. The report is in HTML and
+ can be inserted in an HTML <body>.
+
+     var myReport = JSHINT.report(limited);
+
+ If limited is true, then the report will be limited to only errors.
+
+ You can request a data structure which contains JSHint's results.
+
+     var myData = JSHINT.data();
+
+ It returns a structure with this form:
+
+ {
+     errors: [
+         {
+             line: NUMBER,
+             character: NUMBER,
+             reason: STRING,
+             evidence: STRING
+         }
+     ],
+     functions: [
+         name: STRING,
+         line: NUMBER,
+         last: NUMBER,
+         param: [
+             STRING
+         ],
+         closure: [
+             STRING
+         ],
+         var: [
+             STRING
+         ],
+         exception: [
+             STRING
+         ],
+         outer: [
+             STRING
+         ],
+         unused: [
+             STRING
+         ],
+         global: [
+             STRING
+         ],
+         label: [
+             STRING
+         ]
+     ],
+     globals: [
+         STRING
+     ],
+     member: {
+         STRING: NUMBER
+     },
+     unuseds: [
+         {
+             name: STRING,
+             line: NUMBER
+         }
+     ],
+     implieds: [
+         {
+             name: STRING,
+             line: NUMBER
+         }
+     ],
+     urls: [
+         STRING
+     ],
+     json: BOOLEAN
+ }
+
+ Empty arrays will not be included.
+
+*/
+
+/*jshint
+ evil: false, nomen: false, onevar: true, regexp: false, strict: false, boss: true, eqeqeq : false,bitwise: false,newcap: false,white: false, asi: true,trailing: false,funcscope: false,noarg:true,sub:true,loopfunc:true,
+onevar: true, esnext: true,debug: false,laxbreak: trueundef: true, maxlen: 100, indent:4
+*/
+
+/*members "\b", "\t", "\n", "\f", "\r", "!=", "!==", "\"", "%", "(begin)",
+ "(breakage)", "(context)", "(error)", "(global)", "(identifier)", "(last)",
+ "(line)", "(loopage)", "(name)", "(onevar)", "(params)", "(scope)",
+ "(statement)", "(verb)", "*", "+", "++", "-", "--", "\/", "<", "<=", "==",
+ "===", ">", ">=", $, $$, $A, $F, $H, $R, $break, $continue, $w, Abstract, Ajax,
+ __filename, __dirname, ActiveXObject, Array, ArrayBuffer, ArrayBufferView, Audio,
+ Autocompleter, Assets, Boolean, Builder, Buffer, Browser, COM, CScript, Canvas,
+ CustomAnimation, Class, Control, Chain, Color, Cookie, Core, DataView, Date,
+ Debug, Draggable, Draggables, Droppables, Document, DomReady, DOMReady, Drag,
+ E, Enumerator, Enumerable, Element, Elements, Error, Effect, EvalError, Event,
+ Events, FadeAnimation, Field, Flash, Float32Array, Float64Array, Form,
+ FormField, Frame, FormData, Function, Fx, GetObject, Group, Hash, HotKey,
+ HTMLElement, HTMLAnchorElement, HTMLBaseElement, HTMLBlockquoteElement,
+ HTMLBodyElement, HTMLBRElement, HTMLButtonElement, HTMLCanvasElement, HTMLDirectoryElement,
+ HTMLDivElement, HTMLDListElement, HTMLFieldSetElement,
+ HTMLFontElement, HTMLFormElement, HTMLFrameElement, HTMLFrameSetElement,
+ HTMLHeadElement, HTMLHeadingElement, HTMLHRElement, HTMLHtmlElement,
+ HTMLIFrameElement, HTMLImageElement, HTMLInputElement, HTMLIsIndexElement,
+ HTMLLabelElement, HTMLLayerElement, HTMLLegendElement, HTMLLIElement,
+ HTMLLinkElement, HTMLMapElement, HTMLMenuElement, HTMLMetaElement,
+ HTMLModElement, HTMLObjectElement, HTMLOListElement, HTMLOptGroupElement,
+ HTMLOptionElement, HTMLParagraphElement, HTMLParamElement, HTMLPreElement,
+ HTMLQuoteElement, HTMLScriptElement, HTMLSelectElement, HTMLStyleElement,
+ HtmlTable, HTMLTableCaptionElement, HTMLTableCellElement, HTMLTableColElement,
+ HTMLTableElement, HTMLTableRowElement, HTMLTableSectionElement,
+ HTMLTextAreaElement, HTMLTitleElement, HTMLUListElement, HTMLVideoElement
+ Iframe, IframeShim, Image, Int16Array, Int32Array, Int8Array,
+ Insertion, InputValidator, JSON, Keyboard, Locale, LN10, LN2, LOG10E, LOG2E,
+ MAX_VALUE, MIN_VALUE, Mask, Math, MenuItem, MoveAnimation, MooTools, Native,
+ NEGATIVE_INFINITY, Number, Object, ObjectRange, Option, Options, OverText, PI,
+ POSITIVE_INFINITY, PeriodicalExecuter, Point, Position, Prototype, RangeError,
+ Rectangle, ReferenceError, RegExp, ResizeAnimation, Request, RotateAnimation,
+ SQRT1_2, SQRT2, ScrollBar, ScriptEngine, ScriptEngineBuildVersion,
+ ScriptEngineMajorVersion, ScriptEngineMinorVersion, Scriptaculous, Scroller,
+ Slick, Slider, Selector, SharedWorker, String, Style, SyntaxError, Sortable, Sortables,
+ SortableObserver, Sound, Spinner, System, Swiff, Text, TextArea, Template,
+ Timer, Tips, Type, TypeError, Toggle, Try, "use strict", unescape, URI, URIError, URL,
+ VBArray, WSH, WScript, XDomainRequest, Web, Window, XMLDOM, XMLHttpRequest, XPathEvaluator,
+ XPathException, XPathExpression, XPathNamespace, XPathNSResolver, XPathResult, "\\", a,
+ addEventListener, address, alert, apply, applicationCache, arguments, arity,
+ asi, b, bitwise, block, blur, boolOptions, boss, browser, c, call, callee,
+ caller, cases, charAt, charCodeAt, character, clearInterval, clearTimeout,
+ close, closed, closure, comment, condition, confirm, console, constructor,
+ content, couch, create, css, curly, d, data, datalist, dd, debug, decodeURI,
+ decodeURIComponent, defaultStatus, defineClass, deserialize, devel, document,
+ dojo, dijit, dojox, define, edition, else, emit, encodeURI, encodeURIComponent,
+ entityify, eqeqeq, eqnull, errors, es5, escape, esnext, eval, event, evidence, evil,
+ ex, exception, exec, exps, expr, exports, FileReader, first, floor, focus,
+ forin, fragment, frames, from, fromCharCode, fud, funcscope, funct, function, functions,
+ g, gc, getComputedStyle, getRow, GLOBAL, global, globals, globalstrict,
+ hasOwnProperty, help, history, i, id, identifier, immed, implieds, importPackage, include,
+ indent, indexOf, init, ins, instanceOf, isAlpha, isApplicationRunning, isArray,
+ isDigit, isFinite, isNaN, iterator, java, join, jshint,
+ JSHINT, json, jquery, jQuery, keys, label, labelled, last, lastsemic, laxbreak,
+ latedef, lbp, led, left, length, line, load, loadClass, localStorage, location,
+ log, loopfunc, m, match, maxerr, maxlen, member,message, meta, module, moveBy,
+ moveTo, mootools, multistr, name, navigator, new, newcap, noarg, node, noempty, nomen,
+ nonew, nonstandard, nud, onbeforeunload, onblur, onerror, onevar, onecase, onfocus,
+ onload, onresize, onunload, open, openDatabase, openURL, opener, opera, options, outer, param,
+ parent, parseFloat, parseInt, passfail, plusplus, predef, print, process, prompt,
+ proto, prototype, prototypejs, push, quit, range, raw, reach, reason, regexp,
+ readFile, readUrl, regexdash, removeEventListener, replace, report, require,
+ reserved, resizeBy, resizeTo, resolvePath, resumeUpdates, respond, rhino, right,
+ runCommand, scroll, screen, scripturl, scrollBy, scrollTo, scrollbar, search, seal,
+ send, serialize, sessionStorage, setInterval, setTimeout, shift, slice, sort,spawn,
+ split, stack, status, start, strict, sub, substr, supernew, shadow, supplant, sum,
+ sync, test, toLowerCase, toString, toUpperCase, toint32, token, top, trailing, type,
+ typeOf, Uint16Array, Uint32Array, Uint8Array, undef, unused, urls, validthis, value, valueOf,
+ var, version, WebSocket, white, window, Worker, wsh*/
+
+/*global exports: false */
+
+// We build the application inside a function so that we produce only a single
+// global variable. That function will be invoked immediately, and its return
+// value is the JSHINT function itself.
+
+var JSHINT = (function () {
+    "use strict";
+
+    var anonname,       // The guessed name for anonymous functions.
+
+// These are operators that should not be used with the ! operator.
+
+        bang = {
+            '<'  : true,
+            '<=' : true,
+            '==' : true,
+            '===': true,
+            '!==': true,
+            '!=' : true,
+            '>'  : true,
+            '>=' : true,
+            '+'  : true,
+            '-'  : true,
+            '*'  : true,
+            '/'  : true,
+            '%'  : true
+        },
+
+        // These are the JSHint boolean options.
+        boolOptions = {
+            asi         : true, // if automatic semicolon insertion should be tolerated
+            bitwise     : true, // if bitwise operators should not be allowed
+            boss        : true, // if advanced usage of assignments should be allowed
+            browser     : true, // if the standard browser globals should be predefined
+            couch       : true, // if CouchDB globals should be predefined
+            curly       : true, // if curly braces around all blocks should be required
+            debug       : true, // if debugger statements should be allowed
+            devel       : true, // if logging globals should be predefined (console,
+                                // alert, etc.)
+            dojo        : true, // if Dojo Toolkit globals should be predefined
+            eqeqeq      : true, // if === should be required
+            eqnull      : true, // if == null comparisons should be tolerated
+            es5         : true, // if ES5 syntax should be allowed
+            esnext      : true, // if es.next specific syntax should be allowed
+            evil        : true, // if eval should be allowed
+            expr        : true, // if ExpressionStatement should be allowed as Programs
+            forin       : true, // if for in statements must filter
+            funcscope   : true, // if only function scope should be used for scope tests
+            globalstrict: true, // if global "use strict"; should be allowed (also
+                                // enables 'strict')
+            immed       : true, // if immediate invocations must be wrapped in parens
+            iterator    : true, // if the `__iterator__` property should be allowed
+            jquery      : true, // if jQuery globals should be predefined
+            lastsemic   : true, // if semicolons may be ommitted for the trailing
+                                // statements inside of a one-line blocks.
+            latedef     : true, // if the use before definition should not be tolerated
+            laxbreak    : true, // if line breaks should not be checked
+            loopfunc    : true, // if functions should be allowed to be defined within
+                                // loops
+            mootools    : true, // if MooTools globals should be predefined
+            multistr    : true, // allow multiline strings
+            newcap      : true, // if constructor names must be capitalized
+            noarg       : true, // if arguments.caller and arguments.callee should be
+                                // disallowed
+            node        : true, // if the Node.js environment globals should be
+                                // predefined
+            noempty     : true, // if empty blocks should be disallowed
+            nonew       : true, // if using `new` for side-effects should be disallowed
+            nonstandard : true, // if non-standard (but widely adopted) globals should
+                                // be predefined
+            nomen       : true, // if names should be checked
+            onevar      : true, // if only one var statement per function should be
+                                // allowed
+            onecase     : true, // if one case switch statements should be allowed
+            passfail    : true, // if the scan should stop on first error
+            plusplus    : true, // if increment/decrement should not be allowed
+            proto       : true, // if the `__proto__` property should be allowed
+            prototypejs : true, // if Prototype and Scriptaculous globals should be
+                                // predefined
+            regexdash   : true, // if unescaped first/last dash (-) inside brackets
+                                // should be tolerated
+            regexp      : true, // if the . should not be allowed in regexp literals
+            rhino       : true, // if the Rhino environment globals should be predefined
+            undef       : true, // if variables should be declared before used
+            scripturl   : true, // if script-targeted URLs should be tolerated
+            shadow      : true, // if variable shadowing should be tolerated
+            strict      : true, // require the "use strict"; pragma
+            sub         : true, // if all forms of subscript notation are tolerated
+            supernew    : true, // if `new function () { ... };` and `new Object;`
+                                // should be tolerated
+            trailing    : true, // if trailing whitespace rules apply
+            validthis   : true, // if 'this' inside a non-constructor function is valid.
+                                // This is a function scoped option only.
+            white       : true, // if strict whitespace rules apply
+            wsh         : true  // if the Windows Scripting Host environment globals
+                                // should be predefined
+        },
+
+        // browser contains a set of global names which are commonly provided by a
+        // web browser environment.
+        browser = {
+            ArrayBuffer              :  false,
+            ArrayBufferView          :  false,
+            Audio                    :  false,
+            addEventListener         :  false,
+            applicationCache         :  false,
+            blur                     :  false,
+            clearInterval            :  false,
+            clearTimeout             :  false,
+            close                    :  false,
+            closed                   :  false,
+            DataView                 :  false,
+            defaultStatus            :  false,
+            document                 :  false,
+            event                    :  false,
+            FileReader               :  false,
+            Float32Array             :  false,
+            Float64Array             :  false,
+            FormData                 :  false,
+            focus                    :  false,
+            frames                   :  false,
+            getComputedStyle         :  false,
+            HTMLElement              :  false,
+            HTMLAnchorElement        :  false,
+            HTMLBaseElement          :  false,
+            HTMLBlockquoteElement    :  false,
+            HTMLBodyElement          :  false,
+            HTMLBRElement            :  false,
+            HTMLButtonElement        :  false,
+            HTMLCanvasElement        :  false,
+            HTMLDirectoryElement     :  false,
+            HTMLDivElement           :  false,
+            HTMLDListElement         :  false,
+            HTMLFieldSetElement      :  false,
+            HTMLFontElement          :  false,
+            HTMLFormElement          :  false,
+            HTMLFrameElement         :  false,
+            HTMLFrameSetElement      :  false,
+            HTMLHeadElement          :  false,
+            HTMLHeadingElement       :  false,
+            HTMLHRElement            :  false,
+            HTMLHtmlElement          :  false,
+            HTMLIFrameElement        :  false,
+            HTMLImageElement         :  false,
+            HTMLInputElement         :  false,
+            HTMLIsIndexElement       :  false,
+            HTMLLabelElement         :  false,
+            HTMLLayerElement         :  false,
+            HTMLLegendElement        :  false,
+            HTMLLIElement            :  false,
+            HTMLLinkElement          :  false,
+            HTMLMapElement           :  false,
+            HTMLMenuElement          :  false,
+            HTMLMetaElement          :  false,
+            HTMLModElement           :  false,
+            HTMLObjectElement        :  false,
+            HTMLOListElement         :  false,
+            HTMLOptGroupElement      :  false,
+            HTMLOptionElement        :  false,
+            HTMLParagraphElement     :  false,
+            HTMLParamElement         :  false,
+            HTMLPreElement           :  false,
+            HTMLQuoteElement         :  false,
+            HTMLScriptElement        :  false,
+            HTMLSelectElement        :  false,
+            HTMLStyleElement         :  false,
+            HTMLTableCaptionElement  :  false,
+            HTMLTableCellElement     :  false,
+            HTMLTableColElement      :  false,
+            HTMLTableElement         :  false,
+            HTMLTableRowElement      :  false,
+            HTMLTableSectionElement  :  false,
+            HTMLTextAreaElement      :  false,
+            HTMLTitleElement         :  false,
+            HTMLUListElement         :  false,
+            HTMLVideoElement         :  false,
+            history                  :  false,
+            Int16Array               :  false,
+            Int32Array               :  false,
+            Int8Array                :  false,
+            Image                    :  false,
+            length                   :  false,
+            localStorage             :  false,
+            location                 :  false,
+            moveBy                   :  false,
+            moveTo                   :  false,
+            name                     :  false,
+            navigator                :  false,
+            onbeforeunload           :  true,
+            onblur                   :  true,
+            onerror                  :  true,
+            onfocus                  :  true,
+            onload                   :  true,
+            onresize                 :  true,
+            onunload                 :  true,
+            open                     :  false,
+            openDatabase             :  false,
+            opener                   :  false,
+            Option                   :  false,
+            parent                   :  false,
+            print                    :  false,
+            removeEventListener      :  false,
+            resizeBy                 :  false,
+            resizeTo                 :  false,
+            screen                   :  false,
+            scroll                   :  false,
+            scrollBy                 :  false,
+            scrollTo                 :  false,
+            sessionStorage           :  false,
+            setInterval              :  false,
+            setTimeout               :  false,
+            SharedWorker             :  false,
+            status                   :  false,
+            top                      :  false,
+            Uint16Array              :  false,
+            Uint32Array              :  false,
+            Uint8Array               :  false,
+            WebSocket                :  false,
+            window                   :  false,
+            Worker                   :  false,
+            XMLHttpRequest           :  false,
+            XPathEvaluator           :  false,
+            XPathException           :  false,
+            XPathExpression          :  false,
+            XPathNamespace           :  false,
+            XPathNSResolver          :  false,
+            XPathResult              :  false
+        },
+
+        couch = {
+            "require" : false,
+            respond   : false,
+            getRow    : false,
+            emit      : false,
+            send      : false,
+            start     : false,
+            sum       : false,
+            log       : false,
+            exports   : false,
+            module    : false
+        },
+
+        devel = {
+            alert   : false,
+            confirm : false,
+            console : false,
+            Debug   : false,
+            opera   : false,
+            prompt  : false
+        },
+
+        dojo = {
+            dojo      : false,
+            dijit     : false,
+            dojox     : false,
+            define    : false,
+            "require" : false
+        },
+
+        escapes = {
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '/' : '\\/',
+            '\\': '\\\\'
+        },
+
+        funct,          // The current function
+
+        functionicity = [
+            'closure', 'exception', 'global', 'label',
+            'outer', 'unused', 'var'
+        ],
+
+        functions,      // All of the functions
+
+        global,         // The global scope
+        implied,        // Implied globals
+        inblock,
+        indent,
+        jsonmode,
+
+        jquery = {
+            '$'    : false,
+            jQuery : false
+        },
+
+        lines,
+        lookahead,
+        member,
+        membersOnly,
+
+        mootools = {
+            '$'             : false,
+            '$$'            : false,
+            Assets          : false,
+            Browser         : false,
+            Chain           : false,
+            Class           : false,
+            Color           : false,
+            Cookie          : false,
+            Core            : false,
+            Document        : false,
+            DomReady        : false,
+            DOMReady        : false,
+            Drag            : false,
+            Element         : false,
+            Elements        : false,
+            Event           : false,
+            Events          : false,
+            Fx              : false,
+            Group           : false,
+            Hash            : false,
+            HtmlTable       : false,
+            Iframe          : false,
+            IframeShim      : false,
+            InputValidator  : false,
+            instanceOf      : false,
+            Keyboard        : false,
+            Locale          : false,
+            Mask            : false,
+            MooTools        : false,
+            Native          : false,
+            Options         : false,
+            OverText        : false,
+            Request         : false,
+            Scroller        : false,
+            Slick           : false,
+            Slider          : false,
+            Sortables       : false,
+            Spinner         : false,
+            Swiff           : false,
+            Tips            : false,
+            Type            : false,
+            typeOf          : false,
+            URI             : false,
+            Window          : false
+        },
+
+        nexttoken,
+
+        node = {
+            __filename    : false,
+            __dirname     : false,
+            Buffer        : false,
+            console       : false,
+            exports       : false,
+            GLOBAL        : false,
+            global        : false,
+            module        : false,
+            process       : false,
+            require       : false,
+            setTimeout    : false,
+            clearTimeout  : false,
+            setInterval   : false,
+            clearInterval : false
+        },
+
+        noreach,
+        option,
+        predefined,     // Global variables defined by option
+        prereg,
+        prevtoken,
+
+        prototypejs = {
+            '$'               : false,
+            '$$'              : false,
+            '$A'              : false,
+            '$F'              : false,
+            '$H'              : false,
+            '$R'              : false,
+            '$break'          : false,
+            '$continue'       : false,
+            '$w'              : false,
+            Abstract          : false,
+            Ajax              : false,
+            Class             : false,
+            Enumerable        : false,
+            Element           : false,
+            Event             : false,
+            Field             : false,
+            Form              : false,
+            Hash              : false,
+            Insertion         : false,
+            ObjectRange       : false,
+            PeriodicalExecuter: false,
+            Position          : false,
+            Prototype         : false,
+            Selector          : false,
+            Template          : false,
+            Toggle            : false,
+            Try               : false,
+            Autocompleter     : false,
+            Builder           : false,
+            Control           : false,
+            Draggable         : false,
+            Draggables        : false,
+            Droppables        : false,
+            Effect            : false,
+            Sortable          : false,
+            SortableObserver  : false,
+            Sound             : false,
+            Scriptaculous     : false
+        },
+
+        rhino = {
+            defineClass  : false,
+            deserialize  : false,
+            gc           : false,
+            help         : false,
+            importPackage: false,
+            "java"       : false,
+            load         : false,
+            loadClass    : false,
+            print        : false,
+            quit         : false,
+            readFile     : false,
+            readUrl      : false,
+            runCommand   : false,
+            seal         : false,
+            serialize    : false,
+            spawn        : false,
+            sync         : false,
+            toint32      : false,
+            version      : false
+        },
+
+        scope,      // The current scope
+        src,
+        stack,
+
+        // standard contains the global names that are provided by the
+        // ECMAScript standard.
+        standard = {
+            Array               : false,
+            Boolean             : false,
+            Date                : false,
+            decodeURI           : false,
+            decodeURIComponent  : false,
+            encodeURI           : false,
+            encodeURIComponent  : false,
+            Error               : false,
+            'eval'              : false,
+            EvalError           : false,
+            Function            : false,
+            hasOwnProperty      : false,
+            isFinite            : false,
+            isNaN               : false,
+            JSON                : false,
+            Math                : false,
+            Number              : false,
+            Object              : false,
+            parseInt            : false,
+            parseFloat          : false,
+            RangeError          : false,
+            ReferenceError      : false,
+            RegExp              : false,
+            String              : false,
+            SyntaxError         : false,
+            TypeError           : false,
+            URIError            : false
+        },
+
+        // widely adopted global names that are not part of ECMAScript standard
+        nonstandard = {
+            escape              : false,
+            unescape            : false
+        },
+
+        standard_member = {
+            E                   : true,
+            LN2                 : true,
+            LN10                : true,
+            LOG2E               : true,
+            LOG10E              : true,
+            MAX_VALUE           : true,
+            MIN_VALUE           : true,
+            NEGATIVE_INFINITY   : true,
+            PI                  : true,
+            POSITIVE_INFINITY   : true,
+            SQRT1_2             : true,
+            SQRT2               : true
+        },
+
+        directive,
+        syntax = {},
+        tab,
+        token,
+        urls,
+        useESNextSyntax,
+        warnings,
+
+        wsh = {
+            ActiveXObject             : true,
+            Enumerator                : true,
+            GetObject                 : true,
+            ScriptEngine              : true,
+            ScriptEngineBuildVersion  : true,
+            ScriptEngineMajorVersion  : true,
+            ScriptEngineMinorVersion  : true,
+            VBArray                   : true,
+            WSH                       : true,
+            WScript                   : true,
+            XDomainRequest            : true
+        };
+
+    // Regular expressions. Some of these are stupidly long.
+    var ax, cx, tx, nx, nxg, lx, ix, jx, ft;
+    (function () {
+        /*jshint maxlen:300 */
+
+        // unsafe comment or string
+        ax = /@cc|<\/?|script|\]\s*\]|<\s*!|&lt/i;
+
+        // unsafe characters that are silently deleted by one or more browsers
+        cx = /[\u0000-\u001f\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/;
+
+        // token
+        tx = /^\s*([(){}\[.,:;'"~\?\]#@]|==?=?|\/(\*(jshint|jslint|members?|global)?|=|\/)?|\*[\/=]?|\+(?:=|\++)?|-(?:=|-+)?|%=?|&[&=]?|\|[|=]?|>>?>?=?|<([\/=!]|\!(\[|--)?|<=?)?|\^=?|\!=?=?|[a-zA-Z_$][a-zA-Z0-9_$]*|[0-9]+([xX][0-9a-fA-F]+|\.[0-9]*)?([eE][+\-]?[0-9]+)?)/;
+
+        // characters in strings that need escapement
+        nx = /[\u0000-\u001f&<"\/\\\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/;
+        nxg = /[\u0000-\u001f&<"\/\\\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
+
+        // star slash
+        lx = /\*\/|\/\*/;
+
+        // identifier
+        ix = /^([a-zA-Z_$][a-zA-Z0-9_$]*)$/;
+
+        // javascript url
+        jx = /^(?:javascript|jscript|ecmascript|vbscript|mocha|livescript)\s*:/i;
+
+        // catches /* falls through */ comments
+        ft = /^\s*\/\*\s*falls\sthrough\s*\*\/\s*$/;
+    }());
+
+    function F() {}     // Used by Object.create
+
+    function is_own(object, name) {
+
+// The object.hasOwnProperty method fails when the property under consideration
+// is named 'hasOwnProperty'. So we have to use this more convoluted form.
+
+        return Object.prototype.hasOwnProperty.call(object, name);
+    }
+
+// Provide critical ES5 functions to ES3.
+
+    if (typeof Array.isArray !== 'function') {
+        Array.isArray = function (o) {
+            return Object.prototype.toString.apply(o) === '[object Array]';
+        };
+    }
+
+    if (typeof Object.create !== 'function') {
+        Object.create = function (o) {
+            F.prototype = o;
+            return new F();
+        };
+    }
+
+    if (typeof Object.keys !== 'function') {
+        Object.keys = function (o) {
+            var a = [], k;
+            for (k in o) {
+                if (is_own(o, k)) {
+                    a.push(k);
+                }
+            }
+            return a;
+        };
+    }
+
+// Non standard methods
+
+    if (typeof String.prototype.entityify !== 'function') {
+        String.prototype.entityify = function () {
+            return this
+                .replace(/&/g, '&amp;')
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;');
+        };
+    }
+
+    if (typeof String.prototype.isAlpha !== 'function') {
+        String.prototype.isAlpha = function () {
+            return (this >= 'a' && this <= 'z\uffff') ||
+                (this >= 'A' && this <= 'Z\uffff');
+        };
+    }
+
+    if (typeof String.prototype.isDigit !== 'function') {
+        String.prototype.isDigit = function () {
+            return (this >= '0' && this <= '9');
+        };
+    }
+
+    if (typeof String.prototype.supplant !== 'function') {
+        String.prototype.supplant = function (o) {
+            return this.replace(/\{([^{}]*)\}/g, function (a, b) {
+                var r = o[b];
+                return typeof r === 'string' || typeof r === 'number' ? r : a;
+            });
+        };
+    }
+
+    if (typeof String.prototype.name !== 'function') {
+        String.prototype.name = function () {
+
+// If the string looks like an identifier, then we can return it as is.
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can simply slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe
+// sequences.
+
+            if (ix.test(this)) {
+                return this;
+            }
+            if (nx.test(this)) {
+                return '"' + this.replace(nxg, function (a) {
+                    var c = escapes[a];
+                    if (c) {
+                        return c;
+                    }
+                    return '\\u' + ('0000' + a.charCodeAt().toString(16)).slice(-4);
+                }) + '"';
+            }
+            return '"' + this + '"';
+        };
+    }
+
+
+    function combine(t, o) {
+        var n;
+        for (n in o) {
+            if (is_own(o, n)) {
+                t[n] = o[n];
+            }
+        }
+    }
+
+    function assume() {
+        if (option.couch) {
+            combine(predefined, couch);
+        }
+
+        if (option.rhino) {
+            combine(predefined, rhino);
+        }
+
+        if (option.prototypejs) {
+            combine(predefined, prototypejs);
+        }
+
+        if (option.node) {
+            combine(predefined, node);
+        }
+
+        if (option.devel) {
+            combine(predefined, devel);
+        }
+
+        if (option.dojo) {
+            combine(predefined, dojo);
+        }
+
+        if (option.browser) {
+            combine(predefined, browser);
+        }
+
+        if (option.nonstandard) {
+            combine(predefined, nonstandard);
+        }
+
+        if (option.jquery) {
+            combine(predefined, jquery);
+        }
+
+        if (option.mootools) {
+            combine(predefined, mootools);
+        }
+
+        if (option.wsh) {
+            combine(predefined, wsh);
+        }
+
+        if (option.esnext) {
+            useESNextSyntax();
+        }
+
+        if (option.globalstrict && option.strict !== false) {
+            option.strict = true;
+        }
+    }
+
+
+    // Produce an error warning.
+    function quit(message, line, chr) {
+        var percentage = Math.floor((line / lines.length) * 100);
+
+        throw {
+            name: 'JSHintError',
+            line: line,
+            character: chr,
+            message: message + " (" + percentage + "% scanned)."
+        };
+    }
+
+    function warning(m, t, a, b, c, d) {
+        var ch, l, w;
+        t = t || nexttoken;
+        if (t.id === '(end)') {  // `~
+            t = token;
+        }
+        l = t.line || 0;
+        ch = t.from || 0;
+        w = {
+            id: '(error)',
+            raw: m,
+            evidence: lines[l - 1] || '',
+            line: l,
+            character: ch,
+            a: a,
+            b: b,
+            c: c,
+            d: d
+        };
+        w.reason = m.supplant(w);
+        JSHINT.errors.push(w);
+        if (option.passfail) {
+            quit('Stopping. ', l, ch);
+        }
+        warnings += 1;
+        if (warnings >= option.maxerr) {
+            quit("Too many errors.", l, ch);
+        }
+        return w;
+    }
+
+    function warningAt(m, l, ch, a, b, c, d) {
+        return warning(m, {
+            line: l,
+            from: ch
+        }, a, b, c, d);
+    }
+
+    function error(m, t, a, b, c, d) {
+        var w = warning(m, t, a, b, c, d);
+    }
+
+    function errorAt(m, l, ch, a, b, c, d) {
+        return error(m, {
+            line: l,
+            from: ch
+        }, a, b, c, d);
+    }
+
+
+
+// lexical analysis and token construction
+
+    var lex = (function lex() {
+        var character, from, line, s;
+
+// Private lex methods
+
+        function nextLine() {
+            var at,
+                tw; // trailing whitespace check
+
+            if (line >= lines.length)
+                return false;
+
+            character = 1;
+            s = lines[line];
+            line += 1;
+            at = s.search(/ \t|\t /);
+
+            if (at >= 0)
+                warningAt("Mixed spaces and tabs.", line, at + 1);
+
+            s = s.replace(/\t/g, tab);
+            at = s.search(cx);
+
+            if (at >= 0)
+                warningAt("Unsafe character.", line, at);
+
+            if (option.maxlen && option.maxlen < s.length)
+                warningAt("Line too long.", line, s.length);
+
+            // Check for trailing whitespaces
+            tw = /\s+$/.test(s);
+            if (option.trailing && tw && !/^\s+$/.test(s)) {
+                warningAt("Trailing whitespace.", line, tw);
+            }
+            return true;
+        }
+
+// Produce a token object.  The token inherits from a syntax symbol.
+
+        function it(type, value) {
+            var i, t;
+            if (type === '(color)' || type === '(range)') {
+                t = {type: type};
+            } else if (type === '(punctuator)' ||
+                    (type === '(identifier)' && is_own(syntax, value))) {
+                t = syntax[value] || syntax['(error)'];
+            } else {
+                t = syntax[type];
+            }
+            t = Object.create(t);
+            if (type === '(string)' || type === '(range)') {
+                if (!option.scripturl && jx.test(value)) {
+                    warningAt("Script URL.", line, from);
+                }
+            }
+            if (type === '(identifier)') {
+                t.identifier = true;
+                if (value === '__proto__' && !option.proto) {
+                    warningAt("The '{a}' property is deprecated.",
+                        line, from, value);
+                } else if (value === '__iterator__' && !option.iterator) {
+                    warningAt("'{a}' is only available in JavaScript 1.7.",
+                        line, from, value);
+                } else if (option.nomen && (value.charAt(0) === '_' ||
+                         value.charAt(value.length - 1) === '_')) {
+                    if (!option.node || token.id == '.' ||
+                            (value != '__dirname' && value != '__filename')) {
+                        warningAt("Unexpected {a} in '{b}'.", line, from, "dangling '_'", value);
+                    }
+                }
+            }
+            t.value = value;
+            t.line = line;
+            t.character = character;
+            t.from = from;
+            i = t.id;
+            if (i !== '(endline)') {
+                prereg = i &&
+                    (('(,=:[!&|?{};'.indexOf(i.charAt(i.length - 1)) >= 0) ||
+                    i === 'return' ||
+                    i === 'case');
+            }
+            return t;
+        }
+
+        // Public lex methods
+        return {
+            init: function (source) {
+                if (typeof source === 'string') {
+                    lines = source
+                        .replace(/\r\n/g, '\n')
+                        .replace(/\r/g, '\n')
+                        .split('\n');
+                } else {
+                    lines = source;
+                }
+
+                // If the first line is a shebang (#!), make it a blank and move on.
+                // Shebangs are used by Node scripts.
+                if (lines[0] && lines[0].substr(0, 2) == '#!')
+                    lines[0] = '';
+
+                line = 0;
+                nextLine();
+                from = 1;
+            },
+
+            range: function (begin, end) {
+                var c, value = '';
+                from = character;
+                if (s.charAt(0) !== begin) {
+                    errorAt("Expected '{a}' and instead saw '{b}'.",
+                            line, character, begin, s.charAt(0));
+                }
+                for (;;) {
+                    s = s.slice(1);
+                    character += 1;
+                    c = s.charAt(0);
+                    switch (c) {
+                    case '':
+                        errorAt("Missing '{a}'.", line, character, c);
+                        break;
+                    case end:
+                        s = s.slice(1);
+                        character += 1;
+                        return it('(range)', value);
+                    case '\\':
+                        warningAt("Unexpected '{a}'.", line, character, c);
+                    }
+                    value += c;
+                }
+
+            },
+
+
+            // token -- this is called by advance to get the next token
+            token: function () {
+                var b, c, captures, d, depth, high, i, l, low, q, t, isLiteral, isInRange;
+
+                function match(x) {
+                    var r = x.exec(s), r1;
+                    if (r) {
+                        l = r[0].length;
+                        r1 = r[1];
+                        c = r1.charAt(0);
+                        s = s.substr(l);
+                        from = character + l - r1.length;
+                        character += l;
+                        return r1;
+                    }
+                }
+
+                function string(x) {
+                    var c, j, r = '', allowNewLine = false;
+
+                    if (jsonmode && x !== '"') {
+                        warningAt("Strings must use doublequote.",
+                                line, character);
+                    }
+
+                    function esc(n) {
+                        var i = parseInt(s.substr(j + 1, n), 16);
+                        j += n;
+                        if (i >= 32 && i <= 126 &&
+                                i !== 34 && i !== 92 && i !== 39) {
+                            warningAt("Unnecessary escapement.", line, character);
+                        }
+                        character += n;
+                        c = String.fromCharCode(i);
+                    }
+                    j = 0;
+                    for (;;) {
+                        while (j >= s.length) {
+                            j = 0;
+                            if (allowNewLine) {
+                                allowNewLine = false;
+                            } else {
+                                warningAt("Unclosed string.", line, from);
+                            }
+                            if (!nextLine()) {
+                                errorAt("Unclosed string.", line, from);
+                            }
+                        }
+                        c = s.charAt(j);
+                        if (c === x) {
+                            character += 1;
+                            s = s.substr(j + 1);
+                            return it('(string)', r, x);
+                        }
+                        if (c < ' ') {
+                            if (c === '\n' || c === '\r') {
+                                break;
+                            }
+                            warningAt("Control character in string: {a}.",
+                                    line, character + j, s.slice(0, j));
+                        } else if (c === '\\') {
+                            j += 1;
+                            character += 1;
+                            c = s.charAt(j);
+                            switch (c) {
+                            case '\\':
+                            case '"':
+                            case '/':
+                                break;
+                            case '\'':
+                                if (jsonmode) {
+                                    warningAt("Avoid \\'.", line, character);
+                                }
+                                break;
+                            case 'b':
+                                c = '\b';
+                                break;
+                            case 'f':
+                                c = '\f';
+                                break;
+                            case 'n':
+                                c = '\n';
+                                break;
+                            case 'r':
+                                c = '\r';
+                                break;
+                            case 't':
+                                c = '\t';
+                                break;
+                            case 'u':
+                                esc(4);
+                                break;
+                            case 'v':
+                                if (jsonmode) {
+                                    warningAt("Avoid \\v.", line, character);
+                                }
+                                c = '\v';
+                                break;
+                            case 'x':
+                                if (jsonmode) {
+                                    warningAt("Avoid \\x-.", line, character);
+                                }
+                                esc(2);
+                                break;
+                            case '':
+                                // last character is escape character
+                                // always allow new line if escaped, but show
+                                // warning if option is not set
+                                allowNewLine = true;
+                                if (option.multistr) {
+                                    if (jsonmode) {
+                                        warningAt("Avoid EOL escapement.", line, character);
+                                    }
+                                    c = '';
+                                    character -= 1;
+                                    break;
+                                }
+                                warningAt("Bad escapement of EOL. Use option multistr if needed.",
+                                    line, character);
+                                break;
+                            default:
+                                warningAt("Bad escapement.", line, character);
+                            }
+                        }
+                        r += c;
+                        character += 1;
+                        j += 1;
+                    }
+                }
+
+                for (;;) {
+                    if (!s) {
+                        return it(nextLine() ? '(endline)' : '(end)', '');
+                    }
+                    t = match(tx);
+                    if (!t) {
+                        t = '';
+                        c = '';
+                        while (s && s < '!') {
+                            s = s.substr(1);
+                        }
+                        if (s) {
+                            errorAt("Unexpected '{a}'.", line, character, s.substr(0, 1));
+                        }
+                    } else {
+
+    //      identifier
+
+                        if (c.isAlpha() || c === '_' || c === '$') {
+                            return it('(identifier)', t);
+                        }
+
+    //      number
+
+                        if (c.isDigit()) {
+                            if (!isFinite(Number(t))) {
+                                warningAt("Bad number '{a}'.",
+                                    line, character, t);
+                            }
+                            if (s.substr(0, 1).isAlpha()) {
+                                warningAt("Missing space after '{a}'.",
+                                        line, character, t);
+                            }
+                            if (c === '0') {
+                                d = t.substr(1, 1);
+                                if (d.isDigit()) {
+                                    if (token.id !== '.') {
+                                        warningAt("Don't use extra leading zeros '{a}'.",
+                                            line, character, t);
+                                    }
+                                } else if (jsonmode && (d === 'x' || d === 'X')) {
+                                    warningAt("Avoid 0x-. '{a}'.",
+                                            line, character, t);
+                                }
+                            }
+                            if (t.substr(t.length - 1) === '.') {
+                                warningAt(
+"A trailing decimal point can be confused with a dot '{a}'.", line, character, t);
+                            }
+                            return it('(number)', t);
+                        }
+                        switch (t) {
+
+    //      string
+
+                        case '"':
+                        case "'":
+                            return string(t);
+
+    //      // comment
+
+                        case '//':
+                            if (src) {
+                                warningAt("Unexpected comment.", line, character);
+                            }
+                            s = '';
+                            token.comment = true;
+                            break;
+
+    //      /* comment
+
+                        case '/*':
+                            if (src) {
+                                warningAt("Unexpected comment.", line, character);
+                            }
+                            for (;;) {
+                                i = s.search(lx);
+                                if (i >= 0) {
+                                    break;
+                                }
+                                if (!nextLine()) {
+                                    errorAt("Unclosed comment.", line, character);
+                                }
+                            }
+                            character += i + 2;
+                            if (s.substr(i, 1) === '/') {
+                                errorAt("Nested comment.", line, character);
+                            }
+                            s = s.substr(i + 2);
+                            token.comment = true;
+                            break;
+
+    //      /*members /*jshint /*global
+
+                        case '/*members':
+                        case '/*member':
+                        case '/*jshint':
+                        case '/*jslint':
+                        case '/*global':
+                        case '*/':
+                            return {
+                                value: t,
+                                type: 'special',
+                                line: line,
+                                character: character,
+                                from: from
+                            };
+
+                        case '':
+                            break;
+    //      /
+                        case '/':
+                            if (token.id === '/=') {
+                                errorAt(
+"A regular expression literal can be confused with '/='.", line, from);
+                            }
+                            if (prereg) {
+                                depth = 0;
+                                captures = 0;
+                                l = 0;
+                                for (;;) {
+                                    b = true;
+                                    c = s.charAt(l);
+                                    l += 1;
+                                    switch (c) {
+                                    case '':
+                                        errorAt("Unclosed regular expression.",
+                                                line, from);
+                                        return;
+                                    case '/':
+                                        if (depth > 0) {
+                                            warningAt("Unescaped '{a}'.",
+                                                    line, from + l, '/');
+                                        }
+                                        c = s.substr(0, l - 1);
+                                        q = {
+                                            g: true,
+                                            i: true,
+                                            m: true
+                                        };
+                                        while (q[s.charAt(l)] === true) {
+                                            q[s.charAt(l)] = false;
+                                            l += 1;
+                                        }
+                                        character += l;
+                                        s = s.substr(l);
+                                        q = s.charAt(0);
+                                        if (q === '/' || q === '*') {
+                                            errorAt("Confusing regular expression.",
+                                                    line, from);
+                                        }
+                                        return it('(regexp)', c);
+                                    case '\\':
+                                        c = s.charAt(l);
+                                        if (c < ' ') {
+                                            warningAt(
+"Unexpected control character in regular expression.", line, from + l);
+                                        } else if (c === '<') {
+                                            warningAt(
+"Unexpected escaped character '{a}' in regular expression.", line, from + l, c);
+                                        }
+                                        l += 1;
+                                        break;
+                                    case '(':
+                                        depth += 1;
+                                        b = false;
+                                        if (s.charAt(l) === '?') {
+                                            l += 1;
+                                            switch (s.charAt(l)) {
+                                            case ':':
+                                            case '=':
+                                            case '!':
+                                                l += 1;
+                                                break;
+                                            default:
+                                                warningAt(
+"Expected '{a}' and instead saw '{b}'.", line, from + l, ':', s.charAt(l));
+                                            }
+                                        } else {
+                                            captures += 1;
+                                        }
+                                        break;
+                                    case '|':
+                                        b = false;
+                                        break;
+                                    case ')':
+                                        if (depth === 0) {
+                                            warningAt("Unescaped '{a}'.",
+                                                    line, from + l, ')');
+                                        } else {
+                                            depth -= 1;
+                                        }
+                                        break;
+                                    case ' ':
+                                        q = 1;
+                                        while (s.charAt(l) === ' ') {
+                                            l += 1;
+                                            q += 1;
+                                        }
+                                        if (q > 1) {
+                                            warningAt(
+"Spaces are hard to count. Use {{a}}.", line, from + l, q);
+                                        }
+                                        break;
+                                    case '[':
+                                        c = s.charAt(l);
+                                        if (c === '^') {
+                                            l += 1;
+                                            if (option.regexp) {
+                                                warningAt("Insecure '{a}'.",
+                                                        line, from + l, c);
+                                            } else if (s.charAt(l) === ']') {
+                                                errorAt("Unescaped '{a}'.",
+                                                    line, from + l, '^');
+                                            }
+                                        }
+                                        if (c === ']') {
+                                            warningAt("Empty class.", line,
+                                                    from + l - 1);
+                                        }
+                                        isLiteral = false;
+                                        isInRange = false;
+klass:                                  do {
+                                            c = s.charAt(l);
+                                            l += 1;
+                                            switch (c) {
+                                            case '[':
+                                            case '^':
+                                                warningAt("Unescaped '{a}'.",
+                                                        line, from + l, c);
+                                                if (isInRange) {
+                                                    isInRange = false;
+                                                } else {
+                                                    isLiteral = true;
+                                                }
+                                                break;
+                                            case '-':
+                                                if (isLiteral && !isInRange) {
+                                                    isLiteral = false;
+                                                    isInRange = true;
+                                                } else if (isInRange) {
+                                                    isInRange = false;
+                                                } else if (s.charAt(l) === ']') {
+                                                    isInRange = true;
+                                                } else {
+                                                    if (option.regexdash !== (l === 2 || (l === 3 &&
+                                                        s.charAt(2) === '^'))) {
+                                                        warningAt("Unescaped '{a}'.",
+                                                            line, from + l - 1, '-');
+                                                    }
+                                                    isLiteral = true;
+                                                }
+                                                break;
+                                            case ']':
+                                                if (isInRange && !option.regexdash) {
+                                                    warningAt("Unescaped '{a}'.",
+                                                            line, from + l - 1, '-');
+                                                }
+                                                break klass;
+                                            case '\\':
+                                                c = s.charAt(l);
+                                                if (c < ' ') {
+                                                    warningAt(
+"Unexpected control character in regular expression.", line, from + l);
+                                                } else if (c === '<') {
+                                                    warningAt(
+"Unexpected escaped character '{a}' in regular expression.", line, from + l, c);
+                                                }
+                                                l += 1;
+
+                                                // \w, \s and \d are never part of a character range
+                                                if (/[wsd]/i.test(c)) {
+                                                    if (isInRange) {
+                                                        warningAt("Unescaped '{a}'.",
+                                                            line, from + l, '-');
+                                                        isInRange = false;
+                                                    }
+                                                    isLiteral = false;
+                                                } else if (isInRange) {
+                                                    isInRange = false;
+                                                } else {
+                                                    isLiteral = true;
+                                                }
+                                                break;
+                                            case '/':
+                                                warningAt("Unescaped '{a}'.",
+                                                        line, from + l - 1, '/');
+
+                                                if (isInRange) {
+                                                    isInRange = false;
+                                                } else {
+                                                    isLiteral = true;
+                                                }
+                                                break;
+                                            case '<':
+                                                if (isInRange) {
+                                                    isInRange = false;
+                                                } else {
+                                                    isLiteral = true;
+                                                }
+                                                break;
+                                            default:
+                                                if (isInRange) {
+                                                    isInRange = false;
+                                                } else {
+                                                    isLiteral = true;
+                                                }
+                                            }
+                                        } while (c);
+                                        break;
+                                    case '.':
+                                        if (option.regexp) {
+                                            warningAt("Insecure '{a}'.", line,
+                                                    from + l, c);
+                                        }
+                                        break;
+                                    case ']':
+                                    case '?':
+                                    case '{':
+                                    case '}':
+                                    case '+':
+                                    case '*':
+                                        warningAt("Unescaped '{a}'.", line,
+                                                from + l, c);
+                                    }
+                                    if (b) {
+                                        switch (s.charAt(l)) {
+                                        case '?':
+                                        case '+':
+                                        case '*':
+                                            l += 1;
+                                            if (s.charAt(l) === '?') {
+                                                l += 1;
+                                            }
+                                            break;
+                                        case '{':
+                                            l += 1;
+                                            c = s.charAt(l);
+                                            if (c < '0' || c > '9') {
+                                                warningAt(
+"Expected a number and instead saw '{a}'.", line, from + l, c);
+                                            }
+                                            l += 1;
+                                            low = +c;
+                                            for (;;) {
+                                                c = s.charAt(l);
+                                                if (c < '0' || c > '9') {
+                                                    break;
+                                                }
+                                                l += 1;
+                                                low = +c + (low * 10);
+                                            }
+                                            high = low;
+                                            if (c === ',') {
+                                                l += 1;
+                                                high = Infinity;
+                                                c = s.charAt(l);
+                                                if (c >= '0' && c <= '9') {
+                                                    l += 1;
+                                                    high = +c;
+                                                    for (;;) {
+                                                        c = s.charAt(l);
+                                                        if (c < '0' || c > '9') {
+                                                            break;
+                                                        }
+                                                        l += 1;
+                                                        high = +c + (high * 10);
+                                                    }
+                                                }
+                                            }
+                                            if (s.charAt(l) !== '}') {
+                                                warningAt(
+"Expected '{a}' and instead saw '{b}'.", line, from + l, '}', c);
+                                            } else {
+                                                l += 1;
+                                            }
+                                            if (s.charAt(l) === '?') {
+                                                l += 1;
+                                            }
+                                            if (low > high) {
+                                                warningAt(
+"'{a}' should not be greater than '{b}'.", line, from + l, low, high);
+                                            }
+                                        }
+                                    }
+                                }
+                                c = s.substr(0, l - 1);
+                                character += l;
+                                s = s.substr(l);
+                                return it('(regexp)', c);
+                            }
+                            return it('(punctuator)', t);
+
+    //      punctuator
+
+                        case '#':
+                            return it('(punctuator)', t);
+                        default:
+                            return it('(punctuator)', t);
+                        }
+                    }
+                }
+            }
+        };
+    }());
+
+
+    function addlabel(t, type) {
+
+        if (t === 'hasOwnProperty') {
+            warning("'hasOwnProperty' is a really bad name.");
+        }
+
+// Define t in the current function in the current scope.
+
+        if (is_own(funct, t) && !funct['(global)']) {
+            if (funct[t] === true) {
+                if (option.latedef)
+                    warning("'{a}' was used before it was defined.", nexttoken, t);
+            } else {
+                if (!option.shadow)
+                    warning("'{a}' is already defined.", nexttoken, t);
+            }
+        }
+
+        funct[t] = type;
+        if (funct['(global)']) {
+            global[t] = funct;
+            if (is_own(implied, t)) {
+                if (option.latedef)
+                    warning("'{a}' was used before it was defined.", nexttoken, t);
+                delete implied[t];
+            }
+        } else {
+            scope[t] = funct;
+        }
+    }
+
+
+    function doOption() {
+        var b, obj, filter, o = nexttoken.value, t, v;
+        switch (o) {
+        case '*/':
+            error("Unbegun comment.");
+            break;
+        case '/*members':
+        case '/*member':
+            o = '/*members';
+            if (!membersOnly) {
+                membersOnly = {};
+            }
+            obj = membersOnly;
+            break;
+        case '/*jshint':
+        case '/*jslint':
+            obj = option;
+            filter = boolOptions;
+            break;
+        case '/*global':
+            obj = predefined;
+            break;
+        default:
+            error("What?");
+        }
+        t = lex.token();
+loop:   for (;;) {
+            for (;;) {
+                if (t.type === 'special' && t.value === '*/') {
+                    break loop;
+                }
+                if (t.id !== '(endline)' && t.id !== ',') {
+                    break;
+                }
+                t = lex.token();
+            }
+            if (t.type !== '(string)' && t.type !== '(identifier)' &&
+                    o !== '/*members') {
+                error("Bad option.", t);
+            }
+            v = lex.token();
+            if (v.id === ':') {
+                v = lex.token();
+                if (obj === membersOnly) {
+                    error("Expected '{a}' and instead saw '{b}'.",
+                            t, '*/', ':');
+                }
+                if (t.value === 'indent' && (o === '/*jshint' || o === '/*jslint')) {
+                    b = +v.value;
+                    if (typeof b !== 'number' || !isFinite(b) || b <= 0 ||
+                            Math.floor(b) !== b) {
+                        error("Expected a small integer and instead saw '{a}'.",
+                                v, v.value);
+                    }
+                    obj.white = true;
+                    obj.indent = b;
+                } else if (t.value === 'maxerr' && (o === '/*jshint' || o === '/*jslint')) {
+                    b = +v.value;
+                    if (typeof b !== 'number' || !isFinite(b) || b <= 0 ||
+                            Math.floor(b) !== b) {
+                        error("Expected a small integer and instead saw '{a}'.",
+                                v, v.value);
+                    }
+                    obj.maxerr = b;
+                } else if (t.value === 'maxlen' && (o === '/*jshint' || o === '/*jslint')) {
+                    b = +v.value;
+                    if (typeof b !== 'number' || !isFinite(b) || b <= 0 ||
+                            Math.floor(b) !== b) {
+                        error("Expected a small integer and instead saw '{a}'.",
+                                v, v.value);
+                    }
+                    obj.maxlen = b;
+                } else if (t.value == 'validthis') {
+                    if (funct['(global)']) {
+                        error("Option 'validthis' can't be used in a global scope.");
+                    } else {
+                        if (v.value === 'true' || v.value === 'false')
+                            obj[t.value] = v.value === 'true';
+                        else
+                            error("Bad option value.", v);
+                    }
+                } else if (v.value === 'true') {
+                    obj[t.value] = true;
+                } else if (v.value === 'false') {
+                    obj[t.value] = false;
+                } else {
+                    error("Bad option value.", v);
+                }
+                t = lex.token();
+            } else {
+                if (o === '/*jshint' || o === '/*jslint') {
+                    error("Missing option value.", t);
+                }
+                obj[t.value] = false;
+                t = v;
+            }
+        }
+        if (filter) {
+            assume();
+        }
+    }
+
+
+// We need a peek function. If it has an argument, it peeks that much farther
+// ahead. It is used to distinguish
+//     for ( var i in ...
+// from
+//     for ( var i = ...
+
+    function peek(p) {
+        var i = p || 0, j = 0, t;
+
+        while (j <= i) {
+            t = lookahead[j];
+            if (!t) {
+                t = lookahead[j] = lex.token();
+            }
+            j += 1;
+        }
+        return t;
+    }
+
+
+
+// Produce the next token. It looks for programming errors.
+
+    function advance(id, t) {
+        switch (token.id) {
+        case '(number)':
+            if (nexttoken.id === '.') {
+                warning("A dot following a number can be confused with a decimal point.", token);
+            }
+            break;
+        case '-':
+            if (nexttoken.id === '-' || nexttoken.id === '--') {
+                warning("Confusing minusses.");
+            }
+            break;
+        case '+':
+            if (nexttoken.id === '+' || nexttoken.id === '++') {
+                warning("Confusing plusses.");
+            }
+            break;
+        }
+
+        if (token.type === '(string)' || token.identifier) {
+            anonname = token.value;
+        }
+
+        if (id && nexttoken.id !== id) {
+            if (t) {
+                if (nexttoken.id === '(end)') {
+                    warning("Unmatched '{a}'.", t, t.id);
+                } else {
+                    warning("Expected '{a}' to match '{b}' from line {c} and instead saw '{d}'.",
+                            nexttoken, id, t.id, t.line, nexttoken.value);
+                }
+            } else if (nexttoken.type !== '(identifier)' ||
+                            nexttoken.value !== id) {
+                warning("Expected '{a}' and instead saw '{b}'.",
+                        nexttoken, id, nexttoken.value);
+            }
+        }
+
+        prevtoken = token;
+        token = nexttoken;
+        for (;;) {
+            nexttoken = lookahead.shift() || lex.token();
+            if (nexttoken.id === '(end)' || nexttoken.id === '(error)') {
+                return;
+            }
+            if (nexttoken.type === 'special') {
+                doOption();
+            } else {
+                if (nexttoken.id !== '(endline)') {
+                    break;
+                }
+            }
+        }
+    }
+
+
+// This is the heart of JSHINT, the Pratt parser. In addition to parsing, it
+// is looking for ad hoc lint patterns. We add .fud to Pratt's model, which is
+// like .nud except that it is only used on the first token of a statement.
+// Having .fud makes it much easier to define statement-oriented languages like
+// JavaScript. I retained Pratt's nomenclature.
+
+// .nud     Null denotation
+// .fud     First null denotation
+// .led     Left denotation
+//  lbp     Left binding power
+//  rbp     Right binding power
+
+// They are elements of the parsing method called Top Down Operator Precedence.
+
+    function expression(rbp, initial) {
+        var left, isArray = false;
+
+        if (nexttoken.id === '(end)')
+            error("Unexpected early end of program.", token);
+
+        advance();
+        if (initial) {
+            anonname = 'anonymous';
+            funct['(verb)'] = token.value;
+        }
+        if (initial === true && token.fud) {
+            left = token.fud();
+        } else {
+            if (token.nud) {
+                left = token.nud();
+            } else {
+                if (nexttoken.type === '(number)' && token.id === '.') {
+                    warning("A leading decimal point can be confused with a dot: '.{a}'.",
+                            token, nexttoken.value);
+                    advance();
+                    return token;
+                } else {
+                    error("Expected an identifier and instead saw '{a}'.",
+                            token, token.id);
+                }
+            }
+            while (rbp < nexttoken.lbp) {
+                isArray = token.value == 'Array';
+                advance();
+                if (isArray && token.id == '(' && nexttoken.id == ')')
+                    warning("Use the array literal notation [].", token);
+                if (token.led) {
+                    left = token.led(left);
+                } else {
+                    error("Expected an operator and instead saw '{a}'.",
+                        token, token.id);
+                }
+            }
+        }
+        return left;
+    }
+
+
+// Functions for conformance of style.
+
+    function adjacent(left, right) {
+        left = left || token;
+        right = right || nexttoken;
+        if (option.white) {
+            if (left.character !== right.from && left.line === right.line) {
+                warning("Unexpected space after '{a}'.", right, left.value);
+            }
+        }
+    }
+
+    function nobreak(left, right) {
+        left = left || token;
+        right = right || nexttoken;
+        if (option.white && (left.character !== right.from || left.line !== right.line)) {
+            warning("Unexpected space before '{a}'.", right, right.value);
+        }
+    }
+
+    function nospace(left, right) {
+        left = left || token;
+        right = right || nexttoken;
+        if (option.white && !left.comment) {
+            if (left.line === right.line) {
+                adjacent(left, right);
+            }
+        }
+    }
+
+    function nonadjacent(left, right) {
+        if (option.white) {
+            left = left || token;
+            right = right || nexttoken;
+            if (left.line === right.line && left.character === right.from) {
+                left.from += (left.character - left.from);
+                warning("Missing space after '{a}'.",
+                        left, left.value);
+            }
+        }
+    }
+
+    function nobreaknonadjacent(left, right) {
+        left = left || token;
+        right = right || nexttoken;
+        if (!option.laxbreak && left.line !== right.line) {
+            warning("Bad line breaking before '{a}'.", right, right.id);
+        } else if (option.white) {
+            left = left || token;
+            right = right || nexttoken;
+            if (left.character === right.from) {
+                left.from += (left.character - left.from);
+                warning("Missing space after '{a}'.",
+                        left, left.value);
+            }
+        }
+    }
+
+    function indentation(bias) {
+        var i;
+        if (option.white && nexttoken.id !== '(end)') {
+            i = indent + (bias || 0);
+            if (nexttoken.from !== i) {
+                warning(
+"Expected '{a}' to have an indentation at {b} instead at {c}.",
+                        nexttoken, nexttoken.value, i, nexttoken.from);
+            }
+        }
+    }
+
+    function nolinebreak(t) {
+        t = t || token;
+        if (t.line !== nexttoken.line) {
+            warning("Line breaking error '{a}'.", t, t.value);
+        }
+    }
+
+
+    function comma() {
+        if (token.line !== nexttoken.line) {
+            if (!option.laxbreak) {
+                warning("Bad line breaking before '{a}'.", token, nexttoken.id);
+            }
+        } else if (token.character !== nexttoken.from && option.white) {
+            warning("Unexpected space after '{a}'.", nexttoken, token.value);
+        }
+        advance(',');
+        nonadjacent(token, nexttoken);
+    }
+
+
+// Functional constructors for making the symbols that will be inherited by
+// tokens.
+
+    function symbol(s, p) {
+        var x = syntax[s];
+        if (!x || typeof x !== 'object') {
+            syntax[s] = x = {
+                id: s,
+                lbp: p,
+                value: s
+            };
+        }
+        return x;
+    }
+
+
+    function delim(s) {
+        return symbol(s, 0);
+    }
+
+
+    function stmt(s, f) {
+        var x = delim(s);
+        x.identifier = x.reserved = true;
+        x.fud = f;
+        return x;
+    }
+
+
+    function blockstmt(s, f) {
+        var x = stmt(s, f);
+        x.block = true;
+        return x;
+    }
+
+
+    function reserveName(x) {
+        var c = x.id.charAt(0);
+        if ((c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z')) {
+            x.identifier = x.reserved = true;
+        }
+        return x;
+    }
+
+
+    function prefix(s, f) {
+        var x = symbol(s, 150);
+        reserveName(x);
+        x.nud = (typeof f === 'function') ? f : function () {
+            this.right = expression(150);
+            this.arity = 'unary';
+            if (this.id === '++' || this.id === '--') {
+                if (option.plusplus) {
+                    warning("Unexpected use of '{a}'.", this, this.id);
+                } else if ((!this.right.identifier || this.right.reserved) &&
+                        this.right.id !== '.' && this.right.id !== '[') {
+                    warning("Bad operand.", this);
+                }
+            }
+            return this;
+        };
+        return x;
+    }
+
+
+    function type(s, f) {
+        var x = delim(s);
+        x.type = s;
+        x.nud = f;
+        return x;
+    }
+
+
+    function reserve(s, f) {
+        var x = type(s, f);
+        x.identifier = x.reserved = true;
+        return x;
+    }
+
+
+    function reservevar(s, v) {
+        return reserve(s, function () {
+            if (typeof v === 'function') {
+                v(this);
+            }
+            return this;
+        });
+    }
+
+
+    function infix(s, f, p, w) {
+        var x = symbol(s, p);
+        reserveName(x);
+        x.led = function (left) {
+            if (!w) {
+                nobreaknonadjacent(prevtoken, token);
+                nonadjacent(token, nexttoken);
+            }
+            if (typeof f === 'function') {
+                return f(left, this);
+            } else {
+                this.left = left;
+                this.right = expression(p);
+                return this;
+            }
+        };
+        return x;
+    }
+
+
+    function relation(s, f) {
+        var x = symbol(s, 100);
+        x.led = function (left) {
+            nobreaknonadjacent(prevtoken, token);
+            nonadjacent(token, nexttoken);
+            var right = expression(100);
+            if ((left && left.id === 'NaN') || (right && right.id === 'NaN')) {
+                warning("Use the isNaN function to compare with NaN.", this);
+            } else if (f) {
+                f.apply(this, [left, right]);
+            }
+            if (left.id === '!') {
+                warning("Confusing use of '{a}'.", left, '!');
+            }
+            if (right.id === '!') {
+                warning("Confusing use of '{a}'.", left, '!');
+            }
+            this.left = left;
+            this.right = right;
+            return this;
+        };
+        return x;
+    }
+
+
+    function isPoorRelation(node) {
+        return node &&
+              ((node.type === '(number)' && +node.value === 0) ||
+               (node.type === '(string)' && node.value === '') ||
+               (node.type === 'null' && !option.eqnull) ||
+                node.type === 'true' ||
+                node.type === 'false' ||
+                node.type === 'undefined');
+    }
+
+
+    function assignop(s, f) {
+        symbol(s, 20).exps = true;
+        return infix(s, function (left, that) {
+            var l;
+            that.left = left;
+            if (predefined[left.value] === false &&
+                    scope[left.value]['(global)'] === true) {
+                warning("Read only.", left);
+            } else if (left['function']) {
+                warning("'{a}' is a function.", left, left.value);
+            }
+            if (left) {
+                if (option.esnext && funct[left.value] === 'const') {
+                    warning("Attempting to override '{a}' which is a constant", left, left.value);
+                }
+                if (left.id === '.' || left.id === '[') {
+                    if (!left.left || left.left.value === 'arguments') {
+                        warning('Bad assignment.', that);
+                    }
+                    that.right = expression(19);
+                    return that;
+                } else if (left.identifier && !left.reserved) {
+                    if (funct[left.value] === 'exception') {
+                        warning("Do not assign to the exception parameter.", left);
+                    }
+                    that.right = expression(19);
+                    return that;
+                }
+                if (left === syntax['function']) {
+                    warning(
+"Expected an identifier in an assignment and instead saw a function invocation.",
+                                token);
+                }
+            }
+            error("Bad assignment.", that);
+        }, 20);
+    }
+
+
+    function bitwise(s, f, p) {
+        var x = symbol(s, p);
+        reserveName(x);
+        x.led = (typeof f === 'function') ? f : function (left) {
+            if (option.bitwise) {
+                warning("Unexpected use of '{a}'.", this, this.id);
+            }
+            this.left = left;
+            this.right = expression(p);
+            return this;
+        };
+        return x;
+    }
+
+
+    function bitwiseassignop(s) {
+        symbol(s, 20).exps = true;
+        return infix(s, function (left, that) {
+            if (option.bitwise) {
+                warning("Unexpected use of '{a}'.", that, that.id);
+            }
+            nonadjacent(prevtoken, token);
+            nonadjacent(token, nexttoken);
+            if (left) {
+                if (left.id === '.' || left.id === '[' ||
+                        (left.identifier && !left.reserved)) {
+                    expression(19);
+                    return that;
+                }
+                if (left === syntax['function']) {
+                    warning(
+"Expected an identifier in an assignment, and instead saw a function invocation.",
+                                token);
+                }
+                return that;
+            }
+            error("Bad assignment.", that);
+        }, 20);
+    }
+
+
+    function suffix(s, f) {
+        var x = symbol(s, 150);
+        x.led = function (left) {
+            if (option.plusplus) {
+                warning("Unexpected use of '{a}'.", this, this.id);
+            } else if ((!left.identifier || left.reserved) &&
+                    left.id !== '.' && left.id !== '[') {
+                warning("Bad operand.", this);
+            }
+            this.left = left;
+            return this;
+        };
+        return x;
+    }
+
+
+    // fnparam means that this identifier is being defined as a function
+    // argument (see identifier())
+    function optionalidentifier(fnparam) {
+        if (nexttoken.identifier) {
+            advance();
+            if (token.reserved && !option.es5) {
+                // `undefined` as a function param is a common pattern to protect
+                // against the case when somebody does `undefined = true` and
+                // help with minification. More info: https://gist.github.com/315916
+                if (!fnparam || token.value != 'undefined') {
+                    warning("Expected an identifier and instead saw '{a}' (a reserved word).",
+                            token, token.id);
+                }
+            }
+            return token.value;
+        }
+    }
+
+    // fnparam means that this identifier is being defined as a function
+    // argument
+    function identifier(fnparam) {
+        var i = optionalidentifier(fnparam);
+        if (i) {
+            return i;
+        }
+        if (token.id === 'function' && nexttoken.id === '(') {
+            warning("Missing name in function declaration.");
+        } else {
+            error("Expected an identifier and instead saw '{a}'.",
+                    nexttoken, nexttoken.value);
+        }
+    }
+
+
+    function reachable(s) {
+        var i = 0, t;
+        if (nexttoken.id !== ';' || noreach) {
+            return;
+        }
+        for (;;) {
+            t = peek(i);
+            if (t.reach) {
+                return;
+            }
+            if (t.id !== '(endline)') {
+                if (t.id === 'function') {
+                    warning(
+"Inner functions should be listed at the top of the outer function.", t);
+                    break;
+                }
+                warning("Unreachable '{a}' after '{b}'.", t, t.value, s);
+                break;
+            }
+            i += 1;
+        }
+    }
+
+
+    function statement(noindent) {
+        var i = indent, r, s = scope, t = nexttoken;
+
+// We don't like the empty statement.
+
+        if (t.id === ';') {
+            warning("Unnecessary semicolon.", t);
+            advance(';');
+            return;
+        }
+
+// Is this a labelled statement?
+
+        if (t.identifier && !t.reserved && peek().id === ':') {
+            advance();
+            advance(':');
+            scope = Object.create(s);
+            addlabel(t.value, 'label');
+            if (!nexttoken.labelled) {
+                warning("Label '{a}' on {b} statement.",
+                        nexttoken, t.value, nexttoken.value);
+            }
+            if (jx.test(t.value + ':')) {
+                warning("Label '{a}' looks like a javascript url.",
+                        t, t.value);
+            }
+            nexttoken.label = t.value;
+            t = nexttoken;
+        }
+
+// Parse the statement.
+
+        if (!noindent) {
+            indentation();
+        }
+        r = expression(0, true);
+
+        // Look for the final semicolon.
+        if (!t.block) {
+            if (!option.expr && (!r || !r.exps)) {
+                warning("Expected an assignment or function call and instead saw an expression.",
+                    token);
+            } else if (option.nonew && r.id === '(' && r.left.id === 'new') {
+                warning("Do not use 'new' for side effects.");
+            }
+
+            if (nexttoken.id !== ';') {
+                if (!option.asi) {
+                    // If this is the last statement in a block that ends on
+                    // the same line *and* option lastsemic is on, ignore the warning.
+                    // Otherwise, complain about missing semicolon.
+                    if (!option.lastsemic || nexttoken.id != '}' ||
+                            nexttoken.line != token.line) {
+                        warningAt("Missing semicolon.", token.line, token.from +
+                            token.value.length);
+                    }
+                }
+            } else {
+                adjacent(token, nexttoken);
+                advance(';');
+                nonadjacent(token, nexttoken);
+            }
+        }
+
+// Restore the indentation.
+
+        indent = i;
+        scope = s;
+        return r;
+    }
+
+
+    function statements(startLine) {
+        var a = [], f, p;
+
+        while (!nexttoken.reach && nexttoken.id !== '(end)') {
+            if (nexttoken.id === ';') {
+                warning("Unnecessary semicolon.");
+                advance(';');
+            } else {
+                a.push(statement(startLine === nexttoken.line));
+            }
+        }
+        return a;
+    }
+
+
+    /*
+     * read all directives
+     * recognizes a simple form of asi, but always
+     * warns, if it is used
+     */
+    function directives() {
+        var i, p, pn;
+
+        for (;;) {
+            if (nexttoken.id === "(string)") {
+                p = peek(0);
+                if (p.id === "(endline)") {
+                    i = 1;
+                    do {
+                        pn = peek(i);
+                        i = i + 1;
+                    } while (pn.id === "(endline)");
+
+                    if (pn.id !== ";") {
+                        if (pn.id !== "(string)" && pn.id !== "(number)" &&
+                            pn.id !== "(regexp)" && pn.identifier !== true &&
+                            pn.id !== "}") {
+                            break;
+                        }
+                        warning("Missing semicolon.", nexttoken);
+                    } else {
+                        p = pn;
+                    }
+                } else if (p.id === "}") {
+                    // directive with no other statements, warn about missing semicolon
+                    warning("Missing semicolon.", p);
+                } else if (p.id !== ";") {
+                    break;
+                }
+
+                indentation();
+                advance();
+                if (directive[token.value]) {
+                    warning("Unnecessary directive \"{a}\".", token, token.value);
+                }
+
+                if (token.value === "use strict") {
+                    option.newcap = true;
+                    option.undef = true;
+                }
+
+                // there's no directive negation, so always set to true
+                directive[token.value] = true;
+
+                if (p.id === ";") {
+                    advance(";");
+                }
+                continue;
+            }
+            break;
+        }
+    }
+
+
+    /*
+     * Parses a single block. A block is a sequence of statements wrapped in
+     * braces.
+     *
+     * ordinary - true for everything but function bodies and try blocks.
+     * stmt     - true if block can be a single statement (e.g. in if/for/while).
+     * isfunc   - true if block is a function body
+     */
+    function block(ordinary, stmt, isfunc) {
+        var a,
+            b = inblock,
+            old_indent = indent,
+            m,
+            s = scope,
+            t,
+            line,
+            d;
+
+        inblock = ordinary;
+        if (!ordinary || !option.funcscope) scope = Object.create(scope);
+        nonadjacent(token, nexttoken);
+        t = nexttoken;
+
+        if (nexttoken.id === '{') {
+            advance('{');
+            line = token.line;
+            if (nexttoken.id !== '}') {
+                indent += option.indent;
+                while (!ordinary && nexttoken.from > indent) {
+                    indent += option.indent;
+                }
+
+                if (isfunc) {
+                    m = {};
+                    for (d in directive) {
+                        if (is_own(directive, d)) {
+                            m[d] = directive[d];
+                        }
+                    }
+                    directives();
+
+                    if (option.strict && funct['(context)']['(global)']) {
+                        if (!m["use strict"] && !directive["use strict"]) {
+                            warning("Missing \"use strict\" statement.");
+                        }
+                    }
+                }
+
+                a = statements(line);
+
+                if (isfunc) {
+                    directive = m;
+                }
+
+                indent -= option.indent;
+                if (line !== nexttoken.line) {
+                    indentation();
+                }
+            } else if (line !== nexttoken.line) {
+                indentation();
+            }
+            advance('}', t);
+            indent = old_indent;
+        } else if (!ordinary) {
+            error("Expected '{a}' and instead saw '{b}'.",
+                  nexttoken, '{', nexttoken.value);
+        } else {
+            if (!stmt || option.curly)
+                warning("Expected '{a}' and instead saw '{b}'.",
+                        nexttoken, '{', nexttoken.value);
+
+            noreach = true;
+            indent += option.indent;
+            // test indentation only if statement is in new line
+            a = [statement(nexttoken.line === token.line)];
+            indent -= option.indent;
+            noreach = false;
+        }
+        funct['(verb)'] = null;
+        if (!ordinary || !option.funcscope) scope = s;
+        inblock = b;
+        if (ordinary && option.noempty && (!a || a.length === 0)) {
+            warning("Empty block.");
+        }
+        return a;
+    }
+
+
+    function countMember(m) {
+        if (membersOnly && typeof membersOnly[m] !== 'boolean') {
+            warning("Unexpected /*member '{a}'.", token, m);
+        }
+        if (typeof member[m] === 'number') {
+            member[m] += 1;
+        } else {
+            member[m] = 1;
+        }
+    }
+
+
+    function note_implied(token) {
+        var name = token.value, line = token.line, a = implied[name];
+        if (typeof a === 'function') {
+            a = false;
+        }
+        if (!a) {
+            a = [line];
+            implied[name] = a;
+        } else if (a[a.length - 1] !== line) {
+            a.push(line);
+        }
+    }
+
+
+    // Build the syntax table by declaring the syntactic elements of the language.
+
+    type('(number)', function () {
+        return this;
+    });
+
+    type('(string)', function () {
+        return this;
+    });
+
+    syntax['(identifier)'] = {
+        type: '(identifier)',
+        lbp: 0,
+        identifier: true,
+        nud: function () {
+            var v = this.value,
+                s = scope[v],
+                f;
+
+            if (typeof s === 'function') {
+                // Protection against accidental inheritance.
+                s = undefined;
+            } else if (typeof s === 'boolean') {
+                f = funct;
+                funct = functions[0];
+                addlabel(v, 'var');
+                s = funct;
+                funct = f;
+            }
+
+            // The name is in scope and defined in the current function.
+            if (funct === s) {
+                // Change 'unused' to 'var', and reject labels.
+                switch (funct[v]) {
+                case 'unused':
+                    funct[v] = 'var';
+                    break;
+                case 'unction':
+                    funct[v] = 'function';
+                    this['function'] = true;
+                    break;
+                case 'function':
+                    this['function'] = true;
+                    break;
+                case 'label':
+                    warning("'{a}' is a statement label.", token, v);
+                    break;
+                }
+            } else if (funct['(global)']) {
+                // The name is not defined in the function.  If we are in the global
+                // scope, then we have an undefined variable.
+                //
+                // Operators typeof and delete do not raise runtime errors even if
+                // the base object of a reference is null so no need to display warning
+                // if we're inside of typeof or delete.
+                if (anonname != 'typeof' && anonname != 'delete' &&
+                    option.undef && typeof predefined[v] !== 'boolean') {
+                    warning("'{a}' is not defined.", token, v);
+                }
+                note_implied(token);
+            } else {
+                // If the name is already defined in the current
+                // function, but not as outer, then there is a scope error.
+
+                switch (funct[v]) {
+                case 'closure':
+                case 'function':
+                case 'var':
+                case 'unused':
+                    warning("'{a}' used out of scope.", token, v);
+                    break;
+                case 'label':
+                    warning("'{a}' is a statement label.", token, v);
+                    break;
+                case 'outer':
+                case 'global':
+                    break;
+                default:
+                    // If the name is defined in an outer function, make an outer entry,
+                    // and if it was unused, make it var.
+                    if (s === true) {
+                        funct[v] = true;
+                    } else if (s === null) {
+                        warning("'{a}' is not allowed.", token, v);
+                        note_implied(token);
+                    } else if (typeof s !== 'object') {
+                        // Operators typeof and delete do not raise runtime errors even
+                        // if the base object of a reference is null so no need to
+                        // display warning if we're inside of typeof or delete.
+                        if (anonname != 'typeof' && anonname != 'delete' && option.undef) {
+                            warning("'{a}' is not defined.", token, v);
+                        } else {
+                            funct[v] = true;
+                        }
+                        note_implied(token);
+                    } else {
+                        switch (s[v]) {
+                        case 'function':
+                        case 'unction':
+                            this['function'] = true;
+                            s[v] = 'closure';
+                            funct[v] = s['(global)'] ? 'global' : 'outer';
+                            break;
+                        case 'var':
+                        case 'unused':
+                            s[v] = 'closure';
+                            funct[v] = s['(global)'] ? 'global' : 'outer';
+                            break;
+                        case 'closure':
+                        case 'parameter':
+                            funct[v] = s['(global)'] ? 'global' : 'outer';
+                            break;
+                        case 'label':
+                            warning("'{a}' is a statement label.", token, v);
+                        }
+                    }
+                }
+            }
+            return this;
+        },
+        led: function () {
+            error("Expected an operator and instead saw '{a}'.",
+                nexttoken, nexttoken.value);
+        }
+    };
+
+    type('(regexp)', function () {
+        return this;
+    });
+
+
+// ECMAScript parser
+
+    delim('(endline)');
+    delim('(begin)');
+    delim('(end)').reach = true;
+    delim('</').reach = true;
+    delim('<!');
+    delim('<!--');
+    delim('-->');
+    delim('(error)').reach = true;
+    delim('}').reach = true;
+    delim(')');
+    delim(']');
+    delim('"').reach = true;
+    delim("'").reach = true;
+    delim(';');
+    delim(':').reach = true;
+    delim(',');
+    delim('#');
+    delim('@');
+    reserve('else');
+    reserve('case').reach = true;
+    reserve('catch');
+    reserve('default').reach = true;
+    reserve('finally');
+    reservevar('arguments', function (x) {
+        if (directive['use strict'] && funct['(global)']) {
+            warning("Strict violation.", x);
+        }
+    });
+    reservevar('eval');
+    reservevar('false');
+    reservevar('Infinity');
+    reservevar('NaN');
+    reservevar('null');
+    reservevar('this', function (x) {
+        if (directive['use strict'] && !option.validthis && ((funct['(statement)'] &&
+                funct['(name)'].charAt(0) > 'Z') || funct['(global)'])) {
+            warning("Possible strict violation.", x);
+        }
+    });
+    reservevar('true');
+    reservevar('undefined');
+    assignop('=', 'assign', 20);
+    assignop('+=', 'assignadd', 20);
+    assignop('-=', 'assignsub', 20);
+    assignop('*=', 'assignmult', 20);
+    assignop('/=', 'assigndiv', 20).nud = function () {
+        error("A regular expression literal can be confused with '/='.");
+    };
+    assignop('%=', 'assignmod', 20);
+    bitwiseassignop('&=', 'assignbitand', 20);
+    bitwiseassignop('|=', 'assignbitor', 20);
+    bitwiseassignop('^=', 'assignbitxor', 20);
+    bitwiseassignop('<<=', 'assignshiftleft', 20);
+    bitwiseassignop('>>=', 'assignshiftright', 20);
+    bitwiseassignop('>>>=', 'assignshiftrightunsigned', 20);
+    infix('?', function (left, that) {
+        that.left = left;
+        that.right = expression(10);
+        advance(':');
+        that['else'] = expression(10);
+        return that;
+    }, 30);
+
+    infix('||', 'or', 40);
+    infix('&&', 'and', 50);
+    bitwise('|', 'bitor', 70);
+    bitwise('^', 'bitxor', 80);
+    bitwise('&', 'bitand', 90);
+    relation('==', function (left, right) {
+        var eqnull = option.eqnull && (left.value == 'null' || right.value == 'null');
+
+        if (!eqnull && option.eqeqeq)
+            warning("Expected '{a}' and instead saw '{b}'.", this, '===', '==');
+        else if (isPoorRelation(left))
+            warning("Use '{a}' to compare with '{b}'.", this, '===', left.value);
+        else if (isPoorRelation(right))
+            warning("Use '{a}' to compare with '{b}'.", this, '===', right.value);
+
+        return this;
+    });
+    relation('===');
+    relation('!=', function (left, right) {
+        var eqnull = option.eqnull &&
+                (left.value == 'null' || right.value == 'null');
+
+        if (!eqnull && option.eqeqeq) {
+            warning("Expected '{a}' and instead saw '{b}'.",
+                    this, '!==', '!=');
+        } else if (isPoorRelation(left)) {
+            warning("Use '{a}' to compare with '{b}'.",
+                    this, '!==', left.value);
+        } else if (isPoorRelation(right)) {
+            warning("Use '{a}' to compare with '{b}'.",
+                    this, '!==', right.value);
+        }
+        return this;
+    });
+    relation('!==');
+    relation('<');
+    relation('>');
+    relation('<=');
+    relation('>=');
+    bitwise('<<', 'shiftleft', 120);
+    bitwise('>>', 'shiftright', 120);
+    bitwise('>>>', 'shiftrightunsigned', 120);
+    infix('in', 'in', 120);
+    infix('instanceof', 'instanceof', 120);
+    infix('+', function (left, that) {
+        var right = expression(130);
+        if (left && right && left.id === '(string)' && right.id === '(string)') {
+            left.value += right.value;
+            left.character = right.character;
+            if (!option.scripturl && jx.test(left.value)) {
+                warning("JavaScript URL.", left);
+            }
+            return left;
+        }
+        that.left = left;
+        that.right = right;
+        return that;
+    }, 130);
+    prefix('+', 'num');
+    prefix('+++', function () {
+        warning("Confusing pluses.");
+        this.right = expression(150);
+        this.arity = 'unary';
+        return this;
+    });
+    infix('+++', function (left) {
+        warning("Confusing pluses.");
+        this.left = left;
+        this.right = expression(130);
+        return this;
+    }, 130);
+    infix('-', 'sub', 130);
+    prefix('-', 'neg');
+    prefix('---', function () {
+        warning("Confusing minuses.");
+        this.right = expression(150);
+        this.arity = 'unary';
+        return this;
+    });
+    infix('---', function (left) {
+        warning("Confusing minuses.");
+        this.left = left;
+        this.right = expression(130);
+        return this;
+    }, 130);
+    infix('*', 'mult', 140);
+    infix('/', 'div', 140);
+    infix('%', 'mod', 140);
+
+    suffix('++', 'postinc');
+    prefix('++', 'preinc');
+    syntax['++'].exps = true;
+
+    suffix('--', 'postdec');
+    prefix('--', 'predec');
+    syntax['--'].exps = true;
+    prefix('delete', function () {
+        var p = expression(0);
+        if (!p || (p.id !== '.' && p.id !== '[')) {
+            warning("Variables should not be deleted.");
+        }
+        this.first = p;
+        return this;
+    }).exps = true;
+    prefix('console', function () {
+        if (!option.debug) {
+            warning("All 'console' statements should be removed.");
+        }
+        return this;
+    }).exps = true;
+    prefix('alert', function () {
+        if (!option.debug) {
+            warning("All 'alert' statements should be removed.");
+        }
+        return this;
+    }).exps = true;
+    prefix('~', function () {
+        if (option.bitwise) {
+            warning("Unexpected '{a}'.", this, '~');
+        }
+        expression(150);
+        return this;
+    });
+
+    prefix('!', function () {
+        this.right = expression(150);
+        this.arity = 'unary';
+        if (bang[this.right.id] === true) {
+            warning("Confusing use of '{a}'.", this, '!');
+        }
+        return this;
+    });
+    prefix('typeof', 'typeof');
+    prefix('new', function () {
+        var c = expression(155), i;
+        if (c && c.id !== 'function') {
+            if (c.identifier) {
+                c['new'] = true;
+                switch (c.value) {
+                case 'Object':
+                    warning("Use the object literal notation {}.", token);
+                    break;
+                case 'Number':
+                case 'String':
+                case 'Boolean':
+                case 'Math':
+                case 'JSON':
+                    warning("Do not use {a} as a constructor.", token, c.value);
+                    break;
+                case 'Function':
+                    if (!option.evil) {
+                        warning("The Function constructor is eval.");
+                    }
+                    break;
+                case 'Date':
+                case 'RegExp':
+                    break;
+                default:
+                    if (c.id !== 'function') {
+                        i = c.value.substr(0, 1);
+                        if (option.newcap && (i < 'A' || i > 'Z')) {
+                            warning("A constructor name should start with an uppercase letter.",
+                                token);
+                        }
+                    }
+                }
+            } else {
+                if (c.id !== '.' && c.id !== '[' && c.id !== '(') {
+                    warning("Bad constructor.", token);
+                }
+            }
+        } else {
+            if (!option.supernew)
+                warning("Weird construction. Delete 'new'.", this);
+        }
+        adjacent(token, nexttoken);
+        if (nexttoken.id !== '(' && !option.supernew) {
+            warning("Missing '()' invoking a constructor.");
+        }
+        this.first = c;
+        return this;
+    });
+    syntax['new'].exps = true;
+
+    prefix('void').exps = true;
+
+    infix('.', function (left, that) {
+        adjacent(prevtoken, token);
+        nobreak();
+        var m = identifier();
+        if (typeof m === 'string') {
+            countMember(m);
+        }
+        that.left = left;
+        that.right = m;
+        if (left && left.value === 'arguments' && (m === 'callee' || m === 'caller')) {
+            if (option.noarg)
+                warning("Avoid arguments.{a}.", left, m);
+            else if (directive['use strict'])
+                error('Strict violation.');
+        } else if (!option.evil && left && left.value === 'document' &&
+                (m === 'write' || m === 'writeln')) {
+            warning("document.write can be a form of eval.", left);
+        }
+        if (!option.evil && (m === 'eval' || m === 'execScript')) {
+            warning('eval is evil.');
+        }
+        return that;
+    }, 160, true);
+
+    infix('(', function (left, that) {
+        if (prevtoken.id !== '}' && prevtoken.id !== ')') {
+            nobreak(prevtoken, token);
+        }
+        nospace();
+        if (option.immed && !left.immed && left.id === 'function') {
+            warning("Wrap an immediate function invocation in parentheses " +
+                "to assist the reader in understanding that the expression " +
+                "is the result of a function, and not the function itself.");
+        }
+        var n = 0,
+            p = [];
+        if (left) {
+            if (left.type === '(identifier)') {
+                if (left.value.match(/^[A-Z]([A-Z0-9_$]*[a-z][A-Za-z0-9_$]*)?$/)) {
+                    if (left.value !== 'Number' && left.value !== 'String' &&
+                            left.value !== 'Boolean' &&
+                            left.value !== 'Date') {
+                        if (left.value === 'Math') {
+                            warning("Math is not a function.", left);
+                        } else if (option.newcap) {
+                            warning(
+"Missing 'new' prefix when invoking a constructor.", left);
+                        }
+                    }
+                }
+            }
+        }
+        if (nexttoken.id !== ')') {
+            for (;;) {
+                p[p.length] = expression(10);
+                n += 1;
+                if (nexttoken.id !== ',') {
+                    break;
+                }
+                comma();
+            }
+        }
+        advance(')');
+        nospace(prevtoken, token);
+        if (typeof left === 'object') {
+            if (left.value === 'parseInt' && n === 1) {
+                warning("Missing radix parameter.", left);
+            }
+            if (!option.evil) {
+                if (left.value === 'eval' || left.value === 'Function' ||
+                        left.value === 'execScript') {
+                    warning("eval is evil.", left);
+                } else if (p[0] && p[0].id === '(string)' &&
+                       (left.value === 'setTimeout' ||
+                        left.value === 'setInterval')) {
+                    warning(
+    "Implied eval is evil. Pass a function instead of a string.", left);
+                }
+            }
+            if (!left.identifier && left.id !== '.' && left.id !== '[' &&
+                    left.id !== '(' && left.id !== '&&' && left.id !== '||' &&
+                    left.id !== '?') {
+                warning("Bad invocation.", left);
+            }
+        }
+        that.left = left;
+        return that;
+    }, 155, true).exps = true;
+
+    prefix('(', function () {
+        nospace();
+        if (nexttoken.id === 'function') {
+            nexttoken.immed = true;
+        }
+        var v = expression(0);
+        advance(')', this);
+        nospace(prevtoken, token);
+        if (option.immed && v.id === 'function') {
+            if (nexttoken.id === '(') {
+                warning(
+"Move the invocation into the parens that contain the function.", nexttoken);
+            } else {
+                warning(
+"Do not wrap function literals in parens unless they are to be immediately invoked.",
+                        this);
+            }
+        }
+        return v;
+    });
+
+    infix('[', function (left, that) {
+        nobreak(prevtoken, token);
+        nospace();
+        var e = expression(0), s;
+        if (e && e.type === '(string)') {
+            if (!option.evil && (e.value === 'eval' || e.value === 'execScript')) {
+                warning("eval is evil.", that);
+            }
+            countMember(e.value);
+            if (!option.sub && ix.test(e.value)) {
+                s = syntax[e.value];
+                if (!s || !s.reserved) {
+                    warning("['{a}'] is better written in dot notation.",
+                            e, e.value);
+                }
+            }
+        }
+        advance(']', that);
+        nospace(prevtoken, token);
+        that.left = left;
+        that.right = e;
+        return that;
+    }, 160, true);
+
+    prefix('[', function () {
+        var b = token.line !== nexttoken.line;
+        this.first = [];
+        if (b) {
+            indent += option.indent;
+            if (nexttoken.from === indent + option.indent) {
+                indent += option.indent;
+            }
+        }
+        while (nexttoken.id !== '(end)') {
+            while (nexttoken.id === ',') {
+                warning("Extra comma.");
+                advance(',');
+            }
+            if (nexttoken.id === ']') {
+                break;
+            }
+            if (b && token.line !== nexttoken.line) {
+                indentation();
+            }
+            this.first.push(expression(10));
+            if (nexttoken.id === ',') {
+                comma();
+                if (nexttoken.id === ']' && !option.es5) {
+                    warning("Extra comma.", token);
+                    break;
+                }
+            } else {
+                break;
+            }
+        }
+        if (b) {
+            indent -= option.indent;
+            indentation();
+        }
+        advance(']', this);
+        return this;
+    }, 160);
+
+
+    function property_name() {
+        var id = optionalidentifier(true);
+        if (!id) {
+            if (nexttoken.id === '(string)') {
+                id = nexttoken.value;
+                advance();
+            } else if (nexttoken.id === '(number)') {
+                id = nexttoken.value.toString();
+                advance();
+            }
+        }
+        return id;
+    }
+
+
+    function functionparams() {
+        var i, t = nexttoken, p = [];
+        advance('(');
+        nospace();
+        if (nexttoken.id === ')') {
+            advance(')');
+            nospace(prevtoken, token);
+            return;
+        }
+        for (;;) {
+            i = identifier(true);
+            p.push(i);
+            addlabel(i, 'parameter');
+            if (nexttoken.id === ',') {
+                comma();
+            } else {
+                advance(')', t);
+                nospace(prevtoken, token);
+                return p;
+            }
+        }
+    }
+
+
+    function doFunction(i, statement) {
+        var f,
+            oldOption = option,
+            oldScope  = scope;
+
+        option = Object.create(option);
+        scope = Object.create(scope);
+
+        funct = {
+            '(name)'     : i || '"' + anonname + '"',
+            '(line)'     : nexttoken.line,
+            '(context)'  : funct,
+            '(breakage)' : 0,
+            '(loopage)'  : 0,
+            '(scope)'    : scope,
+            '(statement)': statement
+        };
+        f = funct;
+        token.funct = funct;
+        functions.push(funct);
+        if (i) {
+            addlabel(i, 'function');
+        }
+        funct['(params)'] = functionparams();
+
+        block(false, false, true);
+        scope = oldScope;
+        option = oldOption;
+        funct['(last)'] = token.line;
+        funct = funct['(context)'];
+        return f;
+    }
+
+
+    (function (x) {
+        x.nud = function () {
+            var b, f, i, j, p, seen = {}, t;
+
+            b = token.line !== nexttoken.line;
+            if (b) {
+                indent += option.indent;
+                if (nexttoken.from === indent + option.indent) {
+                    indent += option.indent;
+                }
+            }
+            for (;;) {
+                if (nexttoken.id === '}') {
+                    break;
+                }
+                if (b) {
+                    indentation();
+                }
+                if (nexttoken.value === 'get' && peek().id !== ':') {
+                    advance('get');
+                    if (!option.es5) {
+                        error("get/set are ES5 features.");
+                    }
+                    i = property_name();
+                    if (!i) {
+                        error("Missing property name.");
+                    }
+                    t = nexttoken;
+                    adjacent(token, nexttoken);
+                    f = doFunction();
+                    if (!option.loopfunc && funct['(loopage)']) {
+                        warning("Don't make functions within a loop.", t);
+                    }
+                    p = f['(params)'];
+                    if (p) {
+                        warning("Unexpected parameter '{a}' in get {b} function.", t, p[0], i);
+                    }
+                    adjacent(token, nexttoken);
+                    advance(',');
+                    indentation();
+                    advance('set');
+                    j = property_name();
+                    if (i !== j) {
+                        error("Expected {a} and instead saw {b}.", token, i, j);
+                    }
+                    t = nexttoken;
+                    adjacent(token, nexttoken);
+                    f = doFunction();
+                    p = f['(params)'];
+                    if (!p || p.length !== 1 || p[0] !== 'value') {
+                        warning("Expected (value) in set {a} function.", t, i);
+                    }
+                } else {
+                    i = property_name();
+                    if (typeof i !== 'string') {
+                        break;
+                    }
+                    advance(':');
+                    nonadjacent(token, nexttoken);
+                    expression(10);
+                }
+                if (seen[i] === true) {
+                    warning("Duplicate member '{a}'.", nexttoken, i);
+                }
+                seen[i] = true;
+                countMember(i);
+                if (nexttoken.id === ',') {
+                    comma();
+                    if (nexttoken.id === ',') {
+                        warning("Extra comma.", token);
+                    } else if (nexttoken.id === '}' && !option.es5) {
+                        warning("Extra comma.", token);
+                    }
+                } else {
+                    break;
+                }
+            }
+            if (b) {
+                indent -= option.indent;
+                indentation();
+            }
+            advance('}', this);
+            return this;
+        };
+        x.fud = function () {
+            error("Expected to see a statement and instead saw a block.", token);
+        };
+    }(delim('{')));
+
+// This Function is called when esnext option is set to true
+// it adds the `const` statement to JSHINT
+
+    useESNextSyntax = function () {
+        var conststatement = stmt('const', function (prefix) {
+            var id, name, value;
+
+            this.first = [];
+            for (;;) {
+                nonadjacent(token, nexttoken);
+                id = identifier();
+                if (funct[id] === "const") {
+                    warning("const '" + id + "' has already been declared");
+                }
+                if (funct['(global)'] && predefined[id] === false) {
+                    warning("Redefinition of '{a}'.", token, id);
+                }
+                addlabel(id, 'const');
+                if (prefix) {
+                    break;
+                }
+                name = token;
+                this.first.push(token);
+
+                if (nexttoken.id !== "=") {
+                    warning("const " +
+                      "'{a}' is initialized to 'undefined'.", token, id);
+                }
+
+                if (nexttoken.id === '=') {
+                    nonadjacent(token, nexttoken);
+                    advance('=');
+                    nonadjacent(token, nexttoken);
+                    if (nexttoken.id === 'undefined') {
+                        warning("It is not necessary to initialize " +
+                          "'{a}' to 'undefined'.", token, id);
+                    }
+                    if (peek(0).id === '=' && nexttoken.identifier) {
+                        error("Constant {a} was not declared correctly.",
+                                nexttoken, nexttoken.value);
+                    }
+                    value = expression(0);
+                    name.first = value;
+                }
+
+                if (nexttoken.id !== ',') {
+                    break;
+                }
+                comma();
+            }
+            return this;
+        });
+        conststatement.exps = true;
+    };
+
+    var varstatement = stmt('var', function (prefix) {
+        // JavaScript does not have block scope. It only has function scope. So,
+        // declaring a variable in a block can have unexpected consequences.
+        var id, name, value;
+
+        if (funct['(onevar)'] && option.onevar) {
+            warning("Too many var statements.");
+        } else if (!funct['(global)']) {
+            funct['(onevar)'] = true;
+        }
+        this.first = [];
+        for (;;) {
+            nonadjacent(token, nexttoken);
+            id = identifier();
+            if (option.esnext && funct[id] === "const") {
+                warning("const '" + id + "' has already been declared");
+            }
+            if (funct['(global)'] && predefined[id] === false) {
+                warning("Redefinition of '{a}'.", token, id);
+            }
+            addlabel(id, 'unused');
+            if (prefix) {
+                break;
+            }
+            name = token;
+            this.first.push(token);
+            if (nexttoken.id === '=') {
+                nonadjacent(token, nexttoken);
+                advance('=');
+                nonadjacent(token, nexttoken);
+                if (nexttoken.id === 'undefined') {
+                    warning("It is not necessary to initialize '{a}' to 'undefined'.", token, id);
+                }
+                if (peek(0).id === '=' && nexttoken.identifier) {
+                    error("Variable {a} was not declared correctly.",
+                            nexttoken, nexttoken.value);
+                }
+                value = expression(0);
+                name.first = value;
+            }
+            if (nexttoken.id !== ',') {
+                break;
+            }
+            comma();
+        }
+        return this;
+    });
+    varstatement.exps = true;
+
+    blockstmt('function', function () {
+        if (inblock) {
+            warning("Function declarations should not be placed in blocks. " +
+                "Use a function expression or move the statement to the top of " +
+                "the outer function.", token);
+
+        }
+        var i = identifier();
+        if (option.esnext && funct[i] === "const") {
+            warning("const '" + i + "' has already been declared");
+        }
+        adjacent(token, nexttoken);
+        addlabel(i, 'unction');
+        doFunction(i, true);
+        if (nexttoken.id === '(' && nexttoken.line === token.line) {
+            error(
+"Function declarations are not invocable. Wrap the whole function invocation in parens.");
+        }
+        return this;
+    });
+
+    prefix('function', function () {
+        var i = optionalidentifier();
+        if (i) {
+            adjacent(token, nexttoken);
+        } else {
+            nonadjacent(token, nexttoken);
+        }
+        doFunction(i);
+        if (!option.loopfunc && funct['(loopage)']) {
+            warning("Don't make functions within a loop.");
+        }
+        return this;
+    });
+
+    blockstmt('if', function () {
+        var t = nexttoken;
+        advance('(');
+        nonadjacent(this, t);
+        nospace();
+        expression(20);
+        if (nexttoken.id === '=') {
+            if (!option.boss)
+                warning("Expected a conditional expression and instead saw an assignment.");
+            advance('=');
+            expression(20);
+        }
+        advance(')', t);
+        nospace(prevtoken, token);
+        block(true, true);
+        if (nexttoken.id === 'else') {
+            nonadjacent(token, nexttoken);
+            advance('else');
+            if (nexttoken.id === 'if' || nexttoken.id === 'switch') {
+                statement(true);
+            } else {
+                block(true, true);
+            }
+        }
+        return this;
+    });
+
+    blockstmt('try', function () {
+        var b, e, s;
+
+        block(false);
+        if (nexttoken.id === 'catch') {
+            advance('catch');
+            nonadjacent(token, nexttoken);
+            advance('(');
+            s = scope;
+            scope = Object.create(s);
+            e = nexttoken.value;
+            if (nexttoken.type !== '(identifier)') {
+                warning("Expected an identifier and instead saw '{a}'.",
+                    nexttoken, e);
+            } else {
+                addlabel(e, 'exception');
+            }
+            advance();
+            advance(')');
+            block(false);
+            b = true;
+            scope = s;
+        }
+        if (nexttoken.id === 'finally') {
+            advance('finally');
+            block(false);
+            return;
+        } else if (!b) {
+            error("Expected '{a}' and instead saw '{b}'.",
+                    nexttoken, 'catch', nexttoken.value);
+        }
+        return this;
+    });
+
+    blockstmt('while', function () {
+        var t = nexttoken;
+        funct['(breakage)'] += 1;
+        funct['(loopage)'] += 1;
+        advance('(');
+        nonadjacent(this, t);
+        nospace();
+        expression(20);
+        if (nexttoken.id === '=') {
+            if (!option.boss)
+                warning("Expected a conditional expression and instead saw an assignment.");
+            advance('=');
+            expression(20);
+        }
+        advance(')', t);
+        nospace(prevtoken, token);
+        block(true, true);
+        funct['(breakage)'] -= 1;
+        funct['(loopage)'] -= 1;
+        return this;
+    }).labelled = true;
+
+    reserve('with');
+
+    blockstmt('switch', function () {
+        var t = nexttoken,
+            g = false;
+        funct['(breakage)'] += 1;
+        advance('(');
+        nonadjacent(this, t);
+        nospace();
+        this.condition = expression(20);
+        advance(')', t);
+        nospace(prevtoken, token);
+        nonadjacent(token, nexttoken);
+        t = nexttoken;
+        advance('{');
+        nonadjacent(token, nexttoken);
+        indent += option.indent;
+        this.cases = [];
+        for (;;) {
+            switch (nexttoken.id) {
+            case 'case':
+                switch (funct['(verb)']) {
+                case 'break':
+                case 'case':
+                case 'continue':
+                case 'return':
+                case 'switch':
+                case 'throw':
+                    break;
+                default:
+                    // You can tell JSHint that you don't use break intentionally by
+                    // adding a comment /* falls through */ on a line just before
+                    // the next `case`.
+                    if (!ft.test(lines[nexttoken.line - 2])) {
+                        warning(
+                            "Expected a 'break' statement before 'case'.",
+                            token);
+                    }
+                }
+                indentation(-option.indent);
+                advance('case');
+                this.cases.push(expression(20));
+                g = true;
+                advance(':');
+                funct['(verb)'] = 'case';
+                break;
+            case 'default':
+                switch (funct['(verb)']) {
+                case 'break':
+                case 'continue':
+                case 'return':
+                case 'throw':
+                    break;
+                default:
+                    if (!ft.test(lines[nexttoken.line - 2])) {
+                        warning(
+                            "Expected a 'break' statement before 'default'.",
+                            token);
+                    }
+                }
+                indentation(-option.indent);
+                advance('default');
+                g = true;
+                advance(':');
+                break;
+            case '}':
+                indent -= option.indent;
+                indentation();
+                advance('}', t);
+                if (this.cases.length === 1 || this.condition.id === 'true' ||
+                        this.condition.id === 'false') {
+                    if (!option.onecase)
+                        warning("This 'switch' should be an 'if'.", this);
+                }
+                funct['(breakage)'] -= 1;
+                funct['(verb)'] = undefined;
+                return;
+            case '(end)':
+                error("Missing '{a}'.", nexttoken, '}');
+                return;
+            default:
+                if (g) {
+                    switch (token.id) {
+                    case ',':
+                        error("Each value should have its own case label.");
+                        return;
+                    case ':':
+                        g = false;
+                        statements();
+                        break;
+                    default:
+                        error("Missing ':' on a case clause.", token);
+                        return;
+                    }
+                } else {
+                    if (token.id === ':') {
+                        advance(':');
+                        error("Unexpected '{a}'.", token, ':');
+                        statements();
+                    } else {
+                        error("Expected '{a}' and instead saw '{b}'.",
+                            nexttoken, 'case', nexttoken.value);
+                        return;
+                    }
+                }
+            }
+        }
+    }).labelled = true;
+
+    stmt('debugger', function () {
+        if (!option.debug) {
+            warning("All 'debugger' statements should be removed.");
+        }
+        return this;
+    }).exps = true;
+//    stmt('alert', function () {
+//        if (!option.debug) {
+//            warning("All 'alert' statements should be removed.");
+//        }
+//        return this;
+//    }).exps = true;
+//    stmt('console', function () {
+//        if (!option.debug) {
+//            warning("All 'console' statements should be removed.");
+//        }
+//        return this;
+//    }).exps = true;
+
+    (function () {
+        var x = stmt('do', function () {
+            funct['(breakage)'] += 1;
+            funct['(loopage)'] += 1;
+            this.first = block(true);
+            advance('while');
+            var t = nexttoken;
+            nonadjacent(token, t);
+            advance('(');
+            nospace();
+            expression(20);
+            if (nexttoken.id === '=') {
+                if (!option.boss)
+                    warning("Expected a conditional expression and instead saw an assignment.");
+                advance('=');
+                expression(20);
+            }
+            advance(')', t);
+            nospace(prevtoken, token);
+            funct['(breakage)'] -= 1;
+            funct['(loopage)'] -= 1;
+            return this;
+        });
+        x.labelled = true;
+        x.exps = true;
+    }());
+
+    blockstmt('for', function () {
+        var s, t = nexttoken;
+        funct['(breakage)'] += 1;
+        funct['(loopage)'] += 1;
+        advance('(');
+        nonadjacent(this, t);
+        nospace();
+        if (peek(nexttoken.id === 'var' ? 1 : 0).id === 'in') {
+            if (nexttoken.id === 'var') {
+                advance('var');
+                varstatement.fud.call(varstatement, true);
+            } else {
+                switch (funct[nexttoken.value]) {
+                case 'unused':
+                    funct[nexttoken.value] = 'var';
+                    break;
+                case 'var':
+                    break;
+                default:
+                    warning("Bad for in variable '{a}'.",
+                            nexttoken, nexttoken.value);
+                }
+                advance();
+            }
+            advance('in');
+            expression(20);
+            advance(')', t);
+            s = block(true, true);
+            if (option.forin && (s.length > 1 || typeof s[0] !== 'object' ||
+                    s[0].value !== 'if')) {
+                warning("The body of a for in should be wrapped in an if statement to filter " +
+                        "unwanted properties from the prototype.", this);
+            }
+            funct['(breakage)'] -= 1;
+            funct['(loopage)'] -= 1;
+            return this;
+        } else {
+            if (nexttoken.id !== ';') {
+                if (nexttoken.id === 'var') {
+                    advance('var');
+                    varstatement.fud.call(varstatement);
+                } else {
+                    for (;;) {
+                        expression(0, 'for');
+                        if (nexttoken.id !== ',') {
+                            break;
+                        }
+                        comma();
+                    }
+                }
+            }
+            nolinebreak(token);
+            advance(';');
+            if (nexttoken.id !== ';') {
+                expression(20);
+                if (nexttoken.id === '=') {
+                    if (!option.boss)
+                        warning("Expected a conditional expression and instead saw an assignment.");
+                    advance('=');
+                    expression(20);
+                }
+            }
+            nolinebreak(token);
+            advance(';');
+            if (nexttoken.id === ';') {
+                error("Expected '{a}' and instead saw '{b}'.",
+                        nexttoken, ')', ';');
+            }
+            if (nexttoken.id !== ')') {
+                for (;;) {
+                    expression(0, 'for');
+                    if (nexttoken.id !== ',') {
+                        break;
+                    }
+                    comma();
+                }
+            }
+            advance(')', t);
+            nospace(prevtoken, token);
+            block(true, true);
+            funct['(breakage)'] -= 1;
+            funct['(loopage)'] -= 1;
+            return this;
+        }
+    }).labelled = true;
+
+
+    stmt('break', function () {
+        var v = nexttoken.value;
+
+        if (funct['(breakage)'] === 0)
+            warning("Unexpected '{a}'.", nexttoken, this.value);
+
+        if (!option.asi)
+            nolinebreak(this);
+
+        if (nexttoken.id !== ';') {
+            if (token.line === nexttoken.line) {
+                if (funct[v] !== 'label') {
+                    warning("'{a}' is not a statement label.", nexttoken, v);
+                } else if (scope[v] !== funct) {
+                    warning("'{a}' is out of scope.", nexttoken, v);
+                }
+                this.first = nexttoken;
+                advance();
+            }
+        }
+        reachable('break');
+        return this;
+    }).exps = true;
+
+
+    stmt('continue', function () {
+        var v = nexttoken.value;
+
+        if (funct['(breakage)'] === 0)
+            warning("Unexpected '{a}'.", nexttoken, this.value);
+
+        if (!option.asi)
+            nolinebreak(this);
+
+        if (nexttoken.id !== ';') {
+            if (token.line === nexttoken.line) {
+                if (funct[v] !== 'label') {
+                    warning("'{a}' is not a statement label.", nexttoken, v);
+                } else if (scope[v] !== funct) {
+                    warning("'{a}' is out of scope.", nexttoken, v);
+                }
+                this.first = nexttoken;
+                advance();
+            }
+        } else if (!funct['(loopage)']) {
+            warning("Unexpected '{a}'.", nexttoken, this.value);
+        }
+        reachable('continue');
+        return this;
+    }).exps = true;
+
+
+    stmt('return', function () {
+        if (this.line === nexttoken.line) {
+            if (nexttoken.id === '(regexp)')
+                warning("Wrap the /regexp/ literal in parens to disambiguate the slash operator.");
+
+            if (nexttoken.id !== ';' && !nexttoken.reach) {
+                nonadjacent(token, nexttoken);
+                this.first = expression(0);
+            }
+        } else if (!option.asi) {
+            nolinebreak(this); // always warn (Line breaking error)
+        }
+        reachable('return');
+        return this;
+    }).exps = true;
+
+
+    stmt('throw', function () {
+        nolinebreak(this);
+        nonadjacent(token, nexttoken);
+        this.first = expression(20);
+        reachable('throw');
+        return this;
+    }).exps = true;
+
+//  Superfluous reserved words
+
+    reserve('class');
+    reserve('const');
+    reserve('enum');
+    reserve('export');
+    reserve('extends');
+    reserve('import');
+    reserve('super');
+
+    reserve('let');
+    reserve('yield');
+    reserve('implements');
+    reserve('interface');
+    reserve('package');
+    reserve('private');
+    reserve('protected');
+    reserve('public');
+    reserve('static');
+
+
+// Parse JSON
+
+    function jsonValue() {
+
+        function jsonObject() {
+            var o = {}, t = nexttoken;
+            advance('{');
+            if (nexttoken.id !== '}') {
+                for (;;) {
+                    if (nexttoken.id === '(end)') {
+                        error("Missing '}' to match '{' from line {a}.",
+                                nexttoken, t.line);
+                    } else if (nexttoken.id === '}') {
+                        warning("Unexpected comma.", token);
+                        break;
+                    } else if (nexttoken.id === ',') {
+                        error("Unexpected comma.", nexttoken);
+                    } else if (nexttoken.id !== '(string)') {
+                        warning("Expected a string and instead saw {a}.",
+                                nexttoken, nexttoken.value);
+                    }
+                    if (o[nexttoken.value] === true) {
+                        warning("Duplicate key '{a}'.",
+                                nexttoken, nexttoken.value);
+                    } else if ((nexttoken.value === '__proto__' &&
+                        !option.proto) || (nexttoken.value === '__iterator__' &&
+                        !option.iterator)) {
+                        warning("The '{a}' key may produce unexpected results.",
+                            nexttoken, nexttoken.value);
+                    } else {
+                        o[nexttoken.value] = true;
+                    }
+                    advance();
+                    advance(':');
+                    jsonValue();
+                    if (nexttoken.id !== ',') {
+                        break;
+                    }
+                    advance(',');
+                }
+            }
+            advance('}');
+        }
+
+        function jsonArray() {
+            var t = nexttoken;
+            advance('[');
+            if (nexttoken.id !== ']') {
+                for (;;) {
+                    if (nexttoken.id === '(end)') {
+                        error("Missing ']' to match '[' from line {a}.",
+                                nexttoken, t.line);
+                    } else if (nexttoken.id === ']') {
+                        warning("Unexpected comma.", token);
+                        break;
+                    } else if (nexttoken.id === ',') {
+                        error("Unexpected comma.", nexttoken);
+                    }
+                    jsonValue();
+                    if (nexttoken.id !== ',') {
+                        break;
+                    }
+                    advance(',');
+                }
+            }
+            advance(']');
+        }
+
+        switch (nexttoken.id) {
+        case '{':
+            jsonObject();
+            break;
+        case '[':
+            jsonArray();
+            break;
+        case 'true':
+        case 'false':
+        case 'null':
+        case '(number)':
+        case '(string)':
+            advance();
+            break;
+        case '-':
+            advance('-');
+            if (token.character !== nexttoken.from) {
+                warning("Unexpected space after '-'.", token);
+            }
+            adjacent(token, nexttoken);
+            advance('(number)');
+            break;
+        default:
+            error("Expected a JSON value.", nexttoken);
+        }
+    }
+
+
+// The actual JSHINT function itself.
+
+    var itself = function (s, o, g) {
+        var a, i, k;
+        JSHINT.errors = [];
+        predefined = Object.create(standard);
+        combine(predefined, g || {});
+        if (o) {
+            a = o.predef;
+            if (a) {
+                if (Array.isArray(a)) {
+                    for (i = 0; i < a.length; i += 1) {
+                        predefined[a[i]] = true;
+                    }
+                } else if (typeof a === 'object') {
+                    k = Object.keys(a);
+                    for (i = 0; i < k.length; i += 1) {
+                        predefined[k[i]] = !!a[k[i]];
+                    }
+                }
+            }
+            option = o;
+        } else {
+            option = {};
+        }
+        option.indent = option.indent || 4;
+        option.maxerr = option.maxerr || 5000000;
+
+        tab = '';
+        for (i = 0; i < option.indent; i += 1) {
+            tab += ' ';
+        }
+        indent = 1;
+        global = Object.create(predefined);
+        scope = global;
+        funct = {
+            '(global)': true,
+            '(name)': '(global)',
+            '(scope)': scope,
+            '(breakage)': 0,
+            '(loopage)': 0
+        };
+        functions = [funct];
+        urls = [];
+        src = false;
+        stack = null;
+        member = {};
+        membersOnly = null;
+        implied = {};
+        inblock = false;
+        lookahead = [];
+        jsonmode = false;
+        warnings = 0;
+        lex.init(s);
+        prereg = true;
+        directive = {};
+
+        prevtoken = token = nexttoken = syntax['(begin)'];
+        assume();
+
+        // combine the passed globals after we've assumed all our options
+        combine(predefined, g || {});
+
+        try {
+            advance();
+            switch (nexttoken.id) {
+            case '{':
+            case '[':
+                option.laxbreak = true;
+                jsonmode = true;
+                jsonValue();
+                break;
+            default:
+                directives();
+                if (directive["use strict"] && !option.globalstrict) {
+                    warning("Use the function form of \"use strict\".", prevtoken);
+                }
+
+                statements();
+            }
+            advance('(end)');
+        } catch (e) {
+            if (e) {
+                JSHINT.errors.push({
+                    reason    : e.message,
+                    line      : e.line || nexttoken.line,
+                    character : e.character || nexttoken.from
+                }, null);
+            }
+        }
+        return JSHINT.errors.length === 0;
+    };
+
+    // Data summary.
+    itself.data = function () {
+
+        var data = { functions: [], options: option }, fu, globals, implieds = [], f, i, j,
+            members = [], n, unused = [], v;
+        if (itself.errors.length) {
+            data.errors = itself.errors;
+        }
+
+        if (jsonmode) {
+            data.json = true;
+        }
+
+        for (n in implied) {
+            if (is_own(implied, n)) {
+                implieds.push({
+                    name: n,
+                    line: implied[n]
+                });
+            }
+        }
+        if (implieds.length > 0) {
+            data.implieds = implieds;
+        }
+
+        if (urls.length > 0) {
+            data.urls = urls;
+        }
+
+        globals = Object.keys(scope);
+        if (globals.length > 0) {
+            data.globals = globals;
+        }
+
+        for (i = 1; i < functions.length; i += 1) {
+            f = functions[i];
+            fu = {};
+            for (j = 0; j < functionicity.length; j += 1) {
+                fu[functionicity[j]] = [];
+            }
+            for (n in f) {
+                if (is_own(f, n) && n.charAt(0) !== '(') {
+                    v = f[n];
+                    if (v === 'unction') {
+                        v = 'unused';
+                    }
+                    if (Array.isArray(fu[v])) {
+                        fu[v].push(n);
+                        if (v === 'unused') {
+                            unused.push({
+                                name: n,
+                                line: f['(line)'],
+                                'function': f['(name)']
+                            });
+                        }
+                    }
+                }
+            }
+            for (j = 0; j < functionicity.length; j += 1) {
+                if (fu[functionicity[j]].length === 0) {
+                    delete fu[functionicity[j]];
+                }
+            }
+            fu.name = f['(name)'];
+            fu.param = f['(params)'];
+            fu.line = f['(line)'];
+            fu.last = f['(last)'];
+            data.functions.push(fu);
+        }
+
+        if (unused.length > 0) {
+            data.unused = unused;
+        }
+
+        members = [];
+        for (n in member) {
+            if (typeof member[n] === 'number') {
+                data.member = member;
+                break;
+            }
+        }
+
+        return data;
+    };
+
+    itself.report = function (option) {
+        var data = itself.data();
+
+        var a = [], c, e, err, f, i, k, l, m = '', n, o = [], s;
+
+        function detail(h, array) {
+            var b, i, singularity;
+            if (array) {
+                o.push('<div><i>' + h + '</i> ');
+                array = array.sort();
+                for (i = 0; i < array.length; i += 1) {
+                    if (array[i] !== singularity) {
+                        singularity = array[i];
+                        o.push((b ? ', ' : '') + singularity);
+                        b = true;
+                    }
+                }
+                o.push('</div>');
+            }
+        }
+
+
+        if (data.errors || data.implieds || data.unused) {
+            err = true;
+            o.push('<div id=errors><i>Error:</i>');
+            if (data.errors) {
+                for (i = 0; i < data.errors.length; i += 1) {
+                    c = data.errors[i];
+                    if (c) {
+                        e = c.evidence || '';
+                        o.push('<p>Problem' + (isFinite(c.line) ? ' at line ' +
+                                c.line + ' character ' + c.character : '') +
+                                ': ' + c.reason.entityify() +
+                                '</p><p class=evidence>' +
+                                (e && (e.length > 80 ? e.slice(0, 77) + '...' :
+                                e).entityify()) + '</p>');
+                    }
+                }
+            }
+
+            if (data.implieds) {
+                s = [];
+                for (i = 0; i < data.implieds.length; i += 1) {
+                    s[i] = '<code>' + data.implieds[i].name + '</code>&nbsp;<i>' +
+                        data.implieds[i].line + '</i>';
+                }
+                o.push('<p><i>Implied global:</i> ' + s.join(', ') + '</p>');
+            }
+
+            if (data.unused) {
+                s = [];
+                for (i = 0; i < data.unused.length; i += 1) {
+                    s[i] = '<code><u>' + data.unused[i].name + '</u></code>&nbsp;<i>' +
+                        data.unused[i].line + '</i> <code>' +
+                        data.unused[i]['function'] + '</code>';
+                }
+                o.push('<p><i>Unused variable:</i> ' + s.join(', ') + '</p>');
+            }
+            if (data.json) {
+                o.push('<p>JSON: bad.</p>');
+            }
+            o.push('</div>');
+        }
+
+        if (!option) {
+
+            o.push('<br><div id=functions>');
+
+            if (data.urls) {
+                detail("URLs<br>", data.urls, '<br>');
+            }
+
+            if (data.json && !err) {
+                o.push('<p>JSON: good.</p>');
+            } else if (data.globals) {
+                o.push('<div><i>Global</i> ' +
+                        data.globals.sort().join(', ') + '</div>');
+            } else {
+                o.push('<div><i>No new global variables introduced.</i></div>');
+            }
+
+            for (i = 0; i < data.functions.length; i += 1) {
+                f = data.functions[i];
+
+                o.push('<br><div class=function><i>' + f.line + '-' +
+                        f.last + '</i> ' + (f.name || '') + '(' +
+                        (f.param ? f.param.join(', ') : '') + ')</div>');
+                detail('<big><b>Unused</b></big>', f.unused);
+                detail('Closure', f.closure);
+                detail('Variable', f['var']);
+                detail('Exception', f.exception);
+                detail('Outer', f.outer);
+                detail('Global', f.global);
+                detail('Label', f.label);
+            }
+
+            if (data.member) {
+                a = Object.keys(data.member);
+                if (a.length) {
+                    a = a.sort();
+                    m = '<br><pre id=members>/*members ';
+                    l = 10;
+                    for (i = 0; i < a.length; i += 1) {
+                        k = a[i];
+                        n = k.name();
+                        if (l + n.length > 72) {
+                            o.push(m + '<br>');
+                            m = '    ';
+                            l = 1;
+                        }
+                        l += n.length + 2;
+                        if (data.member[k] === 1) {
+                            n = '<i>' + n + '</i>';
+                        }
+                        if (i < a.length - 1) {
+                            n += ', ';
+                        }
+                        m += n;
+                    }
+                    o.push(m + '<br>*/</pre>');
+                }
+                o.push('</div>');
+            }
+        }
+        return o.join('');
+    };
+
+    itself.jshint = itself;
+    itself.edition = '2011-04-16';
+
+    return itself;
+}());
+
+// Make JSHINT a Node module, if possible.
+if (typeof exports == 'object' && exports)
+    exports.JSHINT = JSHINT;
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/version b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/version
new file mode 100644
index 000000000..93b9d970b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jshunter_1.2.0.1/jshunter_dev/jshunter/version
@@ -0,0 +1,22 @@
+#beta version
+version:1.2.0.1
+
+[changelog]
+1.��ָ��������ļ��Ѿ�������ܾ���飬�Է���Դ�ļ������ǵ����
+2.֧�ֵݹ���Ŀ¼�ڵ������ļ�
+3.֧�ּ��html�ļ��е�js���루��ȡ<script>��ǩ�ڵĴ��룩
+4.�޸���<script></script>��ͬһ��ʱ������ѭ����һ��bug
+5.�޸���isHidden�����ж��ϼ�Ŀ¼..ʱ�����bug
+6.�޸������·����bug
+7.�����˱�Ҫ��debug���
+8.�޸���Ŀ¼�ṹ��������confĿ¼��core/data/Ŀ¼
+9.�����˷�������ɨ��Ĺ���
+10.������html�ļ���ʽ��������⣨֮ǰ��������Ĵ����ļ�������<��>����Ҫת�壬����������룩
+11.������ɨ�����
+12.�����˺����������������ִ��󼶱�error,warning,ignore����ignore�����
+13.�����еĺ�����֣�������ά��
+14.���������������warning��error�ĸ����Ͱٷֱ�
+15.�޸��˴�����ļ��б�Ϊ��δ�������
+16.[1.2.0]�������ļ�������˹���
+17.[1.2.0]�����û��Զ��������ù���
+18.[1.2.0.1]ȥ���˻�����鲽��
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jslint4java-2.0.2.jar b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jslint4java-2.0.2.jar
new file mode 100644
index 000000000..710551645
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jslint4java-2.0.2.jar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jslint4java-ant-1.4.2.jar b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jslint4java-ant-1.4.2.jar
new file mode 100644
index 000000000..5f6bd7ec9
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/jslint4java-ant-1.4.2.jar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/npPlugintest.dll b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/npPlugintest.dll
new file mode 100644
index 000000000..07df0b3ec
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/_test/tools/lib/npPlugintest.dll differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/autotypesetbutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/autotypesetbutton.js
new file mode 100644
index 000000000..74dbb5735
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/autotypesetbutton.js
@@ -0,0 +1,53 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:44
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.autotypeset' );
+test( 'AutoTypeSetButton/AutoTypeSetPicker', function() {
+    //打开一个自动排版的对话框
+    var editor = new baidu.editor.ui.Editor();
+    editor.render("editor");
+    editor.ready(function(){
+        var autotypesetButton = new te.obj[0].AutoTypeSetButton({editor:editor});
+        te.dom[0].innerHTML = autotypesetButton.renderHtml();
+        autotypesetButton.postRender();
+        autotypesetButton.showPopup();
+        equal(autotypesetButton.popup._hidden,false,'窗口显示');
+//    检查每个input的选中情况是否和editor.options里设置的一样
+
+        var AutoPickerBodyInput = document.getElementsByClassName("edui-autotypesetpicker-body")[0].getElementsByTagName('input');
+        for(var i=0;i<AutoPickerBodyInput.length;i++){
+            var inputName = AutoPickerBodyInput[i].name;
+            if(inputName=="textAlign"||inputName=="imageBlockLine"){
+                equal(AutoPickerBodyInput[i].checked,editor.options.autotypeset[inputName]!= null,inputName+":"+editor.options.autotypeset[inputName]);
+            }
+            else if(/textAlignValue\d/.test(inputName)||/imageBlockLineValue\d/.test(inputName)){
+                equal(AutoPickerBodyInput[i].checked,editor.options.autotypeset[inputName.replace(new RegExp('Value\\d',"g"),'')]==AutoPickerBodyInput[i].value,inputName+":"+editor.options.autotypeset[inputName]);
+            }
+            else{
+                if(inputName=='bdc')continue;
+                equal(AutoPickerBodyInput[i].checked,editor.options.autotypeset[inputName],inputName+":"+editor.options.autotypeset[inputName]);
+            }
+        }
+        //更改两个input 的选择
+        var flagChecked = document.getElementsByClassName("edui-autotypesetpicker-body")[0].getElementsByTagName("input")[0].checked ;
+        document.getElementsByClassName("edui-autotypesetpicker-body")[0].getElementsByTagName("input")[0].checked = !flagChecked;
+        document.getElementById("imageBlockLineValue"+editor.uid).childNodes[2].checked = true;
+//    //关闭对话框再重新打开，检查更改的input内容是否仍然有效
+        autotypesetButton.popup.hide();
+        equal(autotypesetButton.popup._hidden,true ,'窗口关闭');
+        autotypesetButton.showPopup();
+        equal(document.getElementsByClassName("edui-autotypesetpicker-body")[0].getElementsByTagName("input")[0].checked,!flagChecked,'检查更改的input内容');
+        equal(document.getElementById("imageBlockLineValue"+editor.uid).childNodes[2].checked,true,'检查更改的input内容');
+        equal(document.getElementById("imageBlockLineValue"+editor.uid).childNodes[1].checked,null,'检查更改的input内容');
+        autotypesetButton.popup.hide();
+        start();
+
+    });
+    stop();
+
+
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/button.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/button.js
new file mode 100644
index 000000000..c1bd3ff33
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/button.js
@@ -0,0 +1,94 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午1:24
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.button' );
+
+test( 'Button', function () {
+    var div = document.body.appendChild( document.createElement( 'div' ) );
+    var Button = new te.obj[0].Button( {title:'testButton', label:'test',editor:te.obj[0].Editor()} );
+    div.innerHTML = Button.renderHtml();
+    var testButton = div.getElementsByTagName( 'div' )[3];
+    equal( testButton.attributes['title'].nodeValue, 'testButton', '检查Button的title ' );
+} );
+
+test( "工具栏国际化", function () {
+    var div = document.createElement( "div" );
+    div.id = "editor1";
+    div.style.cssText = "width:1px;height:1px;";
+    document.body.appendChild( div );
+    var editor = top.ueditor = new baidu.editor.ui.Editor( {
+        lang:"en"
+    } );
+    editor.render( "editor1" );
+    stop();
+    editor.ready(function () {
+        var uiItems = editor.ui.toolbars[0].items, flag, paragraph, op;
+        for ( var i = 0, ci; ci = uiItems[i++]; ) {
+            op = ci.className.split( "-" )[2];
+            if ( op == "paragraph" ) {
+                var items = ci.items, flag1;
+                for ( var j = 0, cj; cj = items[j++]; ) {
+                    if ( cj.label != editor.getLang( "paragraph." + cj.value ) ) {
+                        flag1 = true;
+                        break;
+                    }
+                }
+                ok( !flag1, "段落下拉列表是否符合预期" )
+            }
+            if ( ci.title !== editor.getLang( "labelMap." + op ) ) {
+                flag = true;
+                break;
+            }
+        }
+        ok( !flag, "工具按钮Tip是否符合预期" );
+        setTimeout( function () {
+//            editor.destroy();
+            div.parentNode.removeChild(div);
+            start();
+        }, 100 );
+    } )
+} );
+
+
+test( "Dialog国际化", function () {
+    var editor = te.obj[0].Editor();
+    editor.render( "editor" );
+    stop();
+    editor.ready( function () {
+        editor.setContent( "<span>xx</span><p>xxx</p>" );
+        var doc = editor.document,
+            range = new baidu.editor.dom.Range( doc ),
+            p = doc.getElementsByTagName( 'p' )[1];
+        range.setStart( p, 0 ).setEnd( p, 1 ).select();
+        var r = editor.selection.getRange();
+        var dom = $( '#'+document.getElementsByClassName("edui-for-insertimage")[0].id+'_body' )[0];
+        ua.click( dom );
+        setTimeout(function(){
+            var dialog = editor.ui._dialogs['insertimageDialog'];
+            ok(dialog.title===editor.getLang("labelMap.insertimage"),"dialog的标题是否一致");
+            ok(dialog.closeDialog === editor.getLang("closeDialog"),"关闭dialog的title是否一致");
+            ok(dialog.buttons[0].label === editor.getLang("ok") && dialog.buttons[1].label === editor.getLang("cancel"),"确认取消按钮是否一致");
+            setTimeout( function () {
+                var dialogDoc = document.getElementById(dialog.id + "_iframe").contentWindow.document;
+                var ids = editor.getLang("insertimage.static");
+                for(var i in ids){
+                    if(i==="imgSearchTxt"){
+                        equal(dialogDoc.getElementById(i).value,ids[i].value,"图片搜索文字是否一致")
+                    }
+                    if(i==="imgSearchBtn"){
+                        equal(dialogDoc.getElementById(i).value,ids[i].value,"图片搜索按钮文字是否一致")
+                    }
+                }
+                ua.click(document.getElementById(dialog.closeButton.id+"_body"));
+                var newRange = editor.selection.getRange();
+                ok( r.startContainer === newRange.startContainer, "dialog开闭前后选区是否一致" );
+                start();
+            }, 1500 )
+        },100);
+
+    } )
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/colorbutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/colorbutton.js
new file mode 100644
index 000000000..27d9bee91
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/colorbutton.js
@@ -0,0 +1,79 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:47
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.colorbutton' );
+test( 'colorpicker的功能', function () {
+    var testButton = document.body.appendChild( document.createElement( 'div' ) );
+    var editor = new te.obj[0].Editor();
+    editor.render("editor");
+    editor.ready(function(){
+        var colorButton = new te.obj[0].ColorButton({editor:editor});
+        testButton.innerHTML = colorButton.renderHtml();
+        colorButton.postRender();
+        //_onTableClick
+        colorButton.showPopup();
+        var pick = document.getElementById(colorButton.popup.content.id).getElementsByTagName( 'table' )[0].firstChild.childNodes[2].childNodes[1].firstChild;
+        equal( document.getElementById(colorButton.id+'_colorlump').style.backgroundColor, '', 'edui-colorlump 默认颜色' );
+        ua.click( pick );
+        var bgcolor = $('#'+colorButton.id+'_colorlump').css( 'backgroundColor' );
+        ok( bgcolor == 'rgb(127,127,127)' || bgcolor == '#7f7f7f'||bgcolor== 'rgb(127, 127, 127)' , '检查_onTableClick选择的颜色edui-colorlump' );
+        equal( $('#'+colorButton.id+'_colorlump').length, 1, '检查edui-colorlump个数' );
+        equal( colorButton.popup._hidden, true, '点击按钮后，关闭窗口' );
+//_onTableOver&_onTableClick
+        pick = document.getElementById(colorButton.popup.content.id).getElementsByTagName( 'table' )[0].firstChild.childNodes[2].childNodes[2].firstChild;
+        equal( document.getElementById(colorButton.popup.content.id+'_preview').style.backgroundColor, '', 'edui-colorpicker-preview 默认颜色' );
+        ua.mouseover( pick );
+//colorButton.popup.content.id
+        bgcolor = $( '#'+colorButton.popup.content.id+'_preview' ).css( 'backgroundColor' );
+        ok( bgcolor == 'rgb(221, 217, 195)' || bgcolor == '#ddd9c3'||bgcolor=='rgb(221,217,195)', '检查_onTableClick选择的颜色edui-colorlump' );
+        equal($('#'+colorButton.popup.content.id+'_preview' ).length, 1, '检查edui-colorlump个数' );
+        equal( colorButton.popup._hidden, true, '点击按钮后，关闭窗口' );
+        ua.click( pick );
+        bgcolor = $('#'+colorButton.id+'_colorlump').css( 'backgroundColor' );
+        ok( bgcolor == 'rgb(221, 217, 195)' || bgcolor == '#ddd9c3'||bgcolor == 'rgb(221,217,195)' , '再次选择颜色' );
+        ua.mouseout( pick );
+        equal( document.getElementById(colorButton.popup.content.id+'_preview').style.backgroundColor, '', '鼠标移开，edui-colorpicker-preview 恢复默认颜色' );
+        //_onPickNoColor
+        colorButton.showPopup();
+        pick = document.getElementsByClassName( 'edui-colorpicker-nocolor' )[0];
+        ua.click( pick );
+        equal( colorButton.popup._hidden, true, '点击PickNoColor按钮后，关闭窗口' );
+//        editor.destroy();
+        var ed = document.getElementById('editor');
+        ed.parentNode.removeChild(ed);
+        start();
+    });
+    stop();
+} );
+
+test( 'colorbutton', function () {
+        //检查colorButton的属性
+    var editor = new baidu.editor.ui.Editor();
+    stop();
+    setTimeout(function(){
+        var colorButton = new te.obj[0].ColorButton({editor:editor});
+        equal( colorButton.popup.content.noColorText, editor.getLang("clearColor"), '检查colorButton的文本 ' );
+        start();
+    },50);
+} );
+
+test( 'colorpicker', function () {
+        //检查colorPicker的属性
+    var editor = new baidu.editor.ui.Editor();
+    stop();
+    setTimeout(function(){
+        var colorPicker = new te.obj[0].ColorPicker({editor:editor});
+        equal( colorPicker.noColorText, editor.getLang("clearColor"));
+        //检查colorPicker生成的html代码的内容
+        colorPicker.render(te.dom[0]);
+        var testPicker = te.dom[0];
+        equal( testPicker.getElementsByTagName( 'table' )[0].className, 'edui-box edui-'+editor.options.theme,'' );
+        start();
+    },50);
+} );
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/combox.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/combox.js
new file mode 100644
index 000000000..728f637de
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/combox.js
@@ -0,0 +1,73 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:44
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.combox' );
+test( 'combox', function() {
+    var editor = new baidu.editor.ui.Editor();
+    editor.render("editor");
+//设置菜单内容
+    var list = [
+                ['1',[1]],
+                ['0',[0]],
+                ['宋体',['宋体', 'SimSun']],
+                ['楷体',['楷体', '楷体_GB2312', 'SimKai']],
+                ['黑体',['黑体', 'SimHei']],
+                ['隶书',['隶书', 'SimLi']],
+                ['andale mono',['andale mono']],
+                ['arial',['arial', 'helvetica', 'sans-serif']],
+                ['arial black',['arial black', 'avant garde']],
+                ['comic sans ms',['comic sans ms']],
+                ['impact',['impact', 'chicago']],
+                ['times new roman',['times new roman']]
+    ];
+    var title = list ;
+
+    for(var i=0,ci,items=[];ci=list[i++];){
+
+            (function(key,val){
+                items.push({
+                    label: key,
+                    value: val,
+                    renderLabelHtml: function (){
+                        return '<div class="edui-label %%-label" style="font-family:' +
+                            utils.unhtml(this.value.join(',')) + '">' + (this.label || '') + '</div>';
+                    }
+                });
+            })(ci[0],ci[1])
+        }
+    editor.ready(function(){
+        var combox = new te.obj[0].Combox({editor:editor,items :items,title: title,  initValue:'字体',className: 'edui-for-fontfamily'});
+
+        te.dom[0].innerHTML = combox.renderHtml();
+        combox.postRender();
+        combox.showPopup();
+    //////// getItem
+        equal(combox.getItem(0).label,'1','检查item内容');
+        equal(combox.getItem(0).value[0],1,'');
+///////getValue setValue
+        combox.setValue(list[4][1]);
+        equal(combox.getValue(),list[4][1],'设置内容');
+        equal(combox.label,'黑体','');
+        equal(combox.getDom('button_body').innerHTML,"黑体",'');
+  ////////getLabelForUnknowValue
+        combox.setValue(['黑体', 'chicago']);
+        equal(combox.getValue()[0],"黑体",'设置一个不在原来列表的内容');
+        equal(combox.getValue()[1],'chicago','');
+        equal(combox.getValue(),combox.label,'');
+        equal(combox.getDom('button_body').innerHTML,"黑体,chicago",'');
+    /////selectByIndex
+        combox.popup.items[2].onclick();
+        equal(combox.getValue()[0],'宋体','检查onclick，设定选中内容');
+        equal(combox.getValue()[1],'SimSun','');
+        equal(items[2].label,combox.label,'');
+        equal(combox.selectedIndex,2,'');
+        combox.popup.hide();
+        start();
+
+     });
+stop();
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/css/DEFAULT.css b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/css/DEFAULT.css
new file mode 100644
index 000000000..ba689b4dc
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/css/DEFAULT.css
@@ -0,0 +1,12 @@
+/* common layer */
+.cssloaded {
+	width: 20px;
+}
+/* for IE6 fixed */
+body {
+    background: url('about:blank') fixed;
+}
+
+.edui-editor {
+	width: 843px;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/editor.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/editor.js
new file mode 100644
index 000000000..648e2c080
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/editor.js
@@ -0,0 +1,188 @@
+
+module( 'ui.editor' );
+//test('图片浮层',function(){
+//    var ue1 = new baidu.editor.ui.Editor({theme:'default'});
+//    var div = document.createElement("div");
+//    document.body.appendChild(div);
+//    ue1.render(div);
+//    stop();
+//    ue1.ready(function(){
+//        editor.execCommand( 'insertimage', {src:'http://img.baidu.com/hi/jx2/j_0001.gif', width:50, height:51} );
+//    });
+//});
+
+test('拖拽', function(){
+    var sc = document.createElement("script");
+    sc.id="sc";
+    sc.type = "text/plain";
+    document.body.appendChild(sc);
+    var ue = new UE.ui.Editor({'autoHeightEnabled':false,'autoFloatEnabled':false,'scaleEnabled':true});
+    ue.render('sc');
+    stop();
+    ue.ready(function(){
+        var me =this;
+        var offset = 100;
+        setTimeout(function(){
+            //保存现有的编辑器宽，高
+            var editorWidth = $(this.document.getElementById(me.ui.id)).css('width');
+            var editorHeight = $(this.document.getElementById(me.ui.id)).css('height');
+            //取得拖拽的元素
+            var scaleDiv = this.document.getElementById(me.ui.id+'_scale');
+
+            //从拖拽元素的右下角开始，拖拽到向下，向右20px
+            var mouseX = $(scaleDiv).offset().left + parseInt($(scaleDiv).css('width'));//+editorBorderHeight;
+            var mouseY = $(scaleDiv).offset().top + parseInt($(scaleDiv).css('height'));//+editorBorderWidth;
+            ua.dragto(scaleDiv,{startX:mouseX,startY:mouseY,endX:mouseX+offset,endY:mouseY+offset});
+            setTimeout(function(){
+                //取编辑器的边框
+                var editorBorderWidth = parseInt($(this.document.getElementById(me.ui.id)).css('border-left-width'))+parseInt($(this.document.getElementById(me.ui.id)).css('border-right-width'));
+                var editorBorderHeight = parseInt($(this.document.getElementById(me.ui.id)).css('border-top-width'))+parseInt($(this.document.getElementById(me.ui.id)).css('border-bottom-width'));
+                var border = me.options.theme=='default'?1:0;
+                var bd = parseInt(editorHeight) + offset - 2 -editorBorderWidth + border;
+                var height = parseInt($(this.document.getElementById(me.ui.id)).css('height'));
+                equal(parseInt($(this.document.getElementById(me.ui.id)).css('width')),parseInt(editorWidth) + offset - 2 -editorBorderHeight + border,'宽');
+                ok(height==bd||height==bd-1,'高'+height);
+                setTimeout(function () {
+                    UE.delEditor('sc');
+                    sc = document.getElementById('sc');
+                    sc && sc.parentNode.removeChild(sc);
+                    start();
+                }, 100);
+            },1800);
+        },100);
+    });
+});
+
+test('编辑器皮肤',function(){
+    if(ua.browser.ie<8 && ua.browser.ie>0) return 0;
+    var ue1 = new baidu.editor.ui.Editor({theme:'default'});
+    var sc1 = document.createElement("script");
+    sc1.id="sc1";
+    document.body.appendChild(sc1);
+    ue1.render(sc1);
+    stop();
+    ue1.ready(function(){
+        var id = document.getElementById('sc1').firstChild.id;
+        equal(document.getElementById('sc1').firstChild.className,'edui-editor  edui-default','第一个editor的classname');
+        equal(document.getElementById(id+'_toolbarbox').className,'edui-editor-toolbarbox edui-default','第一个editor toolbar的classname');
+        equal(document.getElementById(id+'_iframeholder').className,'edui-editor-iframeholder edui-default','第一个editor iframeholder的classname');
+        equal(document.getElementById(id+'_bottombar').className,'edui-editor-bottomContainer edui-default','第一个editor bottombar的classname');
+        equal(document.getElementById(id+'_scalelayer').className,'edui-default','第一个editor scalelayer的classname');
+        sc1 = document.getElementById('sc1');
+        sc1.parentNode.removeChild(sc1);
+        var ue2 = new baidu.editor.ui.Editor({theme:'modern'});
+        var sc2 = document.createElement("script");
+        sc2.id="sc2";
+        document.body.appendChild(sc2);
+        ue2.render('sc2');
+        ue2.ready(function(){
+            id = document.getElementById('sc2').firstChild.id;
+            equal(document.getElementById('sc2').firstChild.className,'edui-editor  edui-modern','第二个editor的classname');
+            equal(document.getElementById(id+'_toolbarbox').className,'edui-editor-toolbarbox edui-modern','第二个editor toolbar的classname');
+            equal(document.getElementById(id+'_iframeholder').className,'edui-editor-iframeholder edui-modern','第二个editor iframeholder的classname');
+            equal(document.getElementById(id+'_bottombar').className,'edui-editor-bottomContainer edui-modern','第二个editor bottombar的classname');
+            equal(document.getElementById(id+'_scalelayer').className,'edui-modern','第二个editor scalelayer的classname');
+            sc2 = document.getElementById('sc2');
+            sc2.parentNode.removeChild(sc2);
+            start();
+        });
+    });
+});
+
+test( '判断render有内容时，显示render内容(script)', function() {
+    var ue3 = new baidu.editor.ui.Editor();
+    var sc3 = document.createElement("script");
+    sc3.id="sc3";
+    sc3.type="text/plain";
+//    if(sc3.text)
+    sc3.text= 'renderinnerhtml';
+//    else
+//        sc3.textContent='renderinnerhtml';
+    document.body.appendChild(sc3);
+    ue3.render('sc3');
+    stop();
+    ue3.ready(function(){
+        equal(ue3.body.firstChild.innerHTML.toLowerCase(),"renderinnerhtml",'标签有内容,显示标签内容');
+        sc3 = document.getElementById('sc3');
+        sc3.parentNode.removeChild(sc3);
+        start();
+    });
+} );
+
+test( 'render没有内容时，显示initialContent', function() {
+    var ue4 = new baidu.editor.ui.Editor({initialContent:'<br>'});
+    var sc4 = document.createElement("script");
+    sc4.id="sc4";
+    document.body.appendChild(sc4);
+    ue4.render(sc4);
+    stop();
+    ue4.ready(function(){
+        equal(ue4.body.firstChild.innerHTML.toLowerCase(),ue4.options.initialContent.toLowerCase(),'标签没有内容，显示initialContent');
+        sc4 = document.getElementById('sc4');
+        sc4.parentNode.removeChild(sc4);
+        start();
+    });
+} );
+
+test('判断dialogs对象名包含"Dialog"字符', function(){
+    var ue5 = new baidu.editor.ui.Editor();
+    var sc5 = document.createElement("script");
+    sc5.id="sc5";
+    document.body.appendChild(sc5);
+    ue5.render(sc5);
+    stop();
+    ue5.ready(function(){
+        var array=ue5.ui._dialogs;
+        for(var p in array){
+            ok(p.indexOf('Dialog')!=-1, p);
+        }
+        sc5 = document.getElementById('sc5');
+        sc5.parentNode.removeChild(sc5);
+        start();
+    });
+});
+
+test('getEditor--delEditor',function(){
+    var ue7 = UE.ui.Editor();
+    var div = document.createElement('div');
+    div.id='editor2';
+    document.body.appendChild(div);
+    ue7.render('editor2');
+    ue7.ready(function(){
+        var ue8=UE.getEditor('editor2');
+        equal(ue8.uid,ue7.uid);
+//        UE.delEditor('editor2');
+//        equal(document.getElementById('editor1').tagName.toLowerCase(),'textarea');
+    });
+})
+
+//test('多层div 全屏',function(){
+//    var div1 = document.createElement('div');
+//    document.body.appendChild(div1);
+//    div1.id = 'div1';
+//    div1.innerHTML = '<div style="position: relative;top:50px""></div>';
+//    div1.firstChild.innerHTML='<div style="position:absolute;left:100px;width:500px;height:100px">';
+//    var div2 = div1.firstChild.firstChild;
+//    var ue6 = new baidu.editor.ui.Editor({autoFloatEnabled:false});
+//    ue6.render(div2);
+//    stop();
+//    ue6.ready(function(){
+//        var me = document.getElementById(ue6.ui.id);
+//        var left = $(me).offset().left;
+//        var top = $(me).offset().top;
+//        ue6.ui.setFullScreen( true );
+//        setTimeout(function(){
+//            ue6.ui.setFullScreen( false );
+//            setTimeout(function(){
+//                me = document.getElementById(ue6.ui.id);
+//                ok(left==$(me).offset().left,'left不变'+$(me).offset().left);
+//                ok(top==$(me).offset().top,'top不变'+$(me).offset().top);
+//                ue6.focus();
+//                ua.checkResult(ue6.selection.getRange(), ue6.body.firstChild.firstChild, ue6.body.firstChild.firstChild, 0, 0, 1);
+//                me = document.getElementById(ue6.ui.id);
+//                me.parentNode.removeChild(me);
+//                start();
+//            },50);
+//        },50);
+//    });
+//})
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/editorui.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/editorui.js
new file mode 100644
index 000000000..ff49f4935
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/editorui.js
@@ -0,0 +1,11 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:45
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.editorui' );
+test( '', function() {
+    equal('','','');
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/mask.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/mask.js
new file mode 100644
index 000000000..eccbd0264
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/mask.js
@@ -0,0 +1,11 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:45
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.mask' );
+test( '', function() {
+    equal('','','');
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/menu.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/menu.js
new file mode 100644
index 000000000..a2fcdfe3f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/menu.js
@@ -0,0 +1,327 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:45
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.menu' );
+test( 'menu,submenu的显示', function() {
+//设置菜单内容\
+    var editor = new te.obj[0].Editor();
+    var items=[
+            {
+                label:'删除',
+                cmdName:'delete'
+            },
+            {
+                label:'全选',
+                cmdName:'selectall'
+            },
+            {
+                label:'删除代码',
+                cmdName:'highlightcode',
+                icon:'deletehighlightcode'
+            },
+            {
+                label:'清空文档',
+                cmdName:'cleardoc',
+                exec:function () {
+
+                    if ( confirm( '确定清空文档吗？' ) ) {
+
+                        this.execCommand( 'cleardoc' );
+                    }
+                }
+            },
+            '-',
+            {
+                label:'取消链接',
+                cmdName:'unlink'
+            },
+            '-',
+            {
+                label:'段落格式',
+                icon:'justifyjustify',
+                subMenu:{
+                        items: [{
+                            label:'居左对齐',
+                            cmdName:'justify',
+                            value:'left',
+                            editor:editor
+                        },
+                        {
+                            label:'居右对齐',
+                            cmdName:'justify',
+                            value:'right',
+                            editor:editor
+                        },
+                        {
+                            label:'居中对齐',
+                            cmdName:'justify',
+                            value:'center',
+                            editor:editor
+                        },
+                        {
+                            label:'两端对齐',
+                            cmdName:'justify',
+                            value:'justify',
+                            editor:editor
+                        }],
+                        editor:editor
+                }
+            }
+    ];
+    var menu = new te.obj[0].Menu({className : 'edui-for-lineheight',items :items,editor:te.obj[0].Editor()});
+    menu.render(te.dom[0]);
+    menu.postRender();
+    menu.show();
+    var menuBody = document.getElementsByClassName("edui-menu-body")[0];
+    equal(menuBody.childNodes[0].className,"edui-menuitem  edui-"+editor.options.theme,'menu窗口显示');
+    equal(menuBody.childNodes[0].firstChild.lastChild.innerHTML,"删除",'menu窗口显示');
+//edui-menuitem edui-menuseparator
+    equal(menuBody.childNodes[4].className,"edui-menuitem edui-menuseparator edui-"+editor.options.theme,'menu窗口显示');
+    equal(menuBody.childNodes[4].firstChild.className,"edui-menuseparator-inner edui-"+editor.options.theme,'menu窗口显示');//edui-menuitem  edui-hassubmenu
+    equal(menuBody.childNodes[7].className,"edui-menuitem  edui-"+editor.options.theme + " edui-hassubmenu edui-hassubmenu",'第7个menu有子menu');
+    //submenu
+    var menuid1 = menu.items[7].id;
+    var submenu1 = menu.items[7].subMenu.id;
+    equal(document.getElementById(submenu1).style.display,'none','submenu初始的display值："none"');
+    if(ua.browser.ie){
+        ua.mouseenter(menuBody.childNodes[7]);
+    }
+    else{
+        ua.mouseover(menuBody.childNodes[7]);    }
+    setTimeout(function (){
+        equal(document.getElementById(submenu1).style.display,'','显示submenu,检查submenu的display值:""');
+        equal(getElementsByClassName_2(document.getElementById(submenu1),'div','edui-menu-body')[0].childNodes.length,4,'检查submenu的menuitems数量');
+        equal(getElementsByClassName_2(document.getElementById(submenu1),'div','edui-menu-body')[0].firstChild.className,'edui-menuitem  edui-'+editor.options.theme,'检查submenu的内容');
+        equal(getElementsByClassName_2(document.getElementById(submenu1),'div','edui-menuitem')[0].firstChild.lastChild.innerHTML,'居左对齐','检查menuitem的内容');
+        var menuClass = document.getElementById(menuid1).className;
+        equal(menuClass,"edui-menuitem  edui-"+editor.options.theme+" edui-hassubmenu edui-hassubmenu edui-state-hover edui-state-opened",'');
+        if(ua.browser.ie){
+            ua.mouseleave(document.getElementById(menuid1));
+        }
+        else{
+            ua.mouseout(document.getElementById(menuid1));
+        }
+        setTimeout(function (){
+            equal(document.getElementById(submenu1).style.display,'none','显示submenu,检查submenu的display值:""');
+            menuClass = document.getElementById(menuid1).className;
+            ok(menuClass.indexOf('edui-state-hover')==-1&&menuClass.indexOf('edui-state-opened')==-1,'');
+            document.getElementById(submenu1).parentNode.removeChild(document.getElementById(submenu1));
+            start();
+        }, 450);
+    }, 300);
+ stop();
+    function getElementsByClassName_2(oElm, strTagName, strClassName){
+            var arrElements = (strTagName == "*" && oElm.all)? oElm.all :
+            oElm.getElementsByTagName(strTagName);
+            var arrReturnElements = new Array();
+            strClassName = strClassName.replace(/\-/g, "\\-");
+            var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
+            var oElement;
+            for(var i=0; i < arrElements.length; i++){
+                oElement = arrElements[i];
+                if(oRegExp.test(oElement.className)){
+                        arrReturnElements.push(oElement);
+                }
+            }
+            return (arrReturnElements);
+        }
+} );
+test( '先打开一个submenu，再打开另一个submenu', function() {
+var editor = new te.obj[0].Editor();
+//设置菜单内容
+    var items=[
+            {
+                label:'删除',
+                cmdName:'delete'
+            },
+            {
+                label:'段落格式',
+                icon:'justifyjustify',
+                subMenu:{
+                        items: [{
+                            label:'居左对齐',
+                            cmdName:'justify',
+                            value:'left'
+
+                        },
+                        {
+                            label:'居右对齐',
+                            cmdName:'justify',
+                            value:'right'
+                        },
+                        {
+                            label:'居中对齐',
+                            cmdName:'justify',
+                            value:'center'
+                        },
+                        {
+                            label:'两端对齐',
+                            cmdName:'justify',
+                            value:'justify'
+                        }],
+                    editor:editor
+                }
+            },
+            {
+                label:'表格',
+                subMenu:{
+                        items: [{
+                            label:'居左对齐',
+                            cmdName:'justify',
+                            value:'left'
+                        },
+                        {
+                            label:'居右对齐',
+                            cmdName:'justify',
+                            value:'right'
+                        }],
+                    editor:editor
+                }
+            }
+    ];
+    var menu = new te.obj[0].Menu({className : 'edui-for-lineheight',items :items,editor:editor});
+    menu.render(te.dom[0]);
+    menu.postRender();
+    menu.show();
+    var menuBody = document.getElementsByClassName("edui-menu-body")[0];
+    //submenu
+    var menuid1 = menu.items[1].id;
+    var menuid2 = menu.items[2].id;
+    var submenu1 = menu.items[1].subMenu.id;
+    var submenu2 = menu.items[2].subMenu.id;
+    equal(document.getElementById(submenu1).style.display,'none','submenu初始的display值："none"');
+    //打开一个submenu
+    if(ua.browser.ie){
+        ua.mouseenter(document.getElementById(menuid1));
+    }
+    else{
+        ua.mouseover(document.getElementById(menuid1));
+    }
+    setTimeout(function (){
+        //检查第一个submenu的内容显示
+        equal(document.getElementById(submenu1).style.display,'','显示第一个submenu,检查submenu的display值:""');
+        var menuClass = document.getElementById(menuid1).className;
+        equal(menuClass,"edui-menuitem  edui-"+editor.options.theme+" edui-hassubmenu edui-hassubmenu edui-state-hover edui-state-opened",'检查第一个submenu的打开状态');
+        //打开第二个submenu
+        if(ua.browser.ie){
+            ua.mouseenter(document.getElementById(menuid2));
+        }
+        else{
+            ua.mouseover(document.getElementById(menuid2));
+        }
+        setTimeout(function (){
+            equal(document.getElementById(submenu1).style.display,'none','第一个submenu关闭,display值:"none"');
+            menuClass = document.getElementById(menuid1).className;
+            ok(menuClass.indexOf('edui-state-opened')==-1,'检查第一个submenu的关闭状态');
+            equal(document.getElementById(submenu2).style.display,'','第二个submenu显示,检查submenu的display值:""');
+            var menuClass = document.getElementById(menuid2).className;
+            equal(menuClass,"edui-menuitem  edui-"+editor.options.theme+" edui-hassubmenu edui-hassubmenu edui-state-hover edui-state-opened",'检查第二个submenu的打开状态');
+            document.getElementById(submenu1).parentNode.removeChild(document.getElementById(submenu2));
+            start();
+        }, 450);
+    }, 300);
+ stop();
+} );
+test( 'dispose', function() {
+    var editor = new te.obj[0].Editor();
+//设置菜单内容
+    var items=[
+            {
+                label:'删除',
+                cmdName:'delete'
+            },
+            {
+                label:'全选',
+                cmdName:'selectall'
+            },
+            {
+                label:'删除代码',
+                cmdName:'highlightcode',
+                icon:'deletehighlightcode'
+            },
+            {
+                label:'清空文档',
+                cmdName:'cleardoc',
+                exec:function () {
+                    if ( confirm( '确定清空文档吗？' ) ) {
+                        this.execCommand( 'cleardoc' );
+                    }
+                }
+            },
+            '-',
+            {
+                label:'取消链接',
+                cmdName:'unlink'
+            },
+            {
+                label:'表格',
+                subMenu:{
+                        items: [{
+                            label:'居左对齐',
+                            cmdName:'justify',
+                            value:'left'
+                        },
+                        {
+                            label:'居右对齐',
+                            cmdName:'justify',
+                            value:'right'
+                        }],
+                    editor:editor
+                }
+            }
+    ];
+    var menu = new te.obj[0].Menu({className : 'edui-for-lineheight',items :items,editor:editor});
+    te.dom[0].innerHTML = menu.renderHtml();
+    menu.postRender();
+    menu.show();
+    equal(menu.items.length,7,'检查menu里的items');
+    equal(document.getElementById(menu.id).style.display,'','显示menu,检查menu的display值:""');
+    menu.dispose();
+    equal(menu.items.length,0,'dispose后，检查menu里的items');
+    equal(document.getElementById(menu.id),null,'menu不在页面中');
+} );
+test( '_onClick', function() {
+    var editor = new te.obj[0].Editor();
+//设置菜单内容
+    var items=[
+            {
+                label:'取消链接',
+                cmdName:'unlink'
+            },
+            {
+                label:'表格',
+                subMenu:{
+                        items: [{
+                            label:'居左对齐',
+                            cmdName:'justify',
+                            value:'left'
+                        },
+                        {
+                            label:'居右对齐',
+                            cmdName:'justify',
+                            value:'right'
+                        }],
+                    editor:editor
+
+                }
+            }
+    ];
+    var menu = new te.obj[0].Menu({className : 'edui-for-lineheight',items :items,editor:editor});
+    menu.render(te.dom[0]);
+    menu.postRender();
+    menu.show();
+    var menuid1 = menu.items[1].id;
+    var submenu1 = menu.items[1].subMenu.id;
+     equal(document.getElementById(submenu1).style.display,'none','submenu初始的display值："none"');
+    ua.click(document.getElementById(menuid1));
+    setTimeout(function (){
+        equal(document.getElementById(submenu1).style.display,'','显示submenu,检查submenu的display值:""');
+         document.getElementById(submenu1).parentNode.removeChild(document.getElementById(submenu1));
+        start();
+    }, 300);
+   stop();
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/menubutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/menubutton.js
new file mode 100644
index 000000000..e325114da
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/menubutton.js
@@ -0,0 +1,73 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-27
+ * Time: 下午5:46
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.menubutton' );
+test( 'menubutton', function() {
+    var editor = new baidu.editor.ui.Editor();
+    editor.render("editor");
+//设置菜单内容
+    var val=['1', '1.5','1.75','2', '3', '4', '5'];
+    for(var i=0,ci,items=[];ci = val[i++];){
+            items.push({
+                label : ci,
+                value: ci,
+                onclick:function(){
+                }
+            })
+    }
+    editor.ready(function(){
+        var menuButton = new te.obj[0].MenuButton({editor:editor,className : 'edui-for-lineheight',items :items});
+        var value = val[1];
+        menuButton.setValue(value);
+        te.dom[0].innerHTML = menuButton.renderHtml();
+        menuButton.postRender();
+        menuButton.showPopup();
+        equal(menuButton.popup.getDom().style.display,"",'窗口显示');
+        equal(document.getElementsByClassName("edui-popup edui-menu")[0].style.display,"",'menu窗口显示');
+//检查初始化的显示
+        equal(document.getElementsByClassName("edui-menuitem  edui-"+editor.options.theme+" edui-state-checked").length,1,'设定已经选中一个value');
+        equal(document.getElementsByClassName('edui-menuitem  edui-'+editor.options.theme+' edui-state-checked')[0].firstChild.lastChild.innerHTML,value,'检查选中的value');
+//click
+        ua.click(document.getElementsByClassName("edui-menu-body")[0].childNodes[2]);
+        equal(menuButton.popup.getDom().style.display,"none",'窗口关闭');
+        equal(document.getElementsByClassName("edui-popup edui-menu")[0].style.display,"none",'menu窗口关闭');
+        menuButton.showPopup();
+        if(ua.browser.ie){
+            ua.mouseenter(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+            ok(document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-hover')&&!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-active'),'mouseover加上hover样式');
+            ua.mousedown(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+            ok(document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-hover')&&document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-active'),'mousedown加上active样式');//edui-state-active
+            ua.mouseleave(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+            ok(!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-hover')&&!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-active'),' mouseout去掉hover和active样式');
+////////mouseover->mouseout
+            ua.mouseenter(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+            ua.mouseleave(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+            ok(!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-hover')&&!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-active'),'mouseout去掉hover和active样式');
+        }
+        else{
+//mouseover->mousedown->mouseout
+            ua.mouseover(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+            ok(document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-hover')&&!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-active'),'mouseover加上hover样式');
+            ua.mousedown(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+            ok(document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-hover')&&document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-active'),'mousedown加上active样式');//edui-state-active
+            ua.mouseout(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+            ok(!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-hover')&&!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-active'),' mouseout去掉hover和active样式');
+////////mouseover->mouseout
+            ua.mouseover(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+            ua.mouseout(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+            ok(!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-hover')&&!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-active'),'mouseout去掉hover和active样式');
+        }
+     /////mousedown->mouseup
+        ua.mousedown(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+        ok(!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-hover')&&document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-active'),'mousedown加上active样式');
+        ua.mouseup(document.getElementsByClassName("edui-menu-body")[0].childNodes[2],{relatedTarget:document.getElementsByClassName('edui-popup edui-menu')[0]});
+        ok(!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-hover')&&!document.getElementsByClassName("edui-menu-body")[0].childNodes[2].className.match('edui-state-active'),'mouseup去掉active样式');
+        menuButton.popup.hide();
+        start();
+    });
+    stop();
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/popup.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/popup.js
new file mode 100644
index 000000000..fcb1d3796
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/popup.js
@@ -0,0 +1,84 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:47
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.popup' );
+test( '检查显示内容和隐藏方法：getContentHtmlTpl，show()，hide()，isHidden()', function() {
+    var editor = new baidu.editor.ui.Editor();
+    stop();
+    setTimeout(function(){
+        var autoTypeSetPicker = new baidu.editor.ui.AutoTypeSetPicker({editor:editor});
+
+        var popup = new te.obj[0].Popup({content: autoTypeSetPicker,'editor':editor});
+        var content = autoTypeSetPicker.getHtmlTpl().replace(/##/g, autoTypeSetPicker.id)
+                .replace(/%%/g, (autoTypeSetPicker.uiName ? 'edui-'+autoTypeSetPicker.uiName : '') + ' ' + autoTypeSetPicker.className);
+        equal(popup.getContentHtmlTpl(),content, '检查popup的内容');
+        equal(popup.getDom(),null,'popup初始不显示');
+
+        popup.show();
+        equal(popup.getDom().style.display,'','popup显示成功');
+        var popupContent = document.getElementById(popup.id+'_content');
+        equal(popupContent.firstChild.id,autoTypeSetPicker.id,'popup内容autoTypeSetPicker显示');
+        equal(popup.isHidden(),false,'isHidden==false');
+
+        popup.hide();
+        equal(popup.getDom().style.display,'none','popup隐藏成功');
+        equal(popup.isHidden(),true,'isHidden==true');
+
+        autoTypeSetPicker.dispose();
+        popup.dispose();
+        start();
+    },50);
+
+
+} );
+test( '定位显示popup；mousedown时隐藏popup', function() {
+    var editor = new baidu.editor.ui.Editor();
+    editor.render('editor');
+    editor.ready(function(){
+        var autoTypeSetPicker = new baidu.editor.ui.AutoTypeSetPicker({editor:editor});
+        var popup = new te.obj[0].Popup({content: autoTypeSetPicker,'editor':editor});
+        var uiUtils = baidu.editor.ui.uiUtils;
+        var leftLocation = 20;
+        var topLocation = 100;
+        popup.showAt({left:leftLocation,top:topLocation});
+        equal($(popup.getDom()).css('top'),topLocation+'px','popup位置：top');
+        equal($(popup.getDom()).css('left'),leftLocation+'px','popup位置：left');
+        equal($(popup.getDom()).css('width'),uiUtils.getClientRect(popup.getDom('content')).width+'px','popup位置：width');
+        ok(uiUtils.getClientRect(popup.getDom('content')).width>uiUtils.getClientRect(autoTypeSetPicker.getDom()).width,'popup的width大于其内容的width');
+        equal($(popup.getDom()).css('height'),uiUtils.getClientRect(popup.getDom('content')).height+'px','popup位置：height');
+        ok(uiUtils.getClientRect(popup.getDom('content')).height>uiUtils.getClientRect(autoTypeSetPicker.getDom()).height,'popup的height大于其内容的height');
+       
+        var popup2 = new te.obj[0].Popup({content: autoTypeSetPicker,'editor':editor});
+//        var flag = 0;
+//        popup2.addListener('postRenderAfter',function(){
+//            flag = 1;
+//        });
+//        popup2.postRender();
+        popup2.show();
+        ua.mousedown(document.getElementById(popup.id+'_content'));
+        equal(popup.isHidden(),false,'在popup上mousedown，popup不隐藏');
+        equal(popup2.isHidden(),true,'在popup上mousedown，popup2隐藏');
+        popup.show();
+        popup2.show();
+        ua.mousedown(document.getElementById('editor'));
+        equal(popup.isHidden(),true,'在其他位置mousedown，popup隐藏');
+        equal(popup2.isHidden(),true,'在其他位置mousedown，popup隐藏');
+        popup.show();
+        popup2.show();
+//        $('#editor').scroll();
+////        window.scrollTo( 0, document.body.scrollHeight );
+//        equal(popup.isHidden(),true);
+//        equal(popup2.isHidden(),true);
+        autoTypeSetPicker.dispose();
+        popup.dispose();
+        popup2.dispose();
+        start();
+    });
+    stop();
+
+
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/separator.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/separator.js
new file mode 100644
index 000000000..b6ccb282d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/separator.js
@@ -0,0 +1,11 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:46
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.separator' );
+test( '', function() {
+    equal('','','');
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/splitbutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/splitbutton.js
new file mode 100644
index 000000000..bec52c2a5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/splitbutton.js
@@ -0,0 +1,68 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-5-2
+ * Time: 下午2:36
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.splitbutton' );
+test( 'splitbutton', function() {
+    //打开一个对话框
+
+    var editor = new baidu.editor.ui.Editor();
+    editor.render("editor");
+    editor.ready(function(){
+        var splitButton = new te.obj[0].SplitButton({popup:new baidu.editor.ui.Popup({
+                //传入配置参数
+                content: new te.obj[0].SplitButton({editor:editor}),
+                'editor':editor
+        }),   editor:editor});
+        te.dom[0].innerHTML = splitButton.renderHtml();
+        splitButton.postRender();
+        splitButton.showPopup();
+        equal(splitButton.popup.getDom('body').lastChild,splitButton.popup.getDom('bordereraser'),'检查：addListener：postrender');
+        ok(contains(splitButton.getStateDom().className,"edui-state-opened"),'_onPopupShow');
+        splitButton.popup.hide();
+        equal(splitButton.getStateDom().className,"",'_onPopupHide');
+        splitButton.popup.show();
+        ok(contains(splitButton.getStateDom().className,"edui-state-opened"),'_onPopupShow');
+        var flag = 0;
+   //有两个baidu.editor.ui.SplitButton,通过popup操作的是第一个
+        splitButton.addListener('buttonclick', function(){
+            flag = 1;
+        });
+
+        ua.click(document.getElementsByClassName('edui-box edui-button-body')[0]);
+        equal(flag, 1,'_onButtonClick');
+        ua.click(document.getElementsByClassName('edui-box edui-arrow')[0]);
+        ok(contains(splitButton.getStateDom().className,"edui-state-opened"),'_onArrowClick');
+        splitButton.popup.hide();
+        equal(splitButton.getStateDom().className,"",'_onArrowClick');
+        ua.click(document.getElementsByClassName('edui-box edui-arrow')[0]);
+        ok(contains(splitButton.getStateDom().className,"edui-state-opened"),'_onArrowClick');
+        splitButton.popup.hide();
+        start();
+    });
+    stop();
+    function contains(string,substr,isIgnoreCase)
+    {
+        if(isIgnoreCase)
+        {
+            string=string.toLowerCase();
+            substr=substr.toLowerCase();
+        }
+        var startChar=substr.substring(0,1);
+        var strLen=substr.length;
+        for(var j=0;j<string.length-strLen+1;j++)
+        {
+            if(string.charAt(j)==startChar)//如果匹配起始字符,开始查找
+            {
+                if(string.substring(j,j+strLen)==substr)//如果从j开始的字符与str匹配，那ok
+                {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/stateful.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/stateful.js
new file mode 100644
index 000000000..1f70644b2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/stateful.js
@@ -0,0 +1,11 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:46
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.stateful' );
+test( '', function() {
+    equal('','','');
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/tablebutton.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/tablebutton.js
new file mode 100644
index 000000000..0cbbbad55
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/tablebutton.js
@@ -0,0 +1,59 @@
+/**
+* Created by JetBrains PhpStorm.
+* User: dongyancen
+* Date: 12-4-12
+* Time: 下午4:47
+* To change this template use File | Settings | File Templates.
+*/
+module('ui.table');
+test('TableButton/TablePicker', function() {
+//    var editor = new baidu.editor.ui.Editor();
+//    editor.render("editor");
+//    stop();
+//
+//    editor.ready( function() {
+//        var tableButton = new te.obj[0].TableButton({editor:editor});
+//
+//        te.dom[0].innerHTML = tableButton.renderHtml();
+//        tableButton.postRender();
+//        tableButton.showPopup();
+//        equal(tableButton.popup.getDom().style.display, '', '窗口显示');
+//
+////  onmore
+//        ua.click(document.getElementsByClassName('edui-clickable')[0]);
+//        equal(tableButton.popup.getDom().style.display, "none", 'onmore 关闭窗口');
+//
+////    MouseOver
+//        tableButton.showPopup();
+//
+//        var pickarea = document.getElementById(tableButton.popup.content.id).firstChild.lastChild;
+//        var startTop = baidu.editor.ui.uiUtils.getClientRect(pickarea).top;//"edui-pickarea"的起始位置
+//        var startLeft = baidu.editor.ui.uiUtils.getClientRect(pickarea).left;//"edui-pickarea"的起始位置
+//        var cellSize = tableButton.popup.content.lengthOfCellSide;//单元格的大小
+//        var col = tableButton.editor.getLang("t_col");
+//        var row = tableButton.editor.getLang("t_row");
+//        ua.mouseover(pickarea, {clientX:startLeft + 2 * cellSize,clientY:startTop + 2 * cellSize});
+//        equal(document.getElementById(tableButton.popup.content.id+'_label').innerHTML, "0"+col+" x 0"+row, 'MouseOver');
+//        equal(document.getElementById(tableButton.popup.content.id+'_overlay').style.visibility, '', 'MouseOver');
+//
+////    MouseOut
+//        ua.mouseout(pickarea);
+//        equal(document.getElementById(tableButton.popup.content.id+'_label').innerHTML, "0"+col+" x 0"+row, 'MouseOut');
+//        equal(document.getElementById(tableButton.popup.content.id+'_overlay').style.visibility, 'hidden', 'MouseOut');
+//
+////  MouseMove
+//
+//        startTop = baidu.editor.ui.uiUtils.getClientRect(pickarea).top;//"edui-pickarea"的起始位置
+//        startLeft = baidu.editor.ui.uiUtils.getClientRect(pickarea).left;//"edui-pickarea"的起始位置
+//        //  行列的计算：  鼠标和"edui-pickarea"的相对位置/单元格大小
+//        ua.mousemove(pickarea, {clientX:startLeft + 2 * cellSize,clientY:startTop + 3 * cellSize});
+//        equal(document.getElementById(tableButton.popup.content.id+'_label').innerHTML, "2"+col+" x 3"+row, 'MouseMove');
+//        ua.mousemove(pickarea, {clientX:startLeft + 2 * cellSize + 1,clientY:startTop + 3 * cellSize});
+//        equal(document.getElementById(tableButton.popup.content.id+'_label').innerHTML, "3"+col+" x 3"+row, 'MouseMove');
+//
+////    onclick
+//        ua.click(pickarea);
+//        equal(tableButton.popup.getDom().style.display, "none", 'onclick 关闭窗口');
+//        start();
+//    });
+});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/toolbar.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/toolbar.js
new file mode 100644
index 000000000..5c767acb1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/toolbar.js
@@ -0,0 +1,225 @@
+/**
+* Created by JetBrains PhpStorm.
+* User: dongyancen
+* Date: 12-4-12
+* Time: 下午4:46
+* To change this template use File | Settings | File Templates.
+*/
+module( 'ui.toolbar' );
+test( 'toolbar显示', function() {
+    var editor = new baidu.editor.ui.Editor();
+    var toolbar =[ 'link','unlink','|'];
+    baidu.editor.ui['link'] = function (cmd){
+            return function (editor, title){
+                var ui = new baidu.editor.ui.Button({
+                    className: 'edui-for-' + cmd,
+                    title: title || editor.options.labelMap || editor.getLang('labelMap') || '',
+                    onclick: function (){
+                        editor.execCommand(cmd);
+                    },
+                    showText: false,
+                    editor:editor
+                });
+                editor.addListener('selectionchange', function (type, causeByUi, uiReady){
+                    var state = editor.queryCommandState(cmd);
+                    if (state == -1) {
+                        ui.setDisabled(true);
+                        ui.setChecked(false);
+                    } else {
+                        if(!uiReady){
+                            ui.setDisabled(false);
+                            ui.setChecked(state);
+                        }
+                    }
+                });
+                return ui;
+            };
+    }('link');
+    baidu.editor.ui['unlink'] = function (cmd){
+            return function (editor, title){
+                var ui = new baidu.editor.ui.Button({
+                    className: 'edui-for-' + cmd,
+                    title: title || editor.options.labelMap || editor.getLang('labelMap')  || '',
+                    onclick: function (){
+                        editor.execCommand(cmd);
+                    },
+                    showText: false,
+                    editor:editor
+                });
+                editor.addListener('selectionchange', function (type, causeByUi, uiReady){
+                    var state = editor.queryCommandState(cmd);
+                    if (state == -1) {
+                        ui.setDisabled(true);
+                        ui.setChecked(false);
+                    } else {
+                        if(!uiReady){
+                            ui.setDisabled(false);
+                            ui.setChecked(state);
+                        }
+                    }
+                });
+                return ui;
+            };
+    }('unlink');
+
+
+    var toolbarUi = new baidu.editor.ui.Toolbar({theme:editor.options.theme});
+    for ( var j = 0; j < toolbar.length; j++ ) {
+    var toolbarItem = toolbar[j].toLowerCase();
+    var toolbarItemUi = null;
+    if ( typeof toolbarItem == 'string' ) {
+        if ( toolbarItem == '|' ) {
+            toolbarItem = 'Separator';
+        }
+        if ( baidu.editor.ui[toolbarItem] ) {
+            toolbarItemUi = new baidu.editor.ui[toolbarItem]( editor );
+        }
+        } else {
+            toolbarItemUi = toolbarItem;
+        }
+        if ( toolbarItemUi ) {
+            toolbarUi.add( toolbarItemUi );
+        }
+    }
+
+    var theme = ' edui-'+editor.options.theme;
+    toolbarUi.render(te.dom[0]);
+    toolbarUi.postRender();
+    var toolbarShow  = document.getElementById('editor').firstChild;
+
+    equal(toolbarShow.className,'edui-toolbar  '+theme,'检查toolbar的显示');
+    equal(toolbarShow.childNodes.length ,toolbar.length,'检查toolbar的显示');
+    for(var i=0;i<toolbar.length;i++){
+        if(toolbar[i] =='|'){
+            equal(toolbarShow.childNodes[i].className,'edui-box edui-separator '+theme,'检查toolbar的显示');
+        }
+        else{
+            equal(toolbarShow.childNodes[i].className,'edui-box edui-button edui-for-' + toolbar[i] + theme,'检查toolbar的显示');
+        }
+    }
+    var link = toolbarShow.childNodes[0].firstChild;
+    equal(link.className,'edui-'+editor.options.theme,'mouseover效果');
+    if(ua.browser.ie){
+        ua.mouseenter(link);
+    }
+    else{
+        ua.mouseover(link);
+    }
+    setTimeout(function (){
+        link = document.getElementById('editor').firstChild.childNodes[0].firstChild;
+        equal(link.className,'edui-'+editor.options.theme+' edui-state-hover','mouseover效果');
+        if(ua.browser.ie){
+            ua.mouseleave(link);
+        }
+        else{
+            ua.mouseout(link);
+        }
+        setTimeout(function (){
+            link = document.getElementById('editor').firstChild.childNodes[0].firstChild;
+            equal(link.className,'edui-'+editor.options.theme ,'mouseout效果');
+            toolbarUi.dispose();
+            equal(document.getElementById('editor').childNodes.length,0,'成功销毁');
+            start();
+        }, 400);
+    }, 300);
+    stop();
+} );
+test( 'toolbar点击', function() {
+    var toolbar =[ 'link','unlink'];
+    baidu.editor.ui['link'] = function (cmd){
+            return function (editor, title){
+                var ui = new baidu.editor.ui.Button({
+                    className: 'edui-for-' + cmd,
+                    title: title || editor.options.labelMap || editor.getLang('labelMap') || '',
+                    onclick: function (){
+                        editor.execCommand(cmd, {href:'http://www.google.com/'});
+                    },
+                    showText: false,
+                    editor:editor
+                });
+                editor.addListener('selectionchange', function (type, causeByUi, uiReady){
+                    var state = editor.queryCommandState(cmd);
+                    if (state == -1) {
+                        ui.setDisabled(true);
+                        ui.setChecked(false);
+                    } else {
+                        if(!uiReady){
+                            ui.setDisabled(false);
+                            ui.setChecked(state);
+                        }
+                    }
+                });
+                return ui;
+            };
+    }('link');
+    baidu.editor.ui['unlink'] = function (cmd){
+            return function (editor, title){
+                var ui = new baidu.editor.ui.Button({
+                    className: 'edui-for-' + cmd,
+                    title: title ||editor.options.labelMap || editor.getLang('labelMap') || '',
+                    onclick: function (){
+                        editor.execCommand(cmd);
+                    },
+                    showText: false,
+                    editor:editor
+                });
+                editor.addListener('selectionchange', function (type, causeByUi, uiReady){
+                    var state = editor.queryCommandState(cmd);
+                    if (state == -1) {
+                        ui.setDisabled(true);
+                        ui.setChecked(false);
+                    } else {
+                        if(!uiReady){
+                            ui.setDisabled(false);
+                            ui.setChecked(state);
+                        }
+                    }
+                });
+                return ui;
+            };
+    }('unlink');
+
+    var editor = new baidu.editor.ui.Editor();
+//    editor.render('editor');
+    var toolbarUi = new baidu.editor.ui.Toolbar({theme:editor.options.theme});
+    for ( var j = 0; j < toolbar.length; j++ ) {
+    var toolbarItem = toolbar[j].toLowerCase();
+    var toolbarItemUi = null;
+    if ( typeof toolbarItem == 'string' ) {
+        if ( toolbarItem == '|' ) {
+            toolbarItem = 'Separator';
+        }
+        if ( baidu.editor.ui[toolbarItem] ) {
+            toolbarItemUi = new baidu.editor.ui[toolbarItem]( editor );
+        }
+        } else {
+            toolbarItemUi = toolbarItem;
+        }
+        if ( toolbarItemUi ) {
+            toolbarUi.add( toolbarItemUi );
+        }
+    }
+    toolbarUi.render(te.dom[0]);
+    toolbarUi.postRender();
+    var toolbarShow  = document.getElementById('editor').firstChild;
+    var linkButton = toolbarShow.childNodes[0].firstChild.firstChild.firstChild;
+
+    var content = document.createElement('div');
+    content.innerHTML = '<p>hello</p>';
+    document.body.appendChild(content);
+    //要使用link,先要设置range和editor.body等内容
+    editor.selection = new dom.Selection( document );
+    var range = new baidu.editor.dom.Range( document );
+    editor.body = document.getElementById('editor').nextSibling;
+    range.selectNode(document.body.lastChild).select();
+    editor.document = editor.body;
+    ua.click(linkButton);
+    setTimeout(function (){
+        equal(document.body.lastChild.firstChild.firstChild.attributes['href'].nodeValue,'http://www.google.com/','点击link按钮后，生成连接');
+        equal(document.body.lastChild.firstChild.firstChild.innerHTML,'hello','点击link按钮后，生成连接');
+        toolbarUi.dispose();
+        content.parentNode.removeChild(content);
+        start();
+    }, 300);
+    stop();
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/tools.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/tools.js
new file mode 100644
index 000000000..3e195dede
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/tools.js
@@ -0,0 +1,65 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午1:26
+ * To change this template use File | Settings | File Templates.
+ */
+(function() {
+    function mySetup() {
+        for (var config in window.UEDITOR_CONFIG) {
+            if (typeof(window.UEDITOR_CONFIG[config]) == 'string')
+                window.UEDITOR_CONFIG[config] = window.UEDITOR_CONFIG[config].replace('_test/tools/br/', '');
+        }
+
+        var ui = baidu.editor.ui;
+        var div = document.createElement('div');
+        document.body.appendChild(div);
+        div.id = 'editor';
+        var ue = new UE.ui.Editor({'UEDITOR_HOME_URL':'../../../','autoFloatEnabled':true});
+        setTimeout(function(){
+            te.dom.push(div);
+            te.obj.push(ui);
+            te.obj.push( ue );
+            QUnit.readyFlag =1;
+        },20);
+        stop();
+        QUnit.readyFlag =0;
+        document.getElementsByClassName = function(eleClassName) {
+            var getEleClass = [];//定义一个数组
+            var myclass = new RegExp("\\b" + eleClassName + "\\b");//创建一个正则表达式对像
+            var elem = this.getElementsByTagName("*");//获取文档里所有的元素
+            for (var h = 0; h < elem.length; h++) {
+                var classes = elem[h].className;//获取class对像
+                if (myclass.test(classes)) getEleClass.push(elem[h]);//正则比较，取到想要的CLASS对像
+            }
+            return getEleClass;//返回数组
+        }
+    }
+
+    var _d = function() {
+        if (te) {
+            if (te.dom && te.dom.length) {
+                for (var i = 0; i < te.dom.length; i++) {
+                    if (te.dom[i] && te.dom[i].parentNode)
+                        te.dom[i].parentNode.removeChild(te.dom[i]);
+                }
+
+            }
+        }
+
+        te.dom = [];
+        te.obj = [];
+    }
+
+    var s = QUnit.testStart,d = QUnit.testDone;
+    QUnit.testStart = function() {
+        s.apply(this, arguments);
+        mySetup();
+    };
+    QUnit.testDone = function() {
+        _d();
+        d.apply(this, arguments);
+    }
+
+})()
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/uibase.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/uibase.js
new file mode 100644
index 000000000..cda86871a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/uibase.js
@@ -0,0 +1,11 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:46
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.uibase' );
+test( '', function() {
+    equal('','','');
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/uiutils.js b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/uiutils.js
new file mode 100644
index 000000000..608bfb44b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/ui/uiutils.js
@@ -0,0 +1,11 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: dongyancen
+ * Date: 12-4-12
+ * Time: 下午4:46
+ * To change this template use File | Settings | File Templates.
+ */
+module( 'ui.uiutils' );
+test( '', function() {
+    equal('','','');
+} );
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/_test/关键字.txt b/nezha-fronted/static/ueditor-1.4.3.3/_test/关键字.txt
new file mode 100644
index 000000000..9faca2ceb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/_test/关键字.txt
@@ -0,0 +1,25 @@
+1.2.5
+��������ơ�
+����������
+������ճ����
+����ʽ��
+���ַ��߿�
+���߼���ɫ��
+��ͼƬ��ק��
+�Ϲ��ܣ�
+��������
+���Զ��Ű桿
+��undo��
+��soure��
+��insertcode��
+������
+������������
+��Editor��
+��ճ����
+��URL·����
+��Ԥ����
+�������ύ��
+��ͼƬ��
+�������滻��
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/ASPJson.class.asp b/nezha-fronted/static/ueditor-1.4.3.3/asp/ASPJson.class.asp
new file mode 100644
index 000000000..acd48b9ef
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/ASPJson.class.asp
@@ -0,0 +1,271 @@
+<%
+'Februari 2014 - Version 1.17 by Gerrit van Kuipers
+Class AspJSON
+	Public data
+	Private p_JSONstring
+	private aj_in_string, aj_in_escape, aj_i_tmp, aj_char_tmp, aj_s_tmp, aj_line_tmp, aj_line, aj_lines, aj_currentlevel, aj_currentkey, aj_currentvalue, aj_newlabel, aj_XmlHttp, aj_RegExp, aj_colonfound
+
+	Private Sub Class_Initialize()
+		Set data = Collection()
+
+	    Set aj_RegExp = new regexp
+	    aj_RegExp.Pattern = "\s{0,}(\S{1}[\s,\S]*\S{1})\s{0,}"
+	    aj_RegExp.Global = False
+	    aj_RegExp.IgnoreCase = True
+	    aj_RegExp.Multiline = True
+	End Sub
+
+	Private Sub Class_Terminate()
+		Set data = Nothing
+	    Set aj_RegExp = Nothing
+	End Sub
+
+	Public Sub loadJSON(inputsource)
+		inputsource = aj_MultilineTrim(inputsource)
+		If Len(inputsource) = 0 Then Err.Raise 1, "loadJSON Error", "No data to load."
+		
+		select case Left(inputsource, 1)
+			case "{", "["
+			case else
+				Set aj_XmlHttp = Server.CreateObject("Msxml2.ServerXMLHTTP")
+				aj_XmlHttp.open "GET", inputsource, False
+				aj_XmlHttp.setRequestHeader "Content-Type", "text/json"
+				aj_XmlHttp.setRequestHeader "CharSet", "UTF-8"
+				aj_XmlHttp.Send
+				inputsource = aj_XmlHttp.responseText
+				set aj_XmlHttp = Nothing
+		end select
+
+		p_JSONstring = CleanUpJSONstring(inputsource)
+		aj_lines = Split(p_JSONstring, Chr(13) & Chr(10))
+
+		Dim level(99)
+		aj_currentlevel = 1
+		Set level(aj_currentlevel) = data
+		For Each aj_line In aj_lines
+			aj_currentkey = ""
+			aj_currentvalue = ""
+			If Instr(aj_line, ":") > 0 Then
+				aj_in_string = False
+				aj_in_escape = False
+				aj_colonfound = False
+				For aj_i_tmp = 1 To Len(aj_line)
+					If aj_in_escape Then
+						aj_in_escape = False
+					Else
+						Select Case Mid(aj_line, aj_i_tmp, 1)
+							Case """"
+								aj_in_string = Not aj_in_string
+							Case ":"
+								If Not aj_in_escape And Not aj_in_string Then
+									aj_currentkey = Left(aj_line, aj_i_tmp - 1)
+									aj_currentvalue = Mid(aj_line, aj_i_tmp + 1)
+									aj_colonfound = True
+									Exit For
+								End If
+							Case "\"
+								aj_in_escape = True
+						End Select
+					End If
+				Next
+				if aj_colonfound then
+					aj_currentkey = aj_Strip(aj_JSONDecode(aj_currentkey), """")
+					If Not level(aj_currentlevel).exists(aj_currentkey) Then level(aj_currentlevel).Add aj_currentkey, ""
+				end if
+			End If
+			If right(aj_line,1) = "{" Or right(aj_line,1) = "[" Then
+				If Len(aj_currentkey) = 0 Then aj_currentkey = level(aj_currentlevel).Count
+				Set level(aj_currentlevel).Item(aj_currentkey) = Collection()
+				Set level(aj_currentlevel + 1) = level(aj_currentlevel).Item(aj_currentkey)
+				aj_currentlevel = aj_currentlevel + 1
+				aj_currentkey = ""
+			ElseIf right(aj_line,1) = "}" Or right(aj_line,1) = "]" or right(aj_line,2) = "}," Or right(aj_line,2) = "]," Then
+				aj_currentlevel = aj_currentlevel - 1
+			ElseIf Len(Trim(aj_line)) > 0 Then
+				if Len(aj_currentvalue) = 0 Then aj_currentvalue = aj_line
+				aj_currentvalue = getJSONValue(aj_currentvalue)
+
+				If Len(aj_currentkey) = 0 Then aj_currentkey = level(aj_currentlevel).Count
+				level(aj_currentlevel).Item(aj_currentkey) = aj_currentvalue
+			End If
+		Next
+	End Sub
+
+	Public Function Collection()
+		set Collection = Server.CreateObject("Scripting.Dictionary")
+	End Function
+
+	Public Function AddToCollection(dictobj)
+		if TypeName(dictobj) <> "Dictionary" then Err.Raise 1, "AddToCollection Error", "Not a collection."
+		aj_newlabel = dictobj.Count
+		dictobj.Add aj_newlabel, Collection()
+		set AddToCollection = dictobj.item(aj_newlabel)
+	end function
+
+	Private Function CleanUpJSONstring(aj_originalstring)
+		aj_originalstring = Replace(aj_originalstring, Chr(13) & Chr(10), "")
+		aj_originalstring = Mid(aj_originalstring, 2, Len(aj_originalstring) - 2)
+		aj_in_string = False : aj_in_escape = False : aj_s_tmp = ""
+		For aj_i_tmp = 1 To Len(aj_originalstring)
+			aj_char_tmp = Mid(aj_originalstring, aj_i_tmp, 1)
+			If aj_in_escape Then
+				aj_in_escape = False
+				aj_s_tmp = aj_s_tmp & aj_char_tmp
+			Else
+				Select Case aj_char_tmp
+					Case "\" : aj_s_tmp = aj_s_tmp & aj_char_tmp : aj_in_escape = True
+					Case """" : aj_s_tmp = aj_s_tmp & aj_char_tmp : aj_in_string = Not aj_in_string
+					Case "{", "["
+						aj_s_tmp = aj_s_tmp & aj_char_tmp & aj_InlineIf(aj_in_string, "", Chr(13) & Chr(10))
+					Case "}", "]"
+						aj_s_tmp = aj_s_tmp & aj_InlineIf(aj_in_string, "", Chr(13) & Chr(10)) & aj_char_tmp
+					Case "," : aj_s_tmp = aj_s_tmp & aj_char_tmp & aj_InlineIf(aj_in_string, "", Chr(13) & Chr(10))
+					Case Else : aj_s_tmp = aj_s_tmp & aj_char_tmp
+				End Select
+			End If
+		Next
+
+		CleanUpJSONstring = ""
+		aj_s_tmp = split(aj_s_tmp, Chr(13) & Chr(10))
+		For Each aj_line_tmp In aj_s_tmp
+			aj_line_tmp = replace(replace(aj_line_tmp, chr(10), ""), chr(13), "")
+			CleanUpJSONstring = CleanUpJSONstring & aj_Trim(aj_line_tmp) & Chr(13) & Chr(10)
+		Next
+	End Function
+
+	Private Function getJSONValue(ByVal val)
+		val = Trim(val)
+		If Left(val,1) = ":"  Then val = Mid(val, 2)
+		If Right(val,1) = "," Then val = Left(val, Len(val) - 1)
+		val = Trim(val)
+
+		Select Case val
+			Case "true"  : getJSONValue = True
+			Case "false" : getJSONValue = False
+			Case "null" : getJSONValue = Null
+			Case Else
+				If (Instr(val, """") = 0) Then
+					If IsNumeric(val) Then
+						getJSONValue = CDbl(val)
+					Else
+						getJSONValue = val
+					End If
+				Else
+					If Left(val,1) = """" Then val = Mid(val, 2)
+					If Right(val,1) = """" Then val = Left(val, Len(val) - 1)
+					getJSONValue = aj_JSONDecode(Trim(val))
+				End If
+		End Select
+	End Function
+
+	Private JSONoutput_level
+	Public Function JSONoutput()
+		dim wrap_dicttype, aj_label
+		JSONoutput_level = 1
+		wrap_dicttype = "[]"
+		For Each aj_label In data
+			 If Not aj_IsInt(aj_label) Then wrap_dicttype = "{}"
+		Next
+		JSONoutput = Left(wrap_dicttype, 1) & Chr(13) & Chr(10) & GetDict(data) & Right(wrap_dicttype, 1)
+	End Function
+
+    Public Function PrintJson
+        Response.AddHeader "Content-Type", "text/plain"
+        If IsEmpty(Request.QueryString("callback")) Then
+            Response.Write JSONoutput()
+        Else
+            Response.Write Request.QueryString("callback") & "(" & JSONoutput() & ")"
+        End If
+    End Function
+
+	Private Function GetDict(objDict)
+		dim aj_item, aj_keyvals, aj_label, aj_dicttype
+		For Each aj_item In objDict
+			Select Case TypeName(objDict.Item(aj_item))
+				Case "Dictionary"
+					GetDict = GetDict & Space(JSONoutput_level * 4)
+					
+					aj_dicttype = "[]"
+					For Each aj_label In objDict.Item(aj_item).Keys
+						 If Not aj_IsInt(aj_label) Then aj_dicttype = "{}"
+					Next
+					If aj_IsInt(aj_item) Then
+						GetDict = GetDict & (Left(aj_dicttype,1) & Chr(13) & Chr(10))
+					Else
+						GetDict = GetDict & ("""" & aj_JSONEncode(aj_item) & """" & ": " & Left(aj_dicttype,1) & Chr(13) & Chr(10))
+					End If
+					JSONoutput_level = JSONoutput_level + 1
+					
+					aj_keyvals = objDict.Keys
+					GetDict = GetDict & (GetSubDict(objDict.Item(aj_item)) & Space(JSONoutput_level * 4) & Right(aj_dicttype,1) & aj_InlineIf(aj_item = aj_keyvals(objDict.Count - 1),"" , ",") & Chr(13) & Chr(10))
+				Case Else
+					aj_keyvals =  objDict.Keys
+					GetDict = GetDict & (Space(JSONoutput_level * 4) & aj_InlineIf(aj_IsInt(aj_item), "", """" & aj_JSONEncode(aj_item) & """: ") & WriteValue(objDict.Item(aj_item)) & aj_InlineIf(aj_item = aj_keyvals(objDict.Count - 1),"" , ",") & Chr(13) & Chr(10))
+			End Select
+		Next
+	End Function
+
+	Private Function aj_IsInt(val)
+		aj_IsInt = (TypeName(val) = "Integer" Or TypeName(val) = "Long")
+	End Function
+
+	Private Function GetSubDict(objSubDict)
+		GetSubDict = GetDict(objSubDict)
+		JSONoutput_level= JSONoutput_level -1
+	End Function
+
+	Private Function WriteValue(ByVal val)
+		Select Case TypeName(val)
+			Case "Double", "Integer", "Long": WriteValue = val
+			Case "Null"						: WriteValue = "null"
+			Case "Boolean"					: WriteValue = aj_InlineIf(val, "true", "false")
+			Case Else						: WriteValue = """" & aj_JSONEncode(val) & """"
+		End Select
+	End Function
+
+	Private Function aj_JSONEncode(ByVal val)
+		val = Replace(val, "\", "\\")
+		val = Replace(val, """", "\""")
+		'val = Replace(val, "/", "\/")
+		val = Replace(val, Chr(8), "\b")
+		val = Replace(val, Chr(12), "\f")
+		val = Replace(val, Chr(10), "\n")
+		val = Replace(val, Chr(13), "\r")
+		val = Replace(val, Chr(9), "\t")
+		aj_JSONEncode = Trim(val)
+	End Function
+
+	Private Function aj_JSONDecode(ByVal val)
+		val = Replace(val, "\""", """")
+		val = Replace(val, "\\", "\")
+		val = Replace(val, "\/", "/")
+		val = Replace(val, "\b", Chr(8))
+		val = Replace(val, "\f", Chr(12))
+		val = Replace(val, "\n", Chr(10))
+		val = Replace(val, "\r", Chr(13))
+		val = Replace(val, "\t", Chr(9))
+		aj_JSONDecode = Trim(val)
+	End Function
+
+	Private Function aj_InlineIf(condition, returntrue, returnfalse)
+		If condition Then aj_InlineIf = returntrue Else aj_InlineIf = returnfalse
+	End Function
+
+	Private Function aj_Strip(ByVal val, stripper)
+		If Left(val, 1) = stripper Then val = Mid(val, 2)
+		If Right(val, 1) = stripper Then val = Left(val, Len(val) - 1)
+		aj_Strip = val
+	End Function
+
+	Private Function aj_MultilineTrim(TextData)
+		aj_MultilineTrim = aj_RegExp.Replace(TextData, "$1")
+	End Function
+
+	private function aj_Trim(val)
+		aj_Trim = Trim(val)
+		Do While Left(aj_Trim, 1) = Chr(9) : aj_Trim = Mid(aj_Trim, 2) : Loop
+		Do While Right(aj_Trim, 1) = Chr(9) : aj_Trim = Left(aj_Trim, Len(aj_Trim) - 1) : Loop
+		aj_Trim = Trim(aj_Trim)
+	end function
+End Class
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/MultiformProcessor.class.asp b/nezha-fronted/static/ueditor-1.4.3.3/asp/MultiformProcessor.class.asp
new file mode 100644
index 000000000..ec2b4e1e7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/MultiformProcessor.class.asp
@@ -0,0 +1,138 @@
+<%
+' Power by Techird
+' Processor Usage:
+'   Set p = new MultiformProcessor
+'   Set formValues = p.Process()
+'   filename = formValues.Item("filename")
+'   Set stream = formValues.Item("file1") // the name of the file input
+'   stream.SaveToFile "upload/" & filename
+'   stream.Close
+Class MultiformProcessor
+    Private adTypeBinary
+    Private adTypeText
+    Private adModeReadWrite
+    Private binCtLf
+    Private binCtLf2
+
+
+    private Sub Class_Initialize()
+        adTypeBinary = 1
+        adTypeText = 2
+        adModeReadWrite = 3
+        binCtLf = ChrB(13) & ChrB(10)
+        binCtLf2 = binCtLf & binCtLf
+    End Sub
+
+    Private Function OpenStream( optype )
+        Set stream = Server.CreateObject("ADODB.Stream")
+        stream.Type = optype
+        stream.Mode = adModeReadWrite
+        stream.Open
+        Set OpenStream = stream
+    End Function
+
+    Private Function CopyStreamPart( stream, pBgn, pEnd )
+        Dim iStream, oStream
+        Set iStream = stream
+        Set oStream = OpenStream( adTypeBinary )
+        iStream.Position = pBgn
+        iStream.CopyTo oStream, pEnd - pBgn
+        Set CopyStreamPart = oStream
+    End Function
+
+    Private Function GetString( stream, pBgn, pEnd )
+        Dim iStream, oStream
+        Set iStream = stream
+        Set oStream = OpenStream( adTypeBinary )
+        iStream.Position = pBgn
+        iStream.CopyTo oStream, pEnd - pBgn
+        oStream.Position = 0
+        oStream.Type = adTypeText
+        oStream.Charset = GetCharset
+        GetString = oStream.ReadText
+        oStream.Close
+    End Function
+
+    Private Function GetCharset()
+        If Charset = "" Then
+            GetCharset = "utf-8"
+        Else
+            GetCharset = Charset
+        End If
+    End Function
+
+    'See RFC 2388
+    'http://www.ietf.org/rfc/rfc2388.txt
+    public Function Process()
+        Dim formBytes, bLen, pBgn, pEnd, header, stream
+        Dim varPtn, filePtn, formValues, key, field
+
+        formBytes = Request.BinaryRead( Request.TotalBytes )
+
+        Set stream = OpenStream( adTypeBinary )
+            stream.Write formBytes
+
+        Set varPtn = new RegExp
+            varPtn.Pattern = "(\w+?)=""(.+?)"""
+            varPtn.Global = True
+
+        Set filePtn = new RegExp
+            filePtn.Pattern = "filename="
+
+        Set formValues = Server.CreateObject("Scripting.Dictionary")
+
+        'Find boundary
+        bLen = InStrB( 1, formBytes, binCtLf ) - 1
+        boundary = LeftB( formBytes, bLen )
+
+        'Init begin pointer to byte start
+        pBgn = 1
+
+        Do
+            'Find begin pointer and end pointer for block header
+            pBgn = pBgn + bLen + LenB( binCtLf ) - 1
+            pEnd = InStrB( pBgn, formBytes, binCtLf2 )
+
+            'If next block not found, means all blocks processed
+            If pEnd = 0 Then
+                Exit Do 'Load Finished
+            End If
+
+            'Decode the headerf
+            header = GetString( stream, pBgn, pEnd )
+
+            'Test if the block is a file block
+            isFileBlock = filePtn.Test( header ) 
+
+            'Find begin pointer and end pointer for block content
+            pBgn = pEnd + LenB(binCtLf2) - 1
+            pEnd = InStrB(pBgn, formBytes, boundary) - LenB( binCtLf ) - 1
+
+            'Extract field values from header, which like key = "filed"
+            Set matches = varPtn.Execute( header )
+            For Each match In matches
+                key = match.SubMatches(0)
+                field = match.SubMatches(1)
+                'filename as a field
+                If key = "filename" Then
+                    formValues.Add key, field 
+                'name specified fields
+                ElseIf key = "name" Then
+                    If isFileBlock Then
+                        'Resolve content as stream for fileblock
+                        formValues.Add field, CopyStreamPart(stream, pBgn, pEnd)
+                    Else
+                        'Resolve content as string for non-fileblock
+                        formValues.Add field, GetString(stream, pBgn, pEnd)
+                    End If
+                End If
+            Next
+
+            'Move over the begin pointer to next block
+            pBgn = pEnd + LenB( binCtLf ) + 1
+        Loop
+        stream.Close
+        Set Process = formValues
+    End Function
+End Class    
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/PathFormatter.class.asp b/nezha-fronted/static/ueditor-1.4.3.3/asp/PathFormatter.class.asp
new file mode 100644
index 000000000..b0196a0cd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/PathFormatter.class.asp
@@ -0,0 +1,81 @@
+<%
+
+Class PathFormatter
+    Public Function Format( ByVal pathFormat, ByVal filename )
+        Dim ext, name
+        If IsEmpty( format ) Then
+            format = "{yyyy}{mm}{dd}{hh}{ii}{ss}{rand:6}"
+        End If
+
+        Set invalidPattern = new RegExp
+        invalidPattern.Pattern = "[\\\/\:\*\?\<\>\|""]"
+        invalidPattern.Global = true
+        filename = invalidPattern.Replace( filename, "" )
+
+        ext = GetExt( filename )
+        name = GetNameWithoutExt( filename )
+
+        pathFormat = Replace( pathFormat, "{filename}", name )
+        pathFormat = Replace( pathFormat, "{time}", TimeStamp() )
+        pathFormat = Replace( pathFormat, "{yyyy}", Year(Now) )
+        pathFormat = Replace( pathFormat, "{yy}", Year(Now) Mod 100 )
+        pathFormat = Replace( pathFormat, "{mm}", LeadZero( Month(Now) ) )
+        pathFormat = Replace( pathFormat, "{dd}", LeadZero( Day(Now) ) )
+        pathFormat = Replace( pathFormat, "{hh}", LeadZero( Hour(Now) ) )
+        pathFormat = Replace( pathFormat, "{ii}", LeadZero( Minute(Now) ) )
+        pathFormat = Replace( pathFormat, "{ss}", LeadZero( Second(Now) ) )
+
+        Set randPattern = new RegExp
+        randPattern.Pattern = "{rand(\:?)(\d+)}"
+        Set matches = randPattern.Execute(pathFormat)
+        If matches.Count Then
+            Set match = matches(0)
+            digit = 6
+            If match.SubMatches.Count > 1 Then
+                digit = 0 + match.SubMatches(1)
+            End If
+            min = 1
+            Do While digit > 0
+                min = min * 10
+                digit = digit - 1
+            Loop
+            max = min * 10
+            pathFormat = randPattern.Replace( pathFormat, Rand( min, max ) )
+        End If
+        Format = pathFormat + ext
+    End Function
+    
+    Private Function GetExt( file )
+        GetExt = Right( file, Len(file) - InStrRev(file, ".") + 1 )
+    End Function
+
+    Private Function GetNameWithoutExt( file )
+        GetNameWithoutExt = Left( file, InStrRev(file, ".") - 1 )
+    End Function
+
+    Private Function TimeStamp()
+        TimeStamp = DateDiff("s", "1970-1-1 8:00:00", Now())
+    End Function
+
+    Private Function Rand( min, max )
+        Randomize 
+        Rand = Int( (max - min + 1) * Rnd + min )
+    End Function
+
+    Private Function GetFormatedDate()
+        Dim yyyy, mm, dd
+        yyyy = Year(Date)
+        mm = LeadZero(Month(Date))
+        dd = LeadZero(Day(Date))
+        GetFormatedDate = yyyy & mm & dd
+    End Function
+
+    Private Function LeadZero( number )
+        If number < 10 Then
+            LeadZero = "0" & number
+        Else
+            LeadZero = number
+        End If
+    End Function
+End Class
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/README.md b/nezha-fronted/static/ueditor-1.4.3.3/asp/README.md
new file mode 100644
index 000000000..bf3a2215f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/README.md
@@ -0,0 +1,115 @@
+# UEditor ASP 支持说明
+
+应广大用户要求，UEditor 团队在原本支持的 PHP、Java 和 .Net 的后台的基础上，推出了 ASP 后台的支持。
+
+## 支持版本 ##
+支持 UEditor 1.2.6+ 的版本
+
+## 支持功能 ##
+支持所有其他后台已支持的功能，包括：
+
+1. 图片上传
+2. 远程图片转存
+3. 图片管理
+4. 涂鸦上传（包括背景）
+5. Word 图片转存
+6. 截图上传
+7. 文件上传
+
+## 部署指南 ##
+Classic ASP 一般在 IIS 上运行。其它 ASP 服务器不介绍部署方式，请自行研究。
+
+### 配置 ###
+
+对于 v1.4.0 之前的版本，需要修改 `ueditor.config.js`。最简单的方法，就是把文件中的 php 都替换成 asp。要修改的配置包括：
+
+```javascript
+{
+     imageUrl:URL+"asp/imageUp.asp"
+    ,imagePath:URL + "asp/"
+    ,scrawlUrl:URL+"asp/scrawlUp.asp"
+    ,scrawlPath:URL+"asp/"
+    ,fileUrl:URL+"asp/fileUp.asp"
+    ,filePath:URL + "asp/"
+    ,catcherUrl:URL +"asp/getRemoteImage.asp"
+    ,catcherPath:URL + "asp/"
+    ,imageManagerUrl:URL + "asp/imageManager.asp"
+    ,imageManagerPath:URL + "asp/"
+    ,snapscreenServerUrl: URL +"asp/imageUp.asp"
+    ,snapscreenPath: URL + "asp/"
+    ,wordImageUrl:URL + "asp/imageUp.asp"
+    ,wordImagePath:URL + "asp/"
+    ,getMovieUrl:URL+"asp/getMovie.asp"
+}
+```
+
+UEditor v1.4.0 后进行了后端的统一配置，后端相关的配置文件是 `config.json`，在具体的后台目录下。需要注意以下两个类型的配置：
+
+
+```javascript
+{
+    "{tpl}UrlPrefix": "/ueditor/asp/",
+    "{tpl}PathFormat": "upload/{tpl}/{yyyy}{mm}{dd}/{time}{rand:6}"
+}
+```
+
+`{tpl}PathFormat` 是资源（图片、涂鸦、文件等）保存的位置以及文件名格式，这个路径在 ASP 中是相对运行目录的。
+
+`{tpl}UrlPrefix` 是资源定位的基本路径，在 ASP 后台中一般设置成 ASP 的目录。
+
+比如，IIS 中运行的 UEditor ASP 的目录为 C:\iis_pub\wwwroot\mysite\ueditor\asp，而网站的访问地址为 http://localhost/mysite/，那么你可以这样修改这两类配置项：
+
+```javascript
+{
+    "{tpl}UrlPrefix": "/mysite/ueditor/asp/",
+    "{tpl}PathFormat": "upload/{tpl}/{yyyy}{mm}{dd}/{time}{rand:6}"
+}
+```
+
+
+### 在 IIS 6.X 中部署
+IIS 的安装在这里不介绍，请自行查阅相关资料。
+
+1. 启用 ASP 拓展
+	* 打开 IIS 管理器
+	* 展开本地计算机
+	* 选中 Web 服务拓展
+	* 允许 Active Server Pages 拓展
+
+2. 配置网站脚本执行权限（如果使用虚拟路径，请跳过本步骤）
+	* 在网站上右击，点属性
+	* 切换到主目录选项卡，勾选*读取*、*写入*两个权限，并且*执行权限*选择*纯脚本*
+	* 点确定
+
+3. 使用虚拟路径
+	* 在网站上右击，点*新建* - *虚拟路径*
+	* 按照向导填写名称和路径
+	* 勾选*读取*、*执行脚本*和*写入*三个权限
+	* 完成虚拟目录的创建
+
+4. 配置脚本执行身份
+	* 在网站或虚拟路径上右击，点属性
+	* 选择*目录安全性*选项卡
+	* 在*身份验证和访问控制*中点击*编辑*
+	* 勾选*启用匿名访问*，点击用户名后面的*浏览*
+	* 输入*administrator*点确定
+	* 输入*administrator*账号的密码
+	* 点击确定，再确认一次密码
+
+5. 设置最大 HTTP 请求大小限制
+	* 找到位于 C:\Windows\System32\Inetsrv 中的 metabase.XML，打开，查找ASPMaxRequestEntityAllowed，修改为需要的值（如10240000 即 10M）
+	> ASP 文件中也有上传文件大小的限制，不过先验证的限制是 IIS 中设置的，所以如果 IIS 中设置最大 256K，那么就算 ASP 中设置了最大 10M，那么超过 256K 的文件也无法上传，而且 ASP 没法给出错误信息。
+
+### 在 IIS 7.X 中部署
+IIS7 默认不安装 ASP，需要手动添加进去。添加方法请读者自行查阅。
+
+1. 配置脚本执行身份
+	* 选中网站或者应用程序
+	* 双击 IIS 中的*身份验证*
+	* 双击匿名身份验证
+	* 填写*administrator*的用户名和密码，确定
+
+2. 设置最大 HTTP 请求大小限制
+    * 打开 IIS 控制台
+    * 双击 ASP，展开*限制属性*，修改*醉倒请求实体主体限制*为需要的值（如10240000 即 10M）
+    > ASP 文件中也有上传文件大小的限制，不过先验证的限制是 IIS 中设置的，所以如果 IIS 中设置最大 256K，那么就算 ASP 中设置了最大 10M，那么超过 256K 的文件也无法上传，而且 ASP 没法给出错误信息。
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/Uploader.Class.asp b/nezha-fronted/static/ueditor-1.4.3.3/asp/Uploader.Class.asp
new file mode 100644
index 000000000..5d65ce102
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/Uploader.Class.asp
@@ -0,0 +1,264 @@
+<!--#include file="PathFormatter.class.asp"-->
+<!--#include file="MultiformProcessor.class.asp"-->
+
+<%
+' ASP 文件上传类
+' Author: techird
+' Email: techird@qq.com
+
+'配置
+'MAX_SIZE 在这里设定了之后如果出现大上传失败，请执行以下步骤
+'IIS 6 
+    '找到位于 C:\Windows\System32\Inetsrv 中的 metabase.XML 打开，找到ASPMaxRequestEntityAllowed 把他修改为需要的值（如10240000即10M）
+'IIS 7
+    '打开IIS控制台，选择 ASP，在限制属性里有一个“最大请求实体主题限制”，设置需要的值
+
+CURRENT_ENCODING = "gb2312"
+
+Class Uploader
+
+    '上传配置
+    Private cfgMaxSize
+    Private cfgAllowType
+    Private cfgPathFormat
+    Private cfgFileField
+
+    '上传返回信息
+    Private stateString
+    Private rsOriginalFileName
+    Private rsFilePath
+
+    Private rsFileName
+    Private rsFileSize
+    Private rsState
+    Private rsFormValues
+
+    Private Sub Class_Initialize
+        Set stateString = Server.CreateObject("Scripting.Dictionary")
+        stateString.Add "SIZE_LIMIT_EXCCEED", "File size exceeded!"
+        stateString.Add "TYPE_NOW_ALLOW", "File type not allowed!"
+    End Sub
+
+    Public Property Let MaxSize(ByVal size)
+        cfgMaxSize = size
+    End Property
+
+    Public Property Let AllowType(ByVal types)
+        Set cfgAllowType = types
+    End Property
+
+    Public Property Let PathFormat(ByVal format)
+        cfgPathFormat = format
+    End Property
+
+    Public Property Let FileField(ByVal field)
+        cfgFileField = field
+    End Property
+
+    Public Property Get OriginalFileName
+        OriginalFileName = rsOriginalFileName
+    End Property
+
+    Public Property Get FileName
+        FileName = rsFileName
+    End Property 
+
+    Public Property Get FilePath
+        FilePath = rsFilePath
+    End Property
+
+    Public Property Get FileSize
+        FileSize = rsFileSize
+    End Property
+
+    Public Property Get State
+        State = rsState
+    End Property
+
+    Public Property Get FormValues
+        Set FormValues = rsFormValues
+    End Property
+
+    Public Function UploadForm()
+        ProcessForm()
+        SaveFile()
+    End Function
+
+    Public Function ProcessForm()        
+        Set processor = new MultiformProcessor
+        Set rsFormValues = processor.Process()
+    End Function
+
+    Public Function SaveFile()
+        Dim stream, filename
+        Set stream = rsFormValues.Item( cfgFileField )
+        filename = rsFormValues.Item( "filename" )
+        DoUpload stream, filename
+    End Function
+
+    Public Function UploadBase64( filename ) 
+        Dim stream, content
+        content = Request.Item ( cfgFileField )
+        Set stream = Base64Decode( content )
+
+        DoUpload stream, filename
+    End Function
+
+    Private Function RegExpTest(patrn, str) 
+        Dim regEx, Match, Matches
+        Set regEx = New RegExp
+        regEx.Pattern = patrn 
+        regEx.IgnoreCase = False
+        regEx.Global = True 
+        Set Matches = regEx.Execute(str)
+        For Each Match in Matches
+        RetStr = RetStr & Match.value &" "
+        RetStr = RetStr & vbCRLF 
+        Next 
+        RegExpTest = RetStr 
+    End Function
+
+    Private Function IpToNumber( ip )
+        arr=split(ip,".")
+        IpToNumber=256*256*256*clng(arr(0))+256*256*clng(arr(1))+256*clng(arr(2))+clng(arr(3))
+    End Function
+
+    Private Function IsPrivateIp( url )
+        Dim ip
+        ip = RegExpTest("\d+\.\d+\.\d+\.\d*", url)
+
+        If ip = "" Then
+            If RegExpTest("([\w-]+\.)+[\w-]+", url) <> "" Then
+                IsPrivateIp = False:Exit Function
+            End If
+        IsPrivateIp = True:Exit Function
+        End If
+
+        If instr(ip,"127.")=1 Then
+        IsPrivateIp = true:Exit Function
+        End If
+        ABegin = IpToNumber("10.0.0.0"):AEnd = IpToNumber("10.255.255.255")
+        BBegin = IpToNumber("172.16.0.0"):BEnd = IpToNumber("172.31.255.255")
+        CBegin = IpToNumber("192.168.0.0"):CEnd = IpToNumber("192.168.255.255")
+        IpNum = IpToNumber(ip)
+        IsPrivateIp = (ABegin <= IpNum and IpNum <= AEnd) or (BBegin <= IpNum and IpNum <= BEnd) or (CBegin <= IpNum and IpNum <= CEnd)
+    End Function
+
+    Public Function UploadRemote( url )
+        Dim stream, filename
+
+        If IsPrivateIp(url) Then
+        rsState = "Failed":Exit Function
+        End If
+
+        filename = Right( url, Len(url) - InStrRev(url, "/") )
+
+        Set stream = CrawlImage( url )
+
+        If Not IsNull(stream) Then
+            DoUpload stream, filename
+        Else
+            rsState = "Failed"
+        End If
+        Set stream = Nothing
+    End Function
+
+    Private Function DoUpload( stream, filename )
+
+        rsFileSize = stream.Size
+        If rsFileSize > cfgMaxSize Then
+            rsState = stateString.Item( "SIZE_LIMIT_EXCCEED" )
+            Exit Function
+        End If
+
+        rsOriginalFileName = filename
+        fileType = GetExt(filename)
+        If CheckExt(fileType) = False Then
+            rsState = stateString.Item( "TYPE_NOW_ALLOW" )
+            Exit Function
+        End If
+        
+        Set formatter = new PathFormatter
+        rsFilePath = formatter.format( cfgPathFormat, filename )
+        
+        savePath = Server.MapPath(rsFilePath)
+        CheckOrCreatePath(  GetDirectoryName(savePath) )
+
+        stream.SaveToFile savePath
+        stream.Close
+        rsState = "SUCCESS"
+    End Function
+
+    Private Function GetDirectoryName(path)
+        GetDirectoryName = Left( path, InStrRev(path, "\") )
+    End Function
+
+    Private Function Base64Decode( content )
+        dim xml, stream, node
+        Set xml = Server.CreateObject("MSXML2.DOMDocument")
+        Set stream = Server.CreateObject("ADODB.Stream")
+        Set node = xml.CreateElement("tmpNode")
+        node.dataType = "bin.base64"
+        node.Text = content
+        stream.Charset = CURRENT_ENCODING
+        stream.Type = 1
+        stream.Open()
+        stream.Write( node.nodeTypedValue )
+        Set Base64Decode = stream
+        Set node = Nothing
+        Set stream = Nothing
+        Set xml = Nothing
+    End Function
+
+    Private Function CrawlImage( url )
+        Dim http, stream
+        Set http = Server.CreateObject("Microsoft.XMLHTTP")
+        http.Open "GET", url, false
+        http.Send
+        If http.Status = 200 Then
+            Set stream = Server.CreateObject("ADODB.Stream")
+            stream.Type = 1
+            stream.Open()
+            stream.Write http.ResponseBody
+            Set CrawlImage = stream
+        Else
+            Set CrawlImage = null
+        End If
+        Set http = Nothing
+    End Function
+
+    Private Function CheckExt( fileType )
+        If IsEmpty (cfgAllowType) Then
+            CheckExt = true
+             Exit Function
+        End If
+        For Each ext In cfgAllowType
+            If UCase(fileType) = UCase(cfgAllowType.Item(ext)) Then 
+                CheckExt = true
+                Exit Function
+            End If
+        Next
+        CheckExt = false
+    End Function
+    
+    Private Function GetExt( file )
+        GetExt = Right( file, Len(file) - InStrRev(file, ".") + 1 )
+    End Function
+
+    Private Function CheckOrCreatePath( ByVal path )
+        Set fs = Server.CreateObject("Scripting.FileSystemObject")
+        Dim parts
+        parts = Split( path, "\" )
+        path = ""
+        For Each part in parts
+            path = path + part + "\"
+            If fs.FolderExists( path ) = False Then
+                fs.CreateFolder( path )
+            End If
+        Next
+    End Function
+End Class
+
+
+
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/action_config.asp b/nezha-fronted/static/ueditor-1.4.3.3/asp/action_config.asp
new file mode 100644
index 000000000..d3726a4ff
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/action_config.asp
@@ -0,0 +1,9 @@
+<!--#include file="ASPJson.class.asp"-->
+<!--#include file="config_loader.asp"-->
+
+<%
+	Set json = new ASPJson
+    Set json.data = config
+
+    json.PrintJson()
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/action_crawler.asp b/nezha-fronted/static/ueditor-1.4.3.3/asp/action_crawler.asp
new file mode 100644
index 000000000..1235916d5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/action_crawler.asp
@@ -0,0 +1,32 @@
+<!--#include file="ASPJson.class.asp"-->
+<!--#include file="config_loader.asp"-->
+<!--#include file="Uploader.class.asp"-->
+<%	
+
+    Set up = new Uploader    
+    up.MaxSize = config.Item("catcherMaxSize")
+    up.AllowType = config.Item("catcherAllowFiles")
+    up.PathFormat = config.Item("catcherPathFormat")
+
+    urls = Split(Request.Item("source[]"), ", ")
+    Set list = new ASPJson.Collection
+
+    For i = 0 To UBound(urls)
+    	up.UploadRemote( urls(i) )
+        Dim instance
+        Set instance = new ASPJson.Collection
+        instance.Add "state", up.State
+        instance.Add "url", up.FilePath
+        instance.Add "source", urls(i)
+        list.Add i, instance
+    Next
+
+    Set json = new ASPJson
+
+    With json.data
+        .Add "state", "SUCCESS"
+        .Add "list", list
+    End With
+
+    json.PrintJson()
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/action_list.asp b/nezha-fronted/static/ueditor-1.4.3.3/asp/action_list.asp
new file mode 100644
index 000000000..74bf8097c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/action_list.asp
@@ -0,0 +1,81 @@
+<!--#include file="ASPJson.class.asp"-->
+<!--#include file="config_loader.asp"-->
+
+<%
+    listTemplateName = Session.Value("ueditor_asp_listTemplateName")
+
+    start = CInt(Request.Item("start"))
+    size = CInt(Request.Item("size"))
+    total = 0
+
+    If size < 0 Then
+        size = CInt(config.Item( listTemplateName + "ManagerListSize" ))
+    End If
+
+    path = config.Item( listTemplateName + "ManagerListPath" )
+    Set extensions = config.Item( listTemplateName + "ManagerAllowFiles")
+
+    Set list = new ASPJson.Collection
+
+    Set fso = Server.CreateObject("Scripting.FileSystemObject")
+    If fso.FolderExists(Server.MapPath(path)) = False Then
+        state = "找不到目录：" + path
+    Else
+        Set all = ListAllFilesInFolder( fso, path )
+        total = all.Count
+        index = 0
+        For Each file in all
+            If index >= start And index < start + size Then
+                Dim fileObject
+                Set fileObject = new ASPJson.Collection
+                fileObject.Add "url", file
+                list.Add index - start, fileObject
+            End If
+            index = index + 1
+        Next
+        state = "SUCCESS"
+    End If
+    
+    Set json = new ASPJson
+    With json.data
+        .Add "state", state
+        .Add "list", list
+        .Add "start", start
+        .Add "size", size
+        .Add "total", total
+    End With
+
+    json.PrintJson()
+
+    Function ListAllFilesInFolder( fso, path )
+        Dim list
+        Set list = Server.CreateObject("Scripting.Dictionary")
+        Set folder = fso.GetFolder(Server.MapPath(path))
+        For Each file In folder.Files
+            If CheckExt(file.Name) Then
+                list.Add path & "/" & file.Name, true
+            End If
+        Next
+        For Each subFolder In folder.SubFolders
+            Set subList = ListAllFilesInFolder( fso, path & "/" & subFolder.Name )
+            For Each subListFile In subList
+                list.Add subListFile, true
+            Next
+        Next
+        Set ListAllFilesInFolder = list
+    End Function
+
+    Function CheckExt( filename )
+        For Each ext In extensions
+            If UCase(GetExt(filename)) = UCase(extensions.Item(ext)) Then 
+                CheckExt = true
+                Exit Function
+            End If
+        Next
+        CheckExt = false
+    End Function
+    
+    Function GetExt( file )
+        GetExt = Right( file, Len(file) - InStrRev(file, ".") + 1 )
+    End Function
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/action_upload.asp b/nezha-fronted/static/ueditor-1.4.3.3/asp/action_upload.asp
new file mode 100644
index 000000000..19300c122
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/action_upload.asp
@@ -0,0 +1,29 @@
+<!--#include file="ASPJson.class.asp"-->
+<!--#include file="config_loader.asp"-->
+<!--#include file="Uploader.class.asp"-->
+<%
+    uploadTemplateName = Session.Value("ueditor_asp_uploadTemplateName")
+
+    Set up = new Uploader
+    up.MaxSize = config.Item( uploadTemplateName & "MaxSize" )
+    up.FileField = config.Item( uploadTemplateName & "FieldName" )
+    up.PathFormat = config.Item( uploadTemplateName & "PathFormat" )
+
+    If Not IsEmpty( Session.Value("base64Upload") ) Then
+        up.UploadBase64( Session.Value("base64Upload") )
+    Else
+        up.AllowType = config.Item( uploadTemplateName & "AllowFiles" )
+        up.UploadForm()
+    End If
+
+    Set json = new ASPJson
+
+    With json.data
+        .Add "url", up.FilePath
+        .Add "original", up.OriginalFileName
+        .Add "state", up.State
+        .Add "title", up.OriginalFileName
+    End With
+    
+    json.PrintJson()
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/config.json b/nezha-fronted/static/ueditor-1.4.3.3/asp/config.json
new file mode 100644
index 000000000..9a20cc7c6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/config.json
@@ -0,0 +1,94 @@
+/* 前后端通信相关的配置,注释只允许使用多行方式 */
+{
+    /* 上传图片配置项 */
+    "imageActionName": "uploadimage", /* 执行上传图片的action名称 */
+    "imageFieldName": "upfile", /* 提交的图片表单名称 */
+    "imageMaxSize": 2048000, /* 上传大小限制，单位B */
+    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
+    "imageCompressEnable": true, /* 是否压缩图片,默认是true */
+    "imageCompressBorder": 1600, /* 图片压缩最长边限制 */
+    "imageInsertAlign": "none", /* 插入的图片浮动方式 */
+    "imageUrlPrefix": "/ueditor/asp/", /* 图片访问路径前缀 */
+    "imagePathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+                                /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
+                                /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
+                                /* {time} 会替换成时间戳 */
+                                /* {yyyy} 会替换成四位年份 */
+                                /* {yy} 会替换成两位年份 */
+                                /* {mm} 会替换成两位月份 */
+                                /* {dd} 会替换成两位日期 */
+                                /* {hh} 会替换成两位小时 */
+                                /* {ii} 会替换成两位分钟 */
+                                /* {ss} 会替换成两位秒 */
+                                /* 非法字符 \ : * ? " < > | */
+                                /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */
+
+    /* 涂鸦图片上传配置项 */
+    "scrawlActionName": "uploadscrawl", /* 执行上传涂鸦的action名称 */
+    "scrawlFieldName": "upfile", /* 提交的图片表单名称 */
+    "scrawlPathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "scrawlMaxSize": 2048000, /* 上传大小限制，单位B */
+    "scrawlUrlPrefix": "/ueditor/asp/", /* 图片访问路径前缀 */
+    "scrawlInsertAlign": "none",
+
+    /* 截图工具上传 */
+    "snapscreenActionName": "uploadimage", /* 执行上传截图的action名称 */
+    "snapscreenPathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "snapscreenUrlPrefix": "/ueditor/asp/", /* 图片访问路径前缀 */
+    "snapscreenInsertAlign": "none", /* 插入的图片浮动方式 */
+
+    /* 抓取远程图片配置 */
+    "catcherLocalDomain": ["127.0.0.1", "localhost", "img.baidu.com"],
+    "catcherActionName": "catchimage", /* 执行抓取远程图片的action名称 */
+    "catcherFieldName": "source", /* 提交的图片列表表单名称 */
+    "catcherPathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "catcherUrlPrefix": "/ueditor/asp/", /* 图片访问路径前缀 */
+    "catcherMaxSize": 2048000, /* 上传大小限制，单位B */
+    "catcherAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 抓取图片格式显示 */
+
+    /* 上传视频配置 */
+    "videoActionName": "uploadvideo", /* 执行上传视频的action名称 */
+    "videoFieldName": "upfile", /* 提交的视频表单名称 */
+    "videoPathFormat": "upload/video/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "videoUrlPrefix": "/ueditor/asp/", /* 视频访问路径前缀 */
+    "videoMaxSize": 102400000, /* 上传大小限制，单位B，默认100MB */
+    "videoAllowFiles": [
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid"], /* 上传视频格式显示 */
+
+    /* 上传文件配置 */
+    "fileActionName": "uploadfile", /* controller里,执行上传视频的action名称 */
+    "fileFieldName": "upfile", /* 提交的文件表单名称 */
+    "filePathFormat": "upload/file/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "fileUrlPrefix": "/ueditor/asp/", /* 文件访问路径前缀 */
+    "fileMaxSize": 51200000, /* 上传大小限制，单位B，默认50MB */
+    "fileAllowFiles": [
+        ".png", ".jpg", ".jpeg", ".gif", ".bmp",
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
+        ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
+        ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
+    ], /* 上传文件格式显示 */
+
+    /* 列出指定目录下的图片 */
+    "imageManagerActionName": "listimage", /* 执行图片管理的action名称 */
+    "imageManagerListPath": "upload/image", /* 指定要列出图片的目录 */
+    "imageManagerListSize": 20, /* 每次列出文件数量 */
+    "imageManagerUrlPrefix": "/ueditor/asp/", /* 图片访问路径前缀 */
+    "imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */
+    "imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 列出的文件类型 */
+
+    /* 列出指定目录下的文件 */
+    "fileManagerActionName": "listfile", /* 执行文件管理的action名称 */
+    "fileManagerListPath": "upload/file", /* 指定要列出文件的目录 */
+    "fileManagerUrlPrefix": "/ueditor/asp/", /* 文件访问路径前缀 */
+    "fileManagerListSize": 20, /* 每次列出文件数量 */
+    "fileManagerAllowFiles": [
+        ".png", ".jpg", ".jpeg", ".gif", ".bmp",
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
+        ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
+        ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
+    ] /* 列出的文件类型 */
+
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/config_loader.asp b/nezha-fronted/static/ueditor-1.4.3.3/asp/config_loader.asp
new file mode 100644
index 000000000..085f79c15
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/config_loader.asp
@@ -0,0 +1,21 @@
+<%
+	Set json = new ASPJson
+    Set fso = Server.CreateObject("Scripting.FileSystemObject")
+
+    Set stream = Server.CreateObject("ADODB.Stream")
+
+    stream.Open()
+    stream.Charset = "UTF-8"
+    stream.LoadFromFile Server.MapPath( "config.json" )
+
+    content = stream.ReadText()
+
+    Set commentPattern = new RegExp
+    commentPattern.Multiline = true
+    commentPattern.Pattern = "/\*[\s\S]+?\*/"
+    commentPattern.Global = true
+    content = commentPattern.Replace(content, "")
+    json.loadJSON( content )
+
+    Set config = json.data
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/asp/controller.asp b/nezha-fronted/static/ueditor-1.4.3.3/asp/controller.asp
new file mode 100644
index 000000000..5dd2ff73e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/asp/controller.asp
@@ -0,0 +1,44 @@
+<%@ LANGUAGE="VBSCRIPT" CODEPAGE="65001" %>
+<%
+    action = Request.Item("action")
+
+    Session.Contents.Remove("ueditor_asp_uploadTemplateName")
+    Session.Contents.Remove("ueditor_asp_base64Upload")
+    Session.Contents.Remove("ueditor_asp_listTemplateName")
+
+
+    Select Case action
+
+        Case "config"
+            Server.Execute("action_config.asp")
+
+        Case "uploadimage"
+            Session.Value("ueditor_asp_uploadTemplateName") = "image"
+            Server.Execute("action_upload.asp")
+
+        Case "uploadscrawl"
+            Session.Value("ueditor_asp_uploadTemplateName") = "scrawl"
+            Session.Value("base64Upload") = "scrawl.png"
+            Server.Execute("action_upload.asp")
+
+        Case "uploadvideo"
+            Session.Value("ueditor_asp_uploadTemplateName") = "video"
+            Server.Execute("action_upload.asp")
+
+        Case "uploadfile"
+            Session.Value("ueditor_asp_uploadTemplateName") = "file"
+            Server.Execute("action_upload.asp")
+
+        Case "listimage"
+            Session.Value("ueditor_asp_listTemplateName") = "image"
+            Server.Execute("action_list.asp")
+
+        Case "listfile"
+            Session.Value("ueditor_asp_listTemplateName") = "file"
+            Server.Execute("action_list.asp")
+
+        Case "catchimage"
+            Server.Execute("action_crawler.asp")
+    End Select
+
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/changelog.md b/nezha-fronted/static/ueditor-1.4.3.3/changelog.md
new file mode 100644
index 000000000..562eb20d3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/changelog.md
@@ -0,0 +1,432 @@
+#UEditor Change List
+
+##1.4.3
+###bug修复&优化改进
+1. 修复hasContents接口在非ie下只有空格时判断还为真的问题
+2. 修复在粘贴word内容时，会误命中cm,pt这样的文本内容变成px的问题
+3. 优化删除编辑器再创建编辑器时，编辑器的容器id发生变化的问题
+4. 修复提交jsonp请求时，callback参数的xss漏洞
+5. 新增jsp后台多种服务器配置下的路径定位
+6. 修复ZeroClipboard的flash地址参数名称错误
+7. 修复getActionUrl的bug
+8. 整理配置参数，把遗漏在代码中的配置项整理到ueditor.config.js里
+9. 修复图片拉伸工具和编辑拉伸长高器的样式冲突
+10. 修复文字的unicode编码会被错误再次解析问题
+11. 添加消息提示功能，冒泡提示信息
+12. 优化上传功能提示，当后端配置项没正常加载，禁用上传功能
+13. 修复单图上传按钮和jqueryValidate不兼容的问题
+14. 简化了与jqueryValidate的结合操作，具体看_examples/jqueryValidateDemo.html
+15. 修复在删除编辑器后，再次创建时丢失原有id的问题
+16. 修复查找替换在一些块节点中会导致替换错误
+
+##1.4.2
+###重构前后端交互功能
+1. 前端上传模块统一改用webuploader
+2. 整体重构了文件上传的配置方式，改为统一在后端配置，前后端自动打通，[详细文档]()
+3. 统一各上传模块的提交地址，各模块通过action参数区分类型，[详细文档]()
+4. 提供serverparam命令，可在提交时追加任意参数，[详细文档]()
+5. 统一了前端各上传模块的布局样式
+6. 支持了在线附件预览和插入
+7. 统一了后端返回数据格式，[详细文档]()
+8. 各在线预览列表模块支持分组加载
+9. 增加点击直接选择文件上传图片插件
+10. 优化了粘贴图片的功能，上传时有loading和出错的提示
+11. 添加jsonp的跨域请求支持
+
+###bug修复&优化改进
+1. 修复内容过多时，回到顶部，顶部内容被工具栏遮挡问题
+2. 修复htmlparser解析标签的bug
+3. 修复锚点是#开头时还添加http://的bug
+4. 修复全屏后，退出全屏高度没有缩回来的问题
+5. 文字选中后按delete删除，无法触发contentchange事件
+6. 修复选择图片时点击8个控制点不拖动，contentchange会误触发的问题
+7. 修复执行命令会触发多次contentchange事件
+8. 修复输入文字，设置高度300，没有滚动条
+9. 修复在不可编辑模式下，链接认可修改的问题
+10. 修复全局css对于ueditor有时展现会出现按钮独占一行的问题
+11. 修复在ie11下上传图片失败的问题
+12. 修复chrome 34版本下报错问题
+13. 修复ie8下插入多张远程图片之后，对话框假死问题
+14. 修复uparse,在页面中多次调用某些模块无效果问题
+15. 修复容器宽度100%时,改变窗口大小,宽度不自适应的问题
+16. 将桥接ui和编辑器的业务代码放到了新建的adapter目录，方便维护
+17. 修复拖拽改变图片大小功能和bootstrap不兼容的问题
+18. 修复在表格水平边框上拖拽，不能改变大小的问题
+19. 修复在表格标题上可以向左向下合并单元格的问题
+20. 修复grunt打包出错的问题
+21. 优化ie11下的兼容问题，主要修复了表格下的诸多问题
+22. 优化插入图片，添加原文件名作为alt属性
+
+###新功能添加
+1. 添加了enableContextMenu配置开关，开关右键菜单，默认为true
+2. 添加disablePInList配置，指定产出的列表中是否嵌套P标签，默认是false
+3. 添加retainOnlyLabelPasted配置，指定粘贴时是否是只保留标签模式，默认是false
+4. 优化了添加toolbar上各类ui的方式，方便二次开发
+6. 优化有时产出数据会带有 bookmark标签的脏数据问题
+7. 添加LocalStorage本地存储工具
+8. 优化自动排版功能，选项保存到localStorage或UserData
+9. 添加右键菜单的复制粘贴的支持，非ie不提供粘贴功能
+
+##1.3.6
+
+###bug修复
+1.	script/style标签内容，在ie下的编辑状态显示内容问题
+2.	修复预览窗口没有滚动条问题 [出自](http://www.ueditorbbs.com/forum.php?mod=viewthread&tid=28231&extra=page%3D1)
+3.	修复在ie67下自动寻址的问题
+4.	修复ff下图片拖拽大小不触发contentchange问题
+5.	修复注释被删除的问题，包括在script中的[出自](http://www.ueditorbbs.com/forum.php?mod=viewthread&tid=12509&extra=page%3D1)
+6.	修复在源码模式下不能使用setContent的问题，[出自](http://www.ueditorbbs.com/forum.php?mod=viewthread&tid=26910&extra=page%3D1)
+7.	修复在给定宽度为100%时，ie11在拖动窗口大小时，编辑区域不随着变化的问题
+8.	修复在ie67下destroy方法调用报错
+9.	修复在插入代码模式下，ie9+以上的浏览器键盘操作(enter/tab等)错误或者失效的问题
+10.	修复不规则源码在ie下解析成文本的问题
+11.	修复p标签在ie下嵌套的问题
+12. 修复目录大纲更新事件导致失焦点的问题
+13. 针对word粘贴列表到编辑器中自动转换为list标签，由于有误命中情况，所以默认关闭该功能。提供**autoTransWordToList**配置项(默认为false)，开发者可酌情配置。
+14. 添加禁止表格嵌套的开关，解决excel中粘贴到编辑器中会有冗余的嵌套表格问题，配置项**disabledTableInTable**(默认是true)。
+15. 过滤掉excel的表格粘贴到ie中时，会有bitmap的冗余占位图片问题
+
+###功能更新
+1.	支持视频上传插入，多浏览器自适配播放器
+
+#1.3.5
+
+###新增功能
+1.	asp后台的支持
+2.	添加本地自动保存功能
+3.	增加数据可视化展示功能
+4.	编辑器实例上添加isFocus,blur方法
+5.	新增在chrome下针对图片的拖拽宽高功能
+6.	新增在高端浏览器下，qq截图粘贴上传，拖拽图片到编辑上传
+7.	添加表格插入列标题功能
+8.	添加设置表格可排序功能，支持表格在预览页排序
+9.  添加生成目录功能
+
+###已有功能优化
+1.	ie8以上版本使用w3cRange
+2.	使用grunt作为打包工具
+3.	修复了过滤规则对于script/style的内容的转码
+5.	自动寻址功能重构
+6.	修复下拉菜单高度问题
+7.	针对ie默认带有的autolink功能，添加开启禁用选项，创建时传入autolink:false就可禁用ie的autolink功能
+8.	支持插入动态地图
+9.	**API文档更新**
+10.	图片上传路径可配置，增加前后端路径验证
+11.	对uparse进行了拆分重构
+12.	随下载包提供各种功能说明文档
+13. 背景颜色功能重构，可以在预览页显示背景
+14. 重写了查找替换插件，解决ff下window.find方法失效的问题
+
+
+##1.2.6.1
+1.	查找替换支持正则表达式
+2.	修复了ie67下初始化宽高给定百分比
+3.	增加类似word中的快捷菜单，默认关闭
+4.	针对默认过滤回转换div为p标签，提供了配置开关allowDivTransToP,默认为true
+5.	修复了在ie下删除分割线后光标定位的问题
+6.	提供了手动加载语言文件，避免ie下有时会因语言文件加载失败导致编辑器加载失败,提示"not import language file"的错误
+7.	优化了编辑器初始化时获得contentWindow可能不存在的情况
+8.	优化了编辑器加载自定义样式的问题，默认initialStyle传入的css样式优先级最高，其次是指定的外部css文件
+9.	工具栏支持指定位置折行，'|'表示分割符,'||'表示折行
+10.	表格操作功能升级，优化了对表格的拖拉及双击操作，并且支持IE6+浏览器。
+11.	修复编辑器在禁用状态下仍然可以拖动表格边框的bug。
+12.	修复了分割线不能删除的问题
+13.	修复了初始化内容过多时，编辑器不自动长高，要点击编辑器才会长高的问题
+14.	优化了添加字符边框的展示效果，避免出现重叠的问题
+15.	修复下拉菜单超出屏幕的bug
+16.	修复table属性初始化时table布局错误的bug
+17.	优化了选择工具栏上下拉菜单类型的操作命令时，选区会有闪动的问题
+18.	优化了关于swfupload的一个xss漏洞
+19.	优化了对于ie9,10的支持
+
+
+##1.2.6
+1.	优化了编辑器路径的设置，可以不用手动设置路径，自动识别相关路径，解决路径设置繁琐的问题
+2.	重写了过滤粘贴机制，采用黑白名单，可以书写符合自己需求的过滤规则，可以完全定义标签的属性，甚至是style上的某个属性及其数值
+3.	优化了拖拽机制，处理浮动图片拖拽不能跟指定的某行对齐
+4.	数据同步改为失去焦点就执行，可以不再使用sync方法手动同步数据
+5.	添加了字体边框
+6.	优化了backspace/del键的操作
+7.	重写了插入代码功能，插入代码编写支持tab和回车键
+8.	表格支持排序和隔行显示
+9.	改使用closure的压缩工具
+10.	优化了undo/redo操作
+11.	优化了ui界面
+
+
+##1.2.5
+###新增功能
+1.	table整体重构
+2.	table支持插入表头和标题
+3.	table支持拷贝
+4.	table支持任意调整宽高
+5.	table支持任意前插后插行列
+6.	table键盘操作仿word用户体验
+7.	添加table平均分布行、列
+8.	添加table单元格对齐方式
+9.	添加table对齐方式
+10.	添加选中部分表格,点击backspace或delete删除功能
+11.	重写表格属性、单元格属性dialog
+12.	粘贴支持纯文本,源码,纯标签3个模式选择
+13.	添加计算字数的getContentLength接口
+14.	添加计算字数事件wordcount
+15.	图片上传支持参数动态绑定
+16.	重写了list功能，支持一,一),(一),1),(1),——等新的列表标签
+17.	调整了list中tab键的逻辑
+18.	添加了可以限制列表的层级
+19.	全屏快捷键 ALT+Z
+20.	添加了uparseplugin.js展示页加载器
+
+###优化修复
+1.	优化了插入代码功能
+2.	ie下默认禁用源码模式下的代码高亮
+3.	截图功能支持非ie浏览器
+4.	修正了非ie下中文输入时回退不准确的问题
+5.	改进了键盘输入时做回退的操作
+
+##1.2.4
+###新增功能
+1.	官网新增API文档
+2. CSS按照UI结构进行了模块化拆分
+3. 新增皮肤切换功能，并提供一套新皮肤（可通过配置项theme来设置）
+4. 新增编辑器容器拖动缩放功能,配置项为:scaleEnabled、minFrameWidth、minFrameHeight
+5. 新增音乐插件
+6. 增加了源码模式下,全屏按钮可以使用
+7. 添加了UE.getEditor工厂方法
+8. 添加了针对jquery配合使用的demo
+9. 添加了针对jqueryValidation配合使用的demo
+10. 添加了初始化编辑器宽高配置，配置为项:initialFrameWidth、initialFrameHeight
+
+###优化修复
+1. 修复涂鸦路径在配置时，添加参数时请求报错
+2. 修复涂鸦opera下缩放不能使用
+3. 修复编辑器全屏功能失效问题
+4. codemirror版本升级到最新版
+5. 对opera/safari的支持进行了进一步的优化
+6. 优化了部分demo页的代码
+7. 修改原来的minFrameHeight为拖动时的最小高度
+
+##1.2.3
+###新增功能
+1. 新增国际化支持
+2. 新增涂鸦功能
+3. 新增大小写功能
+4. 新增getAllHtml方法，可以将整个页面的内容打出来,可以在ueditor.configplugin.js里通过配置allHtmlEnabled,来配置在提交时是否使用getAllHtml来得到内容
+5. 新增插入模板的功能
+6. 新增背景功能
+7. 新增UE.instants全局对象，下边挂接了所有实例化的编辑器对象
+8. Editor下新增ready方法，当编辑器ready后执行传入的fn,如果编辑器已经ready好了，就马上执行fn
+9. 新增topOffset配置参数，用于设置AutoFloat时工具栏距离顶部的高度
+10. 新增sourceEditorFirst配置参数，用于控制编辑器初始化时是否显示成源码模式，默认为否
+11. 新增在表格内实例化编辑器的demo
+12. 新增getDialog(dialogName)接口，可以获取dialog对象。
+
+###优化修复
+1. chrome下会出现alt+tab切换时，导致选区位置不对
+2. focus方法添加参数可以指向到内容末尾
+3. 完全支持opera浏览器
+4. 修复了表格中实例化编辑器时工具栏浮动错位问题
+5. 优化了后台处理文件代码,文件夹按照日期自动生成
+
+
+##1.2.2
+1.	编辑器不可编辑时，可以配置哪些功能可以使用，例如全屏
+2.	table的边框为0时，采用虚线显示
+3.	修复firefox下插入大量代码时，代码格式显示不正确的问题
+4.	附件上传成功后显示初始文件名
+5.	自定制下载优化
+6.	当图片上传超时时，增加提示信息
+7.	修复自动排版对H1不生效的问题
+8.	修复插入超链接，超链接地址包含script标签，预览时会执行script语句的问题
+
+
+##1.2.1
+1.	插入表情时，按住CTRL键可连续插入多个表情
+2.	按住CTRL+Enter提交表单
+3.	增加readonly属性在ueditor.configplugin.js，编辑器实例上增加setEnabled,setDisabled方法，设置编辑区域是否可以编辑
+4.	Editor上添加了getPlainTxt方法，得到编辑器的纯文本内容，但会保留段落格式
+5.	修正了initialContent赋值失效的问题，赋值顺序以标签内容为先，如果没有再看initialContent内容。
+6.	为insertHtml命令添加了过滤机制
+7.	getContent将“&nbsp;”转成空格，连续2个空格则以“ &nbsp;”表示
+8.	当选区在一个超链接中，就可以在弹出层中直接修改这个超链接中的文本
+9.	与后台交互的路径整体进行了调整
+10.	超链接窗口可以修改超链接显示的文字
+11.	增加插入百度应用的功能
+12.	为每个plugin的在代码中添加了配置项的容错代码，若配置项不存在，不会报错
+13.	提供后台的jsp版本
+14.	重写了ui和和编辑器的交互层，dialog改为显示时创建，整体代码减少22k
+15.	修正了代码高亮跟jquery冲突的问题
+16.	改进了多个编辑器实例，使用一个name做为form提交，后台都可以取到
+17.	添加是否删除空的inlineElement节点（包括嵌套的情况）的配置项：autoClearEmptyNode
+18.	修正了chrome下粘贴文本带有white-space样式， 导致编辑器内容不能折行的问题
+19.	在配置项中增加isShow设置初始化时是否显示编辑器，在编辑器实例上增加setShow,setHide方法设置编辑器的显示/隐藏
+20.	修正在jquery中实例化编辑器时与UE自带的domready冲突的问题
+21.	修正代码高亮中的行号与代码内容不能对齐的问题
+22.	新增了图片上传对话框中可自定义配置默认Tab的功能
+23.	修正.net源码包中gbk版本的乱码以及demo中使用了php路径的问题
+
+##1.2.0
+1.	远程图片抓取
+2.	源码模式下css进行了简写
+3.	增强了表格的编辑功能
+4.	增加了baidu图片搜索功能，搜索图片然后直接插入到编辑器中
+5.	重写了浮动工具栏，支持混乱模式下的工具栏滚动
+6.	服务器图片在线管理
+7.	word的本地图片取得寛高
+8.	附件上传
+9.	自动排版
+10.	优化了状态反射的方式，改为编辑器获得焦点才会触发，失去焦点不在触发状态查询
+11.	添加了上来就可以全屏的配置项哦去焦点之前的选区
+13.	优化了查询状态反射的性能
+14.	添加了contentchagne事件
+15.	重写了autoheight插件，去掉setInterval的方式，并且长高时不在跳动
+16.	插入视频，可以预览，并且界面加入了视屏搜索功能，并且可以插入视屏预览图到编辑器中
+17.	单元格属性编辑
+18.	ie下的截屏功能
+19.	加强了table的dialog功能
+20.	改进了autolink的效果，例如: dddhttp://www.baidu.com 回车,http://www.baidu.com也可以被匹配到了
+21.	文件上传提供flash源码
+22.	修改了行间距的展示方式
+23.	段间距变为段前距和段后距
+24.	提供了.net的事例代码
+25.	首页提供了功能选择生成下载的新功能
+26.	首页文档进行了改进
+27.	分页符可以删除
+
+##1.1.8
+1.	避免了重复加载源码高亮的核心代码
+2.	修复了word粘贴table过滤出错问题
+3.	修复插入地图会出现style="undefined"的问题
+4.	优化了list，多个相邻的属性一直的list会合并
+5.	可以在列表中的一行里产生多行的效果（通过回车再回退操作），类似office的效果
+6.	添加自定义样式功能
+7.	修了在chrome下右键删除td里的图片会把整个td删除的问题
+8.	改进了不同的页面调用一个editor，URL问题
+9.	增加了颜色选择器的颜色
+10.	改进了提供的后台程序的安全性
+11.	代码高亮支持折行
+12.	改进了源码编辑模式下的性能(ie下),并且支持自动换行
+13.	修改了在destroy之后会在ie下报错的问题
+14.	给初始化容器name值，那么在后台取值的键值就是name给定的值，方便多实例在一个form下提交
+15.	支持插入script/style这样的标签
+16.	修复了列表里插入浮动图片，图片不占位问题
+17.	源码模式下,去掉了pre中的&nbsp;
+18.	完善了_example下的demo例子
+19.	base64的图片被过滤掉了
+
+##1.1.7.3
+1.	支持图片相对路径模式
+2.	word粘贴首行缩进问题
+3.	添加了图片边距
+4.	提供了图片等比压缩时基准边选择配置的功能
+5.	dialog在某些页面不显示问题
+6.	添加了行内间距的调整
+7.	在editor实例下添加了destroy方法
+8.	全屏按钮位置不对的问题
+9.	iframe.css支持相对和绝对路径
+10.	修正了focus方法在ff下失效的问题
+11.	提供了对FF3.6的支持
+12.	添加了Shift+Enter软回车功能
+10.	统一了颜色rgb转成#
+
+##1.1.7.2
+1.	去掉了iframe.css 改为在ueditor.configplugin.js中配置，避免css文件找不到的问题
+2.	给下拉菜单添加了默认的文字说明
+3.	Ueditor.css去掉了对外部页面css的影响
+4.	修正了ie9下，编辑器的高度不随着内容缩短的问题
+5.	修正了粘贴有时会出现粘贴失败的情况
+6.	修正了在ie下点击图片会出现js错误的问题
+7.	修正了在ie下选全部替换，回退，再替换会出现替换失败的问题
+8.	增加表情本地化模式，可在config中配置是否开启本地化
+9.	flash的多图片上传
+10.	支持了源码模式的下的代码高亮
+11.	增加插入代码支持的语言，改进了插入代码的展示效果
+12.	增加了字数统计
+13.	增加了对图片的排版操作
+14.	解决ie6和ie7下工具栏浮动时cpu占用过高的bug
+15.	优化了文本模式粘贴的效果
+16.	优化了word粘贴的效果
+17.	在word粘贴本地图片时添加引导上传功能
+18.	更好的ie9支持
+19.	优化首行缩进效果
+20.	使用script标签代替textarea标签作为编辑器容器，简化前后端转码的配置。
+21.	优化了路径配置，修正了1.1.7.1中需要修改多处路径的问题
+22.	增加了图片操作浮层的开关配置
+23.	同时支持网络图片和本地图片的等比缩放
+24.	优化了源码模式下的代码格式
+
+##1.1.6.1
+1.	去掉了iframe.css 改为在ueditor.configplugin.js中配置，避免css文件找不到的问题
+2.	给下拉菜单添加了默认的文字说明
+3.	Ueditor.css去掉了对外部页面css的影响
+4.	修正了ie9下，编辑器的高度不随着内容缩短的问题
+5.	修正了粘贴有时会出现粘贴失败的情况
+6.	修正了在ie下点击图片会出现js错误的问题
+7.	修正了在ie下选全部替换，回退，再替换会出现替换失败的问题
+
+##1.1.6
+1. 插入日期按钮现在使用tangram日历控件
+2. table可再编辑
+3. 粘贴excel表格的问题
+4. ff下最大化和切换源码出现光标不能跟着键盘改变和不能切出输入法的问题
+5. tab按键功能
+6. 支持多级列表
+7. 超链接可以在非ie下去除下划线
+8. 字体，字号，在editor-configplugin.js中可配置
+
+
+
+##1.1.5
+1.	右键的策略，只显示选区内可操作的条目
+2.	禁止elementpath还会留下边框问题
+3.	字体改为了px
+4.	插入分页符
+5.	整合浮动toolbar为autofloat插件
+6.	初始化的值会在第一次操作前清除，而且不在有延迟感
+7.	配置项都放到了editor-configplugin.js中
+8.	修正了多实例的问题
+9.	插入iframe功能
+10.	粘贴过滤掉内容会有提示，没过滤任何内容不会出现提示
+11.	修正代码高亮的显示效果
+12.	list放弃原生改为手动实现，修正一系列原生的bug
+13.	初始给个textarea会把内容取出作为初始值
+14.	去掉了源码状态下冗余的table/td/pre的style属性
+15.	fixed剪切出去会带start/end
+16.	fixex源码模式下getContent内容不是新的
+17.	table加入了设置背景颜色和边框颜色
+
+
+
+##1.1.4
+1.  锚点
+2.  首行缩进
+3.  行间距
+4.  右键菜单
+5.  插入代码
+6.  文件上传(php版本）
+7.  修复一些bug
+
+##1.1.3
+1.  修复chrome下粘贴的bug
+2.  自动转换office粘入的有序列表和无序列表
+3.  插入图片不再等比缩放，显示原始大小
+
+##1.1.2
+1.  修正IE9下autoHeight插件会一直长高的问题
+2.  增加对IE6下大写style属性的转换处理（现统一转换成小写）
+3.  格式刷
+4.  上下标互斥
+5.  form提交的支持
+6.  增加了focus属性，可以初始化时，设置是否编辑器获得焦点
+7.  增加了下滑线，删除线按钮，去掉了原来的下拉框
+8.  autolink支持，使非ie在输入链接时能自动加上a标签
+9.  google地图支持
+10. 修正了一些bug
+
+##1.1
+1.	修改了删除链接的机制，允许一次性删除多个超链接
+2.	改变了目录结构，方便部署（大大减少了开发代码过程中需要引入的js数量）
+3.	修正部分bug
+
+##1.0 (2011-7-8)
+1.	完成功能的开发
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/anchor/anchor.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/anchor/anchor.html
new file mode 100644
index 000000000..f277847a4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/anchor/anchor.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+    "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+        <title></title>
+        <style type="text/css">
+            *{color: #838383;margin: 0;padding: 0}
+            html,body {font-size: 12px;overflow: hidden; }
+            .content{padding:5px 0 0 15px;}
+            input{width:210px;height:21px;line-height:21px;margin-left: 4px;}
+        </style>
+    </head>
+    <body>
+        <div class="content">
+            <span><var id="lang_input_anchorName"></var></span><input id="anchorName"  value="" />
+        </div>
+        <script type="text/javascript" src="../internal.js"></script>
+        <script type="text/javascript">
+            var anchorInput = $G('anchorName'),
+                node = editor.selection.getRange().getClosedNode();
+            if(node && node.tagName == 'IMG' && (node = node.getAttribute('anchorname'))){
+                anchorInput.value = node;
+            }
+            anchorInput.onkeydown = function(evt){
+                evt = evt || window.event;
+                if(evt.keyCode == 13){
+                    editor.execCommand('anchor', anchorInput.value);
+                    dialog.close();
+                    domUtils.preventDefault(evt)
+                }
+            };
+            dialog.onok = function (){
+                editor.execCommand('anchor', anchorInput.value);
+                dialog.close();
+            };
+            $focus(anchorInput);
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/attachment.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/attachment.css
new file mode 100644
index 000000000..548b4284d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/attachment.css
@@ -0,0 +1,681 @@
+@charset "utf-8";
+/* dialog样式 */
+.wrapper {
+    zoom: 1;
+    width: 630px;
+    *width: 626px;
+    height: 380px;
+    margin: 0 auto;
+    padding: 10px;
+    position: relative;
+    font-family: sans-serif;
+}
+
+/*tab样式框大小*/
+.tabhead {
+    float:left;
+}
+.tabbody {
+    width: 100%;
+    height: 346px;
+    position: relative;
+    clear: both;
+}
+
+.tabbody .panel {
+    position: absolute;
+    width: 0;
+    height: 0;
+    background: #fff;
+    overflow: hidden;
+    display: none;
+}
+
+.tabbody .panel.focus {
+    width: 100%;
+    height: 346px;
+    display: block;
+}
+
+/* 上传附件 */
+.tabbody #upload.panel {
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    position: absolute !important;
+    clip: rect(1px, 1px, 1px, 1px);
+    background: #fff;
+    display: block;
+}
+
+.tabbody #upload.panel.focus {
+    width: 100%;
+    height: 346px;
+    display: block;
+    clip: auto;
+}
+
+#upload .queueList {
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    overflow: hidden;
+}
+
+#upload p {
+    margin: 0;
+}
+
+.element-invisible {
+    width: 0 !important;
+    height: 0 !important;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+    position: absolute !important;
+    clip: rect(1px, 1px, 1px, 1px);
+}
+
+#upload .placeholder {
+    margin: 10px;
+    border: 2px dashed #e6e6e6;
+    *border: 0px dashed #e6e6e6;
+    height: 172px;
+    padding-top: 150px;
+    text-align: center;
+    background: url(./images/image.png) center 70px no-repeat;
+    color: #cccccc;
+    font-size: 18px;
+    position: relative;
+    top:0;
+    *top: 10px;
+}
+
+#upload .placeholder .webuploader-pick {
+    font-size: 18px;
+    background: #00b7ee;
+    border-radius: 3px;
+    line-height: 44px;
+    padding: 0 30px;
+    *width: 120px;
+    color: #fff;
+    display: inline-block;
+    margin: 0 auto 20px auto;
+    cursor: pointer;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+}
+
+#upload .placeholder .webuploader-pick-hover {
+    background: #00a2d4;
+}
+
+
+#filePickerContainer {
+    text-align: center;
+}
+
+#upload .placeholder .flashTip {
+    color: #666666;
+    font-size: 12px;
+    position: absolute;
+    width: 100%;
+    text-align: center;
+    bottom: 20px;
+}
+
+#upload .placeholder .flashTip a {
+    color: #0785d1;
+    text-decoration: none;
+}
+
+#upload .placeholder .flashTip a:hover {
+    text-decoration: underline;
+}
+
+#upload .placeholder.webuploader-dnd-over {
+    border-color: #999999;
+}
+
+#upload .filelist {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: relative;
+    height: 300px;
+}
+
+#upload .filelist:after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    clear: both;
+}
+
+#upload .filelist li {
+    width: 113px;
+    height: 113px;
+    background: url(./images/bg.png);
+    text-align: center;
+    margin: 9px 0 0 9px;
+    *margin: 6px 0 0 6px;
+    position: relative;
+    display: block;
+    float: left;
+    overflow: hidden;
+    font-size: 12px;
+}
+
+#upload .filelist li p.log {
+    position: relative;
+    top: -45px;
+}
+
+#upload .filelist li p.title {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    top: 5px;
+    text-indent: 5px;
+    text-align: left;
+}
+
+#upload .filelist li p.progress {
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    height: 8px;
+    overflow: hidden;
+    z-index: 50;
+    margin: 0;
+    border-radius: 0;
+    background: none;
+    -webkit-box-shadow: 0 0 0;
+}
+
+#upload .filelist li p.progress span {
+    display: none;
+    overflow: hidden;
+    width: 0;
+    height: 100%;
+    background: #1483d8 url(./images/progress.png) repeat-x;
+
+    -webit-transition: width 200ms linear;
+    -moz-transition: width 200ms linear;
+    -o-transition: width 200ms linear;
+    -ms-transition: width 200ms linear;
+    transition: width 200ms linear;
+
+    -webkit-animation: progressmove 2s linear infinite;
+    -moz-animation: progressmove 2s linear infinite;
+    -o-animation: progressmove 2s linear infinite;
+    -ms-animation: progressmove 2s linear infinite;
+    animation: progressmove 2s linear infinite;
+
+    -webkit-transform: translateZ(0);
+}
+
+@-webkit-keyframes progressmove {
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 17px 0;
+    }
+}
+
+@-moz-keyframes progressmove {
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 17px 0;
+    }
+}
+
+@keyframes progressmove {
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 17px 0;
+    }
+}
+
+#upload .filelist li p.imgWrap {
+    position: relative;
+    z-index: 2;
+    line-height: 113px;
+    vertical-align: middle;
+    overflow: hidden;
+    width: 113px;
+    height: 113px;
+
+    -webkit-transform-origin: 50% 50%;
+    -moz-transform-origin: 50% 50%;
+    -o-transform-origin: 50% 50%;
+    -ms-transform-origin: 50% 50%;
+    transform-origin: 50% 50%;
+
+    -webit-transition: 200ms ease-out;
+    -moz-transition: 200ms ease-out;
+    -o-transition: 200ms ease-out;
+    -ms-transition: 200ms ease-out;
+    transition: 200ms ease-out;
+}
+#upload .filelist li p.imgWrap.notimage {
+    margin-top: 0;
+    width: 111px;
+    height: 111px;
+    border: 1px #eeeeee solid;
+}
+#upload .filelist li p.imgWrap.notimage i.file-preview {
+    margin-top: 15px;
+}
+
+#upload .filelist li img {
+    width: 100%;
+}
+
+#upload .filelist li p.error {
+    background: #f43838;
+    color: #fff;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 28px;
+    line-height: 28px;
+    width: 100%;
+    z-index: 100;
+    display:none;
+}
+
+#upload .filelist li .success {
+    display: block;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 40px;
+    width: 100%;
+    z-index: 200;
+    background: url(./images/success.png) no-repeat right bottom;
+    background-image: url(./images/success.gif) \9;
+}
+
+#upload .filelist li.filePickerBlock {
+    width: 113px;
+    height: 113px;
+    background: url(./images/image.png) no-repeat center 12px;
+    border: 1px solid #eeeeee;
+    border-radius: 0;
+}
+#upload .filelist li.filePickerBlock div.webuploader-pick  {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    opacity: 0;
+    background: none;
+    font-size: 0;
+}
+
+#upload .filelist div.file-panel {
+    position: absolute;
+    height: 0;
+    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000') \0;
+    background: rgba(0, 0, 0, 0.5);
+    width: 100%;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    z-index: 300;
+}
+
+#upload .filelist div.file-panel span {
+    width: 24px;
+    height: 24px;
+    display: inline;
+    float: right;
+    text-indent: -9999px;
+    overflow: hidden;
+    background: url(./images/icons.png) no-repeat;
+    background: url(./images/icons.gif) no-repeat \9;
+    margin: 5px 1px 1px;
+    cursor: pointer;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+#upload .filelist div.file-panel span.rotateLeft {
+    display:none;
+    background-position: 0 -24px;
+}
+
+#upload .filelist div.file-panel span.rotateLeft:hover {
+    background-position: 0 0;
+}
+
+#upload .filelist div.file-panel span.rotateRight {
+    display:none;
+    background-position: -24px -24px;
+}
+
+#upload .filelist div.file-panel span.rotateRight:hover {
+    background-position: -24px 0;
+}
+
+#upload .filelist div.file-panel span.cancel {
+    background-position: -48px -24px;
+}
+
+#upload .filelist div.file-panel span.cancel:hover {
+    background-position: -48px 0;
+}
+
+#upload .statusBar {
+    height: 45px;
+    border-bottom: 1px solid #dadada;
+    margin: 0 10px;
+    padding: 0;
+    line-height: 45px;
+    vertical-align: middle;
+    position: relative;
+}
+
+#upload .statusBar .progress {
+    border: 1px solid #1483d8;
+    width: 198px;
+    background: #fff;
+    height: 18px;
+    position: absolute;
+    top: 12px;
+    display: none;
+    text-align: center;
+    line-height: 18px;
+    color: #6dbfff;
+    margin: 0 10px 0 0;
+}
+#upload .statusBar .progress span.percentage {
+    width: 0;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background: #1483d8;
+    position: absolute;
+}
+#upload .statusBar .progress span.text {
+    position: relative;
+    z-index: 10;
+}
+
+#upload .statusBar .info {
+    display: inline-block;
+    font-size: 14px;
+    color: #666666;
+}
+
+#upload .statusBar .btns {
+    position: absolute;
+    top: 7px;
+    right: 0;
+    line-height: 30px;
+}
+
+#filePickerBtn {
+    display: inline-block;
+    float: left;
+}
+#upload .statusBar .btns .webuploader-pick,
+#upload .statusBar .btns .uploadBtn,
+#upload .statusBar .btns .uploadBtn.state-uploading,
+#upload .statusBar .btns .uploadBtn.state-paused {
+    background: #ffffff;
+    border: 1px solid #cfcfcf;
+    color: #565656;
+    padding: 0 18px;
+    display: inline-block;
+    border-radius: 3px;
+    margin-left: 10px;
+    cursor: pointer;
+    font-size: 14px;
+    float: left;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+#upload .statusBar .btns .webuploader-pick-hover,
+#upload .statusBar .btns .uploadBtn:hover,
+#upload .statusBar .btns .uploadBtn.state-uploading:hover,
+#upload .statusBar .btns .uploadBtn.state-paused:hover {
+    background: #f0f0f0;
+}
+
+#upload .statusBar .btns .uploadBtn,
+#upload .statusBar .btns .uploadBtn.state-paused{
+    background: #00b7ee;
+    color: #fff;
+    border-color: transparent;
+}
+#upload .statusBar .btns .uploadBtn:hover,
+#upload .statusBar .btns .uploadBtn.state-paused:hover{
+    background: #00a2d4;
+}
+
+#upload .statusBar .btns .uploadBtn.disabled {
+    pointer-events: none;
+    filter:alpha(opacity=60);
+    -moz-opacity:0.6;
+    -khtml-opacity: 0.6;
+    opacity: 0.6;
+}
+
+
+
+/* 图片管理样式 */
+#online {
+    width: 100%;
+    height: 336px;
+    padding: 10px 0 0 0;
+}
+#online #fileList{
+    width: 100%;
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: relative;
+}
+#online ul {
+    display: block;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+#online li {
+    float: left;
+    display: block;
+    list-style: none;
+    padding: 0;
+    width: 113px;
+    height: 113px;
+    margin: 0 0 9px 9px;
+    *margin: 0 0 6px 6px;
+    background-color: #eee;
+    overflow: hidden;
+    cursor: pointer;
+    position: relative;
+}
+#online li.clearFloat {
+    float: none;
+    clear: both;
+    display: block;
+    width:0;
+    height:0;
+    margin: 0;
+    padding: 0;
+}
+#online li img {
+    cursor: pointer;
+}
+#online li div.file-wrapper {
+    cursor: pointer;
+    position: absolute;
+    display: block;
+    width: 111px;
+    height: 111px;
+    border: 1px solid #eee;
+    background: url("./images/bg.png") repeat;
+}
+#online li div span.file-title{
+    display: block;
+    padding: 0 3px;
+    margin: 3px 0 0 0;
+    font-size: 12px;
+    height: 13px;
+    color: #555555;
+    text-align: center;
+    width: 107px;
+    white-space: nowrap;
+    word-break: break-all;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+#online li .icon {
+    cursor: pointer;
+    width: 113px;
+    height: 113px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    border: 0;
+    background-repeat: no-repeat;
+}
+#online li .icon:hover {
+    width: 107px;
+    height: 107px;
+    border: 3px solid #1094fa;
+}
+#online li.selected .icon {
+    background-image: url(images/success.png);
+    background-image: url(images/success.gif) \9;
+    background-position: 75px 75px;
+}
+#online li.selected .icon:hover {
+    width: 107px;
+    height: 107px;
+    border: 3px solid #1094fa;
+    background-position: 72px 72px;
+}
+
+
+/* 在线文件的文件预览图标 */
+i.file-preview {
+    display: block;
+    margin: 10px auto;
+    width: 70px;
+    height: 70px;
+    background-image: url("./images/file-icons.png");
+    background-image: url("./images/file-icons.gif") \9;
+    background-position: -140px center;
+    background-repeat: no-repeat;
+}
+i.file-preview.file-type-dir{
+    background-position: 0 center;
+}
+i.file-preview.file-type-file{
+    background-position: -140px center;
+}
+i.file-preview.file-type-filelist{
+    background-position: -210px center;
+}
+i.file-preview.file-type-zip,
+i.file-preview.file-type-rar,
+i.file-preview.file-type-7z,
+i.file-preview.file-type-tar,
+i.file-preview.file-type-gz,
+i.file-preview.file-type-bz2{
+    background-position: -280px center;
+}
+i.file-preview.file-type-xls,
+i.file-preview.file-type-xlsx{
+    background-position: -350px center;
+}
+i.file-preview.file-type-doc,
+i.file-preview.file-type-docx{
+    background-position: -420px center;
+}
+i.file-preview.file-type-ppt,
+i.file-preview.file-type-pptx{
+    background-position: -490px center;
+}
+i.file-preview.file-type-vsd{
+    background-position: -560px center;
+}
+i.file-preview.file-type-pdf{
+    background-position: -630px center;
+}
+i.file-preview.file-type-txt,
+i.file-preview.file-type-md,
+i.file-preview.file-type-json,
+i.file-preview.file-type-htm,
+i.file-preview.file-type-xml,
+i.file-preview.file-type-html,
+i.file-preview.file-type-js,
+i.file-preview.file-type-css,
+i.file-preview.file-type-php,
+i.file-preview.file-type-jsp,
+i.file-preview.file-type-asp{
+    background-position: -700px center;
+}
+i.file-preview.file-type-apk{
+    background-position: -770px center;
+}
+i.file-preview.file-type-exe{
+    background-position: -840px center;
+}
+i.file-preview.file-type-ipa{
+    background-position: -910px center;
+}
+i.file-preview.file-type-mp4,
+i.file-preview.file-type-swf,
+i.file-preview.file-type-mkv,
+i.file-preview.file-type-avi,
+i.file-preview.file-type-flv,
+i.file-preview.file-type-mov,
+i.file-preview.file-type-mpg,
+i.file-preview.file-type-mpeg,
+i.file-preview.file-type-ogv,
+i.file-preview.file-type-webm,
+i.file-preview.file-type-rm,
+i.file-preview.file-type-rmvb{
+    background-position: -980px center;
+}
+i.file-preview.file-type-ogg,
+i.file-preview.file-type-wav,
+i.file-preview.file-type-wmv,
+i.file-preview.file-type-mid,
+i.file-preview.file-type-mp3{
+    background-position: -1050px center;
+}
+i.file-preview.file-type-jpg,
+i.file-preview.file-type-jpeg,
+i.file-preview.file-type-gif,
+i.file-preview.file-type-bmp,
+i.file-preview.file-type-png,
+i.file-preview.file-type-psd{
+    background-position: -140px center;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/attachment.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/attachment.html
new file mode 100644
index 000000000..2ae928202
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/attachment.html
@@ -0,0 +1,60 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>ueditor图片对话框</title>
+    <script type="text/javascript" src="../internal.js"></script>
+
+    <!-- jquery -->
+    <script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script>
+
+    <!-- webuploader -->
+    <script src="../../third-party/webuploader/webuploader.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css">
+
+    <!-- attachment dialog -->
+    <link rel="stylesheet" href="attachment.css" type="text/css" />
+</head>
+<body>
+
+    <div class="wrapper">
+        <div id="tabhead" class="tabhead">
+            <span class="tab focus" data-content-id="upload"><var id="lang_tab_upload"></var></span>
+            <span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span>
+        </div>
+        <div id="tabbody" class="tabbody">
+            <!-- 上传图片 -->
+            <div id="upload" class="panel focus">
+                <div id="queueList" class="queueList">
+                    <div class="statusBar element-invisible">
+                        <div class="progress">
+                            <span class="text">0%</span>
+                            <span class="percentage"></span>
+                        </div><div class="info"></div>
+                        <div class="btns">
+                            <div id="filePickerBtn"></div>
+                            <div class="uploadBtn"><var id="lang_start_upload"></var></div>
+                        </div>
+                    </div>
+                    <div id="dndArea" class="placeholder">
+                        <div class="filePickerContainer">
+                            <div id="filePickerReady"></div>
+                        </div>
+                    </div>
+                    <ul class="filelist element-invisible">
+                        <li id="filePickerBlock" class="filePickerBlock"></li>
+                    </ul>
+                </div>
+            </div>
+
+            <!-- 在线图片 -->
+            <div id="online" class="panel">
+                <div id="fileList"><var id="lang_imgLoading"></var></div>
+            </div>
+
+        </div>
+    </div>
+    <script type="text/javascript" src="attachment.js"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/attachment.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/attachment.js
new file mode 100644
index 000000000..ce3be633d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/attachment.js
@@ -0,0 +1,754 @@
+/**
+ * User: Jinqn
+ * Date: 14-04-08
+ * Time: 下午16:34
+ * 上传图片对话框逻辑代码,包括tab: 远程图片/上传图片/在线图片/搜索图片
+ */
+
+(function () {
+
+    var uploadFile,
+        onlineFile;
+
+    window.onload = function () {
+        initTabs();
+        initButtons();
+    };
+
+    /* 初始化tab标签 */
+    function initTabs() {
+        var tabs = $G('tabhead').children;
+        for (var i = 0; i < tabs.length; i++) {
+            domUtils.on(tabs[i], "click", function (e) {
+                var target = e.target || e.srcElement;
+                setTabFocus(target.getAttribute('data-content-id'));
+            });
+        }
+
+        setTabFocus('upload');
+    }
+
+    /* 初始化tabbody */
+    function setTabFocus(id) {
+        if(!id) return;
+        var i, bodyId, tabs = $G('tabhead').children;
+        for (i = 0; i < tabs.length; i++) {
+            bodyId = tabs[i].getAttribute('data-content-id')
+            if (bodyId == id) {
+                domUtils.addClass(tabs[i], 'focus');
+                domUtils.addClass($G(bodyId), 'focus');
+            } else {
+                domUtils.removeClasses(tabs[i], 'focus');
+                domUtils.removeClasses($G(bodyId), 'focus');
+            }
+        }
+        switch (id) {
+            case 'upload':
+                uploadFile = uploadFile || new UploadFile('queueList');
+                break;
+            case 'online':
+                onlineFile = onlineFile || new OnlineFile('fileList');
+                break;
+        }
+    }
+
+    /* 初始化onok事件 */
+    function initButtons() {
+
+        dialog.onok = function () {
+            var list = [], id, tabs = $G('tabhead').children;
+            for (var i = 0; i < tabs.length; i++) {
+                if (domUtils.hasClass(tabs[i], 'focus')) {
+                    id = tabs[i].getAttribute('data-content-id');
+                    break;
+                }
+            }
+
+            switch (id) {
+                case 'upload':
+                    list = uploadFile.getInsertList();
+                    var count = uploadFile.getQueueCount();
+                    if (count) {
+                        $('.info', '#queueList').html('<span style="color:red;">' + '还有2个未上传文件'.replace(/[\d]/, count) + '</span>');
+                        return false;
+                    }
+                    break;
+                case 'online':
+                    list = onlineFile.getInsertList();
+                    break;
+            }
+
+            editor.execCommand('insertfile', list);
+        };
+    }
+
+
+    /* 上传附件 */
+    function UploadFile(target) {
+        this.$wrap = target.constructor == String ? $('#' + target) : $(target);
+        this.init();
+    }
+    UploadFile.prototype = {
+        init: function () {
+            this.fileList = [];
+            this.initContainer();
+            this.initUploader();
+        },
+        initContainer: function () {
+            this.$queue = this.$wrap.find('.filelist');
+        },
+        /* 初始化容器 */
+        initUploader: function () {
+            var _this = this,
+                $ = jQuery,    // just in case. Make sure it's not an other libaray.
+                $wrap = _this.$wrap,
+            // 图片容器
+                $queue = $wrap.find('.filelist'),
+            // 状态栏，包括进度和控制按钮
+                $statusBar = $wrap.find('.statusBar'),
+            // 文件总体选择信息。
+                $info = $statusBar.find('.info'),
+            // 上传按钮
+                $upload = $wrap.find('.uploadBtn'),
+            // 上传按钮
+                $filePickerBtn = $wrap.find('.filePickerBtn'),
+            // 上传按钮
+                $filePickerBlock = $wrap.find('.filePickerBlock'),
+            // 没选择文件之前的内容。
+                $placeHolder = $wrap.find('.placeholder'),
+            // 总体进度条
+                $progress = $statusBar.find('.progress').hide(),
+            // 添加的文件数量
+                fileCount = 0,
+            // 添加的文件总大小
+                fileSize = 0,
+            // 优化retina, 在retina下这个值是2
+                ratio = window.devicePixelRatio || 1,
+            // 缩略图大小
+                thumbnailWidth = 113 * ratio,
+                thumbnailHeight = 113 * ratio,
+            // 可能有pedding, ready, uploading, confirm, done.
+                state = '',
+            // 所有文件的进度信息，key为file id
+                percentages = {},
+                supportTransition = (function () {
+                    var s = document.createElement('p').style,
+                        r = 'transition' in s ||
+                            'WebkitTransition' in s ||
+                            'MozTransition' in s ||
+                            'msTransition' in s ||
+                            'OTransition' in s;
+                    s = null;
+                    return r;
+                })(),
+            // WebUploader实例
+                uploader,
+                actionUrl = editor.getActionUrl(editor.getOpt('fileActionName')),
+                fileMaxSize = editor.getOpt('fileMaxSize'),
+                acceptExtensions = (editor.getOpt('fileAllowFiles') || []).join('').replace(/\./g, ',').replace(/^[,]/, '');;
+
+            if (!WebUploader.Uploader.support()) {
+                $('#filePickerReady').after($('<div>').html(lang.errorNotSupport)).hide();
+                return;
+            } else if (!editor.getOpt('fileActionName')) {
+                $('#filePickerReady').after($('<div>').html(lang.errorLoadConfig)).hide();
+                return;
+            }
+
+            uploader = _this.uploader = WebUploader.create({
+                pick: {
+                    id: '#filePickerReady',
+                    label: lang.uploadSelectFile
+                },
+                swf: '../../third-party/webuploader/Uploader.swf',
+                server: actionUrl,
+                fileVal: editor.getOpt('fileFieldName'),
+                duplicate: true,
+                fileSingleSizeLimit: fileMaxSize,
+                compress: false
+            });
+            uploader.addButton({
+                id: '#filePickerBlock'
+            });
+            uploader.addButton({
+                id: '#filePickerBtn',
+                label: lang.uploadAddFile
+            });
+
+            setState('pedding');
+
+            // 当有文件添加进来时执行，负责view的创建
+            function addFile(file) {
+                var $li = $('<li id="' + file.id + '">' +
+                        '<p class="title">' + file.name + '</p>' +
+                        '<p class="imgWrap"></p>' +
+                        '<p class="progress"><span></span></p>' +
+                        '</li>'),
+
+                    $btns = $('<div class="file-panel">' +
+                        '<span class="cancel">' + lang.uploadDelete + '</span>' +
+                        '<span class="rotateRight">' + lang.uploadTurnRight + '</span>' +
+                        '<span class="rotateLeft">' + lang.uploadTurnLeft + '</span></div>').appendTo($li),
+                    $prgress = $li.find('p.progress span'),
+                    $wrap = $li.find('p.imgWrap'),
+                    $info = $('<p class="error"></p>').hide().appendTo($li),
+
+                    showError = function (code) {
+                        switch (code) {
+                            case 'exceed_size':
+                                text = lang.errorExceedSize;
+                                break;
+                            case 'interrupt':
+                                text = lang.errorInterrupt;
+                                break;
+                            case 'http':
+                                text = lang.errorHttp;
+                                break;
+                            case 'not_allow_type':
+                                text = lang.errorFileType;
+                                break;
+                            default:
+                                text = lang.errorUploadRetry;
+                                break;
+                        }
+                        $info.text(text).show();
+                    };
+
+                if (file.getStatus() === 'invalid') {
+                    showError(file.statusText);
+                } else {
+                    $wrap.text(lang.uploadPreview);
+                    if ('|png|jpg|jpeg|bmp|gif|'.indexOf('|'+file.ext.toLowerCase()+'|') == -1) {
+                        $wrap.empty().addClass('notimage').append('<i class="file-preview file-type-' + file.ext.toLowerCase() + '"></i>' +
+                        '<span class="file-title" title="' + file.name + '">' + file.name + '</span>');
+                    } else {
+                        if (browser.ie && browser.version <= 7) {
+                            $wrap.text(lang.uploadNoPreview);
+                        } else {
+                            uploader.makeThumb(file, function (error, src) {
+                                if (error || !src) {
+                                    $wrap.text(lang.uploadNoPreview);
+                                } else {
+                                    var $img = $('<img src="' + src + '">');
+                                    $wrap.empty().append($img);
+                                    $img.on('error', function () {
+                                        $wrap.text(lang.uploadNoPreview);
+                                    });
+                                }
+                            }, thumbnailWidth, thumbnailHeight);
+                        }
+                    }
+                    percentages[ file.id ] = [ file.size, 0 ];
+                    file.rotation = 0;
+
+                    /* 检查文件格式 */
+                    if (!file.ext || acceptExtensions.indexOf(file.ext.toLowerCase()) == -1) {
+                        showError('not_allow_type');
+                        uploader.removeFile(file);
+                    }
+                }
+
+                file.on('statuschange', function (cur, prev) {
+                    if (prev === 'progress') {
+                        $prgress.hide().width(0);
+                    } else if (prev === 'queued') {
+                        $li.off('mouseenter mouseleave');
+                        $btns.remove();
+                    }
+                    // 成功
+                    if (cur === 'error' || cur === 'invalid') {
+                        showError(file.statusText);
+                        percentages[ file.id ][ 1 ] = 1;
+                    } else if (cur === 'interrupt') {
+                        showError('interrupt');
+                    } else if (cur === 'queued') {
+                        percentages[ file.id ][ 1 ] = 0;
+                    } else if (cur === 'progress') {
+                        $info.hide();
+                        $prgress.css('display', 'block');
+                    } else if (cur === 'complete') {
+                    }
+
+                    $li.removeClass('state-' + prev).addClass('state-' + cur);
+                });
+
+                $li.on('mouseenter', function () {
+                    $btns.stop().animate({height: 30});
+                });
+                $li.on('mouseleave', function () {
+                    $btns.stop().animate({height: 0});
+                });
+
+                $btns.on('click', 'span', function () {
+                    var index = $(this).index(),
+                        deg;
+
+                    switch (index) {
+                        case 0:
+                            uploader.removeFile(file);
+                            return;
+                        case 1:
+                            file.rotation += 90;
+                            break;
+                        case 2:
+                            file.rotation -= 90;
+                            break;
+                    }
+
+                    if (supportTransition) {
+                        deg = 'rotate(' + file.rotation + 'deg)';
+                        $wrap.css({
+                            '-webkit-transform': deg,
+                            '-mos-transform': deg,
+                            '-o-transform': deg,
+                            'transform': deg
+                        });
+                    } else {
+                        $wrap.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + (~~((file.rotation / 90) % 4 + 4) % 4) + ')');
+                    }
+
+                });
+
+                $li.insertBefore($filePickerBlock);
+            }
+
+            // 负责view的销毁
+            function removeFile(file) {
+                var $li = $('#' + file.id);
+                delete percentages[ file.id ];
+                updateTotalProgress();
+                $li.off().find('.file-panel').off().end().remove();
+            }
+
+            function updateTotalProgress() {
+                var loaded = 0,
+                    total = 0,
+                    spans = $progress.children(),
+                    percent;
+
+                $.each(percentages, function (k, v) {
+                    total += v[ 0 ];
+                    loaded += v[ 0 ] * v[ 1 ];
+                });
+
+                percent = total ? loaded / total : 0;
+
+                spans.eq(0).text(Math.round(percent * 100) + '%');
+                spans.eq(1).css('width', Math.round(percent * 100) + '%');
+                updateStatus();
+            }
+
+            function setState(val, files) {
+
+                if (val != state) {
+
+                    var stats = uploader.getStats();
+
+                    $upload.removeClass('state-' + state);
+                    $upload.addClass('state-' + val);
+
+                    switch (val) {
+
+                        /* 未选择文件 */
+                        case 'pedding':
+                            $queue.addClass('element-invisible');
+                            $statusBar.addClass('element-invisible');
+                            $placeHolder.removeClass('element-invisible');
+                            $progress.hide(); $info.hide();
+                            uploader.refresh();
+                            break;
+
+                        /* 可以开始上传 */
+                        case 'ready':
+                            $placeHolder.addClass('element-invisible');
+                            $queue.removeClass('element-invisible');
+                            $statusBar.removeClass('element-invisible');
+                            $progress.hide(); $info.show();
+                            $upload.text(lang.uploadStart);
+                            uploader.refresh();
+                            break;
+
+                        /* 上传中 */
+                        case 'uploading':
+                            $progress.show(); $info.hide();
+                            $upload.text(lang.uploadPause);
+                            break;
+
+                        /* 暂停上传 */
+                        case 'paused':
+                            $progress.show(); $info.hide();
+                            $upload.text(lang.uploadContinue);
+                            break;
+
+                        case 'confirm':
+                            $progress.show(); $info.hide();
+                            $upload.text(lang.uploadStart);
+
+                            stats = uploader.getStats();
+                            if (stats.successNum && !stats.uploadFailNum) {
+                                setState('finish');
+                                return;
+                            }
+                            break;
+
+                        case 'finish':
+                            $progress.hide(); $info.show();
+                            if (stats.uploadFailNum) {
+                                $upload.text(lang.uploadRetry);
+                            } else {
+                                $upload.text(lang.uploadStart);
+                            }
+                            break;
+                    }
+
+                    state = val;
+                    updateStatus();
+
+                }
+
+                if (!_this.getQueueCount()) {
+                    $upload.addClass('disabled')
+                } else {
+                    $upload.removeClass('disabled')
+                }
+
+            }
+
+            function updateStatus() {
+                var text = '', stats;
+
+                if (state === 'ready') {
+                    text = lang.updateStatusReady.replace('_', fileCount).replace('_KB', WebUploader.formatSize(fileSize));
+                } else if (state === 'confirm') {
+                    stats = uploader.getStats();
+                    if (stats.uploadFailNum) {
+                        text = lang.updateStatusConfirm.replace('_', stats.successNum).replace('_', stats.successNum);
+                    }
+                } else {
+                    stats = uploader.getStats();
+                    text = lang.updateStatusFinish.replace('_', fileCount).
+                        replace('_KB', WebUploader.formatSize(fileSize)).
+                        replace('_', stats.successNum);
+
+                    if (stats.uploadFailNum) {
+                        text += lang.updateStatusError.replace('_', stats.uploadFailNum);
+                    }
+                }
+
+                $info.html(text);
+            }
+
+            uploader.on('fileQueued', function (file) {
+                fileCount++;
+                fileSize += file.size;
+
+                if (fileCount === 1) {
+                    $placeHolder.addClass('element-invisible');
+                    $statusBar.show();
+                }
+
+                addFile(file);
+            });
+
+            uploader.on('fileDequeued', function (file) {
+                fileCount--;
+                fileSize -= file.size;
+
+                removeFile(file);
+                updateTotalProgress();
+            });
+
+            uploader.on('filesQueued', function (file) {
+                if (!uploader.isInProgress() && (state == 'pedding' || state == 'finish' || state == 'confirm' || state == 'ready')) {
+                    setState('ready');
+                }
+                updateTotalProgress();
+            });
+
+            uploader.on('all', function (type, files) {
+                switch (type) {
+                    case 'uploadFinished':
+                        setState('confirm', files);
+                        break;
+                    case 'startUpload':
+                        /* 添加额外的GET参数 */
+                        var params = utils.serializeParam(editor.queryCommandValue('serverparam')) || '',
+                            url = utils.formatUrl(actionUrl + (actionUrl.indexOf('?') == -1 ? '?':'&') + 'encode=utf-8&' + params);
+                        uploader.option('server', url);
+                        setState('uploading', files);
+                        break;
+                    case 'stopUpload':
+                        setState('paused', files);
+                        break;
+                }
+            });
+
+            uploader.on('uploadBeforeSend', function (file, data, header) {
+                //这里可以通过data对象添加POST参数
+                header['X_Requested_With'] = 'XMLHttpRequest';
+            });
+
+            uploader.on('uploadProgress', function (file, percentage) {
+                var $li = $('#' + file.id),
+                    $percent = $li.find('.progress span');
+
+                $percent.css('width', percentage * 100 + '%');
+                percentages[ file.id ][ 1 ] = percentage;
+                updateTotalProgress();
+            });
+
+            uploader.on('uploadSuccess', function (file, ret) {
+                var $file = $('#' + file.id);
+                try {
+                    var responseText = (ret._raw || ret),
+                        json = utils.str2json(responseText);
+                    if (json.state == 'SUCCESS') {
+                        _this.fileList.push(json);
+                        $file.append('<span class="success"></span>');
+                    } else {
+                        $file.find('.error').text(json.state).show();
+                    }
+                } catch (e) {
+                    $file.find('.error').text(lang.errorServerUpload).show();
+                }
+            });
+
+            uploader.on('uploadError', function (file, code) {
+            });
+            uploader.on('error', function (code, file) {
+                if (code == 'Q_TYPE_DENIED' || code == 'F_EXCEED_SIZE') {
+                    addFile(file);
+                }
+            });
+            uploader.on('uploadComplete', function (file, ret) {
+            });
+
+            $upload.on('click', function () {
+                if ($(this).hasClass('disabled')) {
+                    return false;
+                }
+
+                if (state === 'ready') {
+                    uploader.upload();
+                } else if (state === 'paused') {
+                    uploader.upload();
+                } else if (state === 'uploading') {
+                    uploader.stop();
+                }
+            });
+
+            $upload.addClass('state-' + state);
+            updateTotalProgress();
+        },
+        getQueueCount: function () {
+            var file, i, status, readyFile = 0, files = this.uploader.getFiles();
+            for (i = 0; file = files[i++]; ) {
+                status = file.getStatus();
+                if (status == 'queued' || status == 'uploading' || status == 'progress') readyFile++;
+            }
+            return readyFile;
+        },
+        getInsertList: function () {
+            var i, link, data, list = [],
+                prefix = editor.getOpt('fileUrlPrefix');
+            for (i = 0; i < this.fileList.length; i++) {
+                data = this.fileList[i];
+                link = data.url;
+                list.push({
+                    title: data.original || link.substr(link.lastIndexOf('/') + 1),
+                    url: prefix + link
+                });
+            }
+            return list;
+        }
+    };
+
+
+    /* 在线附件 */
+    function OnlineFile(target) {
+        this.container = utils.isString(target) ? document.getElementById(target) : target;
+        this.init();
+    }
+    OnlineFile.prototype = {
+        init: function () {
+            this.initContainer();
+            this.initEvents();
+            this.initData();
+        },
+        /* 初始化容器 */
+        initContainer: function () {
+            this.container.innerHTML = '';
+            this.list = document.createElement('ul');
+            this.clearFloat = document.createElement('li');
+
+            domUtils.addClass(this.list, 'list');
+            domUtils.addClass(this.clearFloat, 'clearFloat');
+
+            this.list.appendChild(this.clearFloat);
+            this.container.appendChild(this.list);
+        },
+        /* 初始化滚动事件,滚动到地步自动拉取数据 */
+        initEvents: function () {
+            var _this = this;
+
+            /* 滚动拉取图片 */
+            domUtils.on($G('fileList'), 'scroll', function(e){
+                var panel = this;
+                if (panel.scrollHeight - (panel.offsetHeight + panel.scrollTop) < 10) {
+                    _this.getFileData();
+                }
+            });
+            /* 选中图片 */
+            domUtils.on(this.list, 'click', function (e) {
+                var target = e.target || e.srcElement,
+                    li = target.parentNode;
+
+                if (li.tagName.toLowerCase() == 'li') {
+                    if (domUtils.hasClass(li, 'selected')) {
+                        domUtils.removeClasses(li, 'selected');
+                    } else {
+                        domUtils.addClass(li, 'selected');
+                    }
+                }
+            });
+        },
+        /* 初始化第一次的数据 */
+        initData: function () {
+
+            /* 拉取数据需要使用的值 */
+            this.state = 0;
+            this.listSize = editor.getOpt('fileManagerListSize');
+            this.listIndex = 0;
+            this.listEnd = false;
+
+            /* 第一次拉取数据 */
+            this.getFileData();
+        },
+        /* 向后台拉取图片列表数据 */
+        getFileData: function () {
+            var _this = this;
+
+            if(!_this.listEnd && !this.isLoadingData) {
+                this.isLoadingData = true;
+                ajax.request(editor.getActionUrl(editor.getOpt('fileManagerActionName')), {
+                    timeout: 100000,
+                    data: utils.extend({
+                            start: this.listIndex,
+                            size: this.listSize
+                        }, editor.queryCommandValue('serverparam')),
+                    method: 'get',
+                    onsuccess: function (r) {
+                        try {
+                            var json = eval('(' + r.responseText + ')');
+                            if (json.state == 'SUCCESS') {
+                                _this.pushData(json.list);
+                                _this.listIndex = parseInt(json.start) + parseInt(json.list.length);
+                                if(_this.listIndex >= json.total) {
+                                    _this.listEnd = true;
+                                }
+                                _this.isLoadingData = false;
+                            }
+                        } catch (e) {
+                            if(r.responseText.indexOf('ue_separate_ue') != -1) {
+                                var list = r.responseText.split(r.responseText);
+                                _this.pushData(list);
+                                _this.listIndex = parseInt(list.length);
+                                _this.listEnd = true;
+                                _this.isLoadingData = false;
+                            }
+                        }
+                    },
+                    onerror: function () {
+                        _this.isLoadingData = false;
+                    }
+                });
+            }
+        },
+        /* 添加图片到列表界面上 */
+        pushData: function (list) {
+            var i, item, img, filetype, preview, icon, _this = this,
+                urlPrefix = editor.getOpt('fileManagerUrlPrefix');
+            for (i = 0; i < list.length; i++) {
+                if(list[i] && list[i].url) {
+                    item = document.createElement('li');
+                    icon = document.createElement('span');
+                    filetype = list[i].url.substr(list[i].url.lastIndexOf('.') + 1);
+
+                    if ( "png|jpg|jpeg|gif|bmp".indexOf(filetype) != -1 ) {
+                        preview = document.createElement('img');
+                        domUtils.on(preview, 'load', (function(image){
+                            return function(){
+                                _this.scale(image, image.parentNode.offsetWidth, image.parentNode.offsetHeight);
+                            };
+                        })(preview));
+                        preview.width = 113;
+                        preview.setAttribute('src', urlPrefix + list[i].url + (list[i].url.indexOf('?') == -1 ? '?noCache=':'&noCache=') + (+new Date()).toString(36) );
+                    } else {
+                        var ic = document.createElement('i'),
+                            textSpan = document.createElement('span');
+                        textSpan.innerHTML = list[i].url.substr(list[i].url.lastIndexOf('/') + 1);
+                        preview = document.createElement('div');
+                        preview.appendChild(ic);
+                        preview.appendChild(textSpan);
+                        domUtils.addClass(preview, 'file-wrapper');
+                        domUtils.addClass(textSpan, 'file-title');
+                        domUtils.addClass(ic, 'file-type-' + filetype);
+                        domUtils.addClass(ic, 'file-preview');
+                    }
+                    domUtils.addClass(icon, 'icon');
+                    item.setAttribute('data-url', urlPrefix + list[i].url);
+                    if (list[i].original) {
+                        item.setAttribute('data-title', list[i].original);
+                    }
+
+                    item.appendChild(preview);
+                    item.appendChild(icon);
+                    this.list.insertBefore(item, this.clearFloat);
+                }
+            }
+        },
+        /* 改变图片大小 */
+        scale: function (img, w, h, type) {
+            var ow = img.width,
+                oh = img.height;
+
+            if (type == 'justify') {
+                if (ow >= oh) {
+                    img.width = w;
+                    img.height = h * oh / ow;
+                    img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px';
+                } else {
+                    img.width = w * ow / oh;
+                    img.height = h;
+                    img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px';
+                }
+            } else {
+                if (ow >= oh) {
+                    img.width = w * ow / oh;
+                    img.height = h;
+                    img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px';
+                } else {
+                    img.width = w;
+                    img.height = h * oh / ow;
+                    img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px';
+                }
+            }
+        },
+        getInsertList: function () {
+            var i, lis = this.list.children, list = [];
+            for (i = 0; i < lis.length; i++) {
+                if (domUtils.hasClass(lis[i], 'selected')) {
+                    var url = lis[i].getAttribute('data-url');
+                    var title = lis[i].getAttribute('data-title') || url.substr(url.lastIndexOf('/') + 1);
+                    list.push({
+                        title: title,
+                        url: url
+                    });
+                }
+            }
+            return list;
+        }
+    };
+
+
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_chm.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_chm.gif
new file mode 100644
index 000000000..9ca4fb6a2
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_chm.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_default.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_default.png
new file mode 100644
index 000000000..50ac1cb16
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_default.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_doc.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_doc.gif
new file mode 100644
index 000000000..206fede4e
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_doc.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_exe.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_exe.gif
new file mode 100644
index 000000000..2e3b7a28e
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_exe.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_jpg.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_jpg.gif
new file mode 100644
index 000000000..5d5dec026
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_jpg.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_mp3.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_mp3.gif
new file mode 100644
index 000000000..b351a1f2a
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_mp3.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_mv.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_mv.gif
new file mode 100644
index 000000000..26019b099
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_mv.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_pdf.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_pdf.gif
new file mode 100644
index 000000000..bbb65c837
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_pdf.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_ppt.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_ppt.gif
new file mode 100644
index 000000000..ccb26fbeb
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_ppt.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_psd.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_psd.gif
new file mode 100644
index 000000000..2e8743a27
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_psd.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_rar.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_rar.gif
new file mode 100644
index 000000000..5359e46d2
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_rar.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_txt.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_txt.gif
new file mode 100644
index 000000000..e7b8dd21d
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_txt.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_xls.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_xls.gif
new file mode 100644
index 000000000..e86c1c663
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/fileTypeImages/icon_xls.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/alignicon.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/alignicon.gif
new file mode 100644
index 000000000..005a5ac65
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/alignicon.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/alignicon.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/alignicon.png
new file mode 100644
index 000000000..4b6c444b7
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/alignicon.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/bg.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/bg.png
new file mode 100644
index 000000000..580be0a01
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/bg.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/file-icons.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/file-icons.gif
new file mode 100644
index 000000000..d8c02c27e
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/file-icons.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/file-icons.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/file-icons.png
new file mode 100644
index 000000000..3ff82c8c4
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/file-icons.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/icons.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/icons.gif
new file mode 100644
index 000000000..78459dea7
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/icons.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/icons.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/icons.png
new file mode 100644
index 000000000..12e470016
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/icons.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/image.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/image.png
new file mode 100644
index 000000000..19699f6a9
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/image.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/progress.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/progress.png
new file mode 100644
index 000000000..717c4865c
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/progress.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/success.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/success.gif
new file mode 100644
index 000000000..8d4f3112b
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/success.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/success.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/success.png
new file mode 100644
index 000000000..94f968dc8
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/attachment/images/success.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/background.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/background.css
new file mode 100644
index 000000000..5c41fe9a4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/background.css
@@ -0,0 +1,94 @@
+.wrapper{ width: 424px;margin: 10px auto; zoom:1;position: relative}
+.tabbody{height:225px;}
+.tabbody .panel { position: absolute;width:100%; height:100%;background: #fff; display: none;}
+.tabbody .focus { display: block;}
+
+body{font-size: 12px;color: #888;overflow: hidden;}
+input,label{vertical-align:middle}
+.clear{clear: both;}
+.pl{padding-left: 18px;padding-left: 23px\9;}
+
+#imageList {width: 420px;height: 215px;margin-top: 10px;overflow: hidden;overflow-y: auto;}
+#imageList div {float: left;width: 100px;height: 95px;margin: 5px 10px;}
+#imageList img {cursor: pointer;border: 2px solid white;}
+
+.bgarea{margin: 10px;padding: 5px;height: 84%;border: 1px solid #A8A297;}
+.content div{margin: 10px 0 10px 5px;}
+.content .iptradio{margin: 0px 5px 5px 0px;}
+.txt{width:280px;}
+
+.wrapcolor{height: 19px;}
+div.color{float: left;margin: 0;}
+#colorPicker{width: 17px;height: 17px;border: 1px solid #CCC;display: inline-block;border-radius: 3px;box-shadow: 2px 2px 5px #D3D6DA;margin: 0;float: left;}
+div.alignment,#custom{margin-left: 23px;margin-left: 28px\9;}
+#custom input{height: 15px;min-height: 15px;width:20px;}
+#repeatType{width:100px;}
+
+
+/* 图片管理样式 */
+#imgManager {
+    width: 100%;
+    height: 225px;
+}
+#imgManager #imageList{
+    width: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+#imgManager ul {
+    display: block;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+#imgManager li {
+    float: left;
+    display: block;
+    list-style: none;
+    padding: 0;
+    width: 113px;
+    height: 113px;
+    margin: 9px 0 0 19px;
+    background-color: #eee;
+    overflow: hidden;
+    cursor: pointer;
+    position: relative;
+}
+#imgManager li.clearFloat {
+    float: none;
+    clear: both;
+    display: block;
+    width:0;
+    height:0;
+    margin: 0;
+    padding: 0;
+}
+#imgManager li img {
+    cursor: pointer;
+}
+#imgManager li .icon {
+    cursor: pointer;
+    width: 113px;
+    height: 113px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    border: 0;
+    background-repeat: no-repeat;
+}
+#imgManager li .icon:hover {
+    width: 107px;
+    height: 107px;
+    border: 3px solid #1094fa;
+}
+#imgManager li.selected .icon {
+    background-image: url(images/success.png);
+    background-position: 75px 75px;
+}
+#imgManager li.selected .icon:hover {
+    width: 107px;
+    height: 107px;
+    border: 3px solid #1094fa;
+    background-position: 72px 72px;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/background.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/background.html
new file mode 100644
index 000000000..3cc2ac1ee
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/background.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <link rel="stylesheet" type="text/css" href="background.css">
+</head>
+<body>
+    <div id="bg_container" class="wrapper">
+        <div id="tabHeads" class="tabhead">
+            <span class="focus" data-content-id="normal"><var id="lang_background_normal"></var></span>
+            <span class="" data-content-id="imgManager"><var id="lang_background_local"></var></span>
+        </div>
+        <div id="tabBodys" class="tabbody">
+            <div id="normal" class="panel focus">
+                <fieldset class="bgarea">
+                    <legend><var id="lang_background_set"></var></legend>
+                    <div class="content">
+                        <div>
+                            <label><input id="nocolorRadio" class="iptradio" type="radio" name="t" value="none" checked="checked"><var id="lang_background_none"></var></label>
+                            <label><input id="coloredRadio" class="iptradio" type="radio" name="t" value="color"><var id="lang_background_colored"></var></label>
+                        </div>
+                        <div class="wrapcolor pl">
+                            <div class="color">
+                                <var id="lang_background_color"></var>:
+                            </div>
+                            <div id="colorPicker"></div>
+                            <div class="clear"></div>
+                        </div>
+                        <div class="wrapcolor pl">
+                            <label><var id="lang_background_netimg"></var>:</label><input class="txt" type="text" id="url">
+                        </div>
+                        <div id="alignment" class="alignment">
+                            <var id="lang_background_align"></var>:<select id="repeatType">
+                                <option value="center"></option>
+                                <option value="repeat-x"></option>
+                                <option value="repeat-y"></option>
+                                <option value="repeat"></option>
+                                <option value="self"></option>
+                            </select>
+                        </div>
+                        <div id="custom" >
+                            <var id="lang_background_position"></var>:x:<input type="text" size="1" id="x" maxlength="4" value="0">px&nbsp;&nbsp;y:<input type="text" size="1" id="y" maxlength="4" value="0">px
+                        </div>
+                    </div>
+                </fieldset>
+
+            </div>
+            <div id="imgManager" class="panel">
+                <div id="imageList" style=""></div>
+            </div>
+        </div>
+    </div>
+    <script type="text/javascript" src="background.js"></script>
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/background.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/background.js
new file mode 100644
index 000000000..9a4a1315d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/background.js
@@ -0,0 +1,376 @@
+(function () {
+
+    var onlineImage,
+        backupStyle = editor.queryCommandValue('background');
+
+    window.onload = function () {
+        initTabs();
+        initColorSelector();
+    };
+
+    /* 初始化tab标签 */
+    function initTabs(){
+        var tabs = $G('tabHeads').children;
+        for (var i = 0; i < tabs.length; i++) {
+            domUtils.on(tabs[i], "click", function (e) {
+                var target = e.target || e.srcElement;
+                for (var j = 0; j < tabs.length; j++) {
+                    if(tabs[j] == target){
+                        tabs[j].className = "focus";
+                        var contentId = tabs[j].getAttribute('data-content-id');
+                        $G(contentId).style.display = "block";
+                        if(contentId == 'imgManager') {
+                            initImagePanel();
+                        }
+                    }else {
+                        tabs[j].className = "";
+                        $G(tabs[j].getAttribute('data-content-id')).style.display = "none";
+                    }
+                }
+            });
+        }
+    }
+
+    /* 初始化颜色设置 */
+    function initColorSelector () {
+        var obj = editor.queryCommandValue('background');
+        if (obj) {
+            var color = obj['background-color'],
+                repeat = obj['background-repeat'] || 'repeat',
+                image = obj['background-image'] || '',
+                position = obj['background-position'] || 'center center',
+                pos = position.split(' '),
+                x = parseInt(pos[0]) || 0,
+                y = parseInt(pos[1]) || 0;
+
+            if(repeat == 'no-repeat' && (x || y)) repeat = 'self';
+
+            image = image.match(/url[\s]*\(([^\)]*)\)/);
+            image = image ? image[1]:'';
+            updateFormState('colored', color, image, repeat, x, y);
+        } else {
+            updateFormState();
+        }
+
+        var updateHandler = function () {
+            updateFormState();
+            updateBackground();
+        }
+        domUtils.on($G('nocolorRadio'), 'click', updateBackground);
+        domUtils.on($G('coloredRadio'), 'click', updateHandler);
+        domUtils.on($G('url'), 'keyup', function(){
+            if($G('url').value && $G('alignment').style.display == "none") {
+                utils.each($G('repeatType').children, function(item){
+                    item.selected = ('repeat' == item.getAttribute('value') ? 'selected':false);
+                });
+            }
+            updateHandler();
+        });
+        domUtils.on($G('repeatType'), 'change', updateHandler);
+        domUtils.on($G('x'), 'keyup', updateBackground);
+        domUtils.on($G('y'), 'keyup', updateBackground);
+
+        initColorPicker();
+    }
+
+    /* 初始化颜色选择器 */
+    function initColorPicker() {
+        var me = editor,
+            cp = $G("colorPicker");
+
+        /* 生成颜色选择器ui对象 */
+        var popup = new UE.ui.Popup({
+            content: new UE.ui.ColorPicker({
+                noColorText: me.getLang("clearColor"),
+                editor: me,
+                onpickcolor: function (t, color) {
+                    updateFormState('colored', color);
+                    updateBackground();
+                    UE.ui.Popup.postHide();
+                },
+                onpicknocolor: function (t, color) {
+                    updateFormState('colored', 'transparent');
+                    updateBackground();
+                    UE.ui.Popup.postHide();
+                }
+            }),
+            editor: me,
+            onhide: function () {
+            }
+        });
+
+        /* 设置颜色选择器 */
+        domUtils.on(cp, "click", function () {
+            popup.showAnchor(this);
+        });
+        domUtils.on(document, 'mousedown', function (evt) {
+            var el = evt.target || evt.srcElement;
+            UE.ui.Popup.postHide(el);
+        });
+        domUtils.on(window, 'scroll', function () {
+            UE.ui.Popup.postHide();
+        });
+    }
+
+    /* 初始化在线图片列表 */
+    function initImagePanel() {
+        onlineImage = onlineImage || new OnlineImage('imageList');
+    }
+
+    /* 更新背景色设置面板 */
+    function updateFormState (radio, color, url, align, x, y) {
+        var nocolorRadio = $G('nocolorRadio'),
+            coloredRadio = $G('coloredRadio');
+
+        if(radio) {
+            nocolorRadio.checked = (radio == 'colored' ? false:'checked');
+            coloredRadio.checked = (radio == 'colored' ? 'checked':false);
+        }
+        if(color) {
+            domUtils.setStyle($G("colorPicker"), "background-color", color);
+        }
+
+        if(url && /^\//.test(url)) {
+            var a = document.createElement('a');
+            a.href = url;
+            browser.ie && (a.href = a.href);
+            url = browser.ie ? a.href:(a.protocol + '//' + a.host + a.pathname + a.search + a.hash);
+        }
+
+        if(url || url === '') {
+            $G('url').value = url;
+        }
+        if(align) {
+            utils.each($G('repeatType').children, function(item){
+                item.selected = (align == item.getAttribute('value') ? 'selected':false);
+            });
+        }
+        if(x || y) {
+            $G('x').value = parseInt(x) || 0;
+            $G('y').value = parseInt(y) || 0;
+        }
+
+        $G('alignment').style.display = coloredRadio.checked && $G('url').value ? '':'none';
+        $G('custom').style.display = coloredRadio.checked && $G('url').value && $G('repeatType').value == 'self' ? '':'none';
+    }
+
+    /* 更新背景颜色 */
+    function updateBackground () {
+        if ($G('coloredRadio').checked) {
+            var color = domUtils.getStyle($G("colorPicker"), "background-color"),
+                bgimg = $G("url").value,
+                align = $G("repeatType").value,
+                backgroundObj = {
+                    "background-repeat": "no-repeat",
+                    "background-position": "center center"
+                };
+
+            if (color) backgroundObj["background-color"] = color;
+            if (bgimg) backgroundObj["background-image"] = 'url(' + bgimg + ')';
+            if (align == 'self') {
+                backgroundObj["background-position"] = $G("x").value + "px " + $G("y").value + "px";
+            } else if (align == 'repeat-x' || align == 'repeat-y' || align == 'repeat') {
+                backgroundObj["background-repeat"] = align;
+            }
+
+            editor.execCommand('background', backgroundObj);
+        } else {
+            editor.execCommand('background', null);
+        }
+    }
+
+
+    /* 在线图片 */
+    function OnlineImage(target) {
+        this.container = utils.isString(target) ? document.getElementById(target) : target;
+        this.init();
+    }
+    OnlineImage.prototype = {
+        init: function () {
+            this.reset();
+            this.initEvents();
+        },
+        /* 初始化容器 */
+        initContainer: function () {
+            this.container.innerHTML = '';
+            this.list = document.createElement('ul');
+            this.clearFloat = document.createElement('li');
+
+            domUtils.addClass(this.list, 'list');
+            domUtils.addClass(this.clearFloat, 'clearFloat');
+
+            this.list.id = 'imageListUl';
+            this.list.appendChild(this.clearFloat);
+            this.container.appendChild(this.list);
+        },
+        /* 初始化滚动事件,滚动到地步自动拉取数据 */
+        initEvents: function () {
+            var _this = this;
+
+            /* 滚动拉取图片 */
+            domUtils.on($G('imageList'), 'scroll', function(e){
+                var panel = this;
+                if (panel.scrollHeight - (panel.offsetHeight + panel.scrollTop) < 10) {
+                    _this.getImageData();
+                }
+            });
+            /* 选中图片 */
+            domUtils.on(this.container, 'click', function (e) {
+                var target = e.target || e.srcElement,
+                    li = target.parentNode,
+                    nodes = $G('imageListUl').childNodes;
+
+                if (li.tagName.toLowerCase() == 'li') {
+                    updateFormState('nocolor', null, '');
+                    for (var i = 0, node; node = nodes[i++];) {
+                        if (node == li && !domUtils.hasClass(node, 'selected')) {
+                            domUtils.addClass(node, 'selected');
+                            updateFormState('colored', null, li.firstChild.getAttribute("_src"), 'repeat');
+                        } else {
+                            domUtils.removeClasses(node, 'selected');
+                        }
+                    }
+                    updateBackground();
+                }
+            });
+        },
+        /* 初始化第一次的数据 */
+        initData: function () {
+
+            /* 拉取数据需要使用的值 */
+            this.state = 0;
+            this.listSize = editor.getOpt('imageManagerListSize');
+            this.listIndex = 0;
+            this.listEnd = false;
+
+            /* 第一次拉取数据 */
+            this.getImageData();
+        },
+        /* 重置界面 */
+        reset: function() {
+            this.initContainer();
+            this.initData();
+        },
+        /* 向后台拉取图片列表数据 */
+        getImageData: function () {
+            var _this = this;
+
+            if(!_this.listEnd && !this.isLoadingData) {
+                this.isLoadingData = true;
+                var url = editor.getActionUrl(editor.getOpt('imageManagerActionName')),
+                    isJsonp = utils.isCrossDomainUrl(url);
+                ajax.request(url, {
+                    'timeout': 100000,
+                    'dataType': isJsonp ? 'jsonp':'',
+                    'data': utils.extend({
+                            start: this.listIndex,
+                            size: this.listSize
+                        }, editor.queryCommandValue('serverparam')),
+                    'method': 'get',
+                    'onsuccess': function (r) {
+                        try {
+                            var json = isJsonp ? r:eval('(' + r.responseText + ')');
+                            if (json.state == 'SUCCESS') {
+                                _this.pushData(json.list);
+                                _this.listIndex = parseInt(json.start) + parseInt(json.list.length);
+                                if(_this.listIndex >= json.total) {
+                                    _this.listEnd = true;
+                                }
+                                _this.isLoadingData = false;
+                            }
+                        } catch (e) {
+                            if(r.responseText.indexOf('ue_separate_ue') != -1) {
+                                var list = r.responseText.split(r.responseText);
+                                _this.pushData(list);
+                                _this.listIndex = parseInt(list.length);
+                                _this.listEnd = true;
+                                _this.isLoadingData = false;
+                            }
+                        }
+                    },
+                    'onerror': function () {
+                        _this.isLoadingData = false;
+                    }
+                });
+            }
+        },
+        /* 添加图片到列表界面上 */
+        pushData: function (list) {
+            var i, item, img, icon, _this = this,
+                urlPrefix = editor.getOpt('imageManagerUrlPrefix');
+            for (i = 0; i < list.length; i++) {
+                if(list[i] && list[i].url) {
+                    item = document.createElement('li');
+                    img = document.createElement('img');
+                    icon = document.createElement('span');
+
+                    domUtils.on(img, 'load', (function(image){
+                        return function(){
+                            _this.scale(image, image.parentNode.offsetWidth, image.parentNode.offsetHeight);
+                        }
+                    })(img));
+                    img.width = 113;
+                    img.setAttribute('src', urlPrefix + list[i].url + (list[i].url.indexOf('?') == -1 ? '?noCache=':'&noCache=') + (+new Date()).toString(36) );
+                    img.setAttribute('_src', urlPrefix + list[i].url);
+                    domUtils.addClass(icon, 'icon');
+
+                    item.appendChild(img);
+                    item.appendChild(icon);
+                    this.list.insertBefore(item, this.clearFloat);
+                }
+            }
+        },
+        /* 改变图片大小 */
+        scale: function (img, w, h, type) {
+            var ow = img.width,
+                oh = img.height;
+
+            if (type == 'justify') {
+                if (ow >= oh) {
+                    img.width = w;
+                    img.height = h * oh / ow;
+                    img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px';
+                } else {
+                    img.width = w * ow / oh;
+                    img.height = h;
+                    img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px';
+                }
+            } else {
+                if (ow >= oh) {
+                    img.width = w * ow / oh;
+                    img.height = h;
+                    img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px';
+                } else {
+                    img.width = w;
+                    img.height = h * oh / ow;
+                    img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px';
+                }
+            }
+        },
+        getInsertList: function () {
+            var i, lis = this.list.children, list = [], align = getAlign();
+            for (i = 0; i < lis.length; i++) {
+                if (domUtils.hasClass(lis[i], 'selected')) {
+                    var img = lis[i].firstChild,
+                        src = img.getAttribute('_src');
+                    list.push({
+                        src: src,
+                        _src: src,
+                        floatStyle: align
+                    });
+                }
+
+            }
+            return list;
+        }
+    };
+
+    dialog.onok = function () {
+        updateBackground();
+        editor.fireEvent('saveScene');
+    };
+    dialog.oncancel = function () {
+        editor.execCommand('background', backupStyle);
+    };
+
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/images/bg.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/images/bg.png
new file mode 100644
index 000000000..580be0a01
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/images/bg.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/images/success.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/images/success.png
new file mode 100644
index 000000000..94f968dc8
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/background/images/success.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/chart.config.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/chart.config.js
new file mode 100644
index 000000000..678b00deb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/chart.config.js
@@ -0,0 +1,65 @@
+/*
+ * 图表配置文件
+ * */
+
+
+//不同类型的配置
+var typeConfig = [
+    {
+        chart: {
+            type: 'line'
+        },
+        plotOptions: {
+            line: {
+                dataLabels: {
+                    enabled: false
+                },
+                enableMouseTracking: true
+            }
+        }
+    }, {
+        chart: {
+            type: 'line'
+        },
+        plotOptions: {
+            line: {
+                dataLabels: {
+                    enabled: true
+                },
+                enableMouseTracking: false
+            }
+        }
+    }, {
+        chart: {
+            type: 'area'
+        }
+    }, {
+        chart: {
+            type: 'bar'
+        }
+    }, {
+        chart: {
+            type: 'column'
+        }
+    }, {
+        chart: {
+            plotBackgroundColor: null,
+            plotBorderWidth: null,
+            plotShadow: false
+        },
+        plotOptions: {
+            pie: {
+                allowPointSelect: true,
+                cursor: 'pointer',
+                dataLabels: {
+                    enabled: true,
+                    color: '#000000',
+                    connectorColor: '#000000',
+                    formatter: function() {
+                        return '<b>'+ this.point.name +'</b>: '+ ( Math.round( this.point.percentage*100 ) / 100 ) +' %';
+                    }
+                }
+            }
+        }
+    }
+];
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/charts.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/charts.css
new file mode 100644
index 000000000..ac3c76458
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/charts.css
@@ -0,0 +1,165 @@
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
+}
+
+.main {
+    width: 100%;
+    overflow: hidden;
+}
+
+.table-view {
+    height: 100%;
+    float: left;
+    margin: 20px;
+    width: 40%;
+}
+
+.table-view .table-container {
+    width: 100%;
+    margin-bottom: 50px;
+    overflow: scroll;
+}
+
+.table-view th {
+    padding: 5px 10px;
+    background-color: #F7F7F7;
+}
+
+.table-view td {
+    width: 50px;
+    text-align: center;
+    padding:0;
+}
+
+.table-container input {
+    width: 40px;
+    padding: 5px;
+    border: none;
+    outline: none;
+}
+
+.table-view caption {
+    font-size: 18px;
+    text-align: left;
+}
+
+.charts-view {
+    /*margin-left: 49%!important;*/
+    width: 50%;
+    margin-left: 49%;
+    height: 400px;
+}
+
+.charts-container {
+    border-left: 1px solid #c3c3c3;
+}
+
+.charts-format fieldset {
+    padding-left: 20px;
+    margin-bottom: 50px;
+}
+
+.charts-format legend {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+.format-item-container {
+    padding: 20px;
+}
+
+.format-item-container label {
+    display: block;
+    margin: 10px 0;
+}
+
+.charts-format .data-item {
+    border: 1px solid black;
+    outline: none;
+    padding: 2px 3px;
+}
+
+/* 图表类型 */
+
+.charts-type {
+    margin-top: 50px;
+    height: 300px;
+}
+
+.scroll-view {
+    border: 1px solid #c3c3c3;
+    border-left: none;
+    border-right: none;
+    overflow: hidden;
+}
+
+.scroll-container {
+    margin: 20px;
+    width: 100%;
+    overflow: hidden;
+}
+
+.scroll-bed {
+    width: 10000px;
+    _margin-top: 20px;
+    -webkit-transition: margin-left .5s ease;
+    -moz-transition: margin-left .5s ease;
+    transition: margin-left .5s ease;
+}
+
+.view-box {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    margin-right: 20px;
+    border: 2px solid white;
+    line-height: 0;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.view-box img {
+    border: 1px solid #cecece;
+}
+
+.view-box.selected {
+    border-color: #7274A7;
+}
+
+.button-container {
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.button-container a {
+    display: inline-block;
+    width: 100px;
+    height: 25px;
+    line-height: 25px;
+    border: 1px solid #c2ccd1;
+    margin-right: 30px;
+    text-decoration: none;
+    color: black;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+}
+
+.button-container a:HOVER {
+    background: #fcfcfc;
+}
+
+.button-container a:ACTIVE {
+    border-top-color: #c2ccd1;
+    box-shadow:inset 0 5px 4px -4px rgba(49, 49, 64, 0.1);
+}
+
+.edui-charts-not-data {
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/charts.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/charts.html
new file mode 100644
index 000000000..70e23149f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/charts.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>chart</title>
+        <meta chartset="utf-8">
+        <link rel="stylesheet" type="text/css" href="charts.css">
+        <script type="text/javascript" src="../internal.js"></script>
+    </head>
+    <body>
+        <div class="main">
+            <div class="table-view">
+                <h3><var id="lang_data_source"></var></h3>
+                <div id="tableContainer" class="table-container"></div>
+                <h3><var id="lang_chart_format"></var></h3>
+                <form name="data-form">
+                    <div class="charts-format">
+                        <fieldset>
+                            <legend><var id="lang_data_align"></var></legend>
+                            <div class="format-item-container">
+                                <label>
+                                    <input type="radio" class="format-ctrl not-pie-item" name="charts-format" value="1" checked="checked">
+                                    <var id="lang_chart_align_same"></var>
+                                </label>
+                                <label>
+                                    <input type="radio" class="format-ctrl not-pie-item" name="charts-format" value="-1">
+                                    <var id="lang_chart_align_reverse"></var>
+                                </label>
+                                <br>
+                            </div>
+                        </fieldset>
+                        <fieldset>
+                            <legend><var id="lang_chart_title"></var></legend>
+                            <div class="format-item-container">
+                                <label>
+                                    <var id="lang_chart_main_title"></var><input type="text" name="title" class="data-item">
+                                </label>
+                                <label>
+                                    <var id="lang_chart_sub_title"></var><input type="text" name="sub-title" class="data-item not-pie-item">
+                                </label>
+                                <label>
+                                    <var id="lang_chart_x_title"></var><input type="text" name="x-title" class="data-item not-pie-item">
+                                </label>
+                                <label>
+                                    <var id="lang_chart_y_title"></var><input type="text" name="y-title" class="data-item not-pie-item">
+                                </label>
+                            </div>
+                        </fieldset>
+                        <fieldset>
+                            <legend><var id="lang_chart_tip"></var></legend>
+                            <div class="format-item-container">
+                                <label>
+                                    <var id="lang_cahrt_tip_prefix"></var>
+                                    <input type="text" id="tipInput" name="tip" class="data-item" disabled="disabled">
+                                </label>
+                                <p><var id="lang_cahrt_tip_description"></var></p>
+                            </div>
+                        </fieldset>
+                        <fieldset>
+                            <legend><var id="lang_chart_data_unit"></var></legend>
+                            <div class="format-item-container">
+                                <label><var id="lang_chart_data_unit_title"></var><input type="text" name="unit" class="data-item"></label>
+                                <p><var id="lang_chart_data_unit_description"></var></p>
+                            </div>
+                        </fieldset>
+                    </div>
+                </form>
+            </div>
+            <div class="charts-view">
+                <div id="chartsContainer" class="charts-container"></div>
+                <div id="chartsType" class="charts-type">
+                    <h3><var id="lang_chart_type"></var></h3>
+                    <div class="scroll-view">
+                        <div class="scroll-container">
+                            <div id="scrollBed" class="scroll-bed"></div>
+                        </div>
+                        <div id="buttonContainer" class="button-container">
+                            <a href="#" data-title="prev"><var id="lang_prev_btn"></var></a>
+                            <a href="#" data-title="next"><var id="lang_next_btn"></var></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <script src="../../third-party/jquery-1.10.2.min.js"></script>
+        <script src="../../third-party/highcharts/highcharts.js"></script>
+        <script src="chart.config.js"></script>
+        <script src="charts.js"></script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/charts.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/charts.js
new file mode 100644
index 000000000..37344fd12
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/charts.js
@@ -0,0 +1,519 @@
+/*
+ * 图片转换对话框脚本
+ **/
+
+var tableData = [],
+    //编辑器页面table
+    editorTable = null,
+    chartsConfig = window.typeConfig,
+    resizeTimer = null,
+    //初始默认图表类型
+    currentChartType = 0;
+
+window.onload = function () {
+
+    editorTable = domUtils.findParentByTagName( editor.selection.getRange().startContainer, 'table', true);
+
+    //未找到表格， 显示错误页面
+    if ( !editorTable ) {
+        document.body.innerHTML = "<div class='edui-charts-not-data'>未找到数据</div>";
+        return;
+    }
+
+    //初始化图表类型选择
+    initChartsTypeView();
+    renderTable( editorTable );
+    initEvent();
+    initUserConfig( editorTable.getAttribute( "data-chart" ) );
+    $( "#scrollBed .view-box:eq("+ currentChartType +")" ).trigger( "click" );
+    updateViewType( currentChartType );
+
+    dialog.addListener( "resize", function () {
+
+        if ( resizeTimer != null ) {
+            window.clearTimeout( resizeTimer );
+        }
+
+        resizeTimer = window.setTimeout( function () {
+
+            resizeTimer = null;
+
+            renderCharts();
+
+        }, 500 );
+
+    } );
+
+};
+
+function initChartsTypeView () {
+
+    var contents = [];
+
+    for ( var i = 0, len = chartsConfig.length; i<len; i++ ) {
+
+        contents.push( '<div class="view-box" data-chart-type="'+ i +'"><img width="300" src="images/charts'+ i +'.png"></div>' );
+
+    }
+
+    $( "#scrollBed" ).html( contents.join( "" ) );
+
+}
+
+//渲染table， 以便用户修改数据
+function renderTable ( table ) {
+
+    var tableHtml = [];
+
+    //构造数据
+    for ( var i = 0, row; row = table.rows[ i ]; i++ ) {
+
+        tableData[ i ] = [];
+        tableHtml[ i ] = [];
+
+        for ( var j = 0, cell; cell = row.cells[ j ]; j++ ) {
+
+            var value = getCellValue( cell );
+
+            if ( i > 0 && j > 0 ) {
+                value = +value;
+            }
+
+            if ( i === 0 || j === 0 ) {
+                tableHtml[ i ].push( '<th>'+ value +'</th>' );
+            } else {
+                tableHtml[ i ].push( '<td><input type="text" class="data-item" value="'+ value +'"></td>' );
+            }
+
+            tableData[ i ][ j ] = value;
+
+        }
+
+        tableHtml[ i ] = tableHtml[ i ].join( "" );
+
+    }
+
+    //draw 表格
+    $( "#tableContainer" ).html( '<table id="showTable" border="1"><tbody><tr>'+ tableHtml.join( "</tr><tr>" ) +'</tr></tbody></table>' );
+
+}
+
+/*
+ * 根据表格已有的图表属性初始化当前图表属性
+ */
+function initUserConfig ( config ) {
+
+    var parsedConfig = {};
+
+    if ( !config ) {
+        return;
+    }
+
+    config = config.split( ";" );
+
+    $.each( config, function ( index, item ) {
+
+        item = item.split( ":" );
+        parsedConfig[ item[ 0 ] ] = item[ 1 ];
+
+    } );
+
+    setUserConfig( parsedConfig );
+
+}
+
+function initEvent () {
+
+    var cacheValue = null,
+        //图表类型数
+        typeViewCount = chartsConfig.length- 1,
+        $chartsTypeViewBox = $( '#scrollBed .view-box' );
+
+    $( ".charts-format" ).delegate( ".format-ctrl", "change", function () {
+
+        renderCharts();
+
+    } )
+
+    $( ".table-view" ).delegate( ".data-item", "focus", function () {
+
+        cacheValue = this.value;
+
+    } ).delegate( ".data-item", "blur", function () {
+
+        if ( this.value !== cacheValue ) {
+            renderCharts();
+        }
+
+        cacheValue = null;
+
+    } );
+
+    $( "#buttonContainer" ).delegate( "a", "click", function (e) {
+
+        e.preventDefault();
+
+        if ( this.getAttribute( "data-title" ) === 'prev' ) {
+
+            if ( currentChartType > 0 ) {
+                currentChartType--;
+                updateViewType( currentChartType );
+            }
+
+        } else {
+
+            if ( currentChartType < typeViewCount ) {
+                currentChartType++;
+                updateViewType( currentChartType );
+            }
+
+        }
+
+    } );
+
+    //图表类型变化
+    $( '#scrollBed' ).delegate( ".view-box", "click", function (e) {
+
+        var index = $( this ).attr( "data-chart-type" );
+        $chartsTypeViewBox.removeClass( "selected" );
+        $( $chartsTypeViewBox[ index ] ).addClass( "selected" );
+
+        currentChartType = index | 0;
+
+        //饼图， 禁用部分配置
+        if ( currentChartType === chartsConfig.length - 1 ) {
+
+            disableNotPieConfig();
+
+        //启用完整配置
+        } else {
+
+            enableNotPieConfig();
+
+        }
+
+        renderCharts();
+
+    } );
+
+}
+
+function renderCharts () {
+
+    var data = collectData();
+
+    $('#chartsContainer').highcharts( $.extend( {}, chartsConfig[ currentChartType ], {
+
+        credits: {
+            enabled: false
+        },
+        exporting: {
+            enabled: false
+        },
+        title: {
+            text: data.title,
+            x: -20 //center
+        },
+        subtitle: {
+            text: data.subTitle,
+            x: -20
+        },
+        xAxis: {
+            title: {
+                text: data.xTitle
+            },
+            categories: data.categories
+        },
+        yAxis: {
+            title: {
+                text: data.yTitle
+            },
+            plotLines: [{
+                value: 0,
+                width: 1,
+                color: '#808080'
+            }]
+        },
+        tooltip: {
+            enabled: true,
+            valueSuffix: data.suffix
+        },
+        legend: {
+            layout: 'vertical',
+            align: 'right',
+            verticalAlign: 'middle',
+            borderWidth: 1
+        },
+        series: data.series
+
+    } ));
+
+}
+
+function updateViewType ( index ) {
+
+    $( "#scrollBed" ).css( 'marginLeft', -index*324+'px' );
+
+}
+
+function collectData () {
+
+    var form = document.forms[ 'data-form' ],
+        data = null;
+
+    if ( currentChartType !== chartsConfig.length - 1 ) {
+
+        data = getSeriesAndCategories();
+        $.extend( data, getUserConfig() );
+
+    //饼图数据格式
+    } else {
+        data = getSeriesForPieChart();
+        data.title = form[ 'title' ].value;
+        data.suffix = form[ 'unit' ].value;
+    }
+
+    return data;
+
+}
+
+/**
+ * 获取用户配置信息
+ */
+function getUserConfig () {
+
+    var form = document.forms[ 'data-form' ],
+        info = {
+            title: form[ 'title' ].value,
+            subTitle: form[ 'sub-title' ].value,
+            xTitle: form[ 'x-title' ].value,
+            yTitle: form[ 'y-title' ].value,
+            suffix: form[ 'unit' ].value,
+            //数据对齐方式
+            tableDataFormat: getTableDataFormat (),
+            //饼图提示文字
+            tip: $( "#tipInput" ).val()
+        };
+
+    return info;
+
+}
+
+function setUserConfig ( config ) {
+
+    var form = document.forms[ 'data-form' ];
+
+    config.title && ( form[ 'title' ].value = config.title );
+    config.subTitle && ( form[ 'sub-title' ].value = config.subTitle );
+    config.xTitle && ( form[ 'x-title' ].value = config.xTitle );
+    config.yTitle && ( form[ 'y-title' ].value = config.yTitle );
+    config.suffix && ( form[ 'unit' ].value = config.suffix );
+    config.dataFormat == "-1" && ( form[ 'charts-format' ][ 1 ].checked = true );
+    config.tip && ( form[ 'tip' ].value = config.tip );
+    currentChartType = config.chartType || 0;
+
+}
+
+function getSeriesAndCategories () {
+
+    var form = document.forms[ 'data-form' ],
+        series = [],
+        categories = [],
+        tmp = [],
+        tableData = getTableData();
+
+    //反转数据
+    if ( getTableDataFormat() === "-1" ) {
+
+        for ( var i = 0, len = tableData.length; i < len; i++ ) {
+
+            for ( var j = 0, jlen = tableData[ i ].length; j < jlen; j++ ) {
+
+                if ( !tmp[ j ] ) {
+                    tmp[ j ] = [];
+                }
+
+                tmp[ j ][ i ] = tableData[ i ][ j ];
+
+            }
+
+        }
+
+        tableData = tmp;
+
+    }
+
+    categories = tableData[0].slice( 1 );
+
+    for ( var i = 1, data; data = tableData[ i ]; i++ ) {
+
+        series.push( {
+            name: data[ 0 ],
+            data: data.slice( 1 )
+        } );
+
+    }
+
+    return {
+        series: series,
+        categories: categories
+    };
+
+}
+
+/*
+ * 获取数据源数据对齐方式
+ */
+function getTableDataFormat () {
+
+    var form = document.forms[ 'data-form' ],
+        items = form['charts-format'];
+
+    return items[ 0 ].checked ? items[ 0 ].value : items[ 1 ].value;
+
+}
+
+/*
+ * 禁用非饼图类型的配置项
+ */
+function disableNotPieConfig() {
+
+    updateConfigItem( 'disable' );
+
+}
+
+/*
+ * 启用非饼图类型的配置项
+ */
+function enableNotPieConfig() {
+
+    updateConfigItem( 'enable' );
+
+}
+
+function updateConfigItem ( value ) {
+
+    var table = $( "#showTable" )[ 0 ],
+        isDisable = value === 'disable' ? true : false;
+
+    //table中的input处理
+    for ( var i = 2 , row; row = table.rows[ i ]; i++ ) {
+
+        for ( var j = 1, cell; cell = row.cells[ j ]; j++ ) {
+
+            $( "input", cell ).attr( "disabled", isDisable );
+
+        }
+
+    }
+
+    //其他项处理
+    $( "input.not-pie-item" ).attr( "disabled", isDisable );
+    $( "#tipInput" ).attr( "disabled", !isDisable )
+
+}
+
+/*
+ * 获取饼图数据
+ * 饼图的数据只取第一行的
+ **/
+function getSeriesForPieChart () {
+
+    var series = {
+            type: 'pie',
+            name: $("#tipInput").val(),
+            data: []
+        },
+        tableData = getTableData();
+
+
+    for ( var j = 1, jlen = tableData[ 0 ].length; j < jlen; j++ ) {
+
+        var title = tableData[ 0 ][ j ],
+            val = tableData[ 1 ][ j ];
+
+        series.data.push( [ title, val ] );
+
+    }
+
+    return {
+        series: [ series ]
+    };
+
+}
+
+function getTableData () {
+
+    var table = document.getElementById( "showTable" ),
+        xCount = table.rows[0].cells.length - 1,
+        values = getTableInputValue();
+
+    for ( var i = 0, value; value = values[ i ]; i++ ) {
+
+        tableData[ Math.floor( i / xCount ) + 1 ][ i % xCount + 1 ] = values[ i ];
+
+    }
+
+    return tableData;
+
+}
+
+function getTableInputValue () {
+
+    var table = document.getElementById( "showTable" ),
+        inputs = table.getElementsByTagName( "input" ),
+        values = [];
+
+    for ( var i = 0, input; input = inputs[ i ]; i++ ) {
+        values.push( input.value | 0 );
+    }
+
+    return values;
+
+}
+
+function getCellValue ( cell ) {
+
+    var value = utils.trim( ( cell.innerText || cell.textContent || '' ) );
+
+    return value.replace( new RegExp( UE.dom.domUtils.fillChar, 'g' ), '' ).replace( /^\s+|\s+$/g, '' );
+
+}
+
+
+//dialog确认事件
+dialog.onok = function () {
+
+    //收集信息
+    var form = document.forms[ 'data-form' ],
+        info = getUserConfig();
+
+    //添加图表类型
+    info.chartType = currentChartType;
+
+    //同步表格数据到编辑器
+    syncTableData();
+
+    //执行图表命令
+    editor.execCommand( 'charts', info );
+
+};
+
+/*
+ * 同步图表编辑视图的表格数据到编辑器里的原始表格
+ */
+function syncTableData () {
+
+    var tableData = getTableData();
+
+    for ( var i = 1, row; row = editorTable.rows[ i ]; i++ ) {
+
+        for ( var j = 1, cell; cell = row.cells[ j ]; j++ ) {
+
+            cell.innerHTML = tableData[ i ] [ j ];
+
+        }
+
+    }
+
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts0.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts0.png
new file mode 100644
index 000000000..9485e5ed8
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts0.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts1.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts1.png
new file mode 100644
index 000000000..b5a003928
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts1.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts2.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts2.png
new file mode 100644
index 000000000..7c91a39ff
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts2.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts3.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts3.png
new file mode 100644
index 000000000..a6bc29bfc
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts3.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts4.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts4.png
new file mode 100644
index 000000000..742006adc
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts4.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts5.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts5.png
new file mode 100644
index 000000000..c49a29609
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/charts/images/charts5.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/emotion.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/emotion.css
new file mode 100644
index 000000000..f801105ad
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/emotion.css
@@ -0,0 +1,43 @@
+.jd img{
+    background:transparent url(images/jxface2.gif?v=1.1) no-repeat scroll left top;
+    cursor:pointer;width:35px;height:35px;display:block;
+}
+.pp img{
+    background:transparent url(images/fface.gif?v=1.1) no-repeat scroll left top;
+    cursor:pointer;width:25px;height:25px;display:block;
+}
+.ldw img{
+    background:transparent url(images/wface.gif?v=1.1) no-repeat scroll left top;
+    cursor:pointer;width:35px;height:35px;display:block;
+}
+.tsj img{
+    background:transparent url(images/tface.gif?v=1.1) no-repeat scroll left top;
+    cursor:pointer;width:35px;height:35px;display:block;
+}
+.cat img{
+    background:transparent url(images/cface.gif?v=1.1) no-repeat scroll left top;
+    cursor:pointer;width:35px;height:35px;display:block;
+}
+.bb img{
+    background:transparent url(images/bface.gif?v=1.1) no-repeat scroll left top;
+    cursor:pointer;width:35px;height:35px;display:block;
+}
+.youa img{
+    background:transparent url(images/yface.gif?v=1.1) no-repeat scroll left top;
+    cursor:pointer;width:35px;height:35px;display:block;
+}
+
+.smileytable td {height: 37px;}
+#tabPanel{margin-left:5px;overflow: hidden;}
+#tabContent {float:left;background:#FFFFFF;}
+#tabContent div{display: none;width:480px;overflow:hidden;}
+#tabIconReview.show{left:17px;display:block;}
+.menuFocus{background:#ACCD3C;}
+.menuDefault{background:#FFFFFF;}
+#tabIconReview{position:absolute;left:406px;left:398px \9;top:41px;z-index:65533;width:90px;height:76px;}
+img.review{width:90px;height:76px;border:2px solid #9cb945;background:#FFFFFF;background-position:center;background-repeat:no-repeat;}
+
+.wrapper .tabbody{position:relative;float:left;clear:both;padding:10px;width: 95%;}
+.tabbody table{width: 100%;}
+.tabbody td{border:1px solid #BAC498;}
+.tabbody td span{display: block;zoom:1;padding:0 4px;}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/emotion.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/emotion.html
new file mode 100644
index 000000000..fca08509a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/emotion.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="robots" content="noindex, nofollow"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <link rel="stylesheet" type="text/css" href="emotion.css">
+</head>
+<body>
+<div id="tabPanel" class="wrapper">
+    <div id="tabHeads" class="tabhead">
+        <span><var id="lang_input_choice"></var></span>
+        <span><var id="lang_input_Tuzki"></var></span>
+        <span><var id="lang_input_lvdouwa"></var></span>
+        <span><var id="lang_input_BOBO"></var></span>
+        <span><var id="lang_input_babyCat"></var></span>
+        <span><var id="lang_input_bubble"></var></span>
+        <span><var id="lang_input_youa"></var></span>
+    </div>
+    <div id="tabBodys" class="tabbody">
+        <div id="tab0"></div>
+        <div id="tab1"></div>
+        <div id="tab2"></div>
+        <div id="tab3"></div>
+        <div id="tab4"></div>
+        <div id="tab5"></div>
+        <div id="tab6"></div>
+    </div>
+</div>
+<div id="tabIconReview">
+    <img id='faceReview' class='review' src="../../themes/default/images/spacer.gif"/>
+</div>
+<script type="text/javascript" src="emotion.js"></script>
+<script type="text/javascript">
+    var emotion = {
+        tabNum:7, //切换面板数量
+        SmilmgName:{ tab0:['j_00', 84], tab1:['t_00', 40], tab2:['w_00', 52], tab3:['B_00', 63], tab4:['C_00', 20], tab5:['i_f', 50], tab6:['y_00', 40] }, //图片前缀名
+        imageFolders:{ tab0:'jx2/', tab1:'tsj/', tab2:'ldw/', tab3:'bobo/', tab4:'babycat/', tab5:'face/', tab6:'youa/'}, //图片对应文件夹路径
+        imageCss:{tab0:'jd', tab1:'tsj', tab2:'ldw', tab3:'bb', tab4:'cat', tab5:'pp', tab6:'youa'}, //图片css类名
+        imageCssOffset:{tab0:35, tab1:35, tab2:35, tab3:35, tab4:35, tab5:25, tab6:35}, //图片偏移
+        SmileyInfor:{
+            tab0:['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '打酱油', '俯卧撑', '气愤', '?', '吻', '怒', '胜利', 'HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '微笑', '亲吻', '调皮', '惊恐', '耍酷', '发火', '害羞', '汗水', '大哭', '', '加油', '困', '你NB', '晕倒', '开心', '偷笑', '大哭', '滴汗', '叹气', '超赞', '??', '飞吻', '天使', '撒花', '生气', '被砸', '吓傻', '随意吐'],
+            tab1:['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '摊手', '睡觉', '瘫坐', '无聊', '星星闪', '旋转', '也不行', '郁闷', '正Music', '抓墙', '撞墙至死', '歪头', '戳眼', '飘过', '互相拍砖', '砍死你', '扔桌子', '少林寺', '什么？', '转头', '我爱牛奶', '我踢', '摇晃', '晕厥', '在笼子里', '震荡'],
+            tab2:['大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '我错了', 'money', '气愤', '挑逗', '吻', '怒', '胜利', '委屈', '受伤', '说啥呢？', '闭嘴', '不', '逗你玩儿', '飞吻', '眩晕', '魔法', '我来了', '睡了', '我打', '闭嘴', '打', '打晕了', '刷牙', '爆揍', '炸弹', '倒立', '刮胡子', '邪恶的笑', '不要不要', '爱恋中', '放大仔细看', '偷窥', '超高兴', '晕', '松口气', '我跑', '享受', '修养', '哭', '汗', '啊~', '热烈欢迎', '打酱油', '俯卧撑', '?'],
+            tab3:['HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '泪眼', '流泪', '生气', '吐舌', '喜欢', '旋转', '再见', '抓狂', '汗', '鄙视', '拜', '吐血', '嘘', '打人', '蹦跳', '变脸', '扯肉', '吃To', '吃花', '吹泡泡糖', '大变身', '飞天舞', '回眸', '可怜', '猛抽', '泡泡', '苹果', '亲', '', '骚舞', '烧香', '睡', '套娃娃', '捅捅', '舞倒', '西红柿', '爱慕', '摇', '摇摆', '杂耍', '招财', '被殴', '被球闷', '大惊', '理想', '欧打', '呕吐', '碎', '吐痰'],
+            tab4:['发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '顶', '幸运', '爱心', '躲', '送花', '选择'],
+            tab5:['微笑', '亲吻', '调皮', '惊讶', '耍酷', '发火', '害羞', '汗水', '大哭', '得意', '鄙视', '困', '夸奖', '晕倒', '疑问', '媒婆', '狂吐', '青蛙', '发愁', '亲吻', '', '爱心', '心碎', '玫瑰', '礼物', '哭', '奸笑', '可爱', '得意', '呲牙', '暴汗', '楚楚可怜', '困', '哭', '生气', '惊讶', '口水', '彩虹', '夜空', '太阳', '钱钱', '灯泡', '咖啡', '蛋糕', '音乐', '爱', '胜利', '赞', '鄙视', 'OK'],
+            tab6:['男兜', '女兜', '开心', '乖乖', '偷笑', '大笑', '抽泣', '大哭', '无奈', '滴汗', '叹气', '狂晕', '委屈', '超赞', '??', '疑问', '飞吻', '天使', '撒花', '生气', '被砸', '口水', '泪奔', '吓傻', '吐舌头', '点头', '随意吐', '旋转', '困困', '鄙视', '狂顶', '篮球', '再见', '欢迎光临', '恭喜发财', '稍等', '我在线', '恕不议价', '库房有货', '货在路上']
+        }
+    };
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/emotion.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/emotion.js
new file mode 100644
index 000000000..6e158a913
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/emotion.js
@@ -0,0 +1,186 @@
+window.onload = function () {
+    editor.setOpt({
+        emotionLocalization:false
+    });
+
+    emotion.SmileyPath = editor.options.emotionLocalization === true ? 'images/' : "http://img.baidu.com/hi/";
+    emotion.SmileyBox = createTabList( emotion.tabNum );
+    emotion.tabExist = createArr( emotion.tabNum );
+
+    initImgName();
+    initEvtHandler( "tabHeads" );
+};
+
+function initImgName() {
+    for ( var pro in emotion.SmilmgName ) {
+        var tempName = emotion.SmilmgName[pro],
+                tempBox = emotion.SmileyBox[pro],
+                tempStr = "";
+
+        if ( tempBox.length ) return;
+        for ( var i = 1; i <= tempName[1]; i++ ) {
+            tempStr = tempName[0];
+            if ( i < 10 ) tempStr = tempStr + '0';
+            tempStr = tempStr + i + '.gif';
+            tempBox.push( tempStr );
+        }
+    }
+}
+
+function initEvtHandler( conId ) {
+    var tabHeads = $G( conId );
+    for ( var i = 0, j = 0; i < tabHeads.childNodes.length; i++ ) {
+        var tabObj = tabHeads.childNodes[i];
+        if ( tabObj.nodeType == 1 ) {
+            domUtils.on( tabObj, "click", (function ( index ) {
+                return function () {
+                    switchTab( index );
+                };
+            })( j ) );
+            j++;
+        }
+    }
+    switchTab( 0 );
+    $G( "tabIconReview" ).style.display = 'none';
+}
+
+function InsertSmiley( url, evt ) {
+    var obj = {
+        src:editor.options.emotionLocalization ? editor.options.UEDITOR_HOME_URL + "dialogs/emotion/" + url : url
+    };
+    obj._src = obj.src;
+    editor.execCommand( 'insertimage', obj );
+    if ( !evt.ctrlKey ) {
+        dialog.popup.hide();
+    }
+}
+
+function switchTab( index ) {
+
+    autoHeight( index );
+    if ( emotion.tabExist[index] == 0 ) {
+        emotion.tabExist[index] = 1;
+        createTab( 'tab' + index );
+    }
+    //获取呈现元素句柄数组
+    var tabHeads = $G( "tabHeads" ).getElementsByTagName( "span" ),
+            tabBodys = $G( "tabBodys" ).getElementsByTagName( "div" ),
+            i = 0, L = tabHeads.length;
+    //隐藏所有呈现元素
+    for ( ; i < L; i++ ) {
+        tabHeads[i].className = "";
+        tabBodys[i].style.display = "none";
+    }
+    //显示对应呈现元素
+    tabHeads[index].className = "focus";
+    tabBodys[index].style.display = "block";
+}
+
+function autoHeight( index ) {
+    var iframe = dialog.getDom( "iframe" ),
+            parent = iframe.parentNode.parentNode;
+    switch ( index ) {
+        case 0:
+            iframe.style.height = "380px";
+            parent.style.height = "392px";
+            break;
+        case 1:
+            iframe.style.height = "220px";
+            parent.style.height = "232px";
+            break;
+        case 2:
+            iframe.style.height = "260px";
+            parent.style.height = "272px";
+            break;
+        case 3:
+            iframe.style.height = "300px";
+            parent.style.height = "312px";
+            break;
+        case 4:
+            iframe.style.height = "140px";
+            parent.style.height = "152px";
+            break;
+        case 5:
+            iframe.style.height = "260px";
+            parent.style.height = "272px";
+            break;
+        case 6:
+            iframe.style.height = "230px";
+            parent.style.height = "242px";
+            break;
+        default:
+
+    }
+}
+
+
+function createTab( tabName ) {
+    var faceVersion = "?v=1.1", //版本号
+            tab = $G( tabName ), //获取将要生成的Div句柄
+            imagePath = emotion.SmileyPath + emotion.imageFolders[tabName], //获取显示表情和预览表情的路径
+            positionLine = 11 / 2, //中间数
+            iWidth = iHeight = 35, //图片长宽
+            iColWidth = 3, //表格剩余空间的显示比例
+            tableCss = emotion.imageCss[tabName],
+            cssOffset = emotion.imageCssOffset[tabName],
+            textHTML = ['<table class="smileytable">'],
+            i = 0, imgNum = emotion.SmileyBox[tabName].length, imgColNum = 11, faceImage,
+            sUrl, realUrl, posflag, offset, infor;
+
+    for ( ; i < imgNum; ) {
+        textHTML.push( '<tr>' );
+        for ( var j = 0; j < imgColNum; j++, i++ ) {
+            faceImage = emotion.SmileyBox[tabName][i];
+            if ( faceImage ) {
+                sUrl = imagePath + faceImage + faceVersion;
+                realUrl = imagePath + faceImage;
+                posflag = j < positionLine ? 0 : 1;
+                offset = cssOffset * i * (-1) - 1;
+                infor = emotion.SmileyInfor[tabName][i];
+
+                textHTML.push( '<td  class="' + tableCss + '"   border="1" width="' + iColWidth + '%" style="border-collapse:collapse;" align="center"  bgcolor="transparent" onclick="InsertSmiley(\'' + realUrl.replace( /'/g, "\\'" ) + '\',event)" onmouseover="over(this,\'' + sUrl + '\',\'' + posflag + '\')" onmouseout="out(this)">' );
+                textHTML.push( '<span>' );
+                textHTML.push( '<img  style="background-position:left ' + offset + 'px;" title="' + infor + '" src="' + emotion.SmileyPath + (editor.options.emotionLocalization ? '0.gif" width="' : 'default/0.gif" width="') + iWidth + '" height="' + iHeight + '"></img>' );
+                textHTML.push( '</span>' );
+            } else {
+                textHTML.push( '<td width="' + iColWidth + '%"   bgcolor="#FFFFFF">' );
+            }
+            textHTML.push( '</td>' );
+        }
+        textHTML.push( '</tr>' );
+    }
+    textHTML.push( '</table>' );
+    textHTML = textHTML.join( "" );
+    tab.innerHTML = textHTML;
+}
+
+function over( td, srcPath, posFlag ) {
+    td.style.backgroundColor = "#ACCD3C";
+    $G( 'faceReview' ).style.backgroundImage = "url(" + srcPath + ")";
+    if ( posFlag == 1 ) $G( "tabIconReview" ).className = "show";
+    $G( "tabIconReview" ).style.display = 'block';
+}
+
+function out( td ) {
+    td.style.backgroundColor = "transparent";
+    var tabIconRevew = $G( "tabIconReview" );
+    tabIconRevew.className = "";
+    tabIconRevew.style.display = 'none';
+}
+
+function createTabList( tabNum ) {
+    var obj = {};
+    for ( var i = 0; i < tabNum; i++ ) {
+        obj["tab" + i] = [];
+    }
+    return obj;
+}
+
+function createArr( tabNum ) {
+    var arr = [];
+    for ( var i = 0; i < tabNum; i++ ) {
+        arr[i] = 0;
+    }
+    return arr;
+}
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/0.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/0.gif
new file mode 100644
index 000000000..6964168b9
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/0.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/bface.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/bface.gif
new file mode 100644
index 000000000..14fe618ab
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/bface.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/cface.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/cface.gif
new file mode 100644
index 000000000..bff947f52
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/cface.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/fface.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/fface.gif
new file mode 100644
index 000000000..0d8a6afeb
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/fface.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/jxface2.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/jxface2.gif
new file mode 100644
index 000000000..a959c90f7
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/jxface2.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/neweditor-tab-bg.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/neweditor-tab-bg.png
new file mode 100644
index 000000000..8f398b095
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/neweditor-tab-bg.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/tface.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/tface.gif
new file mode 100644
index 000000000..1354f54b9
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/tface.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/wface.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/wface.gif
new file mode 100644
index 000000000..5667160d8
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/wface.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/yface.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/yface.gif
new file mode 100644
index 000000000..51608be0e
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/emotion/images/yface.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/gmap/gmap.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/gmap/gmap.html
new file mode 100644
index 000000000..c4cbfe69c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/gmap/gmap.html
@@ -0,0 +1,89 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title></title>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        .content{width:530px; height: 350px;margin: 10px auto;}
+        .content table{width: 100%}
+        .content table td{vertical-align: middle;}
+        #address{width:220px;height:21px;background: #FFF;border:1px solid #d7d7d7; line-height: 21px;}
+    </style>
+    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
+</head>
+<body>
+<div class="content">
+    <table>
+        <tr>
+            <td><label for="address"><var id="lang_input_address"></var></label></td>
+            <td><input id="address" type="text" /></td>
+            <td><a id="doSearch" href="javascript:void(0)" class="button"><var id="lang_input_search"></var></a></td>
+        </tr>
+    </table>
+    <div id="container" style="width: 100%; height: 340px;margin: 5px auto; border: 1px solid gray;"></div>
+</div>
+<script type="text/javascript">
+    domUtils.on(window,"load",function(){
+        var map = new google.maps.Map(document.getElementById('container'), {
+                zoom: 3,
+                streetViewControl: false,
+                scaleControl: true,
+                mapTypeId: google.maps.MapTypeId.ROADMAP
+            });
+            var imgcss;
+            var marker = new google.maps.Marker({
+                map: map,
+                draggable: true
+            });
+            function doSearch(){
+                var address = document.getElementById('address').value;
+                var geocoder = new google.maps.Geocoder();
+                geocoder.geocode( { 'address': address}, function (results, status) {
+                    if (status == google.maps.GeocoderStatus.OK) {
+                        var bounds = results[0].geometry.viewport;
+                        map.fitBounds(bounds);
+                        marker.setPosition(results[0].geometry.location);
+                        marker.setTitle(address);
+                    } else alert(lang.searchError);
+                });
+            }
+            $G('address').onkeydown = function (evt){
+                evt = evt || event;
+                if (evt.keyCode == 13) {
+                    doSearch();
+                }
+            };
+            $G("doSearch").onclick = doSearch;
+            dialog.onok = function (){
+                var center = map.getCenter();
+                var point = marker.getPosition();
+                var url = "http://maps.googleapis.com/maps/api/staticmap?center=" + center.lat() + ',' + center.lng() + "&zoom=" + map.zoom + "&size=520x340&maptype=" + map.getMapTypeId() + "&markers=" + point.lat() + ',' + point.lng() + "&sensor=false";
+                editor.execCommand('inserthtml', '<img width="520" height="340" src="' + url + '"' + (imgcss ? ' style="' + imgcss + '"' :'') + '/>');
+            };
+
+            function getPars(str,par){
+                var reg = new RegExp(par+"=((\\d+|[.,])*)","g");
+                return reg.exec(str)[1];
+            }
+            var img = editor.selection.getRange().getClosedNode();
+            if(img && img.src.indexOf("http://maps.googleapis.com/maps/api/staticmap")!=-1){
+                var url = img.getAttribute("src");
+                var centers = getPars(url,"center").split(",");
+                point = new google.maps.LatLng(Number(centers[0]),Number(centers[1]));
+                map.setCenter(point);
+                map.setZoom(Number(getPars(url,"zoom")));
+                centers = getPars(url,"markers").split(",");
+                marker.setPosition(new google.maps.LatLng(Number(centers[0]),Number(centers[1])));
+                imgcss = img.style.cssText;
+            }else{
+                setTimeout(function(){
+                    doSearch();
+                },30)
+            }
+    });
+
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/help/help.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/help/help.css
new file mode 100644
index 000000000..4478475fd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/help/help.css
@@ -0,0 +1,7 @@
+.wrapper{width: 370px;margin: 10px auto;zoom: 1;}
+.tabbody{height: 360px;}
+.tabbody .panel{width:100%;height: 360px;position: absolute;background: #fff;}
+.tabbody .panel h1{font-size:26px;margin: 5px 0 0 5px;}
+.tabbody .panel p{font-size:12px;margin: 5px 0 0 5px;}
+.tabbody table{width:90%;line-height: 20px;margin: 5px 0 0 5px;;}
+.tabbody table thead{font-weight: bold;line-height: 25px;}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/help/help.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/help/help.html
new file mode 100644
index 000000000..9e50060e7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/help/help.html
@@ -0,0 +1,82 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title>帮助</title>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <link rel="stylesheet" type="text/css" href="help.css">
+</head>
+<body>
+<div class="wrapper" id="helptab">
+    <div id="tabHeads" class="tabhead">
+        <span class="focus" tabsrc="about"><var id="lang_input_about"></var></span>
+        <span tabsrc="shortcuts"><var id="lang_input_shortcuts"></var></span>
+    </div>
+    <div id="tabBodys" class="tabbody">
+        <div id="about" class="panel">
+            <h1>UEditor</h1>
+            <p id="version"></p>
+            <p><var id="lang_input_introduction"></var></p>
+        </div>
+        <div id="shortcuts" class="panel">
+            <table>
+                <thead>
+                <tr>
+                    <td><var id="lang_Txt_shortcuts"></var></td>
+                    <td><var id="lang_Txt_func"></var></td>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td>ctrl+b</td>
+                    <td><var id="lang_Txt_bold"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+c</td>
+                    <td><var id="lang_Txt_copy"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+x</td>
+                    <td><var id="lang_Txt_cut"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+v</td>
+                    <td><var id="lang_Txt_Paste"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+y</td>
+                    <td><var id="lang_Txt_undo"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+z</td>
+                    <td><var id="lang_Txt_redo"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+i</td>
+                    <td><var id="lang_Txt_italic"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+u</td>
+                    <td><var id="lang_Txt_underline"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+a</td>
+                    <td><var id="lang_Txt_selectAll"></var></td>
+                </tr>
+                <tr>
+                    <td>shift+enter</td>
+                    <td><var id="lang_Txt_visualEnter"></var></td>
+                </tr>
+                <tr>
+                    <td>alt+z</td>
+                    <td><var id="lang_Txt_fullscreen"></var></td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+<script type="text/javascript" src="help.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/help/help.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/help/help.js
new file mode 100644
index 000000000..9a2272e38
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/help/help.js
@@ -0,0 +1,56 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-9-26
+ * Time: 下午1:06
+ * To change this template use File | Settings | File Templates.
+ */
+/**
+ * tab点击处理事件
+ * @param tabHeads
+ * @param tabBodys
+ * @param obj
+ */
+function clickHandler( tabHeads,tabBodys,obj ) {
+    //head样式更改
+    for ( var k = 0, len = tabHeads.length; k < len; k++ ) {
+        tabHeads[k].className = "";
+    }
+    obj.className = "focus";
+    //body显隐
+    var tabSrc = obj.getAttribute( "tabSrc" );
+    for ( var j = 0, length = tabBodys.length; j < length; j++ ) {
+        var body = tabBodys[j],
+            id = body.getAttribute( "id" );
+        body.onclick = function(){
+            this.style.zoom = 1;
+        };
+        if ( id != tabSrc ) {
+            body.style.zIndex = 1;
+        } else {
+            body.style.zIndex = 200;
+        }
+    }
+
+}
+
+/**
+ * TAB切换
+ * @param tabParentId  tab的父节点ID或者对象本身
+ */
+function switchTab( tabParentId ) {
+    var tabElements = $G( tabParentId ).children,
+        tabHeads = tabElements[0].children,
+        tabBodys = tabElements[1].children;
+
+    for ( var i = 0, length = tabHeads.length; i < length; i++ ) {
+        var head = tabHeads[i];
+        if ( head.className === "focus" )clickHandler(tabHeads,tabBodys, head );
+        head.onclick = function () {
+            clickHandler(tabHeads,tabBodys,this);
+        }
+    }
+}
+switchTab("helptab");
+
+document.getElementById('version').innerHTML = parent.UE.version;
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/image.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/image.css
new file mode 100644
index 000000000..52c2295ef
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/image.css
@@ -0,0 +1,894 @@
+@charset "utf-8";
+/* dialog样式 */
+.wrapper {
+    zoom: 1;
+    width: 630px;
+    *width: 626px;
+    height: 380px;
+    margin: 0 auto;
+    padding: 10px;
+    position: relative;
+    font-family: sans-serif;
+}
+
+/*tab样式框大小*/
+.tabhead {
+    float:left;
+}
+.tabbody {
+    width: 100%;
+    height: 346px;
+    position: relative;
+    clear: both;
+}
+
+.tabbody .panel {
+    position: absolute;
+    width: 0;
+    height: 0;
+    background: #fff;
+    overflow: hidden;
+    display: none;
+}
+
+.tabbody .panel.focus {
+    width: 100%;
+    height: 346px;
+    display: block;
+}
+
+/* 图片对齐方式 */
+.alignBar{
+    float:right;
+    margin-top: 5px;
+    position: relative;
+}
+
+.alignBar .algnLabel{
+    float:left;
+    height: 20px;
+    line-height: 20px;
+}
+
+.alignBar #alignIcon{
+    zoom:1;
+    _display: inline;
+    display: inline-block;
+    position: relative;
+}
+.alignBar #alignIcon span{
+    float: left;
+    cursor: pointer;
+    display: block;
+    width: 19px;
+    height: 17px;
+    margin-right: 3px;
+    margin-left: 3px;
+    background-image: url(./images/alignicon.jpg);
+}
+.alignBar #alignIcon .none-align{
+    background-position: 0 -18px;
+}
+.alignBar #alignIcon .left-align{
+    background-position: -20px -18px;
+}
+.alignBar #alignIcon .right-align{
+    background-position: -40px -18px;
+}
+.alignBar #alignIcon .center-align{
+    background-position: -60px -18px;
+}
+.alignBar #alignIcon .none-align.focus{
+    background-position: 0 0;
+}
+.alignBar #alignIcon .left-align.focus{
+    background-position: -20px 0;
+}
+.alignBar #alignIcon .right-align.focus{
+    background-position: -40px 0;
+}
+.alignBar #alignIcon .center-align.focus{
+    background-position: -60px 0;
+}
+
+
+
+
+/* 远程图片样式 */
+#remote {
+    z-index: 200;
+}
+
+#remote .top{
+    width: 100%;
+    margin-top: 25px;
+}
+#remote .left{
+    display: block;
+    float: left;
+    width: 300px;
+    height:10px;
+}
+#remote .right{
+    display: block;
+    float: right;
+    width: 300px;
+    height:10px;
+}
+#remote .row{
+    margin-left: 20px;
+    clear: both;
+    height: 40px;
+}
+
+#remote .row label{
+    text-align: center;
+    width: 50px;
+    zoom:1;
+    _display: inline;
+    display:inline-block;
+    vertical-align: middle;
+}
+#remote .row label.algnLabel{
+    float: left;
+
+}
+
+#remote input.text{
+    width: 150px;
+    padding: 3px 6px;
+    font-size: 14px;
+    line-height: 1.42857143;
+    color: #555;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+#remote input.text:focus {
+    border-color: #66afe9;
+    outline: 0;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
+}
+#remote #url{
+    width: 500px;
+    margin-bottom: 2px;
+}
+#remote #width,
+#remote #height{
+    width: 20px;
+    margin-left: 2px;
+    margin-right: 2px;
+}
+#remote #border,
+#remote #vhSpace,
+#remote #title{
+    width: 180px;
+    margin-right: 5px;
+}
+#remote #lock{
+}
+#remote #lockicon{
+    zoom: 1;
+    _display:inline;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    background: url("../../themes/default/images/lock.gif") -13px -13px no-repeat;
+    vertical-align: middle;
+}
+#remote #preview{
+    clear: both;
+    width: 260px;
+    height: 240px;
+    z-index: 9999;
+    margin-top: 10px;
+    background-color: #eee;
+    overflow: hidden;
+}
+
+/* 上传图片 */
+.tabbody #upload.panel {
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    position: absolute !important;
+    clip: rect(1px, 1px, 1px, 1px);
+    background: #fff;
+    display: block;
+}
+
+.tabbody #upload.panel.focus {
+    width: 100%;
+    height: 346px;
+    display: block;
+    clip: auto;
+}
+
+#upload .queueList {
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    overflow: hidden;
+}
+
+#upload p {
+    margin: 0;
+}
+
+.element-invisible {
+    width: 0 !important;
+    height: 0 !important;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+    position: absolute !important;
+    clip: rect(1px, 1px, 1px, 1px);
+}
+
+#upload .placeholder {
+    margin: 10px;
+    border: 2px dashed #e6e6e6;
+    *border: 0px dashed #e6e6e6;
+    height: 172px;
+    padding-top: 150px;
+    text-align: center;
+    background: url(./images/image.png) center 70px no-repeat;
+    color: #cccccc;
+    font-size: 18px;
+    position: relative;
+    top:0;
+    *top: 10px;
+}
+
+#upload .placeholder .webuploader-pick {
+    font-size: 18px;
+    background: #00b7ee;
+    border-radius: 3px;
+    line-height: 44px;
+    padding: 0 30px;
+    *width: 120px;
+    color: #fff;
+    display: inline-block;
+    margin: 0 auto 20px auto;
+    cursor: pointer;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+}
+
+#upload .placeholder .webuploader-pick-hover {
+    background: #00a2d4;
+}
+
+
+#filePickerContainer {
+    text-align: center;
+}
+
+#upload .placeholder .flashTip {
+    color: #666666;
+    font-size: 12px;
+    position: absolute;
+    width: 100%;
+    text-align: center;
+    bottom: 20px;
+}
+
+#upload .placeholder .flashTip a {
+    color: #0785d1;
+    text-decoration: none;
+}
+
+#upload .placeholder .flashTip a:hover {
+    text-decoration: underline;
+}
+
+#upload .placeholder.webuploader-dnd-over {
+    border-color: #999999;
+}
+
+#upload .filelist {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: relative;
+    height: 300px;
+}
+
+#upload .filelist:after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    clear: both;
+    position: relative;
+}
+
+#upload .filelist li {
+    width: 113px;
+    height: 113px;
+    background: url(./images/bg.png);
+    text-align: center;
+    margin: 9px 0 0 9px;
+    *margin: 6px 0 0 6px;
+    position: relative;
+    display: block;
+    float: left;
+    overflow: hidden;
+    font-size: 12px;
+}
+
+#upload .filelist li p.log {
+    position: relative;
+    top: -45px;
+}
+
+#upload .filelist li p.title {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    top: 5px;
+    text-indent: 5px;
+    text-align: left;
+}
+
+#upload .filelist li p.progress {
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    height: 8px;
+    overflow: hidden;
+    z-index: 50;
+    margin: 0;
+    border-radius: 0;
+    background: none;
+    -webkit-box-shadow: 0 0 0;
+}
+
+#upload .filelist li p.progress span {
+    display: none;
+    overflow: hidden;
+    width: 0;
+    height: 100%;
+    background: #1483d8 url(./images/progress.png) repeat-x;
+
+    -webit-transition: width 200ms linear;
+    -moz-transition: width 200ms linear;
+    -o-transition: width 200ms linear;
+    -ms-transition: width 200ms linear;
+    transition: width 200ms linear;
+
+    -webkit-animation: progressmove 2s linear infinite;
+    -moz-animation: progressmove 2s linear infinite;
+    -o-animation: progressmove 2s linear infinite;
+    -ms-animation: progressmove 2s linear infinite;
+    animation: progressmove 2s linear infinite;
+
+    -webkit-transform: translateZ(0);
+}
+
+@-webkit-keyframes progressmove {
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 17px 0;
+    }
+}
+
+@-moz-keyframes progressmove {
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 17px 0;
+    }
+}
+
+@keyframes progressmove {
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 17px 0;
+    }
+}
+
+#upload .filelist li p.imgWrap {
+    position: relative;
+    z-index: 2;
+    line-height: 113px;
+    vertical-align: middle;
+    overflow: hidden;
+    width: 113px;
+    height: 113px;
+
+    -webkit-transform-origin: 50% 50%;
+    -moz-transform-origin: 50% 50%;
+    -o-transform-origin: 50% 50%;
+    -ms-transform-origin: 50% 50%;
+    transform-origin: 50% 50%;
+
+    -webit-transition: 200ms ease-out;
+    -moz-transition: 200ms ease-out;
+    -o-transition: 200ms ease-out;
+    -ms-transition: 200ms ease-out;
+    transition: 200ms ease-out;
+}
+
+#upload .filelist li img {
+    width: 100%;
+}
+
+#upload .filelist li p.error {
+    background: #f43838;
+    color: #fff;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 28px;
+    line-height: 28px;
+    width: 100%;
+    z-index: 100;
+    display:none;
+}
+
+#upload .filelist li .success {
+    display: block;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 40px;
+    width: 100%;
+    z-index: 200;
+    background: url(./images/success.png) no-repeat right bottom;
+    background: url(./images/success.gif) no-repeat right bottom \9;
+}
+
+#upload .filelist li.filePickerBlock {
+    width: 113px;
+    height: 113px;
+    background: url(./images/image.png) no-repeat center 12px;
+    border: 1px solid #eeeeee;
+    border-radius: 0;
+}
+#upload .filelist li.filePickerBlock div.webuploader-pick  {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    opacity: 0;
+    background: none;
+    font-size: 0;
+}
+
+#upload .filelist div.file-panel {
+    position: absolute;
+    height: 0;
+    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000') \0;
+    background: rgba(0, 0, 0, 0.5);
+    width: 100%;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    z-index: 300;
+}
+
+#upload .filelist div.file-panel span {
+    width: 24px;
+    height: 24px;
+    display: inline;
+    float: right;
+    text-indent: -9999px;
+    overflow: hidden;
+    background: url(./images/icons.png) no-repeat;
+    background: url(./images/icons.gif) no-repeat \9;
+    margin: 5px 1px 1px;
+    cursor: pointer;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+#upload .filelist div.file-panel span.rotateLeft {
+    display:none;
+    background-position: 0 -24px;
+}
+
+#upload .filelist div.file-panel span.rotateLeft:hover {
+    background-position: 0 0;
+}
+
+#upload .filelist div.file-panel span.rotateRight {
+    display:none;
+    background-position: -24px -24px;
+}
+
+#upload .filelist div.file-panel span.rotateRight:hover {
+    background-position: -24px 0;
+}
+
+#upload .filelist div.file-panel span.cancel {
+    background-position: -48px -24px;
+}
+
+#upload .filelist div.file-panel span.cancel:hover {
+    background-position: -48px 0;
+}
+
+#upload .statusBar {
+    height: 45px;
+    border-bottom: 1px solid #dadada;
+    margin: 0 10px;
+    padding: 0;
+    line-height: 45px;
+    vertical-align: middle;
+    position: relative;
+}
+
+#upload .statusBar .progress {
+    border: 1px solid #1483d8;
+    width: 198px;
+    background: #fff;
+    height: 18px;
+    position: absolute;
+    top: 12px;
+    display: none;
+    text-align: center;
+    line-height: 18px;
+    color: #6dbfff;
+    margin: 0 10px 0 0;
+}
+#upload .statusBar .progress span.percentage {
+    width: 0;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background: #1483d8;
+    position: absolute;
+}
+#upload .statusBar .progress span.text {
+    position: relative;
+    z-index: 10;
+}
+
+#upload .statusBar .info {
+    display: inline-block;
+    font-size: 14px;
+    color: #666666;
+}
+
+#upload .statusBar .btns {
+    position: absolute;
+    top: 7px;
+    right: 0;
+    line-height: 30px;
+}
+
+#filePickerBtn {
+    display: inline-block;
+    float: left;
+}
+#upload .statusBar .btns .webuploader-pick,
+#upload .statusBar .btns .uploadBtn,
+#upload .statusBar .btns .uploadBtn.state-uploading,
+#upload .statusBar .btns .uploadBtn.state-paused {
+    background: #ffffff;
+    border: 1px solid #cfcfcf;
+    color: #565656;
+    padding: 0 18px;
+    display: inline-block;
+    border-radius: 3px;
+    margin-left: 10px;
+    cursor: pointer;
+    font-size: 14px;
+    float: left;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+#upload .statusBar .btns .webuploader-pick-hover,
+#upload .statusBar .btns .uploadBtn:hover,
+#upload .statusBar .btns .uploadBtn.state-uploading:hover,
+#upload .statusBar .btns .uploadBtn.state-paused:hover {
+    background: #f0f0f0;
+}
+
+#upload .statusBar .btns .uploadBtn,
+#upload .statusBar .btns .uploadBtn.state-paused{
+    background: #00b7ee;
+    color: #fff;
+    border-color: transparent;
+}
+#upload .statusBar .btns .uploadBtn:hover,
+#upload .statusBar .btns .uploadBtn.state-paused:hover{
+    background: #00a2d4;
+}
+
+#upload .statusBar .btns .uploadBtn.disabled {
+    pointer-events: none;
+    filter:alpha(opacity=60);
+    -moz-opacity:0.6;
+    -khtml-opacity: 0.6;
+    opacity: 0.6;
+}
+
+
+
+/* 图片管理样式 */
+#online {
+    width: 100%;
+    height: 336px;
+    padding: 10px 0 0 0;
+}
+#online #imageList{
+    width: 100%;
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: relative;
+}
+#online ul {
+    display: block;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+#online li {
+    float: left;
+    display: block;
+    list-style: none;
+    padding: 0;
+    width: 113px;
+    height: 113px;
+    margin: 0 0 9px 9px;
+    *margin: 0 0 6px 6px;
+    background-color: #eee;
+    overflow: hidden;
+    cursor: pointer;
+    position: relative;
+}
+#online li.clearFloat {
+    float: none;
+    clear: both;
+    display: block;
+    width:0;
+    height:0;
+    margin: 0;
+    padding: 0;
+}
+#online li img {
+    cursor: pointer;
+}
+#online li .icon {
+    cursor: pointer;
+    width: 113px;
+    height: 113px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    border: 0;
+    background-repeat: no-repeat;
+}
+#online li .icon:hover {
+    width: 107px;
+    height: 107px;
+    border: 3px solid #1094fa;
+}
+#online li.selected .icon {
+    background-image: url(images/success.png);
+    background-image: url(images/success.gif)\9;
+    background-position: 75px 75px;
+}
+#online li.selected .icon:hover {
+    width: 107px;
+    height: 107px;
+    border: 3px solid #1094fa;
+    background-position: 72px 72px;
+}
+
+
+/* 图片搜索样式 */
+#search .searchBar {
+    width: 100%;
+    height: 30px;
+    margin: 10px 0 5px 0;
+    padding: 0;
+}
+
+#search input.text{
+    width: 150px;
+    padding: 3px 6px;
+    font-size: 14px;
+    line-height: 1.42857143;
+    color: #555;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+#search input.text:focus {
+    border-color: #66afe9;
+    outline: 0;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
+}
+#search input.searchTxt {
+    margin-left:5px;
+    padding-left: 5px;
+    background: #FFF;
+    width: 300px;
+    *width: 260px;
+    height: 21px;
+    line-height: 21px;
+    float: left;
+    dislay: block;
+}
+
+#search .searchType {
+    width: 65px;
+    height: 28px;
+    padding:0;
+    line-height: 28px;
+    border: 1px solid #d7d7d7;
+    border-radius: 0;
+    vertical-align: top;
+    margin-left: 5px;
+    float: left;
+    dislay: block;
+}
+
+#search #searchBtn,
+#search #searchReset {
+    display: inline-block;
+    margin-bottom: 0;
+    margin-right: 5px;
+    padding: 4px 10px;
+    font-weight: 400;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+    background-image: none;
+    border: 1px solid transparent;
+    white-space: nowrap;
+    font-size: 14px;
+    border-radius: 4px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    vertical-align: top;
+    float: right;
+}
+
+#search #searchBtn {
+    color: white;
+    border-color: #285e8e;
+    background-color: #3b97d7;
+}
+#search #searchReset {
+    color: #333;
+    border-color: #ccc;
+    background-color: #fff;
+}
+#search #searchBtn:hover {
+    background-color: #3276b1;
+}
+#search #searchReset:hover {
+    background-color: #eee;
+}
+
+#search .msg {
+    margin-left: 5px;
+}
+
+#search .searchList{
+    width: 100%;
+    height: 300px;
+    overflow: hidden;
+    clear: both;
+}
+#search .searchList ul{
+    margin:0;
+    padding:0;
+    list-style:none;
+    clear: both;
+    width: 100%;
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    zoom: 1;
+    position: relative;
+}
+
+#search .searchList li {
+    list-style:none;
+    float: left;
+    display: block;
+    width: 115px;
+    margin: 5px 10px 5px 20px;
+    *margin: 5px 10px 5px 15px;
+    padding:0;
+    font-size: 12px;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+    position: relative;
+    vertical-align: top;
+    text-align: center;
+    overflow: hidden;
+    cursor: pointer;
+    filter: alpha(Opacity=100);
+    -moz-opacity: 1;
+    opacity: 1;
+    border: 2px solid #eee;
+}
+
+#search .searchList li.selected {
+    filter: alpha(Opacity=40);
+    -moz-opacity: 0.4;
+    opacity: 0.4;
+    border: 2px solid #00a0e9;
+}
+
+#search .searchList li p {
+    background-color: #eee;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    width:100%;
+    height:115px;
+    overflow: hidden;
+}
+
+#search .searchList li p img {
+    cursor: pointer;
+    border: 0;
+}
+
+#search .searchList li a {
+    color: #999;
+    border-top: 1px solid #F2F2F2;
+    background: #FAFAFA;
+    text-align: center;
+    display: block;
+    padding: 0 5px;
+    width: 105px;
+    height:32px;
+    line-height:32px;
+    white-space:nowrap;
+    text-overflow:ellipsis;
+    text-decoration: none;
+    overflow: hidden;
+    word-break: break-all;
+}
+
+#search .searchList a:hover {
+    text-decoration: underline;
+    color: #333;
+}
+#search .searchList .clearFloat{
+    clear: both;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/image.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/image.html
new file mode 100644
index 000000000..08ca022dd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/image.html
@@ -0,0 +1,120 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>ueditor图片对话框</title>
+    <script type="text/javascript" src="../internal.js"></script>
+
+    <!-- jquery -->
+    <script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script>
+
+    <!-- webuploader -->
+    <script src="../../third-party/webuploader/webuploader.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css">
+
+    <!-- image dialog -->
+    <link rel="stylesheet" href="image.css" type="text/css" />
+</head>
+<body>
+
+    <div class="wrapper">
+        <div id="tabhead" class="tabhead">
+            <span class="tab" data-content-id="remote"><var id="lang_tab_remote"></var></span>
+            <span class="tab focus" data-content-id="upload"><var id="lang_tab_upload"></var></span>
+            <span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span>
+            <span class="tab" data-content-id="search"><var id="lang_tab_search"></var></span>
+        </div>
+        <div class="alignBar">
+            <label class="algnLabel"><var id="lang_input_align"></var></label>
+                    <span id="alignIcon">
+                        <span id="noneAlign" class="none-align focus" data-align="none"></span>
+                        <span id="leftAlign" class="left-align" data-align="left"></span>
+                        <span id="rightAlign" class="right-align" data-align="right"></span>
+                        <span id="centerAlign" class="center-align" data-align="center"></span>
+                    </span>
+            <input id="align" name="align" type="hidden" value="none"/>
+        </div>
+        <div id="tabbody" class="tabbody">
+
+            <!-- 远程图片 -->
+            <div id="remote" class="panel">
+                <div class="top">
+                    <div class="row">
+                        <label for="url"><var id="lang_input_url"></var></label>
+                        <span><input class="text" id="url" type="text"/></span>
+                    </div>
+                </div>
+                <div class="left">
+                    <div class="row">
+                        <label><var id="lang_input_size"></var></label>
+                        <span><var id="lang_input_width">&nbsp;&nbsp;</var><input class="text" type="text" id="width"/>px </span>
+                        <span><var id="lang_input_height">&nbsp;&nbsp;</var><input class="text" type="text" id="height"/>px </span>
+                        <span><input id="lock" type="checkbox" disabled="disabled"><span id="lockicon"></span></span>
+                    </div>
+                    <div class="row">
+                        <label><var id="lang_input_border"></var></label>
+                        <span><input class="text" type="text" id="border"/>px </span>
+                    </div>
+                    <div class="row">
+                        <label><var id="lang_input_vhspace"></var></label>
+                        <span><input class="text" type="text" id="vhSpace"/>px </span>
+                    </div>
+                    <div class="row">
+                        <label><var id="lang_input_title"></var></label>
+                        <span><input class="text" type="text" id="title"/></span>
+                    </div>
+                </div>
+                <div class="right"><div id="preview"></div></div>
+            </div>
+
+            <!-- 上传图片 -->
+            <div id="upload" class="panel focus">
+                <div id="queueList" class="queueList">
+                    <div class="statusBar element-invisible">
+                        <div class="progress">
+                            <span class="text">0%</span>
+                            <span class="percentage"></span>
+                        </div><div class="info"></div>
+                        <div class="btns">
+                            <div id="filePickerBtn"></div>
+                            <div class="uploadBtn"><var id="lang_start_upload"></var></div>
+                        </div>
+                    </div>
+                    <div id="dndArea" class="placeholder">
+                        <div class="filePickerContainer">
+                            <div id="filePickerReady"></div>
+                        </div>
+                    </div>
+                    <ul class="filelist element-invisible">
+                        <li id="filePickerBlock" class="filePickerBlock"></li>
+                    </ul>
+                </div>
+            </div>
+
+            <!-- 在线图片 -->
+            <div id="online" class="panel">
+                <div id="imageList"><var id="lang_imgLoading"></var></div>
+            </div>
+
+            <!-- 搜索图片 -->
+            <div id="search" class="panel">
+                <div class="searchBar">
+                    <input id="searchTxt" class="searchTxt text" type="text" />
+                    <select id="searchType" class="searchType">
+                        <option value="&s=4&z=0"></option>
+                        <option value="&s=1&z=19"></option>
+                        <option value="&s=2&z=0"></option>
+                        <option value="&s=3&z=0"></option>
+                    </select>
+                    <input id="searchReset" type="button"  />
+                    <input id="searchBtn" type="button"  />
+                </div>
+                <div id="searchList" class="searchList"><ul id="searchListUl"></ul></div>
+            </div>
+
+        </div>
+    </div>
+    <script type="text/javascript" src="image.js"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/image.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/image.js
new file mode 100644
index 000000000..dee16bb80
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/image.js
@@ -0,0 +1,1142 @@
+/**
+ * User: Jinqn
+ * Date: 14-04-08
+ * Time: 下午16:34
+ * 上传图片对话框逻辑代码,包括tab: 远程图片/上传图片/在线图片/搜索图片
+ */
+
+(function () {
+
+    var remoteImage,
+        uploadImage,
+        onlineImage,
+        searchImage;
+
+    window.onload = function () {
+        initTabs();
+        initAlign();
+        initButtons();
+    };
+
+    /* 初始化tab标签 */
+    function initTabs() {
+        var tabs = $G('tabhead').children;
+        for (var i = 0; i < tabs.length; i++) {
+            domUtils.on(tabs[i], "click", function (e) {
+                var target = e.target || e.srcElement;
+                setTabFocus(target.getAttribute('data-content-id'));
+            });
+        }
+
+        var img = editor.selection.getRange().getClosedNode();
+        if (img && img.tagName && img.tagName.toLowerCase() == 'img') {
+            setTabFocus('remote');
+        } else {
+            setTabFocus('upload');
+        }
+    }
+
+    /* 初始化tabbody */
+    function setTabFocus(id) {
+        if(!id) return;
+        var i, bodyId, tabs = $G('tabhead').children;
+        for (i = 0; i < tabs.length; i++) {
+            bodyId = tabs[i].getAttribute('data-content-id');
+            if (bodyId == id) {
+                domUtils.addClass(tabs[i], 'focus');
+                domUtils.addClass($G(bodyId), 'focus');
+            } else {
+                domUtils.removeClasses(tabs[i], 'focus');
+                domUtils.removeClasses($G(bodyId), 'focus');
+            }
+        }
+        switch (id) {
+            case 'remote':
+                remoteImage = remoteImage || new RemoteImage();
+                break;
+            case 'upload':
+                setAlign(editor.getOpt('imageInsertAlign'));
+                uploadImage = uploadImage || new UploadImage('queueList');
+                break;
+            case 'online':
+                setAlign(editor.getOpt('imageManagerInsertAlign'));
+                onlineImage = onlineImage || new OnlineImage('imageList');
+                onlineImage.reset();
+                break;
+            case 'search':
+                setAlign(editor.getOpt('imageManagerInsertAlign'));
+                searchImage = searchImage || new SearchImage();
+                break;
+        }
+    }
+
+    /* 初始化onok事件 */
+    function initButtons() {
+
+        dialog.onok = function () {
+            var remote = false, list = [], id, tabs = $G('tabhead').children;
+            for (var i = 0; i < tabs.length; i++) {
+                if (domUtils.hasClass(tabs[i], 'focus')) {
+                    id = tabs[i].getAttribute('data-content-id');
+                    break;
+                }
+            }
+
+            switch (id) {
+                case 'remote':
+                    list = remoteImage.getInsertList();
+                    break;
+                case 'upload':
+                    list = uploadImage.getInsertList();
+                    var count = uploadImage.getQueueCount();
+                    if (count) {
+                        $('.info', '#queueList').html('<span style="color:red;">' + '还有2个未上传文件'.replace(/[\d]/, count) + '</span>');
+                        return false;
+                    }
+                    break;
+                case 'online':
+                    list = onlineImage.getInsertList();
+                    break;
+                case 'search':
+                    list = searchImage.getInsertList();
+                    remote = true;
+                    break;
+            }
+
+            if(list) {
+                editor.execCommand('insertimage', list);
+                remote && editor.fireEvent("catchRemoteImage");
+            }
+        };
+    }
+
+
+    /* 初始化对其方式的点击事件 */
+    function initAlign(){
+        /* 点击align图标 */
+        domUtils.on($G("alignIcon"), 'click', function(e){
+            var target = e.target || e.srcElement;
+            if(target.className && target.className.indexOf('-align') != -1) {
+                setAlign(target.getAttribute('data-align'));
+            }
+        });
+    }
+
+    /* 设置对齐方式 */
+    function setAlign(align){
+        align = align || 'none';
+        var aligns = $G("alignIcon").children;
+        for(i = 0; i < aligns.length; i++){
+            if(aligns[i].getAttribute('data-align') == align) {
+                domUtils.addClass(aligns[i], 'focus');
+                $G("align").value = aligns[i].getAttribute('data-align');
+            } else {
+                domUtils.removeClasses(aligns[i], 'focus');
+            }
+        }
+    }
+    /* 获取对齐方式 */
+    function getAlign(){
+        var align = $G("align").value || 'none';
+        return align == 'none' ? '':align;
+    }
+
+
+    /* 在线图片 */
+    function RemoteImage(target) {
+        this.container = utils.isString(target) ? document.getElementById(target) : target;
+        this.init();
+    }
+    RemoteImage.prototype = {
+        init: function () {
+            this.initContainer();
+            this.initEvents();
+        },
+        initContainer: function () {
+            this.dom = {
+                'url': $G('url'),
+                'width': $G('width'),
+                'height': $G('height'),
+                'border': $G('border'),
+                'vhSpace': $G('vhSpace'),
+                'title': $G('title'),
+                'align': $G('align')
+            };
+            var img = editor.selection.getRange().getClosedNode();
+            if (img) {
+                this.setImage(img);
+            }
+        },
+        initEvents: function () {
+            var _this = this,
+                locker = $G('lock');
+
+            /* 改变url */
+            domUtils.on($G("url"), 'keyup', updatePreview);
+            domUtils.on($G("border"), 'keyup', updatePreview);
+            domUtils.on($G("title"), 'keyup', updatePreview);
+
+            domUtils.on($G("width"), 'keyup', function(){
+                updatePreview();
+                if(locker.checked) {
+                    var proportion =locker.getAttribute('data-proportion');
+                    $G('height').value = Math.round(this.value / proportion);
+                } else {
+                    _this.updateLocker();
+                }
+            });
+            domUtils.on($G("height"), 'keyup', function(){
+                updatePreview();
+                if(locker.checked) {
+                    var proportion =locker.getAttribute('data-proportion');
+                    $G('width').value = Math.round(this.value * proportion);
+                } else {
+                    _this.updateLocker();
+                }
+            });
+            domUtils.on($G("lock"), 'change', function(){
+                var proportion = parseInt($G("width").value) /parseInt($G("height").value);
+                locker.setAttribute('data-proportion', proportion);
+            });
+
+            function updatePreview(){
+                _this.setPreview();
+            }
+        },
+        updateLocker: function(){
+            var width = $G('width').value,
+                height = $G('height').value,
+                locker = $G('lock');
+            if(width && height && width == parseInt(width) && height == parseInt(height)) {
+                locker.disabled = false;
+                locker.title = '';
+            } else {
+                locker.checked = false;
+                locker.disabled = 'disabled';
+                locker.title = lang.remoteLockError;
+            }
+        },
+        setImage: function(img){
+            /* 不是正常的图片 */
+            if (!img.tagName || img.tagName.toLowerCase() != 'img' && !img.getAttribute("src") || !img.src) return;
+
+            var wordImgFlag = img.getAttribute("word_img"),
+                src = wordImgFlag ? wordImgFlag.replace("&amp;", "&") : (img.getAttribute('_src') || img.getAttribute("src", 2).replace("&amp;", "&")),
+                align = editor.queryCommandValue("imageFloat");
+
+            /* 防止onchange事件循环调用 */
+            if (src !== $G("url").value) $G("url").value = src;
+            if(src) {
+                /* 设置表单内容 */
+                $G("width").value = img.width || '';
+                $G("height").value = img.height || '';
+                $G("border").value = img.getAttribute("border") || '0';
+                $G("vhSpace").value = img.getAttribute("vspace") || '0';
+                $G("title").value = img.title || img.alt || '';
+                setAlign(align);
+                this.setPreview();
+                this.updateLocker();
+            }
+        },
+        getData: function(){
+            var data = {};
+            for(var k in this.dom){
+                data[k] = this.dom[k].value;
+            }
+            return data;
+        },
+        setPreview: function(){
+            var url = $G('url').value,
+                ow = parseInt($G('width').value, 10) || 0,
+                oh = parseInt($G('height').value, 10) || 0,
+                border = parseInt($G('border').value, 10) || 0,
+                title = $G('title').value,
+                preview = $G('preview'),
+                width,
+                height;
+
+            url = utils.unhtmlForUrl(url);
+            title = utils.unhtml(title);
+
+            width = ((!ow || !oh) ? preview.offsetWidth:Math.min(ow, preview.offsetWidth));
+            width = width+(border*2) > preview.offsetWidth ? width:(preview.offsetWidth - (border*2));
+            height = (!ow || !oh) ? '':width*oh/ow;
+
+            if(url) {
+                preview.innerHTML = '<img src="' + url + '" width="' + width + '" height="' + height + '" border="' + border + 'px solid #000" title="' + title + '" />';
+            }
+        },
+        getInsertList: function () {
+            var data = this.getData();
+            if(data['url']) {
+                return [{
+                    src: data['url'],
+                    _src: data['url'],
+                    width: data['width'] || '',
+                    height: data['height'] || '',
+                    border: data['border'] || '',
+                    floatStyle: data['align'] || '',
+                    vspace: data['vhSpace'] || '',
+                    title: data['title'] || '',
+                    alt: data['title'] || '',
+                    style: "width:" + data['width'] + "px;height:" + data['height'] + "px;"
+                }];
+            } else {
+                return [];
+            }
+        }
+    };
+
+
+
+    /* 上传图片 */
+    function UploadImage(target) {
+        this.$wrap = target.constructor == String ? $('#' + target) : $(target);
+        this.init();
+    }
+    UploadImage.prototype = {
+        init: function () {
+            this.imageList = [];
+            this.initContainer();
+            this.initUploader();
+        },
+        initContainer: function () {
+            this.$queue = this.$wrap.find('.filelist');
+        },
+        /* 初始化容器 */
+        initUploader: function () {
+            var _this = this,
+                $ = jQuery,    // just in case. Make sure it's not an other libaray.
+                $wrap = _this.$wrap,
+            // 图片容器
+                $queue = $wrap.find('.filelist'),
+            // 状态栏，包括进度和控制按钮
+                $statusBar = $wrap.find('.statusBar'),
+            // 文件总体选择信息。
+                $info = $statusBar.find('.info'),
+            // 上传按钮
+                $upload = $wrap.find('.uploadBtn'),
+            // 上传按钮
+                $filePickerBtn = $wrap.find('.filePickerBtn'),
+            // 上传按钮
+                $filePickerBlock = $wrap.find('.filePickerBlock'),
+            // 没选择文件之前的内容。
+                $placeHolder = $wrap.find('.placeholder'),
+            // 总体进度条
+                $progress = $statusBar.find('.progress').hide(),
+            // 添加的文件数量
+                fileCount = 0,
+            // 添加的文件总大小
+                fileSize = 0,
+            // 优化retina, 在retina下这个值是2
+                ratio = window.devicePixelRatio || 1,
+            // 缩略图大小
+                thumbnailWidth = 113 * ratio,
+                thumbnailHeight = 113 * ratio,
+            // 可能有pedding, ready, uploading, confirm, done.
+                state = '',
+            // 所有文件的进度信息，key为file id
+                percentages = {},
+                supportTransition = (function () {
+                    var s = document.createElement('p').style,
+                        r = 'transition' in s ||
+                            'WebkitTransition' in s ||
+                            'MozTransition' in s ||
+                            'msTransition' in s ||
+                            'OTransition' in s;
+                    s = null;
+                    return r;
+                })(),
+            // WebUploader实例
+                uploader,
+                actionUrl = editor.getActionUrl(editor.getOpt('imageActionName')),
+                acceptExtensions = (editor.getOpt('imageAllowFiles') || []).join('').replace(/\./g, ',').replace(/^[,]/, ''),
+                imageMaxSize = editor.getOpt('imageMaxSize'),
+                imageCompressBorder = editor.getOpt('imageCompressBorder');
+
+            if (!WebUploader.Uploader.support()) {
+                $('#filePickerReady').after($('<div>').html(lang.errorNotSupport)).hide();
+                return;
+            } else if (!editor.getOpt('imageActionName')) {
+                $('#filePickerReady').after($('<div>').html(lang.errorLoadConfig)).hide();
+                return;
+            }
+
+            uploader = _this.uploader = WebUploader.create({
+                pick: {
+                    id: '#filePickerReady',
+                    label: lang.uploadSelectFile
+                },
+                accept: {
+                    title: 'Images',
+                    extensions: acceptExtensions,
+                    mimeTypes: 'image/*'
+                },
+                swf: '../../third-party/webuploader/Uploader.swf',
+                server: actionUrl,
+                fileVal: editor.getOpt('imageFieldName'),
+                duplicate: true,
+                fileSingleSizeLimit: imageMaxSize,    // 默认 2 M
+                compress: editor.getOpt('imageCompressEnable') ? {
+                    width: imageCompressBorder,
+                    height: imageCompressBorder,
+                    // 图片质量，只有type为`image/jpeg`的时候才有效。
+                    quality: 90,
+                    // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+                    allowMagnify: false,
+                    // 是否允许裁剪。
+                    crop: false,
+                    // 是否保留头部meta信息。
+                    preserveHeaders: true
+                }:false
+            });
+            uploader.addButton({
+                id: '#filePickerBlock'
+            });
+            uploader.addButton({
+                id: '#filePickerBtn',
+                label: lang.uploadAddFile
+            });
+
+            setState('pedding');
+
+            // 当有文件添加进来时执行，负责view的创建
+            function addFile(file) {
+                var $li = $('<li id="' + file.id + '">' +
+                        '<p class="title">' + file.name + '</p>' +
+                        '<p class="imgWrap"></p>' +
+                        '<p class="progress"><span></span></p>' +
+                        '</li>'),
+
+                    $btns = $('<div class="file-panel">' +
+                        '<span class="cancel">' + lang.uploadDelete + '</span>' +
+                        '<span class="rotateRight">' + lang.uploadTurnRight + '</span>' +
+                        '<span class="rotateLeft">' + lang.uploadTurnLeft + '</span></div>').appendTo($li),
+                    $prgress = $li.find('p.progress span'),
+                    $wrap = $li.find('p.imgWrap'),
+                    $info = $('<p class="error"></p>').hide().appendTo($li),
+
+                    showError = function (code) {
+                        switch (code) {
+                            case 'exceed_size':
+                                text = lang.errorExceedSize;
+                                break;
+                            case 'interrupt':
+                                text = lang.errorInterrupt;
+                                break;
+                            case 'http':
+                                text = lang.errorHttp;
+                                break;
+                            case 'not_allow_type':
+                                text = lang.errorFileType;
+                                break;
+                            default:
+                                text = lang.errorUploadRetry;
+                                break;
+                        }
+                        $info.text(text).show();
+                    };
+
+                if (file.getStatus() === 'invalid') {
+                    showError(file.statusText);
+                } else {
+                    $wrap.text(lang.uploadPreview);
+                    if (browser.ie && browser.version <= 7) {
+                        $wrap.text(lang.uploadNoPreview);
+                    } else {
+                        uploader.makeThumb(file, function (error, src) {
+                            if (error || !src) {
+                                $wrap.text(lang.uploadNoPreview);
+                            } else {
+                                var $img = $('<img src="' + src + '">');
+                                $wrap.empty().append($img);
+                                $img.on('error', function () {
+                                    $wrap.text(lang.uploadNoPreview);
+                                });
+                            }
+                        }, thumbnailWidth, thumbnailHeight);
+                    }
+                    percentages[ file.id ] = [ file.size, 0 ];
+                    file.rotation = 0;
+
+                    /* 检查文件格式 */
+                    if (!file.ext || acceptExtensions.indexOf(file.ext.toLowerCase()) == -1) {
+                        showError('not_allow_type');
+                        uploader.removeFile(file);
+                    }
+                }
+
+                file.on('statuschange', function (cur, prev) {
+                    if (prev === 'progress') {
+                        $prgress.hide().width(0);
+                    } else if (prev === 'queued') {
+                        $li.off('mouseenter mouseleave');
+                        $btns.remove();
+                    }
+                    // 成功
+                    if (cur === 'error' || cur === 'invalid') {
+                        showError(file.statusText);
+                        percentages[ file.id ][ 1 ] = 1;
+                    } else if (cur === 'interrupt') {
+                        showError('interrupt');
+                    } else if (cur === 'queued') {
+                        percentages[ file.id ][ 1 ] = 0;
+                    } else if (cur === 'progress') {
+                        $info.hide();
+                        $prgress.css('display', 'block');
+                    } else if (cur === 'complete') {
+                    }
+
+                    $li.removeClass('state-' + prev).addClass('state-' + cur);
+                });
+
+                $li.on('mouseenter', function () {
+                    $btns.stop().animate({height: 30});
+                });
+                $li.on('mouseleave', function () {
+                    $btns.stop().animate({height: 0});
+                });
+
+                $btns.on('click', 'span', function () {
+                    var index = $(this).index(),
+                        deg;
+
+                    switch (index) {
+                        case 0:
+                            uploader.removeFile(file);
+                            return;
+                        case 1:
+                            file.rotation += 90;
+                            break;
+                        case 2:
+                            file.rotation -= 90;
+                            break;
+                    }
+
+                    if (supportTransition) {
+                        deg = 'rotate(' + file.rotation + 'deg)';
+                        $wrap.css({
+                            '-webkit-transform': deg,
+                            '-mos-transform': deg,
+                            '-o-transform': deg,
+                            'transform': deg
+                        });
+                    } else {
+                        $wrap.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + (~~((file.rotation / 90) % 4 + 4) % 4) + ')');
+                    }
+
+                });
+
+                $li.insertBefore($filePickerBlock);
+            }
+
+            // 负责view的销毁
+            function removeFile(file) {
+                var $li = $('#' + file.id);
+                delete percentages[ file.id ];
+                updateTotalProgress();
+                $li.off().find('.file-panel').off().end().remove();
+            }
+
+            function updateTotalProgress() {
+                var loaded = 0,
+                    total = 0,
+                    spans = $progress.children(),
+                    percent;
+
+                $.each(percentages, function (k, v) {
+                    total += v[ 0 ];
+                    loaded += v[ 0 ] * v[ 1 ];
+                });
+
+                percent = total ? loaded / total : 0;
+
+                spans.eq(0).text(Math.round(percent * 100) + '%');
+                spans.eq(1).css('width', Math.round(percent * 100) + '%');
+                updateStatus();
+            }
+
+            function setState(val, files) {
+
+                if (val != state) {
+
+                    var stats = uploader.getStats();
+
+                    $upload.removeClass('state-' + state);
+                    $upload.addClass('state-' + val);
+
+                    switch (val) {
+
+                        /* 未选择文件 */
+                        case 'pedding':
+                            $queue.addClass('element-invisible');
+                            $statusBar.addClass('element-invisible');
+                            $placeHolder.removeClass('element-invisible');
+                            $progress.hide(); $info.hide();
+                            uploader.refresh();
+                            break;
+
+                        /* 可以开始上传 */
+                        case 'ready':
+                            $placeHolder.addClass('element-invisible');
+                            $queue.removeClass('element-invisible');
+                            $statusBar.removeClass('element-invisible');
+                            $progress.hide(); $info.show();
+                            $upload.text(lang.uploadStart);
+                            uploader.refresh();
+                            break;
+
+                        /* 上传中 */
+                        case 'uploading':
+                            $progress.show(); $info.hide();
+                            $upload.text(lang.uploadPause);
+                            break;
+
+                        /* 暂停上传 */
+                        case 'paused':
+                            $progress.show(); $info.hide();
+                            $upload.text(lang.uploadContinue);
+                            break;
+
+                        case 'confirm':
+                            $progress.show(); $info.hide();
+                            $upload.text(lang.uploadStart);
+
+                            stats = uploader.getStats();
+                            if (stats.successNum && !stats.uploadFailNum) {
+                                setState('finish');
+                                return;
+                            }
+                            break;
+
+                        case 'finish':
+                            $progress.hide(); $info.show();
+                            if (stats.uploadFailNum) {
+                                $upload.text(lang.uploadRetry);
+                            } else {
+                                $upload.text(lang.uploadStart);
+                            }
+                            break;
+                    }
+
+                    state = val;
+                    updateStatus();
+
+                }
+
+                if (!_this.getQueueCount()) {
+                    $upload.addClass('disabled')
+                } else {
+                    $upload.removeClass('disabled')
+                }
+
+            }
+
+            function updateStatus() {
+                var text = '', stats;
+
+                if (state === 'ready') {
+                    text = lang.updateStatusReady.replace('_', fileCount).replace('_KB', WebUploader.formatSize(fileSize));
+                } else if (state === 'confirm') {
+                    stats = uploader.getStats();
+                    if (stats.uploadFailNum) {
+                        text = lang.updateStatusConfirm.replace('_', stats.successNum).replace('_', stats.successNum);
+                    }
+                } else {
+                    stats = uploader.getStats();
+                    text = lang.updateStatusFinish.replace('_', fileCount).
+                        replace('_KB', WebUploader.formatSize(fileSize)).
+                        replace('_', stats.successNum);
+
+                    if (stats.uploadFailNum) {
+                        text += lang.updateStatusError.replace('_', stats.uploadFailNum);
+                    }
+                }
+
+                $info.html(text);
+            }
+
+            uploader.on('fileQueued', function (file) {
+                fileCount++;
+                fileSize += file.size;
+
+                if (fileCount === 1) {
+                    $placeHolder.addClass('element-invisible');
+                    $statusBar.show();
+                }
+
+                addFile(file);
+            });
+
+            uploader.on('fileDequeued', function (file) {
+                fileCount--;
+                fileSize -= file.size;
+
+                removeFile(file);
+                updateTotalProgress();
+            });
+
+            uploader.on('filesQueued', function (file) {
+                if (!uploader.isInProgress() && (state == 'pedding' || state == 'finish' || state == 'confirm' || state == 'ready')) {
+                    setState('ready');
+                }
+                updateTotalProgress();
+            });
+
+            uploader.on('all', function (type, files) {
+                switch (type) {
+                    case 'uploadFinished':
+                        setState('confirm', files);
+                        break;
+                    case 'startUpload':
+                        /* 添加额外的GET参数 */
+                        var params = utils.serializeParam(editor.queryCommandValue('serverparam')) || '',
+                            url = utils.formatUrl(actionUrl + (actionUrl.indexOf('?') == -1 ? '?':'&') + 'encode=utf-8&' + params);
+                        uploader.option('server', url);
+                        setState('uploading', files);
+                        break;
+                    case 'stopUpload':
+                        setState('paused', files);
+                        break;
+                }
+            });
+
+            uploader.on('uploadBeforeSend', function (file, data, header) {
+                //这里可以通过data对象添加POST参数
+                header['X_Requested_With'] = 'XMLHttpRequest';
+            });
+
+            uploader.on('uploadProgress', function (file, percentage) {
+                var $li = $('#' + file.id),
+                    $percent = $li.find('.progress span');
+
+                $percent.css('width', percentage * 100 + '%');
+                percentages[ file.id ][ 1 ] = percentage;
+                updateTotalProgress();
+            });
+
+            uploader.on('uploadSuccess', function (file, ret) {
+                var $file = $('#' + file.id);
+                try {
+                    var responseText = (ret._raw || ret),
+                        json = utils.str2json(responseText);
+                    if (json.state == 'SUCCESS') {
+                        _this.imageList.push(json);
+                        $file.append('<span class="success"></span>');
+                    } else {
+                        $file.find('.error').text(json.state).show();
+                    }
+                } catch (e) {
+                    $file.find('.error').text(lang.errorServerUpload).show();
+                }
+            });
+
+            uploader.on('uploadError', function (file, code) {
+            });
+            uploader.on('error', function (code, file) {
+                if (code == 'Q_TYPE_DENIED' || code == 'F_EXCEED_SIZE') {
+                    addFile(file);
+                }
+            });
+            uploader.on('uploadComplete', function (file, ret) {
+            });
+
+            $upload.on('click', function () {
+                if ($(this).hasClass('disabled')) {
+                    return false;
+                }
+
+                if (state === 'ready') {
+                    uploader.upload();
+                } else if (state === 'paused') {
+                    uploader.upload();
+                } else if (state === 'uploading') {
+                    uploader.stop();
+                }
+            });
+
+            $upload.addClass('state-' + state);
+            updateTotalProgress();
+        },
+        getQueueCount: function () {
+            var file, i, status, readyFile = 0, files = this.uploader.getFiles();
+            for (i = 0; file = files[i++]; ) {
+                status = file.getStatus();
+                if (status == 'queued' || status == 'uploading' || status == 'progress') readyFile++;
+            }
+            return readyFile;
+        },
+        destroy: function () {
+            this.$wrap.remove();
+        },
+        getInsertList: function () {
+            var i, data, list = [],
+                align = getAlign(),
+                prefix = editor.getOpt('imageUrlPrefix');
+            for (i = 0; i < this.imageList.length; i++) {
+                data = this.imageList[i];
+                list.push({
+                    src: prefix + data.url,
+                    _src: prefix + data.url,
+                    title: data.title,
+                    alt: data.original,
+                    floatStyle: align
+                });
+            }
+            return list;
+        }
+    };
+
+
+    /* 在线图片 */
+    function OnlineImage(target) {
+        this.container = utils.isString(target) ? document.getElementById(target) : target;
+        this.init();
+    }
+    OnlineImage.prototype = {
+        init: function () {
+            this.reset();
+            this.initEvents();
+        },
+        /* 初始化容器 */
+        initContainer: function () {
+            this.container.innerHTML = '';
+            this.list = document.createElement('ul');
+            this.clearFloat = document.createElement('li');
+
+            domUtils.addClass(this.list, 'list');
+            domUtils.addClass(this.clearFloat, 'clearFloat');
+
+            this.list.appendChild(this.clearFloat);
+            this.container.appendChild(this.list);
+        },
+        /* 初始化滚动事件,滚动到地步自动拉取数据 */
+        initEvents: function () {
+            var _this = this;
+
+            /* 滚动拉取图片 */
+            domUtils.on($G('imageList'), 'scroll', function(e){
+                var panel = this;
+                if (panel.scrollHeight - (panel.offsetHeight + panel.scrollTop) < 10) {
+                    _this.getImageData();
+                }
+            });
+            /* 选中图片 */
+            domUtils.on(this.container, 'click', function (e) {
+                var target = e.target || e.srcElement,
+                    li = target.parentNode;
+
+                if (li.tagName.toLowerCase() == 'li') {
+                    if (domUtils.hasClass(li, 'selected')) {
+                        domUtils.removeClasses(li, 'selected');
+                    } else {
+                        domUtils.addClass(li, 'selected');
+                    }
+                }
+            });
+        },
+        /* 初始化第一次的数据 */
+        initData: function () {
+
+            /* 拉取数据需要使用的值 */
+            this.state = 0;
+            this.listSize = editor.getOpt('imageManagerListSize');
+            this.listIndex = 0;
+            this.listEnd = false;
+
+            /* 第一次拉取数据 */
+            this.getImageData();
+        },
+        /* 重置界面 */
+        reset: function() {
+            this.initContainer();
+            this.initData();
+        },
+        /* 向后台拉取图片列表数据 */
+        getImageData: function () {
+            var _this = this;
+
+            if(!_this.listEnd && !this.isLoadingData) {
+                this.isLoadingData = true;
+                var url = editor.getActionUrl(editor.getOpt('imageManagerActionName')),
+                    isJsonp = utils.isCrossDomainUrl(url);
+                ajax.request(url, {
+                    'timeout': 100000,
+                    'dataType': isJsonp ? 'jsonp':'',
+                    'data': utils.extend({
+                            start: this.listIndex,
+                            size: this.listSize
+                        }, editor.queryCommandValue('serverparam')),
+                    'method': 'get',
+                    'onsuccess': function (r) {
+                        try {
+                            var json = isJsonp ? r:eval('(' + r.responseText + ')');
+                            if (json.state == 'SUCCESS') {
+                                _this.pushData(json.list);
+                                _this.listIndex = parseInt(json.start) + parseInt(json.list.length);
+                                if(_this.listIndex >= json.total) {
+                                    _this.listEnd = true;
+                                }
+                                _this.isLoadingData = false;
+                            }
+                        } catch (e) {
+                            if(r.responseText.indexOf('ue_separate_ue') != -1) {
+                                var list = r.responseText.split(r.responseText);
+                                _this.pushData(list);
+                                _this.listIndex = parseInt(list.length);
+                                _this.listEnd = true;
+                                _this.isLoadingData = false;
+                            }
+                        }
+                    },
+                    'onerror': function () {
+                        _this.isLoadingData = false;
+                    }
+                });
+            }
+        },
+        /* 添加图片到列表界面上 */
+        pushData: function (list) {
+            var i, item, img, icon, _this = this,
+                urlPrefix = editor.getOpt('imageManagerUrlPrefix');
+            for (i = 0; i < list.length; i++) {
+                if(list[i] && list[i].url) {
+                    item = document.createElement('li');
+                    img = document.createElement('img');
+                    icon = document.createElement('span');
+
+                    domUtils.on(img, 'load', (function(image){
+                        return function(){
+                            _this.scale(image, image.parentNode.offsetWidth, image.parentNode.offsetHeight);
+                        }
+                    })(img));
+                    img.width = 113;
+                    img.setAttribute('src', urlPrefix + list[i].url + (list[i].url.indexOf('?') == -1 ? '?noCache=':'&noCache=') + (+new Date()).toString(36) );
+                    img.setAttribute('_src', urlPrefix + list[i].url);
+                    domUtils.addClass(icon, 'icon');
+
+                    item.appendChild(img);
+                    item.appendChild(icon);
+                    this.list.insertBefore(item, this.clearFloat);
+                }
+            }
+        },
+        /* 改变图片大小 */
+        scale: function (img, w, h, type) {
+            var ow = img.width,
+                oh = img.height;
+
+            if (type == 'justify') {
+                if (ow >= oh) {
+                    img.width = w;
+                    img.height = h * oh / ow;
+                    img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px';
+                } else {
+                    img.width = w * ow / oh;
+                    img.height = h;
+                    img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px';
+                }
+            } else {
+                if (ow >= oh) {
+                    img.width = w * ow / oh;
+                    img.height = h;
+                    img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px';
+                } else {
+                    img.width = w;
+                    img.height = h * oh / ow;
+                    img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px';
+                }
+            }
+        },
+        getInsertList: function () {
+            var i, lis = this.list.children, list = [], align = getAlign();
+            for (i = 0; i < lis.length; i++) {
+                if (domUtils.hasClass(lis[i], 'selected')) {
+                    var img = lis[i].firstChild,
+                        src = img.getAttribute('_src');
+                    list.push({
+                        src: src,
+                        _src: src,
+                        alt: src.substr(src.lastIndexOf('/') + 1),
+                        floatStyle: align
+                    });
+                }
+
+            }
+            return list;
+        }
+    };
+
+    /*搜索图片 */
+    function SearchImage() {
+        this.init();
+    }
+    SearchImage.prototype = {
+        init: function () {
+            this.initEvents();
+        },
+        initEvents: function(){
+            var _this = this;
+
+            /* 点击搜索按钮 */
+            domUtils.on($G('searchBtn'), 'click', function(){
+                var key = $G('searchTxt').value;
+                if(key && key != lang.searchRemind) {
+                    _this.getImageData();
+                }
+            });
+            /* 点击清除妞 */
+            domUtils.on($G('searchReset'), 'click', function(){
+                $G('searchTxt').value = lang.searchRemind;
+                $G('searchListUl').innerHTML = '';
+                $G('searchType').selectedIndex = 0;
+            });
+            /* 搜索框聚焦 */
+            domUtils.on($G('searchTxt'), 'focus', function(){
+                var key = $G('searchTxt').value;
+                if(key && key == lang.searchRemind) {
+                    $G('searchTxt').value = '';
+                }
+            });
+            /* 搜索框回车键搜索 */
+            domUtils.on($G('searchTxt'), 'keydown', function(e){
+                var keyCode = e.keyCode || e.which;
+                if (keyCode == 13) {
+                    $G('searchBtn').click();
+                }
+            });
+
+            /* 选中图片 */
+            domUtils.on($G('searchList'), 'click', function(e){
+                var target = e.target || e.srcElement,
+                    li = target.parentNode.parentNode;
+
+                if (li.tagName.toLowerCase() == 'li') {
+                    if (domUtils.hasClass(li, 'selected')) {
+                        domUtils.removeClasses(li, 'selected');
+                    } else {
+                        domUtils.addClass(li, 'selected');
+                    }
+                }
+            });
+        },
+        encodeToGb2312:function (str){
+            if(!str) return '';
+            var strOut = "",
+                z = 'D2BBB6A18140C6DF814181428143CDF2D5C9C8FDC9CFCFC2D8A2B2BBD3EB8144D8A4B3F38145D7A8C7D2D8A7CAC08146C7F0B1FBD2B5B4D4B6ABCBBFD8A9814781488149B6AA814AC1BDD1CF814BC9A5D8AD814CB8F6D1BEE3DCD6D0814D814EB7E1814FB4AE8150C1D98151D8BC8152CDE8B5A4CEAAD6F78153C0F6BED9D8AF815481558156C4CB8157BEC38158D8B1C3B4D2E58159D6AECEDAD5A7BAF5B7A6C0D6815AC6B9C5D2C7C7815BB9D4815CB3CBD2D2815D815ED8BFBEC5C6F2D2B2CFB0CFE7815F816081618162CAE981638164D8C081658166816781688169816AC2F2C2D2816BC8E9816C816D816E816F817081718172817381748175C7AC8176817781788179817A817B817CC1CB817DD3E8D5F9817ECAC2B6FED8A1D3DABFF78180D4C6BBA5D8C1CEE5BEAE81818182D8A88183D1C7D0A9818481858186D8BDD9EFCDF6BFBA8187BDBBBAA5D2E0B2FABAE0C4B68188CFEDBEA9CDA4C1C18189818A818BC7D7D9F1818CD9F4818D818E818F8190C8CBD8E9819181928193D2DACAB2C8CAD8ECD8EAD8C6BDF6C6CDB3F08194D8EBBDF1BDE98195C8D4B4D381968197C2D88198B2D6D7D0CACBCBFBD5CCB8B6CFC98199819A819BD9DAD8F0C7AA819CD8EE819DB4FAC1EED2D4819E819FD8ED81A0D2C7D8EFC3C781A181A281A3D1F681A4D6D9D8F281A5D8F5BCFEBCDB81A681A781A8C8CE81A9B7DD81AAB7C281ABC6F381AC81AD81AE81AF81B081B181B2D8F8D2C181B381B4CEE9BCBFB7FCB7A5D0DD81B581B681B781B881B9D6DAD3C5BBEFBBE1D8F181BA81BBC9A1CEB0B4AB81BCD8F381BDC9CBD8F6C2D7D8F781BE81BFCEB1D8F981C081C181C2B2AEB9C081C3D9A381C4B0E981C5C1E681C6C9EC81C7CBC581C8CBC6D9A481C981CA81CB81CC81CDB5E881CE81CFB5AB81D081D181D281D381D481D5CEBBB5CDD7A1D7F4D3D381D6CCE581D7BACE81D8D9A2D9DCD3E0D8FDB7F0D7F7D8FED8FAD9A1C4E381D981DAD3B6D8F4D9DD81DBD8FB81DCC5E581DD81DEC0D081DF81E0D1F0B0DB81E181E2BCD1D9A681E3D9A581E481E581E681E7D9ACD9AE81E8D9ABCAB981E981EA81EBD9A9D6B681EC81ED81EEB3DED9A881EFC0FD81F0CACC81F1D9AA81F2D9A781F381F4D9B081F581F6B6B181F781F881F9B9A981FAD2C081FB81FCCFC081FD81FEC2C28240BDC4D5ECB2E0C7C8BFEBD9AD8241D9AF8242CEEABAEE82438244824582468247C7D682488249824A824B824C824D824E824F8250B1E3825182528253B4D9B6EDD9B48254825582568257BFA182588259825AD9DEC7CEC0FED9B8825B825C825D825E825FCBD7B7FD8260D9B58261D9B7B1A3D3E1D9B98262D0C58263D9B682648265D9B18266D9B2C1A9D9B382678268BCF3D0DEB8A98269BEE3826AD9BD826B826C826D826ED9BA826FB0B3827082718272D9C28273827482758276827782788279827A827B827C827D827E8280D9C4B1B68281D9BF82828283B5B98284BEF3828582868287CCC8BAF2D2D08288D9C38289828ABDE8828BB3AB828C828D828ED9C5BEEB828FD9C6D9BBC4DF8290D9BED9C1D9C0829182928293829482958296829782988299829A829BD5AE829CD6B5829DC7E3829E829F82A082A1D9C882A282A382A4BCD9D9CA82A582A682A7D9BC82A8D9CBC6AB82A982AA82AB82AC82ADD9C982AE82AF82B082B1D7F682B2CDA382B382B482B582B682B782B882B982BABDA182BB82BC82BD82BE82BF82C0D9CC82C182C282C382C482C582C682C782C882C9C5BCCDB582CA82CB82CCD9CD82CD82CED9C7B3A5BFFE82CF82D082D182D2B8B582D382D4C0FC82D582D682D782D8B0F882D982DA82DB82DC82DD82DE82DF82E082E182E282E382E482E582E682E782E882E982EA82EB82EC82EDB4F682EED9CE82EFD9CFB4A2D9D082F082F1B4DF82F282F382F482F582F6B0C182F782F882F982FA82FB82FC82FDD9D1C9B582FE8340834183428343834483458346834783488349834A834B834C834D834E834F83508351CFF1835283538354835583568357D9D283588359835AC1C5835B835C835D835E835F836083618362836383648365D9D6C9AE8366836783688369D9D5D9D4D9D7836A836B836C836DCBDB836EBDA9836F8370837183728373C6A7837483758376837783788379837A837B837C837DD9D3D9D8837E83808381D9D9838283838384838583868387C8E583888389838A838B838C838D838E838F839083918392839383948395C0DC8396839783988399839A839B839C839D839E839F83A083A183A283A383A483A583A683A783A883A983AA83AB83AC83AD83AE83AF83B083B183B2B6F9D8A3D4CA83B3D4AAD0D6B3E4D5D783B4CFC8B9E283B5BFCB83B6C3E283B783B883B9B6D283BA83BBCDC3D9EED9F083BC83BD83BEB5B383BFB6B583C083C183C283C383C4BEA483C583C6C8EB83C783C8C8AB83C983CAB0CBB9ABC1F9D9E283CBC0BCB9B283CCB9D8D0CBB1F8C6E4BEDFB5E4D7C883CDD1F8BCE6CADE83CE83CFBCBDD9E6D8E783D083D1C4DA83D283D3B8D4C8BD83D483D5B2E1D4D983D683D783D883D9C3B083DA83DBC3E1DAA2C8DF83DCD0B483DDBEFCC5A983DE83DF83E0B9DA83E1DAA383E2D4A9DAA483E383E483E583E683E7D9FBB6AC83E883E9B7EBB1F9D9FCB3E5BEF683EABFF6D2B1C0E483EB83EC83EDB6B3D9FED9FD83EE83EFBEBB83F083F183F2C6E083F3D7BCDAA183F4C1B983F5B5F2C1E883F683F7BCF583F8B4D583F983FA83FB83FC83FD83FE844084418442C1DD8443C4FD84448445BCB8B7B284468447B7EF84488449844A844B844C844DD9EC844EC6BE844FBFADBBCB84508451B5CA8452DBC9D0D78453CDB9B0BCB3F6BBF7DBCABAAF8454D4E4B5B6B5F3D8D6C8D084558456B7D6C7D0D8D78457BFAF84588459DBBBD8D8845A845BD0CCBBAE845C845D845EEBBEC1D0C1F5D4F2B8D5B4B4845FB3F584608461C9BE846284638464C5D0846584668467C5D9C0FB8468B1F08469D8D9B9CE846AB5BD846B846CD8DA846D846ED6C6CBA2C8AFC9B2B4CCBFCC846FB9F48470D8DBD8DCB6E7BCC1CCEA847184728473847484758476CFF78477D8DDC7B084788479B9D0BDA3847A847BCCDE847CC6CA847D847E848084818482D8E08483D8DE84848485D8DF848684878488B0FE8489BEE7848ACAA3BCF4848B848C848D848EB8B1848F8490B8EE849184928493849484958496849784988499849AD8E2849BBDCB849CD8E4D8E3849D849E849F84A084A1C5FC84A284A384A484A584A684A784A8D8E584A984AAD8E684AB84AC84AD84AE84AF84B084B1C1A684B2C8B0B0ECB9A6BCD3CEF1DBBDC1D384B384B484B584B6B6AFD6FAC5ACBDD9DBBEDBBF84B784B884B9C0F8BEA2C0CD84BA84BB84BC84BD84BE84BF84C084C184C284C3DBC0CAC684C484C584C6B2AA84C784C884C9D3C284CAC3E384CBD1AB84CC84CD84CE84CFDBC284D0C0D584D184D284D3DBC384D4BFB184D584D684D784D884D984DAC4BC84DB84DC84DD84DEC7DA84DF84E084E184E284E384E484E584E684E784E884E9DBC484EA84EB84EC84ED84EE84EF84F084F1D9E8C9D784F284F384F4B9B4CEF0D4C884F584F684F784F8B0FCB4D284F9D0D984FA84FB84FC84FDD9E984FEDECBD9EB8540854185428543D8B0BBAFB1B18544B3D7D8CE85458546D4D185478548BDB3BFEF8549CFBB854A854BD8D0854C854D854EB7CB854F85508551D8D185528553855485558556855785588559855A855BC6A5C7F8D2BD855C855DD8D2C4E4855ECAAE855FC7A78560D8A68561C9FDCEE7BBDCB0EB856285638564BBAAD0AD8565B1B0D7E4D7BF8566B5A5C2F4C4CF85678568B2A98569B2B7856AB1E5DFB2D5BCBFA8C2ACD8D5C2B1856BD8D4CED4856CDAE0856DCEC0856E856FD8B4C3AED3A1CEA38570BCB4C8B4C2D18571BEEDD0B68572DAE18573857485758576C7E485778578B3A78579B6F2CCFCC0FA857A857BC0F7857CD1B9D1E1D8C7857D857E85808581858285838584B2DE85858586C0E58587BAF185888589D8C8858AD4AD858B858CCFE1D8C9858DD8CACFC3858EB3F8BEC7858F859085918592D8CB8593859485958596859785988599DBCC859A859B859C859DC8A5859E859F85A0CFD885A1C8FEB2CE85A285A385A485A585A6D3D6B2E6BCB0D3D1CBABB7B485A785A885A9B7A285AA85ABCAE585ACC8A1CADCB1E4D0F085ADC5D185AE85AF85B0DBC5B5FE85B185B2BFDAB9C5BEE4C1ED85B3DFB6DFB5D6BBBDD0D5D9B0C8B6A3BFC9CCA8DFB3CAB7D3D285B4D8CFD2B6BAC5CBBECCBE85B5DFB7B5F0DFB485B685B785B8D3F585B9B3D4B8F785BADFBA85BBBACFBCAAB5F585BCCDACC3FBBAF3C0F4CDC2CFF2DFB8CFC585BDC2C0DFB9C2F085BE85BF85C0BEFD85C1C1DFCDCCD2F7B7CDDFC185C2DFC485C385C4B7F1B0C9B6D6B7D485C5BAACCCFDBFD4CBB1C6F485C6D6A8DFC585C7CEE2B3B385C885C9CEFCB4B585CACEC7BAF085CBCEE185CCD1BD85CD85CEDFC085CF85D0B4F485D1B3CA85D2B8E6DFBB85D385D485D585D6C4C585D7DFBCDFBDDFBEC5BBDFBFDFC2D4B1DFC385D8C7BACED885D985DA85DB85DC85DDC4D885DEDFCA85DFDFCF85E0D6DC85E185E285E385E485E585E685E785E8DFC9DFDACEB685E9BAC7DFCEDFC8C5DE85EA85EBC9EBBAF4C3FC85EC85EDBED785EEDFC685EFDFCD85F0C5D885F185F285F385F4D5A6BACD85F5BECCD3BDB8C085F6D6E485F7DFC7B9BEBFA785F885F9C1FCDFCBDFCC85FADFD085FB85FC85FD85FE8640DFDBDFE58641DFD7DFD6D7C9DFE3DFE4E5EBD2A7DFD28642BFA98643D4DB8644BFC8DFD4864586468647CFCC86488649DFDD864AD1CA864BDFDEB0A7C6B7DFD3864CBAE5864DB6DFCDDBB9FED4D5864E864FDFDFCFECB0A5DFE7DFD1D1C6DFD5DFD8DFD9DFDC8650BBA98651DFE0DFE18652DFE2DFE6DFE8D3B486538654865586568657B8E7C5B6DFEAC9DAC1A8C4C486588659BFDECFF8865A865B865CD5DCDFEE865D865E865F866086618662B2B88663BADFDFEC8664DBC18665D1E48666866786688669CBF4B4BD866AB0A6866B866C866D866E866FDFF1CCC6DFF286708671DFED867286738674867586768677DFE986788679867A867BDFEB867CDFEFDFF0BBBD867D867EDFF386808681DFF48682BBA38683CADBCEA8E0A7B3AA8684E0A6868586868687E0A186888689868A868BDFFE868CCDD9DFFC868DDFFA868EBFD0D7C4868FC9CC86908691DFF8B0A186928693869486958696DFFD869786988699869ADFFBE0A2869B869C869D869E869FE0A886A086A186A286A3B7C886A486A5C6A1C9B6C0B2DFF586A686A7C5BE86A8D8C4DFF9C4F686A986AA86AB86AC86AD86AEE0A3E0A4E0A5D0A586AF86B0E0B4CCE486B1E0B186B2BFA6E0AFCEB9E0ABC9C686B386B4C0AEE0AEBAEDBAB0E0A986B586B686B7DFF686B8E0B386B986BAE0B886BB86BC86BDB4ADE0B986BE86BFCFB2BAC886C0E0B086C186C286C386C486C586C686C7D0FA86C886C986CA86CB86CC86CD86CE86CF86D0E0AC86D1D4FB86D2DFF786D3C5E786D4E0AD86D5D3F786D6E0B6E0B786D786D886D986DA86DBE0C4D0E186DC86DD86DEE0BC86DF86E0E0C9E0CA86E186E286E3E0BEE0AAC9A4E0C186E4E0B286E586E686E786E886E9CAC8E0C386EAE0B586EBCECB86ECCBC3E0CDE0C6E0C286EDE0CB86EEE0BAE0BFE0C086EF86F0E0C586F186F2E0C7E0C886F3E0CC86F4E0BB86F586F686F786F886F9CBD4E0D586FAE0D6E0D286FB86FC86FD86FE87408741E0D0BCCE87428743E0D18744B8C2D8C587458746874787488749874A874B874CD0EA874D874EC2EF874F8750E0CFE0BD875187528753E0D4E0D387548755E0D78756875787588759E0DCE0D8875A875B875CD6F6B3B0875DD7EC875ECBBB875F8760E0DA8761CEFB876287638764BAD987658766876787688769876A876B876C876D876E876F8770E0E1E0DDD2AD87718772877387748775E0E287768777E0DBE0D9E0DF87788779E0E0877A877B877C877D877EE0DE8780E0E4878187828783C6F7D8ACD4EBE0E6CAC98784878587868787E0E587888789878A878BB8C1878C878D878E878FE0E7E0E887908791879287938794879587968797E0E9E0E387988799879A879B879C879D879EBABFCCE7879F87A087A1E0EA87A287A387A487A587A687A787A887A987AA87AB87AC87AD87AE87AF87B0CFF987B187B287B387B487B587B687B787B887B987BA87BBE0EB87BC87BD87BE87BF87C087C187C2C8C287C387C487C587C6BDC087C787C887C987CA87CB87CC87CD87CE87CF87D087D187D287D3C4D287D487D587D687D787D887D987DA87DB87DCE0EC87DD87DEE0ED87DF87E0C7F4CBC487E1E0EEBBD8D8B6D2F2E0EFCDC587E2B6DA87E387E487E587E687E787E8E0F187E9D4B087EA87EBC0A7B4D187EC87EDCEA7E0F087EE87EF87F0E0F2B9CC87F187F2B9FACDBCE0F387F387F487F5C6D4E0F487F6D4B287F7C8A6E0F6E0F587F887F987FA87FB87FC87FD87FE8840884188428843884488458846884788488849E0F7884A884BCDC1884C884D884ECAA5884F885088518852D4DADBD7DBD98853DBD8B9E7DBDCDBDDB5D888548855DBDA8856885788588859885ADBDBB3A1DBDF885B885CBBF8885DD6B7885EDBE0885F886088618862BEF988638864B7BB8865DBD0CCAEBFB2BBB5D7F8BFD38866886788688869886ABFE9886B886CBCE1CCB3DBDEB0D3CEEBB7D8D7B9C6C2886D886EC0A4886FCCB98870DBE7DBE1C6BADBE38871DBE88872C5F7887388748875DBEA88768877DBE9BFC088788879887ADBE6DBE5887B887C887D887E8880B4B9C0ACC2A2DBE2DBE48881888288838884D0CDDBED88858886888788888889C0DDDBF2888A888B888C888D888E888F8890B6E28891889288938894DBF3DBD2B9B8D4ABDBEC8895BFD1DBF08896DBD18897B5E68898DBEBBFE58899889A889BDBEE889CDBF1889D889E889FDBF988A088A188A288A388A488A588A688A788A8B9A1B0A388A988AA88AB88AC88AD88AE88AFC2F188B088B1B3C7DBEF88B288B3DBF888B4C6D2DBF488B588B6DBF5DBF7DBF688B788B8DBFE88B9D3F2B2BA88BA88BB88BCDBFD88BD88BE88BF88C088C188C288C388C4DCA488C5DBFB88C688C788C888C9DBFA88CA88CB88CCDBFCC5E0BBF988CD88CEDCA388CF88D0DCA588D1CCC388D288D388D4B6D1DDC088D588D688D7DCA188D8DCA288D988DA88DBC7B588DC88DD88DEB6E988DF88E088E1DCA788E288E388E488E5DCA688E6DCA9B1A488E788E8B5CC88E988EA88EB88EC88EDBFB088EE88EF88F088F188F2D1DF88F388F488F588F6B6C288F788F888F988FA88FB88FC88FD88FE894089418942894389448945DCA88946894789488949894A894B894CCBFAEBF3894D894E894FCBDC89508951CBFE895289538954CCC189558956895789588959C8FB895A895B895C895D895E895FDCAA89608961896289638964CCEEDCAB89658966896789688969896A896B896C896D896E896F897089718972897389748975DBD38976DCAFDCAC8977BEB38978CAFB8979897A897BDCAD897C897D897E89808981898289838984C9CAC4B989858986898789888989C7BDDCAE898A898B898CD4F6D0E6898D898E898F89908991899289938994C4ABB6D589958996899789988999899A899B899C899D899E899F89A089A189A289A389A489A589A6DBD489A789A889A989AAB1DA89AB89AC89ADDBD589AE89AF89B089B189B289B389B489B589B689B789B8DBD689B989BA89BBBABE89BC89BD89BE89BF89C089C189C289C389C489C589C689C789C889C9C8C089CA89CB89CC89CD89CE89CFCABFC8C989D0D7B389D1C9F989D289D3BFC789D489D5BAF889D689D7D2BC89D889D989DA89DB89DC89DD89DE89DFE2BA89E0B4A689E189E2B1B889E389E489E589E689E7B8B489E8CFC489E989EA89EB89ECD9E7CFA6CDE289ED89EED9EDB6E089EFD2B989F089F1B9BB89F289F389F489F5E2B9E2B789F6B4F389F7CCECCCABB7F289F8D8B2D1EBBABB89F9CAA789FA89FBCDB789FC89FDD2C4BFE4BCD0B6E189FEDEC58A408A418A428A43DEC6DBBC8A44D1D98A458A46C6E6C4CEB7EE8A47B7DC8A488A49BFFCD7E08A4AC6F58A4B8A4CB1BCDEC8BDB1CCD7DECA8A4DDEC98A4E8A4F8A508A518A52B5EC8A53C9DD8A548A55B0C28A568A578A588A598A5A8A5B8A5C8A5D8A5E8A5F8A608A618A62C5AEC5AB8A63C4CC8A64BCE9CBFD8A658A668A67BAC38A688A698A6AE5F9C8E7E5FACDFD8A6BD7B1B8BEC2E88A6CC8D18A6D8A6EE5FB8A6F8A708A718A72B6CABCCB8A738A74D1FDE6A18A75C3EE8A768A778A788A79E6A48A7A8A7B8A7C8A7DE5FEE6A5CDD78A7E8A80B7C1E5FCE5FDE6A38A818A82C4DDE6A88A838A84E6A78A858A868A878A888A898A8AC3C38A8BC6DE8A8C8A8DE6AA8A8E8A8F8A908A918A928A938A94C4B78A958A968A97E6A2CABC8A988A998A9A8A9BBDE3B9C3E6A6D0D5CEAF8A9C8A9DE6A9E6B08A9ED2A68A9FBDAAE6AD8AA08AA18AA28AA38AA4E6AF8AA5C0D18AA68AA7D2CC8AA88AA98AAABCA78AAB8AAC8AAD8AAE8AAF8AB08AB18AB28AB38AB48AB58AB6E6B18AB7D2F68AB88AB98ABAD7CB8ABBCDFE8ABCCDDEC2A6E6ABE6ACBDBFE6AEE6B38ABD8ABEE6B28ABF8AC08AC18AC2E6B68AC3E6B88AC48AC58AC68AC7C4EF8AC88AC98ACAC4C88ACB8ACCBEEAC9EF8ACD8ACEE6B78ACFB6F08AD08AD18AD2C3E48AD38AD48AD58AD68AD78AD88AD9D3E9E6B48ADAE6B58ADBC8A28ADC8ADD8ADE8ADF8AE0E6BD8AE18AE28AE3E6B98AE48AE58AE68AE78AE8C6C58AE98AEACDF1E6BB8AEB8AEC8AED8AEE8AEF8AF08AF18AF28AF38AF4E6BC8AF58AF68AF78AF8BBE98AF98AFA8AFB8AFC8AFD8AFE8B40E6BE8B418B428B438B44E6BA8B458B46C0B78B478B488B498B4A8B4B8B4C8B4D8B4E8B4FD3A4E6BFC9F4E6C38B508B51E6C48B528B538B548B55D0F68B568B578B588B598B5A8B5B8B5C8B5D8B5E8B5F8B608B618B628B638B648B658B668B67C3BD8B688B698B6A8B6B8B6C8B6D8B6EC3C4E6C28B6F8B708B718B728B738B748B758B768B778B788B798B7A8B7B8B7CE6C18B7D8B7E8B808B818B828B838B84E6C7CFB18B85EBF48B868B87E6CA8B888B898B8A8B8B8B8CE6C58B8D8B8EBCDEC9A98B8F8B908B918B928B938B94BCB58B958B96CFD38B978B988B998B9A8B9BE6C88B9CE6C98B9DE6CE8B9EE6D08B9F8BA08BA1E6D18BA28BA38BA4E6CBB5D58BA5E6CC8BA68BA7E6CF8BA88BA9C4DB8BAAE6C68BAB8BAC8BAD8BAE8BAFE6CD8BB08BB18BB28BB38BB48BB58BB68BB78BB88BB98BBA8BBB8BBC8BBD8BBE8BBF8BC08BC18BC28BC38BC48BC58BC6E6D28BC78BC88BC98BCA8BCB8BCC8BCD8BCE8BCF8BD08BD18BD2E6D4E6D38BD38BD48BD58BD68BD78BD88BD98BDA8BDB8BDC8BDD8BDE8BDF8BE08BE18BE28BE38BE48BE58BE68BE78BE88BE98BEA8BEB8BECE6D58BEDD9F88BEE8BEFE6D68BF08BF18BF28BF38BF48BF58BF68BF7E6D78BF88BF98BFA8BFB8BFC8BFD8BFE8C408C418C428C438C448C458C468C47D7D3E6DD8C48E6DEBFD7D4D08C49D7D6B4E6CBEFE6DAD8C3D7CED0A28C4AC3CF8C4B8C4CE6DFBCBEB9C2E6DBD1A78C4D8C4EBAA2C2CF8C4FD8AB8C508C518C52CAEBE5EE8C53E6DC8C54B7F58C558C568C578C58C8E68C598C5AC4F58C5B8C5CE5B2C4FE8C5DCBFCE5B3D5AC8C5ED3EECAD8B0B28C5FCBCECDEA8C608C61BAEA8C628C638C64E5B58C65E5B48C66D7DAB9D9D6E6B6A8CDF0D2CBB1A6CAB58C67B3E8C9F3BFCDD0FBCAD2E5B6BBC28C688C698C6ACFDCB9AC8C6B8C6C8C6D8C6ED4D78C6F8C70BAA6D1E7CFFCBCD28C71E5B7C8DD8C728C738C74BFEDB1F6CBDE8C758C76BCC58C77BCC4D2FAC3DCBFDC8C788C798C7A8C7BB8BB8C7C8C7D8C7EC3C28C80BAAED4A28C818C828C838C848C858C868C878C888C89C7DEC4AFB2EC8C8AB9D18C8B8C8CE5BBC1C88C8D8C8ED5AF8C8F8C908C918C928C93E5BC8C94E5BE8C958C968C978C988C998C9A8C9BB4E7B6D4CBC2D1B0B5BC8C9C8C9DCAD98C9EB7E28C9F8CA0C9E48CA1BDAB8CA28CA3CEBED7F08CA48CA58CA68CA7D0A18CA8C9D98CA98CAAB6FBE6D8BCE28CABB3BE8CACC9D08CADE6D9B3A28CAE8CAF8CB08CB1DECC8CB2D3C8DECD8CB3D2A28CB48CB58CB68CB7DECE8CB88CB98CBA8CBBBECD8CBC8CBDDECF8CBE8CBF8CC0CAACD2FCB3DFE5EAC4E1BEA1CEB2C4F2BED6C6A8B2E38CC18CC2BED38CC38CC4C7FCCCEBBDECCEDD8CC58CC6CABAC6C1E5ECD0BC8CC78CC88CC9D5B98CCA8CCB8CCCE5ED8CCD8CCE8CCF8CD0CAF48CD1CDC0C2C58CD2E5EF8CD3C2C4E5F08CD48CD58CD68CD78CD88CD98CDAE5F8CDCD8CDBC9BD8CDC8CDD8CDE8CDF8CE08CE18CE2D2D9E1A88CE38CE48CE58CE6D3EC8CE7CBEAC6F18CE88CE98CEA8CEB8CECE1AC8CED8CEE8CEFE1A7E1A98CF08CF1E1AAE1AF8CF28CF3B2ED8CF4E1ABB8DAE1ADE1AEE1B0B5BAE1B18CF58CF68CF78CF88CF9E1B3E1B88CFA8CFB8CFC8CFD8CFED1D28D40E1B6E1B5C1EB8D418D428D43E1B78D44D4C08D45E1B28D46E1BAB0B68D478D488D498D4AE1B48D4BBFF98D4CE1B98D4D8D4EE1BB8D4F8D508D518D528D538D54E1BE8D558D568D578D588D598D5AE1BC8D5B8D5C8D5D8D5E8D5F8D60D6C58D618D628D638D648D658D668D67CFBF8D688D69E1BDE1BFC2CD8D6AB6EB8D6BD3F88D6C8D6DC7CD8D6E8D6FB7E58D708D718D728D738D748D758D768D778D788D79BEFE8D7A8D7B8D7C8D7D8D7E8D80E1C0E1C18D818D82E1C7B3E78D838D848D858D868D878D88C6E98D898D8A8D8B8D8C8D8DB4DE8D8ED1C28D8F8D908D918D92E1C88D938D94E1C68D958D968D978D988D99E1C58D9AE1C3E1C28D9BB1C08D9C8D9D8D9ED5B8E1C48D9F8DA08DA18DA28DA3E1CB8DA48DA58DA68DA78DA88DA98DAA8DABE1CCE1CA8DAC8DAD8DAE8DAF8DB08DB18DB28DB3EFFA8DB48DB5E1D3E1D2C7B68DB68DB78DB88DB98DBA8DBB8DBC8DBD8DBE8DBF8DC0E1C98DC18DC2E1CE8DC3E1D08DC48DC58DC68DC78DC88DC98DCA8DCB8DCC8DCD8DCEE1D48DCFE1D1E1CD8DD08DD1E1CF8DD28DD38DD48DD5E1D58DD68DD78DD88DD98DDA8DDB8DDC8DDD8DDE8DDF8DE08DE18DE2E1D68DE38DE48DE58DE68DE78DE88DE98DEA8DEB8DEC8DED8DEE8DEF8DF08DF18DF28DF38DF48DF58DF68DF78DF8E1D78DF98DFA8DFBE1D88DFC8DFD8DFE8E408E418E428E438E448E458E468E478E488E498E4A8E4B8E4C8E4D8E4E8E4F8E508E518E528E538E548E55E1DA8E568E578E588E598E5A8E5B8E5C8E5D8E5E8E5F8E608E618E62E1DB8E638E648E658E668E678E688E69CEA18E6A8E6B8E6C8E6D8E6E8E6F8E708E718E728E738E748E758E76E7DD8E77B4A8D6DD8E788E79D1B2B3B28E7A8E7BB9A4D7F3C7C9BEDEB9AE8E7CCED78E7D8E7EB2EEDBCF8E80BCBAD2D1CBC8B0CD8E818E82CFEF8E838E848E858E868E87D9E3BDED8E888E89B1D2CAD0B2BC8E8ACBA7B7AB8E8BCAA68E8C8E8D8E8ECFA38E8F8E90E0F8D5CAE0FB8E918E92E0FAC5C1CCFB8E93C1B1E0F9D6E3B2AFD6C4B5DB8E948E958E968E978E988E998E9A8E9BB4F8D6A18E9C8E9D8E9E8E9F8EA0CFAFB0EF8EA18EA2E0FC8EA38EA48EA58EA68EA7E1A1B3A38EA88EA9E0FDE0FEC3B18EAA8EAB8EAC8EADC3DD8EAEE1A2B7F98EAF8EB08EB18EB28EB38EB4BBCF8EB58EB68EB78EB88EB98EBA8EBBE1A3C4BB8EBC8EBD8EBE8EBF8EC0E1A48EC18EC2E1A58EC38EC4E1A6B4B18EC58EC68EC78EC88EC98ECA8ECB8ECC8ECD8ECE8ECF8ED08ED18ED28ED3B8C9C6BDC4EA8ED4B2A28ED5D0D28ED6E7DBBBC3D3D7D3C48ED7B9E3E2CF8ED88ED98EDAD7AF8EDBC7ECB1D38EDC8EDDB4B2E2D18EDE8EDF8EE0D0F2C2AEE2D08EE1BFE2D3A6B5D7E2D2B5EA8EE2C3EDB8FD8EE3B8AE8EE4C5D3B7CFE2D48EE58EE68EE78EE8E2D3B6C8D7F98EE98EEA8EEB8EEC8EEDCDA58EEE8EEF8EF08EF18EF2E2D88EF3E2D6CAFCBFB5D3B9E2D58EF48EF58EF68EF7E2D78EF88EF98EFA8EFB8EFC8EFD8EFE8F408F418F42C1AEC0C88F438F448F458F468F478F48E2DBE2DAC0AA8F498F4AC1CE8F4B8F4C8F4D8F4EE2DC8F4F8F508F518F528F538F548F558F568F578F588F598F5AE2DD8F5BE2DE8F5C8F5D8F5E8F5F8F608F618F628F638F64DBC88F65D1D3CDA28F668F67BDA88F688F698F6ADEC3D8A5BFAADBCDD2ECC6FAC5AA8F6B8F6C8F6DDEC48F6EB1D7DFAE8F6F8F708F71CABD8F72DFB18F73B9AD8F74D2FD8F75B8A5BAEB8F768F77B3DA8F788F798F7AB5DCD5C58F7B8F7C8F7D8F7EC3D6CFD2BBA18F80E5F3E5F28F818F82E5F48F83CDE48F84C8F58F858F868F878F888F898F8A8F8BB5AFC7BF8F8CE5F68F8D8F8E8F8FECB08F908F918F928F938F948F958F968F978F988F998F9A8F9B8F9C8F9D8F9EE5E68F9FB9E9B5B18FA0C2BCE5E8E5E7E5E98FA18FA28FA38FA4D2CD8FA58FA68FA7E1EAD0CE8FA8CDAE8FA9D1E58FAA8FABB2CAB1EB8FACB1F2C5ED8FAD8FAED5C3D3B08FAFE1DC8FB08FB18FB2E1DD8FB3D2DB8FB4B3B9B1CB8FB58FB68FB7CDF9D5F7E1DE8FB8BEB6B4FD8FB9E1DFBADCE1E0BBB2C2C9E1E18FBA8FBB8FBCD0EC8FBDCDBD8FBE8FBFE1E28FC0B5C3C5C7E1E38FC18FC2E1E48FC38FC48FC58FC6D3F98FC78FC88FC98FCA8FCB8FCCE1E58FCDD1AD8FCE8FCFE1E6CEA28FD08FD18FD28FD38FD48FD5E1E78FD6B5C28FD78FD88FD98FDAE1E8BBD58FDB8FDC8FDD8FDE8FDFD0C4E2E0B1D8D2E48FE08FE1E2E18FE28FE3BCC9C8CC8FE4E2E3ECFEECFDDFAF8FE58FE68FE7E2E2D6BECDFCC3A68FE88FE98FEAE3C38FEB8FECD6D2E2E78FED8FEEE2E88FEF8FF0D3C78FF18FF2E2ECBFEC8FF3E2EDE2E58FF48FF5B3C08FF68FF78FF8C4EE8FF98FFAE2EE8FFB8FFCD0C38FFDBAF6E2E9B7DEBBB3CCACCBCBE2E4E2E6E2EAE2EB8FFE90409041E2F790429043E2F4D4F5E2F390449045C5AD9046D5FAC5C2B2C090479048E2EF9049E2F2C1AFCBBC904A904BB5A1E2F9904C904D904EBCB1E2F1D0D4D4B9E2F5B9D6E2F6904F90509051C7D390529053905490559056E2F0905790589059905A905BD7DCEDA1905C905DE2F8905EEDA5E2FECAD1905F906090619062906390649065C1B59066BBD090679068BFD69069BAE3906A906BCBA1906C906D906EEDA6EDA3906F9070EDA29071907290739074BBD6EDA7D0F490759076EDA4BADEB6F7E3A1B6B2CCF1B9A79077CFA2C7A190789079BFD2907A907BB6F1907CE2FAE2FBE2FDE2FCC4D5E3A2907DD3C1907E90809081E3A7C7C49082908390849085CFA490869087E3A9BAB790889089908A908BE3A8908CBBDA908DE3A3908E908F9090E3A4E3AA9091E3A69092CEF2D3C690939094BBBC90959096D4C39097C4FA90989099EDA8D0FCE3A5909AC3F5909BE3ADB1AF909CE3B2909D909E909FBCC290A090A1E3ACB5BF90A290A390A490A590A690A790A890A9C7E9E3B090AA90AB90ACBEAACDEF90AD90AE90AF90B090B1BBF390B290B390B4CCE890B590B6E3AF90B7E3B190B8CFA7E3AE90B9CEA9BBDD90BA90BB90BC90BD90BEB5EBBEE5B2D2B3CD90BFB1B9E3ABB2D1B5ACB9DFB6E890C090C1CFEBE3B790C2BBCC90C390C4C8C7D0CA90C590C690C790C890C9E3B8B3EE90CA90CB90CC90CDEDA990CED3FAD3E490CF90D090D1EDAAE3B9D2E290D290D390D490D590D6E3B590D790D890D990DAD3DE90DB90DC90DD90DEB8D0E3B390DF90E0E3B6B7DF90E1E3B4C0A290E290E390E4E3BA90E590E690E790E890E990EA90EB90EC90ED90EE90EF90F090F190F290F390F490F590F690F7D4B890F890F990FA90FB90FC90FD90FE9140B4C89141E3BB9142BBC59143C9F791449145C9E5914691479148C4BD9149914A914B914C914D914E914FEDAB9150915191529153C2FD9154915591569157BBDBBFAE91589159915A915B915C915D915ECEBF915F916091619162E3BC9163BFB6916491659166916791689169916A916B916C916D916E916F9170917191729173917491759176B1EF91779178D4F79179917A917B917C917DE3BE917E9180918191829183918491859186EDAD918791889189918A918B918C918D918E918FE3BFBAA9EDAC91909191E3BD91929193919491959196919791989199919A919BE3C0919C919D919E919F91A091A1BAB691A291A391A4B6AE91A591A691A791A891A9D0B891AAB0C3EDAE91AB91AC91AD91AE91AFEDAFC0C191B0E3C191B191B291B391B491B591B691B791B891B991BA91BB91BC91BD91BE91BF91C091C1C5B391C291C391C491C591C691C791C891C991CA91CB91CC91CD91CE91CFE3C291D091D191D291D391D491D591D691D791D8DCB291D991DA91DB91DC91DD91DEEDB091DFB8EA91E0CEECEAA7D0E7CAF9C8D6CFB7B3C9CED2BDE491E191E2E3DEBBF2EAA8D5BD91E3C6DDEAA991E491E591E6EAAA91E7EAACEAAB91E8EAAEEAAD91E991EA91EB91ECBDD891EDEAAF91EEC2BE91EF91F091F191F2B4C1B4F791F391F4BBA791F591F691F791F891F9ECE6ECE5B7BFCBF9B1E291FAECE791FB91FC91FDC9C8ECE8ECE991FECAD6DED0B2C5D4FA92409241C6CBB0C7B4F2C8D3924292439244CDD092459246BFB8924792489249924A924B924C924DBFDB924E924FC7A4D6B49250C0A9DED1C9A8D1EFC5A4B0E7B3B6C8C592519252B0E292539254B7F692559256C5FA92579258B6F39259D5D2B3D0BCBC925A925B925CB3AD925D925E925F9260BEF1B0D1926192629263926492659266D2D6CAE3D7A59267CDB6B6B6BFB9D5DB9268B8A7C5D79269926A926BDED2BFD9C2D5C7C0926CBBA4B1A8926D926EC5EA926F9270C5FBCCA79271927292739274B1A7927592769277B5D692789279927AC4A8927BDED3D1BAB3E9927CC3F2927D927EB7F79280D6F4B5A3B2F0C4B4C4E9C0ADDED49281B0E8C5C4C1E09282B9D59283BEDCCDD8B0CE9284CDCFDED6BED0D7BEDED5D5D0B0DD92859286C4E292879288C2A3BCF09289D3B5C0B9C5A1B2A6D4F1928A928BC0A8CAC3DED7D5FC928CB9B0928DC8ADCBA9928EDED9BFBD928F929092919292C6B4D7A7CAB0C4C39293B3D6B9D29294929592969297D6B8EAFCB0B492989299929A929BBFE6929C929DCCF4929E929F92A092A1CDDA92A292A392A4D6BFC2CE92A5CECECCA2D0AEC4D3B5B2DED8D5F5BCB7BBD392A692A7B0A492A8C5B2B4EC92A992AA92ABD5F192AC92ADEAFD92AE92AF92B092B192B292B3DEDACDA692B492B5CDEC92B692B792B892B9CEE6DEDC92BACDB1C0A692BB92BCD7BD92BDDEDBB0C6BAB4C9D3C4F3BEE892BE92BF92C092C1B2B692C292C392C492C592C692C792C892C9C0CCCBF092CABCF1BBBBB5B792CB92CC92CDC5F592CEDEE692CF92D092D1DEE3BEDD92D292D3DEDF92D492D592D692D7B4B7BDDD92D892D9DEE0C4ED92DA92DB92DC92DDCFC692DEB5E092DF92E092E192E2B6DECADAB5F4DEE592E3D5C692E4DEE1CCCDC6FE92E5C5C592E692E792E8D2B492E9BEF292EA92EB92EC92ED92EE92EF92F0C2D392F1CCBDB3B892F2BDD392F3BFD8CDC6D1DAB4EB92F4DEE4DEDDDEE792F5EAFE92F692F7C2B0DEE292F892F9D6C0B5A792FAB2F492FBDEE892FCDEF292FD92FE934093419342DEED9343DEF193449345C8E0934693479348D7E1DEEFC3E8CCE19349B2E5934A934B934CD2BE934D934E934F9350935193529353DEEE9354DEEBCED59355B4A79356935793589359935ABFABBEBE935B935CBDD2935D935E935F9360DEE99361D4AE9362DEDE9363DEEA9364936593669367C0BF9368DEECB2F3B8E9C2A79369936ABDC1936B936C936D936E936FDEF5DEF893709371B2ABB4A493729373B4EAC9A6937493759376937793789379DEF6CBD1937AB8E3937BDEF7DEFA937C937D937E9380DEF9938193829383CCC29384B0E1B4EE93859386938793889389938AE5BA938B938C938D938E938FD0AF93909391B2EB9392EBA19393DEF493949395C9E3DEF3B0DAD2A1B1F79396CCAF939793989399939A939B939C939DDEF0939ECBA4939F93A093A1D5AA93A293A393A493A593A6DEFB93A793A893A993AA93AB93AC93AD93AEB4DD93AFC4A693B093B193B2DEFD93B393B493B593B693B793B893B993BA93BB93BCC3FEC4A1DFA193BD93BE93BF93C093C193C293C3C1CC93C4DEFCBEEF93C5C6B293C693C793C893C993CA93CB93CC93CD93CEB3C5C8F693CF93D0CBBADEFE93D193D2DFA493D393D493D593D6D7B293D793D893D993DA93DBB3B793DC93DD93DE93DFC1C393E093E1C7CBB2A5B4E993E2D7AB93E393E493E593E6C4EC93E7DFA2DFA393E8DFA593E9BAB393EA93EB93ECDFA693EDC0DE93EE93EFC9C393F093F193F293F393F493F593F6B2D9C7E693F7DFA793F8C7DC93F993FA93FB93FCDFA8EBA293FD93FE944094419442CBD3944394449445DFAA9446DFA99447B2C194489449944A944B944C944D944E944F9450945194529453945494559456945794589459945A945B945C945D945E945F9460C5CA94619462946394649465946694679468DFAB9469946A946B946C946D946E946F9470D4DC94719472947394749475C8C19476947794789479947A947B947C947D947E948094819482DFAC94839484948594869487BEF094889489DFADD6A7948A948B948C948DEAB7EBB6CAD5948ED8FCB8C4948FB9A594909491B7C5D5FE94929493949494959496B9CA94979498D0A7F4CD9499949AB5D0949B949CC3F4949DBEC8949E949F94A0EBB7B0BD94A194A2BDCC94A3C1B294A4B1D6B3A894A594A694A7B8D2C9A294A894A9B6D894AA94AB94AC94ADEBB8BEB494AE94AF94B0CAFD94B1C7C394B2D5FB94B394B4B7F394B594B694B794B894B994BA94BB94BC94BD94BE94BF94C094C194C294C3CEC494C494C594C6D5ABB1F394C794C894C9ECB3B0DF94CAECB594CB94CC94CDB6B794CEC1CF94CFF5FAD0B194D094D1D5E594D2CED394D394D4BDEFB3E294D5B8AB94D6D5B694D7EDBD94D8B6CF94D9CBB9D0C294DA94DB94DC94DD94DE94DF94E094E1B7BD94E294E3ECB6CAA994E494E594E6C5D494E7ECB9ECB8C2C3ECB794E894E994EA94EBD0FDECBA94ECECBBD7E594ED94EEECBC94EF94F094F1ECBDC6EC94F294F394F494F594F694F794F894F9CEDE94FABCC894FB94FCC8D5B5A9BEC9D6BCD4E794FD94FED1AED0F1EAB8EAB9EABABAB59540954195429543CAB1BFF595449545CDFA9546954795489549954AEAC0954BB0BAEABE954C954DC0A5954E954F9550EABB9551B2FD9552C3F7BBE8955395549555D2D7CEF4EABF955695579558EABC9559955A955BEAC3955CD0C7D3B3955D955E955F9560B4BA9561C3C1D7F29562956395649565D5D19566CAC79567EAC595689569EAC4EAC7EAC6956A956B956C956D956ED6E7956FCFD495709571EACB9572BBCE9573957495759576957795789579BDFAC9CE957A957BEACC957C957DC9B9CFFEEACAD4CEEACDEACF957E9580CDED9581958295839584EAC99585EACE95869587CEEE9588BBDE9589B3BF958A958B958C958D958EC6D5BEB0CEFA958F95909591C7E79592BEA7EAD095939594D6C7959595969597C1C095989599959AD4DD959BEAD1959C959DCFBE959E959F95A095A1EAD295A295A395A495A5CAEE95A695A795A895A9C5AFB0B595AA95AB95AC95AD95AEEAD495AF95B095B195B295B395B495B595B695B7EAD3F4DF95B895B995BA95BB95BCC4BA95BD95BE95BF95C095C1B1A995C295C395C495C5E5DF95C695C795C895C9EAD595CA95CB95CC95CD95CE95CF95D095D195D295D395D495D595D695D795D895D995DA95DB95DC95DD95DE95DF95E095E195E295E3CAEF95E4EAD6EAD7C6D895E595E695E795E895E995EA95EB95ECEAD895ED95EEEAD995EF95F095F195F295F395F4D4BB95F5C7FAD2B7B8FC95F695F7EAC295F8B2DC95F995FAC2FC95FBD4F8CCE6D7EE95FC95FD95FE9640964196429643D4C2D3D0EBC3C5F39644B7FE96459646EBD4964796489649CBB7EBDE964AC0CA964B964C964DCDFB964EB3AF964FC6DA965096519652965396549655EBFC9656C4BE9657CEB4C4A9B1BED4FD9658CAF59659D6EC965A965BC6D3B6E4965C965D965E965FBBFA96609661D0E096629663C9B19664D4D3C8A896659666B8CB9667E8BEC9BC96689669E8BB966AC0EED0D3B2C4B4E5966BE8BC966C966DD5C8966E966F967096719672B6C59673E8BDCAF8B8DCCCF5967496759676C0B496779678D1EEE8BFE8C29679967ABABC967BB1ADBDDC967CEABDE8C3967DE8C6967EE8CB9680968196829683E8CC9684CBC9B0E59685BCAB96869687B9B996889689E8C1968ACDF7968BE8CA968C968D968E968FCEF69690969196929693D5ED9694C1D6E8C49695C3B69696B9FBD6A6E8C8969796989699CAE0D4E6969AE8C0969BE8C5E8C7969CC7B9B7E3969DE8C9969EBFDDE8D2969F96A0E8D796A1E8D5BCDCBCCFE8DB96A296A396A496A596A696A796A896A9E8DE96AAE8DAB1FA96AB96AC96AD96AE96AF96B096B196B296B396B4B0D8C4B3B8CCC6E2C8BEC8E196B596B696B7E8CFE8D4E8D696B8B9F1E8D8D7F596B9C4FB96BAE8DC96BB96BCB2E996BD96BE96BFE8D196C096C1BCED96C296C3BFC2E8CDD6F996C4C1F8B2F196C596C696C796C896C996CA96CB96CCE8DF96CDCAC1E8D996CE96CF96D096D1D5A496D2B1EAD5BBE8CEE8D0B6B0E8D396D3E8DDC0B896D4CAF796D5CBA896D696D7C6DCC0F596D896D996DA96DB96DCE8E996DD96DE96DFD0A396E096E196E296E396E496E596E6E8F2D6EA96E796E896E996EA96EB96EC96EDE8E0E8E196EE96EF96F0D1F9BACBB8F996F196F2B8F1D4D4E8EF96F3E8EEE8ECB9F0CCD2E8E6CEA6BFF296F4B0B8E8F1E8F096F5D7C096F6E8E496F7CDA9C9A396F8BBB8BDDBE8EA96F996FA96FB96FC96FD96FE9740974197429743E8E2E8E3E8E5B5B5E8E7C7C5E8EBE8EDBDB0D7AE9744E8F897459746974797489749974A974B974CE8F5974DCDB0E8F6974E974F9750975197529753975497559756C1BA9757E8E89758C3B7B0F09759975A975B975C975D975E975F9760E8F4976197629763E8F7976497659766B9A3976797689769976A976B976C976D976E976F9770C9D2977197729773C3CECEE0C0E69774977597769777CBF39778CCDDD0B59779977ACAE1977BE8F3977C977D977E9780978197829783978497859786BCEC9787E8F997889789978A978B978C978DC3DE978EC6E5978FB9F79790979197929793B0F497949795D7D897969797BCAC9798C5EF9799979A979B979C979DCCC4979E979FE9A697A097A197A297A397A497A597A697A797A897A9C9AD97AAE9A2C0E297AB97AC97ADBFC397AE97AF97B0E8FEB9D797B1E8FB97B297B397B497B5E9A497B697B797B8D2CE97B997BA97BB97BC97BDE9A397BED6B2D7B597BFE9A797C0BDB797C197C297C397C497C597C697C797C897C997CA97CB97CCE8FCE8FD97CD97CE97CFE9A197D097D197D297D397D497D597D697D7CDD697D897D9D2AC97DA97DB97DCE9B297DD97DE97DF97E0E9A997E197E297E3B4AA97E4B4BB97E597E6E9AB97E797E897E997EA97EB97EC97ED97EE97EF97F097F197F297F397F497F597F697F7D0A897F897F9E9A597FA97FBB3FE97FC97FDE9ACC0E397FEE9AA98409841E9B998429843E9B89844984598469847E9AE98489849E8FA984A984BE9A8984C984D984E984F9850BFACE9B1E9BA98519852C2A5985398549855E9AF9856B8C59857E9AD9858D3DCE9B4E9B5E9B79859985A985BE9C7985C985D985E985F98609861C0C6E9C598629863E9B098649865E9BBB0F19866986798689869986A986B986C986D986E986FE9BCD5A598709871E9BE9872E9BF987398749875E9C198769877C1F198789879C8B6987A987B987CE9BD987D987E988098819882E9C29883988498859886988798889889988AE9C3988BE9B3988CE9B6988DBBB1988E988F9890E9C0989198929893989498959896BCF7989798989899E9C4E9C6989A989B989C989D989E989F98A098A198A298A398A498A5E9CA98A698A798A898A9E9CE98AA98AB98AC98AD98AE98AF98B098B198B298B3B2DB98B4E9C898B598B698B798B898B998BA98BB98BC98BD98BEB7AE98BF98C098C198C298C398C498C598C698C798C898C998CAE9CBE9CC98CB98CC98CD98CE98CF98D0D5C198D1C4A398D298D398D498D598D698D7E9D898D8BAE198D998DA98DB98DCE9C998DDD3A398DE98DF98E0E9D498E198E298E398E498E598E698E7E9D7E9D098E898E998EA98EB98ECE9CF98ED98EEC7C198EF98F098F198F298F398F498F598F6E9D298F798F898F998FA98FB98FC98FDE9D9B3C898FEE9D399409941994299439944CFF0994599469947E9CD99489949994A994B994C994D994E994F995099519952B3F79953995499559956995799589959E9D6995A995BE9DA995C995D995ECCB4995F99609961CFAD99629963996499659966996799689969996AE9D5996BE9DCE9DB996C996D996E996F9970E9DE99719972997399749975997699779978E9D19979997A997B997C997D997E99809981E9DD9982E9DFC3CA9983998499859986998799889989998A998B998C998D998E998F9990999199929993999499959996999799989999999A999B999C999D999E999F99A099A199A299A399A499A599A699A799A899A999AA99AB99AC99AD99AE99AF99B099B199B299B399B499B599B699B799B899B999BA99BB99BC99BD99BE99BF99C099C199C299C399C499C599C699C799C899C999CA99CB99CC99CD99CE99CF99D099D199D299D399D499D599D699D799D899D999DA99DB99DC99DD99DE99DF99E099E199E299E399E499E599E699E799E899E999EA99EB99EC99ED99EE99EF99F099F199F299F399F499F5C7B7B4CEBBB6D0C0ECA399F699F7C5B799F899F999FA99FB99FC99FD99FE9A409A419A42D3FB9A439A449A459A46ECA49A47ECA5C6DB9A489A499A4ABFEE9A4B9A4C9A4D9A4EECA69A4F9A50ECA7D0AA9A51C7B89A529A53B8E89A549A559A569A579A589A599A5A9A5B9A5C9A5D9A5E9A5FECA89A609A619A629A639A649A659A669A67D6B9D5FDB4CBB2BDCEE4C6E79A689A69CDE19A6A9A6B9A6C9A6D9A6E9A6F9A709A719A729A739A749A759A769A77B4F59A78CBC0BCDF9A799A7A9A7B9A7CE9E2E9E3D1EAE9E59A7DB4F9E9E49A7ED1B3CAE2B2D09A80E9E89A819A829A839A84E9E6E9E79A859A86D6B39A879A889A89E9E9E9EA9A8A9A8B9A8C9A8D9A8EE9EB9A8F9A909A919A929A939A949A959A96E9EC9A979A989A999A9A9A9B9A9C9A9D9A9EECAFC5B9B6CE9A9FD2F39AA09AA19AA29AA39AA49AA59AA6B5EE9AA7BBD9ECB19AA89AA9D2E39AAA9AAB9AAC9AAD9AAECEE39AAFC4B89AB0C3BF9AB19AB2B6BED8B9B1C8B1CFB1D1C5FE9AB3B1D09AB4C3AB9AB59AB69AB79AB89AB9D5B19ABA9ABB9ABC9ABD9ABE9ABF9AC09AC1EBA4BAC19AC29AC39AC4CCBA9AC59AC69AC7EBA59AC8EBA79AC99ACA9ACBEBA89ACC9ACD9ACEEBA69ACF9AD09AD19AD29AD39AD49AD5EBA9EBABEBAA9AD69AD79AD89AD99ADAEBAC9ADBCACFD8B5C3F19ADCC3A5C6F8EBADC4CA9ADDEBAEEBAFEBB0B7D59ADE9ADF9AE0B7FA9AE1EBB1C7E29AE2EBB39AE3BAA4D1F5B0B1EBB2EBB49AE49AE59AE6B5AAC2C8C7E89AE7EBB59AE8CBAEE3DF9AE99AEAD3C09AEB9AEC9AED9AEED9DB9AEF9AF0CDA1D6ADC7F39AF19AF29AF3D9E0BBE39AF4BABAE3E29AF59AF69AF79AF89AF9CFAB9AFA9AFB9AFCE3E0C9C79AFDBAB99AFE9B409B41D1B4E3E1C8EAB9AFBDADB3D8CEDB9B429B43CCC09B449B459B46E3E8E3E9CDF49B479B489B499B4A9B4BCCAD9B4CBCB39B4DE3EA9B4EE3EB9B4F9B50D0DA9B519B529B53C6FBB7DA9B549B55C7DFD2CACED69B56E3E4E3EC9B57C9F2B3C19B589B59E3E79B5A9B5BC6E3E3E59B5C9B5DEDB3E3E69B5E9B5F9B609B61C9B39B62C5E69B639B649B65B9B59B66C3BB9B67E3E3C5BDC1A4C2D9B2D79B68E3EDBBA6C4AD9B69E3F0BEDA9B6A9B6BE3FBE3F5BAD39B6C9B6D9B6E9B6FB7D0D3CD9B70D6CED5D3B9C1D5B4D1D89B719B729B739B74D0B9C7F69B759B769B77C8AAB2B49B78C3DA9B799B7A9B7BE3EE9B7C9B7DE3FCE3EFB7A8E3F7E3F49B7E9B809B81B7BA9B829B83C5A29B84E3F6C5DDB2A8C6FC9B85C4E09B869B87D7A29B88C0E1E3F99B899B8AE3FAE3FDCCA9E3F39B8BD3BE9B8CB1C3EDB4E3F1E3F29B8DE3F8D0BAC6C3D4F3E3FE9B8E9B8FBDE09B909B91E4A79B929B93E4A69B949B959B96D1F3E4A39B97E4A99B989B999B9AC8F79B9B9B9C9B9D9B9ECFB49B9FE4A8E4AEC2E59BA09BA1B6B49BA29BA39BA49BA59BA69BA7BDF29BA8E4A29BA99BAABAE9E4AA9BAB9BACE4AC9BAD9BAEB6FDD6DEE4B29BAFE4AD9BB09BB19BB2E4A19BB3BBEECDDDC7A2C5C99BB49BB5C1F79BB6E4A49BB7C7B3BDACBDBDE4A59BB8D7C7B2E29BB9E4ABBCC3E4AF9BBABBEBE4B0C5A8E4B19BBB9BBC9BBD9BBED5E3BFA39BBFE4BA9BC0E4B79BC1E4BB9BC29BC3E4BD9BC49BC5C6D69BC69BC7BAC6C0CB9BC89BC99BCAB8A1E4B49BCB9BCC9BCD9BCED4A19BCF9BD0BAA3BDFE9BD19BD29BD3E4BC9BD49BD59BD69BD79BD8CDBF9BD99BDAC4F99BDB9BDCCFFBC9E69BDD9BDED3BF9BDFCFD19BE09BE1E4B39BE2E4B8E4B9CCE99BE39BE49BE59BE69BE7CCCE9BE8C0D4E4B5C1B0E4B6CED09BE9BBC1B5D39BEAC8F3BDA7D5C7C9ACB8A2E4CA9BEB9BECE4CCD1C49BED9BEED2BA9BEF9BF0BAAD9BF19BF2BAD49BF39BF49BF59BF69BF79BF8E4C3B5ED9BF99BFA9BFBD7CDE4C0CFFDE4BF9BFC9BFD9BFEC1DCCCCA9C409C419C429C43CAE79C449C459C469C47C4D79C48CCD4E4C89C499C4A9C4BE4C7E4C19C4CE4C4B5AD9C4D9C4ED3D99C4FE4C69C509C519C529C53D2F9B4E39C54BBB49C559C56C9EE9C57B4BE9C589C599C5ABBEC9C5BD1CD9C5CCCEDEDB59C5D9C5E9C5F9C609C619C629C639C64C7E59C659C669C679C68D4A89C69E4CBD7D5E4C29C6ABDA5E4C59C6B9C6CD3E69C6DE4C9C9F89C6E9C6FE4BE9C709C71D3E59C729C73C7FEB6C99C74D4FCB2B3E4D79C759C769C77CEC29C78E4CD9C79CEBC9C7AB8DB9C7B9C7CE4D69C7DBFCA9C7E9C809C81D3CE9C82C3EC9C839C849C859C869C879C889C899C8AC5C8E4D89C8B9C8C9C8D9C8E9C8F9C909C919C92CDC4E4CF9C939C949C959C96E4D4E4D59C97BAFE9C98CFE69C999C9AD5BF9C9B9C9C9C9DE4D29C9E9C9F9CA09CA19CA29CA39CA49CA59CA69CA79CA8E4D09CA99CAAE4CE9CAB9CAC9CAD9CAE9CAF9CB09CB19CB29CB39CB49CB59CB69CB79CB89CB9CDE5CAAA9CBA9CBB9CBCC0A39CBDBDA6E4D39CBE9CBFB8C89CC09CC19CC29CC39CC4E4E7D4B49CC59CC69CC79CC89CC99CCA9CCBE4DB9CCC9CCD9CCEC1EF9CCF9CD0E4E99CD19CD2D2E79CD39CD4E4DF9CD5E4E09CD69CD7CFAA9CD89CD99CDA9CDBCBDD9CDCE4DAE4D19CDDE4E59CDEC8DCE4E39CDF9CE0C4E7E4E29CE1E4E19CE29CE39CE4B3FCE4E89CE59CE69CE79CE8B5E19CE99CEA9CEBD7CC9CEC9CED9CEEE4E69CEFBBAC9CF0D7D2CCCFEBF89CF1E4E49CF29CF3B9F69CF49CF59CF6D6CDE4D9E4DCC2FAE4DE9CF7C2CBC0C4C2D09CF8B1F5CCB29CF99CFA9CFB9CFC9CFD9CFE9D409D419D429D43B5CE9D449D459D469D47E4EF9D489D499D4A9D4B9D4C9D4D9D4E9D4FC6AF9D509D519D52C6E19D539D54E4F59D559D569D579D589D59C2A99D5A9D5B9D5CC0ECD1DDE4EE9D5D9D5E9D5F9D609D619D629D639D649D659D66C4AE9D679D689D69E4ED9D6A9D6B9D6C9D6DE4F6E4F4C2FE9D6EE4DD9D6FE4F09D70CAFE9D71D5C49D729D73E4F19D749D759D769D779D789D799D7AD1FA9D7B9D7C9D7D9D7E9D809D819D82E4EBE4EC9D839D849D85E4F29D86CEAB9D879D889D899D8A9D8B9D8C9D8D9D8E9D8F9D90C5CB9D919D929D93C7B19D94C2BA9D959D969D97E4EA9D989D999D9AC1CA9D9B9D9C9D9D9D9E9D9F9DA0CCB6B3B19DA19DA29DA3E4FB9DA4E4F39DA59DA69DA7E4FA9DA8E4FD9DA9E4FC9DAA9DAB9DAC9DAD9DAE9DAF9DB0B3CE9DB19DB29DB3B3BAE4F79DB49DB5E4F9E4F8C5EC9DB69DB79DB89DB99DBA9DBB9DBC9DBD9DBE9DBF9DC09DC19DC2C0BD9DC39DC49DC59DC6D4E89DC79DC89DC99DCA9DCBE5A29DCC9DCD9DCE9DCF9DD09DD19DD29DD39DD49DD59DD6B0C49DD79DD8E5A49DD99DDAE5A39DDB9DDC9DDD9DDE9DDF9DE0BCA49DE1E5A59DE29DE39DE49DE59DE69DE7E5A19DE89DE99DEA9DEB9DEC9DED9DEEE4FEB1F49DEF9DF09DF19DF29DF39DF49DF59DF69DF79DF89DF9E5A89DFAE5A9E5A69DFB9DFC9DFD9DFE9E409E419E429E439E449E459E469E47E5A7E5AA9E489E499E4A9E4B9E4C9E4D9E4E9E4F9E509E519E529E539E549E559E569E579E589E599E5A9E5B9E5C9E5D9E5E9E5F9E609E619E629E639E649E659E669E679E68C6D99E699E6A9E6B9E6C9E6D9E6E9E6F9E70E5ABE5AD9E719E729E739E749E759E769E77E5AC9E789E799E7A9E7B9E7C9E7D9E7E9E809E819E829E839E849E859E869E879E889E89E5AF9E8A9E8B9E8CE5AE9E8D9E8E9E8F9E909E919E929E939E949E959E969E979E989E999E9A9E9B9E9C9E9D9E9EB9E09E9F9EA0E5B09EA19EA29EA39EA49EA59EA69EA79EA89EA99EAA9EAB9EAC9EAD9EAEE5B19EAF9EB09EB19EB29EB39EB49EB59EB69EB79EB89EB99EBABBF0ECE1C3F09EBBB5C6BBD29EBC9EBD9EBE9EBFC1E9D4EE9EC0BEC49EC19EC29EC3D7C69EC4D4D6B2D3ECBE9EC59EC69EC79EC8EAC19EC99ECA9ECBC2AFB4B69ECC9ECD9ECED1D79ECF9ED09ED1B3B49ED2C8B2BFBBECC09ED39ED4D6CB9ED59ED6ECBFECC19ED79ED89ED99EDA9EDB9EDC9EDD9EDE9EDF9EE09EE19EE29EE3ECC5BEE6CCBFC5DABEBC9EE4ECC69EE5B1FE9EE69EE79EE8ECC4D5A8B5E39EE9ECC2C1B6B3E39EEA9EEBECC3CBB8C0C3CCFE9EEC9EED9EEE9EEFC1D29EF0ECC89EF19EF29EF39EF49EF59EF69EF79EF89EF99EFA9EFB9EFC9EFDBAE6C0D39EFED6F29F409F419F42D1CC9F439F449F459F46BFBE9F47B7B3C9D5ECC7BBE29F48CCCCBDFDC8C89F49CFA99F4A9F4B9F4C9F4D9F4E9F4F9F50CDE99F51C5EB9F529F539F54B7E99F559F569F579F589F599F5A9F5B9F5C9F5D9F5E9F5FD1C9BAB89F609F619F629F639F64ECC99F659F66ECCA9F67BBC0ECCB9F68ECE2B1BAB7D99F699F6A9F6B9F6C9F6D9F6E9F6F9F709F719F729F73BDB99F749F759F769F779F789F799F7A9F7BECCCD1E6ECCD9F7C9F7D9F7E9F80C8BB9F819F829F839F849F859F869F879F889F899F8A9F8B9F8C9F8D9F8EECD19F8F9F909F919F92ECD39F93BBCD9F94BCE59F959F969F979F989F999F9A9F9B9F9C9F9D9F9E9F9F9FA09FA1ECCF9FA2C9B79FA39FA49FA59FA69FA7C3BA9FA8ECE3D5D5ECD09FA99FAA9FAB9FAC9FADD6F39FAE9FAF9FB0ECD2ECCE9FB19FB29FB39FB4ECD49FB5ECD59FB69FB7C9BF9FB89FB99FBA9FBB9FBC9FBDCFA89FBE9FBF9FC09FC19FC2D0DC9FC39FC49FC59FC6D1AC9FC79FC89FC99FCAC8DB9FCB9FCC9FCDECD6CEF59FCE9FCF9FD09FD19FD2CAECECDA9FD39FD49FD59FD69FD79FD89FD9ECD99FDA9FDB9FDCB0BE9FDD9FDE9FDF9FE09FE19FE2ECD79FE3ECD89FE49FE59FE6ECE49FE79FE89FE99FEA9FEB9FEC9FED9FEE9FEFC8BC9FF09FF19FF29FF39FF49FF59FF69FF79FF89FF9C1C79FFA9FFB9FFC9FFD9FFEECDCD1E0A040A041A042A043A044A045A046A047A048A049ECDBA04AA04BA04CA04DD4EFA04EECDDA04FA050A051A052A053A054DBC6A055A056A057A058A059A05AA05BA05CA05DA05EECDEA05FA060A061A062A063A064A065A066A067A068A069A06AB1ACA06BA06CA06DA06EA06FA070A071A072A073A074A075A076A077A078A079A07AA07BA07CA07DA07EA080A081ECDFA082A083A084A085A086A087A088A089A08AA08BECE0A08CD7A6A08DC5C0A08EA08FA090EBBCB0AEA091A092A093BEF4B8B8D2AFB0D6B5F9A094D8B3A095CBACA096E3DDA097A098A099A09AA09BA09CA09DC6ACB0E6A09EA09FA0A0C5C6EBB9A0A1A0A2A0A3A0A4EBBAA0A5A0A6A0A7EBBBA0A8A0A9D1C0A0AAC5A3A0ABEAF2A0ACC4B2A0ADC4B5C0CEA0AEA0AFA0B0EAF3C4C1A0B1CEEFA0B2A0B3A0B4A0B5EAF0EAF4A0B6A0B7C9FCA0B8A0B9C7A3A0BAA0BBA0BCCCD8CEFEA0BDA0BEA0BFEAF5EAF6CFACC0E7A0C0A0C1EAF7A0C2A0C3A0C4A0C5A0C6B6BFEAF8A0C7EAF9A0C8EAFAA0C9A0CAEAFBA0CBA0CCA0CDA0CEA0CFA0D0A0D1A0D2A0D3A0D4A0D5A0D6EAF1A0D7A0D8A0D9A0DAA0DBA0DCA0DDA0DEA0DFA0E0A0E1A0E2C8AEE1EBA0E3B7B8E1ECA0E4A0E5A0E6E1EDA0E7D7B4E1EEE1EFD3CCA0E8A0E9A0EAA0EBA0ECA0EDA0EEE1F1BFF1E1F0B5D2A0EFA0F0A0F1B1B7A0F2A0F3A0F4A0F5E1F3E1F2A0F6BAFCA0F7E1F4A0F8A0F9A0FAA0FBB9B7A0FCBED1A0FDA0FEAA40AA41C4FCAA42BADDBDC6AA43AA44AA45AA46AA47AA48E1F5E1F7AA49AA4AB6C0CFC1CAA8E1F6D5F8D3FCE1F8E1FCE1F9AA4BAA4CE1FAC0EAAA4DE1FEE2A1C0C7AA4EAA4FAA50AA51E1FBAA52E1FDAA53AA54AA55AA56AA57AA58E2A5AA59AA5AAA5BC1D4AA5CAA5DAA5EAA5FE2A3AA60E2A8B2FEE2A2AA61AA62AA63C3CDB2C2E2A7E2A6AA64AA65E2A4E2A9AA66AA67E2ABAA68AA69AA6AD0C9D6EDC3A8E2ACAA6BCFD7AA6CAA6DE2AEAA6EAA6FBAEFAA70AA71E9E0E2ADE2AAAA72AA73AA74AA75BBABD4B3AA76AA77AA78AA79AA7AAA7BAA7CAA7DAA7EAA80AA81AA82AA83E2B0AA84AA85E2AFAA86E9E1AA87AA88AA89AA8AE2B1AA8BAA8CAA8DAA8EAA8FAA90AA91AA92E2B2AA93AA94AA95AA96AA97AA98AA99AA9AAA9BAA9CAA9DE2B3CCA1AA9EE2B4AA9FAAA0AB40AB41AB42AB43AB44AB45AB46AB47AB48AB49AB4AAB4BE2B5AB4CAB4DAB4EAB4FAB50D0FEAB51AB52C2CAAB53D3F1AB54CDF5AB55AB56E7E0AB57AB58E7E1AB59AB5AAB5BAB5CBEC1AB5DAB5EAB5FAB60C2EAAB61AB62AB63E7E4AB64AB65E7E3AB66AB67AB68AB69AB6AAB6BCDE6AB6CC3B5AB6DAB6EE7E2BBB7CFD6AB6FC1E1E7E9AB70AB71AB72E7E8AB73AB74E7F4B2A3AB75AB76AB77AB78E7EAAB79E7E6AB7AAB7BAB7CAB7DAB7EE7ECE7EBC9BAAB80AB81D5E4AB82E7E5B7A9E7E7AB83AB84AB85AB86AB87AB88AB89E7EEAB8AAB8BAB8CAB8DE7F3AB8ED6E9AB8FAB90AB91AB92E7EDAB93E7F2AB94E7F1AB95AB96AB97B0E0AB98AB99AB9AAB9BE7F5AB9CAB9DAB9EAB9FABA0AC40AC41AC42AC43AC44AC45AC46AC47AC48AC49AC4AC7F2AC4BC0C5C0EDAC4CAC4DC1F0E7F0AC4EAC4FAC50AC51E7F6CBF6AC52AC53AC54AC55AC56AC57AC58AC59AC5AE8A2E8A1AC5BAC5CAC5DAC5EAC5FAC60D7C1AC61AC62E7FAE7F9AC63E7FBAC64E7F7AC65E7FEAC66E7FDAC67E7FCAC68AC69C1D5C7D9C5FDC5C3AC6AAC6BAC6CAC6DAC6EC7EDAC6FAC70AC71AC72E8A3AC73AC74AC75AC76AC77AC78AC79AC7AAC7BAC7CAC7DAC7EAC80AC81AC82AC83AC84AC85AC86E8A6AC87E8A5AC88E8A7BAF7E7F8E8A4AC89C8F0C9AAAC8AAC8BAC8CAC8DAC8EAC8FAC90AC91AC92AC93AC94AC95AC96E8A9AC97AC98B9E5AC99AC9AAC9BAC9CAC9DD1FEE8A8AC9EAC9FACA0AD40AD41AD42E8AAAD43E8ADE8AEAD44C1A7AD45AD46AD47E8AFAD48AD49AD4AE8B0AD4BAD4CE8ACAD4DE8B4AD4EAD4FAD50AD51AD52AD53AD54AD55AD56AD57AD58E8ABAD59E8B1AD5AAD5BAD5CAD5DAD5EAD5FAD60AD61E8B5E8B2E8B3AD62AD63AD64AD65AD66AD67AD68AD69AD6AAD6BAD6CAD6DAD6EAD6FAD70AD71E8B7AD72AD73AD74AD75AD76AD77AD78AD79AD7AAD7BAD7CAD7DAD7EAD80AD81AD82AD83AD84AD85AD86AD87AD88AD89E8B6AD8AAD8BAD8CAD8DAD8EAD8FAD90AD91AD92B9CFAD93F0ACAD94F0ADAD95C6B0B0EAC8BFAD96CDDFAD97AD98AD99AD9AAD9BAD9CAD9DCECDEAB1AD9EAD9FADA0AE40EAB2AE41C6BFB4C9AE42AE43AE44AE45AE46AE47AE48EAB3AE49AE4AAE4BAE4CD5E7AE4DAE4EAE4FAE50AE51AE52AE53AE54DDF9AE55EAB4AE56EAB5AE57EAB6AE58AE59AE5AAE5BB8CADFB0C9F5AE5CCCF0AE5DAE5EC9FAAE5FAE60AE61AE62AE63C9FBAE64AE65D3C3CBA6AE66B8A6F0AEB1C2AE67E5B8CCEFD3C9BCD7C9EAAE68B5E7AE69C4D0B5E9AE6AEEAEBBADAE6BAE6CE7DEAE6DEEAFAE6EAE6FAE70AE71B3A9AE72AE73EEB2AE74AE75EEB1BDE7AE76EEB0CEB7AE77AE78AE79AE7AC5CFAE7BAE7CAE7DAE7EC1F4DBCEEEB3D0F3AE80AE81AE82AE83AE84AE85AE86AE87C2D4C6E8AE88AE89AE8AB7ACAE8BAE8CAE8DAE8EAE8FAE90AE91EEB4AE92B3EBAE93AE94AE95BBFBEEB5AE96AE97AE98AE99AE9AE7DCAE9BAE9CAE9DEEB6AE9EAE9FBDAEAEA0AF40AF41AF42F1E2AF43AF44AF45CAE8AF46D2C9F0DAAF47F0DBAF48F0DCC1C6AF49B8EDBECEAF4AAF4BF0DEAF4CC5B1F0DDD1F1AF4DF0E0B0CCBDEAAF4EAF4FAF50AF51AF52D2DFF0DFAF53B4AFB7E8F0E6F0E5C6A3F0E1F0E2B4C3AF54AF55F0E3D5EEAF56AF57CCDBBED2BCB2AF58AF59AF5AF0E8F0E7F0E4B2A1AF5BD6A2D3B8BEB7C8ACAF5CAF5DF0EAAF5EAF5FAF60AF61D1F7AF62D6CCBADBF0E9AF63B6BBAF64AF65CDB4AF66AF67C6A6AF68AF69AF6AC1A1F0EBF0EEAF6BF0EDF0F0F0ECAF6CBBBEF0EFAF6DAF6EAF6FAF70CCB5F0F2AF71AF72B3D5AF73AF74AF75AF76B1D4AF77AF78F0F3AF79AF7AF0F4F0F6B4E1AF7BF0F1AF7CF0F7AF7DAF7EAF80AF81F0FAAF82F0F8AF83AF84AF85F0F5AF86AF87AF88AF89F0FDAF8AF0F9F0FCF0FEAF8BF1A1AF8CAF8DAF8ECEC1F1A4AF8FF1A3AF90C1F6F0FBCADDAF91AF92B4F1B1F1CCB1AF93F1A6AF94AF95F1A7AF96AF97F1ACD5CEF1A9AF98AF99C8B3AF9AAF9BAF9CF1A2AF9DF1ABF1A8F1A5AF9EAF9FF1AAAFA0B040B041B042B043B044B045B046B0A9F1ADB047B048B049B04AB04BB04CF1AFB04DF1B1B04EB04FB050B051B052F1B0B053F1AEB054B055B056B057D1A2B058B059B05AB05BB05CB05DB05EF1B2B05FB060B061F1B3B062B063B064B065B066B067B068B069B9EFB06AB06BB5C7B06CB0D7B0D9B06DB06EB06FD4EDB070B5C4B071BDD4BBCAF0A7B072B073B8DEB074B075F0A8B076B077B0A8B078F0A9B079B07ACDEEB07BB07CF0AAB07DB07EB080B081B082B083B084B085B086B087F0ABB088B089B08AB08BB08CB08DB08EB08FB090C6A4B091B092D6E5F1E4B093F1E5B094B095B096B097B098B099B09AB09BB09CB09DC3F3B09EB09FD3DBB0A0B140D6D1C5E8B141D3AFB142D2E6B143B144EEC1B0BBD5B5D1CEBCE0BAD0B145BFF8B146B8C7B5C1C5CCB147B148CAA2B149B14AB14BC3CBB14CB14DB14EB14FB150EEC2B151B152B153B154B155B156B157B158C4BFB6A2B159EDECC3A4B15AD6B1B15BB15CB15DCFE0EDEFB15EB15FC5CEB160B6DCB161B162CAA1B163B164EDEDB165B166EDF0EDF1C3BCB167BFB4B168EDEEB169B16AB16BB16CB16DB16EB16FB170B171B172B173EDF4EDF2B174B175B176B177D5E6C3DFB178EDF3B179B17AB17BEDF6B17CD5A3D1A3B17DB17EB180EDF5B181C3D0B182B183B184B185B186EDF7BFF4BEECEDF8B187CCF7B188D1DBB189B18AB18BD7C5D5F6B18CEDFCB18DB18EB18FEDFBB190B191B192B193B194B195B196B197EDF9EDFAB198B199B19AB19BB19CB19DB19EB19FEDFDBEA6B1A0B240B241B242B243CBAFEEA1B6BDB244EEA2C4C0B245EDFEB246B247BDDEB2C7B248B249B24AB24BB24CB24DB24EB24FB250B251B252B253B6C3B254B255B256EEA5D8BAEEA3EEA6B257B258B259C3E9B3F2B25AB25BB25CB25DB25EB25FEEA7EEA4CFB9B260B261EEA8C2F7B262B263B264B265B266B267B268B269B26AB26BB26CB26DEEA9EEAAB26EDEABB26FB270C6B3B271C7C6B272D6F5B5C9B273CBB2B274B275B276EEABB277B278CDABB279EEACB27AB27BB27CB27DB27ED5B0B280EEADB281F6C4B282B283B284B285B286B287B288B289B28AB28BB28CB28DB28EDBC7B28FB290B291B292B293B294B295B296B297B4A3B298B299B29AC3ACF1E6B29BB29CB29DB29EB29FCAB8D2D3B2A0D6AAB340EFF2B341BED8B342BDC3EFF3B6CCB0ABB343B344B345B346CAAFB347B348EDB6B349EDB7B34AB34BB34CB34DCEF9B7AFBFF3EDB8C2EBC9B0B34EB34FB350B351B352B353EDB9B354B355C6F6BFB3B356B357B358EDBCC5F8B359D1D0B35AD7A9EDBAEDBBB35BD1E2B35CEDBFEDC0B35DEDC4B35EB35FB360EDC8B361EDC6EDCED5E8B362EDC9B363B364EDC7EDBEB365B366C5E9B367B368B369C6C6B36AB36BC9E9D4D2EDC1EDC2EDC3EDC5B36CC0F9B36DB4A1B36EB36FB370B371B9E8B372EDD0B373B374B375B376EDD1B377EDCAB378EDCFB379CEF8B37AB37BCBB6EDCCEDCDB37CB37DB37EB380B381CFF5B382B383B384B385B386B387B388B389B38AB38BB38CB38DEDD2C1F2D3B2EDCBC8B7B38EB38FB390B391B392B393B394B395BCEFB396B397B398B399C5F0B39AB39BB39CB39DB39EB39FB3A0B440B441B442EDD6B443B5EFB444B445C2B5B0ADCBE9B446B447B1AEB448EDD4B449B44AB44BCDEBB5E2B44CEDD5EDD3EDD7B44DB44EB5FAB44FEDD8B450EDD9B451EDDCB452B1CCB453B454B455B456B457B458B459B45AC5F6BCEEEDDACCBCB2EAB45BB45CB45DB45EEDDBB45FB460B461B462C4EBB463B464B4C5B465B466B467B0F5B468B469B46AEDDFC0DAB4E8B46BB46CB46DB46EC5CDB46FB470B471EDDDBFC4B472B473B474EDDEB475B476B477B478B479B47AB47BB47CB47DB47EB480B481B482B483C4A5B484B485B486EDE0B487B488B489B48AB48BEDE1B48CEDE3B48DB48EC1D7B48FB490BBC7B491B492B493B494B495B496BDB8B497B498B499EDE2B49AB49BB49CB49DB49EB49FB4A0B540B541B542B543B544B545EDE4B546B547B548B549B54AB54BB54CB54DB54EB54FEDE6B550B551B552B553B554EDE5B555B556B557B558B559B55AB55BB55CB55DB55EB55FB560B561B562B563EDE7B564B565B566B567B568CABEECEAC0F1B569C9E7B56AECEBC6EEB56BB56CB56DB56EECECB56FC6EDECEDB570B571B572B573B574B575B576B577B578ECF0B579B57AD7E6ECF3B57BB57CECF1ECEEECEFD7A3C9F1CBEEECF4B57DECF2B57EB580CFE9B581ECF6C6B1B582B583B584B585BCC0B586ECF5B587B588B589B58AB58BB58CB58DB5BBBBF6B58EECF7B58FB590B591B592B593D9F7BDFBB594B595C2BBECF8B596B597B598B599ECF9B59AB59BB59CB59DB8A3B59EB59FB5A0B640B641B642B643B644B645B646ECFAB647B648B649B64AB64BB64CB64DB64EB64FB650B651B652ECFBB653B654B655B656B657B658B659B65AB65BB65CB65DECFCB65EB65FB660B661B662D3EDD8AEC0EBB663C7DDBACCB664D0E3CBBDB665CDBAB666B667B8D1B668B669B1FCB66AC7EFB66BD6D6B66CB66DB66EBFC6C3EBB66FB670EFF5B671B672C3D8B673B674B675B676B677B678D7E2B679B67AB67BEFF7B3D3B67CC7D8D1EDB67DD6C8B67EEFF8B680EFF6B681BBFDB3C6B682B683B684B685B686B687B688BDD5B689B68AD2C6B68BBBE0B68CB68DCFA1B68EEFFCEFFBB68FB690EFF9B691B692B693B694B3CCB695C9D4CBB0B696B697B698B699B69AEFFEB69BB69CB0DEB69DB69ED6C9B69FB6A0B740EFFDB741B3EDB742B743F6D5B744B745B746B747B748B749B74AB74BB74CB74DB74EB74FB750B751B752CEC8B753B754B755F0A2B756F0A1B757B5BEBCDABBFCB758B8E5B759B75AB75BB75CB75DB75EC4C2B75FB760B761B762B763B764B765B766B767B768F0A3B769B76AB76BB76CB76DCBEBB76EB76FB770B771B772B773B774B775B776B777B778B779B77AB77BB77CB77DB77EB780B781B782B783B784B785B786F0A6B787B788B789D1A8B78ABEBFC7EEF1B6F1B7BFD5B78BB78CB78DB78EB4A9F1B8CDBBB78FC7D4D5ADB790F1B9B791F1BAB792B793B794B795C7CFB796B797B798D2A4D6CFB799B79AF1BBBDD1B4B0BEBDB79BB79CB79DB4DCCED1B79EBFDFF1BDB79FB7A0B840B841BFFAF1BCB842F1BFB843B844B845F1BEF1C0B846B847B848B849B84AF1C1B84BB84CB84DB84EB84FB850B851B852B853B854B855C1FEB856B857B858B859B85AB85BB85CB85DB85EB85FB860C1A2B861B862B863B864B865B866B867B868B869B86ACAFAB86BB86CD5BEB86DB86EB86FB870BEBABEB9D5C2B871B872BFA2B873CDAFF1B5B874B875B876B877B878B879BDDFB87AB6CBB87BB87CB87DB87EB880B881B882B883B884D6F1F3C3B885B886F3C4B887B8CDB888B889B88AF3C6F3C7B88BB0CAB88CF3C5B88DF3C9CBF1B88EB88FB890F3CBB891D0A6B892B893B1CAF3C8B894B895B896F3CFB897B5D1B898B899F3D7B89AF3D2B89BB89CB89DF3D4F3D3B7FBB89EB1BFB89FF3CEF3CAB5DAB8A0F3D0B940B941F3D1B942F3D5B943B944B945B946F3CDB947BCE3B948C1FDB949F3D6B94AB94BB94CB94DB94EB94FF3DAB950F3CCB951B5C8B952BDEEF3DCB953B954B7A4BFF0D6FECDB2B955B4F0B956B2DFB957F3D8B958F3D9C9B8B959F3DDB95AB95BF3DEB95CF3E1B95DB95EB95FB960B961B962B963B964B965B966B967F3DFB968B969F3E3F3E2B96AB96BF3DBB96CBFEAB96DB3EFB96EF3E0B96FB970C7A9B971BCF2B972B973B974B975F3EBB976B977B978B979B97AB97BB97CB9BFB97DB97EF3E4B980B981B982B2ADBBFEB983CBE3B984B985B986B987F3EDF3E9B988B989B98AB9DCF3EEB98BB98CB98DF3E5F3E6F3EAC2E1F3ECF3EFF3E8BCFDB98EB98FB990CFE4B991B992F3F0B993B994B995F3E7B996B997B998B999B99AB99BB99CB99DF3F2B99EB99FB9A0BA40D7ADC6AABA41BA42BA43BA44F3F3BA45BA46BA47BA48F3F1BA49C2A8BA4ABA4BBA4CBA4DBA4EB8DDF3F5BA4FBA50F3F4BA51BA52BA53B4DBBA54BA55BA56F3F6F3F7BA57BA58BA59F3F8BA5ABA5BBA5CC0BABA5DBA5EC0E9BA5FBA60BA61BA62BA63C5F1BA64BA65BA66BA67F3FBBA68F3FABA69BA6ABA6BBA6CBA6DBA6EBA6FBA70B4D8BA71BA72BA73F3FEF3F9BA74BA75F3FCBA76BA77BA78BA79BA7ABA7BF3FDBA7CBA7DBA7EBA80BA81BA82BA83BA84F4A1BA85BA86BA87BA88BA89BA8AF4A3BBC9BA8BBA8CF4A2BA8DBA8EBA8FBA90BA91BA92BA93BA94BA95BA96BA97BA98BA99F4A4BA9ABA9BBA9CBA9DBA9EBA9FB2BEF4A6F4A5BAA0BB40BB41BB42BB43BB44BB45BB46BB47BB48BB49BCAEBB4ABB4BBB4CBB4DBB4EBB4FBB50BB51BB52BB53BB54BB55BB56BB57BB58BB59BB5ABB5BBB5CBB5DBB5EBB5FBB60BB61BB62BB63BB64BB65BB66BB67BB68BB69BB6ABB6BBB6CBB6DBB6EC3D7D9E1BB6FBB70BB71BB72BB73BB74C0E0F4CCD7D1BB75BB76BB77BB78BB79BB7ABB7BBB7CBB7DBB7EBB80B7DBBB81BB82BB83BB84BB85BB86BB87F4CEC1A3BB88BB89C6C9BB8AB4D6D5B3BB8BBB8CBB8DF4D0F4CFF4D1CBDABB8EBB8FF4D2BB90D4C1D6E0BB91BB92BB93BB94B7E0BB95BB96BB97C1B8BB98BB99C1BBF4D3BEACBB9ABB9BBB9CBB9DBB9EB4E2BB9FBBA0F4D4F4D5BEABBC40BC41F4D6BC42BC43BC44F4DBBC45F4D7F4DABC46BAFDBC47F4D8F4D9BC48BC49BC4ABC4BBC4CBC4DBC4EB8E2CCC7F4DCBC4FB2DABC50BC51C3D3BC52BC53D4E3BFB7BC54BC55BC56BC57BC58BC59BC5AF4DDBC5BBC5CBC5DBC5EBC5FBC60C5B4BC61BC62BC63BC64BC65BC66BC67BC68F4E9BC69BC6ACFB5BC6BBC6CBC6DBC6EBC6FBC70BC71BC72BC73BC74BC75BC76BC77BC78CEC9BC79BC7ABC7BBC7CBC7DBC7EBC80BC81BC82BC83BC84BC85BC86BC87BC88BC89BC8ABC8BBC8CBC8DBC8ECBD8BC8FCBF7BC90BC91BC92BC93BDF4BC94BC95BC96D7CFBC97BC98BC99C0DBBC9ABC9BBC9CBC9DBC9EBC9FBCA0BD40BD41BD42BD43BD44BD45BD46BD47BD48BD49BD4ABD4BBD4CBD4DBD4EBD4FBD50BD51BD52BD53BD54BD55BD56BD57BD58BD59BD5ABD5BBD5CBD5DBD5EBD5FBD60BD61BD62BD63BD64BD65BD66BD67BD68BD69BD6ABD6BBD6CBD6DBD6EBD6FBD70BD71BD72BD73BD74BD75BD76D0F5BD77BD78BD79BD7ABD7BBD7CBD7DBD7EF4EABD80BD81BD82BD83BD84BD85BD86BD87BD88BD89BD8ABD8BBD8CBD8DBD8EBD8FBD90BD91BD92BD93BD94BD95BD96BD97BD98BD99BD9ABD9BBD9CBD9DBD9EBD9FBDA0BE40BE41BE42BE43BE44BE45BE46BE47BE48BE49BE4ABE4BBE4CF4EBBE4DBE4EBE4FBE50BE51BE52BE53F4ECBE54BE55BE56BE57BE58BE59BE5ABE5BBE5CBE5DBE5EBE5FBE60BE61BE62BE63BE64BE65BE66BE67BE68BE69BE6ABE6BBE6CBE6DBE6EBE6FBE70BE71BE72BE73BE74BE75BE76BE77BE78BE79BE7ABE7BBE7CBE7DBE7EBE80BE81BE82BE83BE84BE85BE86BE87BE88BE89BE8ABE8BBE8CBE8DBE8EBE8FBE90BE91BE92BE93BE94BE95BE96BE97BE98BE99BE9ABE9BBE9CBE9DBE9EBE9FBEA0BF40BF41BF42BF43BF44BF45BF46BF47BF48BF49BF4ABF4BBF4CBF4DBF4EBF4FBF50BF51BF52BF53BF54BF55BF56BF57BF58BF59BF5ABF5BBF5CBF5DBF5EBF5FBF60BF61BF62BF63BF64BF65BF66BF67BF68BF69BF6ABF6BBF6CBF6DBF6EBF6FBF70BF71BF72BF73BF74BF75BF76BF77BF78BF79BF7ABF7BBF7CBF7DBF7EBF80F7E3BF81BF82BF83BF84BF85B7B1BF86BF87BF88BF89BF8AF4EDBF8BBF8CBF8DBF8EBF8FBF90BF91BF92BF93BF94BF95BF96BF97BF98BF99BF9ABF9BBF9CBF9DBF9EBF9FBFA0C040C041C042C043C044C045C046C047C048C049C04AC04BC04CC04DC04EC04FC050C051C052C053C054C055C056C057C058C059C05AC05BC05CC05DC05EC05FC060C061C062C063D7EBC064C065C066C067C068C069C06AC06BC06CC06DC06EC06FC070C071C072C073C074C075C076C077C078C079C07AC07BF4EEC07CC07DC07EE6F9BEC0E6FABAECE6FBCFCBE6FCD4BCBCB6E6FDE6FEBCCDC8D2CEB3E7A1C080B4BFE7A2C9B4B8D9C4C9C081D7DDC2DAB7D7D6BDCEC6B7C4C082C083C5A6E7A3CFDFE7A4E7A5E7A6C1B7D7E9C9F0CFB8D6AFD6D5E7A7B0EDE7A8E7A9C9DCD2EFBEADE7AAB0F3C8DEBDE1E7ABC8C6C084E7ACBBE6B8F8D1A4E7ADC2E7BEF8BDCACDB3E7AEE7AFBEEED0E5C085CBE7CCD0BCCCE7B0BCA8D0F7E7B1C086D0F8E7B2E7B3B4C2E7B4E7B5C9FECEACC3E0E7B7B1C1B3F1C087E7B8E7B9D7DBD5C0E7BAC2CCD7BAE7BBE7BCE7BDBCEAC3E5C0C2E7BEE7BFBCA9C088E7C0E7C1E7B6B6D0E7C2C089E7C3E7C4BBBAB5DEC2C6B1E0E7C5D4B5E7C6B8BFE7C8E7C7B7ECC08AE7C9B2F8E7CAE7CBE7CCE7CDE7CEE7CFE7D0D3A7CBF5E7D1E7D2E7D3E7D4C9C9E7D5E7D6E7D7E7D8E7D9BDC9E7DAF3BEC08BB8D7C08CC8B1C08DC08EC08FC090C091C092C093F3BFC094F3C0F3C1C095C096C097C098C099C09AC09BC09CC09DC09EB9DECDF8C09FC0A0D8E8BAB1C140C2DEEEB7C141B7A3C142C143C144C145EEB9C146EEB8B0D5C147C148C149C14AC14BEEBBD5D6D7EFC14CC14DC14ED6C3C14FC150EEBDCAF0C151EEBCC152C153C154C155EEBEC156C157C158C159EEC0C15AC15BEEBFC15CC15DC15EC15FC160C161C162C163D1F2C164C7BCC165C3C0C166C167C168C169C16AB8E1C16BC16CC16DC16EC16FC1E7C170C171F4C6D0DFF4C7C172CFDBC173C174C8BAC175C176F4C8C177C178C179C17AC17BC17CC17DF4C9F4CAC17EF4CBC180C181C182C183C184D9FAB8FEC185C186E5F1D3F0C187F4E0C188CECCC189C18AC18BB3E1C18CC18DC18EC18FF1B4C190D2EEC191F4E1C192C193C194C195C196CFE8F4E2C197C198C7CCC199C19AC19BC19CC19DC19EB5D4B4E4F4E4C19FC1A0C240F4E3F4E5C241C242F4E6C243C244C245C246F4E7C247BAB2B0BFC248F4E8C249C24AC24BC24CC24DC24EC24FB7ADD2EDC250C251C252D2ABC0CFC253BFBCEBA3D5DFEAC8C254C255C256C257F1F3B6F8CBA3C258C259C4CDC25AF1E7C25BF1E8B8FBF1E9BAC4D4C5B0D2C25CC25DF1EAC25EC25FC260F1EBC261F1ECC262C263F1EDF1EEF1EFF1F1F1F0C5D5C264C265C266C267C268C269F1F2C26AB6FAC26BF1F4D2AEDEC7CBCAC26CC26DB3DCC26EB5A2C26FB9A2C270C271C4F4F1F5C272C273F1F6C274C275C276C1C4C1FBD6B0F1F7C277C278C279C27AF1F8C27BC1AAC27CC27DC27EC6B8C280BEDBC281C282C283C284C285C286C287C288C289C28AC28BC28CC28DC28EF1F9B4CFC28FC290C291C292C293C294F1FAC295C296C297C298C299C29AC29BC29CC29DC29EC29FC2A0C340EDB2EDB1C341C342CBE0D2DEC343CBC1D5D8C344C8E2C345C0DFBCA1C346C347C348C349C34AC34BEBC1C34CC34DD0A4C34ED6E2C34FB6C7B8D8EBC0B8CEC350EBBFB3A6B9C9D6ABC351B7F4B7CAC352C353C354BCE7B7BEEBC6C355EBC7B0B9BFCFC356EBC5D3FDC357EBC8C358C359EBC9C35AC35BB7CEC35CEBC2EBC4C9F6D6D7D5CDD0B2EBCFCEB8EBD0C35DB5A8C35EC35FC360C361C362B1B3EBD2CCA5C363C364C365C366C367C368C369C5D6EBD3C36AEBD1C5DFEBCECAA4EBD5B0FBC36BC36CBAFAC36DC36ED8B7F1E3C36FEBCAEBCBEBCCEBCDEBD6E6C0EBD9C370BFE8D2C8EBD7EBDCB8ECEBD8C371BDBAC372D0D8C373B0B7C374EBDDC4DCC375C376C377C378D6ACC379C37AC37BB4E0C37CC37DC2F6BCB9C37EC380EBDAEBDBD4E0C6EAC4D4EBDFC5A7D9F5C381B2B1C382EBE4C383BDC5C384C385C386EBE2C387C388C389C38AC38BC38CC38DC38EC38FC390C391C392C393EBE3C394C395B8ACC396CDD1EBE5C397C398C399EBE1C39AC1B3C39BC39CC39DC39EC39FC6A2C3A0C440C441C442C443C444C445CCF3C446EBE6C447C0B0D2B8EBE7C448C449C44AB8AFB8ADC44BEBE8C7BBCDF3C44CC44DC44EEBEAEBEBC44FC450C451C452C453EBEDC454C455C456C457D0C8C458EBF2C459EBEEC45AC45BC45CEBF1C8F9C45DD1FCEBECC45EC45FEBE9C460C461C462C463B8B9CFD9C4E5EBEFEBF0CCDACDC8B0F2C464EBF6C465C466C467C468C469EBF5C46AB2B2C46BC46CC46DC46EB8E0C46FEBF7C470C471C472C473C474C475B1ECC476C477CCC5C4A4CFA5C478C479C47AC47BC47CEBF9C47DC47EECA2C480C5F2C481EBFAC482C483C484C485C486C487C488C489C9C5C48AC48BC48CC48DC48EC48FE2DFEBFEC490C491C492C493CDCEECA1B1DBD3B7C494C495D2DCC496C497C498EBFDC499EBFBC49AC49BC49CC49DC49EC49FC4A0C540C541C542C543C544C545C546C547C548C549C54AC54BC54CC54DC54EB3BCC54FC550C551EAB0C552C553D7D4C554F4ABB3F4C555C556C557C558C559D6C1D6C2C55AC55BC55CC55DC55EC55FD5E9BECAC560F4A7C561D2A8F4A8F4A9C562F4AABECBD3DFC563C564C565C566C567C9E0C9E1C568C569F3C2C56ACAE6C56BCCF2C56CC56DC56EC56FC570C571E2B6CBB4C572CEE8D6DBC573F4ADF4AEF4AFC574C575C576C577F4B2C578BABDF4B3B0E3F4B0C579F4B1BDA2B2D5C57AF4B6F4B7B6E6B2B0CFCFF4B4B4ACC57BF4B5C57CC57DF4B8C57EC580C581C582C583F4B9C584C585CDA7C586F4BAC587F4BBC588C589C58AF4BCC58BC58CC58DC58EC58FC590C591C592CBD2C593F4BDC594C595C596C597F4BEC598C599C59AC59BC59CC59DC59EC59FF4BFC5A0C640C641C642C643F4DEC1BCBCE8C644C9ABD1DEE5F5C645C646C647C648DCB3D2D5C649C64ADCB4B0ACDCB5C64BC64CBDDAC64DDCB9C64EC64FC650D8C2C651DCB7D3F3C652C9D6DCBADCB6C653DCBBC3A2C654C655C656C657DCBCDCC5DCBDC658C659CEDFD6A5C65ADCCFC65BDCCDC65CC65DDCD2BDE6C2ABC65EDCB8DCCBDCCEDCBEB7D2B0C5DCC7D0BEDCC1BBA8C65FB7BCDCCCC660C661DCC6DCBFC7DBC662C663C664D1BFDCC0C665C666DCCAC667C668DCD0C669C66ACEADDCC2C66BDCC3DCC8DCC9B2D4DCD1CBD5C66CD4B7DCDBDCDFCCA6DCE6C66DC3E7DCDCC66EC66FBFC1DCD9C670B0FAB9B6DCE5DCD3C671DCC4DCD6C8F4BFE0C672C673C674C675C9BBC676C677C678B1BDC679D3A2C67AC67BDCDAC67CC67DDCD5C67EC6BBC680DCDEC681C682C683C684C685D7C2C3AFB7B6C7D1C3A9DCE2DCD8DCEBDCD4C686C687DCDDC688BEA5DCD7C689DCE0C68AC68BDCE3DCE4C68CDCF8C68DC68EDCE1DDA2DCE7C68FC690C691C692C693C694C695C696C697C698BCEBB4C4C699C69AC3A3B2E7DCFAC69BDCF2C69CDCEFC69DDCFCDCEED2F0B2E8C69EC8D7C8E3DCFBC69FDCEDC6A0C740C741DCF7C742C743DCF5C744C745BEA3DCF4C746B2DDC747C748C749C74AC74BDCF3BCF6DCE8BBC4C74CC0F3C74DC74EC74FC750C751BCD4DCE9DCEAC752DCF1DCF6DCF9B5B4C753C8D9BBE7DCFEDCFDD3ABDDA1DDA3DDA5D2F1DDA4DDA6DDA7D2A9C754C755C756C757C758C759C75ABAC9DDA9C75BC75CDDB6DDB1DDB4C75DC75EC75FC760C761C762C763DDB0C6CEC764C765C0F2C766C767C768C769C9AFC76AC76BC76CDCECDDAEC76DC76EC76FC770DDB7C771C772DCF0DDAFC773DDB8C774DDACC775C776C777C778C779C77AC77BDDB9DDB3DDADC4AAC77CC77DC77EC780DDA8C0B3C1ABDDAADDABC781DDB2BBF1DDB5D3A8DDBAC782DDBBC3A7C783C784DDD2DDBCC785C786C787DDD1C788B9BDC789C78ABED5C78BBEFAC78CC78DBACAC78EC78FC790C791DDCAC792DDC5C793DDBFC794C795C796B2CBDDC3C797DDCBB2A4DDD5C798C799C79ADDBEC79BC79CC79DC6D0DDD0C79EC79FC7A0C840C841DDD4C1E2B7C6C842C843C844C845C846DDCEDDCFC847C848C849DDC4C84AC84BC84CDDBDC84DDDCDCCD1C84EDDC9C84FC850C851C852DDC2C3C8C6BCCEAEDDCCC853DDC8C854C855C856C857C858C859DDC1C85AC85BC85CDDC6C2DCC85DC85EC85FC860C861C862D3A9D3AADDD3CFF4C8F8C863C864C865C866C867C868C869C86ADDE6C86BC86CC86DC86EC86FC870DDC7C871C872C873DDE0C2E4C874C875C876C877C878C879C87AC87BDDE1C87CC87DC87EC880C881C882C883C884C885C886DDD7C887C888C889C88AC88BD6F8C88CDDD9DDD8B8F0DDD6C88DC88EC88FC890C6CFC891B6ADC892C893C894C895C896DDE2C897BAF9D4E1DDE7C898C899C89AB4D0C89BDDDAC89CBFFBDDE3C89DDDDFC89EDDDDC89FC8A0C940C941C942C943C944B5D9C945C946C947C948DDDBDDDCDDDEC949BDAFDDE4C94ADDE5C94BC94CC94DC94EC94FC950C951C952DDF5C953C3C9C954C955CBE2C956C957C958C959DDF2C95AC95BC95CC95DC95EC95FC960C961C962C963C964C965C966D8E1C967C968C6D1C969DDF4C96AC96BC96CD5F4DDF3DDF0C96DC96EDDECC96FDDEFC970DDE8C971C972D0EEC973C974C975C976C8D8DDEEC977C978DDE9C979C97ADDEACBF2C97BDDEDC97CC97DB1CDC97EC980C981C982C983C984C0B6C985BCBBDDF1C986C987DDF7C988DDF6DDEBC989C98AC98BC98CC98DC5EEC98EC98FC990DDFBC991C992C993C994C995C996C997C998C999C99AC99BDEA4C99CC99DDEA3C99EC99FC9A0CA40CA41CA42CA43CA44CA45CA46CA47CA48DDF8CA49CA4ACA4BCA4CC3EFCA4DC2FBCA4ECA4FCA50D5E1CA51CA52CEB5CA53CA54CA55CA56DDFDCA57B2CCCA58CA59CA5ACA5BCA5CCA5DCA5ECA5FCA60C4E8CADFCA61CA62CA63CA64CA65CA66CA67CA68CA69CA6AC7BEDDFADDFCDDFEDEA2B0AAB1CECA6BCA6CCA6DCA6ECA6FDEACCA70CA71CA72CA73DEA6BDB6C8EFCA74CA75CA76CA77CA78CA79CA7ACA7BCA7CCA7DCA7EDEA1CA80CA81DEA5CA82CA83CA84CA85DEA9CA86CA87CA88CA89CA8ADEA8CA8BCA8CCA8DDEA7CA8ECA8FCA90CA91CA92CA93CA94CA95CA96DEADCA97D4CCCA98CA99CA9ACA9BDEB3DEAADEAECA9CCA9DC0D9CA9ECA9FCAA0CB40CB41B1A1DEB6CB42DEB1CB43CB44CB45CB46CB47CB48CB49DEB2CB4ACB4BCB4CCB4DCB4ECB4FCB50CB51CB52CB53CB54D1A6DEB5CB55CB56CB57CB58CB59CB5ACB5BDEAFCB5CCB5DCB5EDEB0CB5FD0BDCB60CB61CB62DEB4CAEDDEB9CB63CB64CB65CB66CB67CB68DEB8CB69DEB7CB6ACB6BCB6CCB6DCB6ECB6FCB70DEBBCB71CB72CB73CB74CB75CB76CB77BDE5CB78CB79CB7ACB7BCB7CB2D8C3EACB7DCB7EDEBACB80C5BACB81CB82CB83CB84CB85CB86DEBCCB87CB88CB89CB8ACB8BCB8CCB8DCCD9CB8ECB8FCB90CB91B7AACB92CB93CB94CB95CB96CB97CB98CB99CB9ACB9BCB9CCB9DCB9ECB9FCBA0CC40CC41D4E5CC42CC43CC44DEBDCC45CC46CC47CC48CC49DEBFCC4ACC4BCC4CCC4DCC4ECC4FCC50CC51CC52CC53CC54C4A2CC55CC56CC57CC58DEC1CC59CC5ACC5BCC5CCC5DCC5ECC5FCC60CC61CC62CC63CC64CC65CC66CC67CC68DEBECC69DEC0CC6ACC6BCC6CCC6DCC6ECC6FCC70CC71CC72CC73CC74CC75CC76CC77D5BACC78CC79CC7ADEC2CC7BCC7CCC7DCC7ECC80CC81CC82CC83CC84CC85CC86CC87CC88CC89CC8ACC8BF2AEBBA2C2B2C5B0C2C7CC8CCC8DF2AFCC8ECC8FCC90CC91CC92D0E9CC93CC94CC95D3DDCC96CC97CC98EBBDCC99CC9ACC9BCC9CCC9DCC9ECC9FCCA0B3E6F2B0CD40F2B1CD41CD42CAADCD43CD44CD45CD46CD47CD48CD49BAE7F2B3F2B5F2B4CBE4CFBAF2B2CAB4D2CFC2ECCD4ACD4BCD4CCD4DCD4ECD4FCD50CEC3F2B8B0F6F2B7CD51CD52CD53CD54CD55F2BECD56B2CFCD57CD58CD59CD5ACD5BCD5CD1C1F2BACD5DCD5ECD5FCD60CD61F2BCD4E9CD62CD63F2BBF2B6F2BFF2BDCD64F2B9CD65CD66F2C7F2C4F2C6CD67CD68F2CAF2C2F2C0CD69CD6ACD6BF2C5CD6CCD6DCD6ECD6FCD70D6FBCD71CD72CD73F2C1CD74C7F9C9DFCD75F2C8B9C6B5B0CD76CD77F2C3F2C9F2D0F2D6CD78CD79BBD7CD7ACD7BCD7CF2D5CDDCCD7DD6EBCD7ECD80F2D2F2D4CD81CD82CD83CD84B8F2CD85CD86CD87CD88F2CBCD89CD8ACD8BF2CEC2F9CD8CD5DDF2CCF2CDF2CFF2D3CD8DCD8ECD8FF2D9D3BCCD90CD91CD92CD93B6EACD94CAF1CD95B7E4F2D7CD96CD97CD98F2D8F2DAF2DDF2DBCD99CD9AF2DCCD9BCD9CCD9DCD9ED1D1F2D1CD9FCDC9CDA0CECFD6A9CE40F2E3CE41C3DBCE42F2E0CE43CE44C0AFF2ECF2DECE45F2E1CE46CE47CE48F2E8CE49CE4ACE4BCE4CF2E2CE4DCE4EF2E7CE4FCE50F2E6CE51CE52F2E9CE53CE54CE55F2DFCE56CE57F2E4F2EACE58CE59CE5ACE5BCE5CCE5DCE5ED3ACF2E5B2F5CE5FCE60F2F2CE61D0ABCE62CE63CE64CE65F2F5CE66CE67CE68BBC8CE69F2F9CE6ACE6BCE6CCE6DCE6ECE6FF2F0CE70CE71F2F6F2F8F2FACE72CE73CE74CE75CE76CE77CE78CE79F2F3CE7AF2F1CE7BCE7CCE7DBAFBCE7EB5FBCE80CE81CE82CE83F2EFF2F7F2EDF2EECE84CE85CE86F2EBF3A6CE87F3A3CE88CE89F3A2CE8ACE8BF2F4CE8CC8DACE8DCE8ECE8FCE90CE91F2FBCE92CE93CE94F3A5CE95CE96CE97CE98CE99CE9ACE9BC3F8CE9CCE9DCE9ECE9FCEA0CF40CF41CF42F2FDCF43CF44F3A7F3A9F3A4CF45F2FCCF46CF47CF48F3ABCF49F3AACF4ACF4BCF4CCF4DC2DDCF4ECF4FF3AECF50CF51F3B0CF52CF53CF54CF55CF56F3A1CF57CF58CF59F3B1F3ACCF5ACF5BCF5CCF5DCF5EF3AFF2FEF3ADCF5FCF60CF61CF62CF63CF64CF65F3B2CF66CF67CF68CF69F3B4CF6ACF6BCF6CCF6DF3A8CF6ECF6FCF70CF71F3B3CF72CF73CF74F3B5CF75CF76CF77CF78CF79CF7ACF7BCF7CCF7DCF7ED0B7CF80CF81CF82CF83F3B8CF84CF85CF86CF87D9F9CF88CF89CF8ACF8BCF8CCF8DF3B9CF8ECF8FCF90CF91CF92CF93CF94CF95F3B7CF96C8E4F3B6CF97CF98CF99CF9AF3BACF9BCF9CCF9DCF9ECF9FF3BBB4C0CFA0D040D041D042D043D044D045D046D047D048D049D04AD04BD04CD04DEEC3D04ED04FD050D051D052D053F3BCD054D055F3BDD056D057D058D1AAD059D05AD05BF4ACD0C6D05CD05DD05ED05FD060D061D0D0D1DCD062D063D064D065D066D067CFCED068D069BDD6D06AD1C3D06BD06CD06DD06ED06FD070D071BAE2E1E9D2C2F1C2B2B9D072D073B1EDF1C3D074C9C0B3C4D075D9F2D076CBA5D077F1C4D078D079D07AD07BD6D4D07CD07DD07ED080D081F1C5F4C0F1C6D082D4ACF1C7D083B0C0F4C1D084D085F4C2D086D087B4FCD088C5DBD089D08AD08BD08CCCBBD08DD08ED08FD0E4D090D091D092D093D094CDE0D095D096D097D098D099F1C8D09AD9F3D09BD09CD09DD09ED09FD0A0B1BBD140CFAED141D142D143B8A4D144D145D146D147D148F1CAD149D14AD14BD14CF1CBD14DD14ED14FD150B2C3C1D1D151D152D7B0F1C9D153D154F1CCD155D156D157D158F1CED159D15AD15BD9F6D15CD2E1D4A3D15DD15EF4C3C8B9D15FD160D161D162D163F4C4D164D165F1CDF1CFBFE3F1D0D166D167F1D4D168D169D16AD16BD16CD16DD16EF1D6F1D1D16FC9D1C5E1D170D171D172C2E3B9FCD173D174F1D3D175F1D5D176D177D178B9D3D179D17AD17BD17CD17DD17ED180F1DBD181D182D183D184D185BAD6D186B0FDF1D9D187D188D189D18AD18BF1D8F1D2F1DAD18CD18DD18ED18FD190F1D7D191D192D193C8ECD194D195D196D197CDCAF1DDD198D199D19AD19BE5BDD19CD19DD19EF1DCD19FF1DED1A0D240D241D242D243D244D245D246D247D248F1DFD249D24ACFE5D24BD24CD24DD24ED24FD250D251D252D253D254D255D256D257D258D259D25AD25BD25CD25DD25ED25FD260D261D262D263F4C5BDF3D264D265D266D267D268D269F1E0D26AD26BD26CD26DD26ED26FD270D271D272D273D274D275D276D277D278D279D27AD27BD27CD27DF1E1D27ED280D281CEF7D282D2AAD283F1FBD284D285B8B2D286D287D288D289D28AD28BD28CD28DD28ED28FD290D291D292D293D294D295D296D297D298D299D29AD29BD29CD29DD29ED29FD2A0D340D341D342D343D344D345D346D347D348D349D34AD34BD34CD34DD34ED34FD350D351D352D353D354D355D356D357D358D359D35AD35BD35CD35DD35EBCFBB9DBD35FB9E6C3D9CAD3EAE8C0C0BEF5EAE9EAEAEAEBD360EAECEAEDEAEEEAEFBDC7D361D362D363F5FBD364D365D366F5FDD367F5FED368F5FCD369D36AD36BD36CBDE2D36DF6A1B4A5D36ED36FD370D371F6A2D372D373D374F6A3D375D376D377ECB2D378D379D37AD37BD37CD37DD37ED380D381D382D383D384D1D4D385D386D387D388D389D38AD9EAD38BD38CD38DD38ED38FD390D391D392D393D394D395D396D397D398D399D39AD39BD39CD39DD39ED39FD3A0D440D441D442D443D444D445D446D447D448D449D44AD44BD44CD44DD44ED44FD450D451D452D453D454D455D456D457D458D459D45AD45BD45CD45DD45ED45FF6A4D460D461D462D463D464D465D466D467D468EEBAD469D46AD46BD46CD46DD46ED46FD470D471D472D473D474D475D476D477D478D479D47AD47BD47CD47DD47ED480D481D482D483D484D485D486D487D488D489D48AD48BD48CD48DD48ED48FD490D491D492D493D494D495D496D497D498D499D5B2D49AD49BD49CD49DD49ED49FD4A0D540D541D542D543D544D545D546D547D3FECCDCD548D549D54AD54BD54CD54DD54ED54FCAC4D550D551D552D553D554D555D556D557D558D559D55AD55BD55CD55DD55ED55FD560D561D562D563D564D565D566D567D568D569D56AD56BD56CD56DD56ED56FD570D571D572D573D574D575D576D577D578D579D57AD57BD57CD57DD57ED580D581D582D583D584D585D586D587D588D589D58AD58BD58CD58DD58ED58FD590D591D592D593D594D595D596D597D598D599D59AD59BD59CD59DD59ED59FD5A0D640D641D642D643D644D645D646D647D648D649D64AD64BD64CD64DD64ED64FD650D651D652D653D654D655D656D657D658D659D65AD65BD65CD65DD65ED65FD660D661D662E5C0D663D664D665D666D667D668D669D66AD66BD66CD66DD66ED66FD670D671D672D673D674D675D676D677D678D679D67AD67BD67CD67DD67ED680D681F6A5D682D683D684D685D686D687D688D689D68AD68BD68CD68DD68ED68FD690D691D692D693D694D695D696D697D698D699D69AD69BD69CD69DD69ED69FD6A0D740D741D742D743D744D745D746D747D748D749D74AD74BD74CD74DD74ED74FD750D751D752D753D754D755D756D757D758D759D75AD75BD75CD75DD75ED75FBEAFD760D761D762D763D764C6A9D765D766D767D768D769D76AD76BD76CD76DD76ED76FD770D771D772D773D774D775D776D777D778D779D77AD77BD77CD77DD77ED780D781D782D783D784D785D786D787D788D789D78AD78BD78CD78DD78ED78FD790D791D792D793D794D795D796D797D798DAA5BCC6B6A9B8BCC8CFBCA5DAA6DAA7CCD6C8C3DAA8C6FDD799D1B5D2E9D1B6BCC7D79ABDB2BBE4DAA9DAAAD1C8DAABD0EDB6EFC2DBD79BCBCFB7EDC9E8B7C3BEF7D6A4DAACDAADC6C0D7E7CAB6D79CD5A9CBDFD5EFDAAED6DFB4CADAB0DAAFD79DD2EBDAB1DAB2DAB3CAD4DAB4CAABDAB5DAB6B3CFD6EFDAB7BBB0B5AEDAB8DAB9B9EED1AFD2E8DABAB8C3CFEAB2EFDABBDABCD79EBDEBCEDCD3EFDABDCEF3DABED3D5BBE5DABFCBB5CBD0DAC0C7EBD6EEDAC1C5B5B6C1DAC2B7CCBFCEDAC3DAC4CBADDAC5B5F7DAC6C1C2D7BBDAC7CCB8D79FD2EAC4B1DAC8B5FDBBD1DAC9D0B3DACADACBCEBDDACCDACDDACEB2F7DAD1DACFD1E8DAD0C3D5DAD2D7A0DAD3DAD4DAD5D0BBD2A5B0F9DAD6C7ABDAD7BDF7C3A1DAD8DAD9C3FDCCB7DADADADBC0BEC6D7DADCDADDC7B4DADEDADFB9C8D840D841D842D843D844D845D846D847D848BBEDD849D84AD84BD84CB6B9F4F8D84DF4F9D84ED84FCDE3D850D851D852D853D854D855D856D857F5B9D858D859D85AD85BEBE0D85CD85DD85ED85FD860D861CFF3BBBFD862D863D864D865D866D867D868BAC0D4A5D869D86AD86BD86CD86DD86ED86FE1D9D870D871D872D873F5F4B1AAB2F2D874D875D876D877D878D879D87AF5F5D87BD87CF5F7D87DD87ED880BAD1F5F6D881C3B2D882D883D884D885D886D887D888F5F9D889D88AD88BF5F8D88CD88DD88ED88FD890D891D892D893D894D895D896D897D898D899D89AD89BD89CD89DD89ED89FD8A0D940D941D942D943D944D945D946D947D948D949D94AD94BD94CD94DD94ED94FD950D951D952D953D954D955D956D957D958D959D95AD95BD95CD95DD95ED95FD960D961D962D963D964D965D966D967D968D969D96AD96BD96CD96DD96ED96FD970D971D972D973D974D975D976D977D978D979D97AD97BD97CD97DD97ED980D981D982D983D984D985D986D987D988D989D98AD98BD98CD98DD98ED98FD990D991D992D993D994D995D996D997D998D999D99AD99BD99CD99DD99ED99FD9A0DA40DA41DA42DA43DA44DA45DA46DA47DA48DA49DA4ADA4BDA4CDA4DDA4EB1B4D5EAB8BADA4FB9B1B2C6D4F0CFCDB0DCD5CBBBF5D6CAB7B7CCB0C6B6B1E1B9BAD6FCB9E1B7A1BCFAEADAEADBCCF9B9F3EADCB4FBC3B3B7D1BAD8EADDD4F4EADEBCD6BBDFEADFC1DEC2B8D4DFD7CAEAE0EAE1EAE4EAE2EAE3C9DEB8B3B6C4EAE5CAEAC9CDB4CDDA50DA51E2D9C5E2EAE6C0B5DA52D7B8EAE7D7ACC8FCD8D3D8CDD4DEDA53D4F9C9C4D3AEB8D3B3E0DA54C9E2F4F6DA55DA56DA57BAD5DA58F4F7DA59DA5AD7DFDA5BDA5CF4F1B8B0D5D4B8CFC6F0DA5DDA5EDA5FDA60DA61DA62DA63DA64DA65B3C3DA66DA67F4F2B3ACDA68DA69DA6ADA6BD4BDC7F7DA6CDA6DDA6EDA6FDA70F4F4DA71DA72F4F3DA73DA74DA75DA76DA77DA78DA79DA7ADA7BDA7CCCCBDA7DDA7EDA80C8A4DA81DA82DA83DA84DA85DA86DA87DA88DA89DA8ADA8BDA8CDA8DF4F5DA8ED7E3C5BFF5C0DA8FDA90F5BBDA91F5C3DA92F5C2DA93D6BAF5C1DA94DA95DA96D4BEF5C4DA97F5CCDA98DA99DA9ADA9BB0CFB5F8DA9CF5C9F5CADA9DC5DCDA9EDA9FDAA0DB40F5C5F5C6DB41DB42F5C7F5CBDB43BEE0F5C8B8FADB44DB45DB46F5D0F5D3DB47DB48DB49BFE7DB4AB9F2F5BCF5CDDB4BDB4CC2B7DB4DDB4EDB4FCCF8DB50BCF9DB51F5CEF5CFF5D1B6E5F5D2DB52F5D5DB53DB54DB55DB56DB57DB58DB59F5BDDB5ADB5BDB5CF5D4D3BBDB5DB3ECDB5EDB5FCCA4DB60DB61DB62DB63F5D6DB64DB65DB66DB67DB68DB69DB6ADB6BF5D7BEE1F5D8DB6CDB6DCCDFF5DBDB6EDB6FDB70DB71DB72B2C8D7D9DB73F5D9DB74F5DAF5DCDB75F5E2DB76DB77DB78F5E0DB79DB7ADB7BF5DFF5DDDB7CDB7DF5E1DB7EDB80F5DEF5E4F5E5DB81CCE3DB82DB83E5BFB5B8F5E3F5E8CCA3DB84DB85DB86DB87DB88F5E6F5E7DB89DB8ADB8BDB8CDB8DDB8EF5BEDB8FDB90DB91DB92DB93DB94DB95DB96DB97DB98DB99DB9AB1C4DB9BDB9CF5BFDB9DDB9EB5C5B2E4DB9FF5ECF5E9DBA0B6D7DC40F5EDDC41F5EADC42DC43DC44DC45DC46F5EBDC47DC48B4DADC49D4EADC4ADC4BDC4CF5EEDC4DB3F9DC4EDC4FDC50DC51DC52DC53DC54F5EFF5F1DC55DC56DC57F5F0DC58DC59DC5ADC5BDC5CDC5DDC5EF5F2DC5FF5F3DC60DC61DC62DC63DC64DC65DC66DC67DC68DC69DC6ADC6BC9EDB9AADC6CDC6DC7FBDC6EDC6FB6E3DC70DC71DC72DC73DC74DC75DC76CCC9DC77DC78DC79DC7ADC7BDC7CDC7DDC7EDC80DC81DC82DC83DC84DC85DC86DC87DC88DC89DC8AEAA6DC8BDC8CDC8DDC8EDC8FDC90DC91DC92DC93DC94DC95DC96DC97DC98DC99DC9ADC9BDC9CDC9DDC9EDC9FDCA0DD40DD41DD42DD43DD44DD45DD46DD47DD48DD49DD4ADD4BDD4CDD4DDD4EDD4FDD50DD51DD52DD53DD54DD55DD56DD57DD58DD59DD5ADD5BDD5CDD5DDD5EDD5FDD60DD61DD62DD63DD64DD65DD66DD67DD68DD69DD6ADD6BDD6CDD6DDD6EDD6FDD70DD71DD72DD73DD74DD75DD76DD77DD78DD79DD7ADD7BDD7CDD7DDD7EDD80DD81DD82DD83DD84DD85DD86DD87DD88DD89DD8ADD8BDD8CDD8DDD8EDD8FDD90DD91DD92DD93DD94DD95DD96DD97DD98DD99DD9ADD9BDD9CDD9DDD9EDD9FDDA0DE40DE41DE42DE43DE44DE45DE46DE47DE48DE49DE4ADE4BDE4CDE4DDE4EDE4FDE50DE51DE52DE53DE54DE55DE56DE57DE58DE59DE5ADE5BDE5CDE5DDE5EDE5FDE60B3B5D4FEB9ECD0F9DE61E9EDD7AAE9EEC2D6C8EDBAE4E9EFE9F0E9F1D6E1E9F2E9F3E9F5E9F4E9F6E9F7C7E1E9F8D4D8E9F9BDCEDE62E9FAE9FBBDCFE9FCB8A8C1BEE9FDB1B2BBD4B9F5E9FEDE63EAA1EAA2EAA3B7F8BCADDE64CAE4E0CED4AFCFBDD5B7EAA4D5DEEAA5D0C1B9BCDE65B4C7B1D9DE66DE67DE68C0B1DE69DE6ADE6BDE6CB1E6B1E7DE6DB1E8DE6EDE6FDE70DE71B3BDC8E8DE72DE73DE74DE75E5C1DE76DE77B1DFDE78DE79DE7AC1C9B4EFDE7BDE7CC7A8D3D8DE7DC6F9D1B8DE7EB9FDC2F5DE80DE81DE82DE83DE84D3ADDE85D4CBBDFCDE86E5C2B7B5E5C3DE87DE88BBB9D5E2DE89BDF8D4B6CEA5C1ACB3D9DE8ADE8BCCF6DE8CE5C6E5C4E5C8DE8DE5CAE5C7B5CFC6C8DE8EB5FCE5C5DE8FCAF6DE90DE91E5C9DE92DE93DE94C3D4B1C5BCA3DE95DE96DE97D7B7DE98DE99CDCBCBCDCACACCD3E5CCE5CBC4E6DE9ADE9BD1A1D1B7E5CDDE9CE5D0DE9DCDB8D6F0E5CFB5DDDE9ECDBEDE9FE5D1B6BADEA0DF40CDA8B9E4DF41CAC5B3D1CBD9D4ECE5D2B7EADF42DF43DF44E5CEDF45DF46DF47DF48DF49DF4AE5D5B4FEE5D6DF4BDF4CDF4DDF4EDF4FE5D3E5D4DF50D2DDDF51DF52C2DFB1C6DF53D3E2DF54DF55B6DDCBECDF56E5D7DF57DF58D3F6DF59DF5ADF5BDF5CDF5DB1E9DF5EB6F4E5DAE5D8E5D9B5C0DF5FDF60DF61D2C5E5DCDF62DF63E5DEDF64DF65DF66DF67DF68DF69E5DDC7B2DF6AD2A3DF6BDF6CE5DBDF6DDF6EDF6FDF70D4E2D5DADF71DF72DF73DF74DF75E5E0D7F1DF76DF77DF78DF79DF7ADF7BDF7CE5E1DF7DB1DCD1FBDF7EE5E2E5E4DF80DF81DF82DF83E5E3DF84DF85E5E5DF86DF87DF88DF89DF8AD2D8DF8BB5CBDF8CE7DFDF8DDAF5DF8EDAF8DF8FDAF6DF90DAF7DF91DF92DF93DAFAD0CFC4C7DF94DF95B0EEDF96DF97DF98D0B0DF99DAF9DF9AD3CABAAADBA2C7F1DF9BDAFCDAFBC9DBDAFDDF9CDBA1D7DEDAFEC1DADF9DDF9EDBA5DF9FDFA0D3F4E040E041DBA7DBA4E042DBA8E043E044BDBCE045E046E047C0C9DBA3DBA6D6A3E048DBA9E049E04AE04BDBADE04CE04DE04EDBAEDBACBAC2E04FE050E051BFA4DBABE052E053E054DBAAD4C7B2BFE055E056DBAFE057B9F9E058DBB0E059E05AE05BE05CB3BBE05DE05EE05FB5A6E060E061E062E063B6BCDBB1E064E065E066B6F5E067DBB2E068E069E06AE06BE06CE06DE06EE06FE070E071E072E073E074E075E076E077E078E079E07AE07BB1C9E07CE07DE07EE080DBB4E081E082E083DBB3DBB5E084E085E086E087E088E089E08AE08BE08CE08DE08EDBB7E08FDBB6E090E091E092E093E094E095E096DBB8E097E098E099E09AE09BE09CE09DE09EE09FDBB9E0A0E140DBBAE141E142D3CFF4FAC7F5D7C3C5E4F4FCF4FDF4FBE143BEC6E144E145E146E147D0EFE148E149B7D3E14AE14BD4CDCCAAE14CE14DF5A2F5A1BAA8F4FECBD6E14EE14FE150F5A4C0D2E151B3EAE152CDAAF5A5F5A3BDB4F5A8E153F5A9BDCDC3B8BFE1CBE1F5AAE154E155E156F5A6F5A7C4F0E157E158E159E15AE15BF5ACE15CB4BCE15DD7EDE15EB4D7F5ABF5AEE15FE160F5ADF5AFD0D1E161E162E163E164E165E166E167C3D1C8A9E168E169E16AE16BE16CE16DF5B0F5B1E16EE16FE170E171E172E173F5B2E174E175F5B3F5B4F5B5E176E177E178E179F5B7F5B6E17AE17BE17CE17DF5B8E17EE180E181E182E183E184E185E186E187E188E189E18AB2C9E18BD3D4CACDE18CC0EFD6D8D2B0C1BFE18DBDF0E18EE18FE190E191E192E193E194E195E196E197B8AAE198E199E19AE19BE19CE19DE19EE19FE1A0E240E241E242E243E244E245E246E247E248E249E24AE24BE24CE24DE24EE24FE250E251E252E253E254E255E256E257E258E259E25AE25BE25CE25DE25EE25FE260E261E262E263E264E265E266E267E268E269E26AE26BE26CE26DE26EE26FE270E271E272E273E274E275E276E277E278E279E27AE27BE27CE27DE27EE280E281E282E283E284E285E286E287E288E289E28AE28BE28CE28DE28EE28FE290E291E292E293E294E295E296E297E298E299E29AE29BE29CE29DE29EE29FE2A0E340E341E342E343E344E345E346E347E348E349E34AE34BE34CE34DE34EE34FE350E351E352E353E354E355E356E357E358E359E35AE35BE35CE35DE35EE35FE360E361E362E363E364E365E366E367E368E369E36AE36BE36CE36DBCF8E36EE36FE370E371E372E373E374E375E376E377E378E379E37AE37BE37CE37DE37EE380E381E382E383E384E385E386E387F6C6E388E389E38AE38BE38CE38DE38EE38FE390E391E392E393E394E395E396E397E398E399E39AE39BE39CE39DE39EE39FE3A0E440E441E442E443E444E445F6C7E446E447E448E449E44AE44BE44CE44DE44EE44FE450E451E452E453E454E455E456E457E458E459E45AE45BE45CE45DE45EF6C8E45FE460E461E462E463E464E465E466E467E468E469E46AE46BE46CE46DE46EE46FE470E471E472E473E474E475E476E477E478E479E47AE47BE47CE47DE47EE480E481E482E483E484E485E486E487E488E489E48AE48BE48CE48DE48EE48FE490E491E492E493E494E495E496E497E498E499E49AE49BE49CE49DE49EE49FE4A0E540E541E542E543E544E545E546E547E548E549E54AE54BE54CE54DE54EE54FE550E551E552E553E554E555E556E557E558E559E55AE55BE55CE55DE55EE55FE560E561E562E563E564E565E566E567E568E569E56AE56BE56CE56DE56EE56FE570E571E572E573F6C9E574E575E576E577E578E579E57AE57BE57CE57DE57EE580E581E582E583E584E585E586E587E588E589E58AE58BE58CE58DE58EE58FE590E591E592E593E594E595E596E597E598E599E59AE59BE59CE59DE59EE59FF6CAE5A0E640E641E642E643E644E645E646E647E648E649E64AE64BE64CE64DE64EE64FE650E651E652E653E654E655E656E657E658E659E65AE65BE65CE65DE65EE65FE660E661E662F6CCE663E664E665E666E667E668E669E66AE66BE66CE66DE66EE66FE670E671E672E673E674E675E676E677E678E679E67AE67BE67CE67DE67EE680E681E682E683E684E685E686E687E688E689E68AE68BE68CE68DE68EE68FE690E691E692E693E694E695E696E697E698E699E69AE69BE69CE69DF6CBE69EE69FE6A0E740E741E742E743E744E745E746E747F7E9E748E749E74AE74BE74CE74DE74EE74FE750E751E752E753E754E755E756E757E758E759E75AE75BE75CE75DE75EE75FE760E761E762E763E764E765E766E767E768E769E76AE76BE76CE76DE76EE76FE770E771E772E773E774E775E776E777E778E779E77AE77BE77CE77DE77EE780E781E782E783E784E785E786E787E788E789E78AE78BE78CE78DE78EE78FE790E791E792E793E794E795E796E797E798E799E79AE79BE79CE79DE79EE79FE7A0E840E841E842E843E844E845E846E847E848E849E84AE84BE84CE84DE84EF6CDE84FE850E851E852E853E854E855E856E857E858E859E85AE85BE85CE85DE85EE85FE860E861E862E863E864E865E866E867E868E869E86AE86BE86CE86DE86EE86FE870E871E872E873E874E875E876E877E878E879E87AF6CEE87BE87CE87DE87EE880E881E882E883E884E885E886E887E888E889E88AE88BE88CE88DE88EE88FE890E891E892E893E894EEC4EEC5EEC6D5EBB6A4EEC8EEC7EEC9EECAC7A5EECBEECCE895B7B0B5F6EECDEECFE896EECEE897B8C6EED0EED1EED2B6DBB3AED6D3C4C6B1B5B8D6EED3EED4D4BFC7D5BEFBCED9B9B3EED6EED5EED8EED7C5A5EED9EEDAC7AEEEDBC7AFEEDCB2A7EEDDEEDEEEDFEEE0EEE1D7EAEEE2EEE3BCD8EEE4D3CBCCFAB2ACC1E5EEE5C7A6C3ADE898EEE6EEE7EEE8EEE9EEEAEEEBEEECE899EEEDEEEEEEEFE89AE89BEEF0EEF1EEF2EEF4EEF3E89CEEF5CDADC2C1EEF6EEF7EEF8D5A1EEF9CFB3EEFAEEFBE89DEEFCEEFDEFA1EEFEEFA2B8F5C3FAEFA3EFA4BDC2D2BFB2F9EFA5EFA6EFA7D2F8EFA8D6FDEFA9C6CCE89EEFAAEFABC1B4EFACCFFACBF8EFAEEFADB3FAB9F8EFAFEFB0D0E2EFB1EFB2B7E6D0BFEFB3EFB4EFB5C8F1CCE0EFB6EFB7EFB8EFB9EFBAD5E0EFBBB4EDC3AAEFBCE89FEFBDEFBEEFBFE8A0CEFDEFC0C2E0B4B8D7B6BDF5E940CFC7EFC3EFC1EFC2EFC4B6A7BCFCBEE2C3CCEFC5EFC6E941EFC7EFCFEFC8EFC9EFCAC7C2EFF1B6CDEFCBE942EFCCEFCDB6C6C3BEEFCEE943EFD0EFD1EFD2D5F2E944EFD3C4F7E945EFD4C4F8EFD5EFD6B8E4B0F7EFD7EFD8EFD9E946EFDAEFDBEFDCEFDDE947EFDEBEB5EFE1EFDFEFE0E948EFE2EFE3C1CDEFE4EFE5EFE6EFE7EFE8EFE9EFEAEFEBEFECC0D8E949EFEDC1ADEFEEEFEFEFF0E94AE94BCFE2E94CE94DE94EE94FE950E951E952E953B3A4E954E955E956E957E958E959E95AE95BE95CE95DE95EE95FE960E961E962E963E964E965E966E967E968E969E96AE96BE96CE96DE96EE96FE970E971E972E973E974E975E976E977E978E979E97AE97BE97CE97DE97EE980E981E982E983E984E985E986E987E988E989E98AE98BE98CE98DE98EE98FE990E991E992E993E994E995E996E997E998E999E99AE99BE99CE99DE99EE99FE9A0EA40EA41EA42EA43EA44EA45EA46EA47EA48EA49EA4AEA4BEA4CEA4DEA4EEA4FEA50EA51EA52EA53EA54EA55EA56EA57EA58EA59EA5AEA5BC3C5E3C5C9C1E3C6EA5CB1D5CECAB4B3C8F2E3C7CFD0E3C8BCE4E3C9E3CAC3C6D5A2C4D6B9EBCEC5E3CBC3F6E3CCEA5DB7A7B8F3BAD2E3CDE3CED4C4E3CFEA5EE3D0D1CBE3D1E3D2E3D3E3D4D1D6E3D5B2FBC0BBE3D6EA5FC0ABE3D7E3D8E3D9EA60E3DAE3DBEA61B8B7DAE2EA62B6D3EA63DAE4DAE3EA64EA65EA66EA67EA68EA69EA6ADAE6EA6BEA6CEA6DC8EEEA6EEA6FDAE5B7C0D1F4D2F5D5F3BDD7EA70EA71EA72EA73D7E8DAE8DAE7EA74B0A2CDD3EA75DAE9EA76B8BDBCCAC2BDC2A4B3C2DAEAEA77C2AAC4B0BDB5EA78EA79CFDEEA7AEA7BEA7CDAEBC9C2EA7DEA7EEA80EA81EA82B1DDEA83EA84EA85DAECEA86B6B8D4BAEA87B3FDEA88EA89DAEDD4C9CFD5C5E3EA8ADAEEEA8BEA8CEA8DEA8EEA8FDAEFEA90DAF0C1EACCD5CFDDEA91EA92EA93EA94EA95EA96EA97EA98EA99EA9AEA9BEA9CEA9DD3E7C2A1EA9EDAF1EA9FEAA0CBE5EB40DAF2EB41CBE6D2FEEB42EB43EB44B8F4EB45EB46DAF3B0AFCFB6EB47EB48D5CFEB49EB4AEB4BEB4CEB4DEB4EEB4FEB50EB51EB52CBEDEB53EB54EB55EB56EB57EB58EB59EB5ADAF4EB5BEB5CE3C4EB5DEB5EC1A5EB5FEB60F6BFEB61EB62F6C0F6C1C4D1EB63C8B8D1E3EB64EB65D0DBD1C5BCAFB9CDEB66EFF4EB67EB68B4C6D3BAF6C2B3FBEB69EB6AF6C3EB6BEB6CB5F1EB6DEB6EEB6FEB70EB71EB72EB73EB74EB75EB76F6C5EB77EB78EB79EB7AEB7BEB7CEB7DD3EAF6A7D1A9EB7EEB80EB81EB82F6A9EB83EB84EB85F6A8EB86EB87C1E3C0D7EB88B1A2EB89EB8AEB8BEB8CCEEDEB8DD0E8F6ABEB8EEB8FCFF6EB90F6AAD5F0F6ACC3B9EB91EB92EB93BBF4F6AEF6ADEB94EB95EB96C4DEEB97EB98C1D8EB99EB9AEB9BEB9CEB9DCBAAEB9ECFBCEB9FEBA0EC40EC41EC42EC43EC44EC45EC46EC47EC48F6AFEC49EC4AF6B0EC4BEC4CF6B1EC4DC2B6EC4EEC4FEC50EC51EC52B0D4C5F9EC53EC54EC55EC56F6B2EC57EC58EC59EC5AEC5BEC5CEC5DEC5EEC5FEC60EC61EC62EC63EC64EC65EC66EC67EC68EC69C7E0F6A6EC6AEC6BBEB8EC6CEC6DBEB2EC6EB5E5EC6FEC70B7C7EC71BFBFC3D2C3E6EC72EC73D8CCEC74EC75EC76B8EFEC77EC78EC79EC7AEC7BEC7CEC7DEC7EEC80BDF9D1A5EC81B0D0EC82EC83EC84EC85EC86F7B0EC87EC88EC89EC8AEC8BEC8CEC8DEC8EF7B1EC8FEC90EC91EC92EC93D0ACEC94B0B0EC95EC96EC97F7B2F7B3EC98F7B4EC99EC9AEC9BC7CAEC9CEC9DEC9EEC9FECA0ED40ED41BECFED42ED43F7B7ED44ED45ED46ED47ED48ED49ED4AF7B6ED4BB1DEED4CF7B5ED4DED4EF7B8ED4FF7B9ED50ED51ED52ED53ED54ED55ED56ED57ED58ED59ED5AED5BED5CED5DED5EED5FED60ED61ED62ED63ED64ED65ED66ED67ED68ED69ED6AED6BED6CED6DED6EED6FED70ED71ED72ED73ED74ED75ED76ED77ED78ED79ED7AED7BED7CED7DED7EED80ED81CEA4C8CDED82BAABE8B8E8B9E8BABEC2ED83ED84ED85ED86ED87D2F4ED88D4CFC9D8ED89ED8AED8BED8CED8DED8EED8FED90ED91ED92ED93ED94ED95ED96ED97ED98ED99ED9AED9BED9CED9DED9EED9FEDA0EE40EE41EE42EE43EE44EE45EE46EE47EE48EE49EE4AEE4BEE4CEE4DEE4EEE4FEE50EE51EE52EE53EE54EE55EE56EE57EE58EE59EE5AEE5BEE5CEE5DEE5EEE5FEE60EE61EE62EE63EE64EE65EE66EE67EE68EE69EE6AEE6BEE6CEE6DEE6EEE6FEE70EE71EE72EE73EE74EE75EE76EE77EE78EE79EE7AEE7BEE7CEE7DEE7EEE80EE81EE82EE83EE84EE85EE86EE87EE88EE89EE8AEE8BEE8CEE8DEE8EEE8FEE90EE91EE92EE93EE94EE95EE96EE97EE98EE99EE9AEE9BEE9CEE9DEE9EEE9FEEA0EF40EF41EF42EF43EF44EF45D2B3B6A5C7EAF1FCCFEECBB3D0EBE7EFCDE7B9CBB6D9F1FDB0E4CBCCF1FED4A4C2ADC1ECC6C4BEB1F2A1BCD5EF46F2A2F2A3EF47F2A4D2C3C6B5EF48CDC7F2A5EF49D3B1BFC5CCE2EF4AF2A6F2A7D1D5B6EEF2A8F2A9B5DFF2AAF2ABEF4BB2FCF2ACF2ADC8A7EF4CEF4DEF4EEF4FEF50EF51EF52EF53EF54EF55EF56EF57EF58EF59EF5AEF5BEF5CEF5DEF5EEF5FEF60EF61EF62EF63EF64EF65EF66EF67EF68EF69EF6AEF6BEF6CEF6DEF6EEF6FEF70EF71B7E7EF72EF73ECA9ECAAECABEF74ECACEF75EF76C6AEECADECAEEF77EF78EF79B7C9CAB3EF7AEF7BEF7CEF7DEF7EEF80EF81E2B8F7CFEF82EF83EF84EF85EF86EF87EF88EF89EF8AEF8BEF8CEF8DEF8EEF8FEF90EF91EF92EF93EF94EF95EF96EF97EF98EF99EF9AEF9BEF9CEF9DEF9EEF9FEFA0F040F041F042F043F044F7D0F045F046B2CDF047F048F049F04AF04BF04CF04DF04EF04FF050F051F052F053F054F055F056F057F058F059F05AF05BF05CF05DF05EF05FF060F061F062F063F7D1F064F065F066F067F068F069F06AF06BF06CF06DF06EF06FF070F071F072F073F074F075F076F077F078F079F07AF07BF07CF07DF07EF080F081F082F083F084F085F086F087F088F089F7D3F7D2F08AF08BF08CF08DF08EF08FF090F091F092F093F094F095F096E2BBF097BCA2F098E2BCE2BDE2BEE2BFE2C0E2C1B7B9D2FBBDA4CACEB1A5CBC7F099E2C2B6FCC8C4E2C3F09AF09BBDC8F09CB1FDE2C4F09DB6F6E2C5C4D9F09EF09FE2C6CFDAB9DDE2C7C0A1F0A0E2C8B2F6F140E2C9F141C1F3E2CAE2CBC2F8E2CCE2CDE2CECAD7D8B8D9E5CFE3F142F143F144F145F146F147F148F149F14AF14BF14CF0A5F14DF14EDCB0F14FF150F151F152F153F154F155F156F157F158F159F15AF15BF15CF15DF15EF15FF160F161F162F163F164F165F166F167F168F169F16AF16BF16CF16DF16EF16FF170F171F172F173F174F175F176F177F178F179F17AF17BF17CF17DF17EF180F181F182F183F184F185F186F187F188F189F18AF18BF18CF18DF18EF18FF190F191F192F193F194F195F196F197F198F199F19AF19BF19CF19DF19EF19FF1A0F240F241F242F243F244F245F246F247F248F249F24AF24BF24CF24DF24EF24FF250F251F252F253F254F255F256F257F258F259F25AF25BF25CF25DF25EF25FF260F261F262F263F264F265F266F267F268F269F26AF26BF26CF26DF26EF26FF270F271F272F273F274F275F276F277F278F279F27AF27BF27CF27DF27EF280F281F282F283F284F285F286F287F288F289F28AF28BF28CF28DF28EF28FF290F291F292F293F294F295F296F297F298F299F29AF29BF29CF29DF29EF29FF2A0F340F341F342F343F344F345F346F347F348F349F34AF34BF34CF34DF34EF34FF350F351C2EDD4A6CDD4D1B1B3DBC7FDF352B2B5C2BFE6E0CABBE6E1E6E2BED4E6E3D7A4CDD5E6E5BCDDE6E4E6E6E6E7C2EEF353BDBEE6E8C2E6BAA7E6E9F354E6EAB3D2D1E9F355F356BFA5E6EBC6EFE6ECE6EDF357F358E6EEC6ADE6EFF359C9A7E6F0E6F1E6F2E5B9E6F3E6F4C2E2E6F5E6F6D6E8E6F7F35AE6F8B9C7F35BF35CF35DF35EF35FF360F361F7BBF7BAF362F363F364F365F7BEF7BCBAA1F366F7BFF367F7C0F368F369F36AF7C2F7C1F7C4F36BF36CF7C3F36DF36EF36FF370F371F7C5F7C6F372F373F374F375F7C7F376CBE8F377F378F379F37AB8DFF37BF37CF37DF37EF380F381F7D4F382F7D5F383F384F385F386F7D6F387F388F389F38AF7D8F38BF7DAF38CF7D7F38DF38EF38FF390F391F392F393F394F395F7DBF396F7D9F397F398F399F39AF39BF39CF39DD7D7F39EF39FF3A0F440F7DCF441F442F443F444F445F446F7DDF447F448F449F7DEF44AF44BF44CF44DF44EF44FF450F451F452F453F454F7DFF455F456F457F7E0F458F459F45AF45BF45CF45DF45EF45FF460F461F462DBCBF463F464D8AAF465F466F467F468F469F46AF46BF46CE5F7B9EDF46DF46EF46FF470BFFDBBEAF7C9C6C7F7C8F471F7CAF7CCF7CBF472F473F474F7CDF475CEBAF476F7CEF477F478C4A7F479F47AF47BF47CF47DF47EF480F481F482F483F484F485F486F487F488F489F48AF48BF48CF48DF48EF48FF490F491F492F493F494F495F496F497F498F499F49AF49BF49CF49DF49EF49FF4A0F540F541F542F543F544F545F546F547F548F549F54AF54BF54CF54DF54EF54FF550F551F552F553F554F555F556F557F558F559F55AF55BF55CF55DF55EF55FF560F561F562F563F564F565F566F567F568F569F56AF56BF56CF56DF56EF56FF570F571F572F573F574F575F576F577F578F579F57AF57BF57CF57DF57EF580F581F582F583F584F585F586F587F588F589F58AF58BF58CF58DF58EF58FF590F591F592F593F594F595F596F597F598F599F59AF59BF59CF59DF59EF59FF5A0F640F641F642F643F644F645F646F647F648F649F64AF64BF64CF64DF64EF64FF650F651F652F653F654F655F656F657F658F659F65AF65BF65CF65DF65EF65FF660F661F662F663F664F665F666F667F668F669F66AF66BF66CF66DF66EF66FF670F671F672F673F674F675F676F677F678F679F67AF67BF67CF67DF67EF680F681F682F683F684F685F686F687F688F689F68AF68BF68CF68DF68EF68FF690F691F692F693F694F695F696F697F698F699F69AF69BF69CF69DF69EF69FF6A0F740F741F742F743F744F745F746F747F748F749F74AF74BF74CF74DF74EF74FF750F751F752F753F754F755F756F757F758F759F75AF75BF75CF75DF75EF75FF760F761F762F763F764F765F766F767F768F769F76AF76BF76CF76DF76EF76FF770F771F772F773F774F775F776F777F778F779F77AF77BF77CF77DF77EF780D3E3F781F782F6CFF783C2B3F6D0F784F785F6D1F6D2F6D3F6D4F786F787F6D6F788B1ABF6D7F789F6D8F6D9F6DAF78AF6DBF6DCF78BF78CF78DF78EF6DDF6DECFCAF78FF6DFF6E0F6E1F6E2F6E3F6E4C0F0F6E5F6E6F6E7F6E8F6E9F790F6EAF791F6EBF6ECF792F6EDF6EEF6EFF6F0F6F1F6F2F6F3F6F4BEA8F793F6F5F6F6F6F7F6F8F794F795F796F797F798C8FAF6F9F6FAF6FBF6FCF799F79AF6FDF6FEF7A1F7A2F7A3F7A4F7A5F79BF79CF7A6F7A7F7A8B1EEF7A9F7AAF7ABF79DF79EF7ACF7ADC1DBF7AEF79FF7A0F7AFF840F841F842F843F844F845F846F847F848F849F84AF84BF84CF84DF84EF84FF850F851F852F853F854F855F856F857F858F859F85AF85BF85CF85DF85EF85FF860F861F862F863F864F865F866F867F868F869F86AF86BF86CF86DF86EF86FF870F871F872F873F874F875F876F877F878F879F87AF87BF87CF87DF87EF880F881F882F883F884F885F886F887F888F889F88AF88BF88CF88DF88EF88FF890F891F892F893F894F895F896F897F898F899F89AF89BF89CF89DF89EF89FF8A0F940F941F942F943F944F945F946F947F948F949F94AF94BF94CF94DF94EF94FF950F951F952F953F954F955F956F957F958F959F95AF95BF95CF95DF95EF95FF960F961F962F963F964F965F966F967F968F969F96AF96BF96CF96DF96EF96FF970F971F972F973F974F975F976F977F978F979F97AF97BF97CF97DF97EF980F981F982F983F984F985F986F987F988F989F98AF98BF98CF98DF98EF98FF990F991F992F993F994F995F996F997F998F999F99AF99BF99CF99DF99EF99FF9A0FA40FA41FA42FA43FA44FA45FA46FA47FA48FA49FA4AFA4BFA4CFA4DFA4EFA4FFA50FA51FA52FA53FA54FA55FA56FA57FA58FA59FA5AFA5BFA5CFA5DFA5EFA5FFA60FA61FA62FA63FA64FA65FA66FA67FA68FA69FA6AFA6BFA6CFA6DFA6EFA6FFA70FA71FA72FA73FA74FA75FA76FA77FA78FA79FA7AFA7BFA7CFA7DFA7EFA80FA81FA82FA83FA84FA85FA86FA87FA88FA89FA8AFA8BFA8CFA8DFA8EFA8FFA90FA91FA92FA93FA94FA95FA96FA97FA98FA99FA9AFA9BFA9CFA9DFA9EFA9FFAA0FB40FB41FB42FB43FB44FB45FB46FB47FB48FB49FB4AFB4BFB4CFB4DFB4EFB4FFB50FB51FB52FB53FB54FB55FB56FB57FB58FB59FB5AFB5BC4F1F0AFBCA6F0B0C3F9FB5CC5B8D1BBFB5DF0B1F0B2F0B3F0B4F0B5D1BCFB5ED1ECFB5FF0B7F0B6D4A7FB60CDD2F0B8F0BAF0B9F0BBF0BCFB61FB62B8EBF0BDBAE8FB63F0BEF0BFBEE9F0C0B6ECF0C1F0C2F0C3F0C4C8B5F0C5F0C6FB64F0C7C5F4FB65F0C8FB66FB67FB68F0C9FB69F0CAF7BDFB6AF0CBF0CCF0CDFB6BF0CEFB6CFB6DFB6EFB6FF0CFBAD7FB70F0D0F0D1F0D2F0D3F0D4F0D5F0D6F0D8FB71FB72D3A5F0D7FB73F0D9FB74FB75FB76FB77FB78FB79FB7AFB7BFB7CFB7DF5BAC2B9FB7EFB80F7E4FB81FB82FB83FB84F7E5F7E6FB85FB86F7E7FB87FB88FB89FB8AFB8BFB8CF7E8C2B4FB8DFB8EFB8FFB90FB91FB92FB93FB94FB95F7EAFB96F7EBFB97FB98FB99FB9AFB9BFB9CC2F3FB9DFB9EFB9FFBA0FC40FC41FC42FC43FC44FC45FC46FC47FC48F4F0FC49FC4AFC4BF4EFFC4CFC4DC2E9FC4EF7E1F7E2FC4FFC50FC51FC52FC53BBC6FC54FC55FC56FC57D9E4FC58FC59FC5ACAF2C0E8F0A4FC5BBADAFC5CFC5DC7ADFC5EFC5FFC60C4ACFC61FC62F7ECF7EDF7EEFC63F7F0F7EFFC64F7F1FC65FC66F7F4FC67F7F3FC68F7F2F7F5FC69FC6AFC6BFC6CF7F6FC6DFC6EFC6FFC70FC71FC72FC73FC74FC75EDE9FC76EDEAEDEBFC77F6BCFC78FC79FC7AFC7BFC7CFC7DFC7EFC80FC81FC82FC83FC84F6BDFC85F6BEB6A6FC86D8BEFC87FC88B9C4FC89FC8AFC8BD8BBFC8CDCB1FC8DFC8EFC8FFC90FC91FC92CAF3FC93F7F7FC94FC95FC96FC97FC98FC99FC9AFC9BFC9CF7F8FC9DFC9EF7F9FC9FFCA0FD40FD41FD42FD43FD44F7FBFD45F7FAFD46B1C7FD47F7FCF7FDFD48FD49FD4AFD4BFD4CF7FEFD4DFD4EFD4FFD50FD51FD52FD53FD54FD55FD56FD57C6EBECB4FD58FD59FD5AFD5BFD5CFD5DFD5EFD5FFD60FD61FD62FD63FD64FD65FD66FD67FD68FD69FD6AFD6BFD6CFD6DFD6EFD6FFD70FD71FD72FD73FD74FD75FD76FD77FD78FD79FD7AFD7BFD7CFD7DFD7EFD80FD81FD82FD83FD84FD85B3DDF6B3FD86FD87F6B4C1E4F6B5F6B6F6B7F6B8F6B9F6BAC8A3F6BBFD88FD89FD8AFD8BFD8CFD8DFD8EFD8FFD90FD91FD92FD93C1FAB9A8EDE8FD94FD95FD96B9EAD9DFFD97FD98FD99FD9AFD9';
+
+            for (var i = 0; i < str.length; i++) {
+                var c = str.charAt(i),
+                    code = str.charCodeAt(i);
+                if (c == " ") strOut += "+";
+                else if (code >= 19968 && code <= 40869) {
+                    var index = code - 19968;
+                    strOut += "%" + z.substr(index * 4, 2) + "%" + z.substr(index * 4 + 2, 2);
+                } else {
+                    strOut += "%" + str.charCodeAt(i).toString(16);
+                }
+            }
+            return strOut;
+        },
+        /* 改变图片大小 */
+        scale: function (img, w, h) {
+            var ow = img.width,
+                oh = img.height;
+
+            if (ow >= oh) {
+                img.width = w * ow / oh;
+                img.height = h;
+                img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px';
+            } else {
+                img.width = w;
+                img.height = h * oh / ow;
+                img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px';
+            }
+        },
+        getImageData: function(){
+            var _this = this,
+                key = $G('searchTxt').value,
+                type = $G('searchType').value,
+                keepOriginName = editor.options.keepOriginName ? "1" : "0",
+                url = "http://image.baidu.com/i?ct=201326592&cl=2&lm=-1&st=-1&tn=baiduimagejson&istype=2&rn=32&fm=index&pv=&word=" + _this.encodeToGb2312(key) + type + "&keeporiginname=" + keepOriginName + "&" + +new Date;
+
+            $G('searchListUl').innerHTML = lang.searchLoading;
+            ajax.request(url, {
+                'dataType': 'jsonp',
+                'charset': 'GB18030',
+                'onsuccess':function(json){
+                    var list = [];
+                    if(json && json.data) {
+                        for(var i = 0; i < json.data.length; i++) {
+                            if(json.data[i].objURL) {
+                                list.push({
+                                    title: json.data[i].fromPageTitleEnc,
+                                    src: json.data[i].objURL,
+                                    url: json.data[i].fromURL
+                                });
+                            }
+                        }
+                    }
+                    _this.setList(list);
+                },
+                'onerror':function(){
+                    $G('searchListUl').innerHTML = lang.searchRetry;
+                }
+            });
+        },
+        /* 添加图片到列表界面上 */
+        setList: function (list) {
+            var i, item, p, img, link, _this = this,
+                listUl = $G('searchListUl');
+
+            listUl.innerHTML = '';
+            if(list.length) {
+                for (i = 0; i < list.length; i++) {
+                    item = document.createElement('li');
+                    p = document.createElement('p');
+                    img = document.createElement('img');
+                    link = document.createElement('a');
+
+                    img.onload = function () {
+                        _this.scale(this, 113, 113);
+                    };
+                    img.width = 113;
+                    img.setAttribute('src', list[i].src);
+
+                    link.href = list[i].url;
+                    link.target = '_blank';
+                    link.title = list[i].title;
+                    link.innerHTML = list[i].title;
+
+                    p.appendChild(img);
+                    item.appendChild(p);
+                    item.appendChild(link);
+                    listUl.appendChild(item);
+                }
+            } else {
+                listUl.innerHTML = lang.searchRetry;
+            }
+        },
+        getInsertList: function () {
+            var child,
+                src,
+                align = getAlign(),
+                list = [],
+                items = $G('searchListUl').children;
+            for(var i = 0; i < items.length; i++) {
+                child = items[i].firstChild && items[i].firstChild.firstChild;
+                if(child.tagName && child.tagName.toLowerCase() == 'img' && domUtils.hasClass(items[i], 'selected')) {
+                    src = child.src;
+                    list.push({
+                        src: src,
+                        _src: src,
+                        alt: src.substr(src.lastIndexOf('/') + 1),
+                        floatStyle: align
+                    });
+                }
+            }
+            return list;
+        }
+    };
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/alignicon.jpg b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/alignicon.jpg
new file mode 100644
index 000000000..754755b1b
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/alignicon.jpg differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/bg.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/bg.png
new file mode 100644
index 000000000..580be0a01
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/bg.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/icons.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/icons.gif
new file mode 100644
index 000000000..78459dea7
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/icons.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/icons.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/icons.png
new file mode 100644
index 000000000..12e470016
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/icons.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/image.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/image.png
new file mode 100644
index 000000000..19699f6a9
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/image.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/progress.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/progress.png
new file mode 100644
index 000000000..717c4865c
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/progress.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/success.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/success.gif
new file mode 100644
index 000000000..8d4f3112b
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/success.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/success.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/success.png
new file mode 100644
index 000000000..94f968dc8
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/image/images/success.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/insertframe/insertframe.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/insertframe/insertframe.html
new file mode 100644
index 000000000..7f1f3e9a1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/insertframe/insertframe.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        .warp {width: 320px;height: 153px;margin-left:5px;padding: 20px 0 0 15px;position: relative;}
+        #url {width: 290px; margin-bottom: 2px; margin-left: -6px; margin-left: -2px\9;*margin-left:0;_margin-left:0; }
+        .format span{display: inline-block; width: 58px;text-align: center; zoom:1;}
+        table td{padding:5px 0;}
+        #align{width: 65px;height: 23px;line-height: 22px;}
+    </style>
+</head>
+<body>
+<div class="warp">
+        <table width="300" cellpadding="0" cellspacing="0">
+            <tr>
+                <td colspan="2" class="format">
+                    <span><var id="lang_input_address"></var></span>
+                    <input style="width:200px" id="url" type="text" value=""/>
+                </td>
+            </tr>
+            <tr>
+                <td colspan="2" class="format"><span><var id="lang_input_width"></var></span><input style="width:200px" type="text" id="width"/> px</td>
+
+            </tr>
+            <tr>
+                <td colspan="2" class="format"><span><var id="lang_input_height"></var></span><input style="width:200px" type="text" id="height"/> px</td>
+            </tr>
+            <tr>
+                <td><span><var id="lang_input_isScroll"></var></span><input type="checkbox" id="scroll"/> </td>
+                <td><span><var id="lang_input_frameborder"></var></span><input type="checkbox" id="frameborder"/> </td>
+            </tr>
+
+            <tr>
+                <td colspan="2"><span><var id="lang_input_alignMode"></var></span>
+                    <select id="align">
+                        <option value=""></option>
+                        <option value="left"></option>
+                        <option value="right"></option>
+                    </select>
+                </td>
+            </tr>
+        </table>
+</div>
+<script type="text/javascript">
+    var iframe = editor._iframe;
+    if(iframe){
+        $G("url").value = iframe.getAttribute("src")||"";
+        $G("width").value = iframe.getAttribute("width")||iframe.style.width.replace("px","")||"";
+        $G("height").value = iframe.getAttribute("height") || iframe.style.height.replace("px","") ||"";
+        $G("scroll").checked = (iframe.getAttribute("scrolling") == "yes") ? true : false;
+        $G("frameborder").checked = (iframe.getAttribute("frameborder") == "1") ? true : false;
+        $G("align").value = iframe.align ? iframe.align : "";
+    }
+    function queding(){
+        var  url = $G("url").value.replace(/^\s*|\s*$/ig,""),
+                width = $G("width").value,
+                height = $G("height").value,
+                scroll = $G("scroll"),
+                frameborder = $G("frameborder"),
+                float = $G("align").value,
+                newIframe = editor.document.createElement("iframe"),
+                div;
+        if(!url){
+            alert(lang.enterAddress);
+            return false;
+        }
+        newIframe.setAttribute("src",/http:\/\/|https:\/\//ig.test(url) ? url : "http://"+url);
+        /^[1-9]+[.]?\d*$/g.test( width ) ? newIframe.setAttribute("width",width) : "";
+        /^[1-9]+[.]?\d*$/g.test( height ) ? newIframe.setAttribute("height",height) : "";
+        scroll.checked ?  newIframe.setAttribute("scrolling","yes") : newIframe.setAttribute("scrolling","no");
+        frameborder.checked ?  newIframe.setAttribute("frameborder","1",0) : newIframe.setAttribute("frameborder","0",0);
+        float ? newIframe.setAttribute("align",float) :  newIframe.setAttribute("align","");
+        if(iframe){
+            iframe.parentNode.insertBefore(newIframe,iframe);
+            domUtils.remove(iframe);
+        }else{
+            div = editor.document.createElement("div");
+            div.appendChild(newIframe);
+            editor.execCommand("inserthtml",div.innerHTML);
+        }
+        editor._iframe = null;
+        dialog.close();
+    }
+    dialog.onok = queding;
+    $G("url").onkeydown = function(evt){
+        evt = evt || event;
+        if(evt.keyCode == 13){
+            queding();
+        }
+    };
+    $focus($G( "url" ));
+
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/internal.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/internal.js
new file mode 100644
index 000000000..44dc17fbf
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/internal.js
@@ -0,0 +1,81 @@
+(function () {
+    var parent = window.parent;
+    //dialog对象
+    dialog = parent.$EDITORUI[window.frameElement.id.replace( /_iframe$/, '' )];
+    //当前打开dialog的编辑器实例
+    editor = dialog.editor;
+
+    UE = parent.UE;
+
+    domUtils = UE.dom.domUtils;
+
+    utils = UE.utils;
+
+    browser = UE.browser;
+
+    ajax = UE.ajax;
+
+    $G = function ( id ) {
+        return document.getElementById( id )
+    };
+    //focus元素
+    $focus = function ( node ) {
+        setTimeout( function () {
+            if ( browser.ie ) {
+                var r = node.createTextRange();
+                r.collapse( false );
+                r.select();
+            } else {
+                node.focus()
+            }
+        }, 0 )
+    };
+    utils.loadFile(document,{
+        href:editor.options.themePath + editor.options.theme + "/dialogbase.css?cache="+Math.random(),
+        tag:"link",
+        type:"text/css",
+        rel:"stylesheet"
+    });
+    lang = editor.getLang(dialog.className.split( "-" )[2]);
+    if(lang){
+        domUtils.on(window,'load',function () {
+
+            var langImgPath = editor.options.langPath + editor.options.lang + "/images/";
+            //针对静态资源
+            for ( var i in lang["static"] ) {
+                var dom = $G( i );
+                if(!dom) continue;
+                var tagName = dom.tagName,
+                    content = lang["static"][i];
+                if(content.src){
+                    //clone
+                    content = utils.extend({},content,false);
+                    content.src = langImgPath + content.src;
+                }
+                if(content.style){
+                    content = utils.extend({},content,false);
+                    content.style = content.style.replace(/url\s*\(/g,"url(" + langImgPath)
+                }
+                switch ( tagName.toLowerCase() ) {
+                    case "var":
+                        dom.parentNode.replaceChild( document.createTextNode( content ), dom );
+                        break;
+                    case "select":
+                        var ops = dom.options;
+                        for ( var j = 0, oj; oj = ops[j]; ) {
+                            oj.innerHTML = content.options[j++];
+                        }
+                        for ( var p in content ) {
+                            p != "options" && dom.setAttribute( p, content[p] );
+                        }
+                        break;
+                    default :
+                        domUtils.setAttributes( dom, content);
+                }
+            }
+        } );
+    }
+
+
+})();
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/link/link.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/link/link.html
new file mode 100644
index 000000000..55ab4d1e2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/link/link.html
@@ -0,0 +1,126 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        *{margin:0;padding:0;color: #838383;}
+        table{font-size: 12px;margin: 10px;line-height: 30px}
+        .txt{width:300px;height:21px;line-height:21px;border:1px solid #d7d7d7;}
+    </style>
+</head>
+<body>
+    <table>
+        <tr>
+            <td><label for="text"> <var id="lang_input_text"></var></label></td>
+            <td><input class="txt" id="text" type="text" disabled="true"/></td>
+        </tr>
+        <tr>
+            <td><label for="href"> <var id="lang_input_url"></var></label></td>
+            <td><input class="txt" id="href" type="text" /></td>
+        </tr>
+        <tr>
+            <td><label for="title"> <var id="lang_input_title"></var></label></td>
+            <td><input class="txt" id="title" type="text"/></td>
+        </tr>
+        <tr>
+             <td colspan="2">
+                 <label for="target"><var id="lang_input_target"></var></label>
+                 <input id="target" type="checkbox"/>
+             </td>
+        </tr>
+        <tr>
+            <td colspan="2" id="msg"></td>
+        </tr>
+    </table>
+<script type="text/javascript">
+    var range = editor.selection.getRange(),
+        link = range.collapsed ? editor.queryCommandValue( "link" ) : editor.selection.getStart(),
+        url,
+        text = $G('text'),
+        rangeLink = domUtils.findParentByTagName(range.getCommonAncestor(),'a',true),
+        orgText;
+    link = domUtils.findParentByTagName( link, "a", true );
+    if(link){
+        url = utils.html(link.getAttribute( '_href' ) || link.getAttribute( 'href', 2 ));
+
+        if(rangeLink === link && !link.getElementsByTagName('img').length){
+            text.removeAttribute('disabled');
+            orgText = text.value = link[browser.ie ? 'innerText':'textContent'];
+        }else{
+            text.setAttribute('disabled','true');
+            text.value = lang.validLink;
+        }
+
+    }else{
+        if(range.collapsed){
+            text.removeAttribute('disabled');
+            text.value = '';
+        }else{
+            text.setAttribute('disabled','true');
+            text.value = lang.validLink;
+        }
+
+    }
+    $G("title").value = url ? link.title : "";
+    $G("href").value = url ? url: '';
+    $G("target").checked = url && link.target == "_blank" ? true :  false;
+    $focus($G("href"));
+
+    function handleDialogOk(){
+        var href =$G('href').value.replace(/^\s+|\s+$/g, '');
+        if(href){
+            if(!hrefStartWith(href,["http","/","ftp://",'#'])) {
+                href  = "http://" + href;
+            }
+            var obj = {
+                'href' : href,
+                'target' : $G("target").checked ? "_blank" : '_self',
+                'title' : $G("title").value.replace(/^\s+|\s+$/g, ''),
+                '_href':href
+            };
+            //修改链接内容的情况太特殊了，所以先做到这里了
+            //todo:情况多的时候，做到command里
+            if(orgText && text.value != orgText){
+                link[browser.ie ? 'innerText' : 'textContent'] =  obj.textValue = text.value;
+                range.selectNode(link).select()
+            }
+            if(range.collapsed){
+                obj.textValue = text.value;
+            }
+            editor.execCommand('link',utils.clearEmptyAttrs(obj) );
+            dialog.close();
+        }
+    }
+    dialog.onok = handleDialogOk;
+    $G('href').onkeydown = $G('title').onkeydown = function(evt){
+        evt = evt || window.event;
+        if (evt.keyCode == 13) {
+            handleDialogOk();
+            return false;
+        }
+    };
+    $G('href').onblur = function(){
+        if(!hrefStartWith(this.value,["http","/","ftp://",'#'])){
+            $G("msg").innerHTML = "<span style='color: red'>"+lang.httpPrompt+"</span>";
+        }else{
+            $G("msg").innerHTML = "";
+        }
+    };
+
+    function hrefStartWith(href,arr){
+        href = href.replace(/^\s+|\s+$/g, '');
+        for(var i=0,ai;ai=arr[i++];){
+            if(href.indexOf(ai)==0){
+                return true;
+            }
+        }
+        return false;
+    }
+
+
+</script>
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/map/map.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/map/map.html
new file mode 100644
index 000000000..e763b8eb0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/map/map.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title></title>
+    <script type="text/javascript" src="../internal.js"></script>
+    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script>
+    <style type="text/css">
+        .content{width:530px; height: 350px;margin: 10px auto;}
+        .content table{width: 100%}
+        .content table td{vertical-align: middle;}
+        #city,#address{height:21px;background: #FFF;border:1px solid #d7d7d7; line-height: 21px;}
+        #city{width:60px}
+        #address{width:130px}
+        #is_dynamic_label span{vertical-align:middle;margin: 3px 0px 3px 3px;}
+        #is_dynamic_label input{vertical-align:middle;margin: 3px 3px 3px 50px;}
+    </style>
+</head>
+<body>
+<div class="content">
+    <table>
+        <tr>
+            <td><var id="lang_city"></var>:</td>
+            <td><input id="city" type="text" /></td>
+            <td><var id="lang_address"></var>:</td>
+            <td><input id="address" type="text" value="" /></td>
+            <td><a href="javascript:doSearch()" class="button"><var id="lang_search"></var></a></td>
+            <td><label id="is_dynamic_label" for="is_dynamic"><input id="is_dynamic" type="checkbox" name="is_dynamic" /><span><var id="lang_dynamicmap"></var></span></label></td>
+        </tr>
+    </table>
+    <div style="width:100%;height:340px;margin:5px auto;border:1px solid gray" id="container"></div>
+
+</div>
+<script type="text/javascript">
+    var map = new BMap.Map("container"),marker,point,styleStr;
+    map.enableScrollWheelZoom();
+    map.enableContinuousZoom();
+    function doSearch(){
+        if (!document.getElementById('city').value) {
+            alert(lang.cityMsg);
+            return;
+        }
+        var search = new BMap.LocalSearch(document.getElementById('city').value, {
+            onSearchComplete: function (results){
+                if (results && results.getNumPois()) {
+                    var points = [];
+                    for (var i=0; i<results.getCurrentNumPois(); i++) {
+                        points.push(results.getPoi(i).point);
+                    }
+                    if (points.length > 1) {
+                        map.setViewport(points);
+                    } else {
+                        map.centerAndZoom(points[0], 13);
+                    }
+                    point = map.getCenter();
+                    marker.setPoint(point);
+                } else {
+                    alert(lang.errorMsg);
+                }
+            }
+        });
+        search.search(document.getElementById('address').value || document.getElementById('city').value);
+    }
+    //获得参数
+    function getPars(str,par){
+        var reg = new RegExp(par+"=((\\d+|[.,])*)","g");
+        return reg.exec(str)[1];
+    }
+    function init(){
+        var mapNode = editor.selection.getRange().getClosedNode(),
+            isMapImg = mapNode && /api[.]map[.]baidu[.]com/ig.test(mapNode.getAttribute("src")),
+            isMapIframe = mapNode && domUtils.hasClass(mapNode, 'ueditor_baidumap');
+        if(isMapImg || isMapIframe){
+            var url, centerPos, markerPos;
+            if(isMapIframe) {
+                url = decodeURIComponent(mapNode.getAttribute("src"));
+                $G('is_dynamic').checked = true;
+                styleStr = mapNode.style.cssText;
+            } else {
+                url = mapNode.getAttribute("src");
+                styleStr = mapNode.style.cssText;
+            }
+
+            centerPos = getPars(url,"center").split(",");
+            markerPos = getPars(url, "markers").split(",");
+            point = new BMap.Point(Number(centerPos[0]),Number(centerPos[1]));
+            marker = new BMap.Marker(new BMap.Point(Number(markerPos[0]), Number(markerPos[1])));
+            map.addControl(new BMap.NavigationControl());
+            map.centerAndZoom(point, Number(getPars(url,"zoom")));
+        }else{
+            point = new BMap.Point(116.404, 39.915);    // 创建点坐标
+            marker = new BMap.Marker(point);
+            map.addControl(new BMap.NavigationControl());
+            map.centerAndZoom(point, 10);                     // 初始化地图,设置中心点坐标和地图级别。
+        }
+        marker.enableDragging();
+        map.addOverlay(marker);
+    }
+    init();
+    document.getElementById('address').onkeydown = function (evt){
+        evt = evt || event;
+        if (evt.keyCode == 13) {
+            doSearch();
+        }
+    };
+    dialog.onok = function (){
+        var center = map.getCenter();
+        var zoom = map.zoomLevel;
+        var size = map.getSize();
+        var mapWidth = size.width;
+        var mapHeight = size.height;
+        var point = marker.getPoint();
+
+        if($G('is_dynamic').checked) {
+            var URL = editor.options.UEDITOR_HOME_URL,
+                url = [URL + (/\/$/.test(URL) ? '':'/') + "dialogs/map/show.html" +
+                    '#center=' + center.lng + ',' + center.lat,
+                    '&zoom=' + zoom,
+                    '&width=' + mapWidth,
+                    '&height=' + mapHeight,
+                    '&markers=' + point.lng + ',' + point.lat,
+                    '&markerStyles=' + 'l,A'].join('');
+            editor.execCommand('inserthtml', '<iframe class="ueditor_baidumap" src="' + url + '"' + (styleStr ? ' style="' + styleStr + '"' :'') + ' frameborder="0" width="' + (mapWidth+4) + '" height="' + (mapHeight+4) + '"></iframe>');
+        } else {
+            var url = "http://api.map.baidu.com/staticimage?center=" + center.lng + ',' + center.lat +
+                    "&zoom=" + zoom + "&width=" + size.width + '&height=' + size.height + "&markers=" + point.lng + ',' + point.lat;
+            editor.execCommand('inserthtml', '<img width="'+ size.width +'"height="'+ size.height +'" src="' + url + '"' + (styleStr ? ' style="' + styleStr + '"' :'') + '/>');
+        }
+    };
+    document.getElementById("address").focus();
+</script>
+
+
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/map/show.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/map/show.html
new file mode 100644
index 000000000..329cfebfb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/map/show.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta charset="utf-8"/>
+    <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具"/>
+    <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图"/>
+    <title>百度地图API自定义地图</title>
+    <!--引用百度地图API-->
+    <style type="text/css">
+        html, body {
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
+        }
+    </style>
+    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
+</head>
+
+<body onload="initMap();">
+<!--百度地图容器-->
+<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
+</body>
+<script type="text/javascript">
+    function getParam(name) {
+        return location.href.match(new RegExp('[?#&]' + name + '=([^?#&]+)', 'i')) ? RegExp.$1 : '';
+    }
+    var map, marker;
+    var centerParam = getParam('center');
+    var zoomParam = getParam('zoom');
+    var widthParam = getParam('width');
+    var heightParam = getParam('height');
+    var markersParam = getParam('markers');
+    var markerStylesParam = getParam('markerStyles');
+
+    //创建和初始化地图函数：
+    function initMap() {
+        // [FF]切换模式后报错
+        if (!window.BMap) {
+            return;
+        }
+        var dituContent = document.getElementById('dituContent');
+        dituContent.style.width = widthParam + 'px';
+        dituContent.style.height = heightParam + 'px';
+
+        createMap();//创建地图
+        setMapEvent();//设置地图事件
+        addMapControl();//向地图添加控件
+
+        // 创建标注
+        var markersArr = markersParam.split(',');
+        var point = new BMap.Point(markersArr[0], markersArr[1]);
+        marker = new BMap.Marker(point);
+        marker.enableDragging();
+        map.addOverlay(marker); // 将标注添加到地图中
+
+        if(parent.editor && parent.document.body.contentEditable=="true") { //在编辑状态下
+            setMapListener();//地图改变修改外层的iframe标签src属性
+        }
+    }
+
+    //创建地图函数：
+    function createMap() {
+        map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
+        var centerArr = centerParam.split(',');
+        var point = new BMap.Point(parseFloat(centerArr[0]), parseFloat(centerArr[1]));//定义一个中心点坐标
+        map.centerAndZoom(point, parseInt(zoomParam));//设定地图的中心点和坐标并将地图显示在地图容器中
+    }
+
+    //地图事件设置函数：
+    function setMapEvent() {
+        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
+        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
+        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
+        map.enableKeyboard();//启用键盘上下左右键移动地图
+    }
+
+    //地图控件添加函数：
+    function addMapControl() {
+        //向地图中添加缩放控件
+        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
+        map.addControl(ctrl_nav);
+        //向地图中添加缩略图控件
+        var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
+        map.addControl(ctrl_ove);
+        //向地图中添加比例尺控件
+        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
+        map.addControl(ctrl_sca);
+    }
+
+    function setMapListener() {
+        var editor = parent.editor, containerIframe,
+            iframes = parent.document.getElementsByTagName('iframe');
+        for (var key in iframes) {
+            if (iframes[key].contentWindow == window) {
+                containerIframe = iframes[key];
+                break;
+            }
+        }
+        if (containerIframe) {
+            map.addEventListener('moveend', mapListenerHandler);
+            map.addEventListener('zoomend', mapListenerHandler);
+            marker.addEventListener('dragend', mapListenerHandler);
+        }
+
+        function mapListenerHandler() {
+            var zoom = map.getZoom(),
+                center = map.getCenter(),
+                marker = window.marker.getPoint();
+            containerIframe.src = containerIframe.src.
+                replace(new RegExp('([?#&])center=([^?#&]+)', 'i'), '$1center=' + center.lng + ',' + center.lat).
+                replace(new RegExp('([?#&])markers=([^?#&]+)', 'i'), '$1markers=' + marker.lng + ',' + marker.lat).
+                replace(new RegExp('([?#&])zoom=([^?#&]+)', 'i'), '$1zoom=' + zoom);
+            editor.fireEvent('saveScene');
+        }
+    }
+</script>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/music/music.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/music/music.css
new file mode 100644
index 000000000..8fb7a94c3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/music/music.css
@@ -0,0 +1,30 @@
+.wrapper{margin: 5px 10px;}
+
+.searchBar{height:30px;padding:7px 0 3px;text-align:center;}
+.searchBtn{font-size:13px;height:24px;}
+
+.resultBar{width:460px;margin:5px auto;border: 1px solid #CCC;border-radius: 5px;box-shadow: 2px 2px 5px #D3D6DA;overflow: hidden;}
+
+.listPanel{overflow: hidden;}
+.panelon{display:block;}
+.paneloff{display:none}
+
+.page{width:220px;margin:20px auto;overflow: hidden;}
+.pageon{float:right;width:24px;line-height:24px;height:24px;margin-right: 5px;background: none;border: none;color: #000;font-weight: bold;text-align:center}
+.pageoff{float:right;width:24px;line-height:24px;height:24px;cursor:pointer;background-color: #fff;
+   border: 1px solid #E7ECF0;color: #2D64B3;margin-right: 5px;text-decoration: none;text-align:center;}
+
+.m-box{width:460px;}
+.m-m{float: left;line-height: 20px;height: 20px;}
+.m-h{height:24px;line-height:24px;padding-left: 46px;background-color:#FAFAFA;border-bottom: 1px solid #DAD8D8;font-weight: bold;font-size: 12px;color: #333;}
+.m-l{float:left;width:40px; }
+.m-t{float:left;width:140px;}
+.m-s{float:left;width:110px;}
+.m-z{float:left;width:100px;}
+.m-try-t{float: left;width: 60px;;}
+
+.m-try{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/try_music.gif') no-repeat ;}
+.m-trying{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/stop_music.gif') no-repeat ;}
+
+.loading{width:95px;height:7px;font-size:7px;margin:60px auto;background:url(http://static.tieba.baidu.com/tb/editor/images/loading.gif) no-repeat}
+.empty{width:300px;height:40px;padding:2px;margin:50px auto;line-height:40px; color:#006699;text-align:center;}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/music/music.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/music/music.html
new file mode 100644
index 000000000..e7ef04f39
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/music/music.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8">
+    <title>插入音乐</title>
+    <script type="text/javascript" src="../internal.js"></script>
+    <link rel="stylesheet" type="text/css" href="music.css">
+</head>
+<body>
+<div class="wrapper">
+    <div class="searchBar">
+        <input id="J_searchName" type="text"/>
+        <input type="button" class="searchBtn" id="J_searchBtn">
+    </div>
+    <div class="resultBar" id="J_resultBar">
+        <div class="loading" style="display:none"></div>
+        <div class="empty"><var id="lang_input_tips"></var></div>
+    </div>
+    <div id="J_preview"></div>
+</div>
+<script type="text/javascript" src="music.js"></script>
+<script type="text/javascript">
+    var music = new Music;
+    dialog.onok = function () {
+        music.exec();
+    };
+    dialog.oncancel = function () {
+        $G('J_preview').innerHTML = "";
+    };
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/music/music.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/music/music.js
new file mode 100644
index 000000000..1c538bf66
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/music/music.js
@@ -0,0 +1,192 @@
+function Music() {
+    this.init();
+}
+(function () {
+    var pages = [],
+        panels = [],
+        selectedItem = null;
+    Music.prototype = {
+        total:70,
+        pageSize:10,
+        dataUrl:"http://tingapi.ting.baidu.com/v1/restserver/ting?method=baidu.ting.search.common",
+        playerUrl:"http://box.baidu.com/widget/flash/bdspacesong.swf",
+
+        init:function () {
+            var me = this;
+            domUtils.on($G("J_searchName"), "keyup", function (event) {
+                var e = window.event || event;
+                if (e.keyCode == 13) {
+                    me.dosearch();
+                }
+            });
+            domUtils.on($G("J_searchBtn"), "click", function () {
+                me.dosearch();
+            });
+        },
+        callback:function (data) {
+            var me = this;
+            me.data = data.song_list;
+            setTimeout(function () {
+                $G('J_resultBar').innerHTML = me._renderTemplate(data.song_list);
+            }, 300);
+        },
+        dosearch:function () {
+            var me = this;
+            selectedItem = null;
+            var key = $G('J_searchName').value;
+            if (utils.trim(key) == "")return false;
+            key = encodeURIComponent(key);
+            me._sent(key);
+        },
+        doselect:function (i) {
+            var me = this;
+            if (typeof i == 'object') {
+                selectedItem = i;
+            } else if (typeof i == 'number') {
+                selectedItem = me.data[i];
+            }
+        },
+        onpageclick:function (id) {
+            var me = this;
+            for (var i = 0; i < pages.length; i++) {
+                $G(pages[i]).className = 'pageoff';
+                $G(panels[i]).className = 'paneloff';
+            }
+            $G('page' + id).className = 'pageon';
+            $G('panel' + id).className = 'panelon';
+        },
+        listenTest:function (elem) {
+            var me = this,
+                view = $G('J_preview'),
+                is_play_action = (elem.className == 'm-try'),
+                old_trying = me._getTryingElem();
+
+            if (old_trying) {
+                old_trying.className = 'm-try';
+                view.innerHTML = '';
+            }
+            if (is_play_action) {
+                elem.className = 'm-trying';
+                view.innerHTML = me._buildMusicHtml(me._getUrl(true));
+            }
+        },
+        _sent:function (param) {
+            var me = this;
+            $G('J_resultBar').innerHTML = '<div class="loading"></div>';
+
+            utils.loadFile(document, {
+                src:me.dataUrl + '&query=' + param + '&page_size=' + me.total + '&callback=music.callback&.r=' + Math.random(),
+                tag:"script",
+                type:"text/javascript",
+                defer:"defer"
+            });
+        },
+        _removeHtml:function (str) {
+            var reg = /<\s*\/?\s*[^>]*\s*>/gi;
+            return str.replace(reg, "");
+        },
+        _getUrl:function (isTryListen) {
+            var me = this;
+            var param = 'from=tiebasongwidget&url=&name=' + encodeURIComponent(me._removeHtml(selectedItem.title)) + '&artist='
+                + encodeURIComponent(me._removeHtml(selectedItem.author)) + '&extra='
+                + encodeURIComponent(me._removeHtml(selectedItem.album_title))
+                + '&autoPlay='+isTryListen+'' + '&loop=true';
+            return  me.playerUrl + "?" + param;
+        },
+        _getTryingElem:function () {
+            var s = $G('J_listPanel').getElementsByTagName('span');
+
+            for (var i = 0; i < s.length; i++) {
+                if (s[i].className == 'm-trying')
+                    return s[i];
+            }
+            return null;
+        },
+        _buildMusicHtml:function (playerUrl) {
+            var html = '<embed class="BDE_try_Music" allowfullscreen="false" pluginspage="http://www.macromedia.com/go/getflashplayer"';
+            html += ' src="' + playerUrl + '"';
+            html += ' width="1" height="1" style="position:absolute;left:-2000px;"';
+            html += ' type="application/x-shockwave-flash" wmode="transparent" play="true" loop="false"';
+            html += ' menu="false" allowscriptaccess="never" scale="noborder">';
+            return html;
+        },
+        _byteLength:function (str) {
+            return str.replace(/[^\u0000-\u007f]/g, "\u0061\u0061").length;
+        },
+        _getMaxText:function (s) {
+            var me = this;
+            s = me._removeHtml(s);
+            if (me._byteLength(s) > 12)
+                return s.substring(0, 5) + '...';
+            if (!s) s = "&nbsp;";
+            return s;
+        },
+        _rebuildData:function (data) {
+            var me = this,
+                newData = [],
+                d = me.pageSize,
+                itembox;
+            for (var i = 0; i < data.length; i++) {
+                if ((i + d) % d == 0) {
+                    itembox = [];
+                    newData.push(itembox)
+                }
+                itembox.push(data[i]);
+            }
+            return newData;
+        },
+        _renderTemplate:function (data) {
+            var me = this;
+            if (data.length == 0)return '<div class="empty">' + lang.emptyTxt + '</div>';
+            data = me._rebuildData(data);
+            var s = [], p = [], t = [];
+            s.push('<div id="J_listPanel" class="listPanel">');
+            p.push('<div class="page">');
+            for (var i = 0, tmpList; tmpList = data[i++];) {
+                panels.push('panel' + i);
+                pages.push('page' + i);
+                if (i == 1) {
+                    s.push('<div id="panel' + i + '" class="panelon">');
+                    if (data.length != 1) {
+                        t.push('<div id="page' + i + '" onclick="music.onpageclick(' + i + ')" class="pageon">' + (i ) + '</div>');
+                    }
+                } else {
+                    s.push('<div id="panel' + i + '" class="paneloff">');
+                    t.push('<div id="page' + i + '" onclick="music.onpageclick(' + i + ')" class="pageoff">' + (i ) + '</div>');
+                }
+                s.push('<div class="m-box">');
+                s.push('<div class="m-h"><span class="m-t">' + lang.chapter + '</span><span class="m-s">' + lang.singer
+                    + '</span><span class="m-z">' + lang.special + '</span><span class="m-try-t">' + lang.listenTest + '</span></div>');
+                for (var j = 0, tmpObj; tmpObj = tmpList[j++];) {
+                    s.push('<label for="radio-' + i + '-' + j + '" class="m-m">');
+                    s.push('<input type="radio" id="radio-' + i + '-' + j + '" name="musicId" class="m-l" onclick="music.doselect(' + (me.pageSize * (i-1) + (j-1)) + ')"/>');
+                    s.push('<span class="m-t">' + me._getMaxText(tmpObj.title) + '</span>');
+                    s.push('<span class="m-s">' + me._getMaxText(tmpObj.author) + '</span>');
+                    s.push('<span class="m-z">' + me._getMaxText(tmpObj.album_title) + '</span>');
+                    s.push('<span class="m-try" onclick="music.doselect(' + (me.pageSize * (i-1) + (j-1)) + ');music.listenTest(this)"></span>');
+                    s.push('</label>');
+                }
+                s.push('</div>');
+                s.push('</div>');
+            }
+            t.reverse();
+            p.push(t.join(''));
+            s.push('</div>');
+            p.push('</div>');
+            return s.join('') + p.join('');
+        },
+        exec:function () {
+            var me = this;
+            if (selectedItem == null)   return;
+            $G('J_preview').innerHTML = "";
+            editor.execCommand('music', {
+                url:me._getUrl(false),
+                width:400,
+                height:95
+            });
+        }
+    };
+})();
+
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/preview/preview.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/preview/preview.html
new file mode 100644
index 000000000..f6b433bcf
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/preview/preview.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+    "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+        <style>
+            html,body{
+                height:100%;
+                width:100%;
+                padding:0;
+                margin:0;
+            }
+            #preview{
+                width:100%;
+                height:100%;
+                padding:0;
+                margin:0;
+            }
+            #preview *{font-family:sans-serif;font-size:16px;}
+        </style>
+        <script type="text/javascript" src="../internal.js"></script>
+        <script src="../../ueditor.parse.js"></script>
+        <title></title>
+    </head>
+    <body class="view">
+        <div id="preview" style="margin:8px">
+
+        </div>
+    </body>
+    <script>
+        document.getElementById('preview').innerHTML = editor.getContent();
+        uParse('#preview',{
+            rootPath : '../../',
+            chartContainerHeight:500
+        })
+        dialog.oncancel = function(){
+            document.getElementById('preview').innerHTML = '';
+        }
+    </script>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/addimg.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/addimg.png
new file mode 100644
index 000000000..03a87135b
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/addimg.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/brush.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/brush.png
new file mode 100644
index 000000000..efa6fdb01
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/brush.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/delimg.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/delimg.png
new file mode 100644
index 000000000..5a892e40a
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/delimg.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/delimgH.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/delimgH.png
new file mode 100644
index 000000000..2f0c5c9de
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/delimgH.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/empty.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/empty.png
new file mode 100644
index 000000000..037519625
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/empty.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/emptyH.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/emptyH.png
new file mode 100644
index 000000000..838ca7231
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/emptyH.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/eraser.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/eraser.png
new file mode 100644
index 000000000..63e87cecb
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/eraser.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/redo.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/redo.png
new file mode 100644
index 000000000..12cd9bbef
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/redo.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/redoH.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/redoH.png
new file mode 100644
index 000000000..d9f33d38a
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/redoH.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/scale.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/scale.png
new file mode 100644
index 000000000..935a3f3e1
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/scale.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/scaleH.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/scaleH.png
new file mode 100644
index 000000000..72e64a9d0
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/scaleH.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/size.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/size.png
new file mode 100644
index 000000000..836684505
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/size.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/undo.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/undo.png
new file mode 100644
index 000000000..084c7cc73
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/undo.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/undoH.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/undoH.png
new file mode 100644
index 000000000..fde7eb3c2
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/images/undoH.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/scrawl.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/scrawl.css
new file mode 100644
index 000000000..b18430dc5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/scrawl.css
@@ -0,0 +1,72 @@
+/*common
+*/
+body{margin: 0;}
+table{width:100%;}
+table td{padding:2px 4px;vertical-align: middle;}
+a{text-decoration: none;}
+em{font-style: normal;}
+.border_style1{border: 1px solid #ccc;border-radius: 5px;box-shadow:2px 2px 5px #d3d6da;}
+/*module
+*/
+.main{margin: 8px;overflow: hidden;}
+
+.hot{float:left;height:335px;}
+.drawBoard{position: relative; cursor: crosshair;}
+.brushBorad{position: absolute;left:0;top:0;z-index: 998;}
+.picBoard{border: none;text-align: center;line-height: 300px;cursor: default;}
+.operateBar{margin-top:10px;font-size:12px;text-align: center;}
+.operateBar span{margin-left: 10px;}
+
+.drawToolbar{float:right;width:110px;height:300px;overflow: hidden;}
+.colorBar{margin-top:10px;font-size: 12px;text-align: center;}
+.colorBar a{display:block;width: 10px;height: 10px;border:1px solid #1006F1;border-radius: 3px; box-shadow:2px 2px 5px #d3d6da;opacity: 0.3}
+.sectionBar{margin-top:15px;font-size: 12px;text-align: center;}
+.sectionBar a{display:inline-block;width:10px;height:12px;color: #888;text-indent: -999px;opacity: 0.3}
+.size1{background: url('images/size.png') 1px center no-repeat ;}
+.size2{background: url('images/size.png') -10px center no-repeat;}
+.size3{background: url('images/size.png') -22px center no-repeat;}
+.size4{background: url('images/size.png') -35px center no-repeat;}
+
+.addImgH{position: relative;}
+.addImgH_form{position: absolute;left: 18px;top: -1px;width: 75px;height: 21px;opacity: 0;cursor: pointer;}
+.addImgH_form input{width: 100%;}
+/*scrawl遮罩层
+*/
+.maskLayerNull{display: none;}
+.maskLayer{position: absolute;top:0;left:0;width: 100%; height: 100%;opacity: 0.7;
+    background-color: #fff;text-align:center;font-weight:bold;line-height:300px;z-index: 1000;}
+/*btn state
+*/
+.previousStepH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/undoH.png');cursor: pointer;}
+.previousStepH .text{color:#888;cursor:pointer;}
+.previousStep .icon{display: inline-block;width:16px;height:16px;background-image: url('images/undo.png');cursor:default;}
+.previousStep .text{color:#ccc;cursor:default;}
+
+.nextStepH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/redoH.png');cursor: pointer;}
+.nextStepH .text{color:#888;cursor:pointer;}
+.nextStep .icon{display: inline-block;width:16px;height:16px;background-image: url('images/redo.png');cursor:default;}
+.nextStep .text{color:#ccc;cursor:default;}
+
+.clearBoardH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/emptyH.png');cursor: pointer;}
+.clearBoardH .text{color:#888;cursor:pointer;}
+.clearBoard .icon{display: inline-block;width:16px;height:16px;background-image: url('images/empty.png');cursor:default;}
+.clearBoard .text{color:#ccc;cursor:default;}
+
+.scaleBoardH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/scaleH.png');cursor: pointer;}
+.scaleBoardH .text{color:#888;cursor:pointer;}
+.scaleBoard .icon{display: inline-block;width:16px;height:16px;background-image: url('images/scale.png');cursor:default;}
+.scaleBoard .text{color:#ccc;cursor:default;}
+
+.removeImgH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/delimgH.png');cursor: pointer;}
+.removeImgH .text{color:#888;cursor:pointer;}
+.removeImg .icon{display: inline-block;width:16px;height:16px;background-image: url('images/delimg.png');cursor:default;}
+.removeImg .text{color:#ccc;cursor:default;}
+
+.addImgH .icon{vertical-align:top;display: inline-block;width:16px;height:16px;background-image: url('images/addimg.png')}
+.addImgH .text{color:#888;cursor:pointer;}
+/*icon
+*/
+.brushIcon{display: inline-block;width:16px;height:16px;background-image: url('images/brush.png')}
+.eraserIcon{display: inline-block;width:16px;height:16px;background-image: url('images/eraser.png')}
+
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/scrawl.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/scrawl.html
new file mode 100644
index 000000000..9371abd7b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/scrawl.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="robots" content="noindex, nofollow"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <link rel="stylesheet" type="text/css" href="scrawl.css">
+</head>
+<body>
+<div class="main" id="J_wrap">
+    <div class="hot">
+        <div class="drawBoard border_style1">
+            <canvas id="J_brushBoard" class="brushBorad" width="360" height="300"></canvas>
+            <div id="J_picBoard" class="picBoard" style="width: 360px;height: 300px"></div>
+        </div>
+        <div id="J_operateBar" class="operateBar">
+            <span id="J_previousStep" class="previousStep">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_previousStep"></var></em>
+            </span>
+            <span id="J_nextStep" class="nextStep">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_nextsStep"></var></em>
+            </span>
+            <span id="J_clearBoard" class="clearBoard">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_clear"></var></em>
+            </span>
+            <span id="J_sacleBoard" class="scaleBoard">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_ScalePic"></var></em>
+            </span>
+        </div>
+    </div>
+    <div class="drawToolbar border_style1">
+        <div id="J_colorBar" class="colorBar"></div>
+        <div id="J_brushBar" class="sectionBar">
+            <em class="brushIcon"></em>
+            <a href="javascript:void(0)" class="size1">1</a>
+            <a href="javascript:void(0)" class="size2">3</a>
+            <a href="javascript:void(0)" class="size3">5</a>
+            <a href="javascript:void(0)" class="size4">7</a>
+        </div>
+        <div id="J_eraserBar" class="sectionBar">
+            <em class="eraserIcon"></em>
+            <a href="javascript:void(0)" class="size1">1</a>
+            <a href="javascript:void(0)" class="size2">3</a>
+            <a href="javascript:void(0)" class="size3">5</a>
+            <a href="javascript:void(0)" class="size4">7</a>
+        </div>
+        <div class="sectionBar">
+            <div id="J_addImg" class="addImgH">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_addPic"></var></em>
+                <form method="post" id="fileForm" enctype="multipart/form-data" class="addImgH_form" target="up">
+                    <input type="file" name="upfile" id="J_imgTxt"
+                           accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp"/>
+                </form>
+                <iframe name="up" style="display: none"></iframe>
+            </div>
+        </div>
+        <div class="sectionBar">
+            <span id="J_removeImg" class="removeImg">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_removePic"></var></em>
+            </span>
+        </div>
+    </div>
+</div>
+<div id="J_maskLayer" class="maskLayerNull"></div>
+
+<script type="text/javascript" src="scrawl.js"></script>
+<script type="text/javascript">
+    var settings = {
+        drawBrushSize:3, //画笔初始大小
+        drawBrushColor:"#4bacc6", //画笔初始颜色
+        colorList:['c00000', 'ff0000', 'ffc000', 'ffff00', '92d050', '00b050', '00b0f0', '0070c0', '002060', '7030a0', 'ffffff',
+            '000000', 'eeece1', '1f497d', '4f81bd', 'c0504d', '9bbb59', '8064a2', '4bacc6', 'f79646'], //画笔选择颜色
+        saveNum:10  //撤销次数
+    };
+
+    var scrawlObj = new scrawl( settings );
+    scrawlObj.isCancelScrawl = false;
+
+    dialog.onok = function () {
+        exec( scrawlObj );
+        return false;
+    };
+    dialog.oncancel = function () {
+        scrawlObj.isCancelScrawl = true;
+    };
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/scrawl.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/scrawl.js
new file mode 100644
index 000000000..e0c005e75
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/scrawl/scrawl.js
@@ -0,0 +1,671 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-5-22
+ * Time: 上午11:38
+ * To change this template use File | Settings | File Templates.
+ */
+var scrawl = function (options) {
+    options && this.initOptions(options);
+};
+(function () {
+    var canvas = $G("J_brushBoard"),
+        context = canvas.getContext('2d'),
+        drawStep = [], //undo redo存储
+        drawStepIndex = 0; //undo redo指针
+
+    scrawl.prototype = {
+        isScrawl:false, //是否涂鸦
+        brushWidth:-1, //画笔粗细
+        brushColor:"", //画笔颜色
+
+        initOptions:function (options) {
+            var me = this;
+            me.originalState(options);//初始页面状态
+            me._buildToolbarColor(options.colorList);//动态生成颜色选择集合
+
+            me._addBoardListener(options.saveNum);//添加画板处理
+            me._addOPerateListener(options.saveNum);//添加undo redo clearBoard处理
+            me._addColorBarListener();//添加颜色选择处理
+            me._addBrushBarListener();//添加画笔大小处理
+            me._addEraserBarListener();//添加橡皮大小处理
+            me._addAddImgListener();//添加增添背景图片处理
+            me._addRemoveImgListenter();//删除背景图片处理
+            me._addScalePicListenter();//添加缩放处理
+            me._addClearSelectionListenter();//添加清楚选中状态处理
+
+            me._originalColorSelect(options.drawBrushColor);//初始化颜色选中
+            me._originalBrushSelect(options.drawBrushSize);//初始化画笔选中
+            me._clearSelection();//清楚选中状态
+        },
+
+        originalState:function (options) {
+            var me = this;
+
+            me.brushWidth = options.drawBrushSize;//同步画笔粗细
+            me.brushColor = options.drawBrushColor;//同步画笔颜色
+
+            context.lineWidth = me.brushWidth;//初始画笔大小
+            context.strokeStyle = me.brushColor;//初始画笔颜色
+            context.fillStyle = "transparent";//初始画布背景颜色
+            context.lineCap = "round";//去除锯齿
+            context.fill();
+        },
+        _buildToolbarColor:function (colorList) {
+            var tmp = null, arr = [];
+            arr.push("<table id='J_colorList'>");
+            for (var i = 0, color; color = colorList[i++];) {
+                if ((i - 1) % 5 == 0) {
+                    if (i != 1) {
+                        arr.push("</tr>");
+                    }
+                    arr.push("<tr>");
+                }
+                tmp = '#' + color;
+                arr.push("<td><a title='" + tmp + "' href='javascript:void(0)' style='background-color:" + tmp + "'></a></td>");
+            }
+            arr.push("</tr></table>");
+            $G("J_colorBar").innerHTML = arr.join("");
+        },
+
+        _addBoardListener:function (saveNum) {
+            var me = this,
+                margin = 0,
+                startX = -1,
+                startY = -1,
+                isMouseDown = false,
+                isMouseMove = false,
+                isMouseUp = false,
+                buttonPress = 0, button, flag = '';
+
+            margin = parseInt(domUtils.getComputedStyle($G("J_wrap"), "margin-left"));
+            drawStep.push(context.getImageData(0, 0, context.canvas.width, context.canvas.height));
+            drawStepIndex += 1;
+
+            domUtils.on(canvas, ["mousedown", "mousemove", "mouseup", "mouseout"], function (e) {
+                button = browser.webkit ? e.which : buttonPress;
+                switch (e.type) {
+                    case 'mousedown':
+                        buttonPress = 1;
+                        flag = 1;
+                        isMouseDown = true;
+                        isMouseUp = false;
+                        isMouseMove = false;
+                        me.isScrawl = true;
+                        startX = e.clientX - margin;//10为外边距总和
+                        startY = e.clientY - margin;
+                        context.beginPath();
+                        break;
+                    case 'mousemove' :
+                        if (!flag && button == 0) {
+                            return;
+                        }
+                        if (!flag && button) {
+                            startX = e.clientX - margin;//10为外边距总和
+                            startY = e.clientY - margin;
+                            context.beginPath();
+                            flag = 1;
+                        }
+                        if (isMouseUp || !isMouseDown) {
+                            return;
+                        }
+                        var endX = e.clientX - margin,
+                            endY = e.clientY - margin;
+
+                        context.moveTo(startX, startY);
+                        context.lineTo(endX, endY);
+                        context.stroke();
+                        startX = endX;
+                        startY = endY;
+                        isMouseMove = true;
+                        break;
+                    case 'mouseup':
+                        buttonPress = 0;
+                        if (!isMouseDown)return;
+                        if (!isMouseMove) {
+                            context.arc(startX, startY, context.lineWidth, 0, Math.PI * 2, false);
+                            context.fillStyle = context.strokeStyle;
+                            context.fill();
+                        }
+                        context.closePath();
+                        me._saveOPerate(saveNum);
+                        isMouseDown = false;
+                        isMouseMove = false;
+                        isMouseUp = true;
+                        startX = -1;
+                        startY = -1;
+                        break;
+                    case 'mouseout':
+                        flag = '';
+                        buttonPress = 0;
+                        if (button == 1) return;
+                        context.closePath();
+                        break;
+                }
+            });
+        },
+        _addOPerateListener:function (saveNum) {
+            var me = this;
+            domUtils.on($G("J_previousStep"), "click", function () {
+                if (drawStepIndex > 1) {
+                    drawStepIndex -= 1;
+                    context.clearRect(0, 0, context.canvas.width, context.canvas.height);
+                    context.putImageData(drawStep[drawStepIndex - 1], 0, 0);
+                    me.btn2Highlight("J_nextStep");
+                    drawStepIndex == 1 && me.btn2disable("J_previousStep");
+                }
+            });
+            domUtils.on($G("J_nextStep"), "click", function () {
+                if (drawStepIndex > 0 && drawStepIndex < drawStep.length) {
+                    context.clearRect(0, 0, context.canvas.width, context.canvas.height);
+                    context.putImageData(drawStep[drawStepIndex], 0, 0);
+                    drawStepIndex += 1;
+                    me.btn2Highlight("J_previousStep");
+                    drawStepIndex == drawStep.length && me.btn2disable("J_nextStep");
+                }
+            });
+            domUtils.on($G("J_clearBoard"), "click", function () {
+                context.clearRect(0, 0, context.canvas.width, context.canvas.height);
+                drawStep = [];
+                me._saveOPerate(saveNum);
+                drawStepIndex = 1;
+                me.isScrawl = false;
+                me.btn2disable("J_previousStep");
+                me.btn2disable("J_nextStep");
+                me.btn2disable("J_clearBoard");
+            });
+        },
+        _addColorBarListener:function () {
+            var me = this;
+            domUtils.on($G("J_colorBar"), "click", function (e) {
+                var target = me.getTarget(e),
+                    color = target.title;
+                if (!!color) {
+                    me._addColorSelect(target);
+
+                    me.brushColor = color;
+                    context.globalCompositeOperation = "source-over";
+                    context.lineWidth = me.brushWidth;
+                    context.strokeStyle = color;
+                }
+            });
+        },
+        _addBrushBarListener:function () {
+            var me = this;
+            domUtils.on($G("J_brushBar"), "click", function (e) {
+                var target = me.getTarget(e),
+                    size = browser.ie ? target.innerText : target.text;
+                if (!!size) {
+                    me._addBESelect(target);
+
+                    context.globalCompositeOperation = "source-over";
+                    context.lineWidth = parseInt(size);
+                    context.strokeStyle = me.brushColor;
+                    me.brushWidth = context.lineWidth;
+                }
+            });
+        },
+        _addEraserBarListener:function () {
+            var me = this;
+            domUtils.on($G("J_eraserBar"), "click", function (e) {
+                var target = me.getTarget(e),
+                    size = browser.ie ? target.innerText : target.text;
+                if (!!size) {
+                    me._addBESelect(target);
+
+                    context.lineWidth = parseInt(size);
+                    context.globalCompositeOperation = "destination-out";
+                    context.strokeStyle = "#FFF";
+                }
+            });
+        },
+        _addAddImgListener:function () {
+            var file = $G("J_imgTxt");
+            if (!window.FileReader) {
+                $G("J_addImg").style.display = 'none';
+                $G("J_removeImg").style.display = 'none';
+                $G("J_sacleBoard").style.display = 'none';
+            }
+            domUtils.on(file, "change", function (e) {
+                var frm = file.parentNode;
+                addMaskLayer(lang.backgroundUploading);
+
+                var target = e.target || e.srcElement,
+                    reader = new FileReader();
+                reader.onload = function(evt){
+                    var target = evt.target || evt.srcElement;
+                    ue_callback(target.result, 'SUCCESS');
+                };
+                reader.readAsDataURL(target.files[0]);
+                frm.reset();
+            });
+        },
+        _addRemoveImgListenter:function () {
+            var me = this;
+            domUtils.on($G("J_removeImg"), "click", function () {
+                $G("J_picBoard").innerHTML = "";
+                me.btn2disable("J_removeImg");
+                me.btn2disable("J_sacleBoard");
+            });
+        },
+        _addScalePicListenter:function () {
+            domUtils.on($G("J_sacleBoard"), "click", function () {
+                var picBoard = $G("J_picBoard"),
+                    scaleCon = $G("J_scaleCon"),
+                    img = picBoard.children[0];
+
+                if (img) {
+                    if (!scaleCon) {
+                        picBoard.style.cssText = "position:relative;z-index:999;"+picBoard.style.cssText;
+                        img.style.cssText = "position: absolute;top:" + (canvas.height - img.height) / 2 + "px;left:" + (canvas.width - img.width) / 2 + "px;";
+                        var scale = new ScaleBoy();
+                        picBoard.appendChild(scale.init());
+                        scale.startScale(img);
+                    } else {
+                        if (scaleCon.style.visibility == "visible") {
+                            scaleCon.style.visibility = "hidden";
+                            picBoard.style.position = "";
+                            picBoard.style.zIndex = "";
+                        } else {
+                            scaleCon.style.visibility = "visible";
+                            picBoard.style.cssText += "position:relative;z-index:999";
+                        }
+                    }
+                }
+            });
+        },
+        _addClearSelectionListenter:function () {
+            var doc = document;
+            domUtils.on(doc, 'mousemove', function (e) {
+                if (browser.ie && browser.version < 11)
+                    doc.selection.clear();
+                else
+                    window.getSelection().removeAllRanges();
+            });
+        },
+        _clearSelection:function () {
+            var list = ["J_operateBar", "J_colorBar", "J_brushBar", "J_eraserBar", "J_picBoard"];
+            for (var i = 0, group; group = list[i++];) {
+                domUtils.unSelectable($G(group));
+            }
+        },
+
+        _saveOPerate:function (saveNum) {
+            var me = this;
+            if (drawStep.length <= saveNum) {
+                if(drawStepIndex<drawStep.length){
+                    me.btn2disable("J_nextStep");
+                    drawStep.splice(drawStepIndex);
+                }
+                drawStep.push(context.getImageData(0, 0, context.canvas.width, context.canvas.height));
+                drawStepIndex = drawStep.length;
+            } else {
+                drawStep.shift();
+                drawStep.push(context.getImageData(0, 0, context.canvas.width, context.canvas.height));
+                drawStepIndex = drawStep.length;
+            }
+            me.btn2Highlight("J_previousStep");
+            me.btn2Highlight("J_clearBoard");
+        },
+
+        _originalColorSelect:function (title) {
+            var colorList = $G("J_colorList").getElementsByTagName("td");
+            for (var j = 0, cell; cell = colorList[j++];) {
+                if (cell.children[0].title.toLowerCase() == title) {
+                    cell.children[0].style.opacity = 1;
+                }
+            }
+        },
+        _originalBrushSelect:function (text) {
+            var brushList = $G("J_brushBar").children;
+            for (var i = 0, ele; ele = brushList[i++];) {
+                if (ele.tagName.toLowerCase() == "a") {
+                    var size = browser.ie ? ele.innerText : ele.text;
+                    if (size.toLowerCase() == text) {
+                        ele.style.opacity = 1;
+                    }
+                }
+            }
+        },
+        _addColorSelect:function (target) {
+            var me = this,
+                colorList = $G("J_colorList").getElementsByTagName("td"),
+                eraserList = $G("J_eraserBar").children,
+                brushList = $G("J_brushBar").children;
+
+            for (var i = 0, cell; cell = colorList[i++];) {
+                cell.children[0].style.opacity = 0.3;
+            }
+            for (var k = 0, ele; ele = brushList[k++];) {
+                if (ele.tagName.toLowerCase() == "a") {
+                    ele.style.opacity = 0.3;
+                    var size = browser.ie ? ele.innerText : ele.text;
+                    if (size.toLowerCase() == this.brushWidth) {
+                        ele.style.opacity = 1;
+                    }
+                }
+            }
+            for (var j = 0, node; node = eraserList[j++];) {
+                if (node.tagName.toLowerCase() == "a") {
+                    node.style.opacity = 0.3;
+                }
+            }
+
+            target.style.opacity = 1;
+            target.blur();
+        },
+        _addBESelect:function (target) {
+            var brushList = $G("J_brushBar").children;
+            var eraserList = $G("J_eraserBar").children;
+
+            for (var i = 0, ele; ele = brushList[i++];) {
+                if (ele.tagName.toLowerCase() == "a") {
+                    ele.style.opacity = 0.3;
+                }
+            }
+            for (var j = 0, node; node = eraserList[j++];) {
+                if (node.tagName.toLowerCase() == "a") {
+                    node.style.opacity = 0.3;
+                }
+            }
+
+            target.style.opacity = 1;
+            target.blur();
+        },
+        getCanvasData:function () {
+            var picContainer = $G("J_picBoard"),
+                img = picContainer.children[0];
+            if (img) {
+                var x, y;
+                if (img.style.position == "absolute") {
+                    x = parseInt(img.style.left);
+                    y = parseInt(img.style.top);
+                } else {
+                    x = (picContainer.offsetWidth - img.width) / 2;
+                    y = (picContainer.offsetHeight - img.height) / 2;
+                }
+                context.globalCompositeOperation = "destination-over";
+                context.drawImage(img, x, y, img.width, img.height);
+            } else {
+                context.globalCompositeOperation = "destination-atop";
+                context.fillStyle = "#fff";//重置画布背景白色
+                context.fillRect(0, 0, canvas.width, canvas.height);
+            }
+            try {
+                return canvas.toDataURL("image/png").substring(22);
+            } catch (e) {
+                return "";
+            }
+        },
+        btn2Highlight:function (id) {
+            var cur = $G(id);
+            cur.className.indexOf("H") == -1 && (cur.className += "H");
+        },
+        btn2disable:function (id) {
+            var cur = $G(id);
+            cur.className.indexOf("H") != -1 && (cur.className = cur.className.replace("H", ""));
+        },
+        getTarget:function (evt) {
+            return evt.target || evt.srcElement;
+        }
+    };
+})();
+
+var ScaleBoy = function () {
+    this.dom = null;
+    this.scalingElement = null;
+};
+(function () {
+    function _appendStyle() {
+        var doc = document,
+            head = doc.getElementsByTagName('head')[0],
+            style = doc.createElement('style'),
+            cssText = '.scale{visibility:hidden;cursor:move;position:absolute;left:0;top:0;width:100px;height:50px;background-color:#fff;font-size:0;line-height:0;opacity:.4;filter:Alpha(opacity=40);}'
+                + '.scale span{position:absolute;left:0;top:0;width:6px;height:6px;background-color:#006DAE;}'
+                + '.scale .hand0, .scale .hand7{cursor:nw-resize;}'
+                + '.scale .hand1, .scale .hand6{left:50%;margin-left:-3px;cursor:n-resize;}'
+                + '.scale .hand2, .scale .hand4, .scale .hand7{left:100%;margin-left:-6px;}'
+                + '.scale .hand3, .scale .hand4{top:50%;margin-top:-3px;cursor:w-resize;}'
+                + '.scale .hand5, .scale .hand6, .scale .hand7{margin-top:-6px;top:100%;}'
+                + '.scale .hand2, .scale .hand5{cursor:ne-resize;}';
+        style.type = 'text/css';
+
+        try {
+            style.appendChild(doc.createTextNode(cssText));
+        } catch (e) {
+            style.styleSheet.cssText = cssText;
+        }
+        head.appendChild(style);
+    }
+
+    function _getDom() {
+        var doc = document,
+            hand,
+            arr = [],
+            scale = doc.createElement('div');
+
+        scale.id = 'J_scaleCon';
+        scale.className = 'scale';
+        for (var i = 0; i < 8; i++) {
+            arr.push("<span class='hand" + i + "'></span>");
+        }
+        scale.innerHTML = arr.join("");
+        return scale;
+    }
+
+    var rect = [
+        //[left, top, width, height]
+        [1, 1, -1, -1],
+        [0, 1, 0, -1],
+        [0, 1, 1, -1],
+        [1, 0, -1, 0],
+        [0, 0, 1, 0],
+        [1, 0, -1, 1],
+        [0, 0, 0, 1],
+        [0, 0, 1, 1]
+    ];
+    ScaleBoy.prototype = {
+        init:function () {
+            _appendStyle();
+            var me = this,
+                scale = me.dom = _getDom();
+
+            me.scaleMousemove.fp = me;
+            domUtils.on(scale, 'mousedown', function (e) {
+                var target = e.target || e.srcElement;
+                me.start = {x:e.clientX, y:e.clientY};
+                if (target.className.indexOf('hand') != -1) {
+                    me.dir = target.className.replace('hand', '');
+                }
+                domUtils.on(document.body, 'mousemove', me.scaleMousemove);
+                e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
+            });
+            domUtils.on(document.body, 'mouseup', function (e) {
+                if (me.start) {
+                    domUtils.un(document.body, 'mousemove', me.scaleMousemove);
+                    if (me.moved) {
+                        me.updateScaledElement({position:{x:scale.style.left, y:scale.style.top}, size:{w:scale.style.width, h:scale.style.height}});
+                    }
+                    delete me.start;
+                    delete me.moved;
+                    delete me.dir;
+                }
+            });
+            return scale;
+        },
+        startScale:function (objElement) {
+            var me = this, Idom = me.dom;
+
+            Idom.style.cssText = 'visibility:visible;top:' + objElement.style.top + ';left:' + objElement.style.left + ';width:' + objElement.offsetWidth + 'px;height:' + objElement.offsetHeight + 'px;';
+            me.scalingElement = objElement;
+        },
+        updateScaledElement:function (objStyle) {
+            var cur = this.scalingElement,
+                pos = objStyle.position,
+                size = objStyle.size;
+            if (pos) {
+                typeof pos.x != 'undefined' && (cur.style.left = pos.x);
+                typeof pos.y != 'undefined' && (cur.style.top = pos.y);
+            }
+            if (size) {
+                size.w && (cur.style.width = size.w);
+                size.h && (cur.style.height = size.h);
+            }
+        },
+        updateStyleByDir:function (dir, offset) {
+            var me = this,
+                dom = me.dom, tmp;
+
+            rect['def'] = [1, 1, 0, 0];
+            if (rect[dir][0] != 0) {
+                tmp = parseInt(dom.style.left) + offset.x;
+                dom.style.left = me._validScaledProp('left', tmp) + 'px';
+            }
+            if (rect[dir][1] != 0) {
+                tmp = parseInt(dom.style.top) + offset.y;
+                dom.style.top = me._validScaledProp('top', tmp) + 'px';
+            }
+            if (rect[dir][2] != 0) {
+                tmp = dom.clientWidth + rect[dir][2] * offset.x;
+                dom.style.width = me._validScaledProp('width', tmp) + 'px';
+            }
+            if (rect[dir][3] != 0) {
+                tmp = dom.clientHeight + rect[dir][3] * offset.y;
+                dom.style.height = me._validScaledProp('height', tmp) + 'px';
+            }
+            if (dir === 'def') {
+                me.updateScaledElement({position:{x:dom.style.left, y:dom.style.top}});
+            }
+        },
+        scaleMousemove:function (e) {
+            var me = arguments.callee.fp,
+                start = me.start,
+                dir = me.dir || 'def',
+                offset = {x:e.clientX - start.x, y:e.clientY - start.y};
+
+            me.updateStyleByDir(dir, offset);
+            arguments.callee.fp.start = {x:e.clientX, y:e.clientY};
+            arguments.callee.fp.moved = 1;
+        },
+        _validScaledProp:function (prop, value) {
+            var ele = this.dom,
+                wrap = $G("J_picBoard");
+
+            value = isNaN(value) ? 0 : value;
+            switch (prop) {
+                case 'left':
+                    return value < 0 ? 0 : (value + ele.clientWidth) > wrap.clientWidth ? wrap.clientWidth - ele.clientWidth : value;
+                case 'top':
+                    return value < 0 ? 0 : (value + ele.clientHeight) > wrap.clientHeight ? wrap.clientHeight - ele.clientHeight : value;
+                case 'width':
+                    return value <= 0 ? 1 : (value + ele.offsetLeft) > wrap.clientWidth ? wrap.clientWidth - ele.offsetLeft : value;
+                case 'height':
+                    return value <= 0 ? 1 : (value + ele.offsetTop) > wrap.clientHeight ? wrap.clientHeight - ele.offsetTop : value;
+            }
+        }
+    };
+})();
+
+//后台回调
+function ue_callback(url, state) {
+    var doc = document,
+        picBorard = $G("J_picBoard"),
+        img = doc.createElement("img");
+
+    //图片缩放
+    function scale(img, max, oWidth, oHeight) {
+        var width = 0, height = 0, percent, ow = img.width || oWidth, oh = img.height || oHeight;
+        if (ow > max || oh > max) {
+            if (ow >= oh) {
+                if (width = ow - max) {
+                    percent = (width / ow).toFixed(2);
+                    img.height = oh - oh * percent;
+                    img.width = max;
+                }
+            } else {
+                if (height = oh - max) {
+                    percent = (height / oh).toFixed(2);
+                    img.width = ow - ow * percent;
+                    img.height = max;
+                }
+            }
+        }
+    }
+
+    //移除遮罩层
+    removeMaskLayer();
+    //状态响应
+    if (state == "SUCCESS") {
+        picBorard.innerHTML = "";
+        img.onload = function () {
+            scale(this, 300);
+            picBorard.appendChild(img);
+
+            var obj = new scrawl();
+            obj.btn2Highlight("J_removeImg");
+            //trace 2457
+            obj.btn2Highlight("J_sacleBoard");
+        };
+        img.src = url;
+    } else {
+        alert(state);
+    }
+}
+//去掉遮罩层
+function removeMaskLayer() {
+    var maskLayer = $G("J_maskLayer");
+    maskLayer.className = "maskLayerNull";
+    maskLayer.innerHTML = "";
+    dialog.buttons[0].setDisabled(false);
+}
+//添加遮罩层
+function addMaskLayer(html) {
+    var maskLayer = $G("J_maskLayer");
+    dialog.buttons[0].setDisabled(true);
+    maskLayer.className = "maskLayer";
+    maskLayer.innerHTML = html;
+}
+//执行确认按钮方法
+function exec(scrawlObj) {
+    if (scrawlObj.isScrawl) {
+        addMaskLayer(lang.scrawlUpLoading);
+        var base64 = scrawlObj.getCanvasData();
+        if (!!base64) {
+            var options = {
+                timeout:100000,
+                onsuccess:function (xhr) {
+                    if (!scrawlObj.isCancelScrawl) {
+                        var responseObj;
+                        responseObj = eval("(" + xhr.responseText + ")");
+                        if (responseObj.state == "SUCCESS") {
+                            var imgObj = {},
+                                url = editor.options.scrawlUrlPrefix + responseObj.url;
+                            imgObj.src = url;
+                            imgObj._src = url;
+                            imgObj.alt = responseObj.original || '';
+                            imgObj.title = responseObj.title || '';
+                            editor.execCommand("insertImage", imgObj);
+                            dialog.close();
+                        } else {
+                            alert(responseObj.state);
+                        }
+
+                    }
+                },
+                onerror:function () {
+                    alert(lang.imageError);
+                    dialog.close();
+                }
+            };
+            options[editor.getOpt('scrawlFieldName')] = base64;
+
+            var actionUrl = editor.getActionUrl(editor.getOpt('scrawlActionName')),
+                params = utils.serializeParam(editor.queryCommandValue('serverparam')) || '',
+                url = utils.formatUrl(actionUrl + (actionUrl.indexOf('?') == -1 ? '?':'&') + params);
+            ajax.request(url, options);
+        }
+    } else {
+        addMaskLayer(lang.noScarwl + "&nbsp;&nbsp;&nbsp;<input type='button' value='" + lang.continueBtn + "'  onclick='removeMaskLayer()'/>");
+    }
+}
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/searchreplace/searchreplace.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/searchreplace/searchreplace.html
new file mode 100644
index 000000000..b91f19014
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/searchreplace/searchreplace.html
@@ -0,0 +1,102 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title></title>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        .warpper{ position:relative;width: 380px; height: 100%; margin: 10px auto;}
+        .tabbody{height: 160px;}
+        .tabbody table{width:100%;border-collapse: separate;border-spacing: 3px;}
+        .tabbody .panel{width:373px;height:100%;padding-left: 5px;position: absolute;background-color: #fff;}
+        .tabbody input.int{ width:190px;height:21px;border:1px solid #d7d7d7;line-height:21px;}
+        .tabbody input.btn{padding: 0 5px; text-align:center;line-height:24px; text-decoration: none;height:24px;background:url("../../themes/default/images/dialog-title-bg.png") repeat-x;border:1px solid #ccc; }
+    </style>
+</head>
+<body>
+<div class="warpper" id="searchtab">
+    <div id="head" class="tabhead">
+        <span  tabsrc="find" class="focus"><var id="lang_tab_search"></var></span>
+        <span  tabsrc="replace" ><var id="lang_tab_replace"></var></span>
+    </div>
+    <div class="tabbody">
+        <div class="panel" id="find">
+            <table>
+                <tr>
+                    <td width="80"><var id="lang_search1"></var>: </td>
+                    <td><input id="findtxt" type="text" class="int" /></td>
+                </tr>
+                <!--<tr>-->
+
+                    <!--<td colspan="2"><span style="color:red"><var id="lang_searchReg"></var></span></td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><var id="lang_case_sensitive1"></var></td>
+                    <td>
+                        <input id="matchCase" type="checkbox" />
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="2">
+                        <input id="nextFindBtn" type="button" class="btn" />
+                        <input id="preFindBtn" type="button" class="btn" />
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="2">
+                        &nbsp;
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="2">
+                        <span id="search-msg" style="color:red"></span>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div class="panel" id="replace">
+            <table>
+                <tr>
+                    <td width="80"><var id="lang_search2"></var>: </td>
+                    <td><input id="findtxt1" type="text" class="int"  /></td>
+                </tr>
+                <!--<tr>-->
+
+                    <!--<td colspan="2"><span style="color:red"><var id="lang_searchReg1"></var></span></td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><var id="lang_replace"></var>: </td>
+                    <td><input id="replacetxt" type="text" class="int" /></td>
+                </tr>
+                <tr>
+                    <td><var id="lang_case_sensitive2"></var></td>
+                    <td>
+                        <input id="matchCase1" type="checkbox" />
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="2">
+                        <input id="nextReplaceBtn" type="button" class="btn" />
+                        <input id="preReplaceBtn" type="button" class="btn" />
+                        <input id="repalceBtn" type="button" class="btn" />
+                        <input id="repalceAllBtn" type="button" class="btn" />
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="2">
+                        &nbsp;
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="2">
+                        <span id="replace-msg" style="color:red"></span>
+                    </td>
+                </tr>
+            </table>
+        </div>
+    </div>
+</div>
+<script type="text/javascript" src="searchreplace.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/searchreplace/searchreplace.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/searchreplace/searchreplace.js
new file mode 100644
index 000000000..1b5285736
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/searchreplace/searchreplace.js
@@ -0,0 +1,164 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-9-26
+ * Time: 下午12:29
+ * To change this template use File | Settings | File Templates.
+ */
+
+//清空上次查选的痕迹
+editor.firstForSR = 0;
+editor.currentRangeForSR = null;
+//给tab注册切换事件
+/**
+ * tab点击处理事件
+ * @param tabHeads
+ * @param tabBodys
+ * @param obj
+ */
+function clickHandler( tabHeads,tabBodys,obj ) {
+    //head样式更改
+    for ( var k = 0, len = tabHeads.length; k < len; k++ ) {
+        tabHeads[k].className = "";
+    }
+    obj.className = "focus";
+    //body显隐
+    var tabSrc = obj.getAttribute( "tabSrc" );
+    for ( var j = 0, length = tabBodys.length; j < length; j++ ) {
+        var body = tabBodys[j],
+            id = body.getAttribute( "id" );
+        if ( id != tabSrc ) {
+            body.style.zIndex = 1;
+        } else {
+            body.style.zIndex = 200;
+        }
+    }
+
+}
+
+/**
+ * TAB切换
+ * @param tabParentId  tab的父节点ID或者对象本身
+ */
+function switchTab( tabParentId ) {
+    var tabElements = $G( tabParentId ).children,
+        tabHeads = tabElements[0].children,
+        tabBodys = tabElements[1].children;
+
+    for ( var i = 0, length = tabHeads.length; i < length; i++ ) {
+        var head = tabHeads[i];
+        if ( head.className === "focus" )clickHandler(tabHeads,tabBodys, head );
+        head.onclick = function () {
+            clickHandler(tabHeads,tabBodys,this);
+        }
+    }
+}
+$G('searchtab').onmousedown = function(){
+    $G('search-msg').innerHTML = '';
+    $G('replace-msg').innerHTML = ''
+}
+//是否区分大小写
+function getMatchCase(id) {
+    return $G(id).checked ? true : false;
+}
+//查找
+$G("nextFindBtn").onclick = function (txt, dir, mcase) {
+    var findtxt = $G("findtxt").value, obj;
+    if (!findtxt) {
+        return false;
+    }
+    obj = {
+        searchStr:findtxt,
+        dir:1,
+        casesensitive:getMatchCase("matchCase")
+    };
+    if (!frCommond(obj)) {
+        var bk = editor.selection.getRange().createBookmark();
+        $G('search-msg').innerHTML = lang.getEnd;
+        editor.selection.getRange().moveToBookmark(bk).select();
+
+
+    }
+};
+$G("nextReplaceBtn").onclick = function (txt, dir, mcase) {
+    var findtxt = $G("findtxt1").value, obj;
+    if (!findtxt) {
+        return false;
+    }
+    obj = {
+        searchStr:findtxt,
+        dir:1,
+        casesensitive:getMatchCase("matchCase1")
+    };
+    frCommond(obj);
+};
+$G("preFindBtn").onclick = function (txt, dir, mcase) {
+    var findtxt = $G("findtxt").value, obj;
+    if (!findtxt) {
+        return false;
+    }
+    obj = {
+        searchStr:findtxt,
+        dir:-1,
+        casesensitive:getMatchCase("matchCase")
+    };
+    if (!frCommond(obj)) {
+        $G('search-msg').innerHTML = lang.getStart;
+    }
+};
+$G("preReplaceBtn").onclick = function (txt, dir, mcase) {
+    var findtxt = $G("findtxt1").value, obj;
+    if (!findtxt) {
+        return false;
+    }
+    obj = {
+        searchStr:findtxt,
+        dir:-1,
+        casesensitive:getMatchCase("matchCase1")
+    };
+    frCommond(obj);
+};
+//替换
+$G("repalceBtn").onclick = function () {
+    var findtxt = $G("findtxt1").value.replace(/^\s|\s$/g, ""), obj,
+        replacetxt = $G("replacetxt").value.replace(/^\s|\s$/g, "");
+    if (!findtxt) {
+        return false;
+    }
+    if (findtxt == replacetxt || (!getMatchCase("matchCase1") && findtxt.toLowerCase() == replacetxt.toLowerCase())) {
+        return false;
+    }
+    obj = {
+        searchStr:findtxt,
+        dir:1,
+        casesensitive:getMatchCase("matchCase1"),
+        replaceStr:replacetxt
+    };
+    frCommond(obj);
+};
+//全部替换
+$G("repalceAllBtn").onclick = function () {
+    var findtxt = $G("findtxt1").value.replace(/^\s|\s$/g, ""), obj,
+        replacetxt = $G("replacetxt").value.replace(/^\s|\s$/g, "");
+    if (!findtxt) {
+        return false;
+    }
+    if (findtxt == replacetxt || (!getMatchCase("matchCase1") && findtxt.toLowerCase() == replacetxt.toLowerCase())) {
+        return false;
+    }
+    obj = {
+        searchStr:findtxt,
+        casesensitive:getMatchCase("matchCase1"),
+        replaceStr:replacetxt,
+        all:true
+    };
+    var num = frCommond(obj);
+    if (num) {
+        $G('replace-msg').innerHTML = lang.countMsg.replace("{#count}", num);
+    }
+};
+//执行
+var frCommond = function (obj) {
+    return editor.execCommand("searchreplace", obj);
+};
+switchTab("searchtab");
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/snapscreen/snapscreen.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/snapscreen/snapscreen.html
new file mode 100644
index 000000000..cf8209ee7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/snapscreen/snapscreen.html
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+        <title></title>
+        <script type="text/javascript" src="../internal.js"></script>
+        <style type="text/css">
+            *{color: #838383}
+            html,body {
+                font-size: 12px;
+                width:100%;
+                height:100%;
+                overflow: hidden;
+                margin:0px;
+                padding:0px;
+            }
+            h2 { font-size: 16px; margin: 20px auto;}
+            .content{
+                padding:5px 15px 0 15px;
+                height:100%;
+            }
+            dt,dd { margin-left: 0; padding-left: 0;}
+            dt a { display: block;
+                    height: 30px;
+                    line-height: 30px;
+                    width: 55px;
+                    background: #EFEFEF;
+                    border: 1px solid #CCC;
+                    padding: 0 10px;
+                    text-decoration: none;
+            }
+            dt a:hover{
+                background: #e0e0e0;
+                border-color: #999
+            }
+            dt a:active{
+                background: #ccc;
+                border-color: #999;
+                color: #666;
+            }
+            dd { line-height:20px;margin-top: 10px;}
+            span{ padding-right:4px;}
+            input{width:210px;height:21px;background: #FFF;border:1px solid #d7d7d7;padding: 0px; margin: 0px; }
+
+
+        </style>
+    </head>
+    <body>
+        <div class="content">
+            <h2><var id="lang_showMsg"></var></h2>
+            <dl>
+                <dt><a href="../../third-party/snapscreen/UEditorSnapscreen.exe" target="_blank" id="downlink"><var id="lang_download"></var></a></dt>
+                <dd><var id="lang_step1"></var></dd>
+                <dd><var id="lang_step2"></var></dd>
+            </dl>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/spechars/spechars.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/spechars/spechars.html
new file mode 100644
index 000000000..0b5c416f8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/spechars/spechars.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        html,body{overflow:hidden;}
+        #specharsTab{width: 97%;margin: 10px auto; zoom:1;position: relative}
+        .tabbody {height:447px;}
+        .tabbody span{ margin: 5px 3px;text-align: center;display:inline-block;width: 40px;height:16px;line-height: 16px;cursor: pointer; }
+    </style>
+</head>
+<body>
+    <div id="specharsTab">
+        <div id="tabHeads" class="tabhead"></div><div id="tabBodys" class="tabbody"></div>
+    </div>
+<script type="text/javascript" src="spechars.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/spechars/spechars.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/spechars/spechars.js
new file mode 100644
index 000000000..f4c155e15
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/spechars/spechars.js
@@ -0,0 +1,57 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-9-26
+ * Time: 下午1:09
+ * To change this template use File | Settings | File Templates.
+ */
+var charsContent = [
+    { name:"tsfh", title:lang.tsfh, content:toArray("、,。,·,ˉ,ˇ,¨,〃,々,—,～,‖,…,‘,’,“,”,〔,〕,〈,〉,《,》,「,」,『,』,〖,〗,【,】,±,×,÷,∶,∧,∨,∑,∏,∪,∩,∈,∷,√,⊥,∥,∠,⌒,⊙,∫,∮,≡,≌,≈,∽,∝,≠,≮,≯,≤,≥,∞,∵,∴,♂,♀,°,′,″,℃,＄,¤,￠,￡,‰,§,№,☆,★,○,●,◎,◇,◆,□,■,△,▲,※,→,←,↑,↓,〓,〡,〢,〣,〤,〥,〦,〧,〨,〩,㊣,㎎,㎏,㎜,㎝,㎞,㎡,㏄,㏎,㏑,㏒,㏕,︰,￢,￤,℡,ˊ,ˋ,˙,–,―,‥,‵,℅,℉,↖,↗,↘,↙,∕,∟,∣,≒,≦,≧,⊿,═,║,╒,╓,╔,╕,╖,╗,╘,╙,╚,╛,╜,╝,╞,╟,╠,╡,╢,╣,╤,╥,╦,╧,╨,╩,╪,╫,╬,╭,╮,╯,╰,╱,╲,╳,▁,▂,▃,▄,▅,▆,▇,�,█,▉,▊,▋,▌,▍,▎,▏,▓,▔,▕,▼,▽,◢,◣,◤,◥,☉,⊕,〒,〝,〞")},
+    { name:"lmsz", title:lang.lmsz, content:toArray("ⅰ,ⅱ,ⅲ,ⅳ,ⅴ,ⅵ,ⅶ,ⅷ,ⅸ,ⅹ,Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ,Ⅵ,Ⅶ,Ⅷ,Ⅸ,Ⅹ,Ⅺ,Ⅻ")},
+    { name:"szfh", title:lang.szfh, content:toArray("⒈,⒉,⒊,⒋,⒌,⒍,⒎,⒏,⒐,⒑,⒒,⒓,⒔,⒕,⒖,⒗,⒘,⒙,⒚,⒛,⑴,⑵,⑶,⑷,⑸,⑹,⑺,⑻,⑼,⑽,⑾,⑿,⒀,⒁,⒂,⒃,⒄,⒅,⒆,⒇,①,②,③,④,⑤,⑥,⑦,⑧,⑨,⑩,㈠,㈡,㈢,㈣,㈤,㈥,㈦,㈧,㈨,㈩")},
+    { name:"rwfh", title:lang.rwfh, content:toArray("ぁ,あ,ぃ,い,ぅ,う,ぇ,え,ぉ,お,か,が,き,ぎ,く,ぐ,け,げ,こ,ご,さ,ざ,し,じ,す,ず,せ,ぜ,そ,ぞ,た,だ,ち,ぢ,っ,つ,づ,て,で,と,ど,な,に,ぬ,ね,の,は,ば,ぱ,ひ,び,ぴ,ふ,ぶ,ぷ,へ,べ,ぺ,ほ,ぼ,ぽ,ま,み,む,め,も,ゃ,や,ゅ,ゆ,ょ,よ,ら,り,る,れ,ろ,ゎ,わ,ゐ,ゑ,を,ん,ァ,ア,ィ,イ,ゥ,ウ,ェ,エ,ォ,オ,カ,ガ,キ,ギ,ク,グ,ケ,ゲ,コ,ゴ,サ,ザ,シ,ジ,ス,ズ,セ,ゼ,ソ,ゾ,タ,ダ,チ,ヂ,ッ,ツ,ヅ,テ,デ,ト,ド,ナ,ニ,ヌ,ネ,ノ,ハ,バ,パ,ヒ,ビ,ピ,フ,ブ,プ,ヘ,ベ,ペ,ホ,ボ,ポ,マ,ミ,ム,メ,モ,ャ,ヤ,ュ,ユ,ョ,ヨ,ラ,リ,ル,レ,ロ,ヮ,ワ,ヰ,ヱ,ヲ,ン,ヴ,ヵ,ヶ")},
+    { name:"xlzm", title:lang.xlzm, content:toArray("Α,Β,Γ,Δ,Ε,Ζ,Η,Θ,Ι,Κ,Λ,Μ,Ν,Ξ,Ο,Π,Ρ,Σ,Τ,Υ,Φ,Χ,Ψ,Ω,α,β,γ,δ,ε,ζ,η,θ,ι,κ,λ,μ,ν,ξ,ο,π,ρ,σ,τ,υ,φ,χ,ψ,ω")},
+    { name:"ewzm", title:lang.ewzm, content:toArray("А,Б,В,Г,Д,Е,Ё,Ж,З,И,Й,К,Л,М,Н,О,П,Р,С,Т,У,Ф,Х,Ц,Ч,Ш,Щ,Ъ,Ы,Ь,Э,Ю,Я,а,б,в,г,д,е,ё,ж,з,и,й,к,л,м,н,о,п,р,с,т,у,ф,х,ц,ч,ш,щ,ъ,ы,ь,э,ю,я")},
+    { name:"pyzm", title:lang.pyzm, content:toArray("ā,á,ǎ,à,ē,é,ě,è,ī,í,ǐ,ì,ō,ó,ǒ,ò,ū,ú,ǔ,ù,ǖ,ǘ,ǚ,ǜ,ü")},
+    { name:"yyyb", title:lang.yyyb, content:toArray("i:,i,e,æ,ʌ,ə:,ə,u:,u,ɔ:,ɔ,a:,ei,ai,ɔi,əu,au,iə,εə,uə,p,t,k,b,d,g,f,s,ʃ,θ,h,v,z,ʒ,ð,tʃ,tr,ts,dʒ,dr,dz,m,n,ŋ,l,r,w,j,")},
+    { name:"zyzf", title:lang.zyzf, content:toArray("ㄅ,ㄆ,ㄇ,ㄈ,ㄉ,ㄊ,ㄋ,ㄌ,ㄍ,ㄎ,ㄏ,ㄐ,ㄑ,ㄒ,ㄓ,ㄔ,ㄕ,ㄖ,ㄗ,ㄘ,ㄙ,ㄚ,ㄛ,ㄜ,ㄝ,ㄞ,ㄟ,ㄠ,ㄡ,ㄢ,ㄣ,ㄤ,ㄥ,ㄦ,ㄧ,ㄨ")}
+];
+(function createTab(content) {
+    for (var i = 0, ci; ci = content[i++];) {
+        var span = document.createElement("span");
+        span.setAttribute("tabSrc", ci.name);
+        span.innerHTML = ci.title;
+        if (i == 1)span.className = "focus";
+        domUtils.on(span, "click", function () {
+            var tmps = $G("tabHeads").children;
+            for (var k = 0, sk; sk = tmps[k++];) {
+                sk.className = "";
+            }
+            tmps = $G("tabBodys").children;
+            for (var k = 0, sk; sk = tmps[k++];) {
+                sk.style.display = "none";
+            }
+            this.className = "focus";
+            $G(this.getAttribute("tabSrc")).style.display = "";
+        });
+        $G("tabHeads").appendChild(span);
+        domUtils.insertAfter(span, document.createTextNode("\n"));
+        var div = document.createElement("div");
+        div.id = ci.name;
+        div.style.display = (i == 1) ? "" : "none";
+        var cons = ci.content;
+        for (var j = 0, con; con = cons[j++];) {
+            var charSpan = document.createElement("span");
+            charSpan.innerHTML = con;
+            domUtils.on(charSpan, "click", function () {
+                editor.execCommand("insertHTML", this.innerHTML);
+                dialog.close();
+            });
+            div.appendChild(charSpan);
+        }
+        $G("tabBodys").appendChild(div);
+    }
+})(charsContent);
+function toArray(str) {
+    return str.split(",");
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/dragicon.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/dragicon.png
new file mode 100644
index 000000000..f26203bf3
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/dragicon.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittable.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittable.css
new file mode 100644
index 000000000..c6f9396c9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittable.css
@@ -0,0 +1,84 @@
+body{
+    overflow: hidden;
+    width: 540px;
+}
+.wrapper {
+    margin: 10px auto 0;
+    font-size: 12px;
+    overflow: hidden;
+    width: 520px;
+    height: 315px;
+}
+
+.clear {
+    clear: both;
+}
+
+.wrapper .left {
+    float: left;
+    margin-left: 10px;;
+}
+
+.wrapper .right {
+    float: right;
+    border-left: 2px dotted #EDEDED;
+    padding-left: 15px;
+}
+
+.section {
+    margin-bottom: 15px;
+    width: 240px;
+    overflow: hidden;
+}
+
+.section h3 {
+    font-weight: bold;
+    padding: 5px 0;
+    margin-bottom: 10px;
+    border-bottom: 1px solid #EDEDED;
+    font-size: 12px;
+}
+
+.section ul {
+    list-style: none;
+    overflow: hidden;
+    clear: both;
+
+}
+
+.section li {
+    float: left;
+    width: 120px;;
+}
+
+.section .tone {
+    width: 80px;;
+}
+
+.section .preview {
+    width: 220px;
+}
+
+.section .preview table {
+    text-align: center;
+    vertical-align: middle;
+    color: #666;
+}
+
+.section .preview caption {
+    font-weight: bold;
+}
+
+.section .preview td {
+    border-width: 1px;
+    border-style: solid;
+    height: 22px;
+}
+
+.section .preview th {
+    border-style: solid;
+    border-color: #DDD;
+    border-width: 2px 1px 1px 1px;
+    height: 22px;
+    background-color: #F7F7F7;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittable.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittable.html
new file mode 100644
index 000000000..3c412fb82
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittable.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+    <script type="text/javascript" src="../internal.js"></script>
+    <link rel="stylesheet" type="text/css" href="edittable.css">
+</head>
+<body>
+<div class="wrapper">
+    <div class="left">
+        <div class="section">
+            <h3><var id="lang_tableStyle"></var></h3>
+            <ul>
+                <li>
+                    <label onselectstart="return false"><input type="checkbox" id="J_title" name="style"/><var id="lang_insertTitle"></var></label>
+                </li>
+                <li>
+                    <label onselectstart="return false"><input type="checkbox" id="J_titleCol" name="style"/><var id="lang_insertTitleCol"></var></label>
+                </li>
+            </ul>
+            <ul>
+                <li>
+                    <label onselectstart="return false"><input type="checkbox" id="J_caption" name="style"/><var id="lang_insertCaption"></var></label>
+                </li>
+                <li>
+                    <label onselectstart="return false"><input type="checkbox" id="J_sorttable" name="style"/><var id="lang_orderbycontent"></var></label>
+                </li>
+            </ul>
+            <div class="clear"></div>
+        </div>
+        <div class="section">
+            <h3><var id="lang_tableSize"></var></h3>
+            <ul>
+                <li>
+                    <label><input type="radio" id="J_autoSizeContent" name="size"/><var id="lang_autoSizeContent"></var></label>
+                </li>
+                <li>
+                    <label><input type="radio" id="J_autoSizePage" name="size"/><var id="lang_autoSizePage"></var></label>
+                </li>
+            </ul>
+            <div class="clear"></div>
+        </div>
+        <div class="section">
+            <h3><var id="lang_borderStyle"></var></h3>
+            <ul>
+                <li>
+                    <span><var id="lang_color"></var></span>
+                    <input type="text" class="tone" id="J_tone" readonly='readonly' />
+                </li>
+            </ul>
+            <div class="clear"></div>
+        </div>
+    </div>
+    <div class="right">
+        <div class="section">
+            <h3><var id="lang_example"></var></h3>
+            <div class="preview" id="J_preview">
+            </div>
+        </div>
+    </div>
+</div>
+<script type="text/javascript" src="edittable.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittable.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittable.js
new file mode 100644
index 000000000..11dbee7c5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittable.js
@@ -0,0 +1,237 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-12-19
+ * Time: 下午4:55
+ * To change this template use File | Settings | File Templates.
+ */
+(function () {
+    var title = $G("J_title"),
+        titleCol = $G("J_titleCol"),
+        caption = $G("J_caption"),
+        sorttable = $G("J_sorttable"),
+        autoSizeContent = $G("J_autoSizeContent"),
+        autoSizePage = $G("J_autoSizePage"),
+        tone = $G("J_tone"),
+        me,
+        preview = $G("J_preview");
+
+    var editTable = function () {
+        me = this;
+        me.init();
+    };
+    editTable.prototype = {
+        init:function () {
+            var colorPiker = new UE.ui.ColorPicker({
+                    editor:editor
+                }),
+                colorPop = new UE.ui.Popup({
+                    editor:editor,
+                    content:colorPiker
+                });
+
+            title.checked = editor.queryCommandState("inserttitle") == -1;
+            titleCol.checked = editor.queryCommandState("inserttitlecol") == -1;
+            caption.checked = editor.queryCommandState("insertcaption") == -1;
+            sorttable.checked = editor.queryCommandState("enablesort") == 1;
+
+            var enablesortState = editor.queryCommandState("enablesort"),
+                disablesortState = editor.queryCommandState("disablesort");
+
+            sorttable.checked = !!(enablesortState < 0 && disablesortState >=0);
+            sorttable.disabled = !!(enablesortState < 0 && disablesortState < 0);
+            sorttable.title = enablesortState < 0 && disablesortState < 0 ? lang.errorMsg:'';
+
+            me.createTable(title.checked, titleCol.checked, caption.checked);
+            me.setAutoSize();
+            me.setColor(me.getColor());
+
+            domUtils.on(title, "click", me.titleHanler);
+            domUtils.on(titleCol, "click", me.titleColHanler);
+            domUtils.on(caption, "click", me.captionHanler);
+            domUtils.on(sorttable, "click", me.sorttableHanler);
+            domUtils.on(autoSizeContent, "click", me.autoSizeContentHanler);
+            domUtils.on(autoSizePage, "click", me.autoSizePageHanler);
+
+            domUtils.on(tone, "click", function () {
+                colorPop.showAnchor(tone);
+            });
+            domUtils.on(document, 'mousedown', function () {
+                colorPop.hide();
+            });
+            colorPiker.addListener("pickcolor", function () {
+                me.setColor(arguments[1]);
+                colorPop.hide();
+            });
+            colorPiker.addListener("picknocolor", function () {
+                me.setColor("");
+                colorPop.hide();
+            });
+        },
+
+        createTable:function (hasTitle, hasTitleCol, hasCaption) {
+            var arr = [],
+                sortSpan = '<span>^</span>';
+            arr.push("<table id='J_example'>");
+            if (hasCaption) {
+                arr.push("<caption>" + lang.captionName + "</caption>")
+            }
+            if (hasTitle) {
+                arr.push("<tr>");
+                if(hasTitleCol) { arr.push("<th>" + lang.titleName + "</th>"); }
+                for (var j = 0; j < 5; j++) {
+                    arr.push("<th>" + lang.titleName + "</th>");
+                }
+                arr.push("</tr>");
+            }
+            for (var i = 0; i < 6; i++) {
+                arr.push("<tr>");
+                if(hasTitleCol) { arr.push("<th>" + lang.titleName + "</th>") }
+                for (var k = 0; k < 5; k++) {
+                    arr.push("<td>" + lang.cellsName + "</td>")
+                }
+                arr.push("</tr>");
+            }
+            arr.push("</table>");
+            preview.innerHTML = arr.join("");
+            this.updateSortSpan();
+        },
+        titleHanler:function () {
+            var example = $G("J_example"),
+                frg=document.createDocumentFragment(),
+                color = domUtils.getComputedStyle(domUtils.getElementsByTagName(example, "td")[0], "border-color"),
+                colCount = example.rows[0].children.length;
+
+            if (title.checked) {
+                example.insertRow(0);
+                for (var i = 0, node; i < colCount; i++) {
+                    node = document.createElement("th");
+                    node.innerHTML = lang.titleName;
+                    frg.appendChild(node);
+                }
+                example.rows[0].appendChild(frg);
+
+            } else {
+                domUtils.remove(example.rows[0]);
+            }
+            me.setColor(color);
+            me.updateSortSpan();
+        },
+        titleColHanler:function () {
+            var example = $G("J_example"),
+                color = domUtils.getComputedStyle(domUtils.getElementsByTagName(example, "td")[0], "border-color"),
+                colArr = example.rows,
+                colCount = colArr.length;
+
+            if (titleCol.checked) {
+                for (var i = 0, node; i < colCount; i++) {
+                    node = document.createElement("th");
+                    node.innerHTML = lang.titleName;
+                    colArr[i].insertBefore(node, colArr[i].children[0]);
+                }
+            } else {
+                for (var i = 0; i < colCount; i++) {
+                    domUtils.remove(colArr[i].children[0]);
+                }
+            }
+            me.setColor(color);
+            me.updateSortSpan();
+        },
+        captionHanler:function () {
+            var example = $G("J_example");
+            if (caption.checked) {
+                var row = document.createElement('caption');
+                row.innerHTML = lang.captionName;
+                example.insertBefore(row, example.firstChild);
+            } else {
+                domUtils.remove(domUtils.getElementsByTagName(example, 'caption')[0]);
+            }
+        },
+        sorttableHanler:function(){
+            me.updateSortSpan();
+        },
+        autoSizeContentHanler:function () {
+            var example = $G("J_example");
+            example.removeAttribute("width");
+        },
+        autoSizePageHanler:function () {
+            var example = $G("J_example");
+            var tds = example.getElementsByTagName(example, "td");
+            utils.each(tds, function (td) {
+                td.removeAttribute("width");
+            });
+            example.setAttribute('width', '100%');
+        },
+        updateSortSpan: function(){
+            var example = $G("J_example"),
+                row = example.rows[0];
+
+            var spans = domUtils.getElementsByTagName(example,"span");
+            utils.each(spans,function(span){
+                span.parentNode.removeChild(span);
+            });
+            if (sorttable.checked) {
+                utils.each(row.cells, function(cell, i){
+                    var span = document.createElement("span");
+                    span.innerHTML = "^";
+                    cell.appendChild(span);
+                });
+            }
+        },
+        getColor:function () {
+            var start = editor.selection.getStart(), color,
+                cell = domUtils.findParentByTagName(start, ["td", "th", "caption"], true);
+            color = cell && domUtils.getComputedStyle(cell, "border-color");
+            if (!color)  color = "#DDDDDD";
+            return color;
+        },
+        setColor:function (color) {
+            var example = $G("J_example"),
+                arr = domUtils.getElementsByTagName(example, "td").concat(
+                    domUtils.getElementsByTagName(example, "th"),
+                    domUtils.getElementsByTagName(example, "caption")
+                );
+
+            tone.value = color;
+            utils.each(arr, function (node) {
+                node.style.borderColor = color;
+            });
+
+        },
+        setAutoSize:function () {
+            var me = this;
+            autoSizePage.checked = true;
+            me.autoSizePageHanler();
+        }
+    };
+
+    new editTable;
+
+    dialog.onok = function () {
+        editor.__hasEnterExecCommand = true;
+
+        var checks = {
+            title:"inserttitle deletetitle",
+            titleCol:"inserttitlecol deletetitlecol",
+            caption:"insertcaption deletecaption",
+            sorttable:"enablesort disablesort"
+        };
+        editor.fireEvent('saveScene');
+        for(var i in checks){
+            var cmds = checks[i].split(" "),
+                input = $G("J_" + i);
+            if(input["checked"]){
+                editor.queryCommandState(cmds[0])!=-1 &&editor.execCommand(cmds[0]);
+            }else{
+                editor.queryCommandState(cmds[1])!=-1 &&editor.execCommand(cmds[1]);
+            }
+        }
+
+        editor.execCommand("edittable", tone.value);
+        autoSizeContent.checked ?editor.execCommand('adaptbytext') : "";
+        autoSizePage.checked ? editor.execCommand("adaptbywindow") : "";
+        editor.fireEvent('saveScene');
+
+        editor.__hasEnterExecCommand = false;
+    };
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittd.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittd.html
new file mode 100644
index 000000000..49a52f719
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittd.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        .section {
+            text-align: center;
+            margin-top: 10px;
+        }
+        .section input {
+            margin-left: 5px;
+            width: 70px;
+        }
+    </style>
+</head>
+<body>
+<div class="section">
+    <span><var id="lang_tdBkColor"></var></span>
+    <input type="text" id="J_tone"/>
+</div>
+<script type="text/javascript">
+    var tone = $G("J_tone"),
+            colorPiker = new UE.ui.ColorPicker({
+                editor:editor
+            }),
+            colorPop = new UE.ui.Popup({
+                editor:editor,
+                content:colorPiker
+            });
+    domUtils.on(tone, "click", function () {
+        colorPop.showAnchor(tone);
+    });
+    domUtils.on(document, 'mousedown', function () {
+        colorPop.hide();
+    });
+    colorPiker.addListener("pickcolor", function () {
+        tone.value = arguments[1];
+        colorPop.hide();
+    });
+    colorPiker.addListener("picknocolor", function () {
+        tone.value="";
+        colorPop.hide();
+    });
+    dialog.onok=function(){
+        editor.execCommand("edittd",tone.value);
+    };
+
+    var start = editor.selection.getStart(),
+        cell = start && domUtils.findParentByTagName(start, ["td", "th"], true);
+    if(cell){
+        var color = domUtils.getComputedStyle(cell,'background-color');
+        if(/^#/.test(color)){
+            tone.value = color
+        }
+
+    }
+
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittip.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittip.html
new file mode 100644
index 000000000..954f7bb66
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/table/edittip.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>表格删除提示</title>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        .section {
+            width: 200px;
+            margin: 10px auto 0;
+            font-size: 14px;
+        }
+
+        .item {
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+<div class="section">
+    <div class="item">
+        <label><input type="radio" id="J_delRow" name="cmd" checked/><var id="lang_delRow"></var></label>
+    </div>
+    <div class="item">
+        <label><input type="radio" id="J_delCol" name="cmd"/><var id="lang_delCol"></var></label>
+    </div>
+</div>
+<script type="text/javascript">
+    dialog.onok = function () {
+        $G("J_delRow").checked ? editor.execCommand("deleterow") : editor.execCommand("deletecol");
+    };
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/config.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/config.js
new file mode 100644
index 000000000..417b8f787
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/config.js
@@ -0,0 +1,42 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-8-8
+ * Time: 下午2:00
+ * To change this template use File | Settings | File Templates.
+ */
+var templates = [
+    {
+        "pre":"pre0.png",
+        'title':lang.blank,
+        'preHtml':'<p class="ue_t">&nbsp;欢迎使用UEditor！</p>',
+        "html":'<p class="ue_t">欢迎使用UEditor！</p>'
+
+    },
+    {
+        "pre":"pre1.png",
+        'title':lang.blog,
+        'preHtml':'<h1 label="Title center" name="tc" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;text-align:center;margin:0px 0px 20px;"><span style="color:#c0504d;">深入理解Range</span></h1><p style="text-align:center;"><strong class=" ">UEditor二次开发</strong></p><h3><span class=" " style="font-family:幼圆">什么是Range</span></h3><p style="text-indent:2em;">对于“插入”选项卡上的库，在设计时都充分考虑了其中的项与文档整体外观的协调性。 </p><br /><h3><span class=" " style="font-family:幼圆">Range能干什么</span></h3><p style="text-indent:2em;">在“开始”选项卡上，通过从快速样式库中为所选文本选择一种外观，您可以方便地更改文档中所选文本的格式。</p>',
+        "html":'<h1 class="ue_t" label="Title center" name="tc" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;text-align:center;margin:0px 0px 20px;"><span style="color:#c0504d;">[键入文档标题]</span></h1><p style="text-align:center;"><strong class="ue_t">[键入文档副标题]</strong></p><h3><span class="ue_t" style="font-family:幼圆">[标题 1]</span></h3><p class="ue_t"  style="text-indent:2em;">对于“插入”选项卡上的库，在设计时都充分考虑了其中的项与文档整体外观的协调性。 您可以使用这些库来插入表格、页眉、页脚、列表、封面以及其他文档构建基块。 您创建的图片、图表或关系图也将与当前的文档外观协调一致。</p><h3><span class="ue_t" style="font-family:幼圆">[标题 2]</span></h3><p class="ue_t"  style="text-indent:2em;">在“开始”选项卡上，通过从快速样式库中为所选文本选择一种外观，您可以方便地更改文档中所选文本的格式。 您还可以使用“开始”选项卡上的其他控件来直接设置文本格式。大多数控件都允许您选择是使用当前主题外观，还是使用某种直接指定的格式。 </p><h3><span class="ue_t" style="font-family:幼圆">[标题 3]</span></h3><p class="ue_t">对于“插入”选项卡上的库，在设计时都充分考虑了其中的项与文档整体外观的协调性。 您可以使用这些库来插入表格、页眉、页脚、列表、封面以及其他文档构建基块。 您创建的图片、图表或关系图也将与当前的文档外观协调一致。</p><p class="ue_t"><br /></p>'
+
+    },
+    {
+        "pre":"pre2.png",
+        'title':lang.resume,
+        'preHtml':'<h1 label="Title left" name="tl" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;margin:0px 0px 10px;"><span style="color:#e36c09;" class=" ">WEB前端开发简历</span></h1><table width="100%" border="1" bordercolor="#95B3D7" style="border-collapse:collapse;"><tbody><tr><td width="100" style="text-align:center;"><p><span style="background-color:transparent;">插</span><br /></p><p>入</p><p>照</p><p>片</p></td><td><p><span style="background-color:transparent;"> 联系电话：</span><span class="ue_t" style="background-color:transparent;">[键入您的电话]</span><br /></p><p><span style="background-color:transparent;"> 电子邮件：</span><span class="ue_t" style="background-color:transparent;">[键入您的电子邮件地址]</span><br /></p><p><span style="background-color:transparent;"> 家庭住址：</span><span class="ue_t" style="background-color:transparent;">[键入您的地址]</span><br /></p></td></tr></tbody></table><h3><span style="color:#E36C09;font-size:20px;">目标职位</span></h3><p style="text-indent:2em;" class=" ">WEB前端研发工程师</p><h3><span style="color:#e36c09;font-size:20px;">学历</span></h3><p><span style="display:none;line-height:0px;" id="_baidu_bookmark_start_26"></span></p><ol style="list-style-type:decimal;"><li><p><span class="ue_t">[起止时间]</span> <span class="ue_t">[学校名称] </span> <span class="ue_t">[所学专业]</span> <span class="ue_t">[所获学位]</span></p></li></ol><h3><span style="color:#e36c09;font-size:20px;" class="ue_t">工作经验</span></h3><p><br /></p>',
+        "html":'<h1 label="Title left" name="tl" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;margin:0px 0px 10px;"><span style="color:#e36c09;" class="ue_t">[此处键入简历标题]</span></h1><p><span style="color:#e36c09;"><br /></span></p><table width="100%" border="1" bordercolor="#95B3D7" style="border-collapse:collapse;"><tbody><tr><td width="200" style="text-align:center;" class="ue_t">【此处插入照片】</td><td><p><br /></p><p> 联系电话：<span class="ue_t">[键入您的电话]</span></p><p><br /></p><p> 电子邮件：<span class="ue_t">[键入您的电子邮件地址]</span></p><p><br /></p><p> 家庭住址：<span class="ue_t">[键入您的地址]</span></p><p><br /></p></td></tr></tbody></table><h3><span style="color:#e36c09;font-size:20px;">目标职位</span></h3><p style="text-indent:2em;" class="ue_t">[此处键入您的期望职位]</p><h3><span style="color:#e36c09;font-size:20px;">学历</span></h3><p><span style="display:none;line-height:0px;" id="_baidu_bookmark_start_26"></span></p><ol style="list-style-type:decimal;"><li><p><span class="ue_t">[键入起止时间]</span> <span class="ue_t">[键入学校名称] </span> <span class="ue_t">[键入所学专业]</span> <span class="ue_t">[键入所获学位]</span></p></li><li><p><span class="ue_t">[键入起止时间]</span> <span class="ue_t">[键入学校名称]</span> <span class="ue_t">[键入所学专业]</span> <span class="ue_t">[键入所获学位]</span></p></li></ol><h3><span style="color:#e36c09;font-size:20px;" class="ue_t">工作经验</span></h3><ol style="list-style-type:decimal;"><li><p><span class="ue_t">[键入起止时间]</span> <span class="ue_t">[键入公司名称]</span> <span class="ue_t">[键入职位名称]</span> </p></li><ol style="list-style-type:lower-alpha;"><li><p><span class="ue_t">[键入负责项目]</span> <span class="ue_t">[键入项目简介]</span></p></li><li><p><span class="ue_t">[键入负责项目]</span> <span class="ue_t">[键入项目简介]</span></p></li></ol><li><p><span class="ue_t">[键入起止时间]</span> <span class="ue_t">[键入公司名称]</span> <span class="ue_t">[键入职位名称]</span> </p></li><ol style="list-style-type:lower-alpha;"><li><p><span class="ue_t">[键入负责项目]</span> <span class="ue_t">[键入项目简介]</span></p></li></ol></ol><p><span style="color:#e36c09;font-size:20px;">掌握技能</span></p><p style="text-indent:2em;"> &nbsp;<span class="ue_t">[这里可以键入您所掌握的技能]</span><br /></p>'
+
+    },
+    {
+        "pre":"pre3.png",
+        'title':lang.richText,
+        'preHtml':'<h1 label="Title center" name="tc" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;text-align:center;margin:0px 0px 20px;" class="ue_t">[此处键入文章标题]</h1><p><img src="http://img.baidu.com/hi/youa/y_0034.gif" width="150" height="100" border="0" hspace="0" vspace="0" style="width:150px;height:100px;float:left;" />图文混排方法</p><p>图片居左，文字围绕图片排版</p><p>方法：在文字前面插入图片，设置居左对齐，然后即可在右边输入多行文</p><p><br /></p><p><img src="http://img.baidu.com/hi/youa/y_0040.gif" width="100" height="100" border="0" hspace="0" vspace="0" style="width:100px;height:100px;float:right;" /></p><p>还有没有什么其他的环绕方式呢？这里是居右环绕</p><p><br /></p><p>欢迎大家多多尝试，为UEditor提供更多高质量模板！</p>',
+        "html":'<p><br /></p><h1 label="Title center" name="tc" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;text-align:center;margin:0px 0px 20px;" class="ue_t">[此处键入文章标题]</h1><p><img src="http://img.baidu.com/hi/youa/y_0034.gif" width="300" height="200" border="0" hspace="0" vspace="0" style="width:300px;height:200px;float:left;" />图文混排方法</p><p>1. 图片居左，文字围绕图片排版</p><p>方法：在文字前面插入图片，设置居左对齐，然后即可在右边输入多行文本</p><p><br /></p><p>2. 图片居右，文字围绕图片排版</p><p>方法：在文字前面插入图片，设置居右对齐，然后即可在左边输入多行文本</p><p><br /></p><p>3. 图片居中环绕排版</p><p>方法：亲，这个真心没有办法。。。</p><p><br /></p><p><br /></p><p><img src="http://img.baidu.com/hi/youa/y_0040.gif" width="300" height="300" border="0" hspace="0" vspace="0" style="width:300px;height:300px;float:right;" /></p><p>还有没有什么其他的环绕方式呢？这里是居右环绕</p><p><br /></p><p>欢迎大家多多尝试，为UEditor提供更多高质量模板！</p><p><br /></p><p>占位</p><p><br /></p><p>占位</p><p><br /></p><p>占位</p><p><br /></p><p>占位</p><p><br /></p><p>占位</p><p><br /></p><p><br /></p>'
+    },
+    {
+        "pre":"pre4.png",
+        'title':lang.sciPapers,
+        'preHtml':'<h2 style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;margin:0px 0px 10px;text-align:center;" class="ue_t">[键入文章标题]</h2><p><strong><span style="font-size:12px;">摘要</span></strong><span style="font-size:12px;" class="ue_t">：这里可以输入很长很长很长很长很长很长很长很长很差的摘要</span></p><p style="line-height:1.5em;"><strong>标题 1</strong></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">这里可以输入很多内容，可以图文混排，可以有列表等。</span></p><p style="line-height:1.5em;"><strong>标题 2</strong></p><ol style="list-style-type:lower-alpha;"><li><p class="ue_t">列表 1</p></li><li><p class="ue_t">列表 2</p></li><ol style="list-style-type:lower-roman;"><li><p class="ue_t">多级列表 1</p></li><li><p class="ue_t">多级列表 2</p></li></ol><li><p class="ue_t">列表 3<br /></p></li></ol><p style="line-height:1.5em;"><strong>标题 3</strong></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">来个文字图文混排的</span></p><p style="text-indent:2em;"><br /></p>',
+        'html':'<h2 style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;margin:0px 0px 10px;text-align:center;" class="ue_t">[键入文章标题]</h2><p><strong><span style="font-size:12px;">摘要</span></strong><span style="font-size:12px;" class="ue_t">：这里可以输入很长很长很长很长很长很长很长很长很差的摘要</span></p><p style="line-height:1.5em;"><strong>标题 1</strong></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">这里可以输入很多内容，可以图文混排，可以有列表等。</span></p><p style="line-height:1.5em;"><strong>标题 2</strong></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">来个列表瞅瞅：</span></p><ol style="list-style-type:lower-alpha;"><li><p class="ue_t">列表 1</p></li><li><p class="ue_t">列表 2</p></li><ol style="list-style-type:lower-roman;"><li><p class="ue_t">多级列表 1</p></li><li><p class="ue_t">多级列表 2</p></li></ol><li><p class="ue_t">列表 3<br /></p></li></ol><p style="line-height:1.5em;"><strong>标题 3</strong></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">来个文字图文混排的</span></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">这里可以多行</span></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">右边是图片</span></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">绝对没有问题的，不信你也可以试试看</span></p><p><br /></p>'
+    }
+];
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/bg.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/bg.gif
new file mode 100644
index 000000000..8c1d10ad1
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/bg.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre0.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre0.png
new file mode 100644
index 000000000..8f3c16ab1
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre0.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre1.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre1.png
new file mode 100644
index 000000000..5a03f9699
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre1.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre2.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre2.png
new file mode 100644
index 000000000..5a55672c1
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre2.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre3.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre3.png
new file mode 100644
index 000000000..d852d29f1
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre3.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre4.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre4.png
new file mode 100644
index 000000000..0d7bc72ab
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/images/pre4.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/template.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/template.css
new file mode 100644
index 000000000..6c1608dfc
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/template.css
@@ -0,0 +1,18 @@
+.wrap{ padding: 5px;font-size: 14px;}
+.left{width:425px;float: left;}
+.right{width:160px;border: 1px solid #ccc;float: right;padding: 5px;margin-right: 5px;}
+.right .pre{height: 332px;overflow-y: auto;}
+.right .preitem{border: white 1px solid;margin: 5px 0;padding: 2px 0;}
+.right .preitem:hover{background-color: lemonChiffon;cursor: pointer;border: #ccc 1px solid;}
+.right .preitem img{display: block;margin: 0 auto;width:100px;}
+.clear{clear: both;}
+.top{height:26px;line-height: 26px;padding: 5px;}
+.bottom{height:320px;width:100%;margin: 0 auto;}
+.transparent{ background: url("images/bg.gif") repeat;}
+.bottom table tr td{border:1px dashed #ccc;}
+#colorPicker{width: 17px;height: 17px;border: 1px solid #CCC;display: inline-block;border-radius: 3px;box-shadow: 2px 2px 5px #D3D6DA;}
+.border_style1{padding:2px;border: 1px solid #ccc;border-radius: 5px;box-shadow:2px 2px 5px #d3d6da;}
+p{margin: 5px 0}
+table{clear:both;margin-bottom:10px;border-collapse:collapse;word-break:break-all;}
+li{clear:both}
+ol{padding-left:40px; }
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/template.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/template.html
new file mode 100644
index 000000000..d9903a480
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/template.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <link rel="stylesheet" type="text/css" href="template.css">
+</head>
+<body>
+    <div class="wrap">
+        <div class="left">
+            <div class="top">
+                <label><var id="lang_template_clear"></var>：<input id="issave" type="checkbox"></label>
+            </div>
+            <div class="bottom border_style1" id="preview"></div>
+        </div>
+        <fieldset  class="right border_style1">
+            <legend><var id="lang_template_select"></var></legend>
+            <div class="pre" id="preitem"></div>
+        </fieldset>
+        <div class="clear"></div>
+    </div>
+    <script type="text/javascript" src="config.js"></script>
+    <script type="text/javascript" src="template.js"></script>
+</body>
+</html>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/template.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/template.js
new file mode 100644
index 000000000..80a334b36
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/template/template.js
@@ -0,0 +1,53 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-8-8
+ * Time: 下午2:09
+ * To change this template use File | Settings | File Templates.
+ */
+(function () {
+    var me = editor,
+            preview = $G( "preview" ),
+            preitem = $G( "preitem" ),
+            tmps = templates,
+            currentTmp;
+    var initPre = function () {
+        var str = "";
+        for ( var i = 0, tmp; tmp = tmps[i++]; ) {
+            str += '<div class="preitem" onclick="pre(' + i + ')"><img src="' + "images/" + tmp.pre + '" ' + (tmp.title ? "alt=" + tmp.title + " title=" + tmp.title + "" : "") + '></div>';
+        }
+        preitem.innerHTML = str;
+    };
+    var pre = function ( n ) {
+        var tmp = tmps[n - 1];
+        currentTmp = tmp;
+        clearItem();
+        domUtils.setStyles( preitem.childNodes[n - 1], {
+            "background-color":"lemonChiffon",
+            "border":"#ccc 1px solid"
+        } );
+        preview.innerHTML = tmp.preHtml ? tmp.preHtml : "";
+    };
+    var clearItem = function () {
+        var items = preitem.children;
+        for ( var i = 0, item; item = items[i++]; ) {
+            domUtils.setStyles( item, {
+                "background-color":"",
+                "border":"white 1px solid"
+            } );
+        }
+    };
+    dialog.onok = function () {
+        if ( !$G( "issave" ).checked ){
+            me.execCommand( "cleardoc" );
+        }
+        var obj = {
+            html:currentTmp && currentTmp.html
+        };
+        me.execCommand( "template", obj );
+    };
+    initPre();
+    window.pre = pre;
+    pre(2)
+
+})();
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/bg.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/bg.png
new file mode 100644
index 000000000..580be0a01
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/bg.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/center_focus.jpg b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/center_focus.jpg
new file mode 100644
index 000000000..262b02916
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/center_focus.jpg differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/file-icons.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/file-icons.gif
new file mode 100644
index 000000000..d8c02c27e
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/file-icons.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/file-icons.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/file-icons.png
new file mode 100644
index 000000000..3ff82c8c4
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/file-icons.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/icons.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/icons.gif
new file mode 100644
index 000000000..78459dea7
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/icons.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/icons.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/icons.png
new file mode 100644
index 000000000..12e470016
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/icons.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/image.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/image.png
new file mode 100644
index 000000000..19699f6a9
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/image.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/left_focus.jpg b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/left_focus.jpg
new file mode 100644
index 000000000..7886d276d
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/left_focus.jpg differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/none_focus.jpg b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/none_focus.jpg
new file mode 100644
index 000000000..7c768dcb4
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/none_focus.jpg differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/progress.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/progress.png
new file mode 100644
index 000000000..717c4865c
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/progress.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/right_focus.jpg b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/right_focus.jpg
new file mode 100644
index 000000000..173e10d2d
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/right_focus.jpg differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/success.gif b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/success.gif
new file mode 100644
index 000000000..8d4f3112b
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/success.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/success.png b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/success.png
new file mode 100644
index 000000000..94f968dc8
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/images/success.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/video.css b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/video.css
new file mode 100644
index 000000000..5870e7a15
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/video.css
@@ -0,0 +1,635 @@
+@charset "utf-8";
+.wrapper{ width: 570px;_width:575px;margin: 10px auto; zoom:1;position: relative}
+.tabbody{height: 335px;}
+.tabbody .panel {
+    position: absolute;
+    width: 0;
+    height: 0;
+    background: #fff;
+    overflow: hidden;
+    display: none;
+}
+.tabbody .panel.focus {
+    width: 100%;
+    height: 335px;
+    display: block;
+}
+
+.tabbody .panel table td{vertical-align: middle;}
+#videoUrl {
+    width: 490px;
+    height: 21px;
+    line-height: 21px;
+    margin: 8px 5px;
+    background: #FFF;
+    border: 1px solid #d7d7d7;
+}
+#videoSearchTxt{margin-left:15px;background: #FFF;width:200px;height:21px;line-height:21px;border: 1px solid #d7d7d7;}
+#searchList{width: 570px;overflow: auto;zoom:1;height: 270px;}
+#searchList div{float: left;width: 120px;height: 135px;margin: 5px 15px;}
+#searchList img{margin: 2px 8px;cursor: pointer;border: 2px solid #fff} /*不用缩略图*/
+#searchList p{margin-left: 10px;}
+#videoType{
+    width: 65px;
+    height: 23px;
+    line-height: 22px;
+    border: 1px solid #d7d7d7;
+}
+#videoSearchBtn,#videoSearchReset{
+    /*width: 80px;*/
+    height: 25px;
+    line-height: 25px;
+    background: #eee;
+    border: 1px solid #d7d7d7;
+    cursor: pointer;
+    padding: 0 5px;
+}
+
+
+
+#preview{position: relative;width: 420px;padding:0;overflow: hidden; margin-left: 10px; _margin-left:5px; height: 280px;background-color: #ddd;float: left}
+#preview .previewMsg {position:absolute;top:0;margin:0;padding:0;height:280px;width:100%;background-color: #666;}
+#preview .previewMsg span{display:block;margin: 125px auto 0 auto;text-align:center;font-size:18px;color:#fff;}
+#preview .previewVideo {position:absolute;top:0;margin:0;padding:0;height:280px;width:100%;}
+.edui-video-wrapper fieldset{
+    border: 1px solid #ddd;
+    padding-left: 5px;
+    margin-bottom: 20px;
+    padding-bottom: 5px;
+    width: 115px;
+}
+
+#videoInfo {width: 120px;float: left;margin-left: 10px;_margin-left:7px;}
+fieldset{
+    border: 1px solid #ddd;
+    padding-left: 5px;
+    margin-bottom: 20px;
+    padding-bottom: 5px;
+    width: 115px;
+}
+fieldset legend{font-weight: bold;}
+fieldset p{line-height: 30px;}
+fieldset input.txt{
+    width: 65px;
+    height: 21px;
+    line-height: 21px;
+    margin: 8px 5px;
+    background: #FFF;
+    border: 1px solid #d7d7d7;
+}
+label.url{font-weight: bold;margin-left: 5px;color: #06c;}
+#videoFloat div{cursor:pointer;opacity: 0.5;filter: alpha(opacity = 50);margin:9px;_margin:5px;width:38px;height:36px;float:left;}
+#videoFloat .focus{opacity: 1;filter: alpha(opacity = 100)}
+span.view{display: inline-block;width: 30px;float: right;cursor: pointer;color: blue}
+
+
+
+
+/* upload video */
+.tabbody #upload.panel {
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    position: absolute !important;
+    clip: rect(1px, 1px, 1px, 1px);
+    background: #fff;
+    display: block;
+}
+.tabbody #upload.panel.focus {
+    width: 100%;
+    height: 335px;
+    display: block;
+    clip: auto;
+}
+#upload_alignment div{cursor:pointer;opacity: 0.5;filter: alpha(opacity = 50);margin:9px;_margin:5px;width:38px;height:36px;float:left;}
+#upload_alignment .focus{opacity: 1;filter: alpha(opacity = 100)}
+#upload_left { width:427px; float:left; }
+#upload_left .controller { height: 30px; clear: both; }
+#uploadVideoInfo{margin-top:10px;float:right;padding-right:8px;}
+
+#upload .queueList {
+    margin: 0;
+}
+
+#upload p {
+    margin: 0;
+}
+
+.element-invisible {
+    width: 0 !important;
+    height: 0 !important;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+    position: absolute !important;
+    clip: rect(1px, 1px, 1px, 1px);
+}
+
+#upload .placeholder {
+    margin: 10px;
+    margin-right:0;
+    border: 2px dashed #e6e6e6;
+    *border: 0px dashed #e6e6e6;
+    height: 161px;
+    padding-top: 150px;
+    text-align: center;
+    width: 97%;
+    float: left;
+    background: url(./images/image.png) center 70px no-repeat;
+    color: #cccccc;
+    font-size: 18px;
+    position: relative;
+    top:0;
+    *margin-left: 0;
+    *left: 10px;
+}
+
+#upload .placeholder .webuploader-pick {
+    font-size: 18px;
+    background: #00b7ee;
+    border-radius: 3px;
+    line-height: 44px;
+    padding: 0 30px;
+    *width: 120px;
+    color: #fff;
+    display: inline-block;
+    margin: 0 auto 20px auto;
+    cursor: pointer;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+}
+
+#upload .placeholder .webuploader-pick-hover {
+    background: #00a2d4;
+}
+
+
+#filePickerContainer {
+    text-align: center;
+}
+
+#upload .placeholder .flashTip {
+    color: #666666;
+    font-size: 12px;
+    position: absolute;
+    width: 100%;
+    text-align: center;
+    bottom: 20px;
+}
+
+#upload .placeholder .flashTip a {
+    color: #0785d1;
+    text-decoration: none;
+}
+
+#upload .placeholder .flashTip a:hover {
+    text-decoration: underline;
+}
+
+#upload .placeholder.webuploader-dnd-over {
+    border-color: #999999;
+}
+
+#upload .filelist {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: relative;
+    height: 285px;
+}
+
+#upload .filelist:after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    clear: both;
+}
+
+#upload .filelist li {
+    width: 113px;
+    height: 113px;
+    background: url(./images/bg.png);
+    text-align: center;
+    margin: 15px 0 0 20px;
+    *margin: 15px 0 0 15px;
+    position: relative;
+    display: block;
+    float: left;
+    overflow: hidden;
+    font-size: 12px;
+}
+
+#upload .filelist li p.log {
+    position: relative;
+    top: -45px;
+}
+
+#upload .filelist li p.title {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    top: 5px;
+    text-indent: 5px;
+    text-align: left;
+}
+
+#upload .filelist li p.progress {
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    height: 8px;
+    overflow: hidden;
+    z-index: 50;
+    margin: 0;
+    border-radius: 0;
+    background: none;
+    -webkit-box-shadow: 0 0 0;
+}
+
+#upload .filelist li p.progress span {
+    display: none;
+    overflow: hidden;
+    width: 0;
+    height: 100%;
+    background: #1483d8 url(./images/progress.png) repeat-x;
+
+    -webit-transition: width 200ms linear;
+    -moz-transition: width 200ms linear;
+    -o-transition: width 200ms linear;
+    -ms-transition: width 200ms linear;
+    transition: width 200ms linear;
+
+    -webkit-animation: progressmove 2s linear infinite;
+    -moz-animation: progressmove 2s linear infinite;
+    -o-animation: progressmove 2s linear infinite;
+    -ms-animation: progressmove 2s linear infinite;
+    animation: progressmove 2s linear infinite;
+
+    -webkit-transform: translateZ(0);
+}
+
+@-webkit-keyframes progressmove {
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 17px 0;
+    }
+}
+
+@-moz-keyframes progressmove {
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 17px 0;
+    }
+}
+
+@keyframes progressmove {
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 17px 0;
+    }
+}
+
+#upload .filelist li p.imgWrap {
+    position: relative;
+    z-index: 2;
+    line-height: 113px;
+    vertical-align: middle;
+    overflow: hidden;
+    width: 113px;
+    height: 113px;
+
+    -webkit-transform-origin: 50% 50%;
+    -moz-transform-origin: 50% 50%;
+    -o-transform-origin: 50% 50%;
+    -ms-transform-origin: 50% 50%;
+    transform-origin: 50% 50%;
+
+    -webit-transition: 200ms ease-out;
+    -moz-transition: 200ms ease-out;
+    -o-transition: 200ms ease-out;
+    -ms-transition: 200ms ease-out;
+    transition: 200ms ease-out;
+}
+#upload .filelist li p.imgWrap.notimage {
+    margin-top: 0;
+    width: 111px;
+    height: 111px;
+    border: 1px #eeeeee solid;
+}
+#upload .filelist li p.imgWrap.notimage i.file-preview {
+    margin-top: 15px;
+}
+
+#upload .filelist li img {
+    width: 100%;
+}
+
+#upload .filelist li p.error {
+    background: #f43838;
+    color: #fff;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 28px;
+    line-height: 28px;
+    width: 100%;
+    z-index: 100;
+    display:none;
+}
+
+#upload .filelist li .success {
+    display: block;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 40px;
+    width: 100%;
+    z-index: 200;
+    background: url(./images/success.png) no-repeat right bottom;
+    background-image: url(./images/success.gif) \9;
+}
+
+#upload .filelist li.filePickerBlock {
+    width: 113px;
+    height: 113px;
+    background: url(./images/image.png) no-repeat center 12px;
+    border: 1px solid #eeeeee;
+    border-radius: 0;
+}
+#upload .filelist li.filePickerBlock div.webuploader-pick  {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    opacity: 0;
+    background: none;
+    font-size: 0;
+}
+
+#upload .filelist div.file-panel {
+    position: absolute;
+    height: 0;
+    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000') \0;
+    background: rgba(0, 0, 0, 0.5);
+    width: 100%;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    z-index: 300;
+}
+
+#upload .filelist div.file-panel span {
+    width: 24px;
+    height: 24px;
+    display: inline;
+    float: right;
+    text-indent: -9999px;
+    overflow: hidden;
+    background: url(./images/icons.png) no-repeat;
+    background: url(./images/icons.gif) no-repeat \9;
+    margin: 5px 1px 1px;
+    cursor: pointer;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+#upload .filelist div.file-panel span.rotateLeft {
+    display:none;
+    background-position: 0 -24px;
+}
+
+#upload .filelist div.file-panel span.rotateLeft:hover {
+    background-position: 0 0;
+}
+
+#upload .filelist div.file-panel span.rotateRight {
+    display:none;
+    background-position: -24px -24px;
+}
+
+#upload .filelist div.file-panel span.rotateRight:hover {
+    background-position: -24px 0;
+}
+
+#upload .filelist div.file-panel span.cancel {
+    background-position: -48px -24px;
+}
+
+#upload .filelist div.file-panel span.cancel:hover {
+    background-position: -48px 0;
+}
+
+#upload .statusBar {
+    height: 45px;
+    border-bottom: 1px solid #dadada;
+    margin: 0 10px;
+    padding: 0;
+    line-height: 45px;
+    vertical-align: middle;
+    position: relative;
+}
+
+#upload .statusBar .progress {
+    border: 1px solid #1483d8;
+    width: 198px;
+    background: #fff;
+    height: 18px;
+    position: absolute;
+    top: 12px;
+    display: none;
+    text-align: center;
+    line-height: 18px;
+    color: #6dbfff;
+    margin: 0 10px 0 0;
+}
+#upload .statusBar .progress span.percentage {
+    width: 0;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background: #1483d8;
+    position: absolute;
+}
+#upload .statusBar .progress span.text {
+    position: relative;
+    z-index: 10;
+}
+
+#upload .statusBar .info {
+    display: inline-block;
+    font-size: 14px;
+    color: #666666;
+}
+
+#upload .statusBar .btns {
+    position: absolute;
+    top: 7px;
+    right: 0;
+    line-height: 30px;
+}
+
+#filePickerBtn {
+    display: inline-block;
+    float: left;
+}
+#upload .statusBar .btns .webuploader-pick,
+#upload .statusBar .btns .uploadBtn,
+#upload .statusBar .btns .uploadBtn.state-uploading,
+#upload .statusBar .btns .uploadBtn.state-paused {
+    background: #ffffff;
+    border: 1px solid #cfcfcf;
+    color: #565656;
+    padding: 0 18px;
+    display: inline-block;
+    border-radius: 3px;
+    margin-left: 10px;
+    cursor: pointer;
+    font-size: 14px;
+    float: left;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+#upload .statusBar .btns .webuploader-pick-hover,
+#upload .statusBar .btns .uploadBtn:hover,
+#upload .statusBar .btns .uploadBtn.state-uploading:hover,
+#upload .statusBar .btns .uploadBtn.state-paused:hover {
+    background: #f0f0f0;
+}
+
+#upload .statusBar .btns .uploadBtn,
+#upload .statusBar .btns .uploadBtn.state-paused{
+    background: #00b7ee;
+    color: #fff;
+    border-color: transparent;
+}
+#upload .statusBar .btns .uploadBtn:hover,
+#upload .statusBar .btns .uploadBtn.state-paused:hover{
+    background: #00a2d4;
+}
+
+#upload .statusBar .btns .uploadBtn.disabled {
+    pointer-events: none;
+    filter:alpha(opacity=60);
+    -moz-opacity:0.6;
+    -khtml-opacity: 0.6;
+    opacity: 0.6;
+}
+
+
+/* 在线文件的文件预览图标 */
+i.file-preview {
+    display: block;
+    margin: 10px auto;
+    width: 70px;
+    height: 70px;
+    background-image: url("./images/file-icons.png");
+    background-image: url("./images/file-icons.gif") \9;
+    background-position: -140px center;
+    background-repeat: no-repeat;
+}
+i.file-preview.file-type-dir{
+    background-position: 0 center;
+}
+i.file-preview.file-type-file{
+    background-position: -140px center;
+}
+i.file-preview.file-type-filelist{
+    background-position: -210px center;
+}
+i.file-preview.file-type-zip,
+i.file-preview.file-type-rar,
+i.file-preview.file-type-7z,
+i.file-preview.file-type-tar,
+i.file-preview.file-type-gz,
+i.file-preview.file-type-bz2{
+    background-position: -280px center;
+}
+i.file-preview.file-type-xls,
+i.file-preview.file-type-xlsx{
+    background-position: -350px center;
+}
+i.file-preview.file-type-doc,
+i.file-preview.file-type-docx{
+    background-position: -420px center;
+}
+i.file-preview.file-type-ppt,
+i.file-preview.file-type-pptx{
+    background-position: -490px center;
+}
+i.file-preview.file-type-vsd{
+    background-position: -560px center;
+}
+i.file-preview.file-type-pdf{
+    background-position: -630px center;
+}
+i.file-preview.file-type-txt,
+i.file-preview.file-type-md,
+i.file-preview.file-type-json,
+i.file-preview.file-type-htm,
+i.file-preview.file-type-xml,
+i.file-preview.file-type-html,
+i.file-preview.file-type-js,
+i.file-preview.file-type-css,
+i.file-preview.file-type-php,
+i.file-preview.file-type-jsp,
+i.file-preview.file-type-asp{
+    background-position: -700px center;
+}
+i.file-preview.file-type-apk{
+    background-position: -770px center;
+}
+i.file-preview.file-type-exe{
+    background-position: -840px center;
+}
+i.file-preview.file-type-ipa{
+    background-position: -910px center;
+}
+i.file-preview.file-type-mp4,
+i.file-preview.file-type-swf,
+i.file-preview.file-type-mkv,
+i.file-preview.file-type-avi,
+i.file-preview.file-type-flv,
+i.file-preview.file-type-mov,
+i.file-preview.file-type-mpg,
+i.file-preview.file-type-mpeg,
+i.file-preview.file-type-ogv,
+i.file-preview.file-type-webm,
+i.file-preview.file-type-rm,
+i.file-preview.file-type-rmvb{
+    background-position: -980px center;
+}
+i.file-preview.file-type-ogg,
+i.file-preview.file-type-wav,
+i.file-preview.file-type-wmv,
+i.file-preview.file-type-mid,
+i.file-preview.file-type-mp3{
+    background-position: -1050px center;
+}
+i.file-preview.file-type-jpg,
+i.file-preview.file-type-jpeg,
+i.file-preview.file-type-gif,
+i.file-preview.file-type-bmp,
+i.file-preview.file-type-png,
+i.file-preview.file-type-psd{
+    background-position: -140px center;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/video.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/video.html
new file mode 100644
index 000000000..500788291
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/video.html
@@ -0,0 +1,86 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <link rel="stylesheet" type="text/css" href="video.css" />
+</head>
+<body>
+<div class="wrapper">
+    <div id="videoTab">
+        <div id="tabHeads" class="tabhead">
+            <span tabSrc="video" class="focus" data-content-id="video"><var id="lang_tab_insertV"></var></span>
+            <span tabSrc="upload" data-content-id="upload"><var id="lang_tab_uploadV"></var></span>
+        </div>
+        <div id="tabBodys" class="tabbody">
+            <div id="video" class="panel focus">
+               <table><tr><td><label for="videoUrl" class="url"><var id="lang_video_url"></var></label></td><td><input id="videoUrl" type="text"></td></tr></table>
+               <div id="preview"></div>
+               <div id="videoInfo">
+                   <fieldset>
+                       <legend><var id="lang_video_size"></var></legend>
+                       <table>
+                           <tr><td><label for="videoWidth"><var id="lang_videoW"></var></label></td><td><input class="txt" id="videoWidth" type="text"/></td></tr>
+                           <tr><td><label for="videoHeight"><var id="lang_videoH"></var></label></td><td><input class="txt" id="videoHeight" type="text"/></td></tr>
+                       </table>
+                   </fieldset>
+                   <fieldset>
+                      <legend><var id="lang_alignment"></var></legend>
+                      <div id="videoFloat"></div>
+                  </fieldset>
+               </div>
+            </div>
+            <div id="upload" class="panel">
+                <div id="upload_left">
+                    <div id="queueList" class="queueList">
+                        <div class="statusBar element-invisible">
+                            <div class="progress">
+                                <span class="text">0%</span>
+                                <span class="percentage"></span>
+                            </div><div class="info"></div>
+                            <div class="btns">
+                                <div id="filePickerBtn"></div>
+                                <div class="uploadBtn"><var id="lang_start_upload"></var></div>
+                            </div>
+                        </div>
+                        <div id="dndArea" class="placeholder">
+                            <div class="filePickerContainer">
+                                <div id="filePickerReady"></div>
+                            </div>
+                        </div>
+                        <ul class="filelist element-invisible">
+                            <li id="filePickerBlock" class="filePickerBlock"></li>
+                        </ul>
+                    </div>
+                </div>
+                <div id="uploadVideoInfo">
+                    <fieldset>
+                        <legend><var id="lang_upload_size"></var></legend>
+                        <table>
+                            <tr><td><label><var id="lang_upload_width"></var></label></td><td><input class="txt" id="upload_width" type="text"/></td></tr>
+                            <tr><td><label><var id="lang_upload_height"></var></label></td><td><input class="txt" id="upload_height" type="text"/></td></tr>
+                        </table>
+                    </fieldset>
+                    <fieldset>
+                        <legend><var id="lang_upload_alignment"></var></legend>
+                        <div id="upload_alignment"></div>
+                    </fieldset>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- jquery -->
+<script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script>
+
+<!-- webuploader -->
+<script type="text/javascript" src="../../third-party/webuploader/webuploader.min.js"></script>
+<link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css">
+
+<!-- video -->
+<script type="text/javascript" src="video.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/video.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/video.js
new file mode 100644
index 000000000..a8c34d974
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/video/video.js
@@ -0,0 +1,791 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 12-2-20
+ * Time: 上午11:19
+ * To change this template use File | Settings | File Templates.
+ */
+
+(function(){
+
+    var video = {},
+        uploadVideoList = [],
+        isModifyUploadVideo = false,
+        uploadFile;
+
+    window.onload = function(){
+        $focus($G("videoUrl"));
+        initTabs();
+        initVideo();
+        initUpload();
+    };
+
+    /* 初始化tab标签 */
+    function initTabs(){
+        var tabs = $G('tabHeads').children;
+        for (var i = 0; i < tabs.length; i++) {
+            domUtils.on(tabs[i], "click", function (e) {
+                var j, bodyId, target = e.target || e.srcElement;
+                for (j = 0; j < tabs.length; j++) {
+                    bodyId = tabs[j].getAttribute('data-content-id');
+                    if(tabs[j] == target){
+                        domUtils.addClass(tabs[j], 'focus');
+                        domUtils.addClass($G(bodyId), 'focus');
+                    }else {
+                        domUtils.removeClasses(tabs[j], 'focus');
+                        domUtils.removeClasses($G(bodyId), 'focus');
+                    }
+                }
+            });
+        }
+    }
+
+    function initVideo(){
+        createAlignButton( ["videoFloat", "upload_alignment"] );
+        addUrlChangeListener($G("videoUrl"));
+        addOkListener();
+
+        //编辑视频时初始化相关信息
+        (function(){
+            var img = editor.selection.getRange().getClosedNode(),url;
+            if(img && img.className){
+                var hasFakedClass = (img.className == "edui-faked-video"),
+                    hasUploadClass = img.className.indexOf("edui-upload-video")!=-1;
+                if(hasFakedClass || hasUploadClass) {
+                    $G("videoUrl").value = url = img.getAttribute("_url");
+                    $G("videoWidth").value = img.width;
+                    $G("videoHeight").value = img.height;
+                    var align = domUtils.getComputedStyle(img,"float"),
+                        parentAlign = domUtils.getComputedStyle(img.parentNode,"text-align");
+                    updateAlignButton(parentAlign==="center"?"center":align);
+                }
+                if(hasUploadClass) {
+                    isModifyUploadVideo = true;
+                }
+            }
+            createPreviewVideo(url);
+        })();
+    }
+
+    /**
+     * 监听确认和取消两个按钮事件，用户执行插入或者清空正在播放的视频实例操作
+     */
+    function addOkListener(){
+        dialog.onok = function(){
+            $G("preview").innerHTML = "";
+            var currentTab =  findFocus("tabHeads","tabSrc");
+            switch(currentTab){
+                case "video":
+                    return insertSingle();
+                    break;
+                case "videoSearch":
+                    return insertSearch("searchList");
+                    break;
+                case "upload":
+                    return insertUpload();
+                    break;
+            }
+        };
+        dialog.oncancel = function(){
+            $G("preview").innerHTML = "";
+        };
+    }
+
+    /**
+     * 依据传入的align值更新按钮信息
+     * @param align
+     */
+    function updateAlignButton( align ) {
+        var aligns = $G( "videoFloat" ).children;
+        for ( var i = 0, ci; ci = aligns[i++]; ) {
+            if ( ci.getAttribute( "name" ) == align ) {
+                if ( ci.className !="focus" ) {
+                    ci.className = "focus";
+                }
+            } else {
+                if ( ci.className =="focus" ) {
+                    ci.className = "";
+                }
+            }
+        }
+    }
+
+    /**
+     * 将单个视频信息插入编辑器中
+     */
+    function insertSingle(){
+        var width = $G("videoWidth"),
+            height = $G("videoHeight"),
+            url=$G('videoUrl').value,
+            align = findFocus("videoFloat","name");
+        if(!url) return false;
+        if ( !checkNum( [width, height] ) ) return false;
+        editor.execCommand('insertvideo', {
+            url: convert_url(url),
+            width: width.value,
+            height: height.value,
+            align: align
+        }, isModifyUploadVideo ? 'upload':null);
+    }
+
+    /**
+     * 将元素id下的所有代表视频的图片插入编辑器中
+     * @param id
+     */
+    function insertSearch(id){
+        var imgs = domUtils.getElementsByTagName($G(id),"img"),
+            videoObjs=[];
+        for(var i=0,img; img=imgs[i++];){
+            if(img.getAttribute("selected")){
+                videoObjs.push({
+                    url:img.getAttribute("ue_video_url"),
+                    width:420,
+                    height:280,
+                    align:"none"
+                });
+            }
+        }
+        editor.execCommand('insertvideo',videoObjs);
+    }
+
+    /**
+     * 找到id下具有focus类的节点并返回该节点下的某个属性
+     * @param id
+     * @param returnProperty
+     */
+    function findFocus( id, returnProperty ) {
+        var tabs = $G( id ).children,
+                property;
+        for ( var i = 0, ci; ci = tabs[i++]; ) {
+            if ( ci.className=="focus" ) {
+                property = ci.getAttribute( returnProperty );
+                break;
+            }
+        }
+        return property;
+    }
+    function convert_url(url){
+        if ( !url ) return '';
+        url = utils.trim(url)
+            .replace(/v\.youku\.com\/v_show\/id_([\w\-=]+)\.html/i, 'player.youku.com/player.php/sid/$1/v.swf')
+            .replace(/(www\.)?youtube\.com\/watch\?v=([\w\-]+)/i, "www.youtube.com/v/$2")
+            .replace(/youtu.be\/(\w+)$/i, "www.youtube.com/v/$1")
+            .replace(/v\.ku6\.com\/.+\/([\w\.]+)\.html.*$/i, "player.ku6.com/refer/$1/v.swf")
+            .replace(/www\.56\.com\/u\d+\/v_([\w\-]+)\.html/i, "player.56.com/v_$1.swf")
+            .replace(/www.56.com\/w\d+\/play_album\-aid\-\d+_vid\-([^.]+)\.html/i, "player.56.com/v_$1.swf")
+            .replace(/v\.pps\.tv\/play_([\w]+)\.html.*$/i, "player.pps.tv/player/sid/$1/v.swf")
+            .replace(/www\.letv\.com\/ptv\/vplay\/([\d]+)\.html.*$/i, "i7.imgs.letv.com/player/swfPlayer.swf?id=$1&autoplay=0")
+            .replace(/www\.tudou\.com\/programs\/view\/([\w\-]+)\/?/i, "www.tudou.com/v/$1")
+            .replace(/v\.qq\.com\/cover\/[\w]+\/[\w]+\/([\w]+)\.html/i, "static.video.qq.com/TPout.swf?vid=$1")
+            .replace(/v\.qq\.com\/.+[\?\&]vid=([^&]+).*$/i, "static.video.qq.com/TPout.swf?vid=$1")
+            .replace(/my\.tv\.sohu\.com\/[\w]+\/[\d]+\/([\d]+)\.shtml.*$/i, "share.vrs.sohu.com/my/v.swf&id=$1");
+
+        return url;
+    }
+
+    /**
+      * 检测传入的所有input框中输入的长宽是否是正数
+      * @param nodes input框集合，
+      */
+     function checkNum( nodes ) {
+         for ( var i = 0, ci; ci = nodes[i++]; ) {
+             var value = ci.value;
+             if ( !isNumber( value ) && value) {
+                 alert( lang.numError );
+                 ci.value = "";
+                 ci.focus();
+                 return false;
+             }
+         }
+         return true;
+     }
+
+    /**
+     * 数字判断
+     * @param value
+     */
+    function isNumber( value ) {
+        return /(0|^[1-9]\d*$)/.test( value );
+    }
+
+    /**
+      * 创建图片浮动选择按钮
+      * @param ids
+      */
+     function createAlignButton( ids ) {
+         for ( var i = 0, ci; ci = ids[i++]; ) {
+             var floatContainer = $G( ci ),
+                     nameMaps = {"none":lang['default'], "left":lang.floatLeft, "right":lang.floatRight, "center":lang.block};
+             for ( var j in nameMaps ) {
+                 var div = document.createElement( "div" );
+                 div.setAttribute( "name", j );
+                 if ( j == "none" ) div.className="focus";
+                 div.style.cssText = "background:url(images/" + j + "_focus.jpg);";
+                 div.setAttribute( "title", nameMaps[j] );
+                 floatContainer.appendChild( div );
+             }
+             switchSelect( ci );
+         }
+     }
+
+    /**
+     * 选择切换
+     * @param selectParentId
+     */
+    function switchSelect( selectParentId ) {
+        var selects = $G( selectParentId ).children;
+        for ( var i = 0, ci; ci = selects[i++]; ) {
+            domUtils.on( ci, "click", function () {
+                for ( var j = 0, cj; cj = selects[j++]; ) {
+                    cj.className = "";
+                    cj.removeAttribute && cj.removeAttribute( "class" );
+                }
+                this.className = "focus";
+            } )
+        }
+    }
+
+    /**
+     * 监听url改变事件
+     * @param url
+     */
+    function addUrlChangeListener(url){
+        if (browser.ie) {
+            url.onpropertychange = function () {
+                createPreviewVideo( this.value );
+            }
+        } else {
+            url.addEventListener( "input", function () {
+                createPreviewVideo( this.value );
+            }, false );
+        }
+    }
+
+    /**
+     * 根据url生成视频预览
+     * @param url
+     */
+    function createPreviewVideo(url){
+        if ( !url )return;
+
+        var conUrl = convert_url(url);
+
+        conUrl = utils.unhtmlForUrl(conUrl);
+
+        $G("preview").innerHTML = '<div class="previewMsg"><span>'+lang.urlError+'</span></div>'+
+        '<embed class="previewVideo" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"' +
+            ' src="' + conUrl + '"' +
+            ' width="' + 420  + '"' +
+            ' height="' + 280  + '"' +
+            ' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >' +
+        '</embed>';
+    }
+
+
+    /* 插入上传视频 */
+    function insertUpload(){
+        var videoObjs=[],
+            uploadDir = editor.getOpt('videoUrlPrefix'),
+            width = parseInt($G('upload_width').value, 10) || 420,
+            height = parseInt($G('upload_height').value, 10) || 280,
+            align = findFocus("upload_alignment","name") || 'none';
+        for(var key in uploadVideoList) {
+            var file = uploadVideoList[key];
+            videoObjs.push({
+                url: uploadDir + file.url,
+                width:width,
+                height:height,
+                align:align
+            });
+        }
+
+        var count = uploadFile.getQueueCount();
+        if (count) {
+            $('.info', '#queueList').html('<span style="color:red;">' + '还有2个未上传文件'.replace(/[\d]/, count) + '</span>');
+            return false;
+        } else {
+            editor.execCommand('insertvideo', videoObjs, 'upload');
+        }
+    }
+
+    /*初始化上传标签*/
+    function initUpload(){
+        uploadFile = new UploadFile('queueList');
+    }
+
+
+    /* 上传附件 */
+    function UploadFile(target) {
+        this.$wrap = target.constructor == String ? $('#' + target) : $(target);
+        this.init();
+    }
+    UploadFile.prototype = {
+        init: function () {
+            this.fileList = [];
+            this.initContainer();
+            this.initUploader();
+        },
+        initContainer: function () {
+            this.$queue = this.$wrap.find('.filelist');
+        },
+        /* 初始化容器 */
+        initUploader: function () {
+            var _this = this,
+                $ = jQuery,    // just in case. Make sure it's not an other libaray.
+                $wrap = _this.$wrap,
+            // 图片容器
+                $queue = $wrap.find('.filelist'),
+            // 状态栏，包括进度和控制按钮
+                $statusBar = $wrap.find('.statusBar'),
+            // 文件总体选择信息。
+                $info = $statusBar.find('.info'),
+            // 上传按钮
+                $upload = $wrap.find('.uploadBtn'),
+            // 上传按钮
+                $filePickerBtn = $wrap.find('.filePickerBtn'),
+            // 上传按钮
+                $filePickerBlock = $wrap.find('.filePickerBlock'),
+            // 没选择文件之前的内容。
+                $placeHolder = $wrap.find('.placeholder'),
+            // 总体进度条
+                $progress = $statusBar.find('.progress').hide(),
+            // 添加的文件数量
+                fileCount = 0,
+            // 添加的文件总大小
+                fileSize = 0,
+            // 优化retina, 在retina下这个值是2
+                ratio = window.devicePixelRatio || 1,
+            // 缩略图大小
+                thumbnailWidth = 113 * ratio,
+                thumbnailHeight = 113 * ratio,
+            // 可能有pedding, ready, uploading, confirm, done.
+                state = '',
+            // 所有文件的进度信息，key为file id
+                percentages = {},
+                supportTransition = (function () {
+                    var s = document.createElement('p').style,
+                        r = 'transition' in s ||
+                            'WebkitTransition' in s ||
+                            'MozTransition' in s ||
+                            'msTransition' in s ||
+                            'OTransition' in s;
+                    s = null;
+                    return r;
+                })(),
+            // WebUploader实例
+                uploader,
+                actionUrl = editor.getActionUrl(editor.getOpt('videoActionName')),
+                fileMaxSize = editor.getOpt('videoMaxSize'),
+                acceptExtensions = (editor.getOpt('videoAllowFiles') || []).join('').replace(/\./g, ',').replace(/^[,]/, '');;
+
+            if (!WebUploader.Uploader.support()) {
+                $('#filePickerReady').after($('<div>').html(lang.errorNotSupport)).hide();
+                return;
+            } else if (!editor.getOpt('videoActionName')) {
+                $('#filePickerReady').after($('<div>').html(lang.errorLoadConfig)).hide();
+                return;
+            }
+
+            uploader = _this.uploader = WebUploader.create({
+                pick: {
+                    id: '#filePickerReady',
+                    label: lang.uploadSelectFile
+                },
+                swf: '../../third-party/webuploader/Uploader.swf',
+                server: actionUrl,
+                fileVal: editor.getOpt('videoFieldName'),
+                duplicate: true,
+                fileSingleSizeLimit: fileMaxSize,
+                compress: false
+            });
+            uploader.addButton({
+                id: '#filePickerBlock'
+            });
+            uploader.addButton({
+                id: '#filePickerBtn',
+                label: lang.uploadAddFile
+            });
+
+            setState('pedding');
+
+            // 当有文件添加进来时执行，负责view的创建
+            function addFile(file) {
+                var $li = $('<li id="' + file.id + '">' +
+                        '<p class="title">' + file.name + '</p>' +
+                        '<p class="imgWrap"></p>' +
+                        '<p class="progress"><span></span></p>' +
+                        '</li>'),
+
+                    $btns = $('<div class="file-panel">' +
+                        '<span class="cancel">' + lang.uploadDelete + '</span>' +
+                        '<span class="rotateRight">' + lang.uploadTurnRight + '</span>' +
+                        '<span class="rotateLeft">' + lang.uploadTurnLeft + '</span></div>').appendTo($li),
+                    $prgress = $li.find('p.progress span'),
+                    $wrap = $li.find('p.imgWrap'),
+                    $info = $('<p class="error"></p>').hide().appendTo($li),
+
+                    showError = function (code) {
+                        switch (code) {
+                            case 'exceed_size':
+                                text = lang.errorExceedSize;
+                                break;
+                            case 'interrupt':
+                                text = lang.errorInterrupt;
+                                break;
+                            case 'http':
+                                text = lang.errorHttp;
+                                break;
+                            case 'not_allow_type':
+                                text = lang.errorFileType;
+                                break;
+                            default:
+                                text = lang.errorUploadRetry;
+                                break;
+                        }
+                        $info.text(text).show();
+                    };
+
+                if (file.getStatus() === 'invalid') {
+                    showError(file.statusText);
+                } else {
+                    $wrap.text(lang.uploadPreview);
+                    if ('|png|jpg|jpeg|bmp|gif|'.indexOf('|'+file.ext.toLowerCase()+'|') == -1) {
+                        $wrap.empty().addClass('notimage').append('<i class="file-preview file-type-' + file.ext.toLowerCase() + '"></i>' +
+                            '<span class="file-title">' + file.name + '</span>');
+                    } else {
+                        if (browser.ie && browser.version <= 7) {
+                            $wrap.text(lang.uploadNoPreview);
+                        } else {
+                            uploader.makeThumb(file, function (error, src) {
+                                if (error || !src || (/^data:/.test(src) && browser.ie && browser.version <= 7)) {
+                                    $wrap.text(lang.uploadNoPreview);
+                                } else {
+                                    var $img = $('<img src="' + src + '">');
+                                    $wrap.empty().append($img);
+                                    $img.on('error', function () {
+                                        $wrap.text(lang.uploadNoPreview);
+                                    });
+                                }
+                            }, thumbnailWidth, thumbnailHeight);
+                        }
+                    }
+                    percentages[ file.id ] = [ file.size, 0 ];
+                    file.rotation = 0;
+
+                    /* 检查文件格式 */
+                    if (!file.ext || acceptExtensions.indexOf(file.ext.toLowerCase()) == -1) {
+                        showError('not_allow_type');
+                        uploader.removeFile(file);
+                    }
+                }
+
+                file.on('statuschange', function (cur, prev) {
+                    if (prev === 'progress') {
+                        $prgress.hide().width(0);
+                    } else if (prev === 'queued') {
+                        $li.off('mouseenter mouseleave');
+                        $btns.remove();
+                    }
+                    // 成功
+                    if (cur === 'error' || cur === 'invalid') {
+                        showError(file.statusText);
+                        percentages[ file.id ][ 1 ] = 1;
+                    } else if (cur === 'interrupt') {
+                        showError('interrupt');
+                    } else if (cur === 'queued') {
+                        percentages[ file.id ][ 1 ] = 0;
+                    } else if (cur === 'progress') {
+                        $info.hide();
+                        $prgress.css('display', 'block');
+                    } else if (cur === 'complete') {
+                    }
+
+                    $li.removeClass('state-' + prev).addClass('state-' + cur);
+                });
+
+                $li.on('mouseenter', function () {
+                    $btns.stop().animate({height: 30});
+                });
+                $li.on('mouseleave', function () {
+                    $btns.stop().animate({height: 0});
+                });
+
+                $btns.on('click', 'span', function () {
+                    var index = $(this).index(),
+                        deg;
+
+                    switch (index) {
+                        case 0:
+                            uploader.removeFile(file);
+                            return;
+                        case 1:
+                            file.rotation += 90;
+                            break;
+                        case 2:
+                            file.rotation -= 90;
+                            break;
+                    }
+
+                    if (supportTransition) {
+                        deg = 'rotate(' + file.rotation + 'deg)';
+                        $wrap.css({
+                            '-webkit-transform': deg,
+                            '-mos-transform': deg,
+                            '-o-transform': deg,
+                            'transform': deg
+                        });
+                    } else {
+                        $wrap.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + (~~((file.rotation / 90) % 4 + 4) % 4) + ')');
+                    }
+
+                });
+
+                $li.insertBefore($filePickerBlock);
+            }
+
+            // 负责view的销毁
+            function removeFile(file) {
+                var $li = $('#' + file.id);
+                delete percentages[ file.id ];
+                updateTotalProgress();
+                $li.off().find('.file-panel').off().end().remove();
+            }
+
+            function updateTotalProgress() {
+                var loaded = 0,
+                    total = 0,
+                    spans = $progress.children(),
+                    percent;
+
+                $.each(percentages, function (k, v) {
+                    total += v[ 0 ];
+                    loaded += v[ 0 ] * v[ 1 ];
+                });
+
+                percent = total ? loaded / total : 0;
+
+                spans.eq(0).text(Math.round(percent * 100) + '%');
+                spans.eq(1).css('width', Math.round(percent * 100) + '%');
+                updateStatus();
+            }
+
+            function setState(val, files) {
+
+                if (val != state) {
+
+                    var stats = uploader.getStats();
+
+                    $upload.removeClass('state-' + state);
+                    $upload.addClass('state-' + val);
+
+                    switch (val) {
+
+                        /* 未选择文件 */
+                        case 'pedding':
+                            $queue.addClass('element-invisible');
+                            $statusBar.addClass('element-invisible');
+                            $placeHolder.removeClass('element-invisible');
+                            $progress.hide(); $info.hide();
+                            uploader.refresh();
+                            break;
+
+                        /* 可以开始上传 */
+                        case 'ready':
+                            $placeHolder.addClass('element-invisible');
+                            $queue.removeClass('element-invisible');
+                            $statusBar.removeClass('element-invisible');
+                            $progress.hide(); $info.show();
+                            $upload.text(lang.uploadStart);
+                            uploader.refresh();
+                            break;
+
+                        /* 上传中 */
+                        case 'uploading':
+                            $progress.show(); $info.hide();
+                            $upload.text(lang.uploadPause);
+                            break;
+
+                        /* 暂停上传 */
+                        case 'paused':
+                            $progress.show(); $info.hide();
+                            $upload.text(lang.uploadContinue);
+                            break;
+
+                        case 'confirm':
+                            $progress.show(); $info.hide();
+                            $upload.text(lang.uploadStart);
+
+                            stats = uploader.getStats();
+                            if (stats.successNum && !stats.uploadFailNum) {
+                                setState('finish');
+                                return;
+                            }
+                            break;
+
+                        case 'finish':
+                            $progress.hide(); $info.show();
+                            if (stats.uploadFailNum) {
+                                $upload.text(lang.uploadRetry);
+                            } else {
+                                $upload.text(lang.uploadStart);
+                            }
+                            break;
+                    }
+
+                    state = val;
+                    updateStatus();
+
+                }
+
+                if (!_this.getQueueCount()) {
+                    $upload.addClass('disabled')
+                } else {
+                    $upload.removeClass('disabled')
+                }
+
+            }
+
+            function updateStatus() {
+                var text = '', stats;
+
+                if (state === 'ready') {
+                    text = lang.updateStatusReady.replace('_', fileCount).replace('_KB', WebUploader.formatSize(fileSize));
+                } else if (state === 'confirm') {
+                    stats = uploader.getStats();
+                    if (stats.uploadFailNum) {
+                        text = lang.updateStatusConfirm.replace('_', stats.successNum).replace('_', stats.successNum);
+                    }
+                } else {
+                    stats = uploader.getStats();
+                    text = lang.updateStatusFinish.replace('_', fileCount).
+                        replace('_KB', WebUploader.formatSize(fileSize)).
+                        replace('_', stats.successNum);
+
+                    if (stats.uploadFailNum) {
+                        text += lang.updateStatusError.replace('_', stats.uploadFailNum);
+                    }
+                }
+
+                $info.html(text);
+            }
+
+            uploader.on('fileQueued', function (file) {
+                fileCount++;
+                fileSize += file.size;
+
+                if (fileCount === 1) {
+                    $placeHolder.addClass('element-invisible');
+                    $statusBar.show();
+                }
+
+                addFile(file);
+            });
+
+            uploader.on('fileDequeued', function (file) {
+                fileCount--;
+                fileSize -= file.size;
+
+                removeFile(file);
+                updateTotalProgress();
+            });
+
+            uploader.on('filesQueued', function (file) {
+                if (!uploader.isInProgress() && (state == 'pedding' || state == 'finish' || state == 'confirm' || state == 'ready')) {
+                    setState('ready');
+                }
+                updateTotalProgress();
+            });
+
+            uploader.on('all', function (type, files) {
+                switch (type) {
+                    case 'uploadFinished':
+                        setState('confirm', files);
+                        break;
+                    case 'startUpload':
+                        /* 添加额外的GET参数 */
+                        var params = utils.serializeParam(editor.queryCommandValue('serverparam')) || '',
+                            url = utils.formatUrl(actionUrl + (actionUrl.indexOf('?') == -1 ? '?':'&') + 'encode=utf-8&' + params);
+                        uploader.option('server', url);
+                        setState('uploading', files);
+                        break;
+                    case 'stopUpload':
+                        setState('paused', files);
+                        break;
+                }
+            });
+
+            uploader.on('uploadBeforeSend', function (file, data, header) {
+                //这里可以通过data对象添加POST参数
+                header['X_Requested_With'] = 'XMLHttpRequest';
+            });
+
+            uploader.on('uploadProgress', function (file, percentage) {
+                var $li = $('#' + file.id),
+                    $percent = $li.find('.progress span');
+
+                $percent.css('width', percentage * 100 + '%');
+                percentages[ file.id ][ 1 ] = percentage;
+                updateTotalProgress();
+            });
+
+            uploader.on('uploadSuccess', function (file, ret) {
+                var $file = $('#' + file.id);
+                try {
+                    var responseText = (ret._raw || ret),
+                        json = utils.str2json(responseText);
+                    if (json.state == 'SUCCESS') {
+                        uploadVideoList.push({
+                            'url': json.url,
+                            'type': json.type,
+                            'original':json.original
+                        });
+                        $file.append('<span class="success"></span>');
+                    } else {
+                        $file.find('.error').text(json.state).show();
+                    }
+                } catch (e) {
+                    $file.find('.error').text(lang.errorServerUpload).show();
+                }
+            });
+
+            uploader.on('uploadError', function (file, code) {
+            });
+            uploader.on('error', function (code, file) {
+                if (code == 'Q_TYPE_DENIED' || code == 'F_EXCEED_SIZE') {
+                    addFile(file);
+                }
+            });
+            uploader.on('uploadComplete', function (file, ret) {
+            });
+
+            $upload.on('click', function () {
+                if ($(this).hasClass('disabled')) {
+                    return false;
+                }
+
+                if (state === 'ready') {
+                    uploader.upload();
+                } else if (state === 'paused') {
+                    uploader.upload();
+                } else if (state === 'uploading') {
+                    uploader.stop();
+                }
+            });
+
+            $upload.addClass('state-' + state);
+            updateTotalProgress();
+        },
+        getQueueCount: function () {
+            var file, i, status, readyFile = 0, files = this.uploader.getFiles();
+            for (i = 0; file = files[i++]; ) {
+                status = file.getStatus();
+                if (status == 'queued' || status == 'uploading' || status == 'progress') readyFile++;
+            }
+            return readyFile;
+        },
+        refresh: function(){
+            this.uploader.refresh();
+        }
+    };
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/webapp/webapp.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/webapp/webapp.html
new file mode 100644
index 000000000..161437790
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/webapp/webapp.html
@@ -0,0 +1,53 @@
+<!DOCTYPE>
+<html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        .wrapper{width: 540px; margin: 10px auto;}
+        #appShow {border: 1px solid #ddd;}
+        .errorMsg{font-size: 13px;margin: 10px;color: #dd0000}
+    </style>
+</head>
+<body>
+    <div class="wrapper">
+        <div id="appShow"></div>
+    </div>
+    <script type="text/javascript">
+        //此处配置您在百度上申请到的appkey。
+        var apikey = editor.options.webAppKey;
+        if ( apikey && apikey.length == 24 ) {
+            var searchConfig = {
+                container:'appShow', //容器ID
+                tips:"", //该值用于自动清空
+                search:1, //是否显示搜索框
+                ps:12, //每页显示的条数
+                suggest:1, //是否开启搜索自动完成
+                limit:0, //搜索结果显示条数，0表示无限制
+                searchNow:0, //是否在初始化完成时立即搜索
+                apikey:apikey, //每人得
+                pager:1,
+                cid:7134562,
+                outputHTML:1
+            },baiduApp;
+
+            function clickCallback() {
+                baiduApp.addEventListener( 'getAppHTML', function ( e, data ) {
+                    var url = 'http://app.baidu.com/app/enter?appid='+data.data['app_id'] +'&tn=app_canvas&app_spce_id=1&apikey='+apikey+'&api_key=' + apikey;
+                    editor.execCommand( "webapp", {url:url,width:data.uniWidth,height:data.uniHeight+60,logo:data.data['app_logo'],title:data.data['app_name']});
+                    dialog.close();
+                } );
+            }
+
+            var script = document.createElement( "script" );
+            script.type = "text/javascript";
+            script.src = "http://app.baidu.com/appweb/api/search?auto=yes&container=container&apikey=" + apikey + "&instanceName=baiduApp&callback=clickCallback&config=searchConfig";
+            document.body.appendChild( script );
+        } else {
+            $G( "appShow" ).innerHTML = "<p class='errorMsg'>"+lang.tip1+"<a title='"+lang.anthorApi+"' href='http://app.baidu.com/static/cms/getapikey.html' target='_blank'>"+lang.applyFor+"</a></p><p class='errorMsg'>"+lang.tip2+"</p>" ;
+        }
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/fClipboard_ueditor.swf b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/fClipboard_ueditor.swf
new file mode 100644
index 000000000..ac5d27f81
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/fClipboard_ueditor.swf differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/imageUploader.swf b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/imageUploader.swf
new file mode 100644
index 000000000..2a554cadb
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/imageUploader.swf differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/tangram.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/tangram.js
new file mode 100644
index 000000000..2ebd8fd3d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/tangram.js
@@ -0,0 +1,1495 @@
+// Copyright (c) 2009, Baidu Inc. All rights reserved.
+// 
+// Licensed under the BSD License
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+// 
+//      http:// tangram.baidu.com/license.html
+// 
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS-IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+ /**
+ * @namespace T Tangram七巧板
+ * @name T
+ * @version 1.6.0
+*/
+
+/**
+ * 声明baidu包
+ * @author: allstar, erik, meizz, berg
+ */
+var T,
+    baidu = T = baidu || {version: "1.5.0"};
+baidu.guid = "$BAIDU$";
+baidu.$$ = window[baidu.guid] = window[baidu.guid] || {global:{}};
+
+/**
+ * 使用flash资源封装的一些功能
+ * @namespace baidu.flash
+ */
+baidu.flash = baidu.flash || {};
+
+/**
+ * 操作dom的方法
+ * @namespace baidu.dom 
+ */
+baidu.dom = baidu.dom || {};
+
+
+/**
+ * 从文档中获取指定的DOM元素
+ * @name baidu.dom.g
+ * @function
+ * @grammar baidu.dom.g(id)
+ * @param {string|HTMLElement} id 元素的id或DOM元素.
+ * @shortcut g,T.G
+ * @meta standard
+ * @see baidu.dom.q
+ *
+ * @return {HTMLElement|null} 获取的元素，查找不到时返回null,如果参数不合法，直接返回参数.
+ */
+baidu.dom.g = function(id) {
+    if (!id) return null;
+    if ('string' == typeof id || id instanceof String) {
+        return document.getElementById(id);
+    } else if (id.nodeName && (id.nodeType == 1 || id.nodeType == 9)) {
+        return id;
+    }
+    return null;
+};
+baidu.g = baidu.G = baidu.dom.g;
+
+
+/**
+ * 操作数组的方法
+ * @namespace baidu.array
+ */
+
+baidu.array = baidu.array || {};
+
+
+/**
+ * 遍历数组中所有元素
+ * @name baidu.array.each
+ * @function
+ * @grammar baidu.array.each(source, iterator[, thisObject])
+ * @param {Array} source 需要遍历的数组
+ * @param {Function} iterator 对每个数组元素进行调用的函数，该函数有两个参数，第一个为数组元素，第二个为数组索引值，function (item, index)。
+ * @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
+ * @remark
+ * each方法不支持对Object的遍历,对Object的遍历使用baidu.object.each 。
+ * @shortcut each
+ * @meta standard
+ *             
+ * @returns {Array} 遍历的数组
+ */
+ 
+baidu.each = baidu.array.forEach = baidu.array.each = function (source, iterator, thisObject) {
+    var returnValue, item, i, len = source.length;
+    
+    if ('function' == typeof iterator) {
+        for (i = 0; i < len; i++) {
+            item = source[i];
+            returnValue = iterator.call(thisObject || source, item, i);
+    
+            if (returnValue === false) {
+                break;
+            }
+        }
+    }
+    return source;
+};
+
+/**
+ * 对语言层面的封装，包括类型判断、模块扩展、继承基类以及对象自定义事件的支持。
+ * @namespace baidu.lang
+ */
+baidu.lang = baidu.lang || {};
+
+
+/**
+ * 判断目标参数是否为function或Function实例
+ * @name baidu.lang.isFunction
+ * @function
+ * @grammar baidu.lang.isFunction(source)
+ * @param {Any} source 目标参数
+ * @version 1.2
+ * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
+ * @meta standard
+ * @returns {boolean} 类型判断结果
+ */
+baidu.lang.isFunction = function (source) {
+    return '[object Function]' == Object.prototype.toString.call(source);
+};
+
+/**
+ * 判断目标参数是否string类型或String对象
+ * @name baidu.lang.isString
+ * @function
+ * @grammar baidu.lang.isString(source)
+ * @param {Any} source 目标参数
+ * @shortcut isString
+ * @meta standard
+ * @see baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
+ *             
+ * @returns {boolean} 类型判断结果
+ */
+baidu.lang.isString = function (source) {
+    return '[object String]' == Object.prototype.toString.call(source);
+};
+baidu.isString = baidu.lang.isString;
+
+
+/**
+ * 判断浏览器类型和特性的属性
+ * @namespace baidu.browser
+ */
+baidu.browser = baidu.browser || {};
+
+
+/**
+ * 判断是否为opera浏览器
+ * @property opera opera版本号
+ * @grammar baidu.browser.opera
+ * @meta standard
+ * @see baidu.browser.ie,baidu.browser.firefox,baidu.browser.safari,baidu.browser.chrome
+ * @returns {Number} opera版本号
+ */
+
+/**
+ * opera 从10开始不是用opera后面的字符串进行版本的判断
+ * 在Browser identification最后添加Version + 数字进行版本标识
+ * opera后面的数字保持在9.80不变
+ */
+baidu.browser.opera = /opera(\/| )(\d+(\.\d+)?)(.+?(version\/(\d+(\.\d+)?)))?/i.test(navigator.userAgent) ?  + ( RegExp["\x246"] || RegExp["\x242"] ) : undefined;
+
+
+/**
+ * 在目标元素的指定位置插入HTML代码
+ * @name baidu.dom.insertHTML
+ * @function
+ * @grammar baidu.dom.insertHTML(element, position, html)
+ * @param {HTMLElement|string} element 目标元素或目标元素的id
+ * @param {string} position 插入html的位置信息，取值为beforeBegin,afterBegin,beforeEnd,afterEnd
+ * @param {string} html 要插入的html
+ * @remark
+ * 
+ * 对于position参数，大小写不敏感<br>
+ * 参数的意思：beforeBegin&lt;span&gt;afterBegin   this is span! beforeEnd&lt;/span&gt; afterEnd <br />
+ * 此外，如果使用本函数插入带有script标签的HTML字符串，script标签对应的脚本将不会被执行。
+ * 
+ * @shortcut insertHTML
+ * @meta standard
+ *             
+ * @returns {HTMLElement} 目标元素
+ */
+baidu.dom.insertHTML = function (element, position, html) {
+    element = baidu.dom.g(element);
+    var range,begin;
+    if (element.insertAdjacentHTML && !baidu.browser.opera) {
+        element.insertAdjacentHTML(position, html);
+    } else {
+        range = element.ownerDocument.createRange();
+        position = position.toUpperCase();
+        if (position == 'AFTERBEGIN' || position == 'BEFOREEND') {
+            range.selectNodeContents(element);
+            range.collapse(position == 'AFTERBEGIN');
+        } else {
+            begin = position == 'BEFOREBEGIN';
+            range[begin ? 'setStartBefore' : 'setEndAfter'](element);
+            range.collapse(begin);
+        }
+        range.insertNode(range.createContextualFragment(html));
+    }
+    return element;
+};
+
+baidu.insertHTML = baidu.dom.insertHTML;
+
+/**
+ * 操作flash对象的方法，包括创建flash对象、获取flash对象以及判断flash插件的版本号
+ * @namespace baidu.swf
+ */
+baidu.swf = baidu.swf || {};
+
+
+/**
+ * 浏览器支持的flash插件版本
+ * @property version 浏览器支持的flash插件版本
+ * @grammar baidu.swf.version
+ * @return {String} 版本号
+ * @meta standard
+ */
+baidu.swf.version = (function () {
+    var n = navigator;
+    if (n.plugins && n.mimeTypes.length) {
+        var plugin = n.plugins["Shockwave Flash"];
+        if (plugin && plugin.description) {
+            return plugin.description
+                    .replace(/([a-zA-Z]|\s)+/, "")
+                    .replace(/(\s)+r/, ".") + ".0";
+        }
+    } else if (window.ActiveXObject && !window.opera) {
+        for (var i = 12; i >= 2; i--) {
+            try {
+                var c = new ActiveXObject('ShockwaveFlash.ShockwaveFlash.' + i);
+                if (c) {
+                    var version = c.GetVariable("$version");
+                    return version.replace(/WIN/g,'').replace(/,/g,'.');
+                }
+            } catch(e) {}
+        }
+    }
+})();
+
+/**
+ * 操作字符串的方法
+ * @namespace baidu.string
+ */
+baidu.string = baidu.string || {};
+
+
+/**
+ * 对目标字符串进行html编码
+ * @name baidu.string.encodeHTML
+ * @function
+ * @grammar baidu.string.encodeHTML(source)
+ * @param {string} source 目标字符串
+ * @remark
+ * 编码字符有5个：&<>"'
+ * @shortcut encodeHTML
+ * @meta standard
+ * @see baidu.string.decodeHTML
+ *             
+ * @returns {string} html编码后的字符串
+ */
+baidu.string.encodeHTML = function (source) {
+    return String(source)
+                .replace(/&/g,'&amp;')
+                .replace(/</g,'&lt;')
+                .replace(/>/g,'&gt;')
+                .replace(/"/g, "&quot;")
+                .replace(/'/g, "&#39;");
+};
+
+baidu.encodeHTML = baidu.string.encodeHTML;
+
+/**
+ * 创建flash对象的html字符串
+ * @name baidu.swf.createHTML
+ * @function
+ * @grammar baidu.swf.createHTML(options)
+ * 
+ * @param {Object} 	options 					创建flash的选项参数
+ * @param {string} 	options.id 					要创建的flash的标识
+ * @param {string} 	options.url 				flash文件的url
+ * @param {String} 	options.errorMessage 		未安装flash player或flash player版本号过低时的提示
+ * @param {string} 	options.ver 				最低需要的flash player版本号
+ * @param {string} 	options.width 				flash的宽度
+ * @param {string} 	options.height 				flash的高度
+ * @param {string} 	options.align 				flash的对齐方式，允许值：middle/left/right/top/bottom
+ * @param {string} 	options.base 				设置用于解析swf文件中的所有相对路径语句的基本目录或URL
+ * @param {string} 	options.bgcolor 			swf文件的背景色
+ * @param {string} 	options.salign 				设置缩放的swf文件在由width和height设置定义的区域内的位置。允许值：l/r/t/b/tl/tr/bl/br
+ * @param {boolean} options.menu 				是否显示右键菜单，允许值：true/false
+ * @param {boolean} options.loop 				播放到最后一帧时是否重新播放，允许值： true/false
+ * @param {boolean} options.play 				flash是否在浏览器加载时就开始播放。允许值：true/false
+ * @param {string} 	options.quality 			设置flash播放的画质，允许值：low/medium/high/autolow/autohigh/best
+ * @param {string} 	options.scale 				设置flash内容如何缩放来适应设置的宽高。允许值：showall/noborder/exactfit
+ * @param {string} 	options.wmode 				设置flash的显示模式。允许值：window/opaque/transparent
+ * @param {string} 	options.allowscriptaccess 	设置flash与页面的通信权限。允许值：always/never/sameDomain
+ * @param {string} 	options.allownetworking 	设置swf文件中允许使用的网络API。允许值：all/internal/none
+ * @param {boolean} options.allowfullscreen 	是否允许flash全屏。允许值：true/false
+ * @param {boolean} options.seamlesstabbing 	允许设置执行无缝跳格，从而使用户能跳出flash应用程序。该参数只能在安装Flash7及更高版本的Windows中使用。允许值：true/false
+ * @param {boolean} options.devicefont 			设置静态文本对象是否以设备字体呈现。允许值：true/false
+ * @param {boolean} options.swliveconnect 		第一次加载flash时浏览器是否应启动Java。允许值：true/false
+ * @param {Object} 	options.vars 				要传递给flash的参数，支持JSON或string类型。
+ * 
+ * @see baidu.swf.create
+ * @meta standard
+ * @returns {string} flash对象的html字符串
+ */
+baidu.swf.createHTML = function (options) {
+    options = options || {};
+    var version = baidu.swf.version, 
+        needVersion = options['ver'] || '6.0.0', 
+        vUnit1, vUnit2, i, k, len, item, tmpOpt = {},
+        encodeHTML = baidu.string.encodeHTML;
+    for (k in options) {
+        tmpOpt[k] = options[k];
+    }
+    options = tmpOpt;
+    if (version) {
+        version = version.split('.');
+        needVersion = needVersion.split('.');
+        for (i = 0; i < 3; i++) {
+            vUnit1 = parseInt(version[i], 10);
+            vUnit2 = parseInt(needVersion[i], 10);
+            if (vUnit2 < vUnit1) {
+                break;
+            } else if (vUnit2 > vUnit1) {
+                return '';
+            }
+        }
+    } else {
+        return '';
+    }
+    
+    var vars = options['vars'],
+        objProperties = ['classid', 'codebase', 'id', 'width', 'height', 'align'];
+    options['align'] = options['align'] || 'middle';
+    options['classid'] = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000';
+    options['codebase'] = 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0';
+    options['movie'] = options['url'] || '';
+    delete options['vars'];
+    delete options['url'];
+    if ('string' == typeof vars) {
+        options['flashvars'] = vars;
+    } else {
+        var fvars = [];
+        for (k in vars) {
+            item = vars[k];
+            fvars.push(k + "=" + encodeURIComponent(item));
+        }
+        options['flashvars'] = fvars.join('&');
+    }
+    var str = ['<object '];
+    for (i = 0, len = objProperties.length; i < len; i++) {
+        item = objProperties[i];
+        str.push(' ', item, '="', encodeHTML(options[item]), '"');
+    }
+    str.push('>');
+    var params = {
+        'wmode'             : 1,
+        'scale'             : 1,
+        'quality'           : 1,
+        'play'              : 1,
+        'loop'              : 1,
+        'menu'              : 1,
+        'salign'            : 1,
+        'bgcolor'           : 1,
+        'base'              : 1,
+        'allowscriptaccess' : 1,
+        'allownetworking'   : 1,
+        'allowfullscreen'   : 1,
+        'seamlesstabbing'   : 1,
+        'devicefont'        : 1,
+        'swliveconnect'     : 1,
+        'flashvars'         : 1,
+        'movie'             : 1
+    };
+    
+    for (k in options) {
+        item = options[k];
+        k = k.toLowerCase();
+        if (params[k] && (item || item === false || item === 0)) {
+            str.push('<param name="' + k + '" value="' + encodeHTML(item) + '" />');
+        }
+    }
+    options['src']  = options['movie'];
+    options['name'] = options['id'];
+    delete options['id'];
+    delete options['movie'];
+    delete options['classid'];
+    delete options['codebase'];
+    options['type'] = 'application/x-shockwave-flash';
+    options['pluginspage'] = 'http://www.macromedia.com/go/getflashplayer';
+    str.push('<embed');
+    var salign;
+    for (k in options) {
+        item = options[k];
+        if (item || item === false || item === 0) {
+            if ((new RegExp("^salign\x24", "i")).test(k)) {
+                salign = item;
+                continue;
+            }
+            
+            str.push(' ', k, '="', encodeHTML(item), '"');
+        }
+    }
+    
+    if (salign) {
+        str.push(' salign="', encodeHTML(salign), '"');
+    }
+    str.push('></embed></object>');
+    
+    return str.join('');
+};
+
+
+/**
+ * 在页面中创建一个flash对象
+ * @name baidu.swf.create
+ * @function
+ * @grammar baidu.swf.create(options[, container])
+ * 
+ * @param {Object} 	options 					创建flash的选项参数
+ * @param {string} 	options.id 					要创建的flash的标识
+ * @param {string} 	options.url 				flash文件的url
+ * @param {String} 	options.errorMessage 		未安装flash player或flash player版本号过低时的提示
+ * @param {string} 	options.ver 				最低需要的flash player版本号
+ * @param {string} 	options.width 				flash的宽度
+ * @param {string} 	options.height 				flash的高度
+ * @param {string} 	options.align 				flash的对齐方式，允许值：middle/left/right/top/bottom
+ * @param {string} 	options.base 				设置用于解析swf文件中的所有相对路径语句的基本目录或URL
+ * @param {string} 	options.bgcolor 			swf文件的背景色
+ * @param {string} 	options.salign 				设置缩放的swf文件在由width和height设置定义的区域内的位置。允许值：l/r/t/b/tl/tr/bl/br
+ * @param {boolean} options.menu 				是否显示右键菜单，允许值：true/false
+ * @param {boolean} options.loop 				播放到最后一帧时是否重新播放，允许值： true/false
+ * @param {boolean} options.play 				flash是否在浏览器加载时就开始播放。允许值：true/false
+ * @param {string} 	options.quality 			设置flash播放的画质，允许值：low/medium/high/autolow/autohigh/best
+ * @param {string} 	options.scale 				设置flash内容如何缩放来适应设置的宽高。允许值：showall/noborder/exactfit
+ * @param {string} 	options.wmode 				设置flash的显示模式。允许值：window/opaque/transparent
+ * @param {string} 	options.allowscriptaccess 	设置flash与页面的通信权限。允许值：always/never/sameDomain
+ * @param {string} 	options.allownetworking 	设置swf文件中允许使用的网络API。允许值：all/internal/none
+ * @param {boolean} options.allowfullscreen 	是否允许flash全屏。允许值：true/false
+ * @param {boolean} options.seamlesstabbing 	允许设置执行无缝跳格，从而使用户能跳出flash应用程序。该参数只能在安装Flash7及更高版本的Windows中使用。允许值：true/false
+ * @param {boolean} options.devicefont 			设置静态文本对象是否以设备字体呈现。允许值：true/false
+ * @param {boolean} options.swliveconnect 		第一次加载flash时浏览器是否应启动Java。允许值：true/false
+ * @param {Object} 	options.vars 				要传递给flash的参数，支持JSON或string类型。
+ * 
+ * @param {HTMLElement|string} [container] 		flash对象的父容器元素，不传递该参数时在当前代码位置创建flash对象。
+ * @meta standard
+ * @see baidu.swf.createHTML,baidu.swf.getMovie
+ */
+baidu.swf.create = function (options, target) {
+    options = options || {};
+    var html = baidu.swf.createHTML(options) 
+               || options['errorMessage'] 
+               || '';
+                
+    if (target && 'string' == typeof target) {
+        target = document.getElementById(target);
+    }
+    baidu.dom.insertHTML( target || document.body ,'beforeEnd',html );
+};
+/**
+ * 判断是否为ie浏览器
+ * @name baidu.browser.ie
+ * @field
+ * @grammar baidu.browser.ie
+ * @returns {Number} IE版本号
+ */
+baidu.browser.ie = baidu.ie = /msie (\d+\.\d+)/i.test(navigator.userAgent) ? (document.documentMode || + RegExp['\x241']) : undefined;
+
+/**
+ * 移除数组中的项
+ * @name baidu.array.remove
+ * @function
+ * @grammar baidu.array.remove(source, match)
+ * @param {Array} source 需要移除项的数组
+ * @param {Any} match 要移除的项
+ * @meta standard
+ * @see baidu.array.removeAt
+ *             
+ * @returns {Array} 移除后的数组
+ */
+baidu.array.remove = function (source, match) {
+    var len = source.length;
+        
+    while (len--) {
+        if (len in source && source[len] === match) {
+            source.splice(len, 1);
+        }
+    }
+    return source;
+};
+
+/**
+ * 判断目标参数是否Array对象
+ * @name baidu.lang.isArray
+ * @function
+ * @grammar baidu.lang.isArray(source)
+ * @param {Any} source 目标参数
+ * @meta standard
+ * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
+ *             
+ * @returns {boolean} 类型判断结果
+ */
+baidu.lang.isArray = function (source) {
+    return '[object Array]' == Object.prototype.toString.call(source);
+};
+
+
+
+/**
+ * 将一个变量转换成array
+ * @name baidu.lang.toArray
+ * @function
+ * @grammar baidu.lang.toArray(source)
+ * @param {mix} source 需要转换成array的变量
+ * @version 1.3
+ * @meta standard
+ * @returns {array} 转换后的array
+ */
+baidu.lang.toArray = function (source) {
+    if (source === null || source === undefined)
+        return [];
+    if (baidu.lang.isArray(source))
+        return source;
+    if (typeof source.length !== 'number' || typeof source === 'string' || baidu.lang.isFunction(source)) {
+        return [source];
+    }
+    if (source.item) {
+        var l = source.length, array = new Array(l);
+        while (l--)
+            array[l] = source[l];
+        return array;
+    }
+
+    return [].slice.call(source);
+};
+
+/**
+ * 获得flash对象的实例
+ * @name baidu.swf.getMovie
+ * @function
+ * @grammar baidu.swf.getMovie(name)
+ * @param {string} name flash对象的名称
+ * @see baidu.swf.create
+ * @meta standard
+ * @returns {HTMLElement} flash对象的实例
+ */
+baidu.swf.getMovie = function (name) {
+	var movie = document[name], ret;
+    return baidu.browser.ie == 9 ?
+    	movie && movie.length ? 
+    		(ret = baidu.array.remove(baidu.lang.toArray(movie),function(item){
+    			return item.tagName.toLowerCase() != "embed";
+    		})).length == 1 ? ret[0] : ret
+    		: movie
+    	: movie || window[name];
+};
+
+
+baidu.flash._Base = (function(){
+   
+    var prefix = 'bd__flash__';
+
+    /**
+     * 创建一个随机的字符串
+     * @private
+     * @return {String}
+     */
+    function _createString(){
+        return  prefix + Math.floor(Math.random() * 2147483648).toString(36);
+    };
+   
+    /**
+     * 检查flash状态
+     * @private
+     * @param {Object} target flash对象
+     * @return {Boolean}
+     */
+    function _checkReady(target){
+        if(typeof target !== 'undefined' && typeof target.flashInit !== 'undefined' && target.flashInit()){
+            return true;
+        }else{
+            return false;
+        }
+    };
+
+    /**
+     * 调用之前进行压栈的函数
+     * @private
+     * @param {Array} callQueue 调用队列
+     * @param {Object} target flash对象
+     * @return {Null}
+     */
+    function _callFn(callQueue, target){
+        var result = null;
+        
+        callQueue = callQueue.reverse();
+        baidu.each(callQueue, function(item){
+            result = target.call(item.fnName, item.params);
+            item.callBack(result);
+        });
+    };
+
+    /**
+     * 为传入的匿名函数创建函数名
+     * @private
+     * @param {String|Function} fun 传入的匿名函数或者函数名
+     * @return {String}
+     */
+    function _createFunName(fun){
+        var name = '';
+
+        if(baidu.lang.isFunction(fun)){
+            name = _createString();
+            window[name] = function(){
+                fun.apply(window, arguments);
+            };
+
+            return name;
+        }else if(baidu.lang.isString){
+            return fun;
+        }
+    };
+
+    /**
+     * 绘制flash
+     * @private
+     * @param {Object} options 创建参数
+     * @return {Object} 
+     */
+    function _render(options){
+        if(!options.id){
+            options.id = _createString();
+        }
+        
+        var container = options.container || '';
+        delete(options.container);
+        
+        baidu.swf.create(options, container);
+        
+        return baidu.swf.getMovie(options.id);
+    };
+
+    return function(options, callBack){
+        var me = this,
+            autoRender = (typeof options.autoRender !== 'undefined' ? options.autoRender : true),
+            createOptions = options.createOptions || {},
+            target = null,
+            isReady = false,
+            callQueue = [],
+            timeHandle = null,
+            callBack = callBack || [];
+
+        /**
+         * 将flash文件绘制到页面上
+         * @public
+         * @return {Null}
+         */
+        me.render = function(){
+            target = _render(createOptions);
+            
+            if(callBack.length > 0){
+                baidu.each(callBack, function(funName, index){
+                    callBack[index] = _createFunName(options[funName] || new Function());
+                });    
+            }
+            me.call('setJSFuncName', [callBack]);
+        };
+
+        /**
+         * 返回flash状态
+         * @return {Boolean}
+         */
+        me.isReady = function(){
+            return isReady;
+        };
+
+        /**
+         * 调用flash接口的统一入口
+         * @param {String} fnName 调用的函数名
+         * @param {Array} params 传入的参数组成的数组,若不许要参数，需传入空数组
+         * @param {Function} [callBack] 异步调用后将返回值作为参数的调用回调函数，如无返回值，可以不传入此参数
+         * @return {Null}
+        */
+        me.call = function(fnName, params, callBack){
+            if(!fnName) return null;
+            callBack = callBack || new Function();
+
+            var result = null;
+    
+            if(isReady){
+                result = target.call(fnName, params);
+                callBack(result);
+            }else{
+                callQueue.push({
+                    fnName: fnName,
+                    params: params,
+                    callBack: callBack
+                });
+    
+                (!timeHandle) && (timeHandle = setInterval(_check, 200));
+            }
+        };
+    
+        /**
+         * 为传入的匿名函数创建函数名
+         * @public
+         * @param {String|Function} fun 传入的匿名函数或者函数名
+         * @return {String}
+         */
+        me.createFunName = function(fun){
+            return _createFunName(fun);    
+        };
+
+        /**
+         * 检查flash是否ready， 并进行调用
+         * @private
+         * @return {Null}
+         */
+        function _check(){
+            if(_checkReady(target)){
+                clearInterval(timeHandle);
+                timeHandle = null;
+                _call();
+
+                isReady = true;
+            }               
+        };
+
+        /**
+         * 调用之前进行压栈的函数
+         * @private
+         * @return {Null}
+         */
+        function _call(){
+            _callFn(callQueue, target);
+            callQueue = [];
+        }
+
+        autoRender && me.render(); 
+    };
+})();
+
+
+
+/**
+ * 创建flash based imageUploader
+ * @class
+ * @grammar baidu.flash.imageUploader(options)
+ * @param {Object} createOptions 创建flash时需要的参数，请参照baidu.swf.create文档
+ * @config {Object} vars 创建imageUploader时所需要的参数
+ * @config {Number} vars.gridWidth 每一个预览图片所占的宽度，应该为flash寛的整除
+ * @config {Number} vars.gridHeight 每一个预览图片所占的高度，应该为flash高的整除
+ * @config {Number} vars.picWidth 单张预览图片的宽度
+ * @config {Number} vars.picHeight 单张预览图片的高度
+ * @config {String} vars.uploadDataFieldName POST请求中图片数据的key,默认值'picdata'
+ * @config {String} vars.picDescFieldName POST请求中图片描述的key,默认值'picDesc'
+ * @config {Number} vars.maxSize 文件的最大体积,单位'MB'
+ * @config {Number} vars.compressSize 上传前如果图片体积超过该值，会先压缩
+ * @config {Number} vars.maxNum:32 最大上传多少个文件
+ * @config {Number} vars.compressLength 能接受的最大边长，超过该值会等比压缩
+ * @config {String} vars.url 上传的url地址
+ * @config {Number} vars.mode mode == 0时，是使用滚动条，mode == 1时，拉伸flash, 默认值为0
+ * @see baidu.swf.createHTML
+ * @param {String} backgroundUrl 背景图片路径
+ * @param {String} listBacgroundkUrl 布局控件背景
+ * @param {String} buttonUrl 按钮图片不背景
+ * @param {String|Function} selectFileCallback 选择文件的回调
+ * @param {String|Function} exceedFileCallback文件超出限制的最大体积时的回调
+ * @param {String|Function} deleteFileCallback 删除文件的回调
+ * @param {String|Function} startUploadCallback 开始上传某个文件时的回调
+ * @param {String|Function} uploadCompleteCallback 某个文件上传完成的回调
+ * @param {String|Function} uploadErrorCallback 某个文件上传失败的回调
+ * @param {String|Function} allCompleteCallback 全部上传完成时的回调
+ * @param {String|Function} changeFlashHeight 改变Flash的高度，mode==1的时候才有用
+ */ 
+baidu.flash.imageUploader = baidu.flash.imageUploader || function(options){
+   
+    var me = this,
+        options = options || {},
+        _flash = new baidu.flash._Base(options, [
+            'selectFileCallback', 
+            'exceedFileCallback', 
+            'deleteFileCallback', 
+            'startUploadCallback',
+            'uploadCompleteCallback',
+            'uploadErrorCallback',
+            'allCompleteCallback',
+            'changeFlashHeight'
+        ]);
+    /**
+     * 开始或回复上传图片
+     * @public
+     * @return {Null}
+     */
+    me.upload = function(){
+        _flash.call('upload');
+    };
+
+    /**
+     * 暂停上传图片
+     * @public
+     * @return {Null}
+     */
+    me.pause = function(){
+        _flash.call('pause');
+    };
+    me.addCustomizedParams = function(index,obj){
+        _flash.call('addCustomizedParams',[index,obj]);
+    }
+};
+
+/**
+ * 操作原生对象的方法
+ * @namespace baidu.object
+ */
+baidu.object = baidu.object || {};
+
+
+/**
+ * 将源对象的所有属性拷贝到目标对象中
+ * @author erik
+ * @name baidu.object.extend
+ * @function
+ * @grammar baidu.object.extend(target, source)
+ * @param {Object} target 目标对象
+ * @param {Object} source 源对象
+ * @see baidu.array.merge
+ * @remark
+ * 
+1.目标对象中，与源对象key相同的成员将会被覆盖。<br>
+2.源对象的prototype成员不会拷贝。
+		
+ * @shortcut extend
+ * @meta standard
+ *             
+ * @returns {Object} 目标对象
+ */
+baidu.extend =
+baidu.object.extend = function (target, source) {
+    for (var p in source) {
+        if (source.hasOwnProperty(p)) {
+            target[p] = source[p];
+        }
+    }
+    
+    return target;
+};
+
+
+
+
+
+/**
+ * 创建flash based fileUploader
+ * @class
+ * @grammar baidu.flash.fileUploader(options)
+ * @param {Object} options
+ * @config {Object} createOptions 创建flash时需要的参数，请参照baidu.swf.create文档
+ * @config {String} createOptions.width
+ * @config {String} createOptions.height
+ * @config {Number} maxNum 最大可选文件数
+ * @config {Function|String} selectFile
+ * @config {Function|String} exceedMaxSize
+ * @config {Function|String} deleteFile
+ * @config {Function|String} uploadStart
+ * @config {Function|String} uploadComplete
+ * @config {Function|String} uploadError
+ * @config {Function|String} uploadProgress
+ */
+baidu.flash.fileUploader = baidu.flash.fileUploader || function(options){
+    var me = this,
+        options = options || {};
+    
+    options.createOptions = baidu.extend({
+        wmod: 'transparent'
+    },options.createOptions || {});
+    
+    var _flash = new baidu.flash._Base(options, [
+        'selectFile',
+        'exceedMaxSize',
+        'deleteFile',
+        'uploadStart',
+        'uploadComplete',
+        'uploadError', 
+        'uploadProgress'
+    ]);
+
+    _flash.call('setMaxNum', options.maxNum ? [options.maxNum] : [1]);
+
+    /**
+     * 设置当鼠标移动到flash上时，是否变成手型
+     * @public
+     * @param {Boolean} isCursor
+     * @return {Null}
+     */
+    me.setHandCursor = function(isCursor){
+        _flash.call('setHandCursor', [isCursor || false]);
+    };
+
+    /**
+     * 设置鼠标相应函数名
+     * @param {String|Function} fun
+     */
+    me.setMSFunName = function(fun){
+        _flash.call('setMSFunName',[_flash.createFunName(fun)]);
+    }; 
+
+    /**
+     * 执行上传操作
+     * @param {String} url 上传的url
+     * @param {String} fieldName 上传的表单字段名
+     * @param {Object} postData 键值对，上传的POST数据
+     * @param {Number|Array|null|-1} [index]上传的文件序列
+     *                            Int值上传该文件
+     *                            Array一次串行上传该序列文件
+     *                            -1/null上传所有文件
+     * @return {Null}
+     */
+    me.upload = function(url, fieldName, postData, index){
+
+        if(typeof url !== 'string' || typeof fieldName !== 'string') return null;
+        if(typeof index === 'undefined') index = -1;
+
+        _flash.call('upload', [url, fieldName, postData, index]);
+    };
+
+    /**
+     * 取消上传操作
+     * @public
+     * @param {Number|-1} index
+     */
+    me.cancel = function(index){
+        if(typeof index === 'undefined') index = -1;
+        _flash.call('cancel', [index]);
+    };
+
+    /**
+     * 删除文件
+     * @public
+     * @param {Number|Array} [index] 要删除的index，不传则全部删除
+     * @param {Function} callBack
+     * */
+    me.deleteFile = function(index, callBack){
+
+        var callBackAll = function(list){
+                callBack && callBack(list);
+            };
+
+        if(typeof index === 'undefined'){
+            _flash.call('deleteFilesAll', [], callBackAll);
+            return;
+        };
+        
+        if(typeof index === 'Number') index = [index];
+        index.sort(function(a,b){
+            return b-a;
+        });
+        baidu.each(index, function(item){
+            _flash.call('deleteFileBy', item, callBackAll);
+        });
+    };
+
+    /**
+     * 添加文件类型，支持macType
+     * @public
+     * @param {Object|Array[Object]} type {description:String, extention:String}
+     * @return {Null};
+     */
+    me.addFileType = function(type){
+        var type = type || [[]];
+        
+        if(type instanceof Array) type = [type];
+        else type = [[type]];
+        _flash.call('addFileTypes', type);
+    };
+    
+    /**
+     * 设置文件类型，支持macType
+     * @public
+     * @param {Object|Array[Object]} type {description:String, extention:String}
+     * @return {Null};
+     */
+    me.setFileType = function(type){
+        var type = type || [[]];
+        
+        if(type instanceof Array) type = [type];
+        else type = [[type]];
+        _flash.call('setFileTypes', type);
+    };
+
+    /**
+     * 设置可选文件的数量限制
+     * @public
+     * @param {Number} num
+     * @return {Null}
+     */
+    me.setMaxNum = function(num){
+        _flash.call('setMaxNum', [num]);
+    };
+
+    /**
+     * 设置可选文件大小限制，以兆M为单位
+     * @public
+     * @param {Number} num,0为无限制
+     * @return {Null}
+     */
+    me.setMaxSize = function(num){
+        _flash.call('setMaxSize', [num]);
+    };
+
+    /**
+     * @public
+     */
+    me.getFileAll = function(callBack){
+        _flash.call('getFileAll', [], callBack);
+    };
+
+    /**
+     * @public
+     * @param {Number} index
+     * @param {Function} [callBack]
+     */
+    me.getFileByIndex = function(index, callBack){
+        _flash.call('getFileByIndex', [], callBack);
+    };
+
+    /**
+     * @public
+     * @param {Number} index
+     * @param {function} [callBack]
+     */
+    me.getStatusByIndex = function(index, callBack){
+        _flash.call('getStatusByIndex', [], callBack);
+    };
+};
+
+/**
+ * 使用动态script标签请求服务器资源，包括由服务器端的回调和浏览器端的回调
+ * @namespace baidu.sio
+ */
+baidu.sio = baidu.sio || {};
+
+/**
+ * 
+ * @param {HTMLElement} src script节点
+ * @param {String} url script节点的地址
+ * @param {String} [charset] 编码
+ */
+baidu.sio._createScriptTag = function(scr, url, charset){
+    scr.setAttribute('type', 'text/javascript');
+    charset && scr.setAttribute('charset', charset);
+    scr.setAttribute('src', url);
+    document.getElementsByTagName('head')[0].appendChild(scr);
+};
+
+/**
+ * 删除script的属性，再删除script标签，以解决修复内存泄漏的问题
+ * 
+ * @param {HTMLElement} src script节点
+ */
+baidu.sio._removeScriptTag = function(scr){
+    if (scr.clearAttributes) {
+        scr.clearAttributes();
+    } else {
+        for (var attr in scr) {
+            if (scr.hasOwnProperty(attr)) {
+                delete scr[attr];
+            }
+        }
+    }
+    if(scr && scr.parentNode){
+        scr.parentNode.removeChild(scr);
+    }
+    scr = null;
+};
+
+
+/**
+ * 通过script标签加载数据，加载完成由浏览器端触发回调
+ * @name baidu.sio.callByBrowser
+ * @function
+ * @grammar baidu.sio.callByBrowser(url, opt_callback, opt_options)
+ * @param {string} url 加载数据的url
+ * @param {Function|string} opt_callback 数据加载结束时调用的函数或函数名
+ * @param {Object} opt_options 其他可选项
+ * @config {String} [charset] script的字符集
+ * @config {Integer} [timeOut] 超时时间，超过这个时间将不再响应本请求，并触发onfailure函数
+ * @config {Function} [onfailure] timeOut设定后才生效，到达超时时间时触发本函数
+ * @remark
+ * 1、与callByServer不同，callback参数只支持Function类型，不支持string。
+ * 2、如果请求了一个不存在的页面，callback函数在IE/opera下也会被调用，因此使用者需要在onsuccess函数中判断数据是否正确加载。
+ * @meta standard
+ * @see baidu.sio.callByServer
+ */
+baidu.sio.callByBrowser = function (url, opt_callback, opt_options) {
+    var scr = document.createElement("SCRIPT"),
+        scriptLoaded = 0,
+        options = opt_options || {},
+        charset = options['charset'],
+        callback = opt_callback || function(){},
+        timeOut = options['timeOut'] || 0,
+        timer;
+    scr.onload = scr.onreadystatechange = function () {
+        if (scriptLoaded) {
+            return;
+        }
+        
+        var readyState = scr.readyState;
+        if ('undefined' == typeof readyState
+            || readyState == "loaded"
+            || readyState == "complete") {
+            scriptLoaded = 1;
+            try {
+                callback();
+                clearTimeout(timer);
+            } finally {
+                scr.onload = scr.onreadystatechange = null;
+                baidu.sio._removeScriptTag(scr);
+            }
+        }
+    };
+
+    if( timeOut ){
+        timer = setTimeout(function(){
+            scr.onload = scr.onreadystatechange = null;
+            baidu.sio._removeScriptTag(scr);
+            options.onfailure && options.onfailure();
+        }, timeOut);
+    }
+    
+    baidu.sio._createScriptTag(scr, url, charset);
+};
+
+/**
+ * 通过script标签加载数据，加载完成由服务器端触发回调
+ * @name baidu.sio.callByServer
+ * @function
+ * @grammar baidu.sio.callByServer(url, callback[, opt_options])
+ * @param {string} url 加载数据的url.
+ * @param {Function|string} callback 服务器端调用的函数或函数名。如果没有指定本参数，将在URL中寻找options['queryField']做为callback的方法名.
+ * @param {Object} opt_options 加载数据时的选项.
+ * @config {string} [charset] script的字符集
+ * @config {string} [queryField] 服务器端callback请求字段名，默认为callback
+ * @config {Integer} [timeOut] 超时时间(单位：ms)，超过这个时间将不再响应本请求，并触发onfailure函数
+ * @config {Function} [onfailure] timeOut设定后才生效，到达超时时间时触发本函数
+ * @remark
+ * 如果url中已经包含key为“options['queryField']”的query项，将会被替换成callback中参数传递或自动生成的函数名。
+ * @meta standard
+ * @see baidu.sio.callByBrowser
+ */
+baidu.sio.callByServer = /**@function*/function(url, callback, opt_options) {
+    var scr = document.createElement('SCRIPT'),
+        prefix = 'bd__cbs__',
+        callbackName,
+        callbackImpl,
+        options = opt_options || {},
+        charset = options['charset'],
+        queryField = options['queryField'] || 'callback',
+        timeOut = options['timeOut'] || 0,
+        timer,
+        reg = new RegExp('(\\?|&)' + queryField + '=([^&]*)'),
+        matches;
+
+    if (baidu.lang.isFunction(callback)) {
+        callbackName = prefix + Math.floor(Math.random() * 2147483648).toString(36);
+        window[callbackName] = getCallBack(0);
+    } else if(baidu.lang.isString(callback)){
+        callbackName = callback;
+    } else {
+        if (matches = reg.exec(url)) {
+            callbackName = matches[2];
+        }
+    }
+
+    if( timeOut ){
+        timer = setTimeout(getCallBack(1), timeOut);
+    }
+    url = url.replace(reg, '\x241' + queryField + '=' + callbackName);
+    
+    if (url.search(reg) < 0) {
+        url += (url.indexOf('?') < 0 ? '?' : '&') + queryField + '=' + callbackName;
+    }
+    baidu.sio._createScriptTag(scr, url, charset);
+
+    /*
+     * 返回一个函数，用于立即（挂在window上）或者超时（挂在setTimeout中）时执行
+     */
+    function getCallBack(onTimeOut){
+        /*global callbackName, callback, scr, options;*/
+        return function(){
+            try {
+                if( onTimeOut ){
+                    options.onfailure && options.onfailure();
+                }else{
+                    callback.apply(window, arguments);
+                    clearTimeout(timer);
+                }
+                window[callbackName] = null;
+                delete window[callbackName];
+            } catch (exception) {
+            } finally {
+                baidu.sio._removeScriptTag(scr);
+            }
+        }
+    }
+};
+
+/**
+ * 通过请求一个图片的方式令服务器存储一条日志
+ * @function
+ * @grammar baidu.sio.log(url)
+ * @param {string} url 要发送的地址.
+ * @author: int08h,leeight
+ */
+baidu.sio.log = function(url) {
+  var img = new Image(),
+      key = 'tangram_sio_log_' + Math.floor(Math.random() *
+            2147483648).toString(36);
+  window[key] = img;
+
+  img.onload = img.onerror = img.onabort = function() {
+    img.onload = img.onerror = img.onabort = null;
+
+    window[key] = null;
+    img = null;
+  };
+  img.src = url;
+};
+
+
+
+/*
+ * Tangram
+ * Copyright 2009 Baidu Inc. All rights reserved.
+ * 
+ * path: baidu/json.js
+ * author: erik
+ * version: 1.1.0
+ * date: 2009/12/02
+ */
+
+
+/**
+ * 操作json对象的方法
+ * @namespace baidu.json
+ */
+baidu.json = baidu.json || {};
+/*
+ * Tangram
+ * Copyright 2009 Baidu Inc. All rights reserved.
+ * 
+ * path: baidu/json/parse.js
+ * author: erik, berg
+ * version: 1.2
+ * date: 2009/11/23
+ */
+
+
+
+/**
+ * 将字符串解析成json对象。注：不会自动祛除空格
+ * @name baidu.json.parse
+ * @function
+ * @grammar baidu.json.parse(data)
+ * @param {string} source 需要解析的字符串
+ * @remark
+ * 该方法的实现与ecma-262第五版中规定的JSON.parse不同，暂时只支持传入一个参数。后续会进行功能丰富。
+ * @meta standard
+ * @see baidu.json.stringify,baidu.json.decode
+ *             
+ * @returns {JSON} 解析结果json对象
+ */
+baidu.json.parse = function (data) {
+    //2010/12/09：更新至不使用原生parse，不检测用户输入是否正确
+    return (new Function("return (" + data + ")"))();
+};
+/*
+ * Tangram
+ * Copyright 2009 Baidu Inc. All rights reserved.
+ * 
+ * path: baidu/json/decode.js
+ * author: erik, cat
+ * version: 1.3.4
+ * date: 2010/12/23
+ */
+
+
+
+/**
+ * 将字符串解析成json对象，为过时接口，今后会被baidu.json.parse代替
+ * @name baidu.json.decode
+ * @function
+ * @grammar baidu.json.decode(source)
+ * @param {string} source 需要解析的字符串
+ * @meta out
+ * @see baidu.json.encode,baidu.json.parse
+ *             
+ * @returns {JSON} 解析结果json对象
+ */
+baidu.json.decode = baidu.json.parse;
+/*
+ * Tangram
+ * Copyright 2009 Baidu Inc. All rights reserved.
+ * 
+ * path: baidu/json/stringify.js
+ * author: erik
+ * version: 1.1.0
+ * date: 2010/01/11
+ */
+
+
+
+/**
+ * 将json对象序列化
+ * @name baidu.json.stringify
+ * @function
+ * @grammar baidu.json.stringify(value)
+ * @param {JSON} value 需要序列化的json对象
+ * @remark
+ * 该方法的实现与ecma-262第五版中规定的JSON.stringify不同，暂时只支持传入一个参数。后续会进行功能丰富。
+ * @meta standard
+ * @see baidu.json.parse,baidu.json.encode
+ *             
+ * @returns {string} 序列化后的字符串
+ */
+baidu.json.stringify = (function () {
+    /**
+     * 字符串处理时需要转义的字符表
+     * @private
+     */
+    var escapeMap = {
+        "\b": '\\b',
+        "\t": '\\t',
+        "\n": '\\n',
+        "\f": '\\f',
+        "\r": '\\r',
+        '"' : '\\"',
+        "\\": '\\\\'
+    };
+    
+    /**
+     * 字符串序列化
+     * @private
+     */
+    function encodeString(source) {
+        if (/["\\\x00-\x1f]/.test(source)) {
+            source = source.replace(
+                /["\\\x00-\x1f]/g, 
+                function (match) {
+                    var c = escapeMap[match];
+                    if (c) {
+                        return c;
+                    }
+                    c = match.charCodeAt();
+                    return "\\u00" 
+                            + Math.floor(c / 16).toString(16) 
+                            + (c % 16).toString(16);
+                });
+        }
+        return '"' + source + '"';
+    }
+    
+    /**
+     * 数组序列化
+     * @private
+     */
+    function encodeArray(source) {
+        var result = ["["], 
+            l = source.length,
+            preComma, i, item;
+            
+        for (i = 0; i < l; i++) {
+            item = source[i];
+            
+            switch (typeof item) {
+            case "undefined":
+            case "function":
+            case "unknown":
+                break;
+            default:
+                if(preComma) {
+                    result.push(',');
+                }
+                result.push(baidu.json.stringify(item));
+                preComma = 1;
+            }
+        }
+        result.push("]");
+        return result.join("");
+    }
+    
+    /**
+     * 处理日期序列化时的补零
+     * @private
+     */
+    function pad(source) {
+        return source < 10 ? '0' + source : source;
+    }
+    
+    /**
+     * 日期序列化
+     * @private
+     */
+    function encodeDate(source){
+        return '"' + source.getFullYear() + "-" 
+                + pad(source.getMonth() + 1) + "-" 
+                + pad(source.getDate()) + "T" 
+                + pad(source.getHours()) + ":" 
+                + pad(source.getMinutes()) + ":" 
+                + pad(source.getSeconds()) + '"';
+    }
+    
+    return function (value) {
+        switch (typeof value) {
+        case 'undefined':
+            return 'undefined';
+            
+        case 'number':
+            return isFinite(value) ? String(value) : "null";
+            
+        case 'string':
+            return encodeString(value);
+            
+        case 'boolean':
+            return String(value);
+            
+        default:
+            if (value === null) {
+                return 'null';
+            } else if (value instanceof Array) {
+                return encodeArray(value);
+            } else if (value instanceof Date) {
+                return encodeDate(value);
+            } else {
+                var result = ['{'],
+                    encode = baidu.json.stringify,
+                    preComma,
+                    item;
+                    
+                for (var key in value) {
+                    if (Object.prototype.hasOwnProperty.call(value, key)) {
+                        item = value[key];
+                        switch (typeof item) {
+                        case 'undefined':
+                        case 'unknown':
+                        case 'function':
+                            break;
+                        default:
+                            if (preComma) {
+                                result.push(',');
+                            }
+                            preComma = 1;
+                            result.push(encode(key) + ':' + encode(item));
+                        }
+                    }
+                }
+                result.push('}');
+                return result.join('');
+            }
+        }
+    };
+})();
+/*
+ * Tangram
+ * Copyright 2009 Baidu Inc. All rights reserved.
+ * 
+ * path: baidu/json/encode.js
+ * author: erik, cat
+ * version: 1.3.4
+ * date: 2010/12/23
+ */
+
+
+
+/**
+ * 将json对象序列化，为过时接口，今后会被baidu.json.stringify代替
+ * @name baidu.json.encode
+ * @function
+ * @grammar baidu.json.encode(value)
+ * @param {JSON} value 需要序列化的json对象
+ * @meta out
+ * @see baidu.json.decode,baidu.json.stringify
+ *             
+ * @returns {string} 序列化后的字符串
+ */
+baidu.json.encode = baidu.json.stringify;
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/wordimage.html b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/wordimage.html
new file mode 100644
index 000000000..6cf606741
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/wordimage.html
@@ -0,0 +1,111 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        .wrapper{width: 600px;padding: 10px;height: 352px;overflow: hidden;position: relative;border-bottom: 1px solid #d7d7d7}
+        .localPath input{float: left;width: 350px;line-height: 20px;height: 20px;}
+        #clipboard{float:left;width: 70px;height: 30px; }
+        .description{ color: #0066cc; margin-top: 2px; width: 450px; height: 45px;float: left;line-height: 22px}
+        #upload{width: 100px;height: 30px;float: right; margin:10px 2px 0 0;cursor: pointer;}
+        #msg{ width: 140px; height: 30px; line-height:25px;float: left;color: red}
+    </style>
+</head>
+<body>
+    <div class="wrapper">
+        <div class="localPath">
+            <input id="localPath" type="text" readonly />
+            <div id="clipboard"></div>
+            <div id="msg"></div>
+        </div>
+        <div id="flashContainer"></div>
+        <div>
+            <div id="upload" style="display: none" ><img id="uploadBtn"></div>
+            <div class="description">
+                <span style="color: red"><var id="lang_resave"></var>: </span><var id="lang_step"></var>
+            </div>
+          </div>
+    </div>
+    <script type="text/javascript" src="tangram.js"></script>
+    <script type="text/javascript" src="wordimage.js"></script>
+    <script type="text/javascript">
+        editor.setOpt({
+            wordImageFieldName:"upfile",
+            compressSide:0,
+            maxImageSideLength:900
+        });
+
+            //全局变量
+        var imageUrls = [],          //用于保存从服务器返回的图片信息数组
+            selectedImageCount = 0,  //当前已选择的但未上传的图片数量
+            optImageUrl = editor.getActionUrl(editor.getOpt('imageActionName')),
+            optImageFieldName = editor.getOpt('imageFieldName'),
+            optImageCompressBorder = editor.getOpt('imageCompressEnable') ? editor.getOpt('imageCompressBorder'):null,
+            maxSize = editor.getOpt('imageMaxSize') / 1024,
+            extension = editor.getOpt('imageAllowFiles').join(';').replace(/\./g, '*.');
+
+        /* 添加额外的GET参数 */
+        var params = utils.serializeParam(editor.queryCommandValue('serverparam')) || '',
+            urlWidthParams = optImageUrl + (optImageUrl.indexOf('?') == -1 ? '?':'&') + params;
+
+        utils.domReady(function(){
+            //创建Flash相关的参数集合
+            var flashOptions = {
+                container:"flashContainer",                                                    //flash容器id
+                url:urlWidthParams,                                           // 上传处理页面的url地址
+                ext:editor.queryCommandValue('serverParam') || {},                                 //可向服务器提交的自定义参数列表
+                fileType:'{"description":"'+lang.fileType+'", "extension":"' + extension + '"}',     //上传文件格式限制
+                flashUrl:'imageUploader.swf',                                                  //上传用的flash组件地址
+                width:600,          //flash的宽度
+                height:272,         //flash的高度
+                gridWidth:120,     // 每一个预览图片所占的宽度
+                gridHeight:120,    // 每一个预览图片所占的高度
+                picWidth:100,      // 单张预览图片的宽度
+                picHeight:100,     // 单张预览图片的高度
+                uploadDataFieldName: optImageFieldName,    // POST请求中图片数据的key
+                picDescFieldName:'pictitle',      // POST请求中图片描述的key
+                maxSize: maxSize,                         // 文件的最大体积,单位M
+                compressSize:1,                   // 上传前如果图片体积超过该值，会先压缩,单位M
+                maxNum:32,                         // 单次最大可上传多少个文件
+                compressSide: 0,                 //等比压缩的基准，0为按照最长边，1为按照宽度，2为按照高度
+                compressLength: optImageCompressBorder        //能接受的最大边长，超过该值Flash会自动等比压缩
+            };
+            //回调函数集合，支持传递函数名的字符串、函数句柄以及函数本身三种类型
+            var callbacks={
+                selectFileCallback: function(selectFiles){                // 选择文件的回调
+                    selectedImageCount += selectFiles.length;
+                    if(selectedImageCount) baidu.g("upload").style.display = "";
+                    dialog.buttons[0].setDisabled(true); //初始化时置灰确定按钮
+                },
+                deleteFileCallback: function(delFiles){                 // 删除文件的回调
+                    selectedImageCount -= delFiles.length;
+                    if (!selectedImageCount) {
+                        baidu.g("upload").style.display = "none";
+                        dialog.buttons[0].setDisabled(false);         //没有选择图片时重新点亮按钮
+                    }
+                },
+                uploadCompleteCallback: function(data){               // 单个文件上传完成的回调
+                    try{var info = eval("(" + data.info + ")");
+                    info && imageUrls.push(info);
+                    selectedImageCount--;
+                    }catch(e){}
+                },
+                uploadErrorCallback: function (data){         // 单个文件上传失败的回调,
+                    console && console.log(data);
+                },
+                allCompleteCallback: function(){              // 全部上传完成时的回调
+                    dialog.buttons[0].setDisabled(false);    //上传完毕后点亮按钮
+                }
+                //exceedFileCallback: 'exceedFileCallback',   // 文件超出限制的最大体积时的回调
+                //startUploadCallback: startUploadCallback    // 开始上传某个文件时的回调
+            };
+            wordImage.init(flashOptions,callbacks);
+        });
+
+    </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/wordimage.js b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/wordimage.js
new file mode 100644
index 000000000..98f3a2264
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/dialogs/wordimage/wordimage.js
@@ -0,0 +1,157 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 12-1-30
+ * Time: 下午12:50
+ * To change this template use File | Settings | File Templates.
+ */
+
+
+
+var wordImage = {};
+//(function(){
+var g = baidu.g,
+	flashObj,flashContainer;
+
+wordImage.init = function(opt, callbacks) {
+	showLocalPath("localPath");
+	//createCopyButton("clipboard","localPath");
+	createFlashUploader(opt, callbacks);
+	addUploadListener();
+	addOkListener();
+};
+
+function hideFlash(){
+    flashObj = null;
+    flashContainer.innerHTML = "";
+}
+function addOkListener() {
+	dialog.onok = function() {
+		if (!imageUrls.length) return;
+		var urlPrefix = editor.getOpt('imageUrlPrefix'),
+            images = domUtils.getElementsByTagName(editor.document,"img");
+        editor.fireEvent('saveScene');
+		for (var i = 0,img; img = images[i++];) {
+			var src = img.getAttribute("word_img");
+			if (!src) continue;
+			for (var j = 0,url; url = imageUrls[j++];) {
+				if (src.indexOf(url.original.replace(" ","")) != -1) {
+					img.src = urlPrefix + url.url;
+					img.setAttribute("_src", urlPrefix + url.url);  //同时修改"_src"属性
+					img.setAttribute("title",url.title);
+                    domUtils.removeAttributes(img, ["word_img","style","width","height"]);
+					editor.fireEvent("selectionchange");
+					break;
+				}
+			}
+		}
+        editor.fireEvent('saveScene');
+        hideFlash();
+	};
+    dialog.oncancel = function(){
+        hideFlash();
+    }
+}
+
+/**
+ * 绑定开始上传事件
+ */
+function addUploadListener() {
+	g("upload").onclick = function () {
+		flashObj.upload();
+		this.style.display = "none";
+	};
+}
+
+function showLocalPath(id) {
+    //单张编辑
+    var img = editor.selection.getRange().getClosedNode();
+    var images = editor.execCommand('wordimage');
+    if(images.length==1 || img && img.tagName == 'IMG'){
+        g(id).value = images[0];
+        return;
+    }
+	var path = images[0];
+    var leftSlashIndex  = path.lastIndexOf("/")||0,  //不同版本的doc和浏览器都可能影响到这个符号，故直接判断两种
+        rightSlashIndex = path.lastIndexOf("\\")||0,
+        separater = leftSlashIndex > rightSlashIndex ? "/":"\\" ;
+
+	path = path.substring(0, path.lastIndexOf(separater)+1);
+	g(id).value = path;
+}
+
+function createFlashUploader(opt, callbacks) {
+    //由于lang.flashI18n是静态属性，不可以直接进行修改，否则会影响到后续内容
+    var i18n = utils.extend({},lang.flashI18n);
+    //处理图片资源地址的编码，补全等问题
+    for(var i in i18n){
+        if(!(i in {"lang":1,"uploadingTF":1,"imageTF":1,"textEncoding":1}) && i18n[i]){
+            i18n[i] = encodeURIComponent(editor.options.langPath + editor.options.lang + "/images/" + i18n[i]);
+        }
+    }
+    opt = utils.extend(opt,i18n,false);
+	var option = {
+		createOptions:{
+			id:'flash',
+			url:opt.flashUrl,
+			width:opt.width,
+			height:opt.height,
+			errorMessage:lang.flashError,
+			wmode:browser.safari ? 'transparent' : 'window',
+			ver:'10.0.0',
+			vars:opt,
+			container:opt.container
+		}
+	};
+
+	option = extendProperty(callbacks, option);
+	flashObj = new baidu.flash.imageUploader(option);
+    flashContainer = $G(opt.container);
+}
+
+function extendProperty(fromObj, toObj) {
+	for (var i in fromObj) {
+		if (!toObj[i]) {
+			toObj[i] = fromObj[i];
+		}
+	}
+	return toObj;
+}
+
+//})();
+
+function getPasteData(id) {
+	baidu.g("msg").innerHTML = lang.copySuccess + "</br>";
+	setTimeout(function() {
+		baidu.g("msg").innerHTML = "";
+	}, 5000);
+	return baidu.g(id).value;
+}
+
+function createCopyButton(id, dataFrom) {
+	baidu.swf.create({
+			id:"copyFlash",
+			url:"fClipboard_ueditor.swf",
+			width:"58",
+			height:"25",
+			errorMessage:"",
+			bgColor:"#CBCBCB",
+			wmode:"transparent",
+			ver:"10.0.0",
+			vars:{
+				tid:dataFrom
+			}
+		}, id
+	);
+
+	var clipboard = baidu.swf.getMovie("copyFlash");
+	var clipinterval = setInterval(function() {
+		if (clipboard && clipboard.flashInit) {
+			clearInterval(clipinterval);
+			clipboard.setHandCursor(true);
+			clipboard.setContentFuncName("getPasteData");
+			//clipboard.setMEFuncName("mouseEventHandler");
+		}
+	}, 500);
+}
+createCopyButton("clipboard", "localPath");
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/config.json b/nezha-fronted/static/ueditor-1.4.3.3/jsp/config.json
new file mode 100644
index 000000000..53b6c9770
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/config.json
@@ -0,0 +1,94 @@
+/* 前后端通信相关的配置,注释只允许使用多行方式 */
+{
+    /* 上传图片配置项 */
+    "imageActionName": "uploadimage", /* 执行上传图片的action名称 */
+    "imageFieldName": "upfile", /* 提交的图片表单名称 */
+    "imageMaxSize": 2048000, /* 上传大小限制，单位B */
+    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
+    "imageCompressEnable": true, /* 是否压缩图片,默认是true */
+    "imageCompressBorder": 1600, /* 图片压缩最长边限制 */
+    "imageInsertAlign": "none", /* 插入的图片浮动方式 */
+    "imageUrlPrefix": "", /* 图片访问路径前缀 */
+    "imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+                                /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
+                                /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
+                                /* {time} 会替换成时间戳 */
+                                /* {yyyy} 会替换成四位年份 */
+                                /* {yy} 会替换成两位年份 */
+                                /* {mm} 会替换成两位月份 */
+                                /* {dd} 会替换成两位日期 */
+                                /* {hh} 会替换成两位小时 */
+                                /* {ii} 会替换成两位分钟 */
+                                /* {ss} 会替换成两位秒 */
+                                /* 非法字符 \ : * ? " < > | */
+                                /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */
+
+    /* 涂鸦图片上传配置项 */
+    "scrawlActionName": "uploadscrawl", /* 执行上传涂鸦的action名称 */
+    "scrawlFieldName": "upfile", /* 提交的图片表单名称 */
+    "scrawlPathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "scrawlMaxSize": 2048000, /* 上传大小限制，单位B */
+    "scrawlUrlPrefix": "", /* 图片访问路径前缀 */
+    "scrawlInsertAlign": "none",
+
+    /* 截图工具上传 */
+    "snapscreenActionName": "uploadimage", /* 执行上传截图的action名称 */
+    "snapscreenPathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "snapscreenUrlPrefix": "", /* 图片访问路径前缀 */
+    "snapscreenInsertAlign": "none", /* 插入的图片浮动方式 */
+
+    /* 抓取远程图片配置 */
+    "catcherLocalDomain": ["127.0.0.1", "localhost", "img.baidu.com"],
+    "catcherActionName": "catchimage", /* 执行抓取远程图片的action名称 */
+    "catcherFieldName": "source", /* 提交的图片列表表单名称 */
+    "catcherPathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "catcherUrlPrefix": "", /* 图片访问路径前缀 */
+    "catcherMaxSize": 2048000, /* 上传大小限制，单位B */
+    "catcherAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 抓取图片格式显示 */
+
+    /* 上传视频配置 */
+    "videoActionName": "uploadvideo", /* 执行上传视频的action名称 */
+    "videoFieldName": "upfile", /* 提交的视频表单名称 */
+    "videoPathFormat": "/ueditor/jsp/upload/video/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "videoUrlPrefix": "", /* 视频访问路径前缀 */
+    "videoMaxSize": 102400000, /* 上传大小限制，单位B，默认100MB */
+    "videoAllowFiles": [
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid"], /* 上传视频格式显示 */
+
+    /* 上传文件配置 */
+    "fileActionName": "uploadfile", /* controller里,执行上传视频的action名称 */
+    "fileFieldName": "upfile", /* 提交的文件表单名称 */
+    "filePathFormat": "/ueditor/jsp/upload/file/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "fileUrlPrefix": "", /* 文件访问路径前缀 */
+    "fileMaxSize": 51200000, /* 上传大小限制，单位B，默认50MB */
+    "fileAllowFiles": [
+        ".png", ".jpg", ".jpeg", ".gif", ".bmp",
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
+        ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
+        ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
+    ], /* 上传文件格式显示 */
+
+    /* 列出指定目录下的图片 */
+    "imageManagerActionName": "listimage", /* 执行图片管理的action名称 */
+    "imageManagerListPath": "/ueditor/jsp/upload/image/", /* 指定要列出图片的目录 */
+    "imageManagerListSize": 20, /* 每次列出文件数量 */
+    "imageManagerUrlPrefix": "", /* 图片访问路径前缀 */
+    "imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */
+    "imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 列出的文件类型 */
+
+    /* 列出指定目录下的文件 */
+    "fileManagerActionName": "listfile", /* 执行文件管理的action名称 */
+    "fileManagerListPath": "/ueditor/jsp/upload/file/", /* 指定要列出文件的目录 */
+    "fileManagerUrlPrefix": "", /* 文件访问路径前缀 */
+    "fileManagerListSize": 20, /* 每次列出文件数量 */
+    "fileManagerAllowFiles": [
+        ".png", ".jpg", ".jpeg", ".gif", ".bmp",
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
+        ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
+        ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
+    ] /* 列出的文件类型 */
+
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/controller.jsp b/nezha-fronted/static/ueditor-1.4.3.3/jsp/controller.jsp
new file mode 100644
index 000000000..6a3ef2f19
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/controller.jsp
@@ -0,0 +1,14 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+	import="com.baidu.ueditor.ActionEnter"
+    pageEncoding="UTF-8"%>
+<%@ page trimDirectiveWhitespaces="true" %>
+<%
+
+    request.setCharacterEncoding( "utf-8" );
+	response.setHeader("Content-Type" , "text/html");
+	
+	String rootPath = application.getRealPath( "/" );
+	
+	out.write( new ActionEnter( request, rootPath ).exec() );
+	
+%>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/commons-codec-1.9.jar b/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/commons-codec-1.9.jar
new file mode 100644
index 000000000..ef35f1c50
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/commons-codec-1.9.jar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/commons-fileupload-1.3.1.jar b/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/commons-fileupload-1.3.1.jar
new file mode 100644
index 000000000..af0cda226
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/commons-fileupload-1.3.1.jar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/commons-io-2.4.jar b/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/commons-io-2.4.jar
new file mode 100644
index 000000000..90035a4fe
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/commons-io-2.4.jar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/json.jar b/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/json.jar
new file mode 100644
index 000000000..ed0bc93a7
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/json.jar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/ueditor-1.1.2.jar b/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/ueditor-1.1.2.jar
new file mode 100644
index 000000000..4819fe011
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/jsp/lib/ueditor-1.1.2.jar differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/ActionEnter.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/ActionEnter.java
new file mode 100644
index 000000000..33a3dc7b5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/ActionEnter.java
@@ -0,0 +1,127 @@
+package com.baidu.ueditor;
+
+import java.util.Map;
+
+import javax.servlet.http.HttpServletRequest;
+
+import com.baidu.ueditor.define.ActionMap;
+import com.baidu.ueditor.define.AppInfo;
+import com.baidu.ueditor.define.BaseState;
+import com.baidu.ueditor.define.State;
+import com.baidu.ueditor.hunter.FileManager;
+import com.baidu.ueditor.hunter.ImageHunter;
+import com.baidu.ueditor.upload.Uploader;
+
+public class ActionEnter {
+	
+	private HttpServletRequest request = null;
+	
+	private String rootPath = null;
+	private String contextPath = null;
+	
+	private String actionType = null;
+	
+	private ConfigManager configManager = null;
+
+	public ActionEnter ( HttpServletRequest request, String rootPath ) {
+		
+		this.request = request;
+		this.rootPath = rootPath;
+		this.actionType = request.getParameter( "action" );
+		this.contextPath = request.getContextPath();
+		this.configManager = ConfigManager.getInstance( this.rootPath, this.contextPath, request.getRequestURI() );
+		
+	}
+	
+	public String exec () {
+		
+		String callbackName = this.request.getParameter("callback");
+		
+		if ( callbackName != null ) {
+
+			if ( !validCallbackName( callbackName ) ) {
+				return new BaseState( false, AppInfo.ILLEGAL ).toJSONString();
+			}
+			
+			return callbackName+"("+this.invoke()+");";
+			
+		} else {
+			return this.invoke();
+		}
+
+	}
+	
+	public String invoke() {
+		
+		if ( actionType == null || !ActionMap.mapping.containsKey( actionType ) ) {
+			return new BaseState( false, AppInfo.INVALID_ACTION ).toJSONString();
+		}
+		
+		if ( this.configManager == null || !this.configManager.valid() ) {
+			return new BaseState( false, AppInfo.CONFIG_ERROR ).toJSONString();
+		}
+		
+		State state = null;
+		
+		int actionCode = ActionMap.getType( this.actionType );
+		
+		Map<String, Object> conf = null;
+		
+		switch ( actionCode ) {
+		
+			case ActionMap.CONFIG:
+				return this.configManager.getAllConfig().toString();
+				
+			case ActionMap.UPLOAD_IMAGE:
+			case ActionMap.UPLOAD_SCRAWL:
+			case ActionMap.UPLOAD_VIDEO:
+			case ActionMap.UPLOAD_FILE:
+				conf = this.configManager.getConfig( actionCode );
+				state = new Uploader( request, conf ).doExec();
+				break;
+				
+			case ActionMap.CATCH_IMAGE:
+				conf = configManager.getConfig( actionCode );
+				String[] list = this.request.getParameterValues( (String)conf.get( "fieldName" ) );
+				state = new ImageHunter( conf ).capture( list );
+				break;
+				
+			case ActionMap.LIST_IMAGE:
+			case ActionMap.LIST_FILE:
+				conf = configManager.getConfig( actionCode );
+				int start = this.getStartIndex();
+				state = new FileManager( conf ).listFile( start );
+				break;
+				
+		}
+		
+		return state.toJSONString();
+		
+	}
+	
+	public int getStartIndex () {
+		
+		String start = this.request.getParameter( "start" );
+		
+		try {
+			return Integer.parseInt( start );
+		} catch ( Exception e ) {
+			return 0;
+		}
+		
+	}
+	
+	/**
+	 * callback参数验证
+	 */
+	public boolean validCallbackName ( String name ) {
+		
+		if ( name.matches( "^[a-zA-Z_]+[\\w0-9_]*$" ) ) {
+			return true;
+		}
+		
+		return false;
+		
+	}
+	
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/ConfigManager.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/ConfigManager.java
new file mode 100644
index 000000000..5551ee909
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/ConfigManager.java
@@ -0,0 +1,222 @@
+package com.baidu.ueditor;
+
+import java.io.BufferedReader;
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileNotFoundException;
+import java.io.IOException;
+import java.io.InputStreamReader;
+import java.io.UnsupportedEncodingException;
+import java.util.HashMap;
+import java.util.Map;
+
+import org.json.JSONArray;
+import org.json.JSONObject;
+
+import com.baidu.ueditor.define.ActionMap;
+
+/**
+ * 配置管理器
+ * @author hancong03@baidu.com
+ *
+ */
+public final class ConfigManager {
+
+	private final String rootPath;
+	private final String originalPath;
+	private final String contextPath;
+	private static final String configFileName = "config.json";
+	private String parentPath = null;
+	private JSONObject jsonConfig = null;
+	// 涂鸦上传filename定义
+	private final static String SCRAWL_FILE_NAME = "scrawl";
+	// 远程图片抓取filename定义
+	private final static String REMOTE_FILE_NAME = "remote";
+	
+	/*
+	 * 通过一个给定的路径构建一个配置管理器， 该管理器要求地址路径所在目录下必须存在config.properties文件
+	 */
+	private ConfigManager ( String rootPath, String contextPath, String uri ) throws FileNotFoundException, IOException {
+		
+		rootPath = rootPath.replace( "\\", "/" );
+		
+		this.rootPath = rootPath;
+		this.contextPath = contextPath;
+		
+		if ( contextPath.length() > 0 ) {
+			this.originalPath = this.rootPath + uri.substring( contextPath.length() );
+		} else {
+			this.originalPath = this.rootPath + uri;
+		}
+		
+		this.initEnv();
+		
+	}
+	
+	/**
+	 * 配置管理器构造工厂
+	 * @param rootPath 服务器根路径
+	 * @param contextPath 服务器所在项目路径
+	 * @param uri 当前访问的uri
+	 * @return 配置管理器实例或者null
+	 */
+	public static ConfigManager getInstance ( String rootPath, String contextPath, String uri ) {
+		
+		try {
+			return new ConfigManager(rootPath, contextPath, uri);
+		} catch ( Exception e ) {
+			return null;
+		}
+		
+	}
+	
+	// 验证配置文件加载是否正确
+	public boolean valid () {
+		return this.jsonConfig != null;
+	}
+	
+	public JSONObject getAllConfig () {
+		
+		return this.jsonConfig;
+		
+	}
+	
+	public Map<String, Object> getConfig ( int type ) {
+		
+		Map<String, Object> conf = new HashMap<String, Object>();
+		String savePath = null;
+		
+		switch ( type ) {
+		
+			case ActionMap.UPLOAD_FILE:
+				conf.put( "isBase64", "false" );
+				conf.put( "maxSize", this.jsonConfig.getLong( "fileMaxSize" ) );
+				conf.put( "allowFiles", this.getArray( "fileAllowFiles" ) );
+				conf.put( "fieldName", this.jsonConfig.getString( "fileFieldName" ) );
+				savePath = this.jsonConfig.getString( "filePathFormat" );
+				break;
+				
+			case ActionMap.UPLOAD_IMAGE:
+				conf.put( "isBase64", "false" );
+				conf.put( "maxSize", this.jsonConfig.getLong( "imageMaxSize" ) );
+				conf.put( "allowFiles", this.getArray( "imageAllowFiles" ) );
+				conf.put( "fieldName", this.jsonConfig.getString( "imageFieldName" ) );
+				savePath = this.jsonConfig.getString( "imagePathFormat" );
+				break;
+				
+			case ActionMap.UPLOAD_VIDEO:
+				conf.put( "maxSize", this.jsonConfig.getLong( "videoMaxSize" ) );
+				conf.put( "allowFiles", this.getArray( "videoAllowFiles" ) );
+				conf.put( "fieldName", this.jsonConfig.getString( "videoFieldName" ) );
+				savePath = this.jsonConfig.getString( "videoPathFormat" );
+				break;
+				
+			case ActionMap.UPLOAD_SCRAWL:
+				conf.put( "filename", ConfigManager.SCRAWL_FILE_NAME );
+				conf.put( "maxSize", this.jsonConfig.getLong( "scrawlMaxSize" ) );
+				conf.put( "fieldName", this.jsonConfig.getString( "scrawlFieldName" ) );
+				conf.put( "isBase64", "true" );
+				savePath = this.jsonConfig.getString( "scrawlPathFormat" );
+				break;
+				
+			case ActionMap.CATCH_IMAGE:
+				conf.put( "filename", ConfigManager.REMOTE_FILE_NAME );
+				conf.put( "filter", this.getArray( "catcherLocalDomain" ) );
+				conf.put( "maxSize", this.jsonConfig.getLong( "catcherMaxSize" ) );
+				conf.put( "allowFiles", this.getArray( "catcherAllowFiles" ) );
+				conf.put( "fieldName", this.jsonConfig.getString( "catcherFieldName" ) + "[]" );
+				savePath = this.jsonConfig.getString( "catcherPathFormat" );
+				break;
+				
+			case ActionMap.LIST_IMAGE:
+				conf.put( "allowFiles", this.getArray( "imageManagerAllowFiles" ) );
+				conf.put( "dir", this.jsonConfig.getString( "imageManagerListPath" ) );
+				conf.put( "count", this.jsonConfig.getInt( "imageManagerListSize" ) );
+				break;
+				
+			case ActionMap.LIST_FILE:
+				conf.put( "allowFiles", this.getArray( "fileManagerAllowFiles" ) );
+				conf.put( "dir", this.jsonConfig.getString( "fileManagerListPath" ) );
+				conf.put( "count", this.jsonConfig.getInt( "fileManagerListSize" ) );
+				break;
+				
+		}
+		
+		conf.put( "savePath", savePath );
+		conf.put( "rootPath", this.rootPath );
+		
+		return conf;
+		
+	}
+	
+	private void initEnv () throws FileNotFoundException, IOException {
+		
+		File file = new File( this.originalPath );
+		
+		if ( !file.isAbsolute() ) {
+			file = new File( file.getAbsolutePath() );
+		}
+		
+		this.parentPath = file.getParent();
+		
+		String configContent = this.readFile( this.getConfigPath() );
+		
+		try{
+			JSONObject jsonConfig = new JSONObject( configContent );
+			this.jsonConfig = jsonConfig;
+		} catch ( Exception e ) {
+			this.jsonConfig = null;
+		}
+		
+	}
+	
+	private String getConfigPath () {
+		return this.parentPath + File.separator + ConfigManager.configFileName;
+	}
+
+	private String[] getArray ( String key ) {
+		
+		JSONArray jsonArray = this.jsonConfig.getJSONArray( key );
+		String[] result = new String[ jsonArray.length() ];
+		
+		for ( int i = 0, len = jsonArray.length(); i < len; i++ ) {
+			result[i] = jsonArray.getString( i );
+		}
+		
+		return result;
+		
+	}
+	
+	private String readFile ( String path ) throws IOException {
+		
+		StringBuilder builder = new StringBuilder();
+		
+		try {
+			
+			InputStreamReader reader = new InputStreamReader( new FileInputStream( path ), "UTF-8" );
+			BufferedReader bfReader = new BufferedReader( reader );
+			
+			String tmpContent = null;
+			
+			while ( ( tmpContent = bfReader.readLine() ) != null ) {
+				builder.append( tmpContent );
+			}
+			
+			bfReader.close();
+			
+		} catch ( UnsupportedEncodingException e ) {
+			// 忽略
+		}
+		
+		return this.filter( builder.toString() );
+		
+	}
+	
+	// 过滤输入字符串, 剔除多行注释以及替换掉反斜杠
+	private String filter ( String input ) {
+		
+		return input.replaceAll( "/\\*[\\s\\S]*?\\*/", "" );
+		
+	}
+	
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/Encoder.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/Encoder.java
new file mode 100644
index 000000000..00bce19b3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/Encoder.java
@@ -0,0 +1,24 @@
+package com.baidu.ueditor;
+
+public class Encoder {
+
+	public static String toUnicode ( String input ) {
+		
+		StringBuilder builder = new StringBuilder();
+		char[] chars = input.toCharArray();
+		
+		for ( char ch : chars ) {
+			
+			if ( ch < 256 ) {
+				builder.append( ch );
+			} else {
+				builder.append( "\\u" +  Integer.toHexString( ch& 0xffff ) );
+			}
+			
+		}
+		
+		return builder.toString();
+		
+	}
+	
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/PathFormat.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/PathFormat.java
new file mode 100644
index 000000000..080ea48fa
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/PathFormat.java
@@ -0,0 +1,157 @@
+package com.baidu.ueditor;
+
+import java.text.SimpleDateFormat;
+import java.util.Date;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+public class PathFormat {
+	
+	private static final String TIME = "time";
+	private static final String FULL_YEAR = "yyyy";
+	private static final String YEAR = "yy";
+	private static final String MONTH = "mm";
+	private static final String DAY = "dd";
+	private static final String HOUR = "hh";
+	private static final String MINUTE = "ii";
+	private static final String SECOND = "ss";
+	private static final String RAND = "rand";
+	
+	private static Date currentDate = null;
+	
+	public static String parse ( String input ) {
+		
+		Pattern pattern = Pattern.compile( "\\{([^\\}]+)\\}", Pattern.CASE_INSENSITIVE  );
+		Matcher matcher = pattern.matcher(input);
+		
+		PathFormat.currentDate = new Date();
+		
+		StringBuffer sb = new StringBuffer();
+		
+		while ( matcher.find() ) {
+			
+			matcher.appendReplacement(sb, PathFormat.getString( matcher.group( 1 ) ) );
+			
+		}
+		
+		matcher.appendTail(sb);
+		
+		return sb.toString();
+	}
+	
+	/**
+	 * 格式化路径, 把windows路径替换成标准路径
+	 * @param input 待格式化的路径
+	 * @return 格式化后的路径
+	 */
+	public static String format ( String input ) {
+		
+		return input.replace( "\\", "/" );
+		
+	}
+
+	public static String parse ( String input, String filename ) {
+	
+		Pattern pattern = Pattern.compile( "\\{([^\\}]+)\\}", Pattern.CASE_INSENSITIVE  );
+		Matcher matcher = pattern.matcher(input);
+		String matchStr = null;
+		
+		PathFormat.currentDate = new Date();
+		
+		StringBuffer sb = new StringBuffer();
+		
+		while ( matcher.find() ) {
+			
+			matchStr = matcher.group( 1 );
+			if ( matchStr.indexOf( "filename" ) != -1 ) {
+				filename = filename.replace( "$", "\\$" ).replaceAll( "[\\/:*?\"<>|]", "" );
+				matcher.appendReplacement(sb, filename );
+			} else {
+				matcher.appendReplacement(sb, PathFormat.getString( matchStr ) );
+			}
+			
+		}
+		
+		matcher.appendTail(sb);
+		
+		return sb.toString();
+	}
+		
+	private static String getString ( String pattern ) {
+		
+		pattern = pattern.toLowerCase();
+		
+		// time 处理
+		if ( pattern.indexOf( PathFormat.TIME ) != -1 ) {
+			return PathFormat.getTimestamp();
+		} else if ( pattern.indexOf( PathFormat.FULL_YEAR ) != -1 ) {
+			return PathFormat.getFullYear();
+		} else if ( pattern.indexOf( PathFormat.YEAR ) != -1 ) {
+			return PathFormat.getYear();
+		} else if ( pattern.indexOf( PathFormat.MONTH ) != -1 ) {
+			return PathFormat.getMonth();
+		} else if ( pattern.indexOf( PathFormat.DAY ) != -1 ) {
+			return PathFormat.getDay();
+		} else if ( pattern.indexOf( PathFormat.HOUR ) != -1 ) {
+			return PathFormat.getHour();
+		} else if ( pattern.indexOf( PathFormat.MINUTE ) != -1 ) {
+			return PathFormat.getMinute();
+		} else if ( pattern.indexOf( PathFormat.SECOND ) != -1 ) {
+			return PathFormat.getSecond();
+		} else if ( pattern.indexOf( PathFormat.RAND ) != -1 ) {
+			return PathFormat.getRandom( pattern );
+		}
+		
+		return pattern;
+		
+	}
+
+	private static String getTimestamp () {
+		return System.currentTimeMillis() + "";
+	}
+	
+	private static String getFullYear () {
+		return new SimpleDateFormat( "yyyy" ).format( PathFormat.currentDate );
+	}
+	
+	private static String getYear () {
+		return new SimpleDateFormat( "yy" ).format( PathFormat.currentDate );
+	}
+	
+	private static String getMonth () {
+		return new SimpleDateFormat( "MM" ).format( PathFormat.currentDate );
+	}
+	
+	private static String getDay () {
+		return new SimpleDateFormat( "dd" ).format( PathFormat.currentDate );
+	}
+	
+	private static String getHour () {
+		return new SimpleDateFormat( "HH" ).format( PathFormat.currentDate );
+	}
+	
+	private static String getMinute () {
+		return new SimpleDateFormat( "mm" ).format( PathFormat.currentDate );
+	}
+	
+	private static String getSecond () {
+		return new SimpleDateFormat( "ss" ).format( PathFormat.currentDate );
+	}
+	
+	private static String getRandom ( String pattern ) {
+		
+		int length = 0;
+		pattern = pattern.split( ":" )[ 1 ].trim();
+		
+		length = Integer.parseInt( pattern );
+		
+		return ( Math.random() + "" ).replace( ".", "" ).substring( 0, length );
+		
+	}
+
+	public static void main(String[] args) {
+		// TODO Auto-generated method stub
+
+	}
+
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/ActionMap.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/ActionMap.java
new file mode 100644
index 000000000..88f4f3248
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/ActionMap.java
@@ -0,0 +1,42 @@
+package com.baidu.ueditor.define;
+
+import java.util.Map;
+import java.util.HashMap;
+
+/**
+ * 定义请求action类型
+ * @author hancong03@baidu.com
+ *
+ */
+@SuppressWarnings("serial")
+public final class ActionMap {
+
+	public static final Map<String, Integer> mapping;
+	// 获取配置请求
+	public static final int CONFIG = 0;
+	public static final int UPLOAD_IMAGE = 1;
+	public static final int UPLOAD_SCRAWL = 2;
+	public static final int UPLOAD_VIDEO = 3;
+	public static final int UPLOAD_FILE = 4;
+	public static final int CATCH_IMAGE = 5;
+	public static final int LIST_FILE = 6;
+	public static final int LIST_IMAGE = 7;
+	
+	static {
+		mapping = new HashMap<String, Integer>(){{
+			put( "config", ActionMap.CONFIG );
+			put( "uploadimage", ActionMap.UPLOAD_IMAGE );
+			put( "uploadscrawl", ActionMap.UPLOAD_SCRAWL );
+			put( "uploadvideo", ActionMap.UPLOAD_VIDEO );
+			put( "uploadfile", ActionMap.UPLOAD_FILE );
+			put( "catchimage", ActionMap.CATCH_IMAGE );
+			put( "listfile", ActionMap.LIST_FILE );
+			put( "listimage", ActionMap.LIST_IMAGE );
+		}};
+	}
+	
+	public static int getType ( String key ) {
+		return ActionMap.mapping.get( key );
+	}
+	
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/ActionState.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/ActionState.java
new file mode 100644
index 000000000..b0fad34fd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/ActionState.java
@@ -0,0 +1,5 @@
+package com.baidu.ueditor.define;
+
+public enum ActionState {
+	UNKNOW_ERROR
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/AppInfo.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/AppInfo.java
new file mode 100644
index 000000000..b869f2aad
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/AppInfo.java
@@ -0,0 +1,77 @@
+package com.baidu.ueditor.define;
+
+import java.util.HashMap;
+import java.util.Map;
+
+public final class AppInfo {
+	
+	public static final int SUCCESS = 0;
+	public static final int MAX_SIZE = 1;
+	public static final int PERMISSION_DENIED = 2;
+	public static final int FAILED_CREATE_FILE = 3;
+	public static final int IO_ERROR = 4;
+	public static final int NOT_MULTIPART_CONTENT = 5;
+	public static final int PARSE_REQUEST_ERROR = 6;
+	public static final int NOTFOUND_UPLOAD_DATA = 7;
+	public static final int NOT_ALLOW_FILE_TYPE = 8;
+	
+	public static final int INVALID_ACTION = 101;
+	public static final int CONFIG_ERROR = 102;
+	
+	public static final int PREVENT_HOST = 201;
+	public static final int CONNECTION_ERROR = 202;
+	public static final int REMOTE_FAIL = 203;
+	
+	public static final int NOT_DIRECTORY = 301;
+	public static final int NOT_EXIST = 302;
+	
+	public static final int ILLEGAL = 401;
+
+	public static Map<Integer, String> info = new HashMap<Integer, String>(){{
+		
+		put( AppInfo.SUCCESS, "SUCCESS" );
+		
+		// 无效的Action
+		put( AppInfo.INVALID_ACTION, "\u65E0\u6548\u7684Action" );
+		// 配置文件初始化失败
+		put( AppInfo.CONFIG_ERROR, "\u914D\u7F6E\u6587\u4EF6\u521D\u59CB\u5316\u5931\u8D25" );
+		// 抓取远程图片失败
+		put( AppInfo.REMOTE_FAIL, "\u6293\u53D6\u8FDC\u7A0B\u56FE\u7247\u5931\u8D25" );
+		
+		// 被阻止的远程主机
+		put( AppInfo.PREVENT_HOST, "\u88AB\u963B\u6B62\u7684\u8FDC\u7A0B\u4E3B\u673A" );
+		// 远程连接出错
+		put( AppInfo.CONNECTION_ERROR, "\u8FDC\u7A0B\u8FDE\u63A5\u51FA\u9519" );
+		
+		// "文件大小超出限制"
+		put( AppInfo.MAX_SIZE, "\u6587\u4ef6\u5927\u5c0f\u8d85\u51fa\u9650\u5236" );
+		// 权限不足， 多指写权限
+		put( AppInfo.PERMISSION_DENIED, "\u6743\u9650\u4E0D\u8DB3" );
+		// 创建文件失败
+		put( AppInfo.FAILED_CREATE_FILE, "\u521B\u5EFA\u6587\u4EF6\u5931\u8D25" );
+		// IO错误
+		put( AppInfo.IO_ERROR, "IO\u9519\u8BEF" );
+		// 上传表单不是multipart/form-data类型
+		put( AppInfo.NOT_MULTIPART_CONTENT, "\u4E0A\u4F20\u8868\u5355\u4E0D\u662Fmultipart/form-data\u7C7B\u578B" );
+		// 解析上传表单错误
+		put( AppInfo.PARSE_REQUEST_ERROR, "\u89E3\u6790\u4E0A\u4F20\u8868\u5355\u9519\u8BEF" );
+		// 未找到上传数据
+		put( AppInfo.NOTFOUND_UPLOAD_DATA, "\u672A\u627E\u5230\u4E0A\u4F20\u6570\u636E" );
+		// 不允许的文件类型
+		put( AppInfo.NOT_ALLOW_FILE_TYPE, "\u4E0D\u5141\u8BB8\u7684\u6587\u4EF6\u7C7B\u578B" );
+		
+		// 指定路径不是目录
+		put( AppInfo.NOT_DIRECTORY, "\u6307\u5B9A\u8DEF\u5F84\u4E0D\u662F\u76EE\u5F55" );
+		// 指定路径并不存在
+		put( AppInfo.NOT_EXIST, "\u6307\u5B9A\u8DEF\u5F84\u5E76\u4E0D\u5B58\u5728" );
+		
+		// callback参数名不合法
+		put( AppInfo.ILLEGAL, "Callback\u53C2\u6570\u540D\u4E0D\u5408\u6CD5" );
+		
+	}};
+	
+	public static String getStateInfo ( int key ) {
+		return AppInfo.info.get( key );
+	}
+	
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/BaseState.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/BaseState.java
new file mode 100644
index 000000000..dcc881b12
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/BaseState.java
@@ -0,0 +1,90 @@
+package com.baidu.ueditor.define;
+
+import java.util.HashMap;
+import java.util.Iterator;
+import java.util.Map;
+
+import com.baidu.ueditor.Encoder;
+
+public class BaseState implements State {
+
+	private boolean state = false;
+	private String info = null;
+	
+	private Map<String, String> infoMap = new HashMap<String, String>();
+	
+	public BaseState () {
+		this.state = true;
+	}
+	
+	public BaseState ( boolean state ) {
+		this.setState( state );
+	}
+	
+	public BaseState ( boolean state, String info ) {
+		this.setState( state );
+		this.info = info;
+	}
+	
+	public BaseState ( boolean state, int infoCode ) {
+		this.setState( state );
+		this.info = AppInfo.getStateInfo( infoCode );
+	}
+	
+	public boolean isSuccess () {
+		return this.state;
+	}
+	
+	public void setState ( boolean state ) {
+		this.state = state;
+	}
+	
+	public void setInfo ( String info ) {
+		this.info = info;
+	}
+	
+	public void setInfo ( int infoCode ) {
+		this.info = AppInfo.getStateInfo( infoCode );
+	}
+	
+	@Override
+	public String toJSONString() {
+		return this.toString();
+	}
+	
+	public String toString () {
+		
+		String key = null;
+		String stateVal = this.isSuccess() ? AppInfo.getStateInfo( AppInfo.SUCCESS ) : this.info;
+		
+		StringBuilder builder = new StringBuilder();
+		
+		builder.append( "{\"state\": \"" + stateVal + "\"" );
+		
+		Iterator<String> iterator = this.infoMap.keySet().iterator();
+		
+		while ( iterator.hasNext() ) {
+			
+			key = iterator.next();
+			
+			builder.append( ",\"" + key + "\": \"" + this.infoMap.get(key) + "\"" );
+			
+		}
+		
+		builder.append( "}" );
+
+		return Encoder.toUnicode( builder.toString() );
+
+	}
+
+	@Override
+	public void putInfo(String name, String val) {
+		this.infoMap.put(name, val);
+	}
+
+	@Override
+	public void putInfo(String name, long val) {
+		this.putInfo(name, val+"");
+	}
+
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/FileType.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/FileType.java
new file mode 100644
index 000000000..9195b85b3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/FileType.java
@@ -0,0 +1,31 @@
+package com.baidu.ueditor.define;
+
+import java.util.HashMap;
+import java.util.Map;
+
+public class FileType {
+
+	public static final String JPG = "JPG";
+	
+	private static final Map<String, String> types = new HashMap<String, String>(){{
+		
+		put( FileType.JPG, ".jpg" );
+		
+	}};
+	
+	public static String getSuffix ( String key ) {
+		return FileType.types.get( key );
+	}
+	
+	/**
+	 * 根据给定的文件名,获取其后缀信息
+	 * @param filename
+	 * @return
+	 */
+	public static String getSuffixByFilename ( String filename ) {
+		
+		return filename.substring( filename.lastIndexOf( "." ) ).toLowerCase();
+		
+	}
+	
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/MIMEType.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/MIMEType.java
new file mode 100644
index 000000000..77c6cddf1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/MIMEType.java
@@ -0,0 +1,20 @@
+package com.baidu.ueditor.define;
+
+import java.util.HashMap;
+import java.util.Map;
+
+public class MIMEType {
+
+	public static final Map<String, String> types = new HashMap<String, String>(){{
+		put( "image/gif", ".gif" );
+		put( "image/jpeg", ".jpg" );
+		put( "image/jpg", ".jpg" );
+		put( "image/png", ".png" );
+		put( "image/bmp", ".bmp" );
+	}};
+	
+	public static String getSuffix ( String mime ) {
+		return MIMEType.types.get( mime );
+	}
+	
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/MultiState.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/MultiState.java
new file mode 100644
index 000000000..26caefb71
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/MultiState.java
@@ -0,0 +1,112 @@
+package com.baidu.ueditor.define;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+
+import com.baidu.ueditor.Encoder;
+
+/**
+ * 多状态集合状态
+ * 其包含了多个状态的集合, 其本身自己也是一个状态
+ * @author hancong03@baidu.com
+ *
+ */
+public class MultiState implements State {
+
+	private boolean state = false;
+	private String info = null;
+	private Map<String, Long> intMap = new HashMap<String, Long>();
+	private Map<String, String> infoMap = new HashMap<String, String>();
+	private List<String> stateList = new ArrayList<String>();
+	
+	public MultiState ( boolean state ) {
+		this.state = state;
+	}
+	
+	public MultiState ( boolean state, String info ) {
+		this.state = state;
+		this.info = info;
+	}
+	
+	public MultiState ( boolean state, int infoKey ) {
+		this.state = state;
+		this.info = AppInfo.getStateInfo( infoKey );
+	}
+	
+	@Override
+	public boolean isSuccess() {
+		return this.state;
+	}
+	
+	public void addState ( State state ) {
+		stateList.add( state.toJSONString() );
+	}
+
+	/**
+	 * 该方法调用无效果
+	 */
+	@Override
+	public void putInfo(String name, String val) {
+		this.infoMap.put(name, val);
+	}
+
+	@Override
+	public String toJSONString() {
+		
+		String stateVal = this.isSuccess() ? AppInfo.getStateInfo( AppInfo.SUCCESS ) : this.info;
+		
+		StringBuilder builder = new StringBuilder();
+		
+		builder.append( "{\"state\": \"" + stateVal + "\"" );
+		
+		// 数字转换
+		Iterator<String> iterator = this.intMap.keySet().iterator();
+		
+		while ( iterator.hasNext() ) {
+			
+			stateVal = iterator.next();
+			
+			builder.append( ",\""+ stateVal +"\": " + this.intMap.get( stateVal ) );
+			
+		}
+		
+		iterator = this.infoMap.keySet().iterator();
+		
+		while ( iterator.hasNext() ) {
+			
+			stateVal = iterator.next();
+			
+			builder.append( ",\""+ stateVal +"\": \"" + this.infoMap.get( stateVal ) + "\"" );
+			
+		}
+		
+		builder.append( ", list: [" );
+		
+		
+		iterator = this.stateList.iterator();
+		
+		while ( iterator.hasNext() ) {
+			
+			builder.append( iterator.next() + "," );
+			
+		}
+		
+		if ( this.stateList.size() > 0 ) {
+			builder.deleteCharAt( builder.length() - 1 );
+		}
+		
+		builder.append( " ]}" );
+
+		return Encoder.toUnicode( builder.toString() );
+
+	}
+
+	@Override
+	public void putInfo(String name, long val) {
+		this.intMap.put( name, val );
+	}
+
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/State.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/State.java
new file mode 100644
index 000000000..8f2227490
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/define/State.java
@@ -0,0 +1,18 @@
+package com.baidu.ueditor.define;
+
+/**
+ * 处理状态接口
+ * @author hancong03@baidu.com
+ *
+ */
+public interface State {
+	
+	public boolean isSuccess ();
+	
+	public void putInfo( String name, String val );
+	
+	public void putInfo ( String name, long val );
+	
+	public String toJSONString ();
+
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/hunter/FileManager.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/hunter/FileManager.java
new file mode 100644
index 000000000..5a8c1a053
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/hunter/FileManager.java
@@ -0,0 +1,112 @@
+package com.baidu.ueditor.hunter;
+
+import java.io.File;
+import java.util.Arrays;
+import java.util.Collection;
+import java.util.Map;
+
+import org.apache.commons.io.FileUtils;
+
+import com.baidu.ueditor.PathFormat;
+import com.baidu.ueditor.define.AppInfo;
+import com.baidu.ueditor.define.BaseState;
+import com.baidu.ueditor.define.MultiState;
+import com.baidu.ueditor.define.State;
+
+public class FileManager {
+
+	private String dir = null;
+	private String rootPath = null;
+	private String[] allowFiles = null;
+	private int count = 0;
+	
+	public FileManager ( Map<String, Object> conf ) {
+
+		this.rootPath = (String)conf.get( "rootPath" );
+		this.dir = this.rootPath + (String)conf.get( "dir" );
+		this.allowFiles = this.getAllowFiles( conf.get("allowFiles") );
+		this.count = (Integer)conf.get( "count" );
+		
+	}
+	
+	public State listFile ( int index ) {
+		
+		File dir = new File( this.dir );
+		State state = null;
+
+		if ( !dir.exists() ) {
+			return new BaseState( false, AppInfo.NOT_EXIST );
+		}
+		
+		if ( !dir.isDirectory() ) {
+			return new BaseState( false, AppInfo.NOT_DIRECTORY );
+		}
+		
+		Collection<File> list = FileUtils.listFiles( dir, this.allowFiles, true );
+		
+		if ( index < 0 || index > list.size() ) {
+			state = new MultiState( true );
+		} else {
+			Object[] fileList = Arrays.copyOfRange( list.toArray(), index, index + this.count );
+			state = this.getState( fileList );
+		}
+		
+		state.putInfo( "start", index );
+		state.putInfo( "total", list.size() );
+		
+		return state;
+		
+	}
+	
+	private State getState ( Object[] files ) {
+		
+		MultiState state = new MultiState( true );
+		BaseState fileState = null;
+		
+		File file = null;
+		
+		for ( Object obj : files ) {
+			if ( obj == null ) {
+				break;
+			}
+			file = (File)obj;
+			fileState = new BaseState( true );
+			fileState.putInfo( "url", PathFormat.format( this.getPath( file ) ) );
+			state.addState( fileState );
+		}
+		
+		return state;
+		
+	}
+	
+	private String getPath ( File file ) {
+		
+		String path = file.getAbsolutePath();
+		
+		return path.replace( this.rootPath, "/" );
+		
+	}
+	
+	private String[] getAllowFiles ( Object fileExt ) {
+		
+		String[] exts = null;
+		String ext = null;
+		
+		if ( fileExt == null ) {
+			return new String[ 0 ];
+		}
+		
+		exts = (String[])fileExt;
+		
+		for ( int i = 0, len = exts.length; i < len; i++ ) {
+			
+			ext = exts[ i ];
+			exts[ i ] = ext.replace( ".", "" );
+			
+		}
+		
+		return exts;
+		
+	}
+	
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/hunter/ImageHunter.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/hunter/ImageHunter.java
new file mode 100644
index 000000000..265bfed49
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/hunter/ImageHunter.java
@@ -0,0 +1,144 @@
+package com.baidu.ueditor.hunter;
+
+import java.net.HttpURLConnection;
+import java.net.InetAddress;
+import java.net.URL;
+import java.net.UnknownHostException;
+import java.util.Arrays;
+import java.util.List;
+import java.util.Map;
+
+import com.baidu.ueditor.PathFormat;
+import com.baidu.ueditor.define.AppInfo;
+import com.baidu.ueditor.define.BaseState;
+import com.baidu.ueditor.define.MIMEType;
+import com.baidu.ueditor.define.MultiState;
+import com.baidu.ueditor.define.State;
+import com.baidu.ueditor.upload.StorageManager;
+
+/**
+ * 图片抓取器
+ * @author hancong03@baidu.com
+ *
+ */
+public class ImageHunter {
+
+	private String filename = null;
+	private String savePath = null;
+	private String rootPath = null;
+	private List<String> allowTypes = null;
+	private long maxSize = -1;
+	
+	private List<String> filters = null;
+	
+	public ImageHunter ( Map<String, Object> conf ) {
+		
+		this.filename = (String)conf.get( "filename" );
+		this.savePath = (String)conf.get( "savePath" );
+		this.rootPath = (String)conf.get( "rootPath" );
+		this.maxSize = (Long)conf.get( "maxSize" );
+		this.allowTypes = Arrays.asList( (String[])conf.get( "allowFiles" ) );
+		this.filters = Arrays.asList( (String[])conf.get( "filter" ) );
+		
+	}
+	
+	public State capture ( String[] list ) {
+		
+		MultiState state = new MultiState( true );
+		
+		for ( String source : list ) {
+			state.addState( captureRemoteData( source ) );
+		}
+		
+		return state;
+		
+	}
+
+	public State captureRemoteData ( String urlStr ) {
+		
+		HttpURLConnection connection = null;
+		URL url = null;
+		String suffix = null;
+		
+		try {
+			url = new URL( urlStr );
+
+			if ( !validHost( url.getHost() ) ) {
+				return new BaseState( false, AppInfo.PREVENT_HOST );
+			}
+			
+			connection = (HttpURLConnection) url.openConnection();
+		
+			connection.setInstanceFollowRedirects( true );
+			connection.setUseCaches( true );
+		
+			if ( !validContentState( connection.getResponseCode() ) ) {
+				return new BaseState( false, AppInfo.CONNECTION_ERROR );
+			}
+			
+			suffix = MIMEType.getSuffix( connection.getContentType() );
+			
+			if ( !validFileType( suffix ) ) {
+				return new BaseState( false, AppInfo.NOT_ALLOW_FILE_TYPE );
+			}
+			
+			if ( !validFileSize( connection.getContentLength() ) ) {
+				return new BaseState( false, AppInfo.MAX_SIZE );
+			}
+			
+			String savePath = this.getPath( this.savePath, this.filename, suffix );
+			String physicalPath = this.rootPath + savePath;
+
+			State state = StorageManager.saveFileByInputStream( connection.getInputStream(), physicalPath );
+			
+			if ( state.isSuccess() ) {
+				state.putInfo( "url", PathFormat.format( savePath ) );
+				state.putInfo( "source", urlStr );
+			}
+			
+			return state;
+			
+		} catch ( Exception e ) {
+			return new BaseState( false, AppInfo.REMOTE_FAIL );
+		}
+		
+	}
+	
+	private String getPath ( String savePath, String filename, String suffix  ) {
+		
+		return PathFormat.parse( savePath + suffix, filename );
+		
+	}
+	
+	private boolean validHost ( String hostname ) {
+		try {
+			InetAddress ip = InetAddress.getByName(hostname);
+			
+			if (ip.isSiteLocalAddress()) {
+				return false;
+			}
+		} catch (UnknownHostException e) {
+			return false;
+		}
+		
+		return !filters.contains( hostname );
+		
+	}
+	
+	private boolean validContentState ( int code ) {
+		
+		return HttpURLConnection.HTTP_OK == code;
+		
+	}
+	
+	private boolean validFileType ( String type ) {
+		
+		return this.allowTypes.contains( type );
+		
+	}
+	
+	private boolean validFileSize ( int size ) {
+		return size < this.maxSize;
+	}
+	
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/Base64Uploader.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/Base64Uploader.java
new file mode 100644
index 000000000..2f81076ae
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/Base64Uploader.java
@@ -0,0 +1,52 @@
+package com.baidu.ueditor.upload;
+
+import com.baidu.ueditor.PathFormat;
+import com.baidu.ueditor.define.AppInfo;
+import com.baidu.ueditor.define.BaseState;
+import com.baidu.ueditor.define.FileType;
+import com.baidu.ueditor.define.State;
+
+import java.util.Map;
+
+import org.apache.commons.codec.binary.Base64;
+
+public final class Base64Uploader {
+
+	public static State save(String content, Map<String, Object> conf) {
+		
+		byte[] data = decode(content);
+
+		long maxSize = ((Long) conf.get("maxSize")).longValue();
+
+		if (!validSize(data, maxSize)) {
+			return new BaseState(false, AppInfo.MAX_SIZE);
+		}
+
+		String suffix = FileType.getSuffix("JPG");
+
+		String savePath = PathFormat.parse((String) conf.get("savePath"),
+				(String) conf.get("filename"));
+		
+		savePath = savePath + suffix;
+		String physicalPath = (String) conf.get("rootPath") + savePath;
+
+		State storageState = StorageManager.saveBinaryFile(data, physicalPath);
+
+		if (storageState.isSuccess()) {
+			storageState.putInfo("url", PathFormat.format(savePath));
+			storageState.putInfo("type", suffix);
+			storageState.putInfo("original", "");
+		}
+
+		return storageState;
+	}
+
+	private static byte[] decode(String content) {
+		return Base64.decodeBase64(content);
+	}
+
+	private static boolean validSize(byte[] data, long length) {
+		return data.length <= length;
+	}
+	
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/BinaryUploader.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/BinaryUploader.java
new file mode 100644
index 000000000..c69f9ddd7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/BinaryUploader.java
@@ -0,0 +1,98 @@
+package com.baidu.ueditor.upload;
+
+import com.baidu.ueditor.PathFormat;
+import com.baidu.ueditor.define.AppInfo;
+import com.baidu.ueditor.define.BaseState;
+import com.baidu.ueditor.define.FileType;
+import com.baidu.ueditor.define.State;
+
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.Arrays;
+import java.util.List;
+import java.util.Map;
+
+import javax.servlet.http.HttpServletRequest;
+
+import org.apache.commons.fileupload.FileItemIterator;
+import org.apache.commons.fileupload.FileItemStream;
+import org.apache.commons.fileupload.FileUploadException;
+import org.apache.commons.fileupload.disk.DiskFileItemFactory;
+import org.apache.commons.fileupload.servlet.ServletFileUpload;
+
+public class BinaryUploader {
+
+	public static final State save(HttpServletRequest request,
+			Map<String, Object> conf) {
+		FileItemStream fileStream = null;
+		boolean isAjaxUpload = request.getHeader( "X_Requested_With" ) != null;
+
+		if (!ServletFileUpload.isMultipartContent(request)) {
+			return new BaseState(false, AppInfo.NOT_MULTIPART_CONTENT);
+		}
+
+		ServletFileUpload upload = new ServletFileUpload(
+				new DiskFileItemFactory());
+
+        if ( isAjaxUpload ) {
+            upload.setHeaderEncoding( "UTF-8" );
+        }
+
+		try {
+			FileItemIterator iterator = upload.getItemIterator(request);
+
+			while (iterator.hasNext()) {
+				fileStream = iterator.next();
+
+				if (!fileStream.isFormField())
+					break;
+				fileStream = null;
+			}
+
+			if (fileStream == null) {
+				return new BaseState(false, AppInfo.NOTFOUND_UPLOAD_DATA);
+			}
+
+			String savePath = (String) conf.get("savePath");
+			String originFileName = fileStream.getName();
+			String suffix = FileType.getSuffixByFilename(originFileName);
+
+			originFileName = originFileName.substring(0,
+					originFileName.length() - suffix.length());
+			savePath = savePath + suffix;
+
+			long maxSize = ((Long) conf.get("maxSize")).longValue();
+
+			if (!validType(suffix, (String[]) conf.get("allowFiles"))) {
+				return new BaseState(false, AppInfo.NOT_ALLOW_FILE_TYPE);
+			}
+
+			savePath = PathFormat.parse(savePath, originFileName);
+
+			String physicalPath = (String) conf.get("rootPath") + savePath;
+
+			InputStream is = fileStream.openStream();
+			State storageState = StorageManager.saveFileByInputStream(is,
+					physicalPath, maxSize);
+			is.close();
+
+			if (storageState.isSuccess()) {
+				storageState.putInfo("url", PathFormat.format(savePath));
+				storageState.putInfo("type", suffix);
+				storageState.putInfo("original", originFileName + suffix);
+			}
+
+			return storageState;
+		} catch (FileUploadException e) {
+			return new BaseState(false, AppInfo.PARSE_REQUEST_ERROR);
+		} catch (IOException e) {
+		}
+		return new BaseState(false, AppInfo.IO_ERROR);
+	}
+
+	private static boolean validType(String type, String[] allowTypes) {
+		List<String> list = Arrays.asList(allowTypes);
+
+		return list.contains(type);
+	}
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/StorageManager.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/StorageManager.java
new file mode 100644
index 000000000..33911c648
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/StorageManager.java
@@ -0,0 +1,155 @@
+package com.baidu.ueditor.upload;
+
+import com.baidu.ueditor.define.AppInfo;
+import com.baidu.ueditor.define.BaseState;
+import com.baidu.ueditor.define.State;
+
+import java.io.BufferedInputStream;
+import java.io.BufferedOutputStream;
+import java.io.File;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.InputStream;
+
+import org.apache.commons.io.FileUtils;
+
+public class StorageManager {
+	public static final int BUFFER_SIZE = 8192;
+
+	public StorageManager() {
+	}
+
+	public static State saveBinaryFile(byte[] data, String path) {
+		File file = new File(path);
+
+		State state = valid(file);
+
+		if (!state.isSuccess()) {
+			return state;
+		}
+
+		try {
+			BufferedOutputStream bos = new BufferedOutputStream(
+					new FileOutputStream(file));
+			bos.write(data);
+			bos.flush();
+			bos.close();
+		} catch (IOException ioe) {
+			return new BaseState(false, AppInfo.IO_ERROR);
+		}
+
+		state = new BaseState(true, file.getAbsolutePath());
+		state.putInfo( "size", data.length );
+		state.putInfo( "title", file.getName() );
+		return state;
+	}
+
+	public static State saveFileByInputStream(InputStream is, String path,
+			long maxSize) {
+		State state = null;
+
+		File tmpFile = getTmpFile();
+
+		byte[] dataBuf = new byte[ 2048 ];
+		BufferedInputStream bis = new BufferedInputStream(is, StorageManager.BUFFER_SIZE);
+
+		try {
+			BufferedOutputStream bos = new BufferedOutputStream(
+					new FileOutputStream(tmpFile), StorageManager.BUFFER_SIZE);
+
+			int count = 0;
+			while ((count = bis.read(dataBuf)) != -1) {
+				bos.write(dataBuf, 0, count);
+			}
+			bos.flush();
+			bos.close();
+
+			if (tmpFile.length() > maxSize) {
+				tmpFile.delete();
+				return new BaseState(false, AppInfo.MAX_SIZE);
+			}
+
+			state = saveTmpFile(tmpFile, path);
+
+			if (!state.isSuccess()) {
+				tmpFile.delete();
+			}
+
+			return state;
+			
+		} catch (IOException e) {
+		}
+		return new BaseState(false, AppInfo.IO_ERROR);
+	}
+
+	public static State saveFileByInputStream(InputStream is, String path) {
+		State state = null;
+
+		File tmpFile = getTmpFile();
+
+		byte[] dataBuf = new byte[ 2048 ];
+		BufferedInputStream bis = new BufferedInputStream(is, StorageManager.BUFFER_SIZE);
+
+		try {
+			BufferedOutputStream bos = new BufferedOutputStream(
+					new FileOutputStream(tmpFile), StorageManager.BUFFER_SIZE);
+
+			int count = 0;
+			while ((count = bis.read(dataBuf)) != -1) {
+				bos.write(dataBuf, 0, count);
+			}
+			bos.flush();
+			bos.close();
+
+			state = saveTmpFile(tmpFile, path);
+
+			if (!state.isSuccess()) {
+				tmpFile.delete();
+			}
+
+			return state;
+		} catch (IOException e) {
+		}
+		return new BaseState(false, AppInfo.IO_ERROR);
+	}
+
+	private static File getTmpFile() {
+		File tmpDir = FileUtils.getTempDirectory();
+		String tmpFileName = (Math.random() * 10000 + "").replace(".", "");
+		return new File(tmpDir, tmpFileName);
+	}
+
+	private static State saveTmpFile(File tmpFile, String path) {
+		State state = null;
+		File targetFile = new File(path);
+
+		if (targetFile.canWrite()) {
+			return new BaseState(false, AppInfo.PERMISSION_DENIED);
+		}
+		try {
+			FileUtils.moveFile(tmpFile, targetFile);
+		} catch (IOException e) {
+			return new BaseState(false, AppInfo.IO_ERROR);
+		}
+
+		state = new BaseState(true);
+		state.putInfo( "size", targetFile.length() );
+		state.putInfo( "title", targetFile.getName() );
+		
+		return state;
+	}
+
+	private static State valid(File file) {
+		File parentPath = file.getParentFile();
+
+		if ((!parentPath.exists()) && (!parentPath.mkdirs())) {
+			return new BaseState(false, AppInfo.FAILED_CREATE_FILE);
+		}
+
+		if (!parentPath.canWrite()) {
+			return new BaseState(false, AppInfo.PERMISSION_DENIED);
+		}
+
+		return new BaseState(true);
+	}
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/Uploader.java b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/Uploader.java
new file mode 100644
index 000000000..2312d1bcb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/jsp/src/com/baidu/ueditor/upload/Uploader.java
@@ -0,0 +1,29 @@
+package com.baidu.ueditor.upload;
+
+import com.baidu.ueditor.define.State;
+import java.util.Map;
+import javax.servlet.http.HttpServletRequest;
+
+public class Uploader {
+	private HttpServletRequest request = null;
+	private Map<String, Object> conf = null;
+
+	public Uploader(HttpServletRequest request, Map<String, Object> conf) {
+		this.request = request;
+		this.conf = conf;
+	}
+
+	public final State doExec() {
+		String filedName = (String) this.conf.get("fieldName");
+		State state = null;
+
+		if ("true".equals(this.conf.get("isBase64"))) {
+			state = Base64Uploader.save(this.request.getParameter(filedName),
+					this.conf);
+		} else {
+			state = BinaryUploader.save(this.request, this.conf);
+		}
+
+		return state;
+	}
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/en.js b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/en.js
new file mode 100644
index 000000000..c7e22f5b4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/en.js
@@ -0,0 +1,684 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 12-6-12
+ * Time: 下午6:57
+ * To change this template use File | Settings | File Templates.
+ */
+UE.I18N['en'] = {
+    'labelMap':{
+        'anchor':'Anchor', 'undo':'Undo', 'redo':'Redo', 'bold':'Bold', 'indent':'Indent', 'snapscreen':'SnapScreen',
+        'italic':'Italic', 'underline':'Underline', 'strikethrough':'Strikethrough', 'subscript':'SubScript','fontborder':'text border',
+        'superscript':'SuperScript', 'formatmatch':'Format Match', 'source':'Source', 'blockquote':'BlockQuote',
+        'pasteplain':'PastePlain', 'selectall':'SelectAll', 'print':'Print', 'preview':'Preview',
+        'horizontal':'Horizontal', 'removeformat':'RemoveFormat', 'time':'Time', 'date':'Date',
+        'unlink':'Unlink', 'insertrow':'InsertRow', 'insertcol':'InsertCol', 'mergeright':'MergeRight', 'mergedown':'MergeDown',
+        'deleterow':'DeleteRow', 'deletecol':'DeleteCol', 'splittorows':'SplitToRows','insertcode':'insert code',
+        'splittocols':'SplitToCols', 'splittocells':'SplitToCells','deletecaption':'DeleteCaption','inserttitle':'InsertTitle',
+        'mergecells':'MergeCells', 'deletetable':'DeleteTable', 'cleardoc':'Clear', 'insertparagraphbeforetable':"InsertParagraphBeforeTable",
+        'fontfamily':'FontFamily', 'fontsize':'FontSize', 'paragraph':'Paragraph','simpleupload':'Single Image','insertimage':'Multi Image','edittable':'Edit Table', 'edittd':'Edit Td','link':'Link',
+        'emotion':'Emotion', 'spechars':'Spechars', 'searchreplace':'SearchReplace', 'map':'BaiduMap', 'gmap':'GoogleMap',
+        'insertvideo':'Video', 'help':'Help', 'justifyleft':'JustifyLeft', 'justifyright':'JustifyRight', 'justifycenter':'JustifyCenter',
+        'justifyjustify':'Justify', 'forecolor':'FontColor', 'backcolor':'BackColor', 'insertorderedlist':'OL',
+        'insertunorderedlist':'UL', 'fullscreen':'FullScreen', 'directionalityltr':'EnterFromLeft', 'directionalityrtl':'EnterFromRight',
+        'rowspacingtop':'RowSpacingTop', 'rowspacingbottom':'RowSpacingBottom', 'pagebreak':'PageBreak', 'insertframe':'Iframe', 'imagenone':'Default',
+        'imageleft':'ImageLeft', 'imageright':'ImageRight', 'attachment':'Attachment', 'imagecenter':'ImageCenter', 'wordimage':'WordImage',
+        'lineheight':'LineHeight','edittip':'EditTip','customstyle':'CustomStyle', 'scrawl':'Scrawl', 'autotypeset':'AutoTypeset',
+        'webapp':'WebAPP', 'touppercase':'UpperCase', 'tolowercase':'LowerCase','template':'Template','background':'Background','inserttable':'InsertTable',
+        'music':'Music', 'charts': 'charts','drafts': 'Load from Drafts'
+    },
+    'insertorderedlist':{
+        'num':'1,2,3...',
+        'num1':'1),2),3)...',
+        'num2':'(1),(2),(3)...',
+        'cn':'一,二,三....',
+        'cn1':'一),二),三)....',
+        'cn2':'(一),(二),(三)....',
+        'decimal':'1,2,3...',
+        'lower-alpha':'a,b,c...',
+        'lower-roman':'i,ii,iii...',
+        'upper-alpha':'A,B,C...',
+        'upper-roman':'I,II,III...'
+    },
+    'insertunorderedlist':{
+        'circle':'○ Circle',
+        'disc':'● Circle dot',
+        'square':'■ Rectangle ',
+        'dash' :'－ Dash',
+        'dot' : '。dot'
+    },
+    'paragraph':{'p':'Paragraph', 'h1':'Title 1', 'h2':'Title 2', 'h3':'Title 3', 'h4':'Title 4', 'h5':'Title 5', 'h6':'Title 6'},
+    'fontfamily':{
+        'songti':'Sim Sun',
+        'kaiti':'Sim Kai',
+        'heiti':'Sim Hei',
+        'lishu':'Sim Li',
+        'yahei': 'Microsoft YaHei',
+        'andaleMono':'Andale Mono',
+        'arial': 'Arial',
+        'arialBlack':'Arial Black',
+        'comicSansMs':'Comic Sans MS',
+        'impact':'Impact',
+        'timesNewRoman':'Times New Roman'
+    },
+    'customstyle':{
+        'tc':'Title center',
+        'tl':'Title left',
+        'im':'Important',
+        'hi':'Highlight'
+    },
+    'autoupload': {
+        'exceedSizeError': 'File Size Exceed',
+        'exceedTypeError': 'File Type Not Allow',
+        'jsonEncodeError': 'Server Return Format Error',
+        'loading':"loading...",
+        'loadError':"load error",
+        'errorLoadConfig': 'Server config not loaded, upload can not work.',
+    },
+    'simpleupload':{
+        'exceedSizeError': 'File Size Exceed',
+        'exceedTypeError': 'File Type Not Allow',
+        'jsonEncodeError': 'Server Return Format Error',
+        'loading':"loading...",
+        'loadError':"load error",
+        'errorLoadConfig': 'Server config not loaded, upload can not work.',
+    },
+    'elementPathTip':"Path",
+    'wordCountTip':"Word Count",
+    'wordCountMsg':'{#count} characters entered,{#leave} left. ',
+    'wordOverFlowMsg':'<span style="color:red;">The number of characters has exceeded allowable maximum values, the server may refuse to save!</span>',
+    'ok':"OK",
+    'cancel':"Cancel",
+    'closeDialog':"closeDialog",
+    'tableDrag':"You must import the file uiUtils.js before drag! ",
+    'autofloatMsg':"The plugin AutoFloat depends on EditorUI!",
+    'loadconfigError': 'Get server config error.',
+    'loadconfigFormatError': 'Server config format error.',
+    'loadconfigHttpError': 'Get server config http error.',
+    'snapScreen_plugin':{
+        'browserMsg':"Only IE supported!",
+        'callBackErrorMsg':"The callback data is wrong,please check the config!",
+        'uploadErrorMsg':"Upload error,please check your server environment! "
+    },
+    'insertcode':{
+        'as3':'ActionScript 3',
+        'bash':'Bash/Shell',
+        'cpp':'C/C++',
+        'css':'CSS',
+        'cf':'ColdFusion',
+        'c#':'C#',
+        'delphi':'Delphi',
+        'diff':'Diff',
+        'erlang':'Erlang',
+        'groovy':'Groovy',
+        'html':'HTML',
+        'java':'Java',
+        'jfx':'JavaFX',
+        'js':'JavaScript',
+        'pl':'Perl',
+        'php':'PHP',
+        'plain':'Plain Text',
+        'ps':'PowerShell',
+        'python':'Python',
+        'ruby':'Ruby',
+        'scala':'Scala',
+        'sql':'SQL',
+        'vb':'Visual Basic',
+        'xml':'XML'
+    },
+    'confirmClear':"Do you confirm to clear the Document?",
+    'contextMenu':{
+        'delete':"Delete",
+        'selectall':"Select all",
+        'deletecode':"Delete Code",
+        'cleardoc':"Clear Document",
+        'confirmclear':"Do you confirm to clear the Document?",
+        'unlink':"Unlink",
+        'paragraph':"Paragraph",
+        'edittable':"Table property",
+        'aligncell':'Align cell',
+        'aligntable':'Table alignment',
+        'tableleft':'Left float',
+        'tablecenter':'Center',
+        'tableright':'Right float',
+        'aligntd':'Cell alignment',
+        'edittd':"Cell property",
+        'setbordervisible':'set table edge visible',
+        'table':"Table",
+        'justifyleft':'Justify Left',
+        'justifyright':'Justify Right',
+        'justifycenter':'Justify Center',
+        'justifyjustify':'Default',
+        'deletetable':"Delete table",
+        'insertparagraphbefore':"InsertedBeforeLine",
+        'insertparagraphafter':'InsertedAfterLine',
+        'inserttable':'Insert table',
+        'insertcaption':'Insert caption',
+        'deletecaption':'Delete Caption',
+        'inserttitle':'Insert Title',
+        'deletetitle':'Delete Title',
+        'inserttitlecol':'Insert Title Col',
+        'deletetitlecol':'Delete Title Col',
+        'averageDiseRow':'AverageDise Row',
+        'averageDisCol':'AverageDis Col',
+        'deleterow':"Delete row",
+        'deletecol':"Delete col",
+        'insertrow':"Insert row",
+        'insertcol':"Insert col",
+        'insertrownext':'Insert Row Next',
+        'insertcolnext':'Insert Col Next',
+        'mergeright':"Merge right",
+        'mergeleft':"Merge left",
+        'mergedown':"Merge down",
+        'mergecells':"Merge cells",
+        'splittocells':"Split to cells",
+        'splittocols':"Split to Cols",
+        'splittorows':"Split to Rows",
+        'tablesort':'Table sorting',
+        'enablesort':'Sorting Enable',
+        'disablesort':'Sorting Disable',
+        'reversecurrent':'Reverse current',
+        'orderbyasc':'Order By ASCII',
+        'reversebyasc':'Reverse By ASCII',
+        'orderbynum':'Order By Num',
+        'reversebynum':'Reverse By Num',
+        'borderbk':'Border shading',
+        'setcolor':'interlaced color',
+        'unsetcolor':'Cancel interlacedcolor',
+        'setbackground':'Background interlaced',
+        'unsetbackground':'Cancel Bk interlaced',
+        'redandblue':'Blue and red',
+        'threecolorgradient':'Three-color gradient',
+        'copy':"Copy(Ctrl + c)",
+        'copymsg':"Browser does not support. Please use 'Ctrl + c' instead!",
+        'paste':"Paste(Ctrl + v)",
+        'pastemsg':"Browser does not support. Please use 'Ctrl + v' instead!"
+    },
+    'copymsg': "Browser does not support. Please use 'Ctrl + c' instead!",
+    'pastemsg': "Browser does not support. Please use 'Ctrl + v' instead!",
+    'anthorMsg':"Link",
+    'clearColor':'Clear',
+    'standardColor':'Standard color',
+    'themeColor':'Theme color',
+    'property':'Property',
+    'default':'Default',
+    'modify':'Modify',
+    'justifyleft':'Justify Left',
+    'justifyright':'Justify Right',
+    'justifycenter':'Justify Center',
+    'justify':'Default',
+    'clear':'Clear',
+    'anchorMsg':'Anchor',
+    'delete':'Delete',
+    'clickToUpload':"Click to upload",
+    'unset':'Language hasn\'t been set!',
+    't_row':'row',
+    't_col':'col',
+    'pasteOpt':'Paste Option',
+    'pasteSourceFormat':"Keep Source Formatting",
+    'tagFormat':'Keep tag',
+    'pasteTextFormat':'Keep Text only',
+    'more':'More',
+    'autoTypeSet':{
+        'mergeLine':"Merge empty line",
+        'delLine':"Del empty line",
+        'removeFormat':"Remove format",
+        'indent':"Indent",
+        'alignment':"Alignment",
+        'imageFloat':"Image float",
+        'removeFontsize':"Remove font size",
+        'removeFontFamily':"Remove fontFamily",
+        'removeHtml':"Remove redundant HTML code",
+        'pasteFilter':"Paste filter",
+        'run':"Done",
+        'symbol':'Symbol Conversion',
+        'bdc2sb':'Full-width to Half-width',
+        'tobdc':'Half-width to Full-width'
+    },
+
+    'background':{
+        'static':{
+            'lang_background_normal':'Normal',
+            'lang_background_local':'Online',
+            'lang_background_set':'Background Set',
+            'lang_background_none':'No Background',
+            'lang_background_colored':'Colored Background',
+            'lang_background_color':'Color Set',
+            'lang_background_netimg':'Net-Image',
+            'lang_background_align':'Align Type',
+            'lang_background_position':'Position',
+            'repeatType':{'options':["Center", "Repeat-x", "Repeat-y", "Tile","Custom"]}
+        },
+        'noUploadImage':"No pictures has been uploaded！",
+        'toggleSelect':'Change the active state by click!\n Image Size: '
+    },
+    //===============dialog i18N=======================
+    'insertimage':{
+        'static':{
+            'lang_tab_remote':"Insert",
+            'lang_tab_upload':"Local",
+            'lang_tab_online':"Manager",
+            'lang_tab_search':"Search",
+            'lang_input_url':"Address:",
+            'lang_input_size':"Size:",
+            'lang_input_width':"Width",
+            'lang_input_height':"Height",
+            'lang_input_border':"Border:",
+            'lang_input_vhspace':"Margins:",
+            'lang_input_title':"Title:",
+            'lang_input_align':'Image Float Style:',
+            'lang_imgLoading':"Loading...",
+            'lang_start_upload':"Start Upload",
+            'lock':{'title':"Lock rate"},
+            'searchType':{'title':"ImageType", 'options':["News", "Wallpaper", "emotions", "photo"]},
+            'searchTxt':{'value':"Enter the search keyword!"},
+            'searchBtn':{'value':"Search"},
+            'searchReset':{'value':"Clear"},
+            'noneAlign':{'title':'None Float'},
+            'leftAlign':{'title':'Left Float'},
+            'rightAlign':{'title':'Right Float'},
+            'centerAlign':{'title':'Center In A Line'}
+        },
+        'uploadSelectFile':'Select File',
+        'uploadAddFile':'Add File',
+        'uploadStart':'Start Upload',
+        'uploadPause':'Pause Upload',
+        'uploadContinue':'Continue Upload',
+        'uploadRetry':'Retry Upload',
+        'uploadDelete':'Delete',
+        'uploadTurnLeft':'Turn Left',
+        'uploadTurnRight':'Turn Right',
+        'uploadPreview':'Doing Preview',
+        'uploadNoPreview':'Can Not Preview',
+        'updateStatusReady': 'Selected _ pictures, total _KB.',
+        'updateStatusConfirm': '_ uploaded successfully and _ upload failed',
+        'updateStatusFinish': 'Total _ pictures (_KB), _  uploaded successfully',
+        'updateStatusError': ' and _ upload failed',
+        'errorNotSupport': 'WebUploader does not support the browser you are using. Please upgrade your browser or flash player',
+        'errorLoadConfig': 'Server config not loaded, upload can not work.',
+        'errorExceedSize':'File Size Exceed',
+        'errorFileType':'File Type Not Allow',
+        'errorInterrupt':'File Upload Interrupted',
+        'errorUploadRetry':'Upload Error, Please Retry.',
+        'errorHttp':'Http Error',
+        'errorServerUpload':'Server Result Error.',
+        'remoteLockError':"Cannot Lock the Proportion between width and height",
+        'numError':"Please enter the correct Num. e.g 123,400",
+        'imageUrlError':"The image format may be wrong!",
+        'imageLoadError':"Error,please check the network or URL！",
+        'searchRemind':"Enter the search keyword!",
+        'searchLoading':"Image is loading,please wait...",
+        'searchRetry':" Sorry,can't find the image,please try again!"
+    },
+    'attachment':{
+        'static':{
+            'lang_tab_upload': 'Upload',
+            'lang_tab_online': 'Online',
+            'lang_start_upload':"Start upload",
+            'lang_drop_remind':"You can drop files here, a single maximum of 300 files"
+        },
+        'uploadSelectFile':'Select File',
+        'uploadAddFile':'Add File',
+        'uploadStart':'Start Upload',
+        'uploadPause':'Pause Upload',
+        'uploadContinue':'Continue Upload',
+        'uploadRetry':'Retry Upload',
+        'uploadDelete':'Delete',
+        'uploadTurnLeft':'Turn Left',
+        'uploadTurnRight':'Turn Right',
+        'uploadPreview':'Doing Preview',
+        'updateStatusReady': 'Selected _ files, total _KB.',
+        'updateStatusConfirm': '_ uploaded successfully and _ upload failed',
+        'updateStatusFinish': 'Total _ files (_KB), _  uploaded successfully',
+        'updateStatusError': ' and _ upload failed',
+        'errorNotSupport': 'WebUploader does not support the browser you are using. Please upgrade your browser or flash player',
+        'errorLoadConfig': 'Server config not loaded, upload can not work.',
+        'errorExceedSize':'File Size Exceed',
+        'errorFileType':'File Type Not Allow',
+        'errorInterrupt':'File Upload Interrupted',
+        'errorUploadRetry':'Upload Error, Please Retry.',
+        'errorHttp':'Http Error',
+        'errorServerUpload':'Server Result Error.'
+    },
+
+    'insertvideo':{
+        'static':{
+            'lang_tab_insertV':"Video",
+            'lang_tab_searchV':"Search",
+            'lang_tab_uploadV':"Upload",
+            'lang_video_url':" URL ",
+            'lang_video_size':"Video Size",
+            'lang_videoW':"Width",
+            'lang_videoH':"Height",
+            'lang_alignment':"Alignment",
+            'videoSearchTxt':{'value':"Enter the search keyword!"},
+            'videoType':{'options':["All", "Hot", "Entertainment", "Funny", "Sports", "Science", "variety"]},
+            'videoSearchBtn':{'value':"Search in Baidu"},
+            'videoSearchReset':{'value':"Clear result"},
+
+            'lang_input_fileStatus':' No file uploaded!',
+            'startUpload':{'style':"background:url(upload.png) no-repeat;"},
+
+            'lang_upload_size':"Video Size",
+            'lang_upload_width':"Width",
+            'lang_upload_height':"Height",
+            'lang_upload_alignment':"Alignment",
+            'lang_format_advice':"Recommends mp4 format."
+        },
+        'numError':"Please enter the correct Num. e.g 123,400",
+        'floatLeft':"Float left",
+        'floatRight':"Float right",
+        'default':"Default",
+        'block':"Display in block",
+        'urlError':"The video url format may be wrong!",
+        'loading':" &nbsp;The video is loading, please wait…",
+        'clickToSelect':"Click to select",
+        'goToSource':'Visit source video ',
+        'noVideo':" &nbsp; &nbsp;Sorry,can't find the video,please try again!",
+
+        'browseFiles':'Open files',
+        'uploadSuccess':'Upload Successful!',
+        'delSuccessFile':'Remove from the success of the queue',
+        'delFailSaveFile':'Remove the save failed file',
+        'statusPrompt':' file(s) uploaded! ',
+        'flashVersionError':'The current Flash version is too low, please update FlashPlayer,then try again!',
+        'flashLoadingError':'The Flash failed loading! Please check the path or network state',
+        'fileUploadReady':'Wait for uploading...',
+        'delUploadQueue':'Remove from the uploading queue ',
+        'limitPrompt1':'Can not choose more than single',
+        'limitPrompt2':'file(s)！Please choose again！',
+        'delFailFile':'Remove failure file',
+        'fileSizeLimit':'File size exceeds the limit！',
+        'emptyFile':'Can not upload an empty file！',
+        'fileTypeError':'File type error！',
+        'unknownError':'Unknown error！',
+        'fileUploading':'Uploading,please wait...',
+        'cancelUpload':'Cancel upload',
+        'netError':'Network error',
+        'failUpload':'Upload failed',
+        'serverIOError':'Server IO error！',
+        'noAuthority':'No Permission！',
+        'fileNumLimit':'Upload limit to the number',
+        'failCheck':'Authentication fails, the upload is skipped!',
+        'fileCanceling':'Cancel, please wait...',
+        'stopUploading':'Upload has stopped...',
+
+        'uploadSelectFile':'Select File',
+        'uploadAddFile':'Add File',
+        'uploadStart':'Start Upload',
+        'uploadPause':'Pause Upload',
+        'uploadContinue':'Continue Upload',
+        'uploadRetry':'Retry Upload',
+        'uploadDelete':'Delete',
+        'uploadTurnLeft':'Turn Left',
+        'uploadTurnRight':'Turn Right',
+        'uploadPreview':'Doing Preview',
+        'updateStatusReady': 'Selected _ files, total _KB.',
+        'updateStatusConfirm': '_ uploaded successfully and _ upload failed',
+        'updateStatusFinish': 'Total _ files (_KB), _  uploaded successfully',
+        'updateStatusError': ' and _ upload failed',
+        'errorNotSupport': 'WebUploader does not support the browser you are using. Please upgrade your browser or flash player',
+        'errorLoadConfig': 'Server config not loaded, upload can not work.',
+        'errorExceedSize':'File Size Exceed',
+        'errorFileType':'File Type Not Allow',
+        'errorInterrupt':'File Upload Interrupted',
+        'errorUploadRetry':'Upload Error, Please Retry.',
+        'errorHttp':'Http Error',
+        'errorServerUpload':'Server Result Error.'
+    },
+    'webapp':{
+        'tip1':"This function provided by Baidu APP,please apply for baidu APPKey webmaster first!",
+        'tip2':"And then open the file ueditor.config.js to set it! ",
+        'applyFor':"APPLY FOR",
+        'anthorApi':"Baidu API"
+    },
+    'template':{
+        'static':{
+            'lang_template_bkcolor':'Background Color',
+            'lang_template_clear' : 'Keep Content',
+            'lang_template_select':'Select Template'
+        },
+        'blank':"Blank",
+        'blog':"Blog",
+        'resume':"Resume",
+        'richText':"Rich Text",
+        'scrPapers':"Scientific Papers"
+    },
+    scrawl:{
+        'static':{
+            'lang_input_previousStep':"Previous",
+            'lang_input_nextsStep':"Next",
+            'lang_input_clear':'Clear',
+            'lang_input_addPic':'AddImage',
+            'lang_input_ScalePic':'ScaleImage',
+            'lang_input_removePic':'RemoveImage',
+            'J_imgTxt':{title:'Add background image'}
+        },
+        'noScarwl':"No paint, a white paper...",
+        'scrawlUpLoading':"Image is uploading, please wait...",
+        'continueBtn':"Try again",
+        'imageError':"Image failed to load!",
+        'backgroundUploading':'Image is uploading,please wait...'
+    },
+    'music':{
+        'static':{
+            'lang_input_tips':"Input singer/song/album, search you interested in music!",
+            'J_searchBtn':{value:'Search songs'}
+        },
+        'emptyTxt':'Not search to the relevant music results, please change a keyword try.',
+        'chapter':'Songs',
+        'singer':'Singer',
+        'special':'Album',
+        'listenTest':'Audition'
+    },
+    anchor:{
+        'static':{
+            'lang_input_anchorName':'Anchor Name:'
+        }
+    },
+    'charts':{
+        'static':{
+            'lang_data_source':'Data source:',
+            'lang_chart_format': 'Chart format:',
+            'lang_data_align': 'Align',
+            'lang_chart_align_same': 'Consistent with the X-axis Y-axis',
+            'lang_chart_align_reverse': 'X-axis Y-axis opposite',
+            'lang_chart_title': 'Title',
+            'lang_chart_main_title': 'main title:',
+            'lang_chart_sub_title': 'sub title:',
+            'lang_chart_x_title': 'X-axis title:',
+            'lang_chart_y_title': 'Y-axis title:',
+            'lang_chart_tip': 'Prompt',
+            'lang_cahrt_tip_prefix': 'prefix:',
+            'lang_cahrt_tip_description': '仅饼图有效， 当鼠标移动到饼图中相应的块上时，提示框内的文字的前缀',
+            'lang_chart_data_unit': 'Unit',
+            'lang_chart_data_unit_title': 'unit:',
+            'lang_chart_data_unit_description': '显示在每个数据点上的数据的单位， 比如： 温度的单位 ℃',
+            'lang_chart_type': 'Chart type:',
+            'lang_prev_btn': 'Previous',
+            'lang_next_btn': 'Next'
+        }
+    },
+    emotion:{
+        'static':{
+            'lang_input_choice':'Choice',
+            'lang_input_Tuzki':'Tuzki',
+            'lang_input_lvdouwa':'LvDouWa',
+            'lang_input_BOBO':'BOBO',
+            'lang_input_babyCat':'BabyCat',
+            'lang_input_bubble':'Bubble',
+            'lang_input_youa':'YouA'
+        }
+    },
+    gmap:{
+        'static':{
+            'lang_input_address':'Address:',
+            'lang_input_search':'Search',
+            'address':{value:"Beijing"}
+        },
+        searchError:'Unable to locate the address!'
+    },
+    help:{
+        'static':{
+            'lang_input_about':'About',
+            'lang_input_shortcuts':'Shortcuts',
+            'lang_input_introduction':"UEditor is developed by Baidu Co.ltd.  It is lightweight, customizable , focusing on user experience and etc. , UEditor is based on open source BSD license , allowing free use and redistribution.",
+            'lang_Txt_shortcuts':'Shortcuts',
+            'lang_Txt_func':'Function',
+            'lang_Txt_bold':'Bold',
+            'lang_Txt_copy':'Copy',
+            'lang_Txt_cut':'Cut',
+            'lang_Txt_Paste':'Paste',
+            'lang_Txt_undo':'Undo',
+            'lang_Txt_redo':'Redo',
+            'lang_Txt_italic':'Italic',
+            'lang_Txt_underline':'Underline',
+            'lang_Txt_selectAll':'Select All',
+            'lang_Txt_visualEnter':'Submit',
+            'lang_Txt_fullscreen':'Fullscreen'
+        }
+    },
+    insertframe:{
+        'static':{
+            'lang_input_address':'Address：',
+            'lang_input_width':'Width：',
+            'lang_input_height':'height：',
+            'lang_input_isScroll':'Enable scrollbars：',
+            'lang_input_frameborder':'Show frame border：',
+            'lang_input_alignMode':'Alignment：',
+            'align':{title:"Alignment", options:["Default", "Left", "Right", "Center"]}
+        },
+        'enterAddress':'Please enter an address!'
+    },
+    link:{
+        'static':{
+            'lang_input_text':'Text：',
+            'lang_input_url':'URL：',
+            'lang_input_title':'Title：',
+            'lang_input_target':'open in new window：'
+        },
+        'validLink':'Supports only effective when a link is selected',
+        'httpPrompt':'The hyperlink you enter should start with "http|https|ftp://"!'
+    },
+    map:{
+        'static':{
+            lang_city:"City",
+            lang_address:"Address",
+            city:{value:"Beijing"},
+            lang_search:"Search",
+            lang_dynamicmap:"Dynamic map"
+        },
+        cityMsg:"Please enter the city name!",
+        errorMsg:"Can't find the place!"
+    },
+    searchreplace:{
+        'static':{
+            lang_tab_search:"Search",
+            lang_tab_replace:"Replace",
+            lang_search1:"Search",
+            lang_search2:"Search",
+            lang_replace:"Replace",
+            lang_searchReg:'Support regular expression ,which starts and ends with a slash ,for example "/expression/"',
+            lang_searchReg1:'Support regular expression ,which starts and ends with a slash ,for example "/expression/"',
+            lang_case_sensitive1:"Case sense",
+            lang_case_sensitive2:"Case sense",
+            nextFindBtn:{value:"Next"},
+            preFindBtn:{value:"Preview"},
+            nextReplaceBtn:{value:"Next"},
+            preReplaceBtn:{value:"Preview"},
+            repalceBtn:{value:"Replace"},
+            repalceAllBtn:{value:"Replace all"}
+        },
+        getEnd:"Has the search to the bottom!",
+        getStart:"Has the search to the top!",
+        countMsg:"Altogether replaced {#count} character(s)!"
+    },
+    snapscreen:{
+        'static':{
+            lang_showMsg:"You should install the UEditor screenshots program first!",
+            lang_download:"Download!",
+            lang_step1:"Step1:Download the program and then run it",
+            lang_step2:"Step2:After complete install,try to click the button again"
+        }
+    },
+    spechars:{
+        'static':{},
+        tsfh:"Special",
+        lmsz:"Roman",
+        szfh:"Numeral",
+        rwfh:"Japanese",
+        xlzm:"The Greek",
+        ewzm:"Russian",
+        pyzm:"Phonetic",
+        yyyb:"English",
+        zyzf:"Others"
+    },
+    'edittable':{
+        'static':{
+            'lang_tableStyle':'Table style',
+            'lang_insertCaption':'Add table header row',
+            'lang_insertTitle':'Add table title row',
+            'lang_insertTitleCol':'Add table title col',
+            'lang_tableSize':'Automatically adjust table size',
+            'lang_autoSizeContent':'Adaptive by form text',
+            'lang_orderbycontent':"Table of contents sortable",
+            'lang_autoSizePage':'Page width adaptive',
+            'lang_example':'Example',
+            'lang_borderStyle':'Table Border',
+            'lang_color':'Color:'
+        },
+        captionName:'Caption',
+        titleName:'Title',
+        cellsName:'text',
+        errorMsg:'There are merged cells, can not sort.'
+    },
+    'edittip':{
+        'static':{
+            lang_delRow:'Delete entire row',
+            lang_delCol:'Delete entire col'
+        }
+    },
+    'edittd':{
+        'static':{
+            lang_tdBkColor:'Background Color:'
+        }
+    },
+    'formula':{
+        'static':{
+        }
+    },
+    wordimage:{
+        'static':{
+            lang_resave:"The re-save step",
+            uploadBtn:{src:"upload.png", alt:"Upload"},
+            clipboard:{style:"background: url(copy.png) -153px -1px no-repeat;"},
+            lang_step:" 1. Click top button to copy the url and then open the dialog to paste it. 2. Open after choose photos uploaded process."
+        },
+        fileType:"Image",
+        flashError:"Flash initialization failed!",
+        netError:"Network error! Please try again!",
+        copySuccess:"URL has been copied!",
+
+        'flashI18n':{
+            lang:encodeURI( '{"UploadingState":"totalNum: ${a},uploadComplete: ${b}", "BeforeUpload":"waitingNum: ${a}", "ExceedSize":"Size exceed${a}", "ErrorInPreview":"Preview failed", "DefaultDescription":"Description", "LoadingImage":"Loading..."}' ),
+            uploadingTF:encodeURI( '{"font":"Arial", "size":12, "color":"0x000", "bold":"true", "italic":"false", "underline":"false"}' ),
+            imageTF:encodeURI( '{"font":"Arial", "size":11, "color":"red", "bold":"false", "italic":"false", "underline":"false"}' ),
+            textEncoding:"utf-8",
+            addImageSkinURL:"addImage.png",
+            allDeleteBtnUpSkinURL:"allDeleteBtnUpSkin.png",
+            allDeleteBtnHoverSkinURL:"allDeleteBtnHoverSkin.png",
+            rotateLeftBtnEnableSkinURL:"rotateLeftEnable.png",
+            rotateLeftBtnDisableSkinURL:"rotateLeftDisable.png",
+            rotateRightBtnEnableSkinURL:"rotateRightEnable.png",
+            rotateRightBtnDisableSkinURL:"rotateRightDisable.png",
+            deleteBtnEnableSkinURL:"deleteEnable.png",
+            deleteBtnDisableSkinURL:"deleteDisable.png",
+            backgroundURL:'',
+            listBackgroundURL:'',
+            buttonURL:'button.png'
+        }
+    },
+    'autosave': {
+        'success':'Local conservation success'
+    }
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/addimage.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/addimage.png
new file mode 100644
index 000000000..3a2fd1712
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/addimage.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/alldeletebtnhoverskin.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/alldeletebtnhoverskin.png
new file mode 100644
index 000000000..355eeabbd
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/alldeletebtnhoverskin.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/alldeletebtnupskin.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/alldeletebtnupskin.png
new file mode 100644
index 000000000..61658ce6f
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/alldeletebtnupskin.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/background.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/background.png
new file mode 100644
index 000000000..d5bf5fdd8
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/background.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/button.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/button.png
new file mode 100644
index 000000000..098874cb1
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/button.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/copy.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/copy.png
new file mode 100644
index 000000000..f982e8bcb
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/copy.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/deletedisable.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/deletedisable.png
new file mode 100644
index 000000000..c8ee75094
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/deletedisable.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/deleteenable.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/deleteenable.png
new file mode 100644
index 000000000..26acc8835
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/deleteenable.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/listbackground.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/listbackground.png
new file mode 100644
index 000000000..4f82ccd88
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/listbackground.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/localimage.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/localimage.png
new file mode 100644
index 000000000..12c8e6aef
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/localimage.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/music.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/music.png
new file mode 100644
index 000000000..2f495fe92
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/music.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotateleftdisable.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotateleftdisable.png
new file mode 100644
index 000000000..741526e0d
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotateleftdisable.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotateleftenable.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotateleftenable.png
new file mode 100644
index 000000000..e164ddbd6
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotateleftenable.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotaterightdisable.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotaterightdisable.png
new file mode 100644
index 000000000..5a78c2606
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotaterightdisable.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotaterightenable.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotaterightenable.png
new file mode 100644
index 000000000..d768531fc
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/rotaterightenable.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/upload.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/upload.png
new file mode 100644
index 000000000..7bb15b3d6
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/en/images/upload.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/copy.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/copy.png
new file mode 100644
index 000000000..b2536aac7
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/copy.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/localimage.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/localimage.png
new file mode 100644
index 000000000..7303c3643
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/localimage.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/music.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/music.png
new file mode 100644
index 000000000..354edebc3
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/music.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/upload.png b/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/upload.png
new file mode 100644
index 000000000..08d4d9268
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/images/upload.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js b/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js
new file mode 100644
index 000000000..4d5178f98
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js
@@ -0,0 +1,669 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 12-6-12
+ * Time: 下午5:02
+ * To change this template use File | Settings | File Templates.
+ */
+UE.I18N['zh-cn'] = {
+    'labelMap':{
+        'anchor':'锚点', 'undo':'撤销', 'redo':'重做', 'bold':'加粗', 'indent':'首行缩进', 'snapscreen':'截图',
+        'italic':'斜体', 'underline':'下划线', 'strikethrough':'删除线', 'subscript':'下标','fontborder':'字符边框',
+        'superscript':'上标', 'formatmatch':'格式刷', 'source':'源代码', 'blockquote':'引用',
+        'pasteplain':'纯文本粘贴模式', 'selectall':'全选', 'print':'打印', 'preview':'预览',
+        'horizontal':'分隔线', 'removeformat':'清除格式', 'time':'时间', 'date':'日期',
+        'unlink':'取消链接', 'insertrow':'前插入行', 'insertcol':'前插入列', 'mergeright':'右合并单元格', 'mergedown':'下合并单元格',
+        'deleterow':'删除行', 'deletecol':'删除列', 'splittorows':'拆分成行',
+        'splittocols':'拆分成列', 'splittocells':'完全拆分单元格','deletecaption':'删除表格标题','inserttitle':'插入标题',
+        'mergecells':'合并多个单元格', 'deletetable':'删除表格', 'cleardoc':'清空文档','insertparagraphbeforetable':"表格前插入行",'insertcode':'代码语言',
+        'fontfamily':'字体', 'fontsize':'字号', 'paragraph':'段落格式', 'simpleupload':'单图上传', 'insertimage':'多图上传','edittable':'表格属性','edittd':'单元格属性', 'link':'超链接',
+        'emotion':'表情', 'spechars':'特殊字符', 'searchreplace':'查询替换', 'map':'Baidu地图', 'gmap':'Google地图',
+        'insertvideo':'视频', 'help':'帮助', 'justifyleft':'居左对齐', 'justifyright':'居右对齐', 'justifycenter':'居中对齐',
+        'justifyjustify':'两端对齐', 'forecolor':'字体颜色', 'backcolor':'背景色', 'insertorderedlist':'有序列表',
+        'insertunorderedlist':'无序列表', 'fullscreen':'全屏', 'directionalityltr':'从左向右输入', 'directionalityrtl':'从右向左输入',
+        'rowspacingtop':'段前距', 'rowspacingbottom':'段后距',  'pagebreak':'分页', 'insertframe':'插入Iframe', 'imagenone':'默认',
+        'imageleft':'左浮动', 'imageright':'右浮动', 'attachment':'附件', 'imagecenter':'居中', 'wordimage':'图片转存',
+        'lineheight':'行间距','edittip' :'编辑提示','customstyle':'自定义标题', 'autotypeset':'自动排版',
+        'webapp':'百度应用','touppercase':'字母大写', 'tolowercase':'字母小写','background':'背景','template':'模板','scrawl':'涂鸦',
+        'music':'音乐','inserttable':'插入表格','drafts': '从草稿箱加载', 'charts': '图表'
+    },
+    'insertorderedlist':{
+        'num':'1,2,3...',
+        'num1':'1),2),3)...',
+        'num2':'(1),(2),(3)...',
+        'cn':'一,二,三....',
+        'cn1':'一),二),三)....',
+        'cn2':'(一),(二),(三)....',
+        'decimal':'1,2,3...',
+        'lower-alpha':'a,b,c...',
+        'lower-roman':'i,ii,iii...',
+        'upper-alpha':'A,B,C...',
+        'upper-roman':'I,II,III...'
+    },
+    'insertunorderedlist':{
+        'circle':'○ 大圆圈',
+        'disc':'● 小黑点',
+        'square':'■ 小方块 ',
+        'dash' :'— 破折号',
+        'dot':' 。 小圆圈'
+    },
+    'paragraph':{'p':'段落', 'h1':'标题 1', 'h2':'标题 2', 'h3':'标题 3', 'h4':'标题 4', 'h5':'标题 5', 'h6':'标题 6'},
+    'fontfamily':{
+        'songti':'宋体',
+        'kaiti':'楷体',
+        'heiti':'黑体',
+        'lishu':'隶书',
+        'yahei':'微软雅黑',
+        'andaleMono':'andale mono',
+        'arial': 'arial',
+        'arialBlack':'arial black',
+        'comicSansMs':'comic sans ms',
+        'impact':'impact',
+        'timesNewRoman':'times new roman'
+    },
+    'customstyle':{
+        'tc':'标题居中',
+        'tl':'标题居左',
+        'im':'强调',
+        'hi':'明显强调'
+    },
+    'autoupload': {
+        'exceedSizeError': '文件大小超出限制',
+        'exceedTypeError': '文件格式不允许',
+        'jsonEncodeError': '服务器返回格式错误',
+        'loading':"正在上传...",
+        'loadError':"上传错误",
+        'errorLoadConfig': '后端配置项没有正常加载，上传插件不能正常使用！'
+    },
+    'simpleupload':{
+        'exceedSizeError': '文件大小超出限制',
+        'exceedTypeError': '文件格式不允许',
+        'jsonEncodeError': '服务器返回格式错误',
+        'loading':"正在上传...",
+        'loadError':"上传错误",
+        'errorLoadConfig': '后端配置项没有正常加载，上传插件不能正常使用！'
+    },
+    'elementPathTip':"元素路径",
+    'wordCountTip':"字数统计",
+    'wordCountMsg':'当前已输入{#count}个字符, 您还可以输入{#leave}个字符。 ',
+    'wordOverFlowMsg':'<span style="color:red;">字数超出最大允许值，服务器可能拒绝保存！</span>',
+    'ok':"确认",
+    'cancel':"取消",
+    'closeDialog':"关闭对话框",
+    'tableDrag':"表格拖动必须引入uiUtils.js文件！",
+    'autofloatMsg':"工具栏浮动依赖编辑器UI，您首先需要引入UI文件!",
+    'loadconfigError': '获取后台配置项请求出错，上传功能将不能正常使用！',
+    'loadconfigFormatError': '后台配置项返回格式出错，上传功能将不能正常使用！',
+    'loadconfigHttpError': '请求后台配置项http错误，上传功能将不能正常使用！',
+    'snapScreen_plugin':{
+        'browserMsg':"仅支持IE浏览器！",
+        'callBackErrorMsg':"服务器返回数据有误，请检查配置项之后重试。",
+        'uploadErrorMsg':"截图上传失败，请检查服务器端环境! "
+    },
+    'insertcode':{
+        'as3':'ActionScript 3',
+        'bash':'Bash/Shell',
+        'cpp':'C/C++',
+        'css':'CSS',
+        'cf':'ColdFusion',
+        'c#':'C#',
+        'delphi':'Delphi',
+        'diff':'Diff',
+        'erlang':'Erlang',
+        'groovy':'Groovy',
+        'html':'HTML',
+        'java':'Java',
+        'jfx':'JavaFX',
+        'js':'JavaScript',
+        'pl':'Perl',
+        'php':'PHP',
+        'plain':'Plain Text',
+        'ps':'PowerShell',
+        'python':'Python',
+        'ruby':'Ruby',
+        'scala':'Scala',
+        'sql':'SQL',
+        'vb':'Visual Basic',
+        'xml':'XML'
+    },
+    'confirmClear':"确定清空当前文档么？",
+    'contextMenu':{
+        'delete':"删除",
+        'selectall':"全选",
+        'deletecode':"删除代码",
+        'cleardoc':"清空文档",
+        'confirmclear':"确定清空当前文档么？",
+        'unlink':"删除超链接",
+        'paragraph':"段落格式",
+        'edittable':"表格属性",
+        'aligntd':"单元格对齐方式",
+        'aligntable':'表格对齐方式',
+        'tableleft':'左浮动',
+        'tablecenter':'居中显示',
+        'tableright':'右浮动',
+        'edittd':"单元格属性",
+        'setbordervisible':'设置表格边线可见',
+        'justifyleft':'左对齐',
+        'justifyright':'右对齐',
+        'justifycenter':'居中对齐',
+        'justifyjustify':'两端对齐',
+        'table':"表格",
+        'inserttable':'插入表格',
+        'deletetable':"删除表格",
+        'insertparagraphbefore':"前插入段落",
+        'insertparagraphafter':'后插入段落',
+        'deleterow':"删除当前行",
+        'deletecol':"删除当前列",
+        'insertrow':"前插入行",
+        'insertcol':"左插入列",
+        'insertrownext':'后插入行',
+        'insertcolnext':'右插入列',
+        'insertcaption':'插入表格名称',
+        'deletecaption':'删除表格名称',
+        'inserttitle':'插入表格标题行',
+        'deletetitle':'删除表格标题行',
+        'inserttitlecol':'插入表格标题列',
+        'deletetitlecol':'删除表格标题列',
+        'averageDiseRow':'平均分布各行',
+        'averageDisCol':'平均分布各列',
+        'mergeright':"向右合并",
+        'mergeleft':"向左合并",
+        'mergedown':"向下合并",
+        'mergecells':"合并单元格",
+        'splittocells':"完全拆分单元格",
+        'splittocols':"拆分成列",
+        'splittorows':"拆分成行",
+        'tablesort':'表格排序',
+        'enablesort':'设置表格可排序',
+        'disablesort':'取消表格可排序',
+        'reversecurrent':'逆序当前',
+        'orderbyasc':'按ASCII字符升序',
+        'reversebyasc':'按ASCII字符降序',
+        'orderbynum':'按数值大小升序',
+        'reversebynum':'按数值大小降序',
+        'borderbk':'边框底纹',
+        'setcolor':'表格隔行变色',
+        'unsetcolor':'取消表格隔行变色',
+        'setbackground':'选区背景隔行',
+        'unsetbackground':'取消选区背景',
+        'redandblue':'红蓝相间',
+        'threecolorgradient':'三色渐变',
+        'copy':"复制(Ctrl + c)",
+        'copymsg': "浏览器不支持,请使用 'Ctrl + c'",
+        'paste':"粘贴(Ctrl + v)",
+         'pastemsg': "浏览器不支持,请使用 'Ctrl + v'"
+    },
+    'copymsg': "浏览器不支持,请使用 'Ctrl + c'",
+    'pastemsg': "浏览器不支持,请使用 'Ctrl + v'",
+    'anthorMsg':"链接",
+    'clearColor':'清空颜色',
+    'standardColor':'标准颜色',
+    'themeColor':'主题颜色',
+    'property':'属性',
+    'default':'默认',
+    'modify':'修改',
+    'justifyleft':'左对齐',
+    'justifyright':'右对齐',
+    'justifycenter':'居中',
+    'justify':'默认',
+    'clear':'清除',
+    'anchorMsg':'锚点',
+    'delete':'删除',
+    'clickToUpload':"点击上传",
+    'unset':'尚未设置语言文件',
+    't_row':'行',
+    't_col':'列',
+    'more':'更多',
+    'pasteOpt':'粘贴选项',
+    'pasteSourceFormat':"保留源格式",
+    'tagFormat':'只保留标签',
+    'pasteTextFormat':'只保留文本',
+    'autoTypeSet':{
+        'mergeLine':"合并空行",
+        'delLine':"清除空行",
+        'removeFormat':"清除格式",
+        'indent':"首行缩进",
+        'alignment':"对齐方式",
+        'imageFloat':"图片浮动",
+        'removeFontsize':"清除字号",
+        'removeFontFamily':"清除字体",
+        'removeHtml':"清除冗余HTML代码",
+        'pasteFilter':"粘贴过滤",
+        'run':"执行",
+        'symbol':'符号转换',
+        'bdc2sb':'全角转半角',
+        'tobdc':'半角转全角'
+    },
+
+    'background':{
+        'static':{
+            'lang_background_normal':'背景设置',
+            'lang_background_local':'在线图片',
+            'lang_background_set':'选项',
+            'lang_background_none':'无背景色',
+            'lang_background_colored':'有背景色',
+            'lang_background_color':'颜色设置',
+            'lang_background_netimg':'网络图片',
+            'lang_background_align':'对齐方式',
+            'lang_background_position':'精确定位',
+            'repeatType':{'options':["居中", "横向重复", "纵向重复", "平铺","自定义"]}
+
+        },
+        'noUploadImage':"当前未上传过任何图片！",
+        'toggleSelect':"单击可切换选中状态\n原图尺寸: "
+    },
+    //===============dialog i18N=======================
+    'insertimage':{
+        'static':{
+            'lang_tab_remote':"插入图片", //节点
+            'lang_tab_upload':"本地上传",
+            'lang_tab_online':"在线管理",
+            'lang_tab_search':"图片搜索",
+            'lang_input_url':"地 址：",
+            'lang_input_size':"大 小：",
+            'lang_input_width':"宽度",
+            'lang_input_height':"高度",
+            'lang_input_border':"边 框：",
+            'lang_input_vhspace':"边 距：",
+            'lang_input_title':"描 述：",
+            'lang_input_align':'图片浮动方式：',
+            'lang_imgLoading':"　图片加载中……",
+            'lang_start_upload':"开始上传",
+            'lock':{'title':"锁定宽高比例"}, //属性
+            'searchType':{'title':"图片类型", 'options':["新闻", "壁纸", "表情", "头像"]}, //select的option
+            'searchTxt':{'value':"请输入搜索关键词"},
+            'searchBtn':{'value':"百度一下"},
+            'searchReset':{'value':"清空搜索"},
+            'noneAlign':{'title':'无浮动'},
+            'leftAlign':{'title':'左浮动'},
+            'rightAlign':{'title':'右浮动'},
+            'centerAlign':{'title':'居中独占一行'}
+        },
+        'uploadSelectFile':'点击选择图片',
+        'uploadAddFile':'继续添加',
+        'uploadStart':'开始上传',
+        'uploadPause':'暂停上传',
+        'uploadContinue':'继续上传',
+        'uploadRetry':'重试上传',
+        'uploadDelete':'删除',
+        'uploadTurnLeft':'向左旋转',
+        'uploadTurnRight':'向右旋转',
+        'uploadPreview':'预览中',
+        'uploadNoPreview':'不能预览',
+        'updateStatusReady': '选中_张图片，共_KB。',
+        'updateStatusConfirm': '已成功上传_张照片，_张照片上传失败',
+        'updateStatusFinish': '共_张（_KB），_张上传成功',
+        'updateStatusError': '，_张上传失败。',
+        'errorNotSupport': 'WebUploader 不支持您的浏览器！如果你使用的是IE浏览器，请尝试升级 flash 播放器。',
+        'errorLoadConfig': '后端配置项没有正常加载，上传插件不能正常使用！',
+        'errorExceedSize':'文件大小超出',
+        'errorFileType':'文件格式不允许',
+        'errorInterrupt':'文件传输中断',
+        'errorUploadRetry':'上传失败，请重试',
+        'errorHttp':'http请求错误',
+        'errorServerUpload':'服务器返回出错',
+        'remoteLockError':"宽高不正确,不能所定比例",
+        'numError':"请输入正确的长度或者宽度值！例如：123，400",
+        'imageUrlError':"不允许的图片格式或者图片域！",
+        'imageLoadError':"图片加载失败！请检查链接地址或网络状态！",
+        'searchRemind':"请输入搜索关键词",
+        'searchLoading':"图片加载中，请稍后……",
+        'searchRetry':" :( ，抱歉，没有找到图片！请重试一次！"
+    },
+    'attachment':{
+        'static':{
+            'lang_tab_upload': '上传附件',
+            'lang_tab_online': '在线附件',
+            'lang_start_upload':"开始上传",
+            'lang_drop_remind':"可以将文件拖到这里，单次最多可选100个文件"
+        },
+        'uploadSelectFile':'点击选择文件',
+        'uploadAddFile':'继续添加',
+        'uploadStart':'开始上传',
+        'uploadPause':'暂停上传',
+        'uploadContinue':'继续上传',
+        'uploadRetry':'重试上传',
+        'uploadDelete':'删除',
+        'uploadTurnLeft':'向左旋转',
+        'uploadTurnRight':'向右旋转',
+        'uploadPreview':'预览中',
+        'updateStatusReady': '选中_个文件，共_KB。',
+        'updateStatusConfirm': '已成功上传_个文件，_个文件上传失败',
+        'updateStatusFinish': '共_个（_KB），_个上传成功',
+        'updateStatusError': '，_张上传失败。',
+        'errorNotSupport': 'WebUploader 不支持您的浏览器！如果你使用的是IE浏览器，请尝试升级 flash 播放器。',
+        'errorLoadConfig': '后端配置项没有正常加载，上传插件不能正常使用！',
+        'errorExceedSize':'文件大小超出',
+        'errorFileType':'文件格式不允许',
+        'errorInterrupt':'文件传输中断',
+        'errorUploadRetry':'上传失败，请重试',
+        'errorHttp':'http请求错误',
+        'errorServerUpload':'服务器返回出错'
+    },
+    'insertvideo':{
+        'static':{
+            'lang_tab_insertV':"插入视频",
+            'lang_tab_searchV':"搜索视频",
+            'lang_tab_uploadV':"上传视频",
+            'lang_video_url':"视频网址",
+            'lang_video_size':"视频尺寸",
+            'lang_videoW':"宽度",
+            'lang_videoH':"高度",
+            'lang_alignment':"对齐方式",
+            'videoSearchTxt':{'value':"请输入搜索关键字！"},
+            'videoType':{'options':["全部", "热门", "娱乐", "搞笑", "体育", "科技", "综艺"]},
+            'videoSearchBtn':{'value':"百度一下"},
+            'videoSearchReset':{'value':"清空结果"},
+
+            'lang_input_fileStatus':' 当前未上传文件',
+            'startUpload':{'style':"background:url(upload.png) no-repeat;"},
+
+            'lang_upload_size':"视频尺寸",
+            'lang_upload_width':"宽度",
+            'lang_upload_height':"高度",
+            'lang_upload_alignment':"对齐方式",
+            'lang_format_advice':"建议使用mp4格式."
+
+        },
+        'numError':"请输入正确的数值，如123,400",
+        'floatLeft':"左浮动",
+        'floatRight':"右浮动",
+        '"default"':"默认",
+        'block':"独占一行",
+        'urlError':"输入的视频地址有误，请检查后再试！",
+        'loading':" &nbsp;视频加载中，请等待……",
+        'clickToSelect':"点击选中",
+        'goToSource':'访问源视频',
+        'noVideo':" &nbsp; &nbsp;抱歉，找不到对应的视频，请重试！",
+
+        'browseFiles':'浏览文件',
+        'uploadSuccess':'上传成功!',
+        'delSuccessFile':'从成功队列中移除',
+        'delFailSaveFile':'移除保存失败文件',
+        'statusPrompt':' 个文件已上传！ ',
+        'flashVersionError':'当前Flash版本过低，请更新FlashPlayer后重试！',
+        'flashLoadingError':'Flash加载失败!请检查路径或网络状态',
+        'fileUploadReady':'等待上传……',
+        'delUploadQueue':'从上传队列中移除',
+        'limitPrompt1':'单次不能选择超过',
+        'limitPrompt2':'个文件！请重新选择！',
+        'delFailFile':'移除失败文件',
+        'fileSizeLimit':'文件大小超出限制！',
+        'emptyFile':'空文件无法上传！',
+        'fileTypeError':'文件类型不允许！',
+        'unknownError':'未知错误！',
+        'fileUploading':'上传中，请等待……',
+        'cancelUpload':'取消上传',
+        'netError':'网络错误',
+        'failUpload':'上传失败!',
+        'serverIOError':'服务器IO错误！',
+        'noAuthority':'无权限！',
+        'fileNumLimit':'上传个数限制',
+        'failCheck':'验证失败，本次上传被跳过！',
+        'fileCanceling':'取消中，请等待……',
+        'stopUploading':'上传已停止……',
+
+        'uploadSelectFile':'点击选择文件',
+        'uploadAddFile':'继续添加',
+        'uploadStart':'开始上传',
+        'uploadPause':'暂停上传',
+        'uploadContinue':'继续上传',
+        'uploadRetry':'重试上传',
+        'uploadDelete':'删除',
+        'uploadTurnLeft':'向左旋转',
+        'uploadTurnRight':'向右旋转',
+        'uploadPreview':'预览中',
+        'updateStatusReady': '选中_个文件，共_KB。',
+        'updateStatusConfirm': '成功上传_个，_个失败',
+        'updateStatusFinish': '共_个(_KB)，_个成功上传',
+        'updateStatusError': '，_张上传失败。',
+        'errorNotSupport': 'WebUploader 不支持您的浏览器！如果你使用的是IE浏览器，请尝试升级 flash 播放器。',
+        'errorLoadConfig': '后端配置项没有正常加载，上传插件不能正常使用！',
+        'errorExceedSize':'文件大小超出',
+        'errorFileType':'文件格式不允许',
+        'errorInterrupt':'文件传输中断',
+        'errorUploadRetry':'上传失败，请重试',
+        'errorHttp':'http请求错误',
+        'errorServerUpload':'服务器返回出错'
+    },
+    'webapp':{
+        'tip1':"本功能由百度APP提供，如看到此页面，请各位站长首先申请百度APPKey!",
+        'tip2':"申请完成之后请至ueditor.config.js中配置获得的appkey! ",
+        'applyFor':"点此申请",
+        'anthorApi':"百度API"
+    },
+    'template':{
+        'static':{
+            'lang_template_bkcolor':'背景颜色',
+            'lang_template_clear' : '保留原有内容',
+            'lang_template_select' : '选择模板'
+        },
+        'blank':"空白文档",
+        'blog':"博客文章",
+        'resume':"个人简历",
+        'richText':"图文混排",
+        'sciPapers':"科技论文"
+
+
+    },
+    'scrawl':{
+        'static':{
+            'lang_input_previousStep':"上一步",
+            'lang_input_nextsStep':"下一步",
+            'lang_input_clear':'清空',
+            'lang_input_addPic':'添加背景',
+            'lang_input_ScalePic':'缩放背景',
+            'lang_input_removePic':'删除背景',
+            'J_imgTxt':{title:'添加背景图片'}
+        },
+        'noScarwl':"尚未作画，白纸一张~",
+        'scrawlUpLoading':"涂鸦上传中,别急哦~",
+        'continueBtn':"继续",
+        'imageError':"糟糕，图片读取失败了！",
+        'backgroundUploading':'背景图片上传中,别急哦~'
+    },
+    'music':{
+        'static':{
+            'lang_input_tips':"输入歌手/歌曲/专辑，搜索您感兴趣的音乐！",
+            'J_searchBtn':{value:'搜索歌曲'}
+        },
+        'emptyTxt':'未搜索到相关音乐结果，请换一个关键词试试。',
+        'chapter':'歌曲',
+        'singer':'歌手',
+        'special':'专辑',
+        'listenTest':'试听'
+    },
+    'anchor':{
+        'static':{
+            'lang_input_anchorName':'锚点名字：'
+        }
+    },
+    'charts':{
+        'static':{
+            'lang_data_source':'数据源：',
+            'lang_chart_format': '图表格式：',
+            'lang_data_align': '数据对齐方式',
+            'lang_chart_align_same': '数据源与图表X轴Y轴一致',
+            'lang_chart_align_reverse': '数据源与图表X轴Y轴相反',
+            'lang_chart_title': '图表标题',
+            'lang_chart_main_title': '主标题：',
+            'lang_chart_sub_title': '子标题：',
+            'lang_chart_x_title': 'X轴标题：',
+            'lang_chart_y_title': 'Y轴标题：',
+            'lang_chart_tip': '提示文字',
+            'lang_cahrt_tip_prefix': '提示文字前缀：',
+            'lang_cahrt_tip_description': '仅饼图有效， 当鼠标移动到饼图中相应的块上时，提示框内的文字的前缀',
+            'lang_chart_data_unit': '数据单位',
+            'lang_chart_data_unit_title': '单位：',
+            'lang_chart_data_unit_description': '显示在每个数据点上的数据的单位， 比如： 温度的单位 ℃',
+            'lang_chart_type': '图表类型：',
+            'lang_prev_btn': '上一个',
+            'lang_next_btn': '下一个'
+        }
+    },
+    'emotion':{
+        'static':{
+            'lang_input_choice':'精选',
+            'lang_input_Tuzki':'兔斯基',
+            'lang_input_BOBO':'BOBO',
+            'lang_input_lvdouwa':'绿豆蛙',
+            'lang_input_babyCat':'baby猫',
+            'lang_input_bubble':'泡泡',
+            'lang_input_youa':'有啊'
+        }
+    },
+    'gmap':{
+        'static':{
+            'lang_input_address':'地址',
+            'lang_input_search':'搜索',
+            'address':{value:"北京"}
+        },
+        searchError:'无法定位到该地址!'
+    },
+    'help':{
+        'static':{
+            'lang_input_about':'关于UEditor',
+            'lang_input_shortcuts':'快捷键',
+            'lang_input_introduction':'UEditor是由百度web前端研发部开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点。开源基于BSD协议，允许自由使用和修改代码。',
+            'lang_Txt_shortcuts':'快捷键',
+            'lang_Txt_func':'功能',
+            'lang_Txt_bold':'给选中字设置为加粗',
+            'lang_Txt_copy':'复制选中内容',
+            'lang_Txt_cut':'剪切选中内容',
+            'lang_Txt_Paste':'粘贴',
+            'lang_Txt_undo':'重新执行上次操作',
+            'lang_Txt_redo':'撤销上一次操作',
+            'lang_Txt_italic':'给选中字设置为斜体',
+            'lang_Txt_underline':'给选中字加下划线',
+            'lang_Txt_selectAll':'全部选中',
+            'lang_Txt_visualEnter':'软回车',
+            'lang_Txt_fullscreen':'全屏'
+        }
+    },
+    'insertframe':{
+        'static':{
+            'lang_input_address':'地址：',
+            'lang_input_width':'宽度：',
+            'lang_input_height':'高度：',
+            'lang_input_isScroll':'允许滚动条：',
+            'lang_input_frameborder':'显示框架边框：',
+            'lang_input_alignMode':'对齐方式：',
+            'align':{title:"对齐方式", options:["默认", "左对齐", "右对齐", "居中"]}
+        },
+        'enterAddress':'请输入地址!'
+    },
+    'link':{
+        'static':{
+            'lang_input_text':'文本内容：',
+            'lang_input_url':'链接地址：',
+            'lang_input_title':'标题：',
+            'lang_input_target':'是否在新窗口打开：'
+        },
+        'validLink':'只支持选中一个链接时生效',
+        'httpPrompt':'您输入的超链接中不包含http等协议名称，默认将为您添加http://前缀'
+    },
+    'map':{
+        'static':{
+            lang_city:"城市",
+            lang_address:"地址",
+            city:{value:"北京"},
+            lang_search:"搜索",
+            lang_dynamicmap:"插入动态地图"
+        },
+        cityMsg:"请选择城市",
+        errorMsg:"抱歉，找不到该位置！"
+    },
+    'searchreplace':{
+        'static':{
+            lang_tab_search:"查找",
+            lang_tab_replace:"替换",
+            lang_search1:"查找",
+            lang_search2:"查找",
+            lang_replace:"替换",
+            lang_searchReg:'支持正则表达式，添加前后斜杠标示为正则表达式，例如“/表达式/”',
+            lang_searchReg1:'支持正则表达式，添加前后斜杠标示为正则表达式，例如“/表达式/”',
+            lang_case_sensitive1:"区分大小写",
+            lang_case_sensitive2:"区分大小写",
+            nextFindBtn:{value:"下一个"},
+            preFindBtn:{value:"上一个"},
+            nextReplaceBtn:{value:"下一个"},
+            preReplaceBtn:{value:"上一个"},
+            repalceBtn:{value:"替换"},
+            repalceAllBtn:{value:"全部替换"}
+        },
+        getEnd:"已经搜索到文章末尾！",
+        getStart:"已经搜索到文章头部",
+        countMsg:"总共替换了{#count}处！"
+    },
+    'snapscreen':{
+        'static':{
+            lang_showMsg:"截图功能需要首先安装UEditor截图插件！ ",
+            lang_download:"点此下载",
+            lang_step1:"第一步，下载UEditor截图插件并运行安装。",
+            lang_step2:"第二步，插件安装完成后即可使用，如不生效，请重启浏览器后再试！"
+        }
+    },
+    'spechars':{
+        'static':{},
+        tsfh:"特殊字符",
+        lmsz:"罗马字符",
+        szfh:"数学字符",
+        rwfh:"日文字符",
+        xlzm:"希腊字母",
+        ewzm:"俄文字符",
+        pyzm:"拼音字母",
+        yyyb:"英语音标",
+        zyzf:"其他"
+    },
+    'edittable':{
+        'static':{
+            'lang_tableStyle':'表格样式',
+            'lang_insertCaption':'添加表格名称行',
+            'lang_insertTitle':'添加表格标题行',
+            'lang_insertTitleCol':'添加表格标题列',
+            'lang_orderbycontent':"使表格内容可排序",
+            'lang_tableSize':'自动调整表格尺寸',
+            'lang_autoSizeContent':'按表格文字自适应',
+            'lang_autoSizePage':'按页面宽度自适应',
+            'lang_example':'示例',
+            'lang_borderStyle':'表格边框',
+            'lang_color':'颜色:'
+        },
+        captionName:'表格名称',
+        titleName:'标题',
+        cellsName:'内容',
+        errorMsg:'有合并单元格，不可排序'
+    },
+    'edittip':{
+        'static':{
+            lang_delRow:'删除整行',
+            lang_delCol:'删除整列'
+        }
+    },
+    'edittd':{
+        'static':{
+            lang_tdBkColor:'背景颜色:'
+        }
+    },
+    'formula':{
+        'static':{
+        }
+    },
+    'wordimage':{
+        'static':{
+            lang_resave:"转存步骤",
+            uploadBtn:{src:"upload.png",alt:"上传"},
+            clipboard:{style:"background: url(copy.png) -153px -1px no-repeat;"},
+            lang_step:"1、点击顶部复制按钮，将地址复制到剪贴板；2、点击添加照片按钮，在弹出的对话框中使用Ctrl+V粘贴地址；3、点击打开后选择图片上传流程。"
+        },
+        'fileType':"图片",
+        'flashError':"FLASH初始化失败，请检查FLASH插件是否正确安装！",
+        'netError':"网络连接错误，请重试！",
+        'copySuccess':"图片地址已经复制！",
+        'flashI18n':{} //留空默认中文
+    },
+    'autosave': {
+        'saving':'保存中...',
+        'success':'本地保存成功'
+    }
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/Config.cs b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/Config.cs
new file mode 100644
index 000000000..91c130f76
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/Config.cs
@@ -0,0 +1,55 @@
+using Newtonsoft.Json;
+using Newtonsoft.Json.Linq;
+using System;
+using System.Collections.Generic;
+using System.Dynamic;
+using System.IO;
+using System.Linq;
+using System.Web;
+
+/// <summary>
+/// Config 的摘要说明
+/// </summary>
+public static class Config
+{
+    private static bool noCache = true;
+    private static JObject BuildItems()
+    {
+        var json = File.ReadAllText(HttpContext.Current.Server.MapPath("config.json"));
+        return JObject.Parse(json);
+    }
+
+    public static JObject Items
+    {
+        get
+        {
+            if (noCache || _Items == null)
+            {
+                _Items = BuildItems();
+            }
+            return _Items;
+        }
+    }
+    private static JObject _Items;
+
+
+    public static T GetValue<T>(string key)
+    {
+        return Items[key].Value<T>();
+    }
+
+    public static String[] GetStringList(string key)
+    {
+        return Items[key].Select(x => x.Value<String>()).ToArray();
+    }
+
+    public static String GetString(string key)
+    {
+        return GetValue<String>(key);
+    }
+
+    public static int GetInt(string key)
+    {
+        return GetValue<int>(key);
+    }
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/ConfigHandler.cs b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/ConfigHandler.cs
new file mode 100644
index 000000000..03cdc9a42
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/ConfigHandler.cs
@@ -0,0 +1,17 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+
+/// <summary>
+/// Config 的摘要说明
+/// </summary>
+public class ConfigHandler : Handler
+{
+    public ConfigHandler(HttpContext context) : base(context) { }
+
+    public override void Process()
+    {
+        WriteJson(Config.Items);
+    }
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/CrawlerHandler.cs b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/CrawlerHandler.cs
new file mode 100644
index 000000000..2fdf94088
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/CrawlerHandler.cs
@@ -0,0 +1,164 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Net;
+using System.Web;
+
+/// <summary>
+/// Crawler 的摘要说明
+/// </summary>
+public class CrawlerHandler : Handler
+{
+    private string[] Sources;
+    private Crawler[] Crawlers;
+    public CrawlerHandler(HttpContext context) : base(context) { }
+
+    public override void Process()
+    {
+        Sources = Request.Form.GetValues("source[]");
+        if (Sources == null || Sources.Length == 0)
+        {
+            WriteJson(new
+            {
+                state = "参数错误：没有指定抓取源"
+            });
+            return;
+        }
+        Crawlers = Sources.Select(x => new Crawler(x, Server).Fetch()).ToArray();
+        WriteJson(new
+        {
+            state = "SUCCESS",
+            list = Crawlers.Select(x => new
+            {
+                state = x.State,
+                source = x.SourceUrl,
+                url = x.ServerUrl
+            })
+        });
+    }
+}
+
+public class Crawler
+{
+    public string SourceUrl { get; set; }
+    public string ServerUrl { get; set; }
+    public string State { get; set; }
+
+    private HttpServerUtility Server { get; set; }
+
+
+    public Crawler(string sourceUrl, HttpServerUtility server)
+    {
+        this.SourceUrl = sourceUrl;
+        this.Server = server;
+    }
+
+    public Crawler Fetch()
+    {
+        if (!IsExternalIPAddress(this.SourceUrl))
+        {
+            State = "INVALID_URL";
+            return this;
+        }
+        var request = HttpWebRequest.Create(this.SourceUrl) as HttpWebRequest;
+        using (var response = request.GetResponse() as HttpWebResponse)
+        {
+            if (response.StatusCode != HttpStatusCode.OK)
+            {
+                State = "Url returns " + response.StatusCode + ", " + response.StatusDescription;
+                return this;
+            }
+            if (response.ContentType.IndexOf("image") == -1)
+            {
+                State = "Url is not an image";
+                return this;
+            }
+            ServerUrl = PathFormatter.Format(Path.GetFileName(this.SourceUrl), Config.GetString("catcherPathFormat"));
+            var savePath = Server.MapPath(ServerUrl);
+            if (!Directory.Exists(Path.GetDirectoryName(savePath)))
+            {
+                Directory.CreateDirectory(Path.GetDirectoryName(savePath));
+            }
+            try
+            {
+                var stream = response.GetResponseStream();
+                var reader = new BinaryReader(stream);
+                byte[] bytes;
+                using (var ms = new MemoryStream())
+                {
+                    byte[] buffer = new byte[4096];
+                    int count;
+                    while ((count = reader.Read(buffer, 0, buffer.Length)) != 0)
+                    {
+                        ms.Write(buffer, 0, count);
+                    }
+                    bytes = ms.ToArray();
+                }
+                File.WriteAllBytes(savePath, bytes);
+                State = "SUCCESS";
+            }
+            catch (Exception e)
+            {
+                State = "抓取错误：" + e.Message;
+            }
+            return this;
+        }
+    }
+
+    private bool IsExternalIPAddress(string url)
+    {
+        var uri = new Uri(url);
+        switch (uri.HostNameType)
+        {
+            case UriHostNameType.Dns:
+                var ipHostEntry = Dns.GetHostEntry(uri.DnsSafeHost);
+                foreach (IPAddress ipAddress in ipHostEntry.AddressList)
+                {
+                    byte[] ipBytes = ipAddress.GetAddressBytes();
+                    if (ipAddress.AddressFamily == System.Net.Sockets.AddressFamily.InterNetwork)
+                    {
+                        if (!IsPrivateIP(ipAddress))
+                        {
+                            return true;
+                        }
+                    }
+                }
+                break;
+
+            case UriHostNameType.IPv4:
+                return !IsPrivateIP(IPAddress.Parse(uri.DnsSafeHost));
+        }
+        return false;
+    }
+
+    private bool IsPrivateIP(IPAddress myIPAddress)
+    {
+        if (IPAddress.IsLoopback(myIPAddress)) return true;
+        if (myIPAddress.AddressFamily == System.Net.Sockets.AddressFamily.InterNetwork)
+        {
+            byte[] ipBytes = myIPAddress.GetAddressBytes();
+            // 10.0.0.0/24 
+            if (ipBytes[0] == 10)
+            {
+                return true;
+            }
+            // 172.16.0.0/16
+            else if (ipBytes[0] == 172 && ipBytes[1] == 16)
+            {
+                return true;
+            }
+            // 192.168.0.0/16
+            else if (ipBytes[0] == 192 && ipBytes[1] == 168)
+            {
+                return true;
+            }
+            // 169.254.0.0/16
+            else if (ipBytes[0] == 169 && ipBytes[1] == 254)
+            {
+                return true;
+            }
+        }
+        return false;
+    }
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/Handler.cs b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/Handler.cs
new file mode 100644
index 000000000..4d20ed52e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/Handler.cs
@@ -0,0 +1,44 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using Newtonsoft.Json;
+
+
+/// <summary>
+/// Handler 的摘要说明
+/// </summary>
+public abstract class Handler
+{
+	public Handler(HttpContext context)
+	{
+        this.Request = context.Request;
+        this.Response = context.Response;
+        this.Context = context;
+        this.Server = context.Server;
+	}
+
+    public abstract void Process();
+
+    protected void WriteJson(object response)
+    {
+        string jsonpCallback = Request["callback"],
+            json = JsonConvert.SerializeObject(response);
+        if (String.IsNullOrWhiteSpace(jsonpCallback))
+        {
+            Response.AddHeader("Content-Type", "text/plain");
+            Response.Write(json);
+        }
+        else 
+        {
+            Response.AddHeader("Content-Type", "application/javascript");
+            Response.Write(String.Format("{0}({1});", jsonpCallback, json));
+        }
+        Response.End();
+    }
+
+    public HttpRequest Request { get; private set; }
+    public HttpResponse Response { get; private set; }
+    public HttpContext Context { get; private set; }
+    public HttpServerUtility Server { get; private set; }
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/ListFileHandler.cs b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/ListFileHandler.cs
new file mode 100644
index 000000000..2cfa22a18
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/ListFileHandler.cs
@@ -0,0 +1,106 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Web;
+
+/// <summary>
+/// FileManager 的摘要说明
+/// </summary>
+public class ListFileManager : Handler
+{
+    enum ResultState
+    {
+        Success,
+        InvalidParam,
+        AuthorizError,
+        IOError,
+        PathNotFound
+    }
+
+    private int Start;
+    private int Size;
+    private int Total;
+    private ResultState State;
+    private String PathToList;
+    private String[] FileList;
+    private String[] SearchExtensions;
+
+    public ListFileManager(HttpContext context, string pathToList, string[] searchExtensions)
+        : base(context)
+    {
+        this.SearchExtensions = searchExtensions.Select(x => x.ToLower()).ToArray();
+        this.PathToList = pathToList;
+    }
+
+    public override void Process()
+    {
+        try
+        {
+            Start = String.IsNullOrEmpty(Request["start"]) ? 0 : Convert.ToInt32(Request["start"]);
+            Size = String.IsNullOrEmpty(Request["size"]) ? Config.GetInt("imageManagerListSize") : Convert.ToInt32(Request["size"]);
+        }
+        catch (FormatException)
+        {
+            State = ResultState.InvalidParam;
+            WriteResult();
+            return;
+        }
+        var buildingList = new List<String>();
+        try
+        {
+            var localPath = Server.MapPath(PathToList);
+            buildingList.AddRange(Directory.GetFiles(localPath, "*", SearchOption.AllDirectories)
+                .Where(x => SearchExtensions.Contains(Path.GetExtension(x).ToLower()))
+                .Select(x => PathToList + x.Substring(localPath.Length).Replace("\\", "/")));
+            Total = buildingList.Count;
+            FileList = buildingList.OrderBy(x => x).Skip(Start).Take(Size).ToArray();
+        }
+        catch (UnauthorizedAccessException)
+        {
+            State = ResultState.AuthorizError;
+        }
+        catch (DirectoryNotFoundException)
+        {
+            State = ResultState.PathNotFound;
+        }
+        catch (IOException)
+        {
+            State = ResultState.IOError;
+        }
+        finally
+        {
+            WriteResult();
+        }
+    }
+
+    private void WriteResult()
+    {
+        WriteJson(new
+        {
+            state = GetStateString(),
+            list = FileList == null ? null : FileList.Select(x => new { url = x }),
+            start = Start,
+            size = Size,
+            total = Total
+        });
+    }
+
+    private string GetStateString()
+    {
+        switch (State)
+        {
+            case ResultState.Success:
+                return "SUCCESS";
+            case ResultState.InvalidParam:
+                return "参数不正确";
+            case ResultState.PathNotFound:
+                return "路径不存在";
+            case ResultState.AuthorizError:
+                return "文件系统权限不足";
+            case ResultState.IOError:
+                return "文件系统读取错误";
+        }
+        return "未知错误";
+    }
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/NotSupportedHandler.cs b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/NotSupportedHandler.cs
new file mode 100644
index 000000000..d9d73230d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/NotSupportedHandler.cs
@@ -0,0 +1,23 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+
+/// <summary>
+/// NotSupportedHandler 的摘要说明
+/// </summary>
+public class NotSupportedHandler : Handler
+{
+    public NotSupportedHandler(HttpContext context)
+        : base(context)
+    {
+    }
+
+    public override void Process()
+    {
+        WriteJson(new
+        {
+            state = "action 参数为空或者 action 不被支持。"
+        });
+    }
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/PathFormater.cs b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/PathFormater.cs
new file mode 100644
index 000000000..e6fbfd471
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/PathFormater.cs
@@ -0,0 +1,50 @@
+
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Text.RegularExpressions;
+using System.Web;
+
+/// <summary>
+/// PathFormater 的摘要说明
+/// </summary>
+public static class PathFormatter
+{
+    public static string Format(string originFileName, string pathFormat)
+    {
+        if (String.IsNullOrWhiteSpace(pathFormat))
+        {
+            pathFormat = "{filename}{rand:6}";
+        }
+
+        var invalidPattern = new Regex(@"[\\\/\:\*\?\042\<\>\|]");
+        originFileName = invalidPattern.Replace(originFileName, "");
+
+        string extension = Path.GetExtension(originFileName);
+        string filename = Path.GetFileNameWithoutExtension(originFileName);
+
+        pathFormat = pathFormat.Replace("{filename}", filename);
+        pathFormat = new Regex(@"\{rand(\:?)(\d+)\}", RegexOptions.Compiled).Replace(pathFormat, new MatchEvaluator(delegate(Match match)
+        {
+            var digit = 6;
+            if (match.Groups.Count > 2)
+            {
+                digit = Convert.ToInt32(match.Groups[2].Value);
+            }
+            var rand = new Random();
+            return rand.Next((int)Math.Pow(10, digit), (int)Math.Pow(10, digit + 1)).ToString();
+        }));
+
+        pathFormat = pathFormat.Replace("{time}", DateTime.Now.Ticks.ToString());
+        pathFormat = pathFormat.Replace("{yyyy}", DateTime.Now.Year.ToString());
+        pathFormat = pathFormat.Replace("{yy}", (DateTime.Now.Year % 100).ToString("D2"));
+        pathFormat = pathFormat.Replace("{mm}", DateTime.Now.Month.ToString("D2"));
+        pathFormat = pathFormat.Replace("{dd}", DateTime.Now.Day.ToString("D2"));
+        pathFormat = pathFormat.Replace("{hh}", DateTime.Now.Hour.ToString("D2"));
+        pathFormat = pathFormat.Replace("{ii}", DateTime.Now.Minute.ToString("D2"));
+        pathFormat = pathFormat.Replace("{ss}", DateTime.Now.Second.ToString("D2"));
+
+        return pathFormat + extension;
+    }
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/UploadHandler.cs b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/UploadHandler.cs
new file mode 100644
index 000000000..ea45e79c2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/App_Code/UploadHandler.cs
@@ -0,0 +1,182 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Text.RegularExpressions;
+using System.Web;
+
+/// <summary>
+/// UploadHandler 的摘要说明
+/// </summary>
+public class UploadHandler : Handler
+{
+
+    public UploadConfig UploadConfig { get; private set; }
+    public UploadResult Result { get; private set; }
+
+    public UploadHandler(HttpContext context, UploadConfig config)
+        : base(context)
+    {
+        this.UploadConfig = config;
+        this.Result = new UploadResult() { State = UploadState.Unknown };
+    }
+
+    public override void Process()
+    {
+        byte[] uploadFileBytes = null;
+        string uploadFileName = null;
+
+        if (UploadConfig.Base64)
+        {
+            uploadFileName = UploadConfig.Base64Filename;
+            uploadFileBytes = Convert.FromBase64String(Request[UploadConfig.UploadFieldName]);
+        }
+        else
+        {
+            var file = Request.Files[UploadConfig.UploadFieldName];
+            uploadFileName = file.FileName;
+
+            if (!CheckFileType(uploadFileName))
+            {
+                Result.State = UploadState.TypeNotAllow;
+                WriteResult();
+                return;
+            }
+            if (!CheckFileSize(file.ContentLength))
+            {
+                Result.State = UploadState.SizeLimitExceed;
+                WriteResult();
+                return;
+            }
+
+            uploadFileBytes = new byte[file.ContentLength];
+            try
+            {
+                file.InputStream.Read(uploadFileBytes, 0, file.ContentLength);
+            }
+            catch (Exception)
+            {
+                Result.State = UploadState.NetworkError;
+                WriteResult();
+            }
+        }
+
+        Result.OriginFileName = uploadFileName;
+
+        var savePath = PathFormatter.Format(uploadFileName, UploadConfig.PathFormat);
+        var localPath = Server.MapPath(savePath);
+        try
+        {
+            if (!Directory.Exists(Path.GetDirectoryName(localPath)))
+            {
+                Directory.CreateDirectory(Path.GetDirectoryName(localPath));
+            }
+            File.WriteAllBytes(localPath, uploadFileBytes);
+            Result.Url = savePath;
+            Result.State = UploadState.Success;
+        }
+        catch (Exception e)
+        {
+            Result.State = UploadState.FileAccessError;
+            Result.ErrorMessage = e.Message;
+        }
+        finally
+        {
+            WriteResult();
+        }
+    }
+
+    private void WriteResult()
+    {
+        this.WriteJson(new
+        {
+            state = GetStateMessage(Result.State),
+            url = Result.Url,
+            title = Result.OriginFileName,
+            original = Result.OriginFileName,
+            error = Result.ErrorMessage
+        });
+    }
+
+    private string GetStateMessage(UploadState state)
+    {
+        switch (state)
+        {
+            case UploadState.Success:
+                return "SUCCESS";
+            case UploadState.FileAccessError:
+                return "文件访问出错，请检查写入权限";
+            case UploadState.SizeLimitExceed:
+                return "文件大小超出服务器限制";
+            case UploadState.TypeNotAllow:
+                return "不允许的文件格式";
+            case UploadState.NetworkError:
+                return "网络错误"; 
+        }
+        return "未知错误";
+    }
+
+    private bool CheckFileType(string filename)
+    {
+        var fileExtension = Path.GetExtension(filename).ToLower();
+        return UploadConfig.AllowExtensions.Select(x => x.ToLower()).Contains(fileExtension);
+    }
+
+    private bool CheckFileSize(int size)
+    {
+        return size < UploadConfig.SizeLimit;
+    }
+}
+
+public class UploadConfig
+{
+    /// <summary>
+    /// 文件命名规则
+    /// </summary>
+    public string PathFormat { get; set; }
+
+    /// <summary>
+    /// 上传表单域名称
+    /// </summary>
+    public string UploadFieldName { get; set; }
+
+    /// <summary>
+    /// 上传大小限制
+    /// </summary>
+    public int SizeLimit { get; set; }
+
+    /// <summary>
+    /// 上传允许的文件格式
+    /// </summary>
+    public string[] AllowExtensions { get; set; }
+
+    /// <summary>
+    /// 文件是否以 Base64 的形式上传
+    /// </summary>
+    public bool Base64 { get; set; }
+
+    /// <summary>
+    /// Base64 字符串所表示的文件名
+    /// </summary>
+    public string Base64Filename { get; set; }
+}
+
+public class UploadResult
+{
+    public UploadState State { get; set; }
+    public string Url { get; set; }
+    public string OriginFileName { get; set; }
+
+    public string ErrorMessage { get; set; }
+}
+
+public enum UploadState
+{
+    Success = 0,
+    SizeLimitExceed = -1,
+    TypeNotAllow = -2,
+    FileAccessError = -3,
+    NetworkError = -4,
+    Unknown = 1,
+}
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/README.md b/nezha-fronted/static/ueditor-1.4.3.3/net/README.md
new file mode 100644
index 000000000..b7c7ddd50
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/README.md
@@ -0,0 +1,141 @@
+UEditor ASP.NET 后台使用说明
+=====
+
+## 背景
+
+UEditor 在 1.4 版本之后进行了一次[前后端统一配置](../_doc/3.1 后端请求规范.md)的整理，.Net 的后台也进行了一次重写，跟之前的版本差别较大，升级的用户注意阅读本文档。
+
+本文档介绍 UEditor ASP.NET 后台的部署、配置、源码说明。
+
+
+## 1. 部署说明
+
+### 1.1. 安装并注册 .NET Framework 4.0
+
+代码的运行时环境是 .NET Framework 4.0，首先要确认 IIS 已经安装了 .NET 4.0 的运行时框架。方法是打开「IIS 管理器」，选择根目录下的「应用程序池」，在右侧查看是否有一个应用程序池的版本是 v4.0，如果存在，则 IIS 已经安装了所需的运行时环境，此时读者可以跳过本节。
+
+![检查 .NET 4.0 安装情况](../_doc/images/net-publish-1.png)
+
+如果没有找到对应的应用程序池，需要手动安装。
+
+Windows 7 和 Windows Server 2008 R2 默认安装了 .Net Framework 4.0，如果是 Server 03 和老掉牙的 Windows XP，则需要手动安装 [.NET Framework 4.0](http://www.microsoft.com/zh-cn/download/details.aspx?id=17718)。
+
+安装完 .NET Framework 4.0 后，还需要向 IIS 注册应用程序池，注册的方法是，使用**管理员权限**打开命令提示符（CMD），输入以下命令：
+
+```shell
+C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_regiis -i
+```
+
+安装完毕后，在 IIS 管理器刷新就能看到 4.0 的应用程序池。
+
+### 1.2. 设置 .NET 应用程序
+
+代码要求以应用程序的形式来运行（可以方便加入库依赖和组织代码）。需要把 `net` 目录转换为应用程序。
+
+1. 在 IIS 中，展开到 `ueditor/net` 目录，在目录上右击，点击「转换为应用程序」。
+
+   ![转换为应用程序](../_doc/images/net-publish-2.png)
+
+2. 弹出的对话框中，点击「选择...」来指定使用的应用程序池。选择版本为 4.0 的应用程序池，然后点确定。
+
+   ![选择应用程序池](../_doc/images/net-publish-3.png)
+
+3. 设置连接凭据。点击「链接为...」按钮，在弹出的对话框中指定一个对目录具有读写权限的用户（如 administrator），然后点确定。
+
+   ![设置连接凭据](../_doc/images/net-publish-4.png)
+
+   设置完毕后，可以点击「测试设置...」来测试权限是否正常。
+
+   ![设置连接凭据](../_doc/images/net-publish-5.png)
+
+### 1.3. 运行测试
+
+在浏览器中运行 `net/controller.ashx`，如果返回 "`{"state":"action 参数为空或者 action 不被支持。"}`"，则表示应用程序运行成功。
+
+如果你确认上述步骤已经执行，但是依然有问题，请给我们[提 Issue](https://github.com/fex-team/ueditor/issues/new?labels=NET%E5%90%8E%E5%8F%B0)，我们会尽快答复解决。
+
+## 2. 配置说明
+
+前后端配置统一之后，配置文件由后台读取，返回给前端。但是部分配置是给后台使用的。
+
+### 2.1. 上传配置说明
+
+关于上传的部分，后台需要关心以下模板的配置项。
+
+```json
+{
+    "{tpl}FieldName": "upfile",
+    "{tpl}PathFormat": "upload/{tpl}/{yyyy}{mm}{dd}/{time}{rand:6}",
+    "{tpl}UrlPrefix": "/ueditor/net/",
+    "{tpl}AllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"],
+    "{tpl}MaxSize": 2048000
+}
+```
+
+"{tpl}FieldName" 表示提交的表单的文件域名称。
+
+"{tpl}PathFormat" 表示上传文件保存的路径和名称。注意，这里的路径是相对应用程序的，如果需要修改的话，请自行修改源码。
+
+"{tpl}UrlPrefix" 表示上传文件访问的 URL 前缀。注意，这里应该给出应用程序的 URL 路径，否则上传的文件不能正确定位。
+
+> 举个例子，如果你的 UEditor 的位置在 `http://www.mydomain.com/myapp/ueditor`，对应的本地路径是 `C:\iis_pub\www\myapp\ueditor`，那么 .NET 应用程序的位置在 `http://www.mydomain.com/myapp/ueditor/net`，对应的本地路径是 `C:\iis_pub\www\myapp\ueditor\net`。图片上传配置项应该如下：
+> 
+> { 
+>    "imagePathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",
+>    "imageUrlPrefix": "/myapp/ueditor/net/",
+> }
+>
+> 上传的文件会保存在 `C:\iis_pub\www\myapp\ueditor\net\upload\image\{日期}\{文件名}`
+
+"{tpl}AllowFiles" 限制文件上传的类型，注意要有 "."。
+
+"{tpl}MaxSize" 限制文件上传的大小。注意这里的限制是代码上的判断，应用程序本身还有一个请求报文大小限制。该限制在 web.config 文件中修改，注意要有以下的节：
+
+```xml
+<configuration>
+  <system.web>
+    <httpRuntime requestValidationMode="2.0" maxRequestLength="102400" />
+  </system.web>
+</configuration>
+```
+
+maxRequestLength 就是请求报文大小限制，该大小应该要比设置的所有上传大小都大，否则应用程序执行之前，请求会被被拒绝。
+
+## 3. 源码说明
+
+可以看到 net 目录内的源码结构是这样的：
+
+```
+net
+    App_Code
+        Config.cs
+        Handler.cs
+        PathFormatter.cs
+        *Handler.cs
+    Bin
+        Newtonsoft.Json.dll
+    config.json
+    controller.ashx
+    net.sln
+    README.md
+    Web.config
+```
+
+App_Code 上的文件是应用程序的源码。
+
+- Config.cs 负责读取配置文件
+- Handler.cs 是请求处理器的基类，提供了一些基本对象的访问以及输出控制。如果需要增加处理器，应该从该基类继承
+- PathFormatter.cs 解析 PathFormat，把信息填充为运行时信息。
+- *Handler.cs 是各种处理器，处理各种 UEditor 需要的请求。
+
+Bin 里面的是应用程序的依赖库，当前依赖 Newtonsoft 的 Json 库。Bin 目录和 App_Code 目录受应用程序保护，不用担心被用户访问到。
+
+config.json 是 UEditor 后端的配置文件，上一节已经介绍了比较重要的配置项。
+
+controller.ashx 是 UEditor 请求的入口，它把不同的 action 分发到不同的 Handler 来处理。
+
+net.sln 是项目的解决方案文件，安装 Visual Studio 2013 或以上的机器可以打开进行项目的改造。
+
+README.md 是本说明文件。
+
+Web.config 是应用程序的配置文件。
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/Web.config b/nezha-fronted/static/ueditor-1.4.3.3/net/Web.config
new file mode 100644
index 000000000..992ee5280
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/Web.config
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration>
+  <system.web>
+    <compilation debug="true" targetFramework="4.0" />
+    <httpRuntime requestValidationMode="2.0" maxRequestLength="102400 " />
+    <pages validateRequest="false" controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID"></pages>
+    <globalization fileEncoding="utf-8" requestEncoding="utf-8" responseEncoding="utf-8" culture="zh-CN" />
+  </system.web>
+</configuration>
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/config.json b/nezha-fronted/static/ueditor-1.4.3.3/net/config.json
new file mode 100644
index 000000000..55d948f22
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/config.json
@@ -0,0 +1,94 @@
+/* 前后端通信相关的配置,注释只允许使用多行方式 */
+{
+    /* 上传图片配置项 */
+    "imageActionName": "uploadimage", /* 执行上传图片的action名称 */
+    "imageFieldName": "upfile", /* 提交的图片表单名称 */
+    "imageMaxSize": 2048000, /* 上传大小限制，单位B */
+    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
+    "imageCompressEnable": true, /* 是否压缩图片,默认是true */
+    "imageCompressBorder": 1600, /* 图片压缩最长边限制 */
+    "imageInsertAlign": "none", /* 插入的图片浮动方式 */
+    "imageUrlPrefix": "/ueditor/net/", /* 图片访问路径前缀 */
+    "imagePathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+                                /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
+                                /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
+                                /* {time} 会替换成时间戳 */
+                                /* {yyyy} 会替换成四位年份 */
+                                /* {yy} 会替换成两位年份 */
+                                /* {mm} 会替换成两位月份 */
+                                /* {dd} 会替换成两位日期 */
+                                /* {hh} 会替换成两位小时 */
+                                /* {ii} 会替换成两位分钟 */
+                                /* {ss} 会替换成两位秒 */
+                                /* 非法字符 \ : * ? " < > | */
+                                /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */
+
+    /* 涂鸦图片上传配置项 */
+    "scrawlActionName": "uploadscrawl", /* 执行上传涂鸦的action名称 */
+    "scrawlFieldName": "upfile", /* 提交的图片表单名称 */
+    "scrawlPathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "scrawlMaxSize": 2048000, /* 上传大小限制，单位B */
+    "scrawlUrlPrefix": "/ueditor/net/", /* 图片访问路径前缀 */
+    "scrawlInsertAlign": "none",
+
+    /* 截图工具上传 */
+    "snapscreenActionName": "uploadimage", /* 执行上传截图的action名称 */
+    "snapscreenPathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "snapscreenUrlPrefix": "/ueditor/net/", /* 图片访问路径前缀 */
+    "snapscreenInsertAlign": "none", /* 插入的图片浮动方式 */
+
+    /* 抓取远程图片配置 */
+    "catcherLocalDomain": ["127.0.0.1", "localhost", "img.baidu.com"],
+    "catcherActionName": "catchimage", /* 执行抓取远程图片的action名称 */
+    "catcherFieldName": "source", /* 提交的图片列表表单名称 */
+    "catcherPathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "catcherUrlPrefix": "/ueditor/net/", /* 图片访问路径前缀 */
+    "catcherMaxSize": 2048000, /* 上传大小限制，单位B */
+    "catcherAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 抓取图片格式显示 */
+
+    /* 上传视频配置 */
+    "videoActionName": "uploadvideo", /* 执行上传视频的action名称 */
+    "videoFieldName": "upfile", /* 提交的视频表单名称 */
+    "videoPathFormat": "upload/video/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "videoUrlPrefix": "/ueditor/net/", /* 视频访问路径前缀 */
+    "videoMaxSize": 102400000, /* 上传大小限制，单位B，默认100MB */
+    "videoAllowFiles": [
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid"], /* 上传视频格式显示 */
+
+    /* 上传文件配置 */
+    "fileActionName": "uploadfile", /* controller里,执行上传视频的action名称 */
+    "fileFieldName": "upfile", /* 提交的文件表单名称 */
+    "filePathFormat": "upload/file/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "fileUrlPrefix": "/ueditor/net/", /* 文件访问路径前缀 */
+    "fileMaxSize": 51200000, /* 上传大小限制，单位B，默认50MB */
+    "fileAllowFiles": [
+        ".png", ".jpg", ".jpeg", ".gif", ".bmp",
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
+        ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
+        ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
+    ], /* 上传文件格式显示 */
+
+    /* 列出指定目录下的图片 */
+    "imageManagerActionName": "listimage", /* 执行图片管理的action名称 */
+    "imageManagerListPath": "upload/image", /* 指定要列出图片的目录 */
+    "imageManagerListSize": 20, /* 每次列出文件数量 */
+    "imageManagerUrlPrefix": "/ueditor/net/", /* 图片访问路径前缀 */
+    "imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */
+    "imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 列出的文件类型 */
+
+    /* 列出指定目录下的文件 */
+    "fileManagerActionName": "listfile", /* 执行文件管理的action名称 */
+    "fileManagerListPath": "upload/file", /* 指定要列出文件的目录 */
+    "fileManagerUrlPrefix": "/ueditor/net/", /* 文件访问路径前缀 */
+    "fileManagerListSize": 20, /* 每次列出文件数量 */
+    "fileManagerAllowFiles": [
+        ".png", ".jpg", ".jpeg", ".gif", ".bmp",
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
+        ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
+        ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
+    ] /* 列出的文件类型 */
+
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/net/controller.ashx b/nezha-fronted/static/ueditor-1.4.3.3/net/controller.ashx
new file mode 100644
index 000000000..320714e9e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/net/controller.ashx
@@ -0,0 +1,80 @@
+<%@ WebHandler Language="C#" Class="UEditorHandler" %>
+
+using System;
+using System.Web;
+using System.IO;
+using System.Collections;
+using Newtonsoft.Json;
+
+public class UEditorHandler : IHttpHandler
+{
+    public void ProcessRequest(HttpContext context)
+    {
+        Handler action = null;
+        switch (context.Request["action"])
+        {
+            case "config":
+                action = new ConfigHandler(context);
+                break;
+            case "uploadimage":
+                action = new UploadHandler(context, new UploadConfig()
+                {
+                    AllowExtensions = Config.GetStringList("imageAllowFiles"),
+                    PathFormat = Config.GetString("imagePathFormat"),
+                    SizeLimit = Config.GetInt("imageMaxSize"),
+                    UploadFieldName = Config.GetString("imageFieldName")
+                });
+                break;
+            case "uploadscrawl":
+                action = new UploadHandler(context, new UploadConfig()
+                {
+                    AllowExtensions = new string[] { ".png" },
+                    PathFormat = Config.GetString("scrawlPathFormat"),
+                    SizeLimit = Config.GetInt("scrawlMaxSize"),
+                    UploadFieldName = Config.GetString("scrawlFieldName"),
+                    Base64 = true,
+                    Base64Filename = "scrawl.png"
+                });
+                break;
+            case "uploadvideo":
+                action = new UploadHandler(context, new UploadConfig()
+                {
+                    AllowExtensions = Config.GetStringList("videoAllowFiles"),
+                    PathFormat = Config.GetString("videoPathFormat"),
+                    SizeLimit = Config.GetInt("videoMaxSize"),
+                    UploadFieldName = Config.GetString("videoFieldName")
+                });
+                break;
+            case "uploadfile":
+                action = new UploadHandler(context, new UploadConfig()
+                {
+                    AllowExtensions = Config.GetStringList("fileAllowFiles"),
+                    PathFormat = Config.GetString("filePathFormat"),
+                    SizeLimit = Config.GetInt("fileMaxSize"),
+                    UploadFieldName = Config.GetString("fileFieldName")
+                });
+                break;
+            case "listimage":
+                action = new ListFileManager(context, Config.GetString("imageManagerListPath"), Config.GetStringList("imageManagerAllowFiles"));
+                break;
+            case "listfile":
+                action = new ListFileManager(context, Config.GetString("fileManagerListPath"), Config.GetStringList("fileManagerAllowFiles"));
+                break;
+            case "catchimage":
+                action = new CrawlerHandler(context);
+                break;
+            default:
+                action = new NotSupportedHandler(context);
+                break;
+        }
+        action.Process();
+    }
+
+    public bool IsReusable
+    {
+        get
+        {
+            return false;
+        }
+    }
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/package.json b/nezha-fronted/static/ueditor-1.4.3.3/package.json
new file mode 100644
index 000000000..1988b1f39
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/package.json
@@ -0,0 +1,36 @@
+{
+    "name": "ueditor",
+    "title": "ueditor",
+    "description": "UEditor富文本web编辑器",
+    "version": "1.4.3",
+    "homepage": "http://ueditor.baidu.com/",
+    "author": {
+        "name": "f-cube @ FEX",
+        "url": "http://fex.baidu.com"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/fex-team/ueditor.git"
+    },
+    "keywords": [
+        "ueditor",
+        "web editor",
+        "javascript"
+    ],
+    "bugs": {
+        "url": "https://github.com/fex-team/ueditor/issues"
+    },
+    "dependencies": {
+        "grunt": "~0.4.1",
+        "grunt-contrib-concat": "~0.3.0",
+        "grunt-contrib-cssmin": "~0.6.0",
+        "grunt-contrib-uglify": "~1.0.1",
+        "grunt-contrib-copy": "~0.4.0",
+        "grunt-transcoding": "~0.1.1",
+        "grunt-text-replace": "~0.3.9",
+        "grunt-contrib-clean": "~0.5.0"
+    },
+    "devDependencies": {
+        "grunt": "~0.4.1"
+    }
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/php/Uploader.class.php b/nezha-fronted/static/ueditor-1.4.3.3/php/Uploader.class.php
new file mode 100644
index 000000000..b7d6bf8d5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/php/Uploader.class.php
@@ -0,0 +1,372 @@
+<?php
+
+/**
+ * Created by JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 12-7-18
+ * Time: 上午11: 32
+ * UEditor编辑器通用上传类
+ */
+class Uploader
+{
+    private $fileField; //文件域名
+    private $file; //文件上传对象
+    private $base64; //文件上传对象
+    private $config; //配置信息
+    private $oriName; //原始文件名
+    private $fileName; //新文件名
+    private $fullName; //完整文件名,即从当前配置目录开始的URL
+    private $filePath; //完整文件名,即从当前配置目录开始的URL
+    private $fileSize; //文件大小
+    private $fileType; //文件类型
+    private $stateInfo; //上传状态信息,
+    private $stateMap = array( //上传状态映射表，国际化用户需考虑此处数据的国际化
+        "SUCCESS", //上传成功标记，在UEditor中内不可改变，否则flash判断会出错
+        "文件大小超出 upload_max_filesize 限制",
+        "文件大小超出 MAX_FILE_SIZE 限制",
+        "文件未被完整上传",
+        "没有文件被上传",
+        "上传文件为空",
+        "ERROR_TMP_FILE" => "临时文件错误",
+        "ERROR_TMP_FILE_NOT_FOUND" => "找不到临时文件",
+        "ERROR_SIZE_EXCEED" => "文件大小超出网站限制",
+        "ERROR_TYPE_NOT_ALLOWED" => "文件类型不允许",
+        "ERROR_CREATE_DIR" => "目录创建失败",
+        "ERROR_DIR_NOT_WRITEABLE" => "目录没有写权限",
+        "ERROR_FILE_MOVE" => "文件保存时出错",
+        "ERROR_FILE_NOT_FOUND" => "找不到上传文件",
+        "ERROR_WRITE_CONTENT" => "写入文件内容错误",
+        "ERROR_UNKNOWN" => "未知错误",
+        "ERROR_DEAD_LINK" => "链接不可用",
+        "ERROR_HTTP_LINK" => "链接不是http链接",
+        "ERROR_HTTP_CONTENTTYPE" => "链接contentType不正确",
+        "INVALID_URL" => "非法 URL",
+        "INVALID_IP" => "非法 IP"
+    );
+
+    /**
+     * 构造函数
+     * @param string $fileField 表单名称
+     * @param array $config 配置项
+     * @param bool $base64 是否解析base64编码，可省略。若开启，则$fileField代表的是base64编码的字符串表单名
+     */
+    public function __construct($fileField, $config, $type = "upload")
+    {
+        $this->fileField = $fileField;
+        $this->config = $config;
+        $this->type = $type;
+        if ($type == "remote") {
+            $this->saveRemote();
+        } else if($type == "base64") {
+            $this->upBase64();
+        } else {
+            $this->upFile();
+        }
+
+        $this->stateMap['ERROR_TYPE_NOT_ALLOWED'] = iconv('unicode', 'utf-8', $this->stateMap['ERROR_TYPE_NOT_ALLOWED']);
+    }
+
+    /**
+     * 上传文件的主处理方法
+     * @return mixed
+     */
+    private function upFile()
+    {
+        $file = $this->file = $_FILES[$this->fileField];
+        if (!$file) {
+            $this->stateInfo = $this->getStateInfo("ERROR_FILE_NOT_FOUND");
+            return;
+        }
+        if ($this->file['error']) {
+            $this->stateInfo = $this->getStateInfo($file['error']);
+            return;
+        } else if (!file_exists($file['tmp_name'])) {
+            $this->stateInfo = $this->getStateInfo("ERROR_TMP_FILE_NOT_FOUND");
+            return;
+        } else if (!is_uploaded_file($file['tmp_name'])) {
+            $this->stateInfo = $this->getStateInfo("ERROR_TMPFILE");
+            return;
+        }
+
+        $this->oriName = $file['name'];
+        $this->fileSize = $file['size'];
+        $this->fileType = $this->getFileExt();
+        $this->fullName = $this->getFullName();
+        $this->filePath = $this->getFilePath();
+        $this->fileName = $this->getFileName();
+        $dirname = dirname($this->filePath);
+
+        //检查文件大小是否超出限制
+        if (!$this->checkSize()) {
+            $this->stateInfo = $this->getStateInfo("ERROR_SIZE_EXCEED");
+            return;
+        }
+
+        //检查是否不允许的文件格式
+        if (!$this->checkType()) {
+            $this->stateInfo = $this->getStateInfo("ERROR_TYPE_NOT_ALLOWED");
+            return;
+        }
+
+        //创建目录失败
+        if (!file_exists($dirname) && !mkdir($dirname, 0777, true)) {
+            $this->stateInfo = $this->getStateInfo("ERROR_CREATE_DIR");
+            return;
+        } else if (!is_writeable($dirname)) {
+            $this->stateInfo = $this->getStateInfo("ERROR_DIR_NOT_WRITEABLE");
+            return;
+        }
+
+        //移动文件
+        if (!(move_uploaded_file($file["tmp_name"], $this->filePath) && file_exists($this->filePath))) { //移动失败
+            $this->stateInfo = $this->getStateInfo("ERROR_FILE_MOVE");
+        } else { //移动成功
+            $this->stateInfo = $this->stateMap[0];
+        }
+    }
+
+    /**
+     * 处理base64编码的图片上传
+     * @return mixed
+     */
+    private function upBase64()
+    {
+        $base64Data = $_POST[$this->fileField];
+        $img = base64_decode($base64Data);
+
+        $this->oriName = $this->config['oriName'];
+        $this->fileSize = strlen($img);
+        $this->fileType = $this->getFileExt();
+        $this->fullName = $this->getFullName();
+        $this->filePath = $this->getFilePath();
+        $this->fileName = $this->getFileName();
+        $dirname = dirname($this->filePath);
+
+        //检查文件大小是否超出限制
+        if (!$this->checkSize()) {
+            $this->stateInfo = $this->getStateInfo("ERROR_SIZE_EXCEED");
+            return;
+        }
+
+        //创建目录失败
+        if (!file_exists($dirname) && !mkdir($dirname, 0777, true)) {
+            $this->stateInfo = $this->getStateInfo("ERROR_CREATE_DIR");
+            return;
+        } else if (!is_writeable($dirname)) {
+            $this->stateInfo = $this->getStateInfo("ERROR_DIR_NOT_WRITEABLE");
+            return;
+        }
+
+        //移动文件
+        if (!(file_put_contents($this->filePath, $img) && file_exists($this->filePath))) { //移动失败
+            $this->stateInfo = $this->getStateInfo("ERROR_WRITE_CONTENT");
+        } else { //移动成功
+            $this->stateInfo = $this->stateMap[0];
+        }
+
+    }
+
+    /**
+     * 拉取远程图片
+     * @return mixed
+     */
+    private function saveRemote()
+    {
+        $imgUrl = htmlspecialchars($this->fileField);
+        $imgUrl = str_replace("&amp;", "&", $imgUrl);
+
+        //http开头验证
+        if (strpos($imgUrl, "http") !== 0) {
+            $this->stateInfo = $this->getStateInfo("ERROR_HTTP_LINK");
+            return;
+        }
+
+        preg_match('/(^https*:\/\/[^:\/]+)/', $imgUrl, $matches);
+        $host_with_protocol = count($matches) > 1 ? $matches[1] : '';
+
+        // 判断是否是合法 url
+        if (!filter_var($host_with_protocol, FILTER_VALIDATE_URL)) {
+            $this->stateInfo = $this->getStateInfo("INVALID_URL");
+            return;
+        }
+
+        preg_match('/^https*:\/\/(.+)/', $host_with_protocol, $matches);
+        $host_without_protocol = count($matches) > 1 ? $matches[1] : '';
+
+        // 此时提取出来的可能是 ip 也有可能是域名，先获取 ip
+        $ip = gethostbyname($host_without_protocol);
+        // 判断是否是私有 ip
+        if(!filter_var($ip, FILTER_VALIDATE_IP, FILTER_FLAG_NO_PRIV_RANGE)) {
+            $this->stateInfo = $this->getStateInfo("INVALID_IP");
+            return;
+        }
+
+        //获取请求头并检测死链
+        $heads = get_headers($imgUrl, 1);
+        if (!(stristr($heads[0], "200") && stristr($heads[0], "OK"))) {
+            $this->stateInfo = $this->getStateInfo("ERROR_DEAD_LINK");
+            return;
+        }
+        //格式验证(扩展名验证和Content-Type验证)
+        $fileType = strtolower(strrchr($imgUrl, '.'));
+        if (!in_array($fileType, $this->config['allowFiles']) || !isset($heads['Content-Type']) || !stristr($heads['Content-Type'], "image")) {
+            $this->stateInfo = $this->getStateInfo("ERROR_HTTP_CONTENTTYPE");
+            return;
+        }
+
+        //打开输出缓冲区并获取远程图片
+        ob_start();
+        $context = stream_context_create(
+            array('http' => array(
+                'follow_location' => false // don't follow redirects
+            ))
+        );
+        readfile($imgUrl, false, $context);
+        $img = ob_get_contents();
+        ob_end_clean();
+        preg_match("/[\/]([^\/]*)[\.]?[^\.\/]*$/", $imgUrl, $m);
+
+        $this->oriName = $m ? $m[1]:"";
+        $this->fileSize = strlen($img);
+        $this->fileType = $this->getFileExt();
+        $this->fullName = $this->getFullName();
+        $this->filePath = $this->getFilePath();
+        $this->fileName = $this->getFileName();
+        $dirname = dirname($this->filePath);
+
+        //检查文件大小是否超出限制
+        if (!$this->checkSize()) {
+            $this->stateInfo = $this->getStateInfo("ERROR_SIZE_EXCEED");
+            return;
+        }
+
+        //创建目录失败
+        if (!file_exists($dirname) && !mkdir($dirname, 0777, true)) {
+            $this->stateInfo = $this->getStateInfo("ERROR_CREATE_DIR");
+            return;
+        } else if (!is_writeable($dirname)) {
+            $this->stateInfo = $this->getStateInfo("ERROR_DIR_NOT_WRITEABLE");
+            return;
+        }
+
+        //移动文件
+        if (!(file_put_contents($this->filePath, $img) && file_exists($this->filePath))) { //移动失败
+            $this->stateInfo = $this->getStateInfo("ERROR_WRITE_CONTENT");
+        } else { //移动成功
+            $this->stateInfo = $this->stateMap[0];
+        }
+
+    }
+
+    /**
+     * 上传错误检查
+     * @param $errCode
+     * @return string
+     */
+    private function getStateInfo($errCode)
+    {
+        return !$this->stateMap[$errCode] ? $this->stateMap["ERROR_UNKNOWN"] : $this->stateMap[$errCode];
+    }
+
+    /**
+     * 获取文件扩展名
+     * @return string
+     */
+    private function getFileExt()
+    {
+        return strtolower(strrchr($this->oriName, '.'));
+    }
+
+    /**
+     * 重命名文件
+     * @return string
+     */
+    private function getFullName()
+    {
+        //替换日期事件
+        $t = time();
+        $d = explode('-', date("Y-y-m-d-H-i-s"));
+        $format = $this->config["pathFormat"];
+        $format = str_replace("{yyyy}", $d[0], $format);
+        $format = str_replace("{yy}", $d[1], $format);
+        $format = str_replace("{mm}", $d[2], $format);
+        $format = str_replace("{dd}", $d[3], $format);
+        $format = str_replace("{hh}", $d[4], $format);
+        $format = str_replace("{ii}", $d[5], $format);
+        $format = str_replace("{ss}", $d[6], $format);
+        $format = str_replace("{time}", $t, $format);
+
+        //过滤文件名的非法自负,并替换文件名
+        $oriName = substr($this->oriName, 0, strrpos($this->oriName, '.'));
+        $oriName = preg_replace("/[\|\?\"\<\>\/\*\\\\]+/", '', $oriName);
+        $format = str_replace("{filename}", $oriName, $format);
+
+        //替换随机字符串
+        $randNum = rand(1, 10000000000) . rand(1, 10000000000);
+        if (preg_match("/\{rand\:([\d]*)\}/i", $format, $matches)) {
+            $format = preg_replace("/\{rand\:[\d]*\}/i", substr($randNum, 0, $matches[1]), $format);
+        }
+
+        $ext = $this->getFileExt();
+        return $format . $ext;
+    }
+
+    /**
+     * 获取文件名
+     * @return string
+     */
+    private function getFileName () {
+        return substr($this->filePath, strrpos($this->filePath, '/') + 1);
+    }
+
+    /**
+     * 获取文件完整路径
+     * @return string
+     */
+    private function getFilePath()
+    {
+        $fullname = $this->fullName;
+        $rootPath = $_SERVER['DOCUMENT_ROOT'];
+
+        if (substr($fullname, 0, 1) != '/') {
+            $fullname = '/' . $fullname;
+        }
+
+        return $rootPath . $fullname;
+    }
+
+    /**
+     * 文件类型检测
+     * @return bool
+     */
+    private function checkType()
+    {
+        return in_array($this->getFileExt(), $this->config["allowFiles"]);
+    }
+
+    /**
+     * 文件大小检测
+     * @return bool
+     */
+    private function  checkSize()
+    {
+        return $this->fileSize <= ($this->config["maxSize"]);
+    }
+
+    /**
+     * 获取当前上传成功文件的各项信息
+     * @return array
+     */
+    public function getFileInfo()
+    {
+        return array(
+            "state" => $this->stateInfo,
+            "url" => $this->fullName,
+            "title" => $this->fileName,
+            "original" => $this->oriName,
+            "type" => $this->fileType,
+            "size" => $this->fileSize
+        );
+    }
+
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/php/action_crawler.php b/nezha-fronted/static/ueditor-1.4.3.3/php/action_crawler.php
new file mode 100644
index 000000000..b9e18dfae
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/php/action_crawler.php
@@ -0,0 +1,44 @@
+<?php
+/**
+ * 抓取远程图片
+ * User: Jinqn
+ * Date: 14-04-14
+ * Time: 下午19:18
+ */
+set_time_limit(0);
+include("Uploader.class.php");
+
+/* 上传配置 */
+$config = array(
+    "pathFormat" => $CONFIG['catcherPathFormat'],
+    "maxSize" => $CONFIG['catcherMaxSize'],
+    "allowFiles" => $CONFIG['catcherAllowFiles'],
+    "oriName" => "remote.png"
+);
+$fieldName = $CONFIG['catcherFieldName'];
+
+/* 抓取远程图片 */
+$list = array();
+if (isset($_POST[$fieldName])) {
+    $source = $_POST[$fieldName];
+} else {
+    $source = $_GET[$fieldName];
+}
+foreach ($source as $imgUrl) {
+    $item = new Uploader($imgUrl, $config, "remote");
+    $info = $item->getFileInfo();
+    array_push($list, array(
+        "state" => $info["state"],
+        "url" => $info["url"],
+        "size" => $info["size"],
+        "title" => htmlspecialchars($info["title"]),
+        "original" => htmlspecialchars($info["original"]),
+        "source" => htmlspecialchars($imgUrl)
+    ));
+}
+
+/* 返回抓取数据 */
+return json_encode(array(
+    'state'=> count($list) ? 'SUCCESS':'ERROR',
+    'list'=> $list
+));
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/php/action_list.php b/nezha-fronted/static/ueditor-1.4.3.3/php/action_list.php
new file mode 100644
index 000000000..bf9cd62c1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/php/action_list.php
@@ -0,0 +1,92 @@
+<?php
+/**
+ * 获取已上传的文件列表
+ * User: Jinqn
+ * Date: 14-04-09
+ * Time: 上午10:17
+ */
+include "Uploader.class.php";
+
+/* 判断类型 */
+switch ($_GET['action']) {
+    /* 列出文件 */
+    case 'listfile':
+        $allowFiles = $CONFIG['fileManagerAllowFiles'];
+        $listSize = $CONFIG['fileManagerListSize'];
+        $path = $CONFIG['fileManagerListPath'];
+        break;
+    /* 列出图片 */
+    case 'listimage':
+    default:
+        $allowFiles = $CONFIG['imageManagerAllowFiles'];
+        $listSize = $CONFIG['imageManagerListSize'];
+        $path = $CONFIG['imageManagerListPath'];
+}
+$allowFiles = substr(str_replace(".", "|", join("", $allowFiles)), 1);
+
+/* 获取参数 */
+$size = isset($_GET['size']) ? htmlspecialchars($_GET['size']) : $listSize;
+$start = isset($_GET['start']) ? htmlspecialchars($_GET['start']) : 0;
+$end = $start + $size;
+
+/* 获取文件列表 */
+$path = $_SERVER['DOCUMENT_ROOT'] . (substr($path, 0, 1) == "/" ? "":"/") . $path;
+$files = getfiles($path, $allowFiles);
+if (!count($files)) {
+    return json_encode(array(
+        "state" => "no match file",
+        "list" => array(),
+        "start" => $start,
+        "total" => count($files)
+    ));
+}
+
+/* 获取指定范围的列表 */
+$len = count($files);
+for ($i = min($end, $len) - 1, $list = array(); $i < $len && $i >= 0 && $i >= $start; $i--){
+    $list[] = $files[$i];
+}
+//倒序
+//for ($i = $end, $list = array(); $i < $len && $i < $end; $i++){
+//    $list[] = $files[$i];
+//}
+
+/* 返回数据 */
+$result = json_encode(array(
+    "state" => "SUCCESS",
+    "list" => $list,
+    "start" => $start,
+    "total" => count($files)
+));
+
+return $result;
+
+
+/**
+ * 遍历获取目录下的指定类型的文件
+ * @param $path
+ * @param array $files
+ * @return array
+ */
+function getfiles($path, $allowFiles, &$files = array())
+{
+    if (!is_dir($path)) return null;
+    if(substr($path, strlen($path) - 1) != '/') $path .= '/';
+    $handle = opendir($path);
+    while (false !== ($file = readdir($handle))) {
+        if ($file != '.' && $file != '..') {
+            $path2 = $path . $file;
+            if (is_dir($path2)) {
+                getfiles($path2, $allowFiles, $files);
+            } else {
+                if (preg_match("/\.(".$allowFiles.")$/i", $file)) {
+                    $files[] = array(
+                        'url'=> substr($path2, strlen($_SERVER['DOCUMENT_ROOT'])),
+                        'mtime'=> filemtime($path2)
+                    );
+                }
+            }
+        }
+    }
+    return $files;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/php/action_upload.php b/nezha-fronted/static/ueditor-1.4.3.3/php/action_upload.php
new file mode 100644
index 000000000..d55b6591a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/php/action_upload.php
@@ -0,0 +1,66 @@
+<?php
+/**
+ * 上传附件和上传视频
+ * User: Jinqn
+ * Date: 14-04-09
+ * Time: 上午10:17
+ */
+include "Uploader.class.php";
+
+/* 上传配置 */
+$base64 = "upload";
+switch (htmlspecialchars($_GET['action'])) {
+    case 'uploadimage':
+        $config = array(
+            "pathFormat" => $CONFIG['imagePathFormat'],
+            "maxSize" => $CONFIG['imageMaxSize'],
+            "allowFiles" => $CONFIG['imageAllowFiles']
+        );
+        $fieldName = $CONFIG['imageFieldName'];
+        break;
+    case 'uploadscrawl':
+        $config = array(
+            "pathFormat" => $CONFIG['scrawlPathFormat'],
+            "maxSize" => $CONFIG['scrawlMaxSize'],
+            "allowFiles" => $CONFIG['scrawlAllowFiles'],
+            "oriName" => "scrawl.png"
+        );
+        $fieldName = $CONFIG['scrawlFieldName'];
+        $base64 = "base64";
+        break;
+    case 'uploadvideo':
+        $config = array(
+            "pathFormat" => $CONFIG['videoPathFormat'],
+            "maxSize" => $CONFIG['videoMaxSize'],
+            "allowFiles" => $CONFIG['videoAllowFiles']
+        );
+        $fieldName = $CONFIG['videoFieldName'];
+        break;
+    case 'uploadfile':
+    default:
+        $config = array(
+            "pathFormat" => $CONFIG['filePathFormat'],
+            "maxSize" => $CONFIG['fileMaxSize'],
+            "allowFiles" => $CONFIG['fileAllowFiles']
+        );
+        $fieldName = $CONFIG['fileFieldName'];
+        break;
+}
+
+/* 生成上传实例对象并完成上传 */
+$up = new Uploader($fieldName, $config, $base64);
+
+/**
+ * 得到上传文件所对应的各个参数,数组结构
+ * array(
+ *     "state" => "",          //上传状态，上传成功时必须返回"SUCCESS"
+ *     "url" => "",            //返回的地址
+ *     "title" => "",          //新文件名
+ *     "original" => "",       //原始文件名
+ *     "type" => ""            //文件类型
+ *     "size" => "",           //文件大小
+ * )
+ */
+
+/* 返回数据 */
+return json_encode($up->getFileInfo());
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/php/config.json b/nezha-fronted/static/ueditor-1.4.3.3/php/config.json
new file mode 100644
index 000000000..dd5bc1743
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/php/config.json
@@ -0,0 +1,94 @@
+/* 前后端通信相关的配置,注释只允许使用多行方式 */
+{
+    /* 上传图片配置项 */
+    "imageActionName": "uploadimage", /* 执行上传图片的action名称 */
+    "imageFieldName": "upfile", /* 提交的图片表单名称 */
+    "imageMaxSize": 2048000, /* 上传大小限制，单位B */
+    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
+    "imageCompressEnable": true, /* 是否压缩图片,默认是true */
+    "imageCompressBorder": 1600, /* 图片压缩最长边限制 */
+    "imageInsertAlign": "none", /* 插入的图片浮动方式 */
+    "imageUrlPrefix": "", /* 图片访问路径前缀 */
+    "imagePathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+                                /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
+                                /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
+                                /* {time} 会替换成时间戳 */
+                                /* {yyyy} 会替换成四位年份 */
+                                /* {yy} 会替换成两位年份 */
+                                /* {mm} 会替换成两位月份 */
+                                /* {dd} 会替换成两位日期 */
+                                /* {hh} 会替换成两位小时 */
+                                /* {ii} 会替换成两位分钟 */
+                                /* {ss} 会替换成两位秒 */
+                                /* 非法字符 \ : * ? " < > | */
+                                /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */
+
+    /* 涂鸦图片上传配置项 */
+    "scrawlActionName": "uploadscrawl", /* 执行上传涂鸦的action名称 */
+    "scrawlFieldName": "upfile", /* 提交的图片表单名称 */
+    "scrawlPathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "scrawlMaxSize": 2048000, /* 上传大小限制，单位B */
+    "scrawlUrlPrefix": "", /* 图片访问路径前缀 */
+    "scrawlInsertAlign": "none",
+
+    /* 截图工具上传 */
+    "snapscreenActionName": "uploadimage", /* 执行上传截图的action名称 */
+    "snapscreenPathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "snapscreenUrlPrefix": "", /* 图片访问路径前缀 */
+    "snapscreenInsertAlign": "none", /* 插入的图片浮动方式 */
+
+    /* 抓取远程图片配置 */
+    "catcherLocalDomain": ["127.0.0.1", "localhost", "img.baidu.com"],
+    "catcherActionName": "catchimage", /* 执行抓取远程图片的action名称 */
+    "catcherFieldName": "source", /* 提交的图片列表表单名称 */
+    "catcherPathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "catcherUrlPrefix": "", /* 图片访问路径前缀 */
+    "catcherMaxSize": 2048000, /* 上传大小限制，单位B */
+    "catcherAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 抓取图片格式显示 */
+
+    /* 上传视频配置 */
+    "videoActionName": "uploadvideo", /* 执行上传视频的action名称 */
+    "videoFieldName": "upfile", /* 提交的视频表单名称 */
+    "videoPathFormat": "/ueditor/php/upload/video/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "videoUrlPrefix": "", /* 视频访问路径前缀 */
+    "videoMaxSize": 102400000, /* 上传大小限制，单位B，默认100MB */
+    "videoAllowFiles": [
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid"], /* 上传视频格式显示 */
+
+    /* 上传文件配置 */
+    "fileActionName": "uploadfile", /* controller里,执行上传视频的action名称 */
+    "fileFieldName": "upfile", /* 提交的文件表单名称 */
+    "filePathFormat": "/ueditor/php/upload/file/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
+    "fileUrlPrefix": "", /* 文件访问路径前缀 */
+    "fileMaxSize": 51200000, /* 上传大小限制，单位B，默认50MB */
+    "fileAllowFiles": [
+        ".png", ".jpg", ".jpeg", ".gif", ".bmp",
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
+        ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
+        ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
+    ], /* 上传文件格式显示 */
+
+    /* 列出指定目录下的图片 */
+    "imageManagerActionName": "listimage", /* 执行图片管理的action名称 */
+    "imageManagerListPath": "/ueditor/php/upload/image/", /* 指定要列出图片的目录 */
+    "imageManagerListSize": 20, /* 每次列出文件数量 */
+    "imageManagerUrlPrefix": "", /* 图片访问路径前缀 */
+    "imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */
+    "imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 列出的文件类型 */
+
+    /* 列出指定目录下的文件 */
+    "fileManagerActionName": "listfile", /* 执行文件管理的action名称 */
+    "fileManagerListPath": "/ueditor/php/upload/file/", /* 指定要列出文件的目录 */
+    "fileManagerUrlPrefix": "", /* 文件访问路径前缀 */
+    "fileManagerListSize": 20, /* 每次列出文件数量 */
+    "fileManagerAllowFiles": [
+        ".png", ".jpg", ".jpeg", ".gif", ".bmp",
+        ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
+        ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
+        ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
+        ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
+    ] /* 列出的文件类型 */
+
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/php/controller.php b/nezha-fronted/static/ueditor-1.4.3.3/php/controller.php
new file mode 100644
index 000000000..feac890ce
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/php/controller.php
@@ -0,0 +1,59 @@
+<?php
+//header('Access-Control-Allow-Origin: http://www.baidu.com'); //设置http://www.baidu.com允许跨域访问
+//header('Access-Control-Allow-Headers: X-Requested-With,X_Requested_With'); //设置允许的跨域header
+date_default_timezone_set("Asia/chongqing");
+error_reporting(E_ERROR);
+header("Content-Type: text/html; charset=utf-8");
+
+$CONFIG = json_decode(preg_replace("/\/\*[\s\S]+?\*\//", "", file_get_contents("config.json")), true);
+$action = $_GET['action'];
+
+switch ($action) {
+    case 'config':
+        $result =  json_encode($CONFIG);
+        break;
+
+    /* 上传图片 */
+    case 'uploadimage':
+    /* 上传涂鸦 */
+    case 'uploadscrawl':
+    /* 上传视频 */
+    case 'uploadvideo':
+    /* 上传文件 */
+    case 'uploadfile':
+        $result = include("action_upload.php");
+        break;
+
+    /* 列出图片 */
+    case 'listimage':
+        $result = include("action_list.php");
+        break;
+    /* 列出文件 */
+    case 'listfile':
+        $result = include("action_list.php");
+        break;
+
+    /* 抓取远程文件 */
+    case 'catchimage':
+        $result = include("action_crawler.php");
+        break;
+
+    default:
+        $result = json_encode(array(
+            'state'=> '请求地址出错'
+        ));
+        break;
+}
+
+/* 输出结果 */
+if (isset($_GET["callback"])) {
+    if (preg_match("/^[\w_]+$/", $_GET["callback"])) {
+        echo htmlspecialchars($_GET["callback"]) . '(' . $result . ')';
+    } else {
+        echo json_encode(array(
+            'state'=> 'callback参数不合法'
+        ));
+    }
+} else {
+    echo $result;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/autotypesetpicker.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/autotypesetpicker.css
new file mode 100644
index 000000000..72c4c76cd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/autotypesetpicker.css
@@ -0,0 +1,21 @@
+/*自动排版弹出菜单*/
+.edui-default .edui-autotypesetpicker .edui-autotypesetpicker-body {
+    font-size: 12px;
+    margin-bottom: 3px;
+    clear: both;
+}
+
+.edui-default .edui-autotypesetpicker-body table {
+    border-collapse: separate;
+    border-spacing: 2px;
+}
+
+.edui-default .edui-autotypesetpicker-body td {
+    font-size: 12px;
+    word-wrap:break-word;
+}
+
+.edui-default .edui-autotypesetpicker-body td input {
+    margin: 3px 3px 3px 4px;
+    *margin: 1px 0 0 0;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/button.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/button.css
new file mode 100644
index 000000000..722639fd2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/button.css
@@ -0,0 +1,42 @@
+/*普通按钮样式及状态*/
+.edui-default .edui-toolbar .edui-button .edui-icon,
+.edui-default .edui-toolbar .edui-menubutton .edui-icon,
+.edui-default .edui-toolbar .edui-splitbutton .edui-icon {
+    height: 20px !important;
+    width: 20px !important;
+    background-image: url(../images/icons.png);
+    background-image: url(../images/icons.gif) \9;
+}
+
+.edui-default .edui-toolbar .edui-button .edui-button-wrap {
+    padding: 1px;
+    position: relative;
+}
+
+.edui-default .edui-toolbar .edui-button .edui-state-hover .edui-button-wrap {
+    background-color: #fff5d4;
+    padding: 0;
+    border: 1px solid #dcac6c;
+}
+
+.edui-default .edui-toolbar .edui-button .edui-state-checked .edui-button-wrap {
+    background-color: #ffe69f;
+    padding: 0;
+    border: 1px solid #dcac6c;
+    border-radius: 2px;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+}
+
+.edui-default .edui-toolbar .edui-button .edui-state-active .edui-button-wrap {
+    background-color: #ffffff;
+    padding: 0;
+    border: 1px solid gray;
+}
+.edui-default .edui-toolbar .edui-state-disabled .edui-label {
+    color: #ccc;
+}
+.edui-default .edui-toolbar .edui-state-disabled .edui-icon {
+    opacity: 0.3;
+    filter: alpha(opacity = 30);
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/buttonicon.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/buttonicon.css
new file mode 100644
index 000000000..ee086e9ab
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/buttonicon.css
@@ -0,0 +1,419 @@
+/* toolbar icons */
+.edui-default .edui-for-undo .edui-icon {
+    background-position: -160px 0;
+}
+
+.edui-default  .edui-for-redo .edui-icon {
+    background-position: -100px 0;
+}
+
+.edui-default  .edui-for-bold .edui-icon {
+    background-position: 0 0;
+}
+
+.edui-default  .edui-for-italic .edui-icon {
+    background-position: -60px 0;
+}
+
+.edui-default  .edui-for-fontborder .edui-icon {
+    background-position:-160px -40px;
+}
+.edui-default  .edui-for-underline .edui-icon {
+    background-position: -140px 0;
+}
+
+.edui-default  .edui-for-strikethrough .edui-icon {
+    background-position: -120px 0;
+}
+
+.edui-default  .edui-for-subscript .edui-icon {
+    background-position: -600px 0;
+}
+
+.edui-default  .edui-for-superscript .edui-icon {
+    background-position: -620px 0;
+}
+
+.edui-default  .edui-for-blockquote .edui-icon {
+    background-position: -220px 0;
+}
+
+.edui-default  .edui-for-forecolor .edui-icon {
+    background-position: -720px 0;
+}
+
+.edui-default  .edui-for-backcolor .edui-icon {
+    background-position: -760px 0;
+}
+
+.edui-default  .edui-for-inserttable .edui-icon {
+    background-position: -580px -20px;
+}
+
+.edui-default  .edui-for-autotypeset .edui-icon {
+    background-position: -640px -40px;
+}
+
+.edui-default  .edui-for-justifyleft .edui-icon {
+    background-position: -460px 0;
+}
+
+.edui-default  .edui-for-justifycenter .edui-icon {
+    background-position: -420px 0;
+}
+
+.edui-default  .edui-for-justifyright .edui-icon {
+    background-position: -480px 0;
+}
+
+.edui-default  .edui-for-justifyjustify .edui-icon {
+    background-position: -440px 0;
+}
+
+.edui-default  .edui-for-insertorderedlist .edui-icon {
+    background-position: -80px 0;
+}
+
+.edui-default  .edui-for-insertunorderedlist .edui-icon {
+    background-position: -20px 0;
+}
+
+.edui-default  .edui-for-lineheight .edui-icon {
+    background-position: -725px -40px;
+}
+
+.edui-default  .edui-for-rowspacingbottom .edui-icon {
+    background-position: -745px -40px;
+}
+
+.edui-default  .edui-for-rowspacingtop .edui-icon {
+    background-position: -765px -40px;
+}
+
+.edui-default  .edui-for-horizontal .edui-icon {
+    background-position: -360px 0;
+}
+
+.edui-default  .edui-for-link .edui-icon {
+    background-position: -500px 0;
+}
+
+.edui-default  .edui-for-code .edui-icon {
+    background-position: -440px -40px;
+}
+
+.edui-default  .edui-for-insertimage .edui-icon {
+    background-position: -726px -77px;
+}
+
+.edui-default  .edui-for-insertframe .edui-icon {
+    background-position: -240px -40px;
+}
+
+.edui-default  .edui-for-emoticon .edui-icon {
+    background-position: -60px -20px;
+}
+
+.edui-default  .edui-for-spechars .edui-icon {
+    background-position: -240px 0;
+}
+
+.edui-default  .edui-for-help .edui-icon {
+    background-position: -340px 0;
+}
+
+.edui-default  .edui-for-print .edui-icon {
+    background-position: -440px -20px;
+}
+
+.edui-default  .edui-for-preview .edui-icon {
+    background-position: -420px -20px;
+}
+
+.edui-default  .edui-for-selectall .edui-icon {
+    background-position: -400px -20px;
+}
+
+.edui-default  .edui-for-searchreplace .edui-icon {
+    background-position: -520px -20px;
+}
+
+.edui-default  .edui-for-map .edui-icon {
+    background-position: -40px -40px;
+}
+
+.edui-default  .edui-for-gmap .edui-icon {
+    background-position: -260px -40px;
+}
+
+.edui-default  .edui-for-insertvideo .edui-icon {
+    background-position: -320px -20px;
+}
+
+.edui-default  .edui-for-time .edui-icon {
+    background-position: -160px -20px;
+}
+
+.edui-default  .edui-for-date .edui-icon {
+    background-position: -140px -20px;
+}
+
+.edui-default  .edui-for-cut .edui-icon {
+    background-position: -680px 0;
+}
+
+.edui-default  .edui-for-copy .edui-icon {
+    background-position: -700px 0;
+}
+
+.edui-default  .edui-for-paste .edui-icon {
+    background-position: -560px 0;
+}
+
+.edui-default  .edui-for-formatmatch .edui-icon {
+    background-position: -40px 0;
+}
+
+.edui-default  .edui-for-pasteplain .edui-icon {
+    background-position: -360px -20px;
+}
+
+.edui-default  .edui-for-directionalityltr .edui-icon {
+    background-position: -20px -20px;
+}
+
+.edui-default  .edui-for-directionalityrtl .edui-icon {
+    background-position: -40px -20px;
+}
+
+.edui-default  .edui-for-source .edui-icon {
+    background-position: -261px -0px;
+}
+
+.edui-default  .edui-for-removeformat .edui-icon {
+    background-position: -580px 0;
+}
+
+.edui-default  .edui-for-unlink .edui-icon {
+    background-position: -640px 0;
+}
+
+.edui-default  .edui-for-touppercase .edui-icon {
+    background-position: -786px 0;
+}
+
+.edui-default  .edui-for-tolowercase .edui-icon {
+    background-position: -806px 0;
+}
+
+.edui-default  .edui-for-insertrow .edui-icon {
+    background-position: -478px -76px;
+}
+
+.edui-default  .edui-for-insertrownext .edui-icon {
+    background-position: -498px -76px;
+}
+
+.edui-default  .edui-for-insertcol .edui-icon {
+    background-position: -455px -76px;
+}
+
+.edui-default  .edui-for-insertcolnext  .edui-icon {
+    background-position: -429px -76px;
+}
+
+.edui-default  .edui-for-mergeright .edui-icon {
+    background-position: -60px -40px;
+}
+
+.edui-default  .edui-for-mergedown .edui-icon {
+    background-position: -80px -40px;
+}
+
+.edui-default  .edui-for-splittorows .edui-icon {
+    background-position: -100px -40px;
+}
+
+.edui-default  .edui-for-splittocols .edui-icon {
+    background-position: -120px -40px;
+}
+
+.edui-default  .edui-for-insertparagraphbeforetable .edui-icon {
+    background-position: -140px -40px;
+}
+
+.edui-default  .edui-for-deleterow .edui-icon {
+    background-position: -660px -20px;
+}
+
+.edui-default  .edui-for-deletecol .edui-icon {
+    background-position: -640px -20px;
+}
+
+.edui-default  .edui-for-splittocells .edui-icon {
+    background-position: -800px -20px;
+}
+
+.edui-default  .edui-for-mergecells .edui-icon {
+    background-position: -760px -20px;
+}
+
+.edui-default  .edui-for-deletetable .edui-icon {
+    background-position: -620px -20px;
+}
+
+.edui-default  .edui-for-cleardoc .edui-icon {
+    background-position: -520px 0;
+}
+
+.edui-default  .edui-for-fullscreen .edui-icon {
+    background-position: -100px -20px;
+}
+
+.edui-default  .edui-for-anchor .edui-icon {
+    background-position: -200px 0;
+}
+
+.edui-default  .edui-for-pagebreak .edui-icon {
+    background-position: -460px -40px;
+}
+
+.edui-default  .edui-for-imagenone .edui-icon {
+    background-position: -480px -40px;
+}
+
+.edui-default  .edui-for-imageleft .edui-icon {
+    background-position: -500px -40px;
+}
+
+.edui-default  .edui-for-wordimage .edui-icon {
+    background-position: -660px -40px;
+}
+
+.edui-default  .edui-for-imageright .edui-icon {
+    background-position: -520px -40px;
+}
+
+.edui-default  .edui-for-imagecenter .edui-icon {
+    background-position: -540px -40px;
+}
+
+.edui-default  .edui-for-indent .edui-icon {
+    background-position: -400px 0;
+}
+
+.edui-default  .edui-for-outdent .edui-icon {
+    background-position: -540px 0;
+}
+
+.edui-default  .edui-for-webapp .edui-icon {
+    background-position: -601px -40px
+}
+
+.edui-default  .edui-for-table .edui-icon {
+    background-position: -580px -20px;
+}
+
+.edui-default  .edui-for-edittable .edui-icon {
+    background-position: -420px -40px;
+}
+
+.edui-default  .edui-for-template .edui-icon {
+    background-position: -339px -40px;
+}
+
+.edui-default  .edui-for-delete .edui-icon {
+    background-position: -360px -40px;
+}
+
+.edui-default  .edui-for-attachment .edui-icon {
+    background-position: -620px -40px;
+}
+
+.edui-default  .edui-for-edittd .edui-icon {
+    background-position: -700px -40px;
+}
+
+.edui-default  .edui-for-snapscreen .edui-icon {
+    background-position: -581px -40px
+}
+
+.edui-default  .edui-for-scrawl .edui-icon {
+    background-position: -801px -41px
+}
+
+.edui-default  .edui-for-background .edui-icon {
+    background-position: -680px -40px;
+}
+
+.edui-default  .edui-for-music .edui-icon {
+    background-position: -18px -40px
+}
+
+.edui-default  .edui-for-formula .edui-icon {
+    background-position: -200px -40px
+}
+
+.edui-default  .edui-for-aligntd  .edui-icon {
+    background-position: -236px -76px;
+}
+
+.edui-default  .edui-for-insertparagraphtrue  .edui-icon {
+    background-position: -625px -76px;
+}
+
+.edui-default  .edui-for-insertparagraph  .edui-icon {
+    background-position: -602px -76px;
+}
+
+.edui-default  .edui-for-insertcaption  .edui-icon {
+    background-position: -336px -76px;
+}
+
+.edui-default  .edui-for-deletecaption  .edui-icon {
+    background-position: -362px -76px;
+}
+
+.edui-default  .edui-for-inserttitle  .edui-icon {
+    background-position: -286px -76px;
+}
+
+.edui-default  .edui-for-deletetitle  .edui-icon {
+    background-position: -311px -76px;
+}
+
+.edui-default  .edui-for-aligntable  .edui-icon {
+    background-position: -440px 0;
+}
+
+.edui-default  .edui-for-tablealignment-left  .edui-icon {
+    background-position: -460px 0;
+}
+
+.edui-default  .edui-for-tablealignment-center  .edui-icon {
+    background-position: -420px 0;
+}
+
+.edui-default  .edui-for-tablealignment-right  .edui-icon {
+    background-position: -480px 0;
+}
+
+.edui-default  .edui-for-drafts  .edui-icon {
+    background-position: -560px 0;
+}
+
+.edui-default  .edui-for-charts  .edui-icon {
+    background: url( ../images/charts.png ) no-repeat 2px 3px!important;
+}
+
+.edui-default  .edui-for-inserttitlecol  .edui-icon {
+    background-position: -673px -76px;
+}
+
+.edui-default  .edui-for-deletetitlecol  .edui-icon {
+    background-position: -698px -76px;
+}
+
+.edui-default  .edui-for-simpleupload  .edui-icon {
+    background-position: -380px 0px;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/cellalignpicker.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/cellalignpicker.css
new file mode 100644
index 000000000..9f5aa5ca5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/cellalignpicker.css
@@ -0,0 +1,56 @@
+/*自动排版弹出菜单*/
+.edui-default .edui-cellalignpicker .edui-cellalignpicker-body {
+    width: 70px;
+    font-size: 12px;
+    cursor: default;
+}
+
+.edui-default .edui-cellalignpicker-body table {
+    border-collapse: separate;
+    border-spacing: 0;
+}
+.edui-default .edui-cellalignpicker-body td{
+    padding: 1px;
+}
+.edui-default .edui-cellalignpicker-body .edui-icon{
+    height: 20px;
+    width: 20px;
+    padding: 1px;
+    background-image: url(../images/table-cell-align.png);
+}
+
+.edui-default .edui-cellalignpicker-body .edui-left{
+    background-position: 0 0;
+}
+
+.edui-default .edui-cellalignpicker-body .edui-center{
+    background-position: -25px 0;
+}
+.edui-default .edui-cellalignpicker-body .edui-right{
+    background-position: -51px 0;
+}
+
+.edui-default .edui-cellalignpicker-body td.edui-state-hover .edui-left{
+    background-position: -73px 0;
+}
+
+.edui-default .edui-cellalignpicker-body td.edui-state-hover .edui-center{
+    background-position: -98px 0;
+}
+
+.edui-default .edui-cellalignpicker-body td.edui-state-hover .edui-right{
+    background-position: -124px 0;
+}
+
+.edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-left {
+    background-position: -146px 0;
+    background-color: #f1f4f5;
+}
+
+.edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-center {
+    background-position: -245px 0;
+}
+
+.edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-right {
+    background-position: -271px 0;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/colorbutton.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/colorbutton.css
new file mode 100644
index 000000000..791c61d96
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/colorbutton.css
@@ -0,0 +1,9 @@
+/*颜色按钮 */
+.edui-default .edui-toolbar .edui-colorbutton .edui-colorlump {
+    position: absolute;
+    overflow: hidden;
+    bottom: 1px;
+    left: 1px;
+    width: 18px;
+    height: 4px;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/colorpicker.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/colorpicker.css
new file mode 100644
index 000000000..fae12192c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/colorpicker.css
@@ -0,0 +1,119 @@
+/* 颜色弹出菜单 */
+.edui-default .edui-colorpicker-topbar {
+    height: 27px;
+    width: 200px;
+    /*border-bottom: 1px gray dashed;*/
+}
+
+.edui-default .edui-colorpicker-preview {
+    height: 20px;
+    border: 1px inset black;
+    margin-left: 1px;
+    width: 128px;
+    float: left;
+}
+
+.edui-default .edui-colorpicker-nocolor {
+    float: right;
+    margin-right: 1px;
+    font-size: 12px;
+    line-height: 14px;
+    height: 14px;
+    border: 1px solid #333;
+    padding: 3px 5px;
+    cursor: pointer;
+}
+
+.edui-default .edui-colorpicker-tablefirstrow {
+    height: 30px;
+}
+
+.edui-default .edui-colorpicker-colorcell {
+    width: 14px;
+    height: 14px;
+    display: block;
+    margin: 0;
+    cursor: pointer;
+}
+
+.edui-default .edui-colorpicker-colorcell:hover {
+    width: 14px;
+    height: 14px;
+    margin: 0;
+}
+.edui-default .edui-colorpicker-advbtn{
+    display: block;
+    text-align: center;
+    cursor: pointer;
+    height:20px;
+}
+.arrow_down{
+    background: white url('../images/arrow_down.png') no-repeat center;
+}
+.arrow_up{
+    background: white url('../images/arrow_up.png') no-repeat center;
+}
+/*高级的样式*/
+.edui-colorpicker-adv{
+    position: relative;
+    overflow: hidden;
+    height: 180px;
+    display: none;
+}
+.edui-colorpicker-plant, .edui-colorpicker-hue {
+    border: solid 1px #666;
+}
+.edui-colorpicker-pad {
+    width: 150px;
+    height: 150px;
+    left: 14px;
+    top: 13px;
+    position: absolute;
+    background: red;
+    overflow: hidden;
+    cursor: crosshair;
+}
+.edui-colorpicker-cover{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 150px;
+    height: 150px;
+    background: url("../images/tangram-colorpicker.png") -160px -200px;
+}
+.edui-colorpicker-padDot{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 11px;
+    height: 11px;
+    overflow: hidden;
+    background: url(../images/tangram-colorpicker.png) 0px -200px repeat-x;
+    z-index: 1000;
+
+}
+.edui-colorpicker-sliderMain {
+    position: absolute;
+    left: 171px;
+    top: 13px;
+    width: 19px;
+    height: 152px;
+    background: url(../images/tangram-colorpicker.png) -179px -12px no-repeat;
+
+}
+.edui-colorpicker-slider {
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+}
+.edui-colorpicker-thumb{
+    position: absolute;
+    top: 0;
+    cursor: pointer;
+    height: 3px;
+    left: -1px;
+    right: -1px;
+    border: 1px solid black;
+    background: white;
+    opacity: .8;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/combox.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/combox.css
new file mode 100644
index 000000000..796c1c09d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/combox.css
@@ -0,0 +1,62 @@
+/*不可选中菜单按钮 */
+.edui-default .edui-toolbar .edui-combox-body .edui-button-body {
+    width: 60px;
+    font-size: 12px;
+    height: 20px;
+    line-height: 20px;
+    padding-left: 5px;
+    white-space: nowrap;
+    margin: 0 3px 0 0;
+}
+
+.edui-default .edui-toolbar .edui-combox-body .edui-arrow {
+    background: url(../images/icons.png) -741px 0;
+    _background: url(../images/icons.gif) -741px 0;
+    height: 20px;
+    width: 9px;
+}
+
+.edui-default .edui-toolbar .edui-combox .edui-combox-body {
+    border: 1px solid #CCC;
+    background-color: white;
+    border-radius: 2px;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+}
+
+.edui-default .edui-toolbar .edui-combox-body .edui-splitborder {
+    display: none;
+}
+
+.edui-default .edui-toolbar .edui-combox-body .edui-arrow {
+    border-left: 1px solid #CCC;
+}
+
+.edui-default .edui-toolbar .edui-state-hover .edui-combox-body {
+    background-color: #fff5d4;
+    border: 1px solid #dcac6c;
+}
+
+.edui-default .edui-toolbar .edui-state-hover .edui-combox-body .edui-arrow {
+    border-left: 1px solid #dcac6c;
+}
+
+.edui-default .edui-toolbar .edui-state-checked .edui-combox-body {
+    background-color: #FFE69F;
+    border: 1px solid #DCAC6C;
+}
+
+.edui-toolbar .edui-state-checked .edui-combox-body .edui-arrow {
+    border-left: 1px solid #DCAC6C;
+}
+
+.edui-toolbar .edui-state-disabled .edui-combox-body {
+    background-color: #F0F0EE;
+    opacity: 0.3;
+    filter: alpha(opacity = 30);
+}
+
+.edui-toolbar .edui-state-opened .edui-combox-body {
+    background-color: white;
+    border: 1px solid gray;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/contextmenu.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/contextmenu.css
new file mode 100644
index 000000000..366e653a5
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/contextmenu.css
@@ -0,0 +1,29 @@
+/*contextmenu*/
+.edui-default .edui-hassubmenu .edui-arrow {
+    height: 20px;
+    width: 20px;
+    float: right;
+    background: url("../images/icons-all.gif") no-repeat 10px -233px;
+}
+
+.edui-default .edui-menu-body .edui-menuitem {
+    padding: 1px;
+}
+
+.edui-default .edui-menuseparator {
+    margin: 2px 0;
+    height: 1px;
+    overflow: hidden;
+}
+
+.edui-default .edui-menuseparator-inner {
+    border-bottom: 1px solid #e2e3e3;
+    margin-left: 29px;
+    margin-right: 1px;
+}
+
+.edui-default .edui-menu-body .edui-state-hover {
+    padding: 0 !important;
+    background-color: #fff5d4;
+    border: 1px solid #dcac6c;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/dialog.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/dialog.css
new file mode 100644
index 000000000..42e9855b2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/dialog.css
@@ -0,0 +1,294 @@
+/* 弹出对话框按钮和对话框大小 */
+.edui-default .edui-dialog {
+    z-index: 2000;
+    position: absolute;
+
+}
+
+.edui-dialog div{
+    width:auto;
+}
+
+.edui-default .edui-dialog-wrap {
+    margin-right: 6px;
+    margin-bottom: 6px;
+}
+
+.edui-default .edui-dialog-fullscreen-flag {
+    margin-right: 0;
+    margin-bottom: 0;
+}
+
+.edui-default .edui-dialog-body {
+    position: relative;
+    padding:2px 0 0 2px;
+    _zoom: 1;
+}
+
+.edui-default .edui-dialog-fullscreen-flag .edui-dialog-body {
+    padding: 0;
+}
+
+.edui-default .edui-dialog-shadow {
+    position: absolute;
+    z-index: -1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #ffffff;
+    border: 1px solid #ccc;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    *border-right-width: 2px;
+    *border-bottom-width: 2px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+    -webkit-background-clip: padding-box;
+    -moz-background-clip: padding;
+    background-clip: padding-box;
+}
+
+.edui-default .edui-dialog-foot {
+    background-color: white;
+}
+
+.edui-default .edui-dialog-titlebar {
+    height: 26px;
+    border-bottom: 1px solid #c6c6c6;
+    background: url(../images/dialog-title-bg.png) repeat-x bottom;
+    position: relative;
+    cursor: move;
+}
+.edui-default .edui-dialog-caption {
+    font-weight: bold;
+    font-size: 12px;
+    line-height: 26px;
+    padding-left: 5px;
+}
+
+.edui-default .edui-dialog-draghandle {
+    height: 26px;
+}
+
+.edui-default .edui-dialog-closebutton {
+    position: absolute !important;
+    right: 5px;
+    top: 3px;
+}
+
+.edui-default .edui-dialog-closebutton .edui-button-body {
+    height: 20px;
+    width: 20px;
+    cursor: pointer;
+    background: url("../images/icons-all.gif") no-repeat 0 -59px;
+}
+
+.edui-default .edui-dialog-closebutton .edui-state-hover .edui-button-body {
+    background: url("../images/icons-all.gif") no-repeat 0 -89px;
+}
+
+.edui-default .edui-dialog-foot {
+    height: 40px;
+}
+
+.edui-default .edui-dialog-buttons {
+    position: absolute;
+    right: 0;
+}
+
+.edui-default .edui-dialog-buttons .edui-button {
+    margin-right: 10px;
+}
+
+.edui-default .edui-dialog-buttons .edui-button .edui-button-body {
+    background: url("../images/icons-all.gif") no-repeat;
+    height: 24px;
+    width: 96px;
+    font-size: 12px;
+    line-height: 24px;
+    text-align: center;
+    cursor: default;
+}
+
+.edui-default .edui-dialog-buttons .edui-button .edui-state-hover .edui-button-body {
+    background: url("../images/icons-all.gif") no-repeat 0 -30px;
+}
+
+.edui-default .edui-dialog iframe {
+    border: 0;
+    padding: 0;
+    margin: 0;
+    vertical-align: top;
+}
+
+.edui-default .edui-dialog-modalmask {
+    opacity: 0.3;
+    filter: alpha(opacity = 30);
+    background-color: #ccc;
+    position: absolute;
+    /*z-index: 1999;*/
+}
+
+.edui-default .edui-dialog-dragmask {
+    position: absolute;
+    /*z-index: 2001;*/
+    background-color: transparent;
+    cursor: move;
+}
+
+.edui-default .edui-dialog-content {
+    position: relative;
+}
+
+.edui-default .dialogcontmask {
+    cursor: move;
+    visibility: hidden;
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    filter: alpha(opacity = 0);
+}
+
+/*link-dialog*/
+.edui-default .edui-for-link .edui-dialog-content {
+    width: 420px;
+    height: 200px;
+    overflow: hidden;
+}
+/*background-dialog*/
+.edui-default .edui-for-background .edui-dialog-content {
+    width: 440px;
+    height: 280px;
+    overflow: hidden;
+}
+
+/*template-dialog*/
+.edui-default .edui-for-template .edui-dialog-content {
+    width: 630px;
+    height: 390px;
+    overflow: hidden;
+}
+
+/*scrawl-dialog*/
+.edui-default .edui-for-scrawl .edui-dialog-content {
+    width: 515px;
+    *width: 506px;
+    height: 360px;
+}
+
+/*spechars-dialog*/
+.edui-default .edui-for-spechars .edui-dialog-content {
+    width: 620px;
+    height: 500px;
+    *width: 630px;
+    *height: 570px;
+}
+
+/*image-dialog*/
+.edui-default .edui-for-insertimage .edui-dialog-content {
+    width: 650px;
+    height: 400px;
+    overflow: hidden;
+}
+/*webapp-dialog*/
+.edui-default .edui-for-webapp .edui-dialog-content {
+    width: 560px;
+    _width: 565px;
+    height: 450px;
+    overflow: hidden;
+}
+
+/*image-insertframe*/
+.edui-default .edui-for-insertframe .edui-dialog-content {
+    width: 350px;
+    height: 200px;
+    overflow: hidden;
+}
+
+/*wordImage-dialog*/
+.edui-default .edui-for-wordimage .edui-dialog-content {
+    width: 620px;
+    height: 380px;
+    overflow: hidden;
+}
+
+/*attachment-dialog*/
+.edui-default .edui-for-attachment .edui-dialog-content {
+    width: 650px;
+    height: 400px;
+    overflow: hidden;
+}
+
+
+/*map-dialog*/
+.edui-default .edui-for-map .edui-dialog-content {
+    width: 550px;
+    height: 400px;
+}
+
+/*gmap-dialog*/
+.edui-default .edui-for-gmap .edui-dialog-content {
+    width: 550px;
+    height: 400px;
+}
+
+/*video-dialog*/
+.edui-default .edui-for-insertvideo .edui-dialog-content {
+    width: 590px;
+    height: 390px;
+}
+
+/*anchor-dialog*/
+.edui-default .edui-for-anchor .edui-dialog-content {
+    width: 320px;
+    height: 60px;
+    overflow: hidden;
+}
+
+/*searchreplace-dialog*/
+.edui-default .edui-for-searchreplace .edui-dialog-content {
+    width: 400px;
+    height: 220px;
+}
+
+/*help-dialog*/
+.edui-default .edui-for-help .edui-dialog-content {
+    width: 400px;
+    height: 420px;
+}
+
+/*edittable-dialog*/
+.edui-default .edui-for-edittable .edui-dialog-content {
+    width: 540px;
+    _width:590px;
+    height: 335px;
+}
+
+/*edittip-dialog*/
+.edui-default .edui-for-edittip .edui-dialog-content {
+    width: 225px;
+    height: 60px;
+}
+
+/*edittd-dialog*/
+.edui-default .edui-for-edittd .edui-dialog-content {
+    width: 240px;
+    height: 50px;
+}
+/*snapscreen-dialog*/
+.edui-default .edui-for-snapscreen .edui-dialog-content {
+    width: 400px;
+    height: 220px;
+}
+
+/*music-dialog*/
+.edui-default .edui-for-music .edui-dialog-content {
+    width: 515px;
+    height: 360px;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/editor.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/editor.css
new file mode 100644
index 000000000..de6af7ab6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/editor.css
@@ -0,0 +1,168 @@
+/*UI工具栏、编辑区域、底部*/
+.edui-default .edui-editor {
+    border: 1px solid #d4d4d4;
+    background-color: white;
+    position: relative;
+    overflow: visible;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+.edui-editor div{
+    width:auto;
+    height:auto;
+}
+.edui-default .edui-editor-toolbarbox {
+    position: relative;
+    zoom: 1;
+    -webkit-box-shadow:0 1px 4px rgba(204, 204, 204, 0.6);
+    -moz-box-shadow:0 1px 4px rgba(204, 204, 204, 0.6);
+    box-shadow:0 1px 4px rgba(204, 204, 204, 0.6);
+    border-top-left-radius:2px;
+    border-top-right-radius:2px;
+}
+
+.edui-default .edui-editor-toolbarboxouter {
+    border-bottom: 1px solid #d4d4d4;
+    background-color: #fafafa;
+    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
+    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
+    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
+    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
+    background-repeat: repeat-x;
+    /*border: 1px solid #d4d4d4;*/
+    -webkit-border-radius: 4px 4px 0 0;
+    -moz-border-radius: 4px 4px 0 0;
+    border-radius: 4px 4px 0 0;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
+    *zoom: 1;
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+}
+
+.edui-default .edui-editor-toolbarboxinner {
+    padding: 2px;
+}
+
+.edui-default .edui-editor-iframeholder {
+    position: relative;
+    /*for fix ie6 toolbarmsg under iframe bug. relative -> static */
+    /*_position: static !important;*
+}
+
+.edui-default .edui-editor-iframeholder textarea {
+    font-family: consolas, "Courier New", "lucida console", monospace;
+    font-size: 12px;
+    line-height: 18px;
+}
+
+.edui-default .edui-editor-bottombar {
+    /*border-top: 1px solid #ccc;*/
+    /*height: 20px;*/
+    /*width: 40%;*/
+    /*float: left;*/
+    /*overflow: hidden;*/
+}
+
+.edui-default .edui-editor-bottomContainer {
+    overflow: hidden;
+}
+
+.edui-default .edui-editor-bottomContainer table {
+    width: 100%;
+    height: 0;
+    overflow: hidden;
+    border-spacing: 0;
+}
+
+.edui-default .edui-editor-bottomContainer td {
+    white-space: nowrap;
+    border-top: 1px solid #ccc;
+    line-height: 20px;
+    font-size: 12px;
+    font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
+}
+
+.edui-default .edui-editor-wordcount {
+    text-align: right;
+    margin-right: 5px;
+    color: #aaa;
+}
+.edui-default .edui-editor-scale {
+    width: 12px;
+}
+.edui-default .edui-editor-scale .edui-editor-icon {
+    float: right;
+    width: 100%;
+    height: 12px;
+    margin-top: 10px;
+    background: url(../images/scale.png) no-repeat;
+    cursor: se-resize;
+}
+.edui-default .edui-editor-breadcrumb {
+    margin: 2px 0 0 3px;
+}
+
+.edui-default .edui-editor-breadcrumb span {
+    cursor: pointer;
+    text-decoration: underline;
+    color: blue;
+}
+
+.edui-default .edui-toolbar .edui-for-fullscreen {
+    float: right;
+}
+
+.edui-default .edui-bubble .edui-popup-content {
+    border: 1px solid #DCAC6C;
+    background-color: #fff6d9;
+    padding: 5px;
+    font-size: 10pt;
+    font-family: "宋体";
+}
+
+.edui-default .edui-bubble .edui-shadow {
+    /*box-shadow: 1px 1px 3px #818181;*/
+    /*-webkit-box-shadow: 2px 2px 3px #818181;*/
+    /*-moz-box-shadow: 2px 2px 3px #818181;*/
+    /*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius = '2', MakeShadow = 'true', ShadowOpacity = '0.5');*/
+}
+
+.edui-default .edui-editor-toolbarmsg {
+    background-color: #FFF6D9;
+    border-bottom: 1px solid #ccc;
+    position: absolute;
+    bottom: -25px;
+    left: 0;
+    z-index: 1009;
+    width: 99.9%;
+}
+
+.edui-default .edui-editor-toolbarmsg-upload {
+    font-size: 14px;
+    color: blue;
+    width: 100px;
+    height: 16px;
+    line-height: 16px;
+    cursor: pointer;
+    position: absolute;
+    top: 5px;
+    left: 350px;
+}
+
+.edui-default .edui-editor-toolbarmsg-label {
+    font-size: 12px;
+    line-height: 16px;
+    padding: 4px;
+}
+
+.edui-default .edui-editor-toolbarmsg-close {
+    float: right;
+    width: 20px;
+    height: 16px;
+    line-height: 16px;
+    cursor: pointer;
+    color: red;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/menu.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/menu.css
new file mode 100644
index 000000000..92bf7aaef
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/menu.css
@@ -0,0 +1,46 @@
+/* 可选中按钮弹出菜单*/
+.edui-default .edui-menu {
+    z-index: 3000;
+}
+
+.edui-default .edui-menu .edui-popup-content {
+    padding: 3px;
+}
+
+.edui-default .edui-menu-body {
+    _width: 150px;
+    min-width: 170px;
+    background: url("../images/sparator_v.png") repeat-y 25px;
+}
+
+.edui-default .edui-menuitem-body {
+}
+
+.edui-default .edui-menuitem {
+    height: 20px;
+    cursor: default;
+    vertical-align: top;
+}
+
+.edui-default .edui-menuitem .edui-icon {
+    width: 20px !important;
+    height: 20px !important;
+    background: url(../images/icons.png) 0 -4000px;
+    background: url(../images/icons.gif) 0 -4000px\9;
+}
+
+.edui-default .edui-menuitem .edui-label {
+    font-size: 12px;
+    line-height: 20px;
+    height: 20px;
+    padding-left: 10px;
+}
+
+.edui-default .edui-state-checked .edui-menuitem-body {
+    background: url("../images/icons-all.gif") no-repeat 6px -205px;
+}
+
+.edui-default .edui-state-disabled .edui-menuitem-label {
+    color: gray;
+}
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/menubutton.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/menubutton.css
new file mode 100644
index 000000000..966519214
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/menubutton.css
@@ -0,0 +1,72 @@
+/*可选中菜单按钮*/
+.edui-default .edui-list .edui-bordereraser {
+    display: none;
+}
+
+.edui-default .edui-listitem {
+    padding: 1px;
+    white-space: nowrap;
+}
+
+.edui-default .edui-list .edui-state-hover {
+    position: relative;
+    background-color: #fff5d4;
+    border: 1px solid #dcac6c;
+    padding: 0;
+}
+
+.edui-default .edui-for-fontfamily .edui-listitem-label {
+    min-width: 130px;
+    _width: 120px;
+    font-size: 12px;
+    height: 22px;
+    line-height: 22px;
+    padding-left: 5px;
+}
+.edui-default .edui-for-insertcode .edui-listitem-label {
+    min-width: 120px;
+    _width: 120px;
+    font-size: 12px;
+    height: 22px;
+    line-height: 22px;
+    padding-left: 5px;
+}
+.edui-default .edui-for-underline .edui-listitem-label {
+    min-width: 120px;
+    _width: 120px;
+    padding: 3px 5px;
+    font-size: 12px;
+}
+
+.edui-default .edui-for-fontsize .edui-listitem-label {
+    min-width: 120px;
+    _width: 120px;
+    padding: 3px 5px;
+
+}
+
+.edui-default .edui-for-paragraph .edui-listitem-label {
+    min-width: 200px;
+    _width: 200px;
+    padding: 2px 5px;
+}
+
+.edui-default .edui-for-rowspacingtop .edui-listitem-label,
+.edui-default .edui-for-rowspacingbottom .edui-listitem-label {
+    min-width: 53px;
+    _width: 53px;
+    padding: 2px 5px;
+}
+
+.edui-default .edui-for-lineheight .edui-listitem-label {
+    min-width: 53px;
+    _width: 53px;
+    padding: 2px 5px;
+}
+
+.edui-default .edui-for-customstyle .edui-listitem-label {
+    min-width: 200px;
+    _width: 200px;
+    width: 200px !important;
+    padding: 2px 5px;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/message.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/message.css
new file mode 100644
index 000000000..3088efd6d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/message.css
@@ -0,0 +1,66 @@
+.edui-default .edui-editor-messageholder {
+    display: block;
+    width: 150px;
+    height: auto;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    top: 28px;
+    right: 3px;
+}
+
+.edui-default .edui-message{
+    min-height: 10px;
+    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
+    padding: 0;
+    margin-bottom: 3px;
+    position: relative;
+}
+.edui-default .edui-message-body{
+    border-radius: 3px;
+    padding: 8px 15px 8px 8px;
+    color: #c09853;
+    background-color: #fcf8e3;
+    border: 1px solid #fbeed5;
+}
+.edui-default .edui-message-type-info{
+    color: #3a87ad;
+    background-color: #d9edf7;
+    border-color: #bce8f1
+}
+.edui-default .edui-message-type-success{
+    color: #468847;
+    background-color: #dff0d8;
+    border-color: #d6e9c6
+}
+.edui-default .edui-message-type-danger,
+.edui-default .edui-message-type-error{
+    color: #b94a48;
+    background-color: #f2dede;
+    border-color: #eed3d7
+}
+.edui-default .edui-message .edui-message-closer {
+    display: block;
+    width: 16px;
+    height: 16px;
+    line-height: 16px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 0;
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+    float: right;
+    font-size: 20px;
+    font-weight: bold;
+    color: #999;
+    text-shadow: 0 1px 0 #fff;
+    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+.edui-default .edui-message .edui-message-content {
+    font-size: 10pt;
+    word-wrap: break-word;
+    word-break: normal;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/multiMenu.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/multiMenu.css
new file mode 100644
index 000000000..78f354b7f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/multiMenu.css
@@ -0,0 +1,29 @@
+/*表情按钮及弹出菜单*/
+/*去除了表情的下拉箭头*/
+.edui-default .edui-for-emotion .edui-icon {
+    background-position: -60px -20px;
+}
+.edui-default .edui-for-emotion .edui-popup-content iframe
+{
+    width: 514px;
+    height: 380px;
+    overflow: hidden;
+}
+.edui-default .edui-for-emotion .edui-popup-content
+{
+    position: relative;
+    z-index: 555
+}
+
+.edui-default .edui-for-emotion .edui-splitborder {
+    display: none
+}
+
+.edui-default .edui-for-emotion .edui-splitbutton-body .edui-arrow
+{
+    width: 0
+}
+.edui-default .edui-toolbar .edui-for-emotion  .edui-state-active .edui-splitborder
+{
+    border-left: 1px solid transparent;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/paragraphpicker.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/paragraphpicker.css
new file mode 100644
index 000000000..9118c0632
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/paragraphpicker.css
@@ -0,0 +1,45 @@
+/*段落弹出菜单*/
+.edui-default .edui-for-paragraph .edui-listitem-label {
+    font-family: Tahoma, Verdana, Arial, Helvetica;
+}
+
+.edui-default .edui-for-paragraph .edui-listitem-label .edui-for-p {
+    font-size: 22px;
+    line-height: 27px;
+}
+
+.edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h1 {
+    font-weight: bolder;
+    font-size: 32px;
+    line-height: 36px;
+}
+
+.edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h2 {
+    font-weight: bolder;
+    font-size: 27px;
+    line-height: 29px;
+}
+
+.edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h3 {
+    font-weight: bolder;
+    font-size: 19px;
+    line-height: 23px;
+}
+
+.edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h4 {
+    font-weight: bolder;
+    font-size: 16px;
+    line-height: 19px
+}
+
+.edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h5 {
+    font-weight: bolder;
+    font-size: 13px;
+    line-height: 16px;
+}
+
+.edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h6 {
+    font-weight: bolder;
+    font-size: 12px;
+    line-height: 14px;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/pastepicker.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/pastepicker.css
new file mode 100644
index 000000000..73c5b9556
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/pastepicker.css
@@ -0,0 +1,72 @@
+/*粘贴弹出菜单*/
+.edui-default .edui-wordpastepop .edui-popup-content{
+    border: none;
+    padding: 0;
+    width: 54px;
+    height: 21px;
+}
+.edui-default  .edui-pasteicon {
+    width: 100%;
+    height: 100%;
+    background-image: url('../images/wordpaste.png');
+    background-position: 0 0;
+}
+
+.edui-default  .edui-pasteicon.edui-state-opened {
+    background-position: 0 -34px;
+}
+
+.edui-default  .edui-pastecontainer {
+    position: relative;
+    visibility: hidden;
+    width: 97px;
+    background: #fff;
+    border: 1px solid #ccc;
+}
+
+.edui-default  .edui-pastecontainer .edui-title {
+    font-weight: bold;
+    background: #F8F8FF;
+    height: 25px;
+    line-height: 25px;
+    font-size: 12px;
+    padding-left: 5px;
+}
+
+.edui-default  .edui-pastecontainer .edui-button {
+    overflow: hidden;
+    margin: 3px 0;
+}
+
+.edui-default  .edui-pastecontainer .edui-button .edui-richtxticon,
+.edui-default  .edui-pastecontainer .edui-button .edui-tagicon,
+.edui-default  .edui-pastecontainer .edui-button .edui-plaintxticon{
+    float: left;
+    cursor: pointer;
+    width: 29px;
+    height: 29px;
+    margin-left: 5px;
+    background-image: url('../images/wordpaste.png');
+    background-repeat: no-repeat;
+}
+.edui-default  .edui-pastecontainer .edui-button .edui-richtxticon {
+    margin-left: 0;
+    background-position: -109px 0;
+}
+.edui-default  .edui-pastecontainer .edui-button .edui-tagicon {
+    background-position: -148px 1px;
+}
+
+.edui-default  .edui-pastecontainer .edui-button .edui-plaintxticon {
+    background-position: -72px 0;
+}
+
+.edui-default  .edui-pastecontainer .edui-button .edui-state-hover .edui-richtxticon {
+    background-position: -109px -34px;
+}
+.edui-default  .edui-pastecontainer .edui-button .edui-state-hover .edui-tagicon{
+    background-position: -148px -34px;
+}
+.edui-default  .edui-pastecontainer .edui-button  .edui-state-hover .edui-plaintxticon{
+    background-position: -72px -34px;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/popup.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/popup.css
new file mode 100644
index 000000000..bb4c50cc2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/popup.css
@@ -0,0 +1,73 @@
+/* 弹出菜单 */
+.edui-default .edui-popup {
+    z-index: 3000;
+    background-color: #ffffff;
+    width:auto;
+    height:auto;
+
+}
+
+.edui-default .edui-popup .edui-shadow {
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.edui-default .edui-popup-content {
+    border:1px solid #ccc;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    *border-right-width: 2px;
+    *border-bottom-width: 2px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
+    -webkit-background-clip: padding-box;
+    -moz-background-clip: padding;
+    background-clip: padding-box;
+    padding: 5px;
+    background:#ffffff;
+}
+
+.edui-default .edui-popup .edui-bordereraser {
+    background-color: white;
+    height: 3px;
+}
+
+.edui-default .edui-menu .edui-bordereraser {
+    height: 3px;
+}
+
+.edui-default .edui-anchor-topleft .edui-bordereraser {
+    left: 1px;
+    top: -2px;
+}
+
+.edui-default .edui-anchor-topright .edui-bordereraser {
+    right: 1px;
+    top: -2px;
+}
+
+.edui-default .edui-anchor-bottomleft .edui-bordereraser {
+    left: 0;
+    bottom: -6px;
+    height: 7px;
+    border-left: 1px solid gray;
+    border-right: 1px solid gray;
+}
+
+.edui-default .edui-anchor-bottomright .edui-bordereraser {
+    right: 0;
+    bottom: -6px;
+    height: 7px;
+    border-left: 1px solid gray;
+    border-right: 1px solid gray;
+}
+
+.edui-popup div{
+    width:auto;
+    height:auto;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/separtor.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/separtor.css
new file mode 100644
index 000000000..f932a60d4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/separtor.css
@@ -0,0 +1,8 @@
+/*分隔线*/
+.edui-default .edui-toolbar .edui-separator {
+    width: 2px;
+    height: 20px;
+    margin: 2px 4px 2px 3px;
+    background: url(../images/icons.png) -181px 0;
+    background: url(../images/icons.gif) -181px 0 \9;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/shortcutmenu.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/shortcutmenu.css
new file mode 100644
index 000000000..ec4a81ac9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/shortcutmenu.css
@@ -0,0 +1,9 @@
+/*弹出菜单*/
+.edui-default .edui-shortcutmenu {
+    padding: 2px;
+    width: 190px;
+    height: 50px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/splitbutton.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/splitbutton.css
new file mode 100644
index 000000000..ef7667260
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/splitbutton.css
@@ -0,0 +1,84 @@
+/*splitbutton*/
+.edui-default .edui-toolbar .edui-splitbutton-body .edui-arrow,
+.edui-default .edui-toolbar .edui-menubutton-body .edui-arrow {
+    background: url(../images/icons.png) -741px 0;
+    _background: url(../images/icons.gif) -741px 0;
+    height: 20px;
+    width: 9px;
+}
+
+.edui-default .edui-toolbar .edui-splitbutton .edui-splitbutton-body,
+.edui-default .edui-toolbar .edui-menubutton .edui-menubutton-body {
+    padding: 1px;
+}
+
+.edui-default .edui-toolbar .edui-splitborder {
+    width: 1px;
+    height: 20px;
+}
+
+.edui-default .edui-toolbar .edui-state-hover .edui-splitborder {
+    width: 1px;
+    border-left: 0px solid #dcac6c;
+}
+
+.edui-default .edui-toolbar .edui-state-active .edui-splitborder {
+    width: 0;
+    border-left: 1px solid gray;
+}
+
+.edui-default .edui-toolbar .edui-state-opened .edui-splitborder {
+    width: 1px;
+    border: 0;
+}
+
+.edui-default .edui-toolbar .edui-splitbutton .edui-state-hover .edui-splitbutton-body,
+.edui-default .edui-toolbar .edui-menubutton .edui-state-hover .edui-menubutton-body {
+    background-color: #fff5d4;
+    border: 1px solid #dcac6c;
+    padding: 0;
+}
+
+.edui-default .edui-toolbar .edui-splitbutton .edui-state-checked .edui-splitbutton-body,
+.edui-default .edui-toolbar .edui-menubutton .edui-state-checked .edui-menubutton-body {
+    background-color: #FFE69F;
+    border: 1px solid #DCAC6C;
+    padding: 0;
+}
+
+.edui-default .edui-toolbar .edui-splitbutton .edui-state-active .edui-splitbutton-body,
+.edui-default .edui-toolbar .edui-menubutton .edui-state-active .edui-menubutton-body {
+    background-color: #ffffff;
+    border: 1px solid gray;
+    padding: 0;
+}
+
+.edui-default .edui-state-disabled .edui-arrow {
+    opacity: 0.3;
+    _filter: alpha(opacity = 30);
+}
+
+.edui-default .edui-toolbar .edui-splitbutton .edui-state-opened .edui-splitbutton-body,
+.edui-default .edui-toolbar .edui-menubutton .edui-state-opened .edui-menubutton-body {
+    background-color: white;
+    border: 1px solid gray;
+    padding: 0;
+}
+
+.edui-default .edui-for-insertorderedlist .edui-bordereraser,
+.edui-default .edui-for-lineheight .edui-bordereraser,
+.edui-default .edui-for-rowspacingtop .edui-bordereraser,
+.edui-default .edui-for-rowspacingbottom .edui-bordereraser,
+.edui-default .edui-for-insertunorderedlist .edui-bordereraser {
+    background-color: white;
+}
+
+/* 解决嵌套导致的图标问题 */
+.edui-default .edui-for-insertorderedlist .edui-popup-body .edui-icon,
+.edui-default .edui-for-lineheight .edui-popup-body .edui-icon,
+.edui-default .edui-for-rowspacingtop .edui-popup-body .edui-icon,
+.edui-default .edui-for-rowspacingbottom .edui-popup-body .edui-icon,
+.edui-default .edui-for-insertunorderedlist .edui-popup-body .edui-icon {
+    /*background-position: 0 -40px;*/
+    background-image: none  ;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/tablepicker.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/tablepicker.css
new file mode 100644
index 000000000..34232ed22
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/tablepicker.css
@@ -0,0 +1,40 @@
+/* 表格弹出菜单 */
+.edui-default .edui-for-inserttable .edui-splitborder {
+    display: none
+}
+.edui-default .edui-for-inserttable  .edui-splitbutton-body .edui-arrow {
+    width: 0
+}
+.edui-default .edui-toolbar .edui-for-inserttable  .edui-state-active .edui-splitborder{
+    border-left: 1px solid transparent;
+}
+.edui-default .edui-tablepicker .edui-infoarea {
+    height: 14px;
+    line-height: 14px;
+    font-size: 12px;
+    width: 220px;
+    margin-bottom: 3px;
+    clear: both;
+}
+
+.edui-default .edui-tablepicker .edui-infoarea .edui-label {
+    float: left;
+}
+
+.edui-default .edui-dialog-buttons .edui-label {
+    line-height: 24px;
+}
+
+.edui-default .edui-tablepicker .edui-infoarea .edui-clickable {
+    float: right;
+}
+
+.edui-default .edui-tablepicker .edui-pickarea {
+    background: url("../images/unhighlighted.gif") repeat;
+    height: 220px;
+    width: 220px;
+}
+
+.edui-default .edui-tablepicker .edui-pickarea .edui-overlay {
+    background: url("../images/highlighted.gif") repeat;
+}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/toolbar.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/toolbar.css
new file mode 100644
index 000000000..9f7db121d
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/toolbar.css
@@ -0,0 +1,18 @@
+/* 工具栏 */
+.edui-default .edui-toolbar {
+    cursor: default;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    padding: 1px;
+    overflow: hidden; /*全屏下单独一行不占位*/
+    zoom: 1;
+    width:auto;
+    height:auto;
+}
+
+.edui-default .edui-toolbar .edui-button,
+.edui-default .edui-toolbar .edui-splitbutton,
+.edui-default .edui-toolbar .edui-menubutton,
+.edui-default .edui-toolbar .edui-combox {
+    margin: 1px;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/ueditor.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/ueditor.css
new file mode 100644
index 000000000..fee7d8323
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/ueditor.css
@@ -0,0 +1,59 @@
+/*根据UI结构重写CSS，仅在相应UI组件创建时，加载对应css，顺序加载
+*/
+
+/*-------基础UI构建，必须加载-------*/
+@import "uibase.css";
+@import "toolbar.css";
+@import "editor.css";
+
+
+/*-------可选中菜单按钮，按需加载-------*/
+    /*可选中菜单按钮--依赖splitbutton*/
+@import "menubutton.css";
+    /*可选中菜单按钮-弹出菜单*/
+@import "menu.css";
+
+
+/*-------不可选中菜单按钮，按需加载-------*/
+    /*不可选中菜单按钮--依赖splitbutton*/
+@import "combox.css";
+
+
+/*-------按钮类型，按需加载-------*/
+    /*普通按钮*/
+@import "button.css";
+    /*按钮icon*/
+@import "buttonicon.css";
+    /*弹出菜单按钮-附加按钮*/
+@import "splitbutton.css";
+    /*弹出菜单*/
+@import "popup.css";
+    /*提示消息*/
+@import "message.css";
+
+
+/*-------独立按钮样式，按需加载-------*/
+    /*弹出对话框样式*/
+@import "dialog.css";
+    /*段落格式弹出菜单*/
+@import "paragraphpicker.css";
+    /*表格弹出菜单*/
+@import "tablepicker.css";
+    /*颜色弹出菜单*/
+@import "colorpicker.css";
+    /*自动排版弹出菜单*/
+@import "autotypesetpicker.css";
+    /*平均分布菜单*/
+@import "cellalignpicker.css";
+    /*分隔线*/
+@import "separtor.css";
+    /*颜色按钮--依赖splitbutton*/
+@import "colorbutton.css";
+    /*表情按钮--依赖splitbutton*/
+@import "multiMenu.css";
+    /*右键菜单*/
+@import "contextmenu.css";
+    /*快捷菜单*/
+@import "shortcutmenu.css";
+    /*粘贴提示*/
+@import "pastepicker.css";
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/uibase.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/uibase.css
new file mode 100644
index 000000000..6be464c36
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/_css/uibase.css
@@ -0,0 +1,115 @@
+/*基础UI构建
+*/
+/* common layer */
+.edui-default .edui-box {
+    border: none;
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+}
+
+.edui-default a.edui-box {
+    display: block;
+    text-decoration: none;
+    color: black;
+}
+
+.edui-default a.edui-box:hover {
+    text-decoration: none;
+}
+
+.edui-default a.edui-box:active {
+    text-decoration: none;
+}
+
+.edui-default table.edui-box {
+    border-collapse: collapse;
+}
+
+.edui-default ul.edui-box {
+    list-style-type: none;
+}
+
+div.edui-box {
+    position: relative;
+    display: -moz-inline-box !important;
+    display: inline-block !important;
+    vertical-align: top;
+}
+
+.edui-default .edui-clearfix {
+    zoom: 1
+}
+
+.edui-default .edui-clearfix:after {
+    content: '\20';
+    display: block;
+    clear: both;
+}
+
+ * html div.edui-box {
+    display: inline !important;
+}
+
+*:first-child+html div.edui-box {
+    display: inline !important;
+}
+
+/* control layout */
+.edui-default .edui-button-body, .edui-splitbutton-body, .edui-menubutton-body, .edui-combox-body {
+    position: relative;
+}
+
+.edui-default .edui-popup {
+    position: absolute;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+}
+
+.edui-default .edui-popup .edui-shadow {
+    position: absolute;
+    z-index: -1;
+}
+
+.edui-default .edui-popup .edui-bordereraser {
+    position: absolute;
+    overflow: hidden;
+}
+
+.edui-default .edui-tablepicker .edui-canvas {
+    position: relative;
+}
+
+.edui-default .edui-tablepicker .edui-canvas .edui-overlay {
+    position: absolute;
+}
+
+.edui-default .edui-dialog-modalmask, .edui-dialog-dragmask {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.edui-default .edui-toolbar {
+    position: relative;
+}
+
+/*
+ * default theme
+ */
+.edui-default .edui-label {
+    cursor: default;
+}
+
+.edui-default span.edui-clickable {
+    color: blue;
+    cursor: pointer;
+    text-decoration: underline;
+}
+
+.edui-default span.edui-unclickable {
+    color: gray;
+    cursor: default;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/dialogbase.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/dialogbase.css
new file mode 100644
index 000000000..cd663d5de
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/dialogbase.css
@@ -0,0 +1,100 @@
+/*弹出对话框页面样式组件
+*/
+
+/*reset
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+    margin: 0;
+    padding: 0;
+    outline: 0;
+    font-size: 100%;
+}
+
+body {
+    line-height: 1;
+}
+
+ol, ul {
+    list-style: none;
+}
+
+blockquote, q {
+    quotes: none;
+}
+
+ins {
+    text-decoration: none;
+}
+
+del {
+    text-decoration: line-through;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/*module
+*/
+body {
+    background-color: #fff;
+    font: 12px/1.5 sans-serif, "宋体", "Arial Narrow", HELVETICA;
+    color: #646464;
+}
+
+/*tab*/
+.tabhead {
+    position: relative;
+    z-index: 10;
+}
+
+.tabhead span {
+    display: inline-block;
+    padding: 0 5px;
+    height: 30px;
+    border: 1px solid #ccc;
+    background: url("images/dialog-title-bg.png") repeat-x;
+    text-align: center;
+    line-height: 30px;
+    cursor: pointer;
+    *margin-right: 5px;
+}
+
+.tabhead span.focus {
+    height: 31px;
+    border-bottom: none;
+    background: #fff;
+}
+
+.tabbody {
+    position: relative;
+    top: -1px;
+    margin: 0 auto;
+    border: 1px solid #ccc;
+}
+
+/*button*/
+a.button {
+    display: block;
+    text-align: center;
+    line-height: 24px;
+    text-decoration: none;
+    height: 24px;
+    width: 95px;
+    border: 0;
+    color: #838383;
+    background: url(../../themes/default/images/icons-all.gif) no-repeat;
+}
+
+a.button:hover {
+    background-position: 0 -30px;
+}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/anchor.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/anchor.gif
new file mode 100644
index 000000000..5aa797b22
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/anchor.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/arrow.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/arrow.png
new file mode 100644
index 000000000..d9008866b
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/arrow.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/arrow_down.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/arrow_down.png
new file mode 100644
index 000000000..e9257e83b
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/arrow_down.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/arrow_up.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/arrow_up.png
new file mode 100644
index 000000000..74277af1e
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/arrow_up.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/button-bg.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/button-bg.gif
new file mode 100644
index 000000000..ec7fa2eab
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/button-bg.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cancelbutton.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cancelbutton.gif
new file mode 100644
index 000000000..df4bc2c06
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cancelbutton.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/charts.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/charts.png
new file mode 100644
index 000000000..713965cc4
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/charts.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_h.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_h.gif
new file mode 100644
index 000000000..d7c3e7e9e
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_h.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_h.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_h.png
new file mode 100644
index 000000000..2088fc240
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_h.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_v.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_v.gif
new file mode 100644
index 000000000..bb508db55
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_v.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_v.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_v.png
new file mode 100644
index 000000000..6f39ca3d8
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/cursor_v.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/dialog-title-bg.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/dialog-title-bg.png
new file mode 100644
index 000000000..f744f267f
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/dialog-title-bg.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/filescan.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/filescan.png
new file mode 100644
index 000000000..1d2715886
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/filescan.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/highlighted.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/highlighted.gif
new file mode 100644
index 000000000..9272b4915
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/highlighted.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/icons-all.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/icons-all.gif
new file mode 100644
index 000000000..21915e59d
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/icons-all.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/icons.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/icons.gif
new file mode 100644
index 000000000..7abd30a1c
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/icons.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/icons.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/icons.png
new file mode 100644
index 000000000..c015e3aac
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/icons.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/loaderror.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/loaderror.png
new file mode 100644
index 000000000..35ff33364
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/loaderror.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/loading.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/loading.gif
new file mode 100644
index 000000000..b713e27df
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/loading.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/lock.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/lock.gif
new file mode 100644
index 000000000..b4e6d7822
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/lock.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/neweditor-tab-bg.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/neweditor-tab-bg.png
new file mode 100644
index 000000000..8f398b095
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/neweditor-tab-bg.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/pagebreak.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/pagebreak.gif
new file mode 100644
index 000000000..8d1cffd64
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/pagebreak.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/scale.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/scale.png
new file mode 100644
index 000000000..f45adb585
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/scale.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/sortable.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/sortable.png
new file mode 100644
index 000000000..1bca64969
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/sortable.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/spacer.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/spacer.gif
new file mode 100644
index 000000000..5bfd67a2d
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/spacer.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/sparator_v.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/sparator_v.png
new file mode 100644
index 000000000..8cf5662da
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/sparator_v.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/table-cell-align.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/table-cell-align.png
new file mode 100644
index 000000000..ddf42853e
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/table-cell-align.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/tangram-colorpicker.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/tangram-colorpicker.png
new file mode 100644
index 000000000..738e500cf
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/tangram-colorpicker.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/toolbar_bg.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/toolbar_bg.png
new file mode 100644
index 000000000..7ab685f42
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/toolbar_bg.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/unhighlighted.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/unhighlighted.gif
new file mode 100644
index 000000000..7ad0b67ae
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/unhighlighted.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/upload.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/upload.png
new file mode 100644
index 000000000..08d4d9268
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/upload.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/videologo.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/videologo.gif
new file mode 100644
index 000000000..555af7417
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/videologo.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/word.gif b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/word.gif
new file mode 100644
index 000000000..9ef5d09b7
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/word.gif differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/wordpaste.png b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/wordpaste.png
new file mode 100644
index 000000000..936775810
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/themes/default/images/wordpaste.png differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/themes/iframe.css b/nezha-fronted/static/ueditor-1.4.3.3/themes/iframe.css
new file mode 100644
index 000000000..774013afd
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/themes/iframe.css
@@ -0,0 +1 @@
+/*可以在这里添加你自己的css*/
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/SyntaxHighlighter/shCore.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/SyntaxHighlighter/shCore.js
new file mode 100644
index 000000000..324918425
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/SyntaxHighlighter/shCore.js
@@ -0,0 +1,3655 @@
+// XRegExp 1.5.1
+// (c) 2007-2012 Steven Levithan
+// MIT License
+// <http://xregexp.com>
+// Provides an augmented, extensible, cross-browser implementation of regular expressions,
+// including support for additional syntax, flags, and methods
+
+var XRegExp;
+
+if (XRegExp) {
+    // Avoid running twice, since that would break references to native globals
+    throw Error("can't load XRegExp twice in the same frame");
+}
+
+// Run within an anonymous function to protect variables and avoid new globals
+(function (undefined) {
+
+    //---------------------------------
+    //  Constructor
+    //---------------------------------
+
+    // Accepts a pattern and flags; returns a new, extended `RegExp` object. Differs from a native
+    // regular expression in that additional syntax and flags are supported and cross-browser
+    // syntax inconsistencies are ameliorated. `XRegExp(/regex/)` clones an existing regex and
+    // converts to type XRegExp
+    XRegExp = function (pattern, flags) {
+        var output = [],
+            currScope = XRegExp.OUTSIDE_CLASS,
+            pos = 0,
+            context, tokenResult, match, chr, regex;
+
+        if (XRegExp.isRegExp(pattern)) {
+            if (flags !== undefined)
+                throw TypeError("can't supply flags when constructing one RegExp from another");
+            return clone(pattern);
+        }
+        // Tokens become part of the regex construction process, so protect against infinite
+        // recursion when an XRegExp is constructed within a token handler or trigger
+        if (isInsideConstructor)
+            throw Error("can't call the XRegExp constructor within token definition functions");
+
+        flags = flags || "";
+        context = { // `this` object for custom tokens
+            hasNamedCapture: false,
+            captureNames: [],
+            hasFlag: function (flag) {return flags.indexOf(flag) > -1;},
+            setFlag: function (flag) {flags += flag;}
+        };
+
+        while (pos < pattern.length) {
+            // Check for custom tokens at the current position
+            tokenResult = runTokens(pattern, pos, currScope, context);
+
+            if (tokenResult) {
+                output.push(tokenResult.output);
+                pos += (tokenResult.match[0].length || 1);
+            } else {
+                // Check for native multicharacter metasequences (excluding character classes) at
+                // the current position
+                if (match = nativ.exec.call(nativeTokens[currScope], pattern.slice(pos))) {
+                    output.push(match[0]);
+                    pos += match[0].length;
+                } else {
+                    chr = pattern.charAt(pos);
+                    if (chr === "[")
+                        currScope = XRegExp.INSIDE_CLASS;
+                    else if (chr === "]")
+                        currScope = XRegExp.OUTSIDE_CLASS;
+                    // Advance position one character
+                    output.push(chr);
+                    pos++;
+                }
+            }
+        }
+
+        regex = RegExp(output.join(""), nativ.replace.call(flags, flagClip, ""));
+        regex._xregexp = {
+            source: pattern,
+            captureNames: context.hasNamedCapture ? context.captureNames : null
+        };
+        return regex;
+    };
+
+
+    //---------------------------------
+    //  Public properties
+    //---------------------------------
+
+    XRegExp.version = "1.5.1";
+
+    // Token scope bitflags
+    XRegExp.INSIDE_CLASS = 1;
+    XRegExp.OUTSIDE_CLASS = 2;
+
+
+    //---------------------------------
+    //  Private variables
+    //---------------------------------
+
+    var replacementToken = /\$(?:(\d\d?|[$&`'])|{([$\w]+)})/g,
+        flagClip = /[^gimy]+|([\s\S])(?=[\s\S]*\1)/g, // Nonnative and duplicate flags
+        quantifier = /^(?:[?*+]|{\d+(?:,\d*)?})\??/,
+        isInsideConstructor = false,
+        tokens = [],
+    // Copy native globals for reference ("native" is an ES3 reserved keyword)
+        nativ = {
+            exec: RegExp.prototype.exec,
+            test: RegExp.prototype.test,
+            match: String.prototype.match,
+            replace: String.prototype.replace,
+            split: String.prototype.split
+        },
+        compliantExecNpcg = nativ.exec.call(/()??/, "")[1] === undefined, // check `exec` handling of nonparticipating capturing groups
+        compliantLastIndexIncrement = function () {
+            var x = /^/g;
+            nativ.test.call(x, "");
+            return !x.lastIndex;
+        }(),
+        hasNativeY = RegExp.prototype.sticky !== undefined,
+        nativeTokens = {};
+
+    // `nativeTokens` match native multicharacter metasequences only (including deprecated octals,
+    // excluding character classes)
+    nativeTokens[XRegExp.INSIDE_CLASS] = /^(?:\\(?:[0-3][0-7]{0,2}|[4-7][0-7]?|x[\dA-Fa-f]{2}|u[\dA-Fa-f]{4}|c[A-Za-z]|[\s\S]))/;
+    nativeTokens[XRegExp.OUTSIDE_CLASS] = /^(?:\\(?:0(?:[0-3][0-7]{0,2}|[4-7][0-7]?)?|[1-9]\d*|x[\dA-Fa-f]{2}|u[\dA-Fa-f]{4}|c[A-Za-z]|[\s\S])|\(\?[:=!]|[?*+]\?|{\d+(?:,\d*)?}\??)/;
+
+
+    //---------------------------------
+    //  Public methods
+    //---------------------------------
+
+    // Lets you extend or change XRegExp syntax and create custom flags. This is used internally by
+    // the XRegExp library and can be used to create XRegExp plugins. This function is intended for
+    // users with advanced knowledge of JavaScript's regular expression syntax and behavior. It can
+    // be disabled by `XRegExp.freezeTokens`
+    XRegExp.addToken = function (regex, handler, scope, trigger) {
+        tokens.push({
+            pattern: clone(regex, "g" + (hasNativeY ? "y" : "")),
+            handler: handler,
+            scope: scope || XRegExp.OUTSIDE_CLASS,
+            trigger: trigger || null
+        });
+    };
+
+    // Accepts a pattern and flags; returns an extended `RegExp` object. If the pattern and flag
+    // combination has previously been cached, the cached copy is returned; otherwise the newly
+    // created regex is cached
+    XRegExp.cache = function (pattern, flags) {
+        var key = pattern + "/" + (flags || "");
+        return XRegExp.cache[key] || (XRegExp.cache[key] = XRegExp(pattern, flags));
+    };
+
+    // Accepts a `RegExp` instance; returns a copy with the `/g` flag set. The copy has a fresh
+    // `lastIndex` (set to zero). If you want to copy a regex without forcing the `global`
+    // property, use `XRegExp(regex)`. Do not use `RegExp(regex)` because it will not preserve
+    // special properties required for named capture
+    XRegExp.copyAsGlobal = function (regex) {
+        return clone(regex, "g");
+    };
+
+    // Accepts a string; returns the string with regex metacharacters escaped. The returned string
+    // can safely be used at any point within a regex to match the provided literal string. Escaped
+    // characters are [ ] { } ( ) * + ? - . , \ ^ $ | # and whitespace
+    XRegExp.escape = function (str) {
+        return str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+    };
+
+    // Accepts a string to search, regex to search with, position to start the search within the
+    // string (default: 0), and an optional Boolean indicating whether matches must start at-or-
+    // after the position or at the specified position only. This function ignores the `lastIndex`
+    // of the provided regex in its own handling, but updates the property for compatibility
+    XRegExp.execAt = function (str, regex, pos, anchored) {
+        var r2 = clone(regex, "g" + ((anchored && hasNativeY) ? "y" : "")),
+            match;
+        r2.lastIndex = pos = pos || 0;
+        match = r2.exec(str); // Run the altered `exec` (required for `lastIndex` fix, etc.)
+        if (anchored && match && match.index !== pos)
+            match = null;
+        if (regex.global)
+            regex.lastIndex = match ? r2.lastIndex : 0;
+        return match;
+    };
+
+    // Breaks the unrestorable link to XRegExp's private list of tokens, thereby preventing
+    // syntax and flag changes. Should be run after XRegExp and any plugins are loaded
+    XRegExp.freezeTokens = function () {
+        XRegExp.addToken = function () {
+            throw Error("can't run addToken after freezeTokens");
+        };
+    };
+
+    // Accepts any value; returns a Boolean indicating whether the argument is a `RegExp` object.
+    // Note that this is also `true` for regex literals and regexes created by the `XRegExp`
+    // constructor. This works correctly for variables created in another frame, when `instanceof`
+    // and `constructor` checks would fail to work as intended
+    XRegExp.isRegExp = function (o) {
+        return Object.prototype.toString.call(o) === "[object RegExp]";
+    };
+
+    // Executes `callback` once per match within `str`. Provides a simpler and cleaner way to
+    // iterate over regex matches compared to the traditional approaches of subverting
+    // `String.prototype.replace` or repeatedly calling `exec` within a `while` loop
+    XRegExp.iterate = function (str, regex, callback, context) {
+        var r2 = clone(regex, "g"),
+            i = -1, match;
+        while (match = r2.exec(str)) { // Run the altered `exec` (required for `lastIndex` fix, etc.)
+            if (regex.global)
+                regex.lastIndex = r2.lastIndex; // Doing this to follow expectations if `lastIndex` is checked within `callback`
+            callback.call(context, match, ++i, str, regex);
+            if (r2.lastIndex === match.index)
+                r2.lastIndex++;
+        }
+        if (regex.global)
+            regex.lastIndex = 0;
+    };
+
+    // Accepts a string and an array of regexes; returns the result of using each successive regex
+    // to search within the matches of the previous regex. The array of regexes can also contain
+    // objects with `regex` and `backref` properties, in which case the named or numbered back-
+    // references specified are passed forward to the next regex or returned. E.g.:
+    // var xregexpImgFileNames = XRegExp.matchChain(html, [
+    //     {regex: /<img\b([^>]+)>/i, backref: 1}, // <img> tag attributes
+    //     {regex: XRegExp('(?ix) \\s src=" (?<src> [^"]+ )'), backref: "src"}, // src attribute values
+    //     {regex: XRegExp("^http://xregexp\\.com(/[^#?]+)", "i"), backref: 1}, // xregexp.com paths
+    //     /[^\/]+$/ // filenames (strip directory paths)
+    // ]);
+    XRegExp.matchChain = function (str, chain) {
+        return function recurseChain (values, level) {
+            var item = chain[level].regex ? chain[level] : {regex: chain[level]},
+                regex = clone(item.regex, "g"),
+                matches = [], i;
+            for (i = 0; i < values.length; i++) {
+                XRegExp.iterate(values[i], regex, function (match) {
+                    matches.push(item.backref ? (match[item.backref] || "") : match[0]);
+                });
+            }
+            return ((level === chain.length - 1) || !matches.length) ?
+                matches : recurseChain(matches, level + 1);
+        }([str], 0);
+    };
+
+
+    //---------------------------------
+    //  New RegExp prototype methods
+    //---------------------------------
+
+    // Accepts a context object and arguments array; returns the result of calling `exec` with the
+    // first value in the arguments array. the context is ignored but is accepted for congruity
+    // with `Function.prototype.apply`
+    RegExp.prototype.apply = function (context, args) {
+        return this.exec(args[0]);
+    };
+
+    // Accepts a context object and string; returns the result of calling `exec` with the provided
+    // string. the context is ignored but is accepted for congruity with `Function.prototype.call`
+    RegExp.prototype.call = function (context, str) {
+        return this.exec(str);
+    };
+
+
+    //---------------------------------
+    //  Overriden native methods
+    //---------------------------------
+
+    // Adds named capture support (with backreferences returned as `result.name`), and fixes two
+    // cross-browser issues per ES3:
+    // - Captured values for nonparticipating capturing groups should be returned as `undefined`,
+    //   rather than the empty string.
+    // - `lastIndex` should not be incremented after zero-length matches.
+    RegExp.prototype.exec = function (str) {
+        var match, name, r2, origLastIndex;
+        if (!this.global)
+            origLastIndex = this.lastIndex;
+        match = nativ.exec.apply(this, arguments);
+        if (match) {
+            // Fix browsers whose `exec` methods don't consistently return `undefined` for
+            // nonparticipating capturing groups
+            if (!compliantExecNpcg && match.length > 1 && indexOf(match, "") > -1) {
+                r2 = RegExp(this.source, nativ.replace.call(getNativeFlags(this), "g", ""));
+                // Using `str.slice(match.index)` rather than `match[0]` in case lookahead allowed
+                // matching due to characters outside the match
+                nativ.replace.call((str + "").slice(match.index), r2, function () {
+                    for (var i = 1; i < arguments.length - 2; i++) {
+                        if (arguments[i] === undefined)
+                            match[i] = undefined;
+                    }
+                });
+            }
+            // Attach named capture properties
+            if (this._xregexp && this._xregexp.captureNames) {
+                for (var i = 1; i < match.length; i++) {
+                    name = this._xregexp.captureNames[i - 1];
+                    if (name)
+                        match[name] = match[i];
+                }
+            }
+            // Fix browsers that increment `lastIndex` after zero-length matches
+            if (!compliantLastIndexIncrement && this.global && !match[0].length && (this.lastIndex > match.index))
+                this.lastIndex--;
+        }
+        if (!this.global)
+            this.lastIndex = origLastIndex; // Fix IE, Opera bug (last tested IE 9.0.5, Opera 11.61 on Windows)
+        return match;
+    };
+
+    // Fix browser bugs in native method
+    RegExp.prototype.test = function (str) {
+        // Use the native `exec` to skip some processing overhead, even though the altered
+        // `exec` would take care of the `lastIndex` fixes
+        var match, origLastIndex;
+        if (!this.global)
+            origLastIndex = this.lastIndex;
+        match = nativ.exec.call(this, str);
+        // Fix browsers that increment `lastIndex` after zero-length matches
+        if (match && !compliantLastIndexIncrement && this.global && !match[0].length && (this.lastIndex > match.index))
+            this.lastIndex--;
+        if (!this.global)
+            this.lastIndex = origLastIndex; // Fix IE, Opera bug (last tested IE 9.0.5, Opera 11.61 on Windows)
+        return !!match;
+    };
+
+    // Adds named capture support and fixes browser bugs in native method
+    String.prototype.match = function (regex) {
+        if (!XRegExp.isRegExp(regex))
+            regex = RegExp(regex); // Native `RegExp`
+        if (regex.global) {
+            var result = nativ.match.apply(this, arguments);
+            regex.lastIndex = 0; // Fix IE bug
+            return result;
+        }
+        return regex.exec(this); // Run the altered `exec`
+    };
+
+    // Adds support for `${n}` tokens for named and numbered backreferences in replacement text,
+    // and provides named backreferences to replacement functions as `arguments[0].name`. Also
+    // fixes cross-browser differences in replacement text syntax when performing a replacement
+    // using a nonregex search value, and the value of replacement regexes' `lastIndex` property
+    // during replacement iterations. Note that this doesn't support SpiderMonkey's proprietary
+    // third (`flags`) parameter
+    String.prototype.replace = function (search, replacement) {
+        var isRegex = XRegExp.isRegExp(search),
+            captureNames, result, str, origLastIndex;
+
+        // There are too many combinations of search/replacement types/values and browser bugs that
+        // preclude passing to native `replace`, so don't try
+        //if (...)
+        //    return nativ.replace.apply(this, arguments);
+
+        if (isRegex) {
+            if (search._xregexp)
+                captureNames = search._xregexp.captureNames; // Array or `null`
+            if (!search.global)
+                origLastIndex = search.lastIndex;
+        } else {
+            search = search + ""; // Type conversion
+        }
+
+        if (Object.prototype.toString.call(replacement) === "[object Function]") {
+            result = nativ.replace.call(this + "", search, function () {
+                if (captureNames) {
+                    // Change the `arguments[0]` string primitive to a String object which can store properties
+                    arguments[0] = new String(arguments[0]);
+                    // Store named backreferences on `arguments[0]`
+                    for (var i = 0; i < captureNames.length; i++) {
+                        if (captureNames[i])
+                            arguments[0][captureNames[i]] = arguments[i + 1];
+                    }
+                }
+                // Update `lastIndex` before calling `replacement` (fix browsers)
+                if (isRegex && search.global)
+                    search.lastIndex = arguments[arguments.length - 2] + arguments[0].length;
+                return replacement.apply(null, arguments);
+            });
+        } else {
+            str = this + ""; // Type conversion, so `args[args.length - 1]` will be a string (given nonstring `this`)
+            result = nativ.replace.call(str, search, function () {
+                var args = arguments; // Keep this function's `arguments` available through closure
+                return nativ.replace.call(replacement + "", replacementToken, function ($0, $1, $2) {
+                    // Numbered backreference (without delimiters) or special variable
+                    if ($1) {
+                        switch ($1) {
+                            case "$": return "$";
+                            case "&": return args[0];
+                            case "`": return args[args.length - 1].slice(0, args[args.length - 2]);
+                            case "'": return args[args.length - 1].slice(args[args.length - 2] + args[0].length);
+                            // Numbered backreference
+                            default:
+                                // What does "$10" mean?
+                                // - Backreference 10, if 10 or more capturing groups exist
+                                // - Backreference 1 followed by "0", if 1-9 capturing groups exist
+                                // - Otherwise, it's the string "$10"
+                                // Also note:
+                                // - Backreferences cannot be more than two digits (enforced by `replacementToken`)
+                                // - "$01" is equivalent to "$1" if a capturing group exists, otherwise it's the string "$01"
+                                // - There is no "$0" token ("$&" is the entire match)
+                                var literalNumbers = "";
+                                $1 = +$1; // Type conversion; drop leading zero
+                                if (!$1) // `$1` was "0" or "00"
+                                    return $0;
+                                while ($1 > args.length - 3) {
+                                    literalNumbers = String.prototype.slice.call($1, -1) + literalNumbers;
+                                    $1 = Math.floor($1 / 10); // Drop the last digit
+                                }
+                                return ($1 ? args[$1] || "" : "$") + literalNumbers;
+                        }
+                        // Named backreference or delimited numbered backreference
+                    } else {
+                        // What does "${n}" mean?
+                        // - Backreference to numbered capture n. Two differences from "$n":
+                        //   - n can be more than two digits
+                        //   - Backreference 0 is allowed, and is the entire match
+                        // - Backreference to named capture n, if it exists and is not a number overridden by numbered capture
+                        // - Otherwise, it's the string "${n}"
+                        var n = +$2; // Type conversion; drop leading zeros
+                        if (n <= args.length - 3)
+                            return args[n];
+                        n = captureNames ? indexOf(captureNames, $2) : -1;
+                        return n > -1 ? args[n + 1] : $0;
+                    }
+                });
+            });
+        }
+
+        if (isRegex) {
+            if (search.global)
+                search.lastIndex = 0; // Fix IE, Safari bug (last tested IE 9.0.5, Safari 5.1.2 on Windows)
+            else
+                search.lastIndex = origLastIndex; // Fix IE, Opera bug (last tested IE 9.0.5, Opera 11.61 on Windows)
+        }
+
+        return result;
+    };
+
+    // A consistent cross-browser, ES3 compliant `split`
+    String.prototype.split = function (s /* separator */, limit) {
+        // If separator `s` is not a regex, use the native `split`
+        if (!XRegExp.isRegExp(s))
+            return nativ.split.apply(this, arguments);
+
+        var str = this + "", // Type conversion
+            output = [],
+            lastLastIndex = 0,
+            match, lastLength;
+
+        // Behavior for `limit`: if it's...
+        // - `undefined`: No limit
+        // - `NaN` or zero: Return an empty array
+        // - A positive number: Use `Math.floor(limit)`
+        // - A negative number: No limit
+        // - Other: Type-convert, then use the above rules
+        if (limit === undefined || +limit < 0) {
+            limit = Infinity;
+        } else {
+            limit = Math.floor(+limit);
+            if (!limit)
+                return [];
+        }
+
+        // This is required if not `s.global`, and it avoids needing to set `s.lastIndex` to zero
+        // and restore it to its original value when we're done using the regex
+        s = XRegExp.copyAsGlobal(s);
+
+        while (match = s.exec(str)) { // Run the altered `exec` (required for `lastIndex` fix, etc.)
+            if (s.lastIndex > lastLastIndex) {
+                output.push(str.slice(lastLastIndex, match.index));
+
+                if (match.length > 1 && match.index < str.length)
+                    Array.prototype.push.apply(output, match.slice(1));
+
+                lastLength = match[0].length;
+                lastLastIndex = s.lastIndex;
+
+                if (output.length >= limit)
+                    break;
+            }
+
+            if (s.lastIndex === match.index)
+                s.lastIndex++;
+        }
+
+        if (lastLastIndex === str.length) {
+            if (!nativ.test.call(s, "") || lastLength)
+                output.push("");
+        } else {
+            output.push(str.slice(lastLastIndex));
+        }
+
+        return output.length > limit ? output.slice(0, limit) : output;
+    };
+
+
+    //---------------------------------
+    //  Private helper functions
+    //---------------------------------
+
+    // Supporting function for `XRegExp`, `XRegExp.copyAsGlobal`, etc. Returns a copy of a `RegExp`
+    // instance with a fresh `lastIndex` (set to zero), preserving properties required for named
+    // capture. Also allows adding new flags in the process of copying the regex
+    function clone (regex, additionalFlags) {
+        if (!XRegExp.isRegExp(regex))
+            throw TypeError("type RegExp expected");
+        var x = regex._xregexp;
+        regex = XRegExp(regex.source, getNativeFlags(regex) + (additionalFlags || ""));
+        if (x) {
+            regex._xregexp = {
+                source: x.source,
+                captureNames: x.captureNames ? x.captureNames.slice(0) : null
+            };
+        }
+        return regex;
+    }
+
+    function getNativeFlags (regex) {
+        return (regex.global     ? "g" : "") +
+            (regex.ignoreCase ? "i" : "") +
+            (regex.multiline  ? "m" : "") +
+            (regex.extended   ? "x" : "") + // Proposed for ES4; included in AS3
+            (regex.sticky     ? "y" : "");
+    }
+
+    function runTokens (pattern, index, scope, context) {
+        var i = tokens.length,
+            result, match, t;
+        // Protect against constructing XRegExps within token handler and trigger functions
+        isInsideConstructor = true;
+        // Must reset `isInsideConstructor`, even if a `trigger` or `handler` throws
+        try {
+            while (i--) { // Run in reverse order
+                t = tokens[i];
+                if ((scope & t.scope) && (!t.trigger || t.trigger.call(context))) {
+                    t.pattern.lastIndex = index;
+                    match = t.pattern.exec(pattern); // Running the altered `exec` here allows use of named backreferences, etc.
+                    if (match && match.index === index) {
+                        result = {
+                            output: t.handler.call(context, match, scope),
+                            match: match
+                        };
+                        break;
+                    }
+                }
+            }
+        } catch (err) {
+            throw err;
+        } finally {
+            isInsideConstructor = false;
+        }
+        return result;
+    }
+
+    function indexOf (array, item, from) {
+        if (Array.prototype.indexOf) // Use the native array method if available
+            return array.indexOf(item, from);
+        for (var i = from || 0; i < array.length; i++) {
+            if (array[i] === item)
+                return i;
+        }
+        return -1;
+    }
+
+
+    //---------------------------------
+    //  Built-in tokens
+    //---------------------------------
+
+    // Augment XRegExp's regular expression syntax and flags. Note that when adding tokens, the
+    // third (`scope`) argument defaults to `XRegExp.OUTSIDE_CLASS`
+
+    // Comment pattern: (?# )
+    XRegExp.addToken(
+        /\(\?#[^)]*\)/,
+        function (match) {
+            // Keep tokens separated unless the following token is a quantifier
+            return nativ.test.call(quantifier, match.input.slice(match.index + match[0].length)) ? "" : "(?:)";
+        }
+    );
+
+    // Capturing group (match the opening parenthesis only).
+    // Required for support of named capturing groups
+    XRegExp.addToken(
+        /\((?!\?)/,
+        function () {
+            this.captureNames.push(null);
+            return "(";
+        }
+    );
+
+    // Named capturing group (match the opening delimiter only): (?<name>
+    XRegExp.addToken(
+        /\(\?<([$\w]+)>/,
+        function (match) {
+            this.captureNames.push(match[1]);
+            this.hasNamedCapture = true;
+            return "(";
+        }
+    );
+
+    // Named backreference: \k<name>
+    XRegExp.addToken(
+        /\\k<([\w$]+)>/,
+        function (match) {
+            var index = indexOf(this.captureNames, match[1]);
+            // Keep backreferences separate from subsequent literal numbers. Preserve back-
+            // references to named groups that are undefined at this point as literal strings
+            return index > -1 ?
+                "\\" + (index + 1) + (isNaN(match.input.charAt(match.index + match[0].length)) ? "" : "(?:)") :
+                match[0];
+        }
+    );
+
+    // Empty character class: [] or [^]
+    XRegExp.addToken(
+        /\[\^?]/,
+        function (match) {
+            // For cross-browser compatibility with ES3, convert [] to \b\B and [^] to [\s\S].
+            // (?!) should work like \b\B, but is unreliable in Firefox
+            return match[0] === "[]" ? "\\b\\B" : "[\\s\\S]";
+        }
+    );
+
+    // Mode modifier at the start of the pattern only, with any combination of flags imsx: (?imsx)
+    // Does not support x(?i), (?-i), (?i-m), (?i: ), (?i)(?m), etc.
+    XRegExp.addToken(
+        /^\(\?([imsx]+)\)/,
+        function (match) {
+            this.setFlag(match[1]);
+            return "";
+        }
+    );
+
+    // Whitespace and comments, in free-spacing (aka extended) mode only
+    XRegExp.addToken(
+        /(?:\s+|#.*)+/,
+        function (match) {
+            // Keep tokens separated unless the following token is a quantifier
+            return nativ.test.call(quantifier, match.input.slice(match.index + match[0].length)) ? "" : "(?:)";
+        },
+        XRegExp.OUTSIDE_CLASS,
+        function () {return this.hasFlag("x");}
+    );
+
+    // Dot, in dotall (aka singleline) mode only
+    XRegExp.addToken(
+        /\./,
+        function () {return "[\\s\\S]";},
+        XRegExp.OUTSIDE_CLASS,
+        function () {return this.hasFlag("s");}
+    );
+
+
+    //---------------------------------
+    //  Backward compatibility
+    //---------------------------------
+
+    // Uncomment the following block for compatibility with XRegExp 1.0-1.2:
+    /*
+     XRegExp.matchWithinChain = XRegExp.matchChain;
+     RegExp.prototype.addFlags = function (s) {return clone(this, s);};
+     RegExp.prototype.execAll = function (s) {var r = []; XRegExp.iterate(s, this, function (m) {r.push(m);}); return r;};
+     RegExp.prototype.forEachExec = function (s, f, c) {return XRegExp.iterate(s, this, f, c);};
+     RegExp.prototype.validate = function (s) {var r = RegExp("^(?:" + this.source + ")$(?!\\s)", getNativeFlags(this)); if (this.global) this.lastIndex = 0; return s.search(r) === 0;};
+     */
+
+})();
+
+//
+// Begin anonymous function. This is used to contain local scope variables without polutting global scope.
+//
+if (typeof(SyntaxHighlighter) == 'undefined') var SyntaxHighlighter = function() {
+
+// CommonJS
+    if (typeof(require) != 'undefined' && typeof(XRegExp) == 'undefined')
+    {
+        XRegExp = require('XRegExp').XRegExp;
+    }
+
+// Shortcut object which will be assigned to the SyntaxHighlighter variable.
+// This is a shorthand for local reference in order to avoid long namespace
+// references to SyntaxHighlighter.whatever...
+    var sh = {
+        defaults : {
+            /** Additional CSS class names to be added to highlighter elements. */
+            'class-name' : '',
+
+            /** First line number. */
+            'first-line' : 1,
+
+            /**
+             * Pads line numbers. Possible values are:
+             *
+             *   false - don't pad line numbers.
+             *   true  - automaticaly pad numbers with minimum required number of leading zeroes.
+             *   [int] - length up to which pad line numbers.
+             */
+            'pad-line-numbers' : false,
+
+            /** Lines to highlight. */
+            'highlight' : false,
+
+            /** Title to be displayed above the code block. */
+            'title' : null,
+
+            /** Enables or disables smart tabs. */
+            'smart-tabs' : true,
+
+            /** Gets or sets tab size. */
+            'tab-size' : 4,
+
+            /** Enables or disables gutter. */
+            'gutter' : true,
+
+            /** Enables or disables toolbar. */
+            'toolbar' : true,
+
+            /** Enables quick code copy and paste from double click. */
+            'quick-code' : true,
+
+            /** Forces code view to be collapsed. */
+            'collapse' : false,
+
+            /** Enables or disables automatic links. */
+            'auto-links' : false,
+
+            /** Gets or sets light mode. Equavalent to turning off gutter and toolbar. */
+            'light' : false,
+
+            'unindent' : true,
+
+            'html-script' : false
+        },
+
+        config : {
+            space : '&nbsp;',
+
+            /** Enables use of <SCRIPT type="syntaxhighlighter" /> tags. */
+            useScriptTags : true,
+
+            /** Blogger mode flag. */
+            bloggerMode : false,
+
+            stripBrs : false,
+
+            /** Name of the tag that SyntaxHighlighter will automatically look for. */
+            tagName : 'pre',
+
+            strings : {
+                expandSource : 'expand source',
+                help : '?',
+                alert: 'SyntaxHighlighter\n\n',
+                noBrush : 'Can\'t find brush for: ',
+                brushNotHtmlScript : 'Brush wasn\'t configured for html-script option: ',
+
+                // this is populated by the build script
+                aboutDialog : '@ABOUT@'
+            }
+        },
+
+        /** Internal 'global' variables. */
+        vars : {
+            discoveredBrushes : null,
+            highlighters : {}
+        },
+
+        /** This object is populated by user included external brush files. */
+        brushes : {},
+
+        /** Common regular expressions. */
+        regexLib : {
+            multiLineCComments			: /\/\*[\s\S]*?\*\//gm,
+            singleLineCComments			: /\/\/.*$/gm,
+            singleLinePerlComments		: /#.*$/gm,
+            doubleQuotedString			: /"([^\\"\n]|\\.)*"/g,
+            singleQuotedString			: /'([^\\'\n]|\\.)*'/g,
+            multiLineDoubleQuotedString	: new XRegExp('"([^\\\\"]|\\\\.)*"', 'gs'),
+            multiLineSingleQuotedString	: new XRegExp("'([^\\\\']|\\\\.)*'", 'gs'),
+            xmlComments					: /(&lt;|<)!--[\s\S]*?--(&gt;|>)/gm,
+            url							: /\w+:\/\/[\w-.\/?%&=:@;#]*/g,
+
+            /** <?= ?> tags. */
+            phpScriptTags 				: { left: /(&lt;|<)\?(?:=|php)?/g, right: /\?(&gt;|>)/g, 'eof' : true },
+
+            /** <%= %> tags. */
+            aspScriptTags				: { left: /(&lt;|<)%=?/g, right: /%(&gt;|>)/g },
+
+            /** <script> tags. */
+            scriptScriptTags			: { left: /(&lt;|<)\s*script.*?(&gt;|>)/gi, right: /(&lt;|<)\/\s*script\s*(&gt;|>)/gi }
+        },
+
+        toolbar: {
+            /**
+             * Generates HTML markup for the toolbar.
+             * @param {Highlighter} highlighter Highlighter instance.
+             * @return {String} Returns HTML markup.
+             */
+            getHtml: function(highlighter)
+            {
+                var html = '<div class="toolbar">',
+                    items = sh.toolbar.items,
+                    list = items.list
+                    ;
+
+                function defaultGetHtml(highlighter, name)
+                {
+                    return sh.toolbar.getButtonHtml(highlighter, name, sh.config.strings[name]);
+                };
+
+                for (var i = 0; i < list.length; i++)
+                    html += (items[list[i]].getHtml || defaultGetHtml)(highlighter, list[i]);
+
+                html += '</div>';
+
+                return html;
+            },
+
+            /**
+             * Generates HTML markup for a regular button in the toolbar.
+             * @param {Highlighter} highlighter Highlighter instance.
+             * @param {String} commandName		Command name that would be executed.
+             * @param {String} label			Label text to display.
+             * @return {String}					Returns HTML markup.
+             */
+            getButtonHtml: function(highlighter, commandName, label)
+            {
+                return '<span><a href="#" class="toolbar_item'
+                    + ' command_' + commandName
+                    + ' ' + commandName
+                    + '">' + label + '</a></span>'
+                    ;
+            },
+
+            /**
+             * Event handler for a toolbar anchor.
+             */
+            handler: function(e)
+            {
+                var target = e.target,
+                    className = target.className || ''
+                    ;
+
+                function getValue(name)
+                {
+                    var r = new RegExp(name + '_(\\w+)'),
+                        match = r.exec(className)
+                        ;
+
+                    return match ? match[1] : null;
+                };
+
+                var highlighter = getHighlighterById(findParentElement(target, '.syntaxhighlighter').id),
+                    commandName = getValue('command')
+                    ;
+
+                // execute the toolbar command
+                if (highlighter && commandName)
+                    sh.toolbar.items[commandName].execute(highlighter);
+
+                // disable default A click behaviour
+                e.preventDefault();
+            },
+
+            /** Collection of toolbar items. */
+            items : {
+                // Ordered lis of items in the toolbar. Can't expect `for (var n in items)` to be consistent.
+                list: ['expandSource', 'help'],
+
+                expandSource: {
+                    getHtml: function(highlighter)
+                    {
+                        if (highlighter.getParam('collapse') != true)
+                            return '';
+
+                        var title = highlighter.getParam('title');
+                        return sh.toolbar.getButtonHtml(highlighter, 'expandSource', title ? title : sh.config.strings.expandSource);
+                    },
+
+                    execute: function(highlighter)
+                    {
+                        var div = getHighlighterDivById(highlighter.id);
+                        removeClass(div, 'collapsed');
+                    }
+                },
+
+                /** Command to display the about dialog window. */
+                help: {
+                    execute: function(highlighter)
+                    {
+                        var wnd = popup('', '_blank', 500, 250, 'scrollbars=0'),
+                            doc = wnd.document
+                            ;
+
+                        doc.write(sh.config.strings.aboutDialog);
+                        doc.close();
+                        wnd.focus();
+                    }
+                }
+            }
+        },
+
+        /**
+         * Finds all elements on the page which should be processes by SyntaxHighlighter.
+         *
+         * @param {Object} globalParams		Optional parameters which override element's
+         * 									parameters. Only used if element is specified.
+         *
+         * @param {Object} element	Optional element to highlight. If none is
+         * 							provided, all elements in the current document
+         * 							are returned which qualify.
+         *
+         * @return {Array}	Returns list of <code>{ target: DOMElement, params: Object }</code> objects.
+         */
+        findElements: function(globalParams, element)
+        {
+            var elements = element ? [element] : toArray(document.getElementsByTagName(sh.config.tagName)),
+                conf = sh.config,
+                result = []
+                ;
+
+            // support for <SCRIPT TYPE="syntaxhighlighter" /> feature
+            if (conf.useScriptTags)
+                elements = elements.concat(getSyntaxHighlighterScriptTags());
+
+            if (elements.length === 0)
+                return result;
+
+            for (var i = 0; i < elements.length; i++)
+            {
+                var item = {
+                    target: elements[i],
+                    // local params take precedence over globals
+                    params: merge(globalParams, parseParams(elements[i].className))
+                };
+
+                if (item.params['brush'] == null)
+                    continue;
+
+                result.push(item);
+            }
+
+            return result;
+        },
+
+        /**
+         * Shorthand to highlight all elements on the page that are marked as
+         * SyntaxHighlighter source code.
+         *
+         * @param {Object} globalParams		Optional parameters which override element's
+         * 									parameters. Only used if element is specified.
+         *
+         * @param {Object} element	Optional element to highlight. If none is
+         * 							provided, all elements in the current document
+         * 							are highlighted.
+         */
+        highlight: function(globalParams, element)
+        {
+            var elements = this.findElements(globalParams, element),
+                propertyName = 'innerHTML',
+                highlighter = null,
+                conf = sh.config
+                ;
+
+            if (elements.length === 0)
+                return;
+
+            for (var i = 0; i < elements.length; i++)
+            {
+                var element = elements[i],
+                    target = element.target,
+                    params = element.params,
+                    brushName = params.brush,
+                    code
+                    ;
+
+                if (brushName == null)
+                    continue;
+
+                // Instantiate a brush
+                if (params['html-script'] == 'true' || sh.defaults['html-script'] == true)
+                {
+                    highlighter = new sh.HtmlScript(brushName);
+                    brushName = 'htmlscript';
+                }
+                else
+                {
+                    var brush = findBrush(brushName);
+
+                    if (brush)
+                        highlighter = new brush();
+                    else
+                        continue;
+                }
+
+                code = target[propertyName];
+
+                // remove CDATA from <SCRIPT/> tags if it's present
+                if (conf.useScriptTags)
+                    code = stripCData(code);
+
+                // Inject title if the attribute is present
+                if ((target.title || '') != '')
+                    params.title = target.title;
+
+                params['brush'] = brushName;
+                highlighter.init(params);
+                element = highlighter.getDiv(code);
+
+                // carry over ID
+                if ((target.id || '') != '')
+                    element.id = target.id;
+                //by zhanyi 去掉多余的外围div
+                var tmp = element.firstChild.firstChild;
+                tmp.className = element.firstChild.className;
+
+                target.parentNode.replaceChild(tmp, target);
+            }
+        },
+
+        /**
+         * Main entry point for the SyntaxHighlighter.
+         * @param {Object} params Optional params to apply to all highlighted elements.
+         */
+        all: function(params)
+        {
+            attachEvent(
+                window,
+                'load',
+                function() { sh.highlight(params); }
+            );
+        }
+    }; // end of sh
+
+    /**
+     * Checks if target DOM elements has specified CSS class.
+     * @param {DOMElement} target Target DOM element to check.
+     * @param {String} className Name of the CSS class to check for.
+     * @return {Boolean} Returns true if class name is present, false otherwise.
+     */
+    function hasClass(target, className)
+    {
+        return target.className.indexOf(className) != -1;
+    };
+
+    /**
+     * Adds CSS class name to the target DOM element.
+     * @param {DOMElement} target Target DOM element.
+     * @param {String} className New CSS class to add.
+     */
+    function addClass(target, className)
+    {
+        if (!hasClass(target, className))
+            target.className += ' ' + className;
+    };
+
+    /**
+     * Removes CSS class name from the target DOM element.
+     * @param {DOMElement} target Target DOM element.
+     * @param {String} className CSS class to remove.
+     */
+    function removeClass(target, className)
+    {
+        target.className = target.className.replace(className, '');
+    };
+
+    /**
+     * Converts the source to array object. Mostly used for function arguments and
+     * lists returned by getElementsByTagName() which aren't Array objects.
+     * @param {List} source Source list.
+     * @return {Array} Returns array.
+     */
+    function toArray(source)
+    {
+        var result = [];
+
+        for (var i = 0; i < source.length; i++)
+            result.push(source[i]);
+
+        return result;
+    };
+
+    /**
+     * Splits block of text into lines.
+     * @param {String} block Block of text.
+     * @return {Array} Returns array of lines.
+     */
+    function splitLines(block)
+    {
+        return block.split(/\r?\n/);
+    }
+
+    /**
+     * Generates HTML ID for the highlighter.
+     * @param {String} highlighterId Highlighter ID.
+     * @return {String} Returns HTML ID.
+     */
+    function getHighlighterId(id)
+    {
+        var prefix = 'highlighter_';
+        return id.indexOf(prefix) == 0 ? id : prefix + id;
+    };
+
+    /**
+     * Finds Highlighter instance by ID.
+     * @param {String} highlighterId Highlighter ID.
+     * @return {Highlighter} Returns instance of the highlighter.
+     */
+    function getHighlighterById(id)
+    {
+        return sh.vars.highlighters[getHighlighterId(id)];
+    };
+
+    /**
+     * Finds highlighter's DIV container.
+     * @param {String} highlighterId Highlighter ID.
+     * @return {Element} Returns highlighter's DIV element.
+     */
+    function getHighlighterDivById(id)
+    {
+        return document.getElementById(getHighlighterId(id));
+    };
+
+    /**
+     * Stores highlighter so that getHighlighterById() can do its thing. Each
+     * highlighter must call this method to preserve itself.
+     * @param {Highilghter} highlighter Highlighter instance.
+     */
+    function storeHighlighter(highlighter)
+    {
+        sh.vars.highlighters[getHighlighterId(highlighter.id)] = highlighter;
+    };
+
+    /**
+     * Looks for a child or parent node which has specified classname.
+     * Equivalent to jQuery's $(container).find(".className")
+     * @param {Element} target Target element.
+     * @param {String} search Class name or node name to look for.
+     * @param {Boolean} reverse If set to true, will go up the node tree instead of down.
+     * @return {Element} Returns found child or parent element on null.
+     */
+    function findElement(target, search, reverse /* optional */)
+    {
+        if (target == null)
+            return null;
+
+        var nodes			= reverse != true ? target.childNodes : [ target.parentNode ],
+            propertyToFind	= { '#' : 'id', '.' : 'className' }[search.substr(0, 1)] || 'nodeName',
+            expectedValue,
+            found
+            ;
+
+        expectedValue = propertyToFind != 'nodeName'
+            ? search.substr(1)
+            : search.toUpperCase()
+        ;
+
+        // main return of the found node
+        if ((target[propertyToFind] || '').indexOf(expectedValue) != -1)
+            return target;
+
+        for (var i = 0; nodes && i < nodes.length && found == null; i++)
+            found = findElement(nodes[i], search, reverse);
+
+        return found;
+    };
+
+    /**
+     * Looks for a parent node which has specified classname.
+     * This is an alias to <code>findElement(container, className, true)</code>.
+     * @param {Element} target Target element.
+     * @param {String} className Class name to look for.
+     * @return {Element} Returns found parent element on null.
+     */
+    function findParentElement(target, className)
+    {
+        return findElement(target, className, true);
+    };
+
+    /**
+     * Finds an index of element in the array.
+     * @ignore
+     * @param {Object} searchElement
+     * @param {Number} fromIndex
+     * @return {Number} Returns index of element if found; -1 otherwise.
+     */
+    function indexOf(array, searchElement, fromIndex)
+    {
+        fromIndex = Math.max(fromIndex || 0, 0);
+
+        for (var i = fromIndex; i < array.length; i++)
+            if(array[i] == searchElement)
+                return i;
+
+        return -1;
+    };
+
+    /**
+     * Generates a unique element ID.
+     */
+    function guid(prefix)
+    {
+        return (prefix || '') + Math.round(Math.random() * 1000000).toString();
+    };
+
+    /**
+     * Merges two objects. Values from obj2 override values in obj1.
+     * Function is NOT recursive and works only for one dimensional objects.
+     * @param {Object} obj1 First object.
+     * @param {Object} obj2 Second object.
+     * @return {Object} Returns combination of both objects.
+     */
+    function merge(obj1, obj2)
+    {
+        var result = {}, name;
+
+        for (name in obj1)
+            result[name] = obj1[name];
+
+        for (name in obj2)
+            result[name] = obj2[name];
+
+        return result;
+    };
+
+    /**
+     * Attempts to convert string to boolean.
+     * @param {String} value Input string.
+     * @return {Boolean} Returns true if input was "true", false if input was "false" and value otherwise.
+     */
+    function toBoolean(value)
+    {
+        var result = { "true" : true, "false" : false }[value];
+        return result == null ? value : result;
+    };
+
+    /**
+     * Opens up a centered popup window.
+     * @param {String} url		URL to open in the window.
+     * @param {String} name		Popup name.
+     * @param {int} width		Popup width.
+     * @param {int} height		Popup height.
+     * @param {String} options	window.open() options.
+     * @return {Window}			Returns window instance.
+     */
+    function popup(url, name, width, height, options)
+    {
+        var x = (screen.width - width) / 2,
+            y = (screen.height - height) / 2
+            ;
+
+        options +=	', left=' + x +
+            ', top=' + y +
+            ', width=' + width +
+            ', height=' + height
+        ;
+        options = options.replace(/^,/, '');
+
+        var win = window.open(url, name, options);
+        win.focus();
+        return win;
+    };
+
+    /**
+     * Adds event handler to the target object.
+     * @param {Object} obj		Target object.
+     * @param {String} type		Name of the event.
+     * @param {Function} func	Handling function.
+     */
+    function attachEvent(obj, type, func, scope)
+    {
+        function handler(e)
+        {
+            e = e || window.event;
+
+            if (!e.target)
+            {
+                e.target = e.srcElement;
+                e.preventDefault = function()
+                {
+                    this.returnValue = false;
+                };
+            }
+
+            func.call(scope || window, e);
+        };
+
+        if (obj.attachEvent)
+        {
+            obj.attachEvent('on' + type, handler);
+        }
+        else
+        {
+            obj.addEventListener(type, handler, false);
+        }
+    };
+
+    /**
+     * Displays an alert.
+     * @param {String} str String to display.
+     */
+    function alert(str)
+    {
+        window.alert(sh.config.strings.alert + str);
+    };
+
+    /**
+     * Finds a brush by its alias.
+     *
+     * @param {String} alias		Brush alias.
+     * @param {Boolean} showAlert	Suppresses the alert if false.
+     * @return {Brush}				Returns bursh constructor if found, null otherwise.
+     */
+    function findBrush(alias, showAlert)
+    {
+        var brushes = sh.vars.discoveredBrushes,
+            result = null
+            ;
+
+        if (brushes == null)
+        {
+            brushes = {};
+
+            // Find all brushes
+            for (var brush in sh.brushes)
+            {
+                var info = sh.brushes[brush],
+                    aliases = info.aliases
+                    ;
+
+                if (aliases == null)
+                    continue;
+
+                // keep the brush name
+                info.brushName = brush.toLowerCase();
+
+                for (var i = 0; i < aliases.length; i++)
+                    brushes[aliases[i]] = brush;
+            }
+
+            sh.vars.discoveredBrushes = brushes;
+        }
+
+        result = sh.brushes[brushes[alias]];
+
+        if (result == null && showAlert)
+            alert(sh.config.strings.noBrush + alias);
+
+        return result;
+    };
+
+    /**
+     * Executes a callback on each line and replaces each line with result from the callback.
+     * @param {Object} str			Input string.
+     * @param {Object} callback		Callback function taking one string argument and returning a string.
+     */
+    function eachLine(str, callback)
+    {
+        var lines = splitLines(str);
+
+        for (var i = 0; i < lines.length; i++)
+            lines[i] = callback(lines[i], i);
+
+        // include \r to enable copy-paste on windows (ie8) without getting everything on one line
+        return lines.join('\r\n');
+    };
+
+    /**
+     * This is a special trim which only removes first and last empty lines
+     * and doesn't affect valid leading space on the first line.
+     *
+     * @param {String} str   Input string
+     * @return {String}      Returns string without empty first and last lines.
+     */
+    function trimFirstAndLastLines(str)
+    {
+        return str.replace(/^[ ]*[\n]+|[\n]*[ ]*$/g, '');
+    };
+
+    /**
+     * Parses key/value pairs into hash object.
+     *
+     * Understands the following formats:
+     * - name: word;
+     * - name: [word, word];
+     * - name: "string";
+     * - name: 'string';
+     *
+     * For example:
+     *   name1: value; name2: [value, value]; name3: 'value'
+     *
+     * @param {String} str    Input string.
+     * @return {Object}       Returns deserialized object.
+     */
+    function parseParams(str)
+    {
+        var match,
+            result = {},
+            arrayRegex = new XRegExp("^\\[(?<values>(.*?))\\]$"),
+            regex = new XRegExp(
+                "(?<name>[\\w-]+)" +
+                    "\\s*:\\s*" +
+                    "(?<value>" +
+                    "[\\w-%#]+|" +		// word
+                    "\\[.*?\\]|" +		// [] array
+                    '".*?"|' +			// "" string
+                    "'.*?'" +			// '' string
+                    ")\\s*;?",
+                "g"
+            )
+            ;
+
+        while ((match = regex.exec(str)) != null)
+        {
+            var value = match.value
+                    .replace(/^['"]|['"]$/g, '') // strip quotes from end of strings
+                ;
+
+            // try to parse array value
+            if (value != null && arrayRegex.test(value))
+            {
+                var m = arrayRegex.exec(value);
+                value = m.values.length > 0 ? m.values.split(/\s*,\s*/) : [];
+            }
+
+            result[match.name] = value;
+        }
+
+        return result;
+    };
+
+    /**
+     * Wraps each line of the string into <code/> tag with given style applied to it.
+     *
+     * @param {String} str   Input string.
+     * @param {String} css   Style name to apply to the string.
+     * @return {String}      Returns input string with each line surrounded by <span/> tag.
+     */
+    function wrapLinesWithCode(str, css)
+    {
+        if (str == null || str.length == 0 || str == '\n')
+            return str;
+
+        str = str.replace(/</g, '&lt;');
+
+        // Replace two or more sequential spaces with &nbsp; leaving last space untouched.
+        str = str.replace(/ {2,}/g, function(m)
+        {
+            var spaces = '';
+
+            for (var i = 0; i < m.length - 1; i++)
+                spaces += sh.config.space;
+
+            return spaces + ' ';
+        });
+
+        // Split each line and apply <span class="...">...</span> to them so that
+        // leading spaces aren't included.
+        if (css != null)
+            str = eachLine(str, function(line)
+            {
+                if (line.length == 0)
+                    return '';
+
+                var spaces = '';
+
+                line = line.replace(/^(&nbsp;| )+/, function(s)
+                {
+                    spaces = s;
+                    return '';
+                });
+
+                if (line.length == 0)
+                    return spaces;
+
+                return spaces + '<code class="' + css + '">' + line + '</code>';
+            });
+
+        return str;
+    };
+
+    /**
+     * Pads number with zeros until it's length is the same as given length.
+     *
+     * @param {Number} number	Number to pad.
+     * @param {Number} length	Max string length with.
+     * @return {String}			Returns a string padded with proper amount of '0'.
+     */
+    function padNumber(number, length)
+    {
+        var result = number.toString();
+
+        while (result.length < length)
+            result = '0' + result;
+
+        return result;
+    };
+
+    /**
+     * Replaces tabs with spaces.
+     *
+     * @param {String} code		Source code.
+     * @param {Number} tabSize	Size of the tab.
+     * @return {String}			Returns code with all tabs replaces by spaces.
+     */
+    function processTabs(code, tabSize)
+    {
+        var tab = '';
+
+        for (var i = 0; i < tabSize; i++)
+            tab += ' ';
+
+        return code.replace(/\t/g, tab);
+    };
+
+    /**
+     * Replaces tabs with smart spaces.
+     *
+     * @param {String} code    Code to fix the tabs in.
+     * @param {Number} tabSize Number of spaces in a column.
+     * @return {String}        Returns code with all tabs replaces with roper amount of spaces.
+     */
+    function processSmartTabs(code, tabSize)
+    {
+        var lines = splitLines(code),
+            tab = '\t',
+            spaces = ''
+            ;
+
+        // Create a string with 1000 spaces to copy spaces from...
+        // It's assumed that there would be no indentation longer than that.
+        for (var i = 0; i < 50; i++)
+            spaces += '                    '; // 20 spaces * 50
+
+        // This function inserts specified amount of spaces in the string
+        // where a tab is while removing that given tab.
+        function insertSpaces(line, pos, count)
+        {
+            return line.substr(0, pos)
+                + spaces.substr(0, count)
+                + line.substr(pos + 1, line.length) // pos + 1 will get rid of the tab
+                ;
+        };
+
+        // Go through all the lines and do the 'smart tabs' magic.
+        code = eachLine(code, function(line)
+        {
+            if (line.indexOf(tab) == -1)
+                return line;
+
+            var pos = 0;
+
+            while ((pos = line.indexOf(tab)) != -1)
+            {
+                // This is pretty much all there is to the 'smart tabs' logic.
+                // Based on the position within the line and size of a tab,
+                // calculate the amount of spaces we need to insert.
+                var spaces = tabSize - pos % tabSize;
+                line = insertSpaces(line, pos, spaces);
+            }
+
+            return line;
+        });
+
+        return code;
+    };
+
+    /**
+     * Performs various string fixes based on configuration.
+     */
+    function fixInputString(str)
+    {
+        var br = /<br\s*\/?>|&lt;br\s*\/?&gt;/gi;
+
+        if (sh.config.bloggerMode == true)
+            str = str.replace(br, '\n');
+
+        if (sh.config.stripBrs == true)
+            str = str.replace(br, '');
+
+        return str;
+    };
+
+    /**
+     * Removes all white space at the begining and end of a string.
+     *
+     * @param {String} str   String to trim.
+     * @return {String}      Returns string without leading and following white space characters.
+     */
+    function trim(str)
+    {
+        return str.replace(/^\s+|\s+$/g, '');
+    };
+
+    /**
+     * Unindents a block of text by the lowest common indent amount.
+     * @param {String} str   Text to unindent.
+     * @return {String}      Returns unindented text block.
+     */
+    function unindent(str)
+    {
+        var lines = splitLines(fixInputString(str)),
+            indents = new Array(),
+            regex = /^\s*/,
+            min = 1000
+            ;
+
+        // go through every line and check for common number of indents
+        for (var i = 0; i < lines.length && min > 0; i++)
+        {
+            var line = lines[i];
+
+            if (trim(line).length == 0)
+                continue;
+
+            var matches = regex.exec(line);
+
+            // In the event that just one line doesn't have leading white space
+            // we can't unindent anything, so bail completely.
+            if (matches == null)
+                return str;
+
+            min = Math.min(matches[0].length, min);
+        }
+
+        // trim minimum common number of white space from the begining of every line
+        if (min > 0)
+            for (var i = 0; i < lines.length; i++)
+                lines[i] = lines[i].substr(min);
+
+        return lines.join('\n');
+    };
+
+    /**
+     * Callback method for Array.sort() which sorts matches by
+     * index position and then by length.
+     *
+     * @param {Match} m1	Left object.
+     * @param {Match} m2    Right object.
+     * @return {Number}     Returns -1, 0 or -1 as a comparison result.
+     */
+    function matchesSortCallback(m1, m2)
+    {
+        // sort matches by index first
+        if(m1.index < m2.index)
+            return -1;
+        else if(m1.index > m2.index)
+            return 1;
+        else
+        {
+            // if index is the same, sort by length
+            if(m1.length < m2.length)
+                return -1;
+            else if(m1.length > m2.length)
+                return 1;
+        }
+
+        return 0;
+    };
+
+    /**
+     * Executes given regular expression on provided code and returns all
+     * matches that are found.
+     *
+     * @param {String} code    Code to execute regular expression on.
+     * @param {Object} regex   Regular expression item info from <code>regexList</code> collection.
+     * @return {Array}         Returns a list of Match objects.
+     */
+    function getMatches(code, regexInfo)
+    {
+        function defaultAdd(match, regexInfo)
+        {
+            return match[0];
+        };
+
+        var index = 0,
+            match = null,
+            matches = [],
+            func = regexInfo.func ? regexInfo.func : defaultAdd
+            ;
+
+        while((match = regexInfo.regex.exec(code)) != null)
+        {
+            var resultMatch = func(match, regexInfo);
+
+            if (typeof(resultMatch) == 'string')
+                resultMatch = [new sh.Match(resultMatch, match.index, regexInfo.css)];
+
+            matches = matches.concat(resultMatch);
+        }
+
+        return matches;
+    };
+
+    /**
+     * Turns all URLs in the code into <a/> tags.
+     * @param {String} code Input code.
+     * @return {String} Returns code with </a> tags.
+     */
+    function processUrls(code)
+    {
+        var gt = /(.*)((&gt;|&lt;).*)/;
+
+        return code.replace(sh.regexLib.url, function(m)
+        {
+            var suffix = '',
+                match = null
+                ;
+
+            // We include &lt; and &gt; in the URL for the common cases like <http://google.com>
+            // The problem is that they get transformed into &lt;http://google.com&gt;
+            // Where as &gt; easily looks like part of the URL string.
+
+            if (match = gt.exec(m))
+            {
+                m = match[1];
+                suffix = match[2];
+            }
+
+            return '<a href="' + m + '">' + m + '</a>' + suffix;
+        });
+    };
+
+    /**
+     * Finds all <SCRIPT TYPE="syntaxhighlighter" /> elementss.
+     * @return {Array} Returns array of all found SyntaxHighlighter tags.
+     */
+    function getSyntaxHighlighterScriptTags()
+    {
+        var tags = document.getElementsByTagName('script'),
+            result = []
+            ;
+
+        for (var i = 0; i < tags.length; i++)
+            if (tags[i].type == 'syntaxhighlighter')
+                result.push(tags[i]);
+
+        return result;
+    };
+
+    /**
+     * Strips <![CDATA[]]> from <SCRIPT /> content because it should be used
+     * there in most cases for XHTML compliance.
+     * @param {String} original	Input code.
+     * @return {String} Returns code without leading <![CDATA[]]> tags.
+     */
+    function stripCData(original)
+    {
+        var left = '<![CDATA[',
+            right = ']]>',
+        // for some reason IE inserts some leading blanks here
+            copy = trim(original),
+            changed = false,
+            leftLength = left.length,
+            rightLength = right.length
+            ;
+
+        if (copy.indexOf(left) == 0)
+        {
+            copy = copy.substring(leftLength);
+            changed = true;
+        }
+
+        var copyLength = copy.length;
+
+        if (copy.indexOf(right) == copyLength - rightLength)
+        {
+            copy = copy.substring(0, copyLength - rightLength);
+            changed = true;
+        }
+
+        return changed ? copy : original;
+    };
+
+
+    /**
+     * Quick code mouse double click handler.
+     */
+    function quickCodeHandler(e)
+    {
+        var target = e.target,
+            highlighterDiv = findParentElement(target, '.syntaxhighlighter'),
+            container = findParentElement(target, '.container'),
+            textarea = document.createElement('textarea'),
+            highlighter
+            ;
+
+        if (!container || !highlighterDiv || findElement(container, 'textarea'))
+            return;
+
+        highlighter = getHighlighterById(highlighterDiv.id);
+
+        // add source class name
+        addClass(highlighterDiv, 'source');
+
+        // Have to go over each line and grab it's text, can't just do it on the
+        // container because Firefox loses all \n where as Webkit doesn't.
+        var lines = container.childNodes,
+            code = []
+            ;
+
+        for (var i = 0; i < lines.length; i++)
+            code.push(lines[i].innerText || lines[i].textContent);
+
+        // using \r instead of \r or \r\n makes this work equally well on IE, FF and Webkit
+        code = code.join('\r');
+
+        // For Webkit browsers, replace nbsp with a breaking space
+        code = code.replace(/\u00a0/g, " ");
+
+        // inject <textarea/> tag
+        textarea.appendChild(document.createTextNode(code));
+        container.appendChild(textarea);
+
+        // preselect all text
+        textarea.focus();
+        textarea.select();
+
+        // set up handler for lost focus
+        attachEvent(textarea, 'blur', function(e)
+        {
+            textarea.parentNode.removeChild(textarea);
+            removeClass(highlighterDiv, 'source');
+        });
+    };
+
+    /**
+     * Match object.
+     */
+    sh.Match = function(value, index, css)
+    {
+        this.value = value;
+        this.index = index;
+        this.length = value.length;
+        this.css = css;
+        this.brushName = null;
+    };
+
+    sh.Match.prototype.toString = function()
+    {
+        return this.value;
+    };
+
+    /**
+     * Simulates HTML code with a scripting language embedded.
+     *
+     * @param {String} scriptBrushName Brush name of the scripting language.
+     */
+    sh.HtmlScript = function(scriptBrushName)
+    {
+        var brushClass = findBrush(scriptBrushName),
+            scriptBrush,
+            xmlBrush = new sh.brushes.Xml(),
+            bracketsRegex = null,
+            ref = this,
+            methodsToExpose = 'getDiv getHtml init'.split(' ')
+            ;
+
+        if (brushClass == null)
+            return;
+
+        scriptBrush = new brushClass();
+
+        for(var i = 0; i < methodsToExpose.length; i++)
+            // make a closure so we don't lose the name after i changes
+            (function() {
+                var name = methodsToExpose[i];
+
+                ref[name] = function()
+                {
+                    return xmlBrush[name].apply(xmlBrush, arguments);
+                };
+            })();
+
+        if (scriptBrush.htmlScript == null)
+        {
+            alert(sh.config.strings.brushNotHtmlScript + scriptBrushName);
+            return;
+        }
+
+        xmlBrush.regexList.push(
+            { regex: scriptBrush.htmlScript.code, func: process }
+        );
+
+        function offsetMatches(matches, offset)
+        {
+            for (var j = 0; j < matches.length; j++)
+                matches[j].index += offset;
+        }
+
+        function process(match, info)
+        {
+            var code = match.code,
+                matches = [],
+                regexList = scriptBrush.regexList,
+                offset = match.index + match.left.length,
+                htmlScript = scriptBrush.htmlScript,
+                result
+                ;
+
+            // add all matches from the code
+            for (var i = 0; i < regexList.length; i++)
+            {
+                result = getMatches(code, regexList[i]);
+                offsetMatches(result, offset);
+                matches = matches.concat(result);
+            }
+
+            // add left script bracket
+            if (htmlScript.left != null && match.left != null)
+            {
+                result = getMatches(match.left, htmlScript.left);
+                offsetMatches(result, match.index);
+                matches = matches.concat(result);
+            }
+
+            // add right script bracket
+            if (htmlScript.right != null && match.right != null)
+            {
+                result = getMatches(match.right, htmlScript.right);
+                offsetMatches(result, match.index + match[0].lastIndexOf(match.right));
+                matches = matches.concat(result);
+            }
+
+            for (var j = 0; j < matches.length; j++)
+                matches[j].brushName = brushClass.brushName;
+
+            return matches;
+        }
+    };
+
+    /**
+     * Main Highlither class.
+     * @constructor
+     */
+    sh.Highlighter = function()
+    {
+        // not putting any code in here because of the prototype inheritance
+    };
+
+    sh.Highlighter.prototype = {
+        /**
+         * Returns value of the parameter passed to the highlighter.
+         * @param {String} name				Name of the parameter.
+         * @param {Object} defaultValue		Default value.
+         * @return {Object}					Returns found value or default value otherwise.
+         */
+        getParam: function(name, defaultValue)
+        {
+            var result = this.params[name];
+            return toBoolean(result == null ? defaultValue : result);
+        },
+
+        /**
+         * Shortcut to document.createElement().
+         * @param {String} name		Name of the element to create (DIV, A, etc).
+         * @return {HTMLElement}	Returns new HTML element.
+         */
+        create: function(name)
+        {
+            return document.createElement(name);
+        },
+
+        /**
+         * Applies all regular expression to the code and stores all found
+         * matches in the `this.matches` array.
+         * @param {Array} regexList		List of regular expressions.
+         * @param {String} code			Source code.
+         * @return {Array}				Returns list of matches.
+         */
+        findMatches: function(regexList, code)
+        {
+            var result = [];
+
+            if (regexList != null)
+                for (var i = 0; i < regexList.length; i++)
+                    // BUG: length returns len+1 for array if methods added to prototype chain (oising@gmail.com)
+                    if (typeof (regexList[i]) == "object")
+                        result = result.concat(getMatches(code, regexList[i]));
+
+            // sort and remove nested the matches
+            return this.removeNestedMatches(result.sort(matchesSortCallback));
+        },
+
+        /**
+         * Checks to see if any of the matches are inside of other matches.
+         * This process would get rid of highligted strings inside comments,
+         * keywords inside strings and so on.
+         */
+        removeNestedMatches: function(matches)
+        {
+            // Optimized by Jose Prado (http://joseprado.com)
+            for (var i = 0; i < matches.length; i++)
+            {
+                if (matches[i] === null)
+                    continue;
+
+                var itemI = matches[i],
+                    itemIEndPos = itemI.index + itemI.length
+                    ;
+
+                for (var j = i + 1; j < matches.length && matches[i] !== null; j++)
+                {
+                    var itemJ = matches[j];
+
+                    if (itemJ === null)
+                        continue;
+                    else if (itemJ.index > itemIEndPos)
+                        break;
+                    else if (itemJ.index == itemI.index && itemJ.length > itemI.length)
+                        matches[i] = null;
+                    else if (itemJ.index >= itemI.index && itemJ.index < itemIEndPos)
+                        matches[j] = null;
+                }
+            }
+
+            return matches;
+        },
+
+        /**
+         * Creates an array containing integer line numbers starting from the 'first-line' param.
+         * @return {Array} Returns array of integers.
+         */
+        figureOutLineNumbers: function(code)
+        {
+            var lines = [],
+                firstLine = parseInt(this.getParam('first-line'))
+                ;
+
+            eachLine(code, function(line, index)
+            {
+                lines.push(index + firstLine);
+            });
+
+            return lines;
+        },
+
+        /**
+         * Determines if specified line number is in the highlighted list.
+         */
+        isLineHighlighted: function(lineNumber)
+        {
+            var list = this.getParam('highlight', []);
+
+            if (typeof(list) != 'object' && list.push == null)
+                list = [ list ];
+
+            return indexOf(list, lineNumber.toString()) != -1;
+        },
+
+        /**
+         * Generates HTML markup for a single line of code while determining alternating line style.
+         * @param {Integer} lineNumber	Line number.
+         * @param {String} code Line	HTML markup.
+         * @return {String}				Returns HTML markup.
+         */
+        getLineHtml: function(lineIndex, lineNumber, code)
+        {
+            var classes = [
+                'line',
+                'number' + lineNumber,
+                'index' + lineIndex,
+                'alt' + (lineNumber % 2 == 0 ? 1 : 2).toString()
+            ];
+
+            if (this.isLineHighlighted(lineNumber))
+                classes.push('highlighted');
+
+            if (lineNumber == 0)
+                classes.push('break');
+
+            return '<div class="' + classes.join(' ') + '">' + code + '</div>';
+        },
+
+        /**
+         * Generates HTML markup for line number column.
+         * @param {String} code			Complete code HTML markup.
+         * @param {Array} lineNumbers	Calculated line numbers.
+         * @return {String}				Returns HTML markup.
+         */
+        getLineNumbersHtml: function(code, lineNumbers)
+        {
+            var html = '',
+                count = splitLines(code).length,
+                firstLine = parseInt(this.getParam('first-line')),
+                pad = this.getParam('pad-line-numbers')
+                ;
+
+            if (pad == true)
+                pad = (firstLine + count - 1).toString().length;
+            else if (isNaN(pad) == true)
+                pad = 0;
+
+            for (var i = 0; i < count; i++)
+            {
+                var lineNumber = lineNumbers ? lineNumbers[i] : firstLine + i,
+                    code = lineNumber == 0 ? sh.config.space : padNumber(lineNumber, pad)
+                    ;
+
+                html += this.getLineHtml(i, lineNumber, code);
+            }
+
+            return html;
+        },
+
+        /**
+         * Splits block of text into individual DIV lines.
+         * @param {String} code			Code to highlight.
+         * @param {Array} lineNumbers	Calculated line numbers.
+         * @return {String}				Returns highlighted code in HTML form.
+         */
+        getCodeLinesHtml: function(html, lineNumbers)
+        {
+            html = trim(html);
+
+            var lines = splitLines(html),
+                padLength = this.getParam('pad-line-numbers'),
+                firstLine = parseInt(this.getParam('first-line')),
+                html = '',
+                brushName = this.getParam('brush')
+                ;
+
+            for (var i = 0; i < lines.length; i++)
+            {
+                var line = lines[i],
+                    indent = /^(&nbsp;|\s)+/.exec(line),
+                    spaces = null,
+                    lineNumber = lineNumbers ? lineNumbers[i] : firstLine + i;
+                ;
+
+                if (indent != null)
+                {
+                    spaces = indent[0].toString();
+                    line = line.substr(spaces.length);
+                    spaces = spaces.replace(' ', sh.config.space);
+                }
+
+                line = trim(line);
+
+                if (line.length == 0)
+                    line = sh.config.space;
+
+                html += this.getLineHtml(
+                    i,
+                    lineNumber,
+                    (spaces != null ? '<code class="' + brushName + ' spaces">' + spaces + '</code>' : '') + line
+                );
+            }
+
+            return html;
+        },
+
+        /**
+         * Returns HTML for the table title or empty string if title is null.
+         */
+        getTitleHtml: function(title)
+        {
+            return title ? '<caption>' + title + '</caption>' : '';
+        },
+
+        /**
+         * Finds all matches in the source code.
+         * @param {String} code		Source code to process matches in.
+         * @param {Array} matches	Discovered regex matches.
+         * @return {String} Returns formatted HTML with processed mathes.
+         */
+        getMatchesHtml: function(code, matches)
+        {
+            var pos = 0,
+                result = '',
+                brushName = this.getParam('brush', '')
+                ;
+
+            function getBrushNameCss(match)
+            {
+                var result = match ? (match.brushName || brushName) : brushName;
+                return result ? result + ' ' : '';
+            };
+
+            // Finally, go through the final list of matches and pull the all
+            // together adding everything in between that isn't a match.
+            for (var i = 0; i < matches.length; i++)
+            {
+                var match = matches[i],
+                    matchBrushName
+                    ;
+
+                if (match === null || match.length === 0)
+                    continue;
+
+                matchBrushName = getBrushNameCss(match);
+
+                result += wrapLinesWithCode(code.substr(pos, match.index - pos), matchBrushName + 'plain')
+                    + wrapLinesWithCode(match.value, matchBrushName + match.css)
+                ;
+
+                pos = match.index + match.length + (match.offset || 0);
+            }
+
+            // don't forget to add whatever's remaining in the string
+            result += wrapLinesWithCode(code.substr(pos), getBrushNameCss() + 'plain');
+
+            return result;
+        },
+
+        /**
+         * Generates HTML markup for the whole syntax highlighter.
+         * @param {String} code Source code.
+         * @return {String} Returns HTML markup.
+         */
+        getHtml: function(code)
+        {
+            var html = '',
+                classes = [ 'syntaxhighlighter' ],
+                tabSize,
+                matches,
+                lineNumbers
+                ;
+
+            // process light mode
+            if (this.getParam('light') == true)
+                this.params.toolbar = this.params.gutter = false;
+
+            className = 'syntaxhighlighter';
+
+            if (this.getParam('collapse') == true)
+                classes.push('collapsed');
+
+            if ((gutter = this.getParam('gutter')) == false)
+                classes.push('nogutter');
+
+            // add custom user style name
+            classes.push(this.getParam('class-name'));
+
+            // add brush alias to the class name for custom CSS
+            classes.push(this.getParam('brush'));
+
+            code = trimFirstAndLastLines(code)
+                .replace(/\r/g, ' ') // IE lets these buggers through
+            ;
+
+            tabSize = this.getParam('tab-size');
+
+            // replace tabs with spaces
+            code = this.getParam('smart-tabs') == true
+                ? processSmartTabs(code, tabSize)
+                : processTabs(code, tabSize)
+            ;
+
+            // unindent code by the common indentation
+            if (this.getParam('unindent'))
+                code = unindent(code);
+
+            if (gutter)
+                lineNumbers = this.figureOutLineNumbers(code);
+
+            // find matches in the code using brushes regex list
+            matches = this.findMatches(this.regexList, code);
+            // processes found matches into the html
+            html = this.getMatchesHtml(code, matches);
+            // finally, split all lines so that they wrap well
+            html = this.getCodeLinesHtml(html, lineNumbers);
+
+            // finally, process the links
+            if (this.getParam('auto-links'))
+                html = processUrls(html);
+
+            if (typeof(navigator) != 'undefined' && navigator.userAgent && navigator.userAgent.match(/MSIE/))
+                classes.push('ie');
+
+            html =
+                '<div id="' + getHighlighterId(this.id) + '" class="' + classes.join(' ') + '">'
+                    + (this.getParam('toolbar') ? sh.toolbar.getHtml(this) : '')
+                    + '<table border="0" cellpadding="0" cellspacing="0">'
+                    + this.getTitleHtml(this.getParam('title'))
+                    + '<tbody>'
+                    + '<tr>'
+                    + (gutter ? '<td class="gutter">' + this.getLineNumbersHtml(code) + '</td>' : '')
+                    + '<td class="code">'
+                    + '<div class="container">'
+                    + html
+                    + '</div>'
+                    + '</td>'
+                    + '</tr>'
+                    + '</tbody>'
+                    + '</table>'
+                    + '</div>'
+            ;
+
+            return html;
+        },
+
+        /**
+         * Highlights the code and returns complete HTML.
+         * @param {String} code     Code to highlight.
+         * @return {Element}        Returns container DIV element with all markup.
+         */
+        getDiv: function(code)
+        {
+            if (code === null)
+                code = '';
+
+            this.code = code;
+
+            var div = this.create('div');
+
+            // create main HTML
+            div.innerHTML = this.getHtml(code);
+
+            // set up click handlers
+            if (this.getParam('toolbar'))
+                attachEvent(findElement(div, '.toolbar'), 'click', sh.toolbar.handler);
+
+            if (this.getParam('quick-code'))
+                attachEvent(findElement(div, '.code'), 'dblclick', quickCodeHandler);
+
+            return div;
+        },
+
+        /**
+         * Initializes the highlighter/brush.
+         *
+         * Constructor isn't used for initialization so that nothing executes during necessary
+         * `new SyntaxHighlighter.Highlighter()` call when setting up brush inheritence.
+         *
+         * @param {Hash} params Highlighter parameters.
+         */
+        init: function(params)
+        {
+            this.id = guid();
+
+            // register this instance in the highlighters list
+            storeHighlighter(this);
+
+            // local params take precedence over defaults
+            this.params = merge(sh.defaults, params || {})
+
+            // process light mode
+            if (this.getParam('light') == true)
+                this.params.toolbar = this.params.gutter = false;
+        },
+
+        /**
+         * Converts space separated list of keywords into a regular expression string.
+         * @param {String} str    Space separated keywords.
+         * @return {String}       Returns regular expression string.
+         */
+        getKeywords: function(str)
+        {
+            str = str
+                .replace(/^\s+|\s+$/g, '')
+                .replace(/\s+/g, '|')
+            ;
+
+            return '\\b(?:' + str + ')\\b';
+        },
+
+        /**
+         * Makes a brush compatible with the `html-script` functionality.
+         * @param {Object} regexGroup Object containing `left` and `right` regular expressions.
+         */
+        forHtmlScript: function(regexGroup)
+        {
+            var regex = { 'end' : regexGroup.right.source };
+
+            if(regexGroup.eof)
+                regex.end = "(?:(?:" + regex.end + ")|$)";
+
+            this.htmlScript = {
+                left : { regex: regexGroup.left, css: 'script' },
+                right : { regex: regexGroup.right, css: 'script' },
+                code : new XRegExp(
+                    "(?<left>" + regexGroup.left.source + ")" +
+                        "(?<code>.*?)" +
+                        "(?<right>" + regex.end + ")",
+                    "sgi"
+                )
+            };
+        }
+    }; // end of Highlighter
+
+    return sh;
+}(); // end of anonymous function
+
+// CommonJS
+typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter : null;
+
+;(function()
+{
+    // CommonJS
+    SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+    function Brush()
+    {
+        // Created by Peter Atoria @ http://iAtoria.com
+
+        var inits 	 =  'class interface function package';
+
+        var keywords =	'-Infinity ...rest Array as AS3 Boolean break case catch const continue Date decodeURI ' +
+                'decodeURIComponent default delete do dynamic each else encodeURI encodeURIComponent escape ' +
+                'extends false final finally flash_proxy for get if implements import in include Infinity ' +
+                'instanceof int internal is isFinite isNaN isXMLName label namespace NaN native new null ' +
+                'Null Number Object object_proxy override parseFloat parseInt private protected public ' +
+                'return set static String super switch this throw true try typeof uint undefined unescape ' +
+                'use void while with'
+            ;
+
+        this.regexList = [
+            { regex: SyntaxHighlighter.regexLib.singleLineCComments,	css: 'comments' },		// one line comments
+            { regex: SyntaxHighlighter.regexLib.multiLineCComments,		css: 'comments' },		// multiline comments
+            { regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },		// double quoted strings
+            { regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },		// single quoted strings
+            { regex: /\b([\d]+(\.[\d]+)?|0x[a-f0-9]+)\b/gi,				css: 'value' },			// numbers
+            { regex: new RegExp(this.getKeywords(inits), 'gm'),			css: 'color3' },		// initializations
+            { regex: new RegExp(this.getKeywords(keywords), 'gm'),		css: 'keyword' },		// keywords
+            { regex: new RegExp('var', 'gm'),							css: 'variable' },		// variable
+            { regex: new RegExp('trace', 'gm'),							css: 'color1' }			// trace
+        ];
+
+        this.forHtmlScript(SyntaxHighlighter.regexLib.scriptScriptTags);
+    };
+
+    Brush.prototype	= new SyntaxHighlighter.Highlighter();
+    Brush.aliases	= ['actionscript3', 'as3'];
+
+    SyntaxHighlighter.brushes.AS3 = Brush;
+
+    // CommonJS
+    typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+
+;(function()
+{
+    // CommonJS
+    SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+    function Brush()
+    {
+        // AppleScript brush by David Chambers
+        // http://davidchambersdesign.com/
+        var keywords   = 'after before beginning continue copy each end every from return get global in local named of set some that the then times to where whose with without';
+        var ordinals   = 'first second third fourth fifth sixth seventh eighth ninth tenth last front back middle';
+        var specials   = 'activate add alias AppleScript ask attachment boolean class constant delete duplicate empty exists false id integer list make message modal modified new no paragraph pi properties quit real record remove rest result reveal reverse run running save string true word yes';
+
+        this.regexList = [
+
+            { regex: /(--|#).*$/gm,
+                css: 'comments' },
+
+            { regex: /\(\*(?:[\s\S]*?\(\*[\s\S]*?\*\))*[\s\S]*?\*\)/gm, // support nested comments
+                css: 'comments' },
+
+            { regex: /"[\s\S]*?"/gm,
+                css: 'string' },
+
+            { regex: /(?:,|:|¬|'s\b|\(|\)|\{|\}|«|\b\w*»)/g,
+                css: 'color1' },
+
+            { regex: /(-)?(\d)+(\.(\d)?)?(E\+(\d)+)?/g, // numbers
+                css: 'color1' },
+
+            { regex: /(?:&(amp;|gt;|lt;)?|=|� |>|<|≥|>=|≤|<=|\*|\+|-|\/|÷|\^)/g,
+                css: 'color2' },
+
+            { regex: /\b(?:and|as|div|mod|not|or|return(?!\s&)(ing)?|equals|(is(n't| not)? )?equal( to)?|does(n't| not) equal|(is(n't| not)? )?(greater|less) than( or equal( to)?)?|(comes|does(n't| not) come) (after|before)|is(n't| not)?( in)? (back|front) of|is(n't| not)? behind|is(n't| not)?( (in|contained by))?|does(n't| not) contain|contain(s)?|(start|begin|end)(s)? with|((but|end) )?(consider|ignor)ing|prop(erty)?|(a )?ref(erence)?( to)?|repeat (until|while|with)|((end|exit) )?repeat|((else|end) )?if|else|(end )?(script|tell|try)|(on )?error|(put )?into|(of )?(it|me)|its|my|with (timeout( of)?|transaction)|end (timeout|transaction))\b/g,
+                css: 'keyword' },
+
+            { regex: /\b\d+(st|nd|rd|th)\b/g, // ordinals
+                css: 'keyword' },
+
+            { regex: /\b(?:about|above|against|around|at|below|beneath|beside|between|by|(apart|aside) from|(instead|out) of|into|on(to)?|over|since|thr(ough|u)|under)\b/g,
+                css: 'color3' },
+
+            { regex: /\b(?:adding folder items to|after receiving|choose( ((remote )?application|color|folder|from list|URL))?|clipboard info|set the clipboard to|(the )?clipboard|entire contents|display(ing| (alert|dialog|mode))?|document( (edited|file|nib name))?|file( (name|type))?|(info )?for|giving up after|(name )?extension|quoted form|return(ed)?|second(?! item)(s)?|list (disks|folder)|text item(s| delimiters)?|(Unicode )?text|(disk )?item(s)?|((current|list) )?view|((container|key) )?window|with (data|icon( (caution|note|stop))?|parameter(s)?|prompt|properties|seed|title)|case|diacriticals|hyphens|numeric strings|punctuation|white space|folder creation|application(s( folder)?| (processes|scripts position|support))?|((desktop )?(pictures )?|(documents|downloads|favorites|home|keychain|library|movies|music|public|scripts|sites|system|users|utilities|workflows) )folder|desktop|Folder Action scripts|font(s| panel)?|help|internet plugins|modem scripts|(system )?preferences|printer descriptions|scripting (additions|components)|shared (documents|libraries)|startup (disk|items)|temporary items|trash|on server|in AppleTalk zone|((as|long|short) )?user name|user (ID|locale)|(with )?password|in (bundle( with identifier)?|directory)|(close|open for) access|read|write( permission)?|(g|s)et eof|using( delimiters)?|starting at|default (answer|button|color|country code|entr(y|ies)|identifiers|items|name|location|script editor)|hidden( answer)?|open(ed| (location|untitled))?|error (handling|reporting)|(do( shell)?|load|run|store) script|administrator privileges|altering line endings|get volume settings|(alert|boot|input|mount|output|set) volume|output muted|(fax|random )?number|round(ing)?|up|down|toward zero|to nearest|as taught in school|system (attribute|info)|((AppleScript( Studio)?|system) )?version|(home )?directory|(IPv4|primary Ethernet) address|CPU (type|speed)|physical memory|time (stamp|to GMT)|replacing|ASCII (character|number)|localized string|from table|offset|summarize|beep|delay|say|(empty|multiple) selections allowed|(of|preferred) type|invisibles|showing( package contents)?|editable URL|(File|FTP|News|Media|Web) [Ss]ervers|Telnet hosts|Directory services|Remote applications|waiting until completion|saving( (in|to))?|path (for|to( (((current|frontmost) )?application|resource))?)|POSIX (file|path)|(background|RGB) color|(OK|cancel) button name|cancel button|button(s)?|cubic ((centi)?met(re|er)s|yards|feet|inches)|square ((kilo)?met(re|er)s|miles|yards|feet)|(centi|kilo)?met(re|er)s|miles|yards|feet|inches|lit(re|er)s|gallons|quarts|(kilo)?grams|ounces|pounds|degrees (Celsius|Fahrenheit|Kelvin)|print( (dialog|settings))?|clos(e(able)?|ing)|(de)?miniaturized|miniaturizable|zoom(ed|able)|attribute run|action (method|property|title)|phone|email|((start|end)ing|home) page|((birth|creation|current|custom|modification) )?date|((((phonetic )?(first|last|middle))|computer|host|maiden|related) |nick)?name|aim|icq|jabber|msn|yahoo|address(es)?|save addressbook|should enable action|city|country( code)?|formatte(r|d address)|(palette )?label|state|street|zip|AIM [Hh]andle(s)?|my card|select(ion| all)?|unsaved|(alpha )?value|entr(y|ies)|group|(ICQ|Jabber|MSN) handle|person|people|company|department|icon image|job title|note|organization|suffix|vcard|url|copies|collating|pages (across|down)|request print time|target( printer)?|((GUI Scripting|Script menu) )?enabled|show Computer scripts|(de)?activated|awake from nib|became (key|main)|call method|of (class|object)|center|clicked toolbar item|closed|for document|exposed|(can )?hide|idle|keyboard (down|up)|event( (number|type))?|launch(ed)?|load (image|movie|nib|sound)|owner|log|mouse (down|dragged|entered|exited|moved|up)|move|column|localization|resource|script|register|drag (info|types)|resigned (active|key|main)|resiz(e(d)?|able)|right mouse (down|dragged|up)|scroll wheel|(at )?index|should (close|open( untitled)?|quit( after last window closed)?|zoom)|((proposed|screen) )?bounds|show(n)?|behind|in front of|size (mode|to fit)|update(d| toolbar item)?|was (hidden|miniaturized)|will (become active|close|finish launching|hide|miniaturize|move|open|quit|(resign )?active|((maximum|minimum|proposed) )?size|show|zoom)|bundle|data source|movie|pasteboard|sound|tool(bar| tip)|(color|open|save) panel|coordinate system|frontmost|main( (bundle|menu|window))?|((services|(excluded from )?windows) )?menu|((executable|frameworks|resource|scripts|shared (frameworks|support)) )?path|(selected item )?identifier|data|content(s| view)?|character(s)?|click count|(command|control|option|shift) key down|context|delta (x|y|z)|key( code)?|location|pressure|unmodified characters|types|(first )?responder|playing|(allowed|selectable) identifiers|allows customization|(auto saves )?configuration|visible|image( name)?|menu form representation|tag|user(-| )defaults|associated file name|(auto|needs) display|current field editor|floating|has (resize indicator|shadow)|hides when deactivated|level|minimized (image|title)|opaque|position|release when closed|sheet|title(d)?)\b/g,
+                css: 'color3' },
+
+            { regex: new RegExp(this.getKeywords(specials), 'gm'), css: 'color3' },
+            { regex: new RegExp(this.getKeywords(keywords), 'gm'), css: 'keyword' },
+            { regex: new RegExp(this.getKeywords(ordinals), 'gm'), css: 'keyword' }
+        ];
+    };
+
+    Brush.prototype = new SyntaxHighlighter.Highlighter();
+    Brush.aliases = ['applescript'];
+
+    SyntaxHighlighter.brushes.AppleScript = Brush;
+
+    // CommonJS
+    typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		var keywords =	'if fi then elif else for do done until while break continue case esac function return in eq ne ge le';
+		var commands =  'alias apropos awk basename bash bc bg builtin bzip2 cal cat cd cfdisk chgrp chmod chown chroot' +
+						'cksum clear cmp comm command cp cron crontab csplit cut date dc dd ddrescue declare df ' +
+						'diff diff3 dig dir dircolors dirname dirs du echo egrep eject enable env ethtool eval ' +
+						'exec exit expand export expr false fdformat fdisk fg fgrep file find fmt fold format ' +
+						'free fsck ftp gawk getopts grep groups gzip hash head history hostname id ifconfig ' +
+						'import install join kill less let ln local locate logname logout look lpc lpr lprint ' +
+						'lprintd lprintq lprm ls lsof make man mkdir mkfifo mkisofs mknod more mount mtools ' +
+						'mv netstat nice nl nohup nslookup open op passwd paste pathchk ping popd pr printcap ' +
+						'printenv printf ps pushd pwd quota quotacheck quotactl ram rcp read readonly renice ' +
+						'remsync rm rmdir rsync screen scp sdiff sed select seq set sftp shift shopt shutdown ' +
+						'sleep sort source split ssh strace su sudo sum symlink sync tail tar tee test time ' +
+						'times touch top traceroute trap tr true tsort tty type ulimit umask umount unalias ' +
+						'uname unexpand uniq units unset unshar useradd usermod users uuencode uudecode v vdir ' +
+						'vi watch wc whereis which who whoami Wget xargs yes'
+						;
+
+		this.regexList = [
+			{ regex: /^#!.*$/gm,											css: 'preprocessor bold' },
+			{ regex: /\/[\w-\/]+/gm,										css: 'plain' },
+			{ regex: SyntaxHighlighter.regexLib.singleLinePerlComments,		css: 'comments' },		// one line comments
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,			css: 'string' },		// double quoted strings
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,			css: 'string' },		// single quoted strings
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),			css: 'keyword' },		// keywords
+			{ regex: new RegExp(this.getKeywords(commands), 'gm'),			css: 'functions' }		// commands
+			];
+	}
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['bash', 'shell', 'sh'];
+
+	SyntaxHighlighter.brushes.Bash = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		// Contributed by Jen
+		// http://www.jensbits.com/2009/05/14/coldfusion-brush-for-syntaxhighlighter-plus
+	
+		var funcs	=	'Abs ACos AddSOAPRequestHeader AddSOAPResponseHeader AjaxLink AjaxOnLoad ArrayAppend ArrayAvg ArrayClear ArrayDeleteAt ' + 
+						'ArrayInsertAt ArrayIsDefined ArrayIsEmpty ArrayLen ArrayMax ArrayMin ArraySet ArraySort ArraySum ArraySwap ArrayToList ' + 
+						'Asc ASin Atn BinaryDecode BinaryEncode BitAnd BitMaskClear BitMaskRead BitMaskSet BitNot BitOr BitSHLN BitSHRN BitXor ' + 
+						'Ceiling CharsetDecode CharsetEncode Chr CJustify Compare CompareNoCase Cos CreateDate CreateDateTime CreateObject ' + 
+						'CreateODBCDate CreateODBCDateTime CreateODBCTime CreateTime CreateTimeSpan CreateUUID DateAdd DateCompare DateConvert ' + 
+						'DateDiff DateFormat DatePart Day DayOfWeek DayOfWeekAsString DayOfYear DaysInMonth DaysInYear DE DecimalFormat DecrementValue ' + 
+						'Decrypt DecryptBinary DeleteClientVariable DeserializeJSON DirectoryExists DollarFormat DotNetToCFType Duplicate Encrypt ' + 
+						'EncryptBinary Evaluate Exp ExpandPath FileClose FileCopy FileDelete FileExists FileIsEOF FileMove FileOpen FileRead ' + 
+						'FileReadBinary FileReadLine FileSetAccessMode FileSetAttribute FileSetLastModified FileWrite Find FindNoCase FindOneOf ' + 
+						'FirstDayOfMonth Fix FormatBaseN GenerateSecretKey GetAuthUser GetBaseTagData GetBaseTagList GetBaseTemplatePath ' + 
+						'GetClientVariablesList GetComponentMetaData GetContextRoot GetCurrentTemplatePath GetDirectoryFromPath GetEncoding ' + 
+						'GetException GetFileFromPath GetFileInfo GetFunctionList GetGatewayHelper GetHttpRequestData GetHttpTimeString ' + 
+						'GetK2ServerDocCount GetK2ServerDocCountLimit GetLocale GetLocaleDisplayName GetLocalHostIP GetMetaData GetMetricData ' + 
+						'GetPageContext GetPrinterInfo GetProfileSections GetProfileString GetReadableImageFormats GetSOAPRequest GetSOAPRequestHeader ' + 
+						'GetSOAPResponse GetSOAPResponseHeader GetTempDirectory GetTempFile GetTemplatePath GetTickCount GetTimeZoneInfo GetToken ' + 
+						'GetUserRoles GetWriteableImageFormats Hash Hour HTMLCodeFormat HTMLEditFormat IIf ImageAddBorder ImageBlur ImageClearRect ' + 
+						'ImageCopy ImageCrop ImageDrawArc ImageDrawBeveledRect ImageDrawCubicCurve ImageDrawLine ImageDrawLines ImageDrawOval ' + 
+						'ImageDrawPoint ImageDrawQuadraticCurve ImageDrawRect ImageDrawRoundRect ImageDrawText ImageFlip ImageGetBlob ImageGetBufferedImage ' + 
+						'ImageGetEXIFTag ImageGetHeight ImageGetIPTCTag ImageGetWidth ImageGrayscale ImageInfo ImageNegative ImageNew ImageOverlay ImagePaste ' + 
+						'ImageRead ImageReadBase64 ImageResize ImageRotate ImageRotateDrawingAxis ImageScaleToFit ImageSetAntialiasing ImageSetBackgroundColor ' + 
+						'ImageSetDrawingColor ImageSetDrawingStroke ImageSetDrawingTransparency ImageSharpen ImageShear ImageShearDrawingAxis ImageTranslate ' + 
+						'ImageTranslateDrawingAxis ImageWrite ImageWriteBase64 ImageXORDrawingMode IncrementValue InputBaseN Insert Int IsArray IsBinary ' + 
+						'IsBoolean IsCustomFunction IsDate IsDDX IsDebugMode IsDefined IsImage IsImageFile IsInstanceOf IsJSON IsLeapYear IsLocalHost ' + 
+						'IsNumeric IsNumericDate IsObject IsPDFFile IsPDFObject IsQuery IsSimpleValue IsSOAPRequest IsStruct IsUserInAnyRole IsUserInRole ' + 
+						'IsUserLoggedIn IsValid IsWDDX IsXML IsXmlAttribute IsXmlDoc IsXmlElem IsXmlNode IsXmlRoot JavaCast JSStringFormat LCase Left Len ' + 
+						'ListAppend ListChangeDelims ListContains ListContainsNoCase ListDeleteAt ListFind ListFindNoCase ListFirst ListGetAt ListInsertAt ' + 
+						'ListLast ListLen ListPrepend ListQualify ListRest ListSetAt ListSort ListToArray ListValueCount ListValueCountNoCase LJustify Log ' + 
+						'Log10 LSCurrencyFormat LSDateFormat LSEuroCurrencyFormat LSIsCurrency LSIsDate LSIsNumeric LSNumberFormat LSParseCurrency LSParseDateTime ' + 
+						'LSParseEuroCurrency LSParseNumber LSTimeFormat LTrim Max Mid Min Minute Month MonthAsString Now NumberFormat ParagraphFormat ParseDateTime ' + 
+						'Pi PrecisionEvaluate PreserveSingleQuotes Quarter QueryAddColumn QueryAddRow QueryConvertForGrid QueryNew QuerySetCell QuotedValueList Rand ' + 
+						'Randomize RandRange REFind REFindNoCase ReleaseComObject REMatch REMatchNoCase RemoveChars RepeatString Replace ReplaceList ReplaceNoCase ' + 
+						'REReplace REReplaceNoCase Reverse Right RJustify Round RTrim Second SendGatewayMessage SerializeJSON SetEncoding SetLocale SetProfileString ' + 
+						'SetVariable Sgn Sin Sleep SpanExcluding SpanIncluding Sqr StripCR StructAppend StructClear StructCopy StructCount StructDelete StructFind ' + 
+						'StructFindKey StructFindValue StructGet StructInsert StructIsEmpty StructKeyArray StructKeyExists StructKeyList StructKeyList StructNew ' + 
+						'StructSort StructUpdate Tan TimeFormat ToBase64 ToBinary ToScript ToString Trim UCase URLDecode URLEncodedFormat URLSessionFormat Val ' + 
+						'ValueList VerifyClient Week Wrap Wrap WriteOutput XmlChildPos XmlElemNew XmlFormat XmlGetNodeType XmlNew XmlParse XmlSearch XmlTransform ' + 
+						'XmlValidate Year YesNoFormat';
+
+		var keywords =	'cfabort cfajaximport cfajaxproxy cfapplet cfapplication cfargument cfassociate cfbreak cfcache cfcalendar ' + 
+						'cfcase cfcatch cfchart cfchartdata cfchartseries cfcol cfcollection cfcomponent cfcontent cfcookie cfdbinfo ' + 
+						'cfdefaultcase cfdirectory cfdiv cfdocument cfdocumentitem cfdocumentsection cfdump cfelse cfelseif cferror ' + 
+						'cfexchangecalendar cfexchangeconnection cfexchangecontact cfexchangefilter cfexchangemail cfexchangetask ' + 
+						'cfexecute cfexit cffeed cffile cfflush cfform cfformgroup cfformitem cfftp cffunction cfgrid cfgridcolumn ' + 
+						'cfgridrow cfgridupdate cfheader cfhtmlhead cfhttp cfhttpparam cfif cfimage cfimport cfinclude cfindex ' + 
+						'cfinput cfinsert cfinterface cfinvoke cfinvokeargument cflayout cflayoutarea cfldap cflocation cflock cflog ' + 
+						'cflogin cfloginuser cflogout cfloop cfmail cfmailparam cfmailpart cfmenu cfmenuitem cfmodule cfNTauthenticate ' + 
+						'cfobject cfobjectcache cfoutput cfparam cfpdf cfpdfform cfpdfformparam cfpdfparam cfpdfsubform cfpod cfpop ' + 
+						'cfpresentation cfpresentationslide cfpresenter cfprint cfprocessingdirective cfprocparam cfprocresult ' + 
+						'cfproperty cfquery cfqueryparam cfregistry cfreport cfreportparam cfrethrow cfreturn cfsavecontent cfschedule ' + 
+						'cfscript cfsearch cfselect cfset cfsetting cfsilent cfslider cfsprydataset cfstoredproc cfswitch cftable ' + 
+						'cftextarea cfthread cfthrow cftimer cftooltip cftrace cftransaction cftree cftreeitem cftry cfupdate cfwddx ' + 
+						'cfwindow cfxml cfzip cfzipparam';
+
+		var operators =	'all and any between cross in join like not null or outer some';
+
+		this.regexList = [
+			{ regex: new RegExp('--(.*)$', 'gm'),						css: 'comments' },  // one line and multiline comments
+			{ regex: SyntaxHighlighter.regexLib.xmlComments,			css: 'comments' },    // single quoted strings
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },    // double quoted strings
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },    // single quoted strings
+			{ regex: new RegExp(this.getKeywords(funcs), 'gmi'),		css: 'functions' }, // functions
+			{ regex: new RegExp(this.getKeywords(operators), 'gmi'),	css: 'color1' },    // operators and such
+			{ regex: new RegExp(this.getKeywords(keywords), 'gmi'),		css: 'keyword' }    // keyword
+			];
+	}
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['coldfusion','cf'];
+	
+	SyntaxHighlighter.brushes.ColdFusion = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		// Copyright 2006 Shin, YoungJin
+	
+		var datatypes =	'ATOM BOOL BOOLEAN BYTE CHAR COLORREF DWORD DWORDLONG DWORD_PTR ' +
+						'DWORD32 DWORD64 FLOAT HACCEL HALF_PTR HANDLE HBITMAP HBRUSH ' +
+						'HCOLORSPACE HCONV HCONVLIST HCURSOR HDC HDDEDATA HDESK HDROP HDWP ' +
+						'HENHMETAFILE HFILE HFONT HGDIOBJ HGLOBAL HHOOK HICON HINSTANCE HKEY ' +
+						'HKL HLOCAL HMENU HMETAFILE HMODULE HMONITOR HPALETTE HPEN HRESULT ' +
+						'HRGN HRSRC HSZ HWINSTA HWND INT INT_PTR INT32 INT64 LANGID LCID LCTYPE ' +
+						'LGRPID LONG LONGLONG LONG_PTR LONG32 LONG64 LPARAM LPBOOL LPBYTE LPCOLORREF ' +
+						'LPCSTR LPCTSTR LPCVOID LPCWSTR LPDWORD LPHANDLE LPINT LPLONG LPSTR LPTSTR ' +
+						'LPVOID LPWORD LPWSTR LRESULT PBOOL PBOOLEAN PBYTE PCHAR PCSTR PCTSTR PCWSTR ' +
+						'PDWORDLONG PDWORD_PTR PDWORD32 PDWORD64 PFLOAT PHALF_PTR PHANDLE PHKEY PINT ' +
+						'PINT_PTR PINT32 PINT64 PLCID PLONG PLONGLONG PLONG_PTR PLONG32 PLONG64 POINTER_32 ' +
+						'POINTER_64 PSHORT PSIZE_T PSSIZE_T PSTR PTBYTE PTCHAR PTSTR PUCHAR PUHALF_PTR ' +
+						'PUINT PUINT_PTR PUINT32 PUINT64 PULONG PULONGLONG PULONG_PTR PULONG32 PULONG64 ' +
+						'PUSHORT PVOID PWCHAR PWORD PWSTR SC_HANDLE SC_LOCK SERVICE_STATUS_HANDLE SHORT ' +
+						'SIZE_T SSIZE_T TBYTE TCHAR UCHAR UHALF_PTR UINT UINT_PTR UINT32 UINT64 ULONG ' +
+						'ULONGLONG ULONG_PTR ULONG32 ULONG64 USHORT USN VOID WCHAR WORD WPARAM WPARAM WPARAM ' +
+						'char bool short int __int32 __int64 __int8 __int16 long float double __wchar_t ' +
+						'clock_t _complex _dev_t _diskfree_t div_t ldiv_t _exception _EXCEPTION_POINTERS ' +
+						'FILE _finddata_t _finddatai64_t _wfinddata_t _wfinddatai64_t __finddata64_t ' +
+						'__wfinddata64_t _FPIEEE_RECORD fpos_t _HEAPINFO _HFILE lconv intptr_t ' +
+						'jmp_buf mbstate_t _off_t _onexit_t _PNH ptrdiff_t _purecall_handler ' +
+						'sig_atomic_t size_t _stat __stat64 _stati64 terminate_function ' +
+						'time_t __time64_t _timeb __timeb64 tm uintptr_t _utimbuf ' +
+						'va_list wchar_t wctrans_t wctype_t wint_t signed';
+
+		var keywords =	'auto break case catch class const decltype __finally __exception __try ' +
+						'const_cast continue private public protected __declspec ' +
+						'default delete deprecated dllexport dllimport do dynamic_cast ' +
+						'else enum explicit extern if for friend goto inline ' +
+						'mutable naked namespace new noinline noreturn nothrow ' +
+						'register reinterpret_cast return selectany ' +
+						'sizeof static static_cast struct switch template this ' +
+						'thread throw true false try typedef typeid typename union ' +
+						'using uuid virtual void volatile whcar_t while';
+					
+		var functions =	'assert isalnum isalpha iscntrl isdigit isgraph islower isprint' +
+						'ispunct isspace isupper isxdigit tolower toupper errno localeconv ' +
+						'setlocale acos asin atan atan2 ceil cos cosh exp fabs floor fmod ' +
+						'frexp ldexp log log10 modf pow sin sinh sqrt tan tanh jmp_buf ' +
+						'longjmp setjmp raise signal sig_atomic_t va_arg va_end va_start ' +
+						'clearerr fclose feof ferror fflush fgetc fgetpos fgets fopen ' +
+						'fprintf fputc fputs fread freopen fscanf fseek fsetpos ftell ' +
+						'fwrite getc getchar gets perror printf putc putchar puts remove ' +
+						'rename rewind scanf setbuf setvbuf sprintf sscanf tmpfile tmpnam ' +
+						'ungetc vfprintf vprintf vsprintf abort abs atexit atof atoi atol ' +
+						'bsearch calloc div exit free getenv labs ldiv malloc mblen mbstowcs ' +
+						'mbtowc qsort rand realloc srand strtod strtol strtoul system ' +
+						'wcstombs wctomb memchr memcmp memcpy memmove memset strcat strchr ' +
+						'strcmp strcoll strcpy strcspn strerror strlen strncat strncmp ' +
+						'strncpy strpbrk strrchr strspn strstr strtok strxfrm asctime ' +
+						'clock ctime difftime gmtime localtime mktime strftime time';
+
+		this.regexList = [
+			{ regex: SyntaxHighlighter.regexLib.singleLineCComments,	css: 'comments' },			// one line comments
+			{ regex: SyntaxHighlighter.regexLib.multiLineCComments,		css: 'comments' },			// multiline comments
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },			// strings
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },			// strings
+			{ regex: /^ *#.*/gm,										css: 'preprocessor' },
+			{ regex: new RegExp(this.getKeywords(datatypes), 'gm'),		css: 'color1 bold' },
+			{ regex: new RegExp(this.getKeywords(functions), 'gm'),		css: 'functions bold' },
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),		css: 'keyword bold' }
+			];
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['cpp', 'c'];
+
+	SyntaxHighlighter.brushes.Cpp = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		var keywords =	'abstract as base bool break byte case catch char checked class const ' +
+						'continue decimal default delegate do double else enum event explicit volatile ' +
+						'extern false finally fixed float for foreach get goto if implicit in int ' +
+						'interface internal is lock long namespace new null object operator out ' +
+						'override params private protected public readonly ref return sbyte sealed set ' +
+						'short sizeof stackalloc static string struct switch this throw true try ' +
+						'typeof uint ulong unchecked unsafe ushort using virtual void while var ' +
+						'from group by into select let where orderby join on equals ascending descending';
+
+		function fixComments(match, regexInfo)
+		{
+			var css = (match[0].indexOf("///") == 0)
+				? 'color1'
+				: 'comments'
+				;
+			
+			return [new SyntaxHighlighter.Match(match[0], match.index, css)];
+		}
+
+		this.regexList = [
+			{ regex: SyntaxHighlighter.regexLib.singleLineCComments,	func : fixComments },		// one line comments
+			{ regex: SyntaxHighlighter.regexLib.multiLineCComments,		css: 'comments' },			// multiline comments
+			{ regex: /@"(?:[^"]|"")*"/g,								css: 'string' },			// @-quoted strings
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },			// strings
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },			// strings
+			{ regex: /^\s*#.*/gm,										css: 'preprocessor' },		// preprocessor tags like #region and #endregion
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),		css: 'keyword' },			// c# keyword
+			{ regex: /\bpartial(?=\s+(?:class|interface|struct)\b)/g,	css: 'keyword' },			// contextual keyword: 'partial'
+			{ regex: /\byield(?=\s+(?:return|break)\b)/g,				css: 'keyword' }			// contextual keyword: 'yield'
+			];
+		
+		this.forHtmlScript(SyntaxHighlighter.regexLib.aspScriptTags);
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['c#', 'c-sharp', 'csharp'];
+
+	SyntaxHighlighter.brushes.CSharp = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		function getKeywordsCSS(str)
+		{
+			return '\\b([a-z_]|)' + str.replace(/ /g, '(?=:)\\b|\\b([a-z_\\*]|\\*|)') + '(?=:)\\b';
+		};
+	
+		function getValuesCSS(str)
+		{
+			return '\\b' + str.replace(/ /g, '(?!-)(?!:)\\b|\\b()') + '\:\\b';
+		};
+
+		var keywords =	'ascent azimuth background-attachment background-color background-image background-position ' +
+						'background-repeat background baseline bbox border-collapse border-color border-spacing border-style border-top ' +
+						'border-right border-bottom border-left border-top-color border-right-color border-bottom-color border-left-color ' +
+						'border-top-style border-right-style border-bottom-style border-left-style border-top-width border-right-width ' +
+						'border-bottom-width border-left-width border-width border bottom cap-height caption-side centerline clear clip color ' +
+						'content counter-increment counter-reset cue-after cue-before cue cursor definition-src descent direction display ' +
+						'elevation empty-cells float font-size-adjust font-family font-size font-stretch font-style font-variant font-weight font ' +
+						'height left letter-spacing line-height list-style-image list-style-position list-style-type list-style margin-top ' +
+						'margin-right margin-bottom margin-left margin marker-offset marks mathline max-height max-width min-height min-width orphans ' +
+						'outline-color outline-style outline-width outline overflow padding-top padding-right padding-bottom padding-left padding page ' +
+						'page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position ' +
+						'quotes right richness size slope src speak-header speak-numeral speak-punctuation speak speech-rate stemh stemv stress ' +
+						'table-layout text-align top text-decoration text-indent text-shadow text-transform unicode-bidi unicode-range units-per-em ' +
+						'vertical-align visibility voice-family volume white-space widows width widths word-spacing x-height z-index';
+
+		var values =	'above absolute all always aqua armenian attr aural auto avoid baseline behind below bidi-override black blink block blue bold bolder '+
+						'both bottom braille capitalize caption center center-left center-right circle close-quote code collapse compact condensed '+
+						'continuous counter counters crop cross crosshair cursive dashed decimal decimal-leading-zero default digits disc dotted double '+
+						'embed embossed e-resize expanded extra-condensed extra-expanded fantasy far-left far-right fast faster fixed format fuchsia '+
+						'gray green groove handheld hebrew help hidden hide high higher icon inline-table inline inset inside invert italic '+
+						'justify landscape large larger left-side left leftwards level lighter lime line-through list-item local loud lower-alpha '+
+						'lowercase lower-greek lower-latin lower-roman lower low ltr marker maroon medium message-box middle mix move narrower '+
+						'navy ne-resize no-close-quote none no-open-quote no-repeat normal nowrap n-resize nw-resize oblique olive once open-quote outset '+
+						'outside overline pointer portrait pre print projection purple red relative repeat repeat-x repeat-y rgb ridge right right-side '+
+						'rightwards rtl run-in screen scroll semi-condensed semi-expanded separate se-resize show silent silver slower slow '+
+						'small small-caps small-caption smaller soft solid speech spell-out square s-resize static status-bar sub super sw-resize '+
+						'table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group teal '+
+						'text-bottom text-top thick thin top transparent tty tv ultra-condensed ultra-expanded underline upper-alpha uppercase upper-latin '+
+						'upper-roman url visible wait white wider w-resize x-fast x-high x-large x-loud x-low x-slow x-small x-soft xx-large xx-small yellow';
+
+		var fonts =		'[mM]onospace [tT]ahoma [vV]erdana [aA]rial [hH]elvetica [sS]ans-serif [sS]erif [cC]ourier mono sans serif';
+	
+		this.regexList = [
+			{ regex: SyntaxHighlighter.regexLib.multiLineCComments,		css: 'comments' },	// multiline comments
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },	// double quoted strings
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },	// single quoted strings
+			{ regex: /\#[a-fA-F0-9]{3,6}/g,								css: 'value' },		// html colors
+			{ regex: /(-?\d+)(\.\d+)?(px|em|pt|\:|\%|)/g,				css: 'value' },		// sizes
+			{ regex: /!important/g,										css: 'color3' },	// !important
+			{ regex: new RegExp(getKeywordsCSS(keywords), 'gm'),		css: 'keyword' },	// keywords
+			{ regex: new RegExp(getValuesCSS(values), 'g'),				css: 'value' },		// values
+			{ regex: new RegExp(this.getKeywords(fonts), 'g'),			css: 'color1' }		// fonts
+			];
+
+		this.forHtmlScript({ 
+			left: /(&lt;|<)\s*style.*?(&gt;|>)/gi, 
+			right: /(&lt;|<)\/\s*style\s*(&gt;|>)/gi 
+			});
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['css'];
+
+	SyntaxHighlighter.brushes.CSS = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		var keywords =	'abs addr and ansichar ansistring array as asm begin boolean byte cardinal ' +
+						'case char class comp const constructor currency destructor div do double ' +
+						'downto else end except exports extended false file finalization finally ' +
+						'for function goto if implementation in inherited int64 initialization ' +
+						'integer interface is label library longint longword mod nil not object ' +
+						'of on or packed pansichar pansistring pchar pcurrency pdatetime pextended ' +
+						'pint64 pointer private procedure program property pshortstring pstring ' +
+						'pvariant pwidechar pwidestring protected public published raise real real48 ' +
+						'record repeat set shl shortint shortstring shr single smallint string then ' +
+						'threadvar to true try type unit until uses val var varirnt while widechar ' +
+						'widestring with word write writeln xor';
+
+		this.regexList = [
+			{ regex: /\(\*[\s\S]*?\*\)/gm,								css: 'comments' },  	// multiline comments (* *)
+			{ regex: /{(?!\$)[\s\S]*?}/gm,								css: 'comments' },  	// multiline comments { }
+			{ regex: SyntaxHighlighter.regexLib.singleLineCComments,	css: 'comments' },  	// one line
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },		// strings
+			{ regex: /\{\$[a-zA-Z]+ .+\}/g,								css: 'color1' },		// compiler Directives and Region tags
+			{ regex: /\b[\d\.]+\b/g,									css: 'value' },			// numbers 12345
+			{ regex: /\$[a-zA-Z0-9]+\b/g,								css: 'value' },			// numbers $F5D3
+			{ regex: new RegExp(this.getKeywords(keywords), 'gmi'),		css: 'keyword' }		// keyword
+			];
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['delphi', 'pascal', 'pas'];
+
+	SyntaxHighlighter.brushes.Delphi = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		this.regexList = [
+			{ regex: /^\+\+\+ .*$/gm,	css: 'color2' },	// new file
+			{ regex: /^\-\-\- .*$/gm,	css: 'color2' },	// old file
+			{ regex: /^\s.*$/gm,		css: 'color1' },	// unchanged
+			{ regex: /^@@.*@@.*$/gm,	css: 'variable' },	// location
+			{ regex: /^\+.*$/gm,		css: 'string' },	// additions
+			{ regex: /^\-.*$/gm,		css: 'color3' }		// deletions
+			];
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['diff', 'patch'];
+
+	SyntaxHighlighter.brushes.Diff = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		// Contributed by Jean-Lou Dupont
+		// http://jldupont.blogspot.com/2009/06/erlang-syntax-highlighter.html  
+
+		// According to: http://erlang.org/doc/reference_manual/introduction.html#1.5
+		var keywords = 'after and andalso band begin bnot bor bsl bsr bxor '+
+			'case catch cond div end fun if let not of or orelse '+
+			'query receive rem try when xor'+
+			// additional
+			' module export import define';
+
+		this.regexList = [
+			{ regex: new RegExp("[A-Z][A-Za-z0-9_]+", 'g'), 			css: 'constants' },
+			{ regex: new RegExp("\\%.+", 'gm'), 						css: 'comments' },
+			{ regex: new RegExp("\\?[A-Za-z0-9_]+", 'g'), 				css: 'preprocessor' },
+			{ regex: new RegExp("[a-z0-9_]+:[a-z0-9_]+", 'g'), 			css: 'functions' },
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },
+			{ regex: new RegExp(this.getKeywords(keywords),	'gm'),		css: 'keyword' }
+			];
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['erl', 'erlang'];
+
+	SyntaxHighlighter.brushes.Erland = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		// Contributed by Andres Almiray
+		// http://jroller.com/aalmiray/entry/nice_source_code_syntax_highlighter
+
+		var keywords =	'as assert break case catch class continue def default do else extends finally ' +
+						'if in implements import instanceof interface new package property return switch ' +
+						'throw throws try while public protected private static';
+		var types    =  'void boolean byte char short int long float double';
+		var constants = 'null';
+		var methods   = 'allProperties count get size '+
+						'collect each eachProperty eachPropertyName eachWithIndex find findAll ' +
+						'findIndexOf grep inject max min reverseEach sort ' +
+						'asImmutable asSynchronized flatten intersect join pop reverse subMap toList ' +
+						'padRight padLeft contains eachMatch toCharacter toLong toUrl tokenize ' +
+						'eachFile eachFileRecurse eachB yte eachLine readBytes readLine getText ' +
+						'splitEachLine withReader append encodeBase64 decodeBase64 filterLine ' +
+						'transformChar transformLine withOutputStream withPrintWriter withStream ' +
+						'withStreams withWriter withWriterAppend write writeLine '+
+						'dump inspect invokeMethod print println step times upto use waitForOrKill '+
+						'getText';
+
+		this.regexList = [
+			{ regex: SyntaxHighlighter.regexLib.singleLineCComments,				css: 'comments' },		// one line comments
+			{ regex: SyntaxHighlighter.regexLib.multiLineCComments,					css: 'comments' },		// multiline comments
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,					css: 'string' },		// strings
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,					css: 'string' },		// strings
+			{ regex: /""".*"""/g,													css: 'string' },		// GStrings
+			{ regex: new RegExp('\\b([\\d]+(\\.[\\d]+)?|0x[a-f0-9]+)\\b', 'gi'),	css: 'value' },			// numbers
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),					css: 'keyword' },		// goovy keyword
+			{ regex: new RegExp(this.getKeywords(types), 'gm'),						css: 'color1' },		// goovy/java type
+			{ regex: new RegExp(this.getKeywords(constants), 'gm'),					css: 'constants' },		// constants
+			{ regex: new RegExp(this.getKeywords(methods), 'gm'),					css: 'functions' }		// methods
+			];
+
+		this.forHtmlScript(SyntaxHighlighter.regexLib.aspScriptTags);
+	}
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['groovy'];
+
+	SyntaxHighlighter.brushes.Groovy = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		var keywords =	'abstract assert boolean break byte case catch char class const ' +
+						'continue default do double else enum extends ' +
+						'false final finally float for goto if implements import ' +
+						'instanceof int interface long native new null ' +
+						'package private protected public return ' +
+						'short static strictfp super switch synchronized this throw throws true ' +
+						'transient try void volatile while';
+
+		this.regexList = [
+			{ regex: SyntaxHighlighter.regexLib.singleLineCComments,	css: 'comments' },		// one line comments
+			{ regex: /\/\*([^\*][\s\S]*)?\*\//gm,						css: 'comments' },	 	// multiline comments
+			{ regex: /\/\*(?!\*\/)\*[\s\S]*?\*\//gm,					css: 'preprocessor' },	// documentation comments
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },		// strings
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },		// strings
+			{ regex: /\b([\d]+(\.[\d]+)?|0x[a-f0-9]+)\b/gi,				css: 'value' },			// numbers
+			{ regex: /(?!\@interface\b)\@[\$\w]+\b/g,					css: 'color1' },		// annotation @anno
+			{ regex: /\@interface\b/g,									css: 'color2' },		// @interface keyword
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),		css: 'keyword' }		// java keyword
+			];
+
+		this.forHtmlScript({
+			left	: /(&lt;|<)%[@!=]?/g, 
+			right	: /%(&gt;|>)/g 
+		});
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['java'];
+
+	SyntaxHighlighter.brushes.Java = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		// Contributed by Patrick Webster
+		// http://patrickwebster.blogspot.com/2009/04/javafx-brush-for-syntaxhighlighter.html
+		var datatypes =	'Boolean Byte Character Double Duration '
+						+ 'Float Integer Long Number Short String Void'
+						;
+
+		var keywords = 'abstract after and as assert at before bind bound break catch class '
+						+ 'continue def delete else exclusive extends false finally first for from '
+						+ 'function if import in indexof init insert instanceof into inverse last '
+						+ 'lazy mixin mod nativearray new not null on or override package postinit '
+						+ 'protected public public-init public-read replace return reverse sizeof '
+						+ 'step super then this throw true try tween typeof var where while with '
+						+ 'attribute let private readonly static trigger'
+						;
+
+		this.regexList = [
+			{ regex: SyntaxHighlighter.regexLib.singleLineCComments,	css: 'comments' },
+			{ regex: SyntaxHighlighter.regexLib.multiLineCComments,		css: 'comments' },
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },
+			{ regex: /(-?\.?)(\b(\d*\.?\d+|\d+\.?\d*)(e[+-]?\d+)?|0x[a-f\d]+)\b\.?/gi, css: 'color2' },	// numbers
+			{ regex: new RegExp(this.getKeywords(datatypes), 'gm'),		css: 'variable' },	// datatypes
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),		css: 'keyword' }
+		];
+		this.forHtmlScript(SyntaxHighlighter.regexLib.aspScriptTags);
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['jfx', 'javafx'];
+
+	SyntaxHighlighter.brushes.JavaFX = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		var keywords =	'break case catch continue ' +
+						'default delete do else false  ' +
+						'for function if in instanceof ' +
+						'new null return super switch ' +
+						'this throw true try typeof var while with'
+						;
+
+		var r = SyntaxHighlighter.regexLib;
+		
+		this.regexList = [
+			{ regex: r.multiLineDoubleQuotedString,					css: 'string' },			// double quoted strings
+			{ regex: r.multiLineSingleQuotedString,					css: 'string' },			// single quoted strings
+			{ regex: r.singleLineCComments,							css: 'comments' },			// one line comments
+			{ regex: r.multiLineCComments,							css: 'comments' },			// multiline comments
+			{ regex: /\s*#.*/gm,									css: 'preprocessor' },		// preprocessor tags like #region and #endregion
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),	css: 'keyword' }			// keywords
+			];
+	
+		this.forHtmlScript(r.scriptScriptTags);
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['js', 'jscript', 'javascript'];
+
+	SyntaxHighlighter.brushes.JScript = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		// Contributed by David Simmons-Duffin and Marty Kube
+	
+		var funcs = 
+			'abs accept alarm atan2 bind binmode chdir chmod chomp chop chown chr ' + 
+			'chroot close closedir connect cos crypt defined delete each endgrent ' + 
+			'endhostent endnetent endprotoent endpwent endservent eof exec exists ' + 
+			'exp fcntl fileno flock fork format formline getc getgrent getgrgid ' + 
+			'getgrnam gethostbyaddr gethostbyname gethostent getlogin getnetbyaddr ' + 
+			'getnetbyname getnetent getpeername getpgrp getppid getpriority ' + 
+			'getprotobyname getprotobynumber getprotoent getpwent getpwnam getpwuid ' + 
+			'getservbyname getservbyport getservent getsockname getsockopt glob ' + 
+			'gmtime grep hex index int ioctl join keys kill lc lcfirst length link ' + 
+			'listen localtime lock log lstat map mkdir msgctl msgget msgrcv msgsnd ' + 
+			'oct open opendir ord pack pipe pop pos print printf prototype push ' + 
+			'quotemeta rand read readdir readline readlink readpipe recv rename ' + 
+			'reset reverse rewinddir rindex rmdir scalar seek seekdir select semctl ' + 
+			'semget semop send setgrent sethostent setnetent setpgrp setpriority ' + 
+			'setprotoent setpwent setservent setsockopt shift shmctl shmget shmread ' + 
+			'shmwrite shutdown sin sleep socket socketpair sort splice split sprintf ' + 
+			'sqrt srand stat study substr symlink syscall sysopen sysread sysseek ' + 
+			'system syswrite tell telldir time times tr truncate uc ucfirst umask ' + 
+			'undef unlink unpack unshift utime values vec wait waitpid warn write ' +
+			// feature
+			'say';
+    
+		var keywords =  
+			'bless caller continue dbmclose dbmopen die do dump else elsif eval exit ' +
+			'for foreach goto if import last local my next no our package redo ref ' + 
+			'require return sub tie tied unless untie until use wantarray while ' +
+			// feature
+			'given when default ' +
+			// Try::Tiny
+			'try catch finally ' +
+			// Moose
+			'has extends with before after around override augment';
+    
+		this.regexList = [
+			{ regex: /(<<|&lt;&lt;)((\w+)|(['"])(.+?)\4)[\s\S]+?\n\3\5\n/g,	css: 'string' },	// here doc (maybe html encoded)
+			{ regex: /#.*$/gm,										css: 'comments' },
+			{ regex: /^#!.*\n/g,									css: 'preprocessor' },	// shebang
+			{ regex: /-?\w+(?=\s*=(>|&gt;))/g,	css: 'string' }, // fat comma
+
+			// is this too much?
+			{ regex: /\bq[qwxr]?\([\s\S]*?\)/g,	css: 'string' }, // quote-like operators ()
+			{ regex: /\bq[qwxr]?\{[\s\S]*?\}/g,	css: 'string' }, // quote-like operators {}
+			{ regex: /\bq[qwxr]?\[[\s\S]*?\]/g,	css: 'string' }, // quote-like operators []
+			{ regex: /\bq[qwxr]?(<|&lt;)[\s\S]*?(>|&gt;)/g,	css: 'string' }, // quote-like operators <>
+			{ regex: /\bq[qwxr]?([^\w({<[])[\s\S]*?\1/g,	css: 'string' }, // quote-like operators non-paired
+
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,	css: 'string' },
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,	css: 'string' },
+			// currently ignoring single quote package separator and utf8 names
+			{ regex: /(?:&amp;|[$@%*]|\$#)[a-zA-Z_](\w+|::)*/g,   		css: 'variable' },
+			{ regex: /\b__(?:END|DATA)__\b[\s\S]*$/g,				css: 'comments' },
+			{ regex: /(^|\n)=\w[\s\S]*?(\n=cut\s*\n|$)/g,				css: 'comments' },		// pod
+			{ regex: new RegExp(this.getKeywords(funcs), 'gm'),		css: 'functions' },
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),	css: 'keyword' }
+		];
+
+		this.forHtmlScript(SyntaxHighlighter.regexLib.phpScriptTags);
+	}
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases		= ['perl', 'Perl', 'pl'];
+
+	SyntaxHighlighter.brushes.Perl = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		var funcs	=	'abs acos acosh addcslashes addslashes ' +
+						'array_change_key_case array_chunk array_combine array_count_values array_diff '+
+						'array_diff_assoc array_diff_key array_diff_uassoc array_diff_ukey array_fill '+
+						'array_filter array_flip array_intersect array_intersect_assoc array_intersect_key '+
+						'array_intersect_uassoc array_intersect_ukey array_key_exists array_keys array_map '+
+						'array_merge array_merge_recursive array_multisort array_pad array_pop array_product '+
+						'array_push array_rand array_reduce array_reverse array_search array_shift '+
+						'array_slice array_splice array_sum array_udiff array_udiff_assoc '+
+						'array_udiff_uassoc array_uintersect array_uintersect_assoc '+
+						'array_uintersect_uassoc array_unique array_unshift array_values array_walk '+
+						'array_walk_recursive atan atan2 atanh base64_decode base64_encode base_convert '+
+						'basename bcadd bccomp bcdiv bcmod bcmul bindec bindtextdomain bzclose bzcompress '+
+						'bzdecompress bzerrno bzerror bzerrstr bzflush bzopen bzread bzwrite ceil chdir '+
+						'checkdate checkdnsrr chgrp chmod chop chown chr chroot chunk_split class_exists '+
+						'closedir closelog copy cos cosh count count_chars date decbin dechex decoct '+
+						'deg2rad delete ebcdic2ascii echo empty end ereg ereg_replace eregi eregi_replace error_log '+
+						'error_reporting escapeshellarg escapeshellcmd eval exec exit exp explode extension_loaded '+
+						'feof fflush fgetc fgetcsv fgets fgetss file_exists file_get_contents file_put_contents '+
+						'fileatime filectime filegroup fileinode filemtime fileowner fileperms filesize filetype '+
+						'floatval flock floor flush fmod fnmatch fopen fpassthru fprintf fputcsv fputs fread fscanf '+
+						'fseek fsockopen fstat ftell ftok getallheaders getcwd getdate getenv gethostbyaddr gethostbyname '+
+						'gethostbynamel getimagesize getlastmod getmxrr getmygid getmyinode getmypid getmyuid getopt '+
+						'getprotobyname getprotobynumber getrandmax getrusage getservbyname getservbyport gettext '+
+						'gettimeofday gettype glob gmdate gmmktime ini_alter ini_get ini_get_all ini_restore ini_set '+
+						'interface_exists intval ip2long is_a is_array is_bool is_callable is_dir is_double '+
+						'is_executable is_file is_finite is_float is_infinite is_int is_integer is_link is_long '+
+						'is_nan is_null is_numeric is_object is_readable is_real is_resource is_scalar is_soap_fault '+
+						'is_string is_subclass_of is_uploaded_file is_writable is_writeable mkdir mktime nl2br '+
+						'parse_ini_file parse_str parse_url passthru pathinfo print readlink realpath rewind rewinddir rmdir '+
+						'round str_ireplace str_pad str_repeat str_replace str_rot13 str_shuffle str_split '+
+						'str_word_count strcasecmp strchr strcmp strcoll strcspn strftime strip_tags stripcslashes '+
+						'stripos stripslashes stristr strlen strnatcasecmp strnatcmp strncasecmp strncmp strpbrk '+
+						'strpos strptime strrchr strrev strripos strrpos strspn strstr strtok strtolower strtotime '+
+						'strtoupper strtr strval substr substr_compare';
+
+		var keywords =	'abstract and array as break case catch cfunction class clone const continue declare default die do ' +
+						'else elseif enddeclare endfor endforeach endif endswitch endwhile extends final for foreach ' +
+						'function global goto if implements include include_once interface instanceof insteadof namespace new ' +
+						'old_function or private protected public return require require_once static switch ' +
+						'trait throw try use var while xor ';
+		
+		var constants	= '__FILE__ __LINE__ __METHOD__ __FUNCTION__ __CLASS__';
+
+		this.regexList = [
+			{ regex: SyntaxHighlighter.regexLib.singleLineCComments,	css: 'comments' },			// one line comments
+			{ regex: SyntaxHighlighter.regexLib.multiLineCComments,		css: 'comments' },			// multiline comments
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },			// double quoted strings
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },			// single quoted strings
+			{ regex: /\$\w+/g,											css: 'variable' },			// variables
+			{ regex: new RegExp(this.getKeywords(funcs), 'gmi'),		css: 'functions' },			// common functions
+			{ regex: new RegExp(this.getKeywords(constants), 'gmi'),	css: 'constants' },			// constants
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),		css: 'keyword' }			// keyword
+			];
+
+		this.forHtmlScript(SyntaxHighlighter.regexLib.phpScriptTags);
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['php'];
+
+	SyntaxHighlighter.brushes.Php = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['text', 'plain'];
+
+	SyntaxHighlighter.brushes.Plain = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		// Contributed by Joel 'Jaykul' Bennett, http://PoshCode.org | http://HuddledMasses.org
+		var keywords =	'while validateset validaterange validatepattern validatelength validatecount ' +
+						'until trap switch return ref process param parameter in if global: '+
+						'function foreach for finally filter end elseif else dynamicparam do default ' +
+						'continue cmdletbinding break begin alias \\? % #script #private #local #global '+
+						'mandatory parametersetname position valuefrompipeline ' +
+						'valuefrompipelinebypropertyname valuefromremainingarguments helpmessage ';
+
+		var operators =	' and as band bnot bor bxor casesensitive ccontains ceq cge cgt cle ' +
+						'clike clt cmatch cne cnotcontains cnotlike cnotmatch contains ' +
+						'creplace eq exact f file ge gt icontains ieq ige igt ile ilike ilt ' +
+						'imatch ine inotcontains inotlike inotmatch ireplace is isnot le like ' +
+						'lt match ne not notcontains notlike notmatch or regex replace wildcard';
+						
+		var verbs =		'write where wait use update unregister undo trace test tee take suspend ' +
+						'stop start split sort skip show set send select scroll resume restore ' +
+						'restart resolve resize reset rename remove register receive read push ' +
+						'pop ping out new move measure limit join invoke import group get format ' +
+						'foreach export expand exit enter enable disconnect disable debug cxnew ' +
+						'copy convertto convertfrom convert connect complete compare clear ' +
+						'checkpoint aggregate add';
+
+		// I can't find a way to match the comment based help in multi-line comments, because SH won't highlight in highlights, and javascript doesn't support lookbehind
+		var commenthelp = ' component description example externalhelp forwardhelpcategory forwardhelptargetname forwardhelptargetname functionality inputs link notes outputs parameter remotehelprunspace role synopsis';
+
+		this.regexList = [
+			{ regex: new RegExp('^\\s*#[#\\s]*\\.('+this.getKeywords(commenthelp)+').*$', 'gim'),			css: 'preprocessor help bold' },		// comment-based help
+			{ regex: SyntaxHighlighter.regexLib.singleLinePerlComments,										css: 'comments' },						// one line comments
+			{ regex: /(&lt;|<)#[\s\S]*?#(&gt;|>)/gm,														css: 'comments here' },					// multi-line comments
+			
+			{ regex: new RegExp('@"\\n[\\s\\S]*?\\n"@', 'gm'),												css: 'script string here' },			// double quoted here-strings
+			{ regex: new RegExp("@'\\n[\\s\\S]*?\\n'@", 'gm'),												css: 'script string single here' },		// single quoted here-strings
+			{ regex: new RegExp('"(?:\\$\\([^\\)]*\\)|[^"]|`"|"")*[^`]"','g'),								css: 'string' },						// double quoted strings
+			{ regex: new RegExp("'(?:[^']|'')*'", 'g'),														css: 'string single' },					// single quoted strings
+			
+			{ regex: new RegExp('[\\$|@|@@](?:(?:global|script|private|env):)?[A-Z0-9_]+', 'gi'),			css: 'variable' },						// $variables
+			{ regex: new RegExp('(?:\\b'+verbs.replace(/ /g, '\\b|\\b')+')-[a-zA-Z_][a-zA-Z0-9_]*', 'gmi'),	css: 'functions' },						// functions and cmdlets
+			{ regex: new RegExp(this.getKeywords(keywords), 'gmi'),											css: 'keyword' },						// keywords
+			{ regex: new RegExp('-'+this.getKeywords(operators), 'gmi'),									css: 'operator value' },				// operators
+			{ regex: new RegExp('\\[[A-Z_\\[][A-Z0-9_. `,\\[\\]]*\\]', 'gi'),								css: 'constants' },						// .Net [Type]s
+			{ regex: new RegExp('\\s+-(?!'+this.getKeywords(operators)+')[a-zA-Z_][a-zA-Z0-9_]*', 'gmi'),	css: 'color1' },						// parameters	  
+		];
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['powershell', 'ps', 'posh'];
+
+	SyntaxHighlighter.brushes.PowerShell = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		// Contributed by Gheorghe Milas and Ahmad Sherif
+	
+		var keywords =  'and assert break class continue def del elif else ' +
+						'except exec finally for from global if import in is ' +
+						'lambda not or pass print raise return try yield while';
+
+		var funcs = '__import__ abs all any apply basestring bin bool buffer callable ' +
+					'chr classmethod cmp coerce compile complex delattr dict dir ' +
+					'divmod enumerate eval execfile file filter float format frozenset ' +
+					'getattr globals hasattr hash help hex id input int intern ' +
+					'isinstance issubclass iter len list locals long map max min next ' +
+					'object oct open ord pow print property range raw_input reduce ' +
+					'reload repr reversed round set setattr slice sorted staticmethod ' +
+					'str sum super tuple type type unichr unicode vars xrange zip';
+
+		var special =  'None True False self cls class_';
+
+		this.regexList = [
+				{ regex: SyntaxHighlighter.regexLib.singleLinePerlComments, css: 'comments' },
+				{ regex: /^\s*@\w+/gm, 										css: 'decorator' },
+				{ regex: /(['\"]{3})([^\1])*?\1/gm, 						css: 'comments' },
+				{ regex: /"(?!")(?:\.|\\\"|[^\""\n])*"/gm, 					css: 'string' },
+				{ regex: /'(?!')(?:\.|(\\\')|[^\''\n])*'/gm, 				css: 'string' },
+				{ regex: /\+|\-|\*|\/|\%|=|==/gm, 							css: 'keyword' },
+				{ regex: /\b\d+\.?\w*/g, 									css: 'value' },
+				{ regex: new RegExp(this.getKeywords(funcs), 'gmi'),		css: 'functions' },
+				{ regex: new RegExp(this.getKeywords(keywords), 'gm'), 		css: 'keyword' },
+				{ regex: new RegExp(this.getKeywords(special), 'gm'), 		css: 'color1' }
+				];
+			
+		this.forHtmlScript(SyntaxHighlighter.regexLib.aspScriptTags);
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['py', 'python'];
+
+	SyntaxHighlighter.brushes.Python = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		// Contributed by Erik Peterson.
+	
+		var keywords =	'alias and BEGIN begin break case class def define_method defined do each else elsif ' +
+						'END end ensure false for if in module new next nil not or raise redo rescue retry return ' +
+						'self super then throw true undef unless until when while yield';
+
+		var builtins =	'Array Bignum Binding Class Continuation Dir Exception FalseClass File::Stat File Fixnum Fload ' +
+						'Hash Integer IO MatchData Method Module NilClass Numeric Object Proc Range Regexp String Struct::TMS Symbol ' +
+						'ThreadGroup Thread Time TrueClass';
+
+		this.regexList = [
+			{ regex: SyntaxHighlighter.regexLib.singleLinePerlComments,	css: 'comments' },		// one line comments
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },		// double quoted strings
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },		// single quoted strings
+			{ regex: /\b[A-Z0-9_]+\b/g,									css: 'constants' },		// constants
+			{ regex: /:[a-z][A-Za-z0-9_]*/g,							css: 'color2' },		// symbols
+			{ regex: /(\$|@@|@)\w+/g,									css: 'variable bold' },	// $global, @instance, and @@class variables
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),		css: 'keyword' },		// keywords
+			{ regex: new RegExp(this.getKeywords(builtins), 'gm'),		css: 'color1' }			// builtins
+			];
+
+		this.forHtmlScript(SyntaxHighlighter.regexLib.aspScriptTags);
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['ruby', 'rails', 'ror', 'rb'];
+
+	SyntaxHighlighter.brushes.Ruby = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		function getKeywordsCSS(str)
+		{
+			return '\\b([a-z_]|)' + str.replace(/ /g, '(?=:)\\b|\\b([a-z_\\*]|\\*|)') + '(?=:)\\b';
+		};
+	
+		function getValuesCSS(str)
+		{
+			return '\\b' + str.replace(/ /g, '(?!-)(?!:)\\b|\\b()') + '\:\\b';
+		};
+
+		var keywords =	'ascent azimuth background-attachment background-color background-image background-position ' +
+						'background-repeat background baseline bbox border-collapse border-color border-spacing border-style border-top ' +
+						'border-right border-bottom border-left border-top-color border-right-color border-bottom-color border-left-color ' +
+						'border-top-style border-right-style border-bottom-style border-left-style border-top-width border-right-width ' +
+						'border-bottom-width border-left-width border-width border bottom cap-height caption-side centerline clear clip color ' +
+						'content counter-increment counter-reset cue-after cue-before cue cursor definition-src descent direction display ' +
+						'elevation empty-cells float font-size-adjust font-family font-size font-stretch font-style font-variant font-weight font ' +
+						'height left letter-spacing line-height list-style-image list-style-position list-style-type list-style margin-top ' +
+						'margin-right margin-bottom margin-left margin marker-offset marks mathline max-height max-width min-height min-width orphans ' +
+						'outline-color outline-style outline-width outline overflow padding-top padding-right padding-bottom padding-left padding page ' +
+						'page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position ' +
+						'quotes right richness size slope src speak-header speak-numeral speak-punctuation speak speech-rate stemh stemv stress ' +
+						'table-layout text-align top text-decoration text-indent text-shadow text-transform unicode-bidi unicode-range units-per-em ' +
+						'vertical-align visibility voice-family volume white-space widows width widths word-spacing x-height z-index';
+		
+		var values =	'above absolute all always aqua armenian attr aural auto avoid baseline behind below bidi-override black blink block blue bold bolder '+
+						'both bottom braille capitalize caption center center-left center-right circle close-quote code collapse compact condensed '+
+						'continuous counter counters crop cross crosshair cursive dashed decimal decimal-leading-zero digits disc dotted double '+
+						'embed embossed e-resize expanded extra-condensed extra-expanded fantasy far-left far-right fast faster fixed format fuchsia '+
+						'gray green groove handheld hebrew help hidden hide high higher icon inline-table inline inset inside invert italic '+
+						'justify landscape large larger left-side left leftwards level lighter lime line-through list-item local loud lower-alpha '+
+						'lowercase lower-greek lower-latin lower-roman lower low ltr marker maroon medium message-box middle mix move narrower '+
+						'navy ne-resize no-close-quote none no-open-quote no-repeat normal nowrap n-resize nw-resize oblique olive once open-quote outset '+
+						'outside overline pointer portrait pre print projection purple red relative repeat repeat-x repeat-y rgb ridge right right-side '+
+						'rightwards rtl run-in screen scroll semi-condensed semi-expanded separate se-resize show silent silver slower slow '+
+						'small small-caps small-caption smaller soft solid speech spell-out square s-resize static status-bar sub super sw-resize '+
+						'table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group teal '+
+						'text-bottom text-top thick thin top transparent tty tv ultra-condensed ultra-expanded underline upper-alpha uppercase upper-latin '+
+						'upper-roman url visible wait white wider w-resize x-fast x-high x-large x-loud x-low x-slow x-small x-soft xx-large xx-small yellow';
+		
+		var fonts =		'[mM]onospace [tT]ahoma [vV]erdana [aA]rial [hH]elvetica [sS]ans-serif [sS]erif [cC]ourier mono sans serif';
+		
+		var statements		= '!important !default';
+		var preprocessor	= '@import @extend @debug @warn @if @for @while @mixin @include';
+		
+		var r = SyntaxHighlighter.regexLib;
+		
+		this.regexList = [
+			{ regex: r.multiLineCComments,								css: 'comments' },		// multiline comments
+			{ regex: r.singleLineCComments,								css: 'comments' },		// singleline comments
+			{ regex: r.doubleQuotedString,								css: 'string' },		// double quoted strings
+			{ regex: r.singleQuotedString,								css: 'string' },		// single quoted strings
+			{ regex: /\#[a-fA-F0-9]{3,6}/g,								css: 'value' },			// html colors
+			{ regex: /\b(-?\d+)(\.\d+)?(px|em|pt|\:|\%|)\b/g,			css: 'value' },			// sizes
+			{ regex: /\$\w+/g,											css: 'variable' },		// variables
+			{ regex: new RegExp(this.getKeywords(statements), 'g'),		css: 'color3' },		// statements
+			{ regex: new RegExp(this.getKeywords(preprocessor), 'g'),	css: 'preprocessor' },	// preprocessor
+			{ regex: new RegExp(getKeywordsCSS(keywords), 'gm'),		css: 'keyword' },		// keywords
+			{ regex: new RegExp(getValuesCSS(values), 'g'),				css: 'value' },			// values
+			{ regex: new RegExp(this.getKeywords(fonts), 'g'),			css: 'color1' }			// fonts
+			];
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['sass', 'scss'];
+
+	SyntaxHighlighter.brushes.Sass = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		// Contributed by Yegor Jbanov and David Bernard.
+	
+		var keywords =	'val sealed case def true trait implicit forSome import match object null finally super ' +
+						'override try lazy for var catch throw type extends class while with new final yield abstract ' +
+						'else do if return protected private this package false';
+
+		var keyops =	'[_:=><%#@]+';
+
+		this.regexList = [
+			{ regex: SyntaxHighlighter.regexLib.singleLineCComments,			css: 'comments' },	// one line comments
+			{ regex: SyntaxHighlighter.regexLib.multiLineCComments,				css: 'comments' },	// multiline comments
+			{ regex: SyntaxHighlighter.regexLib.multiLineSingleQuotedString,	css: 'string' },	// multi-line strings
+			{ regex: SyntaxHighlighter.regexLib.multiLineDoubleQuotedString,    css: 'string' },	// double-quoted string
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,				css: 'string' },	// strings
+			{ regex: /0x[a-f0-9]+|\d+(\.\d+)?/gi,								css: 'value' },		// numbers
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),				css: 'keyword' },	// keywords
+			{ regex: new RegExp(keyops, 'gm'),									css: 'keyword' }	// scala keyword
+			];
+	}
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['scala'];
+
+	SyntaxHighlighter.brushes.Scala = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		var funcs	=	'abs avg case cast coalesce convert count current_timestamp ' +
+						'current_user day isnull left lower month nullif replace right ' +
+						'session_user space substring sum system_user upper user year';
+
+		var keywords =	'absolute action add after alter as asc at authorization begin bigint ' +
+						'binary bit by cascade char character check checkpoint close collate ' +
+						'column commit committed connect connection constraint contains continue ' +
+						'create cube current current_date current_time cursor database date ' +
+						'deallocate dec decimal declare default delete desc distinct double drop ' +
+						'dynamic else end end-exec escape except exec execute false fetch first ' +
+						'float for force foreign forward free from full function global goto grant ' +
+						'group grouping having hour ignore index inner insensitive insert instead ' +
+						'int integer intersect into is isolation key last level load local max min ' +
+						'minute modify move name national nchar next no numeric of off on only ' +
+						'open option order out output partial password precision prepare primary ' +
+						'prior privileges procedure public read real references relative repeatable ' +
+						'restrict return returns revoke rollback rollup rows rule schema scroll ' +
+						'second section select sequence serializable set size smallint static ' +
+						'statistics table temp temporary then time timestamp to top transaction ' +
+						'translation trigger true truncate uncommitted union unique update values ' +
+						'varchar varying view when where with work';
+
+		var operators =	'all and any between cross in join like not null or outer some';
+
+		this.regexList = [
+			{ regex: /--(.*)$/gm,												css: 'comments' },			// one line and multiline comments
+			{ regex: SyntaxHighlighter.regexLib.multiLineDoubleQuotedString,	css: 'string' },			// double quoted strings
+			{ regex: SyntaxHighlighter.regexLib.multiLineSingleQuotedString,	css: 'string' },			// single quoted strings
+			{ regex: new RegExp(this.getKeywords(funcs), 'gmi'),				css: 'color2' },			// functions
+			{ regex: new RegExp(this.getKeywords(operators), 'gmi'),			css: 'color1' },			// operators and such
+			{ regex: new RegExp(this.getKeywords(keywords), 'gmi'),				css: 'keyword' }			// keyword
+			];
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['sql'];
+
+	SyntaxHighlighter.brushes.Sql = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		var keywords =	'AddHandler AddressOf AndAlso Alias And Ansi As Assembly Auto ' +
+						'Boolean ByRef Byte ByVal Call Case Catch CBool CByte CChar CDate ' +
+						'CDec CDbl Char CInt Class CLng CObj Const CShort CSng CStr CType ' +
+						'Date Decimal Declare Default Delegate Dim DirectCast Do Double Each ' +
+						'Else ElseIf End Enum Erase Error Event Exit False Finally For Friend ' +
+						'Function Get GetType GoSub GoTo Handles If Implements Imports In ' +
+						'Inherits Integer Interface Is Let Lib Like Long Loop Me Mod Module ' +
+						'MustInherit MustOverride MyBase MyClass Namespace New Next Not Nothing ' +
+						'NotInheritable NotOverridable Object On Option Optional Or OrElse ' +
+						'Overloads Overridable Overrides ParamArray Preserve Private Property ' +
+						'Protected Public RaiseEvent ReadOnly ReDim REM RemoveHandler Resume ' +
+						'Return Select Set Shadows Shared Short Single Static Step Stop String ' +
+						'Structure Sub SyncLock Then Throw To True Try TypeOf Unicode Until ' +
+						'Variant When While With WithEvents WriteOnly Xor';
+
+		this.regexList = [
+			{ regex: /'.*$/gm,										css: 'comments' },			// one line comments
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,	css: 'string' },			// strings
+			{ regex: /^\s*#.*$/gm,									css: 'preprocessor' },		// preprocessor tags like #region and #endregion
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),	css: 'keyword' }			// vb keyword
+			];
+
+		this.forHtmlScript(SyntaxHighlighter.regexLib.aspScriptTags);
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['vb', 'vbnet'];
+
+	SyntaxHighlighter.brushes.Vb = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		function process(match, regexInfo)
+		{
+			var constructor = SyntaxHighlighter.Match,
+				code = match[0],
+				tag = new XRegExp('(&lt;|<)[\\s\\/\\?]*(?<name>[:\\w-\\.]+)', 'xg').exec(code),
+				result = []
+				;
+		
+			if (match.attributes != null) 
+			{
+				var attributes,
+					regex = new XRegExp('(?<name> [\\w:\\-\\.]+)' +
+										'\\s*=\\s*' +
+										'(?<value> ".*?"|\'.*?\'|\\w+)',
+										'xg');
+
+				while ((attributes = regex.exec(code)) != null) 
+				{
+					result.push(new constructor(attributes.name, match.index + attributes.index, 'color1'));
+					result.push(new constructor(attributes.value, match.index + attributes.index + attributes[0].indexOf(attributes.value), 'string'));
+				}
+			}
+
+			if (tag != null)
+				result.push(
+					new constructor(tag.name, match.index + tag[0].indexOf(tag.name), 'keyword')
+				);
+
+			return result;
+		}
+	
+		this.regexList = [
+			{ regex: new XRegExp('(\\&lt;|<)\\!\\[[\\w\\s]*?\\[(.|\\s)*?\\]\\](\\&gt;|>)', 'gm'),			css: 'color2' },	// <![ ... [ ... ]]>
+			{ regex: SyntaxHighlighter.regexLib.xmlComments,												css: 'comments' },	// <!-- ... -->
+			{ regex: new XRegExp('(&lt;|<)[\\s\\/\\?]*(\\w+)(?<attributes>.*?)[\\s\\/\\?]*(&gt;|>)', 'sg'), func: process }
+		];
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['xml', 'xhtml', 'xslt', 'html'];
+
+	SyntaxHighlighter.brushes.Xml = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/SyntaxHighlighter/shCoreDefault.css b/nezha-fronted/static/ueditor-1.4.3.3/third-party/SyntaxHighlighter/shCoreDefault.css
new file mode 100644
index 000000000..e156a6f43
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/SyntaxHighlighter/shCoreDefault.css
@@ -0,0 +1 @@
+.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter,.syntaxhighlighter td,.syntaxhighlighter tr,.syntaxhighlighter tbody,.syntaxhighlighter thead,.syntaxhighlighter caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0!important;-webkit-border-radius:0 0 0 0!important;background:none!important;border:0!important;bottom:auto!important;float:none!important;left:auto!important;line-height:1.1em!important;margin:0!important;outline:0!important;overflow:visible!important;padding:0!important;position:static!important;right:auto!important;text-align:left!important;top:auto!important;vertical-align:baseline!important;width:auto!important;box-sizing:content-box!important;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-weight:normal!important;font-style:normal!important;min-height:inherit!important;min-height:auto!important;font-size:13px!important}.syntaxhighlighter{width:100%!important;margin:.3em 0 .3em 0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1px solid #ccc!important;border-radius:4px!important;border-collapse:separate!important}.syntaxhighlighter.source{overflow:hidden!important}.syntaxhighlighter .bold{font-weight:bold!important}.syntaxhighlighter .italic{font-style:italic!important}.syntaxhighlighter .gutter div{white-space:pre!important;word-wrap:normal}.syntaxhighlighter caption{text-align:left!important;padding:.5em 0 .5em 1em!important}.syntaxhighlighter td.code{width:100%!important}.syntaxhighlighter td.code .container{position:relative!important}.syntaxhighlighter td.code .container textarea{box-sizing:border-box!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;border:none!important;background:white!important;padding-left:1em!important;overflow:hidden!important;white-space:pre!important}.syntaxhighlighter td.gutter .line{text-align:right!important;padding:0 .5em 0 1em!important}.syntaxhighlighter td.code .line{padding:0 1em!important}.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0!important}.syntaxhighlighter.show{display:block!important}.syntaxhighlighter.collapsed table{display:none!important}.syntaxhighlighter.collapsed .toolbar{padding:.1em .8em 0 .8em!important;font-size:1em!important;position:static!important;width:auto!important}.syntaxhighlighter.collapsed .toolbar span{display:inline!important;margin-right:1em!important}.syntaxhighlighter.collapsed .toolbar span a{padding:0!important;display:none!important}.syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline!important}.syntaxhighlighter .toolbar{position:absolute!important;right:1px!important;top:1px!important;width:11px!important;height:11px!important;font-size:10px!important;z-index:10!important}.syntaxhighlighter .toolbar span.title{display:inline!important}.syntaxhighlighter .toolbar a{display:block!important;text-align:center!important;text-decoration:none!important;padding-top:1px!important}.syntaxhighlighter .toolbar a.expandSource{display:none!important}.syntaxhighlighter.ie{font-size:.9em!important;padding:1px 0 1px 0!important}.syntaxhighlighter.ie .toolbar{line-height:8px!important}.syntaxhighlighter.ie .toolbar a{padding-top:0!important}.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none!important}.syntaxhighlighter.printing .line .number{color:#bbb!important}.syntaxhighlighter.printing .line .content{color:black!important}.syntaxhighlighter.printing .toolbar{display:none!important}.syntaxhighlighter.printing a{text-decoration:none!important}.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:black!important}.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200!important}.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue!important}.syntaxhighlighter.printing .keyword{color:#ff7800!important;font-weight:bold!important}.syntaxhighlighter.printing .preprocessor{color:gray!important}.syntaxhighlighter.printing .variable{color:#a70!important}.syntaxhighlighter.printing .value{color:#090!important}.syntaxhighlighter.printing .functions{color:#ff1493!important}.syntaxhighlighter.printing .constants{color:#06c!important}.syntaxhighlighter.printing .script{font-weight:bold!important}.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray!important}.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493!important}.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red!important}.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:black!important}.syntaxhighlighter{background-color:#f5f5f5!important}.syntaxhighlighter .line.highlighted.number{color:black!important}.syntaxhighlighter caption{color:black!important}.syntaxhighlighter .gutter{color:#afafaf!important;background-color:#f7f7f9!important;border-right:1px solid #e1e1e8!important;padding:9.5px 0 9.5px 9.5px!important;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;user-select:none!important;-moz-user-select:none!important;-webkit-user-select:none!important}.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c!important;color:white!important}.syntaxhighlighter.printing .line .content{border:none!important}.syntaxhighlighter.collapsed{overflow:visible!important}.syntaxhighlighter.collapsed .toolbar{color:blue!important;background:white!important;border:1px solid #6ce26c!important}.syntaxhighlighter.collapsed .toolbar a{color:blue!important}.syntaxhighlighter.collapsed .toolbar a:hover{color:red!important}.syntaxhighlighter .toolbar{color:white!important;background:#6ce26c!important;border:none!important}.syntaxhighlighter .toolbar a{color:white!important}.syntaxhighlighter .toolbar a:hover{color:black!important}.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:black!important}.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#008200!important}.syntaxhighlighter .string,.syntaxhighlighter .string a{color:blue!important}.syntaxhighlighter .keyword{color:#ff7800!important}.syntaxhighlighter .preprocessor{color:gray!important}.syntaxhighlighter .variable{color:#a70!important}.syntaxhighlighter .value{color:#090!important}.syntaxhighlighter .functions{color:#ff1493!important}.syntaxhighlighter .constants{color:#06c!important}.syntaxhighlighter .script{font-weight:bold!important;color:#ff7800!important;background-color:none!important}.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:gray!important}.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#ff1493!important}.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red!important}.syntaxhighlighter .keyword{font-weight:bold!important}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/codemirror/codemirror.css b/nezha-fronted/static/ueditor-1.4.3.3/third-party/codemirror/codemirror.css
new file mode 100644
index 000000000..461ae195a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/codemirror/codemirror.css
@@ -0,0 +1,104 @@
+.CodeMirror {
+    line-height: 1em;
+    font-family: monospace;
+}
+
+.CodeMirror-scroll {
+    overflow: auto;
+    height: 300px;
+    /* This is needed to prevent an IE[67] bug where the scrolled content
+       is visible outside of the scrolling box. */
+    position: relative;
+}
+
+.CodeMirror-gutter {
+    position: absolute; left: 0; top: 0;
+    z-index: 10;
+    background-color: #f7f7f7;
+    border-right: 1px solid #eee;
+    min-width: 2em;
+    height: 100%;
+}
+.CodeMirror-gutter-text {
+    color: #aaa;
+    text-align: right;
+    padding: .4em .2em .4em .4em;
+    white-space: pre !important;
+}
+.CodeMirror-lines {
+    padding: .4em;
+}
+
+.CodeMirror pre {
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    -o-border-radius: 0;
+    border-radius: 0;
+    border-width: 0; margin: 0; padding: 0; background: transparent;
+    font-family: inherit;
+    font-size: inherit;
+    padding: 0; margin: 0;
+    white-space: pre;
+    word-wrap: normal;
+}
+
+.CodeMirror-wrap pre {
+    word-wrap: break-word;
+    white-space: pre-wrap;
+}
+.CodeMirror-wrap .CodeMirror-scroll {
+    overflow-x: hidden;
+}
+
+.CodeMirror textarea {
+    outline: none !important;
+}
+
+.CodeMirror pre.CodeMirror-cursor {
+    z-index: 10;
+    position: absolute;
+    visibility: hidden;
+    border-left: 1px solid black;
+}
+.CodeMirror-focused pre.CodeMirror-cursor {
+    visibility: visible;
+}
+
+span.CodeMirror-selected { background: #d9d9d9; }
+.CodeMirror-focused span.CodeMirror-selected { background: #d2dcf8; }
+
+.CodeMirror-searching {background: #ffa;}
+
+/* Default theme */
+
+.cm-s-default span.cm-keyword {color: #708;}
+.cm-s-default span.cm-atom {color: #219;}
+.cm-s-default span.cm-number {color: #164;}
+.cm-s-default span.cm-def {color: #00f;}
+.cm-s-default span.cm-variable {color: black;}
+.cm-s-default span.cm-variable-2 {color: #05a;}
+.cm-s-default span.cm-variable-3 {color: #085;}
+.cm-s-default span.cm-property {color: black;}
+.cm-s-default span.cm-operator {color: black;}
+.cm-s-default span.cm-comment {color: #a50;}
+.cm-s-default span.cm-string {color: #a11;}
+.cm-s-default span.cm-string-2 {color: #f50;}
+.cm-s-default span.cm-meta {color: #555;}
+.cm-s-default span.cm-error {color: #f00;}
+.cm-s-default span.cm-qualifier {color: #555;}
+.cm-s-default span.cm-builtin {color: #30a;}
+.cm-s-default span.cm-bracket {color: #cc7;}
+.cm-s-default span.cm-tag {color: #170;}
+.cm-s-default span.cm-attribute {color: #00c;}
+.cm-s-default span.cm-header {color: #a0a;}
+.cm-s-default span.cm-quote {color: #090;}
+.cm-s-default span.cm-hr {color: #999;}
+.cm-s-default span.cm-link {color: #00c;}
+
+span.cm-header, span.cm-strong {font-weight: bold;}
+span.cm-em {font-style: italic;}
+span.cm-emstrong {font-style: italic; font-weight: bold;}
+span.cm-link {text-decoration: underline;}
+
+div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
+div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/codemirror/codemirror.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/codemirror/codemirror.js
new file mode 100644
index 000000000..966c32076
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/codemirror/codemirror.js
@@ -0,0 +1,3581 @@
+// CodeMirror version 2.2
+//
+// All functions that need access to the editor's state live inside
+// the CodeMirror function. Below that, at the bottom of the file,
+// some utilities are defined.
+
+// CodeMirror is the only global var we claim
+var CodeMirror = (function() {
+    // This is the function that produces an editor instance. It's
+    // closure is used to store the editor state.
+    function CodeMirror(place, givenOptions) {
+        // Determine effective options based on given values and defaults.
+        var options = {}, defaults = CodeMirror.defaults;
+        for (var opt in defaults)
+            if (defaults.hasOwnProperty(opt))
+                options[opt] = (givenOptions && givenOptions.hasOwnProperty(opt) ? givenOptions : defaults)[opt];
+
+        var targetDocument = options["document"];
+        // The element in which the editor lives.
+        var wrapper = targetDocument.createElement("div");
+        wrapper.className = "CodeMirror" + (options.lineWrapping ? " CodeMirror-wrap" : "");
+        // This mess creates the base DOM structure for the editor.
+        wrapper.innerHTML =
+            '<div style="overflow: hidden; position: relative; width: 3px; height: 0px;">' + // Wraps and hides input textarea
+                '<textarea style="position: absolute; padding: 0; width: 1px;" wrap="off" ' +
+                'autocorrect="off" autocapitalize="off"></textarea></div>' +
+                '<div class="CodeMirror-scroll" tabindex="-1">' +
+                '<div style="position: relative">' + // Set to the height of the text, causes scrolling
+                '<div style="position: relative">' + // Moved around its parent to cover visible view
+                '<div class="CodeMirror-gutter"><div class="CodeMirror-gutter-text"></div></div>' +
+                // Provides positioning relative to (visible) text origin
+                '<div class="CodeMirror-lines"><div style="position: relative">' +
+                '<div style="position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden"></div>' +
+                '<pre class="CodeMirror-cursor">&#160;</pre>' + // Absolutely positioned blinky cursor
+                '<div></div>' + // This DIV contains the actual code
+                '</div></div></div></div></div>';
+        if (place.appendChild) place.appendChild(wrapper); else place(wrapper);
+        // I've never seen more elegant code in my life.
+        var inputDiv = wrapper.firstChild, input = inputDiv.firstChild,
+            scroller = wrapper.lastChild, code = scroller.firstChild,
+            mover = code.firstChild, gutter = mover.firstChild, gutterText = gutter.firstChild,
+            lineSpace = gutter.nextSibling.firstChild, measure = lineSpace.firstChild,
+            cursor = measure.nextSibling, lineDiv = cursor.nextSibling;
+        themeChanged();
+        // Needed to hide big blue blinking cursor on Mobile Safari
+        if (/AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent)) input.style.width = "0px";
+        if (!webkit) lineSpace.draggable = true;
+        if (options.tabindex != null) input.tabIndex = options.tabindex;
+        if (!options.gutter && !options.lineNumbers) gutter.style.display = "none";
+
+        // Check for problem with IE innerHTML not working when we have a
+        // P (or similar) parent node.
+        try { stringWidth("x"); }
+        catch (e) {
+            if (e.message.match(/runtime/i))
+                e = new Error("A CodeMirror inside a P-style element does not work in Internet Explorer. (innerHTML bug)");
+            throw e;
+        }
+
+        // Delayed object wrap timeouts, making sure only one is active. blinker holds an interval.
+        var poll = new Delayed(), highlight = new Delayed(), blinker;
+
+        // mode holds a mode API object. doc is the tree of Line objects,
+        // work an array of lines that should be parsed, and history the
+        // undo history (instance of History constructor).
+        var mode, doc = new BranchChunk([new LeafChunk([new Line("")])]), work, focused;
+        loadMode();
+        // The selection. These are always maintained to point at valid
+        // positions. Inverted is used to remember that the user is
+        // selecting bottom-to-top.
+        var sel = {from: {line: 0, ch: 0}, to: {line: 0, ch: 0}, inverted: false};
+        // Selection-related flags. shiftSelecting obviously tracks
+        // whether the user is holding shift.
+        var shiftSelecting, lastClick, lastDoubleClick, draggingText, overwrite = false;
+        // Variables used by startOperation/endOperation to track what
+        // happened during the operation.
+        var updateInput, userSelChange, changes, textChanged, selectionChanged, leaveInputAlone,
+            gutterDirty, callbacks;
+        // Current visible range (may be bigger than the view window).
+        var displayOffset = 0, showingFrom = 0, showingTo = 0, lastSizeC = 0;
+        // bracketHighlighted is used to remember that a backet has been
+        // marked.
+        var bracketHighlighted;
+        // Tracks the maximum line length so that the horizontal scrollbar
+        // can be kept static when scrolling.
+        var maxLine = "", maxWidth, tabText = computeTabText();
+
+        // Initialize the content.
+        operation(function(){setValue(options.value || ""); updateInput = false;})();
+        var history = new History();
+
+        // Register our event handlers.
+        connect(scroller, "mousedown", operation(onMouseDown));
+        connect(scroller, "dblclick", operation(onDoubleClick));
+        connect(lineSpace, "dragstart", onDragStart);
+        connect(lineSpace, "selectstart", e_preventDefault);
+        // Gecko browsers fire contextmenu *after* opening the menu, at
+        // which point we can't mess with it anymore. Context menu is
+        // handled in onMouseDown for Gecko.
+        if (!gecko) connect(scroller, "contextmenu", onContextMenu);
+        connect(scroller, "scroll", function() {
+            updateDisplay([]);
+            if (options.fixedGutter) gutter.style.left = scroller.scrollLeft + "px";
+            if (options.onScroll) options.onScroll(instance);
+        });
+        connect(window, "resize", function() {updateDisplay(true);});
+        connect(input, "keyup", operation(onKeyUp));
+        connect(input, "input", fastPoll);
+        connect(input, "keydown", operation(onKeyDown));
+        connect(input, "keypress", operation(onKeyPress));
+        connect(input, "focus", onFocus);
+        connect(input, "blur", onBlur);
+
+        connect(scroller, "dragenter", e_stop);
+        connect(scroller, "dragover", e_stop);
+        connect(scroller, "drop", operation(onDrop));
+        connect(scroller, "paste", function(){focusInput(); fastPoll();});
+        connect(input, "paste", fastPoll);
+        connect(input, "cut", operation(function(){replaceSelection("");}));
+
+        // IE throws unspecified error in certain cases, when
+        // trying to access activeElement before onload
+        var hasFocus; try { hasFocus = (targetDocument.activeElement == input); } catch(e) { }
+        if (hasFocus) setTimeout(onFocus, 20);
+        else onBlur();
+
+        function isLine(l) {return l >= 0 && l < doc.size;}
+        // The instance object that we'll return. Mostly calls out to
+        // local functions in the CodeMirror function. Some do some extra
+        // range checking and/or clipping. operation is used to wrap the
+        // call so that changes it makes are tracked, and the display is
+        // updated afterwards.
+        var instance = wrapper.CodeMirror = {
+            getValue: getValue,
+            setValue: operation(setValue),
+            getSelection: getSelection,
+            replaceSelection: operation(replaceSelection),
+            focus: function(){focusInput(); onFocus(); fastPoll();},
+            setOption: function(option, value) {
+                var oldVal = options[option];
+                options[option] = value;
+                if (option == "mode" || option == "indentUnit") loadMode();
+                else if (option == "readOnly" && value) {onBlur(); input.blur();}
+                else if (option == "theme") themeChanged();
+                else if (option == "lineWrapping" && oldVal != value) operation(wrappingChanged)();
+                else if (option == "tabSize") operation(tabsChanged)();
+                if (option == "lineNumbers" || option == "gutter" || option == "firstLineNumber" || option == "theme")
+                    operation(gutterChanged)();
+            },
+            getOption: function(option) {return options[option];},
+            undo: operation(undo),
+            redo: operation(redo),
+            indentLine: operation(function(n, dir) {
+                if (isLine(n)) indentLine(n, dir == null ? "smart" : dir ? "add" : "subtract");
+            }),
+            indentSelection: operation(indentSelected),
+            historySize: function() {return {undo: history.done.length, redo: history.undone.length};},
+            clearHistory: function() {history = new History();},
+            matchBrackets: operation(function(){matchBrackets(true);}),
+            getTokenAt: operation(function(pos) {
+                pos = clipPos(pos);
+                return getLine(pos.line).getTokenAt(mode, getStateBefore(pos.line), pos.ch);
+            }),
+            getStateAfter: function(line) {
+                line = clipLine(line == null ? doc.size - 1: line);
+                return getStateBefore(line + 1);
+            },
+            cursorCoords: function(start){
+                if (start == null) start = sel.inverted;
+                return pageCoords(start ? sel.from : sel.to);
+            },
+            charCoords: function(pos){return pageCoords(clipPos(pos));},
+            coordsChar: function(coords) {
+                var off = eltOffset(lineSpace);
+                return coordsChar(coords.x - off.left, coords.y - off.top);
+            },
+            markText: operation(markText),
+            setBookmark: setBookmark,
+            setMarker: operation(addGutterMarker),
+            clearMarker: operation(removeGutterMarker),
+            setLineClass: operation(setLineClass),
+            hideLine: operation(function(h) {return setLineHidden(h, true);}),
+            showLine: operation(function(h) {return setLineHidden(h, false);}),
+            onDeleteLine: function(line, f) {
+                if (typeof line == "number") {
+                    if (!isLine(line)) return null;
+                    line = getLine(line);
+                }
+                (line.handlers || (line.handlers = [])).push(f);
+                return line;
+            },
+            lineInfo: lineInfo,
+            addWidget: function(pos, node, scroll, vert, horiz) {
+                pos = localCoords(clipPos(pos));
+                var top = pos.yBot, left = pos.x;
+                node.style.position = "absolute";
+                code.appendChild(node);
+                if (vert == "over") top = pos.y;
+                else if (vert == "near") {
+                    var vspace = Math.max(scroller.offsetHeight, doc.height * textHeight()),
+                        hspace = Math.max(code.clientWidth, lineSpace.clientWidth) - paddingLeft();
+                    if (pos.yBot + node.offsetHeight > vspace && pos.y > node.offsetHeight)
+                        top = pos.y - node.offsetHeight;
+                    if (left + node.offsetWidth > hspace)
+                        left = hspace - node.offsetWidth;
+                }
+                node.style.top = (top + paddingTop()) + "px";
+                node.style.left = node.style.right = "";
+                if (horiz == "right") {
+                    left = code.clientWidth - node.offsetWidth;
+                    node.style.right = "0px";
+                } else {
+                    if (horiz == "left") left = 0;
+                    else if (horiz == "middle") left = (code.clientWidth - node.offsetWidth) / 2;
+                    node.style.left = (left + paddingLeft()) + "px";
+                }
+                if (scroll)
+                    scrollIntoView(left, top, left + node.offsetWidth, top + node.offsetHeight);
+            },
+
+            lineCount: function() {return doc.size;},
+            clipPos: clipPos,
+            getCursor: function(start) {
+                if (start == null) start = sel.inverted;
+                return copyPos(start ? sel.from : sel.to);
+            },
+            somethingSelected: function() {return !posEq(sel.from, sel.to);},
+            setCursor: operation(function(line, ch, user) {
+                if (ch == null && typeof line.line == "number") setCursor(line.line, line.ch, user);
+                else setCursor(line, ch, user);
+            }),
+            setSelection: operation(function(from, to, user) {
+                (user ? setSelectionUser : setSelection)(clipPos(from), clipPos(to || from));
+            }),
+            getLine: function(line) {if (isLine(line)) return getLine(line).text;},
+            getLineHandle: function(line) {if (isLine(line)) return getLine(line);},
+            setLine: operation(function(line, text) {
+                if (isLine(line)) replaceRange(text, {line: line, ch: 0}, {line: line, ch: getLine(line).text.length});
+            }),
+            removeLine: operation(function(line) {
+                if (isLine(line)) replaceRange("", {line: line, ch: 0}, clipPos({line: line+1, ch: 0}));
+            }),
+            replaceRange: operation(replaceRange),
+            getRange: function(from, to) {return getRange(clipPos(from), clipPos(to));},
+
+            execCommand: function(cmd) {return commands[cmd](instance);},
+            // Stuff used by commands, probably not much use to outside code.
+            moveH: operation(moveH),
+            deleteH: operation(deleteH),
+            moveV: operation(moveV),
+            toggleOverwrite: function() {overwrite = !overwrite;},
+
+            posFromIndex: function(off) {
+                var lineNo = 0, ch;
+                doc.iter(0, doc.size, function(line) {
+                    var sz = line.text.length + 1;
+                    if (sz > off) { ch = off; return true; }
+                    off -= sz;
+                    ++lineNo;
+                });
+                return clipPos({line: lineNo, ch: ch});
+            },
+            indexFromPos: function (coords) {
+                if (coords.line < 0 || coords.ch < 0) return 0;
+                var index = coords.ch;
+                doc.iter(0, coords.line, function (line) {
+                    index += line.text.length + 1;
+                });
+                return index;
+            },
+
+            operation: function(f){return operation(f)();},
+            refresh: function(){updateDisplay(true);},
+            getInputField: function(){return input;},
+            getWrapperElement: function(){return wrapper;},
+            getScrollerElement: function(){return scroller;},
+            getGutterElement: function(){return gutter;}
+        };
+
+        function getLine(n) { return getLineAt(doc, n); }
+        function updateLineHeight(line, height) {
+            gutterDirty = true;
+            var diff = height - line.height;
+            for (var n = line; n; n = n.parent) n.height += diff;
+        }
+
+        function setValue(code) {
+            var top = {line: 0, ch: 0};
+            updateLines(top, {line: doc.size - 1, ch: getLine(doc.size-1).text.length},
+                splitLines(code), top, top);
+            updateInput = true;
+        }
+        function getValue(code) {
+            var text = [];
+            doc.iter(0, doc.size, function(line) { text.push(line.text); });
+            return text.join("\n");
+        }
+
+        function onMouseDown(e) {
+            setShift(e.shiftKey);
+            // Check whether this is a click in a widget
+            for (var n = e_target(e); n != wrapper; n = n.parentNode)
+                if (n.parentNode == code && n != mover) return;
+
+            // See if this is a click in the gutter
+            for (var n = e_target(e); n != wrapper; n = n.parentNode)
+                if (n.parentNode == gutterText) {
+                    if (options.onGutterClick)
+                        options.onGutterClick(instance, indexOf(gutterText.childNodes, n) + showingFrom, e);
+                    return e_preventDefault(e);
+                }
+
+            var start = posFromMouse(e);
+
+            switch (e_button(e)) {
+                case 3:
+                    if (gecko && !mac) onContextMenu(e);
+                    return;
+                case 2:
+                    if (start) setCursor(start.line, start.ch, true);
+                    return;
+            }
+            // For button 1, if it was clicked inside the editor
+            // (posFromMouse returning non-null), we have to adjust the
+            // selection.
+            if (!start) {if (e_target(e) == scroller) e_preventDefault(e); return;}
+
+            if (!focused) onFocus();
+
+            var now = +new Date;
+            if (lastDoubleClick && lastDoubleClick.time > now - 400 && posEq(lastDoubleClick.pos, start)) {
+                e_preventDefault(e);
+                setTimeout(focusInput, 20);
+                return selectLine(start.line);
+            } else if (lastClick && lastClick.time > now - 400 && posEq(lastClick.pos, start)) {
+                lastDoubleClick = {time: now, pos: start};
+                e_preventDefault(e);
+                return selectWordAt(start);
+            } else { lastClick = {time: now, pos: start}; }
+
+            var last = start, going;
+            if (dragAndDrop && !posEq(sel.from, sel.to) &&
+                !posLess(start, sel.from) && !posLess(sel.to, start)) {
+                // Let the drag handler handle this.
+                if (webkit) lineSpace.draggable = true;
+                var up = connect(targetDocument, "mouseup", operation(function(e2) {
+                    if (webkit) lineSpace.draggable = false;
+                    draggingText = false;
+                    up();
+                    if (Math.abs(e.clientX - e2.clientX) + Math.abs(e.clientY - e2.clientY) < 10) {
+                        e_preventDefault(e2);
+                        setCursor(start.line, start.ch, true);
+                        focusInput();
+                    }
+                }), true);
+                draggingText = true;
+                return;
+            }
+            e_preventDefault(e);
+            setCursor(start.line, start.ch, true);
+
+            function extend(e) {
+                var cur = posFromMouse(e, true);
+                if (cur && !posEq(cur, last)) {
+                    if (!focused) onFocus();
+                    last = cur;
+                    setSelectionUser(start, cur);
+                    updateInput = false;
+                    var visible = visibleLines();
+                    if (cur.line >= visible.to || cur.line < visible.from)
+                        going = setTimeout(operation(function(){extend(e);}), 150);
+                }
+            }
+
+            var move = connect(targetDocument, "mousemove", operation(function(e) {
+                clearTimeout(going);
+                e_preventDefault(e);
+                extend(e);
+            }), true);
+            var up = connect(targetDocument, "mouseup", operation(function(e) {
+                clearTimeout(going);
+                var cur = posFromMouse(e);
+                if (cur) setSelectionUser(start, cur);
+                e_preventDefault(e);
+                focusInput();
+                updateInput = true;
+                move(); up();
+            }), true);
+        }
+        function onDoubleClick(e) {
+            for (var n = e_target(e); n != wrapper; n = n.parentNode)
+                if (n.parentNode == gutterText) return e_preventDefault(e);
+            var start = posFromMouse(e);
+            if (!start) return;
+            lastDoubleClick = {time: +new Date, pos: start};
+            e_preventDefault(e);
+            selectWordAt(start);
+        }
+        function onDrop(e) {
+            e.preventDefault();
+            var pos = posFromMouse(e, true), files = e.dataTransfer.files;
+            if (!pos || options.readOnly) return;
+            if (files && files.length && window.FileReader && window.File) {
+                function loadFile(file, i) {
+                    var reader = new FileReader;
+                    reader.onload = function() {
+                        text[i] = reader.result;
+                        if (++read == n) {
+                            pos = clipPos(pos);
+                            operation(function() {
+                                var end = replaceRange(text.join(""), pos, pos);
+                                setSelectionUser(pos, end);
+                            })();
+                        }
+                    };
+                    reader.readAsText(file);
+                }
+                var n = files.length, text = Array(n), read = 0;
+                for (var i = 0; i < n; ++i) loadFile(files[i], i);
+            }
+            else {
+                try {
+                    var text = e.dataTransfer.getData("Text");
+                    if (text) {
+                        var end = replaceRange(text, pos, pos);
+                        var curFrom = sel.from, curTo = sel.to;
+                        setSelectionUser(pos, end);
+                        if (draggingText) replaceRange("", curFrom, curTo);
+                        focusInput();
+                    }
+                }
+                catch(e){}
+            }
+        }
+        function onDragStart(e) {
+            var txt = getSelection();
+            // This will reset escapeElement
+            htmlEscape(txt);
+            e.dataTransfer.setDragImage(escapeElement, 0, 0);
+            e.dataTransfer.setData("Text", txt);
+        }
+        function handleKeyBinding(e) {
+            var name = keyNames[e.keyCode], next = keyMap[options.keyMap].auto, bound, dropShift;
+            if (name == null || e.altGraphKey) {
+                if (next) options.keyMap = next;
+                return null;
+            }
+            if (e.altKey) name = "Alt-" + name;
+            if (e.ctrlKey) name = "Ctrl-" + name;
+            if (e.metaKey) name = "Cmd-" + name;
+            if (e.shiftKey && (bound = lookupKey("Shift-" + name, options.extraKeys, options.keyMap))) {
+                dropShift = true;
+            } else {
+                bound = lookupKey(name, options.extraKeys, options.keyMap);
+            }
+            if (typeof bound == "string") {
+                if (commands.propertyIsEnumerable(bound)) bound = commands[bound];
+                else bound = null;
+            }
+            if (next && (bound || !isModifierKey(e))) options.keyMap = next;
+            if (!bound) return false;
+            if (dropShift) {
+                var prevShift = shiftSelecting;
+                shiftSelecting = null;
+                bound(instance);
+                shiftSelecting = prevShift;
+            } else bound(instance);
+            e_preventDefault(e);
+            return true;
+        }
+        var lastStoppedKey = null;
+        function onKeyDown(e) {
+            if (!focused) onFocus();
+            var code = e.keyCode;
+            // IE does strange things with escape.
+            if (ie && code == 27) { e.returnValue = false; }
+            setShift(code == 16 || e.shiftKey);
+            // First give onKeyEvent option a chance to handle this.
+            if (options.onKeyEvent && options.onKeyEvent(instance, addStop(e))) return;
+            var handled = handleKeyBinding(e);
+            if (window.opera) {
+                lastStoppedKey = handled ? e.keyCode : null;
+                // Opera has no cut event... we try to at least catch the key combo
+                if (!handled && (mac ? e.metaKey : e.ctrlKey) && e.keyCode == 88)
+                    replaceSelection("");
+            }
+        }
+        function onKeyPress(e) {
+            if (window.opera && e.keyCode == lastStoppedKey) {lastStoppedKey = null; e_preventDefault(e); return;}
+            if (options.onKeyEvent && options.onKeyEvent(instance, addStop(e))) return;
+            if (window.opera && !e.which && handleKeyBinding(e)) return;
+            if (options.electricChars && mode.electricChars) {
+                var ch = String.fromCharCode(e.charCode == null ? e.keyCode : e.charCode);
+                if (mode.electricChars.indexOf(ch) > -1)
+                    setTimeout(operation(function() {indentLine(sel.to.line, "smart");}), 75);
+            }
+            fastPoll();
+        }
+        function onKeyUp(e) {
+            if (options.onKeyEvent && options.onKeyEvent(instance, addStop(e))) return;
+            if (e.keyCode == 16) shiftSelecting = null;
+        }
+
+        function onFocus() {
+            if (options.readOnly) return;
+            if (!focused) {
+                if (options.onFocus) options.onFocus(instance);
+                focused = true;
+                if (wrapper.className.search(/\bCodeMirror-focused\b/) == -1)
+                    wrapper.className += " CodeMirror-focused";
+                if (!leaveInputAlone) resetInput(true);
+            }
+            slowPoll();
+            restartBlink();
+        }
+        function onBlur() {
+            if (focused) {
+                if (options.onBlur) options.onBlur(instance);
+                focused = false;
+                wrapper.className = wrapper.className.replace(" CodeMirror-focused", "");
+            }
+            clearInterval(blinker);
+            setTimeout(function() {if (!focused) shiftSelecting = null;}, 150);
+        }
+
+        // Replace the range from from to to by the strings in newText.
+        // Afterwards, set the selection to selFrom, selTo.
+        function updateLines(from, to, newText, selFrom, selTo) {
+            if (history) {
+                var old = [];
+                doc.iter(from.line, to.line + 1, function(line) { old.push(line.text); });
+                history.addChange(from.line, newText.length, old);
+                while (history.done.length > options.undoDepth) history.done.shift();
+            }
+            updateLinesNoUndo(from, to, newText, selFrom, selTo);
+        }
+        function unredoHelper(from, to) {
+            var change = from.pop();
+            if (change) {
+                var replaced = [], end = change.start + change.added;
+                doc.iter(change.start, end, function(line) { replaced.push(line.text); });
+                to.push({start: change.start, added: change.old.length, old: replaced});
+                var pos = clipPos({line: change.start + change.old.length - 1,
+                    ch: editEnd(replaced[replaced.length-1], change.old[change.old.length-1])});
+                updateLinesNoUndo({line: change.start, ch: 0}, {line: end - 1, ch: getLine(end-1).text.length}, change.old, pos, pos);
+                updateInput = true;
+            }
+        }
+        function undo() {unredoHelper(history.done, history.undone);}
+        function redo() {unredoHelper(history.undone, history.done);}
+
+        function updateLinesNoUndo(from, to, newText, selFrom, selTo) {
+            var recomputeMaxLength = false, maxLineLength = maxLine.length;
+            if (!options.lineWrapping)
+                doc.iter(from.line, to.line, function(line) {
+                    if (line.text.length == maxLineLength) {recomputeMaxLength = true; return true;}
+                });
+            if (from.line != to.line || newText.length > 1) gutterDirty = true;
+
+            var nlines = to.line - from.line, firstLine = getLine(from.line), lastLine = getLine(to.line);
+            // First adjust the line structure, taking some care to leave highlighting intact.
+            if (from.ch == 0 && to.ch == 0 && newText[newText.length - 1] == "") {
+                // This is a whole-line replace. Treated specially to make
+                // sure line objects move the way they are supposed to.
+                var added = [], prevLine = null;
+                if (from.line) {
+                    prevLine = getLine(from.line - 1);
+                    prevLine.fixMarkEnds(lastLine);
+                } else lastLine.fixMarkStarts();
+                for (var i = 0, e = newText.length - 1; i < e; ++i)
+                    added.push(Line.inheritMarks(newText[i], prevLine));
+                if (nlines) doc.remove(from.line, nlines, callbacks);
+                if (added.length) doc.insert(from.line, added);
+            } else if (firstLine == lastLine) {
+                if (newText.length == 1)
+                    firstLine.replace(from.ch, to.ch, newText[0]);
+                else {
+                    lastLine = firstLine.split(to.ch, newText[newText.length-1]);
+                    firstLine.replace(from.ch, null, newText[0]);
+                    firstLine.fixMarkEnds(lastLine);
+                    var added = [];
+                    for (var i = 1, e = newText.length - 1; i < e; ++i)
+                        added.push(Line.inheritMarks(newText[i], firstLine));
+                    added.push(lastLine);
+                    doc.insert(from.line + 1, added);
+                }
+            } else if (newText.length == 1) {
+                firstLine.replace(from.ch, null, newText[0]);
+                lastLine.replace(null, to.ch, "");
+                firstLine.append(lastLine);
+                doc.remove(from.line + 1, nlines, callbacks);
+            } else {
+                var added = [];
+                firstLine.replace(from.ch, null, newText[0]);
+                lastLine.replace(null, to.ch, newText[newText.length-1]);
+                firstLine.fixMarkEnds(lastLine);
+                for (var i = 1, e = newText.length - 1; i < e; ++i)
+                    added.push(Line.inheritMarks(newText[i], firstLine));
+                if (nlines > 1) doc.remove(from.line + 1, nlines - 1, callbacks);
+                doc.insert(from.line + 1, added);
+            }
+            if (options.lineWrapping) {
+                var perLine = scroller.clientWidth / charWidth() - 3;
+                doc.iter(from.line, from.line + newText.length, function(line) {
+                    if (line.hidden) return;
+                    var guess = Math.ceil(line.text.length / perLine) || 1;
+                    if (guess != line.height) updateLineHeight(line, guess);
+                });
+            } else {
+                doc.iter(from.line, i + newText.length, function(line) {
+                    var l = line.text;
+                    if (l.length > maxLineLength) {
+                        maxLine = l; maxLineLength = l.length; maxWidth = null;
+                        recomputeMaxLength = false;
+                    }
+                });
+                if (recomputeMaxLength) {
+                    maxLineLength = 0; maxLine = ""; maxWidth = null;
+                    doc.iter(0, doc.size, function(line) {
+                        var l = line.text;
+                        if (l.length > maxLineLength) {
+                            maxLineLength = l.length; maxLine = l;
+                        }
+                    });
+                }
+            }
+
+            // Add these lines to the work array, so that they will be
+            // highlighted. Adjust work lines if lines were added/removed.
+            var newWork = [], lendiff = newText.length - nlines - 1;
+            for (var i = 0, l = work.length; i < l; ++i) {
+                var task = work[i];
+                if (task < from.line) newWork.push(task);
+                else if (task > to.line) newWork.push(task + lendiff);
+            }
+            var hlEnd = from.line + Math.min(newText.length, 500);
+            highlightLines(from.line, hlEnd);
+            newWork.push(hlEnd);
+            work = newWork;
+            startWorker(100);
+            // Remember that these lines changed, for updating the display
+            changes.push({from: from.line, to: to.line + 1, diff: lendiff});
+            var changeObj = {from: from, to: to, text: newText};
+            if (textChanged) {
+                for (var cur = textChanged; cur.next; cur = cur.next) {}
+                cur.next = changeObj;
+            } else textChanged = changeObj;
+
+            // Update the selection
+            function updateLine(n) {return n <= Math.min(to.line, to.line + lendiff) ? n : n + lendiff;}
+            setSelection(selFrom, selTo, updateLine(sel.from.line), updateLine(sel.to.line));
+
+            // Make sure the scroll-size div has the correct height.
+            code.style.height = (doc.height * textHeight() + 2 * paddingTop()) + "px";
+        }
+
+        function replaceRange(code, from, to) {
+            from = clipPos(from);
+            if (!to) to = from; else to = clipPos(to);
+            code = splitLines(code);
+            function adjustPos(pos) {
+                if (posLess(pos, from)) return pos;
+                if (!posLess(to, pos)) return end;
+                var line = pos.line + code.length - (to.line - from.line) - 1;
+                var ch = pos.ch;
+                if (pos.line == to.line)
+                    ch += code[code.length-1].length - (to.ch - (to.line == from.line ? from.ch : 0));
+                return {line: line, ch: ch};
+            }
+            var end;
+            replaceRange1(code, from, to, function(end1) {
+                end = end1;
+                return {from: adjustPos(sel.from), to: adjustPos(sel.to)};
+            });
+            return end;
+        }
+        function replaceSelection(code, collapse) {
+            replaceRange1(splitLines(code), sel.from, sel.to, function(end) {
+                if (collapse == "end") return {from: end, to: end};
+                else if (collapse == "start") return {from: sel.from, to: sel.from};
+                else return {from: sel.from, to: end};
+            });
+        }
+        function replaceRange1(code, from, to, computeSel) {
+            var endch = code.length == 1 ? code[0].length + from.ch : code[code.length-1].length;
+            var newSel = computeSel({line: from.line + code.length - 1, ch: endch});
+            updateLines(from, to, code, newSel.from, newSel.to);
+        }
+
+        function getRange(from, to) {
+            var l1 = from.line, l2 = to.line;
+            if (l1 == l2) return getLine(l1).text.slice(from.ch, to.ch);
+            var code = [getLine(l1).text.slice(from.ch)];
+            doc.iter(l1 + 1, l2, function(line) { code.push(line.text); });
+            code.push(getLine(l2).text.slice(0, to.ch));
+            return code.join("\n");
+        }
+        function getSelection() {
+            return getRange(sel.from, sel.to);
+        }
+
+        var pollingFast = false; // Ensures slowPoll doesn't cancel fastPoll
+        function slowPoll() {
+            if (pollingFast) return;
+            poll.set(options.pollInterval, function() {
+                startOperation();
+                readInput();
+                if (focused) slowPoll();
+                endOperation();
+            });
+        }
+        function fastPoll() {
+            var missed = false;
+            pollingFast = true;
+            function p() {
+                startOperation();
+                var changed = readInput();
+                if (!changed && !missed) {missed = true; poll.set(60, p);}
+                else {pollingFast = false; slowPoll();}
+                endOperation();
+            }
+            poll.set(20, p);
+        }
+
+        // Previnput is a hack to work with IME. If we reset the textarea
+        // on every change, that breaks IME. So we look for changes
+        // compared to the previous content instead. (Modern browsers have
+        // events that indicate IME taking place, but these are not widely
+        // supported or compatible enough yet to rely on.)
+        var prevInput = "";
+        function readInput() {
+            if (leaveInputAlone || !focused || hasSelection(input)) return false;
+            var text = input.value;
+            if (text == prevInput) return false;
+            shiftSelecting = null;
+            var same = 0, l = Math.min(prevInput.length, text.length);
+            while (same < l && prevInput[same] == text[same]) ++same;
+            if (same < prevInput.length)
+                sel.from = {line: sel.from.line, ch: sel.from.ch - (prevInput.length - same)};
+            else if (overwrite && posEq(sel.from, sel.to))
+                sel.to = {line: sel.to.line, ch: Math.min(getLine(sel.to.line).text.length, sel.to.ch + (text.length - same))};
+            replaceSelection(text.slice(same), "end");
+            prevInput = text;
+            return true;
+        }
+        function resetInput(user) {
+            if (!posEq(sel.from, sel.to)) {
+                prevInput = "";
+                input.value = getSelection();
+                input.select();
+            } else if (user) prevInput = input.value = "";
+        }
+
+        function focusInput() {
+            if (!options.readOnly) input.focus();
+        }
+
+        function scrollEditorIntoView() {
+            if (!cursor.getBoundingClientRect) return;
+            var rect = cursor.getBoundingClientRect();
+            // IE returns bogus coordinates when the instance sits inside of an iframe and the cursor is hidden
+            if (ie && rect.top == rect.bottom) return;
+            var winH = window.innerHeight || Math.max(document.body.offsetHeight, document.documentElement.offsetHeight);
+            if (rect.top < 0 || rect.bottom > winH) cursor.scrollIntoView();
+        }
+        function scrollCursorIntoView() {
+            var cursor = localCoords(sel.inverted ? sel.from : sel.to);
+            var x = options.lineWrapping ? Math.min(cursor.x, lineSpace.offsetWidth) : cursor.x;
+            return scrollIntoView(x, cursor.y, x, cursor.yBot);
+        }
+        function scrollIntoView(x1, y1, x2, y2) {
+            var pl = paddingLeft(), pt = paddingTop(), lh = textHeight();
+            y1 += pt; y2 += pt; x1 += pl; x2 += pl;
+            var screen = scroller.clientHeight, screentop = scroller.scrollTop, scrolled = false, result = true;
+            if (y1 < screentop) {scroller.scrollTop = Math.max(0, y1 - 2*lh); scrolled = true;}
+            else if (y2 > screentop + screen) {scroller.scrollTop = y2 + lh - screen; scrolled = true;}
+
+            var screenw = scroller.clientWidth, screenleft = scroller.scrollLeft;
+            var gutterw = options.fixedGutter ? gutter.clientWidth : 0;
+            if (x1 < screenleft + gutterw) {
+                if (x1 < 50) x1 = 0;
+                scroller.scrollLeft = Math.max(0, x1 - 10 - gutterw);
+                scrolled = true;
+            }
+            else if (x2 > screenw + screenleft - 3) {
+                scroller.scrollLeft = x2 + 10 - screenw;
+                scrolled = true;
+                if (x2 > code.clientWidth) result = false;
+            }
+            if (scrolled && options.onScroll) options.onScroll(instance);
+            return result;
+        }
+
+        function visibleLines() {
+            var lh = textHeight(), top = scroller.scrollTop - paddingTop();
+            var from_height = Math.max(0, Math.floor(top / lh));
+            var to_height = Math.ceil((top + scroller.clientHeight) / lh);
+            return {from: lineAtHeight(doc, from_height),
+                to: lineAtHeight(doc, to_height)};
+        }
+        // Uses a set of changes plus the current scroll position to
+        // determine which DOM updates have to be made, and makes the
+        // updates.
+        function updateDisplay(changes, suppressCallback) {
+            if (!scroller.clientWidth) {
+                showingFrom = showingTo = displayOffset = 0;
+                return;
+            }
+            // Compute the new visible window
+            var visible = visibleLines();
+            // Bail out if the visible area is already rendered and nothing changed.
+            if (changes !== true && changes.length == 0 && visible.from >= showingFrom && visible.to <= showingTo) return;
+            var from = Math.max(visible.from - 100, 0), to = Math.min(doc.size, visible.to + 100);
+            if (showingFrom < from && from - showingFrom < 20) from = showingFrom;
+            if (showingTo > to && showingTo - to < 20) to = Math.min(doc.size, showingTo);
+
+            // Create a range of theoretically intact lines, and punch holes
+            // in that using the change info.
+            var intact = changes === true ? [] :
+                computeIntact([{from: showingFrom, to: showingTo, domStart: 0}], changes);
+            // Clip off the parts that won't be visible
+            var intactLines = 0;
+            for (var i = 0; i < intact.length; ++i) {
+                var range = intact[i];
+                if (range.from < from) {range.domStart += (from - range.from); range.from = from;}
+                if (range.to > to) range.to = to;
+                if (range.from >= range.to) intact.splice(i--, 1);
+                else intactLines += range.to - range.from;
+            }
+            if (intactLines == to - from) return;
+            intact.sort(function(a, b) {return a.domStart - b.domStart;});
+
+            var th = textHeight(), gutterDisplay = gutter.style.display;
+            lineDiv.style.display = gutter.style.display = "none";
+            patchDisplay(from, to, intact);
+            lineDiv.style.display = "";
+
+            // Position the mover div to align with the lines it's supposed
+            // to be showing (which will cover the visible display)
+            var different = from != showingFrom || to != showingTo || lastSizeC != scroller.clientHeight + th;
+            // This is just a bogus formula that detects when the editor is
+            // resized or the font size changes.
+            if (different) lastSizeC = scroller.clientHeight + th;
+            showingFrom = from; showingTo = to;
+            displayOffset = heightAtLine(doc, from);
+            mover.style.top = (displayOffset * th) + "px";
+            code.style.height = (doc.height * th + 2 * paddingTop()) + "px";
+
+            // Since this is all rather error prone, it is honoured with the
+            // only assertion in the whole file.
+            if (lineDiv.childNodes.length != showingTo - showingFrom)
+                throw new Error("BAD PATCH! " + JSON.stringify(intact) + " size=" + (showingTo - showingFrom) +
+                    " nodes=" + lineDiv.childNodes.length);
+
+            if (options.lineWrapping) {
+                maxWidth = scroller.clientWidth;
+                var curNode = lineDiv.firstChild;
+                doc.iter(showingFrom, showingTo, function(line) {
+                    if (!line.hidden) {
+                        var height = Math.round(curNode.offsetHeight / th) || 1;
+                        if (line.height != height) {updateLineHeight(line, height); gutterDirty = true;}
+                    }
+                    curNode = curNode.nextSibling;
+                });
+            } else {
+                if (maxWidth == null) maxWidth = stringWidth(maxLine);
+                if (maxWidth > scroller.clientWidth) {
+                    lineSpace.style.width = maxWidth + "px";
+                    // Needed to prevent odd wrapping/hiding of widgets placed in here.
+                    code.style.width = "";
+                    code.style.width = scroller.scrollWidth + "px";
+                } else {
+                    lineSpace.style.width = code.style.width = "";
+                }
+            }
+            gutter.style.display = gutterDisplay;
+            if (different || gutterDirty) updateGutter();
+            updateCursor();
+            if (!suppressCallback && options.onUpdate) options.onUpdate(instance);
+            return true;
+        }
+
+        function computeIntact(intact, changes) {
+            for (var i = 0, l = changes.length || 0; i < l; ++i) {
+                var change = changes[i], intact2 = [], diff = change.diff || 0;
+                for (var j = 0, l2 = intact.length; j < l2; ++j) {
+                    var range = intact[j];
+                    if (change.to <= range.from && change.diff)
+                        intact2.push({from: range.from + diff, to: range.to + diff,
+                            domStart: range.domStart});
+                    else if (change.to <= range.from || change.from >= range.to)
+                        intact2.push(range);
+                    else {
+                        if (change.from > range.from)
+                            intact2.push({from: range.from, to: change.from, domStart: range.domStart});
+                        if (change.to < range.to)
+                            intact2.push({from: change.to + diff, to: range.to + diff,
+                                domStart: range.domStart + (change.to - range.from)});
+                    }
+                }
+                intact = intact2;
+            }
+            return intact;
+        }
+
+        function patchDisplay(from, to, intact) {
+            // The first pass removes the DOM nodes that aren't intact.
+            if (!intact.length) lineDiv.innerHTML = "";
+            else {
+                function killNode(node) {
+                    var tmp = node.nextSibling;
+                    node.parentNode.removeChild(node);
+                    return tmp;
+                }
+                var domPos = 0, curNode = lineDiv.firstChild, n;
+                for (var i = 0; i < intact.length; ++i) {
+                    var cur = intact[i];
+                    while (cur.domStart > domPos) {curNode = killNode(curNode); domPos++;}
+                    for (var j = 0, e = cur.to - cur.from; j < e; ++j) {curNode = curNode.nextSibling; domPos++;}
+                }
+                while (curNode) curNode = killNode(curNode);
+            }
+            // This pass fills in the lines that actually changed.
+            var nextIntact = intact.shift(), curNode = lineDiv.firstChild, j = from;
+            var sfrom = sel.from.line, sto = sel.to.line, inSel = sfrom < from && sto >= from;
+            var scratch = targetDocument.createElement("div"), newElt;
+            doc.iter(from, to, function(line) {
+                var ch1 = null, ch2 = null;
+                if (inSel) {
+                    ch1 = 0;
+                    if (sto == j) {inSel = false; ch2 = sel.to.ch;}
+                } else if (sfrom == j) {
+                    if (sto == j) {ch1 = sel.from.ch; ch2 = sel.to.ch;}
+                    else {inSel = true; ch1 = sel.from.ch;}
+                }
+                if (nextIntact && nextIntact.to == j) nextIntact = intact.shift();
+                if (!nextIntact || nextIntact.from > j) {
+                    if (line.hidden) scratch.innerHTML = "<pre></pre>";
+                    else scratch.innerHTML = line.getHTML(ch1, ch2, true, tabText);
+                    lineDiv.insertBefore(scratch.firstChild, curNode);
+                } else {
+                    curNode = curNode.nextSibling;
+                }
+                ++j;
+            });
+        }
+
+        function updateGutter() {
+            if (!options.gutter && !options.lineNumbers) return;
+            var hText = mover.offsetHeight, hEditor = scroller.clientHeight;
+            gutter.style.height = (hText - hEditor < 2 ? hEditor : hText) + "px";
+            var html = [], i = showingFrom;
+            doc.iter(showingFrom, Math.max(showingTo, showingFrom + 1), function(line) {
+                if (line.hidden) {
+                    html.push("<pre></pre>");
+                } else {
+                    var marker = line.gutterMarker;
+                    var text = options.lineNumbers ? i + options.firstLineNumber : null;
+                    if (marker && marker.text)
+                        text = marker.text.replace("%N%", text != null ? text : "");
+                    else if (text == null)
+                        text = "\u00a0";
+                    html.push((marker && marker.style ? '<pre class="' + marker.style + '">' : "<pre>"), text);
+                    for (var j = 1; j < line.height; ++j) html.push("<br/>&#160;");
+                    html.push("</pre>");
+                }
+                ++i;
+            });
+            gutter.style.display = "none";
+            gutterText.innerHTML = html.join("");
+            var minwidth = String(doc.size).length, firstNode = gutterText.firstChild, val = eltText(firstNode), pad = "";
+            while (val.length + pad.length < minwidth) pad += "\u00a0";
+            if (pad) firstNode.insertBefore(targetDocument.createTextNode(pad), firstNode.firstChild);
+            gutter.style.display = "";
+            lineSpace.style.marginLeft = gutter.offsetWidth + "px";
+            gutterDirty = false;
+        }
+        function updateCursor() {
+            var head = sel.inverted ? sel.from : sel.to, lh = textHeight();
+            var pos = localCoords(head, true);
+            var wrapOff = eltOffset(wrapper), lineOff = eltOffset(lineDiv);
+            inputDiv.style.top = (pos.y + lineOff.top - wrapOff.top) + "px";
+            inputDiv.style.left = (pos.x + lineOff.left - wrapOff.left) + "px";
+            if (posEq(sel.from, sel.to)) {
+                cursor.style.top = pos.y + "px";
+                cursor.style.left = (options.lineWrapping ? Math.min(pos.x, lineSpace.offsetWidth) : pos.x) + "px";
+                cursor.style.display = "";
+            }
+            else cursor.style.display = "none";
+        }
+
+        function setShift(val) {
+            if (val) shiftSelecting = shiftSelecting || (sel.inverted ? sel.to : sel.from);
+            else shiftSelecting = null;
+        }
+        function setSelectionUser(from, to) {
+            var sh = shiftSelecting && clipPos(shiftSelecting);
+            if (sh) {
+                if (posLess(sh, from)) from = sh;
+                else if (posLess(to, sh)) to = sh;
+            }
+            setSelection(from, to);
+            userSelChange = true;
+        }
+        // Update the selection. Last two args are only used by
+        // updateLines, since they have to be expressed in the line
+        // numbers before the update.
+        function setSelection(from, to, oldFrom, oldTo) {
+            goalColumn = null;
+            if (oldFrom == null) {oldFrom = sel.from.line; oldTo = sel.to.line;}
+            if (posEq(sel.from, from) && posEq(sel.to, to)) return;
+            if (posLess(to, from)) {var tmp = to; to = from; from = tmp;}
+
+            // Skip over hidden lines.
+            if (from.line != oldFrom) from = skipHidden(from, oldFrom, sel.from.ch);
+            if (to.line != oldTo) to = skipHidden(to, oldTo, sel.to.ch);
+
+            if (posEq(from, to)) sel.inverted = false;
+            else if (posEq(from, sel.to)) sel.inverted = false;
+            else if (posEq(to, sel.from)) sel.inverted = true;
+
+            // Some ugly logic used to only mark the lines that actually did
+            // see a change in selection as changed, rather than the whole
+            // selected range.
+            if (posEq(from, to)) {
+                if (!posEq(sel.from, sel.to))
+                    changes.push({from: oldFrom, to: oldTo + 1});
+            }
+            else if (posEq(sel.from, sel.to)) {
+                changes.push({from: from.line, to: to.line + 1});
+            }
+            else {
+                if (!posEq(from, sel.from)) {
+                    if (from.line < oldFrom)
+                        changes.push({from: from.line, to: Math.min(to.line, oldFrom) + 1});
+                    else
+                        changes.push({from: oldFrom, to: Math.min(oldTo, from.line) + 1});
+                }
+                if (!posEq(to, sel.to)) {
+                    if (to.line < oldTo)
+                        changes.push({from: Math.max(oldFrom, from.line), to: oldTo + 1});
+                    else
+                        changes.push({from: Math.max(from.line, oldTo), to: to.line + 1});
+                }
+            }
+            sel.from = from; sel.to = to;
+            selectionChanged = true;
+        }
+        function skipHidden(pos, oldLine, oldCh) {
+            function getNonHidden(dir) {
+                var lNo = pos.line + dir, end = dir == 1 ? doc.size : -1;
+                while (lNo != end) {
+                    var line = getLine(lNo);
+                    if (!line.hidden) {
+                        var ch = pos.ch;
+                        if (ch > oldCh || ch > line.text.length) ch = line.text.length;
+                        return {line: lNo, ch: ch};
+                    }
+                    lNo += dir;
+                }
+            }
+            var line = getLine(pos.line);
+            if (!line.hidden) return pos;
+            if (pos.line >= oldLine) return getNonHidden(1) || getNonHidden(-1);
+            else return getNonHidden(-1) || getNonHidden(1);
+        }
+        function setCursor(line, ch, user) {
+            var pos = clipPos({line: line, ch: ch || 0});
+            (user ? setSelectionUser : setSelection)(pos, pos);
+        }
+
+        function clipLine(n) {return Math.max(0, Math.min(n, doc.size-1));}
+        function clipPos(pos) {
+            if (pos.line < 0) return {line: 0, ch: 0};
+            if (pos.line >= doc.size) return {line: doc.size-1, ch: getLine(doc.size-1).text.length};
+            var ch = pos.ch, linelen = getLine(pos.line).text.length;
+            if (ch == null || ch > linelen) return {line: pos.line, ch: linelen};
+            else if (ch < 0) return {line: pos.line, ch: 0};
+            else return pos;
+        }
+
+        function findPosH(dir, unit) {
+            var end = sel.inverted ? sel.from : sel.to, line = end.line, ch = end.ch;
+            var lineObj = getLine(line);
+            function findNextLine() {
+                for (var l = line + dir, e = dir < 0 ? -1 : doc.size; l != e; l += dir) {
+                    var lo = getLine(l);
+                    if (!lo.hidden) { line = l; lineObj = lo; return true; }
+                }
+            }
+            function moveOnce(boundToLine) {
+                if (ch == (dir < 0 ? 0 : lineObj.text.length)) {
+                    if (!boundToLine && findNextLine()) ch = dir < 0 ? lineObj.text.length : 0;
+                    else return false;
+                } else ch += dir;
+                return true;
+            }
+            if (unit == "char") moveOnce();
+            else if (unit == "column") moveOnce(true);
+            else if (unit == "word") {
+                var sawWord = false;
+                for (;;) {
+                    if (dir < 0) if (!moveOnce()) break;
+                    if (isWordChar(lineObj.text.charAt(ch))) sawWord = true;
+                    else if (sawWord) {if (dir < 0) {dir = 1; moveOnce();} break;}
+                    if (dir > 0) if (!moveOnce()) break;
+                }
+            }
+            return {line: line, ch: ch};
+        }
+        function moveH(dir, unit) {
+            var pos = dir < 0 ? sel.from : sel.to;
+            if (shiftSelecting || posEq(sel.from, sel.to)) pos = findPosH(dir, unit);
+            setCursor(pos.line, pos.ch, true);
+        }
+        function deleteH(dir, unit) {
+            if (!posEq(sel.from, sel.to)) replaceRange("", sel.from, sel.to);
+            else if (dir < 0) replaceRange("", findPosH(dir, unit), sel.to);
+            else replaceRange("", sel.from, findPosH(dir, unit));
+            userSelChange = true;
+        }
+        var goalColumn = null;
+        function moveV(dir, unit) {
+            var dist = 0, pos = localCoords(sel.inverted ? sel.from : sel.to, true);
+            if (goalColumn != null) pos.x = goalColumn;
+            if (unit == "page") dist = scroller.clientHeight;
+            else if (unit == "line") dist = textHeight();
+            var target = coordsChar(pos.x, pos.y + dist * dir + 2);
+            setCursor(target.line, target.ch, true);
+            goalColumn = pos.x;
+        }
+
+        function selectWordAt(pos) {
+            var line = getLine(pos.line).text;
+            var start = pos.ch, end = pos.ch;
+            while (start > 0 && isWordChar(line.charAt(start - 1))) --start;
+            while (end < line.length && isWordChar(line.charAt(end))) ++end;
+            setSelectionUser({line: pos.line, ch: start}, {line: pos.line, ch: end});
+        }
+        function selectLine(line) {
+            setSelectionUser({line: line, ch: 0}, {line: line, ch: getLine(line).text.length});
+        }
+        function indentSelected(mode) {
+            if (posEq(sel.from, sel.to)) return indentLine(sel.from.line, mode);
+            var e = sel.to.line - (sel.to.ch ? 0 : 1);
+            for (var i = sel.from.line; i <= e; ++i) indentLine(i, mode);
+        }
+
+        function indentLine(n, how) {
+            if (!how) how = "add";
+            if (how == "smart") {
+                if (!mode.indent) how = "prev";
+                else var state = getStateBefore(n);
+            }
+
+            var line = getLine(n), curSpace = line.indentation(options.tabSize),
+                curSpaceString = line.text.match(/^\s*/)[0], indentation;
+            if (how == "prev") {
+                if (n) indentation = getLine(n-1).indentation(options.tabSize);
+                else indentation = 0;
+            }
+            else if (how == "smart") indentation = mode.indent(state, line.text.slice(curSpaceString.length), line.text);
+            else if (how == "add") indentation = curSpace + options.indentUnit;
+            else if (how == "subtract") indentation = curSpace - options.indentUnit;
+            indentation = Math.max(0, indentation);
+            var diff = indentation - curSpace;
+
+            if (!diff) {
+                if (sel.from.line != n && sel.to.line != n) return;
+                var indentString = curSpaceString;
+            }
+            else {
+                var indentString = "", pos = 0;
+                if (options.indentWithTabs)
+                    for (var i = Math.floor(indentation / options.tabSize); i; --i) {pos += options.tabSize; indentString += "\t";}
+                while (pos < indentation) {++pos; indentString += " ";}
+            }
+
+            replaceRange(indentString, {line: n, ch: 0}, {line: n, ch: curSpaceString.length});
+        }
+
+        function loadMode() {
+            mode = CodeMirror.getMode(options, options.mode);
+            doc.iter(0, doc.size, function(line) { line.stateAfter = null; });
+            work = [0];
+            startWorker();
+        }
+        function gutterChanged() {
+            var visible = options.gutter || options.lineNumbers;
+            gutter.style.display = visible ? "" : "none";
+            if (visible) gutterDirty = true;
+            else lineDiv.parentNode.style.marginLeft = 0;
+        }
+        function wrappingChanged(from, to) {
+            if (options.lineWrapping) {
+                wrapper.className += " CodeMirror-wrap";
+                var perLine = scroller.clientWidth / charWidth() - 3;
+                doc.iter(0, doc.size, function(line) {
+                    if (line.hidden) return;
+                    var guess = Math.ceil(line.text.length / perLine) || 1;
+                    if (guess != 1) updateLineHeight(line, guess);
+                });
+                lineSpace.style.width = code.style.width = "";
+            } else {
+                wrapper.className = wrapper.className.replace(" CodeMirror-wrap", "");
+                maxWidth = null; maxLine = "";
+                doc.iter(0, doc.size, function(line) {
+                    if (line.height != 1 && !line.hidden) updateLineHeight(line, 1);
+                    if (line.text.length > maxLine.length) maxLine = line.text;
+                });
+            }
+            changes.push({from: 0, to: doc.size});
+        }
+        function computeTabText() {
+            for (var str = '<span class="cm-tab">', i = 0; i < options.tabSize; ++i) str += " ";
+            return str + "</span>";
+        }
+        function tabsChanged() {
+            tabText = computeTabText();
+            updateDisplay(true);
+        }
+        function themeChanged() {
+            scroller.className = scroller.className.replace(/\s*cm-s-\w+/g, "") +
+                options.theme.replace(/(^|\s)\s*/g, " cm-s-");
+        }
+
+        function TextMarker() { this.set = []; }
+        TextMarker.prototype.clear = operation(function() {
+            var min = Infinity, max = -Infinity;
+            for (var i = 0, e = this.set.length; i < e; ++i) {
+                var line = this.set[i], mk = line.marked;
+                if (!mk || !line.parent) continue;
+                var lineN = lineNo(line);
+                min = Math.min(min, lineN); max = Math.max(max, lineN);
+                for (var j = 0; j < mk.length; ++j)
+                    if (mk[j].set == this.set) mk.splice(j--, 1);
+            }
+            if (min != Infinity)
+                changes.push({from: min, to: max + 1});
+        });
+        TextMarker.prototype.find = function() {
+            var from, to;
+            for (var i = 0, e = this.set.length; i < e; ++i) {
+                var line = this.set[i], mk = line.marked;
+                for (var j = 0; j < mk.length; ++j) {
+                    var mark = mk[j];
+                    if (mark.set == this.set) {
+                        if (mark.from != null || mark.to != null) {
+                            var found = lineNo(line);
+                            if (found != null) {
+                                if (mark.from != null) from = {line: found, ch: mark.from};
+                                if (mark.to != null) to = {line: found, ch: mark.to};
+                            }
+                        }
+                    }
+                }
+            }
+            return {from: from, to: to};
+        };
+
+        function markText(from, to, className) {
+            from = clipPos(from); to = clipPos(to);
+            var tm = new TextMarker();
+            function add(line, from, to, className) {
+                getLine(line).addMark(new MarkedText(from, to, className, tm.set));
+            }
+            if (from.line == to.line) add(from.line, from.ch, to.ch, className);
+            else {
+                add(from.line, from.ch, null, className);
+                for (var i = from.line + 1, e = to.line; i < e; ++i)
+                    add(i, null, null, className);
+                add(to.line, null, to.ch, className);
+            }
+            changes.push({from: from.line, to: to.line + 1});
+            return tm;
+        }
+
+        function setBookmark(pos) {
+            pos = clipPos(pos);
+            var bm = new Bookmark(pos.ch);
+            getLine(pos.line).addMark(bm);
+            return bm;
+        }
+
+        function addGutterMarker(line, text, className) {
+            if (typeof line == "number") line = getLine(clipLine(line));
+            line.gutterMarker = {text: text, style: className};
+            gutterDirty = true;
+            return line;
+        }
+        function removeGutterMarker(line) {
+            if (typeof line == "number") line = getLine(clipLine(line));
+            line.gutterMarker = null;
+            gutterDirty = true;
+        }
+
+        function changeLine(handle, op) {
+            var no = handle, line = handle;
+            if (typeof handle == "number") line = getLine(clipLine(handle));
+            else no = lineNo(handle);
+            if (no == null) return null;
+            if (op(line, no)) changes.push({from: no, to: no + 1});
+            else return null;
+            return line;
+        }
+        function setLineClass(handle, className) {
+            return changeLine(handle, function(line) {
+                if (line.className != className) {
+                    line.className = className;
+                    return true;
+                }
+            });
+        }
+        function setLineHidden(handle, hidden) {
+            return changeLine(handle, function(line, no) {
+                if (line.hidden != hidden) {
+                    line.hidden = hidden;
+                    updateLineHeight(line, hidden ? 0 : 1);
+                    if (hidden && (sel.from.line == no || sel.to.line == no))
+                        setSelection(skipHidden(sel.from, sel.from.line, sel.from.ch),
+                            skipHidden(sel.to, sel.to.line, sel.to.ch));
+                    return (gutterDirty = true);
+                }
+            });
+        }
+
+        function lineInfo(line) {
+            if (typeof line == "number") {
+                if (!isLine(line)) return null;
+                var n = line;
+                line = getLine(line);
+                if (!line) return null;
+            }
+            else {
+                var n = lineNo(line);
+                if (n == null) return null;
+            }
+            var marker = line.gutterMarker;
+            return {line: n, handle: line, text: line.text, markerText: marker && marker.text,
+                markerClass: marker && marker.style, lineClass: line.className};
+        }
+
+        function stringWidth(str) {
+            measure.innerHTML = "<pre><span>x</span></pre>";
+            measure.firstChild.firstChild.firstChild.nodeValue = str;
+            return measure.firstChild.firstChild.offsetWidth || 10;
+        }
+        // These are used to go from pixel positions to character
+        // positions, taking varying character widths into account.
+        function charFromX(line, x) {
+            if (x <= 0) return 0;
+            var lineObj = getLine(line), text = lineObj.text;
+            function getX(len) {
+                measure.innerHTML = "<pre><span>" + lineObj.getHTML(null, null, false, tabText, len) + "</span></pre>";
+                return measure.firstChild.firstChild.offsetWidth;
+            }
+            var from = 0, fromX = 0, to = text.length, toX;
+            // Guess a suitable upper bound for our search.
+            var estimated = Math.min(to, Math.ceil(x / charWidth()));
+            for (;;) {
+                var estX = getX(estimated);
+                if (estX <= x && estimated < to) estimated = Math.min(to, Math.ceil(estimated * 1.2));
+                else {toX = estX; to = estimated; break;}
+            }
+            if (x > toX) return to;
+            // Try to guess a suitable lower bound as well.
+            estimated = Math.floor(to * 0.8); estX = getX(estimated);
+            if (estX < x) {from = estimated; fromX = estX;}
+            // Do a binary search between these bounds.
+            for (;;) {
+                if (to - from <= 1) return (toX - x > x - fromX) ? from : to;
+                var middle = Math.ceil((from + to) / 2), middleX = getX(middle);
+                if (middleX > x) {to = middle; toX = middleX;}
+                else {from = middle; fromX = middleX;}
+            }
+        }
+
+        var tempId = Math.floor(Math.random() * 0xffffff).toString(16);
+        function measureLine(line, ch) {
+            var extra = "";
+            // Include extra text at the end to make sure the measured line is wrapped in the right way.
+            if (options.lineWrapping) {
+                var end = line.text.indexOf(" ", ch + 2);
+                extra = htmlEscape(line.text.slice(ch + 1, end < 0 ? line.text.length : end + (ie ? 5 : 0)));
+            }
+            measure.innerHTML = "<pre>" + line.getHTML(null, null, false, tabText, ch) +
+                '<span id="CodeMirror-temp-' + tempId + '">' + htmlEscape(line.text.charAt(ch) || " ") + "</span>" +
+                extra + "</pre>";
+            var elt = document.getElementById("CodeMirror-temp-" + tempId);
+            var top = elt.offsetTop, left = elt.offsetLeft;
+            // Older IEs report zero offsets for spans directly after a wrap
+            if (ie && ch && top == 0 && left == 0) {
+                var backup = document.createElement("span");
+                backup.innerHTML = "x";
+                elt.parentNode.insertBefore(backup, elt.nextSibling);
+                top = backup.offsetTop;
+            }
+            return {top: top, left: left};
+        }
+        function localCoords(pos, inLineWrap) {
+            var x, lh = textHeight(), y = lh * (heightAtLine(doc, pos.line) - (inLineWrap ? displayOffset : 0));
+            if (pos.ch == 0) x = 0;
+            else {
+                var sp = measureLine(getLine(pos.line), pos.ch);
+                x = sp.left;
+                if (options.lineWrapping) y += Math.max(0, sp.top);
+            }
+            return {x: x, y: y, yBot: y + lh};
+        }
+        // Coords must be lineSpace-local
+        function coordsChar(x, y) {
+            if (y < 0) y = 0;
+            var th = textHeight(), cw = charWidth(), heightPos = displayOffset + Math.floor(y / th);
+            var lineNo = lineAtHeight(doc, heightPos);
+            if (lineNo >= doc.size) return {line: doc.size - 1, ch: getLine(doc.size - 1).text.length};
+            var lineObj = getLine(lineNo), text = lineObj.text;
+            var tw = options.lineWrapping, innerOff = tw ? heightPos - heightAtLine(doc, lineNo) : 0;
+            if (x <= 0 && innerOff == 0) return {line: lineNo, ch: 0};
+            function getX(len) {
+                var sp = measureLine(lineObj, len);
+                if (tw) {
+                    var off = Math.round(sp.top / th);
+                    return Math.max(0, sp.left + (off - innerOff) * scroller.clientWidth);
+                }
+                return sp.left;
+            }
+            var from = 0, fromX = 0, to = text.length, toX;
+            // Guess a suitable upper bound for our search.
+            var estimated = Math.min(to, Math.ceil((x + innerOff * scroller.clientWidth * .9) / cw));
+            for (;;) {
+                var estX = getX(estimated);
+                if (estX <= x && estimated < to) estimated = Math.min(to, Math.ceil(estimated * 1.2));
+                else {toX = estX; to = estimated; break;}
+            }
+            if (x > toX) return {line: lineNo, ch: to};
+            // Try to guess a suitable lower bound as well.
+            estimated = Math.floor(to * 0.8); estX = getX(estimated);
+            if (estX < x) {from = estimated; fromX = estX;}
+            // Do a binary search between these bounds.
+            for (;;) {
+                if (to - from <= 1) return {line: lineNo, ch: (toX - x > x - fromX) ? from : to};
+                var middle = Math.ceil((from + to) / 2), middleX = getX(middle);
+                if (middleX > x) {to = middle; toX = middleX;}
+                else {from = middle; fromX = middleX;}
+            }
+        }
+        function pageCoords(pos) {
+            var local = localCoords(pos, true), off = eltOffset(lineSpace);
+            return {x: off.left + local.x, y: off.top + local.y, yBot: off.top + local.yBot};
+        }
+
+        var cachedHeight, cachedHeightFor, measureText;
+        function textHeight() {
+            if (measureText == null) {
+                measureText = "<pre>";
+                for (var i = 0; i < 49; ++i) measureText += "x<br/>";
+                measureText += "x</pre>";
+            }
+            var offsetHeight = lineDiv.clientHeight;
+            if (offsetHeight == cachedHeightFor) return cachedHeight;
+            cachedHeightFor = offsetHeight;
+            measure.innerHTML = measureText;
+            cachedHeight = measure.firstChild.offsetHeight / 50 || 1;
+            measure.innerHTML = "";
+            return cachedHeight;
+        }
+        var cachedWidth, cachedWidthFor = 0;
+        function charWidth() {
+            if (scroller.clientWidth == cachedWidthFor) return cachedWidth;
+            cachedWidthFor = scroller.clientWidth;
+            return (cachedWidth = stringWidth("x"));
+        }
+        function paddingTop() {return lineSpace.offsetTop;}
+        function paddingLeft() {return lineSpace.offsetLeft;}
+
+        function posFromMouse(e, liberal) {
+            var offW = eltOffset(scroller, true), x, y;
+            // Fails unpredictably on IE[67] when mouse is dragged around quickly.
+            try { x = e.clientX; y = e.clientY; } catch (e) { return null; }
+            // This is a mess of a heuristic to try and determine whether a
+            // scroll-bar was clicked or not, and to return null if one was
+            // (and !liberal).
+            if (!liberal && (x - offW.left > scroller.clientWidth || y - offW.top > scroller.clientHeight))
+                return null;
+            var offL = eltOffset(lineSpace, true);
+            return coordsChar(x - offL.left, y - offL.top);
+        }
+        function onContextMenu(e) {
+            var pos = posFromMouse(e);
+            if (!pos || window.opera) return; // Opera is difficult.
+            if (posEq(sel.from, sel.to) || posLess(pos, sel.from) || !posLess(pos, sel.to))
+                operation(setCursor)(pos.line, pos.ch);
+
+            var oldCSS = input.style.cssText;
+            inputDiv.style.position = "absolute";
+            input.style.cssText = "position: fixed; width: 30px; height: 30px; top: " + (e.clientY - 5) +
+                "px; left: " + (e.clientX - 5) + "px; z-index: 1000; background: white; " +
+                "border-width: 0; outline: none; overflow: hidden; opacity: .05; filter: alpha(opacity=5);";
+            leaveInputAlone = true;
+            var val = input.value = getSelection();
+            focusInput();
+            input.select();
+            function rehide() {
+                var newVal = splitLines(input.value).join("\n");
+                if (newVal != val) operation(replaceSelection)(newVal, "end");
+                inputDiv.style.position = "relative";
+                input.style.cssText = oldCSS;
+                leaveInputAlone = false;
+                resetInput(true);
+                slowPoll();
+            }
+
+            if (gecko) {
+                e_stop(e);
+                var mouseup = connect(window, "mouseup", function() {
+                    mouseup();
+                    setTimeout(rehide, 20);
+                }, true);
+            }
+            else {
+                setTimeout(rehide, 50);
+            }
+        }
+
+        // Cursor-blinking
+        function restartBlink() {
+            clearInterval(blinker);
+            var on = true;
+            cursor.style.visibility = "";
+            blinker = setInterval(function() {
+                cursor.style.visibility = (on = !on) ? "" : "hidden";
+            }, 650);
+        }
+
+        var matching = {"(": ")>", ")": "(<", "[": "]>", "]": "[<", "{": "}>", "}": "{<"};
+        function matchBrackets(autoclear) {
+            var head = sel.inverted ? sel.from : sel.to, line = getLine(head.line), pos = head.ch - 1;
+            var match = (pos >= 0 && matching[line.text.charAt(pos)]) || matching[line.text.charAt(++pos)];
+            if (!match) return;
+            var ch = match.charAt(0), forward = match.charAt(1) == ">", d = forward ? 1 : -1, st = line.styles;
+            for (var off = pos + 1, i = 0, e = st.length; i < e; i+=2)
+                if ((off -= st[i].length) <= 0) {var style = st[i+1]; break;}
+
+            var stack = [line.text.charAt(pos)], re = /[(){}[\]]/;
+            function scan(line, from, to) {
+                if (!line.text) return;
+                var st = line.styles, pos = forward ? 0 : line.text.length - 1, cur;
+                for (var i = forward ? 0 : st.length - 2, e = forward ? st.length : -2; i != e; i += 2*d) {
+                    var text = st[i];
+                    if (st[i+1] != null && st[i+1] != style) {pos += d * text.length; continue;}
+                    for (var j = forward ? 0 : text.length - 1, te = forward ? text.length : -1; j != te; j += d, pos+=d) {
+                        if (pos >= from && pos < to && re.test(cur = text.charAt(j))) {
+                            var match = matching[cur];
+                            if (match.charAt(1) == ">" == forward) stack.push(cur);
+                            else if (stack.pop() != match.charAt(0)) return {pos: pos, match: false};
+                            else if (!stack.length) return {pos: pos, match: true};
+                        }
+                    }
+                }
+            }
+            for (var i = head.line, e = forward ? Math.min(i + 100, doc.size) : Math.max(-1, i - 100); i != e; i+=d) {
+                var line = getLine(i), first = i == head.line;
+                var found = scan(line, first && forward ? pos + 1 : 0, first && !forward ? pos : line.text.length);
+                if (found) break;
+            }
+            if (!found) found = {pos: null, match: false};
+            var style = found.match ? "CodeMirror-matchingbracket" : "CodeMirror-nonmatchingbracket";
+            var one = markText({line: head.line, ch: pos}, {line: head.line, ch: pos+1}, style),
+                two = found.pos != null && markText({line: i, ch: found.pos}, {line: i, ch: found.pos + 1}, style);
+            var clear = operation(function(){one.clear(); two && two.clear();});
+            if (autoclear) setTimeout(clear, 800);
+            else bracketHighlighted = clear;
+        }
+
+        // Finds the line to start with when starting a parse. Tries to
+        // find a line with a stateAfter, so that it can start with a
+        // valid state. If that fails, it returns the line with the
+        // smallest indentation, which tends to need the least context to
+        // parse correctly.
+        function findStartLine(n) {
+            var minindent, minline;
+            for (var search = n, lim = n - 40; search > lim; --search) {
+                if (search == 0) return 0;
+                var line = getLine(search-1);
+                if (line.stateAfter) return search;
+                var indented = line.indentation(options.tabSize);
+                if (minline == null || minindent > indented) {
+                    minline = search - 1;
+                    minindent = indented;
+                }
+            }
+            return minline;
+        }
+        function getStateBefore(n) {
+            var start = findStartLine(n), state = start && getLine(start-1).stateAfter;
+            if (!state) state = startState(mode);
+            else state = copyState(mode, state);
+            doc.iter(start, n, function(line) {
+                line.highlight(mode, state, options.tabSize);
+                line.stateAfter = copyState(mode, state);
+            });
+            if (start < n) changes.push({from: start, to: n});
+            if (n < doc.size && !getLine(n).stateAfter) work.push(n);
+            return state;
+        }
+        function highlightLines(start, end) {
+            var state = getStateBefore(start);
+            doc.iter(start, end, function(line) {
+                line.highlight(mode, state, options.tabSize);
+                line.stateAfter = copyState(mode, state);
+            });
+        }
+        function highlightWorker() {
+            var end = +new Date + options.workTime;
+            var foundWork = work.length;
+            while (work.length) {
+                if (!getLine(showingFrom).stateAfter) var task = showingFrom;
+                else var task = work.pop();
+                if (task >= doc.size) continue;
+                var start = findStartLine(task), state = start && getLine(start-1).stateAfter;
+                if (state) state = copyState(mode, state);
+                else state = startState(mode);
+
+                var unchanged = 0, compare = mode.compareStates, realChange = false,
+                    i = start, bail = false;
+                doc.iter(i, doc.size, function(line) {
+                    var hadState = line.stateAfter;
+                    if (+new Date > end) {
+                        work.push(i);
+                        startWorker(options.workDelay);
+                        if (realChange) changes.push({from: task, to: i + 1});
+                        return (bail = true);
+                    }
+                    var changed = line.highlight(mode, state, options.tabSize);
+                    if (changed) realChange = true;
+                    line.stateAfter = copyState(mode, state);
+                    if (compare) {
+                        if (hadState && compare(hadState, state)) return true;
+                    } else {
+                        if (changed !== false || !hadState) unchanged = 0;
+                        else if (++unchanged > 3 && (!mode.indent || mode.indent(hadState, "") == mode.indent(state, "")))
+                            return true;
+                    }
+                    ++i;
+                });
+                if (bail) return;
+                if (realChange) changes.push({from: task, to: i + 1});
+            }
+            if (foundWork && options.onHighlightComplete)
+                options.onHighlightComplete(instance);
+        }
+        function startWorker(time) {
+            if (!work.length) return;
+            highlight.set(time, operation(highlightWorker));
+        }
+
+        // Operations are used to wrap changes in such a way that each
+        // change won't have to update the cursor and display (which would
+        // be awkward, slow, and error-prone), but instead updates are
+        // batched and then all combined and executed at once.
+        function startOperation() {
+            updateInput = userSelChange = textChanged = null;
+            changes = []; selectionChanged = false; callbacks = [];
+        }
+        function endOperation() {
+            var reScroll = false, updated;
+            if (selectionChanged) reScroll = !scrollCursorIntoView();
+            if (changes.length) updated = updateDisplay(changes, true);
+            else {
+                if (selectionChanged) updateCursor();
+                if (gutterDirty) updateGutter();
+            }
+            if (reScroll) scrollCursorIntoView();
+            if (selectionChanged) {scrollEditorIntoView(); restartBlink();}
+
+            if (focused && !leaveInputAlone &&
+                (updateInput === true || (updateInput !== false && selectionChanged)))
+                resetInput(userSelChange);
+
+            if (selectionChanged && options.matchBrackets)
+                setTimeout(operation(function() {
+                    if (bracketHighlighted) {bracketHighlighted(); bracketHighlighted = null;}
+                    if (posEq(sel.from, sel.to)) matchBrackets(false);
+                }), 20);
+            var tc = textChanged, cbs = callbacks; // these can be reset by callbacks
+            if (selectionChanged && options.onCursorActivity)
+                options.onCursorActivity(instance);
+            if (tc && options.onChange && instance)
+                options.onChange(instance, tc);
+            for (var i = 0; i < cbs.length; ++i) cbs[i](instance);
+            if (updated && options.onUpdate) options.onUpdate(instance);
+        }
+        var nestedOperation = 0;
+        function operation(f) {
+            return function() {
+                if (!nestedOperation++) startOperation();
+                try {var result = f.apply(this, arguments);}
+                finally {if (!--nestedOperation) endOperation();}
+                return result;
+            };
+        }
+
+        for (var ext in extensions)
+            if (extensions.propertyIsEnumerable(ext) &&
+                !instance.propertyIsEnumerable(ext))
+                instance[ext] = extensions[ext];
+        return instance;
+    } // (end of function CodeMirror)
+
+    // The default configuration options.
+    CodeMirror.defaults = {
+        value: "",
+        mode: null,
+        theme: "default",
+        indentUnit: 2,
+        indentWithTabs: false,
+        tabSize: 4,
+        keyMap: "default",
+        extraKeys: null,
+        electricChars: true,
+        onKeyEvent: null,
+        lineWrapping: false,
+        lineNumbers: false,
+        gutter: false,
+        fixedGutter: false,
+        firstLineNumber: 1,
+        readOnly: false,
+        onChange: null,
+        onCursorActivity: null,
+        onGutterClick: null,
+        onHighlightComplete: null,
+        onUpdate: null,
+        onFocus: null, onBlur: null, onScroll: null,
+        matchBrackets: false,
+        workTime: 100,
+        workDelay: 200,
+        pollInterval: 100,
+        undoDepth: 40,
+        tabindex: null,
+        document: window.document
+    };
+
+    var mac = /Mac/.test(navigator.platform);
+    var win = /Win/.test(navigator.platform);
+
+    // Known modes, by name and by MIME
+    var modes = {}, mimeModes = {};
+    CodeMirror.defineMode = function(name, mode) {
+        if (!CodeMirror.defaults.mode && name != "null") CodeMirror.defaults.mode = name;
+        modes[name] = mode;
+    };
+    CodeMirror.defineMIME = function(mime, spec) {
+        mimeModes[mime] = spec;
+    };
+    CodeMirror.getMode = function(options, spec) {
+        if (typeof spec == "string" && mimeModes.hasOwnProperty(spec))
+            spec = mimeModes[spec];
+        if (typeof spec == "string")
+            var mname = spec, config = {};
+        else if (spec != null)
+            var mname = spec.name, config = spec;
+        var mfactory = modes[mname];
+        if (!mfactory) {
+            if (window.console) console.warn("No mode " + mname + " found, falling back to plain text.");
+            return CodeMirror.getMode(options, "text/plain");
+        }
+        return mfactory(options, config || {});
+    };
+    CodeMirror.listModes = function() {
+        var list = [];
+        for (var m in modes)
+            if (modes.propertyIsEnumerable(m)) list.push(m);
+        return list;
+    };
+    CodeMirror.listMIMEs = function() {
+        var list = [];
+        for (var m in mimeModes)
+            if (mimeModes.propertyIsEnumerable(m)) list.push({mime: m, mode: mimeModes[m]});
+        return list;
+    };
+
+    var extensions = CodeMirror.extensions = {};
+    CodeMirror.defineExtension = function(name, func) {
+        extensions[name] = func;
+    };
+
+    var commands = CodeMirror.commands = {
+        selectAll: function(cm) {cm.setSelection({line: 0, ch: 0}, {line: cm.lineCount() - 1});},
+        killLine: function(cm) {
+            var from = cm.getCursor(true), to = cm.getCursor(false), sel = !posEq(from, to);
+            if (!sel && cm.getLine(from.line).length == from.ch) cm.replaceRange("", from, {line: from.line + 1, ch: 0});
+            else cm.replaceRange("", from, sel ? to : {line: from.line});
+        },
+        deleteLine: function(cm) {var l = cm.getCursor().line; cm.replaceRange("", {line: l, ch: 0}, {line: l});},
+        undo: function(cm) {cm.undo();},
+        redo: function(cm) {cm.redo();},
+        goDocStart: function(cm) {cm.setCursor(0, 0, true);},
+        goDocEnd: function(cm) {cm.setSelection({line: cm.lineCount() - 1}, null, true);},
+        goLineStart: function(cm) {cm.setCursor(cm.getCursor().line, 0, true);},
+        goLineStartSmart: function(cm) {
+            var cur = cm.getCursor();
+            var text = cm.getLine(cur.line), firstNonWS = Math.max(0, text.search(/\S/));
+            cm.setCursor(cur.line, cur.ch <= firstNonWS && cur.ch ? 0 : firstNonWS, true);
+        },
+        goLineEnd: function(cm) {cm.setSelection({line: cm.getCursor().line}, null, true);},
+        goLineUp: function(cm) {cm.moveV(-1, "line");},
+        goLineDown: function(cm) {cm.moveV(1, "line");},
+        goPageUp: function(cm) {cm.moveV(-1, "page");},
+        goPageDown: function(cm) {cm.moveV(1, "page");},
+        goCharLeft: function(cm) {cm.moveH(-1, "char");},
+        goCharRight: function(cm) {cm.moveH(1, "char");},
+        goColumnLeft: function(cm) {cm.moveH(-1, "column");},
+        goColumnRight: function(cm) {cm.moveH(1, "column");},
+        goWordLeft: function(cm) {cm.moveH(-1, "word");},
+        goWordRight: function(cm) {cm.moveH(1, "word");},
+        delCharLeft: function(cm) {cm.deleteH(-1, "char");},
+        delCharRight: function(cm) {cm.deleteH(1, "char");},
+        delWordLeft: function(cm) {cm.deleteH(-1, "word");},
+        delWordRight: function(cm) {cm.deleteH(1, "word");},
+        indentAuto: function(cm) {cm.indentSelection("smart");},
+        indentMore: function(cm) {cm.indentSelection("add");},
+        indentLess: function(cm) {cm.indentSelection("subtract");},
+        insertTab: function(cm) {cm.replaceSelection("\t", "end");},
+        transposeChars: function(cm) {
+            var cur = cm.getCursor(), line = cm.getLine(cur.line);
+            if (cur.ch > 0 && cur.ch < line.length - 1)
+                cm.replaceRange(line.charAt(cur.ch) + line.charAt(cur.ch - 1),
+                    {line: cur.line, ch: cur.ch - 1}, {line: cur.line, ch: cur.ch + 1});
+        },
+        newlineAndIndent: function(cm) {
+            cm.replaceSelection("\n", "end");
+            cm.indentLine(cm.getCursor().line);
+        },
+        toggleOverwrite: function(cm) {cm.toggleOverwrite();}
+    };
+
+    var keyMap = CodeMirror.keyMap = {};
+    keyMap.basic = {
+        "Left": "goCharLeft", "Right": "goCharRight", "Up": "goLineUp", "Down": "goLineDown",
+        "End": "goLineEnd", "Home": "goLineStartSmart", "PageUp": "goPageUp", "PageDown": "goPageDown",
+        "Delete": "delCharRight", "Backspace": "delCharLeft", "Tab": "indentMore", "Shift-Tab": "indentLess",
+        "Enter": "newlineAndIndent", "Insert": "toggleOverwrite"
+    };
+    // Note that the save and find-related commands aren't defined by
+    // default. Unknown commands are simply ignored.
+    keyMap.pcDefault = {
+        "Ctrl-A": "selectAll", "Ctrl-D": "deleteLine", "Ctrl-Z": "undo", "Shift-Ctrl-Z": "redo", "Ctrl-Y": "redo",
+        "Ctrl-Home": "goDocStart", "Alt-Up": "goDocStart", "Ctrl-End": "goDocEnd", "Ctrl-Down": "goDocEnd",
+        "Ctrl-Left": "goWordLeft", "Ctrl-Right": "goWordRight", "Alt-Left": "goLineStart", "Alt-Right": "goLineEnd",
+        "Ctrl-Backspace": "delWordLeft", "Ctrl-Delete": "delWordRight", "Ctrl-S": "save", "Ctrl-F": "find",
+        "Ctrl-G": "findNext", "Shift-Ctrl-G": "findPrev", "Shift-Ctrl-F": "replace", "Shift-Ctrl-R": "replaceAll",
+        fallthrough: "basic"
+    };
+    keyMap.macDefault = {
+        "Cmd-A": "selectAll", "Cmd-D": "deleteLine", "Cmd-Z": "undo", "Shift-Cmd-Z": "redo", "Cmd-Y": "redo",
+        "Cmd-Up": "goDocStart", "Cmd-End": "goDocEnd", "Cmd-Down": "goDocEnd", "Alt-Left": "goWordLeft",
+        "Alt-Right": "goWordRight", "Cmd-Left": "goLineStart", "Cmd-Right": "goLineEnd", "Alt-Backspace": "delWordLeft",
+        "Ctrl-Alt-Backspace": "delWordRight", "Alt-Delete": "delWordRight", "Cmd-S": "save", "Cmd-F": "find",
+        "Cmd-G": "findNext", "Shift-Cmd-G": "findPrev", "Cmd-Alt-F": "replace", "Shift-Cmd-Alt-F": "replaceAll",
+        fallthrough: ["basic", "emacsy"]
+    };
+    keyMap["default"] = mac ? keyMap.macDefault : keyMap.pcDefault;
+    keyMap.emacsy = {
+        "Ctrl-F": "goCharRight", "Ctrl-B": "goCharLeft", "Ctrl-P": "goLineUp", "Ctrl-N": "goLineDown",
+        "Alt-F": "goWordRight", "Alt-B": "goWordLeft", "Ctrl-A": "goLineStart", "Ctrl-E": "goLineEnd",
+        "Ctrl-V": "goPageUp", "Shift-Ctrl-V": "goPageDown", "Ctrl-D": "delCharRight", "Ctrl-H": "delCharLeft",
+        "Alt-D": "delWordRight", "Alt-Backspace": "delWordLeft", "Ctrl-K": "killLine", "Ctrl-T": "transposeChars"
+    };
+
+    function lookupKey(name, extraMap, map) {
+        function lookup(name, map, ft) {
+            var found = map[name];
+            if (found != null) return found;
+            if (ft == null) ft = map.fallthrough;
+            if (ft == null) return map.catchall;
+            if (typeof ft == "string") return lookup(name, keyMap[ft]);
+            for (var i = 0, e = ft.length; i < e; ++i) {
+                found = lookup(name, keyMap[ft[i]]);
+                if (found != null) return found;
+            }
+            return null;
+        }
+        return extraMap ? lookup(name, extraMap, map) : lookup(name, keyMap[map]);
+    }
+    function isModifierKey(event) {
+        var name = keyNames[event.keyCode];
+        return name == "Ctrl" || name == "Alt" || name == "Shift" || name == "Mod";
+    }
+
+    CodeMirror.fromTextArea = function(textarea, options) {
+        if (!options) options = {};
+        options.value = textarea.value;
+        if (!options.tabindex && textarea.tabindex)
+            options.tabindex = textarea.tabindex;
+
+        function save() {textarea.value = instance.getValue();}
+        if (textarea.form) {
+            // Deplorable hack to make the submit method do the right thing.
+            var rmSubmit = connect(textarea.form, "submit", save, true);
+            if (typeof textarea.form.submit == "function") {
+                var realSubmit = textarea.form.submit;
+                function wrappedSubmit() {
+                    save();
+                    textarea.form.submit = realSubmit;
+                    textarea.form.submit();
+                    textarea.form.submit = wrappedSubmit;
+                }
+                textarea.form.submit = wrappedSubmit;
+            }
+        }
+
+        textarea.style.display = "none";
+        var instance = CodeMirror(function(node) {
+            textarea.parentNode.insertBefore(node, textarea.nextSibling);
+        }, options);
+        instance.save = save;
+        instance.getTextArea = function() { return textarea; };
+        instance.toTextArea = function() {
+            save();
+            textarea.parentNode.removeChild(instance.getWrapperElement());
+            textarea.style.display = "";
+            if (textarea.form) {
+                rmSubmit();
+                if (typeof textarea.form.submit == "function")
+                    textarea.form.submit = realSubmit;
+            }
+        };
+        return instance;
+    };
+
+    // Utility functions for working with state. Exported because modes
+    // sometimes need to do this.
+    function copyState(mode, state) {
+        if (state === true) return state;
+        if (mode.copyState) return mode.copyState(state);
+        var nstate = {};
+        for (var n in state) {
+            var val = state[n];
+            if (val instanceof Array) val = val.concat([]);
+            nstate[n] = val;
+        }
+        return nstate;
+    }
+    CodeMirror.copyState = copyState;
+    function startState(mode, a1, a2) {
+        return mode.startState ? mode.startState(a1, a2) : true;
+    }
+    CodeMirror.startState = startState;
+
+    // The character stream used by a mode's parser.
+    function StringStream(string, tabSize) {
+        this.pos = this.start = 0;
+        this.string = string;
+        this.tabSize = tabSize || 8;
+    }
+    StringStream.prototype = {
+        eol: function() {return this.pos >= this.string.length;},
+        sol: function() {return this.pos == 0;},
+        peek: function() {return this.string.charAt(this.pos);},
+        next: function() {
+            if (this.pos < this.string.length)
+                return this.string.charAt(this.pos++);
+        },
+        eat: function(match) {
+            var ch = this.string.charAt(this.pos);
+            if (typeof match == "string") var ok = ch == match;
+            else var ok = ch && (match.test ? match.test(ch) : match(ch));
+            if (ok) {++this.pos; return ch;}
+        },
+        eatWhile: function(match) {
+            var start = this.pos;
+            while (this.eat(match)){}
+            return this.pos > start;
+        },
+        eatSpace: function() {
+            var start = this.pos;
+            while (/[\s\u00a0]/.test(this.string.charAt(this.pos))) ++this.pos;
+            return this.pos > start;
+        },
+        skipToEnd: function() {this.pos = this.string.length;},
+        skipTo: function(ch) {
+            var found = this.string.indexOf(ch, this.pos);
+            if (found > -1) {this.pos = found; return true;}
+        },
+        backUp: function(n) {this.pos -= n;},
+        column: function() {return countColumn(this.string, this.start, this.tabSize);},
+        indentation: function() {return countColumn(this.string, null, this.tabSize);},
+        match: function(pattern, consume, caseInsensitive) {
+            if (typeof pattern == "string") {
+                function cased(str) {return caseInsensitive ? str.toLowerCase() : str;}
+                if (cased(this.string).indexOf(cased(pattern), this.pos) == this.pos) {
+                    if (consume !== false) this.pos += pattern.length;
+                    return true;
+                }
+            }
+            else {
+                var match = this.string.slice(this.pos).match(pattern);
+                if (match && consume !== false) this.pos += match[0].length;
+                return match;
+            }
+        },
+        current: function(){return this.string.slice(this.start, this.pos);}
+    };
+    CodeMirror.StringStream = StringStream;
+
+    function MarkedText(from, to, className, set) {
+        this.from = from; this.to = to; this.style = className; this.set = set;
+    }
+    MarkedText.prototype = {
+        attach: function(line) { this.set.push(line); },
+        detach: function(line) {
+            var ix = indexOf(this.set, line);
+            if (ix > -1) this.set.splice(ix, 1);
+        },
+        split: function(pos, lenBefore) {
+            if (this.to <= pos && this.to != null) return null;
+            var from = this.from < pos || this.from == null ? null : this.from - pos + lenBefore;
+            var to = this.to == null ? null : this.to - pos + lenBefore;
+            return new MarkedText(from, to, this.style, this.set);
+        },
+        dup: function() { return new MarkedText(null, null, this.style, this.set); },
+        clipTo: function(fromOpen, from, toOpen, to, diff) {
+            if (this.from != null && this.from >= from)
+                this.from = Math.max(to, this.from) + diff;
+            if (this.to != null && this.to > from)
+                this.to = to < this.to ? this.to + diff : from;
+            if (fromOpen && to > this.from && (to < this.to || this.to == null))
+                this.from = null;
+            if (toOpen && (from < this.to || this.to == null) && (from > this.from || this.from == null))
+                this.to = null;
+        },
+        isDead: function() { return this.from != null && this.to != null && this.from >= this.to; },
+        sameSet: function(x) { return this.set == x.set; }
+    };
+
+    function Bookmark(pos) {
+        this.from = pos; this.to = pos; this.line = null;
+    }
+    Bookmark.prototype = {
+        attach: function(line) { this.line = line; },
+        detach: function(line) { if (this.line == line) this.line = null; },
+        split: function(pos, lenBefore) {
+            if (pos < this.from) {
+                this.from = this.to = (this.from - pos) + lenBefore;
+                return this;
+            }
+        },
+        isDead: function() { return this.from > this.to; },
+        clipTo: function(fromOpen, from, toOpen, to, diff) {
+            if ((fromOpen || from < this.from) && (toOpen || to > this.to)) {
+                this.from = 0; this.to = -1;
+            } else if (this.from > from) {
+                this.from = this.to = Math.max(to, this.from) + diff;
+            }
+        },
+        sameSet: function(x) { return false; },
+        find: function() {
+            if (!this.line || !this.line.parent) return null;
+            return {line: lineNo(this.line), ch: this.from};
+        },
+        clear: function() {
+            if (this.line) {
+                var found = indexOf(this.line.marked, this);
+                if (found != -1) this.line.marked.splice(found, 1);
+                this.line = null;
+            }
+        }
+    };
+
+    // Line objects. These hold state related to a line, including
+    // highlighting info (the styles array).
+    function Line(text, styles) {
+        this.styles = styles || [text, null];
+        this.text = text;
+        this.height = 1;
+        this.marked = this.gutterMarker = this.className = this.handlers = null;
+        this.stateAfter = this.parent = this.hidden = null;
+    }
+    Line.inheritMarks = function(text, orig) {
+        var ln = new Line(text), mk = orig && orig.marked;
+        if (mk) {
+            for (var i = 0; i < mk.length; ++i) {
+                if (mk[i].to == null && mk[i].style) {
+                    var newmk = ln.marked || (ln.marked = []), mark = mk[i];
+                    var nmark = mark.dup(); newmk.push(nmark); nmark.attach(ln);
+                }
+            }
+        }
+        return ln;
+    }
+    Line.prototype = {
+        // Replace a piece of a line, keeping the styles around it intact.
+        replace: function(from, to_, text) {
+            var st = [], mk = this.marked, to = to_ == null ? this.text.length : to_;
+            copyStyles(0, from, this.styles, st);
+            if (text) st.push(text, null);
+            copyStyles(to, this.text.length, this.styles, st);
+            this.styles = st;
+            this.text = this.text.slice(0, from) + text + this.text.slice(to);
+            this.stateAfter = null;
+            if (mk) {
+                var diff = text.length - (to - from);
+                for (var i = 0, mark = mk[i]; i < mk.length; ++i) {
+                    mark.clipTo(from == null, from || 0, to_ == null, to, diff);
+                    if (mark.isDead()) {mark.detach(this); mk.splice(i--, 1);}
+                }
+            }
+        },
+        // Split a part off a line, keeping styles and markers intact.
+        split: function(pos, textBefore) {
+            var st = [textBefore, null], mk = this.marked;
+            copyStyles(pos, this.text.length, this.styles, st);
+            var taken = new Line(textBefore + this.text.slice(pos), st);
+            if (mk) {
+                for (var i = 0; i < mk.length; ++i) {
+                    var mark = mk[i];
+                    var newmark = mark.split(pos, textBefore.length);
+                    if (newmark) {
+                        if (!taken.marked) taken.marked = [];
+                        taken.marked.push(newmark); newmark.attach(taken);
+                    }
+                }
+            }
+            return taken;
+        },
+        append: function(line) {
+            var mylen = this.text.length, mk = line.marked, mymk = this.marked;
+            this.text += line.text;
+            copyStyles(0, line.text.length, line.styles, this.styles);
+            if (mymk) {
+                for (var i = 0; i < mymk.length; ++i)
+                    if (mymk[i].to == null) mymk[i].to = mylen;
+            }
+            if (mk && mk.length) {
+                if (!mymk) this.marked = mymk = [];
+                outer: for (var i = 0; i < mk.length; ++i) {
+                    var mark = mk[i];
+                    if (!mark.from) {
+                        for (var j = 0; j < mymk.length; ++j) {
+                            var mymark = mymk[j];
+                            if (mymark.to == mylen && mymark.sameSet(mark)) {
+                                mymark.to = mark.to == null ? null : mark.to + mylen;
+                                if (mymark.isDead()) {
+                                    mymark.detach(this);
+                                    mk.splice(i--, 1);
+                                }
+                                continue outer;
+                            }
+                        }
+                    }
+                    mymk.push(mark);
+                    mark.attach(this);
+                    mark.from += mylen;
+                    if (mark.to != null) mark.to += mylen;
+                }
+            }
+        },
+        fixMarkEnds: function(other) {
+            var mk = this.marked, omk = other.marked;
+            if (!mk) return;
+            for (var i = 0; i < mk.length; ++i) {
+                var mark = mk[i], close = mark.to == null;
+                if (close && omk) {
+                    for (var j = 0; j < omk.length; ++j)
+                        if (omk[j].sameSet(mark)) {close = false; break;}
+                }
+                if (close) mark.to = this.text.length;
+            }
+        },
+        fixMarkStarts: function() {
+            var mk = this.marked;
+            if (!mk) return;
+            for (var i = 0; i < mk.length; ++i)
+                if (mk[i].from == null) mk[i].from = 0;
+        },
+        addMark: function(mark) {
+            mark.attach(this);
+            if (this.marked == null) this.marked = [];
+            this.marked.push(mark);
+            this.marked.sort(function(a, b){return (a.from || 0) - (b.from || 0);});
+        },
+        // Run the given mode's parser over a line, update the styles
+        // array, which contains alternating fragments of text and CSS
+        // classes.
+        highlight: function(mode, state, tabSize) {
+            var stream = new StringStream(this.text, tabSize), st = this.styles, pos = 0;
+            var changed = false, curWord = st[0], prevWord;
+            if (this.text == "" && mode.blankLine) mode.blankLine(state);
+            while (!stream.eol()) {
+                var style = mode.token(stream, state);
+                var substr = this.text.slice(stream.start, stream.pos);
+                stream.start = stream.pos;
+                if (pos && st[pos-1] == style)
+                    st[pos-2] += substr;
+                else if (substr) {
+                    if (!changed && (st[pos+1] != style || (pos && st[pos-2] != prevWord))) changed = true;
+                    st[pos++] = substr; st[pos++] = style;
+                    prevWord = curWord; curWord = st[pos];
+                }
+                // Give up when line is ridiculously long
+                if (stream.pos > 5000) {
+                    st[pos++] = this.text.slice(stream.pos); st[pos++] = null;
+                    break;
+                }
+            }
+            if (st.length != pos) {st.length = pos; changed = true;}
+            if (pos && st[pos-2] != prevWord) changed = true;
+            // Short lines with simple highlights return null, and are
+            // counted as changed by the driver because they are likely to
+            // highlight the same way in various contexts.
+            return changed || (st.length < 5 && this.text.length < 10 ? null : false);
+        },
+        // Fetch the parser token for a given character. Useful for hacks
+        // that want to inspect the mode state (say, for completion).
+        getTokenAt: function(mode, state, ch) {
+            var txt = this.text, stream = new StringStream(txt);
+            while (stream.pos < ch && !stream.eol()) {
+                stream.start = stream.pos;
+                var style = mode.token(stream, state);
+            }
+            return {start: stream.start,
+                end: stream.pos,
+                string: stream.current(),
+                className: style || null,
+                state: state};
+        },
+        indentation: function(tabSize) {return countColumn(this.text, null, tabSize);},
+        // Produces an HTML fragment for the line, taking selection,
+        // marking, and highlighting into account.
+        getHTML: function(sfrom, sto, includePre, tabText, endAt) {
+            var html = [], first = true;
+            if (includePre)
+                html.push(this.className ? '<pre class="' + this.className + '">': "<pre>");
+            function span(text, style) {
+                if (!text) return;
+                // Work around a bug where, in some compat modes, IE ignores leading spaces
+                if (first && ie && text.charAt(0) == " ") text = "\u00a0" + text.slice(1);
+                first = false;
+                if (style) html.push('<span class="', style, '">', htmlEscape(text).replace(/\t/g, tabText), "</span>");
+                else html.push(htmlEscape(text).replace(/\t/g, tabText));
+            }
+            var st = this.styles, allText = this.text, marked = this.marked;
+            if (sfrom == sto) sfrom = null;
+            var len = allText.length;
+            if (endAt != null) len = Math.min(endAt, len);
+
+            if (!allText && endAt == null)
+                span(" ", sfrom != null && sto == null ? "CodeMirror-selected" : null);
+            else if (!marked && sfrom == null)
+                for (var i = 0, ch = 0; ch < len; i+=2) {
+                    var str = st[i], style = st[i+1], l = str.length;
+                    if (ch + l > len) str = str.slice(0, len - ch);
+                    ch += l;
+                    span(str, style && "cm-" + style);
+                }
+            else {
+                var pos = 0, i = 0, text = "", style, sg = 0;
+                var markpos = -1, mark = null;
+                function nextMark() {
+                    if (marked) {
+                        markpos += 1;
+                        mark = (markpos < marked.length) ? marked[markpos] : null;
+                    }
+                }
+                nextMark();
+                while (pos < len) {
+                    var upto = len;
+                    var extraStyle = "";
+                    if (sfrom != null) {
+                        if (sfrom > pos) upto = sfrom;
+                        else if (sto == null || sto > pos) {
+                            extraStyle = " CodeMirror-selected";
+                            if (sto != null) upto = Math.min(upto, sto);
+                        }
+                    }
+                    while (mark && mark.to != null && mark.to <= pos) nextMark();
+                    if (mark) {
+                        if (mark.from > pos) upto = Math.min(upto, mark.from);
+                        else {
+                            extraStyle += " " + mark.style;
+                            if (mark.to != null) upto = Math.min(upto, mark.to);
+                        }
+                    }
+                    for (;;) {
+                        var end = pos + text.length;
+                        var appliedStyle = style;
+                        if (extraStyle) appliedStyle = style ? style + extraStyle : extraStyle;
+                        span(end > upto ? text.slice(0, upto - pos) : text, appliedStyle);
+                        if (end >= upto) {text = text.slice(upto - pos); pos = upto; break;}
+                        pos = end;
+                        text = st[i++]; style = "cm-" + st[i++];
+                    }
+                }
+                if (sfrom != null && sto == null) span(" ", "CodeMirror-selected");
+            }
+            if (includePre) html.push("</pre>");
+            return html.join("");
+        },
+        cleanUp: function() {
+            this.parent = null;
+            if (this.marked)
+                for (var i = 0, e = this.marked.length; i < e; ++i) this.marked[i].detach(this);
+        }
+    };
+    // Utility used by replace and split above
+    function copyStyles(from, to, source, dest) {
+        for (var i = 0, pos = 0, state = 0; pos < to; i+=2) {
+            var part = source[i], end = pos + part.length;
+            if (state == 0) {
+                if (end > from) dest.push(part.slice(from - pos, Math.min(part.length, to - pos)), source[i+1]);
+                if (end >= from) state = 1;
+            }
+            else if (state == 1) {
+                if (end > to) dest.push(part.slice(0, to - pos), source[i+1]);
+                else dest.push(part, source[i+1]);
+            }
+            pos = end;
+        }
+    }
+
+    // Data structure that holds the sequence of lines.
+    function LeafChunk(lines) {
+        this.lines = lines;
+        this.parent = null;
+        for (var i = 0, e = lines.length, height = 0; i < e; ++i) {
+            lines[i].parent = this;
+            height += lines[i].height;
+        }
+        this.height = height;
+    }
+    LeafChunk.prototype = {
+        chunkSize: function() { return this.lines.length; },
+        remove: function(at, n, callbacks) {
+            for (var i = at, e = at + n; i < e; ++i) {
+                var line = this.lines[i];
+                this.height -= line.height;
+                line.cleanUp();
+                if (line.handlers)
+                    for (var j = 0; j < line.handlers.length; ++j) callbacks.push(line.handlers[j]);
+            }
+            this.lines.splice(at, n);
+        },
+        collapse: function(lines) {
+            lines.splice.apply(lines, [lines.length, 0].concat(this.lines));
+        },
+        insertHeight: function(at, lines, height) {
+            this.height += height;
+            this.lines.splice.apply(this.lines, [at, 0].concat(lines));
+            for (var i = 0, e = lines.length; i < e; ++i) lines[i].parent = this;
+        },
+        iterN: function(at, n, op) {
+            for (var e = at + n; at < e; ++at)
+                if (op(this.lines[at])) return true;
+        }
+    };
+    function BranchChunk(children) {
+        this.children = children;
+        var size = 0, height = 0;
+        for (var i = 0, e = children.length; i < e; ++i) {
+            var ch = children[i];
+            size += ch.chunkSize(); height += ch.height;
+            ch.parent = this;
+        }
+        this.size = size;
+        this.height = height;
+        this.parent = null;
+    }
+    BranchChunk.prototype = {
+        chunkSize: function() { return this.size; },
+        remove: function(at, n, callbacks) {
+            this.size -= n;
+            for (var i = 0; i < this.children.length; ++i) {
+                var child = this.children[i], sz = child.chunkSize();
+                if (at < sz) {
+                    var rm = Math.min(n, sz - at), oldHeight = child.height;
+                    child.remove(at, rm, callbacks);
+                    this.height -= oldHeight - child.height;
+                    if (sz == rm) { this.children.splice(i--, 1); child.parent = null; }
+                    if ((n -= rm) == 0) break;
+                    at = 0;
+                } else at -= sz;
+            }
+            if (this.size - n < 25) {
+                var lines = [];
+                this.collapse(lines);
+                this.children = [new LeafChunk(lines)];
+            }
+        },
+        collapse: function(lines) {
+            for (var i = 0, e = this.children.length; i < e; ++i) this.children[i].collapse(lines);
+        },
+        insert: function(at, lines) {
+            var height = 0;
+            for (var i = 0, e = lines.length; i < e; ++i) height += lines[i].height;
+            this.insertHeight(at, lines, height);
+        },
+        insertHeight: function(at, lines, height) {
+            this.size += lines.length;
+            this.height += height;
+            for (var i = 0, e = this.children.length; i < e; ++i) {
+                var child = this.children[i], sz = child.chunkSize();
+                if (at <= sz) {
+                    child.insertHeight(at, lines, height);
+                    if (child.lines && child.lines.length > 50) {
+                        while (child.lines.length > 50) {
+                            var spilled = child.lines.splice(child.lines.length - 25, 25);
+                            var newleaf = new LeafChunk(spilled);
+                            child.height -= newleaf.height;
+                            this.children.splice(i + 1, 0, newleaf);
+                            newleaf.parent = this;
+                        }
+                        this.maybeSpill();
+                    }
+                    break;
+                }
+                at -= sz;
+            }
+        },
+        maybeSpill: function() {
+            if (this.children.length <= 10) return;
+            var me = this;
+            do {
+                var spilled = me.children.splice(me.children.length - 5, 5);
+                var sibling = new BranchChunk(spilled);
+                if (!me.parent) { // Become the parent node
+                    var copy = new BranchChunk(me.children);
+                    copy.parent = me;
+                    me.children = [copy, sibling];
+                    me = copy;
+                } else {
+                    me.size -= sibling.size;
+                    me.height -= sibling.height;
+                    var myIndex = indexOf(me.parent.children, me);
+                    me.parent.children.splice(myIndex + 1, 0, sibling);
+                }
+                sibling.parent = me.parent;
+            } while (me.children.length > 10);
+            me.parent.maybeSpill();
+        },
+        iter: function(from, to, op) { this.iterN(from, to - from, op); },
+        iterN: function(at, n, op) {
+            for (var i = 0, e = this.children.length; i < e; ++i) {
+                var child = this.children[i], sz = child.chunkSize();
+                if (at < sz) {
+                    var used = Math.min(n, sz - at);
+                    if (child.iterN(at, used, op)) return true;
+                    if ((n -= used) == 0) break;
+                    at = 0;
+                } else at -= sz;
+            }
+        }
+    };
+
+    function getLineAt(chunk, n) {
+        while (!chunk.lines) {
+            for (var i = 0;; ++i) {
+                var child = chunk.children[i], sz = child.chunkSize();
+                if (n < sz) { chunk = child; break; }
+                n -= sz;
+            }
+        }
+        return chunk.lines[n];
+    }
+    function lineNo(line) {
+        if (line.parent == null) return null;
+        var cur = line.parent, no = indexOf(cur.lines, line);
+        for (var chunk = cur.parent; chunk; cur = chunk, chunk = chunk.parent) {
+            for (var i = 0, e = chunk.children.length; ; ++i) {
+                if (chunk.children[i] == cur) break;
+                no += chunk.children[i].chunkSize();
+            }
+        }
+        return no;
+    }
+    function lineAtHeight(chunk, h) {
+        var n = 0;
+        outer: do {
+            for (var i = 0, e = chunk.children.length; i < e; ++i) {
+                var child = chunk.children[i], ch = child.height;
+                if (h < ch) { chunk = child; continue outer; }
+                h -= ch;
+                n += child.chunkSize();
+            }
+            return n;
+        } while (!chunk.lines);
+        for (var i = 0, e = chunk.lines.length; i < e; ++i) {
+            var line = chunk.lines[i], lh = line.height;
+            if (h < lh) break;
+            h -= lh;
+        }
+        return n + i;
+    }
+    function heightAtLine(chunk, n) {
+        var h = 0;
+        outer: do {
+            for (var i = 0, e = chunk.children.length; i < e; ++i) {
+                var child = chunk.children[i], sz = child.chunkSize();
+                if (n < sz) { chunk = child; continue outer; }
+                n -= sz;
+                h += child.height;
+            }
+            return h;
+        } while (!chunk.lines);
+        for (var i = 0; i < n; ++i) h += chunk.lines[i].height;
+        return h;
+    }
+
+    // The history object 'chunks' changes that are made close together
+    // and at almost the same time into bigger undoable units.
+    function History() {
+        this.time = 0;
+        this.done = []; this.undone = [];
+    }
+    History.prototype = {
+        addChange: function(start, added, old) {
+            this.undone.length = 0;
+            var time = +new Date, last = this.done[this.done.length - 1];
+            if (time - this.time > 400 || !last ||
+                last.start > start + added || last.start + last.added < start - last.added + last.old.length)
+                this.done.push({start: start, added: added, old: old});
+            else {
+                var oldoff = 0;
+                if (start < last.start) {
+                    for (var i = last.start - start - 1; i >= 0; --i)
+                        last.old.unshift(old[i]);
+                    last.added += last.start - start;
+                    last.start = start;
+                }
+                else if (last.start < start) {
+                    oldoff = start - last.start;
+                    added += oldoff;
+                }
+                for (var i = last.added - oldoff, e = old.length; i < e; ++i)
+                    last.old.push(old[i]);
+                if (last.added < added) last.added = added;
+            }
+            this.time = time;
+        }
+    };
+
+    function stopMethod() {e_stop(this);}
+    // Ensure an event has a stop method.
+    function addStop(event) {
+        if (!event.stop) event.stop = stopMethod;
+        return event;
+    }
+
+    function e_preventDefault(e) {
+        if (e.preventDefault) e.preventDefault();
+        else e.returnValue = false;
+    }
+    function e_stopPropagation(e) {
+        if (e.stopPropagation) e.stopPropagation();
+        else e.cancelBubble = true;
+    }
+    function e_stop(e) {e_preventDefault(e); e_stopPropagation(e);}
+    CodeMirror.e_stop = e_stop;
+    CodeMirror.e_preventDefault = e_preventDefault;
+    CodeMirror.e_stopPropagation = e_stopPropagation;
+
+    function e_target(e) {return e.target || e.srcElement;}
+    function e_button(e) {
+        if (e.which) return e.which;
+        else if (e.button & 1) return 1;
+        else if (e.button & 2) return 3;
+        else if (e.button & 4) return 2;
+    }
+
+    // Event handler registration. If disconnect is true, it'll return a
+    // function that unregisters the handler.
+    function connect(node, type, handler, disconnect) {
+        if (typeof node.addEventListener == "function") {
+            node.addEventListener(type, handler, false);
+            if (disconnect) return function() {node.removeEventListener(type, handler, false);};
+        }
+        else {
+            var wrapHandler = function(event) {handler(event || window.event);};
+            node.attachEvent("on" + type, wrapHandler);
+            if (disconnect) return function() {node.detachEvent("on" + type, wrapHandler);};
+        }
+    }
+    CodeMirror.connect = connect;
+
+    function Delayed() {this.id = null;}
+    Delayed.prototype = {set: function(ms, f) {clearTimeout(this.id); this.id = setTimeout(f, ms);}};
+
+    // Detect drag-and-drop
+    var dragAndDrop = function() {
+        // IE8 has ondragstart and ondrop properties, but doesn't seem to
+        // actually support ondragstart the way it's supposed to work.
+        if (/MSIE [1-8]\b/.test(navigator.userAgent)) return false;
+        var div = document.createElement('div');
+        return "draggable" in div;
+    }();
+
+    var gecko = /gecko\/\d{7}/i.test(navigator.userAgent);
+    var ie = /MSIE \d/.test(navigator.userAgent);
+    var webkit = /WebKit\//.test(navigator.userAgent);
+
+    var lineSep = "\n";
+    // Feature-detect whether newlines in textareas are converted to \r\n
+    (function () {
+        var te = document.createElement("textarea");
+        te.value = "foo\nbar";
+        if (te.value.indexOf("\r") > -1) lineSep = "\r\n";
+    }());
+
+    // Counts the column offset in a string, taking tabs into account.
+    // Used mostly to find indentation.
+    function countColumn(string, end, tabSize) {
+        if (end == null) {
+            end = string.search(/[^\s\u00a0]/);
+            if (end == -1) end = string.length;
+        }
+        for (var i = 0, n = 0; i < end; ++i) {
+            if (string.charAt(i) == "\t") n += tabSize - (n % tabSize);
+            else ++n;
+        }
+        return n;
+    }
+
+    function computedStyle(elt) {
+        if (elt.currentStyle) return elt.currentStyle;
+        return window.getComputedStyle(elt, null);
+    }
+
+    // Find the position of an element by following the offsetParent chain.
+    // If screen==true, it returns screen (rather than page) coordinates.
+    function eltOffset(node, screen) {
+        var bod = node.ownerDocument.body;
+        var x = 0, y = 0, skipBody = false;
+        for (var n = node; n; n = n.offsetParent) {
+            var ol = n.offsetLeft, ot = n.offsetTop;
+            // Firefox reports weird inverted offsets when the body has a border.
+            if (n == bod) { x += Math.abs(ol); y += Math.abs(ot); }
+            else { x += ol, y += ot; }
+            if (screen && computedStyle(n).position == "fixed")
+                skipBody = true;
+        }
+        var e = screen && !skipBody ? null : bod;
+        for (var n = node.parentNode; n != e; n = n.parentNode)
+            if (n.scrollLeft != null) { x -= n.scrollLeft; y -= n.scrollTop;}
+        return {left: x, top: y};
+    }
+    // Use the faster and saner getBoundingClientRect method when possible.
+    if (document.documentElement.getBoundingClientRect != null) eltOffset = function(node, screen) {
+        // Take the parts of bounding client rect that we are interested in so we are able to edit if need be,
+        // since the returned value cannot be changed externally (they are kept in sync as the element moves within the page)
+        try { var box = node.getBoundingClientRect(); box = { top: box.top, left: box.left }; }
+        catch(e) { box = {top: 0, left: 0}; }
+        if (!screen) {
+            // Get the toplevel scroll, working around browser differences.
+            if (window.pageYOffset == null) {
+                var t = document.documentElement || document.body.parentNode;
+                if (t.scrollTop == null) t = document.body;
+                box.top += t.scrollTop; box.left += t.scrollLeft;
+            } else {
+                box.top += window.pageYOffset; box.left += window.pageXOffset;
+            }
+        }
+        return box;
+    };
+
+    // Get a node's text content.
+    function eltText(node) {
+        return node.textContent || node.innerText || node.nodeValue || "";
+    }
+
+    // Operations on {line, ch} objects.
+    function posEq(a, b) {return a.line == b.line && a.ch == b.ch;}
+    function posLess(a, b) {return a.line < b.line || (a.line == b.line && a.ch < b.ch);}
+    function copyPos(x) {return {line: x.line, ch: x.ch};}
+
+    var escapeElement = document.createElement("pre");
+    function htmlEscape(str) {
+        escapeElement.textContent = str;
+        return escapeElement.innerHTML;
+    }
+    // Recent (late 2011) Opera betas insert bogus newlines at the start
+    // of the textContent, so we strip those.
+    if (htmlEscape("a") == "\na")
+        htmlEscape = function(str) {
+            escapeElement.textContent = str;
+            return escapeElement.innerHTML.slice(1);
+        };
+    // Some IEs don't preserve tabs through innerHTML
+    else if (htmlEscape("\t") != "\t")
+        htmlEscape = function(str) {
+            escapeElement.innerHTML = "";
+            escapeElement.appendChild(document.createTextNode(str));
+            return escapeElement.innerHTML;
+        };
+    CodeMirror.htmlEscape = htmlEscape;
+
+    // Used to position the cursor after an undo/redo by finding the
+    // last edited character.
+    function editEnd(from, to) {
+        if (!to) return from ? from.length : 0;
+        if (!from) return to.length;
+        for (var i = from.length, j = to.length; i >= 0 && j >= 0; --i, --j)
+            if (from.charAt(i) != to.charAt(j)) break;
+        return j + 1;
+    }
+
+    function indexOf(collection, elt) {
+        if (collection.indexOf) return collection.indexOf(elt);
+        for (var i = 0, e = collection.length; i < e; ++i)
+            if (collection[i] == elt) return i;
+        return -1;
+    }
+    function isWordChar(ch) {
+        return /\w/.test(ch) || ch.toUpperCase() != ch.toLowerCase();
+    }
+
+    // See if "".split is the broken IE version, if so, provide an
+    // alternative way to split lines.
+    var splitLines = "\n\nb".split(/\n/).length != 3 ? function(string) {
+        var pos = 0, nl, result = [];
+        while ((nl = string.indexOf("\n", pos)) > -1) {
+            result.push(string.slice(pos, string.charAt(nl-1) == "\r" ? nl - 1 : nl));
+            pos = nl + 1;
+        }
+        result.push(string.slice(pos));
+        return result;
+    } : function(string){return string.split(/\r?\n/);};
+    CodeMirror.splitLines = splitLines;
+
+    var hasSelection = window.getSelection ? function(te) {
+        try { return te.selectionStart != te.selectionEnd; }
+        catch(e) { return false; }
+    } : function(te) {
+        try {var range = te.ownerDocument.selection.createRange();}
+        catch(e) {}
+        if (!range || range.parentElement() != te) return false;
+        return range.compareEndPoints("StartToEnd", range) != 0;
+    };
+
+    CodeMirror.defineMode("null", function() {
+        return {token: function(stream) {stream.skipToEnd();}};
+    });
+    CodeMirror.defineMIME("text/plain", "null");
+
+    var keyNames = {3: "Enter", 8: "Backspace", 9: "Tab", 13: "Enter", 16: "Shift", 17: "Ctrl", 18: "Alt",
+        19: "Pause", 20: "CapsLock", 27: "Esc", 32: "Space", 33: "PageUp", 34: "PageDown", 35: "End",
+        36: "Home", 37: "Left", 38: "Up", 39: "Right", 40: "Down", 44: "PrintScrn", 45: "Insert",
+        46: "Delete", 59: ";", 91: "Mod", 92: "Mod", 93: "Mod", 186: ";", 187: "=", 188: ",",
+        189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\", 221: "]", 222: "'", 63276: "PageUp",
+        63277: "PageDown", 63275: "End", 63273: "Home", 63234: "Left", 63232: "Up", 63235: "Right",
+        63233: "Down", 63302: "Insert", 63272: "Delete"};
+    CodeMirror.keyNames = keyNames;
+    (function() {
+        // Number keys
+        for (var i = 0; i < 10; i++) keyNames[i + 48] = String(i);
+        // Alphabetic keys
+        for (var i = 65; i <= 90; i++) keyNames[i] = String.fromCharCode(i);
+        // Function keys
+        for (var i = 1; i <= 12; i++) keyNames[i + 111] = keyNames[i + 63235] = "F" + i;
+    })();
+
+    return CodeMirror;
+})();
+CodeMirror.defineMode("xml", function(config, parserConfig) {
+    var indentUnit = config.indentUnit;
+    var Kludges = parserConfig.htmlMode ? {
+        autoSelfClosers: {"br": true, "img": true, "hr": true, "link": true, "input": true,
+            "meta": true, "col": true, "frame": true, "base": true, "area": true},
+        doNotIndent: {"pre": true},
+        allowUnquoted: true
+    } : {autoSelfClosers: {}, doNotIndent: {}, allowUnquoted: false};
+    var alignCDATA = parserConfig.alignCDATA;
+
+    // Return variables for tokenizers
+    var tagName, type;
+
+    function inText(stream, state) {
+        function chain(parser) {
+            state.tokenize = parser;
+            return parser(stream, state);
+        }
+
+        var ch = stream.next();
+        if (ch == "<") {
+            if (stream.eat("!")) {
+                if (stream.eat("[")) {
+                    if (stream.match("CDATA[")) return chain(inBlock("atom", "]]>"));
+                    else return null;
+                }
+                else if (stream.match("--")) return chain(inBlock("comment", "-->"));
+                else if (stream.match("DOCTYPE", true, true)) {
+                    stream.eatWhile(/[\w\._\-]/);
+                    return chain(doctype(1));
+                }
+                else return null;
+            }
+            else if (stream.eat("?")) {
+                stream.eatWhile(/[\w\._\-]/);
+                state.tokenize = inBlock("meta", "?>");
+                return "meta";
+            }
+            else {
+                type = stream.eat("/") ? "closeTag" : "openTag";
+                stream.eatSpace();
+                tagName = "";
+                var c;
+                while ((c = stream.eat(/[^\s\u00a0=<>\"\'\/?]/))) tagName += c;
+                state.tokenize = inTag;
+                return "tag";
+            }
+        }
+        else if (ch == "&") {
+            stream.eatWhile(/[^;]/);
+            stream.eat(";");
+            return "atom";
+        }
+        else {
+            stream.eatWhile(/[^&<]/);
+            return null;
+        }
+    }
+
+    function inTag(stream, state) {
+        var ch = stream.next();
+        if (ch == ">" || (ch == "/" && stream.eat(">"))) {
+            state.tokenize = inText;
+            type = ch == ">" ? "endTag" : "selfcloseTag";
+            return "tag";
+        }
+        else if (ch == "=") {
+            type = "equals";
+            return null;
+        }
+        else if (/[\'\"]/.test(ch)) {
+            state.tokenize = inAttribute(ch);
+            return state.tokenize(stream, state);
+        }
+        else {
+            stream.eatWhile(/[^\s\u00a0=<>\"\'\/?]/);
+            return "word";
+        }
+    }
+
+    function inAttribute(quote) {
+        return function(stream, state) {
+            while (!stream.eol()) {
+                if (stream.next() == quote) {
+                    state.tokenize = inTag;
+                    break;
+                }
+            }
+            return "string";
+        };
+    }
+
+    function inBlock(style, terminator) {
+        return function(stream, state) {
+            while (!stream.eol()) {
+                if (stream.match(terminator)) {
+                    state.tokenize = inText;
+                    break;
+                }
+                stream.next();
+            }
+            return style;
+        };
+    }
+    function doctype(depth) {
+        return function(stream, state) {
+            var ch;
+            while ((ch = stream.next()) != null) {
+                if (ch == "<") {
+                    state.tokenize = doctype(depth + 1);
+                    return state.tokenize(stream, state);
+                } else if (ch == ">") {
+                    if (depth == 1) {
+                        state.tokenize = inText;
+                        break;
+                    } else {
+                        state.tokenize = doctype(depth - 1);
+                        return state.tokenize(stream, state);
+                    }
+                }
+            }
+            return "meta";
+        };
+    }
+
+    var curState, setStyle;
+    function pass() {
+        for (var i = arguments.length - 1; i >= 0; i--) curState.cc.push(arguments[i]);
+    }
+    function cont() {
+        pass.apply(null, arguments);
+        return true;
+    }
+
+    function pushContext(tagName, startOfLine) {
+        var noIndent = Kludges.doNotIndent.hasOwnProperty(tagName) || (curState.context && curState.context.noIndent);
+        curState.context = {
+            prev: curState.context,
+            tagName: tagName,
+            indent: curState.indented,
+            startOfLine: startOfLine,
+            noIndent: noIndent
+        };
+    }
+    function popContext() {
+        if (curState.context) curState.context = curState.context.prev;
+    }
+
+    function element(type) {
+        if (type == "openTag") {
+            curState.tagName = tagName;
+            return cont(attributes, endtag(curState.startOfLine));
+        } else if (type == "closeTag") {
+            var err = false;
+            if (curState.context) {
+                err = curState.context.tagName != tagName;
+            } else {
+                err = true;
+            }
+            if (err) setStyle = "error";
+            return cont(endclosetag(err));
+        }
+        return cont();
+    }
+    function endtag(startOfLine) {
+        return function(type) {
+            if (type == "selfcloseTag" ||
+                (type == "endTag" && Kludges.autoSelfClosers.hasOwnProperty(curState.tagName.toLowerCase())))
+                return cont();
+            if (type == "endTag") {pushContext(curState.tagName, startOfLine); return cont();}
+            return cont();
+        };
+    }
+    function endclosetag(err) {
+        return function(type) {
+            if (err) setStyle = "error";
+            if (type == "endTag") { popContext(); return cont(); }
+            setStyle = "error";
+            return cont(arguments.callee);
+        }
+    }
+
+    function attributes(type) {
+        if (type == "word") {setStyle = "attribute"; return cont(attributes);}
+        if (type == "equals") return cont(attvalue, attributes);
+        if (type == "string") {setStyle = "error"; return cont(attributes);}
+        return pass();
+    }
+    function attvalue(type) {
+        if (type == "word" && Kludges.allowUnquoted) {setStyle = "string"; return cont();}
+        if (type == "string") return cont(attvaluemaybe);
+        return pass();
+    }
+    function attvaluemaybe(type) {
+        if (type == "string") return cont(attvaluemaybe);
+        else return pass();
+    }
+
+    return {
+        startState: function() {
+            return {tokenize: inText, cc: [], indented: 0, startOfLine: true, tagName: null, context: null};
+        },
+
+        token: function(stream, state) {
+            if (stream.sol()) {
+                state.startOfLine = true;
+                state.indented = stream.indentation();
+            }
+            if (stream.eatSpace()) return null;
+
+            setStyle = type = tagName = null;
+            var style = state.tokenize(stream, state);
+            state.type = type;
+            if ((style || type) && style != "comment") {
+                curState = state;
+                while (true) {
+                    var comb = state.cc.pop() || element;
+                    if (comb(type || style)) break;
+                }
+            }
+            state.startOfLine = false;
+            return setStyle || style;
+        },
+
+        indent: function(state, textAfter, fullLine) {
+            var context = state.context;
+            if ((state.tokenize != inTag && state.tokenize != inText) ||
+                context && context.noIndent)
+                return fullLine ? fullLine.match(/^(\s*)/)[0].length : 0;
+            if (alignCDATA && /<!\[CDATA\[/.test(textAfter)) return 0;
+            if (context && /^<\//.test(textAfter))
+                context = context.prev;
+            while (context && !context.startOfLine)
+                context = context.prev;
+            if (context) return context.indent + indentUnit;
+            else return 0;
+        },
+
+        compareStates: function(a, b) {
+            if (a.indented != b.indented || a.tokenize != b.tokenize) return false;
+            for (var ca = a.context, cb = b.context; ; ca = ca.prev, cb = cb.prev) {
+                if (!ca || !cb) return ca == cb;
+                if (ca.tagName != cb.tagName) return false;
+            }
+        },
+
+        electricChars: "/"
+    };
+});
+
+CodeMirror.defineMIME("application/xml", "xml");
+CodeMirror.defineMIME("text/html", {name: "xml", htmlMode: true});
+CodeMirror.defineMode("javascript", function(config, parserConfig) {
+    var indentUnit = config.indentUnit;
+    var jsonMode = parserConfig.json;
+
+    // Tokenizer
+
+    var keywords = function(){
+        function kw(type) {return {type: type, style: "keyword"};}
+        var A = kw("keyword a"), B = kw("keyword b"), C = kw("keyword c");
+        var operator = kw("operator"), atom = {type: "atom", style: "atom"};
+        return {
+            "if": A, "while": A, "with": A, "else": B, "do": B, "try": B, "finally": B,
+            "return": C, "break": C, "continue": C, "new": C, "delete": C, "throw": C,
+            "var": kw("var"), "const": kw("var"), "let": kw("var"),
+            "function": kw("function"), "catch": kw("catch"),
+            "for": kw("for"), "switch": kw("switch"), "case": kw("case"), "default": kw("default"),
+            "in": operator, "typeof": operator, "instanceof": operator,
+            "true": atom, "false": atom, "null": atom, "undefined": atom, "NaN": atom, "Infinity": atom
+        };
+    }();
+
+    var isOperatorChar = /[+\-*&%=<>!?|]/;
+
+    function chain(stream, state, f) {
+        state.tokenize = f;
+        return f(stream, state);
+    }
+
+    function nextUntilUnescaped(stream, end) {
+        var escaped = false, next;
+        while ((next = stream.next()) != null) {
+            if (next == end && !escaped)
+                return false;
+            escaped = !escaped && next == "\\";
+        }
+        return escaped;
+    }
+
+    // Used as scratch variables to communicate multiple values without
+    // consing up tons of objects.
+    var type, content;
+    function ret(tp, style, cont) {
+        type = tp; content = cont;
+        return style;
+    }
+
+    function jsTokenBase(stream, state) {
+        var ch = stream.next();
+        if (ch == '"' || ch == "'")
+            return chain(stream, state, jsTokenString(ch));
+        else if (/[\[\]{}\(\),;\:\.]/.test(ch))
+            return ret(ch);
+        else if (ch == "0" && stream.eat(/x/i)) {
+            stream.eatWhile(/[\da-f]/i);
+            return ret("number", "number");
+        }
+        else if (/\d/.test(ch)) {
+            stream.match(/^\d*(?:\.\d*)?(?:[eE][+\-]?\d+)?/);
+            return ret("number", "number");
+        }
+        else if (ch == "/") {
+            if (stream.eat("*")) {
+                return chain(stream, state, jsTokenComment);
+            }
+            else if (stream.eat("/")) {
+                stream.skipToEnd();
+                return ret("comment", "comment");
+            }
+            else if (state.reAllowed) {
+                nextUntilUnescaped(stream, "/");
+                stream.eatWhile(/[gimy]/); // 'y' is "sticky" option in Mozilla
+                return ret("regexp", "string");
+            }
+            else {
+                stream.eatWhile(isOperatorChar);
+                return ret("operator", null, stream.current());
+            }
+        }
+        else if (ch == "#") {
+            stream.skipToEnd();
+            return ret("error", "error");
+        }
+        else if (isOperatorChar.test(ch)) {
+            stream.eatWhile(isOperatorChar);
+            return ret("operator", null, stream.current());
+        }
+        else {
+            stream.eatWhile(/[\w\$_]/);
+            var word = stream.current(), known = keywords.propertyIsEnumerable(word) && keywords[word];
+            return (known && state.kwAllowed) ? ret(known.type, known.style, word) :
+                ret("variable", "variable", word);
+        }
+    }
+
+    function jsTokenString(quote) {
+        return function(stream, state) {
+            if (!nextUntilUnescaped(stream, quote))
+                state.tokenize = jsTokenBase;
+            return ret("string", "string");
+        };
+    }
+
+    function jsTokenComment(stream, state) {
+        var maybeEnd = false, ch;
+        while (ch = stream.next()) {
+            if (ch == "/" && maybeEnd) {
+                state.tokenize = jsTokenBase;
+                break;
+            }
+            maybeEnd = (ch == "*");
+        }
+        return ret("comment", "comment");
+    }
+
+    // Parser
+
+    var atomicTypes = {"atom": true, "number": true, "variable": true, "string": true, "regexp": true};
+
+    function JSLexical(indented, column, type, align, prev, info) {
+        this.indented = indented;
+        this.column = column;
+        this.type = type;
+        this.prev = prev;
+        this.info = info;
+        if (align != null) this.align = align;
+    }
+
+    function inScope(state, varname) {
+        for (var v = state.localVars; v; v = v.next)
+            if (v.name == varname) return true;
+    }
+
+    function parseJS(state, style, type, content, stream) {
+        var cc = state.cc;
+        // Communicate our context to the combinators.
+        // (Less wasteful than consing up a hundred closures on every call.)
+        cx.state = state; cx.stream = stream; cx.marked = null, cx.cc = cc;
+
+        if (!state.lexical.hasOwnProperty("align"))
+            state.lexical.align = true;
+
+        while(true) {
+            var combinator = cc.length ? cc.pop() : jsonMode ? expression : statement;
+            if (combinator(type, content)) {
+                while(cc.length && cc[cc.length - 1].lex)
+                    cc.pop()();
+                if (cx.marked) return cx.marked;
+                if (type == "variable" && inScope(state, content)) return "variable-2";
+                return style;
+            }
+        }
+    }
+
+    // Combinator utils
+
+    var cx = {state: null, column: null, marked: null, cc: null};
+    function pass() {
+        for (var i = arguments.length - 1; i >= 0; i--) cx.cc.push(arguments[i]);
+    }
+    function cont() {
+        pass.apply(null, arguments);
+        return true;
+    }
+    function register(varname) {
+        var state = cx.state;
+        if (state.context) {
+            cx.marked = "def";
+            for (var v = state.localVars; v; v = v.next)
+                if (v.name == varname) return;
+            state.localVars = {name: varname, next: state.localVars};
+        }
+    }
+
+    // Combinators
+
+    var defaultVars = {name: "this", next: {name: "arguments"}};
+    function pushcontext() {
+        if (!cx.state.context) cx.state.localVars = defaultVars;
+        cx.state.context = {prev: cx.state.context, vars: cx.state.localVars};
+    }
+    function popcontext() {
+        cx.state.localVars = cx.state.context.vars;
+        cx.state.context = cx.state.context.prev;
+    }
+    function pushlex(type, info) {
+        var result = function() {
+            var state = cx.state;
+            state.lexical = new JSLexical(state.indented, cx.stream.column(), type, null, state.lexical, info)
+        };
+        result.lex = true;
+        return result;
+    }
+    function poplex() {
+        var state = cx.state;
+        if (state.lexical.prev) {
+            if (state.lexical.type == ")")
+                state.indented = state.lexical.indented;
+            state.lexical = state.lexical.prev;
+        }
+    }
+    poplex.lex = true;
+
+    function expect(wanted) {
+        return function expecting(type) {
+            if (type == wanted) return cont();
+            else if (wanted == ";") return pass();
+            else return cont(arguments.callee);
+        };
+    }
+
+    function statement(type) {
+        if (type == "var") return cont(pushlex("vardef"), vardef1, expect(";"), poplex);
+        if (type == "keyword a") return cont(pushlex("form"), expression, statement, poplex);
+        if (type == "keyword b") return cont(pushlex("form"), statement, poplex);
+        if (type == "{") return cont(pushlex("}"), block, poplex);
+        if (type == ";") return cont();
+        if (type == "function") return cont(functiondef);
+        if (type == "for") return cont(pushlex("form"), expect("("), pushlex(")"), forspec1, expect(")"),
+            poplex, statement, poplex);
+        if (type == "variable") return cont(pushlex("stat"), maybelabel);
+        if (type == "switch") return cont(pushlex("form"), expression, pushlex("}", "switch"), expect("{"),
+            block, poplex, poplex);
+        if (type == "case") return cont(expression, expect(":"));
+        if (type == "default") return cont(expect(":"));
+        if (type == "catch") return cont(pushlex("form"), pushcontext, expect("("), funarg, expect(")"),
+            statement, poplex, popcontext);
+        return pass(pushlex("stat"), expression, expect(";"), poplex);
+    }
+    function expression(type) {
+        if (atomicTypes.hasOwnProperty(type)) return cont(maybeoperator);
+        if (type == "function") return cont(functiondef);
+        if (type == "keyword c") return cont(maybeexpression);
+        if (type == "(") return cont(pushlex(")"), expression, expect(")"), poplex, maybeoperator);
+        if (type == "operator") return cont(expression);
+        if (type == "[") return cont(pushlex("]"), commasep(expression, "]"), poplex, maybeoperator);
+        if (type == "{") return cont(pushlex("}"), commasep(objprop, "}"), poplex, maybeoperator);
+        return cont();
+    }
+    function maybeexpression(type) {
+        if (type.match(/[;\}\)\],]/)) return pass();
+        return pass(expression);
+    }
+
+    function maybeoperator(type, value) {
+        if (type == "operator" && /\+\+|--/.test(value)) return cont(maybeoperator);
+        if (type == "operator") return cont(expression);
+        if (type == ";") return;
+        if (type == "(") return cont(pushlex(")"), commasep(expression, ")"), poplex, maybeoperator);
+        if (type == ".") return cont(property, maybeoperator);
+        if (type == "[") return cont(pushlex("]"), expression, expect("]"), poplex, maybeoperator);
+    }
+    function maybelabel(type) {
+        if (type == ":") return cont(poplex, statement);
+        return pass(maybeoperator, expect(";"), poplex);
+    }
+    function property(type) {
+        if (type == "variable") {cx.marked = "property"; return cont();}
+    }
+    function objprop(type) {
+        if (type == "variable") cx.marked = "property";
+        if (atomicTypes.hasOwnProperty(type)) return cont(expect(":"), expression);
+    }
+    function commasep(what, end) {
+        function proceed(type) {
+            if (type == ",") return cont(what, proceed);
+            if (type == end) return cont();
+            return cont(expect(end));
+        }
+        return function commaSeparated(type) {
+            if (type == end) return cont();
+            else return pass(what, proceed);
+        };
+    }
+    function block(type) {
+        if (type == "}") return cont();
+        return pass(statement, block);
+    }
+    function vardef1(type, value) {
+        if (type == "variable"){register(value); return cont(vardef2);}
+        return cont();
+    }
+    function vardef2(type, value) {
+        if (value == "=") return cont(expression, vardef2);
+        if (type == ",") return cont(vardef1);
+    }
+    function forspec1(type) {
+        if (type == "var") return cont(vardef1, forspec2);
+        if (type == ";") return pass(forspec2);
+        if (type == "variable") return cont(formaybein);
+        return pass(forspec2);
+    }
+    function formaybein(type, value) {
+        if (value == "in") return cont(expression);
+        return cont(maybeoperator, forspec2);
+    }
+    function forspec2(type, value) {
+        if (type == ";") return cont(forspec3);
+        if (value == "in") return cont(expression);
+        return cont(expression, expect(";"), forspec3);
+    }
+    function forspec3(type) {
+        if (type != ")") cont(expression);
+    }
+    function functiondef(type, value) {
+        if (type == "variable") {register(value); return cont(functiondef);}
+        if (type == "(") return cont(pushlex(")"), pushcontext, commasep(funarg, ")"), poplex, statement, popcontext);
+    }
+    function funarg(type, value) {
+        if (type == "variable") {register(value); return cont();}
+    }
+
+    // Interface
+
+    return {
+        startState: function(basecolumn) {
+            return {
+                tokenize: jsTokenBase,
+                reAllowed: true,
+                kwAllowed: true,
+                cc: [],
+                lexical: new JSLexical((basecolumn || 0) - indentUnit, 0, "block", false),
+                localVars: null,
+                context: null,
+                indented: 0
+            };
+        },
+
+        token: function(stream, state) {
+            if (stream.sol()) {
+                if (!state.lexical.hasOwnProperty("align"))
+                    state.lexical.align = false;
+                state.indented = stream.indentation();
+            }
+            if (stream.eatSpace()) return null;
+            var style = state.tokenize(stream, state);
+            if (type == "comment") return style;
+            state.reAllowed = type == "operator" || type == "keyword c" || type.match(/^[\[{}\(,;:]$/);
+            state.kwAllowed = type != '.';
+            return parseJS(state, style, type, content, stream);
+        },
+
+        indent: function(state, textAfter) {
+            if (state.tokenize != jsTokenBase) return 0;
+            var firstChar = textAfter && textAfter.charAt(0), lexical = state.lexical,
+                type = lexical.type, closing = firstChar == type;
+            if (type == "vardef") return lexical.indented + 4;
+            else if (type == "form" && firstChar == "{") return lexical.indented;
+            else if (type == "stat" || type == "form") return lexical.indented + indentUnit;
+            else if (lexical.info == "switch" && !closing)
+                return lexical.indented + (/^(?:case|default)\b/.test(textAfter) ? indentUnit : 2 * indentUnit);
+            else if (lexical.align) return lexical.column + (closing ? 0 : 1);
+            else return lexical.indented + (closing ? 0 : indentUnit);
+        },
+
+        electricChars: ":{}"
+    };
+});
+
+CodeMirror.defineMIME("text/javascript", "javascript");
+CodeMirror.defineMIME("application/json", {name: "javascript", json: true});
+
+CodeMirror.defineMode("css", function(config) {
+    var indentUnit = config.indentUnit, type;
+    function ret(style, tp) {type = tp; return style;}
+
+    function tokenBase(stream, state) {
+        var ch = stream.next();
+        if (ch == "@") {stream.eatWhile(/[\w\\\-]/); return ret("meta", stream.current());}
+        else if (ch == "/" && stream.eat("*")) {
+            state.tokenize = tokenCComment;
+            return tokenCComment(stream, state);
+        }
+        else if (ch == "<" && stream.eat("!")) {
+            state.tokenize = tokenSGMLComment;
+            return tokenSGMLComment(stream, state);
+        }
+        else if (ch == "=") ret(null, "compare");
+        else if ((ch == "~" || ch == "|") && stream.eat("=")) return ret(null, "compare");
+        else if (ch == "\"" || ch == "'") {
+            state.tokenize = tokenString(ch);
+            return state.tokenize(stream, state);
+        }
+        else if (ch == "#") {
+            stream.eatWhile(/[\w\\\-]/);
+            return ret("atom", "hash");
+        }
+        else if (ch == "!") {
+            stream.match(/^\s*\w*/);
+            return ret("keyword", "important");
+        }
+        else if (/\d/.test(ch)) {
+            stream.eatWhile(/[\w.%]/);
+            return ret("number", "unit");
+        }
+        else if (/[,.+>*\/]/.test(ch)) {
+            return ret(null, "select-op");
+        }
+        else if (/[;{}:\[\]]/.test(ch)) {
+            return ret(null, ch);
+        }
+        else {
+            stream.eatWhile(/[\w\\\-]/);
+            return ret("variable", "variable");
+        }
+    }
+
+    function tokenCComment(stream, state) {
+        var maybeEnd = false, ch;
+        while ((ch = stream.next()) != null) {
+            if (maybeEnd && ch == "/") {
+                state.tokenize = tokenBase;
+                break;
+            }
+            maybeEnd = (ch == "*");
+        }
+        return ret("comment", "comment");
+    }
+
+    function tokenSGMLComment(stream, state) {
+        var dashes = 0, ch;
+        while ((ch = stream.next()) != null) {
+            if (dashes >= 2 && ch == ">") {
+                state.tokenize = tokenBase;
+                break;
+            }
+            dashes = (ch == "-") ? dashes + 1 : 0;
+        }
+        return ret("comment", "comment");
+    }
+
+    function tokenString(quote) {
+        return function(stream, state) {
+            var escaped = false, ch;
+            while ((ch = stream.next()) != null) {
+                if (ch == quote && !escaped)
+                    break;
+                escaped = !escaped && ch == "\\";
+            }
+            if (!escaped) state.tokenize = tokenBase;
+            return ret("string", "string");
+        };
+    }
+
+    return {
+        startState: function(base) {
+            return {tokenize: tokenBase,
+                baseIndent: base || 0,
+                stack: []};
+        },
+
+        token: function(stream, state) {
+            if (stream.eatSpace()) return null;
+            var style = state.tokenize(stream, state);
+
+            var context = state.stack[state.stack.length-1];
+            if (type == "hash" && context == "rule") style = "atom";
+            else if (style == "variable") {
+                if (context == "rule") style = "number";
+                else if (!context || context == "@media{") style = "tag";
+            }
+
+            if (context == "rule" && /^[\{\};]$/.test(type))
+                state.stack.pop();
+            if (type == "{") {
+                if (context == "@media") state.stack[state.stack.length-1] = "@media{";
+                else state.stack.push("{");
+            }
+            else if (type == "}") state.stack.pop();
+            else if (type == "@media") state.stack.push("@media");
+            else if (context == "{" && type != "comment") state.stack.push("rule");
+            return style;
+        },
+
+        indent: function(state, textAfter) {
+            var n = state.stack.length;
+            if (/^\}/.test(textAfter))
+                n -= state.stack[state.stack.length-1] == "rule" ? 2 : 1;
+            return state.baseIndent + n * indentUnit;
+        },
+
+        electricChars: "}"
+    };
+});
+
+CodeMirror.defineMIME("text/css", "css");
+CodeMirror.defineMode("htmlmixed", function(config, parserConfig) {
+    var htmlMode = CodeMirror.getMode(config, {name: "xml", htmlMode: true});
+    var jsMode = CodeMirror.getMode(config, "javascript");
+    var cssMode = CodeMirror.getMode(config, "css");
+
+    function html(stream, state) {
+        var style = htmlMode.token(stream, state.htmlState);
+        if (style == "tag" && stream.current() == ">" && state.htmlState.context) {
+            if (/^script$/i.test(state.htmlState.context.tagName)) {
+                state.token = javascript;
+                state.localState = jsMode.startState(htmlMode.indent(state.htmlState, ""));
+                state.mode = "javascript";
+            }
+            else if (/^style$/i.test(state.htmlState.context.tagName)) {
+                state.token = css;
+                state.localState = cssMode.startState(htmlMode.indent(state.htmlState, ""));
+                state.mode = "css";
+            }
+        }
+        return style;
+    }
+    function maybeBackup(stream, pat, style) {
+        var cur = stream.current();
+        var close = cur.search(pat);
+        if (close > -1) stream.backUp(cur.length - close);
+        return style;
+    }
+    function javascript(stream, state) {
+        if (stream.match(/^<\/\s*script\s*>/i, false)) {
+            state.token = html;
+            state.curState = null;
+            state.mode = "html";
+            return html(stream, state);
+        }
+        return maybeBackup(stream, /<\/\s*script\s*>/,
+            jsMode.token(stream, state.localState));
+    }
+    function css(stream, state) {
+        if (stream.match(/^<\/\s*style\s*>/i, false)) {
+            state.token = html;
+            state.localState = null;
+            state.mode = "html";
+            return html(stream, state);
+        }
+        return maybeBackup(stream, /<\/\s*style\s*>/,
+            cssMode.token(stream, state.localState));
+    }
+
+    return {
+        startState: function() {
+            var state = htmlMode.startState();
+            return {token: html, localState: null, mode: "html", htmlState: state};
+        },
+
+        copyState: function(state) {
+            if (state.localState)
+                var local = CodeMirror.copyState(state.token == css ? cssMode : jsMode, state.localState);
+            return {token: state.token, localState: local, mode: state.mode,
+                htmlState: CodeMirror.copyState(htmlMode, state.htmlState)};
+        },
+
+        token: function(stream, state) {
+            return state.token(stream, state);
+        },
+
+        indent: function(state, textAfter) {
+            if (state.token == html || /^\s*<\//.test(textAfter))
+                return htmlMode.indent(state.htmlState, textAfter);
+            else if (state.token == javascript)
+                return jsMode.indent(state.localState, textAfter);
+            else
+                return cssMode.indent(state.localState, textAfter);
+        },
+
+        compareStates: function(a, b) {
+            return htmlMode.compareStates(a.htmlState, b.htmlState);
+        },
+
+        electricChars: "/{}:"
+    }
+});
+
+CodeMirror.defineMIME("text/html", "htmlmixed");
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/mootools-adapter.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/mootools-adapter.js
new file mode 100644
index 000000000..50fb0f428
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/mootools-adapter.js
@@ -0,0 +1,13 @@
+/*
+ Highcharts JS v3.0.6 (2013-10-04)
+ MooTools adapter
+
+ (c) 2010-2013 Torstein Hønsi
+
+ License: www.highcharts.com/license
+*/
+(function(){var e=window,h=document,f=e.MooTools.version.substring(0,3),i=f==="1.2"||f==="1.1",j=i||f==="1.3",g=e.$extend||function(){return Object.append.apply(Object,arguments)};e.HighchartsAdapter={init:function(a){var b=Fx.prototype,c=b.start,d=Fx.Morph.prototype,e=d.compute;b.start=function(b,d){var e=this.element;if(b.d)this.paths=a.init(e,e.d,this.toD);c.apply(this,arguments);return this};d.compute=function(b,c,d){var f=this.paths;if(f)this.element.attr("d",a.step(f[0],f[1],d,this.toD));else return e.apply(this,
+arguments)}},adapterRun:function(a,b){if(b==="width"||b==="height")return parseInt($(a).getStyle(b),10)},getScript:function(a,b){var c=h.getElementsByTagName("head")[0],d=h.createElement("script");d.type="text/javascript";d.src=a;d.onload=b;c.appendChild(d)},animate:function(a,b,c){var d=a.attr,f=c&&c.complete;if(d&&!a.setStyle)a.getStyle=a.attr,a.setStyle=function(){var a=arguments;this.attr.call(this,a[0],a[1][0])},a.$family=function(){return!0};e.HighchartsAdapter.stop(a);c=new Fx.Morph(d?a:$(a),
+g({transition:Fx.Transitions.Quad.easeInOut},c));if(d)c.element=a;if(b.d)c.toD=b.d;f&&c.addEvent("complete",f);c.start(b);a.fx=c},each:function(a,b){return i?$each(a,b):Array.each(a,b)},map:function(a,b){return a.map(b)},grep:function(a,b){return a.filter(b)},inArray:function(a,b,c){return b?b.indexOf(a,c):-1},offset:function(a){a=a.getPosition();return{left:a.x,top:a.y}},extendWithEvents:function(a){a.addEvent||(a.nodeName?$(a):g(a,new Events))},addEvent:function(a,b,c){typeof b==="string"&&(b===
+"unload"&&(b="beforeunload"),e.HighchartsAdapter.extendWithEvents(a),a.addEvent(b,c))},removeEvent:function(a,b,c){typeof a!=="string"&&a.addEvent&&(b?(b==="unload"&&(b="beforeunload"),c?a.removeEvent(b,c):a.removeEvents&&a.removeEvents(b)):a.removeEvents())},fireEvent:function(a,b,c,d){b={type:b,target:a};b=j?new Event(b):new DOMEvent(b);b=g(b,c);if(!b.target&&b.event)b.target=b.event.target;b.preventDefault=function(){d=null};a.fireEvent&&a.fireEvent(b.type,b);d&&d(b)},washMouseEvent:function(a){if(a.page)a.pageX=
+a.page.x,a.pageY=a.page.y;return a},stop:function(a){a.fx&&a.fx.cancel()}}})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/mootools-adapter.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/mootools-adapter.src.js
new file mode 100644
index 000000000..a310f0b72
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/mootools-adapter.src.js
@@ -0,0 +1,313 @@
+/**
+ * @license Highcharts JS v3.0.6 (2013-10-04)
+ * MooTools adapter
+ *
+ * (c) 2010-2013 Torstein Hønsi
+ *
+ * License: www.highcharts.com/license
+ */
+
+// JSLint options:
+/*global Fx, $, $extend, $each, $merge, Events, Event, DOMEvent */
+
+(function () {
+
+var win = window,
+	doc = document,
+	mooVersion = win.MooTools.version.substring(0, 3), // Get the first three characters of the version number
+	legacy = mooVersion === '1.2' || mooVersion === '1.1', // 1.1 && 1.2 considered legacy, 1.3 is not.
+	legacyEvent = legacy || mooVersion === '1.3', // In versions 1.1 - 1.3 the event class is named Event, in newer versions it is named DOMEvent.
+	$extend = win.$extend || function () {
+		return Object.append.apply(Object, arguments);
+	};
+
+win.HighchartsAdapter = {
+	/**
+	 * Initialize the adapter. This is run once as Highcharts is first run.
+	 * @param {Object} pathAnim The helper object to do animations across adapters.
+	 */
+	init: function (pathAnim) {
+		var fxProto = Fx.prototype,
+			fxStart = fxProto.start,
+			morphProto = Fx.Morph.prototype,
+			morphCompute = morphProto.compute;
+
+		// override Fx.start to allow animation of SVG element wrappers
+		/*jslint unparam: true*//* allow unused parameters in fx functions */
+		fxProto.start = function (from, to) {
+			var fx = this,
+				elem = fx.element;
+
+			// special for animating paths
+			if (from.d) {
+				//this.fromD = this.element.d.split(' ');
+				fx.paths = pathAnim.init(
+					elem,
+					elem.d,
+					fx.toD
+				);
+			}
+			fxStart.apply(fx, arguments);
+
+			return this; // chainable
+		};
+
+		// override Fx.step to allow animation of SVG element wrappers
+		morphProto.compute = function (from, to, delta) {
+			var fx = this,
+				paths = fx.paths;
+
+			if (paths) {
+				fx.element.attr(
+					'd',
+					pathAnim.step(paths[0], paths[1], delta, fx.toD)
+				);
+			} else {
+				return morphCompute.apply(fx, arguments);
+			}
+		};
+		/*jslint unparam: false*/
+	},
+	
+	/**
+	 * Run a general method on the framework, following jQuery syntax
+	 * @param {Object} el The HTML element
+	 * @param {String} method Which method to run on the wrapped element
+	 */
+	adapterRun: function (el, method) {
+		
+		// This currently works for getting inner width and height. If adding
+		// more methods later, we need a conditional implementation for each.
+		if (method === 'width' || method === 'height') {
+			return parseInt($(el).getStyle(method), 10);
+		}
+	},
+
+	/**
+	 * Downloads a script and executes a callback when done.
+	 * @param {String} scriptLocation
+	 * @param {Function} callback
+	 */
+	getScript: function (scriptLocation, callback) {
+		// We cannot assume that Assets class from mootools-more is available so instead insert a script tag to download script.
+		var head = doc.getElementsByTagName('head')[0];
+		var script = doc.createElement('script');
+
+		script.type = 'text/javascript';
+		script.src = scriptLocation;
+		script.onload = callback;
+
+		head.appendChild(script);
+	},
+
+	/**
+	 * Animate a HTML element or SVG element wrapper
+	 * @param {Object} el
+	 * @param {Object} params
+	 * @param {Object} options jQuery-like animation options: duration, easing, callback
+	 */
+	animate: function (el, params, options) {
+		var isSVGElement = el.attr,
+			effect,
+			complete = options && options.complete;
+
+		if (isSVGElement && !el.setStyle) {
+			// add setStyle and getStyle methods for internal use in Moo
+			el.getStyle = el.attr;
+			el.setStyle = function () { // property value is given as array in Moo - break it down
+				var args = arguments;
+				this.attr.call(this, args[0], args[1][0]);
+			};
+			// dirty hack to trick Moo into handling el as an element wrapper
+			el.$family = function () { return true; };
+		}
+
+		// stop running animations
+		win.HighchartsAdapter.stop(el);
+
+		// define and run the effect
+		effect = new Fx.Morph(
+			isSVGElement ? el : $(el),
+			$extend({
+				transition: Fx.Transitions.Quad.easeInOut
+			}, options)
+		);
+
+		// Make sure that the element reference is set when animating svg elements
+		if (isSVGElement) {
+			effect.element = el;
+		}
+
+		// special treatment for paths
+		if (params.d) {
+			effect.toD = params.d;
+		}
+
+		// jQuery-like events
+		if (complete) {
+			effect.addEvent('complete', complete);
+		}
+
+		// run
+		effect.start(params);
+
+		// record for use in stop method
+		el.fx = effect;
+	},
+
+	/**
+	 * MooTool's each function
+	 *
+	 */
+	each: function (arr, fn) {
+		return legacy ?
+			$each(arr, fn) :
+			Array.each(arr, fn);
+	},
+
+	/**
+	 * Map an array
+	 * @param {Array} arr
+	 * @param {Function} fn
+	 */
+	map: function (arr, fn) {
+		return arr.map(fn);
+	},
+
+	/**
+	 * Grep or filter an array
+	 * @param {Array} arr
+	 * @param {Function} fn
+	 */
+	grep: function (arr, fn) {
+		return arr.filter(fn);
+	},
+	
+	/**
+	 * Return the index of an item in an array, or -1 if not matched
+	 */
+	inArray: function (item, arr, from) {
+		return arr ? arr.indexOf(item, from) : -1;
+	},
+
+	/**
+	 * Get the offset of an element relative to the top left corner of the web page
+	 */
+	offset: function (el) {
+		var offsets = el.getPosition(); // #1496
+		return {
+			left: offsets.x,
+			top: offsets.y
+		};
+	},
+
+	/**
+	 * Extends an object with Events, if its not done
+	 */
+	extendWithEvents: function (el) {
+		// if the addEvent method is not defined, el is a custom Highcharts object
+		// like series or point
+		if (!el.addEvent) {
+			if (el.nodeName) {
+				el = $(el); // a dynamically generated node
+			} else {
+				$extend(el, new Events()); // a custom object
+			}
+		}
+	},
+
+	/**
+	 * Add an event listener
+	 * @param {Object} el HTML element or custom object
+	 * @param {String} type Event type
+	 * @param {Function} fn Event handler
+	 */
+	addEvent: function (el, type, fn) {
+		if (typeof type === 'string') { // chart broke due to el being string, type function
+
+			if (type === 'unload') { // Moo self destructs before custom unload events
+				type = 'beforeunload';
+			}
+
+			win.HighchartsAdapter.extendWithEvents(el);
+
+			el.addEvent(type, fn);
+		}
+	},
+
+	removeEvent: function (el, type, fn) {
+		if (typeof el === 'string') {
+			// el.removeEvents below apperantly calls this method again. Do not quite understand why, so for now just bail out.
+			return;
+		}
+		
+		if (el.addEvent) { // If el doesn't have an addEvent method, there are no events to remove
+			if (type) {
+				if (type === 'unload') { // Moo self destructs before custom unload events
+					type = 'beforeunload';
+				}
+	
+				if (fn) {
+					el.removeEvent(type, fn);
+				} else if (el.removeEvents) { // #958
+					el.removeEvents(type);
+				}
+			} else {
+				el.removeEvents();
+			}
+		}
+	},
+
+	fireEvent: function (el, event, eventArguments, defaultFunction) {
+		var eventArgs = {
+			type: event,
+			target: el
+		};
+		// create an event object that keeps all functions
+		event = legacyEvent ? new Event(eventArgs) : new DOMEvent(eventArgs);
+		event = $extend(event, eventArguments);
+
+		// When running an event on the Chart.prototype, MooTools nests the target in event.event
+		if (!event.target && event.event) {
+			event.target = event.event.target;
+		}
+
+		// override the preventDefault function to be able to use
+		// this for custom events
+		event.preventDefault = function () {
+			defaultFunction = null;
+		};
+		// if fireEvent is not available on the object, there hasn't been added
+		// any events to it above
+		if (el.fireEvent) {
+			el.fireEvent(event.type, event);
+		}
+
+		// fire the default if it is passed and it is not prevented above
+		if (defaultFunction) {
+			defaultFunction(event);
+		}
+	},
+	
+	/**
+	 * Set back e.pageX and e.pageY that MooTools has abstracted away. #1165, #1346.
+	 */
+	washMouseEvent: function (e) {
+		if (e.page) {
+			e.pageX = e.page.x;
+			e.pageY = e.page.y;
+		}
+		return e;
+	},
+
+	/**
+	 * Stop running animations on the object
+	 */
+	stop: function (el) {
+		if (el.fx) {
+			el.fx.cancel();
+		}
+	}
+};
+
+}());
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/prototype-adapter.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/prototype-adapter.js
new file mode 100644
index 000000000..8a57ccaef
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/prototype-adapter.js
@@ -0,0 +1,15 @@
+/*
+ Highcharts JS v3.0.6 (2013-10-04)
+ Prototype adapter
+
+ @author Michael Nelson, Torstein Hønsi.
+
+ Feel free to use and modify this script.
+ Highcharts license: www.highcharts.com/license.
+*/
+var HighchartsAdapter=function(){var f=typeof Effect!=="undefined";return{init:function(a){if(f)Effect.HighchartsTransition=Class.create(Effect.Base,{initialize:function(b,c,d,g){var e;this.element=b;this.key=c;e=b.attr?b.attr(c):$(b).getStyle(c);if(c==="d")this.paths=a.init(b,b.d,d),this.toD=d,e=0,d=1;this.start(Object.extend(g||{},{from:e,to:d,attribute:c}))},setup:function(){HighchartsAdapter._extend(this.element);if(!this.element._highchart_animation)this.element._highchart_animation={};this.element._highchart_animation[this.key]=
+this},update:function(b){var c=this.paths,d=this.element;c&&(b=a.step(c[0],c[1],b,this.toD));d.attr?d.element&&d.attr(this.options.attribute,b):(c={},c[this.options.attribute]=b,$(d).setStyle(c))},finish:function(){this.element&&this.element._highchart_animation&&delete this.element._highchart_animation[this.key]}})},adapterRun:function(a,b){return parseInt($(a).getStyle(b),10)},getScript:function(a,b){var c=$$("head")[0];c&&c.appendChild((new Element("script",{type:"text/javascript",src:a})).observe("load",
+b))},addNS:function(a){var b=/^(?:click|mouse(?:down|up|over|move|out))$/;return/^(?:load|unload|abort|error|select|change|submit|reset|focus|blur|resize|scroll)$/.test(a)||b.test(a)?a:"h:"+a},addEvent:function(a,b,c){a.addEventListener||a.attachEvent?Event.observe($(a),HighchartsAdapter.addNS(b),c):(HighchartsAdapter._extend(a),a._highcharts_observe(b,c))},animate:function(a,b,c){var d,c=c||{};c.delay=0;c.duration=(c.duration||500)/1E3;c.afterFinish=c.complete;if(f)for(d in b)new Effect.HighchartsTransition($(a),
+d,b[d],c);else{if(a.attr)for(d in b)a.attr(d,b[d]);c.complete&&c.complete()}a.attr||$(a).setStyle(b)},stop:function(a){var b;if(a._highcharts_extended&&a._highchart_animation)for(b in a._highchart_animation)a._highchart_animation[b].cancel()},each:function(a,b){$A(a).each(b)},inArray:function(a,b,c){return b?b.indexOf(a,c):-1},offset:function(a){return $(a).cumulativeOffset()},fireEvent:function(a,b,c,d){a.fire?a.fire(HighchartsAdapter.addNS(b),c):a._highcharts_extended&&(c=c||{},a._highcharts_fire(b,
+c));c&&c.defaultPrevented&&(d=null);d&&d(c)},removeEvent:function(a,b,c){$(a).stopObserving&&(b&&(b=HighchartsAdapter.addNS(b)),$(a).stopObserving(b,c));window===a?Event.stopObserving(a,b,c):(HighchartsAdapter._extend(a),a._highcharts_stop_observing(b,c))},washMouseEvent:function(a){return a},grep:function(a,b){return a.findAll(b)},map:function(a,b){return a.map(b)},_extend:function(a){a._highcharts_extended||Object.extend(a,{_highchart_events:{},_highchart_animation:null,_highcharts_extended:!0,
+_highcharts_observe:function(b,a){this._highchart_events[b]=[this._highchart_events[b],a].compact().flatten()},_highcharts_stop_observing:function(b,a){b?a?this._highchart_events[b]=[this._highchart_events[b]].compact().flatten().without(a):delete this._highchart_events[b]:this._highchart_events={}},_highcharts_fire:function(a,c){var d=this;(this._highchart_events[a]||[]).each(function(a){if(!c.stopped)c.preventDefault=function(){c.defaultPrevented=!0},c.target=d,a.bind(this)(c)===!1&&c.preventDefault()}.bind(this))}})}}}();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/prototype-adapter.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/prototype-adapter.src.js
new file mode 100644
index 000000000..9c8529e4c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/prototype-adapter.src.js
@@ -0,0 +1,316 @@
+/**
+ * @license Highcharts JS v3.0.6 (2013-10-04)
+ * Prototype adapter
+ *
+ * @author Michael Nelson, Torstein Hønsi.
+ *
+ * Feel free to use and modify this script.
+ * Highcharts license: www.highcharts.com/license.
+ */
+
+// JSLint options:
+/*global Effect, Class, Event, Element, $, $$, $A */
+
+// Adapter interface between prototype and the Highcharts charting library
+var HighchartsAdapter = (function () {
+
+var hasEffect = typeof Effect !== 'undefined';
+
+return {
+
+	/**
+	 * Initialize the adapter. This is run once as Highcharts is first run.
+	 * @param {Object} pathAnim The helper object to do animations across adapters.
+	 */
+	init: function (pathAnim) {
+		if (hasEffect) {
+			/**
+			 * Animation for Highcharts SVG element wrappers only
+			 * @param {Object} element
+			 * @param {Object} attribute
+			 * @param {Object} to
+			 * @param {Object} options
+			 */
+			Effect.HighchartsTransition = Class.create(Effect.Base, {
+				initialize: function (element, attr, to, options) {
+					var from,
+						opts;
+
+					this.element = element;
+					this.key = attr;
+					from = element.attr ? element.attr(attr) : $(element).getStyle(attr);
+
+					// special treatment for paths
+					if (attr === 'd') {
+						this.paths = pathAnim.init(
+							element,
+							element.d,
+							to
+						);
+						this.toD = to;
+
+
+						// fake values in order to read relative position as a float in update
+						from = 0;
+						to = 1;
+					}
+
+					opts = Object.extend((options || {}), {
+						from: from,
+						to: to,
+						attribute: attr
+					});
+					this.start(opts);
+				},
+				setup: function () {
+					HighchartsAdapter._extend(this.element);
+					// If this is the first animation on this object, create the _highcharts_animation helper that
+					// contain pointers to the animation objects.
+					if (!this.element._highchart_animation) {
+						this.element._highchart_animation = {};
+					}
+
+					// Store a reference to this animation instance.
+					this.element._highchart_animation[this.key] = this;
+				},
+				update: function (position) {
+					var paths = this.paths,
+						element = this.element,
+						obj;
+
+					if (paths) {
+						position = pathAnim.step(paths[0], paths[1], position, this.toD);
+					}
+
+					if (element.attr) { // SVGElement
+						
+						if (element.element) { // If not, it has been destroyed (#1405)
+							element.attr(this.options.attribute, position);
+						}
+					
+					} else { // HTML, #409
+						obj = {};
+						obj[this.options.attribute] = position;
+						$(element).setStyle(obj);
+					}
+					
+				},
+				finish: function () {
+					// Delete the property that holds this animation now that it is finished.
+					// Both canceled animations and complete ones gets a 'finish' call.
+					if (this.element && this.element._highchart_animation) { // #1405
+						delete this.element._highchart_animation[this.key];
+					}
+				}
+			});
+		}
+	},
+	
+	/**
+	 * Run a general method on the framework, following jQuery syntax
+	 * @param {Object} el The HTML element
+	 * @param {String} method Which method to run on the wrapped element
+	 */
+	adapterRun: function (el, method) {
+		
+		// This currently works for getting inner width and height. If adding
+		// more methods later, we need a conditional implementation for each.
+		return parseInt($(el).getStyle(method), 10);
+		
+	},
+
+	/**
+	 * Downloads a script and executes a callback when done.
+	 * @param {String} scriptLocation
+	 * @param {Function} callback
+	 */
+	getScript: function (scriptLocation, callback) {
+		var head = $$('head')[0]; // Returns an array, so pick the first element.
+		if (head) {
+			// Append a new 'script' element, set its type and src attributes, add a 'load' handler that calls the callback
+			head.appendChild(new Element('script', { type: 'text/javascript', src: scriptLocation}).observe('load', callback));
+		}
+	},
+
+	/**
+	 * Custom events in prototype needs to be namespaced. This method adds a namespace 'h:' in front of
+	 * events that are not recognized as native.
+	 */
+	addNS: function (eventName) {
+		var HTMLEvents = /^(?:load|unload|abort|error|select|change|submit|reset|focus|blur|resize|scroll)$/,
+			MouseEvents = /^(?:click|mouse(?:down|up|over|move|out))$/;
+		return (HTMLEvents.test(eventName) || MouseEvents.test(eventName)) ?
+			eventName :
+			'h:' + eventName;
+	},
+
+	// el needs an event to be attached. el is not necessarily a dom element
+	addEvent: function (el, event, fn) {
+		if (el.addEventListener || el.attachEvent) {
+			Event.observe($(el), HighchartsAdapter.addNS(event), fn);
+
+		} else {
+			HighchartsAdapter._extend(el);
+			el._highcharts_observe(event, fn);
+		}
+	},
+
+	// motion makes things pretty. use it if effects is loaded, if not... still get to the end result.
+	animate: function (el, params, options) {
+		var key,
+			fx;
+
+		// default options
+		options = options || {};
+		options.delay = 0;
+		options.duration = (options.duration || 500) / 1000;
+		options.afterFinish = options.complete;
+
+		// animate wrappers and DOM elements
+		if (hasEffect) {
+			for (key in params) {
+				// The fx variable is seemingly thrown away here, but the Effect.setup will add itself to the _highcharts_animation object
+				// on the element itself so its not really lost.
+				fx = new Effect.HighchartsTransition($(el), key, params[key], options);
+			}
+		} else {
+			if (el.attr) { // #409 without effects
+				for (key in params) {
+					el.attr(key, params[key]);
+				}
+			}
+			if (options.complete) {
+				options.complete();
+			}
+		}
+
+		if (!el.attr) { // HTML element, #409
+			$(el).setStyle(params);
+		}
+	},
+
+	// this only occurs in higcharts 2.0+
+	stop: function (el) {
+		var key;
+		if (el._highcharts_extended && el._highchart_animation) {
+			for (key in el._highchart_animation) {
+				// Cancel the animation
+				// The 'finish' function in the Effect object will remove the reference
+				el._highchart_animation[key].cancel();
+			}
+		}
+	},
+
+	// um.. each
+	each: function (arr, fn) {
+		$A(arr).each(fn);
+	},
+	
+	inArray: function (item, arr, from) {
+		return arr ? arr.indexOf(item, from) : -1;
+	},
+
+	/**
+	 * Get the cumulative offset relative to the top left of the page. This method, unlike its
+	 * jQuery and MooTools counterpart, still suffers from issue #208 regarding the position
+	 * of a chart within a fixed container.
+	 */
+	offset: function (el) {
+		return $(el).cumulativeOffset();
+	},
+
+	// fire an event based on an event name (event) and an object (el).
+	// again, el may not be a dom element
+	fireEvent: function (el, event, eventArguments, defaultFunction) {
+		if (el.fire) {
+			el.fire(HighchartsAdapter.addNS(event), eventArguments);
+		} else if (el._highcharts_extended) {
+			eventArguments = eventArguments || {};
+			el._highcharts_fire(event, eventArguments);
+		}
+
+		if (eventArguments && eventArguments.defaultPrevented) {
+			defaultFunction = null;
+		}
+
+		if (defaultFunction) {
+			defaultFunction(eventArguments);
+		}
+	},
+
+	removeEvent: function (el, event, handler) {
+		if ($(el).stopObserving) {
+			if (event) {
+				event = HighchartsAdapter.addNS(event);
+			}
+			$(el).stopObserving(event, handler);
+		} if (window === el) {
+			Event.stopObserving(el, event, handler);
+		} else {
+			HighchartsAdapter._extend(el);
+			el._highcharts_stop_observing(event, handler);
+		}
+	},
+	
+	washMouseEvent: function (e) {
+		return e;
+	},
+
+	// um, grep
+	grep: function (arr, fn) {
+		return arr.findAll(fn);
+	},
+
+	// um, map
+	map: function (arr, fn) {
+		return arr.map(fn);
+	},
+
+	// extend an object to handle highchart events (highchart objects, not svg elements).
+	// this is a very simple way of handling events but whatever, it works (i think)
+	_extend: function (object) {
+		if (!object._highcharts_extended) {
+			Object.extend(object, {
+				_highchart_events: {},
+				_highchart_animation: null,
+				_highcharts_extended: true,
+				_highcharts_observe: function (name, fn) {
+					this._highchart_events[name] = [this._highchart_events[name], fn].compact().flatten();
+				},
+				_highcharts_stop_observing: function (name, fn) {
+					if (name) {
+						if (fn) {
+							this._highchart_events[name] = [this._highchart_events[name]].compact().flatten().without(fn);
+						} else {
+							delete this._highchart_events[name];
+						}
+					} else {
+						this._highchart_events = {};
+					}
+				},
+				_highcharts_fire: function (name, args) {
+					var target = this;
+					(this._highchart_events[name] || []).each(function (fn) {
+						// args is never null here
+						if (args.stopped) {
+							return; // "throw $break" wasn't working. i think because of the scope of 'this'.
+						}
+
+						// Attach a simple preventDefault function to skip default handler if called
+						args.preventDefault = function () {
+							args.defaultPrevented = true;
+						};
+						args.target = target;
+
+						// If the event handler return false, prevent the default handler from executing
+						if (fn.bind(this)(args) === false) {
+							args.preventDefault();
+						}
+					}
+.bind(this));
+				}
+			});
+		}
+	}
+};
+}());
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/standalone-framework.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/standalone-framework.js
new file mode 100644
index 000000000..70a92db80
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/standalone-framework.js
@@ -0,0 +1,17 @@
+/*
+ Highcharts JS v3.0.6 (2013-10-04)
+
+ Standalone Highcharts Framework
+
+ License: MIT License
+*/
+var HighchartsAdapter=function(){function o(c){function a(a,b,d){a.removeEventListener(b,d,!1)}function d(a,b,d){d=a.HCProxiedMethods[d.toString()];a.detachEvent("on"+b,d)}function b(b,c){var f=b.HCEvents,i,g,k,j;if(b.removeEventListener)i=a;else if(b.attachEvent)i=d;else return;c?(g={},g[c]=!0):g=f;for(j in g)if(f[j])for(k=f[j].length;k--;)i(b,j,f[j][k])}c.HCExtended||Highcharts.extend(c,{HCExtended:!0,HCEvents:{},bind:function(b,a){var d=this,c=this.HCEvents,g;if(d.addEventListener)d.addEventListener(b,
+a,!1);else if(d.attachEvent){g=function(b){a.call(d,b)};if(!d.HCProxiedMethods)d.HCProxiedMethods={};d.HCProxiedMethods[a.toString()]=g;d.attachEvent("on"+b,g)}c[b]===r&&(c[b]=[]);c[b].push(a)},unbind:function(c,h){var f,i;c?(f=this.HCEvents[c]||[],h?(i=HighchartsAdapter.inArray(h,f),i>-1&&(f.splice(i,1),this.HCEvents[c]=f),this.removeEventListener?a(this,c,h):this.attachEvent&&d(this,c,h)):(b(this,c),this.HCEvents[c]=[])):(b(this),this.HCEvents={})},trigger:function(b,a){var d=this.HCEvents[b]||
+[],c=d.length,g,k,j;k=function(){a.defaultPrevented=!0};for(g=0;g<c;g++){j=d[g];if(a.stopped)break;a.preventDefault=k;a.target=this;a.type=b;j.call(this,a)===!1&&a.preventDefault()}}});return c}var r,l=document,p=[],m=[],q,n;Math.easeInOutSine=function(c,a,d,b){return-d/2*(Math.cos(Math.PI*c/b)-1)+a};return{init:function(c){if(!l.defaultView)this._getStyle=function(a,d){var b;return a.style[d]?a.style[d]:(d==="opacity"&&(d="filter"),b=a.currentStyle[d.replace(/\-(\w)/g,function(a,b){return b.toUpperCase()})],
+d==="filter"&&(b=b.replace(/alpha\(opacity=([0-9]+)\)/,function(b,a){return a/100})),b===""?1:b)},this.adapterRun=function(a,d){var b={width:"clientWidth",height:"clientHeight"}[d];if(b)return a.style.zoom=1,a[b]-2*parseInt(HighchartsAdapter._getStyle(a,"padding"),10)};if(!Array.prototype.forEach)this.each=function(a,d){for(var b=0,c=a.length;b<c;b++)if(d.call(a[b],a[b],b,a)===!1)return b};if(!Array.prototype.indexOf)this.inArray=function(a,d){var b,c=0;if(d)for(b=d.length;c<b;c++)if(d[c]===a)return c;
+return-1};if(!Array.prototype.filter)this.grep=function(a,d){for(var b=[],c=0,h=a.length;c<h;c++)d(a[c],c)&&b.push(a[c]);return b};n=function(a,c,b){this.options=c;this.elem=a;this.prop=b};n.prototype={update:function(){var a;a=this.paths;var d=this.elem,b=d.element;a&&b?d.attr("d",c.step(a[0],a[1],this.now,this.toD)):d.attr?b&&d.attr(this.prop,this.now):(a={},a[d]=this.now+this.unit,Highcharts.css(d,a));this.options.step&&this.options.step.call(this.elem,this.now,this)},custom:function(a,c,b){var e=
+this,h=function(a){return e.step(a)},f;this.startTime=+new Date;this.start=a;this.end=c;this.unit=b;this.now=this.start;this.pos=this.state=0;h.elem=this.elem;h()&&m.push(h)===1&&(q=setInterval(function(){for(f=0;f<m.length;f++)m[f]()||m.splice(f--,1);m.length||clearInterval(q)},13))},step:function(a){var c=+new Date,b;b=this.options;var e;if(this.elem.stopAnimation)b=!1;else if(a||c>=b.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();a=this.options.curAnim[this.prop]=
+!0;for(e in b.curAnim)b.curAnim[e]!==!0&&(a=!1);a&&b.complete&&b.complete.call(this.elem);b=!1}else e=c-this.startTime,this.state=e/b.duration,this.pos=b.easing(e,0,1,b.duration),this.now=this.start+(this.end-this.start)*this.pos,this.update(),b=!0;return b}};this.animate=function(a,d,b){var e,h="",f,i,g;a.stopAnimation=!1;if(typeof b!=="object"||b===null)e=arguments,b={duration:e[2],easing:e[3],complete:e[4]};if(typeof b.duration!=="number")b.duration=400;b.easing=Math[b.easing]||Math.easeInOutSine;
+b.curAnim=Highcharts.extend({},d);for(g in d)i=new n(a,b,g),f=null,g==="d"?(i.paths=c.init(a,a.d,d.d),i.toD=d.d,e=0,f=1):a.attr?e=a.attr(g):(e=parseFloat(HighchartsAdapter._getStyle(a,g))||0,g!=="opacity"&&(h="px")),f||(f=parseFloat(d[g])),i.custom(e,f,h)}},_getStyle:function(c,a){return window.getComputedStyle(c).getPropertyValue(a)},getScript:function(c,a){var d=l.getElementsByTagName("head")[0],b=l.createElement("script");b.type="text/javascript";b.src=c;b.onload=a;d.appendChild(b)},inArray:function(c,
+a){return a.indexOf?a.indexOf(c):p.indexOf.call(a,c)},adapterRun:function(c,a){return parseInt(HighchartsAdapter._getStyle(c,a),10)},grep:function(c,a){return p.filter.call(c,a)},map:function(c,a){for(var d=[],b=0,e=c.length;b<e;b++)d[b]=a.call(c[b],c[b],b,c);return d},offset:function(c){for(var a=0,d=0;c;)a+=c.offsetLeft,d+=c.offsetTop,c=c.offsetParent;return{left:a,top:d}},addEvent:function(c,a,d){o(c).bind(a,d)},removeEvent:function(c,a,d){o(c).unbind(a,d)},fireEvent:function(c,a,d,b){var e;l.createEvent&&
+(c.dispatchEvent||c.fireEvent)?(e=l.createEvent("Events"),e.initEvent(a,!0,!0),e.target=c,Highcharts.extend(e,d),c.dispatchEvent?c.dispatchEvent(e):c.fireEvent(a,e)):c.HCExtended===!0&&(d=d||{},c.trigger(a,d));d&&d.defaultPrevented&&(b=null);b&&b(d)},washMouseEvent:function(c){return c},stop:function(c){c.stopAnimation=!0},each:function(c,a){return Array.prototype.forEach.call(c,a)}}}();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/standalone-framework.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/standalone-framework.src.js
new file mode 100644
index 000000000..8e9831d09
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/adapters/standalone-framework.src.js
@@ -0,0 +1,583 @@
+/**
+ * @license Highcharts JS v3.0.6 (2013-10-04)
+ *
+ * Standalone Highcharts Framework
+ *
+ * License: MIT License
+ */
+
+
+/*global Highcharts */
+var HighchartsAdapter = (function () {
+
+var UNDEFINED,
+	doc = document,
+	emptyArray = [],
+	timers = [],
+	timerId,
+	Fx;
+
+Math.easeInOutSine = function (t, b, c, d) {
+	return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b;
+};
+
+
+
+/**
+ * Extend given object with custom events
+ */
+function augment(obj) {
+	function removeOneEvent(el, type, fn) {
+		el.removeEventListener(type, fn, false);
+	}
+
+	function IERemoveOneEvent(el, type, fn) {
+		fn = el.HCProxiedMethods[fn.toString()];
+		el.detachEvent('on' + type, fn);
+	}
+
+	function removeAllEvents(el, type) {
+		var events = el.HCEvents,
+			remove,
+			types,
+			len,
+			n;
+
+		if (el.removeEventListener) {
+			remove = removeOneEvent;
+		} else if (el.attachEvent) {
+			remove = IERemoveOneEvent;
+		} else {
+			return; // break on non-DOM events
+		}
+
+
+		if (type) {
+			types = {};
+			types[type] = true;
+		} else {
+			types = events;
+		}
+
+		for (n in types) {
+			if (events[n]) {
+				len = events[n].length;
+				while (len--) {
+					remove(el, n, events[n][len]);
+				}
+			}
+		}
+	}
+
+	if (!obj.HCExtended) {
+		Highcharts.extend(obj, {
+			HCExtended: true,
+
+			HCEvents: {},
+
+			bind: function (name, fn) {
+				var el = this,
+					events = this.HCEvents,
+					wrappedFn;
+
+				// handle DOM events in modern browsers
+				if (el.addEventListener) {
+					el.addEventListener(name, fn, false);
+
+				// handle old IE implementation
+				} else if (el.attachEvent) {
+					
+					wrappedFn = function (e) {
+						fn.call(el, e);
+					};
+
+					if (!el.HCProxiedMethods) {
+						el.HCProxiedMethods = {};
+					}
+
+					// link wrapped fn with original fn, so we can get this in removeEvent
+					el.HCProxiedMethods[fn.toString()] = wrappedFn;
+
+					el.attachEvent('on' + name, wrappedFn);
+				}
+
+
+				if (events[name] === UNDEFINED) {
+					events[name] = [];
+				}
+
+				events[name].push(fn);
+			},
+
+			unbind: function (name, fn) {
+				var events,
+					index;
+
+				if (name) {
+					events = this.HCEvents[name] || [];
+					if (fn) {
+						index = HighchartsAdapter.inArray(fn, events);
+						if (index > -1) {
+							events.splice(index, 1);
+							this.HCEvents[name] = events;
+						}
+						if (this.removeEventListener) {
+							removeOneEvent(this, name, fn);
+						} else if (this.attachEvent) {
+							IERemoveOneEvent(this, name, fn);
+						}
+					} else {
+						removeAllEvents(this, name);
+						this.HCEvents[name] = [];
+					}
+				} else {
+					removeAllEvents(this);
+					this.HCEvents = {};
+				}
+			},
+
+			trigger: function (name, args) {
+				var events = this.HCEvents[name] || [],
+					target = this,
+					len = events.length,
+					i,
+					preventDefault,
+					fn;
+
+				// Attach a simple preventDefault function to skip default handler if called
+				preventDefault = function () {
+					args.defaultPrevented = true;
+				};
+				
+				for (i = 0; i < len; i++) {
+					fn = events[i];
+
+					// args is never null here
+					if (args.stopped) {
+						return;
+					}
+
+					args.preventDefault = preventDefault;
+					args.target = target;
+					args.type = name; // #2297	
+					
+					// If the event handler return false, prevent the default handler from executing
+					if (fn.call(this, args) === false) {
+						args.preventDefault();
+					}
+				}
+			}
+		});
+	}
+
+	return obj;
+}
+
+
+return {
+	/**
+	 * Initialize the adapter. This is run once as Highcharts is first run.
+	 */
+	init: function (pathAnim) {
+
+		/**
+		 * Compatibility section to add support for legacy IE. This can be removed if old IE 
+		 * support is not needed.
+		 */
+		if (!doc.defaultView) {
+			this._getStyle = function (el, prop) {
+				var val;
+				if (el.style[prop]) {
+					return el.style[prop];
+				} else {
+					if (prop === 'opacity') {
+						prop = 'filter';
+					}
+					/*jslint unparam: true*/
+					val = el.currentStyle[prop.replace(/\-(\w)/g, function (a, b) { return b.toUpperCase(); })];
+					if (prop === 'filter') {
+						val = val.replace(
+							/alpha\(opacity=([0-9]+)\)/, 
+							function (a, b) { 
+								return b / 100; 
+							}
+						);
+					}
+					/*jslint unparam: false*/
+					return val === '' ? 1 : val;
+				} 
+			};
+			this.adapterRun = function (elem, method) {
+				var alias = { width: 'clientWidth', height: 'clientHeight' }[method];
+
+				if (alias) {
+					elem.style.zoom = 1;
+					return elem[alias] - 2 * parseInt(HighchartsAdapter._getStyle(elem, 'padding'), 10);
+				}
+			};
+		}
+
+		if (!Array.prototype.forEach) {
+			this.each = function (arr, fn) { // legacy
+				var i = 0, 
+					len = arr.length;
+				for (; i < len; i++) {
+					if (fn.call(arr[i], arr[i], i, arr) === false) {
+						return i;
+					}
+				}
+			};
+		}
+
+		if (!Array.prototype.indexOf) {
+			this.inArray = function (item, arr) {
+				var len, 
+					i = 0;
+
+				if (arr) {
+					len = arr.length;
+					
+					for (; i < len; i++) {
+						if (arr[i] === item) {
+							return i;
+						}
+					}
+				}
+
+				return -1;
+			};
+		}
+
+		if (!Array.prototype.filter) {
+			this.grep = function (elements, callback) {
+				var ret = [],
+					i = 0,
+					length = elements.length;
+
+				for (; i < length; i++) {
+					if (!!callback(elements[i], i)) {
+						ret.push(elements[i]);
+					}
+				}
+
+				return ret;
+			};
+		}
+
+		//--- End compatibility section ---
+
+
+		/**
+		 * Start of animation specific code
+		 */
+		Fx = function (elem, options, prop) {
+			this.options = options;
+			this.elem = elem;
+			this.prop = prop;
+		};
+		Fx.prototype = {
+			
+			update: function () {
+				var styles,
+					paths = this.paths,
+					elem = this.elem,
+					elemelem = elem.element; // if destroyed, it is null
+
+				// Animating a path definition on SVGElement
+				if (paths && elemelem) {
+					elem.attr('d', pathAnim.step(paths[0], paths[1], this.now, this.toD));
+				
+				// Other animations on SVGElement
+				} else if (elem.attr) {
+					if (elemelem) {
+						elem.attr(this.prop, this.now);
+					}
+
+				// HTML styles
+				} else {
+					styles = {};
+					styles[elem] = this.now + this.unit;
+					Highcharts.css(elem, styles);
+				}
+				
+				if (this.options.step) {
+					this.options.step.call(this.elem, this.now, this);
+				}
+
+			},
+			custom: function (from, to, unit) {
+				var self = this,
+					t = function (gotoEnd) {
+						return self.step(gotoEnd);
+					},
+					i;
+
+				this.startTime = +new Date();
+				this.start = from;
+				this.end = to;
+				this.unit = unit;
+				this.now = this.start;
+				this.pos = this.state = 0;
+
+				t.elem = this.elem;
+
+				if (t() && timers.push(t) === 1) {
+					timerId = setInterval(function () {
+						
+						for (i = 0; i < timers.length; i++) {
+							if (!timers[i]()) {
+								timers.splice(i--, 1);
+							}
+						}
+
+						if (!timers.length) {
+							clearInterval(timerId);
+						}
+					}, 13);
+				}
+			},
+			
+			step: function (gotoEnd) {
+				var t = +new Date(),
+					ret,
+					done,
+					options = this.options,
+					i;
+
+				if (this.elem.stopAnimation) {
+					ret = false;
+
+				} else if (gotoEnd || t >= options.duration + this.startTime) {
+					this.now = this.end;
+					this.pos = this.state = 1;
+					this.update();
+
+					this.options.curAnim[this.prop] = true;
+
+					done = true;
+					for (i in options.curAnim) {
+						if (options.curAnim[i] !== true) {
+							done = false;
+						}
+					}
+
+					if (done) {
+						if (options.complete) {
+							options.complete.call(this.elem);
+						}
+					}
+					ret = false;
+
+				} else {
+					var n = t - this.startTime;
+					this.state = n / options.duration;
+					this.pos = options.easing(n, 0, 1, options.duration);
+					this.now = this.start + ((this.end - this.start) * this.pos);
+					this.update();
+					ret = true;
+				}
+				return ret;
+			}
+		};
+
+		/**
+		 * The adapter animate method
+		 */
+		this.animate = function (el, prop, opt) {
+			var start,
+				unit = '',
+				end,
+				fx,
+				args,
+				name;
+
+			el.stopAnimation = false; // ready for new
+
+			if (typeof opt !== 'object' || opt === null) {
+				args = arguments;
+				opt = {
+					duration: args[2],
+					easing: args[3],
+					complete: args[4]
+				};
+			}
+			if (typeof opt.duration !== 'number') {
+				opt.duration = 400;
+			}
+			opt.easing = Math[opt.easing] || Math.easeInOutSine;
+			opt.curAnim = Highcharts.extend({}, prop);
+			
+			for (name in prop) {
+				fx = new Fx(el, opt, name);
+				end = null;
+				
+				if (name === 'd') {
+					fx.paths = pathAnim.init(
+						el,
+						el.d,
+						prop.d
+					);
+					fx.toD = prop.d;
+					start = 0;
+					end = 1;
+				} else if (el.attr) {
+					start = el.attr(name);
+				} else {
+					start = parseFloat(HighchartsAdapter._getStyle(el, name)) || 0;
+					if (name !== 'opacity') {
+						unit = 'px';
+					}
+				}
+	
+				if (!end) {
+					end = parseFloat(prop[name]);
+				}
+				fx.custom(start, end, unit);
+			}	
+		};
+	},
+
+	/**
+	 * Internal method to return CSS value for given element and property
+	 */
+	_getStyle: function (el, prop) {
+		return window.getComputedStyle(el).getPropertyValue(prop);
+	},
+
+	/**
+	 * Downloads a script and executes a callback when done.
+	 * @param {String} scriptLocation
+	 * @param {Function} callback
+	 */
+	getScript: function (scriptLocation, callback) {
+		// We cannot assume that Assets class from mootools-more is available so instead insert a script tag to download script.
+		var head = doc.getElementsByTagName('head')[0],
+			script = doc.createElement('script');
+
+		script.type = 'text/javascript';
+		script.src = scriptLocation;
+		script.onload = callback;
+
+		head.appendChild(script);
+	},
+
+	/**
+	 * Return the index of an item in an array, or -1 if not found
+	 */
+	inArray: function (item, arr) {
+		return arr.indexOf ? arr.indexOf(item) : emptyArray.indexOf.call(arr, item);
+	},
+
+
+	/**
+	 * A direct link to adapter methods
+	 */
+	adapterRun: function (elem, method) {
+		return parseInt(HighchartsAdapter._getStyle(elem, method), 10);
+	},
+
+	/**
+	 * Filter an array
+	 */
+	grep: function (elements, callback) {
+		return emptyArray.filter.call(elements, callback);
+	},
+
+	/**
+	 * Map an array
+	 */
+	map: function (arr, fn) {
+		var results = [], i = 0, len = arr.length;
+
+		for (; i < len; i++) {
+			results[i] = fn.call(arr[i], arr[i], i, arr);
+		}
+
+		return results;
+	},
+
+	offset: function (el) {
+		var left = 0,
+			top = 0;
+
+		while (el) {
+			left += el.offsetLeft;
+			top += el.offsetTop;
+			el = el.offsetParent;
+		}
+
+		return {
+			left: left,
+			top: top
+		};
+	},
+
+	/**
+	 * Add an event listener
+	 */
+	addEvent: function (el, type, fn) {
+		augment(el).bind(type, fn);
+	},
+
+	/**
+	 * Remove event added with addEvent
+	 */
+	removeEvent: function (el, type, fn) {
+		augment(el).unbind(type, fn);
+	},
+
+	/**
+	 * Fire an event on a custom object
+	 */
+	fireEvent: function (el, type, eventArguments, defaultFunction) {
+		var e;
+
+		if (doc.createEvent && (el.dispatchEvent || el.fireEvent)) {
+			e = doc.createEvent('Events');
+			e.initEvent(type, true, true);
+			e.target = el;
+
+			Highcharts.extend(e, eventArguments);
+
+			if (el.dispatchEvent) {
+				el.dispatchEvent(e);
+			} else {
+				el.fireEvent(type, e);
+			}
+
+		} else if (el.HCExtended === true) {
+			eventArguments = eventArguments || {};
+			el.trigger(type, eventArguments);
+		}
+
+		if (eventArguments && eventArguments.defaultPrevented) {
+			defaultFunction = null;
+		}
+
+		if (defaultFunction) {
+			defaultFunction(eventArguments);
+		}
+	},
+
+	washMouseEvent: function (e) {
+		return e;
+	},
+
+
+	/**
+	 * Stop running animation
+	 */
+	stop: function (el) {
+		el.stopAnimation = true;
+	},
+
+	/**
+	 * Utility for iterating over an array. Parameters are reversed compared to jQuery.
+	 * @param {Array} arr
+	 * @param {Function} fn
+	 */
+	each: function (arr, fn) { // modern browsers
+		return Array.prototype.forEach.call(arr, fn);
+	}
+};
+}());
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts-more.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts-more.js
new file mode 100644
index 000000000..85af9f569
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts-more.js
@@ -0,0 +1,50 @@
+/*
+ Highcharts JS v3.0.6 (2013-10-04)
+
+ (c) 2009-2013 Torstein Hønsi
+
+ License: www.highcharts.com/license
+*/
+(function(j,C){function J(a,b,c){this.init.call(this,a,b,c)}function K(a,b,c){a.call(this,b,c);if(this.chart.polar)this.closeSegment=function(a){var c=this.xAxis.center;a.push("L",c[0],c[1])},this.closedStacks=!0}function L(a,b){var c=this.chart,d=this.options.animation,g=this.group,f=this.markerGroup,e=this.xAxis.center,i=c.plotLeft,n=c.plotTop;if(c.polar){if(c.renderer.isSVG)if(d===!0&&(d={}),b){if(c={translateX:e[0]+i,translateY:e[1]+n,scaleX:0.001,scaleY:0.001},g.attr(c),f)f.attrSetters=g.attrSetters,
+f.attr(c)}else c={translateX:i,translateY:n,scaleX:1,scaleY:1},g.animate(c,d),f&&f.animate(c,d),this.animate=null}else a.call(this,b)}var P=j.arrayMin,Q=j.arrayMax,s=j.each,F=j.extend,p=j.merge,R=j.map,r=j.pick,v=j.pInt,m=j.getOptions().plotOptions,h=j.seriesTypes,x=j.extendClass,M=j.splat,o=j.wrap,N=j.Axis,u=j.Tick,z=j.Series,q=h.column.prototype,t=Math,D=t.round,A=t.floor,S=t.max,w=function(){};F(J.prototype,{init:function(a,b,c){var d=this,g=d.defaultOptions;d.chart=b;if(b.angular)g.background=
+{};d.options=a=p(g,a);(a=a.background)&&s([].concat(M(a)).reverse(),function(a){var b=a.backgroundColor,a=p(d.defaultBackgroundOptions,a);if(b)a.backgroundColor=b;a.color=a.backgroundColor;c.options.plotBands.unshift(a)})},defaultOptions:{center:["50%","50%"],size:"85%",startAngle:0},defaultBackgroundOptions:{shape:"circle",borderWidth:1,borderColor:"silver",backgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,"#FFF"],[1,"#DDD"]]},from:Number.MIN_VALUE,innerRadius:0,to:Number.MAX_VALUE,
+outerRadius:"105%"}});var G=N.prototype,u=u.prototype,T={getOffset:w,redraw:function(){this.isDirty=!1},render:function(){this.isDirty=!1},setScale:w,setCategories:w,setTitle:w},O={isRadial:!0,defaultRadialGaugeOptions:{labels:{align:"center",x:0,y:null},minorGridLineWidth:0,minorTickInterval:"auto",minorTickLength:10,minorTickPosition:"inside",minorTickWidth:1,plotBands:[],tickLength:10,tickPosition:"inside",tickWidth:2,title:{rotation:0},zIndex:2},defaultRadialXOptions:{gridLineWidth:1,labels:{align:null,
+distance:15,x:0,y:null},maxPadding:0,minPadding:0,plotBands:[],showLastLabel:!1,tickLength:0},defaultRadialYOptions:{gridLineInterpolation:"circle",labels:{align:"right",x:-3,y:-2},plotBands:[],showLastLabel:!1,title:{x:4,text:null,rotation:90}},setOptions:function(a){this.options=p(this.defaultOptions,this.defaultRadialOptions,a)},getOffset:function(){G.getOffset.call(this);this.chart.axisOffset[this.side]=0},getLinePath:function(a,b){var c=this.center,b=r(b,c[2]/2-this.offset);return this.chart.renderer.symbols.arc(this.left+
+c[0],this.top+c[1],b,b,{start:this.startAngleRad,end:this.endAngleRad,open:!0,innerR:0})},setAxisTranslation:function(){G.setAxisTranslation.call(this);if(this.center&&(this.transA=this.isCircular?(this.endAngleRad-this.startAngleRad)/(this.max-this.min||1):this.center[2]/2/(this.max-this.min||1),this.isXAxis))this.minPixelPadding=this.transA*this.minPointOffset+(this.reversed?(this.endAngleRad-this.startAngleRad)/4:0)},beforeSetTickPositions:function(){this.autoConnect&&(this.max+=this.categories&&
+1||this.pointRange||this.closestPointRange||0)},setAxisSize:function(){G.setAxisSize.call(this);if(this.isRadial)this.center=this.pane.center=h.pie.prototype.getCenter.call(this.pane),this.len=this.width=this.height=this.isCircular?this.center[2]*(this.endAngleRad-this.startAngleRad)/2:this.center[2]/2},getPosition:function(a,b){if(!this.isCircular)b=this.translate(a),a=this.min;return this.postTranslate(this.translate(a),r(b,this.center[2]/2)-this.offset)},postTranslate:function(a,b){var c=this.chart,
+d=this.center,a=this.startAngleRad+a;return{x:c.plotLeft+d[0]+Math.cos(a)*b,y:c.plotTop+d[1]+Math.sin(a)*b}},getPlotBandPath:function(a,b,c){var d=this.center,g=this.startAngleRad,f=d[2]/2,e=[r(c.outerRadius,"100%"),c.innerRadius,r(c.thickness,10)],i=/%$/,n,l=this.isCircular;this.options.gridLineInterpolation==="polygon"?d=this.getPlotLinePath(a).concat(this.getPlotLinePath(b,!0)):(l||(e[0]=this.translate(a),e[1]=this.translate(b)),e=R(e,function(a){i.test(a)&&(a=v(a,10)*f/100);return a}),c.shape===
+"circle"||!l?(a=-Math.PI/2,b=Math.PI*1.5,n=!0):(a=g+this.translate(a),b=g+this.translate(b)),d=this.chart.renderer.symbols.arc(this.left+d[0],this.top+d[1],e[0],e[0],{start:a,end:b,innerR:r(e[1],e[0]-e[2]),open:n}));return d},getPlotLinePath:function(a,b){var c=this.center,d=this.chart,g=this.getPosition(a),f,e,i;this.isCircular?i=["M",c[0]+d.plotLeft,c[1]+d.plotTop,"L",g.x,g.y]:this.options.gridLineInterpolation==="circle"?(a=this.translate(a))&&(i=this.getLinePath(0,a)):(f=d.xAxis[0],i=[],a=this.translate(a),
+c=f.tickPositions,f.autoConnect&&(c=c.concat([c[0]])),b&&(c=[].concat(c).reverse()),s(c,function(c,b){e=f.getPosition(c,a);i.push(b?"L":"M",e.x,e.y)}));return i},getTitlePosition:function(){var a=this.center,b=this.chart,c=this.options.title;return{x:b.plotLeft+a[0]+(c.x||0),y:b.plotTop+a[1]-{high:0.5,middle:0.25,low:0}[c.align]*a[2]+(c.y||0)}}};o(G,"init",function(a,b,c){var k;var d=b.angular,g=b.polar,f=c.isX,e=d&&f,i,n;n=b.options;var l=c.pane||0;if(d){if(F(this,e?T:O),i=!f)this.defaultRadialOptions=
+this.defaultRadialGaugeOptions}else if(g)F(this,O),this.defaultRadialOptions=(i=f)?this.defaultRadialXOptions:p(this.defaultYAxisOptions,this.defaultRadialYOptions);a.call(this,b,c);if(!e&&(d||g)){a=this.options;if(!b.panes)b.panes=[];this.pane=(k=b.panes[l]=b.panes[l]||new J(M(n.pane)[l],b,this),l=k);l=l.options;b.inverted=!1;n.chart.zoomType=null;this.startAngleRad=b=(l.startAngle-90)*Math.PI/180;this.endAngleRad=n=(r(l.endAngle,l.startAngle+360)-90)*Math.PI/180;this.offset=a.offset||0;if((this.isCircular=
+i)&&c.max===C&&n-b===2*Math.PI)this.autoConnect=!0}});o(u,"getPosition",function(a,b,c,d,g){var f=this.axis;return f.getPosition?f.getPosition(c):a.call(this,b,c,d,g)});o(u,"getLabelPosition",function(a,b,c,d,g,f,e,i,n){var l=this.axis,k=f.y,h=f.align,j=(l.translate(this.pos)+l.startAngleRad+Math.PI/2)/Math.PI*180%360;l.isRadial?(a=l.getPosition(this.pos,l.center[2]/2+r(f.distance,-25)),f.rotation==="auto"?d.attr({rotation:j}):k===null&&(k=v(d.styles.lineHeight)*0.9-d.getBBox().height/2),h===null&&
+(h=l.isCircular?j>20&&j<160?"left":j>200&&j<340?"right":"center":"center",d.attr({align:h})),a.x+=f.x,a.y+=k):a=a.call(this,b,c,d,g,f,e,i,n);return a});o(u,"getMarkPath",function(a,b,c,d,g,f,e){var i=this.axis;i.isRadial?(a=i.getPosition(this.pos,i.center[2]/2+d),b=["M",b,c,"L",a.x,a.y]):b=a.call(this,b,c,d,g,f,e);return b});m.arearange=p(m.area,{lineWidth:1,marker:null,threshold:null,tooltip:{pointFormat:'<span style="color:{series.color}">{series.name}</span>: <b>{point.low}</b> - <b>{point.high}</b><br/>'},
+trackByArea:!0,dataLabels:{verticalAlign:null,xLow:0,xHigh:0,yLow:0,yHigh:0}});h.arearange=j.extendClass(h.area,{type:"arearange",pointArrayMap:["low","high"],toYData:function(a){return[a.low,a.high]},pointValKey:"low",getSegments:function(){var a=this;s(a.points,function(b){if(!a.options.connectNulls&&(b.low===null||b.high===null))b.y=null;else if(b.low===null&&b.high!==null)b.y=b.high});z.prototype.getSegments.call(this)},translate:function(){var a=this.yAxis;h.area.prototype.translate.apply(this);
+s(this.points,function(b){var c=b.low,d=b.high,g=b.plotY;d===null&&c===null?b.y=null:c===null?(b.plotLow=b.plotY=null,b.plotHigh=a.translate(d,0,1,0,1)):d===null?(b.plotLow=g,b.plotHigh=null):(b.plotLow=g,b.plotHigh=a.translate(d,0,1,0,1))})},getSegmentPath:function(a){var b,c=[],d=a.length,g=z.prototype.getSegmentPath,f,e;e=this.options;var i=e.step;for(b=HighchartsAdapter.grep(a,function(a){return a.plotLow!==null});d--;)f=a[d],f.plotHigh!==null&&c.push({plotX:f.plotX,plotY:f.plotHigh});a=g.call(this,
+b);if(i)i===!0&&(i="left"),e.step={left:"right",center:"center",right:"left"}[i];c=g.call(this,c);e.step=i;e=[].concat(a,c);c[0]="L";this.areaPath=this.areaPath.concat(a,c);return e},drawDataLabels:function(){var a=this.data,b=a.length,c,d=[],g=z.prototype,f=this.options.dataLabels,e,i=this.chart.inverted;if(f.enabled||this._hasPointLabels){for(c=b;c--;)e=a[c],e.y=e.high,e.plotY=e.plotHigh,d[c]=e.dataLabel,e.dataLabel=e.dataLabelUpper,e.below=!1,i?(f.align="left",f.x=f.xHigh):f.y=f.yHigh;g.drawDataLabels.apply(this,
+arguments);for(c=b;c--;)e=a[c],e.dataLabelUpper=e.dataLabel,e.dataLabel=d[c],e.y=e.low,e.plotY=e.plotLow,e.below=!0,i?(f.align="right",f.x=f.xLow):f.y=f.yLow;g.drawDataLabels.apply(this,arguments)}},alignDataLabel:h.column.prototype.alignDataLabel,getSymbol:h.column.prototype.getSymbol,drawPoints:w});m.areasplinerange=p(m.arearange);h.areasplinerange=x(h.arearange,{type:"areasplinerange",getPointSpline:h.spline.prototype.getPointSpline});m.columnrange=p(m.column,m.arearange,{lineWidth:1,pointRange:null});
+h.columnrange=x(h.arearange,{type:"columnrange",translate:function(){var a=this,b=a.yAxis,c;q.translate.apply(a);s(a.points,function(d){var g=d.shapeArgs,f=a.options.minPointLength,e;d.plotHigh=c=b.translate(d.high,0,1,0,1);d.plotLow=d.plotY;e=c;d=d.plotY-c;d<f&&(f-=d,d+=f,e-=f/2);g.height=d;g.y=e})},trackerGroups:["group","dataLabels"],drawGraph:w,pointAttrToOptions:q.pointAttrToOptions,drawPoints:q.drawPoints,drawTracker:q.drawTracker,animate:q.animate,getColumnMetrics:q.getColumnMetrics});m.gauge=
+p(m.line,{dataLabels:{enabled:!0,y:15,borderWidth:1,borderColor:"silver",borderRadius:3,style:{fontWeight:"bold"},verticalAlign:"top",zIndex:2},dial:{},pivot:{},tooltip:{headerFormat:""},showInLegend:!1});u={type:"gauge",pointClass:j.extendClass(j.Point,{setState:function(a){this.state=a}}),angular:!0,drawGraph:w,fixedBox:!0,trackerGroups:["group","dataLabels"],translate:function(){var a=this.yAxis,b=this.options,c=a.center;this.generatePoints();s(this.points,function(d){var g=p(b.dial,d.dial),f=
+v(r(g.radius,80))*c[2]/200,e=v(r(g.baseLength,70))*f/100,i=v(r(g.rearLength,10))*f/100,n=g.baseWidth||3,l=g.topWidth||1,k=a.startAngleRad+a.translate(d.y,null,null,null,!0);b.wrap===!1&&(k=Math.max(a.startAngleRad,Math.min(a.endAngleRad,k)));k=k*180/Math.PI;d.shapeType="path";d.shapeArgs={d:g.path||["M",-i,-n/2,"L",e,-n/2,f,-l/2,f,l/2,e,n/2,-i,n/2,"z"],translateX:c[0],translateY:c[1],rotation:k};d.plotX=c[0];d.plotY=c[1]})},drawPoints:function(){var a=this,b=a.yAxis.center,c=a.pivot,d=a.options,g=
+d.pivot,f=a.chart.renderer;s(a.points,function(c){var b=c.graphic,g=c.shapeArgs,l=g.d,k=p(d.dial,c.dial);b?(b.animate(g),g.d=l):c.graphic=f[c.shapeType](g).attr({stroke:k.borderColor||"none","stroke-width":k.borderWidth||0,fill:k.backgroundColor||"black",rotation:g.rotation}).add(a.group)});c?c.animate({translateX:b[0],translateY:b[1]}):a.pivot=f.circle(0,0,r(g.radius,5)).attr({"stroke-width":g.borderWidth||0,stroke:g.borderColor||"silver",fill:g.backgroundColor||"black"}).translate(b[0],b[1]).add(a.group)},
+animate:function(a){var b=this;if(!a)s(b.points,function(a){var d=a.graphic;d&&(d.attr({rotation:b.yAxis.startAngleRad*180/Math.PI}),d.animate({rotation:a.shapeArgs.rotation},b.options.animation))}),b.animate=null},render:function(){this.group=this.plotGroup("group","series",this.visible?"visible":"hidden",this.options.zIndex,this.chart.seriesGroup);h.pie.prototype.render.call(this);this.group.clip(this.chart.clipRect)},setData:h.pie.prototype.setData,drawTracker:h.column.prototype.drawTracker};h.gauge=
+j.extendClass(h.line,u);m.boxplot=p(m.column,{fillColor:"#FFFFFF",lineWidth:1,medianWidth:2,states:{hover:{brightness:-0.3}},threshold:null,tooltip:{pointFormat:'<span style="color:{series.color};font-weight:bold">{series.name}</span><br/>Maximum: {point.high}<br/>Upper quartile: {point.q3}<br/>Median: {point.median}<br/>Lower quartile: {point.q1}<br/>Minimum: {point.low}<br/>'},whiskerLength:"50%",whiskerWidth:2});h.boxplot=x(h.column,{type:"boxplot",pointArrayMap:["low","q1","median","q3","high"],
+toYData:function(a){return[a.low,a.q1,a.median,a.q3,a.high]},pointValKey:"high",pointAttrToOptions:{fill:"fillColor",stroke:"color","stroke-width":"lineWidth"},drawDataLabels:w,translate:function(){var a=this.yAxis,b=this.pointArrayMap;h.column.prototype.translate.apply(this);s(this.points,function(c){s(b,function(b){c[b]!==null&&(c[b+"Plot"]=a.translate(c[b],0,1,0,1))})})},drawPoints:function(){var a=this,b=a.points,c=a.options,d=a.chart.renderer,g,f,e,i,n,l,k,h,j,m,o,H,p,E,I,q,w,t,v,u,z,y,x=a.doQuartiles!==
+!1,B=parseInt(a.options.whiskerLength,10)/100;s(b,function(b){j=b.graphic;z=b.shapeArgs;o={};E={};q={};y=b.color||a.color;if(b.plotY!==C)if(g=b.pointAttr[b.selected?"selected":""],w=z.width,t=A(z.x),v=t+w,u=D(w/2),f=A(x?b.q1Plot:b.lowPlot),e=A(x?b.q3Plot:b.lowPlot),i=A(b.highPlot),n=A(b.lowPlot),o.stroke=b.stemColor||c.stemColor||y,o["stroke-width"]=r(b.stemWidth,c.stemWidth,c.lineWidth),o.dashstyle=b.stemDashStyle||c.stemDashStyle,E.stroke=b.whiskerColor||c.whiskerColor||y,E["stroke-width"]=r(b.whiskerWidth,
+c.whiskerWidth,c.lineWidth),q.stroke=b.medianColor||c.medianColor||y,q["stroke-width"]=r(b.medianWidth,c.medianWidth,c.lineWidth),k=o["stroke-width"]%2/2,h=t+u+k,m=["M",h,e,"L",h,i,"M",h,f,"L",h,n,"z"],x&&(k=g["stroke-width"]%2/2,h=A(h)+k,f=A(f)+k,e=A(e)+k,t+=k,v+=k,H=["M",t,e,"L",t,f,"L",v,f,"L",v,e,"L",t,e,"z"]),B&&(k=E["stroke-width"]%2/2,i+=k,n+=k,p=["M",h-u*B,i,"L",h+u*B,i,"M",h-u*B,n,"L",h+u*B,n]),k=q["stroke-width"]%2/2,l=D(b.medianPlot)+k,I=["M",t,l,"L",v,l,"z"],j)b.stem.animate({d:m}),B&&
+b.whiskers.animate({d:p}),x&&b.box.animate({d:H}),b.medianShape.animate({d:I});else{b.graphic=j=d.g().add(a.group);b.stem=d.path(m).attr(o).add(j);if(B)b.whiskers=d.path(p).attr(E).add(j);if(x)b.box=d.path(H).attr(g).add(j);b.medianShape=d.path(I).attr(q).add(j)}})}});m.errorbar=p(m.boxplot,{color:"#000000",grouping:!1,linkedTo:":previous",tooltip:{pointFormat:m.arearange.tooltip.pointFormat},whiskerWidth:null});h.errorbar=x(h.boxplot,{type:"errorbar",pointArrayMap:["low","high"],toYData:function(a){return[a.low,
+a.high]},pointValKey:"high",doQuartiles:!1,getColumnMetrics:function(){return this.linkedParent&&this.linkedParent.columnMetrics||h.column.prototype.getColumnMetrics.call(this)}});m.waterfall=p(m.column,{lineWidth:1,lineColor:"#333",dashStyle:"dot",borderColor:"#333"});h.waterfall=x(h.column,{type:"waterfall",upColorProp:"fill",pointArrayMap:["low","y"],pointValKey:"y",init:function(a,b){b.stacking=!0;h.column.prototype.init.call(this,a,b)},translate:function(){var a=this.options,b=this.yAxis,c,d,
+g,f,e,i,n,l,k;c=a.threshold;a=a.borderWidth%2/2;h.column.prototype.translate.apply(this);l=c;g=this.points;for(d=0,c=g.length;d<c;d++){f=g[d];e=f.shapeArgs;i=this.getStack(d);k=i.points[this.index];if(isNaN(f.y))f.y=this.yData[d];n=S(l,l+f.y)+k[0];e.y=b.translate(n,0,1);f.isSum||f.isIntermediateSum?(e.y=b.translate(k[1],0,1),e.height=b.translate(k[0],0,1)-e.y):l+=i.total;e.height<0&&(e.y+=e.height,e.height*=-1);f.plotY=e.y=D(e.y)-a;e.height=D(e.height);f.yBottom=e.y+e.height}},processData:function(a){var b=
+this.yData,c=this.points,d,g=b.length,f=this.options.threshold||0,e,i,h,l,k,j;i=e=h=l=f;for(j=0;j<g;j++)k=b[j],d=c&&c[j]?c[j]:{},k==="sum"||d.isSum?b[j]=i:k==="intermediateSum"||d.isIntermediateSum?(b[j]=e,e=f):(i+=k,e+=k),h=Math.min(i,h),l=Math.max(i,l);z.prototype.processData.call(this,a);this.dataMin=h;this.dataMax=l},toYData:function(a){if(a.isSum)return"sum";else if(a.isIntermediateSum)return"intermediateSum";return a.y},getAttribs:function(){h.column.prototype.getAttribs.apply(this,arguments);
+var a=this.options,b=a.states,c=a.upColor||this.color,a=j.Color(c).brighten(0.1).get(),d=p(this.pointAttr),g=this.upColorProp;d[""][g]=c;d.hover[g]=b.hover.upColor||a;d.select[g]=b.select.upColor||c;s(this.points,function(a){if(a.y>0&&!a.color)a.pointAttr=d,a.color=c})},getGraphPath:function(){var a=this.data,b=a.length,c=D(this.options.lineWidth+this.options.borderWidth)%2/2,d=[],g,f,e;for(e=1;e<b;e++)f=a[e].shapeArgs,g=a[e-1].shapeArgs,f=["M",g.x+g.width,g.y+c,"L",f.x,g.y+c],a[e-1].y<0&&(f[2]+=
+g.height,f[5]+=g.height),d=d.concat(f);return d},getExtremes:w,getStack:function(a){var b=this.yAxis.stacks,c=this.stackKey;this.processedYData[a]<this.options.threshold&&(c="-"+c);return b[c][a]},drawGraph:z.prototype.drawGraph});m.bubble=p(m.scatter,{dataLabels:{inside:!0,style:{color:"white",textShadow:"0px 0px 3px black"},verticalAlign:"middle"},marker:{lineColor:null,lineWidth:1},minSize:8,maxSize:"20%",tooltip:{pointFormat:"({point.x}, {point.y}), Size: {point.z}"},turboThreshold:0,zThreshold:0});
+h.bubble=x(h.scatter,{type:"bubble",pointArrayMap:["y","z"],trackerGroups:["group","dataLabelsGroup"],pointAttrToOptions:{stroke:"lineColor","stroke-width":"lineWidth",fill:"fillColor"},applyOpacity:function(a){var b=this.options.marker,c=r(b.fillOpacity,0.5),a=a||b.fillColor||this.color;c!==1&&(a=j.Color(a).setOpacity(c).get("rgba"));return a},convertAttribs:function(){var a=z.prototype.convertAttribs.apply(this,arguments);a.fill=this.applyOpacity(a.fill);return a},getRadii:function(a,b,c,d){var g,
+f,e,i=this.zData,h=[];for(f=0,g=i.length;f<g;f++)e=b-a,e=e>0?(i[f]-a)/(b-a):0.5,h.push(t.ceil(c+e*(d-c))/2);this.radii=h},animate:function(a){var b=this.options.animation;if(!a)s(this.points,function(a){var d=a.graphic,a=a.shapeArgs;d&&a&&(d.attr("r",1),d.animate({r:a.r},b))}),this.animate=null},translate:function(){var a,b=this.data,c,d,g=this.radii;h.scatter.prototype.translate.call(this);for(a=b.length;a--;)c=b[a],d=g?g[a]:0,c.negative=c.z<(this.options.zThreshold||0),d>=this.minPxSize/2?(c.shapeType=
+"circle",c.shapeArgs={x:c.plotX,y:c.plotY,r:d},c.dlBox={x:c.plotX-d,y:c.plotY-d,width:2*d,height:2*d}):c.shapeArgs=c.plotY=c.dlBox=C},drawLegendSymbol:function(a,b){var c=v(a.itemStyle.fontSize)/2;b.legendSymbol=this.chart.renderer.circle(c,a.baseline-c,c).attr({zIndex:3}).add(b.legendGroup);b.legendSymbol.isMarker=!0},drawPoints:h.column.prototype.drawPoints,alignDataLabel:h.column.prototype.alignDataLabel});N.prototype.beforePadding=function(){var a=this,b=this.len,c=this.chart,d=0,g=b,f=this.isXAxis,
+e=f?"xData":"yData",i=this.min,h={},j=t.min(c.plotWidth,c.plotHeight),k=Number.MAX_VALUE,m=-Number.MAX_VALUE,o=this.max-i,p=b/o,q=[];this.tickPositions&&(s(this.series,function(b){var c=b.options;if(b.type==="bubble"&&b.visible&&(a.allowZoomOutside=!0,q.push(b),f))s(["minSize","maxSize"],function(a){var b=c[a],d=/%$/.test(b),b=v(b);h[a]=d?j*b/100:b}),b.minPxSize=h.minSize,b=b.zData,b.length&&(k=t.min(k,t.max(P(b),c.displayNegative===!1?c.zThreshold:-Number.MAX_VALUE)),m=t.max(m,Q(b)))}),s(q,function(a){var b=
+a[e],c=b.length,j;f&&a.getRadii(k,m,h.minSize,h.maxSize);if(o>0)for(;c--;)j=a.radii[c],d=Math.min((b[c]-i)*p-j,d),g=Math.max((b[c]-i)*p+j,g)}),q.length&&o>0&&r(this.options.min,this.userMin)===C&&r(this.options.max,this.userMax)===C&&(g-=b,p*=(b+d-g)/b,this.min+=d/p,this.max+=g/p))};var y=z.prototype,m=j.Pointer.prototype;y.toXY=function(a){var b,c=this.chart;b=a.plotX;var d=a.plotY;a.rectPlotX=b;a.rectPlotY=d;a.clientX=(b/Math.PI*180+this.xAxis.pane.options.startAngle)%360;b=this.xAxis.postTranslate(a.plotX,
+this.yAxis.len-d);a.plotX=a.polarPlotX=b.x-c.plotLeft;a.plotY=a.polarPlotY=b.y-c.plotTop};y.orderTooltipPoints=function(a){if(this.chart.polar&&(a.sort(function(a,c){return a.clientX-c.clientX}),a[0]))a[0].wrappedClientX=a[0].clientX+360,a.push(a[0])};o(h.area.prototype,"init",K);o(h.areaspline.prototype,"init",K);o(h.spline.prototype,"getPointSpline",function(a,b,c,d){var g,f,e,i,h,j,k;if(this.chart.polar){g=c.plotX;f=c.plotY;a=b[d-1];e=b[d+1];this.connectEnds&&(a||(a=b[b.length-2]),e||(e=b[1]));
+if(a&&e)i=a.plotX,h=a.plotY,b=e.plotX,j=e.plotY,i=(1.5*g+i)/2.5,h=(1.5*f+h)/2.5,e=(1.5*g+b)/2.5,k=(1.5*f+j)/2.5,b=Math.sqrt(Math.pow(i-g,2)+Math.pow(h-f,2)),j=Math.sqrt(Math.pow(e-g,2)+Math.pow(k-f,2)),i=Math.atan2(h-f,i-g),h=Math.atan2(k-f,e-g),k=Math.PI/2+(i+h)/2,Math.abs(i-k)>Math.PI/2&&(k-=Math.PI),i=g+Math.cos(k)*b,h=f+Math.sin(k)*b,e=g+Math.cos(Math.PI+k)*j,k=f+Math.sin(Math.PI+k)*j,c.rightContX=e,c.rightContY=k;d?(c=["C",a.rightContX||a.plotX,a.rightContY||a.plotY,i||g,h||f,g,f],a.rightContX=
+a.rightContY=null):c=["M",g,f]}else c=a.call(this,b,c,d);return c});o(y,"translate",function(a){a.call(this);if(this.chart.polar&&!this.preventPostTranslate)for(var a=this.points,b=a.length;b--;)this.toXY(a[b])});o(y,"getSegmentPath",function(a,b){var c=this.points;if(this.chart.polar&&this.options.connectEnds!==!1&&b[b.length-1]===c[c.length-1]&&c[0].y!==null)this.connectEnds=!0,b=[].concat(b,[c[0]]);return a.call(this,b)});o(y,"animate",L);o(q,"animate",L);o(y,"setTooltipPoints",function(a,b){this.chart.polar&&
+F(this.xAxis,{tooltipLen:360});return a.call(this,b)});o(q,"translate",function(a){var b=this.xAxis,c=this.yAxis.len,d=b.center,g=b.startAngleRad,f=this.chart.renderer,e,h;this.preventPostTranslate=!0;a.call(this);if(b.isRadial){b=this.points;for(h=b.length;h--;)e=b[h],a=e.barX+g,e.shapeType="path",e.shapeArgs={d:f.symbols.arc(d[0],d[1],c-e.plotY,null,{start:a,end:a+e.pointWidth,innerR:c-r(e.yBottom,c)})},this.toXY(e)}});o(q,"alignDataLabel",function(a,b,c,d,g,f){if(this.chart.polar){a=b.rectPlotX/
+Math.PI*180;if(d.align===null)d.align=a>20&&a<160?"left":a>200&&a<340?"right":"center";if(d.verticalAlign===null)d.verticalAlign=a<45||a>315?"bottom":a>135&&a<225?"top":"middle";y.alignDataLabel.call(this,b,c,d,g,f)}else a.call(this,b,c,d,g,f)});o(m,"getIndex",function(a,b){var c,d=this.chart,g;d.polar?(g=d.xAxis[0].center,c=b.chartX-g[0]-d.plotLeft,d=b.chartY-g[1]-d.plotTop,c=180-Math.round(Math.atan2(c,d)/Math.PI*180)):c=a.call(this,b);return c});o(m,"getCoordinates",function(a,b){var c=this.chart,
+d={xAxis:[],yAxis:[]};c.polar?s(c.axes,function(a){var f=a.isXAxis,e=a.center,h=b.chartX-e[0]-c.plotLeft,e=b.chartY-e[1]-c.plotTop;d[f?"xAxis":"yAxis"].push({axis:a,value:a.translate(f?Math.PI-Math.atan2(h,e):Math.sqrt(Math.pow(h,2)+Math.pow(e,2)),!0)})}):d=a.call(this,b);return d})})(Highcharts);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts-more.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts-more.src.js
new file mode 100644
index 000000000..39d49414a
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts-more.src.js
@@ -0,0 +1,2430 @@
+// ==ClosureCompiler==
+// @compilation_level SIMPLE_OPTIMIZATIONS
+
+/**
+ * @license Highcharts JS v3.0.6 (2013-10-04)
+ *
+ * (c) 2009-2013 Torstein Hønsi
+ *
+ * License: www.highcharts.com/license
+ */
+
+// JSLint options:
+/*global Highcharts, HighchartsAdapter, document, window, navigator, setInterval, clearInterval, clearTimeout, setTimeout, location, jQuery, $, console */
+
+(function (Highcharts, UNDEFINED) {
+var arrayMin = Highcharts.arrayMin,
+	arrayMax = Highcharts.arrayMax,
+	each = Highcharts.each,
+	extend = Highcharts.extend,
+	merge = Highcharts.merge,
+	map = Highcharts.map,
+	pick = Highcharts.pick,
+	pInt = Highcharts.pInt,
+	defaultPlotOptions = Highcharts.getOptions().plotOptions,
+	seriesTypes = Highcharts.seriesTypes,
+	extendClass = Highcharts.extendClass,
+	splat = Highcharts.splat,
+	wrap = Highcharts.wrap,
+	Axis = Highcharts.Axis,
+	Tick = Highcharts.Tick,
+	Series = Highcharts.Series,
+	colProto = seriesTypes.column.prototype,
+	math = Math,
+	mathRound = math.round,
+	mathFloor = math.floor,
+	mathMax = math.max,
+	noop = function () {};/**
+ * The Pane object allows options that are common to a set of X and Y axes.
+ * 
+ * In the future, this can be extended to basic Highcharts and Highstock.
+ */
+function Pane(options, chart, firstAxis) {
+	this.init.call(this, options, chart, firstAxis);
+}
+
+// Extend the Pane prototype
+extend(Pane.prototype, {
+	
+	/**
+	 * Initiate the Pane object
+	 */
+	init: function (options, chart, firstAxis) {
+		var pane = this,
+			backgroundOption,
+			defaultOptions = pane.defaultOptions;
+		
+		pane.chart = chart;
+		
+		// Set options
+		if (chart.angular) { // gauges
+			defaultOptions.background = {}; // gets extended by this.defaultBackgroundOptions
+		}
+		pane.options = options = merge(defaultOptions, options);
+		
+		backgroundOption = options.background;
+		
+		// To avoid having weighty logic to place, update and remove the backgrounds,
+		// push them to the first axis' plot bands and borrow the existing logic there.
+		if (backgroundOption) {
+			each([].concat(splat(backgroundOption)).reverse(), function (config) {
+				var backgroundColor = config.backgroundColor; // if defined, replace the old one (specific for gradients)
+				config = merge(pane.defaultBackgroundOptions, config);
+				if (backgroundColor) {
+					config.backgroundColor = backgroundColor;
+				}
+				config.color = config.backgroundColor; // due to naming in plotBands
+				firstAxis.options.plotBands.unshift(config);
+			});
+		}
+	},
+	
+	/**
+	 * The default options object
+	 */
+	defaultOptions: {
+		// background: {conditional},
+		center: ['50%', '50%'],
+		size: '85%',
+		startAngle: 0
+		//endAngle: startAngle + 360
+	},	
+	
+	/**
+	 * The default background options
+	 */
+	defaultBackgroundOptions: {
+		shape: 'circle',
+		borderWidth: 1,
+		borderColor: 'silver',
+		backgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+			stops: [
+				[0, '#FFF'],
+				[1, '#DDD']
+			]
+		},
+		from: Number.MIN_VALUE, // corrected to axis min
+		innerRadius: 0,
+		to: Number.MAX_VALUE, // corrected to axis max
+		outerRadius: '105%'
+	}
+	
+});
+var axisProto = Axis.prototype,
+	tickProto = Tick.prototype;
+	
+/**
+ * Augmented methods for the x axis in order to hide it completely, used for the X axis in gauges
+ */
+var hiddenAxisMixin = {
+	getOffset: noop,
+	redraw: function () {
+		this.isDirty = false; // prevent setting Y axis dirty
+	},
+	render: function () {
+		this.isDirty = false; // prevent setting Y axis dirty
+	},
+	setScale: noop,
+	setCategories: noop,
+	setTitle: noop
+};
+
+/**
+ * Augmented methods for the value axis
+ */
+/*jslint unparam: true*/
+var radialAxisMixin = {
+	isRadial: true,
+	
+	/**
+	 * The default options extend defaultYAxisOptions
+	 */
+	defaultRadialGaugeOptions: {
+		labels: {
+			align: 'center',
+			x: 0,
+			y: null // auto
+		},
+		minorGridLineWidth: 0,
+		minorTickInterval: 'auto',
+		minorTickLength: 10,
+		minorTickPosition: 'inside',
+		minorTickWidth: 1,
+		plotBands: [],
+		tickLength: 10,
+		tickPosition: 'inside',
+		tickWidth: 2,
+		title: {
+			rotation: 0
+		},
+		zIndex: 2 // behind dials, points in the series group
+	},
+	
+	// Circular axis around the perimeter of a polar chart
+	defaultRadialXOptions: {
+		gridLineWidth: 1, // spokes
+		labels: {
+			align: null, // auto
+			distance: 15,
+			x: 0,
+			y: null // auto
+		},
+		maxPadding: 0,
+		minPadding: 0,
+		plotBands: [],
+		showLastLabel: false, 
+		tickLength: 0
+	},
+	
+	// Radial axis, like a spoke in a polar chart
+	defaultRadialYOptions: {
+		gridLineInterpolation: 'circle',
+		labels: {
+			align: 'right',
+			x: -3,
+			y: -2
+		},
+		plotBands: [],
+		showLastLabel: false,
+		title: {
+			x: 4,
+			text: null,
+			rotation: 90
+		}
+	},
+	
+	/**
+	 * Merge and set options
+	 */
+	setOptions: function (userOptions) {
+		
+		this.options = merge(
+			this.defaultOptions,
+			this.defaultRadialOptions,
+			userOptions
+		);
+		
+	},
+	
+	/**
+	 * Wrap the getOffset method to return zero offset for title or labels in a radial 
+	 * axis
+	 */
+	getOffset: function () {
+		// Call the Axis prototype method (the method we're in now is on the instance)
+		axisProto.getOffset.call(this);
+		
+		// Title or label offsets are not counted
+		this.chart.axisOffset[this.side] = 0;
+	},
+
+
+	/**
+	 * Get the path for the axis line. This method is also referenced in the getPlotLinePath
+	 * method.
+	 */
+	getLinePath: function (lineWidth, radius) {
+		var center = this.center;
+		radius = pick(radius, center[2] / 2 - this.offset);
+		
+		return this.chart.renderer.symbols.arc(
+			this.left + center[0],
+			this.top + center[1],
+			radius,
+			radius, 
+			{
+				start: this.startAngleRad,
+				end: this.endAngleRad,
+				open: true,
+				innerR: 0
+			}
+		);
+	},
+
+	/**
+	 * Override setAxisTranslation by setting the translation to the difference
+	 * in rotation. This allows the translate method to return angle for 
+	 * any given value.
+	 */
+	setAxisTranslation: function () {
+		
+		// Call uber method		
+		axisProto.setAxisTranslation.call(this);
+			
+		// Set transA and minPixelPadding
+		if (this.center) { // it's not defined the first time
+			if (this.isCircular) {
+				
+				this.transA = (this.endAngleRad - this.startAngleRad) / 
+					((this.max - this.min) || 1);
+					
+				
+			} else { 
+				this.transA = (this.center[2] / 2) / ((this.max - this.min) || 1);
+			}
+			
+			if (this.isXAxis) {
+				this.minPixelPadding = this.transA * this.minPointOffset +
+					(this.reversed ? (this.endAngleRad - this.startAngleRad) / 4 : 0); // ???
+			}
+		}
+	},
+	
+	/**
+	 * In case of auto connect, add one closestPointRange to the max value right before
+	 * tickPositions are computed, so that ticks will extend passed the real max.
+	 */
+	beforeSetTickPositions: function () {
+		if (this.autoConnect) {
+			this.max += (this.categories && 1) || this.pointRange || this.closestPointRange || 0; // #1197, #2260
+		}
+	},
+	
+	/**
+	 * Override the setAxisSize method to use the arc's circumference as length. This
+	 * allows tickPixelInterval to apply to pixel lengths along the perimeter
+	 */
+	setAxisSize: function () {
+		
+		axisProto.setAxisSize.call(this);
+
+		if (this.isRadial) {
+
+			// Set the center array
+			this.center = this.pane.center = seriesTypes.pie.prototype.getCenter.call(this.pane);
+			
+			this.len = this.width = this.height = this.isCircular ?
+				this.center[2] * (this.endAngleRad - this.startAngleRad) / 2 :
+				this.center[2] / 2;
+		}
+	},
+	
+	/**
+	 * Returns the x, y coordinate of a point given by a value and a pixel distance
+	 * from center
+	 */
+	getPosition: function (value, length) {
+		if (!this.isCircular) {
+			length = this.translate(value);
+			value = this.min;	
+		}
+		
+		return this.postTranslate(
+			this.translate(value),
+			pick(length, this.center[2] / 2) - this.offset
+		);		
+	},
+	
+	/**
+	 * Translate from intermediate plotX (angle), plotY (axis.len - radius) to final chart coordinates. 
+	 */
+	postTranslate: function (angle, radius) {
+		
+		var chart = this.chart,
+			center = this.center;
+			
+		angle = this.startAngleRad + angle;
+		
+		return {
+			x: chart.plotLeft + center[0] + Math.cos(angle) * radius,
+			y: chart.plotTop + center[1] + Math.sin(angle) * radius
+		}; 
+		
+	},
+	
+	/**
+	 * Find the path for plot bands along the radial axis
+	 */
+	getPlotBandPath: function (from, to, options) {
+		var center = this.center,
+			startAngleRad = this.startAngleRad,
+			fullRadius = center[2] / 2,
+			radii = [
+				pick(options.outerRadius, '100%'),
+				options.innerRadius,
+				pick(options.thickness, 10)
+			],
+			percentRegex = /%$/,
+			start,
+			end,
+			open,
+			isCircular = this.isCircular, // X axis in a polar chart
+			ret;
+			
+		// Polygonal plot bands
+		if (this.options.gridLineInterpolation === 'polygon') {
+			ret = this.getPlotLinePath(from).concat(this.getPlotLinePath(to, true));
+		
+		// Circular grid bands
+		} else {
+			
+			// Plot bands on Y axis (radial axis) - inner and outer radius depend on to and from
+			if (!isCircular) {
+				radii[0] = this.translate(from);
+				radii[1] = this.translate(to);
+			}
+			
+			// Convert percentages to pixel values
+			radii = map(radii, function (radius) {
+				if (percentRegex.test(radius)) {
+					radius = (pInt(radius, 10) * fullRadius) / 100;
+				}
+				return radius;
+			});
+			
+			// Handle full circle
+			if (options.shape === 'circle' || !isCircular) {
+				start = -Math.PI / 2;
+				end = Math.PI * 1.5;
+				open = true;
+			} else {
+				start = startAngleRad + this.translate(from);
+				end = startAngleRad + this.translate(to);
+			}
+		
+		
+			ret = this.chart.renderer.symbols.arc(
+				this.left + center[0],
+				this.top + center[1],
+				radii[0],
+				radii[0],
+				{
+					start: start,
+					end: end,
+					innerR: pick(radii[1], radii[0] - radii[2]),
+					open: open
+				}
+			);
+		}
+		 
+		return ret;
+	},
+	
+	/**
+	 * Find the path for plot lines perpendicular to the radial axis.
+	 */
+	getPlotLinePath: function (value, reverse) {
+		var axis = this,
+			center = axis.center,
+			chart = axis.chart,
+			end = axis.getPosition(value),
+			xAxis,
+			xy,
+			tickPositions,
+			ret;
+		
+		// Spokes
+		if (axis.isCircular) {
+			ret = ['M', center[0] + chart.plotLeft, center[1] + chart.plotTop, 'L', end.x, end.y];
+		
+		// Concentric circles			
+		} else if (axis.options.gridLineInterpolation === 'circle') {
+			value = axis.translate(value);
+			if (value) { // a value of 0 is in the center
+				ret = axis.getLinePath(0, value);
+			}
+		// Concentric polygons 
+		} else {
+			xAxis = chart.xAxis[0];
+			ret = [];
+			value = axis.translate(value);
+			tickPositions = xAxis.tickPositions;
+			if (xAxis.autoConnect) {
+				tickPositions = tickPositions.concat([tickPositions[0]]);
+			}
+			// Reverse the positions for concatenation of polygonal plot bands
+			if (reverse) {
+				tickPositions = [].concat(tickPositions).reverse();
+			}
+				
+			each(tickPositions, function (pos, i) {
+				xy = xAxis.getPosition(pos, value);
+				ret.push(i ? 'L' : 'M', xy.x, xy.y);
+			});
+			
+		}
+		return ret;
+	},
+	
+	/**
+	 * Find the position for the axis title, by default inside the gauge
+	 */
+	getTitlePosition: function () {
+		var center = this.center,
+			chart = this.chart,
+			titleOptions = this.options.title;
+		
+		return { 
+			x: chart.plotLeft + center[0] + (titleOptions.x || 0), 
+			y: chart.plotTop + center[1] - ({ high: 0.5, middle: 0.25, low: 0 }[titleOptions.align] * 
+				center[2]) + (titleOptions.y || 0)  
+		};
+	}
+	
+};
+/*jslint unparam: false*/
+
+/**
+ * Override axisProto.init to mix in special axis instance functions and function overrides
+ */
+wrap(axisProto, 'init', function (proceed, chart, userOptions) {
+	var axis = this,
+		angular = chart.angular,
+		polar = chart.polar,
+		isX = userOptions.isX,
+		isHidden = angular && isX,
+		isCircular,
+		startAngleRad,
+		endAngleRad,
+		options,
+		chartOptions = chart.options,
+		paneIndex = userOptions.pane || 0,
+		pane,
+		paneOptions;
+		
+	// Before prototype.init
+	if (angular) {
+		extend(this, isHidden ? hiddenAxisMixin : radialAxisMixin);
+		isCircular =  !isX;
+		if (isCircular) {
+			this.defaultRadialOptions = this.defaultRadialGaugeOptions;
+		}
+		
+	} else if (polar) {
+		//extend(this, userOptions.isX ? radialAxisMixin : radialAxisMixin);
+		extend(this, radialAxisMixin);
+		isCircular = isX;
+		this.defaultRadialOptions = isX ? this.defaultRadialXOptions : merge(this.defaultYAxisOptions, this.defaultRadialYOptions);
+		
+	}
+	
+	// Run prototype.init
+	proceed.call(this, chart, userOptions);
+	
+	if (!isHidden && (angular || polar)) {
+		options = this.options;
+		
+		// Create the pane and set the pane options.
+		if (!chart.panes) {
+			chart.panes = [];
+		}
+		this.pane = pane = chart.panes[paneIndex] = chart.panes[paneIndex] || new Pane(
+			splat(chartOptions.pane)[paneIndex],
+			chart,
+			axis
+		);
+		paneOptions = pane.options;
+		
+			
+		// Disable certain features on angular and polar axes
+		chart.inverted = false;
+		chartOptions.chart.zoomType = null;
+		
+		// Start and end angle options are
+		// given in degrees relative to top, while internal computations are
+		// in radians relative to right (like SVG).
+		this.startAngleRad = startAngleRad = (paneOptions.startAngle - 90) * Math.PI / 180;
+		this.endAngleRad = endAngleRad = (pick(paneOptions.endAngle, paneOptions.startAngle + 360)  - 90) * Math.PI / 180;
+		this.offset = options.offset || 0;
+		
+		this.isCircular = isCircular;
+		
+		// Automatically connect grid lines?
+		if (isCircular && userOptions.max === UNDEFINED && endAngleRad - startAngleRad === 2 * Math.PI) {
+			this.autoConnect = true;
+		}
+	}
+	
+});
+
+/**
+ * Add special cases within the Tick class' methods for radial axes.
+ */	
+wrap(tickProto, 'getPosition', function (proceed, horiz, pos, tickmarkOffset, old) {
+	var axis = this.axis;
+	
+	return axis.getPosition ? 
+		axis.getPosition(pos) :
+		proceed.call(this, horiz, pos, tickmarkOffset, old);	
+});
+
+/**
+ * Wrap the getLabelPosition function to find the center position of the label
+ * based on the distance option
+ */	
+wrap(tickProto, 'getLabelPosition', function (proceed, x, y, label, horiz, labelOptions, tickmarkOffset, index, step) {
+	var axis = this.axis,
+		optionsY = labelOptions.y,
+		ret,
+		align = labelOptions.align,
+		angle = ((axis.translate(this.pos) + axis.startAngleRad + Math.PI / 2) / Math.PI * 180) % 360;
+	
+	if (axis.isRadial) {
+		ret = axis.getPosition(this.pos, (axis.center[2] / 2) + pick(labelOptions.distance, -25));
+		
+		// Automatically rotated
+		if (labelOptions.rotation === 'auto') {
+			label.attr({ 
+				rotation: angle
+			});
+		
+		// Vertically centered
+		} else if (optionsY === null) {
+			optionsY = pInt(label.styles.lineHeight) * 0.9 - label.getBBox().height / 2;
+		
+		}
+		
+		// Automatic alignment
+		if (align === null) {
+			if (axis.isCircular) {
+				if (angle > 20 && angle < 160) {
+					align = 'left'; // right hemisphere
+				} else if (angle > 200 && angle < 340) {
+					align = 'right'; // left hemisphere
+				} else {
+					align = 'center'; // top or bottom
+				}
+			} else {
+				align = 'center';
+			}
+			label.attr({
+				align: align
+			});
+		}
+		
+		ret.x += labelOptions.x;
+		ret.y += optionsY;
+		
+	} else {
+		ret = proceed.call(this, x, y, label, horiz, labelOptions, tickmarkOffset, index, step);
+	}
+	return ret;
+});
+
+/**
+ * Wrap the getMarkPath function to return the path of the radial marker
+ */
+wrap(tickProto, 'getMarkPath', function (proceed, x, y, tickLength, tickWidth, horiz, renderer) {
+	var axis = this.axis,
+		endPoint,
+		ret;
+		
+	if (axis.isRadial) {
+		endPoint = axis.getPosition(this.pos, axis.center[2] / 2 + tickLength);
+		ret = [
+			'M',
+			x,
+			y,
+			'L',
+			endPoint.x,
+			endPoint.y
+		];
+	} else {
+		ret = proceed.call(this, x, y, tickLength, tickWidth, horiz, renderer);
+	}
+	return ret;
+});/* 
+ * The AreaRangeSeries class
+ * 
+ */
+
+/**
+ * Extend the default options with map options
+ */
+defaultPlotOptions.arearange = merge(defaultPlotOptions.area, {
+	lineWidth: 1,
+	marker: null,
+	threshold: null,
+	tooltip: {
+		pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.low}</b> - <b>{point.high}</b><br/>' 
+	},
+	trackByArea: true,
+	dataLabels: {
+		verticalAlign: null,
+		xLow: 0,
+		xHigh: 0,
+		yLow: 0,
+		yHigh: 0	
+	}
+});
+
+/**
+ * Add the series type
+ */
+seriesTypes.arearange = Highcharts.extendClass(seriesTypes.area, {
+	type: 'arearange',
+	pointArrayMap: ['low', 'high'],
+	toYData: function (point) {
+		return [point.low, point.high];
+	},
+	pointValKey: 'low',
+	
+	/**
+	 * Extend getSegments to force null points if the higher value is null. #1703.
+	 */
+	getSegments: function () {
+		var series = this;
+
+		each(series.points, function (point) {
+			if (!series.options.connectNulls && (point.low === null || point.high === null)) {
+				point.y = null;
+			} else if (point.low === null && point.high !== null) {
+				point.y = point.high;
+			}
+		});
+		Series.prototype.getSegments.call(this);
+	},
+	
+	/**
+	 * Translate data points from raw values x and y to plotX and plotY
+	 */
+	translate: function () {
+		var series = this,
+			yAxis = series.yAxis;
+
+		seriesTypes.area.prototype.translate.apply(series);
+
+		// Set plotLow and plotHigh
+		each(series.points, function (point) {
+
+			var low = point.low,
+				high = point.high,
+				plotY = point.plotY;
+
+			if (high === null && low === null) {
+				point.y = null;
+			} else if (low === null) {
+				point.plotLow = point.plotY = null;
+				point.plotHigh = yAxis.translate(high, 0, 1, 0, 1);
+			} else if (high === null) {
+				point.plotLow = plotY;
+				point.plotHigh = null;
+			} else {
+				point.plotLow = plotY;
+				point.plotHigh = yAxis.translate(high, 0, 1, 0, 1);
+			}
+		});
+	},
+	
+	/**
+	 * Extend the line series' getSegmentPath method by applying the segment
+	 * path to both lower and higher values of the range
+	 */
+	getSegmentPath: function (segment) {
+		
+		var lowSegment,
+			highSegment = [],
+			i = segment.length,
+			baseGetSegmentPath = Series.prototype.getSegmentPath,
+			point,
+			linePath,
+			lowerPath,
+			options = this.options,
+			step = options.step,
+			higherPath;
+			
+		// Remove nulls from low segment
+		lowSegment = HighchartsAdapter.grep(segment, function (point) {
+			return point.plotLow !== null;
+		});
+		
+		// Make a segment with plotX and plotY for the top values
+		while (i--) {
+			point = segment[i];
+			if (point.plotHigh !== null) {
+				highSegment.push({
+					plotX: point.plotX,
+					plotY: point.plotHigh
+				});
+			}
+		}
+		
+		// Get the paths
+		lowerPath = baseGetSegmentPath.call(this, lowSegment);
+		if (step) {
+			if (step === true) {
+				step = 'left';
+			}
+			options.step = { left: 'right', center: 'center', right: 'left' }[step]; // swap for reading in getSegmentPath
+		}
+		higherPath = baseGetSegmentPath.call(this, highSegment);
+		options.step = step;
+		
+		// Create a line on both top and bottom of the range
+		linePath = [].concat(lowerPath, higherPath);
+		
+		// For the area path, we need to change the 'move' statement into 'lineTo' or 'curveTo'
+		higherPath[0] = 'L'; // this probably doesn't work for spline			
+		this.areaPath = this.areaPath.concat(lowerPath, higherPath);
+		
+		return linePath;
+	},
+	
+	/**
+	 * Extend the basic drawDataLabels method by running it for both lower and higher
+	 * values.
+	 */
+	drawDataLabels: function () {
+		
+		var data = this.data,
+			length = data.length,
+			i,
+			originalDataLabels = [],
+			seriesProto = Series.prototype,
+			dataLabelOptions = this.options.dataLabels,
+			point,
+			inverted = this.chart.inverted;
+			
+		if (dataLabelOptions.enabled || this._hasPointLabels) {
+			
+			// Step 1: set preliminary values for plotY and dataLabel and draw the upper labels
+			i = length;
+			while (i--) {
+				point = data[i];
+				
+				// Set preliminary values
+				point.y = point.high;
+				point.plotY = point.plotHigh;
+				
+				// Store original data labels and set preliminary label objects to be picked up 
+				// in the uber method
+				originalDataLabels[i] = point.dataLabel;
+				point.dataLabel = point.dataLabelUpper;
+				
+				// Set the default offset
+				point.below = false;
+				if (inverted) {
+					dataLabelOptions.align = 'left';
+					dataLabelOptions.x = dataLabelOptions.xHigh;								
+				} else {
+					dataLabelOptions.y = dataLabelOptions.yHigh;
+				}
+			}
+			seriesProto.drawDataLabels.apply(this, arguments); // #1209
+			
+			// Step 2: reorganize and handle data labels for the lower values
+			i = length;
+			while (i--) {
+				point = data[i];
+				
+				// Move the generated labels from step 1, and reassign the original data labels
+				point.dataLabelUpper = point.dataLabel;
+				point.dataLabel = originalDataLabels[i];
+				
+				// Reset values
+				point.y = point.low;
+				point.plotY = point.plotLow;
+				
+				// Set the default offset
+				point.below = true;
+				if (inverted) {
+					dataLabelOptions.align = 'right';
+					dataLabelOptions.x = dataLabelOptions.xLow;
+				} else {
+					dataLabelOptions.y = dataLabelOptions.yLow;
+				}
+			}
+			seriesProto.drawDataLabels.apply(this, arguments);
+		}
+	
+	},
+	
+	alignDataLabel: seriesTypes.column.prototype.alignDataLabel,
+	
+	getSymbol: seriesTypes.column.prototype.getSymbol,
+	
+	drawPoints: noop
+});/**
+ * The AreaSplineRangeSeries class
+ */
+
+defaultPlotOptions.areasplinerange = merge(defaultPlotOptions.arearange);
+
+/**
+ * AreaSplineRangeSeries object
+ */
+seriesTypes.areasplinerange = extendClass(seriesTypes.arearange, {
+	type: 'areasplinerange',
+	getPointSpline: seriesTypes.spline.prototype.getPointSpline
+});/**
+ * The ColumnRangeSeries class
+ */
+defaultPlotOptions.columnrange = merge(defaultPlotOptions.column, defaultPlotOptions.arearange, {
+	lineWidth: 1,
+	pointRange: null
+});
+
+/**
+ * ColumnRangeSeries object
+ */
+seriesTypes.columnrange = extendClass(seriesTypes.arearange, {
+	type: 'columnrange',
+	/**
+	 * Translate data points from raw values x and y to plotX and plotY
+	 */
+	translate: function () {
+		var series = this,
+			yAxis = series.yAxis,
+			plotHigh;
+
+		colProto.translate.apply(series);
+
+		// Set plotLow and plotHigh
+		each(series.points, function (point) {
+			var shapeArgs = point.shapeArgs,
+				minPointLength = series.options.minPointLength,
+				heightDifference,
+				height,
+				y;
+
+			point.plotHigh = plotHigh = yAxis.translate(point.high, 0, 1, 0, 1);
+			point.plotLow = point.plotY;
+
+			// adjust shape
+			y = plotHigh;
+			height = point.plotY - plotHigh;
+
+			if (height < minPointLength) {
+				heightDifference = (minPointLength - height);
+				height += heightDifference;
+				y -= heightDifference / 2;
+			}
+			shapeArgs.height = height;
+			shapeArgs.y = y;
+		});
+	},
+	trackerGroups: ['group', 'dataLabels'],
+	drawGraph: noop,
+	pointAttrToOptions: colProto.pointAttrToOptions,
+	drawPoints: colProto.drawPoints,
+	drawTracker: colProto.drawTracker,
+	animate: colProto.animate,
+	getColumnMetrics: colProto.getColumnMetrics
+});
+/* 
+ * The GaugeSeries class
+ */
+
+
+
+/**
+ * Extend the default options
+ */
+defaultPlotOptions.gauge = merge(defaultPlotOptions.line, {
+	dataLabels: {
+		enabled: true,
+		y: 15,
+		borderWidth: 1,
+		borderColor: 'silver',
+		borderRadius: 3,
+		style: {
+			fontWeight: 'bold'
+		},
+		verticalAlign: 'top',
+		zIndex: 2
+	},
+	dial: {
+		// radius: '80%',
+		// backgroundColor: 'black',
+		// borderColor: 'silver',
+		// borderWidth: 0,
+		// baseWidth: 3,
+		// topWidth: 1,
+		// baseLength: '70%' // of radius
+		// rearLength: '10%'
+	},
+	pivot: {
+		//radius: 5,
+		//borderWidth: 0
+		//borderColor: 'silver',
+		//backgroundColor: 'black'
+	},
+	tooltip: {
+		headerFormat: ''
+	},
+	showInLegend: false
+});
+
+/**
+ * Extend the point object
+ */
+var GaugePoint = Highcharts.extendClass(Highcharts.Point, {
+	/**
+	 * Don't do any hover colors or anything
+	 */
+	setState: function (state) {
+		this.state = state;
+	}
+});
+
+
+/**
+ * Add the series type
+ */
+var GaugeSeries = {
+	type: 'gauge',
+	pointClass: GaugePoint,
+	
+	// chart.angular will be set to true when a gauge series is present, and this will
+	// be used on the axes
+	angular: true, 
+	drawGraph: noop,
+	fixedBox: true,
+	trackerGroups: ['group', 'dataLabels'],
+	
+	/**
+	 * Calculate paths etc
+	 */
+	translate: function () {
+		
+		var series = this,
+			yAxis = series.yAxis,
+			options = series.options,
+			center = yAxis.center;
+			
+		series.generatePoints();
+		
+		each(series.points, function (point) {
+			
+			var dialOptions = merge(options.dial, point.dial),
+				radius = (pInt(pick(dialOptions.radius, 80)) * center[2]) / 200,
+				baseLength = (pInt(pick(dialOptions.baseLength, 70)) * radius) / 100,
+				rearLength = (pInt(pick(dialOptions.rearLength, 10)) * radius) / 100,
+				baseWidth = dialOptions.baseWidth || 3,
+				topWidth = dialOptions.topWidth || 1,
+				rotation = yAxis.startAngleRad + yAxis.translate(point.y, null, null, null, true);
+
+			// Handle the wrap option
+			if (options.wrap === false) {
+				rotation = Math.max(yAxis.startAngleRad, Math.min(yAxis.endAngleRad, rotation));
+			}
+			rotation = rotation * 180 / Math.PI;
+				
+			point.shapeType = 'path';
+			point.shapeArgs = {
+				d: dialOptions.path || [
+					'M', 
+					-rearLength, -baseWidth / 2, 
+					'L', 
+					baseLength, -baseWidth / 2,
+					radius, -topWidth / 2,
+					radius, topWidth / 2,
+					baseLength, baseWidth / 2,
+					-rearLength, baseWidth / 2,
+					'z'
+				],
+				translateX: center[0],
+				translateY: center[1],
+				rotation: rotation
+			};
+			
+			// Positions for data label
+			point.plotX = center[0];
+			point.plotY = center[1];
+		});
+	},
+	
+	/**
+	 * Draw the points where each point is one needle
+	 */
+	drawPoints: function () {
+		
+		var series = this,
+			center = series.yAxis.center,
+			pivot = series.pivot,
+			options = series.options,
+			pivotOptions = options.pivot,
+			renderer = series.chart.renderer;
+		
+		each(series.points, function (point) {
+			
+			var graphic = point.graphic,
+				shapeArgs = point.shapeArgs,
+				d = shapeArgs.d,
+				dialOptions = merge(options.dial, point.dial); // #1233
+			
+			if (graphic) {
+				graphic.animate(shapeArgs);
+				shapeArgs.d = d; // animate alters it
+			} else {
+				point.graphic = renderer[point.shapeType](shapeArgs)
+					.attr({
+						stroke: dialOptions.borderColor || 'none',
+						'stroke-width': dialOptions.borderWidth || 0,
+						fill: dialOptions.backgroundColor || 'black',
+						rotation: shapeArgs.rotation // required by VML when animation is false
+					})
+					.add(series.group);
+			}
+		});
+		
+		// Add or move the pivot
+		if (pivot) {
+			pivot.animate({ // #1235
+				translateX: center[0],
+				translateY: center[1]
+			});
+		} else {
+			series.pivot = renderer.circle(0, 0, pick(pivotOptions.radius, 5))
+				.attr({
+					'stroke-width': pivotOptions.borderWidth || 0,
+					stroke: pivotOptions.borderColor || 'silver',
+					fill: pivotOptions.backgroundColor || 'black'
+				})
+				.translate(center[0], center[1])
+				.add(series.group);
+		}
+	},
+	
+	/**
+	 * Animate the arrow up from startAngle
+	 */
+	animate: function (init) {
+		var series = this;
+
+		if (!init) {
+			each(series.points, function (point) {
+				var graphic = point.graphic;
+
+				if (graphic) {
+					// start value
+					graphic.attr({
+						rotation: series.yAxis.startAngleRad * 180 / Math.PI
+					});
+
+					// animate
+					graphic.animate({
+						rotation: point.shapeArgs.rotation
+					}, series.options.animation);
+				}
+			});
+
+			// delete this function to allow it only once
+			series.animate = null;
+		}
+	},
+	
+	render: function () {
+		this.group = this.plotGroup(
+			'group', 
+			'series', 
+			this.visible ? 'visible' : 'hidden', 
+			this.options.zIndex, 
+			this.chart.seriesGroup
+		);
+		seriesTypes.pie.prototype.render.call(this);
+		this.group.clip(this.chart.clipRect);
+	},
+	
+	setData: seriesTypes.pie.prototype.setData,
+	drawTracker: seriesTypes.column.prototype.drawTracker
+};
+seriesTypes.gauge = Highcharts.extendClass(seriesTypes.line, GaugeSeries);/* ****************************************************************************
+ * Start Box plot series code											      *
+ *****************************************************************************/
+
+// Set default options
+defaultPlotOptions.boxplot = merge(defaultPlotOptions.column, {
+	fillColor: '#FFFFFF',
+	lineWidth: 1,
+	//medianColor: null,
+	medianWidth: 2,
+	states: {
+		hover: {
+			brightness: -0.3
+		}
+	},
+	//stemColor: null,
+	//stemDashStyle: 'solid'
+	//stemWidth: null,
+	threshold: null,
+	tooltip: {
+		pointFormat: '<span style="color:{series.color};font-weight:bold">{series.name}</span><br/>' +
+			'Maximum: {point.high}<br/>' +
+			'Upper quartile: {point.q3}<br/>' +
+			'Median: {point.median}<br/>' +
+			'Lower quartile: {point.q1}<br/>' +
+			'Minimum: {point.low}<br/>'
+			
+	},
+	//whiskerColor: null,
+	whiskerLength: '50%',
+	whiskerWidth: 2
+});
+
+// Create the series object
+seriesTypes.boxplot = extendClass(seriesTypes.column, {
+	type: 'boxplot',
+	pointArrayMap: ['low', 'q1', 'median', 'q3', 'high'], // array point configs are mapped to this
+	toYData: function (point) { // return a plain array for speedy calculation
+		return [point.low, point.q1, point.median, point.q3, point.high];
+	},
+	pointValKey: 'high', // defines the top of the tracker
+	
+	/**
+	 * One-to-one mapping from options to SVG attributes
+	 */
+	pointAttrToOptions: { // mapping between SVG attributes and the corresponding options
+		fill: 'fillColor',
+		stroke: 'color',
+		'stroke-width': 'lineWidth'
+	},
+	
+	/**
+	 * Disable data labels for box plot
+	 */
+	drawDataLabels: noop,
+
+	/**
+	 * Translate data points from raw values x and y to plotX and plotY
+	 */
+	translate: function () {
+		var series = this,
+			yAxis = series.yAxis,
+			pointArrayMap = series.pointArrayMap;
+
+		seriesTypes.column.prototype.translate.apply(series);
+
+		// do the translation on each point dimension
+		each(series.points, function (point) {
+			each(pointArrayMap, function (key) {
+				if (point[key] !== null) {
+					point[key + 'Plot'] = yAxis.translate(point[key], 0, 1, 0, 1);
+				}
+			});
+		});
+	},
+
+	/**
+	 * Draw the data points
+	 */
+	drawPoints: function () {
+		var series = this,  //state = series.state,
+			points = series.points,
+			options = series.options,
+			chart = series.chart,
+			renderer = chart.renderer,
+			pointAttr,
+			q1Plot,
+			q3Plot,
+			highPlot,
+			lowPlot,
+			medianPlot,
+			crispCorr,
+			crispX,
+			graphic,
+			stemPath,
+			stemAttr,
+			boxPath,
+			whiskersPath,
+			whiskersAttr,
+			medianPath,
+			medianAttr,
+			width,
+			left,
+			right,
+			halfWidth,
+			shapeArgs,
+			color,
+			doQuartiles = series.doQuartiles !== false, // error bar inherits this series type but doesn't do quartiles
+			whiskerLength = parseInt(series.options.whiskerLength, 10) / 100;
+
+
+		each(points, function (point) {
+
+			graphic = point.graphic;
+			shapeArgs = point.shapeArgs; // the box
+			stemAttr = {};
+			whiskersAttr = {};
+			medianAttr = {};
+			color = point.color || series.color;
+			
+			if (point.plotY !== UNDEFINED) {
+
+				pointAttr = point.pointAttr[point.selected ? 'selected' : ''];
+
+				// crisp vector coordinates
+				width = shapeArgs.width;
+				left = mathFloor(shapeArgs.x);
+				right = left + width;
+				halfWidth = mathRound(width / 2);
+				//crispX = mathRound(left + halfWidth) + crispCorr;
+				q1Plot = mathFloor(doQuartiles ? point.q1Plot : point.lowPlot);// + crispCorr;
+				q3Plot = mathFloor(doQuartiles ? point.q3Plot : point.lowPlot);// + crispCorr;
+				highPlot = mathFloor(point.highPlot);// + crispCorr;
+				lowPlot = mathFloor(point.lowPlot);// + crispCorr;
+				
+				// Stem attributes
+				stemAttr.stroke = point.stemColor || options.stemColor || color;
+				stemAttr['stroke-width'] = pick(point.stemWidth, options.stemWidth, options.lineWidth);
+				stemAttr.dashstyle = point.stemDashStyle || options.stemDashStyle;
+				
+				// Whiskers attributes
+				whiskersAttr.stroke = point.whiskerColor || options.whiskerColor || color;
+				whiskersAttr['stroke-width'] = pick(point.whiskerWidth, options.whiskerWidth, options.lineWidth);
+				
+				// Median attributes
+				medianAttr.stroke = point.medianColor || options.medianColor || color;
+				medianAttr['stroke-width'] = pick(point.medianWidth, options.medianWidth, options.lineWidth);
+				
+				
+				// The stem
+				crispCorr = (stemAttr['stroke-width'] % 2) / 2;
+				crispX = left + halfWidth + crispCorr;				
+				stemPath = [
+					// stem up
+					'M',
+					crispX, q3Plot,
+					'L',
+					crispX, highPlot,
+					
+					// stem down
+					'M',
+					crispX, q1Plot,
+					'L',
+					crispX, lowPlot,
+					'z'
+				];
+				
+				// The box
+				if (doQuartiles) {
+					crispCorr = (pointAttr['stroke-width'] % 2) / 2;
+					crispX = mathFloor(crispX) + crispCorr;
+					q1Plot = mathFloor(q1Plot) + crispCorr;
+					q3Plot = mathFloor(q3Plot) + crispCorr;
+					left += crispCorr;
+					right += crispCorr;
+					boxPath = [
+						'M',
+						left, q3Plot,
+						'L',
+						left, q1Plot,
+						'L',
+						right, q1Plot,
+						'L',
+						right, q3Plot,
+						'L',
+						left, q3Plot,
+						'z'
+					];
+				}
+				
+				// The whiskers
+				if (whiskerLength) {
+					crispCorr = (whiskersAttr['stroke-width'] % 2) / 2;
+					highPlot = highPlot + crispCorr;
+					lowPlot = lowPlot + crispCorr;
+					whiskersPath = [
+						// High whisker
+						'M',
+						crispX - halfWidth * whiskerLength, 
+						highPlot,
+						'L',
+						crispX + halfWidth * whiskerLength, 
+						highPlot,
+						
+						// Low whisker
+						'M',
+						crispX - halfWidth * whiskerLength, 
+						lowPlot,
+						'L',
+						crispX + halfWidth * whiskerLength, 
+						lowPlot
+					];
+				}
+				
+				// The median
+				crispCorr = (medianAttr['stroke-width'] % 2) / 2;				
+				medianPlot = mathRound(point.medianPlot) + crispCorr;
+				medianPath = [
+					'M',
+					left, 
+					medianPlot,
+					'L',
+					right, 
+					medianPlot,
+					'z'
+				];
+				
+				// Create or update the graphics
+				if (graphic) { // update
+					
+					point.stem.animate({ d: stemPath });
+					if (whiskerLength) {
+						point.whiskers.animate({ d: whiskersPath });
+					}
+					if (doQuartiles) {
+						point.box.animate({ d: boxPath });
+					}
+					point.medianShape.animate({ d: medianPath });
+					
+				} else { // create new
+					point.graphic = graphic = renderer.g()
+						.add(series.group);
+					
+					point.stem = renderer.path(stemPath)
+						.attr(stemAttr)
+						.add(graphic);
+						
+					if (whiskerLength) {
+						point.whiskers = renderer.path(whiskersPath) 
+							.attr(whiskersAttr)
+							.add(graphic);
+					}
+					if (doQuartiles) {
+						point.box = renderer.path(boxPath)
+							.attr(pointAttr)
+							.add(graphic);
+					}	
+					point.medianShape = renderer.path(medianPath)
+						.attr(medianAttr)
+						.add(graphic);
+				}
+			}
+		});
+
+	}
+
+
+});
+
+/* ****************************************************************************
+ * End Box plot series code												*
+ *****************************************************************************/
+/* ****************************************************************************
+ * Start error bar series code                                                *
+ *****************************************************************************/
+
+// 1 - set default options
+defaultPlotOptions.errorbar = merge(defaultPlotOptions.boxplot, {
+	color: '#000000',
+	grouping: false,
+	linkedTo: ':previous',
+	tooltip: {
+		pointFormat: defaultPlotOptions.arearange.tooltip.pointFormat
+	},
+	whiskerWidth: null
+});
+
+// 2 - Create the series object
+seriesTypes.errorbar = extendClass(seriesTypes.boxplot, {
+	type: 'errorbar',
+	pointArrayMap: ['low', 'high'], // array point configs are mapped to this
+	toYData: function (point) { // return a plain array for speedy calculation
+		return [point.low, point.high];
+	},
+	pointValKey: 'high', // defines the top of the tracker
+	doQuartiles: false,
+
+	/**
+	 * Get the width and X offset, either on top of the linked series column
+	 * or standalone
+	 */
+	getColumnMetrics: function () {
+		return (this.linkedParent && this.linkedParent.columnMetrics) || 
+			seriesTypes.column.prototype.getColumnMetrics.call(this);
+	}
+});
+
+/* ****************************************************************************
+ * End error bar series code                                                  *
+ *****************************************************************************/
+/* ****************************************************************************
+ * Start Waterfall series code                                                *
+ *****************************************************************************/
+
+// 1 - set default options
+defaultPlotOptions.waterfall = merge(defaultPlotOptions.column, {
+	lineWidth: 1,
+	lineColor: '#333',
+	dashStyle: 'dot',
+	borderColor: '#333'
+});
+
+
+// 2 - Create the series object
+seriesTypes.waterfall = extendClass(seriesTypes.column, {
+	type: 'waterfall',
+
+	upColorProp: 'fill',
+
+	pointArrayMap: ['low', 'y'],
+
+	pointValKey: 'y',
+
+	/**
+	 * Init waterfall series, force stacking
+	 */
+	init: function (chart, options) {
+		// force stacking
+		options.stacking = true;
+
+		seriesTypes.column.prototype.init.call(this, chart, options);
+	},
+
+
+	/**
+	 * Translate data points from raw values
+	 */
+	translate: function () {
+		var series = this,
+			options = series.options,
+			axis = series.yAxis,
+			len,
+			i,
+			points,
+			point,
+			shapeArgs,
+			stack,
+			y,
+			previousY,
+			stackPoint,
+			threshold = options.threshold,
+			crispCorr = (options.borderWidth % 2) / 2;
+
+		// run column series translate
+		seriesTypes.column.prototype.translate.apply(this);
+
+		previousY = threshold;
+		points = series.points;
+
+		for (i = 0, len = points.length; i < len; i++) {
+			// cache current point object
+			point = points[i];
+			shapeArgs = point.shapeArgs;
+
+			// get current stack
+			stack = series.getStack(i);
+			stackPoint = stack.points[series.index];
+
+			// override point value for sums
+			if (isNaN(point.y)) {
+				point.y = series.yData[i];
+			}
+
+			// up points
+			y = mathMax(previousY, previousY + point.y) + stackPoint[0];
+			shapeArgs.y = axis.translate(y, 0, 1);
+
+
+			// sum points
+			if (point.isSum || point.isIntermediateSum) {
+				shapeArgs.y = axis.translate(stackPoint[1], 0, 1);
+				shapeArgs.height = axis.translate(stackPoint[0], 0, 1) - shapeArgs.y;
+
+			// if it's not the sum point, update previous stack end position
+			} else {
+				previousY += stack.total;
+			}
+
+			// negative points
+			if (shapeArgs.height < 0) {
+				shapeArgs.y += shapeArgs.height;
+				shapeArgs.height *= -1;
+			}
+
+			point.plotY = shapeArgs.y = mathRound(shapeArgs.y) - crispCorr;
+			shapeArgs.height = mathRound(shapeArgs.height);
+			point.yBottom = shapeArgs.y + shapeArgs.height;
+		}
+	},
+
+	/**
+	 * Call default processData then override yData to reflect waterfall's extremes on yAxis
+	 */
+	processData: function (force) {
+		var series = this,
+			options = series.options,
+			yData = series.yData,
+			points = series.points,
+			point,
+			dataLength = yData.length,
+			threshold = options.threshold || 0,
+			subSum,
+			sum,
+			dataMin,
+			dataMax,
+			y,
+			i;
+
+		sum = subSum = dataMin = dataMax = threshold;
+
+		for (i = 0; i < dataLength; i++) {
+			y = yData[i];
+			point = points && points[i] ? points[i] : {};
+
+			if (y === "sum" || point.isSum) {
+				yData[i] = sum;
+			} else if (y === "intermediateSum" || point.isIntermediateSum) {
+				yData[i] = subSum;
+				subSum = threshold;
+			} else {
+				sum += y;
+				subSum += y;
+			}
+			dataMin = Math.min(sum, dataMin);
+			dataMax = Math.max(sum, dataMax);
+		}
+
+		Series.prototype.processData.call(this, force);
+
+		// Record extremes
+		series.dataMin = dataMin;
+		series.dataMax = dataMax;
+	},
+
+	/**
+	 * Return y value or string if point is sum
+	 */
+	toYData: function (pt) {
+		if (pt.isSum) {
+			return "sum";
+		} else if (pt.isIntermediateSum) {
+			return "intermediateSum";
+		}
+
+		return pt.y;
+	},
+
+	/**
+	 * Postprocess mapping between options and SVG attributes
+	 */
+	getAttribs: function () {
+		seriesTypes.column.prototype.getAttribs.apply(this, arguments);
+
+		var series = this,
+			options = series.options,
+			stateOptions = options.states,
+			upColor = options.upColor || series.color,
+			hoverColor = Highcharts.Color(upColor).brighten(0.1).get(),
+			seriesDownPointAttr = merge(series.pointAttr),
+			upColorProp = series.upColorProp;
+
+		seriesDownPointAttr[''][upColorProp] = upColor;
+		seriesDownPointAttr.hover[upColorProp] = stateOptions.hover.upColor || hoverColor;
+		seriesDownPointAttr.select[upColorProp] = stateOptions.select.upColor || upColor;
+
+		each(series.points, function (point) {
+			if (point.y > 0 && !point.color) {
+				point.pointAttr = seriesDownPointAttr;
+				point.color = upColor;
+			}
+		});
+	},
+
+	/**
+	 * Draw columns' connector lines
+	 */
+	getGraphPath: function () {
+
+		var data = this.data,
+			length = data.length,
+			lineWidth = this.options.lineWidth + this.options.borderWidth,
+			normalizer = mathRound(lineWidth) % 2 / 2,
+			path = [],
+			M = 'M',
+			L = 'L',
+			prevArgs,
+			pointArgs,
+			i,
+			d;
+
+		for (i = 1; i < length; i++) {
+			pointArgs = data[i].shapeArgs;
+			prevArgs = data[i - 1].shapeArgs;
+
+			d = [
+				M,
+				prevArgs.x + prevArgs.width, prevArgs.y + normalizer,
+				L,
+				pointArgs.x, prevArgs.y + normalizer
+			];
+
+			if (data[i - 1].y < 0) {
+				d[2] += prevArgs.height;
+				d[5] += prevArgs.height;
+			}
+
+			path = path.concat(d);
+		}
+
+		return path;
+	},
+
+	/**
+	 * Extremes are recorded in processData
+	 */
+	getExtremes: noop,
+
+	/**
+	 * Return stack for given index
+	 */
+	getStack: function (i) {
+		var axis = this.yAxis,
+			stacks = axis.stacks,
+			key = this.stackKey;
+
+		if (this.processedYData[i] < this.options.threshold) {
+			key = '-' + key;
+		}
+
+		return stacks[key][i];
+	},
+
+	drawGraph: Series.prototype.drawGraph
+});
+
+/* ****************************************************************************
+ * End Waterfall series code                                                  *
+ *****************************************************************************/
+/* ****************************************************************************
+ * Start Bubble series code											          *
+ *****************************************************************************/
+
+// 1 - set default options
+defaultPlotOptions.bubble = merge(defaultPlotOptions.scatter, {
+	dataLabels: {
+		inside: true,
+		style: {
+			color: 'white',
+			textShadow: '0px 0px 3px black'
+		},
+		verticalAlign: 'middle'
+	},
+	// displayNegative: true,
+	marker: {
+		// fillOpacity: 0.5,
+		lineColor: null, // inherit from series.color
+		lineWidth: 1
+	},
+	minSize: 8,
+	maxSize: '20%',
+	// negativeColor: null,
+	tooltip: {
+		pointFormat: '({point.x}, {point.y}), Size: {point.z}'
+	},
+	turboThreshold: 0,
+	zThreshold: 0
+});
+
+// 2 - Create the series object
+seriesTypes.bubble = extendClass(seriesTypes.scatter, {
+	type: 'bubble',
+	pointArrayMap: ['y', 'z'],
+	trackerGroups: ['group', 'dataLabelsGroup'],
+	
+	/**
+	 * Mapping between SVG attributes and the corresponding options
+	 */
+	pointAttrToOptions: { 
+		stroke: 'lineColor',
+		'stroke-width': 'lineWidth',
+		fill: 'fillColor'
+	},
+	
+	/**
+	 * Apply the fillOpacity to all fill positions
+	 */
+	applyOpacity: function (fill) {
+		var markerOptions = this.options.marker,
+			fillOpacity = pick(markerOptions.fillOpacity, 0.5);
+		
+		// When called from Legend.colorizeItem, the fill isn't predefined
+		fill = fill || markerOptions.fillColor || this.color; 
+		
+		if (fillOpacity !== 1) {
+			fill = Highcharts.Color(fill).setOpacity(fillOpacity).get('rgba');
+		}
+		return fill;
+	},
+	
+	/**
+	 * Extend the convertAttribs method by applying opacity to the fill
+	 */
+	convertAttribs: function () {
+		var obj = Series.prototype.convertAttribs.apply(this, arguments);
+		
+		obj.fill = this.applyOpacity(obj.fill);
+		
+		return obj;
+	},
+
+	/**
+	 * Get the radius for each point based on the minSize, maxSize and each point's Z value. This
+	 * must be done prior to Series.translate because the axis needs to add padding in 
+	 * accordance with the point sizes.
+	 */
+	getRadii: function (zMin, zMax, minSize, maxSize) {
+		var len,
+			i,
+			pos,
+			zData = this.zData,
+			radii = [],
+			zRange;
+		
+		// Set the shape type and arguments to be picked up in drawPoints
+		for (i = 0, len = zData.length; i < len; i++) {
+			zRange = zMax - zMin;
+			pos = zRange > 0 ? // relative size, a number between 0 and 1
+				(zData[i] - zMin) / (zMax - zMin) : 
+				0.5;
+			radii.push(math.ceil(minSize + pos * (maxSize - minSize)) / 2);
+		}
+		this.radii = radii;
+	},
+	
+	/**
+	 * Perform animation on the bubbles
+	 */
+	animate: function (init) {
+		var animation = this.options.animation;
+		
+		if (!init) { // run the animation
+			each(this.points, function (point) {
+				var graphic = point.graphic,
+					shapeArgs = point.shapeArgs;
+
+				if (graphic && shapeArgs) {
+					// start values
+					graphic.attr('r', 1);
+
+					// animate
+					graphic.animate({
+						r: shapeArgs.r
+					}, animation);
+				}
+			});
+
+			// delete this function to allow it only once
+			this.animate = null;
+		}
+	},
+	
+	/**
+	 * Extend the base translate method to handle bubble size
+	 */
+	translate: function () {
+		
+		var i,
+			data = this.data,
+			point,
+			radius,
+			radii = this.radii;
+		
+		// Run the parent method
+		seriesTypes.scatter.prototype.translate.call(this);
+		
+		// Set the shape type and arguments to be picked up in drawPoints
+		i = data.length;
+		
+		while (i--) {
+			point = data[i];
+			radius = radii ? radii[i] : 0; // #1737
+
+			// Flag for negativeColor to be applied in Series.js
+			point.negative = point.z < (this.options.zThreshold || 0);
+			
+			if (radius >= this.minPxSize / 2) {
+				// Shape arguments
+				point.shapeType = 'circle';
+				point.shapeArgs = {
+					x: point.plotX,
+					y: point.plotY,
+					r: radius
+				};
+				
+				// Alignment box for the data label
+				point.dlBox = {
+					x: point.plotX - radius,
+					y: point.plotY - radius,
+					width: 2 * radius,
+					height: 2 * radius
+				};
+			} else { // below zThreshold
+				point.shapeArgs = point.plotY = point.dlBox = UNDEFINED; // #1691
+			}
+		}
+	},
+	
+	/**
+	 * Get the series' symbol in the legend
+	 * 
+	 * @param {Object} legend The legend object
+	 * @param {Object} item The series (this) or point
+	 */
+	drawLegendSymbol: function (legend, item) {
+		var radius = pInt(legend.itemStyle.fontSize) / 2;
+		
+		item.legendSymbol = this.chart.renderer.circle(
+			radius,
+			legend.baseline - radius,
+			radius
+		).attr({
+			zIndex: 3
+		}).add(item.legendGroup);
+		item.legendSymbol.isMarker = true;	
+		
+	},
+	
+	drawPoints: seriesTypes.column.prototype.drawPoints,
+	alignDataLabel: seriesTypes.column.prototype.alignDataLabel
+});
+
+/**
+ * Add logic to pad each axis with the amount of pixels
+ * necessary to avoid the bubbles to overflow.
+ */
+Axis.prototype.beforePadding = function () {
+	var axis = this,
+		axisLength = this.len,
+		chart = this.chart,
+		pxMin = 0, 
+		pxMax = axisLength,
+		isXAxis = this.isXAxis,
+		dataKey = isXAxis ? 'xData' : 'yData',
+		min = this.min,
+		extremes = {},
+		smallestSize = math.min(chart.plotWidth, chart.plotHeight),
+		zMin = Number.MAX_VALUE,
+		zMax = -Number.MAX_VALUE,
+		range = this.max - min,
+		transA = axisLength / range,
+		activeSeries = [];
+
+	// Handle padding on the second pass, or on redraw
+	if (this.tickPositions) {
+		each(this.series, function (series) {
+
+			var seriesOptions = series.options,
+				zData;
+
+			if (series.type === 'bubble' && series.visible) {
+
+				// Correction for #1673
+				axis.allowZoomOutside = true;
+
+				// Cache it
+				activeSeries.push(series);
+
+				if (isXAxis) { // because X axis is evaluated first
+				
+					// For each series, translate the size extremes to pixel values
+					each(['minSize', 'maxSize'], function (prop) {
+						var length = seriesOptions[prop],
+							isPercent = /%$/.test(length);
+						
+						length = pInt(length);
+						extremes[prop] = isPercent ?
+							smallestSize * length / 100 :
+							length;
+						
+					});
+					series.minPxSize = extremes.minSize;
+					
+					// Find the min and max Z
+					zData = series.zData;
+					if (zData.length) { // #1735
+						zMin = math.min(
+							zMin,
+							math.max(
+								arrayMin(zData), 
+								seriesOptions.displayNegative === false ? seriesOptions.zThreshold : -Number.MAX_VALUE
+							)
+						);
+						zMax = math.max(zMax, arrayMax(zData));
+					}
+				}
+			}
+		});
+
+		each(activeSeries, function (series) {
+
+			var data = series[dataKey],
+				i = data.length,
+				radius;
+
+			if (isXAxis) {
+				series.getRadii(zMin, zMax, extremes.minSize, extremes.maxSize);
+			}
+			
+			if (range > 0) {
+				while (i--) {
+					radius = series.radii[i];
+					pxMin = Math.min(((data[i] - min) * transA) - radius, pxMin);
+					pxMax = Math.max(((data[i] - min) * transA) + radius, pxMax);
+				}
+			}
+		});
+		
+		if (activeSeries.length && range > 0 && pick(this.options.min, this.userMin) === UNDEFINED && pick(this.options.max, this.userMax) === UNDEFINED) {
+			pxMax -= axisLength;
+			transA *= (axisLength + pxMin - pxMax) / axisLength;
+			this.min += pxMin / transA;
+			this.max += pxMax / transA;
+		}
+	}
+};
+
+/* ****************************************************************************
+ * End Bubble series code                                                     *
+ *****************************************************************************/
+/**
+ * Extensions for polar charts. Additionally, much of the geometry required for polar charts is
+ * gathered in RadialAxes.js.
+ * 
+ */
+
+var seriesProto = Series.prototype,
+	pointerProto = Highcharts.Pointer.prototype;
+
+
+
+/**
+ * Translate a point's plotX and plotY from the internal angle and radius measures to 
+ * true plotX, plotY coordinates
+ */
+seriesProto.toXY = function (point) {
+	var xy,
+		chart = this.chart,
+		plotX = point.plotX,
+		plotY = point.plotY;
+	
+	// Save rectangular plotX, plotY for later computation
+	point.rectPlotX = plotX;
+	point.rectPlotY = plotY;
+	
+	// Record the angle in degrees for use in tooltip
+	point.clientX = ((plotX / Math.PI * 180) + this.xAxis.pane.options.startAngle) % 360;
+	
+	// Find the polar plotX and plotY
+	xy = this.xAxis.postTranslate(point.plotX, this.yAxis.len - plotY);
+	point.plotX = point.polarPlotX = xy.x - chart.plotLeft;
+	point.plotY = point.polarPlotY = xy.y - chart.plotTop;
+};
+
+/** 
+ * Order the tooltip points to get the mouse capture ranges correct. #1915. 
+ */
+seriesProto.orderTooltipPoints = function (points) {
+	if (this.chart.polar) {
+		points.sort(function (a, b) {
+			return a.clientX - b.clientX;
+		});
+
+		// Wrap mouse tracking around to capture movement on the segment to the left
+		// of the north point (#1469, #2093).
+		if (points[0]) {
+			points[0].wrappedClientX = points[0].clientX + 360;
+			points.push(points[0]);
+		}
+	}
+};
+
+
+/**
+ * Add some special init logic to areas and areasplines
+ */
+function initArea(proceed, chart, options) {
+	proceed.call(this, chart, options);
+	if (this.chart.polar) {
+		
+		/**
+		 * Overridden method to close a segment path. While in a cartesian plane the area 
+		 * goes down to the threshold, in the polar chart it goes to the center.
+		 */
+		this.closeSegment = function (path) {
+			var center = this.xAxis.center;
+			path.push(
+				'L',
+				center[0],
+				center[1]
+			);			
+		};
+		
+		// Instead of complicated logic to draw an area around the inner area in a stack,
+		// just draw it behind
+		this.closedStacks = true;
+	}
+}
+wrap(seriesTypes.area.prototype, 'init', initArea);
+wrap(seriesTypes.areaspline.prototype, 'init', initArea);
+		
+
+/**
+ * Overridden method for calculating a spline from one point to the next
+ */
+wrap(seriesTypes.spline.prototype, 'getPointSpline', function (proceed, segment, point, i) {
+	
+	var ret,
+		smoothing = 1.5, // 1 means control points midway between points, 2 means 1/3 from the point, 3 is 1/4 etc;
+		denom = smoothing + 1,
+		plotX, 
+		plotY,
+		lastPoint,
+		nextPoint,
+		lastX,
+		lastY,
+		nextX,
+		nextY,
+		leftContX,
+		leftContY,
+		rightContX,
+		rightContY,
+		distanceLeftControlPoint,
+		distanceRightControlPoint,
+		leftContAngle,
+		rightContAngle,
+		jointAngle;
+		
+		
+	if (this.chart.polar) {
+		
+		plotX = point.plotX;
+		plotY = point.plotY;
+		lastPoint = segment[i - 1];
+		nextPoint = segment[i + 1];
+			
+		// Connect ends
+		if (this.connectEnds) {
+			if (!lastPoint) {
+				lastPoint = segment[segment.length - 2]; // not the last but the second last, because the segment is already connected
+			}
+			if (!nextPoint) {
+				nextPoint = segment[1];
+			}	
+		}
+
+		// find control points
+		if (lastPoint && nextPoint) {
+		
+			lastX = lastPoint.plotX;
+			lastY = lastPoint.plotY;
+			nextX = nextPoint.plotX;
+			nextY = nextPoint.plotY;
+			leftContX = (smoothing * plotX + lastX) / denom;
+			leftContY = (smoothing * plotY + lastY) / denom;
+			rightContX = (smoothing * plotX + nextX) / denom;
+			rightContY = (smoothing * plotY + nextY) / denom;
+			distanceLeftControlPoint = Math.sqrt(Math.pow(leftContX - plotX, 2) + Math.pow(leftContY - plotY, 2));
+			distanceRightControlPoint = Math.sqrt(Math.pow(rightContX - plotX, 2) + Math.pow(rightContY - plotY, 2));
+			leftContAngle = Math.atan2(leftContY - plotY, leftContX - plotX);
+			rightContAngle = Math.atan2(rightContY - plotY, rightContX - plotX);
+			jointAngle = (Math.PI / 2) + ((leftContAngle + rightContAngle) / 2);
+				
+				
+			// Ensure the right direction, jointAngle should be in the same quadrant as leftContAngle
+			if (Math.abs(leftContAngle - jointAngle) > Math.PI / 2) {
+				jointAngle -= Math.PI;
+			}
+			
+			// Find the corrected control points for a spline straight through the point
+			leftContX = plotX + Math.cos(jointAngle) * distanceLeftControlPoint;
+			leftContY = plotY + Math.sin(jointAngle) * distanceLeftControlPoint;
+			rightContX = plotX + Math.cos(Math.PI + jointAngle) * distanceRightControlPoint;
+			rightContY = plotY + Math.sin(Math.PI + jointAngle) * distanceRightControlPoint;
+			
+			// Record for drawing in next point
+			point.rightContX = rightContX;
+			point.rightContY = rightContY;
+
+		}
+		
+		
+		// moveTo or lineTo
+		if (!i) {
+			ret = ['M', plotX, plotY];
+		} else { // curve from last point to this
+			ret = [
+				'C',
+				lastPoint.rightContX || lastPoint.plotX,
+				lastPoint.rightContY || lastPoint.plotY,
+				leftContX || plotX,
+				leftContY || plotY,
+				plotX,
+				plotY
+			];
+			lastPoint.rightContX = lastPoint.rightContY = null; // reset for updating series later
+		}
+		
+		
+	} else {
+		ret = proceed.call(this, segment, point, i);
+	}
+	return ret;
+});
+
+/**
+ * Extend translate. The plotX and plotY values are computed as if the polar chart were a
+ * cartesian plane, where plotX denotes the angle in radians and (yAxis.len - plotY) is the pixel distance from
+ * center. 
+ */
+wrap(seriesProto, 'translate', function (proceed) {
+		
+	// Run uber method
+	proceed.call(this);
+	
+	// Postprocess plot coordinates
+	if (this.chart.polar && !this.preventPostTranslate) {
+		var points = this.points,
+			i = points.length;
+		while (i--) {
+			// Translate plotX, plotY from angle and radius to true plot coordinates
+			this.toXY(points[i]);
+		}
+	}
+});
+
+/** 
+ * Extend getSegmentPath to allow connecting ends across 0 to provide a closed circle in 
+ * line-like series.
+ */
+wrap(seriesProto, 'getSegmentPath', function (proceed, segment) {
+		
+	var points = this.points;
+	
+	// Connect the path
+	if (this.chart.polar && this.options.connectEnds !== false && 
+			segment[segment.length - 1] === points[points.length - 1] && points[0].y !== null) {
+		this.connectEnds = true; // re-used in splines
+		segment = [].concat(segment, [points[0]]);
+	}
+	
+	// Run uber method
+	return proceed.call(this, segment);
+	
+});
+
+
+function polarAnimate(proceed, init) {
+	var chart = this.chart,
+		animation = this.options.animation,
+		group = this.group,
+		markerGroup = this.markerGroup,
+		center = this.xAxis.center,
+		plotLeft = chart.plotLeft,
+		plotTop = chart.plotTop,
+		attribs;
+
+	// Specific animation for polar charts
+	if (chart.polar) {
+		
+		// Enable animation on polar charts only in SVG. In VML, the scaling is different, plus animation
+		// would be so slow it would't matter.
+		if (chart.renderer.isSVG) {
+
+			if (animation === true) {
+				animation = {};
+			}
+	
+			// Initialize the animation
+			if (init) {
+				
+				// Scale down the group and place it in the center
+				attribs = {
+					translateX: center[0] + plotLeft,
+					translateY: center[1] + plotTop,
+					scaleX: 0.001, // #1499
+					scaleY: 0.001
+				};
+					
+				group.attr(attribs);
+				if (markerGroup) {
+					markerGroup.attrSetters = group.attrSetters;
+					markerGroup.attr(attribs);
+				}
+				
+			// Run the animation
+			} else {
+				attribs = {
+					translateX: plotLeft,
+					translateY: plotTop,
+					scaleX: 1,
+					scaleY: 1
+				};
+				group.animate(attribs, animation);
+				if (markerGroup) {
+					markerGroup.animate(attribs, animation);
+				}
+				
+				// Delete this function to allow it only once
+				this.animate = null;
+			}
+		}
+	
+	// For non-polar charts, revert to the basic animation
+	} else {
+		proceed.call(this, init);
+	} 
+}
+
+// Define the animate method for both regular series and column series and their derivatives
+wrap(seriesProto, 'animate', polarAnimate);
+wrap(colProto, 'animate', polarAnimate);
+
+
+/**
+ * Throw in a couple of properties to let setTooltipPoints know we're indexing the points
+ * in degrees (0-360), not plot pixel width.
+ */
+wrap(seriesProto, 'setTooltipPoints', function (proceed, renew) {
+		
+	if (this.chart.polar) {
+		extend(this.xAxis, {
+			tooltipLen: 360 // degrees are the resolution unit of the tooltipPoints array
+		});	
+	}
+	
+	// Run uber method
+	return proceed.call(this, renew);
+});
+
+
+/**
+ * Extend the column prototype's translate method
+ */
+wrap(colProto, 'translate', function (proceed) {
+		
+	var xAxis = this.xAxis,
+		len = this.yAxis.len,
+		center = xAxis.center,
+		startAngleRad = xAxis.startAngleRad,
+		renderer = this.chart.renderer,
+		start,
+		points,
+		point,
+		i;
+	
+	this.preventPostTranslate = true;
+	
+	// Run uber method
+	proceed.call(this);
+	
+	// Postprocess plot coordinates
+	if (xAxis.isRadial) {
+		points = this.points;
+		i = points.length;
+		while (i--) {
+			point = points[i];
+			start = point.barX + startAngleRad;
+			point.shapeType = 'path';
+			point.shapeArgs = {
+				d: renderer.symbols.arc(
+					center[0],
+					center[1],
+					len - point.plotY,
+					null, 
+					{
+						start: start,
+						end: start + point.pointWidth,
+						innerR: len - pick(point.yBottom, len)
+					}
+				)
+			};
+			this.toXY(point); // provide correct plotX, plotY for tooltip
+		}
+	}
+});
+
+
+/**
+ * Align column data labels outside the columns. #1199.
+ */
+wrap(colProto, 'alignDataLabel', function (proceed, point, dataLabel, options, alignTo, isNew) {
+	
+	if (this.chart.polar) {
+		var angle = point.rectPlotX / Math.PI * 180,
+			align,
+			verticalAlign;
+		
+		// Align nicely outside the perimeter of the columns
+		if (options.align === null) {
+			if (angle > 20 && angle < 160) {
+				align = 'left'; // right hemisphere
+			} else if (angle > 200 && angle < 340) {
+				align = 'right'; // left hemisphere
+			} else {
+				align = 'center'; // top or bottom
+			}
+			options.align = align;
+		}
+		if (options.verticalAlign === null) {
+			if (angle < 45 || angle > 315) {
+				verticalAlign = 'bottom'; // top part
+			} else if (angle > 135 && angle < 225) {
+				verticalAlign = 'top'; // bottom part
+			} else {
+				verticalAlign = 'middle'; // left or right
+			}
+			options.verticalAlign = verticalAlign;
+		}
+		
+		seriesProto.alignDataLabel.call(this, point, dataLabel, options, alignTo, isNew);
+	} else {
+		proceed.call(this, point, dataLabel, options, alignTo, isNew);
+	}
+	
+});
+
+/**
+ * Extend the mouse tracker to return the tooltip position index in terms of
+ * degrees rather than pixels
+ */
+wrap(pointerProto, 'getIndex', function (proceed, e) {
+	var ret,
+		chart = this.chart,
+		center,
+		x,
+		y;
+	
+	if (chart.polar) {
+		center = chart.xAxis[0].center;
+		x = e.chartX - center[0] - chart.plotLeft;
+		y = e.chartY - center[1] - chart.plotTop;
+		
+		ret = 180 - Math.round(Math.atan2(x, y) / Math.PI * 180);
+	
+	} else {
+	
+		// Run uber method
+		ret = proceed.call(this, e);
+	}
+	return ret;
+});
+
+/**
+ * Extend getCoordinates to prepare for polar axis values
+ */
+wrap(pointerProto, 'getCoordinates', function (proceed, e) {
+	var chart = this.chart,
+		ret = {
+			xAxis: [],
+			yAxis: []
+		};
+	
+	if (chart.polar) {	
+
+		each(chart.axes, function (axis) {
+			var isXAxis = axis.isXAxis,
+				center = axis.center,
+				x = e.chartX - center[0] - chart.plotLeft,
+				y = e.chartY - center[1] - chart.plotTop;
+			
+			ret[isXAxis ? 'xAxis' : 'yAxis'].push({
+				axis: axis,
+				value: axis.translate(
+					isXAxis ?
+						Math.PI - Math.atan2(x, y) : // angle 
+						Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2)), // distance from center
+					true
+				)
+			});
+		});
+		
+	} else {
+		ret = proceed.call(this, e);
+	}
+	
+	return ret;
+});
+}(Highcharts));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts.js
new file mode 100644
index 000000000..f8edd5f3e
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts.js
@@ -0,0 +1,283 @@
+/*
+ Highcharts JS v3.0.6 (2013-10-04)
+
+ (c) 2009-2013 Torstein Hønsi
+
+ License: www.highcharts.com/license
+*/
+(function(){function r(a,b){var c;a||(a={});for(c in b)a[c]=b[c];return a}function x(){var a,b=arguments.length,c={},d=function(a,b){var c,h;typeof a!=="object"&&(a={});for(h in b)b.hasOwnProperty(h)&&(c=b[h],a[h]=c&&typeof c==="object"&&Object.prototype.toString.call(c)!=="[object Array]"&&typeof c.nodeType!=="number"?d(a[h]||{},c):b[h]);return a};for(a=0;a<b;a++)c=d(c,arguments[a]);return c}function C(a,b){return parseInt(a,b||10)}function ea(a){return typeof a==="string"}function T(a){return typeof a===
+"object"}function Ia(a){return Object.prototype.toString.call(a)==="[object Array]"}function sa(a){return typeof a==="number"}function na(a){return R.log(a)/R.LN10}function fa(a){return R.pow(10,a)}function ga(a,b){for(var c=a.length;c--;)if(a[c]===b){a.splice(c,1);break}}function u(a){return a!==w&&a!==null}function v(a,b,c){var d,e;if(ea(b))u(c)?a.setAttribute(b,c):a&&a.getAttribute&&(e=a.getAttribute(b));else if(u(b)&&T(b))for(d in b)a.setAttribute(d,b[d]);return e}function ja(a){return Ia(a)?
+a:[a]}function o(){var a=arguments,b,c,d=a.length;for(b=0;b<d;b++)if(c=a[b],typeof c!=="undefined"&&c!==null)return c}function K(a,b){if(ta&&b&&b.opacity!==w)b.filter="alpha(opacity="+b.opacity*100+")";r(a.style,b)}function U(a,b,c,d,e){a=y.createElement(a);b&&r(a,b);e&&K(a,{padding:0,border:S,margin:0});c&&K(a,c);d&&d.appendChild(a);return a}function ha(a,b){var c=function(){};c.prototype=new a;r(c.prototype,b);return c}function Aa(a,b,c,d){var e=M.lang,a=+a||0,f=b===-1?(a.toString().split(".")[1]||
+"").length:isNaN(b=N(b))?2:b,b=c===void 0?e.decimalPoint:c,d=d===void 0?e.thousandsSep:d,e=a<0?"-":"",c=String(C(a=N(a).toFixed(f))),g=c.length>3?c.length%3:0;return e+(g?c.substr(0,g)+d:"")+c.substr(g).replace(/(\d{3})(?=\d)/g,"$1"+d)+(f?b+N(a-c).toFixed(f).slice(2):"")}function Ba(a,b){return Array((b||2)+1-String(a).length).join(0)+a}function mb(a,b,c){var d=a[b];a[b]=function(){var a=Array.prototype.slice.call(arguments);a.unshift(d);return c.apply(this,a)}}function Ca(a,b){for(var c="{",d=!1,
+e,f,g,h,i,j=[];(c=a.indexOf(c))!==-1;){e=a.slice(0,c);if(d){f=e.split(":");g=f.shift().split(".");i=g.length;e=b;for(h=0;h<i;h++)e=e[g[h]];if(f.length)f=f.join(":"),g=/\.([0-9])/,h=M.lang,i=void 0,/f$/.test(f)?(i=(i=f.match(g))?i[1]:-1,e=Aa(e,i,h.decimalPoint,f.indexOf(",")>-1?h.thousandsSep:"")):e=Xa(f,e)}j.push(e);a=a.slice(c+1);c=(d=!d)?"}":"{"}j.push(a);return j.join("")}function nb(a){return R.pow(10,P(R.log(a)/R.LN10))}function ob(a,b,c,d){var e,c=o(c,1);e=a/c;b||(b=[1,2,2.5,5,10],d&&d.allowDecimals===
+!1&&(c===1?b=[1,2,5,10]:c<=0.1&&(b=[1/c])));for(d=0;d<b.length;d++)if(a=b[d],e<=(b[d]+(b[d+1]||b[d]))/2)break;a*=c;return a}function Cb(a,b){var c=b||[[Db,[1,2,5,10,20,25,50,100,200,500]],[pb,[1,2,5,10,15,30]],[Ya,[1,2,5,10,15,30]],[Qa,[1,2,3,4,6,8,12]],[ua,[1,2]],[Za,[1,2]],[Ra,[1,2,3,4,6]],[Da,null]],d=c[c.length-1],e=D[d[0]],f=d[1],g;for(g=0;g<c.length;g++)if(d=c[g],e=D[d[0]],f=d[1],c[g+1]&&a<=(e*f[f.length-1]+D[c[g+1][0]])/2)break;e===D[Da]&&a<5*e&&(f=[1,2,5]);c=ob(a/e,f,d[0]===Da?nb(a/e):1);
+return{unitRange:e,count:c,unitName:d[0]}}function Eb(a,b,c,d){var e=[],f={},g=M.global.useUTC,h,i=new Date(b),j=a.unitRange,k=a.count;if(u(b)){j>=D[pb]&&(i.setMilliseconds(0),i.setSeconds(j>=D[Ya]?0:k*P(i.getSeconds()/k)));if(j>=D[Ya])i[Fb](j>=D[Qa]?0:k*P(i[qb]()/k));if(j>=D[Qa])i[Gb](j>=D[ua]?0:k*P(i[rb]()/k));if(j>=D[ua])i[sb](j>=D[Ra]?1:k*P(i[Sa]()/k));j>=D[Ra]&&(i[Hb](j>=D[Da]?0:k*P(i[$a]()/k)),h=i[ab]());j>=D[Da]&&(h-=h%k,i[Ib](h));if(j===D[Za])i[sb](i[Sa]()-i[tb]()+o(d,1));b=1;h=i[ab]();for(var d=
+i.getTime(),l=i[$a](),m=i[Sa](),p=g?0:(864E5+i.getTimezoneOffset()*6E4)%864E5;d<c;)e.push(d),j===D[Da]?d=bb(h+b*k,0):j===D[Ra]?d=bb(h,l+b*k):!g&&(j===D[ua]||j===D[Za])?d=bb(h,l,m+b*k*(j===D[ua]?1:7)):d+=j*k,b++;e.push(d);n(ub(e,function(a){return j<=D[Qa]&&a%D[ua]===p}),function(a){f[a]=ua})}e.info=r(a,{higherRanks:f,totalRange:j*k});return e}function Jb(){this.symbol=this.color=0}function Kb(a,b){var c=a.length,d,e;for(e=0;e<c;e++)a[e].ss_i=e;a.sort(function(a,c){d=b(a,c);return d===0?a.ss_i-c.ss_i:
+d});for(e=0;e<c;e++)delete a[e].ss_i}function Ja(a){for(var b=a.length,c=a[0];b--;)a[b]<c&&(c=a[b]);return c}function va(a){for(var b=a.length,c=a[0];b--;)a[b]>c&&(c=a[b]);return c}function Ka(a,b){for(var c in a)a[c]&&a[c]!==b&&a[c].destroy&&a[c].destroy(),delete a[c]}function Ta(a){cb||(cb=U(Ea));a&&cb.appendChild(a);cb.innerHTML=""}function ka(a,b){var c="Highcharts error #"+a+": www.highcharts.com/errors/"+a;if(b)throw c;else O.console&&console.log(c)}function ia(a){return parseFloat(a.toPrecision(14))}
+function La(a,b){Fa=o(a,b.animation)}function Lb(){var a=M.global.useUTC,b=a?"getUTC":"get",c=a?"setUTC":"set";bb=a?Date.UTC:function(a,b,c,g,h,i){return(new Date(a,b,o(c,1),o(g,0),o(h,0),o(i,0))).getTime()};qb=b+"Minutes";rb=b+"Hours";tb=b+"Day";Sa=b+"Date";$a=b+"Month";ab=b+"FullYear";Fb=c+"Minutes";Gb=c+"Hours";sb=c+"Date";Hb=c+"Month";Ib=c+"FullYear"}function wa(){}function Ma(a,b,c,d){this.axis=a;this.pos=b;this.type=c||"";this.isNew=!0;!c&&!d&&this.addLabel()}function vb(a,b){this.axis=a;if(b)this.options=
+b,this.id=b.id}function Mb(a,b,c,d,e,f){var g=a.chart.inverted;this.axis=a;this.isNegative=c;this.options=b;this.x=d;this.total=null;this.points={};this.stack=e;this.percent=f==="percent";this.alignOptions={align:b.align||(g?c?"left":"right":"center"),verticalAlign:b.verticalAlign||(g?"middle":c?"bottom":"top"),y:o(b.y,g?4:c?14:-6),x:o(b.x,g?c?-6:6:0)};this.textAlign=b.textAlign||(g?c?"right":"left":"center")}function db(){this.init.apply(this,arguments)}function wb(){this.init.apply(this,arguments)}
+function xb(a,b){this.init(a,b)}function eb(a,b){this.init(a,b)}function yb(){this.init.apply(this,arguments)}var w,y=document,O=window,R=Math,t=R.round,P=R.floor,xa=R.ceil,s=R.max,I=R.min,N=R.abs,V=R.cos,ca=R.sin,ya=R.PI,Ua=ya*2/360,oa=navigator.userAgent,Nb=O.opera,ta=/msie/i.test(oa)&&!Nb,fb=y.documentMode===8,gb=/AppleWebKit/.test(oa),hb=/Firefox/.test(oa),Ob=/(Mobile|Android|Windows Phone)/.test(oa),za="http://www.w3.org/2000/svg",Z=!!y.createElementNS&&!!y.createElementNS(za,"svg").createSVGRect,
+Ub=hb&&parseInt(oa.split("Firefox/")[1],10)<4,$=!Z&&!ta&&!!y.createElement("canvas").getContext,Va,ib=y.documentElement.ontouchstart!==w,Pb={},zb=0,cb,M,Xa,Fa,Ab,D,pa=function(){},Ga=[],Ea="div",S="none",Qb="rgba(192,192,192,"+(Z?1.0E-4:0.002)+")",Db="millisecond",pb="second",Ya="minute",Qa="hour",ua="day",Za="week",Ra="month",Da="year",Rb="stroke-width",bb,qb,rb,tb,Sa,$a,ab,Fb,Gb,sb,Hb,Ib,W={};O.Highcharts=O.Highcharts?ka(16,!0):{};Xa=function(a,b,c){if(!u(b)||isNaN(b))return"Invalid date";var a=
+o(a,"%Y-%m-%d %H:%M:%S"),d=new Date(b),e,f=d[rb](),g=d[tb](),h=d[Sa](),i=d[$a](),j=d[ab](),k=M.lang,l=k.weekdays,d=r({a:l[g].substr(0,3),A:l[g],d:Ba(h),e:h,b:k.shortMonths[i],B:k.months[i],m:Ba(i+1),y:j.toString().substr(2,2),Y:j,H:Ba(f),I:Ba(f%12||12),l:f%12||12,M:Ba(d[qb]()),p:f<12?"AM":"PM",P:f<12?"am":"pm",S:Ba(d.getSeconds()),L:Ba(t(b%1E3),3)},Highcharts.dateFormats);for(e in d)for(;a.indexOf("%"+e)!==-1;)a=a.replace("%"+e,typeof d[e]==="function"?d[e](b):d[e]);return c?a.substr(0,1).toUpperCase()+
+a.substr(1):a};Jb.prototype={wrapColor:function(a){if(this.color>=a)this.color=0},wrapSymbol:function(a){if(this.symbol>=a)this.symbol=0}};D=function(){for(var a=0,b=arguments,c=b.length,d={};a<c;a++)d[b[a++]]=b[a];return d}(Db,1,pb,1E3,Ya,6E4,Qa,36E5,ua,864E5,Za,6048E5,Ra,26784E5,Da,31556952E3);Ab={init:function(a,b,c){var b=b||"",d=a.shift,e=b.indexOf("C")>-1,f=e?7:3,g,b=b.split(" "),c=[].concat(c),h,i,j=function(a){for(g=a.length;g--;)a[g]==="M"&&a.splice(g+1,0,a[g+1],a[g+2],a[g+1],a[g+2])};e&&
+(j(b),j(c));a.isArea&&(h=b.splice(b.length-6,6),i=c.splice(c.length-6,6));if(d<=c.length/f&&b.length===c.length)for(;d--;)c=[].concat(c).splice(0,f).concat(c);a.shift=0;if(b.length)for(a=c.length;b.length<a;)d=[].concat(b).splice(b.length-f,f),e&&(d[f-6]=d[f-2],d[f-5]=d[f-1]),b=b.concat(d);h&&(b=b.concat(h),c=c.concat(i));return[b,c]},step:function(a,b,c,d){var e=[],f=a.length;if(c===1)e=d;else if(f===b.length&&c<1)for(;f--;)d=parseFloat(a[f]),e[f]=isNaN(d)?a[f]:c*parseFloat(b[f]-d)+d;else e=b;return e}};
+(function(a){O.HighchartsAdapter=O.HighchartsAdapter||a&&{init:function(b){var c=a.fx,d=c.step,e,f=a.Tween,g=f&&f.propHooks;e=a.cssHooks.opacity;a.extend(a.easing,{easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c}});a.each(["cur","_default","width","height","opacity"],function(a,b){var e=d,k,l;b==="cur"?e=c.prototype:b==="_default"&&f&&(e=g[b],b="set");(k=e[b])&&(e[b]=function(c){c=a?c:this;if(c.prop!=="align")return l=c.elem,l.attr?l.attr(c.prop,b==="cur"?w:c.now):k.apply(this,arguments)})});
+mb(e,"get",function(a,b,c){return b.attr?b.opacity||0:a.call(this,b,c)});e=function(a){var c=a.elem,d;if(!a.started)d=b.init(c,c.d,c.toD),a.start=d[0],a.end=d[1],a.started=!0;c.attr("d",b.step(a.start,a.end,a.pos,c.toD))};f?g.d={set:e}:d.d=e;this.each=Array.prototype.forEach?function(a,b){return Array.prototype.forEach.call(a,b)}:function(a,b){for(var c=0,d=a.length;c<d;c++)if(b.call(a[c],a[c],c,a)===!1)return c};a.fn.highcharts=function(){var a="Chart",b=arguments,c,d;ea(b[0])&&(a=b[0],b=Array.prototype.slice.call(b,
+1));c=b[0];if(c!==w)c.chart=c.chart||{},c.chart.renderTo=this[0],new Highcharts[a](c,b[1]),d=this;c===w&&(d=Ga[v(this[0],"data-highcharts-chart")]);return d}},getScript:a.getScript,inArray:a.inArray,adapterRun:function(b,c){return a(b)[c]()},grep:a.grep,map:function(a,c){for(var d=[],e=0,f=a.length;e<f;e++)d[e]=c.call(a[e],a[e],e,a);return d},offset:function(b){return a(b).offset()},addEvent:function(b,c,d){a(b).bind(c,d)},removeEvent:function(b,c,d){var e=y.removeEventListener?"removeEventListener":
+"detachEvent";y[e]&&b&&!b[e]&&(b[e]=function(){});a(b).unbind(c,d)},fireEvent:function(b,c,d,e){var f=a.Event(c),g="detached"+c,h;!ta&&d&&(delete d.layerX,delete d.layerY);r(f,d);b[c]&&(b[g]=b[c],b[c]=null);a.each(["preventDefault","stopPropagation"],function(a,b){var c=f[b];f[b]=function(){try{c.call(f)}catch(a){b==="preventDefault"&&(h=!0)}}});a(b).trigger(f);b[g]&&(b[c]=b[g],b[g]=null);e&&!f.isDefaultPrevented()&&!h&&e(f)},washMouseEvent:function(a){var c=a.originalEvent||a;if(c.pageX===w)c.pageX=
+a.pageX,c.pageY=a.pageY;return c},animate:function(b,c,d){var e=a(b);if(!b.style)b.style={};if(c.d)b.toD=c.d,c.d=1;e.stop();c.opacity!==w&&b.attr&&(c.opacity+="px");e.animate(c,d)},stop:function(b){a(b).stop()}}})(O.jQuery);var X=O.HighchartsAdapter,G=X||{};X&&X.init.call(X,Ab);var jb=G.adapterRun,Vb=G.getScript,qa=G.inArray,n=G.each,ub=G.grep,Wb=G.offset,Na=G.map,J=G.addEvent,aa=G.removeEvent,z=G.fireEvent,Xb=G.washMouseEvent,Bb=G.animate,Wa=G.stop,G={enabled:!0,x:0,y:15,style:{color:"#666",cursor:"default",
+fontSize:"11px",lineHeight:"14px"}};M={colors:"#2f7ed8,#0d233a,#8bbc21,#910000,#1aadce,#492970,#f28f43,#77a1e5,#c42525,#a6c96a".split(","),symbols:["circle","diamond","square","triangle","triangle-down"],lang:{loading:"Loading...",months:"January,February,March,April,May,June,July,August,September,October,November,December".split(","),shortMonths:"Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec".split(","),weekdays:"Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday".split(","),decimalPoint:".",
+numericSymbols:"k,M,G,T,P,E".split(","),resetZoom:"Reset zoom",resetZoomTitle:"Reset zoom level 1:1",thousandsSep:","},global:{useUTC:!0,canvasToolsURL:"http://code.highcharts.com/3.0.6/modules/canvas-tools.js",VMLRadialGradientURL:"http://code.highcharts.com/3.0.6/gfx/vml-radial-gradient.png"},chart:{borderColor:"#4572A7",borderRadius:5,defaultSeriesType:"line",ignoreHiddenSeries:!0,spacing:[10,10,15,10],style:{fontFamily:'"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif',
+fontSize:"12px"},backgroundColor:"#FFFFFF",plotBorderColor:"#C0C0C0",resetZoomButton:{theme:{zIndex:20},position:{align:"right",x:-10,y:10}}},title:{text:"Chart title",align:"center",margin:15,style:{color:"#274b6d",fontSize:"16px"}},subtitle:{text:"",align:"center",style:{color:"#4d759e"}},plotOptions:{line:{allowPointSelect:!1,showCheckbox:!1,animation:{duration:1E3},events:{},lineWidth:2,marker:{enabled:!0,lineWidth:0,radius:4,lineColor:"#FFFFFF",states:{hover:{enabled:!0},select:{fillColor:"#FFFFFF",
+lineColor:"#000000",lineWidth:2}}},point:{events:{}},dataLabels:x(G,{align:"center",enabled:!1,formatter:function(){return this.y===null?"":Aa(this.y,-1)},verticalAlign:"bottom",y:0}),cropThreshold:300,pointRange:0,showInLegend:!0,states:{hover:{marker:{}},select:{marker:{}}},stickyTracking:!0}},labels:{style:{position:"absolute",color:"#3E576F"}},legend:{enabled:!0,align:"center",layout:"horizontal",labelFormatter:function(){return this.name},borderWidth:1,borderColor:"#909090",borderRadius:5,navigation:{activeColor:"#274b6d",
+inactiveColor:"#CCC"},shadow:!1,itemStyle:{cursor:"pointer",color:"#274b6d",fontSize:"12px"},itemHoverStyle:{color:"#000"},itemHiddenStyle:{color:"#CCC"},itemCheckboxStyle:{position:"absolute",width:"13px",height:"13px"},symbolWidth:16,symbolPadding:5,verticalAlign:"bottom",x:0,y:0,title:{style:{fontWeight:"bold"}}},loading:{labelStyle:{fontWeight:"bold",position:"relative",top:"1em"},style:{position:"absolute",backgroundColor:"white",opacity:0.5,textAlign:"center"}},tooltip:{enabled:!0,animation:Z,
+backgroundColor:"rgba(255, 255, 255, .85)",borderWidth:1,borderRadius:3,dateTimeLabelFormats:{millisecond:"%A, %b %e, %H:%M:%S.%L",second:"%A, %b %e, %H:%M:%S",minute:"%A, %b %e, %H:%M",hour:"%A, %b %e, %H:%M",day:"%A, %b %e, %Y",week:"Week from %A, %b %e, %Y",month:"%B %Y",year:"%Y"},headerFormat:'<span style="font-size: 10px">{point.key}</span><br/>',pointFormat:'<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b><br/>',shadow:!0,snap:Ob?25:10,style:{color:"#333333",cursor:"default",
+fontSize:"12px",padding:"8px",whiteSpace:"nowrap"}},credits:{enabled:!0,text:"Highcharts.com",href:"http://www.highcharts.com",position:{align:"right",x:-10,verticalAlign:"bottom",y:-5},style:{cursor:"pointer",color:"#909090",fontSize:"9px"}}};var Y=M.plotOptions,X=Y.line;Lb();var ra=function(a){var b=[],c,d;(function(a){a&&a.stops?d=Na(a.stops,function(a){return ra(a[1])}):(c=/rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]?(?:\.[0-9]+)?)\s*\)/.exec(a))?b=[C(c[1]),C(c[2]),
+C(c[3]),parseFloat(c[4],10)]:(c=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(a))?b=[C(c[1],16),C(c[2],16),C(c[3],16),1]:(c=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(a))&&(b=[C(c[1]),C(c[2]),C(c[3]),1])})(a);return{get:function(c){var f;d?(f=x(a),f.stops=[].concat(f.stops),n(d,function(a,b){f.stops[b]=[f.stops[b][0],a.get(c)]})):f=b&&!isNaN(b[0])?c==="rgb"?"rgb("+b[0]+","+b[1]+","+b[2]+")":c==="a"?b[3]:"rgba("+b.join(",")+")":a;return f},brighten:function(a){if(d)n(d,
+function(b){b.brighten(a)});else if(sa(a)&&a!==0){var c;for(c=0;c<3;c++)b[c]+=C(a*255),b[c]<0&&(b[c]=0),b[c]>255&&(b[c]=255)}return this},rgba:b,setOpacity:function(a){b[3]=a;return this}}};wa.prototype={init:function(a,b){this.element=b==="span"?U(b):y.createElementNS(za,b);this.renderer=a;this.attrSetters={}},opacity:1,animate:function(a,b,c){b=o(b,Fa,!0);Wa(this);if(b){b=x(b);if(c)b.complete=c;Bb(this,a,b)}else this.attr(a),c&&c()},attr:function(a,b){var c,d,e,f,g=this.element,h=g.nodeName.toLowerCase(),
+i=this.renderer,j,k=this.attrSetters,l=this.shadows,m,p,q=this;ea(a)&&u(b)&&(c=a,a={},a[c]=b);if(ea(a))c=a,h==="circle"?c={x:"cx",y:"cy"}[c]||c:c==="strokeWidth"&&(c="stroke-width"),q=v(g,c)||this[c]||0,c!=="d"&&c!=="visibility"&&c!=="fill"&&(q=parseFloat(q));else{for(c in a)if(j=!1,d=a[c],e=k[c]&&k[c].call(this,d,c),e!==!1){e!==w&&(d=e);if(c==="d")d&&d.join&&(d=d.join(" ")),/(NaN| {2}|^$)/.test(d)&&(d="M 0 0");else if(c==="x"&&h==="text")for(e=0;e<g.childNodes.length;e++)f=g.childNodes[e],v(f,"x")===
+v(g,"x")&&v(f,"x",d);else if(this.rotation&&(c==="x"||c==="y"))p=!0;else if(c==="fill")d=i.color(d,g,c);else if(h==="circle"&&(c==="x"||c==="y"))c={x:"cx",y:"cy"}[c]||c;else if(h==="rect"&&c==="r")v(g,{rx:d,ry:d}),j=!0;else if(c==="translateX"||c==="translateY"||c==="rotation"||c==="verticalAlign"||c==="scaleX"||c==="scaleY")j=p=!0;else if(c==="stroke")d=i.color(d,g,c);else if(c==="dashstyle")if(c="stroke-dasharray",d=d&&d.toLowerCase(),d==="solid")d=S;else{if(d){d=d.replace("shortdashdotdot","3,1,1,1,1,1,").replace("shortdashdot",
+"3,1,1,1").replace("shortdot","1,1,").replace("shortdash","3,1,").replace("longdash","8,3,").replace(/dot/g,"1,3,").replace("dash","4,3,").replace(/,$/,"").split(",");for(e=d.length;e--;)d[e]=C(d[e])*o(a["stroke-width"],this["stroke-width"]);d=d.join(",")}}else if(c==="width")d=C(d);else if(c==="align")c="text-anchor",d={left:"start",center:"middle",right:"end"}[d];else if(c==="title")e=g.getElementsByTagName("title")[0],e||(e=y.createElementNS(za,"title"),g.appendChild(e)),e.textContent=d;c==="strokeWidth"&&
+(c="stroke-width");if(c==="stroke-width"||c==="stroke"){this[c]=d;if(this.stroke&&this["stroke-width"])v(g,"stroke",this.stroke),v(g,"stroke-width",this["stroke-width"]),this.hasStroke=!0;else if(c==="stroke-width"&&d===0&&this.hasStroke)g.removeAttribute("stroke"),this.hasStroke=!1;j=!0}this.symbolName&&/^(x|y|width|height|r|start|end|innerR|anchorX|anchorY)/.test(c)&&(m||(this.symbolAttr(a),m=!0),j=!0);if(l&&/^(width|height|visibility|x|y|d|transform|cx|cy|r)$/.test(c))for(e=l.length;e--;)v(l[e],
+c,c==="height"?s(d-(l[e].cutHeight||0),0):d);if((c==="width"||c==="height")&&h==="rect"&&d<0)d=0;this[c]=d;c==="text"?(d!==this.textStr&&delete this.bBox,this.textStr=d,this.added&&i.buildText(this)):j||v(g,c,d)}p&&this.updateTransform()}return q},addClass:function(a){var b=this.element,c=v(b,"class")||"";c.indexOf(a)===-1&&v(b,"class",c+" "+a);return this},symbolAttr:function(a){var b=this;n("x,y,r,start,end,width,height,innerR,anchorX,anchorY".split(","),function(c){b[c]=o(a[c],b[c])});b.attr({d:b.renderer.symbols[b.symbolName](b.x,
+b.y,b.width,b.height,b)})},clip:function(a){return this.attr("clip-path",a?"url("+this.renderer.url+"#"+a.id+")":S)},crisp:function(a,b,c,d,e){var f,g={},h={},i,a=a||this.strokeWidth||this.attr&&this.attr("stroke-width")||0;i=t(a)%2/2;h.x=P(b||this.x||0)+i;h.y=P(c||this.y||0)+i;h.width=P((d||this.width||0)-2*i);h.height=P((e||this.height||0)-2*i);h.strokeWidth=a;for(f in h)this[f]!==h[f]&&(this[f]=g[f]=h[f]);return g},css:function(a){var b=this.element,c=a&&a.width&&b.nodeName.toLowerCase()==="text",
+d,e="",f=function(a,b){return"-"+b.toLowerCase()};if(a&&a.color)a.fill=a.color;this.styles=a=r(this.styles,a);$&&c&&delete a.width;if(ta&&!Z)c&&delete a.width,K(this.element,a);else{for(d in a)e+=d.replace(/([A-Z])/g,f)+":"+a[d]+";";v(b,"style",e)}c&&this.added&&this.renderer.buildText(this);return this},on:function(a,b){var c=this,d=c.element;ib&&a==="click"?(d.ontouchstart=function(a){c.touchEventFired=Date.now();a.preventDefault();b.call(d,a)},d.onclick=function(a){(oa.indexOf("Android")===-1||
+Date.now()-(c.touchEventFired||0)>1100)&&b.call(d,a)}):d["on"+a]=b;return this},setRadialReference:function(a){this.element.radialReference=a;return this},translate:function(a,b){return this.attr({translateX:a,translateY:b})},invert:function(){this.inverted=!0;this.updateTransform();return this},htmlCss:function(a){var b=this.element;if(b=a&&b.tagName==="SPAN"&&a.width)delete a.width,this.textWidth=b,this.updateTransform();this.styles=r(this.styles,a);K(this.element,a);return this},htmlGetBBox:function(){var a=
+this.element,b=this.bBox;if(!b){if(a.nodeName==="text")a.style.position="absolute";b=this.bBox={x:a.offsetLeft,y:a.offsetTop,width:a.offsetWidth,height:a.offsetHeight}}return b},htmlUpdateTransform:function(){if(this.added){var a=this.renderer,b=this.element,c=this.translateX||0,d=this.translateY||0,e=this.x||0,f=this.y||0,g=this.textAlign||"left",h={left:0,center:0.5,right:1}[g],i=g&&g!=="left",j=this.shadows;K(b,{marginLeft:c,marginTop:d});j&&n(j,function(a){K(a,{marginLeft:c+1,marginTop:d+1})});
+this.inverted&&n(b.childNodes,function(c){a.invertChild(c,b)});if(b.tagName==="SPAN"){var k,l,j=this.rotation,m;k=0;var p=1,q=0,ba;m=C(this.textWidth);var A=this.xCorr||0,L=this.yCorr||0,Sb=[j,g,b.innerHTML,this.textWidth].join(",");if(Sb!==this.cTT){u(j)&&(k=j*Ua,p=V(k),q=ca(k),this.setSpanRotation(j,q,p));k=o(this.elemWidth,b.offsetWidth);l=o(this.elemHeight,b.offsetHeight);if(k>m&&/[ \-]/.test(b.textContent||b.innerText))K(b,{width:m+"px",display:"block",whiteSpace:"normal"}),k=m;m=a.fontMetrics(b.style.fontSize).b;
+A=p<0&&-k;L=q<0&&-l;ba=p*q<0;A+=q*m*(ba?1-h:h);L-=p*m*(j?ba?h:1-h:1);i&&(A-=k*h*(p<0?-1:1),j&&(L-=l*h*(q<0?-1:1)),K(b,{textAlign:g}));this.xCorr=A;this.yCorr=L}K(b,{left:e+A+"px",top:f+L+"px"});if(gb)l=b.offsetHeight;this.cTT=Sb}}else this.alignOnAdd=!0},setSpanRotation:function(a){var b={};b[ta?"-ms-transform":gb?"-webkit-transform":hb?"MozTransform":Nb?"-o-transform":""]=b.transform="rotate("+a+"deg)";K(this.element,b)},updateTransform:function(){var a=this.translateX||0,b=this.translateY||0,c=
+this.scaleX,d=this.scaleY,e=this.inverted,f=this.rotation;e&&(a+=this.attr("width"),b+=this.attr("height"));a=["translate("+a+","+b+")"];e?a.push("rotate(90) scale(-1,1)"):f&&a.push("rotate("+f+" "+(this.x||0)+" "+(this.y||0)+")");(u(c)||u(d))&&a.push("scale("+o(c,1)+" "+o(d,1)+")");a.length&&v(this.element,"transform",a.join(" "))},toFront:function(){var a=this.element;a.parentNode.appendChild(a);return this},align:function(a,b,c){var d,e,f,g,h={};e=this.renderer;f=e.alignedObjects;if(a){if(this.alignOptions=
+a,this.alignByTranslate=b,!c||ea(c))this.alignTo=d=c||"renderer",ga(f,this),f.push(this),c=null}else a=this.alignOptions,b=this.alignByTranslate,d=this.alignTo;c=o(c,e[d],e);d=a.align;e=a.verticalAlign;f=(c.x||0)+(a.x||0);g=(c.y||0)+(a.y||0);if(d==="right"||d==="center")f+=(c.width-(a.width||0))/{right:1,center:2}[d];h[b?"translateX":"x"]=t(f);if(e==="bottom"||e==="middle")g+=(c.height-(a.height||0))/({bottom:1,middle:2}[e]||1);h[b?"translateY":"y"]=t(g);this[this.placed?"animate":"attr"](h);this.placed=
+!0;this.alignAttr=h;return this},getBBox:function(){var a=this.bBox,b=this.renderer,c,d=this.rotation;c=this.element;var e=this.styles,f=d*Ua;if(!a){if(c.namespaceURI===za||b.forExport){try{a=c.getBBox?r({},c.getBBox()):{width:c.offsetWidth,height:c.offsetHeight}}catch(g){}if(!a||a.width<0)a={width:0,height:0}}else a=this.htmlGetBBox();if(b.isSVG){b=a.width;c=a.height;if(ta&&e&&e.fontSize==="11px"&&c.toPrecision(3)==="22.7")a.height=c=14;if(d)a.width=N(c*ca(f))+N(b*V(f)),a.height=N(c*V(f))+N(b*ca(f))}this.bBox=
+a}return a},show:function(){return this.attr({visibility:"visible"})},hide:function(){return this.attr({visibility:"hidden"})},fadeOut:function(a){var b=this;b.animate({opacity:0},{duration:a||150,complete:function(){b.hide()}})},add:function(a){var b=this.renderer,c=a||b,d=c.element||b.box,e=d.childNodes,f=this.element,g=v(f,"zIndex"),h;if(a)this.parentGroup=a;this.parentInverted=a&&a.inverted;this.textStr!==void 0&&b.buildText(this);if(g)c.handleZ=!0,g=C(g);if(c.handleZ)for(c=0;c<e.length;c++)if(a=
+e[c],b=v(a,"zIndex"),a!==f&&(C(b)>g||!u(g)&&u(b))){d.insertBefore(f,a);h=!0;break}h||d.appendChild(f);this.added=!0;z(this,"add");return this},safeRemoveChild:function(a){var b=a.parentNode;b&&b.removeChild(a)},destroy:function(){var a=this,b=a.element||{},c=a.shadows,d=a.renderer.isSVG&&b.nodeName==="SPAN"&&b.parentNode,e,f;b.onclick=b.onmouseout=b.onmouseover=b.onmousemove=b.point=null;Wa(a);if(a.clipPath)a.clipPath=a.clipPath.destroy();if(a.stops){for(f=0;f<a.stops.length;f++)a.stops[f]=a.stops[f].destroy();
+a.stops=null}a.safeRemoveChild(b);for(c&&n(c,function(b){a.safeRemoveChild(b)});d&&d.childNodes.length===0;)b=d.parentNode,a.safeRemoveChild(d),d=b;a.alignTo&&ga(a.renderer.alignedObjects,a);for(e in a)delete a[e];return null},shadow:function(a,b,c){var d=[],e,f,g=this.element,h,i,j,k;if(a){i=o(a.width,3);j=(a.opacity||0.15)/i;k=this.parentInverted?"(-1,-1)":"("+o(a.offsetX,1)+", "+o(a.offsetY,1)+")";for(e=1;e<=i;e++){f=g.cloneNode(0);h=i*2+1-2*e;v(f,{isShadow:"true",stroke:a.color||"black","stroke-opacity":j*
+e,"stroke-width":h,transform:"translate"+k,fill:S});if(c)v(f,"height",s(v(f,"height")-h,0)),f.cutHeight=h;b?b.element.appendChild(f):g.parentNode.insertBefore(f,g);d.push(f)}this.shadows=d}return this}};var Ha=function(){this.init.apply(this,arguments)};Ha.prototype={Element:wa,init:function(a,b,c,d){var e=location,f,g;f=this.createElement("svg").attr({version:"1.1"});g=f.element;a.appendChild(g);a.innerHTML.indexOf("xmlns")===-1&&v(g,"xmlns",za);this.isSVG=!0;this.box=g;this.boxWrapper=f;this.alignedObjects=
+[];this.url=(hb||gb)&&y.getElementsByTagName("base").length?e.href.replace(/#.*?$/,"").replace(/([\('\)])/g,"\\$1").replace(/ /g,"%20"):"";this.createElement("desc").add().element.appendChild(y.createTextNode("Created with Highcharts 3.0.6"));this.defs=this.createElement("defs").add();this.forExport=d;this.gradients={};this.setSize(b,c,!1);var h;if(hb&&a.getBoundingClientRect)this.subPixelFix=b=function(){K(a,{left:0,top:0});h=a.getBoundingClientRect();K(a,{left:xa(h.left)-h.left+"px",top:xa(h.top)-
+h.top+"px"})},b(),J(O,"resize",b)},isHidden:function(){return!this.boxWrapper.getBBox().width},destroy:function(){var a=this.defs;this.box=null;this.boxWrapper=this.boxWrapper.destroy();Ka(this.gradients||{});this.gradients=null;if(a)this.defs=a.destroy();this.subPixelFix&&aa(O,"resize",this.subPixelFix);return this.alignedObjects=null},createElement:function(a){var b=new this.Element;b.init(this,a);return b},draw:function(){},buildText:function(a){for(var b=a.element,c=this,d=c.forExport,e=o(a.textStr,
+"").toString().replace(/<(b|strong)>/g,'<span style="font-weight:bold">').replace(/<(i|em)>/g,'<span style="font-style:italic">').replace(/<a/g,"<span").replace(/<\/(b|strong|i|em|a)>/g,"</span>").split(/<br.*?>/g),f=b.childNodes,g=/style="([^"]+)"/,h=/href="(http[^"]+)"/,i=v(b,"x"),j=a.styles,k=j&&j.width&&C(j.width),l=j&&j.lineHeight,m=f.length;m--;)b.removeChild(f[m]);k&&!a.added&&this.box.appendChild(b);e[e.length-1]===""&&e.pop();n(e,function(e,f){var m,o=0,e=e.replace(/<span/g,"|||<span").replace(/<\/span>/g,
+"</span>|||");m=e.split("|||");n(m,function(e){if(e!==""||m.length===1){var p={},n=y.createElementNS(za,"tspan"),s;g.test(e)&&(s=e.match(g)[1].replace(/(;| |^)color([ :])/,"$1fill$2"),v(n,"style",s));h.test(e)&&!d&&(v(n,"onclick",'location.href="'+e.match(h)[1]+'"'),K(n,{cursor:"pointer"}));e=(e.replace(/<(.|\n)*?>/g,"")||" ").replace(/&lt;/g,"<").replace(/&gt;/g,">");if(e!==" "&&(n.appendChild(y.createTextNode(e)),o?p.dx=0:p.x=i,v(n,p),!o&&f&&(!Z&&d&&K(n,{display:"block"}),v(n,"dy",l||c.fontMetrics(/px$/.test(n.style.fontSize)?
+n.style.fontSize:j.fontSize).h,gb&&n.offsetHeight)),b.appendChild(n),o++,k))for(var e=e.replace(/([^\^])-/g,"$1- ").split(" "),u,t,p=a._clipHeight,E=[],w=C(l||16),B=1;e.length||E.length;)delete a.bBox,u=a.getBBox(),t=u.width,u=t>k,!u||e.length===1?(e=E,E=[],e.length&&(B++,p&&B*w>p?(e=["..."],a.attr("title",a.textStr)):(n=y.createElementNS(za,"tspan"),v(n,{dy:w,x:i}),s&&v(n,"style",s),b.appendChild(n),t>k&&(k=t)))):(n.removeChild(n.firstChild),E.unshift(e.pop())),e.length&&n.appendChild(y.createTextNode(e.join(" ").replace(/- /g,
+"-")))}})})},button:function(a,b,c,d,e,f,g,h){var i=this.label(a,b,c,null,null,null,null,null,"button"),j=0,k,l,m,p,q,n,a={x1:0,y1:0,x2:0,y2:1},e=x({"stroke-width":1,stroke:"#CCCCCC",fill:{linearGradient:a,stops:[[0,"#FEFEFE"],[1,"#F6F6F6"]]},r:2,padding:5,style:{color:"black"}},e);m=e.style;delete e.style;f=x(e,{stroke:"#68A",fill:{linearGradient:a,stops:[[0,"#FFF"],[1,"#ACF"]]}},f);p=f.style;delete f.style;g=x(e,{stroke:"#68A",fill:{linearGradient:a,stops:[[0,"#9BD"],[1,"#CDF"]]}},g);q=g.style;
+delete g.style;h=x(e,{style:{color:"#CCC"}},h);n=h.style;delete h.style;J(i.element,ta?"mouseover":"mouseenter",function(){j!==3&&i.attr(f).css(p)});J(i.element,ta?"mouseout":"mouseleave",function(){j!==3&&(k=[e,f,g][j],l=[m,p,q][j],i.attr(k).css(l))});i.setState=function(a){(i.state=j=a)?a===2?i.attr(g).css(q):a===3&&i.attr(h).css(n):i.attr(e).css(m)};return i.on("click",function(){j!==3&&d.call(i)}).attr(e).css(r({cursor:"default"},m))},crispLine:function(a,b){a[1]===a[4]&&(a[1]=a[4]=t(a[1])-b%
+2/2);a[2]===a[5]&&(a[2]=a[5]=t(a[2])+b%2/2);return a},path:function(a){var b={fill:S};Ia(a)?b.d=a:T(a)&&r(b,a);return this.createElement("path").attr(b)},circle:function(a,b,c){a=T(a)?a:{x:a,y:b,r:c};return this.createElement("circle").attr(a)},arc:function(a,b,c,d,e,f){if(T(a))b=a.y,c=a.r,d=a.innerR,e=a.start,f=a.end,a=a.x;a=this.symbol("arc",a||0,b||0,c||0,c||0,{innerR:d||0,start:e||0,end:f||0});a.r=c;return a},rect:function(a,b,c,d,e,f){e=T(a)?a.r:e;e=this.createElement("rect").attr({rx:e,ry:e,
+fill:S});return e.attr(T(a)?a:e.crisp(f,a,b,s(c,0),s(d,0)))},setSize:function(a,b,c){var d=this.alignedObjects,e=d.length;this.width=a;this.height=b;for(this.boxWrapper[o(c,!0)?"animate":"attr"]({width:a,height:b});e--;)d[e].align()},g:function(a){var b=this.createElement("g");return u(a)?b.attr({"class":"highcharts-"+a}):b},image:function(a,b,c,d,e){var f={preserveAspectRatio:S};arguments.length>1&&r(f,{x:b,y:c,width:d,height:e});f=this.createElement("image").attr(f);f.element.setAttributeNS?f.element.setAttributeNS("http://www.w3.org/1999/xlink",
+"href",a):f.element.setAttribute("hc-svg-href",a);return f},symbol:function(a,b,c,d,e,f){var g,h=this.symbols[a],h=h&&h(t(b),t(c),d,e,f),i=/^url\((.*?)\)$/,j,k;if(h)g=this.path(h),r(g,{symbolName:a,x:b,y:c,width:d,height:e}),f&&r(g,f);else if(i.test(a))k=function(a,b){a.element&&(a.attr({width:b[0],height:b[1]}),a.alignByTranslate||a.translate(t((d-b[0])/2),t((e-b[1])/2)))},j=a.match(i)[1],a=Pb[j],g=this.image(j).attr({x:b,y:c}),g.isImg=!0,a?k(g,a):(g.attr({width:0,height:0}),U("img",{onload:function(){k(g,
+Pb[j]=[this.width,this.height])},src:j}));return g},symbols:{circle:function(a,b,c,d){var e=0.166*c;return["M",a+c/2,b,"C",a+c+e,b,a+c+e,b+d,a+c/2,b+d,"C",a-e,b+d,a-e,b,a+c/2,b,"Z"]},square:function(a,b,c,d){return["M",a,b,"L",a+c,b,a+c,b+d,a,b+d,"Z"]},triangle:function(a,b,c,d){return["M",a+c/2,b,"L",a+c,b+d,a,b+d,"Z"]},"triangle-down":function(a,b,c,d){return["M",a,b,"L",a+c,b,a+c/2,b+d,"Z"]},diamond:function(a,b,c,d){return["M",a+c/2,b,"L",a+c,b+d/2,a+c/2,b+d,a,b+d/2,"Z"]},arc:function(a,b,c,d,
+e){var f=e.start,c=e.r||c||d,g=e.end-0.001,d=e.innerR,h=e.open,i=V(f),j=ca(f),k=V(g),g=ca(g),e=e.end-f<ya?0:1;return["M",a+c*i,b+c*j,"A",c,c,0,e,1,a+c*k,b+c*g,h?"M":"L",a+d*k,b+d*g,"A",d,d,0,e,0,a+d*i,b+d*j,h?"":"Z"]}},clipRect:function(a,b,c,d){var e="highcharts-"+zb++,f=this.createElement("clipPath").attr({id:e}).add(this.defs),a=this.rect(a,b,c,d,0).add(f);a.id=e;a.clipPath=f;return a},color:function(a,b,c){var d=this,e,f=/^rgba/,g,h,i,j,k,l,m,p=[];a&&a.linearGradient?g="linearGradient":a&&a.radialGradient&&
+(g="radialGradient");if(g){c=a[g];h=d.gradients;j=a.stops;b=b.radialReference;Ia(c)&&(a[g]=c={x1:c[0],y1:c[1],x2:c[2],y2:c[3],gradientUnits:"userSpaceOnUse"});g==="radialGradient"&&b&&!u(c.gradientUnits)&&(c=x(c,{cx:b[0]-b[2]/2+c.cx*b[2],cy:b[1]-b[2]/2+c.cy*b[2],r:c.r*b[2],gradientUnits:"userSpaceOnUse"}));for(m in c)m!=="id"&&p.push(m,c[m]);for(m in j)p.push(j[m]);p=p.join(",");h[p]?a=h[p].id:(c.id=a="highcharts-"+zb++,h[p]=i=d.createElement(g).attr(c).add(d.defs),i.stops=[],n(j,function(a){f.test(a[1])?
+(e=ra(a[1]),k=e.get("rgb"),l=e.get("a")):(k=a[1],l=1);a=d.createElement("stop").attr({offset:a[0],"stop-color":k,"stop-opacity":l}).add(i);i.stops.push(a)}));return"url("+d.url+"#"+a+")"}else return f.test(a)?(e=ra(a),v(b,c+"-opacity",e.get("a")),e.get("rgb")):(b.removeAttribute(c+"-opacity"),a)},text:function(a,b,c,d){var e=M.chart.style,f=$||!Z&&this.forExport;if(d&&!this.forExport)return this.html(a,b,c);b=t(o(b,0));c=t(o(c,0));a=this.createElement("text").attr({x:b,y:c,text:a}).css({fontFamily:e.fontFamily,
+fontSize:e.fontSize});f&&a.css({position:"absolute"});a.x=b;a.y=c;return a},html:function(a,b,c){var d=M.chart.style,e=this.createElement("span"),f=e.attrSetters,g=e.element,h=e.renderer;f.text=function(a){a!==g.innerHTML&&delete this.bBox;g.innerHTML=a;return!1};f.x=f.y=f.align=function(a,b){b==="align"&&(b="textAlign");e[b]=a;e.htmlUpdateTransform();return!1};e.attr({text:a,x:t(b),y:t(c)}).css({position:"absolute",whiteSpace:"nowrap",fontFamily:d.fontFamily,fontSize:d.fontSize});e.css=e.htmlCss;
+if(h.isSVG)e.add=function(a){var b,c=h.box.parentNode,d=[];if(a){if(b=a.div,!b){for(;a;)d.push(a),a=a.parentGroup;n(d.reverse(),function(a){var d;b=a.div=a.div||U(Ea,{className:v(a.element,"class")},{position:"absolute",left:(a.translateX||0)+"px",top:(a.translateY||0)+"px"},b||c);d=b.style;r(a.attrSetters,{translateX:function(a){d.left=a+"px"},translateY:function(a){d.top=a+"px"},visibility:function(a,b){d[b]=a}})})}}else b=c;b.appendChild(g);e.added=!0;e.alignOnAdd&&e.htmlUpdateTransform();return e};
+return e},fontMetrics:function(a){var a=C(a||11),a=a<24?a+4:t(a*1.2),b=t(a*0.8);return{h:a,b:b}},label:function(a,b,c,d,e,f,g,h,i){function j(){var a,b;a=o.element.style;L=(Oa===void 0||la===void 0||q.styles.textAlign)&&o.getBBox();q.width=(Oa||L.width||0)+2*da+kb;q.height=(la||L.height||0)+2*da;v=da+p.fontMetrics(a&&a.fontSize).b;if(C){if(!A)a=t(-s*da),b=h?-v:0,q.box=A=d?p.symbol(d,a,b,q.width,q.height):p.rect(a,b,q.width,q.height,0,lb[Rb]),A.add(q);A.isImg||A.attr(x({width:q.width,height:q.height},
+lb));lb=null}}function k(){var a=q.styles,a=a&&a.textAlign,b=kb+da*(1-s),c;c=h?0:v;if(u(Oa)&&(a==="center"||a==="right"))b+={center:0.5,right:1}[a]*(Oa-L.width);(b!==o.x||c!==o.y)&&o.attr({x:b,y:c});o.x=b;o.y=c}function l(a,b){A?A.attr(a,b):lb[a]=b}function m(){o.add(q);q.attr({text:a,x:b,y:c});A&&u(e)&&q.attr({anchorX:e,anchorY:f})}var p=this,q=p.g(i),o=p.text("",0,0,g).attr({zIndex:1}),A,L,s=0,da=3,kb=0,Oa,la,E,H,B=0,lb={},v,g=q.attrSetters,C;J(q,"add",m);g.width=function(a){Oa=a;return!1};g.height=
+function(a){la=a;return!1};g.padding=function(a){u(a)&&a!==da&&(da=a,k());return!1};g.paddingLeft=function(a){u(a)&&a!==kb&&(kb=a,k());return!1};g.align=function(a){s={left:0,center:0.5,right:1}[a];return!1};g.text=function(a,b){o.attr(b,a);j();k();return!1};g[Rb]=function(a,b){C=!0;B=a%2/2;l(b,a);return!1};g.stroke=g.fill=g.r=function(a,b){b==="fill"&&(C=!0);l(b,a);return!1};g.anchorX=function(a,b){e=a;l(b,a+B-E);return!1};g.anchorY=function(a,b){f=a;l(b,a-H);return!1};g.x=function(a){q.x=a;a-=s*
+((Oa||L.width)+da);E=t(a);q.attr("translateX",E);return!1};g.y=function(a){H=q.y=t(a);q.attr("translateY",H);return!1};var y=q.css;return r(q,{css:function(a){if(a){var b={},a=x(a);n("fontSize,fontWeight,fontFamily,color,lineHeight,width,textDecoration,textShadow".split(","),function(c){a[c]!==w&&(b[c]=a[c],delete a[c])});o.css(b)}return y.call(q,a)},getBBox:function(){return{width:L.width+2*da,height:L.height+2*da,x:L.x-da,y:L.y-da}},shadow:function(a){A&&A.shadow(a);return q},destroy:function(){aa(q,
+"add",m);aa(q.element,"mouseenter");aa(q.element,"mouseleave");o&&(o=o.destroy());A&&(A=A.destroy());wa.prototype.destroy.call(q);q=p=j=k=l=m=null}})}};Va=Ha;var F;if(!Z&&!$){Highcharts.VMLElement=F={init:function(a,b){var c=["<",b,' filled="f" stroked="f"'],d=["position: ","absolute",";"],e=b===Ea;(b==="shape"||e)&&d.push("left:0;top:0;width:1px;height:1px;");d.push("visibility: ",e?"hidden":"visible");c.push(' style="',d.join(""),'"/>');if(b)c=e||b==="span"||b==="img"?c.join(""):a.prepVML(c),this.element=
+U(c);this.renderer=a;this.attrSetters={}},add:function(a){var b=this.renderer,c=this.element,d=b.box,d=a?a.element||a:d;a&&a.inverted&&b.invertChild(c,d);d.appendChild(c);this.added=!0;this.alignOnAdd&&!this.deferUpdateTransform&&this.updateTransform();z(this,"add");return this},updateTransform:wa.prototype.htmlUpdateTransform,setSpanRotation:function(a,b,c){K(this.element,{filter:a?["progid:DXImageTransform.Microsoft.Matrix(M11=",c,", M12=",-b,", M21=",b,", M22=",c,", sizingMethod='auto expand')"].join(""):
+S})},pathToVML:function(a){for(var b=a.length,c=[],d;b--;)if(sa(a[b]))c[b]=t(a[b]*10)-5;else if(a[b]==="Z")c[b]="x";else if(c[b]=a[b],a.isArc&&(a[b]==="wa"||a[b]==="at"))d=a[b]==="wa"?1:-1,c[b+5]===c[b+7]&&(c[b+7]-=d),c[b+6]===c[b+8]&&(c[b+8]-=d);return c.join(" ")||"x"},attr:function(a,b){var c,d,e,f=this.element||{},g=f.style,h=f.nodeName,i=this.renderer,j=this.symbolName,k,l=this.shadows,m,p=this.attrSetters,q=this;ea(a)&&u(b)&&(c=a,a={},a[c]=b);if(ea(a))c=a,q=c==="strokeWidth"||c==="stroke-width"?
+this.strokeweight:this[c];else for(c in a)if(d=a[c],m=!1,e=p[c]&&p[c].call(this,d,c),e!==!1&&d!==null){e!==w&&(d=e);if(j&&/^(x|y|r|start|end|width|height|innerR|anchorX|anchorY)/.test(c))k||(this.symbolAttr(a),k=!0),m=!0;else if(c==="d"){d=d||[];this.d=d.join(" ");f.path=d=this.pathToVML(d);if(l)for(e=l.length;e--;)l[e].path=l[e].cutOff?this.cutOffPath(d,l[e].cutOff):d;m=!0}else if(c==="visibility"){if(l)for(e=l.length;e--;)l[e].style[c]=d;h==="DIV"&&(d=d==="hidden"?"-999em":0,fb||(g[c]=d?"visible":
+"hidden"),c="top");g[c]=d;m=!0}else if(c==="zIndex")d&&(g[c]=d),m=!0;else if(qa(c,["x","y","width","height"])!==-1)this[c]=d,c==="x"||c==="y"?c={x:"left",y:"top"}[c]:d=s(0,d),this.updateClipping?(this[c]=d,this.updateClipping()):g[c]=d,m=!0;else if(c==="class"&&h==="DIV")f.className=d;else if(c==="stroke")d=i.color(d,f,c),c="strokecolor";else if(c==="stroke-width"||c==="strokeWidth")f.stroked=d?!0:!1,c="strokeweight",this[c]=d,sa(d)&&(d+="px");else if(c==="dashstyle")(f.getElementsByTagName("stroke")[0]||
+U(i.prepVML(["<stroke/>"]),null,null,f))[c]=d||"solid",this.dashstyle=d,m=!0;else if(c==="fill")if(h==="SPAN")g.color=d;else{if(h!=="IMG")f.filled=d!==S?!0:!1,d=i.color(d,f,c,this),c="fillcolor"}else if(c==="opacity")m=!0;else if(h==="shape"&&c==="rotation")this[c]=f.style[c]=d,f.style.left=-t(ca(d*Ua)+1)+"px",f.style.top=t(V(d*Ua))+"px";else if(c==="translateX"||c==="translateY"||c==="rotation")this[c]=d,this.updateTransform(),m=!0;else if(c==="text")this.bBox=null,f.innerHTML=d,m=!0;m||(fb?f[c]=
+d:v(f,c,d))}return q},clip:function(a){var b=this,c;a?(c=a.members,ga(c,b),c.push(b),b.destroyClip=function(){ga(c,b)},a=a.getCSS(b)):(b.destroyClip&&b.destroyClip(),a={clip:fb?"inherit":"rect(auto)"});return b.css(a)},css:wa.prototype.htmlCss,safeRemoveChild:function(a){a.parentNode&&Ta(a)},destroy:function(){this.destroyClip&&this.destroyClip();return wa.prototype.destroy.apply(this)},on:function(a,b){this.element["on"+a]=function(){var a=O.event;a.target=a.srcElement;b(a)};return this},cutOffPath:function(a,
+b){var c,a=a.split(/[ ,]/);c=a.length;if(c===9||c===11)a[c-4]=a[c-2]=C(a[c-2])-10*b;return a.join(" ")},shadow:function(a,b,c){var d=[],e,f=this.element,g=this.renderer,h,i=f.style,j,k=f.path,l,m,p,q;k&&typeof k.value!=="string"&&(k="x");m=k;if(a){p=o(a.width,3);q=(a.opacity||0.15)/p;for(e=1;e<=3;e++){l=p*2+1-2*e;c&&(m=this.cutOffPath(k.value,l+0.5));j=['<shape isShadow="true" strokeweight="',l,'" filled="false" path="',m,'" coordsize="10 10" style="',f.style.cssText,'" />'];h=U(g.prepVML(j),null,
+{left:C(i.left)+o(a.offsetX,1),top:C(i.top)+o(a.offsetY,1)});if(c)h.cutOff=l+1;j=['<stroke color="',a.color||"black",'" opacity="',q*e,'"/>'];U(g.prepVML(j),null,null,h);b?b.element.appendChild(h):f.parentNode.insertBefore(h,f);d.push(h)}this.shadows=d}return this}};F=ha(wa,F);var ma={Element:F,isIE8:oa.indexOf("MSIE 8.0")>-1,init:function(a,b,c){var d,e;this.alignedObjects=[];d=this.createElement(Ea);e=d.element;e.style.position="relative";a.appendChild(d.element);this.isVML=!0;this.box=e;this.boxWrapper=
+d;this.setSize(b,c,!1);y.namespaces.hcv||(y.namespaces.add("hcv","urn:schemas-microsoft-com:vml"),(y.styleSheets.length?y.styleSheets[0]:y.createStyleSheet()).cssText+="hcv\\:fill, hcv\\:path, hcv\\:shape, hcv\\:stroke{ behavior:url(#default#VML); display: inline-block; } ")},isHidden:function(){return!this.box.offsetWidth},clipRect:function(a,b,c,d){var e=this.createElement(),f=T(a);return r(e,{members:[],left:(f?a.x:a)+1,top:(f?a.y:b)+1,width:(f?a.width:c)-1,height:(f?a.height:d)-1,getCSS:function(a){var b=
+a.element,c=b.nodeName,a=a.inverted,d=this.top-(c==="shape"?b.offsetTop:0),e=this.left,b=e+this.width,f=d+this.height,d={clip:"rect("+t(a?e:d)+"px,"+t(a?f:b)+"px,"+t(a?b:f)+"px,"+t(a?d:e)+"px)"};!a&&fb&&c==="DIV"&&r(d,{width:b+"px",height:f+"px"});return d},updateClipping:function(){n(e.members,function(a){a.css(e.getCSS(a))})}})},color:function(a,b,c,d){var e=this,f,g=/^rgba/,h,i,j=S;a&&a.linearGradient?i="gradient":a&&a.radialGradient&&(i="pattern");if(i){var k,l,m=a.linearGradient||a.radialGradient,
+p,q,o,A,L,s="",a=a.stops,u,t=[],w=function(){h=['<fill colors="'+t.join(",")+'" opacity="',o,'" o:opacity2="',q,'" type="',i,'" ',s,'focus="100%" method="any" />'];U(e.prepVML(h),null,null,b)};p=a[0];u=a[a.length-1];p[0]>0&&a.unshift([0,p[1]]);u[0]<1&&a.push([1,u[1]]);n(a,function(a,b){g.test(a[1])?(f=ra(a[1]),k=f.get("rgb"),l=f.get("a")):(k=a[1],l=1);t.push(a[0]*100+"% "+k);b?(o=l,A=k):(q=l,L=k)});if(c==="fill")if(i==="gradient")c=m.x1||m[0]||0,a=m.y1||m[1]||0,p=m.x2||m[2]||0,m=m.y2||m[3]||0,s='angle="'+
+(90-R.atan((m-a)/(p-c))*180/ya)+'"',w();else{var j=m.r,r=j*2,E=j*2,H=m.cx,B=m.cy,x=b.radialReference,v,j=function(){x&&(v=d.getBBox(),H+=(x[0]-v.x)/v.width-0.5,B+=(x[1]-v.y)/v.height-0.5,r*=x[2]/v.width,E*=x[2]/v.height);s='src="'+M.global.VMLRadialGradientURL+'" size="'+r+","+E+'" origin="0.5,0.5" position="'+H+","+B+'" color2="'+L+'" ';w()};d.added?j():J(d,"add",j);j=A}else j=k}else if(g.test(a)&&b.tagName!=="IMG")f=ra(a),h=["<",c,' opacity="',f.get("a"),'"/>'],U(this.prepVML(h),null,null,b),j=
+f.get("rgb");else{j=b.getElementsByTagName(c);if(j.length)j[0].opacity=1,j[0].type="solid";j=a}return j},prepVML:function(a){var b=this.isIE8,a=a.join("");b?(a=a.replace("/>",' xmlns="urn:schemas-microsoft-com:vml" />'),a=a.indexOf('style="')===-1?a.replace("/>",' style="display:inline-block;behavior:url(#default#VML);" />'):a.replace('style="','style="display:inline-block;behavior:url(#default#VML);')):a=a.replace("<","<hcv:");return a},text:Ha.prototype.html,path:function(a){var b={coordsize:"10 10"};
+Ia(a)?b.d=a:T(a)&&r(b,a);return this.createElement("shape").attr(b)},circle:function(a,b,c){var d=this.symbol("circle");if(T(a))c=a.r,b=a.y,a=a.x;d.isCircle=!0;d.r=c;return d.attr({x:a,y:b})},g:function(a){var b;a&&(b={className:"highcharts-"+a,"class":"highcharts-"+a});return this.createElement(Ea).attr(b)},image:function(a,b,c,d,e){var f=this.createElement("img").attr({src:a});arguments.length>1&&f.attr({x:b,y:c,width:d,height:e});return f},rect:function(a,b,c,d,e,f){var g=this.symbol("rect");g.r=
+T(a)?a.r:e;return g.attr(T(a)?a:g.crisp(f,a,b,s(c,0),s(d,0)))},invertChild:function(a,b){var c=b.style;K(a,{flip:"x",left:C(c.width)-1,top:C(c.height)-1,rotation:-90})},symbols:{arc:function(a,b,c,d,e){var f=e.start,g=e.end,h=e.r||c||d,c=e.innerR,d=V(f),i=ca(f),j=V(g),k=ca(g);if(g-f===0)return["x"];f=["wa",a-h,b-h,a+h,b+h,a+h*d,b+h*i,a+h*j,b+h*k];e.open&&!c&&f.push("e","M",a,b);f.push("at",a-c,b-c,a+c,b+c,a+c*j,b+c*k,a+c*d,b+c*i,"x","e");f.isArc=!0;return f},circle:function(a,b,c,d,e){e&&(c=d=2*e.r);
+e&&e.isCircle&&(a-=c/2,b-=d/2);return["wa",a,b,a+c,b+d,a+c,b+d/2,a+c,b+d/2,"e"]},rect:function(a,b,c,d,e){var f=a+c,g=b+d,h;!u(e)||!e.r?f=Ha.prototype.symbols.square.apply(0,arguments):(h=I(e.r,c,d),f=["M",a+h,b,"L",f-h,b,"wa",f-2*h,b,f,b+2*h,f-h,b,f,b+h,"L",f,g-h,"wa",f-2*h,g-2*h,f,g,f,g-h,f-h,g,"L",a+h,g,"wa",a,g-2*h,a+2*h,g,a+h,g,a,g-h,"L",a,b+h,"wa",a,b,a+2*h,b+2*h,a,b+h,a+h,b,"x","e"]);return f}}};Highcharts.VMLRenderer=F=function(){this.init.apply(this,arguments)};F.prototype=x(Ha.prototype,
+ma);Va=F}var Tb;if($)Highcharts.CanVGRenderer=F=function(){za="http://www.w3.org/1999/xhtml"},F.prototype.symbols={},Tb=function(){function a(){var a=b.length,d;for(d=0;d<a;d++)b[d]();b=[]}var b=[];return{push:function(c,d){b.length===0&&Vb(d,a);b.push(c)}}}(),Va=F;Ma.prototype={addLabel:function(){var a=this.axis,b=a.options,c=a.chart,d=a.horiz,e=a.categories,f=a.series[0]&&a.series[0].names,g=this.pos,h=b.labels,i=a.tickPositions,d=d&&e&&!h.step&&!h.staggerLines&&!h.rotation&&c.plotWidth/i.length||
+!d&&(c.margin[3]||c.chartWidth*0.33),j=g===i[0],k=g===i[i.length-1],l,f=e?o(e[g],f&&f[g],g):g,e=this.label,m=i.info;a.isDatetimeAxis&&m&&(l=b.dateTimeLabelFormats[m.higherRanks[g]||m.unitName]);this.isFirst=j;this.isLast=k;b=a.labelFormatter.call({axis:a,chart:c,isFirst:j,isLast:k,dateTimeLabelFormat:l,value:a.isLog?ia(fa(f)):f});g=d&&{width:s(1,t(d-2*(h.padding||10)))+"px"};g=r(g,h.style);if(u(e))e&&e.attr({text:b}).css(g);else{l={align:a.labelAlign};if(sa(h.rotation))l.rotation=h.rotation;if(d&&
+h.ellipsis)l._clipHeight=a.len/i.length;this.label=u(b)&&h.enabled?c.renderer.text(b,0,0,h.useHTML).attr(l).css(g).add(a.labelGroup):null}},getLabelSize:function(){var a=this.label,b=this.axis;return a?(this.labelBBox=a.getBBox())[b.horiz?"height":"width"]:0},getLabelSides:function(){var a=this.axis,b=this.labelBBox.width,a=b*{left:0,center:0.5,right:1}[a.labelAlign]-a.options.labels.x;return[-a,b-a]},handleOverflow:function(a,b){var c=!0,d=this.axis,e=d.chart,f=this.isFirst,g=this.isLast,h=b.x,i=
+d.reversed,j=d.tickPositions;if(f||g){var k=this.getLabelSides(),l=k[0],k=k[1],e=e.plotLeft,m=e+d.len,j=(d=d.ticks[j[a+(f?1:-1)]])&&d.label.xy&&d.label.xy.x+d.getLabelSides()[f?0:1];f&&!i||g&&i?h+l<e&&(h=e-l,d&&h+k>j&&(c=!1)):h+k>m&&(h=m-k,d&&h+l<j&&(c=!1));b.x=h}return c},getPosition:function(a,b,c,d){var e=this.axis,f=e.chart,g=d&&f.oldChartHeight||f.chartHeight;return{x:a?e.translate(b+c,null,null,d)+e.transB:e.left+e.offset+(e.opposite?(d&&f.oldChartWidth||f.chartWidth)-e.right-e.left:0),y:a?
+g-e.bottom+e.offset-(e.opposite?e.height:0):g-e.translate(b+c,null,null,d)-e.transB}},getLabelPosition:function(a,b,c,d,e,f,g,h){var i=this.axis,j=i.transA,k=i.reversed,l=i.staggerLines,m=i.chart.renderer.fontMetrics(e.style.fontSize).b,p=e.rotation,a=a+e.x-(f&&d?f*j*(k?-1:1):0),b=b+e.y-(f&&!d?f*j*(k?1:-1):0);p&&i.side===2&&(b-=m-m*V(p*Ua));!u(e.y)&&!p&&(b+=m-c.getBBox().height/2);l&&(b+=g/(h||1)%l*(i.labelOffset/l));return{x:a,y:b}},getMarkPath:function(a,b,c,d,e,f){return f.crispLine(["M",a,b,"L",
+a+(e?0:-c),b+(e?c:0)],d)},render:function(a,b,c){var d=this.axis,e=d.options,f=d.chart.renderer,g=d.horiz,h=this.type,i=this.label,j=this.pos,k=e.labels,l=this.gridLine,m=h?h+"Grid":"grid",p=h?h+"Tick":"tick",q=e[m+"LineWidth"],n=e[m+"LineColor"],A=e[m+"LineDashStyle"],s=e[p+"Length"],m=e[p+"Width"]||0,u=e[p+"Color"],t=e[p+"Position"],p=this.mark,r=k.step,v=!0,x=d.tickmarkOffset,E=this.getPosition(g,j,x,b),H=E.x,E=E.y,B=g&&H===d.pos+d.len||!g&&E===d.pos?-1:1,C=d.staggerLines;this.isActive=!0;if(q){j=
+d.getPlotLinePath(j+x,q*B,b,!0);if(l===w){l={stroke:n,"stroke-width":q};if(A)l.dashstyle=A;if(!h)l.zIndex=1;if(b)l.opacity=0;this.gridLine=l=q?f.path(j).attr(l).add(d.gridGroup):null}if(!b&&l&&j)l[this.isNew?"attr":"animate"]({d:j,opacity:c})}if(m&&s)t==="inside"&&(s=-s),d.opposite&&(s=-s),b=this.getMarkPath(H,E,s,m*B,g,f),p?p.animate({d:b,opacity:c}):this.mark=f.path(b).attr({stroke:u,"stroke-width":m,opacity:c}).add(d.axisGroup);if(i&&!isNaN(H))i.xy=E=this.getLabelPosition(H,E,i,g,k,x,a,r),this.isFirst&&
+!this.isLast&&!o(e.showFirstLabel,1)||this.isLast&&!this.isFirst&&!o(e.showLastLabel,1)?v=!1:!C&&g&&k.overflow==="justify"&&!this.handleOverflow(a,E)&&(v=!1),r&&a%r&&(v=!1),v&&!isNaN(E.y)?(E.opacity=c,i[this.isNew?"attr":"animate"](E),this.isNew=!1):i.attr("y",-9999)},destroy:function(){Ka(this,this.axis)}};vb.prototype={render:function(){var a=this,b=a.axis,c=b.horiz,d=(b.pointRange||0)/2,e=a.options,f=e.label,g=a.label,h=e.width,i=e.to,j=e.from,k=u(j)&&u(i),l=e.value,m=e.dashStyle,p=a.svgElem,q=
+[],n,A=e.color,L=e.zIndex,t=e.events,w=b.chart.renderer;b.isLog&&(j=na(j),i=na(i),l=na(l));if(h){if(q=b.getPlotLinePath(l,h),d={stroke:A,"stroke-width":h},m)d.dashstyle=m}else if(k){if(j=s(j,b.min-d),i=I(i,b.max+d),q=b.getPlotBandPath(j,i,e),d={fill:A},e.borderWidth)d.stroke=e.borderColor,d["stroke-width"]=e.borderWidth}else return;if(u(L))d.zIndex=L;if(p)q?p.animate({d:q},null,p.onGetPath):(p.hide(),p.onGetPath=function(){p.show()});else if(q&&q.length&&(a.svgElem=p=w.path(q).attr(d).add(),t))for(n in e=
+function(b){p.on(b,function(c){t[b].apply(a,[c])})},t)e(n);if(f&&u(f.text)&&q&&q.length&&b.width>0&&b.height>0){f=x({align:c&&k&&"center",x:c?!k&&4:10,verticalAlign:!c&&k&&"middle",y:c?k?16:10:k?6:-4,rotation:c&&!k&&90},f);if(!g)a.label=g=w.text(f.text,0,0,f.useHTML).attr({align:f.textAlign||f.align,rotation:f.rotation,zIndex:L}).css(f.style).add();b=[q[1],q[4],o(q[6],q[1])];q=[q[2],q[5],o(q[7],q[2])];c=Ja(b);k=Ja(q);g.align(f,!1,{x:c,y:k,width:va(b)-c,height:va(q)-k});g.show()}else g&&g.hide();return a},
+destroy:function(){ga(this.axis.plotLinesAndBands,this);delete this.axis;Ka(this)}};Mb.prototype={destroy:function(){Ka(this,this.axis)},render:function(a){var b=this.options,c=b.format,c=c?Ca(c,this):b.formatter.call(this);this.label?this.label.attr({text:c,visibility:"hidden"}):this.label=this.axis.chart.renderer.text(c,0,0,b.useHTML).css(b.style).attr({align:this.textAlign,rotation:b.rotation,visibility:"hidden"}).add(a)},setOffset:function(a,b){var c=this.axis,d=c.chart,e=d.inverted,f=this.isNegative,
+g=c.translate(this.percent?100:this.total,0,0,0,1),c=c.translate(0),c=N(g-c),h=d.xAxis[0].translate(this.x)+a,i=d.plotHeight,f={x:e?f?g:g-c:h,y:e?i-h-b:f?i-g-c:i-g,width:e?c:b,height:e?b:c};if(e=this.label)e.align(this.alignOptions,null,f),f=e.alignAttr,e.attr({visibility:this.options.crop===!1||d.isInsidePlot(f.x,f.y)?Z?"inherit":"visible":"hidden"})}};db.prototype={defaultOptions:{dateTimeLabelFormats:{millisecond:"%H:%M:%S.%L",second:"%H:%M:%S",minute:"%H:%M",hour:"%H:%M",day:"%e. %b",week:"%e. %b",
+month:"%b '%y",year:"%Y"},endOnTick:!1,gridLineColor:"#C0C0C0",labels:G,lineColor:"#C0D0E0",lineWidth:1,minPadding:0.01,maxPadding:0.01,minorGridLineColor:"#E0E0E0",minorGridLineWidth:1,minorTickColor:"#A0A0A0",minorTickLength:2,minorTickPosition:"outside",startOfWeek:1,startOnTick:!1,tickColor:"#C0D0E0",tickLength:5,tickmarkPlacement:"between",tickPixelInterval:100,tickPosition:"outside",tickWidth:1,title:{align:"middle",style:{color:"#4d759e",fontWeight:"bold"}},type:"linear"},defaultYAxisOptions:{endOnTick:!0,
+gridLineWidth:1,tickPixelInterval:72,showLastLabel:!0,labels:{x:-8,y:3},lineWidth:0,maxPadding:0.05,minPadding:0.05,startOnTick:!0,tickWidth:0,title:{rotation:270,text:"Values"},stackLabels:{enabled:!1,formatter:function(){return Aa(this.total,-1)},style:G.style}},defaultLeftAxisOptions:{labels:{x:-8,y:null},title:{rotation:270}},defaultRightAxisOptions:{labels:{x:8,y:null},title:{rotation:90}},defaultBottomAxisOptions:{labels:{x:0,y:14},title:{rotation:0}},defaultTopAxisOptions:{labels:{x:0,y:-5},
+title:{rotation:0}},init:function(a,b){var c=b.isX;this.horiz=a.inverted?!c:c;this.xOrY=(this.isXAxis=c)?"x":"y";this.opposite=b.opposite;this.side=this.horiz?this.opposite?0:2:this.opposite?1:3;this.setOptions(b);var d=this.options,e=d.type;this.labelFormatter=d.labels.formatter||this.defaultLabelFormatter;this.userOptions=b;this.minPixelPadding=0;this.chart=a;this.reversed=d.reversed;this.zoomEnabled=d.zoomEnabled!==!1;this.categories=d.categories||e==="category";this.isLog=e==="logarithmic";this.isDatetimeAxis=
+e==="datetime";this.isLinked=u(d.linkedTo);this.tickmarkOffset=this.categories&&d.tickmarkPlacement==="between"?0.5:0;this.ticks={};this.minorTicks={};this.plotLinesAndBands=[];this.alternateBands={};this.len=0;this.minRange=this.userMinRange=d.minRange||d.maxZoom;this.range=d.range;this.offset=d.offset||0;this.stacks={};this.oldStacks={};this.stackExtremes={};this.min=this.max=null;var f,d=this.options.events;qa(this,a.axes)===-1&&(a.axes.push(this),a[c?"xAxis":"yAxis"].push(this));this.series=this.series||
+[];if(a.inverted&&c&&this.reversed===w)this.reversed=!0;this.removePlotLine=this.removePlotBand=this.removePlotBandOrLine;for(f in d)J(this,f,d[f]);if(this.isLog)this.val2lin=na,this.lin2val=fa},setOptions:function(a){this.options=x(this.defaultOptions,this.isXAxis?{}:this.defaultYAxisOptions,[this.defaultTopAxisOptions,this.defaultRightAxisOptions,this.defaultBottomAxisOptions,this.defaultLeftAxisOptions][this.side],x(M[this.isXAxis?"xAxis":"yAxis"],a))},update:function(a,b){var c=this.chart,a=c.options[this.xOrY+
+"Axis"][this.options.index]=x(this.userOptions,a);this.destroy(!0);this._addedPlotLB=this.userMin=this.userMax=w;this.init(c,r(a,{events:w}));c.isDirtyBox=!0;o(b,!0)&&c.redraw()},remove:function(a){var b=this.chart,c=this.xOrY+"Axis";n(this.series,function(a){a.remove(!1)});ga(b.axes,this);ga(b[c],this);b.options[c].splice(this.options.index,1);n(b[c],function(a,b){a.options.index=b});this.destroy();b.isDirtyBox=!0;o(a,!0)&&b.redraw()},defaultLabelFormatter:function(){var a=this.axis,b=this.value,
+c=a.categories,d=this.dateTimeLabelFormat,e=M.lang.numericSymbols,f=e&&e.length,g,h=a.options.labels.format,a=a.isLog?b:a.tickInterval;if(h)g=Ca(h,this);else if(c)g=b;else if(d)g=Xa(d,b);else if(f&&a>=1E3)for(;f--&&g===w;)c=Math.pow(1E3,f+1),a>=c&&e[f]!==null&&(g=Aa(b/c,-1)+e[f]);g===w&&(g=b>=1E3?Aa(b,0):Aa(b,-1));return g},getSeriesExtremes:function(){var a=this,b=a.chart;a.hasVisibleSeries=!1;a.dataMin=a.dataMax=null;a.stackExtremes={};a.buildStacks();n(a.series,function(c){if(c.visible||!b.options.chart.ignoreHiddenSeries){var d;
+d=c.options.threshold;var e;a.hasVisibleSeries=!0;a.isLog&&d<=0&&(d=null);if(a.isXAxis){if(d=c.xData,d.length)a.dataMin=I(o(a.dataMin,d[0]),Ja(d)),a.dataMax=s(o(a.dataMax,d[0]),va(d))}else{c.getExtremes();e=c.dataMax;c=c.dataMin;if(u(c)&&u(e))a.dataMin=I(o(a.dataMin,c),c),a.dataMax=s(o(a.dataMax,e),e);if(u(d))if(a.dataMin>=d)a.dataMin=d,a.ignoreMinPadding=!0;else if(a.dataMax<d)a.dataMax=d,a.ignoreMaxPadding=!0}}})},translate:function(a,b,c,d,e,f){var g=this.len,h=1,i=0,j=d?this.oldTransA:this.transA,
+d=d?this.oldMin:this.min,k=this.minPixelPadding,e=(this.options.ordinal||this.isLog&&e)&&this.lin2val;if(!j)j=this.transA;c&&(h*=-1,i=g);this.reversed&&(h*=-1,i-=h*g);b?(a=a*h+i,a-=k,a=a/j+d,e&&(a=this.lin2val(a))):(e&&(a=this.val2lin(a)),f==="between"&&(f=0.5),a=h*(a-d)*j+i+h*k+(sa(f)?j*f*this.pointRange:0));return a},toPixels:function(a,b){return this.translate(a,!1,!this.horiz,null,!0)+(b?0:this.pos)},toValue:function(a,b){return this.translate(a-(b?0:this.pos),!0,!this.horiz,null,!0)},getPlotLinePath:function(a,
+b,c,d){var e=this.chart,f=this.left,g=this.top,h,i,j,a=this.translate(a,null,null,c),k=c&&e.oldChartHeight||e.chartHeight,l=c&&e.oldChartWidth||e.chartWidth,m;h=this.transB;c=i=t(a+h);h=j=t(k-a-h);if(isNaN(a))m=!0;else if(this.horiz){if(h=g,j=k-this.bottom,c<f||c>f+this.width)m=!0}else if(c=f,i=l-this.right,h<g||h>g+this.height)m=!0;return m&&!d?null:e.renderer.crispLine(["M",c,h,"L",i,j],b||0)},getPlotBandPath:function(a,b){var c=this.getPlotLinePath(b),d=this.getPlotLinePath(a);d&&c?d.push(c[4],
+c[5],c[1],c[2]):d=null;return d},getLinearTickPositions:function(a,b,c){for(var d,b=ia(P(b/a)*a),c=ia(xa(c/a)*a),e=[];b<=c;){e.push(b);b=ia(b+a);if(b===d)break;d=b}return e},getLogTickPositions:function(a,b,c,d){var e=this.options,f=this.len,g=[];if(!d)this._minorAutoInterval=null;if(a>=0.5)a=t(a),g=this.getLinearTickPositions(a,b,c);else if(a>=0.08)for(var f=P(b),h,i,j,k,l,e=a>0.3?[1,2,4]:a>0.15?[1,2,4,6,8]:[1,2,3,4,5,6,7,8,9];f<c+1&&!l;f++){i=e.length;for(h=0;h<i&&!l;h++)j=na(fa(f)*e[h]),j>b&&(!d||
+k<=c)&&g.push(k),k>c&&(l=!0),k=j}else if(b=fa(b),c=fa(c),a=e[d?"minorTickInterval":"tickInterval"],a=o(a==="auto"?null:a,this._minorAutoInterval,(c-b)*(e.tickPixelInterval/(d?5:1))/((d?f/this.tickPositions.length:f)||1)),a=ob(a,null,nb(a)),g=Na(this.getLinearTickPositions(a,b,c),na),!d)this._minorAutoInterval=a/5;if(!d)this.tickInterval=a;return g},getMinorTickPositions:function(){var a=this.options,b=this.tickPositions,c=this.minorTickInterval,d=[],e;if(this.isLog){e=b.length;for(a=1;a<e;a++)d=d.concat(this.getLogTickPositions(c,
+b[a-1],b[a],!0))}else if(this.isDatetimeAxis&&a.minorTickInterval==="auto")d=d.concat(Eb(Cb(c),this.min,this.max,a.startOfWeek)),d[0]<this.min&&d.shift();else for(b=this.min+(b[0]-this.min)%c;b<=this.max;b+=c)d.push(b);return d},adjustForMinRange:function(){var a=this.options,b=this.min,c=this.max,d,e=this.dataMax-this.dataMin>=this.minRange,f,g,h,i,j;if(this.isXAxis&&this.minRange===w&&!this.isLog)u(a.min)||u(a.max)?this.minRange=null:(n(this.series,function(a){i=a.xData;for(g=j=a.xIncrement?1:i.length-
+1;g>0;g--)if(h=i[g]-i[g-1],f===w||h<f)f=h}),this.minRange=I(f*5,this.dataMax-this.dataMin));if(c-b<this.minRange){var k=this.minRange;d=(k-c+b)/2;d=[b-d,o(a.min,b-d)];if(e)d[2]=this.dataMin;b=va(d);c=[b+k,o(a.max,b+k)];if(e)c[2]=this.dataMax;c=Ja(c);c-b<k&&(d[0]=c-k,d[1]=o(a.min,c-k),b=va(d))}this.min=b;this.max=c},setAxisTranslation:function(a){var b=this.max-this.min,c=0,d,e=0,f=0,g=this.linkedParent,h=this.transA;if(this.isXAxis)g?(e=g.minPointOffset,f=g.pointRangePadding):n(this.series,function(a){var g=
+a.pointRange,h=a.options.pointPlacement,l=a.closestPointRange;g>b&&(g=0);c=s(c,g);e=s(e,ea(h)?0:g/2);f=s(f,h==="on"?0:g);!a.noSharedTooltip&&u(l)&&(d=u(d)?I(d,l):l)}),g=this.ordinalSlope&&d?this.ordinalSlope/d:1,this.minPointOffset=e*=g,this.pointRangePadding=f*=g,this.pointRange=I(c,b),this.closestPointRange=d;if(a)this.oldTransA=h;this.translationSlope=this.transA=h=this.len/(b+f||1);this.transB=this.horiz?this.left:this.bottom;this.minPixelPadding=h*e},setTickPositions:function(a){var b=this,c=
+b.chart,d=b.options,e=b.isLog,f=b.isDatetimeAxis,g=b.isXAxis,h=b.isLinked,i=b.options.tickPositioner,j=d.maxPadding,k=d.minPadding,l=d.tickInterval,m=d.minTickInterval,p=d.tickPixelInterval,q,ba=b.categories;h?(b.linkedParent=c[g?"xAxis":"yAxis"][d.linkedTo],c=b.linkedParent.getExtremes(),b.min=o(c.min,c.dataMin),b.max=o(c.max,c.dataMax),d.type!==b.linkedParent.options.type&&ka(11,1)):(b.min=o(b.userMin,d.min,b.dataMin),b.max=o(b.userMax,d.max,b.dataMax));if(e)!a&&I(b.min,o(b.dataMin,b.min))<=0&&
+ka(10,1),b.min=ia(na(b.min)),b.max=ia(na(b.max));if(b.range&&(b.userMin=b.min=s(b.min,b.max-b.range),b.userMax=b.max,a))b.range=null;b.beforePadding&&b.beforePadding();b.adjustForMinRange();if(!ba&&!b.usePercentage&&!h&&u(b.min)&&u(b.max)&&(c=b.max-b.min)){if(!u(d.min)&&!u(b.userMin)&&k&&(b.dataMin<0||!b.ignoreMinPadding))b.min-=c*k;if(!u(d.max)&&!u(b.userMax)&&j&&(b.dataMax>0||!b.ignoreMaxPadding))b.max+=c*j}b.min===b.max||b.min===void 0||b.max===void 0?b.tickInterval=1:h&&!l&&p===b.linkedParent.options.tickPixelInterval?
+b.tickInterval=b.linkedParent.tickInterval:(b.tickInterval=o(l,ba?1:(b.max-b.min)*p/s(b.len,p)),!u(l)&&b.len<p&&!this.isRadial&&(q=!0,b.tickInterval/=4));g&&!a&&n(b.series,function(a){a.processData(b.min!==b.oldMin||b.max!==b.oldMax)});b.setAxisTranslation(!0);b.beforeSetTickPositions&&b.beforeSetTickPositions();if(b.postProcessTickInterval)b.tickInterval=b.postProcessTickInterval(b.tickInterval);if(b.pointRange)b.tickInterval=s(b.pointRange,b.tickInterval);if(!l&&b.tickInterval<m)b.tickInterval=
+m;if(!f&&!e&&!l)b.tickInterval=ob(b.tickInterval,null,nb(b.tickInterval),d);b.minorTickInterval=d.minorTickInterval==="auto"&&b.tickInterval?b.tickInterval/5:d.minorTickInterval;b.tickPositions=a=d.tickPositions?[].concat(d.tickPositions):i&&i.apply(b,[b.min,b.max]);if(!a)!b.ordinalPositions&&(b.max-b.min)/b.tickInterval>s(2*b.len,200)&&ka(19,!0),a=f?(b.getNonLinearTimeTicks||Eb)(Cb(b.tickInterval,d.units),b.min,b.max,d.startOfWeek,b.ordinalPositions,b.closestPointRange,!0):e?b.getLogTickPositions(b.tickInterval,
+b.min,b.max):b.getLinearTickPositions(b.tickInterval,b.min,b.max),q&&a.splice(1,a.length-2),b.tickPositions=a;if(!h)e=a[0],f=a[a.length-1],h=b.minPointOffset||0,d.startOnTick?b.min=e:b.min-h>e&&a.shift(),d.endOnTick?b.max=f:b.max+h<f&&a.pop(),a.length===1&&(b.min-=0.001,b.max+=0.001)},setMaxTicks:function(){var a=this.chart,b=a.maxTicks||{},c=this.tickPositions,d=this._maxTicksKey=[this.xOrY,this.pos,this.len].join("-");if(!this.isLinked&&!this.isDatetimeAxis&&c&&c.length>(b[d]||0)&&this.options.alignTicks!==
+!1)b[d]=c.length;a.maxTicks=b},adjustTickAmount:function(){var a=this._maxTicksKey,b=this.tickPositions,c=this.chart.maxTicks;if(c&&c[a]&&!this.isDatetimeAxis&&!this.categories&&!this.isLinked&&this.options.alignTicks!==!1){var d=this.tickAmount,e=b.length;this.tickAmount=a=c[a];if(e<a){for(;b.length<a;)b.push(ia(b[b.length-1]+this.tickInterval));this.transA*=(e-1)/(a-1);this.max=b[b.length-1]}if(u(d)&&a!==d)this.isDirty=!0}},setScale:function(){var a=this.stacks,b,c,d,e;this.oldMin=this.min;this.oldMax=
+this.max;this.oldAxisLength=this.len;this.setAxisSize();e=this.len!==this.oldAxisLength;n(this.series,function(a){if(a.isDirtyData||a.isDirty||a.xAxis.isDirty)d=!0});if(e||d||this.isLinked||this.forceRedraw||this.userMin!==this.oldUserMin||this.userMax!==this.oldUserMax){if(!this.isXAxis)for(b in a)delete a[b];this.forceRedraw=!1;this.getSeriesExtremes();this.setTickPositions();this.oldUserMin=this.userMin;this.oldUserMax=this.userMax;if(!this.isDirty)this.isDirty=e||this.min!==this.oldMin||this.max!==
+this.oldMax}else if(!this.isXAxis){if(this.oldStacks)a=this.stacks=this.oldStacks;for(b in a)for(c in a[b])a[b][c].cum=a[b][c].total}this.setMaxTicks()},setExtremes:function(a,b,c,d,e){var f=this,g=f.chart,c=o(c,!0),e=r(e,{min:a,max:b});z(f,"setExtremes",e,function(){f.userMin=a;f.userMax=b;f.eventArgs=e;f.isDirtyExtremes=!0;c&&g.redraw(d)})},zoom:function(a,b){this.allowZoomOutside||(u(this.dataMin)&&a<=this.dataMin&&(a=w),u(this.dataMax)&&b>=this.dataMax&&(b=w));this.displayBtn=a!==w||b!==w;this.setExtremes(a,
+b,!1,w,{trigger:"zoom"});return!0},setAxisSize:function(){var a=this.chart,b=this.options,c=b.offsetLeft||0,d=b.offsetRight||0,e=this.horiz,f,g;this.left=g=o(b.left,a.plotLeft+c);this.top=f=o(b.top,a.plotTop);this.width=c=o(b.width,a.plotWidth-c+d);this.height=b=o(b.height,a.plotHeight);this.bottom=a.chartHeight-b-f;this.right=a.chartWidth-c-g;this.len=s(e?c:b,0);this.pos=e?g:f},getExtremes:function(){var a=this.isLog;return{min:a?ia(fa(this.min)):this.min,max:a?ia(fa(this.max)):this.max,dataMin:this.dataMin,
+dataMax:this.dataMax,userMin:this.userMin,userMax:this.userMax}},getThreshold:function(a){var b=this.isLog,c=b?fa(this.min):this.min,b=b?fa(this.max):this.max;c>a||a===null?a=c:b<a&&(a=b);return this.translate(a,0,1,0,1)},addPlotBand:function(a){this.addPlotBandOrLine(a,"plotBands")},addPlotLine:function(a){this.addPlotBandOrLine(a,"plotLines")},addPlotBandOrLine:function(a,b){var c=(new vb(this,a)).render(),d=this.userOptions;c&&(b&&(d[b]=d[b]||[],d[b].push(a)),this.plotLinesAndBands.push(c));return c},
+autoLabelAlign:function(a){a=(o(a,0)-this.side*90+720)%360;return a>15&&a<165?"right":a>195&&a<345?"left":"center"},getOffset:function(){var a=this,b=a.chart,c=b.renderer,d=a.options,e=a.tickPositions,f=a.ticks,g=a.horiz,h=a.side,i=b.inverted?[1,0,3,2][h]:h,j,k=0,l,m=0,p=d.title,q=d.labels,ba=0,A=b.axisOffset,L=b.clipOffset,t=[-1,1,1,-1][h],r,v=1,x=o(q.maxStaggerLines,5),la,E,H,B;a.hasData=j=a.hasVisibleSeries||u(a.min)&&u(a.max)&&!!e;a.showAxis=b=j||o(d.showEmpty,!0);a.staggerLines=a.horiz&&q.staggerLines;
+if(!a.axisGroup)a.gridGroup=c.g("grid").attr({zIndex:d.gridZIndex||1}).add(),a.axisGroup=c.g("axis").attr({zIndex:d.zIndex||2}).add(),a.labelGroup=c.g("axis-labels").attr({zIndex:q.zIndex||7}).add();if(j||a.isLinked){a.labelAlign=o(q.align||a.autoLabelAlign(q.rotation));n(e,function(b){f[b]?f[b].addLabel():f[b]=new Ma(a,b)});if(a.horiz&&!a.staggerLines&&x&&!q.rotation){for(r=a.reversed?[].concat(e).reverse():e;v<x;){j=[];la=!1;for(q=0;q<r.length;q++)E=r[q],H=(H=f[E].label&&f[E].label.getBBox())?H.width:
+0,B=q%v,H&&(E=a.translate(E),j[B]!==w&&E<j[B]&&(la=!0),j[B]=E+H);if(la)v++;else break}if(v>1)a.staggerLines=v}n(e,function(b){if(h===0||h===2||{1:"left",3:"right"}[h]===a.labelAlign)ba=s(f[b].getLabelSize(),ba)});if(a.staggerLines)ba*=a.staggerLines,a.labelOffset=ba}else for(r in f)f[r].destroy(),delete f[r];if(p&&p.text&&p.enabled!==!1){if(!a.axisTitle)a.axisTitle=c.text(p.text,0,0,p.useHTML).attr({zIndex:7,rotation:p.rotation||0,align:p.textAlign||{low:"left",middle:"center",high:"right"}[p.align]}).css(p.style).add(a.axisGroup),
+a.axisTitle.isNew=!0;if(b)k=a.axisTitle.getBBox()[g?"height":"width"],m=o(p.margin,g?5:10),l=p.offset;a.axisTitle[b?"show":"hide"]()}a.offset=t*o(d.offset,A[h]);a.axisTitleMargin=o(l,ba+m+(h!==2&&ba&&t*d.labels[g?"y":"x"]));A[h]=s(A[h],a.axisTitleMargin+k+t*a.offset);L[i]=s(L[i],P(d.lineWidth/2)*2)},getLinePath:function(a){var b=this.chart,c=this.opposite,d=this.offset,e=this.horiz,f=this.left+(c?this.width:0)+d,d=b.chartHeight-this.bottom-(c?this.height:0)+d;c&&(a*=-1);return b.renderer.crispLine(["M",
+e?this.left:f,e?d:this.top,"L",e?b.chartWidth-this.right:f,e?d:b.chartHeight-this.bottom],a)},getTitlePosition:function(){var a=this.horiz,b=this.left,c=this.top,d=this.len,e=this.options.title,f=a?b:c,g=this.opposite,h=this.offset,i=C(e.style.fontSize||12),d={low:f+(a?0:d),middle:f+d/2,high:f+(a?d:0)}[e.align],b=(a?c+this.height:b)+(a?1:-1)*(g?-1:1)*this.axisTitleMargin+(this.side===2?i:0);return{x:a?d:b+(g?this.width:0)+h+(e.x||0),y:a?b-(g?this.height:0)+h:d+(e.y||0)}},render:function(){var a=this,
+b=a.chart,c=b.renderer,d=a.options,e=a.isLog,f=a.isLinked,g=a.tickPositions,h=a.axisTitle,i=a.stacks,j=a.ticks,k=a.minorTicks,l=a.alternateBands,m=d.stackLabels,p=d.alternateGridColor,q=a.tickmarkOffset,o=d.lineWidth,A,s=b.hasRendered&&u(a.oldMin)&&!isNaN(a.oldMin);A=a.hasData;var t=a.showAxis,r,v;n([j,k,l],function(a){for(var b in a)a[b].isActive=!1});if(A||f)if(a.minorTickInterval&&!a.categories&&n(a.getMinorTickPositions(),function(b){k[b]||(k[b]=new Ma(a,b,"minor"));s&&k[b].isNew&&k[b].render(null,
+!0);k[b].render(null,!1,1)}),g.length&&(n(g.slice(1).concat([g[0]]),function(b,c){c=c===g.length-1?0:c+1;if(!f||b>=a.min&&b<=a.max)j[b]||(j[b]=new Ma(a,b)),s&&j[b].isNew&&j[b].render(c,!0),j[b].render(c,!1,1)}),q&&a.min===0&&(j[-1]||(j[-1]=new Ma(a,-1,null,!0)),j[-1].render(-1))),p&&n(g,function(b,c){if(c%2===0&&b<a.max)l[b]||(l[b]=new vb(a)),r=b+q,v=g[c+1]!==w?g[c+1]+q:a.max,l[b].options={from:e?fa(r):r,to:e?fa(v):v,color:p},l[b].render(),l[b].isActive=!0}),!a._addedPlotLB)n((d.plotLines||[]).concat(d.plotBands||
+[]),function(b){a.addPlotBandOrLine(b)}),a._addedPlotLB=!0;n([j,k,l],function(a){var c,d,e=[],f=Fa?Fa.duration||500:0,g=function(){for(d=e.length;d--;)a[e[d]]&&!a[e[d]].isActive&&(a[e[d]].destroy(),delete a[e[d]])};for(c in a)if(!a[c].isActive)a[c].render(c,!1,0),a[c].isActive=!1,e.push(c);a===l||!b.hasRendered||!f?g():f&&setTimeout(g,f)});if(o)A=a.getLinePath(o),a.axisLine?a.axisLine.animate({d:A}):a.axisLine=c.path(A).attr({stroke:d.lineColor,"stroke-width":o,zIndex:7}).add(a.axisGroup),a.axisLine[t?
+"show":"hide"]();if(h&&t)h[h.isNew?"attr":"animate"](a.getTitlePosition()),h.isNew=!1;if(m&&m.enabled){var x,la,d=a.stackTotalGroup;if(!d)a.stackTotalGroup=d=c.g("stack-labels").attr({visibility:"visible",zIndex:6}).add();d.translate(b.plotLeft,b.plotTop);for(x in i)for(la in c=i[x],c)c[la].render(d)}a.isDirty=!1},removePlotBandOrLine:function(a){for(var b=this.plotLinesAndBands,c=this.options,d=this.userOptions,e=b.length;e--;)b[e].id===a&&b[e].destroy();n([c.plotLines||[],d.plotLines||[],c.plotBands||
+[],d.plotBands||[]],function(b){for(e=b.length;e--;)b[e].id===a&&ga(b,b[e])})},setTitle:function(a,b){this.update({title:a},b)},redraw:function(){var a=this.chart.pointer;a.reset&&a.reset(!0);this.render();n(this.plotLinesAndBands,function(a){a.render()});n(this.series,function(a){a.isDirty=!0})},buildStacks:function(){var a=this.series,b=a.length;if(!this.isXAxis){for(;b--;)a[b].setStackedPoints();if(this.usePercentage)for(b=0;b<a.length;b++)a[b].setPercentStacks()}},setCategories:function(a,b){this.update({categories:a},
+b)},destroy:function(a){var b=this,c=b.stacks,d,e=b.plotLinesAndBands;a||aa(b);for(d in c)Ka(c[d]),c[d]=null;n([b.ticks,b.minorTicks,b.alternateBands],function(a){Ka(a)});for(a=e.length;a--;)e[a].destroy();n("stackTotalGroup,axisLine,axisGroup,gridGroup,labelGroup,axisTitle".split(","),function(a){b[a]&&(b[a]=b[a].destroy())})}};wb.prototype={init:function(a,b){var c=b.borderWidth,d=b.style,e=C(d.padding);this.chart=a;this.options=b;this.crosshairs=[];this.now={x:0,y:0};this.isHidden=!0;this.label=
+a.renderer.label("",0,0,b.shape,null,null,b.useHTML,null,"tooltip").attr({padding:e,fill:b.backgroundColor,"stroke-width":c,r:b.borderRadius,zIndex:8}).css(d).css({padding:0}).add().attr({y:-999});$||this.label.shadow(b.shadow);this.shared=b.shared},destroy:function(){n(this.crosshairs,function(a){a&&a.destroy()});if(this.label)this.label=this.label.destroy();clearTimeout(this.hideTimer);clearTimeout(this.tooltipTimeout)},move:function(a,b,c,d){var e=this,f=e.now,g=e.options.animation!==!1&&!e.isHidden;
+r(f,{x:g?(2*f.x+a)/3:a,y:g?(f.y+b)/2:b,anchorX:g?(2*f.anchorX+c)/3:c,anchorY:g?(f.anchorY+d)/2:d});e.label.attr(f);if(g&&(N(a-f.x)>1||N(b-f.y)>1))clearTimeout(this.tooltipTimeout),this.tooltipTimeout=setTimeout(function(){e&&e.move(a,b,c,d)},32)},hide:function(){var a=this,b;clearTimeout(this.hideTimer);if(!this.isHidden)b=this.chart.hoverPoints,this.hideTimer=setTimeout(function(){a.label.fadeOut();a.isHidden=!0},o(this.options.hideDelay,500)),b&&n(b,function(a){a.setState()}),this.chart.hoverPoints=
+null},hideCrosshairs:function(){n(this.crosshairs,function(a){a&&a.hide()})},getAnchor:function(a,b){var c,d=this.chart,e=d.inverted,f=d.plotTop,g=0,h=0,i,a=ja(a);c=a[0].tooltipPos;this.followPointer&&b&&(b.chartX===w&&(b=d.pointer.normalize(b)),c=[b.chartX-d.plotLeft,b.chartY-f]);c||(n(a,function(a){i=a.series.yAxis;g+=a.plotX;h+=(a.plotLow?(a.plotLow+a.plotHigh)/2:a.plotY)+(!e&&i?i.top-f:0)}),g/=a.length,h/=a.length,c=[e?d.plotWidth-h:g,this.shared&&!e&&a.length>1&&b?b.chartY-f:e?d.plotHeight-g:
+h]);return Na(c,t)},getPosition:function(a,b,c){var d=this.chart,e=d.plotLeft,f=d.plotTop,g=d.plotWidth,h=d.plotHeight,i=o(this.options.distance,12),j=c.plotX,c=c.plotY,d=j+e+(d.inverted?i:-a-i),k=c-b+f+15,l;d<7&&(d=e+s(j,0)+i);d+a>e+g&&(d-=d+a-(e+g),k=c-b+f-i,l=!0);k<f+5&&(k=f+5,l&&c>=k&&c<=k+b&&(k=c+f+i));k+b>f+h&&(k=s(f,f+h-b-i));return{x:d,y:k}},defaultFormatter:function(a){var b=this.points||ja(this),c=b[0].series,d;d=[c.tooltipHeaderFormatter(b[0])];n(b,function(a){c=a.series;d.push(c.tooltipFormatter&&
+c.tooltipFormatter(a)||a.point.tooltipFormatter(c.tooltipOptions.pointFormat))});d.push(a.options.footerFormat||"");return d.join("")},refresh:function(a,b){var c=this.chart,d=this.label,e=this.options,f,g,h={},i,j=[];i=e.formatter||this.defaultFormatter;var h=c.hoverPoints,k,l=e.crosshairs,m=this.shared;clearTimeout(this.hideTimer);this.followPointer=ja(a)[0].series.tooltipOptions.followPointer;g=this.getAnchor(a,b);f=g[0];g=g[1];m&&(!a.series||!a.series.noSharedTooltip)?(c.hoverPoints=a,h&&n(h,
+function(a){a.setState()}),n(a,function(a){a.setState("hover");j.push(a.getLabelConfig())}),h={x:a[0].category,y:a[0].y},h.points=j,a=a[0]):h=a.getLabelConfig();i=i.call(h,this);h=a.series;i===!1?this.hide():(this.isHidden&&(Wa(d),d.attr("opacity",1).show()),d.attr({text:i}),k=e.borderColor||a.color||h.color||"#606060",d.attr({stroke:k}),this.updatePosition({plotX:f,plotY:g}),this.isHidden=!1);if(l){l=ja(l);for(d=l.length;d--;)if(m=a.series,e=m[d?"yAxis":"xAxis"],l[d]&&e)if(h=d?o(a.stackY,a.y):a.x,
+e.isLog&&(h=na(h)),d===1&&m.modifyValue&&(h=m.modifyValue(h)),e=e.getPlotLinePath(h,1),this.crosshairs[d])this.crosshairs[d].attr({d:e,visibility:"visible"});else{h={"stroke-width":l[d].width||1,stroke:l[d].color||"#C0C0C0",zIndex:l[d].zIndex||2};if(l[d].dashStyle)h.dashstyle=l[d].dashStyle;this.crosshairs[d]=c.renderer.path(e).attr(h).add()}}z(c,"tooltipRefresh",{text:i,x:f+c.plotLeft,y:g+c.plotTop,borderColor:k})},updatePosition:function(a){var b=this.chart,c=this.label,c=(this.options.positioner||
+this.getPosition).call(this,c.width,c.height,a);this.move(t(c.x),t(c.y),a.plotX+b.plotLeft,a.plotY+b.plotTop)}};xb.prototype={init:function(a,b){var c=b.chart,d=c.events,e=$?"":c.zoomType,c=a.inverted,f;this.options=b;this.chart=a;this.zoomX=f=/x/.test(e);this.zoomY=e=/y/.test(e);this.zoomHor=f&&!c||e&&c;this.zoomVert=e&&!c||f&&c;this.runChartClick=d&&!!d.click;this.pinchDown=[];this.lastValidTouch={};if(b.tooltip.enabled)a.tooltip=new wb(a,b.tooltip);this.setDOMEvents()},normalize:function(a,b){var c,
+d,a=a||O.event;if(!a.target)a.target=a.srcElement;a=Xb(a);d=a.touches?a.touches.item(0):a;if(!b)this.chartPosition=b=Wb(this.chart.container);d.pageX===w?(c=s(a.x,a.clientX-b.left),d=a.y):(c=d.pageX-b.left,d=d.pageY-b.top);return r(a,{chartX:t(c),chartY:t(d)})},getCoordinates:function(a){var b={xAxis:[],yAxis:[]};n(this.chart.axes,function(c){b[c.isXAxis?"xAxis":"yAxis"].push({axis:c,value:c.toValue(a[c.horiz?"chartX":"chartY"])})});return b},getIndex:function(a){var b=this.chart;return b.inverted?
+b.plotHeight+b.plotTop-a.chartY:a.chartX-b.plotLeft},runPointActions:function(a){var b=this.chart,c=b.series,d=b.tooltip,e,f=b.hoverPoint,g=b.hoverSeries,h,i,j=b.chartWidth,k=this.getIndex(a);if(d&&this.options.tooltip.shared&&(!g||!g.noSharedTooltip)){e=[];h=c.length;for(i=0;i<h;i++)if(c[i].visible&&c[i].options.enableMouseTracking!==!1&&!c[i].noSharedTooltip&&c[i].tooltipPoints.length&&(b=c[i].tooltipPoints[k])&&b.series)b._dist=N(k-b.clientX),j=I(j,b._dist),e.push(b);for(h=e.length;h--;)e[h]._dist>
+j&&e.splice(h,1);if(e.length&&e[0].clientX!==this.hoverX)d.refresh(e,a),this.hoverX=e[0].clientX}if(g&&g.tracker){if((b=g.tooltipPoints[k])&&b!==f)b.onMouseOver(a)}else d&&d.followPointer&&!d.isHidden&&(a=d.getAnchor([{}],a),d.updatePosition({plotX:a[0],plotY:a[1]}))},reset:function(a){var b=this.chart,c=b.hoverSeries,d=b.hoverPoint,e=b.tooltip,b=e&&e.shared?b.hoverPoints:d;(a=a&&e&&b)&&ja(b)[0].plotX===w&&(a=!1);if(a)e.refresh(b);else{if(d)d.onMouseOut();if(c)c.onMouseOut();e&&(e.hide(),e.hideCrosshairs());
+this.hoverX=null}},scaleGroups:function(a,b){var c=this.chart,d;n(c.series,function(e){d=a||e.getPlotBox();e.xAxis&&e.xAxis.zoomEnabled&&(e.group.attr(d),e.markerGroup&&(e.markerGroup.attr(d),e.markerGroup.clip(b?c.clipRect:null)),e.dataLabelsGroup&&e.dataLabelsGroup.attr(d))});c.clipRect.attr(b||c.clipBox)},pinchTranslateDirection:function(a,b,c,d,e,f,g){var h=this.chart,i=a?"x":"y",j=a?"X":"Y",k="chart"+j,l=a?"width":"height",m=h["plot"+(a?"Left":"Top")],p,q,o=1,n=h.inverted,s=h.bounds[a?"h":"v"],
+t=b.length===1,u=b[0][k],r=c[0][k],w=!t&&b[1][k],v=!t&&c[1][k],x,c=function(){!t&&N(u-w)>20&&(o=N(r-v)/N(u-w));q=(m-r)/o+u;p=h["plot"+(a?"Width":"Height")]/o};c();b=q;b<s.min?(b=s.min,x=!0):b+p>s.max&&(b=s.max-p,x=!0);x?(r-=0.8*(r-g[i][0]),t||(v-=0.8*(v-g[i][1])),c()):g[i]=[r,v];n||(f[i]=q-m,f[l]=p);f=n?1/o:o;e[l]=p;e[i]=b;d[n?a?"scaleY":"scaleX":"scale"+j]=o;d["translate"+j]=f*m+(r-f*u)},pinch:function(a){var b=this,c=b.chart,d=b.pinchDown,e=c.tooltip&&c.tooltip.options.followTouchMove,f=a.touches,
+g=f.length,h=b.lastValidTouch,i=b.zoomHor||b.pinchHor,j=b.zoomVert||b.pinchVert,k=i||j,l=b.selectionMarker,m={},p=g===1&&(b.inClass(a.target,"highcharts-tracker")&&c.runTrackerClick||c.runChartClick),q={};(k||e)&&!p&&a.preventDefault();Na(f,function(a){return b.normalize(a)});if(a.type==="touchstart")n(f,function(a,b){d[b]={chartX:a.chartX,chartY:a.chartY}}),h.x=[d[0].chartX,d[1]&&d[1].chartX],h.y=[d[0].chartY,d[1]&&d[1].chartY],n(c.axes,function(a){if(a.zoomEnabled){var b=c.bounds[a.horiz?"h":"v"],
+d=a.minPixelPadding,e=a.toPixels(a.dataMin),f=a.toPixels(a.dataMax),g=I(e,f),e=s(e,f);b.min=I(a.pos,g-d);b.max=s(a.pos+a.len,e+d)}});else if(d.length){if(!l)b.selectionMarker=l=r({destroy:pa},c.plotBox);i&&b.pinchTranslateDirection(!0,d,f,m,l,q,h);j&&b.pinchTranslateDirection(!1,d,f,m,l,q,h);b.hasPinched=k;b.scaleGroups(m,q);!k&&e&&g===1&&this.runPointActions(b.normalize(a))}},dragStart:function(a){var b=this.chart;b.mouseIsDown=a.type;b.cancelClick=!1;b.mouseDownX=this.mouseDownX=a.chartX;b.mouseDownY=
+this.mouseDownY=a.chartY},drag:function(a){var b=this.chart,c=b.options.chart,d=a.chartX,e=a.chartY,f=this.zoomHor,g=this.zoomVert,h=b.plotLeft,i=b.plotTop,j=b.plotWidth,k=b.plotHeight,l,m=this.mouseDownX,p=this.mouseDownY;d<h?d=h:d>h+j&&(d=h+j);e<i?e=i:e>i+k&&(e=i+k);this.hasDragged=Math.sqrt(Math.pow(m-d,2)+Math.pow(p-e,2));if(this.hasDragged>10){l=b.isInsidePlot(m-h,p-i);if(b.hasCartesianSeries&&(this.zoomX||this.zoomY)&&l&&!this.selectionMarker)this.selectionMarker=b.renderer.rect(h,i,f?1:j,g?
+1:k,0).attr({fill:c.selectionMarkerFill||"rgba(69,114,167,0.25)",zIndex:7}).add();this.selectionMarker&&f&&(d-=m,this.selectionMarker.attr({width:N(d),x:(d>0?0:d)+m}));this.selectionMarker&&g&&(d=e-p,this.selectionMarker.attr({height:N(d),y:(d>0?0:d)+p}));l&&!this.selectionMarker&&c.panning&&b.pan(a,c.panning)}},drop:function(a){var b=this.chart,c=this.hasPinched;if(this.selectionMarker){var d={xAxis:[],yAxis:[],originalEvent:a.originalEvent||a},e=this.selectionMarker,f=e.x,g=e.y,h;if(this.hasDragged||
+c)n(b.axes,function(a){if(a.zoomEnabled){var b=a.horiz,c=a.toValue(b?f:g),b=a.toValue(b?f+e.width:g+e.height);!isNaN(c)&&!isNaN(b)&&(d[a.xOrY+"Axis"].push({axis:a,min:I(c,b),max:s(c,b)}),h=!0)}}),h&&z(b,"selection",d,function(a){b.zoom(r(a,c?{animation:!1}:null))});this.selectionMarker=this.selectionMarker.destroy();c&&this.scaleGroups()}if(b)K(b.container,{cursor:b._cursor}),b.cancelClick=this.hasDragged>10,b.mouseIsDown=this.hasDragged=this.hasPinched=!1,this.pinchDown=[]},onContainerMouseDown:function(a){a=
+this.normalize(a);a.preventDefault&&a.preventDefault();this.dragStart(a)},onDocumentMouseUp:function(a){this.drop(a)},onDocumentMouseMove:function(a){var b=this.chart,c=this.chartPosition,d=b.hoverSeries,a=this.normalize(a,c);c&&d&&!this.inClass(a.target,"highcharts-tracker")&&!b.isInsidePlot(a.chartX-b.plotLeft,a.chartY-b.plotTop)&&this.reset()},onContainerMouseLeave:function(){this.reset();this.chartPosition=null},onContainerMouseMove:function(a){var b=this.chart,a=this.normalize(a);a.returnValue=
+!1;b.mouseIsDown==="mousedown"&&this.drag(a);(this.inClass(a.target,"highcharts-tracker")||b.isInsidePlot(a.chartX-b.plotLeft,a.chartY-b.plotTop))&&!b.openMenu&&this.runPointActions(a)},inClass:function(a,b){for(var c;a;){if(c=v(a,"class"))if(c.indexOf(b)!==-1)return!0;else if(c.indexOf("highcharts-container")!==-1)return!1;a=a.parentNode}},onTrackerMouseOut:function(a){var b=this.chart.hoverSeries;if(b&&!b.options.stickyTracking&&!this.inClass(a.toElement||a.relatedTarget,"highcharts-tooltip"))b.onMouseOut()},
+onContainerClick:function(a){var b=this.chart,c=b.hoverPoint,d=b.plotLeft,e=b.plotTop,f=b.inverted,g,h,i,a=this.normalize(a);a.cancelBubble=!0;if(!b.cancelClick)c&&this.inClass(a.target,"highcharts-tracker")?(g=this.chartPosition,h=c.plotX,i=c.plotY,r(c,{pageX:g.left+d+(f?b.plotWidth-i:h),pageY:g.top+e+(f?b.plotHeight-h:i)}),z(c.series,"click",r(a,{point:c})),b.hoverPoint&&c.firePointEvent("click",a)):(r(a,this.getCoordinates(a)),b.isInsidePlot(a.chartX-d,a.chartY-e)&&z(b,"click",a))},onContainerTouchStart:function(a){var b=
+this.chart;a.touches.length===1?(a=this.normalize(a),b.isInsidePlot(a.chartX-b.plotLeft,a.chartY-b.plotTop)?(this.runPointActions(a),this.pinch(a)):this.reset()):a.touches.length===2&&this.pinch(a)},onContainerTouchMove:function(a){(a.touches.length===1||a.touches.length===2)&&this.pinch(a)},onDocumentTouchEnd:function(a){this.drop(a)},setDOMEvents:function(){var a=this,b=a.chart.container,c;this._events=c=[[b,"onmousedown","onContainerMouseDown"],[b,"onmousemove","onContainerMouseMove"],[b,"onclick",
+"onContainerClick"],[b,"mouseleave","onContainerMouseLeave"],[y,"mousemove","onDocumentMouseMove"],[y,"mouseup","onDocumentMouseUp"]];ib&&c.push([b,"ontouchstart","onContainerTouchStart"],[b,"ontouchmove","onContainerTouchMove"],[y,"touchend","onDocumentTouchEnd"]);n(c,function(b){a["_"+b[2]]=function(c){a[b[2]](c)};b[1].indexOf("on")===0?b[0][b[1]]=a["_"+b[2]]:J(b[0],b[1],a["_"+b[2]])})},destroy:function(){var a=this;n(a._events,function(b){b[1].indexOf("on")===0?b[0][b[1]]=null:aa(b[0],b[1],a["_"+
+b[2]])});delete a._events;clearInterval(a.tooltipTimeout)}};eb.prototype={init:function(a,b){var c=this,d=b.itemStyle,e=o(b.padding,8),f=b.itemMarginTop||0;this.options=b;if(b.enabled)c.baseline=C(d.fontSize)+3+f,c.itemStyle=d,c.itemHiddenStyle=x(d,b.itemHiddenStyle),c.itemMarginTop=f,c.padding=e,c.initialItemX=e,c.initialItemY=e-5,c.maxItemWidth=0,c.chart=a,c.itemHeight=0,c.lastLineHeight=0,c.render(),J(c.chart,"endResize",function(){c.positionCheckboxes()})},colorizeItem:function(a,b){var c=this.options,
+d=a.legendItem,e=a.legendLine,f=a.legendSymbol,g=this.itemHiddenStyle.color,c=b?c.itemStyle.color:g,h=b?a.color:g,g=a.options&&a.options.marker,i={stroke:h,fill:h},j;d&&d.css({fill:c,color:c});e&&e.attr({stroke:h});if(f){if(g&&f.isMarker)for(j in g=a.convertAttribs(g),g)d=g[j],d!==w&&(i[j]=d);f.attr(i)}},positionItem:function(a){var b=this.options,c=b.symbolPadding,b=!b.rtl,d=a._legendItemPos,e=d[0],d=d[1],f=a.checkbox;a.legendGroup&&a.legendGroup.translate(b?e:this.legendWidth-e-2*c-4,d);if(f)f.x=
+e,f.y=d},destroyItem:function(a){var b=a.checkbox;n(["legendItem","legendLine","legendSymbol","legendGroup"],function(b){a[b]&&(a[b]=a[b].destroy())});b&&Ta(a.checkbox)},destroy:function(){var a=this.group,b=this.box;if(b)this.box=b.destroy();if(a)this.group=a.destroy()},positionCheckboxes:function(a){var b=this.group.alignAttr,c,d=this.clipHeight||this.legendHeight;if(b)c=b.translateY,n(this.allItems,function(e){var f=e.checkbox,g;f&&(g=c+f.y+(a||0)+3,K(f,{left:b.translateX+e.legendItemWidth+f.x-
+20+"px",top:g+"px",display:g>c-6&&g<c+d-6?"":S}))})},renderTitle:function(){var a=this.padding,b=this.options.title,c=0;if(b.text){if(!this.title)this.title=this.chart.renderer.label(b.text,a-3,a-4,null,null,null,null,null,"legend-title").attr({zIndex:1}).css(b.style).add(this.group);a=this.title.getBBox();c=a.height;this.offsetWidth=a.width;this.contentGroup.attr({translateY:c})}this.titleHeight=c},renderItem:function(a){var B;var b=this,c=b.chart,d=c.renderer,e=b.options,f=e.layout==="horizontal",
+g=e.symbolWidth,h=e.symbolPadding,i=b.itemStyle,j=b.itemHiddenStyle,k=b.padding,l=f?o(e.itemDistance,8):0,m=!e.rtl,p=e.width,q=e.itemMarginBottom||0,n=b.itemMarginTop,A=b.initialItemX,t=a.legendItem,u=a.series||a,r=u.options,w=r.showCheckbox,v=e.useHTML;if(!t&&(a.legendGroup=d.g("legend-item").attr({zIndex:1}).add(b.scrollGroup),u.drawLegendSymbol(b,a),a.legendItem=t=d.text(e.labelFormat?Ca(e.labelFormat,a):e.labelFormatter.call(a),m?g+h:-h,b.baseline,v).css(x(a.visible?i:j)).attr({align:m?"left":
+"right",zIndex:2}).add(a.legendGroup),(v?t:a.legendGroup).on("mouseover",function(){a.setState("hover");t.css(b.options.itemHoverStyle)}).on("mouseout",function(){t.css(a.visible?i:j);a.setState()}).on("click",function(b){var c=function(){a.setVisible()},b={browserEvent:b};a.firePointEvent?a.firePointEvent("legendItemClick",b,c):z(a,"legendItemClick",b,c)}),b.colorizeItem(a,a.visible),r&&w))a.checkbox=U("input",{type:"checkbox",checked:a.selected,defaultChecked:a.selected},e.itemCheckboxStyle,c.container),
+J(a.checkbox,"click",function(b){z(a,"checkboxClick",{checked:b.target.checked},function(){a.select()})});d=t.getBBox();B=a.legendItemWidth=e.itemWidth||g+h+d.width+l+(w?20:0),e=B;b.itemHeight=g=d.height;if(f&&b.itemX-A+e>(p||c.chartWidth-2*k-A))b.itemX=A,b.itemY+=n+b.lastLineHeight+q,b.lastLineHeight=0;b.maxItemWidth=s(b.maxItemWidth,e);b.lastItemY=n+b.itemY+q;b.lastLineHeight=s(g,b.lastLineHeight);a._legendItemPos=[b.itemX,b.itemY];f?b.itemX+=e:(b.itemY+=n+g+q,b.lastLineHeight=g);b.offsetWidth=
+p||s((f?b.itemX-A-l:e)+k,b.offsetWidth)},render:function(){var a=this,b=a.chart,c=b.renderer,d=a.group,e,f,g,h,i=a.box,j=a.options,k=a.padding,l=j.borderWidth,m=j.backgroundColor;a.itemX=a.initialItemX;a.itemY=a.initialItemY;a.offsetWidth=0;a.lastItemY=0;if(!d)a.group=d=c.g("legend").attr({zIndex:7}).add(),a.contentGroup=c.g().attr({zIndex:1}).add(d),a.scrollGroup=c.g().add(a.contentGroup);a.renderTitle();e=[];n(b.series,function(a){var b=a.options;b.showInLegend&&!u(b.linkedTo)&&(e=e.concat(a.legendItems||
+(b.legendType==="point"?a.data:a)))});Kb(e,function(a,b){return(a.options&&a.options.legendIndex||0)-(b.options&&b.options.legendIndex||0)});j.reversed&&e.reverse();a.allItems=e;a.display=f=!!e.length;n(e,function(b){a.renderItem(b)});g=j.width||a.offsetWidth;h=a.lastItemY+a.lastLineHeight+a.titleHeight;h=a.handleOverflow(h);if(l||m){g+=k;h+=k;if(i){if(g>0&&h>0)i[i.isNew?"attr":"animate"](i.crisp(null,null,null,g,h)),i.isNew=!1}else a.box=i=c.rect(0,0,g,h,j.borderRadius,l||0).attr({stroke:j.borderColor,
+"stroke-width":l||0,fill:m||S}).add(d).shadow(j.shadow),i.isNew=!0;i[f?"show":"hide"]()}a.legendWidth=g;a.legendHeight=h;n(e,function(b){a.positionItem(b)});f&&d.align(r({width:g,height:h},j),!0,"spacingBox");b.isResizing||this.positionCheckboxes()},handleOverflow:function(a){var b=this,c=this.chart,d=c.renderer,e=this.options,f=e.y,f=c.spacingBox.height+(e.verticalAlign==="top"?-f:f)-this.padding,g=e.maxHeight,h=this.clipRect,i=e.navigation,j=o(i.animation,!0),k=i.arrowSize||12,l=this.nav;e.layout===
+"horizontal"&&(f/=2);g&&(f=I(f,g));if(a>f&&!e.useHTML){this.clipHeight=c=f-20-this.titleHeight;this.pageCount=xa(a/c);this.currentPage=o(this.currentPage,1);this.fullHeight=a;if(!h)h=b.clipRect=d.clipRect(0,0,9999,0),b.contentGroup.clip(h);h.attr({height:c});if(!l)this.nav=l=d.g().attr({zIndex:1}).add(this.group),this.up=d.symbol("triangle",0,0,k,k).on("click",function(){b.scroll(-1,j)}).add(l),this.pager=d.text("",15,10).css(i.style).add(l),this.down=d.symbol("triangle-down",0,0,k,k).on("click",
+function(){b.scroll(1,j)}).add(l);b.scroll(0);a=f}else if(l)h.attr({height:c.chartHeight}),l.hide(),this.scrollGroup.attr({translateY:1}),this.clipHeight=0;return a},scroll:function(a,b){var c=this.pageCount,d=this.currentPage+a,e=this.clipHeight,f=this.options.navigation,g=f.activeColor,h=f.inactiveColor,f=this.pager,i=this.padding;d>c&&(d=c);if(d>0)b!==w&&La(b,this.chart),this.nav.attr({translateX:i,translateY:e+7+this.titleHeight,visibility:"visible"}),this.up.attr({fill:d===1?h:g}).css({cursor:d===
+1?"default":"pointer"}),f.attr({text:d+"/"+this.pageCount}),this.down.attr({x:18+this.pager.getBBox().width,fill:d===c?h:g}).css({cursor:d===c?"default":"pointer"}),e=-I(e*(d-1),this.fullHeight-e+i)+1,this.scrollGroup.animate({translateY:e}),f.attr({text:d+"/"+c}),this.currentPage=d,this.positionCheckboxes(e)}};/Trident.*?11\.0/.test(oa)&&mb(eb.prototype,"positionItem",function(a,b){var c=this;setTimeout(function(){a.call(c,b)})});yb.prototype={init:function(a,b){var c,d=a.series;a.series=null;c=
+x(M,a);c.series=a.series=d;d=c.chart;this.margin=this.splashArray("margin",d);this.spacing=this.splashArray("spacing",d);var e=d.events;this.bounds={h:{},v:{}};this.callback=b;this.isResizing=0;this.options=c;this.axes=[];this.series=[];this.hasCartesianSeries=d.showAxes;var f=this,g;f.index=Ga.length;Ga.push(f);d.reflow!==!1&&J(f,"load",function(){f.initReflow()});if(e)for(g in e)J(f,g,e[g]);f.xAxis=[];f.yAxis=[];f.animation=$?!1:o(d.animation,!0);f.pointCount=0;f.counters=new Jb;f.firstRender()},
+initSeries:function(a){var b=this.options.chart;(b=W[a.type||b.type||b.defaultSeriesType])||ka(17,!0);b=new b;b.init(this,a);return b},addSeries:function(a,b,c){var d,e=this;a&&(b=o(b,!0),z(e,"addSeries",{options:a},function(){d=e.initSeries(a);e.isDirtyLegend=!0;e.linkSeries();b&&e.redraw(c)}));return d},addAxis:function(a,b,c,d){var e=b?"xAxis":"yAxis",f=this.options;new db(this,x(a,{index:this[e].length,isX:b}));f[e]=ja(f[e]||{});f[e].push(a);o(c,!0)&&this.redraw(d)},isInsidePlot:function(a,b,
+c){var d=c?b:a,a=c?a:b;return d>=0&&d<=this.plotWidth&&a>=0&&a<=this.plotHeight},adjustTickAmounts:function(){this.options.chart.alignTicks!==!1&&n(this.axes,function(a){a.adjustTickAmount()});this.maxTicks=null},redraw:function(a){var b=this.axes,c=this.series,d=this.pointer,e=this.legend,f=this.isDirtyLegend,g,h,i=this.isDirtyBox,j=c.length,k=j,l=this.renderer,m=l.isHidden(),p=[];La(a,this);m&&this.cloneRenderTo();for(this.layOutTitles();k--;)if(a=c[k],a.options.stacking&&(g=!0,a.isDirty)){h=!0;
+break}if(h)for(k=j;k--;)if(a=c[k],a.options.stacking)a.isDirty=!0;n(c,function(a){a.isDirty&&a.options.legendType==="point"&&(f=!0)});if(f&&e.options.enabled)e.render(),this.isDirtyLegend=!1;g&&this.getStacks();if(this.hasCartesianSeries){if(!this.isResizing)this.maxTicks=null,n(b,function(a){a.setScale()});this.adjustTickAmounts();this.getMargins();n(b,function(a){a.isDirty&&(i=!0)});n(b,function(a){if(a.isDirtyExtremes)a.isDirtyExtremes=!1,p.push(function(){z(a,"afterSetExtremes",r(a.eventArgs,
+a.getExtremes()));delete a.eventArgs});(i||g)&&a.redraw()})}i&&this.drawChartBox();n(c,function(a){a.isDirty&&a.visible&&(!a.isCartesian||a.xAxis)&&a.redraw()});d&&d.reset&&d.reset(!0);l.draw();z(this,"redraw");m&&this.cloneRenderTo(!0);n(p,function(a){a.call()})},showLoading:function(a){var b=this.options,c=this.loadingDiv,d=b.loading;if(!c)this.loadingDiv=c=U(Ea,{className:"highcharts-loading"},r(d.style,{zIndex:10,display:S}),this.container),this.loadingSpan=U("span",null,d.labelStyle,c);this.loadingSpan.innerHTML=
+a||b.lang.loading;if(!this.loadingShown)K(c,{opacity:0,display:"",left:this.plotLeft+"px",top:this.plotTop+"px",width:this.plotWidth+"px",height:this.plotHeight+"px"}),Bb(c,{opacity:d.style.opacity},{duration:d.showDuration||0}),this.loadingShown=!0},hideLoading:function(){var a=this.options,b=this.loadingDiv;b&&Bb(b,{opacity:0},{duration:a.loading.hideDuration||100,complete:function(){K(b,{display:S})}});this.loadingShown=!1},get:function(a){var b=this.axes,c=this.series,d,e;for(d=0;d<b.length;d++)if(b[d].options.id===
+a)return b[d];for(d=0;d<c.length;d++)if(c[d].options.id===a)return c[d];for(d=0;d<c.length;d++){e=c[d].points||[];for(b=0;b<e.length;b++)if(e[b].id===a)return e[b]}return null},getAxes:function(){var a=this,b=this.options,c=b.xAxis=ja(b.xAxis||{}),b=b.yAxis=ja(b.yAxis||{});n(c,function(a,b){a.index=b;a.isX=!0});n(b,function(a,b){a.index=b});c=c.concat(b);n(c,function(b){new db(a,b)});a.adjustTickAmounts()},getSelectedPoints:function(){var a=[];n(this.series,function(b){a=a.concat(ub(b.points||[],
+function(a){return a.selected}))});return a},getSelectedSeries:function(){return ub(this.series,function(a){return a.selected})},getStacks:function(){var a=this;n(a.yAxis,function(a){if(a.stacks&&a.hasVisibleSeries)a.oldStacks=a.stacks});n(a.series,function(b){if(b.options.stacking&&(b.visible===!0||a.options.chart.ignoreHiddenSeries===!1))b.stackKey=b.type+o(b.options.stack,"")})},showResetZoom:function(){var a=this,b=M.lang,c=a.options.chart.resetZoomButton,d=c.theme,e=d.states,f=c.relativeTo===
+"chart"?null:"plotBox";this.resetZoomButton=a.renderer.button(b.resetZoom,null,null,function(){a.zoomOut()},d,e&&e.hover).attr({align:c.position.align,title:b.resetZoomTitle}).add().align(c.position,!1,f)},zoomOut:function(){var a=this;z(a,"selection",{resetSelection:!0},function(){a.zoom()})},zoom:function(a){var b,c=this.pointer,d=!1,e;!a||a.resetSelection?n(this.axes,function(a){b=a.zoom()}):n(a.xAxis.concat(a.yAxis),function(a){var e=a.axis,h=e.isXAxis;if(c[h?"zoomX":"zoomY"]||c[h?"pinchX":"pinchY"])b=
+e.zoom(a.min,a.max),e.displayBtn&&(d=!0)});e=this.resetZoomButton;if(d&&!e)this.showResetZoom();else if(!d&&T(e))this.resetZoomButton=e.destroy();b&&this.redraw(o(this.options.chart.animation,a&&a.animation,this.pointCount<100))},pan:function(a,b){var c=this,d=c.hoverPoints,e;d&&n(d,function(a){a.setState()});n(b==="xy"?[1,0]:[1],function(b){var d=a[b?"chartX":"chartY"],h=c[b?"xAxis":"yAxis"][0],i=c[b?"mouseDownX":"mouseDownY"],j=(h.pointRange||0)/2,k=h.getExtremes(),l=h.toValue(i-d,!0)+j,i=h.toValue(i+
+c[b?"plotWidth":"plotHeight"]-d,!0)-j;h.series.length&&l>I(k.dataMin,k.min)&&i<s(k.dataMax,k.max)&&(h.setExtremes(l,i,!1,!1,{trigger:"pan"}),e=!0);c[b?"mouseDownX":"mouseDownY"]=d});e&&c.redraw(!1);K(c.container,{cursor:"move"})},setTitle:function(a,b){var f;var c=this,d=c.options,e;e=d.title=x(d.title,a);f=d.subtitle=x(d.subtitle,b),d=f;n([["title",a,e],["subtitle",b,d]],function(a){var b=a[0],d=c[b],e=a[1],a=a[2];d&&e&&(c[b]=d=d.destroy());a&&a.text&&!d&&(c[b]=c.renderer.text(a.text,0,0,a.useHTML).attr({align:a.align,
+"class":"highcharts-"+b,zIndex:a.zIndex||4}).css(a.style).add())});c.layOutTitles()},layOutTitles:function(){var a=0,b=this.title,c=this.subtitle,d=this.options,e=d.title,d=d.subtitle,f=this.spacingBox.width-44;if(b&&(b.css({width:(e.width||f)+"px"}).align(r({y:15},e),!1,"spacingBox"),!e.floating&&!e.verticalAlign))a=b.getBBox().height,a>=18&&a<=25&&(a=15);c&&(c.css({width:(d.width||f)+"px"}).align(r({y:a+e.margin},d),!1,"spacingBox"),!d.floating&&!d.verticalAlign&&(a=xa(a+c.getBBox().height)));this.titleOffset=
+a},getChartSize:function(){var a=this.options.chart,b=this.renderToClone||this.renderTo;this.containerWidth=jb(b,"width");this.containerHeight=jb(b,"height");this.chartWidth=s(0,a.width||this.containerWidth||600);this.chartHeight=s(0,o(a.height,this.containerHeight>19?this.containerHeight:400))},cloneRenderTo:function(a){var b=this.renderToClone,c=this.container;a?b&&(this.renderTo.appendChild(c),Ta(b),delete this.renderToClone):(c&&c.parentNode===this.renderTo&&this.renderTo.removeChild(c),this.renderToClone=
+b=this.renderTo.cloneNode(0),K(b,{position:"absolute",top:"-9999px",display:"block"}),y.body.appendChild(b),c&&b.appendChild(c))},getContainer:function(){var a,b=this.options.chart,c,d,e;this.renderTo=a=b.renderTo;e="highcharts-"+zb++;if(ea(a))this.renderTo=a=y.getElementById(a);a||ka(13,!0);c=C(v(a,"data-highcharts-chart"));!isNaN(c)&&Ga[c]&&Ga[c].destroy();v(a,"data-highcharts-chart",this.index);a.innerHTML="";a.offsetWidth||this.cloneRenderTo();this.getChartSize();c=this.chartWidth;d=this.chartHeight;
+this.container=a=U(Ea,{className:"highcharts-container"+(b.className?" "+b.className:""),id:e},r({position:"relative",overflow:"hidden",width:c+"px",height:d+"px",textAlign:"left",lineHeight:"normal",zIndex:0,"-webkit-tap-highlight-color":"rgba(0,0,0,0)"},b.style),this.renderToClone||a);this._cursor=a.style.cursor;this.renderer=b.forExport?new Ha(a,c,d,!0):new Va(a,c,d);$&&this.renderer.create(this,a,c,d)},getMargins:function(){var a=this.spacing,b,c=this.legend,d=this.margin,e=this.options.legend,
+f=o(e.margin,10),g=e.x,h=e.y,i=e.align,j=e.verticalAlign,k=this.titleOffset;this.resetMargins();b=this.axisOffset;if(k&&!u(d[0]))this.plotTop=s(this.plotTop,k+this.options.title.margin+a[0]);if(c.display&&!e.floating)if(i==="right"){if(!u(d[1]))this.marginRight=s(this.marginRight,c.legendWidth-g+f+a[1])}else if(i==="left"){if(!u(d[3]))this.plotLeft=s(this.plotLeft,c.legendWidth+g+f+a[3])}else if(j==="top"){if(!u(d[0]))this.plotTop=s(this.plotTop,c.legendHeight+h+f+a[0])}else if(j==="bottom"&&!u(d[2]))this.marginBottom=
+s(this.marginBottom,c.legendHeight-h+f+a[2]);this.extraBottomMargin&&(this.marginBottom+=this.extraBottomMargin);this.extraTopMargin&&(this.plotTop+=this.extraTopMargin);this.hasCartesianSeries&&n(this.axes,function(a){a.getOffset()});u(d[3])||(this.plotLeft+=b[3]);u(d[0])||(this.plotTop+=b[0]);u(d[2])||(this.marginBottom+=b[2]);u(d[1])||(this.marginRight+=b[1]);this.setChartSize()},initReflow:function(){function a(a){var g=c.width||jb(d,"width"),h=c.height||jb(d,"height"),a=a?a.target:O;if(!b.hasUserSize&&
+g&&h&&(a===O||a===y)){if(g!==b.containerWidth||h!==b.containerHeight)clearTimeout(e),b.reflowTimeout=e=setTimeout(function(){if(b.container)b.setSize(g,h,!1),b.hasUserSize=null},100);b.containerWidth=g;b.containerHeight=h}}var b=this,c=b.options.chart,d=b.renderTo,e;b.reflow=a;J(O,"resize",a);J(b,"destroy",function(){aa(O,"resize",a)})},setSize:function(a,b,c){var d=this,e,f,g;d.isResizing+=1;g=function(){d&&z(d,"endResize",null,function(){d.isResizing-=1})};La(c,d);d.oldChartHeight=d.chartHeight;
+d.oldChartWidth=d.chartWidth;if(u(a))d.chartWidth=e=s(0,t(a)),d.hasUserSize=!!e;if(u(b))d.chartHeight=f=s(0,t(b));K(d.container,{width:e+"px",height:f+"px"});d.setChartSize(!0);d.renderer.setSize(e,f,c);d.maxTicks=null;n(d.axes,function(a){a.isDirty=!0;a.setScale()});n(d.series,function(a){a.isDirty=!0});d.isDirtyLegend=!0;d.isDirtyBox=!0;d.getMargins();d.redraw(c);d.oldChartHeight=null;z(d,"resize");Fa===!1?g():setTimeout(g,Fa&&Fa.duration||500)},setChartSize:function(a){var b=this.inverted,c=this.renderer,
+d=this.chartWidth,e=this.chartHeight,f=this.options.chart,g=this.spacing,h=this.clipOffset,i,j,k,l;this.plotLeft=i=t(this.plotLeft);this.plotTop=j=t(this.plotTop);this.plotWidth=k=s(0,t(d-i-this.marginRight));this.plotHeight=l=s(0,t(e-j-this.marginBottom));this.plotSizeX=b?l:k;this.plotSizeY=b?k:l;this.plotBorderWidth=f.plotBorderWidth||0;this.spacingBox=c.spacingBox={x:g[3],y:g[0],width:d-g[3]-g[1],height:e-g[0]-g[2]};this.plotBox=c.plotBox={x:i,y:j,width:k,height:l};d=2*P(this.plotBorderWidth/2);
+b=xa(s(d,h[3])/2);c=xa(s(d,h[0])/2);this.clipBox={x:b,y:c,width:P(this.plotSizeX-s(d,h[1])/2-b),height:P(this.plotSizeY-s(d,h[2])/2-c)};a||n(this.axes,function(a){a.setAxisSize();a.setAxisTranslation()})},resetMargins:function(){var a=this.spacing,b=this.margin;this.plotTop=o(b[0],a[0]);this.marginRight=o(b[1],a[1]);this.marginBottom=o(b[2],a[2]);this.plotLeft=o(b[3],a[3]);this.axisOffset=[0,0,0,0];this.clipOffset=[0,0,0,0]},drawChartBox:function(){var a=this.options.chart,b=this.renderer,c=this.chartWidth,
+d=this.chartHeight,e=this.chartBackground,f=this.plotBackground,g=this.plotBorder,h=this.plotBGImage,i=a.borderWidth||0,j=a.backgroundColor,k=a.plotBackgroundColor,l=a.plotBackgroundImage,m=a.plotBorderWidth||0,p,q=this.plotLeft,o=this.plotTop,n=this.plotWidth,s=this.plotHeight,t=this.plotBox,u=this.clipRect,r=this.clipBox;p=i+(a.shadow?8:0);if(i||j)if(e)e.animate(e.crisp(null,null,null,c-p,d-p));else{e={fill:j||S};if(i)e.stroke=a.borderColor,e["stroke-width"]=i;this.chartBackground=b.rect(p/2,p/
+2,c-p,d-p,a.borderRadius,i).attr(e).add().shadow(a.shadow)}if(k)f?f.animate(t):this.plotBackground=b.rect(q,o,n,s,0).attr({fill:k}).add().shadow(a.plotShadow);if(l)h?h.animate(t):this.plotBGImage=b.image(l,q,o,n,s).add();u?u.animate({width:r.width,height:r.height}):this.clipRect=b.clipRect(r);if(m)g?g.animate(g.crisp(null,q,o,n,s)):this.plotBorder=b.rect(q,o,n,s,0,-m).attr({stroke:a.plotBorderColor,"stroke-width":m,zIndex:1}).add();this.isDirtyBox=!1},propFromSeries:function(){var a=this,b=a.options.chart,
+c,d=a.options.series,e,f;n(["inverted","angular","polar"],function(g){c=W[b.type||b.defaultSeriesType];f=a[g]||b[g]||c&&c.prototype[g];for(e=d&&d.length;!f&&e--;)(c=W[d[e].type])&&c.prototype[g]&&(f=!0);a[g]=f})},linkSeries:function(){var a=this,b=a.series;n(b,function(a){a.linkedSeries.length=0});n(b,function(b){var d=b.options.linkedTo;if(ea(d)&&(d=d===":previous"?a.series[b.index-1]:a.get(d)))d.linkedSeries.push(b),b.linkedParent=d})},render:function(){var a=this,b=a.axes,c=a.renderer,d=a.options,
+e=d.labels,f=d.credits,g;a.setTitle();a.legend=new eb(a,d.legend);a.getStacks();n(b,function(a){a.setScale()});a.getMargins();a.maxTicks=null;n(b,function(a){a.setTickPositions(!0);a.setMaxTicks()});a.adjustTickAmounts();a.getMargins();a.drawChartBox();a.hasCartesianSeries&&n(b,function(a){a.render()});if(!a.seriesGroup)a.seriesGroup=c.g("series-group").attr({zIndex:3}).add();n(a.series,function(a){a.translate();a.setTooltipPoints();a.render()});e.items&&n(e.items,function(b){var d=r(e.style,b.style),
+f=C(d.left)+a.plotLeft,g=C(d.top)+a.plotTop+12;delete d.left;delete d.top;c.text(b.html,f,g).attr({zIndex:2}).css(d).add()});if(f.enabled&&!a.credits)g=f.href,a.credits=c.text(f.text,0,0).on("click",function(){if(g)location.href=g}).attr({align:f.position.align,zIndex:8}).css(f.style).add().align(f.position);a.hasRendered=!0},destroy:function(){var a=this,b=a.axes,c=a.series,d=a.container,e,f=d&&d.parentNode;z(a,"destroy");Ga[a.index]=w;a.renderTo.removeAttribute("data-highcharts-chart");aa(a);for(e=
+b.length;e--;)b[e]=b[e].destroy();for(e=c.length;e--;)c[e]=c[e].destroy();n("title,subtitle,chartBackground,plotBackground,plotBGImage,plotBorder,seriesGroup,clipRect,credits,pointer,scroller,rangeSelector,legend,resetZoomButton,tooltip,renderer".split(","),function(b){var c=a[b];c&&c.destroy&&(a[b]=c.destroy())});if(d)d.innerHTML="",aa(d),f&&Ta(d);for(e in a)delete a[e]},isReadyToRender:function(){var a=this;return!Z&&O==O.top&&y.readyState!=="complete"||$&&!O.canvg?($?Tb.push(function(){a.firstRender()},
+a.options.global.canvasToolsURL):y.attachEvent("onreadystatechange",function(){y.detachEvent("onreadystatechange",a.firstRender);y.readyState==="complete"&&a.firstRender()}),!1):!0},firstRender:function(){var a=this,b=a.options,c=a.callback;if(a.isReadyToRender())a.getContainer(),z(a,"init"),a.resetMargins(),a.setChartSize(),a.propFromSeries(),a.getAxes(),n(b.series||[],function(b){a.initSeries(b)}),a.linkSeries(),z(a,"beforeRender"),a.pointer=new xb(a,b),a.render(),a.renderer.draw(),c&&c.apply(a,
+[a]),n(a.callbacks,function(b){b.apply(a,[a])}),a.cloneRenderTo(!0),z(a,"load")},splashArray:function(a,b){var c=b[a],c=T(c)?c:[c,c,c,c];return[o(b[a+"Top"],c[0]),o(b[a+"Right"],c[1]),o(b[a+"Bottom"],c[2]),o(b[a+"Left"],c[3])]}};yb.prototype.callbacks=[];var Pa=function(){};Pa.prototype={init:function(a,b,c){this.series=a;this.applyOptions(b,c);this.pointAttr={};if(a.options.colorByPoint&&(b=a.options.colors||a.chart.options.colors,this.color=this.color||b[a.colorCounter++],a.colorCounter===b.length))a.colorCounter=
+0;a.chart.pointCount++;return this},applyOptions:function(a,b){var c=this.series,d=c.pointValKey,a=Pa.prototype.optionsToObject.call(this,a);r(this,a);this.options=this.options?r(this.options,a):a;if(d)this.y=this[d];if(this.x===w&&c)this.x=b===w?c.autoIncrement():b;return this},optionsToObject:function(a){var b,c=this.series,d=c.pointArrayMap||["y"],e=d.length,f=0,g=0;if(typeof a==="number"||a===null)b={y:a};else if(Ia(a)){b={};if(a.length>e){c=typeof a[0];if(c==="string")b.name=a[0];else if(c===
+"number")b.x=a[0];f++}for(;g<e;)b[d[g++]]=a[f++]}else if(typeof a==="object"){b=a;if(a.dataLabels)c._hasPointLabels=!0;if(a.marker)c._hasPointMarkers=!0}return b},destroy:function(){var a=this.series.chart,b=a.hoverPoints,c;a.pointCount--;if(b&&(this.setState(),ga(b,this),!b.length))a.hoverPoints=null;if(this===a.hoverPoint)this.onMouseOut();if(this.graphic||this.dataLabel)aa(this),this.destroyElements();this.legendItem&&a.legend.destroyItem(this);for(c in this)this[c]=null},destroyElements:function(){for(var a=
+"graphic,dataLabel,dataLabelUpper,group,connector,shadowGroup".split(","),b,c=6;c--;)b=a[c],this[b]&&(this[b]=this[b].destroy())},getLabelConfig:function(){return{x:this.category,y:this.y,key:this.name||this.category,series:this.series,point:this,percentage:this.percentage,total:this.total||this.stackTotal}},select:function(a,b){var c=this,d=c.series,e=d.chart,a=o(a,!c.selected);c.firePointEvent(a?"select":"unselect",{accumulate:b},function(){c.selected=c.options.selected=a;d.options.data[qa(c,d.data)]=
+c.options;c.setState(a&&"select");b||n(e.getSelectedPoints(),function(a){if(a.selected&&a!==c)a.selected=a.options.selected=!1,d.options.data[qa(a,d.data)]=a.options,a.setState(""),a.firePointEvent("unselect")})})},onMouseOver:function(a){var b=this.series,c=b.chart,d=c.tooltip,e=c.hoverPoint;if(e&&e!==this)e.onMouseOut();this.firePointEvent("mouseOver");d&&(!d.shared||b.noSharedTooltip)&&d.refresh(this,a);this.setState("hover");c.hoverPoint=this},onMouseOut:function(){var a=this.series.chart,b=a.hoverPoints;
+if(!b||qa(this,b)===-1)this.firePointEvent("mouseOut"),this.setState(),a.hoverPoint=null},tooltipFormatter:function(a){var b=this.series,c=b.tooltipOptions,d=o(c.valueDecimals,""),e=c.valuePrefix||"",f=c.valueSuffix||"";n(b.pointArrayMap||["y"],function(b){b="{point."+b;if(e||f)a=a.replace(b+"}",e+b+"}"+f);a=a.replace(b+"}",b+":,."+d+"f}")});return Ca(a,{point:this,series:this.series})},update:function(a,b,c){var d=this,e=d.series,f=d.graphic,g,h=e.data,i=e.chart,j=e.options,b=o(b,!0);d.firePointEvent("update",
+{options:a},function(){d.applyOptions(a);if(T(a)&&(e.getAttribs(),f))a.marker&&a.marker.symbol?d.graphic=f.destroy():f.attr(d.pointAttr[d.state||""]);g=qa(d,h);e.xData[g]=d.x;e.yData[g]=e.toYData?e.toYData(d):d.y;e.zData[g]=d.z;j.data[g]=d.options;e.isDirty=e.isDirtyData=!0;if(!e.fixedBox&&e.hasCartesianSeries)i.isDirtyBox=!0;j.legendType==="point"&&i.legend.destroyItem(d);b&&i.redraw(c)})},remove:function(a,b){var c=this,d=c.series,e=d.points,f=d.chart,g,h=d.data;La(b,f);a=o(a,!0);c.firePointEvent("remove",
+null,function(){g=qa(c,h);h.length===e.length&&e.splice(g,1);h.splice(g,1);d.options.data.splice(g,1);d.xData.splice(g,1);d.yData.splice(g,1);d.zData.splice(g,1);c.destroy();d.isDirty=!0;d.isDirtyData=!0;a&&f.redraw()})},firePointEvent:function(a,b,c){var d=this,e=this.series.options;(e.point.events[a]||d.options&&d.options.events&&d.options.events[a])&&this.importEvents();a==="click"&&e.allowPointSelect&&(c=function(a){d.select(null,a.ctrlKey||a.metaKey||a.shiftKey)});z(this,a,b,c)},importEvents:function(){if(!this.hasImportedEvents){var a=
+x(this.series.options.point,this.options).events,b;this.events=a;for(b in a)J(this,b,a[b]);this.hasImportedEvents=!0}},setState:function(a){var b=this.plotX,c=this.plotY,d=this.series,e=d.options.states,f=Y[d.type].marker&&d.options.marker,g=f&&!f.enabled,h=f&&f.states[a],i=h&&h.enabled===!1,j=d.stateMarkerGraphic,k=this.marker||{},l=d.chart,m=this.pointAttr,a=a||"";if(!(a===this.state||this.selected&&a!=="select"||e[a]&&e[a].enabled===!1||a&&(i||g&&!h.enabled))){if(this.graphic)e=f&&this.graphic.symbolName&&
+m[a].r,this.graphic.attr(x(m[a],e?{x:b-e,y:c-e,width:2*e,height:2*e}:{}));else{if(a&&h)e=h.radius,k=k.symbol||d.symbol,j&&j.currentSymbol!==k&&(j=j.destroy()),j?j.attr({x:b-e,y:c-e}):(d.stateMarkerGraphic=j=l.renderer.symbol(k,b-e,c-e,2*e,2*e).attr(m[a]).add(d.markerGroup),j.currentSymbol=k);if(j)j[a&&l.isInsidePlot(b,c)?"show":"hide"]()}this.state=a}}};var Q=function(){};Q.prototype={isCartesian:!0,type:"line",pointClass:Pa,sorted:!0,requireSorting:!0,pointAttrToOptions:{stroke:"lineColor","stroke-width":"lineWidth",
+fill:"fillColor",r:"radius"},colorCounter:0,init:function(a,b){var c,d,e=a.series;this.chart=a;this.options=b=this.setOptions(b);this.linkedSeries=[];this.bindAxes();r(this,{name:b.name,state:"",pointAttr:{},visible:b.visible!==!1,selected:b.selected===!0});if($)b.animation=!1;d=b.events;for(c in d)J(this,c,d[c]);if(d&&d.click||b.point&&b.point.events&&b.point.events.click||b.allowPointSelect)a.runTrackerClick=!0;this.getColor();this.getSymbol();this.setData(b.data,!1);if(this.isCartesian)a.hasCartesianSeries=
+!0;e.push(this);this._i=e.length-1;Kb(e,function(a,b){return o(a.options.index,a._i)-o(b.options.index,a._i)});n(e,function(a,b){a.index=b;a.name=a.name||"Series "+(b+1)})},bindAxes:function(){var a=this,b=a.options,c=a.chart,d;a.isCartesian&&n(["xAxis","yAxis"],function(e){n(c[e],function(c){d=c.options;if(b[e]===d.index||b[e]!==w&&b[e]===d.id||b[e]===w&&d.index===0)c.series.push(a),a[e]=c,c.isDirty=!0});a[e]||ka(18,!0)})},autoIncrement:function(){var a=this.options,b=this.xIncrement,b=o(b,a.pointStart,
+0);this.pointInterval=o(this.pointInterval,a.pointInterval,1);this.xIncrement=b+this.pointInterval;return b},getSegments:function(){var a=-1,b=[],c,d=this.points,e=d.length;if(e)if(this.options.connectNulls){for(c=e;c--;)d[c].y===null&&d.splice(c,1);d.length&&(b=[d])}else n(d,function(c,g){c.y===null?(g>a+1&&b.push(d.slice(a+1,g)),a=g):g===e-1&&b.push(d.slice(a+1,g+1))});this.segments=b},setOptions:function(a){var b=this.chart.options,c=b.plotOptions,d=c[this.type];this.userOptions=a;a=x(d,c.series,
+a);this.tooltipOptions=x(b.tooltip,a.tooltip);d.marker===null&&delete a.marker;return a},getColor:function(){var a=this.options,b=this.userOptions,c=this.chart.options.colors,d=this.chart.counters,e;e=a.color||Y[this.type].color;if(!e&&!a.colorByPoint)u(b._colorIndex)?a=b._colorIndex:(b._colorIndex=d.color,a=d.color++),e=c[a];this.color=e;d.wrapColor(c.length)},getSymbol:function(){var a=this.userOptions,b=this.options.marker,c=this.chart,d=c.options.symbols,c=c.counters;this.symbol=b.symbol;if(!this.symbol)u(a._symbolIndex)?
+a=a._symbolIndex:(a._symbolIndex=c.symbol,a=c.symbol++),this.symbol=d[a];if(/^url/.test(this.symbol))b.radius=0;c.wrapSymbol(d.length)},drawLegendSymbol:function(a){var b=this.options,c=b.marker,d=a.options,e;e=d.symbolWidth;var f=this.chart.renderer,g=this.legendGroup,a=a.baseline-t(f.fontMetrics(d.itemStyle.fontSize).b*0.3);if(b.lineWidth){d={"stroke-width":b.lineWidth};if(b.dashStyle)d.dashstyle=b.dashStyle;this.legendLine=f.path(["M",0,a,"L",e,a]).attr(d).add(g)}if(c&&c.enabled)b=c.radius,this.legendSymbol=
+e=f.symbol(this.symbol,e/2-b,a-b,2*b,2*b).add(g),e.isMarker=!0},addPoint:function(a,b,c,d){var e=this.options,f=this.data,g=this.graph,h=this.area,i=this.chart,j=this.xData,k=this.yData,l=this.zData,m=this.names,p=g&&g.shift||0,q=e.data,s;La(d,i);c&&n([g,h,this.graphNeg,this.areaNeg],function(a){if(a)a.shift=p+1});if(h)h.isArea=!0;b=o(b,!0);d={series:this};this.pointClass.prototype.applyOptions.apply(d,[a]);g=d.x;h=j.length;if(this.requireSorting&&g<j[h-1])for(s=!0;h&&j[h-1]>g;)h--;j.splice(h,0,g);
+k.splice(h,0,this.toYData?this.toYData(d):d.y);l.splice(h,0,d.z);if(m)m[g]=d.name;q.splice(h,0,a);s&&(this.data.splice(h,0,null),this.processData());e.legendType==="point"&&this.generatePoints();c&&(f[0]&&f[0].remove?f[0].remove(!1):(f.shift(),j.shift(),k.shift(),l.shift(),q.shift()));this.isDirtyData=this.isDirty=!0;b&&(this.getAttribs(),i.redraw())},setData:function(a,b){var c=this.points,d=this.options,e=this.chart,f=null,g=this.xAxis,h=g&&g.categories&&!g.categories.length?[]:null,i;this.xIncrement=
+null;this.pointRange=g&&g.categories?1:d.pointRange;this.colorCounter=0;var j=[],k=[],l=[],m=a?a.length:[];i=o(d.turboThreshold,1E3);var p=this.pointArrayMap,p=p&&p.length,q=!!this.toYData;if(i&&m>i){for(i=0;f===null&&i<m;)f=a[i],i++;if(sa(f)){f=o(d.pointStart,0);d=o(d.pointInterval,1);for(i=0;i<m;i++)j[i]=f,k[i]=a[i],f+=d;this.xIncrement=f}else if(Ia(f))if(p)for(i=0;i<m;i++)d=a[i],j[i]=d[0],k[i]=d.slice(1,p+1);else for(i=0;i<m;i++)d=a[i],j[i]=d[0],k[i]=d[1];else ka(12)}else for(i=0;i<m;i++)if(a[i]!==
+w&&(d={series:this},this.pointClass.prototype.applyOptions.apply(d,[a[i]]),j[i]=d.x,k[i]=q?this.toYData(d):d.y,l[i]=d.z,h&&d.name))h[d.x]=d.name;ea(k[0])&&ka(14,!0);this.data=[];this.options.data=a;this.xData=j;this.yData=k;this.zData=l;this.names=h;for(i=c&&c.length||0;i--;)c[i]&&c[i].destroy&&c[i].destroy();if(g)g.minRange=g.userMinRange;this.isDirty=this.isDirtyData=e.isDirtyBox=!0;o(b,!0)&&e.redraw(!1)},remove:function(a,b){var c=this,d=c.chart,a=o(a,!0);if(!c.isRemoving)c.isRemoving=!0,z(c,"remove",
+null,function(){c.destroy();d.isDirtyLegend=d.isDirtyBox=!0;d.linkSeries();a&&d.redraw(b)});c.isRemoving=!1},processData:function(a){var b=this.xData,c=this.yData,d=b.length,e;e=0;var f,g,h=this.xAxis,i=this.options,j=i.cropThreshold,k=this.isCartesian;if(k&&!this.isDirty&&!h.isDirty&&!this.yAxis.isDirty&&!a)return!1;if(k&&this.sorted&&(!j||d>j||this.forceCrop))if(a=h.min,h=h.max,b[d-1]<a||b[0]>h)b=[],c=[];else if(b[0]<a||b[d-1]>h)e=this.cropData(this.xData,this.yData,a,h),b=e.xData,c=e.yData,e=e.start,
+f=!0;for(h=b.length-1;h>=0;h--)d=b[h]-b[h-1],d>0&&(g===w||d<g)?g=d:d<0&&this.requireSorting&&ka(15);this.cropped=f;this.cropStart=e;this.processedXData=b;this.processedYData=c;if(i.pointRange===null)this.pointRange=g||1;this.closestPointRange=g},cropData:function(a,b,c,d){var e=a.length,f=0,g=e,h=o(this.cropShoulder,1),i;for(i=0;i<e;i++)if(a[i]>=c){f=s(0,i-h);break}for(;i<e;i++)if(a[i]>d){g=i+h;break}return{xData:a.slice(f,g),yData:b.slice(f,g),start:f,end:g}},generatePoints:function(){var a=this.options.data,
+b=this.data,c,d=this.processedXData,e=this.processedYData,f=this.pointClass,g=d.length,h=this.cropStart||0,i,j=this.hasGroupedData,k,l=[],m;if(!b&&!j)b=[],b.length=a.length,b=this.data=b;for(m=0;m<g;m++)i=h+m,j?l[m]=(new f).init(this,[d[m]].concat(ja(e[m]))):(b[i]?k=b[i]:a[i]!==w&&(b[i]=k=(new f).init(this,a[i],d[m])),l[m]=k);if(b&&(g!==(c=b.length)||j))for(m=0;m<c;m++)if(m===h&&!j&&(m+=g),b[m])b[m].destroyElements(),b[m].plotX=w;this.data=b;this.points=l},setStackedPoints:function(){if(this.options.stacking&&
+!(this.visible!==!0&&this.chart.options.chart.ignoreHiddenSeries!==!1)){var a=this.processedXData,b=this.processedYData,c=[],d=b.length,e=this.options,f=e.threshold,g=e.stack,e=e.stacking,h=this.stackKey,i="-"+h,j=this.negStacks,k=this.yAxis,l=k.stacks,m=k.oldStacks,p,q,o,n,t;for(o=0;o<d;o++){n=a[o];t=b[o];q=(p=j&&t<f)?i:h;l[q]||(l[q]={});if(!l[q][n])m[q]&&m[q][n]?(l[q][n]=m[q][n],l[q][n].total=null):l[q][n]=new Mb(k,k.options.stackLabels,p,n,g,e);q=l[q][n];q.points[this.index]=[q.cum||0];e==="percent"?
+(p=p?h:i,j&&l[p]&&l[p][n]?(p=l[p][n],q.total=p.total=s(p.total,q.total)+N(t)||0):q.total+=N(t)||0):q.total+=t||0;q.cum=(q.cum||0)+(t||0);q.points[this.index].push(q.cum);c[o]=q.cum}if(e==="percent")k.usePercentage=!0;this.stackedYData=c;k.oldStacks={}}},setPercentStacks:function(){var a=this,b=a.stackKey,c=a.yAxis.stacks;n([b,"-"+b],function(b){var d;for(var e=a.xData.length,f,g;e--;)if(f=a.xData[e],d=(g=c[b]&&c[b][f])&&g.points[a.index],f=d)g=g.total?100/g.total:0,f[0]=ia(f[0]*g),f[1]=ia(f[1]*g),
+a.stackedYData[e]=f[1]})},getExtremes:function(){var a=this.yAxis,b=this.processedXData,c=this.stackedYData||this.processedYData,d=c.length,e=[],f=0,g=this.xAxis.getExtremes(),h=g.min,g=g.max,i,j,k,l;for(l=0;l<d;l++)if(j=b[l],k=c[l],i=k!==null&&k!==w&&(!a.isLog||k.length||k>0),j=this.getExtremesFromAll||this.cropped||(b[l+1]||j)>=h&&(b[l-1]||j)<=g,i&&j)if(i=k.length)for(;i--;)k[i]!==null&&(e[f++]=k[i]);else e[f++]=k;this.dataMin=o(void 0,Ja(e));this.dataMax=o(void 0,va(e))},translate:function(){this.processedXData||
+this.processData();this.generatePoints();for(var a=this.options,b=a.stacking,c=this.xAxis,d=c.categories,e=this.yAxis,f=this.points,g=f.length,h=!!this.modifyValue,i=a.pointPlacement,j=i==="between"||sa(i),k=a.threshold,a=0;a<g;a++){var l=f[a],m=l.x,p=l.y,q=l.low,n=e.stacks[(this.negStacks&&p<k?"-":"")+this.stackKey];if(e.isLog&&p<=0)l.y=p=null;l.plotX=c.translate(m,0,0,0,1,i,this.type==="flags");if(b&&this.visible&&n&&n[m])n=n[m],p=n.points[this.index],q=p[0],p=p[1],q===0&&(q=o(k,e.min)),e.isLog&&
+q<=0&&(q=null),l.percentage=b==="percent"&&p,l.total=l.stackTotal=n.total,l.stackY=p,n.setOffset(this.pointXOffset||0,this.barW||0);l.yBottom=u(q)?e.translate(q,0,1,0,1):null;h&&(p=this.modifyValue(p,l));l.plotY=typeof p==="number"&&p!==Infinity?e.translate(p,0,1,0,1):w;l.clientX=j?c.translate(m,0,0,0,1):l.plotX;l.negative=l.y<(k||0);l.category=d&&d[l.x]!==w?d[l.x]:l.x}this.getSegments()},setTooltipPoints:function(a){var b=[],c,d,e=this.xAxis,f=e&&e.getExtremes(),g=e?e.tooltipLen||e.len:this.chart.plotSizeX,
+h,i,j=[];if(this.options.enableMouseTracking!==!1){if(a)this.tooltipPoints=null;n(this.segments||this.points,function(a){b=b.concat(a)});e&&e.reversed&&(b=b.reverse());this.orderTooltipPoints&&this.orderTooltipPoints(b);a=b.length;for(i=0;i<a;i++)if(e=b[i],c=e.x,c>=f.min&&c<=f.max){h=b[i+1];c=d===w?0:d+1;for(d=b[i+1]?I(s(0,P((e.clientX+(h?h.wrappedClientX||h.clientX:g))/2)),g):g;c>=0&&c<=d;)j[c++]=e}this.tooltipPoints=j}},tooltipHeaderFormatter:function(a){var b=this.tooltipOptions,c=b.xDateFormat,
+d=b.dateTimeLabelFormats,e=this.xAxis,f=e&&e.options.type==="datetime",b=b.headerFormat,e=e&&e.closestPointRange,g;if(f&&!c)if(e)for(g in D){if(D[g]>=e){c=d[g];break}}else c=d.day;f&&c&&sa(a.key)&&(b=b.replace("{point.key}","{point.key:"+c+"}"));return Ca(b,{point:a,series:this})},onMouseOver:function(){var a=this.chart,b=a.hoverSeries;if(b&&b!==this)b.onMouseOut();this.options.events.mouseOver&&z(this,"mouseOver");this.setState("hover");a.hoverSeries=this},onMouseOut:function(){var a=this.options,
+b=this.chart,c=b.tooltip,d=b.hoverPoint;if(d)d.onMouseOut();this&&a.events.mouseOut&&z(this,"mouseOut");c&&!a.stickyTracking&&(!c.shared||this.noSharedTooltip)&&c.hide();this.setState();b.hoverSeries=null},animate:function(a){var b=this,c=b.chart,d=c.renderer,e;e=b.options.animation;var f=c.clipBox,g=c.inverted,h;if(e&&!T(e))e=Y[b.type].animation;h="_sharedClip"+e.duration+e.easing;if(a)a=c[h],e=c[h+"m"],a||(c[h]=a=d.clipRect(r(f,{width:0})),c[h+"m"]=e=d.clipRect(-99,g?-c.plotLeft:-c.plotTop,99,g?
+c.chartWidth:c.chartHeight)),b.group.clip(a),b.markerGroup.clip(e),b.sharedClipKey=h;else{if(a=c[h])a.animate({width:c.plotSizeX},e),c[h+"m"].animate({width:c.plotSizeX+99},e);b.animate=null;b.animationTimeout=setTimeout(function(){b.afterAnimate()},e.duration)}},afterAnimate:function(){var a=this.chart,b=this.sharedClipKey,c=this.group;c&&this.options.clip!==!1&&(c.clip(a.clipRect),this.markerGroup.clip());setTimeout(function(){b&&a[b]&&(a[b]=a[b].destroy(),a[b+"m"]=a[b+"m"].destroy())},100)},drawPoints:function(){var a,
+b=this.points,c=this.chart,d,e,f,g,h,i,j,k,l=this.options.marker,m,p=this.markerGroup;if(l.enabled||this._hasPointMarkers)for(f=b.length;f--;)if(g=b[f],d=P(g.plotX),e=g.plotY,k=g.graphic,i=g.marker||{},a=l.enabled&&i.enabled===w||i.enabled,m=c.isInsidePlot(t(d),e,c.inverted),a&&e!==w&&!isNaN(e)&&g.y!==null)if(a=g.pointAttr[g.selected?"select":""],h=a.r,i=o(i.symbol,this.symbol),j=i.indexOf("url")===0,k)k.attr({visibility:m?Z?"inherit":"visible":"hidden"}).animate(r({x:d-h,y:e-h},k.symbolName?{width:2*
+h,height:2*h}:{}));else{if(m&&(h>0||j))g.graphic=c.renderer.symbol(i,d-h,e-h,2*h,2*h).attr(a).add(p)}else if(k)g.graphic=k.destroy()},convertAttribs:function(a,b,c,d){var e=this.pointAttrToOptions,f,g,h={},a=a||{},b=b||{},c=c||{},d=d||{};for(f in e)g=e[f],h[f]=o(a[g],b[f],c[f],d[f]);return h},getAttribs:function(){var a=this,b=a.options,c=Y[a.type].marker?b.marker:b,d=c.states,e=d.hover,f,g=a.color,h={stroke:g,fill:g},i=a.points||[],j=[],k,l=a.pointAttrToOptions,m=b.negativeColor,p=c.lineColor,q;
+b.marker?(e.radius=e.radius||c.radius+2,e.lineWidth=e.lineWidth||c.lineWidth+1):e.color=e.color||ra(e.color||g).brighten(e.brightness).get();j[""]=a.convertAttribs(c,h);n(["hover","select"],function(b){j[b]=a.convertAttribs(d[b],j[""])});a.pointAttr=j;for(g=i.length;g--;){h=i[g];if((c=h.options&&h.options.marker||h.options)&&c.enabled===!1)c.radius=0;if(h.negative&&m)h.color=h.fillColor=m;f=b.colorByPoint||h.color;if(h.options)for(q in l)u(c[l[q]])&&(f=!0);if(f){c=c||{};k=[];d=c.states||{};f=d.hover=
+d.hover||{};if(!b.marker)f.color=ra(f.color||h.color).brighten(f.brightness||e.brightness).get();k[""]=a.convertAttribs(r({color:h.color,fillColor:h.color,lineColor:p===null?h.color:w},c),j[""]);k.hover=a.convertAttribs(d.hover,j.hover,k[""]);k.select=a.convertAttribs(d.select,j.select,k[""])}else k=j;h.pointAttr=k}},update:function(a,b){var c=this.chart,d=this.type,e=W[d].prototype,f,a=x(this.userOptions,{animation:!1,index:this.index,pointStart:this.xData[0]},{data:this.options.data},a);this.remove(!1);
+for(f in e)e.hasOwnProperty(f)&&(this[f]=w);r(this,W[a.type||d].prototype);this.init(c,a);o(b,!0)&&c.redraw(!1)},destroy:function(){var a=this,b=a.chart,c=/AppleWebKit\/533/.test(oa),d,e,f=a.data||[],g,h,i;z(a,"destroy");aa(a);n(["xAxis","yAxis"],function(b){if(i=a[b])ga(i.series,a),i.isDirty=i.forceRedraw=!0,i.stacks={}});a.legendItem&&a.chart.legend.destroyItem(a);for(e=f.length;e--;)(g=f[e])&&g.destroy&&g.destroy();a.points=null;clearTimeout(a.animationTimeout);n("area,graph,dataLabelsGroup,group,markerGroup,tracker,graphNeg,areaNeg,posClip,negClip".split(","),
+function(b){a[b]&&(d=c&&b==="group"?"hide":"destroy",a[b][d]())});if(b.hoverSeries===a)b.hoverSeries=null;ga(b.series,a);for(h in a)delete a[h]},drawDataLabels:function(){var a=this,b=a.options.dataLabels,c=a.points,d,e,f,g;if(b.enabled||a._hasPointLabels)a.dlProcessOptions&&a.dlProcessOptions(b),g=a.plotGroup("dataLabelsGroup","data-labels",a.visible?"visible":"hidden",b.zIndex||6),e=b,n(c,function(c){var i,j=c.dataLabel,k,l,m=c.connector,p=!0;d=c.options&&c.options.dataLabels;i=o(d&&d.enabled,e.enabled);
+if(j&&!i)c.dataLabel=j.destroy();else if(i){b=x(e,d);i=b.rotation;k=c.getLabelConfig();f=b.format?Ca(b.format,k):b.formatter.call(k,b);b.style.color=o(b.color,b.style.color,a.color,"black");if(j)if(u(f))j.attr({text:f}),p=!1;else{if(c.dataLabel=j=j.destroy(),m)c.connector=m.destroy()}else if(u(f)){j={fill:b.backgroundColor,stroke:b.borderColor,"stroke-width":b.borderWidth,r:b.borderRadius||0,rotation:i,padding:b.padding,zIndex:1};for(l in j)j[l]===w&&delete j[l];j=c.dataLabel=a.chart.renderer[i?"text":
+"label"](f,0,-999,null,null,null,b.useHTML).attr(j).css(b.style).add(g).shadow(b.shadow)}j&&a.alignDataLabel(c,j,b,null,p)}})},alignDataLabel:function(a,b,c,d,e){var f=this.chart,g=f.inverted,h=o(a.plotX,-999),i=o(a.plotY,-999),j=b.getBBox();if(a=this.visible&&f.isInsidePlot(a.plotX,a.plotY,g))d=r({x:g?f.plotWidth-i:h,y:t(g?f.plotHeight-h:i),width:0,height:0},d),r(c,{width:j.width,height:j.height}),c.rotation?(g={align:c.align,x:d.x+c.x+d.width/2,y:d.y+c.y+d.height/2},b[e?"attr":"animate"](g)):(b.align(c,
+null,d),g=b.alignAttr,o(c.overflow,"justify")==="justify"?this.justifyDataLabel(b,c,g,j,d,e):o(c.crop,!0)&&(a=f.isInsidePlot(g.x,g.y)&&f.isInsidePlot(g.x+j.width,g.y+j.height)));a||b.attr({y:-999})},justifyDataLabel:function(a,b,c,d,e,f){var g=this.chart,h=b.align,i=b.verticalAlign,j,k;j=c.x;if(j<0)h==="right"?b.align="left":b.x=-j,k=!0;j=c.x+d.width;if(j>g.plotWidth)h==="left"?b.align="right":b.x=g.plotWidth-j,k=!0;j=c.y;if(j<0)i==="bottom"?b.verticalAlign="top":b.y=-j,k=!0;j=c.y+d.height;if(j>g.plotHeight)i===
+"top"?b.verticalAlign="bottom":b.y=g.plotHeight-j,k=!0;if(k)a.placed=!f,a.align(b,null,e)},getSegmentPath:function(a){var b=this,c=[],d=b.options.step;n(a,function(e,f){var g=e.plotX,h=e.plotY,i;b.getPointSpline?c.push.apply(c,b.getPointSpline(a,e,f)):(c.push(f?"L":"M"),d&&f&&(i=a[f-1],d==="right"?c.push(i.plotX,h):d==="center"?c.push((i.plotX+g)/2,i.plotY,(i.plotX+g)/2,h):c.push(g,i.plotY)),c.push(e.plotX,e.plotY))});return c},getGraphPath:function(){var a=this,b=[],c,d=[];n(a.segments,function(e){c=
+a.getSegmentPath(e);e.length>1?b=b.concat(c):d.push(e[0])});a.singlePoints=d;return a.graphPath=b},drawGraph:function(){var a=this,b=this.options,c=[["graph",b.lineColor||this.color]],d=b.lineWidth,e=b.dashStyle,f=this.getGraphPath(),g=b.negativeColor;g&&c.push(["graphNeg",g]);n(c,function(c,g){var j=c[0],k=a[j];if(k)Wa(k),k.animate({d:f});else if(d&&f.length)k={stroke:c[1],"stroke-width":d,zIndex:1},e?k.dashstyle=e:k["stroke-linecap"]=k["stroke-linejoin"]="round",a[j]=a.chart.renderer.path(f).attr(k).add(a.group).shadow(!g&&
+b.shadow)})},clipNeg:function(){var a=this.options,b=this.chart,c=b.renderer,d=a.negativeColor||a.negativeFillColor,e,f=this.graph,g=this.area,h=this.posClip,i=this.negClip;e=b.chartWidth;var j=b.chartHeight,k=s(e,j),l=this.yAxis;if(d&&(f||g)){d=t(l.toPixels(a.threshold||0,!0));a={x:0,y:0,width:k,height:d};k={x:0,y:d,width:k,height:k};if(b.inverted)a.height=k.y=b.plotWidth-d,c.isVML&&(a={x:b.plotWidth-d-b.plotLeft,y:0,width:e,height:j},k={x:d+b.plotLeft-e,y:0,width:b.plotLeft+d,height:e});l.reversed?
+(b=k,e=a):(b=a,e=k);h?(h.animate(b),i.animate(e)):(this.posClip=h=c.clipRect(b),this.negClip=i=c.clipRect(e),f&&this.graphNeg&&(f.clip(h),this.graphNeg.clip(i)),g&&(g.clip(h),this.areaNeg.clip(i)))}},invertGroups:function(){function a(){var a={width:b.yAxis.len,height:b.xAxis.len};n(["group","markerGroup"],function(c){b[c]&&b[c].attr(a).invert()})}var b=this,c=b.chart;if(b.xAxis)J(c,"resize",a),J(b,"destroy",function(){aa(c,"resize",a)}),a(),b.invertGroups=a},plotGroup:function(a,b,c,d,e){var f=this[a],
+g=!f;g&&(this[a]=f=this.chart.renderer.g(b).attr({visibility:c,zIndex:d||0.1}).add(e));f[g?"attr":"animate"](this.getPlotBox());return f},getPlotBox:function(){return{translateX:this.xAxis?this.xAxis.left:this.chart.plotLeft,translateY:this.yAxis?this.yAxis.top:this.chart.plotTop,scaleX:1,scaleY:1}},render:function(){var a=this.chart,b,c=this.options,d=c.animation&&!!this.animate&&a.renderer.isSVG,e=this.visible?"visible":"hidden",f=c.zIndex,g=this.hasRendered,h=a.seriesGroup;b=this.plotGroup("group",
+"series",e,f,h);this.markerGroup=this.plotGroup("markerGroup","markers",e,f,h);d&&this.animate(!0);this.getAttribs();b.inverted=this.isCartesian?a.inverted:!1;this.drawGraph&&(this.drawGraph(),this.clipNeg());this.drawDataLabels();this.drawPoints();this.options.enableMouseTracking!==!1&&this.drawTracker();a.inverted&&this.invertGroups();c.clip!==!1&&!this.sharedClipKey&&!g&&b.clip(a.clipRect);d?this.animate():g||this.afterAnimate();this.isDirty=this.isDirtyData=!1;this.hasRendered=!0},redraw:function(){var a=
+this.chart,b=this.isDirtyData,c=this.group,d=this.xAxis,e=this.yAxis;c&&(a.inverted&&c.attr({width:a.plotWidth,height:a.plotHeight}),c.animate({translateX:o(d&&d.left,a.plotLeft),translateY:o(e&&e.top,a.plotTop)}));this.translate();this.setTooltipPoints(!0);this.render();b&&z(this,"updatedData")},setState:function(a){var b=this.options,c=this.graph,d=this.graphNeg,e=b.states,b=b.lineWidth,a=a||"";if(this.state!==a)this.state=a,e[a]&&e[a].enabled===!1||(a&&(b=e[a].lineWidth||b+1),c&&!c.dashstyle&&
+(a={"stroke-width":b},c.attr(a),d&&d.attr(a)))},setVisible:function(a,b){var c=this,d=c.chart,e=c.legendItem,f,g=d.options.chart.ignoreHiddenSeries,h=c.visible;f=(c.visible=a=c.userOptions.visible=a===w?!h:a)?"show":"hide";n(["group","dataLabelsGroup","markerGroup","tracker"],function(a){if(c[a])c[a][f]()});if(d.hoverSeries===c)c.onMouseOut();e&&d.legend.colorizeItem(c,a);c.isDirty=!0;c.options.stacking&&n(d.series,function(a){if(a.options.stacking&&a.visible)a.isDirty=!0});n(c.linkedSeries,function(b){b.setVisible(a,
+!1)});if(g)d.isDirtyBox=!0;b!==!1&&d.redraw();z(c,f)},show:function(){this.setVisible(!0)},hide:function(){this.setVisible(!1)},select:function(a){this.selected=a=a===w?!this.selected:a;if(this.checkbox)this.checkbox.checked=a;z(this,a?"select":"unselect")},drawTracker:function(){var a=this,b=a.options,c=b.trackByArea,d=[].concat(c?a.areaPath:a.graphPath),e=d.length,f=a.chart,g=f.pointer,h=f.renderer,i=f.options.tooltip.snap,j=a.tracker,k=b.cursor,l=k&&{cursor:k},k=a.singlePoints,m,p=function(){if(f.hoverSeries!==
+a)a.onMouseOver()};if(e&&!c)for(m=e+1;m--;)d[m]==="M"&&d.splice(m+1,0,d[m+1]-i,d[m+2],"L"),(m&&d[m]==="M"||m===e)&&d.splice(m,0,"L",d[m-2]+i,d[m-1]);for(m=0;m<k.length;m++)e=k[m],d.push("M",e.plotX-i,e.plotY,"L",e.plotX+i,e.plotY);j?j.attr({d:d}):(a.tracker=h.path(d).attr({"stroke-linejoin":"round",visibility:a.visible?"visible":"hidden",stroke:Qb,fill:c?Qb:S,"stroke-width":b.lineWidth+(c?0:2*i),zIndex:2}).add(a.group),n([a.tracker,a.markerGroup],function(a){a.addClass("highcharts-tracker").on("mouseover",
+p).on("mouseout",function(a){g.onTrackerMouseOut(a)}).css(l);if(ib)a.on("touchstart",p)}))}};G=ha(Q);W.line=G;Y.area=x(X,{threshold:0});G=ha(Q,{type:"area",getSegments:function(){var a=[],b=[],c=[],d=this.xAxis,e=this.yAxis,f=e.stacks[this.stackKey],g={},h,i,j=this.points,k=this.options.connectNulls,l,m,p;if(this.options.stacking&&!this.cropped){for(m=0;m<j.length;m++)g[j[m].x]=j[m];for(p in f)c.push(+p);c.sort(function(a,b){return a-b});n(c,function(a){if(!k||g[a]&&g[a].y!==null)g[a]?b.push(g[a]):
+(h=d.translate(a),l=f[a].percent?f[a].total?f[a].cum*100/f[a].total:0:f[a].cum,i=e.toPixels(l,!0),b.push({y:null,plotX:h,clientX:h,plotY:i,yBottom:i,onMouseOver:pa}))});b.length&&a.push(b)}else Q.prototype.getSegments.call(this),a=this.segments;this.segments=a},getSegmentPath:function(a){var b=Q.prototype.getSegmentPath.call(this,a),c=[].concat(b),d,e=this.options;d=b.length;var f=this.yAxis.getThreshold(e.threshold),g;d===3&&c.push("L",b[1],b[2]);if(e.stacking&&!this.closedStacks)for(d=a.length-
+1;d>=0;d--)g=o(a[d].yBottom,f),d<a.length-1&&e.step&&c.push(a[d+1].plotX,g),c.push(a[d].plotX,g);else this.closeSegment(c,a,f);this.areaPath=this.areaPath.concat(c);return b},closeSegment:function(a,b,c){a.push("L",b[b.length-1].plotX,c,"L",b[0].plotX,c)},drawGraph:function(){this.areaPath=[];Q.prototype.drawGraph.apply(this);var a=this,b=this.areaPath,c=this.options,d=c.negativeColor,e=c.negativeFillColor,f=[["area",this.color,c.fillColor]];(d||e)&&f.push(["areaNeg",d,e]);n(f,function(d){var e=d[0],
+f=a[e];f?f.animate({d:b}):a[e]=a.chart.renderer.path(b).attr({fill:o(d[2],ra(d[1]).setOpacity(o(c.fillOpacity,0.75)).get()),zIndex:0}).add(a.group)})},drawLegendSymbol:function(a,b){b.legendSymbol=this.chart.renderer.rect(0,a.baseline-11,a.options.symbolWidth,12,2).attr({zIndex:3}).add(b.legendGroup)}});W.area=G;Y.spline=x(X);F=ha(Q,{type:"spline",getPointSpline:function(a,b,c){var d=b.plotX,e=b.plotY,f=a[c-1],g=a[c+1],h,i,j,k;if(f&&g){a=f.plotY;j=g.plotX;var g=g.plotY,l;h=(1.5*d+f.plotX)/2.5;i=(1.5*
+e+a)/2.5;j=(1.5*d+j)/2.5;k=(1.5*e+g)/2.5;l=(k-i)*(j-d)/(j-h)+e-k;i+=l;k+=l;i>a&&i>e?(i=s(a,e),k=2*e-i):i<a&&i<e&&(i=I(a,e),k=2*e-i);k>g&&k>e?(k=s(g,e),i=2*e-k):k<g&&k<e&&(k=I(g,e),i=2*e-k);b.rightContX=j;b.rightContY=k}c?(b=["C",f.rightContX||f.plotX,f.rightContY||f.plotY,h||d,i||e,d,e],f.rightContX=f.rightContY=null):b=["M",d,e];return b}});W.spline=F;Y.areaspline=x(Y.area);ma=G.prototype;F=ha(F,{type:"areaspline",closedStacks:!0,getSegmentPath:ma.getSegmentPath,closeSegment:ma.closeSegment,drawGraph:ma.drawGraph,
+drawLegendSymbol:ma.drawLegendSymbol});W.areaspline=F;Y.column=x(X,{borderColor:"#FFFFFF",borderWidth:1,borderRadius:0,groupPadding:0.2,marker:null,pointPadding:0.1,minPointLength:0,cropThreshold:50,pointRange:null,states:{hover:{brightness:0.1,shadow:!1},select:{color:"#C0C0C0",borderColor:"#000000",shadow:!1}},dataLabels:{align:null,verticalAlign:null,y:null},stickyTracking:!1,threshold:0});F=ha(Q,{type:"column",pointAttrToOptions:{stroke:"borderColor","stroke-width":"borderWidth",fill:"color",
+r:"borderRadius"},cropShoulder:0,trackerGroups:["group","dataLabelsGroup"],negStacks:!0,init:function(){Q.prototype.init.apply(this,arguments);var a=this,b=a.chart;b.hasRendered&&n(b.series,function(b){if(b.type===a.type)b.isDirty=!0})},getColumnMetrics:function(){var a=this,b=a.options,c=a.xAxis,d=a.yAxis,e=c.reversed,f,g={},h,i=0;b.grouping===!1?i=1:n(a.chart.series,function(b){var c=b.options,e=b.yAxis;if(b.type===a.type&&b.visible&&d.len===e.len&&d.pos===e.pos)c.stacking?(f=b.stackKey,g[f]===
+w&&(g[f]=i++),h=g[f]):c.grouping!==!1&&(h=i++),b.columnIndex=h});var c=I(N(c.transA)*(c.ordinalSlope||b.pointRange||c.closestPointRange||1),c.len),j=c*b.groupPadding,k=(c-2*j)/i,l=b.pointWidth,b=u(l)?(k-l)/2:k*b.pointPadding,l=o(l,k-2*b);return a.columnMetrics={width:l,offset:b+(j+((e?i-(a.columnIndex||0):a.columnIndex)||0)*k-c/2)*(e?-1:1)}},translate:function(){var a=this.chart,b=this.options,c=b.borderWidth,d=this.yAxis,e=this.translatedThreshold=d.getThreshold(b.threshold),f=o(b.minPointLength,
+5),b=this.getColumnMetrics(),g=b.width,h=this.barW=xa(s(g,1+2*c)),i=this.pointXOffset=b.offset,j=-(c%2?0.5:0),k=c%2?0.5:1;a.renderer.isVML&&a.inverted&&(k+=1);Q.prototype.translate.apply(this);n(this.points,function(a){var b=o(a.yBottom,e),c=I(s(-999-b,a.plotY),d.len+999+b),n=a.plotX+i,u=h,r=I(c,b),w,c=s(c,b)-r;N(c)<f&&f&&(c=f,r=t(N(r-e)>f?b-f:e-(d.translate(a.y,0,1,0,1)<=e?f:0)));a.barX=n;a.pointWidth=g;b=N(n)<0.5;u=t(n+u)+j;n=t(n)+j;u-=n;w=N(r)<0.5;c=t(r+c)+k;r=t(r)+k;c-=r;b&&(n+=1,u-=1);w&&(r-=
+1,c+=1);a.shapeType="rect";a.shapeArgs={x:n,y:r,width:u,height:c}})},getSymbol:pa,drawLegendSymbol:G.prototype.drawLegendSymbol,drawGraph:pa,drawPoints:function(){var a=this,b=a.options,c=a.chart.renderer,d;n(a.points,function(e){var f=e.plotY,g=e.graphic;if(f!==w&&!isNaN(f)&&e.y!==null)d=e.shapeArgs,g?(Wa(g),g.animate(x(d))):e.graphic=c[e.shapeType](d).attr(e.pointAttr[e.selected?"select":""]).add(a.group).shadow(b.shadow,null,b.stacking&&!b.borderRadius);else if(g)e.graphic=g.destroy()})},drawTracker:function(){var a=
+this,b=a.chart,c=b.pointer,d=a.options.cursor,e=d&&{cursor:d},f=function(c){var d=c.target,e;if(b.hoverSeries!==a)a.onMouseOver();for(;d&&!e;)e=d.point,d=d.parentNode;if(e!==w&&e!==b.hoverPoint)e.onMouseOver(c)};n(a.points,function(a){if(a.graphic)a.graphic.element.point=a;if(a.dataLabel)a.dataLabel.element.point=a});if(!a._hasTracking)n(a.trackerGroups,function(b){if(a[b]&&(a[b].addClass("highcharts-tracker").on("mouseover",f).on("mouseout",function(a){c.onTrackerMouseOut(a)}).css(e),ib))a[b].on("touchstart",
+f)}),a._hasTracking=!0},alignDataLabel:function(a,b,c,d,e){var f=this.chart,g=f.inverted,h=a.dlBox||a.shapeArgs,i=a.below||a.plotY>o(this.translatedThreshold,f.plotSizeY),j=o(c.inside,!!this.options.stacking);if(h&&(d=x(h),g&&(d={x:f.plotWidth-d.y-d.height,y:f.plotHeight-d.x-d.width,width:d.height,height:d.width}),!j))g?(d.x+=i?0:d.width,d.width=0):(d.y+=i?d.height:0,d.height=0);c.align=o(c.align,!g||j?"center":i?"right":"left");c.verticalAlign=o(c.verticalAlign,g||j?"middle":i?"top":"bottom");Q.prototype.alignDataLabel.call(this,
+a,b,c,d,e)},animate:function(a){var b=this.yAxis,c=this.options,d=this.chart.inverted,e={};if(Z)a?(e.scaleY=0.001,a=I(b.pos+b.len,s(b.pos,b.toPixels(c.threshold))),d?e.translateX=a-b.len:e.translateY=a,this.group.attr(e)):(e.scaleY=1,e[d?"translateX":"translateY"]=b.pos,this.group.animate(e,this.options.animation),this.animate=null)},remove:function(){var a=this,b=a.chart;b.hasRendered&&n(b.series,function(b){if(b.type===a.type)b.isDirty=!0});Q.prototype.remove.apply(a,arguments)}});W.column=F;Y.bar=
+x(Y.column);ma=ha(F,{type:"bar",inverted:!0});W.bar=ma;Y.scatter=x(X,{lineWidth:0,tooltip:{headerFormat:'<span style="font-size: 10px; color:{series.color}">{series.name}</span><br/>',pointFormat:"x: <b>{point.x}</b><br/>y: <b>{point.y}</b><br/>",followPointer:!0},stickyTracking:!1});ma=ha(Q,{type:"scatter",sorted:!1,requireSorting:!1,noSharedTooltip:!0,trackerGroups:["markerGroup"],drawTracker:F.prototype.drawTracker,setTooltipPoints:pa});W.scatter=ma;Y.pie=x(X,{borderColor:"#FFFFFF",borderWidth:1,
+center:[null,null],clip:!1,colorByPoint:!0,dataLabels:{distance:30,enabled:!0,formatter:function(){return this.point.name}},ignoreHiddenPoint:!0,legendType:"point",marker:null,size:null,showInLegend:!1,slicedOffset:10,states:{hover:{brightness:0.1,shadow:!1}},stickyTracking:!1,tooltip:{followPointer:!0}});X={type:"pie",isCartesian:!1,pointClass:ha(Pa,{init:function(){Pa.prototype.init.apply(this,arguments);var a=this,b;if(a.y<0)a.y=null;r(a,{visible:a.visible!==!1,name:o(a.name,"Slice")});b=function(b){a.slice(b.type===
+"select")};J(a,"select",b);J(a,"unselect",b);return a},setVisible:function(a){var b=this,c=b.series,d=c.chart,e;b.visible=b.options.visible=a=a===w?!b.visible:a;c.options.data[qa(b,c.data)]=b.options;e=a?"show":"hide";n(["graphic","dataLabel","connector","shadowGroup"],function(a){if(b[a])b[a][e]()});b.legendItem&&d.legend.colorizeItem(b,a);if(!c.isDirty&&c.options.ignoreHiddenPoint)c.isDirty=!0,d.redraw()},slice:function(a,b,c){var d=this.series;La(c,d.chart);o(b,!0);this.sliced=this.options.sliced=
+a=u(a)?a:!this.sliced;d.options.data[qa(this,d.data)]=this.options;a=a?this.slicedTranslation:{translateX:0,translateY:0};this.graphic.animate(a);this.shadowGroup&&this.shadowGroup.animate(a)}}),requireSorting:!1,noSharedTooltip:!0,trackerGroups:["group","dataLabelsGroup"],pointAttrToOptions:{stroke:"borderColor","stroke-width":"borderWidth",fill:"color"},getColor:pa,animate:function(a){var b=this,c=b.points,d=b.startAngleRad;if(!a)n(c,function(a){var c=a.graphic,a=a.shapeArgs;c&&(c.attr({r:b.center[3]/
+2,start:d,end:d}),c.animate({r:a.r,start:a.start,end:a.end},b.options.animation))}),b.animate=null},setData:function(a,b){Q.prototype.setData.call(this,a,!1);this.processData();this.generatePoints();o(b,!0)&&this.chart.redraw()},generatePoints:function(){var a,b=0,c,d,e,f=this.options.ignoreHiddenPoint;Q.prototype.generatePoints.call(this);c=this.points;d=c.length;for(a=0;a<d;a++)e=c[a],b+=f&&!e.visible?0:e.y;this.total=b;for(a=0;a<d;a++)e=c[a],e.percentage=b>0?e.y/b*100:0,e.total=b},getCenter:function(){var a=
+this.options,b=this.chart,c=2*(a.slicedOffset||0),d,e=b.plotWidth-2*c,f=b.plotHeight-2*c,b=a.center,a=[o(b[0],"50%"),o(b[1],"50%"),a.size||"100%",a.innerSize||0],g=I(e,f),h;return Na(a,function(a,b){h=/%$/.test(a);d=b<2||b===2&&h;return(h?[e,f,g,g][b]*C(a)/100:a)+(d?c:0)})},translate:function(a){this.generatePoints();var b=0,c=this.options,d=c.slicedOffset,e=d+c.borderWidth,f,g,h,i=c.startAngle||0,j=this.startAngleRad=ya/180*(i-90),i=(this.endAngleRad=ya/180*((c.endAngle||i+360)-90))-j,k=this.points,
+l=c.dataLabels.distance,c=c.ignoreHiddenPoint,m,n=k.length,o;if(!a)this.center=a=this.getCenter();this.getX=function(b,c){h=R.asin((b-a[1])/(a[2]/2+l));return a[0]+(c?-1:1)*V(h)*(a[2]/2+l)};for(m=0;m<n;m++){o=k[m];f=j+b*i;if(!c||o.visible)b+=o.percentage/100;g=j+b*i;o.shapeType="arc";o.shapeArgs={x:a[0],y:a[1],r:a[2]/2,innerR:a[3]/2,start:t(f*1E3)/1E3,end:t(g*1E3)/1E3};h=(g+f)/2;h>0.75*i&&(h-=2*ya);o.slicedTranslation={translateX:t(V(h)*d),translateY:t(ca(h)*d)};f=V(h)*a[2]/2;g=ca(h)*a[2]/2;o.tooltipPos=
+[a[0]+f*0.7,a[1]+g*0.7];o.half=h<-ya/2||h>ya/2?1:0;o.angle=h;e=I(e,l/2);o.labelPos=[a[0]+f+V(h)*l,a[1]+g+ca(h)*l,a[0]+f+V(h)*e,a[1]+g+ca(h)*e,a[0]+f,a[1]+g,l<0?"center":o.half?"right":"left",h]}},setTooltipPoints:pa,drawGraph:null,drawPoints:function(){var a=this,b=a.chart.renderer,c,d,e=a.options.shadow,f,g;if(e&&!a.shadowGroup)a.shadowGroup=b.g("shadow").add(a.group);n(a.points,function(h){d=h.graphic;g=h.shapeArgs;f=h.shadowGroup;if(e&&!f)f=h.shadowGroup=b.g("shadow").add(a.shadowGroup);c=h.sliced?
+h.slicedTranslation:{translateX:0,translateY:0};f&&f.attr(c);d?d.animate(r(g,c)):h.graphic=d=b.arc(g).setRadialReference(a.center).attr(h.pointAttr[h.selected?"select":""]).attr({"stroke-linejoin":"round"}).attr(c).add(a.group).shadow(e,f);h.visible===!1&&h.setVisible(!1)})},sortByAngle:function(a,b){a.sort(function(a,d){return a.angle!==void 0&&(d.angle-a.angle)*b})},drawDataLabels:function(){var a=this,b=a.data,c,d=a.chart,e=a.options.dataLabels,f=o(e.connectorPadding,10),g=o(e.connectorWidth,1),
+h=d.plotWidth,d=d.plotHeight,i,j,k=o(e.softConnector,!0),l=e.distance,m=a.center,p=m[2]/2,q=m[1],u=l>0,r,w,v,x,C=[[],[]],y,z,E,H,B,D=[0,0,0,0],I=function(a,b){return b.y-a.y};if(a.visible&&(e.enabled||a._hasPointLabels)){Q.prototype.drawDataLabels.apply(a);n(b,function(a){a.dataLabel&&C[a.half].push(a)});for(H=0;!x&&b[H];)x=b[H]&&b[H].dataLabel&&(b[H].dataLabel.getBBox().height||21),H++;for(H=2;H--;){var b=[],K=[],G=C[H],J=G.length,F;a.sortByAngle(G,H-0.5);if(l>0){for(B=q-p-l;B<=q+p+l;B+=x)b.push(B);
+w=b.length;if(J>w){c=[].concat(G);c.sort(I);for(B=J;B--;)c[B].rank=B;for(B=J;B--;)G[B].rank>=w&&G.splice(B,1);J=G.length}for(B=0;B<J;B++){c=G[B];v=c.labelPos;c=9999;var O,M;for(M=0;M<w;M++)O=N(b[M]-v[1]),O<c&&(c=O,F=M);if(F<B&&b[B]!==null)F=B;else for(w<J-B+F&&b[B]!==null&&(F=w-J+B);b[F]===null;)F++;K.push({i:F,y:b[F]});b[F]=null}K.sort(I)}for(B=0;B<J;B++){c=G[B];v=c.labelPos;r=c.dataLabel;E=c.visible===!1?"hidden":"visible";c=v[1];if(l>0){if(w=K.pop(),F=w.i,z=w.y,c>z&&b[F+1]!==null||c<z&&b[F-1]!==
+null)z=c}else z=c;y=e.justify?m[0]+(H?-1:1)*(p+l):a.getX(F===0||F===b.length-1?c:z,H);r._attr={visibility:E,align:v[6]};r._pos={x:y+e.x+({left:f,right:-f}[v[6]]||0),y:z+e.y-10};r.connX=y;r.connY=z;if(this.options.size===null)w=r.width,y-w<f?D[3]=s(t(w-y+f),D[3]):y+w>h-f&&(D[1]=s(t(y+w-h+f),D[1])),z-x/2<0?D[0]=s(t(-z+x/2),D[0]):z+x/2>d&&(D[2]=s(t(z+x/2-d),D[2]))}}if(va(D)===0||this.verifyDataLabelOverflow(D))this.placeDataLabels(),u&&g&&n(this.points,function(b){i=b.connector;v=b.labelPos;if((r=b.dataLabel)&&
+r._pos)E=r._attr.visibility,y=r.connX,z=r.connY,j=k?["M",y+(v[6]==="left"?5:-5),z,"C",y,z,2*v[2]-v[4],2*v[3]-v[5],v[2],v[3],"L",v[4],v[5]]:["M",y+(v[6]==="left"?5:-5),z,"L",v[2],v[3],"L",v[4],v[5]],i?(i.animate({d:j}),i.attr("visibility",E)):b.connector=i=a.chart.renderer.path(j).attr({"stroke-width":g,stroke:e.connectorColor||b.color||"#606060",visibility:E}).add(a.group);else if(i)b.connector=i.destroy()})}},verifyDataLabelOverflow:function(a){var b=this.center,c=this.options,d=c.center,e=c=c.minSize||
+80,f;d[0]!==null?e=s(b[2]-s(a[1],a[3]),c):(e=s(b[2]-a[1]-a[3],c),b[0]+=(a[3]-a[1])/2);d[1]!==null?e=s(I(e,b[2]-s(a[0],a[2])),c):(e=s(I(e,b[2]-a[0]-a[2]),c),b[1]+=(a[0]-a[2])/2);e<b[2]?(b[2]=e,this.translate(b),n(this.points,function(a){if(a.dataLabel)a.dataLabel._pos=null}),this.drawDataLabels()):f=!0;return f},placeDataLabels:function(){n(this.points,function(a){var a=a.dataLabel,b;if(a)(b=a._pos)?(a.attr(a._attr),a[a.moved?"animate":"attr"](b),a.moved=!0):a&&a.attr({y:-999})})},alignDataLabel:pa,
+drawTracker:F.prototype.drawTracker,drawLegendSymbol:G.prototype.drawLegendSymbol,getSymbol:pa};X=ha(Q,X);W.pie=X;r(Highcharts,{Axis:db,Chart:yb,Color:ra,Legend:eb,Pointer:xb,Point:Pa,Tick:Ma,Tooltip:wb,Renderer:Va,Series:Q,SVGElement:wa,SVGRenderer:Ha,arrayMin:Ja,arrayMax:va,charts:Ga,dateFormat:Xa,format:Ca,pathAnim:Ab,getOptions:function(){return M},hasBidiBug:Ub,isTouchDevice:Ob,numberFormat:Aa,seriesTypes:W,setOptions:function(a){M=x(M,a);Lb();return M},addEvent:J,removeEvent:aa,createElement:U,
+discardElement:Ta,css:K,each:n,extend:r,map:Na,merge:x,pick:o,splat:ja,extendClass:ha,pInt:C,wrap:mb,svg:Z,canvas:$,vml:!Z&&!$,product:"Highcharts",version:"3.0.6"})})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts.src.js
new file mode 100644
index 000000000..a29b0fad1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/highcharts.src.js
@@ -0,0 +1,16974 @@
+// ==ClosureCompiler==
+// @compilation_level SIMPLE_OPTIMIZATIONS
+
+/**
+ * @license Highcharts JS v3.0.6 (2013-10-04)
+ *
+ * (c) 2009-2013 Torstein Hønsi
+ *
+ * License: www.highcharts.com/license
+ */
+
+// JSLint options:
+/*global Highcharts, document, window, navigator, setInterval, clearInterval, clearTimeout, setTimeout, location, jQuery, $, console, each, grep */
+
+(function () {
+// encapsulated variables
+var UNDEFINED,
+	doc = document,
+	win = window,
+	math = Math,
+	mathRound = math.round,
+	mathFloor = math.floor,
+	mathCeil = math.ceil,
+	mathMax = math.max,
+	mathMin = math.min,
+	mathAbs = math.abs,
+	mathCos = math.cos,
+	mathSin = math.sin,
+	mathPI = math.PI,
+	deg2rad = mathPI * 2 / 360,
+
+
+	// some variables
+	userAgent = navigator.userAgent,
+	isOpera = win.opera,
+	isIE = /msie/i.test(userAgent) && !isOpera,
+	docMode8 = doc.documentMode === 8,
+	isWebKit = /AppleWebKit/.test(userAgent),
+	isFirefox = /Firefox/.test(userAgent),
+	isTouchDevice = /(Mobile|Android|Windows Phone)/.test(userAgent),
+	SVG_NS = 'http://www.w3.org/2000/svg',
+	hasSVG = !!doc.createElementNS && !!doc.createElementNS(SVG_NS, 'svg').createSVGRect,
+	hasBidiBug = isFirefox && parseInt(userAgent.split('Firefox/')[1], 10) < 4, // issue #38
+	useCanVG = !hasSVG && !isIE && !!doc.createElement('canvas').getContext,
+	Renderer,
+	hasTouch = doc.documentElement.ontouchstart !== UNDEFINED,
+	symbolSizes = {},
+	idCounter = 0,
+	garbageBin,
+	defaultOptions,
+	dateFormat, // function
+	globalAnimation,
+	pathAnim,
+	timeUnits,
+	noop = function () {},
+	charts = [],
+	PRODUCT = 'Highcharts',
+	VERSION = '3.0.6',
+
+	// some constants for frequently used strings
+	DIV = 'div',
+	ABSOLUTE = 'absolute',
+	RELATIVE = 'relative',
+	HIDDEN = 'hidden',
+	PREFIX = 'highcharts-',
+	VISIBLE = 'visible',
+	PX = 'px',
+	NONE = 'none',
+	M = 'M',
+	L = 'L',
+	/*
+	 * Empirical lowest possible opacities for TRACKER_FILL
+	 * IE6: 0.002
+	 * IE7: 0.002
+	 * IE8: 0.002
+	 * IE9: 0.00000000001 (unlimited)
+	 * IE10: 0.0001 (exporting only)
+	 * FF: 0.00000000001 (unlimited)
+	 * Chrome: 0.000001
+	 * Safari: 0.000001
+	 * Opera: 0.00000000001 (unlimited)
+	 */
+	TRACKER_FILL = 'rgba(192,192,192,' + (hasSVG ? 0.0001 : 0.002) + ')', // invisible but clickable
+	//TRACKER_FILL = 'rgba(192,192,192,0.5)',
+	NORMAL_STATE = '',
+	HOVER_STATE = 'hover',
+	SELECT_STATE = 'select',
+	MILLISECOND = 'millisecond',
+	SECOND = 'second',
+	MINUTE = 'minute',
+	HOUR = 'hour',
+	DAY = 'day',
+	WEEK = 'week',
+	MONTH = 'month',
+	YEAR = 'year',
+
+	// constants for attributes
+	LINEAR_GRADIENT = 'linearGradient',
+	STOPS = 'stops',
+	STROKE_WIDTH = 'stroke-width',
+
+	// time methods, changed based on whether or not UTC is used
+	makeTime,
+	getMinutes,
+	getHours,
+	getDay,
+	getDate,
+	getMonth,
+	getFullYear,
+	setMinutes,
+	setHours,
+	setDate,
+	setMonth,
+	setFullYear,
+
+
+	// lookup over the types and the associated classes
+	seriesTypes = {};
+
+// The Highcharts namespace
+win.Highcharts = win.Highcharts ? error(16, true) : {};
+
+/**
+ * Extend an object with the members of another
+ * @param {Object} a The object to be extended
+ * @param {Object} b The object to add to the first one
+ */
+function extend(a, b) {
+	var n;
+	if (!a) {
+		a = {};
+	}
+	for (n in b) {
+		a[n] = b[n];
+	}
+	return a;
+}
+	
+/**
+ * Deep merge two or more objects and return a third object.
+ * Previously this function redirected to jQuery.extend(true), but this had two limitations.
+ * First, it deep merged arrays, which lead to workarounds in Highcharts. Second,
+ * it copied properties from extended prototypes. 
+ */
+function merge() {
+	var i,
+		len = arguments.length,
+		ret = {},
+		doCopy = function (copy, original) {
+			var value, key;
+
+			// An object is replacing a primitive
+			if (typeof copy !== 'object') {
+				copy = {};
+			}
+
+			for (key in original) {
+				if (original.hasOwnProperty(key)) {
+					value = original[key];
+
+					// Copy the contents of objects, but not arrays or DOM nodes
+					if (value && typeof value === 'object' && Object.prototype.toString.call(value) !== '[object Array]'
+							&& typeof value.nodeType !== 'number') {
+						copy[key] = doCopy(copy[key] || {}, value);
+				
+					// Primitives and arrays are copied over directly
+					} else {
+						copy[key] = original[key];
+					}
+				}
+			}
+			return copy;
+		};
+
+	// For each argument, extend the return
+	for (i = 0; i < len; i++) {
+		ret = doCopy(ret, arguments[i]);
+	}
+
+	return ret;
+}
+
+/**
+ * Take an array and turn into a hash with even number arguments as keys and odd numbers as
+ * values. Allows creating constants for commonly used style properties, attributes etc.
+ * Avoid it in performance critical situations like looping
+ */
+function hash() {
+	var i = 0,
+		args = arguments,
+		length = args.length,
+		obj = {};
+	for (; i < length; i++) {
+		obj[args[i++]] = args[i];
+	}
+	return obj;
+}
+
+/**
+ * Shortcut for parseInt
+ * @param {Object} s
+ * @param {Number} mag Magnitude
+ */
+function pInt(s, mag) {
+	return parseInt(s, mag || 10);
+}
+
+/**
+ * Check for string
+ * @param {Object} s
+ */
+function isString(s) {
+	return typeof s === 'string';
+}
+
+/**
+ * Check for object
+ * @param {Object} obj
+ */
+function isObject(obj) {
+	return typeof obj === 'object';
+}
+
+/**
+ * Check for array
+ * @param {Object} obj
+ */
+function isArray(obj) {
+	return Object.prototype.toString.call(obj) === '[object Array]';
+}
+
+/**
+ * Check for number
+ * @param {Object} n
+ */
+function isNumber(n) {
+	return typeof n === 'number';
+}
+
+function log2lin(num) {
+	return math.log(num) / math.LN10;
+}
+function lin2log(num) {
+	return math.pow(10, num);
+}
+
+/**
+ * Remove last occurence of an item from an array
+ * @param {Array} arr
+ * @param {Mixed} item
+ */
+function erase(arr, item) {
+	var i = arr.length;
+	while (i--) {
+		if (arr[i] === item) {
+			arr.splice(i, 1);
+			break;
+		}
+	}
+	//return arr;
+}
+
+/**
+ * Returns true if the object is not null or undefined. Like MooTools' $.defined.
+ * @param {Object} obj
+ */
+function defined(obj) {
+	return obj !== UNDEFINED && obj !== null;
+}
+
+/**
+ * Set or get an attribute or an object of attributes. Can't use jQuery attr because
+ * it attempts to set expando properties on the SVG element, which is not allowed.
+ *
+ * @param {Object} elem The DOM element to receive the attribute(s)
+ * @param {String|Object} prop The property or an abject of key-value pairs
+ * @param {String} value The value if a single property is set
+ */
+function attr(elem, prop, value) {
+	var key,
+		setAttribute = 'setAttribute',
+		ret;
+
+	// if the prop is a string
+	if (isString(prop)) {
+		// set the value
+		if (defined(value)) {
+
+			elem[setAttribute](prop, value);
+
+		// get the value
+		} else if (elem && elem.getAttribute) { // elem not defined when printing pie demo...
+			ret = elem.getAttribute(prop);
+		}
+
+	// else if prop is defined, it is a hash of key/value pairs
+	} else if (defined(prop) && isObject(prop)) {
+		for (key in prop) {
+			elem[setAttribute](key, prop[key]);
+		}
+	}
+	return ret;
+}
+/**
+ * Check if an element is an array, and if not, make it into an array. Like
+ * MooTools' $.splat.
+ */
+function splat(obj) {
+	return isArray(obj) ? obj : [obj];
+}
+
+
+/**
+ * Return the first value that is defined. Like MooTools' $.pick.
+ */
+function pick() {
+	var args = arguments,
+		i,
+		arg,
+		length = args.length;
+	for (i = 0; i < length; i++) {
+		arg = args[i];
+		if (typeof arg !== 'undefined' && arg !== null) {
+			return arg;
+		}
+	}
+}
+
+/**
+ * Set CSS on a given element
+ * @param {Object} el
+ * @param {Object} styles Style object with camel case property names
+ */
+function css(el, styles) {
+	if (isIE) {
+		if (styles && styles.opacity !== UNDEFINED) {
+			styles.filter = 'alpha(opacity=' + (styles.opacity * 100) + ')';
+		}
+	}
+	extend(el.style, styles);
+}
+
+/**
+ * Utility function to create element with attributes and styles
+ * @param {Object} tag
+ * @param {Object} attribs
+ * @param {Object} styles
+ * @param {Object} parent
+ * @param {Object} nopad
+ */
+function createElement(tag, attribs, styles, parent, nopad) {
+	var el = doc.createElement(tag);
+	if (attribs) {
+		extend(el, attribs);
+	}
+	if (nopad) {
+		css(el, {padding: 0, border: NONE, margin: 0});
+	}
+	if (styles) {
+		css(el, styles);
+	}
+	if (parent) {
+		parent.appendChild(el);
+	}
+	return el;
+}
+
+/**
+ * Extend a prototyped class by new members
+ * @param {Object} parent
+ * @param {Object} members
+ */
+function extendClass(parent, members) {
+	var object = function () {};
+	object.prototype = new parent();
+	extend(object.prototype, members);
+	return object;
+}
+
+/**
+ * Format a number and return a string based on input settings
+ * @param {Number} number The input number to format
+ * @param {Number} decimals The amount of decimals
+ * @param {String} decPoint The decimal point, defaults to the one given in the lang options
+ * @param {String} thousandsSep The thousands separator, defaults to the one given in the lang options
+ */
+function numberFormat(number, decimals, decPoint, thousandsSep) {
+	var lang = defaultOptions.lang,
+		// http://kevin.vanzonneveld.net/techblog/article/javascript_equivalent_for_phps_number_format/
+		n = +number || 0,
+		c = decimals === -1 ?
+			(n.toString().split('.')[1] || '').length : // preserve decimals
+			(isNaN(decimals = mathAbs(decimals)) ? 2 : decimals),
+		d = decPoint === undefined ? lang.decimalPoint : decPoint,
+		t = thousandsSep === undefined ? lang.thousandsSep : thousandsSep,
+		s = n < 0 ? "-" : "",
+		i = String(pInt(n = mathAbs(n).toFixed(c))),
+		j = i.length > 3 ? i.length % 3 : 0;
+
+	return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) +
+		(c ? d + mathAbs(n - i).toFixed(c).slice(2) : "");
+}
+
+/**
+ * Pad a string to a given length by adding 0 to the beginning
+ * @param {Number} number
+ * @param {Number} length
+ */
+function pad(number, length) {
+	// Create an array of the remaining length +1 and join it with 0's
+	return new Array((length || 2) + 1 - String(number).length).join(0) + number;
+}
+
+/**
+ * Wrap a method with extended functionality, preserving the original function
+ * @param {Object} obj The context object that the method belongs to 
+ * @param {String} method The name of the method to extend
+ * @param {Function} func A wrapper function callback. This function is called with the same arguments
+ * as the original function, except that the original function is unshifted and passed as the first 
+ * argument. 
+ */
+function wrap(obj, method, func) {
+	var proceed = obj[method];
+	obj[method] = function () {
+		var args = Array.prototype.slice.call(arguments);
+		args.unshift(proceed);
+		return func.apply(this, args);
+	};
+}
+
+/**
+ * Based on http://www.php.net/manual/en/function.strftime.php
+ * @param {String} format
+ * @param {Number} timestamp
+ * @param {Boolean} capitalize
+ */
+dateFormat = function (format, timestamp, capitalize) {
+	if (!defined(timestamp) || isNaN(timestamp)) {
+		return 'Invalid date';
+	}
+	format = pick(format, '%Y-%m-%d %H:%M:%S');
+
+	var date = new Date(timestamp),
+		key, // used in for constuct below
+		// get the basic time values
+		hours = date[getHours](),
+		day = date[getDay](),
+		dayOfMonth = date[getDate](),
+		month = date[getMonth](),
+		fullYear = date[getFullYear](),
+		lang = defaultOptions.lang,
+		langWeekdays = lang.weekdays,
+
+		// List all format keys. Custom formats can be added from the outside. 
+		replacements = extend({
+
+			// Day
+			'a': langWeekdays[day].substr(0, 3), // Short weekday, like 'Mon'
+			'A': langWeekdays[day], // Long weekday, like 'Monday'
+			'd': pad(dayOfMonth), // Two digit day of the month, 01 to 31
+			'e': dayOfMonth, // Day of the month, 1 through 31
+
+			// Week (none implemented)
+			//'W': weekNumber(),
+
+			// Month
+			'b': lang.shortMonths[month], // Short month, like 'Jan'
+			'B': lang.months[month], // Long month, like 'January'
+			'm': pad(month + 1), // Two digit month number, 01 through 12
+
+			// Year
+			'y': fullYear.toString().substr(2, 2), // Two digits year, like 09 for 2009
+			'Y': fullYear, // Four digits year, like 2009
+
+			// Time
+			'H': pad(hours), // Two digits hours in 24h format, 00 through 23
+			'I': pad((hours % 12) || 12), // Two digits hours in 12h format, 00 through 11
+			'l': (hours % 12) || 12, // Hours in 12h format, 1 through 12
+			'M': pad(date[getMinutes]()), // Two digits minutes, 00 through 59
+			'p': hours < 12 ? 'AM' : 'PM', // Upper case AM or PM
+			'P': hours < 12 ? 'am' : 'pm', // Lower case AM or PM
+			'S': pad(date.getSeconds()), // Two digits seconds, 00 through  59
+			'L': pad(mathRound(timestamp % 1000), 3) // Milliseconds (naming from Ruby)
+		}, Highcharts.dateFormats);
+
+
+	// do the replaces
+	for (key in replacements) {
+		while (format.indexOf('%' + key) !== -1) { // regex would do it in one line, but this is faster
+			format = format.replace('%' + key, typeof replacements[key] === 'function' ? replacements[key](timestamp) : replacements[key]);
+		}
+	}
+
+	// Optionally capitalize the string and return
+	return capitalize ? format.substr(0, 1).toUpperCase() + format.substr(1) : format;
+};
+
+/** 
+ * Format a single variable. Similar to sprintf, without the % prefix.
+ */
+function formatSingle(format, val) {
+	var floatRegex = /f$/,
+		decRegex = /\.([0-9])/,
+		lang = defaultOptions.lang,
+		decimals;
+
+	if (floatRegex.test(format)) { // float
+		decimals = format.match(decRegex);
+		decimals = decimals ? decimals[1] : -1;
+		val = numberFormat(
+			val,
+			decimals,
+			lang.decimalPoint,
+			format.indexOf(',') > -1 ? lang.thousandsSep : ''
+		);
+	} else {
+		val = dateFormat(format, val);
+	}
+	return val;
+}
+
+/**
+ * Format a string according to a subset of the rules of Python's String.format method.
+ */
+function format(str, ctx) {
+	var splitter = '{',
+		isInside = false,
+		segment,
+		valueAndFormat,
+		path,
+		i,
+		len,
+		ret = [],
+		val,
+		index;
+	
+	while ((index = str.indexOf(splitter)) !== -1) {
+		
+		segment = str.slice(0, index);
+		if (isInside) { // we're on the closing bracket looking back
+			
+			valueAndFormat = segment.split(':');
+			path = valueAndFormat.shift().split('.'); // get first and leave format
+			len = path.length;
+			val = ctx;
+
+			// Assign deeper paths
+			for (i = 0; i < len; i++) {
+				val = val[path[i]];
+			}
+
+			// Format the replacement
+			if (valueAndFormat.length) {
+				val = formatSingle(valueAndFormat.join(':'), val);
+			}
+
+			// Push the result and advance the cursor
+			ret.push(val);
+			
+		} else {
+			ret.push(segment);
+			
+		}
+		str = str.slice(index + 1); // the rest
+		isInside = !isInside; // toggle
+		splitter = isInside ? '}' : '{'; // now look for next matching bracket
+	}
+	ret.push(str);
+	return ret.join('');
+}
+
+/**
+ * Get the magnitude of a number
+ */
+function getMagnitude(num) {
+	return math.pow(10, mathFloor(math.log(num) / math.LN10));
+}
+
+/**
+ * Take an interval and normalize it to multiples of 1, 2, 2.5 and 5
+ * @param {Number} interval
+ * @param {Array} multiples
+ * @param {Number} magnitude
+ * @param {Object} options
+ */
+function normalizeTickInterval(interval, multiples, magnitude, options) {
+	var normalized, i;
+
+	// round to a tenfold of 1, 2, 2.5 or 5
+	magnitude = pick(magnitude, 1);
+	normalized = interval / magnitude;
+
+	// multiples for a linear scale
+	if (!multiples) {
+		multiples = [1, 2, 2.5, 5, 10];
+
+		// the allowDecimals option
+		if (options && options.allowDecimals === false) {
+			if (magnitude === 1) {
+				multiples = [1, 2, 5, 10];
+			} else if (magnitude <= 0.1) {
+				multiples = [1 / magnitude];
+			}
+		}
+	}
+
+	// normalize the interval to the nearest multiple
+	for (i = 0; i < multiples.length; i++) {
+		interval = multiples[i];
+		if (normalized <= (multiples[i] + (multiples[i + 1] || multiples[i])) / 2) {
+			break;
+		}
+	}
+
+	// multiply back to the correct magnitude
+	interval *= magnitude;
+
+	return interval;
+}
+
+/**
+ * Get a normalized tick interval for dates. Returns a configuration object with
+ * unit range (interval), count and name. Used to prepare data for getTimeTicks. 
+ * Previously this logic was part of getTimeTicks, but as getTimeTicks now runs
+ * of segments in stock charts, the normalizing logic was extracted in order to 
+ * prevent it for running over again for each segment having the same interval. 
+ * #662, #697.
+ */
+function normalizeTimeTickInterval(tickInterval, unitsOption) {
+	var units = unitsOption || [[
+				MILLISECOND, // unit name
+				[1, 2, 5, 10, 20, 25, 50, 100, 200, 500] // allowed multiples
+			], [
+				SECOND,
+				[1, 2, 5, 10, 15, 30]
+			], [
+				MINUTE,
+				[1, 2, 5, 10, 15, 30]
+			], [
+				HOUR,
+				[1, 2, 3, 4, 6, 8, 12]
+			], [
+				DAY,
+				[1, 2]
+			], [
+				WEEK,
+				[1, 2]
+			], [
+				MONTH,
+				[1, 2, 3, 4, 6]
+			], [
+				YEAR,
+				null
+			]],
+		unit = units[units.length - 1], // default unit is years
+		interval = timeUnits[unit[0]],
+		multiples = unit[1],
+		count,
+		i;
+		
+	// loop through the units to find the one that best fits the tickInterval
+	for (i = 0; i < units.length; i++) {
+		unit = units[i];
+		interval = timeUnits[unit[0]];
+		multiples = unit[1];
+
+
+		if (units[i + 1]) {
+			// lessThan is in the middle between the highest multiple and the next unit.
+			var lessThan = (interval * multiples[multiples.length - 1] +
+						timeUnits[units[i + 1][0]]) / 2;
+
+			// break and keep the current unit
+			if (tickInterval <= lessThan) {
+				break;
+			}
+		}
+	}
+
+	// prevent 2.5 years intervals, though 25, 250 etc. are allowed
+	if (interval === timeUnits[YEAR] && tickInterval < 5 * interval) {
+		multiples = [1, 2, 5];
+	}
+
+	// get the count
+	count = normalizeTickInterval(
+		tickInterval / interval, 
+		multiples,
+		unit[0] === YEAR ? getMagnitude(tickInterval / interval) : 1 // #1913
+	);
+	
+	return {
+		unitRange: interval,
+		count: count,
+		unitName: unit[0]
+	};
+}
+
+/**
+ * Set the tick positions to a time unit that makes sense, for example
+ * on the first of each month or on every Monday. Return an array
+ * with the time positions. Used in datetime axes as well as for grouping
+ * data on a datetime axis.
+ *
+ * @param {Object} normalizedInterval The interval in axis values (ms) and the count
+ * @param {Number} min The minimum in axis values
+ * @param {Number} max The maximum in axis values
+ * @param {Number} startOfWeek
+ */
+function getTimeTicks(normalizedInterval, min, max, startOfWeek) {
+	var tickPositions = [],
+		i,
+		higherRanks = {},
+		useUTC = defaultOptions.global.useUTC,
+		minYear, // used in months and years as a basis for Date.UTC()
+		minDate = new Date(min),
+		interval = normalizedInterval.unitRange,
+		count = normalizedInterval.count;
+
+	if (defined(min)) { // #1300
+		if (interval >= timeUnits[SECOND]) { // second
+			minDate.setMilliseconds(0);
+			minDate.setSeconds(interval >= timeUnits[MINUTE] ? 0 :
+				count * mathFloor(minDate.getSeconds() / count));
+		}
+	
+		if (interval >= timeUnits[MINUTE]) { // minute
+			minDate[setMinutes](interval >= timeUnits[HOUR] ? 0 :
+				count * mathFloor(minDate[getMinutes]() / count));
+		}
+	
+		if (interval >= timeUnits[HOUR]) { // hour
+			minDate[setHours](interval >= timeUnits[DAY] ? 0 :
+				count * mathFloor(minDate[getHours]() / count));
+		}
+	
+		if (interval >= timeUnits[DAY]) { // day
+			minDate[setDate](interval >= timeUnits[MONTH] ? 1 :
+				count * mathFloor(minDate[getDate]() / count));
+		}
+	
+		if (interval >= timeUnits[MONTH]) { // month
+			minDate[setMonth](interval >= timeUnits[YEAR] ? 0 :
+				count * mathFloor(minDate[getMonth]() / count));
+			minYear = minDate[getFullYear]();
+		}
+	
+		if (interval >= timeUnits[YEAR]) { // year
+			minYear -= minYear % count;
+			minDate[setFullYear](minYear);
+		}
+	
+		// week is a special case that runs outside the hierarchy
+		if (interval === timeUnits[WEEK]) {
+			// get start of current week, independent of count
+			minDate[setDate](minDate[getDate]() - minDate[getDay]() +
+				pick(startOfWeek, 1));
+		}
+	
+	
+		// get tick positions
+		i = 1;
+		minYear = minDate[getFullYear]();
+		var time = minDate.getTime(),
+			minMonth = minDate[getMonth](),
+			minDateDate = minDate[getDate](),
+			timezoneOffset = useUTC ? 
+				0 : 
+				(24 * 3600 * 1000 + minDate.getTimezoneOffset() * 60 * 1000) % (24 * 3600 * 1000); // #950
+	
+		// iterate and add tick positions at appropriate values
+		while (time < max) {
+			tickPositions.push(time);
+	
+			// if the interval is years, use Date.UTC to increase years
+			if (interval === timeUnits[YEAR]) {
+				time = makeTime(minYear + i * count, 0);
+	
+			// if the interval is months, use Date.UTC to increase months
+			} else if (interval === timeUnits[MONTH]) {
+				time = makeTime(minYear, minMonth + i * count);
+	
+			// if we're using global time, the interval is not fixed as it jumps
+			// one hour at the DST crossover
+			} else if (!useUTC && (interval === timeUnits[DAY] || interval === timeUnits[WEEK])) {
+				time = makeTime(minYear, minMonth, minDateDate +
+					i * count * (interval === timeUnits[DAY] ? 1 : 7));
+	
+			// else, the interval is fixed and we use simple addition
+			} else {
+				time += interval * count;
+			}
+	
+			i++;
+		}
+	
+		// push the last time
+		tickPositions.push(time);
+
+
+		// mark new days if the time is dividible by day (#1649, #1760)
+		each(grep(tickPositions, function (time) {
+			return interval <= timeUnits[HOUR] && time % timeUnits[DAY] === timezoneOffset;
+		}), function (time) {
+			higherRanks[time] = DAY;
+		});
+	}
+
+
+	// record information on the chosen unit - for dynamic label formatter
+	tickPositions.info = extend(normalizedInterval, {
+		higherRanks: higherRanks,
+		totalRange: interval * count
+	});
+
+	return tickPositions;
+}
+
+/**
+ * Helper class that contains variuos counters that are local to the chart.
+ */
+function ChartCounters() {
+	this.color = 0;
+	this.symbol = 0;
+}
+
+ChartCounters.prototype =  {
+	/**
+	 * Wraps the color counter if it reaches the specified length.
+	 */
+	wrapColor: function (length) {
+		if (this.color >= length) {
+			this.color = 0;
+		}
+	},
+
+	/**
+	 * Wraps the symbol counter if it reaches the specified length.
+	 */
+	wrapSymbol: function (length) {
+		if (this.symbol >= length) {
+			this.symbol = 0;
+		}
+	}
+};
+
+
+/**
+ * Utility method that sorts an object array and keeping the order of equal items.
+ * ECMA script standard does not specify the behaviour when items are equal.
+ */
+function stableSort(arr, sortFunction) {
+	var length = arr.length,
+		sortValue,
+		i;
+
+	// Add index to each item
+	for (i = 0; i < length; i++) {
+		arr[i].ss_i = i; // stable sort index
+	}
+
+	arr.sort(function (a, b) {
+		sortValue = sortFunction(a, b);
+		return sortValue === 0 ? a.ss_i - b.ss_i : sortValue;
+	});
+
+	// Remove index from items
+	for (i = 0; i < length; i++) {
+		delete arr[i].ss_i; // stable sort index
+	}
+}
+
+/**
+ * Non-recursive method to find the lowest member of an array. Math.min raises a maximum
+ * call stack size exceeded error in Chrome when trying to apply more than 150.000 points. This
+ * method is slightly slower, but safe.
+ */
+function arrayMin(data) {
+	var i = data.length,
+		min = data[0];
+
+	while (i--) {
+		if (data[i] < min) {
+			min = data[i];
+		}
+	}
+	return min;
+}
+
+/**
+ * Non-recursive method to find the lowest member of an array. Math.min raises a maximum
+ * call stack size exceeded error in Chrome when trying to apply more than 150.000 points. This
+ * method is slightly slower, but safe.
+ */
+function arrayMax(data) {
+	var i = data.length,
+		max = data[0];
+
+	while (i--) {
+		if (data[i] > max) {
+			max = data[i];
+		}
+	}
+	return max;
+}
+
+/**
+ * Utility method that destroys any SVGElement or VMLElement that are properties on the given object.
+ * It loops all properties and invokes destroy if there is a destroy method. The property is
+ * then delete'ed.
+ * @param {Object} The object to destroy properties on
+ * @param {Object} Exception, do not destroy this property, only delete it.
+ */
+function destroyObjectProperties(obj, except) {
+	var n;
+	for (n in obj) {
+		// If the object is non-null and destroy is defined
+		if (obj[n] && obj[n] !== except && obj[n].destroy) {
+			// Invoke the destroy
+			obj[n].destroy();
+		}
+
+		// Delete the property from the object.
+		delete obj[n];
+	}
+}
+
+
+/**
+ * Discard an element by moving it to the bin and delete
+ * @param {Object} The HTML node to discard
+ */
+function discardElement(element) {
+	// create a garbage bin element, not part of the DOM
+	if (!garbageBin) {
+		garbageBin = createElement(DIV);
+	}
+
+	// move the node and empty bin
+	if (element) {
+		garbageBin.appendChild(element);
+	}
+	garbageBin.innerHTML = '';
+}
+
+/**
+ * Provide error messages for debugging, with links to online explanation 
+ */
+function error(code, stop) {
+	var msg = 'Highcharts error #' + code + ': www.highcharts.com/errors/' + code;
+	if (stop) {
+		throw msg;
+	} else if (win.console) {
+		console.log(msg);
+	}
+}
+
+/**
+ * Fix JS round off float errors
+ * @param {Number} num
+ */
+function correctFloat(num) {
+	return parseFloat(
+		num.toPrecision(14)
+	);
+}
+
+/**
+ * Set the global animation to either a given value, or fall back to the
+ * given chart's animation option
+ * @param {Object} animation
+ * @param {Object} chart
+ */
+function setAnimation(animation, chart) {
+	globalAnimation = pick(animation, chart.animation);
+}
+
+/**
+ * The time unit lookup
+ */
+/*jslint white: true*/
+timeUnits = hash(
+	MILLISECOND, 1,
+	SECOND, 1000,
+	MINUTE, 60000,
+	HOUR, 3600000,
+	DAY, 24 * 3600000,
+	WEEK, 7 * 24 * 3600000,
+	MONTH, 31 * 24 * 3600000,
+	YEAR, 31556952000
+);
+/*jslint white: false*/
+/**
+ * Path interpolation algorithm used across adapters
+ */
+pathAnim = {
+	/**
+	 * Prepare start and end values so that the path can be animated one to one
+	 */
+	init: function (elem, fromD, toD) {
+		fromD = fromD || '';
+		var shift = elem.shift,
+			bezier = fromD.indexOf('C') > -1,
+			numParams = bezier ? 7 : 3,
+			endLength,
+			slice,
+			i,
+			start = fromD.split(' '),
+			end = [].concat(toD), // copy
+			startBaseLine,
+			endBaseLine,
+			sixify = function (arr) { // in splines make move points have six parameters like bezier curves
+				i = arr.length;
+				while (i--) {
+					if (arr[i] === M) {
+						arr.splice(i + 1, 0, arr[i + 1], arr[i + 2], arr[i + 1], arr[i + 2]);
+					}
+				}
+			};
+
+		if (bezier) {
+			sixify(start);
+			sixify(end);
+		}
+
+		// pull out the base lines before padding
+		if (elem.isArea) {
+			startBaseLine = start.splice(start.length - 6, 6);
+			endBaseLine = end.splice(end.length - 6, 6);
+		}
+
+		// if shifting points, prepend a dummy point to the end path
+		if (shift <= end.length / numParams && start.length === end.length) {
+			while (shift--) {
+				end = [].concat(end).splice(0, numParams).concat(end);
+			}
+		}
+		elem.shift = 0; // reset for following animations
+
+		// copy and append last point until the length matches the end length
+		if (start.length) {
+			endLength = end.length;
+			while (start.length < endLength) {
+
+				//bezier && sixify(start);
+				slice = [].concat(start).splice(start.length - numParams, numParams);
+				if (bezier) { // disable first control point
+					slice[numParams - 6] = slice[numParams - 2];
+					slice[numParams - 5] = slice[numParams - 1];
+				}
+				start = start.concat(slice);
+			}
+		}
+
+		if (startBaseLine) { // append the base lines for areas
+			start = start.concat(startBaseLine);
+			end = end.concat(endBaseLine);
+		}
+		return [start, end];
+	},
+
+	/**
+	 * Interpolate each value of the path and return the array
+	 */
+	step: function (start, end, pos, complete) {
+		var ret = [],
+			i = start.length,
+			startVal;
+
+		if (pos === 1) { // land on the final path without adjustment points appended in the ends
+			ret = complete;
+
+		} else if (i === end.length && pos < 1) {
+			while (i--) {
+				startVal = parseFloat(start[i]);
+				ret[i] =
+					isNaN(startVal) ? // a letter instruction like M or L
+						start[i] :
+						pos * (parseFloat(end[i] - startVal)) + startVal;
+
+			}
+		} else { // if animation is finished or length not matching, land on right value
+			ret = end;
+		}
+		return ret;
+	}
+};
+
+(function ($) {
+	/**
+	 * The default HighchartsAdapter for jQuery
+	 */
+	win.HighchartsAdapter = win.HighchartsAdapter || ($ && {
+		
+		/**
+		 * Initialize the adapter by applying some extensions to jQuery
+		 */
+		init: function (pathAnim) {
+			
+			// extend the animate function to allow SVG animations
+			var Fx = $.fx,
+				Step = Fx.step,
+				dSetter,
+				Tween = $.Tween,
+				propHooks = Tween && Tween.propHooks,
+				opacityHook = $.cssHooks.opacity;
+			
+			/*jslint unparam: true*//* allow unused param x in this function */
+			$.extend($.easing, {
+				easeOutQuad: function (x, t, b, c, d) {
+					return -c * (t /= d) * (t - 2) + b;
+				}
+			});
+			/*jslint unparam: false*/
+		
+			// extend some methods to check for elem.attr, which means it is a Highcharts SVG object
+			$.each(['cur', '_default', 'width', 'height', 'opacity'], function (i, fn) {
+				var obj = Step,
+					base,
+					elem;
+					
+				// Handle different parent objects
+				if (fn === 'cur') {
+					obj = Fx.prototype; // 'cur', the getter, relates to Fx.prototype
+				
+				} else if (fn === '_default' && Tween) { // jQuery 1.8 model
+					obj = propHooks[fn];
+					fn = 'set';
+				}
+		
+				// Overwrite the method
+				base = obj[fn];
+				if (base) { // step.width and step.height don't exist in jQuery < 1.7
+		
+					// create the extended function replacement
+					obj[fn] = function (fx) {
+		
+						// Fx.prototype.cur does not use fx argument
+						fx = i ? fx : this;
+
+						// Don't run animations on textual properties like align (#1821)
+						if (fx.prop === 'align') {
+							return;
+						}
+		
+						// shortcut
+						elem = fx.elem;
+		
+						// Fx.prototype.cur returns the current value. The other ones are setters
+						// and returning a value has no effect.
+						return elem.attr ? // is SVG element wrapper
+							elem.attr(fx.prop, fn === 'cur' ? UNDEFINED : fx.now) : // apply the SVG wrapper's method
+							base.apply(this, arguments); // use jQuery's built-in method
+					};
+				}
+			});
+
+			// Extend the opacity getter, needed for fading opacity with IE9 and jQuery 1.10+
+			wrap(opacityHook, 'get', function (proceed, elem, computed) {
+				return elem.attr ? (elem.opacity || 0) : proceed.call(this, elem, computed);
+			});
+			
+			
+			// Define the setter function for d (path definitions)
+			dSetter = function (fx) {
+				var elem = fx.elem,
+					ends;
+		
+				// Normally start and end should be set in state == 0, but sometimes,
+				// for reasons unknown, this doesn't happen. Perhaps state == 0 is skipped
+				// in these cases
+				if (!fx.started) {
+					ends = pathAnim.init(elem, elem.d, elem.toD);
+					fx.start = ends[0];
+					fx.end = ends[1];
+					fx.started = true;
+				}
+		
+		
+				// interpolate each value of the path
+				elem.attr('d', pathAnim.step(fx.start, fx.end, fx.pos, elem.toD));
+			};
+			
+			// jQuery 1.8 style
+			if (Tween) {
+				propHooks.d = {
+					set: dSetter
+				};
+			// pre 1.8
+			} else {
+				// animate paths
+				Step.d = dSetter;
+			}
+			
+			/**
+			 * Utility for iterating over an array. Parameters are reversed compared to jQuery.
+			 * @param {Array} arr
+			 * @param {Function} fn
+			 */
+			this.each = Array.prototype.forEach ?
+				function (arr, fn) { // modern browsers
+					return Array.prototype.forEach.call(arr, fn);
+					
+				} : 
+				function (arr, fn) { // legacy
+					var i = 0, 
+						len = arr.length;
+					for (; i < len; i++) {
+						if (fn.call(arr[i], arr[i], i, arr) === false) {
+							return i;
+						}
+					}
+				};
+			
+			/**
+			 * Register Highcharts as a plugin in the respective framework
+			 */
+			$.fn.highcharts = function () {
+				var constr = 'Chart', // default constructor
+					args = arguments,
+					options,
+					ret,
+					chart;
+
+				if (isString(args[0])) {
+					constr = args[0];
+					args = Array.prototype.slice.call(args, 1); 
+				}
+				options = args[0];
+
+				// Create the chart
+				if (options !== UNDEFINED) {
+					/*jslint unused:false*/
+					options.chart = options.chart || {};
+					options.chart.renderTo = this[0];
+					chart = new Highcharts[constr](options, args[1]);
+					ret = this;
+					/*jslint unused:true*/
+				}
+
+				// When called without parameters or with the return argument, get a predefined chart
+				if (options === UNDEFINED) {
+					ret = charts[attr(this[0], 'data-highcharts-chart')];
+				}	
+
+				return ret;
+			};
+
+		},
+
+		
+		/**
+		 * Downloads a script and executes a callback when done.
+		 * @param {String} scriptLocation
+		 * @param {Function} callback
+		 */
+		getScript: $.getScript,
+		
+		/**
+		 * Return the index of an item in an array, or -1 if not found
+		 */
+		inArray: $.inArray,
+		
+		/**
+		 * A direct link to jQuery methods. MooTools and Prototype adapters must be implemented for each case of method.
+		 * @param {Object} elem The HTML element
+		 * @param {String} method Which method to run on the wrapped element
+		 */
+		adapterRun: function (elem, method) {
+			return $(elem)[method]();
+		},
+	
+		/**
+		 * Filter an array
+		 */
+		grep: $.grep,
+	
+		/**
+		 * Map an array
+		 * @param {Array} arr
+		 * @param {Function} fn
+		 */
+		map: function (arr, fn) {
+			//return jQuery.map(arr, fn);
+			var results = [],
+				i = 0,
+				len = arr.length;
+			for (; i < len; i++) {
+				results[i] = fn.call(arr[i], arr[i], i, arr);
+			}
+			return results;
+	
+		},
+	
+		/**
+		 * Get the position of an element relative to the top left of the page
+		 */
+		offset: function (el) {
+			return $(el).offset();
+		},
+	
+		/**
+		 * Add an event listener
+		 * @param {Object} el A HTML element or custom object
+		 * @param {String} event The event type
+		 * @param {Function} fn The event handler
+		 */
+		addEvent: function (el, event, fn) {
+			$(el).bind(event, fn);
+		},
+	
+		/**
+		 * Remove event added with addEvent
+		 * @param {Object} el The object
+		 * @param {String} eventType The event type. Leave blank to remove all events.
+		 * @param {Function} handler The function to remove
+		 */
+		removeEvent: function (el, eventType, handler) {
+			// workaround for jQuery issue with unbinding custom events:
+			// http://forum.jQuery.com/topic/javascript-error-when-unbinding-a-custom-event-using-jQuery-1-4-2
+			var func = doc.removeEventListener ? 'removeEventListener' : 'detachEvent';
+			if (doc[func] && el && !el[func]) {
+				el[func] = function () {};
+			}
+	
+			$(el).unbind(eventType, handler);
+		},
+	
+		/**
+		 * Fire an event on a custom object
+		 * @param {Object} el
+		 * @param {String} type
+		 * @param {Object} eventArguments
+		 * @param {Function} defaultFunction
+		 */
+		fireEvent: function (el, type, eventArguments, defaultFunction) {
+			var event = $.Event(type),
+				detachedType = 'detached' + type,
+				defaultPrevented;
+	
+			// Remove warnings in Chrome when accessing layerX and layerY. Although Highcharts
+			// never uses these properties, Chrome includes them in the default click event and
+			// raises the warning when they are copied over in the extend statement below.
+			//
+			// To avoid problems in IE (see #1010) where we cannot delete the properties and avoid
+			// testing if they are there (warning in chrome) the only option is to test if running IE.
+			if (!isIE && eventArguments) {
+				delete eventArguments.layerX;
+				delete eventArguments.layerY;
+			}
+	
+			extend(event, eventArguments);
+	
+			// Prevent jQuery from triggering the object method that is named the
+			// same as the event. For example, if the event is 'select', jQuery
+			// attempts calling el.select and it goes into a loop.
+			if (el[type]) {
+				el[detachedType] = el[type];
+				el[type] = null;
+			}
+	
+			// Wrap preventDefault and stopPropagation in try/catch blocks in
+			// order to prevent JS errors when cancelling events on non-DOM
+			// objects. #615.
+			/*jslint unparam: true*/
+			$.each(['preventDefault', 'stopPropagation'], function (i, fn) {
+				var base = event[fn];
+				event[fn] = function () {
+					try {
+						base.call(event);
+					} catch (e) {
+						if (fn === 'preventDefault') {
+							defaultPrevented = true;
+						}
+					}
+				};
+			});
+			/*jslint unparam: false*/
+	
+			// trigger it
+			$(el).trigger(event);
+	
+			// attach the method
+			if (el[detachedType]) {
+				el[type] = el[detachedType];
+				el[detachedType] = null;
+			}
+	
+			if (defaultFunction && !event.isDefaultPrevented() && !defaultPrevented) {
+				defaultFunction(event);
+			}
+		},
+		
+		/**
+		 * Extension method needed for MooTools
+		 */
+		washMouseEvent: function (e) {
+			var ret = e.originalEvent || e;
+			
+			// computed by jQuery, needed by IE8
+			if (ret.pageX === UNDEFINED) { // #1236
+				ret.pageX = e.pageX;
+				ret.pageY = e.pageY;
+			}
+			
+			return ret;
+		},
+	
+		/**
+		 * Animate a HTML element or SVG element wrapper
+		 * @param {Object} el
+		 * @param {Object} params
+		 * @param {Object} options jQuery-like animation options: duration, easing, callback
+		 */
+		animate: function (el, params, options) {
+			var $el = $(el);
+			if (!el.style) {
+				el.style = {}; // #1881
+			}
+			if (params.d) {
+				el.toD = params.d; // keep the array form for paths, used in $.fx.step.d
+				params.d = 1; // because in jQuery, animating to an array has a different meaning
+			}
+	
+			$el.stop();
+			if (params.opacity !== UNDEFINED && el.attr) {
+				params.opacity += 'px'; // force jQuery to use same logic as width and height (#2161)
+			}
+			$el.animate(params, options);
+	
+		},
+		/**
+		 * Stop running animation
+		 */
+		stop: function (el) {
+			$(el).stop();
+		}
+	});
+}(win.jQuery));
+
+
+// check for a custom HighchartsAdapter defined prior to this file
+var globalAdapter = win.HighchartsAdapter,
+	adapter = globalAdapter || {};
+	
+// Initialize the adapter
+if (globalAdapter) {
+	globalAdapter.init.call(globalAdapter, pathAnim);
+}
+
+
+// Utility functions. If the HighchartsAdapter is not defined, adapter is an empty object
+// and all the utility functions will be null. In that case they are populated by the
+// default adapters below.
+var adapterRun = adapter.adapterRun,
+	getScript = adapter.getScript,
+	inArray = adapter.inArray,
+	each = adapter.each,
+	grep = adapter.grep,
+	offset = adapter.offset,
+	map = adapter.map,
+	addEvent = adapter.addEvent,
+	removeEvent = adapter.removeEvent,
+	fireEvent = adapter.fireEvent,
+	washMouseEvent = adapter.washMouseEvent,
+	animate = adapter.animate,
+	stop = adapter.stop;
+
+
+
+/* ****************************************************************************
+ * Handle the options                                                         *
+ *****************************************************************************/
+var
+
+defaultLabelOptions = {
+	enabled: true,
+	// rotation: 0,
+	// align: 'center',
+	x: 0,
+	y: 15,
+	/*formatter: function () {
+		return this.value;
+	},*/
+	style: {
+		color: '#666',
+		cursor: 'default',
+		fontSize: '11px',
+		lineHeight: '14px'
+	}
+};
+
+defaultOptions = {
+	colors: ['#2f7ed8', '#0d233a', '#8bbc21', '#910000', '#1aadce', '#492970',
+		'#f28f43', '#77a1e5', '#c42525', '#a6c96a'],
+	symbols: ['circle', 'diamond', 'square', 'triangle', 'triangle-down'],
+	lang: {
+		loading: 'Loading...',
+		months: ['January', 'February', 'March', 'April', 'May', 'June', 'July',
+				'August', 'September', 'October', 'November', 'December'],
+		shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+		weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+		decimalPoint: '.',
+		numericSymbols: ['k', 'M', 'G', 'T', 'P', 'E'], // SI prefixes used in axis labels
+		resetZoom: 'Reset zoom',
+		resetZoomTitle: 'Reset zoom level 1:1',
+		thousandsSep: ','
+	},
+	global: {
+		useUTC: true,
+		canvasToolsURL: 'http://code.highcharts.com/3.0.6/modules/canvas-tools.js',
+		VMLRadialGradientURL: 'http://code.highcharts.com/3.0.6/gfx/vml-radial-gradient.png'
+	},
+	chart: {
+		//animation: true,
+		//alignTicks: false,
+		//reflow: true,
+		//className: null,
+		//events: { load, selection },
+		//margin: [null],
+		//marginTop: null,
+		//marginRight: null,
+		//marginBottom: null,
+		//marginLeft: null,
+		borderColor: '#4572A7',
+		//borderWidth: 0,
+		borderRadius: 5,
+		defaultSeriesType: 'line',
+		ignoreHiddenSeries: true,
+		//inverted: false,
+		//shadow: false,
+		spacing: [10, 10, 15, 10],
+		//spacingTop: 10,
+		//spacingRight: 10,
+		//spacingBottom: 15,
+		//spacingLeft: 10,
+		style: {
+			fontFamily: '"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif', // default font
+			fontSize: '12px'
+		},
+		backgroundColor: '#FFFFFF',
+		//plotBackgroundColor: null,
+		plotBorderColor: '#C0C0C0',
+		//plotBorderWidth: 0,
+		//plotShadow: false,
+		//zoomType: ''
+		resetZoomButton: {
+			theme: {
+				zIndex: 20
+			},
+			position: {
+				align: 'right',
+				x: -10,
+				//verticalAlign: 'top',
+				y: 10
+			}
+			// relativeTo: 'plot'
+		}
+	},
+	title: {
+		text: 'Chart title',
+		align: 'center',
+		// floating: false,
+		margin: 15,
+		// x: 0,
+		// verticalAlign: 'top',
+		// y: null,
+		style: {
+			color: '#274b6d',//#3E576F',
+			fontSize: '16px'
+		}
+
+	},
+	subtitle: {
+		text: '',
+		align: 'center',
+		// floating: false
+		// x: 0,
+		// verticalAlign: 'top',
+		// y: null,
+		style: {
+			color: '#4d759e'
+		}
+	},
+
+	plotOptions: {
+		line: { // base series options
+			allowPointSelect: false,
+			showCheckbox: false,
+			animation: {
+				duration: 1000
+			},
+			//connectNulls: false,
+			//cursor: 'default',
+			//clip: true,
+			//dashStyle: null,
+			//enableMouseTracking: true,
+			events: {},
+			//legendIndex: 0,
+			lineWidth: 2,
+			//shadow: false,
+			// stacking: null,
+			marker: {
+				enabled: true,
+				//symbol: null,
+				lineWidth: 0,
+				radius: 4,
+				lineColor: '#FFFFFF',
+				//fillColor: null,
+				states: { // states for a single point
+					hover: {
+						enabled: true
+						//radius: base + 2
+					},
+					select: {
+						fillColor: '#FFFFFF',
+						lineColor: '#000000',
+						lineWidth: 2
+					}
+				}
+			},
+			point: {
+				events: {}
+			},
+			dataLabels: merge(defaultLabelOptions, {
+				align: 'center',
+				enabled: false,
+				formatter: function () {
+					return this.y === null ? '' : numberFormat(this.y, -1);
+				},
+				verticalAlign: 'bottom', // above singular point
+				y: 0
+				// backgroundColor: undefined,
+				// borderColor: undefined,
+				// borderRadius: undefined,
+				// borderWidth: undefined,
+				// padding: 3,
+				// shadow: false
+			}),
+			cropThreshold: 300, // draw points outside the plot area when the number of points is less than this
+			pointRange: 0,
+			//pointStart: 0,
+			//pointInterval: 1,
+			showInLegend: true,
+			states: { // states for the entire series
+				hover: {
+					//enabled: false,
+					//lineWidth: base + 1,
+					marker: {
+						// lineWidth: base + 1,
+						// radius: base + 1
+					}
+				},
+				select: {
+					marker: {}
+				}
+			},
+			stickyTracking: true
+			//tooltip: {
+				//pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b>'
+				//valueDecimals: null,
+				//xDateFormat: '%A, %b %e, %Y',
+				//valuePrefix: '',
+				//ySuffix: ''				
+			//}
+			// turboThreshold: 1000
+			// zIndex: null
+		}
+	},
+	labels: {
+		//items: [],
+		style: {
+			//font: defaultFont,
+			position: ABSOLUTE,
+			color: '#3E576F'
+		}
+	},
+	legend: {
+		enabled: true,
+		align: 'center',
+		//floating: false,
+		layout: 'horizontal',
+		labelFormatter: function () {
+			return this.name;
+		},
+		borderWidth: 1,
+		borderColor: '#909090',
+		borderRadius: 5,
+		navigation: {
+			// animation: true,
+			activeColor: '#274b6d',
+			// arrowSize: 12
+			inactiveColor: '#CCC'
+			// style: {} // text styles
+		},
+		// margin: 10,
+		// reversed: false,
+		shadow: false,
+		// backgroundColor: null,
+		/*style: {
+			padding: '5px'
+		},*/
+		itemStyle: {
+			cursor: 'pointer',
+			color: '#274b6d',
+			fontSize: '12px'
+		},
+		itemHoverStyle: {
+			//cursor: 'pointer', removed as of #601
+			color: '#000'
+		},
+		itemHiddenStyle: {
+			color: '#CCC'
+		},
+		itemCheckboxStyle: {
+			position: ABSOLUTE,
+			width: '13px', // for IE precision
+			height: '13px'
+		},
+		// itemWidth: undefined,
+		symbolWidth: 16,
+		symbolPadding: 5,
+		verticalAlign: 'bottom',
+		// width: undefined,
+		x: 0,
+		y: 0,
+		title: {
+			//text: null,
+			style: {
+				fontWeight: 'bold'
+			}
+		}			
+	},
+
+	loading: {
+		// hideDuration: 100,
+		labelStyle: {
+			fontWeight: 'bold',
+			position: RELATIVE,
+			top: '1em'
+		},
+		// showDuration: 0,
+		style: {
+			position: ABSOLUTE,
+			backgroundColor: 'white',
+			opacity: 0.5,
+			textAlign: 'center'
+		}
+	},
+
+	tooltip: {
+		enabled: true,
+		animation: hasSVG,
+		//crosshairs: null,
+		backgroundColor: 'rgba(255, 255, 255, .85)',
+		borderWidth: 1,
+		borderRadius: 3,
+		dateTimeLabelFormats: { 
+			millisecond: '%A, %b %e, %H:%M:%S.%L',
+			second: '%A, %b %e, %H:%M:%S',
+			minute: '%A, %b %e, %H:%M',
+			hour: '%A, %b %e, %H:%M',
+			day: '%A, %b %e, %Y',
+			week: 'Week from %A, %b %e, %Y',
+			month: '%B %Y',
+			year: '%Y'
+		},
+		//formatter: defaultFormatter,
+		headerFormat: '<span style="font-size: 10px">{point.key}</span><br/>',
+		pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b><br/>',
+		shadow: true,
+		//shared: false,
+		snap: isTouchDevice ? 25 : 10,
+		style: {
+			color: '#333333',
+			cursor: 'default',
+			fontSize: '12px',
+			padding: '8px',
+			whiteSpace: 'nowrap'
+		}
+		//xDateFormat: '%A, %b %e, %Y',
+		//valueDecimals: null,
+		//valuePrefix: '',
+		//valueSuffix: ''
+	},
+
+	credits: {
+		enabled: true,
+		text: 'Highcharts.com',
+		href: 'http://www.highcharts.com',
+		position: {
+			align: 'right',
+			x: -10,
+			verticalAlign: 'bottom',
+			y: -5
+		},
+		style: {
+			cursor: 'pointer',
+			color: '#909090',
+			fontSize: '9px'
+		}
+	}
+};
+
+
+
+
+// Series defaults
+var defaultPlotOptions = defaultOptions.plotOptions,
+	defaultSeriesOptions = defaultPlotOptions.line;
+
+// set the default time methods
+setTimeMethods();
+
+
+
+/**
+ * Set the time methods globally based on the useUTC option. Time method can be either
+ * local time or UTC (default).
+ */
+function setTimeMethods() {
+	var useUTC = defaultOptions.global.useUTC,
+		GET = useUTC ? 'getUTC' : 'get',
+		SET = useUTC ? 'setUTC' : 'set';
+
+	makeTime = useUTC ? Date.UTC : function (year, month, date, hours, minutes, seconds) {
+		return new Date(
+			year,
+			month,
+			pick(date, 1),
+			pick(hours, 0),
+			pick(minutes, 0),
+			pick(seconds, 0)
+		).getTime();
+	};
+	getMinutes =  GET + 'Minutes';
+	getHours =    GET + 'Hours';
+	getDay =      GET + 'Day';
+	getDate =     GET + 'Date';
+	getMonth =    GET + 'Month';
+	getFullYear = GET + 'FullYear';
+	setMinutes =  SET + 'Minutes';
+	setHours =    SET + 'Hours';
+	setDate =     SET + 'Date';
+	setMonth =    SET + 'Month';
+	setFullYear = SET + 'FullYear';
+
+}
+
+/**
+ * Merge the default options with custom options and return the new options structure
+ * @param {Object} options The new custom options
+ */
+function setOptions(options) {
+	
+	// Pull out axis options and apply them to the respective default axis options 
+	/*defaultXAxisOptions = merge(defaultXAxisOptions, options.xAxis);
+	defaultYAxisOptions = merge(defaultYAxisOptions, options.yAxis);
+	options.xAxis = options.yAxis = UNDEFINED;*/
+	
+	// Merge in the default options
+	defaultOptions = merge(defaultOptions, options);
+	
+	// Apply UTC
+	setTimeMethods();
+
+	return defaultOptions;
+}
+
+/**
+ * Get the updated default options. Merely exposing defaultOptions for outside modules
+ * isn't enough because the setOptions method creates a new object.
+ */
+function getOptions() {
+	return defaultOptions;
+}
+
+
+/**
+ * Handle color operations. The object methods are chainable.
+ * @param {String} input The input color in either rbga or hex format
+ */
+var Color = function (input) {
+	// declare variables
+	var rgba = [], result, stops;
+
+	/**
+	 * Parse the input color to rgba array
+	 * @param {String} input
+	 */
+	function init(input) {
+
+		// Gradients
+		if (input && input.stops) {
+			stops = map(input.stops, function (stop) {
+				return Color(stop[1]);
+			});
+
+		// Solid colors
+		} else {
+			// rgba
+			result = /rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]?(?:\.[0-9]+)?)\s*\)/.exec(input);
+			if (result) {
+				rgba = [pInt(result[1]), pInt(result[2]), pInt(result[3]), parseFloat(result[4], 10)];
+			} else { 
+				// hex
+				result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(input);
+				if (result) {
+					rgba = [pInt(result[1], 16), pInt(result[2], 16), pInt(result[3], 16), 1];
+				} else {
+					// rgb
+					result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(input);
+					if (result) {
+						rgba = [pInt(result[1]), pInt(result[2]), pInt(result[3]), 1];
+					}
+				}
+			}
+		}		
+
+	}
+	/**
+	 * Return the color a specified format
+	 * @param {String} format
+	 */
+	function get(format) {
+		var ret;
+
+		if (stops) {
+			ret = merge(input);
+			ret.stops = [].concat(ret.stops);
+			each(stops, function (stop, i) {
+				ret.stops[i] = [ret.stops[i][0], stop.get(format)];
+			});
+
+		// it's NaN if gradient colors on a column chart
+		} else if (rgba && !isNaN(rgba[0])) {
+			if (format === 'rgb') {
+				ret = 'rgb(' + rgba[0] + ',' + rgba[1] + ',' + rgba[2] + ')';
+			} else if (format === 'a') {
+				ret = rgba[3];
+			} else {
+				ret = 'rgba(' + rgba.join(',') + ')';
+			}
+		} else {
+			ret = input;
+		}
+		return ret;
+	}
+
+	/**
+	 * Brighten the color
+	 * @param {Number} alpha
+	 */
+	function brighten(alpha) {
+		if (stops) {
+			each(stops, function (stop) {
+				stop.brighten(alpha);
+			});
+		
+		} else if (isNumber(alpha) && alpha !== 0) {
+			var i;
+			for (i = 0; i < 3; i++) {
+				rgba[i] += pInt(alpha * 255);
+
+				if (rgba[i] < 0) {
+					rgba[i] = 0;
+				}
+				if (rgba[i] > 255) {
+					rgba[i] = 255;
+				}
+			}
+		}
+		return this;
+	}
+	/**
+	 * Set the color's opacity to a given alpha value
+	 * @param {Number} alpha
+	 */
+	function setOpacity(alpha) {
+		rgba[3] = alpha;
+		return this;
+	}
+
+	// initialize: parse the input
+	init(input);
+
+	// public methods
+	return {
+		get: get,
+		brighten: brighten,
+		rgba: rgba,
+		setOpacity: setOpacity
+	};
+};
+
+
+/**
+ * A wrapper object for SVG elements
+ */
+function SVGElement() {}
+
+SVGElement.prototype = {
+	/**
+	 * Initialize the SVG renderer
+	 * @param {Object} renderer
+	 * @param {String} nodeName
+	 */
+	init: function (renderer, nodeName) {
+		var wrapper = this;
+		wrapper.element = nodeName === 'span' ?
+			createElement(nodeName) :
+			doc.createElementNS(SVG_NS, nodeName);
+		wrapper.renderer = renderer;
+		/**
+		 * A collection of attribute setters. These methods, if defined, are called right before a certain
+		 * attribute is set on an element wrapper. Returning false prevents the default attribute
+		 * setter to run. Returning a value causes the default setter to set that value. Used in
+		 * Renderer.label.
+		 */
+		wrapper.attrSetters = {};
+	},
+	/**
+	 * Default base for animation
+	 */
+	opacity: 1,
+	/**
+	 * Animate a given attribute
+	 * @param {Object} params
+	 * @param {Number} options The same options as in jQuery animation
+	 * @param {Function} complete Function to perform at the end of animation
+	 */
+	animate: function (params, options, complete) {
+		var animOptions = pick(options, globalAnimation, true);
+		stop(this); // stop regardless of animation actually running, or reverting to .attr (#607)
+		if (animOptions) {
+			animOptions = merge(animOptions);
+			if (complete) { // allows using a callback with the global animation without overwriting it
+				animOptions.complete = complete;
+			}
+			animate(this, params, animOptions);
+		} else {
+			this.attr(params);
+			if (complete) {
+				complete();
+			}
+		}
+	},
+	/**
+	 * Set or get a given attribute
+	 * @param {Object|String} hash
+	 * @param {Mixed|Undefined} val
+	 */
+	attr: function (hash, val) {
+		var wrapper = this,
+			key,
+			value,
+			result,
+			i,
+			child,
+			element = wrapper.element,
+			nodeName = element.nodeName.toLowerCase(), // Android2 requires lower for "text"
+			renderer = wrapper.renderer,
+			skipAttr,
+			titleNode,
+			attrSetters = wrapper.attrSetters,
+			shadows = wrapper.shadows,
+			hasSetSymbolSize,
+			doTransform,
+			ret = wrapper;
+
+		// single key-value pair
+		if (isString(hash) && defined(val)) {
+			key = hash;
+			hash = {};
+			hash[key] = val;
+		}
+
+		// used as a getter: first argument is a string, second is undefined
+		if (isString(hash)) {
+			key = hash;
+			if (nodeName === 'circle') {
+				key = { x: 'cx', y: 'cy' }[key] || key;
+			} else if (key === 'strokeWidth') {
+				key = 'stroke-width';
+			}
+			ret = attr(element, key) || wrapper[key] || 0;
+			if (key !== 'd' && key !== 'visibility' && key !== 'fill') { // 'd' is string in animation step
+				ret = parseFloat(ret);
+			}
+
+		// setter
+		} else {
+
+			for (key in hash) {
+				skipAttr = false; // reset
+				value = hash[key];
+
+				// check for a specific attribute setter
+				result = attrSetters[key] && attrSetters[key].call(wrapper, value, key);
+
+				if (result !== false) {
+					if (result !== UNDEFINED) {
+						value = result; // the attribute setter has returned a new value to set
+					}
+
+
+					// paths
+					if (key === 'd') {
+						if (value && value.join) { // join path
+							value = value.join(' ');
+						}
+						if (/(NaN| {2}|^$)/.test(value)) {
+							value = 'M 0 0';
+						}
+						//wrapper.d = value; // shortcut for animations
+
+					// update child tspans x values
+					} else if (key === 'x' && nodeName === 'text') {
+						for (i = 0; i < element.childNodes.length; i++) {
+							child = element.childNodes[i];
+							// if the x values are equal, the tspan represents a linebreak
+							if (attr(child, 'x') === attr(element, 'x')) {
+								//child.setAttribute('x', value);
+								attr(child, 'x', value);
+							}
+						}
+
+					} else if (wrapper.rotation && (key === 'x' || key === 'y')) {
+						doTransform = true;
+
+					// apply gradients
+					} else if (key === 'fill') {
+						value = renderer.color(value, element, key);
+
+					// circle x and y
+					} else if (nodeName === 'circle' && (key === 'x' || key === 'y')) {
+						key = { x: 'cx', y: 'cy' }[key] || key;
+
+					// rectangle border radius
+					} else if (nodeName === 'rect' && key === 'r') {
+						attr(element, {
+							rx: value,
+							ry: value
+						});
+						skipAttr = true;
+
+					// translation and text rotation
+					} else if (key === 'translateX' || key === 'translateY' || key === 'rotation' ||
+							key === 'verticalAlign' || key === 'scaleX' || key === 'scaleY') {
+						doTransform = true;
+						skipAttr = true;
+
+					// apply opacity as subnode (required by legacy WebKit and Batik)
+					} else if (key === 'stroke') {
+						value = renderer.color(value, element, key);
+
+					// emulate VML's dashstyle implementation
+					} else if (key === 'dashstyle') {
+						key = 'stroke-dasharray';
+						value = value && value.toLowerCase();
+						if (value === 'solid') {
+							value = NONE;
+						} else if (value) {
+							value = value
+								.replace('shortdashdotdot', '3,1,1,1,1,1,')
+								.replace('shortdashdot', '3,1,1,1')
+								.replace('shortdot', '1,1,')
+								.replace('shortdash', '3,1,')
+								.replace('longdash', '8,3,')
+								.replace(/dot/g, '1,3,')
+								.replace('dash', '4,3,')
+								.replace(/,$/, '')
+								.split(','); // ending comma
+
+							i = value.length;
+							while (i--) {
+								value[i] = pInt(value[i]) * pick(hash['stroke-width'], wrapper['stroke-width']);
+							}
+							value = value.join(',');
+						}
+
+					// IE9/MooTools combo: MooTools returns objects instead of numbers and IE9 Beta 2
+					// is unable to cast them. Test again with final IE9.
+					} else if (key === 'width') {
+						value = pInt(value);
+
+					// Text alignment
+					} else if (key === 'align') {
+						key = 'text-anchor';
+						value = { left: 'start', center: 'middle', right: 'end' }[value];
+
+					// Title requires a subnode, #431
+					} else if (key === 'title') {
+						titleNode = element.getElementsByTagName('title')[0];
+						if (!titleNode) {
+							titleNode = doc.createElementNS(SVG_NS, 'title');
+							element.appendChild(titleNode);
+						}
+						titleNode.textContent = value;
+					}
+
+					// jQuery animate changes case
+					if (key === 'strokeWidth') {
+						key = 'stroke-width';
+					}
+
+					// In Chrome/Win < 6 as well as Batik, the stroke attribute can't be set when the stroke-
+					// width is 0. #1369
+					if (key === 'stroke-width' || key === 'stroke') {
+						wrapper[key] = value;
+						// Only apply the stroke attribute if the stroke width is defined and larger than 0
+						if (wrapper.stroke && wrapper['stroke-width']) {
+							attr(element, 'stroke', wrapper.stroke);
+							attr(element, 'stroke-width', wrapper['stroke-width']);
+							wrapper.hasStroke = true;
+						} else if (key === 'stroke-width' && value === 0 && wrapper.hasStroke) {
+							element.removeAttribute('stroke');
+							wrapper.hasStroke = false;
+						}
+						skipAttr = true;
+					}
+
+					// symbols
+					if (wrapper.symbolName && /^(x|y|width|height|r|start|end|innerR|anchorX|anchorY)/.test(key)) {
+
+
+						if (!hasSetSymbolSize) {
+							wrapper.symbolAttr(hash);
+							hasSetSymbolSize = true;
+						}
+						skipAttr = true;
+					}
+
+					// let the shadow follow the main element
+					if (shadows && /^(width|height|visibility|x|y|d|transform|cx|cy|r)$/.test(key)) {
+						i = shadows.length;
+						while (i--) {
+							attr(
+								shadows[i],
+								key,
+								key === 'height' ?
+									mathMax(value - (shadows[i].cutHeight || 0), 0) :
+									value
+							);
+						}
+					}
+
+					// validate heights
+					if ((key === 'width' || key === 'height') && nodeName === 'rect' && value < 0) {
+						value = 0;
+					}
+
+					// Record for animation and quick access without polling the DOM
+					wrapper[key] = value;
+
+
+					if (key === 'text') {
+						// Delete bBox memo when the text changes
+						if (value !== wrapper.textStr) {
+							delete wrapper.bBox;
+						}
+						wrapper.textStr = value;
+						if (wrapper.added) {
+							renderer.buildText(wrapper);
+						}
+					} else if (!skipAttr) {
+						attr(element, key, value);
+					}
+
+				}
+
+			}
+
+			// Update transform. Do this outside the loop to prevent redundant updating for batch setting
+			// of attributes.
+			if (doTransform) {
+				wrapper.updateTransform();
+			}
+
+		}
+
+		return ret;
+	},
+
+
+	/**
+	 * Add a class name to an element
+	 */
+	addClass: function (className) {
+		var element = this.element,
+			currentClassName = attr(element, 'class') || '';
+
+		if (currentClassName.indexOf(className) === -1) {
+			attr(element, 'class', currentClassName + ' ' + className);
+		}
+		return this;
+	},
+	/* hasClass and removeClass are not (yet) needed
+	hasClass: function (className) {
+		return attr(this.element, 'class').indexOf(className) !== -1;
+	},
+	removeClass: function (className) {
+		attr(this.element, 'class', attr(this.element, 'class').replace(className, ''));
+		return this;
+	},
+	*/
+
+	/**
+	 * If one of the symbol size affecting parameters are changed,
+	 * check all the others only once for each call to an element's
+	 * .attr() method
+	 * @param {Object} hash
+	 */
+	symbolAttr: function (hash) {
+		var wrapper = this;
+
+		each(['x', 'y', 'r', 'start', 'end', 'width', 'height', 'innerR', 'anchorX', 'anchorY'], function (key) {
+			wrapper[key] = pick(hash[key], wrapper[key]);
+		});
+
+		wrapper.attr({
+			d: wrapper.renderer.symbols[wrapper.symbolName](
+				wrapper.x,
+				wrapper.y,
+				wrapper.width,
+				wrapper.height,
+				wrapper
+			)
+		});
+	},
+
+	/**
+	 * Apply a clipping path to this object
+	 * @param {String} id
+	 */
+	clip: function (clipRect) {
+		return this.attr('clip-path', clipRect ? 'url(' + this.renderer.url + '#' + clipRect.id + ')' : NONE);
+	},
+
+	/**
+	 * Calculate the coordinates needed for drawing a rectangle crisply and return the
+	 * calculated attributes
+	 * @param {Number} strokeWidth
+	 * @param {Number} x
+	 * @param {Number} y
+	 * @param {Number} width
+	 * @param {Number} height
+	 */
+	crisp: function (strokeWidth, x, y, width, height) {
+
+		var wrapper = this,
+			key,
+			attribs = {},
+			values = {},
+			normalizer;
+
+		strokeWidth = strokeWidth || wrapper.strokeWidth || (wrapper.attr && wrapper.attr('stroke-width')) || 0;
+		normalizer = mathRound(strokeWidth) % 2 / 2; // mathRound because strokeWidth can sometimes have roundoff errors
+
+		// normalize for crisp edges
+		values.x = mathFloor(x || wrapper.x || 0) + normalizer;
+		values.y = mathFloor(y || wrapper.y || 0) + normalizer;
+		values.width = mathFloor((width || wrapper.width || 0) - 2 * normalizer);
+		values.height = mathFloor((height || wrapper.height || 0) - 2 * normalizer);
+		values.strokeWidth = strokeWidth;
+
+		for (key in values) {
+			if (wrapper[key] !== values[key]) { // only set attribute if changed
+				wrapper[key] = attribs[key] = values[key];
+			}
+		}
+
+		return attribs;
+	},
+
+	/**
+	 * Set styles for the element
+	 * @param {Object} styles
+	 */
+	css: function (styles) {
+		/*jslint unparam: true*//* allow unused param a in the regexp function below */
+		var elemWrapper = this,
+			elem = elemWrapper.element,
+			textWidth = styles && styles.width && elem.nodeName.toLowerCase() === 'text',
+			n,
+			serializedCss = '',
+			hyphenate = function (a, b) { return '-' + b.toLowerCase(); };
+		/*jslint unparam: false*/
+
+		// convert legacy
+		if (styles && styles.color) {
+			styles.fill = styles.color;
+		}
+
+		// Merge the new styles with the old ones
+		styles = extend(
+			elemWrapper.styles,
+			styles
+		);
+
+		// store object
+		elemWrapper.styles = styles;
+
+
+		// Don't handle line wrap on canvas
+		if (useCanVG && textWidth) {
+			delete styles.width;
+		}
+
+		// serialize and set style attribute
+		if (isIE && !hasSVG) { // legacy IE doesn't support setting style attribute
+			if (textWidth) {
+				delete styles.width;
+			}
+			css(elemWrapper.element, styles);
+		} else {
+			for (n in styles) {
+				serializedCss += n.replace(/([A-Z])/g, hyphenate) + ':' + styles[n] + ';';
+			}
+			attr(elem, 'style', serializedCss); // #1881
+		}
+
+
+		// re-build text
+		if (textWidth && elemWrapper.added) {
+			elemWrapper.renderer.buildText(elemWrapper);
+		}
+
+		return elemWrapper;
+	},
+
+	/**
+	 * Add an event listener
+	 * @param {String} eventType
+	 * @param {Function} handler
+	 */
+	on: function (eventType, handler) {
+		var svgElement = this,
+			element = svgElement.element;
+		
+		// touch
+		if (hasTouch && eventType === 'click') {
+			element.ontouchstart = function (e) {			
+				svgElement.touchEventFired = Date.now();				
+				e.preventDefault();
+				handler.call(element, e);
+			};
+			element.onclick = function (e) {												
+				if (userAgent.indexOf('Android') === -1 || Date.now() - (svgElement.touchEventFired || 0) > 1100) { // #2269
+					handler.call(element, e);
+				}
+			};			
+		} else {
+			// simplest possible event model for internal use
+			element['on' + eventType] = handler;
+		}
+		return this;
+	},
+
+	/**
+	 * Set the coordinates needed to draw a consistent radial gradient across
+	 * pie slices regardless of positioning inside the chart. The format is
+	 * [centerX, centerY, diameter] in pixels.
+	 */
+	setRadialReference: function (coordinates) {
+		this.element.radialReference = coordinates;
+		return this;
+	},
+
+	/**
+	 * Move an object and its children by x and y values
+	 * @param {Number} x
+	 * @param {Number} y
+	 */
+	translate: function (x, y) {
+		return this.attr({
+			translateX: x,
+			translateY: y
+		});
+	},
+
+	/**
+	 * Invert a group, rotate and flip
+	 */
+	invert: function () {
+		var wrapper = this;
+		wrapper.inverted = true;
+		wrapper.updateTransform();
+		return wrapper;
+	},
+
+	/**
+	 * Apply CSS to HTML elements. This is used in text within SVG rendering and
+	 * by the VML renderer
+	 */
+	htmlCss: function (styles) {
+		var wrapper = this,
+			element = wrapper.element,
+			textWidth = styles && element.tagName === 'SPAN' && styles.width;
+
+		if (textWidth) {
+			delete styles.width;
+			wrapper.textWidth = textWidth;
+			wrapper.updateTransform();
+		}
+
+		wrapper.styles = extend(wrapper.styles, styles);
+		css(wrapper.element, styles);
+
+		return wrapper;
+	},
+
+
+
+	/**
+	 * VML and useHTML method for calculating the bounding box based on offsets
+	 * @param {Boolean} refresh Whether to force a fresh value from the DOM or to
+	 * use the cached value
+	 *
+	 * @return {Object} A hash containing values for x, y, width and height
+	 */
+
+	htmlGetBBox: function () {
+		var wrapper = this,
+			element = wrapper.element,
+			bBox = wrapper.bBox;
+
+		// faking getBBox in exported SVG in legacy IE
+		if (!bBox) {
+			// faking getBBox in exported SVG in legacy IE (is this a duplicate of the fix for #1079?)
+			if (element.nodeName === 'text') {
+				element.style.position = ABSOLUTE;
+			}
+
+			bBox = wrapper.bBox = {
+				x: element.offsetLeft,
+				y: element.offsetTop,
+				width: element.offsetWidth,
+				height: element.offsetHeight
+			};
+		}
+
+		return bBox;
+	},
+
+	/**
+	 * VML override private method to update elements based on internal
+	 * properties based on SVG transform
+	 */
+	htmlUpdateTransform: function () {
+		// aligning non added elements is expensive
+		if (!this.added) {
+			this.alignOnAdd = true;
+			return;
+		}
+
+		var wrapper = this,
+			renderer = wrapper.renderer,
+			elem = wrapper.element,
+			translateX = wrapper.translateX || 0,
+			translateY = wrapper.translateY || 0,
+			x = wrapper.x || 0,
+			y = wrapper.y || 0,
+			align = wrapper.textAlign || 'left',
+			alignCorrection = { left: 0, center: 0.5, right: 1 }[align],
+			nonLeft = align && align !== 'left',
+			shadows = wrapper.shadows;
+
+		// apply translate
+		css(elem, {
+			marginLeft: translateX,
+			marginTop: translateY
+		});
+		if (shadows) { // used in labels/tooltip
+			each(shadows, function (shadow) {
+				css(shadow, {
+					marginLeft: translateX + 1,
+					marginTop: translateY + 1
+				});
+			});
+		}
+
+		// apply inversion
+		if (wrapper.inverted) { // wrapper is a group
+			each(elem.childNodes, function (child) {
+				renderer.invertChild(child, elem);
+			});
+		}
+
+		if (elem.tagName === 'SPAN') {
+
+			var width, height,
+				rotation = wrapper.rotation,
+				baseline,
+				radians = 0,
+				costheta = 1,
+				sintheta = 0,
+				quad,
+				textWidth = pInt(wrapper.textWidth),
+				xCorr = wrapper.xCorr || 0,
+				yCorr = wrapper.yCorr || 0,
+				currentTextTransform = [rotation, align, elem.innerHTML, wrapper.textWidth].join(',');
+
+			if (currentTextTransform !== wrapper.cTT) { // do the calculations and DOM access only if properties changed
+
+				if (defined(rotation)) {
+
+					radians = rotation * deg2rad; // deg to rad
+					costheta = mathCos(radians);
+					sintheta = mathSin(radians);
+
+					wrapper.setSpanRotation(rotation, sintheta, costheta);
+
+				}
+
+				width = pick(wrapper.elemWidth, elem.offsetWidth);
+				height = pick(wrapper.elemHeight, elem.offsetHeight);
+
+				// update textWidth
+				if (width > textWidth && /[ \-]/.test(elem.textContent || elem.innerText)) { // #983, #1254
+					css(elem, {
+						width: textWidth + PX,
+						display: 'block',
+						whiteSpace: 'normal'
+					});
+					width = textWidth;
+				}
+
+				// correct x and y
+				baseline = renderer.fontMetrics(elem.style.fontSize).b;
+				xCorr = costheta < 0 && -width;
+				yCorr = sintheta < 0 && -height;
+
+				// correct for baseline and corners spilling out after rotation
+				quad = costheta * sintheta < 0;
+				xCorr += sintheta * baseline * (quad ? 1 - alignCorrection : alignCorrection);
+				yCorr -= costheta * baseline * (rotation ? (quad ? alignCorrection : 1 - alignCorrection) : 1);
+
+				// correct for the length/height of the text
+				if (nonLeft) {
+					xCorr -= width * alignCorrection * (costheta < 0 ? -1 : 1);
+					if (rotation) {
+						yCorr -= height * alignCorrection * (sintheta < 0 ? -1 : 1);
+					}
+					css(elem, {
+						textAlign: align
+					});
+				}
+
+				// record correction
+				wrapper.xCorr = xCorr;
+				wrapper.yCorr = yCorr;
+			}
+
+			// apply position with correction
+			css(elem, {
+				left: (x + xCorr) + PX,
+				top: (y + yCorr) + PX
+			});
+
+			// force reflow in webkit to apply the left and top on useHTML element (#1249)
+			if (isWebKit) {
+				height = elem.offsetHeight; // assigned to height for JSLint purpose
+			}
+
+			// record current text transform
+			wrapper.cTT = currentTextTransform;
+		}
+	},
+
+	/**
+	 * Set the rotation of an individual HTML span
+	 */
+	setSpanRotation: function (rotation) {
+		var rotationStyle = {},
+			cssTransformKey = isIE ? '-ms-transform' : isWebKit ? '-webkit-transform' : isFirefox ? 'MozTransform' : isOpera ? '-o-transform' : '';
+
+		rotationStyle[cssTransformKey] = rotationStyle.transform = 'rotate(' + rotation + 'deg)';
+		css(this.element, rotationStyle);
+	},
+
+	/**
+	 * Private method to update the transform attribute based on internal
+	 * properties
+	 */
+	updateTransform: function () {
+		var wrapper = this,
+			translateX = wrapper.translateX || 0,
+			translateY = wrapper.translateY || 0,
+			scaleX = wrapper.scaleX,
+			scaleY = wrapper.scaleY,
+			inverted = wrapper.inverted,
+			rotation = wrapper.rotation,
+			transform;
+
+		// flipping affects translate as adjustment for flipping around the group's axis
+		if (inverted) {
+			translateX += wrapper.attr('width');
+			translateY += wrapper.attr('height');
+		}
+
+		// Apply translate. Nearly all transformed elements have translation, so instead
+		// of checking for translate = 0, do it always (#1767, #1846).
+		transform = ['translate(' + translateX + ',' + translateY + ')'];
+
+		// apply rotation
+		if (inverted) {
+			transform.push('rotate(90) scale(-1,1)');
+		} else if (rotation) { // text rotation
+			transform.push('rotate(' + rotation + ' ' + (wrapper.x || 0) + ' ' + (wrapper.y || 0) + ')');
+		}
+
+		// apply scale
+		if (defined(scaleX) || defined(scaleY)) {
+			transform.push('scale(' + pick(scaleX, 1) + ' ' + pick(scaleY, 1) + ')');
+		}
+
+		if (transform.length) {
+			attr(wrapper.element, 'transform', transform.join(' '));
+		}
+	},
+	/**
+	 * Bring the element to the front
+	 */
+	toFront: function () {
+		var element = this.element;
+		element.parentNode.appendChild(element);
+		return this;
+	},
+
+
+	/**
+	 * Break down alignment options like align, verticalAlign, x and y
+	 * to x and y relative to the chart.
+	 *
+	 * @param {Object} alignOptions
+	 * @param {Boolean} alignByTranslate
+	 * @param {String[Object} box The box to align to, needs a width and height. When the
+	 *        box is a string, it refers to an object in the Renderer. For example, when
+	 *        box is 'spacingBox', it refers to Renderer.spacingBox which holds width, height
+	 *        x and y properties.
+	 *
+	 */
+	align: function (alignOptions, alignByTranslate, box) {
+		var align,
+			vAlign,
+			x,
+			y,
+			attribs = {},
+			alignTo,
+			renderer = this.renderer,
+			alignedObjects = renderer.alignedObjects;
+
+		// First call on instanciate
+		if (alignOptions) {
+			this.alignOptions = alignOptions;
+			this.alignByTranslate = alignByTranslate;
+			if (!box || isString(box)) { // boxes other than renderer handle this internally
+				this.alignTo = alignTo = box || 'renderer';
+				erase(alignedObjects, this); // prevent duplicates, like legendGroup after resize
+				alignedObjects.push(this);
+				box = null; // reassign it below
+			}
+
+		// When called on resize, no arguments are supplied
+		} else {
+			alignOptions = this.alignOptions;
+			alignByTranslate = this.alignByTranslate;
+			alignTo = this.alignTo;
+		}
+
+		box = pick(box, renderer[alignTo], renderer);
+
+		// Assign variables
+		align = alignOptions.align;
+		vAlign = alignOptions.verticalAlign;
+		x = (box.x || 0) + (alignOptions.x || 0); // default: left align
+		y = (box.y || 0) + (alignOptions.y || 0); // default: top align
+
+		// Align
+		if (align === 'right' || align === 'center') {
+			x += (box.width - (alignOptions.width || 0)) /
+					{ right: 1, center: 2 }[align];
+		}
+		attribs[alignByTranslate ? 'translateX' : 'x'] = mathRound(x);
+
+
+		// Vertical align
+		if (vAlign === 'bottom' || vAlign === 'middle') {
+			y += (box.height - (alignOptions.height || 0)) /
+					({ bottom: 1, middle: 2 }[vAlign] || 1);
+
+		}
+		attribs[alignByTranslate ? 'translateY' : 'y'] = mathRound(y);
+
+		// Animate only if already placed
+		this[this.placed ? 'animate' : 'attr'](attribs);
+		this.placed = true;
+		this.alignAttr = attribs;
+
+		return this;
+	},
+
+	/**
+	 * Get the bounding box (width, height, x and y) for the element
+	 */
+	getBBox: function () {
+		var wrapper = this,
+			bBox = wrapper.bBox,
+			renderer = wrapper.renderer,
+			width,
+			height,
+			rotation = wrapper.rotation,
+			element = wrapper.element,
+			styles = wrapper.styles,
+			rad = rotation * deg2rad;
+
+		if (!bBox) {
+			// SVG elements
+			if (element.namespaceURI === SVG_NS || renderer.forExport) {
+				try { // Fails in Firefox if the container has display: none.
+
+					bBox = element.getBBox ?
+						// SVG: use extend because IE9 is not allowed to change width and height in case
+						// of rotation (below)
+						extend({}, element.getBBox()) :
+						// Canvas renderer and legacy IE in export mode
+						{
+							width: element.offsetWidth,
+							height: element.offsetHeight
+						};
+				} catch (e) {}
+
+				// If the bBox is not set, the try-catch block above failed. The other condition
+				// is for Opera that returns a width of -Infinity on hidden elements.
+				if (!bBox || bBox.width < 0) {
+					bBox = { width: 0, height: 0 };
+				}
+
+
+			// VML Renderer or useHTML within SVG
+			} else {
+
+				bBox = wrapper.htmlGetBBox();
+
+			}
+
+			// True SVG elements as well as HTML elements in modern browsers using the .useHTML option
+			// need to compensated for rotation
+			if (renderer.isSVG) {
+				width = bBox.width;
+				height = bBox.height;
+
+				// Workaround for wrong bounding box in IE9 and IE10 (#1101, #1505, #1669)
+				if (isIE && styles && styles.fontSize === '11px' && height.toPrecision(3) === '22.7') {
+					bBox.height = height = 14;
+				}
+
+				// Adjust for rotated text
+				if (rotation) {
+					bBox.width = mathAbs(height * mathSin(rad)) + mathAbs(width * mathCos(rad));
+					bBox.height = mathAbs(height * mathCos(rad)) + mathAbs(width * mathSin(rad));
+				}
+			}
+
+			wrapper.bBox = bBox;
+		}
+		return bBox;
+	},
+
+	/**
+	 * Show the element
+	 */
+	show: function () {
+		return this.attr({ visibility: VISIBLE });
+	},
+
+	/**
+	 * Hide the element
+	 */
+	hide: function () {
+		return this.attr({ visibility: HIDDEN });
+	},
+
+	fadeOut: function (duration) {
+		var elemWrapper = this;
+		elemWrapper.animate({
+			opacity: 0
+		}, {
+			duration: duration || 150,
+			complete: function () {
+				elemWrapper.hide();
+			}
+		});
+	},
+
+	/**
+	 * Add the element
+	 * @param {Object|Undefined} parent Can be an element, an element wrapper or undefined
+	 *    to append the element to the renderer.box.
+	 */
+	add: function (parent) {
+
+		var renderer = this.renderer,
+			parentWrapper = parent || renderer,
+			parentNode = parentWrapper.element || renderer.box,
+			childNodes = parentNode.childNodes,
+			element = this.element,
+			zIndex = attr(element, 'zIndex'),
+			otherElement,
+			otherZIndex,
+			i,
+			inserted;
+
+		if (parent) {
+			this.parentGroup = parent;
+		}
+
+		// mark as inverted
+		this.parentInverted = parent && parent.inverted;
+
+		// build formatted text
+		if (this.textStr !== undefined) {
+			renderer.buildText(this);
+		}
+
+		// mark the container as having z indexed children
+		if (zIndex) {
+			parentWrapper.handleZ = true;
+			zIndex = pInt(zIndex);
+		}
+
+		// insert according to this and other elements' zIndex
+		if (parentWrapper.handleZ) { // this element or any of its siblings has a z index
+			for (i = 0; i < childNodes.length; i++) {
+				otherElement = childNodes[i];
+				otherZIndex = attr(otherElement, 'zIndex');
+				if (otherElement !== element && (
+						// insert before the first element with a higher zIndex
+						pInt(otherZIndex) > zIndex ||
+						// if no zIndex given, insert before the first element with a zIndex
+						(!defined(zIndex) && defined(otherZIndex))
+
+						)) {
+					parentNode.insertBefore(element, otherElement);
+					inserted = true;
+					break;
+				}
+			}
+		}
+
+		// default: append at the end
+		if (!inserted) {
+			parentNode.appendChild(element);
+		}
+
+		// mark as added
+		this.added = true;
+
+		// fire an event for internal hooks
+		fireEvent(this, 'add');
+
+		return this;
+	},
+
+	/**
+	 * Removes a child either by removeChild or move to garbageBin.
+	 * Issue 490; in VML removeChild results in Orphaned nodes according to sIEve, discardElement does not.
+	 */
+	safeRemoveChild: function (element) {
+		var parentNode = element.parentNode;
+		if (parentNode) {
+			parentNode.removeChild(element);
+		}
+	},
+
+	/**
+	 * Destroy the element and element wrapper
+	 */
+	destroy: function () {
+		var wrapper = this,
+			element = wrapper.element || {},
+			shadows = wrapper.shadows,
+			parentToClean = wrapper.renderer.isSVG && element.nodeName === 'SPAN' && element.parentNode,
+			grandParent,
+			key,
+			i;
+
+		// remove events
+		element.onclick = element.onmouseout = element.onmouseover = element.onmousemove = element.point = null;
+		stop(wrapper); // stop running animations
+
+		if (wrapper.clipPath) {
+			wrapper.clipPath = wrapper.clipPath.destroy();
+		}
+
+		// Destroy stops in case this is a gradient object
+		if (wrapper.stops) {
+			for (i = 0; i < wrapper.stops.length; i++) {
+				wrapper.stops[i] = wrapper.stops[i].destroy();
+			}
+			wrapper.stops = null;
+		}
+
+		// remove element
+		wrapper.safeRemoveChild(element);
+
+		// destroy shadows
+		if (shadows) {
+			each(shadows, function (shadow) {
+				wrapper.safeRemoveChild(shadow);
+			});
+		}
+
+		// In case of useHTML, clean up empty containers emulating SVG groups (#1960).
+		while (parentToClean && parentToClean.childNodes.length === 0) {
+			grandParent = parentToClean.parentNode;
+			wrapper.safeRemoveChild(parentToClean);
+			parentToClean = grandParent;
+		}
+
+		// remove from alignObjects
+		if (wrapper.alignTo) {
+			erase(wrapper.renderer.alignedObjects, wrapper);
+		}
+
+		for (key in wrapper) {
+			delete wrapper[key];
+		}
+
+		return null;
+	},
+
+	/**
+	 * Add a shadow to the element. Must be done after the element is added to the DOM
+	 * @param {Boolean|Object} shadowOptions
+	 */
+	shadow: function (shadowOptions, group, cutOff) {
+		var shadows = [],
+			i,
+			shadow,
+			element = this.element,
+			strokeWidth,
+			shadowWidth,
+			shadowElementOpacity,
+
+			// compensate for inverted plot area
+			transform;
+
+
+		if (shadowOptions) {
+			shadowWidth = pick(shadowOptions.width, 3);
+			shadowElementOpacity = (shadowOptions.opacity || 0.15) / shadowWidth;
+			transform = this.parentInverted ?
+				'(-1,-1)' :
+				'(' + pick(shadowOptions.offsetX, 1) + ', ' + pick(shadowOptions.offsetY, 1) + ')';
+			for (i = 1; i <= shadowWidth; i++) {
+				shadow = element.cloneNode(0);
+				strokeWidth = (shadowWidth * 2) + 1 - (2 * i);
+				attr(shadow, {
+					'isShadow': 'true',
+					'stroke': shadowOptions.color || 'black',
+					'stroke-opacity': shadowElementOpacity * i,
+					'stroke-width': strokeWidth,
+					'transform': 'translate' + transform,
+					'fill': NONE
+				});
+				if (cutOff) {
+					attr(shadow, 'height', mathMax(attr(shadow, 'height') - strokeWidth, 0));
+					shadow.cutHeight = strokeWidth;
+				}
+
+				if (group) {
+					group.element.appendChild(shadow);
+				} else {
+					element.parentNode.insertBefore(shadow, element);
+				}
+
+				shadows.push(shadow);
+			}
+
+			this.shadows = shadows;
+		}
+		return this;
+
+	}
+};
+
+
+/**
+ * The default SVG renderer
+ */
+var SVGRenderer = function () {
+	this.init.apply(this, arguments);
+};
+SVGRenderer.prototype = {
+	Element: SVGElement,
+
+	/**
+	 * Initialize the SVGRenderer
+	 * @param {Object} container
+	 * @param {Number} width
+	 * @param {Number} height
+	 * @param {Boolean} forExport
+	 */
+	init: function (container, width, height, forExport) {
+		var renderer = this,
+			loc = location,
+			boxWrapper,
+			element,
+			desc;
+
+		boxWrapper = renderer.createElement('svg')
+			.attr({
+				version: '1.1'
+			});
+		element = boxWrapper.element;
+		container.appendChild(element);
+
+		// For browsers other than IE, add the namespace attribute (#1978)
+		if (container.innerHTML.indexOf('xmlns') === -1) {
+			attr(element, 'xmlns', SVG_NS);
+		}
+
+		// object properties
+		renderer.isSVG = true;
+		renderer.box = element;
+		renderer.boxWrapper = boxWrapper;
+		renderer.alignedObjects = [];
+
+		// Page url used for internal references. #24, #672, #1070
+		renderer.url = (isFirefox || isWebKit) && doc.getElementsByTagName('base').length ?
+			loc.href
+				.replace(/#.*?$/, '') // remove the hash
+				.replace(/([\('\)])/g, '\\$1') // escape parantheses and quotes
+				.replace(/ /g, '%20') : // replace spaces (needed for Safari only)
+			'';
+
+		// Add description
+		desc = this.createElement('desc').add();
+		desc.element.appendChild(doc.createTextNode('Created with ' + PRODUCT + ' ' + VERSION));
+
+
+		renderer.defs = this.createElement('defs').add();
+		renderer.forExport = forExport;
+		renderer.gradients = {}; // Object where gradient SvgElements are stored
+
+		renderer.setSize(width, height, false);
+
+
+
+		// Issue 110 workaround:
+		// In Firefox, if a div is positioned by percentage, its pixel position may land
+		// between pixels. The container itself doesn't display this, but an SVG element
+		// inside this container will be drawn at subpixel precision. In order to draw
+		// sharp lines, this must be compensated for. This doesn't seem to work inside
+		// iframes though (like in jsFiddle).
+		var subPixelFix, rect;
+		if (isFirefox && container.getBoundingClientRect) {
+			renderer.subPixelFix = subPixelFix = function () {
+				css(container, { left: 0, top: 0 });
+				rect = container.getBoundingClientRect();
+				css(container, {
+					left: (mathCeil(rect.left) - rect.left) + PX,
+					top: (mathCeil(rect.top) - rect.top) + PX
+				});
+			};
+
+			// run the fix now
+			subPixelFix();
+
+			// run it on resize
+			addEvent(win, 'resize', subPixelFix);
+		}
+	},
+
+	/**
+	 * Detect whether the renderer is hidden. This happens when one of the parent elements
+	 * has display: none. #608.
+	 */
+	isHidden: function () {
+		return !this.boxWrapper.getBBox().width;
+	},
+
+	/**
+	 * Destroys the renderer and its allocated members.
+	 */
+	destroy: function () {
+		var renderer = this,
+			rendererDefs = renderer.defs;
+		renderer.box = null;
+		renderer.boxWrapper = renderer.boxWrapper.destroy();
+
+		// Call destroy on all gradient elements
+		destroyObjectProperties(renderer.gradients || {});
+		renderer.gradients = null;
+
+		// Defs are null in VMLRenderer
+		// Otherwise, destroy them here.
+		if (rendererDefs) {
+			renderer.defs = rendererDefs.destroy();
+		}
+
+		// Remove sub pixel fix handler
+		// We need to check that there is a handler, otherwise all functions that are registered for event 'resize' are removed
+		// See issue #982
+		if (renderer.subPixelFix) {
+			removeEvent(win, 'resize', renderer.subPixelFix);
+		}
+
+		renderer.alignedObjects = null;
+
+		return null;
+	},
+
+	/**
+	 * Create a wrapper for an SVG element
+	 * @param {Object} nodeName
+	 */
+	createElement: function (nodeName) {
+		var wrapper = new this.Element();
+		wrapper.init(this, nodeName);
+		return wrapper;
+	},
+
+	/**
+	 * Dummy function for use in canvas renderer
+	 */
+	draw: function () {},
+
+	/**
+	 * Parse a simple HTML string into SVG tspans
+	 *
+	 * @param {Object} textNode The parent text SVG node
+	 */
+	buildText: function (wrapper) {
+		var textNode = wrapper.element,
+			renderer = this,
+			forExport = renderer.forExport,
+			lines = pick(wrapper.textStr, '').toString()
+				.replace(/<(b|strong)>/g, '<span style="font-weight:bold">')
+				.replace(/<(i|em)>/g, '<span style="font-style:italic">')
+				.replace(/<a/g, '<span')
+				.replace(/<\/(b|strong|i|em|a)>/g, '</span>')
+				.split(/<br.*?>/g),
+			childNodes = textNode.childNodes,
+			styleRegex = /style="([^"]+)"/,
+			hrefRegex = /href="(http[^"]+)"/,
+			parentX = attr(textNode, 'x'),
+			textStyles = wrapper.styles,
+			width = textStyles && textStyles.width && pInt(textStyles.width),
+			textLineHeight = textStyles && textStyles.lineHeight,
+			i = childNodes.length;
+
+		/// remove old text
+		while (i--) {
+			textNode.removeChild(childNodes[i]);
+		}
+
+		if (width && !wrapper.added) {
+			this.box.appendChild(textNode); // attach it to the DOM to read offset width
+		}
+
+		// remove empty line at end
+		if (lines[lines.length - 1] === '') {
+			lines.pop();
+		}
+
+		// build the lines
+		each(lines, function (line, lineNo) {
+			var spans, spanNo = 0;
+
+			line = line.replace(/<span/g, '|||<span').replace(/<\/span>/g, '</span>|||');
+			spans = line.split('|||');
+
+			each(spans, function (span) {
+				if (span !== '' || spans.length === 1) {
+					var attributes = {},
+						tspan = doc.createElementNS(SVG_NS, 'tspan'),
+						spanStyle; // #390
+					if (styleRegex.test(span)) {
+						spanStyle = span.match(styleRegex)[1].replace(/(;| |^)color([ :])/, '$1fill$2');
+						attr(tspan, 'style', spanStyle);
+					}
+					if (hrefRegex.test(span) && !forExport) { // Not for export - #1529
+						attr(tspan, 'onclick', 'location.href=\"' + span.match(hrefRegex)[1] + '\"');
+						css(tspan, { cursor: 'pointer' });
+					}
+
+					span = (span.replace(/<(.|\n)*?>/g, '') || ' ')
+						.replace(/&lt;/g, '<')
+						.replace(/&gt;/g, '>');
+
+					// Nested tags aren't supported, and cause crash in Safari (#1596)
+					if (span !== ' ') {
+
+						// add the text node
+						tspan.appendChild(doc.createTextNode(span));
+
+						if (!spanNo) { // first span in a line, align it to the left
+							attributes.x = parentX;
+						} else {
+							attributes.dx = 0; // #16
+						}
+
+						// add attributes
+						attr(tspan, attributes);
+
+						// first span on subsequent line, add the line height
+						if (!spanNo && lineNo) {
+
+							// allow getting the right offset height in exporting in IE
+							if (!hasSVG && forExport) {
+								css(tspan, { display: 'block' });
+							}
+
+							// Set the line height based on the font size of either
+							// the text element or the tspan element
+							attr(
+								tspan,
+								'dy',
+								textLineHeight || renderer.fontMetrics(
+									/px$/.test(tspan.style.fontSize) ?
+										tspan.style.fontSize :
+										textStyles.fontSize
+								).h,
+								// Safari 6.0.2 - too optimized for its own good (#1539)
+								// TODO: revisit this with future versions of Safari
+								isWebKit && tspan.offsetHeight
+							);
+						}
+
+						// Append it
+						textNode.appendChild(tspan);
+
+						spanNo++;
+
+						// check width and apply soft breaks
+						if (width) {
+							var words = span.replace(/([^\^])-/g, '$1- ').split(' '), // #1273
+								tooLong,
+								actualWidth,
+								clipHeight = wrapper._clipHeight,
+								rest = [],
+								dy = pInt(textLineHeight || 16),
+								softLineNo = 1,
+								bBox;
+
+							while (words.length || rest.length) {
+								delete wrapper.bBox; // delete cache
+								bBox = wrapper.getBBox();
+								actualWidth = bBox.width;
+								tooLong = actualWidth > width;
+								if (!tooLong || words.length === 1) { // new line needed
+									words = rest;
+									rest = [];
+									if (words.length) {
+										softLineNo++;
+
+										if (clipHeight && softLineNo * dy > clipHeight) {
+											words = ['...'];
+											wrapper.attr('title', wrapper.textStr);
+										} else {
+
+											tspan = doc.createElementNS(SVG_NS, 'tspan');
+											attr(tspan, {
+												dy: dy,
+												x: parentX
+											});
+											if (spanStyle) { // #390
+												attr(tspan, 'style', spanStyle);
+											}
+											textNode.appendChild(tspan);
+
+											if (actualWidth > width) { // a single word is pressing it out
+												width = actualWidth;
+											}
+										}
+									}
+								} else { // append to existing line tspan
+									tspan.removeChild(tspan.firstChild);
+									rest.unshift(words.pop());
+								}
+								if (words.length) {
+									tspan.appendChild(doc.createTextNode(words.join(' ').replace(/- /g, '-')));
+								}
+							}
+						}
+					}
+				}
+			});
+		});
+	},
+
+	/**
+	 * Create a button with preset states
+	 * @param {String} text
+	 * @param {Number} x
+	 * @param {Number} y
+	 * @param {Function} callback
+	 * @param {Object} normalState
+	 * @param {Object} hoverState
+	 * @param {Object} pressedState
+	 */
+	button: function (text, x, y, callback, normalState, hoverState, pressedState, disabledState) {
+		var label = this.label(text, x, y, null, null, null, null, null, 'button'),
+			curState = 0,
+			stateOptions,
+			stateStyle,
+			normalStyle,
+			hoverStyle,
+			pressedStyle,
+			disabledStyle,
+			STYLE = 'style',
+			verticalGradient = { x1: 0, y1: 0, x2: 0, y2: 1 };
+
+		// Normal state - prepare the attributes
+		normalState = merge({
+			'stroke-width': 1,
+			stroke: '#CCCCCC',
+			fill: {
+				linearGradient: verticalGradient,
+				stops: [
+					[0, '#FEFEFE'],
+					[1, '#F6F6F6']
+				]
+			},
+			r: 2,
+			padding: 5,
+			style: {
+				color: 'black'
+			}
+		}, normalState);
+		normalStyle = normalState[STYLE];
+		delete normalState[STYLE];
+
+		// Hover state
+		hoverState = merge(normalState, {
+			stroke: '#68A',
+			fill: {
+				linearGradient: verticalGradient,
+				stops: [
+					[0, '#FFF'],
+					[1, '#ACF']
+				]
+			}
+		}, hoverState);
+		hoverStyle = hoverState[STYLE];
+		delete hoverState[STYLE];
+
+		// Pressed state
+		pressedState = merge(normalState, {
+			stroke: '#68A',
+			fill: {
+				linearGradient: verticalGradient,
+				stops: [
+					[0, '#9BD'],
+					[1, '#CDF']
+				]
+			}
+		}, pressedState);
+		pressedStyle = pressedState[STYLE];
+		delete pressedState[STYLE];
+
+		// Disabled state
+		disabledState = merge(normalState, {
+			style: {
+				color: '#CCC'
+			}
+		}, disabledState);
+		disabledStyle = disabledState[STYLE];
+		delete disabledState[STYLE];
+
+		// Add the events. IE9 and IE10 need mouseover and mouseout to funciton (#667).
+		addEvent(label.element, isIE ? 'mouseover' : 'mouseenter', function () {
+			if (curState !== 3) {
+				label.attr(hoverState)
+					.css(hoverStyle);
+			}
+		});
+		addEvent(label.element, isIE ? 'mouseout' : 'mouseleave', function () {
+			if (curState !== 3) {
+				stateOptions = [normalState, hoverState, pressedState][curState];
+				stateStyle = [normalStyle, hoverStyle, pressedStyle][curState];
+				label.attr(stateOptions)
+					.css(stateStyle);
+			}
+		});
+
+		label.setState = function (state) {
+			label.state = curState = state;
+			if (!state) {
+				label.attr(normalState)
+					.css(normalStyle);
+			} else if (state === 2) {
+				label.attr(pressedState)
+					.css(pressedStyle);
+			} else if (state === 3) {
+				label.attr(disabledState)
+					.css(disabledStyle);
+			}
+		};
+
+		return label
+			.on('click', function () {
+				if (curState !== 3) {
+					callback.call(label);
+				}
+			})
+			.attr(normalState)
+			.css(extend({ cursor: 'default' }, normalStyle));
+	},
+
+	/**
+	 * Make a straight line crisper by not spilling out to neighbour pixels
+	 * @param {Array} points
+	 * @param {Number} width
+	 */
+	crispLine: function (points, width) {
+		// points format: [M, 0, 0, L, 100, 0]
+		// normalize to a crisp line
+		if (points[1] === points[4]) {
+			// Substract due to #1129. Now bottom and left axis gridlines behave the same.
+			points[1] = points[4] = mathRound(points[1]) - (width % 2 / 2);
+		}
+		if (points[2] === points[5]) {
+			points[2] = points[5] = mathRound(points[2]) + (width % 2 / 2);
+		}
+		return points;
+	},
+
+
+	/**
+	 * Draw a path
+	 * @param {Array} path An SVG path in array form
+	 */
+	path: function (path) {
+		var attr = {
+			fill: NONE
+		};
+		if (isArray(path)) {
+			attr.d = path;
+		} else if (isObject(path)) { // attributes
+			extend(attr, path);
+		}
+		return this.createElement('path').attr(attr);
+	},
+
+	/**
+	 * Draw and return an SVG circle
+	 * @param {Number} x The x position
+	 * @param {Number} y The y position
+	 * @param {Number} r The radius
+	 */
+	circle: function (x, y, r) {
+		var attr = isObject(x) ?
+			x :
+			{
+				x: x,
+				y: y,
+				r: r
+			};
+
+		return this.createElement('circle').attr(attr);
+	},
+
+	/**
+	 * Draw and return an arc
+	 * @param {Number} x X position
+	 * @param {Number} y Y position
+	 * @param {Number} r Radius
+	 * @param {Number} innerR Inner radius like used in donut charts
+	 * @param {Number} start Starting angle
+	 * @param {Number} end Ending angle
+	 */
+	arc: function (x, y, r, innerR, start, end) {
+		var arc;
+
+		if (isObject(x)) {
+			y = x.y;
+			r = x.r;
+			innerR = x.innerR;
+			start = x.start;
+			end = x.end;
+			x = x.x;
+		}
+
+		// Arcs are defined as symbols for the ability to set
+		// attributes in attr and animate
+		arc = this.symbol('arc', x || 0, y || 0, r || 0, r || 0, {
+			innerR: innerR || 0,
+			start: start || 0,
+			end: end || 0
+		});
+		arc.r = r; // #959
+		return arc;
+	},
+
+	/**
+	 * Draw and return a rectangle
+	 * @param {Number} x Left position
+	 * @param {Number} y Top position
+	 * @param {Number} width
+	 * @param {Number} height
+	 * @param {Number} r Border corner radius
+	 * @param {Number} strokeWidth A stroke width can be supplied to allow crisp drawing
+	 */
+	rect: function (x, y, width, height, r, strokeWidth) {
+
+		r = isObject(x) ? x.r : r;
+
+		var wrapper = this.createElement('rect').attr({
+				rx: r,
+				ry: r,
+				fill: NONE
+			});
+		return wrapper.attr(
+				isObject(x) ?
+					x :
+					// do not crispify when an object is passed in (as in column charts)
+					wrapper.crisp(strokeWidth, x, y, mathMax(width, 0), mathMax(height, 0))
+			);
+	},
+
+	/**
+	 * Resize the box and re-align all aligned elements
+	 * @param {Object} width
+	 * @param {Object} height
+	 * @param {Boolean} animate
+	 *
+	 */
+	setSize: function (width, height, animate) {
+		var renderer = this,
+			alignedObjects = renderer.alignedObjects,
+			i = alignedObjects.length;
+
+		renderer.width = width;
+		renderer.height = height;
+
+		renderer.boxWrapper[pick(animate, true) ? 'animate' : 'attr']({
+			width: width,
+			height: height
+		});
+
+		while (i--) {
+			alignedObjects[i].align();
+		}
+	},
+
+	/**
+	 * Create a group
+	 * @param {String} name The group will be given a class name of 'highcharts-{name}'.
+	 *     This can be used for styling and scripting.
+	 */
+	g: function (name) {
+		var elem = this.createElement('g');
+		return defined(name) ? elem.attr({ 'class': PREFIX + name }) : elem;
+	},
+
+	/**
+	 * Display an image
+	 * @param {String} src
+	 * @param {Number} x
+	 * @param {Number} y
+	 * @param {Number} width
+	 * @param {Number} height
+	 */
+	image: function (src, x, y, width, height) {
+		var attribs = {
+				preserveAspectRatio: NONE
+			},
+			elemWrapper;
+
+		// optional properties
+		if (arguments.length > 1) {
+			extend(attribs, {
+				x: x,
+				y: y,
+				width: width,
+				height: height
+			});
+		}
+
+		elemWrapper = this.createElement('image').attr(attribs);
+
+		// set the href in the xlink namespace
+		if (elemWrapper.element.setAttributeNS) {
+			elemWrapper.element.setAttributeNS('http://www.w3.org/1999/xlink',
+				'href', src);
+		} else {
+			// could be exporting in IE
+			// using href throws "not supported" in ie7 and under, requries regex shim to fix later
+			elemWrapper.element.setAttribute('hc-svg-href', src);
+	}
+
+		return elemWrapper;
+	},
+
+	/**
+	 * Draw a symbol out of pre-defined shape paths from the namespace 'symbol' object.
+	 *
+	 * @param {Object} symbol
+	 * @param {Object} x
+	 * @param {Object} y
+	 * @param {Object} radius
+	 * @param {Object} options
+	 */
+	symbol: function (symbol, x, y, width, height, options) {
+
+		var obj,
+
+			// get the symbol definition function
+			symbolFn = this.symbols[symbol],
+
+			// check if there's a path defined for this symbol
+			path = symbolFn && symbolFn(
+				mathRound(x),
+				mathRound(y),
+				width,
+				height,
+				options
+			),
+
+			imageElement,
+			imageRegex = /^url\((.*?)\)$/,
+			imageSrc,
+			imageSize,
+			centerImage;
+
+		if (path) {
+
+			obj = this.path(path);
+			// expando properties for use in animate and attr
+			extend(obj, {
+				symbolName: symbol,
+				x: x,
+				y: y,
+				width: width,
+				height: height
+			});
+			if (options) {
+				extend(obj, options);
+			}
+
+
+		// image symbols
+		} else if (imageRegex.test(symbol)) {
+
+			// On image load, set the size and position
+			centerImage = function (img, size) {
+				if (img.element) { // it may be destroyed in the meantime (#1390)
+					img.attr({
+						width: size[0],
+						height: size[1]
+					});
+
+					if (!img.alignByTranslate) { // #185
+						img.translate(
+							mathRound((width - size[0]) / 2), // #1378
+							mathRound((height - size[1]) / 2)
+						);
+					}
+				}
+			};
+
+			imageSrc = symbol.match(imageRegex)[1];
+			imageSize = symbolSizes[imageSrc];
+
+			// Ireate the image synchronously, add attribs async
+			obj = this.image(imageSrc)
+				.attr({
+					x: x,
+					y: y
+				});
+			obj.isImg = true;
+
+			if (imageSize) {
+				centerImage(obj, imageSize);
+			} else {
+				// Initialize image to be 0 size so export will still function if there's no cached sizes.
+				//
+				obj.attr({ width: 0, height: 0 });
+
+				// Create a dummy JavaScript image to get the width and height. Due to a bug in IE < 8,
+				// the created element must be assigned to a variable in order to load (#292).
+				imageElement = createElement('img', {
+					onload: function () {
+						centerImage(obj, symbolSizes[imageSrc] = [this.width, this.height]);
+					},
+					src: imageSrc
+				});
+			}
+		}
+
+		return obj;
+	},
+
+	/**
+	 * An extendable collection of functions for defining symbol paths.
+	 */
+	symbols: {
+		'circle': function (x, y, w, h) {
+			var cpw = 0.166 * w;
+			return [
+				M, x + w / 2, y,
+				'C', x + w + cpw, y, x + w + cpw, y + h, x + w / 2, y + h,
+				'C', x - cpw, y + h, x - cpw, y, x + w / 2, y,
+				'Z'
+			];
+		},
+
+		'square': function (x, y, w, h) {
+			return [
+				M, x, y,
+				L, x + w, y,
+				x + w, y + h,
+				x, y + h,
+				'Z'
+			];
+		},
+
+		'triangle': function (x, y, w, h) {
+			return [
+				M, x + w / 2, y,
+				L, x + w, y + h,
+				x, y + h,
+				'Z'
+			];
+		},
+
+		'triangle-down': function (x, y, w, h) {
+			return [
+				M, x, y,
+				L, x + w, y,
+				x + w / 2, y + h,
+				'Z'
+			];
+		},
+		'diamond': function (x, y, w, h) {
+			return [
+				M, x + w / 2, y,
+				L, x + w, y + h / 2,
+				x + w / 2, y + h,
+				x, y + h / 2,
+				'Z'
+			];
+		},
+		'arc': function (x, y, w, h, options) {
+			var start = options.start,
+				radius = options.r || w || h,
+				end = options.end - 0.001, // to prevent cos and sin of start and end from becoming equal on 360 arcs (related: #1561)
+				innerRadius = options.innerR,
+				open = options.open,
+				cosStart = mathCos(start),
+				sinStart = mathSin(start),
+				cosEnd = mathCos(end),
+				sinEnd = mathSin(end),
+				longArc = options.end - start < mathPI ? 0 : 1;
+
+			return [
+				M,
+				x + radius * cosStart,
+				y + radius * sinStart,
+				'A', // arcTo
+				radius, // x radius
+				radius, // y radius
+				0, // slanting
+				longArc, // long or short arc
+				1, // clockwise
+				x + radius * cosEnd,
+				y + radius * sinEnd,
+				open ? M : L,
+				x + innerRadius * cosEnd,
+				y + innerRadius * sinEnd,
+				'A', // arcTo
+				innerRadius, // x radius
+				innerRadius, // y radius
+				0, // slanting
+				longArc, // long or short arc
+				0, // clockwise
+				x + innerRadius * cosStart,
+				y + innerRadius * sinStart,
+
+				open ? '' : 'Z' // close
+			];
+		}
+	},
+
+	/**
+	 * Define a clipping rectangle
+	 * @param {String} id
+	 * @param {Number} x
+	 * @param {Number} y
+	 * @param {Number} width
+	 * @param {Number} height
+	 */
+	clipRect: function (x, y, width, height) {
+		var wrapper,
+			id = PREFIX + idCounter++,
+
+			clipPath = this.createElement('clipPath').attr({
+				id: id
+			}).add(this.defs);
+
+		wrapper = this.rect(x, y, width, height, 0).add(clipPath);
+		wrapper.id = id;
+		wrapper.clipPath = clipPath;
+
+		return wrapper;
+	},
+
+
+	/**
+	 * Take a color and return it if it's a string, make it a gradient if it's a
+	 * gradient configuration object. Prior to Highstock, an array was used to define
+	 * a linear gradient with pixel positions relative to the SVG. In newer versions
+	 * we change the coordinates to apply relative to the shape, using coordinates
+	 * 0-1 within the shape. To preserve backwards compatibility, linearGradient
+	 * in this definition is an object of x1, y1, x2 and y2.
+	 *
+	 * @param {Object} color The color or config object
+	 */
+	color: function (color, elem, prop) {
+		var renderer = this,
+			colorObject,
+			regexRgba = /^rgba/,
+			gradName,
+			gradAttr,
+			gradients,
+			gradientObject,
+			stops,
+			stopColor,
+			stopOpacity,
+			radialReference,
+			n,
+			id,
+			key = [];
+
+		// Apply linear or radial gradients
+		if (color && color.linearGradient) {
+			gradName = 'linearGradient';
+		} else if (color && color.radialGradient) {
+			gradName = 'radialGradient';
+		}
+
+		if (gradName) {
+			gradAttr = color[gradName];
+			gradients = renderer.gradients;
+			stops = color.stops;
+			radialReference = elem.radialReference;
+
+			// Keep < 2.2 kompatibility
+			if (isArray(gradAttr)) {
+				color[gradName] = gradAttr = {
+					x1: gradAttr[0],
+					y1: gradAttr[1],
+					x2: gradAttr[2],
+					y2: gradAttr[3],
+					gradientUnits: 'userSpaceOnUse'
+				};
+			}
+
+			// Correct the radial gradient for the radial reference system
+			if (gradName === 'radialGradient' && radialReference && !defined(gradAttr.gradientUnits)) {
+				gradAttr = merge(gradAttr, {
+					cx: (radialReference[0] - radialReference[2] / 2) + gradAttr.cx * radialReference[2],
+					cy: (radialReference[1] - radialReference[2] / 2) + gradAttr.cy * radialReference[2],
+					r: gradAttr.r * radialReference[2],
+					gradientUnits: 'userSpaceOnUse'
+				});
+			}
+
+			// Build the unique key to detect whether we need to create a new element (#1282)
+			for (n in gradAttr) {
+				if (n !== 'id') {
+					key.push(n, gradAttr[n]);
+				}
+			}
+			for (n in stops) {
+				key.push(stops[n]);
+			}
+			key = key.join(',');
+
+			// Check if a gradient object with the same config object is created within this renderer
+			if (gradients[key]) {
+				id = gradients[key].id;
+
+			} else {
+
+				// Set the id and create the element
+				gradAttr.id = id = PREFIX + idCounter++;
+				gradients[key] = gradientObject = renderer.createElement(gradName)
+					.attr(gradAttr)
+					.add(renderer.defs);
+
+
+				// The gradient needs to keep a list of stops to be able to destroy them
+				gradientObject.stops = [];
+				each(stops, function (stop) {
+					var stopObject;
+					if (regexRgba.test(stop[1])) {
+						colorObject = Color(stop[1]);
+						stopColor = colorObject.get('rgb');
+						stopOpacity = colorObject.get('a');
+					} else {
+						stopColor = stop[1];
+						stopOpacity = 1;
+					}
+					stopObject = renderer.createElement('stop').attr({
+						offset: stop[0],
+						'stop-color': stopColor,
+						'stop-opacity': stopOpacity
+					}).add(gradientObject);
+
+					// Add the stop element to the gradient
+					gradientObject.stops.push(stopObject);
+				});
+			}
+
+			// Return the reference to the gradient object
+			return 'url(' + renderer.url + '#' + id + ')';
+
+		// Webkit and Batik can't show rgba.
+		} else if (regexRgba.test(color)) {
+			colorObject = Color(color);
+			attr(elem, prop + '-opacity', colorObject.get('a'));
+
+			return colorObject.get('rgb');
+
+
+		} else {
+			// Remove the opacity attribute added above. Does not throw if the attribute is not there.
+			elem.removeAttribute(prop + '-opacity');
+
+			return color;
+		}
+
+	},
+
+
+	/**
+	 * Add text to the SVG object
+	 * @param {String} str
+	 * @param {Number} x Left position
+	 * @param {Number} y Top position
+	 * @param {Boolean} useHTML Use HTML to render the text
+	 */
+	text: function (str, x, y, useHTML) {
+
+		// declare variables
+		var renderer = this,
+			defaultChartStyle = defaultOptions.chart.style,
+			fakeSVG = useCanVG || (!hasSVG && renderer.forExport),
+			wrapper;
+
+		if (useHTML && !renderer.forExport) {
+			return renderer.html(str, x, y);
+		}
+
+		x = mathRound(pick(x, 0));
+		y = mathRound(pick(y, 0));
+
+		wrapper = renderer.createElement('text')
+			.attr({
+				x: x,
+				y: y,
+				text: str
+			})
+			.css({
+				fontFamily: defaultChartStyle.fontFamily,
+				fontSize: defaultChartStyle.fontSize
+			});
+
+		// Prevent wrapping from creating false offsetWidths in export in legacy IE (#1079, #1063)
+		if (fakeSVG) {
+			wrapper.css({
+				position: ABSOLUTE
+			});
+		}
+
+		wrapper.x = x;
+		wrapper.y = y;
+		return wrapper;
+	},
+
+
+	/**
+	 * Create HTML text node. This is used by the VML renderer as well as the SVG
+	 * renderer through the useHTML option.
+	 *
+	 * @param {String} str
+	 * @param {Number} x
+	 * @param {Number} y
+	 */
+	html: function (str, x, y) {
+		var defaultChartStyle = defaultOptions.chart.style,
+			wrapper = this.createElement('span'),
+			attrSetters = wrapper.attrSetters,
+			element = wrapper.element,
+			renderer = wrapper.renderer;
+
+		// Text setter
+		attrSetters.text = function (value) {
+			if (value !== element.innerHTML) {
+				delete this.bBox;
+			}
+			element.innerHTML = value;
+			return false;
+		};
+
+		// Various setters which rely on update transform
+		attrSetters.x = attrSetters.y = attrSetters.align = function (value, key) {
+			if (key === 'align') {
+				key = 'textAlign'; // Do not overwrite the SVGElement.align method. Same as VML.
+			}
+			wrapper[key] = value;
+			wrapper.htmlUpdateTransform();
+			return false;
+		};
+
+		// Set the default attributes
+		wrapper.attr({
+				text: str,
+				x: mathRound(x),
+				y: mathRound(y)
+			})
+			.css({
+				position: ABSOLUTE,
+				whiteSpace: 'nowrap',
+				fontFamily: defaultChartStyle.fontFamily,
+				fontSize: defaultChartStyle.fontSize
+			});
+
+		// Use the HTML specific .css method
+		wrapper.css = wrapper.htmlCss;
+
+		// This is specific for HTML within SVG
+		if (renderer.isSVG) {
+			wrapper.add = function (svgGroupWrapper) {
+
+				var htmlGroup,
+					container = renderer.box.parentNode,
+					parentGroup,
+					parents = [];
+
+				// Create a mock group to hold the HTML elements
+				if (svgGroupWrapper) {
+					htmlGroup = svgGroupWrapper.div;
+					if (!htmlGroup) {
+
+						// Read the parent chain into an array and read from top down
+						parentGroup = svgGroupWrapper;
+						while (parentGroup) {
+
+							parents.push(parentGroup);
+
+							// Move up to the next parent group
+							parentGroup = parentGroup.parentGroup;
+						}
+
+						// Ensure dynamically updating position when any parent is translated
+						each(parents.reverse(), function (parentGroup) {
+							var htmlGroupStyle;
+
+							// Create a HTML div and append it to the parent div to emulate
+							// the SVG group structure
+							htmlGroup = parentGroup.div = parentGroup.div || createElement(DIV, {
+								className: attr(parentGroup.element, 'class')
+							}, {
+								position: ABSOLUTE,
+								left: (parentGroup.translateX || 0) + PX,
+								top: (parentGroup.translateY || 0) + PX
+							}, htmlGroup || container); // the top group is appended to container
+
+							// Shortcut
+							htmlGroupStyle = htmlGroup.style;
+
+							// Set listeners to update the HTML div's position whenever the SVG group
+							// position is changed
+							extend(parentGroup.attrSetters, {
+								translateX: function (value) {
+									htmlGroupStyle.left = value + PX;
+								},
+								translateY: function (value) {
+									htmlGroupStyle.top = value + PX;
+								},
+								visibility: function (value, key) {
+									htmlGroupStyle[key] = value;
+								}
+							});
+						});
+
+					}
+				} else {
+					htmlGroup = container;
+				}
+
+				htmlGroup.appendChild(element);
+
+				// Shared with VML:
+				wrapper.added = true;
+				if (wrapper.alignOnAdd) {
+					wrapper.htmlUpdateTransform();
+				}
+
+				return wrapper;
+			};
+		}
+		return wrapper;
+	},
+
+	/**
+	 * Utility to return the baseline offset and total line height from the font size
+	 */
+	fontMetrics: function (fontSize) {
+		fontSize = pInt(fontSize || 11);
+
+		// Empirical values found by comparing font size and bounding box height.
+		// Applies to the default font family. http://jsfiddle.net/highcharts/7xvn7/
+		var lineHeight = fontSize < 24 ? fontSize + 4 : mathRound(fontSize * 1.2),
+			baseline = mathRound(lineHeight * 0.8);
+
+		return {
+			h: lineHeight,
+			b: baseline
+		};
+	},
+
+	/**
+	 * Add a label, a text item that can hold a colored or gradient background
+	 * as well as a border and shadow.
+	 * @param {string} str
+	 * @param {Number} x
+	 * @param {Number} y
+	 * @param {String} shape
+	 * @param {Number} anchorX In case the shape has a pointer, like a flag, this is the
+	 *    coordinates it should be pinned to
+	 * @param {Number} anchorY
+	 * @param {Boolean} baseline Whether to position the label relative to the text baseline,
+	 *    like renderer.text, or to the upper border of the rectangle.
+	 * @param {String} className Class name for the group
+	 */
+	label: function (str, x, y, shape, anchorX, anchorY, useHTML, baseline, className) {
+
+		var renderer = this,
+			wrapper = renderer.g(className),
+			text = renderer.text('', 0, 0, useHTML)
+				.attr({
+					zIndex: 1
+				}),
+				//.add(wrapper),
+			box,
+			bBox,
+			alignFactor = 0,
+			padding = 3,
+			paddingLeft = 0,
+			width,
+			height,
+			wrapperX,
+			wrapperY,
+			crispAdjust = 0,
+			deferredAttr = {},
+			baselineOffset,
+			attrSetters = wrapper.attrSetters,
+			needsBox;
+
+		/**
+		 * This function runs after the label is added to the DOM (when the bounding box is
+		 * available), and after the text of the label is updated to detect the new bounding
+		 * box and reflect it in the border box.
+		 */
+		function updateBoxSize() {
+			var boxX,
+				boxY,
+				style = text.element.style;
+
+			bBox = (width === undefined || height === undefined || wrapper.styles.textAlign) &&
+				text.getBBox();
+			wrapper.width = (width || bBox.width || 0) + 2 * padding + paddingLeft;
+			wrapper.height = (height || bBox.height || 0) + 2 * padding;
+
+			// update the label-scoped y offset
+			baselineOffset = padding + renderer.fontMetrics(style && style.fontSize).b;
+
+			if (needsBox) {
+
+				// create the border box if it is not already present
+				if (!box) {
+					boxX = mathRound(-alignFactor * padding);
+					boxY = baseline ? -baselineOffset : 0;
+
+					wrapper.box = box = shape ?
+						renderer.symbol(shape, boxX, boxY, wrapper.width, wrapper.height) :
+						renderer.rect(boxX, boxY, wrapper.width, wrapper.height, 0, deferredAttr[STROKE_WIDTH]);
+					box.add(wrapper);
+				}
+
+				// apply the box attributes
+				if (!box.isImg) { // #1630
+					box.attr(merge({
+						width: wrapper.width,
+						height: wrapper.height
+					}, deferredAttr));
+				}
+				deferredAttr = null;
+			}
+		}
+
+		/**
+		 * This function runs after setting text or padding, but only if padding is changed
+		 */
+		function updateTextPadding() {
+			var styles = wrapper.styles,
+				textAlign = styles && styles.textAlign,
+				x = paddingLeft + padding * (1 - alignFactor),
+				y;
+
+			// determin y based on the baseline
+			y = baseline ? 0 : baselineOffset;
+
+			// compensate for alignment
+			if (defined(width) && (textAlign === 'center' || textAlign === 'right')) {
+				x += { center: 0.5, right: 1 }[textAlign] * (width - bBox.width);
+			}
+
+			// update if anything changed
+			if (x !== text.x || y !== text.y) {
+				text.attr({
+					x: x,
+					y: y
+				});
+			}
+
+			// record current values
+			text.x = x;
+			text.y = y;
+		}
+
+		/**
+		 * Set a box attribute, or defer it if the box is not yet created
+		 * @param {Object} key
+		 * @param {Object} value
+		 */
+		function boxAttr(key, value) {
+			if (box) {
+				box.attr(key, value);
+			} else {
+				deferredAttr[key] = value;
+			}
+		}
+
+		function getSizeAfterAdd() {
+			text.add(wrapper);
+			wrapper.attr({
+				text: str, // alignment is available now
+				x: x,
+				y: y
+			});
+
+			if (box && defined(anchorX)) {
+				wrapper.attr({
+					anchorX: anchorX,
+					anchorY: anchorY
+				});
+			}
+		}
+
+		/**
+		 * After the text element is added, get the desired size of the border box
+		 * and add it before the text in the DOM.
+		 */
+		addEvent(wrapper, 'add', getSizeAfterAdd);
+
+		/*
+		 * Add specific attribute setters.
+		 */
+
+		// only change local variables
+		attrSetters.width = function (value) {
+			width = value;
+			return false;
+		};
+		attrSetters.height = function (value) {
+			height = value;
+			return false;
+		};
+		attrSetters.padding =  function (value) {
+			if (defined(value) && value !== padding) {
+				padding = value;
+				updateTextPadding();
+			}
+			return false;
+		};
+		attrSetters.paddingLeft =  function (value) {
+			if (defined(value) && value !== paddingLeft) {
+				paddingLeft = value;
+				updateTextPadding();
+			}
+			return false;
+		};
+
+
+		// change local variable and set attribue as well
+		attrSetters.align = function (value) {
+			alignFactor = { left: 0, center: 0.5, right: 1 }[value];
+			return false; // prevent setting text-anchor on the group
+		};
+
+		// apply these to the box and the text alike
+		attrSetters.text = function (value, key) {
+			text.attr(key, value);
+			updateBoxSize();
+			updateTextPadding();
+			return false;
+		};
+
+		// apply these to the box but not to the text
+		attrSetters[STROKE_WIDTH] = function (value, key) {
+			needsBox = true;
+			crispAdjust = value % 2 / 2;
+			boxAttr(key, value);
+			return false;
+		};
+		attrSetters.stroke = attrSetters.fill = attrSetters.r = function (value, key) {
+			if (key === 'fill') {
+				needsBox = true;
+			}
+			boxAttr(key, value);
+			return false;
+		};
+		attrSetters.anchorX = function (value, key) {
+			anchorX = value;
+			boxAttr(key, value + crispAdjust - wrapperX);
+			return false;
+		};
+		attrSetters.anchorY = function (value, key) {
+			anchorY = value;
+			boxAttr(key, value - wrapperY);
+			return false;
+		};
+
+		// rename attributes
+		attrSetters.x = function (value) {
+			wrapper.x = value; // for animation getter
+			value -= alignFactor * ((width || bBox.width) + padding);
+			wrapperX = mathRound(value);
+
+			wrapper.attr('translateX', wrapperX);
+			return false;
+		};
+		attrSetters.y = function (value) {
+			wrapperY = wrapper.y = mathRound(value);
+			wrapper.attr('translateY', wrapperY);
+			return false;
+		};
+
+		// Redirect certain methods to either the box or the text
+		var baseCss = wrapper.css;
+		return extend(wrapper, {
+			/**
+			 * Pick up some properties and apply them to the text instead of the wrapper
+			 */
+			css: function (styles) {
+				if (styles) {
+					var textStyles = {};
+					styles = merge(styles); // create a copy to avoid altering the original object (#537)
+					each(['fontSize', 'fontWeight', 'fontFamily', 'color', 'lineHeight', 'width', 'textDecoration', 'textShadow'], function (prop) {
+						if (styles[prop] !== UNDEFINED) {
+							textStyles[prop] = styles[prop];
+							delete styles[prop];
+						}
+					});
+					text.css(textStyles);
+				}
+				return baseCss.call(wrapper, styles);
+			},
+			/**
+			 * Return the bounding box of the box, not the group
+			 */
+			getBBox: function () {
+				return {
+					width: bBox.width + 2 * padding,
+					height: bBox.height + 2 * padding,
+					x: bBox.x - padding,
+					y: bBox.y - padding
+				};
+			},
+			/**
+			 * Apply the shadow to the box
+			 */
+			shadow: function (b) {
+				if (box) {
+					box.shadow(b);
+				}
+				return wrapper;
+			},
+			/**
+			 * Destroy and release memory.
+			 */
+			destroy: function () {
+				removeEvent(wrapper, 'add', getSizeAfterAdd);
+
+				// Added by button implementation
+				removeEvent(wrapper.element, 'mouseenter');
+				removeEvent(wrapper.element, 'mouseleave');
+
+				if (text) {
+					text = text.destroy();
+				}
+				if (box) {
+					box = box.destroy();
+				}
+				// Call base implementation to destroy the rest
+				SVGElement.prototype.destroy.call(wrapper);
+
+				// Release local pointers (#1298)
+				wrapper = renderer = updateBoxSize = updateTextPadding = boxAttr = getSizeAfterAdd = null;
+			}
+		});
+	}
+}; // end SVGRenderer
+
+
+// general renderer
+Renderer = SVGRenderer;
+
+
+/* ****************************************************************************
+ *                                                                            *
+ * START OF INTERNET EXPLORER <= 8 SPECIFIC CODE                              *
+ *                                                                            *
+ * For applications and websites that don't need IE support, like platform    *
+ * targeted mobile apps and web apps, this code can be removed.               *
+ *                                                                            *
+ *****************************************************************************/
+
+/**
+ * @constructor
+ */
+var VMLRenderer, VMLElement;
+if (!hasSVG && !useCanVG) {
+
+/**
+ * The VML element wrapper.
+ */
+Highcharts.VMLElement = VMLElement = {
+
+	/**
+	 * Initialize a new VML element wrapper. It builds the markup as a string
+	 * to minimize DOM traffic.
+	 * @param {Object} renderer
+	 * @param {Object} nodeName
+	 */
+	init: function (renderer, nodeName) {
+		var wrapper = this,
+			markup =  ['<', nodeName, ' filled="f" stroked="f"'],
+			style = ['position: ', ABSOLUTE, ';'],
+			isDiv = nodeName === DIV;
+
+		// divs and shapes need size
+		if (nodeName === 'shape' || isDiv) {
+			style.push('left:0;top:0;width:1px;height:1px;');
+		}
+		style.push('visibility: ', isDiv ? HIDDEN : VISIBLE);
+
+		markup.push(' style="', style.join(''), '"/>');
+
+		// create element with default attributes and style
+		if (nodeName) {
+			markup = isDiv || nodeName === 'span' || nodeName === 'img' ?
+				markup.join('')
+				: renderer.prepVML(markup);
+			wrapper.element = createElement(markup);
+		}
+
+		wrapper.renderer = renderer;
+		wrapper.attrSetters = {};
+	},
+
+	/**
+	 * Add the node to the given parent
+	 * @param {Object} parent
+	 */
+	add: function (parent) {
+		var wrapper = this,
+			renderer = wrapper.renderer,
+			element = wrapper.element,
+			box = renderer.box,
+			inverted = parent && parent.inverted,
+
+			// get the parent node
+			parentNode = parent ?
+				parent.element || parent :
+				box;
+
+
+		// if the parent group is inverted, apply inversion on all children
+		if (inverted) { // only on groups
+			renderer.invertChild(element, parentNode);
+		}
+
+		// append it
+		parentNode.appendChild(element);
+
+		// align text after adding to be able to read offset
+		wrapper.added = true;
+		if (wrapper.alignOnAdd && !wrapper.deferUpdateTransform) {
+			wrapper.updateTransform();
+		}
+
+		// fire an event for internal hooks
+		fireEvent(wrapper, 'add');
+
+		return wrapper;
+	},
+
+	/**
+	 * VML always uses htmlUpdateTransform
+	 */
+	updateTransform: SVGElement.prototype.htmlUpdateTransform,
+
+	/**
+	 * Set the rotation of a span with oldIE's filter
+	 */
+	setSpanRotation: function (rotation, sintheta, costheta) {
+		// Adjust for alignment and rotation. Rotation of useHTML content is not yet implemented
+		// but it can probably be implemented for Firefox 3.5+ on user request. FF3.5+
+		// has support for CSS3 transform. The getBBox method also needs to be updated
+		// to compensate for the rotation, like it currently does for SVG.
+		// Test case: http://highcharts.com/tests/?file=text-rotation
+		css(this.element, {
+			filter: rotation ? ['progid:DXImageTransform.Microsoft.Matrix(M11=', costheta,
+				', M12=', -sintheta, ', M21=', sintheta, ', M22=', costheta,
+				', sizingMethod=\'auto expand\')'].join('') : NONE
+		});
+	},
+
+	/**
+	 * Converts a subset of an SVG path definition to its VML counterpart. Takes an array
+	 * as the parameter and returns a string.
+	 */
+	pathToVML: function (value) {
+		// convert paths
+		var i = value.length,
+			path = [],
+			clockwise;
+
+		while (i--) {
+
+			// Multiply by 10 to allow subpixel precision.
+			// Substracting half a pixel seems to make the coordinates
+			// align with SVG, but this hasn't been tested thoroughly
+			if (isNumber(value[i])) {
+				path[i] = mathRound(value[i] * 10) - 5;
+			} else if (value[i] === 'Z') { // close the path
+				path[i] = 'x';
+			} else {
+				path[i] = value[i];
+
+				// When the start X and end X coordinates of an arc are too close,
+				// they are rounded to the same value above. In this case, substract 1 from the end X
+				// position. #760, #1371.
+				if (value.isArc && (value[i] === 'wa' || value[i] === 'at')) {
+					clockwise = value[i] === 'wa' ? 1 : -1; // #1642
+					if (path[i + 5] === path[i + 7]) {
+						path[i + 7] -= clockwise;
+					}
+					// Start and end Y (#1410)
+					if (path[i + 6] === path[i + 8]) {
+						path[i + 8] -= clockwise;
+					}
+				}
+			}
+		}
+		// Loop up again to handle path shortcuts (#2132)
+		/*while (i++ < path.length) {
+			if (path[i] === 'H') { // horizontal line to
+				path[i] = 'L';
+				path.splice(i + 2, 0, path[i - 1]);
+			} else if (path[i] === 'V') { // vertical line to
+				path[i] = 'L';
+				path.splice(i + 1, 0, path[i - 2]);
+			}
+		}*/
+		return path.join(' ') || 'x';
+	},
+
+	/**
+	 * Get or set attributes
+	 */
+	attr: function (hash, val) {
+		var wrapper = this,
+			key,
+			value,
+			i,
+			result,
+			element = wrapper.element || {},
+			elemStyle = element.style,
+			nodeName = element.nodeName,
+			renderer = wrapper.renderer,
+			symbolName = wrapper.symbolName,
+			hasSetSymbolSize,
+			shadows = wrapper.shadows,
+			skipAttr,
+			attrSetters = wrapper.attrSetters,
+			ret = wrapper;
+
+		// single key-value pair
+		if (isString(hash) && defined(val)) {
+			key = hash;
+			hash = {};
+			hash[key] = val;
+		}
+
+		// used as a getter, val is undefined
+		if (isString(hash)) {
+			key = hash;
+			if (key === 'strokeWidth' || key === 'stroke-width') {
+				ret = wrapper.strokeweight;
+			} else {
+				ret = wrapper[key];
+			}
+
+		// setter
+		} else {
+			for (key in hash) {
+				value = hash[key];
+				skipAttr = false;
+
+				// check for a specific attribute setter
+				result = attrSetters[key] && attrSetters[key].call(wrapper, value, key);
+
+				if (result !== false && value !== null) { // #620
+
+					if (result !== UNDEFINED) {
+						value = result; // the attribute setter has returned a new value to set
+					}
+
+
+					// prepare paths
+					// symbols
+					if (symbolName && /^(x|y|r|start|end|width|height|innerR|anchorX|anchorY)/.test(key)) {
+						// if one of the symbol size affecting parameters are changed,
+						// check all the others only once for each call to an element's
+						// .attr() method
+						if (!hasSetSymbolSize) {
+							wrapper.symbolAttr(hash);
+
+							hasSetSymbolSize = true;
+						}
+						skipAttr = true;
+
+					} else if (key === 'd') {
+						value = value || [];
+						wrapper.d = value.join(' '); // used in getter for animation
+
+						element.path = value = wrapper.pathToVML(value);
+
+						// update shadows
+						if (shadows) {
+							i = shadows.length;
+							while (i--) {
+								shadows[i].path = shadows[i].cutOff ? this.cutOffPath(value, shadows[i].cutOff) : value;
+							}
+						}
+						skipAttr = true;
+
+					// handle visibility
+					} else if (key === 'visibility') {
+
+						// let the shadow follow the main element
+						if (shadows) {
+							i = shadows.length;
+							while (i--) {
+								shadows[i].style[key] = value;
+							}
+						}
+
+						// Instead of toggling the visibility CSS property, move the div out of the viewport.
+						// This works around #61 and #586
+						if (nodeName === 'DIV') {
+							value = value === HIDDEN ? '-999em' : 0;
+
+							// In order to redraw, IE7 needs the div to be visible when tucked away
+							// outside the viewport. So the visibility is actually opposite of
+							// the expected value. This applies to the tooltip only.
+							if (!docMode8) {
+								elemStyle[key] = value ? VISIBLE : HIDDEN;
+							}
+							key = 'top';
+						}
+						elemStyle[key] = value;
+						skipAttr = true;
+
+					// directly mapped to css
+					} else if (key === 'zIndex') {
+
+						if (value) {
+							elemStyle[key] = value;
+						}
+						skipAttr = true;
+
+					// x, y, width, height
+					} else if (inArray(key, ['x', 'y', 'width', 'height']) !== -1) {
+
+						wrapper[key] = value; // used in getter
+
+						if (key === 'x' || key === 'y') {
+							key = { x: 'left', y: 'top' }[key];
+						} else {
+							value = mathMax(0, value); // don't set width or height below zero (#311)
+						}
+
+						// clipping rectangle special
+						if (wrapper.updateClipping) {
+							wrapper[key] = value; // the key is now 'left' or 'top' for 'x' and 'y'
+							wrapper.updateClipping();
+						} else {
+							// normal
+							elemStyle[key] = value;
+						}
+
+						skipAttr = true;
+
+					// class name
+					} else if (key === 'class' && nodeName === 'DIV') {
+						// IE8 Standards mode has problems retrieving the className
+						element.className = value;
+
+					// stroke
+					} else if (key === 'stroke') {
+
+						value = renderer.color(value, element, key);
+
+						key = 'strokecolor';
+
+					// stroke width
+					} else if (key === 'stroke-width' || key === 'strokeWidth') {
+						element.stroked = value ? true : false;
+						key = 'strokeweight';
+						wrapper[key] = value; // used in getter, issue #113
+						if (isNumber(value)) {
+							value += PX;
+						}
+
+					// dashStyle
+					} else if (key === 'dashstyle') {
+						var strokeElem = element.getElementsByTagName('stroke')[0] ||
+							createElement(renderer.prepVML(['<stroke/>']), null, null, element);
+						strokeElem[key] = value || 'solid';
+						wrapper.dashstyle = value; /* because changing stroke-width will change the dash length
+							and cause an epileptic effect */
+						skipAttr = true;
+
+					// fill
+					} else if (key === 'fill') {
+
+						if (nodeName === 'SPAN') { // text color
+							elemStyle.color = value;
+						} else if (nodeName !== 'IMG') { // #1336
+							element.filled = value !== NONE ? true : false;
+
+							value = renderer.color(value, element, key, wrapper);
+
+							key = 'fillcolor';
+						}
+
+					// opacity: don't bother - animation is too slow and filters introduce artifacts
+					} else if (key === 'opacity') {
+						/*css(element, {
+							opacity: value
+						});*/
+						skipAttr = true;
+
+					// rotation on VML elements
+					} else if (nodeName === 'shape' && key === 'rotation') {
+
+						wrapper[key] = element.style[key] = value; // style is for #1873
+
+						// Correction for the 1x1 size of the shape container. Used in gauge needles.
+						element.style.left = -mathRound(mathSin(value * deg2rad) + 1) + PX;
+						element.style.top = mathRound(mathCos(value * deg2rad)) + PX;
+
+					// translation for animation
+					} else if (key === 'translateX' || key === 'translateY' || key === 'rotation') {
+						wrapper[key] = value;
+						wrapper.updateTransform();
+
+						skipAttr = true;
+
+					// text for rotated and non-rotated elements
+					} else if (key === 'text') {
+						this.bBox = null;
+						element.innerHTML = value;
+						skipAttr = true;
+					}
+
+
+					if (!skipAttr) {
+						if (docMode8) { // IE8 setAttribute bug
+							element[key] = value;
+						} else {
+							attr(element, key, value);
+						}
+					}
+
+				}
+			}
+		}
+		return ret;
+	},
+
+	/**
+	 * Set the element's clipping to a predefined rectangle
+	 *
+	 * @param {String} id The id of the clip rectangle
+	 */
+	clip: function (clipRect) {
+		var wrapper = this,
+			clipMembers,
+			cssRet;
+
+		if (clipRect) {
+			clipMembers = clipRect.members;
+			erase(clipMembers, wrapper); // Ensure unique list of elements (#1258)
+			clipMembers.push(wrapper);
+			wrapper.destroyClip = function () {
+				erase(clipMembers, wrapper);
+			};
+			cssRet = clipRect.getCSS(wrapper);
+
+		} else {
+			if (wrapper.destroyClip) {
+				wrapper.destroyClip();
+			}
+			cssRet = { clip: docMode8 ? 'inherit' : 'rect(auto)' }; // #1214
+		}
+
+		return wrapper.css(cssRet);
+
+	},
+
+	/**
+	 * Set styles for the element
+	 * @param {Object} styles
+	 */
+	css: SVGElement.prototype.htmlCss,
+
+	/**
+	 * Removes a child either by removeChild or move to garbageBin.
+	 * Issue 490; in VML removeChild results in Orphaned nodes according to sIEve, discardElement does not.
+	 */
+	safeRemoveChild: function (element) {
+		// discardElement will detach the node from its parent before attaching it
+		// to the garbage bin. Therefore it is important that the node is attached and have parent.
+		if (element.parentNode) {
+			discardElement(element);
+		}
+	},
+
+	/**
+	 * Extend element.destroy by removing it from the clip members array
+	 */
+	destroy: function () {
+		if (this.destroyClip) {
+			this.destroyClip();
+		}
+
+		return SVGElement.prototype.destroy.apply(this);
+	},
+
+	/**
+	 * Add an event listener. VML override for normalizing event parameters.
+	 * @param {String} eventType
+	 * @param {Function} handler
+	 */
+	on: function (eventType, handler) {
+		// simplest possible event model for internal use
+		this.element['on' + eventType] = function () {
+			var evt = win.event;
+			evt.target = evt.srcElement;
+			handler(evt);
+		};
+		return this;
+	},
+
+	/**
+	 * In stacked columns, cut off the shadows so that they don't overlap
+	 */
+	cutOffPath: function (path, length) {
+
+		var len;
+
+		path = path.split(/[ ,]/);
+		len = path.length;
+
+		if (len === 9 || len === 11) {
+			path[len - 4] = path[len - 2] = pInt(path[len - 2]) - 10 * length;
+		}
+		return path.join(' ');
+	},
+
+	/**
+	 * Apply a drop shadow by copying elements and giving them different strokes
+	 * @param {Boolean|Object} shadowOptions
+	 */
+	shadow: function (shadowOptions, group, cutOff) {
+		var shadows = [],
+			i,
+			element = this.element,
+			renderer = this.renderer,
+			shadow,
+			elemStyle = element.style,
+			markup,
+			path = element.path,
+			strokeWidth,
+			modifiedPath,
+			shadowWidth,
+			shadowElementOpacity;
+
+		// some times empty paths are not strings
+		if (path && typeof path.value !== 'string') {
+			path = 'x';
+		}
+		modifiedPath = path;
+
+		if (shadowOptions) {
+			shadowWidth = pick(shadowOptions.width, 3);
+			shadowElementOpacity = (shadowOptions.opacity || 0.15) / shadowWidth;
+			for (i = 1; i <= 3; i++) {
+
+				strokeWidth = (shadowWidth * 2) + 1 - (2 * i);
+
+				// Cut off shadows for stacked column items
+				if (cutOff) {
+					modifiedPath = this.cutOffPath(path.value, strokeWidth + 0.5);
+				}
+
+				markup = ['<shape isShadow="true" strokeweight="', strokeWidth,
+					'" filled="false" path="', modifiedPath,
+					'" coordsize="10 10" style="', element.style.cssText, '" />'];
+
+				shadow = createElement(renderer.prepVML(markup),
+					null, {
+						left: pInt(elemStyle.left) + pick(shadowOptions.offsetX, 1),
+						top: pInt(elemStyle.top) + pick(shadowOptions.offsetY, 1)
+					}
+				);
+				if (cutOff) {
+					shadow.cutOff = strokeWidth + 1;
+				}
+
+				// apply the opacity
+				markup = ['<stroke color="', shadowOptions.color || 'black', '" opacity="', shadowElementOpacity * i, '"/>'];
+				createElement(renderer.prepVML(markup), null, null, shadow);
+
+
+				// insert it
+				if (group) {
+					group.element.appendChild(shadow);
+				} else {
+					element.parentNode.insertBefore(shadow, element);
+				}
+
+				// record it
+				shadows.push(shadow);
+
+			}
+
+			this.shadows = shadows;
+		}
+		return this;
+
+	}
+};
+VMLElement = extendClass(SVGElement, VMLElement);
+
+/**
+ * The VML renderer
+ */
+var VMLRendererExtension = { // inherit SVGRenderer
+
+	Element: VMLElement,
+	isIE8: userAgent.indexOf('MSIE 8.0') > -1,
+
+
+	/**
+	 * Initialize the VMLRenderer
+	 * @param {Object} container
+	 * @param {Number} width
+	 * @param {Number} height
+	 */
+	init: function (container, width, height) {
+		var renderer = this,
+			boxWrapper,
+			box;
+
+		renderer.alignedObjects = [];
+
+		boxWrapper = renderer.createElement(DIV);
+		box = boxWrapper.element;
+		box.style.position = RELATIVE; // for freeform drawing using renderer directly
+		container.appendChild(boxWrapper.element);
+
+
+		// generate the containing box
+		renderer.isVML = true;
+		renderer.box = box;
+		renderer.boxWrapper = boxWrapper;
+
+
+		renderer.setSize(width, height, false);
+
+		// The only way to make IE6 and IE7 print is to use a global namespace. However,
+		// with IE8 the only way to make the dynamic shapes visible in screen and print mode
+		// seems to be to add the xmlns attribute and the behaviour style inline.
+		if (!doc.namespaces.hcv) {
+
+			doc.namespaces.add('hcv', 'urn:schemas-microsoft-com:vml');
+
+			// Setup default CSS (#2153)
+			(doc.styleSheets.length ? doc.styleSheets[0] : doc.createStyleSheet()).cssText +=
+				'hcv\\:fill, hcv\\:path, hcv\\:shape, hcv\\:stroke' +
+				'{ behavior:url(#default#VML); display: inline-block; } ';
+
+		}
+	},
+
+
+	/**
+	 * Detect whether the renderer is hidden. This happens when one of the parent elements
+	 * has display: none
+	 */
+	isHidden: function () {
+		return !this.box.offsetWidth;
+	},
+
+	/**
+	 * Define a clipping rectangle. In VML it is accomplished by storing the values
+	 * for setting the CSS style to all associated members.
+	 *
+	 * @param {Number} x
+	 * @param {Number} y
+	 * @param {Number} width
+	 * @param {Number} height
+	 */
+	clipRect: function (x, y, width, height) {
+
+		// create a dummy element
+		var clipRect = this.createElement(),
+			isObj = isObject(x);
+
+		// mimic a rectangle with its style object for automatic updating in attr
+		return extend(clipRect, {
+			members: [],
+			left: (isObj ? x.x : x) + 1,
+			top: (isObj ? x.y : y) + 1,
+			width: (isObj ? x.width : width) - 1,
+			height: (isObj ? x.height : height) - 1,
+			getCSS: function (wrapper) {
+				var element = wrapper.element,
+					nodeName = element.nodeName,
+					isShape = nodeName === 'shape',
+					inverted = wrapper.inverted,
+					rect = this,
+					top = rect.top - (isShape ? element.offsetTop : 0),
+					left = rect.left,
+					right = left + rect.width,
+					bottom = top + rect.height,
+					ret = {
+						clip: 'rect(' +
+							mathRound(inverted ? left : top) + 'px,' +
+							mathRound(inverted ? bottom : right) + 'px,' +
+							mathRound(inverted ? right : bottom) + 'px,' +
+							mathRound(inverted ? top : left) + 'px)'
+					};
+
+				// issue 74 workaround
+				if (!inverted && docMode8 && nodeName === 'DIV') {
+					extend(ret, {
+						width: right + PX,
+						height: bottom + PX
+					});
+				}
+				return ret;
+			},
+
+			// used in attr and animation to update the clipping of all members
+			updateClipping: function () {
+				each(clipRect.members, function (member) {
+					member.css(clipRect.getCSS(member));
+				});
+			}
+		});
+
+	},
+
+
+	/**
+	 * Take a color and return it if it's a string, make it a gradient if it's a
+	 * gradient configuration object, and apply opacity.
+	 *
+	 * @param {Object} color The color or config object
+	 */
+	color: function (color, elem, prop, wrapper) {
+		var renderer = this,
+			colorObject,
+			regexRgba = /^rgba/,
+			markup,
+			fillType,
+			ret = NONE;
+
+		// Check for linear or radial gradient
+		if (color && color.linearGradient) {
+			fillType = 'gradient';
+		} else if (color && color.radialGradient) {
+			fillType = 'pattern';
+		}
+
+
+		if (fillType) {
+
+			var stopColor,
+				stopOpacity,
+				gradient = color.linearGradient || color.radialGradient,
+				x1,
+				y1,
+				x2,
+				y2,
+				opacity1,
+				opacity2,
+				color1,
+				color2,
+				fillAttr = '',
+				stops = color.stops,
+				firstStop,
+				lastStop,
+				colors = [],
+				addFillNode = function () {
+					// Add the fill subnode. When colors attribute is used, the meanings of opacity and o:opacity2
+					// are reversed.
+					markup = ['<fill colors="' + colors.join(',') + '" opacity="', opacity2, '" o:opacity2="', opacity1,
+						'" type="', fillType, '" ', fillAttr, 'focus="100%" method="any" />'];
+					createElement(renderer.prepVML(markup), null, null, elem);
+				};
+
+			// Extend from 0 to 1
+			firstStop = stops[0];
+			lastStop = stops[stops.length - 1];
+			if (firstStop[0] > 0) {
+				stops.unshift([
+					0,
+					firstStop[1]
+				]);
+			}
+			if (lastStop[0] < 1) {
+				stops.push([
+					1,
+					lastStop[1]
+				]);
+			}
+
+			// Compute the stops
+			each(stops, function (stop, i) {
+				if (regexRgba.test(stop[1])) {
+					colorObject = Color(stop[1]);
+					stopColor = colorObject.get('rgb');
+					stopOpacity = colorObject.get('a');
+				} else {
+					stopColor = stop[1];
+					stopOpacity = 1;
+				}
+
+				// Build the color attribute
+				colors.push((stop[0] * 100) + '% ' + stopColor);
+
+				// Only start and end opacities are allowed, so we use the first and the last
+				if (!i) {
+					opacity1 = stopOpacity;
+					color2 = stopColor;
+				} else {
+					opacity2 = stopOpacity;
+					color1 = stopColor;
+				}
+			});
+
+			// Apply the gradient to fills only.
+			if (prop === 'fill') {
+
+				// Handle linear gradient angle
+				if (fillType === 'gradient') {
+					x1 = gradient.x1 || gradient[0] || 0;
+					y1 = gradient.y1 || gradient[1] || 0;
+					x2 = gradient.x2 || gradient[2] || 0;
+					y2 = gradient.y2 || gradient[3] || 0;
+					fillAttr = 'angle="' + (90  - math.atan(
+						(y2 - y1) / // y vector
+						(x2 - x1) // x vector
+						) * 180 / mathPI) + '"';
+
+					addFillNode();
+
+				// Radial (circular) gradient
+				} else {
+
+					var r = gradient.r,
+						sizex = r * 2,
+						sizey = r * 2,
+						cx = gradient.cx,
+						cy = gradient.cy,
+						radialReference = elem.radialReference,
+						bBox,
+						applyRadialGradient = function () {
+							if (radialReference) {
+								bBox = wrapper.getBBox();
+								cx += (radialReference[0] - bBox.x) / bBox.width - 0.5;
+								cy += (radialReference[1] - bBox.y) / bBox.height - 0.5;
+								sizex *= radialReference[2] / bBox.width;
+								sizey *= radialReference[2] / bBox.height;
+							}
+							fillAttr = 'src="' + defaultOptions.global.VMLRadialGradientURL + '" ' +
+								'size="' + sizex + ',' + sizey + '" ' +
+								'origin="0.5,0.5" ' +
+								'position="' + cx + ',' + cy + '" ' +
+								'color2="' + color2 + '" ';
+
+							addFillNode();
+						};
+
+					// Apply radial gradient
+					if (wrapper.added) {
+						applyRadialGradient();
+					} else {
+						// We need to know the bounding box to get the size and position right
+						addEvent(wrapper, 'add', applyRadialGradient);
+					}
+
+					// The fill element's color attribute is broken in IE8 standards mode, so we
+					// need to set the parent shape's fillcolor attribute instead.
+					ret = color1;
+				}
+
+			// Gradients are not supported for VML stroke, return the first color. #722.
+			} else {
+				ret = stopColor;
+			}
+
+		// if the color is an rgba color, split it and add a fill node
+		// to hold the opacity component
+		} else if (regexRgba.test(color) && elem.tagName !== 'IMG') {
+
+			colorObject = Color(color);
+
+			markup = ['<', prop, ' opacity="', colorObject.get('a'), '"/>'];
+			createElement(this.prepVML(markup), null, null, elem);
+
+			ret = colorObject.get('rgb');
+
+
+		} else {
+			var propNodes = elem.getElementsByTagName(prop); // 'stroke' or 'fill' node
+			if (propNodes.length) {
+				propNodes[0].opacity = 1;
+				propNodes[0].type = 'solid';
+			}
+			ret = color;
+		}
+
+		return ret;
+	},
+
+	/**
+	 * Take a VML string and prepare it for either IE8 or IE6/IE7.
+	 * @param {Array} markup A string array of the VML markup to prepare
+	 */
+	prepVML: function (markup) {
+		var vmlStyle = 'display:inline-block;behavior:url(#default#VML);',
+			isIE8 = this.isIE8;
+
+		markup = markup.join('');
+
+		if (isIE8) { // add xmlns and style inline
+			markup = markup.replace('/>', ' xmlns="urn:schemas-microsoft-com:vml" />');
+			if (markup.indexOf('style="') === -1) {
+				markup = markup.replace('/>', ' style="' + vmlStyle + '" />');
+			} else {
+				markup = markup.replace('style="', 'style="' + vmlStyle);
+			}
+
+		} else { // add namespace
+			markup = markup.replace('<', '<hcv:');
+		}
+
+		return markup;
+	},
+
+	/**
+	 * Create rotated and aligned text
+	 * @param {String} str
+	 * @param {Number} x
+	 * @param {Number} y
+	 */
+	text: SVGRenderer.prototype.html,
+
+	/**
+	 * Create and return a path element
+	 * @param {Array} path
+	 */
+	path: function (path) {
+		var attr = {
+			// subpixel precision down to 0.1 (width and height = 1px)
+			coordsize: '10 10'
+		};
+		if (isArray(path)) {
+			attr.d = path;
+		} else if (isObject(path)) { // attributes
+			extend(attr, path);
+		}
+		// create the shape
+		return this.createElement('shape').attr(attr);
+	},
+
+	/**
+	 * Create and return a circle element. In VML circles are implemented as
+	 * shapes, which is faster than v:oval
+	 * @param {Number} x
+	 * @param {Number} y
+	 * @param {Number} r
+	 */
+	circle: function (x, y, r) {
+		var circle = this.symbol('circle');
+		if (isObject(x)) {
+			r = x.r;
+			y = x.y;
+			x = x.x;
+		}
+		circle.isCircle = true; // Causes x and y to mean center (#1682)
+		circle.r = r;
+		return circle.attr({ x: x, y: y });
+	},
+
+	/**
+	 * Create a group using an outer div and an inner v:group to allow rotating
+	 * and flipping. A simple v:group would have problems with positioning
+	 * child HTML elements and CSS clip.
+	 *
+	 * @param {String} name The name of the group
+	 */
+	g: function (name) {
+		var wrapper,
+			attribs;
+
+		// set the class name
+		if (name) {
+			attribs = { 'className': PREFIX + name, 'class': PREFIX + name };
+		}
+
+		// the div to hold HTML and clipping
+		wrapper = this.createElement(DIV).attr(attribs);
+
+		return wrapper;
+	},
+
+	/**
+	 * VML override to create a regular HTML image
+	 * @param {String} src
+	 * @param {Number} x
+	 * @param {Number} y
+	 * @param {Number} width
+	 * @param {Number} height
+	 */
+	image: function (src, x, y, width, height) {
+		var obj = this.createElement('img')
+			.attr({ src: src });
+
+		if (arguments.length > 1) {
+			obj.attr({
+				x: x,
+				y: y,
+				width: width,
+				height: height
+			});
+		}
+		return obj;
+	},
+
+	/**
+	 * VML uses a shape for rect to overcome bugs and rotation problems
+	 */
+	rect: function (x, y, width, height, r, strokeWidth) {
+
+		var wrapper = this.symbol('rect');
+		wrapper.r = isObject(x) ? x.r : r;
+
+		//return wrapper.attr(wrapper.crisp(strokeWidth, x, y, mathMax(width, 0), mathMax(height, 0)));
+		return wrapper.attr(
+				isObject(x) ?
+					x :
+					// do not crispify when an object is passed in (as in column charts)
+					wrapper.crisp(strokeWidth, x, y, mathMax(width, 0), mathMax(height, 0))
+			);
+	},
+
+	/**
+	 * In the VML renderer, each child of an inverted div (group) is inverted
+	 * @param {Object} element
+	 * @param {Object} parentNode
+	 */
+	invertChild: function (element, parentNode) {
+		var parentStyle = parentNode.style;
+		css(element, {
+			flip: 'x',
+			left: pInt(parentStyle.width) - 1,
+			top: pInt(parentStyle.height) - 1,
+			rotation: -90
+		});
+	},
+
+	/**
+	 * Symbol definitions that override the parent SVG renderer's symbols
+	 *
+	 */
+	symbols: {
+		// VML specific arc function
+		arc: function (x, y, w, h, options) {
+			var start = options.start,
+				end = options.end,
+				radius = options.r || w || h,
+				innerRadius = options.innerR,
+				cosStart = mathCos(start),
+				sinStart = mathSin(start),
+				cosEnd = mathCos(end),
+				sinEnd = mathSin(end),
+				ret;
+
+			if (end - start === 0) { // no angle, don't show it.
+				return ['x'];
+			}
+
+			ret = [
+				'wa', // clockwise arc to
+				x - radius, // left
+				y - radius, // top
+				x + radius, // right
+				y + radius, // bottom
+				x + radius * cosStart, // start x
+				y + radius * sinStart, // start y
+				x + radius * cosEnd, // end x
+				y + radius * sinEnd  // end y
+			];
+
+			if (options.open && !innerRadius) {
+				ret.push(
+					'e',
+					M,
+					x,// - innerRadius,
+					y// - innerRadius
+				);
+			}
+
+			ret.push(
+				'at', // anti clockwise arc to
+				x - innerRadius, // left
+				y - innerRadius, // top
+				x + innerRadius, // right
+				y + innerRadius, // bottom
+				x + innerRadius * cosEnd, // start x
+				y + innerRadius * sinEnd, // start y
+				x + innerRadius * cosStart, // end x
+				y + innerRadius * sinStart, // end y
+				'x', // finish path
+				'e' // close
+			);
+
+			ret.isArc = true;
+			return ret;
+
+		},
+		// Add circle symbol path. This performs significantly faster than v:oval.
+		circle: function (x, y, w, h, wrapper) {
+
+			if (wrapper) {
+				w = h = 2 * wrapper.r;
+			}
+
+			// Center correction, #1682
+			if (wrapper && wrapper.isCircle) {
+				x -= w / 2;
+				y -= h / 2;
+			}
+
+			// Return the path
+			return [
+				'wa', // clockwisearcto
+				x, // left
+				y, // top
+				x + w, // right
+				y + h, // bottom
+				x + w, // start x
+				y + h / 2,     // start y
+				x + w, // end x
+				y + h / 2,     // end y
+				//'x', // finish path
+				'e' // close
+			];
+		},
+		/**
+		 * Add rectangle symbol path which eases rotation and omits arcsize problems
+		 * compared to the built-in VML roundrect shape
+		 *
+		 * @param {Number} left Left position
+		 * @param {Number} top Top position
+		 * @param {Number} r Border radius
+		 * @param {Object} options Width and height
+		 */
+
+		rect: function (left, top, width, height, options) {
+
+			var right = left + width,
+				bottom = top + height,
+				ret,
+				r;
+
+			// No radius, return the more lightweight square
+			if (!defined(options) || !options.r) {
+				ret = SVGRenderer.prototype.symbols.square.apply(0, arguments);
+
+			// Has radius add arcs for the corners
+			} else {
+
+				r = mathMin(options.r, width, height);
+				ret = [
+					M,
+					left + r, top,
+
+					L,
+					right - r, top,
+					'wa',
+					right - 2 * r, top,
+					right, top + 2 * r,
+					right - r, top,
+					right, top + r,
+
+					L,
+					right, bottom - r,
+					'wa',
+					right - 2 * r, bottom - 2 * r,
+					right, bottom,
+					right, bottom - r,
+					right - r, bottom,
+
+					L,
+					left + r, bottom,
+					'wa',
+					left, bottom - 2 * r,
+					left + 2 * r, bottom,
+					left + r, bottom,
+					left, bottom - r,
+
+					L,
+					left, top + r,
+					'wa',
+					left, top,
+					left + 2 * r, top + 2 * r,
+					left, top + r,
+					left + r, top,
+
+
+					'x',
+					'e'
+				];
+			}
+			return ret;
+		}
+	}
+};
+Highcharts.VMLRenderer = VMLRenderer = function () {
+	this.init.apply(this, arguments);
+};
+VMLRenderer.prototype = merge(SVGRenderer.prototype, VMLRendererExtension);
+
+	// general renderer
+	Renderer = VMLRenderer;
+}
+
+/* ****************************************************************************
+ *                                                                            *
+ * END OF INTERNET EXPLORER <= 8 SPECIFIC CODE                                *
+ *                                                                            *
+ *****************************************************************************/
+/* ****************************************************************************
+ *                                                                            *
+ * START OF ANDROID < 3 SPECIFIC CODE. THIS CAN BE REMOVED IF YOU'RE NOT      *
+ * TARGETING THAT SYSTEM.                                                     *
+ *                                                                            *
+ *****************************************************************************/
+var CanVGRenderer,
+	CanVGController;
+
+if (useCanVG) {
+	/**
+	 * The CanVGRenderer is empty from start to keep the source footprint small.
+	 * When requested, the CanVGController downloads the rest of the source packaged
+	 * together with the canvg library.
+	 */
+	Highcharts.CanVGRenderer = CanVGRenderer = function () {
+		// Override the global SVG namespace to fake SVG/HTML that accepts CSS
+		SVG_NS = 'http://www.w3.org/1999/xhtml';
+	};
+
+	/**
+	 * Start with an empty symbols object. This is needed when exporting is used (exporting.src.js will add a few symbols), but 
+	 * the implementation from SvgRenderer will not be merged in until first render.
+	 */
+	CanVGRenderer.prototype.symbols = {};
+
+	/**
+	 * Handles on demand download of canvg rendering support.
+	 */
+	CanVGController = (function () {
+		// List of renderering calls
+		var deferredRenderCalls = [];
+
+		/**
+		 * When downloaded, we are ready to draw deferred charts.
+		 */
+		function drawDeferred() {
+			var callLength = deferredRenderCalls.length,
+				callIndex;
+
+			// Draw all pending render calls
+			for (callIndex = 0; callIndex < callLength; callIndex++) {
+				deferredRenderCalls[callIndex]();
+			}
+			// Clear the list
+			deferredRenderCalls = [];
+		}
+
+		return {
+			push: function (func, scriptLocation) {
+				// Only get the script once
+				if (deferredRenderCalls.length === 0) {
+					getScript(scriptLocation, drawDeferred);
+				}
+				// Register render call
+				deferredRenderCalls.push(func);
+			}
+		};
+	}());
+
+	Renderer = CanVGRenderer;
+} // end CanVGRenderer
+
+/* ****************************************************************************
+ *                                                                            *
+ * END OF ANDROID < 3 SPECIFIC CODE                                           *
+ *                                                                            *
+ *****************************************************************************/
+
+/**
+ * The Tick class
+ */
+function Tick(axis, pos, type, noLabel) {
+	this.axis = axis;
+	this.pos = pos;
+	this.type = type || '';
+	this.isNew = true;
+
+	if (!type && !noLabel) {
+		this.addLabel();
+	}
+}
+
+Tick.prototype = {
+	/**
+	 * Write the tick label
+	 */
+	addLabel: function () {
+		var tick = this,
+			axis = tick.axis,
+			options = axis.options,
+			chart = axis.chart,
+			horiz = axis.horiz,
+			categories = axis.categories,
+			names = axis.series[0] && axis.series[0].names,
+			pos = tick.pos,
+			labelOptions = options.labels,
+			str,
+			tickPositions = axis.tickPositions,
+			width = (horiz && categories &&
+				!labelOptions.step && !labelOptions.staggerLines &&
+				!labelOptions.rotation &&
+				chart.plotWidth / tickPositions.length) ||
+				(!horiz && (chart.margin[3] || chart.chartWidth * 0.33)), // #1580, #1931
+			isFirst = pos === tickPositions[0],
+			isLast = pos === tickPositions[tickPositions.length - 1],
+			css,
+			attr,
+			value = categories ?
+				pick(categories[pos], names && names[pos], pos) : 
+				pos,
+			label = tick.label,
+			tickPositionInfo = tickPositions.info,
+			dateTimeLabelFormat;
+
+		// Set the datetime label format. If a higher rank is set for this position, use that. If not,
+		// use the general format.
+		if (axis.isDatetimeAxis && tickPositionInfo) {
+			dateTimeLabelFormat = options.dateTimeLabelFormats[tickPositionInfo.higherRanks[pos] || tickPositionInfo.unitName];
+		}
+
+		// set properties for access in render method
+		tick.isFirst = isFirst;
+		tick.isLast = isLast;
+
+		// get the string
+		str = axis.labelFormatter.call({
+			axis: axis,
+			chart: chart,
+			isFirst: isFirst,
+			isLast: isLast,
+			dateTimeLabelFormat: dateTimeLabelFormat,
+			value: axis.isLog ? correctFloat(lin2log(value)) : value
+		});
+
+		// prepare CSS
+		css = width && { width: mathMax(1, mathRound(width - 2 * (labelOptions.padding || 10))) + PX };
+		css = extend(css, labelOptions.style);
+
+		// first call
+		if (!defined(label)) {
+			attr = {
+				align: axis.labelAlign
+			};
+			if (isNumber(labelOptions.rotation)) {
+				attr.rotation = labelOptions.rotation;
+			}
+			if (width && labelOptions.ellipsis) {
+				attr._clipHeight = axis.len / tickPositions.length;
+			}
+
+			tick.label =
+				defined(str) && labelOptions.enabled ?
+					chart.renderer.text(
+							str,
+							0,
+							0,
+							labelOptions.useHTML
+						)
+						.attr(attr)
+						// without position absolute, IE export sometimes is wrong
+						.css(css)
+						.add(axis.labelGroup) :
+					null;
+
+		// update
+		} else if (label) {
+			label.attr({
+					text: str
+				})
+				.css(css);
+		}
+	},
+
+	/**
+	 * Get the offset height or width of the label
+	 */
+	getLabelSize: function () {
+		var label = this.label,
+			axis = this.axis;
+		return label ?
+			((this.labelBBox = label.getBBox()))[axis.horiz ? 'height' : 'width'] :
+			0;
+	},
+
+	/**
+	 * Find how far the labels extend to the right and left of the tick's x position. Used for anti-collision
+	 * detection with overflow logic.
+	 */
+	getLabelSides: function () {
+		var bBox = this.labelBBox, // assume getLabelSize has run at this point
+			axis = this.axis,
+			options = axis.options,
+			labelOptions = options.labels,
+			width = bBox.width,
+			leftSide = width * { left: 0, center: 0.5, right: 1 }[axis.labelAlign] - labelOptions.x;
+
+		return [-leftSide, width - leftSide];
+	},
+
+	/**
+	 * Handle the label overflow by adjusting the labels to the left and right edge, or
+	 * hide them if they collide into the neighbour label.
+	 */
+	handleOverflow: function (index, xy) {
+		var show = true,
+			axis = this.axis,
+			chart = axis.chart,
+			isFirst = this.isFirst,
+			isLast = this.isLast,
+			x = xy.x,
+			reversed = axis.reversed,
+			tickPositions = axis.tickPositions;
+
+		if (isFirst || isLast) {
+
+			var sides = this.getLabelSides(),
+				leftSide = sides[0],
+				rightSide = sides[1],
+				plotLeft = chart.plotLeft,
+				plotRight = plotLeft + axis.len,
+				neighbour = axis.ticks[tickPositions[index + (isFirst ? 1 : -1)]],
+				neighbourEdge = neighbour && neighbour.label.xy && neighbour.label.xy.x + neighbour.getLabelSides()[isFirst ? 0 : 1];
+
+			if ((isFirst && !reversed) || (isLast && reversed)) {
+				// Is the label spilling out to the left of the plot area?
+				if (x + leftSide < plotLeft) {
+
+					// Align it to plot left
+					x = plotLeft - leftSide;
+
+					// Hide it if it now overlaps the neighbour label
+					if (neighbour && x + rightSide > neighbourEdge) {
+						show = false;
+					}
+				}
+
+			} else {
+				// Is the label spilling out to the right of the plot area?
+				if (x + rightSide > plotRight) {
+
+					// Align it to plot right
+					x = plotRight - rightSide;
+
+					// Hide it if it now overlaps the neighbour label
+					if (neighbour && x + leftSide < neighbourEdge) {
+						show = false;
+					}
+
+				}
+			}
+
+			// Set the modified x position of the label
+			xy.x = x;
+		}
+		return show;
+	},
+
+	/**
+	 * Get the x and y position for ticks and labels
+	 */
+	getPosition: function (horiz, pos, tickmarkOffset, old) {
+		var axis = this.axis,
+			chart = axis.chart,
+			cHeight = (old && chart.oldChartHeight) || chart.chartHeight;
+		
+		return {
+			x: horiz ?
+				axis.translate(pos + tickmarkOffset, null, null, old) + axis.transB :
+				axis.left + axis.offset + (axis.opposite ? ((old && chart.oldChartWidth) || chart.chartWidth) - axis.right - axis.left : 0),
+
+			y: horiz ?
+				cHeight - axis.bottom + axis.offset - (axis.opposite ? axis.height : 0) :
+				cHeight - axis.translate(pos + tickmarkOffset, null, null, old) - axis.transB
+		};
+		
+	},
+	
+	/**
+	 * Get the x, y position of the tick label
+	 */
+	getLabelPosition: function (x, y, label, horiz, labelOptions, tickmarkOffset, index, step) {
+		var axis = this.axis,
+			transA = axis.transA,
+			reversed = axis.reversed,
+			staggerLines = axis.staggerLines,
+			baseline = axis.chart.renderer.fontMetrics(labelOptions.style.fontSize).b,
+			rotation = labelOptions.rotation;
+			
+		x = x + labelOptions.x - (tickmarkOffset && horiz ?
+			tickmarkOffset * transA * (reversed ? -1 : 1) : 0);
+		y = y + labelOptions.y - (tickmarkOffset && !horiz ?
+			tickmarkOffset * transA * (reversed ? 1 : -1) : 0);
+
+		// Correct for rotation (#1764)
+		if (rotation && axis.side === 2) {
+			y -= baseline - baseline * mathCos(rotation * deg2rad);
+		}
+		
+		// Vertically centered
+		if (!defined(labelOptions.y) && !rotation) { // #1951
+			y += baseline - label.getBBox().height / 2;
+		}
+		
+		// Correct for staggered labels
+		if (staggerLines) {
+			y += (index / (step || 1) % staggerLines) * (axis.labelOffset / staggerLines);
+		}
+		
+		return {
+			x: x,
+			y: y
+		};
+	},
+	
+	/**
+	 * Extendible method to return the path of the marker
+	 */
+	getMarkPath: function (x, y, tickLength, tickWidth, horiz, renderer) {
+		return renderer.crispLine([
+				M,
+				x,
+				y,
+				L,
+				x + (horiz ? 0 : -tickLength),
+				y + (horiz ? tickLength : 0)
+			], tickWidth);
+	},
+
+	/**
+	 * Put everything in place
+	 *
+	 * @param index {Number}
+	 * @param old {Boolean} Use old coordinates to prepare an animation into new position
+	 */
+	render: function (index, old, opacity) {
+		var tick = this,
+			axis = tick.axis,
+			options = axis.options,
+			chart = axis.chart,
+			renderer = chart.renderer,
+			horiz = axis.horiz,
+			type = tick.type,
+			label = tick.label,
+			pos = tick.pos,
+			labelOptions = options.labels,
+			gridLine = tick.gridLine,
+			gridPrefix = type ? type + 'Grid' : 'grid',
+			tickPrefix = type ? type + 'Tick' : 'tick',
+			gridLineWidth = options[gridPrefix + 'LineWidth'],
+			gridLineColor = options[gridPrefix + 'LineColor'],
+			dashStyle = options[gridPrefix + 'LineDashStyle'],
+			tickLength = options[tickPrefix + 'Length'],
+			tickWidth = options[tickPrefix + 'Width'] || 0,
+			tickColor = options[tickPrefix + 'Color'],
+			tickPosition = options[tickPrefix + 'Position'],
+			gridLinePath,
+			mark = tick.mark,
+			markPath,
+			step = labelOptions.step,
+			attribs,
+			show = true,
+			tickmarkOffset = axis.tickmarkOffset,
+			xy = tick.getPosition(horiz, pos, tickmarkOffset, old),
+			x = xy.x,
+			y = xy.y,
+			reverseCrisp = ((horiz && x === axis.pos + axis.len) || (!horiz && y === axis.pos)) ? -1 : 1, // #1480, #1687
+			staggerLines = axis.staggerLines;
+
+		this.isActive = true;
+		
+		// create the grid line
+		if (gridLineWidth) {
+			gridLinePath = axis.getPlotLinePath(pos + tickmarkOffset, gridLineWidth * reverseCrisp, old, true);
+
+			if (gridLine === UNDEFINED) {
+				attribs = {
+					stroke: gridLineColor,
+					'stroke-width': gridLineWidth
+				};
+				if (dashStyle) {
+					attribs.dashstyle = dashStyle;
+				}
+				if (!type) {
+					attribs.zIndex = 1;
+				}
+				if (old) {
+					attribs.opacity = 0;
+				}
+				tick.gridLine = gridLine =
+					gridLineWidth ?
+						renderer.path(gridLinePath)
+							.attr(attribs).add(axis.gridGroup) :
+						null;
+			}
+
+			// If the parameter 'old' is set, the current call will be followed
+			// by another call, therefore do not do any animations this time
+			if (!old && gridLine && gridLinePath) {
+				gridLine[tick.isNew ? 'attr' : 'animate']({
+					d: gridLinePath,
+					opacity: opacity
+				});
+			}
+		}
+
+		// create the tick mark
+		if (tickWidth && tickLength) {
+
+			// negate the length
+			if (tickPosition === 'inside') {
+				tickLength = -tickLength;
+			}
+			if (axis.opposite) {
+				tickLength = -tickLength;
+			}
+
+			markPath = tick.getMarkPath(x, y, tickLength, tickWidth * reverseCrisp, horiz, renderer);
+
+			if (mark) { // updating
+				mark.animate({
+					d: markPath,
+					opacity: opacity
+				});
+			} else { // first time
+				tick.mark = renderer.path(
+					markPath
+				).attr({
+					stroke: tickColor,
+					'stroke-width': tickWidth,
+					opacity: opacity
+				}).add(axis.axisGroup);
+			}
+		}
+
+		// the label is created on init - now move it into place
+		if (label && !isNaN(x)) {
+			label.xy = xy = tick.getLabelPosition(x, y, label, horiz, labelOptions, tickmarkOffset, index, step);
+
+			// Apply show first and show last. If the tick is both first and last, it is 
+			// a single centered tick, in which case we show the label anyway (#2100).
+			if ((tick.isFirst && !tick.isLast && !pick(options.showFirstLabel, 1)) ||
+					(tick.isLast && !tick.isFirst && !pick(options.showLastLabel, 1))) {
+				show = false;
+
+			// Handle label overflow and show or hide accordingly
+			} else if (!staggerLines && horiz && labelOptions.overflow === 'justify' && !tick.handleOverflow(index, xy)) {
+				show = false;
+			}
+
+			// apply step
+			if (step && index % step) {
+				// show those indices dividable by step
+				show = false;
+			}
+
+			// Set the new position, and show or hide
+			if (show && !isNaN(xy.y)) {
+				xy.opacity = opacity;
+				label[tick.isNew ? 'attr' : 'animate'](xy);
+				tick.isNew = false;
+			} else {
+				label.attr('y', -9999); // #1338
+			}
+		}
+	},
+
+	/**
+	 * Destructor for the tick prototype
+	 */
+	destroy: function () {
+		destroyObjectProperties(this, this.axis);
+	}
+};
+
+/**
+ * The object wrapper for plot lines and plot bands
+ * @param {Object} options
+ */
+function PlotLineOrBand(axis, options) {
+	this.axis = axis;
+
+	if (options) {
+		this.options = options;
+		this.id = options.id;
+	}
+}
+
+PlotLineOrBand.prototype = {
+	
+	/**
+	 * Render the plot line or plot band. If it is already existing,
+	 * move it.
+	 */
+	render: function () {
+		var plotLine = this,
+			axis = plotLine.axis,
+			horiz = axis.horiz,
+			halfPointRange = (axis.pointRange || 0) / 2,
+			options = plotLine.options,
+			optionsLabel = options.label,
+			label = plotLine.label,
+			width = options.width,
+			to = options.to,
+			from = options.from,
+			isBand = defined(from) && defined(to),
+			value = options.value,
+			dashStyle = options.dashStyle,
+			svgElem = plotLine.svgElem,
+			path = [],
+			addEvent,
+			eventType,
+			xs,
+			ys,
+			x,
+			y,
+			color = options.color,
+			zIndex = options.zIndex,
+			events = options.events,
+			attribs,
+			renderer = axis.chart.renderer;
+
+		// logarithmic conversion
+		if (axis.isLog) {
+			from = log2lin(from);
+			to = log2lin(to);
+			value = log2lin(value);
+		}
+
+		// plot line
+		if (width) {
+			path = axis.getPlotLinePath(value, width);
+			attribs = {
+				stroke: color,
+				'stroke-width': width
+			};
+			if (dashStyle) {
+				attribs.dashstyle = dashStyle;
+			}
+		} else if (isBand) { // plot band
+			
+			// keep within plot area
+			from = mathMax(from, axis.min - halfPointRange);
+			to = mathMin(to, axis.max + halfPointRange);
+			
+			path = axis.getPlotBandPath(from, to, options);
+			attribs = {
+				fill: color
+			};
+			if (options.borderWidth) {
+				attribs.stroke = options.borderColor;
+				attribs['stroke-width'] = options.borderWidth;
+			}
+		} else {
+			return;
+		}
+		// zIndex
+		if (defined(zIndex)) {
+			attribs.zIndex = zIndex;
+		}
+
+		// common for lines and bands
+		if (svgElem) {
+			if (path) {
+				svgElem.animate({
+					d: path
+				}, null, svgElem.onGetPath);
+			} else {
+				svgElem.hide();
+				svgElem.onGetPath = function () {
+					svgElem.show();
+				};
+			}
+		} else if (path && path.length) {
+			plotLine.svgElem = svgElem = renderer.path(path)
+				.attr(attribs).add();
+
+			// events
+			if (events) {
+				addEvent = function (eventType) {
+					svgElem.on(eventType, function (e) {
+						events[eventType].apply(plotLine, [e]);
+					});
+				};
+				for (eventType in events) {
+					addEvent(eventType);
+				}
+			}
+		}
+
+		// the plot band/line label
+		if (optionsLabel && defined(optionsLabel.text) && path && path.length && axis.width > 0 && axis.height > 0) {
+			// apply defaults
+			optionsLabel = merge({
+				align: horiz && isBand && 'center',
+				x: horiz ? !isBand && 4 : 10,
+				verticalAlign : !horiz && isBand && 'middle',
+				y: horiz ? isBand ? 16 : 10 : isBand ? 6 : -4,
+				rotation: horiz && !isBand && 90
+			}, optionsLabel);
+
+			// add the SVG element
+			if (!label) {
+				plotLine.label = label = renderer.text(
+						optionsLabel.text,
+						0,
+						0,
+						optionsLabel.useHTML
+					)
+					.attr({
+						align: optionsLabel.textAlign || optionsLabel.align,
+						rotation: optionsLabel.rotation,
+						zIndex: zIndex
+					})
+					.css(optionsLabel.style)
+					.add();
+			}
+
+			// get the bounding box and align the label
+			xs = [path[1], path[4], pick(path[6], path[1])];
+			ys = [path[2], path[5], pick(path[7], path[2])];
+			x = arrayMin(xs);
+			y = arrayMin(ys);
+
+			label.align(optionsLabel, false, {
+				x: x,
+				y: y,
+				width: arrayMax(xs) - x,
+				height: arrayMax(ys) - y
+			});
+			label.show();
+
+		} else if (label) { // move out of sight
+			label.hide();
+		}
+
+		// chainable
+		return plotLine;
+	},
+
+	/**
+	 * Remove the plot line or band
+	 */
+	destroy: function () {
+		// remove it from the lookup
+		erase(this.axis.plotLinesAndBands, this);
+		
+		delete this.axis;
+		destroyObjectProperties(this);
+	}
+};
+/**
+ * The class for stack items
+ */
+function StackItem(axis, options, isNegative, x, stackOption, stacking) {
+	
+	var inverted = axis.chart.inverted;
+
+	this.axis = axis;
+
+	// Tells if the stack is negative
+	this.isNegative = isNegative;
+
+	// Save the options to be able to style the label
+	this.options = options;
+
+	// Save the x value to be able to position the label later
+	this.x = x;
+
+	// Initialize total value
+	this.total = null;
+
+	// This will keep each points' extremes stored by series.index
+	this.points = {};
+
+	// Save the stack option on the series configuration object, and whether to treat it as percent
+	this.stack = stackOption;
+	this.percent = stacking === 'percent';
+
+	// The align options and text align varies on whether the stack is negative and
+	// if the chart is inverted or not.
+	// First test the user supplied value, then use the dynamic.
+	this.alignOptions = {
+		align: options.align || (inverted ? (isNegative ? 'left' : 'right') : 'center'),
+		verticalAlign: options.verticalAlign || (inverted ? 'middle' : (isNegative ? 'bottom' : 'top')),
+		y: pick(options.y, inverted ? 4 : (isNegative ? 14 : -6)),
+		x: pick(options.x, inverted ? (isNegative ? -6 : 6) : 0)
+	};
+
+	this.textAlign = options.textAlign || (inverted ? (isNegative ? 'right' : 'left') : 'center');
+}
+
+StackItem.prototype = {
+	destroy: function () {
+		destroyObjectProperties(this, this.axis);
+	},
+
+	/**
+	 * Renders the stack total label and adds it to the stack label group.
+	 */
+	render: function (group) {
+		var options = this.options,
+			formatOption = options.format,
+			str = formatOption ?
+				format(formatOption, this) : 
+				options.formatter.call(this);  // format the text in the label
+
+		// Change the text to reflect the new total and set visibility to hidden in case the serie is hidden
+		if (this.label) {
+			this.label.attr({text: str, visibility: HIDDEN});
+		// Create new label
+		} else {
+			this.label =
+				this.axis.chart.renderer.text(str, 0, 0, options.useHTML)		// dummy positions, actual position updated with setOffset method in columnseries
+					.css(options.style)				// apply style
+					.attr({
+						align: this.textAlign,				// fix the text-anchor
+						rotation: options.rotation,	// rotation
+						visibility: HIDDEN					// hidden until setOffset is called
+					})				
+					.add(group);							// add to the labels-group
+		}
+	},
+
+	/**
+	 * Sets the offset that the stack has from the x value and repositions the label.
+	 */
+	setOffset: function (xOffset, xWidth) {
+		var stackItem = this,
+			axis = stackItem.axis,
+			chart = axis.chart,
+			inverted = chart.inverted,
+			neg = this.isNegative,							// special treatment is needed for negative stacks
+			y = axis.translate(this.percent ? 100 : this.total, 0, 0, 0, 1), // stack value translated mapped to chart coordinates
+			yZero = axis.translate(0),						// stack origin
+			h = mathAbs(y - yZero),							// stack height
+			x = chart.xAxis[0].translate(this.x) + xOffset,	// stack x position
+			plotHeight = chart.plotHeight,
+			stackBox = {	// this is the box for the complete stack
+				x: inverted ? (neg ? y : y - h) : x,
+				y: inverted ? plotHeight - x - xWidth : (neg ? (plotHeight - y - h) : plotHeight - y),
+				width: inverted ? h : xWidth,
+				height: inverted ? xWidth : h
+			},
+			label = this.label,
+			alignAttr;
+		
+		if (label) {
+			label.align(this.alignOptions, null, stackBox);	// align the label to the box
+				
+			// Set visibility (#678)
+			alignAttr = label.alignAttr;
+			label.attr({ 
+				visibility: this.options.crop === false || chart.isInsidePlot(alignAttr.x, alignAttr.y) ? 
+					(hasSVG ? 'inherit' : VISIBLE) : 
+					HIDDEN
+			});
+		}
+	}
+};
+/**
+ * Create a new axis object
+ * @param {Object} chart
+ * @param {Object} options
+ */
+function Axis() {
+	this.init.apply(this, arguments);
+}
+
+Axis.prototype = {
+	
+	/**
+	 * Default options for the X axis - the Y axis has extended defaults 
+	 */
+	defaultOptions: {
+		// allowDecimals: null,
+		// alternateGridColor: null,
+		// categories: [],
+		dateTimeLabelFormats: {
+			millisecond: '%H:%M:%S.%L',
+			second: '%H:%M:%S',
+			minute: '%H:%M',
+			hour: '%H:%M',
+			day: '%e. %b',
+			week: '%e. %b',
+			month: '%b \'%y',
+			year: '%Y'
+		},
+		endOnTick: false,
+		gridLineColor: '#C0C0C0',
+		// gridLineDashStyle: 'solid',
+		// gridLineWidth: 0,
+		// reversed: false,
+	
+		labels: defaultLabelOptions,
+			// { step: null },
+		lineColor: '#C0D0E0',
+		lineWidth: 1,
+		//linkedTo: null,
+		//max: undefined,
+		//min: undefined,
+		minPadding: 0.01,
+		maxPadding: 0.01,
+		//minRange: null,
+		minorGridLineColor: '#E0E0E0',
+		// minorGridLineDashStyle: null,
+		minorGridLineWidth: 1,
+		minorTickColor: '#A0A0A0',
+		//minorTickInterval: null,
+		minorTickLength: 2,
+		minorTickPosition: 'outside', // inside or outside
+		//minorTickWidth: 0,
+		//opposite: false,
+		//offset: 0,
+		//plotBands: [{
+		//	events: {},
+		//	zIndex: 1,
+		//	labels: { align, x, verticalAlign, y, style, rotation, textAlign }
+		//}],
+		//plotLines: [{
+		//	events: {}
+		//  dashStyle: {}
+		//	zIndex:
+		//	labels: { align, x, verticalAlign, y, style, rotation, textAlign }
+		//}],
+		//reversed: false,
+		// showFirstLabel: true,
+		// showLastLabel: true,
+		startOfWeek: 1,
+		startOnTick: false,
+		tickColor: '#C0D0E0',
+		//tickInterval: null,
+		tickLength: 5,
+		tickmarkPlacement: 'between', // on or between
+		tickPixelInterval: 100,
+		tickPosition: 'outside',
+		tickWidth: 1,
+		title: {
+			//text: null,
+			align: 'middle', // low, middle or high
+			//margin: 0 for horizontal, 10 for vertical axes,
+			//rotation: 0,
+			//side: 'outside',
+			style: {
+				color: '#4d759e',
+				//font: defaultFont.replace('normal', 'bold')
+				fontWeight: 'bold'
+			}
+			//x: 0,
+			//y: 0
+		},
+		type: 'linear' // linear, logarithmic or datetime
+	},
+	
+	/**
+	 * This options set extends the defaultOptions for Y axes
+	 */
+	defaultYAxisOptions: {
+		endOnTick: true,
+		gridLineWidth: 1,
+		tickPixelInterval: 72,
+		showLastLabel: true,
+		labels: {
+			x: -8,
+			y: 3
+		},
+		lineWidth: 0,
+		maxPadding: 0.05,
+		minPadding: 0.05,
+		startOnTick: true,
+		tickWidth: 0,
+		title: {
+			rotation: 270,
+			text: 'Values'
+		},
+		stackLabels: {
+			enabled: false,
+			//align: dynamic,
+			//y: dynamic,
+			//x: dynamic,
+			//verticalAlign: dynamic,
+			//textAlign: dynamic,
+			//rotation: 0,
+			formatter: function () {
+				return numberFormat(this.total, -1);
+			},
+			style: defaultLabelOptions.style
+		}
+	},
+	
+	/**
+	 * These options extend the defaultOptions for left axes
+	 */
+	defaultLeftAxisOptions: {
+		labels: {
+			x: -8,
+			y: null
+		},
+		title: {
+			rotation: 270
+		}
+	},
+	
+	/**
+	 * These options extend the defaultOptions for right axes
+	 */
+	defaultRightAxisOptions: {
+		labels: {
+			x: 8,
+			y: null
+		},
+		title: {
+			rotation: 90
+		}
+	},
+	
+	/**
+	 * These options extend the defaultOptions for bottom axes
+	 */
+	defaultBottomAxisOptions: {
+		labels: {
+			x: 0,
+			y: 14
+			// overflow: undefined,
+			// staggerLines: null
+		},
+		title: {
+			rotation: 0
+		}
+	},
+	/**
+	 * These options extend the defaultOptions for left axes
+	 */
+	defaultTopAxisOptions: {
+		labels: {
+			x: 0,
+			y: -5
+			// overflow: undefined
+			// staggerLines: null
+		},
+		title: {
+			rotation: 0
+		}
+	},
+	
+	/**
+	 * Initialize the axis
+	 */
+	init: function (chart, userOptions) {
+			
+		
+		var isXAxis = userOptions.isX,
+			axis = this;
+	
+		// Flag, is the axis horizontal
+		axis.horiz = chart.inverted ? !isXAxis : isXAxis;
+		
+		// Flag, isXAxis
+		axis.isXAxis = isXAxis;
+		axis.xOrY = isXAxis ? 'x' : 'y';
+	
+	
+		axis.opposite = userOptions.opposite; // needed in setOptions
+		axis.side = axis.horiz ?
+				(axis.opposite ? 0 : 2) : // top : bottom
+				(axis.opposite ? 1 : 3);  // right : left
+	
+		axis.setOptions(userOptions);
+		
+	
+		var options = this.options,
+			type = options.type,
+			isDatetimeAxis = type === 'datetime';
+	
+		axis.labelFormatter = options.labels.formatter || axis.defaultLabelFormatter; // can be overwritten by dynamic format
+	
+	
+		// Flag, stagger lines or not
+		axis.userOptions = userOptions;
+	
+		//axis.axisTitleMargin = UNDEFINED,// = options.title.margin,
+		axis.minPixelPadding = 0;
+		//axis.ignoreMinPadding = UNDEFINED; // can be set to true by a column or bar series
+		//axis.ignoreMaxPadding = UNDEFINED;
+	
+		axis.chart = chart;
+		axis.reversed = options.reversed;
+		axis.zoomEnabled = options.zoomEnabled !== false;
+	
+		// Initial categories
+		axis.categories = options.categories || type === 'category';
+	
+		// Elements
+		//axis.axisGroup = UNDEFINED;
+		//axis.gridGroup = UNDEFINED;
+		//axis.axisTitle = UNDEFINED;
+		//axis.axisLine = UNDEFINED;
+	
+		// Shorthand types
+		axis.isLog = type === 'logarithmic';
+		axis.isDatetimeAxis = isDatetimeAxis;
+	
+		// Flag, if axis is linked to another axis
+		axis.isLinked = defined(options.linkedTo);
+		// Linked axis.
+		//axis.linkedParent = UNDEFINED;	
+		
+		// Tick positions
+		//axis.tickPositions = UNDEFINED; // array containing predefined positions
+		// Tick intervals
+		//axis.tickInterval = UNDEFINED;
+		//axis.minorTickInterval = UNDEFINED;
+		
+		axis.tickmarkOffset = (axis.categories && options.tickmarkPlacement === 'between') ? 0.5 : 0;
+	
+		// Major ticks
+		axis.ticks = {};
+		// Minor ticks
+		axis.minorTicks = {};
+		//axis.tickAmount = UNDEFINED;
+	
+		// List of plotLines/Bands
+		axis.plotLinesAndBands = [];
+	
+		// Alternate bands
+		axis.alternateBands = {};
+	
+		// Axis metrics
+		//axis.left = UNDEFINED;
+		//axis.top = UNDEFINED;
+		//axis.width = UNDEFINED;
+		//axis.height = UNDEFINED;
+		//axis.bottom = UNDEFINED;
+		//axis.right = UNDEFINED;
+		//axis.transA = UNDEFINED;
+		//axis.transB = UNDEFINED;
+		//axis.oldTransA = UNDEFINED;
+		axis.len = 0;
+		//axis.oldMin = UNDEFINED;
+		//axis.oldMax = UNDEFINED;
+		//axis.oldUserMin = UNDEFINED;
+		//axis.oldUserMax = UNDEFINED;
+		//axis.oldAxisLength = UNDEFINED;
+		axis.minRange = axis.userMinRange = options.minRange || options.maxZoom;
+		axis.range = options.range;
+		axis.offset = options.offset || 0;
+	
+	
+		// Dictionary for stacks
+		axis.stacks = {};
+		axis.oldStacks = {};
+
+		// Dictionary for stacks max values
+		axis.stackExtremes = {};
+
+		// Min and max in the data
+		//axis.dataMin = UNDEFINED,
+		//axis.dataMax = UNDEFINED,
+	
+		// The axis range
+		axis.max = null;
+		axis.min = null;
+	
+		// User set min and max
+		//axis.userMin = UNDEFINED,
+		//axis.userMax = UNDEFINED,
+
+		// Run Axis
+		
+		var eventType,
+			events = axis.options.events;
+
+		// Register
+		if (inArray(axis, chart.axes) === -1) { // don't add it again on Axis.update()
+			chart.axes.push(axis);
+			chart[isXAxis ? 'xAxis' : 'yAxis'].push(axis);
+		}
+
+		axis.series = axis.series || []; // populated by Series
+
+		// inverted charts have reversed xAxes as default
+		if (chart.inverted && isXAxis && axis.reversed === UNDEFINED) {
+			axis.reversed = true;
+		}
+
+		axis.removePlotBand = axis.removePlotBandOrLine;
+		axis.removePlotLine = axis.removePlotBandOrLine;
+
+
+		// register event listeners
+		for (eventType in events) {
+			addEvent(axis, eventType, events[eventType]);
+		}
+
+		// extend logarithmic axis
+		if (axis.isLog) {
+			axis.val2lin = log2lin;
+			axis.lin2val = lin2log;
+		}
+	},
+	
+	/**
+	 * Merge and set options
+	 */
+	setOptions: function (userOptions) {
+		this.options = merge(
+			this.defaultOptions,
+			this.isXAxis ? {} : this.defaultYAxisOptions,
+			[this.defaultTopAxisOptions, this.defaultRightAxisOptions,
+				this.defaultBottomAxisOptions, this.defaultLeftAxisOptions][this.side],
+			merge(
+				defaultOptions[this.isXAxis ? 'xAxis' : 'yAxis'], // if set in setOptions (#1053)
+				userOptions
+			)
+		);
+	},
+
+	/**
+	 * Update the axis with a new options structure
+	 */
+	update: function (newOptions, redraw) {
+		var chart = this.chart;
+
+		newOptions = chart.options[this.xOrY + 'Axis'][this.options.index] = merge(this.userOptions, newOptions);
+
+		this.destroy(true);
+		this._addedPlotLB = this.userMin = this.userMax = UNDEFINED; // #1611, #2306
+
+		this.init(chart, extend(newOptions, { events: UNDEFINED }));
+
+		chart.isDirtyBox = true;
+		if (pick(redraw, true)) {
+			chart.redraw();
+		}
+	},	
+	
+	/**
+     * Remove the axis from the chart
+     */
+	remove: function (redraw) {
+		var chart = this.chart,
+			key = this.xOrY + 'Axis'; // xAxis or yAxis
+
+		// Remove associated series
+		each(this.series, function (series) {
+			series.remove(false);
+		});
+
+		// Remove the axis
+		erase(chart.axes, this);
+		erase(chart[key], this);
+		chart.options[key].splice(this.options.index, 1);
+		each(chart[key], function (axis, i) { // Re-index, #1706
+			axis.options.index = i;
+		});
+		this.destroy();
+		chart.isDirtyBox = true;
+
+		if (pick(redraw, true)) {
+			chart.redraw();
+		}
+	},
+	
+	/** 
+	 * The default label formatter. The context is a special config object for the label.
+	 */
+	defaultLabelFormatter: function () {
+		var axis = this.axis,
+			value = this.value,
+			categories = axis.categories, 
+			dateTimeLabelFormat = this.dateTimeLabelFormat,
+			numericSymbols = defaultOptions.lang.numericSymbols,
+			i = numericSymbols && numericSymbols.length,
+			multi,
+			ret,
+			formatOption = axis.options.labels.format,
+			
+			// make sure the same symbol is added for all labels on a linear axis
+			numericSymbolDetector = axis.isLog ? value : axis.tickInterval;
+
+		if (formatOption) {
+			ret = format(formatOption, this);
+		
+		} else if (categories) {
+			ret = value;
+		
+		} else if (dateTimeLabelFormat) { // datetime axis
+			ret = dateFormat(dateTimeLabelFormat, value);
+		
+		} else if (i && numericSymbolDetector >= 1000) {
+			// Decide whether we should add a numeric symbol like k (thousands) or M (millions).
+			// If we are to enable this in tooltip or other places as well, we can move this
+			// logic to the numberFormatter and enable it by a parameter.
+			while (i-- && ret === UNDEFINED) {
+				multi = Math.pow(1000, i + 1);
+				if (numericSymbolDetector >= multi && numericSymbols[i] !== null) {
+					ret = numberFormat(value / multi, -1) + numericSymbols[i];
+				}
+			}
+		}
+		
+		if (ret === UNDEFINED) {
+			if (value >= 1000) { // add thousands separators
+				ret = numberFormat(value, 0);
+
+			} else { // small numbers
+				ret = numberFormat(value, -1);
+			}
+		}
+		
+		return ret;
+	},
+
+	/**
+	 * Get the minimum and maximum for the series of each axis
+	 */
+	getSeriesExtremes: function () {
+		var axis = this,
+			chart = axis.chart;
+
+		axis.hasVisibleSeries = false;
+
+		// reset dataMin and dataMax in case we're redrawing
+		axis.dataMin = axis.dataMax = null;
+
+		// reset cached stacking extremes
+		axis.stackExtremes = {};
+
+		axis.buildStacks();
+
+		// loop through this axis' series
+		each(axis.series, function (series) {
+
+			if (series.visible || !chart.options.chart.ignoreHiddenSeries) {
+
+				var seriesOptions = series.options,
+					xData,
+					threshold = seriesOptions.threshold,
+					seriesDataMin,
+					seriesDataMax;
+
+				axis.hasVisibleSeries = true;
+
+				// Validate threshold in logarithmic axes
+				if (axis.isLog && threshold <= 0) {
+					threshold = null;
+				}
+
+				// Get dataMin and dataMax for X axes
+				if (axis.isXAxis) {
+					xData = series.xData;
+					if (xData.length) {
+						axis.dataMin = mathMin(pick(axis.dataMin, xData[0]), arrayMin(xData));
+						axis.dataMax = mathMax(pick(axis.dataMax, xData[0]), arrayMax(xData));
+					}
+
+				// Get dataMin and dataMax for Y axes, as well as handle stacking and processed data
+				} else {
+
+					// Get this particular series extremes
+					series.getExtremes();
+					seriesDataMax = series.dataMax;
+					seriesDataMin = series.dataMin;
+
+					// Get the dataMin and dataMax so far. If percentage is used, the min and max are
+					// always 0 and 100. If seriesDataMin and seriesDataMax is null, then series
+					// doesn't have active y data, we continue with nulls
+					if (defined(seriesDataMin) && defined(seriesDataMax)) {
+						axis.dataMin = mathMin(pick(axis.dataMin, seriesDataMin), seriesDataMin);
+						axis.dataMax = mathMax(pick(axis.dataMax, seriesDataMax), seriesDataMax);
+					}
+
+					// Adjust to threshold
+					if (defined(threshold)) {
+						if (axis.dataMin >= threshold) {
+							axis.dataMin = threshold;
+							axis.ignoreMinPadding = true;
+						} else if (axis.dataMax < threshold) {
+							axis.dataMax = threshold;
+							axis.ignoreMaxPadding = true;
+						}
+					}
+				}
+			}
+		});
+	},
+
+	/**
+	 * Translate from axis value to pixel position on the chart, or back
+	 *
+	 */
+	translate: function (val, backwards, cvsCoord, old, handleLog, pointPlacement) {
+		var axis = this,
+			axisLength = axis.len,
+			sign = 1,
+			cvsOffset = 0,
+			localA = old ? axis.oldTransA : axis.transA,
+			localMin = old ? axis.oldMin : axis.min,
+			returnValue,
+			minPixelPadding = axis.minPixelPadding,
+			postTranslate = (axis.options.ordinal || (axis.isLog && handleLog)) && axis.lin2val;
+
+		if (!localA) {
+			localA = axis.transA;
+		}
+
+		// In vertical axes, the canvas coordinates start from 0 at the top like in 
+		// SVG. 
+		if (cvsCoord) {
+			sign *= -1; // canvas coordinates inverts the value
+			cvsOffset = axisLength;
+		}
+
+		// Handle reversed axis
+		if (axis.reversed) { 
+			sign *= -1;
+			cvsOffset -= sign * axisLength;
+		}
+
+		// From pixels to value
+		if (backwards) { // reverse translation
+			
+			val = val * sign + cvsOffset;
+			val -= minPixelPadding;
+			returnValue = val / localA + localMin; // from chart pixel to value
+			if (postTranslate) { // log and ordinal axes
+				returnValue = axis.lin2val(returnValue);
+			}
+
+		// From value to pixels
+		} else {
+			if (postTranslate) { // log and ordinal axes
+				val = axis.val2lin(val);
+			}
+			if (pointPlacement === 'between') {
+				pointPlacement = 0.5;
+			}
+			returnValue = sign * (val - localMin) * localA + cvsOffset + (sign * minPixelPadding) +
+				(isNumber(pointPlacement) ? localA * pointPlacement * axis.pointRange : 0);
+		}
+
+		return returnValue;
+	},
+
+	/**
+	 * Utility method to translate an axis value to pixel position. 
+	 * @param {Number} value A value in terms of axis units
+	 * @param {Boolean} paneCoordinates Whether to return the pixel coordinate relative to the chart
+	 *        or just the axis/pane itself.
+	 */
+	toPixels: function (value, paneCoordinates) {
+		return this.translate(value, false, !this.horiz, null, true) + (paneCoordinates ? 0 : this.pos);
+	},
+
+	/*
+	 * Utility method to translate a pixel position in to an axis value
+	 * @param {Number} pixel The pixel value coordinate
+	 * @param {Boolean} paneCoordiantes Whether the input pixel is relative to the chart or just the
+	 *        axis/pane itself.
+	 */
+	toValue: function (pixel, paneCoordinates) {
+		return this.translate(pixel - (paneCoordinates ? 0 : this.pos), true, !this.horiz, null, true);
+	},
+
+	/**
+	 * Create the path for a plot line that goes from the given value on
+	 * this axis, across the plot to the opposite side
+	 * @param {Number} value
+	 * @param {Number} lineWidth Used for calculation crisp line
+	 * @param {Number] old Use old coordinates (for resizing and rescaling)
+	 */
+	getPlotLinePath: function (value, lineWidth, old, force) {
+		var axis = this,
+			chart = axis.chart,
+			axisLeft = axis.left,
+			axisTop = axis.top,
+			x1,
+			y1,
+			x2,
+			y2,
+			translatedValue = axis.translate(value, null, null, old),
+			cHeight = (old && chart.oldChartHeight) || chart.chartHeight,
+			cWidth = (old && chart.oldChartWidth) || chart.chartWidth,
+			skip,
+			transB = axis.transB;
+
+		x1 = x2 = mathRound(translatedValue + transB);
+		y1 = y2 = mathRound(cHeight - translatedValue - transB);
+
+		if (isNaN(translatedValue)) { // no min or max
+			skip = true;
+
+		} else if (axis.horiz) {
+			y1 = axisTop;
+			y2 = cHeight - axis.bottom;
+			if (x1 < axisLeft || x1 > axisLeft + axis.width) {
+				skip = true;
+			}
+		} else {
+			x1 = axisLeft;
+			x2 = cWidth - axis.right;
+
+			if (y1 < axisTop || y1 > axisTop + axis.height) {
+				skip = true;
+			}
+		}
+		return skip && !force ?
+			null :
+			chart.renderer.crispLine([M, x1, y1, L, x2, y2], lineWidth || 0);
+	},
+	
+	/**
+	 * Create the path for a plot band
+	 */
+	getPlotBandPath: function (from, to) {
+
+		var toPath = this.getPlotLinePath(to),
+			path = this.getPlotLinePath(from);
+			
+		if (path && toPath) {
+			path.push(
+				toPath[4],
+				toPath[5],
+				toPath[1],
+				toPath[2]
+			);
+		} else { // outside the axis area
+			path = null;
+		}
+		
+		return path;
+	},
+	
+	/**
+	 * Set the tick positions of a linear axis to round values like whole tens or every five.
+	 */
+	getLinearTickPositions: function (tickInterval, min, max) {
+		var pos,
+			lastPos,
+			roundedMin = correctFloat(mathFloor(min / tickInterval) * tickInterval),
+			roundedMax = correctFloat(mathCeil(max / tickInterval) * tickInterval),
+			tickPositions = [];
+
+		// Populate the intermediate values
+		pos = roundedMin;
+		while (pos <= roundedMax) {
+
+			// Place the tick on the rounded value
+			tickPositions.push(pos);
+
+			// Always add the raw tickInterval, not the corrected one.
+			pos = correctFloat(pos + tickInterval);
+
+			// If the interval is not big enough in the current min - max range to actually increase
+			// the loop variable, we need to break out to prevent endless loop. Issue #619
+			if (pos === lastPos) {
+				break;
+			}
+
+			// Record the last value
+			lastPos = pos;
+		}
+		return tickPositions;
+	},
+	
+	/**
+	 * Set the tick positions of a logarithmic axis
+	 */
+	getLogTickPositions: function (interval, min, max, minor) {
+		var axis = this,
+			options = axis.options,
+			axisLength = axis.len,
+			// Since we use this method for both major and minor ticks,
+			// use a local variable and return the result
+			positions = []; 
+		
+		// Reset
+		if (!minor) {
+			axis._minorAutoInterval = null;
+		}
+		
+		// First case: All ticks fall on whole logarithms: 1, 10, 100 etc.
+		if (interval >= 0.5) {
+			interval = mathRound(interval);
+			positions = axis.getLinearTickPositions(interval, min, max);
+			
+		// Second case: We need intermediary ticks. For example 
+		// 1, 2, 4, 6, 8, 10, 20, 40 etc. 
+		} else if (interval >= 0.08) {
+			var roundedMin = mathFloor(min),
+				intermediate,
+				i,
+				j,
+				len,
+				pos,
+				lastPos,
+				break2;
+				
+			if (interval > 0.3) {
+				intermediate = [1, 2, 4];
+			} else if (interval > 0.15) { // 0.2 equals five minor ticks per 1, 10, 100 etc
+				intermediate = [1, 2, 4, 6, 8];
+			} else { // 0.1 equals ten minor ticks per 1, 10, 100 etc
+				intermediate = [1, 2, 3, 4, 5, 6, 7, 8, 9];
+			}
+			
+			for (i = roundedMin; i < max + 1 && !break2; i++) {
+				len = intermediate.length;
+				for (j = 0; j < len && !break2; j++) {
+					pos = log2lin(lin2log(i) * intermediate[j]);
+					
+					if (pos > min && (!minor || lastPos <= max)) { // #1670
+						positions.push(lastPos);
+					}
+					
+					if (lastPos > max) {
+						break2 = true;
+					}
+					lastPos = pos;
+				}
+			}
+			
+		// Third case: We are so deep in between whole logarithmic values that
+		// we might as well handle the tick positions like a linear axis. For
+		// example 1.01, 1.02, 1.03, 1.04.
+		} else {
+			var realMin = lin2log(min),
+				realMax = lin2log(max),
+				tickIntervalOption = options[minor ? 'minorTickInterval' : 'tickInterval'],
+				filteredTickIntervalOption = tickIntervalOption === 'auto' ? null : tickIntervalOption,
+				tickPixelIntervalOption = options.tickPixelInterval / (minor ? 5 : 1),
+				totalPixelLength = minor ? axisLength / axis.tickPositions.length : axisLength;
+			
+			interval = pick(
+				filteredTickIntervalOption,
+				axis._minorAutoInterval,
+				(realMax - realMin) * tickPixelIntervalOption / (totalPixelLength || 1)
+			);
+			
+			interval = normalizeTickInterval(
+				interval, 
+				null, 
+				getMagnitude(interval)
+			);
+			
+			positions = map(axis.getLinearTickPositions(
+				interval, 
+				realMin,
+				realMax	
+			), log2lin);
+			
+			if (!minor) {
+				axis._minorAutoInterval = interval / 5;
+			}
+		}
+		
+		// Set the axis-level tickInterval variable 
+		if (!minor) {
+			axis.tickInterval = interval;
+		}
+		return positions;
+	},
+
+	/**
+	 * Return the minor tick positions. For logarithmic axes, reuse the same logic
+	 * as for major ticks.
+	 */
+	getMinorTickPositions: function () {
+		var axis = this,
+			options = axis.options,
+			tickPositions = axis.tickPositions,
+			minorTickInterval = axis.minorTickInterval,
+			minorTickPositions = [],
+			pos,
+			i,
+			len;
+		
+		if (axis.isLog) {
+			len = tickPositions.length;
+			for (i = 1; i < len; i++) {
+				minorTickPositions = minorTickPositions.concat(
+					axis.getLogTickPositions(minorTickInterval, tickPositions[i - 1], tickPositions[i], true)
+				);	
+			}
+		} else if (axis.isDatetimeAxis && options.minorTickInterval === 'auto') { // #1314
+			minorTickPositions = minorTickPositions.concat(
+				getTimeTicks(
+					normalizeTimeTickInterval(minorTickInterval),
+					axis.min,
+					axis.max,
+					options.startOfWeek
+				)
+			);
+			if (minorTickPositions[0] < axis.min) {
+				minorTickPositions.shift();
+			}
+		} else {			
+			for (pos = axis.min + (tickPositions[0] - axis.min) % minorTickInterval; pos <= axis.max; pos += minorTickInterval) {
+				minorTickPositions.push(pos);
+			}
+		}
+		return minorTickPositions;
+	},
+
+	/**
+	 * Adjust the min and max for the minimum range. Keep in mind that the series data is 
+	 * not yet processed, so we don't have information on data cropping and grouping, or 
+	 * updated axis.pointRange or series.pointRange. The data can't be processed until
+	 * we have finally established min and max.
+	 */
+	adjustForMinRange: function () {
+		var axis = this,
+			options = axis.options,
+			min = axis.min,
+			max = axis.max,
+			zoomOffset,
+			spaceAvailable = axis.dataMax - axis.dataMin >= axis.minRange,
+			closestDataRange,
+			i,
+			distance,
+			xData,
+			loopLength,
+			minArgs,
+			maxArgs;
+
+		// Set the automatic minimum range based on the closest point distance
+		if (axis.isXAxis && axis.minRange === UNDEFINED && !axis.isLog) {
+
+			if (defined(options.min) || defined(options.max)) {
+				axis.minRange = null; // don't do this again
+
+			} else {
+
+				// Find the closest distance between raw data points, as opposed to
+				// closestPointRange that applies to processed points (cropped and grouped)
+				each(axis.series, function (series) {
+					xData = series.xData;
+					loopLength = series.xIncrement ? 1 : xData.length - 1;
+					for (i = loopLength; i > 0; i--) {
+						distance = xData[i] - xData[i - 1];
+						if (closestDataRange === UNDEFINED || distance < closestDataRange) {
+							closestDataRange = distance;
+						}
+					}
+				});
+				axis.minRange = mathMin(closestDataRange * 5, axis.dataMax - axis.dataMin);
+			}
+		}
+
+		// if minRange is exceeded, adjust
+		if (max - min < axis.minRange) {
+			var minRange = axis.minRange;
+			zoomOffset = (minRange - max + min) / 2;
+
+			// if min and max options have been set, don't go beyond it
+			minArgs = [min - zoomOffset, pick(options.min, min - zoomOffset)];
+			if (spaceAvailable) { // if space is available, stay within the data range
+				minArgs[2] = axis.dataMin;
+			}
+			min = arrayMax(minArgs);
+
+			maxArgs = [min + minRange, pick(options.max, min + minRange)];
+			if (spaceAvailable) { // if space is availabe, stay within the data range
+				maxArgs[2] = axis.dataMax;
+			}
+
+			max = arrayMin(maxArgs);
+
+			// now if the max is adjusted, adjust the min back
+			if (max - min < minRange) {
+				minArgs[0] = max - minRange;
+				minArgs[1] = pick(options.min, max - minRange);
+				min = arrayMax(minArgs);
+			}
+		}
+		
+		// Record modified extremes
+		axis.min = min;
+		axis.max = max;
+	},
+
+	/**
+	 * Update translation information
+	 */
+	setAxisTranslation: function (saveOld) {
+		var axis = this,
+			range = axis.max - axis.min,
+			pointRange = 0,
+			closestPointRange,
+			minPointOffset = 0,
+			pointRangePadding = 0,
+			linkedParent = axis.linkedParent,
+			ordinalCorrection,
+			transA = axis.transA;
+
+		// adjust translation for padding
+		if (axis.isXAxis) {
+			if (linkedParent) {
+				minPointOffset = linkedParent.minPointOffset;
+				pointRangePadding = linkedParent.pointRangePadding;
+				
+			} else {
+				each(axis.series, function (series) {
+					var seriesPointRange = series.pointRange,
+						pointPlacement = series.options.pointPlacement,
+						seriesClosestPointRange = series.closestPointRange;
+
+					if (seriesPointRange > range) { // #1446
+						seriesPointRange = 0;
+					}
+					pointRange = mathMax(pointRange, seriesPointRange);
+					
+					// minPointOffset is the value padding to the left of the axis in order to make
+					// room for points with a pointRange, typically columns. When the pointPlacement option
+					// is 'between' or 'on', this padding does not apply.
+					minPointOffset = mathMax(
+						minPointOffset, 
+						isString(pointPlacement) ? 0 : seriesPointRange / 2
+					);
+					
+					// Determine the total padding needed to the length of the axis to make room for the 
+					// pointRange. If the series' pointPlacement is 'on', no padding is added.
+					pointRangePadding = mathMax(
+						pointRangePadding,
+						pointPlacement === 'on' ? 0 : seriesPointRange
+					);
+
+					// Set the closestPointRange
+					if (!series.noSharedTooltip && defined(seriesClosestPointRange)) {
+						closestPointRange = defined(closestPointRange) ?
+							mathMin(closestPointRange, seriesClosestPointRange) :
+							seriesClosestPointRange;
+					}
+				});
+			}
+			
+			// Record minPointOffset and pointRangePadding
+			ordinalCorrection = axis.ordinalSlope && closestPointRange ? axis.ordinalSlope / closestPointRange : 1; // #988, #1853
+			axis.minPointOffset = minPointOffset = minPointOffset * ordinalCorrection;
+			axis.pointRangePadding = pointRangePadding = pointRangePadding * ordinalCorrection;
+
+			// pointRange means the width reserved for each point, like in a column chart
+			axis.pointRange = mathMin(pointRange, range);
+
+			// closestPointRange means the closest distance between points. In columns
+			// it is mostly equal to pointRange, but in lines pointRange is 0 while closestPointRange
+			// is some other value
+			axis.closestPointRange = closestPointRange;
+		}
+
+		// Secondary values
+		if (saveOld) {
+			axis.oldTransA = transA;
+		}
+		axis.translationSlope = axis.transA = transA = axis.len / ((range + pointRangePadding) || 1);
+		axis.transB = axis.horiz ? axis.left : axis.bottom; // translation addend
+		axis.minPixelPadding = transA * minPointOffset;
+	},
+
+	/**
+	 * Set the tick positions to round values and optionally extend the extremes
+	 * to the nearest tick
+	 */
+	setTickPositions: function (secondPass) {
+		var axis = this,
+			chart = axis.chart,
+			options = axis.options,
+			isLog = axis.isLog,
+			isDatetimeAxis = axis.isDatetimeAxis,
+			isXAxis = axis.isXAxis,
+			isLinked = axis.isLinked,
+			tickPositioner = axis.options.tickPositioner,
+			maxPadding = options.maxPadding,
+			minPadding = options.minPadding,
+			length,
+			linkedParentExtremes,
+			tickIntervalOption = options.tickInterval,
+			minTickIntervalOption = options.minTickInterval,
+			tickPixelIntervalOption = options.tickPixelInterval,
+			tickPositions,
+			keepTwoTicksOnly,
+			categories = axis.categories;
+
+		// linked axis gets the extremes from the parent axis
+		if (isLinked) {
+			axis.linkedParent = chart[isXAxis ? 'xAxis' : 'yAxis'][options.linkedTo];
+			linkedParentExtremes = axis.linkedParent.getExtremes();
+			axis.min = pick(linkedParentExtremes.min, linkedParentExtremes.dataMin);
+			axis.max = pick(linkedParentExtremes.max, linkedParentExtremes.dataMax);
+			if (options.type !== axis.linkedParent.options.type) {
+				error(11, 1); // Can't link axes of different type
+			}
+		} else { // initial min and max from the extreme data values
+			axis.min = pick(axis.userMin, options.min, axis.dataMin);
+			axis.max = pick(axis.userMax, options.max, axis.dataMax);
+		}
+
+		if (isLog) {
+			if (!secondPass && mathMin(axis.min, pick(axis.dataMin, axis.min)) <= 0) { // #978
+				error(10, 1); // Can't plot negative values on log axis
+			}
+			axis.min = correctFloat(log2lin(axis.min)); // correctFloat cures #934
+			axis.max = correctFloat(log2lin(axis.max));
+		}
+
+		// handle zoomed range
+		if (axis.range) {
+			axis.userMin = axis.min = mathMax(axis.min, axis.max - axis.range); // #618
+			axis.userMax = axis.max;
+			if (secondPass) {
+				axis.range = null;  // don't use it when running setExtremes
+			}
+		}
+		
+		// Hook for adjusting this.min and this.max. Used by bubble series.
+		if (axis.beforePadding) {
+			axis.beforePadding();
+		}
+
+		// adjust min and max for the minimum range
+		axis.adjustForMinRange();
+		
+		// Pad the values to get clear of the chart's edges. To avoid tickInterval taking the padding
+		// into account, we do this after computing tick interval (#1337).
+		if (!categories && !axis.usePercentage && !isLinked && defined(axis.min) && defined(axis.max)) {
+			length = axis.max - axis.min;
+			if (length) {
+				if (!defined(options.min) && !defined(axis.userMin) && minPadding && (axis.dataMin < 0 || !axis.ignoreMinPadding)) {
+					axis.min -= length * minPadding;
+				}
+				if (!defined(options.max) && !defined(axis.userMax)  && maxPadding && (axis.dataMax > 0 || !axis.ignoreMaxPadding)) {
+					axis.max += length * maxPadding;
+				}
+			}
+		}
+
+		// get tickInterval
+		if (axis.min === axis.max || axis.min === undefined || axis.max === undefined) {
+			axis.tickInterval = 1;
+		} else if (isLinked && !tickIntervalOption &&
+				tickPixelIntervalOption === axis.linkedParent.options.tickPixelInterval) {
+			axis.tickInterval = axis.linkedParent.tickInterval;
+		} else {
+			axis.tickInterval = pick(
+				tickIntervalOption,
+				categories ? // for categoried axis, 1 is default, for linear axis use tickPix
+					1 :
+					// don't let it be more than the data range
+					(axis.max - axis.min) * tickPixelIntervalOption / mathMax(axis.len, tickPixelIntervalOption)
+			);
+			// For squished axes, set only two ticks
+			if (!defined(tickIntervalOption) && axis.len < tickPixelIntervalOption && !this.isRadial) {
+				keepTwoTicksOnly = true;
+				axis.tickInterval /= 4; // tick extremes closer to the real values
+			}
+		}
+
+		// Now we're finished detecting min and max, crop and group series data. This
+		// is in turn needed in order to find tick positions in ordinal axes. 
+		if (isXAxis && !secondPass) {
+			each(axis.series, function (series) {
+				series.processData(axis.min !== axis.oldMin || axis.max !== axis.oldMax);
+			});
+		}
+
+		// set the translation factor used in translate function
+		axis.setAxisTranslation(true);
+
+		// hook for ordinal axes and radial axes
+		if (axis.beforeSetTickPositions) {
+			axis.beforeSetTickPositions();
+		}
+		
+		// hook for extensions, used in Highstock ordinal axes
+		if (axis.postProcessTickInterval) {
+			axis.tickInterval = axis.postProcessTickInterval(axis.tickInterval);
+		}
+
+		// In column-like charts, don't cramp in more ticks than there are points (#1943)
+		if (axis.pointRange) {
+			axis.tickInterval = mathMax(axis.pointRange, axis.tickInterval);
+		}
+		
+		// Before normalizing the tick interval, handle minimum tick interval. This applies only if tickInterval is not defined.
+		if (!tickIntervalOption && axis.tickInterval < minTickIntervalOption) {
+			axis.tickInterval = minTickIntervalOption;
+		}
+
+		// for linear axes, get magnitude and normalize the interval
+		if (!isDatetimeAxis && !isLog) { // linear
+			if (!tickIntervalOption) {
+				axis.tickInterval = normalizeTickInterval(axis.tickInterval, null, getMagnitude(axis.tickInterval), options);
+			}
+		}
+
+		// get minorTickInterval
+		axis.minorTickInterval = options.minorTickInterval === 'auto' && axis.tickInterval ?
+				axis.tickInterval / 5 : options.minorTickInterval;
+
+		// find the tick positions
+		axis.tickPositions = tickPositions = options.tickPositions ?
+			[].concat(options.tickPositions) : // Work on a copy (#1565)
+			(tickPositioner && tickPositioner.apply(axis, [axis.min, axis.max]));
+		if (!tickPositions) {
+			
+			// Too many ticks
+			if (!axis.ordinalPositions && (axis.max - axis.min) / axis.tickInterval > mathMax(2 * axis.len, 200)) {
+				error(19, true);
+			}
+			
+			if (isDatetimeAxis) {
+				tickPositions = (axis.getNonLinearTimeTicks || getTimeTicks)(
+					normalizeTimeTickInterval(axis.tickInterval, options.units),
+					axis.min,
+					axis.max,
+					options.startOfWeek,
+					axis.ordinalPositions,
+					axis.closestPointRange,
+					true
+				);
+			} else if (isLog) {
+				tickPositions = axis.getLogTickPositions(axis.tickInterval, axis.min, axis.max);
+			} else {
+				tickPositions = axis.getLinearTickPositions(axis.tickInterval, axis.min, axis.max);
+			}
+			if (keepTwoTicksOnly) {
+				tickPositions.splice(1, tickPositions.length - 2);
+			}
+
+			axis.tickPositions = tickPositions;
+		}
+
+		if (!isLinked) {
+
+			// reset min/max or remove extremes based on start/end on tick
+			var roundedMin = tickPositions[0],
+				roundedMax = tickPositions[tickPositions.length - 1],
+				minPointOffset = axis.minPointOffset || 0,
+				singlePad;
+
+			if (options.startOnTick) {
+				axis.min = roundedMin;
+			} else if (axis.min - minPointOffset > roundedMin) {
+				tickPositions.shift();
+			}
+
+			if (options.endOnTick) {
+				axis.max = roundedMax;
+			} else if (axis.max + minPointOffset < roundedMax) {
+				tickPositions.pop();
+			}
+			
+			// When there is only one point, or all points have the same value on this axis, then min
+			// and max are equal and tickPositions.length is 1. In this case, add some padding
+			// in order to center the point, but leave it with one tick. #1337.
+			if (tickPositions.length === 1) {
+				singlePad = 0.001; // The lowest possible number to avoid extra padding on columns
+				axis.min -= singlePad;
+				axis.max += singlePad;
+			}
+		}
+	},
+	
+	/**
+	 * Set the max ticks of either the x and y axis collection
+	 */
+	setMaxTicks: function () {
+		
+		var chart = this.chart,
+			maxTicks = chart.maxTicks || {},
+			tickPositions = this.tickPositions,
+			key = this._maxTicksKey = [this.xOrY, this.pos, this.len].join('-');
+		
+		if (!this.isLinked && !this.isDatetimeAxis && tickPositions && tickPositions.length > (maxTicks[key] || 0) && this.options.alignTicks !== false) {
+			maxTicks[key] = tickPositions.length;
+		}
+		chart.maxTicks = maxTicks;
+	},
+
+	/**
+	 * When using multiple axes, adjust the number of ticks to match the highest
+	 * number of ticks in that group
+	 */
+	adjustTickAmount: function () {
+		var axis = this,
+			chart = axis.chart,
+			key = axis._maxTicksKey,
+			tickPositions = axis.tickPositions,
+			maxTicks = chart.maxTicks;
+
+		if (maxTicks && maxTicks[key] && !axis.isDatetimeAxis && !axis.categories && !axis.isLinked && axis.options.alignTicks !== false) { // only apply to linear scale
+			var oldTickAmount = axis.tickAmount,
+				calculatedTickAmount = tickPositions.length,
+				tickAmount;
+
+			// set the axis-level tickAmount to use below
+			axis.tickAmount = tickAmount = maxTicks[key];
+
+			if (calculatedTickAmount < tickAmount) {
+				while (tickPositions.length < tickAmount) {
+					tickPositions.push(correctFloat(
+						tickPositions[tickPositions.length - 1] + axis.tickInterval
+					));
+				}
+				axis.transA *= (calculatedTickAmount - 1) / (tickAmount - 1);
+				axis.max = tickPositions[tickPositions.length - 1];
+
+			}
+			if (defined(oldTickAmount) && tickAmount !== oldTickAmount) {
+				axis.isDirty = true;
+			}
+		}
+	},
+
+	/**
+	 * Set the scale based on data min and max, user set min and max or options
+	 *
+	 */
+	setScale: function () {
+		var axis = this,
+			stacks = axis.stacks,
+			type,
+			i,
+			isDirtyData,
+			isDirtyAxisLength;
+
+		axis.oldMin = axis.min;
+		axis.oldMax = axis.max;
+		axis.oldAxisLength = axis.len;
+
+		// set the new axisLength
+		axis.setAxisSize();
+		//axisLength = horiz ? axisWidth : axisHeight;
+		isDirtyAxisLength = axis.len !== axis.oldAxisLength;
+
+		// is there new data?
+		each(axis.series, function (series) {
+			if (series.isDirtyData || series.isDirty ||
+					series.xAxis.isDirty) { // when x axis is dirty, we need new data extremes for y as well
+				isDirtyData = true;
+			}
+		});
+
+		// do we really need to go through all this?
+		if (isDirtyAxisLength || isDirtyData || axis.isLinked || axis.forceRedraw ||
+			axis.userMin !== axis.oldUserMin || axis.userMax !== axis.oldUserMax) {
+			
+			// reset stacks
+			if (!axis.isXAxis) {
+				for (type in stacks) {
+					delete stacks[type];
+				}
+			}
+
+			axis.forceRedraw = false;
+
+			// get data extremes if needed
+			axis.getSeriesExtremes();
+
+			// get fixed positions based on tickInterval
+			axis.setTickPositions();
+
+			// record old values to decide whether a rescale is necessary later on (#540)
+			axis.oldUserMin = axis.userMin;
+			axis.oldUserMax = axis.userMax;
+
+			// Mark as dirty if it is not already set to dirty and extremes have changed. #595.
+			if (!axis.isDirty) {
+				axis.isDirty = isDirtyAxisLength || axis.min !== axis.oldMin || axis.max !== axis.oldMax;
+			}
+		} else if (!axis.isXAxis) {
+			if (axis.oldStacks) {
+				stacks = axis.stacks = axis.oldStacks;
+			}
+
+			// reset stacks
+			for (type in stacks) {
+				for (i in stacks[type]) {
+					stacks[type][i].cum = stacks[type][i].total;
+				}
+			}
+		}
+		
+		// Set the maximum tick amount
+		axis.setMaxTicks();
+	},
+
+	/**
+	 * Set the extremes and optionally redraw
+	 * @param {Number} newMin
+	 * @param {Number} newMax
+	 * @param {Boolean} redraw
+	 * @param {Boolean|Object} animation Whether to apply animation, and optionally animation
+	 *    configuration
+	 * @param {Object} eventArguments 
+	 *
+	 */
+	setExtremes: function (newMin, newMax, redraw, animation, eventArguments) {
+		var axis = this,
+			chart = axis.chart;
+
+		redraw = pick(redraw, true); // defaults to true
+
+		// Extend the arguments with min and max
+		eventArguments = extend(eventArguments, {
+			min: newMin,
+			max: newMax
+		});
+
+		// Fire the event
+		fireEvent(axis, 'setExtremes', eventArguments, function () { // the default event handler
+
+			axis.userMin = newMin;
+			axis.userMax = newMax;
+			axis.eventArgs = eventArguments;
+
+			// Mark for running afterSetExtremes
+			axis.isDirtyExtremes = true;
+
+			// redraw
+			if (redraw) {
+				chart.redraw(animation);
+			}
+		});
+	},
+	
+	/**
+	 * Overridable method for zooming chart. Pulled out in a separate method to allow overriding
+	 * in stock charts.
+	 */
+	zoom: function (newMin, newMax) {
+
+		// Prevent pinch zooming out of range. Check for defined is for #1946.
+		if (!this.allowZoomOutside) {
+			if (defined(this.dataMin) && newMin <= this.dataMin) {
+				newMin = UNDEFINED;
+			}
+			if (defined(this.dataMax) && newMax >= this.dataMax) {
+				newMax = UNDEFINED;
+			}
+		}
+
+		// In full view, displaying the reset zoom button is not required
+		this.displayBtn = newMin !== UNDEFINED || newMax !== UNDEFINED;
+		
+		// Do it
+		this.setExtremes(
+			newMin,
+			newMax,
+			false, 
+			UNDEFINED, 
+			{ trigger: 'zoom' }
+		);
+		return true;
+	},
+	
+	/**
+	 * Update the axis metrics
+	 */
+	setAxisSize: function () {
+		var chart = this.chart,
+			options = this.options,
+			offsetLeft = options.offsetLeft || 0,
+			offsetRight = options.offsetRight || 0,
+			horiz = this.horiz,
+			width,
+			height,
+			top,
+			left;
+
+		// Expose basic values to use in Series object and navigator
+		this.left = left = pick(options.left, chart.plotLeft + offsetLeft);
+		this.top = top = pick(options.top, chart.plotTop);
+		this.width = width = pick(options.width, chart.plotWidth - offsetLeft + offsetRight);
+		this.height = height = pick(options.height, chart.plotHeight);
+		this.bottom = chart.chartHeight - height - top;
+		this.right = chart.chartWidth - width - left;
+
+		// Direction agnostic properties
+		this.len = mathMax(horiz ? width : height, 0); // mathMax fixes #905
+		this.pos = horiz ? left : top; // distance from SVG origin
+	},
+
+	/**
+	 * Get the actual axis extremes
+	 */
+	getExtremes: function () {
+		var axis = this,
+			isLog = axis.isLog;
+
+		return {
+			min: isLog ? correctFloat(lin2log(axis.min)) : axis.min,
+			max: isLog ? correctFloat(lin2log(axis.max)) : axis.max,
+			dataMin: axis.dataMin,
+			dataMax: axis.dataMax,
+			userMin: axis.userMin,
+			userMax: axis.userMax
+		};
+	},
+
+	/**
+	 * Get the zero plane either based on zero or on the min or max value.
+	 * Used in bar and area plots
+	 */
+	getThreshold: function (threshold) {
+		var axis = this,
+			isLog = axis.isLog;
+
+		var realMin = isLog ? lin2log(axis.min) : axis.min,
+			realMax = isLog ? lin2log(axis.max) : axis.max;
+		
+		if (realMin > threshold || threshold === null) {
+			threshold = realMin;
+		} else if (realMax < threshold) {
+			threshold = realMax;
+		}
+
+		return axis.translate(threshold, 0, 1, 0, 1);
+	},
+
+	addPlotBand: function (options) {
+		this.addPlotBandOrLine(options, 'plotBands');
+	},
+	
+	addPlotLine: function (options) {
+		this.addPlotBandOrLine(options, 'plotLines');
+	},
+
+	/**
+	 * Add a plot band or plot line after render time
+	 *
+	 * @param options {Object} The plotBand or plotLine configuration object
+	 */
+	addPlotBandOrLine: function (options, coll) {
+		var obj = new PlotLineOrBand(this, options).render(),
+			userOptions = this.userOptions;
+
+		if (obj) { // #2189
+			// Add it to the user options for exporting and Axis.update
+			if (coll) {
+				userOptions[coll] = userOptions[coll] || [];
+				userOptions[coll].push(options); 
+			}
+			this.plotLinesAndBands.push(obj); 
+		}
+		
+		return obj;
+	},
+
+	/**
+	 * Compute auto alignment for the axis label based on which side the axis is on 
+	 * and the given rotation for the label
+	 */
+	autoLabelAlign: function (rotation) {
+		var ret, 
+			angle = (pick(rotation, 0) - (this.side * 90) + 720) % 360;
+
+		if (angle > 15 && angle < 165) {
+			ret = 'right';
+		} else if (angle > 195 && angle < 345) {
+			ret = 'left';
+		} else {
+			ret = 'center';
+		}
+		return ret;
+	},
+
+	/**
+	 * Render the tick labels to a preliminary position to get their sizes
+	 */
+	getOffset: function () {
+		var axis = this,
+			chart = axis.chart,
+			renderer = chart.renderer,
+			options = axis.options,
+			tickPositions = axis.tickPositions,
+			ticks = axis.ticks,
+			horiz = axis.horiz,
+			side = axis.side,
+			invertedSide = chart.inverted ? [1, 0, 3, 2][side] : side,
+			hasData,
+			showAxis,
+			titleOffset = 0,
+			titleOffsetOption,
+			titleMargin = 0,
+			axisTitleOptions = options.title,
+			labelOptions = options.labels,
+			labelOffset = 0, // reset
+			axisOffset = chart.axisOffset,
+			clipOffset = chart.clipOffset,
+			directionFactor = [-1, 1, 1, -1][side],
+			n,
+			i,
+			autoStaggerLines = 1,
+			maxStaggerLines = pick(labelOptions.maxStaggerLines, 5),
+			sortedPositions,
+			lastRight,
+			overlap,
+			pos,
+			bBox,
+			x,
+			w,
+			lineNo;
+			
+		// For reuse in Axis.render
+		axis.hasData = hasData = (axis.hasVisibleSeries || (defined(axis.min) && defined(axis.max) && !!tickPositions));
+		axis.showAxis = showAxis = hasData || pick(options.showEmpty, true);
+
+		// Set/reset staggerLines
+		axis.staggerLines = axis.horiz && labelOptions.staggerLines;
+		
+		// Create the axisGroup and gridGroup elements on first iteration
+		if (!axis.axisGroup) {
+			axis.gridGroup = renderer.g('grid')
+				.attr({ zIndex: options.gridZIndex || 1 })
+				.add();
+			axis.axisGroup = renderer.g('axis')
+				.attr({ zIndex: options.zIndex || 2 })
+				.add();
+			axis.labelGroup = renderer.g('axis-labels')
+				.attr({ zIndex: labelOptions.zIndex || 7 })
+				.add();
+		}
+
+		if (hasData || axis.isLinked) {
+			
+			// Set the explicit or automatic label alignment
+			axis.labelAlign = pick(labelOptions.align || axis.autoLabelAlign(labelOptions.rotation));
+
+			each(tickPositions, function (pos) {
+				if (!ticks[pos]) {
+					ticks[pos] = new Tick(axis, pos);
+				} else {
+					ticks[pos].addLabel(); // update labels depending on tick interval
+				}
+			});
+
+			// Handle automatic stagger lines
+			if (axis.horiz && !axis.staggerLines && maxStaggerLines && !labelOptions.rotation) {
+				sortedPositions = axis.reversed ? [].concat(tickPositions).reverse() : tickPositions;
+				while (autoStaggerLines < maxStaggerLines) {
+					lastRight = [];
+					overlap = false;
+					
+					for (i = 0; i < sortedPositions.length; i++) {
+						pos = sortedPositions[i];
+						bBox = ticks[pos].label && ticks[pos].label.getBBox();
+						w = bBox ? bBox.width : 0;
+						lineNo = i % autoStaggerLines;
+						
+						if (w) {
+							x = axis.translate(pos); // don't handle log
+							if (lastRight[lineNo] !== UNDEFINED && x < lastRight[lineNo]) {
+								overlap = true;
+							}
+							lastRight[lineNo] = x + w;
+						}
+					}
+					if (overlap) {
+						autoStaggerLines++;
+					} else {
+						break;
+					}
+				}
+
+				if (autoStaggerLines > 1) {
+					axis.staggerLines = autoStaggerLines;
+				}
+			}
+
+
+			each(tickPositions, function (pos) {
+				// left side must be align: right and right side must have align: left for labels
+				if (side === 0 || side === 2 || { 1: 'left', 3: 'right' }[side] === axis.labelAlign) {
+
+					// get the highest offset
+					labelOffset = mathMax(
+						ticks[pos].getLabelSize(),
+						labelOffset
+					);
+				}
+
+			});
+			if (axis.staggerLines) {
+				labelOffset *= axis.staggerLines;
+				axis.labelOffset = labelOffset;
+			}
+			
+
+		} else { // doesn't have data
+			for (n in ticks) {
+				ticks[n].destroy();
+				delete ticks[n];
+			}
+		}
+
+		if (axisTitleOptions && axisTitleOptions.text && axisTitleOptions.enabled !== false) { 
+			if (!axis.axisTitle) {
+				axis.axisTitle = renderer.text(
+					axisTitleOptions.text,
+					0,
+					0,
+					axisTitleOptions.useHTML
+				)
+				.attr({
+					zIndex: 7,
+					rotation: axisTitleOptions.rotation || 0,
+					align:
+						axisTitleOptions.textAlign ||
+						{ low: 'left', middle: 'center', high: 'right' }[axisTitleOptions.align]
+				})
+				.css(axisTitleOptions.style)
+				.add(axis.axisGroup);
+				axis.axisTitle.isNew = true;
+			}
+
+			if (showAxis) {
+				titleOffset = axis.axisTitle.getBBox()[horiz ? 'height' : 'width'];
+				titleMargin = pick(axisTitleOptions.margin, horiz ? 5 : 10);
+				titleOffsetOption = axisTitleOptions.offset;
+			}
+
+			// hide or show the title depending on whether showEmpty is set
+			axis.axisTitle[showAxis ? 'show' : 'hide']();
+		}
+		
+		// handle automatic or user set offset
+		axis.offset = directionFactor * pick(options.offset, axisOffset[side]);
+		
+		axis.axisTitleMargin =
+			pick(titleOffsetOption,
+				labelOffset + titleMargin +
+				(side !== 2 && labelOffset && directionFactor * options.labels[horiz ? 'y' : 'x'])
+			);
+
+		axisOffset[side] = mathMax(
+			axisOffset[side],
+			axis.axisTitleMargin + titleOffset + directionFactor * axis.offset
+		);
+		clipOffset[invertedSide] = mathMax(clipOffset[invertedSide], mathFloor(options.lineWidth / 2) * 2);
+	},
+	
+	/**
+	 * Get the path for the axis line
+	 */
+	getLinePath: function (lineWidth) {
+		var chart = this.chart,
+			opposite = this.opposite,
+			offset = this.offset,
+			horiz = this.horiz,
+			lineLeft = this.left + (opposite ? this.width : 0) + offset,
+			lineTop = chart.chartHeight - this.bottom - (opposite ? this.height : 0) + offset;
+			
+		if (opposite) {
+			lineWidth *= -1; // crispify the other way - #1480, #1687
+		}
+
+		return chart.renderer.crispLine([
+				M,
+				horiz ?
+					this.left :
+					lineLeft,
+				horiz ?
+					lineTop :
+					this.top,
+				L,
+				horiz ?
+					chart.chartWidth - this.right :
+					lineLeft,
+				horiz ?
+					lineTop :
+					chart.chartHeight - this.bottom
+			], lineWidth);
+	},
+	
+	/**
+	 * Position the title
+	 */
+	getTitlePosition: function () {
+		// compute anchor points for each of the title align options
+		var horiz = this.horiz,
+			axisLeft = this.left,
+			axisTop = this.top,
+			axisLength = this.len,
+			axisTitleOptions = this.options.title,			
+			margin = horiz ? axisLeft : axisTop,
+			opposite = this.opposite,
+			offset = this.offset,
+			fontSize = pInt(axisTitleOptions.style.fontSize || 12),
+			
+			// the position in the length direction of the axis
+			alongAxis = {
+				low: margin + (horiz ? 0 : axisLength),
+				middle: margin + axisLength / 2,
+				high: margin + (horiz ? axisLength : 0)
+			}[axisTitleOptions.align],
+	
+			// the position in the perpendicular direction of the axis
+			offAxis = (horiz ? axisTop + this.height : axisLeft) +
+				(horiz ? 1 : -1) * // horizontal axis reverses the margin
+				(opposite ? -1 : 1) * // so does opposite axes
+				this.axisTitleMargin +
+				(this.side === 2 ? fontSize : 0);
+
+		return {
+			x: horiz ?
+				alongAxis :
+				offAxis + (opposite ? this.width : 0) + offset +
+					(axisTitleOptions.x || 0), // x
+			y: horiz ?
+				offAxis - (opposite ? this.height : 0) + offset :
+				alongAxis + (axisTitleOptions.y || 0) // y
+		};
+	},
+	
+	/**
+	 * Render the axis
+	 */
+	render: function () {
+		var axis = this,
+			chart = axis.chart,
+			renderer = chart.renderer,
+			options = axis.options,
+			isLog = axis.isLog,
+			isLinked = axis.isLinked,
+			tickPositions = axis.tickPositions,
+			axisTitle = axis.axisTitle,
+			stacks = axis.stacks,
+			ticks = axis.ticks,
+			minorTicks = axis.minorTicks,
+			alternateBands = axis.alternateBands,
+			stackLabelOptions = options.stackLabels,
+			alternateGridColor = options.alternateGridColor,
+			tickmarkOffset = axis.tickmarkOffset,
+			lineWidth = options.lineWidth,
+			linePath,
+			hasRendered = chart.hasRendered,
+			slideInTicks = hasRendered && defined(axis.oldMin) && !isNaN(axis.oldMin),
+			hasData = axis.hasData,
+			showAxis = axis.showAxis,
+			from,
+			to;
+
+		// Mark all elements inActive before we go over and mark the active ones
+		each([ticks, minorTicks, alternateBands], function (coll) {
+			var pos;
+			for (pos in coll) {
+				coll[pos].isActive = false;
+			}
+		});
+
+		// If the series has data draw the ticks. Else only the line and title
+		if (hasData || isLinked) {
+
+			// minor ticks
+			if (axis.minorTickInterval && !axis.categories) {
+				each(axis.getMinorTickPositions(), function (pos) {
+					if (!minorTicks[pos]) {
+						minorTicks[pos] = new Tick(axis, pos, 'minor');
+					}
+
+					// render new ticks in old position
+					if (slideInTicks && minorTicks[pos].isNew) {
+						minorTicks[pos].render(null, true);
+					}
+
+					minorTicks[pos].render(null, false, 1);
+				});
+			}
+
+			// Major ticks. Pull out the first item and render it last so that
+			// we can get the position of the neighbour label. #808.
+			if (tickPositions.length) { // #1300
+				each(tickPositions.slice(1).concat([tickPositions[0]]), function (pos, i) {
+	
+					// Reorganize the indices
+					i = (i === tickPositions.length - 1) ? 0 : i + 1;
+	
+					// linked axes need an extra check to find out if
+					if (!isLinked || (pos >= axis.min && pos <= axis.max)) {
+	
+						if (!ticks[pos]) {
+							ticks[pos] = new Tick(axis, pos);
+						}
+	
+						// render new ticks in old position
+						if (slideInTicks && ticks[pos].isNew) {
+							ticks[pos].render(i, true);
+						}
+	
+						ticks[pos].render(i, false, 1);
+					}
+	
+				});
+				// In a categorized axis, the tick marks are displayed between labels. So
+				// we need to add a tick mark and grid line at the left edge of the X axis.
+				if (tickmarkOffset && axis.min === 0) {
+					if (!ticks[-1]) {
+						ticks[-1] = new Tick(axis, -1, null, true);
+					}
+					ticks[-1].render(-1);
+				}
+				
+			}
+
+			// alternate grid color
+			if (alternateGridColor) {
+				each(tickPositions, function (pos, i) {
+					if (i % 2 === 0 && pos < axis.max) {
+						if (!alternateBands[pos]) {
+							alternateBands[pos] = new PlotLineOrBand(axis);
+						}
+						from = pos + tickmarkOffset; // #949
+						to = tickPositions[i + 1] !== UNDEFINED ? tickPositions[i + 1] + tickmarkOffset : axis.max;
+						alternateBands[pos].options = {
+							from: isLog ? lin2log(from) : from,
+							to: isLog ? lin2log(to) : to,
+							color: alternateGridColor
+						};
+						alternateBands[pos].render();
+						alternateBands[pos].isActive = true;
+					}
+				});
+			}
+
+			// custom plot lines and bands
+			if (!axis._addedPlotLB) { // only first time
+				each((options.plotLines || []).concat(options.plotBands || []), function (plotLineOptions) {
+					axis.addPlotBandOrLine(plotLineOptions);
+				});
+				axis._addedPlotLB = true;
+			}
+
+		} // end if hasData
+
+		// Remove inactive ticks
+		each([ticks, minorTicks, alternateBands], function (coll) {
+			var pos, 
+				i,
+				forDestruction = [],
+				delay = globalAnimation ? globalAnimation.duration || 500 : 0,
+				destroyInactiveItems = function () {
+					i = forDestruction.length;
+					while (i--) {
+						// When resizing rapidly, the same items may be destroyed in different timeouts,
+						// or the may be reactivated
+						if (coll[forDestruction[i]] && !coll[forDestruction[i]].isActive) {
+							coll[forDestruction[i]].destroy();
+							delete coll[forDestruction[i]];
+						}
+					}
+					
+				};
+
+			for (pos in coll) {
+
+				if (!coll[pos].isActive) {
+					// Render to zero opacity
+					coll[pos].render(pos, false, 0);
+					coll[pos].isActive = false;
+					forDestruction.push(pos);
+				}
+			}
+
+			// When the objects are finished fading out, destroy them
+			if (coll === alternateBands || !chart.hasRendered || !delay) {
+				destroyInactiveItems();
+			} else if (delay) {
+				setTimeout(destroyInactiveItems, delay);
+			}
+		});
+
+		// Static items. As the axis group is cleared on subsequent calls
+		// to render, these items are added outside the group.
+		// axis line
+		if (lineWidth) {
+			linePath = axis.getLinePath(lineWidth);
+			if (!axis.axisLine) {
+				axis.axisLine = renderer.path(linePath)
+					.attr({
+						stroke: options.lineColor,
+						'stroke-width': lineWidth,
+						zIndex: 7
+					})
+					.add(axis.axisGroup);
+			} else {
+				axis.axisLine.animate({ d: linePath });
+			}
+
+			// show or hide the line depending on options.showEmpty
+			axis.axisLine[showAxis ? 'show' : 'hide']();
+		}
+
+		if (axisTitle && showAxis) {
+			
+			axisTitle[axisTitle.isNew ? 'attr' : 'animate'](
+				axis.getTitlePosition()
+			);
+			axisTitle.isNew = false;
+		}
+
+		// Stacked totals:
+		if (stackLabelOptions && stackLabelOptions.enabled) {
+			var stackKey, oneStack, stackCategory,
+				stackTotalGroup = axis.stackTotalGroup;
+
+			// Create a separate group for the stack total labels
+			if (!stackTotalGroup) {
+				axis.stackTotalGroup = stackTotalGroup =
+					renderer.g('stack-labels')
+						.attr({
+							visibility: VISIBLE,
+							zIndex: 6
+						})
+						.add();
+			}
+
+			// plotLeft/Top will change when y axis gets wider so we need to translate the
+			// stackTotalGroup at every render call. See bug #506 and #516
+			stackTotalGroup.translate(chart.plotLeft, chart.plotTop);
+
+			// Render each stack total
+			for (stackKey in stacks) {
+				oneStack = stacks[stackKey];
+				for (stackCategory in oneStack) {
+					oneStack[stackCategory].render(stackTotalGroup);
+				}
+			}
+		}
+		// End stacked totals
+
+		axis.isDirty = false;
+	},
+
+	/**
+	 * Remove a plot band or plot line from the chart by id
+	 * @param {Object} id
+	 */
+	removePlotBandOrLine: function (id) {
+		var plotLinesAndBands = this.plotLinesAndBands,
+			options = this.options,
+			userOptions = this.userOptions,
+			i = plotLinesAndBands.length;
+		while (i--) {
+			if (plotLinesAndBands[i].id === id) {
+				plotLinesAndBands[i].destroy();
+			}
+		}
+		each([options.plotLines || [], userOptions.plotLines || [], options.plotBands || [], userOptions.plotBands || []], function (arr) {
+			i = arr.length;
+			while (i--) {
+				if (arr[i].id === id) {
+					erase(arr, arr[i]);
+				}
+			}
+		});
+
+	},
+
+	/**
+	 * Update the axis title by options
+	 */
+	setTitle: function (newTitleOptions, redraw) {
+		this.update({ title: newTitleOptions }, redraw);
+	},
+
+	/**
+	 * Redraw the axis to reflect changes in the data or axis extremes
+	 */
+	redraw: function () {
+		var axis = this,
+			chart = axis.chart,
+			pointer = chart.pointer;
+
+		// hide tooltip and hover states
+		if (pointer.reset) {
+			pointer.reset(true);
+		}
+
+		// render the axis
+		axis.render();
+
+		// move plot lines and bands
+		each(axis.plotLinesAndBands, function (plotLine) {
+			plotLine.render();
+		});
+
+		// mark associated series as dirty and ready for redraw
+		each(axis.series, function (series) {
+			series.isDirty = true;
+		});
+
+	},
+
+	/**
+	 * Build the stacks from top down
+	 */
+	buildStacks: function () {
+		var series = this.series,
+			i = series.length;
+		if (!this.isXAxis) {
+			while (i--) {
+				series[i].setStackedPoints();
+			}
+			// Loop up again to compute percent stack
+			if (this.usePercentage) {
+				for (i = 0; i < series.length; i++) {
+					series[i].setPercentStacks();
+				}
+			}
+		}
+	},
+
+	/**
+	 * Set new axis categories and optionally redraw
+	 * @param {Array} categories
+	 * @param {Boolean} redraw
+	 */
+	setCategories: function (categories, redraw) {
+		this.update({ categories: categories }, redraw);
+	},
+
+	/**
+	 * Destroys an Axis instance.
+	 */
+	destroy: function (keepEvents) {
+		var axis = this,
+			stacks = axis.stacks,
+			stackKey,
+			plotLinesAndBands = axis.plotLinesAndBands,
+			i;
+
+		// Remove the events
+		if (!keepEvents) {
+			removeEvent(axis);
+		}
+
+		// Destroy each stack total
+		for (stackKey in stacks) {
+			destroyObjectProperties(stacks[stackKey]);
+
+			stacks[stackKey] = null;
+		}
+
+		// Destroy collections
+		each([axis.ticks, axis.minorTicks, axis.alternateBands], function (coll) {
+			destroyObjectProperties(coll);
+		});
+		i = plotLinesAndBands.length;
+		while (i--) { // #1975
+			plotLinesAndBands[i].destroy();
+		}
+
+		// Destroy local variables
+		each(['stackTotalGroup', 'axisLine', 'axisGroup', 'gridGroup', 'labelGroup', 'axisTitle'], function (prop) {
+			if (axis[prop]) {
+				axis[prop] = axis[prop].destroy();
+			}
+		});
+	}
+
+	
+}; // end Axis
+
+/**
+ * The tooltip object
+ * @param {Object} chart The chart instance
+ * @param {Object} options Tooltip options
+ */
+function Tooltip() {
+	this.init.apply(this, arguments);
+}
+
+Tooltip.prototype = {
+
+	init: function (chart, options) {
+
+		var borderWidth = options.borderWidth,
+			style = options.style,
+			padding = pInt(style.padding);
+
+		// Save the chart and options
+		this.chart = chart;
+		this.options = options;
+
+		// Keep track of the current series
+		//this.currentSeries = UNDEFINED;
+
+		// List of crosshairs
+		this.crosshairs = [];
+
+		// Current values of x and y when animating
+		this.now = { x: 0, y: 0 };
+
+		// The tooltip is initially hidden
+		this.isHidden = true;
+
+
+		// create the label
+		this.label = chart.renderer.label('', 0, 0, options.shape, null, null, options.useHTML, null, 'tooltip')
+			.attr({
+				padding: padding,
+				fill: options.backgroundColor,
+				'stroke-width': borderWidth,
+				r: options.borderRadius,
+				zIndex: 8
+			})
+			.css(style)
+			.css({ padding: 0 }) // Remove it from VML, the padding is applied as an attribute instead (#1117)
+			.add()
+			.attr({ y: -999 }); // #2301
+
+		// When using canVG the shadow shows up as a gray circle
+		// even if the tooltip is hidden.
+		if (!useCanVG) {
+			this.label.shadow(options.shadow);
+		}
+
+		// Public property for getting the shared state.
+		this.shared = options.shared;
+	},
+
+	/**
+	 * Destroy the tooltip and its elements.
+	 */
+	destroy: function () {
+		each(this.crosshairs, function (crosshair) {
+			if (crosshair) {
+				crosshair.destroy();
+			}
+		});
+
+		// Destroy and clear local variables
+		if (this.label) {
+			this.label = this.label.destroy();
+		}
+		clearTimeout(this.hideTimer);
+		clearTimeout(this.tooltipTimeout);
+	},
+
+	/**
+	 * Provide a soft movement for the tooltip
+	 *
+	 * @param {Number} x
+	 * @param {Number} y
+	 * @private
+	 */
+	move: function (x, y, anchorX, anchorY) {
+		var tooltip = this,
+			now = tooltip.now,
+			animate = tooltip.options.animation !== false && !tooltip.isHidden;
+
+		// get intermediate values for animation
+		extend(now, {
+			x: animate ? (2 * now.x + x) / 3 : x,
+			y: animate ? (now.y + y) / 2 : y,
+			anchorX: animate ? (2 * now.anchorX + anchorX) / 3 : anchorX,
+			anchorY: animate ? (now.anchorY + anchorY) / 2 : anchorY
+		});
+
+		// move to the intermediate value
+		tooltip.label.attr(now);
+
+		
+		// run on next tick of the mouse tracker
+		if (animate && (mathAbs(x - now.x) > 1 || mathAbs(y - now.y) > 1)) {
+		
+			// never allow two timeouts
+			clearTimeout(this.tooltipTimeout);
+			
+			// set the fixed interval ticking for the smooth tooltip
+			this.tooltipTimeout = setTimeout(function () {
+				// The interval function may still be running during destroy, so check that the chart is really there before calling.
+				if (tooltip) {
+					tooltip.move(x, y, anchorX, anchorY);
+				}
+			}, 32);
+			
+		}
+	},
+
+	/**
+	 * Hide the tooltip
+	 */
+	hide: function () {
+		var tooltip = this,
+			hoverPoints;
+		
+		clearTimeout(this.hideTimer); // disallow duplicate timers (#1728, #1766)
+		if (!this.isHidden) {
+			hoverPoints = this.chart.hoverPoints;
+
+			this.hideTimer = setTimeout(function () {
+				tooltip.label.fadeOut();
+				tooltip.isHidden = true;
+			}, pick(this.options.hideDelay, 500));
+
+			// hide previous hoverPoints and set new
+			if (hoverPoints) {
+				each(hoverPoints, function (point) {
+					point.setState();
+				});
+			}
+
+			this.chart.hoverPoints = null;
+		}
+	},
+
+	/**
+	 * Hide the crosshairs
+	 */
+	hideCrosshairs: function () {
+		each(this.crosshairs, function (crosshair) {
+			if (crosshair) {
+				crosshair.hide();
+			}
+		});
+	},
+	
+	/** 
+	 * Extendable method to get the anchor position of the tooltip
+	 * from a point or set of points
+	 */
+	getAnchor: function (points, mouseEvent) {
+		var ret,
+			chart = this.chart,
+			inverted = chart.inverted,
+			plotTop = chart.plotTop,
+			plotX = 0,
+			plotY = 0,
+			yAxis;
+		
+		points = splat(points);
+		
+		// Pie uses a special tooltipPos
+		ret = points[0].tooltipPos;
+		
+		// When tooltip follows mouse, relate the position to the mouse
+		if (this.followPointer && mouseEvent) {
+			if (mouseEvent.chartX === UNDEFINED) {
+				mouseEvent = chart.pointer.normalize(mouseEvent);
+			}
+			ret = [
+				mouseEvent.chartX - chart.plotLeft,
+				mouseEvent.chartY - plotTop
+			];
+		}
+		// When shared, use the average position
+		if (!ret) {
+			each(points, function (point) {
+				yAxis = point.series.yAxis;
+				plotX += point.plotX;
+				plotY += (point.plotLow ? (point.plotLow + point.plotHigh) / 2 : point.plotY) +
+					(!inverted && yAxis ? yAxis.top - plotTop : 0); // #1151
+			});
+			
+			plotX /= points.length;
+			plotY /= points.length;
+			
+			ret = [
+				inverted ? chart.plotWidth - plotY : plotX,
+				this.shared && !inverted && points.length > 1 && mouseEvent ? 
+					mouseEvent.chartY - plotTop : // place shared tooltip next to the mouse (#424)
+					inverted ? chart.plotHeight - plotX : plotY
+			];
+		}
+
+		return map(ret, mathRound);
+	},
+	
+	/**
+	 * Place the tooltip in a chart without spilling over
+	 * and not covering the point it self.
+	 */
+	getPosition: function (boxWidth, boxHeight, point) {
+		
+		// Set up the variables
+		var chart = this.chart,
+			plotLeft = chart.plotLeft,
+			plotTop = chart.plotTop,
+			plotWidth = chart.plotWidth,
+			plotHeight = chart.plotHeight,
+			distance = pick(this.options.distance, 12),
+			pointX = point.plotX,
+			pointY = point.plotY,
+			x = pointX + plotLeft + (chart.inverted ? distance : -boxWidth - distance),
+			y = pointY - boxHeight + plotTop + 15, // 15 means the point is 15 pixels up from the bottom of the tooltip
+			alignedRight;
+	
+		// It is too far to the left, adjust it
+		if (x < 7) {
+			x = plotLeft + mathMax(pointX, 0) + distance;
+		}
+	
+		// Test to see if the tooltip is too far to the right,
+		// if it is, move it back to be inside and then up to not cover the point.
+		if ((x + boxWidth) > (plotLeft + plotWidth)) {
+			x -= (x + boxWidth) - (plotLeft + plotWidth);
+			y = pointY - boxHeight + plotTop - distance;
+			alignedRight = true;
+		}
+	
+		// If it is now above the plot area, align it to the top of the plot area
+		if (y < plotTop + 5) {
+			y = plotTop + 5;
+	
+			// If the tooltip is still covering the point, move it below instead
+			if (alignedRight && pointY >= y && pointY <= (y + boxHeight)) {
+				y = pointY + plotTop + distance; // below
+			}
+		} 
+	
+		// Now if the tooltip is below the chart, move it up. It's better to cover the
+		// point than to disappear outside the chart. #834.
+		if (y + boxHeight > plotTop + plotHeight) {
+			y = mathMax(plotTop, plotTop + plotHeight - boxHeight - distance); // below
+		}
+	
+		return {x: x, y: y};
+	},
+
+	/**
+	 * In case no user defined formatter is given, this will be used. Note that the context
+	 * here is an object holding point, series, x, y etc.
+	 */
+	defaultFormatter: function (tooltip) {
+		var items = this.points || splat(this),
+			series = items[0].series,
+			s;
+
+		// build the header
+		s = [series.tooltipHeaderFormatter(items[0])];
+
+		// build the values
+		each(items, function (item) {
+			series = item.series;
+			s.push((series.tooltipFormatter && series.tooltipFormatter(item)) ||
+				item.point.tooltipFormatter(series.tooltipOptions.pointFormat));
+		});
+
+		// footer
+		s.push(tooltip.options.footerFormat || '');
+
+		return s.join('');
+	},
+
+	/**
+	 * Refresh the tooltip's text and position.
+	 * @param {Object} point
+	 */
+	refresh: function (point, mouseEvent) {
+		var tooltip = this,
+			chart = tooltip.chart,
+			label = tooltip.label,
+			options = tooltip.options,
+			x,
+			y,
+			anchor,
+			textConfig = {},
+			text,
+			pointConfig = [],
+			formatter = options.formatter || tooltip.defaultFormatter,
+			hoverPoints = chart.hoverPoints,
+			borderColor,
+			crosshairsOptions = options.crosshairs,
+			shared = tooltip.shared,
+			currentSeries;
+			
+		clearTimeout(this.hideTimer);
+		
+		// get the reference point coordinates (pie charts use tooltipPos)
+		tooltip.followPointer = splat(point)[0].series.tooltipOptions.followPointer;
+		anchor = tooltip.getAnchor(point, mouseEvent);
+		x = anchor[0];
+		y = anchor[1];
+
+		// shared tooltip, array is sent over
+		if (shared && !(point.series && point.series.noSharedTooltip)) {
+			
+			// hide previous hoverPoints and set new
+			
+			chart.hoverPoints = point;
+			if (hoverPoints) {
+				each(hoverPoints, function (point) {
+					point.setState();
+				});
+			}
+
+			each(point, function (item) {
+				item.setState(HOVER_STATE);
+
+				pointConfig.push(item.getLabelConfig());
+			});
+
+			textConfig = {
+				x: point[0].category,
+				y: point[0].y
+			};
+			textConfig.points = pointConfig;
+			point = point[0];
+
+		// single point tooltip
+		} else {
+			textConfig = point.getLabelConfig();
+		}
+		text = formatter.call(textConfig, tooltip);
+
+		// register the current series
+		currentSeries = point.series;
+
+		// update the inner HTML
+		if (text === false) {
+			this.hide();
+		} else {
+
+			// show it
+			if (tooltip.isHidden) {
+				stop(label);
+				label.attr('opacity', 1).show();
+			}
+
+			// update text
+			label.attr({
+				text: text
+			});
+
+			// set the stroke color of the box
+			borderColor = options.borderColor || point.color || currentSeries.color || '#606060';
+			label.attr({
+				stroke: borderColor
+			});
+			
+			tooltip.updatePosition({ plotX: x, plotY: y });
+		
+			this.isHidden = false;
+		}
+
+		// crosshairs
+		if (crosshairsOptions) {
+			crosshairsOptions = splat(crosshairsOptions); // [x, y]
+
+			var path,
+				i = crosshairsOptions.length,
+				attribs,
+				axis,
+				val,
+				series;
+
+			while (i--) {
+				series = point.series;
+				axis = series[i ? 'yAxis' : 'xAxis'];
+				if (crosshairsOptions[i] && axis) {
+					val = i ? pick(point.stackY, point.y) : point.x; // #814
+					if (axis.isLog) { // #1671
+						val = log2lin(val);
+					}
+					if (i === 1 && series.modifyValue) { // #1205, #2316
+						val = series.modifyValue(val);
+					}
+
+					path = axis.getPlotLinePath(
+						val,
+						1
+					);
+
+					if (tooltip.crosshairs[i]) {
+						tooltip.crosshairs[i].attr({ d: path, visibility: VISIBLE });
+					} else {
+						attribs = {
+							'stroke-width': crosshairsOptions[i].width || 1,
+							stroke: crosshairsOptions[i].color || '#C0C0C0',
+							zIndex: crosshairsOptions[i].zIndex || 2
+						};
+						if (crosshairsOptions[i].dashStyle) {
+							attribs.dashstyle = crosshairsOptions[i].dashStyle;
+						}
+						tooltip.crosshairs[i] = chart.renderer.path(path)
+							.attr(attribs)
+							.add();
+					}
+				}
+			}
+		}
+		fireEvent(chart, 'tooltipRefresh', {
+				text: text,
+				x: x + chart.plotLeft,
+				y: y + chart.plotTop,
+				borderColor: borderColor
+			});
+	},
+	
+	/**
+	 * Find the new position and perform the move
+	 */
+	updatePosition: function (point) {
+		var chart = this.chart,
+			label = this.label, 
+			pos = (this.options.positioner || this.getPosition).call(
+				this,
+				label.width,
+				label.height,
+				point
+			);
+
+		// do the move
+		this.move(
+			mathRound(pos.x), 
+			mathRound(pos.y), 
+			point.plotX + chart.plotLeft, 
+			point.plotY + chart.plotTop
+		);
+	}
+};
+/**
+ * The mouse tracker object. All methods starting with "on" are primary DOM event handlers. 
+ * Subsequent methods should be named differently from what they are doing.
+ * @param {Object} chart The Chart instance
+ * @param {Object} options The root options object
+ */
+function Pointer(chart, options) {
+	this.init(chart, options);
+}
+
+Pointer.prototype = {
+	/**
+	 * Initialize Pointer
+	 */
+	init: function (chart, options) {
+		
+		var chartOptions = options.chart,
+			chartEvents = chartOptions.events,
+			zoomType = useCanVG ? '' : chartOptions.zoomType,
+			inverted = chart.inverted,
+			zoomX,
+			zoomY;
+
+		// Store references
+		this.options = options;
+		this.chart = chart;
+		
+		// Zoom status
+		this.zoomX = zoomX = /x/.test(zoomType);
+		this.zoomY = zoomY = /y/.test(zoomType);
+		this.zoomHor = (zoomX && !inverted) || (zoomY && inverted);
+		this.zoomVert = (zoomY && !inverted) || (zoomX && inverted);
+
+		// Do we need to handle click on a touch device?
+		this.runChartClick = chartEvents && !!chartEvents.click;
+
+		this.pinchDown = [];
+		this.lastValidTouch = {};
+
+		if (options.tooltip.enabled) {
+			chart.tooltip = new Tooltip(chart, options.tooltip);
+		}
+
+		this.setDOMEvents();
+	}, 
+
+	/**
+	 * Add crossbrowser support for chartX and chartY
+	 * @param {Object} e The event object in standard browsers
+	 */
+	normalize: function (e, chartPosition) {
+		var chartX,
+			chartY,
+			ePos;
+
+		// common IE normalizing
+		e = e || win.event;
+		if (!e.target) {
+			e.target = e.srcElement;
+		}
+
+		// Framework specific normalizing (#1165)
+		e = washMouseEvent(e);
+		
+		// iOS
+		ePos = e.touches ? e.touches.item(0) : e;
+
+		// Get mouse position
+		if (!chartPosition) {
+			this.chartPosition = chartPosition = offset(this.chart.container);
+		}
+
+		// chartX and chartY
+		if (ePos.pageX === UNDEFINED) { // IE < 9. #886.
+			chartX = mathMax(e.x, e.clientX - chartPosition.left); // #2005, #2129: the second case is 
+				// for IE10 quirks mode within framesets
+			chartY = e.y;
+		} else {
+			chartX = ePos.pageX - chartPosition.left;
+			chartY = ePos.pageY - chartPosition.top;
+		}
+
+		return extend(e, {
+			chartX: mathRound(chartX),
+			chartY: mathRound(chartY)
+		});
+	},
+
+	/**
+	 * Get the click position in terms of axis values.
+	 *
+	 * @param {Object} e A pointer event
+	 */
+	getCoordinates: function (e) {
+		var coordinates = {
+				xAxis: [],
+				yAxis: []
+			};
+
+		each(this.chart.axes, function (axis) {
+			coordinates[axis.isXAxis ? 'xAxis' : 'yAxis'].push({
+				axis: axis,
+				value: axis.toValue(e[axis.horiz ? 'chartX' : 'chartY'])
+			});
+		});
+		return coordinates;
+	},
+	
+	/**
+	 * Return the index in the tooltipPoints array, corresponding to pixel position in 
+	 * the plot area.
+	 */
+	getIndex: function (e) {
+		var chart = this.chart;
+		return chart.inverted ? 
+			chart.plotHeight + chart.plotTop - e.chartY : 
+			e.chartX - chart.plotLeft;
+	},
+
+	/**
+	 * With line type charts with a single tracker, get the point closest to the mouse.
+	 * Run Point.onMouseOver and display tooltip for the point or points.
+	 */
+	runPointActions: function (e) {
+		var pointer = this,
+			chart = pointer.chart,
+			series = chart.series,
+			tooltip = chart.tooltip,
+			point,
+			points,
+			hoverPoint = chart.hoverPoint,
+			hoverSeries = chart.hoverSeries,
+			i,
+			j,
+			distance = chart.chartWidth,
+			index = pointer.getIndex(e),
+			anchor;
+
+		// shared tooltip
+		if (tooltip && pointer.options.tooltip.shared && !(hoverSeries && hoverSeries.noSharedTooltip)) {
+			points = [];
+
+			// loop over all series and find the ones with points closest to the mouse
+			i = series.length;
+			for (j = 0; j < i; j++) {
+				if (series[j].visible &&
+						series[j].options.enableMouseTracking !== false &&
+						!series[j].noSharedTooltip && series[j].tooltipPoints.length) {
+					point = series[j].tooltipPoints[index];
+					if (point && point.series) { // not a dummy point, #1544
+						point._dist = mathAbs(index - point.clientX);
+						distance = mathMin(distance, point._dist);
+						points.push(point);
+					}
+				}
+			}
+			// remove furthest points
+			i = points.length;
+			while (i--) {
+				if (points[i]._dist > distance) {
+					points.splice(i, 1);
+				}
+			}
+			// refresh the tooltip if necessary
+			if (points.length && (points[0].clientX !== pointer.hoverX)) {
+				tooltip.refresh(points, e);
+				pointer.hoverX = points[0].clientX;
+			}
+		}
+
+		// separate tooltip and general mouse events
+		if (hoverSeries && hoverSeries.tracker) { // only use for line-type series with common tracker
+
+			// get the point
+			point = hoverSeries.tooltipPoints[index];
+
+			// a new point is hovered, refresh the tooltip
+			if (point && point !== hoverPoint) {
+
+				// trigger the events
+				point.onMouseOver(e);
+
+			}
+			
+		} else if (tooltip && tooltip.followPointer && !tooltip.isHidden) {
+			anchor = tooltip.getAnchor([{}], e);
+			tooltip.updatePosition({ plotX: anchor[0], plotY: anchor[1] });
+		}
+	},
+
+
+
+	/**
+	 * Reset the tracking by hiding the tooltip, the hover series state and the hover point
+	 * 
+	 * @param allowMove {Boolean} Instead of destroying the tooltip altogether, allow moving it if possible
+	 */
+	reset: function (allowMove) {
+		var pointer = this,
+			chart = pointer.chart,
+			hoverSeries = chart.hoverSeries,
+			hoverPoint = chart.hoverPoint,
+			tooltip = chart.tooltip,
+			tooltipPoints = tooltip && tooltip.shared ? chart.hoverPoints : hoverPoint;
+			
+		// Narrow in allowMove
+		allowMove = allowMove && tooltip && tooltipPoints;
+			
+		// Check if the points have moved outside the plot area, #1003
+		if (allowMove && splat(tooltipPoints)[0].plotX === UNDEFINED) {
+			allowMove = false;
+		}	
+
+		// Just move the tooltip, #349
+		if (allowMove) {
+			tooltip.refresh(tooltipPoints);
+
+		// Full reset
+		} else {
+
+			if (hoverPoint) {
+				hoverPoint.onMouseOut();
+			}
+
+			if (hoverSeries) {
+				hoverSeries.onMouseOut();
+			}
+
+			if (tooltip) {
+				tooltip.hide();
+				tooltip.hideCrosshairs();
+			}
+
+			pointer.hoverX = null;
+
+		}
+	},
+
+	/**
+	 * Scale series groups to a certain scale and translation
+	 */
+	scaleGroups: function (attribs, clip) {
+
+		var chart = this.chart,
+			seriesAttribs;
+
+		// Scale each series
+		each(chart.series, function (series) {
+			seriesAttribs = attribs || series.getPlotBox(); // #1701
+			if (series.xAxis && series.xAxis.zoomEnabled) {
+				series.group.attr(seriesAttribs);
+				if (series.markerGroup) {
+					series.markerGroup.attr(seriesAttribs);
+					series.markerGroup.clip(clip ? chart.clipRect : null);
+				}
+				if (series.dataLabelsGroup) {
+					series.dataLabelsGroup.attr(seriesAttribs);
+				}
+			}
+		});
+		
+		// Clip
+		chart.clipRect.attr(clip || chart.clipBox);
+	},
+
+	/**
+	 * Run translation operations for each direction (horizontal and vertical) independently
+	 */
+	pinchTranslateDirection: function (horiz, pinchDown, touches, transform, selectionMarker, clip, lastValidTouch) {
+		var chart = this.chart,
+			xy = horiz ? 'x' : 'y',
+			XY = horiz ? 'X' : 'Y',
+			sChartXY = 'chart' + XY,
+			wh = horiz ? 'width' : 'height',
+			plotLeftTop = chart['plot' + (horiz ? 'Left' : 'Top')],
+			selectionWH,
+			selectionXY,
+			clipXY,
+			scale = 1,
+			inverted = chart.inverted,
+			bounds = chart.bounds[horiz ? 'h' : 'v'],
+			singleTouch = pinchDown.length === 1,
+			touch0Start = pinchDown[0][sChartXY],
+			touch0Now = touches[0][sChartXY],
+			touch1Start = !singleTouch && pinchDown[1][sChartXY],
+			touch1Now = !singleTouch && touches[1][sChartXY],
+			outOfBounds,
+			transformScale,
+			scaleKey,
+			setScale = function () {
+				if (!singleTouch && mathAbs(touch0Start - touch1Start) > 20) { // Don't zoom if fingers are too close on this axis
+					scale = mathAbs(touch0Now - touch1Now) / mathAbs(touch0Start - touch1Start);	
+				}
+				
+				clipXY = ((plotLeftTop - touch0Now) / scale) + touch0Start;
+				selectionWH = chart['plot' + (horiz ? 'Width' : 'Height')] / scale;
+			};
+
+		// Set the scale, first pass
+		setScale();
+
+		selectionXY = clipXY; // the clip position (x or y) is altered if out of bounds, the selection position is not
+
+		// Out of bounds
+		if (selectionXY < bounds.min) {
+			selectionXY = bounds.min;
+			outOfBounds = true;
+		} else if (selectionXY + selectionWH > bounds.max) {
+			selectionXY = bounds.max - selectionWH;
+			outOfBounds = true;
+		}
+		
+		// Is the chart dragged off its bounds, determined by dataMin and dataMax?
+		if (outOfBounds) {
+
+			// Modify the touchNow position in order to create an elastic drag movement. This indicates
+			// to the user that the chart is responsive but can't be dragged further.
+			touch0Now -= 0.8 * (touch0Now - lastValidTouch[xy][0]);
+			if (!singleTouch) {
+				touch1Now -= 0.8 * (touch1Now - lastValidTouch[xy][1]);
+			}
+
+			// Set the scale, second pass to adapt to the modified touchNow positions
+			setScale();
+
+		} else {
+			lastValidTouch[xy] = [touch0Now, touch1Now];
+		}
+
+		
+		// Set geometry for clipping, selection and transformation
+		if (!inverted) { // TODO: implement clipping for inverted charts
+			clip[xy] = clipXY - plotLeftTop;
+			clip[wh] = selectionWH;
+		}
+		scaleKey = inverted ? (horiz ? 'scaleY' : 'scaleX') : 'scale' + XY;
+		transformScale = inverted ? 1 / scale : scale;
+
+		selectionMarker[wh] = selectionWH;
+		selectionMarker[xy] = selectionXY;
+		transform[scaleKey] = scale;
+		transform['translate' + XY] = (transformScale * plotLeftTop) + (touch0Now - (transformScale * touch0Start));
+	},
+	
+	/**
+	 * Handle touch events with two touches
+	 */
+	pinch: function (e) {
+
+		var self = this,
+			chart = self.chart,
+			pinchDown = self.pinchDown,
+			followTouchMove = chart.tooltip && chart.tooltip.options.followTouchMove,
+			touches = e.touches,
+			touchesLength = touches.length,
+			lastValidTouch = self.lastValidTouch,
+			zoomHor = self.zoomHor || self.pinchHor,
+			zoomVert = self.zoomVert || self.pinchVert,
+			hasZoom = zoomHor || zoomVert,
+			selectionMarker = self.selectionMarker,
+			transform = {},
+			fireClickEvent = touchesLength === 1 && ((self.inClass(e.target, PREFIX + 'tracker') && 
+				chart.runTrackerClick) || chart.runChartClick),
+			clip = {};
+
+		// On touch devices, only proceed to trigger click if a handler is defined
+		if ((hasZoom || followTouchMove) && !fireClickEvent) {
+			e.preventDefault();
+		}
+		
+		// Normalize each touch
+		map(touches, function (e) {
+			return self.normalize(e);
+		});
+			
+		// Register the touch start position
+		if (e.type === 'touchstart') {
+			each(touches, function (e, i) {
+				pinchDown[i] = { chartX: e.chartX, chartY: e.chartY };
+			});
+			lastValidTouch.x = [pinchDown[0].chartX, pinchDown[1] && pinchDown[1].chartX];
+			lastValidTouch.y = [pinchDown[0].chartY, pinchDown[1] && pinchDown[1].chartY];
+
+			// Identify the data bounds in pixels
+			each(chart.axes, function (axis) {
+				if (axis.zoomEnabled) {
+					var bounds = chart.bounds[axis.horiz ? 'h' : 'v'],
+						minPixelPadding = axis.minPixelPadding,
+						min = axis.toPixels(axis.dataMin),
+						max = axis.toPixels(axis.dataMax),
+						absMin = mathMin(min, max),
+						absMax = mathMax(min, max);
+
+					// Store the bounds for use in the touchmove handler
+					bounds.min = mathMin(axis.pos, absMin - minPixelPadding);
+					bounds.max = mathMax(axis.pos + axis.len, absMax + minPixelPadding);
+				}
+			});
+		
+		// Event type is touchmove, handle panning and pinching
+		} else if (pinchDown.length) { // can be 0 when releasing, if touchend fires first
+			
+
+			// Set the marker
+			if (!selectionMarker) {
+				self.selectionMarker = selectionMarker = extend({
+					destroy: noop
+				}, chart.plotBox);
+			}
+
+			
+
+			if (zoomHor) {
+				self.pinchTranslateDirection(true, pinchDown, touches, transform, selectionMarker, clip, lastValidTouch);
+			}
+			if (zoomVert) {
+				self.pinchTranslateDirection(false, pinchDown, touches, transform, selectionMarker, clip, lastValidTouch);
+			}
+
+			self.hasPinched = hasZoom;
+
+			// Scale and translate the groups to provide visual feedback during pinching
+			self.scaleGroups(transform, clip);
+			
+			// Optionally move the tooltip on touchmove
+			if (!hasZoom && followTouchMove && touchesLength === 1) {
+				this.runPointActions(self.normalize(e));
+			}
+		}
+	},
+
+	/**
+	 * Start a drag operation
+	 */
+	dragStart: function (e) {
+		var chart = this.chart;
+
+		// Record the start position
+		chart.mouseIsDown = e.type;
+		chart.cancelClick = false;
+		chart.mouseDownX = this.mouseDownX = e.chartX;
+		chart.mouseDownY = this.mouseDownY = e.chartY;
+	},
+
+	/**
+	 * Perform a drag operation in response to a mousemove event while the mouse is down
+	 */
+	drag: function (e) {
+
+		var chart = this.chart,
+			chartOptions = chart.options.chart,
+			chartX = e.chartX,
+			chartY = e.chartY,
+			zoomHor = this.zoomHor,
+			zoomVert = this.zoomVert,
+			plotLeft = chart.plotLeft,
+			plotTop = chart.plotTop,
+			plotWidth = chart.plotWidth,
+			plotHeight = chart.plotHeight,
+			clickedInside,
+			size,
+			mouseDownX = this.mouseDownX,
+			mouseDownY = this.mouseDownY;
+
+		// If the mouse is outside the plot area, adjust to cooordinates
+		// inside to prevent the selection marker from going outside
+		if (chartX < plotLeft) {
+			chartX = plotLeft;
+		} else if (chartX > plotLeft + plotWidth) {
+			chartX = plotLeft + plotWidth;
+		}
+
+		if (chartY < plotTop) {
+			chartY = plotTop;
+		} else if (chartY > plotTop + plotHeight) {
+			chartY = plotTop + plotHeight;
+		}
+		
+		// determine if the mouse has moved more than 10px
+		this.hasDragged = Math.sqrt(
+			Math.pow(mouseDownX - chartX, 2) +
+			Math.pow(mouseDownY - chartY, 2)
+		);
+		if (this.hasDragged > 10) {
+			clickedInside = chart.isInsidePlot(mouseDownX - plotLeft, mouseDownY - plotTop);
+
+			// make a selection
+			if (chart.hasCartesianSeries && (this.zoomX || this.zoomY) && clickedInside) {
+				if (!this.selectionMarker) {
+					this.selectionMarker = chart.renderer.rect(
+						plotLeft,
+						plotTop,
+						zoomHor ? 1 : plotWidth,
+						zoomVert ? 1 : plotHeight,
+						0
+					)
+					.attr({
+						fill: chartOptions.selectionMarkerFill || 'rgba(69,114,167,0.25)',
+						zIndex: 7
+					})
+					.add();
+				}
+			}
+
+			// adjust the width of the selection marker
+			if (this.selectionMarker && zoomHor) {
+				size = chartX - mouseDownX;
+				this.selectionMarker.attr({
+					width: mathAbs(size),
+					x: (size > 0 ? 0 : size) + mouseDownX
+				});
+			}
+			// adjust the height of the selection marker
+			if (this.selectionMarker && zoomVert) {
+				size = chartY - mouseDownY;
+				this.selectionMarker.attr({
+					height: mathAbs(size),
+					y: (size > 0 ? 0 : size) + mouseDownY
+				});
+			}
+
+			// panning
+			if (clickedInside && !this.selectionMarker && chartOptions.panning) {
+				chart.pan(e, chartOptions.panning);
+			}
+		}
+	},
+
+	/**
+	 * On mouse up or touch end across the entire document, drop the selection.
+	 */
+	drop: function (e) {
+		var chart = this.chart,
+			hasPinched = this.hasPinched;
+
+		if (this.selectionMarker) {
+			var selectionData = {
+					xAxis: [],
+					yAxis: [],
+					originalEvent: e.originalEvent || e
+				},
+				selectionBox = this.selectionMarker,
+				selectionLeft = selectionBox.x,
+				selectionTop = selectionBox.y,
+				runZoom;
+			// a selection has been made
+			if (this.hasDragged || hasPinched) {
+
+				// record each axis' min and max
+				each(chart.axes, function (axis) {
+					if (axis.zoomEnabled) {
+						var horiz = axis.horiz,
+							selectionMin = axis.toValue((horiz ? selectionLeft : selectionTop)),
+							selectionMax = axis.toValue((horiz ? selectionLeft + selectionBox.width : selectionTop + selectionBox.height));
+
+						if (!isNaN(selectionMin) && !isNaN(selectionMax)) { // #859
+							selectionData[axis.xOrY + 'Axis'].push({
+								axis: axis,
+								min: mathMin(selectionMin, selectionMax), // for reversed axes,
+								max: mathMax(selectionMin, selectionMax)
+							});
+							runZoom = true;
+						}
+					}
+				});
+				if (runZoom) {
+					fireEvent(chart, 'selection', selectionData, function (args) { 
+						chart.zoom(extend(args, hasPinched ? { animation: false } : null)); 
+					});
+				}
+
+			}
+			this.selectionMarker = this.selectionMarker.destroy();
+
+			// Reset scaling preview
+			if (hasPinched) {
+				this.scaleGroups();
+			}
+		}
+
+		// Reset all
+		if (chart) { // it may be destroyed on mouse up - #877
+			css(chart.container, { cursor: chart._cursor });
+			chart.cancelClick = this.hasDragged > 10; // #370
+			chart.mouseIsDown = this.hasDragged = this.hasPinched = false;
+			this.pinchDown = [];
+		}
+	},
+
+	onContainerMouseDown: function (e) {
+
+		e = this.normalize(e);
+
+		// issue #295, dragging not always working in Firefox
+		if (e.preventDefault) {
+			e.preventDefault();
+		}
+		
+		this.dragStart(e);
+	},
+
+	
+
+	onDocumentMouseUp: function (e) {
+		this.drop(e);
+	},
+
+	/**
+	 * Special handler for mouse move that will hide the tooltip when the mouse leaves the plotarea.
+	 * Issue #149 workaround. The mouseleave event does not always fire. 
+	 */
+	onDocumentMouseMove: function (e) {
+		var chart = this.chart,
+			chartPosition = this.chartPosition,
+			hoverSeries = chart.hoverSeries;
+
+		e = this.normalize(e, chartPosition);
+
+		// If we're outside, hide the tooltip
+		if (chartPosition && hoverSeries && !this.inClass(e.target, 'highcharts-tracker') &&
+				!chart.isInsidePlot(e.chartX - chart.plotLeft, e.chartY - chart.plotTop)) {
+			this.reset();
+		}
+	},
+
+	/**
+	 * When mouse leaves the container, hide the tooltip.
+	 */
+	onContainerMouseLeave: function () {
+		this.reset();
+		this.chartPosition = null; // also reset the chart position, used in #149 fix
+	},
+
+	// The mousemove, touchmove and touchstart event handler
+	onContainerMouseMove: function (e) {
+
+		var chart = this.chart;
+
+		// normalize
+		e = this.normalize(e);
+
+		// #295
+		e.returnValue = false;
+		
+		
+		if (chart.mouseIsDown === 'mousedown') {
+			this.drag(e);
+		} 
+		
+		// Show the tooltip and run mouse over events (#977)
+		if ((this.inClass(e.target, 'highcharts-tracker') || 
+				chart.isInsidePlot(e.chartX - chart.plotLeft, e.chartY - chart.plotTop)) && !chart.openMenu) {
+			this.runPointActions(e);
+		}
+	},
+
+	/**
+	 * Utility to detect whether an element has, or has a parent with, a specific
+	 * class name. Used on detection of tracker objects and on deciding whether
+	 * hovering the tooltip should cause the active series to mouse out.
+	 */
+	inClass: function (element, className) {
+		var elemClassName;
+		while (element) {
+			elemClassName = attr(element, 'class');
+			if (elemClassName) {
+				if (elemClassName.indexOf(className) !== -1) {
+					return true;
+				} else if (elemClassName.indexOf(PREFIX + 'container') !== -1) {
+					return false;
+				}
+			}
+			element = element.parentNode;
+		}		
+	},
+
+	onTrackerMouseOut: function (e) {
+		var series = this.chart.hoverSeries;
+		if (series && !series.options.stickyTracking && !this.inClass(e.toElement || e.relatedTarget, PREFIX + 'tooltip')) {
+			series.onMouseOut();
+		}
+	},
+
+	onContainerClick: function (e) {
+		var chart = this.chart,
+			hoverPoint = chart.hoverPoint, 
+			plotLeft = chart.plotLeft,
+			plotTop = chart.plotTop,
+			inverted = chart.inverted,
+			chartPosition,
+			plotX,
+			plotY;
+		
+		e = this.normalize(e);
+		e.cancelBubble = true; // IE specific
+
+		if (!chart.cancelClick) {
+			
+			// On tracker click, fire the series and point events. #783, #1583
+			if (hoverPoint && this.inClass(e.target, PREFIX + 'tracker')) {
+				chartPosition = this.chartPosition;
+				plotX = hoverPoint.plotX;
+				plotY = hoverPoint.plotY;
+
+				// add page position info
+				extend(hoverPoint, {
+					pageX: chartPosition.left + plotLeft +
+						(inverted ? chart.plotWidth - plotY : plotX),
+					pageY: chartPosition.top + plotTop +
+						(inverted ? chart.plotHeight - plotX : plotY)
+				});
+			
+				// the series click event
+				fireEvent(hoverPoint.series, 'click', extend(e, {
+					point: hoverPoint
+				}));
+
+				// the point click event
+				if (chart.hoverPoint) { // it may be destroyed (#1844)
+					hoverPoint.firePointEvent('click', e);
+				}
+
+			// When clicking outside a tracker, fire a chart event
+			} else {
+				extend(e, this.getCoordinates(e));
+
+				// fire a click event in the chart
+				if (chart.isInsidePlot(e.chartX - plotLeft, e.chartY - plotTop)) {
+					fireEvent(chart, 'click', e);
+				}
+			}
+
+
+		}
+	},
+
+	onContainerTouchStart: function (e) {
+		var chart = this.chart;
+
+		if (e.touches.length === 1) {
+
+			e = this.normalize(e);
+
+			if (chart.isInsidePlot(e.chartX - chart.plotLeft, e.chartY - chart.plotTop)) {
+
+				// Prevent the click pseudo event from firing unless it is set in the options
+				/*if (!chart.runChartClick) {
+					e.preventDefault();
+				}*/
+			
+				// Run mouse events and display tooltip etc
+				this.runPointActions(e);
+
+				this.pinch(e);
+
+			} else {
+				// Hide the tooltip on touching outside the plot area (#1203)
+				this.reset();
+			}
+
+		} else if (e.touches.length === 2) {
+			this.pinch(e);
+		}		
+	},
+
+	onContainerTouchMove: function (e) {
+		if (e.touches.length === 1 || e.touches.length === 2) {
+			this.pinch(e);
+		}
+	},
+
+	onDocumentTouchEnd: function (e) {
+		this.drop(e);
+	},
+
+	/**
+	 * Set the JS DOM events on the container and document. This method should contain
+	 * a one-to-one assignment between methods and their handlers. Any advanced logic should
+	 * be moved to the handler reflecting the event's name.
+	 */
+	setDOMEvents: function () {
+
+		var pointer = this,
+			container = pointer.chart.container,
+			events;
+
+		this._events = events = [
+			[container, 'onmousedown', 'onContainerMouseDown'],
+			[container, 'onmousemove', 'onContainerMouseMove'],
+			[container, 'onclick', 'onContainerClick'],
+			[container, 'mouseleave', 'onContainerMouseLeave'],
+			[doc, 'mousemove', 'onDocumentMouseMove'],
+			[doc, 'mouseup', 'onDocumentMouseUp']
+		];
+
+		if (hasTouch) {
+			events.push(
+				[container, 'ontouchstart', 'onContainerTouchStart'],
+				[container, 'ontouchmove', 'onContainerTouchMove'],
+				[doc, 'touchend', 'onDocumentTouchEnd']
+			);
+		}
+
+		each(events, function (eventConfig) {
+
+			// First, create the callback function that in turn calls the method on Pointer
+			pointer['_' + eventConfig[2]] = function (e) {
+				pointer[eventConfig[2]](e);
+			};
+
+			// Now attach the function, either as a direct property or through addEvent
+			if (eventConfig[1].indexOf('on') === 0) {
+				eventConfig[0][eventConfig[1]] = pointer['_' + eventConfig[2]];
+			} else {
+				addEvent(eventConfig[0], eventConfig[1], pointer['_' + eventConfig[2]]);
+			}
+		});
+
+		
+	},
+
+	/**
+	 * Destroys the Pointer object and disconnects DOM events.
+	 */
+	destroy: function () {
+		var pointer = this;
+
+		// Release all DOM events
+		each(pointer._events, function (eventConfig) {	
+			if (eventConfig[1].indexOf('on') === 0) {
+				eventConfig[0][eventConfig[1]] = null; // delete breaks oldIE
+			} else {		
+				removeEvent(eventConfig[0], eventConfig[1], pointer['_' + eventConfig[2]]);
+			}
+		});
+		delete pointer._events;
+
+		// memory and CPU leak
+		clearInterval(pointer.tooltipTimeout);
+	}
+};
+/**
+ * The overview of the chart's series
+ */
+function Legend(chart, options) {
+	this.init(chart, options);
+}
+
+Legend.prototype = {
+	
+	/**
+	 * Initialize the legend
+	 */
+	init: function (chart, options) {
+		
+		var legend = this,
+			itemStyle = options.itemStyle,
+			padding = pick(options.padding, 8),
+			itemMarginTop = options.itemMarginTop || 0;
+	
+		this.options = options;
+
+		if (!options.enabled) {
+			return;
+		}
+	
+		legend.baseline = pInt(itemStyle.fontSize) + 3 + itemMarginTop; // used in Series prototype
+		legend.itemStyle = itemStyle;
+		legend.itemHiddenStyle = merge(itemStyle, options.itemHiddenStyle);
+		legend.itemMarginTop = itemMarginTop;
+		legend.padding = padding;
+		legend.initialItemX = padding;
+		legend.initialItemY = padding - 5; // 5 is the number of pixels above the text
+		legend.maxItemWidth = 0;
+		legend.chart = chart;
+		legend.itemHeight = 0;
+		legend.lastLineHeight = 0;
+
+		// Render it
+		legend.render();
+
+		// move checkboxes
+		addEvent(legend.chart, 'endResize', function () { 
+			legend.positionCheckboxes();
+		});
+
+	},
+
+	/**
+	 * Set the colors for the legend item
+	 * @param {Object} item A Series or Point instance
+	 * @param {Object} visible Dimmed or colored
+	 */
+	colorizeItem: function (item, visible) {
+		var legend = this,
+			options = legend.options,
+			legendItem = item.legendItem,
+			legendLine = item.legendLine,
+			legendSymbol = item.legendSymbol,
+			hiddenColor = legend.itemHiddenStyle.color,
+			textColor = visible ? options.itemStyle.color : hiddenColor,
+			symbolColor = visible ? item.color : hiddenColor,
+			markerOptions = item.options && item.options.marker,
+			symbolAttr = {
+				stroke: symbolColor,
+				fill: symbolColor
+			},
+			key,
+			val;
+		
+		if (legendItem) {
+			legendItem.css({ fill: textColor, color: textColor }); // color for #1553, oldIE
+		}
+		if (legendLine) {
+			legendLine.attr({ stroke: symbolColor });
+		}
+		
+		if (legendSymbol) {
+			
+			// Apply marker options
+			if (markerOptions && legendSymbol.isMarker) { // #585
+				markerOptions = item.convertAttribs(markerOptions);
+				for (key in markerOptions) {
+					val = markerOptions[key];
+					if (val !== UNDEFINED) {
+						symbolAttr[key] = val;
+					}
+				}
+			}
+
+			legendSymbol.attr(symbolAttr);
+		}
+	},
+
+	/**
+	 * Position the legend item
+	 * @param {Object} item A Series or Point instance
+	 */
+	positionItem: function (item) {
+		var legend = this,
+			options = legend.options,
+			symbolPadding = options.symbolPadding,
+			ltr = !options.rtl,
+			legendItemPos = item._legendItemPos,
+			itemX = legendItemPos[0],
+			itemY = legendItemPos[1],
+			checkbox = item.checkbox;
+
+		if (item.legendGroup) {
+			item.legendGroup.translate(
+				ltr ? itemX : legend.legendWidth - itemX - 2 * symbolPadding - 4,
+				itemY
+			);
+		}
+
+		if (checkbox) {
+			checkbox.x = itemX;
+			checkbox.y = itemY;
+		}
+	},
+
+	/**
+	 * Destroy a single legend item
+	 * @param {Object} item The series or point
+	 */
+	destroyItem: function (item) {
+		var checkbox = item.checkbox;
+
+		// destroy SVG elements
+		each(['legendItem', 'legendLine', 'legendSymbol', 'legendGroup'], function (key) {
+			if (item[key]) {
+				item[key] = item[key].destroy();
+			}
+		});
+
+		if (checkbox) {
+			discardElement(item.checkbox);
+		}
+	},
+
+	/**
+	 * Destroys the legend.
+	 */
+	destroy: function () {
+		var legend = this,
+			legendGroup = legend.group,
+			box = legend.box;
+
+		if (box) {
+			legend.box = box.destroy();
+		}
+
+		if (legendGroup) {
+			legend.group = legendGroup.destroy();
+		}
+	},
+
+	/**
+	 * Position the checkboxes after the width is determined
+	 */
+	positionCheckboxes: function (scrollOffset) {
+		var alignAttr = this.group.alignAttr,
+			translateY,
+			clipHeight = this.clipHeight || this.legendHeight;
+
+		if (alignAttr) {
+			translateY = alignAttr.translateY;
+			each(this.allItems, function (item) {
+				var checkbox = item.checkbox,
+					top;
+				
+				if (checkbox) {
+					top = (translateY + checkbox.y + (scrollOffset || 0) + 3);
+					css(checkbox, {
+						left: (alignAttr.translateX + item.legendItemWidth + checkbox.x - 20) + PX,
+						top: top + PX,
+						display: top > translateY - 6 && top < translateY + clipHeight - 6 ? '' : NONE
+					});
+				}
+			});
+		}
+	},
+	
+	/**
+	 * Render the legend title on top of the legend
+	 */
+	renderTitle: function () {
+		var options = this.options,
+			padding = this.padding,
+			titleOptions = options.title,
+			titleHeight = 0,
+			bBox;
+		
+		if (titleOptions.text) {
+			if (!this.title) {
+				this.title = this.chart.renderer.label(titleOptions.text, padding - 3, padding - 4, null, null, null, null, null, 'legend-title')
+					.attr({ zIndex: 1 })
+					.css(titleOptions.style)
+					.add(this.group);
+			}
+			bBox = this.title.getBBox();
+			titleHeight = bBox.height;
+			this.offsetWidth = bBox.width; // #1717
+			this.contentGroup.attr({ translateY: titleHeight });
+		}
+		this.titleHeight = titleHeight;
+	},
+
+	/**
+	 * Render a single specific legend item
+	 * @param {Object} item A series or point
+	 */
+	renderItem: function (item) {
+		var legend = this,
+			chart = legend.chart,
+			renderer = chart.renderer,
+			options = legend.options,
+			horizontal = options.layout === 'horizontal',
+			symbolWidth = options.symbolWidth,
+			symbolPadding = options.symbolPadding,
+			itemStyle = legend.itemStyle,
+			itemHiddenStyle = legend.itemHiddenStyle,
+			padding = legend.padding,
+			itemDistance = horizontal ? pick(options.itemDistance, 8) : 0,
+			ltr = !options.rtl,
+			itemHeight,
+			widthOption = options.width,
+			itemMarginBottom = options.itemMarginBottom || 0,
+			itemMarginTop = legend.itemMarginTop,
+			initialItemX = legend.initialItemX,
+			bBox,
+			itemWidth,
+			li = item.legendItem,
+			series = item.series || item,
+			itemOptions = series.options,
+			showCheckbox = itemOptions.showCheckbox,
+			useHTML = options.useHTML;
+
+		if (!li) { // generate it once, later move it
+
+			// Generate the group box
+			// A group to hold the symbol and text. Text is to be appended in Legend class.
+			item.legendGroup = renderer.g('legend-item')
+				.attr({ zIndex: 1 })
+				.add(legend.scrollGroup);
+
+			// Draw the legend symbol inside the group box
+			series.drawLegendSymbol(legend, item);
+
+			// Generate the list item text and add it to the group
+			item.legendItem = li = renderer.text(
+					options.labelFormat ? format(options.labelFormat, item) : options.labelFormatter.call(item),
+					ltr ? symbolWidth + symbolPadding : -symbolPadding,
+					legend.baseline,
+					useHTML
+				)
+				.css(merge(item.visible ? itemStyle : itemHiddenStyle)) // merge to prevent modifying original (#1021)
+				.attr({
+					align: ltr ? 'left' : 'right',
+					zIndex: 2
+				})
+				.add(item.legendGroup);
+
+			// Set the events on the item group, or in case of useHTML, the item itself (#1249)
+			(useHTML ? li : item.legendGroup).on('mouseover', function () {
+					item.setState(HOVER_STATE);
+					li.css(legend.options.itemHoverStyle);
+				})
+				.on('mouseout', function () {
+					li.css(item.visible ? itemStyle : itemHiddenStyle);
+					item.setState();
+				})
+				.on('click', function (event) {
+					var strLegendItemClick = 'legendItemClick',
+						fnLegendItemClick = function () {
+							item.setVisible();
+						};
+						
+					// Pass over the click/touch event. #4.
+					event = {
+						browserEvent: event
+					};
+
+					// click the name or symbol
+					if (item.firePointEvent) { // point
+						item.firePointEvent(strLegendItemClick, event, fnLegendItemClick);
+					} else {
+						fireEvent(item, strLegendItemClick, event, fnLegendItemClick);
+					}
+				});
+
+			// Colorize the items
+			legend.colorizeItem(item, item.visible);
+
+			// add the HTML checkbox on top
+			if (itemOptions && showCheckbox) {
+				item.checkbox = createElement('input', {
+					type: 'checkbox',
+					checked: item.selected,
+					defaultChecked: item.selected // required by IE7
+				}, options.itemCheckboxStyle, chart.container);
+
+				addEvent(item.checkbox, 'click', function (event) {
+					var target = event.target;
+					fireEvent(item, 'checkboxClick', {
+							checked: target.checked
+						},
+						function () {
+							item.select();
+						}
+					);
+				});
+			}
+		}
+
+		// calculate the positions for the next line
+		bBox = li.getBBox();
+
+		itemWidth = item.legendItemWidth =
+			options.itemWidth || symbolWidth + symbolPadding + bBox.width + itemDistance +
+			(showCheckbox ? 20 : 0);
+		legend.itemHeight = itemHeight = bBox.height;
+
+		// if the item exceeds the width, start a new line
+		if (horizontal && legend.itemX - initialItemX + itemWidth >
+				(widthOption || (chart.chartWidth - 2 * padding - initialItemX))) {
+			legend.itemX = initialItemX;
+			legend.itemY += itemMarginTop + legend.lastLineHeight + itemMarginBottom;
+			legend.lastLineHeight = 0; // reset for next line
+		}
+
+		// If the item exceeds the height, start a new column
+		/*if (!horizontal && legend.itemY + options.y + itemHeight > chart.chartHeight - spacingTop - spacingBottom) {
+			legend.itemY = legend.initialItemY;
+			legend.itemX += legend.maxItemWidth;
+			legend.maxItemWidth = 0;
+		}*/
+
+		// Set the edge positions
+		legend.maxItemWidth = mathMax(legend.maxItemWidth, itemWidth);
+		legend.lastItemY = itemMarginTop + legend.itemY + itemMarginBottom;
+		legend.lastLineHeight = mathMax(itemHeight, legend.lastLineHeight); // #915
+
+		// cache the position of the newly generated or reordered items
+		item._legendItemPos = [legend.itemX, legend.itemY];
+
+		// advance
+		if (horizontal) {
+			legend.itemX += itemWidth;
+
+		} else {
+			legend.itemY += itemMarginTop + itemHeight + itemMarginBottom;
+			legend.lastLineHeight = itemHeight;
+		}
+
+		// the width of the widest item
+		legend.offsetWidth = widthOption || mathMax(
+			(horizontal ? legend.itemX - initialItemX - itemDistance : itemWidth) + padding,
+			legend.offsetWidth
+		);
+	},
+
+	/**
+	 * Render the legend. This method can be called both before and after
+	 * chart.render. If called after, it will only rearrange items instead
+	 * of creating new ones.
+	 */
+	render: function () {
+		var legend = this,
+			chart = legend.chart,
+			renderer = chart.renderer,
+			legendGroup = legend.group,
+			allItems,
+			display,
+			legendWidth,
+			legendHeight,
+			box = legend.box,
+			options = legend.options,
+			padding = legend.padding,
+			legendBorderWidth = options.borderWidth,
+			legendBackgroundColor = options.backgroundColor;
+
+		legend.itemX = legend.initialItemX;
+		legend.itemY = legend.initialItemY;
+		legend.offsetWidth = 0;
+		legend.lastItemY = 0;
+
+		if (!legendGroup) {
+			legend.group = legendGroup = renderer.g('legend')
+				.attr({ zIndex: 7 }) 
+				.add();
+			legend.contentGroup = renderer.g()
+				.attr({ zIndex: 1 }) // above background
+				.add(legendGroup);
+			legend.scrollGroup = renderer.g()
+				.add(legend.contentGroup);
+		}
+		
+		legend.renderTitle();
+
+		// add each series or point
+		allItems = [];
+		each(chart.series, function (serie) {
+			var seriesOptions = serie.options;
+
+			if (!seriesOptions.showInLegend || defined(seriesOptions.linkedTo)) {
+				return;
+			}
+
+			// use points or series for the legend item depending on legendType
+			allItems = allItems.concat(
+					serie.legendItems ||
+					(seriesOptions.legendType === 'point' ?
+							serie.data :
+							serie)
+			);
+		});
+
+		// sort by legendIndex
+		stableSort(allItems, function (a, b) {
+			return ((a.options && a.options.legendIndex) || 0) - ((b.options && b.options.legendIndex) || 0);
+		});
+
+		// reversed legend
+		if (options.reversed) {
+			allItems.reverse();
+		}
+
+		legend.allItems = allItems;
+		legend.display = display = !!allItems.length;
+
+		// render the items
+		each(allItems, function (item) {
+			legend.renderItem(item); 
+		});
+
+		// Draw the border
+		legendWidth = options.width || legend.offsetWidth;
+		legendHeight = legend.lastItemY + legend.lastLineHeight + legend.titleHeight;
+		
+		
+		legendHeight = legend.handleOverflow(legendHeight);
+
+		if (legendBorderWidth || legendBackgroundColor) {
+			legendWidth += padding;
+			legendHeight += padding;
+
+			if (!box) {
+				legend.box = box = renderer.rect(
+					0,
+					0,
+					legendWidth,
+					legendHeight,
+					options.borderRadius,
+					legendBorderWidth || 0
+				).attr({
+					stroke: options.borderColor,
+					'stroke-width': legendBorderWidth || 0,
+					fill: legendBackgroundColor || NONE
+				})
+				.add(legendGroup)
+				.shadow(options.shadow);
+				box.isNew = true;
+
+			} else if (legendWidth > 0 && legendHeight > 0) {
+				box[box.isNew ? 'attr' : 'animate'](
+					box.crisp(null, null, null, legendWidth, legendHeight)
+				);
+				box.isNew = false;
+			}
+
+			// hide the border if no items
+			box[display ? 'show' : 'hide']();
+		}
+		
+		legend.legendWidth = legendWidth;
+		legend.legendHeight = legendHeight;
+
+		// Now that the legend width and height are established, put the items in the 
+		// final position
+		each(allItems, function (item) {
+			legend.positionItem(item);
+		});
+
+		// 1.x compatibility: positioning based on style
+		/*var props = ['left', 'right', 'top', 'bottom'],
+			prop,
+			i = 4;
+		while (i--) {
+			prop = props[i];
+			if (options.style[prop] && options.style[prop] !== 'auto') {
+				options[i < 2 ? 'align' : 'verticalAlign'] = prop;
+				options[i < 2 ? 'x' : 'y'] = pInt(options.style[prop]) * (i % 2 ? -1 : 1);
+			}
+		}*/
+
+		if (display) {
+			legendGroup.align(extend({
+				width: legendWidth,
+				height: legendHeight
+			}, options), true, 'spacingBox');
+		}
+
+		if (!chart.isResizing) {
+			this.positionCheckboxes();
+		}
+	},
+	
+	/**
+	 * Set up the overflow handling by adding navigation with up and down arrows below the
+	 * legend.
+	 */
+	handleOverflow: function (legendHeight) {
+		var legend = this,
+			chart = this.chart,
+			renderer = chart.renderer,
+			pageCount,
+			options = this.options,
+			optionsY = options.y,
+			alignTop = options.verticalAlign === 'top',
+			spaceHeight = chart.spacingBox.height + (alignTop ? -optionsY : optionsY) - this.padding,
+			maxHeight = options.maxHeight,
+			clipHeight,
+			clipRect = this.clipRect,
+			navOptions = options.navigation,
+			animation = pick(navOptions.animation, true),
+			arrowSize = navOptions.arrowSize || 12,
+			nav = this.nav;
+			
+		// Adjust the height
+		if (options.layout === 'horizontal') {
+			spaceHeight /= 2;
+		}
+		if (maxHeight) {
+			spaceHeight = mathMin(spaceHeight, maxHeight);
+		}
+		
+		// Reset the legend height and adjust the clipping rectangle
+		if (legendHeight > spaceHeight && !options.useHTML) {
+
+			this.clipHeight = clipHeight = spaceHeight - 20 - this.titleHeight;
+			this.pageCount = pageCount = mathCeil(legendHeight / clipHeight);
+			this.currentPage = pick(this.currentPage, 1);
+			this.fullHeight = legendHeight;
+			
+			// Only apply clipping if needed. Clipping causes blurred legend in PDF export (#1787)
+			if (!clipRect) {
+				clipRect = legend.clipRect = renderer.clipRect(0, 0, 9999, 0);
+				legend.contentGroup.clip(clipRect);
+			}
+			clipRect.attr({
+				height: clipHeight
+			});
+			
+			// Add navigation elements
+			if (!nav) {
+				this.nav = nav = renderer.g().attr({ zIndex: 1 }).add(this.group);
+				this.up = renderer.symbol('triangle', 0, 0, arrowSize, arrowSize)
+					.on('click', function () {
+						legend.scroll(-1, animation);
+					})
+					.add(nav);
+				this.pager = renderer.text('', 15, 10)
+					.css(navOptions.style)
+					.add(nav);
+				this.down = renderer.symbol('triangle-down', 0, 0, arrowSize, arrowSize)
+					.on('click', function () {
+						legend.scroll(1, animation);
+					})
+					.add(nav);
+			}
+			
+			// Set initial position
+			legend.scroll(0);
+			
+			legendHeight = spaceHeight;
+			
+		} else if (nav) {
+			clipRect.attr({
+				height: chart.chartHeight
+			});
+			nav.hide();
+			this.scrollGroup.attr({
+				translateY: 1
+			});
+			this.clipHeight = 0; // #1379
+		}
+		
+		return legendHeight;
+	},
+	
+	/**
+	 * Scroll the legend by a number of pages
+	 * @param {Object} scrollBy
+	 * @param {Object} animation
+	 */
+	scroll: function (scrollBy, animation) {
+		var pageCount = this.pageCount,
+			currentPage = this.currentPage + scrollBy,
+			clipHeight = this.clipHeight,
+			navOptions = this.options.navigation,
+			activeColor = navOptions.activeColor,
+			inactiveColor = navOptions.inactiveColor,
+			pager = this.pager,
+			padding = this.padding,
+			scrollOffset;
+		
+		// When resizing while looking at the last page
+		if (currentPage > pageCount) {
+			currentPage = pageCount;
+		}
+		
+		if (currentPage > 0) {
+			
+			if (animation !== UNDEFINED) {
+				setAnimation(animation, this.chart);
+			}
+			
+			this.nav.attr({
+				translateX: padding,
+				translateY: clipHeight + 7 + this.titleHeight,
+				visibility: VISIBLE
+			});
+			this.up.attr({
+					fill: currentPage === 1 ? inactiveColor : activeColor
+				})
+				.css({
+					cursor: currentPage === 1 ? 'default' : 'pointer'
+				});
+			pager.attr({
+				text: currentPage + '/' + this.pageCount
+			});
+			this.down.attr({
+					x: 18 + this.pager.getBBox().width, // adjust to text width
+					fill: currentPage === pageCount ? inactiveColor : activeColor
+				})
+				.css({
+					cursor: currentPage === pageCount ? 'default' : 'pointer'
+				});
+			
+			scrollOffset = -mathMin(clipHeight * (currentPage - 1), this.fullHeight - clipHeight + padding) + 1;
+			this.scrollGroup.animate({
+				translateY: scrollOffset
+			});
+			pager.attr({
+				text: currentPage + '/' + pageCount
+			});
+			
+			
+			this.currentPage = currentPage;
+			this.positionCheckboxes(scrollOffset);
+		}
+			
+	}
+	
+};
+
+// Workaround for #2030, horizontal legend items not displaying in IE11 Preview.
+// TODO: When IE11 is released, check again for this bug, and remove the fix
+// or make a better one.
+if (/Trident.*?11\.0/.test(userAgent)) {
+	wrap(Legend.prototype, 'positionItem', function (proceed, item) {
+		var legend = this;
+		setTimeout(function () {
+			proceed.call(legend, item);
+		});
+	});
+}
+
+/**
+ * The chart class
+ * @param {Object} options
+ * @param {Function} callback Function to run when the chart has loaded
+ */
+function Chart() {
+	this.init.apply(this, arguments);
+}
+
+Chart.prototype = {
+
+	/**
+	 * Initialize the chart
+	 */
+	init: function (userOptions, callback) {
+
+		// Handle regular options
+		var options,
+			seriesOptions = userOptions.series; // skip merging data points to increase performance
+
+		userOptions.series = null;
+		options = merge(defaultOptions, userOptions); // do the merge
+		options.series = userOptions.series = seriesOptions; // set back the series data
+
+		var optionsChart = options.chart;
+		
+		// Create margin & spacing array
+		this.margin = this.splashArray('margin', optionsChart);
+		this.spacing = this.splashArray('spacing', optionsChart);
+
+		var chartEvents = optionsChart.events;
+
+		//this.runChartClick = chartEvents && !!chartEvents.click;
+		this.bounds = { h: {}, v: {} }; // Pixel data bounds for touch zoom
+
+		this.callback = callback;
+		this.isResizing = 0;
+		this.options = options;
+		//chartTitleOptions = UNDEFINED;
+		//chartSubtitleOptions = UNDEFINED;
+
+		this.axes = [];
+		this.series = [];
+		this.hasCartesianSeries = optionsChart.showAxes;
+		//this.axisOffset = UNDEFINED;
+		//this.maxTicks = UNDEFINED; // handle the greatest amount of ticks on grouped axes
+		//this.inverted = UNDEFINED;
+		//this.loadingShown = UNDEFINED;
+		//this.container = UNDEFINED;
+		//this.chartWidth = UNDEFINED;
+		//this.chartHeight = UNDEFINED;
+		//this.marginRight = UNDEFINED;
+		//this.marginBottom = UNDEFINED;
+		//this.containerWidth = UNDEFINED;
+		//this.containerHeight = UNDEFINED;
+		//this.oldChartWidth = UNDEFINED;
+		//this.oldChartHeight = UNDEFINED;
+
+		//this.renderTo = UNDEFINED;
+		//this.renderToClone = UNDEFINED;
+
+		//this.spacingBox = UNDEFINED
+
+		//this.legend = UNDEFINED;
+
+		// Elements
+		//this.chartBackground = UNDEFINED;
+		//this.plotBackground = UNDEFINED;
+		//this.plotBGImage = UNDEFINED;
+		//this.plotBorder = UNDEFINED;
+		//this.loadingDiv = UNDEFINED;
+		//this.loadingSpan = UNDEFINED;
+
+		var chart = this,
+			eventType;
+
+		// Add the chart to the global lookup
+		chart.index = charts.length;
+		charts.push(chart);
+
+		// Set up auto resize
+		if (optionsChart.reflow !== false) {
+			addEvent(chart, 'load', function () {
+				chart.initReflow();
+			});
+		}
+
+		// Chart event handlers
+		if (chartEvents) {
+			for (eventType in chartEvents) {
+				addEvent(chart, eventType, chartEvents[eventType]);
+			}
+		}
+
+		chart.xAxis = [];
+		chart.yAxis = [];
+
+		// Expose methods and variables
+		chart.animation = useCanVG ? false : pick(optionsChart.animation, true);
+		chart.pointCount = 0;
+		chart.counters = new ChartCounters();
+
+		chart.firstRender();
+	},
+
+	/**
+	 * Initialize an individual series, called internally before render time
+	 */
+	initSeries: function (options) {
+		var chart = this,
+			optionsChart = chart.options.chart,
+			type = options.type || optionsChart.type || optionsChart.defaultSeriesType,
+			series,
+			constr = seriesTypes[type];
+
+		// No such series type
+		if (!constr) {
+			error(17, true);
+		}
+
+		series = new constr();
+		series.init(this, options);
+		return series;
+	},
+
+	/**
+	 * Add a series dynamically after  time
+	 *
+	 * @param {Object} options The config options
+	 * @param {Boolean} redraw Whether to redraw the chart after adding. Defaults to true.
+	 * @param {Boolean|Object} animation Whether to apply animation, and optionally animation
+	 *    configuration
+	 *
+	 * @return {Object} series The newly created series object
+	 */
+	addSeries: function (options, redraw, animation) {
+		var series,
+			chart = this;
+
+		if (options) {
+			redraw = pick(redraw, true); // defaults to true
+
+			fireEvent(chart, 'addSeries', { options: options }, function () {
+				series = chart.initSeries(options);
+				
+				chart.isDirtyLegend = true; // the series array is out of sync with the display
+				chart.linkSeries();
+				if (redraw) {
+					chart.redraw(animation);
+				}
+			});
+		}
+
+		return series;
+	},
+
+	/**
+     * Add an axis to the chart
+     * @param {Object} options The axis option
+     * @param {Boolean} isX Whether it is an X axis or a value axis
+     */
+	addAxis: function (options, isX, redraw, animation) {
+		var key = isX ? 'xAxis' : 'yAxis',
+			chartOptions = this.options,
+			axis;
+
+		/*jslint unused: false*/
+		axis = new Axis(this, merge(options, {
+			index: this[key].length,
+			isX: isX
+		}));
+		/*jslint unused: true*/
+
+		// Push the new axis options to the chart options
+		chartOptions[key] = splat(chartOptions[key] || {});
+		chartOptions[key].push(options);
+
+		if (pick(redraw, true)) {
+			this.redraw(animation);
+		}
+	},
+
+	/**
+	 * Check whether a given point is within the plot area
+	 *
+	 * @param {Number} plotX Pixel x relative to the plot area
+	 * @param {Number} plotY Pixel y relative to the plot area
+	 * @param {Boolean} inverted Whether the chart is inverted
+	 */
+	isInsidePlot: function (plotX, plotY, inverted) {
+		var x = inverted ? plotY : plotX,
+			y = inverted ? plotX : plotY;
+			
+		return x >= 0 &&
+			x <= this.plotWidth &&
+			y >= 0 &&
+			y <= this.plotHeight;
+	},
+
+	/**
+	 * Adjust all axes tick amounts
+	 */
+	adjustTickAmounts: function () {
+		if (this.options.chart.alignTicks !== false) {
+			each(this.axes, function (axis) {
+				axis.adjustTickAmount();
+			});
+		}
+		this.maxTicks = null;
+	},
+
+	/**
+	 * Redraw legend, axes or series based on updated data
+	 *
+	 * @param {Boolean|Object} animation Whether to apply animation, and optionally animation
+	 *    configuration
+	 */
+	redraw: function (animation) {
+		var chart = this,
+			axes = chart.axes,
+			series = chart.series,
+			pointer = chart.pointer,
+			legend = chart.legend,
+			redrawLegend = chart.isDirtyLegend,
+			hasStackedSeries,
+			hasDirtyStacks,
+			isDirtyBox = chart.isDirtyBox, // todo: check if it has actually changed?
+			seriesLength = series.length,
+			i = seriesLength,
+			serie,
+			renderer = chart.renderer,
+			isHiddenChart = renderer.isHidden(),
+			afterRedraw = [];
+			
+		setAnimation(animation, chart);
+		
+		if (isHiddenChart) {
+			chart.cloneRenderTo();
+		}
+
+		// Adjust title layout (reflow multiline text)
+		chart.layOutTitles();
+
+		// link stacked series
+		while (i--) {
+			serie = series[i];
+
+			if (serie.options.stacking) {
+				hasStackedSeries = true;
+				
+				if (serie.isDirty) {
+					hasDirtyStacks = true;
+					break;
+				}
+			}
+		}
+		if (hasDirtyStacks) { // mark others as dirty
+			i = seriesLength;
+			while (i--) {
+				serie = series[i];
+				if (serie.options.stacking) {
+					serie.isDirty = true;
+				}
+			}
+		}
+
+		// handle updated data in the series
+		each(series, function (serie) {
+			if (serie.isDirty) { // prepare the data so axis can read it
+				if (serie.options.legendType === 'point') {
+					redrawLegend = true;
+				}
+			}
+		});
+
+		// handle added or removed series
+		if (redrawLegend && legend.options.enabled) { // series or pie points are added or removed
+			// draw legend graphics
+			legend.render();
+
+			chart.isDirtyLegend = false;
+		}
+
+		// reset stacks
+		if (hasStackedSeries) {
+			chart.getStacks();
+		}
+
+
+		if (chart.hasCartesianSeries) {
+			if (!chart.isResizing) {
+
+				// reset maxTicks
+				chart.maxTicks = null;
+
+				// set axes scales
+				each(axes, function (axis) {
+					axis.setScale();
+				});
+			}
+
+			chart.adjustTickAmounts();
+			chart.getMargins();
+
+			// If one axis is dirty, all axes must be redrawn (#792, #2169)
+			each(axes, function (axis) {
+				if (axis.isDirty) {
+					isDirtyBox = true;
+				}
+			});
+
+			// redraw axes
+			each(axes, function (axis) {
+				
+				// Fire 'afterSetExtremes' only if extremes are set
+				if (axis.isDirtyExtremes) { // #821
+					axis.isDirtyExtremes = false;
+					afterRedraw.push(function () { // prevent a recursive call to chart.redraw() (#1119)
+						fireEvent(axis, 'afterSetExtremes', extend(axis.eventArgs, axis.getExtremes())); // #747, #751
+						delete axis.eventArgs;
+					});
+				}
+				
+				if (isDirtyBox || hasStackedSeries) {
+					axis.redraw();
+				}
+			});
+
+
+		}
+		// the plot areas size has changed
+		if (isDirtyBox) {
+			chart.drawChartBox();
+		}
+
+
+		// redraw affected series
+		each(series, function (serie) {
+			if (serie.isDirty && serie.visible &&
+					(!serie.isCartesian || serie.xAxis)) { // issue #153
+				serie.redraw();
+			}
+		});
+
+		// move tooltip or reset
+		if (pointer && pointer.reset) {
+			pointer.reset(true);
+		}
+
+		// redraw if canvas
+		renderer.draw();
+
+		// fire the event
+		fireEvent(chart, 'redraw'); // jQuery breaks this when calling it from addEvent. Overwrites chart.redraw
+		
+		if (isHiddenChart) {
+			chart.cloneRenderTo(true);
+		}
+		
+		// Fire callbacks that are put on hold until after the redraw
+		each(afterRedraw, function (callback) {
+			callback.call();
+		});
+	},
+
+
+
+	/**
+	 * Dim the chart and show a loading text or symbol
+	 * @param {String} str An optional text to show in the loading label instead of the default one
+	 */
+	showLoading: function (str) {
+		var chart = this,
+			options = chart.options,
+			loadingDiv = chart.loadingDiv;
+
+		var loadingOptions = options.loading;
+
+		// create the layer at the first call
+		if (!loadingDiv) {
+			chart.loadingDiv = loadingDiv = createElement(DIV, {
+				className: PREFIX + 'loading'
+			}, extend(loadingOptions.style, {
+				zIndex: 10,
+				display: NONE
+			}), chart.container);
+
+			chart.loadingSpan = createElement(
+				'span',
+				null,
+				loadingOptions.labelStyle,
+				loadingDiv
+			);
+
+		}
+
+		// update text
+		chart.loadingSpan.innerHTML = str || options.lang.loading;
+
+		// show it
+		if (!chart.loadingShown) {
+			css(loadingDiv, { 
+				opacity: 0, 
+				display: '',
+				left: chart.plotLeft + PX,
+				top: chart.plotTop + PX,
+				width: chart.plotWidth + PX,
+				height: chart.plotHeight + PX
+			});
+			animate(loadingDiv, {
+				opacity: loadingOptions.style.opacity
+			}, {
+				duration: loadingOptions.showDuration || 0
+			});
+			chart.loadingShown = true;
+		}
+	},
+
+	/**
+	 * Hide the loading layer
+	 */
+	hideLoading: function () {
+		var options = this.options,
+			loadingDiv = this.loadingDiv;
+
+		if (loadingDiv) {
+			animate(loadingDiv, {
+				opacity: 0
+			}, {
+				duration: options.loading.hideDuration || 100,
+				complete: function () {
+					css(loadingDiv, { display: NONE });
+				}
+			});
+		}
+		this.loadingShown = false;
+	},
+
+	/**
+	 * Get an axis, series or point object by id.
+	 * @param id {String} The id as given in the configuration options
+	 */
+	get: function (id) {
+		var chart = this,
+			axes = chart.axes,
+			series = chart.series;
+
+		var i,
+			j,
+			points;
+
+		// search axes
+		for (i = 0; i < axes.length; i++) {
+			if (axes[i].options.id === id) {
+				return axes[i];
+			}
+		}
+
+		// search series
+		for (i = 0; i < series.length; i++) {
+			if (series[i].options.id === id) {
+				return series[i];
+			}
+		}
+
+		// search points
+		for (i = 0; i < series.length; i++) {
+			points = series[i].points || [];
+			for (j = 0; j < points.length; j++) {
+				if (points[j].id === id) {
+					return points[j];
+				}
+			}
+		}
+		return null;
+	},
+
+	/**
+	 * Create the Axis instances based on the config options
+	 */
+	getAxes: function () {
+		var chart = this,
+			options = this.options,
+			xAxisOptions = options.xAxis = splat(options.xAxis || {}),
+			yAxisOptions = options.yAxis = splat(options.yAxis || {}),
+			optionsArray,
+			axis;
+
+		// make sure the options are arrays and add some members
+		each(xAxisOptions, function (axis, i) {
+			axis.index = i;
+			axis.isX = true;
+		});
+
+		each(yAxisOptions, function (axis, i) {
+			axis.index = i;
+		});
+
+		// concatenate all axis options into one array
+		optionsArray = xAxisOptions.concat(yAxisOptions);
+
+		each(optionsArray, function (axisOptions) {
+			axis = new Axis(chart, axisOptions);
+		});
+
+		chart.adjustTickAmounts();
+	},
+
+
+	/**
+	 * Get the currently selected points from all series
+	 */
+	getSelectedPoints: function () {
+		var points = [];
+		each(this.series, function (serie) {
+			points = points.concat(grep(serie.points || [], function (point) {
+				return point.selected;
+			}));
+		});
+		return points;
+	},
+
+	/**
+	 * Get the currently selected series
+	 */
+	getSelectedSeries: function () {
+		return grep(this.series, function (serie) {
+			return serie.selected;
+		});
+	},
+
+	/**
+	 * Generate stacks for each series and calculate stacks total values
+	 */
+	getStacks: function () {
+		var chart = this;
+
+		// reset stacks for each yAxis
+		each(chart.yAxis, function (axis) {
+			if (axis.stacks && axis.hasVisibleSeries) {
+				axis.oldStacks = axis.stacks;
+			}
+		});
+
+		each(chart.series, function (series) {
+			if (series.options.stacking && (series.visible === true || chart.options.chart.ignoreHiddenSeries === false)) {
+				series.stackKey = series.type + pick(series.options.stack, '');
+			}
+		});
+	},
+
+	/**
+	 * Display the zoom button
+	 */
+	showResetZoom: function () {
+		var chart = this,
+			lang = defaultOptions.lang,
+			btnOptions = chart.options.chart.resetZoomButton,
+			theme = btnOptions.theme,
+			states = theme.states,
+			alignTo = btnOptions.relativeTo === 'chart' ? null : 'plotBox';
+			
+		this.resetZoomButton = chart.renderer.button(lang.resetZoom, null, null, function () { chart.zoomOut(); }, theme, states && states.hover)
+			.attr({
+				align: btnOptions.position.align,
+				title: lang.resetZoomTitle
+			})
+			.add()
+			.align(btnOptions.position, false, alignTo);
+			
+	},
+
+	/**
+	 * Zoom out to 1:1
+	 */
+	zoomOut: function () {
+		var chart = this;
+		fireEvent(chart, 'selection', { resetSelection: true }, function () { 
+			chart.zoom();
+		});
+	},
+
+	/**
+	 * Zoom into a given portion of the chart given by axis coordinates
+	 * @param {Object} event
+	 */
+	zoom: function (event) {
+		var chart = this,
+			hasZoomed,
+			pointer = chart.pointer,
+			displayButton = false,
+			resetZoomButton;
+
+		// If zoom is called with no arguments, reset the axes
+		if (!event || event.resetSelection) {
+			each(chart.axes, function (axis) {
+				hasZoomed = axis.zoom();
+			});
+		} else { // else, zoom in on all axes
+			each(event.xAxis.concat(event.yAxis), function (axisData) {
+				var axis = axisData.axis,
+					isXAxis = axis.isXAxis;
+
+				// don't zoom more than minRange
+				if (pointer[isXAxis ? 'zoomX' : 'zoomY'] || pointer[isXAxis ? 'pinchX' : 'pinchY']) {
+					hasZoomed = axis.zoom(axisData.min, axisData.max);
+					if (axis.displayBtn) {
+						displayButton = true;
+					}
+				}
+			});
+		}
+		
+		// Show or hide the Reset zoom button
+		resetZoomButton = chart.resetZoomButton;
+		if (displayButton && !resetZoomButton) {
+			chart.showResetZoom();
+		} else if (!displayButton && isObject(resetZoomButton)) {
+			chart.resetZoomButton = resetZoomButton.destroy();
+		}
+		
+
+		// Redraw
+		if (hasZoomed) {
+			chart.redraw(
+				pick(chart.options.chart.animation, event && event.animation, chart.pointCount < 100) // animation
+			);
+		}
+	},
+
+	/**
+	 * Pan the chart by dragging the mouse across the pane. This function is called
+	 * on mouse move, and the distance to pan is computed from chartX compared to
+	 * the first chartX position in the dragging operation.
+	 */
+	pan: function (e, panning) {
+
+		var chart = this,
+			hoverPoints = chart.hoverPoints,
+			doRedraw;
+
+		// remove active points for shared tooltip
+		if (hoverPoints) {
+			each(hoverPoints, function (point) {
+				point.setState();
+			});
+		}
+
+		each(panning === 'xy' ? [1, 0] : [1], function (isX) { // xy is used in maps
+			var mousePos = e[isX ? 'chartX' : 'chartY'],
+				axis = chart[isX ? 'xAxis' : 'yAxis'][0],
+				startPos = chart[isX ? 'mouseDownX' : 'mouseDownY'],
+				halfPointRange = (axis.pointRange || 0) / 2,
+				extremes = axis.getExtremes(),
+				newMin = axis.toValue(startPos - mousePos, true) + halfPointRange,
+				newMax = axis.toValue(startPos + chart[isX ? 'plotWidth' : 'plotHeight'] - mousePos, true) - halfPointRange;
+
+			if (axis.series.length && newMin > mathMin(extremes.dataMin, extremes.min) && newMax < mathMax(extremes.dataMax, extremes.max)) {
+				axis.setExtremes(newMin, newMax, false, false, { trigger: 'pan' });
+				doRedraw = true;
+			}
+
+			chart[isX ? 'mouseDownX' : 'mouseDownY'] = mousePos; // set new reference for next run
+		});
+
+		if (doRedraw) {
+			chart.redraw(false);
+		}
+		css(chart.container, { cursor: 'move' });
+	},
+
+	/**
+	 * Show the title and subtitle of the chart
+	 *
+	 * @param titleOptions {Object} New title options
+	 * @param subtitleOptions {Object} New subtitle options
+	 *
+	 */
+	setTitle: function (titleOptions, subtitleOptions) {
+		var chart = this,
+			options = chart.options,
+			chartTitleOptions,
+			chartSubtitleOptions;
+
+		chartTitleOptions = options.title = merge(options.title, titleOptions);
+		chartSubtitleOptions = options.subtitle = merge(options.subtitle, subtitleOptions);
+
+		// add title and subtitle
+		each([
+			['title', titleOptions, chartTitleOptions],
+			['subtitle', subtitleOptions, chartSubtitleOptions]
+		], function (arr) {
+			var name = arr[0],
+				title = chart[name],
+				titleOptions = arr[1],
+				chartTitleOptions = arr[2];
+
+			if (title && titleOptions) {
+				chart[name] = title = title.destroy(); // remove old
+			}
+			
+			if (chartTitleOptions && chartTitleOptions.text && !title) {
+				chart[name] = chart.renderer.text(
+					chartTitleOptions.text,
+					0,
+					0,
+					chartTitleOptions.useHTML
+				)
+				.attr({
+					align: chartTitleOptions.align,
+					'class': PREFIX + name,
+					zIndex: chartTitleOptions.zIndex || 4
+				})
+				.css(chartTitleOptions.style)
+				.add();
+			}	
+		});
+		chart.layOutTitles();
+	},
+
+	/**
+	 * Lay out the chart titles and cache the full offset height for use in getMargins
+	 */
+	layOutTitles: function () {
+		var titleOffset = 0,
+			title = this.title,
+			subtitle = this.subtitle,
+			options = this.options,
+			titleOptions = options.title,
+			subtitleOptions = options.subtitle,
+			autoWidth = this.spacingBox.width - 44; // 44 makes room for default context button
+
+		if (title) {
+			title
+				.css({ width: (titleOptions.width || autoWidth) + PX })
+				.align(extend({ y: 15 }, titleOptions), false, 'spacingBox');
+			
+			if (!titleOptions.floating && !titleOptions.verticalAlign) {
+				titleOffset = title.getBBox().height;
+
+				// Adjust for browser consistency + backwards compat after #776 fix
+				if (titleOffset >= 18 && titleOffset <= 25) {
+					titleOffset = 15; 
+				}
+			}
+		}
+		if (subtitle) {
+			subtitle
+				.css({ width: (subtitleOptions.width || autoWidth) + PX })
+				.align(extend({ y: titleOffset + titleOptions.margin }, subtitleOptions), false, 'spacingBox');
+			
+			if (!subtitleOptions.floating && !subtitleOptions.verticalAlign) {
+				titleOffset = mathCeil(titleOffset + subtitle.getBBox().height);
+			}
+		}
+
+		this.titleOffset = titleOffset; // used in getMargins
+	},
+
+	/**
+	 * Get chart width and height according to options and container size
+	 */
+	getChartSize: function () {
+		var chart = this,
+			optionsChart = chart.options.chart,
+			renderTo = chart.renderToClone || chart.renderTo;
+
+		// get inner width and height from jQuery (#824)
+		chart.containerWidth = adapterRun(renderTo, 'width');
+		chart.containerHeight = adapterRun(renderTo, 'height');
+		
+		chart.chartWidth = mathMax(0, optionsChart.width || chart.containerWidth || 600); // #1393, 1460
+		chart.chartHeight = mathMax(0, pick(optionsChart.height,
+			// the offsetHeight of an empty container is 0 in standard browsers, but 19 in IE7:
+			chart.containerHeight > 19 ? chart.containerHeight : 400));
+	},
+
+	/**
+	 * Create a clone of the chart's renderTo div and place it outside the viewport to allow
+	 * size computation on chart.render and chart.redraw
+	 */
+	cloneRenderTo: function (revert) {
+		var clone = this.renderToClone,
+			container = this.container;
+		
+		// Destroy the clone and bring the container back to the real renderTo div
+		if (revert) {
+			if (clone) {
+				this.renderTo.appendChild(container);
+				discardElement(clone);
+				delete this.renderToClone;
+			}
+		
+		// Set up the clone
+		} else {
+			if (container && container.parentNode === this.renderTo) {
+				this.renderTo.removeChild(container); // do not clone this
+			}
+			this.renderToClone = clone = this.renderTo.cloneNode(0);
+			css(clone, {
+				position: ABSOLUTE,
+				top: '-9999px',
+				display: 'block' // #833
+			});
+			doc.body.appendChild(clone);
+			if (container) {
+				clone.appendChild(container);
+			}
+		}
+	},
+
+	/**
+	 * Get the containing element, determine the size and create the inner container
+	 * div to hold the chart
+	 */
+	getContainer: function () {
+		var chart = this,
+			container,
+			optionsChart = chart.options.chart,
+			chartWidth,
+			chartHeight,
+			renderTo,
+			indexAttrName = 'data-highcharts-chart',
+			oldChartIndex,
+			containerId;
+
+		chart.renderTo = renderTo = optionsChart.renderTo;
+		containerId = PREFIX + idCounter++;
+
+		if (isString(renderTo)) {
+			chart.renderTo = renderTo = doc.getElementById(renderTo);
+		}
+		
+		// Display an error if the renderTo is wrong
+		if (!renderTo) {
+			error(13, true);
+		}
+		
+		// If the container already holds a chart, destroy it
+		oldChartIndex = pInt(attr(renderTo, indexAttrName));
+		if (!isNaN(oldChartIndex) && charts[oldChartIndex]) {
+			charts[oldChartIndex].destroy();
+		}		
+		
+		// Make a reference to the chart from the div
+		attr(renderTo, indexAttrName, chart.index);
+
+		// remove previous chart
+		renderTo.innerHTML = '';
+
+		// If the container doesn't have an offsetWidth, it has or is a child of a node
+		// that has display:none. We need to temporarily move it out to a visible
+		// state to determine the size, else the legend and tooltips won't render
+		// properly
+		if (!renderTo.offsetWidth) {
+			chart.cloneRenderTo();
+		}
+
+		// get the width and height
+		chart.getChartSize();
+		chartWidth = chart.chartWidth;
+		chartHeight = chart.chartHeight;
+
+		// create the inner container
+		chart.container = container = createElement(DIV, {
+				className: PREFIX + 'container' +
+					(optionsChart.className ? ' ' + optionsChart.className : ''),
+				id: containerId
+			}, extend({
+				position: RELATIVE,
+				overflow: HIDDEN, // needed for context menu (avoid scrollbars) and
+					// content overflow in IE
+				width: chartWidth + PX,
+				height: chartHeight + PX,
+				textAlign: 'left',
+				lineHeight: 'normal', // #427
+				zIndex: 0, // #1072
+				'-webkit-tap-highlight-color': 'rgba(0,0,0,0)'
+			}, optionsChart.style),
+			chart.renderToClone || renderTo
+		);
+
+		// cache the cursor (#1650)
+		chart._cursor = container.style.cursor;
+
+		chart.renderer =
+			optionsChart.forExport ? // force SVG, used for SVG export
+				new SVGRenderer(container, chartWidth, chartHeight, true) :
+				new Renderer(container, chartWidth, chartHeight);
+
+		if (useCanVG) {
+			// If we need canvg library, extend and configure the renderer
+			// to get the tracker for translating mouse events
+			chart.renderer.create(chart, container, chartWidth, chartHeight);
+		}
+	},
+
+	/**
+	 * Calculate margins by rendering axis labels in a preliminary position. Title,
+	 * subtitle and legend have already been rendered at this stage, but will be
+	 * moved into their final positions
+	 */
+	getMargins: function () {
+		var chart = this,
+			spacing = chart.spacing,
+			axisOffset,
+			legend = chart.legend,
+			margin = chart.margin,
+			legendOptions = chart.options.legend,
+			legendMargin = pick(legendOptions.margin, 10),
+			legendX = legendOptions.x,
+			legendY = legendOptions.y,
+			align = legendOptions.align,
+			verticalAlign = legendOptions.verticalAlign,
+			titleOffset = chart.titleOffset;
+
+		chart.resetMargins();
+		axisOffset = chart.axisOffset;
+
+		// Adjust for title and subtitle
+		if (titleOffset && !defined(margin[0])) {
+			chart.plotTop = mathMax(chart.plotTop, titleOffset + chart.options.title.margin + spacing[0]);
+		}
+		
+		// Adjust for legend
+		if (legend.display && !legendOptions.floating) {
+			if (align === 'right') { // horizontal alignment handled first
+				if (!defined(margin[1])) {
+					chart.marginRight = mathMax(
+						chart.marginRight,
+						legend.legendWidth - legendX + legendMargin + spacing[1]
+					);
+				}
+			} else if (align === 'left') {
+				if (!defined(margin[3])) {
+					chart.plotLeft = mathMax(
+						chart.plotLeft,
+						legend.legendWidth + legendX + legendMargin + spacing[3]
+					);
+				}
+
+			} else if (verticalAlign === 'top') {
+				if (!defined(margin[0])) {
+					chart.plotTop = mathMax(
+						chart.plotTop,
+						legend.legendHeight + legendY + legendMargin + spacing[0]
+					);
+				}
+
+			} else if (verticalAlign === 'bottom') {
+				if (!defined(margin[2])) {
+					chart.marginBottom = mathMax(
+						chart.marginBottom,
+						legend.legendHeight - legendY + legendMargin + spacing[2]
+					);
+				}
+			}
+		}
+
+		// adjust for scroller
+		if (chart.extraBottomMargin) {
+			chart.marginBottom += chart.extraBottomMargin;
+		}
+		if (chart.extraTopMargin) {
+			chart.plotTop += chart.extraTopMargin;
+		}
+
+		// pre-render axes to get labels offset width
+		if (chart.hasCartesianSeries) {
+			each(chart.axes, function (axis) {
+				axis.getOffset();
+			});
+		}
+		
+		if (!defined(margin[3])) {
+			chart.plotLeft += axisOffset[3];
+		}
+		if (!defined(margin[0])) {
+			chart.plotTop += axisOffset[0];
+		}
+		if (!defined(margin[2])) {
+			chart.marginBottom += axisOffset[2];
+		}
+		if (!defined(margin[1])) {
+			chart.marginRight += axisOffset[1];
+		}
+
+		chart.setChartSize();
+
+	},
+
+	/**
+	 * Add the event handlers necessary for auto resizing
+	 *
+	 */
+	initReflow: function () {
+		var chart = this,
+			optionsChart = chart.options.chart,
+			renderTo = chart.renderTo,
+			reflowTimeout;
+			
+		function reflow(e) {
+			var width = optionsChart.width || adapterRun(renderTo, 'width'),
+				height = optionsChart.height || adapterRun(renderTo, 'height'),
+				target = e ? e.target : win; // #805 - MooTools doesn't supply e
+				
+			// Width and height checks for display:none. Target is doc in IE8 and Opera,
+			// win in Firefox, Chrome and IE9.
+			if (!chart.hasUserSize && width && height && (target === win || target === doc)) {
+				
+				if (width !== chart.containerWidth || height !== chart.containerHeight) {
+					clearTimeout(reflowTimeout);
+					chart.reflowTimeout = reflowTimeout = setTimeout(function () {
+						if (chart.container) { // It may have been destroyed in the meantime (#1257)
+							chart.setSize(width, height, false);
+							chart.hasUserSize = null;
+						}
+					}, 100);
+				}
+				chart.containerWidth = width;
+				chart.containerHeight = height;
+			}
+		}
+		chart.reflow = reflow;
+		addEvent(win, 'resize', reflow);
+		addEvent(chart, 'destroy', function () {
+			removeEvent(win, 'resize', reflow);
+		});
+	},
+
+	/**
+	 * Resize the chart to a given width and height
+	 * @param {Number} width
+	 * @param {Number} height
+	 * @param {Object|Boolean} animation
+	 */
+	setSize: function (width, height, animation) {
+		var chart = this,
+			chartWidth,
+			chartHeight,
+			fireEndResize;
+
+		// Handle the isResizing counter
+		chart.isResizing += 1;
+		fireEndResize = function () {
+			if (chart) {
+				fireEvent(chart, 'endResize', null, function () {
+					chart.isResizing -= 1;
+				});
+			}
+		};
+
+		// set the animation for the current process
+		setAnimation(animation, chart);
+
+		chart.oldChartHeight = chart.chartHeight;
+		chart.oldChartWidth = chart.chartWidth;
+		if (defined(width)) {
+			chart.chartWidth = chartWidth = mathMax(0, mathRound(width));
+			chart.hasUserSize = !!chartWidth;
+		}
+		if (defined(height)) {
+			chart.chartHeight = chartHeight = mathMax(0, mathRound(height));
+		}
+
+		css(chart.container, {
+			width: chartWidth + PX,
+			height: chartHeight + PX
+		});
+		chart.setChartSize(true);
+		chart.renderer.setSize(chartWidth, chartHeight, animation);
+
+		// handle axes
+		chart.maxTicks = null;
+		each(chart.axes, function (axis) {
+			axis.isDirty = true;
+			axis.setScale();
+		});
+
+		// make sure non-cartesian series are also handled
+		each(chart.series, function (serie) {
+			serie.isDirty = true;
+		});
+
+		chart.isDirtyLegend = true; // force legend redraw
+		chart.isDirtyBox = true; // force redraw of plot and chart border
+
+		chart.getMargins();
+
+		chart.redraw(animation);
+
+
+		chart.oldChartHeight = null;
+		fireEvent(chart, 'resize');
+
+		// fire endResize and set isResizing back
+		// If animation is disabled, fire without delay
+		if (globalAnimation === false) {
+			fireEndResize();
+		} else { // else set a timeout with the animation duration
+			setTimeout(fireEndResize, (globalAnimation && globalAnimation.duration) || 500);
+		}
+	},
+
+	/**
+	 * Set the public chart properties. This is done before and after the pre-render
+	 * to determine margin sizes
+	 */
+	setChartSize: function (skipAxes) {
+		var chart = this,
+			inverted = chart.inverted,
+			renderer = chart.renderer,
+			chartWidth = chart.chartWidth,
+			chartHeight = chart.chartHeight,
+			optionsChart = chart.options.chart,
+			spacing = chart.spacing,
+			clipOffset = chart.clipOffset,
+			clipX,
+			clipY,
+			plotLeft,
+			plotTop,
+			plotWidth,
+			plotHeight,
+			plotBorderWidth;
+
+		chart.plotLeft = plotLeft = mathRound(chart.plotLeft);
+		chart.plotTop = plotTop = mathRound(chart.plotTop);
+		chart.plotWidth = plotWidth = mathMax(0, mathRound(chartWidth - plotLeft - chart.marginRight));
+		chart.plotHeight = plotHeight = mathMax(0, mathRound(chartHeight - plotTop - chart.marginBottom));
+
+		chart.plotSizeX = inverted ? plotHeight : plotWidth;
+		chart.plotSizeY = inverted ? plotWidth : plotHeight;
+		
+		chart.plotBorderWidth = optionsChart.plotBorderWidth || 0;
+
+		// Set boxes used for alignment
+		chart.spacingBox = renderer.spacingBox = {
+			x: spacing[3],
+			y: spacing[0],
+			width: chartWidth - spacing[3] - spacing[1],
+			height: chartHeight - spacing[0] - spacing[2]
+		};
+		chart.plotBox = renderer.plotBox = {
+			x: plotLeft,
+			y: plotTop,
+			width: plotWidth,
+			height: plotHeight
+		};
+
+		plotBorderWidth = 2 * mathFloor(chart.plotBorderWidth / 2);
+		clipX = mathCeil(mathMax(plotBorderWidth, clipOffset[3]) / 2);
+		clipY = mathCeil(mathMax(plotBorderWidth, clipOffset[0]) / 2);
+		chart.clipBox = {
+			x: clipX, 
+			y: clipY, 
+			width: mathFloor(chart.plotSizeX - mathMax(plotBorderWidth, clipOffset[1]) / 2 - clipX), 
+			height: mathFloor(chart.plotSizeY - mathMax(plotBorderWidth, clipOffset[2]) / 2 - clipY)
+		};
+
+		if (!skipAxes) {
+			each(chart.axes, function (axis) {
+				axis.setAxisSize();
+				axis.setAxisTranslation();
+			});
+		}
+	},
+
+	/**
+	 * Initial margins before auto size margins are applied
+	 */
+	resetMargins: function () {
+		var chart = this,
+			spacing = chart.spacing,
+			margin = chart.margin;
+
+		chart.plotTop = pick(margin[0], spacing[0]);
+		chart.marginRight = pick(margin[1], spacing[1]);
+		chart.marginBottom = pick(margin[2], spacing[2]);
+		chart.plotLeft = pick(margin[3], spacing[3]);
+		chart.axisOffset = [0, 0, 0, 0]; // top, right, bottom, left
+		chart.clipOffset = [0, 0, 0, 0];
+	},
+
+	/**
+	 * Draw the borders and backgrounds for chart and plot area
+	 */
+	drawChartBox: function () {
+		var chart = this,
+			optionsChart = chart.options.chart,
+			renderer = chart.renderer,
+			chartWidth = chart.chartWidth,
+			chartHeight = chart.chartHeight,
+			chartBackground = chart.chartBackground,
+			plotBackground = chart.plotBackground,
+			plotBorder = chart.plotBorder,
+			plotBGImage = chart.plotBGImage,
+			chartBorderWidth = optionsChart.borderWidth || 0,
+			chartBackgroundColor = optionsChart.backgroundColor,
+			plotBackgroundColor = optionsChart.plotBackgroundColor,
+			plotBackgroundImage = optionsChart.plotBackgroundImage,
+			plotBorderWidth = optionsChart.plotBorderWidth || 0,
+			mgn,
+			bgAttr,
+			plotLeft = chart.plotLeft,
+			plotTop = chart.plotTop,
+			plotWidth = chart.plotWidth,
+			plotHeight = chart.plotHeight,
+			plotBox = chart.plotBox,
+			clipRect = chart.clipRect,
+			clipBox = chart.clipBox;
+
+		// Chart area
+		mgn = chartBorderWidth + (optionsChart.shadow ? 8 : 0);
+
+		if (chartBorderWidth || chartBackgroundColor) {
+			if (!chartBackground) {
+				
+				bgAttr = {
+					fill: chartBackgroundColor || NONE
+				};
+				if (chartBorderWidth) { // #980
+					bgAttr.stroke = optionsChart.borderColor;
+					bgAttr['stroke-width'] = chartBorderWidth;
+				}
+				chart.chartBackground = renderer.rect(mgn / 2, mgn / 2, chartWidth - mgn, chartHeight - mgn,
+						optionsChart.borderRadius, chartBorderWidth)
+					.attr(bgAttr)
+					.add()
+					.shadow(optionsChart.shadow);
+
+			} else { // resize
+				chartBackground.animate(
+					chartBackground.crisp(null, null, null, chartWidth - mgn, chartHeight - mgn)
+				);
+			}
+		}
+
+
+		// Plot background
+		if (plotBackgroundColor) {
+			if (!plotBackground) {
+				chart.plotBackground = renderer.rect(plotLeft, plotTop, plotWidth, plotHeight, 0)
+					.attr({
+						fill: plotBackgroundColor
+					})
+					.add()
+					.shadow(optionsChart.plotShadow);
+			} else {
+				plotBackground.animate(plotBox);
+			}
+		}
+		if (plotBackgroundImage) {
+			if (!plotBGImage) {
+				chart.plotBGImage = renderer.image(plotBackgroundImage, plotLeft, plotTop, plotWidth, plotHeight)
+					.add();
+			} else {
+				plotBGImage.animate(plotBox);
+			}
+		}
+		
+		// Plot clip
+		if (!clipRect) {
+			chart.clipRect = renderer.clipRect(clipBox);
+		} else {
+			clipRect.animate({
+				width: clipBox.width,
+				height: clipBox.height
+			});
+		}
+
+		// Plot area border
+		if (plotBorderWidth) {
+			if (!plotBorder) {
+				chart.plotBorder = renderer.rect(plotLeft, plotTop, plotWidth, plotHeight, 0, -plotBorderWidth)
+					.attr({
+						stroke: optionsChart.plotBorderColor,
+						'stroke-width': plotBorderWidth,
+						zIndex: 1
+					})
+					.add();
+			} else {
+				plotBorder.animate(
+					plotBorder.crisp(null, plotLeft, plotTop, plotWidth, plotHeight)
+				);
+			}
+		}
+
+		// reset
+		chart.isDirtyBox = false;
+	},
+
+	/**
+	 * Detect whether a certain chart property is needed based on inspecting its options
+	 * and series. This mainly applies to the chart.invert property, and in extensions to 
+	 * the chart.angular and chart.polar properties.
+	 */
+	propFromSeries: function () {
+		var chart = this,
+			optionsChart = chart.options.chart,
+			klass,
+			seriesOptions = chart.options.series,
+			i,
+			value;
+			
+			
+		each(['inverted', 'angular', 'polar'], function (key) {
+			
+			// The default series type's class
+			klass = seriesTypes[optionsChart.type || optionsChart.defaultSeriesType];
+			
+			// Get the value from available chart-wide properties
+			value = (
+				chart[key] || // 1. it is set before
+				optionsChart[key] || // 2. it is set in the options
+				(klass && klass.prototype[key]) // 3. it's default series class requires it
+			);
+	
+			// 4. Check if any the chart's series require it
+			i = seriesOptions && seriesOptions.length;
+			while (!value && i--) {
+				klass = seriesTypes[seriesOptions[i].type];
+				if (klass && klass.prototype[key]) {
+					value = true;
+				}
+			}
+	
+			// Set the chart property
+			chart[key] = value;	
+		});
+		
+	},
+
+	/**
+	 * Link two or more series together. This is done initially from Chart.render,
+	 * and after Chart.addSeries and Series.remove.
+	 */
+	linkSeries: function () {
+		var chart = this,
+			chartSeries = chart.series;
+
+		// Reset links
+		each(chartSeries, function (series) {
+			series.linkedSeries.length = 0;
+		});
+
+		// Apply new links
+		each(chartSeries, function (series) {
+			var linkedTo = series.options.linkedTo;
+			if (isString(linkedTo)) {
+				if (linkedTo === ':previous') {
+					linkedTo = chart.series[series.index - 1];
+				} else {
+					linkedTo = chart.get(linkedTo);
+				}
+				if (linkedTo) {
+					linkedTo.linkedSeries.push(series);
+					series.linkedParent = linkedTo;
+				}
+			}
+		});
+	},
+
+	/**
+	 * Render all graphics for the chart
+	 */
+	render: function () {
+		var chart = this,
+			axes = chart.axes,
+			renderer = chart.renderer,
+			options = chart.options;
+
+		var labels = options.labels,
+			credits = options.credits,
+			creditsHref;
+
+		// Title
+		chart.setTitle();
+
+
+		// Legend
+		chart.legend = new Legend(chart, options.legend);
+
+		chart.getStacks(); // render stacks
+
+		// Get margins by pre-rendering axes
+		// set axes scales
+		each(axes, function (axis) {
+			axis.setScale();
+		});
+
+		chart.getMargins();
+
+		chart.maxTicks = null; // reset for second pass
+		each(axes, function (axis) {
+			axis.setTickPositions(true); // update to reflect the new margins
+			axis.setMaxTicks();
+		});
+		chart.adjustTickAmounts();
+		chart.getMargins(); // second pass to check for new labels
+
+
+		// Draw the borders and backgrounds
+		chart.drawChartBox();		
+
+
+		// Axes
+		if (chart.hasCartesianSeries) {
+			each(axes, function (axis) {
+				axis.render();
+			});
+		}
+
+		// The series
+		if (!chart.seriesGroup) {
+			chart.seriesGroup = renderer.g('series-group')
+				.attr({ zIndex: 3 })
+				.add();
+		}
+		each(chart.series, function (serie) {
+			serie.translate();
+			serie.setTooltipPoints();
+			serie.render();
+		});
+
+		// Labels
+		if (labels.items) {
+			each(labels.items, function (label) {
+				var style = extend(labels.style, label.style),
+					x = pInt(style.left) + chart.plotLeft,
+					y = pInt(style.top) + chart.plotTop + 12;
+
+				// delete to prevent rewriting in IE
+				delete style.left;
+				delete style.top;
+
+				renderer.text(
+					label.html,
+					x,
+					y
+				)
+				.attr({ zIndex: 2 })
+				.css(style)
+				.add();
+
+			});
+		}
+
+		// Credits
+		if (credits.enabled && !chart.credits) {
+			creditsHref = credits.href;
+			chart.credits = renderer.text(
+				credits.text,
+				0,
+				0
+			)
+			.on('click', function () {
+				if (creditsHref) {
+					location.href = creditsHref;
+				}
+			})
+			.attr({
+				align: credits.position.align,
+				zIndex: 8
+			})
+			.css(credits.style)
+			.add()
+			.align(credits.position);
+		}
+
+		// Set flag
+		chart.hasRendered = true;
+
+	},
+
+	/**
+	 * Clean up memory usage
+	 */
+	destroy: function () {
+		var chart = this,
+			axes = chart.axes,
+			series = chart.series,
+			container = chart.container,
+			i,
+			parentNode = container && container.parentNode;
+			
+		// fire the chart.destoy event
+		fireEvent(chart, 'destroy');
+		
+		// Delete the chart from charts lookup array
+		charts[chart.index] = UNDEFINED;
+		chart.renderTo.removeAttribute('data-highcharts-chart');
+
+		// remove events
+		removeEvent(chart);
+
+		// ==== Destroy collections:
+		// Destroy axes
+		i = axes.length;
+		while (i--) {
+			axes[i] = axes[i].destroy();
+		}
+
+		// Destroy each series
+		i = series.length;
+		while (i--) {
+			series[i] = series[i].destroy();
+		}
+
+		// ==== Destroy chart properties:
+		each(['title', 'subtitle', 'chartBackground', 'plotBackground', 'plotBGImage', 
+				'plotBorder', 'seriesGroup', 'clipRect', 'credits', 'pointer', 'scroller', 
+				'rangeSelector', 'legend', 'resetZoomButton', 'tooltip', 'renderer'], function (name) {
+			var prop = chart[name];
+
+			if (prop && prop.destroy) {
+				chart[name] = prop.destroy();
+			}
+		});
+
+		// remove container and all SVG
+		if (container) { // can break in IE when destroyed before finished loading
+			container.innerHTML = '';
+			removeEvent(container);
+			if (parentNode) {
+				discardElement(container);
+			}
+
+		}
+
+		// clean it all up
+		for (i in chart) {
+			delete chart[i];
+		}
+
+	},
+
+
+	/**
+	 * VML namespaces can't be added until after complete. Listening
+	 * for Perini's doScroll hack is not enough.
+	 */
+	isReadyToRender: function () {
+		var chart = this;
+
+		// Note: in spite of JSLint's complaints, win == win.top is required
+		/*jslint eqeq: true*/
+		if ((!hasSVG && (win == win.top && doc.readyState !== 'complete')) || (useCanVG && !win.canvg)) {
+		/*jslint eqeq: false*/
+			if (useCanVG) {
+				// Delay rendering until canvg library is downloaded and ready
+				CanVGController.push(function () { chart.firstRender(); }, chart.options.global.canvasToolsURL);
+			} else {
+				doc.attachEvent('onreadystatechange', function () {
+					doc.detachEvent('onreadystatechange', chart.firstRender);
+					if (doc.readyState === 'complete') {
+						chart.firstRender();
+					}
+				});
+			}
+			return false;
+		}
+		return true;
+	},
+
+	/**
+	 * Prepare for first rendering after all data are loaded
+	 */
+	firstRender: function () {
+		var chart = this,
+			options = chart.options,
+			callback = chart.callback;
+
+		// Check whether the chart is ready to render
+		if (!chart.isReadyToRender()) {
+			return;
+		}
+
+		// Create the container
+		chart.getContainer();
+
+		// Run an early event after the container and renderer are established
+		fireEvent(chart, 'init');
+
+		
+		chart.resetMargins();
+		chart.setChartSize();
+
+		// Set the common chart properties (mainly invert) from the given series
+		chart.propFromSeries();
+
+		// get axes
+		chart.getAxes();
+
+		// Initialize the series
+		each(options.series || [], function (serieOptions) {
+			chart.initSeries(serieOptions);
+		});
+
+		chart.linkSeries();
+
+		// Run an event after axes and series are initialized, but before render. At this stage,
+		// the series data is indexed and cached in the xData and yData arrays, so we can access
+		// those before rendering. Used in Highstock. 
+		fireEvent(chart, 'beforeRender'); 
+
+		// depends on inverted and on margins being set
+		chart.pointer = new Pointer(chart, options);
+
+		chart.render();
+
+		// add canvas
+		chart.renderer.draw();
+		// run callbacks
+		if (callback) {
+			callback.apply(chart, [chart]);
+		}
+		each(chart.callbacks, function (fn) {
+			fn.apply(chart, [chart]);
+		});
+		
+		
+		// If the chart was rendered outside the top container, put it back in
+		chart.cloneRenderTo(true);
+
+		fireEvent(chart, 'load');
+
+	},
+
+	/**
+	* Creates arrays for spacing and margin from given options.
+	*/
+	splashArray: function (target, options) {
+		var oVar = options[target],
+			tArray = isObject(oVar) ? oVar : [oVar, oVar, oVar, oVar];
+
+		return [pick(options[target + 'Top'], tArray[0]),
+				pick(options[target + 'Right'], tArray[1]),
+				pick(options[target + 'Bottom'], tArray[2]),
+				pick(options[target + 'Left'], tArray[3])];
+	}
+}; // end Chart
+
+// Hook for exporting module
+Chart.prototype.callbacks = [];
+/**
+ * The Point object and prototype. Inheritable and used as base for PiePoint
+ */
+var Point = function () {};
+Point.prototype = {
+
+	/**
+	 * Initialize the point
+	 * @param {Object} series The series object containing this point
+	 * @param {Object} options The data in either number, array or object format
+	 */
+	init: function (series, options, x) {
+
+		var point = this,
+			colors;
+		point.series = series;
+		point.applyOptions(options, x);
+		point.pointAttr = {};
+
+		if (series.options.colorByPoint) {
+			colors = series.options.colors || series.chart.options.colors;
+			point.color = point.color || colors[series.colorCounter++];
+			// loop back to zero
+			if (series.colorCounter === colors.length) {
+				series.colorCounter = 0;
+			}
+		}
+
+		series.chart.pointCount++;
+		return point;
+	},
+	/**
+	 * Apply the options containing the x and y data and possible some extra properties.
+	 * This is called on point init or from point.update.
+	 *
+	 * @param {Object} options
+	 */
+	applyOptions: function (options, x) {
+		var point = this,
+			series = point.series,
+			pointValKey = series.pointValKey;
+
+		options = Point.prototype.optionsToObject.call(this, options);
+
+		// copy options directly to point
+		extend(point, options);
+		point.options = point.options ? extend(point.options, options) : options;
+			
+		// For higher dimension series types. For instance, for ranges, point.y is mapped to point.low.
+		if (pointValKey) {
+			point.y = point[pointValKey];
+		}
+		
+		// If no x is set by now, get auto incremented value. All points must have an
+		// x value, however the y value can be null to create a gap in the series
+		if (point.x === UNDEFINED && series) {
+			point.x = x === UNDEFINED ? series.autoIncrement() : x;
+		}
+		
+		return point;
+	},
+
+	/**
+	 * Transform number or array configs into objects
+	 */
+	optionsToObject: function (options) {
+		var ret,
+			series = this.series,
+			pointArrayMap = series.pointArrayMap || ['y'],
+			valueCount = pointArrayMap.length,
+			firstItemType,
+			i = 0,
+			j = 0;
+
+		if (typeof options === 'number' || options === null) {
+			ret = { y: options };
+
+		} else if (isArray(options)) {
+			ret = {};
+			// with leading x value
+			if (options.length > valueCount) {
+				firstItemType = typeof options[0];
+				if (firstItemType === 'string') {
+					ret.name = options[0];
+				} else if (firstItemType === 'number') {
+					ret.x = options[0];
+				}
+				i++;
+			}
+			while (j < valueCount) {
+				ret[pointArrayMap[j++]] = options[i++];
+			}			
+		} else if (typeof options === 'object') {
+			ret = options;
+
+			// This is the fastest way to detect if there are individual point dataLabels that need 
+			// to be considered in drawDataLabels. These can only occur in object configs.
+			if (options.dataLabels) {
+				series._hasPointLabels = true;
+			}
+
+			// Same approach as above for markers
+			if (options.marker) {
+				series._hasPointMarkers = true;
+			}
+		}
+		return ret;
+	},
+
+	/**
+	 * Destroy a point to clear memory. Its reference still stays in series.data.
+	 */
+	destroy: function () {
+		var point = this,
+			series = point.series,
+			chart = series.chart,
+			hoverPoints = chart.hoverPoints,
+			prop;
+
+		chart.pointCount--;
+
+		if (hoverPoints) {
+			point.setState();
+			erase(hoverPoints, point);
+			if (!hoverPoints.length) {
+				chart.hoverPoints = null;
+			}
+
+		}
+		if (point === chart.hoverPoint) {
+			point.onMouseOut();
+		}
+		
+		// remove all events
+		if (point.graphic || point.dataLabel) { // removeEvent and destroyElements are performance expensive
+			removeEvent(point);
+			point.destroyElements();
+		}
+
+		if (point.legendItem) { // pies have legend items
+			chart.legend.destroyItem(point);
+		}
+
+		for (prop in point) {
+			point[prop] = null;
+		}
+
+
+	},
+
+	/**
+	 * Destroy SVG elements associated with the point
+	 */
+	destroyElements: function () {
+		var point = this,
+			props = ['graphic', 'dataLabel', 'dataLabelUpper', 'group', 'connector', 'shadowGroup'],
+			prop,
+			i = 6;
+		while (i--) {
+			prop = props[i];
+			if (point[prop]) {
+				point[prop] = point[prop].destroy();
+			}
+		}
+	},
+
+	/**
+	 * Return the configuration hash needed for the data label and tooltip formatters
+	 */
+	getLabelConfig: function () {
+		var point = this;
+		return {
+			x: point.category,
+			y: point.y,
+			key: point.name || point.category,
+			series: point.series,
+			point: point,
+			percentage: point.percentage,
+			total: point.total || point.stackTotal
+		};
+	},
+
+	/**
+	 * Toggle the selection status of a point
+	 * @param {Boolean} selected Whether to select or unselect the point.
+	 * @param {Boolean} accumulate Whether to add to the previous selection. By default,
+	 *     this happens if the control key (Cmd on Mac) was pressed during clicking.
+	 */
+	select: function (selected, accumulate) {
+		var point = this,
+			series = point.series,
+			chart = series.chart;
+
+		selected = pick(selected, !point.selected);
+
+		// fire the event with the defalut handler
+		point.firePointEvent(selected ? 'select' : 'unselect', { accumulate: accumulate }, function () {
+			point.selected = point.options.selected = selected;
+			series.options.data[inArray(point, series.data)] = point.options;
+			
+			point.setState(selected && SELECT_STATE);
+
+			// unselect all other points unless Ctrl or Cmd + click
+			if (!accumulate) {
+				each(chart.getSelectedPoints(), function (loopPoint) {
+					if (loopPoint.selected && loopPoint !== point) {
+						loopPoint.selected = loopPoint.options.selected = false;
+						series.options.data[inArray(loopPoint, series.data)] = loopPoint.options;
+						loopPoint.setState(NORMAL_STATE);
+						loopPoint.firePointEvent('unselect');
+					}
+				});
+			}
+		});
+	},
+
+	/**
+	 * Runs on mouse over the point
+	 */
+	onMouseOver: function (e) {
+		var point = this,
+			series = point.series,
+			chart = series.chart,
+			tooltip = chart.tooltip,
+			hoverPoint = chart.hoverPoint;
+
+		// set normal state to previous series
+		if (hoverPoint && hoverPoint !== point) {
+			hoverPoint.onMouseOut();
+		}
+
+		// trigger the event
+		point.firePointEvent('mouseOver');
+
+		// update the tooltip
+		if (tooltip && (!tooltip.shared || series.noSharedTooltip)) {
+			tooltip.refresh(point, e);
+		}
+
+		// hover this
+		point.setState(HOVER_STATE);
+		chart.hoverPoint = point;
+	},
+	
+	/**
+	 * Runs on mouse out from the point
+	 */
+	onMouseOut: function () {
+		var chart = this.series.chart,
+			hoverPoints = chart.hoverPoints;
+		
+		if (!hoverPoints || inArray(this, hoverPoints) === -1) { // #887
+			this.firePointEvent('mouseOut');
+	
+			this.setState();
+			chart.hoverPoint = null;
+		}
+	},
+
+	/**
+	 * Extendable method for formatting each point's tooltip line
+	 *
+	 * @return {String} A string to be concatenated in to the common tooltip text
+	 */
+	tooltipFormatter: function (pointFormat) {
+		
+		// Insert options for valueDecimals, valuePrefix, and valueSuffix
+		var series = this.series,
+			seriesTooltipOptions = series.tooltipOptions,
+			valueDecimals = pick(seriesTooltipOptions.valueDecimals, ''),
+			valuePrefix = seriesTooltipOptions.valuePrefix || '',
+			valueSuffix = seriesTooltipOptions.valueSuffix || '';
+			
+		// Loop over the point array map and replace unformatted values with sprintf formatting markup
+		each(series.pointArrayMap || ['y'], function (key) {
+			key = '{point.' + key; // without the closing bracket
+			if (valuePrefix || valueSuffix) {
+				pointFormat = pointFormat.replace(key + '}', valuePrefix + key + '}' + valueSuffix);
+			}
+			pointFormat = pointFormat.replace(key + '}', key + ':,.' + valueDecimals + 'f}');
+		});
+		
+		return format(pointFormat, {
+			point: this,
+			series: this.series
+		});
+	},
+
+	/**
+	 * Update the point with new options (typically x/y data) and optionally redraw the series.
+	 *
+	 * @param {Object} options Point options as defined in the series.data array
+	 * @param {Boolean} redraw Whether to redraw the chart or wait for an explicit call
+	 * @param {Boolean|Object} animation Whether to apply animation, and optionally animation
+	 *    configuration
+	 *
+	 */
+	update: function (options, redraw, animation) {
+		var point = this,
+			series = point.series,
+			graphic = point.graphic,
+			i,
+			data = series.data,
+			chart = series.chart,
+			seriesOptions = series.options;
+
+		redraw = pick(redraw, true);
+
+		// fire the event with a default handler of doing the update
+		point.firePointEvent('update', { options: options }, function () {
+
+			point.applyOptions(options);
+
+			// update visuals
+			if (isObject(options)) {
+				series.getAttribs();
+				if (graphic) {
+					if (options.marker && options.marker.symbol) {
+						point.graphic = graphic.destroy();
+					} else {
+						graphic.attr(point.pointAttr[point.state || '']);
+					}
+				}
+			}
+
+			// record changes in the parallel arrays
+			i = inArray(point, data);
+			series.xData[i] = point.x;
+			series.yData[i] = series.toYData ? series.toYData(point) : point.y;
+			series.zData[i] = point.z;
+			seriesOptions.data[i] = point.options;
+
+			// redraw
+			series.isDirty = series.isDirtyData = true;
+			if (!series.fixedBox && series.hasCartesianSeries) { // #1906, #2320
+				chart.isDirtyBox = true;
+			}
+			
+			if (seriesOptions.legendType === 'point') { // #1831, #1885
+				chart.legend.destroyItem(point);
+			}
+			if (redraw) {
+				chart.redraw(animation);
+			}
+		});
+	},
+
+	/**
+	 * Remove a point and optionally redraw the series and if necessary the axes
+	 * @param {Boolean} redraw Whether to redraw the chart or wait for an explicit call
+	 * @param {Boolean|Object} animation Whether to apply animation, and optionally animation
+	 *    configuration
+	 */
+	remove: function (redraw, animation) {
+		var point = this,
+			series = point.series,
+			points = series.points,
+			chart = series.chart,
+			i,
+			data = series.data;
+
+		setAnimation(animation, chart);
+		redraw = pick(redraw, true);
+
+		// fire the event with a default handler of removing the point
+		point.firePointEvent('remove', null, function () {
+
+			// splice all the parallel arrays
+			i = inArray(point, data);
+			if (data.length === points.length) {
+				points.splice(i, 1);			
+			}
+			data.splice(i, 1);
+			series.options.data.splice(i, 1);
+			series.xData.splice(i, 1);
+			series.yData.splice(i, 1);
+			series.zData.splice(i, 1);
+
+			point.destroy();
+
+
+			// redraw
+			series.isDirty = true;
+			series.isDirtyData = true;
+			if (redraw) {
+				chart.redraw();
+			}
+		});
+
+
+	},
+
+	/**
+	 * Fire an event on the Point object. Must not be renamed to fireEvent, as this
+	 * causes a name clash in MooTools
+	 * @param {String} eventType
+	 * @param {Object} eventArgs Additional event arguments
+	 * @param {Function} defaultFunction Default event handler
+	 */
+	firePointEvent: function (eventType, eventArgs, defaultFunction) {
+		var point = this,
+			series = this.series,
+			seriesOptions = series.options;
+
+		// load event handlers on demand to save time on mouseover/out
+		if (seriesOptions.point.events[eventType] || (point.options && point.options.events && point.options.events[eventType])) {
+			this.importEvents();
+		}
+
+		// add default handler if in selection mode
+		if (eventType === 'click' && seriesOptions.allowPointSelect) {
+			defaultFunction = function (event) {
+				// Control key is for Windows, meta (= Cmd key) for Mac, Shift for Opera
+				point.select(null, event.ctrlKey || event.metaKey || event.shiftKey);
+			};
+		}
+
+		fireEvent(this, eventType, eventArgs, defaultFunction);
+	},
+	/**
+	 * Import events from the series' and point's options. Only do it on
+	 * demand, to save processing time on hovering.
+	 */
+	importEvents: function () {
+		if (!this.hasImportedEvents) {
+			var point = this,
+				options = merge(point.series.options.point, point.options),
+				events = options.events,
+				eventType;
+
+			point.events = events;
+
+			for (eventType in events) {
+				addEvent(point, eventType, events[eventType]);
+			}
+			this.hasImportedEvents = true;
+
+		}
+	},
+
+	/**
+	 * Set the point's state
+	 * @param {String} state
+	 */
+	setState: function (state) {
+		var point = this,
+			plotX = point.plotX,
+			plotY = point.plotY,
+			series = point.series,
+			stateOptions = series.options.states,
+			markerOptions = defaultPlotOptions[series.type].marker && series.options.marker,
+			normalDisabled = markerOptions && !markerOptions.enabled,
+			markerStateOptions = markerOptions && markerOptions.states[state],
+			stateDisabled = markerStateOptions && markerStateOptions.enabled === false,
+			stateMarkerGraphic = series.stateMarkerGraphic,
+			pointMarker = point.marker || {},
+			chart = series.chart,
+			radius,
+			newSymbol,
+			pointAttr = point.pointAttr;
+
+		state = state || NORMAL_STATE; // empty string
+
+		if (
+				// already has this state
+				state === point.state ||
+				// selected points don't respond to hover
+				(point.selected && state !== SELECT_STATE) ||
+				// series' state options is disabled
+				(stateOptions[state] && stateOptions[state].enabled === false) ||
+				// point marker's state options is disabled
+				(state && (stateDisabled || (normalDisabled && !markerStateOptions.enabled)))
+
+			) {
+			return;
+		}
+
+		// apply hover styles to the existing point
+		if (point.graphic) {
+			radius = markerOptions && point.graphic.symbolName && pointAttr[state].r;
+			point.graphic.attr(merge(
+				pointAttr[state],
+				radius ? { // new symbol attributes (#507, #612)
+					x: plotX - radius,
+					y: plotY - radius,
+					width: 2 * radius,
+					height: 2 * radius
+				} : {}
+			));
+		} else {
+			// if a graphic is not applied to each point in the normal state, create a shared
+			// graphic for the hover state
+			if (state && markerStateOptions) {
+				radius = markerStateOptions.radius;
+				newSymbol = pointMarker.symbol || series.symbol;
+
+				// If the point has another symbol than the previous one, throw away the 
+				// state marker graphic and force a new one (#1459)
+				if (stateMarkerGraphic && stateMarkerGraphic.currentSymbol !== newSymbol) {				
+					stateMarkerGraphic = stateMarkerGraphic.destroy();
+				}
+
+				// Add a new state marker graphic
+				if (!stateMarkerGraphic) {
+					series.stateMarkerGraphic = stateMarkerGraphic = chart.renderer.symbol(
+						newSymbol,
+						plotX - radius,
+						plotY - radius,
+						2 * radius,
+						2 * radius
+					)
+					.attr(pointAttr[state])
+					.add(series.markerGroup);
+					stateMarkerGraphic.currentSymbol = newSymbol;
+				
+				// Move the existing graphic
+				} else {
+					stateMarkerGraphic.attr({ // #1054
+						x: plotX - radius,
+						y: plotY - radius
+					});
+				}
+			}
+
+			if (stateMarkerGraphic) {
+				stateMarkerGraphic[state && chart.isInsidePlot(plotX, plotY) ? 'show' : 'hide']();
+			}
+		}
+
+		point.state = state;
+	}
+};
+
+/**
+ * @classDescription The base function which all other series types inherit from. The data in the series is stored
+ * in various arrays.
+ *
+ * - First, series.options.data contains all the original config options for
+ * each point whether added by options or methods like series.addPoint.
+ * - Next, series.data contains those values converted to points, but in case the series data length
+ * exceeds the cropThreshold, or if the data is grouped, series.data doesn't contain all the points. It
+ * only contains the points that have been created on demand.
+ * - Then there's series.points that contains all currently visible point objects. In case of cropping,
+ * the cropped-away points are not part of this array. The series.points array starts at series.cropStart
+ * compared to series.data and series.options.data. If however the series data is grouped, these can't
+ * be correlated one to one.
+ * - series.xData and series.processedXData contain clean x values, equivalent to series.data and series.points.
+ * - series.yData and series.processedYData contain clean x values, equivalent to series.data and series.points.
+ *
+ * @param {Object} chart
+ * @param {Object} options
+ */
+var Series = function () {};
+
+Series.prototype = {
+
+	isCartesian: true,
+	type: 'line',
+	pointClass: Point,
+	sorted: true, // requires the data to be sorted
+	requireSorting: true,
+	pointAttrToOptions: { // mapping between SVG attributes and the corresponding options
+		stroke: 'lineColor',
+		'stroke-width': 'lineWidth',
+		fill: 'fillColor',
+		r: 'radius'
+	},
+	colorCounter: 0,
+	init: function (chart, options) {
+		var series = this,
+			eventType,
+			events,
+			chartSeries = chart.series;
+
+		series.chart = chart;
+		series.options = options = series.setOptions(options); // merge with plotOptions
+		series.linkedSeries = [];
+
+		// bind the axes
+		series.bindAxes();
+
+		// set some variables
+		extend(series, {
+			name: options.name,
+			state: NORMAL_STATE,
+			pointAttr: {},
+			visible: options.visible !== false, // true by default
+			selected: options.selected === true // false by default
+		});
+		
+		// special
+		if (useCanVG) {
+			options.animation = false;
+		}
+
+		// register event listeners
+		events = options.events;
+		for (eventType in events) {
+			addEvent(series, eventType, events[eventType]);
+		}
+		if (
+			(events && events.click) ||
+			(options.point && options.point.events && options.point.events.click) ||
+			options.allowPointSelect
+		) {
+			chart.runTrackerClick = true;
+		}
+
+		series.getColor();
+		series.getSymbol();
+
+		// set the data
+		series.setData(options.data, false);
+		
+		// Mark cartesian
+		if (series.isCartesian) {
+			chart.hasCartesianSeries = true;
+		}
+
+		// Register it in the chart
+		chartSeries.push(series);
+		series._i = chartSeries.length - 1;
+		
+		// Sort series according to index option (#248, #1123)
+		stableSort(chartSeries, function (a, b) {
+			return pick(a.options.index, a._i) - pick(b.options.index, a._i);
+		});
+		each(chartSeries, function (series, i) {
+			series.index = i;
+			series.name = series.name || 'Series ' + (i + 1);
+		});
+
+	},
+	
+	/**
+	 * Set the xAxis and yAxis properties of cartesian series, and register the series
+	 * in the axis.series array
+	 */
+	bindAxes: function () {
+		var series = this,
+			seriesOptions = series.options,
+			chart = series.chart,
+			axisOptions;
+			
+		if (series.isCartesian) {
+			
+			each(['xAxis', 'yAxis'], function (AXIS) { // repeat for xAxis and yAxis
+				
+				each(chart[AXIS], function (axis) { // loop through the chart's axis objects
+					
+					axisOptions = axis.options;
+					
+					// apply if the series xAxis or yAxis option mathches the number of the 
+					// axis, or if undefined, use the first axis
+					if ((seriesOptions[AXIS] === axisOptions.index) ||
+							(seriesOptions[AXIS] !== UNDEFINED && seriesOptions[AXIS] === axisOptions.id) ||
+							(seriesOptions[AXIS] === UNDEFINED && axisOptions.index === 0)) {
+						
+						// register this series in the axis.series lookup
+						axis.series.push(series);
+						
+						// set this series.xAxis or series.yAxis reference
+						series[AXIS] = axis;
+						
+						// mark dirty for redraw
+						axis.isDirty = true;
+					}
+				});
+
+				// The series needs an X and an Y axis
+				if (!series[AXIS]) {
+					error(18, true);
+				}
+
+			});
+		}
+	},
+
+
+	/**
+	 * Return an auto incremented x value based on the pointStart and pointInterval options.
+	 * This is only used if an x value is not given for the point that calls autoIncrement.
+	 */
+	autoIncrement: function () {
+		var series = this,
+			options = series.options,
+			xIncrement = series.xIncrement;
+
+		xIncrement = pick(xIncrement, options.pointStart, 0);
+
+		series.pointInterval = pick(series.pointInterval, options.pointInterval, 1);
+
+		series.xIncrement = xIncrement + series.pointInterval;
+		return xIncrement;
+	},
+
+	/**
+	 * Divide the series data into segments divided by null values.
+	 */
+	getSegments: function () {
+		var series = this,
+			lastNull = -1,
+			segments = [],
+			i,
+			points = series.points,
+			pointsLength = points.length;
+
+		if (pointsLength) { // no action required for []
+			
+			// if connect nulls, just remove null points
+			if (series.options.connectNulls) {
+				i = pointsLength;
+				while (i--) {
+					if (points[i].y === null) {
+						points.splice(i, 1);
+					}
+				}
+				if (points.length) {
+					segments = [points];
+				}
+				
+			// else, split on null points
+			} else {
+				each(points, function (point, i) {
+					if (point.y === null) {
+						if (i > lastNull + 1) {
+							segments.push(points.slice(lastNull + 1, i));
+						}
+						lastNull = i;
+					} else if (i === pointsLength - 1) { // last value
+						segments.push(points.slice(lastNull + 1, i + 1));
+					}
+				});
+			}
+		}
+		
+		// register it
+		series.segments = segments;
+	},
+	
+	/**
+	 * Set the series options by merging from the options tree
+	 * @param {Object} itemOptions
+	 */
+	setOptions: function (itemOptions) {
+		var chart = this.chart,
+			chartOptions = chart.options,
+			plotOptions = chartOptions.plotOptions,
+			typeOptions = plotOptions[this.type],
+			options;
+
+		this.userOptions = itemOptions;
+
+		options = merge(
+			typeOptions,
+			plotOptions.series,
+			itemOptions
+		);
+		
+		// the tooltip options are merged between global and series specific options
+		this.tooltipOptions = merge(chartOptions.tooltip, options.tooltip);
+		
+		// Delte marker object if not allowed (#1125)
+		if (typeOptions.marker === null) {
+			delete options.marker;
+		}
+		
+		return options;
+
+	},
+	/**
+	 * Get the series' color
+	 */
+	getColor: function () {
+		var options = this.options,
+			userOptions = this.userOptions,
+			defaultColors = this.chart.options.colors,
+			counters = this.chart.counters,
+			color,
+			colorIndex;
+
+		color = options.color || defaultPlotOptions[this.type].color;
+
+		if (!color && !options.colorByPoint) {
+			if (defined(userOptions._colorIndex)) { // after Series.update()
+				colorIndex = userOptions._colorIndex;
+			} else {
+				userOptions._colorIndex = counters.color;
+				colorIndex = counters.color++;
+			}
+			color = defaultColors[colorIndex];
+		}
+		
+		this.color = color;
+		counters.wrapColor(defaultColors.length);
+	},
+	/**
+	 * Get the series' symbol
+	 */
+	getSymbol: function () {
+		var series = this,
+			userOptions = series.userOptions,
+			seriesMarkerOption = series.options.marker,
+			chart = series.chart,
+			defaultSymbols = chart.options.symbols,
+			counters = chart.counters,
+			symbolIndex;
+
+		series.symbol = seriesMarkerOption.symbol;
+		if (!series.symbol) {
+			if (defined(userOptions._symbolIndex)) { // after Series.update()
+				symbolIndex = userOptions._symbolIndex;
+			} else {
+				userOptions._symbolIndex = counters.symbol;
+				symbolIndex = counters.symbol++;
+			}
+			series.symbol = defaultSymbols[symbolIndex];
+		}
+
+		// don't substract radius in image symbols (#604)
+		if (/^url/.test(series.symbol)) {
+			seriesMarkerOption.radius = 0;
+		}
+		counters.wrapSymbol(defaultSymbols.length);
+	},
+
+	/**
+	 * Get the series' symbol in the legend. This method should be overridable to create custom 
+	 * symbols through Highcharts.seriesTypes[type].prototype.drawLegendSymbols.
+	 * 
+	 * @param {Object} legend The legend object
+	 */
+	drawLegendSymbol: function (legend) {
+		
+		var options = this.options,
+			markerOptions = options.marker,
+			radius,
+			legendOptions = legend.options,
+			legendSymbol,
+			symbolWidth = legendOptions.symbolWidth,
+			renderer = this.chart.renderer,
+			legendItemGroup = this.legendGroup,
+			verticalCenter = legend.baseline - mathRound(renderer.fontMetrics(legendOptions.itemStyle.fontSize).b * 0.3),
+			attr;
+			
+		// Draw the line
+		if (options.lineWidth) {
+			attr = {
+				'stroke-width': options.lineWidth
+			};
+			if (options.dashStyle) {
+				attr.dashstyle = options.dashStyle;
+			}
+			this.legendLine = renderer.path([
+				M,
+				0,
+				verticalCenter,
+				L,
+				symbolWidth,
+				verticalCenter
+			])
+			.attr(attr)
+			.add(legendItemGroup);
+		}
+		
+		// Draw the marker
+		if (markerOptions && markerOptions.enabled) {
+			radius = markerOptions.radius;
+			this.legendSymbol = legendSymbol = renderer.symbol(
+				this.symbol,
+				(symbolWidth / 2) - radius,
+				verticalCenter - radius,
+				2 * radius,
+				2 * radius
+			)
+			.add(legendItemGroup);
+			legendSymbol.isMarker = true;
+		}
+	},
+
+	/**
+	 * Add a point dynamically after chart load time
+	 * @param {Object} options Point options as given in series.data
+	 * @param {Boolean} redraw Whether to redraw the chart or wait for an explicit call
+	 * @param {Boolean} shift If shift is true, a point is shifted off the start
+	 *    of the series as one is appended to the end.
+	 * @param {Boolean|Object} animation Whether to apply animation, and optionally animation
+	 *    configuration
+	 */
+	addPoint: function (options, redraw, shift, animation) {
+		var series = this,
+			seriesOptions = series.options,
+			data = series.data,
+			graph = series.graph,
+			area = series.area,
+			chart = series.chart,
+			xData = series.xData,
+			yData = series.yData,
+			zData = series.zData,
+			names = series.names,
+			currentShift = (graph && graph.shift) || 0,
+			dataOptions = seriesOptions.data,
+			point,
+			isInTheMiddle,
+			x,
+			i;
+
+		setAnimation(animation, chart);
+
+		// Make graph animate sideways
+		if (shift) {
+			each([graph, area, series.graphNeg, series.areaNeg], function (shape) {
+				if (shape) {
+					shape.shift = currentShift + 1;
+				}
+			});
+		}
+		if (area) {
+			area.isArea = true; // needed in animation, both with and without shift
+		}
+		
+		// Optional redraw, defaults to true
+		redraw = pick(redraw, true);
+
+		// Get options and push the point to xData, yData and series.options. In series.generatePoints
+		// the Point instance will be created on demand and pushed to the series.data array.
+		point = { series: series };
+		series.pointClass.prototype.applyOptions.apply(point, [options]);
+		x = point.x;
+
+		// Get the insertion point
+		i = xData.length;
+		if (series.requireSorting && x < xData[i - 1]) {
+			isInTheMiddle = true;
+			while (i && xData[i - 1] > x) {
+				i--;
+			}
+		}
+		
+		xData.splice(i, 0, x);
+		yData.splice(i, 0, series.toYData ? series.toYData(point) : point.y);
+		zData.splice(i, 0, point.z);
+		if (names) {
+			names[x] = point.name;
+		}
+		dataOptions.splice(i, 0, options);
+
+		if (isInTheMiddle) {
+			series.data.splice(i, 0, null);
+			series.processData();
+		}
+		
+		// Generate points to be added to the legend (#1329) 
+		if (seriesOptions.legendType === 'point') {
+			series.generatePoints();
+		}
+
+		// Shift the first point off the parallel arrays
+		// todo: consider series.removePoint(i) method
+		if (shift) {
+			if (data[0] && data[0].remove) {
+				data[0].remove(false);
+			} else {
+				data.shift();
+				xData.shift();
+				yData.shift();
+				zData.shift();
+				dataOptions.shift();
+			}
+		}
+
+		// redraw
+		series.isDirty = true;
+		series.isDirtyData = true;
+		if (redraw) {
+			series.getAttribs(); // #1937
+			chart.redraw();
+		}
+	},
+
+	/**
+	 * Replace the series data with a new set of data
+	 * @param {Object} data
+	 * @param {Object} redraw
+	 */
+	setData: function (data, redraw) {
+		var series = this,
+			oldData = series.points,
+			options = series.options,
+			chart = series.chart,
+			firstPoint = null,
+			xAxis = series.xAxis,
+			names = xAxis && xAxis.categories && !xAxis.categories.length ? [] : null,
+			i;
+
+		// reset properties
+		series.xIncrement = null;
+		series.pointRange = xAxis && xAxis.categories ? 1 : options.pointRange;
+
+		series.colorCounter = 0; // for series with colorByPoint (#1547)
+		
+		// parallel arrays
+		var xData = [],
+			yData = [],
+			zData = [],
+			dataLength = data ? data.length : [],
+			turboThreshold = pick(options.turboThreshold, 1000),
+			pt,
+			pointArrayMap = series.pointArrayMap,
+			valueCount = pointArrayMap && pointArrayMap.length,
+			hasToYData = !!series.toYData;
+
+		// In turbo mode, only one- or twodimensional arrays of numbers are allowed. The
+		// first value is tested, and we assume that all the rest are defined the same
+		// way. Although the 'for' loops are similar, they are repeated inside each
+		// if-else conditional for max performance.
+		if (turboThreshold && dataLength > turboThreshold) { 
+			
+			// find the first non-null point
+			i = 0;
+			while (firstPoint === null && i < dataLength) {
+				firstPoint = data[i];
+				i++;
+			}
+		
+		
+			if (isNumber(firstPoint)) { // assume all points are numbers
+				var x = pick(options.pointStart, 0),
+					pointInterval = pick(options.pointInterval, 1);
+
+				for (i = 0; i < dataLength; i++) {
+					xData[i] = x;
+					yData[i] = data[i];
+					x += pointInterval;
+				}
+				series.xIncrement = x;
+			} else if (isArray(firstPoint)) { // assume all points are arrays
+				if (valueCount) { // [x, low, high] or [x, o, h, l, c]
+					for (i = 0; i < dataLength; i++) {
+						pt = data[i];
+						xData[i] = pt[0];
+						yData[i] = pt.slice(1, valueCount + 1);
+					}
+				} else { // [x, y]
+					for (i = 0; i < dataLength; i++) {
+						pt = data[i];
+						xData[i] = pt[0];
+						yData[i] = pt[1];
+					}
+				}
+			} else {
+				error(12); // Highcharts expects configs to be numbers or arrays in turbo mode
+			}
+		} else {
+			for (i = 0; i < dataLength; i++) {
+				if (data[i] !== UNDEFINED) { // stray commas in oldIE
+					pt = { series: series };
+					series.pointClass.prototype.applyOptions.apply(pt, [data[i]]);
+					xData[i] = pt.x;
+					yData[i] = hasToYData ? series.toYData(pt) : pt.y;
+					zData[i] = pt.z;
+					if (names && pt.name) {
+						names[pt.x] = pt.name; // #2046
+					}
+				}
+			}
+		}
+		
+		// Forgetting to cast strings to numbers is a common caveat when handling CSV or JSON		
+		if (isString(yData[0])) {
+			error(14, true);
+		} 
+
+		series.data = [];
+		series.options.data = data;
+		series.xData = xData;
+		series.yData = yData;
+		series.zData = zData;
+		series.names = names;
+
+		// destroy old points
+		i = (oldData && oldData.length) || 0;
+		while (i--) {
+			if (oldData[i] && oldData[i].destroy) {
+				oldData[i].destroy();
+			}
+		}
+
+		// reset minRange (#878)
+		if (xAxis) {
+			xAxis.minRange = xAxis.userMinRange;
+		}
+
+		// redraw
+		series.isDirty = series.isDirtyData = chart.isDirtyBox = true;
+		if (pick(redraw, true)) {
+			chart.redraw(false);
+		}
+	},
+
+	/**
+	 * Remove a series and optionally redraw the chart
+	 *
+	 * @param {Boolean} redraw Whether to redraw the chart or wait for an explicit call
+	 * @param {Boolean|Object} animation Whether to apply animation, and optionally animation
+	 *    configuration
+	 */
+
+	remove: function (redraw, animation) {
+		var series = this,
+			chart = series.chart;
+		redraw = pick(redraw, true);
+
+		if (!series.isRemoving) {  /* prevent triggering native event in jQuery
+				(calling the remove function from the remove event) */
+			series.isRemoving = true;
+
+			// fire the event with a default handler of removing the point
+			fireEvent(series, 'remove', null, function () {
+
+
+				// destroy elements
+				series.destroy();
+
+
+				// redraw
+				chart.isDirtyLegend = chart.isDirtyBox = true;
+				chart.linkSeries();
+				
+				if (redraw) {
+					chart.redraw(animation);
+				}
+			});
+
+		}
+		series.isRemoving = false;
+	},
+
+	/**
+	 * Process the data by cropping away unused data points if the series is longer
+	 * than the crop threshold. This saves computing time for lage series.
+	 */
+	processData: function (force) {
+		var series = this,
+			processedXData = series.xData, // copied during slice operation below
+			processedYData = series.yData,
+			dataLength = processedXData.length,
+			croppedData,
+			cropStart = 0,
+			cropped,
+			distance,
+			closestPointRange,
+			xAxis = series.xAxis,
+			i, // loop variable
+			options = series.options,
+			cropThreshold = options.cropThreshold,
+			isCartesian = series.isCartesian;
+
+		// If the series data or axes haven't changed, don't go through this. Return false to pass
+		// the message on to override methods like in data grouping. 
+		if (isCartesian && !series.isDirty && !xAxis.isDirty && !series.yAxis.isDirty && !force) {
+			return false;
+		}
+		
+
+		// optionally filter out points outside the plot area
+		if (isCartesian && series.sorted && (!cropThreshold || dataLength > cropThreshold || series.forceCrop)) {
+			var min = xAxis.min,
+				max = xAxis.max;
+
+			// it's outside current extremes
+			if (processedXData[dataLength - 1] < min || processedXData[0] > max) {
+				processedXData = [];
+				processedYData = [];
+			
+			// only crop if it's actually spilling out
+			} else if (processedXData[0] < min || processedXData[dataLength - 1] > max) {
+				croppedData = this.cropData(series.xData, series.yData, min, max);
+				processedXData = croppedData.xData;
+				processedYData = croppedData.yData;
+				cropStart = croppedData.start;
+				cropped = true;
+			}
+		}
+		
+		
+		// Find the closest distance between processed points
+		for (i = processedXData.length - 1; i >= 0; i--) {
+			distance = processedXData[i] - processedXData[i - 1];
+			if (distance > 0 && (closestPointRange === UNDEFINED || distance < closestPointRange)) {
+				closestPointRange = distance;
+
+			// Unsorted data is not supported by the line tooltip, as well as data grouping and 
+			// navigation in Stock charts (#725) and width calculation of columns (#1900)
+			} else if (distance < 0 && series.requireSorting) {
+				error(15);
+			}
+		}
+
+		// Record the properties
+		series.cropped = cropped; // undefined or true
+		series.cropStart = cropStart;
+		series.processedXData = processedXData;
+		series.processedYData = processedYData;
+
+		if (options.pointRange === null) { // null means auto, as for columns, candlesticks and OHLC
+			series.pointRange = closestPointRange || 1;
+		}
+		series.closestPointRange = closestPointRange;
+		
+	},
+
+	/**
+	 * Iterate over xData and crop values between min and max. Returns object containing crop start/end
+	 * cropped xData with corresponding part of yData, dataMin and dataMax within the cropped range
+	 */
+	cropData: function (xData, yData, min, max) {
+		var dataLength = xData.length,
+			cropStart = 0,
+			cropEnd = dataLength,
+			cropShoulder = pick(this.cropShoulder, 1), // line-type series need one point outside
+			i;
+
+		// iterate up to find slice start
+		for (i = 0; i < dataLength; i++) {
+			if (xData[i] >= min) {
+				cropStart = mathMax(0, i - cropShoulder);
+				break;
+			}
+		}
+
+		// proceed to find slice end
+		for (; i < dataLength; i++) {
+			if (xData[i] > max) {
+				cropEnd = i + cropShoulder;
+				break;
+			}
+		}
+
+		return {
+			xData: xData.slice(cropStart, cropEnd),
+			yData: yData.slice(cropStart, cropEnd),
+			start: cropStart,
+			end: cropEnd
+		};
+	},
+
+
+	/**
+	 * Generate the data point after the data has been processed by cropping away
+	 * unused points and optionally grouped in Highcharts Stock.
+	 */
+	generatePoints: function () {
+		var series = this,
+			options = series.options,
+			dataOptions = options.data,
+			data = series.data,
+			dataLength,
+			processedXData = series.processedXData,
+			processedYData = series.processedYData,
+			pointClass = series.pointClass,
+			processedDataLength = processedXData.length,
+			cropStart = series.cropStart || 0,
+			cursor,
+			hasGroupedData = series.hasGroupedData,
+			point,
+			points = [],
+			i;
+
+		if (!data && !hasGroupedData) {
+			var arr = [];
+			arr.length = dataOptions.length;
+			data = series.data = arr;
+		}
+
+		for (i = 0; i < processedDataLength; i++) {
+			cursor = cropStart + i;
+			if (!hasGroupedData) {
+				if (data[cursor]) {
+					point = data[cursor];
+				} else if (dataOptions[cursor] !== UNDEFINED) { // #970
+					data[cursor] = point = (new pointClass()).init(series, dataOptions[cursor], processedXData[i]);
+				}
+				points[i] = point;
+			} else {
+				// splat the y data in case of ohlc data array
+				points[i] = (new pointClass()).init(series, [processedXData[i]].concat(splat(processedYData[i])));
+			}
+		}
+
+		// Hide cropped-away points - this only runs when the number of points is above cropThreshold, or when
+		// swithching view from non-grouped data to grouped data (#637)	
+		if (data && (processedDataLength !== (dataLength = data.length) || hasGroupedData)) {
+			for (i = 0; i < dataLength; i++) {
+				if (i === cropStart && !hasGroupedData) { // when has grouped data, clear all points
+					i += processedDataLength;
+				}
+				if (data[i]) {
+					data[i].destroyElements();
+					data[i].plotX = UNDEFINED; // #1003
+				}
+			}
+		}
+
+		series.data = data;
+		series.points = points;
+	},
+
+	/**
+	 * Adds series' points value to corresponding stack
+	 */
+	setStackedPoints: function () {
+		if (!this.options.stacking || (this.visible !== true && this.chart.options.chart.ignoreHiddenSeries !== false)) {
+			return;
+		}
+
+		var series = this,
+			xData = series.processedXData,
+			yData = series.processedYData,
+			stackedYData = [],
+			yDataLength = yData.length,
+			seriesOptions = series.options,
+			threshold = seriesOptions.threshold,
+			stackOption = seriesOptions.stack,
+			stacking = seriesOptions.stacking,
+			stackKey = series.stackKey,
+			negKey = '-' + stackKey,
+			negStacks = series.negStacks,
+			yAxis = series.yAxis,
+			stacks = yAxis.stacks,
+			oldStacks = yAxis.oldStacks,
+			isNegative,
+			stack,
+			other,
+			key,
+			i,
+			x,
+			y;
+
+		// loop over the non-null y values and read them into a local array
+		for (i = 0; i < yDataLength; i++) {
+			x = xData[i];
+			y = yData[i];
+
+			// Read stacked values into a stack based on the x value,
+			// the sign of y and the stack key. Stacking is also handled for null values (#739)
+			isNegative = negStacks && y < threshold;
+			key = isNegative ? negKey : stackKey;
+
+			// Create empty object for this stack if it doesn't exist yet
+			if (!stacks[key]) {
+				stacks[key] = {};
+			}
+
+			// Initialize StackItem for this x
+			if (!stacks[key][x]) {
+				if (oldStacks[key] && oldStacks[key][x]) {
+					stacks[key][x] = oldStacks[key][x];
+					stacks[key][x].total = null;
+				} else {
+					stacks[key][x] = new StackItem(yAxis, yAxis.options.stackLabels, isNegative, x, stackOption, stacking);
+				}
+			}
+
+			// If the StackItem doesn't exist, create it first
+			stack = stacks[key][x];
+			stack.points[series.index] = [stack.cum || 0];
+
+			// Add value to the stack total
+			if (stacking === 'percent') {
+				
+				// Percent stacked column, totals are the same for the positive and negative stacks
+				other = isNegative ? stackKey : negKey;
+				if (negStacks && stacks[other] && stacks[other][x]) {
+					other = stacks[other][x];
+					stack.total = other.total = mathMax(other.total, stack.total) + mathAbs(y) || 0;
+
+				// Percent stacked areas					
+				} else {
+					stack.total += mathAbs(y) || 0;
+				}
+			} else {
+				stack.total += y || 0;
+			}
+
+			stack.cum = (stack.cum || 0) + (y || 0);
+
+			stack.points[series.index].push(stack.cum);
+			stackedYData[i] = stack.cum;
+
+		}
+
+		if (stacking === 'percent') {
+			yAxis.usePercentage = true;
+		}
+
+		this.stackedYData = stackedYData; // To be used in getExtremes
+		
+		// Reset old stacks
+		yAxis.oldStacks = {};
+	},
+
+	/**
+	 * Iterate over all stacks and compute the absolute values to percent
+	 */
+	setPercentStacks: function () {
+		var series = this,
+			stackKey = series.stackKey,
+			stacks = series.yAxis.stacks;
+		
+		each([stackKey, '-' + stackKey], function (key) {
+			var i = series.xData.length,
+				x,
+				stack,
+				pointExtremes,
+				totalFactor;
+
+			while (i--) {
+				x = series.xData[i];
+				stack = stacks[key] && stacks[key][x];
+				pointExtremes = stack && stack.points[series.index];
+				if (pointExtremes) {
+					totalFactor = stack.total ? 100 / stack.total : 0;
+					pointExtremes[0] = correctFloat(pointExtremes[0] * totalFactor); // Y bottom value
+					pointExtremes[1] = correctFloat(pointExtremes[1] * totalFactor); // Y value
+					series.stackedYData[i] = pointExtremes[1];
+				}
+			}
+		});
+	},
+
+	/**
+	 * Calculate Y extremes for visible data
+	 */
+	getExtremes: function () {
+		var xAxis = this.xAxis,
+			yAxis = this.yAxis,
+			xData = this.processedXData,
+			yData = this.stackedYData || this.processedYData,
+			yDataLength = yData.length,
+			activeYData = [],
+			activeCounter = 0,
+			xExtremes = xAxis.getExtremes(), // #2117, need to compensate for log X axis
+			xMin = xExtremes.min,
+			xMax = xExtremes.max,
+			validValue,
+			withinRange,
+			dataMin,
+			dataMax,
+			x,
+			y,
+			i,
+			j;
+
+		for (i = 0; i < yDataLength; i++) {
+			
+			x = xData[i];
+			y = yData[i];
+
+			// For points within the visible range, including the first point outside the
+			// visible range, consider y extremes
+			validValue = y !== null && y !== UNDEFINED && (!yAxis.isLog || (y.length || y > 0));
+			withinRange = this.getExtremesFromAll || this.cropped || ((xData[i + 1] || x) >= xMin && 
+				(xData[i - 1] || x) <= xMax);
+
+			if (validValue && withinRange) {
+
+				j = y.length;
+				if (j) { // array, like ohlc or range data
+					while (j--) {
+						if (y[j] !== null) {
+							activeYData[activeCounter++] = y[j];
+						}
+					}
+				} else {
+					activeYData[activeCounter++] = y;
+				}
+			}
+		}
+		this.dataMin = pick(dataMin, arrayMin(activeYData));
+		this.dataMax = pick(dataMax, arrayMax(activeYData));
+	},
+
+	/**
+	 * Translate data points from raw data values to chart specific positioning data
+	 * needed later in drawPoints, drawGraph and drawTracker.
+	 */
+	translate: function () {
+		if (!this.processedXData) { // hidden series
+			this.processData();
+		}
+		this.generatePoints();
+		var series = this,
+			options = series.options,
+			stacking = options.stacking,
+			xAxis = series.xAxis,
+			categories = xAxis.categories,
+			yAxis = series.yAxis,
+			points = series.points,
+			dataLength = points.length,
+			hasModifyValue = !!series.modifyValue,
+			i,
+			pointPlacement = options.pointPlacement,
+			dynamicallyPlaced = pointPlacement === 'between' || isNumber(pointPlacement),
+			threshold = options.threshold;
+
+		
+		// Translate each point
+		for (i = 0; i < dataLength; i++) {
+			var point = points[i],
+				xValue = point.x,
+				yValue = point.y,
+				yBottom = point.low,
+				stack = yAxis.stacks[(series.negStacks && yValue < threshold ? '-' : '') + series.stackKey],
+				pointStack,
+				stackValues;
+
+			// Discard disallowed y values for log axes
+			if (yAxis.isLog && yValue <= 0) {
+				point.y = yValue = null;
+			}
+			
+			// Get the plotX translation
+			point.plotX = xAxis.translate(xValue, 0, 0, 0, 1, pointPlacement, this.type === 'flags'); // Math.round fixes #591
+			
+
+			// Calculate the bottom y value for stacked series
+			if (stacking && series.visible && stack && stack[xValue]) {
+
+				pointStack = stack[xValue];
+				stackValues = pointStack.points[series.index];
+				yBottom = stackValues[0];
+				yValue = stackValues[1];
+
+				if (yBottom === 0) {
+					yBottom = pick(threshold, yAxis.min);
+				}
+				if (yAxis.isLog && yBottom <= 0) { // #1200, #1232
+					yBottom = null;
+				}
+
+				point.percentage = stacking === 'percent' && yValue;
+				point.total = point.stackTotal = pointStack.total;
+				point.stackY = yValue;
+
+				// Place the stack label
+				pointStack.setOffset(series.pointXOffset || 0, series.barW || 0);
+				
+			}
+
+			// Set translated yBottom or remove it
+			point.yBottom = defined(yBottom) ? 
+				yAxis.translate(yBottom, 0, 1, 0, 1) :
+				null;
+				
+			// general hook, used for Highstock compare mode
+			if (hasModifyValue) {
+				yValue = series.modifyValue(yValue, point);
+			}
+
+			// Set the the plotY value, reset it for redraws
+			point.plotY = (typeof yValue === 'number' && yValue !== Infinity) ? 
+				//mathRound(yAxis.translate(yValue, 0, 1, 0, 1) * 10) / 10 : // Math.round fixes #591
+				yAxis.translate(yValue, 0, 1, 0, 1) : 
+				UNDEFINED;
+			
+			// Set client related positions for mouse tracking
+			point.clientX = dynamicallyPlaced ? xAxis.translate(xValue, 0, 0, 0, 1) : point.plotX; // #1514
+				
+			point.negative = point.y < (threshold || 0);
+
+			// some API data
+			point.category = categories && categories[point.x] !== UNDEFINED ?
+				categories[point.x] : point.x;
+
+
+		}
+
+		// now that we have the cropped data, build the segments
+		series.getSegments();
+	},
+	/**
+	 * Memoize tooltip texts and positions
+	 */
+	setTooltipPoints: function (renew) {
+		var series = this,
+			points = [],
+			pointsLength,
+			low,
+			high,
+			xAxis = series.xAxis,
+			xExtremes = xAxis && xAxis.getExtremes(),
+			axisLength = xAxis ? (xAxis.tooltipLen || xAxis.len) : series.chart.plotSizeX, // tooltipLen and tooltipPosName used in polar
+			point,
+			pointX,
+			nextPoint,
+			i,
+			tooltipPoints = []; // a lookup array for each pixel in the x dimension
+
+		// don't waste resources if tracker is disabled
+		if (series.options.enableMouseTracking === false) {
+			return;
+		}
+
+		// renew
+		if (renew) {
+			series.tooltipPoints = null;
+		}
+
+		// concat segments to overcome null values
+		each(series.segments || series.points, function (segment) {
+			points = points.concat(segment);
+		});
+
+		// Reverse the points in case the X axis is reversed
+		if (xAxis && xAxis.reversed) {
+			points = points.reverse();
+		}
+
+		// Polar needs additional shaping
+		if (series.orderTooltipPoints) {
+			series.orderTooltipPoints(points);
+		}
+
+		// Assign each pixel position to the nearest point
+		pointsLength = points.length;
+		for (i = 0; i < pointsLength; i++) {
+			point = points[i];
+			pointX = point.x;
+			if (pointX >= xExtremes.min && pointX <= xExtremes.max) { // #1149
+				nextPoint = points[i + 1];
+				
+				// Set this range's low to the last range's high plus one
+				low = high === UNDEFINED ? 0 : high + 1;
+				// Now find the new high
+				high = points[i + 1] ?
+					mathMin(mathMax(0, mathFloor( // #2070
+						(point.clientX + (nextPoint ? (nextPoint.wrappedClientX || nextPoint.clientX) : axisLength)) / 2
+					)), axisLength) :
+					axisLength;
+
+				while (low >= 0 && low <= high) {
+					tooltipPoints[low++] = point;
+				}
+			}
+		}
+		series.tooltipPoints = tooltipPoints;
+	},
+
+	/**
+	 * Format the header of the tooltip
+	 */
+	tooltipHeaderFormatter: function (point) {
+		var series = this,
+			tooltipOptions = series.tooltipOptions,
+			xDateFormat = tooltipOptions.xDateFormat,
+			dateTimeLabelFormats = tooltipOptions.dateTimeLabelFormats,
+			xAxis = series.xAxis,
+			isDateTime = xAxis && xAxis.options.type === 'datetime',
+			headerFormat = tooltipOptions.headerFormat,
+			closestPointRange = xAxis && xAxis.closestPointRange,
+			n;
+			
+		// Guess the best date format based on the closest point distance (#568)
+		if (isDateTime && !xDateFormat) {
+			if (closestPointRange) {
+				for (n in timeUnits) {
+					if (timeUnits[n] >= closestPointRange) {
+						xDateFormat = dateTimeLabelFormats[n];
+						break;
+					}
+				}
+			} else {
+				xDateFormat = dateTimeLabelFormats.day;
+			}
+		}
+		
+		// Insert the header date format if any
+		if (isDateTime && xDateFormat && isNumber(point.key)) {
+			headerFormat = headerFormat.replace('{point.key}', '{point.key:' + xDateFormat + '}');
+		}
+		
+		return format(headerFormat, {
+			point: point,
+			series: series
+		});
+	},
+
+	/**
+	 * Series mouse over handler
+	 */
+	onMouseOver: function () {
+		var series = this,
+			chart = series.chart,
+			hoverSeries = chart.hoverSeries;
+
+		// set normal state to previous series
+		if (hoverSeries && hoverSeries !== series) {
+			hoverSeries.onMouseOut();
+		}
+
+		// trigger the event, but to save processing time,
+		// only if defined
+		if (series.options.events.mouseOver) {
+			fireEvent(series, 'mouseOver');
+		}
+
+		// hover this
+		series.setState(HOVER_STATE);
+		chart.hoverSeries = series;
+	},
+
+	/**
+	 * Series mouse out handler
+	 */
+	onMouseOut: function () {
+		// trigger the event only if listeners exist
+		var series = this,
+			options = series.options,
+			chart = series.chart,
+			tooltip = chart.tooltip,
+			hoverPoint = chart.hoverPoint;
+
+		// trigger mouse out on the point, which must be in this series
+		if (hoverPoint) {
+			hoverPoint.onMouseOut();
+		}
+
+		// fire the mouse out event
+		if (series && options.events.mouseOut) {
+			fireEvent(series, 'mouseOut');
+		}
+
+
+		// hide the tooltip
+		if (tooltip && !options.stickyTracking && (!tooltip.shared || series.noSharedTooltip)) {
+			tooltip.hide();
+		}
+
+		// set normal state
+		series.setState();
+		chart.hoverSeries = null;
+	},
+
+	/**
+	 * Animate in the series
+	 */
+	animate: function (init) {
+		var series = this,
+			chart = series.chart,
+			renderer = chart.renderer,
+			clipRect,
+			markerClipRect,
+			animation = series.options.animation,
+			clipBox = chart.clipBox,
+			inverted = chart.inverted,
+			sharedClipKey;
+
+		// Animation option is set to true
+		if (animation && !isObject(animation)) {
+			animation = defaultPlotOptions[series.type].animation;
+		}
+		sharedClipKey = '_sharedClip' + animation.duration + animation.easing;
+
+		// Initialize the animation. Set up the clipping rectangle.
+		if (init) { 
+			
+			// If a clipping rectangle with the same properties is currently present in the chart, use that. 
+			clipRect = chart[sharedClipKey];
+			markerClipRect = chart[sharedClipKey + 'm'];
+			if (!clipRect) {
+				chart[sharedClipKey] = clipRect = renderer.clipRect(
+					extend(clipBox, { width: 0 })
+				);
+				
+				chart[sharedClipKey + 'm'] = markerClipRect = renderer.clipRect(
+					-99, // include the width of the first marker
+					inverted ? -chart.plotLeft : -chart.plotTop, 
+					99,
+					inverted ? chart.chartWidth : chart.chartHeight
+				);
+			}
+			series.group.clip(clipRect);
+			series.markerGroup.clip(markerClipRect);
+			series.sharedClipKey = sharedClipKey;
+
+		// Run the animation
+		} else { 
+			clipRect = chart[sharedClipKey];
+			if (clipRect) {
+				clipRect.animate({
+					width: chart.plotSizeX
+				}, animation);
+				chart[sharedClipKey + 'm'].animate({
+					width: chart.plotSizeX + 99
+				}, animation);
+			}
+
+			// Delete this function to allow it only once
+			series.animate = null;
+			
+			// Call the afterAnimate function on animation complete (but don't overwrite the animation.complete option
+			// which should be available to the user).
+			series.animationTimeout = setTimeout(function () {
+				series.afterAnimate();
+			}, animation.duration);
+		}
+	},
+	
+	/**
+	 * This runs after animation to land on the final plot clipping
+	 */
+	afterAnimate: function () {
+		var chart = this.chart,
+			sharedClipKey = this.sharedClipKey,
+			group = this.group;
+			
+		if (group && this.options.clip !== false) {
+			group.clip(chart.clipRect);
+			this.markerGroup.clip(); // no clip
+		}
+		
+		// Remove the shared clipping rectancgle when all series are shown		
+		setTimeout(function () {
+			if (sharedClipKey && chart[sharedClipKey]) {
+				chart[sharedClipKey] = chart[sharedClipKey].destroy();
+				chart[sharedClipKey + 'm'] = chart[sharedClipKey + 'm'].destroy();
+			}
+		}, 100);
+	},
+
+	/**
+	 * Draw the markers
+	 */
+	drawPoints: function () {
+		var series = this,
+			pointAttr,
+			points = series.points,
+			chart = series.chart,
+			plotX,
+			plotY,
+			i,
+			point,
+			radius,
+			symbol,
+			isImage,
+			graphic,
+			options = series.options,
+			seriesMarkerOptions = options.marker,
+			pointMarkerOptions,
+			enabled,
+			isInside,
+			markerGroup = series.markerGroup;
+
+		if (seriesMarkerOptions.enabled || series._hasPointMarkers) {
+			
+			i = points.length;
+			while (i--) {
+				point = points[i];
+				plotX = mathFloor(point.plotX); // #1843
+				plotY = point.plotY;
+				graphic = point.graphic;
+				pointMarkerOptions = point.marker || {};
+				enabled = (seriesMarkerOptions.enabled && pointMarkerOptions.enabled === UNDEFINED) || pointMarkerOptions.enabled;
+				isInside = chart.isInsidePlot(mathRound(plotX), plotY, chart.inverted); // #1858
+				
+				// only draw the point if y is defined
+				if (enabled && plotY !== UNDEFINED && !isNaN(plotY) && point.y !== null) {
+
+					// shortcuts
+					pointAttr = point.pointAttr[point.selected ? SELECT_STATE : NORMAL_STATE];
+					radius = pointAttr.r;
+					symbol = pick(pointMarkerOptions.symbol, series.symbol);
+					isImage = symbol.indexOf('url') === 0;
+
+					if (graphic) { // update
+						graphic
+							.attr({ // Since the marker group isn't clipped, each individual marker must be toggled
+								visibility: isInside ? (hasSVG ? 'inherit' : VISIBLE) : HIDDEN
+							})
+							.animate(extend({
+								x: plotX - radius,
+								y: plotY - radius
+							}, graphic.symbolName ? { // don't apply to image symbols #507
+								width: 2 * radius,
+								height: 2 * radius
+							} : {}));
+					} else if (isInside && (radius > 0 || isImage)) {
+						point.graphic = graphic = chart.renderer.symbol(
+							symbol,
+							plotX - radius,
+							plotY - radius,
+							2 * radius,
+							2 * radius
+						)
+						.attr(pointAttr)
+						.add(markerGroup);
+					}
+					
+				} else if (graphic) {
+					point.graphic = graphic.destroy(); // #1269
+				}
+			}
+		}
+
+	},
+
+	/**
+	 * Convert state properties from API naming conventions to SVG attributes
+	 *
+	 * @param {Object} options API options object
+	 * @param {Object} base1 SVG attribute object to inherit from
+	 * @param {Object} base2 Second level SVG attribute object to inherit from
+	 */
+	convertAttribs: function (options, base1, base2, base3) {
+		var conversion = this.pointAttrToOptions,
+			attr,
+			option,
+			obj = {};
+
+		options = options || {};
+		base1 = base1 || {};
+		base2 = base2 || {};
+		base3 = base3 || {};
+
+		for (attr in conversion) {
+			option = conversion[attr];
+			obj[attr] = pick(options[option], base1[attr], base2[attr], base3[attr]);
+		}
+		return obj;
+	},
+
+	/**
+	 * Get the state attributes. Each series type has its own set of attributes
+	 * that are allowed to change on a point's state change. Series wide attributes are stored for
+	 * all series, and additionally point specific attributes are stored for all
+	 * points with individual marker options. If such options are not defined for the point,
+	 * a reference to the series wide attributes is stored in point.pointAttr.
+	 */
+	getAttribs: function () {
+		var series = this,
+			seriesOptions = series.options,
+			normalOptions = defaultPlotOptions[series.type].marker ? seriesOptions.marker : seriesOptions,
+			stateOptions = normalOptions.states,
+			stateOptionsHover = stateOptions[HOVER_STATE],
+			pointStateOptionsHover,
+			seriesColor = series.color,
+			normalDefaults = {
+				stroke: seriesColor,
+				fill: seriesColor
+			},
+			points = series.points || [], // #927
+			i,
+			point,
+			seriesPointAttr = [],
+			pointAttr,
+			pointAttrToOptions = series.pointAttrToOptions,
+			hasPointSpecificOptions,
+			negativeColor = seriesOptions.negativeColor,
+			defaultLineColor = normalOptions.lineColor,
+			key;
+
+		// series type specific modifications
+		if (seriesOptions.marker) { // line, spline, area, areaspline, scatter
+
+			// if no hover radius is given, default to normal radius + 2
+			stateOptionsHover.radius = stateOptionsHover.radius || normalOptions.radius + 2;
+			stateOptionsHover.lineWidth = stateOptionsHover.lineWidth || normalOptions.lineWidth + 1;
+			
+		} else { // column, bar, pie
+
+			// if no hover color is given, brighten the normal color
+			stateOptionsHover.color = stateOptionsHover.color ||
+				Color(stateOptionsHover.color || seriesColor)
+					.brighten(stateOptionsHover.brightness).get();
+		}
+
+		// general point attributes for the series normal state
+		seriesPointAttr[NORMAL_STATE] = series.convertAttribs(normalOptions, normalDefaults);
+
+		// HOVER_STATE and SELECT_STATE states inherit from normal state except the default radius
+		each([HOVER_STATE, SELECT_STATE], function (state) {
+			seriesPointAttr[state] =
+					series.convertAttribs(stateOptions[state], seriesPointAttr[NORMAL_STATE]);
+		});
+
+		// set it
+		series.pointAttr = seriesPointAttr;
+
+
+		// Generate the point-specific attribute collections if specific point
+		// options are given. If not, create a referance to the series wide point
+		// attributes
+		i = points.length;
+		while (i--) {
+			point = points[i];
+			normalOptions = (point.options && point.options.marker) || point.options;
+			if (normalOptions && normalOptions.enabled === false) {
+				normalOptions.radius = 0;
+			}
+			
+			if (point.negative && negativeColor) {
+				point.color = point.fillColor = negativeColor;
+			}
+			
+			hasPointSpecificOptions = seriesOptions.colorByPoint || point.color; // #868
+
+			// check if the point has specific visual options
+			if (point.options) {
+				for (key in pointAttrToOptions) {
+					if (defined(normalOptions[pointAttrToOptions[key]])) {
+						hasPointSpecificOptions = true;
+					}
+				}
+			}
+
+			// a specific marker config object is defined for the individual point:
+			// create it's own attribute collection
+			if (hasPointSpecificOptions) {
+				normalOptions = normalOptions || {};
+				pointAttr = [];
+				stateOptions = normalOptions.states || {}; // reassign for individual point
+				pointStateOptionsHover = stateOptions[HOVER_STATE] = stateOptions[HOVER_STATE] || {};
+
+				// Handle colors for column and pies
+				if (!seriesOptions.marker) { // column, bar, point
+					// if no hover color is given, brighten the normal color
+					pointStateOptionsHover.color =
+						Color(pointStateOptionsHover.color || point.color)
+							.brighten(pointStateOptionsHover.brightness ||
+								stateOptionsHover.brightness).get();
+
+				}
+
+				// normal point state inherits series wide normal state
+				pointAttr[NORMAL_STATE] = series.convertAttribs(extend({
+					color: point.color, // #868
+					fillColor: point.color, // Individual point color or negative color markers (#2219)
+					lineColor: defaultLineColor === null ? point.color : UNDEFINED // Bubbles take point color, line markers use white
+				}, normalOptions), seriesPointAttr[NORMAL_STATE]);
+
+				// inherit from point normal and series hover
+				pointAttr[HOVER_STATE] = series.convertAttribs(
+					stateOptions[HOVER_STATE],
+					seriesPointAttr[HOVER_STATE],
+					pointAttr[NORMAL_STATE]
+				);
+				
+				// inherit from point normal and series hover
+				pointAttr[SELECT_STATE] = series.convertAttribs(
+					stateOptions[SELECT_STATE],
+					seriesPointAttr[SELECT_STATE],
+					pointAttr[NORMAL_STATE]
+				);
+
+
+			// no marker config object is created: copy a reference to the series-wide
+			// attribute collection
+			} else {
+				pointAttr = seriesPointAttr;
+			}
+
+			point.pointAttr = pointAttr;
+
+		}
+
+	},
+	/**
+	 * Update the series with a new set of options
+	 */
+	update: function (newOptions, redraw) {
+		var chart = this.chart,
+			// must use user options when changing type because this.options is merged
+			// in with type specific plotOptions
+			oldOptions = this.userOptions,
+			oldType = this.type,
+			proto = seriesTypes[oldType].prototype,
+			n;
+
+		// Do the merge, with some forced options
+		newOptions = merge(oldOptions, {
+			animation: false,
+			index: this.index,
+			pointStart: this.xData[0] // when updating after addPoint
+		}, { data: this.options.data }, newOptions);
+
+		// Destroy the series and reinsert methods from the type prototype
+		this.remove(false);
+		for (n in proto) { // Overwrite series-type specific methods (#2270)
+			if (proto.hasOwnProperty(n)) {
+				this[n] = UNDEFINED;
+			}
+		}
+		extend(this, seriesTypes[newOptions.type || oldType].prototype);
+		
+
+		this.init(chart, newOptions);
+		if (pick(redraw, true)) {
+			chart.redraw(false);
+		}
+	},
+
+	/**
+	 * Clear DOM objects and free up memory
+	 */
+	destroy: function () {
+		var series = this,
+			chart = series.chart,
+			issue134 = /AppleWebKit\/533/.test(userAgent),
+			destroy,
+			i,
+			data = series.data || [],
+			point,
+			prop,
+			axis;
+
+		// add event hook
+		fireEvent(series, 'destroy');
+
+		// remove all events
+		removeEvent(series);
+		
+		// erase from axes
+		each(['xAxis', 'yAxis'], function (AXIS) {
+			axis = series[AXIS];
+			if (axis) {
+				erase(axis.series, series);
+				axis.isDirty = axis.forceRedraw = true;
+				axis.stacks = {}; // Rebuild stacks when updating (#2229)
+			}
+		});
+
+		// remove legend items
+		if (series.legendItem) {
+			series.chart.legend.destroyItem(series);
+		}
+
+		// destroy all points with their elements
+		i = data.length;
+		while (i--) {
+			point = data[i];
+			if (point && point.destroy) {
+				point.destroy();
+			}
+		}
+		series.points = null;
+
+		// Clear the animation timeout if we are destroying the series during initial animation
+		clearTimeout(series.animationTimeout);
+
+		// destroy all SVGElements associated to the series
+		each(['area', 'graph', 'dataLabelsGroup', 'group', 'markerGroup', 'tracker',
+				'graphNeg', 'areaNeg', 'posClip', 'negClip'], function (prop) {
+			if (series[prop]) {
+
+				// issue 134 workaround
+				destroy = issue134 && prop === 'group' ?
+					'hide' :
+					'destroy';
+
+				series[prop][destroy]();
+			}
+		});
+
+		// remove from hoverSeries
+		if (chart.hoverSeries === series) {
+			chart.hoverSeries = null;
+		}
+		erase(chart.series, series);
+
+		// clear all members
+		for (prop in series) {
+			delete series[prop];
+		}
+	},
+
+	/**
+	 * Draw the data labels
+	 */
+	drawDataLabels: function () {
+		
+		var series = this,
+			seriesOptions = series.options,
+			options = seriesOptions.dataLabels,
+			points = series.points,
+			pointOptions,
+			generalOptions,
+			str,
+			dataLabelsGroup;
+		
+		if (options.enabled || series._hasPointLabels) {
+						
+			// Process default alignment of data labels for columns
+			if (series.dlProcessOptions) {
+				series.dlProcessOptions(options);
+			}
+
+			// Create a separate group for the data labels to avoid rotation
+			dataLabelsGroup = series.plotGroup(
+				'dataLabelsGroup', 
+				'data-labels', 
+				series.visible ? VISIBLE : HIDDEN, 
+				options.zIndex || 6
+			);
+			
+			// Make the labels for each point
+			generalOptions = options;
+			each(points, function (point) {
+				
+				var enabled,
+					dataLabel = point.dataLabel,
+					labelConfig,
+					attr,
+					name,
+					rotation,
+					connector = point.connector,
+					isNew = true;
+				
+				// Determine if each data label is enabled
+				pointOptions = point.options && point.options.dataLabels;
+				enabled = pick(pointOptions && pointOptions.enabled, generalOptions.enabled); // #2282
+				
+				
+				// If the point is outside the plot area, destroy it. #678, #820
+				if (dataLabel && !enabled) {
+					point.dataLabel = dataLabel.destroy();
+				
+				// Individual labels are disabled if the are explicitly disabled 
+				// in the point options, or if they fall outside the plot area.
+				} else if (enabled) {
+					
+					// Create individual options structure that can be extended without 
+					// affecting others
+					options = merge(generalOptions, pointOptions);
+
+					rotation = options.rotation;
+					
+					// Get the string
+					labelConfig = point.getLabelConfig();
+					str = options.format ?
+						format(options.format, labelConfig) : 
+						options.formatter.call(labelConfig, options);
+					
+					// Determine the color
+					options.style.color = pick(options.color, options.style.color, series.color, 'black');
+	
+					
+					// update existing label
+					if (dataLabel) {
+						
+						if (defined(str)) {
+							dataLabel
+								.attr({
+									text: str
+								});
+							isNew = false;
+						
+						} else { // #1437 - the label is shown conditionally
+							point.dataLabel = dataLabel = dataLabel.destroy();
+							if (connector) {
+								point.connector = connector.destroy();
+							}
+						}
+						
+					// create new label
+					} else if (defined(str)) {
+						attr = {
+							//align: align,
+							fill: options.backgroundColor,
+							stroke: options.borderColor,
+							'stroke-width': options.borderWidth,
+							r: options.borderRadius || 0,
+							rotation: rotation,
+							padding: options.padding,
+							zIndex: 1
+						};
+						// Remove unused attributes (#947)
+						for (name in attr) {
+							if (attr[name] === UNDEFINED) {
+								delete attr[name];
+							}
+						}
+						
+						dataLabel = point.dataLabel = series.chart.renderer[rotation ? 'text' : 'label']( // labels don't support rotation
+							str,
+							0,
+							-999,
+							null,
+							null,
+							null,
+							options.useHTML
+						)
+						.attr(attr)
+						.css(options.style)
+						.add(dataLabelsGroup)
+						.shadow(options.shadow);
+						
+					}
+					
+					if (dataLabel) {
+						// Now the data label is created and placed at 0,0, so we need to align it
+						series.alignDataLabel(point, dataLabel, options, null, isNew);
+					}
+				}
+			});
+		}
+	},
+	
+	/**
+	 * Align each individual data label
+	 */
+	alignDataLabel: function (point, dataLabel, options, alignTo, isNew) {
+		var chart = this.chart,
+			inverted = chart.inverted,
+			plotX = pick(point.plotX, -999),
+			plotY = pick(point.plotY, -999),
+			bBox = dataLabel.getBBox(),
+			visible = this.visible && chart.isInsidePlot(point.plotX, point.plotY, inverted),
+			alignAttr; // the final position;
+				
+		if (visible) {
+
+			// The alignment box is a singular point
+			alignTo = extend({
+				x: inverted ? chart.plotWidth - plotY : plotX,
+				y: mathRound(inverted ? chart.plotHeight - plotX : plotY),
+				width: 0,
+				height: 0
+			}, alignTo);
+			
+			// Add the text size for alignment calculation
+			extend(options, {
+				width: bBox.width,
+				height: bBox.height
+			});
+
+			// Allow a hook for changing alignment in the last moment, then do the alignment
+			if (options.rotation) { // Fancy box alignment isn't supported for rotated text
+				alignAttr = {
+					align: options.align,
+					x: alignTo.x + options.x + alignTo.width / 2,
+					y: alignTo.y + options.y + alignTo.height / 2
+				};
+				dataLabel[isNew ? 'attr' : 'animate'](alignAttr);
+			} else {
+				dataLabel.align(options, null, alignTo);
+				alignAttr = dataLabel.alignAttr;
+
+				// Handle justify or crop
+				if (pick(options.overflow, 'justify') === 'justify') { // docs: overflow: justify, also crop only applies when not justify
+					this.justifyDataLabel(dataLabel, options, alignAttr, bBox, alignTo, isNew);
+				
+				} else if (pick(options.crop, true)) {
+					// Now check that the data label is within the plot area
+					visible = chart.isInsidePlot(alignAttr.x, alignAttr.y) && chart.isInsidePlot(alignAttr.x + bBox.width, alignAttr.y + bBox.height);
+				
+				}
+			}		
+		}
+
+		// Show or hide based on the final aligned position
+		if (!visible) {
+			dataLabel.attr({ y: -999 });
+		}
+				
+	},
+	
+	/**
+	 * If data labels fall partly outside the plot area, align them back in, in a way that
+	 * doesn't hide the point.
+	 */
+	justifyDataLabel: function (dataLabel, options, alignAttr, bBox, alignTo, isNew) {
+		var chart = this.chart,
+			align = options.align,
+			verticalAlign = options.verticalAlign,
+			off,
+			justified;
+
+		// Off left
+		off = alignAttr.x;
+		if (off < 0) {
+			if (align === 'right') {
+				options.align = 'left';
+			} else {
+				options.x = -off;
+			}
+			justified = true;
+		}
+
+		// Off right
+		off = alignAttr.x + bBox.width;
+		if (off > chart.plotWidth) {
+			if (align === 'left') {
+				options.align = 'right';
+			} else {
+				options.x = chart.plotWidth - off;
+			}
+			justified = true;
+		}
+
+		// Off top
+		off = alignAttr.y;
+		if (off < 0) {
+			if (verticalAlign === 'bottom') {
+				options.verticalAlign = 'top';
+			} else {
+				options.y = -off;
+			}
+			justified = true;
+		}
+
+		// Off bottom
+		off = alignAttr.y + bBox.height;
+		if (off > chart.plotHeight) {
+			if (verticalAlign === 'top') {
+				options.verticalAlign = 'bottom';
+			} else {
+				options.y = chart.plotHeight - off;
+			}
+			justified = true;
+		}
+		
+		if (justified) {
+			dataLabel.placed = !isNew;
+			dataLabel.align(options, null, alignTo);
+		}
+	},
+	
+	/**
+	 * Return the graph path of a segment
+	 */
+	getSegmentPath: function (segment) {		
+		var series = this,
+			segmentPath = [],
+			step = series.options.step;
+			
+		// build the segment line
+		each(segment, function (point, i) {
+			
+			var plotX = point.plotX,
+				plotY = point.plotY,
+				lastPoint;
+
+			if (series.getPointSpline) { // generate the spline as defined in the SplineSeries object
+				segmentPath.push.apply(segmentPath, series.getPointSpline(segment, point, i));
+
+			} else {
+
+				// moveTo or lineTo
+				segmentPath.push(i ? L : M);
+
+				// step line?
+				if (step && i) {
+					lastPoint = segment[i - 1];
+					if (step === 'right') {
+						segmentPath.push(
+							lastPoint.plotX,
+							plotY
+						);
+						
+					} else if (step === 'center') {
+						segmentPath.push(
+							(lastPoint.plotX + plotX) / 2,
+							lastPoint.plotY,
+							(lastPoint.plotX + plotX) / 2,
+							plotY
+						);
+						
+					} else {
+						segmentPath.push(
+							plotX,
+							lastPoint.plotY
+						);
+					}
+				}
+
+				// normal line to next point
+				segmentPath.push(
+					point.plotX,
+					point.plotY
+				);
+			}
+		});
+		
+		return segmentPath;
+	},
+
+	/**
+	 * Get the graph path
+	 */
+	getGraphPath: function () {
+		var series = this,
+			graphPath = [],
+			segmentPath,
+			singlePoints = []; // used in drawTracker
+
+		// Divide into segments and build graph and area paths
+		each(series.segments, function (segment) {
+			
+			segmentPath = series.getSegmentPath(segment);
+			
+			// add the segment to the graph, or a single point for tracking
+			if (segment.length > 1) {
+				graphPath = graphPath.concat(segmentPath);
+			} else {
+				singlePoints.push(segment[0]);
+			}
+		});
+
+		// Record it for use in drawGraph and drawTracker, and return graphPath
+		series.singlePoints = singlePoints;
+		series.graphPath = graphPath;
+		
+		return graphPath;
+		
+	},
+	
+	/**
+	 * Draw the actual graph
+	 */
+	drawGraph: function () {
+		var series = this,
+			options = this.options,
+			props = [['graph', options.lineColor || this.color]],
+			lineWidth = options.lineWidth,
+			dashStyle =  options.dashStyle,
+			graphPath = this.getGraphPath(),
+			negativeColor = options.negativeColor;
+			
+		if (negativeColor) {
+			props.push(['graphNeg', negativeColor]);
+		}
+		
+		// draw the graph
+		each(props, function (prop, i) {
+			var graphKey = prop[0],
+				graph = series[graphKey],
+				attribs;
+			
+			if (graph) {
+				stop(graph); // cancel running animations, #459
+				graph.animate({ d: graphPath });
+	
+			} else if (lineWidth && graphPath.length) { // #1487
+				attribs = {
+					stroke: prop[1],
+					'stroke-width': lineWidth,
+					zIndex: 1 // #1069
+				};
+				if (dashStyle) {
+					attribs.dashstyle = dashStyle;
+				} else {
+					attribs['stroke-linecap'] = attribs['stroke-linejoin'] = 'round';
+				}
+
+				series[graphKey] = series.chart.renderer.path(graphPath)
+					.attr(attribs)
+					.add(series.group)
+					.shadow(!i && options.shadow);
+			}
+		});
+	},
+	
+	/**
+	 * Clip the graphs into the positive and negative coloured graphs
+	 */
+	clipNeg: function () {
+		var options = this.options,
+			chart = this.chart,
+			renderer = chart.renderer,
+			negativeColor = options.negativeColor || options.negativeFillColor,
+			translatedThreshold,
+			posAttr,
+			negAttr,
+			graph = this.graph,
+			area = this.area,
+			posClip = this.posClip,
+			negClip = this.negClip,
+			chartWidth = chart.chartWidth,
+			chartHeight = chart.chartHeight,
+			chartSizeMax = mathMax(chartWidth, chartHeight),
+			yAxis = this.yAxis,
+			above,
+			below;
+		
+		if (negativeColor && (graph || area)) {
+			translatedThreshold = mathRound(yAxis.toPixels(options.threshold || 0, true));
+			above = {
+				x: 0,
+				y: 0,
+				width: chartSizeMax,
+				height: translatedThreshold
+			};
+			below = {
+				x: 0,
+				y: translatedThreshold,
+				width: chartSizeMax,
+				height: chartSizeMax
+			};
+			
+			if (chart.inverted) {
+
+				above.height = below.y = chart.plotWidth - translatedThreshold;
+				if (renderer.isVML) {
+					above = {
+						x: chart.plotWidth - translatedThreshold - chart.plotLeft,
+						y: 0,
+						width: chartWidth,
+						height: chartHeight
+					};
+					below = {
+						x: translatedThreshold + chart.plotLeft - chartWidth,
+						y: 0,
+						width: chart.plotLeft + translatedThreshold,
+						height: chartWidth
+					};
+				}
+			}
+			
+			if (yAxis.reversed) {
+				posAttr = below;
+				negAttr = above;
+			} else {
+				posAttr = above;
+				negAttr = below;
+			}
+		
+			if (posClip) { // update
+				posClip.animate(posAttr);
+				negClip.animate(negAttr);
+			} else {
+				
+				this.posClip = posClip = renderer.clipRect(posAttr);
+				this.negClip = negClip = renderer.clipRect(negAttr);
+				
+				if (graph && this.graphNeg) {
+					graph.clip(posClip);
+					this.graphNeg.clip(negClip);	
+				}
+				
+				if (area) {
+					area.clip(posClip);
+					this.areaNeg.clip(negClip);
+				} 
+			} 
+		}	
+	},
+
+	/**
+	 * Initialize and perform group inversion on series.group and series.markerGroup
+	 */
+	invertGroups: function () {
+		var series = this,
+			chart = series.chart;
+
+		// Pie, go away (#1736)
+		if (!series.xAxis) {
+			return;
+		}
+		
+		// A fixed size is needed for inversion to work
+		function setInvert() {			
+			var size = {
+				width: series.yAxis.len,
+				height: series.xAxis.len
+			};
+			
+			each(['group', 'markerGroup'], function (groupName) {
+				if (series[groupName]) {
+					series[groupName].attr(size).invert();
+				}
+			});
+		}
+
+		addEvent(chart, 'resize', setInvert); // do it on resize
+		addEvent(series, 'destroy', function () {
+			removeEvent(chart, 'resize', setInvert);
+		});
+
+		// Do it now
+		setInvert(); // do it now
+		
+		// On subsequent render and redraw, just do setInvert without setting up events again
+		series.invertGroups = setInvert;
+	},
+	
+	/**
+	 * General abstraction for creating plot groups like series.group, series.dataLabelsGroup and 
+	 * series.markerGroup. On subsequent calls, the group will only be adjusted to the updated plot size.
+	 */
+	plotGroup: function (prop, name, visibility, zIndex, parent) {
+		var group = this[prop],
+			isNew = !group;
+		
+		// Generate it on first call
+		if (isNew) {	
+			this[prop] = group = this.chart.renderer.g(name)
+				.attr({
+					visibility: visibility,
+					zIndex: zIndex || 0.1 // IE8 needs this
+				})
+				.add(parent);
+		}
+		// Place it on first and subsequent (redraw) calls
+		group[isNew ? 'attr' : 'animate'](this.getPlotBox());
+		return group;		
+	},
+
+	/**
+	 * Get the translation and scale for the plot area of this series
+	 */
+	getPlotBox: function () {
+		return {
+			translateX: this.xAxis ? this.xAxis.left : this.chart.plotLeft, 
+			translateY: this.yAxis ? this.yAxis.top : this.chart.plotTop,
+			scaleX: 1, // #1623
+			scaleY: 1
+		};
+	},
+	
+	/**
+	 * Render the graph and markers
+	 */
+	render: function () {
+		var series = this,
+			chart = series.chart,
+			group,
+			options = series.options,
+			animation = options.animation,
+			doAnimation = animation && !!series.animate && 
+				chart.renderer.isSVG, // this animation doesn't work in IE8 quirks when the group div is hidden,
+				// and looks bad in other oldIE
+			visibility = series.visible ? VISIBLE : HIDDEN,
+			zIndex = options.zIndex,
+			hasRendered = series.hasRendered,
+			chartSeriesGroup = chart.seriesGroup;
+		
+		// the group
+		group = series.plotGroup(
+			'group', 
+			'series', 
+			visibility, 
+			zIndex, 
+			chartSeriesGroup
+		);
+		
+		series.markerGroup = series.plotGroup(
+			'markerGroup', 
+			'markers', 
+			visibility, 
+			zIndex, 
+			chartSeriesGroup
+		);
+		
+		// initiate the animation
+		if (doAnimation) {
+			series.animate(true);
+		}
+
+		// cache attributes for shapes
+		series.getAttribs();
+
+		// SVGRenderer needs to know this before drawing elements (#1089, #1795)
+		group.inverted = series.isCartesian ? chart.inverted : false;
+		
+		// draw the graph if any
+		if (series.drawGraph) {
+			series.drawGraph();
+			series.clipNeg();
+		}
+
+		// draw the data labels (inn pies they go before the points)
+		series.drawDataLabels();
+		
+		// draw the points
+		series.drawPoints();
+
+
+		// draw the mouse tracking area
+		if (series.options.enableMouseTracking !== false) {
+			series.drawTracker();
+		}
+		
+		// Handle inverted series and tracker groups
+		if (chart.inverted) {
+			series.invertGroups();
+		}
+		
+		// Initial clipping, must be defined after inverting groups for VML
+		if (options.clip !== false && !series.sharedClipKey && !hasRendered) {
+			group.clip(chart.clipRect);
+		}
+
+		// Run the animation
+		if (doAnimation) {
+			series.animate();
+		} else if (!hasRendered) {
+			series.afterAnimate();
+		}
+
+		series.isDirty = series.isDirtyData = false; // means data is in accordance with what you see
+		// (See #322) series.isDirty = series.isDirtyData = false; // means data is in accordance with what you see
+		series.hasRendered = true;
+	},
+	
+	/**
+	 * Redraw the series after an update in the axes.
+	 */
+	redraw: function () {
+		var series = this,
+			chart = series.chart,
+			wasDirtyData = series.isDirtyData, // cache it here as it is set to false in render, but used after
+			group = series.group,
+			xAxis = series.xAxis,
+			yAxis = series.yAxis;
+
+		// reposition on resize
+		if (group) {
+			if (chart.inverted) {
+				group.attr({
+					width: chart.plotWidth,
+					height: chart.plotHeight
+				});
+			}
+
+			group.animate({
+				translateX: pick(xAxis && xAxis.left, chart.plotLeft),
+				translateY: pick(yAxis && yAxis.top, chart.plotTop)
+			});
+		}
+
+		series.translate();
+		series.setTooltipPoints(true);
+
+		series.render();
+		if (wasDirtyData) {
+			fireEvent(series, 'updatedData');
+		}
+	},
+
+	/**
+	 * Set the state of the graph
+	 */
+	setState: function (state) {
+		var series = this,
+			options = series.options,
+			graph = series.graph,
+			graphNeg = series.graphNeg,
+			stateOptions = options.states,
+			lineWidth = options.lineWidth,
+			attribs;
+
+		state = state || NORMAL_STATE;
+
+		if (series.state !== state) {
+			series.state = state;
+
+			if (stateOptions[state] && stateOptions[state].enabled === false) {
+				return;
+			}
+
+			if (state) {
+				lineWidth = stateOptions[state].lineWidth || lineWidth + 1;
+			}
+
+			if (graph && !graph.dashstyle) { // hover is turned off for dashed lines in VML
+				attribs = {
+					'stroke-width': lineWidth
+				};
+				// use attr because animate will cause any other animation on the graph to stop
+				graph.attr(attribs);
+				if (graphNeg) {
+					graphNeg.attr(attribs);
+				}
+			}
+		}
+	},
+
+	/**
+	 * Set the visibility of the graph
+	 *
+	 * @param vis {Boolean} True to show the series, false to hide. If UNDEFINED,
+	 *        the visibility is toggled.
+	 */
+	setVisible: function (vis, redraw) {
+		var series = this,
+			chart = series.chart,
+			legendItem = series.legendItem,
+			showOrHide,
+			ignoreHiddenSeries = chart.options.chart.ignoreHiddenSeries,
+			oldVisibility = series.visible;
+
+		// if called without an argument, toggle visibility
+		series.visible = vis = series.userOptions.visible = vis === UNDEFINED ? !oldVisibility : vis;
+		showOrHide = vis ? 'show' : 'hide';
+
+		// show or hide elements
+		each(['group', 'dataLabelsGroup', 'markerGroup', 'tracker'], function (key) {
+			if (series[key]) {
+				series[key][showOrHide]();
+			}
+		});
+
+		
+		// hide tooltip (#1361)
+		if (chart.hoverSeries === series) {
+			series.onMouseOut();
+		}
+
+
+		if (legendItem) {
+			chart.legend.colorizeItem(series, vis);
+		}
+
+
+		// rescale or adapt to resized chart
+		series.isDirty = true;
+		// in a stack, all other series are affected
+		if (series.options.stacking) {
+			each(chart.series, function (otherSeries) {
+				if (otherSeries.options.stacking && otherSeries.visible) {
+					otherSeries.isDirty = true;
+				}
+			});
+		}
+
+		// show or hide linked series
+		each(series.linkedSeries, function (otherSeries) {
+			otherSeries.setVisible(vis, false);
+		});
+
+		if (ignoreHiddenSeries) {
+			chart.isDirtyBox = true;
+		}
+		if (redraw !== false) {
+			chart.redraw();
+		}
+
+		fireEvent(series, showOrHide);
+	},
+
+	/**
+	 * Show the graph
+	 */
+	show: function () {
+		this.setVisible(true);
+	},
+
+	/**
+	 * Hide the graph
+	 */
+	hide: function () {
+		this.setVisible(false);
+	},
+
+
+	/**
+	 * Set the selected state of the graph
+	 *
+	 * @param selected {Boolean} True to select the series, false to unselect. If
+	 *        UNDEFINED, the selection state is toggled.
+	 */
+	select: function (selected) {
+		var series = this;
+		// if called without an argument, toggle
+		series.selected = selected = (selected === UNDEFINED) ? !series.selected : selected;
+
+		if (series.checkbox) {
+			series.checkbox.checked = selected;
+		}
+
+		fireEvent(series, selected ? 'select' : 'unselect');
+	},
+
+	/**
+	 * Draw the tracker object that sits above all data labels and markers to
+	 * track mouse events on the graph or points. For the line type charts
+	 * the tracker uses the same graphPath, but with a greater stroke width
+	 * for better control.
+	 */
+	drawTracker: function () {
+		var series = this,
+			options = series.options,
+			trackByArea = options.trackByArea,
+			trackerPath = [].concat(trackByArea ? series.areaPath : series.graphPath),
+			trackerPathLength = trackerPath.length,
+			chart = series.chart,
+			pointer = chart.pointer,
+			renderer = chart.renderer,
+			snap = chart.options.tooltip.snap,
+			tracker = series.tracker,
+			cursor = options.cursor,
+			css = cursor && { cursor: cursor },
+			singlePoints = series.singlePoints,
+			singlePoint,
+			i,
+			onMouseOver = function () {
+				if (chart.hoverSeries !== series) {
+					series.onMouseOver();
+				}
+			};
+
+		// Extend end points. A better way would be to use round linecaps,
+		// but those are not clickable in VML.
+		if (trackerPathLength && !trackByArea) {
+			i = trackerPathLength + 1;
+			while (i--) {
+				if (trackerPath[i] === M) { // extend left side
+					trackerPath.splice(i + 1, 0, trackerPath[i + 1] - snap, trackerPath[i + 2], L);
+				}
+				if ((i && trackerPath[i] === M) || i === trackerPathLength) { // extend right side
+					trackerPath.splice(i, 0, L, trackerPath[i - 2] + snap, trackerPath[i - 1]);
+				}
+			}
+		}
+
+		// handle single points
+		for (i = 0; i < singlePoints.length; i++) {
+			singlePoint = singlePoints[i];
+			trackerPath.push(M, singlePoint.plotX - snap, singlePoint.plotY,
+				L, singlePoint.plotX + snap, singlePoint.plotY);
+		}
+		
+		
+
+		// draw the tracker
+		if (tracker) {
+			tracker.attr({ d: trackerPath });
+
+		} else { // create
+				
+			series.tracker = renderer.path(trackerPath)
+				.attr({
+					'stroke-linejoin': 'round', // #1225
+					visibility: series.visible ? VISIBLE : HIDDEN,
+					stroke: TRACKER_FILL,
+					fill: trackByArea ? TRACKER_FILL : NONE,
+					'stroke-width' : options.lineWidth + (trackByArea ? 0 : 2 * snap),
+					zIndex: 2
+				})
+				.add(series.group);
+				
+			// The tracker is added to the series group, which is clipped, but is covered 
+			// by the marker group. So the marker group also needs to capture events.
+			each([series.tracker, series.markerGroup], function (tracker) {
+				tracker.addClass(PREFIX + 'tracker')
+					.on('mouseover', onMouseOver)
+					.on('mouseout', function (e) { pointer.onTrackerMouseOut(e); })
+					.css(css);
+
+				if (hasTouch) {
+					tracker.on('touchstart', onMouseOver);
+				} 
+			});
+		}
+
+	}
+
+}; // end Series prototype
+
+
+/**
+ * LineSeries object
+ */
+var LineSeries = extendClass(Series);
+seriesTypes.line = LineSeries;
+
+/**
+ * Set the default options for area
+ */
+defaultPlotOptions.area = merge(defaultSeriesOptions, {
+	threshold: 0
+	// trackByArea: false,
+	// lineColor: null, // overrides color, but lets fillColor be unaltered
+	// fillOpacity: 0.75,
+	// fillColor: null
+});
+
+/**
+ * AreaSeries object
+ */
+var AreaSeries = extendClass(Series, {
+	type: 'area',
+	
+	/**
+	 * For stacks, don't split segments on null values. Instead, draw null values with 
+	 * no marker. Also insert dummy points for any X position that exists in other series
+	 * in the stack.
+	 */ 
+	getSegments: function () {
+		var segments = [],
+			segment = [],
+			keys = [],
+			xAxis = this.xAxis,
+			yAxis = this.yAxis,
+			stack = yAxis.stacks[this.stackKey],
+			pointMap = {},
+			plotX,
+			plotY,
+			points = this.points,
+			connectNulls = this.options.connectNulls,
+			val,
+			i,
+			x;
+
+		if (this.options.stacking && !this.cropped) { // cropped causes artefacts in Stock, and perf issue
+			// Create a map where we can quickly look up the points by their X value.
+			for (i = 0; i < points.length; i++) {
+				pointMap[points[i].x] = points[i];
+			}
+
+			// Sort the keys (#1651)
+			for (x in stack) {
+				keys.push(+x);
+			}
+			keys.sort(function (a, b) {
+				return a - b;
+			});
+
+			each(keys, function (x) {
+				if (connectNulls && (!pointMap[x] || pointMap[x].y === null)) { // #1836
+					return;
+
+				// The point exists, push it to the segment
+				} else if (pointMap[x]) {
+					segment.push(pointMap[x]);
+
+				// There is no point for this X value in this series, so we 
+				// insert a dummy point in order for the areas to be drawn
+				// correctly.
+				} else {
+					plotX = xAxis.translate(x);
+					val = stack[x].percent ? (stack[x].total ? stack[x].cum * 100 / stack[x].total : 0) : stack[x].cum; // #1991
+					plotY = yAxis.toPixels(val, true);
+					segment.push({ 
+						y: null, 
+						plotX: plotX,
+						clientX: plotX, 
+						plotY: plotY, 
+						yBottom: plotY,
+						onMouseOver: noop
+					});
+				}
+			});
+
+			if (segment.length) {
+				segments.push(segment);
+			}
+
+		} else {
+			Series.prototype.getSegments.call(this);
+			segments = this.segments;
+		}
+
+		this.segments = segments;
+	},
+	
+	/**
+	 * Extend the base Series getSegmentPath method by adding the path for the area.
+	 * This path is pushed to the series.areaPath property.
+	 */
+	getSegmentPath: function (segment) {
+		
+		var segmentPath = Series.prototype.getSegmentPath.call(this, segment), // call base method
+			areaSegmentPath = [].concat(segmentPath), // work on a copy for the area path
+			i,
+			options = this.options,
+			segLength = segmentPath.length,
+			translatedThreshold = this.yAxis.getThreshold(options.threshold), // #2181
+			yBottom;
+		
+		if (segLength === 3) { // for animation from 1 to two points
+			areaSegmentPath.push(L, segmentPath[1], segmentPath[2]);
+		}
+		if (options.stacking && !this.closedStacks) {
+			
+			// Follow stack back. Todo: implement areaspline. A general solution could be to 
+			// reverse the entire graphPath of the previous series, though may be hard with
+			// splines and with series with different extremes
+			for (i = segment.length - 1; i >= 0; i--) {
+
+				yBottom = pick(segment[i].yBottom, translatedThreshold);
+			
+				// step line?
+				if (i < segment.length - 1 && options.step) {
+					areaSegmentPath.push(segment[i + 1].plotX, yBottom);
+				}
+				
+				areaSegmentPath.push(segment[i].plotX, yBottom);
+			}
+
+		} else { // follow zero line back
+			this.closeSegment(areaSegmentPath, segment, translatedThreshold);
+		}
+		this.areaPath = this.areaPath.concat(areaSegmentPath);
+		return segmentPath;
+	},
+	
+	/**
+	 * Extendable method to close the segment path of an area. This is overridden in polar 
+	 * charts.
+	 */
+	closeSegment: function (path, segment, translatedThreshold) {
+		path.push(
+			L,
+			segment[segment.length - 1].plotX,
+			translatedThreshold,
+			L,
+			segment[0].plotX,
+			translatedThreshold
+		);
+	},
+	
+	/**
+	 * Draw the graph and the underlying area. This method calls the Series base
+	 * function and adds the area. The areaPath is calculated in the getSegmentPath
+	 * method called from Series.prototype.drawGraph.
+	 */
+	drawGraph: function () {
+		
+		// Define or reset areaPath
+		this.areaPath = [];
+		
+		// Call the base method
+		Series.prototype.drawGraph.apply(this);
+		
+		// Define local variables
+		var series = this,
+			areaPath = this.areaPath,
+			options = this.options,
+			negativeColor = options.negativeColor,
+			negativeFillColor = options.negativeFillColor,
+			props = [['area', this.color, options.fillColor]]; // area name, main color, fill color
+		
+		if (negativeColor || negativeFillColor) {
+			props.push(['areaNeg', negativeColor, negativeFillColor]);
+		}
+		
+		each(props, function (prop) {
+			var areaKey = prop[0],
+				area = series[areaKey];
+				
+			// Create or update the area
+			if (area) { // update
+				area.animate({ d: areaPath });
+	
+			} else { // create
+				series[areaKey] = series.chart.renderer.path(areaPath)
+					.attr({
+						fill: pick(
+							prop[2],
+							Color(prop[1]).setOpacity(pick(options.fillOpacity, 0.75)).get()
+						),
+						zIndex: 0 // #1069
+					}).add(series.group);
+			}
+		});
+	},
+	
+	/**
+	 * Get the series' symbol in the legend
+	 * 
+	 * @param {Object} legend The legend object
+	 * @param {Object} item The series (this) or point
+	 */
+	drawLegendSymbol: function (legend, item) {
+		
+		item.legendSymbol = this.chart.renderer.rect(
+			0,
+			legend.baseline - 11,
+			legend.options.symbolWidth,
+			12,
+			2
+		).attr({
+			zIndex: 3
+		}).add(item.legendGroup);		
+		
+	}
+});
+
+seriesTypes.area = AreaSeries;/**
+ * Set the default options for spline
+ */
+defaultPlotOptions.spline = merge(defaultSeriesOptions);
+
+/**
+ * SplineSeries object
+ */
+var SplineSeries = extendClass(Series, {
+	type: 'spline',
+
+	/**
+	 * Get the spline segment from a given point's previous neighbour to the given point
+	 */
+	getPointSpline: function (segment, point, i) {
+		var smoothing = 1.5, // 1 means control points midway between points, 2 means 1/3 from the point, 3 is 1/4 etc
+			denom = smoothing + 1,
+			plotX = point.plotX,
+			plotY = point.plotY,
+			lastPoint = segment[i - 1],
+			nextPoint = segment[i + 1],
+			leftContX,
+			leftContY,
+			rightContX,
+			rightContY,
+			ret;
+
+		// find control points
+		if (lastPoint && nextPoint) {
+		
+			var lastX = lastPoint.plotX,
+				lastY = lastPoint.plotY,
+				nextX = nextPoint.plotX,
+				nextY = nextPoint.plotY,
+				correction;
+
+			leftContX = (smoothing * plotX + lastX) / denom;
+			leftContY = (smoothing * plotY + lastY) / denom;
+			rightContX = (smoothing * plotX + nextX) / denom;
+			rightContY = (smoothing * plotY + nextY) / denom;
+
+			// have the two control points make a straight line through main point
+			correction = ((rightContY - leftContY) * (rightContX - plotX)) /
+				(rightContX - leftContX) + plotY - rightContY;
+
+			leftContY += correction;
+			rightContY += correction;
+
+			// to prevent false extremes, check that control points are between
+			// neighbouring points' y values
+			if (leftContY > lastY && leftContY > plotY) {
+				leftContY = mathMax(lastY, plotY);
+				rightContY = 2 * plotY - leftContY; // mirror of left control point
+			} else if (leftContY < lastY && leftContY < plotY) {
+				leftContY = mathMin(lastY, plotY);
+				rightContY = 2 * plotY - leftContY;
+			}
+			if (rightContY > nextY && rightContY > plotY) {
+				rightContY = mathMax(nextY, plotY);
+				leftContY = 2 * plotY - rightContY;
+			} else if (rightContY < nextY && rightContY < plotY) {
+				rightContY = mathMin(nextY, plotY);
+				leftContY = 2 * plotY - rightContY;
+			}
+
+			// record for drawing in next point
+			point.rightContX = rightContX;
+			point.rightContY = rightContY;
+
+		}
+		
+		// Visualize control points for debugging
+		/*
+		if (leftContX) {
+			this.chart.renderer.circle(leftContX + this.chart.plotLeft, leftContY + this.chart.plotTop, 2)
+				.attr({
+					stroke: 'red',
+					'stroke-width': 1,
+					fill: 'none'
+				})
+				.add();
+			this.chart.renderer.path(['M', leftContX + this.chart.plotLeft, leftContY + this.chart.plotTop,
+				'L', plotX + this.chart.plotLeft, plotY + this.chart.plotTop])
+				.attr({
+					stroke: 'red',
+					'stroke-width': 1
+				})
+				.add();
+			this.chart.renderer.circle(rightContX + this.chart.plotLeft, rightContY + this.chart.plotTop, 2)
+				.attr({
+					stroke: 'green',
+					'stroke-width': 1,
+					fill: 'none'
+				})
+				.add();
+			this.chart.renderer.path(['M', rightContX + this.chart.plotLeft, rightContY + this.chart.plotTop,
+				'L', plotX + this.chart.plotLeft, plotY + this.chart.plotTop])
+				.attr({
+					stroke: 'green',
+					'stroke-width': 1
+				})
+				.add();
+		}
+		*/
+
+		// moveTo or lineTo
+		if (!i) {
+			ret = [M, plotX, plotY];
+		} else { // curve from last point to this
+			ret = [
+				'C',
+				lastPoint.rightContX || lastPoint.plotX,
+				lastPoint.rightContY || lastPoint.plotY,
+				leftContX || plotX,
+				leftContY || plotY,
+				plotX,
+				plotY
+			];
+			lastPoint.rightContX = lastPoint.rightContY = null; // reset for updating series later
+		}
+		return ret;
+	}
+});
+seriesTypes.spline = SplineSeries;
+
+/**
+ * Set the default options for areaspline
+ */
+defaultPlotOptions.areaspline = merge(defaultPlotOptions.area);
+
+/**
+ * AreaSplineSeries object
+ */
+var areaProto = AreaSeries.prototype,
+	AreaSplineSeries = extendClass(SplineSeries, {
+		type: 'areaspline',
+		closedStacks: true, // instead of following the previous graph back, follow the threshold back
+		
+		// Mix in methods from the area series
+		getSegmentPath: areaProto.getSegmentPath,
+		closeSegment: areaProto.closeSegment,
+		drawGraph: areaProto.drawGraph,
+		drawLegendSymbol: areaProto.drawLegendSymbol
+	});
+seriesTypes.areaspline = AreaSplineSeries;
+
+/**
+ * Set the default options for column
+ */
+defaultPlotOptions.column = merge(defaultSeriesOptions, {
+	borderColor: '#FFFFFF',
+	borderWidth: 1,
+	borderRadius: 0,
+	//colorByPoint: undefined,
+	groupPadding: 0.2,
+	//grouping: true,
+	marker: null, // point options are specified in the base options
+	pointPadding: 0.1,
+	//pointWidth: null,
+	minPointLength: 0,
+	cropThreshold: 50, // when there are more points, they will not animate out of the chart on xAxis.setExtremes
+	pointRange: null, // null means auto, meaning 1 in a categorized axis and least distance between points if not categories
+	states: {
+		hover: {
+			brightness: 0.1,
+			shadow: false
+		},
+		select: {
+			color: '#C0C0C0',
+			borderColor: '#000000',
+			shadow: false
+		}
+	},
+	dataLabels: {
+		align: null, // auto
+		verticalAlign: null, // auto
+		y: null
+	},
+	stickyTracking: false,
+	threshold: 0
+});
+
+/**
+ * ColumnSeries object
+ */
+var ColumnSeries = extendClass(Series, {
+	type: 'column',
+	pointAttrToOptions: { // mapping between SVG attributes and the corresponding options
+		stroke: 'borderColor',
+		'stroke-width': 'borderWidth',
+		fill: 'color',
+		r: 'borderRadius'
+	},
+	cropShoulder: 0,
+	trackerGroups: ['group', 'dataLabelsGroup'],
+	negStacks: true, // use separate negative stacks, unlike area stacks where a negative 
+		// point is substracted from previous (#1910)
+	
+	/**
+	 * Initialize the series
+	 */
+	init: function () {
+		Series.prototype.init.apply(this, arguments);
+
+		var series = this,
+			chart = series.chart;
+
+		// if the series is added dynamically, force redraw of other
+		// series affected by a new column
+		if (chart.hasRendered) {
+			each(chart.series, function (otherSeries) {
+				if (otherSeries.type === series.type) {
+					otherSeries.isDirty = true;
+				}
+			});
+		}
+	},
+
+	/**
+	 * Return the width and x offset of the columns adjusted for grouping, groupPadding, pointPadding,
+	 * pointWidth etc. 
+	 */
+	getColumnMetrics: function () {
+
+		var series = this,
+			options = series.options,
+			xAxis = series.xAxis,
+			yAxis = series.yAxis,
+			reversedXAxis = xAxis.reversed,
+			stackKey,
+			stackGroups = {},
+			columnIndex,
+			columnCount = 0;
+
+		// Get the total number of column type series.
+		// This is called on every series. Consider moving this logic to a
+		// chart.orderStacks() function and call it on init, addSeries and removeSeries
+		if (options.grouping === false) {
+			columnCount = 1;
+		} else {
+			each(series.chart.series, function (otherSeries) {
+				var otherOptions = otherSeries.options,
+					otherYAxis = otherSeries.yAxis;
+				if (otherSeries.type === series.type && otherSeries.visible &&
+						yAxis.len === otherYAxis.len && yAxis.pos === otherYAxis.pos) {  // #642, #2086
+					if (otherOptions.stacking) {
+						stackKey = otherSeries.stackKey;
+						if (stackGroups[stackKey] === UNDEFINED) {
+							stackGroups[stackKey] = columnCount++;
+						}
+						columnIndex = stackGroups[stackKey];
+					} else if (otherOptions.grouping !== false) { // #1162
+						columnIndex = columnCount++;
+					}
+					otherSeries.columnIndex = columnIndex;
+				}
+			});
+		}
+
+		var categoryWidth = mathMin(
+				mathAbs(xAxis.transA) * (xAxis.ordinalSlope || options.pointRange || xAxis.closestPointRange || 1), 
+				xAxis.len // #1535
+			),
+			groupPadding = categoryWidth * options.groupPadding,
+			groupWidth = categoryWidth - 2 * groupPadding,
+			pointOffsetWidth = groupWidth / columnCount,
+			optionPointWidth = options.pointWidth,
+			pointPadding = defined(optionPointWidth) ? (pointOffsetWidth - optionPointWidth) / 2 :
+				pointOffsetWidth * options.pointPadding,
+			pointWidth = pick(optionPointWidth, pointOffsetWidth - 2 * pointPadding), // exact point width, used in polar charts
+			colIndex = (reversedXAxis ? 
+				columnCount - (series.columnIndex || 0) : // #1251
+				series.columnIndex) || 0,
+			pointXOffset = pointPadding + (groupPadding + colIndex *
+				pointOffsetWidth - (categoryWidth / 2)) *
+				(reversedXAxis ? -1 : 1);
+
+		// Save it for reading in linked series (Error bars particularly)
+		return (series.columnMetrics = { 
+			width: pointWidth, 
+			offset: pointXOffset 
+		});
+			
+	},
+
+	/**
+	 * Translate each point to the plot area coordinate system and find shape positions
+	 */
+	translate: function () {
+		var series = this,
+			chart = series.chart,
+			options = series.options,
+			borderWidth = options.borderWidth,
+			yAxis = series.yAxis,
+			threshold = options.threshold,
+			translatedThreshold = series.translatedThreshold = yAxis.getThreshold(threshold),
+			minPointLength = pick(options.minPointLength, 5),
+			metrics = series.getColumnMetrics(),
+			pointWidth = metrics.width,
+			seriesBarW = series.barW = mathCeil(mathMax(pointWidth, 1 + 2 * borderWidth)), // rounded and postprocessed for border width
+			pointXOffset = series.pointXOffset = metrics.offset,
+			xCrisp = -(borderWidth % 2 ? 0.5 : 0),
+			yCrisp = borderWidth % 2 ? 0.5 : 1;
+
+		if (chart.renderer.isVML && chart.inverted) {
+			yCrisp += 1;
+		}
+
+		Series.prototype.translate.apply(series);
+
+		// record the new values
+		each(series.points, function (point) {
+			var yBottom = pick(point.yBottom, translatedThreshold),
+				plotY = mathMin(mathMax(-999 - yBottom, point.plotY), yAxis.len + 999 + yBottom), // Don't draw too far outside plot area (#1303, #2241)
+				barX = point.plotX + pointXOffset,
+				barW = seriesBarW,
+				barY = mathMin(plotY, yBottom),
+				right,
+				bottom,
+				fromTop,
+				fromLeft,
+				barH = mathMax(plotY, yBottom) - barY;
+
+			// Handle options.minPointLength
+			if (mathAbs(barH) < minPointLength) {
+				if (minPointLength) {
+					barH = minPointLength;
+					barY =
+						mathRound(mathAbs(barY - translatedThreshold) > minPointLength ? // stacked
+							yBottom - minPointLength : // keep position
+							translatedThreshold - (yAxis.translate(point.y, 0, 1, 0, 1) <= translatedThreshold ? minPointLength : 0)); // use exact yAxis.translation (#1485)
+				}
+			}
+
+			// Cache for access in polar
+			point.barX = barX;
+			point.pointWidth = pointWidth;
+
+
+			// Round off to obtain crisp edges
+			fromLeft = mathAbs(barX) < 0.5;
+			right = mathRound(barX + barW) + xCrisp;
+			barX = mathRound(barX) + xCrisp;
+			barW = right - barX;
+
+			fromTop = mathAbs(barY) < 0.5;
+			bottom = mathRound(barY + barH) + yCrisp;
+			barY = mathRound(barY) + yCrisp;
+			barH = bottom - barY;
+
+			// Top and left edges are exceptions
+			if (fromLeft) {
+				barX += 1;
+				barW -= 1;
+			}
+			if (fromTop) {
+				barY -= 1;
+				barH += 1;
+			}
+
+			// Register shape type and arguments to be used in drawPoints
+			point.shapeType = 'rect';
+			point.shapeArgs = {
+				x: barX,
+				y: barY,
+				width: barW,
+				height: barH
+			};
+		});
+
+	},
+
+	getSymbol: noop,
+	
+	/**
+	 * Use a solid rectangle like the area series types
+	 */
+	drawLegendSymbol: AreaSeries.prototype.drawLegendSymbol,
+	
+	
+	/**
+	 * Columns have no graph
+	 */
+	drawGraph: noop,
+
+	/**
+	 * Draw the columns. For bars, the series.group is rotated, so the same coordinates
+	 * apply for columns and bars. This method is inherited by scatter series.
+	 *
+	 */
+	drawPoints: function () {
+		var series = this,
+			options = series.options,
+			renderer = series.chart.renderer,
+			shapeArgs;
+
+
+		// draw the columns
+		each(series.points, function (point) {
+			var plotY = point.plotY,
+				graphic = point.graphic;
+
+			if (plotY !== UNDEFINED && !isNaN(plotY) && point.y !== null) {
+				shapeArgs = point.shapeArgs;
+				
+				if (graphic) { // update
+					stop(graphic);
+					graphic.animate(merge(shapeArgs));
+
+				} else {
+					point.graphic = graphic = renderer[point.shapeType](shapeArgs)
+						.attr(point.pointAttr[point.selected ? SELECT_STATE : NORMAL_STATE])
+						.add(series.group)
+						.shadow(options.shadow, null, options.stacking && !options.borderRadius);
+				}
+
+			} else if (graphic) {
+				point.graphic = graphic.destroy(); // #1269
+			}
+		});
+	},
+
+	/**
+	 * Add tracking event listener to the series group, so the point graphics
+	 * themselves act as trackers
+	 */
+	drawTracker: function () {
+		var series = this,
+			chart = series.chart,
+			pointer = chart.pointer,
+			cursor = series.options.cursor,
+			css = cursor && { cursor: cursor },
+			onMouseOver = function (e) {
+				var target = e.target,
+					point;
+
+				if (chart.hoverSeries !== series) {
+					series.onMouseOver();
+				}
+				while (target && !point) {
+					point = target.point;
+					target = target.parentNode;
+				}
+				if (point !== UNDEFINED && point !== chart.hoverPoint) { // undefined on graph in scatterchart
+					point.onMouseOver(e);
+				}
+			};
+
+		// Add reference to the point
+		each(series.points, function (point) {
+			if (point.graphic) {
+				point.graphic.element.point = point;
+			}
+			if (point.dataLabel) {
+				point.dataLabel.element.point = point;
+			}
+		});
+
+		// Add the event listeners, we need to do this only once
+		if (!series._hasTracking) {
+			each(series.trackerGroups, function (key) {
+				if (series[key]) { // we don't always have dataLabelsGroup
+					series[key]
+						.addClass(PREFIX + 'tracker')
+						.on('mouseover', onMouseOver)
+						.on('mouseout', function (e) { pointer.onTrackerMouseOut(e); })
+						.css(css);
+					if (hasTouch) {
+						series[key].on('touchstart', onMouseOver);
+					}
+				}
+			});
+			series._hasTracking = true;
+		}
+	},
+	
+	/** 
+	 * Override the basic data label alignment by adjusting for the position of the column
+	 */
+	alignDataLabel: function (point, dataLabel, options,  alignTo, isNew) {
+		var chart = this.chart,
+			inverted = chart.inverted,
+			dlBox = point.dlBox || point.shapeArgs, // data label box for alignment
+			below = point.below || (point.plotY > pick(this.translatedThreshold, chart.plotSizeY)),
+			inside = pick(options.inside, !!this.options.stacking); // draw it inside the box?
+		
+		// Align to the column itself, or the top of it
+		if (dlBox) { // Area range uses this method but not alignTo
+			alignTo = merge(dlBox);
+			if (inverted) {
+				alignTo = {
+					x: chart.plotWidth - alignTo.y - alignTo.height,
+					y: chart.plotHeight - alignTo.x - alignTo.width,
+					width: alignTo.height,
+					height: alignTo.width
+				};
+			}
+				
+			// Compute the alignment box
+			if (!inside) {
+				if (inverted) {
+					alignTo.x += below ? 0 : alignTo.width;
+					alignTo.width = 0;
+				} else {
+					alignTo.y += below ? alignTo.height : 0;
+					alignTo.height = 0;
+				}
+			}
+		}
+		
+		// When alignment is undefined (typically columns and bars), display the individual 
+		// point below or above the point depending on the threshold
+		options.align = pick(
+			options.align, 
+			!inverted || inside ? 'center' : below ? 'right' : 'left'
+		);
+		options.verticalAlign = pick(
+			options.verticalAlign, 
+			inverted || inside ? 'middle' : below ? 'top' : 'bottom'
+		);
+		
+		// Call the parent method
+		Series.prototype.alignDataLabel.call(this, point, dataLabel, options, alignTo, isNew);
+	},
+
+
+	/**
+	 * Animate the column heights one by one from zero
+	 * @param {Boolean} init Whether to initialize the animation or run it
+	 */
+	animate: function (init) {
+		var series = this,
+			yAxis = this.yAxis,
+			options = series.options,
+			inverted = this.chart.inverted,
+			attr = {},
+			translatedThreshold;
+
+		if (hasSVG) { // VML is too slow anyway
+			if (init) {
+				attr.scaleY = 0.001;
+				translatedThreshold = mathMin(yAxis.pos + yAxis.len, mathMax(yAxis.pos, yAxis.toPixels(options.threshold)));
+				if (inverted) {
+					attr.translateX = translatedThreshold - yAxis.len;
+				} else {
+					attr.translateY = translatedThreshold;
+				}
+				series.group.attr(attr);
+
+			} else { // run the animation
+				
+				attr.scaleY = 1;
+				attr[inverted ? 'translateX' : 'translateY'] = yAxis.pos;
+				series.group.animate(attr, series.options.animation);
+
+				// delete this function to allow it only once
+				series.animate = null;
+			}
+		}
+	},
+	
+	/**
+	 * Remove this series from the chart
+	 */
+	remove: function () {
+		var series = this,
+			chart = series.chart;
+
+		// column and bar series affects other series of the same type
+		// as they are either stacked or grouped
+		if (chart.hasRendered) {
+			each(chart.series, function (otherSeries) {
+				if (otherSeries.type === series.type) {
+					otherSeries.isDirty = true;
+				}
+			});
+		}
+
+		Series.prototype.remove.apply(series, arguments);
+	}
+});
+seriesTypes.column = ColumnSeries;
+/**
+ * Set the default options for bar
+ */
+defaultPlotOptions.bar = merge(defaultPlotOptions.column);
+/**
+ * The Bar series class
+ */
+var BarSeries = extendClass(ColumnSeries, {
+	type: 'bar',
+	inverted: true
+});
+seriesTypes.bar = BarSeries;
+
+/**
+ * Set the default options for scatter
+ */
+defaultPlotOptions.scatter = merge(defaultSeriesOptions, {
+	lineWidth: 0,
+	tooltip: {
+		headerFormat: '<span style="font-size: 10px; color:{series.color}">{series.name}</span><br/>',
+		pointFormat: 'x: <b>{point.x}</b><br/>y: <b>{point.y}</b><br/>',
+		followPointer: true
+	},
+	stickyTracking: false
+});
+
+/**
+ * The scatter series class
+ */
+var ScatterSeries = extendClass(Series, {
+	type: 'scatter',
+	sorted: false,
+	requireSorting: false,
+	noSharedTooltip: true,
+	trackerGroups: ['markerGroup'],
+
+	drawTracker: ColumnSeries.prototype.drawTracker,
+	
+	setTooltipPoints: noop
+});
+seriesTypes.scatter = ScatterSeries;
+
+/**
+ * Set the default options for pie
+ */
+defaultPlotOptions.pie = merge(defaultSeriesOptions, {
+	borderColor: '#FFFFFF',
+	borderWidth: 1,
+	center: [null, null],
+	clip: false,
+	colorByPoint: true, // always true for pies
+	dataLabels: {
+		// align: null,
+		// connectorWidth: 1,
+		// connectorColor: point.color,
+		// connectorPadding: 5,
+		distance: 30,
+		enabled: true,
+		formatter: function () {
+			return this.point.name;
+		}
+		// softConnector: true,
+		//y: 0
+	},
+	ignoreHiddenPoint: true,
+	//innerSize: 0,
+	legendType: 'point',
+	marker: null, // point options are specified in the base options
+	size: null,
+	showInLegend: false,
+	slicedOffset: 10,
+	states: {
+		hover: {
+			brightness: 0.1,
+			shadow: false
+		}
+	},
+	stickyTracking: false,
+	tooltip: {
+		followPointer: true
+	}
+});
+
+/**
+ * Extended point object for pies
+ */
+var PiePoint = extendClass(Point, {
+	/**
+	 * Initiate the pie slice
+	 */
+	init: function () {
+
+		Point.prototype.init.apply(this, arguments);
+
+		var point = this,
+			toggleSlice;
+
+		// Disallow negative values (#1530)
+		if (point.y < 0) {
+			point.y = null;
+		}
+
+		//visible: options.visible !== false,
+		extend(point, {
+			visible: point.visible !== false,
+			name: pick(point.name, 'Slice')
+		});
+
+		// add event listener for select
+		toggleSlice = function (e) {
+			point.slice(e.type === 'select');
+		};
+		addEvent(point, 'select', toggleSlice);
+		addEvent(point, 'unselect', toggleSlice);
+
+		return point;
+	},
+
+	/**
+	 * Toggle the visibility of the pie slice
+	 * @param {Boolean} vis Whether to show the slice or not. If undefined, the
+	 *    visibility is toggled
+	 */
+	setVisible: function (vis) {
+		var point = this,
+			series = point.series,
+			chart = series.chart,
+			method;
+
+		// if called without an argument, toggle visibility
+		point.visible = point.options.visible = vis = vis === UNDEFINED ? !point.visible : vis;
+		series.options.data[inArray(point, series.data)] = point.options; // update userOptions.data
+		
+		method = vis ? 'show' : 'hide';
+
+		// Show and hide associated elements
+		each(['graphic', 'dataLabel', 'connector', 'shadowGroup'], function (key) {
+			if (point[key]) {
+				point[key][method]();
+			}
+		});
+
+		if (point.legendItem) {
+			chart.legend.colorizeItem(point, vis);
+		}
+		
+		// Handle ignore hidden slices
+		if (!series.isDirty && series.options.ignoreHiddenPoint) {
+			series.isDirty = true;
+			chart.redraw();
+		}
+	},
+
+	/**
+	 * Set or toggle whether the slice is cut out from the pie
+	 * @param {Boolean} sliced When undefined, the slice state is toggled
+	 * @param {Boolean} redraw Whether to redraw the chart. True by default.
+	 */
+	slice: function (sliced, redraw, animation) {
+		var point = this,
+			series = point.series,
+			chart = series.chart,
+			translation;
+
+		setAnimation(animation, chart);
+
+		// redraw is true by default
+		redraw = pick(redraw, true);
+
+		// if called without an argument, toggle
+		point.sliced = point.options.sliced = sliced = defined(sliced) ? sliced : !point.sliced;
+		series.options.data[inArray(point, series.data)] = point.options; // update userOptions.data
+
+		translation = sliced ? point.slicedTranslation : {
+			translateX: 0,
+			translateY: 0
+		};
+
+		point.graphic.animate(translation);
+		
+		if (point.shadowGroup) {
+			point.shadowGroup.animate(translation);
+		}
+
+	}
+});
+
+/**
+ * The Pie series class
+ */
+var PieSeries = {
+	type: 'pie',
+	isCartesian: false,
+	pointClass: PiePoint,
+	requireSorting: false,
+	noSharedTooltip: true,
+	trackerGroups: ['group', 'dataLabelsGroup'],
+	pointAttrToOptions: { // mapping between SVG attributes and the corresponding options
+		stroke: 'borderColor',
+		'stroke-width': 'borderWidth',
+		fill: 'color'
+	},
+
+	/**
+	 * Pies have one color each point
+	 */
+	getColor: noop,
+
+	/**
+	 * Animate the pies in
+	 */
+	animate: function (init) {
+		var series = this,
+			points = series.points,
+			startAngleRad = series.startAngleRad;
+
+		if (!init) {
+			each(points, function (point) {
+				var graphic = point.graphic,
+					args = point.shapeArgs;
+
+				if (graphic) {
+					// start values
+					graphic.attr({
+						r: series.center[3] / 2, // animate from inner radius (#779)
+						start: startAngleRad,
+						end: startAngleRad
+					});
+
+					// animate
+					graphic.animate({
+						r: args.r,
+						start: args.start,
+						end: args.end
+					}, series.options.animation);
+				}
+			});
+
+			// delete this function to allow it only once
+			series.animate = null;
+		}
+	},
+
+	/**
+	 * Extend the basic setData method by running processData and generatePoints immediately,
+	 * in order to access the points from the legend.
+	 */
+	setData: function (data, redraw) {
+		Series.prototype.setData.call(this, data, false);
+		this.processData();
+		this.generatePoints();
+		if (pick(redraw, true)) {
+			this.chart.redraw();
+		} 
+	},
+
+	/**
+	 * Extend the generatePoints method by adding total and percentage properties to each point
+	 */
+	generatePoints: function () {
+		var i,
+			total = 0,
+			points,
+			len,
+			point,
+			ignoreHiddenPoint = this.options.ignoreHiddenPoint;
+
+		Series.prototype.generatePoints.call(this);
+
+		// Populate local vars
+		points = this.points;
+		len = points.length;
+		
+		// Get the total sum
+		for (i = 0; i < len; i++) {
+			point = points[i];
+			total += (ignoreHiddenPoint && !point.visible) ? 0 : point.y;
+		}
+		this.total = total;
+
+		// Set each point's properties
+		for (i = 0; i < len; i++) {
+			point = points[i];
+			point.percentage = total > 0 ? (point.y / total) * 100 : 0;
+			point.total = total;
+		}
+		
+	},
+	
+	/**
+	 * Get the center of the pie based on the size and center options relative to the  
+	 * plot area. Borrowed by the polar and gauge series types.
+	 */
+	getCenter: function () {
+		
+		var options = this.options,
+			chart = this.chart,
+			slicingRoom = 2 * (options.slicedOffset || 0),
+			handleSlicingRoom,
+			plotWidth = chart.plotWidth - 2 * slicingRoom,
+			plotHeight = chart.plotHeight - 2 * slicingRoom,
+			centerOption = options.center,
+			positions = [pick(centerOption[0], '50%'), pick(centerOption[1], '50%'), options.size || '100%', options.innerSize || 0],
+			smallestSize = mathMin(plotWidth, plotHeight),
+			isPercent;
+		
+		return map(positions, function (length, i) {
+			isPercent = /%$/.test(length);
+			handleSlicingRoom = i < 2 || (i === 2 && isPercent);
+			return (isPercent ?
+				// i == 0: centerX, relative to width
+				// i == 1: centerY, relative to height
+				// i == 2: size, relative to smallestSize
+				// i == 4: innerSize, relative to smallestSize
+				[plotWidth, plotHeight, smallestSize, smallestSize][i] *
+					pInt(length) / 100 :
+				length) + (handleSlicingRoom ? slicingRoom : 0);
+		});
+	},
+	
+	/**
+	 * Do translation for pie slices
+	 */
+	translate: function (positions) {
+		this.generatePoints();
+		
+		var series = this,
+			cumulative = 0,
+			precision = 1000, // issue #172
+			options = series.options,
+			slicedOffset = options.slicedOffset,
+			connectorOffset = slicedOffset + options.borderWidth,
+			start,
+			end,
+			angle,
+			startAngle = options.startAngle || 0,
+			startAngleRad = series.startAngleRad = mathPI / 180 * (startAngle - 90),
+			endAngleRad = series.endAngleRad = mathPI / 180 * ((options.endAngle || (startAngle + 360)) - 90), // docs
+			circ = endAngleRad - startAngleRad, //2 * mathPI,
+			points = series.points,
+			radiusX, // the x component of the radius vector for a given point
+			radiusY,
+			labelDistance = options.dataLabels.distance,
+			ignoreHiddenPoint = options.ignoreHiddenPoint,
+			i,
+			len = points.length,
+			point;
+
+		// Get positions - either an integer or a percentage string must be given.
+		// If positions are passed as a parameter, we're in a recursive loop for adjusting
+		// space for data labels.
+		if (!positions) {
+			series.center = positions = series.getCenter();
+		}
+
+		// utility for getting the x value from a given y, used for anticollision logic in data labels
+		series.getX = function (y, left) {
+
+			angle = math.asin((y - positions[1]) / (positions[2] / 2 + labelDistance));
+
+			return positions[0] +
+				(left ? -1 : 1) *
+				(mathCos(angle) * (positions[2] / 2 + labelDistance));
+		};
+
+		// Calculate the geometry for each point
+		for (i = 0; i < len; i++) {
+			
+			point = points[i];
+			
+			// set start and end angle
+			start = startAngleRad + (cumulative * circ);
+			if (!ignoreHiddenPoint || point.visible) {
+				cumulative += point.percentage / 100;
+			}
+			end = startAngleRad + (cumulative * circ);
+
+			// set the shape
+			point.shapeType = 'arc';
+			point.shapeArgs = {
+				x: positions[0],
+				y: positions[1],
+				r: positions[2] / 2,
+				innerR: positions[3] / 2,
+				start: mathRound(start * precision) / precision,
+				end: mathRound(end * precision) / precision
+			};
+
+			// center for the sliced out slice
+			angle = (end + start) / 2;
+			if (angle > 0.75 * circ) {
+				angle -= 2 * mathPI;
+			}
+			point.slicedTranslation = {
+				translateX: mathRound(mathCos(angle) * slicedOffset),
+				translateY: mathRound(mathSin(angle) * slicedOffset)
+			};
+
+			// set the anchor point for tooltips
+			radiusX = mathCos(angle) * positions[2] / 2;
+			radiusY = mathSin(angle) * positions[2] / 2;
+			point.tooltipPos = [
+				positions[0] + radiusX * 0.7,
+				positions[1] + radiusY * 0.7
+			];
+			
+			point.half = angle < -mathPI / 2 || angle > mathPI / 2 ? 1 : 0;
+			point.angle = angle;
+
+			// set the anchor point for data labels
+			connectorOffset = mathMin(connectorOffset, labelDistance / 2); // #1678
+			point.labelPos = [
+				positions[0] + radiusX + mathCos(angle) * labelDistance, // first break of connector
+				positions[1] + radiusY + mathSin(angle) * labelDistance, // a/a
+				positions[0] + radiusX + mathCos(angle) * connectorOffset, // second break, right outside pie
+				positions[1] + radiusY + mathSin(angle) * connectorOffset, // a/a
+				positions[0] + radiusX, // landing point for connector
+				positions[1] + radiusY, // a/a
+				labelDistance < 0 ? // alignment
+					'center' :
+					point.half ? 'right' : 'left', // alignment
+				angle // center angle
+			];
+
+		}
+	},
+
+	setTooltipPoints: noop,
+	drawGraph: null,
+
+	/**
+	 * Draw the data points
+	 */
+	drawPoints: function () {
+		var series = this,
+			chart = series.chart,
+			renderer = chart.renderer,
+			groupTranslation,
+			//center,
+			graphic,
+			//group,
+			shadow = series.options.shadow,
+			shadowGroup,
+			shapeArgs;
+
+		if (shadow && !series.shadowGroup) {
+			series.shadowGroup = renderer.g('shadow')
+				.add(series.group);
+		}
+
+		// draw the slices
+		each(series.points, function (point) {
+			graphic = point.graphic;
+			shapeArgs = point.shapeArgs;
+			shadowGroup = point.shadowGroup;
+
+			// put the shadow behind all points
+			if (shadow && !shadowGroup) {
+				shadowGroup = point.shadowGroup = renderer.g('shadow')
+					.add(series.shadowGroup);
+			}
+
+			// if the point is sliced, use special translation, else use plot area traslation
+			groupTranslation = point.sliced ? point.slicedTranslation : {
+				translateX: 0,
+				translateY: 0
+			};
+
+			//group.translate(groupTranslation[0], groupTranslation[1]);
+			if (shadowGroup) {
+				shadowGroup.attr(groupTranslation);
+			}
+
+			// draw the slice
+			if (graphic) {
+				graphic.animate(extend(shapeArgs, groupTranslation));
+			} else {
+				point.graphic = graphic = renderer.arc(shapeArgs)
+					.setRadialReference(series.center)
+					.attr(
+						point.pointAttr[point.selected ? SELECT_STATE : NORMAL_STATE]
+					)
+					.attr({ 'stroke-linejoin': 'round' })
+					.attr(groupTranslation)
+					.add(series.group)
+					.shadow(shadow, shadowGroup);	
+			}
+
+			// detect point specific visibility
+			if (point.visible === false) {
+				point.setVisible(false);
+			}
+
+		});
+
+	},
+
+	/**
+	 * Utility for sorting data labels
+	 */
+	sortByAngle: function (points, sign) {
+		points.sort(function (a, b) {
+			return a.angle !== undefined && (b.angle - a.angle) * sign;
+		});
+	},
+
+	/**
+	 * Override the base drawDataLabels method by pie specific functionality
+	 */
+	drawDataLabels: function () {
+		var series = this,
+			data = series.data,
+			point,
+			chart = series.chart,
+			options = series.options.dataLabels,
+			connectorPadding = pick(options.connectorPadding, 10),
+			connectorWidth = pick(options.connectorWidth, 1),
+			plotWidth = chart.plotWidth,
+			plotHeight = chart.plotHeight,
+			connector,
+			connectorPath,
+			softConnector = pick(options.softConnector, true),
+			distanceOption = options.distance,
+			seriesCenter = series.center,
+			radius = seriesCenter[2] / 2,
+			centerY = seriesCenter[1],
+			outside = distanceOption > 0,
+			dataLabel,
+			dataLabelWidth,
+			labelPos,
+			labelHeight,
+			halves = [// divide the points into right and left halves for anti collision
+				[], // right
+				[]  // left
+			],
+			x,
+			y,
+			visibility,
+			rankArr,
+			i,
+			j,
+			overflow = [0, 0, 0, 0], // top, right, bottom, left
+			sort = function (a, b) {
+				return b.y - a.y;
+			};
+
+		// get out if not enabled
+		if (!series.visible || (!options.enabled && !series._hasPointLabels)) {
+			return;
+		}
+
+		// run parent method
+		Series.prototype.drawDataLabels.apply(series);
+
+		// arrange points for detection collision
+		each(data, function (point) {
+			if (point.dataLabel) { // it may have been cancelled in the base method (#407)
+				halves[point.half].push(point);
+			}
+		});
+
+		// assume equal label heights
+		i = 0;
+		while (!labelHeight && data[i]) { // #1569
+			labelHeight = data[i] && data[i].dataLabel && (data[i].dataLabel.getBBox().height || 21); // 21 is for #968
+			i++;
+		}
+
+		/* Loop over the points in each half, starting from the top and bottom
+		 * of the pie to detect overlapping labels.
+		 */
+		i = 2;
+		while (i--) {
+
+			var slots = [],
+				slotsLength,
+				usedSlots = [],
+				points = halves[i],
+				pos,
+				length = points.length,
+				slotIndex;
+				
+			// Sort by angle
+			series.sortByAngle(points, i - 0.5);
+
+			// Only do anti-collision when we are outside the pie and have connectors (#856)
+			if (distanceOption > 0) {
+				
+				// build the slots
+				for (pos = centerY - radius - distanceOption; pos <= centerY + radius + distanceOption; pos += labelHeight) {
+					slots.push(pos);
+					
+					// visualize the slot
+					/*
+					var slotX = series.getX(pos, i) + chart.plotLeft - (i ? 100 : 0),
+						slotY = pos + chart.plotTop;
+					if (!isNaN(slotX)) {
+						chart.renderer.rect(slotX, slotY - 7, 100, labelHeight, 1)
+							.attr({
+								'stroke-width': 1,
+								stroke: 'silver'
+							})
+							.add();
+						chart.renderer.text('Slot '+ (slots.length - 1), slotX, slotY + 4)
+							.attr({
+								fill: 'silver'
+							}).add();
+					}
+					*/
+				}
+				slotsLength = slots.length;
+	
+				// if there are more values than available slots, remove lowest values
+				if (length > slotsLength) {
+					// create an array for sorting and ranking the points within each quarter
+					rankArr = [].concat(points);
+					rankArr.sort(sort);
+					j = length;
+					while (j--) {
+						rankArr[j].rank = j;
+					}
+					j = length;
+					while (j--) {
+						if (points[j].rank >= slotsLength) {
+							points.splice(j, 1);
+						}
+					}
+					length = points.length;
+				}
+	
+				// The label goes to the nearest open slot, but not closer to the edge than
+				// the label's index.
+				for (j = 0; j < length; j++) {
+	
+					point = points[j];
+					labelPos = point.labelPos;
+	
+					var closest = 9999,
+						distance,
+						slotI;
+	
+					// find the closest slot index
+					for (slotI = 0; slotI < slotsLength; slotI++) {
+						distance = mathAbs(slots[slotI] - labelPos[1]);
+						if (distance < closest) {
+							closest = distance;
+							slotIndex = slotI;
+						}
+					}
+	
+					// if that slot index is closer to the edges of the slots, move it
+					// to the closest appropriate slot
+					if (slotIndex < j && slots[j] !== null) { // cluster at the top
+						slotIndex = j;
+					} else if (slotsLength  < length - j + slotIndex && slots[j] !== null) { // cluster at the bottom
+						slotIndex = slotsLength - length + j;
+						while (slots[slotIndex] === null) { // make sure it is not taken
+							slotIndex++;
+						}
+					} else {
+						// Slot is taken, find next free slot below. In the next run, the next slice will find the
+						// slot above these, because it is the closest one
+						while (slots[slotIndex] === null) { // make sure it is not taken
+							slotIndex++;
+						}
+					}
+	
+					usedSlots.push({ i: slotIndex, y: slots[slotIndex] });
+					slots[slotIndex] = null; // mark as taken
+				}
+				// sort them in order to fill in from the top
+				usedSlots.sort(sort);
+			}
+
+			// now the used slots are sorted, fill them up sequentially
+			for (j = 0; j < length; j++) {
+				
+				var slot, naturalY;
+
+				point = points[j];
+				labelPos = point.labelPos;
+				dataLabel = point.dataLabel;
+				visibility = point.visible === false ? HIDDEN : VISIBLE;
+				naturalY = labelPos[1];
+				
+				if (distanceOption > 0) {
+					slot = usedSlots.pop();
+					slotIndex = slot.i;
+
+					// if the slot next to currrent slot is free, the y value is allowed
+					// to fall back to the natural position
+					y = slot.y;
+					if ((naturalY > y && slots[slotIndex + 1] !== null) ||
+							(naturalY < y &&  slots[slotIndex - 1] !== null)) {
+						y = naturalY;
+					}
+					
+				} else {
+					y = naturalY;
+				}
+
+				// get the x - use the natural x position for first and last slot, to prevent the top
+				// and botton slice connectors from touching each other on either side
+				x = options.justify ? 
+					seriesCenter[0] + (i ? -1 : 1) * (radius + distanceOption) :
+					series.getX(slotIndex === 0 || slotIndex === slots.length - 1 ? naturalY : y, i);
+				
+			
+				// Record the placement and visibility
+				dataLabel._attr = {
+					visibility: visibility,
+					align: labelPos[6]
+				};
+				dataLabel._pos = {
+					x: x + options.x +
+						({ left: connectorPadding, right: -connectorPadding }[labelPos[6]] || 0),
+					y: y + options.y - 10 // 10 is for the baseline (label vs text)
+				};
+				dataLabel.connX = x;
+				dataLabel.connY = y;
+				
+						
+				// Detect overflowing data labels
+				if (this.options.size === null) {
+					dataLabelWidth = dataLabel.width;
+					// Overflow left
+					if (x - dataLabelWidth < connectorPadding) {
+						overflow[3] = mathMax(mathRound(dataLabelWidth - x + connectorPadding), overflow[3]);
+						
+					// Overflow right
+					} else if (x + dataLabelWidth > plotWidth - connectorPadding) {
+						overflow[1] = mathMax(mathRound(x + dataLabelWidth - plotWidth + connectorPadding), overflow[1]);
+					}
+					
+					// Overflow top
+					if (y - labelHeight / 2 < 0) {
+						overflow[0] = mathMax(mathRound(-y + labelHeight / 2), overflow[0]);
+						
+					// Overflow left
+					} else if (y + labelHeight / 2 > plotHeight) {
+						overflow[2] = mathMax(mathRound(y + labelHeight / 2 - plotHeight), overflow[2]);
+					}
+				}
+			} // for each point
+		} // for each half
+		
+		// Do not apply the final placement and draw the connectors until we have verified
+		// that labels are not spilling over. 
+		if (arrayMax(overflow) === 0 || this.verifyDataLabelOverflow(overflow)) {
+			
+			// Place the labels in the final position
+			this.placeDataLabels();
+			
+			// Draw the connectors
+			if (outside && connectorWidth) {
+				each(this.points, function (point) {
+					connector = point.connector;
+					labelPos = point.labelPos;
+					dataLabel = point.dataLabel;
+					
+					if (dataLabel && dataLabel._pos) {
+						visibility = dataLabel._attr.visibility;
+						x = dataLabel.connX;
+						y = dataLabel.connY;
+						connectorPath = softConnector ? [
+							M,
+							x + (labelPos[6] === 'left' ? 5 : -5), y, // end of the string at the label
+							'C',
+							x, y, // first break, next to the label
+							2 * labelPos[2] - labelPos[4], 2 * labelPos[3] - labelPos[5],
+							labelPos[2], labelPos[3], // second break
+							L,
+							labelPos[4], labelPos[5] // base
+						] : [
+							M,
+							x + (labelPos[6] === 'left' ? 5 : -5), y, // end of the string at the label
+							L,
+							labelPos[2], labelPos[3], // second break
+							L,
+							labelPos[4], labelPos[5] // base
+						];
+		
+						if (connector) {
+							connector.animate({ d: connectorPath });
+							connector.attr('visibility', visibility);
+		
+						} else {
+							point.connector = connector = series.chart.renderer.path(connectorPath).attr({
+								'stroke-width': connectorWidth,
+								stroke: options.connectorColor || point.color || '#606060',
+								visibility: visibility
+							})
+							.add(series.group);
+						}
+					} else if (connector) {
+						point.connector = connector.destroy();
+					}
+				});
+			}			
+		}
+	},
+	
+	/**
+	 * Verify whether the data labels are allowed to draw, or we should run more translation and data
+	 * label positioning to keep them inside the plot area. Returns true when data labels are ready 
+	 * to draw.
+	 */
+	verifyDataLabelOverflow: function (overflow) {
+		
+		var center = this.center,
+			options = this.options,
+			centerOption = options.center,
+			minSize = options.minSize || 80,
+			newSize = minSize,
+			ret;
+			
+		// Handle horizontal size and center
+		if (centerOption[0] !== null) { // Fixed center
+			newSize = mathMax(center[2] - mathMax(overflow[1], overflow[3]), minSize);
+			
+		} else { // Auto center
+			newSize = mathMax(
+				center[2] - overflow[1] - overflow[3], // horizontal overflow					
+				minSize
+			);
+			center[0] += (overflow[3] - overflow[1]) / 2; // horizontal center
+		}
+		
+		// Handle vertical size and center
+		if (centerOption[1] !== null) { // Fixed center
+			newSize = mathMax(mathMin(newSize, center[2] - mathMax(overflow[0], overflow[2])), minSize);
+			
+		} else { // Auto center
+			newSize = mathMax(
+				mathMin(
+					newSize,		
+					center[2] - overflow[0] - overflow[2] // vertical overflow
+				),
+				minSize
+			);
+			center[1] += (overflow[0] - overflow[2]) / 2; // vertical center
+		}
+		
+		// If the size must be decreased, we need to run translate and drawDataLabels again
+		if (newSize < center[2]) {
+			center[2] = newSize;
+			this.translate(center);
+			each(this.points, function (point) {
+				if (point.dataLabel) {
+					point.dataLabel._pos = null; // reset
+				}
+			});
+			this.drawDataLabels();
+			
+		// Else, return true to indicate that the pie and its labels is within the plot area
+		} else {
+			ret = true;
+		}
+		return ret;
+	},
+	
+	/**
+	 * Perform the final placement of the data labels after we have verified that they
+	 * fall within the plot area.
+	 */
+	placeDataLabels: function () {
+		each(this.points, function (point) {
+			var dataLabel = point.dataLabel,
+				_pos;
+			
+			if (dataLabel) {
+				_pos = dataLabel._pos;
+				if (_pos) {
+					dataLabel.attr(dataLabel._attr);			
+					dataLabel[dataLabel.moved ? 'animate' : 'attr'](_pos);
+					dataLabel.moved = true;
+				} else if (dataLabel) {
+					dataLabel.attr({ y: -999 });
+				}
+			}
+		});
+	},
+	
+	alignDataLabel: noop,
+
+	/**
+	 * Draw point specific tracker objects. Inherit directly from column series.
+	 */
+	drawTracker: ColumnSeries.prototype.drawTracker,
+
+	/**
+	 * Use a simple symbol from column prototype
+	 */
+	drawLegendSymbol: AreaSeries.prototype.drawLegendSymbol,
+
+	/**
+	 * Pies don't have point marker symbols
+	 */
+	getSymbol: noop
+
+};
+PieSeries = extendClass(Series, PieSeries);
+seriesTypes.pie = PieSeries;
+
+
+// global variables
+extend(Highcharts, {
+	
+	// Constructors
+	Axis: Axis,
+	Chart: Chart,
+	Color: Color,
+	Legend: Legend,
+	Pointer: Pointer,
+	Point: Point,
+	Tick: Tick,
+	Tooltip: Tooltip,
+	Renderer: Renderer,
+	Series: Series,
+	SVGElement: SVGElement,
+	SVGRenderer: SVGRenderer,
+	
+	// Various
+	arrayMin: arrayMin,
+	arrayMax: arrayMax,
+	charts: charts,
+	dateFormat: dateFormat,
+	format: format,
+	pathAnim: pathAnim,
+	getOptions: getOptions,
+	hasBidiBug: hasBidiBug,
+	isTouchDevice: isTouchDevice,
+	numberFormat: numberFormat,
+	seriesTypes: seriesTypes,
+	setOptions: setOptions,
+	addEvent: addEvent,
+	removeEvent: removeEvent,
+	createElement: createElement,
+	discardElement: discardElement,
+	css: css,
+	each: each,
+	extend: extend,
+	map: map,
+	merge: merge,
+	pick: pick,
+	splat: splat,
+	extendClass: extendClass,
+	pInt: pInt,
+	wrap: wrap,
+	svg: hasSVG,
+	canvas: useCanVG,
+	vml: !hasSVG && !useCanVG,
+	product: PRODUCT,
+	version: VERSION
+});
+}());
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/annotations.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/annotations.js
new file mode 100644
index 000000000..53958c146
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/annotations.js
@@ -0,0 +1,7 @@
+(function(i,C){function m(a){return typeof a==="number"}function n(a){return a!==D&&a!==null}var D,p,r,s=i.Chart,t=i.extend,z=i.each;r=["path","rect","circle"];p={top:0,left:0,center:0.5,middle:0.5,bottom:1,right:1};var u=C.inArray,A=i.merge,B=function(){this.init.apply(this,arguments)};B.prototype={init:function(a,d){var c=d.shape&&d.shape.type;this.chart=a;var b,f;f={xAxis:0,yAxis:0,title:{style:{},text:"",x:0,y:0},shape:{params:{stroke:"#000000",fill:"transparent",strokeWidth:2}}};b={circle:{params:{x:0,
+y:0}}};if(b[c])f.shape=A(f.shape,b[c]);this.options=A({},f,d)},render:function(a){var d=this.chart,c=this.chart.renderer,b=this.group,f=this.title,e=this.shape,h=this.options,i=h.title,l=h.shape;if(!b)b=this.group=c.g();if(!e&&l&&u(l.type,r)!==-1)e=this.shape=c[h.shape.type](l.params),e.add(b);if(!f&&i)f=this.title=c.label(i),f.add(b);b.add(d.annotations.group);this.linkObjects();a!==!1&&this.redraw()},redraw:function(){var a=this.options,d=this.chart,c=this.group,b=this.title,f=this.shape,e=this.linkedObject,
+h=d.xAxis[a.xAxis],v=d.yAxis[a.yAxis],l=a.width,w=a.height,x=p[a.anchorY],y=p[a.anchorX],j,o,g,q;if(e)j=e instanceof i.Point?"point":e instanceof i.Series?"series":null,j==="point"?(a.xValue=e.x,a.yValue=e.y,o=e.series):j==="series"&&(o=e),c.visibility!==o.group.visibility&&c.attr({visibility:o.group.visibility});e=n(a.xValue)?h.toPixels(a.xValue+h.minPointOffset)-h.minPixelPadding:a.x;j=n(a.yValue)?v.toPixels(a.yValue):a.y;if(!isNaN(e)&&!isNaN(j)&&m(e)&&m(j)){b&&(b.attr(a.title),b.css(a.title.style));
+if(f){b=t({},a.shape.params);if(a.units==="values"){for(g in b)u(g,["width","x"])>-1?b[g]=h.translate(b[g]):u(g,["height","y"])>-1&&(b[g]=v.translate(b[g]));b.width&&(b.width-=h.toPixels(0)-h.left);b.x&&(b.x+=h.minPixelPadding);if(a.shape.type==="path"){g=b.d;o=e;for(var r=j,s=g.length,k=0;k<s;)typeof g[k]==="number"&&typeof g[k+1]==="number"?(g[k]=h.toPixels(g[k])-o,g[k+1]=v.toPixels(g[k+1])-r,k+=2):k+=1}}a.shape.type==="circle"&&(b.x+=b.r,b.y+=b.r);f.attr(b)}c.bBox=null;if(!m(l))q=c.getBBox(),l=
+q.width;if(!m(w))q||(q=c.getBBox()),w=q.height;if(!m(y))y=p.center;if(!m(x))x=p.center;e-=l*y;j-=w*x;d.animation&&n(c.translateX)&&n(c.translateY)?c.animate({translateX:e,translateY:j}):c.translate(e,j)}},destroy:function(){var a=this,d=this.chart.annotations.allItems,c=d.indexOf(a);c>-1&&d.splice(c,1);z(["title","shape","group"],function(b){a[b]&&(a[b].destroy(),a[b]=null)});a.group=a.title=a.shape=a.chart=a.options=null},update:function(a,d){t(this.options,a);this.linkObjects();this.render(d)},
+linkObjects:function(){var a=this.chart,d=this.linkedObject,c=d&&(d.id||d.options.id),b=this.options.linkedTo;if(n(b)){if(!n(d)||b!==c)this.linkedObject=a.get(b)}else this.linkedObject=null}};t(s.prototype,{annotations:{add:function(a,d){var c=this.allItems,b=this.chart,f,e;Object.prototype.toString.call(a)==="[object Array]"||(a=[a]);for(e=a.length;e--;)f=new B(b,a[e]),c.push(f),f.render(d)},redraw:function(){z(this.allItems,function(a){a.redraw()})}}});s.prototype.callbacks.push(function(a){var d=
+a.options.annotations,c;c=a.renderer.g("annotations");c.attr({zIndex:7});c.add();a.annotations.allItems=[];a.annotations.chart=a;a.annotations.group=c;Object.prototype.toString.call(d)==="[object Array]"&&d.length>0&&a.annotations.add(a.options.annotations);i.addEvent(a,"redraw",function(){a.annotations.redraw()})})})(Highcharts,HighchartsAdapter);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/annotations.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/annotations.src.js
new file mode 100644
index 000000000..40ce8df36
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/annotations.src.js
@@ -0,0 +1,401 @@
+(function (Highcharts, HighchartsAdapter) {
+
+var UNDEFINED,
+	ALIGN_FACTOR,
+	ALLOWED_SHAPES,
+	Chart = Highcharts.Chart,
+	extend = Highcharts.extend,
+	each = Highcharts.each;
+
+ALLOWED_SHAPES = ["path", "rect", "circle"];
+
+ALIGN_FACTOR = {
+	top: 0,
+	left: 0,
+	center: 0.5,
+	middle: 0.5,
+	bottom: 1,
+	right: 1
+};
+
+
+// Highcharts helper methods
+var inArray = HighchartsAdapter.inArray,
+	merge = Highcharts.merge;
+
+function defaultOptions(shapeType) {
+	var shapeOptions,
+		options;
+
+	options = {
+		xAxis: 0,
+		yAxis: 0,
+		title: {
+			style: {},
+			text: "",
+			x: 0,
+			y: 0
+		},
+		shape: {
+			params: {
+				stroke: "#000000",
+				fill: "transparent",
+				strokeWidth: 2
+			}
+		}
+	};
+
+	shapeOptions = {
+		circle: {
+			params: {
+				x: 0,
+				y: 0
+			}
+		}
+	};
+
+	if (shapeOptions[shapeType]) {
+		options.shape = merge(options.shape, shapeOptions[shapeType]);
+	}
+
+	return options;
+}
+
+function isArray(obj) {
+	return Object.prototype.toString.call(obj) === '[object Array]';
+}
+
+function isNumber(n) {
+	return typeof n === 'number';
+}
+
+function defined(obj) {
+	return obj !== UNDEFINED && obj !== null;
+}
+
+function translatePath(d, xAxis, yAxis, xOffset, yOffset) {
+	var len = d.length,
+		i = 0;
+
+	while (i < len) {
+		if (typeof d[i] === 'number' && typeof d[i + 1] === 'number') {
+			d[i] = xAxis.toPixels(d[i]) - xOffset;
+			d[i + 1] = yAxis.toPixels(d[i + 1]) - yOffset;
+			i += 2;
+		} else {
+			i += 1;
+		}
+	}
+
+	return d;
+}
+
+
+// Define annotation prototype
+var Annotation = function () {
+	this.init.apply(this, arguments);
+};
+Annotation.prototype = {
+	/* 
+	 * Initialize the annotation
+	 */
+	init: function (chart, options) {
+		var shapeType = options.shape && options.shape.type;
+
+		this.chart = chart;
+		this.options = merge({}, defaultOptions(shapeType), options);
+	},
+
+	/*
+	 * Render the annotation
+	 */
+	render: function (redraw) {
+		var annotation = this,
+			chart = this.chart,
+			renderer = annotation.chart.renderer,
+			group = annotation.group,
+			title = annotation.title,
+			shape = annotation.shape,
+			options = annotation.options,
+			titleOptions = options.title,
+			shapeOptions = options.shape;
+
+		if (!group) {
+			group = annotation.group = renderer.g();
+		}
+
+
+		if (!shape && shapeOptions && inArray(shapeOptions.type, ALLOWED_SHAPES) !== -1) {
+			shape = annotation.shape = renderer[options.shape.type](shapeOptions.params);
+			shape.add(group);
+		}
+
+		if (!title && titleOptions) {
+			title = annotation.title = renderer.label(titleOptions);
+			title.add(group);
+		}
+
+		group.add(chart.annotations.group);
+
+		// link annotations to point or series
+		annotation.linkObjects();
+
+		if (redraw !== false) {
+			annotation.redraw();
+		}
+	},
+
+	/*
+	 * Redraw the annotation title or shape after options update
+	 */
+	redraw: function () {
+		var options = this.options,
+			chart = this.chart,
+			group = this.group,
+			title = this.title,
+			shape = this.shape,
+			linkedTo = this.linkedObject,
+			xAxis = chart.xAxis[options.xAxis],
+			yAxis = chart.yAxis[options.yAxis],
+			width = options.width,
+			height = options.height,
+			anchorY = ALIGN_FACTOR[options.anchorY],
+			anchorX = ALIGN_FACTOR[options.anchorX],
+			resetBBox = false,
+			shapeParams,
+			linkType,
+			series,
+			param,
+			bbox,
+			x,
+			y;
+
+		if (linkedTo) {
+			linkType = (linkedTo instanceof Highcharts.Point) ? 'point' :
+						(linkedTo instanceof Highcharts.Series) ? 'series' : null;
+
+			if (linkType === 'point') {
+				options.xValue = linkedTo.x;
+				options.yValue = linkedTo.y;
+				series = linkedTo.series;
+			} else if (linkType === 'series') {
+				series = linkedTo;
+			}
+
+			if (group.visibility !== series.group.visibility) {
+				group.attr({
+					visibility: series.group.visibility
+				});
+			}
+		}
+
+
+		// Based on given options find annotation pixel position
+		x = (defined(options.xValue) ? xAxis.toPixels(options.xValue + xAxis.minPointOffset) - xAxis.minPixelPadding : options.x);
+		y = defined(options.yValue) ? yAxis.toPixels(options.yValue) : options.y;
+
+		if (isNaN(x) || isNaN(y) || !isNumber(x) || !isNumber(y)) {
+			return;
+		}
+
+
+		if (title) {
+			title.attr(options.title);
+			title.css(options.title.style);
+			resetBBox = true;
+		}
+
+		if (shape) {
+			shapeParams = extend({}, options.shape.params);
+
+			if (options.units === 'values') {
+				for (param in shapeParams) {
+					if (inArray(param, ['width', 'x']) > -1) {
+						shapeParams[param] = xAxis.translate(shapeParams[param]);
+					} else if (inArray(param, ['height', 'y']) > -1) {
+						shapeParams[param] = yAxis.translate(shapeParams[param]);
+					}
+				}
+
+				if (shapeParams.width) {
+					shapeParams.width -= xAxis.toPixels(0) - xAxis.left;
+				}
+
+				if (shapeParams.x) {
+					shapeParams.x += xAxis.minPixelPadding;
+				}
+
+				if (options.shape.type === 'path') {
+					translatePath(shapeParams.d, xAxis, yAxis, x, y);
+				}
+			}
+
+			// move the center of the circle to shape x/y
+			if (options.shape.type === 'circle') {
+				shapeParams.x += shapeParams.r;
+				shapeParams.y += shapeParams.r;
+			}
+
+			resetBBox = true;
+			shape.attr(shapeParams);
+		}
+
+		group.bBox = null;
+
+		// If annotation width or height is not defined in options use bounding box size
+		if (!isNumber(width)) {
+			bbox = group.getBBox();
+			width = bbox.width;
+		}
+
+		if (!isNumber(height)) {
+			// get bbox only if it wasn't set before
+			if (!bbox) {
+				bbox = group.getBBox();
+			}
+
+			height = bbox.height;
+		}
+
+		// Calculate anchor point
+		if (!isNumber(anchorX)) {
+			anchorX = ALIGN_FACTOR.center;
+		}
+
+		if (!isNumber(anchorY)) {
+			anchorY = ALIGN_FACTOR.center;
+		}
+
+		// Translate group according to its dimension and anchor point
+		x = x - width * anchorX;
+		y = y - height * anchorY;
+
+		if (chart.animation && defined(group.translateX) && defined(group.translateY)) {
+			group.animate({
+				translateX: x,
+				translateY: y
+			});
+		} else {
+			group.translate(x, y);
+		}
+	},
+
+	/*
+	 * Destroy the annotation
+	 */
+	destroy: function () {
+		var annotation = this,
+			chart = this.chart,
+			allItems = chart.annotations.allItems,
+			index = allItems.indexOf(annotation);
+
+		if (index > -1) {
+			allItems.splice(index, 1);
+		}
+
+		each(['title', 'shape', 'group'], function (element) {
+			if (annotation[element]) {
+				annotation[element].destroy();
+				annotation[element] = null;
+			}
+		});
+
+		annotation.group = annotation.title = annotation.shape = annotation.chart = annotation.options = null;
+	},
+
+	/*
+	 * Update the annotation with a given options
+	 */
+	update: function (options, redraw) {
+		extend(this.options, options);
+
+		// update link to point or series
+		this.linkObjects();
+
+		this.render(redraw);
+	},
+
+	linkObjects: function () {
+		var annotation = this,
+			chart = annotation.chart,
+			linkedTo = annotation.linkedObject,
+			linkedId = linkedTo && (linkedTo.id || linkedTo.options.id),
+			options = annotation.options,
+			id = options.linkedTo;
+
+		if (!defined(id)) {
+			annotation.linkedObject = null;
+		} else if (!defined(linkedTo) || id !== linkedId) {
+			annotation.linkedObject = chart.get(id);
+		}
+	}
+};
+
+
+// Add annotations methods to chart prototype
+extend(Chart.prototype, {
+	annotations: {
+		/*
+		 * Unified method for adding annotations to the chart
+		 */
+		add: function (options, redraw) {
+			var annotations = this.allItems,
+				chart = this.chart,
+				item,
+				len;
+
+			if (!isArray(options)) {
+				options = [options];
+			}
+
+			len = options.length;
+
+			while (len--) {
+				item = new Annotation(chart, options[len]);
+				annotations.push(item);
+				item.render(redraw);
+			}
+		},
+
+		/**
+		 * Redraw all annotations, method used in chart events
+		 */
+		redraw: function () {
+			each(this.allItems, function (annotation) {
+				annotation.redraw();
+			});
+		}
+	}
+});
+
+
+// Initialize on chart load
+Chart.prototype.callbacks.push(function (chart) {
+	var options = chart.options.annotations,
+		group;
+
+	group = chart.renderer.g("annotations");
+	group.attr({
+		zIndex: 7
+	});
+	group.add();
+
+	// initialize empty array for annotations
+	chart.annotations.allItems = [];
+
+	// link chart object to annotations
+	chart.annotations.chart = chart;
+
+	// link annotations group element to the chart
+	chart.annotations.group = group;
+
+	if (isArray(options) && options.length > 0) {
+		chart.annotations.add(chart.options.annotations);
+	}
+
+	// update annotations after chart redraw
+	Highcharts.addEvent(chart, 'redraw', function () {
+		chart.annotations.redraw();
+	});
+});
+}(Highcharts, HighchartsAdapter));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/canvas-tools.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/canvas-tools.js
new file mode 100644
index 000000000..0ddf77ac6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/canvas-tools.js
@@ -0,0 +1,133 @@
+/*
+ A class to parse color values
+ @author Stoyan Stefanov <sstoo@gmail.com>
+ @link   http://www.phpied.com/rgb-color-parser-in-javascript/
+ Use it if you like it
+
+ canvg.js - Javascript SVG parser and renderer on Canvas
+ MIT Licensed 
+ Gabe Lerner (gabelerner@gmail.com)
+ http://code.google.com/p/canvg/
+
+ Requires: rgbcolor.js - http://www.phpied.com/rgb-color-parser-in-javascript/
+
+ Highcharts JS v3.0.6 (2013-10-04)
+ CanVGRenderer Extension module
+
+ (c) 2011-2012 Torstein Hønsi, Erik Olsson
+
+ License: www.highcharts.com/license
+*/
+function RGBColor(m){this.ok=!1;m.charAt(0)=="#"&&(m=m.substr(1,6));var m=m.replace(/ /g,""),m=m.toLowerCase(),a={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",
+darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dodgerblue:"1e90ff",feldspar:"d19275",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",
+gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgrey:"d3d3d3",lightgreen:"90ee90",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",
+lightslateblue:"8470ff",lightslategray:"778899",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"00ff00",limegreen:"32cd32",linen:"faf0e6",magenta:"ff00ff",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370d8",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",
+oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"d87093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",red:"ff0000",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",
+slategray:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",violetred:"d02090",wheat:"f5deb3",white:"ffffff",whitesmoke:"f5f5f5",yellow:"ffff00",yellowgreen:"9acd32"},c;for(c in a)m==c&&(m=a[c]);var d=[{re:/^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,example:["rgb(123, 234, 45)","rgb(255,234,245)"],process:function(b){return[parseInt(b[1]),parseInt(b[2]),parseInt(b[3])]}},{re:/^(\w{2})(\w{2})(\w{2})$/,
+example:["#00ff00","336699"],process:function(b){return[parseInt(b[1],16),parseInt(b[2],16),parseInt(b[3],16)]}},{re:/^(\w{1})(\w{1})(\w{1})$/,example:["#fb0","f0f"],process:function(b){return[parseInt(b[1]+b[1],16),parseInt(b[2]+b[2],16),parseInt(b[3]+b[3],16)]}}];for(c=0;c<d.length;c++){var b=d[c].process,k=d[c].re.exec(m);if(k)channels=b(k),this.r=channels[0],this.g=channels[1],this.b=channels[2],this.ok=!0}this.r=this.r<0||isNaN(this.r)?0:this.r>255?255:this.r;this.g=this.g<0||isNaN(this.g)?0:
+this.g>255?255:this.g;this.b=this.b<0||isNaN(this.b)?0:this.b>255?255:this.b;this.toRGB=function(){return"rgb("+this.r+", "+this.g+", "+this.b+")"};this.toHex=function(){var b=this.r.toString(16),a=this.g.toString(16),d=this.b.toString(16);b.length==1&&(b="0"+b);a.length==1&&(a="0"+a);d.length==1&&(d="0"+d);return"#"+b+a+d};this.getHelpXML=function(){for(var b=[],k=0;k<d.length;k++)for(var c=d[k].example,j=0;j<c.length;j++)b[b.length]=c[j];for(var h in a)b[b.length]=h;c=document.createElement("ul");
+c.setAttribute("id","rgbcolor-examples");for(k=0;k<b.length;k++)try{var l=document.createElement("li"),o=new RGBColor(b[k]),n=document.createElement("div");n.style.cssText="margin: 3px; border: 1px solid black; background:"+o.toHex()+"; color:"+o.toHex();n.appendChild(document.createTextNode("test"));var q=document.createTextNode(" "+b[k]+" -> "+o.toRGB()+" -> "+o.toHex());l.appendChild(n);l.appendChild(q);c.appendChild(l)}catch(p){}return c}}
+if(!window.console)window.console={},window.console.log=function(){},window.console.dir=function(){};if(!Array.prototype.indexOf)Array.prototype.indexOf=function(m){for(var a=0;a<this.length;a++)if(this[a]==m)return a;return-1};
+(function(){function m(){var a={FRAMERATE:30,MAX_VIRTUAL_PIXELS:3E4};a.init=function(c){a.Definitions={};a.Styles={};a.Animations=[];a.Images=[];a.ctx=c;a.ViewPort=new function(){this.viewPorts=[];this.Clear=function(){this.viewPorts=[]};this.SetCurrent=function(a,b){this.viewPorts.push({width:a,height:b})};this.RemoveCurrent=function(){this.viewPorts.pop()};this.Current=function(){return this.viewPorts[this.viewPorts.length-1]};this.width=function(){return this.Current().width};this.height=function(){return this.Current().height};
+this.ComputeSize=function(a){return a!=null&&typeof a=="number"?a:a=="x"?this.width():a=="y"?this.height():Math.sqrt(Math.pow(this.width(),2)+Math.pow(this.height(),2))/Math.sqrt(2)}}};a.init();a.ImagesLoaded=function(){for(var c=0;c<a.Images.length;c++)if(!a.Images[c].loaded)return!1;return!0};a.trim=function(a){return a.replace(/^\s+|\s+$/g,"")};a.compressSpaces=function(a){return a.replace(/[\s\r\t\n]+/gm," ")};a.ajax=function(a){var d;return(d=window.XMLHttpRequest?new XMLHttpRequest:new ActiveXObject("Microsoft.XMLHTTP"))?
+(d.open("GET",a,!1),d.send(null),d.responseText):null};a.parseXml=function(a){if(window.DOMParser)return(new DOMParser).parseFromString(a,"text/xml");else{var a=a.replace(/<!DOCTYPE svg[^>]*>/,""),d=new ActiveXObject("Microsoft.XMLDOM");d.async="false";d.loadXML(a);return d}};a.Property=function(c,d){this.name=c;this.value=d;this.hasValue=function(){return this.value!=null&&this.value!==""};this.numValue=function(){if(!this.hasValue())return 0;var b=parseFloat(this.value);(this.value+"").match(/%$/)&&
+(b/=100);return b};this.valueOrDefault=function(b){return this.hasValue()?this.value:b};this.numValueOrDefault=function(b){return this.hasValue()?this.numValue():b};var b=this;this.Color={addOpacity:function(d){var c=b.value;if(d!=null&&d!=""){var f=new RGBColor(b.value);f.ok&&(c="rgba("+f.r+", "+f.g+", "+f.b+", "+d+")")}return new a.Property(b.name,c)}};this.Definition={getDefinition:function(){var d=b.value.replace(/^(url\()?#([^\)]+)\)?$/,"$2");return a.Definitions[d]},isUrl:function(){return b.value.indexOf("url(")==
+0},getFillStyle:function(b){var d=this.getDefinition();return d!=null&&d.createGradient?d.createGradient(a.ctx,b):d!=null&&d.createPattern?d.createPattern(a.ctx,b):null}};this.Length={DPI:function(){return 96},EM:function(b){var d=12,c=new a.Property("fontSize",a.Font.Parse(a.ctx.font).fontSize);c.hasValue()&&(d=c.Length.toPixels(b));return d},toPixels:function(d){if(!b.hasValue())return 0;var c=b.value+"";return c.match(/em$/)?b.numValue()*this.EM(d):c.match(/ex$/)?b.numValue()*this.EM(d)/2:c.match(/px$/)?
+b.numValue():c.match(/pt$/)?b.numValue()*1.25:c.match(/pc$/)?b.numValue()*15:c.match(/cm$/)?b.numValue()*this.DPI(d)/2.54:c.match(/mm$/)?b.numValue()*this.DPI(d)/25.4:c.match(/in$/)?b.numValue()*this.DPI(d):c.match(/%$/)?b.numValue()*a.ViewPort.ComputeSize(d):b.numValue()}};this.Time={toMilliseconds:function(){if(!b.hasValue())return 0;var a=b.value+"";if(a.match(/s$/))return b.numValue()*1E3;a.match(/ms$/);return b.numValue()}};this.Angle={toRadians:function(){if(!b.hasValue())return 0;var a=b.value+
+"";return a.match(/deg$/)?b.numValue()*(Math.PI/180):a.match(/grad$/)?b.numValue()*(Math.PI/200):a.match(/rad$/)?b.numValue():b.numValue()*(Math.PI/180)}}};a.Font=new function(){this.Styles=["normal","italic","oblique","inherit"];this.Variants=["normal","small-caps","inherit"];this.Weights="normal,bold,bolder,lighter,100,200,300,400,500,600,700,800,900,inherit".split(",");this.CreateFont=function(d,b,c,e,f,g){g=g!=null?this.Parse(g):this.CreateFont("","","","","",a.ctx.font);return{fontFamily:f||
+g.fontFamily,fontSize:e||g.fontSize,fontStyle:d||g.fontStyle,fontWeight:c||g.fontWeight,fontVariant:b||g.fontVariant,toString:function(){return[this.fontStyle,this.fontVariant,this.fontWeight,this.fontSize,this.fontFamily].join(" ")}}};var c=this;this.Parse=function(d){for(var b={},d=a.trim(a.compressSpaces(d||"")).split(" "),k=!1,e=!1,f=!1,g=!1,j="",h=0;h<d.length;h++)if(!e&&c.Styles.indexOf(d[h])!=-1){if(d[h]!="inherit")b.fontStyle=d[h];e=!0}else if(!g&&c.Variants.indexOf(d[h])!=-1){if(d[h]!="inherit")b.fontVariant=
+d[h];e=g=!0}else if(!f&&c.Weights.indexOf(d[h])!=-1){if(d[h]!="inherit")b.fontWeight=d[h];e=g=f=!0}else if(k)d[h]!="inherit"&&(j+=d[h]);else{if(d[h]!="inherit")b.fontSize=d[h].split("/")[0];e=g=f=k=!0}if(j!="")b.fontFamily=j;return b}};a.ToNumberArray=function(c){for(var c=a.trim(a.compressSpaces((c||"").replace(/,/g," "))).split(" "),d=0;d<c.length;d++)c[d]=parseFloat(c[d]);return c};a.Point=function(a,d){this.x=a;this.y=d;this.angleTo=function(b){return Math.atan2(b.y-this.y,b.x-this.x)};this.applyTransform=
+function(b){var a=this.x*b[1]+this.y*b[3]+b[5];this.x=this.x*b[0]+this.y*b[2]+b[4];this.y=a}};a.CreatePoint=function(c){c=a.ToNumberArray(c);return new a.Point(c[0],c[1])};a.CreatePath=function(c){for(var c=a.ToNumberArray(c),d=[],b=0;b<c.length;b+=2)d.push(new a.Point(c[b],c[b+1]));return d};a.BoundingBox=function(a,d,b,k){this.y2=this.x2=this.y1=this.x1=Number.NaN;this.x=function(){return this.x1};this.y=function(){return this.y1};this.width=function(){return this.x2-this.x1};this.height=function(){return this.y2-
+this.y1};this.addPoint=function(b,a){if(b!=null){if(isNaN(this.x1)||isNaN(this.x2))this.x2=this.x1=b;if(b<this.x1)this.x1=b;if(b>this.x2)this.x2=b}if(a!=null){if(isNaN(this.y1)||isNaN(this.y2))this.y2=this.y1=a;if(a<this.y1)this.y1=a;if(a>this.y2)this.y2=a}};this.addX=function(b){this.addPoint(b,null)};this.addY=function(b){this.addPoint(null,b)};this.addBoundingBox=function(b){this.addPoint(b.x1,b.y1);this.addPoint(b.x2,b.y2)};this.addQuadraticCurve=function(b,a,d,c,k,l){d=b+2/3*(d-b);c=a+2/3*(c-
+a);this.addBezierCurve(b,a,d,d+1/3*(k-b),c,c+1/3*(l-a),k,l)};this.addBezierCurve=function(b,a,d,c,k,l,o,n){var q=[b,a],p=[d,c],t=[k,l],m=[o,n];this.addPoint(q[0],q[1]);this.addPoint(m[0],m[1]);for(i=0;i<=1;i++)b=function(b){return Math.pow(1-b,3)*q[i]+3*Math.pow(1-b,2)*b*p[i]+3*(1-b)*Math.pow(b,2)*t[i]+Math.pow(b,3)*m[i]},a=6*q[i]-12*p[i]+6*t[i],d=-3*q[i]+9*p[i]-9*t[i]+3*m[i],c=3*p[i]-3*q[i],d==0?a!=0&&(a=-c/a,0<a&&a<1&&(i==0&&this.addX(b(a)),i==1&&this.addY(b(a)))):(c=Math.pow(a,2)-4*c*d,c<0||(k=
+(-a+Math.sqrt(c))/(2*d),0<k&&k<1&&(i==0&&this.addX(b(k)),i==1&&this.addY(b(k))),a=(-a-Math.sqrt(c))/(2*d),0<a&&a<1&&(i==0&&this.addX(b(a)),i==1&&this.addY(b(a)))))};this.isPointInBox=function(b,a){return this.x1<=b&&b<=this.x2&&this.y1<=a&&a<=this.y2};this.addPoint(a,d);this.addPoint(b,k)};a.Transform=function(c){var d=this;this.Type={};this.Type.translate=function(b){this.p=a.CreatePoint(b);this.apply=function(b){b.translate(this.p.x||0,this.p.y||0)};this.applyToPoint=function(b){b.applyTransform([1,
+0,0,1,this.p.x||0,this.p.y||0])}};this.Type.rotate=function(b){b=a.ToNumberArray(b);this.angle=new a.Property("angle",b[0]);this.cx=b[1]||0;this.cy=b[2]||0;this.apply=function(b){b.translate(this.cx,this.cy);b.rotate(this.angle.Angle.toRadians());b.translate(-this.cx,-this.cy)};this.applyToPoint=function(b){var a=this.angle.Angle.toRadians();b.applyTransform([1,0,0,1,this.p.x||0,this.p.y||0]);b.applyTransform([Math.cos(a),Math.sin(a),-Math.sin(a),Math.cos(a),0,0]);b.applyTransform([1,0,0,1,-this.p.x||
+0,-this.p.y||0])}};this.Type.scale=function(b){this.p=a.CreatePoint(b);this.apply=function(b){b.scale(this.p.x||1,this.p.y||this.p.x||1)};this.applyToPoint=function(b){b.applyTransform([this.p.x||0,0,0,this.p.y||0,0,0])}};this.Type.matrix=function(b){this.m=a.ToNumberArray(b);this.apply=function(b){b.transform(this.m[0],this.m[1],this.m[2],this.m[3],this.m[4],this.m[5])};this.applyToPoint=function(b){b.applyTransform(this.m)}};this.Type.SkewBase=function(b){this.base=d.Type.matrix;this.base(b);this.angle=
+new a.Property("angle",b)};this.Type.SkewBase.prototype=new this.Type.matrix;this.Type.skewX=function(b){this.base=d.Type.SkewBase;this.base(b);this.m=[1,0,Math.tan(this.angle.Angle.toRadians()),1,0,0]};this.Type.skewX.prototype=new this.Type.SkewBase;this.Type.skewY=function(b){this.base=d.Type.SkewBase;this.base(b);this.m=[1,Math.tan(this.angle.Angle.toRadians()),0,1,0,0]};this.Type.skewY.prototype=new this.Type.SkewBase;this.transforms=[];this.apply=function(b){for(var a=0;a<this.transforms.length;a++)this.transforms[a].apply(b)};
+this.applyToPoint=function(b){for(var a=0;a<this.transforms.length;a++)this.transforms[a].applyToPoint(b)};for(var c=a.trim(a.compressSpaces(c)).split(/\s(?=[a-z])/),b=0;b<c.length;b++){var k=c[b].split("(")[0],e=c[b].split("(")[1].replace(")","");this.transforms.push(new this.Type[k](e))}};a.AspectRatio=function(c,d,b,k,e,f,g,j,h,l){var d=a.compressSpaces(d),d=d.replace(/^defer\s/,""),o=d.split(" ")[0]||"xMidYMid",d=d.split(" ")[1]||"meet",n=b/k,q=e/f,p=Math.min(n,q),m=Math.max(n,q);d=="meet"&&(k*=
+p,f*=p);d=="slice"&&(k*=m,f*=m);h=new a.Property("refX",h);l=new a.Property("refY",l);h.hasValue()&&l.hasValue()?c.translate(-p*h.Length.toPixels("x"),-p*l.Length.toPixels("y")):(o.match(/^xMid/)&&(d=="meet"&&p==q||d=="slice"&&m==q)&&c.translate(b/2-k/2,0),o.match(/YMid$/)&&(d=="meet"&&p==n||d=="slice"&&m==n)&&c.translate(0,e/2-f/2),o.match(/^xMax/)&&(d=="meet"&&p==q||d=="slice"&&m==q)&&c.translate(b-k,0),o.match(/YMax$/)&&(d=="meet"&&p==n||d=="slice"&&m==n)&&c.translate(0,e-f));o=="none"?c.scale(n,
+q):d=="meet"?c.scale(p,p):d=="slice"&&c.scale(m,m);c.translate(g==null?0:-g,j==null?0:-j)};a.Element={};a.Element.ElementBase=function(c){this.attributes={};this.styles={};this.children=[];this.attribute=function(b,d){var c=this.attributes[b];if(c!=null)return c;c=new a.Property(b,"");d==!0&&(this.attributes[b]=c);return c};this.style=function(b,d){var c=this.styles[b];if(c!=null)return c;c=this.attribute(b);if(c!=null&&c.hasValue())return c;c=this.parent;if(c!=null&&(c=c.style(b),c!=null&&c.hasValue()))return c;
+c=new a.Property(b,"");d==!0&&(this.styles[b]=c);return c};this.render=function(b){if(this.style("display").value!="none"&&this.attribute("visibility").value!="hidden"){b.save();this.setContext(b);if(this.attribute("mask").hasValue()){var a=this.attribute("mask").Definition.getDefinition();a!=null&&a.apply(b,this)}else this.style("filter").hasValue()?(a=this.style("filter").Definition.getDefinition(),a!=null&&a.apply(b,this)):this.renderChildren(b);this.clearContext(b);b.restore()}};this.setContext=
+function(){};this.clearContext=function(){};this.renderChildren=function(b){for(var a=0;a<this.children.length;a++)this.children[a].render(b)};this.addChild=function(b,d){var c=b;d&&(c=a.CreateElement(b));c.parent=this;this.children.push(c)};if(c!=null&&c.nodeType==1){for(var d=0;d<c.childNodes.length;d++){var b=c.childNodes[d];b.nodeType==1&&this.addChild(b,!0)}for(d=0;d<c.attributes.length;d++)b=c.attributes[d],this.attributes[b.nodeName]=new a.Property(b.nodeName,b.nodeValue);b=a.Styles[c.nodeName];
+if(b!=null)for(var k in b)this.styles[k]=b[k];if(this.attribute("class").hasValue())for(var d=a.compressSpaces(this.attribute("class").value).split(" "),e=0;e<d.length;e++){b=a.Styles["."+d[e]];if(b!=null)for(k in b)this.styles[k]=b[k];b=a.Styles[c.nodeName+"."+d[e]];if(b!=null)for(k in b)this.styles[k]=b[k]}if(this.attribute("style").hasValue()){b=this.attribute("style").value.split(";");for(d=0;d<b.length;d++)a.trim(b[d])!=""&&(c=b[d].split(":"),k=a.trim(c[0]),c=a.trim(c[1]),this.styles[k]=new a.Property(k,
+c))}this.attribute("id").hasValue()&&a.Definitions[this.attribute("id").value]==null&&(a.Definitions[this.attribute("id").value]=this)}};a.Element.RenderedElementBase=function(c){this.base=a.Element.ElementBase;this.base(c);this.setContext=function(d){if(this.style("fill").Definition.isUrl()){var b=this.style("fill").Definition.getFillStyle(this);if(b!=null)d.fillStyle=b}else if(this.style("fill").hasValue())b=this.style("fill"),this.style("fill-opacity").hasValue()&&(b=b.Color.addOpacity(this.style("fill-opacity").value)),
+d.fillStyle=b.value=="none"?"rgba(0,0,0,0)":b.value;if(this.style("stroke").Definition.isUrl()){if(b=this.style("stroke").Definition.getFillStyle(this),b!=null)d.strokeStyle=b}else if(this.style("stroke").hasValue())b=this.style("stroke"),this.style("stroke-opacity").hasValue()&&(b=b.Color.addOpacity(this.style("stroke-opacity").value)),d.strokeStyle=b.value=="none"?"rgba(0,0,0,0)":b.value;if(this.style("stroke-width").hasValue())d.lineWidth=this.style("stroke-width").Length.toPixels();if(this.style("stroke-linecap").hasValue())d.lineCap=
+this.style("stroke-linecap").value;if(this.style("stroke-linejoin").hasValue())d.lineJoin=this.style("stroke-linejoin").value;if(this.style("stroke-miterlimit").hasValue())d.miterLimit=this.style("stroke-miterlimit").value;if(typeof d.font!="undefined")d.font=a.Font.CreateFont(this.style("font-style").value,this.style("font-variant").value,this.style("font-weight").value,this.style("font-size").hasValue()?this.style("font-size").Length.toPixels()+"px":"",this.style("font-family").value).toString();
+this.attribute("transform").hasValue()&&(new a.Transform(this.attribute("transform").value)).apply(d);this.attribute("clip-path").hasValue()&&(b=this.attribute("clip-path").Definition.getDefinition(),b!=null&&b.apply(d));if(this.style("opacity").hasValue())d.globalAlpha=this.style("opacity").numValue()}};a.Element.RenderedElementBase.prototype=new a.Element.ElementBase;a.Element.PathElementBase=function(c){this.base=a.Element.RenderedElementBase;this.base(c);this.path=function(d){d!=null&&d.beginPath();
+return new a.BoundingBox};this.renderChildren=function(d){this.path(d);a.Mouse.checkPath(this,d);d.fillStyle!=""&&d.fill();d.strokeStyle!=""&&d.stroke();var b=this.getMarkers();if(b!=null){if(this.style("marker-start").Definition.isUrl()){var c=this.style("marker-start").Definition.getDefinition();c.render(d,b[0][0],b[0][1])}if(this.style("marker-mid").Definition.isUrl())for(var c=this.style("marker-mid").Definition.getDefinition(),e=1;e<b.length-1;e++)c.render(d,b[e][0],b[e][1]);this.style("marker-end").Definition.isUrl()&&
+(c=this.style("marker-end").Definition.getDefinition(),c.render(d,b[b.length-1][0],b[b.length-1][1]))}};this.getBoundingBox=function(){return this.path()};this.getMarkers=function(){return null}};a.Element.PathElementBase.prototype=new a.Element.RenderedElementBase;a.Element.svg=function(c){this.base=a.Element.RenderedElementBase;this.base(c);this.baseClearContext=this.clearContext;this.clearContext=function(d){this.baseClearContext(d);a.ViewPort.RemoveCurrent()};this.baseSetContext=this.setContext;
+this.setContext=function(d){d.strokeStyle="rgba(0,0,0,0)";d.lineCap="butt";d.lineJoin="miter";d.miterLimit=4;this.baseSetContext(d);this.attribute("x").hasValue()&&this.attribute("y").hasValue()&&d.translate(this.attribute("x").Length.toPixels("x"),this.attribute("y").Length.toPixels("y"));var b=a.ViewPort.width(),c=a.ViewPort.height();if(typeof this.root=="undefined"&&this.attribute("width").hasValue()&&this.attribute("height").hasValue()){var b=this.attribute("width").Length.toPixels("x"),c=this.attribute("height").Length.toPixels("y"),
+e=0,f=0;this.attribute("refX").hasValue()&&this.attribute("refY").hasValue()&&(e=-this.attribute("refX").Length.toPixels("x"),f=-this.attribute("refY").Length.toPixels("y"));d.beginPath();d.moveTo(e,f);d.lineTo(b,f);d.lineTo(b,c);d.lineTo(e,c);d.closePath();d.clip()}a.ViewPort.SetCurrent(b,c);if(this.attribute("viewBox").hasValue()){var e=a.ToNumberArray(this.attribute("viewBox").value),f=e[0],g=e[1],b=e[2],c=e[3];a.AspectRatio(d,this.attribute("preserveAspectRatio").value,a.ViewPort.width(),b,a.ViewPort.height(),
+c,f,g,this.attribute("refX").value,this.attribute("refY").value);a.ViewPort.RemoveCurrent();a.ViewPort.SetCurrent(e[2],e[3])}}};a.Element.svg.prototype=new a.Element.RenderedElementBase;a.Element.rect=function(c){this.base=a.Element.PathElementBase;this.base(c);this.path=function(d){var b=this.attribute("x").Length.toPixels("x"),c=this.attribute("y").Length.toPixels("y"),e=this.attribute("width").Length.toPixels("x"),f=this.attribute("height").Length.toPixels("y"),g=this.attribute("rx").Length.toPixels("x"),
+j=this.attribute("ry").Length.toPixels("y");this.attribute("rx").hasValue()&&!this.attribute("ry").hasValue()&&(j=g);this.attribute("ry").hasValue()&&!this.attribute("rx").hasValue()&&(g=j);d!=null&&(d.beginPath(),d.moveTo(b+g,c),d.lineTo(b+e-g,c),d.quadraticCurveTo(b+e,c,b+e,c+j),d.lineTo(b+e,c+f-j),d.quadraticCurveTo(b+e,c+f,b+e-g,c+f),d.lineTo(b+g,c+f),d.quadraticCurveTo(b,c+f,b,c+f-j),d.lineTo(b,c+j),d.quadraticCurveTo(b,c,b+g,c),d.closePath());return new a.BoundingBox(b,c,b+e,c+f)}};a.Element.rect.prototype=
+new a.Element.PathElementBase;a.Element.circle=function(c){this.base=a.Element.PathElementBase;this.base(c);this.path=function(d){var b=this.attribute("cx").Length.toPixels("x"),c=this.attribute("cy").Length.toPixels("y"),e=this.attribute("r").Length.toPixels();d!=null&&(d.beginPath(),d.arc(b,c,e,0,Math.PI*2,!0),d.closePath());return new a.BoundingBox(b-e,c-e,b+e,c+e)}};a.Element.circle.prototype=new a.Element.PathElementBase;a.Element.ellipse=function(c){this.base=a.Element.PathElementBase;this.base(c);
+this.path=function(d){var b=4*((Math.sqrt(2)-1)/3),c=this.attribute("rx").Length.toPixels("x"),e=this.attribute("ry").Length.toPixels("y"),f=this.attribute("cx").Length.toPixels("x"),g=this.attribute("cy").Length.toPixels("y");d!=null&&(d.beginPath(),d.moveTo(f,g-e),d.bezierCurveTo(f+b*c,g-e,f+c,g-b*e,f+c,g),d.bezierCurveTo(f+c,g+b*e,f+b*c,g+e,f,g+e),d.bezierCurveTo(f-b*c,g+e,f-c,g+b*e,f-c,g),d.bezierCurveTo(f-c,g-b*e,f-b*c,g-e,f,g-e),d.closePath());return new a.BoundingBox(f-c,g-e,f+c,g+e)}};a.Element.ellipse.prototype=
+new a.Element.PathElementBase;a.Element.line=function(c){this.base=a.Element.PathElementBase;this.base(c);this.getPoints=function(){return[new a.Point(this.attribute("x1").Length.toPixels("x"),this.attribute("y1").Length.toPixels("y")),new a.Point(this.attribute("x2").Length.toPixels("x"),this.attribute("y2").Length.toPixels("y"))]};this.path=function(d){var b=this.getPoints();d!=null&&(d.beginPath(),d.moveTo(b[0].x,b[0].y),d.lineTo(b[1].x,b[1].y));return new a.BoundingBox(b[0].x,b[0].y,b[1].x,b[1].y)};
+this.getMarkers=function(){var a=this.getPoints(),b=a[0].angleTo(a[1]);return[[a[0],b],[a[1],b]]}};a.Element.line.prototype=new a.Element.PathElementBase;a.Element.polyline=function(c){this.base=a.Element.PathElementBase;this.base(c);this.points=a.CreatePath(this.attribute("points").value);this.path=function(d){var b=new a.BoundingBox(this.points[0].x,this.points[0].y);d!=null&&(d.beginPath(),d.moveTo(this.points[0].x,this.points[0].y));for(var c=1;c<this.points.length;c++)b.addPoint(this.points[c].x,
+this.points[c].y),d!=null&&d.lineTo(this.points[c].x,this.points[c].y);return b};this.getMarkers=function(){for(var a=[],b=0;b<this.points.length-1;b++)a.push([this.points[b],this.points[b].angleTo(this.points[b+1])]);a.push([this.points[this.points.length-1],a[a.length-1][1]]);return a}};a.Element.polyline.prototype=new a.Element.PathElementBase;a.Element.polygon=function(c){this.base=a.Element.polyline;this.base(c);this.basePath=this.path;this.path=function(a){var b=this.basePath(a);a!=null&&(a.lineTo(this.points[0].x,
+this.points[0].y),a.closePath());return b}};a.Element.polygon.prototype=new a.Element.polyline;a.Element.path=function(c){this.base=a.Element.PathElementBase;this.base(c);c=this.attribute("d").value;c=c.replace(/,/gm," ");c=c.replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm,"$1 $2");c=c.replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm,"$1 $2");c=c.replace(/([MmZzLlHhVvCcSsQqTtAa])([^\s])/gm,"$1 $2");c=c.replace(/([^\s])([MmZzLlHhVvCcSsQqTtAa])/gm,"$1 $2");c=c.replace(/([0-9])([+\-])/gm,
+"$1 $2");c=c.replace(/(\.[0-9]*)(\.)/gm,"$1 $2");c=c.replace(/([Aa](\s+[0-9]+){3})\s+([01])\s*([01])/gm,"$1 $3 $4 ");c=a.compressSpaces(c);c=a.trim(c);this.PathParser=new function(d){this.tokens=d.split(" ");this.reset=function(){this.i=-1;this.previousCommand=this.command="";this.start=new a.Point(0,0);this.control=new a.Point(0,0);this.current=new a.Point(0,0);this.points=[];this.angles=[]};this.isEnd=function(){return this.i>=this.tokens.length-1};this.isCommandOrEnd=function(){return this.isEnd()?
+!0:this.tokens[this.i+1].match(/^[A-Za-z]$/)!=null};this.isRelativeCommand=function(){return this.command==this.command.toLowerCase()};this.getToken=function(){this.i+=1;return this.tokens[this.i]};this.getScalar=function(){return parseFloat(this.getToken())};this.nextCommand=function(){this.previousCommand=this.command;this.command=this.getToken()};this.getPoint=function(){return this.makeAbsolute(new a.Point(this.getScalar(),this.getScalar()))};this.getAsControlPoint=function(){var b=this.getPoint();
+return this.control=b};this.getAsCurrentPoint=function(){var b=this.getPoint();return this.current=b};this.getReflectedControlPoint=function(){return this.previousCommand.toLowerCase()!="c"&&this.previousCommand.toLowerCase()!="s"?this.current:new a.Point(2*this.current.x-this.control.x,2*this.current.y-this.control.y)};this.makeAbsolute=function(b){if(this.isRelativeCommand())b.x=this.current.x+b.x,b.y=this.current.y+b.y;return b};this.addMarker=function(b,a,d){d!=null&&this.angles.length>0&&this.angles[this.angles.length-
+1]==null&&(this.angles[this.angles.length-1]=this.points[this.points.length-1].angleTo(d));this.addMarkerAngle(b,a==null?null:a.angleTo(b))};this.addMarkerAngle=function(b,a){this.points.push(b);this.angles.push(a)};this.getMarkerPoints=function(){return this.points};this.getMarkerAngles=function(){for(var b=0;b<this.angles.length;b++)if(this.angles[b]==null)for(var a=b+1;a<this.angles.length;a++)if(this.angles[a]!=null){this.angles[b]=this.angles[a];break}return this.angles}}(c);this.path=function(d){var b=
+this.PathParser;b.reset();var c=new a.BoundingBox;for(d!=null&&d.beginPath();!b.isEnd();)switch(b.nextCommand(),b.command.toUpperCase()){case "M":var e=b.getAsCurrentPoint();b.addMarker(e);c.addPoint(e.x,e.y);d!=null&&d.moveTo(e.x,e.y);for(b.start=b.current;!b.isCommandOrEnd();)e=b.getAsCurrentPoint(),b.addMarker(e,b.start),c.addPoint(e.x,e.y),d!=null&&d.lineTo(e.x,e.y);break;case "L":for(;!b.isCommandOrEnd();){var f=b.current,e=b.getAsCurrentPoint();b.addMarker(e,f);c.addPoint(e.x,e.y);d!=null&&
+d.lineTo(e.x,e.y)}break;case "H":for(;!b.isCommandOrEnd();)e=new a.Point((b.isRelativeCommand()?b.current.x:0)+b.getScalar(),b.current.y),b.addMarker(e,b.current),b.current=e,c.addPoint(b.current.x,b.current.y),d!=null&&d.lineTo(b.current.x,b.current.y);break;case "V":for(;!b.isCommandOrEnd();)e=new a.Point(b.current.x,(b.isRelativeCommand()?b.current.y:0)+b.getScalar()),b.addMarker(e,b.current),b.current=e,c.addPoint(b.current.x,b.current.y),d!=null&&d.lineTo(b.current.x,b.current.y);break;case "C":for(;!b.isCommandOrEnd();){var g=
+b.current,f=b.getPoint(),j=b.getAsControlPoint(),e=b.getAsCurrentPoint();b.addMarker(e,j,f);c.addBezierCurve(g.x,g.y,f.x,f.y,j.x,j.y,e.x,e.y);d!=null&&d.bezierCurveTo(f.x,f.y,j.x,j.y,e.x,e.y)}break;case "S":for(;!b.isCommandOrEnd();)g=b.current,f=b.getReflectedControlPoint(),j=b.getAsControlPoint(),e=b.getAsCurrentPoint(),b.addMarker(e,j,f),c.addBezierCurve(g.x,g.y,f.x,f.y,j.x,j.y,e.x,e.y),d!=null&&d.bezierCurveTo(f.x,f.y,j.x,j.y,e.x,e.y);break;case "Q":for(;!b.isCommandOrEnd();)g=b.current,j=b.getAsControlPoint(),
+e=b.getAsCurrentPoint(),b.addMarker(e,j,j),c.addQuadraticCurve(g.x,g.y,j.x,j.y,e.x,e.y),d!=null&&d.quadraticCurveTo(j.x,j.y,e.x,e.y);break;case "T":for(;!b.isCommandOrEnd();)g=b.current,j=b.getReflectedControlPoint(),b.control=j,e=b.getAsCurrentPoint(),b.addMarker(e,j,j),c.addQuadraticCurve(g.x,g.y,j.x,j.y,e.x,e.y),d!=null&&d.quadraticCurveTo(j.x,j.y,e.x,e.y);break;case "A":for(;!b.isCommandOrEnd();){var g=b.current,h=b.getScalar(),l=b.getScalar(),f=b.getScalar()*(Math.PI/180),o=b.getScalar(),j=b.getScalar(),
+e=b.getAsCurrentPoint(),n=new a.Point(Math.cos(f)*(g.x-e.x)/2+Math.sin(f)*(g.y-e.y)/2,-Math.sin(f)*(g.x-e.x)/2+Math.cos(f)*(g.y-e.y)/2),q=Math.pow(n.x,2)/Math.pow(h,2)+Math.pow(n.y,2)/Math.pow(l,2);q>1&&(h*=Math.sqrt(q),l*=Math.sqrt(q));o=(o==j?-1:1)*Math.sqrt((Math.pow(h,2)*Math.pow(l,2)-Math.pow(h,2)*Math.pow(n.y,2)-Math.pow(l,2)*Math.pow(n.x,2))/(Math.pow(h,2)*Math.pow(n.y,2)+Math.pow(l,2)*Math.pow(n.x,2)));isNaN(o)&&(o=0);var p=new a.Point(o*h*n.y/l,o*-l*n.x/h),g=new a.Point((g.x+e.x)/2+Math.cos(f)*
+p.x-Math.sin(f)*p.y,(g.y+e.y)/2+Math.sin(f)*p.x+Math.cos(f)*p.y),m=function(b,a){return(b[0]*a[0]+b[1]*a[1])/(Math.sqrt(Math.pow(b[0],2)+Math.pow(b[1],2))*Math.sqrt(Math.pow(a[0],2)+Math.pow(a[1],2)))},s=function(b,a){return(b[0]*a[1]<b[1]*a[0]?-1:1)*Math.acos(m(b,a))},o=s([1,0],[(n.x-p.x)/h,(n.y-p.y)/l]),q=[(n.x-p.x)/h,(n.y-p.y)/l],p=[(-n.x-p.x)/h,(-n.y-p.y)/l],n=s(q,p);if(m(q,p)<=-1)n=Math.PI;m(q,p)>=1&&(n=0);j==0&&n>0&&(n-=2*Math.PI);j==1&&n<0&&(n+=2*Math.PI);q=new a.Point(g.x-h*Math.cos((o+n)/
+2),g.y-l*Math.sin((o+n)/2));b.addMarkerAngle(q,(o+n)/2+(j==0?1:-1)*Math.PI/2);b.addMarkerAngle(e,n+(j==0?1:-1)*Math.PI/2);c.addPoint(e.x,e.y);d!=null&&(m=h>l?h:l,e=h>l?1:h/l,h=h>l?l/h:1,d.translate(g.x,g.y),d.rotate(f),d.scale(e,h),d.arc(0,0,m,o,o+n,1-j),d.scale(1/e,1/h),d.rotate(-f),d.translate(-g.x,-g.y))}break;case "Z":d!=null&&d.closePath(),b.current=b.start}return c};this.getMarkers=function(){for(var a=this.PathParser.getMarkerPoints(),b=this.PathParser.getMarkerAngles(),c=[],e=0;e<a.length;e++)c.push([a[e],
+b[e]]);return c}};a.Element.path.prototype=new a.Element.PathElementBase;a.Element.pattern=function(c){this.base=a.Element.ElementBase;this.base(c);this.createPattern=function(d){var b=new a.Element.svg;b.attributes.viewBox=new a.Property("viewBox",this.attribute("viewBox").value);b.attributes.x=new a.Property("x",this.attribute("x").value);b.attributes.y=new a.Property("y",this.attribute("y").value);b.attributes.width=new a.Property("width",this.attribute("width").value);b.attributes.height=new a.Property("height",
+this.attribute("height").value);b.children=this.children;var c=document.createElement("canvas");c.width=this.attribute("width").Length.toPixels("x");c.height=this.attribute("height").Length.toPixels("y");b.render(c.getContext("2d"));return d.createPattern(c,"repeat")}};a.Element.pattern.prototype=new a.Element.ElementBase;a.Element.marker=function(c){this.base=a.Element.ElementBase;this.base(c);this.baseRender=this.render;this.render=function(d,b,c){d.translate(b.x,b.y);this.attribute("orient").valueOrDefault("auto")==
+"auto"&&d.rotate(c);this.attribute("markerUnits").valueOrDefault("strokeWidth")=="strokeWidth"&&d.scale(d.lineWidth,d.lineWidth);d.save();var e=new a.Element.svg;e.attributes.viewBox=new a.Property("viewBox",this.attribute("viewBox").value);e.attributes.refX=new a.Property("refX",this.attribute("refX").value);e.attributes.refY=new a.Property("refY",this.attribute("refY").value);e.attributes.width=new a.Property("width",this.attribute("markerWidth").value);e.attributes.height=new a.Property("height",
+this.attribute("markerHeight").value);e.attributes.fill=new a.Property("fill",this.attribute("fill").valueOrDefault("black"));e.attributes.stroke=new a.Property("stroke",this.attribute("stroke").valueOrDefault("none"));e.children=this.children;e.render(d);d.restore();this.attribute("markerUnits").valueOrDefault("strokeWidth")=="strokeWidth"&&d.scale(1/d.lineWidth,1/d.lineWidth);this.attribute("orient").valueOrDefault("auto")=="auto"&&d.rotate(-c);d.translate(-b.x,-b.y)}};a.Element.marker.prototype=
+new a.Element.ElementBase;a.Element.defs=function(c){this.base=a.Element.ElementBase;this.base(c);this.render=function(){}};a.Element.defs.prototype=new a.Element.ElementBase;a.Element.GradientBase=function(c){this.base=a.Element.ElementBase;this.base(c);this.gradientUnits=this.attribute("gradientUnits").valueOrDefault("objectBoundingBox");this.stops=[];for(c=0;c<this.children.length;c++)this.stops.push(this.children[c]);this.getGradient=function(){};this.createGradient=function(d,b){var c=this;this.attribute("xlink:href").hasValue()&&
+(c=this.attribute("xlink:href").Definition.getDefinition());for(var e=this.getGradient(d,b),f=0;f<c.stops.length;f++)e.addColorStop(c.stops[f].offset,c.stops[f].color);if(this.attribute("gradientTransform").hasValue()){c=a.ViewPort.viewPorts[0];f=new a.Element.rect;f.attributes.x=new a.Property("x",-a.MAX_VIRTUAL_PIXELS/3);f.attributes.y=new a.Property("y",-a.MAX_VIRTUAL_PIXELS/3);f.attributes.width=new a.Property("width",a.MAX_VIRTUAL_PIXELS);f.attributes.height=new a.Property("height",a.MAX_VIRTUAL_PIXELS);
+var g=new a.Element.g;g.attributes.transform=new a.Property("transform",this.attribute("gradientTransform").value);g.children=[f];f=new a.Element.svg;f.attributes.x=new a.Property("x",0);f.attributes.y=new a.Property("y",0);f.attributes.width=new a.Property("width",c.width);f.attributes.height=new a.Property("height",c.height);f.children=[g];g=document.createElement("canvas");g.width=c.width;g.height=c.height;c=g.getContext("2d");c.fillStyle=e;f.render(c);return c.createPattern(g,"no-repeat")}return e}};
+a.Element.GradientBase.prototype=new a.Element.ElementBase;a.Element.linearGradient=function(c){this.base=a.Element.GradientBase;this.base(c);this.getGradient=function(a,b){var c=b.getBoundingBox(),e=this.gradientUnits=="objectBoundingBox"?c.x()+c.width()*this.attribute("x1").numValue():this.attribute("x1").Length.toPixels("x"),f=this.gradientUnits=="objectBoundingBox"?c.y()+c.height()*this.attribute("y1").numValue():this.attribute("y1").Length.toPixels("y"),g=this.gradientUnits=="objectBoundingBox"?
+c.x()+c.width()*this.attribute("x2").numValue():this.attribute("x2").Length.toPixels("x"),c=this.gradientUnits=="objectBoundingBox"?c.y()+c.height()*this.attribute("y2").numValue():this.attribute("y2").Length.toPixels("y");return a.createLinearGradient(e,f,g,c)}};a.Element.linearGradient.prototype=new a.Element.GradientBase;a.Element.radialGradient=function(c){this.base=a.Element.GradientBase;this.base(c);this.getGradient=function(a,b){var c=b.getBoundingBox(),e=this.gradientUnits=="objectBoundingBox"?
+c.x()+c.width()*this.attribute("cx").numValue():this.attribute("cx").Length.toPixels("x"),f=this.gradientUnits=="objectBoundingBox"?c.y()+c.height()*this.attribute("cy").numValue():this.attribute("cy").Length.toPixels("y"),g=e,j=f;this.attribute("fx").hasValue()&&(g=this.gradientUnits=="objectBoundingBox"?c.x()+c.width()*this.attribute("fx").numValue():this.attribute("fx").Length.toPixels("x"));this.attribute("fy").hasValue()&&(j=this.gradientUnits=="objectBoundingBox"?c.y()+c.height()*this.attribute("fy").numValue():
+this.attribute("fy").Length.toPixels("y"));c=this.gradientUnits=="objectBoundingBox"?(c.width()+c.height())/2*this.attribute("r").numValue():this.attribute("r").Length.toPixels();return a.createRadialGradient(g,j,0,e,f,c)}};a.Element.radialGradient.prototype=new a.Element.GradientBase;a.Element.stop=function(c){this.base=a.Element.ElementBase;this.base(c);this.offset=this.attribute("offset").numValue();c=this.style("stop-color");this.style("stop-opacity").hasValue()&&(c=c.Color.addOpacity(this.style("stop-opacity").value));
+this.color=c.value};a.Element.stop.prototype=new a.Element.ElementBase;a.Element.AnimateBase=function(c){this.base=a.Element.ElementBase;this.base(c);a.Animations.push(this);this.duration=0;this.begin=this.attribute("begin").Time.toMilliseconds();this.maxDuration=this.begin+this.attribute("dur").Time.toMilliseconds();this.getProperty=function(){var a=this.attribute("attributeType").value,b=this.attribute("attributeName").value;return a=="CSS"?this.parent.style(b,!0):this.parent.attribute(b,!0)};this.initialValue=
+null;this.removed=!1;this.calcValue=function(){return""};this.update=function(a){if(this.initialValue==null)this.initialValue=this.getProperty().value;if(this.duration>this.maxDuration)if(this.attribute("repeatCount").value=="indefinite")this.duration=0;else return this.attribute("fill").valueOrDefault("remove")=="remove"&&!this.removed?(this.removed=!0,this.getProperty().value=this.initialValue,!0):!1;this.duration+=a;a=!1;if(this.begin<this.duration)a=this.calcValue(),this.attribute("type").hasValue()&&
+(a=this.attribute("type").value+"("+a+")"),this.getProperty().value=a,a=!0;return a};this.progress=function(){return(this.duration-this.begin)/(this.maxDuration-this.begin)}};a.Element.AnimateBase.prototype=new a.Element.ElementBase;a.Element.animate=function(c){this.base=a.Element.AnimateBase;this.base(c);this.calcValue=function(){var a=this.attribute("from").numValue(),b=this.attribute("to").numValue();return a+(b-a)*this.progress()}};a.Element.animate.prototype=new a.Element.AnimateBase;a.Element.animateColor=
+function(c){this.base=a.Element.AnimateBase;this.base(c);this.calcValue=function(){var a=new RGBColor(this.attribute("from").value),b=new RGBColor(this.attribute("to").value);if(a.ok&&b.ok){var c=a.r+(b.r-a.r)*this.progress(),e=a.g+(b.g-a.g)*this.progress(),a=a.b+(b.b-a.b)*this.progress();return"rgb("+parseInt(c,10)+","+parseInt(e,10)+","+parseInt(a,10)+")"}return this.attribute("from").value}};a.Element.animateColor.prototype=new a.Element.AnimateBase;a.Element.animateTransform=function(c){this.base=
+a.Element.animate;this.base(c)};a.Element.animateTransform.prototype=new a.Element.animate;a.Element.font=function(c){this.base=a.Element.ElementBase;this.base(c);this.horizAdvX=this.attribute("horiz-adv-x").numValue();this.isArabic=this.isRTL=!1;this.missingGlyph=this.fontFace=null;this.glyphs=[];for(c=0;c<this.children.length;c++){var d=this.children[c];if(d.type=="font-face")this.fontFace=d,d.style("font-family").hasValue()&&(a.Definitions[d.style("font-family").value]=this);else if(d.type=="missing-glyph")this.missingGlyph=
+d;else if(d.type=="glyph")d.arabicForm!=""?(this.isArabic=this.isRTL=!0,typeof this.glyphs[d.unicode]=="undefined"&&(this.glyphs[d.unicode]=[]),this.glyphs[d.unicode][d.arabicForm]=d):this.glyphs[d.unicode]=d}};a.Element.font.prototype=new a.Element.ElementBase;a.Element.fontface=function(c){this.base=a.Element.ElementBase;this.base(c);this.ascent=this.attribute("ascent").value;this.descent=this.attribute("descent").value;this.unitsPerEm=this.attribute("units-per-em").numValue()};a.Element.fontface.prototype=
+new a.Element.ElementBase;a.Element.missingglyph=function(c){this.base=a.Element.path;this.base(c);this.horizAdvX=0};a.Element.missingglyph.prototype=new a.Element.path;a.Element.glyph=function(c){this.base=a.Element.path;this.base(c);this.horizAdvX=this.attribute("horiz-adv-x").numValue();this.unicode=this.attribute("unicode").value;this.arabicForm=this.attribute("arabic-form").value};a.Element.glyph.prototype=new a.Element.path;a.Element.text=function(c){this.base=a.Element.RenderedElementBase;
+this.base(c);if(c!=null){this.children=[];for(var d=0;d<c.childNodes.length;d++){var b=c.childNodes[d];b.nodeType==1?this.addChild(b,!0):b.nodeType==3&&this.addChild(new a.Element.tspan(b),!1)}}this.baseSetContext=this.setContext;this.setContext=function(b){this.baseSetContext(b);if(this.style("dominant-baseline").hasValue())b.textBaseline=this.style("dominant-baseline").value;if(this.style("alignment-baseline").hasValue())b.textBaseline=this.style("alignment-baseline").value};this.renderChildren=
+function(b){for(var a=this.style("text-anchor").valueOrDefault("start"),c=this.attribute("x").Length.toPixels("x"),d=this.attribute("y").Length.toPixels("y"),j=0;j<this.children.length;j++){var h=this.children[j];h.attribute("x").hasValue()?h.x=h.attribute("x").Length.toPixels("x"):(h.attribute("dx").hasValue()&&(c+=h.attribute("dx").Length.toPixels("x")),h.x=c);c=h.measureText(b);if(a!="start"&&(j==0||h.attribute("x").hasValue())){for(var l=c,o=j+1;o<this.children.length;o++){var n=this.children[o];
+if(n.attribute("x").hasValue())break;l+=n.measureText(b)}h.x-=a=="end"?l:l/2}c=h.x+c;h.attribute("y").hasValue()?h.y=h.attribute("y").Length.toPixels("y"):(h.attribute("dy").hasValue()&&(d+=h.attribute("dy").Length.toPixels("y")),h.y=d);d=h.y;h.render(b)}}};a.Element.text.prototype=new a.Element.RenderedElementBase;a.Element.TextElementBase=function(c){this.base=a.Element.RenderedElementBase;this.base(c);this.getGlyph=function(a,b,c){var e=b[c],f=null;if(a.isArabic){var g="isolated";if((c==0||b[c-
+1]==" ")&&c<b.length-2&&b[c+1]!=" ")g="terminal";c>0&&b[c-1]!=" "&&c<b.length-2&&b[c+1]!=" "&&(g="medial");if(c>0&&b[c-1]!=" "&&(c==b.length-1||b[c+1]==" "))g="initial";typeof a.glyphs[e]!="undefined"&&(f=a.glyphs[e][g],f==null&&a.glyphs[e].type=="glyph"&&(f=a.glyphs[e]))}else f=a.glyphs[e];if(f==null)f=a.missingGlyph;return f};this.renderChildren=function(c){var b=this.parent.style("font-family").Definition.getDefinition();if(b!=null){var k=this.parent.style("font-size").numValueOrDefault(a.Font.Parse(a.ctx.font).fontSize),
+e=this.parent.style("font-style").valueOrDefault(a.Font.Parse(a.ctx.font).fontStyle),f=this.getText();b.isRTL&&(f=f.split("").reverse().join(""));for(var g=a.ToNumberArray(this.parent.attribute("dx").value),j=0;j<f.length;j++){var h=this.getGlyph(b,f,j),l=k/b.fontFace.unitsPerEm;c.translate(this.x,this.y);c.scale(l,-l);var o=c.lineWidth;c.lineWidth=c.lineWidth*b.fontFace.unitsPerEm/k;e=="italic"&&c.transform(1,0,0.4,1,0,0);h.render(c);e=="italic"&&c.transform(1,0,-0.4,1,0,0);c.lineWidth=o;c.scale(1/
+l,-1/l);c.translate(-this.x,-this.y);this.x+=k*(h.horizAdvX||b.horizAdvX)/b.fontFace.unitsPerEm;typeof g[j]!="undefined"&&!isNaN(g[j])&&(this.x+=g[j])}}else c.strokeStyle!=""&&c.strokeText(a.compressSpaces(this.getText()),this.x,this.y),c.fillStyle!=""&&c.fillText(a.compressSpaces(this.getText()),this.x,this.y)};this.getText=function(){};this.measureText=function(c){var b=this.parent.style("font-family").Definition.getDefinition();if(b!=null){var c=this.parent.style("font-size").numValueOrDefault(a.Font.Parse(a.ctx.font).fontSize),
+k=0,e=this.getText();b.isRTL&&(e=e.split("").reverse().join(""));for(var f=a.ToNumberArray(this.parent.attribute("dx").value),g=0;g<e.length;g++){var j=this.getGlyph(b,e,g);k+=(j.horizAdvX||b.horizAdvX)*c/b.fontFace.unitsPerEm;typeof f[g]!="undefined"&&!isNaN(f[g])&&(k+=f[g])}return k}b=a.compressSpaces(this.getText());if(!c.measureText)return b.length*10;c.save();this.setContext(c);b=c.measureText(b).width;c.restore();return b}};a.Element.TextElementBase.prototype=new a.Element.RenderedElementBase;
+a.Element.tspan=function(c){this.base=a.Element.TextElementBase;this.base(c);this.text=c.nodeType==3?c.nodeValue:c.childNodes.length>0?c.childNodes[0].nodeValue:c.text;this.getText=function(){return this.text}};a.Element.tspan.prototype=new a.Element.TextElementBase;a.Element.tref=function(c){this.base=a.Element.TextElementBase;this.base(c);this.getText=function(){var a=this.attribute("xlink:href").Definition.getDefinition();if(a!=null)return a.children[0].getText()}};a.Element.tref.prototype=new a.Element.TextElementBase;
+a.Element.a=function(c){this.base=a.Element.TextElementBase;this.base(c);this.hasText=!0;for(var d=0;d<c.childNodes.length;d++)if(c.childNodes[d].nodeType!=3)this.hasText=!1;this.text=this.hasText?c.childNodes[0].nodeValue:"";this.getText=function(){return this.text};this.baseRenderChildren=this.renderChildren;this.renderChildren=function(b){if(this.hasText){this.baseRenderChildren(b);var c=new a.Property("fontSize",a.Font.Parse(a.ctx.font).fontSize);a.Mouse.checkBoundingBox(this,new a.BoundingBox(this.x,
+this.y-c.Length.toPixels("y"),this.x+this.measureText(b),this.y))}else c=new a.Element.g,c.children=this.children,c.parent=this,c.render(b)};this.onclick=function(){window.open(this.attribute("xlink:href").value)};this.onmousemove=function(){a.ctx.canvas.style.cursor="pointer"}};a.Element.a.prototype=new a.Element.TextElementBase;a.Element.image=function(c){this.base=a.Element.RenderedElementBase;this.base(c);a.Images.push(this);this.img=document.createElement("img");this.loaded=!1;var d=this;this.img.onload=
+function(){d.loaded=!0};this.img.src=this.attribute("xlink:href").value;this.renderChildren=function(b){var c=this.attribute("x").Length.toPixels("x"),d=this.attribute("y").Length.toPixels("y"),f=this.attribute("width").Length.toPixels("x"),g=this.attribute("height").Length.toPixels("y");f==0||g==0||(b.save(),b.translate(c,d),a.AspectRatio(b,this.attribute("preserveAspectRatio").value,f,this.img.width,g,this.img.height,0,0),b.drawImage(this.img,0,0),b.restore())}};a.Element.image.prototype=new a.Element.RenderedElementBase;
+a.Element.g=function(c){this.base=a.Element.RenderedElementBase;this.base(c);this.getBoundingBox=function(){for(var c=new a.BoundingBox,b=0;b<this.children.length;b++)c.addBoundingBox(this.children[b].getBoundingBox());return c}};a.Element.g.prototype=new a.Element.RenderedElementBase;a.Element.symbol=function(c){this.base=a.Element.RenderedElementBase;this.base(c);this.baseSetContext=this.setContext;this.setContext=function(c){this.baseSetContext(c);if(this.attribute("viewBox").hasValue()){var b=
+a.ToNumberArray(this.attribute("viewBox").value),k=b[0],e=b[1];width=b[2];height=b[3];a.AspectRatio(c,this.attribute("preserveAspectRatio").value,this.attribute("width").Length.toPixels("x"),width,this.attribute("height").Length.toPixels("y"),height,k,e);a.ViewPort.SetCurrent(b[2],b[3])}}};a.Element.symbol.prototype=new a.Element.RenderedElementBase;a.Element.style=function(c){this.base=a.Element.ElementBase;this.base(c);for(var c=c.childNodes[0].nodeValue+(c.childNodes.length>1?c.childNodes[1].nodeValue:
+""),c=c.replace(/(\/\*([^*]|[\r\n]|(\*+([^*\/]|[\r\n])))*\*+\/)|(^[\s]*\/\/.*)/gm,""),c=a.compressSpaces(c),c=c.split("}"),d=0;d<c.length;d++)if(a.trim(c[d])!="")for(var b=c[d].split("{"),k=b[0].split(","),b=b[1].split(";"),e=0;e<k.length;e++){var f=a.trim(k[e]);if(f!=""){for(var g={},j=0;j<b.length;j++){var h=b[j].indexOf(":"),l=b[j].substr(0,h),h=b[j].substr(h+1,b[j].length-h);l!=null&&h!=null&&(g[a.trim(l)]=new a.Property(a.trim(l),a.trim(h)))}a.Styles[f]=g;if(f=="@font-face"){f=g["font-family"].value.replace(/"/g,
+"");g=g.src.value.split(",");for(j=0;j<g.length;j++)if(g[j].indexOf('format("svg")')>0){l=g[j].indexOf("url");h=g[j].indexOf(")",l);l=g[j].substr(l+5,h-l-6);l=a.parseXml(a.ajax(l)).getElementsByTagName("font");for(h=0;h<l.length;h++){var o=a.CreateElement(l[h]);a.Definitions[f]=o}}}}}};a.Element.style.prototype=new a.Element.ElementBase;a.Element.use=function(c){this.base=a.Element.RenderedElementBase;this.base(c);this.baseSetContext=this.setContext;this.setContext=function(a){this.baseSetContext(a);
+this.attribute("x").hasValue()&&a.translate(this.attribute("x").Length.toPixels("x"),0);this.attribute("y").hasValue()&&a.translate(0,this.attribute("y").Length.toPixels("y"))};this.getDefinition=function(){var a=this.attribute("xlink:href").Definition.getDefinition();if(this.attribute("width").hasValue())a.attribute("width",!0).value=this.attribute("width").value;if(this.attribute("height").hasValue())a.attribute("height",!0).value=this.attribute("height").value;return a};this.path=function(a){var b=
+this.getDefinition();b!=null&&b.path(a)};this.renderChildren=function(a){var b=this.getDefinition();b!=null&&b.render(a)}};a.Element.use.prototype=new a.Element.RenderedElementBase;a.Element.mask=function(c){this.base=a.Element.ElementBase;this.base(c);this.apply=function(a,b){var c=this.attribute("x").Length.toPixels("x"),e=this.attribute("y").Length.toPixels("y"),f=this.attribute("width").Length.toPixels("x"),g=this.attribute("height").Length.toPixels("y"),j=b.attribute("mask").value;b.attribute("mask").value=
+"";var h=document.createElement("canvas");h.width=c+f;h.height=e+g;var l=h.getContext("2d");this.renderChildren(l);var o=document.createElement("canvas");o.width=c+f;o.height=e+g;var n=o.getContext("2d");b.render(n);n.globalCompositeOperation="destination-in";n.fillStyle=l.createPattern(h,"no-repeat");n.fillRect(0,0,c+f,e+g);a.fillStyle=n.createPattern(o,"no-repeat");a.fillRect(0,0,c+f,e+g);b.attribute("mask").value=j};this.render=function(){}};a.Element.mask.prototype=new a.Element.ElementBase;a.Element.clipPath=
+function(c){this.base=a.Element.ElementBase;this.base(c);this.apply=function(a){for(var b=0;b<this.children.length;b++)this.children[b].path&&(this.children[b].path(a),a.clip())};this.render=function(){}};a.Element.clipPath.prototype=new a.Element.ElementBase;a.Element.filter=function(c){this.base=a.Element.ElementBase;this.base(c);this.apply=function(a,b){var c=b.getBoundingBox(),e=this.attribute("x").Length.toPixels("x"),f=this.attribute("y").Length.toPixels("y");if(e==0||f==0)e=c.x1,f=c.y1;var g=
+this.attribute("width").Length.toPixels("x"),j=this.attribute("height").Length.toPixels("y");if(g==0||j==0)g=c.width(),j=c.height();c=b.style("filter").value;b.style("filter").value="";var h=0.2*g,l=0.2*j,o=document.createElement("canvas");o.width=g+2*h;o.height=j+2*l;var n=o.getContext("2d");n.translate(-e+h,-f+l);b.render(n);for(var q=0;q<this.children.length;q++)this.children[q].apply(n,0,0,g+2*h,j+2*l);a.drawImage(o,0,0,g+2*h,j+2*l,e-h,f-l,g+2*h,j+2*l);b.style("filter",!0).value=c};this.render=
+function(){}};a.Element.filter.prototype=new a.Element.ElementBase;a.Element.feGaussianBlur=function(c){function d(a,c,d,f,g){for(var j=0;j<g;j++)for(var h=0;h<f;h++)for(var l=a[j*f*4+h*4+3]/255,o=0;o<4;o++){for(var n=d[0]*(l==0?255:a[j*f*4+h*4+o])*(l==0||o==3?1:l),q=1;q<d.length;q++){var p=Math.max(h-q,0),m=a[j*f*4+p*4+3]/255,p=Math.min(h+q,f-1),p=a[j*f*4+p*4+3]/255,s=d[q],r;m==0?r=255:(r=Math.max(h-q,0),r=a[j*f*4+r*4+o]);m=r*(m==0||o==3?1:m);p==0?r=255:(r=Math.min(h+q,f-1),r=a[j*f*4+r*4+o]);n+=
+s*(m+r*(p==0||o==3?1:p))}c[h*g*4+j*4+o]=n}}this.base=a.Element.ElementBase;this.base(c);this.apply=function(a,c,e,f,g){var e=this.attribute("stdDeviation").numValue(),c=a.getImageData(0,0,f,g),e=Math.max(e,0.01),j=Math.ceil(e*4)+1;mask=[];for(var h=0;h<j;h++)mask[h]=Math.exp(-0.5*(h/e)*(h/e));e=mask;j=0;for(h=1;h<e.length;h++)j+=Math.abs(e[h]);j=2*j+Math.abs(e[0]);for(h=0;h<e.length;h++)e[h]/=j;tmp=[];d(c.data,tmp,e,f,g);d(tmp,c.data,e,g,f);a.clearRect(0,0,f,g);a.putImageData(c,0,0)}};a.Element.filter.prototype=
+new a.Element.feGaussianBlur;a.Element.title=function(){};a.Element.title.prototype=new a.Element.ElementBase;a.Element.desc=function(){};a.Element.desc.prototype=new a.Element.ElementBase;a.Element.MISSING=function(a){console.log("ERROR: Element '"+a.nodeName+"' not yet implemented.")};a.Element.MISSING.prototype=new a.Element.ElementBase;a.CreateElement=function(c){var d=c.nodeName.replace(/^[^:]+:/,""),d=d.replace(/\-/g,""),b=null,b=typeof a.Element[d]!="undefined"?new a.Element[d](c):new a.Element.MISSING(c);
+b.type=c.nodeName;return b};a.load=function(c,d){a.loadXml(c,a.ajax(d))};a.loadXml=function(c,d){a.loadXmlDoc(c,a.parseXml(d))};a.loadXmlDoc=function(c,d){a.init(c);var b=function(a){for(var b=c.canvas;b;)a.x-=b.offsetLeft,a.y-=b.offsetTop,b=b.offsetParent;window.scrollX&&(a.x+=window.scrollX);window.scrollY&&(a.y+=window.scrollY);return a};if(a.opts.ignoreMouse!=!0)c.canvas.onclick=function(c){c=b(new a.Point(c!=null?c.clientX:event.clientX,c!=null?c.clientY:event.clientY));a.Mouse.onclick(c.x,c.y)},
+c.canvas.onmousemove=function(c){c=b(new a.Point(c!=null?c.clientX:event.clientX,c!=null?c.clientY:event.clientY));a.Mouse.onmousemove(c.x,c.y)};var k=a.CreateElement(d.documentElement),e=k.root=!0,f=function(){a.ViewPort.Clear();c.canvas.parentNode&&a.ViewPort.SetCurrent(c.canvas.parentNode.clientWidth,c.canvas.parentNode.clientHeight);if(a.opts.ignoreDimensions!=!0){if(k.style("width").hasValue())c.canvas.width=k.style("width").Length.toPixels("x"),c.canvas.style.width=c.canvas.width+"px";if(k.style("height").hasValue())c.canvas.height=
+k.style("height").Length.toPixels("y"),c.canvas.style.height=c.canvas.height+"px"}var b=c.canvas.clientWidth||c.canvas.width,d=c.canvas.clientHeight||c.canvas.height;a.ViewPort.SetCurrent(b,d);if(a.opts!=null&&a.opts.offsetX!=null)k.attribute("x",!0).value=a.opts.offsetX;if(a.opts!=null&&a.opts.offsetY!=null)k.attribute("y",!0).value=a.opts.offsetY;if(a.opts!=null&&a.opts.scaleWidth!=null&&a.opts.scaleHeight!=null){var f=1,g=1;k.attribute("width").hasValue()&&(f=k.attribute("width").Length.toPixels("x")/
+a.opts.scaleWidth);k.attribute("height").hasValue()&&(g=k.attribute("height").Length.toPixels("y")/a.opts.scaleHeight);k.attribute("width",!0).value=a.opts.scaleWidth;k.attribute("height",!0).value=a.opts.scaleHeight;k.attribute("viewBox",!0).value="0 0 "+b*f+" "+d*g;k.attribute("preserveAspectRatio",!0).value="none"}a.opts.ignoreClear!=!0&&c.clearRect(0,0,b,d);k.render(c);e&&(e=!1,a.opts!=null&&typeof a.opts.renderCallback=="function"&&a.opts.renderCallback())},g=!0;a.ImagesLoaded()&&(g=!1,f());
+a.intervalID=setInterval(function(){var b=!1;g&&a.ImagesLoaded()&&(g=!1,b=!0);a.opts.ignoreMouse!=!0&&(b|=a.Mouse.hasEvents());if(a.opts.ignoreAnimation!=!0)for(var c=0;c<a.Animations.length;c++)b|=a.Animations[c].update(1E3/a.FRAMERATE);a.opts!=null&&typeof a.opts.forceRedraw=="function"&&a.opts.forceRedraw()==!0&&(b=!0);b&&(f(),a.Mouse.runEvents())},1E3/a.FRAMERATE)};a.stop=function(){a.intervalID&&clearInterval(a.intervalID)};a.Mouse=new function(){this.events=[];this.hasEvents=function(){return this.events.length!=
+0};this.onclick=function(a,d){this.events.push({type:"onclick",x:a,y:d,run:function(a){if(a.onclick)a.onclick()}})};this.onmousemove=function(a,d){this.events.push({type:"onmousemove",x:a,y:d,run:function(a){if(a.onmousemove)a.onmousemove()}})};this.eventElements=[];this.checkPath=function(a,d){for(var b=0;b<this.events.length;b++){var k=this.events[b];d.isPointInPath&&d.isPointInPath(k.x,k.y)&&(this.eventElements[b]=a)}};this.checkBoundingBox=function(a,d){for(var b=0;b<this.events.length;b++){var k=
+this.events[b];d.isPointInBox(k.x,k.y)&&(this.eventElements[b]=a)}};this.runEvents=function(){a.ctx.canvas.style.cursor="";for(var c=0;c<this.events.length;c++)for(var d=this.events[c],b=this.eventElements[c];b;)d.run(b),b=b.parent;this.events=[];this.eventElements=[]}};return a}this.canvg=function(a,c,d){if(a==null&&c==null&&d==null)for(var c=document.getElementsByTagName("svg"),b=0;b<c.length;b++){a=c[b];d=document.createElement("canvas");d.width=a.clientWidth;d.height=a.clientHeight;a.parentNode.insertBefore(d,
+a);a.parentNode.removeChild(a);var k=document.createElement("div");k.appendChild(a);canvg(d,k.innerHTML)}else d=d||{},typeof a=="string"&&(a=document.getElementById(a)),a.svg==null?(b=m(),a.svg=b):(b=a.svg,b.stop()),b.opts=d,a=a.getContext("2d"),typeof c.documentElement!="undefined"?b.loadXmlDoc(a,c):c.substr(0,1)=="<"?b.loadXml(a,c):b.load(a,c)}})();
+if(CanvasRenderingContext2D)CanvasRenderingContext2D.prototype.drawSvg=function(m,a,c,d,b){canvg(this.canvas,m,{ignoreMouse:!0,ignoreAnimation:!0,ignoreDimensions:!0,ignoreClear:!0,offsetX:a,offsetY:c,scaleWidth:d,scaleHeight:b})};
+(function(m){var a=m.css,c=m.CanVGRenderer,d=m.SVGRenderer,b=m.extend,k=m.merge,e=m.addEvent,f=m.createElement,g=m.discardElement;b(c.prototype,d.prototype);b(c.prototype,{create:function(a,b,c,d){this.setContainer(b,c,d);this.configure(a)},setContainer:function(a,b,c){var d=a.style,e=a.parentNode,g=d.left,d=d.top,k=a.offsetWidth,m=a.offsetHeight,s={visibility:"hidden",position:"absolute"};this.init.apply(this,[a,b,c]);this.canvas=f("canvas",{width:k,height:m},{position:"relative",left:g,top:d},a);
+this.ttLine=f("div",null,s,e);this.ttDiv=f("div",null,s,e);this.ttTimer=void 0;this.hiddenSvg=a=f("div",{width:k,height:m},{visibility:"hidden",left:g,top:d},e);a.appendChild(this.box)},configure:function(b){var c=this,d=b.options.tooltip,f=d.borderWidth,g=c.ttDiv,m=d.style,p=c.ttLine,t=parseInt(m.padding,10),m=k(m,{padding:t+"px","background-color":d.backgroundColor,"border-style":"solid","border-width":f+"px","border-radius":d.borderRadius+"px"});d.shadow&&(m=k(m,{"box-shadow":"1px 1px 3px gray",
+"-webkit-box-shadow":"1px 1px 3px gray"}));a(g,m);a(p,{"border-left":"1px solid darkgray"});e(b,"tooltipRefresh",function(d){var e=b.container,f=e.offsetLeft,e=e.offsetTop,k;g.innerHTML=d.text;k=b.tooltip.getPosition(g.offsetWidth,g.offsetHeight,{plotX:d.x,plotY:d.y});a(g,{visibility:"visible",left:k.x+"px",top:k.y+"px","border-color":d.borderColor});a(p,{visibility:"visible",left:f+d.x+"px",top:e+b.plotTop+"px",height:b.plotHeight+"px"});c.ttTimer!==void 0&&clearTimeout(c.ttTimer);c.ttTimer=setTimeout(function(){a(g,
+{visibility:"hidden"});a(p,{visibility:"hidden"})},3E3)})},destroy:function(){g(this.canvas);this.ttTimer!==void 0&&clearTimeout(this.ttTimer);g(this.ttLine);g(this.ttDiv);g(this.hiddenSvg);return d.prototype.destroy.apply(this)},color:function(a,b,c){a&&a.linearGradient&&(a=a.stops[a.stops.length-1][1]);return d.prototype.color.call(this,a,b,c)},draw:function(){window.canvg(this.canvas,this.hiddenSvg.innerHTML)}})})(Highcharts);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/canvas-tools.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/canvas-tools.src.js
new file mode 100644
index 000000000..3ebbdcf78
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/canvas-tools.src.js
@@ -0,0 +1,3113 @@
+/**
+ * @license A class to parse color values
+ * @author Stoyan Stefanov <sstoo@gmail.com>
+ * @link   http://www.phpied.com/rgb-color-parser-in-javascript/
+ * Use it if you like it
+ *
+ */
+function RGBColor(color_string)
+{
+    this.ok = false;
+
+    // strip any leading #
+    if (color_string.charAt(0) == '#') { // remove # if any
+        color_string = color_string.substr(1,6);
+    }
+
+    color_string = color_string.replace(/ /g,'');
+    color_string = color_string.toLowerCase();
+
+    // before getting into regexps, try simple matches
+    // and overwrite the input
+    var simple_colors = {
+        aliceblue: 'f0f8ff',
+        antiquewhite: 'faebd7',
+        aqua: '00ffff',
+        aquamarine: '7fffd4',
+        azure: 'f0ffff',
+        beige: 'f5f5dc',
+        bisque: 'ffe4c4',
+        black: '000000',
+        blanchedalmond: 'ffebcd',
+        blue: '0000ff',
+        blueviolet: '8a2be2',
+        brown: 'a52a2a',
+        burlywood: 'deb887',
+        cadetblue: '5f9ea0',
+        chartreuse: '7fff00',
+        chocolate: 'd2691e',
+        coral: 'ff7f50',
+        cornflowerblue: '6495ed',
+        cornsilk: 'fff8dc',
+        crimson: 'dc143c',
+        cyan: '00ffff',
+        darkblue: '00008b',
+        darkcyan: '008b8b',
+        darkgoldenrod: 'b8860b',
+        darkgray: 'a9a9a9',
+        darkgreen: '006400',
+        darkkhaki: 'bdb76b',
+        darkmagenta: '8b008b',
+        darkolivegreen: '556b2f',
+        darkorange: 'ff8c00',
+        darkorchid: '9932cc',
+        darkred: '8b0000',
+        darksalmon: 'e9967a',
+        darkseagreen: '8fbc8f',
+        darkslateblue: '483d8b',
+        darkslategray: '2f4f4f',
+        darkturquoise: '00ced1',
+        darkviolet: '9400d3',
+        deeppink: 'ff1493',
+        deepskyblue: '00bfff',
+        dimgray: '696969',
+        dodgerblue: '1e90ff',
+        feldspar: 'd19275',
+        firebrick: 'b22222',
+        floralwhite: 'fffaf0',
+        forestgreen: '228b22',
+        fuchsia: 'ff00ff',
+        gainsboro: 'dcdcdc',
+        ghostwhite: 'f8f8ff',
+        gold: 'ffd700',
+        goldenrod: 'daa520',
+        gray: '808080',
+        green: '008000',
+        greenyellow: 'adff2f',
+        honeydew: 'f0fff0',
+        hotpink: 'ff69b4',
+        indianred : 'cd5c5c',
+        indigo : '4b0082',
+        ivory: 'fffff0',
+        khaki: 'f0e68c',
+        lavender: 'e6e6fa',
+        lavenderblush: 'fff0f5',
+        lawngreen: '7cfc00',
+        lemonchiffon: 'fffacd',
+        lightblue: 'add8e6',
+        lightcoral: 'f08080',
+        lightcyan: 'e0ffff',
+        lightgoldenrodyellow: 'fafad2',
+        lightgrey: 'd3d3d3',
+        lightgreen: '90ee90',
+        lightpink: 'ffb6c1',
+        lightsalmon: 'ffa07a',
+        lightseagreen: '20b2aa',
+        lightskyblue: '87cefa',
+        lightslateblue: '8470ff',
+        lightslategray: '778899',
+        lightsteelblue: 'b0c4de',
+        lightyellow: 'ffffe0',
+        lime: '00ff00',
+        limegreen: '32cd32',
+        linen: 'faf0e6',
+        magenta: 'ff00ff',
+        maroon: '800000',
+        mediumaquamarine: '66cdaa',
+        mediumblue: '0000cd',
+        mediumorchid: 'ba55d3',
+        mediumpurple: '9370d8',
+        mediumseagreen: '3cb371',
+        mediumslateblue: '7b68ee',
+        mediumspringgreen: '00fa9a',
+        mediumturquoise: '48d1cc',
+        mediumvioletred: 'c71585',
+        midnightblue: '191970',
+        mintcream: 'f5fffa',
+        mistyrose: 'ffe4e1',
+        moccasin: 'ffe4b5',
+        navajowhite: 'ffdead',
+        navy: '000080',
+        oldlace: 'fdf5e6',
+        olive: '808000',
+        olivedrab: '6b8e23',
+        orange: 'ffa500',
+        orangered: 'ff4500',
+        orchid: 'da70d6',
+        palegoldenrod: 'eee8aa',
+        palegreen: '98fb98',
+        paleturquoise: 'afeeee',
+        palevioletred: 'd87093',
+        papayawhip: 'ffefd5',
+        peachpuff: 'ffdab9',
+        peru: 'cd853f',
+        pink: 'ffc0cb',
+        plum: 'dda0dd',
+        powderblue: 'b0e0e6',
+        purple: '800080',
+        red: 'ff0000',
+        rosybrown: 'bc8f8f',
+        royalblue: '4169e1',
+        saddlebrown: '8b4513',
+        salmon: 'fa8072',
+        sandybrown: 'f4a460',
+        seagreen: '2e8b57',
+        seashell: 'fff5ee',
+        sienna: 'a0522d',
+        silver: 'c0c0c0',
+        skyblue: '87ceeb',
+        slateblue: '6a5acd',
+        slategray: '708090',
+        snow: 'fffafa',
+        springgreen: '00ff7f',
+        steelblue: '4682b4',
+        tan: 'd2b48c',
+        teal: '008080',
+        thistle: 'd8bfd8',
+        tomato: 'ff6347',
+        turquoise: '40e0d0',
+        violet: 'ee82ee',
+        violetred: 'd02090',
+        wheat: 'f5deb3',
+        white: 'ffffff',
+        whitesmoke: 'f5f5f5',
+        yellow: 'ffff00',
+        yellowgreen: '9acd32'
+    };
+    for (var key in simple_colors) {
+        if (color_string == key) {
+            color_string = simple_colors[key];
+        }
+    }
+    // emd of simple type-in colors
+
+    // array of color definition objects
+    var color_defs = [
+        {
+            re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
+            example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
+            process: function (bits){
+                return [
+                    parseInt(bits[1]),
+                    parseInt(bits[2]),
+                    parseInt(bits[3])
+                ];
+            }
+        },
+        {
+            re: /^(\w{2})(\w{2})(\w{2})$/,
+            example: ['#00ff00', '336699'],
+            process: function (bits){
+                return [
+                    parseInt(bits[1], 16),
+                    parseInt(bits[2], 16),
+                    parseInt(bits[3], 16)
+                ];
+            }
+        },
+        {
+            re: /^(\w{1})(\w{1})(\w{1})$/,
+            example: ['#fb0', 'f0f'],
+            process: function (bits){
+                return [
+                    parseInt(bits[1] + bits[1], 16),
+                    parseInt(bits[2] + bits[2], 16),
+                    parseInt(bits[3] + bits[3], 16)
+                ];
+            }
+        }
+    ];
+
+    // search through the definitions to find a match
+    for (var i = 0; i < color_defs.length; i++) {
+        var re = color_defs[i].re;
+        var processor = color_defs[i].process;
+        var bits = re.exec(color_string);
+        if (bits) {
+            channels = processor(bits);
+            this.r = channels[0];
+            this.g = channels[1];
+            this.b = channels[2];
+            this.ok = true;
+        }
+
+    }
+
+    // validate/cleanup values
+    this.r = (this.r < 0 || isNaN(this.r)) ? 0 : ((this.r > 255) ? 255 : this.r);
+    this.g = (this.g < 0 || isNaN(this.g)) ? 0 : ((this.g > 255) ? 255 : this.g);
+    this.b = (this.b < 0 || isNaN(this.b)) ? 0 : ((this.b > 255) ? 255 : this.b);
+
+    // some getters
+    this.toRGB = function () {
+        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
+    }
+    this.toHex = function () {
+        var r = this.r.toString(16);
+        var g = this.g.toString(16);
+        var b = this.b.toString(16);
+        if (r.length == 1) r = '0' + r;
+        if (g.length == 1) g = '0' + g;
+        if (b.length == 1) b = '0' + b;
+        return '#' + r + g + b;
+    }
+
+    // help
+    this.getHelpXML = function () {
+
+        var examples = new Array();
+        // add regexps
+        for (var i = 0; i < color_defs.length; i++) {
+            var example = color_defs[i].example;
+            for (var j = 0; j < example.length; j++) {
+                examples[examples.length] = example[j];
+            }
+        }
+        // add type-in colors
+        for (var sc in simple_colors) {
+            examples[examples.length] = sc;
+        }
+
+        var xml = document.createElement('ul');
+        xml.setAttribute('id', 'rgbcolor-examples');
+        for (var i = 0; i < examples.length; i++) {
+            try {
+                var list_item = document.createElement('li');
+                var list_color = new RGBColor(examples[i]);
+                var example_div = document.createElement('div');
+                example_div.style.cssText =
+                        'margin: 3px; '
+                        + 'border: 1px solid black; '
+                        + 'background:' + list_color.toHex() + '; '
+                        + 'color:' + list_color.toHex()
+                ;
+                example_div.appendChild(document.createTextNode('test'));
+                var list_item_value = document.createTextNode(
+                    ' ' + examples[i] + ' -> ' + list_color.toRGB() + ' -> ' + list_color.toHex()
+                );
+                list_item.appendChild(example_div);
+                list_item.appendChild(list_item_value);
+                xml.appendChild(list_item);
+
+            } catch(e){}
+        }
+        return xml;
+
+    }
+
+}
+
+/**
+ * @license canvg.js - Javascript SVG parser and renderer on Canvas
+ * MIT Licensed 
+ * Gabe Lerner (gabelerner@gmail.com)
+ * http://code.google.com/p/canvg/
+ *
+ * Requires: rgbcolor.js - http://www.phpied.com/rgb-color-parser-in-javascript/
+ *
+ */
+if(!window.console) {
+	window.console = {};
+	window.console.log = function(str) {};
+	window.console.dir = function(str) {};
+}
+
+if(!Array.prototype.indexOf){
+	Array.prototype.indexOf = function(obj){
+		for(var i=0; i<this.length; i++){
+			if(this[i]==obj){
+				return i;
+			}
+		}
+		return -1;
+	}
+}
+
+(function(){
+	// canvg(target, s)
+	// empty parameters: replace all 'svg' elements on page with 'canvas' elements
+	// target: canvas element or the id of a canvas element
+	// s: svg string, url to svg file, or xml document
+	// opts: optional hash of options
+	//		 ignoreMouse: true => ignore mouse events
+	//		 ignoreAnimation: true => ignore animations
+	//		 ignoreDimensions: true => does not try to resize canvas
+	//		 ignoreClear: true => does not clear canvas
+	//		 offsetX: int => draws at a x offset
+	//		 offsetY: int => draws at a y offset
+	//		 scaleWidth: int => scales horizontally to width
+	//		 scaleHeight: int => scales vertically to height
+	//		 renderCallback: function => will call the function after the first render is completed
+	//		 forceRedraw: function => will call the function on every frame, if it returns true, will redraw
+	this.canvg = function (target, s, opts) {
+		// no parameters
+		if (target == null && s == null && opts == null) {
+			var svgTags = document.getElementsByTagName('svg');
+			for (var i=0; i<svgTags.length; i++) {
+				var svgTag = svgTags[i];
+				var c = document.createElement('canvas');
+				c.width = svgTag.clientWidth;
+				c.height = svgTag.clientHeight;
+				svgTag.parentNode.insertBefore(c, svgTag);
+				svgTag.parentNode.removeChild(svgTag);
+				var div = document.createElement('div');
+				div.appendChild(svgTag);
+				canvg(c, div.innerHTML);
+			}
+			return;
+		}	
+		opts = opts || {};
+	
+		if (typeof target == 'string') {
+			target = document.getElementById(target);
+		}
+		
+		// reuse class per canvas
+		var svg;
+		if (target.svg == null) {
+			svg = build();
+			target.svg = svg;
+		}
+		else {
+			svg = target.svg;
+			svg.stop();
+		}
+		svg.opts = opts;
+		
+		var ctx = target.getContext('2d');
+		if (typeof(s.documentElement) != 'undefined') {
+			// load from xml doc
+			svg.loadXmlDoc(ctx, s);
+		}
+		else if (s.substr(0,1) == '<') {
+			// load from xml string
+			svg.loadXml(ctx, s);
+		}
+		else {
+			// load from url
+			svg.load(ctx, s);
+		}
+	}
+
+	function build() {
+		var svg = { };
+		
+		svg.FRAMERATE = 30;
+		svg.MAX_VIRTUAL_PIXELS = 30000;
+		
+		// globals
+		svg.init = function(ctx) {
+			svg.Definitions = {};
+			svg.Styles = {};
+			svg.Animations = [];
+			svg.Images = [];
+			svg.ctx = ctx;
+			svg.ViewPort = new (function () {
+				this.viewPorts = [];
+				this.Clear = function() { this.viewPorts = []; }
+				this.SetCurrent = function(width, height) { this.viewPorts.push({ width: width, height: height }); }
+				this.RemoveCurrent = function() { this.viewPorts.pop(); }
+				this.Current = function() { return this.viewPorts[this.viewPorts.length - 1]; }
+				this.width = function() { return this.Current().width; }
+				this.height = function() { return this.Current().height; }
+				this.ComputeSize = function(d) {
+					if (d != null && typeof(d) == 'number') return d;
+					if (d == 'x') return this.width();
+					if (d == 'y') return this.height();
+					return Math.sqrt(Math.pow(this.width(), 2) + Math.pow(this.height(), 2)) / Math.sqrt(2);			
+				}
+			});
+		}
+		svg.init();
+		
+		// images loaded
+		svg.ImagesLoaded = function() { 
+			for (var i=0; i<svg.Images.length; i++) {
+				if (!svg.Images[i].loaded) return false;
+			}
+			return true;
+		}
+
+		// trim
+		svg.trim = function(s) { return s.replace(/^\s+|\s+$/g, ''); }
+		
+		// compress spaces
+		svg.compressSpaces = function(s) { return s.replace(/[\s\r\t\n]+/gm,' '); }
+		
+		// ajax
+		svg.ajax = function(url) {
+			var AJAX;
+			if(window.XMLHttpRequest){AJAX=new XMLHttpRequest();}
+			else{AJAX=new ActiveXObject('Microsoft.XMLHTTP');}
+			if(AJAX){
+			   AJAX.open('GET',url,false);
+			   AJAX.send(null);
+			   return AJAX.responseText;
+			}
+			return null;
+		} 
+		
+		// parse xml
+		svg.parseXml = function(xml) {
+			if (window.DOMParser)
+			{
+				var parser = new DOMParser();
+				return parser.parseFromString(xml, 'text/xml');
+			}
+			else 
+			{
+				xml = xml.replace(/<!DOCTYPE svg[^>]*>/, '');
+				var xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
+				xmlDoc.async = 'false';
+				xmlDoc.loadXML(xml); 
+				return xmlDoc;
+			}		
+		}
+		
+		svg.Property = function(name, value) {
+			this.name = name;
+			this.value = value;
+			
+			this.hasValue = function() {
+				return (this.value != null && this.value !== '');
+			}
+							
+			// return the numerical value of the property
+			this.numValue = function() {
+				if (!this.hasValue()) return 0;
+				
+				var n = parseFloat(this.value);
+				if ((this.value + '').match(/%$/)) {
+					n = n / 100.0;
+				}
+				return n;
+			}
+			
+			this.valueOrDefault = function(def) {
+				if (this.hasValue()) return this.value;
+				return def;
+			}
+			
+			this.numValueOrDefault = function(def) {
+				if (this.hasValue()) return this.numValue();
+				return def;
+			}
+			
+			/* EXTENSIONS */
+			var that = this;
+			
+			// color extensions
+			this.Color = {
+				// augment the current color value with the opacity
+				addOpacity: function(opacity) {
+					var newValue = that.value;
+					if (opacity != null && opacity != '') {
+						var color = new RGBColor(that.value);
+						if (color.ok) {
+							newValue = 'rgba(' + color.r + ', ' + color.g + ', ' + color.b + ', ' + opacity + ')';
+						}
+					}
+					return new svg.Property(that.name, newValue);
+				}
+			}
+			
+			// definition extensions
+			this.Definition = {
+				// get the definition from the definitions table
+				getDefinition: function() {
+					var name = that.value.replace(/^(url\()?#([^\)]+)\)?$/, '$2');
+					return svg.Definitions[name];
+				},
+				
+				isUrl: function() {
+					return that.value.indexOf('url(') == 0
+				},
+				
+				getFillStyle: function(e) {
+					var def = this.getDefinition();
+					
+					// gradient
+					if (def != null && def.createGradient) {
+						return def.createGradient(svg.ctx, e);
+					}
+					
+					// pattern
+					if (def != null && def.createPattern) {
+						return def.createPattern(svg.ctx, e);
+					}
+					
+					return null;
+				}
+			}
+			
+			// length extensions
+			this.Length = {
+				DPI: function(viewPort) {
+					return 96.0; // TODO: compute?
+				},
+				
+				EM: function(viewPort) {
+					var em = 12;
+					
+					var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+					if (fontSize.hasValue()) em = fontSize.Length.toPixels(viewPort);
+					
+					return em;
+				},
+			
+				// get the length as pixels
+				toPixels: function(viewPort) {
+					if (!that.hasValue()) return 0;
+					var s = that.value+'';
+					if (s.match(/em$/)) return that.numValue() * this.EM(viewPort);
+					if (s.match(/ex$/)) return that.numValue() * this.EM(viewPort) / 2.0;
+					if (s.match(/px$/)) return that.numValue();
+					if (s.match(/pt$/)) return that.numValue() * 1.25;
+					if (s.match(/pc$/)) return that.numValue() * 15;
+					if (s.match(/cm$/)) return that.numValue() * this.DPI(viewPort) / 2.54;
+					if (s.match(/mm$/)) return that.numValue() * this.DPI(viewPort) / 25.4;
+					if (s.match(/in$/)) return that.numValue() * this.DPI(viewPort);
+					if (s.match(/%$/)) return that.numValue() * svg.ViewPort.ComputeSize(viewPort);
+					return that.numValue();
+				}
+			}
+			
+			// time extensions
+			this.Time = {
+				// get the time as milliseconds
+				toMilliseconds: function() {
+					if (!that.hasValue()) return 0;
+					var s = that.value+'';
+					if (s.match(/s$/)) return that.numValue() * 1000;
+					if (s.match(/ms$/)) return that.numValue();
+					return that.numValue();
+				}
+			}
+			
+			// angle extensions
+			this.Angle = {
+				// get the angle as radians
+				toRadians: function() {
+					if (!that.hasValue()) return 0;
+					var s = that.value+'';
+					if (s.match(/deg$/)) return that.numValue() * (Math.PI / 180.0);
+					if (s.match(/grad$/)) return that.numValue() * (Math.PI / 200.0);
+					if (s.match(/rad$/)) return that.numValue();
+					return that.numValue() * (Math.PI / 180.0);
+				}
+			}
+		}
+		
+		// fonts
+		svg.Font = new (function() {
+			this.Styles = ['normal','italic','oblique','inherit'];
+			this.Variants = ['normal','small-caps','inherit'];
+			this.Weights = ['normal','bold','bolder','lighter','100','200','300','400','500','600','700','800','900','inherit'];
+			
+			this.CreateFont = function(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) { 
+				var f = inherit != null ? this.Parse(inherit) : this.CreateFont('', '', '', '', '', svg.ctx.font);
+				return { 
+					fontFamily: fontFamily || f.fontFamily, 
+					fontSize: fontSize || f.fontSize, 
+					fontStyle: fontStyle || f.fontStyle, 
+					fontWeight: fontWeight || f.fontWeight, 
+					fontVariant: fontVariant || f.fontVariant,
+					toString: function () { return [this.fontStyle, this.fontVariant, this.fontWeight, this.fontSize, this.fontFamily].join(' ') } 
+				} 
+			}
+			
+			var that = this;
+			this.Parse = function(s) {
+				var f = {};
+				var d = svg.trim(svg.compressSpaces(s || '')).split(' ');
+				var set = { fontSize: false, fontStyle: false, fontWeight: false, fontVariant: false }
+				var ff = '';
+				for (var i=0; i<d.length; i++) {
+					if (!set.fontStyle && that.Styles.indexOf(d[i]) != -1) { if (d[i] != 'inherit') f.fontStyle = d[i]; set.fontStyle = true; }
+					else if (!set.fontVariant && that.Variants.indexOf(d[i]) != -1) { if (d[i] != 'inherit') f.fontVariant = d[i]; set.fontStyle = set.fontVariant = true;	}
+					else if (!set.fontWeight && that.Weights.indexOf(d[i]) != -1) {	if (d[i] != 'inherit') f.fontWeight = d[i]; set.fontStyle = set.fontVariant = set.fontWeight = true; }
+					else if (!set.fontSize) { if (d[i] != 'inherit') f.fontSize = d[i].split('/')[0]; set.fontStyle = set.fontVariant = set.fontWeight = set.fontSize = true; }
+					else { if (d[i] != 'inherit') ff += d[i]; }
+				} if (ff != '') f.fontFamily = ff;
+				return f;
+			}
+		});
+		
+		// points and paths
+		svg.ToNumberArray = function(s) {
+			var a = svg.trim(svg.compressSpaces((s || '').replace(/,/g, ' '))).split(' ');
+			for (var i=0; i<a.length; i++) {
+				a[i] = parseFloat(a[i]);
+			}
+			return a;
+		}		
+		svg.Point = function(x, y) {
+			this.x = x;
+			this.y = y;
+			
+			this.angleTo = function(p) {
+				return Math.atan2(p.y - this.y, p.x - this.x);
+			}
+			
+			this.applyTransform = function(v) {
+				var xp = this.x * v[0] + this.y * v[2] + v[4];
+				var yp = this.x * v[1] + this.y * v[3] + v[5];
+				this.x = xp;
+				this.y = yp;
+			}
+		}
+		svg.CreatePoint = function(s) {
+			var a = svg.ToNumberArray(s);
+			return new svg.Point(a[0], a[1]);
+		}
+		svg.CreatePath = function(s) {
+			var a = svg.ToNumberArray(s);
+			var path = [];
+			for (var i=0; i<a.length; i+=2) {
+				path.push(new svg.Point(a[i], a[i+1]));
+			}
+			return path;
+		}
+		
+		// bounding box
+		svg.BoundingBox = function(x1, y1, x2, y2) { // pass in initial points if you want
+			this.x1 = Number.NaN;
+			this.y1 = Number.NaN;
+			this.x2 = Number.NaN;
+			this.y2 = Number.NaN;
+			
+			this.x = function() { return this.x1; }
+			this.y = function() { return this.y1; }
+			this.width = function() { return this.x2 - this.x1; }
+			this.height = function() { return this.y2 - this.y1; }
+			
+			this.addPoint = function(x, y) {	
+				if (x != null) {
+					if (isNaN(this.x1) || isNaN(this.x2)) {
+						this.x1 = x;
+						this.x2 = x;
+					}
+					if (x < this.x1) this.x1 = x;
+					if (x > this.x2) this.x2 = x;
+				}
+			
+				if (y != null) {
+					if (isNaN(this.y1) || isNaN(this.y2)) {
+						this.y1 = y;
+						this.y2 = y;
+					}
+					if (y < this.y1) this.y1 = y;
+					if (y > this.y2) this.y2 = y;
+				}
+			}			
+			this.addX = function(x) { this.addPoint(x, null); }
+			this.addY = function(y) { this.addPoint(null, y); }
+			
+			this.addBoundingBox = function(bb) {
+				this.addPoint(bb.x1, bb.y1);
+				this.addPoint(bb.x2, bb.y2);
+			}
+			
+			this.addQuadraticCurve = function(p0x, p0y, p1x, p1y, p2x, p2y) {
+				var cp1x = p0x + 2/3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)
+				var cp1y = p0y + 2/3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)
+				var cp2x = cp1x + 1/3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)
+				var cp2y = cp1y + 1/3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)
+				this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y,	cp2y, p2x, p2y);
+			}
+			
+			this.addBezierCurve = function(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
+				// from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
+				var p0 = [p0x, p0y], p1 = [p1x, p1y], p2 = [p2x, p2y], p3 = [p3x, p3y];
+				this.addPoint(p0[0], p0[1]);
+				this.addPoint(p3[0], p3[1]);
+				
+				for (i=0; i<=1; i++) {
+					var f = function(t) { 
+						return Math.pow(1-t, 3) * p0[i]
+						+ 3 * Math.pow(1-t, 2) * t * p1[i]
+						+ 3 * (1-t) * Math.pow(t, 2) * p2[i]
+						+ Math.pow(t, 3) * p3[i];
+					}
+					
+					var b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
+					var a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
+					var c = 3 * p1[i] - 3 * p0[i];
+					
+					if (a == 0) {
+						if (b == 0) continue;
+						var t = -c / b;
+						if (0 < t && t < 1) {
+							if (i == 0) this.addX(f(t));
+							if (i == 1) this.addY(f(t));
+						}
+						continue;
+					}
+					
+					var b2ac = Math.pow(b, 2) - 4 * c * a;
+					if (b2ac < 0) continue;
+					var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+					if (0 < t1 && t1 < 1) {
+						if (i == 0) this.addX(f(t1));
+						if (i == 1) this.addY(f(t1));
+					}
+					var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+					if (0 < t2 && t2 < 1) {
+						if (i == 0) this.addX(f(t2));
+						if (i == 1) this.addY(f(t2));
+					}
+				}
+			}
+			
+			this.isPointInBox = function(x, y) {
+				return (this.x1 <= x && x <= this.x2 && this.y1 <= y && y <= this.y2);
+			}
+			
+			this.addPoint(x1, y1);
+			this.addPoint(x2, y2);
+		}
+		
+		// transforms
+		svg.Transform = function(v) {	
+			var that = this;
+			this.Type = {}
+		
+			// translate
+			this.Type.translate = function(s) {
+				this.p = svg.CreatePoint(s);			
+				this.apply = function(ctx) {
+					ctx.translate(this.p.x || 0.0, this.p.y || 0.0);
+				}
+				this.applyToPoint = function(p) {
+					p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
+				}
+			}
+			
+			// rotate
+			this.Type.rotate = function(s) {
+				var a = svg.ToNumberArray(s);
+				this.angle = new svg.Property('angle', a[0]);
+				this.cx = a[1] || 0;
+				this.cy = a[2] || 0;
+				this.apply = function(ctx) {
+					ctx.translate(this.cx, this.cy);
+					ctx.rotate(this.angle.Angle.toRadians());
+					ctx.translate(-this.cx, -this.cy);
+				}
+				this.applyToPoint = function(p) {
+					var a = this.angle.Angle.toRadians();
+					p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
+					p.applyTransform([Math.cos(a), Math.sin(a), -Math.sin(a), Math.cos(a), 0, 0]);
+					p.applyTransform([1, 0, 0, 1, -this.p.x || 0.0, -this.p.y || 0.0]);
+				}			
+			}
+			
+			this.Type.scale = function(s) {
+				this.p = svg.CreatePoint(s);
+				this.apply = function(ctx) {
+					ctx.scale(this.p.x || 1.0, this.p.y || this.p.x || 1.0);
+				}
+				this.applyToPoint = function(p) {
+					p.applyTransform([this.p.x || 0.0, 0, 0, this.p.y || 0.0, 0, 0]);
+				}				
+			}
+			
+			this.Type.matrix = function(s) {
+				this.m = svg.ToNumberArray(s);
+				this.apply = function(ctx) {
+					ctx.transform(this.m[0], this.m[1], this.m[2], this.m[3], this.m[4], this.m[5]);
+				}
+				this.applyToPoint = function(p) {
+					p.applyTransform(this.m);
+				}					
+			}
+			
+			this.Type.SkewBase = function(s) {
+				this.base = that.Type.matrix;
+				this.base(s);
+				this.angle = new svg.Property('angle', s);
+			}
+			this.Type.SkewBase.prototype = new this.Type.matrix;
+			
+			this.Type.skewX = function(s) {
+				this.base = that.Type.SkewBase;
+				this.base(s);
+				this.m = [1, 0, Math.tan(this.angle.Angle.toRadians()), 1, 0, 0];
+			}
+			this.Type.skewX.prototype = new this.Type.SkewBase;
+			
+			this.Type.skewY = function(s) {
+				this.base = that.Type.SkewBase;
+				this.base(s);
+				this.m = [1, Math.tan(this.angle.Angle.toRadians()), 0, 1, 0, 0];
+			}
+			this.Type.skewY.prototype = new this.Type.SkewBase;
+		
+			this.transforms = [];
+			
+			this.apply = function(ctx) {
+				for (var i=0; i<this.transforms.length; i++) {
+					this.transforms[i].apply(ctx);
+				}
+			}
+			
+			this.applyToPoint = function(p) {
+				for (var i=0; i<this.transforms.length; i++) {
+					this.transforms[i].applyToPoint(p);
+				}
+			}
+			
+			var data = svg.trim(svg.compressSpaces(v)).split(/\s(?=[a-z])/);
+			for (var i=0; i<data.length; i++) {
+				var type = data[i].split('(')[0];
+				var s = data[i].split('(')[1].replace(')','');
+				var transform = new this.Type[type](s);
+				this.transforms.push(transform);
+			}
+		}
+		
+		// aspect ratio
+		svg.AspectRatio = function(ctx, aspectRatio, width, desiredWidth, height, desiredHeight, minX, minY, refX, refY) {
+			// aspect ratio - http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute
+			aspectRatio = svg.compressSpaces(aspectRatio);
+			aspectRatio = aspectRatio.replace(/^defer\s/,''); // ignore defer
+			var align = aspectRatio.split(' ')[0] || 'xMidYMid';
+			var meetOrSlice = aspectRatio.split(' ')[1] || 'meet';					
+	
+			// calculate scale
+			var scaleX = width / desiredWidth;
+			var scaleY = height / desiredHeight;
+			var scaleMin = Math.min(scaleX, scaleY);
+			var scaleMax = Math.max(scaleX, scaleY);
+			if (meetOrSlice == 'meet') { desiredWidth *= scaleMin; desiredHeight *= scaleMin; }
+			if (meetOrSlice == 'slice') { desiredWidth *= scaleMax; desiredHeight *= scaleMax; }	
+			
+			refX = new svg.Property('refX', refX);
+			refY = new svg.Property('refY', refY);
+			if (refX.hasValue() && refY.hasValue()) {				
+				ctx.translate(-scaleMin * refX.Length.toPixels('x'), -scaleMin * refY.Length.toPixels('y'));
+			} 
+			else {					
+				// align
+				if (align.match(/^xMid/) && ((meetOrSlice == 'meet' && scaleMin == scaleY) || (meetOrSlice == 'slice' && scaleMax == scaleY))) ctx.translate(width / 2.0 - desiredWidth / 2.0, 0); 
+				if (align.match(/YMid$/) && ((meetOrSlice == 'meet' && scaleMin == scaleX) || (meetOrSlice == 'slice' && scaleMax == scaleX))) ctx.translate(0, height / 2.0 - desiredHeight / 2.0); 
+				if (align.match(/^xMax/) && ((meetOrSlice == 'meet' && scaleMin == scaleY) || (meetOrSlice == 'slice' && scaleMax == scaleY))) ctx.translate(width - desiredWidth, 0); 
+				if (align.match(/YMax$/) && ((meetOrSlice == 'meet' && scaleMin == scaleX) || (meetOrSlice == 'slice' && scaleMax == scaleX))) ctx.translate(0, height - desiredHeight); 
+			}
+			
+			// scale
+			if (align == 'none') ctx.scale(scaleX, scaleY);
+			else if (meetOrSlice == 'meet') ctx.scale(scaleMin, scaleMin); 
+			else if (meetOrSlice == 'slice') ctx.scale(scaleMax, scaleMax); 	
+			
+			// translate
+			ctx.translate(minX == null ? 0 : -minX, minY == null ? 0 : -minY);			
+		}
+		
+		// elements
+		svg.Element = {}
+		
+		svg.Element.ElementBase = function(node) {	
+			this.attributes = {};
+			this.styles = {};
+			this.children = [];
+			
+			// get or create attribute
+			this.attribute = function(name, createIfNotExists) {
+				var a = this.attributes[name];
+				if (a != null) return a;
+							
+				a = new svg.Property(name, '');
+				if (createIfNotExists == true) this.attributes[name] = a;
+				return a;
+			}
+			
+			// get or create style, crawls up node tree
+			this.style = function(name, createIfNotExists) {
+				var s = this.styles[name];
+				if (s != null) return s;
+				
+				var a = this.attribute(name);
+				if (a != null && a.hasValue()) {
+					return a;
+				}
+				
+				var p = this.parent;
+				if (p != null) {
+					var ps = p.style(name);
+					if (ps != null && ps.hasValue()) {
+						return ps;
+					}
+				}
+					
+				s = new svg.Property(name, '');
+				if (createIfNotExists == true) this.styles[name] = s;
+				return s;
+			}
+			
+			// base render
+			this.render = function(ctx) {
+				// don't render display=none
+				if (this.style('display').value == 'none') return;
+				
+				// don't render visibility=hidden
+				if (this.attribute('visibility').value == 'hidden') return;
+			
+				ctx.save();
+					this.setContext(ctx);
+						// mask
+						if (this.attribute('mask').hasValue()) {
+							var mask = this.attribute('mask').Definition.getDefinition();
+							if (mask != null) mask.apply(ctx, this);
+						}
+						else if (this.style('filter').hasValue()) {
+							var filter = this.style('filter').Definition.getDefinition();
+							if (filter != null) filter.apply(ctx, this);
+						}
+						else this.renderChildren(ctx);				
+					this.clearContext(ctx);
+				ctx.restore();
+			}
+			
+			// base set context
+			this.setContext = function(ctx) {
+				// OVERRIDE ME!
+			}
+			
+			// base clear context
+			this.clearContext = function(ctx) {
+				// OVERRIDE ME!
+			}			
+			
+			// base render children
+			this.renderChildren = function(ctx) {
+				for (var i=0; i<this.children.length; i++) {
+					this.children[i].render(ctx);
+				}
+			}
+			
+			this.addChild = function(childNode, create) {
+				var child = childNode;
+				if (create) child = svg.CreateElement(childNode);
+				child.parent = this;
+				this.children.push(child);			
+			}
+				
+			if (node != null && node.nodeType == 1) { //ELEMENT_NODE
+				// add children
+				for (var i=0; i<node.childNodes.length; i++) {
+					var childNode = node.childNodes[i];
+					if (childNode.nodeType == 1) this.addChild(childNode, true); //ELEMENT_NODE
+				}
+				
+				// add attributes
+				for (var i=0; i<node.attributes.length; i++) {
+					var attribute = node.attributes[i];
+					this.attributes[attribute.nodeName] = new svg.Property(attribute.nodeName, attribute.nodeValue);
+				}
+										
+				// add tag styles
+				var styles = svg.Styles[node.nodeName];
+				if (styles != null) {
+					for (var name in styles) {
+						this.styles[name] = styles[name];
+					}
+				}					
+				
+				// add class styles
+				if (this.attribute('class').hasValue()) {
+					var classes = svg.compressSpaces(this.attribute('class').value).split(' ');
+					for (var j=0; j<classes.length; j++) {
+						styles = svg.Styles['.'+classes[j]];
+						if (styles != null) {
+							for (var name in styles) {
+								this.styles[name] = styles[name];
+							}
+						}
+						styles = svg.Styles[node.nodeName+'.'+classes[j]];
+						if (styles != null) {
+							for (var name in styles) {
+								this.styles[name] = styles[name];
+							}
+						}
+					}
+				}
+				
+				// add inline styles
+				if (this.attribute('style').hasValue()) {
+					var styles = this.attribute('style').value.split(';');
+					for (var i=0; i<styles.length; i++) {
+						if (svg.trim(styles[i]) != '') {
+							var style = styles[i].split(':');
+							var name = svg.trim(style[0]);
+							var value = svg.trim(style[1]);
+							this.styles[name] = new svg.Property(name, value);
+						}
+					}
+				}	
+
+				// add id
+				if (this.attribute('id').hasValue()) {
+					if (svg.Definitions[this.attribute('id').value] == null) {
+						svg.Definitions[this.attribute('id').value] = this;
+					}
+				}
+			}
+		}
+		
+		svg.Element.RenderedElementBase = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.setContext = function(ctx) {
+				// fill
+				if (this.style('fill').Definition.isUrl()) {
+					var fs = this.style('fill').Definition.getFillStyle(this);
+					if (fs != null) ctx.fillStyle = fs;
+				}
+				else if (this.style('fill').hasValue()) {
+					var fillStyle = this.style('fill');
+					if (this.style('fill-opacity').hasValue()) fillStyle = fillStyle.Color.addOpacity(this.style('fill-opacity').value);
+					ctx.fillStyle = (fillStyle.value == 'none' ? 'rgba(0,0,0,0)' : fillStyle.value);
+				}
+									
+				// stroke
+				if (this.style('stroke').Definition.isUrl()) {
+					var fs = this.style('stroke').Definition.getFillStyle(this);
+					if (fs != null) ctx.strokeStyle = fs;
+				}
+				else if (this.style('stroke').hasValue()) {
+					var strokeStyle = this.style('stroke');
+					if (this.style('stroke-opacity').hasValue()) strokeStyle = strokeStyle.Color.addOpacity(this.style('stroke-opacity').value);
+					ctx.strokeStyle = (strokeStyle.value == 'none' ? 'rgba(0,0,0,0)' : strokeStyle.value);
+				}
+				if (this.style('stroke-width').hasValue()) ctx.lineWidth = this.style('stroke-width').Length.toPixels();
+				if (this.style('stroke-linecap').hasValue()) ctx.lineCap = this.style('stroke-linecap').value;
+				if (this.style('stroke-linejoin').hasValue()) ctx.lineJoin = this.style('stroke-linejoin').value;
+				if (this.style('stroke-miterlimit').hasValue()) ctx.miterLimit = this.style('stroke-miterlimit').value;
+
+				// font
+				if (typeof(ctx.font) != 'undefined') {
+					ctx.font = svg.Font.CreateFont( 
+						this.style('font-style').value, 
+						this.style('font-variant').value, 
+						this.style('font-weight').value, 
+						this.style('font-size').hasValue() ? this.style('font-size').Length.toPixels() + 'px' : '', 
+						this.style('font-family').value).toString();
+				}
+				
+				// transform
+				if (this.attribute('transform').hasValue()) { 
+					var transform = new svg.Transform(this.attribute('transform').value);
+					transform.apply(ctx);
+				}
+				
+				// clip
+				if (this.attribute('clip-path').hasValue()) {
+					var clip = this.attribute('clip-path').Definition.getDefinition();
+					if (clip != null) clip.apply(ctx);
+				}
+				
+				// opacity
+				if (this.style('opacity').hasValue()) {
+					ctx.globalAlpha = this.style('opacity').numValue();
+				}
+			}		
+		}
+		svg.Element.RenderedElementBase.prototype = new svg.Element.ElementBase;
+		
+		svg.Element.PathElementBase = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			this.path = function(ctx) {
+				if (ctx != null) ctx.beginPath();
+				return new svg.BoundingBox();
+			}
+			
+			this.renderChildren = function(ctx) {
+				this.path(ctx);
+				svg.Mouse.checkPath(this, ctx);
+				if (ctx.fillStyle != '') ctx.fill();
+				if (ctx.strokeStyle != '') ctx.stroke();
+				
+				var markers = this.getMarkers();
+				if (markers != null) {
+					if (this.style('marker-start').Definition.isUrl()) {
+						var marker = this.style('marker-start').Definition.getDefinition();
+						marker.render(ctx, markers[0][0], markers[0][1]);
+					}
+					if (this.style('marker-mid').Definition.isUrl()) {
+						var marker = this.style('marker-mid').Definition.getDefinition();
+						for (var i=1;i<markers.length-1;i++) {
+							marker.render(ctx, markers[i][0], markers[i][1]);
+						}
+					}
+					if (this.style('marker-end').Definition.isUrl()) {
+						var marker = this.style('marker-end').Definition.getDefinition();
+						marker.render(ctx, markers[markers.length-1][0], markers[markers.length-1][1]);
+					}
+				}					
+			}
+			
+			this.getBoundingBox = function() {
+				return this.path();
+			}
+			
+			this.getMarkers = function() {
+				return null;
+			}
+		}
+		svg.Element.PathElementBase.prototype = new svg.Element.RenderedElementBase;
+		
+		// svg element
+		svg.Element.svg = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			this.baseClearContext = this.clearContext;
+			this.clearContext = function(ctx) {
+				this.baseClearContext(ctx);
+				svg.ViewPort.RemoveCurrent();
+			}
+			
+			this.baseSetContext = this.setContext;
+			this.setContext = function(ctx) {
+				// initial values
+				ctx.strokeStyle = 'rgba(0,0,0,0)';
+				ctx.lineCap = 'butt';
+				ctx.lineJoin = 'miter';
+				ctx.miterLimit = 4;			
+			
+				this.baseSetContext(ctx);
+				
+				// create new view port
+				if (this.attribute('x').hasValue() && this.attribute('y').hasValue()) {
+					ctx.translate(this.attribute('x').Length.toPixels('x'), this.attribute('y').Length.toPixels('y'));
+				}
+				
+				var width = svg.ViewPort.width();
+				var height = svg.ViewPort.height();
+				if (typeof(this.root) == 'undefined' && this.attribute('width').hasValue() && this.attribute('height').hasValue()) {
+					width = this.attribute('width').Length.toPixels('x');
+					height = this.attribute('height').Length.toPixels('y');
+					
+					var x = 0;
+					var y = 0;
+					if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
+						x = -this.attribute('refX').Length.toPixels('x');
+						y = -this.attribute('refY').Length.toPixels('y');
+					}
+					
+					ctx.beginPath();
+					ctx.moveTo(x, y);
+					ctx.lineTo(width, y);
+					ctx.lineTo(width, height);
+					ctx.lineTo(x, height);
+					ctx.closePath();
+					ctx.clip();
+				}
+				svg.ViewPort.SetCurrent(width, height);	
+						
+				// viewbox
+				if (this.attribute('viewBox').hasValue()) {				
+					var viewBox = svg.ToNumberArray(this.attribute('viewBox').value);
+					var minX = viewBox[0];
+					var minY = viewBox[1];
+					width = viewBox[2];
+					height = viewBox[3];
+					
+					svg.AspectRatio(ctx,
+									this.attribute('preserveAspectRatio').value, 
+									svg.ViewPort.width(), 
+									width,
+									svg.ViewPort.height(),
+									height,
+									minX,
+									minY,
+									this.attribute('refX').value,
+									this.attribute('refY').value);
+										
+					svg.ViewPort.RemoveCurrent();	
+					svg.ViewPort.SetCurrent(viewBox[2], viewBox[3]);						
+				}				
+			}
+		}
+		svg.Element.svg.prototype = new svg.Element.RenderedElementBase;
+
+		// rect element
+		svg.Element.rect = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+			
+			this.path = function(ctx) {
+				var x = this.attribute('x').Length.toPixels('x');
+				var y = this.attribute('y').Length.toPixels('y');
+				var width = this.attribute('width').Length.toPixels('x');
+				var height = this.attribute('height').Length.toPixels('y');
+				var rx = this.attribute('rx').Length.toPixels('x');
+				var ry = this.attribute('ry').Length.toPixels('y');
+				if (this.attribute('rx').hasValue() && !this.attribute('ry').hasValue()) ry = rx;
+				if (this.attribute('ry').hasValue() && !this.attribute('rx').hasValue()) rx = ry;
+				
+				if (ctx != null) {
+					ctx.beginPath();
+					ctx.moveTo(x + rx, y);
+					ctx.lineTo(x + width - rx, y);
+					ctx.quadraticCurveTo(x + width, y, x + width, y + ry)
+					ctx.lineTo(x + width, y + height - ry);
+					ctx.quadraticCurveTo(x + width, y + height, x + width - rx, y + height)
+					ctx.lineTo(x + rx, y + height);
+					ctx.quadraticCurveTo(x, y + height, x, y + height - ry)
+					ctx.lineTo(x, y + ry);
+					ctx.quadraticCurveTo(x, y, x + rx, y)
+					ctx.closePath();
+				}
+				
+				return new svg.BoundingBox(x, y, x + width, y + height);
+			}
+		}
+		svg.Element.rect.prototype = new svg.Element.PathElementBase;
+		
+		// circle element
+		svg.Element.circle = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+			
+			this.path = function(ctx) {
+				var cx = this.attribute('cx').Length.toPixels('x');
+				var cy = this.attribute('cy').Length.toPixels('y');
+				var r = this.attribute('r').Length.toPixels();
+			
+				if (ctx != null) {
+					ctx.beginPath();
+					ctx.arc(cx, cy, r, 0, Math.PI * 2, true); 
+					ctx.closePath();
+				}
+				
+				return new svg.BoundingBox(cx - r, cy - r, cx + r, cy + r);
+			}
+		}
+		svg.Element.circle.prototype = new svg.Element.PathElementBase;	
+
+		// ellipse element
+		svg.Element.ellipse = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+			
+			this.path = function(ctx) {
+				var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);
+				var rx = this.attribute('rx').Length.toPixels('x');
+				var ry = this.attribute('ry').Length.toPixels('y');
+				var cx = this.attribute('cx').Length.toPixels('x');
+				var cy = this.attribute('cy').Length.toPixels('y');
+				
+				if (ctx != null) {
+					ctx.beginPath();
+					ctx.moveTo(cx, cy - ry);
+					ctx.bezierCurveTo(cx + (KAPPA * rx), cy - ry,  cx + rx, cy - (KAPPA * ry), cx + rx, cy);
+					ctx.bezierCurveTo(cx + rx, cy + (KAPPA * ry), cx + (KAPPA * rx), cy + ry, cx, cy + ry);
+					ctx.bezierCurveTo(cx - (KAPPA * rx), cy + ry, cx - rx, cy + (KAPPA * ry), cx - rx, cy);
+					ctx.bezierCurveTo(cx - rx, cy - (KAPPA * ry), cx - (KAPPA * rx), cy - ry, cx, cy - ry);
+					ctx.closePath();
+				}
+				
+				return new svg.BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);
+			}
+		}
+		svg.Element.ellipse.prototype = new svg.Element.PathElementBase;			
+		
+		// line element
+		svg.Element.line = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+			
+			this.getPoints = function() {
+				return [
+					new svg.Point(this.attribute('x1').Length.toPixels('x'), this.attribute('y1').Length.toPixels('y')),
+					new svg.Point(this.attribute('x2').Length.toPixels('x'), this.attribute('y2').Length.toPixels('y'))];
+			}
+								
+			this.path = function(ctx) {
+				var points = this.getPoints();
+				
+				if (ctx != null) {
+					ctx.beginPath();
+					ctx.moveTo(points[0].x, points[0].y);
+					ctx.lineTo(points[1].x, points[1].y);
+				}
+				
+				return new svg.BoundingBox(points[0].x, points[0].y, points[1].x, points[1].y);
+			}
+			
+			this.getMarkers = function() {
+				var points = this.getPoints();	
+				var a = points[0].angleTo(points[1]);
+				return [[points[0], a], [points[1], a]];
+			}
+		}
+		svg.Element.line.prototype = new svg.Element.PathElementBase;		
+				
+		// polyline element
+		svg.Element.polyline = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+			
+			this.points = svg.CreatePath(this.attribute('points').value);
+			this.path = function(ctx) {
+				var bb = new svg.BoundingBox(this.points[0].x, this.points[0].y);
+				if (ctx != null) {
+					ctx.beginPath();
+					ctx.moveTo(this.points[0].x, this.points[0].y);
+				}
+				for (var i=1; i<this.points.length; i++) {
+					bb.addPoint(this.points[i].x, this.points[i].y);
+					if (ctx != null) ctx.lineTo(this.points[i].x, this.points[i].y);
+				}
+				return bb;
+			}
+			
+			this.getMarkers = function() {
+				var markers = [];
+				for (var i=0; i<this.points.length - 1; i++) {
+					markers.push([this.points[i], this.points[i].angleTo(this.points[i+1])]);
+				}
+				markers.push([this.points[this.points.length-1], markers[markers.length-1][1]]);
+				return markers;
+			}			
+		}
+		svg.Element.polyline.prototype = new svg.Element.PathElementBase;				
+				
+		// polygon element
+		svg.Element.polygon = function(node) {
+			this.base = svg.Element.polyline;
+			this.base(node);
+			
+			this.basePath = this.path;
+			this.path = function(ctx) {
+				var bb = this.basePath(ctx);
+				if (ctx != null) {
+					ctx.lineTo(this.points[0].x, this.points[0].y);
+					ctx.closePath();
+				}
+				return bb;
+			}
+		}
+		svg.Element.polygon.prototype = new svg.Element.polyline;
+
+		// path element
+		svg.Element.path = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+					
+			var d = this.attribute('d').value;
+			// TODO: convert to real lexer based on http://www.w3.org/TR/SVG11/paths.html#PathDataBNF
+			d = d.replace(/,/gm,' '); // get rid of all commas
+			d = d.replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm,'$1 $2'); // separate commands from commands
+			d = d.replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm,'$1 $2'); // separate commands from commands
+			d = d.replace(/([MmZzLlHhVvCcSsQqTtAa])([^\s])/gm,'$1 $2'); // separate commands from points
+			d = d.replace(/([^\s])([MmZzLlHhVvCcSsQqTtAa])/gm,'$1 $2'); // separate commands from points
+			d = d.replace(/([0-9])([+\-])/gm,'$1 $2'); // separate digits when no comma
+			d = d.replace(/(\.[0-9]*)(\.)/gm,'$1 $2'); // separate digits when no comma
+			d = d.replace(/([Aa](\s+[0-9]+){3})\s+([01])\s*([01])/gm,'$1 $3 $4 '); // shorthand elliptical arc path syntax
+			d = svg.compressSpaces(d); // compress multiple spaces
+			d = svg.trim(d);
+			this.PathParser = new (function(d) {
+				this.tokens = d.split(' ');
+				
+				this.reset = function() {
+					this.i = -1;
+					this.command = '';
+					this.previousCommand = '';
+					this.start = new svg.Point(0, 0);
+					this.control = new svg.Point(0, 0);
+					this.current = new svg.Point(0, 0);
+					this.points = [];
+					this.angles = [];
+				}
+								
+				this.isEnd = function() {
+					return this.i >= this.tokens.length - 1;
+				}
+				
+				this.isCommandOrEnd = function() {
+					if (this.isEnd()) return true;
+					return this.tokens[this.i + 1].match(/^[A-Za-z]$/) != null;
+				}
+				
+				this.isRelativeCommand = function() {
+					return this.command == this.command.toLowerCase();
+				}
+							
+				this.getToken = function() {
+					this.i = this.i + 1;
+					return this.tokens[this.i];
+				}
+				
+				this.getScalar = function() {
+					return parseFloat(this.getToken());
+				}
+				
+				this.nextCommand = function() {
+					this.previousCommand = this.command;
+					this.command = this.getToken();
+				}				
+				
+				this.getPoint = function() {
+					var p = new svg.Point(this.getScalar(), this.getScalar());
+					return this.makeAbsolute(p);
+				}
+				
+				this.getAsControlPoint = function() {
+					var p = this.getPoint();
+					this.control = p;
+					return p;
+				}
+				
+				this.getAsCurrentPoint = function() {
+					var p = this.getPoint();
+					this.current = p;
+					return p;	
+				}
+				
+				this.getReflectedControlPoint = function() {
+					if (this.previousCommand.toLowerCase() != 'c' && this.previousCommand.toLowerCase() != 's') {
+						return this.current;
+					}
+					
+					// reflect point
+					var p = new svg.Point(2 * this.current.x - this.control.x, 2 * this.current.y - this.control.y);					
+					return p;
+				}
+				
+				this.makeAbsolute = function(p) {
+					if (this.isRelativeCommand()) {
+						p.x = this.current.x + p.x;
+						p.y = this.current.y + p.y;
+					}
+					return p;
+				}
+				
+				this.addMarker = function(p, from, priorTo) {
+					// if the last angle isn't filled in because we didn't have this point yet ...
+					if (priorTo != null && this.angles.length > 0 && this.angles[this.angles.length-1] == null) {
+						this.angles[this.angles.length-1] = this.points[this.points.length-1].angleTo(priorTo);
+					}
+					this.addMarkerAngle(p, from == null ? null : from.angleTo(p));
+				}
+				
+				this.addMarkerAngle = function(p, a) {
+					this.points.push(p);
+					this.angles.push(a);
+				}				
+				
+				this.getMarkerPoints = function() { return this.points; }
+				this.getMarkerAngles = function() {
+					for (var i=0; i<this.angles.length; i++) {
+						if (this.angles[i] == null) {
+							for (var j=i+1; j<this.angles.length; j++) {
+								if (this.angles[j] != null) {
+									this.angles[i] = this.angles[j];
+									break;
+								}
+							}
+						}
+					}
+					return this.angles;
+				}
+			})(d);
+
+			this.path = function(ctx) {
+				var pp = this.PathParser;
+				pp.reset();
+
+				var bb = new svg.BoundingBox();
+				if (ctx != null) ctx.beginPath();
+				while (!pp.isEnd()) {
+					pp.nextCommand();
+					switch (pp.command.toUpperCase()) {
+					case 'M':
+						var p = pp.getAsCurrentPoint();
+						pp.addMarker(p);
+						bb.addPoint(p.x, p.y);
+						if (ctx != null) ctx.moveTo(p.x, p.y);
+						pp.start = pp.current;
+						while (!pp.isCommandOrEnd()) {
+							var p = pp.getAsCurrentPoint();
+							pp.addMarker(p, pp.start);
+							bb.addPoint(p.x, p.y);
+							if (ctx != null) ctx.lineTo(p.x, p.y);
+						}
+						break;
+					case 'L':
+						while (!pp.isCommandOrEnd()) {
+							var c = pp.current;
+							var p = pp.getAsCurrentPoint();
+							pp.addMarker(p, c);
+							bb.addPoint(p.x, p.y);
+							if (ctx != null) ctx.lineTo(p.x, p.y);
+						}
+						break;
+					case 'H':
+						while (!pp.isCommandOrEnd()) {
+							var newP = new svg.Point((pp.isRelativeCommand() ? pp.current.x : 0) + pp.getScalar(), pp.current.y);
+							pp.addMarker(newP, pp.current);
+							pp.current = newP;
+							bb.addPoint(pp.current.x, pp.current.y);
+							if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+						}
+						break;
+					case 'V':
+						while (!pp.isCommandOrEnd()) {
+							var newP = new svg.Point(pp.current.x, (pp.isRelativeCommand() ? pp.current.y : 0) + pp.getScalar());
+							pp.addMarker(newP, pp.current);
+							pp.current = newP;
+							bb.addPoint(pp.current.x, pp.current.y);
+							if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+						}
+						break;
+					case 'C':
+						while (!pp.isCommandOrEnd()) {
+							var curr = pp.current;
+							var p1 = pp.getPoint();
+							var cntrl = pp.getAsControlPoint();
+							var cp = pp.getAsCurrentPoint();
+							pp.addMarker(cp, cntrl, p1);
+							bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+							if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+						}
+						break;
+					case 'S':
+						while (!pp.isCommandOrEnd()) {
+							var curr = pp.current;
+							var p1 = pp.getReflectedControlPoint();
+							var cntrl = pp.getAsControlPoint();
+							var cp = pp.getAsCurrentPoint();
+							pp.addMarker(cp, cntrl, p1);
+							bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+							if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+						}
+						break;
+					case 'Q':
+						while (!pp.isCommandOrEnd()) {
+							var curr = pp.current;
+							var cntrl = pp.getAsControlPoint();
+							var cp = pp.getAsCurrentPoint();
+							pp.addMarker(cp, cntrl, cntrl);
+							bb.addQuadraticCurve(curr.x, curr.y, cntrl.x, cntrl.y, cp.x, cp.y);
+							if (ctx != null) ctx.quadraticCurveTo(cntrl.x, cntrl.y, cp.x, cp.y);
+						}
+						break;
+					case 'T':
+						while (!pp.isCommandOrEnd()) {
+							var curr = pp.current;
+							var cntrl = pp.getReflectedControlPoint();
+							pp.control = cntrl;
+							var cp = pp.getAsCurrentPoint();
+							pp.addMarker(cp, cntrl, cntrl);
+							bb.addQuadraticCurve(curr.x, curr.y, cntrl.x, cntrl.y, cp.x, cp.y);
+							if (ctx != null) ctx.quadraticCurveTo(cntrl.x, cntrl.y, cp.x, cp.y);
+						}
+						break;
+					case 'A':
+						while (!pp.isCommandOrEnd()) {
+						    var curr = pp.current;
+							var rx = pp.getScalar();
+							var ry = pp.getScalar();
+							var xAxisRotation = pp.getScalar() * (Math.PI / 180.0);
+							var largeArcFlag = pp.getScalar();
+							var sweepFlag = pp.getScalar();
+							var cp = pp.getAsCurrentPoint();
+
+							// Conversion from endpoint to center parameterization
+							// http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes
+							// x1', y1'
+							var currp = new svg.Point(
+								Math.cos(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.sin(xAxisRotation) * (curr.y - cp.y) / 2.0,
+								-Math.sin(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.cos(xAxisRotation) * (curr.y - cp.y) / 2.0
+							);
+							// adjust radii
+							var l = Math.pow(currp.x,2)/Math.pow(rx,2)+Math.pow(currp.y,2)/Math.pow(ry,2);
+							if (l > 1) {
+								rx *= Math.sqrt(l);
+								ry *= Math.sqrt(l);
+							}
+							// cx', cy'
+							var s = (largeArcFlag == sweepFlag ? -1 : 1) * Math.sqrt(
+								((Math.pow(rx,2)*Math.pow(ry,2))-(Math.pow(rx,2)*Math.pow(currp.y,2))-(Math.pow(ry,2)*Math.pow(currp.x,2))) /
+								(Math.pow(rx,2)*Math.pow(currp.y,2)+Math.pow(ry,2)*Math.pow(currp.x,2))
+							);
+							if (isNaN(s)) s = 0;
+							var cpp = new svg.Point(s * rx * currp.y / ry, s * -ry * currp.x / rx);
+							// cx, cy
+							var centp = new svg.Point(
+								(curr.x + cp.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y,
+								(curr.y + cp.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y
+							);
+							// vector magnitude
+							var m = function(v) { return Math.sqrt(Math.pow(v[0],2) + Math.pow(v[1],2)); }
+							// ratio between two vectors
+							var r = function(u, v) { return (u[0]*v[0]+u[1]*v[1]) / (m(u)*m(v)) }
+							// angle between two vectors
+							var a = function(u, v) { return (u[0]*v[1] < u[1]*v[0] ? -1 : 1) * Math.acos(r(u,v)); }
+							// initial angle
+							var a1 = a([1,0], [(currp.x-cpp.x)/rx,(currp.y-cpp.y)/ry]);
+							// angle delta
+							var u = [(currp.x-cpp.x)/rx,(currp.y-cpp.y)/ry];
+							var v = [(-currp.x-cpp.x)/rx,(-currp.y-cpp.y)/ry];
+							var ad = a(u, v);
+							if (r(u,v) <= -1) ad = Math.PI;
+							if (r(u,v) >= 1) ad = 0;
+
+							if (sweepFlag == 0 && ad > 0) ad = ad - 2 * Math.PI;
+							if (sweepFlag == 1 && ad < 0) ad = ad + 2 * Math.PI;
+
+							// for markers
+							var halfWay = new svg.Point(
+								centp.x - rx * Math.cos((a1 + ad) / 2),
+								centp.y - ry * Math.sin((a1 + ad) / 2)
+							);
+							pp.addMarkerAngle(halfWay, (a1 + ad) / 2 + (sweepFlag == 0 ? 1 : -1) * Math.PI / 2);
+							pp.addMarkerAngle(cp, ad + (sweepFlag == 0 ? 1 : -1) * Math.PI / 2);
+
+							bb.addPoint(cp.x, cp.y); // TODO: this is too naive, make it better
+							if (ctx != null) {
+								var r = rx > ry ? rx : ry;
+								var sx = rx > ry ? 1 : rx / ry;
+								var sy = rx > ry ? ry / rx : 1;
+
+								ctx.translate(centp.x, centp.y);
+								ctx.rotate(xAxisRotation);
+								ctx.scale(sx, sy);
+								ctx.arc(0, 0, r, a1, a1 + ad, 1 - sweepFlag);
+								ctx.scale(1/sx, 1/sy);
+								ctx.rotate(-xAxisRotation);
+								ctx.translate(-centp.x, -centp.y);
+							}
+						}
+						break;
+					case 'Z':
+						if (ctx != null) ctx.closePath();
+						pp.current = pp.start;
+					}
+				}
+
+				return bb;
+			}
+
+			this.getMarkers = function() {
+				var points = this.PathParser.getMarkerPoints();
+				var angles = this.PathParser.getMarkerAngles();
+				
+				var markers = [];
+				for (var i=0; i<points.length; i++) {
+					markers.push([points[i], angles[i]]);
+				}
+				return markers;
+			}
+		}
+		svg.Element.path.prototype = new svg.Element.PathElementBase;
+		
+		// pattern element
+		svg.Element.pattern = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.createPattern = function(ctx, element) {
+				// render me using a temporary svg element
+				var tempSvg = new svg.Element.svg();
+				tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+				tempSvg.attributes['x'] = new svg.Property('x', this.attribute('x').value);
+				tempSvg.attributes['y'] = new svg.Property('y', this.attribute('y').value);
+				tempSvg.attributes['width'] = new svg.Property('width', this.attribute('width').value);
+				tempSvg.attributes['height'] = new svg.Property('height', this.attribute('height').value);
+				tempSvg.children = this.children;
+				
+				var c = document.createElement('canvas');
+				c.width = this.attribute('width').Length.toPixels('x');
+				c.height = this.attribute('height').Length.toPixels('y');
+				tempSvg.render(c.getContext('2d'));		
+				return ctx.createPattern(c, 'repeat');
+			}
+		}
+		svg.Element.pattern.prototype = new svg.Element.ElementBase;
+		
+		// marker element
+		svg.Element.marker = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.baseRender = this.render;
+			this.render = function(ctx, point, angle) {
+				ctx.translate(point.x, point.y);
+				if (this.attribute('orient').valueOrDefault('auto') == 'auto') ctx.rotate(angle);
+				if (this.attribute('markerUnits').valueOrDefault('strokeWidth') == 'strokeWidth') ctx.scale(ctx.lineWidth, ctx.lineWidth);
+				ctx.save();
+							
+				// render me using a temporary svg element
+				var tempSvg = new svg.Element.svg();
+				tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+				tempSvg.attributes['refX'] = new svg.Property('refX', this.attribute('refX').value);
+				tempSvg.attributes['refY'] = new svg.Property('refY', this.attribute('refY').value);
+				tempSvg.attributes['width'] = new svg.Property('width', this.attribute('markerWidth').value);
+				tempSvg.attributes['height'] = new svg.Property('height', this.attribute('markerHeight').value);
+				tempSvg.attributes['fill'] = new svg.Property('fill', this.attribute('fill').valueOrDefault('black'));
+				tempSvg.attributes['stroke'] = new svg.Property('stroke', this.attribute('stroke').valueOrDefault('none'));
+				tempSvg.children = this.children;
+				tempSvg.render(ctx);
+				
+				ctx.restore();
+				if (this.attribute('markerUnits').valueOrDefault('strokeWidth') == 'strokeWidth') ctx.scale(1/ctx.lineWidth, 1/ctx.lineWidth);
+				if (this.attribute('orient').valueOrDefault('auto') == 'auto') ctx.rotate(-angle);
+				ctx.translate(-point.x, -point.y);
+			}
+		}
+		svg.Element.marker.prototype = new svg.Element.ElementBase;
+		
+		// definitions element
+		svg.Element.defs = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);	
+			
+			this.render = function(ctx) {
+				// NOOP
+			}
+		}
+		svg.Element.defs.prototype = new svg.Element.ElementBase;
+		
+		// base for gradients
+		svg.Element.GradientBase = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.gradientUnits = this.attribute('gradientUnits').valueOrDefault('objectBoundingBox');
+			
+			this.stops = [];			
+			for (var i=0; i<this.children.length; i++) {
+				var child = this.children[i];
+				this.stops.push(child);
+			}	
+			
+			this.getGradient = function() {
+				// OVERRIDE ME!
+			}			
+
+			this.createGradient = function(ctx, element) {
+				var stopsContainer = this;
+				if (this.attribute('xlink:href').hasValue()) {
+					stopsContainer = this.attribute('xlink:href').Definition.getDefinition();
+				}
+			
+				var g = this.getGradient(ctx, element);
+				for (var i=0; i<stopsContainer.stops.length; i++) {
+					g.addColorStop(stopsContainer.stops[i].offset, stopsContainer.stops[i].color);
+				}
+				
+				if (this.attribute('gradientTransform').hasValue()) {
+					// render as transformed pattern on temporary canvas
+					var rootView = svg.ViewPort.viewPorts[0];
+					
+					var rect = new svg.Element.rect();
+					rect.attributes['x'] = new svg.Property('x', -svg.MAX_VIRTUAL_PIXELS/3.0);
+					rect.attributes['y'] = new svg.Property('y', -svg.MAX_VIRTUAL_PIXELS/3.0);
+					rect.attributes['width'] = new svg.Property('width', svg.MAX_VIRTUAL_PIXELS);
+					rect.attributes['height'] = new svg.Property('height', svg.MAX_VIRTUAL_PIXELS);
+					
+					var group = new svg.Element.g();
+					group.attributes['transform'] = new svg.Property('transform', this.attribute('gradientTransform').value);
+					group.children = [ rect ];
+					
+					var tempSvg = new svg.Element.svg();
+					tempSvg.attributes['x'] = new svg.Property('x', 0);
+					tempSvg.attributes['y'] = new svg.Property('y', 0);
+					tempSvg.attributes['width'] = new svg.Property('width', rootView.width);
+					tempSvg.attributes['height'] = new svg.Property('height', rootView.height);
+					tempSvg.children = [ group ];
+					
+					var c = document.createElement('canvas');
+					c.width = rootView.width;
+					c.height = rootView.height;
+					var tempCtx = c.getContext('2d');
+					tempCtx.fillStyle = g;
+					tempSvg.render(tempCtx);		
+					return tempCtx.createPattern(c, 'no-repeat');
+				}
+				
+				return g;				
+			}
+		}
+		svg.Element.GradientBase.prototype = new svg.Element.ElementBase;
+		
+		// linear gradient element
+		svg.Element.linearGradient = function(node) {
+			this.base = svg.Element.GradientBase;
+			this.base(node);
+			
+			this.getGradient = function(ctx, element) {
+				var bb = element.getBoundingBox();
+				
+				var x1 = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.x() + bb.width() * this.attribute('x1').numValue() 
+					: this.attribute('x1').Length.toPixels('x'));
+				var y1 = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.y() + bb.height() * this.attribute('y1').numValue()
+					: this.attribute('y1').Length.toPixels('y'));
+				var x2 = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.x() + bb.width() * this.attribute('x2').numValue()
+					: this.attribute('x2').Length.toPixels('x'));
+				var y2 = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.y() + bb.height() * this.attribute('y2').numValue()
+					: this.attribute('y2').Length.toPixels('y'));
+
+				return ctx.createLinearGradient(x1, y1, x2, y2);
+			}
+		}
+		svg.Element.linearGradient.prototype = new svg.Element.GradientBase;
+		
+		// radial gradient element
+		svg.Element.radialGradient = function(node) {
+			this.base = svg.Element.GradientBase;
+			this.base(node);
+			
+			this.getGradient = function(ctx, element) {
+				var bb = element.getBoundingBox();
+				
+				var cx = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.x() + bb.width() * this.attribute('cx').numValue() 
+					: this.attribute('cx').Length.toPixels('x'));
+				var cy = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.y() + bb.height() * this.attribute('cy').numValue() 
+					: this.attribute('cy').Length.toPixels('y'));
+				
+				var fx = cx;
+				var fy = cy;
+				if (this.attribute('fx').hasValue()) {
+					fx = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.x() + bb.width() * this.attribute('fx').numValue() 
+					: this.attribute('fx').Length.toPixels('x'));
+				}
+				if (this.attribute('fy').hasValue()) {
+					fy = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.y() + bb.height() * this.attribute('fy').numValue() 
+					: this.attribute('fy').Length.toPixels('y'));
+				}
+				
+				var r = (this.gradientUnits == 'objectBoundingBox' 
+					? (bb.width() + bb.height()) / 2.0 * this.attribute('r').numValue()
+					: this.attribute('r').Length.toPixels());
+				
+				return ctx.createRadialGradient(fx, fy, 0, cx, cy, r);
+			}
+		}
+		svg.Element.radialGradient.prototype = new svg.Element.GradientBase;
+		
+		// gradient stop element
+		svg.Element.stop = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.offset = this.attribute('offset').numValue();
+			
+			var stopColor = this.style('stop-color');
+			if (this.style('stop-opacity').hasValue()) stopColor = stopColor.Color.addOpacity(this.style('stop-opacity').value);
+			this.color = stopColor.value;
+		}
+		svg.Element.stop.prototype = new svg.Element.ElementBase;
+		
+		// animation base element
+		svg.Element.AnimateBase = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			svg.Animations.push(this);
+			
+			this.duration = 0.0;
+			this.begin = this.attribute('begin').Time.toMilliseconds();
+			this.maxDuration = this.begin + this.attribute('dur').Time.toMilliseconds();
+			
+			this.getProperty = function() {
+				var attributeType = this.attribute('attributeType').value;
+				var attributeName = this.attribute('attributeName').value;
+				
+				if (attributeType == 'CSS') {
+					return this.parent.style(attributeName, true);
+				}
+				return this.parent.attribute(attributeName, true);			
+			};
+			
+			this.initialValue = null;
+			this.removed = false;			
+
+			this.calcValue = function() {
+				// OVERRIDE ME!
+				return '';
+			}
+			
+			this.update = function(delta) {	
+				// set initial value
+				if (this.initialValue == null) {
+					this.initialValue = this.getProperty().value;
+				}
+			
+				// if we're past the end time
+				if (this.duration > this.maxDuration) {
+					// loop for indefinitely repeating animations
+					if (this.attribute('repeatCount').value == 'indefinite') {
+						this.duration = 0.0
+					}
+					else if (this.attribute('fill').valueOrDefault('remove') == 'remove' && !this.removed) {
+						this.removed = true;
+						this.getProperty().value = this.initialValue;
+						return true;
+					}
+					else {
+						return false; // no updates made
+					}
+				}			
+				this.duration = this.duration + delta;
+			
+				// if we're past the begin time
+				var updated = false;
+				if (this.begin < this.duration) {
+					var newValue = this.calcValue(); // tween
+					
+					if (this.attribute('type').hasValue()) {
+						// for transform, etc.
+						var type = this.attribute('type').value;
+						newValue = type + '(' + newValue + ')';
+					}
+					
+					this.getProperty().value = newValue;
+					updated = true;
+				}
+				
+				return updated;
+			}
+			
+			// fraction of duration we've covered
+			this.progress = function() {
+				return ((this.duration - this.begin) / (this.maxDuration - this.begin));
+			}			
+		}
+		svg.Element.AnimateBase.prototype = new svg.Element.ElementBase;
+		
+		// animate element
+		svg.Element.animate = function(node) {
+			this.base = svg.Element.AnimateBase;
+			this.base(node);
+			
+			this.calcValue = function() {
+				var from = this.attribute('from').numValue();
+				var to = this.attribute('to').numValue();
+				
+				// tween value linearly
+				return from + (to - from) * this.progress(); 
+			};
+		}
+		svg.Element.animate.prototype = new svg.Element.AnimateBase;
+			
+		// animate color element
+		svg.Element.animateColor = function(node) {
+			this.base = svg.Element.AnimateBase;
+			this.base(node);
+
+			this.calcValue = function() {
+				var from = new RGBColor(this.attribute('from').value);
+				var to = new RGBColor(this.attribute('to').value);
+				
+				if (from.ok && to.ok) {
+					// tween color linearly
+					var r = from.r + (to.r - from.r) * this.progress();
+					var g = from.g + (to.g - from.g) * this.progress();
+					var b = from.b + (to.b - from.b) * this.progress();
+					return 'rgb('+parseInt(r,10)+','+parseInt(g,10)+','+parseInt(b,10)+')';
+				}
+				return this.attribute('from').value;
+			};
+		}
+		svg.Element.animateColor.prototype = new svg.Element.AnimateBase;
+		
+		// animate transform element
+		svg.Element.animateTransform = function(node) {
+			this.base = svg.Element.animate;
+			this.base(node);
+		}
+		svg.Element.animateTransform.prototype = new svg.Element.animate;
+		
+		// font element
+		svg.Element.font = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+
+			this.horizAdvX = this.attribute('horiz-adv-x').numValue();			
+			
+			this.isRTL = false;
+			this.isArabic = false;
+			this.fontFace = null;
+			this.missingGlyph = null;
+			this.glyphs = [];			
+			for (var i=0; i<this.children.length; i++) {
+				var child = this.children[i];
+				if (child.type == 'font-face') {
+					this.fontFace = child;
+					if (child.style('font-family').hasValue()) {
+						svg.Definitions[child.style('font-family').value] = this;
+					}
+				}
+				else if (child.type == 'missing-glyph') this.missingGlyph = child;
+				else if (child.type == 'glyph') {
+					if (child.arabicForm != '') {
+						this.isRTL = true;
+						this.isArabic = true;
+						if (typeof(this.glyphs[child.unicode]) == 'undefined') this.glyphs[child.unicode] = [];
+						this.glyphs[child.unicode][child.arabicForm] = child;
+					}
+					else {
+						this.glyphs[child.unicode] = child;
+					}
+				}
+			}	
+		}
+		svg.Element.font.prototype = new svg.Element.ElementBase;
+		
+		// font-face element
+		svg.Element.fontface = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);	
+			
+			this.ascent = this.attribute('ascent').value;
+			this.descent = this.attribute('descent').value;
+			this.unitsPerEm = this.attribute('units-per-em').numValue();				
+		}
+		svg.Element.fontface.prototype = new svg.Element.ElementBase;
+		
+		// missing-glyph element
+		svg.Element.missingglyph = function(node) {
+			this.base = svg.Element.path;
+			this.base(node);	
+			
+			this.horizAdvX = 0;
+		}
+		svg.Element.missingglyph.prototype = new svg.Element.path;
+		
+		// glyph element
+		svg.Element.glyph = function(node) {
+			this.base = svg.Element.path;
+			this.base(node);	
+			
+			this.horizAdvX = this.attribute('horiz-adv-x').numValue();
+			this.unicode = this.attribute('unicode').value;
+			this.arabicForm = this.attribute('arabic-form').value;
+		}
+		svg.Element.glyph.prototype = new svg.Element.path;
+		
+		// text element
+		svg.Element.text = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			if (node != null) {
+				// add children
+				this.children = [];
+				for (var i=0; i<node.childNodes.length; i++) {
+					var childNode = node.childNodes[i];
+					if (childNode.nodeType == 1) { // capture tspan and tref nodes
+						this.addChild(childNode, true);
+					}
+					else if (childNode.nodeType == 3) { // capture text
+						this.addChild(new svg.Element.tspan(childNode), false);
+					}
+				}
+			}
+			
+			this.baseSetContext = this.setContext;
+			this.setContext = function(ctx) {
+				this.baseSetContext(ctx);
+				if (this.style('dominant-baseline').hasValue()) ctx.textBaseline = this.style('dominant-baseline').value;
+				if (this.style('alignment-baseline').hasValue()) ctx.textBaseline = this.style('alignment-baseline').value;
+			}
+			
+			this.renderChildren = function(ctx) {
+				var textAnchor = this.style('text-anchor').valueOrDefault('start');
+				var x = this.attribute('x').Length.toPixels('x');
+				var y = this.attribute('y').Length.toPixels('y');
+				for (var i=0; i<this.children.length; i++) {
+					var child = this.children[i];
+				
+					if (child.attribute('x').hasValue()) {
+						child.x = child.attribute('x').Length.toPixels('x');
+					}
+					else {
+						if (child.attribute('dx').hasValue()) x += child.attribute('dx').Length.toPixels('x');
+						child.x = x;
+					}
+					
+					var childLength = child.measureText(ctx);
+					if (textAnchor != 'start' && (i==0 || child.attribute('x').hasValue())) { // new group?
+						// loop through rest of children
+						var groupLength = childLength;
+						for (var j=i+1; j<this.children.length; j++) {
+							var childInGroup = this.children[j];
+							if (childInGroup.attribute('x').hasValue()) break; // new group
+							groupLength += childInGroup.measureText(ctx);
+						}
+						child.x -= (textAnchor == 'end' ? groupLength : groupLength / 2.0);
+					}
+					x = child.x + childLength;
+					
+					if (child.attribute('y').hasValue()) {
+						child.y = child.attribute('y').Length.toPixels('y');
+					}
+					else {
+						if (child.attribute('dy').hasValue()) y += child.attribute('dy').Length.toPixels('y');
+						child.y = y;
+					}	
+					y = child.y;
+					
+					child.render(ctx);
+				}
+			}
+		}
+		svg.Element.text.prototype = new svg.Element.RenderedElementBase;
+		
+		// text base
+		svg.Element.TextElementBase = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			this.getGlyph = function(font, text, i) {
+				var c = text[i];
+				var glyph = null;
+				if (font.isArabic) {
+					var arabicForm = 'isolated';
+					if ((i==0 || text[i-1]==' ') && i<text.length-2 && text[i+1]!=' ') arabicForm = 'terminal'; 
+					if (i>0 && text[i-1]!=' ' && i<text.length-2 && text[i+1]!=' ') arabicForm = 'medial';
+					if (i>0 && text[i-1]!=' ' && (i == text.length-1 || text[i+1]==' ')) arabicForm = 'initial';
+					if (typeof(font.glyphs[c]) != 'undefined') {
+						glyph = font.glyphs[c][arabicForm];
+						if (glyph == null && font.glyphs[c].type == 'glyph') glyph = font.glyphs[c];
+					}
+				}
+				else {
+					glyph = font.glyphs[c];
+				}
+				if (glyph == null) glyph = font.missingGlyph;
+				return glyph;
+			}
+			
+			this.renderChildren = function(ctx) {
+				var customFont = this.parent.style('font-family').Definition.getDefinition();
+				if (customFont != null) {
+					var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+					var fontStyle = this.parent.style('font-style').valueOrDefault(svg.Font.Parse(svg.ctx.font).fontStyle);
+					var text = this.getText();
+					if (customFont.isRTL) text = text.split("").reverse().join("");
+					
+					var dx = svg.ToNumberArray(this.parent.attribute('dx').value);
+					for (var i=0; i<text.length; i++) {
+						var glyph = this.getGlyph(customFont, text, i);
+						var scale = fontSize / customFont.fontFace.unitsPerEm;
+						ctx.translate(this.x, this.y);
+						ctx.scale(scale, -scale);
+						var lw = ctx.lineWidth;
+						ctx.lineWidth = ctx.lineWidth * customFont.fontFace.unitsPerEm / fontSize;
+						if (fontStyle == 'italic') ctx.transform(1, 0, .4, 1, 0, 0);
+						glyph.render(ctx);
+						if (fontStyle == 'italic') ctx.transform(1, 0, -.4, 1, 0, 0);
+						ctx.lineWidth = lw;
+						ctx.scale(1/scale, -1/scale);
+						ctx.translate(-this.x, -this.y);	
+						
+						this.x += fontSize * (glyph.horizAdvX || customFont.horizAdvX) / customFont.fontFace.unitsPerEm;
+						if (typeof(dx[i]) != 'undefined' && !isNaN(dx[i])) {
+							this.x += dx[i];
+						}
+					}
+					return;
+				}
+			
+				if (ctx.strokeStyle != '') ctx.strokeText(svg.compressSpaces(this.getText()), this.x, this.y);
+				if (ctx.fillStyle != '') ctx.fillText(svg.compressSpaces(this.getText()), this.x, this.y);
+			}
+			
+			this.getText = function() {
+				// OVERRIDE ME
+			}
+			
+			this.measureText = function(ctx) {
+				var customFont = this.parent.style('font-family').Definition.getDefinition();
+				if (customFont != null) {
+					var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+					var measure = 0;
+					var text = this.getText();
+					if (customFont.isRTL) text = text.split("").reverse().join("");
+					var dx = svg.ToNumberArray(this.parent.attribute('dx').value);
+					for (var i=0; i<text.length; i++) {
+						var glyph = this.getGlyph(customFont, text, i);
+						measure += (glyph.horizAdvX || customFont.horizAdvX) * fontSize / customFont.fontFace.unitsPerEm;
+						if (typeof(dx[i]) != 'undefined' && !isNaN(dx[i])) {
+							measure += dx[i];
+						}
+					}
+					return measure;
+				}
+			
+				var textToMeasure = svg.compressSpaces(this.getText());
+				if (!ctx.measureText) return textToMeasure.length * 10;
+				
+				ctx.save();
+				this.setContext(ctx);
+				var width = ctx.measureText(textToMeasure).width;
+				ctx.restore();
+				return width;
+			}
+		}
+		svg.Element.TextElementBase.prototype = new svg.Element.RenderedElementBase;
+		
+		// tspan 
+		svg.Element.tspan = function(node) {
+			this.base = svg.Element.TextElementBase;
+			this.base(node);
+			
+			this.text = node.nodeType == 3 ? node.nodeValue : // text
+						node.childNodes.length > 0 ? node.childNodes[0].nodeValue : // element
+						node.text;
+			this.getText = function() {
+				return this.text;
+			}
+		}
+		svg.Element.tspan.prototype = new svg.Element.TextElementBase;
+		
+		// tref
+		svg.Element.tref = function(node) {
+			this.base = svg.Element.TextElementBase;
+			this.base(node);
+			
+			this.getText = function() {
+				var element = this.attribute('xlink:href').Definition.getDefinition();
+				if (element != null) return element.children[0].getText();
+			}
+		}
+		svg.Element.tref.prototype = new svg.Element.TextElementBase;		
+		
+		// a element
+		svg.Element.a = function(node) {
+			this.base = svg.Element.TextElementBase;
+			this.base(node);
+			
+			this.hasText = true;
+			for (var i=0; i<node.childNodes.length; i++) {
+				if (node.childNodes[i].nodeType != 3) this.hasText = false;
+			}
+			
+			// this might contain text
+			this.text = this.hasText ? node.childNodes[0].nodeValue : '';
+			this.getText = function() {
+				return this.text;
+			}		
+
+			this.baseRenderChildren = this.renderChildren;
+			this.renderChildren = function(ctx) {
+				if (this.hasText) {
+					// render as text element
+					this.baseRenderChildren(ctx);
+					var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+					svg.Mouse.checkBoundingBox(this, new svg.BoundingBox(this.x, this.y - fontSize.Length.toPixels('y'), this.x + this.measureText(ctx), this.y));					
+				}
+				else {
+					// render as temporary group
+					var g = new svg.Element.g();
+					g.children = this.children;
+					g.parent = this;
+					g.render(ctx);
+				}
+			}
+			
+			this.onclick = function() {
+				window.open(this.attribute('xlink:href').value);
+			}
+			
+			this.onmousemove = function() {
+				svg.ctx.canvas.style.cursor = 'pointer';
+			}
+		}
+		svg.Element.a.prototype = new svg.Element.TextElementBase;		
+		
+		// image element
+		svg.Element.image = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			svg.Images.push(this);
+			this.img = document.createElement('img');
+			this.loaded = false;
+			var that = this;
+			this.img.onload = function() { that.loaded = true; }
+			this.img.src = this.attribute('xlink:href').value;
+			
+			this.renderChildren = function(ctx) {
+				var x = this.attribute('x').Length.toPixels('x');
+				var y = this.attribute('y').Length.toPixels('y');
+				
+				var width = this.attribute('width').Length.toPixels('x');
+				var height = this.attribute('height').Length.toPixels('y');			
+				if (width == 0 || height == 0) return;
+			
+				ctx.save();
+				ctx.translate(x, y);
+				svg.AspectRatio(ctx,
+								this.attribute('preserveAspectRatio').value,
+								width,
+								this.img.width,
+								height,
+								this.img.height,
+								0,
+								0);	
+				ctx.drawImage(this.img, 0, 0);			
+				ctx.restore();
+			}
+		}
+		svg.Element.image.prototype = new svg.Element.RenderedElementBase;
+		
+		// group element
+		svg.Element.g = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			this.getBoundingBox = function() {
+				var bb = new svg.BoundingBox();
+				for (var i=0; i<this.children.length; i++) {
+					bb.addBoundingBox(this.children[i].getBoundingBox());
+				}
+				return bb;
+			};
+		}
+		svg.Element.g.prototype = new svg.Element.RenderedElementBase;
+
+		// symbol element
+		svg.Element.symbol = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			this.baseSetContext = this.setContext;
+			this.setContext = function(ctx) {		
+				this.baseSetContext(ctx);
+				
+				// viewbox
+				if (this.attribute('viewBox').hasValue()) {				
+					var viewBox = svg.ToNumberArray(this.attribute('viewBox').value);
+					var minX = viewBox[0];
+					var minY = viewBox[1];
+					width = viewBox[2];
+					height = viewBox[3];
+					
+					svg.AspectRatio(ctx,
+									this.attribute('preserveAspectRatio').value, 
+									this.attribute('width').Length.toPixels('x'),
+									width,
+									this.attribute('height').Length.toPixels('y'),
+									height,
+									minX,
+									minY);
+
+					svg.ViewPort.SetCurrent(viewBox[2], viewBox[3]);						
+				}
+			}			
+		}
+		svg.Element.symbol.prototype = new svg.Element.RenderedElementBase;		
+			
+		// style element
+		svg.Element.style = function(node) { 
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			// text, or spaces then CDATA
+			var css = node.childNodes[0].nodeValue + (node.childNodes.length > 1 ? node.childNodes[1].nodeValue : '');
+			css = css.replace(/(\/\*([^*]|[\r\n]|(\*+([^*\/]|[\r\n])))*\*+\/)|(^[\s]*\/\/.*)/gm, ''); // remove comments
+			css = svg.compressSpaces(css); // replace whitespace
+			var cssDefs = css.split('}');
+			for (var i=0; i<cssDefs.length; i++) {
+				if (svg.trim(cssDefs[i]) != '') {
+					var cssDef = cssDefs[i].split('{');
+					var cssClasses = cssDef[0].split(',');
+					var cssProps = cssDef[1].split(';');
+					for (var j=0; j<cssClasses.length; j++) {
+						var cssClass = svg.trim(cssClasses[j]);
+						if (cssClass != '') {
+							var props = {};
+							for (var k=0; k<cssProps.length; k++) {
+								var prop = cssProps[k].indexOf(':');
+								var name = cssProps[k].substr(0, prop);
+								var value = cssProps[k].substr(prop + 1, cssProps[k].length - prop);
+								if (name != null && value != null) {
+									props[svg.trim(name)] = new svg.Property(svg.trim(name), svg.trim(value));
+								}
+							}
+							svg.Styles[cssClass] = props;
+							if (cssClass == '@font-face') {
+								var fontFamily = props['font-family'].value.replace(/"/g,'');
+								var srcs = props['src'].value.split(',');
+								for (var s=0; s<srcs.length; s++) {
+									if (srcs[s].indexOf('format("svg")') > 0) {
+										var urlStart = srcs[s].indexOf('url');
+										var urlEnd = srcs[s].indexOf(')', urlStart);
+										var url = srcs[s].substr(urlStart + 5, urlEnd - urlStart - 6);
+										var doc = svg.parseXml(svg.ajax(url));
+										var fonts = doc.getElementsByTagName('font');
+										for (var f=0; f<fonts.length; f++) {
+											var font = svg.CreateElement(fonts[f]);
+											svg.Definitions[fontFamily] = font;
+										}
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+		svg.Element.style.prototype = new svg.Element.ElementBase;
+		
+		// use element 
+		svg.Element.use = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			this.baseSetContext = this.setContext;
+			this.setContext = function(ctx) {
+				this.baseSetContext(ctx);
+				if (this.attribute('x').hasValue()) ctx.translate(this.attribute('x').Length.toPixels('x'), 0);
+				if (this.attribute('y').hasValue()) ctx.translate(0, this.attribute('y').Length.toPixels('y'));
+			}
+			
+			this.getDefinition = function() {
+				var element = this.attribute('xlink:href').Definition.getDefinition();
+				if (this.attribute('width').hasValue()) element.attribute('width', true).value = this.attribute('width').value;
+				if (this.attribute('height').hasValue()) element.attribute('height', true).value = this.attribute('height').value;
+				return element;
+			}
+			
+			this.path = function(ctx) {
+				var element = this.getDefinition();
+				if (element != null) element.path(ctx);
+			}
+			
+			this.renderChildren = function(ctx) {
+				var element = this.getDefinition();
+				if (element != null) element.render(ctx);
+			}
+		}
+		svg.Element.use.prototype = new svg.Element.RenderedElementBase;
+		
+		// mask element
+		svg.Element.mask = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+						
+			this.apply = function(ctx, element) {
+				// render as temp svg	
+				var x = this.attribute('x').Length.toPixels('x');
+				var y = this.attribute('y').Length.toPixels('y');
+				var width = this.attribute('width').Length.toPixels('x');
+				var height = this.attribute('height').Length.toPixels('y');
+				
+				// temporarily remove mask to avoid recursion
+				var mask = element.attribute('mask').value;
+				element.attribute('mask').value = '';
+				
+					var cMask = document.createElement('canvas');
+					cMask.width = x + width;
+					cMask.height = y + height;
+					var maskCtx = cMask.getContext('2d');
+					this.renderChildren(maskCtx);
+				
+					var c = document.createElement('canvas');
+					c.width = x + width;
+					c.height = y + height;
+					var tempCtx = c.getContext('2d');
+					element.render(tempCtx);
+					tempCtx.globalCompositeOperation = 'destination-in';
+					tempCtx.fillStyle = maskCtx.createPattern(cMask, 'no-repeat');
+					tempCtx.fillRect(0, 0, x + width, y + height);
+					
+					ctx.fillStyle = tempCtx.createPattern(c, 'no-repeat');
+					ctx.fillRect(0, 0, x + width, y + height);
+					
+				// reassign mask
+				element.attribute('mask').value = mask;	
+			}
+			
+			this.render = function(ctx) {
+				// NO RENDER
+			}
+		}
+		svg.Element.mask.prototype = new svg.Element.ElementBase;
+		
+		// clip element
+		svg.Element.clipPath = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.apply = function(ctx) {
+				for (var i=0; i<this.children.length; i++) {
+					if (this.children[i].path) {
+						this.children[i].path(ctx);
+						ctx.clip();
+					}
+				}
+			}
+			
+			this.render = function(ctx) {
+				// NO RENDER
+			}
+		}
+		svg.Element.clipPath.prototype = new svg.Element.ElementBase;
+
+		// filters
+		svg.Element.filter = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+						
+			this.apply = function(ctx, element) {
+				// render as temp svg	
+				var bb = element.getBoundingBox();
+				var x = this.attribute('x').Length.toPixels('x');
+				var y = this.attribute('y').Length.toPixels('y');
+				if (x == 0 || y == 0) {
+					x = bb.x1;
+					y = bb.y1;
+				}
+				var width = this.attribute('width').Length.toPixels('x');
+				var height = this.attribute('height').Length.toPixels('y');
+				if (width == 0 || height == 0) {
+					width = bb.width();
+					height = bb.height();
+				}
+				
+				// temporarily remove filter to avoid recursion
+				var filter = element.style('filter').value;
+				element.style('filter').value = '';
+				
+				// max filter distance
+				var extraPercent = .20;
+				var px = extraPercent * width;
+				var py = extraPercent * height;
+				
+				var c = document.createElement('canvas');
+				c.width = width + 2*px;
+				c.height = height + 2*py;
+				var tempCtx = c.getContext('2d');
+				tempCtx.translate(-x + px, -y + py);
+				element.render(tempCtx);
+			
+				// apply filters
+				for (var i=0; i<this.children.length; i++) {
+					this.children[i].apply(tempCtx, 0, 0, width + 2*px, height + 2*py);
+				}
+				
+				// render on me
+				ctx.drawImage(c, 0, 0, width + 2*px, height + 2*py, x - px, y - py, width + 2*px, height + 2*py);
+				
+				// reassign filter
+				element.style('filter', true).value = filter;	
+			}
+			
+			this.render = function(ctx) {
+				// NO RENDER
+			}		
+		}
+		svg.Element.filter.prototype = new svg.Element.ElementBase;
+		
+		svg.Element.feGaussianBlur = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);	
+			
+			function make_fgauss(sigma) {
+				sigma = Math.max(sigma, 0.01);			      
+				var len = Math.ceil(sigma * 4.0) + 1;                     
+				mask = [];                               
+				for (var i = 0; i < len; i++) {                             
+					mask[i] = Math.exp(-0.5 * (i / sigma) * (i / sigma));                                           
+				}                                                           
+				return mask; 
+			}
+			
+			function normalize(mask) {
+				var sum = 0;
+				for (var i = 1; i < mask.length; i++) {
+					sum += Math.abs(mask[i]);
+				}
+				sum = 2 * sum + Math.abs(mask[0]);
+				for (var i = 0; i < mask.length; i++) {
+					mask[i] /= sum;
+				}
+				return mask;
+			}
+			
+			function convolve_even(src, dst, mask, width, height) {
+			  for (var y = 0; y < height; y++) {
+				for (var x = 0; x < width; x++) {
+				  var a = imGet(src, x, y, width, height, 3)/255;
+				  for (var rgba = 0; rgba < 4; rgba++) {					  
+					  var sum = mask[0] * (a==0?255:imGet(src, x, y, width, height, rgba)) * (a==0||rgba==3?1:a);
+					  for (var i = 1; i < mask.length; i++) {
+						var a1 = imGet(src, Math.max(x-i,0), y, width, height, 3)/255;
+					    var a2 = imGet(src, Math.min(x+i, width-1), y, width, height, 3)/255;
+						sum += mask[i] * 
+						  ((a1==0?255:imGet(src, Math.max(x-i,0), y, width, height, rgba)) * (a1==0||rgba==3?1:a1) + 
+						   (a2==0?255:imGet(src, Math.min(x+i, width-1), y, width, height, rgba)) * (a2==0||rgba==3?1:a2));
+					  }
+					  imSet(dst, y, x, height, width, rgba, sum);
+				  }			  
+				}
+			  }
+			}		
+
+			function imGet(img, x, y, width, height, rgba) {
+				return img[y*width*4 + x*4 + rgba];
+			}
+			
+			function imSet(img, x, y, width, height, rgba, val) {
+				img[y*width*4 + x*4 + rgba] = val;
+			}
+						
+			function blur(ctx, width, height, sigma)
+			{
+				var srcData = ctx.getImageData(0, 0, width, height);
+				var mask = make_fgauss(sigma);
+				mask = normalize(mask);
+				tmp = [];
+				convolve_even(srcData.data, tmp, mask, width, height);
+				convolve_even(tmp, srcData.data, mask, height, width);
+				ctx.clearRect(0, 0, width, height);
+				ctx.putImageData(srcData, 0, 0);
+			}			
+		
+			this.apply = function(ctx, x, y, width, height) {
+				// assuming x==0 && y==0 for now
+				blur(ctx, width, height, this.attribute('stdDeviation').numValue());
+			}
+		}
+		svg.Element.filter.prototype = new svg.Element.feGaussianBlur;
+		
+		// title element, do nothing
+		svg.Element.title = function(node) {
+		}
+		svg.Element.title.prototype = new svg.Element.ElementBase;
+
+		// desc element, do nothing
+		svg.Element.desc = function(node) {
+		}
+		svg.Element.desc.prototype = new svg.Element.ElementBase;		
+		
+		svg.Element.MISSING = function(node) {
+			console.log('ERROR: Element \'' + node.nodeName + '\' not yet implemented.');
+		}
+		svg.Element.MISSING.prototype = new svg.Element.ElementBase;
+		
+		// element factory
+		svg.CreateElement = function(node) {	
+			var className = node.nodeName.replace(/^[^:]+:/,''); // remove namespace
+			className = className.replace(/\-/g,''); // remove dashes
+			var e = null;
+			if (typeof(svg.Element[className]) != 'undefined') {
+				e = new svg.Element[className](node);
+			}
+			else {
+				e = new svg.Element.MISSING(node);
+			}
+
+			e.type = node.nodeName;
+			return e;
+		}
+				
+		// load from url
+		svg.load = function(ctx, url) {
+			svg.loadXml(ctx, svg.ajax(url));
+		}
+		
+		// load from xml
+		svg.loadXml = function(ctx, xml) {
+			svg.loadXmlDoc(ctx, svg.parseXml(xml));
+		}
+		
+		svg.loadXmlDoc = function(ctx, dom) {
+			svg.init(ctx);
+			
+			var mapXY = function(p) {
+				var e = ctx.canvas;
+				while (e) {
+					p.x -= e.offsetLeft;
+					p.y -= e.offsetTop;
+					e = e.offsetParent;
+				}
+				if (window.scrollX) p.x += window.scrollX;
+				if (window.scrollY) p.y += window.scrollY;
+				return p;
+			}
+			
+			// bind mouse
+			if (svg.opts['ignoreMouse'] != true) {
+				ctx.canvas.onclick = function(e) {
+					var p = mapXY(new svg.Point(e != null ? e.clientX : event.clientX, e != null ? e.clientY : event.clientY));
+					svg.Mouse.onclick(p.x, p.y);
+				};
+				ctx.canvas.onmousemove = function(e) {
+					var p = mapXY(new svg.Point(e != null ? e.clientX : event.clientX, e != null ? e.clientY : event.clientY));
+					svg.Mouse.onmousemove(p.x, p.y);
+				};
+			}
+		
+			var e = svg.CreateElement(dom.documentElement);
+			e.root = true;
+					
+			// render loop
+			var isFirstRender = true;
+			var draw = function() {
+				svg.ViewPort.Clear();
+				if (ctx.canvas.parentNode) svg.ViewPort.SetCurrent(ctx.canvas.parentNode.clientWidth, ctx.canvas.parentNode.clientHeight);
+			
+				if (svg.opts['ignoreDimensions'] != true) {
+					// set canvas size
+					if (e.style('width').hasValue()) {
+						ctx.canvas.width = e.style('width').Length.toPixels('x');
+						ctx.canvas.style.width = ctx.canvas.width + 'px';
+					}
+					if (e.style('height').hasValue()) {
+						ctx.canvas.height = e.style('height').Length.toPixels('y');
+						ctx.canvas.style.height = ctx.canvas.height + 'px';
+					}
+				}
+				var cWidth = ctx.canvas.clientWidth || ctx.canvas.width;
+				var cHeight = ctx.canvas.clientHeight || ctx.canvas.height;
+				svg.ViewPort.SetCurrent(cWidth, cHeight);		
+				
+				if (svg.opts != null && svg.opts['offsetX'] != null) e.attribute('x', true).value = svg.opts['offsetX'];
+				if (svg.opts != null && svg.opts['offsetY'] != null) e.attribute('y', true).value = svg.opts['offsetY'];
+				if (svg.opts != null && svg.opts['scaleWidth'] != null && svg.opts['scaleHeight'] != null) {
+					var xRatio = 1, yRatio = 1;
+					if (e.attribute('width').hasValue()) xRatio = e.attribute('width').Length.toPixels('x') / svg.opts['scaleWidth'];
+					if (e.attribute('height').hasValue()) yRatio = e.attribute('height').Length.toPixels('y') / svg.opts['scaleHeight'];
+				
+					e.attribute('width', true).value = svg.opts['scaleWidth'];
+					e.attribute('height', true).value = svg.opts['scaleHeight'];			
+					e.attribute('viewBox', true).value = '0 0 ' + (cWidth * xRatio) + ' ' + (cHeight * yRatio);
+					e.attribute('preserveAspectRatio', true).value = 'none';
+				}
+			
+				// clear and render
+				if (svg.opts['ignoreClear'] != true) {
+					ctx.clearRect(0, 0, cWidth, cHeight);
+				}
+				e.render(ctx);
+				if (isFirstRender) {
+					isFirstRender = false;
+					if (svg.opts != null && typeof(svg.opts['renderCallback']) == 'function') svg.opts['renderCallback']();
+				}			
+			}
+			
+			var waitingForImages = true;
+			if (svg.ImagesLoaded()) {
+				waitingForImages = false;
+				draw();
+			}
+			svg.intervalID = setInterval(function() { 
+				var needUpdate = false;
+				
+				if (waitingForImages && svg.ImagesLoaded()) {
+					waitingForImages = false;
+					needUpdate = true;
+				}
+			
+				// need update from mouse events?
+				if (svg.opts['ignoreMouse'] != true) {
+					needUpdate = needUpdate | svg.Mouse.hasEvents();
+				}
+			
+				// need update from animations?
+				if (svg.opts['ignoreAnimation'] != true) {
+					for (var i=0; i<svg.Animations.length; i++) {
+						needUpdate = needUpdate | svg.Animations[i].update(1000 / svg.FRAMERATE);
+					}
+				}
+				
+				// need update from redraw?
+				if (svg.opts != null && typeof(svg.opts['forceRedraw']) == 'function') {
+					if (svg.opts['forceRedraw']() == true) needUpdate = true;
+				}
+				
+				// render if needed
+				if (needUpdate) {
+					draw();				
+					svg.Mouse.runEvents(); // run and clear our events
+				}
+			}, 1000 / svg.FRAMERATE);
+		}
+		
+		svg.stop = function() {
+			if (svg.intervalID) {
+				clearInterval(svg.intervalID);
+			}
+		}
+		
+		svg.Mouse = new (function() {
+			this.events = [];
+			this.hasEvents = function() { return this.events.length != 0; }
+		
+			this.onclick = function(x, y) {
+				this.events.push({ type: 'onclick', x: x, y: y, 
+					run: function(e) { if (e.onclick) e.onclick(); }
+				});
+			}
+			
+			this.onmousemove = function(x, y) {
+				this.events.push({ type: 'onmousemove', x: x, y: y,
+					run: function(e) { if (e.onmousemove) e.onmousemove(); }
+				});
+			}			
+			
+			this.eventElements = [];
+			
+			this.checkPath = function(element, ctx) {
+				for (var i=0; i<this.events.length; i++) {
+					var e = this.events[i];
+					if (ctx.isPointInPath && ctx.isPointInPath(e.x, e.y)) this.eventElements[i] = element;
+				}
+			}
+			
+			this.checkBoundingBox = function(element, bb) {
+				for (var i=0; i<this.events.length; i++) {
+					var e = this.events[i];
+					if (bb.isPointInBox(e.x, e.y)) this.eventElements[i] = element;
+				}			
+			}
+			
+			this.runEvents = function() {
+				svg.ctx.canvas.style.cursor = '';
+				
+				for (var i=0; i<this.events.length; i++) {
+					var e = this.events[i];
+					var element = this.eventElements[i];
+					while (element) {
+						e.run(element);
+						element = element.parent;
+					}
+				}		
+			
+				// done running, clear
+				this.events = []; 
+				this.eventElements = [];
+			}
+		});
+		
+		return svg;
+	}
+})();
+
+if (CanvasRenderingContext2D) {
+	CanvasRenderingContext2D.prototype.drawSvg = function(s, dx, dy, dw, dh) {
+		canvg(this.canvas, s, { 
+			ignoreMouse: true, 
+			ignoreAnimation: true, 
+			ignoreDimensions: true, 
+			ignoreClear: true, 
+			offsetX: dx, 
+			offsetY: dy, 
+			scaleWidth: dw, 
+			scaleHeight: dh
+		});
+	}
+}/**
+ * @license Highcharts JS v3.0.6 (2013-10-04)
+ * CanVGRenderer Extension module
+ *
+ * (c) 2011-2012 Torstein Hønsi, Erik Olsson
+ *
+ * License: www.highcharts.com/license
+ */
+
+// JSLint options:
+/*global Highcharts */
+
+(function (Highcharts) { // encapsulate
+	var UNDEFINED,
+		DIV = 'div',
+		ABSOLUTE = 'absolute',
+		RELATIVE = 'relative',
+		HIDDEN = 'hidden',
+		VISIBLE = 'visible',
+		PX = 'px',
+		css = Highcharts.css,
+		CanVGRenderer = Highcharts.CanVGRenderer,
+		SVGRenderer = Highcharts.SVGRenderer,
+		extend = Highcharts.extend,
+		merge = Highcharts.merge,
+		addEvent = Highcharts.addEvent,
+		createElement = Highcharts.createElement,
+		discardElement = Highcharts.discardElement;
+
+	// Extend CanVG renderer on demand, inherit from SVGRenderer
+	extend(CanVGRenderer.prototype, SVGRenderer.prototype);
+
+	// Add additional functionality:
+	extend(CanVGRenderer.prototype, {
+		create: function (chart, container, chartWidth, chartHeight) {
+			this.setContainer(container, chartWidth, chartHeight);
+			this.configure(chart);
+		},
+		setContainer: function (container, chartWidth, chartHeight) {
+			var containerStyle = container.style,
+				containerParent = container.parentNode,
+				containerLeft = containerStyle.left,
+				containerTop = containerStyle.top,
+				containerOffsetWidth = container.offsetWidth,
+				containerOffsetHeight = container.offsetHeight,
+				canvas,
+				initialHiddenStyle = { visibility: HIDDEN, position: ABSOLUTE };
+
+			this.init.apply(this, [container, chartWidth, chartHeight]);
+
+			// add the canvas above it
+			canvas = createElement('canvas', {
+				width: containerOffsetWidth,
+				height: containerOffsetHeight
+			}, {
+				position: RELATIVE,
+				left: containerLeft,
+				top: containerTop
+			}, container);
+			this.canvas = canvas;
+
+			// Create the tooltip line and div, they are placed as siblings to
+			// the container (and as direct childs to the div specified in the html page)
+			this.ttLine = createElement(DIV, null, initialHiddenStyle, containerParent);
+			this.ttDiv = createElement(DIV, null, initialHiddenStyle, containerParent);
+			this.ttTimer = UNDEFINED;
+
+			// Move away the svg node to a new div inside the container's parent so we can hide it.
+			var hiddenSvg = createElement(DIV, {
+				width: containerOffsetWidth,
+				height: containerOffsetHeight
+			}, {
+				visibility: HIDDEN,
+				left: containerLeft,
+				top: containerTop
+			}, containerParent);
+			this.hiddenSvg = hiddenSvg;
+			hiddenSvg.appendChild(this.box);
+		},
+
+		/**
+		 * Configures the renderer with the chart. Attach a listener to the event tooltipRefresh.
+		 **/
+		configure: function (chart) {
+			var renderer = this,
+				options = chart.options.tooltip,
+				borderWidth = options.borderWidth,
+				tooltipDiv = renderer.ttDiv,
+				tooltipDivStyle = options.style,
+				tooltipLine = renderer.ttLine,
+				padding = parseInt(tooltipDivStyle.padding, 10);
+
+			// Add border styling from options to the style
+			tooltipDivStyle = merge(tooltipDivStyle, {
+				padding: padding + PX,
+				'background-color': options.backgroundColor,
+				'border-style': 'solid',
+				'border-width': borderWidth + PX,
+				'border-radius': options.borderRadius + PX
+			});
+
+			// Optionally add shadow
+			if (options.shadow) {
+				tooltipDivStyle = merge(tooltipDivStyle, {
+					'box-shadow': '1px 1px 3px gray', // w3c
+					'-webkit-box-shadow': '1px 1px 3px gray' // webkit
+				});
+			}
+			css(tooltipDiv, tooltipDivStyle);
+
+			// Set simple style on the line
+			css(tooltipLine, {
+				'border-left': '1px solid darkgray'
+			});
+
+			// This event is triggered when a new tooltip should be shown
+			addEvent(chart, 'tooltipRefresh', function (args) {
+				var chartContainer = chart.container,
+					offsetLeft = chartContainer.offsetLeft,
+					offsetTop = chartContainer.offsetTop,
+					position;
+
+				// Set the content of the tooltip
+				tooltipDiv.innerHTML = args.text;
+
+				// Compute the best position for the tooltip based on the divs size and container size.
+				position = chart.tooltip.getPosition(tooltipDiv.offsetWidth, tooltipDiv.offsetHeight, {plotX: args.x, plotY: args.y});
+
+				css(tooltipDiv, {
+					visibility: VISIBLE,
+					left: position.x + PX,
+					top: position.y + PX,
+					'border-color': args.borderColor
+				});
+
+				// Position the tooltip line
+				css(tooltipLine, {
+					visibility: VISIBLE,
+					left: offsetLeft + args.x + PX,
+					top: offsetTop + chart.plotTop + PX,
+					height: chart.plotHeight  + PX
+				});
+
+				// This timeout hides the tooltip after 3 seconds
+				// First clear any existing timer
+				if (renderer.ttTimer !== UNDEFINED) {
+					clearTimeout(renderer.ttTimer);
+				}
+
+				// Start a new timer that hides tooltip and line
+				renderer.ttTimer = setTimeout(function () {
+					css(tooltipDiv, { visibility: HIDDEN });
+					css(tooltipLine, { visibility: HIDDEN });
+				}, 3000);
+			});
+		},
+
+		/**
+		 * Extend SVGRenderer.destroy to also destroy the elements added by CanVGRenderer.
+		 */
+		destroy: function () {
+			var renderer = this;
+
+			// Remove the canvas
+			discardElement(renderer.canvas);
+
+			// Kill the timer
+			if (renderer.ttTimer !== UNDEFINED) {
+				clearTimeout(renderer.ttTimer);
+			}
+
+			// Remove the divs for tooltip and line
+			discardElement(renderer.ttLine);
+			discardElement(renderer.ttDiv);
+			discardElement(renderer.hiddenSvg);
+
+			// Continue with base class
+			return SVGRenderer.prototype.destroy.apply(renderer);
+		},
+
+		/**
+		 * Take a color and return it if it's a string, do not make it a gradient even if it is a
+		 * gradient. Currently canvg cannot render gradients (turns out black),
+		 * see: http://code.google.com/p/canvg/issues/detail?id=104
+		 *
+		 * @param {Object} color The color or config object
+		 */
+		color: function (color, elem, prop) {
+			if (color && color.linearGradient) {
+				// Pick the end color and forward to base implementation
+				color = color.stops[color.stops.length - 1][1];
+			}
+			return SVGRenderer.prototype.color.call(this, color, elem, prop);
+		},
+
+		/**
+		 * Draws the SVG on the canvas or adds a draw invokation to the deferred list.
+		 */
+		draw: function () {
+			var renderer = this;
+			window.canvg(renderer.canvas, renderer.hiddenSvg.innerHTML);
+		}
+	});
+}(Highcharts));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/data.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/data.js
new file mode 100644
index 000000000..e309b39b3
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/data.js
@@ -0,0 +1,17 @@
+/*
+ Data plugin for Highcharts
+
+ (c) 2012-2013 Torstein Hønsi
+ Last revision 2013-06-07
+
+ License: www.highcharts.com/license
+*/
+(function(h){var k=h.each,m=function(b,a){this.init(b,a)};h.extend(m.prototype,{init:function(b,a){this.options=b;this.chartOptions=a;this.columns=b.columns||this.rowsToColumns(b.rows)||[];this.columns.length?this.dataFound():(this.parseCSV(),this.parseTable(),this.parseGoogleSpreadsheet())},getColumnDistribution:function(){var b=this.chartOptions,a=b&&b.chart&&b.chart.type,c=[];k(b&&b.series||[],function(b){c.push((h.seriesTypes[b.type||a||"line"].prototype.pointArrayMap||[0]).length)});this.valueCount=
+{global:(h.seriesTypes[a||"line"].prototype.pointArrayMap||[0]).length,individual:c}},dataFound:function(){this.parseTypes();this.findHeaderRow();this.parsed();this.complete()},parseCSV:function(){var b=this,a=this.options,c=a.csv,d=this.columns,f=a.startRow||0,i=a.endRow||Number.MAX_VALUE,j=a.startColumn||0,e=a.endColumn||Number.MAX_VALUE,g=0;c&&(c=c.replace(/\r\n/g,"\n").replace(/\r/g,"\n").split(a.lineDelimiter||"\n"),k(c,function(c,h){var n=b.trim(c),p=n.indexOf("#")===0;h>=f&&h<=i&&!p&&n!==""&&
+(n=c.split(a.itemDelimiter||","),k(n,function(b,a){a>=j&&a<=e&&(d[a-j]||(d[a-j]=[]),d[a-j][g]=b)}),g+=1)}),this.dataFound())},parseTable:function(){var b=this.options,a=b.table,c=this.columns,d=b.startRow||0,f=b.endRow||Number.MAX_VALUE,i=b.startColumn||0,j=b.endColumn||Number.MAX_VALUE,e;a&&(typeof a==="string"&&(a=document.getElementById(a)),k(a.getElementsByTagName("tr"),function(a,b){e=0;b>=d&&b<=f&&k(a.childNodes,function(a){if((a.tagName==="TD"||a.tagName==="TH")&&e>=i&&e<=j)c[e]||(c[e]=[]),
+c[e][b-d]=a.innerHTML,e+=1})}),this.dataFound())},parseGoogleSpreadsheet:function(){var b=this,a=this.options,c=a.googleSpreadsheetKey,d=this.columns,f=a.startRow||0,i=a.endRow||Number.MAX_VALUE,j=a.startColumn||0,e=a.endColumn||Number.MAX_VALUE,g,h;c&&jQuery.getJSON("https://spreadsheets.google.com/feeds/cells/"+c+"/"+(a.googleSpreadsheetWorksheet||"od6")+"/public/values?alt=json-in-script&callback=?",function(a){var a=a.feed.entry,c,k=a.length,m=0,o=0,l;for(l=0;l<k;l++)c=a[l],m=Math.max(m,c.gs$cell.col),
+o=Math.max(o,c.gs$cell.row);for(l=0;l<m;l++)if(l>=j&&l<=e)d[l-j]=[],d[l-j].length=Math.min(o,i-f);for(l=0;l<k;l++)if(c=a[l],g=c.gs$cell.row-1,h=c.gs$cell.col-1,h>=j&&h<=e&&g>=f&&g<=i)d[h-j][g-f]=c.content.$t;b.dataFound()})},findHeaderRow:function(){k(this.columns,function(){});this.headerRow=0},trim:function(b){return typeof b==="string"?b.replace(/^\s+|\s+$/g,""):b},parseTypes:function(){for(var b=this.columns,a=b.length,c,d,f,i;a--;)for(c=b[a].length;c--;)d=b[a][c],f=parseFloat(d),i=this.trim(d),
+i==f?(b[a][c]=f,f>31536E6?b[a].isDatetime=!0:b[a].isNumeric=!0):(d=this.parseDate(d),a===0&&typeof d==="number"&&!isNaN(d)?(b[a][c]=d,b[a].isDatetime=!0):b[a][c]=i===""?null:i)},dateFormats:{"YYYY-mm-dd":{regex:"^([0-9]{4})-([0-9]{2})-([0-9]{2})$",parser:function(b){return Date.UTC(+b[1],b[2]-1,+b[3])}}},parseDate:function(b){var a=this.options.parseDate,c,d,f;a&&(c=a(b));if(typeof b==="string")for(d in this.dateFormats)a=this.dateFormats[d],(f=b.match(a.regex))&&(c=a.parser(f));return c},rowsToColumns:function(b){var a,
+c,d,f,i;if(b){i=[];c=b.length;for(a=0;a<c;a++){f=b[a].length;for(d=0;d<f;d++)i[d]||(i[d]=[]),i[d][a]=b[a][d]}}return i},parsed:function(){this.options.parsed&&this.options.parsed.call(this,this.columns)},complete:function(){var b=this.columns,a,c,d=this.options,f,i,j,e,g,k;if(d.complete){this.getColumnDistribution();b.length>1&&(a=b.shift(),this.headerRow===0&&a.shift(),a.isDatetime?c="datetime":a.isNumeric||(c="category"));for(e=0;e<b.length;e++)if(this.headerRow===0)b[e].name=b[e].shift();i=[];
+for(e=0,k=0;e<b.length;k++){f=h.pick(this.valueCount.individual[k],this.valueCount.global);j=[];for(g=0;g<b[e].length;g++)j[g]=[a[g],b[e][g]!==void 0?b[e][g]:null],f>1&&j[g].push(b[e+1][g]!==void 0?b[e+1][g]:null),f>2&&j[g].push(b[e+2][g]!==void 0?b[e+2][g]:null),f>3&&j[g].push(b[e+3][g]!==void 0?b[e+3][g]:null),f>4&&j[g].push(b[e+4][g]!==void 0?b[e+4][g]:null);i[k]={name:b[e].name,data:j};e+=f}d.complete({xAxis:{type:c},series:i})}}});h.Data=m;h.data=function(b,a){return new m(b,a)};h.wrap(h.Chart.prototype,
+"init",function(b,a,c){var d=this;a&&a.data?h.data(h.extend(a.data,{complete:function(f){a.series&&k(a.series,function(b,c){a.series[c]=h.merge(b,f.series[c])});a=h.merge(f,a);b.call(d,a,c)}}),a):b.call(d,a,c)})})(Highcharts);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/data.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/data.src.js
new file mode 100644
index 000000000..d344799f0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/data.src.js
@@ -0,0 +1,582 @@
+/**
+ * @license Data plugin for Highcharts
+ *
+ * (c) 2012-2013 Torstein Hønsi
+ * Last revision 2013-06-07
+ *
+ * License: www.highcharts.com/license
+ */
+
+/*
+ * The Highcharts Data plugin is a utility to ease parsing of input sources like
+ * CSV, HTML tables or grid views into basic configuration options for use 
+ * directly in the Highcharts constructor.
+ *
+ * Demo: http://jsfiddle.net/highcharts/SnLFj/
+ *
+ * --- OPTIONS ---
+ *
+ * - columns : Array<Array<Mixed>>
+ * A two-dimensional array representing the input data on tabular form. This input can
+ * be used when the data is already parsed, for example from a grid view component.
+ * Each cell can be a string or number. If not switchRowsAndColumns is set, the columns
+ * are interpreted as series. See also the rows option.
+ *
+ * - complete : Function(chartOptions)
+ * The callback that is evaluated when the data is finished loading, optionally from an 
+ * external source, and parsed. The first argument passed is a finished chart options
+ * object, containing series and an xAxis with categories if applicable. Thise options
+ * can be extended with additional options and passed directly to the chart constructor.
+ *
+ * - csv : String
+ * A comma delimited string to be parsed. Related options are startRow, endRow, startColumn
+ * and endColumn to delimit what part of the table is used. The lineDelimiter and 
+ * itemDelimiter options define the CSV delimiter formats.
+ * 
+ * - endColumn : Integer
+ * In tabular input data, the first row (indexed by 0) to use. Defaults to the last 
+ * column containing data.
+ *
+ * - endRow : Integer
+ * In tabular input data, the last row (indexed by 0) to use. Defaults to the last row
+ * containing data.
+ *
+ * - googleSpreadsheetKey : String 
+ * A Google Spreadsheet key. See https://developers.google.com/gdata/samples/spreadsheet_sample
+ * for general information on GS.
+ *
+ * - googleSpreadsheetWorksheet : String 
+ * The Google Spreadsheet worksheet. The available id's can be read from 
+ * https://spreadsheets.google.com/feeds/worksheets/{key}/public/basic
+ *
+ * - itemDelimiter : String
+ * Item or cell delimiter for parsing CSV. Defaults to ",".
+ *
+ * - lineDelimiter : String
+ * Line delimiter for parsing CSV. Defaults to "\n".
+ *
+ * - parsed : Function
+ * A callback function to access the parsed columns, the two-dimentional input data
+ * array directly, before they are interpreted into series data and categories.
+ *
+ * - parseDate : Function
+ * A callback function to parse string representations of dates into JavaScript timestamps.
+ * Return an integer on success.
+ *
+ * - rows : Array<Array<Mixed>>
+ * The same as the columns input option, but defining rows intead of columns.
+ *
+ * - startColumn : Integer
+ * In tabular input data, the first column (indexed by 0) to use. 
+ *
+ * - startRow : Integer
+ * In tabular input data, the first row (indexed by 0) to use.
+ *
+ * - table : String|HTMLElement
+ * A HTML table or the id of such to be parsed as input data. Related options ara startRow,
+ * endRow, startColumn and endColumn to delimit what part of the table is used.
+ */
+
+// JSLint options:
+/*global jQuery */
+
+(function (Highcharts) {	
+	
+	// Utilities
+	var each = Highcharts.each;
+	
+	
+	// The Data constructor
+	var Data = function (dataOptions, chartOptions) {
+		this.init(dataOptions, chartOptions);
+	};
+	
+	// Set the prototype properties
+	Highcharts.extend(Data.prototype, {
+		
+	/**
+	 * Initialize the Data object with the given options
+	 */
+	init: function (options, chartOptions) {
+		this.options = options;
+		this.chartOptions = chartOptions;
+		this.columns = options.columns || this.rowsToColumns(options.rows) || [];
+
+		// No need to parse or interpret anything
+		if (this.columns.length) {
+			this.dataFound();
+
+		// Parse and interpret
+		} else {
+
+			// Parse a CSV string if options.csv is given
+			this.parseCSV();
+			
+			// Parse a HTML table if options.table is given
+			this.parseTable();
+
+			// Parse a Google Spreadsheet 
+			this.parseGoogleSpreadsheet();	
+		}
+
+	},
+
+	/**
+	 * Get the column distribution. For example, a line series takes a single column for 
+	 * Y values. A range series takes two columns for low and high values respectively,
+	 * and an OHLC series takes four columns.
+	 */
+	getColumnDistribution: function () {
+		var chartOptions = this.chartOptions,
+			getValueCount = function (type) {
+				return (Highcharts.seriesTypes[type || 'line'].prototype.pointArrayMap || [0]).length;
+			},
+			globalType = chartOptions && chartOptions.chart && chartOptions.chart.type,
+			individualCounts = [];
+
+		each((chartOptions && chartOptions.series) || [], function (series) {
+			individualCounts.push(getValueCount(series.type || globalType));
+		});
+
+		this.valueCount = {
+			global: getValueCount(globalType),
+			individual: individualCounts
+		};
+	},
+
+
+	dataFound: function () {
+		// Interpret the values into right types
+		this.parseTypes();
+		
+		// Use first row for series names?
+		this.findHeaderRow();
+		
+		// Handle columns if a handleColumns callback is given
+		this.parsed();
+		
+		// Complete if a complete callback is given
+		this.complete();
+		
+	},
+	
+	/**
+	 * Parse a CSV input string
+	 */
+	parseCSV: function () {
+		var self = this,
+			options = this.options,
+			csv = options.csv,
+			columns = this.columns,
+			startRow = options.startRow || 0,
+			endRow = options.endRow || Number.MAX_VALUE,
+			startColumn = options.startColumn || 0,
+			endColumn = options.endColumn || Number.MAX_VALUE,
+			lines,
+			activeRowNo = 0;
+			
+		if (csv) {
+			
+			lines = csv
+				.replace(/\r\n/g, "\n") // Unix
+				.replace(/\r/g, "\n") // Mac
+				.split(options.lineDelimiter || "\n");
+			
+			each(lines, function (line, rowNo) {
+				var trimmed = self.trim(line),
+					isComment = trimmed.indexOf('#') === 0,
+					isBlank = trimmed === '',
+					items;
+				
+				if (rowNo >= startRow && rowNo <= endRow && !isComment && !isBlank) {
+					items = line.split(options.itemDelimiter || ',');
+					each(items, function (item, colNo) {
+						if (colNo >= startColumn && colNo <= endColumn) {
+							if (!columns[colNo - startColumn]) {
+								columns[colNo - startColumn] = [];					
+							}
+							
+							columns[colNo - startColumn][activeRowNo] = item;
+						}
+					});
+					activeRowNo += 1;
+				}
+			});
+
+			this.dataFound();
+		}
+	},
+	
+	/**
+	 * Parse a HTML table
+	 */
+	parseTable: function () {
+		var options = this.options,
+			table = options.table,
+			columns = this.columns,
+			startRow = options.startRow || 0,
+			endRow = options.endRow || Number.MAX_VALUE,
+			startColumn = options.startColumn || 0,
+			endColumn = options.endColumn || Number.MAX_VALUE,
+			colNo;
+			
+		if (table) {
+			
+			if (typeof table === 'string') {
+				table = document.getElementById(table);
+			}
+			
+			each(table.getElementsByTagName('tr'), function (tr, rowNo) {
+				colNo = 0; 
+				if (rowNo >= startRow && rowNo <= endRow) {
+					each(tr.childNodes, function (item) {
+						if ((item.tagName === 'TD' || item.tagName === 'TH') && colNo >= startColumn && colNo <= endColumn) {
+							if (!columns[colNo]) {
+								columns[colNo] = [];					
+							}
+							columns[colNo][rowNo - startRow] = item.innerHTML;
+							
+							colNo += 1;
+						}
+					});
+				}
+			});
+
+			this.dataFound(); // continue
+		}
+	},
+
+	/**
+	 * TODO: 
+	 * - switchRowsAndColumns
+	 */
+	parseGoogleSpreadsheet: function () {
+		var self = this,
+			options = this.options,
+			googleSpreadsheetKey = options.googleSpreadsheetKey,
+			columns = this.columns,
+			startRow = options.startRow || 0,
+			endRow = options.endRow || Number.MAX_VALUE,
+			startColumn = options.startColumn || 0,
+			endColumn = options.endColumn || Number.MAX_VALUE,
+			gr, // google row
+			gc; // google column
+
+		if (googleSpreadsheetKey) {
+			jQuery.getJSON('https://spreadsheets.google.com/feeds/cells/' + 
+				  googleSpreadsheetKey + '/' + (options.googleSpreadsheetWorksheet || 'od6') +
+					  '/public/values?alt=json-in-script&callback=?',
+					  function (json) {
+					
+				// Prepare the data from the spreadsheat
+				var cells = json.feed.entry,
+					cell,
+					cellCount = cells.length,
+					colCount = 0,
+					rowCount = 0,
+					i;
+			
+				// First, find the total number of columns and rows that 
+				// are actually filled with data
+				for (i = 0; i < cellCount; i++) {
+					cell = cells[i];
+					colCount = Math.max(colCount, cell.gs$cell.col);
+					rowCount = Math.max(rowCount, cell.gs$cell.row);			
+				}
+			
+				// Set up arrays containing the column data
+				for (i = 0; i < colCount; i++) {
+					if (i >= startColumn && i <= endColumn) {
+						// Create new columns with the length of either end-start or rowCount
+						columns[i - startColumn] = [];
+
+						// Setting the length to avoid jslint warning
+						columns[i - startColumn].length = Math.min(rowCount, endRow - startRow);
+					}
+				}
+				
+				// Loop over the cells and assign the value to the right
+				// place in the column arrays
+				for (i = 0; i < cellCount; i++) {
+					cell = cells[i];
+					gr = cell.gs$cell.row - 1; // rows start at 1
+					gc = cell.gs$cell.col - 1; // columns start at 1
+
+					// If both row and col falls inside start and end
+					// set the transposed cell value in the newly created columns
+					if (gc >= startColumn && gc <= endColumn &&
+						gr >= startRow && gr <= endRow) {
+						columns[gc - startColumn][gr - startRow] = cell.content.$t;
+					}
+				}
+				self.dataFound();
+			});
+		}
+	},
+	
+	/**
+	 * Find the header row. For now, we just check whether the first row contains
+	 * numbers or strings. Later we could loop down and find the first row with 
+	 * numbers.
+	 */
+	findHeaderRow: function () {
+		var headerRow = 0;
+		each(this.columns, function (column) {
+			if (typeof column[0] !== 'string') {
+				headerRow = null;
+			}
+		});
+		this.headerRow = 0;			
+	},
+	
+	/**
+	 * Trim a string from whitespace
+	 */
+	trim: function (str) {
+		return typeof str === 'string' ? str.replace(/^\s+|\s+$/g, '') : str;
+	},
+	
+	/**
+	 * Parse numeric cells in to number types and date types in to true dates.
+	 * @param {Object} columns
+	 */
+	parseTypes: function () {
+		var columns = this.columns,
+			col = columns.length, 
+			row,
+			val,
+			floatVal,
+			trimVal,
+			dateVal;
+			
+		while (col--) {
+			row = columns[col].length;
+			while (row--) {
+				val = columns[col][row];
+				floatVal = parseFloat(val);
+				trimVal = this.trim(val);
+
+				/*jslint eqeq: true*/
+				if (trimVal == floatVal) { // is numeric
+				/*jslint eqeq: false*/
+					columns[col][row] = floatVal;
+					
+					// If the number is greater than milliseconds in a year, assume datetime
+					if (floatVal > 365 * 24 * 3600 * 1000) {
+						columns[col].isDatetime = true;
+					} else {
+						columns[col].isNumeric = true;
+					}					
+				
+				} else { // string, continue to determine if it is a date string or really a string
+					dateVal = this.parseDate(val);
+					
+					if (col === 0 && typeof dateVal === 'number' && !isNaN(dateVal)) { // is date
+						columns[col][row] = dateVal;
+						columns[col].isDatetime = true;
+					
+					} else { // string
+						columns[col][row] = trimVal === '' ? null : trimVal;
+					}
+				}
+				
+			}
+		}
+	},
+	//*
+	dateFormats: {
+		'YYYY-mm-dd': {
+			regex: '^([0-9]{4})-([0-9]{2})-([0-9]{2})$',
+			parser: function (match) {
+				return Date.UTC(+match[1], match[2] - 1, +match[3]);
+			}
+		}
+	},
+	// */
+	/**
+	 * Parse a date and return it as a number. Overridable through options.parseDate.
+	 */
+	parseDate: function (val) {
+		var parseDate = this.options.parseDate,
+			ret,
+			key,
+			format,
+			match;
+
+		if (parseDate) {
+			ret = parseDate(val);
+		}
+			
+		if (typeof val === 'string') {
+			for (key in this.dateFormats) {
+				format = this.dateFormats[key];
+				match = val.match(format.regex);
+				if (match) {
+					ret = format.parser(match);
+				}
+			}
+		}
+		return ret;
+	},
+	
+	/**
+	 * Reorganize rows into columns
+	 */
+	rowsToColumns: function (rows) {
+		var row,
+			rowsLength,
+			col,
+			colsLength,
+			columns;
+
+		if (rows) {
+			columns = [];
+			rowsLength = rows.length;
+			for (row = 0; row < rowsLength; row++) {
+				colsLength = rows[row].length;
+				for (col = 0; col < colsLength; col++) {
+					if (!columns[col]) {
+						columns[col] = [];
+					}
+					columns[col][row] = rows[row][col];
+				}
+			}
+		}
+		return columns;
+	},
+	
+	/**
+	 * A hook for working directly on the parsed columns
+	 */
+	parsed: function () {
+		if (this.options.parsed) {
+			this.options.parsed.call(this, this.columns);
+		}
+	},
+	
+	/**
+	 * If a complete callback function is provided in the options, interpret the 
+	 * columns into a Highcharts options object.
+	 */
+	complete: function () {
+		
+		var columns = this.columns,
+			firstCol,
+			type,
+			options = this.options,
+			valueCount,
+			series,
+			data,
+			i,
+			j,
+			seriesIndex;
+			
+		
+		if (options.complete) {
+
+			this.getColumnDistribution();
+			
+			// Use first column for X data or categories?
+			if (columns.length > 1) {
+				firstCol = columns.shift();
+				if (this.headerRow === 0) {
+					firstCol.shift(); // remove the first cell
+				}
+				
+				
+				if (firstCol.isDatetime) {
+					type = 'datetime';
+				} else if (!firstCol.isNumeric) {
+					type = 'category';
+				}
+			}
+
+			// Get the names and shift the top row
+			for (i = 0; i < columns.length; i++) {
+				if (this.headerRow === 0) {
+					columns[i].name = columns[i].shift();
+				}
+			}
+			
+			// Use the next columns for series
+			series = [];
+			for (i = 0, seriesIndex = 0; i < columns.length; seriesIndex++) {
+
+				// This series' value count
+				valueCount = Highcharts.pick(this.valueCount.individual[seriesIndex], this.valueCount.global);
+				
+				// Iterate down the cells of each column and add data to the series
+				data = [];
+				for (j = 0; j < columns[i].length; j++) {
+					data[j] = [
+						firstCol[j], 
+						columns[i][j] !== undefined ? columns[i][j] : null
+					];
+					if (valueCount > 1) {
+						data[j].push(columns[i + 1][j] !== undefined ? columns[i + 1][j] : null);
+					}
+					if (valueCount > 2) {
+						data[j].push(columns[i + 2][j] !== undefined ? columns[i + 2][j] : null);
+					}
+					if (valueCount > 3) {
+						data[j].push(columns[i + 3][j] !== undefined ? columns[i + 3][j] : null);
+					}
+					if (valueCount > 4) {
+						data[j].push(columns[i + 4][j] !== undefined ? columns[i + 4][j] : null);
+					}
+				}
+
+				// Add the series
+				series[seriesIndex] = {
+					name: columns[i].name,
+					data: data
+				};
+
+				i += valueCount;
+			}
+			
+			// Do the callback
+			options.complete({
+				xAxis: {
+					type: type
+				},
+				series: series
+			});
+		}
+	}
+	});
+	
+	// Register the Data prototype and data function on Highcharts
+	Highcharts.Data = Data;
+	Highcharts.data = function (options, chartOptions) {
+		return new Data(options, chartOptions);
+	};
+
+	// Extend Chart.init so that the Chart constructor accepts a new configuration
+	// option group, data.
+	Highcharts.wrap(Highcharts.Chart.prototype, 'init', function (proceed, userOptions, callback) {
+		var chart = this;
+
+		if (userOptions && userOptions.data) {
+			Highcharts.data(Highcharts.extend(userOptions.data, {
+				complete: function (dataOptions) {
+					
+					// Merge series configs
+					if (userOptions.series) {
+						each(userOptions.series, function (series, i) {
+							userOptions.series[i] = Highcharts.merge(series, dataOptions.series[i]);
+						});
+					}
+
+					// Do the merge
+					userOptions = Highcharts.merge(dataOptions, userOptions);
+
+					proceed.call(chart, userOptions, callback);
+				}
+			}), userOptions);
+		} else {
+			proceed.call(chart, userOptions, callback);
+		}
+	});
+
+}(Highcharts));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/drilldown.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/drilldown.js
new file mode 100644
index 000000000..1df1acce6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/drilldown.js
@@ -0,0 +1,11 @@
+(function(e){function q(b,a,c){return"rgba("+[Math.round(b[0]+(a[0]-b[0])*c),Math.round(b[1]+(a[1]-b[1])*c),Math.round(b[2]+(a[2]-b[2])*c),b[3]+(a[3]-b[3])*c].join(",")+")"}var m=function(){},j=e.getOptions(),g=e.each,n=e.extend,o=e.wrap,h=e.Chart,i=e.seriesTypes,k=i.pie,l=i.column,r=HighchartsAdapter.fireEvent;n(j.lang,{drillUpText:"◁ Back to {series.name}"});j.drilldown={activeAxisLabelStyle:{cursor:"pointer",color:"#039",fontWeight:"bold",textDecoration:"underline"},activeDataLabelStyle:{cursor:"pointer",
+color:"#039",fontWeight:"bold",textDecoration:"underline"},animation:{duration:500},drillUpButton:{position:{align:"right",x:-10,y:10}}};e.SVGRenderer.prototype.Element.prototype.fadeIn=function(){this.attr({opacity:0.1,visibility:"visible"}).animate({opacity:1},{duration:250})};h.prototype.drilldownLevels=[];h.prototype.addSeriesAsDrilldown=function(b,a){var c=b.series,d=c.xAxis,f=c.yAxis,e;e=b.color||c.color;var g,a=n({color:e},a);g=HighchartsAdapter.inArray(this,c.points);this.drilldownLevels.push({seriesOptions:c.userOptions,
+shapeArgs:b.shapeArgs,bBox:b.graphic.getBBox(),color:e,newSeries:a,pointOptions:c.options.data[g],pointIndex:g,oldExtremes:{xMin:d&&d.userMin,xMax:d&&d.userMax,yMin:f&&f.userMin,yMax:f&&f.userMax}});e=this.addSeries(a,!1);if(d)d.oldPos=d.pos,d.userMin=d.userMax=null,f.userMin=f.userMax=null;if(c.type===e.type)e.animate=e.animateDrilldown||m,e.options.animation=!0;c.remove(!1);this.redraw();this.showDrillUpButton()};h.prototype.getDrilldownBackText=function(){return this.options.lang.drillUpText.replace("{series.name}",
+this.drilldownLevels[this.drilldownLevels.length-1].seriesOptions.name)};h.prototype.showDrillUpButton=function(){var b=this,a=this.getDrilldownBackText(),c=b.options.drilldown.drillUpButton;this.drillUpButton?this.drillUpButton.attr({text:a}).align():this.drillUpButton=this.renderer.button(a,null,null,function(){b.drillUp()}).attr(n({align:c.position.align,zIndex:9},c.theme)).add().align(c.position,!1,c.relativeTo||"plotBox")};h.prototype.drillUp=function(){var b=this.drilldownLevels.pop(),a=this.series[0],
+c=b.oldExtremes,d=this.addSeries(b.seriesOptions,!1);r(this,"drillup",{seriesOptions:b.seriesOptions});if(d.type===a.type)d.drilldownLevel=b,d.animate=d.animateDrillupTo||m,d.options.animation=!0,a.animateDrillupFrom&&a.animateDrillupFrom(b);a.remove(!1);d.xAxis&&(d.xAxis.setExtremes(c.xMin,c.xMax,!1),d.yAxis.setExtremes(c.yMin,c.yMax,!1));this.redraw();this.drilldownLevels.length===0?this.drillUpButton=this.drillUpButton.destroy():this.drillUpButton.attr({text:this.getDrilldownBackText()}).align()};
+k.prototype.animateDrilldown=function(b){var a=this.chart.drilldownLevels[this.chart.drilldownLevels.length-1],c=this.chart.options.drilldown.animation,d=a.shapeArgs,f=d.start,s=(d.end-f)/this.points.length,h=e.Color(a.color).rgba;b||g(this.points,function(a,b){var g=e.Color(a.color).rgba;a.graphic.attr(e.merge(d,{start:f+b*s,end:f+(b+1)*s})).animate(a.shapeArgs,e.merge(c,{step:function(a,d){d.prop==="start"&&this.attr({fill:q(h,g,d.pos)})}}))})};k.prototype.animateDrillupTo=l.prototype.animateDrillupTo=
+function(b){if(!b){var a=this,c=a.drilldownLevel;g(this.points,function(a){a.graphic.hide();a.dataLabel&&a.dataLabel.hide();a.connector&&a.connector.hide()});setTimeout(function(){g(a.points,function(a,b){var e=b===c.pointIndex?"show":"fadeIn";a.graphic[e]();if(a.dataLabel)a.dataLabel[e]();if(a.connector)a.connector[e]()})},Math.max(this.chart.options.drilldown.animation.duration-50,0));this.animate=m}};l.prototype.animateDrilldown=function(b){var a=this.chart.drilldownLevels[this.chart.drilldownLevels.length-
+1].shapeArgs,c=this.chart.options.drilldown.animation;b||(a.x+=this.xAxis.oldPos-this.xAxis.pos,g(this.points,function(b){b.graphic.attr(a).animate(b.shapeArgs,c)}))};l.prototype.animateDrillupFrom=k.prototype.animateDrillupFrom=function(b){var a=this.chart.options.drilldown.animation,c=this.group;delete this.group;g(this.points,function(d){var f=d.graphic,g=e.Color(d.color).rgba;delete d.graphic;f.animate(b.shapeArgs,e.merge(a,{step:function(a,c){c.prop==="start"&&this.attr({fill:q(g,e.Color(b.color).rgba,
+c.pos)})},complete:function(){f.destroy();c&&(c=c.destroy())}}))})};e.Point.prototype.doDrilldown=function(){for(var b=this.series.chart,a=b.options.drilldown,c=a.series.length,d;c--&&!d;)a.series[c].id===this.drilldown&&(d=a.series[c]);r(b,"drilldown",{point:this,seriesOptions:d});d&&b.addSeriesAsDrilldown(this,d)};o(e.Point.prototype,"init",function(b,a,c,d){var f=b.call(this,a,c,d),b=a.chart,a=(a=a.xAxis&&a.xAxis.ticks[d])&&a.label;if(f.drilldown){if(e.addEvent(f,"click",function(){f.doDrilldown()}),
+a){if(!a._basicStyle)a._basicStyle=a.element.getAttribute("style");a.addClass("highcharts-drilldown-axis-label").css(b.options.drilldown.activeAxisLabelStyle).on("click",function(){f.doDrilldown&&f.doDrilldown()})}}else a&&a._basicStyle&&a.element.setAttribute("style",a._basicStyle);return f});o(e.Series.prototype,"drawDataLabels",function(b){var a=this.chart.options.drilldown.activeDataLabelStyle;b.call(this);g(this.points,function(b){if(b.drilldown&&b.dataLabel)b.dataLabel.attr({"class":"highcharts-drilldown-data-label"}).css(a).on("click",
+function(){b.doDrilldown()})})});l.prototype.supportsDrilldown=!0;k.prototype.supportsDrilldown=!0;var p,j=function(b){b.call(this);g(this.points,function(a){a.drilldown&&a.graphic&&a.graphic.attr({"class":"highcharts-drilldown-point"}).css({cursor:"pointer"})})};for(p in i)i[p].prototype.supportsDrilldown&&o(i[p].prototype,"drawTracker",j)})(Highcharts);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/drilldown.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/drilldown.src.js
new file mode 100644
index 000000000..558aed4df
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/drilldown.src.js
@@ -0,0 +1,447 @@
+/**
+ * Highcharts Drilldown plugin
+ * 
+ * Author: Torstein Honsi
+ * Last revision: 2013-02-18
+ * License: MIT License
+ *
+ * Demo: http://jsfiddle.net/highcharts/Vf3yT/
+ */
+
+/*global HighchartsAdapter*/
+(function (H) {
+
+	"use strict";
+
+	var noop = function () {},
+		defaultOptions = H.getOptions(),
+		each = H.each,
+		extend = H.extend,
+		wrap = H.wrap,
+		Chart = H.Chart,
+		seriesTypes = H.seriesTypes,
+		PieSeries = seriesTypes.pie,
+		ColumnSeries = seriesTypes.column,
+		fireEvent = HighchartsAdapter.fireEvent;
+
+	// Utilities
+	function tweenColors(startColor, endColor, pos) {
+		var rgba = [
+				Math.round(startColor[0] + (endColor[0] - startColor[0]) * pos),
+				Math.round(startColor[1] + (endColor[1] - startColor[1]) * pos),
+				Math.round(startColor[2] + (endColor[2] - startColor[2]) * pos),
+				startColor[3] + (endColor[3] - startColor[3]) * pos
+			];
+		return 'rgba(' + rgba.join(',') + ')';
+	}
+
+	// Add language
+	extend(defaultOptions.lang, {
+		drillUpText: '◁ Back to {series.name}'
+	});
+	defaultOptions.drilldown = {
+		activeAxisLabelStyle: {
+			cursor: 'pointer',
+			color: '#039',
+			fontWeight: 'bold',
+			textDecoration: 'underline'			
+		},
+		activeDataLabelStyle: {
+			cursor: 'pointer',
+			color: '#039',
+			fontWeight: 'bold',
+			textDecoration: 'underline'			
+		},
+		animation: {
+			duration: 500
+		},
+		drillUpButton: {
+			position: { 
+				align: 'right',
+				x: -10,
+				y: 10
+			}
+			// relativeTo: 'plotBox'
+			// theme
+		}
+	};	
+
+	/**
+	 * A general fadeIn method
+	 */
+	H.SVGRenderer.prototype.Element.prototype.fadeIn = function () {
+		this
+		.attr({
+			opacity: 0.1,
+			visibility: 'visible'
+		})
+		.animate({
+			opacity: 1
+		}, {
+			duration: 250
+		});
+	};
+
+	// Extend the Chart prototype
+	Chart.prototype.drilldownLevels = [];
+
+	Chart.prototype.addSeriesAsDrilldown = function (point, ddOptions) {
+		var oldSeries = point.series,
+			xAxis = oldSeries.xAxis,
+			yAxis = oldSeries.yAxis,
+			newSeries,
+			color = point.color || oldSeries.color,
+			pointIndex,
+			level;
+			
+		ddOptions = extend({
+			color: color
+		}, ddOptions);
+		pointIndex = HighchartsAdapter.inArray(this, oldSeries.points);
+		level = {
+			seriesOptions: oldSeries.userOptions,
+			shapeArgs: point.shapeArgs,
+			bBox: point.graphic.getBBox(),
+			color: color,
+			newSeries: ddOptions,
+			pointOptions: oldSeries.options.data[pointIndex],
+			pointIndex: pointIndex,
+			oldExtremes: {
+				xMin: xAxis && xAxis.userMin,
+				xMax: xAxis && xAxis.userMax,
+				yMin: yAxis && yAxis.userMin,
+				yMax: yAxis && yAxis.userMax
+			}
+		};
+
+		this.drilldownLevels.push(level);
+
+		newSeries = this.addSeries(ddOptions, false);
+		if (xAxis) {
+			xAxis.oldPos = xAxis.pos;
+			xAxis.userMin = xAxis.userMax = null;
+			yAxis.userMin = yAxis.userMax = null;
+		}
+
+		// Run fancy cross-animation on supported and equal types
+		if (oldSeries.type === newSeries.type) {
+			newSeries.animate = newSeries.animateDrilldown || noop;
+			newSeries.options.animation = true;
+		}
+		
+		oldSeries.remove(false);
+		
+		this.redraw();
+		this.showDrillUpButton();
+	};
+
+	Chart.prototype.getDrilldownBackText = function () {
+		var lastLevel = this.drilldownLevels[this.drilldownLevels.length - 1];
+
+		return this.options.lang.drillUpText.replace('{series.name}', lastLevel.seriesOptions.name);
+
+	};
+
+	Chart.prototype.showDrillUpButton = function () {
+		var chart = this,
+			backText = this.getDrilldownBackText(),
+			buttonOptions = chart.options.drilldown.drillUpButton;
+			
+
+		if (!this.drillUpButton) {
+			this.drillUpButton = this.renderer.button(
+				backText,
+				null,
+				null,
+				function () {
+					chart.drillUp(); 
+				}
+			)
+			.attr(extend({
+				align: buttonOptions.position.align,
+				zIndex: 9
+			}, buttonOptions.theme))
+			.add()
+			.align(buttonOptions.position, false, buttonOptions.relativeTo || 'plotBox');
+		} else {
+			this.drillUpButton.attr({
+				text: backText
+			})
+			.align();
+		}
+	};
+
+	Chart.prototype.drillUp = function () {
+		var chart = this,
+			level = chart.drilldownLevels.pop(),
+			oldSeries = chart.series[0],
+			oldExtremes = level.oldExtremes,
+			newSeries = chart.addSeries(level.seriesOptions, false);
+		
+		fireEvent(chart, 'drillup', { seriesOptions: level.seriesOptions });
+
+		if (newSeries.type === oldSeries.type) {
+			newSeries.drilldownLevel = level;
+			newSeries.animate = newSeries.animateDrillupTo || noop;
+			newSeries.options.animation = true;
+
+			if (oldSeries.animateDrillupFrom) {
+				oldSeries.animateDrillupFrom(level);
+			}
+		}
+
+		oldSeries.remove(false);
+
+		// Reset the zoom level of the upper series
+		if (newSeries.xAxis) {
+			newSeries.xAxis.setExtremes(oldExtremes.xMin, oldExtremes.xMax, false);
+			newSeries.yAxis.setExtremes(oldExtremes.yMin, oldExtremes.yMax, false);
+		}
+
+
+		this.redraw();
+
+		if (this.drilldownLevels.length === 0) {
+			this.drillUpButton = this.drillUpButton.destroy();
+		} else {
+			this.drillUpButton.attr({
+				text: this.getDrilldownBackText()
+			})
+			.align();
+		}
+	};
+
+	PieSeries.prototype.animateDrilldown = function (init) {
+		var level = this.chart.drilldownLevels[this.chart.drilldownLevels.length - 1],
+			animationOptions = this.chart.options.drilldown.animation,
+			animateFrom = level.shapeArgs,
+			start = animateFrom.start,
+			angle = animateFrom.end - start,
+			startAngle = angle / this.points.length,
+			startColor = H.Color(level.color).rgba;
+
+		if (!init) {
+			each(this.points, function (point, i) {
+				var endColor = H.Color(point.color).rgba;
+
+				/*jslint unparam: true*/
+				point.graphic
+					.attr(H.merge(animateFrom, {
+						start: start + i * startAngle,
+						end: start + (i + 1) * startAngle
+					}))
+					.animate(point.shapeArgs, H.merge(animationOptions, {
+						step: function (val, fx) {
+							if (fx.prop === 'start') {
+								this.attr({
+									fill: tweenColors(startColor, endColor, fx.pos)
+								});
+							}
+						}
+					}));
+				/*jslint unparam: false*/
+			});
+		}
+	};
+
+
+	/**
+	 * When drilling up, keep the upper series invisible until the lower series has
+	 * moved into place
+	 */
+	PieSeries.prototype.animateDrillupTo = 
+			ColumnSeries.prototype.animateDrillupTo = function (init) {
+		if (!init) {
+			var newSeries = this,
+				level = newSeries.drilldownLevel;
+
+			each(this.points, function (point) {
+				point.graphic.hide();
+				if (point.dataLabel) {
+					point.dataLabel.hide();
+				}
+				if (point.connector) {
+					point.connector.hide();
+				}
+			});
+
+
+			// Do dummy animation on first point to get to complete
+			setTimeout(function () {
+				each(newSeries.points, function (point, i) {  
+					// Fade in other points			  
+					var verb = i === level.pointIndex ? 'show' : 'fadeIn';
+					point.graphic[verb]();
+					if (point.dataLabel) {
+						point.dataLabel[verb]();
+					}
+					if (point.connector) {
+						point.connector[verb]();
+					}
+				});
+			}, Math.max(this.chart.options.drilldown.animation.duration - 50, 0));
+
+			// Reset
+			this.animate = noop;
+		}
+
+	};
+	
+	ColumnSeries.prototype.animateDrilldown = function (init) {
+		var animateFrom = this.chart.drilldownLevels[this.chart.drilldownLevels.length - 1].shapeArgs,
+			animationOptions = this.chart.options.drilldown.animation;
+			
+		if (!init) {
+
+			animateFrom.x += (this.xAxis.oldPos - this.xAxis.pos);
+	
+			each(this.points, function (point) {
+				point.graphic
+					.attr(animateFrom)
+					.animate(point.shapeArgs, animationOptions);
+			});
+		}
+		
+	};
+
+	/**
+	 * When drilling up, pull out the individual point graphics from the lower series
+	 * and animate them into the origin point in the upper series.
+	 */
+	ColumnSeries.prototype.animateDrillupFrom = 
+		PieSeries.prototype.animateDrillupFrom =
+	function (level) {
+		var animationOptions = this.chart.options.drilldown.animation,
+			group = this.group;
+
+		delete this.group;
+		each(this.points, function (point) {
+			var graphic = point.graphic,
+				startColor = H.Color(point.color).rgba;
+
+			delete point.graphic;
+
+			/*jslint unparam: true*/
+			graphic.animate(level.shapeArgs, H.merge(animationOptions, {
+
+				step: function (val, fx) {
+					if (fx.prop === 'start') {
+						this.attr({
+							fill: tweenColors(startColor, H.Color(level.color).rgba, fx.pos)
+						});
+					}
+				},
+				complete: function () {
+					graphic.destroy();
+					if (group) {
+						group = group.destroy();
+					}
+				}
+			}));
+			/*jslint unparam: false*/
+		});
+	};
+	
+	H.Point.prototype.doDrilldown = function () {
+		var series = this.series,
+			chart = series.chart,
+			drilldown = chart.options.drilldown,
+			i = drilldown.series.length,
+			seriesOptions;
+		
+		while (i-- && !seriesOptions) {
+			if (drilldown.series[i].id === this.drilldown) {
+				seriesOptions = drilldown.series[i];
+			}
+		}
+
+		// Fire the event. If seriesOptions is undefined, the implementer can check for 
+		// seriesOptions, and call addSeriesAsDrilldown async if necessary.
+		fireEvent(chart, 'drilldown', { 
+			point: this,
+			seriesOptions: seriesOptions
+		});
+		
+		if (seriesOptions) {
+			chart.addSeriesAsDrilldown(this, seriesOptions);
+		}
+
+	};
+	
+	wrap(H.Point.prototype, 'init', function (proceed, series, options, x) {
+		var point = proceed.call(this, series, options, x),
+			chart = series.chart,
+			tick = series.xAxis && series.xAxis.ticks[x],
+			tickLabel = tick && tick.label;
+		
+		if (point.drilldown) {
+			
+			// Add the click event to the point label
+			H.addEvent(point, 'click', function () {
+				point.doDrilldown();
+			});
+			
+			// Make axis labels clickable
+			if (tickLabel) {
+				if (!tickLabel._basicStyle) {
+					tickLabel._basicStyle = tickLabel.element.getAttribute('style');
+				}
+				tickLabel
+					.addClass('highcharts-drilldown-axis-label')
+					.css(chart.options.drilldown.activeAxisLabelStyle)
+					.on('click', function () {
+						if (point.doDrilldown) {
+							point.doDrilldown();
+						}
+					});
+					
+			}
+		} else if (tickLabel && tickLabel._basicStyle) {
+			tickLabel.element.setAttribute('style', tickLabel._basicStyle);
+		}
+		
+		return point;
+	});
+
+	wrap(H.Series.prototype, 'drawDataLabels', function (proceed) {
+		var css = this.chart.options.drilldown.activeDataLabelStyle;
+
+		proceed.call(this);
+
+		each(this.points, function (point) {
+			if (point.drilldown && point.dataLabel) {
+				point.dataLabel
+					.attr({
+						'class': 'highcharts-drilldown-data-label'
+					})
+					.css(css)
+					.on('click', function () {
+						point.doDrilldown();
+					});
+			}
+		});
+	});
+
+	// Mark the trackers with a pointer 
+	ColumnSeries.prototype.supportsDrilldown = true;
+	PieSeries.prototype.supportsDrilldown = true;
+	var type, 
+		drawTrackerWrapper = function (proceed) {
+			proceed.call(this);
+			each(this.points, function (point) {
+				if (point.drilldown && point.graphic) {
+					point.graphic
+						.attr({
+							'class': 'highcharts-drilldown-point'
+						})
+						.css({ cursor: 'pointer' });
+				}
+			});
+		};
+	for (type in seriesTypes) {
+		if (seriesTypes[type].prototype.supportsDrilldown) {
+			wrap(seriesTypes[type].prototype, 'drawTracker', drawTrackerWrapper);
+		}
+	}
+		
+}(Highcharts));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/exporting.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/exporting.js
new file mode 100644
index 000000000..8ec202c48
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/exporting.js
@@ -0,0 +1,22 @@
+/*
+ Highcharts JS v3.0.6 (2013-10-04)
+ Exporting module
+
+ (c) 2010-2013 Torstein Hønsi
+
+ License: www.highcharts.com/license
+*/
+(function(f){var A=f.Chart,t=f.addEvent,C=f.removeEvent,k=f.createElement,n=f.discardElement,u=f.css,o=f.merge,r=f.each,p=f.extend,D=Math.max,j=document,B=window,E=f.isTouchDevice,F=f.Renderer.prototype.symbols,x=f.getOptions(),y;p(x.lang,{printChart:"Print chart",downloadPNG:"Download PNG image",downloadJPEG:"Download JPEG image",downloadPDF:"Download PDF document",downloadSVG:"Download SVG vector image",contextButtonTitle:"Chart context menu"});x.navigation={menuStyle:{border:"1px solid #A0A0A0",
+background:"#FFFFFF",padding:"5px 0"},menuItemStyle:{padding:"0 10px",background:"none",color:"#303030",fontSize:E?"14px":"11px"},menuItemHoverStyle:{background:"#4572A5",color:"#FFFFFF"},buttonOptions:{symbolFill:"#E0E0E0",symbolSize:14,symbolStroke:"#666",symbolStrokeWidth:3,symbolX:12.5,symbolY:10.5,align:"right",buttonSpacing:3,height:22,theme:{fill:"white",stroke:"none"},verticalAlign:"top",width:24}};x.exporting={type:"image/png",url:"http://export.highcharts.com/",buttons:{contextButton:{menuClassName:"highcharts-contextmenu",
+symbol:"menu",_titleKey:"contextButtonTitle",menuItems:[{textKey:"printChart",onclick:function(){this.print()}},{separator:!0},{textKey:"downloadPNG",onclick:function(){this.exportChart()}},{textKey:"downloadJPEG",onclick:function(){this.exportChart({type:"image/jpeg"})}},{textKey:"downloadPDF",onclick:function(){this.exportChart({type:"application/pdf"})}},{textKey:"downloadSVG",onclick:function(){this.exportChart({type:"image/svg+xml"})}}]}}};f.post=function(c,a){var d,b;b=k("form",{method:"post",
+action:c,enctype:"multipart/form-data"},{display:"none"},j.body);for(d in a)k("input",{type:"hidden",name:d,value:a[d]},null,b);b.submit();n(b)};p(A.prototype,{getSVG:function(c){var a=this,d,b,z,h,g=o(a.options,c);if(!j.createElementNS)j.createElementNS=function(a,b){return j.createElement(b)};c=k("div",null,{position:"absolute",top:"-9999em",width:a.chartWidth+"px",height:a.chartHeight+"px"},j.body);b=a.renderTo.style.width;h=a.renderTo.style.height;b=g.exporting.sourceWidth||g.chart.width||/px$/.test(b)&&
+parseInt(b,10)||600;h=g.exporting.sourceHeight||g.chart.height||/px$/.test(h)&&parseInt(h,10)||400;p(g.chart,{animation:!1,renderTo:c,forExport:!0,width:b,height:h});g.exporting.enabled=!1;g.series=[];r(a.series,function(a){z=o(a.options,{animation:!1,showCheckbox:!1,visible:a.visible});z.isInternal||g.series.push(z)});d=new f.Chart(g,a.callback);r(["xAxis","yAxis"],function(b){r(a[b],function(a,c){var g=d[b][c],f=a.getExtremes(),h=f.userMin,f=f.userMax;g&&(h!==void 0||f!==void 0)&&g.setExtremes(h,
+f,!0,!1)})});b=d.container.innerHTML;g=null;d.destroy();n(c);b=b.replace(/zIndex="[^"]+"/g,"").replace(/isShadow="[^"]+"/g,"").replace(/symbolName="[^"]+"/g,"").replace(/jQuery[0-9]+="[^"]+"/g,"").replace(/url\([^#]+#/g,"url(#").replace(/<svg /,'<svg xmlns:xlink="http://www.w3.org/1999/xlink" ').replace(/ href=/g," xlink:href=").replace(/\n/," ").replace(/<\/svg>.*?$/,"</svg>").replace(/&nbsp;/g," ").replace(/&shy;/g,"­").replace(/<IMG /g,"<image ").replace(/height=([^" ]+)/g,'height="$1"').replace(/width=([^" ]+)/g,
+'width="$1"').replace(/hc-svg-href="([^"]+)">/g,'xlink:href="$1"/>').replace(/id=([^" >]+)/g,'id="$1"').replace(/class=([^" >]+)/g,'class="$1"').replace(/ transform /g," ").replace(/:(path|rect)/g,"$1").replace(/style="([^"]+)"/g,function(a){return a.toLowerCase()});return b=b.replace(/(url\(#highcharts-[0-9]+)&quot;/g,"$1").replace(/&quot;/g,"'")},exportChart:function(c,a){var c=c||{},d=this.options.exporting,d=this.getSVG(o({chart:{borderRadius:0}},d.chartOptions,a,{exporting:{sourceWidth:c.sourceWidth||
+d.sourceWidth,sourceHeight:c.sourceHeight||d.sourceHeight}})),c=o(this.options.exporting,c);f.post(c.url,{filename:c.filename||"chart",type:c.type,width:c.width||0,scale:c.scale||2,svg:d})},print:function(){var c=this,a=c.container,d=[],b=a.parentNode,f=j.body,h=f.childNodes;if(!c.isPrinting)c.isPrinting=!0,r(h,function(a,b){if(a.nodeType===1)d[b]=a.style.display,a.style.display="none"}),f.appendChild(a),B.focus(),B.print(),setTimeout(function(){b.appendChild(a);r(h,function(a,b){if(a.nodeType===
+1)a.style.display=d[b]});c.isPrinting=!1},1E3)},contextMenu:function(c,a,d,b,f,h,g){var e=this,j=e.options.navigation,q=j.menuItemStyle,l=e.chartWidth,m=e.chartHeight,o="cache-"+c,i=e[o],s=D(f,h),v,w,n;if(!i)e[o]=i=k("div",{className:c},{position:"absolute",zIndex:1E3,padding:s+"px"},e.container),v=k("div",null,p({MozBoxShadow:"3px 3px 10px #888",WebkitBoxShadow:"3px 3px 10px #888",boxShadow:"3px 3px 10px #888"},j.menuStyle),i),w=function(){u(i,{display:"none"});g&&g.setState(0);e.openMenu=!1},t(i,
+"mouseleave",function(){n=setTimeout(w,500)}),t(i,"mouseenter",function(){clearTimeout(n)}),t(document,"mousedown",function(a){e.pointer.inClass(a.target,c)||w()}),r(a,function(a){if(a){var b=a.separator?k("hr",null,null,v):k("div",{onmouseover:function(){u(this,j.menuItemHoverStyle)},onmouseout:function(){u(this,q)},onclick:function(){w();a.onclick.apply(e,arguments)},innerHTML:a.text||e.options.lang[a.textKey]},p({cursor:"pointer"},q),v);e.exportDivElements.push(b)}}),e.exportDivElements.push(v,
+i),e.exportMenuWidth=i.offsetWidth,e.exportMenuHeight=i.offsetHeight;a={display:"block"};d+e.exportMenuWidth>l?a.right=l-d-f-s+"px":a.left=d-s+"px";b+h+e.exportMenuHeight>m&&g.alignOptions.verticalAlign!=="top"?a.bottom=m-b-s+"px":a.top=b+h-s+"px";u(i,a);e.openMenu=!0},addButton:function(c){var a=this,d=a.renderer,b=o(a.options.navigation.buttonOptions,c),j=b.onclick,h=b.menuItems,g,e,k={stroke:b.symbolStroke,fill:b.symbolFill},q=b.symbolSize||12;if(!a.btnCount)a.btnCount=0;if(!a.exportDivElements)a.exportDivElements=
+[],a.exportSVGElements=[];if(b.enabled!==!1){var l=b.theme,m=l.states,n=m&&m.hover,m=m&&m.select,i;delete l.states;j?i=function(){j.apply(a,arguments)}:h&&(i=function(){a.contextMenu(e.menuClassName,h,e.translateX,e.translateY,e.width,e.height,e);e.setState(2)});b.text&&b.symbol?l.paddingLeft=f.pick(l.paddingLeft,25):b.text||p(l,{width:b.width,height:b.height,padding:0});e=d.button(b.text,0,0,i,l,n,m).attr({title:a.options.lang[b._titleKey],"stroke-linecap":"round"});e.menuClassName=c.menuClassName||
+"highcharts-menu-"+a.btnCount++;b.symbol&&(g=d.symbol(b.symbol,b.symbolX-q/2,b.symbolY-q/2,q,q).attr(p(k,{"stroke-width":b.symbolStrokeWidth||1,zIndex:1})).add(e));e.add().align(p(b,{width:e.width,x:f.pick(b.x,y)}),!0,"spacingBox");y+=(e.width+b.buttonSpacing)*(b.align==="right"?-1:1);a.exportSVGElements.push(e,g)}},destroyExport:function(c){var c=c.target,a,d;for(a=0;a<c.exportSVGElements.length;a++)if(d=c.exportSVGElements[a])d.onclick=d.ontouchstart=null,c.exportSVGElements[a]=d.destroy();for(a=
+0;a<c.exportDivElements.length;a++)d=c.exportDivElements[a],C(d,"mouseleave"),c.exportDivElements[a]=d.onmouseout=d.onmouseover=d.ontouchstart=d.onclick=null,n(d)}});F.menu=function(c,a,d,b){return["M",c,a+2.5,"L",c+d,a+2.5,"M",c,a+b/2+0.5,"L",c+d,a+b/2+0.5,"M",c,a+b-1.5,"L",c+d,a+b-1.5]};A.prototype.callbacks.push(function(c){var a,d=c.options.exporting,b=d.buttons;y=0;if(d.enabled!==!1){for(a in b)c.addButton(b[a]);t(c,"destroy",c.destroyExport)}})})(Highcharts);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/exporting.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/exporting.src.js
new file mode 100644
index 000000000..dfc825cc4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/exporting.src.js
@@ -0,0 +1,709 @@
+/**
+ * @license Highcharts JS v3.0.6 (2013-10-04)
+ * Exporting module
+ *
+ * (c) 2010-2013 Torstein Hønsi
+ *
+ * License: www.highcharts.com/license
+ */
+
+// JSLint options:
+/*global Highcharts, document, window, Math, setTimeout */
+
+(function (Highcharts) { // encapsulate
+
+// create shortcuts
+var Chart = Highcharts.Chart,
+	addEvent = Highcharts.addEvent,
+	removeEvent = Highcharts.removeEvent,
+	createElement = Highcharts.createElement,
+	discardElement = Highcharts.discardElement,
+	css = Highcharts.css,
+	merge = Highcharts.merge,
+	each = Highcharts.each,
+	extend = Highcharts.extend,
+	math = Math,
+	mathMax = math.max,
+	doc = document,
+	win = window,
+	isTouchDevice = Highcharts.isTouchDevice,
+	M = 'M',
+	L = 'L',
+	DIV = 'div',
+	HIDDEN = 'hidden',
+	NONE = 'none',
+	PREFIX = 'highcharts-',
+	ABSOLUTE = 'absolute',
+	PX = 'px',
+	UNDEFINED,
+	symbols = Highcharts.Renderer.prototype.symbols,
+	defaultOptions = Highcharts.getOptions(),
+	buttonOffset;
+
+	// Add language
+	extend(defaultOptions.lang, {
+		printChart: 'Print chart',
+		downloadPNG: 'Download PNG image',
+		downloadJPEG: 'Download JPEG image',
+		downloadPDF: 'Download PDF document',
+		downloadSVG: 'Download SVG vector image',
+		contextButtonTitle: 'Chart context menu'
+	});
+
+// Buttons and menus are collected in a separate config option set called 'navigation'.
+// This can be extended later to add control buttons like zoom and pan right click menus.
+defaultOptions.navigation = {
+	menuStyle: {
+		border: '1px solid #A0A0A0',
+		background: '#FFFFFF',
+		padding: '5px 0'
+	},
+	menuItemStyle: {
+		padding: '0 10px',
+		background: NONE,
+		color: '#303030',
+		fontSize: isTouchDevice ? '14px' : '11px'
+	},
+	menuItemHoverStyle: {
+		background: '#4572A5',
+		color: '#FFFFFF'
+	},
+
+	buttonOptions: {
+		symbolFill: '#E0E0E0',
+		symbolSize: 14,
+		symbolStroke: '#666',
+		symbolStrokeWidth: 3,
+		symbolX: 12.5,
+		symbolY: 10.5,
+		align: 'right',
+		buttonSpacing: 3, 
+		height: 22,
+		// text: null,
+		theme: {
+			fill: 'white', // capture hover
+			stroke: 'none'
+		},
+		verticalAlign: 'top',
+		width: 24
+	}
+};
+
+
+
+// Add the export related options
+defaultOptions.exporting = {
+	//enabled: true,
+	//filename: 'chart',
+	type: 'image/png',
+	url: 'http://export.highcharts.com/',
+	//width: undefined,
+	//scale: 2
+	buttons: {
+		contextButton: {
+			menuClassName: PREFIX + 'contextmenu',
+			//x: -10,
+			symbol: 'menu',
+			_titleKey: 'contextButtonTitle',
+			menuItems: [{
+				textKey: 'printChart',
+				onclick: function () {
+					this.print();
+				}
+			}, {
+				separator: true
+			}, {
+				textKey: 'downloadPNG',
+				onclick: function () {
+					this.exportChart();
+				}
+			}, {
+				textKey: 'downloadJPEG',
+				onclick: function () {
+					this.exportChart({
+						type: 'image/jpeg'
+					});
+				}
+			}, {
+				textKey: 'downloadPDF',
+				onclick: function () {
+					this.exportChart({
+						type: 'application/pdf'
+					});
+				}
+			}, {
+				textKey: 'downloadSVG',
+				onclick: function () {
+					this.exportChart({
+						type: 'image/svg+xml'
+					});
+				}
+			}
+			// Enable this block to add "View SVG" to the dropdown menu
+			/*
+			,{
+
+				text: 'View SVG',
+				onclick: function () {
+					var svg = this.getSVG()
+						.replace(/</g, '\n&lt;')
+						.replace(/>/g, '&gt;');
+
+					doc.body.innerHTML = '<pre>' + svg + '</pre>';
+				}
+			} // */
+			]
+		}
+	}
+};
+
+// Add the Highcharts.post utility
+Highcharts.post = function (url, data) {
+	var name,
+		form;
+	
+	// create the form
+	form = createElement('form', {
+		method: 'post',
+		action: url,
+		enctype: 'multipart/form-data'
+	}, {
+		display: NONE
+	}, doc.body);
+
+	// add the data
+	for (name in data) {
+		createElement('input', {
+			type: HIDDEN,
+			name: name,
+			value: data[name]
+		}, null, form);
+	}
+
+	// submit
+	form.submit();
+
+	// clean up
+	discardElement(form);
+};
+
+extend(Chart.prototype, {
+
+	/**
+	 * Return an SVG representation of the chart
+	 *
+	 * @param additionalOptions {Object} Additional chart options for the generated SVG representation
+	 */
+	getSVG: function (additionalOptions) {
+		var chart = this,
+			chartCopy,
+			sandbox,
+			svg,
+			seriesOptions,
+			sourceWidth,
+			sourceHeight,
+			cssWidth,
+			cssHeight,
+			options = merge(chart.options, additionalOptions); // copy the options and add extra options
+
+		// IE compatibility hack for generating SVG content that it doesn't really understand
+		if (!doc.createElementNS) {
+			/*jslint unparam: true*//* allow unused parameter ns in function below */
+			doc.createElementNS = function (ns, tagName) {
+				return doc.createElement(tagName);
+			};
+			/*jslint unparam: false*/
+		}
+
+		// create a sandbox where a new chart will be generated
+		sandbox = createElement(DIV, null, {
+			position: ABSOLUTE,
+			top: '-9999em',
+			width: chart.chartWidth + PX,
+			height: chart.chartHeight + PX
+		}, doc.body);
+		
+		// get the source size
+		cssWidth = chart.renderTo.style.width;
+		cssHeight = chart.renderTo.style.height;
+		sourceWidth = options.exporting.sourceWidth ||
+			options.chart.width ||
+			(/px$/.test(cssWidth) && parseInt(cssWidth, 10)) ||
+			600;
+		sourceHeight = options.exporting.sourceHeight ||
+			options.chart.height ||
+			(/px$/.test(cssHeight) && parseInt(cssHeight, 10)) ||
+			400;
+
+		// override some options
+		extend(options.chart, {
+			animation: false,
+			renderTo: sandbox,
+			forExport: true,
+			width: sourceWidth,
+			height: sourceHeight
+		});
+		options.exporting.enabled = false; // hide buttons in print
+		
+		// prepare for replicating the chart
+		options.series = [];
+		each(chart.series, function (serie) {
+			seriesOptions = merge(serie.options, {
+				animation: false, // turn off animation
+				showCheckbox: false,
+				visible: serie.visible
+			});
+
+			if (!seriesOptions.isInternal) { // used for the navigator series that has its own option set
+				options.series.push(seriesOptions);
+			}
+		});
+
+		// generate the chart copy
+		chartCopy = new Highcharts.Chart(options, chart.callback);
+
+		// reflect axis extremes in the export
+		each(['xAxis', 'yAxis'], function (axisType) {
+			each(chart[axisType], function (axis, i) {
+				var axisCopy = chartCopy[axisType][i],
+					extremes = axis.getExtremes(),
+					userMin = extremes.userMin,
+					userMax = extremes.userMax;
+
+				if (axisCopy && (userMin !== UNDEFINED || userMax !== UNDEFINED)) {
+					axisCopy.setExtremes(userMin, userMax, true, false);
+				}
+			});
+		});
+
+		// get the SVG from the container's innerHTML
+		svg = chartCopy.container.innerHTML;
+
+		// free up memory
+		options = null;
+		chartCopy.destroy();
+		discardElement(sandbox);
+
+		// sanitize
+		svg = svg
+			.replace(/zIndex="[^"]+"/g, '')
+			.replace(/isShadow="[^"]+"/g, '')
+			.replace(/symbolName="[^"]+"/g, '')
+			.replace(/jQuery[0-9]+="[^"]+"/g, '')
+			.replace(/url\([^#]+#/g, 'url(#')
+			.replace(/<svg /, '<svg xmlns:xlink="http://www.w3.org/1999/xlink" ')
+			.replace(/ href=/g, ' xlink:href=')
+			.replace(/\n/, ' ')
+			.replace(/<\/svg>.*?$/, '</svg>') // any HTML added to the container after the SVG (#894)
+			/* This fails in IE < 8
+			.replace(/([0-9]+)\.([0-9]+)/g, function(s1, s2, s3) { // round off to save weight
+				return s2 +'.'+ s3[0];
+			})*/
+
+			// Replace HTML entities, issue #347
+			.replace(/&nbsp;/g, '\u00A0') // no-break space
+			.replace(/&shy;/g,  '\u00AD') // soft hyphen
+
+			// IE specific
+			.replace(/<IMG /g, '<image ')
+			.replace(/height=([^" ]+)/g, 'height="$1"')
+			.replace(/width=([^" ]+)/g, 'width="$1"')
+			.replace(/hc-svg-href="([^"]+)">/g, 'xlink:href="$1"/>')
+			.replace(/id=([^" >]+)/g, 'id="$1"')
+			.replace(/class=([^" >]+)/g, 'class="$1"')
+			.replace(/ transform /g, ' ')
+			.replace(/:(path|rect)/g, '$1')
+			.replace(/style="([^"]+)"/g, function (s) {
+				return s.toLowerCase();
+			});
+
+		// IE9 beta bugs with innerHTML. Test again with final IE9.
+		svg = svg.replace(/(url\(#highcharts-[0-9]+)&quot;/g, '$1')
+			.replace(/&quot;/g, "'");
+
+		return svg;
+	},
+
+	/**
+	 * Submit the SVG representation of the chart to the server
+	 * @param {Object} options Exporting options. Possible members are url, type and width.
+	 * @param {Object} chartOptions Additional chart options for the SVG representation of the chart
+	 */
+	exportChart: function (options, chartOptions) {
+		options = options || {};
+		
+		var chart = this,
+			chartExportingOptions = chart.options.exporting,
+			svg = chart.getSVG(merge(
+				{ chart: { borderRadius: 0 } },
+				chartExportingOptions.chartOptions,
+				chartOptions, 
+				{
+					exporting: {
+						sourceWidth: options.sourceWidth || chartExportingOptions.sourceWidth,
+						sourceHeight: options.sourceHeight || chartExportingOptions.sourceHeight
+					}
+				}
+			));
+
+		// merge the options
+		options = merge(chart.options.exporting, options);
+		
+		// do the post
+		Highcharts.post(options.url, {
+			filename: options.filename || 'chart',
+			type: options.type,
+			width: options.width || 0, // IE8 fails to post undefined correctly, so use 0
+			scale: options.scale || 2,
+			svg: svg
+		});
+
+	},
+	
+	/**
+	 * Print the chart
+	 */
+	print: function () {
+
+		var chart = this,
+			container = chart.container,
+			origDisplay = [],
+			origParent = container.parentNode,
+			body = doc.body,
+			childNodes = body.childNodes;
+
+		if (chart.isPrinting) { // block the button while in printing mode
+			return;
+		}
+
+		chart.isPrinting = true;
+
+		// hide all body content
+		each(childNodes, function (node, i) {
+			if (node.nodeType === 1) {
+				origDisplay[i] = node.style.display;
+				node.style.display = NONE;
+			}
+		});
+
+		// pull out the chart
+		body.appendChild(container);
+
+		// print
+		win.focus(); // #1510
+		win.print();
+
+		// allow the browser to prepare before reverting
+		setTimeout(function () {
+
+			// put the chart back in
+			origParent.appendChild(container);
+
+			// restore all body content
+			each(childNodes, function (node, i) {
+				if (node.nodeType === 1) {
+					node.style.display = origDisplay[i];
+				}
+			});
+
+			chart.isPrinting = false;
+
+		}, 1000);
+
+	},
+
+	/**
+	 * Display a popup menu for choosing the export type
+	 *
+	 * @param {String} className An identifier for the menu
+	 * @param {Array} items A collection with text and onclicks for the items
+	 * @param {Number} x The x position of the opener button
+	 * @param {Number} y The y position of the opener button
+	 * @param {Number} width The width of the opener button
+	 * @param {Number} height The height of the opener button
+	 */
+	contextMenu: function (className, items, x, y, width, height, button) {
+		var chart = this,
+			navOptions = chart.options.navigation,
+			menuItemStyle = navOptions.menuItemStyle,
+			chartWidth = chart.chartWidth,
+			chartHeight = chart.chartHeight,
+			cacheName = 'cache-' + className,
+			menu = chart[cacheName],
+			menuPadding = mathMax(width, height), // for mouse leave detection
+			boxShadow = '3px 3px 10px #888',
+			innerMenu,
+			hide,
+			hideTimer,
+			menuStyle;
+
+		// create the menu only the first time
+		if (!menu) {
+
+			// create a HTML element above the SVG
+			chart[cacheName] = menu = createElement(DIV, {
+				className: className
+			}, {
+				position: ABSOLUTE,
+				zIndex: 1000,
+				padding: menuPadding + PX
+			}, chart.container);
+
+			innerMenu = createElement(DIV, null,
+				extend({
+					MozBoxShadow: boxShadow,
+					WebkitBoxShadow: boxShadow,
+					boxShadow: boxShadow
+				}, navOptions.menuStyle), menu);
+
+			// hide on mouse out
+			hide = function () {
+				css(menu, { display: NONE });
+				if (button) {
+					button.setState(0);
+				}
+				chart.openMenu = false;
+			};
+
+			// Hide the menu some time after mouse leave (#1357)
+			addEvent(menu, 'mouseleave', function () {
+				hideTimer = setTimeout(hide, 500);
+			});
+			addEvent(menu, 'mouseenter', function () {
+				clearTimeout(hideTimer);
+			});
+			// Hide it on clicking or touching outside the menu (#2258)
+			addEvent(document, 'mousedown', function (e) {
+				if (!chart.pointer.inClass(e.target, className)) {
+					hide();
+				}
+			});
+
+
+			// create the items
+			each(items, function (item) {
+				if (item) {
+					var element = item.separator ? 
+						createElement('hr', null, null, innerMenu) :
+						createElement(DIV, {
+							onmouseover: function () {
+								css(this, navOptions.menuItemHoverStyle);
+							},
+							onmouseout: function () {
+								css(this, menuItemStyle);
+							},
+							onclick: function () {
+								hide();
+								item.onclick.apply(chart, arguments);
+							},
+							innerHTML: item.text || chart.options.lang[item.textKey]
+						}, extend({
+							cursor: 'pointer'
+						}, menuItemStyle), innerMenu);
+
+
+					// Keep references to menu divs to be able to destroy them
+					chart.exportDivElements.push(element);
+				}
+			});
+
+			// Keep references to menu and innerMenu div to be able to destroy them
+			chart.exportDivElements.push(innerMenu, menu);
+
+			chart.exportMenuWidth = menu.offsetWidth;
+			chart.exportMenuHeight = menu.offsetHeight;
+		}
+
+		menuStyle = { display: 'block' };
+
+		// if outside right, right align it
+		if (x + chart.exportMenuWidth > chartWidth) {
+			menuStyle.right = (chartWidth - x - width - menuPadding) + PX;
+		} else {
+			menuStyle.left = (x - menuPadding) + PX;
+		}
+		// if outside bottom, bottom align it
+		if (y + height + chart.exportMenuHeight > chartHeight && button.alignOptions.verticalAlign !== 'top') {
+			menuStyle.bottom = (chartHeight - y - menuPadding)  + PX;
+		} else {
+			menuStyle.top = (y + height - menuPadding) + PX;
+		}
+
+		css(menu, menuStyle);
+		chart.openMenu = true;
+	},
+
+	/**
+	 * Add the export button to the chart
+	 */
+	addButton: function (options) {
+		var chart = this,
+			renderer = chart.renderer,
+			btnOptions = merge(chart.options.navigation.buttonOptions, options),
+			onclick = btnOptions.onclick,
+			menuItems = btnOptions.menuItems,
+			symbol,
+			button,
+			symbolAttr = {
+				stroke: btnOptions.symbolStroke,
+				fill: btnOptions.symbolFill
+			},
+			symbolSize = btnOptions.symbolSize || 12;
+		if (!chart.btnCount) {
+			chart.btnCount = 0;
+		}
+
+		// Keeps references to the button elements
+		if (!chart.exportDivElements) {
+			chart.exportDivElements = [];
+			chart.exportSVGElements = [];
+		}
+
+		if (btnOptions.enabled === false) {
+			return;
+		}
+
+
+		var attr = btnOptions.theme,
+			states = attr.states,
+			hover = states && states.hover,
+			select = states && states.select,
+			callback;
+
+		delete attr.states;
+
+		if (onclick) {
+			callback = function () {
+				onclick.apply(chart, arguments);
+			};
+
+		} else if (menuItems) {
+			callback = function () {
+				chart.contextMenu(
+					button.menuClassName, 
+					menuItems, 
+					button.translateX, 
+					button.translateY, 
+					button.width, 
+					button.height,
+					button
+				);
+				button.setState(2);
+			};
+		}
+
+
+		if (btnOptions.text && btnOptions.symbol) {
+			attr.paddingLeft = Highcharts.pick(attr.paddingLeft, 25);
+		
+		} else if (!btnOptions.text) {
+			extend(attr, {
+				width: btnOptions.width,
+				height: btnOptions.height,
+				padding: 0
+			});
+		}
+
+		button = renderer.button(btnOptions.text, 0, 0, callback, attr, hover, select)
+			.attr({
+				title: chart.options.lang[btnOptions._titleKey],
+				'stroke-linecap': 'round'
+			});
+		button.menuClassName = options.menuClassName || PREFIX + 'menu-' + chart.btnCount++;
+
+		if (btnOptions.symbol) {
+			symbol = renderer.symbol(
+					btnOptions.symbol,
+					btnOptions.symbolX - (symbolSize / 2),
+					btnOptions.symbolY - (symbolSize / 2),
+					symbolSize,				
+					symbolSize
+				)
+				.attr(extend(symbolAttr, {
+					'stroke-width': btnOptions.symbolStrokeWidth || 1,
+					zIndex: 1
+				})).add(button);
+		}
+
+		button.add()
+			.align(extend(btnOptions, {
+				width: button.width,
+				x: Highcharts.pick(btnOptions.x, buttonOffset) // #1654
+			}), true, 'spacingBox');
+
+		buttonOffset += (button.width + btnOptions.buttonSpacing) * (btnOptions.align === 'right' ? -1 : 1);
+
+		chart.exportSVGElements.push(button, symbol);
+
+	},
+
+	/**
+	 * Destroy the buttons.
+	 */
+	destroyExport: function (e) {
+		var chart = e.target,
+			i,
+			elem;
+
+		// Destroy the extra buttons added
+		for (i = 0; i < chart.exportSVGElements.length; i++) {
+			elem = chart.exportSVGElements[i];
+			
+			// Destroy and null the svg/vml elements
+			if (elem) { // #1822
+				elem.onclick = elem.ontouchstart = null;
+				chart.exportSVGElements[i] = elem.destroy();
+			}
+		}
+
+		// Destroy the divs for the menu
+		for (i = 0; i < chart.exportDivElements.length; i++) {
+			elem = chart.exportDivElements[i];
+
+			// Remove the event handler
+			removeEvent(elem, 'mouseleave');
+
+			// Remove inline events
+			chart.exportDivElements[i] = elem.onmouseout = elem.onmouseover = elem.ontouchstart = elem.onclick = null;
+
+			// Destroy the div by moving to garbage bin
+			discardElement(elem);
+		}
+	}
+});
+
+
+symbols.menu = function (x, y, width, height) {
+	var arr = [
+		M, x, y + 2.5,
+		L, x + width, y + 2.5,
+		M, x, y + height / 2 + 0.5,
+		L, x + width, y + height / 2 + 0.5,
+		M, x, y + height - 1.5,
+		L, x + width, y + height - 1.5
+	];
+	return arr;
+};
+
+// Add the buttons on chart load
+Chart.prototype.callbacks.push(function (chart) {
+	var n,
+		exportingOptions = chart.options.exporting,
+		buttons = exportingOptions.buttons;
+
+	buttonOffset = 0;
+
+	if (exportingOptions.enabled !== false) {
+
+		for (n in buttons) {
+			chart.addButton(buttons[n]);
+		}
+
+		// Destroy the export elements at chart destroy
+		addEvent(chart, 'destroy', chart.destroyExport);
+	}
+
+});
+
+
+}(Highcharts));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/funnel.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/funnel.js
new file mode 100644
index 000000000..d33b042cc
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/funnel.js
@@ -0,0 +1,12 @@
+/*
+ 
+ Highcharts funnel module, Beta
+
+ (c) 2010-2012 Torstein Hønsi
+
+ License: www.highcharts.com/license
+*/
+(function(d){var u=d.getOptions().plotOptions,p=d.seriesTypes,D=d.merge,z=function(){},A=d.each;u.funnel=D(u.pie,{center:["50%","50%"],width:"90%",neckWidth:"30%",height:"100%",neckHeight:"25%",dataLabels:{connectorWidth:1,connectorColor:"#606060"},size:!0,states:{select:{color:"#C0C0C0",borderColor:"#000000",shadow:!1}}});p.funnel=d.extendClass(p.pie,{type:"funnel",animate:z,translate:function(){var a=function(k,a){return/%$/.test(k)?a*parseInt(k,10)/100:parseInt(k,10)},g=0,e=this.chart,f=e.plotWidth,
+e=e.plotHeight,h=0,c=this.options,C=c.center,b=a(C[0],f),d=a(C[0],e),p=a(c.width,f),i,q,j=a(c.height,e),r=a(c.neckWidth,f),s=a(c.neckHeight,e),v=j-s,a=this.data,w,x,u=c.dataLabels.position==="left"?1:0,y,m,B,n,l,t,o;this.getWidthAt=q=function(k){return k>j-s||j===s?r:r+(p-r)*((j-s-k)/(j-s))};this.getX=function(k,a){return b+(a?-1:1)*(q(k)/2+c.dataLabels.distance)};this.center=[b,d,j];this.centerX=b;A(a,function(a){g+=a.y});A(a,function(a){o=null;x=g?a.y/g:0;m=d-j/2+h*j;l=m+x*j;i=q(m);y=b-i/2;B=y+
+i;i=q(l);n=b-i/2;t=n+i;m>v?(y=n=b-r/2,B=t=b+r/2):l>v&&(o=l,i=q(v),n=b-i/2,t=n+i,l=v);w=["M",y,m,"L",B,m,t,l];o&&w.push(t,o,n,o);w.push(n,l,"Z");a.shapeType="path";a.shapeArgs={d:w};a.percentage=x*100;a.plotX=b;a.plotY=(m+(o||l))/2;a.tooltipPos=[b,a.plotY];a.slice=z;a.half=u;h+=x});this.setTooltipPoints()},drawPoints:function(){var a=this,g=a.options,e=a.chart.renderer;A(a.data,function(f){var h=f.graphic,c=f.shapeArgs;h?h.animate(c):f.graphic=e.path(c).attr({fill:f.color,stroke:g.borderColor,"stroke-width":g.borderWidth}).add(a.group)})},
+sortByAngle:z,drawDataLabels:function(){var a=this.data,g=this.options.dataLabels.distance,e,f,h,c=a.length,d,b;for(this.center[2]-=2*g;c--;)h=a[c],f=(e=h.half)?1:-1,b=h.plotY,d=this.getX(b,e),h.labelPos=[0,b,d+(g-5)*f,b,d+g*f,b,e?"right":"left",0];p.pie.prototype.drawDataLabels.call(this)}})})(Highcharts);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/funnel.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/funnel.src.js
new file mode 100644
index 000000000..f9f5c0801
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/funnel.src.js
@@ -0,0 +1,289 @@
+/**
+ * @license 
+ * Highcharts funnel module, Beta
+ *
+ * (c) 2010-2012 Torstein Hønsi
+ *
+ * License: www.highcharts.com/license
+ */
+
+/*global Highcharts */
+(function (Highcharts) {
+	
+'use strict';
+
+// create shortcuts
+var defaultOptions = Highcharts.getOptions(),
+	defaultPlotOptions = defaultOptions.plotOptions,
+	seriesTypes = Highcharts.seriesTypes,
+	merge = Highcharts.merge,
+	noop = function () {},
+	each = Highcharts.each;
+
+// set default options
+defaultPlotOptions.funnel = merge(defaultPlotOptions.pie, {
+	center: ['50%', '50%'],
+	width: '90%',
+	neckWidth: '30%',
+	height: '100%',
+	neckHeight: '25%',
+
+	dataLabels: {
+		//position: 'right',
+		connectorWidth: 1,
+		connectorColor: '#606060'
+	},
+	size: true, // to avoid adapting to data label size in Pie.drawDataLabels
+	states: {
+		select: {
+			color: '#C0C0C0',
+			borderColor: '#000000',
+			shadow: false
+		}
+	}	
+});
+
+
+seriesTypes.funnel = Highcharts.extendClass(seriesTypes.pie, {
+	
+	type: 'funnel',
+	animate: noop,
+
+	/**
+	 * Overrides the pie translate method
+	 */
+	translate: function () {
+		
+		var 
+			// Get positions - either an integer or a percentage string must be given
+			getLength = function (length, relativeTo) {
+				return (/%$/).test(length) ?
+					relativeTo * parseInt(length, 10) / 100 :
+					parseInt(length, 10);
+			},
+			
+			sum = 0,
+			series = this,
+			chart = series.chart,
+			plotWidth = chart.plotWidth,
+			plotHeight = chart.plotHeight,
+			cumulative = 0, // start at top
+			options = series.options,
+			center = options.center,
+			centerX = getLength(center[0], plotWidth),
+			centerY = getLength(center[0], plotHeight),
+			width = getLength(options.width, plotWidth),
+			tempWidth,
+			getWidthAt,
+			height = getLength(options.height, plotHeight),
+			neckWidth = getLength(options.neckWidth, plotWidth),
+			neckHeight = getLength(options.neckHeight, plotHeight),
+			neckY = height - neckHeight,
+			data = series.data,
+			path,
+			fraction,
+			half = options.dataLabels.position === 'left' ? 1 : 0,
+
+			x1, 
+			y1, 
+			x2, 
+			x3, 
+			y3, 
+			x4, 
+			y5;
+
+		// Return the width at a specific y coordinate
+		series.getWidthAt = getWidthAt = function (y) {
+			return y > height - neckHeight || height === neckHeight ?
+				neckWidth :
+				neckWidth + (width - neckWidth) * ((height - neckHeight - y) / (height - neckHeight));
+		};
+		series.getX = function (y, half) {
+			return centerX + (half ? -1 : 1) * ((getWidthAt(y) / 2) + options.dataLabels.distance);
+		};
+
+		// Expose
+		series.center = [centerX, centerY, height];
+		series.centerX = centerX;
+
+		/*
+		 * Individual point coordinate naming:
+		 *
+		 * x1,y1 _________________ x2,y1
+		 *  \                         /
+		 *   \                       /
+		 *    \                     /
+		 *     \                   /
+		 *      \                 /
+		 *     x3,y3 _________ x4,y3
+		 *
+		 * Additional for the base of the neck:
+		 *
+		 *       |               |
+		 *       |               |
+		 *       |               |
+		 *     x3,y5 _________ x4,y5
+		 */
+
+
+
+
+		// get the total sum
+		each(data, function (point) {
+			sum += point.y;
+		});
+
+		each(data, function (point) {
+			// set start and end positions
+			y5 = null;
+			fraction = sum ? point.y / sum : 0;
+			y1 = centerY - height / 2 + cumulative * height;
+			y3 = y1 + fraction * height;
+			//tempWidth = neckWidth + (width - neckWidth) * ((height - neckHeight - y1) / (height - neckHeight));
+			tempWidth = getWidthAt(y1);
+			x1 = centerX - tempWidth / 2;
+			x2 = x1 + tempWidth;
+			tempWidth = getWidthAt(y3);
+			x3 = centerX - tempWidth / 2;
+			x4 = x3 + tempWidth;
+
+			// the entire point is within the neck
+			if (y1 > neckY) {
+				x1 = x3 = centerX - neckWidth / 2;
+				x2 = x4 = centerX + neckWidth / 2;
+			
+			// the base of the neck
+			} else if (y3 > neckY) {
+				y5 = y3;
+
+				tempWidth = getWidthAt(neckY);
+				x3 = centerX - tempWidth / 2;
+				x4 = x3 + tempWidth;
+
+				y3 = neckY;
+			}
+
+			// save the path
+			path = [
+				'M',
+				x1, y1,
+				'L',
+				x2, y1,
+				x4, y3
+			];
+			if (y5) {
+				path.push(x4, y5, x3, y5);
+			}
+			path.push(x3, y3, 'Z');
+
+			// prepare for using shared dr
+			point.shapeType = 'path';
+			point.shapeArgs = { d: path };
+
+
+			// for tooltips and data labels
+			point.percentage = fraction * 100;
+			point.plotX = centerX;
+			point.plotY = (y1 + (y5 || y3)) / 2;
+
+			// Placement of tooltips and data labels
+			point.tooltipPos = [
+				centerX,
+				point.plotY
+			];
+
+			// Slice is a noop on funnel points
+			point.slice = noop;
+			
+			// Mimicking pie data label placement logic
+			point.half = half;
+
+			cumulative += fraction;
+		});
+
+
+		series.setTooltipPoints();
+	},
+	/**
+	 * Draw a single point (wedge)
+	 * @param {Object} point The point object
+	 * @param {Object} color The color of the point
+	 * @param {Number} brightness The brightness relative to the color
+	 */
+	drawPoints: function () {
+		var series = this,
+			options = series.options,
+			chart = series.chart,
+			renderer = chart.renderer;
+
+		each(series.data, function (point) {
+			
+			var graphic = point.graphic,
+				shapeArgs = point.shapeArgs;
+
+			if (!graphic) { // Create the shapes
+				point.graphic = renderer.path(shapeArgs).
+					attr({
+						fill: point.color,
+						stroke: options.borderColor,
+						'stroke-width': options.borderWidth
+					}).
+					add(series.group);
+					
+			} else { // Update the shapes
+				graphic.animate(shapeArgs);
+			}
+		});
+	},
+
+	/**
+	 * Funnel items don't have angles (#2289)
+	 */
+	sortByAngle: noop,
+	
+	/**
+	 * Extend the pie data label method
+	 */
+	drawDataLabels: function () {
+		var data = this.data,
+			labelDistance = this.options.dataLabels.distance,
+			leftSide,
+			sign,
+			point,
+			i = data.length,
+			x,
+			y;
+		
+		// In the original pie label anticollision logic, the slots are distributed
+		// from one labelDistance above to one labelDistance below the pie. In funnels
+		// we don't want this.
+		this.center[2] -= 2 * labelDistance;
+		
+		// Set the label position array for each point.
+		while (i--) {
+			point = data[i];
+			leftSide = point.half;
+			sign = leftSide ? 1 : -1;
+			y = point.plotY;
+			x = this.getX(y, leftSide);
+				
+			// set the anchor point for data labels
+			point.labelPos = [
+				0, // first break of connector
+				y, // a/a
+				x + (labelDistance - 5) * sign, // second break, right outside point shape
+				y, // a/a
+				x + labelDistance * sign, // landing point for connector
+				y, // a/a
+				leftSide ? 'right' : 'left', // alignment
+				0 // center angle
+			];
+		}
+		
+		seriesTypes.pie.prototype.drawDataLabels.call(this);
+	}
+
+});
+
+
+}(Highcharts));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/heatmap.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/heatmap.js
new file mode 100644
index 000000000..32f9a3f36
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/heatmap.js
@@ -0,0 +1 @@
+(function(b){var k=b.seriesTypes,l=b.each;k.heatmap=b.extendClass(k.map,{colorKey:"z",useMapGeometry:!1,pointArrayMap:["y","z"],translate:function(){var c=this,b=c.options,i=Number.MAX_VALUE,j=Number.MIN_VALUE;c.generatePoints();l(c.data,function(a){var e=a.x,f=a.y,d=a.z,g=(b.colsize||1)/2,h=(b.rowsize||1)/2;a.path=["M",e-g,f-h,"L",e+g,f-h,"L",e+g,f+h,"L",e-g,f+h,"Z"];a.shapeType="path";a.shapeArgs={d:c.translatePath(a.path)};typeof d==="number"&&(d>j?j=d:d<i&&(i=d))});c.translateColors(i,j)},getBox:function(){}})})(Highcharts);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/heatmap.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/heatmap.src.js
new file mode 100644
index 000000000..b7e356a13
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/heatmap.src.js
@@ -0,0 +1,53 @@
+(function (Highcharts) {
+	var seriesTypes = Highcharts.seriesTypes,
+		each = Highcharts.each;
+	
+	seriesTypes.heatmap = Highcharts.extendClass(seriesTypes.map, {
+		colorKey: 'z',
+		useMapGeometry: false,
+		pointArrayMap: ['y', 'z'],
+		translate: function () {
+			var series = this,
+				options = series.options,
+				dataMin = Number.MAX_VALUE,
+				dataMax = Number.MIN_VALUE;
+
+			series.generatePoints();
+	
+			each(series.data, function (point) {
+				var x = point.x,
+					y = point.y,
+					value = point.z,
+					xPad = (options.colsize || 1) / 2,
+					yPad = (options.rowsize || 1) / 2;
+
+				point.path = [
+					'M', x - xPad, y - yPad,
+					'L', x + xPad, y - yPad,
+					'L', x + xPad, y + yPad,
+					'L', x - xPad, y + yPad,
+					'Z'
+				];
+				
+				point.shapeType = 'path';
+				point.shapeArgs = {
+					d: series.translatePath(point.path)
+				};
+				
+				if (typeof value === 'number') {
+					if (value > dataMax) {
+						dataMax = value;
+					} else if (value < dataMin) {
+						dataMin = value;
+					}
+				}
+			});
+			
+			series.translateColors(dataMin, dataMax);
+		},
+		
+		getBox: function () {}
+			
+	});
+	
+}(Highcharts));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/map.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/map.js
new file mode 100644
index 000000000..9b8a632d0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/map.js
@@ -0,0 +1,27 @@
+/*
+ Map plugin v0.1 for Highcharts
+
+ (c) 2011-2013 Torstein Hønsi
+
+ License: www.highcharts.com/license
+*/
+(function(g){function x(a,b,c){for(var d=4,e=[];d--;)e[d]=Math.round(b.rgba[d]+(a.rgba[d]-b.rgba[d])*(1-c));return"rgba("+e.join(",")+")"}var r=g.Axis,y=g.Chart,s=g.Point,z=g.Pointer,l=g.each,v=g.extend,p=g.merge,n=g.pick,A=g.numberFormat,B=g.getOptions(),k=g.seriesTypes,q=B.plotOptions,t=g.wrap,u=g.Color,w=function(){};B.mapNavigation={buttonOptions:{align:"right",verticalAlign:"bottom",x:0,width:18,height:18,style:{fontSize:"15px",fontWeight:"bold",textAlign:"center"}},buttons:{zoomIn:{onclick:function(){this.mapZoom(0.5)},
+text:"+",y:-32},zoomOut:{onclick:function(){this.mapZoom(2)},text:"-",y:0}}};g.splitPath=function(a){var b,a=a.replace(/([A-Za-z])/g," $1 "),a=a.replace(/^\s*/,"").replace(/\s*$/,""),a=a.split(/[ ,]+/);for(b=0;b<a.length;b++)/[a-zA-Z]/.test(a[b])||(a[b]=parseFloat(a[b]));return a};g.maps={};t(r.prototype,"getSeriesExtremes",function(a){var b=this.isXAxis,c,d,e=[];l(this.series,function(a,b){if(a.useMapGeometry)e[b]=a.xData,a.xData=[]});a.call(this);c=n(this.dataMin,Number.MAX_VALUE);d=n(this.dataMax,
+Number.MIN_VALUE);l(this.series,function(a,i){if(a.useMapGeometry)c=Math.min(c,a[b?"minX":"minY"]),d=Math.max(d,a[b?"maxX":"maxY"]),a.xData=e[i]});this.dataMin=c;this.dataMax=d});t(r.prototype,"setAxisTranslation",function(a){var b=this.chart,c=b.plotWidth/b.plotHeight,d=this.isXAxis,e=b.xAxis[0];a.call(this);if(b.options.chart.type==="map"&&!d&&e.transA!==void 0)this.transA=e.transA=Math.min(this.transA,e.transA),a=(e.max-e.min)/(this.max-this.min),e=a>c?this:e,c=(e.max-e.min)*e.transA,e.minPixelPadding=
+(e.len-c)/2});t(y.prototype,"render",function(a){var b=this,c=b.options.mapNavigation;a.call(b);b.renderMapNavigation();c.zoomOnDoubleClick&&g.addEvent(b.container,"dblclick",function(a){b.pointer.onContainerDblClick(a)});c.zoomOnMouseWheel&&g.addEvent(b.container,document.onmousewheel===void 0?"DOMMouseScroll":"mousewheel",function(a){b.pointer.onContainerMouseWheel(a)})});v(z.prototype,{onContainerDblClick:function(a){var b=this.chart,a=this.normalize(a);b.isInsidePlot(a.chartX-b.plotLeft,a.chartY-
+b.plotTop)&&b.mapZoom(0.5,b.xAxis[0].toValue(a.chartX),b.yAxis[0].toValue(a.chartY))},onContainerMouseWheel:function(a){var b=this.chart,c,a=this.normalize(a);c=a.detail||-(a.wheelDelta/120);b.isInsidePlot(a.chartX-b.plotLeft,a.chartY-b.plotTop)&&b.mapZoom(c>0?2:0.5,b.xAxis[0].toValue(a.chartX),b.yAxis[0].toValue(a.chartY))}});t(z.prototype,"init",function(a,b,c){a.call(this,b,c);if(c.mapNavigation.enableTouchZoom)this.pinchX=this.pinchHor=this.pinchY=this.pinchVert=!0});v(y.prototype,{renderMapNavigation:function(){var a=
+this,b=this.options.mapNavigation,c=b.buttons,d,e,f,i=function(){this.handler.call(a)};if(b.enableButtons)for(d in c)if(c.hasOwnProperty(d))f=p(b.buttonOptions,c[d]),e=a.renderer.button(f.text,0,0,i).attr({width:f.width,height:f.height}).css(f.style).add(),e.handler=f.onclick,e.align(v(f,{width:e.width,height:e.height}),null,"spacingBox")},fitToBox:function(a,b){l([["x","width"],["y","height"]],function(c){var d=c[0],c=c[1];a[d]+a[c]>b[d]+b[c]&&(a[c]>b[c]?(a[c]=b[c],a[d]=b[d]):a[d]=b[d]+b[c]-a[c]);
+a[c]>b[c]&&(a[c]=b[c]);a[d]<b[d]&&(a[d]=b[d])});return a},mapZoom:function(a,b,c){if(!this.isMapZooming){var d=this,e=d.xAxis[0],f=e.max-e.min,i=n(b,e.min+f/2),b=f*a,f=d.yAxis[0],h=f.max-f.min,c=n(c,f.min+h/2);a*=h;i-=b/2;h=c-a/2;c=n(d.options.chart.animation,!0);b=d.fitToBox({x:i,y:h,width:b,height:a},{x:e.dataMin,y:f.dataMin,width:e.dataMax-e.dataMin,height:f.dataMax-f.dataMin});e.setExtremes(b.x,b.x+b.width,!1);f.setExtremes(b.y,b.y+b.height,!1);if(e=c?c.duration||500:0)d.isMapZooming=!0,setTimeout(function(){d.isMapZooming=
+!1},e);d.redraw()}}});q.map=p(q.scatter,{animation:!1,nullColor:"#F8F8F8",borderColor:"silver",borderWidth:1,marker:null,stickyTracking:!1,dataLabels:{verticalAlign:"middle"},turboThreshold:0,tooltip:{followPointer:!0,pointFormat:"{point.name}: {point.y}<br/>"},states:{normal:{animation:!0}}});r=g.extendClass(s,{applyOptions:function(a,b){var c=s.prototype.applyOptions.call(this,a,b);if(c.path&&typeof c.path==="string")c.path=c.options.path=g.splitPath(c.path);return c},onMouseOver:function(){clearTimeout(this.colorInterval);
+s.prototype.onMouseOver.call(this)},onMouseOut:function(){var a=this,b=+new Date,c=u(a.options.color),d=u(a.pointAttr.hover.fill),e=a.series.options.states.normal.animation,f=e&&(e.duration||500);if(f&&c.rgba.length===4&&d.rgba.length===4)delete a.pointAttr[""].fill,clearTimeout(a.colorInterval),a.colorInterval=setInterval(function(){var e=(new Date-b)/f,h=a.graphic;e>1&&(e=1);h&&h.attr("fill",x(d,c,e));e>=1&&clearTimeout(a.colorInterval)},13);s.prototype.onMouseOut.call(a)}});k.map=g.extendClass(k.scatter,
+{type:"map",pointAttrToOptions:{stroke:"borderColor","stroke-width":"borderWidth",fill:"color"},colorKey:"y",pointClass:r,trackerGroups:["group","markerGroup","dataLabelsGroup"],getSymbol:w,supportsDrilldown:!0,getExtremesFromAll:!0,useMapGeometry:!0,init:function(a){var b=this,c=a.options.legend.valueDecimals,d=[],e,f,i,h,j,o,m;o=a.options.legend.layout==="horizontal";g.Series.prototype.init.apply(this,arguments);j=b.options.colorRange;if(h=b.options.valueRanges)l(h,function(a){f=a.from;i=a.to;e=
+"";f===void 0?e="< ":i===void 0&&(e="> ");f!==void 0&&(e+=A(f,c));f!==void 0&&i!==void 0&&(e+=" - ");i!==void 0&&(e+=A(i,c));d.push(g.extend({chart:b.chart,name:e,options:{},drawLegendSymbol:k.area.prototype.drawLegendSymbol,visible:!0,setState:function(){},setVisible:function(){}},a))}),b.legendItems=d;else if(j)f=j.from,i=j.to,h=j.fromLabel,j=j.toLabel,m=o?[0,0,1,0]:[0,1,0,0],o||(o=h,h=j,j=o),o={linearGradient:{x1:m[0],y1:m[1],x2:m[2],y2:m[3]},stops:[[0,f],[1,i]]},d=[{chart:b.chart,options:{},fromLabel:h,
+toLabel:j,color:o,drawLegendSymbol:this.drawLegendSymbolGradient,visible:!0,setState:function(){},setVisible:function(){}}],b.legendItems=d},drawLegendSymbol:k.area.prototype.drawLegendSymbol,drawLegendSymbolGradient:function(a,b){var c=a.options.symbolPadding,d=n(a.options.padding,8),e,f,i=this.chart.renderer.fontMetrics(a.options.itemStyle.fontSize).h,h=a.options.layout==="horizontal",j;j=n(a.options.rectangleLength,200);h?(e=-(c/2),f=0):(e=-j+a.baseline-c/2,f=d+i);b.fromText=this.chart.renderer.text(b.fromLabel,
+f,e).attr({zIndex:2}).add(b.legendGroup);f=b.fromText.getBBox();b.legendSymbol=this.chart.renderer.rect(h?f.x+f.width+c:f.x-i-c,f.y,h?j:i,h?i:j,2).attr({zIndex:1}).add(b.legendGroup);j=b.legendSymbol.getBBox();b.toText=this.chart.renderer.text(b.toLabel,j.x+j.width+c,h?e:j.y+j.height-c).attr({zIndex:2}).add(b.legendGroup);e=b.toText.getBBox();h?(a.offsetWidth=f.width+j.width+e.width+c*2+d,a.itemY=i+d):(a.offsetWidth=Math.max(f.width,e.width)+c+j.width+d,a.itemY=j.height+d,a.itemX=c)},getBox:function(a){var b=
+Number.MIN_VALUE,c=Number.MAX_VALUE,d=Number.MIN_VALUE,e=Number.MAX_VALUE;l(a||this.options.data,function(a){for(var i=a.path,h=i.length,j=!1,g=Number.MIN_VALUE,m=Number.MAX_VALUE,k=Number.MIN_VALUE,l=Number.MAX_VALUE;h--;)typeof i[h]==="number"&&!isNaN(i[h])&&(j?(g=Math.max(g,i[h]),m=Math.min(m,i[h])):(k=Math.max(k,i[h]),l=Math.min(l,i[h])),j=!j);a._maxX=g;a._minX=m;a._maxY=k;a._minY=l;b=Math.max(b,g);c=Math.min(c,m);d=Math.max(d,k);e=Math.min(e,l)});this.minY=e;this.maxY=d;this.minX=c;this.maxX=
+b},translatePath:function(a){var b=!1,c=this.xAxis,d=this.yAxis,e,a=[].concat(a);for(e=a.length;e--;)typeof a[e]==="number"&&(a[e]=b?Math.round(c.translate(a[e])):Math.round(d.len-d.translate(a[e])),b=!b);return a},setData:function(){g.Series.prototype.setData.apply(this,arguments);this.getBox()},translate:function(){var a=this,b=Number.MAX_VALUE,c=Number.MIN_VALUE;a.generatePoints();l(a.data,function(d){d.shapeType="path";d.shapeArgs={d:a.translatePath(d.path)};if(typeof d.y==="number")if(d.y>c)c=
+d.y;else if(d.y<b)b=d.y});a.translateColors(b,c)},translateColors:function(a,b){var c=this.options,d=c.valueRanges,e=c.colorRange,f=this.colorKey,i,h;e&&(i=u(e.from),h=u(e.to));l(this.data,function(g){var k=g[f],m,l,n;if(d)for(n=d.length;n--;){if(m=d[n],i=m.from,h=m.to,(i===void 0||k>=i)&&(h===void 0||k<=h)){l=m.color;break}}else e&&k!==void 0&&(m=1-(b-k)/(b-a),l=k===null?c.nullColor:x(i,h,m));if(l)g.color=null,g.options.color=l})},drawGraph:w,drawDataLabels:w,drawPoints:function(){var a=this.xAxis,
+b=this.yAxis,c=this.colorKey;l(this.data,function(a){a.plotY=1;if(a[c]===null)a[c]=0,a.isNull=!0});k.column.prototype.drawPoints.apply(this);l(this.data,function(d){var e=d.dataLabels,f=a.toPixels(d._minX,!0),g=a.toPixels(d._maxX,!0),h=b.toPixels(d._minY,!0),j=b.toPixels(d._maxY,!0);d.plotX=Math.round(f+(g-f)*n(e&&e.anchorX,0.5));d.plotY=Math.round(h+(j-h)*n(e&&e.anchorY,0.5));d.isNull&&(d[c]=null)});g.Series.prototype.drawDataLabels.call(this)},animateDrilldown:function(a){var b=this.chart.plotBox,
+c=this.chart.drilldownLevels[this.chart.drilldownLevels.length-1],d=c.bBox,e=this.chart.options.drilldown.animation;if(!a)a=Math.min(d.width/b.width,d.height/b.height),c.shapeArgs={scaleX:a,scaleY:a,translateX:d.x,translateY:d.y},l(this.points,function(a){a.graphic.attr(c.shapeArgs).animate({scaleX:1,scaleY:1,translateX:0,translateY:0},e)}),delete this.animate},animateDrillupFrom:function(a){k.column.prototype.animateDrillupFrom.call(this,a)},animateDrillupTo:function(a){k.column.prototype.animateDrillupTo.call(this,
+a)}});q.mapline=p(q.map,{lineWidth:1,backgroundColor:"none"});k.mapline=g.extendClass(k.map,{type:"mapline",pointAttrToOptions:{stroke:"color","stroke-width":"lineWidth",fill:"backgroundColor"},drawLegendSymbol:k.line.prototype.drawLegendSymbol});q.mappoint=p(q.scatter,{dataLabels:{enabled:!0,format:"{point.name}",color:"black",style:{textShadow:"0 0 5px white"}}});k.mappoint=g.extendClass(k.scatter,{type:"mappoint"});g.Map=function(a,b){var c={endOnTick:!1,gridLineWidth:0,labels:{enabled:!1},lineWidth:0,
+minPadding:0,maxPadding:0,startOnTick:!1,tickWidth:0,title:null},d;d=a.series;a.series=null;a=p({chart:{type:"map",panning:"xy"},xAxis:c,yAxis:p(c,{reversed:!0})},a,{chart:{inverted:!1}});a.series=d;return new g.Chart(a,b)}})(Highcharts);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/map.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/map.src.js
new file mode 100644
index 000000000..6af8e21e6
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/map.src.js
@@ -0,0 +1,1002 @@
+/**
+ * @license Map plugin v0.1 for Highcharts
+ *
+ * (c) 2011-2013 Torstein Hønsi
+ *
+ * License: www.highcharts.com/license
+ */
+
+/* 
+ * See www.highcharts.com/studies/world-map.htm for use case.
+ *
+ * To do:
+ * - Optimize long variable names and alias adapter methods and Highcharts namespace variables
+ * - Zoom and pan GUI
+ */
+(function (Highcharts) {
+	var UNDEFINED,
+		Axis = Highcharts.Axis,
+		Chart = Highcharts.Chart,
+		Point = Highcharts.Point,
+		Pointer = Highcharts.Pointer,
+		each = Highcharts.each,
+		extend = Highcharts.extend,
+		merge = Highcharts.merge,
+		pick = Highcharts.pick,
+		numberFormat = Highcharts.numberFormat,
+		defaultOptions = Highcharts.getOptions(),
+		seriesTypes = Highcharts.seriesTypes,
+		plotOptions = defaultOptions.plotOptions,
+		wrap = Highcharts.wrap,
+		Color = Highcharts.Color,
+		noop = function () {};
+
+	
+
+	/*
+	 * Return an intermediate color between two colors, according to pos where 0
+	 * is the from color and 1 is the to color
+	 */
+	function tweenColors(from, to, pos) {
+		var i = 4,
+			rgba = [];
+
+		while (i--) {
+			rgba[i] = Math.round(
+				to.rgba[i] + (from.rgba[i] - to.rgba[i]) * (1 - pos)
+			);
+		}
+		return 'rgba(' + rgba.join(',') + ')';
+	}
+
+	// Set the default map navigation options
+	defaultOptions.mapNavigation = {
+		buttonOptions: {
+			align: 'right',
+			verticalAlign: 'bottom',
+			x: 0,
+			width: 18,
+			height: 18,
+			style: {
+				fontSize: '15px',
+				fontWeight: 'bold',
+				textAlign: 'center'
+			}
+		},
+		buttons: {
+			zoomIn: {
+				onclick: function () {
+					this.mapZoom(0.5);
+				},
+				text: '+',
+				y: -32
+			},
+			zoomOut: {
+				onclick: function () {
+					this.mapZoom(2);
+				},
+				text: '-',
+				y: 0
+			}
+		}
+		// enableButtons: false,
+		// enableTouchZoom: false,
+		// zoomOnDoubleClick: false,
+		// zoomOnMouseWheel: false
+
+	};
+	
+	/**
+	 * Utility for reading SVG paths directly.
+	 */
+	Highcharts.splitPath = function (path) {
+		var i;
+
+		// Move letters apart
+		path = path.replace(/([A-Za-z])/g, ' $1 ');
+		// Trim
+		path = path.replace(/^\s*/, "").replace(/\s*$/, "");
+		
+		// Split on spaces and commas
+		path = path.split(/[ ,]+/);
+		
+		// Parse numbers
+		for (i = 0; i < path.length; i++) {
+			if (!/[a-zA-Z]/.test(path[i])) {
+				path[i] = parseFloat(path[i]);
+			}
+		}
+		return path;
+	};
+
+	// A placeholder for map definitions
+	Highcharts.maps = {};
+	
+	/**
+	 * Override to use the extreme coordinates from the SVG shape, not the
+	 * data values
+	 */
+	wrap(Axis.prototype, 'getSeriesExtremes', function (proceed) {
+		var isXAxis = this.isXAxis,
+			dataMin,
+			dataMax,
+			xData = [];
+
+		// Remove the xData array and cache it locally so that the proceed method doesn't use it
+		each(this.series, function (series, i) {
+			if (series.useMapGeometry) {
+				xData[i] = series.xData;
+				series.xData = [];
+			}
+		});
+
+		// Call base to reach normal cartesian series (like mappoint)
+		proceed.call(this);
+
+		// Run extremes logic for map and mapline
+		dataMin = pick(this.dataMin, Number.MAX_VALUE);
+		dataMax = pick(this.dataMax, Number.MIN_VALUE);
+		each(this.series, function (series, i) {
+			if (series.useMapGeometry) {
+				dataMin = Math.min(dataMin, series[isXAxis ? 'minX' : 'minY']);
+				dataMax = Math.max(dataMax, series[isXAxis ? 'maxX' : 'maxY']);
+				series.xData = xData[i]; // Reset xData array
+			}
+		});
+		
+		this.dataMin = dataMin;
+		this.dataMax = dataMax;
+	});
+	
+	/**
+	 * Override axis translation to make sure the aspect ratio is always kept
+	 */
+	wrap(Axis.prototype, 'setAxisTranslation', function (proceed) {
+		var chart = this.chart,
+			mapRatio,
+			plotRatio = chart.plotWidth / chart.plotHeight,
+			isXAxis = this.isXAxis,
+			adjustedAxisLength,
+			xAxis = chart.xAxis[0],
+			padAxis;
+		
+		// Run the parent method
+		proceed.call(this);
+		
+		// On Y axis, handle both
+		if (chart.options.chart.type === 'map' && !isXAxis && xAxis.transA !== UNDEFINED) {
+			
+			// Use the same translation for both axes
+			this.transA = xAxis.transA = Math.min(this.transA, xAxis.transA);
+			
+			mapRatio = (xAxis.max - xAxis.min) / (this.max - this.min);
+			
+			// What axis to pad to put the map in the middle
+			padAxis = mapRatio > plotRatio ? this : xAxis;
+			
+			// Pad it
+			adjustedAxisLength = (padAxis.max - padAxis.min) * padAxis.transA;
+			padAxis.minPixelPadding = (padAxis.len - adjustedAxisLength) / 2;
+		}
+	});
+
+
+	//--- Start zooming and panning features
+
+	wrap(Chart.prototype, 'render', function (proceed) {
+		var chart = this,
+			mapNavigation = chart.options.mapNavigation;
+
+		proceed.call(chart);
+
+		// Render the plus and minus buttons
+		chart.renderMapNavigation();
+
+		// Add the double click event
+		if (mapNavigation.zoomOnDoubleClick) {
+			Highcharts.addEvent(chart.container, 'dblclick', function (e) {
+				chart.pointer.onContainerDblClick(e);
+			});
+		}
+
+		// Add the mousewheel event
+		if (mapNavigation.zoomOnMouseWheel) {
+			Highcharts.addEvent(chart.container, document.onmousewheel === undefined ? 'DOMMouseScroll' : 'mousewheel', function (e) {
+				chart.pointer.onContainerMouseWheel(e);
+			});
+		}
+	});
+
+	// Extend the Pointer
+	extend(Pointer.prototype, {
+
+		/**
+		 * The event handler for the doubleclick event
+		 */
+		onContainerDblClick: function (e) {
+			var chart = this.chart;
+
+			e = this.normalize(e);
+
+			if (chart.isInsidePlot(e.chartX - chart.plotLeft, e.chartY - chart.plotTop)) {
+				chart.mapZoom(
+					0.5,
+					chart.xAxis[0].toValue(e.chartX),
+					chart.yAxis[0].toValue(e.chartY)
+				);
+			}
+		},
+
+		/**
+		 * The event handler for the mouse scroll event
+		 */
+		onContainerMouseWheel: function (e) {
+			var chart = this.chart,
+				delta;
+
+			e = this.normalize(e);
+
+			// Firefox uses e.detail, WebKit and IE uses wheelDelta
+			delta = e.detail || -(e.wheelDelta / 120);
+			if (chart.isInsidePlot(e.chartX - chart.plotLeft, e.chartY - chart.plotTop)) {
+				chart.mapZoom(
+					delta > 0 ? 2 : 0.5,
+					chart.xAxis[0].toValue(e.chartX),
+					chart.yAxis[0].toValue(e.chartY)
+				);
+			}
+		}
+	});
+	// Implement the pinchType option
+	wrap(Pointer.prototype, 'init', function (proceed, chart, options) {
+
+		proceed.call(this, chart, options);
+
+		// Pinch status
+		if (options.mapNavigation.enableTouchZoom) {
+			this.pinchX = this.pinchHor = 
+				this.pinchY = this.pinchVert = true;
+		}
+	});
+
+	// Add events to the Chart object itself
+	extend(Chart.prototype, {
+		renderMapNavigation: function () {
+			var chart = this,
+				options = this.options.mapNavigation,
+				buttons = options.buttons,
+				n,
+				button,
+				buttonOptions,
+				outerHandler = function () { 
+					this.handler.call(chart); 
+				};
+
+			if (options.enableButtons) {
+				for (n in buttons) {
+					if (buttons.hasOwnProperty(n)) {
+						buttonOptions = merge(options.buttonOptions, buttons[n]);
+
+						button = chart.renderer.button(buttonOptions.text, 0, 0, outerHandler)
+							.attr({
+								width: buttonOptions.width,
+								height: buttonOptions.height
+							})
+							.css(buttonOptions.style)
+							.add();
+						button.handler = buttonOptions.onclick;
+						button.align(extend(buttonOptions, { width: button.width, height: button.height }), null, 'spacingBox');
+					}
+				}
+			}
+		},
+
+		/**
+		 * Fit an inner box to an outer. If the inner box overflows left or right, align it to the sides of the
+		 * outer. If it overflows both sides, fit it within the outer. This is a pattern that occurs more places
+		 * in Highcharts, perhaps it should be elevated to a common utility function.
+		 */
+		fitToBox: function (inner, outer) {
+			each([['x', 'width'], ['y', 'height']], function (dim) {
+				var pos = dim[0],
+					size = dim[1];
+				if (inner[pos] + inner[size] > outer[pos] + outer[size]) { // right overflow
+					if (inner[size] > outer[size]) { // the general size is greater, fit fully to outer
+						inner[size] = outer[size];
+						inner[pos] = outer[pos];
+					} else { // align right
+						inner[pos] = outer[pos] + outer[size] - inner[size];
+					}
+				}
+				if (inner[size] > outer[size]) {
+					inner[size] = outer[size];
+				}
+				if (inner[pos] < outer[pos]) {
+					inner[pos] = outer[pos];
+				}
+				
+			});
+
+			return inner;
+		},
+
+		/**
+		 * Zoom the map in or out by a certain amount. Less than 1 zooms in, greater than 1 zooms out.
+		 */
+		mapZoom: function (howMuch, centerXArg, centerYArg) {
+
+			if (this.isMapZooming) {
+				return;
+			}
+
+			var chart = this,
+				xAxis = chart.xAxis[0],
+				xRange = xAxis.max - xAxis.min,
+				centerX = pick(centerXArg, xAxis.min + xRange / 2),
+				newXRange = xRange * howMuch,
+				yAxis = chart.yAxis[0],
+				yRange = yAxis.max - yAxis.min,
+				centerY = pick(centerYArg, yAxis.min + yRange / 2),
+				newYRange = yRange * howMuch,
+				newXMin = centerX - newXRange / 2,
+				newYMin = centerY - newYRange / 2,
+				animation = pick(chart.options.chart.animation, true),
+				delay,
+				newExt = chart.fitToBox({
+					x: newXMin,
+					y: newYMin,
+					width: newXRange,
+					height: newYRange
+				}, {
+					x: xAxis.dataMin,
+					y: yAxis.dataMin,
+					width: xAxis.dataMax - xAxis.dataMin,
+					height: yAxis.dataMax - yAxis.dataMin
+				});
+
+			xAxis.setExtremes(newExt.x, newExt.x + newExt.width, false);
+			yAxis.setExtremes(newExt.y, newExt.y + newExt.height, false);
+
+			// Prevent zooming until this one is finished animating
+			delay = animation ? animation.duration || 500 : 0;
+			if (delay) {
+				chart.isMapZooming = true;
+				setTimeout(function () {
+					chart.isMapZooming = false;
+				}, delay);
+			}
+
+			chart.redraw();
+		}
+	});
+	
+	/**
+	 * Extend the default options with map options
+	 */
+	plotOptions.map = merge(plotOptions.scatter, {
+		animation: false, // makes the complex shapes slow
+		nullColor: '#F8F8F8',
+		borderColor: 'silver',
+		borderWidth: 1,
+		marker: null,
+		stickyTracking: false,
+		dataLabels: {
+			verticalAlign: 'middle'
+		},
+		turboThreshold: 0,
+		tooltip: {
+			followPointer: true,
+			pointFormat: '{point.name}: {point.y}<br/>'
+		},
+		states: {
+			normal: {
+				animation: true
+			}
+		}
+	});
+
+	var MapAreaPoint = Highcharts.extendClass(Point, {
+		/**
+		 * Extend the Point object to split paths
+		 */
+		applyOptions: function (options, x) {
+
+			var point = Point.prototype.applyOptions.call(this, options, x);
+
+			if (point.path && typeof point.path === 'string') {
+				point.path = point.options.path = Highcharts.splitPath(point.path);
+			}
+
+			return point;
+		},
+		/**
+		 * Stop the fade-out 
+		 */
+		onMouseOver: function () {
+			clearTimeout(this.colorInterval);
+			Point.prototype.onMouseOver.call(this);
+		},
+		/**
+		 * Custom animation for tweening out the colors. Animation reduces blinking when hovering
+		 * over islands and coast lines. We run a custom implementation of animation becuase we
+		 * need to be able to run this independently from other animations like zoom redraw. Also,
+		 * adding color animation to the adapters would introduce almost the same amount of code.
+		 */
+		onMouseOut: function () {
+			var point = this,
+				start = +new Date(),
+				normalColor = Color(point.options.color),
+				hoverColor = Color(point.pointAttr.hover.fill),
+				animation = point.series.options.states.normal.animation,
+				duration = animation && (animation.duration || 500);
+
+			if (duration && normalColor.rgba.length === 4 && hoverColor.rgba.length === 4) {
+				delete point.pointAttr[''].fill; // avoid resetting it in Point.setState
+
+				clearTimeout(point.colorInterval);
+				point.colorInterval = setInterval(function () {
+					var pos = (new Date() - start) / duration,
+						graphic = point.graphic;
+					if (pos > 1) {
+						pos = 1;
+					}
+					if (graphic) {
+						graphic.attr('fill', tweenColors(hoverColor, normalColor, pos));
+					}
+					if (pos >= 1) {
+						clearTimeout(point.colorInterval);
+					}
+				}, 13);
+			}
+			Point.prototype.onMouseOut.call(point);
+		}
+	});
+
+	/**
+	 * Add the series type
+	 */
+	seriesTypes.map = Highcharts.extendClass(seriesTypes.scatter, {
+		type: 'map',
+		pointAttrToOptions: { // mapping between SVG attributes and the corresponding options
+			stroke: 'borderColor',
+			'stroke-width': 'borderWidth',
+			fill: 'color'
+		},
+		colorKey: 'y',
+		pointClass: MapAreaPoint,
+		trackerGroups: ['group', 'markerGroup', 'dataLabelsGroup'],
+		getSymbol: noop,
+		supportsDrilldown: true,
+		getExtremesFromAll: true,
+		useMapGeometry: true, // get axis extremes from paths, not values
+		init: function (chart) {
+			var series = this,
+				valueDecimals = chart.options.legend.valueDecimals,
+				legendItems = [],
+				name,
+				from,
+				to,
+				fromLabel,
+				toLabel,
+				colorRange,
+				valueRanges,
+				gradientColor,
+				grad,
+				tmpLabel,
+				horizontal = chart.options.legend.layout === 'horizontal';
+
+			
+			Highcharts.Series.prototype.init.apply(this, arguments);
+			colorRange = series.options.colorRange;
+			valueRanges = series.options.valueRanges;
+
+			if (valueRanges) {
+				each(valueRanges, function (range) {
+					from = range.from;
+					to = range.to;
+					
+					// Assemble the default name. This can be overridden by legend.options.labelFormatter
+					name = '';
+					if (from === UNDEFINED) {
+						name = '< ';
+					} else if (to === UNDEFINED) {
+						name = '> ';
+					}
+					if (from !== UNDEFINED) {
+						name += numberFormat(from, valueDecimals);
+					}
+					if (from !== UNDEFINED && to !== UNDEFINED) {
+						name += ' - ';
+					}
+					if (to !== UNDEFINED) {
+						name += numberFormat(to, valueDecimals);
+					}
+					
+					// Add a mock object to the legend items
+					legendItems.push(Highcharts.extend({
+						chart: series.chart,
+						name: name,
+						options: {},
+						drawLegendSymbol: seriesTypes.area.prototype.drawLegendSymbol,
+						visible: true,
+						setState: function () {},
+						setVisible: function () {}
+					}, range));
+				});
+				series.legendItems = legendItems;
+
+			} else if (colorRange) {
+
+				from = colorRange.from;
+				to = colorRange.to;
+				fromLabel = colorRange.fromLabel;
+				toLabel = colorRange.toLabel;
+
+				// Flips linearGradient variables and label text.
+				grad = horizontal ? [0, 0, 1, 0] : [0, 1, 0, 0]; 
+				if (!horizontal) {
+					tmpLabel = fromLabel;
+					fromLabel = toLabel;
+					toLabel = tmpLabel;
+				} 
+
+				// Creates color gradient.
+				gradientColor = {
+					linearGradient: { x1: grad[0], y1: grad[1], x2: grad[2], y2: grad[3] },
+					stops: 
+					[
+						[0, from],
+						[1, to]
+					]
+				};
+
+				// Add a mock object to the legend items.
+				legendItems = [{
+					chart: series.chart,
+					options: {},
+					fromLabel: fromLabel,
+					toLabel: toLabel,
+					color: gradientColor,
+					drawLegendSymbol: this.drawLegendSymbolGradient,
+					visible: true,
+					setState: function () {},
+					setVisible: function () {}
+				}];
+
+				series.legendItems = legendItems;
+			}
+		},
+
+		/**
+		 * If neither valueRanges nor colorRanges are defined, use basic area symbol.
+		 */
+		drawLegendSymbol: seriesTypes.area.prototype.drawLegendSymbol,
+
+		/**
+		 * Gets the series' symbol in the legend and extended legend with more information.
+		 * 
+		 * @param {Object} legend The legend object
+		 * @param {Object} item The series (this) or point
+		 */
+		drawLegendSymbolGradient: function (legend, item) {
+			var spacing = legend.options.symbolPadding,
+				padding = pick(legend.options.padding, 8),
+				positionY,
+				positionX,
+				gradientSize = this.chart.renderer.fontMetrics(legend.options.itemStyle.fontSize).h,
+				horizontal = legend.options.layout === 'horizontal',
+				box1,
+				box2,
+				box3,
+				rectangleLength = pick(legend.options.rectangleLength, 200);
+
+			// Set local variables based on option.
+			if (horizontal) {
+				positionY = -(spacing / 2);
+				positionX = 0;
+			} else {
+				positionY = -rectangleLength + legend.baseline - (spacing / 2);
+				positionX = padding + gradientSize;
+			}
+
+			// Creates the from text.
+			item.fromText = this.chart.renderer.text(
+					item.fromLabel,	// Text.
+					positionX,		// Lower left x.
+					positionY		// Lower left y.
+				).attr({
+					zIndex: 2
+				}).add(item.legendGroup);
+			box1 = item.fromText.getBBox();
+
+			// Creates legend symbol.
+			// Ternary changes variables based on option.
+			item.legendSymbol = this.chart.renderer.rect(
+				horizontal ? box1.x + box1.width + spacing : box1.x - gradientSize - spacing,		// Upper left x.
+				box1.y,																				// Upper left y.
+				horizontal ? rectangleLength : gradientSize,											// Width.
+				horizontal ? gradientSize : rectangleLength,										// Height.
+				2																					// Corner radius.
+			).attr({
+				zIndex: 1
+			}).add(item.legendGroup);
+			box2 = item.legendSymbol.getBBox();
+
+			// Creates the to text.
+			// Vertical coordinate changed based on option.
+			item.toText = this.chart.renderer.text(
+					item.toLabel,
+					box2.x + box2.width + spacing,
+					horizontal ? positionY : box2.y + box2.height - spacing
+				).attr({
+					zIndex: 2
+				}).add(item.legendGroup);
+			box3 = item.toText.getBBox();
+
+			// Changes legend box settings based on option.
+			if (horizontal) {
+				legend.offsetWidth = box1.width + box2.width + box3.width + (spacing * 2) + padding;
+				legend.itemY = gradientSize + padding;
+			} else {
+				legend.offsetWidth = Math.max(box1.width, box3.width) + (spacing) + box2.width + padding;
+				legend.itemY = box2.height + padding;
+				legend.itemX = spacing;
+			}
+		},
+
+		/**
+		 * Get the bounding box of all paths in the map combined.
+		 */
+		getBox: function (paths) {
+			var maxX = Number.MIN_VALUE, 
+				minX =  Number.MAX_VALUE, 
+				maxY = Number.MIN_VALUE, 
+				minY =  Number.MAX_VALUE;
+			
+			
+			// Find the bounding box
+			each(paths || this.options.data, function (point) {
+				var path = point.path,
+					i = path.length,
+					even = false, // while loop reads from the end
+					pointMaxX = Number.MIN_VALUE, 
+					pointMinX =  Number.MAX_VALUE, 
+					pointMaxY = Number.MIN_VALUE, 
+					pointMinY =  Number.MAX_VALUE;
+					
+				while (i--) {
+					if (typeof path[i] === 'number' && !isNaN(path[i])) {
+						if (even) { // even = x
+							pointMaxX = Math.max(pointMaxX, path[i]);
+							pointMinX = Math.min(pointMinX, path[i]);
+						} else { // odd = Y
+							pointMaxY = Math.max(pointMaxY, path[i]);
+							pointMinY = Math.min(pointMinY, path[i]);
+						}
+						even = !even;
+					}
+				}
+				// Cache point bounding box for use to position data labels
+				point._maxX = pointMaxX;
+				point._minX = pointMinX;
+				point._maxY = pointMaxY;
+				point._minY = pointMinY;
+
+				maxX = Math.max(maxX, pointMaxX);
+				minX = Math.min(minX, pointMinX);
+				maxY = Math.max(maxY, pointMaxY);
+				minY = Math.min(minY, pointMinY);
+			});
+			this.minY = minY;
+			this.maxY = maxY;
+			this.minX = minX;
+			this.maxX = maxX;
+			
+		},
+		
+		
+		
+		/**
+		 * Translate the path so that it automatically fits into the plot area box
+		 * @param {Object} path
+		 */
+		translatePath: function (path) {
+			
+			var series = this,
+				even = false, // while loop reads from the end
+				xAxis = series.xAxis,
+				yAxis = series.yAxis,
+				i;
+				
+			// Preserve the original
+			path = [].concat(path);
+				
+			// Do the translation
+			i = path.length;
+			while (i--) {
+				if (typeof path[i] === 'number') {
+					if (even) { // even = x
+						path[i] = Math.round(xAxis.translate(path[i]));
+					} else { // odd = Y
+						path[i] = Math.round(yAxis.len - yAxis.translate(path[i]));
+					}
+					even = !even;
+				}
+			}
+			return path;
+		},
+		
+		setData: function () {
+			Highcharts.Series.prototype.setData.apply(this, arguments);
+			this.getBox();
+		},
+		
+		/**
+		 * Add the path option for data points. Find the max value for color calculation.
+		 */
+		translate: function () {
+			var series = this,
+				dataMin = Number.MAX_VALUE,
+				dataMax = Number.MIN_VALUE;
+	
+			series.generatePoints();
+	
+			each(series.data, function (point) {
+				
+				point.shapeType = 'path';
+				point.shapeArgs = {
+					d: series.translatePath(point.path)
+				};
+				
+				// TODO: do point colors in drawPoints instead of point.init
+				if (typeof point.y === 'number') {
+					if (point.y > dataMax) {
+						dataMax = point.y;
+					} else if (point.y < dataMin) {
+						dataMin = point.y;
+					}
+				}
+			});
+			
+			series.translateColors(dataMin, dataMax);
+		},
+		
+		/**
+		 * In choropleth maps, the color is a result of the value, so this needs translation too
+		 */
+		translateColors: function (dataMin, dataMax) {
+			
+			var seriesOptions = this.options,
+				valueRanges = seriesOptions.valueRanges,
+				colorRange = seriesOptions.colorRange,
+				colorKey = this.colorKey,
+				from,
+				to;
+
+			if (colorRange) {
+				from = Color(colorRange.from);
+				to = Color(colorRange.to);
+			}
+			
+			each(this.data, function (point) {
+				var value = point[colorKey],
+					range,
+					color,
+					i,
+					pos;
+
+				if (valueRanges) {
+					i = valueRanges.length;
+					while (i--) {
+						range = valueRanges[i];
+						from = range.from;
+						to = range.to;
+						if ((from === UNDEFINED || value >= from) && (to === UNDEFINED || value <= to)) {
+							color = range.color;
+							break;
+						}
+							
+					}
+				} else if (colorRange && value !== undefined) {
+
+					pos = 1 - ((dataMax - value) / (dataMax - dataMin));
+					color = value === null ? seriesOptions.nullColor : tweenColors(from, to, pos);
+				}
+
+				if (color) {
+					point.color = null; // reset from previous drilldowns, use of the same data options
+					point.options.color = color;
+				}
+			});
+		},
+		
+		drawGraph: noop,
+		
+		/**
+		 * We need the points' bounding boxes in order to draw the data labels, so 
+		 * we skip it now and call if from drawPoints instead.
+		 */
+		drawDataLabels: noop,
+		
+		/** 
+		 * Use the drawPoints method of column, that is able to handle simple shapeArgs.
+		 * Extend it by assigning the tooltip position.
+		 */
+		drawPoints: function () {
+			var series = this,
+				xAxis = series.xAxis,
+				yAxis = series.yAxis,
+				colorKey = series.colorKey;
+			
+			// Make points pass test in drawing
+			each(series.data, function (point) {
+				point.plotY = 1; // pass null test in column.drawPoints
+				if (point[colorKey] === null) {
+					point[colorKey] = 0;
+					point.isNull = true;
+				}
+			});
+			
+			// Draw them
+			seriesTypes.column.prototype.drawPoints.apply(series);
+			
+			each(series.data, function (point) {
+
+				var dataLabels = point.dataLabels,
+					minX = xAxis.toPixels(point._minX, true),
+					maxX = xAxis.toPixels(point._maxX, true),
+					minY = yAxis.toPixels(point._minY, true),
+					maxY = yAxis.toPixels(point._maxY, true);
+
+				point.plotX = Math.round(minX + (maxX - minX) * pick(dataLabels && dataLabels.anchorX, 0.5));
+				point.plotY = Math.round(minY + (maxY - minY) * pick(dataLabels && dataLabels.anchorY, 0.5)); 
+				
+				
+				// Reset escaped null points
+				if (point.isNull) {
+					point[colorKey] = null;
+				}
+			});
+
+			// Now draw the data labels
+			Highcharts.Series.prototype.drawDataLabels.call(series);
+			
+		},
+
+		/**
+		 * Animate in the new series from the clicked point in the old series.
+		 * Depends on the drilldown.js module
+		 */
+		animateDrilldown: function (init) {
+			var toBox = this.chart.plotBox,
+				level = this.chart.drilldownLevels[this.chart.drilldownLevels.length - 1],
+				fromBox = level.bBox,
+				animationOptions = this.chart.options.drilldown.animation,
+				scale;
+				
+			if (!init) {
+
+				scale = Math.min(fromBox.width / toBox.width, fromBox.height / toBox.height);
+				level.shapeArgs = {
+					scaleX: scale,
+					scaleY: scale,
+					translateX: fromBox.x,
+					translateY: fromBox.y
+				};
+				
+				// TODO: Animate this.group instead
+				each(this.points, function (point) {
+
+					point.graphic
+						.attr(level.shapeArgs)
+						.animate({
+							scaleX: 1,
+							scaleY: 1,
+							translateX: 0,
+							translateY: 0
+						}, animationOptions);
+
+				});
+
+				delete this.animate;
+			}
+			
+		},
+
+		/**
+		 * When drilling up, pull out the individual point graphics from the lower series
+		 * and animate them into the origin point in the upper series.
+		 */
+		animateDrillupFrom: function (level) {
+			seriesTypes.column.prototype.animateDrillupFrom.call(this, level);
+		},
+
+
+		/**
+		 * When drilling up, keep the upper series invisible until the lower series has
+		 * moved into place
+		 */
+		animateDrillupTo: function (init) {
+			seriesTypes.column.prototype.animateDrillupTo.call(this, init);
+		}
+	});
+
+
+	// The mapline series type
+	plotOptions.mapline = merge(plotOptions.map, {
+		lineWidth: 1,
+		backgroundColor: 'none'
+	});
+	seriesTypes.mapline = Highcharts.extendClass(seriesTypes.map, {
+		type: 'mapline',
+		pointAttrToOptions: { // mapping between SVG attributes and the corresponding options
+			stroke: 'color',
+			'stroke-width': 'lineWidth',
+			fill: 'backgroundColor'
+		},
+		drawLegendSymbol: seriesTypes.line.prototype.drawLegendSymbol
+	});
+
+	// The mappoint series type
+	plotOptions.mappoint = merge(plotOptions.scatter, {
+		dataLabels: {
+			enabled: true,
+			format: '{point.name}',
+			color: 'black',
+			style: {
+				textShadow: '0 0 5px white'
+			}
+		}
+	});
+	seriesTypes.mappoint = Highcharts.extendClass(seriesTypes.scatter, {
+		type: 'mappoint'
+	});
+	
+
+	
+	/**
+	 * A wrapper for Chart with all the default values for a Map
+	 */
+	Highcharts.Map = function (options, callback) {
+		
+		var hiddenAxis = {
+				endOnTick: false,
+				gridLineWidth: 0,
+				labels: {
+					enabled: false
+				},
+				lineWidth: 0,
+				minPadding: 0,
+				maxPadding: 0,
+				startOnTick: false,
+				tickWidth: 0,
+				title: null
+			},
+			seriesOptions;
+		
+		// Don't merge the data
+		seriesOptions = options.series;
+		options.series = null;
+		
+		options = merge({
+			chart: {
+				type: 'map',
+				panning: 'xy'
+			},
+			xAxis: hiddenAxis,
+			yAxis: merge(hiddenAxis, { reversed: true })	
+		},
+		options, // user's options
+	
+		{ // forced options
+			chart: {
+				inverted: false
+			}
+		});
+	
+		options.series = seriesOptions;
+	
+	
+		return new Highcharts.Chart(options, callback);
+	};
+}(Highcharts));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/no-data-to-display.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/no-data-to-display.js
new file mode 100644
index 000000000..c9ff9cac2
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/no-data-to-display.js
@@ -0,0 +1,12 @@
+/*
+ Highcharts JS v3.0.6 (2013-10-04)
+ Plugin for displaying a message when there is no data visible in chart.
+
+ (c) 2010-2013 Highsoft AS
+ Author: Øystein Moseng
+
+ License: www.highcharts.com/license
+*/
+(function(c){function f(){return!!this.points.length}function g(){this.hasData()?this.hideNoData():this.showNoData()}var d=c.seriesTypes,e=c.Chart.prototype,h=c.getOptions(),i=c.extend;i(h.lang,{noData:"No data to display"});h.noData={position:{x:0,y:0,align:"center",verticalAlign:"middle"},attr:{},style:{fontWeight:"bold",fontSize:"12px",color:"#60606a"}};d.pie.prototype.hasData=f;if(d.gauge)d.gauge.prototype.hasData=f;if(d.waterfall)d.waterfall.prototype.hasData=f;c.Series.prototype.hasData=function(){return this.dataMax!==
+void 0&&this.dataMin!==void 0};e.showNoData=function(a){var b=this.options,a=a||b.lang.noData,b=b.noData;if(!this.noDataLabel)this.noDataLabel=this.renderer.label(a,0,0,null,null,null,null,null,"no-data").attr(b.attr).css(b.style).add(),this.noDataLabel.align(i(this.noDataLabel.getBBox(),b.position),!1,"plotBox")};e.hideNoData=function(){if(this.noDataLabel)this.noDataLabel=this.noDataLabel.destroy()};e.hasData=function(){for(var a=this.series,b=a.length;b--;)if(a[b].hasData()&&!a[b].options.isInternal)return!0;
+return!1};e.callbacks.push(function(a){c.addEvent(a,"load",g);c.addEvent(a,"redraw",g)})})(Highcharts);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/no-data-to-display.src.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/no-data-to-display.src.js
new file mode 100644
index 000000000..bc278a8d9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/modules/no-data-to-display.src.js
@@ -0,0 +1,128 @@
+/**
+ * @license Highcharts JS v3.0.6 (2013-10-04)
+ * Plugin for displaying a message when there is no data visible in chart.
+ *
+ * (c) 2010-2013 Highsoft AS
+ * Author: Øystein Moseng
+ *
+ * License: www.highcharts.com/license
+ */
+
+(function (H) { // docs
+	
+	var seriesTypes = H.seriesTypes,
+		chartPrototype = H.Chart.prototype,
+		defaultOptions = H.getOptions(),
+		extend = H.extend;
+
+	// Add language option
+	extend(defaultOptions.lang, {
+		noData: 'No data to display'
+	});
+	
+	// Add default display options for message
+	defaultOptions.noData = {
+		position: {
+			x: 0,
+			y: 0,			
+			align: 'center',
+			verticalAlign: 'middle'
+		},
+		attr: {						
+		},
+		style: {	
+			fontWeight: 'bold',		
+			fontSize: '12px',
+			color: '#60606a'		
+		}
+	};
+
+	/**
+	 * Define hasData functions for series. These return true if there are data points on this series within the plot area
+	 */	
+	function hasDataPie() {
+		return !!this.points.length; /* != 0 */
+	}
+
+	seriesTypes.pie.prototype.hasData = hasDataPie;
+
+	if (seriesTypes.gauge) {
+		seriesTypes.gauge.prototype.hasData = hasDataPie;
+	}
+
+	if (seriesTypes.waterfall) {
+		seriesTypes.waterfall.prototype.hasData = hasDataPie;
+	}
+
+	H.Series.prototype.hasData = function () {
+		return this.dataMax !== undefined && this.dataMin !== undefined;
+	};
+	
+	/**
+	 * Display a no-data message.
+	 *
+	 * @param {String} str An optional message to show in place of the default one 
+	 */
+	chartPrototype.showNoData = function (str) {
+		var chart = this,
+			options = chart.options,
+			text = str || options.lang.noData,
+			noDataOptions = options.noData;
+
+		if (!chart.noDataLabel) {
+			chart.noDataLabel = chart.renderer.label(text, 0, 0, null, null, null, null, null, 'no-data')
+				.attr(noDataOptions.attr)
+				.css(noDataOptions.style)
+				.add();
+			chart.noDataLabel.align(extend(chart.noDataLabel.getBBox(), noDataOptions.position), false, 'plotBox');
+		}
+	};
+
+	/**
+	 * Hide no-data message	
+	 */	
+	chartPrototype.hideNoData = function () {
+		var chart = this;
+		if (chart.noDataLabel) {
+			chart.noDataLabel = chart.noDataLabel.destroy();
+		}
+	};
+
+	/**
+	 * Returns true if there are data points within the plot area now
+	 */	
+	chartPrototype.hasData = function () {
+		var chart = this,
+			series = chart.series,
+			i = series.length;
+
+		while (i--) {
+			if (series[i].hasData() && !series[i].options.isInternal) { 
+				return true;
+			}	
+		}
+
+		return false;
+	};
+
+	/**
+	 * Show no-data message if there is no data in sight. Otherwise, hide it.
+	 */
+	function handleNoData() {
+		var chart = this;
+		if (chart.hasData()) {
+			chart.hideNoData();
+		} else {
+			chart.showNoData();
+		}
+	}
+
+	/**
+	 * Add event listener to handle automatic display of no-data message
+	 */
+	chartPrototype.callbacks.push(function (chart) {
+		H.addEvent(chart, 'load', handleNoData);
+		H.addEvent(chart, 'redraw', handleNoData);
+	});
+
+}(Highcharts));
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/dark-blue.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/dark-blue.js
new file mode 100644
index 000000000..47e53e0d7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/dark-blue.js
@@ -0,0 +1,254 @@
+/**
+ * Dark blue theme for Highcharts JS
+ * @author Torstein Hønsi
+ */
+
+Highcharts.theme = {
+	colors: ["#DDDF0D", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
+		"#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
+	chart: {
+		backgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
+			stops: [
+				[0, 'rgb(48, 48, 96)'],
+				[1, 'rgb(0, 0, 0)']
+			]
+		},
+		borderColor: '#000000',
+		borderWidth: 2,
+		className: 'dark-container',
+		plotBackgroundColor: 'rgba(255, 255, 255, .1)',
+		plotBorderColor: '#CCCCCC',
+		plotBorderWidth: 1
+	},
+	title: {
+		style: {
+			color: '#C0C0C0',
+			font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
+		}
+	},
+	subtitle: {
+		style: {
+			color: '#666666',
+			font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
+		}
+	},
+	xAxis: {
+		gridLineColor: '#333333',
+		gridLineWidth: 1,
+		labels: {
+			style: {
+				color: '#A0A0A0'
+			}
+		},
+		lineColor: '#A0A0A0',
+		tickColor: '#A0A0A0',
+		title: {
+			style: {
+				color: '#CCC',
+				fontWeight: 'bold',
+				fontSize: '12px',
+				fontFamily: 'Trebuchet MS, Verdana, sans-serif'
+
+			}
+		}
+	},
+	yAxis: {
+		gridLineColor: '#333333',
+		labels: {
+			style: {
+				color: '#A0A0A0'
+			}
+		},
+		lineColor: '#A0A0A0',
+		minorTickInterval: null,
+		tickColor: '#A0A0A0',
+		tickWidth: 1,
+		title: {
+			style: {
+				color: '#CCC',
+				fontWeight: 'bold',
+				fontSize: '12px',
+				fontFamily: 'Trebuchet MS, Verdana, sans-serif'
+			}
+		}
+	},
+	tooltip: {
+		backgroundColor: 'rgba(0, 0, 0, 0.75)',
+		style: {
+			color: '#F0F0F0'
+		}
+	},
+	toolbar: {
+		itemStyle: {
+			color: 'silver'
+		}
+	},
+	plotOptions: {
+		line: {
+			dataLabels: {
+				color: '#CCC'
+			},
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		spline: {
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		scatter: {
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		candlestick: {
+			lineColor: 'white'
+		}
+	},
+	legend: {
+		itemStyle: {
+			font: '9pt Trebuchet MS, Verdana, sans-serif',
+			color: '#A0A0A0'
+		},
+		itemHoverStyle: {
+			color: '#FFF'
+		},
+		itemHiddenStyle: {
+			color: '#444'
+		}
+	},
+	credits: {
+		style: {
+			color: '#666'
+		}
+	},
+	labels: {
+		style: {
+			color: '#CCC'
+		}
+	},
+
+	navigation: {
+		buttonOptions: {
+			symbolStroke: '#DDDDDD',
+			hoverSymbolStroke: '#FFFFFF',
+			theme: {
+				fill: {
+					linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+					stops: [
+						[0.4, '#606060'],
+						[0.6, '#333333']
+					]
+				},
+				stroke: '#000000'
+			}
+		}
+	},
+
+	// scroll charts
+	rangeSelector: {
+		buttonTheme: {
+			fill: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+			stroke: '#000000',
+			style: {
+				color: '#CCC',
+				fontWeight: 'bold'
+			},
+			states: {
+				hover: {
+					fill: {
+						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+						stops: [
+							[0.4, '#BBB'],
+							[0.6, '#888']
+						]
+					},
+					stroke: '#000000',
+					style: {
+						color: 'white'
+					}
+				},
+				select: {
+					fill: {
+						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+						stops: [
+							[0.1, '#000'],
+							[0.3, '#333']
+						]
+					},
+					stroke: '#000000',
+					style: {
+						color: 'yellow'
+					}
+				}
+			}
+		},
+		inputStyle: {
+			backgroundColor: '#333',
+			color: 'silver'
+		},
+		labelStyle: {
+			color: 'silver'
+		}
+	},
+
+	navigator: {
+		handles: {
+			backgroundColor: '#666',
+			borderColor: '#AAA'
+		},
+		outlineColor: '#CCC',
+		maskFill: 'rgba(16, 16, 16, 0.5)',
+		series: {
+			color: '#7798BF',
+			lineColor: '#A6C7ED'
+		}
+	},
+
+	scrollbar: {
+		barBackgroundColor: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+		barBorderColor: '#CCC',
+		buttonArrowColor: '#CCC',
+		buttonBackgroundColor: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+		buttonBorderColor: '#CCC',
+		rifleColor: '#FFF',
+		trackBackgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+			stops: [
+				[0, '#000'],
+				[1, '#333']
+			]
+		},
+		trackBorderColor: '#666'
+	},
+
+	// special colors for some of the
+	legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
+	legendBackgroundColorSolid: 'rgb(35, 35, 70)',
+	dataLabelsColor: '#444',
+	textColor: '#C0C0C0',
+	maskColor: 'rgba(255,255,255,0.3)'
+};
+
+// Apply the theme
+var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/dark-green.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/dark-green.js
new file mode 100644
index 000000000..5edddf9ad
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/dark-green.js
@@ -0,0 +1,255 @@
+/**
+ * Dark blue theme for Highcharts JS
+ * @author Torstein Hønsi
+ */
+
+Highcharts.theme = {
+	colors: ["#DDDF0D", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
+		"#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
+	chart: {
+		backgroundColor: {
+			linearGradient: [0, 0, 250, 500],
+			stops: [
+				[0, 'rgb(48, 96, 48)'],
+				[1, 'rgb(0, 0, 0)']
+			]
+		},
+		borderColor: '#000000',
+		borderWidth: 2,
+		className: 'dark-container',
+		plotBackgroundColor: 'rgba(255, 255, 255, .1)',
+		plotBorderColor: '#CCCCCC',
+		plotBorderWidth: 1
+	},
+	title: {
+		style: {
+			color: '#C0C0C0',
+			font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
+		}
+	},
+	subtitle: {
+		style: {
+			color: '#666666',
+			font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
+		}
+	},
+	xAxis: {
+		gridLineColor: '#333333',
+		gridLineWidth: 1,
+		labels: {
+			style: {
+				color: '#A0A0A0'
+			}
+		},
+		lineColor: '#A0A0A0',
+		tickColor: '#A0A0A0',
+		title: {
+			style: {
+				color: '#CCC',
+				fontWeight: 'bold',
+				fontSize: '12px',
+				fontFamily: 'Trebuchet MS, Verdana, sans-serif'
+
+			}
+		}
+	},
+	yAxis: {
+		gridLineColor: '#333333',
+		labels: {
+			style: {
+				color: '#A0A0A0'
+			}
+		},
+		lineColor: '#A0A0A0',
+		minorTickInterval: null,
+		tickColor: '#A0A0A0',
+		tickWidth: 1,
+		title: {
+			style: {
+				color: '#CCC',
+				fontWeight: 'bold',
+				fontSize: '12px',
+				fontFamily: 'Trebuchet MS, Verdana, sans-serif'
+			}
+		}
+	},
+	tooltip: {
+		backgroundColor: 'rgba(0, 0, 0, 0.75)',
+		style: {
+			color: '#F0F0F0'
+		}
+	},
+	toolbar: {
+		itemStyle: {
+			color: 'silver'
+		}
+	},
+	plotOptions: {
+		line: {
+			dataLabels: {
+				color: '#CCC'
+			},
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		spline: {
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		scatter: {
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		candlestick: {
+			lineColor: 'white'
+		}
+	},
+	legend: {
+		itemStyle: {
+			font: '9pt Trebuchet MS, Verdana, sans-serif',
+			color: '#A0A0A0'
+		},
+		itemHoverStyle: {
+			color: '#FFF'
+		},
+		itemHiddenStyle: {
+			color: '#444'
+		}
+	},
+	credits: {
+		style: {
+			color: '#666'
+		}
+	},
+	labels: {
+		style: {
+			color: '#CCC'
+		}
+	},
+
+
+	navigation: {
+		buttonOptions: {
+			symbolStroke: '#DDDDDD',
+			hoverSymbolStroke: '#FFFFFF',
+			theme: {
+				fill: {
+					linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+					stops: [
+						[0.4, '#606060'],
+						[0.6, '#333333']
+					]
+				},
+				stroke: '#000000'
+			}
+		}
+	},
+
+	// scroll charts
+	rangeSelector: {
+		buttonTheme: {
+			fill: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+			stroke: '#000000',
+			style: {
+				color: '#CCC',
+				fontWeight: 'bold'
+			},
+			states: {
+				hover: {
+					fill: {
+						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+						stops: [
+							[0.4, '#BBB'],
+							[0.6, '#888']
+						]
+					},
+					stroke: '#000000',
+					style: {
+						color: 'white'
+					}
+				},
+				select: {
+					fill: {
+						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+						stops: [
+							[0.1, '#000'],
+							[0.3, '#333']
+						]
+					},
+					stroke: '#000000',
+					style: {
+						color: 'yellow'
+					}
+				}
+			}
+		},
+		inputStyle: {
+			backgroundColor: '#333',
+			color: 'silver'
+		},
+		labelStyle: {
+			color: 'silver'
+		}
+	},
+
+	navigator: {
+		handles: {
+			backgroundColor: '#666',
+			borderColor: '#AAA'
+		},
+		outlineColor: '#CCC',
+		maskFill: 'rgba(16, 16, 16, 0.5)',
+		series: {
+			color: '#7798BF',
+			lineColor: '#A6C7ED'
+		}
+	},
+
+	scrollbar: {
+		barBackgroundColor: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+		barBorderColor: '#CCC',
+		buttonArrowColor: '#CCC',
+		buttonBackgroundColor: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+		buttonBorderColor: '#CCC',
+		rifleColor: '#FFF',
+		trackBackgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+			stops: [
+				[0, '#000'],
+				[1, '#333']
+			]
+		},
+		trackBorderColor: '#666'
+	},
+
+	// special colors for some of the
+	legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
+	legendBackgroundColorSolid: 'rgb(35, 35, 70)',
+	dataLabelsColor: '#444',
+	textColor: '#C0C0C0',
+	maskColor: 'rgba(255,255,255,0.3)'
+};
+
+// Apply the theme
+var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/gray.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/gray.js
new file mode 100644
index 000000000..4e8f82a19
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/gray.js
@@ -0,0 +1,257 @@
+/**
+ * Gray theme for Highcharts JS
+ * @author Torstein Hønsi
+ */
+
+Highcharts.theme = {
+	colors: ["#DDDF0D", "#7798BF", "#55BF3B", "#DF5353", "#aaeeee", "#ff0066", "#eeaaee",
+		"#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
+	chart: {
+		backgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+			stops: [
+				[0, 'rgb(96, 96, 96)'],
+				[1, 'rgb(16, 16, 16)']
+			]
+		},
+		borderWidth: 0,
+		borderRadius: 15,
+		plotBackgroundColor: null,
+		plotShadow: false,
+		plotBorderWidth: 0
+	},
+	title: {
+		style: {
+			color: '#FFF',
+			font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+		}
+	},
+	subtitle: {
+		style: {
+			color: '#DDD',
+			font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+		}
+	},
+	xAxis: {
+		gridLineWidth: 0,
+		lineColor: '#999',
+		tickColor: '#999',
+		labels: {
+			style: {
+				color: '#999',
+				fontWeight: 'bold'
+			}
+		},
+		title: {
+			style: {
+				color: '#AAA',
+				font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+			}
+		}
+	},
+	yAxis: {
+		alternateGridColor: null,
+		minorTickInterval: null,
+		gridLineColor: 'rgba(255, 255, 255, .1)',
+		minorGridLineColor: 'rgba(255,255,255,0.07)',
+		lineWidth: 0,
+		tickWidth: 0,
+		labels: {
+			style: {
+				color: '#999',
+				fontWeight: 'bold'
+			}
+		},
+		title: {
+			style: {
+				color: '#AAA',
+				font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+			}
+		}
+	},
+	legend: {
+		itemStyle: {
+			color: '#CCC'
+		},
+		itemHoverStyle: {
+			color: '#FFF'
+		},
+		itemHiddenStyle: {
+			color: '#333'
+		}
+	},
+	labels: {
+		style: {
+			color: '#CCC'
+		}
+	},
+	tooltip: {
+		backgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+			stops: [
+				[0, 'rgba(96, 96, 96, .8)'],
+				[1, 'rgba(16, 16, 16, .8)']
+			]
+		},
+		borderWidth: 0,
+		style: {
+			color: '#FFF'
+		}
+	},
+
+
+	plotOptions: {
+		series: {
+			shadow: true
+		},
+		line: {
+			dataLabels: {
+				color: '#CCC'
+			},
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		spline: {
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		scatter: {
+			marker: {
+				lineColor: '#333'
+			}
+		},
+		candlestick: {
+			lineColor: 'white'
+		}
+	},
+
+	toolbar: {
+		itemStyle: {
+			color: '#CCC'
+		}
+	},
+
+	navigation: {
+		buttonOptions: {
+			symbolStroke: '#DDDDDD',
+			hoverSymbolStroke: '#FFFFFF',
+			theme: {
+				fill: {
+					linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+					stops: [
+						[0.4, '#606060'],
+						[0.6, '#333333']
+					]
+				},
+				stroke: '#000000'
+			}
+		}
+	},
+
+	// scroll charts
+	rangeSelector: {
+		buttonTheme: {
+			fill: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+			stroke: '#000000',
+			style: {
+				color: '#CCC',
+				fontWeight: 'bold'
+			},
+			states: {
+				hover: {
+					fill: {
+						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+						stops: [
+							[0.4, '#BBB'],
+							[0.6, '#888']
+						]
+					},
+					stroke: '#000000',
+					style: {
+						color: 'white'
+					}
+				},
+				select: {
+					fill: {
+						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+						stops: [
+							[0.1, '#000'],
+							[0.3, '#333']
+						]
+					},
+					stroke: '#000000',
+					style: {
+						color: 'yellow'
+					}
+				}
+			}
+		},
+		inputStyle: {
+			backgroundColor: '#333',
+			color: 'silver'
+		},
+		labelStyle: {
+			color: 'silver'
+		}
+	},
+
+	navigator: {
+		handles: {
+			backgroundColor: '#666',
+			borderColor: '#AAA'
+		},
+		outlineColor: '#CCC',
+		maskFill: 'rgba(16, 16, 16, 0.5)',
+		series: {
+			color: '#7798BF',
+			lineColor: '#A6C7ED'
+		}
+	},
+
+	scrollbar: {
+		barBackgroundColor: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+		barBorderColor: '#CCC',
+		buttonArrowColor: '#CCC',
+		buttonBackgroundColor: {
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+				stops: [
+					[0.4, '#888'],
+					[0.6, '#555']
+				]
+			},
+		buttonBorderColor: '#CCC',
+		rifleColor: '#FFF',
+		trackBackgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+			stops: [
+				[0, '#000'],
+				[1, '#333']
+			]
+		},
+		trackBorderColor: '#666'
+	},
+
+	// special colors for some of the demo examples
+	legendBackgroundColor: 'rgba(48, 48, 48, 0.8)',
+	legendBackgroundColorSolid: 'rgb(70, 70, 70)',
+	dataLabelsColor: '#444',
+	textColor: '#E0E0E0',
+	maskColor: 'rgba(255,255,255,0.3)'
+};
+
+// Apply the theme
+var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/grid.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/grid.js
new file mode 100644
index 000000000..cee0657d4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/grid.js
@@ -0,0 +1,103 @@
+/**
+ * Grid theme for Highcharts JS
+ * @author Torstein Hønsi
+ */
+
+Highcharts.theme = {
+	colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
+	chart: {
+		backgroundColor: {
+			linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
+			stops: [
+				[0, 'rgb(255, 255, 255)'],
+				[1, 'rgb(240, 240, 255)']
+			]
+		},
+		borderWidth: 2,
+		plotBackgroundColor: 'rgba(255, 255, 255, .9)',
+		plotShadow: true,
+		plotBorderWidth: 1
+	},
+	title: {
+		style: {
+			color: '#000',
+			font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
+		}
+	},
+	subtitle: {
+		style: {
+			color: '#666666',
+			font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
+		}
+	},
+	xAxis: {
+		gridLineWidth: 1,
+		lineColor: '#000',
+		tickColor: '#000',
+		labels: {
+			style: {
+				color: '#000',
+				font: '11px Trebuchet MS, Verdana, sans-serif'
+			}
+		},
+		title: {
+			style: {
+				color: '#333',
+				fontWeight: 'bold',
+				fontSize: '12px',
+				fontFamily: 'Trebuchet MS, Verdana, sans-serif'
+
+			}
+		}
+	},
+	yAxis: {
+		minorTickInterval: 'auto',
+		lineColor: '#000',
+		lineWidth: 1,
+		tickWidth: 1,
+		tickColor: '#000',
+		labels: {
+			style: {
+				color: '#000',
+				font: '11px Trebuchet MS, Verdana, sans-serif'
+			}
+		},
+		title: {
+			style: {
+				color: '#333',
+				fontWeight: 'bold',
+				fontSize: '12px',
+				fontFamily: 'Trebuchet MS, Verdana, sans-serif'
+			}
+		}
+	},
+	legend: {
+		itemStyle: {
+			font: '9pt Trebuchet MS, Verdana, sans-serif',
+			color: 'black'
+
+		},
+		itemHoverStyle: {
+			color: '#039'
+		},
+		itemHiddenStyle: {
+			color: 'gray'
+		}
+	},
+	labels: {
+		style: {
+			color: '#99b'
+		}
+	},
+
+	navigation: {
+		buttonOptions: {
+			theme: {
+				stroke: '#CCCCCC'
+			}
+		}
+	}
+};
+
+// Apply the theme
+var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/skies.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/skies.js
new file mode 100644
index 000000000..e942648e9
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/highcharts/themes/skies.js
@@ -0,0 +1,89 @@
+/**
+ * Skies theme for Highcharts JS
+ * @author Torstein Hønsi
+ */
+
+Highcharts.theme = {
+	colors: ["#514F78", "#42A07B", "#9B5E4A", "#72727F", "#1F949A", "#82914E", "#86777F", "#42A07B"],
+	chart: {
+		className: 'skies',
+		borderWidth: 0,
+		plotShadow: true,
+		plotBackgroundImage: 'http://www.highcharts.com/demo/gfx/skies.jpg',
+		plotBackgroundColor: {
+			linearGradient: [0, 0, 250, 500],
+			stops: [
+				[0, 'rgba(255, 255, 255, 1)'],
+				[1, 'rgba(255, 255, 255, 0)']
+			]
+		},
+		plotBorderWidth: 1
+	},
+	title: {
+		style: {
+			color: '#3E576F',
+			font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+		}
+	},
+	subtitle: {
+		style: {
+			color: '#6D869F',
+			font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+		}
+	},
+	xAxis: {
+		gridLineWidth: 0,
+		lineColor: '#C0D0E0',
+		tickColor: '#C0D0E0',
+		labels: {
+			style: {
+				color: '#666',
+				fontWeight: 'bold'
+			}
+		},
+		title: {
+			style: {
+				color: '#666',
+				font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+			}
+		}
+	},
+	yAxis: {
+		alternateGridColor: 'rgba(255, 255, 255, .5)',
+		lineColor: '#C0D0E0',
+		tickColor: '#C0D0E0',
+		tickWidth: 1,
+		labels: {
+			style: {
+				color: '#666',
+				fontWeight: 'bold'
+			}
+		},
+		title: {
+			style: {
+				color: '#666',
+				font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
+			}
+		}
+	},
+	legend: {
+		itemStyle: {
+			font: '9pt Trebuchet MS, Verdana, sans-serif',
+			color: '#3E576F'
+		},
+		itemHoverStyle: {
+			color: 'black'
+		},
+		itemHiddenStyle: {
+			color: 'silver'
+		}
+	},
+	labels: {
+		style: {
+			color: '#3E576F'
+		}
+	}
+};
+
+// Apply the theme
+var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/jquery-1.10.2.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/jquery-1.10.2.js
new file mode 100644
index 000000000..c5c648255
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/jquery-1.10.2.js
@@ -0,0 +1,9789 @@
+/*!
+ * jQuery JavaScript Library v1.10.2
+ * http://jquery.com/
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ *
+ * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2013-07-03T13:48Z
+ */
+(function( window, undefined ) {
+
+// Can't do this because several apps including ASP.NET trace
+// the stack via arguments.caller.callee and Firefox dies if
+// you try to trace through "use strict" call chains. (#13335)
+// Support: Firefox 18+
+//"use strict";
+var
+	// The deferred used on DOM ready
+	readyList,
+
+	// A central reference to the root jQuery(document)
+	rootjQuery,
+
+	// Support: IE<10
+	// For `typeof xmlNode.method` instead of `xmlNode.method !== undefined`
+	core_strundefined = typeof undefined,
+
+	// Use the correct document accordingly with window argument (sandbox)
+	location = window.location,
+	document = window.document,
+	docElem = document.documentElement,
+
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$,
+
+	// [[Class]] -> type pairs
+	class2type = {},
+
+	// List of deleted data cache ids, so we can reuse them
+	core_deletedIds = [],
+
+	core_version = "1.10.2",
+
+	// Save a reference to some core methods
+	core_concat = core_deletedIds.concat,
+	core_push = core_deletedIds.push,
+	core_slice = core_deletedIds.slice,
+	core_indexOf = core_deletedIds.indexOf,
+	core_toString = class2type.toString,
+	core_hasOwn = class2type.hasOwnProperty,
+	core_trim = core_version.trim,
+
+	// Define a local copy of jQuery
+	jQuery = function( selector, context ) {
+		// The jQuery object is actually just the init constructor 'enhanced'
+		return new jQuery.fn.init( selector, context, rootjQuery );
+	},
+
+	// Used for matching numbers
+	core_pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
+
+	// Used for splitting on whitespace
+	core_rnotwhite = /\S+/g,
+
+	// Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE)
+	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+
+	// A simple way to check for HTML strings
+	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
+	// Strict HTML recognition (#11290: must start with <)
+	rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,
+
+	// Match a standalone tag
+	rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
+
+	// JSON RegExp
+	rvalidchars = /^[\],:{}\s]*$/,
+	rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
+	rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,
+	rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,
+
+	// Matches dashed string for camelizing
+	rmsPrefix = /^-ms-/,
+	rdashAlpha = /-([\da-z])/gi,
+
+	// Used by jQuery.camelCase as callback to replace()
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	},
+
+	// The ready event handler
+	completed = function( event ) {
+
+		// readyState === "complete" is good enough for us to call the dom ready in oldIE
+		if ( document.addEventListener || event.type === "load" || document.readyState === "complete" ) {
+			detach();
+			jQuery.ready();
+		}
+	},
+	// Clean-up method for dom ready events
+	detach = function() {
+		if ( document.addEventListener ) {
+			document.removeEventListener( "DOMContentLoaded", completed, false );
+			window.removeEventListener( "load", completed, false );
+
+		} else {
+			document.detachEvent( "onreadystatechange", completed );
+			window.detachEvent( "onload", completed );
+		}
+	};
+
+jQuery.fn = jQuery.prototype = {
+	// The current version of jQuery being used
+	jquery: core_version,
+
+	constructor: jQuery,
+	init: function( selector, context, rootjQuery ) {
+		var match, elem;
+
+		// HANDLE: $(""), $(null), $(undefined), $(false)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
+				// Assume that strings that start and end with <> are HTML and skip the regex check
+				match = [ null, selector, null ];
+
+			} else {
+				match = rquickExpr.exec( selector );
+			}
+
+			// Match html or make sure no context is specified for #id
+			if ( match && (match[1] || !context) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[1] ) {
+					context = context instanceof jQuery ? context[0] : context;
+
+					// scripts is true for back-compat
+					jQuery.merge( this, jQuery.parseHTML(
+						match[1],
+						context && context.nodeType ? context.ownerDocument || context : document,
+						true
+					) );
+
+					// HANDLE: $(html, props)
+					if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) {
+						for ( match in context ) {
+							// Properties of context are called as methods if possible
+							if ( jQuery.isFunction( this[ match ] ) ) {
+								this[ match ]( context[ match ] );
+
+							// ...and otherwise set as attributes
+							} else {
+								this.attr( match, context[ match ] );
+							}
+						}
+					}
+
+					return this;
+
+				// HANDLE: $(#id)
+				} else {
+					elem = document.getElementById( match[2] );
+
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE and Opera return items
+						// by name instead of ID
+						if ( elem.id !== match[2] ) {
+							return rootjQuery.find( selector );
+						}
+
+						// Otherwise, we inject the element directly into the jQuery object
+						this.length = 1;
+						this[0] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return ( context || rootjQuery ).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(DOMElement)
+		} else if ( selector.nodeType ) {
+			this.context = this[0] = selector;
+			this.length = 1;
+			return this;
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( jQuery.isFunction( selector ) ) {
+			return rootjQuery.ready( selector );
+		}
+
+		if ( selector.selector !== undefined ) {
+			this.selector = selector.selector;
+			this.context = selector.context;
+		}
+
+		return jQuery.makeArray( selector, this );
+	},
+
+	// Start with an empty selector
+	selector: "",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	toArray: function() {
+		return core_slice.call( this );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num == null ?
+
+			// Return a 'clean' array
+			this.toArray() :
+
+			// Return just the object
+			( num < 0 ? this[ this.length + num ] : this[ num ] );
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems ) {
+
+		// Build a new jQuery matched element set
+		var ret = jQuery.merge( this.constructor(), elems );
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+		ret.context = this.context;
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	// (You can seed the arguments with an array of args, but this is
+	// only used internally.)
+	each: function( callback, args ) {
+		return jQuery.each( this, callback, args );
+	},
+
+	ready: function( fn ) {
+		// Add the callback
+		jQuery.ready.promise().done( fn );
+
+		return this;
+	},
+
+	slice: function() {
+		return this.pushStack( core_slice.apply( this, arguments ) );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	eq: function( i ) {
+		var len = this.length,
+			j = +i + ( i < 0 ? len : 0 );
+		return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map(this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		}));
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor(null);
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: core_push,
+	sort: [].sort,
+	splice: [].splice
+};
+
+// Give the init function the jQuery prototype for later instantiation
+jQuery.fn.init.prototype = jQuery.fn;
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var src, copyIsArray, copy, name, options, clone,
+		target = arguments[0] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+		target = arguments[1] || {};
+		// skip the boolean and the target
+		i = 2;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+		target = {};
+	}
+
+	// extend jQuery itself if only one argument is passed
+	if ( length === i ) {
+		target = this;
+		--i;
+	}
+
+	for ( ; i < length; i++ ) {
+		// Only deal with non-null/undefined values
+		if ( (options = arguments[ i ]) != null ) {
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray(src) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject(src) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend({
+	// Unique for each copy of jQuery on the page
+	// Non-digits removed to match rinlinejQuery
+	expando: "jQuery" + ( core_version + Math.random() ).replace( /\D/g, "" ),
+
+	noConflict: function( deep ) {
+		if ( window.$ === jQuery ) {
+			window.$ = _$;
+		}
+
+		if ( deep && window.jQuery === jQuery ) {
+			window.jQuery = _jQuery;
+		}
+
+		return jQuery;
+	},
+
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Hold (or release) the ready event
+	holdReady: function( hold ) {
+		if ( hold ) {
+			jQuery.readyWait++;
+		} else {
+			jQuery.ready( true );
+		}
+	},
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+
+		// Abort if there are pending holds or we're already ready
+		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+			return;
+		}
+
+		// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+		if ( !document.body ) {
+			return setTimeout( jQuery.ready );
+		}
+
+		// Remember that the DOM is ready
+		jQuery.isReady = true;
+
+		// If a normal DOM Ready event fired, decrement, and wait if need be
+		if ( wait !== true && --jQuery.readyWait > 0 ) {
+			return;
+		}
+
+		// If there are functions bound, to execute
+		readyList.resolveWith( document, [ jQuery ] );
+
+		// Trigger any bound ready events
+		if ( jQuery.fn.trigger ) {
+			jQuery( document ).trigger("ready").off("ready");
+		}
+	},
+
+	// See test/unit/core.js for details concerning isFunction.
+	// Since version 1.3, DOM methods and functions like alert
+	// aren't supported. They return false on IE (#2968).
+	isFunction: function( obj ) {
+		return jQuery.type(obj) === "function";
+	},
+
+	isArray: Array.isArray || function( obj ) {
+		return jQuery.type(obj) === "array";
+	},
+
+	isWindow: function( obj ) {
+		/* jshint eqeqeq: false */
+		return obj != null && obj == obj.window;
+	},
+
+	isNumeric: function( obj ) {
+		return !isNaN( parseFloat(obj) ) && isFinite( obj );
+	},
+
+	type: function( obj ) {
+		if ( obj == null ) {
+			return String( obj );
+		}
+		return typeof obj === "object" || typeof obj === "function" ?
+			class2type[ core_toString.call(obj) ] || "object" :
+			typeof obj;
+	},
+
+	isPlainObject: function( obj ) {
+		var key;
+
+		// Must be an Object.
+		// Because of IE, we also have to check the presence of the constructor property.
+		// Make sure that DOM nodes and window objects don't pass through, as well
+		if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		try {
+			// Not own constructor property must be Object
+			if ( obj.constructor &&
+				!core_hasOwn.call(obj, "constructor") &&
+				!core_hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
+				return false;
+			}
+		} catch ( e ) {
+			// IE8,9 Will throw exceptions on certain host objects #9897
+			return false;
+		}
+
+		// Support: IE<9
+		// Handle iteration over inherited properties before own properties.
+		if ( jQuery.support.ownLast ) {
+			for ( key in obj ) {
+				return core_hasOwn.call( obj, key );
+			}
+		}
+
+		// Own properties are enumerated firstly, so to speed up,
+		// if last one is own, then all properties are own.
+		for ( key in obj ) {}
+
+		return key === undefined || core_hasOwn.call( obj, key );
+	},
+
+	isEmptyObject: function( obj ) {
+		var name;
+		for ( name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	error: function( msg ) {
+		throw new Error( msg );
+	},
+
+	// data: string of html
+	// context (optional): If specified, the fragment will be created in this context, defaults to document
+	// keepScripts (optional): If true, will include scripts passed in the html string
+	parseHTML: function( data, context, keepScripts ) {
+		if ( !data || typeof data !== "string" ) {
+			return null;
+		}
+		if ( typeof context === "boolean" ) {
+			keepScripts = context;
+			context = false;
+		}
+		context = context || document;
+
+		var parsed = rsingleTag.exec( data ),
+			scripts = !keepScripts && [];
+
+		// Single tag
+		if ( parsed ) {
+			return [ context.createElement( parsed[1] ) ];
+		}
+
+		parsed = jQuery.buildFragment( [ data ], context, scripts );
+		if ( scripts ) {
+			jQuery( scripts ).remove();
+		}
+		return jQuery.merge( [], parsed.childNodes );
+	},
+
+	parseJSON: function( data ) {
+		// Attempt to parse using the native JSON parser first
+		if ( window.JSON && window.JSON.parse ) {
+			return window.JSON.parse( data );
+		}
+
+		if ( data === null ) {
+			return data;
+		}
+
+		if ( typeof data === "string" ) {
+
+			// Make sure leading/trailing whitespace is removed (IE can't handle it)
+			data = jQuery.trim( data );
+
+			if ( data ) {
+				// Make sure the incoming data is actual JSON
+				// Logic borrowed from http://json.org/json2.js
+				if ( rvalidchars.test( data.replace( rvalidescape, "@" )
+					.replace( rvalidtokens, "]" )
+					.replace( rvalidbraces, "")) ) {
+
+					return ( new Function( "return " + data ) )();
+				}
+			}
+		}
+
+		jQuery.error( "Invalid JSON: " + data );
+	},
+
+	// Cross-browser xml parsing
+	parseXML: function( data ) {
+		var xml, tmp;
+		if ( !data || typeof data !== "string" ) {
+			return null;
+		}
+		try {
+			if ( window.DOMParser ) { // Standard
+				tmp = new DOMParser();
+				xml = tmp.parseFromString( data , "text/xml" );
+			} else { // IE
+				xml = new ActiveXObject( "Microsoft.XMLDOM" );
+				xml.async = "false";
+				xml.loadXML( data );
+			}
+		} catch( e ) {
+			xml = undefined;
+		}
+		if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
+			jQuery.error( "Invalid XML: " + data );
+		}
+		return xml;
+	},
+
+	noop: function() {},
+
+	// Evaluates a script in a global context
+	// Workarounds based on findings by Jim Driscoll
+	// http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
+	globalEval: function( data ) {
+		if ( data && jQuery.trim( data ) ) {
+			// We use execScript on Internet Explorer
+			// We use an anonymous function so that context is window
+			// rather than jQuery in Firefox
+			( window.execScript || function( data ) {
+				window[ "eval" ].call( window, data );
+			} )( data );
+		}
+	},
+
+	// Convert dashed to camelCase; used by the css and data modules
+	// Microsoft forgot to hump their vendor prefix (#9572)
+	camelCase: function( string ) {
+		return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+	},
+
+	// args is for internal usage only
+	each: function( obj, callback, args ) {
+		var value,
+			i = 0,
+			length = obj.length,
+			isArray = isArraylike( obj );
+
+		if ( args ) {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+
+		// A special, fast, case for the most common use of each
+		} else {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+		}
+
+		return obj;
+	},
+
+	// Use native String.trim function wherever possible
+	trim: core_trim && !core_trim.call("\uFEFF\xA0") ?
+		function( text ) {
+			return text == null ?
+				"" :
+				core_trim.call( text );
+		} :
+
+		// Otherwise use our own trimming functionality
+		function( text ) {
+			return text == null ?
+				"" :
+				( text + "" ).replace( rtrim, "" );
+		},
+
+	// results is for internal usage only
+	makeArray: function( arr, results ) {
+		var ret = results || [];
+
+		if ( arr != null ) {
+			if ( isArraylike( Object(arr) ) ) {
+				jQuery.merge( ret,
+					typeof arr === "string" ?
+					[ arr ] : arr
+				);
+			} else {
+				core_push.call( ret, arr );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, arr, i ) {
+		var len;
+
+		if ( arr ) {
+			if ( core_indexOf ) {
+				return core_indexOf.call( arr, elem, i );
+			}
+
+			len = arr.length;
+			i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
+
+			for ( ; i < len; i++ ) {
+				// Skip accessing in sparse arrays
+				if ( i in arr && arr[ i ] === elem ) {
+					return i;
+				}
+			}
+		}
+
+		return -1;
+	},
+
+	merge: function( first, second ) {
+		var l = second.length,
+			i = first.length,
+			j = 0;
+
+		if ( typeof l === "number" ) {
+			for ( ; j < l; j++ ) {
+				first[ i++ ] = second[ j ];
+			}
+		} else {
+			while ( second[j] !== undefined ) {
+				first[ i++ ] = second[ j++ ];
+			}
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, inv ) {
+		var retVal,
+			ret = [],
+			i = 0,
+			length = elems.length;
+		inv = !!inv;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( ; i < length; i++ ) {
+			retVal = !!callback( elems[ i ], i );
+			if ( inv !== retVal ) {
+				ret.push( elems[ i ] );
+			}
+		}
+
+		return ret;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var value,
+			i = 0,
+			length = elems.length,
+			isArray = isArraylike( elems ),
+			ret = [];
+
+		// Go through the array, translating each of the items to their
+		if ( isArray ) {
+			for ( ; i < length; i++ ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret[ ret.length ] = value;
+				}
+			}
+
+		// Go through every key on the object,
+		} else {
+			for ( i in elems ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret[ ret.length ] = value;
+				}
+			}
+		}
+
+		// Flatten any nested arrays
+		return core_concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	// Bind a function to a context, optionally partially applying any
+	// arguments.
+	proxy: function( fn, context ) {
+		var args, proxy, tmp;
+
+		if ( typeof context === "string" ) {
+			tmp = fn[ context ];
+			context = fn;
+			fn = tmp;
+		}
+
+		// Quick check to determine if target is callable, in the spec
+		// this throws a TypeError, but we will just return undefined.
+		if ( !jQuery.isFunction( fn ) ) {
+			return undefined;
+		}
+
+		// Simulated bind
+		args = core_slice.call( arguments, 2 );
+		proxy = function() {
+			return fn.apply( context || this, args.concat( core_slice.call( arguments ) ) );
+		};
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+		return proxy;
+	},
+
+	// Multifunctional method to get and set values of a collection
+	// The value/s can optionally be executed if it's a function
+	access: function( elems, fn, key, value, chainable, emptyGet, raw ) {
+		var i = 0,
+			length = elems.length,
+			bulk = key == null;
+
+		// Sets many values
+		if ( jQuery.type( key ) === "object" ) {
+			chainable = true;
+			for ( i in key ) {
+				jQuery.access( elems, fn, i, key[i], true, emptyGet, raw );
+			}
+
+		// Sets one value
+		} else if ( value !== undefined ) {
+			chainable = true;
+
+			if ( !jQuery.isFunction( value ) ) {
+				raw = true;
+			}
+
+			if ( bulk ) {
+				// Bulk operations run against the entire set
+				if ( raw ) {
+					fn.call( elems, value );
+					fn = null;
+
+				// ...except when executing function values
+				} else {
+					bulk = fn;
+					fn = function( elem, key, value ) {
+						return bulk.call( jQuery( elem ), value );
+					};
+				}
+			}
+
+			if ( fn ) {
+				for ( ; i < length; i++ ) {
+					fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) );
+				}
+			}
+		}
+
+		return chainable ?
+			elems :
+
+			// Gets
+			bulk ?
+				fn.call( elems ) :
+				length ? fn( elems[0], key ) : emptyGet;
+	},
+
+	now: function() {
+		return ( new Date() ).getTime();
+	},
+
+	// A method for quickly swapping in/out CSS properties to get correct calculations.
+	// Note: this method belongs to the css module but it's needed here for the support module.
+	// If support gets modularized, this method should be moved back to the css module.
+	swap: function( elem, options, callback, args ) {
+		var ret, name,
+			old = {};
+
+		// Remember the old values, and insert the new ones
+		for ( name in options ) {
+			old[ name ] = elem.style[ name ];
+			elem.style[ name ] = options[ name ];
+		}
+
+		ret = callback.apply( elem, args || [] );
+
+		// Revert the old values
+		for ( name in options ) {
+			elem.style[ name ] = old[ name ];
+		}
+
+		return ret;
+	}
+});
+
+jQuery.ready.promise = function( obj ) {
+	if ( !readyList ) {
+
+		readyList = jQuery.Deferred();
+
+		// Catch cases where $(document).ready() is called after the browser event has already occurred.
+		// we once tried to use readyState "interactive" here, but it caused issues like the one
+		// discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
+		if ( document.readyState === "complete" ) {
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			setTimeout( jQuery.ready );
+
+		// Standards-based browsers support DOMContentLoaded
+		} else if ( document.addEventListener ) {
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", completed, false );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", completed, false );
+
+		// If IE event model is used
+		} else {
+			// Ensure firing before onload, maybe late but safe also for iframes
+			document.attachEvent( "onreadystatechange", completed );
+
+			// A fallback to window.onload, that will always work
+			window.attachEvent( "onload", completed );
+
+			// If IE and not a frame
+			// continually check to see if the document is ready
+			var top = false;
+
+			try {
+				top = window.frameElement == null && document.documentElement;
+			} catch(e) {}
+
+			if ( top && top.doScroll ) {
+				(function doScrollCheck() {
+					if ( !jQuery.isReady ) {
+
+						try {
+							// Use the trick by Diego Perini
+							// http://javascript.nwbox.com/IEContentLoaded/
+							top.doScroll("left");
+						} catch(e) {
+							return setTimeout( doScrollCheck, 50 );
+						}
+
+						// detach all dom ready events
+						detach();
+
+						// and execute any waiting functions
+						jQuery.ready();
+					}
+				})();
+			}
+		}
+	}
+	return readyList.promise( obj );
+};
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+function isArraylike( obj ) {
+	var length = obj.length,
+		type = jQuery.type( obj );
+
+	if ( jQuery.isWindow( obj ) ) {
+		return false;
+	}
+
+	if ( obj.nodeType === 1 && length ) {
+		return true;
+	}
+
+	return type === "array" || type !== "function" &&
+		( length === 0 ||
+		typeof length === "number" && length > 0 && ( length - 1 ) in obj );
+}
+
+// All jQuery objects should point back to these
+rootjQuery = jQuery(document);
+/*!
+ * Sizzle CSS Selector Engine v1.10.2
+ * http://sizzlejs.com/
+ *
+ * Copyright 2013 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2013-07-03
+ */
+(function( window, undefined ) {
+
+var i,
+	support,
+	cachedruns,
+	Expr,
+	getText,
+	isXML,
+	compile,
+	outermostContext,
+	sortInput,
+
+	// Local document vars
+	setDocument,
+	document,
+	docElem,
+	documentIsHTML,
+	rbuggyQSA,
+	rbuggyMatches,
+	matches,
+	contains,
+
+	// Instance-specific data
+	expando = "sizzle" + -(new Date()),
+	preferredDoc = window.document,
+	dirruns = 0,
+	done = 0,
+	classCache = createCache(),
+	tokenCache = createCache(),
+	compilerCache = createCache(),
+	hasDuplicate = false,
+	sortOrder = function( a, b ) {
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+		return 0;
+	},
+
+	// General-purpose constants
+	strundefined = typeof undefined,
+	MAX_NEGATIVE = 1 << 31,
+
+	// Instance methods
+	hasOwn = ({}).hasOwnProperty,
+	arr = [],
+	pop = arr.pop,
+	push_native = arr.push,
+	push = arr.push,
+	slice = arr.slice,
+	// Use a stripped-down indexOf if we can't use a native one
+	indexOf = arr.indexOf || function( elem ) {
+		var i = 0,
+			len = this.length;
+		for ( ; i < len; i++ ) {
+			if ( this[i] === elem ) {
+				return i;
+			}
+		}
+		return -1;
+	},
+
+	booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+
+	// Regular expressions
+
+	// Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
+	whitespace = "[\\x20\\t\\r\\n\\f]",
+	// http://www.w3.org/TR/css3-syntax/#characters
+	characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
+
+	// Loosely modeled on CSS identifier characters
+	// An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors
+	// Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+	identifier = characterEncoding.replace( "w", "w#" ),
+
+	// Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors
+	attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace +
+		"*(?:([*^$|!~]?=)" + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]",
+
+	// Prefer arguments quoted,
+	//   then not containing pseudos/brackets,
+	//   then attribute selectors/non-parenthetical expressions,
+	//   then anything else
+	// These preferences are here to reduce the number of selectors
+	//   needing tokenize in the PSEUDO preFilter
+	pseudos = ":(" + characterEncoding + ")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|" + attributes.replace( 3, 8 ) + ")*)|.*)\\)|)",
+
+	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+	rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+
+	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+	rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ),
+
+	rsibling = new RegExp( whitespace + "*[+~]" ),
+	rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*)" + whitespace + "*\\]", "g" ),
+
+	rpseudo = new RegExp( pseudos ),
+	ridentifier = new RegExp( "^" + identifier + "$" ),
+
+	matchExpr = {
+		"ID": new RegExp( "^#(" + characterEncoding + ")" ),
+		"CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ),
+		"TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ),
+		"ATTR": new RegExp( "^" + attributes ),
+		"PSEUDO": new RegExp( "^" + pseudos ),
+		"CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
+			"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
+			"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+		"bool": new RegExp( "^(?:" + booleans + ")$", "i" ),
+		// For use in libraries implementing .is()
+		// We use this for POS matching in `select`
+		"needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+			whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+	},
+
+	rnative = /^[^{]+\{\s*\[native \w/,
+
+	// Easily-parseable/retrievable ID or TAG or CLASS selectors
+	rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+	rinputs = /^(?:input|select|textarea|button)$/i,
+	rheader = /^h\d$/i,
+
+	rescape = /'|\\/g,
+
+	// CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+	runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ),
+	funescape = function( _, escaped, escapedWhitespace ) {
+		var high = "0x" + escaped - 0x10000;
+		// NaN means non-codepoint
+		// Support: Firefox
+		// Workaround erroneous numeric interpretation of +"0x"
+		return high !== high || escapedWhitespace ?
+			escaped :
+			// BMP codepoint
+			high < 0 ?
+				String.fromCharCode( high + 0x10000 ) :
+				// Supplemental Plane codepoint (surrogate pair)
+				String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+	};
+
+// Optimize for push.apply( _, NodeList )
+try {
+	push.apply(
+		(arr = slice.call( preferredDoc.childNodes )),
+		preferredDoc.childNodes
+	);
+	// Support: Android<4.0
+	// Detect silently failing push.apply
+	arr[ preferredDoc.childNodes.length ].nodeType;
+} catch ( e ) {
+	push = { apply: arr.length ?
+
+		// Leverage slice if possible
+		function( target, els ) {
+			push_native.apply( target, slice.call(els) );
+		} :
+
+		// Support: IE<9
+		// Otherwise append directly
+		function( target, els ) {
+			var j = target.length,
+				i = 0;
+			// Can't trust NodeList.length
+			while ( (target[j++] = els[i++]) ) {}
+			target.length = j - 1;
+		}
+	};
+}
+
+function Sizzle( selector, context, results, seed ) {
+	var match, elem, m, nodeType,
+		// QSA vars
+		i, groups, old, nid, newContext, newSelector;
+
+	if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
+		setDocument( context );
+	}
+
+	context = context || document;
+	results = results || [];
+
+	if ( !selector || typeof selector !== "string" ) {
+		return results;
+	}
+
+	if ( (nodeType = context.nodeType) !== 1 && nodeType !== 9 ) {
+		return [];
+	}
+
+	if ( documentIsHTML && !seed ) {
+
+		// Shortcuts
+		if ( (match = rquickExpr.exec( selector )) ) {
+			// Speed-up: Sizzle("#ID")
+			if ( (m = match[1]) ) {
+				if ( nodeType === 9 ) {
+					elem = context.getElementById( m );
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE, Opera, and Webkit return items
+						// by name instead of ID
+						if ( elem.id === m ) {
+							results.push( elem );
+							return results;
+						}
+					} else {
+						return results;
+					}
+				} else {
+					// Context is not a document
+					if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) &&
+						contains( context, elem ) && elem.id === m ) {
+						results.push( elem );
+						return results;
+					}
+				}
+
+			// Speed-up: Sizzle("TAG")
+			} else if ( match[2] ) {
+				push.apply( results, context.getElementsByTagName( selector ) );
+				return results;
+
+			// Speed-up: Sizzle(".CLASS")
+			} else if ( (m = match[3]) && support.getElementsByClassName && context.getElementsByClassName ) {
+				push.apply( results, context.getElementsByClassName( m ) );
+				return results;
+			}
+		}
+
+		// QSA path
+		if ( support.qsa && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
+			nid = old = expando;
+			newContext = context;
+			newSelector = nodeType === 9 && selector;
+
+			// qSA works strangely on Element-rooted queries
+			// We can work around this by specifying an extra ID on the root
+			// and working up from there (Thanks to Andrew Dupont for the technique)
+			// IE 8 doesn't work on object elements
+			if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+				groups = tokenize( selector );
+
+				if ( (old = context.getAttribute("id")) ) {
+					nid = old.replace( rescape, "\\$&" );
+				} else {
+					context.setAttribute( "id", nid );
+				}
+				nid = "[id='" + nid + "'] ";
+
+				i = groups.length;
+				while ( i-- ) {
+					groups[i] = nid + toSelector( groups[i] );
+				}
+				newContext = rsibling.test( selector ) && context.parentNode || context;
+				newSelector = groups.join(",");
+			}
+
+			if ( newSelector ) {
+				try {
+					push.apply( results,
+						newContext.querySelectorAll( newSelector )
+					);
+					return results;
+				} catch(qsaError) {
+				} finally {
+					if ( !old ) {
+						context.removeAttribute("id");
+					}
+				}
+			}
+		}
+	}
+
+	// All others
+	return select( selector.replace( rtrim, "$1" ), context, results, seed );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {Function(string, Object)} Returns the Object data after storing it on itself with
+ *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ *	deleting the oldest entry
+ */
+function createCache() {
+	var keys = [];
+
+	function cache( key, value ) {
+		// Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
+		if ( keys.push( key += " " ) > Expr.cacheLength ) {
+			// Only keep the most recent entries
+			delete cache[ keys.shift() ];
+		}
+		return (cache[ key ] = value);
+	}
+	return cache;
+}
+
+/**
+ * Mark a function for special use by Sizzle
+ * @param {Function} fn The function to mark
+ */
+function markFunction( fn ) {
+	fn[ expando ] = true;
+	return fn;
+}
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created div and expects a boolean result
+ */
+function assert( fn ) {
+	var div = document.createElement("div");
+
+	try {
+		return !!fn( div );
+	} catch (e) {
+		return false;
+	} finally {
+		// Remove from its parent by default
+		if ( div.parentNode ) {
+			div.parentNode.removeChild( div );
+		}
+		// release memory in IE
+		div = null;
+	}
+}
+
+/**
+ * Adds the same handler for all of the specified attrs
+ * @param {String} attrs Pipe-separated list of attributes
+ * @param {Function} handler The method that will be applied
+ */
+function addHandle( attrs, handler ) {
+	var arr = attrs.split("|"),
+		i = attrs.length;
+
+	while ( i-- ) {
+		Expr.attrHandle[ arr[i] ] = handler;
+	}
+}
+
+/**
+ * Checks document order of two siblings
+ * @param {Element} a
+ * @param {Element} b
+ * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b
+ */
+function siblingCheck( a, b ) {
+	var cur = b && a,
+		diff = cur && a.nodeType === 1 && b.nodeType === 1 &&
+			( ~b.sourceIndex || MAX_NEGATIVE ) -
+			( ~a.sourceIndex || MAX_NEGATIVE );
+
+	// Use IE sourceIndex if available on both nodes
+	if ( diff ) {
+		return diff;
+	}
+
+	// Check if b follows a
+	if ( cur ) {
+		while ( (cur = cur.nextSibling) ) {
+			if ( cur === b ) {
+				return -1;
+			}
+		}
+	}
+
+	return a ? 1 : -1;
+}
+
+/**
+ * Returns a function to use in pseudos for input types
+ * @param {String} type
+ */
+function createInputPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return name === "input" && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for buttons
+ * @param {String} type
+ */
+function createButtonPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return (name === "input" || name === "button") && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for positionals
+ * @param {Function} fn
+ */
+function createPositionalPseudo( fn ) {
+	return markFunction(function( argument ) {
+		argument = +argument;
+		return markFunction(function( seed, matches ) {
+			var j,
+				matchIndexes = fn( [], seed.length, argument ),
+				i = matchIndexes.length;
+
+			// Match elements found at the specified indexes
+			while ( i-- ) {
+				if ( seed[ (j = matchIndexes[i]) ] ) {
+					seed[j] = !(matches[j] = seed[j]);
+				}
+			}
+		});
+	});
+}
+
+/**
+ * Detect xml
+ * @param {Element|Object} elem An element or a document
+ */
+isXML = Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833)
+	var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+// Expose support vars for convenience
+support = Sizzle.support = {};
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [doc] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+setDocument = Sizzle.setDocument = function( node ) {
+	var doc = node ? node.ownerDocument || node : preferredDoc,
+		parent = doc.defaultView;
+
+	// If no document and documentElement is available, return
+	if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
+		return document;
+	}
+
+	// Set our document
+	document = doc;
+	docElem = doc.documentElement;
+
+	// Support tests
+	documentIsHTML = !isXML( doc );
+
+	// Support: IE>8
+	// If iframe document is assigned to "document" variable and if iframe has been reloaded,
+	// IE will throw "permission denied" error when accessing "document" variable, see jQuery #13936
+	// IE6-8 do not support the defaultView property so parent will be undefined
+	if ( parent && parent.attachEvent && parent !== parent.top ) {
+		parent.attachEvent( "onbeforeunload", function() {
+			setDocument();
+		});
+	}
+
+	/* Attributes
+	---------------------------------------------------------------------- */
+
+	// Support: IE<8
+	// Verify that getAttribute really returns attributes and not properties (excepting IE8 booleans)
+	support.attributes = assert(function( div ) {
+		div.className = "i";
+		return !div.getAttribute("className");
+	});
+
+	/* getElement(s)By*
+	---------------------------------------------------------------------- */
+
+	// Check if getElementsByTagName("*") returns only elements
+	support.getElementsByTagName = assert(function( div ) {
+		div.appendChild( doc.createComment("") );
+		return !div.getElementsByTagName("*").length;
+	});
+
+	// Check if getElementsByClassName can be trusted
+	support.getElementsByClassName = assert(function( div ) {
+		div.innerHTML = "<div class='a'></div><div class='a i'></div>";
+
+		// Support: Safari<4
+		// Catch class over-caching
+		div.firstChild.className = "i";
+		// Support: Opera<10
+		// Catch gEBCN failure to find non-leading classes
+		return div.getElementsByClassName("i").length === 2;
+	});
+
+	// Support: IE<10
+	// Check if getElementById returns elements by name
+	// The broken getElementById methods don't pick up programatically-set names,
+	// so use a roundabout getElementsByName test
+	support.getById = assert(function( div ) {
+		docElem.appendChild( div ).id = expando;
+		return !doc.getElementsByName || !doc.getElementsByName( expando ).length;
+	});
+
+	// ID find and filter
+	if ( support.getById ) {
+		Expr.find["ID"] = function( id, context ) {
+			if ( typeof context.getElementById !== strundefined && documentIsHTML ) {
+				var m = context.getElementById( id );
+				// Check parentNode to catch when Blackberry 4.6 returns
+				// nodes that are no longer in the document #6963
+				return m && m.parentNode ? [m] : [];
+			}
+		};
+		Expr.filter["ID"] = function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				return elem.getAttribute("id") === attrId;
+			};
+		};
+	} else {
+		// Support: IE6/7
+		// getElementById is not reliable as a find shortcut
+		delete Expr.find["ID"];
+
+		Expr.filter["ID"] =  function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id");
+				return node && node.value === attrId;
+			};
+		};
+	}
+
+	// Tag
+	Expr.find["TAG"] = support.getElementsByTagName ?
+		function( tag, context ) {
+			if ( typeof context.getElementsByTagName !== strundefined ) {
+				return context.getElementsByTagName( tag );
+			}
+		} :
+		function( tag, context ) {
+			var elem,
+				tmp = [],
+				i = 0,
+				results = context.getElementsByTagName( tag );
+
+			// Filter out possible comments
+			if ( tag === "*" ) {
+				while ( (elem = results[i++]) ) {
+					if ( elem.nodeType === 1 ) {
+						tmp.push( elem );
+					}
+				}
+
+				return tmp;
+			}
+			return results;
+		};
+
+	// Class
+	Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) {
+		if ( typeof context.getElementsByClassName !== strundefined && documentIsHTML ) {
+			return context.getElementsByClassName( className );
+		}
+	};
+
+	/* QSA/matchesSelector
+	---------------------------------------------------------------------- */
+
+	// QSA and matchesSelector support
+
+	// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+	rbuggyMatches = [];
+
+	// qSa(:focus) reports false when true (Chrome 21)
+	// We allow this because of a bug in IE8/9 that throws an error
+	// whenever `document.activeElement` is accessed on an iframe
+	// So, we allow :focus to pass through QSA all the time to avoid the IE error
+	// See http://bugs.jquery.com/ticket/13378
+	rbuggyQSA = [];
+
+	if ( (support.qsa = rnative.test( doc.querySelectorAll )) ) {
+		// Build QSA regex
+		// Regex strategy adopted from Diego Perini
+		assert(function( div ) {
+			// Select is set to empty string on purpose
+			// This is to test IE's treatment of not explicitly
+			// setting a boolean content attribute,
+			// since its presence should be enough
+			// http://bugs.jquery.com/ticket/12359
+			div.innerHTML = "<select><option selected=''></option></select>";
+
+			// Support: IE8
+			// Boolean attributes and "value" are not treated correctly
+			if ( !div.querySelectorAll("[selected]").length ) {
+				rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
+			}
+
+			// Webkit/Opera - :checked should return selected option elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":checked").length ) {
+				rbuggyQSA.push(":checked");
+			}
+		});
+
+		assert(function( div ) {
+
+			// Support: Opera 10-12/IE8
+			// ^= $= *= and empty values
+			// Should not select anything
+			// Support: Windows 8 Native Apps
+			// The type attribute is restricted during .innerHTML assignment
+			var input = doc.createElement("input");
+			input.setAttribute( "type", "hidden" );
+			div.appendChild( input ).setAttribute( "t", "" );
+
+			if ( div.querySelectorAll("[t^='']").length ) {
+				rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" );
+			}
+
+			// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":enabled").length ) {
+				rbuggyQSA.push( ":enabled", ":disabled" );
+			}
+
+			// Opera 10-11 does not throw on post-comma invalid pseudos
+			div.querySelectorAll("*,:x");
+			rbuggyQSA.push(",.*:");
+		});
+	}
+
+	if ( (support.matchesSelector = rnative.test( (matches = docElem.webkitMatchesSelector ||
+		docElem.mozMatchesSelector ||
+		docElem.oMatchesSelector ||
+		docElem.msMatchesSelector) )) ) {
+
+		assert(function( div ) {
+			// Check to see if it's possible to do matchesSelector
+			// on a disconnected node (IE 9)
+			support.disconnectedMatch = matches.call( div, "div" );
+
+			// This should fail with an exception
+			// Gecko does not error, returns false instead
+			matches.call( div, "[s!='']:x" );
+			rbuggyMatches.push( "!=", pseudos );
+		});
+	}
+
+	rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") );
+	rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") );
+
+	/* Contains
+	---------------------------------------------------------------------- */
+
+	// Element contains another
+	// Purposefully does not implement inclusive descendent
+	// As in, an element does not contain itself
+	contains = rnative.test( docElem.contains ) || docElem.compareDocumentPosition ?
+		function( a, b ) {
+			var adown = a.nodeType === 9 ? a.documentElement : a,
+				bup = b && b.parentNode;
+			return a === bup || !!( bup && bup.nodeType === 1 && (
+				adown.contains ?
+					adown.contains( bup ) :
+					a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+			));
+		} :
+		function( a, b ) {
+			if ( b ) {
+				while ( (b = b.parentNode) ) {
+					if ( b === a ) {
+						return true;
+					}
+				}
+			}
+			return false;
+		};
+
+	/* Sorting
+	---------------------------------------------------------------------- */
+
+	// Document order sorting
+	sortOrder = docElem.compareDocumentPosition ?
+	function( a, b ) {
+
+		// Flag for duplicate removal
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		var compare = b.compareDocumentPosition && a.compareDocumentPosition && a.compareDocumentPosition( b );
+
+		if ( compare ) {
+			// Disconnected nodes
+			if ( compare & 1 ||
+				(!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) {
+
+				// Choose the first element that is related to our preferred document
+				if ( a === doc || contains(preferredDoc, a) ) {
+					return -1;
+				}
+				if ( b === doc || contains(preferredDoc, b) ) {
+					return 1;
+				}
+
+				// Maintain original order
+				return sortInput ?
+					( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+					0;
+			}
+
+			return compare & 4 ? -1 : 1;
+		}
+
+		// Not directly comparable, sort on existence of method
+		return a.compareDocumentPosition ? -1 : 1;
+	} :
+	function( a, b ) {
+		var cur,
+			i = 0,
+			aup = a.parentNode,
+			bup = b.parentNode,
+			ap = [ a ],
+			bp = [ b ];
+
+		// Exit early if the nodes are identical
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+
+		// Parentless nodes are either documents or disconnected
+		} else if ( !aup || !bup ) {
+			return a === doc ? -1 :
+				b === doc ? 1 :
+				aup ? -1 :
+				bup ? 1 :
+				sortInput ?
+				( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+				0;
+
+		// If the nodes are siblings, we can do a quick check
+		} else if ( aup === bup ) {
+			return siblingCheck( a, b );
+		}
+
+		// Otherwise we need full lists of their ancestors for comparison
+		cur = a;
+		while ( (cur = cur.parentNode) ) {
+			ap.unshift( cur );
+		}
+		cur = b;
+		while ( (cur = cur.parentNode) ) {
+			bp.unshift( cur );
+		}
+
+		// Walk down the tree looking for a discrepancy
+		while ( ap[i] === bp[i] ) {
+			i++;
+		}
+
+		return i ?
+			// Do a sibling check if the nodes have a common ancestor
+			siblingCheck( ap[i], bp[i] ) :
+
+			// Otherwise nodes in our document sort first
+			ap[i] === preferredDoc ? -1 :
+			bp[i] === preferredDoc ? 1 :
+			0;
+	};
+
+	return doc;
+};
+
+Sizzle.matches = function( expr, elements ) {
+	return Sizzle( expr, null, null, elements );
+};
+
+Sizzle.matchesSelector = function( elem, expr ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	// Make sure that attribute selectors are quoted
+	expr = expr.replace( rattributeQuotes, "='$1']" );
+
+	if ( support.matchesSelector && documentIsHTML &&
+		( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
+		( !rbuggyQSA     || !rbuggyQSA.test( expr ) ) ) {
+
+		try {
+			var ret = matches.call( elem, expr );
+
+			// IE 9's matchesSelector returns false on disconnected nodes
+			if ( ret || support.disconnectedMatch ||
+					// As well, disconnected nodes are said to be in a document
+					// fragment in IE 9
+					elem.document && elem.document.nodeType !== 11 ) {
+				return ret;
+			}
+		} catch(e) {}
+	}
+
+	return Sizzle( expr, document, null, [elem] ).length > 0;
+};
+
+Sizzle.contains = function( context, elem ) {
+	// Set document vars if needed
+	if ( ( context.ownerDocument || context ) !== document ) {
+		setDocument( context );
+	}
+	return contains( context, elem );
+};
+
+Sizzle.attr = function( elem, name ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	var fn = Expr.attrHandle[ name.toLowerCase() ],
+		// Don't get fooled by Object.prototype properties (jQuery #13807)
+		val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
+			fn( elem, name, !documentIsHTML ) :
+			undefined;
+
+	return val === undefined ?
+		support.attributes || !documentIsHTML ?
+			elem.getAttribute( name ) :
+			(val = elem.getAttributeNode(name)) && val.specified ?
+				val.value :
+				null :
+		val;
+};
+
+Sizzle.error = function( msg ) {
+	throw new Error( "Syntax error, unrecognized expression: " + msg );
+};
+
+/**
+ * Document sorting and removing duplicates
+ * @param {ArrayLike} results
+ */
+Sizzle.uniqueSort = function( results ) {
+	var elem,
+		duplicates = [],
+		j = 0,
+		i = 0;
+
+	// Unless we *know* we can detect duplicates, assume their presence
+	hasDuplicate = !support.detectDuplicates;
+	sortInput = !support.sortStable && results.slice( 0 );
+	results.sort( sortOrder );
+
+	if ( hasDuplicate ) {
+		while ( (elem = results[i++]) ) {
+			if ( elem === results[ i ] ) {
+				j = duplicates.push( i );
+			}
+		}
+		while ( j-- ) {
+			results.splice( duplicates[ j ], 1 );
+		}
+	}
+
+	return results;
+};
+
+/**
+ * Utility function for retrieving the text value of an array of DOM nodes
+ * @param {Array|Element} elem
+ */
+getText = Sizzle.getText = function( elem ) {
+	var node,
+		ret = "",
+		i = 0,
+		nodeType = elem.nodeType;
+
+	if ( !nodeType ) {
+		// If no nodeType, this is expected to be an array
+		for ( ; (node = elem[i]); i++ ) {
+			// Do not traverse comment nodes
+			ret += getText( node );
+		}
+	} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
+		// Use textContent for elements
+		// innerText usage removed for consistency of new lines (see #11153)
+		if ( typeof elem.textContent === "string" ) {
+			return elem.textContent;
+		} else {
+			// Traverse its children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				ret += getText( elem );
+			}
+		}
+	} else if ( nodeType === 3 || nodeType === 4 ) {
+		return elem.nodeValue;
+	}
+	// Do not include comment or processing instruction nodes
+
+	return ret;
+};
+
+Expr = Sizzle.selectors = {
+
+	// Can be adjusted by the user
+	cacheLength: 50,
+
+	createPseudo: markFunction,
+
+	match: matchExpr,
+
+	attrHandle: {},
+
+	find: {},
+
+	relative: {
+		">": { dir: "parentNode", first: true },
+		" ": { dir: "parentNode" },
+		"+": { dir: "previousSibling", first: true },
+		"~": { dir: "previousSibling" }
+	},
+
+	preFilter: {
+		"ATTR": function( match ) {
+			match[1] = match[1].replace( runescape, funescape );
+
+			// Move the given value to match[3] whether quoted or unquoted
+			match[3] = ( match[4] || match[5] || "" ).replace( runescape, funescape );
+
+			if ( match[2] === "~=" ) {
+				match[3] = " " + match[3] + " ";
+			}
+
+			return match.slice( 0, 4 );
+		},
+
+		"CHILD": function( match ) {
+			/* matches from matchExpr["CHILD"]
+				1 type (only|nth|...)
+				2 what (child|of-type)
+				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+				4 xn-component of xn+y argument ([+-]?\d*n|)
+				5 sign of xn-component
+				6 x of xn-component
+				7 sign of y-component
+				8 y of y-component
+			*/
+			match[1] = match[1].toLowerCase();
+
+			if ( match[1].slice( 0, 3 ) === "nth" ) {
+				// nth-* requires argument
+				if ( !match[3] ) {
+					Sizzle.error( match[0] );
+				}
+
+				// numeric x and y parameters for Expr.filter.CHILD
+				// remember that false/true cast respectively to 0/1
+				match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
+				match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
+
+			// other types prohibit arguments
+			} else if ( match[3] ) {
+				Sizzle.error( match[0] );
+			}
+
+			return match;
+		},
+
+		"PSEUDO": function( match ) {
+			var excess,
+				unquoted = !match[5] && match[2];
+
+			if ( matchExpr["CHILD"].test( match[0] ) ) {
+				return null;
+			}
+
+			// Accept quoted arguments as-is
+			if ( match[3] && match[4] !== undefined ) {
+				match[2] = match[4];
+
+			// Strip excess characters from unquoted arguments
+			} else if ( unquoted && rpseudo.test( unquoted ) &&
+				// Get excess from tokenize (recursively)
+				(excess = tokenize( unquoted, true )) &&
+				// advance to the next closing parenthesis
+				(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
+
+				// excess is a negative index
+				match[0] = match[0].slice( 0, excess );
+				match[2] = unquoted.slice( 0, excess );
+			}
+
+			// Return only captures needed by the pseudo filter method (type and argument)
+			return match.slice( 0, 3 );
+		}
+	},
+
+	filter: {
+
+		"TAG": function( nodeNameSelector ) {
+			var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
+			return nodeNameSelector === "*" ?
+				function() { return true; } :
+				function( elem ) {
+					return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+				};
+		},
+
+		"CLASS": function( className ) {
+			var pattern = classCache[ className + " " ];
+
+			return pattern ||
+				(pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
+				classCache( className, function( elem ) {
+					return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== strundefined && elem.getAttribute("class") || "" );
+				});
+		},
+
+		"ATTR": function( name, operator, check ) {
+			return function( elem ) {
+				var result = Sizzle.attr( elem, name );
+
+				if ( result == null ) {
+					return operator === "!=";
+				}
+				if ( !operator ) {
+					return true;
+				}
+
+				result += "";
+
+				return operator === "=" ? result === check :
+					operator === "!=" ? result !== check :
+					operator === "^=" ? check && result.indexOf( check ) === 0 :
+					operator === "*=" ? check && result.indexOf( check ) > -1 :
+					operator === "$=" ? check && result.slice( -check.length ) === check :
+					operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 :
+					operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
+					false;
+			};
+		},
+
+		"CHILD": function( type, what, argument, first, last ) {
+			var simple = type.slice( 0, 3 ) !== "nth",
+				forward = type.slice( -4 ) !== "last",
+				ofType = what === "of-type";
+
+			return first === 1 && last === 0 ?
+
+				// Shortcut for :nth-*(n)
+				function( elem ) {
+					return !!elem.parentNode;
+				} :
+
+				function( elem, context, xml ) {
+					var cache, outerCache, node, diff, nodeIndex, start,
+						dir = simple !== forward ? "nextSibling" : "previousSibling",
+						parent = elem.parentNode,
+						name = ofType && elem.nodeName.toLowerCase(),
+						useCache = !xml && !ofType;
+
+					if ( parent ) {
+
+						// :(first|last|only)-(child|of-type)
+						if ( simple ) {
+							while ( dir ) {
+								node = elem;
+								while ( (node = node[ dir ]) ) {
+									if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) {
+										return false;
+									}
+								}
+								// Reverse direction for :only-* (if we haven't yet done so)
+								start = dir = type === "only" && !start && "nextSibling";
+							}
+							return true;
+						}
+
+						start = [ forward ? parent.firstChild : parent.lastChild ];
+
+						// non-xml :nth-child(...) stores cache data on `parent`
+						if ( forward && useCache ) {
+							// Seek `elem` from a previously-cached index
+							outerCache = parent[ expando ] || (parent[ expando ] = {});
+							cache = outerCache[ type ] || [];
+							nodeIndex = cache[0] === dirruns && cache[1];
+							diff = cache[0] === dirruns && cache[2];
+							node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+
+								// Fallback to seeking `elem` from the start
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								// When found, cache indexes on `parent` and break
+								if ( node.nodeType === 1 && ++diff && node === elem ) {
+									outerCache[ type ] = [ dirruns, nodeIndex, diff ];
+									break;
+								}
+							}
+
+						// Use previously-cached element index if available
+						} else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) {
+							diff = cache[1];
+
+						// xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...)
+						} else {
+							// Use the same loop as above to seek `elem` from the start
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) {
+									// Cache the index of each encountered element
+									if ( useCache ) {
+										(node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ];
+									}
+
+									if ( node === elem ) {
+										break;
+									}
+								}
+							}
+						}
+
+						// Incorporate the offset, then check against cycle size
+						diff -= last;
+						return diff === first || ( diff % first === 0 && diff / first >= 0 );
+					}
+				};
+		},
+
+		"PSEUDO": function( pseudo, argument ) {
+			// pseudo-class names are case-insensitive
+			// http://www.w3.org/TR/selectors/#pseudo-classes
+			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+			// Remember that setFilters inherits from pseudos
+			var args,
+				fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+					Sizzle.error( "unsupported pseudo: " + pseudo );
+
+			// The user may use createPseudo to indicate that
+			// arguments are needed to create the filter function
+			// just as Sizzle does
+			if ( fn[ expando ] ) {
+				return fn( argument );
+			}
+
+			// But maintain support for old signatures
+			if ( fn.length > 1 ) {
+				args = [ pseudo, pseudo, "", argument ];
+				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+					markFunction(function( seed, matches ) {
+						var idx,
+							matched = fn( seed, argument ),
+							i = matched.length;
+						while ( i-- ) {
+							idx = indexOf.call( seed, matched[i] );
+							seed[ idx ] = !( matches[ idx ] = matched[i] );
+						}
+					}) :
+					function( elem ) {
+						return fn( elem, 0, args );
+					};
+			}
+
+			return fn;
+		}
+	},
+
+	pseudos: {
+		// Potentially complex pseudos
+		"not": markFunction(function( selector ) {
+			// Trim the selector passed to compile
+			// to avoid treating leading and trailing
+			// spaces as combinators
+			var input = [],
+				results = [],
+				matcher = compile( selector.replace( rtrim, "$1" ) );
+
+			return matcher[ expando ] ?
+				markFunction(function( seed, matches, context, xml ) {
+					var elem,
+						unmatched = matcher( seed, null, xml, [] ),
+						i = seed.length;
+
+					// Match elements unmatched by `matcher`
+					while ( i-- ) {
+						if ( (elem = unmatched[i]) ) {
+							seed[i] = !(matches[i] = elem);
+						}
+					}
+				}) :
+				function( elem, context, xml ) {
+					input[0] = elem;
+					matcher( input, null, xml, results );
+					return !results.pop();
+				};
+		}),
+
+		"has": markFunction(function( selector ) {
+			return function( elem ) {
+				return Sizzle( selector, elem ).length > 0;
+			};
+		}),
+
+		"contains": markFunction(function( text ) {
+			return function( elem ) {
+				return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
+			};
+		}),
+
+		// "Whether an element is represented by a :lang() selector
+		// is based solely on the element's language value
+		// being equal to the identifier C,
+		// or beginning with the identifier C immediately followed by "-".
+		// The matching of C against the element's language value is performed case-insensitively.
+		// The identifier C does not have to be a valid language name."
+		// http://www.w3.org/TR/selectors/#lang-pseudo
+		"lang": markFunction( function( lang ) {
+			// lang value must be a valid identifier
+			if ( !ridentifier.test(lang || "") ) {
+				Sizzle.error( "unsupported lang: " + lang );
+			}
+			lang = lang.replace( runescape, funescape ).toLowerCase();
+			return function( elem ) {
+				var elemLang;
+				do {
+					if ( (elemLang = documentIsHTML ?
+						elem.lang :
+						elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) {
+
+						elemLang = elemLang.toLowerCase();
+						return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+					}
+				} while ( (elem = elem.parentNode) && elem.nodeType === 1 );
+				return false;
+			};
+		}),
+
+		// Miscellaneous
+		"target": function( elem ) {
+			var hash = window.location && window.location.hash;
+			return hash && hash.slice( 1 ) === elem.id;
+		},
+
+		"root": function( elem ) {
+			return elem === docElem;
+		},
+
+		"focus": function( elem ) {
+			return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+		},
+
+		// Boolean properties
+		"enabled": function( elem ) {
+			return elem.disabled === false;
+		},
+
+		"disabled": function( elem ) {
+			return elem.disabled === true;
+		},
+
+		"checked": function( elem ) {
+			// In CSS3, :checked should return both checked and selected elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			var nodeName = elem.nodeName.toLowerCase();
+			return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
+		},
+
+		"selected": function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+
+			return elem.selected === true;
+		},
+
+		// Contents
+		"empty": function( elem ) {
+			// http://www.w3.org/TR/selectors/#empty-pseudo
+			// :empty is only affected by element nodes and content nodes(including text(3), cdata(4)),
+			//   not comment, processing instructions, or others
+			// Thanks to Diego Perini for the nodeName shortcut
+			//   Greater than "@" means alpha characters (specifically not starting with "#" or "?")
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				if ( elem.nodeName > "@" || elem.nodeType === 3 || elem.nodeType === 4 ) {
+					return false;
+				}
+			}
+			return true;
+		},
+
+		"parent": function( elem ) {
+			return !Expr.pseudos["empty"]( elem );
+		},
+
+		// Element/input types
+		"header": function( elem ) {
+			return rheader.test( elem.nodeName );
+		},
+
+		"input": function( elem ) {
+			return rinputs.test( elem.nodeName );
+		},
+
+		"button": function( elem ) {
+			var name = elem.nodeName.toLowerCase();
+			return name === "input" && elem.type === "button" || name === "button";
+		},
+
+		"text": function( elem ) {
+			var attr;
+			// IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
+			// use getAttribute instead to test this case
+			return elem.nodeName.toLowerCase() === "input" &&
+				elem.type === "text" &&
+				( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === elem.type );
+		},
+
+		// Position-in-collection
+		"first": createPositionalPseudo(function() {
+			return [ 0 ];
+		}),
+
+		"last": createPositionalPseudo(function( matchIndexes, length ) {
+			return [ length - 1 ];
+		}),
+
+		"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			return [ argument < 0 ? argument + length : argument ];
+		}),
+
+		"even": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 0;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"odd": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 1;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; --i >= 0; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; ++i < length; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		})
+	}
+};
+
+Expr.pseudos["nth"] = Expr.pseudos["eq"];
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+	Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+	Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+// Easy API for creating new setFilters
+function setFilters() {}
+setFilters.prototype = Expr.filters = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+function tokenize( selector, parseOnly ) {
+	var matched, match, tokens, type,
+		soFar, groups, preFilters,
+		cached = tokenCache[ selector + " " ];
+
+	if ( cached ) {
+		return parseOnly ? 0 : cached.slice( 0 );
+	}
+
+	soFar = selector;
+	groups = [];
+	preFilters = Expr.preFilter;
+
+	while ( soFar ) {
+
+		// Comma and first run
+		if ( !matched || (match = rcomma.exec( soFar )) ) {
+			if ( match ) {
+				// Don't consume trailing commas as valid
+				soFar = soFar.slice( match[0].length ) || soFar;
+			}
+			groups.push( tokens = [] );
+		}
+
+		matched = false;
+
+		// Combinators
+		if ( (match = rcombinators.exec( soFar )) ) {
+			matched = match.shift();
+			tokens.push({
+				value: matched,
+				// Cast descendant combinators to space
+				type: match[0].replace( rtrim, " " )
+			});
+			soFar = soFar.slice( matched.length );
+		}
+
+		// Filters
+		for ( type in Expr.filter ) {
+			if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+				(match = preFilters[ type ]( match ))) ) {
+				matched = match.shift();
+				tokens.push({
+					value: matched,
+					type: type,
+					matches: match
+				});
+				soFar = soFar.slice( matched.length );
+			}
+		}
+
+		if ( !matched ) {
+			break;
+		}
+	}
+
+	// Return the length of the invalid excess
+	// if we're just parsing
+	// Otherwise, throw an error or return tokens
+	return parseOnly ?
+		soFar.length :
+		soFar ?
+			Sizzle.error( selector ) :
+			// Cache the tokens
+			tokenCache( selector, groups ).slice( 0 );
+}
+
+function toSelector( tokens ) {
+	var i = 0,
+		len = tokens.length,
+		selector = "";
+	for ( ; i < len; i++ ) {
+		selector += tokens[i].value;
+	}
+	return selector;
+}
+
+function addCombinator( matcher, combinator, base ) {
+	var dir = combinator.dir,
+		checkNonElements = base && dir === "parentNode",
+		doneName = done++;
+
+	return combinator.first ?
+		// Check against closest ancestor/preceding element
+		function( elem, context, xml ) {
+			while ( (elem = elem[ dir ]) ) {
+				if ( elem.nodeType === 1 || checkNonElements ) {
+					return matcher( elem, context, xml );
+				}
+			}
+		} :
+
+		// Check against all ancestor/preceding elements
+		function( elem, context, xml ) {
+			var data, cache, outerCache,
+				dirkey = dirruns + " " + doneName;
+
+			// We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
+			if ( xml ) {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						if ( matcher( elem, context, xml ) ) {
+							return true;
+						}
+					}
+				}
+			} else {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						outerCache = elem[ expando ] || (elem[ expando ] = {});
+						if ( (cache = outerCache[ dir ]) && cache[0] === dirkey ) {
+							if ( (data = cache[1]) === true || data === cachedruns ) {
+								return data === true;
+							}
+						} else {
+							cache = outerCache[ dir ] = [ dirkey ];
+							cache[1] = matcher( elem, context, xml ) || cachedruns;
+							if ( cache[1] === true ) {
+								return true;
+							}
+						}
+					}
+				}
+			}
+		};
+}
+
+function elementMatcher( matchers ) {
+	return matchers.length > 1 ?
+		function( elem, context, xml ) {
+			var i = matchers.length;
+			while ( i-- ) {
+				if ( !matchers[i]( elem, context, xml ) ) {
+					return false;
+				}
+			}
+			return true;
+		} :
+		matchers[0];
+}
+
+function condense( unmatched, map, filter, context, xml ) {
+	var elem,
+		newUnmatched = [],
+		i = 0,
+		len = unmatched.length,
+		mapped = map != null;
+
+	for ( ; i < len; i++ ) {
+		if ( (elem = unmatched[i]) ) {
+			if ( !filter || filter( elem, context, xml ) ) {
+				newUnmatched.push( elem );
+				if ( mapped ) {
+					map.push( i );
+				}
+			}
+		}
+	}
+
+	return newUnmatched;
+}
+
+function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+	if ( postFilter && !postFilter[ expando ] ) {
+		postFilter = setMatcher( postFilter );
+	}
+	if ( postFinder && !postFinder[ expando ] ) {
+		postFinder = setMatcher( postFinder, postSelector );
+	}
+	return markFunction(function( seed, results, context, xml ) {
+		var temp, i, elem,
+			preMap = [],
+			postMap = [],
+			preexisting = results.length,
+
+			// Get initial elements from seed or context
+			elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
+
+			// Prefilter to get matcher input, preserving a map for seed-results synchronization
+			matcherIn = preFilter && ( seed || !selector ) ?
+				condense( elems, preMap, preFilter, context, xml ) :
+				elems,
+
+			matcherOut = matcher ?
+				// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+				postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+					// ...intermediate processing is necessary
+					[] :
+
+					// ...otherwise use results directly
+					results :
+				matcherIn;
+
+		// Find primary matches
+		if ( matcher ) {
+			matcher( matcherIn, matcherOut, context, xml );
+		}
+
+		// Apply postFilter
+		if ( postFilter ) {
+			temp = condense( matcherOut, postMap );
+			postFilter( temp, [], context, xml );
+
+			// Un-match failing elements by moving them back to matcherIn
+			i = temp.length;
+			while ( i-- ) {
+				if ( (elem = temp[i]) ) {
+					matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
+				}
+			}
+		}
+
+		if ( seed ) {
+			if ( postFinder || preFilter ) {
+				if ( postFinder ) {
+					// Get the final matcherOut by condensing this intermediate into postFinder contexts
+					temp = [];
+					i = matcherOut.length;
+					while ( i-- ) {
+						if ( (elem = matcherOut[i]) ) {
+							// Restore matcherIn since elem is not yet a final match
+							temp.push( (matcherIn[i] = elem) );
+						}
+					}
+					postFinder( null, (matcherOut = []), temp, xml );
+				}
+
+				// Move matched elements from seed to results to keep them synchronized
+				i = matcherOut.length;
+				while ( i-- ) {
+					if ( (elem = matcherOut[i]) &&
+						(temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) {
+
+						seed[temp] = !(results[temp] = elem);
+					}
+				}
+			}
+
+		// Add elements to results, through postFinder if defined
+		} else {
+			matcherOut = condense(
+				matcherOut === results ?
+					matcherOut.splice( preexisting, matcherOut.length ) :
+					matcherOut
+			);
+			if ( postFinder ) {
+				postFinder( null, results, matcherOut, xml );
+			} else {
+				push.apply( results, matcherOut );
+			}
+		}
+	});
+}
+
+function matcherFromTokens( tokens ) {
+	var checkContext, matcher, j,
+		len = tokens.length,
+		leadingRelative = Expr.relative[ tokens[0].type ],
+		implicitRelative = leadingRelative || Expr.relative[" "],
+		i = leadingRelative ? 1 : 0,
+
+		// The foundational matcher ensures that elements are reachable from top-level context(s)
+		matchContext = addCombinator( function( elem ) {
+			return elem === checkContext;
+		}, implicitRelative, true ),
+		matchAnyContext = addCombinator( function( elem ) {
+			return indexOf.call( checkContext, elem ) > -1;
+		}, implicitRelative, true ),
+		matchers = [ function( elem, context, xml ) {
+			return ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
+				(checkContext = context).nodeType ?
+					matchContext( elem, context, xml ) :
+					matchAnyContext( elem, context, xml ) );
+		} ];
+
+	for ( ; i < len; i++ ) {
+		if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
+			matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
+		} else {
+			matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
+
+			// Return special upon seeing a positional matcher
+			if ( matcher[ expando ] ) {
+				// Find the next relative operator (if any) for proper handling
+				j = ++i;
+				for ( ; j < len; j++ ) {
+					if ( Expr.relative[ tokens[j].type ] ) {
+						break;
+					}
+				}
+				return setMatcher(
+					i > 1 && elementMatcher( matchers ),
+					i > 1 && toSelector(
+						// If the preceding token was a descendant combinator, insert an implicit any-element `*`
+						tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" })
+					).replace( rtrim, "$1" ),
+					matcher,
+					i < j && matcherFromTokens( tokens.slice( i, j ) ),
+					j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
+					j < len && toSelector( tokens )
+				);
+			}
+			matchers.push( matcher );
+		}
+	}
+
+	return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+	// A counter to specify which element is currently being matched
+	var matcherCachedRuns = 0,
+		bySet = setMatchers.length > 0,
+		byElement = elementMatchers.length > 0,
+		superMatcher = function( seed, context, xml, results, expandContext ) {
+			var elem, j, matcher,
+				setMatched = [],
+				matchedCount = 0,
+				i = "0",
+				unmatched = seed && [],
+				outermost = expandContext != null,
+				contextBackup = outermostContext,
+				// We must always have either seed elements or context
+				elems = seed || byElement && Expr.find["TAG"]( "*", expandContext && context.parentNode || context ),
+				// Use integer dirruns iff this is the outermost matcher
+				dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1);
+
+			if ( outermost ) {
+				outermostContext = context !== document && context;
+				cachedruns = matcherCachedRuns;
+			}
+
+			// Add elements passing elementMatchers directly to results
+			// Keep `i` a string if there are no elements so `matchedCount` will be "00" below
+			for ( ; (elem = elems[i]) != null; i++ ) {
+				if ( byElement && elem ) {
+					j = 0;
+					while ( (matcher = elementMatchers[j++]) ) {
+						if ( matcher( elem, context, xml ) ) {
+							results.push( elem );
+							break;
+						}
+					}
+					if ( outermost ) {
+						dirruns = dirrunsUnique;
+						cachedruns = ++matcherCachedRuns;
+					}
+				}
+
+				// Track unmatched elements for set filters
+				if ( bySet ) {
+					// They will have gone through all possible matchers
+					if ( (elem = !matcher && elem) ) {
+						matchedCount--;
+					}
+
+					// Lengthen the array for every element, matched or not
+					if ( seed ) {
+						unmatched.push( elem );
+					}
+				}
+			}
+
+			// Apply set filters to unmatched elements
+			matchedCount += i;
+			if ( bySet && i !== matchedCount ) {
+				j = 0;
+				while ( (matcher = setMatchers[j++]) ) {
+					matcher( unmatched, setMatched, context, xml );
+				}
+
+				if ( seed ) {
+					// Reintegrate element matches to eliminate the need for sorting
+					if ( matchedCount > 0 ) {
+						while ( i-- ) {
+							if ( !(unmatched[i] || setMatched[i]) ) {
+								setMatched[i] = pop.call( results );
+							}
+						}
+					}
+
+					// Discard index placeholder values to get only actual matches
+					setMatched = condense( setMatched );
+				}
+
+				// Add matches to results
+				push.apply( results, setMatched );
+
+				// Seedless set matches succeeding multiple successful matchers stipulate sorting
+				if ( outermost && !seed && setMatched.length > 0 &&
+					( matchedCount + setMatchers.length ) > 1 ) {
+
+					Sizzle.uniqueSort( results );
+				}
+			}
+
+			// Override manipulation of globals by nested matchers
+			if ( outermost ) {
+				dirruns = dirrunsUnique;
+				outermostContext = contextBackup;
+			}
+
+			return unmatched;
+		};
+
+	return bySet ?
+		markFunction( superMatcher ) :
+		superMatcher;
+}
+
+compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) {
+	var i,
+		setMatchers = [],
+		elementMatchers = [],
+		cached = compilerCache[ selector + " " ];
+
+	if ( !cached ) {
+		// Generate a function of recursive functions that can be used to check each element
+		if ( !group ) {
+			group = tokenize( selector );
+		}
+		i = group.length;
+		while ( i-- ) {
+			cached = matcherFromTokens( group[i] );
+			if ( cached[ expando ] ) {
+				setMatchers.push( cached );
+			} else {
+				elementMatchers.push( cached );
+			}
+		}
+
+		// Cache the compiled function
+		cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+	}
+	return cached;
+};
+
+function multipleContexts( selector, contexts, results ) {
+	var i = 0,
+		len = contexts.length;
+	for ( ; i < len; i++ ) {
+		Sizzle( selector, contexts[i], results );
+	}
+	return results;
+}
+
+function select( selector, context, results, seed ) {
+	var i, tokens, token, type, find,
+		match = tokenize( selector );
+
+	if ( !seed ) {
+		// Try to minimize operations if there is only one group
+		if ( match.length === 1 ) {
+
+			// Take a shortcut and set the context if the root selector is an ID
+			tokens = match[0] = match[0].slice( 0 );
+			if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
+					support.getById && context.nodeType === 9 && documentIsHTML &&
+					Expr.relative[ tokens[1].type ] ) {
+
+				context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0];
+				if ( !context ) {
+					return results;
+				}
+				selector = selector.slice( tokens.shift().value.length );
+			}
+
+			// Fetch a seed set for right-to-left matching
+			i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
+			while ( i-- ) {
+				token = tokens[i];
+
+				// Abort if we hit a combinator
+				if ( Expr.relative[ (type = token.type) ] ) {
+					break;
+				}
+				if ( (find = Expr.find[ type ]) ) {
+					// Search, expanding context for leading sibling combinators
+					if ( (seed = find(
+						token.matches[0].replace( runescape, funescape ),
+						rsibling.test( tokens[0].type ) && context.parentNode || context
+					)) ) {
+
+						// If seed is empty or no tokens remain, we can return early
+						tokens.splice( i, 1 );
+						selector = seed.length && toSelector( tokens );
+						if ( !selector ) {
+							push.apply( results, seed );
+							return results;
+						}
+
+						break;
+					}
+				}
+			}
+		}
+	}
+
+	// Compile and execute a filtering function
+	// Provide `match` to avoid retokenization if we modified the selector above
+	compile( selector, match )(
+		seed,
+		context,
+		!documentIsHTML,
+		results,
+		rsibling.test( selector )
+	);
+	return results;
+}
+
+// One-time assignments
+
+// Sort stability
+support.sortStable = expando.split("").sort( sortOrder ).join("") === expando;
+
+// Support: Chrome<14
+// Always assume duplicates if they aren't passed to the comparison function
+support.detectDuplicates = hasDuplicate;
+
+// Initialize against the default document
+setDocument();
+
+// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
+// Detached nodes confoundingly follow *each other*
+support.sortDetached = assert(function( div1 ) {
+	// Should return 1, but returns 4 (following)
+	return div1.compareDocumentPosition( document.createElement("div") ) & 1;
+});
+
+// Support: IE<8
+// Prevent attribute/property "interpolation"
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !assert(function( div ) {
+	div.innerHTML = "<a href='#'></a>";
+	return div.firstChild.getAttribute("href") === "#" ;
+}) ) {
+	addHandle( "type|href|height|width", function( elem, name, isXML ) {
+		if ( !isXML ) {
+			return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 );
+		}
+	});
+}
+
+// Support: IE<9
+// Use defaultValue in place of getAttribute("value")
+if ( !support.attributes || !assert(function( div ) {
+	div.innerHTML = "<input/>";
+	div.firstChild.setAttribute( "value", "" );
+	return div.firstChild.getAttribute( "value" ) === "";
+}) ) {
+	addHandle( "value", function( elem, name, isXML ) {
+		if ( !isXML && elem.nodeName.toLowerCase() === "input" ) {
+			return elem.defaultValue;
+		}
+	});
+}
+
+// Support: IE<9
+// Use getAttributeNode to fetch booleans when getAttribute lies
+if ( !assert(function( div ) {
+	return div.getAttribute("disabled") == null;
+}) ) {
+	addHandle( booleans, function( elem, name, isXML ) {
+		var val;
+		if ( !isXML ) {
+			return (val = elem.getAttributeNode( name )) && val.specified ?
+				val.value :
+				elem[ name ] === true ? name.toLowerCase() : null;
+		}
+	});
+}
+
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.pseudos;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+})( window );
+// String to Object options format cache
+var optionsCache = {};
+
+// Convert String-formatted options into Object-formatted ones and store in cache
+function createOptions( options ) {
+	var object = optionsCache[ options ] = {};
+	jQuery.each( options.match( core_rnotwhite ) || [], function( _, flag ) {
+		object[ flag ] = true;
+	});
+	return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ *	options: an optional list of space-separated options that will change how
+ *			the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ *	once:			will ensure the callback list can only be fired once (like a Deferred)
+ *
+ *	memory:			will keep track of previous values and will call any callback added
+ *					after the list has been fired right away with the latest "memorized"
+ *					values (like a Deferred)
+ *
+ *	unique:			will ensure a callback can only be added once (no duplicate in the list)
+ *
+ *	stopOnFalse:	interrupt callings when a callback returns false
+ *
+ */
+jQuery.Callbacks = function( options ) {
+
+	// Convert options from String-formatted to Object-formatted if needed
+	// (we check in cache first)
+	options = typeof options === "string" ?
+		( optionsCache[ options ] || createOptions( options ) ) :
+		jQuery.extend( {}, options );
+
+	var // Flag to know if list is currently firing
+		firing,
+		// Last fire value (for non-forgettable lists)
+		memory,
+		// Flag to know if list was already fired
+		fired,
+		// End of the loop when firing
+		firingLength,
+		// Index of currently firing callback (modified by remove if needed)
+		firingIndex,
+		// First callback to fire (used internally by add and fireWith)
+		firingStart,
+		// Actual callback list
+		list = [],
+		// Stack of fire calls for repeatable lists
+		stack = !options.once && [],
+		// Fire callbacks
+		fire = function( data ) {
+			memory = options.memory && data;
+			fired = true;
+			firingIndex = firingStart || 0;
+			firingStart = 0;
+			firingLength = list.length;
+			firing = true;
+			for ( ; list && firingIndex < firingLength; firingIndex++ ) {
+				if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) {
+					memory = false; // To prevent further calls using add
+					break;
+				}
+			}
+			firing = false;
+			if ( list ) {
+				if ( stack ) {
+					if ( stack.length ) {
+						fire( stack.shift() );
+					}
+				} else if ( memory ) {
+					list = [];
+				} else {
+					self.disable();
+				}
+			}
+		},
+		// Actual Callbacks object
+		self = {
+			// Add a callback or a collection of callbacks to the list
+			add: function() {
+				if ( list ) {
+					// First, we save the current length
+					var start = list.length;
+					(function add( args ) {
+						jQuery.each( args, function( _, arg ) {
+							var type = jQuery.type( arg );
+							if ( type === "function" ) {
+								if ( !options.unique || !self.has( arg ) ) {
+									list.push( arg );
+								}
+							} else if ( arg && arg.length && type !== "string" ) {
+								// Inspect recursively
+								add( arg );
+							}
+						});
+					})( arguments );
+					// Do we need to add the callbacks to the
+					// current firing batch?
+					if ( firing ) {
+						firingLength = list.length;
+					// With memory, if we're not firing then
+					// we should call right away
+					} else if ( memory ) {
+						firingStart = start;
+						fire( memory );
+					}
+				}
+				return this;
+			},
+			// Remove a callback from the list
+			remove: function() {
+				if ( list ) {
+					jQuery.each( arguments, function( _, arg ) {
+						var index;
+						while( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+							list.splice( index, 1 );
+							// Handle firing indexes
+							if ( firing ) {
+								if ( index <= firingLength ) {
+									firingLength--;
+								}
+								if ( index <= firingIndex ) {
+									firingIndex--;
+								}
+							}
+						}
+					});
+				}
+				return this;
+			},
+			// Check if a given callback is in the list.
+			// If no argument is given, return whether or not list has callbacks attached.
+			has: function( fn ) {
+				return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length );
+			},
+			// Remove all callbacks from the list
+			empty: function() {
+				list = [];
+				firingLength = 0;
+				return this;
+			},
+			// Have the list do nothing anymore
+			disable: function() {
+				list = stack = memory = undefined;
+				return this;
+			},
+			// Is it disabled?
+			disabled: function() {
+				return !list;
+			},
+			// Lock the list in its current state
+			lock: function() {
+				stack = undefined;
+				if ( !memory ) {
+					self.disable();
+				}
+				return this;
+			},
+			// Is it locked?
+			locked: function() {
+				return !stack;
+			},
+			// Call all callbacks with the given context and arguments
+			fireWith: function( context, args ) {
+				if ( list && ( !fired || stack ) ) {
+					args = args || [];
+					args = [ context, args.slice ? args.slice() : args ];
+					if ( firing ) {
+						stack.push( args );
+					} else {
+						fire( args );
+					}
+				}
+				return this;
+			},
+			// Call all the callbacks with the given arguments
+			fire: function() {
+				self.fireWith( this, arguments );
+				return this;
+			},
+			// To know if the callbacks have already been called at least once
+			fired: function() {
+				return !!fired;
+			}
+		};
+
+	return self;
+};
+jQuery.extend({
+
+	Deferred: function( func ) {
+		var tuples = [
+				// action, add listener, listener list, final state
+				[ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
+				[ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
+				[ "notify", "progress", jQuery.Callbacks("memory") ]
+			],
+			state = "pending",
+			promise = {
+				state: function() {
+					return state;
+				},
+				always: function() {
+					deferred.done( arguments ).fail( arguments );
+					return this;
+				},
+				then: function( /* fnDone, fnFail, fnProgress */ ) {
+					var fns = arguments;
+					return jQuery.Deferred(function( newDefer ) {
+						jQuery.each( tuples, function( i, tuple ) {
+							var action = tuple[ 0 ],
+								fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
+							// deferred[ done | fail | progress ] for forwarding actions to newDefer
+							deferred[ tuple[1] ](function() {
+								var returned = fn && fn.apply( this, arguments );
+								if ( returned && jQuery.isFunction( returned.promise ) ) {
+									returned.promise()
+										.done( newDefer.resolve )
+										.fail( newDefer.reject )
+										.progress( newDefer.notify );
+								} else {
+									newDefer[ action + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments );
+								}
+							});
+						});
+						fns = null;
+					}).promise();
+				},
+				// Get a promise for this deferred
+				// If obj is provided, the promise aspect is added to the object
+				promise: function( obj ) {
+					return obj != null ? jQuery.extend( obj, promise ) : promise;
+				}
+			},
+			deferred = {};
+
+		// Keep pipe for back-compat
+		promise.pipe = promise.then;
+
+		// Add list-specific methods
+		jQuery.each( tuples, function( i, tuple ) {
+			var list = tuple[ 2 ],
+				stateString = tuple[ 3 ];
+
+			// promise[ done | fail | progress ] = list.add
+			promise[ tuple[1] ] = list.add;
+
+			// Handle state
+			if ( stateString ) {
+				list.add(function() {
+					// state = [ resolved | rejected ]
+					state = stateString;
+
+				// [ reject_list | resolve_list ].disable; progress_list.lock
+				}, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
+			}
+
+			// deferred[ resolve | reject | notify ]
+			deferred[ tuple[0] ] = function() {
+				deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments );
+				return this;
+			};
+			deferred[ tuple[0] + "With" ] = list.fireWith;
+		});
+
+		// Make the deferred a promise
+		promise.promise( deferred );
+
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+
+		// All done!
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( subordinate /* , ..., subordinateN */ ) {
+		var i = 0,
+			resolveValues = core_slice.call( arguments ),
+			length = resolveValues.length,
+
+			// the count of uncompleted subordinates
+			remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
+
+			// the master Deferred. If resolveValues consist of only a single Deferred, just use that.
+			deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
+
+			// Update function for both resolve and progress values
+			updateFunc = function( i, contexts, values ) {
+				return function( value ) {
+					contexts[ i ] = this;
+					values[ i ] = arguments.length > 1 ? core_slice.call( arguments ) : value;
+					if( values === progressValues ) {
+						deferred.notifyWith( contexts, values );
+					} else if ( !( --remaining ) ) {
+						deferred.resolveWith( contexts, values );
+					}
+				};
+			},
+
+			progressValues, progressContexts, resolveContexts;
+
+		// add listeners to Deferred subordinates; treat others as resolved
+		if ( length > 1 ) {
+			progressValues = new Array( length );
+			progressContexts = new Array( length );
+			resolveContexts = new Array( length );
+			for ( ; i < length; i++ ) {
+				if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
+					resolveValues[ i ].promise()
+						.done( updateFunc( i, resolveContexts, resolveValues ) )
+						.fail( deferred.reject )
+						.progress( updateFunc( i, progressContexts, progressValues ) );
+				} else {
+					--remaining;
+				}
+			}
+		}
+
+		// if we're not waiting on anything, resolve the master
+		if ( !remaining ) {
+			deferred.resolveWith( resolveContexts, resolveValues );
+		}
+
+		return deferred.promise();
+	}
+});
+jQuery.support = (function( support ) {
+
+	var all, a, input, select, fragment, opt, eventName, isSupported, i,
+		div = document.createElement("div");
+
+	// Setup
+	div.setAttribute( "className", "t" );
+	div.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
+
+	// Finish early in limited (non-browser) environments
+	all = div.getElementsByTagName("*") || [];
+	a = div.getElementsByTagName("a")[ 0 ];
+	if ( !a || !a.style || !all.length ) {
+		return support;
+	}
+
+	// First batch of tests
+	select = document.createElement("select");
+	opt = select.appendChild( document.createElement("option") );
+	input = div.getElementsByTagName("input")[ 0 ];
+
+	a.style.cssText = "top:1px;float:left;opacity:.5";
+
+	// Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
+	support.getSetAttribute = div.className !== "t";
+
+	// IE strips leading whitespace when .innerHTML is used
+	support.leadingWhitespace = div.firstChild.nodeType === 3;
+
+	// Make sure that tbody elements aren't automatically inserted
+	// IE will insert them into empty tables
+	support.tbody = !div.getElementsByTagName("tbody").length;
+
+	// Make sure that link elements get serialized correctly by innerHTML
+	// This requires a wrapper element in IE
+	support.htmlSerialize = !!div.getElementsByTagName("link").length;
+
+	// Get the style information from getAttribute
+	// (IE uses .cssText instead)
+	support.style = /top/.test( a.getAttribute("style") );
+
+	// Make sure that URLs aren't manipulated
+	// (IE normalizes it by default)
+	support.hrefNormalized = a.getAttribute("href") === "/a";
+
+	// Make sure that element opacity exists
+	// (IE uses filter instead)
+	// Use a regex to work around a WebKit issue. See #5145
+	support.opacity = /^0.5/.test( a.style.opacity );
+
+	// Verify style float existence
+	// (IE uses styleFloat instead of cssFloat)
+	support.cssFloat = !!a.style.cssFloat;
+
+	// Check the default checkbox/radio value ("" on WebKit; "on" elsewhere)
+	support.checkOn = !!input.value;
+
+	// Make sure that a selected-by-default option has a working selected property.
+	// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+	support.optSelected = opt.selected;
+
+	// Tests for enctype support on a form (#6743)
+	support.enctype = !!document.createElement("form").enctype;
+
+	// Makes sure cloning an html5 element does not cause problems
+	// Where outerHTML is undefined, this still works
+	support.html5Clone = document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav></:nav>";
+
+	// Will be defined later
+	support.inlineBlockNeedsLayout = false;
+	support.shrinkWrapBlocks = false;
+	support.pixelPosition = false;
+	support.deleteExpando = true;
+	support.noCloneEvent = true;
+	support.reliableMarginRight = true;
+	support.boxSizingReliable = true;
+
+	// Make sure checked status is properly cloned
+	input.checked = true;
+	support.noCloneChecked = input.cloneNode( true ).checked;
+
+	// Make sure that the options inside disabled selects aren't marked as disabled
+	// (WebKit marks them as disabled)
+	select.disabled = true;
+	support.optDisabled = !opt.disabled;
+
+	// Support: IE<9
+	try {
+		delete div.test;
+	} catch( e ) {
+		support.deleteExpando = false;
+	}
+
+	// Check if we can trust getAttribute("value")
+	input = document.createElement("input");
+	input.setAttribute( "value", "" );
+	support.input = input.getAttribute( "value" ) === "";
+
+	// Check if an input maintains its value after becoming a radio
+	input.value = "t";
+	input.setAttribute( "type", "radio" );
+	support.radioValue = input.value === "t";
+
+	// #11217 - WebKit loses check when the name is after the checked attribute
+	input.setAttribute( "checked", "t" );
+	input.setAttribute( "name", "t" );
+
+	fragment = document.createDocumentFragment();
+	fragment.appendChild( input );
+
+	// Check if a disconnected checkbox will retain its checked
+	// value of true after appended to the DOM (IE6/7)
+	support.appendChecked = input.checked;
+
+	// WebKit doesn't clone checked state correctly in fragments
+	support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+	// Support: IE<9
+	// Opera does not clone events (and typeof div.attachEvent === undefined).
+	// IE9-10 clones events bound via attachEvent, but they don't trigger with .click()
+	if ( div.attachEvent ) {
+		div.attachEvent( "onclick", function() {
+			support.noCloneEvent = false;
+		});
+
+		div.cloneNode( true ).click();
+	}
+
+	// Support: IE<9 (lack submit/change bubble), Firefox 17+ (lack focusin event)
+	// Beware of CSP restrictions (https://developer.mozilla.org/en/Security/CSP)
+	for ( i in { submit: true, change: true, focusin: true }) {
+		div.setAttribute( eventName = "on" + i, "t" );
+
+		support[ i + "Bubbles" ] = eventName in window || div.attributes[ eventName ].expando === false;
+	}
+
+	div.style.backgroundClip = "content-box";
+	div.cloneNode( true ).style.backgroundClip = "";
+	support.clearCloneStyle = div.style.backgroundClip === "content-box";
+
+	// Support: IE<9
+	// Iteration over object's inherited properties before its own.
+	for ( i in jQuery( support ) ) {
+		break;
+	}
+	support.ownLast = i !== "0";
+
+	// Run tests that need a body at doc ready
+	jQuery(function() {
+		var container, marginDiv, tds,
+			divReset = "padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",
+			body = document.getElementsByTagName("body")[0];
+
+		if ( !body ) {
+			// Return for frameset docs that don't have a body
+			return;
+		}
+
+		container = document.createElement("div");
+		container.style.cssText = "border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";
+
+		body.appendChild( container ).appendChild( div );
+
+		// Support: IE8
+		// Check if table cells still have offsetWidth/Height when they are set
+		// to display:none and there are still other visible table cells in a
+		// table row; if so, offsetWidth/Height are not reliable for use when
+		// determining if an element has been hidden directly using
+		// display:none (it is still safe to use offsets if a parent element is
+		// hidden; don safety goggles and see bug #4512 for more information).
+		div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>";
+		tds = div.getElementsByTagName("td");
+		tds[ 0 ].style.cssText = "padding:0;margin:0;border:0;display:none";
+		isSupported = ( tds[ 0 ].offsetHeight === 0 );
+
+		tds[ 0 ].style.display = "";
+		tds[ 1 ].style.display = "none";
+
+		// Support: IE8
+		// Check if empty table cells still have offsetWidth/Height
+		support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
+
+		// Check box-sizing and margin behavior.
+		div.innerHTML = "";
+		div.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";
+
+		// Workaround failing boxSizing test due to offsetWidth returning wrong value
+		// with some non-1 values of body zoom, ticket #13543
+		jQuery.swap( body, body.style.zoom != null ? { zoom: 1 } : {}, function() {
+			support.boxSizing = div.offsetWidth === 4;
+		});
+
+		// Use window.getComputedStyle because jsdom on node.js will break without it.
+		if ( window.getComputedStyle ) {
+			support.pixelPosition = ( window.getComputedStyle( div, null ) || {} ).top !== "1%";
+			support.boxSizingReliable = ( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px";
+
+			// Check if div with explicit width and no margin-right incorrectly
+			// gets computed margin-right based on width of container. (#3333)
+			// Fails in WebKit before Feb 2011 nightlies
+			// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+			marginDiv = div.appendChild( document.createElement("div") );
+			marginDiv.style.cssText = div.style.cssText = divReset;
+			marginDiv.style.marginRight = marginDiv.style.width = "0";
+			div.style.width = "1px";
+
+			support.reliableMarginRight =
+				!parseFloat( ( window.getComputedStyle( marginDiv, null ) || {} ).marginRight );
+		}
+
+		if ( typeof div.style.zoom !== core_strundefined ) {
+			// Support: IE<8
+			// Check if natively block-level elements act like inline-block
+			// elements when setting their display to 'inline' and giving
+			// them layout
+			div.innerHTML = "";
+			div.style.cssText = divReset + "width:1px;padding:1px;display:inline;zoom:1";
+			support.inlineBlockNeedsLayout = ( div.offsetWidth === 3 );
+
+			// Support: IE6
+			// Check if elements with layout shrink-wrap their children
+			div.style.display = "block";
+			div.innerHTML = "<div></div>";
+			div.firstChild.style.width = "5px";
+			support.shrinkWrapBlocks = ( div.offsetWidth !== 3 );
+
+			if ( support.inlineBlockNeedsLayout ) {
+				// Prevent IE 6 from affecting layout for positioned elements #11048
+				// Prevent IE from shrinking the body in IE 7 mode #12869
+				// Support: IE<8
+				body.style.zoom = 1;
+			}
+		}
+
+		body.removeChild( container );
+
+		// Null elements to avoid leaks in IE
+		container = div = tds = marginDiv = null;
+	});
+
+	// Null elements to avoid leaks in IE
+	all = select = fragment = opt = a = input = null;
+
+	return support;
+})({});
+
+var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,
+	rmultiDash = /([A-Z])/g;
+
+function internalData( elem, name, data, pvt /* Internal Use Only */ ){
+	if ( !jQuery.acceptData( elem ) ) {
+		return;
+	}
+
+	var ret, thisCache,
+		internalKey = jQuery.expando,
+
+		// We have to handle DOM nodes and JS objects differently because IE6-7
+		// can't GC object references properly across the DOM-JS boundary
+		isNode = elem.nodeType,
+
+		// Only DOM nodes need the global jQuery cache; JS object data is
+		// attached directly to the object so GC can occur automatically
+		cache = isNode ? jQuery.cache : elem,
+
+		// Only defining an ID for JS objects if its cache already exists allows
+		// the code to shortcut on the same path as a DOM node with no cache
+		id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey;
+
+	// Avoid doing any more work than we need to when trying to get data on an
+	// object that has no data at all
+	if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && data === undefined && typeof name === "string" ) {
+		return;
+	}
+
+	if ( !id ) {
+		// Only DOM nodes need a new unique ID for each element since their data
+		// ends up in the global cache
+		if ( isNode ) {
+			id = elem[ internalKey ] = core_deletedIds.pop() || jQuery.guid++;
+		} else {
+			id = internalKey;
+		}
+	}
+
+	if ( !cache[ id ] ) {
+		// Avoid exposing jQuery metadata on plain JS objects when the object
+		// is serialized using JSON.stringify
+		cache[ id ] = isNode ? {} : { toJSON: jQuery.noop };
+	}
+
+	// An object can be passed to jQuery.data instead of a key/value pair; this gets
+	// shallow copied over onto the existing cache
+	if ( typeof name === "object" || typeof name === "function" ) {
+		if ( pvt ) {
+			cache[ id ] = jQuery.extend( cache[ id ], name );
+		} else {
+			cache[ id ].data = jQuery.extend( cache[ id ].data, name );
+		}
+	}
+
+	thisCache = cache[ id ];
+
+	// jQuery data() is stored in a separate object inside the object's internal data
+	// cache in order to avoid key collisions between internal data and user-defined
+	// data.
+	if ( !pvt ) {
+		if ( !thisCache.data ) {
+			thisCache.data = {};
+		}
+
+		thisCache = thisCache.data;
+	}
+
+	if ( data !== undefined ) {
+		thisCache[ jQuery.camelCase( name ) ] = data;
+	}
+
+	// Check for both converted-to-camel and non-converted data property names
+	// If a data property was specified
+	if ( typeof name === "string" ) {
+
+		// First Try to find as-is property data
+		ret = thisCache[ name ];
+
+		// Test for null|undefined property data
+		if ( ret == null ) {
+
+			// Try to find the camelCased property
+			ret = thisCache[ jQuery.camelCase( name ) ];
+		}
+	} else {
+		ret = thisCache;
+	}
+
+	return ret;
+}
+
+function internalRemoveData( elem, name, pvt ) {
+	if ( !jQuery.acceptData( elem ) ) {
+		return;
+	}
+
+	var thisCache, i,
+		isNode = elem.nodeType,
+
+		// See jQuery.data for more information
+		cache = isNode ? jQuery.cache : elem,
+		id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
+
+	// If there is already no cache entry for this object, there is no
+	// purpose in continuing
+	if ( !cache[ id ] ) {
+		return;
+	}
+
+	if ( name ) {
+
+		thisCache = pvt ? cache[ id ] : cache[ id ].data;
+
+		if ( thisCache ) {
+
+			// Support array or space separated string names for data keys
+			if ( !jQuery.isArray( name ) ) {
+
+				// try the string as a key before any manipulation
+				if ( name in thisCache ) {
+					name = [ name ];
+				} else {
+
+					// split the camel cased version by spaces unless a key with the spaces exists
+					name = jQuery.camelCase( name );
+					if ( name in thisCache ) {
+						name = [ name ];
+					} else {
+						name = name.split(" ");
+					}
+				}
+			} else {
+				// If "name" is an array of keys...
+				// When data is initially created, via ("key", "val") signature,
+				// keys will be converted to camelCase.
+				// Since there is no way to tell _how_ a key was added, remove
+				// both plain key and camelCase key. #12786
+				// This will only penalize the array argument path.
+				name = name.concat( jQuery.map( name, jQuery.camelCase ) );
+			}
+
+			i = name.length;
+			while ( i-- ) {
+				delete thisCache[ name[i] ];
+			}
+
+			// If there is no data left in the cache, we want to continue
+			// and let the cache object itself get destroyed
+			if ( pvt ? !isEmptyDataObject(thisCache) : !jQuery.isEmptyObject(thisCache) ) {
+				return;
+			}
+		}
+	}
+
+	// See jQuery.data for more information
+	if ( !pvt ) {
+		delete cache[ id ].data;
+
+		// Don't destroy the parent cache unless the internal data object
+		// had been the only thing left in it
+		if ( !isEmptyDataObject( cache[ id ] ) ) {
+			return;
+		}
+	}
+
+	// Destroy the cache
+	if ( isNode ) {
+		jQuery.cleanData( [ elem ], true );
+
+	// Use delete when supported for expandos or `cache` is not a window per isWindow (#10080)
+	/* jshint eqeqeq: false */
+	} else if ( jQuery.support.deleteExpando || cache != cache.window ) {
+		/* jshint eqeqeq: true */
+		delete cache[ id ];
+
+	// When all else fails, null
+	} else {
+		cache[ id ] = null;
+	}
+}
+
+jQuery.extend({
+	cache: {},
+
+	// The following elements throw uncatchable exceptions if you
+	// attempt to add expando properties to them.
+	noData: {
+		"applet": true,
+		"embed": true,
+		// Ban all objects except for Flash (which handle expandos)
+		"object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+	},
+
+	hasData: function( elem ) {
+		elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
+		return !!elem && !isEmptyDataObject( elem );
+	},
+
+	data: function( elem, name, data ) {
+		return internalData( elem, name, data );
+	},
+
+	removeData: function( elem, name ) {
+		return internalRemoveData( elem, name );
+	},
+
+	// For internal use only.
+	_data: function( elem, name, data ) {
+		return internalData( elem, name, data, true );
+	},
+
+	_removeData: function( elem, name ) {
+		return internalRemoveData( elem, name, true );
+	},
+
+	// A method for determining if a DOM node can handle the data expando
+	acceptData: function( elem ) {
+		// Do not set data on non-element because it will not be cleared (#8335).
+		if ( elem.nodeType && elem.nodeType !== 1 && elem.nodeType !== 9 ) {
+			return false;
+		}
+
+		var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ];
+
+		// nodes accept data unless otherwise specified; rejection can be conditional
+		return !noData || noData !== true && elem.getAttribute("classid") === noData;
+	}
+});
+
+jQuery.fn.extend({
+	data: function( key, value ) {
+		var attrs, name,
+			data = null,
+			i = 0,
+			elem = this[0];
+
+		// Special expections of .data basically thwart jQuery.access,
+		// so implement the relevant behavior ourselves
+
+		// Gets all values
+		if ( key === undefined ) {
+			if ( this.length ) {
+				data = jQuery.data( elem );
+
+				if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) {
+					attrs = elem.attributes;
+					for ( ; i < attrs.length; i++ ) {
+						name = attrs[i].name;
+
+						if ( name.indexOf("data-") === 0 ) {
+							name = jQuery.camelCase( name.slice(5) );
+
+							dataAttr( elem, name, data[ name ] );
+						}
+					}
+					jQuery._data( elem, "parsedAttrs", true );
+				}
+			}
+
+			return data;
+		}
+
+		// Sets multiple values
+		if ( typeof key === "object" ) {
+			return this.each(function() {
+				jQuery.data( this, key );
+			});
+		}
+
+		return arguments.length > 1 ?
+
+			// Sets one value
+			this.each(function() {
+				jQuery.data( this, key, value );
+			}) :
+
+			// Gets one value
+			// Try to fetch any internally stored data first
+			elem ? dataAttr( elem, key, jQuery.data( elem, key ) ) : null;
+	},
+
+	removeData: function( key ) {
+		return this.each(function() {
+			jQuery.removeData( this, key );
+		});
+	}
+});
+
+function dataAttr( elem, key, data ) {
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+
+		var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
+
+		data = elem.getAttribute( name );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+					data === "false" ? false :
+					data === "null" ? null :
+					// Only convert to a number if it doesn't change the string
+					+data + "" === data ? +data :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+						data;
+			} catch( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			jQuery.data( elem, key, data );
+
+		} else {
+			data = undefined;
+		}
+	}
+
+	return data;
+}
+
+// checks a cache object for emptiness
+function isEmptyDataObject( obj ) {
+	var name;
+	for ( name in obj ) {
+
+		// if the public data object is empty, the private is still empty
+		if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
+			continue;
+		}
+		if ( name !== "toJSON" ) {
+			return false;
+		}
+	}
+
+	return true;
+}
+jQuery.extend({
+	queue: function( elem, type, data ) {
+		var queue;
+
+		if ( elem ) {
+			type = ( type || "fx" ) + "queue";
+			queue = jQuery._data( elem, type );
+
+			// Speed up dequeue by getting out quickly if this is just a lookup
+			if ( data ) {
+				if ( !queue || jQuery.isArray(data) ) {
+					queue = jQuery._data( elem, type, jQuery.makeArray(data) );
+				} else {
+					queue.push( data );
+				}
+			}
+			return queue || [];
+		}
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			startLength = queue.length,
+			fn = queue.shift(),
+			hooks = jQuery._queueHooks( elem, type ),
+			next = function() {
+				jQuery.dequeue( elem, type );
+			};
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+			startLength--;
+		}
+
+		if ( fn ) {
+
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift( "inprogress" );
+			}
+
+			// clear up the last queue stop function
+			delete hooks.stop;
+			fn.call( elem, next, hooks );
+		}
+
+		if ( !startLength && hooks ) {
+			hooks.empty.fire();
+		}
+	},
+
+	// not intended for public consumption - generates a queueHooks object, or returns the current one
+	_queueHooks: function( elem, type ) {
+		var key = type + "queueHooks";
+		return jQuery._data( elem, key ) || jQuery._data( elem, key, {
+			empty: jQuery.Callbacks("once memory").add(function() {
+				jQuery._removeData( elem, type + "queue" );
+				jQuery._removeData( elem, key );
+			})
+		});
+	}
+});
+
+jQuery.fn.extend({
+	queue: function( type, data ) {
+		var setter = 2;
+
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+			setter--;
+		}
+
+		if ( arguments.length < setter ) {
+			return jQuery.queue( this[0], type );
+		}
+
+		return data === undefined ?
+			this :
+			this.each(function() {
+				var queue = jQuery.queue( this, type, data );
+
+				// ensure a hooks for this queue
+				jQuery._queueHooks( this, type );
+
+				if ( type === "fx" && queue[0] !== "inprogress" ) {
+					jQuery.dequeue( this, type );
+				}
+			});
+	},
+	dequeue: function( type ) {
+		return this.each(function() {
+			jQuery.dequeue( this, type );
+		});
+	},
+	// Based off of the plugin by Clint Helfers, with permission.
+	// http://blindsignals.com/index.php/2009/07/jquery-delay/
+	delay: function( time, type ) {
+		time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
+		type = type || "fx";
+
+		return this.queue( type, function( next, hooks ) {
+			var timeout = setTimeout( next, time );
+			hooks.stop = function() {
+				clearTimeout( timeout );
+			};
+		});
+	},
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	},
+	// Get a promise resolved when queues of a certain type
+	// are emptied (fx is the type by default)
+	promise: function( type, obj ) {
+		var tmp,
+			count = 1,
+			defer = jQuery.Deferred(),
+			elements = this,
+			i = this.length,
+			resolve = function() {
+				if ( !( --count ) ) {
+					defer.resolveWith( elements, [ elements ] );
+				}
+			};
+
+		if ( typeof type !== "string" ) {
+			obj = type;
+			type = undefined;
+		}
+		type = type || "fx";
+
+		while( i-- ) {
+			tmp = jQuery._data( elements[ i ], type + "queueHooks" );
+			if ( tmp && tmp.empty ) {
+				count++;
+				tmp.empty.add( resolve );
+			}
+		}
+		resolve();
+		return defer.promise( obj );
+	}
+});
+var nodeHook, boolHook,
+	rclass = /[\t\r\n\f]/g,
+	rreturn = /\r/g,
+	rfocusable = /^(?:input|select|textarea|button|object)$/i,
+	rclickable = /^(?:a|area)$/i,
+	ruseDefault = /^(?:checked|selected)$/i,
+	getSetAttribute = jQuery.support.getSetAttribute,
+	getSetInput = jQuery.support.input;
+
+jQuery.fn.extend({
+	attr: function( name, value ) {
+		return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 );
+	},
+
+	removeAttr: function( name ) {
+		return this.each(function() {
+			jQuery.removeAttr( this, name );
+		});
+	},
+
+	prop: function( name, value ) {
+		return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 );
+	},
+
+	removeProp: function( name ) {
+		name = jQuery.propFix[ name ] || name;
+		return this.each(function() {
+			// try/catch handles cases where IE balks (such as removing a property on window)
+			try {
+				this[ name ] = undefined;
+				delete this[ name ];
+			} catch( e ) {}
+		});
+	},
+
+	addClass: function( value ) {
+		var classes, elem, cur, clazz, j,
+			i = 0,
+			len = this.length,
+			proceed = typeof value === "string" && value;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).addClass( value.call( this, j, this.className ) );
+			});
+		}
+
+		if ( proceed ) {
+			// The disjunction here is for better compressibility (see removeClass)
+			classes = ( value || "" ).match( core_rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					" "
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
+							cur += clazz + " ";
+						}
+					}
+					elem.className = jQuery.trim( cur );
+
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		var classes, elem, cur, clazz, j,
+			i = 0,
+			len = this.length,
+			proceed = arguments.length === 0 || typeof value === "string" && value;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).removeClass( value.call( this, j, this.className ) );
+			});
+		}
+		if ( proceed ) {
+			classes = ( value || "" ).match( core_rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				// This expression is here for better compressibility (see addClass)
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					""
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						// Remove *all* instances
+						while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
+							cur = cur.replace( " " + clazz + " ", " " );
+						}
+					}
+					elem.className = value ? jQuery.trim( cur ) : "";
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value;
+
+		if ( typeof stateVal === "boolean" && type === "string" ) {
+			return stateVal ? this.addClass( value ) : this.removeClass( value );
+		}
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
+			});
+		}
+
+		return this.each(function() {
+			if ( type === "string" ) {
+				// toggle individual class names
+				var className,
+					i = 0,
+					self = jQuery( this ),
+					classNames = value.match( core_rnotwhite ) || [];
+
+				while ( (className = classNames[ i++ ]) ) {
+					// check each className given, space separated list
+					if ( self.hasClass( className ) ) {
+						self.removeClass( className );
+					} else {
+						self.addClass( className );
+					}
+				}
+
+			// Toggle whole class name
+			} else if ( type === core_strundefined || type === "boolean" ) {
+				if ( this.className ) {
+					// store className if set
+					jQuery._data( this, "__className__", this.className );
+				}
+
+				// If the element has a class name or if we're passed "false",
+				// then remove the whole classname (if there was one, the above saved it).
+				// Otherwise bring back whatever was previously saved (if anything),
+				// falling back to the empty string if nothing was stored.
+				this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
+			}
+		});
+	},
+
+	hasClass: function( selector ) {
+		var className = " " + selector + " ",
+			i = 0,
+			l = this.length;
+		for ( ; i < l; i++ ) {
+			if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
+				return true;
+			}
+		}
+
+		return false;
+	},
+
+	val: function( value ) {
+		var ret, hooks, isFunction,
+			elem = this[0];
+
+		if ( !arguments.length ) {
+			if ( elem ) {
+				hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];
+
+				if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
+					return ret;
+				}
+
+				ret = elem.value;
+
+				return typeof ret === "string" ?
+					// handle most common string cases
+					ret.replace(rreturn, "") :
+					// handle cases where value is null/undef or number
+					ret == null ? "" : ret;
+			}
+
+			return;
+		}
+
+		isFunction = jQuery.isFunction( value );
+
+		return this.each(function( i ) {
+			var val;
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( isFunction ) {
+				val = value.call( this, i, jQuery( this ).val() );
+			} else {
+				val = value;
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+			} else if ( typeof val === "number" ) {
+				val += "";
+			} else if ( jQuery.isArray( val ) ) {
+				val = jQuery.map(val, function ( value ) {
+					return value == null ? "" : value + "";
+				});
+			}
+
+			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
+
+			// If set returns undefined, fall back to normal setting
+			if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
+				this.value = val;
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	valHooks: {
+		option: {
+			get: function( elem ) {
+				// Use proper attribute retrieval(#6932, #12072)
+				var val = jQuery.find.attr( elem, "value" );
+				return val != null ?
+					val :
+					elem.text;
+			}
+		},
+		select: {
+			get: function( elem ) {
+				var value, option,
+					options = elem.options,
+					index = elem.selectedIndex,
+					one = elem.type === "select-one" || index < 0,
+					values = one ? null : [],
+					max = one ? index + 1 : options.length,
+					i = index < 0 ?
+						max :
+						one ? index : 0;
+
+				// Loop through all the selected options
+				for ( ; i < max; i++ ) {
+					option = options[ i ];
+
+					// oldIE doesn't update selected after form reset (#2551)
+					if ( ( option.selected || i === index ) &&
+							// Don't return options that are disabled or in a disabled optgroup
+							( jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null ) &&
+							( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
+
+						// Get the specific value for the option
+						value = jQuery( option ).val();
+
+						// We don't need an array for one selects
+						if ( one ) {
+							return value;
+						}
+
+						// Multi-Selects return an array
+						values.push( value );
+					}
+				}
+
+				return values;
+			},
+
+			set: function( elem, value ) {
+				var optionSet, option,
+					options = elem.options,
+					values = jQuery.makeArray( value ),
+					i = options.length;
+
+				while ( i-- ) {
+					option = options[ i ];
+					if ( (option.selected = jQuery.inArray( jQuery(option).val(), values ) >= 0) ) {
+						optionSet = true;
+					}
+				}
+
+				// force browsers to behave consistently when non-matching value is set
+				if ( !optionSet ) {
+					elem.selectedIndex = -1;
+				}
+				return values;
+			}
+		}
+	},
+
+	attr: function( elem, name, value ) {
+		var hooks, ret,
+			nType = elem.nodeType;
+
+		// don't get/set attributes on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		// Fallback to prop when attributes are not supported
+		if ( typeof elem.getAttribute === core_strundefined ) {
+			return jQuery.prop( elem, name, value );
+		}
+
+		// All attributes are lowercase
+		// Grab necessary hook if one is defined
+		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+			name = name.toLowerCase();
+			hooks = jQuery.attrHooks[ name ] ||
+				( jQuery.expr.match.bool.test( name ) ? boolHook : nodeHook );
+		}
+
+		if ( value !== undefined ) {
+
+			if ( value === null ) {
+				jQuery.removeAttr( elem, name );
+
+			} else if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
+				return ret;
+
+			} else {
+				elem.setAttribute( name, value + "" );
+				return value;
+			}
+
+		} else if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
+			return ret;
+
+		} else {
+			ret = jQuery.find.attr( elem, name );
+
+			// Non-existent attributes return null, we normalize to undefined
+			return ret == null ?
+				undefined :
+				ret;
+		}
+	},
+
+	removeAttr: function( elem, value ) {
+		var name, propName,
+			i = 0,
+			attrNames = value && value.match( core_rnotwhite );
+
+		if ( attrNames && elem.nodeType === 1 ) {
+			while ( (name = attrNames[i++]) ) {
+				propName = jQuery.propFix[ name ] || name;
+
+				// Boolean attributes get special treatment (#10870)
+				if ( jQuery.expr.match.bool.test( name ) ) {
+					// Set corresponding property to false
+					if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+						elem[ propName ] = false;
+					// Support: IE<9
+					// Also clear defaultChecked/defaultSelected (if appropriate)
+					} else {
+						elem[ jQuery.camelCase( "default-" + name ) ] =
+							elem[ propName ] = false;
+					}
+
+				// See #9699 for explanation of this approach (setting first, then removal)
+				} else {
+					jQuery.attr( elem, name, "" );
+				}
+
+				elem.removeAttribute( getSetAttribute ? name : propName );
+			}
+		}
+	},
+
+	attrHooks: {
+		type: {
+			set: function( elem, value ) {
+				if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
+					// Setting the type on a radio button after the value resets the value in IE6-9
+					// Reset value to default in case type is set after value during creation
+					var val = elem.value;
+					elem.setAttribute( "type", value );
+					if ( val ) {
+						elem.value = val;
+					}
+					return value;
+				}
+			}
+		}
+	},
+
+	propFix: {
+		"for": "htmlFor",
+		"class": "className"
+	},
+
+	prop: function( elem, name, value ) {
+		var ret, hooks, notxml,
+			nType = elem.nodeType;
+
+		// don't get/set properties on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
+
+		if ( notxml ) {
+			// Fix name and attach hooks
+			name = jQuery.propFix[ name ] || name;
+			hooks = jQuery.propHooks[ name ];
+		}
+
+		if ( value !== undefined ) {
+			return hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ?
+				ret :
+				( elem[ name ] = value );
+
+		} else {
+			return hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ?
+				ret :
+				elem[ name ];
+		}
+	},
+
+	propHooks: {
+		tabIndex: {
+			get: function( elem ) {
+				// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+				// Use proper attribute retrieval(#12072)
+				var tabindex = jQuery.find.attr( elem, "tabindex" );
+
+				return tabindex ?
+					parseInt( tabindex, 10 ) :
+					rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
+						0 :
+						-1;
+			}
+		}
+	}
+});
+
+// Hooks for boolean attributes
+boolHook = {
+	set: function( elem, value, name ) {
+		if ( value === false ) {
+			// Remove boolean attributes when set to false
+			jQuery.removeAttr( elem, name );
+		} else if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+			// IE<8 needs the *property* name
+			elem.setAttribute( !getSetAttribute && jQuery.propFix[ name ] || name, name );
+
+		// Use defaultChecked and defaultSelected for oldIE
+		} else {
+			elem[ jQuery.camelCase( "default-" + name ) ] = elem[ name ] = true;
+		}
+
+		return name;
+	}
+};
+jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) {
+	var getter = jQuery.expr.attrHandle[ name ] || jQuery.find.attr;
+
+	jQuery.expr.attrHandle[ name ] = getSetInput && getSetAttribute || !ruseDefault.test( name ) ?
+		function( elem, name, isXML ) {
+			var fn = jQuery.expr.attrHandle[ name ],
+				ret = isXML ?
+					undefined :
+					/* jshint eqeqeq: false */
+					(jQuery.expr.attrHandle[ name ] = undefined) !=
+						getter( elem, name, isXML ) ?
+
+						name.toLowerCase() :
+						null;
+			jQuery.expr.attrHandle[ name ] = fn;
+			return ret;
+		} :
+		function( elem, name, isXML ) {
+			return isXML ?
+				undefined :
+				elem[ jQuery.camelCase( "default-" + name ) ] ?
+					name.toLowerCase() :
+					null;
+		};
+});
+
+// fix oldIE attroperties
+if ( !getSetInput || !getSetAttribute ) {
+	jQuery.attrHooks.value = {
+		set: function( elem, value, name ) {
+			if ( jQuery.nodeName( elem, "input" ) ) {
+				// Does not return so that setAttribute is also used
+				elem.defaultValue = value;
+			} else {
+				// Use nodeHook if defined (#1954); otherwise setAttribute is fine
+				return nodeHook && nodeHook.set( elem, value, name );
+			}
+		}
+	};
+}
+
+// IE6/7 do not support getting/setting some attributes with get/setAttribute
+if ( !getSetAttribute ) {
+
+	// Use this for any attribute in IE6/7
+	// This fixes almost every IE6/7 issue
+	nodeHook = {
+		set: function( elem, value, name ) {
+			// Set the existing or create a new attribute node
+			var ret = elem.getAttributeNode( name );
+			if ( !ret ) {
+				elem.setAttributeNode(
+					(ret = elem.ownerDocument.createAttribute( name ))
+				);
+			}
+
+			ret.value = value += "";
+
+			// Break association with cloned elements by also using setAttribute (#9646)
+			return name === "value" || value === elem.getAttribute( name ) ?
+				value :
+				undefined;
+		}
+	};
+	jQuery.expr.attrHandle.id = jQuery.expr.attrHandle.name = jQuery.expr.attrHandle.coords =
+		// Some attributes are constructed with empty-string values when not defined
+		function( elem, name, isXML ) {
+			var ret;
+			return isXML ?
+				undefined :
+				(ret = elem.getAttributeNode( name )) && ret.value !== "" ?
+					ret.value :
+					null;
+		};
+	jQuery.valHooks.button = {
+		get: function( elem, name ) {
+			var ret = elem.getAttributeNode( name );
+			return ret && ret.specified ?
+				ret.value :
+				undefined;
+		},
+		set: nodeHook.set
+	};
+
+	// Set contenteditable to false on removals(#10429)
+	// Setting to empty string throws an error as an invalid value
+	jQuery.attrHooks.contenteditable = {
+		set: function( elem, value, name ) {
+			nodeHook.set( elem, value === "" ? false : value, name );
+		}
+	};
+
+	// Set width and height to auto instead of 0 on empty string( Bug #8150 )
+	// This is for removals
+	jQuery.each([ "width", "height" ], function( i, name ) {
+		jQuery.attrHooks[ name ] = {
+			set: function( elem, value ) {
+				if ( value === "" ) {
+					elem.setAttribute( name, "auto" );
+					return value;
+				}
+			}
+		};
+	});
+}
+
+
+// Some attributes require a special call on IE
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !jQuery.support.hrefNormalized ) {
+	// href/src property should get the full normalized URL (#10299/#12915)
+	jQuery.each([ "href", "src" ], function( i, name ) {
+		jQuery.propHooks[ name ] = {
+			get: function( elem ) {
+				return elem.getAttribute( name, 4 );
+			}
+		};
+	});
+}
+
+if ( !jQuery.support.style ) {
+	jQuery.attrHooks.style = {
+		get: function( elem ) {
+			// Return undefined in the case of empty string
+			// Note: IE uppercases css property names, but if we were to .toLowerCase()
+			// .cssText, that would destroy case senstitivity in URL's, like in "background"
+			return elem.style.cssText || undefined;
+		},
+		set: function( elem, value ) {
+			return ( elem.style.cssText = value + "" );
+		}
+	};
+}
+
+// Safari mis-reports the default selected property of an option
+// Accessing the parent's selectedIndex property fixes it
+if ( !jQuery.support.optSelected ) {
+	jQuery.propHooks.selected = {
+		get: function( elem ) {
+			var parent = elem.parentNode;
+
+			if ( parent ) {
+				parent.selectedIndex;
+
+				// Make sure that it also works with optgroups, see #5701
+				if ( parent.parentNode ) {
+					parent.parentNode.selectedIndex;
+				}
+			}
+			return null;
+		}
+	};
+}
+
+jQuery.each([
+	"tabIndex",
+	"readOnly",
+	"maxLength",
+	"cellSpacing",
+	"cellPadding",
+	"rowSpan",
+	"colSpan",
+	"useMap",
+	"frameBorder",
+	"contentEditable"
+], function() {
+	jQuery.propFix[ this.toLowerCase() ] = this;
+});
+
+// IE6/7 call enctype encoding
+if ( !jQuery.support.enctype ) {
+	jQuery.propFix.enctype = "encoding";
+}
+
+// Radios and checkboxes getter/setter
+jQuery.each([ "radio", "checkbox" ], function() {
+	jQuery.valHooks[ this ] = {
+		set: function( elem, value ) {
+			if ( jQuery.isArray( value ) ) {
+				return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
+			}
+		}
+	};
+	if ( !jQuery.support.checkOn ) {
+		jQuery.valHooks[ this ].get = function( elem ) {
+			// Support: Webkit
+			// "" is returned instead of "on" if a value isn't specified
+			return elem.getAttribute("value") === null ? "on" : elem.value;
+		};
+	}
+});
+var rformElems = /^(?:input|select|textarea)$/i,
+	rkeyEvent = /^key/,
+	rmouseEvent = /^(?:mouse|contextmenu)|click/,
+	rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
+	rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;
+
+function returnTrue() {
+	return true;
+}
+
+function returnFalse() {
+	return false;
+}
+
+function safeActiveElement() {
+	try {
+		return document.activeElement;
+	} catch ( err ) { }
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+jQuery.event = {
+
+	global: {},
+
+	add: function( elem, types, handler, data, selector ) {
+		var tmp, events, t, handleObjIn,
+			special, eventHandle, handleObj,
+			handlers, type, namespaces, origType,
+			elemData = jQuery._data( elem );
+
+		// Don't attach events to noData or text/comment nodes (but allow plain objects)
+		if ( !elemData ) {
+			return;
+		}
+
+		// Caller can pass in an object of custom data in lieu of the handler
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+			selector = handleObjIn.selector;
+		}
+
+		// Make sure that the handler has a unique ID, used to find/remove it later
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure and main handler, if this is the first
+		if ( !(events = elemData.events) ) {
+			events = elemData.events = {};
+		}
+		if ( !(eventHandle = elemData.handle) ) {
+			eventHandle = elemData.handle = function( e ) {
+				// Discard the second event of a jQuery.event.trigger() and
+				// when an event is called after a page has unloaded
+				return typeof jQuery !== core_strundefined && (!e || jQuery.event.triggered !== e.type) ?
+					jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
+					undefined;
+			};
+			// Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
+			eventHandle.elem = elem;
+		}
+
+		// Handle multiple events separated by a space
+		types = ( types || "" ).match( core_rnotwhite ) || [""];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// There *must* be a type, no attaching namespace-only handlers
+			if ( !type ) {
+				continue;
+			}
+
+			// If event changes its type, use the special event handlers for the changed type
+			special = jQuery.event.special[ type ] || {};
+
+			// If selector defined, determine special event api type, otherwise given type
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+
+			// Update special based on newly reset type
+			special = jQuery.event.special[ type ] || {};
+
+			// handleObj is passed to all event handlers
+			handleObj = jQuery.extend({
+				type: type,
+				origType: origType,
+				data: data,
+				handler: handler,
+				guid: handler.guid,
+				selector: selector,
+				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+				namespace: namespaces.join(".")
+			}, handleObjIn );
+
+			// Init the event handler queue if we're the first
+			if ( !(handlers = events[ type ]) ) {
+				handlers = events[ type ] = [];
+				handlers.delegateCount = 0;
+
+				// Only use addEventListener/attachEvent if the special events handler returns false
+				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+					// Bind the global event handler to the element
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+
+					} else if ( elem.attachEvent ) {
+						elem.attachEvent( "on" + type, eventHandle );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add to the element's handler list, delegates in front
+			if ( selector ) {
+				handlers.splice( handlers.delegateCount++, 0, handleObj );
+			} else {
+				handlers.push( handleObj );
+			}
+
+			// Keep track of which events have ever been used, for event optimization
+			jQuery.event.global[ type ] = true;
+		}
+
+		// Nullify elem to prevent memory leaks in IE
+		elem = null;
+	},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, selector, mappedTypes ) {
+		var j, handleObj, tmp,
+			origCount, t, events,
+			special, handlers, type,
+			namespaces, origType,
+			elemData = jQuery.hasData( elem ) && jQuery._data( elem );
+
+		if ( !elemData || !(events = elemData.events) ) {
+			return;
+		}
+
+		// Once for each type.namespace in types; type may be omitted
+		types = ( types || "" ).match( core_rnotwhite ) || [""];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// Unbind all events (on this namespace, if provided) for the element
+			if ( !type ) {
+				for ( type in events ) {
+					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+				}
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+			handlers = events[ type ] || [];
+			tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" );
+
+			// Remove matching events
+			origCount = j = handlers.length;
+			while ( j-- ) {
+				handleObj = handlers[ j ];
+
+				if ( ( mappedTypes || origType === handleObj.origType ) &&
+					( !handler || handler.guid === handleObj.guid ) &&
+					( !tmp || tmp.test( handleObj.namespace ) ) &&
+					( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
+					handlers.splice( j, 1 );
+
+					if ( handleObj.selector ) {
+						handlers.delegateCount--;
+					}
+					if ( special.remove ) {
+						special.remove.call( elem, handleObj );
+					}
+				}
+			}
+
+			// Remove generic event handler if we removed something and no more handlers exist
+			// (avoids potential for endless recursion during removal of special event handlers)
+			if ( origCount && !handlers.length ) {
+				if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			delete elemData.handle;
+
+			// removeData also checks for emptiness and clears the expando if empty
+			// so use it instead of delete
+			jQuery._removeData( elem, "events" );
+		}
+	},
+
+	trigger: function( event, data, elem, onlyHandlers ) {
+		var handle, ontype, cur,
+			bubbleType, special, tmp, i,
+			eventPath = [ elem || document ],
+			type = core_hasOwn.call( event, "type" ) ? event.type : event,
+			namespaces = core_hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : [];
+
+		cur = tmp = elem = elem || document;
+
+		// Don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// focus/blur morphs to focusin/out; ensure we're not firing them right now
+		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
+			return;
+		}
+
+		if ( type.indexOf(".") >= 0 ) {
+			// Namespaced trigger; create a regexp to match event type in handle()
+			namespaces = type.split(".");
+			type = namespaces.shift();
+			namespaces.sort();
+		}
+		ontype = type.indexOf(":") < 0 && "on" + type;
+
+		// Caller can pass in a jQuery.Event object, Object, or just an event type string
+		event = event[ jQuery.expando ] ?
+			event :
+			new jQuery.Event( type, typeof event === "object" && event );
+
+		// Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
+		event.isTrigger = onlyHandlers ? 2 : 3;
+		event.namespace = namespaces.join(".");
+		event.namespace_re = event.namespace ?
+			new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) :
+			null;
+
+		// Clean up the event in case it is being reused
+		event.result = undefined;
+		if ( !event.target ) {
+			event.target = elem;
+		}
+
+		// Clone any incoming data and prepend the event, creating the handler arg list
+		data = data == null ?
+			[ event ] :
+			jQuery.makeArray( data, [ event ] );
+
+		// Allow special events to draw outside the lines
+		special = jQuery.event.special[ type ] || {};
+		if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
+			return;
+		}
+
+		// Determine event propagation path in advance, per W3C events spec (#9951)
+		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+		if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
+
+			bubbleType = special.delegateType || type;
+			if ( !rfocusMorph.test( bubbleType + type ) ) {
+				cur = cur.parentNode;
+			}
+			for ( ; cur; cur = cur.parentNode ) {
+				eventPath.push( cur );
+				tmp = cur;
+			}
+
+			// Only add window if we got to document (e.g., not plain obj or detached DOM)
+			if ( tmp === (elem.ownerDocument || document) ) {
+				eventPath.push( tmp.defaultView || tmp.parentWindow || window );
+			}
+		}
+
+		// Fire handlers on the event path
+		i = 0;
+		while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) {
+
+			event.type = i > 1 ?
+				bubbleType :
+				special.bindType || type;
+
+			// jQuery handler
+			handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
+			if ( handle ) {
+				handle.apply( cur, data );
+			}
+
+			// Native handler
+			handle = ontype && cur[ ontype ];
+			if ( handle && jQuery.acceptData( cur ) && handle.apply && handle.apply( cur, data ) === false ) {
+				event.preventDefault();
+			}
+		}
+		event.type = type;
+
+		// If nobody prevented the default action, do it now
+		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
+
+			if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) &&
+				jQuery.acceptData( elem ) ) {
+
+				// Call a native DOM method on the target with the same name name as the event.
+				// Can't use an .isFunction() check here because IE6/7 fails that test.
+				// Don't do default actions on window, that's where global variables be (#6170)
+				if ( ontype && elem[ type ] && !jQuery.isWindow( elem ) ) {
+
+					// Don't re-trigger an onFOO event when we call its FOO() method
+					tmp = elem[ ontype ];
+
+					if ( tmp ) {
+						elem[ ontype ] = null;
+					}
+
+					// Prevent re-triggering of the same event, since we already bubbled it above
+					jQuery.event.triggered = type;
+					try {
+						elem[ type ]();
+					} catch ( e ) {
+						// IE<9 dies on focus/blur to hidden element (#1486,#12518)
+						// only reproducible on winXP IE8 native, not IE9 in IE8 mode
+					}
+					jQuery.event.triggered = undefined;
+
+					if ( tmp ) {
+						elem[ ontype ] = tmp;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	dispatch: function( event ) {
+
+		// Make a writable jQuery.Event from the native event object
+		event = jQuery.event.fix( event );
+
+		var i, ret, handleObj, matched, j,
+			handlerQueue = [],
+			args = core_slice.call( arguments ),
+			handlers = ( jQuery._data( this, "events" ) || {} )[ event.type ] || [],
+			special = jQuery.event.special[ event.type ] || {};
+
+		// Use the fix-ed jQuery.Event rather than the (read-only) native event
+		args[0] = event;
+		event.delegateTarget = this;
+
+		// Call the preDispatch hook for the mapped type, and let it bail if desired
+		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+			return;
+		}
+
+		// Determine handlers
+		handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+		// Run delegates first; they may want to stop propagation beneath us
+		i = 0;
+		while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) {
+			event.currentTarget = matched.elem;
+
+			j = 0;
+			while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) {
+
+				// Triggered event must either 1) have no namespace, or
+				// 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
+				if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) {
+
+					event.handleObj = handleObj;
+					event.data = handleObj.data;
+
+					ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
+							.apply( matched.elem, args );
+
+					if ( ret !== undefined ) {
+						if ( (event.result = ret) === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+				}
+			}
+		}
+
+		// Call the postDispatch hook for the mapped type
+		if ( special.postDispatch ) {
+			special.postDispatch.call( this, event );
+		}
+
+		return event.result;
+	},
+
+	handlers: function( event, handlers ) {
+		var sel, handleObj, matches, i,
+			handlerQueue = [],
+			delegateCount = handlers.delegateCount,
+			cur = event.target;
+
+		// Find delegate handlers
+		// Black-hole SVG <use> instance trees (#13180)
+		// Avoid non-left-click bubbling in Firefox (#3861)
+		if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) {
+
+			/* jshint eqeqeq: false */
+			for ( ; cur != this; cur = cur.parentNode || this ) {
+				/* jshint eqeqeq: true */
+
+				// Don't check non-elements (#13208)
+				// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
+				if ( cur.nodeType === 1 && (cur.disabled !== true || event.type !== "click") ) {
+					matches = [];
+					for ( i = 0; i < delegateCount; i++ ) {
+						handleObj = handlers[ i ];
+
+						// Don't conflict with Object.prototype properties (#13203)
+						sel = handleObj.selector + " ";
+
+						if ( matches[ sel ] === undefined ) {
+							matches[ sel ] = handleObj.needsContext ?
+								jQuery( sel, this ).index( cur ) >= 0 :
+								jQuery.find( sel, this, null, [ cur ] ).length;
+						}
+						if ( matches[ sel ] ) {
+							matches.push( handleObj );
+						}
+					}
+					if ( matches.length ) {
+						handlerQueue.push({ elem: cur, handlers: matches });
+					}
+				}
+			}
+		}
+
+		// Add the remaining (directly-bound) handlers
+		if ( delegateCount < handlers.length ) {
+			handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) });
+		}
+
+		return handlerQueue;
+	},
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// Create a writable copy of the event object and normalize some properties
+		var i, prop, copy,
+			type = event.type,
+			originalEvent = event,
+			fixHook = this.fixHooks[ type ];
+
+		if ( !fixHook ) {
+			this.fixHooks[ type ] = fixHook =
+				rmouseEvent.test( type ) ? this.mouseHooks :
+				rkeyEvent.test( type ) ? this.keyHooks :
+				{};
+		}
+		copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
+
+		event = new jQuery.Event( originalEvent );
+
+		i = copy.length;
+		while ( i-- ) {
+			prop = copy[ i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Support: IE<9
+		// Fix target property (#1925)
+		if ( !event.target ) {
+			event.target = originalEvent.srcElement || document;
+		}
+
+		// Support: Chrome 23+, Safari?
+		// Target should not be a text node (#504, #13143)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		// Support: IE<9
+		// For mouse/key events, metaKey==false if it's undefined (#3368, #11328)
+		event.metaKey = !!event.metaKey;
+
+		return fixHook.filter ? fixHook.filter( event, originalEvent ) : event;
+	},
+
+	// Includes some event props shared by KeyEvent and MouseEvent
+	props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
+
+	fixHooks: {},
+
+	keyHooks: {
+		props: "char charCode key keyCode".split(" "),
+		filter: function( event, original ) {
+
+			// Add which for key events
+			if ( event.which == null ) {
+				event.which = original.charCode != null ? original.charCode : original.keyCode;
+			}
+
+			return event;
+		}
+	},
+
+	mouseHooks: {
+		props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
+		filter: function( event, original ) {
+			var body, eventDoc, doc,
+				button = original.button,
+				fromElement = original.fromElement;
+
+			// Calculate pageX/Y if missing and clientX/Y available
+			if ( event.pageX == null && original.clientX != null ) {
+				eventDoc = event.target.ownerDocument || document;
+				doc = eventDoc.documentElement;
+				body = eventDoc.body;
+
+				event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
+				event.pageY = original.clientY + ( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) - ( doc && doc.clientTop  || body && body.clientTop  || 0 );
+			}
+
+			// Add relatedTarget, if necessary
+			if ( !event.relatedTarget && fromElement ) {
+				event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
+			}
+
+			// Add which for click: 1 === left; 2 === middle; 3 === right
+			// Note: button is not normalized, so don't use it
+			if ( !event.which && button !== undefined ) {
+				event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
+			}
+
+			return event;
+		}
+	},
+
+	special: {
+		load: {
+			// Prevent triggered image.load events from bubbling to window.load
+			noBubble: true
+		},
+		focus: {
+			// Fire native event if possible so blur/focus sequence is correct
+			trigger: function() {
+				if ( this !== safeActiveElement() && this.focus ) {
+					try {
+						this.focus();
+						return false;
+					} catch ( e ) {
+						// Support: IE<9
+						// If we error on focus to hidden element (#1486, #12518),
+						// let .trigger() run the handlers
+					}
+				}
+			},
+			delegateType: "focusin"
+		},
+		blur: {
+			trigger: function() {
+				if ( this === safeActiveElement() && this.blur ) {
+					this.blur();
+					return false;
+				}
+			},
+			delegateType: "focusout"
+		},
+		click: {
+			// For checkbox, fire native event so checked state will be right
+			trigger: function() {
+				if ( jQuery.nodeName( this, "input" ) && this.type === "checkbox" && this.click ) {
+					this.click();
+					return false;
+				}
+			},
+
+			// For cross-browser consistency, don't fire native .click() on links
+			_default: function( event ) {
+				return jQuery.nodeName( event.target, "a" );
+			}
+		},
+
+		beforeunload: {
+			postDispatch: function( event ) {
+
+				// Even when returnValue equals to undefined Firefox will still show alert
+				if ( event.result !== undefined ) {
+					event.originalEvent.returnValue = event.result;
+				}
+			}
+		}
+	},
+
+	simulate: function( type, elem, event, bubble ) {
+		// Piggyback on a donor event to simulate a different one.
+		// Fake originalEvent to avoid donor's stopPropagation, but if the
+		// simulated event prevents default then we do the same on the donor.
+		var e = jQuery.extend(
+			new jQuery.Event(),
+			event,
+			{
+				type: type,
+				isSimulated: true,
+				originalEvent: {}
+			}
+		);
+		if ( bubble ) {
+			jQuery.event.trigger( e, null, elem );
+		} else {
+			jQuery.event.dispatch.call( elem, e );
+		}
+		if ( e.isDefaultPrevented() ) {
+			event.preventDefault();
+		}
+	}
+};
+
+jQuery.removeEvent = document.removeEventListener ?
+	function( elem, type, handle ) {
+		if ( elem.removeEventListener ) {
+			elem.removeEventListener( type, handle, false );
+		}
+	} :
+	function( elem, type, handle ) {
+		var name = "on" + type;
+
+		if ( elem.detachEvent ) {
+
+			// #8545, #7054, preventing memory leaks for custom events in IE6-8
+			// detachEvent needed property on element, by name of that event, to properly expose it to GC
+			if ( typeof elem[ name ] === core_strundefined ) {
+				elem[ name ] = null;
+			}
+
+			elem.detachEvent( name, handle );
+		}
+	};
+
+jQuery.Event = function( src, props ) {
+	// Allow instantiation without the 'new' keyword
+	if ( !(this instanceof jQuery.Event) ) {
+		return new jQuery.Event( src, props );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||
+			src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// Put explicitly provided properties onto the event object
+	if ( props ) {
+		jQuery.extend( this, props );
+	}
+
+	// Create a timestamp if incoming event doesn't have one
+	this.timeStamp = src && src.timeStamp || jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse,
+
+	preventDefault: function() {
+		var e = this.originalEvent;
+
+		this.isDefaultPrevented = returnTrue;
+		if ( !e ) {
+			return;
+		}
+
+		// If preventDefault exists, run it on the original event
+		if ( e.preventDefault ) {
+			e.preventDefault();
+
+		// Support: IE
+		// Otherwise set the returnValue property of the original event to false
+		} else {
+			e.returnValue = false;
+		}
+	},
+	stopPropagation: function() {
+		var e = this.originalEvent;
+
+		this.isPropagationStopped = returnTrue;
+		if ( !e ) {
+			return;
+		}
+		// If stopPropagation exists, run it on the original event
+		if ( e.stopPropagation ) {
+			e.stopPropagation();
+		}
+
+		// Support: IE
+		// Set the cancelBubble property of the original event to true
+		e.cancelBubble = true;
+	},
+	stopImmediatePropagation: function() {
+		this.isImmediatePropagationStopped = returnTrue;
+		this.stopPropagation();
+	}
+};
+
+// Create mouseenter/leave events using mouseover/out and event-time checks
+jQuery.each({
+	mouseenter: "mouseover",
+	mouseleave: "mouseout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		delegateType: fix,
+		bindType: fix,
+
+		handle: function( event ) {
+			var ret,
+				target = this,
+				related = event.relatedTarget,
+				handleObj = event.handleObj;
+
+			// For mousenter/leave call the handler if related is outside the target.
+			// NB: No relatedTarget if the mouse left/entered the browser window
+			if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
+				event.type = handleObj.origType;
+				ret = handleObj.handler.apply( this, arguments );
+				event.type = fix;
+			}
+			return ret;
+		}
+	};
+});
+
+// IE submit delegation
+if ( !jQuery.support.submitBubbles ) {
+
+	jQuery.event.special.submit = {
+		setup: function() {
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Lazy-add a submit handler when a descendant form may potentially be submitted
+			jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
+				// Node name check avoids a VML-related crash in IE (#9807)
+				var elem = e.target,
+					form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
+				if ( form && !jQuery._data( form, "submitBubbles" ) ) {
+					jQuery.event.add( form, "submit._submit", function( event ) {
+						event._submit_bubble = true;
+					});
+					jQuery._data( form, "submitBubbles", true );
+				}
+			});
+			// return undefined since we don't need an event listener
+		},
+
+		postDispatch: function( event ) {
+			// If form was submitted by the user, bubble the event up the tree
+			if ( event._submit_bubble ) {
+				delete event._submit_bubble;
+				if ( this.parentNode && !event.isTrigger ) {
+					jQuery.event.simulate( "submit", this.parentNode, event, true );
+				}
+			}
+		},
+
+		teardown: function() {
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Remove delegated handlers; cleanData eventually reaps submit handlers attached above
+			jQuery.event.remove( this, "._submit" );
+		}
+	};
+}
+
+// IE change delegation and checkbox/radio fix
+if ( !jQuery.support.changeBubbles ) {
+
+	jQuery.event.special.change = {
+
+		setup: function() {
+
+			if ( rformElems.test( this.nodeName ) ) {
+				// IE doesn't fire change on a check/radio until blur; trigger it on click
+				// after a propertychange. Eat the blur-change in special.change.handle.
+				// This still fires onchange a second time for check/radio after blur.
+				if ( this.type === "checkbox" || this.type === "radio" ) {
+					jQuery.event.add( this, "propertychange._change", function( event ) {
+						if ( event.originalEvent.propertyName === "checked" ) {
+							this._just_changed = true;
+						}
+					});
+					jQuery.event.add( this, "click._change", function( event ) {
+						if ( this._just_changed && !event.isTrigger ) {
+							this._just_changed = false;
+						}
+						// Allow triggered, simulated change events (#11500)
+						jQuery.event.simulate( "change", this, event, true );
+					});
+				}
+				return false;
+			}
+			// Delegated event; lazy-add a change handler on descendant inputs
+			jQuery.event.add( this, "beforeactivate._change", function( e ) {
+				var elem = e.target;
+
+				if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "changeBubbles" ) ) {
+					jQuery.event.add( elem, "change._change", function( event ) {
+						if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
+							jQuery.event.simulate( "change", this.parentNode, event, true );
+						}
+					});
+					jQuery._data( elem, "changeBubbles", true );
+				}
+			});
+		},
+
+		handle: function( event ) {
+			var elem = event.target;
+
+			// Swallow native change events from checkbox/radio, we already triggered them above
+			if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
+				return event.handleObj.handler.apply( this, arguments );
+			}
+		},
+
+		teardown: function() {
+			jQuery.event.remove( this, "._change" );
+
+			return !rformElems.test( this.nodeName );
+		}
+	};
+}
+
+// Create "bubbling" focus and blur events
+if ( !jQuery.support.focusinBubbles ) {
+	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+
+		// Attach a single capturing handler while someone wants focusin/focusout
+		var attaches = 0,
+			handler = function( event ) {
+				jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
+			};
+
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				if ( attaches++ === 0 ) {
+					document.addEventListener( orig, handler, true );
+				}
+			},
+			teardown: function() {
+				if ( --attaches === 0 ) {
+					document.removeEventListener( orig, handler, true );
+				}
+			}
+		};
+	});
+}
+
+jQuery.fn.extend({
+
+	on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
+		var type, origFn;
+
+		// Types can be a map of types/handlers
+		if ( typeof types === "object" ) {
+			// ( types-Object, selector, data )
+			if ( typeof selector !== "string" ) {
+				// ( types-Object, data )
+				data = data || selector;
+				selector = undefined;
+			}
+			for ( type in types ) {
+				this.on( type, selector, data, types[ type ], one );
+			}
+			return this;
+		}
+
+		if ( data == null && fn == null ) {
+			// ( types, fn )
+			fn = selector;
+			data = selector = undefined;
+		} else if ( fn == null ) {
+			if ( typeof selector === "string" ) {
+				// ( types, selector, fn )
+				fn = data;
+				data = undefined;
+			} else {
+				// ( types, data, fn )
+				fn = data;
+				data = selector;
+				selector = undefined;
+			}
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		} else if ( !fn ) {
+			return this;
+		}
+
+		if ( one === 1 ) {
+			origFn = fn;
+			fn = function( event ) {
+				// Can use an empty set, since event contains the info
+				jQuery().off( event );
+				return origFn.apply( this, arguments );
+			};
+			// Use same guid so caller can remove using origFn
+			fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+		}
+		return this.each( function() {
+			jQuery.event.add( this, types, fn, data, selector );
+		});
+	},
+	one: function( types, selector, data, fn ) {
+		return this.on( types, selector, data, fn, 1 );
+	},
+	off: function( types, selector, fn ) {
+		var handleObj, type;
+		if ( types && types.preventDefault && types.handleObj ) {
+			// ( event )  dispatched jQuery.Event
+			handleObj = types.handleObj;
+			jQuery( types.delegateTarget ).off(
+				handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType,
+				handleObj.selector,
+				handleObj.handler
+			);
+			return this;
+		}
+		if ( typeof types === "object" ) {
+			// ( types-object [, selector] )
+			for ( type in types ) {
+				this.off( type, selector, types[ type ] );
+			}
+			return this;
+		}
+		if ( selector === false || typeof selector === "function" ) {
+			// ( types [, fn] )
+			fn = selector;
+			selector = undefined;
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		}
+		return this.each(function() {
+			jQuery.event.remove( this, types, fn, selector );
+		});
+	},
+
+	trigger: function( type, data ) {
+		return this.each(function() {
+			jQuery.event.trigger( type, data, this );
+		});
+	},
+	triggerHandler: function( type, data ) {
+		var elem = this[0];
+		if ( elem ) {
+			return jQuery.event.trigger( type, data, elem, true );
+		}
+	}
+});
+var isSimple = /^.[^:#\[\.,]*$/,
+	rparentsprev = /^(?:parents|prev(?:Until|All))/,
+	rneedsContext = jQuery.expr.match.needsContext,
+	// methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.fn.extend({
+	find: function( selector ) {
+		var i,
+			ret = [],
+			self = this,
+			len = self.length;
+
+		if ( typeof selector !== "string" ) {
+			return this.pushStack( jQuery( selector ).filter(function() {
+				for ( i = 0; i < len; i++ ) {
+					if ( jQuery.contains( self[ i ], this ) ) {
+						return true;
+					}
+				}
+			}) );
+		}
+
+		for ( i = 0; i < len; i++ ) {
+			jQuery.find( selector, self[ i ], ret );
+		}
+
+		// Needed because $( selector, context ) becomes $( context ).find( selector )
+		ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret );
+		ret.selector = this.selector ? this.selector + " " + selector : selector;
+		return ret;
+	},
+
+	has: function( target ) {
+		var i,
+			targets = jQuery( target, this ),
+			len = targets.length;
+
+		return this.filter(function() {
+			for ( i = 0; i < len; i++ ) {
+				if ( jQuery.contains( this, targets[i] ) ) {
+					return true;
+				}
+			}
+		});
+	},
+
+	not: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], true) );
+	},
+
+	filter: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], false) );
+	},
+
+	is: function( selector ) {
+		return !!winnow(
+			this,
+
+			// If this is a positional/relative selector, check membership in the returned set
+			// so $("p:first").is("p:last") won't return true for a doc with two "p".
+			typeof selector === "string" && rneedsContext.test( selector ) ?
+				jQuery( selector ) :
+				selector || [],
+			false
+		).length;
+	},
+
+	closest: function( selectors, context ) {
+		var cur,
+			i = 0,
+			l = this.length,
+			ret = [],
+			pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
+				jQuery( selectors, context || this.context ) :
+				0;
+
+		for ( ; i < l; i++ ) {
+			for ( cur = this[i]; cur && cur !== context; cur = cur.parentNode ) {
+				// Always skip document fragments
+				if ( cur.nodeType < 11 && (pos ?
+					pos.index(cur) > -1 :
+
+					// Don't pass non-elements to Sizzle
+					cur.nodeType === 1 &&
+						jQuery.find.matchesSelector(cur, selectors)) ) {
+
+					cur = ret.push( cur );
+					break;
+				}
+			}
+		}
+
+		return this.pushStack( ret.length > 1 ? jQuery.unique( ret ) : ret );
+	},
+
+	// Determine the position of an element within
+	// the matched set of elements
+	index: function( elem ) {
+
+		// No argument, return index in parent
+		if ( !elem ) {
+			return ( this[0] && this[0].parentNode ) ? this.first().prevAll().length : -1;
+		}
+
+		// index in selector
+		if ( typeof elem === "string" ) {
+			return jQuery.inArray( this[0], jQuery( elem ) );
+		}
+
+		// Locate the position of the desired element
+		return jQuery.inArray(
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[0] : elem, this );
+	},
+
+	add: function( selector, context ) {
+		var set = typeof selector === "string" ?
+				jQuery( selector, context ) :
+				jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
+			all = jQuery.merge( this.get(), set );
+
+		return this.pushStack( jQuery.unique(all) );
+	},
+
+	addBack: function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter(selector)
+		);
+	}
+});
+
+function sibling( cur, dir ) {
+	do {
+		cur = cur[ dir ];
+	} while ( cur && cur.nodeType !== 1 );
+
+	return cur;
+}
+
+jQuery.each({
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return jQuery.dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return sibling( elem, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return sibling( elem, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return jQuery.dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return jQuery.dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem );
+	},
+	children: function( elem ) {
+		return jQuery.sibling( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return jQuery.nodeName( elem, "iframe" ) ?
+			elem.contentDocument || elem.contentWindow.document :
+			jQuery.merge( [], elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var ret = jQuery.map( this, fn, until );
+
+		if ( name.slice( -5 ) !== "Until" ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			ret = jQuery.filter( selector, ret );
+		}
+
+		if ( this.length > 1 ) {
+			// Remove duplicates
+			if ( !guaranteedUnique[ name ] ) {
+				ret = jQuery.unique( ret );
+			}
+
+			// Reverse order for parents* and prev-derivatives
+			if ( rparentsprev.test( name ) ) {
+				ret = ret.reverse();
+			}
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+jQuery.extend({
+	filter: function( expr, elems, not ) {
+		var elem = elems[ 0 ];
+
+		if ( not ) {
+			expr = ":not(" + expr + ")";
+		}
+
+		return elems.length === 1 && elem.nodeType === 1 ?
+			jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] :
+			jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
+				return elem.nodeType === 1;
+			}));
+	},
+
+	dir: function( elem, dir, until ) {
+		var matched = [],
+			cur = elem[ dir ];
+
+		while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
+			if ( cur.nodeType === 1 ) {
+				matched.push( cur );
+			}
+			cur = cur[dir];
+		}
+		return matched;
+	},
+
+	sibling: function( n, elem ) {
+		var r = [];
+
+		for ( ; n; n = n.nextSibling ) {
+			if ( n.nodeType === 1 && n !== elem ) {
+				r.push( n );
+			}
+		}
+
+		return r;
+	}
+});
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, not ) {
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep( elements, function( elem, i ) {
+			/* jshint -W018 */
+			return !!qualifier.call( elem, i, elem ) !== not;
+		});
+
+	}
+
+	if ( qualifier.nodeType ) {
+		return jQuery.grep( elements, function( elem ) {
+			return ( elem === qualifier ) !== not;
+		});
+
+	}
+
+	if ( typeof qualifier === "string" ) {
+		if ( isSimple.test( qualifier ) ) {
+			return jQuery.filter( qualifier, elements, not );
+		}
+
+		qualifier = jQuery.filter( qualifier, elements );
+	}
+
+	return jQuery.grep( elements, function( elem ) {
+		return ( jQuery.inArray( elem, qualifier ) >= 0 ) !== not;
+	});
+}
+function createSafeFragment( document ) {
+	var list = nodeNames.split( "|" ),
+		safeFrag = document.createDocumentFragment();
+
+	if ( safeFrag.createElement ) {
+		while ( list.length ) {
+			safeFrag.createElement(
+				list.pop()
+			);
+		}
+	}
+	return safeFrag;
+}
+
+var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" +
+		"header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
+	rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g,
+	rnoshimcache = new RegExp("<(?:" + nodeNames + ")[\\s/>]", "i"),
+	rleadingWhitespace = /^\s+/,
+	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,
+	rtagName = /<([\w:]+)/,
+	rtbody = /<tbody/i,
+	rhtml = /<|&#?\w+;/,
+	rnoInnerhtml = /<(?:script|style|link)/i,
+	manipulation_rcheckableType = /^(?:checkbox|radio)$/i,
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	rscriptType = /^$|\/(?:java|ecma)script/i,
+	rscriptTypeMasked = /^true\/(.*)/,
+	rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,
+
+	// We have to close these tags to support XHTML (#13200)
+	wrapMap = {
+		option: [ 1, "<select multiple='multiple'>", "</select>" ],
+		legend: [ 1, "<fieldset>", "</fieldset>" ],
+		area: [ 1, "<map>", "</map>" ],
+		param: [ 1, "<object>", "</object>" ],
+		thead: [ 1, "<table>", "</table>" ],
+		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+		col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
+		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+
+		// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags,
+		// unless wrapped in a div with non-breaking characters in front of it.
+		_default: jQuery.support.htmlSerialize ? [ 0, "", "" ] : [ 1, "X<div>", "</div>"  ]
+	},
+	safeFragment = createSafeFragment( document ),
+	fragmentDiv = safeFragment.appendChild( document.createElement("div") );
+
+wrapMap.optgroup = wrapMap.option;
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+jQuery.fn.extend({
+	text: function( value ) {
+		return jQuery.access( this, function( value ) {
+			return value === undefined ?
+				jQuery.text( this ) :
+				this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
+		}, null, value, arguments.length );
+	},
+
+	append: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.appendChild( elem );
+			}
+		});
+	},
+
+	prepend: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.insertBefore( elem, target.firstChild );
+			}
+		});
+	},
+
+	before: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this );
+			}
+		});
+	},
+
+	after: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			}
+		});
+	},
+
+	// keepData is for internal use only--do not document
+	remove: function( selector, keepData ) {
+		var elem,
+			elems = selector ? jQuery.filter( selector, this ) : this,
+			i = 0;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+
+			if ( !keepData && elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem ) );
+			}
+
+			if ( elem.parentNode ) {
+				if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
+					setGlobalEval( getAll( elem, "script" ) );
+				}
+				elem.parentNode.removeChild( elem );
+			}
+		}
+
+		return this;
+	},
+
+	empty: function() {
+		var elem,
+			i = 0;
+
+		for ( ; (elem = this[i]) != null; i++ ) {
+			// Remove element nodes and prevent memory leaks
+			if ( elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem, false ) );
+			}
+
+			// Remove any remaining nodes
+			while ( elem.firstChild ) {
+				elem.removeChild( elem.firstChild );
+			}
+
+			// If this is a select, ensure that it displays empty (#12336)
+			// Support: IE<9
+			if ( elem.options && jQuery.nodeName( elem, "select" ) ) {
+				elem.options.length = 0;
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map( function () {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		});
+	},
+
+	html: function( value ) {
+		return jQuery.access( this, function( value ) {
+			var elem = this[0] || {},
+				i = 0,
+				l = this.length;
+
+			if ( value === undefined ) {
+				return elem.nodeType === 1 ?
+					elem.innerHTML.replace( rinlinejQuery, "" ) :
+					undefined;
+			}
+
+			// See if we can take a shortcut and just use innerHTML
+			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
+				( jQuery.support.htmlSerialize || !rnoshimcache.test( value )  ) &&
+				( jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value ) ) &&
+				!wrapMap[ ( rtagName.exec( value ) || ["", ""] )[1].toLowerCase() ] ) {
+
+				value = value.replace( rxhtmlTag, "<$1></$2>" );
+
+				try {
+					for (; i < l; i++ ) {
+						// Remove element nodes and prevent memory leaks
+						elem = this[i] || {};
+						if ( elem.nodeType === 1 ) {
+							jQuery.cleanData( getAll( elem, false ) );
+							elem.innerHTML = value;
+						}
+					}
+
+					elem = 0;
+
+				// If using innerHTML throws an exception, use the fallback method
+				} catch(e) {}
+			}
+
+			if ( elem ) {
+				this.empty().append( value );
+			}
+		}, null, value, arguments.length );
+	},
+
+	replaceWith: function() {
+		var
+			// Snapshot the DOM in case .domManip sweeps something relevant into its fragment
+			args = jQuery.map( this, function( elem ) {
+				return [ elem.nextSibling, elem.parentNode ];
+			}),
+			i = 0;
+
+		// Make the changes, replacing each context element with the new content
+		this.domManip( arguments, function( elem ) {
+			var next = args[ i++ ],
+				parent = args[ i++ ];
+
+			if ( parent ) {
+				// Don't use the snapshot next if it has moved (#13810)
+				if ( next && next.parentNode !== parent ) {
+					next = this.nextSibling;
+				}
+				jQuery( this ).remove();
+				parent.insertBefore( elem, next );
+			}
+		// Allow new content to include elements from the context set
+		}, true );
+
+		// Force removal if there was no new content (e.g., from empty arguments)
+		return i ? this : this.remove();
+	},
+
+	detach: function( selector ) {
+		return this.remove( selector, true );
+	},
+
+	domManip: function( args, callback, allowIntersection ) {
+
+		// Flatten any nested arrays
+		args = core_concat.apply( [], args );
+
+		var first, node, hasScripts,
+			scripts, doc, fragment,
+			i = 0,
+			l = this.length,
+			set = this,
+			iNoClone = l - 1,
+			value = args[0],
+			isFunction = jQuery.isFunction( value );
+
+		// We can't cloneNode fragments that contain checked, in WebKit
+		if ( isFunction || !( l <= 1 || typeof value !== "string" || jQuery.support.checkClone || !rchecked.test( value ) ) ) {
+			return this.each(function( index ) {
+				var self = set.eq( index );
+				if ( isFunction ) {
+					args[0] = value.call( this, index, self.html() );
+				}
+				self.domManip( args, callback, allowIntersection );
+			});
+		}
+
+		if ( l ) {
+			fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, !allowIntersection && this );
+			first = fragment.firstChild;
+
+			if ( fragment.childNodes.length === 1 ) {
+				fragment = first;
+			}
+
+			if ( first ) {
+				scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
+				hasScripts = scripts.length;
+
+				// Use the original fragment for the last item instead of the first because it can end up
+				// being emptied incorrectly in certain situations (#8070).
+				for ( ; i < l; i++ ) {
+					node = fragment;
+
+					if ( i !== iNoClone ) {
+						node = jQuery.clone( node, true, true );
+
+						// Keep references to cloned scripts for later restoration
+						if ( hasScripts ) {
+							jQuery.merge( scripts, getAll( node, "script" ) );
+						}
+					}
+
+					callback.call( this[i], node, i );
+				}
+
+				if ( hasScripts ) {
+					doc = scripts[ scripts.length - 1 ].ownerDocument;
+
+					// Reenable scripts
+					jQuery.map( scripts, restoreScript );
+
+					// Evaluate executable scripts on first document insertion
+					for ( i = 0; i < hasScripts; i++ ) {
+						node = scripts[ i ];
+						if ( rscriptType.test( node.type || "" ) &&
+							!jQuery._data( node, "globalEval" ) && jQuery.contains( doc, node ) ) {
+
+							if ( node.src ) {
+								// Hope ajax is available...
+								jQuery._evalUrl( node.src );
+							} else {
+								jQuery.globalEval( ( node.text || node.textContent || node.innerHTML || "" ).replace( rcleanScript, "" ) );
+							}
+						}
+					}
+				}
+
+				// Fix #11809: Avoid leaking memory
+				fragment = first = null;
+			}
+		}
+
+		return this;
+	}
+});
+
+// Support: IE<8
+// Manipulating tables requires a tbody
+function manipulationTarget( elem, content ) {
+	return jQuery.nodeName( elem, "table" ) &&
+		jQuery.nodeName( content.nodeType === 1 ? content : content.firstChild, "tr" ) ?
+
+		elem.getElementsByTagName("tbody")[0] ||
+			elem.appendChild( elem.ownerDocument.createElement("tbody") ) :
+		elem;
+}
+
+// Replace/restore the type attribute of script elements for safe DOM manipulation
+function disableScript( elem ) {
+	elem.type = (jQuery.find.attr( elem, "type" ) !== null) + "/" + elem.type;
+	return elem;
+}
+function restoreScript( elem ) {
+	var match = rscriptTypeMasked.exec( elem.type );
+	if ( match ) {
+		elem.type = match[1];
+	} else {
+		elem.removeAttribute("type");
+	}
+	return elem;
+}
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+	var elem,
+		i = 0;
+	for ( ; (elem = elems[i]) != null; i++ ) {
+		jQuery._data( elem, "globalEval", !refElements || jQuery._data( refElements[i], "globalEval" ) );
+	}
+}
+
+function cloneCopyEvent( src, dest ) {
+
+	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
+		return;
+	}
+
+	var type, i, l,
+		oldData = jQuery._data( src ),
+		curData = jQuery._data( dest, oldData ),
+		events = oldData.events;
+
+	if ( events ) {
+		delete curData.handle;
+		curData.events = {};
+
+		for ( type in events ) {
+			for ( i = 0, l = events[ type ].length; i < l; i++ ) {
+				jQuery.event.add( dest, type, events[ type ][ i ] );
+			}
+		}
+	}
+
+	// make the cloned public data object a copy from the original
+	if ( curData.data ) {
+		curData.data = jQuery.extend( {}, curData.data );
+	}
+}
+
+function fixCloneNodeIssues( src, dest ) {
+	var nodeName, e, data;
+
+	// We do not need to do anything for non-Elements
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	nodeName = dest.nodeName.toLowerCase();
+
+	// IE6-8 copies events bound via attachEvent when using cloneNode.
+	if ( !jQuery.support.noCloneEvent && dest[ jQuery.expando ] ) {
+		data = jQuery._data( dest );
+
+		for ( e in data.events ) {
+			jQuery.removeEvent( dest, e, data.handle );
+		}
+
+		// Event data gets referenced instead of copied if the expando gets copied too
+		dest.removeAttribute( jQuery.expando );
+	}
+
+	// IE blanks contents when cloning scripts, and tries to evaluate newly-set text
+	if ( nodeName === "script" && dest.text !== src.text ) {
+		disableScript( dest ).text = src.text;
+		restoreScript( dest );
+
+	// IE6-10 improperly clones children of object elements using classid.
+	// IE10 throws NoModificationAllowedError if parent is null, #12132.
+	} else if ( nodeName === "object" ) {
+		if ( dest.parentNode ) {
+			dest.outerHTML = src.outerHTML;
+		}
+
+		// This path appears unavoidable for IE9. When cloning an object
+		// element in IE9, the outerHTML strategy above is not sufficient.
+		// If the src has innerHTML and the destination does not,
+		// copy the src.innerHTML into the dest.innerHTML. #10324
+		if ( jQuery.support.html5Clone && ( src.innerHTML && !jQuery.trim(dest.innerHTML) ) ) {
+			dest.innerHTML = src.innerHTML;
+		}
+
+	} else if ( nodeName === "input" && manipulation_rcheckableType.test( src.type ) ) {
+		// IE6-8 fails to persist the checked state of a cloned checkbox
+		// or radio button. Worse, IE6-7 fail to give the cloned element
+		// a checked appearance if the defaultChecked value isn't also set
+
+		dest.defaultChecked = dest.checked = src.checked;
+
+		// IE6-7 get confused and end up setting the value of a cloned
+		// checkbox/radio button to an empty string instead of "on"
+		if ( dest.value !== src.value ) {
+			dest.value = src.value;
+		}
+
+	// IE6-8 fails to return the selected option to the default selected
+	// state when cloning options
+	} else if ( nodeName === "option" ) {
+		dest.defaultSelected = dest.selected = src.defaultSelected;
+
+	// IE6-8 fails to set the defaultValue to the correct value when
+	// cloning other types of input fields
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+}
+
+jQuery.each({
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var elems,
+			i = 0,
+			ret = [],
+			insert = jQuery( selector ),
+			last = insert.length - 1;
+
+		for ( ; i <= last; i++ ) {
+			elems = i === last ? this : this.clone(true);
+			jQuery( insert[i] )[ original ]( elems );
+
+			// Modern browsers can apply jQuery collections as arrays, but oldIE needs a .get()
+			core_push.apply( ret, elems.get() );
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+function getAll( context, tag ) {
+	var elems, elem,
+		i = 0,
+		found = typeof context.getElementsByTagName !== core_strundefined ? context.getElementsByTagName( tag || "*" ) :
+			typeof context.querySelectorAll !== core_strundefined ? context.querySelectorAll( tag || "*" ) :
+			undefined;
+
+	if ( !found ) {
+		for ( found = [], elems = context.childNodes || context; (elem = elems[i]) != null; i++ ) {
+			if ( !tag || jQuery.nodeName( elem, tag ) ) {
+				found.push( elem );
+			} else {
+				jQuery.merge( found, getAll( elem, tag ) );
+			}
+		}
+	}
+
+	return tag === undefined || tag && jQuery.nodeName( context, tag ) ?
+		jQuery.merge( [ context ], found ) :
+		found;
+}
+
+// Used in buildFragment, fixes the defaultChecked property
+function fixDefaultChecked( elem ) {
+	if ( manipulation_rcheckableType.test( elem.type ) ) {
+		elem.defaultChecked = elem.checked;
+	}
+}
+
+jQuery.extend({
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var destElements, node, clone, i, srcElements,
+			inPage = jQuery.contains( elem.ownerDocument, elem );
+
+		if ( jQuery.support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test( "<" + elem.nodeName + ">" ) ) {
+			clone = elem.cloneNode( true );
+
+		// IE<=8 does not properly clone detached, unknown element nodes
+		} else {
+			fragmentDiv.innerHTML = elem.outerHTML;
+			fragmentDiv.removeChild( clone = fragmentDiv.firstChild );
+		}
+
+		if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
+				(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
+
+			// We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
+			destElements = getAll( clone );
+			srcElements = getAll( elem );
+
+			// Fix all IE cloning issues
+			for ( i = 0; (node = srcElements[i]) != null; ++i ) {
+				// Ensure that the destination node is not null; Fixes #9587
+				if ( destElements[i] ) {
+					fixCloneNodeIssues( node, destElements[i] );
+				}
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			if ( deepDataAndEvents ) {
+				srcElements = srcElements || getAll( elem );
+				destElements = destElements || getAll( clone );
+
+				for ( i = 0; (node = srcElements[i]) != null; i++ ) {
+					cloneCopyEvent( node, destElements[i] );
+				}
+			} else {
+				cloneCopyEvent( elem, clone );
+			}
+		}
+
+		// Preserve script evaluation history
+		destElements = getAll( clone, "script" );
+		if ( destElements.length > 0 ) {
+			setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
+		}
+
+		destElements = srcElements = node = null;
+
+		// Return the cloned set
+		return clone;
+	},
+
+	buildFragment: function( elems, context, scripts, selection ) {
+		var j, elem, contains,
+			tmp, tag, tbody, wrap,
+			l = elems.length,
+
+			// Ensure a safe fragment
+			safe = createSafeFragment( context ),
+
+			nodes = [],
+			i = 0;
+
+		for ( ; i < l; i++ ) {
+			elem = elems[ i ];
+
+			if ( elem || elem === 0 ) {
+
+				// Add nodes directly
+				if ( jQuery.type( elem ) === "object" ) {
+					jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+				// Convert non-html into a text node
+				} else if ( !rhtml.test( elem ) ) {
+					nodes.push( context.createTextNode( elem ) );
+
+				// Convert html into DOM nodes
+				} else {
+					tmp = tmp || safe.appendChild( context.createElement("div") );
+
+					// Deserialize a standard representation
+					tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase();
+					wrap = wrapMap[ tag ] || wrapMap._default;
+
+					tmp.innerHTML = wrap[1] + elem.replace( rxhtmlTag, "<$1></$2>" ) + wrap[2];
+
+					// Descend through wrappers to the right content
+					j = wrap[0];
+					while ( j-- ) {
+						tmp = tmp.lastChild;
+					}
+
+					// Manually add leading whitespace removed by IE
+					if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
+						nodes.push( context.createTextNode( rleadingWhitespace.exec( elem )[0] ) );
+					}
+
+					// Remove IE's autoinserted <tbody> from table fragments
+					if ( !jQuery.support.tbody ) {
+
+						// String was a <table>, *may* have spurious <tbody>
+						elem = tag === "table" && !rtbody.test( elem ) ?
+							tmp.firstChild :
+
+							// String was a bare <thead> or <tfoot>
+							wrap[1] === "<table>" && !rtbody.test( elem ) ?
+								tmp :
+								0;
+
+						j = elem && elem.childNodes.length;
+						while ( j-- ) {
+							if ( jQuery.nodeName( (tbody = elem.childNodes[j]), "tbody" ) && !tbody.childNodes.length ) {
+								elem.removeChild( tbody );
+							}
+						}
+					}
+
+					jQuery.merge( nodes, tmp.childNodes );
+
+					// Fix #12392 for WebKit and IE > 9
+					tmp.textContent = "";
+
+					// Fix #12392 for oldIE
+					while ( tmp.firstChild ) {
+						tmp.removeChild( tmp.firstChild );
+					}
+
+					// Remember the top-level container for proper cleanup
+					tmp = safe.lastChild;
+				}
+			}
+		}
+
+		// Fix #11356: Clear elements from fragment
+		if ( tmp ) {
+			safe.removeChild( tmp );
+		}
+
+		// Reset defaultChecked for any radios and checkboxes
+		// about to be appended to the DOM in IE 6/7 (#8060)
+		if ( !jQuery.support.appendChecked ) {
+			jQuery.grep( getAll( nodes, "input" ), fixDefaultChecked );
+		}
+
+		i = 0;
+		while ( (elem = nodes[ i++ ]) ) {
+
+			// #4087 - If origin and destination elements are the same, and this is
+			// that element, do not do anything
+			if ( selection && jQuery.inArray( elem, selection ) !== -1 ) {
+				continue;
+			}
+
+			contains = jQuery.contains( elem.ownerDocument, elem );
+
+			// Append to fragment
+			tmp = getAll( safe.appendChild( elem ), "script" );
+
+			// Preserve script evaluation history
+			if ( contains ) {
+				setGlobalEval( tmp );
+			}
+
+			// Capture executables
+			if ( scripts ) {
+				j = 0;
+				while ( (elem = tmp[ j++ ]) ) {
+					if ( rscriptType.test( elem.type || "" ) ) {
+						scripts.push( elem );
+					}
+				}
+			}
+		}
+
+		tmp = null;
+
+		return safe;
+	},
+
+	cleanData: function( elems, /* internal */ acceptData ) {
+		var elem, type, id, data,
+			i = 0,
+			internalKey = jQuery.expando,
+			cache = jQuery.cache,
+			deleteExpando = jQuery.support.deleteExpando,
+			special = jQuery.event.special;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+
+			if ( acceptData || jQuery.acceptData( elem ) ) {
+
+				id = elem[ internalKey ];
+				data = id && cache[ id ];
+
+				if ( data ) {
+					if ( data.events ) {
+						for ( type in data.events ) {
+							if ( special[ type ] ) {
+								jQuery.event.remove( elem, type );
+
+							// This is a shortcut to avoid jQuery.event.remove's overhead
+							} else {
+								jQuery.removeEvent( elem, type, data.handle );
+							}
+						}
+					}
+
+					// Remove cache only if it was not already removed by jQuery.event.remove
+					if ( cache[ id ] ) {
+
+						delete cache[ id ];
+
+						// IE does not allow us to delete expando properties from nodes,
+						// nor does it have a removeAttribute function on Document nodes;
+						// we must handle all of these cases
+						if ( deleteExpando ) {
+							delete elem[ internalKey ];
+
+						} else if ( typeof elem.removeAttribute !== core_strundefined ) {
+							elem.removeAttribute( internalKey );
+
+						} else {
+							elem[ internalKey ] = null;
+						}
+
+						core_deletedIds.push( id );
+					}
+				}
+			}
+		}
+	},
+
+	_evalUrl: function( url ) {
+		return jQuery.ajax({
+			url: url,
+			type: "GET",
+			dataType: "script",
+			async: false,
+			global: false,
+			"throws": true
+		});
+	}
+});
+jQuery.fn.extend({
+	wrapAll: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapAll( html.call(this, i) );
+			});
+		}
+
+		if ( this[0] ) {
+			// The elements to wrap the target around
+			var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
+
+			if ( this[0].parentNode ) {
+				wrap.insertBefore( this[0] );
+			}
+
+			wrap.map(function() {
+				var elem = this;
+
+				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
+					elem = elem.firstChild;
+				}
+
+				return elem;
+			}).append( this );
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapInner( html.call(this, i) );
+			});
+		}
+
+		return this.each(function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		});
+	},
+
+	wrap: function( html ) {
+		var isFunction = jQuery.isFunction( html );
+
+		return this.each(function(i) {
+			jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
+		});
+	},
+
+	unwrap: function() {
+		return this.parent().each(function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		}).end();
+	}
+});
+var iframe, getStyles, curCSS,
+	ralpha = /alpha\([^)]*\)/i,
+	ropacity = /opacity\s*=\s*([^)]*)/,
+	rposition = /^(top|right|bottom|left)$/,
+	// swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
+	// see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
+	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
+	rmargin = /^margin/,
+	rnumsplit = new RegExp( "^(" + core_pnum + ")(.*)$", "i" ),
+	rnumnonpx = new RegExp( "^(" + core_pnum + ")(?!px)[a-z%]+$", "i" ),
+	rrelNum = new RegExp( "^([+-])=(" + core_pnum + ")", "i" ),
+	elemdisplay = { BODY: "block" },
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssNormalTransform = {
+		letterSpacing: 0,
+		fontWeight: 400
+	},
+
+	cssExpand = [ "Top", "Right", "Bottom", "Left" ],
+	cssPrefixes = [ "Webkit", "O", "Moz", "ms" ];
+
+// return a css property mapped to a potentially vendor prefixed property
+function vendorPropName( style, name ) {
+
+	// shortcut for names that are not vendor prefixed
+	if ( name in style ) {
+		return name;
+	}
+
+	// check for vendor prefixed names
+	var capName = name.charAt(0).toUpperCase() + name.slice(1),
+		origName = name,
+		i = cssPrefixes.length;
+
+	while ( i-- ) {
+		name = cssPrefixes[ i ] + capName;
+		if ( name in style ) {
+			return name;
+		}
+	}
+
+	return origName;
+}
+
+function isHidden( elem, el ) {
+	// isHidden might be called from jQuery#filter function;
+	// in that case, element will be second argument
+	elem = el || elem;
+	return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem );
+}
+
+function showHide( elements, show ) {
+	var display, elem, hidden,
+		values = [],
+		index = 0,
+		length = elements.length;
+
+	for ( ; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+
+		values[ index ] = jQuery._data( elem, "olddisplay" );
+		display = elem.style.display;
+		if ( show ) {
+			// Reset the inline display of this element to learn if it is
+			// being hidden by cascaded rules or not
+			if ( !values[ index ] && display === "none" ) {
+				elem.style.display = "";
+			}
+
+			// Set elements which have been overridden with display: none
+			// in a stylesheet to whatever the default browser style is
+			// for such an element
+			if ( elem.style.display === "" && isHidden( elem ) ) {
+				values[ index ] = jQuery._data( elem, "olddisplay", css_defaultDisplay(elem.nodeName) );
+			}
+		} else {
+
+			if ( !values[ index ] ) {
+				hidden = isHidden( elem );
+
+				if ( display && display !== "none" || !hidden ) {
+					jQuery._data( elem, "olddisplay", hidden ? display : jQuery.css( elem, "display" ) );
+				}
+			}
+		}
+	}
+
+	// Set the display of most of the elements in a second loop
+	// to avoid the constant reflow
+	for ( index = 0; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+		if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
+			elem.style.display = show ? values[ index ] || "" : "none";
+		}
+	}
+
+	return elements;
+}
+
+jQuery.fn.extend({
+	css: function( name, value ) {
+		return jQuery.access( this, function( elem, name, value ) {
+			var len, styles,
+				map = {},
+				i = 0;
+
+			if ( jQuery.isArray( name ) ) {
+				styles = getStyles( elem );
+				len = name.length;
+
+				for ( ; i < len; i++ ) {
+					map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
+				}
+
+				return map;
+			}
+
+			return value !== undefined ?
+				jQuery.style( elem, name, value ) :
+				jQuery.css( elem, name );
+		}, name, value, arguments.length > 1 );
+	},
+	show: function() {
+		return showHide( this, true );
+	},
+	hide: function() {
+		return showHide( this );
+	},
+	toggle: function( state ) {
+		if ( typeof state === "boolean" ) {
+			return state ? this.show() : this.hide();
+		}
+
+		return this.each(function() {
+			if ( isHidden( this ) ) {
+				jQuery( this ).show();
+			} else {
+				jQuery( this ).hide();
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity" );
+					return ret === "" ? "1" : ret;
+				}
+			}
+		}
+	},
+
+	// Don't automatically add "px" to these possibly-unitless properties
+	cssNumber: {
+		"columnCount": true,
+		"fillOpacity": true,
+		"fontWeight": true,
+		"lineHeight": true,
+		"opacity": true,
+		"order": true,
+		"orphans": true,
+		"widows": true,
+		"zIndex": true,
+		"zoom": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+		// normalize float css property
+		"float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, type, hooks,
+			origName = jQuery.camelCase( name ),
+			style = elem.style;
+
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			type = typeof value;
+
+			// convert relative number strings (+= or -=) to relative numbers. #7345
+			if ( type === "string" && (ret = rrelNum.exec( value )) ) {
+				value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) );
+				// Fixes bug #9237
+				type = "number";
+			}
+
+			// Make sure that NaN and null values aren't set. See: #7116
+			if ( value == null || type === "number" && isNaN( value ) ) {
+				return;
+			}
+
+			// If a number was passed in, add 'px' to the (except for certain CSS properties)
+			if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
+				value += "px";
+			}
+
+			// Fixes #8908, it can be done more correctly by specifing setters in cssHooks,
+			// but it would mean to define eight (for every problematic property) identical functions
+			if ( !jQuery.support.clearCloneStyle && value === "" && name.indexOf("background") === 0 ) {
+				style[ name ] = "inherit";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
+
+				// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
+				// Fixes bug #5509
+				try {
+					style[ name ] = value;
+				} catch(e) {}
+			}
+
+		} else {
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra, styles ) {
+		var num, val, hooks,
+			origName = jQuery.camelCase( name );
+
+		// Make sure that we're working with the right name
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks ) {
+			val = hooks.get( elem, true, extra );
+		}
+
+		// Otherwise, if a way to get the computed value exists, use that
+		if ( val === undefined ) {
+			val = curCSS( elem, name, styles );
+		}
+
+		//convert "normal" to computed value
+		if ( val === "normal" && name in cssNormalTransform ) {
+			val = cssNormalTransform[ name ];
+		}
+
+		// Return, converting to number if forced or a qualifier was provided and val looks numeric
+		if ( extra === "" || extra ) {
+			num = parseFloat( val );
+			return extra === true || jQuery.isNumeric( num ) ? num || 0 : val;
+		}
+		return val;
+	}
+});
+
+// NOTE: we've included the "window" in window.getComputedStyle
+// because jsdom on node.js will break without it.
+if ( window.getComputedStyle ) {
+	getStyles = function( elem ) {
+		return window.getComputedStyle( elem, null );
+	};
+
+	curCSS = function( elem, name, _computed ) {
+		var width, minWidth, maxWidth,
+			computed = _computed || getStyles( elem ),
+
+			// getPropertyValue is only needed for .css('filter') in IE9, see #12537
+			ret = computed ? computed.getPropertyValue( name ) || computed[ name ] : undefined,
+			style = elem.style;
+
+		if ( computed ) {
+
+			if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
+				ret = jQuery.style( elem, name );
+			}
+
+			// A tribute to the "awesome hack by Dean Edwards"
+			// Chrome < 17 and Safari 5.0 uses "computed value" instead of "used value" for margin-right
+			// Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
+			// this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
+			if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) {
+
+				// Remember the original values
+				width = style.width;
+				minWidth = style.minWidth;
+				maxWidth = style.maxWidth;
+
+				// Put in the new values to get a computed value out
+				style.minWidth = style.maxWidth = style.width = ret;
+				ret = computed.width;
+
+				// Revert the changed values
+				style.width = width;
+				style.minWidth = minWidth;
+				style.maxWidth = maxWidth;
+			}
+		}
+
+		return ret;
+	};
+} else if ( document.documentElement.currentStyle ) {
+	getStyles = function( elem ) {
+		return elem.currentStyle;
+	};
+
+	curCSS = function( elem, name, _computed ) {
+		var left, rs, rsLeft,
+			computed = _computed || getStyles( elem ),
+			ret = computed ? computed[ name ] : undefined,
+			style = elem.style;
+
+		// Avoid setting ret to empty string here
+		// so we don't default to auto
+		if ( ret == null && style && style[ name ] ) {
+			ret = style[ name ];
+		}
+
+		// From the awesome hack by Dean Edwards
+		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+		// If we're not dealing with a regular pixel number
+		// but a number that has a weird ending, we need to convert it to pixels
+		// but not position css attributes, as those are proportional to the parent element instead
+		// and we can't measure the parent instead because it might trigger a "stacking dolls" problem
+		if ( rnumnonpx.test( ret ) && !rposition.test( name ) ) {
+
+			// Remember the original values
+			left = style.left;
+			rs = elem.runtimeStyle;
+			rsLeft = rs && rs.left;
+
+			// Put in the new values to get a computed value out
+			if ( rsLeft ) {
+				rs.left = elem.currentStyle.left;
+			}
+			style.left = name === "fontSize" ? "1em" : ret;
+			ret = style.pixelLeft + "px";
+
+			// Revert the changed values
+			style.left = left;
+			if ( rsLeft ) {
+				rs.left = rsLeft;
+			}
+		}
+
+		return ret === "" ? "auto" : ret;
+	};
+}
+
+function setPositiveNumber( elem, value, subtract ) {
+	var matches = rnumsplit.exec( value );
+	return matches ?
+		// Guard against undefined "subtract", e.g., when used as in cssHooks
+		Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
+		value;
+}
+
+function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) {
+	var i = extra === ( isBorderBox ? "border" : "content" ) ?
+		// If we already have the right measurement, avoid augmentation
+		4 :
+		// Otherwise initialize for horizontal or vertical properties
+		name === "width" ? 1 : 0,
+
+		val = 0;
+
+	for ( ; i < 4; i += 2 ) {
+		// both box models exclude margin, so add it if we want it
+		if ( extra === "margin" ) {
+			val += jQuery.css( elem, extra + cssExpand[ i ], true, styles );
+		}
+
+		if ( isBorderBox ) {
+			// border-box includes padding, so remove it if we want content
+			if ( extra === "content" ) {
+				val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+			}
+
+			// at this point, extra isn't border nor margin, so remove border
+			if ( extra !== "margin" ) {
+				val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		} else {
+			// at this point, extra isn't content, so add padding
+			val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+
+			// at this point, extra isn't content nor padding, so add border
+			if ( extra !== "padding" ) {
+				val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		}
+	}
+
+	return val;
+}
+
+function getWidthOrHeight( elem, name, extra ) {
+
+	// Start with offset property, which is equivalent to the border-box value
+	var valueIsBorderBox = true,
+		val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
+		styles = getStyles( elem ),
+		isBorderBox = jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
+
+	// some non-html elements return undefined for offsetWidth, so check for null/undefined
+	// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
+	// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
+	if ( val <= 0 || val == null ) {
+		// Fall back to computed then uncomputed css if necessary
+		val = curCSS( elem, name, styles );
+		if ( val < 0 || val == null ) {
+			val = elem.style[ name ];
+		}
+
+		// Computed unit is not pixels. Stop here and return.
+		if ( rnumnonpx.test(val) ) {
+			return val;
+		}
+
+		// we need the check for style in case a browser which returns unreliable values
+		// for getComputedStyle silently falls back to the reliable elem.style
+		valueIsBorderBox = isBorderBox && ( jQuery.support.boxSizingReliable || val === elem.style[ name ] );
+
+		// Normalize "", auto, and prepare for extra
+		val = parseFloat( val ) || 0;
+	}
+
+	// use the active box-sizing model to add/subtract irrelevant styles
+	return ( val +
+		augmentWidthOrHeight(
+			elem,
+			name,
+			extra || ( isBorderBox ? "border" : "content" ),
+			valueIsBorderBox,
+			styles
+		)
+	) + "px";
+}
+
+// Try to determine the default display value of an element
+function css_defaultDisplay( nodeName ) {
+	var doc = document,
+		display = elemdisplay[ nodeName ];
+
+	if ( !display ) {
+		display = actualDisplay( nodeName, doc );
+
+		// If the simple way fails, read from inside an iframe
+		if ( display === "none" || !display ) {
+			// Use the already-created iframe if possible
+			iframe = ( iframe ||
+				jQuery("<iframe frameborder='0' width='0' height='0'/>")
+				.css( "cssText", "display:block !important" )
+			).appendTo( doc.documentElement );
+
+			// Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
+			doc = ( iframe[0].contentWindow || iframe[0].contentDocument ).document;
+			doc.write("<!doctype html><html><body>");
+			doc.close();
+
+			display = actualDisplay( nodeName, doc );
+			iframe.detach();
+		}
+
+		// Store the correct default display
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return display;
+}
+
+// Called ONLY from within css_defaultDisplay
+function actualDisplay( name, doc ) {
+	var elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ),
+		display = jQuery.css( elem[0], "display" );
+	elem.remove();
+	return display;
+}
+
+jQuery.each([ "height", "width" ], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			if ( computed ) {
+				// certain elements can have dimension info if we invisibly show them
+				// however, it must have a current display style that would benefit from this
+				return elem.offsetWidth === 0 && rdisplayswap.test( jQuery.css( elem, "display" ) ) ?
+					jQuery.swap( elem, cssShow, function() {
+						return getWidthOrHeight( elem, name, extra );
+					}) :
+					getWidthOrHeight( elem, name, extra );
+			}
+		},
+
+		set: function( elem, value, extra ) {
+			var styles = extra && getStyles( elem );
+			return setPositiveNumber( elem, value, extra ?
+				augmentWidthOrHeight(
+					elem,
+					name,
+					extra,
+					jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+					styles
+				) : 0
+			);
+		}
+	};
+});
+
+if ( !jQuery.support.opacity ) {
+	jQuery.cssHooks.opacity = {
+		get: function( elem, computed ) {
+			// IE uses filters for opacity
+			return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
+				( 0.01 * parseFloat( RegExp.$1 ) ) + "" :
+				computed ? "1" : "";
+		},
+
+		set: function( elem, value ) {
+			var style = elem.style,
+				currentStyle = elem.currentStyle,
+				opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
+				filter = currentStyle && currentStyle.filter || style.filter || "";
+
+			// IE has trouble with opacity if it does not have layout
+			// Force it by setting the zoom level
+			style.zoom = 1;
+
+			// if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
+			// if value === "", then remove inline opacity #12685
+			if ( ( value >= 1 || value === "" ) &&
+					jQuery.trim( filter.replace( ralpha, "" ) ) === "" &&
+					style.removeAttribute ) {
+
+				// Setting style.filter to null, "" & " " still leave "filter:" in the cssText
+				// if "filter:" is present at all, clearType is disabled, we want to avoid this
+				// style.removeAttribute is IE Only, but so apparently is this code path...
+				style.removeAttribute( "filter" );
+
+				// if there is no filter style applied in a css rule or unset inline opacity, we are done
+				if ( value === "" || currentStyle && !currentStyle.filter ) {
+					return;
+				}
+			}
+
+			// otherwise, set new filter values
+			style.filter = ralpha.test( filter ) ?
+				filter.replace( ralpha, opacity ) :
+				filter + " " + opacity;
+		}
+	};
+}
+
+// These hooks cannot be added until DOM ready because the support test
+// for it is not run until after DOM ready
+jQuery(function() {
+	if ( !jQuery.support.reliableMarginRight ) {
+		jQuery.cssHooks.marginRight = {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+					// Work around by temporarily setting element display to inline-block
+					return jQuery.swap( elem, { "display": "inline-block" },
+						curCSS, [ elem, "marginRight" ] );
+				}
+			}
+		};
+	}
+
+	// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+	// getComputedStyle returns percent when specified for top/left/bottom/right
+	// rather than make the css module depend on the offset module, we just check for it here
+	if ( !jQuery.support.pixelPosition && jQuery.fn.position ) {
+		jQuery.each( [ "top", "left" ], function( i, prop ) {
+			jQuery.cssHooks[ prop ] = {
+				get: function( elem, computed ) {
+					if ( computed ) {
+						computed = curCSS( elem, prop );
+						// if curCSS returns percentage, fallback to offset
+						return rnumnonpx.test( computed ) ?
+							jQuery( elem ).position()[ prop ] + "px" :
+							computed;
+					}
+				}
+			};
+		});
+	}
+
+});
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.hidden = function( elem ) {
+		// Support: Opera <= 12.12
+		// Opera reports offsetWidths and offsetHeights less than zero on some elements
+		return elem.offsetWidth <= 0 && elem.offsetHeight <= 0 ||
+			(!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
+	};
+
+	jQuery.expr.filters.visible = function( elem ) {
+		return !jQuery.expr.filters.hidden( elem );
+	};
+}
+
+// These hooks are used by animate to expand properties
+jQuery.each({
+	margin: "",
+	padding: "",
+	border: "Width"
+}, function( prefix, suffix ) {
+	jQuery.cssHooks[ prefix + suffix ] = {
+		expand: function( value ) {
+			var i = 0,
+				expanded = {},
+
+				// assumes a single number if not a string
+				parts = typeof value === "string" ? value.split(" ") : [ value ];
+
+			for ( ; i < 4; i++ ) {
+				expanded[ prefix + cssExpand[ i ] + suffix ] =
+					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
+			}
+
+			return expanded;
+		}
+	};
+
+	if ( !rmargin.test( prefix ) ) {
+		jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
+	}
+});
+var r20 = /%20/g,
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
+	rsubmittable = /^(?:input|select|textarea|keygen)/i;
+
+jQuery.fn.extend({
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+	serializeArray: function() {
+		return this.map(function(){
+			// Can add propHook for "elements" to filter or add form elements
+			var elements = jQuery.prop( this, "elements" );
+			return elements ? jQuery.makeArray( elements ) : this;
+		})
+		.filter(function(){
+			var type = this.type;
+			// Use .is(":disabled") so that fieldset[disabled] works
+			return this.name && !jQuery( this ).is( ":disabled" ) &&
+				rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
+				( this.checked || !manipulation_rcheckableType.test( type ) );
+		})
+		.map(function( i, elem ){
+			var val = jQuery( this ).val();
+
+			return val == null ?
+				null :
+				jQuery.isArray( val ) ?
+					jQuery.map( val, function( val ){
+						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					}) :
+					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		}).get();
+	}
+});
+
+//Serialize an array of form elements or a set of
+//key/values into a query string
+jQuery.param = function( a, traditional ) {
+	var prefix,
+		s = [],
+		add = function( key, value ) {
+			// If value is a function, invoke it and return its value
+			value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
+			s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+		};
+
+	// Set traditional to true for jQuery <= 1.3.2 behavior.
+	if ( traditional === undefined ) {
+		traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
+	}
+
+	// If an array was passed in, assume that it is an array of form elements.
+	if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+		// Serialize the form elements
+		jQuery.each( a, function() {
+			add( this.name, this.value );
+		});
+
+	} else {
+		// If traditional, encode the "old" way (the way 1.3.2 or older
+		// did it), otherwise encode params recursively.
+		for ( prefix in a ) {
+			buildParams( prefix, a[ prefix ], traditional, add );
+		}
+	}
+
+	// Return the resulting serialization
+	return s.join( "&" ).replace( r20, "+" );
+};
+
+function buildParams( prefix, obj, traditional, add ) {
+	var name;
+
+	if ( jQuery.isArray( obj ) ) {
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+				// Item is non-scalar (array or object), encode its numeric index.
+				buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add );
+			}
+		});
+
+	} else if ( !traditional && jQuery.type( obj ) === "object" ) {
+		// Serialize object item.
+		for ( name in obj ) {
+			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+		}
+
+	} else {
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		return arguments.length > 0 ?
+			this.on( name, null, data, fn ) :
+			this.trigger( name );
+	};
+});
+
+jQuery.fn.extend({
+	hover: function( fnOver, fnOut ) {
+		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+	},
+
+	bind: function( types, data, fn ) {
+		return this.on( types, null, data, fn );
+	},
+	unbind: function( types, fn ) {
+		return this.off( types, null, fn );
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.on( types, selector, data, fn );
+	},
+	undelegate: function( selector, types, fn ) {
+		// ( namespace ) or ( selector, types [, fn] )
+		return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
+	}
+});
+var
+	// Document location
+	ajaxLocParts,
+	ajaxLocation,
+	ajax_nonce = jQuery.now(),
+
+	ajax_rquery = /\?/,
+	rhash = /#.*$/,
+	rts = /([?&])_=[^&]*/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rurl = /^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,
+
+	// Keep a copy of the old load method
+	_load = jQuery.fn.load,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+	allTypes = "*/".concat("*");
+
+// #8138, IE may throw an exception when accessing
+// a field from window.location if document.domain has been set
+try {
+	ajaxLocation = location.href;
+} catch( e ) {
+	// Use the href attribute of an A element
+	// since IE will modify it given document.location
+	ajaxLocation = document.createElement( "a" );
+	ajaxLocation.href = "";
+	ajaxLocation = ajaxLocation.href;
+}
+
+// Segment location into parts
+ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		var dataType,
+			i = 0,
+			dataTypes = dataTypeExpression.toLowerCase().match( core_rnotwhite ) || [];
+
+		if ( jQuery.isFunction( func ) ) {
+			// For each dataType in the dataTypeExpression
+			while ( (dataType = dataTypes[i++]) ) {
+				// Prepend if requested
+				if ( dataType[0] === "+" ) {
+					dataType = dataType.slice( 1 ) || "*";
+					(structure[ dataType ] = structure[ dataType ] || []).unshift( func );
+
+				// Otherwise append
+				} else {
+					(structure[ dataType ] = structure[ dataType ] || []).push( func );
+				}
+			}
+		}
+	};
+}
+
+// Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
+
+	var inspected = {},
+		seekingTransport = ( structure === transports );
+
+	function inspect( dataType ) {
+		var selected;
+		inspected[ dataType ] = true;
+		jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
+			var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
+			if( typeof dataTypeOrTransport === "string" && !seekingTransport && !inspected[ dataTypeOrTransport ] ) {
+				options.dataTypes.unshift( dataTypeOrTransport );
+				inspect( dataTypeOrTransport );
+				return false;
+			} else if ( seekingTransport ) {
+				return !( selected = dataTypeOrTransport );
+			}
+		});
+		return selected;
+	}
+
+	return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
+}
+
+// A special extend for ajax options
+// that takes "flat" options (not to be deep extended)
+// Fixes #9887
+function ajaxExtend( target, src ) {
+	var deep, key,
+		flatOptions = jQuery.ajaxSettings.flatOptions || {};
+
+	for ( key in src ) {
+		if ( src[ key ] !== undefined ) {
+			( flatOptions[ key ] ? target : ( deep || (deep = {}) ) )[ key ] = src[ key ];
+		}
+	}
+	if ( deep ) {
+		jQuery.extend( true, target, deep );
+	}
+
+	return target;
+}
+
+jQuery.fn.load = function( url, params, callback ) {
+	if ( typeof url !== "string" && _load ) {
+		return _load.apply( this, arguments );
+	}
+
+	var selector, response, type,
+		self = this,
+		off = url.indexOf(" ");
+
+	if ( off >= 0 ) {
+		selector = url.slice( off, url.length );
+		url = url.slice( 0, off );
+	}
+
+	// If it's a function
+	if ( jQuery.isFunction( params ) ) {
+
+		// We assume that it's the callback
+		callback = params;
+		params = undefined;
+
+	// Otherwise, build a param string
+	} else if ( params && typeof params === "object" ) {
+		type = "POST";
+	}
+
+	// If we have elements to modify, make the request
+	if ( self.length > 0 ) {
+		jQuery.ajax({
+			url: url,
+
+			// if "type" variable is undefined, then "GET" method will be used
+			type: type,
+			dataType: "html",
+			data: params
+		}).done(function( responseText ) {
+
+			// Save response for use in complete callback
+			response = arguments;
+
+			self.html( selector ?
+
+				// If a selector was specified, locate the right elements in a dummy div
+				// Exclude scripts to avoid IE 'Permission Denied' errors
+				jQuery("<div>").append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+				// Otherwise use the full result
+				responseText );
+
+		}).complete( callback && function( jqXHR, status ) {
+			self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
+		});
+	}
+
+	return this;
+};
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( [ "ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend" ], function( i, type ){
+	jQuery.fn[ type ] = function( fn ){
+		return this.on( type, fn );
+	};
+});
+
+jQuery.extend({
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		type: "GET",
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		processData: true,
+		async: true,
+		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		throws: false,
+		traditional: false,
+		headers: {},
+		*/
+
+		accepts: {
+			"*": allTypes,
+			text: "text/plain",
+			html: "text/html",
+			xml: "application/xml, text/xml",
+			json: "application/json, text/javascript"
+		},
+
+		contents: {
+			xml: /xml/,
+			html: /html/,
+			json: /json/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText",
+			json: "responseJSON"
+		},
+
+		// Data converters
+		// Keys separate source (or catchall "*") and destination types with a single space
+		converters: {
+
+			// Convert anything to text
+			"* text": String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		},
+
+		// For options that shouldn't be deep extended:
+		// you can add your own custom options here if
+		// and when you create one that shouldn't be
+		// deep extended (see ajaxExtend)
+		flatOptions: {
+			url: true,
+			context: true
+		}
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function( target, settings ) {
+		return settings ?
+
+			// Building a settings object
+			ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
+
+			// Extending ajaxSettings
+			ajaxExtend( jQuery.ajaxSettings, target );
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var // Cross-domain detection vars
+			parts,
+			// Loop variable
+			i,
+			// URL without anti-cache param
+			cacheURL,
+			// Response headers as string
+			responseHeadersString,
+			// timeout handle
+			timeoutTimer,
+
+			// To know if global events are to be dispatched
+			fireGlobals,
+
+			transport,
+			// Response headers
+			responseHeaders,
+			// Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+			// Callbacks context
+			callbackContext = s.context || s,
+			// Context for global events is callbackContext if it is a DOM node or jQuery collection
+			globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ?
+				jQuery( callbackContext ) :
+				jQuery.event,
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery.Callbacks("once memory"),
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			requestHeadersNames = {},
+			// The jqXHR state
+			state = 0,
+			// Default abort message
+			strAbort = "canceled",
+			// Fake xhr
+			jqXHR = {
+				readyState: 0,
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while ( (match = rheaders.exec( responseHeadersString )) ) {
+								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match == null ? null : match;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					var lname = name.toLowerCase();
+					if ( !state ) {
+						name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
+						requestHeaders[ name ] = value;
+					}
+					return this;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Status-dependent callbacks
+				statusCode: function( map ) {
+					var code;
+					if ( map ) {
+						if ( state < 2 ) {
+							for ( code in map ) {
+								// Lazy-add the new callback in a way that preserves old ones
+								statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
+							}
+						} else {
+							// Execute the appropriate callbacks
+							jqXHR.always( map[ jqXHR.status ] );
+						}
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					var finalText = statusText || strAbort;
+					if ( transport ) {
+						transport.abort( finalText );
+					}
+					done( 0, finalText );
+					return this;
+				}
+			};
+
+		// Attach deferreds
+		deferred.promise( jqXHR ).complete = completeDeferred.add;
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+		// Handle falsy url in the settings object (#10093: consistency with old signature)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url || ajaxLocation ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Alias method option to type as per ticket #12004
+		s.type = options.method || options.type || s.method || s.type;
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().match( core_rnotwhite ) || [""];
+
+		// A cross-domain request is in order when we have a protocol:host:port mismatch
+		if ( s.crossDomain == null ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? "80" : "443" ) ) !==
+						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? "80" : "443" ) ) )
+			);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefilter, stop there
+		if ( state === 2 ) {
+			return jqXHR;
+		}
+
+		// We can fire global events as of now if asked to
+		fireGlobals = s.global;
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger("ajaxStart");
+		}
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Save the URL in case we're toying with the If-Modified-Since
+		// and/or If-None-Match header later on
+		cacheURL = s.url;
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				cacheURL = ( s.url += ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + s.data );
+				// #9682: remove data so that it's not used in an eventual retry
+				delete s.data;
+			}
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+				s.url = rts.test( cacheURL ) ?
+
+					// If there is already a '_' parameter, set its value
+					cacheURL.replace( rts, "$1_=" + ajax_nonce++ ) :
+
+					// Otherwise add one to the end
+					cacheURL + ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ajax_nonce++;
+			}
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			if ( jQuery.lastModified[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
+			}
+			if ( jQuery.etag[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			jqXHR.setRequestHeader( "Content-Type", s.contentType );
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		jqXHR.setRequestHeader(
+			"Accept",
+			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+				s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
+				s.accepts[ "*" ]
+		);
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+			// Abort if not done already and return
+			return jqXHR.abort();
+		}
+
+		// aborting is no longer a cancellation
+		strAbort = "abort";
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = setTimeout(function() {
+					jqXHR.abort("timeout");
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch ( e ) {
+				// Propagate exception as error if not done
+				if ( state < 2 ) {
+					done( -1, e );
+				// Simply rethrow otherwise
+				} else {
+					throw e;
+				}
+			}
+		}
+
+		// Callback for when everything is done
+		function done( status, nativeStatusText, responses, headers ) {
+			var isSuccess, success, error, response, modified,
+				statusText = nativeStatusText;
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status > 0 ? 4 : 0;
+
+			// Determine if successful
+			isSuccess = status >= 200 && status < 300 || status === 304;
+
+			// Get response data
+			if ( responses ) {
+				response = ajaxHandleResponses( s, jqXHR, responses );
+			}
+
+			// Convert no matter what (that way responseXXX fields are always set)
+			response = ajaxConvert( s, response, jqXHR, isSuccess );
+
+			// If successful, handle type chaining
+			if ( isSuccess ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+					modified = jqXHR.getResponseHeader("Last-Modified");
+					if ( modified ) {
+						jQuery.lastModified[ cacheURL ] = modified;
+					}
+					modified = jqXHR.getResponseHeader("etag");
+					if ( modified ) {
+						jQuery.etag[ cacheURL ] = modified;
+					}
+				}
+
+				// if no content
+				if ( status === 204 || s.type === "HEAD" ) {
+					statusText = "nocontent";
+
+				// if not modified
+				} else if ( status === 304 ) {
+					statusText = "notmodified";
+
+				// If we have data, let's convert it
+				} else {
+					statusText = response.state;
+					success = response.data;
+					error = response.error;
+					isSuccess = !error;
+				}
+			} else {
+				// We extract error from statusText
+				// then normalize statusText and status for non-aborts
+				error = statusText;
+				if ( status || !statusText ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
+					[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger("ajaxStop");
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	}
+});
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+		// shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		return jQuery.ajax({
+			url: url,
+			type: method,
+			dataType: type,
+			data: data,
+			success: callback
+		});
+	};
+});
+
+/* Handles responses to an ajax request:
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+	var firstDataType, ct, finalDataType, type,
+		contents = s.contents,
+		dataTypes = s.dataTypes;
+
+	// Remove auto dataType and get content-type in the process
+	while( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader("Content-Type");
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+/* Chain conversions given the request and the original response
+ * Also sets the responseXXX fields on the jqXHR instance
+ */
+function ajaxConvert( s, response, jqXHR, isSuccess ) {
+	var conv2, current, conv, tmp, prev,
+		converters = {},
+		// Work with a copy of dataTypes in case we need to modify it for conversion
+		dataTypes = s.dataTypes.slice();
+
+	// Create converters map with lowercased keys
+	if ( dataTypes[ 1 ] ) {
+		for ( conv in s.converters ) {
+			converters[ conv.toLowerCase() ] = s.converters[ conv ];
+		}
+	}
+
+	current = dataTypes.shift();
+
+	// Convert to each sequential dataType
+	while ( current ) {
+
+		if ( s.responseFields[ current ] ) {
+			jqXHR[ s.responseFields[ current ] ] = response;
+		}
+
+		// Apply the dataFilter if provided
+		if ( !prev && isSuccess && s.dataFilter ) {
+			response = s.dataFilter( response, s.dataType );
+		}
+
+		prev = current;
+		current = dataTypes.shift();
+
+		if ( current ) {
+
+			// There's only work to do if current dataType is non-auto
+			if ( current === "*" ) {
+
+				current = prev;
+
+			// Convert response if prev dataType is non-auto and differs from current
+			} else if ( prev !== "*" && prev !== current ) {
+
+				// Seek a direct converter
+				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+
+				// If none found, seek a pair
+				if ( !conv ) {
+					for ( conv2 in converters ) {
+
+						// If conv2 outputs current
+						tmp = conv2.split( " " );
+						if ( tmp[ 1 ] === current ) {
+
+							// If prev can be converted to accepted input
+							conv = converters[ prev + " " + tmp[ 0 ] ] ||
+								converters[ "* " + tmp[ 0 ] ];
+							if ( conv ) {
+								// Condense equivalence converters
+								if ( conv === true ) {
+									conv = converters[ conv2 ];
+
+								// Otherwise, insert the intermediate dataType
+								} else if ( converters[ conv2 ] !== true ) {
+									current = tmp[ 0 ];
+									dataTypes.unshift( tmp[ 1 ] );
+								}
+								break;
+							}
+						}
+					}
+				}
+
+				// Apply converter (if not an equivalence)
+				if ( conv !== true ) {
+
+					// Unless errors are allowed to bubble, catch and return them
+					if ( conv && s[ "throws" ] ) {
+						response = conv( response );
+					} else {
+						try {
+							response = conv( response );
+						} catch ( e ) {
+							return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current };
+						}
+					}
+				}
+			}
+		}
+	}
+
+	return { state: "success", data: response };
+}
+// Install script dataType
+jQuery.ajaxSetup({
+	accepts: {
+		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /(?:java|ecma)script/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+});
+
+// Handle cache's special case and global
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+		s.global = false;
+	}
+});
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function(s) {
+
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+
+		var script,
+			head = document.head || jQuery("head")[0] || document.documentElement;
+
+		return {
+
+			send: function( _, callback ) {
+
+				script = document.createElement("script");
+
+				script.async = true;
+
+				if ( s.scriptCharset ) {
+					script.charset = s.scriptCharset;
+				}
+
+				script.src = s.url;
+
+				// Attach handlers for all browsers
+				script.onload = script.onreadystatechange = function( _, isAbort ) {
+
+					if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
+
+						// Handle memory leak in IE
+						script.onload = script.onreadystatechange = null;
+
+						// Remove the script
+						if ( script.parentNode ) {
+							script.parentNode.removeChild( script );
+						}
+
+						// Dereference the script
+						script = null;
+
+						// Callback if not abort
+						if ( !isAbort ) {
+							callback( 200, "success" );
+						}
+					}
+				};
+
+				// Circumvent IE6 bugs with base elements (#2709 and #4378) by prepending
+				// Use native DOM manipulation to avoid our domManip AJAX trickery
+				head.insertBefore( script, head.firstChild );
+			},
+
+			abort: function() {
+				if ( script ) {
+					script.onload( undefined, true );
+				}
+			}
+		};
+	}
+});
+var oldCallbacks = [],
+	rjsonp = /(=)\?(?=&|$)|\?\?/;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+	jsonp: "callback",
+	jsonpCallback: function() {
+		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( ajax_nonce++ ) );
+		this[ callback ] = true;
+		return callback;
+	}
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var callbackName, overwritten, responseContainer,
+		jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
+			"url" :
+			typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data"
+		);
+
+	// Handle iff the expected data type is "jsonp" or we have a parameter to set
+	if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
+
+		// Get callback name, remembering preexisting value associated with it
+		callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
+			s.jsonpCallback() :
+			s.jsonpCallback;
+
+		// Insert callback into url or form data
+		if ( jsonProp ) {
+			s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
+		} else if ( s.jsonp !== false ) {
+			s.url += ( ajax_rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
+		}
+
+		// Use data converter to retrieve json after script execution
+		s.converters["script json"] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( callbackName + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Install callback
+		overwritten = window[ callbackName ];
+		window[ callbackName ] = function() {
+			responseContainer = arguments;
+		};
+
+		// Clean-up function (fires after converters)
+		jqXHR.always(function() {
+			// Restore preexisting value
+			window[ callbackName ] = overwritten;
+
+			// Save back as free
+			if ( s[ callbackName ] ) {
+				// make sure that re-using the options doesn't screw things around
+				s.jsonpCallback = originalSettings.jsonpCallback;
+
+				// save the callback name for future use
+				oldCallbacks.push( callbackName );
+			}
+
+			// Call if it was a function and we have a response
+			if ( responseContainer && jQuery.isFunction( overwritten ) ) {
+				overwritten( responseContainer[ 0 ] );
+			}
+
+			responseContainer = overwritten = undefined;
+		});
+
+		// Delegate to script
+		return "script";
+	}
+});
+var xhrCallbacks, xhrSupported,
+	xhrId = 0,
+	// #5280: Internet Explorer will keep connections alive if we don't abort on unload
+	xhrOnUnloadAbort = window.ActiveXObject && function() {
+		// Abort all pending requests
+		var key;
+		for ( key in xhrCallbacks ) {
+			xhrCallbacks[ key ]( undefined, true );
+		}
+	};
+
+// Functions to create xhrs
+function createStandardXHR() {
+	try {
+		return new window.XMLHttpRequest();
+	} catch( e ) {}
+}
+
+function createActiveXHR() {
+	try {
+		return new window.ActiveXObject("Microsoft.XMLHTTP");
+	} catch( e ) {}
+}
+
+// Create the request object
+// (This is still attached to ajaxSettings for backward compatibility)
+jQuery.ajaxSettings.xhr = window.ActiveXObject ?
+	/* Microsoft failed to properly
+	 * implement the XMLHttpRequest in IE7 (can't request local files),
+	 * so we use the ActiveXObject when it is available
+	 * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
+	 * we need a fallback.
+	 */
+	function() {
+		return !this.isLocal && createStandardXHR() || createActiveXHR();
+	} :
+	// For all other browsers, use the standard XMLHttpRequest object
+	createStandardXHR;
+
+// Determine support properties
+xhrSupported = jQuery.ajaxSettings.xhr();
+jQuery.support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
+xhrSupported = jQuery.support.ajax = !!xhrSupported;
+
+// Create transport if the browser can provide an xhr
+if ( xhrSupported ) {
+
+	jQuery.ajaxTransport(function( s ) {
+		// Cross domain only allowed if supported through XMLHttpRequest
+		if ( !s.crossDomain || jQuery.support.cors ) {
+
+			var callback;
+
+			return {
+				send: function( headers, complete ) {
+
+					// Get a new xhr
+					var handle, i,
+						xhr = s.xhr();
+
+					// Open the socket
+					// Passing null username, generates a login popup on Opera (#2865)
+					if ( s.username ) {
+						xhr.open( s.type, s.url, s.async, s.username, s.password );
+					} else {
+						xhr.open( s.type, s.url, s.async );
+					}
+
+					// Apply custom fields if provided
+					if ( s.xhrFields ) {
+						for ( i in s.xhrFields ) {
+							xhr[ i ] = s.xhrFields[ i ];
+						}
+					}
+
+					// Override mime type if needed
+					if ( s.mimeType && xhr.overrideMimeType ) {
+						xhr.overrideMimeType( s.mimeType );
+					}
+
+					// X-Requested-With header
+					// For cross-domain requests, seeing as conditions for a preflight are
+					// akin to a jigsaw puzzle, we simply never set it to be sure.
+					// (it can always be set on a per-request basis or even using ajaxSetup)
+					// For same-domain requests, won't change header if already provided.
+					if ( !s.crossDomain && !headers["X-Requested-With"] ) {
+						headers["X-Requested-With"] = "XMLHttpRequest";
+					}
+
+					// Need an extra try/catch for cross domain requests in Firefox 3
+					try {
+						for ( i in headers ) {
+							xhr.setRequestHeader( i, headers[ i ] );
+						}
+					} catch( err ) {}
+
+					// Do send the request
+					// This may raise an exception which is actually
+					// handled in jQuery.ajax (so no try/catch here)
+					xhr.send( ( s.hasContent && s.data ) || null );
+
+					// Listener
+					callback = function( _, isAbort ) {
+						var status, responseHeaders, statusText, responses;
+
+						// Firefox throws exceptions when accessing properties
+						// of an xhr when a network error occurred
+						// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
+						try {
+
+							// Was never called and is aborted or complete
+							if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
+
+								// Only called once
+								callback = undefined;
+
+								// Do not keep as active anymore
+								if ( handle ) {
+									xhr.onreadystatechange = jQuery.noop;
+									if ( xhrOnUnloadAbort ) {
+										delete xhrCallbacks[ handle ];
+									}
+								}
+
+								// If it's an abort
+								if ( isAbort ) {
+									// Abort it manually if needed
+									if ( xhr.readyState !== 4 ) {
+										xhr.abort();
+									}
+								} else {
+									responses = {};
+									status = xhr.status;
+									responseHeaders = xhr.getAllResponseHeaders();
+
+									// When requesting binary data, IE6-9 will throw an exception
+									// on any attempt to access responseText (#11426)
+									if ( typeof xhr.responseText === "string" ) {
+										responses.text = xhr.responseText;
+									}
+
+									// Firefox throws an exception when accessing
+									// statusText for faulty cross-domain requests
+									try {
+										statusText = xhr.statusText;
+									} catch( e ) {
+										// We normalize with Webkit giving an empty statusText
+										statusText = "";
+									}
+
+									// Filter status for non standard behaviors
+
+									// If the request is local and we have data: assume a success
+									// (success with no data won't get notified, that's the best we
+									// can do given current implementations)
+									if ( !status && s.isLocal && !s.crossDomain ) {
+										status = responses.text ? 200 : 404;
+									// IE - #1450: sometimes returns 1223 when it should be 204
+									} else if ( status === 1223 ) {
+										status = 204;
+									}
+								}
+							}
+						} catch( firefoxAccessException ) {
+							if ( !isAbort ) {
+								complete( -1, firefoxAccessException );
+							}
+						}
+
+						// Call complete if needed
+						if ( responses ) {
+							complete( status, statusText, responses, responseHeaders );
+						}
+					};
+
+					if ( !s.async ) {
+						// if we're in sync mode we fire the callback
+						callback();
+					} else if ( xhr.readyState === 4 ) {
+						// (IE6 & IE7) if it's in cache and has been
+						// retrieved directly we need to fire the callback
+						setTimeout( callback );
+					} else {
+						handle = ++xhrId;
+						if ( xhrOnUnloadAbort ) {
+							// Create the active xhrs callbacks list if needed
+							// and attach the unload handler
+							if ( !xhrCallbacks ) {
+								xhrCallbacks = {};
+								jQuery( window ).unload( xhrOnUnloadAbort );
+							}
+							// Add to list of active xhrs callbacks
+							xhrCallbacks[ handle ] = callback;
+						}
+						xhr.onreadystatechange = callback;
+					}
+				},
+
+				abort: function() {
+					if ( callback ) {
+						callback( undefined, true );
+					}
+				}
+			};
+		}
+	});
+}
+var fxNow, timerId,
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rfxnum = new RegExp( "^(?:([+-])=|)(" + core_pnum + ")([a-z%]*)$", "i" ),
+	rrun = /queueHooks$/,
+	animationPrefilters = [ defaultPrefilter ],
+	tweeners = {
+		"*": [function( prop, value ) {
+			var tween = this.createTween( prop, value ),
+				target = tween.cur(),
+				parts = rfxnum.exec( value ),
+				unit = parts && parts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
+
+				// Starting value computation is required for potential unit mismatches
+				start = ( jQuery.cssNumber[ prop ] || unit !== "px" && +target ) &&
+					rfxnum.exec( jQuery.css( tween.elem, prop ) ),
+				scale = 1,
+				maxIterations = 20;
+
+			if ( start && start[ 3 ] !== unit ) {
+				// Trust units reported by jQuery.css
+				unit = unit || start[ 3 ];
+
+				// Make sure we update the tween properties later on
+				parts = parts || [];
+
+				// Iteratively approximate from a nonzero starting point
+				start = +target || 1;
+
+				do {
+					// If previous iteration zeroed out, double until we get *something*
+					// Use a string for doubling factor so we don't accidentally see scale as unchanged below
+					scale = scale || ".5";
+
+					// Adjust and apply
+					start = start / scale;
+					jQuery.style( tween.elem, prop, start + unit );
+
+				// Update scale, tolerating zero or NaN from tween.cur()
+				// And breaking the loop if scale is unchanged or perfect, or if we've just had enough
+				} while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations );
+			}
+
+			// Update tween properties
+			if ( parts ) {
+				start = tween.start = +start || +target || 0;
+				tween.unit = unit;
+				// If a +=/-= token was provided, we're doing a relative animation
+				tween.end = parts[ 1 ] ?
+					start + ( parts[ 1 ] + 1 ) * parts[ 2 ] :
+					+parts[ 2 ];
+			}
+
+			return tween;
+		}]
+	};
+
+// Animations created synchronously will run synchronously
+function createFxNow() {
+	setTimeout(function() {
+		fxNow = undefined;
+	});
+	return ( fxNow = jQuery.now() );
+}
+
+function createTween( value, prop, animation ) {
+	var tween,
+		collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ),
+		index = 0,
+		length = collection.length;
+	for ( ; index < length; index++ ) {
+		if ( (tween = collection[ index ].call( animation, prop, value )) ) {
+
+			// we're done with this property
+			return tween;
+		}
+	}
+}
+
+function Animation( elem, properties, options ) {
+	var result,
+		stopped,
+		index = 0,
+		length = animationPrefilters.length,
+		deferred = jQuery.Deferred().always( function() {
+			// don't match elem in the :animated selector
+			delete tick.elem;
+		}),
+		tick = function() {
+			if ( stopped ) {
+				return false;
+			}
+			var currentTime = fxNow || createFxNow(),
+				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
+				// archaic crash bug won't allow us to use 1 - ( 0.5 || 0 ) (#12497)
+				temp = remaining / animation.duration || 0,
+				percent = 1 - temp,
+				index = 0,
+				length = animation.tweens.length;
+
+			for ( ; index < length ; index++ ) {
+				animation.tweens[ index ].run( percent );
+			}
+
+			deferred.notifyWith( elem, [ animation, percent, remaining ]);
+
+			if ( percent < 1 && length ) {
+				return remaining;
+			} else {
+				deferred.resolveWith( elem, [ animation ] );
+				return false;
+			}
+		},
+		animation = deferred.promise({
+			elem: elem,
+			props: jQuery.extend( {}, properties ),
+			opts: jQuery.extend( true, { specialEasing: {} }, options ),
+			originalProperties: properties,
+			originalOptions: options,
+			startTime: fxNow || createFxNow(),
+			duration: options.duration,
+			tweens: [],
+			createTween: function( prop, end ) {
+				var tween = jQuery.Tween( elem, animation.opts, prop, end,
+						animation.opts.specialEasing[ prop ] || animation.opts.easing );
+				animation.tweens.push( tween );
+				return tween;
+			},
+			stop: function( gotoEnd ) {
+				var index = 0,
+					// if we are going to the end, we want to run all the tweens
+					// otherwise we skip this part
+					length = gotoEnd ? animation.tweens.length : 0;
+				if ( stopped ) {
+					return this;
+				}
+				stopped = true;
+				for ( ; index < length ; index++ ) {
+					animation.tweens[ index ].run( 1 );
+				}
+
+				// resolve when we played the last frame
+				// otherwise, reject
+				if ( gotoEnd ) {
+					deferred.resolveWith( elem, [ animation, gotoEnd ] );
+				} else {
+					deferred.rejectWith( elem, [ animation, gotoEnd ] );
+				}
+				return this;
+			}
+		}),
+		props = animation.props;
+
+	propFilter( props, animation.opts.specialEasing );
+
+	for ( ; index < length ; index++ ) {
+		result = animationPrefilters[ index ].call( animation, elem, props, animation.opts );
+		if ( result ) {
+			return result;
+		}
+	}
+
+	jQuery.map( props, createTween, animation );
+
+	if ( jQuery.isFunction( animation.opts.start ) ) {
+		animation.opts.start.call( elem, animation );
+	}
+
+	jQuery.fx.timer(
+		jQuery.extend( tick, {
+			elem: elem,
+			anim: animation,
+			queue: animation.opts.queue
+		})
+	);
+
+	// attach callbacks from options
+	return animation.progress( animation.opts.progress )
+		.done( animation.opts.done, animation.opts.complete )
+		.fail( animation.opts.fail )
+		.always( animation.opts.always );
+}
+
+function propFilter( props, specialEasing ) {
+	var index, name, easing, value, hooks;
+
+	// camelCase, specialEasing and expand cssHook pass
+	for ( index in props ) {
+		name = jQuery.camelCase( index );
+		easing = specialEasing[ name ];
+		value = props[ index ];
+		if ( jQuery.isArray( value ) ) {
+			easing = value[ 1 ];
+			value = props[ index ] = value[ 0 ];
+		}
+
+		if ( index !== name ) {
+			props[ name ] = value;
+			delete props[ index ];
+		}
+
+		hooks = jQuery.cssHooks[ name ];
+		if ( hooks && "expand" in hooks ) {
+			value = hooks.expand( value );
+			delete props[ name ];
+
+			// not quite $.extend, this wont overwrite keys already present.
+			// also - reusing 'index' from above because we have the correct "name"
+			for ( index in value ) {
+				if ( !( index in props ) ) {
+					props[ index ] = value[ index ];
+					specialEasing[ index ] = easing;
+				}
+			}
+		} else {
+			specialEasing[ name ] = easing;
+		}
+	}
+}
+
+jQuery.Animation = jQuery.extend( Animation, {
+
+	tweener: function( props, callback ) {
+		if ( jQuery.isFunction( props ) ) {
+			callback = props;
+			props = [ "*" ];
+		} else {
+			props = props.split(" ");
+		}
+
+		var prop,
+			index = 0,
+			length = props.length;
+
+		for ( ; index < length ; index++ ) {
+			prop = props[ index ];
+			tweeners[ prop ] = tweeners[ prop ] || [];
+			tweeners[ prop ].unshift( callback );
+		}
+	},
+
+	prefilter: function( callback, prepend ) {
+		if ( prepend ) {
+			animationPrefilters.unshift( callback );
+		} else {
+			animationPrefilters.push( callback );
+		}
+	}
+});
+
+function defaultPrefilter( elem, props, opts ) {
+	/* jshint validthis: true */
+	var prop, value, toggle, tween, hooks, oldfire,
+		anim = this,
+		orig = {},
+		style = elem.style,
+		hidden = elem.nodeType && isHidden( elem ),
+		dataShow = jQuery._data( elem, "fxshow" );
+
+	// handle queue: false promises
+	if ( !opts.queue ) {
+		hooks = jQuery._queueHooks( elem, "fx" );
+		if ( hooks.unqueued == null ) {
+			hooks.unqueued = 0;
+			oldfire = hooks.empty.fire;
+			hooks.empty.fire = function() {
+				if ( !hooks.unqueued ) {
+					oldfire();
+				}
+			};
+		}
+		hooks.unqueued++;
+
+		anim.always(function() {
+			// doing this makes sure that the complete handler will be called
+			// before this completes
+			anim.always(function() {
+				hooks.unqueued--;
+				if ( !jQuery.queue( elem, "fx" ).length ) {
+					hooks.empty.fire();
+				}
+			});
+		});
+	}
+
+	// height/width overflow pass
+	if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
+		// Make sure that nothing sneaks out
+		// Record all 3 overflow attributes because IE does not
+		// change the overflow attribute when overflowX and
+		// overflowY are set to the same value
+		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
+
+		// Set display property to inline-block for height/width
+		// animations on inline elements that are having width/height animated
+		if ( jQuery.css( elem, "display" ) === "inline" &&
+				jQuery.css( elem, "float" ) === "none" ) {
+
+			// inline-level elements accept inline-block;
+			// block-level elements need to be inline with layout
+			if ( !jQuery.support.inlineBlockNeedsLayout || css_defaultDisplay( elem.nodeName ) === "inline" ) {
+				style.display = "inline-block";
+
+			} else {
+				style.zoom = 1;
+			}
+		}
+	}
+
+	if ( opts.overflow ) {
+		style.overflow = "hidden";
+		if ( !jQuery.support.shrinkWrapBlocks ) {
+			anim.always(function() {
+				style.overflow = opts.overflow[ 0 ];
+				style.overflowX = opts.overflow[ 1 ];
+				style.overflowY = opts.overflow[ 2 ];
+			});
+		}
+	}
+
+
+	// show/hide pass
+	for ( prop in props ) {
+		value = props[ prop ];
+		if ( rfxtypes.exec( value ) ) {
+			delete props[ prop ];
+			toggle = toggle || value === "toggle";
+			if ( value === ( hidden ? "hide" : "show" ) ) {
+				continue;
+			}
+			orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop );
+		}
+	}
+
+	if ( !jQuery.isEmptyObject( orig ) ) {
+		if ( dataShow ) {
+			if ( "hidden" in dataShow ) {
+				hidden = dataShow.hidden;
+			}
+		} else {
+			dataShow = jQuery._data( elem, "fxshow", {} );
+		}
+
+		// store state if its toggle - enables .stop().toggle() to "reverse"
+		if ( toggle ) {
+			dataShow.hidden = !hidden;
+		}
+		if ( hidden ) {
+			jQuery( elem ).show();
+		} else {
+			anim.done(function() {
+				jQuery( elem ).hide();
+			});
+		}
+		anim.done(function() {
+			var prop;
+			jQuery._removeData( elem, "fxshow" );
+			for ( prop in orig ) {
+				jQuery.style( elem, prop, orig[ prop ] );
+			}
+		});
+		for ( prop in orig ) {
+			tween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim );
+
+			if ( !( prop in dataShow ) ) {
+				dataShow[ prop ] = tween.start;
+				if ( hidden ) {
+					tween.end = tween.start;
+					tween.start = prop === "width" || prop === "height" ? 1 : 0;
+				}
+			}
+		}
+	}
+}
+
+function Tween( elem, options, prop, end, easing ) {
+	return new Tween.prototype.init( elem, options, prop, end, easing );
+}
+jQuery.Tween = Tween;
+
+Tween.prototype = {
+	constructor: Tween,
+	init: function( elem, options, prop, end, easing, unit ) {
+		this.elem = elem;
+		this.prop = prop;
+		this.easing = easing || "swing";
+		this.options = options;
+		this.start = this.now = this.cur();
+		this.end = end;
+		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+	},
+	cur: function() {
+		var hooks = Tween.propHooks[ this.prop ];
+
+		return hooks && hooks.get ?
+			hooks.get( this ) :
+			Tween.propHooks._default.get( this );
+	},
+	run: function( percent ) {
+		var eased,
+			hooks = Tween.propHooks[ this.prop ];
+
+		if ( this.options.duration ) {
+			this.pos = eased = jQuery.easing[ this.easing ](
+				percent, this.options.duration * percent, 0, 1, this.options.duration
+			);
+		} else {
+			this.pos = eased = percent;
+		}
+		this.now = ( this.end - this.start ) * eased + this.start;
+
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		if ( hooks && hooks.set ) {
+			hooks.set( this );
+		} else {
+			Tween.propHooks._default.set( this );
+		}
+		return this;
+	}
+};
+
+Tween.prototype.init.prototype = Tween.prototype;
+
+Tween.propHooks = {
+	_default: {
+		get: function( tween ) {
+			var result;
+
+			if ( tween.elem[ tween.prop ] != null &&
+				(!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) {
+				return tween.elem[ tween.prop ];
+			}
+
+			// passing an empty string as a 3rd parameter to .css will automatically
+			// attempt a parseFloat and fallback to a string if the parse fails
+			// so, simple values such as "10px" are parsed to Float.
+			// complex values such as "rotate(1rad)" are returned as is.
+			result = jQuery.css( tween.elem, tween.prop, "" );
+			// Empty strings, null, undefined and "auto" are converted to 0.
+			return !result || result === "auto" ? 0 : result;
+		},
+		set: function( tween ) {
+			// use step hook for back compat - use cssHook if its there - use .style if its
+			// available and use plain properties where available
+			if ( jQuery.fx.step[ tween.prop ] ) {
+				jQuery.fx.step[ tween.prop ]( tween );
+			} else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) {
+				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
+			} else {
+				tween.elem[ tween.prop ] = tween.now;
+			}
+		}
+	}
+};
+
+// Support: IE <=9
+// Panic based approach to setting things on disconnected nodes
+
+Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+	set: function( tween ) {
+		if ( tween.elem.nodeType && tween.elem.parentNode ) {
+			tween.elem[ tween.prop ] = tween.now;
+		}
+	}
+};
+
+jQuery.each([ "toggle", "show", "hide" ], function( i, name ) {
+	var cssFn = jQuery.fn[ name ];
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return speed == null || typeof speed === "boolean" ?
+			cssFn.apply( this, arguments ) :
+			this.animate( genFx( name, true ), speed, easing, callback );
+	};
+});
+
+jQuery.fn.extend({
+	fadeTo: function( speed, to, easing, callback ) {
+
+		// show any hidden elements after setting opacity to 0
+		return this.filter( isHidden ).css( "opacity", 0 ).show()
+
+			// animate to the value specified
+			.end().animate({ opacity: to }, speed, easing, callback );
+	},
+	animate: function( prop, speed, easing, callback ) {
+		var empty = jQuery.isEmptyObject( prop ),
+			optall = jQuery.speed( speed, easing, callback ),
+			doAnimation = function() {
+				// Operate on a copy of prop so per-property easing won't be lost
+				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
+
+				// Empty animations, or finishing resolves immediately
+				if ( empty || jQuery._data( this, "finish" ) ) {
+					anim.stop( true );
+				}
+			};
+			doAnimation.finish = doAnimation;
+
+		return empty || optall.queue === false ?
+			this.each( doAnimation ) :
+			this.queue( optall.queue, doAnimation );
+	},
+	stop: function( type, clearQueue, gotoEnd ) {
+		var stopQueue = function( hooks ) {
+			var stop = hooks.stop;
+			delete hooks.stop;
+			stop( gotoEnd );
+		};
+
+		if ( typeof type !== "string" ) {
+			gotoEnd = clearQueue;
+			clearQueue = type;
+			type = undefined;
+		}
+		if ( clearQueue && type !== false ) {
+			this.queue( type || "fx", [] );
+		}
+
+		return this.each(function() {
+			var dequeue = true,
+				index = type != null && type + "queueHooks",
+				timers = jQuery.timers,
+				data = jQuery._data( this );
+
+			if ( index ) {
+				if ( data[ index ] && data[ index ].stop ) {
+					stopQueue( data[ index ] );
+				}
+			} else {
+				for ( index in data ) {
+					if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
+						stopQueue( data[ index ] );
+					}
+				}
+			}
+
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
+					timers[ index ].anim.stop( gotoEnd );
+					dequeue = false;
+					timers.splice( index, 1 );
+				}
+			}
+
+			// start the next in the queue if the last step wasn't forced
+			// timers currently will call their complete callbacks, which will dequeue
+			// but only if they were gotoEnd
+			if ( dequeue || !gotoEnd ) {
+				jQuery.dequeue( this, type );
+			}
+		});
+	},
+	finish: function( type ) {
+		if ( type !== false ) {
+			type = type || "fx";
+		}
+		return this.each(function() {
+			var index,
+				data = jQuery._data( this ),
+				queue = data[ type + "queue" ],
+				hooks = data[ type + "queueHooks" ],
+				timers = jQuery.timers,
+				length = queue ? queue.length : 0;
+
+			// enable finishing flag on private data
+			data.finish = true;
+
+			// empty the queue first
+			jQuery.queue( this, type, [] );
+
+			if ( hooks && hooks.stop ) {
+				hooks.stop.call( this, true );
+			}
+
+			// look for any active animations, and finish them
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
+					timers[ index ].anim.stop( true );
+					timers.splice( index, 1 );
+				}
+			}
+
+			// look for any animations in the old queue and finish them
+			for ( index = 0; index < length; index++ ) {
+				if ( queue[ index ] && queue[ index ].finish ) {
+					queue[ index ].finish.call( this );
+				}
+			}
+
+			// turn off finishing flag
+			delete data.finish;
+		});
+	}
+});
+
+// Generate parameters to create a standard animation
+function genFx( type, includeWidth ) {
+	var which,
+		attrs = { height: type },
+		i = 0;
+
+	// if we include width, step value is 1 to do all cssExpand values,
+	// if we don't include width, step value is 2 to skip over Left and Right
+	includeWidth = includeWidth? 1 : 0;
+	for( ; i < 4 ; i += 2 - includeWidth ) {
+		which = cssExpand[ i ];
+		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
+	}
+
+	if ( includeWidth ) {
+		attrs.opacity = attrs.width = type;
+	}
+
+	return attrs;
+}
+
+// Generate shortcuts for custom animations
+jQuery.each({
+	slideDown: genFx("show"),
+	slideUp: genFx("hide"),
+	slideToggle: genFx("toggle"),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+});
+
+jQuery.speed = function( speed, easing, fn ) {
+	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
+		complete: fn || !fn && easing ||
+			jQuery.isFunction( speed ) && speed,
+		duration: speed,
+		easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
+	};
+
+	opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+		opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
+
+	// normalize opt.queue - true/undefined/null -> "fx"
+	if ( opt.queue == null || opt.queue === true ) {
+		opt.queue = "fx";
+	}
+
+	// Queueing
+	opt.old = opt.complete;
+
+	opt.complete = function() {
+		if ( jQuery.isFunction( opt.old ) ) {
+			opt.old.call( this );
+		}
+
+		if ( opt.queue ) {
+			jQuery.dequeue( this, opt.queue );
+		}
+	};
+
+	return opt;
+};
+
+jQuery.easing = {
+	linear: function( p ) {
+		return p;
+	},
+	swing: function( p ) {
+		return 0.5 - Math.cos( p*Math.PI ) / 2;
+	}
+};
+
+jQuery.timers = [];
+jQuery.fx = Tween.prototype.init;
+jQuery.fx.tick = function() {
+	var timer,
+		timers = jQuery.timers,
+		i = 0;
+
+	fxNow = jQuery.now();
+
+	for ( ; i < timers.length; i++ ) {
+		timer = timers[ i ];
+		// Checks the timer has not already been removed
+		if ( !timer() && timers[ i ] === timer ) {
+			timers.splice( i--, 1 );
+		}
+	}
+
+	if ( !timers.length ) {
+		jQuery.fx.stop();
+	}
+	fxNow = undefined;
+};
+
+jQuery.fx.timer = function( timer ) {
+	if ( timer() && jQuery.timers.push( timer ) ) {
+		jQuery.fx.start();
+	}
+};
+
+jQuery.fx.interval = 13;
+
+jQuery.fx.start = function() {
+	if ( !timerId ) {
+		timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval );
+	}
+};
+
+jQuery.fx.stop = function() {
+	clearInterval( timerId );
+	timerId = null;
+};
+
+jQuery.fx.speeds = {
+	slow: 600,
+	fast: 200,
+	// Default speed
+	_default: 400
+};
+
+// Back Compat <1.8 extension point
+jQuery.fx.step = {};
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.animated = function( elem ) {
+		return jQuery.grep(jQuery.timers, function( fn ) {
+			return elem === fn.elem;
+		}).length;
+	};
+}
+jQuery.fn.offset = function( options ) {
+	if ( arguments.length ) {
+		return options === undefined ?
+			this :
+			this.each(function( i ) {
+				jQuery.offset.setOffset( this, options, i );
+			});
+	}
+
+	var docElem, win,
+		box = { top: 0, left: 0 },
+		elem = this[ 0 ],
+		doc = elem && elem.ownerDocument;
+
+	if ( !doc ) {
+		return;
+	}
+
+	docElem = doc.documentElement;
+
+	// Make sure it's not a disconnected DOM node
+	if ( !jQuery.contains( docElem, elem ) ) {
+		return box;
+	}
+
+	// If we don't have gBCR, just use 0,0 rather than error
+	// BlackBerry 5, iOS 3 (original iPhone)
+	if ( typeof elem.getBoundingClientRect !== core_strundefined ) {
+		box = elem.getBoundingClientRect();
+	}
+	win = getWindow( doc );
+	return {
+		top: box.top  + ( win.pageYOffset || docElem.scrollTop )  - ( docElem.clientTop  || 0 ),
+		left: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
+	};
+};
+
+jQuery.offset = {
+
+	setOffset: function( elem, options, i ) {
+		var position = jQuery.css( elem, "position" );
+
+		// set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		var curElem = jQuery( elem ),
+			curOffset = curElem.offset(),
+			curCSSTop = jQuery.css( elem, "top" ),
+			curCSSLeft = jQuery.css( elem, "left" ),
+			calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
+			props = {}, curPosition = {}, curTop, curLeft;
+
+		// need to be able to calculate position if either top or left is auto and position is either absolute or fixed
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+			curTop = curPosition.top;
+			curLeft = curPosition.left;
+		} else {
+			curTop = parseFloat( curCSSTop ) || 0;
+			curLeft = parseFloat( curCSSLeft ) || 0;
+		}
+
+		if ( jQuery.isFunction( options ) ) {
+			options = options.call( elem, i, curOffset );
+		}
+
+		if ( options.top != null ) {
+			props.top = ( options.top - curOffset.top ) + curTop;
+		}
+		if ( options.left != null ) {
+			props.left = ( options.left - curOffset.left ) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+
+jQuery.fn.extend({
+
+	position: function() {
+		if ( !this[ 0 ] ) {
+			return;
+		}
+
+		var offsetParent, offset,
+			parentOffset = { top: 0, left: 0 },
+			elem = this[ 0 ];
+
+		// fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is it's only offset parent
+		if ( jQuery.css( elem, "position" ) === "fixed" ) {
+			// we assume that getBoundingClientRect is available when computed position is fixed
+			offset = elem.getBoundingClientRect();
+		} else {
+			// Get *real* offsetParent
+			offsetParent = this.offsetParent();
+
+			// Get correct offsets
+			offset = this.offset();
+			if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+				parentOffset = offsetParent.offset();
+			}
+
+			// Add offsetParent borders
+			parentOffset.top  += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+			parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+		}
+
+		// Subtract parent offsets and element margins
+		// note: when an element has margin: auto the offsetLeft and marginLeft
+		// are the same in Safari causing offset.left to incorrectly be 0
+		return {
+			top:  offset.top  - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+			left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true)
+		};
+	},
+
+	offsetParent: function() {
+		return this.map(function() {
+			var offsetParent = this.offsetParent || docElem;
+			while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) && jQuery.css( offsetParent, "position") === "static" ) ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+			return offsetParent || docElem;
+		});
+	}
+});
+
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( {scrollLeft: "pageXOffset", scrollTop: "pageYOffset"}, function( method, prop ) {
+	var top = /Y/.test( prop );
+
+	jQuery.fn[ method ] = function( val ) {
+		return jQuery.access( this, function( elem, method, val ) {
+			var win = getWindow( elem );
+
+			if ( val === undefined ) {
+				return win ? (prop in win) ? win[ prop ] :
+					win.document.documentElement[ method ] :
+					elem[ method ];
+			}
+
+			if ( win ) {
+				win.scrollTo(
+					!top ? val : jQuery( win ).scrollLeft(),
+					top ? val : jQuery( win ).scrollTop()
+				);
+
+			} else {
+				elem[ method ] = val;
+			}
+		}, method, val, arguments.length, null );
+	};
+});
+
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ?
+		elem :
+		elem.nodeType === 9 ?
+			elem.defaultView || elem.parentWindow :
+			false;
+}
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
+		// margin is only for outerHeight, outerWidth
+		jQuery.fn[ funcName ] = function( margin, value ) {
+			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+				extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+			return jQuery.access( this, function( elem, type, value ) {
+				var doc;
+
+				if ( jQuery.isWindow( elem ) ) {
+					// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+					// isn't a whole lot we can do. See pull request at this URL for discussion:
+					// https://github.com/jquery/jquery/pull/764
+					return elem.document.documentElement[ "client" + name ];
+				}
+
+				// Get document width or height
+				if ( elem.nodeType === 9 ) {
+					doc = elem.documentElement;
+
+					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
+					// unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
+					return Math.max(
+						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+						elem.body[ "offset" + name ], doc[ "offset" + name ],
+						doc[ "client" + name ]
+					);
+				}
+
+				return value === undefined ?
+					// Get width or height on the element, requesting but not forcing parseFloat
+					jQuery.css( elem, type, extra ) :
+
+					// Set width or height on the element
+					jQuery.style( elem, type, value, extra );
+			}, type, chainable ? margin : undefined, chainable, null );
+		};
+	});
+});
+// Limit scope pollution from any deprecated API
+// (function() {
+
+// The number of elements contained in the matched element set
+jQuery.fn.size = function() {
+	return this.length;
+};
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+// })();
+if ( typeof module === "object" && module && typeof module.exports === "object" ) {
+	// Expose jQuery as module.exports in loaders that implement the Node
+	// module pattern (including browserify). Do not create the global, since
+	// the user will be storing it themselves locally, and globals are frowned
+	// upon in the Node module world.
+	module.exports = jQuery;
+} else {
+	// Otherwise expose jQuery to the global object as usual
+	window.jQuery = window.$ = jQuery;
+
+	// Register as a named AMD module, since jQuery can be concatenated with other
+	// files that may use define, but not via a proper concatenation script that
+	// understands anonymous AMD modules. A named AMD is safest and most robust
+	// way to register. Lowercase jquery is used because AMD module names are
+	// derived from file names, and jQuery is normally delivered in a lowercase
+	// file name. Do this after creating the global so that if an AMD module wants
+	// to call noConflict to hide this version of jQuery, it will work.
+	if ( typeof define === "function" && define.amd ) {
+		define( "jquery", [], function () { return jQuery; } );
+	}
+}
+
+})( window );
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/jquery-1.10.2.min.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/jquery-1.10.2.min.js
new file mode 100644
index 000000000..da4170647
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/jquery-1.10.2.min.js
@@ -0,0 +1,6 @@
+/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
+//@ sourceMappingURL=jquery-1.10.2.min.map
+*/
+(function(e,t){var n,r,i=typeof t,o=e.location,a=e.document,s=a.documentElement,l=e.jQuery,u=e.$,c={},p=[],f="1.10.2",d=p.concat,h=p.push,g=p.slice,m=p.indexOf,y=c.toString,v=c.hasOwnProperty,b=f.trim,x=function(e,t){return new x.fn.init(e,t,r)},w=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,N=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,k=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,E=/^[\],:{}\s]*$/,S=/(?:^|:|,)(?:\s*\[)+/g,A=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,j=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,D=/^-ms-/,L=/-([\da-z])/gi,H=function(e,t){return t.toUpperCase()},q=function(e){(a.addEventListener||"load"===e.type||"complete"===a.readyState)&&(_(),x.ready())},_=function(){a.addEventListener?(a.removeEventListener("DOMContentLoaded",q,!1),e.removeEventListener("load",q,!1)):(a.detachEvent("onreadystatechange",q),e.detachEvent("onload",q))};x.fn=x.prototype={jquery:f,constructor:x,init:function(e,n,r){var i,o;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof x?n[0]:n,x.merge(this,x.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:a,!0)),k.test(i[1])&&x.isPlainObject(n))for(i in n)x.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(o=a.getElementById(i[2]),o&&o.parentNode){if(o.id!==i[2])return r.find(e);this.length=1,this[0]=o}return this.context=a,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return g.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(g.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},l=1,u=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},l=2),"object"==typeof s||x.isFunction(s)||(s={}),u===l&&(s=this,--l);u>l;l++)if(null!=(o=arguments[l]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(x.isPlainObject(r)||(n=x.isArray(r)))?(n?(n=!1,a=e&&x.isArray(e)?e:[]):a=e&&x.isPlainObject(e)?e:{},s[i]=x.extend(c,a,r)):r!==t&&(s[i]=r));return s},x.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=l),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){if(e===!0?!--x.readyWait:!x.isReady){if(!a.body)return setTimeout(x.ready);x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(a,[x]),x.fn.trigger&&x(a).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray||function(e){return"array"===x.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?c[y.call(e)]||"object":typeof e},isPlainObject:function(e){var n;if(!e||"object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!v.call(e,"constructor")&&!v.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(r){return!1}if(x.support.ownLast)for(n in e)return v.call(e,n);for(n in e);return n===t||v.call(e,n)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||a;var r=k.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=x.trim(n),n&&E.test(n.replace(A,"@").replace(j,"]").replace(S,"")))?Function("return "+n)():(x.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||x.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&x.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(D,"ms-").replace(L,H)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:b&&!b.call("\ufeff\u00a0")?function(e){return null==e?"":b.call(e)}:function(e){return null==e?"":(e+"").replace(C,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(m)return m.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return d.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),x.isFunction(e)?(r=g.call(arguments,2),i=function(){return e.apply(n||this,r.concat(g.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):t},access:function(e,n,r,i,o,a,s){var l=0,u=e.length,c=null==r;if("object"===x.type(r)){o=!0;for(l in r)x.access(e,n,l,r[l],!0,a,s)}else if(i!==t&&(o=!0,x.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(x(e),n)})),n))for(;u>l;l++)n(e[l],r,s?i:i.call(e[l],l,n(e[l],r)));return o?e:c?n.call(e):u?n(e[0],r):a},now:function(){return(new Date).getTime()},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),x.ready.promise=function(t){if(!n)if(n=x.Deferred(),"complete"===a.readyState)setTimeout(x.ready);else if(a.addEventListener)a.addEventListener("DOMContentLoaded",q,!1),e.addEventListener("load",q,!1);else{a.attachEvent("onreadystatechange",q),e.attachEvent("onload",q);var r=!1;try{r=null==e.frameElement&&a.documentElement}catch(i){}r&&r.doScroll&&function o(){if(!x.isReady){try{r.doScroll("left")}catch(e){return setTimeout(o,50)}_(),x.ready()}}()}return n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){c["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}r=x(a),function(e,t){var n,r,i,o,a,s,l,u,c,p,f,d,h,g,m,y,v,b="sizzle"+-new Date,w=e.document,T=0,C=0,N=st(),k=st(),E=st(),S=!1,A=function(e,t){return e===t?(S=!0,0):0},j=typeof t,D=1<<31,L={}.hasOwnProperty,H=[],q=H.pop,_=H.push,M=H.push,O=H.slice,F=H.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},B="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",P="[\\x20\\t\\r\\n\\f]",R="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",W=R.replace("w","w#"),$="\\["+P+"*("+R+")"+P+"*(?:([*^$|!~]?=)"+P+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+W+")|)|)"+P+"*\\]",I=":("+R+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+$.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+P+"+|((?:^|[^\\\\])(?:\\\\.)*)"+P+"+$","g"),X=RegExp("^"+P+"*,"+P+"*"),U=RegExp("^"+P+"*([>+~]|"+P+")"+P+"*"),V=RegExp(P+"*[+~]"),Y=RegExp("="+P+"*([^\\]'\"]*)"+P+"*\\]","g"),J=RegExp(I),G=RegExp("^"+W+"$"),Q={ID:RegExp("^#("+R+")"),CLASS:RegExp("^\\.("+R+")"),TAG:RegExp("^("+R.replace("w","w*")+")"),ATTR:RegExp("^"+$),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+P+"*(even|odd|(([+-]|)(\\d*)n|)"+P+"*(?:([+-]|)"+P+"*(\\d+)|))"+P+"*\\)|)","i"),bool:RegExp("^(?:"+B+")$","i"),needsContext:RegExp("^"+P+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+P+"*((?:-\\d)?\\d*)"+P+"*\\)|)(?=[^-]|$)","i")},K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,et=/^(?:input|select|textarea|button)$/i,tt=/^h\d$/i,nt=/'|\\/g,rt=RegExp("\\\\([\\da-f]{1,6}"+P+"?|("+P+")|.)","ig"),it=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{M.apply(H=O.call(w.childNodes),w.childNodes),H[w.childNodes.length].nodeType}catch(ot){M={apply:H.length?function(e,t){_.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function at(e,t,n,i){var o,a,s,l,u,c,d,m,y,x;if((t?t.ownerDocument||t:w)!==f&&p(t),t=t||f,n=n||[],!e||"string"!=typeof e)return n;if(1!==(l=t.nodeType)&&9!==l)return[];if(h&&!i){if(o=Z.exec(e))if(s=o[1]){if(9===l){if(a=t.getElementById(s),!a||!a.parentNode)return n;if(a.id===s)return n.push(a),n}else if(t.ownerDocument&&(a=t.ownerDocument.getElementById(s))&&v(t,a)&&a.id===s)return n.push(a),n}else{if(o[2])return M.apply(n,t.getElementsByTagName(e)),n;if((s=o[3])&&r.getElementsByClassName&&t.getElementsByClassName)return M.apply(n,t.getElementsByClassName(s)),n}if(r.qsa&&(!g||!g.test(e))){if(m=d=b,y=t,x=9===l&&e,1===l&&"object"!==t.nodeName.toLowerCase()){c=mt(e),(d=t.getAttribute("id"))?m=d.replace(nt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",u=c.length;while(u--)c[u]=m+yt(c[u]);y=V.test(e)&&t.parentNode||t,x=c.join(",")}if(x)try{return M.apply(n,y.querySelectorAll(x)),n}catch(T){}finally{d||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,n,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>o.cacheLength&&delete t[e.shift()],t[n]=r}return t}function lt(e){return e[b]=!0,e}function ut(e){var t=f.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function ct(e,t){var n=e.split("|"),r=e.length;while(r--)o.attrHandle[n[r]]=t}function pt(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function dt(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return lt(function(t){return t=+t,lt(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}s=at.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},r=at.support={},p=at.setDocument=function(e){var n=e?e.ownerDocument||e:w,i=n.defaultView;return n!==f&&9===n.nodeType&&n.documentElement?(f=n,d=n.documentElement,h=!s(n),i&&i.attachEvent&&i!==i.top&&i.attachEvent("onbeforeunload",function(){p()}),r.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),r.getElementsByTagName=ut(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),r.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),r.getById=ut(function(e){return d.appendChild(e).id=b,!n.getElementsByName||!n.getElementsByName(b).length}),r.getById?(o.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},o.filter.ID=function(e){var t=e.replace(rt,it);return function(e){return e.getAttribute("id")===t}}):(delete o.find.ID,o.filter.ID=function(e){var t=e.replace(rt,it);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),o.find.TAG=r.getElementsByTagName?function(e,n){return typeof n.getElementsByTagName!==j?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},o.find.CLASS=r.getElementsByClassName&&function(e,n){return typeof n.getElementsByClassName!==j&&h?n.getElementsByClassName(e):t},m=[],g=[],(r.qsa=K.test(n.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||g.push("\\["+P+"*(?:value|"+B+")"),e.querySelectorAll(":checked").length||g.push(":checked")}),ut(function(e){var t=n.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&g.push("[*^$]="+P+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||g.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),g.push(",.*:")})),(r.matchesSelector=K.test(y=d.webkitMatchesSelector||d.mozMatchesSelector||d.oMatchesSelector||d.msMatchesSelector))&&ut(function(e){r.disconnectedMatch=y.call(e,"div"),y.call(e,"[s!='']:x"),m.push("!=",I)}),g=g.length&&RegExp(g.join("|")),m=m.length&&RegExp(m.join("|")),v=K.test(d.contains)||d.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},A=d.compareDocumentPosition?function(e,t){if(e===t)return S=!0,0;var i=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(t);return i?1&i||!r.sortDetached&&t.compareDocumentPosition(e)===i?e===n||v(w,e)?-1:t===n||v(w,t)?1:c?F.call(c,e)-F.call(c,t):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return S=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:c?F.call(c,e)-F.call(c,t):0;if(o===a)return pt(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while(s[i]===l[i])i++;return i?pt(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},n):f},at.matches=function(e,t){return at(e,null,null,t)},at.matchesSelector=function(e,t){if((e.ownerDocument||e)!==f&&p(e),t=t.replace(Y,"='$1']"),!(!r.matchesSelector||!h||m&&m.test(t)||g&&g.test(t)))try{var n=y.call(e,t);if(n||r.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(i){}return at(t,f,null,[e]).length>0},at.contains=function(e,t){return(e.ownerDocument||e)!==f&&p(e),v(e,t)},at.attr=function(e,n){(e.ownerDocument||e)!==f&&p(e);var i=o.attrHandle[n.toLowerCase()],a=i&&L.call(o.attrHandle,n.toLowerCase())?i(e,n,!h):t;return a===t?r.attributes||!h?e.getAttribute(n):(a=e.getAttributeNode(n))&&a.specified?a.value:null:a},at.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},at.uniqueSort=function(e){var t,n=[],i=0,o=0;if(S=!r.detectDuplicates,c=!r.sortStable&&e.slice(0),e.sort(A),S){while(t=e[o++])t===e[o]&&(i=n.push(o));while(i--)e.splice(n[i],1)}return e},a=at.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=a(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=a(t);return n},o=at.selectors={cacheLength:50,createPseudo:lt,match:Q,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(rt,it),e[3]=(e[4]||e[5]||"").replace(rt,it),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||at.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&at.error(e[0]),e},PSEUDO:function(e){var n,r=!e[5]&&e[2];return Q.CHILD.test(e[0])?null:(e[3]&&e[4]!==t?e[2]=e[4]:r&&J.test(r)&&(n=mt(r,!0))&&(n=r.indexOf(")",r.length-n)-r.length)&&(e[0]=e[0].slice(0,n),e[2]=r.slice(0,n)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(rt,it).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=N[e+" "];return t||(t=RegExp("(^|"+P+")"+e+"("+P+"|$)"))&&N(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=at.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,l){var u,c,p,f,d,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!l&&!s;if(m){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){c=m[b]||(m[b]={}),u=c[e]||[],d=u[0]===T&&u[1],f=u[0]===T&&u[2],p=d&&m.childNodes[d];while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[T,d,f];break}}else if(v&&(u=(t[b]||(t[b]={}))[e])&&u[0]===T)f=u[1];else while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(v&&((p[b]||(p[b]={}))[e]=[T,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=o.pseudos[e]||o.setFilters[e.toLowerCase()]||at.error("unsupported pseudo: "+e);return r[b]?r(t):r.length>1?(n=[e,e,"",t],o.setFilters.hasOwnProperty(e.toLowerCase())?lt(function(e,n){var i,o=r(e,t),a=o.length;while(a--)i=F.call(e,o[a]),e[i]=!(n[i]=o[a])}):function(e){return r(e,0,n)}):r}},pseudos:{not:lt(function(e){var t=[],n=[],r=l(e.replace(z,"$1"));return r[b]?lt(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:lt(function(e){return function(t){return at(e,t).length>0}}),contains:lt(function(e){return function(t){return(t.textContent||t.innerText||a(t)).indexOf(e)>-1}}),lang:lt(function(e){return G.test(e||"")||at.error("unsupported lang: "+e),e=e.replace(rt,it).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===d},focus:function(e){return e===f.activeElement&&(!f.hasFocus||f.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!o.pseudos.empty(e)},header:function(e){return tt.test(e.nodeName)},input:function(e){return et.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},o.pseudos.nth=o.pseudos.eq;for(n in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})o.pseudos[n]=ft(n);for(n in{submit:!0,reset:!0})o.pseudos[n]=dt(n);function gt(){}gt.prototype=o.filters=o.pseudos,o.setFilters=new gt;function mt(e,t){var n,r,i,a,s,l,u,c=k[e+" "];if(c)return t?0:c.slice(0);s=e,l=[],u=o.preFilter;while(s){(!n||(r=X.exec(s)))&&(r&&(s=s.slice(r[0].length)||s),l.push(i=[])),n=!1,(r=U.exec(s))&&(n=r.shift(),i.push({value:n,type:r[0].replace(z," ")}),s=s.slice(n.length));for(a in o.filter)!(r=Q[a].exec(s))||u[a]&&!(r=u[a](r))||(n=r.shift(),i.push({value:n,type:a,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?at.error(e):k(e,l).slice(0)}function yt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function vt(e,t,n){var r=t.dir,o=n&&"parentNode"===r,a=C++;return t.first?function(t,n,i){while(t=t[r])if(1===t.nodeType||o)return e(t,n,i)}:function(t,n,s){var l,u,c,p=T+" "+a;if(s){while(t=t[r])if((1===t.nodeType||o)&&e(t,n,s))return!0}else while(t=t[r])if(1===t.nodeType||o)if(c=t[b]||(t[b]={}),(u=c[r])&&u[0]===p){if((l=u[1])===!0||l===i)return l===!0}else if(u=c[r]=[p],u[1]=e(t,n,s)||i,u[1]===!0)return!0}}function bt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,a=[],s=0,l=e.length,u=null!=t;for(;l>s;s++)(o=e[s])&&(!n||n(o,r,i))&&(a.push(o),u&&t.push(s));return a}function wt(e,t,n,r,i,o){return r&&!r[b]&&(r=wt(r)),i&&!i[b]&&(i=wt(i,o)),lt(function(o,a,s,l){var u,c,p,f=[],d=[],h=a.length,g=o||Nt(t||"*",s.nodeType?[s]:s,[]),m=!e||!o&&t?g:xt(g,f,e,s,l),y=n?i||(o?e:h||r)?[]:a:m;if(n&&n(m,y,s,l),r){u=xt(y,d),r(u,[],s,l),c=u.length;while(c--)(p=u[c])&&(y[d[c]]=!(m[d[c]]=p))}if(o){if(i||e){if(i){u=[],c=y.length;while(c--)(p=y[c])&&u.push(m[c]=p);i(null,y=[],u,l)}c=y.length;while(c--)(p=y[c])&&(u=i?F.call(o,p):f[c])>-1&&(o[u]=!(a[u]=p))}}else y=xt(y===a?y.splice(h,y.length):y),i?i(null,a,y,l):M.apply(a,y)})}function Tt(e){var t,n,r,i=e.length,a=o.relative[e[0].type],s=a||o.relative[" "],l=a?1:0,c=vt(function(e){return e===t},s,!0),p=vt(function(e){return F.call(t,e)>-1},s,!0),f=[function(e,n,r){return!a&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;i>l;l++)if(n=o.relative[e[l].type])f=[vt(bt(f),n)];else{if(n=o.filter[e[l].type].apply(null,e[l].matches),n[b]){for(r=++l;i>r;r++)if(o.relative[e[r].type])break;return wt(l>1&&bt(f),l>1&&yt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&Tt(e.slice(l,r)),i>r&&Tt(e=e.slice(r)),i>r&&yt(e))}f.push(n)}return bt(f)}function Ct(e,t){var n=0,r=t.length>0,a=e.length>0,s=function(s,l,c,p,d){var h,g,m,y=[],v=0,b="0",x=s&&[],w=null!=d,C=u,N=s||a&&o.find.TAG("*",d&&l.parentNode||l),k=T+=null==C?1:Math.random()||.1;for(w&&(u=l!==f&&l,i=n);null!=(h=N[b]);b++){if(a&&h){g=0;while(m=e[g++])if(m(h,l,c)){p.push(h);break}w&&(T=k,i=++n)}r&&((h=!m&&h)&&v--,s&&x.push(h))}if(v+=b,r&&b!==v){g=0;while(m=t[g++])m(x,y,l,c);if(s){if(v>0)while(b--)x[b]||y[b]||(y[b]=q.call(p));y=xt(y)}M.apply(p,y),w&&!s&&y.length>0&&v+t.length>1&&at.uniqueSort(p)}return w&&(T=k,u=C),x};return r?lt(s):s}l=at.compile=function(e,t){var n,r=[],i=[],o=E[e+" "];if(!o){t||(t=mt(e)),n=t.length;while(n--)o=Tt(t[n]),o[b]?r.push(o):i.push(o);o=E(e,Ct(i,r))}return o};function Nt(e,t,n){var r=0,i=t.length;for(;i>r;r++)at(e,t[r],n);return n}function kt(e,t,n,i){var a,s,u,c,p,f=mt(e);if(!i&&1===f.length){if(s=f[0]=f[0].slice(0),s.length>2&&"ID"===(u=s[0]).type&&r.getById&&9===t.nodeType&&h&&o.relative[s[1].type]){if(t=(o.find.ID(u.matches[0].replace(rt,it),t)||[])[0],!t)return n;e=e.slice(s.shift().value.length)}a=Q.needsContext.test(e)?0:s.length;while(a--){if(u=s[a],o.relative[c=u.type])break;if((p=o.find[c])&&(i=p(u.matches[0].replace(rt,it),V.test(s[0].type)&&t.parentNode||t))){if(s.splice(a,1),e=i.length&&yt(s),!e)return M.apply(n,i),n;break}}}return l(e,f)(i,t,!h,n,V.test(e)),n}r.sortStable=b.split("").sort(A).join("")===b,r.detectDuplicates=S,p(),r.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(f.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||ct("type|href|height|width",function(e,n,r){return r?t:e.getAttribute(n,"type"===n.toLowerCase()?1:2)}),r.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||ct("value",function(e,n,r){return r||"input"!==e.nodeName.toLowerCase()?t:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||ct(B,function(e,n,r){var i;return r?t:(i=e.getAttributeNode(n))&&i.specified?i.value:e[n]===!0?n.toLowerCase():null}),x.find=at,x.expr=at.selectors,x.expr[":"]=x.expr.pseudos,x.unique=at.uniqueSort,x.text=at.getText,x.isXMLDoc=at.isXML,x.contains=at.contains}(e);var O={};function F(e){var t=O[e]={};return x.each(e.match(T)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?O[e]||F(e):x.extend({},e);var n,r,i,o,a,s,l=[],u=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=l.length,n=!0;l&&o>a;a++)if(l[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,l&&(u?u.length&&c(u.shift()):r?l=[]:p.disable())},p={add:function(){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this},remove:function(){return l&&x.each(arguments,function(e,t){var r;while((r=x.inArray(t,l,r))>-1)l.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:function(e){return e?x.inArray(e,l)>-1:!(!l||!l.length)},empty:function(){return l=[],o=0,this},disable:function(){return l=u=r=t,this},disabled:function(){return!l},lock:function(){return u=t,r||p.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!l||i&&!u||(t=t||[],t=[e,t.slice?t.slice():t],n?u.push(t):c(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var a=o[0],s=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=g.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?g.call(arguments):r,n===s?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},s,l,u;if(r>1)for(s=Array(r),l=Array(r),u=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(a(t,u,n)).fail(o.reject).progress(a(t,l,s)):--i;return i||o.resolveWith(u,n),o.promise()}}),x.support=function(t){var n,r,o,s,l,u,c,p,f,d=a.createElement("div");if(d.setAttribute("className","t"),d.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",n=d.getElementsByTagName("*")||[],r=d.getElementsByTagName("a")[0],!r||!r.style||!n.length)return t;s=a.createElement("select"),u=s.appendChild(a.createElement("option")),o=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t.getSetAttribute="t"!==d.className,t.leadingWhitespace=3===d.firstChild.nodeType,t.tbody=!d.getElementsByTagName("tbody").length,t.htmlSerialize=!!d.getElementsByTagName("link").length,t.style=/top/.test(r.getAttribute("style")),t.hrefNormalized="/a"===r.getAttribute("href"),t.opacity=/^0.5/.test(r.style.opacity),t.cssFloat=!!r.style.cssFloat,t.checkOn=!!o.value,t.optSelected=u.selected,t.enctype=!!a.createElement("form").enctype,t.html5Clone="<:nav></:nav>"!==a.createElement("nav").cloneNode(!0).outerHTML,t.inlineBlockNeedsLayout=!1,t.shrinkWrapBlocks=!1,t.pixelPosition=!1,t.deleteExpando=!0,t.noCloneEvent=!0,t.reliableMarginRight=!0,t.boxSizingReliable=!0,o.checked=!0,t.noCloneChecked=o.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!u.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}o=a.createElement("input"),o.setAttribute("value",""),t.input=""===o.getAttribute("value"),o.value="t",o.setAttribute("type","radio"),t.radioValue="t"===o.value,o.setAttribute("checked","t"),o.setAttribute("name","t"),l=a.createDocumentFragment(),l.appendChild(o),t.appendChecked=o.checked,t.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEvent=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===d.style.backgroundClip;for(f in x(t))break;return t.ownLast="0"!==f,x(function(){var n,r,o,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",l=a.getElementsByTagName("body")[0];l&&(n=a.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",l.appendChild(n).appendChild(d),d.innerHTML="<table><tr><td></td><td>t</td></tr></table>",o=d.getElementsByTagName("td"),o[0].style.cssText="padding:0;margin:0;border:0;display:none",p=0===o[0].offsetHeight,o[0].style.display="",o[1].style.display="none",t.reliableHiddenOffsets=p&&0===o[0].offsetHeight,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",x.swap(l,null!=l.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===d.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(a.createElement("div")),r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="<div></div>",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBlockNeedsLayout&&(l.style.zoom=1)),l.removeChild(n),n=d=o=r=null)}),n=s=l=u=r=o=null,t
+}({});var B=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,P=/([A-Z])/g;function R(e,n,r,i){if(x.acceptData(e)){var o,a,s=x.expando,l=e.nodeType,u=l?x.cache:e,c=l?e[s]:e[s]&&s;if(c&&u[c]&&(i||u[c].data)||r!==t||"string"!=typeof n)return c||(c=l?e[s]=p.pop()||x.guid++:s),u[c]||(u[c]=l?{}:{toJSON:x.noop}),("object"==typeof n||"function"==typeof n)&&(i?u[c]=x.extend(u[c],n):u[c].data=x.extend(u[c].data,n)),a=u[c],i||(a.data||(a.data={}),a=a.data),r!==t&&(a[x.camelCase(n)]=r),"string"==typeof n?(o=a[n],null==o&&(o=a[x.camelCase(n)])):o=a,o}}function W(e,t,n){if(x.acceptData(e)){var r,i,o=e.nodeType,a=o?x.cache:e,s=o?e[x.expando]:x.expando;if(a[s]){if(t&&(r=n?a[s]:a[s].data)){x.isArray(t)?t=t.concat(x.map(t,x.camelCase)):t in r?t=[t]:(t=x.camelCase(t),t=t in r?[t]:t.split(" ")),i=t.length;while(i--)delete r[t[i]];if(n?!I(r):!x.isEmptyObject(r))return}(n||(delete a[s].data,I(a[s])))&&(o?x.cleanData([e],!0):x.support.deleteExpando||a!=a.window?delete a[s]:a[s]=null)}}}x.extend({cache:{},noData:{applet:!0,embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(e){return e=e.nodeType?x.cache[e[x.expando]]:e[x.expando],!!e&&!I(e)},data:function(e,t,n){return R(e,t,n)},removeData:function(e,t){return W(e,t)},_data:function(e,t,n){return R(e,t,n,!0)},_removeData:function(e,t){return W(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1;var t=e.nodeName&&x.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classid")===t}}),x.fn.extend({data:function(e,n){var r,i,o=null,a=0,s=this[0];if(e===t){if(this.length&&(o=x.data(s),1===s.nodeType&&!x._data(s,"parsedAttrs"))){for(r=s.attributes;r.length>a;a++)i=r[a].name,0===i.indexOf("data-")&&(i=x.camelCase(i.slice(5)),$(s,i,o[i]));x._data(s,"parsedAttrs",!0)}return o}return"object"==typeof e?this.each(function(){x.data(this,e)}):arguments.length>1?this.each(function(){x.data(this,e,n)}):s?$(s,e,x.data(s,e)):null},removeData:function(e){return this.each(function(){x.removeData(this,e)})}});function $(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(P,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:B.test(r)?x.parseJSON(r):r}catch(o){}x.data(e,n,r)}else r=t}return r}function I(e){var t;for(t in e)if(("data"!==t||!x.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}x.extend({queue:function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=x._data(e,n),r&&(!i||x.isArray(r)?i=x._data(e,n,x.makeArray(r)):i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),a=function(){x.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return x._data(e,n)||x._data(e,n,{empty:x.Callbacks("once memory").add(function(){x._removeData(e,t+"queue"),x._removeData(e,n)})})}}),x.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?x.queue(this[0],e):n===t?this:this.each(function(){var t=x.queue(this,e,n);x._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=x.Deferred(),a=this,s=this.length,l=function(){--i||o.resolveWith(a,[a])};"string"!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=x._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(l));return l(),o.promise(n)}});var z,X,U=/[\t\r\n\f]/g,V=/\r/g,Y=/^(?:input|select|textarea|button|object)$/i,J=/^(?:a|area)$/i,G=/^(?:checked|selected)$/i,Q=x.support.getSetAttribute,K=x.support.input;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return e=x.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,l="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(l)for(t=(e||"").match(T)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(U," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,l=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(l)for(t=(e||"").match(T)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(U," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,r=0,o=x(this),a=e.match(T)||[];while(t=a[r++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===i||"boolean"===n)&&(this.className&&x._data(this,"__className__",this.className),this.className=this.className||e===!1?"":x._data(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(U," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=x.isFunction(e),this.each(function(n){var o;1===this.nodeType&&(o=i?e.call(this,n,x(this).val()):e,null==o?o="":"number"==typeof o?o+="":x.isArray(o)&&(o=x.map(o,function(e){return null==e?"":e+""})),r=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],r&&"set"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=x.valHooks[o.type]||x.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(V,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=x.find.attr(e,"value");return null!=t?t:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.length,l=0>i?s:o?i:0;for(;s>l;l++)if(n=r[l],!(!n.selected&&l!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),a=i.length;while(a--)r=i[a],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,n,r){var o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===i?x.prop(e,n,r):(1===s&&x.isXMLDoc(e)||(n=n.toLowerCase(),o=x.attrHooks[n]||(x.expr.match.bool.test(n)?X:z)),r===t?o&&"get"in o&&null!==(a=o.get(e,n))?a:(a=x.find.attr(e,n),null==a?t:a):null!==r?o&&"set"in o&&(a=o.set(e,r,n))!==t?a:(e.setAttribute(n,r+""),r):(x.removeAttr(e,n),t))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(T);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)?K&&Q||!G.test(n)?e[r]=!1:e[x.camelCase("default-"+n)]=e[r]=!1:x.attr(e,n,""),e.removeAttribute(Q?n:r)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!x.isXMLDoc(e),a&&(n=x.propFix[n]||n,o=x.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var t=x.find.attr(e,"tabindex");return t?parseInt(t,10):Y.test(e.nodeName)||J.test(e.nodeName)&&e.href?0:-1}}}}),X={set:function(e,t,n){return t===!1?x.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&x.propFix[n]||n,n):e[x.camelCase("default-"+n)]=e[n]=!0,n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,n){var r=x.expr.attrHandle[n]||x.find.attr;x.expr.attrHandle[n]=K&&Q||!G.test(n)?function(e,n,i){var o=x.expr.attrHandle[n],a=i?t:(x.expr.attrHandle[n]=t)!=r(e,n,i)?n.toLowerCase():null;return x.expr.attrHandle[n]=o,a}:function(e,n,r){return r?t:e[x.camelCase("default-"+n)]?n.toLowerCase():null}}),K&&Q||(x.attrHooks.value={set:function(e,n,r){return x.nodeName(e,"input")?(e.defaultValue=n,t):z&&z.set(e,n,r)}}),Q||(z={set:function(e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n===e.getAttribute(r)?n:t}},x.expr.attrHandle.id=x.expr.attrHandle.name=x.expr.attrHandle.coords=function(e,n,r){var i;return r?t:(i=e.getAttributeNode(n))&&""!==i.value?i.value:null},x.valHooks.button={get:function(e,n){var r=e.getAttributeNode(n);return r&&r.specified?r.value:t},set:z.set},x.attrHooks.contenteditable={set:function(e,t,n){z.set(e,""===t?!1:t,n)}},x.each(["width","height"],function(e,n){x.attrHooks[n]={set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}}})),x.support.hrefNormalized||x.each(["href","src"],function(e,t){x.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}}),x.support.style||(x.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.support.enctype||(x.propFix.enctype="encoding"),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,n){return x.isArray(n)?e.checked=x.inArray(x(e).val(),n)>=0:t}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focusinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}function at(){try{return a.activeElement}catch(e){}}x.event={global:{},add:function(e,n,r,o,a){var s,l,u,c,p,f,d,h,g,m,y,v=x._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid||(r.guid=x.guid++),(l=v.events)||(l=v.events={}),(f=v.handle)||(f=v.handle=function(e){return typeof x===i||e&&x.event.triggered===e.type?t:x.event.dispatch.apply(f.elem,arguments)},f.elem=e),n=(n||"").match(T)||[""],u=n.length;while(u--)s=rt.exec(n[u])||[],g=y=s[1],m=(s[2]||"").split(".").sort(),g&&(p=x.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=x.event.special[g]||{},d=x.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsContext:a&&x.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=l[g])||(h=l[g]=[],h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListener(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.guid||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),x.event.global[g]=!0);e=null}},remove:function(e,t,n,r,i){var o,a,s,l,u,c,p,f,d,h,g,m=x.hasData(e)&&x._data(e);if(m&&(c=m.events)){t=(t||"").match(T)||[""],u=t.length;while(u--)if(s=rt.exec(t[u])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){p=x.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),l=o=f.length;while(o--)a=f[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));l&&!f.length&&(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||x.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)x.event.remove(e,d+t[u],n,r,!0);x.isEmptyObject(c)&&(delete m.handle,x._removeData(e,"events"))}},trigger:function(n,r,i,o){var s,l,u,c,p,f,d,h=[i||a],g=v.call(n,"type")?n.type:n,m=v.call(n,"namespace")?n.namespace.split("."):[];if(u=f=i=i||a,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+x.event.triggered)&&(g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),l=0>g.indexOf(":")&&"on"+g,n=n[x.expando]?n:new x.Event(g,"object"==typeof n&&n),n.isTrigger=o?2:3,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:x.makeArray(r,[n]),p=x.event.special[g]||{},o||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!o&&!p.noBubble&&!x.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(u=u.parentNode);u;u=u.parentNode)h.push(u),f=u;f===(i.ownerDocument||a)&&h.push(f.defaultView||f.parentWindow||e)}d=0;while((u=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(x._data(u,"events")||{})[n.type]&&x._data(u,"handle"),s&&s.apply(u,r),s=l&&u[l],s&&x.acceptData(u)&&s.apply&&s.apply(u,r)===!1&&n.preventDefault();if(n.type=g,!o&&!n.isDefaultPrevented()&&(!p._default||p._default.apply(h.pop(),r)===!1)&&x.acceptData(i)&&l&&i[g]&&!x.isWindow(i)){f=i[l],f&&(i[l]=null),x.event.triggered=g;try{i[g]()}catch(y){}x.event.triggered=t,f&&(i[l]=f)}return n.result}},dispatch:function(e){e=x.event.fix(e);var n,r,i,o,a,s=[],l=g.call(arguments),u=(x._data(this,"events")||{})[e.type]||[],c=x.event.special[e.type]||{};if(l[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),n=0;while((o=s[n++])&&!e.isPropagationStopped()){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((x.event.special[i.origType]||{}).handle||i.handler).apply(o.elem,l),r!==t&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],l=n.delegateCount,u=e.target;if(l&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!=this;u=u.parentNode||this)if(1===u.nodeType&&(u.disabled!==!0||"click"!==e.type)){for(o=[],a=0;l>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?x(r,this).index(u)>=0:x.find(r,this,null,[u]).length),o[r]&&o.push(i);o.length&&s.push({elem:u,handlers:o})}return n.length>l&&s.push({elem:this,handlers:n.slice(l)}),s},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,o=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:et.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new x.Event(o),t=r.length;while(t--)n=r[t],e[n]=o[n];return e.target||(e.target=o.srcElement||a),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,s.filter?s.filter(e,o):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,o,s=n.button,l=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||a,o=i.documentElement,r=i.body,e.pageX=n.clientX+(o&&o.scrollLeft||r&&r.scrollLeft||0)-(o&&o.clientLeft||r&&r.clientLeft||0),e.pageY=n.clientY+(o&&o.scrollTop||r&&r.scrollTop||0)-(o&&o.clientTop||r&&r.clientTop||0)),!e.relatedTarget&&l&&(e.relatedTarget=l===e.target?n.toElement:l),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==at()&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===at()&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},click:{trigger:function(){return x.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=a.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e,t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},x.Event=function(e,n){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.type=e,n&&x.extend(this,n),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,t):new x.Event(e,n)},x.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediatePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=it,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.submitBubbles||(x.event.special.submit={setup:function(){return x.nodeName(this,"form")?!1:(x.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=x.nodeName(n,"input")||x.nodeName(n,"button")?n.form:t;r&&!x._data(r,"submitBubbles")&&(x.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),x._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&x.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return x.nodeName(this,"form")?!1:(x.event.remove(this,"._submit"),t)}}),x.support.changeBubbles||(x.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(x.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),x.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),x.event.simulate("change",this,e,!0)})),!1):(x.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!x._data(t,"changeBubbles")&&(x.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||x.event.simulate("change",this.parentNode,e,!0)}),x._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return x.event.remove(this,"._change"),!Z.test(this.nodeName)}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&a.addEventListener(e,r,!0)},teardown:function(){0===--n&&a.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return x().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=x.guid++)),this.each(function(){x.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,x(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){x.event.remove(this,e,r,n)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?x.event.trigger(e,n,r,!0):t}});var st=/^.[^:#\[\.,]*$/,lt=/^(?:parents|prev(?:Until|All))/,ut=x.expr.match.needsContext,ct={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t,n=x(e,this),r=n.length;return this.filter(function(){for(t=0;r>t;t++)if(x.contains(this,n[t]))return!0})},not:function(e){return this.pushStack(ft(this,e||[],!0))},filter:function(e){return this.pushStack(ft(this,e||[],!1))},is:function(e){return!!ft(this,"string"==typeof e&&ut.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],a=ut.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(a?a.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?x.inArray(this[0],x(e)):x.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function pt(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return pt(e,"nextSibling")},prev:function(e){return pt(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return x.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(ct[e]||(i=x.unique(i)),lt.test(e)&&(i=i.reverse())),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,n,r){var i=[],o=e[n];while(o&&9!==o.nodeType&&(r===t||1!==o.nodeType||!x(o).is(r)))1===o.nodeType&&i.push(o),o=o[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function ft(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(st.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return x.inArray(e,t)>=0!==n})}function dt(e){var t=ht.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}var ht="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gt=/ jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/<tbody/i,wt=/<|&#?\w+;/,Tt=/<(?:script|style|link)/i,Ct=/^(?:checkbox|radio)$/i,Nt=/checked\s*(?:[^=]|=\s*.checked.)/i,kt=/^$|\/(?:java|ecma)script/i,Et=/^true\/(.*)/,St=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,At={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:x.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},jt=dt(a),Dt=jt.appendChild(a.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===t?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||a).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(Ft(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&_t(Ft(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++){1===e.nodeType&&x.cleanData(Ft(e,!1));while(e.firstChild)e.removeChild(e.firstChild);e.options&&x.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!x.support.htmlSerialize&&mt.test(e)||!x.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1></$2>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(x.cleanData(Ft(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=d.apply([],e);var r,i,o,a,s,l,u=0,c=this.length,p=this,f=c-1,h=e[0],g=x.isFunction(h);if(g||!(1>=c||"string"!=typeof h||x.support.checkClone)&&Nt.test(h))return this.each(function(r){var i=p.eq(r);g&&(e[0]=h.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(l=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),r=l.firstChild,1===l.childNodes.length&&(l=r),r)){for(a=x.map(Ft(l,"script"),Ht),o=a.length;c>u;u++)i=l,u!==f&&(i=x.clone(i,!0,!0),o&&x.merge(a,Ft(i,"script"))),t.call(this[u],i,u);if(o)for(s=a[a.length-1].ownerDocument,x.map(a,qt),u=0;o>u;u++)i=a[u],kt.test(i.type||"")&&!x._data(i,"globalEval")&&x.contains(s,i)&&(i.src?x._evalUrl(i.src):x.globalEval((i.text||i.textContent||i.innerHTML||"").replace(St,"")));l=r=null}return this}});function Lt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function Ht(e){return e.type=(null!==x.find.attr(e,"type"))+"/"+e.type,e}function qt(e){var t=Et.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function _t(e,t){var n,r=0;for(;null!=(n=e[r]);r++)x._data(n,"globalEval",!t||x._data(t[r],"globalEval"))}function Mt(e,t){if(1===t.nodeType&&x.hasData(e)){var n,r,i,o=x._data(e),a=x._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)x.event.add(t,n,s[n][r])}a.data&&(a.data=x.extend({},a.data))}}function Ot(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!x.support.noCloneEvent&&t[x.expando]){i=x._data(t);for(r in i.events)x.removeEvent(t,r,i.handle);t.removeAttribute(x.expando)}"script"===n&&t.text!==e.text?(Ht(t).text=e.text,qt(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),x.support.html5Clone&&e.innerHTML&&!x.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Ct.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=0,i=[],o=x(e),a=o.length-1;for(;a>=r;r++)n=r===a?this:this.clone(!0),x(o[r])[t](n),h.apply(i,n.get());return this.pushStack(i)}});function Ft(e,n){var r,o,a=0,s=typeof e.getElementsByTagName!==i?e.getElementsByTagName(n||"*"):typeof e.querySelectorAll!==i?e.querySelectorAll(n||"*"):t;if(!s)for(s=[],r=e.childNodes||e;null!=(o=r[a]);a++)!n||x.nodeName(o,n)?s.push(o):x.merge(s,Ft(o,n));return n===t||n&&x.nodeName(e,n)?x.merge([e],s):s}function Bt(e){Ct.test(e.type)&&(e.defaultChecked=e.checked)}x.extend({clone:function(e,t,n){var r,i,o,a,s,l=x.contains(e.ownerDocument,e);if(x.support.html5Clone||x.isXMLDoc(e)||!mt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(Dt.innerHTML=e.outerHTML,Dt.removeChild(o=Dt.firstChild)),!(x.support.noCloneEvent&&x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(r=Ft(o),s=Ft(e),a=0;null!=(i=s[a]);++a)r[a]&&Ot(i,r[a]);if(t)if(n)for(s=s||Ft(e),r=r||Ft(o),a=0;null!=(i=s[a]);a++)Mt(i,r[a]);else Mt(e,o);return r=Ft(o,"script"),r.length>0&&_t(r,!l&&Ft(e,"script")),r=s=i=null,o},buildFragment:function(e,t,n,r){var i,o,a,s,l,u,c,p=e.length,f=dt(t),d=[],h=0;for(;p>h;h++)if(o=e[h],o||0===o)if("object"===x.type(o))x.merge(d,o.nodeType?[o]:o);else if(wt.test(o)){s=s||f.appendChild(t.createElement("div")),l=(bt.exec(o)||["",""])[1].toLowerCase(),c=At[l]||At._default,s.innerHTML=c[1]+o.replace(vt,"<$1></$2>")+c[2],i=c[0];while(i--)s=s.lastChild;if(!x.support.leadingWhitespace&&yt.test(o)&&d.push(t.createTextNode(yt.exec(o)[0])),!x.support.tbody){o="table"!==l||xt.test(o)?"<table>"!==c[1]||xt.test(o)?0:s:s.firstChild,i=o&&o.childNodes.length;while(i--)x.nodeName(u=o.childNodes[i],"tbody")&&!u.childNodes.length&&o.removeChild(u)}x.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),x.support.appendChecked||x.grep(Ft(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===x.inArray(o,r))&&(a=x.contains(o.ownerDocument,o),s=Ft(f.appendChild(o),"script"),a&&_t(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,l=x.expando,u=x.cache,c=x.support.deleteExpando,f=x.event.special;for(;null!=(n=e[s]);s++)if((t||x.acceptData(n))&&(o=n[l],a=o&&u[o])){if(a.events)for(r in a.events)f[r]?x.event.remove(n,r):x.removeEvent(n,r,a.handle);
+u[o]&&(delete u[o],c?delete n[l]:typeof n.removeAttribute!==i?n.removeAttribute(l):n[l]=null,p.push(o))}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}}),x.fn.extend({wrapAll:function(e){if(x.isFunction(e))return this.each(function(t){x(this).wrapAll(e.call(this,t))});if(this[0]){var t=x(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&1===e.firstChild.nodeType)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+w+")(.*)$","i"),Yt=RegExp("^("+w+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+w+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=x._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=x._data(r,"olddisplay",ln(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&x._data(r,"olddisplay",i?n:x.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}x.fn.extend({css:function(e,n){return x.access(this,function(e,n,r){var i,o,a={},s=0;if(x.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=x.css(e,n[s],!1,o);return a}return r!==t?x.style(e,n,r):x.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){nn(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":x.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,l=x.camelCase(n),u=e.style;if(n=x.cssProps[l]||(x.cssProps[l]=tn(u,l)),s=x.cssHooks[n]||x.cssHooks[l],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:u[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(x.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||x.cssNumber[l]||(r+="px"),x.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(u[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{u[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,l=x.camelCase(n);return n=x.cssProps[l]||(x.cssProps[l]=tn(e.style,l)),s=x.cssHooks[n]||x.cssHooks[l],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||x.isNumeric(o)?o||0:a):a}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),l=s?s.getPropertyValue(n)||s[n]:t,u=e.style;return s&&(""!==l||x.contains(e.ownerDocument,e)||(l=x.style(e,n)),Yt.test(l)&&Ut.test(n)&&(i=u.width,o=u.minWidth,a=u.maxWidth,u.minWidth=u.maxWidth=u.width=l,l=s.width,u.width=i,u.minWidth=o,u.maxWidth=a)),l}):a.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),l=s?s[n]:t,u=e.style;return null==l&&u&&u[n]&&(l=u[n]),Yt.test(l)&&!zt.test(n)&&(i=u.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),u.left="fontSize"===n?"1em":l,l=u.pixelLeft+"px",u.left=i,a&&(o.left=a)),""===l?"auto":l});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=x.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=x.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=x.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=x.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=x.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+an(e,t,n||(a?"border":"content"),r,o)+"px"}function ln(e){var t=a,n=Gt[e];return n||(n=un(e,t),"none"!==n&&n||(Pt=(Pt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(Pt[0].contentWindow||Pt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=un(e,t),Pt.detach()),Gt[e]=n),n}function un(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,n){x.cssHooks[n]={get:function(e,r,i){return r?0===e.offsetWidth&&Xt.test(x.css(e,"display"))?x.swap(e,Qt,function(){return sn(e,n,i)}):sn(e,n,i):t},set:function(e,t,r){var i=r&&Rt(e);return on(e,t,r?an(e,n,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x.support.opacity||(x.cssHooks.opacity={get:function(e,t){return It.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=x.isNumeric(t)?"alpha(opacity="+100*t+")":"",o=r&&r.filter||n.filter||"";n.zoom=1,(t>=1||""===t)&&""===x.trim(o.replace($t,""))&&n.removeAttribute&&(n.removeAttribute("filter"),""===t||r&&!r.filter)||(n.filter=$t.test(o)?o.replace($t,i):o+" "+i)}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,n){return n?x.swap(e,{display:"inline-block"},Wt,[e,"marginRight"]):t}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,n){x.cssHooks[n]={get:function(e,r){return r?(r=Wt(e,n),Yt.test(r)?x(e).position()[n]+"px":r):t}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight||!x.support.reliableHiddenOffsets&&"none"===(e.style&&e.style.display||x.css(e,"display"))},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+Zt[r]+t]=o[r]||o[r-2]||o[0];return i}},Ut.test(e)||(x.cssHooks[e+t].set=on)});var cn=/%20/g,pn=/\[\]$/,fn=/\r?\n/g,dn=/^(?:submit|button|image|reset|file)$/i,hn=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&hn.test(this.nodeName)&&!dn.test(e)&&(this.checked||!Ct.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(fn,"\r\n")}}):{name:t.name,value:n.replace(fn,"\r\n")}}).get()}}),x.param=function(e,n){var r,i=[],o=function(e,t){t=x.isFunction(t)?t():null==t?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(n===t&&(n=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){o(this.name,this.value)});else for(r in e)gn(r,e[r],n,o);return i.join("&").replace(cn,"+")};function gn(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||pn.test(e)?r(e,i):gn(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)gn(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var mn,yn,vn=x.now(),bn=/\?/,xn=/#.*$/,wn=/([?&])_=[^&]*/,Tn=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Cn=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Nn=/^(?:GET|HEAD)$/,kn=/^\/\//,En=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,Sn=x.fn.load,An={},jn={},Dn="*/".concat("*");try{yn=o.href}catch(Ln){yn=a.createElement("a"),yn.href="",yn=yn.href}mn=En.exec(yn.toLowerCase())||[];function Hn(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(T)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function qn(e,n,r,i){var o={},a=e===jn;function s(l){var u;return o[l]=!0,x.each(e[l]||[],function(e,l){var c=l(n,r,i);return"string"!=typeof c||a||o[c]?a?!(u=c):t:(n.dataTypes.unshift(c),s(c),!1)}),u}return s(n.dataTypes[0])||!o["*"]&&s("*")}function _n(e,n){var r,i,o=x.ajaxSettings.flatOptions||{};for(i in n)n[i]!==t&&((o[i]?e:r||(r={}))[i]=n[i]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,n,r){if("string"!=typeof e&&Sn)return Sn.apply(this,arguments);var i,o,a,s=this,l=e.indexOf(" ");return l>=0&&(i=e.slice(l,e.length),e=e.slice(0,l)),x.isFunction(n)?(r=n,n=t):n&&"object"==typeof n&&(a="POST"),s.length>0&&x.ajax({url:e,type:a,dataType:"html",data:n}).done(function(e){o=arguments,s.html(i?x("<div>").append(x.parseHTML(e)).find(i):e)}).complete(r&&function(e,t){s.each(r,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:yn,type:"GET",isLocal:Cn.test(mn[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Dn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?_n(_n(e,x.ajaxSettings),t):_n(x.ajaxSettings,e)},ajaxPrefilter:Hn(An),ajaxTransport:Hn(jn),ajax:function(e,n){"object"==typeof e&&(n=e,e=t),n=n||{};var r,i,o,a,s,l,u,c,p=x.ajaxSetup({},n),f=p.context||p,d=p.context&&(f.nodeType||f.jquery)?x(f):x.event,h=x.Deferred(),g=x.Callbacks("once memory"),m=p.statusCode||{},y={},v={},b=0,w="canceled",C={readyState:0,getResponseHeader:function(e){var t;if(2===b){if(!c){c={};while(t=Tn.exec(a))c[t[1].toLowerCase()]=t[2]}t=c[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===b?a:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return b||(e=v[n]=v[n]||e,y[e]=t),this},overrideMimeType:function(e){return b||(p.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>b)for(t in e)m[t]=[m[t],e[t]];else C.always(e[C.status]);return this},abort:function(e){var t=e||w;return u&&u.abort(t),k(0,t),this}};if(h.promise(C).complete=g.add,C.success=C.done,C.error=C.fail,p.url=((e||p.url||yn)+"").replace(xn,"").replace(kn,mn[1]+"//"),p.type=n.method||n.type||p.method||p.type,p.dataTypes=x.trim(p.dataType||"*").toLowerCase().match(T)||[""],null==p.crossDomain&&(r=En.exec(p.url.toLowerCase()),p.crossDomain=!(!r||r[1]===mn[1]&&r[2]===mn[2]&&(r[3]||("http:"===r[1]?"80":"443"))===(mn[3]||("http:"===mn[1]?"80":"443")))),p.data&&p.processData&&"string"!=typeof p.data&&(p.data=x.param(p.data,p.traditional)),qn(An,p,n,C),2===b)return C;l=p.global,l&&0===x.active++&&x.event.trigger("ajaxStart"),p.type=p.type.toUpperCase(),p.hasContent=!Nn.test(p.type),o=p.url,p.hasContent||(p.data&&(o=p.url+=(bn.test(o)?"&":"?")+p.data,delete p.data),p.cache===!1&&(p.url=wn.test(o)?o.replace(wn,"$1_="+vn++):o+(bn.test(o)?"&":"?")+"_="+vn++)),p.ifModified&&(x.lastModified[o]&&C.setRequestHeader("If-Modified-Since",x.lastModified[o]),x.etag[o]&&C.setRequestHeader("If-None-Match",x.etag[o])),(p.data&&p.hasContent&&p.contentType!==!1||n.contentType)&&C.setRequestHeader("Content-Type",p.contentType),C.setRequestHeader("Accept",p.dataTypes[0]&&p.accepts[p.dataTypes[0]]?p.accepts[p.dataTypes[0]]+("*"!==p.dataTypes[0]?", "+Dn+"; q=0.01":""):p.accepts["*"]);for(i in p.headers)C.setRequestHeader(i,p.headers[i]);if(p.beforeSend&&(p.beforeSend.call(f,C,p)===!1||2===b))return C.abort();w="abort";for(i in{success:1,error:1,complete:1})C[i](p[i]);if(u=qn(jn,p,n,C)){C.readyState=1,l&&d.trigger("ajaxSend",[C,p]),p.async&&p.timeout>0&&(s=setTimeout(function(){C.abort("timeout")},p.timeout));try{b=1,u.send(y,k)}catch(N){if(!(2>b))throw N;k(-1,N)}}else k(-1,"No Transport");function k(e,n,r,i){var c,y,v,w,T,N=n;2!==b&&(b=2,s&&clearTimeout(s),u=t,a=i||"",C.readyState=e>0?4:0,c=e>=200&&300>e||304===e,r&&(w=Mn(p,C,r)),w=On(p,w,C,c),c?(p.ifModified&&(T=C.getResponseHeader("Last-Modified"),T&&(x.lastModified[o]=T),T=C.getResponseHeader("etag"),T&&(x.etag[o]=T)),204===e||"HEAD"===p.type?N="nocontent":304===e?N="notmodified":(N=w.state,y=w.data,v=w.error,c=!v)):(v=N,(e||!N)&&(N="error",0>e&&(e=0))),C.status=e,C.statusText=(n||N)+"",c?h.resolveWith(f,[y,N,C]):h.rejectWith(f,[C,N,v]),C.statusCode(m),m=t,l&&d.trigger(c?"ajaxSuccess":"ajaxError",[C,p,c?y:v]),g.fireWith(f,[C,N]),l&&(d.trigger("ajaxComplete",[C,p]),--x.active||x.event.trigger("ajaxStop")))}return C},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,n){return x.get(e,t,n,"script")}}),x.each(["get","post"],function(e,n){x[n]=function(e,r,i,o){return x.isFunction(r)&&(o=o||i,i=r,r=t),x.ajax({url:e,type:n,dataType:o,data:r,success:i})}});function Mn(e,n,r){var i,o,a,s,l=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),o===t&&(o=e.mimeType||n.getResponseHeader("Content-Type"));if(o)for(s in l)if(l[s]&&l[s].test(o)){u.unshift(s);break}if(u[0]in r)a=u[0];else{for(s in r){if(!u[0]||e.converters[s+" "+u[0]]){a=s;break}i||(i=s)}a=a||i}return a?(a!==u[0]&&u.unshift(a),r[a]):t}function On(e,t,n,r){var i,o,a,s,l,u={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)u[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!l&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),l=o,o=c.shift())if("*"===o)o=l;else if("*"!==l&&l!==o){if(a=u[l+" "+o]||u["* "+o],!a)for(i in u)if(s=i.split(" "),s[1]===o&&(a=u[l+" "+s[0]]||u["* "+s[0]])){a===!0?a=u[i]:u[i]!==!0&&(o=s[0],c.unshift(s[1]));break}if(a!==!0)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(p){return{state:"parsererror",error:a?p:"No conversion from "+l+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),x.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=a.head||x("head")[0]||a.documentElement;return{send:function(t,i){n=a.createElement("script"),n.async=!0,e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,t){(t||!n.readyState||/loaded|complete/.test(n.readyState))&&(n.onload=n.onreadystatechange=null,n.parentNode&&n.parentNode.removeChild(n),n=null,t||i(200,"success"))},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(t,!0)}}}});var Fn=[],Bn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Fn.pop()||x.expando+"_"+vn++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(n,r,i){var o,a,s,l=n.jsonp!==!1&&(Bn.test(n.url)?"url":"string"==typeof n.data&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Bn.test(n.data)&&"data");return l||"jsonp"===n.dataTypes[0]?(o=n.jsonpCallback=x.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,l?n[l]=n[l].replace(Bn,"$1"+o):n.jsonp!==!1&&(n.url+=(bn.test(n.url)?"&":"?")+n.jsonp+"="+o),n.converters["script json"]=function(){return s||x.error(o+" was not called"),s[0]},n.dataTypes[0]="json",a=e[o],e[o]=function(){s=arguments},i.always(function(){e[o]=a,n[o]&&(n.jsonpCallback=r.jsonpCallback,Fn.push(o)),s&&x.isFunction(a)&&a(s[0]),s=a=t}),"script"):t});var Pn,Rn,Wn=0,$n=e.ActiveXObject&&function(){var e;for(e in Pn)Pn[e](t,!0)};function In(){try{return new e.XMLHttpRequest}catch(t){}}function zn(){try{return new e.ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}x.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&In()||zn()}:In,Rn=x.ajaxSettings.xhr(),x.support.cors=!!Rn&&"withCredentials"in Rn,Rn=x.support.ajax=!!Rn,Rn&&x.ajaxTransport(function(n){if(!n.crossDomain||x.support.cors){var r;return{send:function(i,o){var a,s,l=n.xhr();if(n.username?l.open(n.type,n.url,n.async,n.username,n.password):l.open(n.type,n.url,n.async),n.xhrFields)for(s in n.xhrFields)l[s]=n.xhrFields[s];n.mimeType&&l.overrideMimeType&&l.overrideMimeType(n.mimeType),n.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");try{for(s in i)l.setRequestHeader(s,i[s])}catch(u){}l.send(n.hasContent&&n.data||null),r=function(e,i){var s,u,c,p;try{if(r&&(i||4===l.readyState))if(r=t,a&&(l.onreadystatechange=x.noop,$n&&delete Pn[a]),i)4!==l.readyState&&l.abort();else{p={},s=l.status,u=l.getAllResponseHeaders(),"string"==typeof l.responseText&&(p.text=l.responseText);try{c=l.statusText}catch(f){c=""}s||!n.isLocal||n.crossDomain?1223===s&&(s=204):s=p.text?200:404}}catch(d){i||o(-1,d)}p&&o(s,c,p,u)},n.async?4===l.readyState?setTimeout(r):(a=++Wn,$n&&(Pn||(Pn={},x(e).unload($n)),Pn[a]=r),l.onreadystatechange=r):r()},abort:function(){r&&r(t,!0)}}}});var Xn,Un,Vn=/^(?:toggle|show|hide)$/,Yn=RegExp("^(?:([+-])=|)("+w+")([a-z%]*)$","i"),Jn=/queueHooks$/,Gn=[nr],Qn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Yn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),a=(x.cssNumber[e]||"px"!==o&&+r)&&Yn.exec(x.css(n.elem,e)),s=1,l=20;if(a&&a[3]!==o){o=o||a[3],i=i||[],a=+r||1;do s=s||".5",a/=s,x.style(n.elem,e,a+o);while(s!==(s=n.cur()/r)&&1!==s&&--l)}return i&&(a=n.start=+a||+r||0,n.unit=o,n.end=i[1]?a+(i[1]+1)*i[2]:+i[2]),n}]};function Kn(){return setTimeout(function(){Xn=t}),Xn=x.now()}function Zn(e,t,n){var r,i=(Qn[t]||[]).concat(Qn["*"]),o=0,a=i.length;for(;a>o;o++)if(r=i[o].call(n,t,e))return r}function er(e,t,n){var r,i,o=0,a=Gn.length,s=x.Deferred().always(function(){delete l.elem}),l=function(){if(i)return!1;var t=Xn||Kn(),n=Math.max(0,u.startTime+u.duration-t),r=n/u.duration||0,o=1-r,a=0,l=u.tweens.length;for(;l>a;a++)u.tweens[a].run(o);return s.notifyWith(e,[u,o,n]),1>o&&l?n:(s.resolveWith(e,[u]),!1)},u=s.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:Xn||Kn(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,u.opts,t,n,u.opts.specialEasing[t]||u.opts.easing);return u.tweens.push(r),r},stop:function(t){var n=0,r=t?u.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)u.tweens[n].run(1);return t?s.resolveWith(e,[u,t]):s.rejectWith(e,[u,t]),this}}),c=u.props;for(tr(c,u.opts.specialEasing);a>o;o++)if(r=Gn[o].call(u,e,c,u.opts))return r;return x.map(c,Zn,u),x.isFunction(u.opts.start)&&u.opts.start.call(e,u),x.fx.timer(x.extend(l,{elem:e,anim:u,queue:u.opts.queue})),u.progress(u.opts.progress).done(u.opts.done,u.opts.complete).fail(u.opts.fail).always(u.opts.always)}function tr(e,t){var n,r,i,o,a;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),a=x.cssHooks[r],a&&"expand"in a){o=a.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(er,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Qn[n]=Qn[n]||[],Qn[n].unshift(t)},prefilter:function(e,t){t?Gn.unshift(e):Gn.push(e)}});function nr(e,t,n){var r,i,o,a,s,l,u=this,c={},p=e.style,f=e.nodeType&&nn(e),d=x._data(e,"fxshow");n.queue||(s=x._queueHooks(e,"fx"),null==s.unqueued&&(s.unqueued=0,l=s.empty.fire,s.empty.fire=function(){s.unqueued||l()}),s.unqueued++,u.always(function(){u.always(function(){s.unqueued--,x.queue(e,"fx").length||s.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(x.support.inlineBlockNeedsLayout&&"inline"!==ln(e.nodeName)?p.zoom=1:p.display="inline-block")),n.overflow&&(p.overflow="hidden",x.support.shrinkWrapBlocks||u.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],Vn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show"))continue;c[r]=d&&d[r]||x.style(e,r)}if(!x.isEmptyObject(c)){d?"hidden"in d&&(f=d.hidden):d=x._data(e,"fxshow",{}),o&&(d.hidden=!f),f?x(e).show():u.done(function(){x(e).hide()}),u.done(function(){var t;x._removeData(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)a=Zn(f?d[r]:0,r,u),r in d||(d[r]=a.start,f&&(a.end=a.start,a.start="width"===r||"height"===r?1:0))}}function rr(e,t,n,r,i){return new rr.prototype.init(e,t,n,r,i)}x.Tween=rr,rr.prototype={constructor:rr,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=rr.propHooks[this.prop];return e&&e.get?e.get(this):rr.propHooks._default.get(this)},run:function(e){var t,n=rr.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):rr.propHooks._default.set(this),this}},rr.prototype.init.prototype=rr.prototype,rr.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},rr.propHooks.scrollTop=rr.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(ir(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(nn).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),a=function(){var t=er(this,x.extend({},e),o);(i||x._data(this,"finish"))&&t.stop(!0)};return a.finish=a,i||o.queue===!1?this.each(a):this.queue(o.queue,a)},stop:function(e,n,r){var i=function(e){var t=e.stop;delete e.stop,t(r)};return"string"!=typeof e&&(r=n,n=e,e=t),n&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,n=null!=e&&e+"queueHooks",o=x.timers,a=x._data(this);if(n)a[n]&&a[n].stop&&i(a[n]);else for(n in a)a[n]&&a[n].stop&&Jn.test(n)&&i(a[n]);for(n=o.length;n--;)o[n].elem!==this||null!=e&&o[n].queue!==e||(o[n].anim.stop(r),t=!1,o.splice(n,1));(t||!r)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=x._data(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,a=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;a>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function ir(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=Zt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:ir("show"),slideUp:ir("hide"),slideToggle:ir("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=rr.prototype.init,x.fx.tick=function(){var e,n=x.timers,r=0;for(Xn=x.now();n.length>r;r++)e=n[r],e()||n[r]!==e||n.splice(r--,1);n.length||x.fx.stop(),Xn=t},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){Un||(Un=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(Un),Un=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===t?this:this.each(function(t){x.offset.setOffset(this,e,t)});var n,r,o={top:0,left:0},a=this[0],s=a&&a.ownerDocument;if(s)return n=s.documentElement,x.contains(n,a)?(typeof a.getBoundingClientRect!==i&&(o=a.getBoundingClientRect()),r=or(s),{top:o.top+(r.pageYOffset||n.scrollTop)-(n.clientTop||0),left:o.left+(r.pageXOffset||n.scrollLeft)-(n.clientLeft||0)}):o},x.offset={setOffset:function(e,t,n){var r=x.css(e,"position");"static"===r&&(e.style.position="relative");var i=x(e),o=i.offset(),a=x.css(e,"top"),s=x.css(e,"left"),l=("absolute"===r||"fixed"===r)&&x.inArray("auto",[a,s])>-1,u={},c={},p,f;l?(c=i.position(),p=c.top,f=c.left):(p=parseFloat(a)||0,f=parseFloat(s)||0),x.isFunction(t)&&(t=t.call(e,n,o)),null!=t.top&&(u.top=t.top-o.top+p),null!=t.left&&(u.left=t.left-o.left+f),"using"in t?t.using.call(e,u):i.css(u)}},x.fn.extend({position:function(){if(this[0]){var e,t,n={top:0,left:0},r=this[0];return"fixed"===x.css(r,"position")?t=r.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(n=e.offset()),n.top+=x.css(e[0],"borderTopWidth",!0),n.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-n.top-x.css(r,"marginTop",!0),left:t.left-n.left-x.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);x.fn[e]=function(i){return x.access(this,function(e,i,o){var a=or(e);return o===t?a?n in a?a[n]:a.document.documentElement[i]:e[i]:(a?a.scrollTo(r?x(a).scrollLeft():o,r?o:x(a).scrollTop()):e[i]=o,t)},e,i,arguments.length,null)}});function or(e){return x.isWindow(e)?e:9===e.nodeType?e.defaultView||e.parentWindow:!1}x.each({Height:"height",Width:"width"},function(e,n){x.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){x.fn[i]=function(i,o){var a=arguments.length&&(r||"boolean"!=typeof i),s=r||(i===!0||o===!0?"margin":"border");return x.access(this,function(n,r,i){var o;return x.isWindow(n)?n.document.documentElement["client"+e]:9===n.nodeType?(o=n.documentElement,Math.max(n.body["scroll"+e],o["scroll"+e],n.body["offset"+e],o["offset"+e],o["client"+e])):i===t?x.css(n,r,s):x.style(n,r,i,s)},n,a?i:t,a,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:(e.jQuery=e.$=x,"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}))})(window);
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/jquery-1.10.2.min.map b/nezha-fronted/static/ueditor-1.4.3.3/third-party/jquery-1.10.2.min.map
new file mode 100644
index 000000000..4dc4920bb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/jquery-1.10.2.min.map
@@ -0,0 +1 @@
+{"version":3,"file":"jquery-1.10.2.min.js","sources":["jquery-1.10.2.js"],"names":["window","undefined","readyList","rootjQuery","core_strundefined","location","document","docElem","documentElement","_jQuery","jQuery","_$","$","class2type","core_deletedIds","core_version","core_concat","concat","core_push","push","core_slice","slice","core_indexOf","indexOf","core_toString","toString","core_hasOwn","hasOwnProperty","core_trim","trim","selector","context","fn","init","core_pnum","source","core_rnotwhite","rtrim","rquickExpr","rsingleTag","rvalidchars","rvalidbraces","rvalidescape","rvalidtokens","rmsPrefix","rdashAlpha","fcamelCase","all","letter","toUpperCase","completed","event","addEventListener","type","readyState","detach","ready","removeEventListener","detachEvent","prototype","jquery","constructor","match","elem","this","charAt","length","exec","find","merge","parseHTML","nodeType","ownerDocument","test","isPlainObject","isFunction","attr","getElementById","parentNode","id","makeArray","toArray","call","get","num","pushStack","elems","ret","prevObject","each","callback","args","promise","done","apply","arguments","first","eq","last","i","len","j","map","end","sort","splice","extend","src","copyIsArray","copy","name","options","clone","target","deep","isArray","expando","Math","random","replace","noConflict","isReady","readyWait","holdReady","hold","wait","body","setTimeout","resolveWith","trigger","off","obj","Array","isWindow","isNumeric","isNaN","parseFloat","isFinite","String","key","e","support","ownLast","isEmptyObject","error","msg","Error","data","keepScripts","parsed","scripts","createElement","buildFragment","remove","childNodes","parseJSON","JSON","parse","Function","parseXML","xml","tmp","DOMParser","parseFromString","ActiveXObject","async","loadXML","getElementsByTagName","noop","globalEval","execScript","camelCase","string","nodeName","toLowerCase","value","isArraylike","text","arr","results","Object","inArray","max","second","l","grep","inv","retVal","arg","guid","proxy","access","chainable","emptyGet","raw","bulk","now","Date","getTime","swap","old","style","Deferred","attachEvent","top","frameElement","doScroll","doScrollCheck","split","cachedruns","Expr","getText","isXML","compile","outermostContext","sortInput","setDocument","documentIsHTML","rbuggyQSA","rbuggyMatches","matches","contains","preferredDoc","dirruns","classCache","createCache","tokenCache","compilerCache","hasDuplicate","sortOrder","a","b","strundefined","MAX_NEGATIVE","hasOwn","pop","push_native","booleans","whitespace","characterEncoding","identifier","attributes","pseudos","RegExp","rcomma","rcombinators","rsibling","rattributeQuotes","rpseudo","ridentifier","matchExpr","ID","CLASS","TAG","ATTR","PSEUDO","CHILD","bool","needsContext","rnative","rinputs","rheader","rescape","runescape","funescape","_","escaped","escapedWhitespace","high","fromCharCode","els","Sizzle","seed","m","groups","nid","newContext","newSelector","getElementsByClassName","qsa","tokenize","getAttribute","setAttribute","toSelector","join","querySelectorAll","qsaError","removeAttribute","select","keys","cache","cacheLength","shift","markFunction","assert","div","removeChild","addHandle","attrs","handler","attrHandle","siblingCheck","cur","diff","sourceIndex","nextSibling","createInputPseudo","createButtonPseudo","createPositionalPseudo","argument","matchIndexes","node","doc","parent","defaultView","className","appendChild","createComment","innerHTML","firstChild","getById","getElementsByName","filter","attrId","getAttributeNode","tag","input","matchesSelector","webkitMatchesSelector","mozMatchesSelector","oMatchesSelector","msMatchesSelector","disconnectedMatch","compareDocumentPosition","adown","bup","compare","sortDetached","aup","ap","bp","unshift","expr","elements","val","specified","uniqueSort","duplicates","detectDuplicates","sortStable","textContent","nodeValue","selectors","createPseudo","relative",">","dir"," ","+","~","preFilter","excess","unquoted","nodeNameSelector","pattern","operator","check","result","what","simple","forward","ofType","outerCache","nodeIndex","start","useCache","lastChild","pseudo","setFilters","idx","matched","not","matcher","unmatched","has","innerText","lang","elemLang","hash","root","focus","activeElement","hasFocus","href","tabIndex","enabled","disabled","checked","selected","selectedIndex","empty","header","button","even","odd","lt","gt","radio","checkbox","file","password","image","submit","reset","filters","parseOnly","tokens","soFar","preFilters","cached","addCombinator","combinator","base","checkNonElements","doneName","dirkey","elementMatcher","matchers","condense","newUnmatched","mapped","setMatcher","postFilter","postFinder","postSelector","temp","preMap","postMap","preexisting","multipleContexts","matcherIn","matcherOut","matcherFromTokens","checkContext","leadingRelative","implicitRelative","matchContext","matchAnyContext","matcherFromGroupMatchers","elementMatchers","setMatchers","matcherCachedRuns","bySet","byElement","superMatcher","expandContext","setMatched","matchedCount","outermost","contextBackup","dirrunsUnique","group","contexts","token","div1","defaultValue","unique","isXMLDoc","optionsCache","createOptions","object","flag","Callbacks","firing","memory","fired","firingLength","firingIndex","firingStart","list","stack","once","fire","stopOnFalse","self","disable","add","index","lock","locked","fireWith","func","tuples","state","always","deferred","fail","then","fns","newDefer","tuple","action","returned","resolve","reject","progress","notify","pipe","stateString","when","subordinate","resolveValues","remaining","updateFunc","values","progressValues","notifyWith","progressContexts","resolveContexts","fragment","opt","eventName","isSupported","cssText","getSetAttribute","leadingWhitespace","tbody","htmlSerialize","hrefNormalized","opacity","cssFloat","checkOn","optSelected","enctype","html5Clone","cloneNode","outerHTML","inlineBlockNeedsLayout","shrinkWrapBlocks","pixelPosition","deleteExpando","noCloneEvent","reliableMarginRight","boxSizingReliable","noCloneChecked","optDisabled","radioValue","createDocumentFragment","appendChecked","checkClone","click","change","focusin","backgroundClip","clearCloneStyle","container","marginDiv","tds","divReset","offsetHeight","display","reliableHiddenOffsets","zoom","boxSizing","offsetWidth","getComputedStyle","width","marginRight","rbrace","rmultiDash","internalData","pvt","acceptData","thisCache","internalKey","isNode","toJSON","internalRemoveData","isEmptyDataObject","cleanData","noData","applet","embed","hasData","removeData","_data","_removeData","dataAttr","queue","dequeue","startLength","hooks","_queueHooks","next","stop","setter","delay","time","fx","speeds","timeout","clearTimeout","clearQueue","count","defer","nodeHook","boolHook","rclass","rreturn","rfocusable","rclickable","ruseDefault","getSetInput","removeAttr","prop","removeProp","propFix","addClass","classes","clazz","proceed","removeClass","toggleClass","stateVal","classNames","hasClass","valHooks","set","option","one","optionSet","nType","attrHooks","propName","attrNames","for","class","notxml","propHooks","tabindex","parseInt","getter","setAttributeNode","createAttribute","coords","contenteditable","rformElems","rkeyEvent","rmouseEvent","rfocusMorph","rtypenamespace","returnTrue","returnFalse","safeActiveElement","err","global","types","events","t","handleObjIn","special","eventHandle","handleObj","handlers","namespaces","origType","elemData","handle","triggered","dispatch","delegateType","bindType","namespace","delegateCount","setup","mappedTypes","origCount","teardown","removeEvent","onlyHandlers","ontype","bubbleType","eventPath","Event","isTrigger","namespace_re","noBubble","parentWindow","isPropagationStopped","preventDefault","isDefaultPrevented","_default","fix","handlerQueue","delegateTarget","preDispatch","currentTarget","isImmediatePropagationStopped","stopPropagation","postDispatch","sel","originalEvent","fixHook","fixHooks","mouseHooks","keyHooks","props","srcElement","metaKey","original","which","charCode","keyCode","eventDoc","fromElement","pageX","clientX","scrollLeft","clientLeft","pageY","clientY","scrollTop","clientTop","relatedTarget","toElement","load","blur","beforeunload","returnValue","simulate","bubble","isSimulated","defaultPrevented","getPreventDefault","timeStamp","cancelBubble","stopImmediatePropagation","mouseenter","mouseleave","orig","related","submitBubbles","form","_submit_bubble","changeBubbles","propertyName","_just_changed","focusinBubbles","attaches","on","origFn","triggerHandler","isSimple","rparentsprev","rneedsContext","guaranteedUnique","children","contents","prev","targets","winnow","is","closest","pos","prevAll","addBack","sibling","parents","parentsUntil","until","nextAll","nextUntil","prevUntil","siblings","contentDocument","contentWindow","reverse","n","r","qualifier","createSafeFragment","nodeNames","safeFrag","rinlinejQuery","rnoshimcache","rleadingWhitespace","rxhtmlTag","rtagName","rtbody","rhtml","rnoInnerhtml","manipulation_rcheckableType","rchecked","rscriptType","rscriptTypeMasked","rcleanScript","wrapMap","legend","area","param","thead","tr","col","td","safeFragment","fragmentDiv","optgroup","tfoot","colgroup","caption","th","append","createTextNode","domManip","manipulationTarget","prepend","insertBefore","before","after","keepData","getAll","setGlobalEval","dataAndEvents","deepDataAndEvents","html","replaceWith","allowIntersection","hasScripts","iNoClone","disableScript","restoreScript","_evalUrl","content","refElements","cloneCopyEvent","dest","oldData","curData","fixCloneNodeIssues","defaultChecked","defaultSelected","appendTo","prependTo","insertAfter","replaceAll","insert","found","fixDefaultChecked","destElements","srcElements","inPage","selection","wrap","safe","nodes","url","ajax","dataType","throws","wrapAll","wrapInner","unwrap","iframe","getStyles","curCSS","ralpha","ropacity","rposition","rdisplayswap","rmargin","rnumsplit","rnumnonpx","rrelNum","elemdisplay","BODY","cssShow","position","visibility","cssNormalTransform","letterSpacing","fontWeight","cssExpand","cssPrefixes","vendorPropName","capName","origName","isHidden","el","css","showHide","show","hidden","css_defaultDisplay","styles","hide","toggle","cssHooks","computed","cssNumber","columnCount","fillOpacity","lineHeight","order","orphans","widows","zIndex","cssProps","float","extra","_computed","minWidth","maxWidth","getPropertyValue","currentStyle","left","rs","rsLeft","runtimeStyle","pixelLeft","setPositiveNumber","subtract","augmentWidthOrHeight","isBorderBox","getWidthOrHeight","valueIsBorderBox","actualDisplay","write","close","$1","visible","margin","padding","border","prefix","suffix","expand","expanded","parts","r20","rbracket","rCRLF","rsubmitterTypes","rsubmittable","serialize","serializeArray","traditional","s","encodeURIComponent","ajaxSettings","buildParams","v","hover","fnOver","fnOut","bind","unbind","delegate","undelegate","ajaxLocParts","ajaxLocation","ajax_nonce","ajax_rquery","rhash","rts","rheaders","rlocalProtocol","rnoContent","rprotocol","rurl","_load","prefilters","transports","allTypes","addToPrefiltersOrTransports","structure","dataTypeExpression","dataTypes","inspectPrefiltersOrTransports","originalOptions","jqXHR","inspected","seekingTransport","inspect","prefilterOrFactory","dataTypeOrTransport","ajaxExtend","flatOptions","params","response","responseText","complete","status","active","lastModified","etag","isLocal","processData","contentType","accepts","*","json","responseFields","converters","* text","text html","text json","text xml","ajaxSetup","settings","ajaxPrefilter","ajaxTransport","cacheURL","responseHeadersString","timeoutTimer","fireGlobals","transport","responseHeaders","callbackContext","globalEventContext","completeDeferred","statusCode","requestHeaders","requestHeadersNames","strAbort","getResponseHeader","getAllResponseHeaders","setRequestHeader","lname","overrideMimeType","mimeType","code","abort","statusText","finalText","success","method","crossDomain","hasContent","ifModified","headers","beforeSend","send","nativeStatusText","responses","isSuccess","modified","ajaxHandleResponses","ajaxConvert","rejectWith","getJSON","getScript","firstDataType","ct","finalDataType","conv2","current","conv","dataFilter","script","text script","head","scriptCharset","charset","onload","onreadystatechange","isAbort","oldCallbacks","rjsonp","jsonp","jsonpCallback","originalSettings","callbackName","overwritten","responseContainer","jsonProp","xhrCallbacks","xhrSupported","xhrId","xhrOnUnloadAbort","createStandardXHR","XMLHttpRequest","createActiveXHR","xhr","cors","username","open","xhrFields","firefoxAccessException","unload","fxNow","timerId","rfxtypes","rfxnum","rrun","animationPrefilters","defaultPrefilter","tweeners","tween","createTween","unit","scale","maxIterations","createFxNow","animation","collection","Animation","properties","stopped","tick","currentTime","startTime","duration","percent","tweens","run","opts","specialEasing","originalProperties","Tween","easing","gotoEnd","propFilter","timer","anim","tweener","prefilter","oldfire","dataShow","unqueued","overflow","overflowX","overflowY","eased","step","cssFn","speed","animate","genFx","fadeTo","to","optall","doAnimation","finish","stopQueue","timers","includeWidth","height","slideDown","slideUp","slideToggle","fadeIn","fadeOut","fadeToggle","linear","p","swing","cos","PI","interval","setInterval","clearInterval","slow","fast","animated","offset","setOffset","win","box","getBoundingClientRect","getWindow","pageYOffset","pageXOffset","curElem","curOffset","curCSSTop","curCSSLeft","calculatePosition","curPosition","curTop","curLeft","using","offsetParent","parentOffset","scrollTo","Height","Width","defaultExtra","funcName","size","andSelf","module","exports","define","amd"],"mappings":";;;CAaA,SAAWA,EAAQC,GAOnB,GAECC,GAGAC,EAIAC,QAA2BH,GAG3BI,EAAWL,EAAOK,SAClBC,EAAWN,EAAOM,SAClBC,EAAUD,EAASE,gBAGnBC,EAAUT,EAAOU,OAGjBC,EAAKX,EAAOY,EAGZC,KAGAC,KAEAC,EAAe,SAGfC,EAAcF,EAAgBG,OAC9BC,EAAYJ,EAAgBK,KAC5BC,EAAaN,EAAgBO,MAC7BC,EAAeR,EAAgBS,QAC/BC,EAAgBX,EAAWY,SAC3BC,EAAcb,EAAWc,eACzBC,EAAYb,EAAac,KAGzBnB,EAAS,SAAUoB,EAAUC,GAE5B,MAAO,IAAIrB,GAAOsB,GAAGC,KAAMH,EAAUC,EAAS5B,IAI/C+B,EAAY,sCAAsCC,OAGlDC,EAAiB,OAGjBC,EAAQ,qCAKRC,EAAa,sCAGbC,EAAa,6BAGbC,EAAc,gBACdC,EAAe,uBACfC,EAAe,qCACfC,EAAe,kEAGfC,EAAY,QACZC,EAAa,eAGbC,EAAa,SAAUC,EAAKC,GAC3B,MAAOA,GAAOC,eAIfC,EAAY,SAAUC,IAGhB7C,EAAS8C,kBAAmC,SAAfD,EAAME,MAA2C,aAAxB/C,EAASgD,cACnEC,IACA7C,EAAO8C,UAITD,EAAS,WACHjD,EAAS8C,kBACb9C,EAASmD,oBAAqB,mBAAoBP,GAAW,GAC7DlD,EAAOyD,oBAAqB,OAAQP,GAAW,KAG/C5C,EAASoD,YAAa,qBAAsBR,GAC5ClD,EAAO0D,YAAa,SAAUR,IAIjCxC,GAAOsB,GAAKtB,EAAOiD,WAElBC,OAAQ7C,EAER8C,YAAanD,EACbuB,KAAM,SAAUH,EAAUC,EAAS5B,GAClC,GAAI2D,GAAOC,CAGX,KAAMjC,EACL,MAAOkC,KAIR,IAAyB,gBAAblC,GAAwB,CAUnC,GAPCgC,EAF2B,MAAvBhC,EAASmC,OAAO,IAAyD,MAA3CnC,EAASmC,OAAQnC,EAASoC,OAAS,IAAepC,EAASoC,QAAU,GAE7F,KAAMpC,EAAU,MAGlBQ,EAAW6B,KAAMrC,IAIrBgC,IAAUA,EAAM,IAAO/B,EAqDrB,OAAMA,GAAWA,EAAQ6B,QACtB7B,GAAW5B,GAAaiE,KAAMtC,GAKhCkC,KAAKH,YAAa9B,GAAUqC,KAAMtC,EAxDzC,IAAKgC,EAAM,GAAK,CAWf,GAVA/B,EAAUA,YAAmBrB,GAASqB,EAAQ,GAAKA,EAGnDrB,EAAO2D,MAAOL,KAAMtD,EAAO4D,UAC1BR,EAAM,GACN/B,GAAWA,EAAQwC,SAAWxC,EAAQyC,eAAiBzC,EAAUzB,GACjE,IAIIiC,EAAWkC,KAAMX,EAAM,KAAQpD,EAAOgE,cAAe3C,GACzD,IAAM+B,IAAS/B,GAETrB,EAAOiE,WAAYX,KAAMF,IAC7BE,KAAMF,GAAS/B,EAAS+B,IAIxBE,KAAKY,KAAMd,EAAO/B,EAAS+B,GAK9B,OAAOE,MAQP,GAJAD,EAAOzD,EAASuE,eAAgBf,EAAM,IAIjCC,GAAQA,EAAKe,WAAa,CAG9B,GAAKf,EAAKgB,KAAOjB,EAAM,GACtB,MAAO3D,GAAWiE,KAAMtC,EAIzBkC,MAAKE,OAAS,EACdF,KAAK,GAAKD,EAKX,MAFAC,MAAKjC,QAAUzB,EACf0D,KAAKlC,SAAWA,EACTkC,KAcH,MAAKlC,GAASyC,UACpBP,KAAKjC,QAAUiC,KAAK,GAAKlC,EACzBkC,KAAKE,OAAS,EACPF,MAIItD,EAAOiE,WAAY7C,GACvB3B,EAAWqD,MAAO1B,IAGrBA,EAASA,WAAa7B,IAC1B+D,KAAKlC,SAAWA,EAASA,SACzBkC,KAAKjC,QAAUD,EAASC,SAGlBrB,EAAOsE,UAAWlD,EAAUkC,QAIpClC,SAAU,GAGVoC,OAAQ,EAERe,QAAS,WACR,MAAO7D,GAAW8D,KAAMlB,OAKzBmB,IAAK,SAAUC,GACd,MAAc,OAAPA,EAGNpB,KAAKiB,UAGG,EAANG,EAAUpB,KAAMA,KAAKE,OAASkB,GAAQpB,KAAMoB,IAKhDC,UAAW,SAAUC,GAGpB,GAAIC,GAAM7E,EAAO2D,MAAOL,KAAKH,cAAeyB,EAO5C,OAJAC,GAAIC,WAAaxB,KACjBuB,EAAIxD,QAAUiC,KAAKjC,QAGZwD,GAMRE,KAAM,SAAUC,EAAUC,GACzB,MAAOjF,GAAO+E,KAAMzB,KAAM0B,EAAUC,IAGrCnC,MAAO,SAAUxB,GAIhB,MAFAtB,GAAO8C,MAAMoC,UAAUC,KAAM7D,GAEtBgC,MAGR3C,MAAO,WACN,MAAO2C,MAAKqB,UAAWjE,EAAW0E,MAAO9B,KAAM+B,aAGhDC,MAAO,WACN,MAAOhC,MAAKiC,GAAI,IAGjBC,KAAM,WACL,MAAOlC,MAAKiC,GAAI,KAGjBA,GAAI,SAAUE,GACb,GAAIC,GAAMpC,KAAKE,OACdmC,GAAKF,GAAU,EAAJA,EAAQC,EAAM,EAC1B,OAAOpC,MAAKqB,UAAWgB,GAAK,GAASD,EAAJC,GAAYrC,KAAKqC,SAGnDC,IAAK,SAAUZ,GACd,MAAO1B,MAAKqB,UAAW3E,EAAO4F,IAAItC,KAAM,SAAUD,EAAMoC,GACvD,MAAOT,GAASR,KAAMnB,EAAMoC,EAAGpC,OAIjCwC,IAAK,WACJ,MAAOvC,MAAKwB,YAAcxB,KAAKH,YAAY,OAK5C1C,KAAMD,EACNsF,QAASA,KACTC,UAAWA,QAIZ/F,EAAOsB,GAAGC,KAAK0B,UAAYjD,EAAOsB,GAElCtB,EAAOgG,OAAShG,EAAOsB,GAAG0E,OAAS,WAClC,GAAIC,GAAKC,EAAaC,EAAMC,EAAMC,EAASC,EAC1CC,EAASlB,UAAU,OACnBI,EAAI,EACJjC,EAAS6B,UAAU7B,OACnBgD,GAAO,CAqBR,KAlBuB,iBAAXD,KACXC,EAAOD,EACPA,EAASlB,UAAU,OAEnBI,EAAI,GAIkB,gBAAXc,IAAwBvG,EAAOiE,WAAWsC,KACrDA,MAII/C,IAAWiC,IACfc,EAASjD,OACPmC,GAGSjC,EAAJiC,EAAYA,IAEnB,GAAmC,OAA7BY,EAAUhB,UAAWI,IAE1B,IAAMW,IAAQC,GACbJ,EAAMM,EAAQH,GACdD,EAAOE,EAASD,GAGXG,IAAWJ,IAKXK,GAAQL,IAAUnG,EAAOgE,cAAcmC,KAAUD,EAAclG,EAAOyG,QAAQN,MAC7ED,GACJA,GAAc,EACdI,EAAQL,GAAOjG,EAAOyG,QAAQR,GAAOA,MAGrCK,EAAQL,GAAOjG,EAAOgE,cAAciC,GAAOA,KAI5CM,EAAQH,GAASpG,EAAOgG,OAAQQ,EAAMF,EAAOH,IAGlCA,IAAS5G,IACpBgH,EAAQH,GAASD,GAOrB,OAAOI,IAGRvG,EAAOgG,QAGNU,QAAS,UAAarG,EAAesG,KAAKC,UAAWC,QAAS,MAAO,IAErEC,WAAY,SAAUN,GASrB,MARKlH,GAAOY,IAAMF,IACjBV,EAAOY,EAAID,GAGPuG,GAAQlH,EAAOU,SAAWA,IAC9BV,EAAOU,OAASD,GAGVC,GAIR+G,SAAS,EAITC,UAAW,EAGXC,UAAW,SAAUC,GACfA,EACJlH,EAAOgH,YAEPhH,EAAO8C,OAAO,IAKhBA,MAAO,SAAUqE,GAGhB,GAAKA,KAAS,KAASnH,EAAOgH,WAAYhH,EAAO+G,QAAjD,CAKA,IAAMnH,EAASwH,KACd,MAAOC,YAAYrH,EAAO8C,MAI3B9C,GAAO+G,SAAU,EAGZI,KAAS,KAAUnH,EAAOgH,UAAY,IAK3CxH,EAAU8H,YAAa1H,GAAYI,IAG9BA,EAAOsB,GAAGiG,SACdvH,EAAQJ,GAAW2H,QAAQ,SAASC,IAAI,YAO1CvD,WAAY,SAAUwD,GACrB,MAA4B,aAArBzH,EAAO2C,KAAK8E,IAGpBhB,QAASiB,MAAMjB,SAAW,SAAUgB,GACnC,MAA4B,UAArBzH,EAAO2C,KAAK8E,IAGpBE,SAAU,SAAUF,GAEnB,MAAc,OAAPA,GAAeA,GAAOA,EAAInI,QAGlCsI,UAAW,SAAUH,GACpB,OAAQI,MAAOC,WAAWL,KAAUM,SAAUN,IAG/C9E,KAAM,SAAU8E,GACf,MAAY,OAAPA,EACWA,EAARO,GAEc,gBAARP,IAAmC,kBAARA,GACxCtH,EAAYW,EAAc0D,KAAKiD,KAAU,eAClCA,IAGTzD,cAAe,SAAUyD,GACxB,GAAIQ,EAKJ,KAAMR,GAA4B,WAArBzH,EAAO2C,KAAK8E,IAAqBA,EAAI5D,UAAY7D,EAAO2H,SAAUF,GAC9E,OAAO,CAGR,KAEC,GAAKA,EAAItE,cACPnC,EAAYwD,KAAKiD,EAAK,iBACtBzG,EAAYwD,KAAKiD,EAAItE,YAAYF,UAAW,iBAC7C,OAAO,EAEP,MAAQiF,GAET,OAAO,EAKR,GAAKlI,EAAOmI,QAAQC,QACnB,IAAMH,IAAOR,GACZ,MAAOzG,GAAYwD,KAAMiD,EAAKQ,EAMhC,KAAMA,IAAOR,IAEb,MAAOQ,KAAQ1I,GAAayB,EAAYwD,KAAMiD,EAAKQ,IAGpDI,cAAe,SAAUZ,GACxB,GAAIrB,EACJ,KAAMA,IAAQqB,GACb,OAAO,CAER,QAAO,GAGRa,MAAO,SAAUC,GAChB,KAAUC,OAAOD,IAMlB3E,UAAW,SAAU6E,EAAMpH,EAASqH,GACnC,IAAMD,GAAwB,gBAATA,GACpB,MAAO,KAEgB,kBAAZpH,KACXqH,EAAcrH,EACdA,GAAU,GAEXA,EAAUA,GAAWzB,CAErB,IAAI+I,GAAS9G,EAAW4B,KAAMgF,GAC7BG,GAAWF,KAGZ,OAAKC,IACKtH,EAAQwH,cAAeF,EAAO,MAGxCA,EAAS3I,EAAO8I,eAAiBL,GAAQpH,EAASuH,GAC7CA,GACJ5I,EAAQ4I,GAAUG,SAEZ/I,EAAO2D,SAAWgF,EAAOK,cAGjCC,UAAW,SAAUR,GAEpB,MAAKnJ,GAAO4J,MAAQ5J,EAAO4J,KAAKC,MACxB7J,EAAO4J,KAAKC,MAAOV,GAGb,OAATA,EACGA,EAGa,gBAATA,KAGXA,EAAOzI,EAAOmB,KAAMsH,GAEfA,GAGC3G,EAAYiC,KAAM0E,EAAK5B,QAAS7E,EAAc,KACjD6E,QAAS5E,EAAc,KACvB4E,QAAS9E,EAAc,MAEXqH,SAAU,UAAYX,MAKtCzI,EAAOsI,MAAO,iBAAmBG,GAAjCzI,IAIDqJ,SAAU,SAAUZ,GACnB,GAAIa,GAAKC,CACT,KAAMd,GAAwB,gBAATA,GACpB,MAAO,KAER,KACMnJ,EAAOkK,WACXD,EAAM,GAAIC,WACVF,EAAMC,EAAIE,gBAAiBhB,EAAO,cAElCa,EAAM,GAAII,eAAe,oBACzBJ,EAAIK,MAAQ,QACZL,EAAIM,QAASnB,IAEb,MAAOP,GACRoB,EAAM/J,EAKP,MAHM+J,IAAQA,EAAIxJ,kBAAmBwJ,EAAIO,qBAAsB,eAAgBrG,QAC9ExD,EAAOsI,MAAO,gBAAkBG,GAE1Ba,GAGRQ,KAAM,aAKNC,WAAY,SAAUtB,GAChBA,GAAQzI,EAAOmB,KAAMsH,KAIvBnJ,EAAO0K,YAAc,SAAUvB,GAChCnJ,EAAe,KAAEkF,KAAMlF,EAAQmJ,KAC3BA,IAMPwB,UAAW,SAAUC,GACpB,MAAOA,GAAOrD,QAAS3E,EAAW,OAAQ2E,QAAS1E,EAAYC,IAGhE+H,SAAU,SAAU9G,EAAM+C,GACzB,MAAO/C,GAAK8G,UAAY9G,EAAK8G,SAASC,gBAAkBhE,EAAKgE,eAI9DrF,KAAM,SAAU0C,EAAKzC,EAAUC,GAC9B,GAAIoF,GACH5E,EAAI,EACJjC,EAASiE,EAAIjE,OACbiD,EAAU6D,EAAa7C,EAExB,IAAKxC,GACJ,GAAKwB,GACJ,KAAYjD,EAAJiC,EAAYA,IAGnB,GAFA4E,EAAQrF,EAASI,MAAOqC,EAAKhC,GAAKR,GAE7BoF,KAAU,EACd,UAIF,KAAM5E,IAAKgC,GAGV,GAFA4C,EAAQrF,EAASI,MAAOqC,EAAKhC,GAAKR,GAE7BoF,KAAU,EACd,UAOH,IAAK5D,GACJ,KAAYjD,EAAJiC,EAAYA,IAGnB,GAFA4E,EAAQrF,EAASR,KAAMiD,EAAKhC,GAAKA,EAAGgC,EAAKhC,IAEpC4E,KAAU,EACd,UAIF,KAAM5E,IAAKgC,GAGV,GAFA4C,EAAQrF,EAASR,KAAMiD,EAAKhC,GAAKA,EAAGgC,EAAKhC,IAEpC4E,KAAU,EACd,KAMJ,OAAO5C,IAIRtG,KAAMD,IAAcA,EAAUsD,KAAK,gBAClC,SAAU+F,GACT,MAAe,OAARA,EACN,GACArJ,EAAUsD,KAAM+F,IAIlB,SAAUA,GACT,MAAe,OAARA,EACN,IACEA,EAAO,IAAK1D,QAASlF,EAAO,KAIjC2C,UAAW,SAAUkG,EAAKC,GACzB,GAAI5F,GAAM4F,KAaV,OAXY,OAAPD,IACCF,EAAaI,OAAOF,IACxBxK,EAAO2D,MAAOkB,EACE,gBAAR2F,IACLA,GAAQA,GAGXhK,EAAUgE,KAAMK,EAAK2F,IAIhB3F,GAGR8F,QAAS,SAAUtH,EAAMmH,EAAK/E,GAC7B,GAAIC,EAEJ,IAAK8E,EAAM,CACV,GAAK5J,EACJ,MAAOA,GAAa4D,KAAMgG,EAAKnH,EAAMoC,EAMtC,KAHAC,EAAM8E,EAAIhH,OACViC,EAAIA,EAAQ,EAAJA,EAAQkB,KAAKiE,IAAK,EAAGlF,EAAMD,GAAMA,EAAI,EAEjCC,EAAJD,EAASA,IAEhB,GAAKA,IAAK+E,IAAOA,EAAK/E,KAAQpC,EAC7B,MAAOoC,GAKV,MAAO,IAGR9B,MAAO,SAAU2B,EAAOuF,GACvB,GAAIC,GAAID,EAAOrH,OACdiC,EAAIH,EAAM9B,OACVmC,EAAI,CAEL,IAAkB,gBAANmF,GACX,KAAYA,EAAJnF,EAAOA,IACdL,EAAOG,KAAQoF,EAAQlF,OAGxB,OAAQkF,EAAOlF,KAAOpG,EACrB+F,EAAOG,KAAQoF,EAAQlF,IAMzB,OAFAL,GAAM9B,OAASiC,EAERH,GAGRyF,KAAM,SAAUnG,EAAOI,EAAUgG,GAChC,GAAIC,GACHpG,KACAY,EAAI,EACJjC,EAASoB,EAAMpB,MAKhB,KAJAwH,IAAQA,EAIIxH,EAAJiC,EAAYA,IACnBwF,IAAWjG,EAAUJ,EAAOa,GAAKA,GAC5BuF,IAAQC,GACZpG,EAAIpE,KAAMmE,EAAOa,GAInB,OAAOZ,IAIRe,IAAK,SAAUhB,EAAOI,EAAUkG,GAC/B,GAAIb,GACH5E,EAAI,EACJjC,EAASoB,EAAMpB,OACfiD,EAAU6D,EAAa1F,GACvBC,IAGD,IAAK4B,EACJ,KAAYjD,EAAJiC,EAAYA,IACnB4E,EAAQrF,EAAUJ,EAAOa,GAAKA,EAAGyF,GAEnB,MAATb,IACJxF,EAAKA,EAAIrB,QAAW6G,OAMtB,KAAM5E,IAAKb,GACVyF,EAAQrF,EAAUJ,EAAOa,GAAKA,EAAGyF,GAEnB,MAATb,IACJxF,EAAKA,EAAIrB,QAAW6G,EAMvB,OAAO/J,GAAY8E,SAAWP,IAI/BsG,KAAM,EAINC,MAAO,SAAU9J,EAAID,GACpB,GAAI4D,GAAMmG,EAAO7B,CAUjB,OARwB,gBAAZlI,KACXkI,EAAMjI,EAAID,GACVA,EAAUC,EACVA,EAAKiI,GAKAvJ,EAAOiE,WAAY3C,IAKzB2D,EAAOvE,EAAW8D,KAAMa,UAAW,GACnC+F,EAAQ,WACP,MAAO9J,GAAG8D,MAAO/D,GAAWiC,KAAM2B,EAAK1E,OAAQG,EAAW8D,KAAMa,cAIjE+F,EAAMD,KAAO7J,EAAG6J,KAAO7J,EAAG6J,MAAQnL,EAAOmL,OAElCC,GAZC7L,GAiBT8L,OAAQ,SAAUzG,EAAOtD,EAAI2G,EAAKoC,EAAOiB,EAAWC,EAAUC,GAC7D,GAAI/F,GAAI,EACPjC,EAASoB,EAAMpB,OACfiI,EAAc,MAAPxD,CAGR,IAA4B,WAAvBjI,EAAO2C,KAAMsF,GAAqB,CACtCqD,GAAY,CACZ,KAAM7F,IAAKwC,GACVjI,EAAOqL,OAAQzG,EAAOtD,EAAImE,EAAGwC,EAAIxC,IAAI,EAAM8F,EAAUC,OAIhD,IAAKnB,IAAU9K,IACrB+L,GAAY,EAENtL,EAAOiE,WAAYoG,KACxBmB,GAAM,GAGFC,IAECD,GACJlK,EAAGkD,KAAMI,EAAOyF,GAChB/I,EAAK,OAILmK,EAAOnK,EACPA,EAAK,SAAU+B,EAAM4E,EAAKoC,GACzB,MAAOoB,GAAKjH,KAAMxE,EAAQqD,GAAQgH,MAKhC/I,GACJ,KAAYkC,EAAJiC,EAAYA,IACnBnE,EAAIsD,EAAMa,GAAIwC,EAAKuD,EAAMnB,EAAQA,EAAM7F,KAAMI,EAAMa,GAAIA,EAAGnE,EAAIsD,EAAMa,GAAIwC,IAK3E,OAAOqD,GACN1G,EAGA6G,EACCnK,EAAGkD,KAAMI,GACTpB,EAASlC,EAAIsD,EAAM,GAAIqD,GAAQsD,GAGlCG,IAAK,WACJ,OAAO,GAAMC,OAASC,WAMvBC,KAAM,SAAUxI,EAAMgD,EAASrB,EAAUC,GACxC,GAAIJ,GAAKuB,EACR0F,IAGD,KAAM1F,IAAQC,GACbyF,EAAK1F,GAAS/C,EAAK0I,MAAO3F,GAC1B/C,EAAK0I,MAAO3F,GAASC,EAASD,EAG/BvB,GAAMG,EAASI,MAAO/B,EAAM4B,MAG5B,KAAMmB,IAAQC,GACbhD,EAAK0I,MAAO3F,GAAS0F,EAAK1F,EAG3B,OAAOvB,MAIT7E,EAAO8C,MAAMoC,QAAU,SAAUuC,GAChC,IAAMjI,EAOL,GALAA,EAAYQ,EAAOgM,WAKU,aAAxBpM,EAASgD,WAEbyE,WAAYrH,EAAO8C,WAGb,IAAKlD,EAAS8C,iBAEpB9C,EAAS8C,iBAAkB,mBAAoBF,GAAW,GAG1DlD,EAAOoD,iBAAkB,OAAQF,GAAW,OAGtC,CAEN5C,EAASqM,YAAa,qBAAsBzJ,GAG5ClD,EAAO2M,YAAa,SAAUzJ,EAI9B,IAAI0J,IAAM,CAEV,KACCA,EAA6B,MAAvB5M,EAAO6M,cAAwBvM,EAASE,gBAC7C,MAAMoI,IAEHgE,GAAOA,EAAIE,UACf,QAAUC,KACT,IAAMrM,EAAO+G,QAAU,CAEtB,IAGCmF,EAAIE,SAAS,QACZ,MAAMlE,GACP,MAAOb,YAAYgF,EAAe,IAInCxJ,IAGA7C,EAAO8C,YAMZ,MAAOtD,GAAU0F,QAASuC,IAI3BzH,EAAO+E,KAAK,gEAAgEuH,MAAM,KAAM,SAAS7G,EAAGW,GACnGjG,EAAY,WAAaiG,EAAO,KAAQA,EAAKgE,eAG9C,SAASE,GAAa7C,GACrB,GAAIjE,GAASiE,EAAIjE,OAChBb,EAAO3C,EAAO2C,KAAM8E,EAErB,OAAKzH,GAAO2H,SAAUF,IACd,EAGc,IAAjBA,EAAI5D,UAAkBL,GACnB,EAGQ,UAATb,GAA6B,aAATA,IACb,IAAXa,GACgB,gBAAXA,IAAuBA,EAAS,GAAOA,EAAS,IAAOiE,IAIhEhI,EAAaO,EAAOJ,GAWpB,SAAWN,EAAQC,GAEnB,GAAIkG,GACH0C,EACAoE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAGAC,EACAlN,EACAC,EACAkN,EACAC,EACAC,EACAC,EACAC,EAGAzG,EAAU,UAAY,GAAKiF,MAC3ByB,EAAe9N,EAAOM,SACtByN,EAAU,EACVlI,EAAO,EACPmI,EAAaC,KACbC,EAAaD,KACbE,EAAgBF,KAChBG,GAAe,EACfC,EAAY,SAAUC,EAAGC,GACxB,MAAKD,KAAMC,GACVH,GAAe,EACR,GAED,GAIRI,QAAsBvO,GACtBwO,EAAe,GAAK,GAGpBC,KAAc/M,eACduJ,KACAyD,EAAMzD,EAAIyD,IACVC,EAAc1D,EAAI/J,KAClBA,EAAO+J,EAAI/J,KACXE,EAAQ6J,EAAI7J,MAEZE,EAAU2J,EAAI3J,SAAW,SAAUwC,GAClC,GAAIoC,GAAI,EACPC,EAAMpC,KAAKE,MACZ,MAAYkC,EAAJD,EAASA,IAChB,GAAKnC,KAAKmC,KAAOpC,EAChB,MAAOoC,EAGT,OAAO,IAGR0I,EAAW,6HAKXC,EAAa,sBAEbC,EAAoB,mCAKpBC,EAAaD,EAAkBxH,QAAS,IAAK,MAG7C0H,EAAa,MAAQH,EAAa,KAAOC,EAAoB,IAAMD,EAClE,mBAAqBA,EAAa,wCAA0CE,EAAa,QAAUF,EAAa,OAQjHI,EAAU,KAAOH,EAAoB,mEAAqEE,EAAW1H,QAAS,EAAG,GAAM,eAGvIlF,EAAY8M,OAAQ,IAAML,EAAa,8BAAgCA,EAAa,KAAM,KAE1FM,EAAaD,OAAQ,IAAML,EAAa,KAAOA,EAAa,KAC5DO,EAAmBF,OAAQ,IAAML,EAAa,WAAaA,EAAa,IAAMA,EAAa,KAE3FQ,EAAeH,OAAQL,EAAa,SACpCS,EAAuBJ,OAAQ,IAAML,EAAa,gBAAkBA,EAAa,OAAQ,KAEzFU,EAAcL,OAAQD,GACtBO,EAAkBN,OAAQ,IAAMH,EAAa,KAE7CU,GACCC,GAAUR,OAAQ,MAAQJ,EAAoB,KAC9Ca,MAAaT,OAAQ,QAAUJ,EAAoB,KACnDc,IAAWV,OAAQ,KAAOJ,EAAkBxH,QAAS,IAAK,MAAS,KACnEuI,KAAYX,OAAQ,IAAMF,GAC1Bc,OAAcZ,OAAQ,IAAMD,GAC5Bc,MAAab,OAAQ,yDAA2DL,EAC/E,+BAAiCA,EAAa,cAAgBA,EAC9D,aAAeA,EAAa,SAAU,KACvCmB,KAAYd,OAAQ,OAASN,EAAW,KAAM,KAG9CqB,aAAoBf,OAAQ,IAAML,EAAa,mDAC9CA,EAAa,mBAAqBA,EAAa,mBAAoB,MAGrEqB,EAAU,yBAGV7N,EAAa,mCAEb8N,GAAU,sCACVC,GAAU,SAEVC,GAAU,QAGVC,GAAgBpB,OAAQ,qBAAuBL,EAAa,MAAQA,EAAa,OAAQ,MACzF0B,GAAY,SAAUC,EAAGC,EAASC,GACjC,GAAIC,GAAO,KAAOF,EAAU,KAI5B,OAAOE,KAASA,GAAQD,EACvBD,EAEO,EAAPE,EACClI,OAAOmI,aAAcD,EAAO,OAE5BlI,OAAOmI,aAA2B,MAAbD,GAAQ,GAA4B,MAAR,KAAPA,GAI9C,KACCzP,EAAK2E,MACHoF,EAAM7J,EAAM6D,KAAM4I,EAAapE,YAChCoE,EAAapE,YAIdwB,EAAK4C,EAAapE,WAAWxF,QAASK,SACrC,MAAQqE,IACTzH,GAAS2E,MAAOoF,EAAIhH,OAGnB,SAAU+C,EAAQ6J,GACjBlC,EAAY9I,MAAOmB,EAAQ5F,EAAM6D,KAAK4L,KAKvC,SAAU7J,EAAQ6J,GACjB,GAAIzK,GAAIY,EAAO/C,OACdiC,EAAI,CAEL,OAASc,EAAOZ,KAAOyK,EAAI3K,MAC3Bc,EAAO/C,OAASmC,EAAI,IAKvB,QAAS0K,IAAQjP,EAAUC,EAASoJ,EAAS6F,GAC5C,GAAIlN,GAAOC,EAAMkN,EAAG1M,EAEnB4B,EAAG+K,EAAQ1E,EAAK2E,EAAKC,EAAYC,CASlC,KAPOtP,EAAUA,EAAQyC,eAAiBzC,EAAU+L,KAAmBxN,GACtEkN,EAAazL,GAGdA,EAAUA,GAAWzB,EACrB6K,EAAUA,OAEJrJ,GAAgC,gBAAbA,GACxB,MAAOqJ,EAGR,IAAuC,KAAjC5G,EAAWxC,EAAQwC,WAAgC,IAAbA,EAC3C,QAGD,IAAKkJ,IAAmBuD,EAAO,CAG9B,GAAMlN,EAAQxB,EAAW6B,KAAMrC,GAE9B,GAAMmP,EAAInN,EAAM,IACf,GAAkB,IAAbS,EAAiB,CAIrB,GAHAR,EAAOhC,EAAQ8C,eAAgBoM,IAG1BlN,IAAQA,EAAKe,WAQjB,MAAOqG,EALP,IAAKpH,EAAKgB,KAAOkM,EAEhB,MADA9F,GAAQhK,KAAM4C,GACPoH,MAOT,IAAKpJ,EAAQyC,gBAAkBT,EAAOhC,EAAQyC,cAAcK,eAAgBoM,KAC3EpD,EAAU9L,EAASgC,IAAUA,EAAKgB,KAAOkM,EAEzC,MADA9F,GAAQhK,KAAM4C,GACPoH,MAKH,CAAA,GAAKrH,EAAM,GAEjB,MADA3C,GAAK2E,MAAOqF,EAASpJ,EAAQwI,qBAAsBzI,IAC5CqJ,CAGD,KAAM8F,EAAInN,EAAM,KAAO+E,EAAQyI,wBAA0BvP,EAAQuP,uBAEvE,MADAnQ,GAAK2E,MAAOqF,EAASpJ,EAAQuP,uBAAwBL,IAC9C9F,EAKT,GAAKtC,EAAQ0I,OAAS7D,IAAcA,EAAUjJ,KAAM3C,IAAc,CASjE,GARAqP,EAAM3E,EAAMpF,EACZgK,EAAarP,EACbsP,EAA2B,IAAb9M,GAAkBzC,EAMd,IAAbyC,GAAqD,WAAnCxC,EAAQ8I,SAASC,cAA6B,CACpEoG,EAASM,GAAU1P,IAEb0K,EAAMzK,EAAQ0P,aAAa,OAChCN,EAAM3E,EAAIjF,QAAS+I,GAAS,QAE5BvO,EAAQ2P,aAAc,KAAMP,GAE7BA,EAAM,QAAUA,EAAM,MAEtBhL,EAAI+K,EAAOhN,MACX,OAAQiC,IACP+K,EAAO/K,GAAKgL,EAAMQ,GAAYT,EAAO/K,GAEtCiL,GAAa9B,EAAS7K,KAAM3C,IAAcC,EAAQ+C,YAAc/C,EAChEsP,EAAcH,EAAOU,KAAK,KAG3B,GAAKP,EACJ,IAIC,MAHAlQ,GAAK2E,MAAOqF,EACXiG,EAAWS,iBAAkBR,IAEvBlG,EACN,MAAM2G,IACN,QACKtF,GACLzK,EAAQgQ,gBAAgB,QAQ7B,MAAOC,IAAQlQ,EAASyF,QAASlF,EAAO,MAAQN,EAASoJ,EAAS6F,GASnE,QAAS/C,MACR,GAAIgE,KAEJ,SAASC,GAAOvJ,EAAKoC,GAMpB,MAJKkH,GAAK9Q,KAAMwH,GAAO,KAAQuE,EAAKiF,mBAE5BD,GAAOD,EAAKG,SAEZF,EAAOvJ,GAAQoC,EAExB,MAAOmH,GAOR,QAASG,IAAcrQ,GAEtB,MADAA,GAAIoF,IAAY,EACTpF,EAOR,QAASsQ,IAAQtQ,GAChB,GAAIuQ,GAAMjS,EAASiJ,cAAc,MAEjC,KACC,QAASvH,EAAIuQ,GACZ,MAAO3J,GACR,OAAO,EACN,QAEI2J,EAAIzN,YACRyN,EAAIzN,WAAW0N,YAAaD,GAG7BA,EAAM,MASR,QAASE,IAAWC,EAAOC,GAC1B,GAAIzH,GAAMwH,EAAM1F,MAAM,KACrB7G,EAAIuM,EAAMxO,MAEX,OAAQiC,IACP+G,EAAK0F,WAAY1H,EAAI/E,IAAOwM,EAU9B,QAASE,IAAcvE,EAAGC,GACzB,GAAIuE,GAAMvE,GAAKD,EACdyE,EAAOD,GAAsB,IAAfxE,EAAE/J,UAAiC,IAAfgK,EAAEhK,YAChCgK,EAAEyE,aAAevE,KACjBH,EAAE0E,aAAevE,EAGtB,IAAKsE,EACJ,MAAOA,EAIR,IAAKD,EACJ,MAASA,EAAMA,EAAIG,YAClB,GAAKH,IAAQvE,EACZ,MAAO,EAKV,OAAOD,GAAI,EAAI,GAOhB,QAAS4E,IAAmB7P,GAC3B,MAAO,UAAUU,GAChB,GAAI+C,GAAO/C,EAAK8G,SAASC,aACzB,OAAgB,UAAThE,GAAoB/C,EAAKV,OAASA,GAQ3C,QAAS8P,IAAoB9P,GAC5B,MAAO,UAAUU,GAChB,GAAI+C,GAAO/C,EAAK8G,SAASC,aACzB,QAAiB,UAAThE,GAA6B,WAATA,IAAsB/C,EAAKV,OAASA,GAQlE,QAAS+P,IAAwBpR,GAChC,MAAOqQ,IAAa,SAAUgB,GAE7B,MADAA,IAAYA,EACLhB,GAAa,SAAUrB,EAAMpD,GACnC,GAAIvH,GACHiN,EAAetR,KAAQgP,EAAK9M,OAAQmP,GACpClN,EAAImN,EAAapP,MAGlB,OAAQiC,IACF6K,EAAO3K,EAAIiN,EAAanN,MAC5B6K,EAAK3K,KAAOuH,EAAQvH,GAAK2K,EAAK3K,SAWnC+G,EAAQ2D,GAAO3D,MAAQ,SAAUrJ,GAGhC,GAAIvD,GAAkBuD,IAASA,EAAKS,eAAiBT,GAAMvD,eAC3D,OAAOA,GAA+C,SAA7BA,EAAgBqK,UAAsB,GAIhEhC,EAAUkI,GAAOlI,WAOjB2E,EAAcuD,GAAOvD,YAAc,SAAU+F,GAC5C,GAAIC,GAAMD,EAAOA,EAAK/O,eAAiB+O,EAAOzF,EAC7C2F,EAASD,EAAIE,WAGd,OAAKF,KAAQlT,GAA6B,IAAjBkT,EAAIjP,UAAmBiP,EAAIhT,iBAKpDF,EAAWkT,EACXjT,EAAUiT,EAAIhT,gBAGdiN,GAAkBL,EAAOoG,GAMpBC,GAAUA,EAAO9G,aAAe8G,IAAWA,EAAO7G,KACtD6G,EAAO9G,YAAa,iBAAkB,WACrCa,MASF3E,EAAQoG,WAAaqD,GAAO,SAAUC,GAErC,MADAA,GAAIoB,UAAY,KACRpB,EAAId,aAAa,eAO1B5I,EAAQ0B,qBAAuB+H,GAAO,SAAUC,GAE/C,MADAA,GAAIqB,YAAaJ,EAAIK,cAAc,MAC3BtB,EAAIhI,qBAAqB,KAAKrG,SAIvC2E,EAAQyI,uBAAyBgB,GAAO,SAAUC,GAQjD,MAPAA,GAAIuB,UAAY,+CAIhBvB,EAAIwB,WAAWJ,UAAY,IAGuB,IAA3CpB,EAAIjB,uBAAuB,KAAKpN,SAOxC2E,EAAQmL,QAAU1B,GAAO,SAAUC,GAElC,MADAhS,GAAQqT,YAAarB,GAAMxN,GAAKqC,GACxBoM,EAAIS,oBAAsBT,EAAIS,kBAAmB7M,GAAUlD,SAI/D2E,EAAQmL,SACZ9G,EAAK9I,KAAS,GAAI,SAAUW,EAAIhD,GAC/B,SAAYA,GAAQ8C,iBAAmB2J,GAAgBf,EAAiB,CACvE,GAAIwD,GAAIlP,EAAQ8C,eAAgBE,EAGhC,OAAOkM,IAAKA,EAAEnM,YAAcmM,QAG9B/D,EAAKgH,OAAW,GAAI,SAAUnP,GAC7B,GAAIoP,GAASpP,EAAGwC,QAASgJ,GAAWC,GACpC,OAAO,UAAUzM,GAChB,MAAOA,GAAK0N,aAAa,QAAU0C,YAM9BjH,GAAK9I,KAAS,GAErB8I,EAAKgH,OAAW,GAAK,SAAUnP,GAC9B,GAAIoP,GAASpP,EAAGwC,QAASgJ,GAAWC,GACpC,OAAO,UAAUzM,GAChB,GAAIwP,SAAcxP,GAAKqQ,mBAAqB5F,GAAgBzK,EAAKqQ,iBAAiB,KAClF,OAAOb,IAAQA,EAAKxI,QAAUoJ,KAMjCjH,EAAK9I,KAAU,IAAIyE,EAAQ0B,qBAC1B,SAAU8J,EAAKtS,GACd,aAAYA,GAAQwI,uBAAyBiE,EACrCzM,EAAQwI,qBAAsB8J,GADtC,GAID,SAAUA,EAAKtS,GACd,GAAIgC,GACHkG,KACA9D,EAAI,EACJgF,EAAUpJ,EAAQwI,qBAAsB8J,EAGzC,IAAa,MAARA,EAAc,CAClB,MAAStQ,EAAOoH,EAAQhF,KACA,IAAlBpC,EAAKQ,UACT0F,EAAI9I,KAAM4C,EAIZ,OAAOkG,GAER,MAAOkB,IAIT+B,EAAK9I,KAAY,MAAIyE,EAAQyI,wBAA0B,SAAUqC,EAAW5R,GAC3E,aAAYA,GAAQuP,yBAA2B9C,GAAgBf,EACvD1L,EAAQuP,uBAAwBqC,GADxC,GAWDhG,KAOAD,MAEM7E,EAAQ0I,IAAMpB,EAAQ1L,KAAM+O,EAAI3B,qBAGrCS,GAAO,SAAUC,GAMhBA,EAAIuB,UAAY,iDAIVvB,EAAIV,iBAAiB,cAAc3N,QACxCwJ,EAAUvM,KAAM,MAAQ2N,EAAa,aAAeD,EAAW,KAM1D0D,EAAIV,iBAAiB,YAAY3N,QACtCwJ,EAAUvM,KAAK,cAIjBmR,GAAO,SAAUC,GAOhB,GAAI+B,GAAQd,EAAIjK,cAAc,QAC9B+K,GAAM5C,aAAc,OAAQ,UAC5Ba,EAAIqB,YAAaU,GAAQ5C,aAAc,IAAK,IAEvCa,EAAIV,iBAAiB,WAAW3N,QACpCwJ,EAAUvM,KAAM,SAAW2N,EAAa,gBAKnCyD,EAAIV,iBAAiB,YAAY3N,QACtCwJ,EAAUvM,KAAM,WAAY,aAI7BoR,EAAIV,iBAAiB,QACrBnE,EAAUvM,KAAK,YAIX0H,EAAQ0L,gBAAkBpE,EAAQ1L,KAAOmJ,EAAUrN,EAAQiU,uBAChEjU,EAAQkU,oBACRlU,EAAQmU,kBACRnU,EAAQoU,qBAERrC,GAAO,SAAUC,GAGhB1J,EAAQ+L,kBAAoBhH,EAAQ1I,KAAMqN,EAAK,OAI/C3E,EAAQ1I,KAAMqN,EAAK,aACnB5E,EAAcxM,KAAM,KAAM+N,KAI5BxB,EAAYA,EAAUxJ,QAAciL,OAAQzB,EAAUkE,KAAK,MAC3DjE,EAAgBA,EAAczJ,QAAciL,OAAQxB,EAAciE,KAAK,MAQvE/D,EAAWsC,EAAQ1L,KAAMlE,EAAQsN,WAActN,EAAQsU,wBACtD,SAAUvG,EAAGC,GACZ,GAAIuG,GAAuB,IAAfxG,EAAE/J,SAAiB+J,EAAE9N,gBAAkB8N,EAClDyG,EAAMxG,GAAKA,EAAEzJ,UACd,OAAOwJ,KAAMyG,MAAWA,GAAwB,IAAjBA,EAAIxQ,YAClCuQ,EAAMjH,SACLiH,EAAMjH,SAAUkH,GAChBzG,EAAEuG,yBAA8D,GAAnCvG,EAAEuG,wBAAyBE,MAG3D,SAAUzG,EAAGC,GACZ,GAAKA,EACJ,MAASA,EAAIA,EAAEzJ,WACd,GAAKyJ,IAAMD,EACV,OAAO,CAIV,QAAO,GAOTD,EAAY9N,EAAQsU,wBACpB,SAAUvG,EAAGC,GAGZ,GAAKD,IAAMC,EAEV,MADAH,IAAe,EACR,CAGR,IAAI4G,GAAUzG,EAAEsG,yBAA2BvG,EAAEuG,yBAA2BvG,EAAEuG,wBAAyBtG,EAEnG,OAAKyG,GAEW,EAAVA,IACFnM,EAAQoM,cAAgB1G,EAAEsG,wBAAyBvG,KAAQ0G,EAGxD1G,IAAMkF,GAAO3F,EAASC,EAAcQ,GACjC,GAEHC,IAAMiF,GAAO3F,EAASC,EAAcS,GACjC,EAIDhB,EACJhM,EAAQ2D,KAAMqI,EAAWe,GAAM/M,EAAQ2D,KAAMqI,EAAWgB,GAC1D,EAGe,EAAVyG,EAAc,GAAK,EAIpB1G,EAAEuG,wBAA0B,GAAK,GAEzC,SAAUvG,EAAGC,GACZ,GAAIuE,GACH3M,EAAI,EACJ+O,EAAM5G,EAAExJ,WACRiQ,EAAMxG,EAAEzJ,WACRqQ,GAAO7G,GACP8G,GAAO7G,EAGR,IAAKD,IAAMC,EAEV,MADAH,IAAe,EACR,CAGD,KAAM8G,IAAQH,EACpB,MAAOzG,KAAMkF,EAAM,GAClBjF,IAAMiF,EAAM,EACZ0B,EAAM,GACNH,EAAM,EACNxH,EACEhM,EAAQ2D,KAAMqI,EAAWe,GAAM/M,EAAQ2D,KAAMqI,EAAWgB,GAC1D,CAGK,IAAK2G,IAAQH,EACnB,MAAOlC,IAAcvE,EAAGC,EAIzBuE,GAAMxE,CACN,OAASwE,EAAMA,EAAIhO,WAClBqQ,EAAGE,QAASvC,EAEbA,GAAMvE,CACN,OAASuE,EAAMA,EAAIhO,WAClBsQ,EAAGC,QAASvC,EAIb,OAAQqC,EAAGhP,KAAOiP,EAAGjP,GACpBA,GAGD,OAAOA,GAEN0M,GAAcsC,EAAGhP,GAAIiP,EAAGjP,IAGxBgP,EAAGhP,KAAO2H,EAAe,GACzBsH,EAAGjP,KAAO2H,EAAe,EACzB,GAGK0F,GA1UClT,GA6UTyQ,GAAOnD,QAAU,SAAU0H,EAAMC,GAChC,MAAOxE,IAAQuE,EAAM,KAAM,KAAMC,IAGlCxE,GAAOwD,gBAAkB,SAAUxQ,EAAMuR,GASxC,IAPOvR,EAAKS,eAAiBT,KAAWzD,GACvCkN,EAAazJ,GAIduR,EAAOA,EAAK/N,QAASgI,EAAkB,aAElC1G,EAAQ0L,kBAAmB9G,GAC5BE,GAAkBA,EAAclJ,KAAM6Q,IACtC5H,GAAkBA,EAAUjJ,KAAM6Q,IAErC,IACC,GAAI/P,GAAMqI,EAAQ1I,KAAMnB,EAAMuR,EAG9B,IAAK/P,GAAOsD,EAAQ+L,mBAGlB7Q,EAAKzD,UAAuC,KAA3ByD,EAAKzD,SAASiE,SAChC,MAAOgB,GAEP,MAAMqD,IAGT,MAAOmI,IAAQuE,EAAMhV,EAAU,MAAOyD,IAAQG,OAAS,GAGxD6M,GAAOlD,SAAW,SAAU9L,EAASgC,GAKpC,OAHOhC,EAAQyC,eAAiBzC,KAAczB,GAC7CkN,EAAazL,GAEP8L,EAAU9L,EAASgC,IAG3BgN,GAAOnM,KAAO,SAAUb,EAAM+C,IAEtB/C,EAAKS,eAAiBT,KAAWzD,GACvCkN,EAAazJ,EAGd,IAAI/B,GAAKkL,EAAK0F,WAAY9L,EAAKgE,eAE9B0K,EAAMxT,GAAM0M,EAAOxJ,KAAMgI,EAAK0F,WAAY9L,EAAKgE,eAC9C9I,EAAI+B,EAAM+C,GAAO2G,GACjBxN,CAEF,OAAOuV,KAAQvV,EACd4I,EAAQoG,aAAexB,EACtB1J,EAAK0N,aAAc3K,IAClB0O,EAAMzR,EAAKqQ,iBAAiBtN,KAAU0O,EAAIC,UAC1CD,EAAIzK,MACJ,KACFyK,GAGFzE,GAAO/H,MAAQ,SAAUC,GACxB,KAAUC,OAAO,0CAA4CD,IAO9D8H,GAAO2E,WAAa,SAAUvK,GAC7B,GAAIpH,GACH4R,KACAtP,EAAI,EACJF,EAAI,CAOL,IAJAiI,GAAgBvF,EAAQ+M,iBACxBrI,GAAa1E,EAAQgN,YAAc1K,EAAQ9J,MAAO,GAClD8J,EAAQ3E,KAAM6H,GAETD,EAAe,CACnB,MAASrK,EAAOoH,EAAQhF,KAClBpC,IAASoH,EAAShF,KACtBE,EAAIsP,EAAWxU,KAAMgF,GAGvB,OAAQE,IACP8E,EAAQ1E,OAAQkP,EAAYtP,GAAK,GAInC,MAAO8E,IAORgC,EAAU4D,GAAO5D,QAAU,SAAUpJ,GACpC,GAAIwP,GACHhO,EAAM,GACNY,EAAI,EACJ5B,EAAWR,EAAKQ,QAEjB,IAAMA,GAMC,GAAkB,IAAbA,GAA+B,IAAbA,GAA+B,KAAbA,EAAkB,CAGjE,GAAiC,gBAArBR,GAAK+R,YAChB,MAAO/R,GAAK+R,WAGZ,KAAM/R,EAAOA,EAAKgQ,WAAYhQ,EAAMA,EAAOA,EAAKkP,YAC/C1N,GAAO4H,EAASpJ,OAGZ,IAAkB,IAAbQ,GAA+B,IAAbA,EAC7B,MAAOR,GAAKgS,cAhBZ,MAASxC,EAAOxP,EAAKoC,GAAKA,IAEzBZ,GAAO4H,EAASoG,EAkBlB,OAAOhO,IAGR2H,EAAO6D,GAAOiF,WAGb7D,YAAa,GAEb8D,aAAc5D,GAEdvO,MAAO4L,EAEPkD,cAEAxO,QAEA8R,UACCC,KAAOC,IAAK,aAAcpQ,OAAO,GACjCqQ,KAAOD,IAAK,cACZE,KAAOF,IAAK,kBAAmBpQ,OAAO,GACtCuQ,KAAOH,IAAK,oBAGbI,WACC1G,KAAQ,SAAUhM,GAUjB,MATAA,GAAM,GAAKA,EAAM,GAAGyD,QAASgJ,GAAWC,IAGxC1M,EAAM,IAAOA,EAAM,IAAMA,EAAM,IAAM,IAAKyD,QAASgJ,GAAWC,IAE5C,OAAb1M,EAAM,KACVA,EAAM,GAAK,IAAMA,EAAM,GAAK,KAGtBA,EAAMzC,MAAO,EAAG,IAGxB2O,MAAS,SAAUlM,GA6BlB,MAlBAA,GAAM,GAAKA,EAAM,GAAGgH,cAEY,QAA3BhH,EAAM,GAAGzC,MAAO,EAAG,IAEjByC,EAAM,IACXiN,GAAO/H,MAAOlF,EAAM,IAKrBA,EAAM,KAAQA,EAAM,GAAKA,EAAM,IAAMA,EAAM,IAAM,GAAK,GAAmB,SAAbA,EAAM,IAA8B,QAAbA,EAAM,KACzFA,EAAM,KAAUA,EAAM,GAAKA,EAAM,IAAqB,QAAbA,EAAM,KAGpCA,EAAM,IACjBiN,GAAO/H,MAAOlF,EAAM,IAGdA,GAGRiM,OAAU,SAAUjM,GACnB,GAAI2S,GACHC,GAAY5S,EAAM,IAAMA,EAAM,EAE/B,OAAK4L,GAAiB,MAAEjL,KAAMX,EAAM,IAC5B,MAIHA,EAAM,IAAMA,EAAM,KAAO7D,EAC7B6D,EAAM,GAAKA,EAAM,GAGN4S,GAAYlH,EAAQ/K,KAAMiS,KAEpCD,EAASjF,GAAUkF,GAAU,MAE7BD,EAASC,EAASnV,QAAS,IAAKmV,EAASxS,OAASuS,GAAWC,EAASxS,UAGvEJ,EAAM,GAAKA,EAAM,GAAGzC,MAAO,EAAGoV,GAC9B3S,EAAM,GAAK4S,EAASrV,MAAO,EAAGoV,IAIxB3S,EAAMzC,MAAO,EAAG,MAIzB6S,QAECrE,IAAO,SAAU8G,GAChB,GAAI9L,GAAW8L,EAAiBpP,QAASgJ,GAAWC,IAAY1F,aAChE,OAA4B,MAArB6L,EACN,WAAa,OAAO,GACpB,SAAU5S,GACT,MAAOA,GAAK8G,UAAY9G,EAAK8G,SAASC,gBAAkBD,IAI3D+E,MAAS,SAAU+D,GAClB,GAAIiD,GAAU5I,EAAY2F,EAAY,IAEtC,OAAOiD,KACLA,EAAczH,OAAQ,MAAQL,EAAa,IAAM6E,EAAY,IAAM7E,EAAa,SACjFd,EAAY2F,EAAW,SAAU5P,GAChC,MAAO6S,GAAQnS,KAAgC,gBAAnBV,GAAK4P,WAA0B5P,EAAK4P,iBAAoB5P,GAAK0N,eAAiBjD,GAAgBzK,EAAK0N,aAAa,UAAY,OAI3J3B,KAAQ,SAAUhJ,EAAM+P,EAAUC,GACjC,MAAO,UAAU/S,GAChB,GAAIgT,GAAShG,GAAOnM,KAAMb,EAAM+C,EAEhC,OAAe,OAAViQ,EACgB,OAAbF,EAEFA,GAINE,GAAU,GAEU,MAAbF,EAAmBE,IAAWD,EACvB,OAAbD,EAAoBE,IAAWD,EAClB,OAAbD,EAAoBC,GAAqC,IAA5BC,EAAOxV,QAASuV,GAChC,OAAbD,EAAoBC,GAASC,EAAOxV,QAASuV,GAAU,GAC1C,OAAbD,EAAoBC,GAASC,EAAO1V,OAAQyV,EAAM5S,UAAa4S,EAClD,OAAbD,GAAsB,IAAME,EAAS,KAAMxV,QAASuV,GAAU,GACjD,OAAbD,EAAoBE,IAAWD,GAASC,EAAO1V,MAAO,EAAGyV,EAAM5S,OAAS,KAAQ4S,EAAQ,KACxF,IAZO,IAgBV9G,MAAS,SAAU3M,EAAM2T,EAAM3D,EAAUrN,EAAOE,GAC/C,GAAI+Q,GAAgC,QAAvB5T,EAAKhC,MAAO,EAAG,GAC3B6V,EAA+B,SAArB7T,EAAKhC,MAAO,IACtB8V,EAAkB,YAATH,CAEV,OAAiB,KAAVhR,GAAwB,IAATE,EAGrB,SAAUnC,GACT,QAASA,EAAKe,YAGf,SAAUf,EAAMhC,EAASiI,GACxB,GAAIkI,GAAOkF,EAAY7D,EAAMR,EAAMsE,EAAWC,EAC7ClB,EAAMa,IAAWC,EAAU,cAAgB,kBAC3CzD,EAAS1P,EAAKe,WACdgC,EAAOqQ,GAAUpT,EAAK8G,SAASC,cAC/ByM,GAAYvN,IAAQmN,CAErB,IAAK1D,EAAS,CAGb,GAAKwD,EAAS,CACb,MAAQb,EAAM,CACb7C,EAAOxP,CACP,OAASwP,EAAOA,EAAM6C,GACrB,GAAKe,EAAS5D,EAAK1I,SAASC,gBAAkBhE,EAAyB,IAAlByM,EAAKhP,SACzD,OAAO,CAIT+S,GAAQlB,EAAe,SAAT/S,IAAoBiU,GAAS,cAE5C,OAAO,EAMR,GAHAA,GAAUJ,EAAUzD,EAAOM,WAAaN,EAAO+D,WAG1CN,GAAWK,EAAW,CAE1BH,EAAa3D,EAAQrM,KAAcqM,EAAQrM,OAC3C8K,EAAQkF,EAAY/T,OACpBgU,EAAYnF,EAAM,KAAOnE,GAAWmE,EAAM,GAC1Ca,EAAOb,EAAM,KAAOnE,GAAWmE,EAAM,GACrCqB,EAAO8D,GAAa5D,EAAO/J,WAAY2N,EAEvC,OAAS9D,IAAS8D,GAAa9D,GAAQA,EAAM6C,KAG3CrD,EAAOsE,EAAY,IAAMC,EAAM3I,MAGhC,GAAuB,IAAlB4E,EAAKhP,YAAoBwO,GAAQQ,IAASxP,EAAO,CACrDqT,EAAY/T,IAAW0K,EAASsJ,EAAWtE,EAC3C,YAKI,IAAKwE,IAAarF,GAASnO,EAAMqD,KAAcrD,EAAMqD,QAAkB/D,KAAW6O,EAAM,KAAOnE,EACrGgF,EAAOb,EAAM,OAKb,OAASqB,IAAS8D,GAAa9D,GAAQA,EAAM6C,KAC3CrD,EAAOsE,EAAY,IAAMC,EAAM3I,MAEhC,IAAOwI,EAAS5D,EAAK1I,SAASC,gBAAkBhE,EAAyB,IAAlByM,EAAKhP,aAAsBwO,IAE5EwE,KACHhE,EAAMnM,KAAcmM,EAAMnM,QAAkB/D,IAAW0K,EAASgF,IAG7DQ,IAASxP,GACb,KAQJ,OADAgP,IAAQ7M,EACD6M,IAAS/M,GAA4B,IAAjB+M,EAAO/M,GAAe+M,EAAO/M,GAAS,KAKrE+J,OAAU,SAAU0H,EAAQpE,GAK3B,GAAI1N,GACH3D,EAAKkL,EAAKgC,QAASuI,IAAYvK,EAAKwK,WAAYD,EAAO3M,gBACtDiG,GAAO/H,MAAO,uBAAyByO,EAKzC,OAAKzV,GAAIoF,GACDpF,EAAIqR,GAIPrR,EAAGkC,OAAS,GAChByB,GAAS8R,EAAQA,EAAQ,GAAIpE,GACtBnG,EAAKwK,WAAW/V,eAAgB8V,EAAO3M,eAC7CuH,GAAa,SAAUrB,EAAMpD,GAC5B,GAAI+J,GACHC,EAAU5V,EAAIgP,EAAMqC,GACpBlN,EAAIyR,EAAQ1T,MACb,OAAQiC,IACPwR,EAAMpW,EAAQ2D,KAAM8L,EAAM4G,EAAQzR,IAClC6K,EAAM2G,KAAW/J,EAAS+J,GAAQC,EAAQzR,MAG5C,SAAUpC,GACT,MAAO/B,GAAI+B,EAAM,EAAG4B,KAIhB3D,IAITkN,SAEC2I,IAAOxF,GAAa,SAAUvQ,GAI7B,GAAIwS,MACHnJ,KACA2M,EAAUzK,EAASvL,EAASyF,QAASlF,EAAO,MAE7C,OAAOyV,GAAS1Q,GACfiL,GAAa,SAAUrB,EAAMpD,EAAS7L,EAASiI,GAC9C,GAAIjG,GACHgU,EAAYD,EAAS9G,EAAM,KAAMhH,MACjC7D,EAAI6K,EAAK9M,MAGV,OAAQiC,KACDpC,EAAOgU,EAAU5R,MACtB6K,EAAK7K,KAAOyH,EAAQzH,GAAKpC,MAI5B,SAAUA,EAAMhC,EAASiI,GAGxB,MAFAsK,GAAM,GAAKvQ,EACX+T,EAASxD,EAAO,KAAMtK,EAAKmB,IACnBA,EAAQwD,SAInBqJ,IAAO3F,GAAa,SAAUvQ,GAC7B,MAAO,UAAUiC,GAChB,MAAOgN,IAAQjP,EAAUiC,GAAOG,OAAS,KAI3C2J,SAAYwE,GAAa,SAAUpH,GAClC,MAAO,UAAUlH,GAChB,OAASA,EAAK+R,aAAe/R,EAAKkU,WAAa9K,EAASpJ,IAASxC,QAAS0J,GAAS,MAWrFiN,KAAQ7F,GAAc,SAAU6F,GAM/B,MAJMzI,GAAYhL,KAAKyT,GAAQ,KAC9BnH,GAAO/H,MAAO,qBAAuBkP,GAEtCA,EAAOA,EAAK3Q,QAASgJ,GAAWC,IAAY1F,cACrC,SAAU/G,GAChB,GAAIoU,EACJ,GACC,IAAMA,EAAW1K,EAChB1J,EAAKmU,KACLnU,EAAK0N,aAAa,aAAe1N,EAAK0N,aAAa,QAGnD,MADA0G,GAAWA,EAASrN,cACbqN,IAAaD,GAA2C,IAAnCC,EAAS5W,QAAS2W,EAAO,YAE5CnU,EAAOA,EAAKe,aAAiC,IAAlBf,EAAKQ,SAC3C,QAAO,KAKT0C,OAAU,SAAUlD,GACnB,GAAIqU,GAAOpY,EAAOK,UAAYL,EAAOK,SAAS+X,IAC9C,OAAOA,IAAQA,EAAK/W,MAAO,KAAQ0C,EAAKgB,IAGzCsT,KAAQ,SAAUtU,GACjB,MAAOA,KAASxD,GAGjB+X,MAAS,SAAUvU,GAClB,MAAOA,KAASzD,EAASiY,iBAAmBjY,EAASkY,UAAYlY,EAASkY,gBAAkBzU,EAAKV,MAAQU,EAAK0U,OAAS1U,EAAK2U,WAI7HC,QAAW,SAAU5U,GACpB,MAAOA,GAAK6U,YAAa,GAG1BA,SAAY,SAAU7U,GACrB,MAAOA,GAAK6U,YAAa,GAG1BC,QAAW,SAAU9U,GAGpB,GAAI8G,GAAW9G,EAAK8G,SAASC,aAC7B,OAAqB,UAAbD,KAA0B9G,EAAK8U,SAA0B,WAAbhO,KAA2B9G,EAAK+U,UAGrFA,SAAY,SAAU/U,GAOrB,MAJKA,GAAKe,YACTf,EAAKe,WAAWiU,cAGVhV,EAAK+U,YAAa,GAI1BE,MAAS,SAAUjV,GAMlB,IAAMA,EAAOA,EAAKgQ,WAAYhQ,EAAMA,EAAOA,EAAKkP,YAC/C,GAAKlP,EAAK8G,SAAW,KAAyB,IAAlB9G,EAAKQ,UAAoC,IAAlBR,EAAKQ,SACvD,OAAO,CAGT,QAAO,GAGRkP,OAAU,SAAU1P,GACnB,OAAQmJ,EAAKgC,QAAe,MAAGnL,IAIhCkV,OAAU,SAAUlV,GACnB,MAAOsM,IAAQ5L,KAAMV,EAAK8G,WAG3ByJ,MAAS,SAAUvQ,GAClB,MAAOqM,IAAQ3L,KAAMV,EAAK8G,WAG3BqO,OAAU,SAAUnV,GACnB,GAAI+C,GAAO/C,EAAK8G,SAASC,aACzB,OAAgB,UAAThE,GAAkC,WAAd/C,EAAKV,MAA8B,WAATyD,GAGtDmE,KAAQ,SAAUlH,GACjB,GAAIa,EAGJ,OAAuC,UAAhCb,EAAK8G,SAASC,eACN,SAAd/G,EAAKV,OACmC,OAArCuB,EAAOb,EAAK0N,aAAa,UAAoB7M,EAAKkG,gBAAkB/G,EAAKV,OAI9E2C,MAASoN,GAAuB,WAC/B,OAAS,KAGVlN,KAAQkN,GAAuB,SAAUE,EAAcpP,GACtD,OAASA,EAAS,KAGnB+B,GAAMmN,GAAuB,SAAUE,EAAcpP,EAAQmP,GAC5D,OAAoB,EAAXA,EAAeA,EAAWnP,EAASmP,KAG7C8F,KAAQ/F,GAAuB,SAAUE,EAAcpP,GACtD,GAAIiC,GAAI,CACR,MAAYjC,EAAJiC,EAAYA,GAAK,EACxBmN,EAAanS,KAAMgF,EAEpB,OAAOmN,KAGR8F,IAAOhG,GAAuB,SAAUE,EAAcpP,GACrD,GAAIiC,GAAI,CACR,MAAYjC,EAAJiC,EAAYA,GAAK,EACxBmN,EAAanS,KAAMgF,EAEpB,OAAOmN,KAGR+F,GAAMjG,GAAuB,SAAUE,EAAcpP,EAAQmP,GAC5D,GAAIlN,GAAe,EAAXkN,EAAeA,EAAWnP,EAASmP,CAC3C,QAAUlN,GAAK,GACdmN,EAAanS,KAAMgF,EAEpB,OAAOmN,KAGRgG,GAAMlG,GAAuB,SAAUE,EAAcpP,EAAQmP,GAC5D,GAAIlN,GAAe,EAAXkN,EAAeA,EAAWnP,EAASmP,CAC3C,MAAcnP,IAAJiC,GACTmN,EAAanS,KAAMgF,EAEpB,OAAOmN,OAKVpG,EAAKgC,QAAa,IAAIhC,EAAKgC,QAAY,EAGvC,KAAM/I,KAAOoT,OAAO,EAAMC,UAAU,EAAMC,MAAM,EAAMC,UAAU,EAAMC,OAAO,GAC5EzM,EAAKgC,QAAS/I,GAAM+M,GAAmB/M,EAExC,KAAMA,KAAOyT,QAAQ,EAAMC,OAAO,GACjC3M,EAAKgC,QAAS/I,GAAMgN,GAAoBhN,EAIzC,SAASuR,OACTA,GAAW/T,UAAYuJ,EAAK4M,QAAU5M,EAAKgC,QAC3ChC,EAAKwK,WAAa,GAAIA,GAEtB,SAASlG,IAAU1P,EAAUiY,GAC5B,GAAInC,GAAS9T,EAAOkW,EAAQ3W,EAC3B4W,EAAO/I,EAAQgJ,EACfC,EAASjM,EAAYpM,EAAW,IAEjC,IAAKqY,EACJ,MAAOJ,GAAY,EAAII,EAAO9Y,MAAO,EAGtC4Y,GAAQnY,EACRoP,KACAgJ,EAAahN,EAAKsJ,SAElB,OAAQyD,EAAQ,GAGTrC,IAAY9T,EAAQsL,EAAOjL,KAAM8V,OACjCnW,IAEJmW,EAAQA,EAAM5Y,MAAOyC,EAAM,GAAGI,SAAY+V,GAE3C/I,EAAO/P,KAAM6Y,OAGdpC,GAAU,GAGJ9T,EAAQuL,EAAalL,KAAM8V,MAChCrC,EAAU9T,EAAMsO,QAChB4H,EAAO7Y,MACN4J,MAAO6M,EAEPvU,KAAMS,EAAM,GAAGyD,QAASlF,EAAO,OAEhC4X,EAAQA,EAAM5Y,MAAOuW,EAAQ1T,QAI9B,KAAMb,IAAQ6J,GAAKgH,SACZpQ,EAAQ4L,EAAWrM,GAAOc,KAAM8V,KAAcC,EAAY7W,MAC9DS,EAAQoW,EAAY7W,GAAQS,MAC7B8T,EAAU9T,EAAMsO,QAChB4H,EAAO7Y,MACN4J,MAAO6M,EACPvU,KAAMA,EACNuK,QAAS9J,IAEVmW,EAAQA,EAAM5Y,MAAOuW,EAAQ1T,QAI/B,KAAM0T,EACL,MAOF,MAAOmC,GACNE,EAAM/V,OACN+V,EACClJ,GAAO/H,MAAOlH,GAEdoM,EAAYpM,EAAUoP,GAAS7P,MAAO,GAGzC,QAASsQ,IAAYqI,GACpB,GAAI7T,GAAI,EACPC,EAAM4T,EAAO9V,OACbpC,EAAW,EACZ,MAAYsE,EAAJD,EAASA,IAChBrE,GAAYkY,EAAO7T,GAAG4E,KAEvB,OAAOjJ,GAGR,QAASsY,IAAetC,EAASuC,EAAYC,GAC5C,GAAIlE,GAAMiE,EAAWjE,IACpBmE,EAAmBD,GAAgB,eAARlE,EAC3BoE,EAAW3U,GAEZ,OAAOwU,GAAWrU,MAEjB,SAAUjC,EAAMhC,EAASiI,GACxB,MAASjG,EAAOA,EAAMqS,GACrB,GAAuB,IAAlBrS,EAAKQ,UAAkBgW,EAC3B,MAAOzC,GAAS/T,EAAMhC,EAASiI,IAMlC,SAAUjG,EAAMhC,EAASiI,GACxB,GAAIb,GAAM+I,EAAOkF,EAChBqD,EAAS1M,EAAU,IAAMyM,CAG1B,IAAKxQ,GACJ,MAASjG,EAAOA,EAAMqS,GACrB,IAAuB,IAAlBrS,EAAKQ,UAAkBgW,IACtBzC,EAAS/T,EAAMhC,EAASiI,GAC5B,OAAO,MAKV,OAASjG,EAAOA,EAAMqS,GACrB,GAAuB,IAAlBrS,EAAKQ,UAAkBgW,EAE3B,GADAnD,EAAarT,EAAMqD,KAAcrD,EAAMqD,QACjC8K,EAAQkF,EAAYhB,KAAUlE,EAAM,KAAOuI,GAChD,IAAMtR,EAAO+I,EAAM,OAAQ,GAAQ/I,IAAS8D,EAC3C,MAAO9D,MAAS,MAKjB,IAFA+I,EAAQkF,EAAYhB,IAAUqE,GAC9BvI,EAAM,GAAK4F,EAAS/T,EAAMhC,EAASiI,IAASiD,EACvCiF,EAAM,MAAO,EACjB,OAAO,GASf,QAASwI,IAAgBC,GACxB,MAAOA,GAASzW,OAAS,EACxB,SAAUH,EAAMhC,EAASiI,GACxB,GAAI7D,GAAIwU,EAASzW,MACjB,OAAQiC,IACP,IAAMwU,EAASxU,GAAIpC,EAAMhC,EAASiI,GACjC,OAAO,CAGT,QAAO,GAER2Q,EAAS,GAGX,QAASC,IAAU7C,EAAWzR,EAAK4N,EAAQnS,EAASiI,GACnD,GAAIjG,GACH8W,KACA1U,EAAI,EACJC,EAAM2R,EAAU7T,OAChB4W,EAAgB,MAAPxU,CAEV,MAAYF,EAAJD,EAASA,KACVpC,EAAOgU,EAAU5R,OAChB+N,GAAUA,EAAQnQ,EAAMhC,EAASiI,MACtC6Q,EAAa1Z,KAAM4C,GACd+W,GACJxU,EAAInF,KAAMgF,GAMd,OAAO0U,GAGR,QAASE,IAAYvE,EAAW1U,EAAUgW,EAASkD,EAAYC,EAAYC,GAO1E,MANKF,KAAeA,EAAY5T,KAC/B4T,EAAaD,GAAYC,IAErBC,IAAeA,EAAY7T,KAC/B6T,EAAaF,GAAYE,EAAYC,IAE/B7I,GAAa,SAAUrB,EAAM7F,EAASpJ,EAASiI,GACrD,GAAImR,GAAMhV,EAAGpC,EACZqX,KACAC,KACAC,EAAcnQ,EAAQjH,OAGtBoB,EAAQ0L,GAAQuK,GAAkBzZ,GAAY,IAAKC,EAAQwC,UAAaxC,GAAYA,MAGpFyZ,GAAYhF,IAAexF,GAASlP,EAEnCwD,EADAsV,GAAUtV,EAAO8V,EAAQ5E,EAAWzU,EAASiI,GAG9CyR,EAAa3D,EAEZmD,IAAgBjK,EAAOwF,EAAY8E,GAAeN,MAMjD7P,EACDqQ,CAQF,IALK1D,GACJA,EAAS0D,EAAWC,EAAY1Z,EAASiI,GAIrCgR,EAAa,CACjBG,EAAOP,GAAUa,EAAYJ,GAC7BL,EAAYG,KAAUpZ,EAASiI,GAG/B7D,EAAIgV,EAAKjX,MACT,OAAQiC,KACDpC,EAAOoX,EAAKhV,MACjBsV,EAAYJ,EAAQlV,MAASqV,EAAWH,EAAQlV,IAAOpC,IAK1D,GAAKiN,GACJ,GAAKiK,GAAczE,EAAY,CAC9B,GAAKyE,EAAa,CAEjBE,KACAhV,EAAIsV,EAAWvX,MACf,OAAQiC,KACDpC,EAAO0X,EAAWtV,KAEvBgV,EAAKha,KAAOqa,EAAUrV,GAAKpC,EAG7BkX,GAAY,KAAOQ,KAAkBN,EAAMnR,GAI5C7D,EAAIsV,EAAWvX,MACf,OAAQiC,KACDpC,EAAO0X,EAAWtV,MACtBgV,EAAOF,EAAa1Z,EAAQ2D,KAAM8L,EAAMjN,GAASqX,EAAOjV,IAAM,KAE/D6K,EAAKmK,KAAUhQ,EAAQgQ,GAAQpX,SAOlC0X,GAAab,GACZa,IAAetQ,EACdsQ,EAAWhV,OAAQ6U,EAAaG,EAAWvX,QAC3CuX,GAEGR,EACJA,EAAY,KAAM9P,EAASsQ,EAAYzR,GAEvC7I,EAAK2E,MAAOqF,EAASsQ,KAMzB,QAASC,IAAmB1B,GAC3B,GAAI2B,GAAc7D,EAASzR,EAC1BD,EAAM4T,EAAO9V,OACb0X,EAAkB1O,EAAKgJ,SAAU8D,EAAO,GAAG3W,MAC3CwY,EAAmBD,GAAmB1O,EAAKgJ,SAAS,KACpD/P,EAAIyV,EAAkB,EAAI,EAG1BE,EAAe1B,GAAe,SAAUrW,GACvC,MAAOA,KAAS4X,GACdE,GAAkB,GACrBE,EAAkB3B,GAAe,SAAUrW,GAC1C,MAAOxC,GAAQ2D,KAAMyW,EAAc5X,GAAS,IAC1C8X,GAAkB,GACrBlB,GAAa,SAAU5W,EAAMhC,EAASiI,GACrC,OAAU4R,IAAqB5R,GAAOjI,IAAYuL,MAChDqO,EAAe5Z,GAASwC,SACxBuX,EAAc/X,EAAMhC,EAASiI,GAC7B+R,EAAiBhY,EAAMhC,EAASiI,KAGpC,MAAY5D,EAAJD,EAASA,IAChB,GAAM2R,EAAU5K,EAAKgJ,SAAU8D,EAAO7T,GAAG9C,MACxCsX,GAAaP,GAAcM,GAAgBC,GAAY7C,QACjD,CAIN,GAHAA,EAAU5K,EAAKgH,OAAQ8F,EAAO7T,GAAG9C,MAAOyC,MAAO,KAAMkU,EAAO7T,GAAGyH,SAG1DkK,EAAS1Q,GAAY,CAGzB,IADAf,IAAMF,EACMC,EAAJC,EAASA,IAChB,GAAK6G,EAAKgJ,SAAU8D,EAAO3T,GAAGhD,MAC7B,KAGF,OAAO0X,IACN5U,EAAI,GAAKuU,GAAgBC,GACzBxU,EAAI,GAAKwL,GAERqI,EAAO3Y,MAAO,EAAG8E,EAAI,GAAIlF,QAAS8J,MAAgC,MAAzBiP,EAAQ7T,EAAI,GAAI9C,KAAe,IAAM,MAC7EkE,QAASlF,EAAO,MAClByV,EACIzR,EAAJF,GAASuV,GAAmB1B,EAAO3Y,MAAO8E,EAAGE,IACzCD,EAAJC,GAAWqV,GAAoB1B,EAASA,EAAO3Y,MAAOgF,IAClDD,EAAJC,GAAWsL,GAAYqI,IAGzBW,EAASxZ,KAAM2W,GAIjB,MAAO4C,IAAgBC,GAGxB,QAASqB,IAA0BC,EAAiBC,GAEnD,GAAIC,GAAoB,EACvBC,EAAQF,EAAYhY,OAAS,EAC7BmY,EAAYJ,EAAgB/X,OAAS,EACrCoY,EAAe,SAAUtL,EAAMjP,EAASiI,EAAKmB,EAASoR,GACrD,GAAIxY,GAAMsC,EAAGyR,EACZ0E,KACAC,EAAe,EACftW,EAAI,IACJ4R,EAAY/G,MACZ0L,EAA6B,MAAjBH,EACZI,EAAgBrP,EAEhBhI,EAAQ0L,GAAQqL,GAAanP,EAAK9I,KAAU,IAAG,IAAKmY,GAAiBxa,EAAQ+C,YAAc/C,GAE3F6a,EAAiB7O,GAA4B,MAAjB4O,EAAwB,EAAItV,KAAKC,UAAY,EAS1E,KAPKoV,IACJpP,EAAmBvL,IAAYzB,GAAYyB,EAC3CkL,EAAakP,GAKe,OAApBpY,EAAOuB,EAAMa,IAAaA,IAAM,CACxC,GAAKkW,GAAatY,EAAO,CACxBsC,EAAI,CACJ,OAASyR,EAAUmE,EAAgB5V,KAClC,GAAKyR,EAAS/T,EAAMhC,EAASiI,GAAQ,CACpCmB,EAAQhK,KAAM4C,EACd,OAGG2Y,IACJ3O,EAAU6O,EACV3P,IAAekP,GAKZC,KAEErY,GAAQ+T,GAAW/T,IACxB0Y,IAIIzL,GACJ+G,EAAU5W,KAAM4C,IAOnB,GADA0Y,GAAgBtW,EACXiW,GAASjW,IAAMsW,EAAe,CAClCpW,EAAI,CACJ,OAASyR,EAAUoE,EAAY7V,KAC9ByR,EAASC,EAAWyE,EAAYza,EAASiI,EAG1C,IAAKgH,EAAO,CAEX,GAAKyL,EAAe,EACnB,MAAQtW,IACA4R,EAAU5R,IAAMqW,EAAWrW,KACjCqW,EAAWrW,GAAKwI,EAAIzJ,KAAMiG,GAM7BqR,GAAa5B,GAAU4B,GAIxBrb,EAAK2E,MAAOqF,EAASqR,GAGhBE,IAAc1L,GAAQwL,EAAWtY,OAAS,GAC5CuY,EAAeP,EAAYhY,OAAW,GAExC6M,GAAO2E,WAAYvK,GAUrB,MALKuR,KACJ3O,EAAU6O,EACVtP,EAAmBqP,GAGb5E,EAGT,OAAOqE,GACN/J,GAAciK,GACdA,EAGFjP,EAAU0D,GAAO1D,QAAU,SAAUvL,EAAU+a,GAC9C,GAAI1W,GACH+V,KACAD,KACA9B,EAAShM,EAAerM,EAAW,IAEpC,KAAMqY,EAAS,CAER0C,IACLA,EAAQrL,GAAU1P,IAEnBqE,EAAI0W,EAAM3Y,MACV,OAAQiC,IACPgU,EAASuB,GAAmBmB,EAAM1W,IAC7BgU,EAAQ/S,GACZ8U,EAAY/a,KAAMgZ,GAElB8B,EAAgB9a,KAAMgZ,EAKxBA,GAAShM,EAAerM,EAAUka,GAA0BC,EAAiBC,IAE9E,MAAO/B,GAGR,SAASoB,IAAkBzZ,EAAUgb,EAAU3R,GAC9C,GAAIhF,GAAI,EACPC,EAAM0W,EAAS5Y,MAChB,MAAYkC,EAAJD,EAASA,IAChB4K,GAAQjP,EAAUgb,EAAS3W,GAAIgF,EAEhC,OAAOA,GAGR,QAAS6G,IAAQlQ,EAAUC,EAASoJ,EAAS6F,GAC5C,GAAI7K,GAAG6T,EAAQ+C,EAAO1Z,EAAMe,EAC3BN,EAAQ0N,GAAU1P,EAEnB,KAAMkP,GAEiB,IAAjBlN,EAAMI,OAAe,CAIzB,GADA8V,EAASlW,EAAM,GAAKA,EAAM,GAAGzC,MAAO,GAC/B2Y,EAAO9V,OAAS,GAAkC,QAA5B6Y,EAAQ/C,EAAO,IAAI3W,MAC5CwF,EAAQmL,SAAgC,IAArBjS,EAAQwC,UAAkBkJ,GAC7CP,EAAKgJ,SAAU8D,EAAO,GAAG3W,MAAS,CAGnC,GADAtB,GAAYmL,EAAK9I,KAAS,GAAG2Y,EAAMnP,QAAQ,GAAGrG,QAAQgJ,GAAWC,IAAYzO,QAAkB,IACzFA,EACL,MAAOoJ,EAERrJ,GAAWA,EAAST,MAAO2Y,EAAO5H,QAAQrH,MAAM7G,QAIjDiC,EAAIuJ,EAAwB,aAAEjL,KAAM3C,GAAa,EAAIkY,EAAO9V,MAC5D,OAAQiC,IAAM,CAIb,GAHA4W,EAAQ/C,EAAO7T,GAGV+G,EAAKgJ,SAAW7S,EAAO0Z,EAAM1Z,MACjC,KAED,KAAMe,EAAO8I,EAAK9I,KAAMf,MAEjB2N,EAAO5M,EACZ2Y,EAAMnP,QAAQ,GAAGrG,QAASgJ,GAAWC,IACrClB,EAAS7K,KAAMuV,EAAO,GAAG3W,OAAUtB,EAAQ+C,YAAc/C,IACrD,CAKJ,GAFAiY,EAAOvT,OAAQN,EAAG,GAClBrE,EAAWkP,EAAK9M,QAAUyN,GAAYqI,IAChClY,EAEL,MADAX,GAAK2E,MAAOqF,EAAS6F,GACd7F,CAGR,SAgBL,MAPAkC,GAASvL,EAAUgC,GAClBkN,EACAjP,GACC0L,EACDtC,EACAmE,EAAS7K,KAAM3C,IAETqJ,EAMRtC,EAAQgN,WAAazO,EAAQ4F,MAAM,IAAIxG,KAAM6H,GAAYuD,KAAK,MAAQxK,EAItEyB,EAAQ+M,iBAAmBxH,EAG3BZ,IAIA3E,EAAQoM,aAAe3C,GAAO,SAAU0K,GAEvC,MAAuE,GAAhEA,EAAKnI,wBAAyBvU,EAASiJ,cAAc,UAMvD+I,GAAO,SAAUC,GAEtB,MADAA,GAAIuB,UAAY,mBAC+B,MAAxCvB,EAAIwB,WAAWtC,aAAa,WAEnCgB,GAAW,yBAA0B,SAAU1O,EAAM+C,EAAMsG,GAC1D,MAAMA,GAAN,EACQrJ,EAAK0N,aAAc3K,EAA6B,SAAvBA,EAAKgE,cAA2B,EAAI,KAOjEjC,EAAQoG,YAAeqD,GAAO,SAAUC,GAG7C,MAFAA,GAAIuB,UAAY,WAChBvB,EAAIwB,WAAWrC,aAAc,QAAS,IACY,KAA3Ca,EAAIwB,WAAWtC,aAAc,YAEpCgB,GAAW,QAAS,SAAU1O,EAAM+C,EAAMsG,GACzC,MAAMA,IAAyC,UAAhCrJ,EAAK8G,SAASC,cAA7B,EACQ/G,EAAKkZ,eAOT3K,GAAO,SAAUC,GACtB,MAAuC,OAAhCA,EAAId,aAAa,eAExBgB,GAAW5D,EAAU,SAAU9K,EAAM+C,EAAMsG,GAC1C,GAAIoI,EACJ,OAAMpI,GAAN,GACSoI,EAAMzR,EAAKqQ,iBAAkBtN,KAAW0O,EAAIC,UACnDD,EAAIzK,MACJhH,EAAM+C,MAAW,EAAOA,EAAKgE,cAAgB,OAKjDpK,EAAO0D,KAAO2M,GACdrQ,EAAO4U,KAAOvE,GAAOiF,UACrBtV,EAAO4U,KAAK,KAAO5U,EAAO4U,KAAKpG,QAC/BxO,EAAOwc,OAASnM,GAAO2E,WACvBhV,EAAOuK,KAAO8F,GAAO5D,QACrBzM,EAAOyc,SAAWpM,GAAO3D,MACzB1M,EAAOmN,SAAWkD,GAAOlD,UAGrB7N,EAEJ,IAAIod,KAGJ,SAASC,GAAetW,GACvB,GAAIuW,GAASF,EAAcrW,KAI3B,OAHArG,GAAO+E,KAAMsB,EAAQjD,MAAO1B,OAAwB,SAAUqO,EAAG8M,GAChED,EAAQC,IAAS,IAEXD,EAyBR5c,EAAO8c,UAAY,SAAUzW,GAI5BA,EAA6B,gBAAZA,GACdqW,EAAcrW,IAAasW,EAAetW,GAC5CrG,EAAOgG,UAAYK,EAEpB,IACC0W,GAEAC,EAEAC,EAEAC,EAEAC,EAEAC,EAEAC,KAEAC,GAASjX,EAAQkX,SAEjBC,EAAO,SAAU/U,GAOhB,IANAuU,EAAS3W,EAAQ2W,QAAUvU,EAC3BwU,GAAQ,EACRE,EAAcC,GAAe,EAC7BA,EAAc,EACdF,EAAeG,EAAK7Z,OACpBuZ,GAAS,EACDM,GAAsBH,EAAdC,EAA4BA,IAC3C,GAAKE,EAAMF,GAAc/X,MAAOqD,EAAM,GAAKA,EAAM,OAAU,GAASpC,EAAQoX,YAAc,CACzFT,GAAS,CACT,OAGFD,GAAS,EACJM,IACCC,EACCA,EAAM9Z,QACVga,EAAMF,EAAM5L,SAEFsL,EACXK,KAEAK,EAAKC,YAKRD,GAECE,IAAK,WACJ,GAAKP,EAAO,CAEX,GAAIzG,GAAQyG,EAAK7Z,QACjB,QAAUoa,GAAK3Y,GACdjF,EAAO+E,KAAME,EAAM,SAAU8K,EAAG7E,GAC/B,GAAIvI,GAAO3C,EAAO2C,KAAMuI,EACV,cAATvI,EACE0D,EAAQmW,QAAWkB,EAAKpG,IAAKpM,IAClCmS,EAAK5c,KAAMyK,GAEDA,GAAOA,EAAI1H,QAAmB,WAATb,GAEhCib,EAAK1S,OAGJ7F,WAGC0X,EACJG,EAAeG,EAAK7Z,OAGTwZ,IACXI,EAAcxG,EACd4G,EAAMR,IAGR,MAAO1Z,OAGRyF,OAAQ,WAkBP,MAjBKsU,IACJrd,EAAO+E,KAAMM,UAAW,SAAU0K,EAAG7E,GACpC,GAAI2S,EACJ,QAASA,EAAQ7d,EAAO2K,QAASO,EAAKmS,EAAMQ,IAAY,GACvDR,EAAKtX,OAAQ8X,EAAO,GAEfd,IACUG,GAATW,GACJX,IAEaC,GAATU,GACJV,OAME7Z,MAIRgU,IAAK,SAAUhW,GACd,MAAOA,GAAKtB,EAAO2K,QAASrJ,EAAI+b,GAAS,MAASA,IAAQA,EAAK7Z,SAGhE8U,MAAO,WAGN,MAFA+E,MACAH,EAAe,EACR5Z,MAGRqa,QAAS,WAER,MADAN,GAAOC,EAAQN,EAASzd,EACjB+D,MAGR4U,SAAU,WACT,OAAQmF,GAGTS,KAAM,WAKL,MAJAR,GAAQ/d,EACFyd,GACLU,EAAKC,UAECra,MAGRya,OAAQ,WACP,OAAQT,GAGTU,SAAU,SAAU3c,EAAS4D,GAU5B,OATKoY,GAAWJ,IAASK,IACxBrY,EAAOA,MACPA,GAAS5D,EAAS4D,EAAKtE,MAAQsE,EAAKtE,QAAUsE,GACzC8X,EACJO,EAAM7c,KAAMwE,GAEZuY,EAAMvY,IAGD3B,MAGRka,KAAM,WAEL,MADAE,GAAKM,SAAU1a,KAAM+B,WACd/B,MAGR2Z,MAAO,WACN,QAASA,GAIZ,OAAOS,IAER1d,EAAOgG,QAENgG,SAAU,SAAUiS,GACnB,GAAIC,KAEA,UAAW,OAAQle,EAAO8c,UAAU,eAAgB,aACpD,SAAU,OAAQ9c,EAAO8c,UAAU,eAAgB,aACnD,SAAU,WAAY9c,EAAO8c,UAAU,YAE1CqB,EAAQ,UACRjZ,GACCiZ,MAAO,WACN,MAAOA,IAERC,OAAQ,WAEP,MADAC,GAASlZ,KAAME,WAAYiZ,KAAMjZ,WAC1B/B,MAERib,KAAM,WACL,GAAIC,GAAMnZ,SACV,OAAOrF,GAAOgM,SAAS,SAAUyS,GAChCze,EAAO+E,KAAMmZ,EAAQ,SAAUzY,EAAGiZ,GACjC,GAAIC,GAASD,EAAO,GACnBpd,EAAKtB,EAAOiE,WAAYua,EAAK/Y,KAAS+Y,EAAK/Y,EAE5C4Y,GAAUK,EAAM,IAAK,WACpB,GAAIE,GAAWtd,GAAMA,EAAG8D,MAAO9B,KAAM+B,UAChCuZ,IAAY5e,EAAOiE,WAAY2a,EAAS1Z,SAC5C0Z,EAAS1Z,UACPC,KAAMsZ,EAASI,SACfP,KAAMG,EAASK,QACfC,SAAUN,EAASO,QAErBP,EAAUE,EAAS,QAAUrb,OAAS4B,EAAUuZ,EAASvZ,UAAY5B,KAAMhC,GAAOsd,GAAavZ,eAIlGmZ,EAAM,OACJtZ,WAIJA,QAAS,SAAUuC,GAClB,MAAc,OAAPA,EAAczH,EAAOgG,OAAQyB,EAAKvC,GAAYA,IAGvDmZ,IAwCD,OArCAnZ,GAAQ+Z,KAAO/Z,EAAQqZ,KAGvBve,EAAO+E,KAAMmZ,EAAQ,SAAUzY,EAAGiZ,GACjC,GAAIrB,GAAOqB,EAAO,GACjBQ,EAAcR,EAAO,EAGtBxZ,GAASwZ,EAAM,IAAOrB,EAAKO,IAGtBsB,GACJ7B,EAAKO,IAAI,WAERO,EAAQe,GAGNhB,EAAY,EAAJzY,GAAS,GAAIkY,QAASO,EAAQ,GAAK,GAAIJ,MAInDO,EAAUK,EAAM,IAAO,WAEtB,MADAL,GAAUK,EAAM,GAAK,QAAUpb,OAAS+a,EAAWnZ,EAAU5B,KAAM+B,WAC5D/B,MAER+a,EAAUK,EAAM,GAAK,QAAWrB,EAAKW,WAItC9Y,EAAQA,QAASmZ,GAGZJ,GACJA,EAAKzZ,KAAM6Z,EAAUA,GAIfA,GAIRc,KAAM,SAAUC,GACf,GAAI3Z,GAAI,EACP4Z,EAAgB3e,EAAW8D,KAAMa,WACjC7B,EAAS6b,EAAc7b,OAGvB8b,EAAuB,IAAX9b,GAAkB4b,GAAepf,EAAOiE,WAAYmb,EAAYla,SAAc1B,EAAS,EAGnG6a,EAAyB,IAAdiB,EAAkBF,EAAcpf,EAAOgM,WAGlDuT,EAAa,SAAU9Z,EAAG2W,EAAUoD,GACnC,MAAO,UAAUnV,GAChB+R,EAAU3W,GAAMnC,KAChBkc,EAAQ/Z,GAAMJ,UAAU7B,OAAS,EAAI9C,EAAW8D,KAAMa,WAAcgF,EAChEmV,IAAWC,EACdpB,EAASqB,WAAYtD,EAAUoD,KACfF,GAChBjB,EAAS/W,YAAa8U,EAAUoD,KAKnCC,EAAgBE,EAAkBC,CAGnC,IAAKpc,EAAS,EAIb,IAHAic,EAAqB/X,MAAOlE,GAC5Bmc,EAAuBjY,MAAOlE,GAC9Boc,EAAsBlY,MAAOlE,GACjBA,EAAJiC,EAAYA,IACd4Z,EAAe5Z,IAAOzF,EAAOiE,WAAYob,EAAe5Z,GAAIP,SAChEma,EAAe5Z,GAAIP,UACjBC,KAAMoa,EAAY9Z,EAAGma,EAAiBP,IACtCf,KAAMD,EAASS,QACfC,SAAUQ,EAAY9Z,EAAGka,EAAkBF,MAE3CH,CAUL,OAJMA,IACLjB,EAAS/W,YAAasY,EAAiBP,GAGjChB,EAASnZ,aAGlBlF,EAAOmI,QAAU,SAAWA,GAE3B,GAAI9F,GAAKuL,EAAGgG,EAAOtC,EAAQuO,EAAUC,EAAKC,EAAWC,EAAava,EACjEoM,EAAMjS,EAASiJ,cAAc,MAS9B,IANAgJ,EAAIb,aAAc,YAAa,KAC/Ba,EAAIuB,UAAY,qEAGhB/Q,EAAMwP,EAAIhI,qBAAqB,SAC/B+D,EAAIiE,EAAIhI,qBAAqB,KAAM,IAC7B+D,IAAMA,EAAE7B,QAAU1J,EAAImB,OAC3B,MAAO2E,EAIRmJ,GAAS1R,EAASiJ,cAAc,UAChCiX,EAAMxO,EAAO4B,YAAatT,EAASiJ,cAAc,WACjD+K,EAAQ/B,EAAIhI,qBAAqB,SAAU,GAE3C+D,EAAE7B,MAAMkU,QAAU,gCAGlB9X,EAAQ+X,gBAAoC,MAAlBrO,EAAIoB,UAG9B9K,EAAQgY,kBAAgD,IAA5BtO,EAAIwB,WAAWxP,SAI3CsE,EAAQiY,OAASvO,EAAIhI,qBAAqB,SAASrG,OAInD2E,EAAQkY,gBAAkBxO,EAAIhI,qBAAqB,QAAQrG,OAI3D2E,EAAQ4D,MAAQ,MAAMhI,KAAM6J,EAAEmD,aAAa,UAI3C5I,EAAQmY,eAA4C,OAA3B1S,EAAEmD,aAAa,QAKxC5I,EAAQoY,QAAU,OAAOxc,KAAM6J,EAAE7B,MAAMwU,SAIvCpY,EAAQqY,WAAa5S,EAAE7B,MAAMyU,SAG7BrY,EAAQsY,UAAY7M,EAAMvJ,MAI1BlC,EAAQuY,YAAcZ,EAAI1H,SAG1BjQ,EAAQwY,UAAY/gB,EAASiJ,cAAc,QAAQ8X,QAInDxY,EAAQyY,WAA2E,kBAA9DhhB,EAASiJ,cAAc,OAAOgY,WAAW,GAAOC,UAGrE3Y,EAAQ4Y,wBAAyB,EACjC5Y,EAAQ6Y,kBAAmB,EAC3B7Y,EAAQ8Y,eAAgB,EACxB9Y,EAAQ+Y,eAAgB,EACxB/Y,EAAQgZ,cAAe,EACvBhZ,EAAQiZ,qBAAsB,EAC9BjZ,EAAQkZ,mBAAoB,EAG5BzN,EAAMuE,SAAU,EAChBhQ,EAAQmZ,eAAiB1N,EAAMiN,WAAW,GAAO1I,QAIjD7G,EAAO4G,UAAW,EAClB/P,EAAQoZ,aAAezB,EAAI5H,QAG3B,WACQrG,GAAI9N,KACV,MAAOmE,GACRC,EAAQ+Y,eAAgB,EAIzBtN,EAAQhU,EAASiJ,cAAc,SAC/B+K,EAAM5C,aAAc,QAAS,IAC7B7I,EAAQyL,MAA0C,KAAlCA,EAAM7C,aAAc,SAGpC6C,EAAMvJ,MAAQ,IACduJ,EAAM5C,aAAc,OAAQ,SAC5B7I,EAAQqZ,WAA6B,MAAhB5N,EAAMvJ,MAG3BuJ,EAAM5C,aAAc,UAAW,KAC/B4C,EAAM5C,aAAc,OAAQ,KAE5B6O,EAAWjgB,EAAS6hB,yBACpB5B,EAAS3M,YAAaU,GAItBzL,EAAQuZ,cAAgB9N,EAAMuE,QAG9BhQ,EAAQwZ,WAAa9B,EAASgB,WAAW,GAAOA,WAAW,GAAO/J,UAAUqB,QAKvEtG,EAAI5F,cACR4F,EAAI5F,YAAa,UAAW,WAC3B9D,EAAQgZ,cAAe,IAGxBtP,EAAIgP,WAAW,GAAOe,QAKvB,KAAMnc,KAAOyT,QAAQ,EAAM2I,QAAQ,EAAMC,SAAS,GACjDjQ,EAAIb,aAAc+O,EAAY,KAAOta,EAAG,KAExC0C,EAAS1C,EAAI,WAAcsa,IAAazgB,IAAUuS,EAAItD,WAAYwR,GAAYrZ,WAAY,CAG3FmL,GAAI9F,MAAMgW,eAAiB,cAC3BlQ,EAAIgP,WAAW,GAAO9U,MAAMgW,eAAiB,GAC7C5Z,EAAQ6Z,gBAA+C,gBAA7BnQ,EAAI9F,MAAMgW,cAIpC,KAAMtc,IAAKzF,GAAQmI,GAClB,KAoGD,OAlGAA,GAAQC,QAAgB,MAAN3C,EAGlBzF,EAAO,WACN,GAAIiiB,GAAWC,EAAWC,EACzBC,EAAW,+HACXhb,EAAOxH,EAASiK,qBAAqB,QAAQ,EAExCzC,KAKN6a,EAAYriB,EAASiJ,cAAc,OACnCoZ,EAAUlW,MAAMkU,QAAU,gFAE1B7Y,EAAK8L,YAAa+O,GAAY/O,YAAarB,GAS3CA,EAAIuB,UAAY,8CAChB+O,EAAMtQ,EAAIhI,qBAAqB,MAC/BsY,EAAK,GAAIpW,MAAMkU,QAAU,2CACzBD,EAA0C,IAA1BmC,EAAK,GAAIE,aAEzBF,EAAK,GAAIpW,MAAMuW,QAAU,GACzBH,EAAK,GAAIpW,MAAMuW,QAAU,OAIzBna,EAAQoa,sBAAwBvC,GAA2C,IAA1BmC,EAAK,GAAIE,aAG1DxQ,EAAIuB,UAAY,GAChBvB,EAAI9F,MAAMkU,QAAU,wKAIpBjgB,EAAO6L,KAAMzE,EAAyB,MAAnBA,EAAK2E,MAAMyW,MAAiBA,KAAM,MAAU,WAC9Dra,EAAQsa,UAAgC,IAApB5Q,EAAI6Q,cAIpBpjB,EAAOqjB,mBACXxa,EAAQ8Y,cAAuE,QAArD3hB,EAAOqjB,iBAAkB9Q,EAAK,WAAe3F,IACvE/D,EAAQkZ,kBAA2F,SAArE/hB,EAAOqjB,iBAAkB9Q,EAAK,QAAY+Q,MAAO,QAAUA,MAMzFV,EAAYrQ,EAAIqB,YAAatT,EAASiJ,cAAc,QACpDqZ,EAAUnW,MAAMkU,QAAUpO,EAAI9F,MAAMkU,QAAUmC,EAC9CF,EAAUnW,MAAM8W,YAAcX,EAAUnW,MAAM6W,MAAQ,IACtD/Q,EAAI9F,MAAM6W,MAAQ,MAElBza,EAAQiZ,qBACNtZ,YAAcxI,EAAOqjB,iBAAkBT,EAAW,WAAeW,oBAGxDhR,GAAI9F,MAAMyW,OAAS9iB,IAK9BmS,EAAIuB,UAAY,GAChBvB,EAAI9F,MAAMkU,QAAUmC,EAAW,8CAC/Bja,EAAQ4Y,uBAA+C,IAApBlP,EAAI6Q,YAIvC7Q,EAAI9F,MAAMuW,QAAU,QACpBzQ,EAAIuB,UAAY,cAChBvB,EAAIwB,WAAWtH,MAAM6W,MAAQ,MAC7Bza,EAAQ6Y,iBAAyC,IAApBnP,EAAI6Q,YAE5Bva,EAAQ4Y,yBAIZ3Z,EAAK2E,MAAMyW,KAAO,IAIpBpb,EAAK0K,YAAamQ,GAGlBA,EAAYpQ,EAAMsQ,EAAMD,EAAY,QAIrC7f,EAAMiP,EAASuO,EAAWC,EAAMlS,EAAIgG,EAAQ,KAErCzL;KAGR,IAAI2a,GAAS,+BACZC,EAAa,UAEd,SAASC,GAAc3f,EAAM+C,EAAMqC,EAAMwa,GACxC,GAAMjjB,EAAOkjB,WAAY7f,GAAzB,CAIA,GAAIwB,GAAKse,EACRC,EAAcpjB,EAAO0G,QAIrB2c,EAAShgB,EAAKQ,SAId2N,EAAQ6R,EAASrjB,EAAOwR,MAAQnO,EAIhCgB,EAAKgf,EAAShgB,EAAM+f,GAAgB/f,EAAM+f,IAAiBA,CAI5D,IAAO/e,GAAOmN,EAAMnN,KAAS4e,GAAQzR,EAAMnN,GAAIoE,OAAUA,IAASlJ,GAA6B,gBAAT6G,GAgEtF,MA5DM/B,KAIJA,EADIgf,EACChgB,EAAM+f,GAAgBhjB,EAAgB6N,OAASjO,EAAOmL,OAEtDiY,GAID5R,EAAOnN,KAGZmN,EAAOnN,GAAOgf,MAAgBC,OAAQtjB,EAAO8J,QAKzB,gBAAT1D,IAAqC,kBAATA,MAClC6c,EACJzR,EAAOnN,GAAOrE,EAAOgG,OAAQwL,EAAOnN,GAAM+B,GAE1CoL,EAAOnN,GAAKoE,KAAOzI,EAAOgG,OAAQwL,EAAOnN,GAAKoE,KAAMrC,IAItD+c,EAAY3R,EAAOnN,GAKb4e,IACCE,EAAU1a,OACf0a,EAAU1a,SAGX0a,EAAYA,EAAU1a,MAGlBA,IAASlJ,IACb4jB,EAAWnjB,EAAOiK,UAAW7D,IAAWqC,GAKpB,gBAATrC,IAGXvB,EAAMse,EAAW/c,GAGL,MAAPvB,IAGJA,EAAMse,EAAWnjB,EAAOiK,UAAW7D,MAGpCvB,EAAMse,EAGAte,GAGR,QAAS0e,GAAoBlgB,EAAM+C,EAAM6c,GACxC,GAAMjjB,EAAOkjB,WAAY7f,GAAzB,CAIA,GAAI8f,GAAW1d,EACd4d,EAAShgB,EAAKQ,SAGd2N,EAAQ6R,EAASrjB,EAAOwR,MAAQnO,EAChCgB,EAAKgf,EAAShgB,EAAMrD,EAAO0G,SAAY1G,EAAO0G,OAI/C,IAAM8K,EAAOnN,GAAb,CAIA,GAAK+B,IAEJ+c,EAAYF,EAAMzR,EAAOnN,GAAOmN,EAAOnN,GAAKoE,MAE3B,CAGVzI,EAAOyG,QAASL,GAsBrBA,EAAOA,EAAK7F,OAAQP,EAAO4F,IAAKQ,EAAMpG,EAAOiK,YAnBxC7D,IAAQ+c,GACZ/c,GAASA,IAITA,EAAOpG,EAAOiK,UAAW7D,GAExBA,EADIA,IAAQ+c,IACH/c,GAEFA,EAAKkG,MAAM,MAarB7G,EAAIW,EAAK5C,MACT,OAAQiC,UACA0d,GAAW/c,EAAKX,GAKxB,IAAKwd,GAAOO,EAAkBL,IAAcnjB,EAAOqI,cAAc8a,GAChE,QAMGF,UACEzR,GAAOnN,GAAKoE,KAIb+a,EAAmBhS,EAAOnN,QAM5Bgf,EACJrjB,EAAOyjB,WAAapgB,IAAQ,GAIjBrD,EAAOmI,QAAQ+Y,eAAiB1P,GAASA,EAAMlS,aAEnDkS,GAAOnN,GAIdmN,EAAOnN,GAAO,QAIhBrE,EAAOgG,QACNwL,SAIAkS,QACCC,QAAU,EACVC,OAAS,EAEThH,OAAU,8CAGXiH,QAAS,SAAUxgB,GAElB,MADAA,GAAOA,EAAKQ,SAAW7D,EAAOwR,MAAOnO,EAAKrD,EAAO0G,UAAarD,EAAMrD,EAAO0G,WAClErD,IAASmgB,EAAmBngB,IAGtCoF,KAAM,SAAUpF,EAAM+C,EAAMqC,GAC3B,MAAOua,GAAc3f,EAAM+C,EAAMqC,IAGlCqb,WAAY,SAAUzgB,EAAM+C,GAC3B,MAAOmd,GAAoBlgB,EAAM+C,IAIlC2d,MAAO,SAAU1gB,EAAM+C,EAAMqC,GAC5B,MAAOua,GAAc3f,EAAM+C,EAAMqC,GAAM,IAGxCub,YAAa,SAAU3gB,EAAM+C,GAC5B,MAAOmd,GAAoBlgB,EAAM+C,GAAM,IAIxC8c,WAAY,SAAU7f,GAErB,GAAKA,EAAKQ,UAA8B,IAAlBR,EAAKQ,UAAoC,IAAlBR,EAAKQ,SACjD,OAAO,CAGR,IAAI6f,GAASrgB,EAAK8G,UAAYnK,EAAO0jB,OAAQrgB,EAAK8G,SAASC,cAG3D,QAAQsZ,GAAUA,KAAW,GAAQrgB,EAAK0N,aAAa,aAAe2S,KAIxE1jB,EAAOsB,GAAG0E,QACTyC,KAAM,SAAUR,EAAKoC,GACpB,GAAI2H,GAAO5L,EACVqC,EAAO,KACPhD,EAAI,EACJpC,EAAOC,KAAK,EAMb,IAAK2E,IAAQ1I,EAAY,CACxB,GAAK+D,KAAKE,SACTiF,EAAOzI,EAAOyI,KAAMpF,GAEG,IAAlBA,EAAKQ,WAAmB7D,EAAO+jB,MAAO1gB,EAAM,gBAAkB,CAElE,IADA2O,EAAQ3O,EAAKkL,WACDyD,EAAMxO,OAAViC,EAAkBA,IACzBW,EAAO4L,EAAMvM,GAAGW,KAEe,IAA1BA,EAAKvF,QAAQ,WACjBuF,EAAOpG,EAAOiK,UAAW7D,EAAKzF,MAAM,IAEpCsjB,EAAU5gB,EAAM+C,EAAMqC,EAAMrC,IAG9BpG,GAAO+jB,MAAO1gB,EAAM,eAAe,GAIrC,MAAOoF,GAIR,MAAoB,gBAARR,GACJ3E,KAAKyB,KAAK,WAChB/E,EAAOyI,KAAMnF,KAAM2E,KAId5C,UAAU7B,OAAS,EAGzBF,KAAKyB,KAAK,WACT/E,EAAOyI,KAAMnF,KAAM2E,EAAKoC,KAKzBhH,EAAO4gB,EAAU5gB,EAAM4E,EAAKjI,EAAOyI,KAAMpF,EAAM4E,IAAU,MAG3D6b,WAAY,SAAU7b,GACrB,MAAO3E,MAAKyB,KAAK,WAChB/E,EAAO8jB,WAAYxgB,KAAM2E,OAK5B,SAASgc,GAAU5gB,EAAM4E,EAAKQ,GAG7B,GAAKA,IAASlJ,GAA+B,IAAlB8D,EAAKQ,SAAiB,CAEhD,GAAIuC,GAAO,QAAU6B,EAAIpB,QAASkc,EAAY,OAAQ3Y,aAItD,IAFA3B,EAAOpF,EAAK0N,aAAc3K,GAEL,gBAATqC,GAAoB,CAC/B,IACCA,EAAgB,SAATA,GAAkB,EACf,UAATA,GAAmB,EACV,SAATA,EAAkB,MAEjBA,EAAO,KAAOA,GAAQA,EACvBqa,EAAO/e,KAAM0E,GAASzI,EAAOiJ,UAAWR,GACvCA,EACD,MAAOP,IAGTlI,EAAOyI,KAAMpF,EAAM4E,EAAKQ,OAGxBA,GAAOlJ,EAIT,MAAOkJ,GAIR,QAAS+a,GAAmB/b,GAC3B,GAAIrB,EACJ,KAAMA,IAAQqB,GAGb,IAAc,SAATrB,IAAmBpG,EAAOqI,cAAeZ,EAAIrB,MAGpC,WAATA,EACJ,OAAO,CAIT,QAAO,EAERpG,EAAOgG,QACNke,MAAO,SAAU7gB,EAAMV,EAAM8F,GAC5B,GAAIyb,EAEJ,OAAK7gB,IACJV,GAASA,GAAQ,MAAS,QAC1BuhB,EAAQlkB,EAAO+jB,MAAO1gB,EAAMV,GAGvB8F,KACEyb,GAASlkB,EAAOyG,QAAQgC,GAC7Byb,EAAQlkB,EAAO+jB,MAAO1gB,EAAMV,EAAM3C,EAAOsE,UAAUmE,IAEnDyb,EAAMzjB,KAAMgI,IAGPyb,OAZR,GAgBDC,QAAS,SAAU9gB,EAAMV,GACxBA,EAAOA,GAAQ,IAEf,IAAIuhB,GAAQlkB,EAAOkkB,MAAO7gB,EAAMV,GAC/ByhB,EAAcF,EAAM1gB,OACpBlC,EAAK4iB,EAAMxS,QACX2S,EAAQrkB,EAAOskB,YAAajhB,EAAMV,GAClC4hB,EAAO,WACNvkB,EAAOmkB,QAAS9gB,EAAMV,GAIZ,gBAAPrB,IACJA,EAAK4iB,EAAMxS,QACX0S,KAGI9iB,IAIU,OAATqB,GACJuhB,EAAMvP,QAAS,oBAIT0P,GAAMG,KACbljB,EAAGkD,KAAMnB,EAAMkhB,EAAMF,KAGhBD,GAAeC,GACpBA,EAAM/L,MAAMkF,QAKd8G,YAAa,SAAUjhB,EAAMV,GAC5B,GAAIsF,GAAMtF,EAAO,YACjB,OAAO3C,GAAO+jB,MAAO1gB,EAAM4E,IAASjI,EAAO+jB,MAAO1gB,EAAM4E,GACvDqQ,MAAOtY,EAAO8c,UAAU,eAAec,IAAI,WAC1C5d,EAAOgkB,YAAa3gB,EAAMV,EAAO,SACjC3C,EAAOgkB,YAAa3gB,EAAM4E,UAM9BjI,EAAOsB,GAAG0E,QACTke,MAAO,SAAUvhB,EAAM8F,GACtB,GAAIgc,GAAS,CAQb,OANqB,gBAAT9hB,KACX8F,EAAO9F,EACPA,EAAO,KACP8hB,KAGuBA,EAAnBpf,UAAU7B,OACPxD,EAAOkkB,MAAO5gB,KAAK,GAAIX,GAGxB8F,IAASlJ,EACf+D,KACAA,KAAKyB,KAAK,WACT,GAAImf,GAAQlkB,EAAOkkB,MAAO5gB,KAAMX,EAAM8F,EAGtCzI,GAAOskB,YAAahhB,KAAMX,GAEZ,OAATA,GAA8B,eAAbuhB,EAAM,IAC3BlkB,EAAOmkB,QAAS7gB,KAAMX,MAI1BwhB,QAAS,SAAUxhB,GAClB,MAAOW,MAAKyB,KAAK,WAChB/E,EAAOmkB,QAAS7gB,KAAMX,MAKxB+hB,MAAO,SAAUC,EAAMhiB,GAItB,MAHAgiB,GAAO3kB,EAAO4kB,GAAK5kB,EAAO4kB,GAAGC,OAAQF,IAAUA,EAAOA,EACtDhiB,EAAOA,GAAQ,KAERW,KAAK4gB,MAAOvhB,EAAM,SAAU4hB,EAAMF,GACxC,GAAIS,GAAUzd,WAAYkd,EAAMI,EAChCN,GAAMG,KAAO,WACZO,aAAcD,OAIjBE,WAAY,SAAUriB,GACrB,MAAOW,MAAK4gB,MAAOvhB,GAAQ,UAI5BuC,QAAS,SAAUvC,EAAM8E,GACxB,GAAI8B,GACH0b,EAAQ,EACRC,EAAQllB,EAAOgM,WACf6I,EAAWvR,KACXmC,EAAInC,KAAKE,OACTqb,EAAU,aACCoG,GACTC,EAAM5d,YAAauN,GAAYA,IAIb,iBAATlS,KACX8E,EAAM9E,EACNA,EAAOpD,GAERoD,EAAOA,GAAQ,IAEf,OAAO8C,IACN8D,EAAMvJ,EAAO+jB,MAAOlP,EAAUpP,GAAK9C,EAAO,cACrC4G,GAAOA,EAAI+O,QACf2M,IACA1b,EAAI+O,MAAMsF,IAAKiB,GAIjB,OADAA,KACOqG,EAAMhgB,QAASuC,KAGxB,IAAI0d,GAAUC,EACbC,EAAS,cACTC,EAAU,MACVC,EAAa,6CACbC,EAAa,gBACbC,EAAc,0BACdvF,EAAkBlgB,EAAOmI,QAAQ+X,gBACjCwF,EAAc1lB,EAAOmI,QAAQyL,KAE9B5T,GAAOsB,GAAG0E,QACT9B,KAAM,SAAUkC,EAAMiE,GACrB,MAAOrK,GAAOqL,OAAQ/H,KAAMtD,EAAOkE,KAAMkC,EAAMiE,EAAOhF,UAAU7B,OAAS,IAG1EmiB,WAAY,SAAUvf,GACrB,MAAO9C,MAAKyB,KAAK,WAChB/E,EAAO2lB,WAAYriB,KAAM8C,MAI3Bwf,KAAM,SAAUxf,EAAMiE,GACrB,MAAOrK,GAAOqL,OAAQ/H,KAAMtD,EAAO4lB,KAAMxf,EAAMiE,EAAOhF,UAAU7B,OAAS,IAG1EqiB,WAAY,SAAUzf,GAErB,MADAA,GAAOpG,EAAO8lB,QAAS1f,IAAUA,EAC1B9C,KAAKyB,KAAK,WAEhB,IACCzB,KAAM8C,GAAS7G,QACR+D,MAAM8C,GACZ,MAAO8B,QAIX6d,SAAU,SAAU1b,GACnB,GAAI2b,GAAS3iB,EAAM+O,EAAK6T,EAAOtgB,EAC9BF,EAAI,EACJC,EAAMpC,KAAKE,OACX0iB,EAA2B,gBAAV7b,IAAsBA,CAExC,IAAKrK,EAAOiE,WAAYoG,GACvB,MAAO/G,MAAKyB,KAAK,SAAUY,GAC1B3F,EAAQsD,MAAOyiB,SAAU1b,EAAM7F,KAAMlB,KAAMqC,EAAGrC,KAAK2P,aAIrD,IAAKiT,EAIJ,IAFAF,GAAY3b,GAAS,IAAKjH,MAAO1B,OAErBgE,EAAJD,EAASA,IAOhB,GANApC,EAAOC,KAAMmC,GACb2M,EAAwB,IAAlB/O,EAAKQ,WAAoBR,EAAK4P,WACjC,IAAM5P,EAAK4P,UAAY,KAAMpM,QAASwe,EAAQ,KAChD,KAGU,CACV1f,EAAI,CACJ,OAASsgB,EAAQD,EAAQrgB,KACgB,EAAnCyM,EAAIvR,QAAS,IAAMolB,EAAQ,OAC/B7T,GAAO6T,EAAQ,IAGjB5iB,GAAK4P,UAAYjT,EAAOmB,KAAMiR,GAMjC,MAAO9O,OAGR6iB,YAAa,SAAU9b,GACtB,GAAI2b,GAAS3iB,EAAM+O,EAAK6T,EAAOtgB,EAC9BF,EAAI,EACJC,EAAMpC,KAAKE,OACX0iB,EAA+B,IAArB7gB,UAAU7B,QAAiC,gBAAV6G,IAAsBA,CAElE,IAAKrK,EAAOiE,WAAYoG,GACvB,MAAO/G,MAAKyB,KAAK,SAAUY,GAC1B3F,EAAQsD,MAAO6iB,YAAa9b,EAAM7F,KAAMlB,KAAMqC,EAAGrC,KAAK2P,aAGxD,IAAKiT,EAGJ,IAFAF,GAAY3b,GAAS,IAAKjH,MAAO1B,OAErBgE,EAAJD,EAASA,IAQhB,GAPApC,EAAOC,KAAMmC,GAEb2M,EAAwB,IAAlB/O,EAAKQ,WAAoBR,EAAK4P,WACjC,IAAM5P,EAAK4P,UAAY,KAAMpM,QAASwe,EAAQ,KAChD,IAGU,CACV1f,EAAI,CACJ,OAASsgB,EAAQD,EAAQrgB,KAExB,MAAQyM,EAAIvR,QAAS,IAAMolB,EAAQ,MAAS,EAC3C7T,EAAMA,EAAIvL,QAAS,IAAMof,EAAQ,IAAK,IAGxC5iB,GAAK4P,UAAY5I,EAAQrK,EAAOmB,KAAMiR,GAAQ,GAKjD,MAAO9O,OAGR8iB,YAAa,SAAU/b,EAAOgc,GAC7B,GAAI1jB,SAAc0H,EAElB,OAAyB,iBAAbgc,IAAmC,WAAT1jB,EAC9B0jB,EAAW/iB,KAAKyiB,SAAU1b,GAAU/G,KAAK6iB,YAAa9b,GAGzDrK,EAAOiE,WAAYoG,GAChB/G,KAAKyB,KAAK,SAAUU,GAC1BzF,EAAQsD,MAAO8iB,YAAa/b,EAAM7F,KAAKlB,KAAMmC,EAAGnC,KAAK2P,UAAWoT,GAAWA,KAItE/iB,KAAKyB,KAAK,WAChB,GAAc,WAATpC,EAAoB,CAExB,GAAIsQ,GACHxN,EAAI,EACJiY,EAAO1d,EAAQsD,MACfgjB,EAAajc,EAAMjH,MAAO1B,MAE3B,OAASuR,EAAYqT,EAAY7gB,KAE3BiY,EAAK6I,SAAUtT,GACnByK,EAAKyI,YAAalT,GAElByK,EAAKqI,SAAU9S,QAKNtQ,IAASjD,GAA8B,YAATiD,KACpCW,KAAK2P,WAETjT,EAAO+jB,MAAOzgB,KAAM,gBAAiBA,KAAK2P,WAO3C3P,KAAK2P,UAAY3P,KAAK2P,WAAa5I,KAAU,EAAQ,GAAKrK,EAAO+jB,MAAOzgB,KAAM,kBAAqB,OAKtGijB,SAAU,SAAUnlB,GACnB,GAAI6R,GAAY,IAAM7R,EAAW,IAChCqE,EAAI,EACJqF,EAAIxH,KAAKE,MACV,MAAYsH,EAAJrF,EAAOA,IACd,GAA0B,IAArBnC,KAAKmC,GAAG5B,WAAmB,IAAMP,KAAKmC,GAAGwN,UAAY,KAAKpM,QAAQwe,EAAQ,KAAKxkB,QAASoS,IAAe,EAC3G,OAAO,CAIT,QAAO,GAGR6B,IAAK,SAAUzK,GACd,GAAIxF,GAAKwf,EAAOpgB,EACfZ,EAAOC,KAAK,EAEb,EAAA,GAAM+B,UAAU7B,OAsBhB,MAFAS,GAAajE,EAAOiE,WAAYoG,GAEzB/G,KAAKyB,KAAK,SAAUU,GAC1B,GAAIqP,EAEmB,KAAlBxR,KAAKO,WAKTiR,EADI7Q,EACEoG,EAAM7F,KAAMlB,KAAMmC,EAAGzF,EAAQsD,MAAOwR,OAEpCzK,EAIK,MAAPyK,EACJA,EAAM,GACoB,gBAARA,GAClBA,GAAO,GACI9U,EAAOyG,QAASqO,KAC3BA,EAAM9U,EAAO4F,IAAIkP,EAAK,SAAWzK,GAChC,MAAgB,OAATA,EAAgB,GAAKA,EAAQ,MAItCga,EAAQrkB,EAAOwmB,SAAUljB,KAAKX,OAAU3C,EAAOwmB,SAAUljB,KAAK6G,SAASC,eAGjEia,GAAW,OAASA,IAAUA,EAAMoC,IAAKnjB,KAAMwR,EAAK,WAAcvV,IACvE+D,KAAK+G,MAAQyK,KAjDd,IAAKzR,EAGJ,MAFAghB,GAAQrkB,EAAOwmB,SAAUnjB,EAAKV,OAAU3C,EAAOwmB,SAAUnjB,EAAK8G,SAASC,eAElEia,GAAS,OAASA,KAAUxf,EAAMwf,EAAM5f,IAAKpB,EAAM,YAAe9D,EAC/DsF,GAGRA,EAAMxB,EAAKgH,MAEW,gBAARxF,GAEbA,EAAIgC,QAAQye,EAAS,IAEd,MAAPzgB,EAAc,GAAKA,OA0CxB7E,EAAOgG,QACNwgB,UACCE,QACCjiB,IAAK,SAAUpB,GAEd,GAAIyR,GAAM9U,EAAO0D,KAAKQ,KAAMb,EAAM,QAClC,OAAc,OAAPyR,EACNA,EACAzR,EAAKkH,OAGR+G,QACC7M,IAAK,SAAUpB,GACd,GAAIgH,GAAOqc,EACVrgB,EAAUhD,EAAKgD,QACfwX,EAAQxa,EAAKgV,cACbsO,EAAoB,eAAdtjB,EAAKV,MAAiC,EAARkb,EACpC2B,EAASmH,EAAM,QACf/b,EAAM+b,EAAM9I,EAAQ,EAAIxX,EAAQ7C,OAChCiC,EAAY,EAARoY,EACHjT,EACA+b,EAAM9I,EAAQ,CAGhB,MAAYjT,EAAJnF,EAASA,IAIhB,GAHAihB,EAASrgB,EAASZ,MAGXihB,EAAOtO,UAAY3S,IAAMoY,IAE5B7d,EAAOmI,QAAQoZ,YAAemF,EAAOxO,SAA+C,OAApCwO,EAAO3V,aAAa,cACnE2V,EAAOtiB,WAAW8T,UAAalY,EAAOmK,SAAUuc,EAAOtiB,WAAY,aAAiB,CAMxF,GAHAiG,EAAQrK,EAAQ0mB,GAAS5R,MAGpB6R,EACJ,MAAOtc,EAIRmV,GAAO/e,KAAM4J,GAIf,MAAOmV,IAGRiH,IAAK,SAAUpjB,EAAMgH,GACpB,GAAIuc,GAAWF,EACdrgB,EAAUhD,EAAKgD,QACfmZ,EAASxf,EAAOsE,UAAW+F,GAC3B5E,EAAIY,EAAQ7C,MAEb,OAAQiC,IACPihB,EAASrgB,EAASZ,IACZihB,EAAOtO,SAAWpY,EAAO2K,QAAS3K,EAAO0mB,GAAQ5R,MAAO0K,IAAY,KACzEoH,GAAY,EAQd,OAHMA,KACLvjB,EAAKgV,cAAgB,IAEfmH,KAKVtb,KAAM,SAAUb,EAAM+C,EAAMiE,GAC3B,GAAIga,GAAOxf,EACVgiB,EAAQxjB,EAAKQ,QAGd,IAAMR,GAAkB,IAAVwjB,GAAyB,IAAVA,GAAyB,IAAVA,EAK5C,aAAYxjB,GAAK0N,eAAiBrR,EAC1BM,EAAO4lB,KAAMviB,EAAM+C,EAAMiE,IAKlB,IAAVwc,GAAgB7mB,EAAOyc,SAAUpZ,KACrC+C,EAAOA,EAAKgE,cACZia,EAAQrkB,EAAO8mB,UAAW1gB,KACvBpG,EAAO4U,KAAKxR,MAAMmM,KAAKxL,KAAMqC,GAASgf,EAAWD,IAGhD9a,IAAU9K,EAaH8kB,GAAS,OAASA,IAA6C,QAAnCxf,EAAMwf,EAAM5f,IAAKpB,EAAM+C,IACvDvB,GAGPA,EAAM7E,EAAO0D,KAAKQ,KAAMb,EAAM+C,GAGhB,MAAPvB,EACNtF,EACAsF,GApBc,OAAVwF,EAGOga,GAAS,OAASA,KAAUxf,EAAMwf,EAAMoC,IAAKpjB,EAAMgH,EAAOjE,MAAY7G,EAC1EsF,GAGPxB,EAAK2N,aAAc5K,EAAMiE,EAAQ,IAC1BA,IAPPrK,EAAO2lB,WAAYtiB,EAAM+C,GAAzBpG,KAuBH2lB,WAAY,SAAUtiB,EAAMgH,GAC3B,GAAIjE,GAAM2gB,EACTthB,EAAI,EACJuhB,EAAY3c,GAASA,EAAMjH,MAAO1B,EAEnC,IAAKslB,GAA+B,IAAlB3jB,EAAKQ,SACtB,MAASuC,EAAO4gB,EAAUvhB,KACzBshB,EAAW/mB,EAAO8lB,QAAS1f,IAAUA,EAGhCpG,EAAO4U,KAAKxR,MAAMmM,KAAKxL,KAAMqC,GAE5Bsf,GAAexF,IAAoBuF,EAAY1hB,KAAMqC,GACzD/C,EAAM0jB,IAAa,EAInB1jB,EAAMrD,EAAOiK,UAAW,WAAa7D,IACpC/C,EAAM0jB,IAAa,EAKrB/mB,EAAOkE,KAAMb,EAAM+C,EAAM,IAG1B/C,EAAKgO,gBAAiB6O,EAAkB9Z,EAAO2gB,IAKlDD,WACCnkB,MACC8jB,IAAK,SAAUpjB,EAAMgH,GACpB,IAAMrK,EAAOmI,QAAQqZ,YAAwB,UAAVnX,GAAqBrK,EAAOmK,SAAS9G,EAAM,SAAW,CAGxF,GAAIyR,GAAMzR,EAAKgH,KAKf,OAJAhH,GAAK2N,aAAc,OAAQ3G,GACtByK,IACJzR,EAAKgH,MAAQyK,GAEPzK,MAMXyb,SACCmB,MAAO,UACPC,QAAS,aAGVtB,KAAM,SAAUviB,EAAM+C,EAAMiE,GAC3B,GAAIxF,GAAKwf,EAAO8C,EACfN,EAAQxjB,EAAKQ,QAGd,IAAMR,GAAkB,IAAVwjB,GAAyB,IAAVA,GAAyB,IAAVA,EAY5C,MARAM,GAAmB,IAAVN,IAAgB7mB,EAAOyc,SAAUpZ,GAErC8jB,IAEJ/gB,EAAOpG,EAAO8lB,QAAS1f,IAAUA,EACjCie,EAAQrkB,EAAOonB,UAAWhhB,IAGtBiE,IAAU9K,EACP8kB,GAAS,OAASA,KAAUxf,EAAMwf,EAAMoC,IAAKpjB,EAAMgH,EAAOjE,MAAY7G,EAC5EsF,EACExB,EAAM+C,GAASiE,EAGXga,GAAS,OAASA,IAA6C,QAAnCxf,EAAMwf,EAAM5f,IAAKpB,EAAM+C,IACzDvB,EACAxB,EAAM+C,IAITghB,WACCpP,UACCvT,IAAK,SAAUpB,GAId,GAAIgkB,GAAWrnB,EAAO0D,KAAKQ,KAAMb,EAAM,WAEvC,OAAOgkB,GACNC,SAAUD,EAAU,IACpB9B,EAAWxhB,KAAMV,EAAK8G,WAAcqb,EAAWzhB,KAAMV,EAAK8G,WAAc9G,EAAK0U,KAC5E,EACA,QAONqN,GACCqB,IAAK,SAAUpjB,EAAMgH,EAAOjE,GAa3B,MAZKiE,MAAU,EAEdrK,EAAO2lB,WAAYtiB,EAAM+C,GACdsf,GAAexF,IAAoBuF,EAAY1hB,KAAMqC,GAEhE/C,EAAK2N,cAAekP,GAAmBlgB,EAAO8lB,QAAS1f,IAAUA,EAAMA,GAIvE/C,EAAMrD,EAAOiK,UAAW,WAAa7D,IAAW/C,EAAM+C,IAAS,EAGzDA,IAGTpG,EAAO+E,KAAM/E,EAAO4U,KAAKxR,MAAMmM,KAAK9N,OAAO2B,MAAO,QAAU,SAAUqC,EAAGW,GACxE,GAAImhB,GAASvnB,EAAO4U,KAAK1C,WAAY9L,IAAUpG,EAAO0D,KAAKQ,IAE3DlE,GAAO4U,KAAK1C,WAAY9L,GAASsf,GAAexF,IAAoBuF,EAAY1hB,KAAMqC,GACrF,SAAU/C,EAAM+C,EAAMsG,GACrB,GAAIpL,GAAKtB,EAAO4U,KAAK1C,WAAY9L,GAChCvB,EAAM6H,EACLnN,GAECS,EAAO4U,KAAK1C,WAAY9L,GAAS7G,IACjCgoB,EAAQlkB,EAAM+C,EAAMsG,GAEpBtG,EAAKgE,cACL,IAEH,OADApK,GAAO4U,KAAK1C,WAAY9L,GAAS9E,EAC1BuD,GAER,SAAUxB,EAAM+C,EAAMsG,GACrB,MAAOA,GACNnN,EACA8D,EAAMrD,EAAOiK,UAAW,WAAa7D,IACpCA,EAAKgE,cACL,QAKCsb,GAAgBxF,IACrBlgB,EAAO8mB,UAAUzc,OAChBoc,IAAK,SAAUpjB,EAAMgH,EAAOjE,GAC3B,MAAKpG,GAAOmK,SAAU9G,EAAM,UAE3BA,EAAKkZ,aAAelS,EAApBhH,GAGO8hB,GAAYA,EAASsB,IAAKpjB,EAAMgH,EAAOjE,MAO5C8Z,IAILiF,GACCsB,IAAK,SAAUpjB,EAAMgH,EAAOjE,GAE3B,GAAIvB,GAAMxB,EAAKqQ,iBAAkBtN,EAUjC,OATMvB,IACLxB,EAAKmkB,iBACH3iB,EAAMxB,EAAKS,cAAc2jB,gBAAiBrhB,IAI7CvB,EAAIwF,MAAQA,GAAS,GAGL,UAATjE,GAAoBiE,IAAUhH,EAAK0N,aAAc3K,GACvDiE,EACA9K,IAGHS,EAAO4U,KAAK1C,WAAW7N,GAAKrE,EAAO4U,KAAK1C,WAAW9L,KAAOpG,EAAO4U,KAAK1C,WAAWwV,OAEhF,SAAUrkB,EAAM+C,EAAMsG,GACrB,GAAI7H,EACJ,OAAO6H,GACNnN,GACCsF,EAAMxB,EAAKqQ,iBAAkBtN,KAAyB,KAAdvB,EAAIwF,MAC5CxF,EAAIwF,MACJ,MAEJrK,EAAOwmB,SAAShO,QACf/T,IAAK,SAAUpB,EAAM+C,GACpB,GAAIvB,GAAMxB,EAAKqQ,iBAAkBtN,EACjC,OAAOvB,IAAOA,EAAIkQ,UACjBlQ,EAAIwF,MACJ9K,GAEFknB,IAAKtB,EAASsB,KAKfzmB,EAAO8mB,UAAUa,iBAChBlB,IAAK,SAAUpjB,EAAMgH,EAAOjE,GAC3B+e,EAASsB,IAAKpjB,EAAgB,KAAVgH,GAAe,EAAQA,EAAOjE,KAMpDpG,EAAO+E,MAAO,QAAS,UAAY,SAAUU,EAAGW,GAC/CpG,EAAO8mB,UAAW1gB,IACjBqgB,IAAK,SAAUpjB,EAAMgH,GACpB,MAAe,KAAVA,GACJhH,EAAK2N,aAAc5K,EAAM,QAClBiE,GAFR,OAYErK,EAAOmI,QAAQmY,gBAEpBtgB,EAAO+E,MAAO,OAAQ,OAAS,SAAUU,EAAGW,GAC3CpG,EAAOonB,UAAWhhB,IACjB3B,IAAK,SAAUpB,GACd,MAAOA,GAAK0N,aAAc3K,EAAM,OAM9BpG,EAAOmI,QAAQ4D,QACpB/L,EAAO8mB,UAAU/a,OAChBtH,IAAK,SAAUpB,GAId,MAAOA,GAAK0I,MAAMkU,SAAW1gB,GAE9BknB,IAAK,SAAUpjB,EAAMgH,GACpB,MAAShH,GAAK0I,MAAMkU,QAAU5V,EAAQ,MAOnCrK,EAAOmI,QAAQuY,cACpB1gB,EAAOonB,UAAUhP,UAChB3T,IAAK,SAAUpB,GACd,GAAI0P,GAAS1P,EAAKe,UAUlB,OARK2O,KACJA,EAAOsF,cAGFtF,EAAO3O,YACX2O,EAAO3O,WAAWiU,eAGb,QAKVrY,EAAO+E,MACN,WACA,WACA,YACA,cACA,cACA,UACA,UACA,SACA,cACA,mBACE,WACF/E,EAAO8lB,QAASxiB,KAAK8G,eAAkB9G,OAIlCtD,EAAOmI,QAAQwY,UACpB3gB,EAAO8lB,QAAQnF,QAAU,YAI1B3gB,EAAO+E,MAAO,QAAS,YAAc,WACpC/E,EAAOwmB,SAAUljB,OAChBmjB,IAAK,SAAUpjB,EAAMgH,GACpB,MAAKrK,GAAOyG,QAAS4D,GACXhH,EAAK8U,QAAUnY,EAAO2K,QAAS3K,EAAOqD,GAAMyR,MAAOzK,IAAW,EADxE,IAKIrK,EAAOmI,QAAQsY,UACpBzgB,EAAOwmB,SAAUljB,MAAOmB,IAAM,SAAUpB,GAGvC,MAAsC,QAA/BA,EAAK0N,aAAa,SAAoB,KAAO1N,EAAKgH,SAI5D,IAAIud,GAAa,+BAChBC,GAAY,OACZC,GAAc,+BACdC,GAAc,kCACdC,GAAiB,sBAElB,SAASC,MACR,OAAO,EAGR,QAASC,MACR,OAAO,EAGR,QAASC,MACR,IACC,MAAOvoB,GAASiY,cACf,MAAQuQ,KAOXpoB,EAAOyC,OAEN4lB,UAEAzK,IAAK,SAAUva,EAAMilB,EAAOrW,EAASxJ,EAAMrH,GAC1C,GAAImI,GAAKgf,EAAQC,EAAGC,EACnBC,EAASC,EAAaC,EACtBC,EAAUlmB,EAAMmmB,EAAYC,EAC5BC,EAAWhpB,EAAO+jB,MAAO1gB,EAG1B,IAAM2lB,EAAN,CAKK/W,EAAQA,UACZwW,EAAcxW,EACdA,EAAUwW,EAAYxW,QACtB7Q,EAAWqnB,EAAYrnB,UAIlB6Q,EAAQ9G,OACb8G,EAAQ9G,KAAOnL,EAAOmL,SAIhBod,EAASS,EAAST,UACxBA,EAASS,EAAST,YAEZI,EAAcK,EAASC,UAC7BN,EAAcK,EAASC,OAAS,SAAU/gB,GAGzC,aAAclI,KAAWN,GAAuBwI,GAAKlI,EAAOyC,MAAMymB,YAAchhB,EAAEvF,KAEjFpD,EADAS,EAAOyC,MAAM0mB,SAAS/jB,MAAOujB,EAAYtlB,KAAMgC,YAIjDsjB,EAAYtlB,KAAOA,GAIpBilB,GAAUA,GAAS,IAAKllB,MAAO1B,KAAqB,IACpD8mB,EAAIF,EAAM9kB,MACV,OAAQglB,IACPjf,EAAMye,GAAevkB,KAAM6kB,EAAME,QACjC7lB,EAAOomB,EAAWxf,EAAI,GACtBuf,GAAevf,EAAI,IAAM,IAAK+C,MAAO,KAAMxG,OAGrCnD,IAKN+lB,EAAU1oB,EAAOyC,MAAMimB,QAAS/lB,OAGhCA,GAASvB,EAAWsnB,EAAQU,aAAeV,EAAQW,WAAc1mB,EAGjE+lB,EAAU1oB,EAAOyC,MAAMimB,QAAS/lB,OAGhCimB,EAAY5oB,EAAOgG,QAClBrD,KAAMA,EACNomB,SAAUA,EACVtgB,KAAMA,EACNwJ,QAASA,EACT9G,KAAM8G,EAAQ9G,KACd/J,SAAUA,EACVoO,aAAcpO,GAAYpB,EAAO4U,KAAKxR,MAAMoM,aAAazL,KAAM3C,GAC/DkoB,UAAWR,EAAW5X,KAAK,MACzBuX,IAGII,EAAWN,EAAQ5lB,MACzBkmB,EAAWN,EAAQ5lB,MACnBkmB,EAASU,cAAgB,EAGnBb,EAAQc,OAASd,EAAQc,MAAMhlB,KAAMnB,EAAMoF,EAAMqgB,EAAYH,MAAkB,IAE/EtlB,EAAKX,iBACTW,EAAKX,iBAAkBC,EAAMgmB,GAAa,GAE/BtlB,EAAK4I,aAChB5I,EAAK4I,YAAa,KAAOtJ,EAAMgmB,KAK7BD,EAAQ9K,MACZ8K,EAAQ9K,IAAIpZ,KAAMnB,EAAMulB,GAElBA,EAAU3W,QAAQ9G,OACvByd,EAAU3W,QAAQ9G,KAAO8G,EAAQ9G,OAK9B/J,EACJynB,EAAS9iB,OAAQ8iB,EAASU,gBAAiB,EAAGX,GAE9CC,EAASpoB,KAAMmoB,GAIhB5oB,EAAOyC,MAAM4lB,OAAQ1lB,IAAS,EAI/BU,GAAO,OAIR0F,OAAQ,SAAU1F,EAAMilB,EAAOrW,EAAS7Q,EAAUqoB,GACjD,GAAI9jB,GAAGijB,EAAWrf,EACjBmgB,EAAWlB,EAAGD,EACdG,EAASG,EAAUlmB,EACnBmmB,EAAYC,EACZC,EAAWhpB,EAAO6jB,QAASxgB,IAAUrD,EAAO+jB,MAAO1gB,EAEpD,IAAM2lB,IAAcT,EAASS,EAAST,QAAtC,CAKAD,GAAUA,GAAS,IAAKllB,MAAO1B,KAAqB,IACpD8mB,EAAIF,EAAM9kB,MACV,OAAQglB,IAMP,GALAjf,EAAMye,GAAevkB,KAAM6kB,EAAME,QACjC7lB,EAAOomB,EAAWxf,EAAI,GACtBuf,GAAevf,EAAI,IAAM,IAAK+C,MAAO,KAAMxG,OAGrCnD,EAAN,CAOA+lB,EAAU1oB,EAAOyC,MAAMimB,QAAS/lB,OAChCA,GAASvB,EAAWsnB,EAAQU,aAAeV,EAAQW,WAAc1mB,EACjEkmB,EAAWN,EAAQ5lB,OACnB4G,EAAMA,EAAI,IAAUkF,OAAQ,UAAYqa,EAAW5X,KAAK,iBAAmB,WAG3EwY,EAAY/jB,EAAIkjB,EAASrlB,MACzB,OAAQmC,IACPijB,EAAYC,EAAUljB,IAEf8jB,GAAeV,IAAaH,EAAUG,UACzC9W,GAAWA,EAAQ9G,OAASyd,EAAUzd,MACtC5B,IAAOA,EAAIxF,KAAM6kB,EAAUU,YAC3BloB,GAAYA,IAAawnB,EAAUxnB,WAAyB,OAAbA,IAAqBwnB,EAAUxnB,YACjFynB,EAAS9iB,OAAQJ,EAAG,GAEfijB,EAAUxnB,UACdynB,EAASU,gBAELb,EAAQ3f,QACZ2f,EAAQ3f,OAAOvE,KAAMnB,EAAMulB,GAOzBc,KAAcb,EAASrlB,SACrBklB,EAAQiB,UAAYjB,EAAQiB,SAASnlB,KAAMnB,EAAMylB,EAAYE,EAASC,WAAa,GACxFjpB,EAAO4pB,YAAavmB,EAAMV,EAAMqmB,EAASC,cAGnCV,GAAQ5lB,QAtCf,KAAMA,IAAQ4lB,GACbvoB,EAAOyC,MAAMsG,OAAQ1F,EAAMV,EAAO2lB,EAAOE,GAAKvW,EAAS7Q,GAAU,EA0C/DpB,GAAOqI,cAAekgB,WACnBS,GAASC,OAIhBjpB,EAAOgkB,YAAa3gB,EAAM,aAI5BkE,QAAS,SAAU9E,EAAOgG,EAAMpF,EAAMwmB,GACrC,GAAIZ,GAAQa,EAAQ1X,EACnB2X,EAAYrB,EAASnf,EAAK9D,EAC1BukB,GAAc3mB,GAAQzD,GACtB+C,EAAO3B,EAAYwD,KAAM/B,EAAO,QAAWA,EAAME,KAAOF,EACxDqmB,EAAa9nB,EAAYwD,KAAM/B,EAAO,aAAgBA,EAAM6mB,UAAUhd,MAAM,OAK7E,IAHA8F,EAAM7I,EAAMlG,EAAOA,GAAQzD,EAGJ,IAAlByD,EAAKQ,UAAoC,IAAlBR,EAAKQ,WAK5BkkB,GAAYhkB,KAAMpB,EAAO3C,EAAOyC,MAAMymB,aAItCvmB,EAAK9B,QAAQ,MAAQ,IAEzBioB,EAAanmB,EAAK2J,MAAM,KACxB3J,EAAOmmB,EAAWpX,QAClBoX,EAAWhjB,QAEZgkB,EAA6B,EAApBnnB,EAAK9B,QAAQ,MAAY,KAAO8B,EAGzCF,EAAQA,EAAOzC,EAAO0G,SACrBjE,EACA,GAAIzC,GAAOiqB,MAAOtnB,EAAuB,gBAAVF,IAAsBA,GAGtDA,EAAMynB,UAAYL,EAAe,EAAI,EACrCpnB,EAAM6mB,UAAYR,EAAW5X,KAAK,KAClCzO,EAAM0nB,aAAe1nB,EAAM6mB,UACtB7a,OAAQ,UAAYqa,EAAW5X,KAAK,iBAAmB,WAC3D,KAGDzO,EAAM4T,OAAS9W,EACTkD,EAAM8D,SACX9D,EAAM8D,OAASlD,GAIhBoF,EAAe,MAARA,GACJhG,GACFzC,EAAOsE,UAAWmE,GAAQhG,IAG3BimB,EAAU1oB,EAAOyC,MAAMimB,QAAS/lB,OAC1BknB,IAAgBnB,EAAQnhB,SAAWmhB,EAAQnhB,QAAQnC,MAAO/B,EAAMoF,MAAW,GAAjF,CAMA,IAAMohB,IAAiBnB,EAAQ0B,WAAapqB,EAAO2H,SAAUtE,GAAS,CAMrE,IAJA0mB,EAAarB,EAAQU,cAAgBzmB,EAC/BolB,GAAYhkB,KAAMgmB,EAAapnB,KACpCyP,EAAMA,EAAIhO,YAEHgO,EAAKA,EAAMA,EAAIhO,WACtB4lB,EAAUvpB,KAAM2R,GAChB7I,EAAM6I,CAIF7I,MAASlG,EAAKS,eAAiBlE,IACnCoqB,EAAUvpB,KAAM8I,EAAIyJ,aAAezJ,EAAI8gB,cAAgB/qB,GAKzDmG,EAAI,CACJ,QAAS2M,EAAM4X,EAAUvkB,QAAUhD,EAAM6nB,uBAExC7nB,EAAME,KAAO8C,EAAI,EAChBskB,EACArB,EAAQW,UAAY1mB,EAGrBsmB,GAAWjpB,EAAO+jB,MAAO3R,EAAK,eAAoB3P,EAAME,OAAU3C,EAAO+jB,MAAO3R,EAAK,UAChF6W,GACJA,EAAO7jB,MAAOgN,EAAK3J,GAIpBwgB,EAASa,GAAU1X,EAAK0X,GACnBb,GAAUjpB,EAAOkjB,WAAY9Q,IAAS6W,EAAO7jB,OAAS6jB,EAAO7jB,MAAOgN,EAAK3J,MAAW,GACxFhG,EAAM8nB,gBAMR,IAHA9nB,EAAME,KAAOA,GAGPknB,IAAiBpnB,EAAM+nB,wBAErB9B,EAAQ+B,UAAY/B,EAAQ+B,SAASrlB,MAAO4kB,EAAU/b,MAAOxF,MAAW,IAC9EzI,EAAOkjB,WAAY7f,IAKdymB,GAAUzmB,EAAMV,KAAW3C,EAAO2H,SAAUtE,GAAS,CAGzDkG,EAAMlG,EAAMymB,GAEPvgB,IACJlG,EAAMymB,GAAW,MAIlB9pB,EAAOyC,MAAMymB,UAAYvmB,CACzB,KACCU,EAAMV,KACL,MAAQuF,IAIVlI,EAAOyC,MAAMymB,UAAY3pB,EAEpBgK,IACJlG,EAAMymB,GAAWvgB,GAMrB,MAAO9G,GAAM4T,SAGd8S,SAAU,SAAU1mB,GAGnBA,EAAQzC,EAAOyC,MAAMioB,IAAKjoB,EAE1B,IAAIgD,GAAGZ,EAAK+jB,EAAW1R,EAASvR,EAC/BglB,KACA1lB,EAAOvE,EAAW8D,KAAMa,WACxBwjB,GAAa7oB,EAAO+jB,MAAOzgB,KAAM,eAAoBb,EAAME,UAC3D+lB,EAAU1oB,EAAOyC,MAAMimB,QAASjmB,EAAME,SAOvC,IAJAsC,EAAK,GAAKxC,EACVA,EAAMmoB,eAAiBtnB,MAGlBolB,EAAQmC,aAAenC,EAAQmC,YAAYrmB,KAAMlB,KAAMb,MAAY,EAAxE,CAKAkoB,EAAe3qB,EAAOyC,MAAMomB,SAASrkB,KAAMlB,KAAMb,EAAOomB,GAGxDpjB,EAAI,CACJ,QAASyR,EAAUyT,EAAcllB,QAAWhD,EAAM6nB,uBAAyB,CAC1E7nB,EAAMqoB,cAAgB5T,EAAQ7T,KAE9BsC,EAAI,CACJ,QAASijB,EAAY1R,EAAQ2R,SAAUljB,QAAWlD,EAAMsoB,kCAIjDtoB,EAAM0nB,cAAgB1nB,EAAM0nB,aAAapmB,KAAM6kB,EAAUU,cAE9D7mB,EAAMmmB,UAAYA,EAClBnmB,EAAMgG,KAAOmgB,EAAUngB,KAEvB5D,IAAS7E,EAAOyC,MAAMimB,QAASE,EAAUG,eAAkBE,QAAUL,EAAU3W,SAC5E7M,MAAO8R,EAAQ7T,KAAM4B,GAEnBJ,IAAQtF,IACNkD,EAAM4T,OAASxR,MAAS,IAC7BpC,EAAM8nB,iBACN9nB,EAAMuoB,oBAYX,MAJKtC,GAAQuC,cACZvC,EAAQuC,aAAazmB,KAAMlB,KAAMb,GAG3BA,EAAM4T,SAGdwS,SAAU,SAAUpmB,EAAOomB,GAC1B,GAAIqC,GAAKtC,EAAW1b,EAASzH,EAC5BklB,KACApB,EAAgBV,EAASU,cACzBnX,EAAM3P,EAAM8D,MAKb,IAAKgjB,GAAiBnX,EAAIvO,YAAcpB,EAAM+V,QAAyB,UAAf/V,EAAME,MAG7D,KAAQyP,GAAO9O,KAAM8O,EAAMA,EAAIhO,YAAcd,KAK5C,GAAsB,IAAjB8O,EAAIvO,WAAmBuO,EAAI8F,YAAa,GAAuB,UAAfzV,EAAME,MAAoB,CAE9E,IADAuK,KACMzH,EAAI,EAAO8jB,EAAJ9jB,EAAmBA,IAC/BmjB,EAAYC,EAAUpjB,GAGtBylB,EAAMtC,EAAUxnB,SAAW,IAEtB8L,EAASge,KAAU3rB,IACvB2N,EAASge,GAAQtC,EAAUpZ,aAC1BxP,EAAQkrB,EAAK5nB,MAAOua,MAAOzL,IAAS,EACpCpS,EAAO0D,KAAMwnB,EAAK5nB,KAAM,MAAQ8O,IAAQ5O,QAErC0J,EAASge,IACbhe,EAAQzM,KAAMmoB,EAGX1b,GAAQ1J,QACZmnB,EAAalqB,MAAO4C,KAAM+O,EAAKyW,SAAU3b,IAW7C,MAJqB2b,GAASrlB,OAAzB+lB,GACJoB,EAAalqB,MAAO4C,KAAMC,KAAMulB,SAAUA,EAASloB,MAAO4oB,KAGpDoB,GAGRD,IAAK,SAAUjoB,GACd,GAAKA,EAAOzC,EAAO0G,SAClB,MAAOjE,EAIR,IAAIgD,GAAGmgB,EAAMzf,EACZxD,EAAOF,EAAME,KACbwoB,EAAgB1oB,EAChB2oB,EAAU9nB,KAAK+nB,SAAU1oB,EAEpByoB,KACL9nB,KAAK+nB,SAAU1oB,GAASyoB,EACvBtD,GAAY/jB,KAAMpB,GAASW,KAAKgoB,WAChCzD,GAAU9jB,KAAMpB,GAASW,KAAKioB,aAGhCplB,EAAOilB,EAAQI,MAAQloB,KAAKkoB,MAAMjrB,OAAQ6qB,EAAQI,OAAUloB,KAAKkoB,MAEjE/oB,EAAQ,GAAIzC,GAAOiqB,MAAOkB,GAE1B1lB,EAAIU,EAAK3C,MACT,OAAQiC,IACPmgB,EAAOzf,EAAMV,GACbhD,EAAOmjB,GAASuF,EAAevF,EAmBhC,OAdMnjB,GAAM8D,SACX9D,EAAM8D,OAAS4kB,EAAcM,YAAc7rB,GAKb,IAA1B6C,EAAM8D,OAAO1C,WACjBpB,EAAM8D,OAAS9D,EAAM8D,OAAOnC,YAK7B3B,EAAMipB,UAAYjpB,EAAMipB,QAEjBN,EAAQ5X,OAAS4X,EAAQ5X,OAAQ/Q,EAAO0oB,GAAkB1oB,GAIlE+oB,MAAO,wHAAwHlf,MAAM,KAErI+e,YAEAE,UACCC,MAAO,4BAA4Blf,MAAM,KACzCkH,OAAQ,SAAU/Q,EAAOkpB,GAOxB,MAJoB,OAAflpB,EAAMmpB,QACVnpB,EAAMmpB,MAA6B,MAArBD,EAASE,SAAmBF,EAASE,SAAWF,EAASG,SAGjErpB,IAIT6oB,YACCE,MAAO,mGAAmGlf,MAAM,KAChHkH,OAAQ,SAAU/Q,EAAOkpB,GACxB,GAAIvkB,GAAM2kB,EAAUjZ,EACnB0F,EAASmT,EAASnT,OAClBwT,EAAcL,EAASK,WAuBxB,OApBoB,OAAfvpB,EAAMwpB,OAAqC,MAApBN,EAASO,UACpCH,EAAWtpB,EAAM8D,OAAOzC,eAAiBlE,EACzCkT,EAAMiZ,EAASjsB,gBACfsH,EAAO2kB,EAAS3kB,KAEhB3E,EAAMwpB,MAAQN,EAASO,SAAYpZ,GAAOA,EAAIqZ,YAAc/kB,GAAQA,EAAK+kB,YAAc,IAAQrZ,GAAOA,EAAIsZ,YAAchlB,GAAQA,EAAKglB,YAAc,GACnJ3pB,EAAM4pB,MAAQV,EAASW,SAAYxZ,GAAOA,EAAIyZ,WAAcnlB,GAAQA,EAAKmlB,WAAc,IAAQzZ,GAAOA,EAAI0Z,WAAcplB,GAAQA,EAAKolB,WAAc,KAI9I/pB,EAAMgqB,eAAiBT,IAC5BvpB,EAAMgqB,cAAgBT,IAAgBvpB,EAAM8D,OAASolB,EAASe,UAAYV,GAKrEvpB,EAAMmpB,OAASpT,IAAWjZ,IAC/BkD,EAAMmpB,MAAmB,EAATpT,EAAa,EAAe,EAATA,EAAa,EAAe,EAATA,EAAa,EAAI,GAGjE/V,IAITimB,SACCiE,MAECvC,UAAU,GAEXxS,OAECrQ,QAAS,WACR,GAAKjE,OAAS6kB,MAAuB7kB,KAAKsU,MACzC,IAEC,MADAtU,MAAKsU,SACE,EACN,MAAQ1P,MAOZkhB,aAAc,WAEfwD,MACCrlB,QAAS,WACR,MAAKjE,QAAS6kB,MAAuB7kB,KAAKspB,MACzCtpB,KAAKspB,QACE,GAFR,GAKDxD,aAAc,YAEfxH,OAECra,QAAS,WACR,MAAKvH,GAAOmK,SAAU7G,KAAM,UAA2B,aAAdA,KAAKX,MAAuBW,KAAKse,OACzEte,KAAKse,SACE,GAFR,GAOD6I,SAAU,SAAUhoB,GACnB,MAAOzC,GAAOmK,SAAU1H,EAAM8D,OAAQ,OAIxCsmB,cACC5B,aAAc,SAAUxoB,GAGlBA,EAAM4T,SAAW9W,IACrBkD,EAAM0oB,cAAc2B,YAAcrqB,EAAM4T,WAM5C0W,SAAU,SAAUpqB,EAAMU,EAAMZ,EAAOuqB,GAItC,GAAI9kB,GAAIlI,EAAOgG,OACd,GAAIhG,GAAOiqB,MACXxnB,GAECE,KAAMA,EACNsqB,aAAa,EACb9B,kBAGG6B,GACJhtB,EAAOyC,MAAM8E,QAASW,EAAG,KAAM7E,GAE/BrD,EAAOyC,MAAM0mB,SAAS3kB,KAAMnB,EAAM6E,GAE9BA,EAAEsiB,sBACN/nB,EAAM8nB,mBAKTvqB,EAAO4pB,YAAchqB,EAASmD,oBAC7B,SAAUM,EAAMV,EAAMsmB,GAChB5lB,EAAKN,qBACTM,EAAKN,oBAAqBJ,EAAMsmB,GAAQ,IAG1C,SAAU5lB,EAAMV,EAAMsmB,GACrB,GAAI7iB,GAAO,KAAOzD,CAEbU,GAAKL,oBAIGK,GAAM+C,KAAW1G,IAC5B2D,EAAM+C,GAAS,MAGhB/C,EAAKL,YAAaoD,EAAM6iB,KAI3BjpB,EAAOiqB,MAAQ,SAAUhkB,EAAKulB,GAE7B,MAAOloB,gBAAgBtD,GAAOiqB,OAKzBhkB,GAAOA,EAAItD,MACfW,KAAK6nB,cAAgBllB,EACrB3C,KAAKX,KAAOsD,EAAItD,KAIhBW,KAAKknB,mBAAuBvkB,EAAIinB,kBAAoBjnB,EAAI6mB,eAAgB,GACvE7mB,EAAIknB,mBAAqBlnB,EAAIknB,oBAAwBlF,GAAaC,IAInE5kB,KAAKX,KAAOsD,EAIRulB,GACJxrB,EAAOgG,OAAQ1C,KAAMkoB,GAItBloB,KAAK8pB,UAAYnnB,GAAOA,EAAImnB,WAAaptB,EAAO0L,MAGhDpI,KAAMtD,EAAO0G,UAAY,EAvBzB,GAJQ,GAAI1G,GAAOiqB,MAAOhkB,EAAKulB,IAgChCxrB,EAAOiqB,MAAMhnB,WACZunB,mBAAoBtC,GACpBoC,qBAAsBpC,GACtB6C,8BAA+B7C,GAE/BqC,eAAgB,WACf,GAAIriB,GAAI5E,KAAK6nB,aAEb7nB,MAAKknB,mBAAqBvC,GACpB/f,IAKDA,EAAEqiB,eACNriB,EAAEqiB,iBAKFriB,EAAE4kB,aAAc,IAGlB9B,gBAAiB,WAChB,GAAI9iB,GAAI5E,KAAK6nB,aAEb7nB,MAAKgnB,qBAAuBrC,GACtB/f,IAIDA,EAAE8iB,iBACN9iB,EAAE8iB,kBAKH9iB,EAAEmlB,cAAe,IAElBC,yBAA0B,WACzBhqB,KAAKynB,8BAAgC9C,GACrC3kB,KAAK0nB,oBAKPhrB,EAAO+E,MACNwoB,WAAY,YACZC,WAAY,YACV,SAAUC,EAAM/C,GAClB1qB,EAAOyC,MAAMimB,QAAS+E,IACrBrE,aAAcsB,EACdrB,SAAUqB,EAEVzB,OAAQ,SAAUxmB,GACjB,GAAIoC,GACH0B,EAASjD,KACToqB,EAAUjrB,EAAMgqB,cAChB7D,EAAYnmB,EAAMmmB,SASnB,SALM8E,GAAYA,IAAYnnB,IAAWvG,EAAOmN,SAAU5G,EAAQmnB,MACjEjrB,EAAME,KAAOimB,EAAUG,SACvBlkB,EAAM+jB,EAAU3W,QAAQ7M,MAAO9B,KAAM+B,WACrC5C,EAAME,KAAO+nB,GAEP7lB,MAMJ7E,EAAOmI,QAAQwlB,gBAEpB3tB,EAAOyC,MAAMimB,QAAQxP,QACpBsQ,MAAO,WAEN,MAAKxpB,GAAOmK,SAAU7G,KAAM,SACpB,GAIRtD,EAAOyC,MAAMmb,IAAKta,KAAM,iCAAkC,SAAU4E,GAEnE,GAAI7E,GAAO6E,EAAE3B,OACZqnB,EAAO5tB,EAAOmK,SAAU9G,EAAM,UAAarD,EAAOmK,SAAU9G,EAAM,UAAaA,EAAKuqB,KAAOruB,CACvFquB,KAAS5tB,EAAO+jB,MAAO6J,EAAM,mBACjC5tB,EAAOyC,MAAMmb,IAAKgQ,EAAM,iBAAkB,SAAUnrB,GACnDA,EAAMorB,gBAAiB,IAExB7tB,EAAO+jB,MAAO6J,EAAM,iBAAiB,MARvC5tB,IAcDirB,aAAc,SAAUxoB,GAElBA,EAAMorB,uBACHprB,GAAMorB,eACRvqB,KAAKc,aAAe3B,EAAMynB,WAC9BlqB,EAAOyC,MAAMsqB,SAAU,SAAUzpB,KAAKc,WAAY3B,GAAO,KAK5DknB,SAAU,WAET,MAAK3pB,GAAOmK,SAAU7G,KAAM,SACpB,GAIRtD,EAAOyC,MAAMsG,OAAQzF,KAAM,YAA3BtD,MAMGA,EAAOmI,QAAQ2lB,gBAEpB9tB,EAAOyC,MAAMimB,QAAQ7G,QAEpB2H,MAAO,WAEN,MAAK5B,GAAW7jB,KAAMT,KAAK6G,YAIP,aAAd7G,KAAKX,MAAqC,UAAdW,KAAKX,QACrC3C,EAAOyC,MAAMmb,IAAKta,KAAM,yBAA0B,SAAUb,GACjB,YAArCA,EAAM0oB,cAAc4C,eACxBzqB,KAAK0qB,eAAgB,KAGvBhuB,EAAOyC,MAAMmb,IAAKta,KAAM,gBAAiB,SAAUb,GAC7Ca,KAAK0qB,gBAAkBvrB,EAAMynB,YACjC5mB,KAAK0qB,eAAgB,GAGtBhuB,EAAOyC,MAAMsqB,SAAU,SAAUzpB,KAAMb,GAAO,OAGzC,IAGRzC,EAAOyC,MAAMmb,IAAKta,KAAM,yBAA0B,SAAU4E,GAC3D,GAAI7E,GAAO6E,EAAE3B,MAERqhB,GAAW7jB,KAAMV,EAAK8G,YAAenK,EAAO+jB,MAAO1gB,EAAM,mBAC7DrD,EAAOyC,MAAMmb,IAAKva,EAAM,iBAAkB,SAAUZ,IAC9Ca,KAAKc,YAAe3B,EAAMwqB,aAAgBxqB,EAAMynB,WACpDlqB,EAAOyC,MAAMsqB,SAAU,SAAUzpB,KAAKc,WAAY3B,GAAO,KAG3DzC,EAAO+jB,MAAO1gB,EAAM,iBAAiB,MATvCrD,IAcDipB,OAAQ,SAAUxmB,GACjB,GAAIY,GAAOZ,EAAM8D,MAGjB,OAAKjD,QAASD,GAAQZ,EAAMwqB,aAAexqB,EAAMynB,WAA4B,UAAd7mB,EAAKV,MAAkC,aAAdU,EAAKV,KACrFF,EAAMmmB,UAAU3W,QAAQ7M,MAAO9B,KAAM+B,WAD7C,GAKDskB,SAAU,WAGT,MAFA3pB,GAAOyC,MAAMsG,OAAQzF,KAAM,aAEnBskB,EAAW7jB,KAAMT,KAAK6G,aAM3BnK,EAAOmI,QAAQ8lB,gBACpBjuB,EAAO+E,MAAO6S,MAAO,UAAWgV,KAAM,YAAc,SAAUa,EAAM/C,GAGnE,GAAIwD,GAAW,EACdjc,EAAU,SAAUxP,GACnBzC,EAAOyC,MAAMsqB,SAAUrC,EAAKjoB,EAAM8D,OAAQvG,EAAOyC,MAAMioB,IAAKjoB,IAAS,GAGvEzC,GAAOyC,MAAMimB,QAASgC,IACrBlB,MAAO,WACc,IAAf0E,KACJtuB,EAAS8C,iBAAkB+qB,EAAMxb,GAAS,IAG5C0X,SAAU,WACW,MAAbuE,GACNtuB,EAASmD,oBAAqB0qB,EAAMxb,GAAS,OAOlDjS,EAAOsB,GAAG0E,QAETmoB,GAAI,SAAU7F,EAAOlnB,EAAUqH,EAAMnH,EAAiBqlB,GACrD,GAAIhkB,GAAMyrB,CAGV,IAAsB,gBAAV9F,GAAqB,CAEP,gBAAblnB,KAEXqH,EAAOA,GAAQrH,EACfA,EAAW7B,EAEZ,KAAMoD,IAAQ2lB,GACbhlB,KAAK6qB,GAAIxrB,EAAMvB,EAAUqH,EAAM6f,EAAO3lB,GAAQgkB,EAE/C,OAAOrjB,MAmBR,GAhBa,MAARmF,GAAsB,MAANnH,GAEpBA,EAAKF,EACLqH,EAAOrH,EAAW7B,GACD,MAAN+B,IACc,gBAAbF,IAEXE,EAAKmH,EACLA,EAAOlJ,IAGP+B,EAAKmH,EACLA,EAAOrH,EACPA,EAAW7B,IAGR+B,KAAO,EACXA,EAAK4mB,OACC,KAAM5mB,EACZ,MAAOgC,KAaR,OAVa,KAARqjB,IACJyH,EAAS9sB,EACTA,EAAK,SAAUmB,GAGd,MADAzC,KAASwH,IAAK/E,GACP2rB,EAAOhpB,MAAO9B,KAAM+B,YAG5B/D,EAAG6J,KAAOijB,EAAOjjB,OAAUijB,EAAOjjB,KAAOnL,EAAOmL,SAE1C7H,KAAKyB,KAAM,WACjB/E,EAAOyC,MAAMmb,IAAKta,KAAMglB,EAAOhnB,EAAImH,EAAMrH,MAG3CulB,IAAK,SAAU2B,EAAOlnB,EAAUqH,EAAMnH,GACrC,MAAOgC,MAAK6qB,GAAI7F,EAAOlnB,EAAUqH,EAAMnH,EAAI,IAE5CkG,IAAK,SAAU8gB,EAAOlnB,EAAUE,GAC/B,GAAIsnB,GAAWjmB,CACf,IAAK2lB,GAASA,EAAMiC,gBAAkBjC,EAAMM,UAQ3C,MANAA,GAAYN,EAAMM,UAClB5oB,EAAQsoB,EAAMsC,gBAAiBpjB,IAC9BohB,EAAUU,UAAYV,EAAUG,SAAW,IAAMH,EAAUU,UAAYV,EAAUG,SACjFH,EAAUxnB,SACVwnB,EAAU3W,SAEJ3O,IAER,IAAsB,gBAAVglB,GAAqB,CAEhC,IAAM3lB,IAAQ2lB,GACbhlB,KAAKkE,IAAK7E,EAAMvB,EAAUknB,EAAO3lB,GAElC,OAAOW,MAUR,OARKlC,KAAa,GAA6B,kBAAbA,MAEjCE,EAAKF,EACLA,EAAW7B,GAEP+B,KAAO,IACXA,EAAK4mB,IAEC5kB,KAAKyB,KAAK,WAChB/E,EAAOyC,MAAMsG,OAAQzF,KAAMglB,EAAOhnB,EAAIF,MAIxCmG,QAAS,SAAU5E,EAAM8F,GACxB,MAAOnF,MAAKyB,KAAK,WAChB/E,EAAOyC,MAAM8E,QAAS5E,EAAM8F,EAAMnF,SAGpC+qB,eAAgB,SAAU1rB,EAAM8F,GAC/B,GAAIpF,GAAOC,KAAK,EAChB,OAAKD,GACGrD,EAAOyC,MAAM8E,QAAS5E,EAAM8F,EAAMpF,GAAM,GADhD,IAKF,IAAIirB,IAAW,iBACdC,GAAe,iCACfC,GAAgBxuB,EAAO4U,KAAKxR,MAAMoM,aAElCif,IACCC,UAAU,EACVC,UAAU,EACVpK,MAAM,EACNqK,MAAM,EAGR5uB,GAAOsB,GAAG0E,QACTtC,KAAM,SAAUtC,GACf,GAAIqE,GACHZ,KACA6Y,EAAOpa,KACPoC,EAAMgY,EAAKla,MAEZ,IAAyB,gBAAbpC,GACX,MAAOkC,MAAKqB,UAAW3E,EAAQoB,GAAWoS,OAAO,WAChD,IAAM/N,EAAI,EAAOC,EAAJD,EAASA,IACrB,GAAKzF,EAAOmN,SAAUuQ,EAAMjY,GAAKnC,MAChC,OAAO,IAMX,KAAMmC,EAAI,EAAOC,EAAJD,EAASA,IACrBzF,EAAO0D,KAAMtC,EAAUsc,EAAMjY,GAAKZ,EAMnC,OAFAA,GAAMvB,KAAKqB,UAAWe,EAAM,EAAI1F,EAAOwc,OAAQ3X,GAAQA,GACvDA,EAAIzD,SAAWkC,KAAKlC,SAAWkC,KAAKlC,SAAW,IAAMA,EAAWA,EACzDyD,GAGRyS,IAAK,SAAU/Q,GACd,GAAId,GACHopB,EAAU7uB,EAAQuG,EAAQjD,MAC1BoC,EAAMmpB,EAAQrrB,MAEf,OAAOF,MAAKkQ,OAAO,WAClB,IAAM/N,EAAI,EAAOC,EAAJD,EAASA,IACrB,GAAKzF,EAAOmN,SAAU7J,KAAMurB,EAAQppB,IACnC,OAAO,KAMX0R,IAAK,SAAU/V,GACd,MAAOkC,MAAKqB,UAAWmqB,GAAOxrB,KAAMlC,OAAgB,KAGrDoS,OAAQ,SAAUpS,GACjB,MAAOkC,MAAKqB,UAAWmqB,GAAOxrB,KAAMlC,OAAgB,KAGrD2tB,GAAI,SAAU3tB,GACb,QAAS0tB,GACRxrB,KAIoB,gBAAblC,IAAyBotB,GAAczqB,KAAM3C,GACnDpB,EAAQoB,GACRA,OACD,GACCoC,QAGHwrB,QAAS,SAAU1Z,EAAWjU,GAC7B,GAAI+Q,GACH3M,EAAI,EACJqF,EAAIxH,KAAKE,OACTqB,KACAoqB,EAAMT,GAAczqB,KAAMuR,IAAoC,gBAAdA,GAC/CtV,EAAQsV,EAAWjU,GAAWiC,KAAKjC,SACnC,CAEF,MAAYyJ,EAAJrF,EAAOA,IACd,IAAM2M,EAAM9O,KAAKmC,GAAI2M,GAAOA,IAAQ/Q,EAAS+Q,EAAMA,EAAIhO,WAEtD,GAAoB,GAAfgO,EAAIvO,WAAkBorB,EAC1BA,EAAIpR,MAAMzL,GAAO,GAGA,IAAjBA,EAAIvO,UACH7D,EAAO0D,KAAKmQ,gBAAgBzB,EAAKkD,IAAc,CAEhDlD,EAAMvN,EAAIpE,KAAM2R,EAChB,OAKH,MAAO9O,MAAKqB,UAAWE,EAAIrB,OAAS,EAAIxD,EAAOwc,OAAQ3X,GAAQA,IAKhEgZ,MAAO,SAAUxa,GAGhB,MAAMA,GAKe,gBAATA,GACJrD,EAAO2K,QAASrH,KAAK,GAAItD,EAAQqD,IAIlCrD,EAAO2K,QAEbtH,EAAKH,OAASG,EAAK,GAAKA,EAAMC,MAXrBA,KAAK,IAAMA,KAAK,GAAGc,WAAed,KAAKgC,QAAQ4pB,UAAU1rB,OAAS,IAc7Eoa,IAAK,SAAUxc,EAAUC,GACxB,GAAIolB,GAA0B,gBAAbrlB,GACfpB,EAAQoB,EAAUC,GAClBrB,EAAOsE,UAAWlD,GAAYA,EAASyC,UAAazC,GAAaA,GAClEiB,EAAMrC,EAAO2D,MAAOL,KAAKmB,MAAOgiB,EAEjC,OAAOnjB,MAAKqB,UAAW3E,EAAOwc,OAAOna,KAGtC8sB,QAAS,SAAU/tB,GAClB,MAAOkC,MAAKsa,IAAiB,MAAZxc,EAChBkC,KAAKwB,WAAaxB,KAAKwB,WAAW0O,OAAOpS,MAK5C,SAASguB,IAAShd,EAAKsD,GACtB,EACCtD,GAAMA,EAAKsD,SACFtD,GAAwB,IAAjBA,EAAIvO,SAErB,OAAOuO,GAGRpS,EAAO+E,MACNgO,OAAQ,SAAU1P,GACjB,GAAI0P,GAAS1P,EAAKe,UAClB,OAAO2O,IAA8B,KAApBA,EAAOlP,SAAkBkP,EAAS,MAEpDsc,QAAS,SAAUhsB,GAClB,MAAOrD,GAAO0V,IAAKrS,EAAM,eAE1BisB,aAAc,SAAUjsB,EAAMoC,EAAG8pB,GAChC,MAAOvvB,GAAO0V,IAAKrS,EAAM,aAAcksB,IAExChL,KAAM,SAAUlhB,GACf,MAAO+rB,IAAS/rB,EAAM,gBAEvBurB,KAAM,SAAUvrB,GACf,MAAO+rB,IAAS/rB,EAAM,oBAEvBmsB,QAAS,SAAUnsB,GAClB,MAAOrD,GAAO0V,IAAKrS,EAAM,gBAE1B6rB,QAAS,SAAU7rB,GAClB,MAAOrD,GAAO0V,IAAKrS,EAAM,oBAE1BosB,UAAW,SAAUpsB,EAAMoC,EAAG8pB,GAC7B,MAAOvvB,GAAO0V,IAAKrS,EAAM,cAAeksB,IAEzCG,UAAW,SAAUrsB,EAAMoC,EAAG8pB,GAC7B,MAAOvvB,GAAO0V,IAAKrS,EAAM,kBAAmBksB,IAE7CI,SAAU,SAAUtsB,GACnB,MAAOrD,GAAOovB,SAAW/rB,EAAKe,gBAAmBiP,WAAYhQ,IAE9DqrB,SAAU,SAAUrrB,GACnB,MAAOrD,GAAOovB,QAAS/rB,EAAKgQ,aAE7Bsb,SAAU,SAAUtrB,GACnB,MAAOrD,GAAOmK,SAAU9G,EAAM,UAC7BA,EAAKusB,iBAAmBvsB,EAAKwsB,cAAcjwB,SAC3CI,EAAO2D,SAAWN,EAAK2F,cAEvB,SAAU5C,EAAM9E,GAClBtB,EAAOsB,GAAI8E,GAAS,SAAUmpB,EAAOnuB,GACpC,GAAIyD,GAAM7E,EAAO4F,IAAKtC,KAAMhC,EAAIiuB,EAsBhC,OApB0B,UAArBnpB,EAAKzF,MAAO,MAChBS,EAAWmuB,GAGPnuB,GAAgC,gBAAbA,KACvByD,EAAM7E,EAAOwT,OAAQpS,EAAUyD,IAG3BvB,KAAKE,OAAS,IAEZirB,GAAkBroB,KACvBvB,EAAM7E,EAAOwc,OAAQ3X,IAIjB0pB,GAAaxqB,KAAMqC,KACvBvB,EAAMA,EAAIirB,YAILxsB,KAAKqB,UAAWE,MAIzB7E,EAAOgG,QACNwN,OAAQ,SAAUoB,EAAMhQ,EAAOuS,GAC9B,GAAI9T,GAAOuB,EAAO,EAMlB,OAJKuS,KACJvC,EAAO,QAAUA,EAAO,KAGD,IAAjBhQ,EAAMpB,QAAkC,IAAlBH,EAAKQ,SACjC7D,EAAO0D,KAAKmQ,gBAAiBxQ,EAAMuR,IAAWvR,MAC9CrD,EAAO0D,KAAKwJ,QAAS0H,EAAM5U,EAAO+K,KAAMnG,EAAO,SAAUvB,GACxD,MAAyB,KAAlBA,EAAKQ,aAIf6R,IAAK,SAAUrS,EAAMqS,EAAK6Z,GACzB,GAAIrY,MACH9E,EAAM/O,EAAMqS,EAEb,OAAQtD,GAAwB,IAAjBA,EAAIvO,WAAmB0rB,IAAUhwB,GAA8B,IAAjB6S,EAAIvO,WAAmB7D,EAAQoS,GAAM2c,GAAIQ,IAC/E,IAAjBnd,EAAIvO,UACRqT,EAAQzW,KAAM2R,GAEfA,EAAMA,EAAIsD,EAEX,OAAOwB,IAGRkY,QAAS,SAAUW,EAAG1sB,GACrB,GAAI2sB,KAEJ,MAAQD,EAAGA,EAAIA,EAAExd,YACI,IAAfwd,EAAElsB,UAAkBksB,IAAM1sB,GAC9B2sB,EAAEvvB,KAAMsvB,EAIV,OAAOC,KAKT,SAASlB,IAAQja,EAAUob,EAAW9Y,GACrC,GAAKnX,EAAOiE,WAAYgsB,GACvB,MAAOjwB,GAAO+K,KAAM8J,EAAU,SAAUxR,EAAMoC,GAE7C,QAASwqB,EAAUzrB,KAAMnB,EAAMoC,EAAGpC,KAAW8T,GAK/C,IAAK8Y,EAAUpsB,SACd,MAAO7D,GAAO+K,KAAM8J,EAAU,SAAUxR,GACvC,MAASA,KAAS4sB,IAAgB9Y,GAKpC,IAA0B,gBAAd8Y,GAAyB,CACpC,GAAK3B,GAASvqB,KAAMksB,GACnB,MAAOjwB,GAAOwT,OAAQyc,EAAWpb,EAAUsC,EAG5C8Y,GAAYjwB,EAAOwT,OAAQyc,EAAWpb,GAGvC,MAAO7U,GAAO+K,KAAM8J,EAAU,SAAUxR,GACvC,MAASrD,GAAO2K,QAAStH,EAAM4sB,IAAe,IAAQ9Y,IAGxD,QAAS+Y,IAAoBtwB,GAC5B,GAAIyd,GAAO8S,GAAU7jB,MAAO,KAC3B8jB,EAAWxwB,EAAS6hB,wBAErB,IAAK2O,EAASvnB,cACb,MAAQwU,EAAK7Z,OACZ4sB,EAASvnB,cACRwU,EAAKpP,MAIR,OAAOmiB,GAGR,GAAID,IAAY,6JAEfE,GAAgB,6BAChBC,GAAmB7hB,OAAO,OAAS0hB,GAAY,WAAY,KAC3DI,GAAqB,OACrBC,GAAY,0EACZC,GAAW,YACXC,GAAS,UACTC,GAAQ,YACRC,GAAe,0BACfC,GAA8B,wBAE9BC,GAAW,oCACXC,GAAc,4BACdC,GAAoB,cACpBC,GAAe,2CAGfC,IACCxK,QAAU,EAAG,+BAAgC,aAC7CyK,QAAU,EAAG,aAAc,eAC3BC,MAAQ,EAAG,QAAS,UACpBC,OAAS,EAAG,WAAY,aACxBC,OAAS,EAAG,UAAW,YACvBC,IAAM,EAAG,iBAAkB,oBAC3BC,KAAO,EAAG,mCAAoC,uBAC9CC,IAAM,EAAG,qBAAsB,yBAI/BhH,SAAUzqB,EAAOmI,QAAQkY,eAAkB,EAAG,GAAI,KAAS,EAAG,SAAU,WAEzEqR,GAAexB,GAAoBtwB,GACnC+xB,GAAcD,GAAaxe,YAAatT,EAASiJ,cAAc,OAEhEqoB,IAAQU,SAAWV,GAAQxK,OAC3BwK,GAAQ9Q,MAAQ8Q,GAAQW,MAAQX,GAAQY,SAAWZ,GAAQa,QAAUb,GAAQI,MAC7EJ,GAAQc,GAAKd,GAAQO,GAErBzxB,EAAOsB,GAAG0E,QACTuE,KAAM,SAAUF,GACf,MAAOrK,GAAOqL,OAAQ/H,KAAM,SAAU+G,GACrC,MAAOA,KAAU9K,EAChBS,EAAOuK,KAAMjH,MACbA,KAAKgV,QAAQ2Z,QAAU3uB,KAAK,IAAMA,KAAK,GAAGQ,eAAiBlE,GAAWsyB,eAAgB7nB,KACrF,KAAMA,EAAOhF,UAAU7B,SAG3ByuB,OAAQ,WACP,MAAO3uB,MAAK6uB,SAAU9sB,UAAW,SAAUhC,GAC1C,GAAuB,IAAlBC,KAAKO,UAAoC,KAAlBP,KAAKO,UAAqC,IAAlBP,KAAKO,SAAiB,CACzE,GAAI0C,GAAS6rB,GAAoB9uB,KAAMD,EACvCkD,GAAO2M,YAAa7P,OAKvBgvB,QAAS,WACR,MAAO/uB,MAAK6uB,SAAU9sB,UAAW,SAAUhC,GAC1C,GAAuB,IAAlBC,KAAKO,UAAoC,KAAlBP,KAAKO,UAAqC,IAAlBP,KAAKO,SAAiB,CACzE,GAAI0C,GAAS6rB,GAAoB9uB,KAAMD,EACvCkD,GAAO+rB,aAAcjvB,EAAMkD,EAAO8M,gBAKrCkf,OAAQ,WACP,MAAOjvB,MAAK6uB,SAAU9sB,UAAW,SAAUhC,GACrCC,KAAKc,YACTd,KAAKc,WAAWkuB,aAAcjvB,EAAMC,SAKvCkvB,MAAO,WACN,MAAOlvB,MAAK6uB,SAAU9sB,UAAW,SAAUhC,GACrCC,KAAKc,YACTd,KAAKc,WAAWkuB,aAAcjvB,EAAMC,KAAKiP,gBAM5CxJ,OAAQ,SAAU3H,EAAUqxB,GAC3B,GAAIpvB,GACHuB,EAAQxD,EAAWpB,EAAOwT,OAAQpS,EAAUkC,MAASA,KACrDmC,EAAI,CAEL,MAA6B,OAApBpC,EAAOuB,EAAMa,IAAaA,IAE5BgtB,GAA8B,IAAlBpvB,EAAKQ,UACtB7D,EAAOyjB,UAAWiP,GAAQrvB,IAGtBA,EAAKe,aACJquB,GAAYzyB,EAAOmN,SAAU9J,EAAKS,cAAeT,IACrDsvB,GAAeD,GAAQrvB,EAAM,WAE9BA,EAAKe,WAAW0N,YAAazO,GAI/B,OAAOC,OAGRgV,MAAO,WACN,GAAIjV,GACHoC,EAAI,CAEL,MAA4B,OAAnBpC,EAAOC,KAAKmC,IAAaA,IAAM,CAEhB,IAAlBpC,EAAKQ,UACT7D,EAAOyjB,UAAWiP,GAAQrvB,GAAM,GAIjC,OAAQA,EAAKgQ,WACZhQ,EAAKyO,YAAazO,EAAKgQ,WAKnBhQ,GAAKgD,SAAWrG,EAAOmK,SAAU9G,EAAM,YAC3CA,EAAKgD,QAAQ7C,OAAS,GAIxB,MAAOF,OAGRgD,MAAO,SAAUssB,EAAeC,GAI/B,MAHAD,GAAiC,MAAjBA,GAAwB,EAAQA,EAChDC,EAAyC,MAArBA,EAA4BD,EAAgBC,EAEzDvvB,KAAKsC,IAAK,WAChB,MAAO5F,GAAOsG,MAAOhD,KAAMsvB,EAAeC,MAI5CC,KAAM,SAAUzoB,GACf,MAAOrK,GAAOqL,OAAQ/H,KAAM,SAAU+G,GACrC,GAAIhH,GAAOC,KAAK,OACfmC,EAAI,EACJqF,EAAIxH,KAAKE,MAEV,IAAK6G,IAAU9K,EACd,MAAyB,KAAlB8D,EAAKQ,SACXR,EAAK+P,UAAUvM,QAASwpB,GAAe,IACvC9wB,CAIF,MAAsB,gBAAV8K,IAAuBumB,GAAa7sB,KAAMsG,KACnDrK,EAAOmI,QAAQkY,eAAkBiQ,GAAavsB,KAAMsG,KACpDrK,EAAOmI,QAAQgY,mBAAsBoQ,GAAmBxsB,KAAMsG,IAC/D6mB,IAAWT,GAAShtB,KAAM4G,KAAY,GAAI,KAAM,GAAGD,gBAAkB,CAEtEC,EAAQA,EAAMxD,QAAS2pB,GAAW,YAElC,KACC,KAAW1lB,EAAJrF,EAAOA,IAEbpC,EAAOC,KAAKmC,OACW,IAAlBpC,EAAKQ,WACT7D,EAAOyjB,UAAWiP,GAAQrvB,GAAM,IAChCA,EAAK+P,UAAY/I,EAInBhH,GAAO,EAGN,MAAM6E,KAGJ7E,GACJC,KAAKgV,QAAQ2Z,OAAQ5nB,IAEpB,KAAMA,EAAOhF,UAAU7B,SAG3BuvB,YAAa,WACZ,GAEC9tB,GAAOjF,EAAO4F,IAAKtC,KAAM,SAAUD,GAClC,OAASA,EAAKkP,YAAalP,EAAKe,cAEjCqB,EAAI,CAmBL,OAhBAnC,MAAK6uB,SAAU9sB,UAAW,SAAUhC,GACnC,GAAIkhB,GAAOtf,EAAMQ,KAChBsN,EAAS9N,EAAMQ,IAEXsN,KAECwR,GAAQA,EAAKngB,aAAe2O,IAChCwR,EAAOjhB,KAAKiP,aAEbvS,EAAQsD,MAAOyF,SACfgK,EAAOuf,aAAcjvB,EAAMkhB,MAG1B,GAGI9e,EAAInC,KAAOA,KAAKyF,UAGxBlG,OAAQ,SAAUzB,GACjB,MAAOkC,MAAKyF,OAAQ3H,GAAU,IAG/B+wB,SAAU,SAAUltB,EAAMD,EAAUguB,GAGnC/tB,EAAO3E,EAAY8E,SAAWH,EAE9B,IAAIK,GAAOuN,EAAMogB,EAChBrqB,EAASkK,EAAK+M,EACdpa,EAAI,EACJqF,EAAIxH,KAAKE,OACTijB,EAAMnjB,KACN4vB,EAAWpoB,EAAI,EACfT,EAAQpF,EAAK,GACbhB,EAAajE,EAAOiE,WAAYoG,EAGjC,IAAKpG,KAAsB,GAAL6G,GAA2B,gBAAVT,IAAsBrK,EAAOmI,QAAQwZ,aAAemP,GAAS/sB,KAAMsG,GACzG,MAAO/G,MAAKyB,KAAK,SAAU8Y,GAC1B,GAAIH,GAAO+I,EAAIlhB,GAAIsY,EACd5Z,KACJgB,EAAK,GAAKoF,EAAM7F,KAAMlB,KAAMua,EAAOH,EAAKoV,SAEzCpV,EAAKyU,SAAUltB,EAAMD,EAAUguB,IAIjC,IAAKloB,IACJ+U,EAAW7f,EAAO8I,cAAe7D,EAAM3B,KAAM,GAAIQ,eAAe,GAAQkvB,GAAqB1vB,MAC7FgC,EAAQua,EAASxM,WAEmB,IAA/BwM,EAAS7W,WAAWxF,SACxBqc,EAAWva,GAGPA,GAAQ,CAMZ,IALAsD,EAAU5I,EAAO4F,IAAK8sB,GAAQ7S,EAAU,UAAYsT,IACpDF,EAAarqB,EAAQpF,OAITsH,EAAJrF,EAAOA,IACdoN,EAAOgN,EAEFpa,IAAMytB,IACVrgB,EAAO7S,EAAOsG,MAAOuM,GAAM,GAAM,GAG5BogB,GACJjzB,EAAO2D,MAAOiF,EAAS8pB,GAAQ7f,EAAM,YAIvC7N,EAASR,KAAMlB,KAAKmC,GAAIoN,EAAMpN,EAG/B,IAAKwtB,EAOJ,IANAngB,EAAMlK,EAASA,EAAQpF,OAAS,GAAIM,cAGpC9D,EAAO4F,IAAKgD,EAASwqB,IAGf3tB,EAAI,EAAOwtB,EAAJxtB,EAAgBA,IAC5BoN,EAAOjK,EAASnD,GACXsrB,GAAYhtB,KAAM8O,EAAKlQ,MAAQ,MAClC3C,EAAO+jB,MAAOlR,EAAM,eAAkB7S,EAAOmN,SAAU2F,EAAKD,KAExDA,EAAK5M,IAETjG,EAAOqzB,SAAUxgB,EAAK5M,KAEtBjG,EAAO+J,YAAc8I,EAAKtI,MAAQsI,EAAKuC,aAAevC,EAAKO,WAAa,IAAKvM,QAASoqB,GAAc,KAOxGpR,GAAWva,EAAQ,KAIrB,MAAOhC,QAMT,SAAS8uB,IAAoB/uB,EAAMiwB,GAClC,MAAOtzB,GAAOmK,SAAU9G,EAAM,UAC7BrD,EAAOmK,SAA+B,IAArBmpB,EAAQzvB,SAAiByvB,EAAUA,EAAQjgB,WAAY,MAExEhQ,EAAKwG,qBAAqB,SAAS,IAClCxG,EAAK6P,YAAa7P,EAAKS,cAAc+E,cAAc,UACpDxF,EAIF,QAAS8vB,IAAe9vB,GAEvB,MADAA,GAAKV,MAA6C,OAArC3C,EAAO0D,KAAKQ,KAAMb,EAAM,SAAqB,IAAMA,EAAKV,KAC9DU,EAER,QAAS+vB,IAAe/vB,GACvB,GAAID,GAAQ4tB,GAAkBvtB,KAAMJ,EAAKV,KAMzC,OALKS,GACJC,EAAKV,KAAOS,EAAM,GAElBC,EAAKgO,gBAAgB,QAEfhO,EAIR,QAASsvB,IAAe/tB,EAAO2uB,GAC9B,GAAIlwB,GACHoC,EAAI,CACL,MAA6B,OAApBpC,EAAOuB,EAAMa,IAAaA,IAClCzF,EAAO+jB,MAAO1gB,EAAM,cAAekwB,GAAevzB,EAAO+jB,MAAOwP,EAAY9tB,GAAI,eAIlF,QAAS+tB,IAAgBvtB,EAAKwtB,GAE7B,GAAuB,IAAlBA,EAAK5vB,UAAmB7D,EAAO6jB,QAAS5d,GAA7C,CAIA,GAAItD,GAAM8C,EAAGqF,EACZ4oB,EAAU1zB,EAAO+jB,MAAO9d,GACxB0tB,EAAU3zB,EAAO+jB,MAAO0P,EAAMC,GAC9BnL,EAASmL,EAAQnL,MAElB,IAAKA,EAAS,OACNoL,GAAQ1K,OACf0K,EAAQpL,SAER,KAAM5lB,IAAQ4lB,GACb,IAAM9iB,EAAI,EAAGqF,EAAIyd,EAAQ5lB,GAAOa,OAAYsH,EAAJrF,EAAOA,IAC9CzF,EAAOyC,MAAMmb,IAAK6V,EAAM9wB,EAAM4lB,EAAQ5lB,GAAQ8C,IAM5CkuB,EAAQlrB,OACZkrB,EAAQlrB,KAAOzI,EAAOgG,UAAY2tB,EAAQlrB,QAI5C,QAASmrB,IAAoB3tB,EAAKwtB,GACjC,GAAItpB,GAAUjC,EAAGO,CAGjB,IAAuB,IAAlBgrB,EAAK5vB,SAAV,CAOA,GAHAsG,EAAWspB,EAAKtpB,SAASC,eAGnBpK,EAAOmI,QAAQgZ,cAAgBsS,EAAMzzB,EAAO0G,SAAY,CAC7D+B,EAAOzI,EAAO+jB,MAAO0P,EAErB,KAAMvrB,IAAKO,GAAK8f,OACfvoB,EAAO4pB,YAAa6J,EAAMvrB,EAAGO,EAAKwgB,OAInCwK,GAAKpiB,gBAAiBrR,EAAO0G,SAIZ,WAAbyD,GAAyBspB,EAAKlpB,OAAStE,EAAIsE,MAC/C4oB,GAAeM,GAAOlpB,KAAOtE,EAAIsE,KACjC6oB,GAAeK,IAIS,WAAbtpB,GACNspB,EAAKrvB,aACTqvB,EAAK3S,UAAY7a,EAAI6a,WAOjB9gB,EAAOmI,QAAQyY,YAAgB3a,EAAImN,YAAcpT,EAAOmB,KAAKsyB,EAAKrgB,aACtEqgB,EAAKrgB,UAAYnN,EAAImN,YAGE,UAAbjJ,GAAwB0mB,GAA4B9sB,KAAMkC,EAAItD,OAKzE8wB,EAAKI,eAAiBJ,EAAKtb,QAAUlS,EAAIkS,QAIpCsb,EAAKppB,QAAUpE,EAAIoE,QACvBopB,EAAKppB,MAAQpE,EAAIoE,QAKM,WAAbF,EACXspB,EAAKK,gBAAkBL,EAAKrb,SAAWnS,EAAI6tB,iBAInB,UAAb3pB,GAAqC,aAAbA,KACnCspB,EAAKlX,aAAetW,EAAIsW,eAI1Bvc,EAAO+E,MACNgvB,SAAU,SACVC,UAAW,UACX1B,aAAc,SACd2B,YAAa,QACbC,WAAY,eACV,SAAU9tB,EAAMulB,GAClB3rB,EAAOsB,GAAI8E,GAAS,SAAUhF,GAC7B,GAAIwD,GACHa,EAAI,EACJZ,KACAsvB,EAASn0B,EAAQoB,GACjBoE,EAAO2uB,EAAO3wB,OAAS,CAExB,MAAagC,GAALC,EAAWA,IAClBb,EAAQa,IAAMD,EAAOlC,KAAOA,KAAKgD,OAAM,GACvCtG,EAAQm0B,EAAO1uB,IAAMkmB,GAAY/mB,GAGjCpE,EAAU4E,MAAOP,EAAKD,EAAMH,MAG7B,OAAOnB,MAAKqB,UAAWE,KAIzB,SAAS6tB,IAAQrxB,EAASsS,GACzB,GAAI/O,GAAOvB,EACVoC,EAAI,EACJ2uB,QAAe/yB,GAAQwI,uBAAyBnK,EAAoB2B,EAAQwI,qBAAsB8J,GAAO,WACjGtS,GAAQ8P,mBAAqBzR,EAAoB2B,EAAQ8P,iBAAkBwC,GAAO,KACzFpU,CAEF,KAAM60B,EACL,IAAMA,KAAYxvB,EAAQvD,EAAQ2H,YAAc3H,EAA8B,OAApBgC,EAAOuB,EAAMa,IAAaA,KAC7EkO,GAAO3T,EAAOmK,SAAU9G,EAAMsQ,GACnCygB,EAAM3zB,KAAM4C,GAEZrD,EAAO2D,MAAOywB,EAAO1B,GAAQrvB,EAAMsQ,GAKtC,OAAOA,KAAQpU,GAAaoU,GAAO3T,EAAOmK,SAAU9I,EAASsS,GAC5D3T,EAAO2D,OAAStC,GAAW+yB,GAC3BA,EAIF,QAASC,IAAmBhxB,GACtBwtB,GAA4B9sB,KAAMV,EAAKV,QAC3CU,EAAKwwB,eAAiBxwB,EAAK8U,SAI7BnY,EAAOgG,QACNM,MAAO,SAAUjD,EAAMuvB,EAAeC,GACrC,GAAIyB,GAAczhB,EAAMvM,EAAOb,EAAG8uB,EACjCC,EAASx0B,EAAOmN,SAAU9J,EAAKS,cAAeT,EAW/C,IATKrD,EAAOmI,QAAQyY,YAAc5gB,EAAOyc,SAASpZ,KAAUitB,GAAavsB,KAAM,IAAMV,EAAK8G,SAAW,KACpG7D,EAAQjD,EAAKwd,WAAW,IAIxB8Q,GAAYve,UAAY/P,EAAKyd,UAC7B6Q,GAAY7f,YAAaxL,EAAQqrB,GAAYte,eAGvCrT,EAAOmI,QAAQgZ,cAAiBnhB,EAAOmI,QAAQmZ,gBACjC,IAAlBje,EAAKQ,UAAoC,KAAlBR,EAAKQ,UAAqB7D,EAAOyc,SAASpZ,IAOnE,IAJAixB,EAAe5B,GAAQpsB,GACvBiuB,EAAc7B,GAAQrvB,GAGhBoC,EAAI,EAA8B,OAA1BoN,EAAO0hB,EAAY9uB,MAAeA,EAE1C6uB,EAAa7uB,IACjBmuB,GAAoB/gB,EAAMyhB,EAAa7uB,GAM1C,IAAKmtB,EACJ,GAAKC,EAIJ,IAHA0B,EAAcA,GAAe7B,GAAQrvB,GACrCixB,EAAeA,GAAgB5B,GAAQpsB,GAEjCb,EAAI,EAA8B,OAA1BoN,EAAO0hB,EAAY9uB,IAAaA,IAC7C+tB,GAAgB3gB,EAAMyhB,EAAa7uB,QAGpC+tB,IAAgBnwB,EAAMiD,EAaxB,OARAguB,GAAe5B,GAAQpsB,EAAO,UACzBguB,EAAa9wB,OAAS,GAC1BmvB,GAAe2B,GAAeE,GAAU9B,GAAQrvB,EAAM,WAGvDixB,EAAeC,EAAc1hB,EAAO,KAG7BvM,GAGRwC,cAAe,SAAUlE,EAAOvD,EAASuH,EAAS6rB,GACjD,GAAI9uB,GAAGtC,EAAM8J,EACZ5D,EAAKoK,EAAKyM,EAAOsU,EACjB5pB,EAAIlG,EAAMpB,OAGVmxB,EAAOzE,GAAoB7uB,GAE3BuzB,KACAnvB,EAAI,CAEL,MAAYqF,EAAJrF,EAAOA,IAGd,GAFApC,EAAOuB,EAAOa,GAETpC,GAAiB,IAATA,EAGZ,GAA6B,WAAxBrD,EAAO2C,KAAMU,GACjBrD,EAAO2D,MAAOixB,EAAOvxB,EAAKQ,UAAaR,GAASA,OAG1C,IAAMstB,GAAM5sB,KAAMV,GAIlB,CACNkG,EAAMA,GAAOorB,EAAKzhB,YAAa7R,EAAQwH,cAAc,QAGrD8K,GAAQ8c,GAAShtB,KAAMJ,KAAW,GAAI,KAAM,GAAG+G,cAC/CsqB,EAAOxD,GAASvd,IAASud,GAAQzG,SAEjClhB,EAAI6J,UAAYshB,EAAK,GAAKrxB,EAAKwD,QAAS2pB,GAAW,aAAgBkE,EAAK,GAGxE/uB,EAAI+uB,EAAK,EACT,OAAQ/uB,IACP4D,EAAMA,EAAIuN,SASX,KALM9W,EAAOmI,QAAQgY,mBAAqBoQ,GAAmBxsB,KAAMV,IAClEuxB,EAAMn0B,KAAMY,EAAQ6wB,eAAgB3B,GAAmB9sB,KAAMJ,GAAO,MAI/DrD,EAAOmI,QAAQiY,MAAQ,CAG5B/c,EAAe,UAARsQ,GAAoB+c,GAAO3sB,KAAMV,GAI3B,YAAZqxB,EAAK,IAAqBhE,GAAO3sB,KAAMV,GAEtC,EADAkG,EAJDA,EAAI8J,WAOL1N,EAAItC,GAAQA,EAAK2F,WAAWxF,MAC5B,OAAQmC,IACF3F,EAAOmK,SAAWiW,EAAQ/c,EAAK2F,WAAWrD,GAAK,WAAcya,EAAMpX,WAAWxF,QAClFH,EAAKyO,YAAasO,GAKrBpgB,EAAO2D,MAAOixB,EAAOrrB,EAAIP,YAGzBO,EAAI6L,YAAc,EAGlB,OAAQ7L,EAAI8J,WACX9J,EAAIuI,YAAavI,EAAI8J,WAItB9J,GAAMorB,EAAK7d,cAtDX8d,GAAMn0B,KAAMY,EAAQ6wB,eAAgB7uB,GA4DlCkG,IACJorB,EAAK7iB,YAAavI,GAKbvJ,EAAOmI,QAAQuZ,eACpB1hB,EAAO+K,KAAM2nB,GAAQkC,EAAO,SAAWP,IAGxC5uB,EAAI,CACJ,OAASpC,EAAOuxB,EAAOnvB,KAItB,KAAKgvB,GAAmD,KAAtCz0B,EAAO2K,QAAStH,EAAMoxB,MAIxCtnB,EAAWnN,EAAOmN,SAAU9J,EAAKS,cAAeT,GAGhDkG,EAAMmpB,GAAQiC,EAAKzhB,YAAa7P,GAAQ,UAGnC8J,GACJwlB,GAAeppB,GAIXX,GAAU,CACdjD,EAAI,CACJ,OAAStC,EAAOkG,EAAK5D,KACforB,GAAYhtB,KAAMV,EAAKV,MAAQ,KACnCiG,EAAQnI,KAAM4C,GAQlB,MAFAkG,GAAM,KAECorB,GAGRlR,UAAW,SAAU7e,EAAsBse,GAC1C,GAAI7f,GAAMV,EAAM0B,EAAIoE,EACnBhD,EAAI,EACJ2d,EAAcpjB,EAAO0G,QACrB8K,EAAQxR,EAAOwR,MACf0P,EAAgBlhB,EAAOmI,QAAQ+Y,cAC/BwH,EAAU1oB,EAAOyC,MAAMimB,OAExB,MAA6B,OAApBrlB,EAAOuB,EAAMa,IAAaA,IAElC,IAAKyd,GAAcljB,EAAOkjB,WAAY7f,MAErCgB,EAAKhB,EAAM+f,GACX3a,EAAOpE,GAAMmN,EAAOnN,IAER,CACX,GAAKoE,EAAK8f,OACT,IAAM5lB,IAAQ8F,GAAK8f,OACbG,EAAS/lB,GACb3C,EAAOyC,MAAMsG,OAAQ1F,EAAMV,GAI3B3C,EAAO4pB,YAAavmB,EAAMV,EAAM8F,EAAKwgB,OAMnCzX;EAAOnN,WAEJmN,GAAOnN,GAKT6c,QACG7d,GAAM+f,SAEK/f,GAAKgO,kBAAoB3R,EAC3C2D,EAAKgO,gBAAiB+R,GAGtB/f,EAAM+f,GAAgB,KAGvBhjB,EAAgBK,KAAM4D,MAO3BgvB,SAAU,SAAUwB,GACnB,MAAO70B,GAAO80B,MACbD,IAAKA,EACLlyB,KAAM,MACNoyB,SAAU,SACVprB,OAAO,EACP0e,QAAQ,EACR2M,UAAU,OAIbh1B,EAAOsB,GAAG0E,QACTivB,QAAS,SAAUnC,GAClB,GAAK9yB,EAAOiE,WAAY6uB,GACvB,MAAOxvB,MAAKyB,KAAK,SAASU,GACzBzF,EAAOsD,MAAM2xB,QAASnC,EAAKtuB,KAAKlB,KAAMmC,KAIxC,IAAKnC,KAAK,GAAK,CAEd,GAAIoxB,GAAO10B,EAAQ8yB,EAAMxvB,KAAK,GAAGQ,eAAgByB,GAAG,GAAGe,OAAM,EAExDhD,MAAK,GAAGc,YACZswB,EAAKpC,aAAchvB,KAAK,IAGzBoxB,EAAK9uB,IAAI,WACR,GAAIvC,GAAOC,IAEX,OAAQD,EAAKgQ,YAA2C,IAA7BhQ,EAAKgQ,WAAWxP,SAC1CR,EAAOA,EAAKgQ,UAGb,OAAOhQ,KACL4uB,OAAQ3uB,MAGZ,MAAOA,OAGR4xB,UAAW,SAAUpC,GACpB,MAAK9yB,GAAOiE,WAAY6uB,GAChBxvB,KAAKyB,KAAK,SAASU,GACzBzF,EAAOsD,MAAM4xB,UAAWpC,EAAKtuB,KAAKlB,KAAMmC,MAInCnC,KAAKyB,KAAK,WAChB,GAAI2Y,GAAO1d,EAAQsD,MAClBqrB,EAAWjR,EAAKiR,UAEZA,GAASnrB,OACbmrB,EAASsG,QAASnC,GAGlBpV,EAAKuU,OAAQa,MAKhB4B,KAAM,SAAU5B,GACf,GAAI7uB,GAAajE,EAAOiE,WAAY6uB,EAEpC,OAAOxvB,MAAKyB,KAAK,SAASU,GACzBzF,EAAQsD,MAAO2xB,QAAShxB,EAAa6uB,EAAKtuB,KAAKlB,KAAMmC,GAAKqtB,MAI5DqC,OAAQ,WACP,MAAO7xB,MAAKyP,SAAShO,KAAK,WACnB/E,EAAOmK,SAAU7G,KAAM,SAC5BtD,EAAQsD,MAAOyvB,YAAazvB,KAAK0F,cAEhCnD,QAGL,IAAIuvB,IAAQC,GAAWC,GACtBC,GAAS,kBACTC,GAAW,wBACXC,GAAY,4BAGZC,GAAe,4BACfC,GAAU,UACVC,GAAgBnnB,OAAQ,KAAOjN,EAAY,SAAU,KACrDq0B,GAAgBpnB,OAAQ,KAAOjN,EAAY,kBAAmB,KAC9Ds0B,GAAcrnB,OAAQ,YAAcjN,EAAY,IAAK,KACrDu0B,IAAgBC,KAAM,SAEtBC,IAAYC,SAAU,WAAYC,WAAY,SAAU7T,QAAS,SACjE8T,IACCC,cAAe,EACfC,WAAY,KAGbC,IAAc,MAAO,QAAS,SAAU,QACxCC,IAAgB,SAAU,IAAK,MAAO,KAGvC,SAASC,IAAgB1qB,EAAO3F,GAG/B,GAAKA,IAAQ2F,GACZ,MAAO3F,EAIR,IAAIswB,GAAUtwB,EAAK7C,OAAO,GAAGhB,cAAgB6D,EAAKzF,MAAM,GACvDg2B,EAAWvwB,EACXX,EAAI+wB,GAAYhzB,MAEjB,OAAQiC,IAEP,GADAW,EAAOowB,GAAa/wB,GAAMixB,EACrBtwB,IAAQ2F,GACZ,MAAO3F,EAIT,OAAOuwB,GAGR,QAASC,IAAUvzB,EAAMwzB,GAIxB,MADAxzB,GAAOwzB,GAAMxzB,EAC4B,SAAlCrD,EAAO82B,IAAKzzB,EAAM,aAA2BrD,EAAOmN,SAAU9J,EAAKS,cAAeT,GAG1F,QAAS0zB,IAAUliB,EAAUmiB,GAC5B,GAAI1U,GAASjf,EAAM4zB,EAClBzX,KACA3B,EAAQ,EACRra,EAASqR,EAASrR,MAEnB,MAAgBA,EAARqa,EAAgBA,IACvBxa,EAAOwR,EAAUgJ,GACXxa,EAAK0I,QAIXyT,EAAQ3B,GAAU7d,EAAO+jB,MAAO1gB,EAAM,cACtCif,EAAUjf,EAAK0I,MAAMuW,QAChB0U,GAGExX,EAAQ3B,IAAuB,SAAZyE,IACxBjf,EAAK0I,MAAMuW,QAAU,IAMM,KAAvBjf,EAAK0I,MAAMuW,SAAkBsU,GAAUvzB,KAC3Cmc,EAAQ3B,GAAU7d,EAAO+jB,MAAO1gB,EAAM,aAAc6zB,GAAmB7zB,EAAK8G,aAIvEqV,EAAQ3B,KACboZ,EAASL,GAAUvzB,IAEdif,GAAuB,SAAZA,IAAuB2U,IACtCj3B,EAAO+jB,MAAO1gB,EAAM,aAAc4zB,EAAS3U,EAAUtiB,EAAO82B,IAAKzzB,EAAM,aAQ3E,KAAMwa,EAAQ,EAAWra,EAARqa,EAAgBA,IAChCxa,EAAOwR,EAAUgJ,GACXxa,EAAK0I,QAGLirB,GAA+B,SAAvB3zB,EAAK0I,MAAMuW,SAA6C,KAAvBjf,EAAK0I,MAAMuW,UACzDjf,EAAK0I,MAAMuW,QAAU0U,EAAOxX,EAAQ3B,IAAW,GAAK,QAItD,OAAOhJ,GAGR7U,EAAOsB,GAAG0E,QACT8wB,IAAK,SAAU1wB,EAAMiE,GACpB,MAAOrK,GAAOqL,OAAQ/H,KAAM,SAAUD,EAAM+C,EAAMiE,GACjD,GAAI3E,GAAKyxB,EACRvxB,KACAH,EAAI,CAEL,IAAKzF,EAAOyG,QAASL,GAAS,CAI7B,IAHA+wB,EAAS9B,GAAWhyB,GACpBqC,EAAMU,EAAK5C,OAECkC,EAAJD,EAASA,IAChBG,EAAKQ,EAAMX,IAAQzF,EAAO82B,IAAKzzB,EAAM+C,EAAMX,IAAK,EAAO0xB,EAGxD,OAAOvxB,GAGR,MAAOyE,KAAU9K,EAChBS,EAAO+L,MAAO1I,EAAM+C,EAAMiE,GAC1BrK,EAAO82B,IAAKzzB,EAAM+C,IACjBA,EAAMiE,EAAOhF,UAAU7B,OAAS,IAEpCwzB,KAAM,WACL,MAAOD,IAAUzzB,MAAM,IAExB8zB,KAAM,WACL,MAAOL,IAAUzzB,OAElB+zB,OAAQ,SAAUlZ,GACjB,MAAsB,iBAAVA,GACJA,EAAQ7a,KAAK0zB,OAAS1zB,KAAK8zB,OAG5B9zB,KAAKyB,KAAK,WACX6xB,GAAUtzB,MACdtD,EAAQsD,MAAO0zB,OAEfh3B,EAAQsD,MAAO8zB,YAMnBp3B,EAAOgG,QAGNsxB,UACC/W,SACC9b,IAAK,SAAUpB,EAAMk0B,GACpB,GAAKA,EAAW,CAEf,GAAI1yB,GAAMywB,GAAQjyB,EAAM,UACxB,OAAe,KAARwB,EAAa,IAAMA,MAO9B2yB,WACCC,aAAe,EACfC,aAAe,EACfpB,YAAc,EACdqB,YAAc,EACdpX,SAAW,EACXqX,OAAS,EACTC,SAAW,EACXC,QAAU,EACVC,QAAU,EACVvV,MAAQ,GAKTwV,UAECC,QAASj4B,EAAOmI,QAAQqY,SAAW,WAAa,cAIjDzU,MAAO,SAAU1I,EAAM+C,EAAMiE,EAAO6tB,GAEnC,GAAM70B,GAA0B,IAAlBA,EAAKQ,UAAoC,IAAlBR,EAAKQ,UAAmBR,EAAK0I,MAAlE,CAKA,GAAIlH,GAAKlC,EAAM0hB,EACdsS,EAAW32B,EAAOiK,UAAW7D,GAC7B2F,EAAQ1I,EAAK0I,KASd,IAPA3F,EAAOpG,EAAOg4B,SAAUrB,KAAgB32B,EAAOg4B,SAAUrB,GAAaF,GAAgB1qB,EAAO4qB,IAI7FtS,EAAQrkB,EAAOs3B,SAAUlxB,IAAUpG,EAAOs3B,SAAUX,GAG/CtsB,IAAU9K,EAsCd,MAAK8kB,IAAS,OAASA,KAAUxf,EAAMwf,EAAM5f,IAAKpB,GAAM,EAAO60B,MAAa34B,EACpEsF,EAIDkH,EAAO3F,EAhCd,IAVAzD,QAAc0H,GAGA,WAAT1H,IAAsBkC,EAAMixB,GAAQryB,KAAM4G,MAC9CA,GAAUxF,EAAI,GAAK,GAAMA,EAAI,GAAKiD,WAAY9H,EAAO82B,IAAKzzB,EAAM+C,IAEhEzD,EAAO,YAIM,MAAT0H,GAA0B,WAAT1H,GAAqBkF,MAAOwC,KAKpC,WAAT1H,GAAsB3C,EAAOw3B,UAAWb,KAC5CtsB,GAAS,MAKJrK,EAAOmI,QAAQ6Z,iBAA6B,KAAV3X,GAA+C,IAA/BjE,EAAKvF,QAAQ,gBACpEkL,EAAO3F,GAAS,WAIXie,GAAW,OAASA,KAAWha,EAAQga,EAAMoC,IAAKpjB,EAAMgH,EAAO6tB,MAAa34B,IAIjF,IACCwM,EAAO3F,GAASiE,EACf,MAAMnC,OAcX4uB,IAAK,SAAUzzB,EAAM+C,EAAM8xB,EAAOf,GACjC,GAAIzyB,GAAKoQ,EAAKuP,EACbsS,EAAW32B,EAAOiK,UAAW7D,EAyB9B,OAtBAA,GAAOpG,EAAOg4B,SAAUrB,KAAgB32B,EAAOg4B,SAAUrB,GAAaF,GAAgBpzB,EAAK0I,MAAO4qB,IAIlGtS,EAAQrkB,EAAOs3B,SAAUlxB,IAAUpG,EAAOs3B,SAAUX,GAG/CtS,GAAS,OAASA,KACtBvP,EAAMuP,EAAM5f,IAAKpB,GAAM,EAAM60B,IAIzBpjB,IAAQvV,IACZuV,EAAMwgB,GAAQjyB,EAAM+C,EAAM+wB,IAId,WAARriB,GAAoB1O,IAAQgwB,MAChCthB,EAAMshB,GAAoBhwB,IAIZ,KAAV8xB,GAAgBA,GACpBxzB,EAAMoD,WAAYgN,GACXojB,KAAU,GAAQl4B,EAAO4H,UAAWlD,GAAQA,GAAO,EAAIoQ,GAExDA,KAMJxV,EAAOqjB,kBACX0S,GAAY,SAAUhyB,GACrB,MAAO/D,GAAOqjB,iBAAkBtf,EAAM,OAGvCiyB,GAAS,SAAUjyB,EAAM+C,EAAM+xB,GAC9B,GAAIvV,GAAOwV,EAAUC,EACpBd,EAAWY,GAAa9C,GAAWhyB,GAGnCwB,EAAM0yB,EAAWA,EAASe,iBAAkBlyB,IAAUmxB,EAAUnxB,GAAS7G,EACzEwM,EAAQ1I,EAAK0I,KA8Bd,OA5BKwrB,KAES,KAAR1yB,GAAe7E,EAAOmN,SAAU9J,EAAKS,cAAeT,KACxDwB,EAAM7E,EAAO+L,MAAO1I,EAAM+C,IAOtByvB,GAAU9xB,KAAMc,IAAS8wB,GAAQ5xB,KAAMqC,KAG3Cwc,EAAQ7W,EAAM6W,MACdwV,EAAWrsB,EAAMqsB,SACjBC,EAAWtsB,EAAMssB,SAGjBtsB,EAAMqsB,SAAWrsB,EAAMssB,SAAWtsB,EAAM6W,MAAQ/d,EAChDA,EAAM0yB,EAAS3U,MAGf7W,EAAM6W,MAAQA,EACd7W,EAAMqsB,SAAWA,EACjBrsB,EAAMssB,SAAWA,IAIZxzB,IAEGjF,EAASE,gBAAgBy4B,eACpClD,GAAY,SAAUhyB,GACrB,MAAOA,GAAKk1B,cAGbjD,GAAS,SAAUjyB,EAAM+C,EAAM+xB,GAC9B,GAAIK,GAAMC,EAAIC,EACbnB,EAAWY,GAAa9C,GAAWhyB,GACnCwB,EAAM0yB,EAAWA,EAAUnxB,GAAS7G,EACpCwM,EAAQ1I,EAAK0I,KAoCd,OAhCY,OAAPlH,GAAekH,GAASA,EAAO3F,KACnCvB,EAAMkH,EAAO3F,IAUTyvB,GAAU9xB,KAAMc,KAAU4wB,GAAU1xB,KAAMqC,KAG9CoyB,EAAOzsB,EAAMysB,KACbC,EAAKp1B,EAAKs1B,aACVD,EAASD,GAAMA,EAAGD,KAGbE,IACJD,EAAGD,KAAOn1B,EAAKk1B,aAAaC,MAE7BzsB,EAAMysB,KAAgB,aAATpyB,EAAsB,MAAQvB,EAC3CA,EAAMkH,EAAM6sB,UAAY,KAGxB7sB,EAAMysB,KAAOA,EACRE,IACJD,EAAGD,KAAOE,IAIG,KAAR7zB,EAAa,OAASA,GAI/B,SAASg0B,IAAmBx1B,EAAMgH,EAAOyuB,GACxC,GAAI5rB,GAAU0oB,GAAUnyB,KAAM4G,EAC9B,OAAO6C,GAENvG,KAAKiE,IAAK,EAAGsC,EAAS,IAAQ4rB,GAAY,KAAU5rB,EAAS,IAAO,MACpE7C,EAGF,QAAS0uB,IAAsB11B,EAAM+C,EAAM8xB,EAAOc,EAAa7B,GAC9D,GAAI1xB,GAAIyyB,KAAYc,EAAc,SAAW,WAE5C,EAES,UAAT5yB,EAAmB,EAAI,EAEvB0O,EAAM,CAEP,MAAY,EAAJrP,EAAOA,GAAK,EAEJ,WAAVyyB,IACJpjB,GAAO9U,EAAO82B,IAAKzzB,EAAM60B,EAAQ3B,GAAW9wB,IAAK,EAAM0xB,IAGnD6B,GAEW,YAAVd,IACJpjB,GAAO9U,EAAO82B,IAAKzzB,EAAM,UAAYkzB,GAAW9wB,IAAK,EAAM0xB,IAI7C,WAAVe,IACJpjB,GAAO9U,EAAO82B,IAAKzzB,EAAM,SAAWkzB,GAAW9wB,GAAM,SAAS,EAAM0xB,MAIrEriB,GAAO9U,EAAO82B,IAAKzzB,EAAM,UAAYkzB,GAAW9wB,IAAK,EAAM0xB,GAG5C,YAAVe,IACJpjB,GAAO9U,EAAO82B,IAAKzzB,EAAM,SAAWkzB,GAAW9wB,GAAM,SAAS,EAAM0xB,IAKvE,OAAOriB,GAGR,QAASmkB,IAAkB51B,EAAM+C,EAAM8xB,GAGtC,GAAIgB,IAAmB,EACtBpkB,EAAe,UAAT1O,EAAmB/C,EAAKqf,YAAcrf,EAAKgf,aACjD8U,EAAS9B,GAAWhyB,GACpB21B,EAAch5B,EAAOmI,QAAQsa,WAAgE,eAAnDziB,EAAO82B,IAAKzzB,EAAM,aAAa,EAAO8zB,EAKjF,IAAY,GAAPriB,GAAmB,MAAPA,EAAc,CAQ9B,GANAA,EAAMwgB,GAAQjyB,EAAM+C,EAAM+wB,IACf,EAANriB,GAAkB,MAAPA,KACfA,EAAMzR,EAAK0I,MAAO3F,IAIdyvB,GAAU9xB,KAAK+Q,GACnB,MAAOA,EAKRokB,GAAmBF,IAAiBh5B,EAAOmI,QAAQkZ,mBAAqBvM,IAAQzR,EAAK0I,MAAO3F,IAG5F0O,EAAMhN,WAAYgN,IAAS,EAI5B,MAASA,GACRikB,GACC11B,EACA+C,EACA8xB,IAAWc,EAAc,SAAW,WACpCE,EACA/B,GAEE,KAIL,QAASD,IAAoB/sB,GAC5B,GAAI2I,GAAMlT,EACT0iB,EAAUyT,GAAa5rB,EA0BxB,OAxBMmY,KACLA,EAAU6W,GAAehvB,EAAU2I,GAGlB,SAAZwP,GAAuBA,IAE3B8S,IAAWA,IACVp1B,EAAO,kDACN82B,IAAK,UAAW,6BAChB/C,SAAUjhB,EAAIhT,iBAGhBgT,GAAQsiB,GAAO,GAAGvF,eAAiBuF,GAAO,GAAGxF,iBAAkBhwB,SAC/DkT,EAAIsmB,MAAM,+BACVtmB,EAAIumB,QAEJ/W,EAAU6W,GAAehvB,EAAU2I,GACnCsiB,GAAOvyB,UAIRkzB,GAAa5rB,GAAamY,GAGpBA,EAIR,QAAS6W,IAAe/yB,EAAM0M,GAC7B,GAAIzP,GAAOrD,EAAQ8S,EAAIjK,cAAezC,IAAS2tB,SAAUjhB,EAAI1L,MAC5Dkb,EAAUtiB,EAAO82B,IAAKzzB,EAAK,GAAI,UAEhC,OADAA,GAAK0F,SACEuZ,EAGRtiB,EAAO+E,MAAO,SAAU,SAAW,SAAUU,EAAGW,GAC/CpG,EAAOs3B,SAAUlxB,IAChB3B,IAAK,SAAUpB,EAAMk0B,EAAUW,GAC9B,MAAKX,GAGwB,IAArBl0B,EAAKqf,aAAqBgT,GAAa3xB,KAAM/D,EAAO82B,IAAKzzB,EAAM,YACrErD,EAAO6L,KAAMxI,EAAM4yB,GAAS,WAC3B,MAAOgD,IAAkB51B,EAAM+C,EAAM8xB,KAEtCe,GAAkB51B,EAAM+C,EAAM8xB,GAPhC,GAWDzR,IAAK,SAAUpjB,EAAMgH,EAAO6tB,GAC3B,GAAIf,GAASe,GAAS7C,GAAWhyB,EACjC,OAAOw1B,IAAmBx1B,EAAMgH,EAAO6tB,EACtCa,GACC11B,EACA+C,EACA8xB,EACAl4B,EAAOmI,QAAQsa,WAAgE,eAAnDziB,EAAO82B,IAAKzzB,EAAM,aAAa,EAAO8zB,GAClEA,GACG,OAMFn3B,EAAOmI,QAAQoY,UACpBvgB,EAAOs3B,SAAS/W,SACf9b,IAAK,SAAUpB,EAAMk0B,GAEpB,MAAO/B,IAASzxB,MAAOwzB,GAAYl0B,EAAKk1B,aAAel1B,EAAKk1B,aAAa/kB,OAASnQ,EAAK0I,MAAMyH,SAAW,IACrG,IAAO1L,WAAY2G,OAAO6qB,IAAS,GACrC/B,EAAW,IAAM,IAGnB9Q,IAAK,SAAUpjB,EAAMgH,GACpB,GAAI0B,GAAQ1I,EAAK0I,MAChBwsB,EAAel1B,EAAKk1B,aACpBhY,EAAUvgB,EAAO4H,UAAWyC,GAAU,iBAA2B,IAARA,EAAc,IAAM,GAC7EmJ,EAAS+kB,GAAgBA,EAAa/kB,QAAUzH,EAAMyH,QAAU,EAIjEzH,GAAMyW,KAAO,GAINnY,GAAS,GAAe,KAAVA,IAC6B,KAAhDrK,EAAOmB,KAAMqS,EAAO3M,QAAS0uB,GAAQ,MACrCxpB,EAAMsF,kBAKPtF,EAAMsF,gBAAiB,UAGR,KAAVhH,GAAgBkuB,IAAiBA,EAAa/kB,UAMpDzH,EAAMyH,OAAS+hB,GAAOxxB,KAAMyP,GAC3BA,EAAO3M,QAAS0uB,GAAQhV,GACxB/M,EAAS,IAAM+M,MAOnBvgB,EAAO,WACAA,EAAOmI,QAAQiZ,sBACpBphB,EAAOs3B,SAASzU,aACfpe,IAAK,SAAUpB,EAAMk0B,GACpB,MAAKA,GAGGv3B,EAAO6L,KAAMxI,GAAQif,QAAW,gBACtCgT,IAAUjyB,EAAM,gBAJlB,MAaGrD,EAAOmI,QAAQ8Y,eAAiBjhB,EAAOsB,GAAG40B,UAC/Cl2B,EAAO+E,MAAQ,MAAO,QAAU,SAAUU,EAAGmgB,GAC5C5lB,EAAOs3B,SAAU1R,IAChBnhB,IAAK,SAAUpB,EAAMk0B,GACpB,MAAKA,IACJA,EAAWjC,GAAQjyB,EAAMuiB,GAElBiQ,GAAU9xB,KAAMwzB,GACtBv3B,EAAQqD,GAAO6yB,WAAYtQ,GAAS,KACpC2R,GALF,QAcAv3B,EAAO4U,MAAQ5U,EAAO4U,KAAKwE,UAC/BpZ,EAAO4U,KAAKwE,QAAQ6d,OAAS,SAAU5zB,GAGtC,MAA2B,IAApBA,EAAKqf,aAAyC,GAArBrf,EAAKgf,eAClCriB,EAAOmI,QAAQoa,uBAAmG,UAAxElf,EAAK0I,OAAS1I,EAAK0I,MAAMuW,SAAYtiB,EAAO82B,IAAKzzB,EAAM,aAGrGrD,EAAO4U,KAAKwE,QAAQmgB,QAAU,SAAUl2B,GACvC,OAAQrD,EAAO4U,KAAKwE,QAAQ6d,OAAQ5zB,KAKtCrD,EAAO+E,MACNy0B,OAAQ,GACRC,QAAS,GACTC,OAAQ,SACN,SAAUC,EAAQC,GACpB55B,EAAOs3B,SAAUqC,EAASC,IACzBC,OAAQ,SAAUxvB,GACjB,GAAI5E,GAAI,EACPq0B,KAGAC,EAAyB,gBAAV1vB,GAAqBA,EAAMiC,MAAM,MAASjC,EAE1D,MAAY,EAAJ5E,EAAOA,IACdq0B,EAAUH,EAASpD,GAAW9wB,GAAMm0B,GACnCG,EAAOt0B,IAAOs0B,EAAOt0B,EAAI,IAAOs0B,EAAO,EAGzC,OAAOD,KAIHnE,GAAQ5xB,KAAM41B,KACnB35B,EAAOs3B,SAAUqC,EAASC,GAASnT,IAAMoS,KAG3C,IAAImB,IAAM,OACTC,GAAW,QACXC,GAAQ,SACRC,GAAkB,wCAClBC,GAAe,oCAEhBp6B,GAAOsB,GAAG0E,QACTq0B,UAAW,WACV,MAAOr6B,GAAOqxB,MAAO/tB,KAAKg3B,mBAE3BA,eAAgB,WACf,MAAOh3B,MAAKsC,IAAI,WAEf,GAAIiP,GAAW7U,EAAO4lB,KAAMtiB,KAAM,WAClC,OAAOuR,GAAW7U,EAAOsE,UAAWuQ,GAAavR,OAEjDkQ,OAAO,WACP,GAAI7Q,GAAOW,KAAKX,IAEhB,OAAOW,MAAK8C,OAASpG,EAAQsD,MAAOyrB,GAAI,cACvCqL,GAAar2B,KAAMT,KAAK6G,YAAegwB,GAAgBp2B,KAAMpB,KAC3DW,KAAK6U,UAAY0Y,GAA4B9sB,KAAMpB,MAEtDiD,IAAI,SAAUH,EAAGpC,GACjB,GAAIyR,GAAM9U,EAAQsD,MAAOwR,KAEzB,OAAc,OAAPA,EACN,KACA9U,EAAOyG,QAASqO,GACf9U,EAAO4F,IAAKkP,EAAK,SAAUA,GAC1B,OAAS1O,KAAM/C,EAAK+C,KAAMiE,MAAOyK,EAAIjO,QAASqzB,GAAO,YAEpD9zB,KAAM/C,EAAK+C,KAAMiE,MAAOyK,EAAIjO,QAASqzB,GAAO,WAC9Cz1B,SAMLzE,EAAOqxB,MAAQ,SAAUzjB,EAAG2sB,GAC3B,GAAIZ,GACHa,KACA5c,EAAM,SAAU3V,EAAKoC,GAEpBA,EAAQrK,EAAOiE,WAAYoG,GAAUA,IAAqB,MAATA,EAAgB,GAAKA,EACtEmwB,EAAGA,EAAEh3B,QAAWi3B,mBAAoBxyB,GAAQ,IAAMwyB,mBAAoBpwB,GASxE,IALKkwB,IAAgBh7B,IACpBg7B,EAAcv6B,EAAO06B,cAAgB16B,EAAO06B,aAAaH,aAIrDv6B,EAAOyG,QAASmH,IAASA,EAAE1K,SAAWlD,EAAOgE,cAAe4J,GAEhE5N,EAAO+E,KAAM6I,EAAG,WACfgQ,EAAKta,KAAK8C,KAAM9C,KAAK+G,aAMtB,KAAMsvB,IAAU/rB,GACf+sB,GAAahB,EAAQ/rB,EAAG+rB,GAAUY,EAAa3c,EAKjD,OAAO4c,GAAEtpB,KAAM,KAAMrK,QAASmzB,GAAK,KAGpC,SAASW,IAAahB,EAAQlyB,EAAK8yB,EAAa3c,GAC/C,GAAIxX,EAEJ,IAAKpG,EAAOyG,QAASgB,GAEpBzH,EAAO+E,KAAM0C,EAAK,SAAUhC,EAAGm1B,GACzBL,GAAeN,GAASl2B,KAAM41B,GAElC/b,EAAK+b,EAAQiB,GAIbD,GAAahB,EAAS,KAAqB,gBAANiB,GAAiBn1B,EAAI,IAAO,IAAKm1B,EAAGL,EAAa3c,SAIlF,IAAM2c,GAAsC,WAAvBv6B,EAAO2C,KAAM8E,GAQxCmW,EAAK+b,EAAQlyB,OANb,KAAMrB,IAAQqB,GACbkzB,GAAahB,EAAS,IAAMvzB,EAAO,IAAKqB,EAAKrB,GAAQm0B,EAAa3c,GAQrE5d,EAAO+E,KAAM,0MAEqDuH,MAAM,KAAM,SAAU7G,EAAGW,GAG1FpG,EAAOsB,GAAI8E,GAAS,SAAUqC,EAAMnH,GACnC,MAAO+D,WAAU7B,OAAS,EACzBF,KAAK6qB,GAAI/nB,EAAM,KAAMqC,EAAMnH,GAC3BgC,KAAKiE,QAASnB,MAIjBpG,EAAOsB,GAAG0E,QACT60B,MAAO,SAAUC,EAAQC,GACxB,MAAOz3B,MAAKiqB,WAAYuN,GAAStN,WAAYuN,GAASD,IAGvDE,KAAM,SAAU1S,EAAO7f,EAAMnH,GAC5B,MAAOgC,MAAK6qB,GAAI7F,EAAO,KAAM7f,EAAMnH,IAEpC25B,OAAQ,SAAU3S,EAAOhnB,GACxB,MAAOgC,MAAKkE,IAAK8gB,EAAO,KAAMhnB,IAG/B45B,SAAU,SAAU95B,EAAUknB,EAAO7f,EAAMnH,GAC1C,MAAOgC,MAAK6qB,GAAI7F,EAAOlnB,EAAUqH,EAAMnH,IAExC65B,WAAY,SAAU/5B,EAAUknB,EAAOhnB,GAEtC,MAA4B,KAArB+D,UAAU7B,OAAeF,KAAKkE,IAAKpG,EAAU,MAASkC,KAAKkE,IAAK8gB,EAAOlnB,GAAY,KAAME,KAGlG,IAEC85B,IACAC,GACAC,GAAat7B,EAAO0L,MAEpB6vB,GAAc,KACdC,GAAQ,OACRC,GAAM,gBACNC,GAAW,gCAEXC,GAAiB,4DACjBC,GAAa,iBACbC,GAAY,QACZC,GAAO,8CAGPC,GAAQ/7B,EAAOsB,GAAGqrB,KAWlBqP,MAOAC,MAGAC,GAAW,KAAK37B,OAAO,IAIxB,KACC86B,GAAe17B,EAASoY,KACvB,MAAO7P,IAGRmzB,GAAez7B,EAASiJ,cAAe,KACvCwyB,GAAatjB,KAAO,GACpBsjB,GAAeA,GAAatjB,KAI7BqjB,GAAeU,GAAKr4B,KAAM43B,GAAajxB,kBAGvC,SAAS+xB,IAA6BC,GAGrC,MAAO,UAAUC,EAAoBpe,GAED,gBAAvBoe,KACXpe,EAAOoe,EACPA,EAAqB,IAGtB,IAAItH,GACHtvB,EAAI,EACJ62B,EAAYD,EAAmBjyB,cAAchH,MAAO1B,MAErD,IAAK1B,EAAOiE,WAAYga,GAEvB,MAAS8W,EAAWuH,EAAU72B,KAER,MAAhBsvB,EAAS,IACbA,EAAWA,EAASp0B,MAAO,IAAO,KACjCy7B,EAAWrH,GAAaqH,EAAWrH,QAAkBpgB,QAASsJ,KAI9Dme,EAAWrH,GAAaqH,EAAWrH,QAAkBt0B,KAAMwd,IAQjE,QAASse,IAA+BH,EAAW/1B,EAASm2B,EAAiBC,GAE5E,GAAIC,MACHC,EAAqBP,IAAcH,EAEpC,SAASW,GAAS7H,GACjB,GAAI3c,EAYJ,OAXAskB,GAAW3H,IAAa,EACxB/0B,EAAO+E,KAAMq3B,EAAWrH,OAAkB,SAAUhlB,EAAG8sB,GACtD,GAAIC,GAAsBD,EAAoBx2B,EAASm2B,EAAiBC,EACxE,OAAmC,gBAAxBK,IAAqCH,GAAqBD,EAAWI,GAIpEH,IACDvkB,EAAW0kB,GADf,GAHNz2B,EAAQi2B,UAAU3nB,QAASmoB,GAC3BF,EAASE,IACF,KAKF1kB,EAGR,MAAOwkB,GAASv2B,EAAQi2B,UAAW,MAAUI,EAAW,MAASE,EAAS,KAM3E,QAASG,IAAYx2B,EAAQN,GAC5B,GAAIO,GAAMyB,EACT+0B,EAAch9B,EAAO06B,aAAasC,eAEnC,KAAM/0B,IAAOhC,GACPA,EAAKgC,KAAU1I,KACjBy9B,EAAa/0B,GAAQ1B,EAAWC,IAASA,OAAgByB,GAAQhC,EAAKgC,GAO1E,OAJKzB,IACJxG,EAAOgG,QAAQ,EAAMO,EAAQC,GAGvBD,EAGRvG,EAAOsB,GAAGqrB,KAAO,SAAUkI,EAAKoI,EAAQj4B,GACvC,GAAoB,gBAAR6vB,IAAoBkH,GAC/B,MAAOA,IAAM32B,MAAO9B,KAAM+B,UAG3B,IAAIjE,GAAU87B,EAAUv6B,EACvB+a,EAAOpa,KACPkE,EAAMqtB,EAAIh0B,QAAQ,IA+CnB,OA7CK2G,IAAO,IACXpG,EAAWyzB,EAAIl0B,MAAO6G,EAAKqtB,EAAIrxB,QAC/BqxB,EAAMA,EAAIl0B,MAAO,EAAG6G,IAIhBxH,EAAOiE,WAAYg5B,IAGvBj4B,EAAWi4B,EACXA,EAAS19B,GAGE09B,GAA4B,gBAAXA,KAC5Bt6B,EAAO,QAIH+a,EAAKla,OAAS,GAClBxD,EAAO80B,MACND,IAAKA,EAGLlyB,KAAMA,EACNoyB,SAAU,OACVtsB,KAAMw0B,IACJ93B,KAAK,SAAUg4B,GAGjBD,EAAW73B,UAEXqY,EAAKoV,KAAM1xB,EAIVpB,EAAO,SAASiyB,OAAQjyB,EAAO4D,UAAWu5B,IAAiBz5B,KAAMtC,GAGjE+7B,KAECC,SAAUp4B,GAAY,SAAUy3B,EAAOY,GACzC3f,EAAK3Y,KAAMC,EAAUk4B,IAAcT,EAAMU,aAAcE,EAAQZ,MAI1Dn5B,MAIRtD,EAAO+E,MAAQ,YAAa,WAAY,eAAgB,YAAa,cAAe,YAAc,SAAUU,EAAG9C,GAC9G3C,EAAOsB,GAAIqB,GAAS,SAAUrB,GAC7B,MAAOgC,MAAK6qB,GAAIxrB,EAAMrB,MAIxBtB,EAAOgG,QAGNs3B,OAAQ,EAGRC,gBACAC,QAEA9C,cACC7F,IAAKwG,GACL14B,KAAM,MACN86B,QAAS9B,GAAe53B,KAAMq3B,GAAc,IAC5C/S,QAAQ,EACRqV,aAAa,EACb/zB,OAAO,EACPg0B,YAAa,mDAabC,SACCC,IAAK3B,GACL3xB,KAAM,aACNuoB,KAAM,YACNxpB,IAAK,4BACLw0B,KAAM,qCAGPnP,UACCrlB,IAAK,MACLwpB,KAAM,OACNgL,KAAM,QAGPC,gBACCz0B,IAAK,cACLiB,KAAM,eACNuzB,KAAM,gBAKPE,YAGCC,SAAUj2B,OAGVk2B,aAAa,EAGbC,YAAan+B,EAAOiJ,UAGpBm1B,WAAYp+B,EAAOqJ,UAOpB2zB,aACCnI,KAAK,EACLxzB,SAAS,IAOXg9B,UAAW,SAAU93B,EAAQ+3B,GAC5B,MAAOA,GAGNvB,GAAYA,GAAYx2B,EAAQvG,EAAO06B,cAAgB4D,GAGvDvB,GAAY/8B,EAAO06B,aAAcn0B,IAGnCg4B,cAAepC,GAA6BH,IAC5CwC,cAAerC,GAA6BF,IAG5CnH,KAAM,SAAUD,EAAKxuB,GAGA,gBAARwuB,KACXxuB,EAAUwuB,EACVA,EAAMt1B,GAIP8G,EAAUA,KAEV,IACC0zB,GAEAt0B,EAEAg5B,EAEAC,EAEAC,EAGAC,EAEAC,EAEAC,EAEAtE,EAAIx6B,EAAOq+B,aAAeh4B,GAE1B04B,EAAkBvE,EAAEn5B,SAAWm5B,EAE/BwE,EAAqBxE,EAAEn5B,UAAa09B,EAAgBl7B,UAAYk7B,EAAgB77B,QAC/ElD,EAAQ++B,GACR/+B,EAAOyC,MAER4b,EAAWre,EAAOgM,WAClBizB,EAAmBj/B,EAAO8c,UAAU,eAEpCoiB,EAAa1E,EAAE0E,eAEfC,KACAC,KAEAjhB,EAAQ,EAERkhB,EAAW,WAEX5C,GACC75B,WAAY,EAGZ08B,kBAAmB,SAAUr3B,GAC5B,GAAI7E,EACJ,IAAe,IAAV+a,EAAc,CAClB,IAAM2gB,EAAkB,CACvBA,IACA,OAAS17B,EAAQs4B,GAASj4B,KAAMi7B,GAC/BI,EAAiB17B,EAAM,GAAGgH,eAAkBhH,EAAO,GAGrDA,EAAQ07B,EAAiB72B,EAAImC,eAE9B,MAAgB,OAAThH,EAAgB,KAAOA,GAI/Bm8B,sBAAuB,WACtB,MAAiB,KAAVphB,EAAcugB,EAAwB,MAI9Cc,iBAAkB,SAAUp5B,EAAMiE,GACjC,GAAIo1B,GAAQr5B,EAAKgE,aAKjB,OAJM+T,KACL/X,EAAOg5B,EAAqBK,GAAUL,EAAqBK,IAAWr5B,EACtE+4B,EAAgB/4B,GAASiE,GAEnB/G,MAIRo8B,iBAAkB,SAAU/8B,GAI3B,MAHMwb,KACLqc,EAAEmF,SAAWh9B,GAEPW,MAIR47B,WAAY,SAAUt5B,GACrB,GAAIg6B,EACJ,IAAKh6B,EACJ,GAAa,EAARuY,EACJ,IAAMyhB,IAAQh6B,GAEbs5B,EAAYU,IAAWV,EAAYU,GAAQh6B,EAAKg6B,QAIjDnD,GAAMre,OAAQxY,EAAK62B,EAAMY,QAG3B,OAAO/5B,OAIRu8B,MAAO,SAAUC,GAChB,GAAIC,GAAYD,GAAcT,CAK9B,OAJKR,IACJA,EAAUgB,MAAOE,GAElB56B,EAAM,EAAG46B,GACFz8B,MAwCV,IAnCA+a,EAASnZ,QAASu3B,GAAQW,SAAW6B,EAAiBrhB,IACtD6e,EAAMuD,QAAUvD,EAAMt3B,KACtBs3B,EAAMn0B,MAAQm0B,EAAMne,KAMpBkc,EAAE3F,MAAUA,GAAO2F,EAAE3F,KAAOwG,IAAiB,IAAKx0B,QAAS20B,GAAO,IAAK30B,QAASg1B,GAAWT,GAAc,GAAM,MAG/GZ,EAAE73B,KAAO0D,EAAQ45B,QAAU55B,EAAQ1D,MAAQ63B,EAAEyF,QAAUzF,EAAE73B,KAGzD63B,EAAE8B,UAAYt8B,EAAOmB,KAAMq5B,EAAEzF,UAAY,KAAM3qB,cAAchH,MAAO1B,KAAqB,IAGnE,MAAjB84B,EAAE0F,cACNnG,EAAQ+B,GAAKr4B,KAAM+2B,EAAE3F,IAAIzqB,eACzBowB,EAAE0F,eAAkBnG,GACjBA,EAAO,KAAQqB,GAAc,IAAOrB,EAAO,KAAQqB,GAAc,KAChErB,EAAO,KAAwB,UAAfA,EAAO,GAAkB,KAAO,WAC/CqB,GAAc,KAA+B,UAAtBA,GAAc,GAAkB,KAAO,UAK/DZ,EAAE/xB,MAAQ+xB,EAAEkD,aAAiC,gBAAXlD,GAAE/xB,OACxC+xB,EAAE/xB,KAAOzI,EAAOqxB,MAAOmJ,EAAE/xB,KAAM+xB,EAAED,cAIlCgC,GAA+BP,GAAYxB,EAAGn0B,EAASo2B,GAGxC,IAAVte,EACJ,MAAOse,EAIRmC,GAAcpE,EAAEnS,OAGXuW,GAAmC,IAApB5+B,EAAOs9B,UAC1Bt9B,EAAOyC,MAAM8E,QAAQ,aAItBizB,EAAE73B,KAAO63B,EAAE73B,KAAKJ,cAGhBi4B,EAAE2F,YAAcvE,GAAW73B,KAAMy2B,EAAE73B,MAInC87B,EAAWjE,EAAE3F,IAGP2F,EAAE2F,aAGF3F,EAAE/xB,OACNg2B,EAAajE,EAAE3F,MAAS0G,GAAYx3B,KAAM06B,GAAa,IAAM,KAAQjE,EAAE/xB,WAEhE+xB,GAAE/xB,MAIL+xB,EAAEhpB,SAAU,IAChBgpB,EAAE3F,IAAM4G,GAAI13B,KAAM06B,GAGjBA,EAAS53B,QAAS40B,GAAK,OAASH,MAGhCmD,GAAalD,GAAYx3B,KAAM06B,GAAa,IAAM,KAAQ,KAAOnD,OAK/Dd,EAAE4F,aACDpgC,EAAOu9B,aAAckB,IACzBhC,EAAM+C,iBAAkB,oBAAqBx/B,EAAOu9B,aAAckB,IAE9Dz+B,EAAOw9B,KAAMiB,IACjBhC,EAAM+C,iBAAkB,gBAAiBx/B,EAAOw9B,KAAMiB,MAKnDjE,EAAE/xB,MAAQ+xB,EAAE2F,YAAc3F,EAAEmD,eAAgB,GAASt3B,EAAQs3B,cACjElB,EAAM+C,iBAAkB,eAAgBhF,EAAEmD,aAI3ClB,EAAM+C,iBACL,SACAhF,EAAE8B,UAAW,IAAO9B,EAAEoD,QAASpD,EAAE8B,UAAU,IAC1C9B,EAAEoD,QAASpD,EAAE8B,UAAU,KAA8B,MAArB9B,EAAE8B,UAAW,GAAc,KAAOJ,GAAW,WAAa,IAC1F1B,EAAEoD,QAAS,KAIb,KAAMn4B,IAAK+0B,GAAE6F,QACZ5D,EAAM+C,iBAAkB/5B,EAAG+0B,EAAE6F,QAAS56B,GAIvC,IAAK+0B,EAAE8F,aAAgB9F,EAAE8F,WAAW97B,KAAMu6B,EAAiBtC,EAAOjC,MAAQ,GAAmB,IAAVrc,GAElF,MAAOse,GAAMoD,OAIdR,GAAW,OAGX,KAAM55B,KAAOu6B,QAAS,EAAG13B,MAAO,EAAG80B,SAAU,GAC5CX,EAAOh3B,GAAK+0B,EAAG/0B,GAOhB,IAHAo5B,EAAYtC,GAA+BN,GAAYzB,EAAGn0B,EAASo2B,GAK5D,CACNA,EAAM75B,WAAa,EAGdg8B,GACJI,EAAmBz3B,QAAS,YAAck1B,EAAOjC,IAG7CA,EAAE7wB,OAAS6wB,EAAE1V,QAAU,IAC3B6Z,EAAet3B,WAAW,WACzBo1B,EAAMoD,MAAM,YACVrF,EAAE1V,SAGN,KACC3G,EAAQ,EACR0gB,EAAU0B,KAAMpB,EAAgBh6B,GAC/B,MAAQ+C,GAET,KAAa,EAARiW,GAIJ,KAAMjW,EAHN/C,GAAM,GAAI+C,QArBZ/C,GAAM,GAAI,eA8BX,SAASA,GAAMk4B,EAAQmD,EAAkBC,EAAWJ,GACnD,GAAIK,GAAWV,EAAS13B,EAAO40B,EAAUyD,EACxCb,EAAaU,CAGC,KAAVriB,IAKLA,EAAQ,EAGHwgB,GACJ5Z,aAAc4Z,GAKfE,EAAYt/B,EAGZm/B,EAAwB2B,GAAW,GAGnC5D,EAAM75B,WAAay6B,EAAS,EAAI,EAAI,EAGpCqD,EAAYrD,GAAU,KAAgB,IAATA,GAA2B,MAAXA,EAGxCoD,IACJvD,EAAW0D,GAAqBpG,EAAGiC,EAAOgE,IAI3CvD,EAAW2D,GAAarG,EAAG0C,EAAUT,EAAOiE,GAGvCA,GAGClG,EAAE4F,aACNO,EAAWlE,EAAM6C,kBAAkB,iBAC9BqB,IACJ3gC,EAAOu9B,aAAckB,GAAakC,GAEnCA,EAAWlE,EAAM6C,kBAAkB,QAC9BqB,IACJ3gC,EAAOw9B,KAAMiB,GAAakC,IAKZ,MAAXtD,GAA6B,SAAX7C,EAAE73B,KACxBm9B,EAAa,YAGS,MAAXzC,EACXyC,EAAa,eAIbA,EAAa5C,EAAS/e,MACtB6hB,EAAU9C,EAASz0B,KACnBH,EAAQ40B,EAAS50B,MACjBo4B,GAAap4B,KAKdA,EAAQw3B,GACHzC,IAAWyC,KACfA,EAAa,QACC,EAATzC,IACJA,EAAS,KAMZZ,EAAMY,OAASA,EACfZ,EAAMqD,YAAeU,GAAoBV,GAAe,GAGnDY,EACJriB,EAAS/W,YAAay3B,GAAmBiB,EAASF,EAAYrD,IAE9Dpe,EAASyiB,WAAY/B,GAAmBtC,EAAOqD,EAAYx3B,IAI5Dm0B,EAAMyC,WAAYA,GAClBA,EAAa3/B,EAERq/B,GACJI,EAAmBz3B,QAASm5B,EAAY,cAAgB,aACrDjE,EAAOjC,EAAGkG,EAAYV,EAAU13B,IAIpC22B,EAAiBjhB,SAAU+gB,GAAmBtC,EAAOqD,IAEhDlB,IACJI,EAAmBz3B,QAAS,gBAAkBk1B,EAAOjC,MAE3Cx6B,EAAOs9B,QAChBt9B,EAAOyC,MAAM8E,QAAQ,cAKxB,MAAOk1B,IAGRsE,QAAS,SAAUlM,EAAKpsB,EAAMzD,GAC7B,MAAOhF,GAAOyE,IAAKowB,EAAKpsB,EAAMzD,EAAU,SAGzCg8B,UAAW,SAAUnM,EAAK7vB,GACzB,MAAOhF,GAAOyE,IAAKowB,EAAKt1B,EAAWyF,EAAU,aAI/ChF,EAAO+E,MAAQ,MAAO,QAAU,SAAUU,EAAGw6B,GAC5CjgC,EAAQigC,GAAW,SAAUpL,EAAKpsB,EAAMzD,EAAUrC,GAQjD,MANK3C,GAAOiE,WAAYwE,KACvB9F,EAAOA,GAAQqC,EACfA,EAAWyD,EACXA,EAAOlJ,GAGDS,EAAO80B,MACbD,IAAKA,EACLlyB,KAAMs9B,EACNlL,SAAUpyB,EACV8F,KAAMA,EACNu3B,QAASh7B,MASZ,SAAS47B,IAAqBpG,EAAGiC,EAAOgE,GACvC,GAAIQ,GAAeC,EAAIC,EAAex+B,EACrCgsB,EAAW6L,EAAE7L,SACb2N,EAAY9B,EAAE8B,SAGf,OAA0B,MAAnBA,EAAW,GACjBA,EAAU5qB,QACLwvB,IAAO3hC,IACX2hC,EAAK1G,EAAEmF,UAAYlD,EAAM6C,kBAAkB,gBAK7C,IAAK4B,EACJ,IAAMv+B,IAAQgsB,GACb,GAAKA,EAAUhsB,IAAUgsB,EAAUhsB,GAAOoB,KAAMm9B,GAAO,CACtD5E,EAAU3nB,QAAShS,EACnB,OAMH,GAAK25B,EAAW,IAAOmE,GACtBU,EAAgB7E,EAAW,OACrB,CAEN,IAAM35B,IAAQ89B,GAAY,CACzB,IAAMnE,EAAW,IAAO9B,EAAEwD,WAAYr7B,EAAO,IAAM25B,EAAU,IAAO,CACnE6E,EAAgBx+B,CAChB,OAEKs+B,IACLA,EAAgBt+B,GAIlBw+B,EAAgBA,GAAiBF,EAMlC,MAAKE,IACCA,IAAkB7E,EAAW,IACjCA,EAAU3nB,QAASwsB,GAEbV,EAAWU,IAJnB,EAWD,QAASN,IAAarG,EAAG0C,EAAUT,EAAOiE,GACzC,GAAIU,GAAOC,EAASC,EAAM/3B,EAAKqlB,EAC9BoP,KAEA1B,EAAY9B,EAAE8B,UAAU37B,OAGzB,IAAK27B,EAAW,GACf,IAAMgF,IAAQ9G,GAAEwD,WACfA,EAAYsD,EAAKl3B,eAAkBowB,EAAEwD,WAAYsD,EAInDD,GAAU/E,EAAU5qB,OAGpB,OAAQ2vB,EAcP,GAZK7G,EAAEuD,eAAgBsD,KACtB5E,EAAOjC,EAAEuD,eAAgBsD,IAAcnE,IAIlCtO,GAAQ8R,GAAalG,EAAE+G,aAC5BrE,EAAW1C,EAAE+G,WAAYrE,EAAU1C,EAAEzF,WAGtCnG,EAAOyS,EACPA,EAAU/E,EAAU5qB,QAKnB,GAAiB,MAAZ2vB,EAEJA,EAAUzS,MAGJ,IAAc,MAATA,GAAgBA,IAASyS,EAAU,CAM9C,GAHAC,EAAOtD,EAAYpP,EAAO,IAAMyS,IAAarD,EAAY,KAAOqD,IAG1DC,EACL,IAAMF,IAASpD,GAId,GADAz0B,EAAM63B,EAAM90B,MAAO,KACd/C,EAAK,KAAQ83B,IAGjBC,EAAOtD,EAAYpP,EAAO,IAAMrlB,EAAK,KACpCy0B,EAAY,KAAOz0B,EAAK,KACb,CAEN+3B,KAAS,EACbA,EAAOtD,EAAYoD,GAGRpD,EAAYoD,MAAY,IACnCC,EAAU93B,EAAK,GACf+yB,EAAU3nB,QAASpL,EAAK,IAEzB,OAOJ,GAAK+3B,KAAS,EAGb,GAAKA,GAAQ9G,EAAG,UACf0C,EAAWoE,EAAMpE,OAEjB,KACCA,EAAWoE,EAAMpE,GAChB,MAAQh1B,GACT,OAASiW,MAAO,cAAe7V,MAAOg5B,EAAOp5B,EAAI,sBAAwB0mB,EAAO,OAASyS,IAQ/F,OAASljB,MAAO,UAAW1V,KAAMy0B,GAGlCl9B,EAAOq+B,WACNT,SACC4D,OAAQ,6FAET7S,UACC6S,OAAQ,uBAETxD,YACCyD,cAAe,SAAUl3B,GAExB,MADAvK,GAAO+J,WAAYQ,GACZA,MAMVvK,EAAOu+B,cAAe,SAAU,SAAU/D,GACpCA,EAAEhpB,QAAUjS,IAChBi7B,EAAEhpB,OAAQ,GAENgpB,EAAE0F,cACN1F,EAAE73B,KAAO,MACT63B,EAAEnS,QAAS,KAKbroB,EAAOw+B,cAAe,SAAU,SAAShE,GAGxC,GAAKA,EAAE0F,YAAc,CAEpB,GAAIsB,GACHE,EAAO9hC,EAAS8hC,MAAQ1hC,EAAO,QAAQ,IAAMJ,EAASE,eAEvD,QAECygC,KAAM,SAAUxwB,EAAG/K,GAElBw8B,EAAS5hC,EAASiJ,cAAc,UAEhC24B,EAAO73B,OAAQ,EAEV6wB,EAAEmH,gBACNH,EAAOI,QAAUpH,EAAEmH,eAGpBH,EAAOv7B,IAAMu0B,EAAE3F,IAGf2M,EAAOK,OAASL,EAAOM,mBAAqB,SAAU/xB,EAAGgyB,IAEnDA,IAAYP,EAAO5+B,YAAc,kBAAkBmB,KAAMy9B,EAAO5+B,eAGpE4+B,EAAOK,OAASL,EAAOM,mBAAqB,KAGvCN,EAAOp9B,YACXo9B,EAAOp9B,WAAW0N,YAAa0vB,GAIhCA,EAAS,KAGHO,GACL/8B,EAAU,IAAK,aAOlB08B,EAAKpP,aAAckP,EAAQE,EAAKruB,aAGjCwsB,MAAO,WACD2B,GACJA,EAAOK,OAAQtiC,GAAW,OAM/B,IAAIyiC,OACHC,GAAS,mBAGVjiC,GAAOq+B,WACN6D,MAAO,WACPC,cAAe,WACd,GAAIn9B,GAAWg9B,GAAa/zB,OAAWjO,EAAO0G,QAAU,IAAQ40B,IAEhE,OADAh4B,MAAM0B,IAAa,EACZA,KAKThF,EAAOu+B,cAAe,aAAc,SAAU/D,EAAG4H,EAAkB3F,GAElE,GAAI4F,GAAcC,EAAaC,EAC9BC,EAAWhI,EAAE0H,SAAU,IAAWD,GAAOl+B,KAAMy2B,EAAE3F,KAChD,MACkB,gBAAX2F,GAAE/xB,QAAwB+xB,EAAEmD,aAAe,IAAK98B,QAAQ,sCAAwCohC,GAAOl+B,KAAMy2B,EAAE/xB,OAAU,OAIlI,OAAK+5B,IAAiC,UAArBhI,EAAE8B,UAAW,IAG7B+F,EAAe7H,EAAE2H,cAAgBniC,EAAOiE,WAAYu2B,EAAE2H,eACrD3H,EAAE2H,gBACF3H,EAAE2H,cAGEK,EACJhI,EAAGgI,GAAahI,EAAGgI,GAAW37B,QAASo7B,GAAQ,KAAOI,GAC3C7H,EAAE0H,SAAU,IACvB1H,EAAE3F,MAAS0G,GAAYx3B,KAAMy2B,EAAE3F,KAAQ,IAAM,KAAQ2F,EAAE0H,MAAQ,IAAMG,GAItE7H,EAAEwD,WAAW,eAAiB,WAI7B,MAHMuE,IACLviC,EAAOsI,MAAO+5B,EAAe,mBAEvBE,EAAmB,IAI3B/H,EAAE8B,UAAW,GAAM,OAGnBgG,EAAchjC,EAAQ+iC,GACtB/iC,EAAQ+iC,GAAiB,WACxBE,EAAoBl9B,WAIrBo3B,EAAMre,OAAO,WAEZ9e,EAAQ+iC,GAAiBC,EAGpB9H,EAAG6H,KAEP7H,EAAE2H,cAAgBC,EAAiBD,cAGnCH,GAAavhC,KAAM4hC,IAIfE,GAAqBviC,EAAOiE,WAAYq+B,IAC5CA,EAAaC,EAAmB,IAGjCA,EAAoBD,EAAc/iC,IAI5B,UAtDR,GAyDD,IAAIkjC,IAAcC,GACjBC,GAAQ,EAERC,GAAmBtjC,EAAOoK,eAAiB,WAE1C,GAAIzB,EACJ,KAAMA,IAAOw6B,IACZA,GAAcx6B,GAAO1I,GAAW,GAKnC,SAASsjC,MACR,IACC,MAAO,IAAIvjC,GAAOwjC,eACjB,MAAO56B,KAGV,QAAS66B,MACR,IACC,MAAO,IAAIzjC,GAAOoK,cAAc,qBAC/B,MAAOxB,KAKVlI,EAAO06B,aAAasI,IAAM1jC,EAAOoK,cAOhC,WACC,OAAQpG,KAAKm6B,SAAWoF,MAAuBE,MAGhDF,GAGDH,GAAe1iC,EAAO06B,aAAasI,MACnChjC,EAAOmI,QAAQ86B,OAASP,IAAkB,mBAAqBA,IAC/DA,GAAe1iC,EAAOmI,QAAQ2sB,OAAS4N,GAGlCA,IAEJ1iC,EAAOw+B,cAAc,SAAUhE,GAE9B,IAAMA,EAAE0F,aAAelgC,EAAOmI,QAAQ86B,KAAO,CAE5C,GAAIj+B,EAEJ,QACCu7B,KAAM,SAAUF,EAASjD,GAGxB,GAAInU,GAAQxjB,EACXu9B,EAAMxI,EAAEwI,KAWT,IAPKxI,EAAE0I,SACNF,EAAIG,KAAM3I,EAAE73B,KAAM63B,EAAE3F,IAAK2F,EAAE7wB,MAAO6wB,EAAE0I,SAAU1I,EAAExhB,UAEhDgqB,EAAIG,KAAM3I,EAAE73B,KAAM63B,EAAE3F,IAAK2F,EAAE7wB,OAIvB6wB,EAAE4I,UACN,IAAM39B,IAAK+0B,GAAE4I,UACZJ,EAAKv9B,GAAM+0B,EAAE4I,UAAW39B,EAKrB+0B,GAAEmF,UAAYqD,EAAItD,kBACtBsD,EAAItD,iBAAkBlF,EAAEmF,UAQnBnF,EAAE0F,aAAgBG,EAAQ,sBAC/BA,EAAQ,oBAAsB,iBAI/B,KACC,IAAM56B,IAAK46B,GACV2C,EAAIxD,iBAAkB/5B,EAAG46B,EAAS56B,IAElC,MAAO2iB,IAKT4a,EAAIzC,KAAQ/F,EAAE2F,YAAc3F,EAAE/xB,MAAU,MAGxCzD,EAAW,SAAU+K,EAAGgyB,GACvB,GAAI1E,GAAQyB,EAAiBgB,EAAYW,CAKzC,KAGC,GAAKz7B,IAAc+8B,GAA8B,IAAnBiB,EAAIpgC,YAcjC,GAXAoC,EAAWzF,EAGN0pB,IACJ+Z,EAAIlB,mBAAqB9hC,EAAO8J,KAC3B84B,UACGH,IAAcxZ,IAKlB8Y,EAEoB,IAAnBiB,EAAIpgC,YACRogC,EAAInD,YAEC,CACNY,KACApD,EAAS2F,EAAI3F,OACbyB,EAAkBkE,EAAIzD,wBAIW,gBAArByD,GAAI7F,eACfsD,EAAUl2B,KAAOy4B,EAAI7F,aAKtB,KACC2C,EAAakD,EAAIlD,WAChB,MAAO53B,GAER43B,EAAa,GAQRzC,IAAU7C,EAAEiD,SAAYjD,EAAE0F,YAGT,OAAX7C,IACXA,EAAS,KAHTA,EAASoD,EAAUl2B,KAAO,IAAM,KAOlC,MAAO84B,GACFtB,GACL3E,EAAU,GAAIiG,GAKX5C,GACJrD,EAAUC,EAAQyC,EAAYW,EAAW3B,IAIrCtE,EAAE7wB,MAGuB,IAAnBq5B,EAAIpgC,WAGfyE,WAAYrC,IAEZikB,IAAW0Z,GACNC,KAGEH,KACLA,MACAziC,EAAQV,GAASgkC,OAAQV,KAG1BH,GAAcxZ,GAAWjkB,GAE1Bg+B,EAAIlB,mBAAqB98B,GAjBzBA,KAqBF66B,MAAO,WACD76B,GACJA,EAAUzF,GAAW,OAO3B,IAAIgkC,IAAOC,GACVC,GAAW,yBACXC,GAAaj1B,OAAQ,iBAAmBjN,EAAY,cAAe,KACnEmiC,GAAO,cACPC,IAAwBC,IACxBC,IACCjG,KAAM,SAAUjY,EAAMvb,GACrB,GAAI05B,GAAQzgC,KAAK0gC,YAAape,EAAMvb,GACnC9D,EAASw9B,EAAM3xB,MACf2nB,EAAQ2J,GAAOjgC,KAAM4G,GACrB45B,EAAOlK,GAASA,EAAO,KAAS/5B,EAAOw3B,UAAW5R,GAAS,GAAK,MAGhEhP,GAAU5W,EAAOw3B,UAAW5R,IAAmB,OAATqe,IAAkB19B,IACvDm9B,GAAOjgC,KAAMzD,EAAO82B,IAAKiN,EAAM1gC,KAAMuiB,IACtCse,EAAQ,EACRC,EAAgB,EAEjB,IAAKvtB,GAASA,EAAO,KAAQqtB,EAAO,CAEnCA,EAAOA,GAAQrtB,EAAO,GAGtBmjB,EAAQA,MAGRnjB,GAASrQ,GAAU,CAEnB,GAGC29B,GAAQA,GAAS,KAGjBttB,GAAgBstB,EAChBlkC,EAAO+L,MAAOg4B,EAAM1gC,KAAMuiB,EAAMhP,EAAQqtB,SAI/BC,KAAWA,EAAQH,EAAM3xB,MAAQ7L,IAAqB,IAAV29B,KAAiBC,GAaxE,MATKpK,KACJnjB,EAAQmtB,EAAMntB,OAASA,IAAUrQ,GAAU,EAC3Cw9B,EAAME,KAAOA,EAEbF,EAAMl+B,IAAMk0B,EAAO,GAClBnjB,GAAUmjB,EAAO,GAAM,GAAMA,EAAO,IACnCA,EAAO,IAGHgK,IAKV,SAASK,MAIR,MAHA/8B,YAAW,WACVk8B,GAAQhkC,IAEAgkC,GAAQvjC,EAAO0L,MAGzB,QAASs4B,IAAa35B,EAAOub,EAAMye,GAClC,GAAIN,GACHO,GAAeR,GAAUle,QAAerlB,OAAQujC,GAAU,MAC1DjmB,EAAQ,EACRra,EAAS8gC,EAAW9gC,MACrB,MAAgBA,EAARqa,EAAgBA,IACvB,GAAMkmB,EAAQO,EAAYzmB,GAAQrZ,KAAM6/B,EAAWze,EAAMvb,GAGxD,MAAO05B,GAKV,QAASQ,IAAWlhC,EAAMmhC,EAAYn+B,GACrC,GAAIgQ,GACHouB,EACA5mB,EAAQ,EACRra,EAASogC,GAAoBpgC,OAC7B6a,EAAWre,EAAOgM,WAAWoS,OAAQ,iBAE7BsmB,GAAKrhC,OAEbqhC,EAAO,WACN,GAAKD,EACJ,OAAO,CAER,IAAIE,GAAcpB,IAASa,KAC1B9kB,EAAY3Y,KAAKiE,IAAK,EAAGy5B,EAAUO,UAAYP,EAAUQ,SAAWF,GAEpElqB,EAAO6E,EAAY+kB,EAAUQ,UAAY,EACzCC,EAAU,EAAIrqB,EACdoD,EAAQ,EACRra,EAAS6gC,EAAUU,OAAOvhC,MAE3B,MAAgBA,EAARqa,EAAiBA,IACxBwmB,EAAUU,OAAQlnB,GAAQmnB,IAAKF,EAKhC,OAFAzmB,GAASqB,WAAYrc,GAAQghC,EAAWS,EAASxlB,IAElC,EAAVwlB,GAAethC,EACZ8b,GAEPjB,EAAS/W,YAAajE,GAAQghC,KACvB,IAGTA,EAAYhmB,EAASnZ,SACpB7B,KAAMA,EACNmoB,MAAOxrB,EAAOgG,UAAYw+B,GAC1BS,KAAMjlC,EAAOgG,QAAQ,GAAQk/B,kBAAqB7+B,GAClD8+B,mBAAoBX,EACpBhI,gBAAiBn2B,EACjBu+B,UAAWrB,IAASa,KACpBS,SAAUx+B,EAAQw+B,SAClBE,UACAf,YAAa,SAAUpe,EAAM/f,GAC5B,GAAIk+B,GAAQ/jC,EAAOolC,MAAO/hC,EAAMghC,EAAUY,KAAMrf,EAAM/f,EACpDw+B,EAAUY,KAAKC,cAAetf,IAAUye,EAAUY,KAAKI,OAEzD,OADAhB,GAAUU,OAAOtkC,KAAMsjC,GAChBA,GAERvf,KAAM,SAAU8gB,GACf,GAAIznB,GAAQ,EAGXra,EAAS8hC,EAAUjB,EAAUU,OAAOvhC,OAAS,CAC9C,IAAKihC,EACJ,MAAOnhC,KAGR,KADAmhC,GAAU,EACMjhC,EAARqa,EAAiBA,IACxBwmB,EAAUU,OAAQlnB,GAAQmnB,IAAK,EAUhC,OALKM,GACJjnB,EAAS/W,YAAajE,GAAQghC,EAAWiB,IAEzCjnB,EAASyiB,WAAYz9B,GAAQghC,EAAWiB,IAElChiC,QAGTkoB,EAAQ6Y,EAAU7Y,KAInB,KAFA+Z,GAAY/Z,EAAO6Y,EAAUY,KAAKC,eAElB1hC,EAARqa,EAAiBA,IAExB,GADAxH,EAASutB,GAAqB/lB,GAAQrZ,KAAM6/B,EAAWhhC,EAAMmoB,EAAO6Y,EAAUY,MAE7E,MAAO5uB,EAmBT,OAfArW,GAAO4F,IAAK4lB,EAAOwY,GAAaK,GAE3BrkC,EAAOiE,WAAYogC,EAAUY,KAAKruB,QACtCytB,EAAUY,KAAKruB,MAAMpS,KAAMnB,EAAMghC,GAGlCrkC,EAAO4kB,GAAG4gB,MACTxlC,EAAOgG,OAAQ0+B,GACdrhC,KAAMA,EACNoiC,KAAMpB,EACNngB,MAAOmgB,EAAUY,KAAK/gB,SAKjBmgB,EAAUtlB,SAAUslB,EAAUY,KAAKlmB,UACxC5Z,KAAMk/B,EAAUY,KAAK9/B,KAAMk/B,EAAUY,KAAK7H,UAC1C9e,KAAM+lB,EAAUY,KAAK3mB,MACrBF,OAAQimB,EAAUY,KAAK7mB,QAG1B,QAASmnB,IAAY/Z,EAAO0Z,GAC3B,GAAIrnB,GAAOzX,EAAMi/B,EAAQh7B,EAAOga,CAGhC,KAAMxG,IAAS2N,GAed,GAdAplB,EAAOpG,EAAOiK,UAAW4T,GACzBwnB,EAASH,EAAe9+B,GACxBiE,EAAQmhB,EAAO3N,GACV7d,EAAOyG,QAAS4D,KACpBg7B,EAASh7B,EAAO,GAChBA,EAAQmhB,EAAO3N,GAAUxT,EAAO,IAG5BwT,IAAUzX,IACdolB,EAAOplB,GAASiE,QACTmhB,GAAO3N,IAGfwG,EAAQrkB,EAAOs3B,SAAUlxB,GACpBie,GAAS,UAAYA,GAAQ,CACjCha,EAAQga,EAAMwV,OAAQxvB,SACfmhB,GAAOplB,EAId,KAAMyX,IAASxT,GACNwT,IAAS2N,KAChBA,EAAO3N,GAAUxT,EAAOwT,GACxBqnB,EAAernB,GAAUwnB,OAI3BH,GAAe9+B,GAASi/B,EAK3BrlC,EAAOukC,UAAYvkC,EAAOgG,OAAQu+B,IAEjCmB,QAAS,SAAUla,EAAOxmB,GACpBhF,EAAOiE,WAAYunB,IACvBxmB,EAAWwmB,EACXA,GAAU,MAEVA,EAAQA,EAAMlf,MAAM,IAGrB,IAAIsZ,GACH/H,EAAQ,EACRra,EAASgoB,EAAMhoB,MAEhB,MAAgBA,EAARqa,EAAiBA,IACxB+H,EAAO4F,EAAO3N,GACdimB,GAAUle,GAASke,GAAUle,OAC7Bke,GAAUle,GAAOjR,QAAS3P,IAI5B2gC,UAAW,SAAU3gC,EAAUqtB,GACzBA,EACJuR,GAAoBjvB,QAAS3P,GAE7B4+B,GAAoBnjC,KAAMuE,KAK7B,SAAS6+B,IAAkBxgC,EAAMmoB,EAAOyZ,GAEvC,GAAIrf,GAAMvb,EAAOgtB,EAAQ0M,EAAO1f,EAAOuhB,EACtCH,EAAOniC,KACPmqB,KACA1hB,EAAQ1I,EAAK0I,MACbkrB,EAAS5zB,EAAKQ,UAAY+yB,GAAUvzB,GACpCwiC,EAAW7lC,EAAO+jB,MAAO1gB,EAAM,SAG1B4hC,GAAK/gB,QACVG,EAAQrkB,EAAOskB,YAAajhB,EAAM,MACX,MAAlBghB,EAAMyhB,WACVzhB,EAAMyhB,SAAW,EACjBF,EAAUvhB,EAAM/L,MAAMkF,KACtB6G,EAAM/L,MAAMkF,KAAO,WACZ6G,EAAMyhB,UACXF,MAIHvhB,EAAMyhB,WAENL,EAAKrnB,OAAO,WAGXqnB,EAAKrnB,OAAO,WACXiG,EAAMyhB,WACA9lC,EAAOkkB,MAAO7gB,EAAM,MAAOG,QAChC6gB,EAAM/L,MAAMkF,YAOO,IAAlBna,EAAKQ,WAAoB,UAAY2nB,IAAS,SAAWA,MAK7DyZ,EAAKc,UAAah6B,EAAMg6B,SAAUh6B,EAAMi6B,UAAWj6B,EAAMk6B,WAIlB,WAAlCjmC,EAAO82B,IAAKzzB,EAAM,YACW,SAAhCrD,EAAO82B,IAAKzzB,EAAM,WAIbrD,EAAOmI,QAAQ4Y,wBAAkE,WAAxCmW,GAAoB7zB,EAAK8G,UAIvE4B,EAAMyW,KAAO,EAHbzW,EAAMuW,QAAU,iBAQd2iB,EAAKc,WACTh6B,EAAMg6B,SAAW,SACX/lC,EAAOmI,QAAQ6Y,kBACpBykB,EAAKrnB,OAAO,WACXrS,EAAMg6B,SAAWd,EAAKc,SAAU,GAChCh6B,EAAMi6B,UAAYf,EAAKc,SAAU,GACjCh6B,EAAMk6B,UAAYhB,EAAKc,SAAU,KAOpC,KAAMngB,IAAQ4F,GAEb,GADAnhB,EAAQmhB,EAAO5F,GACV6d,GAAShgC,KAAM4G,GAAU,CAG7B,SAFOmhB,GAAO5F,GACdyR,EAASA,GAAoB,WAAVhtB,EACdA,KAAY4sB,EAAS,OAAS,QAClC,QAEDxJ,GAAM7H,GAASigB,GAAYA,EAAUjgB,IAAU5lB,EAAO+L,MAAO1I,EAAMuiB,GAIrE,IAAM5lB,EAAOqI,cAAeolB,GAAS,CAC/BoY,EACC,UAAYA,KAChB5O,EAAS4O,EAAS5O,QAGnB4O,EAAW7lC,EAAO+jB,MAAO1gB,EAAM,aAI3Bg0B,IACJwO,EAAS5O,QAAUA,GAEfA,EACJj3B,EAAQqD,GAAO2zB,OAEfyO,EAAKtgC,KAAK,WACTnF,EAAQqD,GAAO+zB,SAGjBqO,EAAKtgC,KAAK,WACT,GAAIygB,EACJ5lB,GAAOgkB,YAAa3gB,EAAM,SAC1B,KAAMuiB,IAAQ6H,GACbztB,EAAO+L,MAAO1I,EAAMuiB,EAAM6H,EAAM7H,KAGlC,KAAMA,IAAQ6H,GACbsW,EAAQC,GAAa/M,EAAS4O,EAAUjgB,GAAS,EAAGA,EAAM6f,GAElD7f,IAAQigB,KACfA,EAAUjgB,GAASme,EAAMntB,MACpBqgB,IACJ8M,EAAMl+B,IAAMk+B,EAAMntB,MAClBmtB,EAAMntB,MAAiB,UAATgP,GAA6B,WAATA,EAAoB,EAAI,KAO/D,QAASwf,IAAO/hC,EAAMgD,EAASuf,EAAM/f,EAAKw/B,GACzC,MAAO,IAAID,IAAMniC,UAAU1B,KAAM8B,EAAMgD,EAASuf,EAAM/f,EAAKw/B,GAE5DrlC,EAAOolC,MAAQA,GAEfA,GAAMniC,WACLE,YAAaiiC,GACb7jC,KAAM,SAAU8B,EAAMgD,EAASuf,EAAM/f,EAAKw/B,EAAQpB,GACjD3gC,KAAKD,KAAOA,EACZC,KAAKsiB,KAAOA,EACZtiB,KAAK+hC,OAASA,GAAU,QACxB/hC,KAAK+C,QAAUA,EACf/C,KAAKsT,MAAQtT,KAAKoI,IAAMpI,KAAK8O,MAC7B9O,KAAKuC,IAAMA,EACXvC,KAAK2gC,KAAOA,IAAUjkC,EAAOw3B,UAAW5R,GAAS,GAAK,OAEvDxT,IAAK,WACJ,GAAIiS,GAAQ+gB,GAAMhe,UAAW9jB,KAAKsiB,KAElC,OAAOvB,IAASA,EAAM5f,IACrB4f,EAAM5f,IAAKnB,MACX8hC,GAAMhe,UAAUqD,SAAShmB,IAAKnB,OAEhC0hC,IAAK,SAAUF,GACd,GAAIoB,GACH7hB,EAAQ+gB,GAAMhe,UAAW9jB,KAAKsiB,KAoB/B,OAjBCtiB,MAAK2rB,IAAMiX,EADP5iC,KAAK+C,QAAQw+B,SACE7kC,EAAOqlC,OAAQ/hC,KAAK+hC,QACtCP,EAASxhC,KAAK+C,QAAQw+B,SAAWC,EAAS,EAAG,EAAGxhC,KAAK+C,QAAQw+B,UAG3CC,EAEpBxhC,KAAKoI,KAAQpI,KAAKuC,IAAMvC,KAAKsT,OAAUsvB,EAAQ5iC,KAAKsT,MAE/CtT,KAAK+C,QAAQ8/B,MACjB7iC,KAAK+C,QAAQ8/B,KAAK3hC,KAAMlB,KAAKD,KAAMC,KAAKoI,IAAKpI,MAGzC+gB,GAASA,EAAMoC,IACnBpC,EAAMoC,IAAKnjB,MAEX8hC,GAAMhe,UAAUqD,SAAShE,IAAKnjB,MAExBA,OAIT8hC,GAAMniC,UAAU1B,KAAK0B,UAAYmiC,GAAMniC,UAEvCmiC,GAAMhe,WACLqD,UACChmB,IAAK,SAAUs/B,GACd,GAAI1tB,EAEJ,OAAiC,OAA5B0tB,EAAM1gC,KAAM0gC,EAAMne,OACpBme,EAAM1gC,KAAK0I,OAA2C,MAAlCg4B,EAAM1gC,KAAK0I,MAAOg4B,EAAMne,OAQ/CvP,EAASrW,EAAO82B,IAAKiN,EAAM1gC,KAAM0gC,EAAMne,KAAM,IAErCvP,GAAqB,SAAXA,EAAwBA,EAAJ,GAT9B0tB,EAAM1gC,KAAM0gC,EAAMne,OAW3Ba,IAAK,SAAUsd,GAGT/jC,EAAO4kB,GAAGuhB,KAAMpC,EAAMne,MAC1B5lB,EAAO4kB,GAAGuhB,KAAMpC,EAAMne,MAAQme,GACnBA,EAAM1gC,KAAK0I,QAAgE,MAArDg4B,EAAM1gC,KAAK0I,MAAO/L,EAAOg4B,SAAU+L,EAAMne,QAAoB5lB,EAAOs3B,SAAUyM,EAAMne,OACrH5lB,EAAO+L,MAAOg4B,EAAM1gC,KAAM0gC,EAAMne,KAAMme,EAAMr4B,IAAMq4B,EAAME,MAExDF,EAAM1gC,KAAM0gC,EAAMne,MAASme,EAAMr4B,OASrC05B,GAAMhe,UAAUmF,UAAY6Y,GAAMhe,UAAU+E,YAC3C1F,IAAK,SAAUsd,GACTA,EAAM1gC,KAAKQ,UAAYkgC,EAAM1gC,KAAKe,aACtC2/B,EAAM1gC,KAAM0gC,EAAMne,MAASme,EAAMr4B,OAKpC1L,EAAO+E,MAAO,SAAU,OAAQ,QAAU,SAAUU,EAAGW,GACtD,GAAIggC,GAAQpmC,EAAOsB,GAAI8E,EACvBpG,GAAOsB,GAAI8E,GAAS,SAAUigC,EAAOhB,EAAQrgC,GAC5C,MAAgB,OAATqhC,GAAkC,iBAAVA,GAC9BD,EAAMhhC,MAAO9B,KAAM+B,WACnB/B,KAAKgjC,QAASC,GAAOngC,GAAM,GAAQigC,EAAOhB,EAAQrgC,MAIrDhF,EAAOsB,GAAG0E,QACTwgC,OAAQ,SAAUH,EAAOI,EAAIpB,EAAQrgC,GAGpC,MAAO1B,MAAKkQ,OAAQojB,IAAWE,IAAK,UAAW,GAAIE,OAGjDnxB,MAAMygC,SAAU/lB,QAASkmB,GAAMJ,EAAOhB,EAAQrgC,IAEjDshC,QAAS,SAAU1gB,EAAMygB,EAAOhB,EAAQrgC,GACvC,GAAIsT,GAAQtY,EAAOqI,cAAeud,GACjC8gB,EAAS1mC,EAAOqmC,MAAOA,EAAOhB,EAAQrgC,GACtC2hC,EAAc,WAEb,GAAIlB,GAAOlB,GAAWjhC,KAAMtD,EAAOgG,UAAY4f,GAAQ8gB,IAGlDpuB,GAAStY,EAAO+jB,MAAOzgB,KAAM,YACjCmiC,EAAKjhB,MAAM,GAKd,OAFCmiB,GAAYC,OAASD,EAEfruB,GAASouB,EAAOxiB,SAAU,EAChC5gB,KAAKyB,KAAM4hC,GACXrjC,KAAK4gB,MAAOwiB,EAAOxiB,MAAOyiB,IAE5BniB,KAAM,SAAU7hB,EAAMqiB,EAAYsgB,GACjC,GAAIuB,GAAY,SAAUxiB,GACzB,GAAIG,GAAOH,EAAMG,WACVH,GAAMG,KACbA,EAAM8gB,GAYP,OATqB,gBAAT3iC,KACX2iC,EAAUtgB,EACVA,EAAariB,EACbA,EAAOpD,GAEHylB,GAAcriB,KAAS,GAC3BW,KAAK4gB,MAAOvhB,GAAQ,SAGdW,KAAKyB,KAAK,WAChB,GAAIof,IAAU,EACbtG,EAAgB,MAARlb,GAAgBA,EAAO,aAC/BmkC,EAAS9mC,EAAO8mC,OAChBr+B,EAAOzI,EAAO+jB,MAAOzgB,KAEtB,IAAKua,EACCpV,EAAMoV,IAAWpV,EAAMoV,GAAQ2G,MACnCqiB,EAAWp+B,EAAMoV,QAGlB,KAAMA,IAASpV,GACTA,EAAMoV,IAAWpV,EAAMoV,GAAQ2G,MAAQmf,GAAK5/B,KAAM8Z,IACtDgpB,EAAWp+B,EAAMoV,GAKpB,KAAMA,EAAQipB,EAAOtjC,OAAQqa,KACvBipB,EAAQjpB,GAAQxa,OAASC,MAAiB,MAARX,GAAgBmkC,EAAQjpB,GAAQqG,QAAUvhB,IAChFmkC,EAAQjpB,GAAQ4nB,KAAKjhB,KAAM8gB,GAC3BnhB,GAAU,EACV2iB,EAAO/gC,OAAQ8X,EAAO,KAOnBsG,IAAYmhB,IAChBtlC,EAAOmkB,QAAS7gB,KAAMX,MAIzBikC,OAAQ,SAAUjkC,GAIjB,MAHKA,MAAS,IACbA,EAAOA,GAAQ,MAETW,KAAKyB,KAAK,WAChB,GAAI8Y,GACHpV,EAAOzI,EAAO+jB,MAAOzgB,MACrB4gB,EAAQzb,EAAM9F,EAAO,SACrB0hB,EAAQ5b,EAAM9F,EAAO,cACrBmkC,EAAS9mC,EAAO8mC,OAChBtjC,EAAS0gB,EAAQA,EAAM1gB,OAAS,CAajC,KAVAiF,EAAKm+B,QAAS,EAGd5mC,EAAOkkB,MAAO5gB,KAAMX,MAEf0hB,GAASA,EAAMG,MACnBH,EAAMG,KAAKhgB,KAAMlB,MAAM,GAIlBua,EAAQipB,EAAOtjC,OAAQqa,KACvBipB,EAAQjpB,GAAQxa,OAASC,MAAQwjC,EAAQjpB,GAAQqG,QAAUvhB,IAC/DmkC,EAAQjpB,GAAQ4nB,KAAKjhB,MAAM,GAC3BsiB,EAAO/gC,OAAQ8X,EAAO,GAKxB,KAAMA,EAAQ,EAAWra,EAARqa,EAAgBA,IAC3BqG,EAAOrG,IAAWqG,EAAOrG,GAAQ+oB,QACrC1iB,EAAOrG,GAAQ+oB,OAAOpiC,KAAMlB,YAKvBmF,GAAKm+B,WAMf,SAASL,IAAO5jC,EAAMokC,GACrB,GAAInb,GACH5Z,GAAUg1B,OAAQrkC,GAClB8C,EAAI,CAKL,KADAshC,EAAeA,EAAc,EAAI,EACtB,EAAJthC,EAAQA,GAAK,EAAIshC,EACvBnb,EAAQ2K,GAAW9wB,GACnBuM,EAAO,SAAW4Z,GAAU5Z,EAAO,UAAY4Z,GAAUjpB,CAO1D,OAJKokC,KACJ/0B,EAAMuO,QAAUvO,EAAM4Q,MAAQjgB,GAGxBqP,EAIRhS,EAAO+E,MACNkiC,UAAWV,GAAM,QACjBW,QAASX,GAAM,QACfY,YAAaZ,GAAM,UACnBa,QAAU7mB,QAAS,QACnB8mB,SAAW9mB,QAAS,QACpB+mB,YAAc/mB,QAAS,WACrB,SAAUna,EAAMolB,GAClBxrB,EAAOsB,GAAI8E,GAAS,SAAUigC,EAAOhB,EAAQrgC,GAC5C,MAAO1B,MAAKgjC,QAAS9a,EAAO6a,EAAOhB,EAAQrgC,MAI7ChF,EAAOqmC,MAAQ,SAAUA,EAAOhB,EAAQ/jC,GACvC,GAAIwe,GAAMumB,GAA0B,gBAAVA,GAAqBrmC,EAAOgG,UAAYqgC,IACjEjJ,SAAU97B,IAAOA,GAAM+jC,GACtBrlC,EAAOiE,WAAYoiC,IAAWA,EAC/BxB,SAAUwB,EACVhB,OAAQ/jC,GAAM+jC,GAAUA,IAAWrlC,EAAOiE,WAAYohC,IAAYA,EAwBnE,OArBAvlB,GAAI+kB,SAAW7kC,EAAO4kB,GAAGpd,IAAM,EAA4B,gBAAjBsY,GAAI+kB,SAAwB/kB,EAAI+kB,SACzE/kB,EAAI+kB,WAAY7kC,GAAO4kB,GAAGC,OAAS7kB,EAAO4kB,GAAGC,OAAQ/E,EAAI+kB,UAAa7kC,EAAO4kB,GAAGC,OAAO4F,UAGtE,MAAb3K,EAAIoE,OAAiBpE,EAAIoE,SAAU,KACvCpE,EAAIoE,MAAQ,MAIbpE,EAAIhU,IAAMgU,EAAIsd,SAEdtd,EAAIsd,SAAW,WACTp9B,EAAOiE,WAAY6b,EAAIhU,MAC3BgU,EAAIhU,IAAItH,KAAMlB,MAGVwc,EAAIoE,OACRlkB,EAAOmkB,QAAS7gB,KAAMwc,EAAIoE,QAIrBpE,GAGR9f,EAAOqlC,QACNkC,OAAQ,SAAUC,GACjB,MAAOA,IAERC,MAAO,SAAUD,GAChB,MAAO,GAAM7gC,KAAK+gC,IAAKF,EAAE7gC,KAAKghC,IAAO,IAIvC3nC,EAAO8mC,UACP9mC,EAAO4kB,GAAKwgB,GAAMniC,UAAU1B,KAC5BvB,EAAO4kB,GAAG8f,KAAO,WAChB,GAAIc,GACHsB,EAAS9mC,EAAO8mC,OAChBrhC,EAAI,CAIL,KAFA89B,GAAQvjC,EAAO0L,MAEHo7B,EAAOtjC,OAAXiC,EAAmBA,IAC1B+/B,EAAQsB,EAAQrhC,GAEV+/B,KAAWsB,EAAQrhC,KAAQ+/B,GAChCsB,EAAO/gC,OAAQN,IAAK,EAIhBqhC,GAAOtjC,QACZxD,EAAO4kB,GAAGJ,OAEX+e,GAAQhkC,GAGTS,EAAO4kB,GAAG4gB,MAAQ,SAAUA,GACtBA,KAAWxlC,EAAO8mC,OAAOrmC,KAAM+kC,IACnCxlC,EAAO4kB,GAAGhO,SAIZ5W,EAAO4kB,GAAGgjB,SAAW,GAErB5nC,EAAO4kB,GAAGhO,MAAQ,WACX4sB,KACLA,GAAUqE,YAAa7nC,EAAO4kB,GAAG8f,KAAM1kC,EAAO4kB,GAAGgjB,YAInD5nC,EAAO4kB,GAAGJ,KAAO,WAChBsjB,cAAetE,IACfA,GAAU,MAGXxjC,EAAO4kB,GAAGC,QACTkjB,KAAM,IACNC,KAAM,IAENvd,SAAU,KAIXzqB,EAAO4kB,GAAGuhB,QAELnmC,EAAO4U,MAAQ5U,EAAO4U,KAAKwE,UAC/BpZ,EAAO4U,KAAKwE,QAAQ6uB,SAAW,SAAU5kC,GACxC,MAAOrD,GAAO+K,KAAK/K,EAAO8mC,OAAQ,SAAUxlC,GAC3C,MAAO+B,KAAS/B,EAAG+B,OACjBG,SAGLxD,EAAOsB,GAAG4mC,OAAS,SAAU7hC,GAC5B,GAAKhB,UAAU7B,OACd,MAAO6C,KAAY9G,EAClB+D,KACAA,KAAKyB,KAAK,SAAUU,GACnBzF,EAAOkoC,OAAOC,UAAW7kC,KAAM+C,EAASZ,IAI3C,IAAI5F,GAASuoC,EACZC,GAAQn8B,IAAK,EAAGssB,KAAM,GACtBn1B,EAAOC,KAAM,GACbwP,EAAMzP,GAAQA,EAAKS,aAEpB,IAAMgP,EAON,MAHAjT,GAAUiT,EAAIhT,gBAGRE,EAAOmN,SAAUtN,EAASwD,UAMpBA,GAAKilC,wBAA0B5oC,IAC1C2oC,EAAMhlC,EAAKilC,yBAEZF,EAAMG,GAAWz1B,IAEhB5G,IAAKm8B,EAAIn8B,KAASk8B,EAAII,aAAe3oC,EAAQ0sB,YAAiB1sB,EAAQ2sB,WAAc,GACpFgM,KAAM6P,EAAI7P,MAAS4P,EAAIK,aAAe5oC,EAAQssB,aAAiBtsB,EAAQusB,YAAc,KAX9Eic,GAeTroC,EAAOkoC,QAENC,UAAW,SAAU9kC,EAAMgD,EAASZ,GACnC,GAAIywB,GAAWl2B,EAAO82B,IAAKzzB,EAAM,WAGf,YAAb6yB,IACJ7yB,EAAK0I,MAAMmqB,SAAW,WAGvB,IAAIwS,GAAU1oC,EAAQqD,GACrBslC,EAAYD,EAAQR,SACpBU,EAAY5oC,EAAO82B,IAAKzzB,EAAM,OAC9BwlC,EAAa7oC,EAAO82B,IAAKzzB,EAAM,QAC/BylC,GAAmC,aAAb5S,GAAwC,UAAbA,IAA0Bl2B,EAAO2K,QAAQ,QAASi+B,EAAWC,IAAe,GAC7Hrd,KAAYud,KAAkBC,EAAQC,CAGlCH,IACJC,EAAcL,EAAQxS,WACtB8S,EAASD,EAAY78B,IACrB+8B,EAAUF,EAAYvQ,OAEtBwQ,EAASlhC,WAAY8gC,IAAe,EACpCK,EAAUnhC,WAAY+gC,IAAgB,GAGlC7oC,EAAOiE,WAAYoC,KACvBA,EAAUA,EAAQ7B,KAAMnB,EAAMoC,EAAGkjC,IAGd,MAAftiC,EAAQ6F,MACZsf,EAAMtf,IAAQ7F,EAAQ6F,IAAMy8B,EAAUz8B,IAAQ88B,GAE1B,MAAhB3iC,EAAQmyB,OACZhN,EAAMgN,KAASnyB,EAAQmyB,KAAOmQ,EAAUnQ,KAASyQ,GAG7C,SAAW5iC,GACfA,EAAQ6iC,MAAM1kC,KAAMnB,EAAMmoB,GAE1Bkd,EAAQ5R,IAAKtL,KAMhBxrB,EAAOsB,GAAG0E,QAETkwB,SAAU,WACT,GAAM5yB,KAAM,GAAZ,CAIA,GAAI6lC,GAAcjB,EACjBkB,GAAiBl9B,IAAK,EAAGssB,KAAM,GAC/Bn1B,EAAOC,KAAM,EAwBd,OArBwC,UAAnCtD,EAAO82B,IAAKzzB,EAAM,YAEtB6kC,EAAS7kC,EAAKilC,yBAGda,EAAe7lC,KAAK6lC,eAGpBjB,EAAS5kC,KAAK4kC,SACRloC,EAAOmK,SAAUg/B,EAAc,GAAK,UACzCC,EAAeD,EAAajB,UAI7BkB,EAAal9B,KAAQlM,EAAO82B,IAAKqS,EAAc,GAAK,kBAAkB,GACtEC,EAAa5Q,MAAQx4B,EAAO82B,IAAKqS,EAAc,GAAK,mBAAmB,KAOvEj9B,IAAMg8B,EAAOh8B,IAAOk9B,EAAal9B,IAAMlM,EAAO82B,IAAKzzB,EAAM,aAAa,GACtEm1B,KAAM0P,EAAO1P,KAAO4Q,EAAa5Q,KAAOx4B,EAAO82B,IAAKzzB,EAAM,cAAc,MAI1E8lC,aAAc,WACb,MAAO7lC,MAAKsC,IAAI,WACf,GAAIujC,GAAe7lC,KAAK6lC,cAAgBtpC,CACxC,OAAQspC,IAAmBnpC,EAAOmK,SAAUg/B,EAAc,SAAsD,WAA1CnpC,EAAO82B,IAAKqS,EAAc,YAC/FA,EAAeA,EAAaA,YAE7B,OAAOA,IAAgBtpC,OAO1BG,EAAO+E,MAAOonB,WAAY,cAAeI,UAAW,eAAgB,SAAU0T,EAAQra,GACrF,GAAI1Z,GAAM,IAAInI,KAAM6hB,EAEpB5lB,GAAOsB,GAAI2+B,GAAW,SAAUnrB,GAC/B,MAAO9U,GAAOqL,OAAQ/H,KAAM,SAAUD,EAAM48B,EAAQnrB,GACnD,GAAIszB,GAAMG,GAAWllC,EAErB,OAAKyR,KAAQvV,EACL6oC,EAAOxiB,IAAQwiB,GAAOA,EAAKxiB,GACjCwiB,EAAIxoC,SAASE,gBAAiBmgC,GAC9B58B,EAAM48B,IAGHmI,EACJA,EAAIiB,SACFn9B,EAAYlM,EAAQooC,GAAMjc,aAApBrX,EACP5I,EAAM4I,EAAM9U,EAAQooC,GAAM7b,aAI3BlpB,EAAM48B,GAAWnrB,EAPlB,IASEmrB,EAAQnrB,EAAKzP,UAAU7B,OAAQ,QAIpC,SAAS+kC,IAAWllC,GACnB,MAAOrD,GAAO2H,SAAUtE,GACvBA,EACkB,IAAlBA,EAAKQ,SACJR,EAAK2P,aAAe3P,EAAKgnB,cACzB,EAGHrqB,EAAO+E,MAAQukC,OAAQ,SAAUC,MAAO,SAAW,SAAUnjC,EAAMzD,GAClE3C,EAAO+E,MAAQ00B,QAAS,QAAUrzB,EAAMktB,QAAS3wB,EAAM,GAAI,QAAUyD,GAAQ,SAAUojC,EAAcC,GAEpGzpC,EAAOsB,GAAImoC,GAAa,SAAUjQ,EAAQnvB,GACzC,GAAIiB,GAAYjG,UAAU7B,SAAYgmC,GAAkC,iBAAXhQ,IAC5DtB,EAAQsR,IAAkBhQ,KAAW,GAAQnvB,KAAU,EAAO,SAAW,SAE1E,OAAOrK,GAAOqL,OAAQ/H,KAAM,SAAUD,EAAMV,EAAM0H,GACjD,GAAIyI,EAEJ,OAAK9S,GAAO2H,SAAUtE,GAIdA,EAAKzD,SAASE,gBAAiB,SAAWsG,GAI3B,IAAlB/C,EAAKQ,UACTiP,EAAMzP,EAAKvD,gBAIJ6G,KAAKiE,IACXvH,EAAK+D,KAAM,SAAWhB,GAAQ0M,EAAK,SAAW1M,GAC9C/C,EAAK+D,KAAM,SAAWhB,GAAQ0M,EAAK,SAAW1M,GAC9C0M,EAAK,SAAW1M,KAIXiE,IAAU9K,EAEhBS,EAAO82B,IAAKzzB,EAAMV,EAAMu1B,GAGxBl4B,EAAO+L,MAAO1I,EAAMV,EAAM0H,EAAO6tB,IAChCv1B,EAAM2I,EAAYkuB,EAASj6B,EAAW+L,EAAW,WAQvDtL,EAAOsB,GAAGooC,KAAO,WAChB,MAAOpmC,MAAKE,QAGbxD,EAAOsB,GAAGqoC,QAAU3pC,EAAOsB,GAAG6tB,QAGP,gBAAXya,SAAuBA,QAAoC,gBAAnBA,QAAOC,QAK1DD,OAAOC,QAAU7pC,GAGjBV,EAAOU,OAASV,EAAOY,EAAIF,EASJ,kBAAX8pC,SAAyBA,OAAOC,KAC3CD,OAAQ,YAAc,WAAc,MAAO9pC,QAIzCV"}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/snapscreen/UEditorSnapscreen.exe b/nezha-fronted/static/ueditor-1.4.3.3/third-party/snapscreen/UEditorSnapscreen.exe
new file mode 100644
index 000000000..db6850845
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/third-party/snapscreen/UEditorSnapscreen.exe differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.eot b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.eot
new file mode 100644
index 000000000..a075c19f0
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.eot differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.svg b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.svg
new file mode 100644
index 000000000..f1af0e53b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="16"></iconset>
+</metadata>
+<defs>
+<font id="VideoJS" horiz-adv-x="512" >
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+<glyph unicode="&#xe002;" d="M 64,416L 224,416L 224,32L 64,32zM 288,416L 448,416L 448,32L 288,32z"  />
+<glyph unicode="&#xe003;" d="M 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z"  />
+<glyph unicode="&#xe004;" d="M 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z"  />
+<glyph unicode="&#xe005;" d="M 359.765,64.235c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0,33.941
+		c 65.503,65.503, 65.503,172.085,0,237.588c-9.372,9.373-9.372,24.569,0,33.941c 9.372,9.371, 24.569,9.372, 33.941,0
+		C 417.532,335.938, 440,281.696, 440,224c0-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z"  />
+<glyph unicode="&#xe006;" d="M 445.020,18.98c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.373-9.372,24.568,0,33.941
+		C 471.868,103.771, 496.001,162.030, 496.001,224c0,61.969-24.133,120.229-67.952,164.049c-9.372,9.373-9.372,24.569,0,33.941
+		c 9.372,9.372, 24.569,9.372, 33.941,0c 52.885-52.886, 82.011-123.2, 82.011-197.99c0-74.791-29.126-145.104-82.011-197.99
+		C 457.304,21.323, 451.162,18.98, 445.020,18.98zM 359.765,64.235c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0,33.941
+		c 65.503,65.503, 65.503,172.085,0,237.588c-9.372,9.373-9.372,24.569,0,33.941c 9.372,9.371, 24.569,9.372, 33.941,0
+		C 417.532,335.938, 440,281.696, 440,224c0-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z" horiz-adv-x="544"  />
+<glyph unicode="&#xe007;" d="M 256,480L 96,224L 256-32L 416,224 z"  />
+<glyph unicode="&#xe008;" d="M 0,480 L 687.158,480 L 687.158-35.207 L 0-35.207 L 0,480 z M 622.731,224.638 C 621.878,314.664 618.46,353.922 597.131,381.656 C 593.291,387.629 586.038,391.042 580.065,395.304 C 559.158,410.669 460.593,416.211 346.247,416.211 C 231.896,416.211 128.642,410.669 108.162,395.304 C 101.762,391.042 94.504,387.629 90.242,381.656 C 69.331,353.922 66.349,314.664 65.069,224.638 C 66.349,134.607 69.331,95.353 90.242,67.62 C 94.504,61.22 101.762,58.233 108.162,53.967 C 128.642,38.18 231.896,33.060 346.247,32.207 C 460.593,33.060 559.158,38.18 580.065,53.967 C 586.038,58.233 593.291,61.22 597.131,67.62 C 618.46,95.353 621.878,134.607 622.731,224.638 z M 331.179,247.952 C 325.389,318.401 287.924,359.905 220.901,359.905 C 159.672,359.905 111.54,304.689 111.54,215.965 C 111.54,126.859 155.405,71.267 227.907,71.267 C 285.79,71.267 326.306,113.916 332.701,184.742 L 263.55,184.742 C 260.81,158.468 249.843,138.285 226.69,138.285 C 190.136,138.285 183.435,174.462 183.435,212.92 C 183.435,265.854 198.665,292.886 223.951,292.886 C 246.492,292.886 260.81,276.511 262.939,247.952 L 331.179,247.952 z M 570.013,247.952 C 564.228,318.401 526.758,359.905 459.74,359.905 C 398.507,359.905 350.379,304.689 350.379,215.965 C 350.379,126.859 394.244,71.267 466.746,71.267 C 524.625,71.267 565.14,113.916 571.536,184.742 L 502.384,184.742 C 499.649,158.468 488.682,138.285 465.529,138.285 C 428.971,138.285 422.27,174.462 422.27,212.92 C 422.27,265.854 437.504,292.886 462.785,292.886 C 485.327,292.886 499.649,276.511 501.778,247.952 L 570.013,247.952 z " horiz-adv-x="687.158"  />
+<glyph unicode="&#xe009;" d="M 64,416L 448,416L 448,32L 64,32z"  />
+<glyph unicode="&#xe00a;" d="M 192,416A64,64 12780 1 1 320,416A64,64 12780 1 1 192,416zM 327.765,359.765A64,64 12780 1 1 455.765,359.765A64,64 12780 1 1 327.765,359.765zM 416,224A32,32 12780 1 1 480,224A32,32 12780 1 1 416,224zM 359.765,88.235A32,32 12780 1 1 423.765,88.23500000000001A32,32 12780 1 1 359.765,88.23500000000001zM 224.001,32A32,32 12780 1 1 288.001,32A32,32 12780 1 1 224.001,32zM 88.236,88.235A32,32 12780 1 1 152.236,88.23500000000001A32,32 12780 1 1 88.236,88.23500000000001zM 72.236,359.765A48,48 12780 1 1 168.236,359.765A48,48 12780 1 1 72.236,359.765zM 28,224A36,36 12780 1 1 100,224A36,36 12780 1 1 28,224z"  />
+<glyph unicode="&#xe00b;" d="M 224,192 L 224-16 L 144,64 L 48-32 L 0,16 L 96,112 L 16,192 ZM 512,432 L 416,336 L 496,256 L 288,256 L 288,464 L 368,384 L 464,480 Z"  />
+<glyph unicode="&#xe00c;" d="M 256,448 C 397.385,448 512,354.875 512,240 C 512,125.124 397.385,32 256,32 C 242.422,32 229.095,32.867 216.088,34.522 C 161.099-20.467 95.463-30.328 32-31.776 L 32-18.318 C 66.268-1.529 96,29.052 96,64 C 96,68.877 95.621,73.665 94.918,78.348 C 37.020,116.48 0,174.725 0,240 C 0,354.875 114.615,448 256,448 Z"  />
+<glyph unicode="&#xe00d;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 256,352
+	c 70.692,0, 128-57.308, 128-128s-57.308-128-128-128s-128,57.308-128,128S 185.308,352, 256,352z M 408.735,71.265
+	C 367.938,30.468, 313.695,8, 256,8c-57.696,0-111.938,22.468-152.735,63.265C 62.468,112.062, 40,166.304, 40,224
+	c0,57.695, 22.468,111.938, 63.265,152.735l 33.941-33.941c0,0,0,0,0,0c-65.503-65.503-65.503-172.085,0-237.588
+	C 168.937,73.475, 211.125,56, 256,56c 44.874,0, 87.062,17.475, 118.794,49.206c 65.503,65.503, 65.503,172.084,0,237.588l 33.941,33.941
+	C 449.532,335.938, 472,281.695, 472,224C 472,166.304, 449.532,112.062, 408.735,71.265z"  />
+<glyph unicode="&#xe01e;" d="M 512,224c-0.639,33.431-7.892,66.758-21.288,97.231c-13.352,30.5-32.731,58.129-56.521,80.96
+	c-23.776,22.848-51.972,40.91-82.492,52.826C 321.197,466.979, 288.401,472.693, 256,472c-32.405-0.641-64.666-7.687-94.167-20.678
+	c-29.524-12.948-56.271-31.735-78.367-54.788c-22.112-23.041-39.58-50.354-51.093-79.899C 20.816,287.104, 15.309,255.375, 16,224
+	c 0.643-31.38, 7.482-62.574, 20.067-91.103c 12.544-28.55, 30.738-54.414, 53.055-75.774c 22.305-21.377, 48.736-38.252, 77.307-49.36
+	C 194.988-3.389, 225.652-8.688, 256-8c 30.354,0.645, 60.481,7.277, 88.038,19.457c 27.575,12.141, 52.558,29.74, 73.183,51.322
+	c 20.641,21.57, 36.922,47.118, 47.627,74.715c 6.517,16.729, 10.94,34.2, 13.271,51.899c 0.623-0.036, 1.249-0.060, 1.881-0.060
+	c 17.673,0, 32,14.326, 32,32c0,0.898-0.047,1.786-0.119,2.666L 512,223.999 z M 461.153,139.026c-11.736-26.601-28.742-50.7-49.589-70.59
+	c-20.835-19.905-45.5-35.593-72.122-45.895C 312.828,12.202, 284.297,7.315, 256,8c-28.302,0.649-56.298,6.868-81.91,18.237
+	c-25.625,11.333-48.842,27.745-67.997,47.856c-19.169,20.099-34.264,43.882-44.161,69.529C 51.997,169.264, 47.318,196.729, 48,224
+	c 0.651,27.276, 6.664,54.206, 17.627,78.845c 10.929,24.65, 26.749,46.985, 46.123,65.405c 19.365,18.434, 42.265,32.935, 66.937,42.428
+	C 203.356,420.208, 229.755,424.681, 256,424c 26.25-0.653, 52.114-6.459, 75.781-17.017c 23.676-10.525, 45.128-25.751, 62.812-44.391
+	c 17.698-18.629, 31.605-40.647, 40.695-64.344C 444.412,274.552, 448.679,249.219, 448,224l 0.119,0 c-0.072-0.88-0.119-1.768-0.119-2.666
+	c0-16.506, 12.496-30.087, 28.543-31.812C 473.431,172.111, 468.278,155.113, 461.153,139.026z"  />
+<glyph unicode="&#xe01f;" d="M 256,480 C 116.626,480 3.271,368.619 0.076,230.013 C 3.036,350.945 94.992,448 208,448 C 322.875,448 416,347.712 416,224 C 416,197.49 437.49,176 464,176 C 490.51,176 512,197.49 512,224 C 512,365.385 397.385,480 256,480 ZM 256-32 C 395.374-32 508.729,79.381 511.924,217.987 C 508.964,97.055 417.008,0 304,0 C 189.125,0 96,100.288 96,224 C 96,250.51 74.51,272 48,272 C 21.49,272 0,250.51 0,224 C 0,82.615 114.615-32 256-32 Z"  />
+<glyph unicode="&#xe00e;" d="M 432,128c-22.58,0-42.96-9.369-57.506-24.415L 158.992,211.336C 159.649,215.462, 160,219.689, 160,224
+	s-0.351,8.538-1.008,12.663l 215.502,107.751C 389.040,329.369, 409.42,320, 432,320c 44.183,0, 80,35.817, 80,80S 476.183,480, 432,480
+	s-80-35.817-80-80c0-4.311, 0.352-8.538, 1.008-12.663L 137.506,279.585C 122.96,294.63, 102.58,304, 80,304c-44.183,0-80-35.818-80-80
+	c0-44.184, 35.817-80, 80-80c 22.58,0, 42.96,9.369, 57.506,24.414l 215.502-107.751C 352.352,56.538, 352,52.311, 352,48
+	c0-44.184, 35.817-80, 80-80s 80,35.816, 80,80C 512,92.182, 476.183,128, 432,128z"  />
+<glyph unicode="&#xe001;" d="M 96,416L 416,224L 96,32 z"  />
+<glyph unicode="&#xe000;" d="M 512,480 L 512,272 L 432,352 L 336,256 L 288,304 L 384,400 L 304,480 ZM 224,144 L 128,48 L 208-32 L 0-32 L 0,176 L 80,96 L 176,192 Z"  />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.ttf b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.ttf
new file mode 100644
index 000000000..eb2463791
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.ttf differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.woff b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.woff
new file mode 100644
index 000000000..c3f0f1d80
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/font/vjs.woff differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video-js.css b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video-js.css
new file mode 100644
index 000000000..2e8c332c4
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video-js.css
@@ -0,0 +1,766 @@
+/*!
+Video.js Default Styles (http://videojs.com)
+Version 4.3.0
+Create your own skin at http://designer.videojs.com
+*/
+/* SKIN
+================================================================================
+The main class name for all skin-specific styles. To make your own skin,
+replace all occurances of 'vjs-default-skin' with a new name. Then add your new
+skin name to your video tag instead of the default skin.
+e.g. <video class="video-js my-skin-name">
+*/
+.vjs-default-skin {
+  color: #cccccc;
+}
+/* Custom Icon Font
+--------------------------------------------------------------------------------
+The control icons are from a custom font. Each icon corresponds to a character
+(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
+*/
+@font-face {
+  font-family: 'VideoJS';
+  src: url('font/vjs.eot');
+  src: url('font/vjs.eot?#iefix') format('embedded-opentype'), url('font/vjs.woff') format('woff'), url('font/vjs.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Base UI Component Classes
+--------------------------------------------------------------------------------
+*/
+/* Slider - used for Volume bar and Seek bar */
+.vjs-default-skin .vjs-slider {
+  /* Replace browser focus hightlight with handle highlight */
+  outline: 0;
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+  /* background-color-with-alpha */
+  background-color: #333333;
+  background-color: rgba(51, 51, 51, 0.9);
+}
+.vjs-default-skin .vjs-slider:focus {
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 2em #ffffff;
+  -moz-box-shadow: 0 0 2em #ffffff;
+  box-shadow: 0 0 2em #ffffff;
+}
+.vjs-default-skin .vjs-slider-handle {
+  position: absolute;
+  /* Needed for IE6 */
+  left: 0;
+  top: 0;
+}
+.vjs-default-skin .vjs-slider-handle:before {
+  content: "\e009";
+  font-family: VideoJS;
+  font-size: 1em;
+  line-height: 1;
+  text-align: center;
+  text-shadow: 0em 0em 1em #fff;
+  position: absolute;
+  top: 0;
+  left: 0;
+  /* Rotate the square icon to make a diamond */
+  /* transform */
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+/* Control Bar
+--------------------------------------------------------------------------------
+The default control bar that is a container for most of the controls.
+*/
+.vjs-default-skin .vjs-control-bar {
+  /* Start hidden */
+  display: none;
+  position: absolute;
+  /* Place control bar at the bottom of the player box/video.
+     If you want more margin below the control bar, add more height. */
+  bottom: 0;
+  /* Use left/right to stretch to 100% width of player div */
+  left: 0;
+  right: 0;
+  /* Height includes any margin you want above or below control items */
+  height: 3.0em;
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+}
+/* Show the control bar only once the video has started playing */
+.vjs-default-skin.vjs-has-started .vjs-control-bar {
+  display: block;
+  /* Visibility needed to make sure things hide in older browsers too. */
+
+  visibility: visible;
+  opacity: 1;
+  /* transition */
+  -webkit-transition: visibility 0.1s, opacity 0.1s;
+  -moz-transition: visibility 0.1s, opacity 0.1s;
+  -o-transition: visibility 0.1s, opacity 0.1s;
+  transition: visibility 0.1s, opacity 0.1s;
+}
+/* Hide the control bar when the video is playing and the user is inactive  */
+.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  display: block;
+  visibility: hidden;
+  opacity: 0;
+  /* transition */
+  -webkit-transition: visibility 1s, opacity 1s;
+  -moz-transition: visibility 1s, opacity 1s;
+  -o-transition: visibility 1s, opacity 1s;
+  transition: visibility 1s, opacity 1s;
+}
+.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
+  display: none;
+}
+.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
+  display: none;
+}
+/* IE8 is flakey with fonts, and you have to change the actual content to force
+fonts to show/hide properly.
+  - "\9" IE8 hack didn't work for this
+  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
+*/
+@media \0screen {
+  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
+    content: "";
+  }
+}
+/* General styles for individual controls. */
+.vjs-default-skin .vjs-control {
+  outline: none;
+  position: relative;
+  float: left;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  height: 3.0em;
+  width: 4em;
+}
+/* FontAwsome button icons */
+.vjs-default-skin .vjs-control:before {
+  font-family: VideoJS;
+  font-size: 1.5em;
+  line-height: 2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+}
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-control:focus:before,
+.vjs-default-skin .vjs-control:hover:before {
+  text-shadow: 0em 0em 1em #ffffff;
+}
+.vjs-default-skin .vjs-control:focus {
+  /*  outline: 0; */
+  /* keyboard-only users cannot see the focus on several of the UI elements when
+  this is set to 0 */
+
+}
+/* Hide control text visually, but have it available for screenreaders */
+.vjs-default-skin .vjs-control-text {
+  /* hide-visually */
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+/* Play/Pause
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-play-control {
+  width: 5em;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-play-control:before {
+  content: "\e001";
+}
+.vjs-default-skin.vjs-playing .vjs-play-control:before {
+  content: "\e002";
+}
+/* Volume/Mute
+-------------------------------------------------------------------------------- */
+.vjs-default-skin .vjs-mute-control,
+.vjs-default-skin .vjs-volume-menu-button {
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-mute-control:before,
+.vjs-default-skin .vjs-volume-menu-button:before {
+  content: "\e006";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
+  content: "\e003";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
+  content: "\e004";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
+  content: "\e005";
+}
+.vjs-default-skin .vjs-volume-control {
+  width: 5em;
+  float: right;
+}
+.vjs-default-skin .vjs-volume-bar {
+  width: 5em;
+  height: 0.6em;
+  margin: 1.1em auto 0;
+}
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
+  height: 2.9em;
+}
+.vjs-default-skin .vjs-volume-level {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0.5em;
+  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
+}
+.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
+  width: 0.5em;
+  height: 0.5em;
+}
+.vjs-default-skin .vjs-volume-handle:before {
+  font-size: 0.9em;
+  top: -0.2em;
+  left: -0.2em;
+  width: 1em;
+  height: 1em;
+}
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
+  width: 6em;
+  left: -4em;
+}
+/* Progress
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-progress-control {
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: auto;
+  font-size: 0.3em;
+  height: 1em;
+  /* Set above the rest of the controls. */
+  top: -1em;
+  /* Shrink the bar slower than it grows. */
+  /* transition */
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
+}
+/* On hover, make the progress bar grow to something that's more clickable.
+    This simply changes the overall font for the progress bar, and this
+    updates both the em-based widths and heights, as wells as the icon font */
+.vjs-default-skin:hover .vjs-progress-control {
+  font-size: .9em;
+  /* Even though we're not changing the top/height, we need to include them in
+      the transition so they're handled correctly. */
+
+  /* transition */
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+}
+/* Box containing play and load progresses. Also acts as seek scrubber. */
+.vjs-default-skin .vjs-progress-holder {
+  height: 100%;
+}
+/* Progress Bars */
+.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
+.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
+  position: absolute;
+  display: block;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  /* Needed for IE6 */
+  left: 0;
+  top: 0;
+}
+.vjs-default-skin .vjs-play-progress {
+  /*
+    Using a data URI to create the white diagonal lines with a transparent
+      background. Surprisingly works in IE8.
+      Created using http://www.patternify.com
+    Changing the first color value will change the bar color.
+    Also using a paralax effect to make the lines move backwards.
+      The -50% left position makes that happen.
+  */
+
+  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
+}
+.vjs-default-skin .vjs-load-progress {
+  background: #646464 /* IE8- Fallback */;
+  background: rgba(255, 255, 255, 0.4);
+}
+.vjs-default-skin .vjs-seek-handle {
+  width: 1.5em;
+  height: 100%;
+}
+.vjs-default-skin .vjs-seek-handle:before {
+  padding-top: 0.1em /* Minor adjustment */;
+}
+/* Time Display
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-time-controls {
+  font-size: 1em;
+  /* Align vertically by making the line height the same as the control bar */
+  line-height: 3em;
+}
+.vjs-default-skin .vjs-current-time {
+  float: left;
+}
+.vjs-default-skin .vjs-duration {
+  float: left;
+}
+/* Remaining time is in the HTML, but not included in default design */
+.vjs-default-skin .vjs-remaining-time {
+  display: none;
+  float: left;
+}
+.vjs-time-divider {
+  float: left;
+  line-height: 3em;
+}
+/* Fullscreen
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-fullscreen-control {
+  width: 3.8em;
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-fullscreen-control:before {
+  content: "\e000";
+}
+/* Switch to the exit icon when the player is in fullscreen */
+.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
+  content: "\e00b";
+}
+/* Big Play Button (play button at start)
+--------------------------------------------------------------------------------
+Positioning of the play button in the center or other corners can be done more
+easily in the skin designer. http://designer.videojs.com/
+*/
+.vjs-default-skin .vjs-big-play-button {
+  left: 0.5em;
+  top: 0.5em;
+  font-size: 3em;
+  display: block;
+  z-index: 2;
+  position: absolute;
+  width: 4em;
+  height: 2.6em;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  opacity: 1;
+  /* Need a slightly gray bg so it can be seen on black backgrounds */
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+  border: 0.1em solid #3b4249;
+  /* border-radius */
+  -webkit-border-radius: 0.8em;
+  -moz-border-radius: 0.8em;
+  border-radius: 0.8em;
+  /* box-shadow */
+  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  /* transition */
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
+}
+/* Optionally center */
+.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
+  /* Center it horizontally */
+  left: 50%;
+  margin-left: -2.1em;
+  /* Center it vertically */
+  top: 50%;
+  margin-top: -1.4000000000000001em;
+}
+/* Hide if controls are disabled */
+.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
+  display: none;
+}
+/* Hide when video starts playing */
+.vjs-default-skin.vjs-has-started .vjs-big-play-button {
+  display: none;
+}
+/* Hide on mobile devices. Remove when we stop using native controls
+    by default on mobile  */
+.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
+  display: none;
+}
+.vjs-default-skin:hover .vjs-big-play-button,
+.vjs-default-skin .vjs-big-play-button:focus {
+  outline: 0;
+  border-color: #fff;
+  /* IE8 needs a non-glow hover state */
+  background-color: #505050;
+  background-color: rgba(50, 50, 50, 0.75);
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 3em #ffffff;
+  -moz-box-shadow: 0 0 3em #ffffff;
+  box-shadow: 0 0 3em #ffffff;
+  /* transition */
+  -webkit-transition: all 0s;
+  -moz-transition: all 0s;
+  -o-transition: all 0s;
+  transition: all 0s;
+}
+.vjs-default-skin .vjs-big-play-button:before {
+  content: "\e001";
+  font-family: VideoJS;
+  /* In order to center the play icon vertically we need to set the line height
+     to the same as the button height */
+
+  line-height: 2.6em;
+  text-shadow: 0.05em 0.05em 0.1em #000;
+  text-align: center /* Needed for IE8 */;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+/* Loading Spinner
+--------------------------------------------------------------------------------
+*/
+.vjs-loading-spinner {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  font-size: 4em;
+  line-height: 1;
+  width: 1em;
+  height: 1em;
+  margin-left: -0.5em;
+  margin-top: -0.5em;
+  opacity: 0.75;
+  /* animation */
+  -webkit-animation: spin 1.5s infinite linear;
+  -moz-animation: spin 1.5s infinite linear;
+  -o-animation: spin 1.5s infinite linear;
+  animation: spin 1.5s infinite linear;
+}
+.vjs-default-skin .vjs-loading-spinner:before {
+  content: "\e01e";
+  font-family: VideoJS;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1em;
+  height: 1em;
+  text-align: center;
+  text-shadow: 0em 0em 0.1em #000;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -o-transform: rotate(0deg);
+  }
+  100% {
+    -o-transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
+}
+/* Menu Buttons (Captions/Subtitles/etc.)
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-menu-button {
+  float: right;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-menu {
+  display: none;
+  position: absolute;
+  bottom: 0;
+  left: 0em;
+  /* (Width of vjs-menu - width of button) / 2 */
+
+  width: 0em;
+  height: 0em;
+  margin-bottom: 3em;
+  border-left: 2em solid transparent;
+  border-right: 2em solid transparent;
+  border-top: 1.55em solid #000000;
+  /* Same width top as ul bottom */
+
+  border-top-color: rgba(7, 40, 50, 0.5);
+  /* Same as ul background */
+
+}
+/* Button Pop-up Menu */
+.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
+  display: block;
+  padding: 0;
+  margin: 0;
+  position: absolute;
+  width: 10em;
+  bottom: 1.5em;
+  /* Same bottom as vjs-menu border-top */
+
+  max-height: 15em;
+  overflow: auto;
+  left: -5em;
+  /* Width of menu - width of button / 2 */
+
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+  /* box-shadow */
+  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+}
+.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
+  display: block;
+}
+.vjs-default-skin .vjs-menu-button ul li {
+  list-style: none;
+  margin: 0;
+  padding: 0.3em 0 0.3em 0;
+  line-height: 1.4em;
+  font-size: 1.2em;
+  text-align: center;
+  text-transform: lowercase;
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
+  background-color: #000;
+}
+.vjs-default-skin .vjs-menu-button ul li:focus,
+.vjs-default-skin .vjs-menu-button ul li:hover,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
+  outline: 0;
+  color: #111;
+  /* background-color-with-alpha */
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.75);
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 1em #ffffff;
+  -moz-box-shadow: 0 0 1em #ffffff;
+  box-shadow: 0 0 1em #ffffff;
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 1em;
+  line-height: 2em;
+  padding: 0;
+  margin: 0 0 0.3em 0;
+  font-weight: bold;
+  cursor: default;
+}
+/* Subtitles Button */
+.vjs-default-skin .vjs-subtitles-button:before {
+  content: "\e00c";
+}
+/* Captions Button */
+.vjs-default-skin .vjs-captions-button:before {
+  content: "\e008";
+}
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
+.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 1em #ffffff;
+  -moz-box-shadow: 0 0 1em #ffffff;
+  box-shadow: 0 0 1em #ffffff;
+}
+/*
+REQUIRED STYLES (be careful overriding)
+================================================================================
+When loading the player, the video tag is replaced with a DIV,
+that will hold the video tag or object tag for other playback methods.
+The div contains the video playback element (Flash or HTML5) and controls,
+and sets the width and height of the video.
+
+** If you want to add some kind of border/padding (e.g. a frame), or special
+positioning, use another containing element. Otherwise you risk messing up
+control positioning and full window mode. **
+*/
+.video-js {
+  background-color: #000;
+  position: relative;
+  padding: 0;
+  /* Start with 10px for base font size so other dimensions can be em based and
+     easily calculable. */
+
+  font-size: 10px;
+  /* Allow poster to be vertially aligned. */
+
+  vertical-align: middle;
+  /*  display: table-cell; */
+  /*This works in Safari but not Firefox.*/
+
+  /* Provide some basic defaults for fonts */
+
+  font-weight: normal;
+  font-style: normal;
+  /* Avoiding helvetica: issue #376 */
+
+  font-family: Arial, sans-serif;
+  /* Turn off user selection (text highlighting) by default.
+     The majority of player components will not be text blocks.
+     Text areas will need to turn user selection back on. */
+
+  /* user-select */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+/* Playback technology elements expand to the width/height of the containing div
+    <video> or <object> */
+.video-js .vjs-tech {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
+   checking fullScreenEnabled. */
+.video-js:-moz-full-screen {
+  position: absolute;
+}
+/* Fullscreen Styles */
+body.vjs-full-window {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
+  overflow-y: auto;
+}
+.video-js.vjs-fullscreen {
+  position: fixed;
+  overflow: hidden;
+  z-index: 1000;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 100% !important;
+  height: 100% !important;
+  /* IE6 full-window (underscore hack) */
+  _position: absolute;
+}
+.video-js:-webkit-full-screen {
+  width: 100% !important;
+  height: 100% !important;
+}
+.video-js.vjs-fullscreen.vjs-user-inactive {
+  cursor: none;
+}
+/* Poster Styles */
+.vjs-poster {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: contain;
+  cursor: pointer;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.vjs-poster img {
+  display: block;
+  margin: 0 auto;
+  max-height: 100%;
+  padding: 0;
+  width: 100%;
+}
+/* Hide the poster when native controls are used otherwise it covers them */
+.video-js.vjs-using-native-controls .vjs-poster {
+  display: none;
+}
+/* Text Track Styles */
+/* Overall track holder for both captions and subtitles */
+.video-js .vjs-text-track-display {
+  text-align: center;
+  position: absolute;
+  bottom: 4em;
+  /* Leave padding on left and right */
+  left: 1em;
+  right: 1em;
+}
+/* Individual tracks */
+.video-js .vjs-text-track {
+  display: none;
+  font-size: 1.4em;
+  text-align: center;
+  margin-bottom: 0.1em;
+  /* Transparent black background, or fallback to all black (oldIE) */
+  /* background-color-with-alpha */
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.video-js .vjs-subtitles {
+  color: #ffffff /* Subtitles are white */;
+}
+.video-js .vjs-captions {
+  color: #ffcc66 /* Captions are yellow */;
+}
+.vjs-tt-cue {
+  display: block;
+}
+/* Hide disabled or unsupported controls */
+.vjs-default-skin .vjs-hidden {
+  display: none;
+}
+.vjs-lock-showing {
+  display: block !important;
+  opacity: 1;
+  visibility: visible;
+}
+/* -----------------------------------------------------------------------------
+The original source of this file lives at
+https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video-js.min.css b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video-js.min.css
new file mode 100644
index 000000000..d3a1d601c
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video-js.min.css
@@ -0,0 +1,5 @@
+/*!
+Video.js Default Styles (http://videojs.com)
+Version 4.3.0
+Create your own skin at http://designer.videojs.com
+*/.vjs-default-skin{color:#ccc}@font-face{font-family:VideoJS;src:url(font/vjs.eot);src:url(font/vjs.eot?#iefix) format('embedded-opentype'),url(font/vjs.woff) format('woff'),url(font/vjs.ttf) format('truetype');font-weight:400;font-style:normal}.vjs-default-skin .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#333;background-color:rgba(51,51,51,.9)}.vjs-default-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.vjs-default-skin .vjs-slider-handle{position:absolute;left:0;top:0}.vjs-default-skin .vjs-slider-handle:before{content:"\e009";font-family:VideoJS;font-size:1em;line-height:1;text-align:center;text-shadow:0 0 1em #fff;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.vjs-default-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#07141e;background-color:rgba(7,20,30,.7)}.vjs-default-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-default-skin.vjs-controls-disabled .vjs-control-bar{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-control-bar{display:none}@media \0screen{.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-default-skin .vjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.vjs-default-skin .vjs-control:before{font-family:VideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before{text-shadow:0 0 1em #fff}.vjs-default-skin .vjs-control:focus{}.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer}.vjs-default-skin .vjs-play-control:before{content:"\e001"}.vjs-default-skin.vjs-playing .vjs-play-control:before{content:"\e002"}.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button{cursor:pointer;float:right}.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before{content:"\e006"}.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{content:"\e003"}.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before{content:"\e004"}.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{content:"\e005"}.vjs-default-skin .vjs-volume-control{width:5em;float:right}.vjs-default-skin .vjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content{height:2.9em}.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.5em;background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-volume-bar .vjs-volume-handle{width:.5em;height:.5em}.vjs-default-skin .vjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content{width:6em;left:-4em}.vjs-default-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin:hover .vjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.vjs-default-skin .vjs-progress-holder{height:100%}.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.vjs-default-skin .vjs-play-progress{background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.vjs-default-skin .vjs-seek-handle{width:1.5em;height:100%}.vjs-default-skin .vjs-seek-handle:before{padding-top:.1em}.vjs-default-skin .vjs-time-controls{font-size:1em;line-height:3em}.vjs-default-skin .vjs-current-time{float:left}.vjs-default-skin .vjs-duration{float:left}.vjs-default-skin .vjs-remaining-time{display:none;float:left}.vjs-time-divider{float:left;line-height:3em}.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.vjs-default-skin .vjs-fullscreen-control:before{content:"\e000"}.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"}.vjs-default-skin .vjs-big-play-button{left:.5em;top:.5em;font-size:3em;display:block;z-index:2;position:absolute;width:4em;height:2.6em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;background-color:#07141e;background-color:rgba(7,20,30,.7);border:.1em solid #3b4249;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);-moz-box-shadow:0 0 1em rgba(255,255,255,.25);box-shadow:0 0 1em rgba(255,255,255,.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{left:50%;margin-left:-2.1em;top:50%;margin-top:-1.4000000000000001em}.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button{display:none}.vjs-default-skin.vjs-has-started .vjs-big-play-button{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#505050;background-color:rgba(50,50,50,.75);-webkit-box-shadow:0 0 3em #fff;-moz-box-shadow:0 0 3em #fff;box-shadow:0 0 3em #fff;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-default-skin .vjs-big-play-button:before{content:"\e001";font-family:VideoJS;line-height:2.6em;text-shadow:.05em .05em .1em #000;text-align:center;position:absolute;left:0;width:100%;height:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.vjs-default-skin .vjs-loading-spinner:before{content:"\e01e";font-family:VideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.vjs-default-skin .vjs-menu-button{float:right;cursor:pointer}.vjs-default-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.vjs-default-skin .vjs-menu-button:hover .vjs-menu{display:block}.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-default-skin .vjs-menu-button ul li.vjs-selected{background-color:#000}.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{outline:0;color:#111;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-default-skin .vjs-subtitles-button:before{content:"\e00c"}.vjs-default-skin .vjs-captions-button:before{content:"\e008"}.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.vjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.video-js.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.video-js .vjs-text-track{display:none;font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.video-js .vjs-subtitles{color:#fff}.video-js .vjs-captions{color:#fc6}.vjs-tt-cue{display:block}.vjs-default-skin .vjs-hidden{display:none}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video-js.swf b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video-js.swf
new file mode 100644
index 000000000..9cf537a53
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video-js.swf differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video.dev.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video.dev.js
new file mode 100644
index 000000000..d01ea6008
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video.dev.js
@@ -0,0 +1,7108 @@
+/**
+ * @fileoverview Main function src.
+ */
+
+// HTML5 Shiv. Must be in <head> to support older browsers.
+document.createElement('video');
+document.createElement('audio');
+document.createElement('track');
+
+/**
+ * Doubles as the main function for users to create a player instance and also
+ * the main library object.
+ *
+ * **ALIASES** videojs, _V_ (deprecated)
+ *
+ * The `vjs` function can be used to initialize or retrieve a player.
+ *
+ *     var myPlayer = vjs('my_video_id');
+ *
+ * @param  {String|Element} id      Video element or video element ID
+ * @param  {Object=} options        Optional options object for config/settings
+ * @param  {Function=} ready        Optional ready callback
+ * @return {vjs.Player}             A player instance
+ * @namespace
+ */
+var vjs = function(id, options, ready){
+  var tag; // Element of ID
+
+  // Allow for element or ID to be passed in
+  // String ID
+  if (typeof id === 'string') {
+
+    // Adjust for jQuery ID syntax
+    if (id.indexOf('#') === 0) {
+      id = id.slice(1);
+    }
+
+    // If a player instance has already been created for this ID return it.
+    if (vjs.players[id]) {
+      return vjs.players[id];
+
+    // Otherwise get element for ID
+    } else {
+      tag = vjs.el(id);
+    }
+
+  // ID is a media element
+  } else {
+    tag = id;
+  }
+
+  // Check for a useable element
+  if (!tag || !tag.nodeName) { // re: nodeName, could be a box div also
+    throw new TypeError('The element or ID supplied is not valid. (videojs)'); // Returns
+  }
+
+  // Element may have a player attr referring to an already created player instance.
+  // If not, set up a new player and return the instance.
+  return tag['player'] || new vjs.Player(tag, options, ready);
+};
+
+// Extended name, also available externally, window.videojs
+var videojs = vjs;
+window.videojs = window.vjs = vjs;
+
+// CDN Version. Used to target right flash swf.
+vjs.CDN_VERSION = '4.3';
+vjs.ACCESS_PROTOCOL = ('https:' == document.location.protocol ? 'https://' : 'http://');
+
+/**
+ * Global Player instance options, surfaced from vjs.Player.prototype.options_
+ * vjs.options = vjs.Player.prototype.options_
+ * All options should use string keys so they avoid
+ * renaming by closure compiler
+ * @type {Object}
+ */
+vjs.options = {
+  // Default order of fallback technology
+  'techOrder': ['html5','flash'],
+  // techOrder: ['flash','html5'],
+
+  'html5': {},
+  'flash': {},
+
+  // Default of web browser is 300x150. Should rely on source width/height.
+  'width': 300,
+  'height': 150,
+  // defaultVolume: 0.85,
+  'defaultVolume': 0.00, // The freakin seaguls are driving me crazy!
+
+  // Included control sets
+  'children': {
+    'mediaLoader': {},
+    'posterImage': {},
+    'textTrackDisplay': {},
+    'loadingSpinner': {},
+    'bigPlayButton': {},
+    'controlBar': {}
+  },
+
+  // Default message to show when a video cannot be played.
+  'notSupportedMessage': 'Sorry, no compatible source and playback ' +
+      'technology were found for this video. Try using another browser ' +
+      'like <a href="http://bit.ly/ccMUEC">Chrome</a> or download the ' +
+      'latest <a href="http://adobe.ly/mwfN1">Adobe Flash Player</a>.'
+};
+
+// Set CDN Version of swf
+// The added (+) blocks the replace from changing this 4.3 string
+if (vjs.CDN_VERSION !== 'GENERATED'+'_CDN_VSN') {
+  videojs.options['flash']['swf'] = vjs.ACCESS_PROTOCOL + 'vjs.zencdn.net/'+vjs.CDN_VERSION+'/video-js.swf';
+}
+
+/**
+ * Global player list
+ * @type {Object}
+ */
+vjs.players = {};
+/**
+ * Core Object/Class for objects that use inheritance + contstructors
+ *
+ * To create a class that can be subclassed itself, extend the CoreObject class.
+ *
+ *     var Animal = CoreObject.extend();
+ *     var Horse = Animal.extend();
+ *
+ * The constructor can be defined through the init property of an object argument.
+ *
+ *     var Animal = CoreObject.extend({
+ *       init: function(name, sound){
+ *         this.name = name;
+ *       }
+ *     });
+ *
+ * Other methods and properties can be added the same way, or directly to the
+ * prototype.
+ *
+ *    var Animal = CoreObject.extend({
+ *       init: function(name){
+ *         this.name = name;
+ *       },
+ *       getName: function(){
+ *         return this.name;
+ *       },
+ *       sound: '...'
+ *    });
+ *
+ *    Animal.prototype.makeSound = function(){
+ *      alert(this.sound);
+ *    };
+ *
+ * To create an instance of a class, use the create method.
+ *
+ *    var fluffy = Animal.create('Fluffy');
+ *    fluffy.getName(); // -> Fluffy
+ *
+ * Methods and properties can be overridden in subclasses.
+ *
+ *     var Horse = Animal.extend({
+ *       sound: 'Neighhhhh!'
+ *     });
+ *
+ *     var horsey = Horse.create('Horsey');
+ *     horsey.getName(); // -> Horsey
+ *     horsey.makeSound(); // -> Alert: Neighhhhh!
+ *
+ * @class
+ * @constructor
+ */
+vjs.CoreObject = vjs['CoreObject'] = function(){};
+// Manually exporting vjs['CoreObject'] here for Closure Compiler
+// because of the use of the extend/create class methods
+// If we didn't do this, those functions would get flattend to something like
+// `a = ...` and `this.prototype` would refer to the global object instead of
+// CoreObject
+
+/**
+ * Create a new object that inherits from this Object
+ *
+ *     var Animal = CoreObject.extend();
+ *     var Horse = Animal.extend();
+ *
+ * @param {Object} props Functions and properties to be applied to the
+ *                       new object's prototype
+ * @return {vjs.CoreObject} An object that inherits from CoreObject
+ * @this {*}
+ */
+vjs.CoreObject.extend = function(props){
+  var init, subObj;
+
+  props = props || {};
+  // Set up the constructor using the supplied init method
+  // or using the init of the parent object
+  // Make sure to check the unobfuscated version for external libs
+  init = props['init'] || props.init || this.prototype['init'] || this.prototype.init || function(){};
+  // In Resig's simple class inheritance (previously used) the constructor
+  //  is a function that calls `this.init.apply(arguments)`
+  // However that would prevent us from using `ParentObject.call(this);`
+  //  in a Child constuctor because the `this` in `this.init`
+  //  would still refer to the Child and cause an inifinite loop.
+  // We would instead have to do
+  //    `ParentObject.prototype.init.apply(this, argumnents);`
+  //  Bleh. We're not creating a _super() function, so it's good to keep
+  //  the parent constructor reference simple.
+  subObj = function(){
+    init.apply(this, arguments);
+  };
+
+  // Inherit from this object's prototype
+  subObj.prototype = vjs.obj.create(this.prototype);
+  // Reset the constructor property for subObj otherwise
+  // instances of subObj would have the constructor of the parent Object
+  subObj.prototype.constructor = subObj;
+
+  // Make the class extendable
+  subObj.extend = vjs.CoreObject.extend;
+  // Make a function for creating instances
+  subObj.create = vjs.CoreObject.create;
+
+  // Extend subObj's prototype with functions and other properties from props
+  for (var name in props) {
+    if (props.hasOwnProperty(name)) {
+      subObj.prototype[name] = props[name];
+    }
+  }
+
+  return subObj;
+};
+
+/**
+ * Create a new instace of this Object class
+ *
+ *     var myAnimal = Animal.create();
+ *
+ * @return {vjs.CoreObject} An instance of a CoreObject subclass
+ * @this {*}
+ */
+vjs.CoreObject.create = function(){
+  // Create a new object that inherits from this object's prototype
+  var inst = vjs.obj.create(this.prototype);
+
+  // Apply this constructor function to the new object
+  this.apply(inst, arguments);
+
+  // Return the new object
+  return inst;
+};
+/**
+ * @fileoverview Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)
+ * (Original book version wasn't completely usable, so fixed some things and made Closure Compiler compatible)
+ * This should work very similarly to jQuery's events, however it's based off the book version which isn't as
+ * robust as jquery's, so there's probably some differences.
+ */
+
+/**
+ * Add an event listener to element
+ * It stores the handler function in a separate cache object
+ * and adds a generic handler to the element's event,
+ * along with a unique id (guid) to the element.
+ * @param  {Element|Object}   elem Element or object to bind listeners to
+ * @param  {String}   type Type of event to bind to.
+ * @param  {Function} fn   Event listener.
+ * @private
+ */
+vjs.on = function(elem, type, fn){
+  var data = vjs.getData(elem);
+
+  // We need a place to store all our handler data
+  if (!data.handlers) data.handlers = {};
+
+  if (!data.handlers[type]) data.handlers[type] = [];
+
+  if (!fn.guid) fn.guid = vjs.guid++;
+
+  data.handlers[type].push(fn);
+
+  if (!data.dispatcher) {
+    data.disabled = false;
+
+    data.dispatcher = function (event){
+
+      if (data.disabled) return;
+      event = vjs.fixEvent(event);
+
+      var handlers = data.handlers[event.type];
+
+      if (handlers) {
+        // Copy handlers so if handlers are added/removed during the process it doesn't throw everything off.
+        var handlersCopy = handlers.slice(0);
+
+        for (var m = 0, n = handlersCopy.length; m < n; m++) {
+          if (event.isImmediatePropagationStopped()) {
+            break;
+          } else {
+            handlersCopy[m].call(elem, event);
+          }
+        }
+      }
+    };
+  }
+
+  if (data.handlers[type].length == 1) {
+    if (document.addEventListener) {
+      elem.addEventListener(type, data.dispatcher, false);
+    } else if (document.attachEvent) {
+      elem.attachEvent('on' + type, data.dispatcher);
+    }
+  }
+};
+
+/**
+ * Removes event listeners from an element
+ * @param  {Element|Object}   elem Object to remove listeners from
+ * @param  {String=}   type Type of listener to remove. Don't include to remove all events from element.
+ * @param  {Function} fn   Specific listener to remove. Don't incldue to remove listeners for an event type.
+ * @private
+ */
+vjs.off = function(elem, type, fn) {
+  // Don't want to add a cache object through getData if not needed
+  if (!vjs.hasData(elem)) return;
+
+  var data = vjs.getData(elem);
+
+  // If no events exist, nothing to unbind
+  if (!data.handlers) { return; }
+
+  // Utility function
+  var removeType = function(t){
+     data.handlers[t] = [];
+     vjs.cleanUpEvents(elem,t);
+  };
+
+  // Are we removing all bound events?
+  if (!type) {
+    for (var t in data.handlers) removeType(t);
+    return;
+  }
+
+  var handlers = data.handlers[type];
+
+  // If no handlers exist, nothing to unbind
+  if (!handlers) return;
+
+  // If no listener was provided, remove all listeners for type
+  if (!fn) {
+    removeType(type);
+    return;
+  }
+
+  // We're only removing a single handler
+  if (fn.guid) {
+    for (var n = 0; n < handlers.length; n++) {
+      if (handlers[n].guid === fn.guid) {
+        handlers.splice(n--, 1);
+      }
+    }
+  }
+
+  vjs.cleanUpEvents(elem, type);
+};
+
+/**
+ * Clean up the listener cache and dispatchers
+ * @param  {Element|Object} elem Element to clean up
+ * @param  {String} type Type of event to clean up
+ * @private
+ */
+vjs.cleanUpEvents = function(elem, type) {
+  var data = vjs.getData(elem);
+
+  // Remove the events of a particular type if there are none left
+  if (data.handlers[type].length === 0) {
+    delete data.handlers[type];
+    // data.handlers[type] = null;
+    // Setting to null was causing an error with data.handlers
+
+    // Remove the meta-handler from the element
+    if (document.removeEventListener) {
+      elem.removeEventListener(type, data.dispatcher, false);
+    } else if (document.detachEvent) {
+      elem.detachEvent('on' + type, data.dispatcher);
+    }
+  }
+
+  // Remove the events object if there are no types left
+  if (vjs.isEmpty(data.handlers)) {
+    delete data.handlers;
+    delete data.dispatcher;
+    delete data.disabled;
+
+    // data.handlers = null;
+    // data.dispatcher = null;
+    // data.disabled = null;
+  }
+
+  // Finally remove the expando if there is no data left
+  if (vjs.isEmpty(data)) {
+    vjs.removeData(elem);
+  }
+};
+
+/**
+ * Fix a native event to have standard property values
+ * @param  {Object} event Event object to fix
+ * @return {Object}
+ * @private
+ */
+vjs.fixEvent = function(event) {
+
+  function returnTrue() { return true; }
+  function returnFalse() { return false; }
+
+  // Test if fixing up is needed
+  // Used to check if !event.stopPropagation instead of isPropagationStopped
+  // But native events return true for stopPropagation, but don't have
+  // other expected methods like isPropagationStopped. Seems to be a problem
+  // with the Javascript Ninja code. So we're just overriding all events now.
+  if (!event || !event.isPropagationStopped) {
+    var old = event || window.event;
+
+    event = {};
+    // Clone the old object so that we can modify the values event = {};
+    // IE8 Doesn't like when you mess with native event properties
+    // Firefox returns false for event.hasOwnProperty('type') and other props
+    //  which makes copying more difficult.
+    // TODO: Probably best to create a whitelist of event props
+    for (var key in old) {
+      // Safari 6.0.3 warns you if you try to copy deprecated layerX/Y
+      if (key !== 'layerX' && key !== 'layerY') {
+        event[key] = old[key];
+      }
+    }
+
+    // The event occurred on this element
+    if (!event.target) {
+      event.target = event.srcElement || document;
+    }
+
+    // Handle which other element the event is related to
+    event.relatedTarget = event.fromElement === event.target ?
+      event.toElement :
+      event.fromElement;
+
+    // Stop the default browser action
+    event.preventDefault = function () {
+      if (old.preventDefault) {
+        old.preventDefault();
+      }
+      event.returnValue = false;
+      event.isDefaultPrevented = returnTrue;
+    };
+
+    event.isDefaultPrevented = returnFalse;
+
+    // Stop the event from bubbling
+    event.stopPropagation = function () {
+      if (old.stopPropagation) {
+        old.stopPropagation();
+      }
+      event.cancelBubble = true;
+      event.isPropagationStopped = returnTrue;
+    };
+
+    event.isPropagationStopped = returnFalse;
+
+    // Stop the event from bubbling and executing other handlers
+    event.stopImmediatePropagation = function () {
+      if (old.stopImmediatePropagation) {
+        old.stopImmediatePropagation();
+      }
+      event.isImmediatePropagationStopped = returnTrue;
+      event.stopPropagation();
+    };
+
+    event.isImmediatePropagationStopped = returnFalse;
+
+    // Handle mouse position
+    if (event.clientX != null) {
+      var doc = document.documentElement, body = document.body;
+
+      event.pageX = event.clientX +
+        (doc && doc.scrollLeft || body && body.scrollLeft || 0) -
+        (doc && doc.clientLeft || body && body.clientLeft || 0);
+      event.pageY = event.clientY +
+        (doc && doc.scrollTop || body && body.scrollTop || 0) -
+        (doc && doc.clientTop || body && body.clientTop || 0);
+    }
+
+    // Handle key presses
+    event.which = event.charCode || event.keyCode;
+
+    // Fix button for mouse clicks:
+    // 0 == left; 1 == middle; 2 == right
+    if (event.button != null) {
+      event.button = (event.button & 1 ? 0 :
+        (event.button & 4 ? 1 :
+          (event.button & 2 ? 2 : 0)));
+    }
+  }
+
+  // Returns fixed-up instance
+  return event;
+};
+
+/**
+ * Trigger an event for an element
+ * @param  {Element|Object} elem  Element to trigger an event on
+ * @param  {String} event Type of event to trigger
+ * @private
+ */
+vjs.trigger = function(elem, event) {
+  // Fetches element data and a reference to the parent (for bubbling).
+  // Don't want to add a data object to cache for every parent,
+  // so checking hasData first.
+  var elemData = (vjs.hasData(elem)) ? vjs.getData(elem) : {};
+  var parent = elem.parentNode || elem.ownerDocument;
+      // type = event.type || event,
+      // handler;
+
+  // If an event name was passed as a string, creates an event out of it
+  if (typeof event === 'string') {
+    event = { type:event, target:elem };
+  }
+  // Normalizes the event properties.
+  event = vjs.fixEvent(event);
+
+  // If the passed element has a dispatcher, executes the established handlers.
+  if (elemData.dispatcher) {
+    elemData.dispatcher.call(elem, event);
+  }
+
+  // Unless explicitly stopped or the event does not bubble (e.g. media events)
+    // recursively calls this function to bubble the event up the DOM.
+    if (parent && !event.isPropagationStopped() && event.bubbles !== false) {
+    vjs.trigger(parent, event);
+
+  // If at the top of the DOM, triggers the default action unless disabled.
+  } else if (!parent && !event.isDefaultPrevented()) {
+    var targetData = vjs.getData(event.target);
+
+    // Checks if the target has a default action for this event.
+    if (event.target[event.type]) {
+      // Temporarily disables event dispatching on the target as we have already executed the handler.
+      targetData.disabled = true;
+      // Executes the default action.
+      if (typeof event.target[event.type] === 'function') {
+        event.target[event.type]();
+      }
+      // Re-enables event dispatching.
+      targetData.disabled = false;
+    }
+  }
+
+  // Inform the triggerer if the default was prevented by returning false
+  return !event.isDefaultPrevented();
+  /* Original version of js ninja events wasn't complete.
+   * We've since updated to the latest version, but keeping this around
+   * for now just in case.
+   */
+  // // Added in attion to book. Book code was broke.
+  // event = typeof event === 'object' ?
+  //   event[vjs.expando] ?
+  //     event :
+  //     new vjs.Event(type, event) :
+  //   new vjs.Event(type);
+
+  // event.type = type;
+  // if (handler) {
+  //   handler.call(elem, event);
+  // }
+
+  // // Clean up the event in case it is being reused
+  // event.result = undefined;
+  // event.target = elem;
+};
+
+/**
+ * Trigger a listener only once for an event
+ * @param  {Element|Object}   elem Element or object to
+ * @param  {String}   type
+ * @param  {Function} fn
+ * @private
+ */
+vjs.one = function(elem, type, fn) {
+  var func = function(){
+    vjs.off(elem, type, func);
+    fn.apply(this, arguments);
+  };
+  func.guid = fn.guid = fn.guid || vjs.guid++;
+  vjs.on(elem, type, func);
+};
+var hasOwnProp = Object.prototype.hasOwnProperty;
+
+/**
+ * Creates an element and applies properties.
+ * @param  {String=} tagName    Name of tag to be created.
+ * @param  {Object=} properties Element properties to be applied.
+ * @return {Element}
+ * @private
+ */
+vjs.createEl = function(tagName, properties){
+  var el, propName;
+
+  el = document.createElement(tagName || 'div');
+
+  for (propName in properties){
+    if (hasOwnProp.call(properties, propName)) {
+      //el[propName] = properties[propName];
+      // Not remembering why we were checking for dash
+      // but using setAttribute means you have to use getAttribute
+
+      // The check for dash checks for the aria-* attributes, like aria-label, aria-valuemin.
+      // The additional check for "role" is because the default method for adding attributes does not
+      // add the attribute "role". My guess is because it's not a valid attribute in some namespaces, although
+      // browsers handle the attribute just fine. The W3C allows for aria-* attributes to be used in pre-HTML5 docs.
+      // http://www.w3.org/TR/wai-aria-primer/#ariahtml. Using setAttribute gets around this problem.
+
+       if (propName.indexOf('aria-') !== -1 || propName=='role') {
+         el.setAttribute(propName, properties[propName]);
+       } else {
+         el[propName] = properties[propName];
+       }
+    }
+  }
+  return el;
+};
+
+/**
+ * Uppercase the first letter of a string
+ * @param  {String} string String to be uppercased
+ * @return {String}
+ * @private
+ */
+vjs.capitalize = function(string){
+  return string.charAt(0).toUpperCase() + string.slice(1);
+};
+
+/**
+ * Object functions container
+ * @type {Object}
+ * @private
+ */
+vjs.obj = {};
+
+/**
+ * Object.create shim for prototypal inheritance
+ *
+ * https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/create
+ *
+ * @function
+ * @param  {Object}   obj Object to use as prototype
+ * @private
+ */
+ vjs.obj.create = Object.create || function(obj){
+  //Create a new function called 'F' which is just an empty object.
+  function F() {}
+
+  //the prototype of the 'F' function should point to the
+  //parameter of the anonymous function.
+  F.prototype = obj;
+
+  //create a new constructor function based off of the 'F' function.
+  return new F();
+};
+
+/**
+ * Loop through each property in an object and call a function
+ * whose arguments are (key,value)
+ * @param  {Object}   obj Object of properties
+ * @param  {Function} fn  Function to be called on each property.
+ * @this {*}
+ * @private
+ */
+vjs.obj.each = function(obj, fn, context){
+  for (var key in obj) {
+    if (hasOwnProp.call(obj, key)) {
+      fn.call(context || this, key, obj[key]);
+    }
+  }
+};
+
+/**
+ * Merge two objects together and return the original.
+ * @param  {Object} obj1
+ * @param  {Object} obj2
+ * @return {Object}
+ * @private
+ */
+vjs.obj.merge = function(obj1, obj2){
+  if (!obj2) { return obj1; }
+  for (var key in obj2){
+    if (hasOwnProp.call(obj2, key)) {
+      obj1[key] = obj2[key];
+    }
+  }
+  return obj1;
+};
+
+/**
+ * Merge two objects, and merge any properties that are objects
+ * instead of just overwriting one. Uses to merge options hashes
+ * where deeper default settings are important.
+ * @param  {Object} obj1 Object to override
+ * @param  {Object} obj2 Overriding object
+ * @return {Object}      New object. Obj1 and Obj2 will be untouched.
+ * @private
+ */
+vjs.obj.deepMerge = function(obj1, obj2){
+  var key, val1, val2;
+
+  // make a copy of obj1 so we're not ovewriting original values.
+  // like prototype.options_ and all sub options objects
+  obj1 = vjs.obj.copy(obj1);
+
+  for (key in obj2){
+    if (hasOwnProp.call(obj2, key)) {
+      val1 = obj1[key];
+      val2 = obj2[key];
+
+      // Check if both properties are pure objects and do a deep merge if so
+      if (vjs.obj.isPlain(val1) && vjs.obj.isPlain(val2)) {
+        obj1[key] = vjs.obj.deepMerge(val1, val2);
+      } else {
+        obj1[key] = obj2[key];
+      }
+    }
+  }
+  return obj1;
+};
+
+/**
+ * Make a copy of the supplied object
+ * @param  {Object} obj Object to copy
+ * @return {Object}     Copy of object
+ * @private
+ */
+vjs.obj.copy = function(obj){
+  return vjs.obj.merge({}, obj);
+};
+
+/**
+ * Check if an object is plain, and not a dom node or any object sub-instance
+ * @param  {Object} obj Object to check
+ * @return {Boolean}     True if plain, false otherwise
+ * @private
+ */
+vjs.obj.isPlain = function(obj){
+  return !!obj
+    && typeof obj === 'object'
+    && obj.toString() === '[object Object]'
+    && obj.constructor === Object;
+};
+
+/**
+ * Bind (a.k.a proxy or Context). A simple method for changing the context of a function
+   It also stores a unique id on the function so it can be easily removed from events
+ * @param  {*}   context The object to bind as scope
+ * @param  {Function} fn      The function to be bound to a scope
+ * @param  {Number=}   uid     An optional unique ID for the function to be set
+ * @return {Function}
+ * @private
+ */
+vjs.bind = function(context, fn, uid) {
+  // Make sure the function has a unique ID
+  if (!fn.guid) { fn.guid = vjs.guid++; }
+
+  // Create the new function that changes the context
+  var ret = function() {
+    return fn.apply(context, arguments);
+  };
+
+  // Allow for the ability to individualize this function
+  // Needed in the case where multiple objects might share the same prototype
+  // IF both items add an event listener with the same function, then you try to remove just one
+  // it will remove both because they both have the same guid.
+  // when using this, you need to use the bind method when you remove the listener as well.
+  // currently used in text tracks
+  ret.guid = (uid) ? uid + '_' + fn.guid : fn.guid;
+
+  return ret;
+};
+
+/**
+ * Element Data Store. Allows for binding data to an element without putting it directly on the element.
+ * Ex. Event listneres are stored here.
+ * (also from jsninja.com, slightly modified and updated for closure compiler)
+ * @type {Object}
+ * @private
+ */
+vjs.cache = {};
+
+/**
+ * Unique ID for an element or function
+ * @type {Number}
+ * @private
+ */
+vjs.guid = 1;
+
+/**
+ * Unique attribute name to store an element's guid in
+ * @type {String}
+ * @constant
+ * @private
+ */
+vjs.expando = 'vdata' + (new Date()).getTime();
+
+/**
+ * Returns the cache object where data for an element is stored
+ * @param  {Element} el Element to store data for.
+ * @return {Object}
+ * @private
+ */
+vjs.getData = function(el){
+  var id = el[vjs.expando];
+  if (!id) {
+    id = el[vjs.expando] = vjs.guid++;
+    vjs.cache[id] = {};
+  }
+  return vjs.cache[id];
+};
+
+/**
+ * Returns the cache object where data for an element is stored
+ * @param  {Element} el Element to store data for.
+ * @return {Object}
+ * @private
+ */
+vjs.hasData = function(el){
+  var id = el[vjs.expando];
+  return !(!id || vjs.isEmpty(vjs.cache[id]));
+};
+
+/**
+ * Delete data for the element from the cache and the guid attr from getElementById
+ * @param  {Element} el Remove data for an element
+ * @private
+ */
+vjs.removeData = function(el){
+  var id = el[vjs.expando];
+  if (!id) { return; }
+  // Remove all stored data
+  // Changed to = null
+  // http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/
+  // vjs.cache[id] = null;
+  delete vjs.cache[id];
+
+  // Remove the expando property from the DOM node
+  try {
+    delete el[vjs.expando];
+  } catch(e) {
+    if (el.removeAttribute) {
+      el.removeAttribute(vjs.expando);
+    } else {
+      // IE doesn't appear to support removeAttribute on the document element
+      el[vjs.expando] = null;
+    }
+  }
+};
+
+/**
+ * Check if an object is empty
+ * @param  {Object}  obj The object to check for emptiness
+ * @return {Boolean}
+ * @private
+ */
+vjs.isEmpty = function(obj) {
+  for (var prop in obj) {
+    // Inlude null properties as empty.
+    if (obj[prop] !== null) {
+      return false;
+    }
+  }
+  return true;
+};
+
+/**
+ * Add a CSS class name to an element
+ * @param {Element} element    Element to add class name to
+ * @param {String} classToAdd Classname to add
+ * @private
+ */
+vjs.addClass = function(element, classToAdd){
+  if ((' '+element.className+' ').indexOf(' '+classToAdd+' ') == -1) {
+    element.className = element.className === '' ? classToAdd : element.className + ' ' + classToAdd;
+  }
+};
+
+/**
+ * Remove a CSS class name from an element
+ * @param {Element} element    Element to remove from class name
+ * @param {String} classToAdd Classname to remove
+ * @private
+ */
+vjs.removeClass = function(element, classToRemove){
+  var classNames, i;
+
+  if (element.className.indexOf(classToRemove) == -1) { return; }
+
+  classNames = element.className.split(' ');
+
+  // no arr.indexOf in ie8, and we don't want to add a big shim
+  for (i = classNames.length - 1; i >= 0; i--) {
+    if (classNames[i] === classToRemove) {
+      classNames.splice(i,1);
+    }
+  }
+
+  element.className = classNames.join(' ');
+};
+
+/**
+ * Element for testing browser HTML5 video capabilities
+ * @type {Element}
+ * @constant
+ * @private
+ */
+vjs.TEST_VID = vjs.createEl('video');
+
+/**
+ * Useragent for browser testing.
+ * @type {String}
+ * @constant
+ * @private
+ */
+vjs.USER_AGENT = navigator.userAgent;
+
+/**
+ * Device is an iPhone
+ * @type {Boolean}
+ * @constant
+ * @private
+ */
+vjs.IS_IPHONE = (/iPhone/i).test(vjs.USER_AGENT);
+vjs.IS_IPAD = (/iPad/i).test(vjs.USER_AGENT);
+vjs.IS_IPOD = (/iPod/i).test(vjs.USER_AGENT);
+vjs.IS_IOS = vjs.IS_IPHONE || vjs.IS_IPAD || vjs.IS_IPOD;
+
+vjs.IOS_VERSION = (function(){
+  var match = vjs.USER_AGENT.match(/OS (\d+)_/i);
+  if (match && match[1]) { return match[1]; }
+})();
+
+vjs.IS_ANDROID = (/Android/i).test(vjs.USER_AGENT);
+vjs.ANDROID_VERSION = (function() {
+  // This matches Android Major.Minor.Patch versions
+  // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
+  var match = vjs.USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i),
+    major,
+    minor;
+
+  if (!match) {
+    return null;
+  }
+
+  major = match[1] && parseFloat(match[1]);
+  minor = match[2] && parseFloat(match[2]);
+
+  if (major && minor) {
+    return parseFloat(match[1] + '.' + match[2]);
+  } else if (major) {
+    return major;
+  } else {
+    return null;
+  }
+})();
+// Old Android is defined as Version older than 2.3, and requiring a webkit version of the android browser
+vjs.IS_OLD_ANDROID = vjs.IS_ANDROID && (/webkit/i).test(vjs.USER_AGENT) && vjs.ANDROID_VERSION < 2.3;
+
+vjs.IS_FIREFOX = (/Firefox/i).test(vjs.USER_AGENT);
+vjs.IS_CHROME = (/Chrome/i).test(vjs.USER_AGENT);
+
+vjs.TOUCH_ENABLED = !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof window.DocumentTouch);
+
+/**
+ * Get an element's attribute values, as defined on the HTML tag
+ * Attributs are not the same as properties. They're defined on the tag
+ * or with setAttribute (which shouldn't be used with HTML)
+ * This will return true or false for boolean attributes.
+ * @param  {Element} tag Element from which to get tag attributes
+ * @return {Object}
+ * @private
+ */
+vjs.getAttributeValues = function(tag){
+  var obj, knownBooleans, attrs, attrName, attrVal;
+
+  obj = {};
+
+  // known boolean attributes
+  // we can check for matching boolean properties, but older browsers
+  // won't know about HTML5 boolean attributes that we still read from
+  knownBooleans = ','+'autoplay,controls,loop,muted,default'+',';
+
+  if (tag && tag.attributes && tag.attributes.length > 0) {
+    attrs = tag.attributes;
+
+    for (var i = attrs.length - 1; i >= 0; i--) {
+      attrName = attrs[i].name;
+      attrVal = attrs[i].value;
+
+      // check for known booleans
+      // the matching element property will return a value for typeof
+      if (typeof tag[attrName] === 'boolean' || knownBooleans.indexOf(','+attrName+',') !== -1) {
+        // the value of an included boolean attribute is typically an empty
+        // string ('') which would equal false if we just check for a false value.
+        // we also don't want support bad code like autoplay='false'
+        attrVal = (attrVal !== null) ? true : false;
+      }
+
+      obj[attrName] = attrVal;
+    }
+  }
+
+  return obj;
+};
+
+/**
+ * Get the computed style value for an element
+ * From http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/
+ * @param  {Element} el        Element to get style value for
+ * @param  {String} strCssRule Style name
+ * @return {String}            Style value
+ * @private
+ */
+vjs.getComputedDimension = function(el, strCssRule){
+  var strValue = '';
+  if(document.defaultView && document.defaultView.getComputedStyle){
+    strValue = document.defaultView.getComputedStyle(el, '').getPropertyValue(strCssRule);
+
+  } else if(el.currentStyle){
+    // IE8 Width/Height support
+    strValue = el['client'+strCssRule.substr(0,1).toUpperCase() + strCssRule.substr(1)] + 'px';
+  }
+  return strValue;
+};
+
+/**
+ * Insert an element as the first child node of another
+ * @param  {Element} child   Element to insert
+ * @param  {[type]} parent Element to insert child into
+ * @private
+ */
+vjs.insertFirst = function(child, parent){
+  if (parent.firstChild) {
+    parent.insertBefore(child, parent.firstChild);
+  } else {
+    parent.appendChild(child);
+  }
+};
+
+/**
+ * Object to hold browser support information
+ * @type {Object}
+ * @private
+ */
+vjs.support = {};
+
+/**
+ * Shorthand for document.getElementById()
+ * Also allows for CSS (jQuery) ID syntax. But nothing other than IDs.
+ * @param  {String} id  Element ID
+ * @return {Element}    Element with supplied ID
+ * @private
+ */
+vjs.el = function(id){
+  if (id.indexOf('#') === 0) {
+    id = id.slice(1);
+  }
+
+  return document.getElementById(id);
+};
+
+/**
+ * Format seconds as a time string, H:MM:SS or M:SS
+ * Supplying a guide (in seconds) will force a number of leading zeros
+ * to cover the length of the guide
+ * @param  {Number} seconds Number of seconds to be turned into a string
+ * @param  {Number} guide   Number (in seconds) to model the string after
+ * @return {String}         Time formatted as H:MM:SS or M:SS
+ * @private
+ */
+vjs.formatTime = function(seconds, guide) {
+  // Default to using seconds as guide
+  guide = guide || seconds;
+  var s = Math.floor(seconds % 60),
+      m = Math.floor(seconds / 60 % 60),
+      h = Math.floor(seconds / 3600),
+      gm = Math.floor(guide / 60 % 60),
+      gh = Math.floor(guide / 3600);
+
+  // handle invalid times
+  if (isNaN(seconds) || seconds === Infinity) {
+    // '-' is false for all relational operators (e.g. <, >=) so this setting
+    // will add the minimum number of fields specified by the guide
+    h = m = s = '-';
+  }
+
+  // Check if we need to show hours
+  h = (h > 0 || gh > 0) ? h + ':' : '';
+
+  // If hours are showing, we may need to add a leading zero.
+  // Always show at least one digit of minutes.
+  m = (((h || gm >= 10) && m < 10) ? '0' + m : m) + ':';
+
+  // Check if leading zero is need for seconds
+  s = (s < 10) ? '0' + s : s;
+
+  return h + m + s;
+};
+
+// Attempt to block the ability to select text while dragging controls
+vjs.blockTextSelection = function(){
+  document.body.focus();
+  document.onselectstart = function () { return false; };
+};
+// Turn off text selection blocking
+vjs.unblockTextSelection = function(){ document.onselectstart = function () { return true; }; };
+
+/**
+ * Trim whitespace from the ends of a string.
+ * @param  {String} string String to trim
+ * @return {String}        Trimmed string
+ * @private
+ */
+vjs.trim = function(str){
+  return (str+'').replace(/^\s+|\s+$/g, '');
+};
+
+/**
+ * Should round off a number to a decimal place
+ * @param  {Number} num Number to round
+ * @param  {Number} dec Number of decimal places to round to
+ * @return {Number}     Rounded number
+ * @private
+ */
+vjs.round = function(num, dec) {
+  if (!dec) { dec = 0; }
+  return Math.round(num*Math.pow(10,dec))/Math.pow(10,dec);
+};
+
+/**
+ * Should create a fake TimeRange object
+ * Mimics an HTML5 time range instance, which has functions that
+ * return the start and end times for a range
+ * TimeRanges are returned by the buffered() method
+ * @param  {Number} start Start time in seconds
+ * @param  {Number} end   End time in seconds
+ * @return {Object}       Fake TimeRange object
+ * @private
+ */
+vjs.createTimeRange = function(start, end){
+  return {
+    length: 1,
+    start: function() { return start; },
+    end: function() { return end; }
+  };
+};
+
+/**
+ * Simple http request for retrieving external files (e.g. text tracks)
+ * @param  {String} url           URL of resource
+ * @param  {Function=} onSuccess  Success callback
+ * @param  {Function=} onError    Error callback
+ * @private
+ */
+vjs.get = function(url, onSuccess, onError){
+  var local, request;
+
+  if (typeof XMLHttpRequest === 'undefined') {
+    window.XMLHttpRequest = function () {
+      try { return new window.ActiveXObject('Msxml2.XMLHTTP.6.0'); } catch (e) {}
+      try { return new window.ActiveXObject('Msxml2.XMLHTTP.3.0'); } catch (f) {}
+      try { return new window.ActiveXObject('Msxml2.XMLHTTP'); } catch (g) {}
+      throw new Error('This browser does not support XMLHttpRequest.');
+    };
+  }
+
+  request = new XMLHttpRequest();
+  try {
+    request.open('GET', url);
+  } catch(e) {
+    onError(e);
+  }
+
+  local = (url.indexOf('file:') === 0 || (window.location.href.indexOf('file:') === 0 && url.indexOf('http') === -1));
+
+  request.onreadystatechange = function() {
+    if (request.readyState === 4) {
+      if (request.status === 200 || local && request.status === 0) {
+        onSuccess(request.responseText);
+      } else {
+        if (onError) {
+          onError();
+        }
+      }
+    }
+  };
+
+  try {
+    request.send();
+  } catch(e) {
+    if (onError) {
+      onError(e);
+    }
+  }
+};
+
+/**
+ * Add to local storage (may removeable)
+ * @private
+ */
+vjs.setLocalStorage = function(key, value){
+  try {
+    // IE was throwing errors referencing the var anywhere without this
+    var localStorage = window.localStorage || false;
+    if (!localStorage) { return; }
+    localStorage[key] = value;
+  } catch(e) {
+    if (e.code == 22 || e.code == 1014) { // Webkit == 22 / Firefox == 1014
+      vjs.log('LocalStorage Full (VideoJS)', e);
+    } else {
+      if (e.code == 18) {
+        vjs.log('LocalStorage not allowed (VideoJS)', e);
+      } else {
+        vjs.log('LocalStorage Error (VideoJS)', e);
+      }
+    }
+  }
+};
+
+/**
+ * Get abosolute version of relative URL. Used to tell flash correct URL.
+ * http://stackoverflow.com/questions/470832/getting-an-absolute-url-from-a-relative-one-ie6-issue
+ * @param  {String} url URL to make absolute
+ * @return {String}     Absolute URL
+ * @private
+ */
+vjs.getAbsoluteURL = function(url){
+
+  // Check if absolute URL
+  if (!url.match(/^https?:\/\//)) {
+    // Convert to absolute URL. Flash hosted off-site needs an absolute URL.
+    url = vjs.createEl('div', {
+      innerHTML: '<a href="'+url+'">x</a>'
+    }).firstChild.href;
+  }
+
+  return url;
+};
+
+// usage: log('inside coolFunc',this,arguments);
+// http://paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
+vjs.log = function(){
+  vjs.log.history = vjs.log.history || [];   // store logs to an array for reference
+  vjs.log.history.push(arguments);
+  if(window.console){
+    window.console.log(Array.prototype.slice.call(arguments));
+  }
+};
+
+// Offset Left
+// getBoundingClientRect technique from John Resig http://ejohn.org/blog/getboundingclientrect-is-awesome/
+vjs.findPosition = function(el) {
+    var box, docEl, body, clientLeft, scrollLeft, left, clientTop, scrollTop, top;
+
+    if (el.getBoundingClientRect && el.parentNode) {
+      box = el.getBoundingClientRect();
+    }
+
+    if (!box) {
+      return {
+        left: 0,
+        top: 0
+      };
+    }
+
+    docEl = document.documentElement;
+    body = document.body;
+
+    clientLeft = docEl.clientLeft || body.clientLeft || 0;
+    scrollLeft = window.pageXOffset || body.scrollLeft;
+    left = box.left + scrollLeft - clientLeft;
+
+    clientTop = docEl.clientTop || body.clientTop || 0;
+    scrollTop = window.pageYOffset || body.scrollTop;
+    top = box.top + scrollTop - clientTop;
+
+    return {
+      left: left,
+      top: top
+    };
+};
+/**
+ * @fileoverview Player Component - Base class for all UI objects
+ *
+ */
+
+/**
+ * Base UI Component class
+ *
+ * Components are embeddable UI objects that are represented by both a
+ * javascript object and an element in the DOM. They can be children of other
+ * components, and can have many children themselves.
+ *
+ *     // adding a button to the player
+ *     var button = player.addChild('button');
+ *     button.el(); // -> button element
+ *
+ *     <div class="video-js">
+ *       <div class="vjs-button">Button</div>
+ *     </div>
+ *
+ * Components are also event emitters.
+ *
+ *     button.on('click', function(){
+ *       console.log('Button Clicked!');
+ *     });
+ *
+ *     button.trigger('customevent');
+ *
+ * @param {Object} player  Main Player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ * @extends vjs.CoreObject
+ */
+vjs.Component = vjs.CoreObject.extend({
+  /**
+   * the constructor funciton for the class
+   *
+   * @constructor
+   */
+  init: function(player, options, ready){
+    this.player_ = player;
+
+    // Make a copy of prototype.options_ to protect against overriding global defaults
+    this.options_ = vjs.obj.copy(this.options_);
+
+    // Updated options with supplied options
+    options = this.options(options);
+
+    // Get ID from options, element, or create using player ID and unique ID
+    this.id_ = options['id'] || ((options['el'] && options['el']['id']) ? options['el']['id'] : player.id() + '_component_' + vjs.guid++ );
+
+    this.name_ = options['name'] || null;
+
+    // Create element if one wasn't provided in options
+    this.el_ = options['el'] || this.createEl();
+
+    this.children_ = [];
+    this.childIndex_ = {};
+    this.childNameIndex_ = {};
+
+    // Add any child components in options
+    this.initChildren();
+
+    this.ready(ready);
+    // Don't want to trigger ready here or it will before init is actually
+    // finished for all children that run this constructor
+  }
+});
+
+/**
+ * Dispose of the component and all child components
+ */
+vjs.Component.prototype.dispose = function(){
+  this.trigger('dispose');
+
+  // Dispose all children.
+  if (this.children_) {
+    for (var i = this.children_.length - 1; i >= 0; i--) {
+      if (this.children_[i].dispose) {
+        this.children_[i].dispose();
+      }
+    }
+  }
+
+  // Delete child references
+  this.children_ = null;
+  this.childIndex_ = null;
+  this.childNameIndex_ = null;
+
+  // Remove all event listeners.
+  this.off();
+
+  // Remove element from DOM
+  if (this.el_.parentNode) {
+    this.el_.parentNode.removeChild(this.el_);
+  }
+
+  vjs.removeData(this.el_);
+  this.el_ = null;
+};
+
+/**
+ * Reference to main player instance
+ *
+ * @type {vjs.Player}
+ * @private
+ */
+vjs.Component.prototype.player_ = true;
+
+/**
+ * Return the component's player
+ *
+ * @return {vjs.Player}
+ */
+vjs.Component.prototype.player = function(){
+  return this.player_;
+};
+
+/**
+ * The component's options object
+ *
+ * @type {Object}
+ * @private
+ */
+vjs.Component.prototype.options_;
+
+/**
+ * Deep merge of options objects
+ *
+ * Whenever a property is an object on both options objects
+ * the two properties will be merged using vjs.obj.deepMerge.
+ *
+ * This is used for merging options for child components. We
+ * want it to be easy to override individual options on a child
+ * component without having to rewrite all the other default options.
+ *
+ *     Parent.prototype.options_ = {
+ *       children: {
+ *         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+ *         'childTwo': {},
+ *         'childThree': {}
+ *       }
+ *     }
+ *     newOptions = {
+ *       children: {
+ *         'childOne': { 'foo': 'baz', 'abc': '123' }
+ *         'childTwo': null,
+ *         'childFour': {}
+ *       }
+ *     }
+ *
+ *     this.options(newOptions);
+ *
+ * RESULT
+ *
+ *     {
+ *       children: {
+ *         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+ *         'childTwo': null, // Disabled. Won't be initialized.
+ *         'childThree': {},
+ *         'childFour': {}
+ *       }
+ *     }
+ *
+ * @param  {Object} obj Object whose values will be overwritten
+ * @return {Object}     NEW merged object. Does not return obj1.
+ */
+vjs.Component.prototype.options = function(obj){
+  if (obj === undefined) return this.options_;
+
+  return this.options_ = vjs.obj.deepMerge(this.options_, obj);
+};
+
+/**
+ * The DOM element for the component
+ *
+ * @type {Element}
+ * @private
+ */
+vjs.Component.prototype.el_;
+
+/**
+ * Create the component's DOM element
+ *
+ * @param  {String=} tagName  Element's node type. e.g. 'div'
+ * @param  {Object=} attributes An object of element attributes that should be set on the element
+ * @return {Element}
+ */
+vjs.Component.prototype.createEl = function(tagName, attributes){
+  return vjs.createEl(tagName, attributes);
+};
+
+/**
+ * Get the component's DOM element
+ *
+ *     var domEl = myComponent.el();
+ *
+ * @return {Element}
+ */
+vjs.Component.prototype.el = function(){
+  return this.el_;
+};
+
+/**
+ * An optional element where, if defined, children will be inserted instead of
+ * directly in `el_`
+ *
+ * @type {Element}
+ * @private
+ */
+vjs.Component.prototype.contentEl_;
+
+/**
+ * Return the component's DOM element for embedding content.
+ * Will either be el_ or a new element defined in createEl.
+ *
+ * @return {Element}
+ */
+vjs.Component.prototype.contentEl = function(){
+  return this.contentEl_ || this.el_;
+};
+
+/**
+ * The ID for the component
+ *
+ * @type {String}
+ * @private
+ */
+vjs.Component.prototype.id_;
+
+/**
+ * Get the component's ID
+ *
+ *     var id = myComponent.id();
+ *
+ * @return {String}
+ */
+vjs.Component.prototype.id = function(){
+  return this.id_;
+};
+
+/**
+ * The name for the component. Often used to reference the component.
+ *
+ * @type {String}
+ * @private
+ */
+vjs.Component.prototype.name_;
+
+/**
+ * Get the component's name. The name is often used to reference the component.
+ *
+ *     var name = myComponent.name();
+ *
+ * @return {String}
+ */
+vjs.Component.prototype.name = function(){
+  return this.name_;
+};
+
+/**
+ * Array of child components
+ *
+ * @type {Array}
+ * @private
+ */
+vjs.Component.prototype.children_;
+
+/**
+ * Get an array of all child components
+ *
+ *     var kids = myComponent.children();
+ *
+ * @return {Array} The children
+ */
+vjs.Component.prototype.children = function(){
+  return this.children_;
+};
+
+/**
+ * Object of child components by ID
+ *
+ * @type {Object}
+ * @private
+ */
+vjs.Component.prototype.childIndex_;
+
+/**
+ * Returns a child component with the provided ID
+ *
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.getChildById = function(id){
+  return this.childIndex_[id];
+};
+
+/**
+ * Object of child components by name
+ *
+ * @type {Object}
+ * @private
+ */
+vjs.Component.prototype.childNameIndex_;
+
+/**
+ * Returns a child component with the provided ID
+ *
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.getChild = function(name){
+  return this.childNameIndex_[name];
+};
+
+/**
+ * Adds a child component inside this component
+ *
+ *     myComponent.el();
+ *     // -> <div class='my-component'></div>
+ *     myComonent.children();
+ *     // [empty array]
+ *
+ *     var myButton = myComponent.addChild('MyButton');
+ *     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+ *     // -> myButton === myComonent.children()[0];
+ *
+ * Pass in options for child constructors and options for children of the child
+ *
+ *    var myButton = myComponent.addChild('MyButton', {
+ *      text: 'Press Me',
+ *      children: {
+ *        buttonChildExample: {
+ *          buttonChildOption: true
+ *        }
+ *      }
+ *    });
+ *
+ * @param {String|vjs.Component} child The class name or instance of a child to add
+ * @param {Object=} options Options, including options to be passed to children of the child.
+ * @return {vjs.Component} The child component (created by this process if a string was used)
+ * @suppress {accessControls|checkRegExp|checkTypes|checkVars|const|constantProperty|deprecated|duplicate|es5Strict|fileoverviewTags|globalThis|invalidCasts|missingProperties|nonStandardJsDocs|strictModuleDepCheck|undefinedNames|undefinedVars|unknownDefines|uselessCode|visibility}
+ */
+vjs.Component.prototype.addChild = function(child, options){
+  var component, componentClass, componentName, componentId;
+
+  // If string, create new component with options
+  if (typeof child === 'string') {
+
+    componentName = child;
+
+    // Make sure options is at least an empty object to protect against errors
+    options = options || {};
+
+    // Assume name of set is a lowercased name of the UI Class (PlayButton, etc.)
+    componentClass = options['componentClass'] || vjs.capitalize(componentName);
+
+    // Set name through options
+    options['name'] = componentName;
+
+    // Create a new object & element for this controls set
+    // If there's no .player_, this is a player
+    // Closure Compiler throws an 'incomplete alias' warning if we use the vjs variable directly.
+    // Every class should be exported, so this should never be a problem here.
+    component = new window['videojs'][componentClass](this.player_ || this, options);
+
+  // child is a component instance
+  } else {
+    component = child;
+  }
+
+  this.children_.push(component);
+
+  if (typeof component.id === 'function') {
+    this.childIndex_[component.id()] = component;
+  }
+
+  // If a name wasn't used to create the component, check if we can use the
+  // name function of the component
+  componentName = componentName || (component.name && component.name());
+
+  if (componentName) {
+    this.childNameIndex_[componentName] = component;
+  }
+
+  // Add the UI object's element to the container div (box)
+  // Having an element is not required
+  if (typeof component['el'] === 'function' && component['el']()) {
+    this.contentEl().appendChild(component['el']());
+  }
+
+  // Return so it can stored on parent object if desired.
+  return component;
+};
+
+/**
+ * Remove a child component from this component's list of children, and the
+ * child component's element from this component's element
+ *
+ * @param  {vjs.Component} component Component to remove
+ */
+vjs.Component.prototype.removeChild = function(component){
+  if (typeof component === 'string') {
+    component = this.getChild(component);
+  }
+
+  if (!component || !this.children_) return;
+
+  var childFound = false;
+  for (var i = this.children_.length - 1; i >= 0; i--) {
+    if (this.children_[i] === component) {
+      childFound = true;
+      this.children_.splice(i,1);
+      break;
+    }
+  }
+
+  if (!childFound) return;
+
+  this.childIndex_[component.id] = null;
+  this.childNameIndex_[component.name] = null;
+
+  var compEl = component.el();
+  if (compEl && compEl.parentNode === this.contentEl()) {
+    this.contentEl().removeChild(component.el());
+  }
+};
+
+/**
+ * Add and initialize default child components from options
+ *
+ *     // when an instance of MyComponent is created, all children in options
+ *     // will be added to the instance by their name strings and options
+ *     MyComponent.prototype.options_.children = {
+ *       myChildComponent: {
+ *         myChildOption: true
+ *       }
+ *     }
+ */
+vjs.Component.prototype.initChildren = function(){
+  var options = this.options_;
+
+  if (options && options['children']) {
+    var self = this;
+
+    // Loop through components and add them to the player
+    vjs.obj.each(options['children'], function(name, opts){
+      // Allow for disabling default components
+      // e.g. vjs.options['children']['posterImage'] = false
+      if (opts === false) return;
+
+      // Allow waiting to add components until a specific event is called
+      var tempAdd = function(){
+        // Set property name on player. Could cause conflicts with other prop names, but it's worth making refs easy.
+        self[name] = self.addChild(name, opts);
+      };
+
+      if (opts['loadEvent']) {
+        // this.one(opts.loadEvent, tempAdd)
+      } else {
+        tempAdd();
+      }
+    });
+  }
+};
+
+/**
+ * Allows sub components to stack CSS class names
+ *
+ * @return {String} The constructed class name
+ */
+vjs.Component.prototype.buildCSSClass = function(){
+    // Child classes can include a function that does:
+    // return 'CLASS NAME' + this._super();
+    return '';
+};
+
+/* Events
+============================================================================= */
+
+/**
+ * Add an event listener to this component's element
+ *
+ *     var myFunc = function(){
+ *       var myPlayer = this;
+ *       // Do something when the event is fired
+ *     };
+ *
+ *     myPlayer.on("eventName", myFunc);
+ *
+ * The context will be the component.
+ *
+ * @param  {String}   type The event type e.g. 'click'
+ * @param  {Function} fn   The event listener
+ * @return {vjs.Component} self
+ */
+vjs.Component.prototype.on = function(type, fn){
+  vjs.on(this.el_, type, vjs.bind(this, fn));
+  return this;
+};
+
+/**
+ * Remove an event listener from the component's element
+ *
+ *     myComponent.off("eventName", myFunc);
+ *
+ * @param  {String=}   type Event type. Without type it will remove all listeners.
+ * @param  {Function=} fn   Event listener. Without fn it will remove all listeners for a type.
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.off = function(type, fn){
+  vjs.off(this.el_, type, fn);
+  return this;
+};
+
+/**
+ * Add an event listener to be triggered only once and then removed
+ *
+ * @param  {String}   type Event type
+ * @param  {Function} fn   Event listener
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.one = function(type, fn) {
+  vjs.one(this.el_, type, vjs.bind(this, fn));
+  return this;
+};
+
+/**
+ * Trigger an event on an element
+ *
+ *     myComponent.trigger('eventName');
+ *
+ * @param  {String}       type  The event type to trigger, e.g. 'click'
+ * @param  {Event|Object} event The event object to be passed to the listener
+ * @return {vjs.Component}      self
+ */
+vjs.Component.prototype.trigger = function(type, event){
+  vjs.trigger(this.el_, type, event);
+  return this;
+};
+
+/* Ready
+================================================================================ */
+/**
+ * Is the component loaded
+ * This can mean different things depending on the component.
+ *
+ * @private
+ * @type {Boolean}
+ */
+vjs.Component.prototype.isReady_;
+
+/**
+ * Trigger ready as soon as initialization is finished
+ *
+ * Allows for delaying ready. Override on a sub class prototype.
+ * If you set this.isReadyOnInitFinish_ it will affect all components.
+ * Specially used when waiting for the Flash player to asynchrnously load.
+ *
+ * @type {Boolean}
+ * @private
+ */
+vjs.Component.prototype.isReadyOnInitFinish_ = true;
+
+/**
+ * List of ready listeners
+ *
+ * @type {Array}
+ * @private
+ */
+vjs.Component.prototype.readyQueue_;
+
+/**
+ * Bind a listener to the component's ready state
+ *
+ * Different from event listeners in that if the ready event has already happend
+ * it will trigger the function immediately.
+ *
+ * @param  {Function} fn Ready listener
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.ready = function(fn){
+  if (fn) {
+    if (this.isReady_) {
+      fn.call(this);
+    } else {
+      if (this.readyQueue_ === undefined) {
+        this.readyQueue_ = [];
+      }
+      this.readyQueue_.push(fn);
+    }
+  }
+  return this;
+};
+
+/**
+ * Trigger the ready listeners
+ *
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.triggerReady = function(){
+  this.isReady_ = true;
+
+  var readyQueue = this.readyQueue_;
+
+  if (readyQueue && readyQueue.length > 0) {
+
+    for (var i = 0, j = readyQueue.length; i < j; i++) {
+      readyQueue[i].call(this);
+    }
+
+    // Reset Ready Queue
+    this.readyQueue_ = [];
+
+    // Allow for using event listeners also, in case you want to do something everytime a source is ready.
+    this.trigger('ready');
+  }
+};
+
+/* Display
+============================================================================= */
+
+/**
+ * Add a CSS class name to the component's element
+ *
+ * @param {String} classToAdd Classname to add
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.addClass = function(classToAdd){
+  vjs.addClass(this.el_, classToAdd);
+  return this;
+};
+
+/**
+ * Remove a CSS class name from the component's element
+ *
+ * @param {String} classToRemove Classname to remove
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.removeClass = function(classToRemove){
+  vjs.removeClass(this.el_, classToRemove);
+  return this;
+};
+
+/**
+ * Show the component element if hidden
+ *
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.show = function(){
+  this.el_.style.display = 'block';
+  return this;
+};
+
+/**
+ * Hide the component element if hidden
+ *
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.hide = function(){
+  this.el_.style.display = 'none';
+  return this;
+};
+
+/**
+ * Lock an item in its visible state
+ * To be used with fadeIn/fadeOut.
+ *
+ * @return {vjs.Component}
+ * @private
+ */
+vjs.Component.prototype.lockShowing = function(){
+  this.addClass('vjs-lock-showing');
+  return this;
+};
+
+/**
+ * Unlock an item to be hidden
+ * To be used with fadeIn/fadeOut.
+ *
+ * @return {vjs.Component}
+ * @private
+ */
+vjs.Component.prototype.unlockShowing = function(){
+  this.removeClass('vjs-lock-showing');
+  return this;
+};
+
+/**
+ * Disable component by making it unshowable
+ */
+vjs.Component.prototype.disable = function(){
+  this.hide();
+  this.show = function(){};
+};
+
+/**
+ * Set or get the width of the component (CSS values)
+ *
+ * Video tag width/height only work in pixels. No percents.
+ * But allowing limited percents use. e.g. width() will return number+%, not computed width
+ *
+ * @param  {Number|String=} num   Optional width number
+ * @param  {Boolean} skipListeners Skip the 'resize' event trigger
+ * @return {vjs.Component} Returns 'this' if width was set
+ * @return {Number|String} Returns the width if nothing was set
+ */
+vjs.Component.prototype.width = function(num, skipListeners){
+  return this.dimension('width', num, skipListeners);
+};
+
+/**
+ * Get or set the height of the component (CSS values)
+ *
+ * @param  {Number|String=} num     New component height
+ * @param  {Boolean=} skipListeners Skip the resize event trigger
+ * @return {vjs.Component} The component if the height was set
+ * @return {Number|String} The height if it wasn't set
+ */
+vjs.Component.prototype.height = function(num, skipListeners){
+  return this.dimension('height', num, skipListeners);
+};
+
+/**
+ * Set both width and height at the same time
+ *
+ * @param  {Number|String} width
+ * @param  {Number|String} height
+ * @return {vjs.Component} The component
+ */
+vjs.Component.prototype.dimensions = function(width, height){
+  // Skip resize listeners on width for optimization
+  return this.width(width, true).height(height);
+};
+
+/**
+ * Get or set width or height
+ *
+ * This is the shared code for the width() and height() methods.
+ * All for an integer, integer + 'px' or integer + '%';
+ *
+ * Known issue: Hidden elements officially have a width of 0. We're defaulting
+ * to the style.width value and falling back to computedStyle which has the
+ * hidden element issue. Info, but probably not an efficient fix:
+ * http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/
+ *
+ * @param  {String} widthOrHeight  'width' or 'height'
+ * @param  {Number|String=} num     New dimension
+ * @param  {Boolean=} skipListeners Skip resize event trigger
+ * @return {vjs.Component} The component if a dimension was set
+ * @return {Number|String} The dimension if nothing was set
+ * @private
+ */
+vjs.Component.prototype.dimension = function(widthOrHeight, num, skipListeners){
+  if (num !== undefined) {
+
+    // Check if using css width/height (% or px) and adjust
+    if ((''+num).indexOf('%') !== -1 || (''+num).indexOf('px') !== -1) {
+      this.el_.style[widthOrHeight] = num;
+    } else if (num === 'auto') {
+      this.el_.style[widthOrHeight] = '';
+    } else {
+      this.el_.style[widthOrHeight] = num+'px';
+    }
+
+    // skipListeners allows us to avoid triggering the resize event when setting both width and height
+    if (!skipListeners) { this.trigger('resize'); }
+
+    // Return component
+    return this;
+  }
+
+  // Not setting a value, so getting it
+  // Make sure element exists
+  if (!this.el_) return 0;
+
+  // Get dimension value from style
+  var val = this.el_.style[widthOrHeight];
+  var pxIndex = val.indexOf('px');
+  if (pxIndex !== -1) {
+    // Return the pixel value with no 'px'
+    return parseInt(val.slice(0,pxIndex), 10);
+
+  // No px so using % or no style was set, so falling back to offsetWidth/height
+  // If component has display:none, offset will return 0
+  // TODO: handle display:none and no dimension style using px
+  } else {
+
+    return parseInt(this.el_['offset'+vjs.capitalize(widthOrHeight)], 10);
+
+    // ComputedStyle version.
+    // Only difference is if the element is hidden it will return
+    // the percent value (e.g. '100%'')
+    // instead of zero like offsetWidth returns.
+    // var val = vjs.getComputedStyleValue(this.el_, widthOrHeight);
+    // var pxIndex = val.indexOf('px');
+
+    // if (pxIndex !== -1) {
+    //   return val.slice(0, pxIndex);
+    // } else {
+    //   return val;
+    // }
+  }
+};
+
+/**
+ * Fired when the width and/or height of the component changes
+ * @event resize
+ */
+vjs.Component.prototype.onResize;
+
+/**
+ * Emit 'tap' events when touch events are supported
+ *
+ * This is used to support toggling the controls through a tap on the video.
+ *
+ * We're requireing them to be enabled because otherwise every component would
+ * have this extra overhead unnecessarily, on mobile devices where extra
+ * overhead is especially bad.
+ * @private
+ */
+vjs.Component.prototype.emitTapEvents = function(){
+  var touchStart, touchTime, couldBeTap, noTap;
+
+  // Track the start time so we can determine how long the touch lasted
+  touchStart = 0;
+
+  this.on('touchstart', function(event) {
+    // Record start time so we can detect a tap vs. "touch and hold"
+    touchStart = new Date().getTime();
+    // Reset couldBeTap tracking
+    couldBeTap = true;
+  });
+
+  noTap = function(){
+    couldBeTap = false;
+  };
+  // TODO: Listen to the original target. http://youtu.be/DujfpXOKUp8?t=13m8s
+  this.on('touchmove', noTap);
+  this.on('touchleave', noTap);
+  this.on('touchcancel', noTap);
+
+  // When the touch ends, measure how long it took and trigger the appropriate
+  // event
+  this.on('touchend', function() {
+    // Proceed only if the touchmove/leave/cancel event didn't happen
+    if (couldBeTap === true) {
+      // Measure how long the touch lasted
+      touchTime = new Date().getTime() - touchStart;
+      // The touch needs to be quick in order to consider it a tap
+      if (touchTime < 250) {
+        this.trigger('tap');
+        // It may be good to copy the touchend event object and change the
+        // type to tap, if the other event properties aren't exact after
+        // vjs.fixEvent runs (e.g. event.target)
+      }
+    }
+  });
+};
+/* Button - Base class for all buttons
+================================================================================ */
+/**
+ * Base class for all buttons
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.Button = vjs.Component.extend({
+  /**
+   * @constructor
+   * @inheritDoc
+   */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    var touchstart = false;
+    this.on('touchstart', function(event) {
+      // Stop click and other mouse events from triggering also
+      event.preventDefault();
+      touchstart = true;
+    });
+    this.on('touchmove', function() {
+      touchstart = false;
+    });
+    var self = this;
+    this.on('touchend', function(event) {
+      if (touchstart) {
+        self.onClick(event);
+      }
+      event.preventDefault();
+    });
+
+    this.on('click', this.onClick);
+    this.on('focus', this.onFocus);
+    this.on('blur', this.onBlur);
+  }
+});
+
+vjs.Button.prototype.createEl = function(type, props){
+  // Add standard Aria and Tabindex info
+  props = vjs.obj.merge({
+    className: this.buildCSSClass(),
+    innerHTML: '<div class="vjs-control-content"><span class="vjs-control-text">' + (this.buttonText || 'Need Text') + '</span></div>',
+    role: 'button',
+    'aria-live': 'polite', // let the screen reader user know that the text of the button may change
+    tabIndex: 0
+  }, props);
+
+  return vjs.Component.prototype.createEl.call(this, type, props);
+};
+
+vjs.Button.prototype.buildCSSClass = function(){
+  // TODO: Change vjs-control to vjs-button?
+  return 'vjs-control ' + vjs.Component.prototype.buildCSSClass.call(this);
+};
+
+  // Click - Override with specific functionality for button
+vjs.Button.prototype.onClick = function(){};
+
+  // Focus - Add keyboard functionality to element
+vjs.Button.prototype.onFocus = function(){
+  vjs.on(document, 'keyup', vjs.bind(this, this.onKeyPress));
+};
+
+  // KeyPress (document level) - Trigger click when keys are pressed
+vjs.Button.prototype.onKeyPress = function(event){
+  // Check for space bar (32) or enter (13) keys
+  if (event.which == 32 || event.which == 13) {
+    event.preventDefault();
+    this.onClick();
+  }
+};
+
+// Blur - Remove keyboard triggers
+vjs.Button.prototype.onBlur = function(){
+  vjs.off(document, 'keyup', vjs.bind(this, this.onKeyPress));
+};
+/* Slider
+================================================================================ */
+/**
+ * The base functionality for sliders like the volume bar and seek bar
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.Slider = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    // Set property names to bar and handle to match with the child Slider class is looking for
+    this.bar = this.getChild(this.options_['barName']);
+    this.handle = this.getChild(this.options_['handleName']);
+
+    player.on(this.playerEvent, vjs.bind(this, this.update));
+
+    this.on('mousedown', this.onMouseDown);
+    this.on('touchstart', this.onMouseDown);
+    this.on('focus', this.onFocus);
+    this.on('blur', this.onBlur);
+    this.on('click', this.onClick);
+
+    this.player_.on('controlsvisible', vjs.bind(this, this.update));
+
+    // This is actually to fix the volume handle position. http://twitter.com/#!/gerritvanaaken/status/159046254519787520
+    // this.player_.one('timeupdate', vjs.bind(this, this.update));
+
+    player.ready(vjs.bind(this, this.update));
+
+    this.boundEvents = {};
+  }
+});
+
+vjs.Slider.prototype.createEl = function(type, props) {
+  props = props || {};
+  // Add the slider element class to all sub classes
+  props.className = props.className + ' vjs-slider';
+  props = vjs.obj.merge({
+    role: 'slider',
+    'aria-valuenow': 0,
+    'aria-valuemin': 0,
+    'aria-valuemax': 100,
+    tabIndex: 0
+  }, props);
+
+  return vjs.Component.prototype.createEl.call(this, type, props);
+};
+
+vjs.Slider.prototype.onMouseDown = function(event){
+  event.preventDefault();
+  vjs.blockTextSelection();
+
+  this.boundEvents.move = vjs.bind(this, this.onMouseMove);
+  this.boundEvents.end = vjs.bind(this, this.onMouseUp);
+
+  vjs.on(document, 'mousemove', this.boundEvents.move);
+  vjs.on(document, 'mouseup', this.boundEvents.end);
+  vjs.on(document, 'touchmove', this.boundEvents.move);
+  vjs.on(document, 'touchend', this.boundEvents.end);
+
+  this.onMouseMove(event);
+};
+
+vjs.Slider.prototype.onMouseUp = function() {
+  vjs.unblockTextSelection();
+  vjs.off(document, 'mousemove', this.boundEvents.move, false);
+  vjs.off(document, 'mouseup', this.boundEvents.end, false);
+  vjs.off(document, 'touchmove', this.boundEvents.move, false);
+  vjs.off(document, 'touchend', this.boundEvents.end, false);
+
+  this.update();
+};
+
+vjs.Slider.prototype.update = function(){
+  // In VolumeBar init we have a setTimeout for update that pops and update to the end of the
+  // execution stack. The player is destroyed before then update will cause an error
+  if (!this.el_) return;
+
+  // If scrubbing, we could use a cached value to make the handle keep up with the user's mouse.
+  // On HTML5 browsers scrubbing is really smooth, but some flash players are slow, so we might want to utilize this later.
+  // var progress =  (this.player_.scrubbing) ? this.player_.getCache().currentTime / this.player_.duration() : this.player_.currentTime() / this.player_.duration();
+
+  var barProgress,
+      progress = this.getPercent(),
+      handle = this.handle,
+      bar = this.bar;
+
+  // Protect against no duration and other division issues
+  if (isNaN(progress)) { progress = 0; }
+
+  barProgress = progress;
+
+  // If there is a handle, we need to account for the handle in our calculation for progress bar
+  // so that it doesn't fall short of or extend past the handle.
+  if (handle) {
+
+    var box = this.el_,
+        boxWidth = box.offsetWidth,
+
+        handleWidth = handle.el().offsetWidth,
+
+        // The width of the handle in percent of the containing box
+        // In IE, widths may not be ready yet causing NaN
+        handlePercent = (handleWidth) ? handleWidth / boxWidth : 0,
+
+        // Get the adjusted size of the box, considering that the handle's center never touches the left or right side.
+        // There is a margin of half the handle's width on both sides.
+        boxAdjustedPercent = 1 - handlePercent,
+
+        // Adjust the progress that we'll use to set widths to the new adjusted box width
+        adjustedProgress = progress * boxAdjustedPercent;
+
+    // The bar does reach the left side, so we need to account for this in the bar's width
+    barProgress = adjustedProgress + (handlePercent / 2);
+
+    // Move the handle from the left based on the adjected progress
+    handle.el().style.left = vjs.round(adjustedProgress * 100, 2) + '%';
+  }
+
+  // Set the new bar width
+  bar.el().style.width = vjs.round(barProgress * 100, 2) + '%';
+};
+
+vjs.Slider.prototype.calculateDistance = function(event){
+  var el, box, boxX, boxY, boxW, boxH, handle, pageX, pageY;
+
+  el = this.el_;
+  box = vjs.findPosition(el);
+  boxW = boxH = el.offsetWidth;
+  handle = this.handle;
+
+  if (this.options_.vertical) {
+    boxY = box.top;
+
+    if (event.changedTouches) {
+      pageY = event.changedTouches[0].pageY;
+    } else {
+      pageY = event.pageY;
+    }
+
+    if (handle) {
+      var handleH = handle.el().offsetHeight;
+      // Adjusted X and Width, so handle doesn't go outside the bar
+      boxY = boxY + (handleH / 2);
+      boxH = boxH - handleH;
+    }
+
+    // Percent that the click is through the adjusted area
+    return Math.max(0, Math.min(1, ((boxY - pageY) + boxH) / boxH));
+
+  } else {
+    boxX = box.left;
+
+    if (event.changedTouches) {
+      pageX = event.changedTouches[0].pageX;
+    } else {
+      pageX = event.pageX;
+    }
+
+    if (handle) {
+      var handleW = handle.el().offsetWidth;
+
+      // Adjusted X and Width, so handle doesn't go outside the bar
+      boxX = boxX + (handleW / 2);
+      boxW = boxW - handleW;
+    }
+
+    // Percent that the click is through the adjusted area
+    return Math.max(0, Math.min(1, (pageX - boxX) / boxW));
+  }
+};
+
+vjs.Slider.prototype.onFocus = function(){
+  vjs.on(document, 'keyup', vjs.bind(this, this.onKeyPress));
+};
+
+vjs.Slider.prototype.onKeyPress = function(event){
+  if (event.which == 37) { // Left Arrow
+    event.preventDefault();
+    this.stepBack();
+  } else if (event.which == 39) { // Right Arrow
+    event.preventDefault();
+    this.stepForward();
+  }
+};
+
+vjs.Slider.prototype.onBlur = function(){
+  vjs.off(document, 'keyup', vjs.bind(this, this.onKeyPress));
+};
+
+/**
+ * Listener for click events on slider, used to prevent clicks
+ *   from bubbling up to parent elements like button menus.
+ * @param  {Object} event Event object
+ */
+vjs.Slider.prototype.onClick = function(event){
+  event.stopImmediatePropagation();
+  event.preventDefault();
+};
+
+/**
+ * SeekBar Behavior includes play progress bar, and seek handle
+ * Needed so it can determine seek position based on handle position/size
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.SliderHandle = vjs.Component.extend();
+
+/**
+ * Default value of the slider
+ *
+ * @type {Number}
+ * @private
+ */
+vjs.SliderHandle.prototype.defaultValue = 0;
+
+/** @inheritDoc */
+vjs.SliderHandle.prototype.createEl = function(type, props) {
+  props = props || {};
+  // Add the slider element class to all sub classes
+  props.className = props.className + ' vjs-slider-handle';
+  props = vjs.obj.merge({
+    innerHTML: '<span class="vjs-control-text">'+this.defaultValue+'</span>'
+  }, props);
+
+  return vjs.Component.prototype.createEl.call(this, 'div', props);
+};
+/* Menu
+================================================================================ */
+/**
+ * The Menu component is used to build pop up menus, including subtitle and
+ * captions selection menus.
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.Menu = vjs.Component.extend();
+
+/**
+ * Add a menu item to the menu
+ * @param {Object|String} component Component or component type to add
+ */
+vjs.Menu.prototype.addItem = function(component){
+  this.addChild(component);
+  component.on('click', vjs.bind(this, function(){
+    this.unlockShowing();
+  }));
+};
+
+/** @inheritDoc */
+vjs.Menu.prototype.createEl = function(){
+  var contentElType = this.options().contentElType || 'ul';
+  this.contentEl_ = vjs.createEl(contentElType, {
+    className: 'vjs-menu-content'
+  });
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    append: this.contentEl_,
+    className: 'vjs-menu'
+  });
+  el.appendChild(this.contentEl_);
+
+  // Prevent clicks from bubbling up. Needed for Menu Buttons,
+  // where a click on the parent is significant
+  vjs.on(el, 'click', function(event){
+    event.preventDefault();
+    event.stopImmediatePropagation();
+  });
+
+  return el;
+};
+
+/**
+ * The component for a menu item. `<li>`
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.MenuItem = vjs.Button.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+    this.selected(options['selected']);
+  }
+});
+
+/** @inheritDoc */
+vjs.MenuItem.prototype.createEl = function(type, props){
+  return vjs.Button.prototype.createEl.call(this, 'li', vjs.obj.merge({
+    className: 'vjs-menu-item',
+    innerHTML: this.options_['label']
+  }, props));
+};
+
+/**
+ * Handle a click on the menu item, and set it to selected
+ */
+vjs.MenuItem.prototype.onClick = function(){
+  this.selected(true);
+};
+
+/**
+ * Set this menu item as selected or not
+ * @param  {Boolean} selected
+ */
+vjs.MenuItem.prototype.selected = function(selected){
+  if (selected) {
+    this.addClass('vjs-selected');
+    this.el_.setAttribute('aria-selected',true);
+  } else {
+    this.removeClass('vjs-selected');
+    this.el_.setAttribute('aria-selected',false);
+  }
+};
+
+
+/**
+ * A button class with a popup menu
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.MenuButton = vjs.Button.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+
+    this.menu = this.createMenu();
+
+    // Add list to element
+    this.addChild(this.menu);
+
+    // Automatically hide empty menu buttons
+    if (this.items && this.items.length === 0) {
+      this.hide();
+    }
+
+    this.on('keyup', this.onKeyPress);
+    this.el_.setAttribute('aria-haspopup', true);
+    this.el_.setAttribute('role', 'button');
+  }
+});
+
+/**
+ * Track the state of the menu button
+ * @type {Boolean}
+ * @private
+ */
+vjs.MenuButton.prototype.buttonPressed_ = false;
+
+vjs.MenuButton.prototype.createMenu = function(){
+  var menu = new vjs.Menu(this.player_);
+
+  // Add a title list item to the top
+  if (this.options().title) {
+    menu.el().appendChild(vjs.createEl('li', {
+      className: 'vjs-menu-title',
+      innerHTML: vjs.capitalize(this.kind_),
+      tabindex: -1
+    }));
+  }
+
+  this.items = this['createItems']();
+
+  if (this.items) {
+    // Add menu items to the menu
+    for (var i = 0; i < this.items.length; i++) {
+      menu.addItem(this.items[i]);
+    }
+  }
+
+  return menu;
+};
+
+/**
+ * Create the list of menu items. Specific to each subclass.
+ */
+vjs.MenuButton.prototype.createItems = function(){};
+
+/** @inheritDoc */
+vjs.MenuButton.prototype.buildCSSClass = function(){
+  return this.className + ' vjs-menu-button ' + vjs.Button.prototype.buildCSSClass.call(this);
+};
+
+// Focus - Add keyboard functionality to element
+// This function is not needed anymore. Instead, the keyboard functionality is handled by
+// treating the button as triggering a submenu. When the button is pressed, the submenu
+// appears. Pressing the button again makes the submenu disappear.
+vjs.MenuButton.prototype.onFocus = function(){};
+// Can't turn off list display that we turned on with focus, because list would go away.
+vjs.MenuButton.prototype.onBlur = function(){};
+
+vjs.MenuButton.prototype.onClick = function(){
+  // When you click the button it adds focus, which will show the menu indefinitely.
+  // So we'll remove focus when the mouse leaves the button.
+  // Focus is needed for tab navigation.
+  this.one('mouseout', vjs.bind(this, function(){
+    this.menu.unlockShowing();
+    this.el_.blur();
+  }));
+  if (this.buttonPressed_){
+    this.unpressButton();
+  } else {
+    this.pressButton();
+  }
+};
+
+vjs.MenuButton.prototype.onKeyPress = function(event){
+  event.preventDefault();
+
+  // Check for space bar (32) or enter (13) keys
+  if (event.which == 32 || event.which == 13) {
+    if (this.buttonPressed_){
+      this.unpressButton();
+    } else {
+      this.pressButton();
+    }
+  // Check for escape (27) key
+  } else if (event.which == 27){
+    if (this.buttonPressed_){
+      this.unpressButton();
+    }
+  }
+};
+
+vjs.MenuButton.prototype.pressButton = function(){
+  this.buttonPressed_ = true;
+  this.menu.lockShowing();
+  this.el_.setAttribute('aria-pressed', true);
+  if (this.items && this.items.length > 0) {
+    this.items[0].el().focus(); // set the focus to the title of the submenu
+  }
+};
+
+vjs.MenuButton.prototype.unpressButton = function(){
+  this.buttonPressed_ = false;
+  this.menu.unlockShowing();
+  this.el_.setAttribute('aria-pressed', false);
+};
+
+/**
+ * An instance of the `vjs.Player` class is created when any of the Video.js setup methods are used to initialize a video.
+ *
+ * ```js
+ * var myPlayer = videojs('example_video_1');
+ * ```
+ *
+ * In the follwing example, the `data-setup` attribute tells the Video.js library to create a player instance when the library is ready.
+ *
+ * ```html
+ * <video id="example_video_1" data-setup='{}' controls>
+ *   <source src="my-source.mp4" type="video/mp4">
+ * </video>
+ * ```
+ *
+ * After an instance has been created it can be accessed globally using `Video('example_video_1')`.
+ *
+ * @class
+ * @extends vjs.Component
+ */
+vjs.Player = vjs.Component.extend({
+
+  /**
+   * player's constructor function
+   *
+   * @constructs
+   * @method init
+   * @param {Element} tag        The original video tag used for configuring options
+   * @param {Object=} options    Player options
+   * @param {Function=} ready    Ready callback function
+   */
+  init: function(tag, options, ready){
+    this.tag = tag; // Store the original tag used to set options
+
+    // Set Options
+    // The options argument overrides options set in the video tag
+    // which overrides globally set options.
+    // This latter part coincides with the load order
+    // (tag must exist before Player)
+    options = vjs.obj.merge(this.getTagSettings(tag), options);
+
+    // Cache for video property values.
+    this.cache_ = {};
+
+    // Set poster
+    this.poster_ = options['poster'];
+    // Set controls
+    this.controls_ = options['controls'];
+    // Original tag settings stored in options
+    // now remove immediately so native controls don't flash.
+    // May be turned back on by HTML5 tech if nativeControlsForTouch is true
+    tag.controls = false;
+
+    // Run base component initializing with new options.
+    // Builds the element through createEl()
+    // Inits and embeds any child components in opts
+    vjs.Component.call(this, this, options, ready);
+
+    // Update controls className. Can't do this when the controls are initially
+    // set because the element doesn't exist yet.
+    if (this.controls()) {
+      this.addClass('vjs-controls-enabled');
+    } else {
+      this.addClass('vjs-controls-disabled');
+    }
+
+    // TODO: Make this smarter. Toggle user state between touching/mousing
+    // using events, since devices can have both touch and mouse events.
+    // if (vjs.TOUCH_ENABLED) {
+    //   this.addClass('vjs-touch-enabled');
+    // }
+
+    // Firstplay event implimentation. Not sold on the event yet.
+    // Could probably just check currentTime==0?
+    this.one('play', function(e){
+      var fpEvent = { type: 'firstplay', target: this.el_ };
+      // Using vjs.trigger so we can check if default was prevented
+      var keepGoing = vjs.trigger(this.el_, fpEvent);
+
+      if (!keepGoing) {
+        e.preventDefault();
+        e.stopPropagation();
+        e.stopImmediatePropagation();
+      }
+    });
+
+    this.on('ended', this.onEnded);
+    this.on('play', this.onPlay);
+    this.on('firstplay', this.onFirstPlay);
+    this.on('pause', this.onPause);
+    this.on('progress', this.onProgress);
+    this.on('durationchange', this.onDurationChange);
+    this.on('error', this.onError);
+    this.on('fullscreenchange', this.onFullscreenChange);
+
+    // Make player easily findable by ID
+    vjs.players[this.id_] = this;
+
+    if (options['plugins']) {
+      vjs.obj.each(options['plugins'], function(key, val){
+        this[key](val);
+      }, this);
+    }
+
+    this.listenForUserActivity();
+  }
+});
+
+/**
+ * Player instance options, surfaced using vjs.options
+ * vjs.options = vjs.Player.prototype.options_
+ * Make changes in vjs.options, not here.
+ * All options should use string keys so they avoid
+ * renaming by closure compiler
+ * @type {Object}
+ * @private
+ */
+vjs.Player.prototype.options_ = vjs.options;
+
+/**
+ * Destroys the video player and does any necessary cleanup
+ *
+ *     myPlayer.dispose();
+ *
+ * This is especially helpful if you are dynamically adding and removing videos
+ * to/from the DOM.
+ */
+vjs.Player.prototype.dispose = function(){
+  this.trigger('dispose');
+  // prevent dispose from being called twice
+  this.off('dispose');
+
+  // Kill reference to this player
+  vjs.players[this.id_] = null;
+  if (this.tag && this.tag['player']) { this.tag['player'] = null; }
+  if (this.el_ && this.el_['player']) { this.el_['player'] = null; }
+
+  // Ensure that tracking progress and time progress will stop and plater deleted
+  this.stopTrackingProgress();
+  this.stopTrackingCurrentTime();
+
+  if (this.tech) { this.tech.dispose(); }
+
+  // Component dispose
+  vjs.Component.prototype.dispose.call(this);
+};
+
+vjs.Player.prototype.getTagSettings = function(tag){
+  var options = {
+    'sources': [],
+    'tracks': []
+  };
+
+  vjs.obj.merge(options, vjs.getAttributeValues(tag));
+
+  // Get tag children settings
+  if (tag.hasChildNodes()) {
+    var children, child, childName, i, j;
+
+    children = tag.childNodes;
+
+    for (i=0,j=children.length; i<j; i++) {
+      child = children[i];
+      // Change case needed: http://ejohn.org/blog/nodename-case-sensitivity/
+      childName = child.nodeName.toLowerCase();
+      if (childName === 'source') {
+        options['sources'].push(vjs.getAttributeValues(child));
+      } else if (childName === 'track') {
+        options['tracks'].push(vjs.getAttributeValues(child));
+      }
+    }
+  }
+
+  return options;
+};
+
+vjs.Player.prototype.createEl = function(){
+  var el = this.el_ = vjs.Component.prototype.createEl.call(this, 'div');
+  var tag = this.tag;
+
+  // Remove width/height attrs from tag so CSS can make it 100% width/height
+  tag.removeAttribute('width');
+  tag.removeAttribute('height');
+  // Empty video tag tracks so the built-in player doesn't use them also.
+  // This may not be fast enough to stop HTML5 browsers from reading the tags
+  // so we'll need to turn off any default tracks if we're manually doing
+  // captions and subtitles. videoElement.textTracks
+  if (tag.hasChildNodes()) {
+    var nodes, nodesLength, i, node, nodeName, removeNodes;
+
+    nodes = tag.childNodes;
+    nodesLength = nodes.length;
+    removeNodes = [];
+
+    while (nodesLength--) {
+      node = nodes[nodesLength];
+      nodeName = node.nodeName.toLowerCase();
+      if (nodeName === 'track') {
+        removeNodes.push(node);
+      }
+    }
+
+    for (i=0; i<removeNodes.length; i++) {
+      tag.removeChild(removeNodes[i]);
+    }
+  }
+
+  // Make sure tag ID exists
+  tag.id = tag.id || 'vjs_video_' + vjs.guid++;
+
+  // Give video tag ID and class to player div
+  // ID will now reference player box, not the video tag
+  el.id = tag.id;
+  el.className = tag.className;
+
+  // Update tag id/class for use as HTML5 playback tech
+  // Might think we should do this after embedding in container so .vjs-tech class
+  // doesn't flash 100% width/height, but class only applies with .video-js parent
+  tag.id += '_html5_api';
+  tag.className = 'vjs-tech';
+
+  // Make player findable on elements
+  tag['player'] = el['player'] = this;
+  // Default state of video is paused
+  this.addClass('vjs-paused');
+
+  // Make box use width/height of tag, or rely on default implementation
+  // Enforce with CSS since width/height attrs don't work on divs
+  this.width(this.options_['width'], true); // (true) Skip resize listener on load
+  this.height(this.options_['height'], true);
+
+  // Wrap video tag in div (el/box) container
+  if (tag.parentNode) {
+    tag.parentNode.insertBefore(el, tag);
+  }
+  vjs.insertFirst(tag, el); // Breaks iPhone, fixed in HTML5 setup.
+
+  return el;
+};
+
+// /* Media Technology (tech)
+// ================================================================================ */
+// Load/Create an instance of playback technlogy including element and API methods
+// And append playback element in player div.
+vjs.Player.prototype.loadTech = function(techName, source){
+
+  // Pause and remove current playback technology
+  if (this.tech) {
+    this.unloadTech();
+
+  // if this is the first time loading, HTML5 tag will exist but won't be initialized
+  // so we need to remove it if we're not loading HTML5
+  } else if (techName !== 'Html5' && this.tag) {
+    vjs.Html5.disposeMediaElement(this.tag);
+    this.tag = null;
+  }
+
+  this.techName = techName;
+
+  // Turn off API access because we're loading a new tech that might load asynchronously
+  this.isReady_ = false;
+
+  var techReady = function(){
+    this.player_.triggerReady();
+
+    // Manually track progress in cases where the browser/flash player doesn't report it.
+    if (!this.features['progressEvents']) {
+      this.player_.manualProgressOn();
+    }
+
+    // Manually track timeudpates in cases where the browser/flash player doesn't report it.
+    if (!this.features['timeupdateEvents']) {
+      this.player_.manualTimeUpdatesOn();
+    }
+  };
+
+  // Grab tech-specific options from player options and add source and parent element to use.
+  var techOptions = vjs.obj.merge({ 'source': source, 'parentEl': this.el_ }, this.options_[techName.toLowerCase()]);
+
+  if (source) {
+    if (source.src == this.cache_.src && this.cache_.currentTime > 0) {
+      techOptions['startTime'] = this.cache_.currentTime;
+    }
+
+    this.cache_.src = source.src;
+  }
+
+  // Initialize tech instance
+  this.tech = new window['videojs'][techName](this, techOptions);
+
+  this.tech.ready(techReady);
+};
+
+vjs.Player.prototype.unloadTech = function(){
+  this.isReady_ = false;
+  this.tech.dispose();
+
+  // Turn off any manual progress or timeupdate tracking
+  if (this.manualProgress) { this.manualProgressOff(); }
+
+  if (this.manualTimeUpdates) { this.manualTimeUpdatesOff(); }
+
+  this.tech = false;
+};
+
+// There's many issues around changing the size of a Flash (or other plugin) object.
+// First is a plugin reload issue in Firefox that has been around for 11 years: https://bugzilla.mozilla.org/show_bug.cgi?id=90268
+// Then with the new fullscreen API, Mozilla and webkit browsers will reload the flash object after going to fullscreen.
+// To get around this, we're unloading the tech, caching source and currentTime values, and reloading the tech once the plugin is resized.
+// reloadTech: function(betweenFn){
+//   vjs.log('unloadingTech')
+//   this.unloadTech();
+//   vjs.log('unloadedTech')
+//   if (betweenFn) { betweenFn.call(); }
+//   vjs.log('LoadingTech')
+//   this.loadTech(this.techName, { src: this.cache_.src })
+//   vjs.log('loadedTech')
+// },
+
+/* Fallbacks for unsupported event types
+================================================================================ */
+// Manually trigger progress events based on changes to the buffered amount
+// Many flash players and older HTML5 browsers don't send progress or progress-like events
+vjs.Player.prototype.manualProgressOn = function(){
+  this.manualProgress = true;
+
+  // Trigger progress watching when a source begins loading
+  this.trackProgress();
+
+  // Watch for a native progress event call on the tech element
+  // In HTML5, some older versions don't support the progress event
+  // So we're assuming they don't, and turning off manual progress if they do.
+  // As opposed to doing user agent detection
+  this.tech.one('progress', function(){
+
+    // Update known progress support for this playback technology
+    this.features['progressEvents'] = true;
+
+    // Turn off manual progress tracking
+    this.player_.manualProgressOff();
+  });
+};
+
+vjs.Player.prototype.manualProgressOff = function(){
+  this.manualProgress = false;
+  this.stopTrackingProgress();
+};
+
+vjs.Player.prototype.trackProgress = function(){
+
+  this.progressInterval = setInterval(vjs.bind(this, function(){
+    // Don't trigger unless buffered amount is greater than last time
+    // log(this.cache_.bufferEnd, this.buffered().end(0), this.duration())
+    /* TODO: update for multiple buffered regions */
+    if (this.cache_.bufferEnd < this.buffered().end(0)) {
+      this.trigger('progress');
+    } else if (this.bufferedPercent() == 1) {
+      this.stopTrackingProgress();
+      this.trigger('progress'); // Last update
+    }
+  }), 500);
+};
+vjs.Player.prototype.stopTrackingProgress = function(){ clearInterval(this.progressInterval); };
+
+/*! Time Tracking -------------------------------------------------------------- */
+vjs.Player.prototype.manualTimeUpdatesOn = function(){
+  this.manualTimeUpdates = true;
+
+  this.on('play', this.trackCurrentTime);
+  this.on('pause', this.stopTrackingCurrentTime);
+  // timeupdate is also called by .currentTime whenever current time is set
+
+  // Watch for native timeupdate event
+  this.tech.one('timeupdate', function(){
+    // Update known progress support for this playback technology
+    this.features['timeupdateEvents'] = true;
+    // Turn off manual progress tracking
+    this.player_.manualTimeUpdatesOff();
+  });
+};
+
+vjs.Player.prototype.manualTimeUpdatesOff = function(){
+  this.manualTimeUpdates = false;
+  this.stopTrackingCurrentTime();
+  this.off('play', this.trackCurrentTime);
+  this.off('pause', this.stopTrackingCurrentTime);
+};
+
+vjs.Player.prototype.trackCurrentTime = function(){
+  if (this.currentTimeInterval) { this.stopTrackingCurrentTime(); }
+  this.currentTimeInterval = setInterval(vjs.bind(this, function(){
+    this.trigger('timeupdate');
+  }), 250); // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
+};
+
+// Turn off play progress tracking (when paused or dragging)
+vjs.Player.prototype.stopTrackingCurrentTime = function(){ clearInterval(this.currentTimeInterval); };
+
+// /* Player event handlers (how the player reacts to certain events)
+// ================================================================================ */
+
+/**
+ * Fired when the user agent begins looking for media data
+ * @event loadstart
+ */
+vjs.Player.prototype.onLoadStart;
+
+/**
+ * Fired when the player has initial duration and dimension information
+ * @event loadedmetadata
+ */
+vjs.Player.prototype.onLoadedMetaData;
+
+/**
+ * Fired when the player has downloaded data at the current playback position
+ * @event loadeddata
+ */
+vjs.Player.prototype.onLoadedData;
+
+/**
+ * Fired when the player has finished downloading the source data
+ * @event loadedalldata
+ */
+vjs.Player.prototype.onLoadedAllData;
+
+/**
+ * Fired whenever the media begins or resumes playback
+ * @event play
+ */
+vjs.Player.prototype.onPlay = function(){
+  vjs.removeClass(this.el_, 'vjs-paused');
+  vjs.addClass(this.el_, 'vjs-playing');
+};
+
+/**
+ * Fired the first time a video is played
+ *
+ * Not part of the HLS spec, and we're not sure if this is the best
+ * implementation yet, so use sparingly. If you don't have a reason to
+ * prevent playback, use `myPlayer.one('play');` instead.
+ *
+ * @event firstplay
+ */
+vjs.Player.prototype.onFirstPlay = function(){
+    //If the first starttime attribute is specified
+    //then we will start at the given offset in seconds
+    if(this.options_['starttime']){
+      this.currentTime(this.options_['starttime']);
+    }
+
+    this.addClass('vjs-has-started');
+};
+
+/**
+ * Fired whenever the media has been paused
+ * @event pause
+ */
+vjs.Player.prototype.onPause = function(){
+  vjs.removeClass(this.el_, 'vjs-playing');
+  vjs.addClass(this.el_, 'vjs-paused');
+};
+
+/**
+ * Fired when the current playback position has changed
+ *
+ * During playback this is fired every 15-250 milliseconds, depnding on the
+ * playback technology in use.
+ * @event timeupdate
+ */
+vjs.Player.prototype.onTimeUpdate;
+
+/**
+ * Fired while the user agent is downloading media data
+ * @event progress
+ */
+vjs.Player.prototype.onProgress = function(){
+  // Add custom event for when source is finished downloading.
+  if (this.bufferedPercent() == 1) {
+    this.trigger('loadedalldata');
+  }
+};
+
+/**
+ * Fired when the end of the media resource is reached (currentTime == duration)
+ * @event ended
+ */
+vjs.Player.prototype.onEnded = function(){
+  if (this.options_['loop']) {
+    this.currentTime(0);
+    this.play();
+  }
+};
+
+/**
+ * Fired when the duration of the media resource is first known or changed
+ * @event durationchange
+ */
+vjs.Player.prototype.onDurationChange = function(){
+  // Allows for cacheing value instead of asking player each time.
+  this.duration(this.techGet('duration'));
+};
+
+/**
+ * Fired when the volume changes
+ * @event volumechange
+ */
+vjs.Player.prototype.onVolumeChange;
+
+/**
+ * Fired when the player switches in or out of fullscreen mode
+ * @event fullscreenchange
+ */
+vjs.Player.prototype.onFullscreenChange = function() {
+  if (this.isFullScreen) {
+    this.addClass('vjs-fullscreen');
+  } else {
+    this.removeClass('vjs-fullscreen');
+  }
+};
+
+/**
+ * Fired when there is an error in playback
+ * @event error
+ */
+vjs.Player.prototype.onError = function(e) {
+  vjs.log('Video Error', e);
+};
+
+// /* Player API
+// ================================================================================ */
+
+/**
+ * Object for cached values.
+ * @private
+ */
+vjs.Player.prototype.cache_;
+
+vjs.Player.prototype.getCache = function(){
+  return this.cache_;
+};
+
+// Pass values to the playback tech
+vjs.Player.prototype.techCall = function(method, arg){
+  // If it's not ready yet, call method when it is
+  if (this.tech && !this.tech.isReady_) {
+    this.tech.ready(function(){
+      this[method](arg);
+    });
+
+  // Otherwise call method now
+  } else {
+    try {
+      this.tech[method](arg);
+    } catch(e) {
+      vjs.log(e);
+      throw e;
+    }
+  }
+};
+
+// Get calls can't wait for the tech, and sometimes don't need to.
+vjs.Player.prototype.techGet = function(method){
+
+  if (this.tech && this.tech.isReady_) {
+
+    // Flash likes to die and reload when you hide or reposition it.
+    // In these cases the object methods go away and we get errors.
+    // When that happens we'll catch the errors and inform tech that it's not ready any more.
+    try {
+      return this.tech[method]();
+    } catch(e) {
+      // When building additional tech libs, an expected method may not be defined yet
+      if (this.tech[method] === undefined) {
+        vjs.log('Video.js: ' + method + ' method not defined for '+this.techName+' playback technology.', e);
+      } else {
+        // When a method isn't available on the object it throws a TypeError
+        if (e.name == 'TypeError') {
+          vjs.log('Video.js: ' + method + ' unavailable on '+this.techName+' playback technology element.', e);
+          this.tech.isReady_ = false;
+        } else {
+          vjs.log(e);
+        }
+      }
+      throw e;
+    }
+  }
+
+  return;
+};
+
+/**
+ * start media playback
+ *
+ *     myPlayer.play();
+ *
+ * @return {vjs.Player} self
+ */
+vjs.Player.prototype.play = function(){
+  this.techCall('play');
+  return this;
+};
+
+/**
+ * Pause the video playback
+ *
+ *     myPlayer.pause();
+ *
+ * @return {vjs.Player} self
+ */
+vjs.Player.prototype.pause = function(){
+  this.techCall('pause');
+  return this;
+};
+
+/**
+ * Check if the player is paused
+ *
+ *     var isPaused = myPlayer.paused();
+ *     var isPlaying = !myPlayer.paused();
+ *
+ * @return {Boolean} false if the media is currently playing, or true otherwise
+ */
+vjs.Player.prototype.paused = function(){
+  // The initial state of paused should be true (in Safari it's actually false)
+  return (this.techGet('paused') === false) ? false : true;
+};
+
+/**
+ * Get or set the current time (in seconds)
+ *
+ *     // get
+ *     var whereYouAt = myPlayer.currentTime();
+ *
+ *     // set
+ *     myPlayer.currentTime(120); // 2 minutes into the video
+ *
+ * @param  {Number|String=} seconds The time to seek to
+ * @return {Number}        The time in seconds, when not setting
+ * @return {vjs.Player}    self, when the current time is set
+ */
+vjs.Player.prototype.currentTime = function(seconds){
+  if (seconds !== undefined) {
+
+    // cache the last set value for smoother scrubbing
+    this.cache_.lastSetCurrentTime = seconds;
+
+    this.techCall('setCurrentTime', seconds);
+
+    // improve the accuracy of manual timeupdates
+    if (this.manualTimeUpdates) { this.trigger('timeupdate'); }
+
+    return this;
+  }
+
+  // cache last currentTime and return
+  // default to 0 seconds
+  return this.cache_.currentTime = (this.techGet('currentTime') || 0);
+};
+
+/**
+ * Get the length in time of the video in seconds
+ *
+ *     var lengthOfVideo = myPlayer.duration();
+ *
+ * **NOTE**: The video must have started loading before the duration can be
+ * known, and in the case of Flash, may not be known until the video starts
+ * playing.
+ *
+ * @return {Number} The duration of the video in seconds
+ */
+vjs.Player.prototype.duration = function(seconds){
+  if (seconds !== undefined) {
+
+    // cache the last set value for optimiized scrubbing (esp. Flash)
+    this.cache_.duration = parseFloat(seconds);
+
+    return this;
+  }
+
+  if (this.cache_.duration === undefined) {
+    this.onDurationChange();
+  }
+
+  return this.cache_.duration;
+};
+
+// Calculates how much time is left. Not in spec, but useful.
+vjs.Player.prototype.remainingTime = function(){
+  return this.duration() - this.currentTime();
+};
+
+// http://dev.w3.org/html5/spec/video.html#dom-media-buffered
+// Buffered returns a timerange object.
+// Kind of like an array of portions of the video that have been downloaded.
+// So far no browsers return more than one range (portion)
+
+/**
+ * Get a TimeRange object with the times of the video that have been downloaded
+ *
+ * If you just want the percent of the video that's been downloaded,
+ * use bufferedPercent.
+ *
+ *     // Number of different ranges of time have been buffered. Usually 1.
+ *     numberOfRanges = bufferedTimeRange.length,
+ *
+ *     // Time in seconds when the first range starts. Usually 0.
+ *     firstRangeStart = bufferedTimeRange.start(0),
+ *
+ *     // Time in seconds when the first range ends
+ *     firstRangeEnd = bufferedTimeRange.end(0),
+ *
+ *     // Length in seconds of the first time range
+ *     firstRangeLength = firstRangeEnd - firstRangeStart;
+ *
+ * @return {Object} A mock TimeRange object (following HTML spec)
+ */
+vjs.Player.prototype.buffered = function(){
+  var buffered = this.techGet('buffered'),
+      start = 0,
+      buflast = buffered.length - 1,
+      // Default end to 0 and store in values
+      end = this.cache_.bufferEnd = this.cache_.bufferEnd || 0;
+
+  if (buffered && buflast >= 0 && buffered.end(buflast) !== end) {
+    end = buffered.end(buflast);
+    // Storing values allows them be overridden by setBufferedFromProgress
+    this.cache_.bufferEnd = end;
+  }
+
+  return vjs.createTimeRange(start, end);
+};
+
+/**
+ * Get the percent (as a decimal) of the video that's been downloaded
+ *
+ *     var howMuchIsDownloaded = myPlayer.bufferedPercent();
+ *
+ * 0 means none, 1 means all.
+ * (This method isn't in the HTML5 spec, but it's very convenient)
+ *
+ * @return {Number} A decimal between 0 and 1 representing the percent
+ */
+vjs.Player.prototype.bufferedPercent = function(){
+  return (this.duration()) ? this.buffered().end(0) / this.duration() : 0;
+};
+
+/**
+ * Get or set the current volume of the media
+ *
+ *     // get
+ *     var howLoudIsIt = myPlayer.volume();
+ *
+ *     // set
+ *     myPlayer.volume(0.5); // Set volume to half
+ *
+ * 0 is off (muted), 1.0 is all the way up, 0.5 is half way.
+ *
+ * @param  {Number} percentAsDecimal The new volume as a decimal percent
+ * @return {Number}                  The current volume, when getting
+ * @return {vjs.Player}              self, when setting
+ */
+vjs.Player.prototype.volume = function(percentAsDecimal){
+  var vol;
+
+  if (percentAsDecimal !== undefined) {
+    vol = Math.max(0, Math.min(1, parseFloat(percentAsDecimal))); // Force value to between 0 and 1
+    this.cache_.volume = vol;
+    this.techCall('setVolume', vol);
+    vjs.setLocalStorage('volume', vol);
+    return this;
+  }
+
+  // Default to 1 when returning current volume.
+  vol = parseFloat(this.techGet('volume'));
+  return (isNaN(vol)) ? 1 : vol;
+};
+
+
+/**
+ * Get the current muted state, or turn mute on or off
+ *
+ *     // get
+ *     var isVolumeMuted = myPlayer.muted();
+ *
+ *     // set
+ *     myPlayer.muted(true); // mute the volume
+ *
+ * @param  {Boolean=} muted True to mute, false to unmute
+ * @return {Boolean} True if mute is on, false if not, when getting
+ * @return {vjs.Player} self, when setting mute
+ */
+vjs.Player.prototype.muted = function(muted){
+  if (muted !== undefined) {
+    this.techCall('setMuted', muted);
+    return this;
+  }
+  return this.techGet('muted') || false; // Default to false
+};
+
+// Check if current tech can support native fullscreen (e.g. with built in controls lik iOS, so not our flash swf)
+vjs.Player.prototype.supportsFullScreen = function(){ return this.techGet('supportsFullScreen') || false; };
+
+/**
+ * Increase the size of the video to full screen
+ *
+ *     myPlayer.requestFullScreen();
+ *
+ * In some browsers, full screen is not supported natively, so it enters
+ * "full window mode", where the video fills the browser window.
+ * In browsers and devices that support native full screen, sometimes the
+ * browser's default controls will be shown, and not the Video.js custom skin.
+ * This includes most mobile devices (iOS, Android) and older versions of
+ * Safari.
+ *
+ * @return {vjs.Player} self
+ */
+vjs.Player.prototype.requestFullScreen = function(){
+  var requestFullScreen = vjs.support.requestFullScreen;
+  this.isFullScreen = true;
+
+  if (requestFullScreen) {
+    // the browser supports going fullscreen at the element level so we can
+    // take the controls fullscreen as well as the video
+
+    // Trigger fullscreenchange event after change
+    // We have to specifically add this each time, and remove
+    // when cancelling fullscreen. Otherwise if there's multiple
+    // players on a page, they would all be reacting to the same fullscreen
+    // events
+    vjs.on(document, requestFullScreen.eventName, vjs.bind(this, function(e){
+      this.isFullScreen = document[requestFullScreen.isFullScreen];
+
+      // If cancelling fullscreen, remove event listener.
+      if (this.isFullScreen === false) {
+        vjs.off(document, requestFullScreen.eventName, arguments.callee);
+      }
+
+      this.trigger('fullscreenchange');
+    }));
+
+    this.el_[requestFullScreen.requestFn]();
+
+  } else if (this.tech.supportsFullScreen()) {
+    // we can't take the video.js controls fullscreen but we can go fullscreen
+    // with native controls
+    this.techCall('enterFullScreen');
+  } else {
+    // fullscreen isn't supported so we'll just stretch the video element to
+    // fill the viewport
+    this.enterFullWindow();
+    this.trigger('fullscreenchange');
+  }
+
+  return this;
+};
+
+/**
+ * Return the video to its normal size after having been in full screen mode
+ *
+ *     myPlayer.cancelFullScreen();
+ *
+ * @return {vjs.Player} self
+ */
+vjs.Player.prototype.cancelFullScreen = function(){
+  var requestFullScreen = vjs.support.requestFullScreen;
+  this.isFullScreen = false;
+
+  // Check for browser element fullscreen support
+  if (requestFullScreen) {
+    document[requestFullScreen.cancelFn]();
+  } else if (this.tech.supportsFullScreen()) {
+   this.techCall('exitFullScreen');
+  } else {
+   this.exitFullWindow();
+   this.trigger('fullscreenchange');
+  }
+
+  return this;
+};
+
+// When fullscreen isn't supported we can stretch the video container to as wide as the browser will let us.
+vjs.Player.prototype.enterFullWindow = function(){
+  this.isFullWindow = true;
+
+  // Storing original doc overflow value to return to when fullscreen is off
+  this.docOrigOverflow = document.documentElement.style.overflow;
+
+  // Add listener for esc key to exit fullscreen
+  vjs.on(document, 'keydown', vjs.bind(this, this.fullWindowOnEscKey));
+
+  // Hide any scroll bars
+  document.documentElement.style.overflow = 'hidden';
+
+  // Apply fullscreen styles
+  vjs.addClass(document.body, 'vjs-full-window');
+
+  this.trigger('enterFullWindow');
+};
+vjs.Player.prototype.fullWindowOnEscKey = function(event){
+  if (event.keyCode === 27) {
+    if (this.isFullScreen === true) {
+      this.cancelFullScreen();
+    } else {
+      this.exitFullWindow();
+    }
+  }
+};
+
+vjs.Player.prototype.exitFullWindow = function(){
+  this.isFullWindow = false;
+  vjs.off(document, 'keydown', this.fullWindowOnEscKey);
+
+  // Unhide scroll bars.
+  document.documentElement.style.overflow = this.docOrigOverflow;
+
+  // Remove fullscreen styles
+  vjs.removeClass(document.body, 'vjs-full-window');
+
+  // Resize the box, controller, and poster to original sizes
+  // this.positionAll();
+  this.trigger('exitFullWindow');
+};
+
+vjs.Player.prototype.selectSource = function(sources){
+
+  // Loop through each playback technology in the options order
+  for (var i=0,j=this.options_['techOrder'];i<j.length;i++) {
+    var techName = vjs.capitalize(j[i]),
+        tech = window['videojs'][techName];
+
+    // Check if the browser supports this technology
+    if (tech.isSupported()) {
+      // Loop through each source object
+      for (var a=0,b=sources;a<b.length;a++) {
+        var source = b[a];
+
+        // Check if source can be played with this technology
+        if (tech['canPlaySource'](source)) {
+          return { source: source, tech: techName };
+        }
+      }
+    }
+  }
+
+  return false;
+};
+
+/**
+ * The source function updates the video source
+ *
+ * There are three types of variables you can pass as the argument.
+ *
+ * **URL String**: A URL to the the video file. Use this method if you are sure
+ * the current playback technology (HTML5/Flash) can support the source you
+ * provide. Currently only MP4 files can be used in both HTML5 and Flash.
+ *
+ *     myPlayer.src("http://www.example.com/path/to/video.mp4");
+ *
+ * **Source Object (or element):** A javascript object containing information
+ * about the source file. Use this method if you want the player to determine if
+ * it can support the file using the type information.
+ *
+ *     myPlayer.src({ type: "video/mp4", src: "http://www.example.com/path/to/video.mp4" });
+ *
+ * **Array of Source Objects:** To provide multiple versions of the source so
+ * that it can be played using HTML5 across browsers you can use an array of
+ * source objects. Video.js will detect which version is supported and load that
+ * file.
+ *
+ *     myPlayer.src([
+ *       { type: "video/mp4", src: "http://www.example.com/path/to/video.mp4" },
+ *       { type: "video/webm", src: "http://www.example.com/path/to/video.webm" },
+ *       { type: "video/ogg", src: "http://www.example.com/path/to/video.ogv" }
+ *     ]);
+ *
+ * @param  {String|Object|Array=} source The source URL, object, or array of sources
+ * @return {vjs.Player} self
+ */
+vjs.Player.prototype.src = function(source){
+  // Case: Array of source objects to choose from and pick the best to play
+  if (source instanceof Array) {
+
+    var sourceTech = this.selectSource(source),
+        techName;
+
+    if (sourceTech) {
+        source = sourceTech.source;
+        techName = sourceTech.tech;
+
+      // If this technology is already loaded, set source
+      if (techName == this.techName) {
+        this.src(source); // Passing the source object
+      // Otherwise load this technology with chosen source
+      } else {
+        this.loadTech(techName, source);
+      }
+    } else {
+      this.el_.appendChild(vjs.createEl('p', {
+        innerHTML: this.options()['notSupportedMessage']
+      }));
+    }
+
+  // Case: Source object { src: '', type: '' ... }
+  } else if (source instanceof Object) {
+
+    if (window['videojs'][this.techName]['canPlaySource'](source)) {
+      this.src(source.src);
+    } else {
+      // Send through tech loop to check for a compatible technology.
+      this.src([source]);
+    }
+
+  // Case: URL String (http://myvideo...)
+  } else {
+    // Cache for getting last set source
+    this.cache_.src = source;
+
+    if (!this.isReady_) {
+      this.ready(function(){
+        this.src(source);
+      });
+    } else {
+      this.techCall('src', source);
+      if (this.options_['preload'] == 'auto') {
+        this.load();
+      }
+      if (this.options_['autoplay']) {
+        this.play();
+      }
+    }
+  }
+  return this;
+};
+
+// Begin loading the src data
+// http://dev.w3.org/html5/spec/video.html#dom-media-load
+vjs.Player.prototype.load = function(){
+  this.techCall('load');
+  return this;
+};
+
+// http://dev.w3.org/html5/spec/video.html#dom-media-currentsrc
+vjs.Player.prototype.currentSrc = function(){
+  return this.techGet('currentSrc') || this.cache_.src || '';
+};
+
+// Attributes/Options
+vjs.Player.prototype.preload = function(value){
+  if (value !== undefined) {
+    this.techCall('setPreload', value);
+    this.options_['preload'] = value;
+    return this;
+  }
+  return this.techGet('preload');
+};
+vjs.Player.prototype.autoplay = function(value){
+  if (value !== undefined) {
+    this.techCall('setAutoplay', value);
+    this.options_['autoplay'] = value;
+    return this;
+  }
+  return this.techGet('autoplay', value);
+};
+vjs.Player.prototype.loop = function(value){
+  if (value !== undefined) {
+    this.techCall('setLoop', value);
+    this.options_['loop'] = value;
+    return this;
+  }
+  return this.techGet('loop');
+};
+
+/**
+ * the url of the poster image source
+ * @type {String}
+ * @private
+ */
+vjs.Player.prototype.poster_;
+
+/**
+ * get or set the poster image source url
+ *
+ * ##### EXAMPLE:
+ *
+ *     // getting
+ *     var currentPoster = myPlayer.poster();
+ *
+ *     // setting
+ *     myPlayer.poster('http://example.com/myImage.jpg');
+ *
+ * @param  {String=} [src] Poster image source URL
+ * @return {String} poster URL when getting
+ * @return {vjs.Player} self when setting
+ */
+vjs.Player.prototype.poster = function(src){
+  if (src !== undefined) {
+    this.poster_ = src;
+    return this;
+  }
+  return this.poster_;
+};
+
+/**
+ * Whether or not the controls are showing
+ * @type {Boolean}
+ * @private
+ */
+vjs.Player.prototype.controls_;
+
+/**
+ * Get or set whether or not the controls are showing.
+ * @param  {Boolean} controls Set controls to showing or not
+ * @return {Boolean}    Controls are showing
+ */
+vjs.Player.prototype.controls = function(bool){
+  if (bool !== undefined) {
+    bool = !!bool; // force boolean
+    // Don't trigger a change event unless it actually changed
+    if (this.controls_ !== bool) {
+      this.controls_ = bool;
+      if (bool) {
+        this.removeClass('vjs-controls-disabled');
+        this.addClass('vjs-controls-enabled');
+        this.trigger('controlsenabled');
+      } else {
+        this.removeClass('vjs-controls-enabled');
+        this.addClass('vjs-controls-disabled');
+        this.trigger('controlsdisabled');
+      }
+    }
+    return this;
+  }
+  return this.controls_;
+};
+
+vjs.Player.prototype.usingNativeControls_;
+
+/**
+ * Toggle native controls on/off. Native controls are the controls built into
+ * devices (e.g. default iPhone controls), Flash, or other techs
+ * (e.g. Vimeo Controls)
+ *
+ * **This should only be set by the current tech, because only the tech knows
+ * if it can support native controls**
+ *
+ * @param  {Boolean} bool    True signals that native controls are on
+ * @return {vjs.Player}      Returns the player
+ * @private
+ */
+vjs.Player.prototype.usingNativeControls = function(bool){
+  if (bool !== undefined) {
+    bool = !!bool; // force boolean
+    // Don't trigger a change event unless it actually changed
+    if (this.usingNativeControls_ !== bool) {
+      this.usingNativeControls_ = bool;
+      if (bool) {
+        this.addClass('vjs-using-native-controls');
+
+        /**
+         * player is using the native device controls
+         *
+         * @event usingnativecontrols
+         * @memberof vjs.Player
+         * @instance
+         * @private
+         */
+        this.trigger('usingnativecontrols');
+      } else {
+        this.removeClass('vjs-using-native-controls');
+
+        /**
+         * player is using the custom HTML controls
+         *
+         * @event usingcustomcontrols
+         * @memberof vjs.Player
+         * @instance
+         * @private
+         */
+        this.trigger('usingcustomcontrols');
+      }
+    }
+    return this;
+  }
+  return this.usingNativeControls_;
+};
+
+vjs.Player.prototype.error = function(){ return this.techGet('error'); };
+vjs.Player.prototype.ended = function(){ return this.techGet('ended'); };
+vjs.Player.prototype.seeking = function(){ return this.techGet('seeking'); };
+
+// When the player is first initialized, trigger activity so components
+// like the control bar show themselves if needed
+vjs.Player.prototype.userActivity_ = true;
+vjs.Player.prototype.reportUserActivity = function(event){
+  this.userActivity_ = true;
+};
+
+vjs.Player.prototype.userActive_ = true;
+vjs.Player.prototype.userActive = function(bool){
+  if (bool !== undefined) {
+    bool = !!bool;
+    if (bool !== this.userActive_) {
+      this.userActive_ = bool;
+      if (bool) {
+        // If the user was inactive and is now active we want to reset the
+        // inactivity timer
+        this.userActivity_ = true;
+        this.removeClass('vjs-user-inactive');
+        this.addClass('vjs-user-active');
+        this.trigger('useractive');
+      } else {
+        // We're switching the state to inactive manually, so erase any other
+        // activity
+        this.userActivity_ = false;
+
+        // Chrome/Safari/IE have bugs where when you change the cursor it can
+        // trigger a mousemove event. This causes an issue when you're hiding
+        // the cursor when the user is inactive, and a mousemove signals user
+        // activity. Making it impossible to go into inactive mode. Specifically
+        // this happens in fullscreen when we really need to hide the cursor.
+        //
+        // When this gets resolved in ALL browsers it can be removed
+        // https://code.google.com/p/chromium/issues/detail?id=103041
+        this.tech.one('mousemove', function(e){
+          e.stopPropagation();
+          e.preventDefault();
+        });
+        this.removeClass('vjs-user-active');
+        this.addClass('vjs-user-inactive');
+        this.trigger('userinactive');
+      }
+    }
+    return this;
+  }
+  return this.userActive_;
+};
+
+vjs.Player.prototype.listenForUserActivity = function(){
+  var onMouseActivity, onMouseDown, mouseInProgress, onMouseUp,
+      activityCheck, inactivityTimeout;
+
+  onMouseActivity = this.reportUserActivity;
+
+  onMouseDown = function() {
+    onMouseActivity();
+    // For as long as the they are touching the device or have their mouse down,
+    // we consider them active even if they're not moving their finger or mouse.
+    // So we want to continue to update that they are active
+    clearInterval(mouseInProgress);
+    // Setting userActivity=true now and setting the interval to the same time
+    // as the activityCheck interval (250) should ensure we never miss the
+    // next activityCheck
+    mouseInProgress = setInterval(vjs.bind(this, onMouseActivity), 250);
+  };
+
+  onMouseUp = function(event) {
+    onMouseActivity();
+    // Stop the interval that maintains activity if the mouse/touch is down
+    clearInterval(mouseInProgress);
+  };
+
+  // Any mouse movement will be considered user activity
+  this.on('mousedown', onMouseDown);
+  this.on('mousemove', onMouseActivity);
+  this.on('mouseup', onMouseUp);
+
+  // Listen for keyboard navigation
+  // Shouldn't need to use inProgress interval because of key repeat
+  this.on('keydown', onMouseActivity);
+  this.on('keyup', onMouseActivity);
+
+  // Consider any touch events that bubble up to be activity
+  // Certain touches on the tech will be blocked from bubbling because they
+  // toggle controls
+  this.on('touchstart', onMouseDown);
+  this.on('touchmove', onMouseActivity);
+  this.on('touchend', onMouseUp);
+  this.on('touchcancel', onMouseUp);
+
+  // Run an interval every 250 milliseconds instead of stuffing everything into
+  // the mousemove/touchmove function itself, to prevent performance degradation.
+  // `this.reportUserActivity` simply sets this.userActivity_ to true, which
+  // then gets picked up by this loop
+  // http://ejohn.org/blog/learning-from-twitter/
+  activityCheck = setInterval(vjs.bind(this, function() {
+    // Check to see if mouse/touch activity has happened
+    if (this.userActivity_) {
+      // Reset the activity tracker
+      this.userActivity_ = false;
+
+      // If the user state was inactive, set the state to active
+      this.userActive(true);
+
+      // Clear any existing inactivity timeout to start the timer over
+      clearTimeout(inactivityTimeout);
+
+      // In X seconds, if no more activity has occurred the user will be
+      // considered inactive
+      inactivityTimeout = setTimeout(vjs.bind(this, function() {
+        // Protect against the case where the inactivityTimeout can trigger just
+        // before the next user activity is picked up by the activityCheck loop
+        // causing a flicker
+        if (!this.userActivity_) {
+          this.userActive(false);
+        }
+      }), 2000);
+    }
+  }), 250);
+
+  // Clean up the intervals when we kill the player
+  this.on('dispose', function(){
+    clearInterval(activityCheck);
+    clearTimeout(inactivityTimeout);
+  });
+};
+
+// Methods to add support for
+// networkState: function(){ return this.techCall('networkState'); },
+// readyState: function(){ return this.techCall('readyState'); },
+// seeking: function(){ return this.techCall('seeking'); },
+// initialTime: function(){ return this.techCall('initialTime'); },
+// startOffsetTime: function(){ return this.techCall('startOffsetTime'); },
+// played: function(){ return this.techCall('played'); },
+// seekable: function(){ return this.techCall('seekable'); },
+// videoTracks: function(){ return this.techCall('videoTracks'); },
+// audioTracks: function(){ return this.techCall('audioTracks'); },
+// videoWidth: function(){ return this.techCall('videoWidth'); },
+// videoHeight: function(){ return this.techCall('videoHeight'); },
+// defaultPlaybackRate: function(){ return this.techCall('defaultPlaybackRate'); },
+// playbackRate: function(){ return this.techCall('playbackRate'); },
+// mediaGroup: function(){ return this.techCall('mediaGroup'); },
+// controller: function(){ return this.techCall('controller'); },
+// defaultMuted: function(){ return this.techCall('defaultMuted'); }
+
+// TODO
+// currentSrcList: the array of sources including other formats and bitrates
+// playList: array of source lists in order of playback
+
+// RequestFullscreen API
+(function(){
+  var prefix, requestFS, div;
+
+  div = document.createElement('div');
+
+  requestFS = {};
+
+  // Current W3C Spec
+  // http://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api
+  // Mozilla Draft: https://wiki.mozilla.org/Gecko:FullScreenAPI#fullscreenchange_event
+  // New: https://dvcs.w3.org/hg/fullscreen/raw-file/529a67b8d9f3/Overview.html
+  if (div.cancelFullscreen !== undefined) {
+    requestFS.requestFn = 'requestFullscreen';
+    requestFS.cancelFn = 'exitFullscreen';
+    requestFS.eventName = 'fullscreenchange';
+    requestFS.isFullScreen = 'fullScreen';
+
+  // Webkit (Chrome/Safari) and Mozilla (Firefox) have working implementations
+  // that use prefixes and vary slightly from the new W3C spec. Specifically,
+  // using 'exit' instead of 'cancel', and lowercasing the 'S' in Fullscreen.
+  // Other browsers don't have any hints of which version they might follow yet,
+  // so not going to try to predict by looping through all prefixes.
+  } else {
+
+    if (document.mozCancelFullScreen) {
+      prefix = 'moz';
+      requestFS.isFullScreen = prefix + 'FullScreen';
+    } else {
+      prefix = 'webkit';
+      requestFS.isFullScreen = prefix + 'IsFullScreen';
+    }
+
+    if (div[prefix + 'RequestFullScreen']) {
+      requestFS.requestFn = prefix + 'RequestFullScreen';
+      requestFS.cancelFn = prefix + 'CancelFullScreen';
+    }
+    requestFS.eventName = prefix + 'fullscreenchange';
+  }
+
+  if (document[requestFS.cancelFn]) {
+    vjs.support.requestFullScreen = requestFS;
+  }
+
+})();
+
+
+/**
+ * Container of main controls
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ * @extends vjs.Component
+ */
+vjs.ControlBar = vjs.Component.extend();
+
+vjs.ControlBar.prototype.options_ = {
+  loadEvent: 'play',
+  children: {
+    'playToggle': {},
+    'currentTimeDisplay': {},
+    'timeDivider': {},
+    'durationDisplay': {},
+    'remainingTimeDisplay': {},
+    'progressControl': {},
+    'fullscreenToggle': {},
+    'volumeControl': {},
+    'muteToggle': {}
+    // 'volumeMenuButton': {}
+  }
+};
+
+vjs.ControlBar.prototype.createEl = function(){
+  return vjs.createEl('div', {
+    className: 'vjs-control-bar'
+  });
+};
+/**
+ * Button to toggle between play and pause
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.PlayToggle = vjs.Button.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+
+    player.on('play', vjs.bind(this, this.onPlay));
+    player.on('pause', vjs.bind(this, this.onPause));
+  }
+});
+
+vjs.PlayToggle.prototype.buttonText = 'Play';
+
+vjs.PlayToggle.prototype.buildCSSClass = function(){
+  return 'vjs-play-control ' + vjs.Button.prototype.buildCSSClass.call(this);
+};
+
+// OnClick - Toggle between play and pause
+vjs.PlayToggle.prototype.onClick = function(){
+  if (this.player_.paused()) {
+    this.player_.play();
+  } else {
+    this.player_.pause();
+  }
+};
+
+  // OnPlay - Add the vjs-playing class to the element so it can change appearance
+vjs.PlayToggle.prototype.onPlay = function(){
+  vjs.removeClass(this.el_, 'vjs-paused');
+  vjs.addClass(this.el_, 'vjs-playing');
+  this.el_.children[0].children[0].innerHTML = 'Pause'; // change the button text to "Pause"
+};
+
+  // OnPause - Add the vjs-paused class to the element so it can change appearance
+vjs.PlayToggle.prototype.onPause = function(){
+  vjs.removeClass(this.el_, 'vjs-playing');
+  vjs.addClass(this.el_, 'vjs-paused');
+  this.el_.children[0].children[0].innerHTML = 'Play'; // change the button text to "Play"
+};
+/**
+ * Displays the current time
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.CurrentTimeDisplay = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    player.on('timeupdate', vjs.bind(this, this.updateContent));
+  }
+});
+
+vjs.CurrentTimeDisplay.prototype.createEl = function(){
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-current-time vjs-time-controls vjs-control'
+  });
+
+  this.content = vjs.createEl('div', {
+    className: 'vjs-current-time-display',
+    innerHTML: '<span class="vjs-control-text">Current Time </span>' + '0:00', // label the current time for screen reader users
+    'aria-live': 'off' // tell screen readers not to automatically read the time as it changes
+  });
+
+  el.appendChild(vjs.createEl('div').appendChild(this.content));
+  return el;
+};
+
+vjs.CurrentTimeDisplay.prototype.updateContent = function(){
+  // Allows for smooth scrubbing, when player can't keep up.
+  var time = (this.player_.scrubbing) ? this.player_.getCache().currentTime : this.player_.currentTime();
+  this.content.innerHTML = '<span class="vjs-control-text">Current Time </span>' + vjs.formatTime(time, this.player_.duration());
+};
+
+/**
+ * Displays the duration
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.DurationDisplay = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    player.on('timeupdate', vjs.bind(this, this.updateContent)); // this might need to be changes to 'durationchange' instead of 'timeupdate' eventually, however the durationchange event fires before this.player_.duration() is set, so the value cannot be written out using this method. Once the order of durationchange and this.player_.duration() being set is figured out, this can be updated.
+  }
+});
+
+vjs.DurationDisplay.prototype.createEl = function(){
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-duration vjs-time-controls vjs-control'
+  });
+
+  this.content = vjs.createEl('div', {
+    className: 'vjs-duration-display',
+    innerHTML: '<span class="vjs-control-text">Duration Time </span>' + '0:00', // label the duration time for screen reader users
+    'aria-live': 'off' // tell screen readers not to automatically read the time as it changes
+  });
+
+  el.appendChild(vjs.createEl('div').appendChild(this.content));
+  return el;
+};
+
+vjs.DurationDisplay.prototype.updateContent = function(){
+  var duration = this.player_.duration();
+  if (duration) {
+      this.content.innerHTML = '<span class="vjs-control-text">Duration Time </span>' + vjs.formatTime(duration); // label the duration time for screen reader users
+  }
+};
+
+/**
+ * The separator between the current time and duration
+ *
+ * Can be hidden if it's not needed in the design.
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.TimeDivider = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+  }
+});
+
+vjs.TimeDivider.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-time-divider',
+    innerHTML: '<div><span>/</span></div>'
+  });
+};
+
+/**
+ * Displays the time left in the video
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.RemainingTimeDisplay = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    player.on('timeupdate', vjs.bind(this, this.updateContent));
+  }
+});
+
+vjs.RemainingTimeDisplay.prototype.createEl = function(){
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-remaining-time vjs-time-controls vjs-control'
+  });
+
+  this.content = vjs.createEl('div', {
+    className: 'vjs-remaining-time-display',
+    innerHTML: '<span class="vjs-control-text">Remaining Time </span>' + '-0:00', // label the remaining time for screen reader users
+    'aria-live': 'off' // tell screen readers not to automatically read the time as it changes
+  });
+
+  el.appendChild(vjs.createEl('div').appendChild(this.content));
+  return el;
+};
+
+vjs.RemainingTimeDisplay.prototype.updateContent = function(){
+  if (this.player_.duration()) {
+    this.content.innerHTML = '<span class="vjs-control-text">Remaining Time </span>' + '-'+ vjs.formatTime(this.player_.remainingTime());
+  }
+
+  // Allows for smooth scrubbing, when player can't keep up.
+  // var time = (this.player_.scrubbing) ? this.player_.getCache().currentTime : this.player_.currentTime();
+  // this.content.innerHTML = vjs.formatTime(time, this.player_.duration());
+};
+/**
+ * Toggle fullscreen video
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @extends vjs.Button
+ */
+vjs.FullscreenToggle = vjs.Button.extend({
+  /**
+   * @constructor
+   * @memberof vjs.FullscreenToggle
+   * @instance
+   */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+  }
+});
+
+vjs.FullscreenToggle.prototype.buttonText = 'Fullscreen';
+
+vjs.FullscreenToggle.prototype.buildCSSClass = function(){
+  return 'vjs-fullscreen-control ' + vjs.Button.prototype.buildCSSClass.call(this);
+};
+
+vjs.FullscreenToggle.prototype.onClick = function(){
+  if (!this.player_.isFullScreen) {
+    this.player_.requestFullScreen();
+    this.el_.children[0].children[0].innerHTML = 'Non-Fullscreen'; // change the button text to "Non-Fullscreen"
+  } else {
+    this.player_.cancelFullScreen();
+    this.el_.children[0].children[0].innerHTML = 'Fullscreen'; // change the button to "Fullscreen"
+  }
+};
+/**
+ * The Progress Control component contains the seek bar, load progress,
+ * and play progress
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.ProgressControl = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+  }
+});
+
+vjs.ProgressControl.prototype.options_ = {
+  children: {
+    'seekBar': {}
+  }
+};
+
+vjs.ProgressControl.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-progress-control vjs-control'
+  });
+};
+
+/**
+ * Seek Bar and holder for the progress bars
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.SeekBar = vjs.Slider.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Slider.call(this, player, options);
+    player.on('timeupdate', vjs.bind(this, this.updateARIAAttributes));
+    player.ready(vjs.bind(this, this.updateARIAAttributes));
+  }
+});
+
+vjs.SeekBar.prototype.options_ = {
+  children: {
+    'loadProgressBar': {},
+    'playProgressBar': {},
+    'seekHandle': {}
+  },
+  'barName': 'playProgressBar',
+  'handleName': 'seekHandle'
+};
+
+vjs.SeekBar.prototype.playerEvent = 'timeupdate';
+
+vjs.SeekBar.prototype.createEl = function(){
+  return vjs.Slider.prototype.createEl.call(this, 'div', {
+    className: 'vjs-progress-holder',
+    'aria-label': 'video progress bar'
+  });
+};
+
+vjs.SeekBar.prototype.updateARIAAttributes = function(){
+    // Allows for smooth scrubbing, when player can't keep up.
+    var time = (this.player_.scrubbing) ? this.player_.getCache().currentTime : this.player_.currentTime();
+    this.el_.setAttribute('aria-valuenow',vjs.round(this.getPercent()*100, 2)); // machine readable value of progress bar (percentage complete)
+    this.el_.setAttribute('aria-valuetext',vjs.formatTime(time, this.player_.duration())); // human readable value of progress bar (time complete)
+};
+
+vjs.SeekBar.prototype.getPercent = function(){
+  var currentTime;
+  // Flash RTMP provider will not report the correct time
+  // immediately after a seek. This isn't noticeable if you're
+  // seeking while the video is playing, but it is if you seek
+  // while the video is paused.
+  if (this.player_.techName === 'Flash' && this.player_.seeking()) {
+    var cache = this.player_.getCache();
+    if (cache.lastSetCurrentTime) {
+      currentTime = cache.lastSetCurrentTime;
+    }
+    else {
+      currentTime = this.player_.currentTime();
+    }
+  }
+  else {
+    currentTime = this.player_.currentTime();
+  }
+
+  return currentTime / this.player_.duration();
+};
+
+vjs.SeekBar.prototype.onMouseDown = function(event){
+  vjs.Slider.prototype.onMouseDown.call(this, event);
+
+  this.player_.scrubbing = true;
+
+  this.videoWasPlaying = !this.player_.paused();
+  this.player_.pause();
+};
+
+vjs.SeekBar.prototype.onMouseMove = function(event){
+  var newTime = this.calculateDistance(event) * this.player_.duration();
+
+  // Don't let video end while scrubbing.
+  if (newTime == this.player_.duration()) { newTime = newTime - 0.1; }
+
+  // Set new time (tell player to seek to new time)
+  this.player_.currentTime(newTime);
+};
+
+vjs.SeekBar.prototype.onMouseUp = function(event){
+    debugger
+  vjs.Slider.prototype.onMouseUp.call(this, event);
+
+  this.player_.scrubbing = false;
+  if (this.videoWasPlaying) {
+      debugger
+    this.player_.play();
+  }
+};
+
+vjs.SeekBar.prototype.stepForward = function(){
+  this.player_.currentTime(this.player_.currentTime() + 5); // more quickly fast forward for keyboard-only users
+};
+
+vjs.SeekBar.prototype.stepBack = function(){
+  this.player_.currentTime(this.player_.currentTime() - 5); // more quickly rewind for keyboard-only users
+};
+
+
+/**
+ * Shows load progress
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.LoadProgressBar = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+    player.on('progress', vjs.bind(this, this.update));
+  }
+});
+
+vjs.LoadProgressBar.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-load-progress',
+    innerHTML: '<span class="vjs-control-text">Loaded: 0%</span>'
+  });
+};
+
+vjs.LoadProgressBar.prototype.update = function(){
+  if (this.el_.style) { this.el_.style.width = vjs.round(this.player_.bufferedPercent() * 100, 2) + '%'; }
+};
+
+
+/**
+ * Shows play progress
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.PlayProgressBar = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+  }
+});
+
+vjs.PlayProgressBar.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-play-progress',
+    innerHTML: '<span class="vjs-control-text">Progress: 0%</span>'
+  });
+};
+
+/**
+ * The Seek Handle shows the current position of the playhead during playback,
+ * and can be dragged to adjust the playhead.
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.SeekHandle = vjs.SliderHandle.extend();
+
+/**
+ * The default value for the handle content, which may be read by screen readers
+ *
+ * @type {String}
+ * @private
+ */
+vjs.SeekHandle.prototype.defaultValue = '00:00';
+
+/** @inheritDoc */
+vjs.SeekHandle.prototype.createEl = function(){
+  return vjs.SliderHandle.prototype.createEl.call(this, 'div', {
+    className: 'vjs-seek-handle'
+  });
+};
+/**
+ * The component for controlling the volume level
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.VolumeControl = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    // hide volume controls when they're not supported by the current tech
+    if (player.tech && player.tech.features && player.tech.features['volumeControl'] === false) {
+      this.addClass('vjs-hidden');
+    }
+    player.on('loadstart', vjs.bind(this, function(){
+      if (player.tech.features && player.tech.features['volumeControl'] === false) {
+        this.addClass('vjs-hidden');
+      } else {
+        this.removeClass('vjs-hidden');
+      }
+    }));
+  }
+});
+
+vjs.VolumeControl.prototype.options_ = {
+  children: {
+    'volumeBar': {}
+  }
+};
+
+vjs.VolumeControl.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-volume-control vjs-control'
+  });
+};
+
+/**
+ * The bar that contains the volume level and can be clicked on to adjust the level
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.VolumeBar = vjs.Slider.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Slider.call(this, player, options);
+    player.on('volumechange', vjs.bind(this, this.updateARIAAttributes));
+    player.ready(vjs.bind(this, this.updateARIAAttributes));
+    setTimeout(vjs.bind(this, this.update), 0); // update when elements is in DOM
+  }
+});
+
+vjs.VolumeBar.prototype.updateARIAAttributes = function(){
+  // Current value of volume bar as a percentage
+  this.el_.setAttribute('aria-valuenow',vjs.round(this.player_.volume()*100, 2));
+  this.el_.setAttribute('aria-valuetext',vjs.round(this.player_.volume()*100, 2)+'%');
+};
+
+vjs.VolumeBar.prototype.options_ = {
+  children: {
+    'volumeLevel': {},
+    'volumeHandle': {}
+  },
+  'barName': 'volumeLevel',
+  'handleName': 'volumeHandle'
+};
+
+vjs.VolumeBar.prototype.playerEvent = 'volumechange';
+
+vjs.VolumeBar.prototype.createEl = function(){
+  return vjs.Slider.prototype.createEl.call(this, 'div', {
+    className: 'vjs-volume-bar',
+    'aria-label': 'volume level'
+  });
+};
+
+vjs.VolumeBar.prototype.onMouseMove = function(event) {
+  if (this.player_.muted()) {
+    this.player_.muted(false);
+  }
+
+  this.player_.volume(this.calculateDistance(event));
+};
+
+vjs.VolumeBar.prototype.getPercent = function(){
+  if (this.player_.muted()) {
+    return 0;
+  } else {
+    return this.player_.volume();
+  }
+};
+
+vjs.VolumeBar.prototype.stepForward = function(){
+  this.player_.volume(this.player_.volume() + 0.1);
+};
+
+vjs.VolumeBar.prototype.stepBack = function(){
+  this.player_.volume(this.player_.volume() - 0.1);
+};
+
+/**
+ * Shows volume level
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.VolumeLevel = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+  }
+});
+
+vjs.VolumeLevel.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-volume-level',
+    innerHTML: '<span class="vjs-control-text"></span>'
+  });
+};
+
+/**
+ * The volume handle can be dragged to adjust the volume level
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+ vjs.VolumeHandle = vjs.SliderHandle.extend();
+
+ vjs.VolumeHandle.prototype.defaultValue = '00:00';
+
+ /** @inheritDoc */
+ vjs.VolumeHandle.prototype.createEl = function(){
+   return vjs.SliderHandle.prototype.createEl.call(this, 'div', {
+     className: 'vjs-volume-handle'
+   });
+ };
+/**
+ * A button component for muting the audio
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.MuteToggle = vjs.Button.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+
+    player.on('volumechange', vjs.bind(this, this.update));
+
+    // hide mute toggle if the current tech doesn't support volume control
+    if (player.tech && player.tech.features && player.tech.features['volumeControl'] === false) {
+      this.addClass('vjs-hidden');
+    }
+    player.on('loadstart', vjs.bind(this, function(){
+      if (player.tech.features && player.tech.features['volumeControl'] === false) {
+        this.addClass('vjs-hidden');
+      } else {
+        this.removeClass('vjs-hidden');
+      }
+    }));
+  }
+});
+
+vjs.MuteToggle.prototype.createEl = function(){
+  return vjs.Button.prototype.createEl.call(this, 'div', {
+    className: 'vjs-mute-control vjs-control',
+    innerHTML: '<div><span class="vjs-control-text">Mute</span></div>'
+  });
+};
+
+vjs.MuteToggle.prototype.onClick = function(){
+  this.player_.muted( this.player_.muted() ? false : true );
+};
+
+vjs.MuteToggle.prototype.update = function(){
+  var vol = this.player_.volume(),
+      level = 3;
+
+  if (vol === 0 || this.player_.muted()) {
+    level = 0;
+  } else if (vol < 0.33) {
+    level = 1;
+  } else if (vol < 0.67) {
+    level = 2;
+  }
+
+  // Don't rewrite the button text if the actual text doesn't change.
+  // This causes unnecessary and confusing information for screen reader users.
+  // This check is needed because this function gets called every time the volume level is changed.
+  if(this.player_.muted()){
+      if(this.el_.children[0].children[0].innerHTML!='Unmute'){
+          this.el_.children[0].children[0].innerHTML = 'Unmute'; // change the button text to "Unmute"
+      }
+  } else {
+      if(this.el_.children[0].children[0].innerHTML!='Mute'){
+          this.el_.children[0].children[0].innerHTML = 'Mute'; // change the button text to "Mute"
+      }
+  }
+
+  /* TODO improve muted icon classes */
+  for (var i = 0; i < 4; i++) {
+    vjs.removeClass(this.el_, 'vjs-vol-'+i);
+  }
+  vjs.addClass(this.el_, 'vjs-vol-'+level);
+};
+/**
+ * Menu button with a popup for showing the volume slider.
+ * @constructor
+ */
+vjs.VolumeMenuButton = vjs.MenuButton.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.MenuButton.call(this, player, options);
+
+    // Same listeners as MuteToggle
+    player.on('volumechange', vjs.bind(this, this.update));
+
+    // hide mute toggle if the current tech doesn't support volume control
+    if (player.tech && player.tech.features && player.tech.features.volumeControl === false) {
+      this.addClass('vjs-hidden');
+    }
+    player.on('loadstart', vjs.bind(this, function(){
+      if (player.tech.features && player.tech.features.volumeControl === false) {
+        this.addClass('vjs-hidden');
+      } else {
+        this.removeClass('vjs-hidden');
+      }
+    }));
+    this.addClass('vjs-menu-button');
+  }
+});
+
+vjs.VolumeMenuButton.prototype.createMenu = function(){
+  var menu = new vjs.Menu(this.player_, {
+    contentElType: 'div'
+  });
+  var vc = new vjs.VolumeBar(this.player_, vjs.obj.merge({vertical: true}, this.options_.volumeBar));
+  menu.addChild(vc);
+  return menu;
+};
+
+vjs.VolumeMenuButton.prototype.onClick = function(){
+  vjs.MuteToggle.prototype.onClick.call(this);
+  vjs.MenuButton.prototype.onClick.call(this);
+};
+
+vjs.VolumeMenuButton.prototype.createEl = function(){
+  return vjs.Button.prototype.createEl.call(this, 'div', {
+    className: 'vjs-volume-menu-button vjs-menu-button vjs-control',
+    innerHTML: '<div><span class="vjs-control-text">Mute</span></div>'
+  });
+};
+vjs.VolumeMenuButton.prototype.update = vjs.MuteToggle.prototype.update;
+/* Poster Image
+================================================================================ */
+/**
+ * The component that handles showing the poster image.
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.PosterImage = vjs.Button.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+
+    if (!player.poster() || !player.controls()) {
+      this.hide();
+    }
+
+    player.on('play', vjs.bind(this, this.hide));
+  }
+});
+
+vjs.PosterImage.prototype.createEl = function(){
+  var el = vjs.createEl('div', {
+        className: 'vjs-poster',
+
+        // Don't want poster to be tabbable.
+        tabIndex: -1
+      }),
+      poster = this.player_.poster();
+
+  if (poster) {
+    if ('backgroundSize' in el.style) {
+      el.style.backgroundImage = 'url("' + poster + '")';
+    } else {
+      el.appendChild(vjs.createEl('img', { src: poster }));
+    }
+  }
+
+  return el;
+};
+
+vjs.PosterImage.prototype.onClick = function(){
+  // Only accept clicks when controls are enabled
+  if (this.player().controls()) {
+    this.player_.play();
+  }
+};
+/* Loading Spinner
+================================================================================ */
+/**
+ * Loading spinner for waiting events
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.LoadingSpinner = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    player.on('canplay', vjs.bind(this, this.hide));
+    player.on('canplaythrough', vjs.bind(this, this.hide));
+    player.on('playing', vjs.bind(this, this.hide));
+    player.on('seeked', vjs.bind(this, this.hide));
+
+    player.on('seeking', vjs.bind(this, this.show));
+
+    // in some browsers seeking does not trigger the 'playing' event,
+    // so we also need to trap 'seeked' if we are going to set a
+    // 'seeking' event
+    player.on('seeked', vjs.bind(this, this.hide));
+
+    player.on('error', vjs.bind(this, this.show));
+
+    // Not showing spinner on stalled any more. Browsers may stall and then not trigger any events that would remove the spinner.
+    // Checked in Chrome 16 and Safari 5.1.2. http://help.videojs.com/discussions/problems/883-why-is-the-download-progress-showing
+    // player.on('stalled', vjs.bind(this, this.show));
+
+    player.on('waiting', vjs.bind(this, this.show));
+  }
+});
+
+vjs.LoadingSpinner.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-loading-spinner'
+  });
+};
+/* Big Play Button
+================================================================================ */
+/**
+ * Initial play button. Shows before the video has played. The hiding of the
+ * big play button is done via CSS and player states.
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.BigPlayButton = vjs.Button.extend();
+
+vjs.BigPlayButton.prototype.createEl = function(){
+  return vjs.Button.prototype.createEl.call(this, 'div', {
+    className: 'vjs-big-play-button',
+    innerHTML: '<span aria-hidden="true"></span>',
+    'aria-label': 'play video'
+  });
+};
+
+vjs.BigPlayButton.prototype.onClick = function(){
+  this.player_.play();
+};
+/**
+ * @fileoverview Media Technology Controller - Base class for media playback
+ * technology controllers like Flash and HTML5
+ */
+
+/**
+ * Base class for media (HTML5 Video, Flash) controllers
+ * @param {vjs.Player|Object} player  Central player instance
+ * @param {Object=} options Options object
+ * @constructor
+ */
+vjs.MediaTechController = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.Component.call(this, player, options, ready);
+
+    this.initControlsListeners();
+  }
+});
+
+/**
+ * Set up click and touch listeners for the playback element
+ * On desktops, a click on the video itself will toggle playback,
+ * on a mobile device a click on the video toggles controls.
+ * (toggling controls is done by toggling the user state between active and
+ * inactive)
+ *
+ * A tap can signal that a user has become active, or has become inactive
+ * e.g. a quick tap on an iPhone movie should reveal the controls. Another
+ * quick tap should hide them again (signaling the user is in an inactive
+ * viewing state)
+ *
+ * In addition to this, we still want the user to be considered inactive after
+ * a few seconds of inactivity.
+ *
+ * Note: the only part of iOS interaction we can't mimic with this setup
+ * is a touch and hold on the video element counting as activity in order to
+ * keep the controls showing, but that shouldn't be an issue. A touch and hold on
+ * any controls will still keep the user active
+ */
+vjs.MediaTechController.prototype.initControlsListeners = function(){
+  var player, tech, activateControls, deactivateControls;
+
+  tech = this;
+  player = this.player();
+
+  var activateControls = function(){
+    if (player.controls() && !player.usingNativeControls()) {
+      tech.addControlsListeners();
+    }
+  };
+
+  deactivateControls = vjs.bind(tech, tech.removeControlsListeners);
+
+  // Set up event listeners once the tech is ready and has an element to apply
+  // listeners to
+  this.ready(activateControls);
+  player.on('controlsenabled', activateControls);
+  player.on('controlsdisabled', deactivateControls);
+};
+
+vjs.MediaTechController.prototype.addControlsListeners = function(){
+  var preventBubble, userWasActive;
+
+  // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do
+  // trigger mousedown/up.
+  // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object
+  // Any touch events are set to block the mousedown event from happening
+  this.on('mousedown', this.onClick);
+
+  // We need to block touch events on the video element from bubbling up,
+  // otherwise they'll signal activity prematurely. The specific use case is
+  // when the video is playing and the controls have faded out. In this case
+  // only a tap (fast touch) should toggle the user active state and turn the
+  // controls back on. A touch and move or touch and hold should not trigger
+  // the controls (per iOS as an example at least)
+  //
+  // We always want to stop propagation on touchstart because touchstart
+  // at the player level starts the touchInProgress interval. We can still
+  // report activity on the other events, but won't let them bubble for
+  // consistency. We don't want to bubble a touchend without a touchstart.
+  this.on('touchstart', function(event) {
+    // Stop the mouse events from also happening
+    event.preventDefault();
+    event.stopPropagation();
+    // Record if the user was active now so we don't have to keep polling it
+    userWasActive = this.player_.userActive();
+  });
+
+  preventBubble = function(event){
+    event.stopPropagation();
+    if (userWasActive) {
+      this.player_.reportUserActivity();
+    }
+  };
+
+  // Treat all touch events the same for consistency
+  this.on('touchmove', preventBubble);
+  this.on('touchleave', preventBubble);
+  this.on('touchcancel', preventBubble);
+  this.on('touchend', preventBubble);
+
+  // Turn on component tap events
+  this.emitTapEvents();
+
+  // The tap listener needs to come after the touchend listener because the tap
+  // listener cancels out any reportedUserActivity when setting userActive(false)
+  this.on('tap', this.onTap);
+};
+
+/**
+ * Remove the listeners used for click and tap controls. This is needed for
+ * toggling to controls disabled, where a tap/touch should do nothing.
+ */
+vjs.MediaTechController.prototype.removeControlsListeners = function(){
+  // We don't want to just use `this.off()` because there might be other needed
+  // listeners added by techs that extend this.
+  this.off('tap');
+  this.off('touchstart');
+  this.off('touchmove');
+  this.off('touchleave');
+  this.off('touchcancel');
+  this.off('touchend');
+  this.off('click');
+  this.off('mousedown');
+};
+
+/**
+ * Handle a click on the media element. By default will play/pause the media.
+ */
+vjs.MediaTechController.prototype.onClick = function(event){
+  // We're using mousedown to detect clicks thanks to Flash, but mousedown
+  // will also be triggered with right-clicks, so we need to prevent that
+  if (event.button !== 0) return;
+
+  // When controls are disabled a click should not toggle playback because
+  // the click is considered a control
+  if (this.player().controls()) {
+    if (this.player().paused()) {
+      this.player().play();
+    } else {
+      this.player().pause();
+    }
+  }
+};
+
+/**
+ * Handle a tap on the media element. By default it will toggle the user
+ * activity state, which hides and shows the controls.
+ */
+
+vjs.MediaTechController.prototype.onTap = function(){
+  this.player().userActive(!this.player().userActive());
+};
+
+vjs.MediaTechController.prototype.features = {
+  'volumeControl': true,
+
+  // Resizing plugins using request fullscreen reloads the plugin
+  'fullscreenResize': false,
+
+  // Optional events that we can manually mimic with timers
+  // currently not triggered by video-js-swf
+  'progressEvents': false,
+  'timeupdateEvents': false
+};
+
+vjs.media = {};
+
+/**
+ * List of default API methods for any MediaTechController
+ * @type {String}
+ */
+vjs.media.ApiMethods = 'play,pause,paused,currentTime,setCurrentTime,duration,buffered,volume,setVolume,muted,setMuted,width,height,supportsFullScreen,enterFullScreen,src,load,currentSrc,preload,setPreload,autoplay,setAutoplay,loop,setLoop,error,networkState,readyState,seeking,initialTime,startOffsetTime,played,seekable,ended,videoTracks,audioTracks,videoWidth,videoHeight,textTracks,defaultPlaybackRate,playbackRate,mediaGroup,controller,controls,defaultMuted'.split(',');
+// Create placeholder methods for each that warn when a method isn't supported by the current playback technology
+
+function createMethod(methodName){
+  return function(){
+    throw new Error('The "'+methodName+'" method is not available on the playback technology\'s API');
+  };
+}
+
+for (var i = vjs.media.ApiMethods.length - 1; i >= 0; i--) {
+  var methodName = vjs.media.ApiMethods[i];
+  vjs.MediaTechController.prototype[vjs.media.ApiMethods[i]] = createMethod(methodName);
+}
+/**
+ * @fileoverview HTML5 Media Controller - Wrapper for HTML5 Media API
+ */
+
+/**
+ * HTML5 Media Controller - Wrapper for HTML5 Media API
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @param {Function=} ready
+ * @constructor
+ */
+vjs.Html5 = vjs.MediaTechController.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    // volume cannot be changed from 1 on iOS
+    this.features['volumeControl'] = vjs.Html5.canControlVolume();
+
+    // In iOS, if you move a video element in the DOM, it breaks video playback.
+    this.features['movingMediaElementInDOM'] = !vjs.IS_IOS;
+
+    // HTML video is able to automatically resize when going to fullscreen
+    this.features['fullscreenResize'] = true;
+
+    vjs.MediaTechController.call(this, player, options, ready);
+
+    var source = options['source'];
+
+    // If the element source is already set, we may have missed the loadstart event, and want to trigger it.
+    // We don't want to set the source again and interrupt playback.
+    if (source && this.el_.currentSrc === source.src && this.el_.networkState > 0) {
+      player.trigger('loadstart');
+
+    // Otherwise set the source if one was provided.
+    } else if (source) {
+      this.el_.src = source.src;
+    }
+
+    // Determine if native controls should be used
+    // Our goal should be to get the custom controls on mobile solid everywhere
+    // so we can remove this all together. Right now this will block custom
+    // controls on touch enabled laptops like the Chrome Pixel
+    if (vjs.TOUCH_ENABLED && player.options()['nativeControlsForTouch'] !== false) {
+      this.useNativeControls();
+    }
+
+    // Chrome and Safari both have issues with autoplay.
+    // In Safari (5.1.1), when we move the video element into the container div, autoplay doesn't work.
+    // In Chrome (15), if you have autoplay + a poster + no controls, the video gets hidden (but audio plays)
+    // This fixes both issues. Need to wait for API, so it updates displays correctly
+    player.ready(function(){
+      if (this.tag && this.options_['autoplay'] && this.paused()) {
+        delete this.tag['poster']; // Chrome Fix. Fixed in Chrome v16.
+        this.play();
+      }
+    });
+
+    this.setupTriggers();
+    this.triggerReady();
+  }
+});
+
+vjs.Html5.prototype.dispose = function(){
+  vjs.MediaTechController.prototype.dispose.call(this);
+};
+
+vjs.Html5.prototype.createEl = function(){
+  var player = this.player_,
+      // If possible, reuse original tag for HTML5 playback technology element
+      el = player.tag,
+      newEl,
+      clone;
+
+  // Check if this browser supports moving the element into the box.
+  // On the iPhone video will break if you move the element,
+  // So we have to create a brand new element.
+  if (!el || this.features['movingMediaElementInDOM'] === false) {
+
+    // If the original tag is still there, clone and remove it.
+    if (el) {
+      clone = el.cloneNode(false);
+      vjs.Html5.disposeMediaElement(el);
+      el = clone;
+      player.tag = null;
+    } else {
+      el = vjs.createEl('video', {
+        id:player.id() + '_html5_api',
+        className:'vjs-tech'
+      });
+    }
+    // associate the player with the new tag
+    el['player'] = player;
+
+    vjs.insertFirst(el, player.el());
+  }
+
+  // Update specific tag settings, in case they were overridden
+  var attrs = ['autoplay','preload','loop','muted'];
+  for (var i = attrs.length - 1; i >= 0; i--) {
+    var attr = attrs[i];
+    if (player.options_[attr] !== null) {
+      el[attr] = player.options_[attr];
+    }
+  }
+
+  return el;
+  // jenniisawesome = true;
+};
+
+// Make video events trigger player events
+// May seem verbose here, but makes other APIs possible.
+vjs.Html5.prototype.setupTriggers = function(){
+  for (var i = vjs.Html5.Events.length - 1; i >= 0; i--) {
+    vjs.on(this.el_, vjs.Html5.Events[i], vjs.bind(this.player_, this.eventHandler));
+  }
+};
+// Triggers removed using this.off when disposed
+
+vjs.Html5.prototype.eventHandler = function(e){
+  this.trigger(e);
+
+  // No need for media events to bubble up.
+  e.stopPropagation();
+};
+
+vjs.Html5.prototype.useNativeControls = function(){
+  var tech, player, controlsOn, controlsOff, cleanUp;
+
+  tech = this;
+  player = this.player();
+
+  // If the player controls are enabled turn on the native controls
+  tech.setControls(player.controls());
+
+  // Update the native controls when player controls state is updated
+  controlsOn = function(){
+    tech.setControls(true);
+  };
+  controlsOff = function(){
+    tech.setControls(false);
+  };
+  player.on('controlsenabled', controlsOn);
+  player.on('controlsdisabled', controlsOff);
+
+  // Clean up when not using native controls anymore
+  cleanUp = function(){
+    player.off('controlsenabled', controlsOn);
+    player.off('controlsdisabled', controlsOff);
+  };
+  tech.on('dispose', cleanUp);
+  player.on('usingcustomcontrols', cleanUp);
+
+  // Update the state of the player to using native controls
+  player.usingNativeControls(true);
+};
+
+
+vjs.Html5.prototype.play = function(){ this.el_.play(); };
+vjs.Html5.prototype.pause = function(){ this.el_.pause(); };
+vjs.Html5.prototype.paused = function(){ return this.el_.paused; };
+
+vjs.Html5.prototype.currentTime = function(){ return this.el_.currentTime; };
+vjs.Html5.prototype.setCurrentTime = function(seconds){
+  try {
+    this.el_.currentTime = seconds;
+  } catch(e) {
+    vjs.log(e, 'Video is not ready. (Video.js)');
+    // this.warning(VideoJS.warnings.videoNotReady);
+  }
+};
+
+vjs.Html5.prototype.duration = function(){ return this.el_.duration || 0; };
+vjs.Html5.prototype.buffered = function(){ return this.el_.buffered; };
+
+vjs.Html5.prototype.volume = function(){ return this.el_.volume; };
+vjs.Html5.prototype.setVolume = function(percentAsDecimal){ this.el_.volume = percentAsDecimal; };
+vjs.Html5.prototype.muted = function(){ return this.el_.muted; };
+vjs.Html5.prototype.setMuted = function(muted){ this.el_.muted = muted; };
+
+vjs.Html5.prototype.width = function(){ return this.el_.offsetWidth; };
+vjs.Html5.prototype.height = function(){ return this.el_.offsetHeight; };
+
+vjs.Html5.prototype.supportsFullScreen = function(){
+  if (typeof this.el_.webkitEnterFullScreen == 'function') {
+
+    // Seems to be broken in Chromium/Chrome && Safari in Leopard
+    if (/Android/.test(vjs.USER_AGENT) || !/Chrome|Mac OS X 10.5/.test(vjs.USER_AGENT)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+vjs.Html5.prototype.enterFullScreen = function(){
+  var video = this.el_;
+  if (video.paused && video.networkState <= video.HAVE_METADATA) {
+    // attempt to prime the video element for programmatic access
+    // this isn't necessary on the desktop but shouldn't hurt
+    this.el_.play();
+
+    // playing and pausing synchronously during the transition to fullscreen
+    // can get iOS ~6.1 devices into a play/pause loop
+    setTimeout(function(){
+      video.pause();
+      video.webkitEnterFullScreen();
+    }, 0);
+  } else {
+    video.webkitEnterFullScreen();
+  }
+};
+vjs.Html5.prototype.exitFullScreen = function(){
+  this.el_.webkitExitFullScreen();
+};
+vjs.Html5.prototype.src = function(src){ this.el_.src = src; };
+vjs.Html5.prototype.load = function(){ this.el_.load(); };
+vjs.Html5.prototype.currentSrc = function(){ return this.el_.currentSrc; };
+
+vjs.Html5.prototype.preload = function(){ return this.el_.preload; };
+vjs.Html5.prototype.setPreload = function(val){ this.el_.preload = val; };
+
+vjs.Html5.prototype.autoplay = function(){ return this.el_.autoplay; };
+vjs.Html5.prototype.setAutoplay = function(val){ this.el_.autoplay = val; };
+
+vjs.Html5.prototype.controls = function(){ return this.el_.controls; }
+vjs.Html5.prototype.setControls = function(val){ this.el_.controls = !!val; }
+
+vjs.Html5.prototype.loop = function(){ return this.el_.loop; };
+vjs.Html5.prototype.setLoop = function(val){ this.el_.loop = val; };
+
+vjs.Html5.prototype.error = function(){ return this.el_.error; };
+vjs.Html5.prototype.seeking = function(){ return this.el_.seeking; };
+vjs.Html5.prototype.ended = function(){ return this.el_.ended; };
+vjs.Html5.prototype.defaultMuted = function(){ return this.el_.defaultMuted; };
+
+/* HTML5 Support Testing ---------------------------------------------------- */
+
+vjs.Html5.isSupported = function(){
+  return !!vjs.TEST_VID.canPlayType;
+};
+
+vjs.Html5.canPlaySource = function(srcObj){
+  // IE9 on Windows 7 without MediaPlayer throws an error here
+  // https://github.com/videojs/video.js/issues/519
+  try {
+    return !!vjs.TEST_VID.canPlayType(srcObj.type);
+  } catch(e) {
+    return '';
+  }
+  // TODO: Check Type
+  // If no Type, check ext
+  // Check Media Type
+};
+
+vjs.Html5.canControlVolume = function(){
+  var volume =  vjs.TEST_VID.volume;
+  vjs.TEST_VID.volume = (volume / 2) + 0.1;
+  return volume !== vjs.TEST_VID.volume;
+};
+
+// List of all HTML5 events (various uses).
+vjs.Html5.Events = 'loadstart,suspend,abort,error,emptied,stalled,loadedmetadata,loadeddata,canplay,canplaythrough,playing,waiting,seeking,seeked,ended,durationchange,timeupdate,progress,play,pause,ratechange,volumechange'.split(',');
+
+vjs.Html5.disposeMediaElement = function(el){
+  if (!el) { return; }
+
+  el['player'] = null;
+
+  if (el.parentNode) {
+    el.parentNode.removeChild(el);
+  }
+
+  // remove any child track or source nodes to prevent their loading
+  while(el.hasChildNodes()) {
+    el.removeChild(el.firstChild);
+  }
+
+  // remove any src reference. not setting `src=''` because that causes a warning
+  // in firefox
+  el.removeAttribute('src');
+
+  // force the media element to update its loading state by calling load()
+  if (typeof el.load === 'function') {
+    el.load();
+  }
+};
+
+// HTML5 Feature detection and Device Fixes --------------------------------- //
+
+  // Override Android 2.2 and less canPlayType method which is broken
+if (vjs.IS_OLD_ANDROID) {
+  document.createElement('video').constructor.prototype.canPlayType = function(type){
+    return (type && type.toLowerCase().indexOf('video/mp4') != -1) ? 'maybe' : '';
+  };
+}
+/**
+ * @fileoverview VideoJS-SWF - Custom Flash Player with HTML5-ish API
+ * https://github.com/zencoder/video-js-swf
+ * Not using setupTriggers. Using global onEvent func to distribute events
+ */
+
+/**
+ * Flash Media Controller - Wrapper for fallback SWF API
+ *
+ * @param {vjs.Player} player
+ * @param {Object=} options
+ * @param {Function=} ready
+ * @constructor
+ */
+vjs.Flash = vjs.MediaTechController.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.MediaTechController.call(this, player, options, ready);
+
+    var source = options['source'],
+
+        // Which element to embed in
+        parentEl = options['parentEl'],
+
+        // Create a temporary element to be replaced by swf object
+        placeHolder = this.el_ = vjs.createEl('div', { id: player.id() + '_temp_flash' }),
+
+        // Generate ID for swf object
+        objId = player.id()+'_flash_api',
+
+        // Store player options in local var for optimization
+        // TODO: switch to using player methods instead of options
+        // e.g. player.autoplay();
+        playerOptions = player.options_,
+
+        // Merge default flashvars with ones passed in to init
+        flashVars = vjs.obj.merge({
+
+          // SWF Callback Functions
+          'readyFunction': 'videojs.Flash.onReady',
+          'eventProxyFunction': 'videojs.Flash.onEvent',
+          'errorEventProxyFunction': 'videojs.Flash.onError',
+
+          // Player Settings
+          'autoplay': playerOptions.autoplay,
+          'preload': playerOptions.preload,
+          'loop': playerOptions.loop,
+          'muted': playerOptions.muted
+
+        }, options['flashVars']),
+
+        // Merge default parames with ones passed in
+        params = vjs.obj.merge({
+          'wmode': 'opaque', // Opaque is needed to overlay controls, but can affect playback performance
+          'bgcolor': '#000000' // Using bgcolor prevents a white flash when the object is loading
+        }, options['params']),
+
+        // Merge default attributes with ones passed in
+        attributes = vjs.obj.merge({
+          'id': objId,
+          'name': objId, // Both ID and Name needed or swf to identifty itself
+          'class': 'vjs-tech'
+        }, options['attributes'])
+    ;
+
+    // If source was supplied pass as a flash var.
+    if (source) {
+      if (source.type && vjs.Flash.isStreamingType(source.type)) {
+        var parts = vjs.Flash.streamToParts(source.src);
+        flashVars['rtmpConnection'] = encodeURIComponent(parts.connection);
+        flashVars['rtmpStream'] = encodeURIComponent(parts.stream);
+      }
+      else {
+        flashVars['src'] = encodeURIComponent(vjs.getAbsoluteURL(source.src));
+      }
+    }
+
+    // Add placeholder to player div
+    vjs.insertFirst(placeHolder, parentEl);
+
+    // Having issues with Flash reloading on certain page actions (hide/resize/fullscreen) in certain browsers
+    // This allows resetting the playhead when we catch the reload
+    if (options['startTime']) {
+      this.ready(function(){
+        this.load();
+        this.play();
+        this.currentTime(options['startTime']);
+      });
+    }
+
+    // Flash iFrame Mode
+    // In web browsers there are multiple instances where changing the parent element or visibility of a plugin causes the plugin to reload.
+    // - Firefox just about always. https://bugzilla.mozilla.org/show_bug.cgi?id=90268 (might be fixed by version 13)
+    // - Webkit when hiding the plugin
+    // - Webkit and Firefox when using requestFullScreen on a parent element
+    // Loading the flash plugin into a dynamically generated iFrame gets around most of these issues.
+    // Issues that remain include hiding the element and requestFullScreen in Firefox specifically
+
+    // There's on particularly annoying issue with this method which is that Firefox throws a security error on an offsite Flash object loaded into a dynamically created iFrame.
+    // Even though the iframe was inserted into a page on the web, Firefox + Flash considers it a local app trying to access an internet file.
+    // I tried mulitple ways of setting the iframe src attribute but couldn't find a src that worked well. Tried a real/fake source, in/out of domain.
+    // Also tried a method from stackoverflow that caused a security error in all browsers. http://stackoverflow.com/questions/2486901/how-to-set-document-domain-for-a-dynamically-generated-iframe
+    // In the end the solution I found to work was setting the iframe window.location.href right before doing a document.write of the Flash object.
+    // The only downside of this it seems to trigger another http request to the original page (no matter what's put in the href). Not sure why that is.
+
+    // NOTE (2012-01-29): Cannot get Firefox to load the remote hosted SWF into a dynamically created iFrame
+    // Firefox 9 throws a security error, unleess you call location.href right before doc.write.
+    //    Not sure why that even works, but it causes the browser to look like it's continuously trying to load the page.
+    // Firefox 3.6 keeps calling the iframe onload function anytime I write to it, causing an endless loop.
+
+    if (options['iFrameMode'] === true && !vjs.IS_FIREFOX) {
+
+      // Create iFrame with vjs-tech class so it's 100% width/height
+      var iFrm = vjs.createEl('iframe', {
+        'id': objId + '_iframe',
+        'name': objId + '_iframe',
+        'className': 'vjs-tech',
+        'scrolling': 'no',
+        'marginWidth': 0,
+        'marginHeight': 0,
+        'frameBorder': 0
+      });
+
+      // Update ready function names in flash vars for iframe window
+      flashVars['readyFunction'] = 'ready';
+      flashVars['eventProxyFunction'] = 'events';
+      flashVars['errorEventProxyFunction'] = 'errors';
+
+      // Tried multiple methods to get this to work in all browsers
+
+      // Tried embedding the flash object in the page first, and then adding a place holder to the iframe, then replacing the placeholder with the page object.
+      // The goal here was to try to load the swf URL in the parent page first and hope that got around the firefox security error
+      // var newObj = vjs.Flash.embed(options['swf'], placeHolder, flashVars, params, attributes);
+      // (in onload)
+      //  var temp = vjs.createEl('a', { id:'asdf', innerHTML: 'asdf' } );
+      //  iDoc.body.appendChild(temp);
+
+      // Tried embedding the flash object through javascript in the iframe source.
+      // This works in webkit but still triggers the firefox security error
+      // iFrm.src = 'javascript: document.write('"+vjs.Flash.getEmbedCode(options['swf'], flashVars, params, attributes)+"');";
+
+      // Tried an actual local iframe just to make sure that works, but it kills the easiness of the CDN version if you require the user to host an iframe
+      // We should add an option to host the iframe locally though, because it could help a lot of issues.
+      // iFrm.src = "iframe.html";
+
+      // Wait until iFrame has loaded to write into it.
+      vjs.on(iFrm, 'load', vjs.bind(this, function(){
+
+        var iDoc,
+            iWin = iFrm.contentWindow;
+
+        // The one working method I found was to use the iframe's document.write() to create the swf object
+        // This got around the security issue in all browsers except firefox.
+        // I did find a hack where if I call the iframe's window.location.href='', it would get around the security error
+        // However, the main page would look like it was loading indefinitely (URL bar loading spinner would never stop)
+        // Plus Firefox 3.6 didn't work no matter what I tried.
+        // if (vjs.USER_AGENT.match('Firefox')) {
+        //   iWin.location.href = '';
+        // }
+
+        // Get the iFrame's document depending on what the browser supports
+        iDoc = iFrm.contentDocument ? iFrm.contentDocument : iFrm.contentWindow.document;
+
+        // Tried ensuring both document domains were the same, but they already were, so that wasn't the issue.
+        // Even tried adding /. that was mentioned in a browser security writeup
+        // document.domain = document.domain+'/.';
+        // iDoc.domain = document.domain+'/.';
+
+        // Tried adding the object to the iframe doc's innerHTML. Security error in all browsers.
+        // iDoc.body.innerHTML = swfObjectHTML;
+
+        // Tried appending the object to the iframe doc's body. Security error in all browsers.
+        // iDoc.body.appendChild(swfObject);
+
+        // Using document.write actually got around the security error that browsers were throwing.
+        // Again, it's a dynamically generated (same domain) iframe, loading an external Flash swf.
+        // Not sure why that's a security issue, but apparently it is.
+        iDoc.write(vjs.Flash.getEmbedCode(options['swf'], flashVars, params, attributes));
+
+        // Setting variables on the window needs to come after the doc write because otherwise they can get reset in some browsers
+        // So far no issues with swf ready event being called before it's set on the window.
+        iWin['player'] = this.player_;
+
+        // Create swf ready function for iFrame window
+        iWin['ready'] = vjs.bind(this.player_, function(currSwf){
+          var el = iDoc.getElementById(currSwf),
+              player = this,
+              tech = player.tech;
+
+          // Update reference to playback technology element
+          tech.el_ = el;
+
+          // Make sure swf is actually ready. Sometimes the API isn't actually yet.
+          vjs.Flash.checkReady(tech);
+        });
+
+        // Create event listener for all swf events
+        iWin['events'] = vjs.bind(this.player_, function(swfID, eventName){
+          var player = this;
+          if (player && player.techName === 'flash') {
+            player.trigger(eventName);
+          }
+        });
+
+        // Create error listener for all swf errors
+        iWin['errors'] = vjs.bind(this.player_, function(swfID, eventName){
+          vjs.log('Flash Error', eventName);
+        });
+
+      }));
+
+      // Replace placeholder with iFrame (it will load now)
+      placeHolder.parentNode.replaceChild(iFrm, placeHolder);
+
+    // If not using iFrame mode, embed as normal object
+    } else {
+      vjs.Flash.embed(options['swf'], placeHolder, flashVars, params, attributes);
+    }
+  }
+});
+
+vjs.Flash.prototype.dispose = function(){
+  vjs.MediaTechController.prototype.dispose.call(this);
+};
+
+vjs.Flash.prototype.play = function(){
+  this.el_.vjs_play();
+};
+
+vjs.Flash.prototype.pause = function(){
+  this.el_.vjs_pause();
+};
+
+vjs.Flash.prototype.src = function(src){
+  if (vjs.Flash.isStreamingSrc(src)) {
+    src = vjs.Flash.streamToParts(src);
+    this.setRtmpConnection(src.connection);
+    this.setRtmpStream(src.stream);
+  }
+  else {
+    // Make sure source URL is abosolute.
+    src = vjs.getAbsoluteURL(src);
+    this.el_.vjs_src(src);
+  }
+
+  // Currently the SWF doesn't autoplay if you load a source later.
+  // e.g. Load player w/ no source, wait 2s, set src.
+  if (this.player_.autoplay()) {
+    var tech = this;
+    setTimeout(function(){ tech.play(); }, 0);
+  }
+};
+
+vjs.Flash.prototype.currentSrc = function(){
+  var src = this.el_.vjs_getProperty('currentSrc');
+  // no src, check and see if RTMP
+  if (src == null) {
+    var connection = this.rtmpConnection(),
+        stream = this.rtmpStream();
+
+    if (connection && stream) {
+      src = vjs.Flash.streamFromParts(connection, stream);
+    }
+  }
+  return src;
+};
+
+vjs.Flash.prototype.load = function(){
+  this.el_.vjs_load();
+};
+
+vjs.Flash.prototype.poster = function(){
+  this.el_.vjs_getProperty('poster');
+};
+
+vjs.Flash.prototype.buffered = function(){
+  return vjs.createTimeRange(0, this.el_.vjs_getProperty('buffered'));
+};
+
+vjs.Flash.prototype.supportsFullScreen = function(){
+  return false; // Flash does not allow fullscreen through javascript
+};
+
+vjs.Flash.prototype.enterFullScreen = function(){
+  return false;
+};
+
+
+// Create setters and getters for attributes
+var api = vjs.Flash.prototype,
+    readWrite = 'rtmpConnection,rtmpStream,preload,currentTime,defaultPlaybackRate,playbackRate,autoplay,loop,mediaGroup,controller,controls,volume,muted,defaultMuted'.split(','),
+    readOnly = 'error,currentSrc,networkState,readyState,seeking,initialTime,duration,startOffsetTime,paused,played,seekable,ended,videoTracks,audioTracks,videoWidth,videoHeight,textTracks'.split(',');
+    // Overridden: buffered
+
+/**
+ * @this {*}
+ * @private
+ */
+var createSetter = function(attr){
+  var attrUpper = attr.charAt(0).toUpperCase() + attr.slice(1);
+  api['set'+attrUpper] = function(val){ return this.el_.vjs_setProperty(attr, val); };
+};
+
+/**
+ * @this {*}
+ * @private
+ */
+var createGetter = function(attr){
+  api[attr] = function(){ return this.el_.vjs_getProperty(attr); };
+};
+
+(function(){
+  var i;
+  // Create getter and setters for all read/write attributes
+  for (i = 0; i < readWrite.length; i++) {
+    createGetter(readWrite[i]);
+    createSetter(readWrite[i]);
+  }
+
+  // Create getters for read-only attributes
+  for (i = 0; i < readOnly.length; i++) {
+    createGetter(readOnly[i]);
+  }
+})();
+
+/* Flash Support Testing -------------------------------------------------------- */
+
+vjs.Flash.isSupported = function(){
+  return vjs.Flash.version()[0] >= 10;
+  // return swfobject.hasFlashPlayerVersion('10');
+};
+
+vjs.Flash.canPlaySource = function(srcObj){
+  var type;
+
+  if (!srcObj.type) {
+    return '';
+  }
+
+  type = srcObj.type.replace(/;.*/,'').toLowerCase();
+  if (type in vjs.Flash.formats || type in vjs.Flash.streamingFormats) {
+    return 'maybe';
+  }
+};
+
+vjs.Flash.formats = {
+  'video/flv': 'FLV',
+  'video/x-flv': 'FLV',
+  'video/mp4': 'MP4',
+  'video/m4v': 'MP4'
+};
+
+vjs.Flash.streamingFormats = {
+  'rtmp/mp4': 'MP4',
+  'rtmp/flv': 'FLV'
+};
+
+vjs.Flash['onReady'] = function(currSwf){
+  var el = vjs.el(currSwf);
+
+  // Get player from box
+  // On firefox reloads, el might already have a player
+  var player = el['player'] || el.parentNode['player'],
+      tech = player.tech;
+
+  // Reference player on tech element
+  el['player'] = player;
+
+  // Update reference to playback technology element
+  tech.el_ = el;
+
+  vjs.Flash.checkReady(tech);
+};
+
+// The SWF isn't alwasy ready when it says it is. Sometimes the API functions still need to be added to the object.
+// If it's not ready, we set a timeout to check again shortly.
+vjs.Flash.checkReady = function(tech){
+
+  // Check if API property exists
+  if (tech.el().vjs_getProperty) {
+
+    // If so, tell tech it's ready
+    tech.triggerReady();
+
+  // Otherwise wait longer.
+  } else {
+
+    setTimeout(function(){
+      vjs.Flash.checkReady(tech);
+    }, 50);
+
+  }
+};
+
+// Trigger events from the swf on the player
+vjs.Flash['onEvent'] = function(swfID, eventName){
+  var player = vjs.el(swfID)['player'];
+  player.trigger(eventName);
+};
+
+// Log errors from the swf
+vjs.Flash['onError'] = function(swfID, err){
+  var player = vjs.el(swfID)['player'];
+  player.trigger('error');
+  vjs.log('Flash Error', err, swfID);
+};
+
+// Flash Version Check
+vjs.Flash.version = function(){
+  var version = '0,0,0';
+
+  // IE
+  try {
+    version = new window.ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version').replace(/\D+/g, ',').match(/^,?(.+),?$/)[1];
+
+  // other browsers
+  } catch(e) {
+    try {
+      if (navigator.mimeTypes['application/x-shockwave-flash'].enabledPlugin){
+        version = (navigator.plugins['Shockwave Flash 2.0'] || navigator.plugins['Shockwave Flash']).description.replace(/\D+/g, ',').match(/^,?(.+),?$/)[1];
+      }
+    } catch(err) {}
+  }
+  return version.split(',');
+};
+
+// Flash embedding method. Only used in non-iframe mode
+vjs.Flash.embed = function(swf, placeHolder, flashVars, params, attributes){
+  var code = vjs.Flash.getEmbedCode(swf, flashVars, params, attributes),
+
+      // Get element by embedding code and retrieving created element
+      obj = vjs.createEl('div', { innerHTML: code }).childNodes[0],
+
+      par = placeHolder.parentNode
+  ;
+
+  placeHolder.parentNode.replaceChild(obj, placeHolder);
+
+  // IE6 seems to have an issue where it won't initialize the swf object after injecting it.
+  // This is a dumb fix
+  var newObj = par.childNodes[0];
+  setTimeout(function(){
+    newObj.style.display = 'block';
+  }, 1000);
+
+  return obj;
+
+};
+
+vjs.Flash.getEmbedCode = function(swf, flashVars, params, attributes){
+
+  var objTag = '<object type="application/x-shockwave-flash"',
+      flashVarsString = '',
+      paramsString = '',
+      attrsString = '';
+
+  // Convert flash vars to string
+  if (flashVars) {
+    vjs.obj.each(flashVars, function(key, val){
+      flashVarsString += (key + '=' + val + '&amp;');
+    });
+  }
+
+  // Add swf, flashVars, and other default params
+  params = vjs.obj.merge({
+    'movie': swf,
+    'flashvars': flashVarsString,
+    'allowScriptAccess': 'always', // Required to talk to swf
+    'allowNetworking': 'all' // All should be default, but having security issues.
+  }, params);
+
+  // Create param tags string
+  vjs.obj.each(params, function(key, val){
+    paramsString += '<param name="'+key+'" value="'+val+'" />';
+  });
+
+  attributes = vjs.obj.merge({
+    // Add swf to attributes (need both for IE and Others to work)
+    'data': swf,
+
+    // Default to 100% width/height
+    'width': '100%',
+    'height': '100%'
+
+  }, attributes);
+
+  // Create Attributes string
+  vjs.obj.each(attributes, function(key, val){
+    attrsString += (key + '="' + val + '" ');
+  });
+
+  return objTag + attrsString + '>' + paramsString + '</object>';
+};
+
+vjs.Flash.streamFromParts = function(connection, stream) {
+  return connection + '&' + stream;
+};
+
+vjs.Flash.streamToParts = function(src) {
+  var parts = {
+    connection: '',
+    stream: ''
+  };
+
+  if (! src) {
+    return parts;
+  }
+
+  // Look for the normal URL separator we expect, '&'.
+  // If found, we split the URL into two pieces around the
+  // first '&'.
+  var connEnd = src.indexOf('&');
+  var streamBegin;
+  if (connEnd !== -1) {
+    streamBegin = connEnd + 1;
+  }
+  else {
+    // If there's not a '&', we use the last '/' as the delimiter.
+    connEnd = streamBegin = src.lastIndexOf('/') + 1;
+    if (connEnd === 0) {
+      // really, there's not a '/'?
+      connEnd = streamBegin = src.length;
+    }
+  }
+  parts.connection = src.substring(0, connEnd);
+  parts.stream = src.substring(streamBegin, src.length);
+
+  return parts;
+};
+
+vjs.Flash.isStreamingType = function(srcType) {
+  return srcType in vjs.Flash.streamingFormats;
+};
+
+// RTMP has four variations, any string starting
+// with one of these protocols should be valid
+vjs.Flash.RTMP_RE = /^rtmp[set]?:\/\//i;
+
+vjs.Flash.isStreamingSrc = function(src) {
+  return vjs.Flash.RTMP_RE.test(src);
+};
+/**
+ * The Media Loader is the component that decides which playback technology to load
+ * when the player is initialized.
+ *
+ * @constructor
+ */
+vjs.MediaLoader = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.Component.call(this, player, options, ready);
+
+    // If there are no sources when the player is initialized,
+    // load the first supported playback technology.
+    if (!player.options_['sources'] || player.options_['sources'].length === 0) {
+      for (var i=0,j=player.options_['techOrder']; i<j.length; i++) {
+        var techName = vjs.capitalize(j[i]),
+            tech = window['videojs'][techName];
+
+        // Check if the browser supports this technology
+        if (tech && tech.isSupported()) {
+          player.loadTech(techName);
+          break;
+        }
+      }
+    } else {
+      // // Loop through playback technologies (HTML5, Flash) and check for support.
+      // // Then load the best source.
+      // // A few assumptions here:
+      // //   All playback technologies respect preload false.
+      player.src(player.options_['sources']);
+    }
+  }
+});
+/**
+ * @fileoverview Text Tracks
+ * Text tracks are tracks of timed text events.
+ * Captions - text displayed over the video for the hearing impared
+ * Subtitles - text displayed over the video for those who don't understand langauge in the video
+ * Chapters - text displayed in a menu allowing the user to jump to particular points (chapters) in the video
+ * Descriptions (not supported yet) - audio descriptions that are read back to the user by a screen reading device
+ */
+
+// Player Additions - Functions add to the player object for easier access to tracks
+
+/**
+ * List of associated text tracks
+ * @type {Array}
+ * @private
+ */
+vjs.Player.prototype.textTracks_;
+
+/**
+ * Get an array of associated text tracks. captions, subtitles, chapters, descriptions
+ * http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-texttracks
+ * @return {Array}           Array of track objects
+ * @private
+ */
+vjs.Player.prototype.textTracks = function(){
+  this.textTracks_ = this.textTracks_ || [];
+  return this.textTracks_;
+};
+
+/**
+ * Add a text track
+ * In addition to the W3C settings we allow adding additional info through options.
+ * http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-addtexttrack
+ * @param {String}  kind        Captions, subtitles, chapters, descriptions, or metadata
+ * @param {String=} label       Optional label
+ * @param {String=} language    Optional language
+ * @param {Object=} options     Additional track options, like src
+ * @private
+ */
+vjs.Player.prototype.addTextTrack = function(kind, label, language, options){
+  var tracks = this.textTracks_ = this.textTracks_ || [];
+  options = options || {};
+
+  options['kind'] = kind;
+  options['label'] = label;
+  options['language'] = language;
+
+  // HTML5 Spec says default to subtitles.
+  // Uppercase first letter to match class names
+  var Kind = vjs.capitalize(kind || 'subtitles');
+
+  // Create correct texttrack class. CaptionsTrack, etc.
+  var track = new window['videojs'][Kind + 'Track'](this, options);
+
+  tracks.push(track);
+
+  // If track.dflt() is set, start showing immediately
+  // TODO: Add a process to deterime the best track to show for the specific kind
+  // Incase there are mulitple defaulted tracks of the same kind
+  // Or the user has a set preference of a specific language that should override the default
+  // if (track.dflt()) {
+  //   this.ready(vjs.bind(track, track.show));
+  // }
+
+  return track;
+};
+
+/**
+ * Add an array of text tracks. captions, subtitles, chapters, descriptions
+ * Track objects will be stored in the player.textTracks() array
+ * @param {Array} trackList Array of track elements or objects (fake track elements)
+ * @private
+ */
+vjs.Player.prototype.addTextTracks = function(trackList){
+  var trackObj;
+
+  for (var i = 0; i < trackList.length; i++) {
+    trackObj = trackList[i];
+    this.addTextTrack(trackObj['kind'], trackObj['label'], trackObj['language'], trackObj);
+  }
+
+  return this;
+};
+
+// Show a text track
+// disableSameKind: disable all other tracks of the same kind. Value should be a track kind (captions, etc.)
+vjs.Player.prototype.showTextTrack = function(id, disableSameKind){
+  var tracks = this.textTracks_,
+      i = 0,
+      j = tracks.length,
+      track, showTrack, kind;
+
+  // Find Track with same ID
+  for (;i<j;i++) {
+    track = tracks[i];
+    if (track.id() === id) {
+      track.show();
+      showTrack = track;
+
+    // Disable tracks of the same kind
+    } else if (disableSameKind && track.kind() == disableSameKind && track.mode() > 0) {
+      track.disable();
+    }
+  }
+
+  // Get track kind from shown track or disableSameKind
+  kind = (showTrack) ? showTrack.kind() : ((disableSameKind) ? disableSameKind : false);
+
+  // Trigger trackchange event, captionstrackchange, subtitlestrackchange, etc.
+  if (kind) {
+    this.trigger(kind+'trackchange');
+  }
+
+  return this;
+};
+
+/**
+ * The base class for all text tracks
+ *
+ * Handles the parsing, hiding, and showing of text track cues
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.TextTrack = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    // Apply track info to track object
+    // Options will often be a track element
+
+    // Build ID if one doesn't exist
+    this.id_ = options['id'] || ('vjs_' + options['kind'] + '_' + options['language'] + '_' + vjs.guid++);
+    this.src_ = options['src'];
+    // 'default' is a reserved keyword in js so we use an abbreviated version
+    this.dflt_ = options['default'] || options['dflt'];
+    this.title_ = options['title'];
+    this.language_ = options['srclang'];
+    this.label_ = options['label'];
+    this.cues_ = [];
+    this.activeCues_ = [];
+    this.readyState_ = 0;
+    this.mode_ = 0;
+
+    this.player_.on('fullscreenchange', vjs.bind(this, this.adjustFontSize));
+  }
+});
+
+/**
+ * Track kind value. Captions, subtitles, etc.
+ * @private
+ */
+vjs.TextTrack.prototype.kind_;
+
+/**
+ * Get the track kind value
+ * @return {String}
+ */
+vjs.TextTrack.prototype.kind = function(){
+  return this.kind_;
+};
+
+/**
+ * Track src value
+ * @private
+ */
+vjs.TextTrack.prototype.src_;
+
+/**
+ * Get the track src value
+ * @return {String}
+ */
+vjs.TextTrack.prototype.src = function(){
+  return this.src_;
+};
+
+/**
+ * Track default value
+ * If default is used, subtitles/captions to start showing
+ * @private
+ */
+vjs.TextTrack.prototype.dflt_;
+
+/**
+ * Get the track default value. ('default' is a reserved keyword)
+ * @return {Boolean}
+ */
+vjs.TextTrack.prototype.dflt = function(){
+  return this.dflt_;
+};
+
+/**
+ * Track title value
+ * @private
+ */
+vjs.TextTrack.prototype.title_;
+
+/**
+ * Get the track title value
+ * @return {String}
+ */
+vjs.TextTrack.prototype.title = function(){
+  return this.title_;
+};
+
+/**
+ * Language - two letter string to represent track language, e.g. 'en' for English
+ * Spec def: readonly attribute DOMString language;
+ * @private
+ */
+vjs.TextTrack.prototype.language_;
+
+/**
+ * Get the track language value
+ * @return {String}
+ */
+vjs.TextTrack.prototype.language = function(){
+  return this.language_;
+};
+
+/**
+ * Track label e.g. 'English'
+ * Spec def: readonly attribute DOMString label;
+ * @private
+ */
+vjs.TextTrack.prototype.label_;
+
+/**
+ * Get the track label value
+ * @return {String}
+ */
+vjs.TextTrack.prototype.label = function(){
+  return this.label_;
+};
+
+/**
+ * All cues of the track. Cues have a startTime, endTime, text, and other properties.
+ * Spec def: readonly attribute TextTrackCueList cues;
+ * @private
+ */
+vjs.TextTrack.prototype.cues_;
+
+/**
+ * Get the track cues
+ * @return {Array}
+ */
+vjs.TextTrack.prototype.cues = function(){
+  return this.cues_;
+};
+
+/**
+ * ActiveCues is all cues that are currently showing
+ * Spec def: readonly attribute TextTrackCueList activeCues;
+ * @private
+ */
+vjs.TextTrack.prototype.activeCues_;
+
+/**
+ * Get the track active cues
+ * @return {Array}
+ */
+vjs.TextTrack.prototype.activeCues = function(){
+  return this.activeCues_;
+};
+
+/**
+ * ReadyState describes if the text file has been loaded
+ * const unsigned short NONE = 0;
+ * const unsigned short LOADING = 1;
+ * const unsigned short LOADED = 2;
+ * const unsigned short ERROR = 3;
+ * readonly attribute unsigned short readyState;
+ * @private
+ */
+vjs.TextTrack.prototype.readyState_;
+
+/**
+ * Get the track readyState
+ * @return {Number}
+ */
+vjs.TextTrack.prototype.readyState = function(){
+  return this.readyState_;
+};
+
+/**
+ * Mode describes if the track is showing, hidden, or disabled
+ * const unsigned short OFF = 0;
+ * const unsigned short HIDDEN = 1; (still triggering cuechange events, but not visible)
+ * const unsigned short SHOWING = 2;
+ * attribute unsigned short mode;
+ * @private
+ */
+vjs.TextTrack.prototype.mode_;
+
+/**
+ * Get the track mode
+ * @return {Number}
+ */
+vjs.TextTrack.prototype.mode = function(){
+  return this.mode_;
+};
+
+/**
+ * Change the font size of the text track to make it larger when playing in fullscreen mode
+ * and restore it to its normal size when not in fullscreen mode.
+ */
+vjs.TextTrack.prototype.adjustFontSize = function(){
+    if (this.player_.isFullScreen) {
+        // Scale the font by the same factor as increasing the video width to the full screen window width.
+        // Additionally, multiply that factor by 1.4, which is the default font size for
+        // the caption track (from the CSS)
+        this.el_.style.fontSize = screen.width / this.player_.width() * 1.4 * 100 + '%';
+    } else {
+        // Change the font size of the text track back to its original non-fullscreen size
+        this.el_.style.fontSize = '';
+    }
+};
+
+/**
+ * Create basic div to hold cue text
+ * @return {Element}
+ */
+vjs.TextTrack.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-' + this.kind_ + ' vjs-text-track'
+  });
+};
+
+/**
+ * Show: Mode Showing (2)
+ * Indicates that the text track is active. If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+ * The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+ * In addition, for text tracks whose kind is subtitles or captions, the cues are being displayed over the video as appropriate;
+ * for text tracks whose kind is descriptions, the user agent is making the cues available to the user in a non-visual fashion;
+ * and for text tracks whose kind is chapters, the user agent is making available to the user a mechanism by which the user can navigate to any point in the media resource by selecting a cue.
+ * The showing by default state is used in conjunction with the default attribute on track elements to indicate that the text track was enabled due to that attribute.
+ * This allows the user agent to override the state if a later track is discovered that is more appropriate per the user's preferences.
+ */
+vjs.TextTrack.prototype.show = function(){
+  this.activate();
+
+  this.mode_ = 2;
+
+  // Show element.
+  vjs.Component.prototype.show.call(this);
+};
+
+/**
+ * Hide: Mode Hidden (1)
+ * Indicates that the text track is active, but that the user agent is not actively displaying the cues.
+ * If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+ * The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+ */
+vjs.TextTrack.prototype.hide = function(){
+  // When hidden, cues are still triggered. Disable to stop triggering.
+  this.activate();
+
+  this.mode_ = 1;
+
+  // Hide element.
+  vjs.Component.prototype.hide.call(this);
+};
+
+/**
+ * Disable: Mode Off/Disable (0)
+ * Indicates that the text track is not active. Other than for the purposes of exposing the track in the DOM, the user agent is ignoring the text track.
+ * No cues are active, no events are fired, and the user agent will not attempt to obtain the track's cues.
+ */
+vjs.TextTrack.prototype.disable = function(){
+  // If showing, hide.
+  if (this.mode_ == 2) { this.hide(); }
+
+  // Stop triggering cues
+  this.deactivate();
+
+  // Switch Mode to Off
+  this.mode_ = 0;
+};
+
+/**
+ * Turn on cue tracking. Tracks that are showing OR hidden are active.
+ */
+vjs.TextTrack.prototype.activate = function(){
+  // Load text file if it hasn't been yet.
+  if (this.readyState_ === 0) { this.load(); }
+
+  // Only activate if not already active.
+  if (this.mode_ === 0) {
+    // Update current cue on timeupdate
+    // Using unique ID for bind function so other tracks don't remove listener
+    this.player_.on('timeupdate', vjs.bind(this, this.update, this.id_));
+
+    // Reset cue time on media end
+    this.player_.on('ended', vjs.bind(this, this.reset, this.id_));
+
+    // Add to display
+    if (this.kind_ === 'captions' || this.kind_ === 'subtitles') {
+      this.player_.getChild('textTrackDisplay').addChild(this);
+    }
+  }
+};
+
+/**
+ * Turn off cue tracking.
+ */
+vjs.TextTrack.prototype.deactivate = function(){
+  // Using unique ID for bind function so other tracks don't remove listener
+  this.player_.off('timeupdate', vjs.bind(this, this.update, this.id_));
+  this.player_.off('ended', vjs.bind(this, this.reset, this.id_));
+  this.reset(); // Reset
+
+  // Remove from display
+  this.player_.getChild('textTrackDisplay').removeChild(this);
+};
+
+// A readiness state
+// One of the following:
+//
+// Not loaded
+// Indicates that the text track is known to exist (e.g. it has been declared with a track element), but its cues have not been obtained.
+//
+// Loading
+// Indicates that the text track is loading and there have been no fatal errors encountered so far. Further cues might still be added to the track.
+//
+// Loaded
+// Indicates that the text track has been loaded with no fatal errors. No new cues will be added to the track except if the text track corresponds to a MutableTextTrack object.
+//
+// Failed to load
+// Indicates that the text track was enabled, but when the user agent attempted to obtain it, this failed in some way (e.g. URL could not be resolved, network error, unknown text track format). Some or all of the cues are likely missing and will not be obtained.
+vjs.TextTrack.prototype.load = function(){
+
+  // Only load if not loaded yet.
+  if (this.readyState_ === 0) {
+    this.readyState_ = 1;
+    vjs.get(this.src_, vjs.bind(this, this.parseCues), vjs.bind(this, this.onError));
+  }
+
+};
+
+vjs.TextTrack.prototype.onError = function(err){
+  this.error = err;
+  this.readyState_ = 3;
+  this.trigger('error');
+};
+
+// Parse the WebVTT text format for cue times.
+// TODO: Separate parser into own class so alternative timed text formats can be used. (TTML, DFXP)
+vjs.TextTrack.prototype.parseCues = function(srcContent) {
+  var cue, time, text,
+      lines = srcContent.split('\n'),
+      line = '', id;
+
+  for (var i=1, j=lines.length; i<j; i++) {
+    // Line 0 should be 'WEBVTT', so skipping i=0
+
+    line = vjs.trim(lines[i]); // Trim whitespace and linebreaks
+
+    if (line) { // Loop until a line with content
+
+      // First line could be an optional cue ID
+      // Check if line has the time separator
+      if (line.indexOf('-->') == -1) {
+        id = line;
+        // Advance to next line for timing.
+        line = vjs.trim(lines[++i]);
+      } else {
+        id = this.cues_.length;
+      }
+
+      // First line - Number
+      cue = {
+        id: id, // Cue Number
+        index: this.cues_.length // Position in Array
+      };
+
+      // Timing line
+      time = line.split(' --> ');
+      cue.startTime = this.parseCueTime(time[0]);
+      cue.endTime = this.parseCueTime(time[1]);
+
+      // Additional lines - Cue Text
+      text = [];
+
+      // Loop until a blank line or end of lines
+      // Assumeing trim('') returns false for blank lines
+      while (lines[++i] && (line = vjs.trim(lines[i]))) {
+        text.push(line);
+      }
+
+      cue.text = text.join('<br/>');
+
+      // Add this cue
+      this.cues_.push(cue);
+    }
+  }
+
+  this.readyState_ = 2;
+  this.trigger('loaded');
+};
+
+
+vjs.TextTrack.prototype.parseCueTime = function(timeText) {
+  var parts = timeText.split(':'),
+      time = 0,
+      hours, minutes, other, seconds, ms;
+
+  // Check if optional hours place is included
+  // 00:00:00.000 vs. 00:00.000
+  if (parts.length == 3) {
+    hours = parts[0];
+    minutes = parts[1];
+    other = parts[2];
+  } else {
+    hours = 0;
+    minutes = parts[0];
+    other = parts[1];
+  }
+
+  // Break other (seconds, milliseconds, and flags) by spaces
+  // TODO: Make additional cue layout settings work with flags
+  other = other.split(/\s+/);
+  // Remove seconds. Seconds is the first part before any spaces.
+  seconds = other.splice(0,1)[0];
+  // Could use either . or , for decimal
+  seconds = seconds.split(/\.|,/);
+  // Get milliseconds
+  ms = parseFloat(seconds[1]);
+  seconds = seconds[0];
+
+  // hours => seconds
+  time += parseFloat(hours) * 3600;
+  // minutes => seconds
+  time += parseFloat(minutes) * 60;
+  // Add seconds
+  time += parseFloat(seconds);
+  // Add milliseconds
+  if (ms) { time += ms/1000; }
+
+  return time;
+};
+
+// Update active cues whenever timeupdate events are triggered on the player.
+vjs.TextTrack.prototype.update = function(){
+  if (this.cues_.length > 0) {
+
+    // Get curent player time
+    var time = this.player_.currentTime();
+
+    // Check if the new time is outside the time box created by the the last update.
+    if (this.prevChange === undefined || time < this.prevChange || this.nextChange <= time) {
+      var cues = this.cues_,
+
+          // Create a new time box for this state.
+          newNextChange = this.player_.duration(), // Start at beginning of the timeline
+          newPrevChange = 0, // Start at end
+
+          reverse = false, // Set the direction of the loop through the cues. Optimized the cue check.
+          newCues = [], // Store new active cues.
+
+          // Store where in the loop the current active cues are, to provide a smart starting point for the next loop.
+          firstActiveIndex, lastActiveIndex,
+          cue, i; // Loop vars
+
+      // Check if time is going forwards or backwards (scrubbing/rewinding)
+      // If we know the direction we can optimize the starting position and direction of the loop through the cues array.
+      if (time >= this.nextChange || this.nextChange === undefined) { // NextChange should happen
+        // Forwards, so start at the index of the first active cue and loop forward
+        i = (this.firstActiveIndex !== undefined) ? this.firstActiveIndex : 0;
+      } else {
+        // Backwards, so start at the index of the last active cue and loop backward
+        reverse = true;
+        i = (this.lastActiveIndex !== undefined) ? this.lastActiveIndex : cues.length - 1;
+      }
+
+      while (true) { // Loop until broken
+        cue = cues[i];
+
+        // Cue ended at this point
+        if (cue.endTime <= time) {
+          newPrevChange = Math.max(newPrevChange, cue.endTime);
+
+          if (cue.active) {
+            cue.active = false;
+          }
+
+          // No earlier cues should have an active start time.
+          // Nevermind. Assume first cue could have a duration the same as the video.
+          // In that case we need to loop all the way back to the beginning.
+          // if (reverse && cue.startTime) { break; }
+
+        // Cue hasn't started
+        } else if (time < cue.startTime) {
+          newNextChange = Math.min(newNextChange, cue.startTime);
+
+          if (cue.active) {
+            cue.active = false;
+          }
+
+          // No later cues should have an active start time.
+          if (!reverse) { break; }
+
+        // Cue is current
+        } else {
+
+          if (reverse) {
+            // Add cue to front of array to keep in time order
+            newCues.splice(0,0,cue);
+
+            // If in reverse, the first current cue is our lastActiveCue
+            if (lastActiveIndex === undefined) { lastActiveIndex = i; }
+            firstActiveIndex = i;
+          } else {
+            // Add cue to end of array
+            newCues.push(cue);
+
+            // If forward, the first current cue is our firstActiveIndex
+            if (firstActiveIndex === undefined) { firstActiveIndex = i; }
+            lastActiveIndex = i;
+          }
+
+          newNextChange = Math.min(newNextChange, cue.endTime);
+          newPrevChange = Math.max(newPrevChange, cue.startTime);
+
+          cue.active = true;
+        }
+
+        if (reverse) {
+          // Reverse down the array of cues, break if at first
+          if (i === 0) { break; } else { i--; }
+        } else {
+          // Walk up the array fo cues, break if at last
+          if (i === cues.length - 1) { break; } else { i++; }
+        }
+
+      }
+
+      this.activeCues_ = newCues;
+      this.nextChange = newNextChange;
+      this.prevChange = newPrevChange;
+      this.firstActiveIndex = firstActiveIndex;
+      this.lastActiveIndex = lastActiveIndex;
+
+      this.updateDisplay();
+
+      this.trigger('cuechange');
+    }
+  }
+};
+
+// Add cue HTML to display
+vjs.TextTrack.prototype.updateDisplay = function(){
+  var cues = this.activeCues_,
+      html = '',
+      i=0,j=cues.length;
+
+  for (;i<j;i++) {
+    html += '<span class="vjs-tt-cue">'+cues[i].text+'</span>';
+  }
+
+  this.el_.innerHTML = html;
+};
+
+// Set all loop helper values back
+vjs.TextTrack.prototype.reset = function(){
+  this.nextChange = 0;
+  this.prevChange = this.player_.duration();
+  this.firstActiveIndex = 0;
+  this.lastActiveIndex = 0;
+};
+
+// Create specific track types
+/**
+ * The track component for managing the hiding and showing of captions
+ *
+ * @constructor
+ */
+vjs.CaptionsTrack = vjs.TextTrack.extend();
+vjs.CaptionsTrack.prototype.kind_ = 'captions';
+// Exporting here because Track creation requires the track kind
+// to be available on global object. e.g. new window['videojs'][Kind + 'Track']
+
+/**
+ * The track component for managing the hiding and showing of subtitles
+ *
+ * @constructor
+ */
+vjs.SubtitlesTrack = vjs.TextTrack.extend();
+vjs.SubtitlesTrack.prototype.kind_ = 'subtitles';
+
+/**
+ * The track component for managing the hiding and showing of chapters
+ *
+ * @constructor
+ */
+vjs.ChaptersTrack = vjs.TextTrack.extend();
+vjs.ChaptersTrack.prototype.kind_ = 'chapters';
+
+
+/* Text Track Display
+============================================================================= */
+// Global container for both subtitle and captions text. Simple div container.
+
+/**
+ * The component for displaying text track cues
+ *
+ * @constructor
+ */
+vjs.TextTrackDisplay = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.Component.call(this, player, options, ready);
+
+    // This used to be called during player init, but was causing an error
+    // if a track should show by default and the display hadn't loaded yet.
+    // Should probably be moved to an external track loader when we support
+    // tracks that don't need a display.
+    if (player.options_['tracks'] && player.options_['tracks'].length > 0) {
+      this.player_.addTextTracks(player.options_['tracks']);
+    }
+  }
+});
+
+vjs.TextTrackDisplay.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-text-track-display'
+  });
+};
+
+
+/**
+ * The specific menu item type for selecting a language within a text track kind
+ *
+ * @constructor
+ */
+vjs.TextTrackMenuItem = vjs.MenuItem.extend({
+  /** @constructor */
+  init: function(player, options){
+    var track = this.track = options['track'];
+
+    // Modify options for parent MenuItem class's init.
+    options['label'] = track.label();
+    options['selected'] = track.dflt();
+    vjs.MenuItem.call(this, player, options);
+
+    this.player_.on(track.kind() + 'trackchange', vjs.bind(this, this.update));
+  }
+});
+
+vjs.TextTrackMenuItem.prototype.onClick = function(){
+  vjs.MenuItem.prototype.onClick.call(this);
+  this.player_.showTextTrack(this.track.id_, this.track.kind());
+};
+
+vjs.TextTrackMenuItem.prototype.update = function(){
+  this.selected(this.track.mode() == 2);
+};
+
+/**
+ * A special menu item for turning of a specific type of text track
+ *
+ * @constructor
+ */
+vjs.OffTextTrackMenuItem = vjs.TextTrackMenuItem.extend({
+  /** @constructor */
+  init: function(player, options){
+    // Create pseudo track info
+    // Requires options['kind']
+    options['track'] = {
+      kind: function() { return options['kind']; },
+      player: player,
+      label: function(){ return options['kind'] + ' off'; },
+      dflt: function(){ return false; },
+      mode: function(){ return false; }
+    };
+    vjs.TextTrackMenuItem.call(this, player, options);
+    this.selected(true);
+  }
+});
+
+vjs.OffTextTrackMenuItem.prototype.onClick = function(){
+  vjs.TextTrackMenuItem.prototype.onClick.call(this);
+  this.player_.showTextTrack(this.track.id_, this.track.kind());
+};
+
+vjs.OffTextTrackMenuItem.prototype.update = function(){
+  var tracks = this.player_.textTracks(),
+      i=0, j=tracks.length, track,
+      off = true;
+
+  for (;i<j;i++) {
+    track = tracks[i];
+    if (track.kind() == this.track.kind() && track.mode() == 2) {
+      off = false;
+    }
+  }
+
+  this.selected(off);
+};
+
+/**
+ * The base class for buttons that toggle specific text track types (e.g. subtitles)
+ *
+ * @constructor
+ */
+vjs.TextTrackButton = vjs.MenuButton.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.MenuButton.call(this, player, options);
+
+    if (this.items.length <= 1) {
+      this.hide();
+    }
+  }
+});
+
+// vjs.TextTrackButton.prototype.buttonPressed = false;
+
+// vjs.TextTrackButton.prototype.createMenu = function(){
+//   var menu = new vjs.Menu(this.player_);
+
+//   // Add a title list item to the top
+//   // menu.el().appendChild(vjs.createEl('li', {
+//   //   className: 'vjs-menu-title',
+//   //   innerHTML: vjs.capitalize(this.kind_),
+//   //   tabindex: -1
+//   // }));
+
+//   this.items = this.createItems();
+
+//   // Add menu items to the menu
+//   for (var i = 0; i < this.items.length; i++) {
+//     menu.addItem(this.items[i]);
+//   }
+
+//   // Add list to element
+//   this.addChild(menu);
+
+//   return menu;
+// };
+
+// Create a menu item for each text track
+vjs.TextTrackButton.prototype.createItems = function(){
+  var items = [], track;
+
+  // Add an OFF menu item to turn all tracks off
+  items.push(new vjs.OffTextTrackMenuItem(this.player_, { 'kind': this.kind_ }));
+
+  for (var i = 0; i < this.player_.textTracks().length; i++) {
+    track = this.player_.textTracks()[i];
+    if (track.kind() === this.kind_) {
+      items.push(new vjs.TextTrackMenuItem(this.player_, {
+        'track': track
+      }));
+    }
+  }
+
+  return items;
+};
+
+/**
+ * The button component for toggling and selecting captions
+ *
+ * @constructor
+ */
+vjs.CaptionsButton = vjs.TextTrackButton.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.TextTrackButton.call(this, player, options, ready);
+    this.el_.setAttribute('aria-label','Captions Menu');
+  }
+});
+vjs.CaptionsButton.prototype.kind_ = 'captions';
+vjs.CaptionsButton.prototype.buttonText = 'Captions';
+vjs.CaptionsButton.prototype.className = 'vjs-captions-button';
+
+/**
+ * The button component for toggling and selecting subtitles
+ *
+ * @constructor
+ */
+vjs.SubtitlesButton = vjs.TextTrackButton.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.TextTrackButton.call(this, player, options, ready);
+    this.el_.setAttribute('aria-label','Subtitles Menu');
+  }
+});
+vjs.SubtitlesButton.prototype.kind_ = 'subtitles';
+vjs.SubtitlesButton.prototype.buttonText = 'Subtitles';
+vjs.SubtitlesButton.prototype.className = 'vjs-subtitles-button';
+
+// Chapters act much differently than other text tracks
+// Cues are navigation vs. other tracks of alternative languages
+/**
+ * The button component for toggling and selecting chapters
+ *
+ * @constructor
+ */
+vjs.ChaptersButton = vjs.TextTrackButton.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.TextTrackButton.call(this, player, options, ready);
+    this.el_.setAttribute('aria-label','Chapters Menu');
+  }
+});
+vjs.ChaptersButton.prototype.kind_ = 'chapters';
+vjs.ChaptersButton.prototype.buttonText = 'Chapters';
+vjs.ChaptersButton.prototype.className = 'vjs-chapters-button';
+
+// Create a menu item for each text track
+vjs.ChaptersButton.prototype.createItems = function(){
+  var items = [], track;
+
+  for (var i = 0; i < this.player_.textTracks().length; i++) {
+    track = this.player_.textTracks()[i];
+    if (track.kind() === this.kind_) {
+      items.push(new vjs.TextTrackMenuItem(this.player_, {
+        'track': track
+      }));
+    }
+  }
+
+  return items;
+};
+
+vjs.ChaptersButton.prototype.createMenu = function(){
+  var tracks = this.player_.textTracks(),
+      i = 0,
+      j = tracks.length,
+      track, chaptersTrack,
+      items = this.items = [];
+
+  for (;i<j;i++) {
+    track = tracks[i];
+    if (track.kind() == this.kind_ && track.dflt()) {
+      if (track.readyState() < 2) {
+        this.chaptersTrack = track;
+        track.on('loaded', vjs.bind(this, this.createMenu));
+        return;
+      } else {
+        chaptersTrack = track;
+        break;
+      }
+    }
+  }
+
+  var menu = this.menu = new vjs.Menu(this.player_);
+
+  menu.el_.appendChild(vjs.createEl('li', {
+    className: 'vjs-menu-title',
+    innerHTML: vjs.capitalize(this.kind_),
+    tabindex: -1
+  }));
+
+  if (chaptersTrack) {
+    var cues = chaptersTrack.cues_, cue, mi;
+    i = 0;
+    j = cues.length;
+
+    for (;i<j;i++) {
+      cue = cues[i];
+
+      mi = new vjs.ChaptersTrackMenuItem(this.player_, {
+        'track': chaptersTrack,
+        'cue': cue
+      });
+
+      items.push(mi);
+
+      menu.addChild(mi);
+    }
+  }
+
+  if (this.items.length > 0) {
+    this.show();
+  }
+
+  return menu;
+};
+
+
+/**
+ * @constructor
+ */
+vjs.ChaptersTrackMenuItem = vjs.MenuItem.extend({
+  /** @constructor */
+  init: function(player, options){
+    var track = this.track = options['track'],
+        cue = this.cue = options['cue'],
+        currentTime = player.currentTime();
+
+    // Modify options for parent MenuItem class's init.
+    options['label'] = cue.text;
+    options['selected'] = (cue.startTime <= currentTime && currentTime < cue.endTime);
+    vjs.MenuItem.call(this, player, options);
+
+    track.on('cuechange', vjs.bind(this, this.update));
+  }
+});
+
+vjs.ChaptersTrackMenuItem.prototype.onClick = function(){
+  vjs.MenuItem.prototype.onClick.call(this);
+  this.player_.currentTime(this.cue.startTime);
+  this.update(this.cue.startTime);
+};
+
+vjs.ChaptersTrackMenuItem.prototype.update = function(){
+  var cue = this.cue,
+      currentTime = this.player_.currentTime();
+
+  // vjs.log(currentTime, cue.startTime);
+  this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);
+};
+
+// Add Buttons to controlBar
+vjs.obj.merge(vjs.ControlBar.prototype.options_['children'], {
+  'subtitlesButton': {},
+  'captionsButton': {},
+  'chaptersButton': {}
+});
+
+// vjs.Cue = vjs.Component.extend({
+//   /** @constructor */
+//   init: function(player, options){
+//     vjs.Component.call(this, player, options);
+//   }
+// });
+/**
+ * @fileoverview Add JSON support
+ * @suppress {undefinedVars}
+ * (Compiler doesn't like JSON not being declared)
+ */
+
+/**
+ * Javascript JSON implementation
+ * (Parse Method Only)
+ * https://github.com/douglascrockford/JSON-js/blob/master/json2.js
+ * Only using for parse method when parsing data-setup attribute JSON.
+ * @suppress {undefinedVars}
+ * @namespace
+ * @private
+ */
+vjs.JSON;
+
+if (typeof window.JSON !== 'undefined' && window.JSON.parse === 'function') {
+  vjs.JSON = window.JSON;
+
+} else {
+  vjs.JSON = {};
+
+  var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
+
+  /**
+   * parse the json
+   *
+   * @memberof vjs.JSON
+   * @return {Object|Array} The parsed JSON
+   */
+  vjs.JSON.parse = function (text, reviver) {
+      var j;
+
+      function walk(holder, key) {
+          var k, v, value = holder[key];
+          if (value && typeof value === 'object') {
+              for (k in value) {
+                  if (Object.prototype.hasOwnProperty.call(value, k)) {
+                      v = walk(value, k);
+                      if (v !== undefined) {
+                          value[k] = v;
+                      } else {
+                          delete value[k];
+                      }
+                  }
+              }
+          }
+          return reviver.call(holder, key, value);
+      }
+      text = String(text);
+      cx.lastIndex = 0;
+      if (cx.test(text)) {
+          text = text.replace(cx, function (a) {
+              return '\\u' +
+                  ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+          });
+      }
+
+      if (/^[\],:{}\s]*$/
+              .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+                  .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+                  .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+          j = eval('(' + text + ')');
+
+          return typeof reviver === 'function' ?
+              walk({'': j}, '') : j;
+      }
+
+      throw new SyntaxError('JSON.parse(): invalid or malformed JSON data');
+  };
+}
+/**
+ * @fileoverview Functions for automatically setting up a player
+ * based on the data-setup attribute of the video tag
+ */
+
+// Automatically set up any tags that have a data-setup attribute
+vjs.autoSetup = function(){
+  var options, vid, player,
+      vids = document.getElementsByTagName('video');
+
+  // Check if any media elements exist
+  if (vids && vids.length > 0) {
+
+    for (var i=0,j=vids.length; i<j; i++) {
+      vid = vids[i];
+
+      // Check if element exists, has getAttribute func.
+      // IE seems to consider typeof el.getAttribute == 'object' instead of 'function' like expected, at least when loading the player immediately.
+      if (vid && vid.getAttribute) {
+
+        // Make sure this player hasn't already been set up.
+        if (vid['player'] === undefined) {
+          options = vid.getAttribute('data-setup');
+
+          // Check if data-setup attr exists.
+          // We only auto-setup if they've added the data-setup attr.
+          if (options !== null) {
+
+            // Parse options JSON
+            // If empty string, make it a parsable json object.
+            options = vjs.JSON.parse(options || '{}');
+
+            // Create new video.js instance.
+            player = videojs(vid, options);
+          }
+        }
+
+      // If getAttribute isn't defined, we need to wait for the DOM.
+      } else {
+        vjs.autoSetupTimeout(1);
+        break;
+      }
+    }
+
+  // No videos were found, so keep looping unless page is finisehd loading.
+  } else if (!vjs.windowLoaded) {
+    vjs.autoSetupTimeout(1);
+  }
+};
+
+// Pause to let the DOM keep processing
+vjs.autoSetupTimeout = function(wait){
+  setTimeout(vjs.autoSetup, wait);
+};
+
+if (document.readyState === 'complete') {
+  vjs.windowLoaded = true;
+} else {
+  vjs.one(window, 'load', function(){
+    vjs.windowLoaded = true;
+  });
+}
+
+// Run Auto-load players
+// You have to wait at least once in case this script is loaded after your video in the DOM (weird behavior only with minified version)
+vjs.autoSetupTimeout(1);
+/**
+ * the method for registering a video.js plugin
+ *
+ * @param  {String} name The name of the plugin
+ * @param  {Function} init The function that is run when the player inits
+ */
+vjs.plugin = function(name, init){
+  vjs.Player.prototype[name] = init;
+};
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video.js
new file mode 100644
index 000000000..01e5bc8e0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/video-js/video.js
@@ -0,0 +1,129 @@
+/*! Video.js v4.3.0 Copyright 2013 Brightcove, Inc. https://github.com/videojs/video.js/blob/master/LICENSE */ (function() {var b=void 0,f=!0,h=null,l=!1;function m(){return function(){}}function p(a){return function(){return this[a]}}function s(a){return function(){return a}}var t;document.createElement("video");document.createElement("audio");document.createElement("track");function u(a,c,d){if("string"===typeof a){0===a.indexOf("#")&&(a=a.slice(1));if(u.xa[a])return u.xa[a];a=u.w(a)}if(!a||!a.nodeName)throw new TypeError("The element or ID supplied is not valid. (videojs)");return a.player||new u.s(a,c,d)}var v=u;
+window.Td=window.Ud=u;u.Tb="4.3";u.Fc="https:"==document.location.protocol?"https://":"http://";u.options={techOrder:["html5","flash"],html5:{},flash:{},width:300,height:150,defaultVolume:0,children:{mediaLoader:{},posterImage:{},textTrackDisplay:{},loadingSpinner:{},bigPlayButton:{},controlBar:{}},notSupportedMessage:'Sorry, no compatible source and playback technology were found for this video. Try using another browser like <a href="http://bit.ly/ccMUEC">Chrome</a> or download the latest <a href="http://adobe.ly/mwfN1">Adobe Flash Player</a>.'};
+"GENERATED_CDN_VSN"!==u.Tb&&(v.options.flash.swf=u.Fc+"vjs.zencdn.net/"+u.Tb+"/video-js.swf");u.xa={};u.la=u.CoreObject=m();u.la.extend=function(a){var c,d;a=a||{};c=a.init||a.i||this.prototype.init||this.prototype.i||m();d=function(){c.apply(this,arguments)};d.prototype=u.k.create(this.prototype);d.prototype.constructor=d;d.extend=u.la.extend;d.create=u.la.create;for(var e in a)a.hasOwnProperty(e)&&(d.prototype[e]=a[e]);return d};
+u.la.create=function(){var a=u.k.create(this.prototype);this.apply(a,arguments);return a};u.d=function(a,c,d){var e=u.getData(a);e.z||(e.z={});e.z[c]||(e.z[c]=[]);d.t||(d.t=u.t++);e.z[c].push(d);e.W||(e.disabled=l,e.W=function(c){if(!e.disabled){c=u.kc(c);var d=e.z[c.type];if(d)for(var d=d.slice(0),k=0,q=d.length;k<q&&!c.pc();k++)d[k].call(a,c)}});1==e.z[c].length&&(document.addEventListener?a.addEventListener(c,e.W,l):document.attachEvent&&a.attachEvent("on"+c,e.W))};
+u.o=function(a,c,d){if(u.oc(a)){var e=u.getData(a);if(e.z)if(c){var g=e.z[c];if(g){if(d){if(d.t)for(e=0;e<g.length;e++)g[e].t===d.t&&g.splice(e--,1)}else e.z[c]=[];u.gc(a,c)}}else for(g in e.z)c=g,e.z[c]=[],u.gc(a,c)}};u.gc=function(a,c){var d=u.getData(a);0===d.z[c].length&&(delete d.z[c],document.removeEventListener?a.removeEventListener(c,d.W,l):document.detachEvent&&a.detachEvent("on"+c,d.W));u.Bb(d.z)&&(delete d.z,delete d.W,delete d.disabled);u.Bb(d)&&u.vc(a)};
+u.kc=function(a){function c(){return f}function d(){return l}if(!a||!a.Cb){var e=a||window.event;a={};for(var g in e)"layerX"!==g&&"layerY"!==g&&(a[g]=e[g]);a.target||(a.target=a.srcElement||document);a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;a.preventDefault=function(){e.preventDefault&&e.preventDefault();a.returnValue=l;a.Ab=c};a.Ab=d;a.stopPropagation=function(){e.stopPropagation&&e.stopPropagation();a.cancelBubble=f;a.Cb=c};a.Cb=d;a.stopImmediatePropagation=function(){e.stopImmediatePropagation&&
+e.stopImmediatePropagation();a.pc=c;a.stopPropagation()};a.pc=d;if(a.clientX!=h){g=document.documentElement;var j=document.body;a.pageX=a.clientX+(g&&g.scrollLeft||j&&j.scrollLeft||0)-(g&&g.clientLeft||j&&j.clientLeft||0);a.pageY=a.clientY+(g&&g.scrollTop||j&&j.scrollTop||0)-(g&&g.clientTop||j&&j.clientTop||0)}a.which=a.charCode||a.keyCode;a.button!=h&&(a.button=a.button&1?0:a.button&4?1:a.button&2?2:0)}return a};
+u.j=function(a,c){var d=u.oc(a)?u.getData(a):{},e=a.parentNode||a.ownerDocument;"string"===typeof c&&(c={type:c,target:a});c=u.kc(c);d.W&&d.W.call(a,c);if(e&&!c.Cb()&&c.bubbles!==l)u.j(e,c);else if(!e&&!c.Ab()&&(d=u.getData(c.target),c.target[c.type])){d.disabled=f;if("function"===typeof c.target[c.type])c.target[c.type]();d.disabled=l}return!c.Ab()};u.U=function(a,c,d){function e(){u.o(a,c,e);d.apply(this,arguments)}e.t=d.t=d.t||u.t++;u.d(a,c,e)};var w=Object.prototype.hasOwnProperty;
+u.e=function(a,c){var d,e;d=document.createElement(a||"div");for(e in c)w.call(c,e)&&(-1!==e.indexOf("aria-")||"role"==e?d.setAttribute(e,c[e]):d[e]=c[e]);return d};u.$=function(a){return a.charAt(0).toUpperCase()+a.slice(1)};u.k={};u.k.create=Object.create||function(a){function c(){}c.prototype=a;return new c};u.k.ua=function(a,c,d){for(var e in a)w.call(a,e)&&c.call(d||this,e,a[e])};u.k.B=function(a,c){if(!c)return a;for(var d in c)w.call(c,d)&&(a[d]=c[d]);return a};
+u.k.ic=function(a,c){var d,e,g;a=u.k.copy(a);for(d in c)w.call(c,d)&&(e=a[d],g=c[d],a[d]=u.k.qc(e)&&u.k.qc(g)?u.k.ic(e,g):c[d]);return a};u.k.copy=function(a){return u.k.B({},a)};u.k.qc=function(a){return!!a&&"object"===typeof a&&"[object Object]"===a.toString()&&a.constructor===Object};u.bind=function(a,c,d){function e(){return c.apply(a,arguments)}c.t||(c.t=u.t++);e.t=d?d+"_"+c.t:c.t;return e};u.ra={};u.t=1;u.expando="vdata"+(new Date).getTime();
+u.getData=function(a){var c=a[u.expando];c||(c=a[u.expando]=u.t++,u.ra[c]={});return u.ra[c]};u.oc=function(a){a=a[u.expando];return!(!a||u.Bb(u.ra[a]))};u.vc=function(a){var c=a[u.expando];if(c){delete u.ra[c];try{delete a[u.expando]}catch(d){a.removeAttribute?a.removeAttribute(u.expando):a[u.expando]=h}}};u.Bb=function(a){for(var c in a)if(a[c]!==h)return l;return f};u.n=function(a,c){-1==(" "+a.className+" ").indexOf(" "+c+" ")&&(a.className=""===a.className?c:a.className+" "+c)};
+u.u=function(a,c){var d,e;if(-1!=a.className.indexOf(c)){d=a.className.split(" ");for(e=d.length-1;0<=e;e--)d[e]===c&&d.splice(e,1);a.className=d.join(" ")}};u.na=u.e("video");u.F=navigator.userAgent;u.Mc=/iPhone/i.test(u.F);u.Lc=/iPad/i.test(u.F);u.Nc=/iPod/i.test(u.F);u.Kc=u.Mc||u.Lc||u.Nc;var aa=u,x;var y=u.F.match(/OS (\d+)_/i);x=y&&y[1]?y[1]:b;aa.Fd=x;u.Ic=/Android/i.test(u.F);var ba=u,z;var A=u.F.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i),B,C;
+A?(B=A[1]&&parseFloat(A[1]),C=A[2]&&parseFloat(A[2]),z=B&&C?parseFloat(A[1]+"."+A[2]):B?B:h):z=h;ba.Gc=z;u.Oc=u.Ic&&/webkit/i.test(u.F)&&2.3>u.Gc;u.Jc=/Firefox/i.test(u.F);u.Gd=/Chrome/i.test(u.F);u.ac=!!("ontouchstart"in window||window.Hc&&document instanceof window.Hc);
+u.xb=function(a){var c,d,e,g;c={};if(a&&a.attributes&&0<a.attributes.length){d=a.attributes;for(var j=d.length-1;0<=j;j--){e=d[j].name;g=d[j].value;if("boolean"===typeof a[e]||-1!==",autoplay,controls,loop,muted,default,".indexOf(","+e+","))g=g!==h?f:l;c[e]=g}}return c};
+u.Kd=function(a,c){var d="";document.defaultView&&document.defaultView.getComputedStyle?d=document.defaultView.getComputedStyle(a,"").getPropertyValue(c):a.currentStyle&&(d=a["client"+c.substr(0,1).toUpperCase()+c.substr(1)]+"px");return d};u.zb=function(a,c){c.firstChild?c.insertBefore(a,c.firstChild):c.appendChild(a)};u.Pb={};u.w=function(a){0===a.indexOf("#")&&(a=a.slice(1));return document.getElementById(a)};
+u.La=function(a,c){c=c||a;var d=Math.floor(a%60),e=Math.floor(a/60%60),g=Math.floor(a/3600),j=Math.floor(c/60%60),k=Math.floor(c/3600);if(isNaN(a)||Infinity===a)g=e=d="-";g=0<g||0<k?g+":":"";return g+(((g||10<=j)&&10>e?"0"+e:e)+":")+(10>d?"0"+d:d)};u.Tc=function(){document.body.focus();document.onselectstart=s(l)};u.Bd=function(){document.onselectstart=s(f)};u.trim=function(a){return(a+"").replace(/^\s+|\s+$/g,"")};u.round=function(a,c){c||(c=0);return Math.round(a*Math.pow(10,c))/Math.pow(10,c)};
+u.tb=function(a,c){return{length:1,start:function(){return a},end:function(){return c}}};
+u.get=function(a,c,d){var e,g;"undefined"===typeof XMLHttpRequest&&(window.XMLHttpRequest=function(){try{return new window.ActiveXObject("Msxml2.XMLHTTP.6.0")}catch(a){}try{return new window.ActiveXObject("Msxml2.XMLHTTP.3.0")}catch(c){}try{return new window.ActiveXObject("Msxml2.XMLHTTP")}catch(d){}throw Error("This browser does not support XMLHttpRequest.");});g=new XMLHttpRequest;try{g.open("GET",a)}catch(j){d(j)}e=0===a.indexOf("file:")||0===window.location.href.indexOf("file:")&&-1===a.indexOf("http");
+g.onreadystatechange=function(){4===g.readyState&&(200===g.status||e&&0===g.status?c(g.responseText):d&&d())};try{g.send()}catch(k){d&&d(k)}};u.td=function(a){try{var c=window.localStorage||l;c&&(c.volume=a)}catch(d){22==d.code||1014==d.code?u.log("LocalStorage Full (VideoJS)",d):18==d.code?u.log("LocalStorage not allowed (VideoJS)",d):u.log("LocalStorage Error (VideoJS)",d)}};u.mc=function(a){a.match(/^https?:\/\//)||(a=u.e("div",{innerHTML:'<a href="'+a+'">x</a>'}).firstChild.href);return a};
+u.log=function(){u.log.history=u.log.history||[];u.log.history.push(arguments);window.console&&window.console.log(Array.prototype.slice.call(arguments))};u.ad=function(a){var c,d;a.getBoundingClientRect&&a.parentNode&&(c=a.getBoundingClientRect());if(!c)return{left:0,top:0};a=document.documentElement;d=document.body;return{left:c.left+(window.pageXOffset||d.scrollLeft)-(a.clientLeft||d.clientLeft||0),top:c.top+(window.pageYOffset||d.scrollTop)-(a.clientTop||d.clientTop||0)}};
+u.c=u.la.extend({i:function(a,c,d){this.b=a;this.g=u.k.copy(this.g);c=this.options(c);this.Q=c.id||(c.el&&c.el.id?c.el.id:a.id()+"_component_"+u.t++);this.gd=c.name||h;this.a=c.el||this.e();this.G=[];this.qb={};this.V={};if((a=this.g)&&a.children){var e=this;u.k.ua(a.children,function(a,c){c!==l&&!c.loadEvent&&(e[a]=e.Z(a,c))})}this.L(d)}});t=u.c.prototype;
+t.D=function(){this.j("dispose");if(this.G)for(var a=this.G.length-1;0<=a;a--)this.G[a].D&&this.G[a].D();this.V=this.qb=this.G=h;this.o();this.a.parentNode&&this.a.parentNode.removeChild(this.a);u.vc(this.a);this.a=h};t.b=f;t.K=p("b");t.options=function(a){return a===b?this.g:this.g=u.k.ic(this.g,a)};t.e=function(a,c){return u.e(a,c)};t.w=p("a");t.id=p("Q");t.name=p("gd");t.children=p("G");
+t.Z=function(a,c){var d,e;"string"===typeof a?(e=a,c=c||{},d=c.componentClass||u.$(e),c.name=e,d=new window.videojs[d](this.b||this,c)):d=a;this.G.push(d);"function"===typeof d.id&&(this.qb[d.id()]=d);(e=e||d.name&&d.name())&&(this.V[e]=d);"function"===typeof d.el&&d.el()&&(this.sa||this.a).appendChild(d.el());return d};
+t.removeChild=function(a){"string"===typeof a&&(a=this.V[a]);if(a&&this.G){for(var c=l,d=this.G.length-1;0<=d;d--)if(this.G[d]===a){c=f;this.G.splice(d,1);break}c&&(this.qb[a.id]=h,this.V[a.name]=h,(c=a.w())&&c.parentNode===(this.sa||this.a)&&(this.sa||this.a).removeChild(a.w()))}};t.T=s("");t.d=function(a,c){u.d(this.a,a,u.bind(this,c));return this};t.o=function(a,c){u.o(this.a,a,c);return this};t.U=function(a,c){u.U(this.a,a,u.bind(this,c));return this};t.j=function(a,c){u.j(this.a,a,c);return this};
+t.L=function(a){a&&(this.aa?a.call(this):(this.Sa===b&&(this.Sa=[]),this.Sa.push(a)));return this};t.Ua=function(){this.aa=f;var a=this.Sa;if(a&&0<a.length){for(var c=0,d=a.length;c<d;c++)a[c].call(this);this.Sa=[];this.j("ready")}};t.n=function(a){u.n(this.a,a);return this};t.u=function(a){u.u(this.a,a);return this};t.show=function(){this.a.style.display="block";return this};t.C=function(){this.a.style.display="none";return this};function D(a){a.u("vjs-lock-showing")}
+t.disable=function(){this.C();this.show=m()};t.width=function(a,c){return E(this,"width",a,c)};t.height=function(a,c){return E(this,"height",a,c)};t.Xc=function(a,c){return this.width(a,f).height(c)};function E(a,c,d,e){if(d!==b)return a.a.style[c]=-1!==(""+d).indexOf("%")||-1!==(""+d).indexOf("px")?d:"auto"===d?"":d+"px",e||a.j("resize"),a;if(!a.a)return 0;d=a.a.style[c];e=d.indexOf("px");return-1!==e?parseInt(d.slice(0,e),10):parseInt(a.a["offset"+u.$(c)],10)}
+u.q=u.c.extend({i:function(a,c){u.c.call(this,a,c);var d=l;this.d("touchstart",function(a){a.preventDefault();d=f});this.d("touchmove",function(){d=l});var e=this;this.d("touchend",function(a){d&&e.p(a);a.preventDefault()});this.d("click",this.p);this.d("focus",this.Oa);this.d("blur",this.Na)}});t=u.q.prototype;
+t.e=function(a,c){c=u.k.B({className:this.T(),innerHTML:'<div class="vjs-control-content"><span class="vjs-control-text">'+(this.qa||"Need Text")+"</span></div>",qd:"button","aria-live":"polite",tabIndex:0},c);return u.c.prototype.e.call(this,a,c)};t.T=function(){return"vjs-control "+u.c.prototype.T.call(this)};t.p=m();t.Oa=function(){u.d(document,"keyup",u.bind(this,this.ba))};t.ba=function(a){if(32==a.which||13==a.which)a.preventDefault(),this.p()};
+t.Na=function(){u.o(document,"keyup",u.bind(this,this.ba))};u.O=u.c.extend({i:function(a,c){u.c.call(this,a,c);this.Sc=this.V[this.g.barName];this.handle=this.V[this.g.handleName];a.d(this.tc,u.bind(this,this.update));this.d("mousedown",this.Pa);this.d("touchstart",this.Pa);this.d("focus",this.Oa);this.d("blur",this.Na);this.d("click",this.p);this.b.d("controlsvisible",u.bind(this,this.update));a.L(u.bind(this,this.update));this.P={}}});t=u.O.prototype;
+t.e=function(a,c){c=c||{};c.className+=" vjs-slider";c=u.k.B({qd:"slider","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0},c);return u.c.prototype.e.call(this,a,c)};t.Pa=function(a){a.preventDefault();u.Tc();this.P.move=u.bind(this,this.Hb);this.P.end=u.bind(this,this.Ib);u.d(document,"mousemove",this.P.move);u.d(document,"mouseup",this.P.end);u.d(document,"touchmove",this.P.move);u.d(document,"touchend",this.P.end);this.Hb(a)};
+t.Ib=function(){u.Bd();u.o(document,"mousemove",this.P.move,l);u.o(document,"mouseup",this.P.end,l);u.o(document,"touchmove",this.P.move,l);u.o(document,"touchend",this.P.end,l);this.update()};t.update=function(){if(this.a){var a,c=this.yb(),d=this.handle,e=this.Sc;isNaN(c)&&(c=0);a=c;if(d){a=this.a.offsetWidth;var g=d.w().offsetWidth;a=g?g/a:0;c*=1-a;a=c+a/2;d.w().style.left=u.round(100*c,2)+"%"}e.w().style.width=u.round(100*a,2)+"%"}};
+function F(a,c){var d,e,g,j;d=a.a;e=u.ad(d);j=g=d.offsetWidth;d=a.handle;if(a.g.Cd)return j=e.top,e=c.changedTouches?c.changedTouches[0].pageY:c.pageY,d&&(d=d.w().offsetHeight,j+=d/2,g-=d),Math.max(0,Math.min(1,(j-e+g)/g));g=e.left;e=c.changedTouches?c.changedTouches[0].pageX:c.pageX;d&&(d=d.w().offsetWidth,g+=d/2,j-=d);return Math.max(0,Math.min(1,(e-g)/j))}t.Oa=function(){u.d(document,"keyup",u.bind(this,this.ba))};
+t.ba=function(a){37==a.which?(a.preventDefault(),this.yc()):39==a.which&&(a.preventDefault(),this.zc())};t.Na=function(){u.o(document,"keyup",u.bind(this,this.ba))};t.p=function(a){a.stopImmediatePropagation();a.preventDefault()};u.ea=u.c.extend();u.ea.prototype.defaultValue=0;u.ea.prototype.e=function(a,c){c=c||{};c.className+=" vjs-slider-handle";c=u.k.B({innerHTML:'<span class="vjs-control-text">'+this.defaultValue+"</span>"},c);return u.c.prototype.e.call(this,"div",c)};u.ma=u.c.extend();
+function ca(a,c){a.Z(c);c.d("click",u.bind(a,function(){D(this)}))}u.ma.prototype.e=function(){var a=this.options().Vc||"ul";this.sa=u.e(a,{className:"vjs-menu-content"});a=u.c.prototype.e.call(this,"div",{append:this.sa,className:"vjs-menu"});a.appendChild(this.sa);u.d(a,"click",function(a){a.preventDefault();a.stopImmediatePropagation()});return a};u.N=u.q.extend({i:function(a,c){u.q.call(this,a,c);this.selected(c.selected)}});
+u.N.prototype.e=function(a,c){return u.q.prototype.e.call(this,"li",u.k.B({className:"vjs-menu-item",innerHTML:this.g.label},c))};u.N.prototype.p=function(){this.selected(f)};u.N.prototype.selected=function(a){a?(this.n("vjs-selected"),this.a.setAttribute("aria-selected",f)):(this.u("vjs-selected"),this.a.setAttribute("aria-selected",l))};
+u.R=u.q.extend({i:function(a,c){u.q.call(this,a,c);this.wa=this.Ka();this.Z(this.wa);this.I&&0===this.I.length&&this.C();this.d("keyup",this.ba);this.a.setAttribute("aria-haspopup",f);this.a.setAttribute("role","button")}});t=u.R.prototype;t.pa=l;t.Ka=function(){var a=new u.ma(this.b);this.options().title&&a.w().appendChild(u.e("li",{className:"vjs-menu-title",innerHTML:u.$(this.A),zd:-1}));if(this.I=this.createItems())for(var c=0;c<this.I.length;c++)ca(a,this.I[c]);return a};t.ta=m();
+t.T=function(){return this.className+" vjs-menu-button "+u.q.prototype.T.call(this)};t.Oa=m();t.Na=m();t.p=function(){this.U("mouseout",u.bind(this,function(){D(this.wa);this.a.blur()}));this.pa?G(this):H(this)};t.ba=function(a){a.preventDefault();32==a.which||13==a.which?this.pa?G(this):H(this):27==a.which&&this.pa&&G(this)};function H(a){a.pa=f;a.wa.n("vjs-lock-showing");a.a.setAttribute("aria-pressed",f);a.I&&0<a.I.length&&a.I[0].w().focus()}
+function G(a){a.pa=l;D(a.wa);a.a.setAttribute("aria-pressed",l)}
+u.s=u.c.extend({i:function(a,c,d){this.M=a;c=u.k.B(da(a),c);this.v={};this.uc=c.poster;this.sb=c.controls;a.controls=l;u.c.call(this,this,c,d);this.controls()?this.n("vjs-controls-enabled"):this.n("vjs-controls-disabled");this.U("play",function(a){u.j(this.a,{type:"firstplay",target:this.a})||(a.preventDefault(),a.stopPropagation(),a.stopImmediatePropagation())});this.d("ended",this.hd);this.d("play",this.Kb);this.d("firstplay",this.jd);this.d("pause",this.Jb);this.d("progress",this.ld);this.d("durationchange",
+this.sc);this.d("error",this.Gb);this.d("fullscreenchange",this.kd);u.xa[this.Q]=this;c.plugins&&u.k.ua(c.plugins,function(a,c){this[a](c)},this);var e,g,j,k;e=this.Mb;a=function(){e();clearInterval(g);g=setInterval(u.bind(this,e),250)};c=function(){e();clearInterval(g)};this.d("mousedown",a);this.d("mousemove",e);this.d("mouseup",c);this.d("keydown",e);this.d("keyup",e);this.d("touchstart",a);this.d("touchmove",e);this.d("touchend",c);this.d("touchcancel",c);j=setInterval(u.bind(this,function(){this.ka&&
+(this.ka=l,this.ja(f),clearTimeout(k),k=setTimeout(u.bind(this,function(){this.ka||this.ja(l)}),2E3))}),250);this.d("dispose",function(){clearInterval(j);clearTimeout(k)})}});t=u.s.prototype;t.g=u.options;t.D=function(){this.j("dispose");this.o("dispose");u.xa[this.Q]=h;this.M&&this.M.player&&(this.M.player=h);this.a&&this.a.player&&(this.a.player=h);clearInterval(this.Ra);this.za();this.h&&this.h.D();u.c.prototype.D.call(this)};
+function da(a){var c={sources:[],tracks:[]};u.k.B(c,u.xb(a));if(a.hasChildNodes()){var d,e,g,j;a=a.childNodes;g=0;for(j=a.length;g<j;g++)d=a[g],e=d.nodeName.toLowerCase(),"source"===e?c.sources.push(u.xb(d)):"track"===e&&c.tracks.push(u.xb(d))}return c}
+t.e=function(){var a=this.a=u.c.prototype.e.call(this,"div"),c=this.M;c.removeAttribute("width");c.removeAttribute("height");if(c.hasChildNodes()){var d,e,g,j,k;d=c.childNodes;e=d.length;for(k=[];e--;)g=d[e],j=g.nodeName.toLowerCase(),"track"===j&&k.push(g);for(d=0;d<k.length;d++)c.removeChild(k[d])}c.id=c.id||"vjs_video_"+u.t++;a.id=c.id;a.className=c.className;c.id+="_html5_api";c.className="vjs-tech";c.player=a.player=this;this.n("vjs-paused");this.width(this.g.width,f);this.height(this.g.height,
+f);c.parentNode&&c.parentNode.insertBefore(a,c);u.zb(c,a);return a};
+function I(a,c,d){a.h?(a.aa=l,a.h.D(),a.Eb&&(a.Eb=l,clearInterval(a.Ra)),a.Fb&&J(a),a.h=l):"Html5"!==c&&a.M&&(u.l.jc(a.M),a.M=h);a.ia=c;a.aa=l;var e=u.k.B({source:d,parentEl:a.a},a.g[c.toLowerCase()]);d&&(d.src==a.v.src&&0<a.v.currentTime&&(e.startTime=a.v.currentTime),a.v.src=d.src);a.h=new window.videojs[c](a,e);a.h.L(function(){this.b.Ua();if(!this.m.progressEvents){var a=this.b;a.Eb=f;a.Ra=setInterval(u.bind(a,function(){this.v.lb<this.buffered().end(0)?this.j("progress"):1==this.Ja()&&(clearInterval(this.Ra),
+this.j("progress"))}),500);a.h.U("progress",function(){this.m.progressEvents=f;var a=this.b;a.Eb=l;clearInterval(a.Ra)})}this.m.timeupdateEvents||(a=this.b,a.Fb=f,a.d("play",a.Cc),a.d("pause",a.za),a.h.U("timeupdate",function(){this.m.timeupdateEvents=f;J(this.b)}))})}function J(a){a.Fb=l;a.za();a.o("play",a.Cc);a.o("pause",a.za)}t.Cc=function(){this.hc&&this.za();this.hc=setInterval(u.bind(this,function(){this.j("timeupdate")}),250)};t.za=function(){clearInterval(this.hc)};
+t.Kb=function(){u.u(this.a,"vjs-paused");u.n(this.a,"vjs-playing")};t.jd=function(){this.g.starttime&&this.currentTime(this.g.starttime);this.n("vjs-has-started")};t.Jb=function(){u.u(this.a,"vjs-playing");u.n(this.a,"vjs-paused")};t.ld=function(){1==this.Ja()&&this.j("loadedalldata")};t.hd=function(){this.g.loop&&(this.currentTime(0),this.play())};t.sc=function(){this.duration(K(this,"duration"))};t.kd=function(){this.H?this.n("vjs-fullscreen"):this.u("vjs-fullscreen")};
+t.Gb=function(a){u.log("Video Error",a)};function L(a,c,d){if(a.h&&!a.h.aa)a.h.L(function(){this[c](d)});else try{a.h[c](d)}catch(e){throw u.log(e),e;}}function K(a,c){if(a.h&&a.h.aa)try{return a.h[c]()}catch(d){throw a.h[c]===b?u.log("Video.js: "+c+" method not defined for "+a.ia+" playback technology.",d):"TypeError"==d.name?(u.log("Video.js: "+c+" unavailable on "+a.ia+" playback technology element.",d),a.h.aa=l):u.log(d),d;}}t.play=function(){L(this,"play");return this};
+t.pause=function(){L(this,"pause");return this};t.paused=function(){return K(this,"paused")===l?l:f};t.currentTime=function(a){return a!==b?(this.v.rc=a,L(this,"setCurrentTime",a),this.Fb&&this.j("timeupdate"),this):this.v.currentTime=K(this,"currentTime")||0};t.duration=function(a){if(a!==b)return this.v.duration=parseFloat(a),this;this.v.duration===b&&this.sc();return this.v.duration};
+t.buffered=function(){var a=K(this,"buffered"),c=a.length-1,d=this.v.lb=this.v.lb||0;a&&(0<=c&&a.end(c)!==d)&&(d=a.end(c),this.v.lb=d);return u.tb(0,d)};t.Ja=function(){return this.duration()?this.buffered().end(0)/this.duration():0};t.volume=function(a){if(a!==b)return a=Math.max(0,Math.min(1,parseFloat(a))),this.v.volume=a,L(this,"setVolume",a),u.td(a),this;a=parseFloat(K(this,"volume"));return isNaN(a)?1:a};t.muted=function(a){return a!==b?(L(this,"setMuted",a),this):K(this,"muted")||l};
+t.Ta=function(){return K(this,"supportsFullScreen")||l};
+t.ya=function(){var a=u.Pb.ya;this.H=f;a?(u.d(document,a.vb,u.bind(this,function(c){this.H=document[a.H];this.H===l&&u.o(document,a.vb,arguments.callee);this.j("fullscreenchange")})),this.a[a.wc]()):this.h.Ta()?L(this,"enterFullScreen"):(this.cd=f,this.Yc=document.documentElement.style.overflow,u.d(document,"keydown",u.bind(this,this.lc)),document.documentElement.style.overflow="hidden",u.n(document.body,"vjs-full-window"),this.j("enterFullWindow"),this.j("fullscreenchange"));return this};
+t.ob=function(){var a=u.Pb.ya;this.H=l;if(a)document[a.nb]();else this.h.Ta()?L(this,"exitFullScreen"):(M(this),this.j("fullscreenchange"));return this};t.lc=function(a){27===a.keyCode&&(this.H===f?this.ob():M(this))};function M(a){a.cd=l;u.o(document,"keydown",a.lc);document.documentElement.style.overflow=a.Yc;u.u(document.body,"vjs-full-window");a.j("exitFullWindow")}
+t.src=function(a){if(a instanceof Array){var c;a:{c=a;for(var d=0,e=this.g.techOrder;d<e.length;d++){var g=u.$(e[d]),j=window.videojs[g];if(j.isSupported())for(var k=0,q=c;k<q.length;k++){var n=q[k];if(j.canPlaySource(n)){c={source:n,h:g};break a}}}c=l}c?(a=c.source,c=c.h,c==this.ia?this.src(a):I(this,c,a)):this.a.appendChild(u.e("p",{innerHTML:this.options().notSupportedMessage}))}else a instanceof Object?window.videojs[this.ia].canPlaySource(a)?this.src(a.src):this.src([a]):(this.v.src=a,this.aa?
+(L(this,"src",a),"auto"==this.g.preload&&this.load(),this.g.autoplay&&this.play()):this.L(function(){this.src(a)}));return this};t.load=function(){L(this,"load");return this};t.currentSrc=function(){return K(this,"currentSrc")||this.v.src||""};t.Qa=function(a){return a!==b?(L(this,"setPreload",a),this.g.preload=a,this):K(this,"preload")};t.autoplay=function(a){return a!==b?(L(this,"setAutoplay",a),this.g.autoplay=a,this):K(this,"autoplay")};
+t.loop=function(a){return a!==b?(L(this,"setLoop",a),this.g.loop=a,this):K(this,"loop")};t.poster=function(a){return a!==b?(this.uc=a,this):this.uc};t.controls=function(a){return a!==b?(a=!!a,this.sb!==a&&((this.sb=a)?(this.u("vjs-controls-disabled"),this.n("vjs-controls-enabled"),this.j("controlsenabled")):(this.u("vjs-controls-enabled"),this.n("vjs-controls-disabled"),this.j("controlsdisabled"))),this):this.sb};u.s.prototype.Sb;t=u.s.prototype;
+t.Rb=function(a){return a!==b?(a=!!a,this.Sb!==a&&((this.Sb=a)?(this.n("vjs-using-native-controls"),this.j("usingnativecontrols")):(this.u("vjs-using-native-controls"),this.j("usingcustomcontrols"))),this):this.Sb};t.error=function(){return K(this,"error")};t.seeking=function(){return K(this,"seeking")};t.ka=f;t.Mb=function(){this.ka=f};t.Qb=f;
+t.ja=function(a){return a!==b?(a=!!a,a!==this.Qb&&((this.Qb=a)?(this.ka=f,this.u("vjs-user-inactive"),this.n("vjs-user-active"),this.j("useractive")):(this.ka=l,this.h.U("mousemove",function(a){a.stopPropagation();a.preventDefault()}),this.u("vjs-user-active"),this.n("vjs-user-inactive"),this.j("userinactive"))),this):this.Qb};var N,O,P;P=document.createElement("div");O={};
+P.Hd!==b?(O.wc="requestFullscreen",O.nb="exitFullscreen",O.vb="fullscreenchange",O.H="fullScreen"):(document.mozCancelFullScreen?(N="moz",O.H=N+"FullScreen"):(N="webkit",O.H=N+"IsFullScreen"),P[N+"RequestFullScreen"]&&(O.wc=N+"RequestFullScreen",O.nb=N+"CancelFullScreen"),O.vb=N+"fullscreenchange");document[O.nb]&&(u.Pb.ya=O);u.Fa=u.c.extend();
+u.Fa.prototype.g={Md:"play",children:{playToggle:{},currentTimeDisplay:{},timeDivider:{},durationDisplay:{},remainingTimeDisplay:{},progressControl:{},fullscreenToggle:{},volumeControl:{},muteToggle:{}}};u.Fa.prototype.e=function(){return u.e("div",{className:"vjs-control-bar"})};u.Yb=u.q.extend({i:function(a,c){u.q.call(this,a,c);a.d("play",u.bind(this,this.Kb));a.d("pause",u.bind(this,this.Jb))}});t=u.Yb.prototype;t.qa="Play";t.T=function(){return"vjs-play-control "+u.q.prototype.T.call(this)};
+t.p=function(){this.b.paused()?this.b.play():this.b.pause()};t.Kb=function(){u.u(this.a,"vjs-paused");u.n(this.a,"vjs-playing");this.a.children[0].children[0].innerHTML="Pause"};t.Jb=function(){u.u(this.a,"vjs-playing");u.n(this.a,"vjs-paused");this.a.children[0].children[0].innerHTML="Play"};u.Ya=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("timeupdate",u.bind(this,this.Ca))}});
+u.Ya.prototype.e=function(){var a=u.c.prototype.e.call(this,"div",{className:"vjs-current-time vjs-time-controls vjs-control"});this.content=u.e("div",{className:"vjs-current-time-display",innerHTML:'<span class="vjs-control-text">Current Time </span>0:00',"aria-live":"off"});a.appendChild(u.e("div").appendChild(this.content));return a};
+u.Ya.prototype.Ca=function(){var a=this.b.Nb?this.b.v.currentTime:this.b.currentTime();this.content.innerHTML='<span class="vjs-control-text">Current Time </span>'+u.La(a,this.b.duration())};u.Za=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("timeupdate",u.bind(this,this.Ca))}});
+u.Za.prototype.e=function(){var a=u.c.prototype.e.call(this,"div",{className:"vjs-duration vjs-time-controls vjs-control"});this.content=u.e("div",{className:"vjs-duration-display",innerHTML:'<span class="vjs-control-text">Duration Time </span>0:00',"aria-live":"off"});a.appendChild(u.e("div").appendChild(this.content));return a};u.Za.prototype.Ca=function(){var a=this.b.duration();a&&(this.content.innerHTML='<span class="vjs-control-text">Duration Time </span>'+u.La(a))};
+u.cc=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});u.cc.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-time-divider",innerHTML:"<div><span>/</span></div>"})};u.fb=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("timeupdate",u.bind(this,this.Ca))}});
+u.fb.prototype.e=function(){var a=u.c.prototype.e.call(this,"div",{className:"vjs-remaining-time vjs-time-controls vjs-control"});this.content=u.e("div",{className:"vjs-remaining-time-display",innerHTML:'<span class="vjs-control-text">Remaining Time </span>-0:00',"aria-live":"off"});a.appendChild(u.e("div").appendChild(this.content));return a};u.fb.prototype.Ca=function(){this.b.duration()&&(this.content.innerHTML='<span class="vjs-control-text">Remaining Time </span>-'+u.La(this.b.duration()-this.b.currentTime()))};
+u.Ga=u.q.extend({i:function(a,c){u.q.call(this,a,c)}});u.Ga.prototype.qa="Fullscreen";u.Ga.prototype.T=function(){return"vjs-fullscreen-control "+u.q.prototype.T.call(this)};u.Ga.prototype.p=function(){this.b.H?(this.b.ob(),this.a.children[0].children[0].innerHTML="Fullscreen"):(this.b.ya(),this.a.children[0].children[0].innerHTML="Non-Fullscreen")};u.eb=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});u.eb.prototype.g={children:{seekBar:{}}};
+u.eb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-progress-control vjs-control"})};u.Zb=u.O.extend({i:function(a,c){u.O.call(this,a,c);a.d("timeupdate",u.bind(this,this.Ba));a.L(u.bind(this,this.Ba))}});t=u.Zb.prototype;t.g={children:{loadProgressBar:{},playProgressBar:{},seekHandle:{}},barName:"playProgressBar",handleName:"seekHandle"};t.tc="timeupdate";t.e=function(){return u.O.prototype.e.call(this,"div",{className:"vjs-progress-holder","aria-label":"video progress bar"})};
+t.Ba=function(){var a=this.b.Nb?this.b.v.currentTime:this.b.currentTime();this.a.setAttribute("aria-valuenow",u.round(100*this.yb(),2));this.a.setAttribute("aria-valuetext",u.La(a,this.b.duration()))};t.yb=function(){var a;"Flash"===this.b.ia&&this.b.seeking()?(a=this.b.v,a=a.rc?a.rc:this.b.currentTime()):a=this.b.currentTime();return a/this.b.duration()};t.Pa=function(a){u.O.prototype.Pa.call(this,a);this.b.Nb=f;this.Dd=!this.b.paused();this.b.pause()};
+t.Hb=function(a){a=F(this,a)*this.b.duration();a==this.b.duration()&&(a-=0.1);this.b.currentTime(a)};t.Ib=function(a){u.O.prototype.Ib.call(this,a);this.b.Nb=l;this.Dd&&this.b.play()};t.zc=function(){this.b.currentTime(this.b.currentTime()+5)};t.yc=function(){this.b.currentTime(this.b.currentTime()-5)};u.ab=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("progress",u.bind(this,this.update))}});u.ab.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-load-progress",innerHTML:'<span class="vjs-control-text">Loaded: 0%</span>'})};
+u.ab.prototype.update=function(){this.a.style&&(this.a.style.width=u.round(100*this.b.Ja(),2)+"%")};u.Xb=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});u.Xb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-play-progress",innerHTML:'<span class="vjs-control-text">Progress: 0%</span>'})};u.gb=u.ea.extend();u.gb.prototype.defaultValue="00:00";u.gb.prototype.e=function(){return u.ea.prototype.e.call(this,"div",{className:"vjs-seek-handle"})};
+u.ib=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.h&&(a.h.m&&a.h.m.volumeControl===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.volumeControl===l?this.n("vjs-hidden"):this.u("vjs-hidden")}))}});u.ib.prototype.g={children:{volumeBar:{}}};u.ib.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-volume-control vjs-control"})};
+u.hb=u.O.extend({i:function(a,c){u.O.call(this,a,c);a.d("volumechange",u.bind(this,this.Ba));a.L(u.bind(this,this.Ba));setTimeout(u.bind(this,this.update),0)}});t=u.hb.prototype;t.Ba=function(){this.a.setAttribute("aria-valuenow",u.round(100*this.b.volume(),2));this.a.setAttribute("aria-valuetext",u.round(100*this.b.volume(),2)+"%")};t.g={children:{volumeLevel:{},volumeHandle:{}},barName:"volumeLevel",handleName:"volumeHandle"};t.tc="volumechange";
+t.e=function(){return u.O.prototype.e.call(this,"div",{className:"vjs-volume-bar","aria-label":"volume level"})};t.Hb=function(a){this.b.muted()&&this.b.muted(l);this.b.volume(F(this,a))};t.yb=function(){return this.b.muted()?0:this.b.volume()};t.zc=function(){this.b.volume(this.b.volume()+0.1)};t.yc=function(){this.b.volume(this.b.volume()-0.1)};u.dc=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});
+u.dc.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-volume-level",innerHTML:'<span class="vjs-control-text"></span>'})};u.jb=u.ea.extend();u.jb.prototype.defaultValue="00:00";u.jb.prototype.e=function(){return u.ea.prototype.e.call(this,"div",{className:"vjs-volume-handle"})};
+u.da=u.q.extend({i:function(a,c){u.q.call(this,a,c);a.d("volumechange",u.bind(this,this.update));a.h&&(a.h.m&&a.h.m.volumeControl===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.volumeControl===l?this.n("vjs-hidden"):this.u("vjs-hidden")}))}});u.da.prototype.e=function(){return u.q.prototype.e.call(this,"div",{className:"vjs-mute-control vjs-control",innerHTML:'<div><span class="vjs-control-text">Mute</span></div>'})};
+u.da.prototype.p=function(){this.b.muted(this.b.muted()?l:f)};u.da.prototype.update=function(){var a=this.b.volume(),c=3;0===a||this.b.muted()?c=0:0.33>a?c=1:0.67>a&&(c=2);this.b.muted()?"Unmute"!=this.a.children[0].children[0].innerHTML&&(this.a.children[0].children[0].innerHTML="Unmute"):"Mute"!=this.a.children[0].children[0].innerHTML&&(this.a.children[0].children[0].innerHTML="Mute");for(a=0;4>a;a++)u.u(this.a,"vjs-vol-"+a);u.n(this.a,"vjs-vol-"+c)};
+u.oa=u.R.extend({i:function(a,c){u.R.call(this,a,c);a.d("volumechange",u.bind(this,this.update));a.h&&(a.h.m&&a.h.m.Dc===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.Dc===l?this.n("vjs-hidden"):this.u("vjs-hidden")}));this.n("vjs-menu-button")}});u.oa.prototype.Ka=function(){var a=new u.ma(this.b,{Vc:"div"}),c=new u.hb(this.b,u.k.B({Cd:f},this.g.Vd));a.Z(c);return a};u.oa.prototype.p=function(){u.da.prototype.p.call(this);u.R.prototype.p.call(this)};
+u.oa.prototype.e=function(){return u.q.prototype.e.call(this,"div",{className:"vjs-volume-menu-button vjs-menu-button vjs-control",innerHTML:'<div><span class="vjs-control-text">Mute</span></div>'})};u.oa.prototype.update=u.da.prototype.update;u.cb=u.q.extend({i:function(a,c){u.q.call(this,a,c);(!a.poster()||!a.controls())&&this.C();a.d("play",u.bind(this,this.C))}});
+u.cb.prototype.e=function(){var a=u.e("div",{className:"vjs-poster",tabIndex:-1}),c=this.b.poster();c&&("backgroundSize"in a.style?a.style.backgroundImage='url("'+c+'")':a.appendChild(u.e("img",{src:c})));return a};u.cb.prototype.p=function(){this.K().controls()&&this.b.play()};
+u.Wb=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("canplay",u.bind(this,this.C));a.d("canplaythrough",u.bind(this,this.C));a.d("playing",u.bind(this,this.C));a.d("seeked",u.bind(this,this.C));a.d("seeking",u.bind(this,this.show));a.d("seeked",u.bind(this,this.C));a.d("error",u.bind(this,this.show));a.d("waiting",u.bind(this,this.show))}});u.Wb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-loading-spinner"})};u.Wa=u.q.extend();
+u.Wa.prototype.e=function(){return u.q.prototype.e.call(this,"div",{className:"vjs-big-play-button",innerHTML:'<span aria-hidden="true"></span>',"aria-label":"play video"})};u.Wa.prototype.p=function(){this.b.play()};
+u.r=u.c.extend({i:function(a,c,d){u.c.call(this,a,c,d);var e,g;g=this;e=this.K();a=function(){if(e.controls()&&!e.Rb()){var a,c;g.d("mousedown",g.p);g.d("touchstart",function(a){a.preventDefault();a.stopPropagation();c=this.b.ja()});a=function(a){a.stopPropagation();c&&this.b.Mb()};g.d("touchmove",a);g.d("touchleave",a);g.d("touchcancel",a);g.d("touchend",a);var d,n,r;d=0;g.d("touchstart",function(){d=(new Date).getTime();r=f});a=function(){r=l};g.d("touchmove",a);g.d("touchleave",a);g.d("touchcancel",
+a);g.d("touchend",function(){r===f&&(n=(new Date).getTime()-d,250>n&&this.j("tap"))});g.d("tap",g.md)}};c=u.bind(g,g.pd);this.L(a);e.d("controlsenabled",a);e.d("controlsdisabled",c)}});u.r.prototype.pd=function(){this.o("tap");this.o("touchstart");this.o("touchmove");this.o("touchleave");this.o("touchcancel");this.o("touchend");this.o("click");this.o("mousedown")};u.r.prototype.p=function(a){0===a.button&&this.K().controls()&&(this.K().paused()?this.K().play():this.K().pause())};
+u.r.prototype.md=function(){this.K().ja(!this.K().ja())};u.r.prototype.m={volumeControl:f,fullscreenResize:l,progressEvents:l,timeupdateEvents:l};u.media={};u.media.Va="play pause paused currentTime setCurrentTime duration buffered volume setVolume muted setMuted width height supportsFullScreen enterFullScreen src load currentSrc preload setPreload autoplay setAutoplay loop setLoop error networkState readyState seeking initialTime startOffsetTime played seekable ended videoTracks audioTracks videoWidth videoHeight textTracks defaultPlaybackRate playbackRate mediaGroup controller controls defaultMuted".split(" ");
+function ea(){var a=u.media.Va[i];return function(){throw Error('The "'+a+"\" method is not available on the playback technology's API");}}for(var i=u.media.Va.length-1;0<=i;i--)u.r.prototype[u.media.Va[i]]=ea();
+u.l=u.r.extend({i:function(a,c,d){this.m.volumeControl=u.l.Uc();this.m.movingMediaElementInDOM=!u.Kc;this.m.fullscreenResize=f;u.r.call(this,a,c,d);(c=c.source)&&this.a.currentSrc===c.src&&0<this.a.networkState?a.j("loadstart"):c&&(this.a.src=c.src);if(u.ac&&a.options().nativeControlsForTouch!==l){var e,g,j,k;e=this;g=this.K();c=g.controls();e.a.controls=!!c;j=function(){e.a.controls=f};k=function(){e.a.controls=l};g.d("controlsenabled",j);g.d("controlsdisabled",k);c=function(){g.o("controlsenabled",
+j);g.o("controlsdisabled",k)};e.d("dispose",c);g.d("usingcustomcontrols",c);g.Rb(f)}a.L(function(){this.M&&(this.g.autoplay&&this.paused())&&(delete this.M.poster,this.play())});for(a=u.l.$a.length-1;0<=a;a--)u.d(this.a,u.l.$a[a],u.bind(this.b,this.$c));this.Ua()}});t=u.l.prototype;t.D=function(){u.r.prototype.D.call(this)};
+t.e=function(){var a=this.b,c=a.M,d;if(!c||this.m.movingMediaElementInDOM===l)c?(d=c.cloneNode(l),u.l.jc(c),c=d,a.M=h):c=u.e("video",{id:a.id()+"_html5_api",className:"vjs-tech"}),c.player=a,u.zb(c,a.w());d=["autoplay","preload","loop","muted"];for(var e=d.length-1;0<=e;e--){var g=d[e];a.g[g]!==h&&(c[g]=a.g[g])}return c};t.$c=function(a){this.j(a);a.stopPropagation()};t.play=function(){this.a.play()};t.pause=function(){this.a.pause()};t.paused=function(){return this.a.paused};t.currentTime=function(){return this.a.currentTime};
+t.sd=function(a){try{this.a.currentTime=a}catch(c){u.log(c,"Video is not ready. (Video.js)")}};t.duration=function(){return this.a.duration||0};t.buffered=function(){return this.a.buffered};t.volume=function(){return this.a.volume};t.xd=function(a){this.a.volume=a};t.muted=function(){return this.a.muted};t.vd=function(a){this.a.muted=a};t.width=function(){return this.a.offsetWidth};t.height=function(){return this.a.offsetHeight};
+t.Ta=function(){return"function"==typeof this.a.webkitEnterFullScreen&&(/Android/.test(u.F)||!/Chrome|Mac OS X 10.5/.test(u.F))?f:l};t.src=function(a){this.a.src=a};t.load=function(){this.a.load()};t.currentSrc=function(){return this.a.currentSrc};t.Qa=function(){return this.a.Qa};t.wd=function(a){this.a.Qa=a};t.autoplay=function(){return this.a.autoplay};t.rd=function(a){this.a.autoplay=a};t.controls=function(){return this.a.controls};t.loop=function(){return this.a.loop};
+t.ud=function(a){this.a.loop=a};t.error=function(){return this.a.error};t.seeking=function(){return this.a.seeking};u.l.isSupported=function(){return!!u.na.canPlayType};u.l.mb=function(a){try{return!!u.na.canPlayType(a.type)}catch(c){return""}};u.l.Uc=function(){var a=u.na.volume;u.na.volume=a/2+0.1;return a!==u.na.volume};u.l.$a="loadstart suspend abort error emptied stalled loadedmetadata loadeddata canplay canplaythrough playing waiting seeking seeked ended durationchange timeupdate progress play pause ratechange volumechange".split(" ");
+u.l.jc=function(a){if(a){a.player=h;for(a.parentNode&&a.parentNode.removeChild(a);a.hasChildNodes();)a.removeChild(a.firstChild);a.removeAttribute("src");"function"===typeof a.load&&a.load()}};u.Oc&&(document.createElement("video").constructor.prototype.canPlayType=function(a){return a&&-1!=a.toLowerCase().indexOf("video/mp4")?"maybe":""});
+u.f=u.r.extend({i:function(a,c,d){u.r.call(this,a,c,d);var e=c.source;d=c.parentEl;var g=this.a=u.e("div",{id:a.id()+"_temp_flash"}),j=a.id()+"_flash_api";a=a.g;var k=u.k.B({readyFunction:"videojs.Flash.onReady",eventProxyFunction:"videojs.Flash.onEvent",errorEventProxyFunction:"videojs.Flash.onError",autoplay:a.autoplay,preload:a.Qa,loop:a.loop,muted:a.muted},c.flashVars),q=u.k.B({wmode:"opaque",bgcolor:"#000000"},c.params),n=u.k.B({id:j,name:j,"class":"vjs-tech"},c.attributes);e&&(e.type&&u.f.ed(e.type)?
+(a=u.f.Ac(e.src),k.rtmpConnection=encodeURIComponent(a.rb),k.rtmpStream=encodeURIComponent(a.Ob)):k.src=encodeURIComponent(u.mc(e.src)));u.zb(g,d);c.startTime&&this.L(function(){this.load();this.play();this.currentTime(c.startTime)});if(c.iFrameMode===f&&!u.Jc){var r=u.e("iframe",{id:j+"_iframe",name:j+"_iframe",className:"vjs-tech",scrolling:"no",marginWidth:0,marginHeight:0,frameBorder:0});k.readyFunction="ready";k.eventProxyFunction="events";k.errorEventProxyFunction="errors";u.d(r,"load",u.bind(this,
+function(){var a,d=r.contentWindow;a=r.contentDocument?r.contentDocument:r.contentWindow.document;a.write(u.f.nc(c.swf,k,q,n));d.player=this.b;d.ready=u.bind(this.b,function(c){var d=this.h;d.a=a.getElementById(c);u.f.pb(d)});d.events=u.bind(this.b,function(a,c){this&&"flash"===this.ia&&this.j(c)});d.errors=u.bind(this.b,function(a,c){u.log("Flash Error",c)})}));g.parentNode.replaceChild(r,g)}else u.f.Zc(c.swf,g,k,q,n)}});t=u.f.prototype;t.D=function(){u.r.prototype.D.call(this)};t.play=function(){this.a.vjs_play()};
+t.pause=function(){this.a.vjs_pause()};t.src=function(a){u.f.dd(a)?(a=u.f.Ac(a),this.Qd(a.rb),this.Rd(a.Ob)):(a=u.mc(a),this.a.vjs_src(a));if(this.b.autoplay()){var c=this;setTimeout(function(){c.play()},0)}};t.currentSrc=function(){var a=this.a.vjs_getProperty("currentSrc");if(a==h){var c=this.Od(),d=this.Pd();c&&d&&(a=u.f.yd(c,d))}return a};t.load=function(){this.a.vjs_load()};t.poster=function(){this.a.vjs_getProperty("poster")};t.buffered=function(){return u.tb(0,this.a.vjs_getProperty("buffered"))};
+t.Ta=s(l);var Q=u.f.prototype,R="rtmpConnection rtmpStream preload currentTime defaultPlaybackRate playbackRate autoplay loop mediaGroup controller controls volume muted defaultMuted".split(" "),S="error currentSrc networkState readyState seeking initialTime duration startOffsetTime paused played seekable ended videoTracks audioTracks videoWidth videoHeight textTracks".split(" ");
+function fa(){var a=R[T],c=a.charAt(0).toUpperCase()+a.slice(1);Q["set"+c]=function(c){return this.a.vjs_setProperty(a,c)}}function U(a){Q[a]=function(){return this.a.vjs_getProperty(a)}}var T;for(T=0;T<R.length;T++)U(R[T]),fa();for(T=0;T<S.length;T++)U(S[T]);u.f.isSupported=function(){return 10<=u.f.version()[0]};u.f.mb=function(a){if(!a.type)return"";a=a.type.replace(/;.*/,"").toLowerCase();if(a in u.f.bd||a in u.f.Bc)return"maybe"};
+u.f.bd={"video/flv":"FLV","video/x-flv":"FLV","video/mp4":"MP4","video/m4v":"MP4"};u.f.Bc={"rtmp/mp4":"MP4","rtmp/flv":"FLV"};u.f.onReady=function(a){a=u.w(a);var c=a.player||a.parentNode.player,d=c.h;a.player=c;d.a=a;u.f.pb(d)};u.f.pb=function(a){a.w().vjs_getProperty?a.Ua():setTimeout(function(){u.f.pb(a)},50)};u.f.onEvent=function(a,c){u.w(a).player.j(c)};u.f.onError=function(a,c){u.w(a).player.j("error");u.log("Flash Error",c,a)};
+u.f.version=function(){var a="0,0,0";try{a=(new window.ActiveXObject("ShockwaveFlash.ShockwaveFlash")).GetVariable("$version").replace(/\D+/g,",").match(/^,?(.+),?$/)[1]}catch(c){try{navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin&&(a=(navigator.plugins["Shockwave Flash 2.0"]||navigator.plugins["Shockwave Flash"]).description.replace(/\D+/g,",").match(/^,?(.+),?$/)[1])}catch(d){}}return a.split(",")};
+u.f.Zc=function(a,c,d,e,g){a=u.f.nc(a,d,e,g);a=u.e("div",{innerHTML:a}).childNodes[0];d=c.parentNode;c.parentNode.replaceChild(a,c);var j=d.childNodes[0];setTimeout(function(){j.style.display="block"},1E3)};
+u.f.nc=function(a,c,d,e){var g="",j="",k="";c&&u.k.ua(c,function(a,c){g+=a+"="+c+"&amp;"});d=u.k.B({movie:a,flashvars:g,allowScriptAccess:"always",allowNetworking:"all"},d);u.k.ua(d,function(a,c){j+='<param name="'+a+'" value="'+c+'" />'});e=u.k.B({data:a,width:"100%",height:"100%"},e);u.k.ua(e,function(a,c){k+=a+'="'+c+'" '});return'<object type="application/x-shockwave-flash"'+k+">"+j+"</object>"};u.f.yd=function(a,c){return a+"&"+c};
+u.f.Ac=function(a){var c={rb:"",Ob:""};if(!a)return c;var d=a.indexOf("&"),e;-1!==d?e=d+1:(d=e=a.lastIndexOf("/")+1,0===d&&(d=e=a.length));c.rb=a.substring(0,d);c.Ob=a.substring(e,a.length);return c};u.f.ed=function(a){return a in u.f.Bc};u.f.Qc=/^rtmp[set]?:\/\//i;u.f.dd=function(a){return u.f.Qc.test(a)};
+u.Pc=u.c.extend({i:function(a,c,d){u.c.call(this,a,c,d);if(!a.g.sources||0===a.g.sources.length){c=0;for(d=a.g.techOrder;c<d.length;c++){var e=u.$(d[c]),g=window.videojs[e];if(g&&g.isSupported()){I(a,e);break}}}else a.src(a.g.sources)}});function V(a){a.Aa=a.Aa||[];return a.Aa}function W(a,c,d){for(var e=a.Aa,g=0,j=e.length,k,q;g<j;g++)k=e[g],k.id()===c?(k.show(),q=k):d&&(k.J()==d&&0<k.mode())&&k.disable();(c=q?q.J():d?d:l)&&a.j(c+"trackchange")}
+u.X=u.c.extend({i:function(a,c){u.c.call(this,a,c);this.Q=c.id||"vjs_"+c.kind+"_"+c.language+"_"+u.t++;this.xc=c.src;this.Wc=c["default"]||c.dflt;this.Ad=c.title;this.Ld=c.srclang;this.fd=c.label;this.fa=[];this.ec=[];this.ga=this.ha=0;this.b.d("fullscreenchange",u.bind(this,this.Rc))}});t=u.X.prototype;t.J=p("A");t.src=p("xc");t.ub=p("Wc");t.title=p("Ad");t.label=p("fd");t.readyState=p("ha");t.mode=p("ga");t.Rc=function(){this.a.style.fontSize=this.b.H?140*(screen.width/this.b.width())+"%":""};
+t.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-"+this.A+" vjs-text-track"})};t.show=function(){X(this);this.ga=2;u.c.prototype.show.call(this)};t.C=function(){X(this);this.ga=1;u.c.prototype.C.call(this)};t.disable=function(){2==this.ga&&this.C();this.b.o("timeupdate",u.bind(this,this.update,this.Q));this.b.o("ended",u.bind(this,this.reset,this.Q));this.reset();this.b.V.textTrackDisplay.removeChild(this);this.ga=0};
+function X(a){0===a.ha&&a.load();0===a.ga&&(a.b.d("timeupdate",u.bind(a,a.update,a.Q)),a.b.d("ended",u.bind(a,a.reset,a.Q)),("captions"===a.A||"subtitles"===a.A)&&a.b.V.textTrackDisplay.Z(a))}t.load=function(){0===this.ha&&(this.ha=1,u.get(this.xc,u.bind(this,this.nd),u.bind(this,this.Gb)))};t.Gb=function(a){this.error=a;this.ha=3;this.j("error")};
+t.nd=function(a){var c,d;a=a.split("\n");for(var e="",g=1,j=a.length;g<j;g++)if(e=u.trim(a[g])){-1==e.indexOf("--\x3e")?(c=e,e=u.trim(a[++g])):c=this.fa.length;c={id:c,index:this.fa.length};d=e.split(" --\x3e ");c.startTime=Y(d[0]);c.va=Y(d[1]);for(d=[];a[++g]&&(e=u.trim(a[g]));)d.push(e);c.text=d.join("<br/>");this.fa.push(c)}this.ha=2;this.j("loaded")};
+function Y(a){var c=a.split(":");a=0;var d,e,g;3==c.length?(d=c[0],e=c[1],c=c[2]):(d=0,e=c[0],c=c[1]);c=c.split(/\s+/);c=c.splice(0,1)[0];c=c.split(/\.|,/);g=parseFloat(c[1]);c=c[0];a+=3600*parseFloat(d);a+=60*parseFloat(e);a+=parseFloat(c);g&&(a+=g/1E3);return a}
+t.update=function(){if(0<this.fa.length){var a=this.b.currentTime();if(this.Lb===b||a<this.Lb||this.Ma<=a){var c=this.fa,d=this.b.duration(),e=0,g=l,j=[],k,q,n,r;a>=this.Ma||this.Ma===b?r=this.wb!==b?this.wb:0:(g=f,r=this.Db!==b?this.Db:c.length-1);for(;;){n=c[r];if(n.va<=a)e=Math.max(e,n.va),n.Ia&&(n.Ia=l);else if(a<n.startTime){if(d=Math.min(d,n.startTime),n.Ia&&(n.Ia=l),!g)break}else g?(j.splice(0,0,n),q===b&&(q=r),k=r):(j.push(n),k===b&&(k=r),q=r),d=Math.min(d,n.va),e=Math.max(e,n.startTime),
+n.Ia=f;if(g)if(0===r)break;else r--;else if(r===c.length-1)break;else r++}this.ec=j;this.Ma=d;this.Lb=e;this.wb=k;this.Db=q;a=this.ec;c="";d=0;for(e=a.length;d<e;d++)c+='<span class="vjs-tt-cue">'+a[d].text+"</span>";this.a.innerHTML=c;this.j("cuechange")}}};t.reset=function(){this.Ma=0;this.Lb=this.b.duration();this.Db=this.wb=0};u.Ub=u.X.extend();u.Ub.prototype.A="captions";u.$b=u.X.extend();u.$b.prototype.A="subtitles";u.Vb=u.X.extend();u.Vb.prototype.A="chapters";
+u.bc=u.c.extend({i:function(a,c,d){u.c.call(this,a,c,d);if(a.g.tracks&&0<a.g.tracks.length){c=this.b;a=a.g.tracks;var e;for(d=0;d<a.length;d++){e=a[d];var g=c,j=e.kind,k=e.label,q=e.language,n=e;e=g.Aa=g.Aa||[];n=n||{};n.kind=j;n.label=k;n.language=q;j=u.$(j||"subtitles");g=new window.videojs[j+"Track"](g,n);e.push(g)}}}});u.bc.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-text-track-display"})};
+u.Y=u.N.extend({i:function(a,c){var d=this.ca=c.track;c.label=d.label();c.selected=d.ub();u.N.call(this,a,c);this.b.d(d.J()+"trackchange",u.bind(this,this.update))}});u.Y.prototype.p=function(){u.N.prototype.p.call(this);W(this.b,this.ca.Q,this.ca.J())};u.Y.prototype.update=function(){this.selected(2==this.ca.mode())};u.bb=u.Y.extend({i:function(a,c){c.track={J:function(){return c.kind},K:a,label:function(){return c.kind+" off"},ub:s(l),mode:s(l)};u.Y.call(this,a,c);this.selected(f)}});
+u.bb.prototype.p=function(){u.Y.prototype.p.call(this);W(this.b,this.ca.Q,this.ca.J())};u.bb.prototype.update=function(){for(var a=V(this.b),c=0,d=a.length,e,g=f;c<d;c++)e=a[c],e.J()==this.ca.J()&&2==e.mode()&&(g=l);this.selected(g)};u.S=u.R.extend({i:function(a,c){u.R.call(this,a,c);1>=this.I.length&&this.C()}});u.S.prototype.ta=function(){var a=[],c;a.push(new u.bb(this.b,{kind:this.A}));for(var d=0;d<V(this.b).length;d++)c=V(this.b)[d],c.J()===this.A&&a.push(new u.Y(this.b,{track:c}));return a};
+u.Da=u.S.extend({i:function(a,c,d){u.S.call(this,a,c,d);this.a.setAttribute("aria-label","Captions Menu")}});u.Da.prototype.A="captions";u.Da.prototype.qa="Captions";u.Da.prototype.className="vjs-captions-button";u.Ha=u.S.extend({i:function(a,c,d){u.S.call(this,a,c,d);this.a.setAttribute("aria-label","Subtitles Menu")}});u.Ha.prototype.A="subtitles";u.Ha.prototype.qa="Subtitles";u.Ha.prototype.className="vjs-subtitles-button";
+u.Ea=u.S.extend({i:function(a,c,d){u.S.call(this,a,c,d);this.a.setAttribute("aria-label","Chapters Menu")}});t=u.Ea.prototype;t.A="chapters";t.qa="Chapters";t.className="vjs-chapters-button";t.ta=function(){for(var a=[],c,d=0;d<V(this.b).length;d++)c=V(this.b)[d],c.J()===this.A&&a.push(new u.Y(this.b,{track:c}));return a};
+t.Ka=function(){for(var a=V(this.b),c=0,d=a.length,e,g,j=this.I=[];c<d;c++)if(e=a[c],e.J()==this.A&&e.ub()){if(2>e.readyState()){this.Id=e;e.d("loaded",u.bind(this,this.Ka));return}g=e;break}a=this.wa=new u.ma(this.b);a.a.appendChild(u.e("li",{className:"vjs-menu-title",innerHTML:u.$(this.A),zd:-1}));if(g){e=g.fa;for(var k,c=0,d=e.length;c<d;c++)k=e[c],k=new u.Xa(this.b,{track:g,cue:k}),j.push(k),a.Z(k)}0<this.I.length&&this.show();return a};
+u.Xa=u.N.extend({i:function(a,c){var d=this.ca=c.track,e=this.cue=c.cue,g=a.currentTime();c.label=e.text;c.selected=e.startTime<=g&&g<e.va;u.N.call(this,a,c);d.d("cuechange",u.bind(this,this.update))}});u.Xa.prototype.p=function(){u.N.prototype.p.call(this);this.b.currentTime(this.cue.startTime);this.update(this.cue.startTime)};u.Xa.prototype.update=function(){var a=this.cue,c=this.b.currentTime();this.selected(a.startTime<=c&&c<a.va)};
+u.k.B(u.Fa.prototype.g.children,{subtitlesButton:{},captionsButton:{},chaptersButton:{}});
+if("undefined"!==typeof window.JSON&&"function"===window.JSON.parse)u.JSON=window.JSON;else{u.JSON={};var Z=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;u.JSON.parse=function(a,c){function d(a,e){var k,q,n=a[e];if(n&&"object"===typeof n)for(k in n)Object.prototype.hasOwnProperty.call(n,k)&&(q=d(n,k),q!==b?n[k]=q:delete n[k]);return c.call(a,e,n)}var e;a=String(a);Z.lastIndex=0;Z.test(a)&&(a=a.replace(Z,function(a){return"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)}));
+if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return e=eval("("+a+")"),"function"===typeof c?d({"":e},""):e;throw new SyntaxError("JSON.parse(): invalid or malformed JSON data");}}
+u.fc=function(){var a,c,d=document.getElementsByTagName("video");if(d&&0<d.length)for(var e=0,g=d.length;e<g;e++)if((c=d[e])&&c.getAttribute)c.player===b&&(a=c.getAttribute("data-setup"),a!==h&&(a=u.JSON.parse(a||"{}"),v(c,a)));else{u.kb();break}else u.Ec||u.kb()};u.kb=function(){setTimeout(u.fc,1)};"complete"===document.readyState?u.Ec=f:u.U(window,"load",function(){u.Ec=f});u.kb();u.od=function(a,c){u.s.prototype[a]=c};var ga=this;ga.Ed=f;function $(a,c){var d=a.split("."),e=ga;!(d[0]in e)&&e.execScript&&e.execScript("var "+d[0]);for(var g;d.length&&(g=d.shift());)!d.length&&c!==b?e[g]=c:e=e[g]?e[g]:e[g]={}};$("videojs",u);$("_V_",u);$("videojs.options",u.options);$("videojs.players",u.xa);$("videojs.TOUCH_ENABLED",u.ac);$("videojs.cache",u.ra);$("videojs.Component",u.c);u.c.prototype.player=u.c.prototype.K;u.c.prototype.dispose=u.c.prototype.D;u.c.prototype.createEl=u.c.prototype.e;u.c.prototype.el=u.c.prototype.w;u.c.prototype.addChild=u.c.prototype.Z;u.c.prototype.children=u.c.prototype.children;u.c.prototype.on=u.c.prototype.d;u.c.prototype.off=u.c.prototype.o;u.c.prototype.one=u.c.prototype.U;
+u.c.prototype.trigger=u.c.prototype.j;u.c.prototype.triggerReady=u.c.prototype.Ua;u.c.prototype.show=u.c.prototype.show;u.c.prototype.hide=u.c.prototype.C;u.c.prototype.width=u.c.prototype.width;u.c.prototype.height=u.c.prototype.height;u.c.prototype.dimensions=u.c.prototype.Xc;u.c.prototype.ready=u.c.prototype.L;u.c.prototype.addClass=u.c.prototype.n;u.c.prototype.removeClass=u.c.prototype.u;$("videojs.Player",u.s);u.s.prototype.dispose=u.s.prototype.D;u.s.prototype.requestFullScreen=u.s.prototype.ya;
+u.s.prototype.cancelFullScreen=u.s.prototype.ob;u.s.prototype.bufferedPercent=u.s.prototype.Ja;u.s.prototype.usingNativeControls=u.s.prototype.Rb;u.s.prototype.reportUserActivity=u.s.prototype.Mb;u.s.prototype.userActive=u.s.prototype.ja;$("videojs.MediaLoader",u.Pc);$("videojs.TextTrackDisplay",u.bc);$("videojs.ControlBar",u.Fa);$("videojs.Button",u.q);$("videojs.PlayToggle",u.Yb);$("videojs.FullscreenToggle",u.Ga);$("videojs.BigPlayButton",u.Wa);$("videojs.LoadingSpinner",u.Wb);
+$("videojs.CurrentTimeDisplay",u.Ya);$("videojs.DurationDisplay",u.Za);$("videojs.TimeDivider",u.cc);$("videojs.RemainingTimeDisplay",u.fb);$("videojs.Slider",u.O);$("videojs.ProgressControl",u.eb);$("videojs.SeekBar",u.Zb);$("videojs.LoadProgressBar",u.ab);$("videojs.PlayProgressBar",u.Xb);$("videojs.SeekHandle",u.gb);$("videojs.VolumeControl",u.ib);$("videojs.VolumeBar",u.hb);$("videojs.VolumeLevel",u.dc);$("videojs.VolumeMenuButton",u.oa);$("videojs.VolumeHandle",u.jb);$("videojs.MuteToggle",u.da);
+$("videojs.PosterImage",u.cb);$("videojs.Menu",u.ma);$("videojs.MenuItem",u.N);$("videojs.MenuButton",u.R);u.R.prototype.createItems=u.R.prototype.ta;u.S.prototype.createItems=u.S.prototype.ta;u.Ea.prototype.createItems=u.Ea.prototype.ta;$("videojs.SubtitlesButton",u.Ha);$("videojs.CaptionsButton",u.Da);$("videojs.ChaptersButton",u.Ea);$("videojs.MediaTechController",u.r);u.r.prototype.features=u.r.prototype.m;u.r.prototype.m.volumeControl=u.r.prototype.m.Dc;u.r.prototype.m.fullscreenResize=u.r.prototype.m.Jd;
+u.r.prototype.m.progressEvents=u.r.prototype.m.Nd;u.r.prototype.m.timeupdateEvents=u.r.prototype.m.Sd;$("videojs.Html5",u.l);u.l.Events=u.l.$a;u.l.isSupported=u.l.isSupported;u.l.canPlaySource=u.l.mb;u.l.prototype.setCurrentTime=u.l.prototype.sd;u.l.prototype.setVolume=u.l.prototype.xd;u.l.prototype.setMuted=u.l.prototype.vd;u.l.prototype.setPreload=u.l.prototype.wd;u.l.prototype.setAutoplay=u.l.prototype.rd;u.l.prototype.setLoop=u.l.prototype.ud;$("videojs.Flash",u.f);u.f.isSupported=u.f.isSupported;
+u.f.canPlaySource=u.f.mb;u.f.onReady=u.f.onReady;$("videojs.TextTrack",u.X);u.X.prototype.label=u.X.prototype.label;$("videojs.CaptionsTrack",u.Ub);$("videojs.SubtitlesTrack",u.$b);$("videojs.ChaptersTrack",u.Vb);$("videojs.autoSetup",u.fc);$("videojs.plugin",u.od);$("videojs.createTimeRange",u.tb);})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/Uploader.swf b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/Uploader.swf
new file mode 100644
index 000000000..7c3783509
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/Uploader.swf differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.css b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.css
new file mode 100644
index 000000000..12f451f80
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.css
@@ -0,0 +1,28 @@
+.webuploader-container {
+	position: relative;
+}
+.webuploader-element-invisible {
+	position: absolute !important;
+	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px,1px,1px,1px);
+}
+.webuploader-pick {
+	position: relative;
+	display: inline-block;
+	cursor: pointer;
+	background: #00b7ee;
+	padding: 10px 15px;
+	color: #fff;
+	text-align: center;
+	border-radius: 3px;
+	overflow: hidden;
+}
+.webuploader-pick-hover {
+	background: #00a2d4;
+}
+
+.webuploader-pick-disable {
+	opacity: 0.6;
+	pointer-events:none;
+}
+
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.custom.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.custom.js
new file mode 100644
index 000000000..583a0b824
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.custom.js
@@ -0,0 +1,5670 @@
+/*! WebUploader 0.1.2 */
+
+
+/**
+ * @fileOverview 让内部各个部件的代码可以用[amd](https://github.com/amdjs/amdjs-api/wiki/AMD)模块定义方式组织起来。
+ *
+ * AMD API 内部的简单不完全实现，请忽略。只有当WebUploader被合并成一个文件的时候才会引入。
+ */
+(function( root, factory ) {
+    var modules = {},
+
+        // 内部require, 简单不完全实现。
+        // https://github.com/amdjs/amdjs-api/wiki/require
+        _require = function( deps, callback ) {
+            var args, len, i;
+
+            // 如果deps不是数组，则直接返回指定module
+            if ( typeof deps === 'string' ) {
+                return getModule( deps );
+            } else {
+                args = [];
+                for( len = deps.length, i = 0; i < len; i++ ) {
+                    args.push( getModule( deps[ i ] ) );
+                }
+
+                return callback.apply( null, args );
+            }
+        },
+
+        // 内部define，暂时不支持不指定id.
+        _define = function( id, deps, factory ) {
+            if ( arguments.length === 2 ) {
+                factory = deps;
+                deps = null;
+            }
+
+            _require( deps || [], function() {
+                setModule( id, factory, arguments );
+            });
+        },
+
+        // 设置module, 兼容CommonJs写法。
+        setModule = function( id, factory, args ) {
+            var module = {
+                    exports: factory
+                },
+                returned;
+
+            if ( typeof factory === 'function' ) {
+                args.length || (args = [ _require, module.exports, module ]);
+                returned = factory.apply( null, args );
+                returned !== undefined && (module.exports = returned);
+            }
+
+            modules[ id ] = module.exports;
+        },
+
+        // 根据id获取module
+        getModule = function( id ) {
+            var module = modules[ id ] || root[ id ];
+
+            if ( !module ) {
+                throw new Error( '`' + id + '` is undefined' );
+            }
+
+            return module;
+        },
+
+        // 将所有modules，将路径ids装换成对象。
+        exportsTo = function( obj ) {
+            var key, host, parts, part, last, ucFirst;
+
+            // make the first character upper case.
+            ucFirst = function( str ) {
+                return str && (str.charAt( 0 ).toUpperCase() + str.substr( 1 ));
+            };
+
+            for ( key in modules ) {
+                host = obj;
+
+                if ( !modules.hasOwnProperty( key ) ) {
+                    continue;
+                }
+
+                parts = key.split('/');
+                last = ucFirst( parts.pop() );
+
+                while( (part = ucFirst( parts.shift() )) ) {
+                    host[ part ] = host[ part ] || {};
+                    host = host[ part ];
+                }
+
+                host[ last ] = modules[ key ];
+            }
+        },
+
+        exports = factory( root, _define, _require ),
+        origin;
+
+    // exports every module.
+    exportsTo( exports );
+
+    if ( typeof module === 'object' && typeof module.exports === 'object' ) {
+
+        // For CommonJS and CommonJS-like environments where a proper window is present,
+        module.exports = exports;
+    } else if ( typeof define === 'function' && define.amd ) {
+
+        // Allow using this built library as an AMD module
+        // in another project. That other project will only
+        // see this AMD call, not the internal modules in
+        // the closure below.
+        define([], exports );
+    } else {
+
+        // Browser globals case. Just assign the
+        // result to a property on the global.
+        origin = root.WebUploader;
+        root.WebUploader = exports;
+        root.WebUploader.noConflict = function() {
+            root.WebUploader = origin;
+        };
+    }
+})( this, function( window, define, require ) {
+
+
+    /**
+     * @fileOverview jQuery or Zepto
+     */
+    define('dollar-third',[],function() {
+        return window.jQuery || window.Zepto;
+    });
+    /**
+     * @fileOverview Dom 操作相关
+     */
+    define('dollar',[
+        'dollar-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 使用jQuery的Promise
+     */
+    define('promise-third',[
+        'dollar'
+    ], function( $ ) {
+        return {
+            Deferred: $.Deferred,
+            when: $.when,
+    
+            isPromise: function( anything ) {
+                return anything && typeof anything.then === 'function';
+            }
+        };
+    });
+    /**
+     * @fileOverview Promise/A+
+     */
+    define('promise',[
+        'promise-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 基础类方法。
+     */
+    
+    /**
+     * Web Uploader内部类的详细说明，以下提及的功能类，都可以在`WebUploader`这个变量中访问到。
+     *
+     * As you know, Web Uploader的每个文件都是用过[AMD](https://github.com/amdjs/amdjs-api/wiki/AMD)规范中的`define`组织起来的, 每个Module都会有个module id.
+     * 默认module id该文件的路径，而此路径将会转化成名字空间存放在WebUploader中。如：
+     *
+     * * module `base`：WebUploader.Base
+     * * module `file`: WebUploader.File
+     * * module `lib/dnd`: WebUploader.Lib.Dnd
+     * * module `runtime/html5/dnd`: WebUploader.Runtime.Html5.Dnd
+     *
+     *
+     * 以下文档将可能省略`WebUploader`前缀。
+     * @module WebUploader
+     * @title WebUploader API文档
+     */
+    define('base',[
+        'dollar',
+        'promise'
+    ], function( $, promise ) {
+    
+        var noop = function() {},
+            call = Function.call;
+    
+        // http://jsperf.com/uncurrythis
+        // 反科里化
+        function uncurryThis( fn ) {
+            return function() {
+                return call.apply( fn, arguments );
+            };
+        }
+    
+        function bindFn( fn, context ) {
+            return function() {
+                return fn.apply( context, arguments );
+            };
+        }
+    
+        function createObject( proto ) {
+            var f;
+    
+            if ( Object.create ) {
+                return Object.create( proto );
+            } else {
+                f = function() {};
+                f.prototype = proto;
+                return new f();
+            }
+        }
+    
+    
+        /**
+         * 基础类，提供一些简单常用的方法。
+         * @class Base
+         */
+        return {
+    
+            /**
+             * @property {String} version 当前版本号。
+             */
+            version: '0.1.2',
+    
+            /**
+             * @property {jQuery|Zepto} $ 引用依赖的jQuery或者Zepto对象。
+             */
+            $: $,
+    
+            Deferred: promise.Deferred,
+    
+            isPromise: promise.isPromise,
+    
+            when: promise.when,
+    
+            /**
+             * @description  简单的浏览器检查结果。
+             *
+             * * `webkit`  webkit版本号，如果浏览器为非webkit内核，此属性为`undefined`。
+             * * `chrome`  chrome浏览器版本号，如果浏览器为chrome，此属性为`undefined`。
+             * * `ie`  ie浏览器版本号，如果浏览器为非ie，此属性为`undefined`。**暂不支持ie10+**
+             * * `firefox`  firefox浏览器版本号，如果浏览器为非firefox，此属性为`undefined`。
+             * * `safari`  safari浏览器版本号，如果浏览器为非safari，此属性为`undefined`。
+             * * `opera`  opera浏览器版本号，如果浏览器为非opera，此属性为`undefined`。
+             *
+             * @property {Object} [browser]
+             */
+            browser: (function( ua ) {
+                var ret = {},
+                    webkit = ua.match( /WebKit\/([\d.]+)/ ),
+                    chrome = ua.match( /Chrome\/([\d.]+)/ ) ||
+                        ua.match( /CriOS\/([\d.]+)/ ),
+    
+                    ie = ua.match( /MSIE\s([\d\.]+)/ ) ||
+                        ua.match(/(?:trident)(?:.*rv:([\w.]+))?/i),
+                    firefox = ua.match( /Firefox\/([\d.]+)/ ),
+                    safari = ua.match( /Safari\/([\d.]+)/ ),
+                    opera = ua.match( /OPR\/([\d.]+)/ );
+    
+                webkit && (ret.webkit = parseFloat( webkit[ 1 ] ));
+                chrome && (ret.chrome = parseFloat( chrome[ 1 ] ));
+                ie && (ret.ie = parseFloat( ie[ 1 ] ));
+                firefox && (ret.firefox = parseFloat( firefox[ 1 ] ));
+                safari && (ret.safari = parseFloat( safari[ 1 ] ));
+                opera && (ret.opera = parseFloat( opera[ 1 ] ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
+            /**
+             * @description  操作系统检查结果。
+             *
+             * * `android`  如果在android浏览器环境下，此值为对应的android版本号，否则为`undefined`。
+             * * `ios` 如果在ios浏览器环境下，此值为对应的ios版本号，否则为`undefined`。
+             * @property {Object} [os]
+             */
+            os: (function( ua ) {
+                var ret = {},
+    
+                    // osx = !!ua.match( /\(Macintosh\; Intel / ),
+                    android = ua.match( /(?:Android);?[\s\/]+([\d.]+)?/ ),
+                    ios = ua.match( /(?:iPad|iPod|iPhone).*OS\s([\d_]+)/ );
+    
+                // osx && (ret.osx = true);
+                android && (ret.android = parseFloat( android[ 1 ] ));
+                ios && (ret.ios = parseFloat( ios[ 1 ].replace( /_/g, '.' ) ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
+            /**
+             * 实现类与类之间的继承。
+             * @method inherits
+             * @grammar Base.inherits( super ) => child
+             * @grammar Base.inherits( super, protos ) => child
+             * @grammar Base.inherits( super, protos, statics ) => child
+             * @param  {Class} super 父类
+             * @param  {Object | Function} [protos] 子类或者对象。如果对象中包含constructor，子类将是用此属性值。
+             * @param  {Function} [protos.constructor] 子类构造器，不指定的话将创建个临时的直接执行父类构造器的方法。
+             * @param  {Object} [statics] 静态属性或方法。
+             * @return {Class} 返回子类。
+             * @example
+             * function Person() {
+             *     console.log( 'Super' );
+             * }
+             * Person.prototype.hello = function() {
+             *     console.log( 'hello' );
+             * };
+             *
+             * var Manager = Base.inherits( Person, {
+             *     world: function() {
+             *         console.log( 'World' );
+             *     }
+             * });
+             *
+             * // 因为没有指定构造器，父类的构造器将会执行。
+             * var instance = new Manager();    // => Super
+             *
+             * // 继承子父类的方法
+             * instance.hello();    // => hello
+             * instance.world();    // => World
+             *
+             * // 子类的__super__属性指向父类
+             * console.log( Manager.__super__ === Person );    // => true
+             */
+            inherits: function( Super, protos, staticProtos ) {
+                var child;
+    
+                if ( typeof protos === 'function' ) {
+                    child = protos;
+                    protos = null;
+                } else if ( protos && protos.hasOwnProperty('constructor') ) {
+                    child = protos.constructor;
+                } else {
+                    child = function() {
+                        return Super.apply( this, arguments );
+                    };
+                }
+    
+                // 复制静态方法
+                $.extend( true, child, Super, staticProtos || {} );
+    
+                /* jshint camelcase: false */
+    
+                // 让子类的__super__属性指向父类。
+                child.__super__ = Super.prototype;
+    
+                // 构建原型，添加原型方法或属性。
+                // 暂时用Object.create实现。
+                child.prototype = createObject( Super.prototype );
+                protos && $.extend( true, child.prototype, protos );
+    
+                return child;
+            },
+    
+            /**
+             * 一个不做任何事情的方法。可以用来赋值给默认的callback.
+             * @method noop
+             */
+            noop: noop,
+    
+            /**
+             * 返回一个新的方法，此方法将已指定的`context`来执行。
+             * @grammar Base.bindFn( fn, context ) => Function
+             * @method bindFn
+             * @example
+             * var doSomething = function() {
+             *         console.log( this.name );
+             *     },
+             *     obj = {
+             *         name: 'Object Name'
+             *     },
+             *     aliasFn = Base.bind( doSomething, obj );
+             *
+             *  aliasFn();    // => Object Name
+             *
+             */
+            bindFn: bindFn,
+    
+            /**
+             * 引用Console.log如果存在的话，否则引用一个[空函数loop](#WebUploader:Base.log)。
+             * @grammar Base.log( args... ) => undefined
+             * @method log
+             */
+            log: (function() {
+                if ( window.console ) {
+                    return bindFn( console.log, console );
+                }
+                return noop;
+            })(),
+    
+            nextTick: (function() {
+    
+                return function( cb ) {
+                    setTimeout( cb, 1 );
+                };
+    
+                // @bug 当浏览器不在当前窗口时就停了。
+                // var next = window.requestAnimationFrame ||
+                //     window.webkitRequestAnimationFrame ||
+                //     window.mozRequestAnimationFrame ||
+                //     function( cb ) {
+                //         window.setTimeout( cb, 1000 / 60 );
+                //     };
+    
+                // // fix: Uncaught TypeError: Illegal invocation
+                // return bindFn( next, window );
+            })(),
+    
+            /**
+             * 被[uncurrythis](http://www.2ality.com/2011/11/uncurrying-this.html)的数组slice方法。
+             * 将用来将非数组对象转化成数组对象。
+             * @grammar Base.slice( target, start[, end] ) => Array
+             * @method slice
+             * @example
+             * function doSomthing() {
+             *     var args = Base.slice( arguments, 1 );
+             *     console.log( args );
+             * }
+             *
+             * doSomthing( 'ignored', 'arg2', 'arg3' );    // => Array ["arg2", "arg3"]
+             */
+            slice: uncurryThis( [].slice ),
+    
+            /**
+             * 生成唯一的ID
+             * @method guid
+             * @grammar Base.guid() => String
+             * @grammar Base.guid( prefx ) => String
+             */
+            guid: (function() {
+                var counter = 0;
+    
+                return function( prefix ) {
+                    var guid = (+new Date()).toString( 32 ),
+                        i = 0;
+    
+                    for ( ; i < 5; i++ ) {
+                        guid += Math.floor( Math.random() * 65535 ).toString( 32 );
+                    }
+    
+                    return (prefix || 'wu_') + guid + (counter++).toString( 32 );
+                };
+            })(),
+    
+            /**
+             * 格式化文件大小, 输出成带单位的字符串
+             * @method formatSize
+             * @grammar Base.formatSize( size ) => String
+             * @grammar Base.formatSize( size, pointLength ) => String
+             * @grammar Base.formatSize( size, pointLength, units ) => String
+             * @param {Number} size 文件大小
+             * @param {Number} [pointLength=2] 精确到的小数点数。
+             * @param {Array} [units=[ 'B', 'K', 'M', 'G', 'TB' ]] 单位数组。从字节，到千字节，一直往上指定。如果单位数组里面只指定了到了K(千字节)，同时文件大小大于M, 此方法的输出将还是显示成多少K.
+             * @example
+             * console.log( Base.formatSize( 100 ) );    // => 100B
+             * console.log( Base.formatSize( 1024 ) );    // => 1.00K
+             * console.log( Base.formatSize( 1024, 0 ) );    // => 1K
+             * console.log( Base.formatSize( 1024 * 1024 ) );    // => 1.00M
+             * console.log( Base.formatSize( 1024 * 1024 * 1024 ) );    // => 1.00G
+             * console.log( Base.formatSize( 1024 * 1024 * 1024, 0, ['B', 'KB', 'MB'] ) );    // => 1024MB
+             */
+            formatSize: function( size, pointLength, units ) {
+                var unit;
+    
+                units = units || [ 'B', 'K', 'M', 'G', 'TB' ];
+    
+                while ( (unit = units.shift()) && size > 1024 ) {
+                    size = size / 1024;
+                }
+    
+                return (unit === 'B' ? size : size.toFixed( pointLength || 2 )) +
+                        unit;
+            }
+        };
+    });
+    /**
+     * 事件处理类，可以独立使用，也可以扩展给对象使用。
+     * @fileOverview Mediator
+     */
+    define('mediator',[
+        'base'
+    ], function( Base ) {
+        var $ = Base.$,
+            slice = [].slice,
+            separator = /\s+/,
+            protos;
+    
+        // 根据条件过滤出事件handlers.
+        function findHandlers( arr, name, callback, context ) {
+            return $.grep( arr, function( handler ) {
+                return handler &&
+                        (!name || handler.e === name) &&
+                        (!callback || handler.cb === callback ||
+                        handler.cb._cb === callback) &&
+                        (!context || handler.ctx === context);
+            });
+        }
+    
+        function eachEvent( events, callback, iterator ) {
+            // 不支持对象，只支持多个event用空格隔开
+            $.each( (events || '').split( separator ), function( _, key ) {
+                iterator( key, callback );
+            });
+        }
+    
+        function triggerHanders( events, args ) {
+            var stoped = false,
+                i = -1,
+                len = events.length,
+                handler;
+    
+            while ( ++i < len ) {
+                handler = events[ i ];
+    
+                if ( handler.cb.apply( handler.ctx2, args ) === false ) {
+                    stoped = true;
+                    break;
+                }
+            }
+    
+            return !stoped;
+        }
+    
+        protos = {
+    
+            /**
+             * 绑定事件。
+             *
+             * `callback`方法在执行时，arguments将会来源于trigger的时候携带的参数。如
+             * ```javascript
+             * var obj = {};
+             *
+             * // 使得obj有事件行为
+             * Mediator.installTo( obj );
+             *
+             * obj.on( 'testa', function( arg1, arg2 ) {
+             *     console.log( arg1, arg2 ); // => 'arg1', 'arg2'
+             * });
+             *
+             * obj.trigger( 'testa', 'arg1', 'arg2' );
+             * ```
+             *
+             * 如果`callback`中，某一个方法`return false`了，则后续的其他`callback`都不会被执行到。
+             * 切会影响到`trigger`方法的返回值，为`false`。
+             *
+             * `on`还可以用来添加一个特殊事件`all`, 这样所有的事件触发都会响应到。同时此类`callback`中的arguments有一个不同处，
+             * 就是第一个参数为`type`，记录当前是什么事件在触发。此类`callback`的优先级比脚低，会再正常`callback`执行完后触发。
+             * ```javascript
+             * obj.on( 'all', function( type, arg1, arg2 ) {
+             *     console.log( type, arg1, arg2 ); // => 'testa', 'arg1', 'arg2'
+             * });
+             * ```
+             *
+             * @method on
+             * @grammar on( name, callback[, context] ) => self
+             * @param  {String}   name     事件名，支持多个事件用空格隔开
+             * @param  {Function} callback 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             * @class Mediator
+             */
+            on: function( name, callback, context ) {
+                var me = this,
+                    set;
+    
+                if ( !callback ) {
+                    return this;
+                }
+    
+                set = this._events || (this._events = []);
+    
+                eachEvent( name, callback, function( name, callback ) {
+                    var handler = { e: name };
+    
+                    handler.cb = callback;
+                    handler.ctx = context;
+                    handler.ctx2 = context || me;
+                    handler.id = set.length;
+    
+                    set.push( handler );
+                });
+    
+                return this;
+            },
+    
+            /**
+             * 绑定事件，且当handler执行完后，自动解除绑定。
+             * @method once
+             * @grammar once( name, callback[, context] ) => self
+             * @param  {String}   name     事件名
+             * @param  {Function} callback 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             */
+            once: function( name, callback, context ) {
+                var me = this;
+    
+                if ( !callback ) {
+                    return me;
+                }
+    
+                eachEvent( name, callback, function( name, callback ) {
+                    var once = function() {
+                            me.off( name, once );
+                            return callback.apply( context || me, arguments );
+                        };
+    
+                    once._cb = callback;
+                    me.on( name, once, context );
+                });
+    
+                return me;
+            },
+    
+            /**
+             * 解除事件绑定
+             * @method off
+             * @grammar off( [name[, callback[, context] ] ] ) => self
+             * @param  {String}   [name]     事件名
+             * @param  {Function} [callback] 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             */
+            off: function( name, cb, ctx ) {
+                var events = this._events;
+    
+                if ( !events ) {
+                    return this;
+                }
+    
+                if ( !name && !cb && !ctx ) {
+                    this._events = [];
+                    return this;
+                }
+    
+                eachEvent( name, cb, function( name, cb ) {
+                    $.each( findHandlers( events, name, cb, ctx ), function() {
+                        delete events[ this.id ];
+                    });
+                });
+    
+                return this;
+            },
+    
+            /**
+             * 触发事件
+             * @method trigger
+             * @grammar trigger( name[, args...] ) => self
+             * @param  {String}   type     事件名
+             * @param  {*} [...] 任意参数
+             * @return {Boolean} 如果handler中return false了，则返回false, 否则返回true
+             */
+            trigger: function( type ) {
+                var args, events, allEvents;
+    
+                if ( !this._events || !type ) {
+                    return this;
+                }
+    
+                args = slice.call( arguments, 1 );
+                events = findHandlers( this._events, type );
+                allEvents = findHandlers( this._events, 'all' );
+    
+                return triggerHanders( events, args ) &&
+                        triggerHanders( allEvents, arguments );
+            }
+        };
+    
+        /**
+         * 中介者，它本身是个单例，但可以通过[installTo](#WebUploader:Mediator:installTo)方法，使任何对象具备事件行为。
+         * 主要目的是负责模块与模块之间的合作，降低耦合度。
+         *
+         * @class Mediator
+         */
+        return $.extend({
+    
+            /**
+             * 可以通过这个接口，使任何对象具备事件功能。
+             * @method installTo
+             * @param  {Object} obj 需要具备事件行为的对象。
+             * @return {Object} 返回obj.
+             */
+            installTo: function( obj ) {
+                return $.extend( obj, protos );
+            }
+    
+        }, protos );
+    });
+    /**
+     * @fileOverview Uploader上传类
+     */
+    define('uploader',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$;
+    
+        /**
+         * 上传入口类。
+         * @class Uploader
+         * @constructor
+         * @grammar new Uploader( opts ) => Uploader
+         * @example
+         * var uploader = WebUploader.Uploader({
+         *     swf: 'path_of_swf/Uploader.swf',
+         *
+         *     // 开起分片上传。
+         *     chunked: true
+         * });
+         */
+        function Uploader( opts ) {
+            this.options = $.extend( true, {}, Uploader.options, opts );
+            this._init( this.options );
+        }
+    
+        // default Options
+        // widgets中有相应扩展
+        Uploader.options = {};
+        Mediator.installTo( Uploader.prototype );
+    
+        // 批量添加纯命令式方法。
+        $.each({
+            upload: 'start-upload',
+            stop: 'stop-upload',
+            getFile: 'get-file',
+            getFiles: 'get-files',
+            addFile: 'add-file',
+            addFiles: 'add-file',
+            sort: 'sort-files',
+            removeFile: 'remove-file',
+            skipFile: 'skip-file',
+            retry: 'retry',
+            isInProgress: 'is-in-progress',
+            makeThumb: 'make-thumb',
+            getDimension: 'get-dimension',
+            addButton: 'add-btn',
+            getRuntimeType: 'get-runtime-type',
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable',
+            reset: 'reset'
+        }, function( fn, command ) {
+            Uploader.prototype[ fn ] = function() {
+                return this.request( command, arguments );
+            };
+        });
+    
+        $.extend( Uploader.prototype, {
+            state: 'pending',
+    
+            _init: function( opts ) {
+                var me = this;
+    
+                me.request( 'init', opts, function() {
+                    me.state = 'ready';
+                    me.trigger('ready');
+                });
+            },
+    
+            /**
+             * 获取或者设置Uploader配置项。
+             * @method option
+             * @grammar option( key ) => *
+             * @grammar option( key, val ) => self
+             * @example
+             *
+             * // 初始状态图片上传前不会压缩
+             * var uploader = new WebUploader.Uploader({
+             *     resize: null;
+             * });
+             *
+             * // 修改后图片上传前，尝试将图片压缩到1600 * 1600
+             * uploader.options( 'resize', {
+             *     width: 1600,
+             *     height: 1600
+             * });
+             */
+            option: function( key, val ) {
+                var opts = this.options;
+    
+                // setter
+                if ( arguments.length > 1 ) {
+    
+                    if ( $.isPlainObject( val ) &&
+                            $.isPlainObject( opts[ key ] ) ) {
+                        $.extend( opts[ key ], val );
+                    } else {
+                        opts[ key ] = val;
+                    }
+    
+                } else {    // getter
+                    return key ? opts[ key ] : opts;
+                }
+            },
+    
+            /**
+             * 获取文件统计信息。返回一个包含一下信息的对象。
+             * * `successNum` 上传成功的文件数
+             * * `uploadFailNum` 上传失败的文件数
+             * * `cancelNum` 被删除的文件数
+             * * `invalidNum` 无效的文件数
+             * * `queueNum` 还在队列中的文件数
+             * @method getStats
+             * @grammar getStats() => Object
+             */
+            getStats: function() {
+                // return this._mgr.getStats.apply( this._mgr, arguments );
+                var stats = this.request('get-stats');
+    
+                return {
+                    successNum: stats.numOfSuccess,
+    
+                    // who care?
+                    // queueFailNum: 0,
+                    cancelNum: stats.numOfCancel,
+                    invalidNum: stats.numOfInvalid,
+                    uploadFailNum: stats.numOfUploadFailed,
+                    queueNum: stats.numOfQueue
+                };
+            },
+    
+            // 需要重写此方法来来支持opts.onEvent和instance.onEvent的处理器
+            trigger: function( type/*, args...*/ ) {
+                var args = [].slice.call( arguments, 1 ),
+                    opts = this.options,
+                    name = 'on' + type.substring( 0, 1 ).toUpperCase() +
+                        type.substring( 1 );
+    
+                if (
+                        // 调用通过on方法注册的handler.
+                        Mediator.trigger.apply( this, arguments ) === false ||
+    
+                        // 调用opts.onEvent
+                        $.isFunction( opts[ name ] ) &&
+                        opts[ name ].apply( this, args ) === false ||
+    
+                        // 调用this.onEvent
+                        $.isFunction( this[ name ] ) &&
+                        this[ name ].apply( this, args ) === false ||
+    
+                        // 广播所有uploader的事件。
+                        Mediator.trigger.apply( Mediator,
+                        [ this, type ].concat( args ) ) === false ) {
+    
+                    return false;
+                }
+    
+                return true;
+            },
+    
+            // widgets/widget.js将补充此方法的详细文档。
+            request: Base.noop
+        });
+    
+        /**
+         * 创建Uploader实例，等同于new Uploader( opts );
+         * @method create
+         * @class Base
+         * @static
+         * @grammar Base.create( opts ) => Uploader
+         */
+        Base.create = Uploader.create = function( opts ) {
+            return new Uploader( opts );
+        };
+    
+        // 暴露Uploader，可以通过它来扩展业务逻辑。
+        Base.Uploader = Uploader;
+    
+        return Uploader;
+    });
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/runtime',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$,
+            factories = {},
+    
+            // 获取对象的第一个key
+            getFirstKey = function( obj ) {
+                for ( var key in obj ) {
+                    if ( obj.hasOwnProperty( key ) ) {
+                        return key;
+                    }
+                }
+                return null;
+            };
+    
+        // 接口类。
+        function Runtime( options ) {
+            this.options = $.extend({
+                container: document.body
+            }, options );
+            this.uid = Base.guid('rt_');
+        }
+    
+        $.extend( Runtime.prototype, {
+    
+            getContainer: function() {
+                var opts = this.options,
+                    parent, container;
+    
+                if ( this._container ) {
+                    return this._container;
+                }
+    
+                parent = $( opts.container || document.body );
+                container = $( document.createElement('div') );
+    
+                container.attr( 'id', 'rt_' + this.uid );
+                container.css({
+                    position: 'absolute',
+                    top: '0px',
+                    left: '0px',
+                    width: '1px',
+                    height: '1px',
+                    overflow: 'hidden'
+                });
+    
+                parent.append( container );
+                parent.addClass('webuploader-container');
+                this._container = container;
+                return container;
+            },
+    
+            init: Base.noop,
+            exec: Base.noop,
+    
+            destroy: function() {
+                if ( this._container ) {
+                    this._container.parentNode.removeChild( this.__container );
+                }
+    
+                this.off();
+            }
+        });
+    
+        Runtime.orders = 'html5,flash';
+    
+    
+        /**
+         * 添加Runtime实现。
+         * @param {String} type    类型
+         * @param {Runtime} factory 具体Runtime实现。
+         */
+        Runtime.addRuntime = function( type, factory ) {
+            factories[ type ] = factory;
+        };
+    
+        Runtime.hasRuntime = function( type ) {
+            return !!(type ? factories[ type ] : getFirstKey( factories ));
+        };
+    
+        Runtime.create = function( opts, orders ) {
+            var type, runtime;
+    
+            orders = orders || Runtime.orders;
+            $.each( orders.split( /\s*,\s*/g ), function() {
+                if ( factories[ this ] ) {
+                    type = this;
+                    return false;
+                }
+            });
+    
+            type = type || getFirstKey( factories );
+    
+            if ( !type ) {
+                throw new Error('Runtime Error');
+            }
+    
+            runtime = new factories[ type ]( opts );
+            return runtime;
+        };
+    
+        Mediator.installTo( Runtime.prototype );
+        return Runtime;
+    });
+    
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/client',[
+        'base',
+        'mediator',
+        'runtime/runtime'
+    ], function( Base, Mediator, Runtime ) {
+    
+        var cache;
+    
+        cache = (function() {
+            var obj = {};
+    
+            return {
+                add: function( runtime ) {
+                    obj[ runtime.uid ] = runtime;
+                },
+    
+                get: function( ruid, standalone ) {
+                    var i;
+    
+                    if ( ruid ) {
+                        return obj[ ruid ];
+                    }
+    
+                    for ( i in obj ) {
+                        // 有些类型不能重用，比如filepicker.
+                        if ( standalone && obj[ i ].__standalone ) {
+                            continue;
+                        }
+    
+                        return obj[ i ];
+                    }
+    
+                    return null;
+                },
+    
+                remove: function( runtime ) {
+                    delete obj[ runtime.uid ];
+                }
+            };
+        })();
+    
+        function RuntimeClient( component, standalone ) {
+            var deferred = Base.Deferred(),
+                runtime;
+    
+            this.uid = Base.guid('client_');
+    
+            // 允许runtime没有初始化之前，注册一些方法在初始化后执行。
+            this.runtimeReady = function( cb ) {
+                return deferred.done( cb );
+            };
+    
+            this.connectRuntime = function( opts, cb ) {
+    
+                // already connected.
+                if ( runtime ) {
+                    throw new Error('already connected!');
+                }
+    
+                deferred.done( cb );
+    
+                if ( typeof opts === 'string' && cache.get( opts ) ) {
+                    runtime = cache.get( opts );
+                }
+    
+                // 像filePicker只能独立存在，不能公用。
+                runtime = runtime || cache.get( null, standalone );
+    
+                // 需要创建
+                if ( !runtime ) {
+                    runtime = Runtime.create( opts, opts.runtimeOrder );
+                    runtime.__promise = deferred.promise();
+                    runtime.once( 'ready', deferred.resolve );
+                    runtime.init();
+                    cache.add( runtime );
+                    runtime.__client = 1;
+                } else {
+                    // 来自cache
+                    Base.$.extend( runtime.options, opts );
+                    runtime.__promise.then( deferred.resolve );
+                    runtime.__client++;
+                }
+    
+                standalone && (runtime.__standalone = standalone);
+                return runtime;
+            };
+    
+            this.getRuntime = function() {
+                return runtime;
+            };
+    
+            this.disconnectRuntime = function() {
+                if ( !runtime ) {
+                    return;
+                }
+    
+                runtime.__client--;
+    
+                if ( runtime.__client <= 0 ) {
+                    cache.remove( runtime );
+                    delete runtime.__promise;
+                    runtime.destroy();
+                }
+    
+                runtime = null;
+            };
+    
+            this.exec = function() {
+                if ( !runtime ) {
+                    return;
+                }
+    
+                var args = Base.slice( arguments );
+                component && args.unshift( component );
+    
+                return runtime.exec.apply( this, args );
+            };
+    
+            this.getRuid = function() {
+                return runtime && runtime.uid;
+            };
+    
+            this.destroy = (function( destroy ) {
+                return function() {
+                    destroy && destroy.apply( this, arguments );
+                    this.trigger('destroy');
+                    this.off();
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                };
+            })( this.destroy );
+        }
+    
+        Mediator.installTo( RuntimeClient.prototype );
+        return RuntimeClient;
+    });
+    /**
+     * @fileOverview Blob
+     */
+    define('lib/blob',[
+        'base',
+        'runtime/client'
+    ], function( Base, RuntimeClient ) {
+    
+        function Blob( ruid, source ) {
+            var me = this;
+    
+            me.source = source;
+            me.ruid = ruid;
+    
+            RuntimeClient.call( me, 'Blob' );
+    
+            this.uid = source.uid || this.uid;
+            this.type = source.type || '';
+            this.size = source.size || 0;
+    
+            if ( ruid ) {
+                me.connectRuntime( ruid );
+            }
+        }
+    
+        Base.inherits( RuntimeClient, {
+            constructor: Blob,
+    
+            slice: function( start, end ) {
+                return this.exec( 'slice', start, end );
+            },
+    
+            getSource: function() {
+                return this.source;
+            }
+        });
+    
+        return Blob;
+    });
+    /**
+     * 为了统一化Flash的File和HTML5的File而存在。
+     * 以至于要调用Flash里面的File，也可以像调用HTML5版本的File一下。
+     * @fileOverview File
+     */
+    define('lib/file',[
+        'base',
+        'lib/blob'
+    ], function( Base, Blob ) {
+    
+        var uid = 1,
+            rExt = /\.([^.]+)$/;
+    
+        function File( ruid, file ) {
+            var ext;
+    
+            Blob.apply( this, arguments );
+            this.name = file.name || ('untitled' + uid++);
+            ext = rExt.exec( file.name ) ? RegExp.$1.toLowerCase() : '';
+    
+            // todo 支持其他类型文件的转换。
+    
+            // 如果有mimetype, 但是文件名里面没有找出后缀规律
+            if ( !ext && this.type ) {
+                ext = /\/(jpg|jpeg|png|gif|bmp)$/i.exec( this.type ) ?
+                        RegExp.$1.toLowerCase() : '';
+                this.name += '.' + ext;
+            }
+    
+            // 如果没有指定mimetype, 但是知道文件后缀。
+            if ( !this.type &&  ~'jpg,jpeg,png,gif,bmp'.indexOf( ext ) ) {
+                this.type = 'image/' + (ext === 'jpg' ? 'jpeg' : ext);
+            }
+    
+            this.ext = ext;
+            this.lastModifiedDate = file.lastModifiedDate ||
+                    (new Date()).toLocaleString();
+        }
+    
+        return Base.inherits( Blob, File );
+    });
+    
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/filepicker',[
+        'base',
+        'runtime/client',
+        'lib/file'
+    ], function( Base, RuntimeClent, File ) {
+    
+        var $ = Base.$;
+    
+        function FilePicker( opts ) {
+            opts = this.options = $.extend({}, FilePicker.options, opts );
+    
+            opts.container = $( opts.id );
+    
+            if ( !opts.container.length ) {
+                throw new Error('按钮指定错误');
+            }
+    
+            opts.innerHTML = opts.innerHTML || opts.label ||
+                    opts.container.html() || '';
+    
+            opts.button = $( opts.button || document.createElement('div') );
+            opts.button.html( opts.innerHTML );
+            opts.container.html( opts.button );
+    
+            RuntimeClent.call( this, 'FilePicker', true );
+        }
+    
+        FilePicker.options = {
+            button: null,
+            container: null,
+            label: null,
+            innerHTML: null,
+            multiple: true,
+            accept: null,
+            name: 'file'
+        };
+    
+        Base.inherits( RuntimeClent, {
+            constructor: FilePicker,
+    
+            init: function() {
+                var me = this,
+                    opts = me.options,
+                    button = opts.button;
+    
+                button.addClass('webuploader-pick');
+    
+                me.on( 'all', function( type ) {
+                    var files;
+    
+                    switch ( type ) {
+                        case 'mouseenter':
+                            button.addClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'mouseleave':
+                            button.removeClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'change':
+                            files = me.exec('getFiles');
+                            me.trigger( 'select', $.map( files, function( file ) {
+                                file = new File( me.getRuid(), file );
+    
+                                // 记录来源。
+                                file._refer = opts.container;
+                                return file;
+                            }), opts.container );
+                            break;
+                    }
+                });
+    
+                me.connectRuntime( opts, function() {
+                    me.refresh();
+                    me.exec( 'init', opts );
+                    me.trigger('ready');
+                });
+    
+                $( window ).on( 'resize', function() {
+                    me.refresh();
+                });
+            },
+    
+            refresh: function() {
+                var shimContainer = this.getRuntime().getContainer(),
+                    button = this.options.button,
+                    width = button.outerWidth ?
+                            button.outerWidth() : button.width(),
+    
+                    height = button.outerHeight ?
+                            button.outerHeight() : button.height(),
+    
+                    pos = button.offset();
+    
+                width && height && shimContainer.css({
+                    bottom: 'auto',
+                    right: 'auto',
+                    width: width + 'px',
+                    height: height + 'px'
+                }).offset( pos );
+            },
+    
+            enable: function() {
+                var btn = this.options.button;
+    
+                btn.removeClass('webuploader-pick-disable');
+                this.refresh();
+            },
+    
+            disable: function() {
+                var btn = this.options.button;
+    
+                this.getRuntime().getContainer().css({
+                    top: '-99999px'
+                });
+    
+                btn.addClass('webuploader-pick-disable');
+            },
+    
+            destroy: function() {
+                if ( this.runtime ) {
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                }
+            }
+        });
+    
+        return FilePicker;
+    });
+    
+    /**
+     * @fileOverview 组件基类。
+     */
+    define('widgets/widget',[
+        'base',
+        'uploader'
+    ], function( Base, Uploader ) {
+    
+        var $ = Base.$,
+            _init = Uploader.prototype._init,
+            IGNORE = {},
+            widgetClass = [];
+    
+        function isArrayLike( obj ) {
+            if ( !obj ) {
+                return false;
+            }
+    
+            var length = obj.length,
+                type = $.type( obj );
+    
+            if ( obj.nodeType === 1 && length ) {
+                return true;
+            }
+    
+            return type === 'array' || type !== 'function' && type !== 'string' &&
+                    (length === 0 || typeof length === 'number' && length > 0 &&
+                    (length - 1) in obj);
+        }
+    
+        function Widget( uploader ) {
+            this.owner = uploader;
+            this.options = uploader.options;
+        }
+    
+        $.extend( Widget.prototype, {
+    
+            init: Base.noop,
+    
+            // 类Backbone的事件监听声明，监听uploader实例上的事件
+            // widget直接无法监听事件，事件只能通过uploader来传递
+            invoke: function( apiName, args ) {
+    
+                /*
+                    {
+                        'make-thumb': 'makeThumb'
+                    }
+                 */
+                var map = this.responseMap;
+    
+                // 如果无API响应声明则忽略
+                if ( !map || !(apiName in map) || !(map[ apiName ] in this) ||
+                        !$.isFunction( this[ map[ apiName ] ] ) ) {
+    
+                    return IGNORE;
+                }
+    
+                return this[ map[ apiName ] ].apply( this, args );
+    
+            },
+    
+            /**
+             * 发送命令。当传入`callback`或者`handler`中返回`promise`时。返回一个当所有`handler`中的promise都完成后完成的新`promise`。
+             * @method request
+             * @grammar request( command, args ) => * | Promise
+             * @grammar request( command, args, callback ) => Promise
+             * @for  Uploader
+             */
+            request: function() {
+                return this.owner.request.apply( this.owner, arguments );
+            }
+        });
+    
+        // 扩展Uploader.
+        $.extend( Uploader.prototype, {
+    
+            // 覆写_init用来初始化widgets
+            _init: function() {
+                var me = this,
+                    widgets = me._widgets = [];
+    
+                $.each( widgetClass, function( _, klass ) {
+                    widgets.push( new klass( me ) );
+                });
+    
+                return _init.apply( me, arguments );
+            },
+    
+            request: function( apiName, args, callback ) {
+                var i = 0,
+                    widgets = this._widgets,
+                    len = widgets.length,
+                    rlts = [],
+                    dfds = [],
+                    widget, rlt, promise, key;
+    
+                args = isArrayLike( args ) ? args : [ args ];
+    
+                for ( ; i < len; i++ ) {
+                    widget = widgets[ i ];
+                    rlt = widget.invoke( apiName, args );
+    
+                    if ( rlt !== IGNORE ) {
+    
+                        // Deferred对象
+                        if ( Base.isPromise( rlt ) ) {
+                            dfds.push( rlt );
+                        } else {
+                            rlts.push( rlt );
+                        }
+                    }
+                }
+    
+                // 如果有callback，则用异步方式。
+                if ( callback || dfds.length ) {
+                    promise = Base.when.apply( Base, dfds );
+                    key = promise.pipe ? 'pipe' : 'then';
+    
+                    // 很重要不能删除。删除了会死循环。
+                    // 保证执行顺序。让callback总是在下一个tick中执行。
+                    return promise[ key ](function() {
+                                var deferred = Base.Deferred(),
+                                    args = arguments;
+    
+                                setTimeout(function() {
+                                    deferred.resolve.apply( deferred, args );
+                                }, 1 );
+    
+                                return deferred.promise();
+                            })[ key ]( callback || Base.noop );
+                } else {
+                    return rlts[ 0 ];
+                }
+            }
+        });
+    
+        /**
+         * 添加组件
+         * @param  {object} widgetProto 组件原型，构造函数通过constructor属性定义
+         * @param  {object} responseMap API名称与函数实现的映射
+         * @example
+         *     Uploader.register( {
+         *         init: function( options ) {},
+         *         makeThumb: function() {}
+         *     }, {
+         *         'make-thumb': 'makeThumb'
+         *     } );
+         */
+        Uploader.register = Widget.register = function( responseMap, widgetProto ) {
+            var map = { init: 'init' },
+                klass;
+    
+            if ( arguments.length === 1 ) {
+                widgetProto = responseMap;
+                widgetProto.responseMap = map;
+            } else {
+                widgetProto.responseMap = $.extend( map, responseMap );
+            }
+    
+            klass = Base.inherits( Widget, widgetProto );
+            widgetClass.push( klass );
+    
+            return klass;
+        };
+    
+        return Widget;
+    });
+    /**
+     * @fileOverview 文件选择相关
+     */
+    define('widgets/filepicker',[
+        'base',
+        'uploader',
+        'lib/filepicker',
+        'widgets/widget'
+    ], function( Base, Uploader, FilePicker ) {
+        var $ = Base.$;
+    
+        $.extend( Uploader.options, {
+    
+            /**
+             * @property {Selector | Object} [pick=undefined]
+             * @namespace options
+             * @for Uploader
+             * @description 指定选择文件的按钮容器，不指定则不创建按钮。
+             *
+             * * `id` {Seletor} 指定选择文件的按钮容器，不指定则不创建按钮。
+             * * `label` {String} 请采用 `innerHTML` 代替
+             * * `innerHTML` {String} 指定按钮文字。不指定时优先从指定的容器中看是否自带文字。
+             * * `multiple` {Boolean} 是否开起同时选择多个文件能力。
+             */
+            pick: null,
+    
+            /**
+             * @property {Arroy} [accept=null]
+             * @namespace options
+             * @for Uploader
+             * @description 指定接受哪些类型的文件。 由于目前还有ext转mimeType表，所以这里需要分开指定。
+             *
+             * * `title` {String} 文字描述
+             * * `extensions` {String} 允许的文件后缀，不带点，多个用逗号分割。
+             * * `mimeTypes` {String} 多个用逗号分割。
+             *
+             * 如：
+             *
+             * ```
+             * {
+             *     title: 'Images',
+             *     extensions: 'gif,jpg,jpeg,bmp,png',
+             *     mimeTypes: 'image/*'
+             * }
+             * ```
+             */
+            accept: null/*{
+                title: 'Images',
+                extensions: 'gif,jpg,jpeg,bmp,png',
+                mimeTypes: 'image/*'
+            }*/
+        });
+    
+        return Uploader.register({
+            'add-btn': 'addButton',
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable'
+        }, {
+    
+            init: function( opts ) {
+                this.pickers = [];
+                return opts.pick && this.addButton( opts.pick );
+            },
+    
+            refresh: function() {
+                $.each( this.pickers, function() {
+                    this.refresh();
+                });
+            },
+    
+            /**
+             * @method addButton
+             * @for Uploader
+             * @grammar addButton( pick ) => Promise
+             * @description
+             * 添加文件选择按钮，如果一个按钮不够，需要调用此方法来添加。参数跟[options.pick](#WebUploader:Uploader:options)一致。
+             * @example
+             * uploader.addButton({
+             *     id: '#btnContainer',
+             *     innerHTML: '选择文件'
+             * });
+             */
+            addButton: function( pick ) {
+                var me = this,
+                    opts = me.options,
+                    accept = opts.accept,
+                    options, picker, deferred;
+    
+                if ( !pick ) {
+                    return;
+                }
+    
+                deferred = Base.Deferred();
+                $.isPlainObject( pick ) || (pick = {
+                    id: pick
+                });
+    
+                options = $.extend({}, pick, {
+                    accept: $.isPlainObject( accept ) ? [ accept ] : accept,
+                    swf: opts.swf,
+                    runtimeOrder: opts.runtimeOrder
+                });
+    
+                picker = new FilePicker( options );
+    
+                picker.once( 'ready', deferred.resolve );
+                picker.on( 'select', function( files ) {
+                    me.owner.request( 'add-file', [ files ]);
+                });
+                picker.init();
+    
+                this.pickers.push( picker );
+    
+                return deferred.promise();
+            },
+    
+            disable: function() {
+                $.each( this.pickers, function() {
+                    this.disable();
+                });
+            },
+    
+            enable: function() {
+                $.each( this.pickers, function() {
+                    this.enable();
+                });
+            }
+        });
+    });
+    /**
+     * @fileOverview Image
+     */
+    define('lib/image',[
+        'base',
+        'runtime/client',
+        'lib/blob'
+    ], function( Base, RuntimeClient, Blob ) {
+        var $ = Base.$;
+    
+        // 构造器。
+        function Image( opts ) {
+            this.options = $.extend({}, Image.options, opts );
+            RuntimeClient.call( this, 'Image' );
+    
+            this.on( 'load', function() {
+                this._info = this.exec('info');
+                this._meta = this.exec('meta');
+            });
+        }
+    
+        // 默认选项。
+        Image.options = {
+    
+            // 默认的图片处理质量
+            quality: 90,
+    
+            // 是否裁剪
+            crop: false,
+    
+            // 是否保留头部信息
+            preserveHeaders: true,
+    
+            // 是否允许放大。
+            allowMagnify: true
+        };
+    
+        // 继承RuntimeClient.
+        Base.inherits( RuntimeClient, {
+            constructor: Image,
+    
+            info: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._info = val;
+                    return this;
+                }
+    
+                // getter
+                return this._info;
+            },
+    
+            meta: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._meta = val;
+                    return this;
+                }
+    
+                // getter
+                return this._meta;
+            },
+    
+            loadFromBlob: function( blob ) {
+                var me = this,
+                    ruid = blob.getRuid();
+    
+                this.connectRuntime( ruid, function() {
+                    me.exec( 'init', me.options );
+                    me.exec( 'loadFromBlob', blob );
+                });
+            },
+    
+            resize: function() {
+                var args = Base.slice( arguments );
+                return this.exec.apply( this, [ 'resize' ].concat( args ) );
+            },
+    
+            getAsDataUrl: function( type ) {
+                return this.exec( 'getAsDataUrl', type );
+            },
+    
+            getAsBlob: function( type ) {
+                var blob = this.exec( 'getAsBlob', type );
+    
+                return new Blob( this.getRuid(), blob );
+            }
+        });
+    
+        return Image;
+    });
+    /**
+     * @fileOverview 图片操作, 负责预览图片和上传前压缩图片
+     */
+    define('widgets/image',[
+        'base',
+        'uploader',
+        'lib/image',
+        'widgets/widget'
+    ], function( Base, Uploader, Image ) {
+    
+        var $ = Base.$,
+            throttle;
+    
+        // 根据要处理的文件大小来节流，一次不能处理太多，会卡。
+        throttle = (function( max ) {
+            var occupied = 0,
+                waiting = [],
+                tick = function() {
+                    var item;
+    
+                    while ( waiting.length && occupied < max ) {
+                        item = waiting.shift();
+                        occupied += item[ 0 ];
+                        item[ 1 ]();
+                    }
+                };
+    
+            return function( emiter, size, cb ) {
+                waiting.push([ size, cb ]);
+                emiter.once( 'destroy', function() {
+                    occupied -= size;
+                    setTimeout( tick, 1 );
+                });
+                setTimeout( tick, 1 );
+            };
+        })( 5 * 1024 * 1024 );
+    
+        $.extend( Uploader.options, {
+    
+            /**
+             * @property {Object} [thumb]
+             * @namespace options
+             * @for Uploader
+             * @description 配置生成缩略图的选项。
+             *
+             * 默认为：
+             *
+             * ```javascript
+             * {
+             *     width: 110,
+             *     height: 110,
+             *
+             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
+             *     quality: 70,
+             *
+             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+             *     allowMagnify: true,
+             *
+             *     // 是否允许裁剪。
+             *     crop: true,
+             *
+             *     // 是否保留头部meta信息。
+             *     preserveHeaders: false,
+             *
+             *     // 为空的话则保留原有图片格式。
+             *     // 否则强制转换成指定的类型。
+             *     type: 'image/jpeg'
+             * }
+             * ```
+             */
+            thumb: {
+                width: 110,
+                height: 110,
+                quality: 70,
+                allowMagnify: true,
+                crop: true,
+                preserveHeaders: false,
+    
+                // 为空的话则保留原有图片格式。
+                // 否则强制转换成指定的类型。
+                // IE 8下面 base64 大小不能超过 32K 否则预览失败，而非 jpeg 编码的图片很可
+                // 能会超过 32k, 所以这里设置成预览的时候都是 image/jpeg
+                type: 'image/jpeg'
+            },
+    
+            /**
+             * @property {Object} [compress]
+             * @namespace options
+             * @for Uploader
+             * @description 配置压缩的图片的选项。如果此选项为`false`, 则图片在上传前不进行压缩。
+             *
+             * 默认为：
+             *
+             * ```javascript
+             * {
+             *     width: 1600,
+             *     height: 1600,
+             *
+             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
+             *     quality: 90,
+             *
+             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+             *     allowMagnify: false,
+             *
+             *     // 是否允许裁剪。
+             *     crop: false,
+             *
+             *     // 是否保留头部meta信息。
+             *     preserveHeaders: true
+             * }
+             * ```
+             */
+            compress: {
+                width: 1600,
+                height: 1600,
+                quality: 90,
+                allowMagnify: false,
+                crop: false,
+                preserveHeaders: true
+            }
+        });
+    
+        return Uploader.register({
+            'make-thumb': 'makeThumb',
+            'before-send-file': 'compressImage'
+        }, {
+    
+    
+            /**
+             * 生成缩略图，此过程为异步，所以需要传入`callback`。
+             * 通常情况在图片加入队里后调用此方法来生成预览图以增强交互效果。
+             *
+             * `callback`中可以接收到两个参数。
+             * * 第一个为error，如果生成缩略图有错误，此error将为真。
+             * * 第二个为ret, 缩略图的Data URL值。
+             *
+             * **注意**
+             * Date URL在IE6/7中不支持，所以不用调用此方法了，直接显示一张暂不支持预览图片好了。
+             *
+             *
+             * @method makeThumb
+             * @grammar makeThumb( file, callback ) => undefined
+             * @grammar makeThumb( file, callback, width, height ) => undefined
+             * @for Uploader
+             * @example
+             *
+             * uploader.on( 'fileQueued', function( file ) {
+             *     var $li = ...;
+             *
+             *     uploader.makeThumb( file, function( error, ret ) {
+             *         if ( error ) {
+             *             $li.text('预览错误');
+             *         } else {
+             *             $li.append('<img alt="" src="' + ret + '" />');
+             *         }
+             *     });
+             *
+             * });
+             */
+            makeThumb: function( file, cb, width, height ) {
+                var opts, image;
+    
+                file = this.request( 'get-file', file );
+    
+                // 只预览图片格式。
+                if ( !file.type.match( /^image/ ) ) {
+                    cb( true );
+                    return;
+                }
+    
+                opts = $.extend({}, this.options.thumb );
+    
+                // 如果传入的是object.
+                if ( $.isPlainObject( width ) ) {
+                    opts = $.extend( opts, width );
+                    width = null;
+                }
+    
+                width = width || opts.width;
+                height = height || opts.height;
+    
+                image = new Image( opts );
+    
+                image.once( 'load', function() {
+                    file._info = file._info || image.info();
+                    file._meta = file._meta || image.meta();
+                    image.resize( width, height );
+                });
+    
+                image.once( 'complete', function() {
+                    cb( false, image.getAsDataUrl( opts.type ) );
+                    image.destroy();
+                });
+    
+                image.once( 'error', function() {
+                    cb( true );
+                    image.destroy();
+                });
+    
+                throttle( image, file.source.size, function() {
+                    file._info && image.info( file._info );
+                    file._meta && image.meta( file._meta );
+                    image.loadFromBlob( file.source );
+                });
+            },
+    
+            compressImage: function( file ) {
+                var opts = this.options.compress || this.options.resize,
+                    compressSize = opts && opts.compressSize || 300 * 1024,
+                    image, deferred;
+    
+                file = this.request( 'get-file', file );
+    
+                // 只预览图片格式。
+                if ( !opts || !~'image/jpeg,image/jpg'.indexOf( file.type ) ||
+                        file.size < compressSize ||
+                        file._compressed ) {
+                    return;
+                }
+    
+                opts = $.extend({}, opts );
+                deferred = Base.Deferred();
+    
+                image = new Image( opts );
+    
+                deferred.always(function() {
+                    image.destroy();
+                    image = null;
+                });
+                image.once( 'error', deferred.reject );
+                image.once( 'load', function() {
+                    file._info = file._info || image.info();
+                    file._meta = file._meta || image.meta();
+                    image.resize( opts.width, opts.height );
+                });
+    
+                image.once( 'complete', function() {
+                    var blob, size;
+    
+                    // 移动端 UC / qq 浏览器的无图模式下
+                    // ctx.getImageData 处理大图的时候会报 Exception
+                    // INDEX_SIZE_ERR: DOM Exception 1
+                    try {
+                        blob = image.getAsBlob( opts.type );
+    
+                        size = file.size;
+    
+                        // 如果压缩后，比原来还大则不用压缩后的。
+                        if ( blob.size < size ) {
+                            // file.source.destroy && file.source.destroy();
+                            file.source = blob;
+                            file.size = blob.size;
+    
+                            file.trigger( 'resize', blob.size, size );
+                        }
+    
+                        // 标记，避免重复压缩。
+                        file._compressed = true;
+                        deferred.resolve();
+                    } catch ( e ) {
+                        // 出错了直接继续，让其上传原始图片
+                        deferred.resolve();
+                    }
+                });
+    
+                file._info && image.info( file._info );
+                file._meta && image.meta( file._meta );
+    
+                image.loadFromBlob( file.source );
+                return deferred.promise();
+            }
+        });
+    });
+    /**
+     * @fileOverview 文件属性封装
+     */
+    define('file',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$,
+            idPrefix = 'WU_FILE_',
+            idSuffix = 0,
+            rExt = /\.([^.]+)$/,
+            statusMap = {};
+    
+        function gid() {
+            return idPrefix + idSuffix++;
+        }
+    
+        /**
+         * 文件类
+         * @class File
+         * @constructor 构造函数
+         * @grammar new File( source ) => File
+         * @param {Lib.File} source [lib.File](#Lib.File)实例, 此source对象是带有Runtime信息的。
+         */
+        function WUFile( source ) {
+    
+            /**
+             * 文件名，包括扩展名（后缀）
+             * @property name
+             * @type {string}
+             */
+            this.name = source.name || 'Untitled';
+    
+            /**
+             * 文件体积（字节）
+             * @property size
+             * @type {uint}
+             * @default 0
+             */
+            this.size = source.size || 0;
+    
+            /**
+             * 文件MIMETYPE类型，与文件类型的对应关系请参考[http://t.cn/z8ZnFny](http://t.cn/z8ZnFny)
+             * @property type
+             * @type {string}
+             * @default 'application'
+             */
+            this.type = source.type || 'application';
+    
+            /**
+             * 文件最后修改日期
+             * @property lastModifiedDate
+             * @type {int}
+             * @default 当前时间戳
+             */
+            this.lastModifiedDate = source.lastModifiedDate || (new Date() * 1);
+    
+            /**
+             * 文件ID，每个对象具有唯一ID，与文件名无关
+             * @property id
+             * @type {string}
+             */
+            this.id = gid();
+    
+            /**
+             * 文件扩展名，通过文件名获取，例如test.png的扩展名为png
+             * @property ext
+             * @type {string}
+             */
+            this.ext = rExt.exec( this.name ) ? RegExp.$1 : '';
+    
+    
+            /**
+             * 状态文字说明。在不同的status语境下有不同的用途。
+             * @property statusText
+             * @type {string}
+             */
+            this.statusText = '';
+    
+            // 存储文件状态，防止通过属性直接修改
+            statusMap[ this.id ] = WUFile.Status.INITED;
+    
+            this.source = source;
+            this.loaded = 0;
+    
+            this.on( 'error', function( msg ) {
+                this.setStatus( WUFile.Status.ERROR, msg );
+            });
+        }
+    
+        $.extend( WUFile.prototype, {
+    
+            /**
+             * 设置状态，状态变化时会触发`change`事件。
+             * @method setStatus
+             * @grammar setStatus( status[, statusText] );
+             * @param {File.Status|String} status [文件状态值](#WebUploader:File:File.Status)
+             * @param {String} [statusText=''] 状态说明，常在error时使用，用http, abort,server等来标记是由于什么原因导致文件错误。
+             */
+            setStatus: function( status, text ) {
+    
+                var prevStatus = statusMap[ this.id ];
+    
+                typeof text !== 'undefined' && (this.statusText = text);
+    
+                if ( status !== prevStatus ) {
+                    statusMap[ this.id ] = status;
+                    /**
+                     * 文件状态变化
+                     * @event statuschange
+                     */
+                    this.trigger( 'statuschange', status, prevStatus );
+                }
+    
+            },
+    
+            /**
+             * 获取文件状态
+             * @return {File.Status}
+             * @example
+                     文件状态具体包括以下几种类型：
+                     {
+                         // 初始化
+                        INITED:     0,
+                        // 已入队列
+                        QUEUED:     1,
+                        // 正在上传
+                        PROGRESS:     2,
+                        // 上传出错
+                        ERROR:         3,
+                        // 上传成功
+                        COMPLETE:     4,
+                        // 上传取消
+                        CANCELLED:     5
+                    }
+             */
+            getStatus: function() {
+                return statusMap[ this.id ];
+            },
+    
+            /**
+             * 获取文件原始信息。
+             * @return {*}
+             */
+            getSource: function() {
+                return this.source;
+            },
+    
+            destory: function() {
+                delete statusMap[ this.id ];
+            }
+        });
+    
+        Mediator.installTo( WUFile.prototype );
+    
+        /**
+         * 文件状态值，具体包括以下几种类型：
+         * * `inited` 初始状态
+         * * `queued` 已经进入队列, 等待上传
+         * * `progress` 上传中
+         * * `complete` 上传完成。
+         * * `error` 上传出错，可重试
+         * * `interrupt` 上传中断，可续传。
+         * * `invalid` 文件不合格，不能重试上传。会自动从队列中移除。
+         * * `cancelled` 文件被移除。
+         * @property {Object} Status
+         * @namespace File
+         * @class File
+         * @static
+         */
+        WUFile.Status = {
+            INITED:     'inited',    // 初始状态
+            QUEUED:     'queued',    // 已经进入队列, 等待上传
+            PROGRESS:   'progress',    // 上传中
+            ERROR:      'error',    // 上传出错，可重试
+            COMPLETE:   'complete',    // 上传完成。
+            CANCELLED:  'cancelled',    // 上传取消。
+            INTERRUPT:  'interrupt',    // 上传中断，可续传。
+            INVALID:    'invalid'    // 文件不合格，不能重试上传。
+        };
+    
+        return WUFile;
+    });
+    
+    /**
+     * @fileOverview 文件队列
+     */
+    define('queue',[
+        'base',
+        'mediator',
+        'file'
+    ], function( Base, Mediator, WUFile ) {
+    
+        var $ = Base.$,
+            STATUS = WUFile.Status;
+    
+        /**
+         * 文件队列, 用来存储各个状态中的文件。
+         * @class Queue
+         * @extends Mediator
+         */
+        function Queue() {
+    
+            /**
+             * 统计文件数。
+             * * `numOfQueue` 队列中的文件数。
+             * * `numOfSuccess` 上传成功的文件数
+             * * `numOfCancel` 被移除的文件数
+             * * `numOfProgress` 正在上传中的文件数
+             * * `numOfUploadFailed` 上传错误的文件数。
+             * * `numOfInvalid` 无效的文件数。
+             * @property {Object} stats
+             */
+            this.stats = {
+                numOfQueue: 0,
+                numOfSuccess: 0,
+                numOfCancel: 0,
+                numOfProgress: 0,
+                numOfUploadFailed: 0,
+                numOfInvalid: 0
+            };
+    
+            // 上传队列，仅包括等待上传的文件
+            this._queue = [];
+    
+            // 存储所有文件
+            this._map = {};
+        }
+    
+        $.extend( Queue.prototype, {
+    
+            /**
+             * 将新文件加入对队列尾部
+             *
+             * @method append
+             * @param  {File} file   文件对象
+             */
+            append: function( file ) {
+                this._queue.push( file );
+                this._fileAdded( file );
+                return this;
+            },
+    
+            /**
+             * 将新文件加入对队列头部
+             *
+             * @method prepend
+             * @param  {File} file   文件对象
+             */
+            prepend: function( file ) {
+                this._queue.unshift( file );
+                this._fileAdded( file );
+                return this;
+            },
+    
+            /**
+             * 获取文件对象
+             *
+             * @method getFile
+             * @param  {String} fileId   文件ID
+             * @return {File}
+             */
+            getFile: function( fileId ) {
+                if ( typeof fileId !== 'string' ) {
+                    return fileId;
+                }
+                return this._map[ fileId ];
+            },
+    
+            /**
+             * 从队列中取出一个指定状态的文件。
+             * @grammar fetch( status ) => File
+             * @method fetch
+             * @param {String} status [文件状态值](#WebUploader:File:File.Status)
+             * @return {File} [File](#WebUploader:File)
+             */
+            fetch: function( status ) {
+                var len = this._queue.length,
+                    i, file;
+    
+                status = status || STATUS.QUEUED;
+    
+                for ( i = 0; i < len; i++ ) {
+                    file = this._queue[ i ];
+    
+                    if ( status === file.getStatus() ) {
+                        return file;
+                    }
+                }
+    
+                return null;
+            },
+    
+            /**
+             * 对队列进行排序，能够控制文件上传顺序。
+             * @grammar sort( fn ) => undefined
+             * @method sort
+             * @param {Function} fn 排序方法
+             */
+            sort: function( fn ) {
+                if ( typeof fn === 'function' ) {
+                    this._queue.sort( fn );
+                }
+            },
+    
+            /**
+             * 获取指定类型的文件列表, 列表中每一个成员为[File](#WebUploader:File)对象。
+             * @grammar getFiles( [status1[, status2 ...]] ) => Array
+             * @method getFiles
+             * @param {String} [status] [文件状态值](#WebUploader:File:File.Status)
+             */
+            getFiles: function() {
+                var sts = [].slice.call( arguments, 0 ),
+                    ret = [],
+                    i = 0,
+                    len = this._queue.length,
+                    file;
+    
+                for ( ; i < len; i++ ) {
+                    file = this._queue[ i ];
+    
+                    if ( sts.length && !~$.inArray( file.getStatus(), sts ) ) {
+                        continue;
+                    }
+    
+                    ret.push( file );
+                }
+    
+                return ret;
+            },
+    
+            _fileAdded: function( file ) {
+                var me = this,
+                    existing = this._map[ file.id ];
+    
+                if ( !existing ) {
+                    this._map[ file.id ] = file;
+    
+                    file.on( 'statuschange', function( cur, pre ) {
+                        me._onFileStatusChange( cur, pre );
+                    });
+                }
+    
+                file.setStatus( STATUS.QUEUED );
+            },
+    
+            _onFileStatusChange: function( curStatus, preStatus ) {
+                var stats = this.stats;
+    
+                switch ( preStatus ) {
+                    case STATUS.PROGRESS:
+                        stats.numOfProgress--;
+                        break;
+    
+                    case STATUS.QUEUED:
+                        stats.numOfQueue --;
+                        break;
+    
+                    case STATUS.ERROR:
+                        stats.numOfUploadFailed--;
+                        break;
+    
+                    case STATUS.INVALID:
+                        stats.numOfInvalid--;
+                        break;
+                }
+    
+                switch ( curStatus ) {
+                    case STATUS.QUEUED:
+                        stats.numOfQueue++;
+                        break;
+    
+                    case STATUS.PROGRESS:
+                        stats.numOfProgress++;
+                        break;
+    
+                    case STATUS.ERROR:
+                        stats.numOfUploadFailed++;
+                        break;
+    
+                    case STATUS.COMPLETE:
+                        stats.numOfSuccess++;
+                        break;
+    
+                    case STATUS.CANCELLED:
+                        stats.numOfCancel++;
+                        break;
+    
+                    case STATUS.INVALID:
+                        stats.numOfInvalid++;
+                        break;
+                }
+            }
+    
+        });
+    
+        Mediator.installTo( Queue.prototype );
+    
+        return Queue;
+    });
+    /**
+     * @fileOverview 队列
+     */
+    define('widgets/queue',[
+        'base',
+        'uploader',
+        'queue',
+        'file',
+        'lib/file',
+        'runtime/client',
+        'widgets/widget'
+    ], function( Base, Uploader, Queue, WUFile, File, RuntimeClient ) {
+    
+        var $ = Base.$,
+            rExt = /\.\w+$/,
+            Status = WUFile.Status;
+    
+        return Uploader.register({
+            'sort-files': 'sortFiles',
+            'add-file': 'addFiles',
+            'get-file': 'getFile',
+            'fetch-file': 'fetchFile',
+            'get-stats': 'getStats',
+            'get-files': 'getFiles',
+            'remove-file': 'removeFile',
+            'retry': 'retry',
+            'reset': 'reset',
+            'accept-file': 'acceptFile'
+        }, {
+    
+            init: function( opts ) {
+                var me = this,
+                    deferred, len, i, item, arr, accept, runtime;
+    
+                if ( $.isPlainObject( opts.accept ) ) {
+                    opts.accept = [ opts.accept ];
+                }
+    
+                // accept中的中生成匹配正则。
+                if ( opts.accept ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        item = opts.accept[ i ].extensions;
+                        item && arr.push( item );
+                    }
+    
+                    if ( arr.length ) {
+                        accept = '\\.' + arr.join(',')
+                                .replace( /,/g, '$|\\.' )
+                                .replace( /\*/g, '.*' ) + '$';
+                    }
+    
+                    me.accept = new RegExp( accept, 'i' );
+                }
+    
+                me.queue = new Queue();
+                me.stats = me.queue.stats;
+    
+                // 如果当前不是html5运行时，那就算了。
+                // 不执行后续操作
+                if ( this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                // 创建一个 html5 运行时的 placeholder
+                // 以至于外部添加原生 File 对象的时候能正确包裹一下供 webuploader 使用。
+                deferred = Base.Deferred();
+                runtime = new RuntimeClient('Placeholder');
+                runtime.connectRuntime({
+                    runtimeOrder: 'html5'
+                }, function() {
+                    me._ruid = runtime.getRuid();
+                    deferred.resolve();
+                });
+                return deferred.promise();
+            },
+    
+    
+            // 为了支持外部直接添加一个原生File对象。
+            _wrapFile: function( file ) {
+                if ( !(file instanceof WUFile) ) {
+    
+                    if ( !(file instanceof File) ) {
+                        if ( !this._ruid ) {
+                            throw new Error('Can\'t add external files.');
+                        }
+                        file = new File( this._ruid, file );
+                    }
+    
+                    file = new WUFile( file );
+                }
+    
+                return file;
+            },
+    
+            // 判断文件是否可以被加入队列
+            acceptFile: function( file ) {
+                var invalid = !file || file.size < 6 || this.accept &&
+    
+                        // 如果名字中有后缀，才做后缀白名单处理。
+                        rExt.exec( file.name ) && !this.accept.test( file.name );
+    
+                return !invalid;
+            },
+    
+    
+            /**
+             * @event beforeFileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列之前触发，此事件的handler返回值为`false`，则此文件不会被添加进入队列。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event fileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列以后触发。
+             * @for  Uploader
+             */
+    
+            _addFile: function( file ) {
+                var me = this;
+    
+                file = me._wrapFile( file );
+    
+                // 不过类型判断允许不允许，先派送 `beforeFileQueued`
+                if ( !me.owner.trigger( 'beforeFileQueued', file ) ) {
+                    return;
+                }
+    
+                // 类型不匹配，则派送错误事件，并返回。
+                if ( !me.acceptFile( file ) ) {
+                    me.owner.trigger( 'error', 'Q_TYPE_DENIED', file );
+                    return;
+                }
+    
+                me.queue.append( file );
+                me.owner.trigger( 'fileQueued', file );
+                return file;
+            },
+    
+            getFile: function( fileId ) {
+                return this.queue.getFile( fileId );
+            },
+    
+            /**
+             * @event filesQueued
+             * @param {File} files 数组，内容为原始File(lib/File）对象。
+             * @description 当一批文件添加进队列以后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method addFiles
+             * @grammar addFiles( file ) => undefined
+             * @grammar addFiles( [file1, file2 ...] ) => undefined
+             * @param {Array of File or File} [files] Files 对象 数组
+             * @description 添加文件到队列
+             * @for  Uploader
+             */
+            addFiles: function( files ) {
+                var me = this;
+    
+                if ( !files.length ) {
+                    files = [ files ];
+                }
+    
+                files = $.map( files, function( file ) {
+                    return me._addFile( file );
+                });
+    
+                me.owner.trigger( 'filesQueued', files );
+    
+                if ( me.options.auto ) {
+                    me.request('start-upload');
+                }
+            },
+    
+            getStats: function() {
+                return this.stats;
+            },
+    
+            /**
+             * @event fileDequeued
+             * @param {File} file File对象
+             * @description 当文件被移除队列后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method removeFile
+             * @grammar removeFile( file ) => undefined
+             * @grammar removeFile( id ) => undefined
+             * @param {File|id} file File对象或这File对象的id
+             * @description 移除某一文件。
+             * @for  Uploader
+             * @example
+             *
+             * $li.on('click', '.remove-this', function() {
+             *     uploader.removeFile( file );
+             * })
+             */
+            removeFile: function( file ) {
+                var me = this;
+    
+                file = file.id ? file : me.queue.getFile( file );
+    
+                file.setStatus( Status.CANCELLED );
+                me.owner.trigger( 'fileDequeued', file );
+            },
+    
+            /**
+             * @method getFiles
+             * @grammar getFiles() => Array
+             * @grammar getFiles( status1, status2, status... ) => Array
+             * @description 返回指定状态的文件集合，不传参数将返回所有状态的文件。
+             * @for  Uploader
+             * @example
+             * console.log( uploader.getFiles() );    // => all files
+             * console.log( uploader.getFiles('error') )    // => all error files.
+             */
+            getFiles: function() {
+                return this.queue.getFiles.apply( this.queue, arguments );
+            },
+    
+            fetchFile: function() {
+                return this.queue.fetch.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method retry
+             * @grammar retry() => undefined
+             * @grammar retry( file ) => undefined
+             * @description 重试上传，重试指定文件，或者从出错的文件开始重新上传。
+             * @for  Uploader
+             * @example
+             * function retry() {
+             *     uploader.retry();
+             * }
+             */
+            retry: function( file, noForceStart ) {
+                var me = this,
+                    files, i, len;
+    
+                if ( file ) {
+                    file = file.id ? file : me.queue.getFile( file );
+                    file.setStatus( Status.QUEUED );
+                    noForceStart || me.request('start-upload');
+                    return;
+                }
+    
+                files = me.queue.getFiles( Status.ERROR );
+                i = 0;
+                len = files.length;
+    
+                for ( ; i < len; i++ ) {
+                    file = files[ i ];
+                    file.setStatus( Status.QUEUED );
+                }
+    
+                me.request('start-upload');
+            },
+    
+            /**
+             * @method sort
+             * @grammar sort( fn ) => undefined
+             * @description 排序队列中的文件，在上传之前调整可以控制上传顺序。
+             * @for  Uploader
+             */
+            sortFiles: function() {
+                return this.queue.sort.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method reset
+             * @grammar reset() => undefined
+             * @description 重置uploader。目前只重置了队列。
+             * @for  Uploader
+             * @example
+             * uploader.reset();
+             */
+            reset: function() {
+                this.queue = new Queue();
+                this.stats = this.queue.stats;
+            }
+        });
+    
+    });
+    /**
+     * @fileOverview 添加获取Runtime相关信息的方法。
+     */
+    define('widgets/runtime',[
+        'uploader',
+        'runtime/runtime',
+        'widgets/widget'
+    ], function( Uploader, Runtime ) {
+    
+        Uploader.support = function() {
+            return Runtime.hasRuntime.apply( Runtime, arguments );
+        };
+    
+        return Uploader.register({
+            'predict-runtime-type': 'predictRuntmeType'
+        }, {
+    
+            init: function() {
+                if ( !this.predictRuntmeType() ) {
+                    throw Error('Runtime Error');
+                }
+            },
+    
+            /**
+             * 预测Uploader将采用哪个`Runtime`
+             * @grammar predictRuntmeType() => String
+             * @method predictRuntmeType
+             * @for  Uploader
+             */
+            predictRuntmeType: function() {
+                var orders = this.options.runtimeOrder || Runtime.orders,
+                    type = this.type,
+                    i, len;
+    
+                if ( !type ) {
+                    orders = orders.split( /\s*,\s*/g );
+    
+                    for ( i = 0, len = orders.length; i < len; i++ ) {
+                        if ( Runtime.hasRuntime( orders[ i ] ) ) {
+                            this.type = type = orders[ i ];
+                            break;
+                        }
+                    }
+                }
+    
+                return type;
+            }
+        });
+    });
+    /**
+     * @fileOverview Transport
+     */
+    define('lib/transport',[
+        'base',
+        'runtime/client',
+        'mediator'
+    ], function( Base, RuntimeClient, Mediator ) {
+    
+        var $ = Base.$;
+    
+        function Transport( opts ) {
+            var me = this;
+    
+            opts = me.options = $.extend( true, {}, Transport.options, opts || {} );
+            RuntimeClient.call( this, 'Transport' );
+    
+            this._blob = null;
+            this._formData = opts.formData || {};
+            this._headers = opts.headers || {};
+    
+            this.on( 'progress', this._timeout );
+            this.on( 'load error', function() {
+                me.trigger( 'progress', 1 );
+                clearTimeout( me._timer );
+            });
+        }
+    
+        Transport.options = {
+            server: '',
+            method: 'POST',
+    
+            // 跨域时，是否允许携带cookie, 只有html5 runtime才有效
+            withCredentials: false,
+            fileVal: 'file',
+            timeout: 2 * 60 * 1000,    // 2分钟
+            formData: {},
+            headers: {},
+            sendAsBinary: false
+        };
+    
+        $.extend( Transport.prototype, {
+    
+            // 添加Blob, 只能添加一次，最后一次有效。
+            appendBlob: function( key, blob, filename ) {
+                var me = this,
+                    opts = me.options;
+    
+                if ( me.getRuid() ) {
+                    me.disconnectRuntime();
+                }
+    
+                // 连接到blob归属的同一个runtime.
+                me.connectRuntime( blob.ruid, function() {
+                    me.exec('init');
+                });
+    
+                me._blob = blob;
+                opts.fileVal = key || opts.fileVal;
+                opts.filename = filename || opts.filename;
+            },
+    
+            // 添加其他字段
+            append: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._formData, key );
+                } else {
+                    this._formData[ key ] = value;
+                }
+            },
+    
+            setRequestHeader: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._headers, key );
+                } else {
+                    this._headers[ key ] = value;
+                }
+            },
+    
+            send: function( method ) {
+                this.exec( 'send', method );
+                this._timeout();
+            },
+    
+            abort: function() {
+                clearTimeout( this._timer );
+                return this.exec('abort');
+            },
+    
+            destroy: function() {
+                this.trigger('destroy');
+                this.off();
+                this.exec('destroy');
+                this.disconnectRuntime();
+            },
+    
+            getResponse: function() {
+                return this.exec('getResponse');
+            },
+    
+            getResponseAsJson: function() {
+                return this.exec('getResponseAsJson');
+            },
+    
+            getStatus: function() {
+                return this.exec('getStatus');
+            },
+    
+            _timeout: function() {
+                var me = this,
+                    duration = me.options.timeout;
+    
+                if ( !duration ) {
+                    return;
+                }
+    
+                clearTimeout( me._timer );
+                me._timer = setTimeout(function() {
+                    me.abort();
+                    me.trigger( 'error', 'timeout' );
+                }, duration );
+            }
+    
+        });
+    
+        // 让Transport具备事件功能。
+        Mediator.installTo( Transport.prototype );
+    
+        return Transport;
+    });
+    /**
+     * @fileOverview 负责文件上传相关。
+     */
+    define('widgets/upload',[
+        'base',
+        'uploader',
+        'file',
+        'lib/transport',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile, Transport ) {
+    
+        var $ = Base.$,
+            isPromise = Base.isPromise,
+            Status = WUFile.Status;
+    
+        // 添加默认配置项
+        $.extend( Uploader.options, {
+    
+    
+            /**
+             * @property {Boolean} [prepareNextFile=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否允许在文件传输时提前把下一个文件准备好。
+             * 对于一个文件的准备工作比较耗时，比如图片压缩，md5序列化。
+             * 如果能提前在当前文件传输期处理，可以节省总体耗时。
+             */
+            prepareNextFile: false,
+    
+            /**
+             * @property {Boolean} [chunked=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否要分片处理大文件上传。
+             */
+            chunked: false,
+    
+            /**
+             * @property {Boolean} [chunkSize=5242880]
+             * @namespace options
+             * @for Uploader
+             * @description 如果要分片，分多大一片？ 默认大小为5M.
+             */
+            chunkSize: 5 * 1024 * 1024,
+    
+            /**
+             * @property {Boolean} [chunkRetry=2]
+             * @namespace options
+             * @for Uploader
+             * @description 如果某个分片由于网络问题出错，允许自动重传多少次？
+             */
+            chunkRetry: 2,
+    
+            /**
+             * @property {Boolean} [threads=3]
+             * @namespace options
+             * @for Uploader
+             * @description 上传并发数。允许同时最大上传进程数。
+             */
+            threads: 3,
+    
+    
+            /**
+             * @property {Object} [formData]
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传请求的参数表，每次发送都会发送此对象中的参数。
+             */
+            formData: null
+    
+            /**
+             * @property {Object} [fileVal='file']
+             * @namespace options
+             * @for Uploader
+             * @description 设置文件上传域的name。
+             */
+    
+            /**
+             * @property {Object} [method='POST']
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传方式，`POST`或者`GET`。
+             */
+    
+            /**
+             * @property {Object} [sendAsBinary=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否已二进制的流的方式发送文件，这样整个上传内容`php://input`都为文件内容，
+             * 其他参数在$_GET数组中。
+             */
+        });
+    
+        // 负责将文件切片。
+        function CuteFile( file, chunkSize ) {
+            var pending = [],
+                blob = file.source,
+                total = blob.size,
+                chunks = chunkSize ? Math.ceil( total / chunkSize ) : 1,
+                start = 0,
+                index = 0,
+                len;
+    
+            while ( index < chunks ) {
+                len = Math.min( chunkSize, total - start );
+    
+                pending.push({
+                    file: file,
+                    start: start,
+                    end: chunkSize ? (start + len) : total,
+                    total: total,
+                    chunks: chunks,
+                    chunk: index++
+                });
+                start += len;
+            }
+    
+            file.blocks = pending.concat();
+            file.remaning = pending.length;
+    
+            return {
+                file: file,
+    
+                has: function() {
+                    return !!pending.length;
+                },
+    
+                fetch: function() {
+                    return pending.shift();
+                }
+            };
+        }
+    
+        Uploader.register({
+            'start-upload': 'start',
+            'stop-upload': 'stop',
+            'skip-file': 'skipFile',
+            'is-in-progress': 'isInProgress'
+        }, {
+    
+            init: function() {
+                var owner = this.owner;
+    
+                this.runing = false;
+    
+                // 记录当前正在传的数据，跟threads相关
+                this.pool = [];
+    
+                // 缓存即将上传的文件。
+                this.pending = [];
+    
+                // 跟踪还有多少分片没有完成上传。
+                this.remaning = 0;
+                this.__tick = Base.bindFn( this._tick, this );
+    
+                owner.on( 'uploadComplete', function( file ) {
+                    // 把其他块取消了。
+                    file.blocks && $.each( file.blocks, function( _, v ) {
+                        v.transport && (v.transport.abort(), v.transport.destroy());
+                        delete v.transport;
+                    });
+    
+                    delete file.blocks;
+                    delete file.remaning;
+                });
+            },
+    
+            /**
+             * @event startUpload
+             * @description 当开始上传流程时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 开始上传。此方法可以从初始状态调用开始上传流程，也可以从暂停状态调用，继续上传流程。
+             * @grammar upload() => undefined
+             * @method upload
+             * @for  Uploader
+             */
+            start: function() {
+                var me = this;
+    
+                // 移出invalid的文件
+                $.each( me.request( 'get-files', Status.INVALID ), function() {
+                    me.request( 'remove-file', this );
+                });
+    
+                if ( me.runing ) {
+                    return;
+                }
+    
+                me.runing = true;
+    
+                // 如果有暂停的，则续传
+                $.each( me.pool, function( _, v ) {
+                    var file = v.file;
+    
+                    if ( file.getStatus() === Status.INTERRUPT ) {
+                        file.setStatus( Status.PROGRESS );
+                        me._trigged = false;
+                        v.transport && v.transport.send();
+                    }
+                });
+    
+                me._trigged = false;
+                me.owner.trigger('startUpload');
+                Base.nextTick( me.__tick );
+            },
+    
+            /**
+             * @event stopUpload
+             * @description 当开始上传流程暂停时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 暂停上传。第一个参数为是否中断上传当前正在上传的文件。
+             * @grammar stop() => undefined
+             * @grammar stop( true ) => undefined
+             * @method stop
+             * @for  Uploader
+             */
+            stop: function( interrupt ) {
+                var me = this;
+    
+                if ( me.runing === false ) {
+                    return;
+                }
+    
+                me.runing = false;
+    
+                interrupt && $.each( me.pool, function( _, v ) {
+                    v.transport && v.transport.abort();
+                    v.file.setStatus( Status.INTERRUPT );
+                });
+    
+                me.owner.trigger('stopUpload');
+            },
+    
+            /**
+             * 判断`Uplaode`r是否正在上传中。
+             * @grammar isInProgress() => Boolean
+             * @method isInProgress
+             * @for  Uploader
+             */
+            isInProgress: function() {
+                return !!this.runing;
+            },
+    
+            getStats: function() {
+                return this.request('get-stats');
+            },
+    
+            /**
+             * 掉过一个文件上传，直接标记指定文件为已上传状态。
+             * @grammar skipFile( file ) => undefined
+             * @method skipFile
+             * @for  Uploader
+             */
+            skipFile: function( file, status ) {
+                file = this.request( 'get-file', file );
+    
+                file.setStatus( status || Status.COMPLETE );
+                file.skipped = true;
+    
+                // 如果正在上传。
+                file.blocks && $.each( file.blocks, function( _, v ) {
+                    var _tr = v.transport;
+    
+                    if ( _tr ) {
+                        _tr.abort();
+                        _tr.destroy();
+                        delete v.transport;
+                    }
+                });
+    
+                this.owner.trigger( 'uploadSkip', file );
+            },
+    
+            /**
+             * @event uploadFinished
+             * @description 当所有文件上传结束时触发。
+             * @for  Uploader
+             */
+            _tick: function() {
+                var me = this,
+                    opts = me.options,
+                    fn, val;
+    
+                // 上一个promise还没有结束，则等待完成后再执行。
+                if ( me._promise ) {
+                    return me._promise.always( me.__tick );
+                }
+    
+                // 还有位置，且还有文件要处理的话。
+                if ( me.pool.length < opts.threads && (val = me._nextBlock()) ) {
+                    me._trigged = false;
+    
+                    fn = function( val ) {
+                        me._promise = null;
+    
+                        // 有可能是reject过来的，所以要检测val的类型。
+                        val && val.file && me._startSend( val );
+                        Base.nextTick( me.__tick );
+                    };
+    
+                    me._promise = isPromise( val ) ? val.always( fn ) : fn( val );
+    
+                // 没有要上传的了，且没有正在传输的了。
+                } else if ( !me.remaning && !me.getStats().numOfQueue ) {
+                    me.runing = false;
+    
+                    me._trigged || Base.nextTick(function() {
+                        me.owner.trigger('uploadFinished');
+                    });
+                    me._trigged = true;
+                }
+            },
+    
+            _nextBlock: function() {
+                var me = this,
+                    act = me._act,
+                    opts = me.options,
+                    next, done;
+    
+                // 如果当前文件还有没有需要传输的，则直接返回剩下的。
+                if ( act && act.has() &&
+                        act.file.getStatus() === Status.PROGRESS ) {
+    
+                    // 是否提前准备下一个文件
+                    if ( opts.prepareNextFile && !me.pending.length ) {
+                        me._prepareNextFile();
+                    }
+    
+                    return act.fetch();
+    
+                // 否则，如果正在运行，则准备下一个文件，并等待完成后返回下个分片。
+                } else if ( me.runing ) {
+    
+                    // 如果缓存中有，则直接在缓存中取，没有则去queue中取。
+                    if ( !me.pending.length && me.getStats().numOfQueue ) {
+                        me._prepareNextFile();
+                    }
+    
+                    next = me.pending.shift();
+                    done = function( file ) {
+                        if ( !file ) {
+                            return null;
+                        }
+    
+                        act = CuteFile( file, opts.chunked ? opts.chunkSize : 0 );
+                        me._act = act;
+                        return act.fetch();
+                    };
+    
+                    // 文件可能还在prepare中，也有可能已经完全准备好了。
+                    return isPromise( next ) ?
+                            next[ next.pipe ? 'pipe' : 'then']( done ) :
+                            done( next );
+                }
+            },
+    
+    
+            /**
+             * @event uploadStart
+             * @param {File} file File对象
+             * @description 某个文件开始上传前触发，一个文件只会触发一次。
+             * @for  Uploader
+             */
+            _prepareNextFile: function() {
+                var me = this,
+                    file = me.request('fetch-file'),
+                    pending = me.pending,
+                    promise;
+    
+                if ( file ) {
+                    promise = me.request( 'before-send-file', file, function() {
+    
+                        // 有可能文件被skip掉了。文件被skip掉后，状态坑定不是Queued.
+                        if ( file.getStatus() === Status.QUEUED ) {
+                            me.owner.trigger( 'uploadStart', file );
+                            file.setStatus( Status.PROGRESS );
+                            return file;
+                        }
+    
+                        return me._finishFile( file );
+                    });
+    
+                    // 如果还在pending中，则替换成文件本身。
+                    promise.done(function() {
+                        var idx = $.inArray( promise, pending );
+    
+                        ~idx && pending.splice( idx, 1, file );
+                    });
+    
+                    // befeore-send-file的钩子就有错误发生。
+                    promise.fail(function( reason ) {
+                        file.setStatus( Status.ERROR, reason );
+                        me.owner.trigger( 'uploadError', file, reason );
+                        me.owner.trigger( 'uploadComplete', file );
+                    });
+    
+                    pending.push( promise );
+                }
+            },
+    
+            // 让出位置了，可以让其他分片开始上传
+            _popBlock: function( block ) {
+                var idx = $.inArray( block, this.pool );
+    
+                this.pool.splice( idx, 1 );
+                block.file.remaning--;
+                this.remaning--;
+            },
+    
+            // 开始上传，可以被掉过。如果promise被reject了，则表示跳过此分片。
+            _startSend: function( block ) {
+                var me = this,
+                    file = block.file,
+                    promise;
+    
+                me.pool.push( block );
+                me.remaning++;
+    
+                // 如果没有分片，则直接使用原始的。
+                // 不会丢失content-type信息。
+                block.blob = block.chunks === 1 ? file.source :
+                        file.source.slice( block.start, block.end );
+    
+                // hook, 每个分片发送之前可能要做些异步的事情。
+                promise = me.request( 'before-send', block, function() {
+    
+                    // 有可能文件已经上传出错了，所以不需要再传输了。
+                    if ( file.getStatus() === Status.PROGRESS ) {
+                        me._doSend( block );
+                    } else {
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+    
+                // 如果为fail了，则跳过此分片。
+                promise.fail(function() {
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file ).always(function() {
+                            block.percentage = 1;
+                            me._popBlock( block );
+                            me.owner.trigger( 'uploadComplete', file );
+                            Base.nextTick( me.__tick );
+                        });
+                    } else {
+                        block.percentage = 1;
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+            },
+    
+    
+            /**
+             * @event uploadBeforeSend
+             * @param {Object} object
+             * @param {Object} data 默认的上传参数，可以扩展此对象来控制上传参数。
+             * @description 当某个文件的分块在发送前触发，主要用来询问是否要添加附带参数，大文件在开起分片上传的前提下此事件可能会触发多次。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadAccept
+             * @param {Object} object
+             * @param {Object} ret 服务端的返回数据，json格式，如果服务端不是json格式，从ret._raw中取数据，自行解析。
+             * @description 当某个文件上传到服务端响应后，会派送此事件来询问服务端响应是否有效。如果此事件handler返回值为`false`, 则此文件将派送`server`类型的`uploadError`事件。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadProgress
+             * @param {File} file File对象
+             * @param {Number} percentage 上传进度
+             * @description 上传过程中触发，携带上传进度。
+             * @for  Uploader
+             */
+    
+    
+            /**
+             * @event uploadError
+             * @param {File} file File对象
+             * @param {String} reason 出错的code
+             * @description 当文件上传出错时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadSuccess
+             * @param {File} file File对象
+             * @param {Object} response 服务端返回的数据
+             * @description 当文件上传成功时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadComplete
+             * @param {File} [file] File对象
+             * @description 不管成功或者失败，文件上传完成时触发。
+             * @for  Uploader
+             */
+    
+            // 做上传操作。
+            _doSend: function( block ) {
+                var me = this,
+                    owner = me.owner,
+                    opts = me.options,
+                    file = block.file,
+                    tr = new Transport( opts ),
+                    data = $.extend({}, opts.formData ),
+                    headers = $.extend({}, opts.headers ),
+                    requestAccept, ret;
+    
+                block.transport = tr;
+    
+                tr.on( 'destroy', function() {
+                    delete block.transport;
+                    me._popBlock( block );
+                    Base.nextTick( me.__tick );
+                });
+    
+                // 广播上传进度。以文件为单位。
+                tr.on( 'progress', function( percentage ) {
+                    var totalPercent = 0,
+                        uploaded = 0;
+    
+                    // 可能没有abort掉，progress还是执行进来了。
+                    // if ( !file.blocks ) {
+                    //     return;
+                    // }
+    
+                    totalPercent = block.percentage = percentage;
+    
+                    if ( block.chunks > 1 ) {    // 计算文件的整体速度。
+                        $.each( file.blocks, function( _, v ) {
+                            uploaded += (v.percentage || 0) * (v.end - v.start);
+                        });
+    
+                        totalPercent = uploaded / file.size;
+                    }
+    
+                    owner.trigger( 'uploadProgress', file, totalPercent || 0 );
+                });
+    
+                // 用来询问，是否返回的结果是有错误的。
+                requestAccept = function( reject ) {
+                    var fn;
+    
+                    ret = tr.getResponseAsJson() || {};
+                    ret._raw = tr.getResponse();
+                    fn = function( value ) {
+                        reject = value;
+                    };
+    
+                    // 服务端响应了，不代表成功了，询问是否响应正确。
+                    if ( !owner.trigger( 'uploadAccept', block, ret, fn ) ) {
+                        reject = reject || 'server';
+                    }
+    
+                    return reject;
+                };
+    
+                // 尝试重试，然后广播文件上传出错。
+                tr.on( 'error', function( type, flag ) {
+                    block.retried = block.retried || 0;
+    
+                    // 自动重试
+                    if ( block.chunks > 1 && ~'http,abort'.indexOf( type ) &&
+                            block.retried < opts.chunkRetry ) {
+    
+                        block.retried++;
+                        tr.send();
+    
+                    } else {
+    
+                        // http status 500 ~ 600
+                        if ( !flag && type === 'server' ) {
+                            type = requestAccept( type );
+                        }
+    
+                        file.setStatus( Status.ERROR, type );
+                        owner.trigger( 'uploadError', file, type );
+                        owner.trigger( 'uploadComplete', file );
+                    }
+                });
+    
+                // 上传成功
+                tr.on( 'load', function() {
+                    var reason;
+    
+                    // 如果非预期，转向上传出错。
+                    if ( (reason = requestAccept()) ) {
+                        tr.trigger( 'error', reason, true );
+                        return;
+                    }
+    
+                    // 全部上传完成。
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file, ret );
+                    } else {
+                        tr.destroy();
+                    }
+                });
+    
+                // 配置默认的上传字段。
+                data = $.extend( data, {
+                    id: file.id,
+                    name: file.name,
+                    type: file.type,
+                    lastModifiedDate: file.lastModifiedDate,
+                    size: file.size
+                });
+    
+                block.chunks > 1 && $.extend( data, {
+                    chunks: block.chunks,
+                    chunk: block.chunk
+                });
+    
+                // 在发送之间可以添加字段什么的。。。
+                // 如果默认的字段不够使用，可以通过监听此事件来扩展
+                owner.trigger( 'uploadBeforeSend', block, data, headers );
+    
+                // 开始发送。
+                tr.appendBlob( opts.fileVal, block.blob, file.name );
+                tr.append( data );
+                tr.setRequestHeader( headers );
+                tr.send();
+            },
+    
+            // 完成上传。
+            _finishFile: function( file, ret, hds ) {
+                var owner = this.owner;
+    
+                return owner
+                        .request( 'after-send-file', arguments, function() {
+                            file.setStatus( Status.COMPLETE );
+                            owner.trigger( 'uploadSuccess', file, ret, hds );
+                        })
+                        .fail(function( reason ) {
+    
+                            // 如果外部已经标记为invalid什么的，不再改状态。
+                            if ( file.getStatus() === Status.PROGRESS ) {
+                                file.setStatus( Status.ERROR, reason );
+                            }
+    
+                            owner.trigger( 'uploadError', file, reason );
+                        })
+                        .always(function() {
+                            owner.trigger( 'uploadComplete', file );
+                        });
+            }
+    
+        });
+    });
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/compbase',[],function() {
+    
+        function CompBase( owner, runtime ) {
+    
+            this.owner = owner;
+            this.options = owner.options;
+    
+            this.getRuntime = function() {
+                return runtime;
+            };
+    
+            this.getRuid = function() {
+                return runtime.uid;
+            };
+    
+            this.trigger = function() {
+                return owner.trigger.apply( owner, arguments );
+            };
+        }
+    
+        return CompBase;
+    });
+    /**
+     * @fileOverview Html5Runtime
+     */
+    define('runtime/html5/runtime',[
+        'base',
+        'runtime/runtime',
+        'runtime/compbase'
+    ], function( Base, Runtime, CompBase ) {
+    
+        var type = 'html5',
+            components = {};
+    
+        function Html5Runtime() {
+            var pool = {},
+                me = this,
+                destory = this.destory;
+    
+            Runtime.apply( me, arguments );
+            me.type = type;
+    
+    
+            // 这个方法的调用者，实际上是RuntimeClient
+            me.exec = function( comp, fn/*, args...*/) {
+                var client = this,
+                    uid = client.uid,
+                    args = Base.slice( arguments, 2 ),
+                    instance;
+    
+                if ( components[ comp ] ) {
+                    instance = pool[ uid ] = pool[ uid ] ||
+                            new components[ comp ]( client, me );
+    
+                    if ( instance[ fn ] ) {
+                        return instance[ fn ].apply( instance, args );
+                    }
+                }
+            };
+    
+            me.destory = function() {
+                // @todo 删除池子中的所有实例
+                return destory && destory.apply( this, arguments );
+            };
+        }
+    
+        Base.inherits( Runtime, {
+            constructor: Html5Runtime,
+    
+            // 不需要连接其他程序，直接执行callback
+            init: function() {
+                var me = this;
+                setTimeout(function() {
+                    me.trigger('ready');
+                }, 1 );
+            }
+    
+        });
+    
+        // 注册Components
+        Html5Runtime.register = function( name, component ) {
+            var klass = components[ name ] = Base.inherits( CompBase, component );
+            return klass;
+        };
+    
+        // 注册html5运行时。
+        // 只有在支持的前提下注册。
+        if ( window.Blob && window.FileReader && window.DataView ) {
+            Runtime.addRuntime( type, Html5Runtime );
+        }
+    
+        return Html5Runtime;
+    });
+    /**
+     * @fileOverview Blob Html实现
+     */
+    define('runtime/html5/blob',[
+        'runtime/html5/runtime',
+        'lib/blob'
+    ], function( Html5Runtime, Blob ) {
+    
+        return Html5Runtime.register( 'Blob', {
+            slice: function( start, end ) {
+                var blob = this.owner.source,
+                    slice = blob.slice || blob.webkitSlice || blob.mozSlice;
+    
+                blob = slice.call( blob, start, end );
+    
+                return new Blob( this.getRuid(), blob );
+            }
+        });
+    });
+    /**
+     * @fileOverview FilePicker
+     */
+    define('runtime/html5/filepicker',[
+        'base',
+        'runtime/html5/runtime'
+    ], function( Base, Html5Runtime ) {
+    
+        var $ = Base.$;
+    
+        return Html5Runtime.register( 'FilePicker', {
+            init: function() {
+                var container = this.getRuntime().getContainer(),
+                    me = this,
+                    owner = me.owner,
+                    opts = me.options,
+                    lable = $( document.createElement('label') ),
+                    input = $( document.createElement('input') ),
+                    arr, i, len, mouseHandler;
+    
+                input.attr( 'type', 'file' );
+                input.attr( 'name', opts.name );
+                input.addClass('webuploader-element-invisible');
+    
+                lable.on( 'click', function() {
+                    input.trigger('click');
+                });
+    
+                lable.css({
+                    opacity: 0,
+                    width: '100%',
+                    height: '100%',
+                    display: 'block',
+                    cursor: 'pointer',
+                    background: '#ffffff'
+                });
+    
+                if ( opts.multiple ) {
+                    input.attr( 'multiple', 'multiple' );
+                }
+    
+                // @todo Firefox不支持单独指定后缀
+                if ( opts.accept && opts.accept.length > 0 ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        arr.push( opts.accept[ i ].mimeTypes );
+                    }
+    
+                    input.attr( 'accept', arr.join(',') );
+                }
+    
+                container.append( input );
+                container.append( lable );
+    
+                mouseHandler = function( e ) {
+                    owner.trigger( e.type );
+                };
+    
+                input.on( 'change', function( e ) {
+                    var fn = arguments.callee,
+                        clone;
+    
+                    me.files = e.target.files;
+    
+                    // reset input
+                    clone = this.cloneNode( true );
+                    this.parentNode.replaceChild( clone, this );
+    
+                    input.off();
+                    input = $( clone ).on( 'change', fn )
+                            .on( 'mouseenter mouseleave', mouseHandler );
+    
+                    owner.trigger('change');
+                });
+    
+                lable.on( 'mouseenter mouseleave', mouseHandler );
+    
+            },
+    
+    
+            getFiles: function() {
+                return this.files;
+            },
+    
+            destroy: function() {
+                // todo
+            }
+        });
+    });
+    /**
+     * Terms:
+     *
+     * Uint8Array, FileReader, BlobBuilder, atob, ArrayBuffer
+     * @fileOverview Image控件
+     */
+    define('runtime/html5/util',[
+        'base'
+    ], function( Base ) {
+    
+        var urlAPI = window.createObjectURL && window ||
+                window.URL && URL.revokeObjectURL && URL ||
+                window.webkitURL,
+            createObjectURL = Base.noop,
+            revokeObjectURL = createObjectURL;
+    
+        if ( urlAPI ) {
+    
+            // 更安全的方式调用，比如android里面就能把context改成其他的对象。
+            createObjectURL = function() {
+                return urlAPI.createObjectURL.apply( urlAPI, arguments );
+            };
+    
+            revokeObjectURL = function() {
+                return urlAPI.revokeObjectURL.apply( urlAPI, arguments );
+            };
+        }
+    
+        return {
+            createObjectURL: createObjectURL,
+            revokeObjectURL: revokeObjectURL,
+    
+            dataURL2Blob: function( dataURI ) {
+                var byteStr, intArray, ab, i, mimetype, parts;
+    
+                parts = dataURI.split(',');
+    
+                if ( ~parts[ 0 ].indexOf('base64') ) {
+                    byteStr = atob( parts[ 1 ] );
+                } else {
+                    byteStr = decodeURIComponent( parts[ 1 ] );
+                }
+    
+                ab = new ArrayBuffer( byteStr.length );
+                intArray = new Uint8Array( ab );
+    
+                for ( i = 0; i < byteStr.length; i++ ) {
+                    intArray[ i ] = byteStr.charCodeAt( i );
+                }
+    
+                mimetype = parts[ 0 ].split(':')[ 1 ].split(';')[ 0 ];
+    
+                return this.arrayBufferToBlob( ab, mimetype );
+            },
+    
+            dataURL2ArrayBuffer: function( dataURI ) {
+                var byteStr, intArray, i, parts;
+    
+                parts = dataURI.split(',');
+    
+                if ( ~parts[ 0 ].indexOf('base64') ) {
+                    byteStr = atob( parts[ 1 ] );
+                } else {
+                    byteStr = decodeURIComponent( parts[ 1 ] );
+                }
+    
+                intArray = new Uint8Array( byteStr.length );
+    
+                for ( i = 0; i < byteStr.length; i++ ) {
+                    intArray[ i ] = byteStr.charCodeAt( i );
+                }
+    
+                return intArray.buffer;
+            },
+    
+            arrayBufferToBlob: function( buffer, type ) {
+                var builder = window.BlobBuilder || window.WebKitBlobBuilder,
+                    bb;
+    
+                // android不支持直接new Blob, 只能借助blobbuilder.
+                if ( builder ) {
+                    bb = new builder();
+                    bb.append( buffer );
+                    return bb.getBlob( type );
+                }
+    
+                return new Blob([ buffer ], type ? { type: type } : {} );
+            },
+    
+            // 抽出来主要是为了解决android下面canvas.toDataUrl不支持jpeg.
+            // 你得到的结果是png.
+            canvasToDataUrl: function( canvas, type, quality ) {
+                return canvas.toDataURL( type, quality / 100 );
+            },
+    
+            // imagemeat会复写这个方法，如果用户选择加载那个文件了的话。
+            parseMeta: function( blob, callback ) {
+                callback( false, {});
+            },
+    
+            // imagemeat会复写这个方法，如果用户选择加载那个文件了的话。
+            updateImageHead: function( data ) {
+                return data;
+            }
+        };
+    });
+    /**
+     * Terms:
+     *
+     * Uint8Array, FileReader, BlobBuilder, atob, ArrayBuffer
+     * @fileOverview Image控件
+     */
+    define('runtime/html5/imagemeta',[
+        'runtime/html5/util'
+    ], function( Util ) {
+    
+        var api;
+    
+        api = {
+            parsers: {
+                0xffe1: []
+            },
+    
+            maxMetaDataSize: 262144,
+    
+            parse: function( blob, cb ) {
+                var me = this,
+                    fr = new FileReader();
+    
+                fr.onload = function() {
+                    cb( false, me._parse( this.result ) );
+                    fr = fr.onload = fr.onerror = null;
+                };
+    
+                fr.onerror = function( e ) {
+                    cb( e.message );
+                    fr = fr.onload = fr.onerror = null;
+                };
+    
+                blob = blob.slice( 0, me.maxMetaDataSize );
+                fr.readAsArrayBuffer( blob.getSource() );
+            },
+    
+            _parse: function( buffer, noParse ) {
+                if ( buffer.byteLength < 6 ) {
+                    return;
+                }
+    
+                var dataview = new DataView( buffer ),
+                    offset = 2,
+                    maxOffset = dataview.byteLength - 4,
+                    headLength = offset,
+                    ret = {},
+                    markerBytes, markerLength, parsers, i;
+    
+                if ( dataview.getUint16( 0 ) === 0xffd8 ) {
+    
+                    while ( offset < maxOffset ) {
+                        markerBytes = dataview.getUint16( offset );
+    
+                        if ( markerBytes >= 0xffe0 && markerBytes <= 0xffef ||
+                                markerBytes === 0xfffe ) {
+    
+                            markerLength = dataview.getUint16( offset + 2 ) + 2;
+    
+                            if ( offset + markerLength > dataview.byteLength ) {
+                                break;
+                            }
+    
+                            parsers = api.parsers[ markerBytes ];
+    
+                            if ( !noParse && parsers ) {
+                                for ( i = 0; i < parsers.length; i += 1 ) {
+                                    parsers[ i ].call( api, dataview, offset,
+                                            markerLength, ret );
+                                }
+                            }
+    
+                            offset += markerLength;
+                            headLength = offset;
+                        } else {
+                            break;
+                        }
+                    }
+    
+                    if ( headLength > 6 ) {
+                        if ( buffer.slice ) {
+                            ret.imageHead = buffer.slice( 2, headLength );
+                        } else {
+                            // Workaround for IE10, which does not yet
+                            // support ArrayBuffer.slice:
+                            ret.imageHead = new Uint8Array( buffer )
+                                    .subarray( 2, headLength );
+                        }
+                    }
+                }
+    
+                return ret;
+            },
+    
+            updateImageHead: function( buffer, head ) {
+                var data = this._parse( buffer, true ),
+                    buf1, buf2, bodyoffset;
+    
+    
+                bodyoffset = 2;
+                if ( data.imageHead ) {
+                    bodyoffset = 2 + data.imageHead.byteLength;
+                }
+    
+                if ( buffer.slice ) {
+                    buf2 = buffer.slice( bodyoffset );
+                } else {
+                    buf2 = new Uint8Array( buffer ).subarray( bodyoffset );
+                }
+    
+                buf1 = new Uint8Array( head.byteLength + 2 + buf2.byteLength );
+    
+                buf1[ 0 ] = 0xFF;
+                buf1[ 1 ] = 0xD8;
+                buf1.set( new Uint8Array( head ), 2 );
+                buf1.set( new Uint8Array( buf2 ), head.byteLength + 2 );
+    
+                return buf1.buffer;
+            }
+        };
+    
+        Util.parseMeta = function() {
+            return api.parse.apply( api, arguments );
+        };
+    
+        Util.updateImageHead = function() {
+            return api.updateImageHead.apply( api, arguments );
+        };
+    
+        return api;
+    });
+    /**
+     * 代码来自于：https://github.com/blueimp/JavaScript-Load-Image
+     * 暂时项目中只用了orientation.
+     *
+     * 去除了 Exif Sub IFD Pointer, GPS Info IFD Pointer, Exif Thumbnail.
+     * @fileOverview EXIF解析
+     */
+    
+    // Sample
+    // ====================================
+    // Make : Apple
+    // Model : iPhone 4S
+    // Orientation : 1
+    // XResolution : 72 [72/1]
+    // YResolution : 72 [72/1]
+    // ResolutionUnit : 2
+    // Software : QuickTime 7.7.1
+    // DateTime : 2013:09:01 22:53:55
+    // ExifIFDPointer : 190
+    // ExposureTime : 0.058823529411764705 [1/17]
+    // FNumber : 2.4 [12/5]
+    // ExposureProgram : Normal program
+    // ISOSpeedRatings : 800
+    // ExifVersion : 0220
+    // DateTimeOriginal : 2013:09:01 22:52:51
+    // DateTimeDigitized : 2013:09:01 22:52:51
+    // ComponentsConfiguration : YCbCr
+    // ShutterSpeedValue : 4.058893515764426
+    // ApertureValue : 2.5260688216892597 [4845/1918]
+    // BrightnessValue : -0.3126686601998395
+    // MeteringMode : Pattern
+    // Flash : Flash did not fire, compulsory flash mode
+    // FocalLength : 4.28 [107/25]
+    // SubjectArea : [4 values]
+    // FlashpixVersion : 0100
+    // ColorSpace : 1
+    // PixelXDimension : 2448
+    // PixelYDimension : 3264
+    // SensingMethod : One-chip color area sensor
+    // ExposureMode : 0
+    // WhiteBalance : Auto white balance
+    // FocalLengthIn35mmFilm : 35
+    // SceneCaptureType : Standard
+    define('runtime/html5/imagemeta/exif',[
+        'base',
+        'runtime/html5/imagemeta'
+    ], function( Base, ImageMeta ) {
+    
+        var EXIF = {};
+    
+        EXIF.ExifMap = function() {
+            return this;
+        };
+    
+        EXIF.ExifMap.prototype.map = {
+            'Orientation': 0x0112
+        };
+    
+        EXIF.ExifMap.prototype.get = function( id ) {
+            return this[ id ] || this[ this.map[ id ] ];
+        };
+    
+        EXIF.exifTagTypes = {
+            // byte, 8-bit unsigned int:
+            1: {
+                getValue: function( dataView, dataOffset ) {
+                    return dataView.getUint8( dataOffset );
+                },
+                size: 1
+            },
+    
+            // ascii, 8-bit byte:
+            2: {
+                getValue: function( dataView, dataOffset ) {
+                    return String.fromCharCode( dataView.getUint8( dataOffset ) );
+                },
+                size: 1,
+                ascii: true
+            },
+    
+            // short, 16 bit int:
+            3: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getUint16( dataOffset, littleEndian );
+                },
+                size: 2
+            },
+    
+            // long, 32 bit int:
+            4: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getUint32( dataOffset, littleEndian );
+                },
+                size: 4
+            },
+    
+            // rational = two long values,
+            // first is numerator, second is denominator:
+            5: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getUint32( dataOffset, littleEndian ) /
+                        dataView.getUint32( dataOffset + 4, littleEndian );
+                },
+                size: 8
+            },
+    
+            // slong, 32 bit signed int:
+            9: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getInt32( dataOffset, littleEndian );
+                },
+                size: 4
+            },
+    
+            // srational, two slongs, first is numerator, second is denominator:
+            10: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getInt32( dataOffset, littleEndian ) /
+                        dataView.getInt32( dataOffset + 4, littleEndian );
+                },
+                size: 8
+            }
+        };
+    
+        // undefined, 8-bit byte, value depending on field:
+        EXIF.exifTagTypes[ 7 ] = EXIF.exifTagTypes[ 1 ];
+    
+        EXIF.getExifValue = function( dataView, tiffOffset, offset, type, length,
+                littleEndian ) {
+    
+            var tagType = EXIF.exifTagTypes[ type ],
+                tagSize, dataOffset, values, i, str, c;
+    
+            if ( !tagType ) {
+                Base.log('Invalid Exif data: Invalid tag type.');
+                return;
+            }
+    
+            tagSize = tagType.size * length;
+    
+            // Determine if the value is contained in the dataOffset bytes,
+            // or if the value at the dataOffset is a pointer to the actual data:
+            dataOffset = tagSize > 4 ? tiffOffset + dataView.getUint32( offset + 8,
+                    littleEndian ) : (offset + 8);
+    
+            if ( dataOffset + tagSize > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid data offset.');
+                return;
+            }
+    
+            if ( length === 1 ) {
+                return tagType.getValue( dataView, dataOffset, littleEndian );
+            }
+    
+            values = [];
+    
+            for ( i = 0; i < length; i += 1 ) {
+                values[ i ] = tagType.getValue( dataView,
+                        dataOffset + i * tagType.size, littleEndian );
+            }
+    
+            if ( tagType.ascii ) {
+                str = '';
+    
+                // Concatenate the chars:
+                for ( i = 0; i < values.length; i += 1 ) {
+                    c = values[ i ];
+    
+                    // Ignore the terminating NULL byte(s):
+                    if ( c === '\u0000' ) {
+                        break;
+                    }
+                    str += c;
+                }
+    
+                return str;
+            }
+            return values;
+        };
+    
+        EXIF.parseExifTag = function( dataView, tiffOffset, offset, littleEndian,
+                data ) {
+    
+            var tag = dataView.getUint16( offset, littleEndian );
+            data.exif[ tag ] = EXIF.getExifValue( dataView, tiffOffset, offset,
+                    dataView.getUint16( offset + 2, littleEndian ),    // tag type
+                    dataView.getUint32( offset + 4, littleEndian ),    // tag length
+                    littleEndian );
+        };
+    
+        EXIF.parseExifTags = function( dataView, tiffOffset, dirOffset,
+                littleEndian, data ) {
+    
+            var tagsNumber, dirEndOffset, i;
+    
+            if ( dirOffset + 6 > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid directory offset.');
+                return;
+            }
+    
+            tagsNumber = dataView.getUint16( dirOffset, littleEndian );
+            dirEndOffset = dirOffset + 2 + 12 * tagsNumber;
+    
+            if ( dirEndOffset + 4 > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid directory size.');
+                return;
+            }
+    
+            for ( i = 0; i < tagsNumber; i += 1 ) {
+                this.parseExifTag( dataView, tiffOffset,
+                        dirOffset + 2 + 12 * i,    // tag offset
+                        littleEndian, data );
+            }
+    
+            // Return the offset to the next directory:
+            return dataView.getUint32( dirEndOffset, littleEndian );
+        };
+    
+        // EXIF.getExifThumbnail = function(dataView, offset, length) {
+        //     var hexData,
+        //         i,
+        //         b;
+        //     if (!length || offset + length > dataView.byteLength) {
+        //         Base.log('Invalid Exif data: Invalid thumbnail data.');
+        //         return;
+        //     }
+        //     hexData = [];
+        //     for (i = 0; i < length; i += 1) {
+        //         b = dataView.getUint8(offset + i);
+        //         hexData.push((b < 16 ? '0' : '') + b.toString(16));
+        //     }
+        //     return 'data:image/jpeg,%' + hexData.join('%');
+        // };
+    
+        EXIF.parseExifData = function( dataView, offset, length, data ) {
+    
+            var tiffOffset = offset + 10,
+                littleEndian, dirOffset;
+    
+            // Check for the ASCII code for "Exif" (0x45786966):
+            if ( dataView.getUint32( offset + 4 ) !== 0x45786966 ) {
+                // No Exif data, might be XMP data instead
+                return;
+            }
+            if ( tiffOffset + 8 > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid segment size.');
+                return;
+            }
+    
+            // Check for the two null bytes:
+            if ( dataView.getUint16( offset + 8 ) !== 0x0000 ) {
+                Base.log('Invalid Exif data: Missing byte alignment offset.');
+                return;
+            }
+    
+            // Check the byte alignment:
+            switch ( dataView.getUint16( tiffOffset ) ) {
+                case 0x4949:
+                    littleEndian = true;
+                    break;
+    
+                case 0x4D4D:
+                    littleEndian = false;
+                    break;
+    
+                default:
+                    Base.log('Invalid Exif data: Invalid byte alignment marker.');
+                    return;
+            }
+    
+            // Check for the TIFF tag marker (0x002A):
+            if ( dataView.getUint16( tiffOffset + 2, littleEndian ) !== 0x002A ) {
+                Base.log('Invalid Exif data: Missing TIFF marker.');
+                return;
+            }
+    
+            // Retrieve the directory offset bytes, usually 0x00000008 or 8 decimal:
+            dirOffset = dataView.getUint32( tiffOffset + 4, littleEndian );
+            // Create the exif object to store the tags:
+            data.exif = new EXIF.ExifMap();
+            // Parse the tags of the main image directory and retrieve the
+            // offset to the next directory, usually the thumbnail directory:
+            dirOffset = EXIF.parseExifTags( dataView, tiffOffset,
+                    tiffOffset + dirOffset, littleEndian, data );
+    
+            // 尝试读取缩略图
+            // if ( dirOffset ) {
+            //     thumbnailData = {exif: {}};
+            //     dirOffset = EXIF.parseExifTags(
+            //         dataView,
+            //         tiffOffset,
+            //         tiffOffset + dirOffset,
+            //         littleEndian,
+            //         thumbnailData
+            //     );
+    
+            //     // Check for JPEG Thumbnail offset:
+            //     if (thumbnailData.exif[0x0201]) {
+            //         data.exif.Thumbnail = EXIF.getExifThumbnail(
+            //             dataView,
+            //             tiffOffset + thumbnailData.exif[0x0201],
+            //             thumbnailData.exif[0x0202] // Thumbnail data length
+            //         );
+            //     }
+            // }
+        };
+    
+        ImageMeta.parsers[ 0xffe1 ].push( EXIF.parseExifData );
+        return EXIF;
+    });
+    /**
+     * @fileOverview Image
+     */
+    define('runtime/html5/image',[
+        'base',
+        'runtime/html5/runtime',
+        'runtime/html5/util'
+    ], function( Base, Html5Runtime, Util ) {
+    
+        var BLANK = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D';
+    
+        return Html5Runtime.register( 'Image', {
+    
+            // flag: 标记是否被修改过。
+            modified: false,
+    
+            init: function() {
+                var me = this,
+                    img = new Image();
+    
+                img.onload = function() {
+    
+                    me._info = {
+                        type: me.type,
+                        width: this.width,
+                        height: this.height
+                    };
+    
+                    // 读取meta信息。
+                    if ( !me._metas && 'image/jpeg' === me.type ) {
+                        Util.parseMeta( me._blob, function( error, ret ) {
+                            me._metas = ret;
+                            me.owner.trigger('load');
+                        });
+                    } else {
+                        me.owner.trigger('load');
+                    }
+                };
+    
+                img.onerror = function() {
+                    me.owner.trigger('error');
+                };
+    
+                me._img = img;
+            },
+    
+            loadFromBlob: function( blob ) {
+                var me = this,
+                    img = me._img;
+    
+                me._blob = blob;
+                me.type = blob.type;
+                img.src = Util.createObjectURL( blob.getSource() );
+                me.owner.once( 'load', function() {
+                    Util.revokeObjectURL( img.src );
+                });
+            },
+    
+            resize: function( width, height ) {
+                var canvas = this._canvas ||
+                        (this._canvas = document.createElement('canvas'));
+    
+                this._resize( this._img, canvas, width, height );
+                this._blob = null;    // 没用了，可以删掉了。
+                this.modified = true;
+                this.owner.trigger('complete');
+            },
+    
+            getAsBlob: function( type ) {
+                var blob = this._blob,
+                    opts = this.options,
+                    canvas;
+    
+                type = type || this.type;
+    
+                // blob需要重新生成。
+                if ( this.modified || this.type !== type ) {
+                    canvas = this._canvas;
+    
+                    if ( type === 'image/jpeg' ) {
+    
+                        blob = Util.canvasToDataUrl( canvas, 'image/jpeg',
+                                opts.quality );
+    
+                        if ( opts.preserveHeaders && this._metas &&
+                                this._metas.imageHead ) {
+    
+                            blob = Util.dataURL2ArrayBuffer( blob );
+                            blob = Util.updateImageHead( blob,
+                                    this._metas.imageHead );
+                            blob = Util.arrayBufferToBlob( blob, type );
+                            return blob;
+                        }
+                    } else {
+                        blob = Util.canvasToDataUrl( canvas, type );
+                    }
+    
+                    blob = Util.dataURL2Blob( blob );
+                }
+    
+                return blob;
+            },
+    
+            getAsDataUrl: function( type ) {
+                var opts = this.options;
+    
+                type = type || this.type;
+    
+                if ( type === 'image/jpeg' ) {
+                    return Util.canvasToDataUrl( this._canvas, type, opts.quality );
+                } else {
+                    return this._canvas.toDataURL( type );
+                }
+            },
+    
+            getOrientation: function() {
+                return this._metas && this._metas.exif &&
+                        this._metas.exif.get('Orientation') || 1;
+            },
+    
+            info: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._info = val;
+                    return this;
+                }
+    
+                // getter
+                return this._info;
+            },
+    
+            meta: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._meta = val;
+                    return this;
+                }
+    
+                // getter
+                return this._meta;
+            },
+    
+            destroy: function() {
+                var canvas = this._canvas;
+                this._img.onload = null;
+    
+                if ( canvas ) {
+                    canvas.getContext('2d')
+                            .clearRect( 0, 0, canvas.width, canvas.height );
+                    canvas.width = canvas.height = 0;
+                    this._canvas = null;
+                }
+    
+                // 释放内存。非常重要，否则释放不了image的内存。
+                this._img.src = BLANK;
+                this._img = this._blob = null;
+            },
+    
+            _resize: function( img, cvs, width, height ) {
+                var opts = this.options,
+                    naturalWidth = img.width,
+                    naturalHeight = img.height,
+                    orientation = this.getOrientation(),
+                    scale, w, h, x, y;
+    
+                // values that require 90 degree rotation
+                if ( ~[ 5, 6, 7, 8 ].indexOf( orientation ) ) {
+    
+                    // 交换width, height的值。
+                    width ^= height;
+                    height ^= width;
+                    width ^= height;
+                }
+    
+                scale = Math[ opts.crop ? 'max' : 'min' ]( width / naturalWidth,
+                        height / naturalHeight );
+    
+                // 不允许放大。
+                opts.allowMagnify || (scale = Math.min( 1, scale ));
+    
+                w = naturalWidth * scale;
+                h = naturalHeight * scale;
+    
+                if ( opts.crop ) {
+                    cvs.width = width;
+                    cvs.height = height;
+                } else {
+                    cvs.width = w;
+                    cvs.height = h;
+                }
+    
+                x = (cvs.width - w) / 2;
+                y = (cvs.height - h) / 2;
+    
+                opts.preserveHeaders || this._rotate2Orientaion( cvs, orientation );
+    
+                this._renderImageToCanvas( cvs, img, x, y, w, h );
+            },
+    
+            _rotate2Orientaion: function( canvas, orientation ) {
+                var width = canvas.width,
+                    height = canvas.height,
+                    ctx = canvas.getContext('2d');
+    
+                switch ( orientation ) {
+                    case 5:
+                    case 6:
+                    case 7:
+                    case 8:
+                        canvas.width = height;
+                        canvas.height = width;
+                        break;
+                }
+    
+                switch ( orientation ) {
+                    case 2:    // horizontal flip
+                        ctx.translate( width, 0 );
+                        ctx.scale( -1, 1 );
+                        break;
+    
+                    case 3:    // 180 rotate left
+                        ctx.translate( width, height );
+                        ctx.rotate( Math.PI );
+                        break;
+    
+                    case 4:    // vertical flip
+                        ctx.translate( 0, height );
+                        ctx.scale( 1, -1 );
+                        break;
+    
+                    case 5:    // vertical flip + 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.scale( 1, -1 );
+                        break;
+    
+                    case 6:    // 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.translate( 0, -height );
+                        break;
+    
+                    case 7:    // horizontal flip + 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.translate( width, -height );
+                        ctx.scale( -1, 1 );
+                        break;
+    
+                    case 8:    // 90 rotate left
+                        ctx.rotate( -0.5 * Math.PI );
+                        ctx.translate( -width, 0 );
+                        break;
+                }
+            },
+    
+            // https://github.com/stomita/ios-imagefile-megapixel/
+            // blob/master/src/megapix-image.js
+            _renderImageToCanvas: (function() {
+    
+                // 如果不是ios, 不需要这么复杂！
+                if ( !Base.os.ios ) {
+                    return function( canvas, img, x, y, w, h ) {
+                        canvas.getContext('2d').drawImage( img, x, y, w, h );
+                    };
+                }
+    
+                /**
+                 * Detecting vertical squash in loaded image.
+                 * Fixes a bug which squash image vertically while drawing into
+                 * canvas for some images.
+                 */
+                function detectVerticalSquash( img, iw, ih ) {
+                    var canvas = document.createElement('canvas'),
+                        ctx = canvas.getContext('2d'),
+                        sy = 0,
+                        ey = ih,
+                        py = ih,
+                        data, alpha, ratio;
+    
+    
+                    canvas.width = 1;
+                    canvas.height = ih;
+                    ctx.drawImage( img, 0, 0 );
+                    data = ctx.getImageData( 0, 0, 1, ih ).data;
+    
+                    // search image edge pixel position in case
+                    // it is squashed vertically.
+                    while ( py > sy ) {
+                        alpha = data[ (py - 1) * 4 + 3 ];
+    
+                        if ( alpha === 0 ) {
+                            ey = py;
+                        } else {
+                            sy = py;
+                        }
+    
+                        py = (ey + sy) >> 1;
+                    }
+    
+                    ratio = (py / ih);
+                    return (ratio === 0) ? 1 : ratio;
+                }
+    
+                // fix ie7 bug
+                // http://stackoverflow.com/questions/11929099/
+                // html5-canvas-drawimage-ratio-bug-ios
+                if ( Base.os.ios >= 7 ) {
+                    return function( canvas, img, x, y, w, h ) {
+                        var iw = img.naturalWidth,
+                            ih = img.naturalHeight,
+                            vertSquashRatio = detectVerticalSquash( img, iw, ih );
+    
+                        return canvas.getContext('2d').drawImage( img, 0, 0,
+                            iw * vertSquashRatio, ih * vertSquashRatio,
+                            x, y, w, h );
+                    };
+                }
+    
+                /**
+                 * Detect subsampling in loaded image.
+                 * In iOS, larger images than 2M pixels may be
+                 * subsampled in rendering.
+                 */
+                function detectSubsampling( img ) {
+                    var iw = img.naturalWidth,
+                        ih = img.naturalHeight,
+                        canvas, ctx;
+    
+                    // subsampling may happen overmegapixel image
+                    if ( iw * ih > 1024 * 1024 ) {
+                        canvas = document.createElement('canvas');
+                        canvas.width = canvas.height = 1;
+                        ctx = canvas.getContext('2d');
+                        ctx.drawImage( img, -iw + 1, 0 );
+    
+                        // subsampled image becomes half smaller in rendering size.
+                        // check alpha channel value to confirm image is covering
+                        // edge pixel or not. if alpha value is 0
+                        // image is not covering, hence subsampled.
+                        return ctx.getImageData( 0, 0, 1, 1 ).data[ 3 ] === 0;
+                    } else {
+                        return false;
+                    }
+                }
+    
+    
+                return function( canvas, img, x, y, width, height ) {
+                    var iw = img.naturalWidth,
+                        ih = img.naturalHeight,
+                        ctx = canvas.getContext('2d'),
+                        subsampled = detectSubsampling( img ),
+                        doSquash = this.type === 'image/jpeg',
+                        d = 1024,
+                        sy = 0,
+                        dy = 0,
+                        tmpCanvas, tmpCtx, vertSquashRatio, dw, dh, sx, dx;
+    
+                    if ( subsampled ) {
+                        iw /= 2;
+                        ih /= 2;
+                    }
+    
+                    ctx.save();
+                    tmpCanvas = document.createElement('canvas');
+                    tmpCanvas.width = tmpCanvas.height = d;
+    
+                    tmpCtx = tmpCanvas.getContext('2d');
+                    vertSquashRatio = doSquash ?
+                            detectVerticalSquash( img, iw, ih ) : 1;
+    
+                    dw = Math.ceil( d * width / iw );
+                    dh = Math.ceil( d * height / ih / vertSquashRatio );
+    
+                    while ( sy < ih ) {
+                        sx = 0;
+                        dx = 0;
+                        while ( sx < iw ) {
+                            tmpCtx.clearRect( 0, 0, d, d );
+                            tmpCtx.drawImage( img, -sx, -sy );
+                            ctx.drawImage( tmpCanvas, 0, 0, d, d,
+                                    x + dx, y + dy, dw, dh );
+                            sx += d;
+                            dx += dw;
+                        }
+                        sy += d;
+                        dy += dh;
+                    }
+                    ctx.restore();
+                    tmpCanvas = tmpCtx = null;
+                };
+            })()
+        });
+    });
+    /**
+     * 这个方式性能不行，但是可以解决android里面的toDataUrl的bug
+     * android里面toDataUrl('image/jpege')得到的结果却是png.
+     *
+     * 所以这里没辙，只能借助这个工具
+     * @fileOverview jpeg encoder
+     */
+    define('runtime/html5/jpegencoder',[], function( require, exports, module ) {
+    
+        /*
+          Copyright (c) 2008, Adobe Systems Incorporated
+          All rights reserved.
+    
+          Redistribution and use in source and binary forms, with or without
+          modification, are permitted provided that the following conditions are
+          met:
+    
+          * Redistributions of source code must retain the above copyright notice,
+            this list of conditions and the following disclaimer.
+    
+          * Redistributions in binary form must reproduce the above copyright
+            notice, this list of conditions and the following disclaimer in the
+            documentation and/or other materials provided with the distribution.
+    
+          * Neither the name of Adobe Systems Incorporated nor the names of its
+            contributors may be used to endorse or promote products derived from
+            this software without specific prior written permission.
+    
+          THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
+          IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
+          THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+          PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
+          CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+          EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+          PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+          PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+          LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+          NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+          SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+        */
+        /*
+        JPEG encoder ported to JavaScript and optimized by Andreas Ritter, www.bytestrom.eu, 11/2009
+    
+        Basic GUI blocking jpeg encoder
+        */
+    
+        function JPEGEncoder(quality) {
+          var self = this;
+            var fround = Math.round;
+            var ffloor = Math.floor;
+            var YTable = new Array(64);
+            var UVTable = new Array(64);
+            var fdtbl_Y = new Array(64);
+            var fdtbl_UV = new Array(64);
+            var YDC_HT;
+            var UVDC_HT;
+            var YAC_HT;
+            var UVAC_HT;
+    
+            var bitcode = new Array(65535);
+            var category = new Array(65535);
+            var outputfDCTQuant = new Array(64);
+            var DU = new Array(64);
+            var byteout = [];
+            var bytenew = 0;
+            var bytepos = 7;
+    
+            var YDU = new Array(64);
+            var UDU = new Array(64);
+            var VDU = new Array(64);
+            var clt = new Array(256);
+            var RGB_YUV_TABLE = new Array(2048);
+            var currentQuality;
+    
+            var ZigZag = [
+                     0, 1, 5, 6,14,15,27,28,
+                     2, 4, 7,13,16,26,29,42,
+                     3, 8,12,17,25,30,41,43,
+                     9,11,18,24,31,40,44,53,
+                    10,19,23,32,39,45,52,54,
+                    20,22,33,38,46,51,55,60,
+                    21,34,37,47,50,56,59,61,
+                    35,36,48,49,57,58,62,63
+                ];
+    
+            var std_dc_luminance_nrcodes = [0,0,1,5,1,1,1,1,1,1,0,0,0,0,0,0,0];
+            var std_dc_luminance_values = [0,1,2,3,4,5,6,7,8,9,10,11];
+            var std_ac_luminance_nrcodes = [0,0,2,1,3,3,2,4,3,5,5,4,4,0,0,1,0x7d];
+            var std_ac_luminance_values = [
+                    0x01,0x02,0x03,0x00,0x04,0x11,0x05,0x12,
+                    0x21,0x31,0x41,0x06,0x13,0x51,0x61,0x07,
+                    0x22,0x71,0x14,0x32,0x81,0x91,0xa1,0x08,
+                    0x23,0x42,0xb1,0xc1,0x15,0x52,0xd1,0xf0,
+                    0x24,0x33,0x62,0x72,0x82,0x09,0x0a,0x16,
+                    0x17,0x18,0x19,0x1a,0x25,0x26,0x27,0x28,
+                    0x29,0x2a,0x34,0x35,0x36,0x37,0x38,0x39,
+                    0x3a,0x43,0x44,0x45,0x46,0x47,0x48,0x49,
+                    0x4a,0x53,0x54,0x55,0x56,0x57,0x58,0x59,
+                    0x5a,0x63,0x64,0x65,0x66,0x67,0x68,0x69,
+                    0x6a,0x73,0x74,0x75,0x76,0x77,0x78,0x79,
+                    0x7a,0x83,0x84,0x85,0x86,0x87,0x88,0x89,
+                    0x8a,0x92,0x93,0x94,0x95,0x96,0x97,0x98,
+                    0x99,0x9a,0xa2,0xa3,0xa4,0xa5,0xa6,0xa7,
+                    0xa8,0xa9,0xaa,0xb2,0xb3,0xb4,0xb5,0xb6,
+                    0xb7,0xb8,0xb9,0xba,0xc2,0xc3,0xc4,0xc5,
+                    0xc6,0xc7,0xc8,0xc9,0xca,0xd2,0xd3,0xd4,
+                    0xd5,0xd6,0xd7,0xd8,0xd9,0xda,0xe1,0xe2,
+                    0xe3,0xe4,0xe5,0xe6,0xe7,0xe8,0xe9,0xea,
+                    0xf1,0xf2,0xf3,0xf4,0xf5,0xf6,0xf7,0xf8,
+                    0xf9,0xfa
+                ];
+    
+            var std_dc_chrominance_nrcodes = [0,0,3,1,1,1,1,1,1,1,1,1,0,0,0,0,0];
+            var std_dc_chrominance_values = [0,1,2,3,4,5,6,7,8,9,10,11];
+            var std_ac_chrominance_nrcodes = [0,0,2,1,2,4,4,3,4,7,5,4,4,0,1,2,0x77];
+            var std_ac_chrominance_values = [
+                    0x00,0x01,0x02,0x03,0x11,0x04,0x05,0x21,
+                    0x31,0x06,0x12,0x41,0x51,0x07,0x61,0x71,
+                    0x13,0x22,0x32,0x81,0x08,0x14,0x42,0x91,
+                    0xa1,0xb1,0xc1,0x09,0x23,0x33,0x52,0xf0,
+                    0x15,0x62,0x72,0xd1,0x0a,0x16,0x24,0x34,
+                    0xe1,0x25,0xf1,0x17,0x18,0x19,0x1a,0x26,
+                    0x27,0x28,0x29,0x2a,0x35,0x36,0x37,0x38,
+                    0x39,0x3a,0x43,0x44,0x45,0x46,0x47,0x48,
+                    0x49,0x4a,0x53,0x54,0x55,0x56,0x57,0x58,
+                    0x59,0x5a,0x63,0x64,0x65,0x66,0x67,0x68,
+                    0x69,0x6a,0x73,0x74,0x75,0x76,0x77,0x78,
+                    0x79,0x7a,0x82,0x83,0x84,0x85,0x86,0x87,
+                    0x88,0x89,0x8a,0x92,0x93,0x94,0x95,0x96,
+                    0x97,0x98,0x99,0x9a,0xa2,0xa3,0xa4,0xa5,
+                    0xa6,0xa7,0xa8,0xa9,0xaa,0xb2,0xb3,0xb4,
+                    0xb5,0xb6,0xb7,0xb8,0xb9,0xba,0xc2,0xc3,
+                    0xc4,0xc5,0xc6,0xc7,0xc8,0xc9,0xca,0xd2,
+                    0xd3,0xd4,0xd5,0xd6,0xd7,0xd8,0xd9,0xda,
+                    0xe2,0xe3,0xe4,0xe5,0xe6,0xe7,0xe8,0xe9,
+                    0xea,0xf2,0xf3,0xf4,0xf5,0xf6,0xf7,0xf8,
+                    0xf9,0xfa
+                ];
+    
+            function initQuantTables(sf){
+                    var YQT = [
+                        16, 11, 10, 16, 24, 40, 51, 61,
+                        12, 12, 14, 19, 26, 58, 60, 55,
+                        14, 13, 16, 24, 40, 57, 69, 56,
+                        14, 17, 22, 29, 51, 87, 80, 62,
+                        18, 22, 37, 56, 68,109,103, 77,
+                        24, 35, 55, 64, 81,104,113, 92,
+                        49, 64, 78, 87,103,121,120,101,
+                        72, 92, 95, 98,112,100,103, 99
+                    ];
+    
+                    for (var i = 0; i < 64; i++) {
+                        var t = ffloor((YQT[i]*sf+50)/100);
+                        if (t < 1) {
+                            t = 1;
+                        } else if (t > 255) {
+                            t = 255;
+                        }
+                        YTable[ZigZag[i]] = t;
+                    }
+                    var UVQT = [
+                        17, 18, 24, 47, 99, 99, 99, 99,
+                        18, 21, 26, 66, 99, 99, 99, 99,
+                        24, 26, 56, 99, 99, 99, 99, 99,
+                        47, 66, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99
+                    ];
+                    for (var j = 0; j < 64; j++) {
+                        var u = ffloor((UVQT[j]*sf+50)/100);
+                        if (u < 1) {
+                            u = 1;
+                        } else if (u > 255) {
+                            u = 255;
+                        }
+                        UVTable[ZigZag[j]] = u;
+                    }
+                    var aasf = [
+                        1.0, 1.387039845, 1.306562965, 1.175875602,
+                        1.0, 0.785694958, 0.541196100, 0.275899379
+                    ];
+                    var k = 0;
+                    for (var row = 0; row < 8; row++)
+                    {
+                        for (var col = 0; col < 8; col++)
+                        {
+                            fdtbl_Y[k]  = (1.0 / (YTable [ZigZag[k]] * aasf[row] * aasf[col] * 8.0));
+                            fdtbl_UV[k] = (1.0 / (UVTable[ZigZag[k]] * aasf[row] * aasf[col] * 8.0));
+                            k++;
+                        }
+                    }
+                }
+    
+                function computeHuffmanTbl(nrcodes, std_table){
+                    var codevalue = 0;
+                    var pos_in_table = 0;
+                    var HT = new Array();
+                    for (var k = 1; k <= 16; k++) {
+                        for (var j = 1; j <= nrcodes[k]; j++) {
+                            HT[std_table[pos_in_table]] = [];
+                            HT[std_table[pos_in_table]][0] = codevalue;
+                            HT[std_table[pos_in_table]][1] = k;
+                            pos_in_table++;
+                            codevalue++;
+                        }
+                        codevalue*=2;
+                    }
+                    return HT;
+                }
+    
+                function initHuffmanTbl()
+                {
+                    YDC_HT = computeHuffmanTbl(std_dc_luminance_nrcodes,std_dc_luminance_values);
+                    UVDC_HT = computeHuffmanTbl(std_dc_chrominance_nrcodes,std_dc_chrominance_values);
+                    YAC_HT = computeHuffmanTbl(std_ac_luminance_nrcodes,std_ac_luminance_values);
+                    UVAC_HT = computeHuffmanTbl(std_ac_chrominance_nrcodes,std_ac_chrominance_values);
+                }
+    
+                function initCategoryNumber()
+                {
+                    var nrlower = 1;
+                    var nrupper = 2;
+                    for (var cat = 1; cat <= 15; cat++) {
+                        //Positive numbers
+                        for (var nr = nrlower; nr<nrupper; nr++) {
+                            category[32767+nr] = cat;
+                            bitcode[32767+nr] = [];
+                            bitcode[32767+nr][1] = cat;
+                            bitcode[32767+nr][0] = nr;
+                        }
+                        //Negative numbers
+                        for (var nrneg =-(nrupper-1); nrneg<=-nrlower; nrneg++) {
+                            category[32767+nrneg] = cat;
+                            bitcode[32767+nrneg] = [];
+                            bitcode[32767+nrneg][1] = cat;
+                            bitcode[32767+nrneg][0] = nrupper-1+nrneg;
+                        }
+                        nrlower <<= 1;
+                        nrupper <<= 1;
+                    }
+                }
+    
+                function initRGBYUVTable() {
+                    for(var i = 0; i < 256;i++) {
+                        RGB_YUV_TABLE[i]            =  19595 * i;
+                        RGB_YUV_TABLE[(i+ 256)>>0]  =  38470 * i;
+                        RGB_YUV_TABLE[(i+ 512)>>0]  =   7471 * i + 0x8000;
+                        RGB_YUV_TABLE[(i+ 768)>>0]  = -11059 * i;
+                        RGB_YUV_TABLE[(i+1024)>>0]  = -21709 * i;
+                        RGB_YUV_TABLE[(i+1280)>>0]  =  32768 * i + 0x807FFF;
+                        RGB_YUV_TABLE[(i+1536)>>0]  = -27439 * i;
+                        RGB_YUV_TABLE[(i+1792)>>0]  = - 5329 * i;
+                    }
+                }
+    
+                // IO functions
+                function writeBits(bs)
+                {
+                    var value = bs[0];
+                    var posval = bs[1]-1;
+                    while ( posval >= 0 ) {
+                        if (value & (1 << posval) ) {
+                            bytenew |= (1 << bytepos);
+                        }
+                        posval--;
+                        bytepos--;
+                        if (bytepos < 0) {
+                            if (bytenew == 0xFF) {
+                                writeByte(0xFF);
+                                writeByte(0);
+                            }
+                            else {
+                                writeByte(bytenew);
+                            }
+                            bytepos=7;
+                            bytenew=0;
+                        }
+                    }
+                }
+    
+                function writeByte(value)
+                {
+                    byteout.push(clt[value]); // write char directly instead of converting later
+                }
+    
+                function writeWord(value)
+                {
+                    writeByte((value>>8)&0xFF);
+                    writeByte((value   )&0xFF);
+                }
+    
+                // DCT & quantization core
+                function fDCTQuant(data, fdtbl)
+                {
+                    var d0, d1, d2, d3, d4, d5, d6, d7;
+                    /* Pass 1: process rows. */
+                    var dataOff=0;
+                    var i;
+                    var I8 = 8;
+                    var I64 = 64;
+                    for (i=0; i<I8; ++i)
+                    {
+                        d0 = data[dataOff];
+                        d1 = data[dataOff+1];
+                        d2 = data[dataOff+2];
+                        d3 = data[dataOff+3];
+                        d4 = data[dataOff+4];
+                        d5 = data[dataOff+5];
+                        d6 = data[dataOff+6];
+                        d7 = data[dataOff+7];
+    
+                        var tmp0 = d0 + d7;
+                        var tmp7 = d0 - d7;
+                        var tmp1 = d1 + d6;
+                        var tmp6 = d1 - d6;
+                        var tmp2 = d2 + d5;
+                        var tmp5 = d2 - d5;
+                        var tmp3 = d3 + d4;
+                        var tmp4 = d3 - d4;
+    
+                        /* Even part */
+                        var tmp10 = tmp0 + tmp3;    /* phase 2 */
+                        var tmp13 = tmp0 - tmp3;
+                        var tmp11 = tmp1 + tmp2;
+                        var tmp12 = tmp1 - tmp2;
+    
+                        data[dataOff] = tmp10 + tmp11; /* phase 3 */
+                        data[dataOff+4] = tmp10 - tmp11;
+    
+                        var z1 = (tmp12 + tmp13) * 0.707106781; /* c4 */
+                        data[dataOff+2] = tmp13 + z1; /* phase 5 */
+                        data[dataOff+6] = tmp13 - z1;
+    
+                        /* Odd part */
+                        tmp10 = tmp4 + tmp5; /* phase 2 */
+                        tmp11 = tmp5 + tmp6;
+                        tmp12 = tmp6 + tmp7;
+    
+                        /* The rotator is modified from fig 4-8 to avoid extra negations. */
+                        var z5 = (tmp10 - tmp12) * 0.382683433; /* c6 */
+                        var z2 = 0.541196100 * tmp10 + z5; /* c2-c6 */
+                        var z4 = 1.306562965 * tmp12 + z5; /* c2+c6 */
+                        var z3 = tmp11 * 0.707106781; /* c4 */
+    
+                        var z11 = tmp7 + z3;    /* phase 5 */
+                        var z13 = tmp7 - z3;
+    
+                        data[dataOff+5] = z13 + z2; /* phase 6 */
+                        data[dataOff+3] = z13 - z2;
+                        data[dataOff+1] = z11 + z4;
+                        data[dataOff+7] = z11 - z4;
+    
+                        dataOff += 8; /* advance pointer to next row */
+                    }
+    
+                    /* Pass 2: process columns. */
+                    dataOff = 0;
+                    for (i=0; i<I8; ++i)
+                    {
+                        d0 = data[dataOff];
+                        d1 = data[dataOff + 8];
+                        d2 = data[dataOff + 16];
+                        d3 = data[dataOff + 24];
+                        d4 = data[dataOff + 32];
+                        d5 = data[dataOff + 40];
+                        d6 = data[dataOff + 48];
+                        d7 = data[dataOff + 56];
+    
+                        var tmp0p2 = d0 + d7;
+                        var tmp7p2 = d0 - d7;
+                        var tmp1p2 = d1 + d6;
+                        var tmp6p2 = d1 - d6;
+                        var tmp2p2 = d2 + d5;
+                        var tmp5p2 = d2 - d5;
+                        var tmp3p2 = d3 + d4;
+                        var tmp4p2 = d3 - d4;
+    
+                        /* Even part */
+                        var tmp10p2 = tmp0p2 + tmp3p2;  /* phase 2 */
+                        var tmp13p2 = tmp0p2 - tmp3p2;
+                        var tmp11p2 = tmp1p2 + tmp2p2;
+                        var tmp12p2 = tmp1p2 - tmp2p2;
+    
+                        data[dataOff] = tmp10p2 + tmp11p2; /* phase 3 */
+                        data[dataOff+32] = tmp10p2 - tmp11p2;
+    
+                        var z1p2 = (tmp12p2 + tmp13p2) * 0.707106781; /* c4 */
+                        data[dataOff+16] = tmp13p2 + z1p2; /* phase 5 */
+                        data[dataOff+48] = tmp13p2 - z1p2;
+    
+                        /* Odd part */
+                        tmp10p2 = tmp4p2 + tmp5p2; /* phase 2 */
+                        tmp11p2 = tmp5p2 + tmp6p2;
+                        tmp12p2 = tmp6p2 + tmp7p2;
+    
+                        /* The rotator is modified from fig 4-8 to avoid extra negations. */
+                        var z5p2 = (tmp10p2 - tmp12p2) * 0.382683433; /* c6 */
+                        var z2p2 = 0.541196100 * tmp10p2 + z5p2; /* c2-c6 */
+                        var z4p2 = 1.306562965 * tmp12p2 + z5p2; /* c2+c6 */
+                        var z3p2 = tmp11p2 * 0.707106781; /* c4 */
+    
+                        var z11p2 = tmp7p2 + z3p2;  /* phase 5 */
+                        var z13p2 = tmp7p2 - z3p2;
+    
+                        data[dataOff+40] = z13p2 + z2p2; /* phase 6 */
+                        data[dataOff+24] = z13p2 - z2p2;
+                        data[dataOff+ 8] = z11p2 + z4p2;
+                        data[dataOff+56] = z11p2 - z4p2;
+    
+                        dataOff++; /* advance pointer to next column */
+                    }
+    
+                    // Quantize/descale the coefficients
+                    var fDCTQuant;
+                    for (i=0; i<I64; ++i)
+                    {
+                        // Apply the quantization and scaling factor & Round to nearest integer
+                        fDCTQuant = data[i]*fdtbl[i];
+                        outputfDCTQuant[i] = (fDCTQuant > 0.0) ? ((fDCTQuant + 0.5)|0) : ((fDCTQuant - 0.5)|0);
+                        //outputfDCTQuant[i] = fround(fDCTQuant);
+    
+                    }
+                    return outputfDCTQuant;
+                }
+    
+                function writeAPP0()
+                {
+                    writeWord(0xFFE0); // marker
+                    writeWord(16); // length
+                    writeByte(0x4A); // J
+                    writeByte(0x46); // F
+                    writeByte(0x49); // I
+                    writeByte(0x46); // F
+                    writeByte(0); // = "JFIF",'\0'
+                    writeByte(1); // versionhi
+                    writeByte(1); // versionlo
+                    writeByte(0); // xyunits
+                    writeWord(1); // xdensity
+                    writeWord(1); // ydensity
+                    writeByte(0); // thumbnwidth
+                    writeByte(0); // thumbnheight
+                }
+    
+                function writeSOF0(width, height)
+                {
+                    writeWord(0xFFC0); // marker
+                    writeWord(17);   // length, truecolor YUV JPG
+                    writeByte(8);    // precision
+                    writeWord(height);
+                    writeWord(width);
+                    writeByte(3);    // nrofcomponents
+                    writeByte(1);    // IdY
+                    writeByte(0x11); // HVY
+                    writeByte(0);    // QTY
+                    writeByte(2);    // IdU
+                    writeByte(0x11); // HVU
+                    writeByte(1);    // QTU
+                    writeByte(3);    // IdV
+                    writeByte(0x11); // HVV
+                    writeByte(1);    // QTV
+                }
+    
+                function writeDQT()
+                {
+                    writeWord(0xFFDB); // marker
+                    writeWord(132);    // length
+                    writeByte(0);
+                    for (var i=0; i<64; i++) {
+                        writeByte(YTable[i]);
+                    }
+                    writeByte(1);
+                    for (var j=0; j<64; j++) {
+                        writeByte(UVTable[j]);
+                    }
+                }
+    
+                function writeDHT()
+                {
+                    writeWord(0xFFC4); // marker
+                    writeWord(0x01A2); // length
+    
+                    writeByte(0); // HTYDCinfo
+                    for (var i=0; i<16; i++) {
+                        writeByte(std_dc_luminance_nrcodes[i+1]);
+                    }
+                    for (var j=0; j<=11; j++) {
+                        writeByte(std_dc_luminance_values[j]);
+                    }
+    
+                    writeByte(0x10); // HTYACinfo
+                    for (var k=0; k<16; k++) {
+                        writeByte(std_ac_luminance_nrcodes[k+1]);
+                    }
+                    for (var l=0; l<=161; l++) {
+                        writeByte(std_ac_luminance_values[l]);
+                    }
+    
+                    writeByte(1); // HTUDCinfo
+                    for (var m=0; m<16; m++) {
+                        writeByte(std_dc_chrominance_nrcodes[m+1]);
+                    }
+                    for (var n=0; n<=11; n++) {
+                        writeByte(std_dc_chrominance_values[n]);
+                    }
+    
+                    writeByte(0x11); // HTUACinfo
+                    for (var o=0; o<16; o++) {
+                        writeByte(std_ac_chrominance_nrcodes[o+1]);
+                    }
+                    for (var p=0; p<=161; p++) {
+                        writeByte(std_ac_chrominance_values[p]);
+                    }
+                }
+    
+                function writeSOS()
+                {
+                    writeWord(0xFFDA); // marker
+                    writeWord(12); // length
+                    writeByte(3); // nrofcomponents
+                    writeByte(1); // IdY
+                    writeByte(0); // HTY
+                    writeByte(2); // IdU
+                    writeByte(0x11); // HTU
+                    writeByte(3); // IdV
+                    writeByte(0x11); // HTV
+                    writeByte(0); // Ss
+                    writeByte(0x3f); // Se
+                    writeByte(0); // Bf
+                }
+    
+                function processDU(CDU, fdtbl, DC, HTDC, HTAC){
+                    var EOB = HTAC[0x00];
+                    var M16zeroes = HTAC[0xF0];
+                    var pos;
+                    var I16 = 16;
+                    var I63 = 63;
+                    var I64 = 64;
+                    var DU_DCT = fDCTQuant(CDU, fdtbl);
+                    //ZigZag reorder
+                    for (var j=0;j<I64;++j) {
+                        DU[ZigZag[j]]=DU_DCT[j];
+                    }
+                    var Diff = DU[0] - DC; DC = DU[0];
+                    //Encode DC
+                    if (Diff==0) {
+                        writeBits(HTDC[0]); // Diff might be 0
+                    } else {
+                        pos = 32767+Diff;
+                        writeBits(HTDC[category[pos]]);
+                        writeBits(bitcode[pos]);
+                    }
+                    //Encode ACs
+                    var end0pos = 63; // was const... which is crazy
+                    for (; (end0pos>0)&&(DU[end0pos]==0); end0pos--) {};
+                    //end0pos = first element in reverse order !=0
+                    if ( end0pos == 0) {
+                        writeBits(EOB);
+                        return DC;
+                    }
+                    var i = 1;
+                    var lng;
+                    while ( i <= end0pos ) {
+                        var startpos = i;
+                        for (; (DU[i]==0) && (i<=end0pos); ++i) {}
+                        var nrzeroes = i-startpos;
+                        if ( nrzeroes >= I16 ) {
+                            lng = nrzeroes>>4;
+                            for (var nrmarker=1; nrmarker <= lng; ++nrmarker)
+                                writeBits(M16zeroes);
+                            nrzeroes = nrzeroes&0xF;
+                        }
+                        pos = 32767+DU[i];
+                        writeBits(HTAC[(nrzeroes<<4)+category[pos]]);
+                        writeBits(bitcode[pos]);
+                        i++;
+                    }
+                    if ( end0pos != I63 ) {
+                        writeBits(EOB);
+                    }
+                    return DC;
+                }
+    
+                function initCharLookupTable(){
+                    var sfcc = String.fromCharCode;
+                    for(var i=0; i < 256; i++){ ///// ACHTUNG // 255
+                        clt[i] = sfcc(i);
+                    }
+                }
+    
+                this.encode = function(image,quality) // image data object
+                {
+                    // var time_start = new Date().getTime();
+    
+                    if(quality) setQuality(quality);
+    
+                    // Initialize bit writer
+                    byteout = new Array();
+                    bytenew=0;
+                    bytepos=7;
+    
+                    // Add JPEG headers
+                    writeWord(0xFFD8); // SOI
+                    writeAPP0();
+                    writeDQT();
+                    writeSOF0(image.width,image.height);
+                    writeDHT();
+                    writeSOS();
+    
+    
+                    // Encode 8x8 macroblocks
+                    var DCY=0;
+                    var DCU=0;
+                    var DCV=0;
+    
+                    bytenew=0;
+                    bytepos=7;
+    
+    
+                    this.encode.displayName = "_encode_";
+    
+                    var imageData = image.data;
+                    var width = image.width;
+                    var height = image.height;
+    
+                    var quadWidth = width*4;
+                    var tripleWidth = width*3;
+    
+                    var x, y = 0;
+                    var r, g, b;
+                    var start,p, col,row,pos;
+                    while(y < height){
+                        x = 0;
+                        while(x < quadWidth){
+                        start = quadWidth * y + x;
+                        p = start;
+                        col = -1;
+                        row = 0;
+    
+                        for(pos=0; pos < 64; pos++){
+                            row = pos >> 3;// /8
+                            col = ( pos & 7 ) * 4; // %8
+                            p = start + ( row * quadWidth ) + col;
+    
+                            if(y+row >= height){ // padding bottom
+                                p-= (quadWidth*(y+1+row-height));
+                            }
+    
+                            if(x+col >= quadWidth){ // padding right
+                                p-= ((x+col) - quadWidth +4)
+                            }
+    
+                            r = imageData[ p++ ];
+                            g = imageData[ p++ ];
+                            b = imageData[ p++ ];
+    
+    
+                            /* // calculate YUV values dynamically
+                            YDU[pos]=((( 0.29900)*r+( 0.58700)*g+( 0.11400)*b))-128; //-0x80
+                            UDU[pos]=(((-0.16874)*r+(-0.33126)*g+( 0.50000)*b));
+                            VDU[pos]=((( 0.50000)*r+(-0.41869)*g+(-0.08131)*b));
+                            */
+    
+                            // use lookup table (slightly faster)
+                            YDU[pos] = ((RGB_YUV_TABLE[r]             + RGB_YUV_TABLE[(g +  256)>>0] + RGB_YUV_TABLE[(b +  512)>>0]) >> 16)-128;
+                            UDU[pos] = ((RGB_YUV_TABLE[(r +  768)>>0] + RGB_YUV_TABLE[(g + 1024)>>0] + RGB_YUV_TABLE[(b + 1280)>>0]) >> 16)-128;
+                            VDU[pos] = ((RGB_YUV_TABLE[(r + 1280)>>0] + RGB_YUV_TABLE[(g + 1536)>>0] + RGB_YUV_TABLE[(b + 1792)>>0]) >> 16)-128;
+    
+                        }
+    
+                        DCY = processDU(YDU, fdtbl_Y, DCY, YDC_HT, YAC_HT);
+                        DCU = processDU(UDU, fdtbl_UV, DCU, UVDC_HT, UVAC_HT);
+                        DCV = processDU(VDU, fdtbl_UV, DCV, UVDC_HT, UVAC_HT);
+                        x+=32;
+                        }
+                        y+=8;
+                    }
+    
+    
+                    ////////////////////////////////////////////////////////////////
+    
+                    // Do the bit alignment of the EOI marker
+                    if ( bytepos >= 0 ) {
+                        var fillbits = [];
+                        fillbits[1] = bytepos+1;
+                        fillbits[0] = (1<<(bytepos+1))-1;
+                        writeBits(fillbits);
+                    }
+    
+                    writeWord(0xFFD9); //EOI
+    
+                    var jpegDataUri = 'data:image/jpeg;base64,' + btoa(byteout.join(''));
+    
+                    byteout = [];
+    
+                    // benchmarking
+                    // var duration = new Date().getTime() - time_start;
+                    // console.log('Encoding time: '+ currentQuality + 'ms');
+                    //
+    
+                    return jpegDataUri
+            }
+    
+            function setQuality(quality){
+                if (quality <= 0) {
+                    quality = 1;
+                }
+                if (quality > 100) {
+                    quality = 100;
+                }
+    
+                if(currentQuality == quality) return // don't recalc if unchanged
+    
+                var sf = 0;
+                if (quality < 50) {
+                    sf = Math.floor(5000 / quality);
+                } else {
+                    sf = Math.floor(200 - quality*2);
+                }
+    
+                initQuantTables(sf);
+                currentQuality = quality;
+                // console.log('Quality set to: '+quality +'%');
+            }
+    
+            function init(){
+                // var time_start = new Date().getTime();
+                if(!quality) quality = 50;
+                // Create tables
+                initCharLookupTable()
+                initHuffmanTbl();
+                initCategoryNumber();
+                initRGBYUVTable();
+    
+                setQuality(quality);
+                // var duration = new Date().getTime() - time_start;
+                // console.log('Initialization '+ duration + 'ms');
+            }
+    
+            init();
+    
+        };
+    
+        JPEGEncoder.encode = function( data, quality ) {
+            var encoder = new JPEGEncoder( quality );
+    
+            return encoder.encode( data );
+        }
+    
+        return JPEGEncoder;
+    });
+    /**
+     * @fileOverview Fix android canvas.toDataUrl bug.
+     */
+    define('runtime/html5/androidpatch',[
+        'runtime/html5/util',
+        'runtime/html5/jpegencoder',
+        'base'
+    ], function( Util, encoder, Base ) {
+        var origin = Util.canvasToDataUrl,
+            supportJpeg;
+    
+        Util.canvasToDataUrl = function( canvas, type, quality ) {
+            var ctx, w, h, fragement, parts;
+    
+            // 非android手机直接跳过。
+            if ( !Base.os.android ) {
+                return origin.apply( null, arguments );
+            }
+    
+            // 检测是否canvas支持jpeg导出，根据数据格式来判断。
+            // JPEG 前两位分别是：255, 216
+            if ( type === 'image/jpeg' && typeof supportJpeg === 'undefined' ) {
+                fragement = origin.apply( null, arguments );
+    
+                parts = fragement.split(',');
+    
+                if ( ~parts[ 0 ].indexOf('base64') ) {
+                    fragement = atob( parts[ 1 ] );
+                } else {
+                    fragement = decodeURIComponent( parts[ 1 ] );
+                }
+    
+                fragement = fragement.substring( 0, 2 );
+    
+                supportJpeg = fragement.charCodeAt( 0 ) === 255 &&
+                        fragement.charCodeAt( 1 ) === 216;
+            }
+    
+            // 只有在android环境下才修复
+            if ( type === 'image/jpeg' && !supportJpeg ) {
+                w = canvas.width;
+                h = canvas.height;
+                ctx = canvas.getContext('2d');
+    
+                return encoder.encode( ctx.getImageData( 0, 0, w, h ), quality );
+            }
+    
+            return origin.apply( null, arguments );
+        };
+    });
+    /**
+     * @fileOverview Transport
+     * @todo 支持chunked传输，优势：
+     * 可以将大文件分成小块，挨个传输，可以提高大文件成功率，当失败的时候，也只需要重传那小部分，
+     * 而不需要重头再传一次。另外断点续传也需要用chunked方式。
+     */
+    define('runtime/html5/transport',[
+        'base',
+        'runtime/html5/runtime'
+    ], function( Base, Html5Runtime ) {
+    
+        var noop = Base.noop,
+            $ = Base.$;
+    
+        return Html5Runtime.register( 'Transport', {
+            init: function() {
+                this._status = 0;
+                this._response = null;
+            },
+    
+            send: function() {
+                var owner = this.owner,
+                    opts = this.options,
+                    xhr = this._initAjax(),
+                    blob = owner._blob,
+                    server = opts.server,
+                    formData, binary, fr;
+    
+                if ( opts.sendAsBinary ) {
+                    server += (/\?/.test( server ) ? '&' : '?') +
+                            $.param( owner._formData );
+    
+                    binary = blob.getSource();
+                } else {
+                    formData = new FormData();
+                    $.each( owner._formData, function( k, v ) {
+                        formData.append( k, v );
+                    });
+    
+                    formData.append( opts.fileVal, blob.getSource(),
+                            opts.filename || owner._formData.name || '' );
+                }
+    
+                if ( opts.withCredentials && 'withCredentials' in xhr ) {
+                    xhr.open( opts.method, server, true );
+                    xhr.withCredentials = true;
+                } else {
+                    xhr.open( opts.method, server );
+                }
+    
+                this._setRequestHeader( xhr, opts.headers );
+    
+                if ( binary ) {
+                    xhr.overrideMimeType('application/octet-stream');
+    
+                    // android直接发送blob会导致服务端接收到的是空文件。
+                    // bug详情。
+                    // https://code.google.com/p/android/issues/detail?id=39882
+                    // 所以先用fileReader读取出来再通过arraybuffer的方式发送。
+                    if ( Base.os.android ) {
+                        fr = new FileReader();
+    
+                        fr.onload = function() {
+                            xhr.send( this.result );
+                            fr = fr.onload = null;
+                        };
+    
+                        fr.readAsArrayBuffer( binary );
+                    } else {
+                        xhr.send( binary );
+                    }
+                } else {
+                    xhr.send( formData );
+                }
+            },
+    
+            getResponse: function() {
+                return this._response;
+            },
+    
+            getResponseAsJson: function() {
+                return this._parseJson( this._response );
+            },
+    
+            getStatus: function() {
+                return this._status;
+            },
+    
+            abort: function() {
+                var xhr = this._xhr;
+    
+                if ( xhr ) {
+                    xhr.upload.onprogress = noop;
+                    xhr.onreadystatechange = noop;
+                    xhr.abort();
+    
+                    this._xhr = xhr = null;
+                }
+            },
+    
+            destroy: function() {
+                this.abort();
+            },
+    
+            _initAjax: function() {
+                var me = this,
+                    xhr = new XMLHttpRequest(),
+                    opts = this.options;
+    
+                if ( opts.withCredentials && !('withCredentials' in xhr) &&
+                        typeof XDomainRequest !== 'undefined' ) {
+                    xhr = new XDomainRequest();
+                }
+    
+                xhr.upload.onprogress = function( e ) {
+                    var percentage = 0;
+    
+                    if ( e.lengthComputable ) {
+                        percentage = e.loaded / e.total;
+                    }
+    
+                    return me.trigger( 'progress', percentage );
+                };
+    
+                xhr.onreadystatechange = function() {
+    
+                    if ( xhr.readyState !== 4 ) {
+                        return;
+                    }
+    
+                    xhr.upload.onprogress = noop;
+                    xhr.onreadystatechange = noop;
+                    me._xhr = null;
+                    me._status = xhr.status;
+    
+                    if ( xhr.status >= 200 && xhr.status < 300 ) {
+                        me._response = xhr.responseText;
+                        return me.trigger('load');
+                    } else if ( xhr.status >= 500 && xhr.status < 600 ) {
+                        me._response = xhr.responseText;
+                        return me.trigger( 'error', 'server' );
+                    }
+    
+    
+                    return me.trigger( 'error', me._status ? 'http' : 'abort' );
+                };
+    
+                me._xhr = xhr;
+                return xhr;
+            },
+    
+            _setRequestHeader: function( xhr, headers ) {
+                $.each( headers, function( key, val ) {
+                    xhr.setRequestHeader( key, val );
+                });
+            },
+    
+            _parseJson: function( str ) {
+                var json;
+    
+                try {
+                    json = JSON.parse( str );
+                } catch ( ex ) {
+                    json = {};
+                }
+    
+                return json;
+            }
+        });
+    });
+    define('webuploader',[
+        'base',
+        'widgets/filepicker',
+        'widgets/image',
+        'widgets/queue',
+        'widgets/runtime',
+        'widgets/upload',
+        'runtime/html5/blob',
+        'runtime/html5/filepicker',
+        'runtime/html5/imagemeta/exif',
+        'runtime/html5/image',
+        'runtime/html5/androidpatch',
+        'runtime/html5/transport'
+    ], function( Base ) {
+        return Base;
+    });
+    return require('webuploader');
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.custom.min.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.custom.min.js
new file mode 100644
index 000000000..5c256b459
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.custom.min.js
@@ -0,0 +1,2 @@
+/* WebUploader 0.1.2 */!function(a,b){var c,d={},e=function(a,b){var c,d,e;if("string"==typeof a)return h(a);for(c=[],d=a.length,e=0;d>e;e++)c.push(h(a[e]));return b.apply(null,c)},f=function(a,b,c){2===arguments.length&&(c=b,b=null),e(b||[],function(){g(a,c,arguments)})},g=function(a,b,c){var f,g={exports:b};"function"==typeof b&&(c.length||(c=[e,g.exports,g]),f=b.apply(null,c),void 0!==f&&(g.exports=f)),d[a]=g.exports},h=function(b){var c=d[b]||a[b];if(!c)throw new Error("`"+b+"` is undefined");return c},i=function(a){var b,c,e,f,g,h;h=function(a){return a&&a.charAt(0).toUpperCase()+a.substr(1)};for(b in d)if(c=a,d.hasOwnProperty(b)){for(e=b.split("/"),g=h(e.pop());f=h(e.shift());)c[f]=c[f]||{},c=c[f];c[g]=d[b]}},j=b(a,f,e);i(j),"object"==typeof module&&"object"==typeof module.exports?module.exports=j:"function"==typeof define&&define.amd?define([],j):(c=a.WebUploader,a.WebUploader=j,a.WebUploader.noConflict=function(){a.WebUploader=c})}(this,function(a,b,c){return b("dollar-third",[],function(){return a.jQuery||a.Zepto}),b("dollar",["dollar-third"],function(a){return a}),b("promise-third",["dollar"],function(a){return{Deferred:a.Deferred,when:a.when,isPromise:function(a){return a&&"function"==typeof a.then}}}),b("promise",["promise-third"],function(a){return a}),b("base",["dollar","promise"],function(b,c){function d(a){return function(){return h.apply(a,arguments)}}function e(a,b){return function(){return a.apply(b,arguments)}}function f(a){var b;return Object.create?Object.create(a):(b=function(){},b.prototype=a,new b)}var g=function(){},h=Function.call;return{version:"0.1.2",$:b,Deferred:c.Deferred,isPromise:c.isPromise,when:c.when,browser:function(a){var b={},c=a.match(/WebKit\/([\d.]+)/),d=a.match(/Chrome\/([\d.]+)/)||a.match(/CriOS\/([\d.]+)/),e=a.match(/MSIE\s([\d\.]+)/)||a.match(/(?:trident)(?:.*rv:([\w.]+))?/i),f=a.match(/Firefox\/([\d.]+)/),g=a.match(/Safari\/([\d.]+)/),h=a.match(/OPR\/([\d.]+)/);return c&&(b.webkit=parseFloat(c[1])),d&&(b.chrome=parseFloat(d[1])),e&&(b.ie=parseFloat(e[1])),f&&(b.firefox=parseFloat(f[1])),g&&(b.safari=parseFloat(g[1])),h&&(b.opera=parseFloat(h[1])),b}(navigator.userAgent),os:function(a){var b={},c=a.match(/(?:Android);?[\s\/]+([\d.]+)?/),d=a.match(/(?:iPad|iPod|iPhone).*OS\s([\d_]+)/);return c&&(b.android=parseFloat(c[1])),d&&(b.ios=parseFloat(d[1].replace(/_/g,"."))),b}(navigator.userAgent),inherits:function(a,c,d){var e;return"function"==typeof c?(e=c,c=null):e=c&&c.hasOwnProperty("constructor")?c.constructor:function(){return a.apply(this,arguments)},b.extend(!0,e,a,d||{}),e.__super__=a.prototype,e.prototype=f(a.prototype),c&&b.extend(!0,e.prototype,c),e},noop:g,bindFn:e,log:function(){return a.console?e(console.log,console):g}(),nextTick:function(){return function(a){setTimeout(a,1)}}(),slice:d([].slice),guid:function(){var a=0;return function(b){for(var c=(+new Date).toString(32),d=0;5>d;d++)c+=Math.floor(65535*Math.random()).toString(32);return(b||"wu_")+c+(a++).toString(32)}}(),formatSize:function(a,b,c){var d;for(c=c||["B","K","M","G","TB"];(d=c.shift())&&a>1024;)a/=1024;return("B"===d?a:a.toFixed(b||2))+d}}}),b("mediator",["base"],function(a){function b(a,b,c,d){return f.grep(a,function(a){return!(!a||b&&a.e!==b||c&&a.cb!==c&&a.cb._cb!==c||d&&a.ctx!==d)})}function c(a,b,c){f.each((a||"").split(h),function(a,d){c(d,b)})}function d(a,b){for(var c,d=!1,e=-1,f=a.length;++e<f;)if(c=a[e],c.cb.apply(c.ctx2,b)===!1){d=!0;break}return!d}var e,f=a.$,g=[].slice,h=/\s+/;return e={on:function(a,b,d){var e,f=this;return b?(e=this._events||(this._events=[]),c(a,b,function(a,b){var c={e:a};c.cb=b,c.ctx=d,c.ctx2=d||f,c.id=e.length,e.push(c)}),this):this},once:function(a,b,d){var e=this;return b?(c(a,b,function(a,b){var c=function(){return e.off(a,c),b.apply(d||e,arguments)};c._cb=b,e.on(a,c,d)}),e):e},off:function(a,d,e){var g=this._events;return g?a||d||e?(c(a,d,function(a,c){f.each(b(g,a,c,e),function(){delete g[this.id]})}),this):(this._events=[],this):this},trigger:function(a){var c,e,f;return this._events&&a?(c=g.call(arguments,1),e=b(this._events,a),f=b(this._events,"all"),d(e,c)&&d(f,arguments)):this}},f.extend({installTo:function(a){return f.extend(a,e)}},e)}),b("uploader",["base","mediator"],function(a,b){function c(a){this.options=d.extend(!0,{},c.options,a),this._init(this.options)}var d=a.$;return c.options={},b.installTo(c.prototype),d.each({upload:"start-upload",stop:"stop-upload",getFile:"get-file",getFiles:"get-files",addFile:"add-file",addFiles:"add-file",sort:"sort-files",removeFile:"remove-file",skipFile:"skip-file",retry:"retry",isInProgress:"is-in-progress",makeThumb:"make-thumb",getDimension:"get-dimension",addButton:"add-btn",getRuntimeType:"get-runtime-type",refresh:"refresh",disable:"disable",enable:"enable",reset:"reset"},function(a,b){c.prototype[a]=function(){return this.request(b,arguments)}}),d.extend(c.prototype,{state:"pending",_init:function(a){var b=this;b.request("init",a,function(){b.state="ready",b.trigger("ready")})},option:function(a,b){var c=this.options;return arguments.length>1?void(d.isPlainObject(b)&&d.isPlainObject(c[a])?d.extend(c[a],b):c[a]=b):a?c[a]:c},getStats:function(){var a=this.request("get-stats");return{successNum:a.numOfSuccess,cancelNum:a.numOfCancel,invalidNum:a.numOfInvalid,uploadFailNum:a.numOfUploadFailed,queueNum:a.numOfQueue}},trigger:function(a){var c=[].slice.call(arguments,1),e=this.options,f="on"+a.substring(0,1).toUpperCase()+a.substring(1);return b.trigger.apply(this,arguments)===!1||d.isFunction(e[f])&&e[f].apply(this,c)===!1||d.isFunction(this[f])&&this[f].apply(this,c)===!1||b.trigger.apply(b,[this,a].concat(c))===!1?!1:!0},request:a.noop}),a.create=c.create=function(a){return new c(a)},a.Uploader=c,c}),b("runtime/runtime",["base","mediator"],function(a,b){function c(b){this.options=d.extend({container:document.body},b),this.uid=a.guid("rt_")}var d=a.$,e={},f=function(a){for(var b in a)if(a.hasOwnProperty(b))return b;return null};return d.extend(c.prototype,{getContainer:function(){var a,b,c=this.options;return this._container?this._container:(a=d(c.container||document.body),b=d(document.createElement("div")),b.attr("id","rt_"+this.uid),b.css({position:"absolute",top:"0px",left:"0px",width:"1px",height:"1px",overflow:"hidden"}),a.append(b),a.addClass("webuploader-container"),this._container=b,b)},init:a.noop,exec:a.noop,destroy:function(){this._container&&this._container.parentNode.removeChild(this.__container),this.off()}}),c.orders="html5,flash",c.addRuntime=function(a,b){e[a]=b},c.hasRuntime=function(a){return!!(a?e[a]:f(e))},c.create=function(a,b){var g,h;if(b=b||c.orders,d.each(b.split(/\s*,\s*/g),function(){return e[this]?(g=this,!1):void 0}),g=g||f(e),!g)throw new Error("Runtime Error");return h=new e[g](a)},b.installTo(c.prototype),c}),b("runtime/client",["base","mediator","runtime/runtime"],function(a,b,c){function d(b,d){var f,g=a.Deferred();this.uid=a.guid("client_"),this.runtimeReady=function(a){return g.done(a)},this.connectRuntime=function(b,h){if(f)throw new Error("already connected!");return g.done(h),"string"==typeof b&&e.get(b)&&(f=e.get(b)),f=f||e.get(null,d),f?(a.$.extend(f.options,b),f.__promise.then(g.resolve),f.__client++):(f=c.create(b,b.runtimeOrder),f.__promise=g.promise(),f.once("ready",g.resolve),f.init(),e.add(f),f.__client=1),d&&(f.__standalone=d),f},this.getRuntime=function(){return f},this.disconnectRuntime=function(){f&&(f.__client--,f.__client<=0&&(e.remove(f),delete f.__promise,f.destroy()),f=null)},this.exec=function(){if(f){var c=a.slice(arguments);return b&&c.unshift(b),f.exec.apply(this,c)}},this.getRuid=function(){return f&&f.uid},this.destroy=function(a){return function(){a&&a.apply(this,arguments),this.trigger("destroy"),this.off(),this.exec("destroy"),this.disconnectRuntime()}}(this.destroy)}var e;return e=function(){var a={};return{add:function(b){a[b.uid]=b},get:function(b,c){var d;if(b)return a[b];for(d in a)if(!c||!a[d].__standalone)return a[d];return null},remove:function(b){delete a[b.uid]}}}(),b.installTo(d.prototype),d}),b("lib/blob",["base","runtime/client"],function(a,b){function c(a,c){var d=this;d.source=c,d.ruid=a,b.call(d,"Blob"),this.uid=c.uid||this.uid,this.type=c.type||"",this.size=c.size||0,a&&d.connectRuntime(a)}return a.inherits(b,{constructor:c,slice:function(a,b){return this.exec("slice",a,b)},getSource:function(){return this.source}}),c}),b("lib/file",["base","lib/blob"],function(a,b){function c(a,c){var f;b.apply(this,arguments),this.name=c.name||"untitled"+d++,f=e.exec(c.name)?RegExp.$1.toLowerCase():"",!f&&this.type&&(f=/\/(jpg|jpeg|png|gif|bmp)$/i.exec(this.type)?RegExp.$1.toLowerCase():"",this.name+="."+f),!this.type&&~"jpg,jpeg,png,gif,bmp".indexOf(f)&&(this.type="image/"+("jpg"===f?"jpeg":f)),this.ext=f,this.lastModifiedDate=c.lastModifiedDate||(new Date).toLocaleString()}var d=1,e=/\.([^.]+)$/;return a.inherits(b,c)}),b("lib/filepicker",["base","runtime/client","lib/file"],function(b,c,d){function e(a){if(a=this.options=f.extend({},e.options,a),a.container=f(a.id),!a.container.length)throw new Error("按钮指定错误");a.innerHTML=a.innerHTML||a.label||a.container.html()||"",a.button=f(a.button||document.createElement("div")),a.button.html(a.innerHTML),a.container.html(a.button),c.call(this,"FilePicker",!0)}var f=b.$;return e.options={button:null,container:null,label:null,innerHTML:null,multiple:!0,accept:null,name:"file"},b.inherits(c,{constructor:e,init:function(){var b=this,c=b.options,e=c.button;e.addClass("webuploader-pick"),b.on("all",function(a){var g;switch(a){case"mouseenter":e.addClass("webuploader-pick-hover");break;case"mouseleave":e.removeClass("webuploader-pick-hover");break;case"change":g=b.exec("getFiles"),b.trigger("select",f.map(g,function(a){return a=new d(b.getRuid(),a),a._refer=c.container,a}),c.container)}}),b.connectRuntime(c,function(){b.refresh(),b.exec("init",c),b.trigger("ready")}),f(a).on("resize",function(){b.refresh()})},refresh:function(){var a=this.getRuntime().getContainer(),b=this.options.button,c=b.outerWidth?b.outerWidth():b.width(),d=b.outerHeight?b.outerHeight():b.height(),e=b.offset();c&&d&&a.css({bottom:"auto",right:"auto",width:c+"px",height:d+"px"}).offset(e)},enable:function(){var a=this.options.button;a.removeClass("webuploader-pick-disable"),this.refresh()},disable:function(){var a=this.options.button;this.getRuntime().getContainer().css({top:"-99999px"}),a.addClass("webuploader-pick-disable")},destroy:function(){this.runtime&&(this.exec("destroy"),this.disconnectRuntime())}}),e}),b("widgets/widget",["base","uploader"],function(a,b){function c(a){if(!a)return!1;var b=a.length,c=e.type(a);return 1===a.nodeType&&b?!0:"array"===c||"function"!==c&&"string"!==c&&(0===b||"number"==typeof b&&b>0&&b-1 in a)}function d(a){this.owner=a,this.options=a.options}var e=a.$,f=b.prototype._init,g={},h=[];return e.extend(d.prototype,{init:a.noop,invoke:function(a,b){var c=this.responseMap;return c&&a in c&&c[a]in this&&e.isFunction(this[c[a]])?this[c[a]].apply(this,b):g},request:function(){return this.owner.request.apply(this.owner,arguments)}}),e.extend(b.prototype,{_init:function(){var a=this,b=a._widgets=[];return e.each(h,function(c,d){b.push(new d(a))}),f.apply(a,arguments)},request:function(b,d,e){var f,h,i,j,k=0,l=this._widgets,m=l.length,n=[],o=[];for(d=c(d)?d:[d];m>k;k++)f=l[k],h=f.invoke(b,d),h!==g&&(a.isPromise(h)?o.push(h):n.push(h));return e||o.length?(i=a.when.apply(a,o),j=i.pipe?"pipe":"then",i[j](function(){var b=a.Deferred(),c=arguments;return setTimeout(function(){b.resolve.apply(b,c)},1),b.promise()})[j](e||a.noop)):n[0]}}),b.register=d.register=function(b,c){var f,g={init:"init"};return 1===arguments.length?(c=b,c.responseMap=g):c.responseMap=e.extend(g,b),f=a.inherits(d,c),h.push(f),f},d}),b("widgets/filepicker",["base","uploader","lib/filepicker","widgets/widget"],function(a,b,c){var d=a.$;return d.extend(b.options,{pick:null,accept:null}),b.register({"add-btn":"addButton",refresh:"refresh",disable:"disable",enable:"enable"},{init:function(a){return this.pickers=[],a.pick&&this.addButton(a.pick)},refresh:function(){d.each(this.pickers,function(){this.refresh()})},addButton:function(b){var e,f,g,h=this,i=h.options,j=i.accept;if(b)return g=a.Deferred(),d.isPlainObject(b)||(b={id:b}),e=d.extend({},b,{accept:d.isPlainObject(j)?[j]:j,swf:i.swf,runtimeOrder:i.runtimeOrder}),f=new c(e),f.once("ready",g.resolve),f.on("select",function(a){h.owner.request("add-file",[a])}),f.init(),this.pickers.push(f),g.promise()},disable:function(){d.each(this.pickers,function(){this.disable()})},enable:function(){d.each(this.pickers,function(){this.enable()})}})}),b("lib/image",["base","runtime/client","lib/blob"],function(a,b,c){function d(a){this.options=e.extend({},d.options,a),b.call(this,"Image"),this.on("load",function(){this._info=this.exec("info"),this._meta=this.exec("meta")})}var e=a.$;return d.options={quality:90,crop:!1,preserveHeaders:!0,allowMagnify:!0},a.inherits(b,{constructor:d,info:function(a){return a?(this._info=a,this):this._info},meta:function(a){return a?(this._meta=a,this):this._meta},loadFromBlob:function(a){var b=this,c=a.getRuid();this.connectRuntime(c,function(){b.exec("init",b.options),b.exec("loadFromBlob",a)})},resize:function(){var b=a.slice(arguments);return this.exec.apply(this,["resize"].concat(b))},getAsDataUrl:function(a){return this.exec("getAsDataUrl",a)},getAsBlob:function(a){var b=this.exec("getAsBlob",a);return new c(this.getRuid(),b)}}),d}),b("widgets/image",["base","uploader","lib/image","widgets/widget"],function(a,b,c){var d,e=a.$;return d=function(a){var b=0,c=[],d=function(){for(var d;c.length&&a>b;)d=c.shift(),b+=d[0],d[1]()};return function(a,e,f){c.push([e,f]),a.once("destroy",function(){b-=e,setTimeout(d,1)}),setTimeout(d,1)}}(5242880),e.extend(b.options,{thumb:{width:110,height:110,quality:70,allowMagnify:!0,crop:!0,preserveHeaders:!1,type:"image/jpeg"},compress:{width:1600,height:1600,quality:90,allowMagnify:!1,crop:!1,preserveHeaders:!0}}),b.register({"make-thumb":"makeThumb","before-send-file":"compressImage"},{makeThumb:function(a,b,f,g){var h,i;return a=this.request("get-file",a),a.type.match(/^image/)?(h=e.extend({},this.options.thumb),e.isPlainObject(f)&&(h=e.extend(h,f),f=null),f=f||h.width,g=g||h.height,i=new c(h),i.once("load",function(){a._info=a._info||i.info(),a._meta=a._meta||i.meta(),i.resize(f,g)}),i.once("complete",function(){b(!1,i.getAsDataUrl(h.type)),i.destroy()}),i.once("error",function(){b(!0),i.destroy()}),void d(i,a.source.size,function(){a._info&&i.info(a._info),a._meta&&i.meta(a._meta),i.loadFromBlob(a.source)})):void b(!0)},compressImage:function(b){var d,f,g=this.options.compress||this.options.resize,h=g&&g.compressSize||307200;return b=this.request("get-file",b),!g||!~"image/jpeg,image/jpg".indexOf(b.type)||b.size<h||b._compressed?void 0:(g=e.extend({},g),f=a.Deferred(),d=new c(g),f.always(function(){d.destroy(),d=null}),d.once("error",f.reject),d.once("load",function(){b._info=b._info||d.info(),b._meta=b._meta||d.meta(),d.resize(g.width,g.height)}),d.once("complete",function(){var a,c;try{a=d.getAsBlob(g.type),c=b.size,a.size<c&&(b.source=a,b.size=a.size,b.trigger("resize",a.size,c)),b._compressed=!0,f.resolve()}catch(e){f.resolve()}}),b._info&&d.info(b._info),b._meta&&d.meta(b._meta),d.loadFromBlob(b.source),f.promise())}})}),b("file",["base","mediator"],function(a,b){function c(){return f+g++}function d(a){this.name=a.name||"Untitled",this.size=a.size||0,this.type=a.type||"application",this.lastModifiedDate=a.lastModifiedDate||1*new Date,this.id=c(),this.ext=h.exec(this.name)?RegExp.$1:"",this.statusText="",i[this.id]=d.Status.INITED,this.source=a,this.loaded=0,this.on("error",function(a){this.setStatus(d.Status.ERROR,a)})}var e=a.$,f="WU_FILE_",g=0,h=/\.([^.]+)$/,i={};return e.extend(d.prototype,{setStatus:function(a,b){var c=i[this.id];"undefined"!=typeof b&&(this.statusText=b),a!==c&&(i[this.id]=a,this.trigger("statuschange",a,c))},getStatus:function(){return i[this.id]},getSource:function(){return this.source},destory:function(){delete i[this.id]}}),b.installTo(d.prototype),d.Status={INITED:"inited",QUEUED:"queued",PROGRESS:"progress",ERROR:"error",COMPLETE:"complete",CANCELLED:"cancelled",INTERRUPT:"interrupt",INVALID:"invalid"},d}),b("queue",["base","mediator","file"],function(a,b,c){function d(){this.stats={numOfQueue:0,numOfSuccess:0,numOfCancel:0,numOfProgress:0,numOfUploadFailed:0,numOfInvalid:0},this._queue=[],this._map={}}var e=a.$,f=c.Status;return e.extend(d.prototype,{append:function(a){return this._queue.push(a),this._fileAdded(a),this},prepend:function(a){return this._queue.unshift(a),this._fileAdded(a),this},getFile:function(a){return"string"!=typeof a?a:this._map[a]},fetch:function(a){var b,c,d=this._queue.length;for(a=a||f.QUEUED,b=0;d>b;b++)if(c=this._queue[b],a===c.getStatus())return c;return null},sort:function(a){"function"==typeof a&&this._queue.sort(a)},getFiles:function(){for(var a,b=[].slice.call(arguments,0),c=[],d=0,f=this._queue.length;f>d;d++)a=this._queue[d],(!b.length||~e.inArray(a.getStatus(),b))&&c.push(a);return c},_fileAdded:function(a){var b=this,c=this._map[a.id];c||(this._map[a.id]=a,a.on("statuschange",function(a,c){b._onFileStatusChange(a,c)})),a.setStatus(f.QUEUED)},_onFileStatusChange:function(a,b){var c=this.stats;switch(b){case f.PROGRESS:c.numOfProgress--;break;case f.QUEUED:c.numOfQueue--;break;case f.ERROR:c.numOfUploadFailed--;break;case f.INVALID:c.numOfInvalid--}switch(a){case f.QUEUED:c.numOfQueue++;break;case f.PROGRESS:c.numOfProgress++;break;case f.ERROR:c.numOfUploadFailed++;break;case f.COMPLETE:c.numOfSuccess++;break;case f.CANCELLED:c.numOfCancel++;break;case f.INVALID:c.numOfInvalid++}}}),b.installTo(d.prototype),d}),b("widgets/queue",["base","uploader","queue","file","lib/file","runtime/client","widgets/widget"],function(a,b,c,d,e,f){var g=a.$,h=/\.\w+$/,i=d.Status;return b.register({"sort-files":"sortFiles","add-file":"addFiles","get-file":"getFile","fetch-file":"fetchFile","get-stats":"getStats","get-files":"getFiles","remove-file":"removeFile",retry:"retry",reset:"reset","accept-file":"acceptFile"},{init:function(b){var d,e,h,i,j,k,l,m=this;if(g.isPlainObject(b.accept)&&(b.accept=[b.accept]),b.accept){for(j=[],h=0,e=b.accept.length;e>h;h++)i=b.accept[h].extensions,i&&j.push(i);j.length&&(k="\\."+j.join(",").replace(/,/g,"$|\\.").replace(/\*/g,".*")+"$"),m.accept=new RegExp(k,"i")}return m.queue=new c,m.stats=m.queue.stats,"html5"===this.request("predict-runtime-type")?(d=a.Deferred(),l=new f("Placeholder"),l.connectRuntime({runtimeOrder:"html5"},function(){m._ruid=l.getRuid(),d.resolve()}),d.promise()):void 0},_wrapFile:function(a){if(!(a instanceof d)){if(!(a instanceof e)){if(!this._ruid)throw new Error("Can't add external files.");a=new e(this._ruid,a)}a=new d(a)}return a},acceptFile:function(a){var b=!a||a.size<6||this.accept&&h.exec(a.name)&&!this.accept.test(a.name);return!b},_addFile:function(a){var b=this;return a=b._wrapFile(a),b.owner.trigger("beforeFileQueued",a)?b.acceptFile(a)?(b.queue.append(a),b.owner.trigger("fileQueued",a),a):void b.owner.trigger("error","Q_TYPE_DENIED",a):void 0},getFile:function(a){return this.queue.getFile(a)},addFiles:function(a){var b=this;a.length||(a=[a]),a=g.map(a,function(a){return b._addFile(a)}),b.owner.trigger("filesQueued",a),b.options.auto&&b.request("start-upload")},getStats:function(){return this.stats},removeFile:function(a){var b=this;a=a.id?a:b.queue.getFile(a),a.setStatus(i.CANCELLED),b.owner.trigger("fileDequeued",a)},getFiles:function(){return this.queue.getFiles.apply(this.queue,arguments)},fetchFile:function(){return this.queue.fetch.apply(this.queue,arguments)},retry:function(a,b){var c,d,e,f=this;if(a)return a=a.id?a:f.queue.getFile(a),a.setStatus(i.QUEUED),void(b||f.request("start-upload"));for(c=f.queue.getFiles(i.ERROR),d=0,e=c.length;e>d;d++)a=c[d],a.setStatus(i.QUEUED);f.request("start-upload")},sortFiles:function(){return this.queue.sort.apply(this.queue,arguments)},reset:function(){this.queue=new c,this.stats=this.queue.stats}})}),b("widgets/runtime",["uploader","runtime/runtime","widgets/widget"],function(a,b){return a.support=function(){return b.hasRuntime.apply(b,arguments)},a.register({"predict-runtime-type":"predictRuntmeType"},{init:function(){if(!this.predictRuntmeType())throw Error("Runtime Error")},predictRuntmeType:function(){var a,c,d=this.options.runtimeOrder||b.orders,e=this.type;if(!e)for(d=d.split(/\s*,\s*/g),a=0,c=d.length;c>a;a++)if(b.hasRuntime(d[a])){this.type=e=d[a];break}return e}})}),b("lib/transport",["base","runtime/client","mediator"],function(a,b,c){function d(a){var c=this;a=c.options=e.extend(!0,{},d.options,a||{}),b.call(this,"Transport"),this._blob=null,this._formData=a.formData||{},this._headers=a.headers||{},this.on("progress",this._timeout),this.on("load error",function(){c.trigger("progress",1),clearTimeout(c._timer)})}var e=a.$;return d.options={server:"",method:"POST",withCredentials:!1,fileVal:"file",timeout:12e4,formData:{},headers:{},sendAsBinary:!1},e.extend(d.prototype,{appendBlob:function(a,b,c){var d=this,e=d.options;d.getRuid()&&d.disconnectRuntime(),d.connectRuntime(b.ruid,function(){d.exec("init")}),d._blob=b,e.fileVal=a||e.fileVal,e.filename=c||e.filename},append:function(a,b){"object"==typeof a?e.extend(this._formData,a):this._formData[a]=b},setRequestHeader:function(a,b){"object"==typeof a?e.extend(this._headers,a):this._headers[a]=b},send:function(a){this.exec("send",a),this._timeout()},abort:function(){return clearTimeout(this._timer),this.exec("abort")},destroy:function(){this.trigger("destroy"),this.off(),this.exec("destroy"),this.disconnectRuntime()},getResponse:function(){return this.exec("getResponse")},getResponseAsJson:function(){return this.exec("getResponseAsJson")},getStatus:function(){return this.exec("getStatus")},_timeout:function(){var a=this,b=a.options.timeout;b&&(clearTimeout(a._timer),a._timer=setTimeout(function(){a.abort(),a.trigger("error","timeout")},b))}}),c.installTo(d.prototype),d}),b("widgets/upload",["base","uploader","file","lib/transport","widgets/widget"],function(a,b,c,d){function e(a,b){for(var c,d=[],e=a.source,f=e.size,g=b?Math.ceil(f/b):1,h=0,i=0;g>i;)c=Math.min(b,f-h),d.push({file:a,start:h,end:b?h+c:f,total:f,chunks:g,chunk:i++}),h+=c;return a.blocks=d.concat(),a.remaning=d.length,{file:a,has:function(){return!!d.length},fetch:function(){return d.shift()}}}var f=a.$,g=a.isPromise,h=c.Status;f.extend(b.options,{prepareNextFile:!1,chunked:!1,chunkSize:5242880,chunkRetry:2,threads:3,formData:null}),b.register({"start-upload":"start","stop-upload":"stop","skip-file":"skipFile","is-in-progress":"isInProgress"},{init:function(){var b=this.owner;this.runing=!1,this.pool=[],this.pending=[],this.remaning=0,this.__tick=a.bindFn(this._tick,this),b.on("uploadComplete",function(a){a.blocks&&f.each(a.blocks,function(a,b){b.transport&&(b.transport.abort(),b.transport.destroy()),delete b.transport}),delete a.blocks,delete a.remaning})},start:function(){var b=this;f.each(b.request("get-files",h.INVALID),function(){b.request("remove-file",this)}),b.runing||(b.runing=!0,f.each(b.pool,function(a,c){var d=c.file;d.getStatus()===h.INTERRUPT&&(d.setStatus(h.PROGRESS),b._trigged=!1,c.transport&&c.transport.send())}),b._trigged=!1,b.owner.trigger("startUpload"),a.nextTick(b.__tick))},stop:function(a){var b=this;b.runing!==!1&&(b.runing=!1,a&&f.each(b.pool,function(a,b){b.transport&&b.transport.abort(),b.file.setStatus(h.INTERRUPT)}),b.owner.trigger("stopUpload"))},isInProgress:function(){return!!this.runing},getStats:function(){return this.request("get-stats")},skipFile:function(a,b){a=this.request("get-file",a),a.setStatus(b||h.COMPLETE),a.skipped=!0,a.blocks&&f.each(a.blocks,function(a,b){var c=b.transport;c&&(c.abort(),c.destroy(),delete b.transport)}),this.owner.trigger("uploadSkip",a)},_tick:function(){var b,c,d=this,e=d.options;return d._promise?d._promise.always(d.__tick):void(d.pool.length<e.threads&&(c=d._nextBlock())?(d._trigged=!1,b=function(b){d._promise=null,b&&b.file&&d._startSend(b),a.nextTick(d.__tick)},d._promise=g(c)?c.always(b):b(c)):d.remaning||d.getStats().numOfQueue||(d.runing=!1,d._trigged||a.nextTick(function(){d.owner.trigger("uploadFinished")}),d._trigged=!0))},_nextBlock:function(){var a,b,c=this,d=c._act,f=c.options;return d&&d.has()&&d.file.getStatus()===h.PROGRESS?(f.prepareNextFile&&!c.pending.length&&c._prepareNextFile(),d.fetch()):c.runing?(!c.pending.length&&c.getStats().numOfQueue&&c._prepareNextFile(),a=c.pending.shift(),b=function(a){return a?(d=e(a,f.chunked?f.chunkSize:0),c._act=d,d.fetch()):null},g(a)?a[a.pipe?"pipe":"then"](b):b(a)):void 0},_prepareNextFile:function(){var a,b=this,c=b.request("fetch-file"),d=b.pending;c&&(a=b.request("before-send-file",c,function(){return c.getStatus()===h.QUEUED?(b.owner.trigger("uploadStart",c),c.setStatus(h.PROGRESS),c):b._finishFile(c)}),a.done(function(){var b=f.inArray(a,d);~b&&d.splice(b,1,c)}),a.fail(function(a){c.setStatus(h.ERROR,a),b.owner.trigger("uploadError",c,a),b.owner.trigger("uploadComplete",c)}),d.push(a))},_popBlock:function(a){var b=f.inArray(a,this.pool);this.pool.splice(b,1),a.file.remaning--,this.remaning--},_startSend:function(b){var c,d=this,e=b.file;d.pool.push(b),d.remaning++,b.blob=1===b.chunks?e.source:e.source.slice(b.start,b.end),c=d.request("before-send",b,function(){e.getStatus()===h.PROGRESS?d._doSend(b):(d._popBlock(b),a.nextTick(d.__tick))}),c.fail(function(){1===e.remaning?d._finishFile(e).always(function(){b.percentage=1,d._popBlock(b),d.owner.trigger("uploadComplete",e),a.nextTick(d.__tick)}):(b.percentage=1,d._popBlock(b),a.nextTick(d.__tick))})},_doSend:function(b){var c,e,g=this,i=g.owner,j=g.options,k=b.file,l=new d(j),m=f.extend({},j.formData),n=f.extend({},j.headers);b.transport=l,l.on("destroy",function(){delete b.transport,g._popBlock(b),a.nextTick(g.__tick)}),l.on("progress",function(a){var c=0,d=0;c=b.percentage=a,b.chunks>1&&(f.each(k.blocks,function(a,b){d+=(b.percentage||0)*(b.end-b.start)}),c=d/k.size),i.trigger("uploadProgress",k,c||0)}),c=function(a){var c;return e=l.getResponseAsJson()||{},e._raw=l.getResponse(),c=function(b){a=b},i.trigger("uploadAccept",b,e,c)||(a=a||"server"),a},l.on("error",function(a,d){b.retried=b.retried||0,b.chunks>1&&~"http,abort".indexOf(a)&&b.retried<j.chunkRetry?(b.retried++,l.send()):(d||"server"!==a||(a=c(a)),k.setStatus(h.ERROR,a),i.trigger("uploadError",k,a),i.trigger("uploadComplete",k))}),l.on("load",function(){var a;return(a=c())?void l.trigger("error",a,!0):void(1===k.remaning?g._finishFile(k,e):l.destroy())}),m=f.extend(m,{id:k.id,name:k.name,type:k.type,lastModifiedDate:k.lastModifiedDate,size:k.size}),b.chunks>1&&f.extend(m,{chunks:b.chunks,chunk:b.chunk}),i.trigger("uploadBeforeSend",b,m,n),l.appendBlob(j.fileVal,b.blob,k.name),l.append(m),l.setRequestHeader(n),l.send()},_finishFile:function(a,b,c){var d=this.owner;return d.request("after-send-file",arguments,function(){a.setStatus(h.COMPLETE),d.trigger("uploadSuccess",a,b,c)}).fail(function(b){a.getStatus()===h.PROGRESS&&a.setStatus(h.ERROR,b),d.trigger("uploadError",a,b)}).always(function(){d.trigger("uploadComplete",a)})}})}),b("runtime/compbase",[],function(){function a(a,b){this.owner=a,this.options=a.options,this.getRuntime=function(){return b},this.getRuid=function(){return b.uid},this.trigger=function(){return a.trigger.apply(a,arguments)}}return a}),b("runtime/html5/runtime",["base","runtime/runtime","runtime/compbase"],function(b,c,d){function e(){var a={},d=this,e=this.destory;c.apply(d,arguments),d.type=f,d.exec=function(c,e){var f,h=this,i=h.uid,j=b.slice(arguments,2);return g[c]&&(f=a[i]=a[i]||new g[c](h,d),f[e])?f[e].apply(f,j):void 0},d.destory=function(){return e&&e.apply(this,arguments)}}var f="html5",g={};return b.inherits(c,{constructor:e,init:function(){var a=this;setTimeout(function(){a.trigger("ready")},1)}}),e.register=function(a,c){var e=g[a]=b.inherits(d,c);return e},a.Blob&&a.FileReader&&a.DataView&&c.addRuntime(f,e),e}),b("runtime/html5/blob",["runtime/html5/runtime","lib/blob"],function(a,b){return a.register("Blob",{slice:function(a,c){var d=this.owner.source,e=d.slice||d.webkitSlice||d.mozSlice;return d=e.call(d,a,c),new b(this.getRuid(),d)}})}),b("runtime/html5/filepicker",["base","runtime/html5/runtime"],function(a,b){var c=a.$;return b.register("FilePicker",{init:function(){var a,b,d,e,f=this.getRuntime().getContainer(),g=this,h=g.owner,i=g.options,j=c(document.createElement("label")),k=c(document.createElement("input"));if(k.attr("type","file"),k.attr("name",i.name),k.addClass("webuploader-element-invisible"),j.on("click",function(){k.trigger("click")}),j.css({opacity:0,width:"100%",height:"100%",display:"block",cursor:"pointer",background:"#ffffff"}),i.multiple&&k.attr("multiple","multiple"),i.accept&&i.accept.length>0){for(a=[],b=0,d=i.accept.length;d>b;b++)a.push(i.accept[b].mimeTypes);k.attr("accept",a.join(","))}f.append(k),f.append(j),e=function(a){h.trigger(a.type)},k.on("change",function(a){var b,d=arguments.callee;g.files=a.target.files,b=this.cloneNode(!0),this.parentNode.replaceChild(b,this),k.off(),k=c(b).on("change",d).on("mouseenter mouseleave",e),h.trigger("change")}),j.on("mouseenter mouseleave",e)},getFiles:function(){return this.files},destroy:function(){}})}),b("runtime/html5/util",["base"],function(b){var c=a.createObjectURL&&a||a.URL&&URL.revokeObjectURL&&URL||a.webkitURL,d=b.noop,e=d;return c&&(d=function(){return c.createObjectURL.apply(c,arguments)},e=function(){return c.revokeObjectURL.apply(c,arguments)}),{createObjectURL:d,revokeObjectURL:e,dataURL2Blob:function(a){var b,c,d,e,f,g;for(g=a.split(","),b=~g[0].indexOf("base64")?atob(g[1]):decodeURIComponent(g[1]),d=new ArrayBuffer(b.length),c=new Uint8Array(d),e=0;e<b.length;e++)c[e]=b.charCodeAt(e);return f=g[0].split(":")[1].split(";")[0],this.arrayBufferToBlob(d,f)},dataURL2ArrayBuffer:function(a){var b,c,d,e;for(e=a.split(","),b=~e[0].indexOf("base64")?atob(e[1]):decodeURIComponent(e[1]),c=new Uint8Array(b.length),d=0;d<b.length;d++)c[d]=b.charCodeAt(d);return c.buffer},arrayBufferToBlob:function(b,c){var d,e=a.BlobBuilder||a.WebKitBlobBuilder;return e?(d=new e,d.append(b),d.getBlob(c)):new Blob([b],c?{type:c}:{})},canvasToDataUrl:function(a,b,c){return a.toDataURL(b,c/100)},parseMeta:function(a,b){b(!1,{})},updateImageHead:function(a){return a}}}),b("runtime/html5/imagemeta",["runtime/html5/util"],function(a){var b;return b={parsers:{65505:[]},maxMetaDataSize:262144,parse:function(a,b){var c=this,d=new FileReader;d.onload=function(){b(!1,c._parse(this.result)),d=d.onload=d.onerror=null},d.onerror=function(a){b(a.message),d=d.onload=d.onerror=null},a=a.slice(0,c.maxMetaDataSize),d.readAsArrayBuffer(a.getSource())},_parse:function(a,c){if(!(a.byteLength<6)){var d,e,f,g,h=new DataView(a),i=2,j=h.byteLength-4,k=i,l={};if(65496===h.getUint16(0)){for(;j>i&&(d=h.getUint16(i),d>=65504&&65519>=d||65534===d)&&(e=h.getUint16(i+2)+2,!(i+e>h.byteLength));){if(f=b.parsers[d],!c&&f)for(g=0;g<f.length;g+=1)f[g].call(b,h,i,e,l);i+=e,k=i}k>6&&(l.imageHead=a.slice?a.slice(2,k):new Uint8Array(a).subarray(2,k))}return l}},updateImageHead:function(a,b){var c,d,e,f=this._parse(a,!0);return e=2,f.imageHead&&(e=2+f.imageHead.byteLength),d=a.slice?a.slice(e):new Uint8Array(a).subarray(e),c=new Uint8Array(b.byteLength+2+d.byteLength),c[0]=255,c[1]=216,c.set(new Uint8Array(b),2),c.set(new Uint8Array(d),b.byteLength+2),c.buffer}},a.parseMeta=function(){return b.parse.apply(b,arguments)},a.updateImageHead=function(){return b.updateImageHead.apply(b,arguments)},b}),b("runtime/html5/imagemeta/exif",["base","runtime/html5/imagemeta"],function(a,b){var c={};return c.ExifMap=function(){return this},c.ExifMap.prototype.map={Orientation:274},c.ExifMap.prototype.get=function(a){return this[a]||this[this.map[a]]},c.exifTagTypes={1:{getValue:function(a,b){return a.getUint8(b)},size:1},2:{getValue:function(a,b){return String.fromCharCode(a.getUint8(b))},size:1,ascii:!0},3:{getValue:function(a,b,c){return a.getUint16(b,c)},size:2},4:{getValue:function(a,b,c){return a.getUint32(b,c)
+},size:4},5:{getValue:function(a,b,c){return a.getUint32(b,c)/a.getUint32(b+4,c)},size:8},9:{getValue:function(a,b,c){return a.getInt32(b,c)},size:4},10:{getValue:function(a,b,c){return a.getInt32(b,c)/a.getInt32(b+4,c)},size:8}},c.exifTagTypes[7]=c.exifTagTypes[1],c.getExifValue=function(b,d,e,f,g,h){var i,j,k,l,m,n,o=c.exifTagTypes[f];if(!o)return void a.log("Invalid Exif data: Invalid tag type.");if(i=o.size*g,j=i>4?d+b.getUint32(e+8,h):e+8,j+i>b.byteLength)return void a.log("Invalid Exif data: Invalid data offset.");if(1===g)return o.getValue(b,j,h);for(k=[],l=0;g>l;l+=1)k[l]=o.getValue(b,j+l*o.size,h);if(o.ascii){for(m="",l=0;l<k.length&&(n=k[l],"\x00"!==n);l+=1)m+=n;return m}return k},c.parseExifTag=function(a,b,d,e,f){var g=a.getUint16(d,e);f.exif[g]=c.getExifValue(a,b,d,a.getUint16(d+2,e),a.getUint32(d+4,e),e)},c.parseExifTags=function(b,c,d,e,f){var g,h,i;if(d+6>b.byteLength)return void a.log("Invalid Exif data: Invalid directory offset.");if(g=b.getUint16(d,e),h=d+2+12*g,h+4>b.byteLength)return void a.log("Invalid Exif data: Invalid directory size.");for(i=0;g>i;i+=1)this.parseExifTag(b,c,d+2+12*i,e,f);return b.getUint32(h,e)},c.parseExifData=function(b,d,e,f){var g,h,i=d+10;if(1165519206===b.getUint32(d+4)){if(i+8>b.byteLength)return void a.log("Invalid Exif data: Invalid segment size.");if(0!==b.getUint16(d+8))return void a.log("Invalid Exif data: Missing byte alignment offset.");switch(b.getUint16(i)){case 18761:g=!0;break;case 19789:g=!1;break;default:return void a.log("Invalid Exif data: Invalid byte alignment marker.")}if(42!==b.getUint16(i+2,g))return void a.log("Invalid Exif data: Missing TIFF marker.");h=b.getUint32(i+4,g),f.exif=new c.ExifMap,h=c.parseExifTags(b,i,i+h,g,f)}},b.parsers[65505].push(c.parseExifData),c}),b("runtime/html5/image",["base","runtime/html5/runtime","runtime/html5/util"],function(a,b,c){var d="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D";return b.register("Image",{modified:!1,init:function(){var a=this,b=new Image;b.onload=function(){a._info={type:a.type,width:this.width,height:this.height},a._metas||"image/jpeg"!==a.type?a.owner.trigger("load"):c.parseMeta(a._blob,function(b,c){a._metas=c,a.owner.trigger("load")})},b.onerror=function(){a.owner.trigger("error")},a._img=b},loadFromBlob:function(a){var b=this,d=b._img;b._blob=a,b.type=a.type,d.src=c.createObjectURL(a.getSource()),b.owner.once("load",function(){c.revokeObjectURL(d.src)})},resize:function(a,b){var c=this._canvas||(this._canvas=document.createElement("canvas"));this._resize(this._img,c,a,b),this._blob=null,this.modified=!0,this.owner.trigger("complete")},getAsBlob:function(a){var b,d=this._blob,e=this.options;if(a=a||this.type,this.modified||this.type!==a){if(b=this._canvas,"image/jpeg"===a){if(d=c.canvasToDataUrl(b,"image/jpeg",e.quality),e.preserveHeaders&&this._metas&&this._metas.imageHead)return d=c.dataURL2ArrayBuffer(d),d=c.updateImageHead(d,this._metas.imageHead),d=c.arrayBufferToBlob(d,a)}else d=c.canvasToDataUrl(b,a);d=c.dataURL2Blob(d)}return d},getAsDataUrl:function(a){var b=this.options;return a=a||this.type,"image/jpeg"===a?c.canvasToDataUrl(this._canvas,a,b.quality):this._canvas.toDataURL(a)},getOrientation:function(){return this._metas&&this._metas.exif&&this._metas.exif.get("Orientation")||1},info:function(a){return a?(this._info=a,this):this._info},meta:function(a){return a?(this._meta=a,this):this._meta},destroy:function(){var a=this._canvas;this._img.onload=null,a&&(a.getContext("2d").clearRect(0,0,a.width,a.height),a.width=a.height=0,this._canvas=null),this._img.src=d,this._img=this._blob=null},_resize:function(a,b,c,d){var e,f,g,h,i,j=this.options,k=a.width,l=a.height,m=this.getOrientation();~[5,6,7,8].indexOf(m)&&(c^=d,d^=c,c^=d),e=Math[j.crop?"max":"min"](c/k,d/l),j.allowMagnify||(e=Math.min(1,e)),f=k*e,g=l*e,j.crop?(b.width=c,b.height=d):(b.width=f,b.height=g),h=(b.width-f)/2,i=(b.height-g)/2,j.preserveHeaders||this._rotate2Orientaion(b,m),this._renderImageToCanvas(b,a,h,i,f,g)},_rotate2Orientaion:function(a,b){var c=a.width,d=a.height,e=a.getContext("2d");switch(b){case 5:case 6:case 7:case 8:a.width=d,a.height=c}switch(b){case 2:e.translate(c,0),e.scale(-1,1);break;case 3:e.translate(c,d),e.rotate(Math.PI);break;case 4:e.translate(0,d),e.scale(1,-1);break;case 5:e.rotate(.5*Math.PI),e.scale(1,-1);break;case 6:e.rotate(.5*Math.PI),e.translate(0,-d);break;case 7:e.rotate(.5*Math.PI),e.translate(c,-d),e.scale(-1,1);break;case 8:e.rotate(-.5*Math.PI),e.translate(-c,0)}},_renderImageToCanvas:function(){function b(a,b,c){var d,e,f,g=document.createElement("canvas"),h=g.getContext("2d"),i=0,j=c,k=c;for(g.width=1,g.height=c,h.drawImage(a,0,0),d=h.getImageData(0,0,1,c).data;k>i;)e=d[4*(k-1)+3],0===e?j=k:i=k,k=j+i>>1;return f=k/c,0===f?1:f}function c(a){var b,c,d=a.naturalWidth,e=a.naturalHeight;return d*e>1048576?(b=document.createElement("canvas"),b.width=b.height=1,c=b.getContext("2d"),c.drawImage(a,-d+1,0),0===c.getImageData(0,0,1,1).data[3]):!1}return a.os.ios?a.os.ios>=7?function(a,c,d,e,f,g){var h=c.naturalWidth,i=c.naturalHeight,j=b(c,h,i);return a.getContext("2d").drawImage(c,0,0,h*j,i*j,d,e,f,g)}:function(a,d,e,f,g,h){var i,j,k,l,m,n,o,p=d.naturalWidth,q=d.naturalHeight,r=a.getContext("2d"),s=c(d),t="image/jpeg"===this.type,u=1024,v=0,w=0;for(s&&(p/=2,q/=2),r.save(),i=document.createElement("canvas"),i.width=i.height=u,j=i.getContext("2d"),k=t?b(d,p,q):1,l=Math.ceil(u*g/p),m=Math.ceil(u*h/q/k);q>v;){for(n=0,o=0;p>n;)j.clearRect(0,0,u,u),j.drawImage(d,-n,-v),r.drawImage(i,0,0,u,u,e+o,f+w,l,m),n+=u,o+=l;v+=u,w+=m}r.restore(),i=j=null}:function(a,b,c,d,e,f){a.getContext("2d").drawImage(b,c,d,e,f)}}()})}),b("runtime/html5/jpegencoder",[],function(){function a(a){function b(a){for(var b=[16,11,10,16,24,40,51,61,12,12,14,19,26,58,60,55,14,13,16,24,40,57,69,56,14,17,22,29,51,87,80,62,18,22,37,56,68,109,103,77,24,35,55,64,81,104,113,92,49,64,78,87,103,121,120,101,72,92,95,98,112,100,103,99],c=0;64>c;c++){var d=y((b[c]*a+50)/100);1>d?d=1:d>255&&(d=255),z[P[c]]=d}for(var e=[17,18,24,47,99,99,99,99,18,21,26,66,99,99,99,99,24,26,56,99,99,99,99,99,47,66,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99],f=0;64>f;f++){var g=y((e[f]*a+50)/100);1>g?g=1:g>255&&(g=255),A[P[f]]=g}for(var h=[1,1.387039845,1.306562965,1.175875602,1,.785694958,.5411961,.275899379],i=0,j=0;8>j;j++)for(var k=0;8>k;k++)B[i]=1/(z[P[i]]*h[j]*h[k]*8),C[i]=1/(A[P[i]]*h[j]*h[k]*8),i++}function c(a,b){for(var c=0,d=0,e=new Array,f=1;16>=f;f++){for(var g=1;g<=a[f];g++)e[b[d]]=[],e[b[d]][0]=c,e[b[d]][1]=f,d++,c++;c*=2}return e}function d(){t=c(Q,R),u=c(U,V),v=c(S,T),w=c(W,X)}function e(){for(var a=1,b=2,c=1;15>=c;c++){for(var d=a;b>d;d++)E[32767+d]=c,D[32767+d]=[],D[32767+d][1]=c,D[32767+d][0]=d;for(var e=-(b-1);-a>=e;e++)E[32767+e]=c,D[32767+e]=[],D[32767+e][1]=c,D[32767+e][0]=b-1+e;a<<=1,b<<=1}}function f(){for(var a=0;256>a;a++)O[a]=19595*a,O[a+256>>0]=38470*a,O[a+512>>0]=7471*a+32768,O[a+768>>0]=-11059*a,O[a+1024>>0]=-21709*a,O[a+1280>>0]=32768*a+8421375,O[a+1536>>0]=-27439*a,O[a+1792>>0]=-5329*a}function g(a){for(var b=a[0],c=a[1]-1;c>=0;)b&1<<c&&(I|=1<<J),c--,J--,0>J&&(255==I?(h(255),h(0)):h(I),J=7,I=0)}function h(a){H.push(N[a])}function i(a){h(a>>8&255),h(255&a)}function j(a,b){var c,d,e,f,g,h,i,j,k,l=0,m=8,n=64;for(k=0;m>k;++k){c=a[l],d=a[l+1],e=a[l+2],f=a[l+3],g=a[l+4],h=a[l+5],i=a[l+6],j=a[l+7];var o=c+j,p=c-j,q=d+i,r=d-i,s=e+h,t=e-h,u=f+g,v=f-g,w=o+u,x=o-u,y=q+s,z=q-s;a[l]=w+y,a[l+4]=w-y;var A=.707106781*(z+x);a[l+2]=x+A,a[l+6]=x-A,w=v+t,y=t+r,z=r+p;var B=.382683433*(w-z),C=.5411961*w+B,D=1.306562965*z+B,E=.707106781*y,G=p+E,H=p-E;a[l+5]=H+C,a[l+3]=H-C,a[l+1]=G+D,a[l+7]=G-D,l+=8}for(l=0,k=0;m>k;++k){c=a[l],d=a[l+8],e=a[l+16],f=a[l+24],g=a[l+32],h=a[l+40],i=a[l+48],j=a[l+56];var I=c+j,J=c-j,K=d+i,L=d-i,M=e+h,N=e-h,O=f+g,P=f-g,Q=I+O,R=I-O,S=K+M,T=K-M;a[l]=Q+S,a[l+32]=Q-S;var U=.707106781*(T+R);a[l+16]=R+U,a[l+48]=R-U,Q=P+N,S=N+L,T=L+J;var V=.382683433*(Q-T),W=.5411961*Q+V,X=1.306562965*T+V,Y=.707106781*S,Z=J+Y,$=J-Y;a[l+40]=$+W,a[l+24]=$-W,a[l+8]=Z+X,a[l+56]=Z-X,l++}var _;for(k=0;n>k;++k)_=a[k]*b[k],F[k]=_>0?_+.5|0:_-.5|0;return F}function k(){i(65504),i(16),h(74),h(70),h(73),h(70),h(0),h(1),h(1),h(0),i(1),i(1),h(0),h(0)}function l(a,b){i(65472),i(17),h(8),i(b),i(a),h(3),h(1),h(17),h(0),h(2),h(17),h(1),h(3),h(17),h(1)}function m(){i(65499),i(132),h(0);for(var a=0;64>a;a++)h(z[a]);h(1);for(var b=0;64>b;b++)h(A[b])}function n(){i(65476),i(418),h(0);for(var a=0;16>a;a++)h(Q[a+1]);for(var b=0;11>=b;b++)h(R[b]);h(16);for(var c=0;16>c;c++)h(S[c+1]);for(var d=0;161>=d;d++)h(T[d]);h(1);for(var e=0;16>e;e++)h(U[e+1]);for(var f=0;11>=f;f++)h(V[f]);h(17);for(var g=0;16>g;g++)h(W[g+1]);for(var j=0;161>=j;j++)h(X[j])}function o(){i(65498),i(12),h(3),h(1),h(0),h(2),h(17),h(3),h(17),h(0),h(63),h(0)}function p(a,b,c,d,e){for(var f,h=e[0],i=e[240],k=16,l=63,m=64,n=j(a,b),o=0;m>o;++o)G[P[o]]=n[o];var p=G[0]-c;c=G[0],0==p?g(d[0]):(f=32767+p,g(d[E[f]]),g(D[f]));for(var q=63;q>0&&0==G[q];q--);if(0==q)return g(h),c;for(var r,s=1;q>=s;){for(var t=s;0==G[s]&&q>=s;++s);var u=s-t;if(u>=k){r=u>>4;for(var v=1;r>=v;++v)g(i);u=15&u}f=32767+G[s],g(e[(u<<4)+E[f]]),g(D[f]),s++}return q!=l&&g(h),c}function q(){for(var a=String.fromCharCode,b=0;256>b;b++)N[b]=a(b)}function r(a){if(0>=a&&(a=1),a>100&&(a=100),x!=a){var c=0;c=Math.floor(50>a?5e3/a:200-2*a),b(c),x=a}}function s(){a||(a=50),q(),d(),e(),f(),r(a)}var t,u,v,w,x,y=(Math.round,Math.floor),z=new Array(64),A=new Array(64),B=new Array(64),C=new Array(64),D=new Array(65535),E=new Array(65535),F=new Array(64),G=new Array(64),H=[],I=0,J=7,K=new Array(64),L=new Array(64),M=new Array(64),N=new Array(256),O=new Array(2048),P=[0,1,5,6,14,15,27,28,2,4,7,13,16,26,29,42,3,8,12,17,25,30,41,43,9,11,18,24,31,40,44,53,10,19,23,32,39,45,52,54,20,22,33,38,46,51,55,60,21,34,37,47,50,56,59,61,35,36,48,49,57,58,62,63],Q=[0,0,1,5,1,1,1,1,1,1,0,0,0,0,0,0,0],R=[0,1,2,3,4,5,6,7,8,9,10,11],S=[0,0,2,1,3,3,2,4,3,5,5,4,4,0,0,1,125],T=[1,2,3,0,4,17,5,18,33,49,65,6,19,81,97,7,34,113,20,50,129,145,161,8,35,66,177,193,21,82,209,240,36,51,98,114,130,9,10,22,23,24,25,26,37,38,39,40,41,42,52,53,54,55,56,57,58,67,68,69,70,71,72,73,74,83,84,85,86,87,88,89,90,99,100,101,102,103,104,105,106,115,116,117,118,119,120,121,122,131,132,133,134,135,136,137,138,146,147,148,149,150,151,152,153,154,162,163,164,165,166,167,168,169,170,178,179,180,181,182,183,184,185,186,194,195,196,197,198,199,200,201,202,210,211,212,213,214,215,216,217,218,225,226,227,228,229,230,231,232,233,234,241,242,243,244,245,246,247,248,249,250],U=[0,0,3,1,1,1,1,1,1,1,1,1,0,0,0,0,0],V=[0,1,2,3,4,5,6,7,8,9,10,11],W=[0,0,2,1,2,4,4,3,4,7,5,4,4,0,1,2,119],X=[0,1,2,3,17,4,5,33,49,6,18,65,81,7,97,113,19,34,50,129,8,20,66,145,161,177,193,9,35,51,82,240,21,98,114,209,10,22,36,52,225,37,241,23,24,25,26,38,39,40,41,42,53,54,55,56,57,58,67,68,69,70,71,72,73,74,83,84,85,86,87,88,89,90,99,100,101,102,103,104,105,106,115,116,117,118,119,120,121,122,130,131,132,133,134,135,136,137,138,146,147,148,149,150,151,152,153,154,162,163,164,165,166,167,168,169,170,178,179,180,181,182,183,184,185,186,194,195,196,197,198,199,200,201,202,210,211,212,213,214,215,216,217,218,226,227,228,229,230,231,232,233,234,242,243,244,245,246,247,248,249,250];this.encode=function(a,b){b&&r(b),H=new Array,I=0,J=7,i(65496),k(),m(),l(a.width,a.height),n(),o();var c=0,d=0,e=0;I=0,J=7,this.encode.displayName="_encode_";for(var f,h,j,q,s,x,y,z,A,D=a.data,E=a.width,F=a.height,G=4*E,N=0;F>N;){for(f=0;G>f;){for(s=G*N+f,x=s,y=-1,z=0,A=0;64>A;A++)z=A>>3,y=4*(7&A),x=s+z*G+y,N+z>=F&&(x-=G*(N+1+z-F)),f+y>=G&&(x-=f+y-G+4),h=D[x++],j=D[x++],q=D[x++],K[A]=(O[h]+O[j+256>>0]+O[q+512>>0]>>16)-128,L[A]=(O[h+768>>0]+O[j+1024>>0]+O[q+1280>>0]>>16)-128,M[A]=(O[h+1280>>0]+O[j+1536>>0]+O[q+1792>>0]>>16)-128;c=p(K,B,c,t,v),d=p(L,C,d,u,w),e=p(M,C,e,u,w),f+=32}N+=8}if(J>=0){var P=[];P[1]=J+1,P[0]=(1<<J+1)-1,g(P)}i(65497);var Q="data:image/jpeg;base64,"+btoa(H.join(""));return H=[],Q},s()}return a.encode=function(b,c){var d=new a(c);return d.encode(b)},a}),b("runtime/html5/androidpatch",["runtime/html5/util","runtime/html5/jpegencoder","base"],function(a,b,c){var d,e=a.canvasToDataUrl;a.canvasToDataUrl=function(a,f,g){var h,i,j,k,l;return c.os.android?("image/jpeg"===f&&"undefined"==typeof d&&(k=e.apply(null,arguments),l=k.split(","),k=~l[0].indexOf("base64")?atob(l[1]):decodeURIComponent(l[1]),k=k.substring(0,2),d=255===k.charCodeAt(0)&&216===k.charCodeAt(1)),"image/jpeg"!==f||d?e.apply(null,arguments):(i=a.width,j=a.height,h=a.getContext("2d"),b.encode(h.getImageData(0,0,i,j),g))):e.apply(null,arguments)}}),b("runtime/html5/transport",["base","runtime/html5/runtime"],function(a,b){var c=a.noop,d=a.$;return b.register("Transport",{init:function(){this._status=0,this._response=null},send:function(){var b,c,e,f=this.owner,g=this.options,h=this._initAjax(),i=f._blob,j=g.server;g.sendAsBinary?(j+=(/\?/.test(j)?"&":"?")+d.param(f._formData),c=i.getSource()):(b=new FormData,d.each(f._formData,function(a,c){b.append(a,c)}),b.append(g.fileVal,i.getSource(),g.filename||f._formData.name||"")),g.withCredentials&&"withCredentials"in h?(h.open(g.method,j,!0),h.withCredentials=!0):h.open(g.method,j),this._setRequestHeader(h,g.headers),c?(h.overrideMimeType("application/octet-stream"),a.os.android?(e=new FileReader,e.onload=function(){h.send(this.result),e=e.onload=null},e.readAsArrayBuffer(c)):h.send(c)):h.send(b)},getResponse:function(){return this._response},getResponseAsJson:function(){return this._parseJson(this._response)},getStatus:function(){return this._status},abort:function(){var a=this._xhr;a&&(a.upload.onprogress=c,a.onreadystatechange=c,a.abort(),this._xhr=a=null)},destroy:function(){this.abort()},_initAjax:function(){var a=this,b=new XMLHttpRequest,d=this.options;return!d.withCredentials||"withCredentials"in b||"undefined"==typeof XDomainRequest||(b=new XDomainRequest),b.upload.onprogress=function(b){var c=0;return b.lengthComputable&&(c=b.loaded/b.total),a.trigger("progress",c)},b.onreadystatechange=function(){return 4===b.readyState?(b.upload.onprogress=c,b.onreadystatechange=c,a._xhr=null,a._status=b.status,b.status>=200&&b.status<300?(a._response=b.responseText,a.trigger("load")):b.status>=500&&b.status<600?(a._response=b.responseText,a.trigger("error","server")):a.trigger("error",a._status?"http":"abort")):void 0},a._xhr=b,b},_setRequestHeader:function(a,b){d.each(b,function(b,c){a.setRequestHeader(b,c)})},_parseJson:function(a){var b;try{b=JSON.parse(a)}catch(c){b={}}return b}})}),b("webuploader",["base","widgets/filepicker","widgets/image","widgets/queue","widgets/runtime","widgets/upload","runtime/html5/blob","runtime/html5/filepicker","runtime/html5/imagemeta/exif","runtime/html5/image","runtime/html5/androidpatch","runtime/html5/transport"],function(a){return a}),c("webuploader")});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.flashonly.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.flashonly.js
new file mode 100644
index 000000000..10f44969f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.flashonly.js
@@ -0,0 +1,4176 @@
+/*! WebUploader 0.1.2 */
+
+
+/**
+ * @fileOverview 让内部各个部件的代码可以用[amd](https://github.com/amdjs/amdjs-api/wiki/AMD)模块定义方式组织起来。
+ *
+ * AMD API 内部的简单不完全实现，请忽略。只有当WebUploader被合并成一个文件的时候才会引入。
+ */
+(function( root, factory ) {
+    var modules = {},
+
+        // 内部require, 简单不完全实现。
+        // https://github.com/amdjs/amdjs-api/wiki/require
+        _require = function( deps, callback ) {
+            var args, len, i;
+
+            // 如果deps不是数组，则直接返回指定module
+            if ( typeof deps === 'string' ) {
+                return getModule( deps );
+            } else {
+                args = [];
+                for( len = deps.length, i = 0; i < len; i++ ) {
+                    args.push( getModule( deps[ i ] ) );
+                }
+
+                return callback.apply( null, args );
+            }
+        },
+
+        // 内部define，暂时不支持不指定id.
+        _define = function( id, deps, factory ) {
+            if ( arguments.length === 2 ) {
+                factory = deps;
+                deps = null;
+            }
+
+            _require( deps || [], function() {
+                setModule( id, factory, arguments );
+            });
+        },
+
+        // 设置module, 兼容CommonJs写法。
+        setModule = function( id, factory, args ) {
+            var module = {
+                    exports: factory
+                },
+                returned;
+
+            if ( typeof factory === 'function' ) {
+                args.length || (args = [ _require, module.exports, module ]);
+                returned = factory.apply( null, args );
+                returned !== undefined && (module.exports = returned);
+            }
+
+            modules[ id ] = module.exports;
+        },
+
+        // 根据id获取module
+        getModule = function( id ) {
+            var module = modules[ id ] || root[ id ];
+
+            if ( !module ) {
+                throw new Error( '`' + id + '` is undefined' );
+            }
+
+            return module;
+        },
+
+        // 将所有modules，将路径ids装换成对象。
+        exportsTo = function( obj ) {
+            var key, host, parts, part, last, ucFirst;
+
+            // make the first character upper case.
+            ucFirst = function( str ) {
+                return str && (str.charAt( 0 ).toUpperCase() + str.substr( 1 ));
+            };
+
+            for ( key in modules ) {
+                host = obj;
+
+                if ( !modules.hasOwnProperty( key ) ) {
+                    continue;
+                }
+
+                parts = key.split('/');
+                last = ucFirst( parts.pop() );
+
+                while( (part = ucFirst( parts.shift() )) ) {
+                    host[ part ] = host[ part ] || {};
+                    host = host[ part ];
+                }
+
+                host[ last ] = modules[ key ];
+            }
+        },
+
+        exports = factory( root, _define, _require ),
+        origin;
+
+    // exports every module.
+    exportsTo( exports );
+
+    if ( typeof module === 'object' && typeof module.exports === 'object' ) {
+
+        // For CommonJS and CommonJS-like environments where a proper window is present,
+        module.exports = exports;
+    } else if ( typeof define === 'function' && define.amd ) {
+
+        // Allow using this built library as an AMD module
+        // in another project. That other project will only
+        // see this AMD call, not the internal modules in
+        // the closure below.
+        define([], exports );
+    } else {
+
+        // Browser globals case. Just assign the
+        // result to a property on the global.
+        origin = root.WebUploader;
+        root.WebUploader = exports;
+        root.WebUploader.noConflict = function() {
+            root.WebUploader = origin;
+        };
+    }
+})( this, function( window, define, require ) {
+
+
+    /**
+     * @fileOverview jQuery or Zepto
+     */
+    define('dollar-third',[],function() {
+        return window.jQuery || window.Zepto;
+    });
+    /**
+     * @fileOverview Dom 操作相关
+     */
+    define('dollar',[
+        'dollar-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 使用jQuery的Promise
+     */
+    define('promise-third',[
+        'dollar'
+    ], function( $ ) {
+        return {
+            Deferred: $.Deferred,
+            when: $.when,
+    
+            isPromise: function( anything ) {
+                return anything && typeof anything.then === 'function';
+            }
+        };
+    });
+    /**
+     * @fileOverview Promise/A+
+     */
+    define('promise',[
+        'promise-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 基础类方法。
+     */
+    
+    /**
+     * Web Uploader内部类的详细说明，以下提及的功能类，都可以在`WebUploader`这个变量中访问到。
+     *
+     * As you know, Web Uploader的每个文件都是用过[AMD](https://github.com/amdjs/amdjs-api/wiki/AMD)规范中的`define`组织起来的, 每个Module都会有个module id.
+     * 默认module id该文件的路径，而此路径将会转化成名字空间存放在WebUploader中。如：
+     *
+     * * module `base`：WebUploader.Base
+     * * module `file`: WebUploader.File
+     * * module `lib/dnd`: WebUploader.Lib.Dnd
+     * * module `runtime/html5/dnd`: WebUploader.Runtime.Html5.Dnd
+     *
+     *
+     * 以下文档将可能省略`WebUploader`前缀。
+     * @module WebUploader
+     * @title WebUploader API文档
+     */
+    define('base',[
+        'dollar',
+        'promise'
+    ], function( $, promise ) {
+    
+        var noop = function() {},
+            call = Function.call;
+    
+        // http://jsperf.com/uncurrythis
+        // 反科里化
+        function uncurryThis( fn ) {
+            return function() {
+                return call.apply( fn, arguments );
+            };
+        }
+    
+        function bindFn( fn, context ) {
+            return function() {
+                return fn.apply( context, arguments );
+            };
+        }
+    
+        function createObject( proto ) {
+            var f;
+    
+            if ( Object.create ) {
+                return Object.create( proto );
+            } else {
+                f = function() {};
+                f.prototype = proto;
+                return new f();
+            }
+        }
+    
+    
+        /**
+         * 基础类，提供一些简单常用的方法。
+         * @class Base
+         */
+        return {
+    
+            /**
+             * @property {String} version 当前版本号。
+             */
+            version: '0.1.2',
+    
+            /**
+             * @property {jQuery|Zepto} $ 引用依赖的jQuery或者Zepto对象。
+             */
+            $: $,
+    
+            Deferred: promise.Deferred,
+    
+            isPromise: promise.isPromise,
+    
+            when: promise.when,
+    
+            /**
+             * @description  简单的浏览器检查结果。
+             *
+             * * `webkit`  webkit版本号，如果浏览器为非webkit内核，此属性为`undefined`。
+             * * `chrome`  chrome浏览器版本号，如果浏览器为chrome，此属性为`undefined`。
+             * * `ie`  ie浏览器版本号，如果浏览器为非ie，此属性为`undefined`。**暂不支持ie10+**
+             * * `firefox`  firefox浏览器版本号，如果浏览器为非firefox，此属性为`undefined`。
+             * * `safari`  safari浏览器版本号，如果浏览器为非safari，此属性为`undefined`。
+             * * `opera`  opera浏览器版本号，如果浏览器为非opera，此属性为`undefined`。
+             *
+             * @property {Object} [browser]
+             */
+            browser: (function( ua ) {
+                var ret = {},
+                    webkit = ua.match( /WebKit\/([\d.]+)/ ),
+                    chrome = ua.match( /Chrome\/([\d.]+)/ ) ||
+                        ua.match( /CriOS\/([\d.]+)/ ),
+    
+                    ie = ua.match( /MSIE\s([\d\.]+)/ ) ||
+                        ua.match(/(?:trident)(?:.*rv:([\w.]+))?/i),
+                    firefox = ua.match( /Firefox\/([\d.]+)/ ),
+                    safari = ua.match( /Safari\/([\d.]+)/ ),
+                    opera = ua.match( /OPR\/([\d.]+)/ );
+    
+                webkit && (ret.webkit = parseFloat( webkit[ 1 ] ));
+                chrome && (ret.chrome = parseFloat( chrome[ 1 ] ));
+                ie && (ret.ie = parseFloat( ie[ 1 ] ));
+                firefox && (ret.firefox = parseFloat( firefox[ 1 ] ));
+                safari && (ret.safari = parseFloat( safari[ 1 ] ));
+                opera && (ret.opera = parseFloat( opera[ 1 ] ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
+            /**
+             * @description  操作系统检查结果。
+             *
+             * * `android`  如果在android浏览器环境下，此值为对应的android版本号，否则为`undefined`。
+             * * `ios` 如果在ios浏览器环境下，此值为对应的ios版本号，否则为`undefined`。
+             * @property {Object} [os]
+             */
+            os: (function( ua ) {
+                var ret = {},
+    
+                    // osx = !!ua.match( /\(Macintosh\; Intel / ),
+                    android = ua.match( /(?:Android);?[\s\/]+([\d.]+)?/ ),
+                    ios = ua.match( /(?:iPad|iPod|iPhone).*OS\s([\d_]+)/ );
+    
+                // osx && (ret.osx = true);
+                android && (ret.android = parseFloat( android[ 1 ] ));
+                ios && (ret.ios = parseFloat( ios[ 1 ].replace( /_/g, '.' ) ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
+            /**
+             * 实现类与类之间的继承。
+             * @method inherits
+             * @grammar Base.inherits( super ) => child
+             * @grammar Base.inherits( super, protos ) => child
+             * @grammar Base.inherits( super, protos, statics ) => child
+             * @param  {Class} super 父类
+             * @param  {Object | Function} [protos] 子类或者对象。如果对象中包含constructor，子类将是用此属性值。
+             * @param  {Function} [protos.constructor] 子类构造器，不指定的话将创建个临时的直接执行父类构造器的方法。
+             * @param  {Object} [statics] 静态属性或方法。
+             * @return {Class} 返回子类。
+             * @example
+             * function Person() {
+             *     console.log( 'Super' );
+             * }
+             * Person.prototype.hello = function() {
+             *     console.log( 'hello' );
+             * };
+             *
+             * var Manager = Base.inherits( Person, {
+             *     world: function() {
+             *         console.log( 'World' );
+             *     }
+             * });
+             *
+             * // 因为没有指定构造器，父类的构造器将会执行。
+             * var instance = new Manager();    // => Super
+             *
+             * // 继承子父类的方法
+             * instance.hello();    // => hello
+             * instance.world();    // => World
+             *
+             * // 子类的__super__属性指向父类
+             * console.log( Manager.__super__ === Person );    // => true
+             */
+            inherits: function( Super, protos, staticProtos ) {
+                var child;
+    
+                if ( typeof protos === 'function' ) {
+                    child = protos;
+                    protos = null;
+                } else if ( protos && protos.hasOwnProperty('constructor') ) {
+                    child = protos.constructor;
+                } else {
+                    child = function() {
+                        return Super.apply( this, arguments );
+                    };
+                }
+    
+                // 复制静态方法
+                $.extend( true, child, Super, staticProtos || {} );
+    
+                /* jshint camelcase: false */
+    
+                // 让子类的__super__属性指向父类。
+                child.__super__ = Super.prototype;
+    
+                // 构建原型，添加原型方法或属性。
+                // 暂时用Object.create实现。
+                child.prototype = createObject( Super.prototype );
+                protos && $.extend( true, child.prototype, protos );
+    
+                return child;
+            },
+    
+            /**
+             * 一个不做任何事情的方法。可以用来赋值给默认的callback.
+             * @method noop
+             */
+            noop: noop,
+    
+            /**
+             * 返回一个新的方法，此方法将已指定的`context`来执行。
+             * @grammar Base.bindFn( fn, context ) => Function
+             * @method bindFn
+             * @example
+             * var doSomething = function() {
+             *         console.log( this.name );
+             *     },
+             *     obj = {
+             *         name: 'Object Name'
+             *     },
+             *     aliasFn = Base.bind( doSomething, obj );
+             *
+             *  aliasFn();    // => Object Name
+             *
+             */
+            bindFn: bindFn,
+    
+            /**
+             * 引用Console.log如果存在的话，否则引用一个[空函数loop](#WebUploader:Base.log)。
+             * @grammar Base.log( args... ) => undefined
+             * @method log
+             */
+            log: (function() {
+                if ( window.console ) {
+                    return bindFn( console.log, console );
+                }
+                return noop;
+            })(),
+    
+            nextTick: (function() {
+    
+                return function( cb ) {
+                    setTimeout( cb, 1 );
+                };
+    
+                // @bug 当浏览器不在当前窗口时就停了。
+                // var next = window.requestAnimationFrame ||
+                //     window.webkitRequestAnimationFrame ||
+                //     window.mozRequestAnimationFrame ||
+                //     function( cb ) {
+                //         window.setTimeout( cb, 1000 / 60 );
+                //     };
+    
+                // // fix: Uncaught TypeError: Illegal invocation
+                // return bindFn( next, window );
+            })(),
+    
+            /**
+             * 被[uncurrythis](http://www.2ality.com/2011/11/uncurrying-this.html)的数组slice方法。
+             * 将用来将非数组对象转化成数组对象。
+             * @grammar Base.slice( target, start[, end] ) => Array
+             * @method slice
+             * @example
+             * function doSomthing() {
+             *     var args = Base.slice( arguments, 1 );
+             *     console.log( args );
+             * }
+             *
+             * doSomthing( 'ignored', 'arg2', 'arg3' );    // => Array ["arg2", "arg3"]
+             */
+            slice: uncurryThis( [].slice ),
+    
+            /**
+             * 生成唯一的ID
+             * @method guid
+             * @grammar Base.guid() => String
+             * @grammar Base.guid( prefx ) => String
+             */
+            guid: (function() {
+                var counter = 0;
+    
+                return function( prefix ) {
+                    var guid = (+new Date()).toString( 32 ),
+                        i = 0;
+    
+                    for ( ; i < 5; i++ ) {
+                        guid += Math.floor( Math.random() * 65535 ).toString( 32 );
+                    }
+    
+                    return (prefix || 'wu_') + guid + (counter++).toString( 32 );
+                };
+            })(),
+    
+            /**
+             * 格式化文件大小, 输出成带单位的字符串
+             * @method formatSize
+             * @grammar Base.formatSize( size ) => String
+             * @grammar Base.formatSize( size, pointLength ) => String
+             * @grammar Base.formatSize( size, pointLength, units ) => String
+             * @param {Number} size 文件大小
+             * @param {Number} [pointLength=2] 精确到的小数点数。
+             * @param {Array} [units=[ 'B', 'K', 'M', 'G', 'TB' ]] 单位数组。从字节，到千字节，一直往上指定。如果单位数组里面只指定了到了K(千字节)，同时文件大小大于M, 此方法的输出将还是显示成多少K.
+             * @example
+             * console.log( Base.formatSize( 100 ) );    // => 100B
+             * console.log( Base.formatSize( 1024 ) );    // => 1.00K
+             * console.log( Base.formatSize( 1024, 0 ) );    // => 1K
+             * console.log( Base.formatSize( 1024 * 1024 ) );    // => 1.00M
+             * console.log( Base.formatSize( 1024 * 1024 * 1024 ) );    // => 1.00G
+             * console.log( Base.formatSize( 1024 * 1024 * 1024, 0, ['B', 'KB', 'MB'] ) );    // => 1024MB
+             */
+            formatSize: function( size, pointLength, units ) {
+                var unit;
+    
+                units = units || [ 'B', 'K', 'M', 'G', 'TB' ];
+    
+                while ( (unit = units.shift()) && size > 1024 ) {
+                    size = size / 1024;
+                }
+    
+                return (unit === 'B' ? size : size.toFixed( pointLength || 2 )) +
+                        unit;
+            }
+        };
+    });
+    /**
+     * 事件处理类，可以独立使用，也可以扩展给对象使用。
+     * @fileOverview Mediator
+     */
+    define('mediator',[
+        'base'
+    ], function( Base ) {
+        var $ = Base.$,
+            slice = [].slice,
+            separator = /\s+/,
+            protos;
+    
+        // 根据条件过滤出事件handlers.
+        function findHandlers( arr, name, callback, context ) {
+            return $.grep( arr, function( handler ) {
+                return handler &&
+                        (!name || handler.e === name) &&
+                        (!callback || handler.cb === callback ||
+                        handler.cb._cb === callback) &&
+                        (!context || handler.ctx === context);
+            });
+        }
+    
+        function eachEvent( events, callback, iterator ) {
+            // 不支持对象，只支持多个event用空格隔开
+            $.each( (events || '').split( separator ), function( _, key ) {
+                iterator( key, callback );
+            });
+        }
+    
+        function triggerHanders( events, args ) {
+            var stoped = false,
+                i = -1,
+                len = events.length,
+                handler;
+    
+            while ( ++i < len ) {
+                handler = events[ i ];
+    
+                if ( handler.cb.apply( handler.ctx2, args ) === false ) {
+                    stoped = true;
+                    break;
+                }
+            }
+    
+            return !stoped;
+        }
+    
+        protos = {
+    
+            /**
+             * 绑定事件。
+             *
+             * `callback`方法在执行时，arguments将会来源于trigger的时候携带的参数。如
+             * ```javascript
+             * var obj = {};
+             *
+             * // 使得obj有事件行为
+             * Mediator.installTo( obj );
+             *
+             * obj.on( 'testa', function( arg1, arg2 ) {
+             *     console.log( arg1, arg2 ); // => 'arg1', 'arg2'
+             * });
+             *
+             * obj.trigger( 'testa', 'arg1', 'arg2' );
+             * ```
+             *
+             * 如果`callback`中，某一个方法`return false`了，则后续的其他`callback`都不会被执行到。
+             * 切会影响到`trigger`方法的返回值，为`false`。
+             *
+             * `on`还可以用来添加一个特殊事件`all`, 这样所有的事件触发都会响应到。同时此类`callback`中的arguments有一个不同处，
+             * 就是第一个参数为`type`，记录当前是什么事件在触发。此类`callback`的优先级比脚低，会再正常`callback`执行完后触发。
+             * ```javascript
+             * obj.on( 'all', function( type, arg1, arg2 ) {
+             *     console.log( type, arg1, arg2 ); // => 'testa', 'arg1', 'arg2'
+             * });
+             * ```
+             *
+             * @method on
+             * @grammar on( name, callback[, context] ) => self
+             * @param  {String}   name     事件名，支持多个事件用空格隔开
+             * @param  {Function} callback 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             * @class Mediator
+             */
+            on: function( name, callback, context ) {
+                var me = this,
+                    set;
+    
+                if ( !callback ) {
+                    return this;
+                }
+    
+                set = this._events || (this._events = []);
+    
+                eachEvent( name, callback, function( name, callback ) {
+                    var handler = { e: name };
+    
+                    handler.cb = callback;
+                    handler.ctx = context;
+                    handler.ctx2 = context || me;
+                    handler.id = set.length;
+    
+                    set.push( handler );
+                });
+    
+                return this;
+            },
+    
+            /**
+             * 绑定事件，且当handler执行完后，自动解除绑定。
+             * @method once
+             * @grammar once( name, callback[, context] ) => self
+             * @param  {String}   name     事件名
+             * @param  {Function} callback 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             */
+            once: function( name, callback, context ) {
+                var me = this;
+    
+                if ( !callback ) {
+                    return me;
+                }
+    
+                eachEvent( name, callback, function( name, callback ) {
+                    var once = function() {
+                            me.off( name, once );
+                            return callback.apply( context || me, arguments );
+                        };
+    
+                    once._cb = callback;
+                    me.on( name, once, context );
+                });
+    
+                return me;
+            },
+    
+            /**
+             * 解除事件绑定
+             * @method off
+             * @grammar off( [name[, callback[, context] ] ] ) => self
+             * @param  {String}   [name]     事件名
+             * @param  {Function} [callback] 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             */
+            off: function( name, cb, ctx ) {
+                var events = this._events;
+    
+                if ( !events ) {
+                    return this;
+                }
+    
+                if ( !name && !cb && !ctx ) {
+                    this._events = [];
+                    return this;
+                }
+    
+                eachEvent( name, cb, function( name, cb ) {
+                    $.each( findHandlers( events, name, cb, ctx ), function() {
+                        delete events[ this.id ];
+                    });
+                });
+    
+                return this;
+            },
+    
+            /**
+             * 触发事件
+             * @method trigger
+             * @grammar trigger( name[, args...] ) => self
+             * @param  {String}   type     事件名
+             * @param  {*} [...] 任意参数
+             * @return {Boolean} 如果handler中return false了，则返回false, 否则返回true
+             */
+            trigger: function( type ) {
+                var args, events, allEvents;
+    
+                if ( !this._events || !type ) {
+                    return this;
+                }
+    
+                args = slice.call( arguments, 1 );
+                events = findHandlers( this._events, type );
+                allEvents = findHandlers( this._events, 'all' );
+    
+                return triggerHanders( events, args ) &&
+                        triggerHanders( allEvents, arguments );
+            }
+        };
+    
+        /**
+         * 中介者，它本身是个单例，但可以通过[installTo](#WebUploader:Mediator:installTo)方法，使任何对象具备事件行为。
+         * 主要目的是负责模块与模块之间的合作，降低耦合度。
+         *
+         * @class Mediator
+         */
+        return $.extend({
+    
+            /**
+             * 可以通过这个接口，使任何对象具备事件功能。
+             * @method installTo
+             * @param  {Object} obj 需要具备事件行为的对象。
+             * @return {Object} 返回obj.
+             */
+            installTo: function( obj ) {
+                return $.extend( obj, protos );
+            }
+    
+        }, protos );
+    });
+    /**
+     * @fileOverview Uploader上传类
+     */
+    define('uploader',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$;
+    
+        /**
+         * 上传入口类。
+         * @class Uploader
+         * @constructor
+         * @grammar new Uploader( opts ) => Uploader
+         * @example
+         * var uploader = WebUploader.Uploader({
+         *     swf: 'path_of_swf/Uploader.swf',
+         *
+         *     // 开起分片上传。
+         *     chunked: true
+         * });
+         */
+        function Uploader( opts ) {
+            this.options = $.extend( true, {}, Uploader.options, opts );
+            this._init( this.options );
+        }
+    
+        // default Options
+        // widgets中有相应扩展
+        Uploader.options = {};
+        Mediator.installTo( Uploader.prototype );
+    
+        // 批量添加纯命令式方法。
+        $.each({
+            upload: 'start-upload',
+            stop: 'stop-upload',
+            getFile: 'get-file',
+            getFiles: 'get-files',
+            addFile: 'add-file',
+            addFiles: 'add-file',
+            sort: 'sort-files',
+            removeFile: 'remove-file',
+            skipFile: 'skip-file',
+            retry: 'retry',
+            isInProgress: 'is-in-progress',
+            makeThumb: 'make-thumb',
+            getDimension: 'get-dimension',
+            addButton: 'add-btn',
+            getRuntimeType: 'get-runtime-type',
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable',
+            reset: 'reset'
+        }, function( fn, command ) {
+            Uploader.prototype[ fn ] = function() {
+                return this.request( command, arguments );
+            };
+        });
+    
+        $.extend( Uploader.prototype, {
+            state: 'pending',
+    
+            _init: function( opts ) {
+                var me = this;
+    
+                me.request( 'init', opts, function() {
+                    me.state = 'ready';
+                    me.trigger('ready');
+                });
+            },
+    
+            /**
+             * 获取或者设置Uploader配置项。
+             * @method option
+             * @grammar option( key ) => *
+             * @grammar option( key, val ) => self
+             * @example
+             *
+             * // 初始状态图片上传前不会压缩
+             * var uploader = new WebUploader.Uploader({
+             *     resize: null;
+             * });
+             *
+             * // 修改后图片上传前，尝试将图片压缩到1600 * 1600
+             * uploader.options( 'resize', {
+             *     width: 1600,
+             *     height: 1600
+             * });
+             */
+            option: function( key, val ) {
+                var opts = this.options;
+    
+                // setter
+                if ( arguments.length > 1 ) {
+    
+                    if ( $.isPlainObject( val ) &&
+                            $.isPlainObject( opts[ key ] ) ) {
+                        $.extend( opts[ key ], val );
+                    } else {
+                        opts[ key ] = val;
+                    }
+    
+                } else {    // getter
+                    return key ? opts[ key ] : opts;
+                }
+            },
+    
+            /**
+             * 获取文件统计信息。返回一个包含一下信息的对象。
+             * * `successNum` 上传成功的文件数
+             * * `uploadFailNum` 上传失败的文件数
+             * * `cancelNum` 被删除的文件数
+             * * `invalidNum` 无效的文件数
+             * * `queueNum` 还在队列中的文件数
+             * @method getStats
+             * @grammar getStats() => Object
+             */
+            getStats: function() {
+                // return this._mgr.getStats.apply( this._mgr, arguments );
+                var stats = this.request('get-stats');
+    
+                return {
+                    successNum: stats.numOfSuccess,
+    
+                    // who care?
+                    // queueFailNum: 0,
+                    cancelNum: stats.numOfCancel,
+                    invalidNum: stats.numOfInvalid,
+                    uploadFailNum: stats.numOfUploadFailed,
+                    queueNum: stats.numOfQueue
+                };
+            },
+    
+            // 需要重写此方法来来支持opts.onEvent和instance.onEvent的处理器
+            trigger: function( type/*, args...*/ ) {
+                var args = [].slice.call( arguments, 1 ),
+                    opts = this.options,
+                    name = 'on' + type.substring( 0, 1 ).toUpperCase() +
+                        type.substring( 1 );
+    
+                if (
+                        // 调用通过on方法注册的handler.
+                        Mediator.trigger.apply( this, arguments ) === false ||
+    
+                        // 调用opts.onEvent
+                        $.isFunction( opts[ name ] ) &&
+                        opts[ name ].apply( this, args ) === false ||
+    
+                        // 调用this.onEvent
+                        $.isFunction( this[ name ] ) &&
+                        this[ name ].apply( this, args ) === false ||
+    
+                        // 广播所有uploader的事件。
+                        Mediator.trigger.apply( Mediator,
+                        [ this, type ].concat( args ) ) === false ) {
+    
+                    return false;
+                }
+    
+                return true;
+            },
+    
+            // widgets/widget.js将补充此方法的详细文档。
+            request: Base.noop
+        });
+    
+        /**
+         * 创建Uploader实例，等同于new Uploader( opts );
+         * @method create
+         * @class Base
+         * @static
+         * @grammar Base.create( opts ) => Uploader
+         */
+        Base.create = Uploader.create = function( opts ) {
+            return new Uploader( opts );
+        };
+    
+        // 暴露Uploader，可以通过它来扩展业务逻辑。
+        Base.Uploader = Uploader;
+    
+        return Uploader;
+    });
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/runtime',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$,
+            factories = {},
+    
+            // 获取对象的第一个key
+            getFirstKey = function( obj ) {
+                for ( var key in obj ) {
+                    if ( obj.hasOwnProperty( key ) ) {
+                        return key;
+                    }
+                }
+                return null;
+            };
+    
+        // 接口类。
+        function Runtime( options ) {
+            this.options = $.extend({
+                container: document.body
+            }, options );
+            this.uid = Base.guid('rt_');
+        }
+    
+        $.extend( Runtime.prototype, {
+    
+            getContainer: function() {
+                var opts = this.options,
+                    parent, container;
+    
+                if ( this._container ) {
+                    return this._container;
+                }
+    
+                parent = $( opts.container || document.body );
+                container = $( document.createElement('div') );
+    
+                container.attr( 'id', 'rt_' + this.uid );
+                container.css({
+                    position: 'absolute',
+                    top: '0px',
+                    left: '0px',
+                    width: '1px',
+                    height: '1px',
+                    overflow: 'hidden'
+                });
+    
+                parent.append( container );
+                parent.addClass('webuploader-container');
+                this._container = container;
+                return container;
+            },
+    
+            init: Base.noop,
+            exec: Base.noop,
+    
+            destroy: function() {
+                if ( this._container ) {
+                    this._container.parentNode.removeChild( this.__container );
+                }
+    
+                this.off();
+            }
+        });
+    
+        Runtime.orders = 'html5,flash';
+    
+    
+        /**
+         * 添加Runtime实现。
+         * @param {String} type    类型
+         * @param {Runtime} factory 具体Runtime实现。
+         */
+        Runtime.addRuntime = function( type, factory ) {
+            factories[ type ] = factory;
+        };
+    
+        Runtime.hasRuntime = function( type ) {
+            return !!(type ? factories[ type ] : getFirstKey( factories ));
+        };
+    
+        Runtime.create = function( opts, orders ) {
+            var type, runtime;
+    
+            orders = orders || Runtime.orders;
+            $.each( orders.split( /\s*,\s*/g ), function() {
+                if ( factories[ this ] ) {
+                    type = this;
+                    return false;
+                }
+            });
+    
+            type = type || getFirstKey( factories );
+    
+            if ( !type ) {
+                throw new Error('Runtime Error');
+            }
+    
+            runtime = new factories[ type ]( opts );
+            return runtime;
+        };
+    
+        Mediator.installTo( Runtime.prototype );
+        return Runtime;
+    });
+    
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/client',[
+        'base',
+        'mediator',
+        'runtime/runtime'
+    ], function( Base, Mediator, Runtime ) {
+    
+        var cache;
+    
+        cache = (function() {
+            var obj = {};
+    
+            return {
+                add: function( runtime ) {
+                    obj[ runtime.uid ] = runtime;
+                },
+    
+                get: function( ruid, standalone ) {
+                    var i;
+    
+                    if ( ruid ) {
+                        return obj[ ruid ];
+                    }
+    
+                    for ( i in obj ) {
+                        // 有些类型不能重用，比如filepicker.
+                        if ( standalone && obj[ i ].__standalone ) {
+                            continue;
+                        }
+    
+                        return obj[ i ];
+                    }
+    
+                    return null;
+                },
+    
+                remove: function( runtime ) {
+                    delete obj[ runtime.uid ];
+                }
+            };
+        })();
+    
+        function RuntimeClient( component, standalone ) {
+            var deferred = Base.Deferred(),
+                runtime;
+    
+            this.uid = Base.guid('client_');
+    
+            // 允许runtime没有初始化之前，注册一些方法在初始化后执行。
+            this.runtimeReady = function( cb ) {
+                return deferred.done( cb );
+            };
+    
+            this.connectRuntime = function( opts, cb ) {
+    
+                // already connected.
+                if ( runtime ) {
+                    throw new Error('already connected!');
+                }
+    
+                deferred.done( cb );
+    
+                if ( typeof opts === 'string' && cache.get( opts ) ) {
+                    runtime = cache.get( opts );
+                }
+    
+                // 像filePicker只能独立存在，不能公用。
+                runtime = runtime || cache.get( null, standalone );
+    
+                // 需要创建
+                if ( !runtime ) {
+                    runtime = Runtime.create( opts, opts.runtimeOrder );
+                    runtime.__promise = deferred.promise();
+                    runtime.once( 'ready', deferred.resolve );
+                    runtime.init();
+                    cache.add( runtime );
+                    runtime.__client = 1;
+                } else {
+                    // 来自cache
+                    Base.$.extend( runtime.options, opts );
+                    runtime.__promise.then( deferred.resolve );
+                    runtime.__client++;
+                }
+    
+                standalone && (runtime.__standalone = standalone);
+                return runtime;
+            };
+    
+            this.getRuntime = function() {
+                return runtime;
+            };
+    
+            this.disconnectRuntime = function() {
+                if ( !runtime ) {
+                    return;
+                }
+    
+                runtime.__client--;
+    
+                if ( runtime.__client <= 0 ) {
+                    cache.remove( runtime );
+                    delete runtime.__promise;
+                    runtime.destroy();
+                }
+    
+                runtime = null;
+            };
+    
+            this.exec = function() {
+                if ( !runtime ) {
+                    return;
+                }
+    
+                var args = Base.slice( arguments );
+                component && args.unshift( component );
+    
+                return runtime.exec.apply( this, args );
+            };
+    
+            this.getRuid = function() {
+                return runtime && runtime.uid;
+            };
+    
+            this.destroy = (function( destroy ) {
+                return function() {
+                    destroy && destroy.apply( this, arguments );
+                    this.trigger('destroy');
+                    this.off();
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                };
+            })( this.destroy );
+        }
+    
+        Mediator.installTo( RuntimeClient.prototype );
+        return RuntimeClient;
+    });
+    /**
+     * @fileOverview Blob
+     */
+    define('lib/blob',[
+        'base',
+        'runtime/client'
+    ], function( Base, RuntimeClient ) {
+    
+        function Blob( ruid, source ) {
+            var me = this;
+    
+            me.source = source;
+            me.ruid = ruid;
+    
+            RuntimeClient.call( me, 'Blob' );
+    
+            this.uid = source.uid || this.uid;
+            this.type = source.type || '';
+            this.size = source.size || 0;
+    
+            if ( ruid ) {
+                me.connectRuntime( ruid );
+            }
+        }
+    
+        Base.inherits( RuntimeClient, {
+            constructor: Blob,
+    
+            slice: function( start, end ) {
+                return this.exec( 'slice', start, end );
+            },
+    
+            getSource: function() {
+                return this.source;
+            }
+        });
+    
+        return Blob;
+    });
+    /**
+     * 为了统一化Flash的File和HTML5的File而存在。
+     * 以至于要调用Flash里面的File，也可以像调用HTML5版本的File一下。
+     * @fileOverview File
+     */
+    define('lib/file',[
+        'base',
+        'lib/blob'
+    ], function( Base, Blob ) {
+    
+        var uid = 1,
+            rExt = /\.([^.]+)$/;
+    
+        function File( ruid, file ) {
+            var ext;
+    
+            Blob.apply( this, arguments );
+            this.name = file.name || ('untitled' + uid++);
+            ext = rExt.exec( file.name ) ? RegExp.$1.toLowerCase() : '';
+    
+            // todo 支持其他类型文件的转换。
+    
+            // 如果有mimetype, 但是文件名里面没有找出后缀规律
+            if ( !ext && this.type ) {
+                ext = /\/(jpg|jpeg|png|gif|bmp)$/i.exec( this.type ) ?
+                        RegExp.$1.toLowerCase() : '';
+                this.name += '.' + ext;
+            }
+    
+            // 如果没有指定mimetype, 但是知道文件后缀。
+            if ( !this.type &&  ~'jpg,jpeg,png,gif,bmp'.indexOf( ext ) ) {
+                this.type = 'image/' + (ext === 'jpg' ? 'jpeg' : ext);
+            }
+    
+            this.ext = ext;
+            this.lastModifiedDate = file.lastModifiedDate ||
+                    (new Date()).toLocaleString();
+        }
+    
+        return Base.inherits( Blob, File );
+    });
+    
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/filepicker',[
+        'base',
+        'runtime/client',
+        'lib/file'
+    ], function( Base, RuntimeClent, File ) {
+    
+        var $ = Base.$;
+    
+        function FilePicker( opts ) {
+            opts = this.options = $.extend({}, FilePicker.options, opts );
+    
+            opts.container = $( opts.id );
+    
+            if ( !opts.container.length ) {
+                throw new Error('按钮指定错误');
+            }
+    
+            opts.innerHTML = opts.innerHTML || opts.label ||
+                    opts.container.html() || '';
+    
+            opts.button = $( opts.button || document.createElement('div') );
+            opts.button.html( opts.innerHTML );
+            opts.container.html( opts.button );
+    
+            RuntimeClent.call( this, 'FilePicker', true );
+        }
+    
+        FilePicker.options = {
+            button: null,
+            container: null,
+            label: null,
+            innerHTML: null,
+            multiple: true,
+            accept: null,
+            name: 'file'
+        };
+    
+        Base.inherits( RuntimeClent, {
+            constructor: FilePicker,
+    
+            init: function() {
+                var me = this,
+                    opts = me.options,
+                    button = opts.button;
+    
+                button.addClass('webuploader-pick');
+    
+                me.on( 'all', function( type ) {
+                    var files;
+    
+                    switch ( type ) {
+                        case 'mouseenter':
+                            button.addClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'mouseleave':
+                            button.removeClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'change':
+                            files = me.exec('getFiles');
+                            me.trigger( 'select', $.map( files, function( file ) {
+                                file = new File( me.getRuid(), file );
+    
+                                // 记录来源。
+                                file._refer = opts.container;
+                                return file;
+                            }), opts.container );
+                            break;
+                    }
+                });
+    
+                me.connectRuntime( opts, function() {
+                    me.refresh();
+                    me.exec( 'init', opts );
+                    me.trigger('ready');
+                });
+    
+                $( window ).on( 'resize', function() {
+                    me.refresh();
+                });
+            },
+    
+            refresh: function() {
+                var shimContainer = this.getRuntime().getContainer(),
+                    button = this.options.button,
+                    width = button.outerWidth ?
+                            button.outerWidth() : button.width(),
+    
+                    height = button.outerHeight ?
+                            button.outerHeight() : button.height(),
+    
+                    pos = button.offset();
+    
+                width && height && shimContainer.css({
+                    bottom: 'auto',
+                    right: 'auto',
+                    width: width + 'px',
+                    height: height + 'px'
+                }).offset( pos );
+            },
+    
+            enable: function() {
+                var btn = this.options.button;
+    
+                btn.removeClass('webuploader-pick-disable');
+                this.refresh();
+            },
+    
+            disable: function() {
+                var btn = this.options.button;
+    
+                this.getRuntime().getContainer().css({
+                    top: '-99999px'
+                });
+    
+                btn.addClass('webuploader-pick-disable');
+            },
+    
+            destroy: function() {
+                if ( this.runtime ) {
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                }
+            }
+        });
+    
+        return FilePicker;
+    });
+    
+    /**
+     * @fileOverview 组件基类。
+     */
+    define('widgets/widget',[
+        'base',
+        'uploader'
+    ], function( Base, Uploader ) {
+    
+        var $ = Base.$,
+            _init = Uploader.prototype._init,
+            IGNORE = {},
+            widgetClass = [];
+    
+        function isArrayLike( obj ) {
+            if ( !obj ) {
+                return false;
+            }
+    
+            var length = obj.length,
+                type = $.type( obj );
+    
+            if ( obj.nodeType === 1 && length ) {
+                return true;
+            }
+    
+            return type === 'array' || type !== 'function' && type !== 'string' &&
+                    (length === 0 || typeof length === 'number' && length > 0 &&
+                    (length - 1) in obj);
+        }
+    
+        function Widget( uploader ) {
+            this.owner = uploader;
+            this.options = uploader.options;
+        }
+    
+        $.extend( Widget.prototype, {
+    
+            init: Base.noop,
+    
+            // 类Backbone的事件监听声明，监听uploader实例上的事件
+            // widget直接无法监听事件，事件只能通过uploader来传递
+            invoke: function( apiName, args ) {
+    
+                /*
+                    {
+                        'make-thumb': 'makeThumb'
+                    }
+                 */
+                var map = this.responseMap;
+    
+                // 如果无API响应声明则忽略
+                if ( !map || !(apiName in map) || !(map[ apiName ] in this) ||
+                        !$.isFunction( this[ map[ apiName ] ] ) ) {
+    
+                    return IGNORE;
+                }
+    
+                return this[ map[ apiName ] ].apply( this, args );
+    
+            },
+    
+            /**
+             * 发送命令。当传入`callback`或者`handler`中返回`promise`时。返回一个当所有`handler`中的promise都完成后完成的新`promise`。
+             * @method request
+             * @grammar request( command, args ) => * | Promise
+             * @grammar request( command, args, callback ) => Promise
+             * @for  Uploader
+             */
+            request: function() {
+                return this.owner.request.apply( this.owner, arguments );
+            }
+        });
+    
+        // 扩展Uploader.
+        $.extend( Uploader.prototype, {
+    
+            // 覆写_init用来初始化widgets
+            _init: function() {
+                var me = this,
+                    widgets = me._widgets = [];
+    
+                $.each( widgetClass, function( _, klass ) {
+                    widgets.push( new klass( me ) );
+                });
+    
+                return _init.apply( me, arguments );
+            },
+    
+            request: function( apiName, args, callback ) {
+                var i = 0,
+                    widgets = this._widgets,
+                    len = widgets.length,
+                    rlts = [],
+                    dfds = [],
+                    widget, rlt, promise, key;
+    
+                args = isArrayLike( args ) ? args : [ args ];
+    
+                for ( ; i < len; i++ ) {
+                    widget = widgets[ i ];
+                    rlt = widget.invoke( apiName, args );
+    
+                    if ( rlt !== IGNORE ) {
+    
+                        // Deferred对象
+                        if ( Base.isPromise( rlt ) ) {
+                            dfds.push( rlt );
+                        } else {
+                            rlts.push( rlt );
+                        }
+                    }
+                }
+    
+                // 如果有callback，则用异步方式。
+                if ( callback || dfds.length ) {
+                    promise = Base.when.apply( Base, dfds );
+                    key = promise.pipe ? 'pipe' : 'then';
+    
+                    // 很重要不能删除。删除了会死循环。
+                    // 保证执行顺序。让callback总是在下一个tick中执行。
+                    return promise[ key ](function() {
+                                var deferred = Base.Deferred(),
+                                    args = arguments;
+    
+                                setTimeout(function() {
+                                    deferred.resolve.apply( deferred, args );
+                                }, 1 );
+    
+                                return deferred.promise();
+                            })[ key ]( callback || Base.noop );
+                } else {
+                    return rlts[ 0 ];
+                }
+            }
+        });
+    
+        /**
+         * 添加组件
+         * @param  {object} widgetProto 组件原型，构造函数通过constructor属性定义
+         * @param  {object} responseMap API名称与函数实现的映射
+         * @example
+         *     Uploader.register( {
+         *         init: function( options ) {},
+         *         makeThumb: function() {}
+         *     }, {
+         *         'make-thumb': 'makeThumb'
+         *     } );
+         */
+        Uploader.register = Widget.register = function( responseMap, widgetProto ) {
+            var map = { init: 'init' },
+                klass;
+    
+            if ( arguments.length === 1 ) {
+                widgetProto = responseMap;
+                widgetProto.responseMap = map;
+            } else {
+                widgetProto.responseMap = $.extend( map, responseMap );
+            }
+    
+            klass = Base.inherits( Widget, widgetProto );
+            widgetClass.push( klass );
+    
+            return klass;
+        };
+    
+        return Widget;
+    });
+    /**
+     * @fileOverview 文件选择相关
+     */
+    define('widgets/filepicker',[
+        'base',
+        'uploader',
+        'lib/filepicker',
+        'widgets/widget'
+    ], function( Base, Uploader, FilePicker ) {
+        var $ = Base.$;
+    
+        $.extend( Uploader.options, {
+    
+            /**
+             * @property {Selector | Object} [pick=undefined]
+             * @namespace options
+             * @for Uploader
+             * @description 指定选择文件的按钮容器，不指定则不创建按钮。
+             *
+             * * `id` {Seletor} 指定选择文件的按钮容器，不指定则不创建按钮。
+             * * `label` {String} 请采用 `innerHTML` 代替
+             * * `innerHTML` {String} 指定按钮文字。不指定时优先从指定的容器中看是否自带文字。
+             * * `multiple` {Boolean} 是否开起同时选择多个文件能力。
+             */
+            pick: null,
+    
+            /**
+             * @property {Arroy} [accept=null]
+             * @namespace options
+             * @for Uploader
+             * @description 指定接受哪些类型的文件。 由于目前还有ext转mimeType表，所以这里需要分开指定。
+             *
+             * * `title` {String} 文字描述
+             * * `extensions` {String} 允许的文件后缀，不带点，多个用逗号分割。
+             * * `mimeTypes` {String} 多个用逗号分割。
+             *
+             * 如：
+             *
+             * ```
+             * {
+             *     title: 'Images',
+             *     extensions: 'gif,jpg,jpeg,bmp,png',
+             *     mimeTypes: 'image/*'
+             * }
+             * ```
+             */
+            accept: null/*{
+                title: 'Images',
+                extensions: 'gif,jpg,jpeg,bmp,png',
+                mimeTypes: 'image/*'
+            }*/
+        });
+    
+        return Uploader.register({
+            'add-btn': 'addButton',
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable'
+        }, {
+    
+            init: function( opts ) {
+                this.pickers = [];
+                return opts.pick && this.addButton( opts.pick );
+            },
+    
+            refresh: function() {
+                $.each( this.pickers, function() {
+                    this.refresh();
+                });
+            },
+    
+            /**
+             * @method addButton
+             * @for Uploader
+             * @grammar addButton( pick ) => Promise
+             * @description
+             * 添加文件选择按钮，如果一个按钮不够，需要调用此方法来添加。参数跟[options.pick](#WebUploader:Uploader:options)一致。
+             * @example
+             * uploader.addButton({
+             *     id: '#btnContainer',
+             *     innerHTML: '选择文件'
+             * });
+             */
+            addButton: function( pick ) {
+                var me = this,
+                    opts = me.options,
+                    accept = opts.accept,
+                    options, picker, deferred;
+    
+                if ( !pick ) {
+                    return;
+                }
+    
+                deferred = Base.Deferred();
+                $.isPlainObject( pick ) || (pick = {
+                    id: pick
+                });
+    
+                options = $.extend({}, pick, {
+                    accept: $.isPlainObject( accept ) ? [ accept ] : accept,
+                    swf: opts.swf,
+                    runtimeOrder: opts.runtimeOrder
+                });
+    
+                picker = new FilePicker( options );
+    
+                picker.once( 'ready', deferred.resolve );
+                picker.on( 'select', function( files ) {
+                    me.owner.request( 'add-file', [ files ]);
+                });
+                picker.init();
+    
+                this.pickers.push( picker );
+    
+                return deferred.promise();
+            },
+    
+            disable: function() {
+                $.each( this.pickers, function() {
+                    this.disable();
+                });
+            },
+    
+            enable: function() {
+                $.each( this.pickers, function() {
+                    this.enable();
+                });
+            }
+        });
+    });
+    /**
+     * @fileOverview Image
+     */
+    define('lib/image',[
+        'base',
+        'runtime/client',
+        'lib/blob'
+    ], function( Base, RuntimeClient, Blob ) {
+        var $ = Base.$;
+    
+        // 构造器。
+        function Image( opts ) {
+            this.options = $.extend({}, Image.options, opts );
+            RuntimeClient.call( this, 'Image' );
+    
+            this.on( 'load', function() {
+                this._info = this.exec('info');
+                this._meta = this.exec('meta');
+            });
+        }
+    
+        // 默认选项。
+        Image.options = {
+    
+            // 默认的图片处理质量
+            quality: 90,
+    
+            // 是否裁剪
+            crop: false,
+    
+            // 是否保留头部信息
+            preserveHeaders: true,
+    
+            // 是否允许放大。
+            allowMagnify: true
+        };
+    
+        // 继承RuntimeClient.
+        Base.inherits( RuntimeClient, {
+            constructor: Image,
+    
+            info: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._info = val;
+                    return this;
+                }
+    
+                // getter
+                return this._info;
+            },
+    
+            meta: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._meta = val;
+                    return this;
+                }
+    
+                // getter
+                return this._meta;
+            },
+    
+            loadFromBlob: function( blob ) {
+                var me = this,
+                    ruid = blob.getRuid();
+    
+                this.connectRuntime( ruid, function() {
+                    me.exec( 'init', me.options );
+                    me.exec( 'loadFromBlob', blob );
+                });
+            },
+    
+            resize: function() {
+                var args = Base.slice( arguments );
+                return this.exec.apply( this, [ 'resize' ].concat( args ) );
+            },
+    
+            getAsDataUrl: function( type ) {
+                return this.exec( 'getAsDataUrl', type );
+            },
+    
+            getAsBlob: function( type ) {
+                var blob = this.exec( 'getAsBlob', type );
+    
+                return new Blob( this.getRuid(), blob );
+            }
+        });
+    
+        return Image;
+    });
+    /**
+     * @fileOverview 图片操作, 负责预览图片和上传前压缩图片
+     */
+    define('widgets/image',[
+        'base',
+        'uploader',
+        'lib/image',
+        'widgets/widget'
+    ], function( Base, Uploader, Image ) {
+    
+        var $ = Base.$,
+            throttle;
+    
+        // 根据要处理的文件大小来节流，一次不能处理太多，会卡。
+        throttle = (function( max ) {
+            var occupied = 0,
+                waiting = [],
+                tick = function() {
+                    var item;
+    
+                    while ( waiting.length && occupied < max ) {
+                        item = waiting.shift();
+                        occupied += item[ 0 ];
+                        item[ 1 ]();
+                    }
+                };
+    
+            return function( emiter, size, cb ) {
+                waiting.push([ size, cb ]);
+                emiter.once( 'destroy', function() {
+                    occupied -= size;
+                    setTimeout( tick, 1 );
+                });
+                setTimeout( tick, 1 );
+            };
+        })( 5 * 1024 * 1024 );
+    
+        $.extend( Uploader.options, {
+    
+            /**
+             * @property {Object} [thumb]
+             * @namespace options
+             * @for Uploader
+             * @description 配置生成缩略图的选项。
+             *
+             * 默认为：
+             *
+             * ```javascript
+             * {
+             *     width: 110,
+             *     height: 110,
+             *
+             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
+             *     quality: 70,
+             *
+             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+             *     allowMagnify: true,
+             *
+             *     // 是否允许裁剪。
+             *     crop: true,
+             *
+             *     // 是否保留头部meta信息。
+             *     preserveHeaders: false,
+             *
+             *     // 为空的话则保留原有图片格式。
+             *     // 否则强制转换成指定的类型。
+             *     type: 'image/jpeg'
+             * }
+             * ```
+             */
+            thumb: {
+                width: 110,
+                height: 110,
+                quality: 70,
+                allowMagnify: true,
+                crop: true,
+                preserveHeaders: false,
+    
+                // 为空的话则保留原有图片格式。
+                // 否则强制转换成指定的类型。
+                // IE 8下面 base64 大小不能超过 32K 否则预览失败，而非 jpeg 编码的图片很可
+                // 能会超过 32k, 所以这里设置成预览的时候都是 image/jpeg
+                type: 'image/jpeg'
+            },
+    
+            /**
+             * @property {Object} [compress]
+             * @namespace options
+             * @for Uploader
+             * @description 配置压缩的图片的选项。如果此选项为`false`, 则图片在上传前不进行压缩。
+             *
+             * 默认为：
+             *
+             * ```javascript
+             * {
+             *     width: 1600,
+             *     height: 1600,
+             *
+             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
+             *     quality: 90,
+             *
+             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+             *     allowMagnify: false,
+             *
+             *     // 是否允许裁剪。
+             *     crop: false,
+             *
+             *     // 是否保留头部meta信息。
+             *     preserveHeaders: true
+             * }
+             * ```
+             */
+            compress: {
+                width: 1600,
+                height: 1600,
+                quality: 90,
+                allowMagnify: false,
+                crop: false,
+                preserveHeaders: true
+            }
+        });
+    
+        return Uploader.register({
+            'make-thumb': 'makeThumb',
+            'before-send-file': 'compressImage'
+        }, {
+    
+    
+            /**
+             * 生成缩略图，此过程为异步，所以需要传入`callback`。
+             * 通常情况在图片加入队里后调用此方法来生成预览图以增强交互效果。
+             *
+             * `callback`中可以接收到两个参数。
+             * * 第一个为error，如果生成缩略图有错误，此error将为真。
+             * * 第二个为ret, 缩略图的Data URL值。
+             *
+             * **注意**
+             * Date URL在IE6/7中不支持，所以不用调用此方法了，直接显示一张暂不支持预览图片好了。
+             *
+             *
+             * @method makeThumb
+             * @grammar makeThumb( file, callback ) => undefined
+             * @grammar makeThumb( file, callback, width, height ) => undefined
+             * @for Uploader
+             * @example
+             *
+             * uploader.on( 'fileQueued', function( file ) {
+             *     var $li = ...;
+             *
+             *     uploader.makeThumb( file, function( error, ret ) {
+             *         if ( error ) {
+             *             $li.text('预览错误');
+             *         } else {
+             *             $li.append('<img alt="" src="' + ret + '" />');
+             *         }
+             *     });
+             *
+             * });
+             */
+            makeThumb: function( file, cb, width, height ) {
+                var opts, image;
+    
+                file = this.request( 'get-file', file );
+    
+                // 只预览图片格式。
+                if ( !file.type.match( /^image/ ) ) {
+                    cb( true );
+                    return;
+                }
+    
+                opts = $.extend({}, this.options.thumb );
+    
+                // 如果传入的是object.
+                if ( $.isPlainObject( width ) ) {
+                    opts = $.extend( opts, width );
+                    width = null;
+                }
+    
+                width = width || opts.width;
+                height = height || opts.height;
+    
+                image = new Image( opts );
+    
+                image.once( 'load', function() {
+                    file._info = file._info || image.info();
+                    file._meta = file._meta || image.meta();
+                    image.resize( width, height );
+                });
+    
+                image.once( 'complete', function() {
+                    cb( false, image.getAsDataUrl( opts.type ) );
+                    image.destroy();
+                });
+    
+                image.once( 'error', function() {
+                    cb( true );
+                    image.destroy();
+                });
+    
+                throttle( image, file.source.size, function() {
+                    file._info && image.info( file._info );
+                    file._meta && image.meta( file._meta );
+                    image.loadFromBlob( file.source );
+                });
+            },
+    
+            compressImage: function( file ) {
+                var opts = this.options.compress || this.options.resize,
+                    compressSize = opts && opts.compressSize || 300 * 1024,
+                    image, deferred;
+    
+                file = this.request( 'get-file', file );
+    
+                // 只预览图片格式。
+                if ( !opts || !~'image/jpeg,image/jpg'.indexOf( file.type ) ||
+                        file.size < compressSize ||
+                        file._compressed ) {
+                    return;
+                }
+    
+                opts = $.extend({}, opts );
+                deferred = Base.Deferred();
+    
+                image = new Image( opts );
+    
+                deferred.always(function() {
+                    image.destroy();
+                    image = null;
+                });
+                image.once( 'error', deferred.reject );
+                image.once( 'load', function() {
+                    file._info = file._info || image.info();
+                    file._meta = file._meta || image.meta();
+                    image.resize( opts.width, opts.height );
+                });
+    
+                image.once( 'complete', function() {
+                    var blob, size;
+    
+                    // 移动端 UC / qq 浏览器的无图模式下
+                    // ctx.getImageData 处理大图的时候会报 Exception
+                    // INDEX_SIZE_ERR: DOM Exception 1
+                    try {
+                        blob = image.getAsBlob( opts.type );
+    
+                        size = file.size;
+    
+                        // 如果压缩后，比原来还大则不用压缩后的。
+                        if ( blob.size < size ) {
+                            // file.source.destroy && file.source.destroy();
+                            file.source = blob;
+                            file.size = blob.size;
+    
+                            file.trigger( 'resize', blob.size, size );
+                        }
+    
+                        // 标记，避免重复压缩。
+                        file._compressed = true;
+                        deferred.resolve();
+                    } catch ( e ) {
+                        // 出错了直接继续，让其上传原始图片
+                        deferred.resolve();
+                    }
+                });
+    
+                file._info && image.info( file._info );
+                file._meta && image.meta( file._meta );
+    
+                image.loadFromBlob( file.source );
+                return deferred.promise();
+            }
+        });
+    });
+    /**
+     * @fileOverview 文件属性封装
+     */
+    define('file',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$,
+            idPrefix = 'WU_FILE_',
+            idSuffix = 0,
+            rExt = /\.([^.]+)$/,
+            statusMap = {};
+    
+        function gid() {
+            return idPrefix + idSuffix++;
+        }
+    
+        /**
+         * 文件类
+         * @class File
+         * @constructor 构造函数
+         * @grammar new File( source ) => File
+         * @param {Lib.File} source [lib.File](#Lib.File)实例, 此source对象是带有Runtime信息的。
+         */
+        function WUFile( source ) {
+    
+            /**
+             * 文件名，包括扩展名（后缀）
+             * @property name
+             * @type {string}
+             */
+            this.name = source.name || 'Untitled';
+    
+            /**
+             * 文件体积（字节）
+             * @property size
+             * @type {uint}
+             * @default 0
+             */
+            this.size = source.size || 0;
+    
+            /**
+             * 文件MIMETYPE类型，与文件类型的对应关系请参考[http://t.cn/z8ZnFny](http://t.cn/z8ZnFny)
+             * @property type
+             * @type {string}
+             * @default 'application'
+             */
+            this.type = source.type || 'application';
+    
+            /**
+             * 文件最后修改日期
+             * @property lastModifiedDate
+             * @type {int}
+             * @default 当前时间戳
+             */
+            this.lastModifiedDate = source.lastModifiedDate || (new Date() * 1);
+    
+            /**
+             * 文件ID，每个对象具有唯一ID，与文件名无关
+             * @property id
+             * @type {string}
+             */
+            this.id = gid();
+    
+            /**
+             * 文件扩展名，通过文件名获取，例如test.png的扩展名为png
+             * @property ext
+             * @type {string}
+             */
+            this.ext = rExt.exec( this.name ) ? RegExp.$1 : '';
+    
+    
+            /**
+             * 状态文字说明。在不同的status语境下有不同的用途。
+             * @property statusText
+             * @type {string}
+             */
+            this.statusText = '';
+    
+            // 存储文件状态，防止通过属性直接修改
+            statusMap[ this.id ] = WUFile.Status.INITED;
+    
+            this.source = source;
+            this.loaded = 0;
+    
+            this.on( 'error', function( msg ) {
+                this.setStatus( WUFile.Status.ERROR, msg );
+            });
+        }
+    
+        $.extend( WUFile.prototype, {
+    
+            /**
+             * 设置状态，状态变化时会触发`change`事件。
+             * @method setStatus
+             * @grammar setStatus( status[, statusText] );
+             * @param {File.Status|String} status [文件状态值](#WebUploader:File:File.Status)
+             * @param {String} [statusText=''] 状态说明，常在error时使用，用http, abort,server等来标记是由于什么原因导致文件错误。
+             */
+            setStatus: function( status, text ) {
+    
+                var prevStatus = statusMap[ this.id ];
+    
+                typeof text !== 'undefined' && (this.statusText = text);
+    
+                if ( status !== prevStatus ) {
+                    statusMap[ this.id ] = status;
+                    /**
+                     * 文件状态变化
+                     * @event statuschange
+                     */
+                    this.trigger( 'statuschange', status, prevStatus );
+                }
+    
+            },
+    
+            /**
+             * 获取文件状态
+             * @return {File.Status}
+             * @example
+                     文件状态具体包括以下几种类型：
+                     {
+                         // 初始化
+                        INITED:     0,
+                        // 已入队列
+                        QUEUED:     1,
+                        // 正在上传
+                        PROGRESS:     2,
+                        // 上传出错
+                        ERROR:         3,
+                        // 上传成功
+                        COMPLETE:     4,
+                        // 上传取消
+                        CANCELLED:     5
+                    }
+             */
+            getStatus: function() {
+                return statusMap[ this.id ];
+            },
+    
+            /**
+             * 获取文件原始信息。
+             * @return {*}
+             */
+            getSource: function() {
+                return this.source;
+            },
+    
+            destory: function() {
+                delete statusMap[ this.id ];
+            }
+        });
+    
+        Mediator.installTo( WUFile.prototype );
+    
+        /**
+         * 文件状态值，具体包括以下几种类型：
+         * * `inited` 初始状态
+         * * `queued` 已经进入队列, 等待上传
+         * * `progress` 上传中
+         * * `complete` 上传完成。
+         * * `error` 上传出错，可重试
+         * * `interrupt` 上传中断，可续传。
+         * * `invalid` 文件不合格，不能重试上传。会自动从队列中移除。
+         * * `cancelled` 文件被移除。
+         * @property {Object} Status
+         * @namespace File
+         * @class File
+         * @static
+         */
+        WUFile.Status = {
+            INITED:     'inited',    // 初始状态
+            QUEUED:     'queued',    // 已经进入队列, 等待上传
+            PROGRESS:   'progress',    // 上传中
+            ERROR:      'error',    // 上传出错，可重试
+            COMPLETE:   'complete',    // 上传完成。
+            CANCELLED:  'cancelled',    // 上传取消。
+            INTERRUPT:  'interrupt',    // 上传中断，可续传。
+            INVALID:    'invalid'    // 文件不合格，不能重试上传。
+        };
+    
+        return WUFile;
+    });
+    
+    /**
+     * @fileOverview 文件队列
+     */
+    define('queue',[
+        'base',
+        'mediator',
+        'file'
+    ], function( Base, Mediator, WUFile ) {
+    
+        var $ = Base.$,
+            STATUS = WUFile.Status;
+    
+        /**
+         * 文件队列, 用来存储各个状态中的文件。
+         * @class Queue
+         * @extends Mediator
+         */
+        function Queue() {
+    
+            /**
+             * 统计文件数。
+             * * `numOfQueue` 队列中的文件数。
+             * * `numOfSuccess` 上传成功的文件数
+             * * `numOfCancel` 被移除的文件数
+             * * `numOfProgress` 正在上传中的文件数
+             * * `numOfUploadFailed` 上传错误的文件数。
+             * * `numOfInvalid` 无效的文件数。
+             * @property {Object} stats
+             */
+            this.stats = {
+                numOfQueue: 0,
+                numOfSuccess: 0,
+                numOfCancel: 0,
+                numOfProgress: 0,
+                numOfUploadFailed: 0,
+                numOfInvalid: 0
+            };
+    
+            // 上传队列，仅包括等待上传的文件
+            this._queue = [];
+    
+            // 存储所有文件
+            this._map = {};
+        }
+    
+        $.extend( Queue.prototype, {
+    
+            /**
+             * 将新文件加入对队列尾部
+             *
+             * @method append
+             * @param  {File} file   文件对象
+             */
+            append: function( file ) {
+                this._queue.push( file );
+                this._fileAdded( file );
+                return this;
+            },
+    
+            /**
+             * 将新文件加入对队列头部
+             *
+             * @method prepend
+             * @param  {File} file   文件对象
+             */
+            prepend: function( file ) {
+                this._queue.unshift( file );
+                this._fileAdded( file );
+                return this;
+            },
+    
+            /**
+             * 获取文件对象
+             *
+             * @method getFile
+             * @param  {String} fileId   文件ID
+             * @return {File}
+             */
+            getFile: function( fileId ) {
+                if ( typeof fileId !== 'string' ) {
+                    return fileId;
+                }
+                return this._map[ fileId ];
+            },
+    
+            /**
+             * 从队列中取出一个指定状态的文件。
+             * @grammar fetch( status ) => File
+             * @method fetch
+             * @param {String} status [文件状态值](#WebUploader:File:File.Status)
+             * @return {File} [File](#WebUploader:File)
+             */
+            fetch: function( status ) {
+                var len = this._queue.length,
+                    i, file;
+    
+                status = status || STATUS.QUEUED;
+    
+                for ( i = 0; i < len; i++ ) {
+                    file = this._queue[ i ];
+    
+                    if ( status === file.getStatus() ) {
+                        return file;
+                    }
+                }
+    
+                return null;
+            },
+    
+            /**
+             * 对队列进行排序，能够控制文件上传顺序。
+             * @grammar sort( fn ) => undefined
+             * @method sort
+             * @param {Function} fn 排序方法
+             */
+            sort: function( fn ) {
+                if ( typeof fn === 'function' ) {
+                    this._queue.sort( fn );
+                }
+            },
+    
+            /**
+             * 获取指定类型的文件列表, 列表中每一个成员为[File](#WebUploader:File)对象。
+             * @grammar getFiles( [status1[, status2 ...]] ) => Array
+             * @method getFiles
+             * @param {String} [status] [文件状态值](#WebUploader:File:File.Status)
+             */
+            getFiles: function() {
+                var sts = [].slice.call( arguments, 0 ),
+                    ret = [],
+                    i = 0,
+                    len = this._queue.length,
+                    file;
+    
+                for ( ; i < len; i++ ) {
+                    file = this._queue[ i ];
+    
+                    if ( sts.length && !~$.inArray( file.getStatus(), sts ) ) {
+                        continue;
+                    }
+    
+                    ret.push( file );
+                }
+    
+                return ret;
+            },
+    
+            _fileAdded: function( file ) {
+                var me = this,
+                    existing = this._map[ file.id ];
+    
+                if ( !existing ) {
+                    this._map[ file.id ] = file;
+    
+                    file.on( 'statuschange', function( cur, pre ) {
+                        me._onFileStatusChange( cur, pre );
+                    });
+                }
+    
+                file.setStatus( STATUS.QUEUED );
+            },
+    
+            _onFileStatusChange: function( curStatus, preStatus ) {
+                var stats = this.stats;
+    
+                switch ( preStatus ) {
+                    case STATUS.PROGRESS:
+                        stats.numOfProgress--;
+                        break;
+    
+                    case STATUS.QUEUED:
+                        stats.numOfQueue --;
+                        break;
+    
+                    case STATUS.ERROR:
+                        stats.numOfUploadFailed--;
+                        break;
+    
+                    case STATUS.INVALID:
+                        stats.numOfInvalid--;
+                        break;
+                }
+    
+                switch ( curStatus ) {
+                    case STATUS.QUEUED:
+                        stats.numOfQueue++;
+                        break;
+    
+                    case STATUS.PROGRESS:
+                        stats.numOfProgress++;
+                        break;
+    
+                    case STATUS.ERROR:
+                        stats.numOfUploadFailed++;
+                        break;
+    
+                    case STATUS.COMPLETE:
+                        stats.numOfSuccess++;
+                        break;
+    
+                    case STATUS.CANCELLED:
+                        stats.numOfCancel++;
+                        break;
+    
+                    case STATUS.INVALID:
+                        stats.numOfInvalid++;
+                        break;
+                }
+            }
+    
+        });
+    
+        Mediator.installTo( Queue.prototype );
+    
+        return Queue;
+    });
+    /**
+     * @fileOverview 队列
+     */
+    define('widgets/queue',[
+        'base',
+        'uploader',
+        'queue',
+        'file',
+        'lib/file',
+        'runtime/client',
+        'widgets/widget'
+    ], function( Base, Uploader, Queue, WUFile, File, RuntimeClient ) {
+    
+        var $ = Base.$,
+            rExt = /\.\w+$/,
+            Status = WUFile.Status;
+    
+        return Uploader.register({
+            'sort-files': 'sortFiles',
+            'add-file': 'addFiles',
+            'get-file': 'getFile',
+            'fetch-file': 'fetchFile',
+            'get-stats': 'getStats',
+            'get-files': 'getFiles',
+            'remove-file': 'removeFile',
+            'retry': 'retry',
+            'reset': 'reset',
+            'accept-file': 'acceptFile'
+        }, {
+    
+            init: function( opts ) {
+                var me = this,
+                    deferred, len, i, item, arr, accept, runtime;
+    
+                if ( $.isPlainObject( opts.accept ) ) {
+                    opts.accept = [ opts.accept ];
+                }
+    
+                // accept中的中生成匹配正则。
+                if ( opts.accept ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        item = opts.accept[ i ].extensions;
+                        item && arr.push( item );
+                    }
+    
+                    if ( arr.length ) {
+                        accept = '\\.' + arr.join(',')
+                                .replace( /,/g, '$|\\.' )
+                                .replace( /\*/g, '.*' ) + '$';
+                    }
+    
+                    me.accept = new RegExp( accept, 'i' );
+                }
+    
+                me.queue = new Queue();
+                me.stats = me.queue.stats;
+    
+                // 如果当前不是html5运行时，那就算了。
+                // 不执行后续操作
+                if ( this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                // 创建一个 html5 运行时的 placeholder
+                // 以至于外部添加原生 File 对象的时候能正确包裹一下供 webuploader 使用。
+                deferred = Base.Deferred();
+                runtime = new RuntimeClient('Placeholder');
+                runtime.connectRuntime({
+                    runtimeOrder: 'html5'
+                }, function() {
+                    me._ruid = runtime.getRuid();
+                    deferred.resolve();
+                });
+                return deferred.promise();
+            },
+    
+    
+            // 为了支持外部直接添加一个原生File对象。
+            _wrapFile: function( file ) {
+                if ( !(file instanceof WUFile) ) {
+    
+                    if ( !(file instanceof File) ) {
+                        if ( !this._ruid ) {
+                            throw new Error('Can\'t add external files.');
+                        }
+                        file = new File( this._ruid, file );
+                    }
+    
+                    file = new WUFile( file );
+                }
+    
+                return file;
+            },
+    
+            // 判断文件是否可以被加入队列
+            acceptFile: function( file ) {
+                var invalid = !file || file.size < 6 || this.accept &&
+    
+                        // 如果名字中有后缀，才做后缀白名单处理。
+                        rExt.exec( file.name ) && !this.accept.test( file.name );
+    
+                return !invalid;
+            },
+    
+    
+            /**
+             * @event beforeFileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列之前触发，此事件的handler返回值为`false`，则此文件不会被添加进入队列。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event fileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列以后触发。
+             * @for  Uploader
+             */
+    
+            _addFile: function( file ) {
+                var me = this;
+    
+                file = me._wrapFile( file );
+    
+                // 不过类型判断允许不允许，先派送 `beforeFileQueued`
+                if ( !me.owner.trigger( 'beforeFileQueued', file ) ) {
+                    return;
+                }
+    
+                // 类型不匹配，则派送错误事件，并返回。
+                if ( !me.acceptFile( file ) ) {
+                    me.owner.trigger( 'error', 'Q_TYPE_DENIED', file );
+                    return;
+                }
+    
+                me.queue.append( file );
+                me.owner.trigger( 'fileQueued', file );
+                return file;
+            },
+    
+            getFile: function( fileId ) {
+                return this.queue.getFile( fileId );
+            },
+    
+            /**
+             * @event filesQueued
+             * @param {File} files 数组，内容为原始File(lib/File）对象。
+             * @description 当一批文件添加进队列以后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method addFiles
+             * @grammar addFiles( file ) => undefined
+             * @grammar addFiles( [file1, file2 ...] ) => undefined
+             * @param {Array of File or File} [files] Files 对象 数组
+             * @description 添加文件到队列
+             * @for  Uploader
+             */
+            addFiles: function( files ) {
+                var me = this;
+    
+                if ( !files.length ) {
+                    files = [ files ];
+                }
+    
+                files = $.map( files, function( file ) {
+                    return me._addFile( file );
+                });
+    
+                me.owner.trigger( 'filesQueued', files );
+    
+                if ( me.options.auto ) {
+                    me.request('start-upload');
+                }
+            },
+    
+            getStats: function() {
+                return this.stats;
+            },
+    
+            /**
+             * @event fileDequeued
+             * @param {File} file File对象
+             * @description 当文件被移除队列后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method removeFile
+             * @grammar removeFile( file ) => undefined
+             * @grammar removeFile( id ) => undefined
+             * @param {File|id} file File对象或这File对象的id
+             * @description 移除某一文件。
+             * @for  Uploader
+             * @example
+             *
+             * $li.on('click', '.remove-this', function() {
+             *     uploader.removeFile( file );
+             * })
+             */
+            removeFile: function( file ) {
+                var me = this;
+    
+                file = file.id ? file : me.queue.getFile( file );
+    
+                file.setStatus( Status.CANCELLED );
+                me.owner.trigger( 'fileDequeued', file );
+            },
+    
+            /**
+             * @method getFiles
+             * @grammar getFiles() => Array
+             * @grammar getFiles( status1, status2, status... ) => Array
+             * @description 返回指定状态的文件集合，不传参数将返回所有状态的文件。
+             * @for  Uploader
+             * @example
+             * console.log( uploader.getFiles() );    // => all files
+             * console.log( uploader.getFiles('error') )    // => all error files.
+             */
+            getFiles: function() {
+                return this.queue.getFiles.apply( this.queue, arguments );
+            },
+    
+            fetchFile: function() {
+                return this.queue.fetch.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method retry
+             * @grammar retry() => undefined
+             * @grammar retry( file ) => undefined
+             * @description 重试上传，重试指定文件，或者从出错的文件开始重新上传。
+             * @for  Uploader
+             * @example
+             * function retry() {
+             *     uploader.retry();
+             * }
+             */
+            retry: function( file, noForceStart ) {
+                var me = this,
+                    files, i, len;
+    
+                if ( file ) {
+                    file = file.id ? file : me.queue.getFile( file );
+                    file.setStatus( Status.QUEUED );
+                    noForceStart || me.request('start-upload');
+                    return;
+                }
+    
+                files = me.queue.getFiles( Status.ERROR );
+                i = 0;
+                len = files.length;
+    
+                for ( ; i < len; i++ ) {
+                    file = files[ i ];
+                    file.setStatus( Status.QUEUED );
+                }
+    
+                me.request('start-upload');
+            },
+    
+            /**
+             * @method sort
+             * @grammar sort( fn ) => undefined
+             * @description 排序队列中的文件，在上传之前调整可以控制上传顺序。
+             * @for  Uploader
+             */
+            sortFiles: function() {
+                return this.queue.sort.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method reset
+             * @grammar reset() => undefined
+             * @description 重置uploader。目前只重置了队列。
+             * @for  Uploader
+             * @example
+             * uploader.reset();
+             */
+            reset: function() {
+                this.queue = new Queue();
+                this.stats = this.queue.stats;
+            }
+        });
+    
+    });
+    /**
+     * @fileOverview 添加获取Runtime相关信息的方法。
+     */
+    define('widgets/runtime',[
+        'uploader',
+        'runtime/runtime',
+        'widgets/widget'
+    ], function( Uploader, Runtime ) {
+    
+        Uploader.support = function() {
+            return Runtime.hasRuntime.apply( Runtime, arguments );
+        };
+    
+        return Uploader.register({
+            'predict-runtime-type': 'predictRuntmeType'
+        }, {
+    
+            init: function() {
+                if ( !this.predictRuntmeType() ) {
+                    throw Error('Runtime Error');
+                }
+            },
+    
+            /**
+             * 预测Uploader将采用哪个`Runtime`
+             * @grammar predictRuntmeType() => String
+             * @method predictRuntmeType
+             * @for  Uploader
+             */
+            predictRuntmeType: function() {
+                var orders = this.options.runtimeOrder || Runtime.orders,
+                    type = this.type,
+                    i, len;
+    
+                if ( !type ) {
+                    orders = orders.split( /\s*,\s*/g );
+    
+                    for ( i = 0, len = orders.length; i < len; i++ ) {
+                        if ( Runtime.hasRuntime( orders[ i ] ) ) {
+                            this.type = type = orders[ i ];
+                            break;
+                        }
+                    }
+                }
+    
+                return type;
+            }
+        });
+    });
+    /**
+     * @fileOverview Transport
+     */
+    define('lib/transport',[
+        'base',
+        'runtime/client',
+        'mediator'
+    ], function( Base, RuntimeClient, Mediator ) {
+    
+        var $ = Base.$;
+    
+        function Transport( opts ) {
+            var me = this;
+    
+            opts = me.options = $.extend( true, {}, Transport.options, opts || {} );
+            RuntimeClient.call( this, 'Transport' );
+    
+            this._blob = null;
+            this._formData = opts.formData || {};
+            this._headers = opts.headers || {};
+    
+            this.on( 'progress', this._timeout );
+            this.on( 'load error', function() {
+                me.trigger( 'progress', 1 );
+                clearTimeout( me._timer );
+            });
+        }
+    
+        Transport.options = {
+            server: '',
+            method: 'POST',
+    
+            // 跨域时，是否允许携带cookie, 只有html5 runtime才有效
+            withCredentials: false,
+            fileVal: 'file',
+            timeout: 2 * 60 * 1000,    // 2分钟
+            formData: {},
+            headers: {},
+            sendAsBinary: false
+        };
+    
+        $.extend( Transport.prototype, {
+    
+            // 添加Blob, 只能添加一次，最后一次有效。
+            appendBlob: function( key, blob, filename ) {
+                var me = this,
+                    opts = me.options;
+    
+                if ( me.getRuid() ) {
+                    me.disconnectRuntime();
+                }
+    
+                // 连接到blob归属的同一个runtime.
+                me.connectRuntime( blob.ruid, function() {
+                    me.exec('init');
+                });
+    
+                me._blob = blob;
+                opts.fileVal = key || opts.fileVal;
+                opts.filename = filename || opts.filename;
+            },
+    
+            // 添加其他字段
+            append: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._formData, key );
+                } else {
+                    this._formData[ key ] = value;
+                }
+            },
+    
+            setRequestHeader: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._headers, key );
+                } else {
+                    this._headers[ key ] = value;
+                }
+            },
+    
+            send: function( method ) {
+                this.exec( 'send', method );
+                this._timeout();
+            },
+    
+            abort: function() {
+                clearTimeout( this._timer );
+                return this.exec('abort');
+            },
+    
+            destroy: function() {
+                this.trigger('destroy');
+                this.off();
+                this.exec('destroy');
+                this.disconnectRuntime();
+            },
+    
+            getResponse: function() {
+                return this.exec('getResponse');
+            },
+    
+            getResponseAsJson: function() {
+                return this.exec('getResponseAsJson');
+            },
+    
+            getStatus: function() {
+                return this.exec('getStatus');
+            },
+    
+            _timeout: function() {
+                var me = this,
+                    duration = me.options.timeout;
+    
+                if ( !duration ) {
+                    return;
+                }
+    
+                clearTimeout( me._timer );
+                me._timer = setTimeout(function() {
+                    me.abort();
+                    me.trigger( 'error', 'timeout' );
+                }, duration );
+            }
+    
+        });
+    
+        // 让Transport具备事件功能。
+        Mediator.installTo( Transport.prototype );
+    
+        return Transport;
+    });
+    /**
+     * @fileOverview 负责文件上传相关。
+     */
+    define('widgets/upload',[
+        'base',
+        'uploader',
+        'file',
+        'lib/transport',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile, Transport ) {
+    
+        var $ = Base.$,
+            isPromise = Base.isPromise,
+            Status = WUFile.Status;
+    
+        // 添加默认配置项
+        $.extend( Uploader.options, {
+    
+    
+            /**
+             * @property {Boolean} [prepareNextFile=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否允许在文件传输时提前把下一个文件准备好。
+             * 对于一个文件的准备工作比较耗时，比如图片压缩，md5序列化。
+             * 如果能提前在当前文件传输期处理，可以节省总体耗时。
+             */
+            prepareNextFile: false,
+    
+            /**
+             * @property {Boolean} [chunked=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否要分片处理大文件上传。
+             */
+            chunked: false,
+    
+            /**
+             * @property {Boolean} [chunkSize=5242880]
+             * @namespace options
+             * @for Uploader
+             * @description 如果要分片，分多大一片？ 默认大小为5M.
+             */
+            chunkSize: 5 * 1024 * 1024,
+    
+            /**
+             * @property {Boolean} [chunkRetry=2]
+             * @namespace options
+             * @for Uploader
+             * @description 如果某个分片由于网络问题出错，允许自动重传多少次？
+             */
+            chunkRetry: 2,
+    
+            /**
+             * @property {Boolean} [threads=3]
+             * @namespace options
+             * @for Uploader
+             * @description 上传并发数。允许同时最大上传进程数。
+             */
+            threads: 3,
+    
+    
+            /**
+             * @property {Object} [formData]
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传请求的参数表，每次发送都会发送此对象中的参数。
+             */
+            formData: null
+    
+            /**
+             * @property {Object} [fileVal='file']
+             * @namespace options
+             * @for Uploader
+             * @description 设置文件上传域的name。
+             */
+    
+            /**
+             * @property {Object} [method='POST']
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传方式，`POST`或者`GET`。
+             */
+    
+            /**
+             * @property {Object} [sendAsBinary=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否已二进制的流的方式发送文件，这样整个上传内容`php://input`都为文件内容，
+             * 其他参数在$_GET数组中。
+             */
+        });
+    
+        // 负责将文件切片。
+        function CuteFile( file, chunkSize ) {
+            var pending = [],
+                blob = file.source,
+                total = blob.size,
+                chunks = chunkSize ? Math.ceil( total / chunkSize ) : 1,
+                start = 0,
+                index = 0,
+                len;
+    
+            while ( index < chunks ) {
+                len = Math.min( chunkSize, total - start );
+    
+                pending.push({
+                    file: file,
+                    start: start,
+                    end: chunkSize ? (start + len) : total,
+                    total: total,
+                    chunks: chunks,
+                    chunk: index++
+                });
+                start += len;
+            }
+    
+            file.blocks = pending.concat();
+            file.remaning = pending.length;
+    
+            return {
+                file: file,
+    
+                has: function() {
+                    return !!pending.length;
+                },
+    
+                fetch: function() {
+                    return pending.shift();
+                }
+            };
+        }
+    
+        Uploader.register({
+            'start-upload': 'start',
+            'stop-upload': 'stop',
+            'skip-file': 'skipFile',
+            'is-in-progress': 'isInProgress'
+        }, {
+    
+            init: function() {
+                var owner = this.owner;
+    
+                this.runing = false;
+    
+                // 记录当前正在传的数据，跟threads相关
+                this.pool = [];
+    
+                // 缓存即将上传的文件。
+                this.pending = [];
+    
+                // 跟踪还有多少分片没有完成上传。
+                this.remaning = 0;
+                this.__tick = Base.bindFn( this._tick, this );
+    
+                owner.on( 'uploadComplete', function( file ) {
+                    // 把其他块取消了。
+                    file.blocks && $.each( file.blocks, function( _, v ) {
+                        v.transport && (v.transport.abort(), v.transport.destroy());
+                        delete v.transport;
+                    });
+    
+                    delete file.blocks;
+                    delete file.remaning;
+                });
+            },
+    
+            /**
+             * @event startUpload
+             * @description 当开始上传流程时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 开始上传。此方法可以从初始状态调用开始上传流程，也可以从暂停状态调用，继续上传流程。
+             * @grammar upload() => undefined
+             * @method upload
+             * @for  Uploader
+             */
+            start: function() {
+                var me = this;
+    
+                // 移出invalid的文件
+                $.each( me.request( 'get-files', Status.INVALID ), function() {
+                    me.request( 'remove-file', this );
+                });
+    
+                if ( me.runing ) {
+                    return;
+                }
+    
+                me.runing = true;
+    
+                // 如果有暂停的，则续传
+                $.each( me.pool, function( _, v ) {
+                    var file = v.file;
+    
+                    if ( file.getStatus() === Status.INTERRUPT ) {
+                        file.setStatus( Status.PROGRESS );
+                        me._trigged = false;
+                        v.transport && v.transport.send();
+                    }
+                });
+    
+                me._trigged = false;
+                me.owner.trigger('startUpload');
+                Base.nextTick( me.__tick );
+            },
+    
+            /**
+             * @event stopUpload
+             * @description 当开始上传流程暂停时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 暂停上传。第一个参数为是否中断上传当前正在上传的文件。
+             * @grammar stop() => undefined
+             * @grammar stop( true ) => undefined
+             * @method stop
+             * @for  Uploader
+             */
+            stop: function( interrupt ) {
+                var me = this;
+    
+                if ( me.runing === false ) {
+                    return;
+                }
+    
+                me.runing = false;
+    
+                interrupt && $.each( me.pool, function( _, v ) {
+                    v.transport && v.transport.abort();
+                    v.file.setStatus( Status.INTERRUPT );
+                });
+    
+                me.owner.trigger('stopUpload');
+            },
+    
+            /**
+             * 判断`Uplaode`r是否正在上传中。
+             * @grammar isInProgress() => Boolean
+             * @method isInProgress
+             * @for  Uploader
+             */
+            isInProgress: function() {
+                return !!this.runing;
+            },
+    
+            getStats: function() {
+                return this.request('get-stats');
+            },
+    
+            /**
+             * 掉过一个文件上传，直接标记指定文件为已上传状态。
+             * @grammar skipFile( file ) => undefined
+             * @method skipFile
+             * @for  Uploader
+             */
+            skipFile: function( file, status ) {
+                file = this.request( 'get-file', file );
+    
+                file.setStatus( status || Status.COMPLETE );
+                file.skipped = true;
+    
+                // 如果正在上传。
+                file.blocks && $.each( file.blocks, function( _, v ) {
+                    var _tr = v.transport;
+    
+                    if ( _tr ) {
+                        _tr.abort();
+                        _tr.destroy();
+                        delete v.transport;
+                    }
+                });
+    
+                this.owner.trigger( 'uploadSkip', file );
+            },
+    
+            /**
+             * @event uploadFinished
+             * @description 当所有文件上传结束时触发。
+             * @for  Uploader
+             */
+            _tick: function() {
+                var me = this,
+                    opts = me.options,
+                    fn, val;
+    
+                // 上一个promise还没有结束，则等待完成后再执行。
+                if ( me._promise ) {
+                    return me._promise.always( me.__tick );
+                }
+    
+                // 还有位置，且还有文件要处理的话。
+                if ( me.pool.length < opts.threads && (val = me._nextBlock()) ) {
+                    me._trigged = false;
+    
+                    fn = function( val ) {
+                        me._promise = null;
+    
+                        // 有可能是reject过来的，所以要检测val的类型。
+                        val && val.file && me._startSend( val );
+                        Base.nextTick( me.__tick );
+                    };
+    
+                    me._promise = isPromise( val ) ? val.always( fn ) : fn( val );
+    
+                // 没有要上传的了，且没有正在传输的了。
+                } else if ( !me.remaning && !me.getStats().numOfQueue ) {
+                    me.runing = false;
+    
+                    me._trigged || Base.nextTick(function() {
+                        me.owner.trigger('uploadFinished');
+                    });
+                    me._trigged = true;
+                }
+            },
+    
+            _nextBlock: function() {
+                var me = this,
+                    act = me._act,
+                    opts = me.options,
+                    next, done;
+    
+                // 如果当前文件还有没有需要传输的，则直接返回剩下的。
+                if ( act && act.has() &&
+                        act.file.getStatus() === Status.PROGRESS ) {
+    
+                    // 是否提前准备下一个文件
+                    if ( opts.prepareNextFile && !me.pending.length ) {
+                        me._prepareNextFile();
+                    }
+    
+                    return act.fetch();
+    
+                // 否则，如果正在运行，则准备下一个文件，并等待完成后返回下个分片。
+                } else if ( me.runing ) {
+    
+                    // 如果缓存中有，则直接在缓存中取，没有则去queue中取。
+                    if ( !me.pending.length && me.getStats().numOfQueue ) {
+                        me._prepareNextFile();
+                    }
+    
+                    next = me.pending.shift();
+                    done = function( file ) {
+                        if ( !file ) {
+                            return null;
+                        }
+    
+                        act = CuteFile( file, opts.chunked ? opts.chunkSize : 0 );
+                        me._act = act;
+                        return act.fetch();
+                    };
+    
+                    // 文件可能还在prepare中，也有可能已经完全准备好了。
+                    return isPromise( next ) ?
+                            next[ next.pipe ? 'pipe' : 'then']( done ) :
+                            done( next );
+                }
+            },
+    
+    
+            /**
+             * @event uploadStart
+             * @param {File} file File对象
+             * @description 某个文件开始上传前触发，一个文件只会触发一次。
+             * @for  Uploader
+             */
+            _prepareNextFile: function() {
+                var me = this,
+                    file = me.request('fetch-file'),
+                    pending = me.pending,
+                    promise;
+    
+                if ( file ) {
+                    promise = me.request( 'before-send-file', file, function() {
+    
+                        // 有可能文件被skip掉了。文件被skip掉后，状态坑定不是Queued.
+                        if ( file.getStatus() === Status.QUEUED ) {
+                            me.owner.trigger( 'uploadStart', file );
+                            file.setStatus( Status.PROGRESS );
+                            return file;
+                        }
+    
+                        return me._finishFile( file );
+                    });
+    
+                    // 如果还在pending中，则替换成文件本身。
+                    promise.done(function() {
+                        var idx = $.inArray( promise, pending );
+    
+                        ~idx && pending.splice( idx, 1, file );
+                    });
+    
+                    // befeore-send-file的钩子就有错误发生。
+                    promise.fail(function( reason ) {
+                        file.setStatus( Status.ERROR, reason );
+                        me.owner.trigger( 'uploadError', file, reason );
+                        me.owner.trigger( 'uploadComplete', file );
+                    });
+    
+                    pending.push( promise );
+                }
+            },
+    
+            // 让出位置了，可以让其他分片开始上传
+            _popBlock: function( block ) {
+                var idx = $.inArray( block, this.pool );
+    
+                this.pool.splice( idx, 1 );
+                block.file.remaning--;
+                this.remaning--;
+            },
+    
+            // 开始上传，可以被掉过。如果promise被reject了，则表示跳过此分片。
+            _startSend: function( block ) {
+                var me = this,
+                    file = block.file,
+                    promise;
+    
+                me.pool.push( block );
+                me.remaning++;
+    
+                // 如果没有分片，则直接使用原始的。
+                // 不会丢失content-type信息。
+                block.blob = block.chunks === 1 ? file.source :
+                        file.source.slice( block.start, block.end );
+    
+                // hook, 每个分片发送之前可能要做些异步的事情。
+                promise = me.request( 'before-send', block, function() {
+    
+                    // 有可能文件已经上传出错了，所以不需要再传输了。
+                    if ( file.getStatus() === Status.PROGRESS ) {
+                        me._doSend( block );
+                    } else {
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+    
+                // 如果为fail了，则跳过此分片。
+                promise.fail(function() {
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file ).always(function() {
+                            block.percentage = 1;
+                            me._popBlock( block );
+                            me.owner.trigger( 'uploadComplete', file );
+                            Base.nextTick( me.__tick );
+                        });
+                    } else {
+                        block.percentage = 1;
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+            },
+    
+    
+            /**
+             * @event uploadBeforeSend
+             * @param {Object} object
+             * @param {Object} data 默认的上传参数，可以扩展此对象来控制上传参数。
+             * @description 当某个文件的分块在发送前触发，主要用来询问是否要添加附带参数，大文件在开起分片上传的前提下此事件可能会触发多次。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadAccept
+             * @param {Object} object
+             * @param {Object} ret 服务端的返回数据，json格式，如果服务端不是json格式，从ret._raw中取数据，自行解析。
+             * @description 当某个文件上传到服务端响应后，会派送此事件来询问服务端响应是否有效。如果此事件handler返回值为`false`, 则此文件将派送`server`类型的`uploadError`事件。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadProgress
+             * @param {File} file File对象
+             * @param {Number} percentage 上传进度
+             * @description 上传过程中触发，携带上传进度。
+             * @for  Uploader
+             */
+    
+    
+            /**
+             * @event uploadError
+             * @param {File} file File对象
+             * @param {String} reason 出错的code
+             * @description 当文件上传出错时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadSuccess
+             * @param {File} file File对象
+             * @param {Object} response 服务端返回的数据
+             * @description 当文件上传成功时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadComplete
+             * @param {File} [file] File对象
+             * @description 不管成功或者失败，文件上传完成时触发。
+             * @for  Uploader
+             */
+    
+            // 做上传操作。
+            _doSend: function( block ) {
+                var me = this,
+                    owner = me.owner,
+                    opts = me.options,
+                    file = block.file,
+                    tr = new Transport( opts ),
+                    data = $.extend({}, opts.formData ),
+                    headers = $.extend({}, opts.headers ),
+                    requestAccept, ret;
+    
+                block.transport = tr;
+    
+                tr.on( 'destroy', function() {
+                    delete block.transport;
+                    me._popBlock( block );
+                    Base.nextTick( me.__tick );
+                });
+    
+                // 广播上传进度。以文件为单位。
+                tr.on( 'progress', function( percentage ) {
+                    var totalPercent = 0,
+                        uploaded = 0;
+    
+                    // 可能没有abort掉，progress还是执行进来了。
+                    // if ( !file.blocks ) {
+                    //     return;
+                    // }
+    
+                    totalPercent = block.percentage = percentage;
+    
+                    if ( block.chunks > 1 ) {    // 计算文件的整体速度。
+                        $.each( file.blocks, function( _, v ) {
+                            uploaded += (v.percentage || 0) * (v.end - v.start);
+                        });
+    
+                        totalPercent = uploaded / file.size;
+                    }
+    
+                    owner.trigger( 'uploadProgress', file, totalPercent || 0 );
+                });
+    
+                // 用来询问，是否返回的结果是有错误的。
+                requestAccept = function( reject ) {
+                    var fn;
+    
+                    ret = tr.getResponseAsJson() || {};
+                    ret._raw = tr.getResponse();
+                    fn = function( value ) {
+                        reject = value;
+                    };
+    
+                    // 服务端响应了，不代表成功了，询问是否响应正确。
+                    if ( !owner.trigger( 'uploadAccept', block, ret, fn ) ) {
+                        reject = reject || 'server';
+                    }
+    
+                    return reject;
+                };
+    
+                // 尝试重试，然后广播文件上传出错。
+                tr.on( 'error', function( type, flag ) {
+                    block.retried = block.retried || 0;
+    
+                    // 自动重试
+                    if ( block.chunks > 1 && ~'http,abort'.indexOf( type ) &&
+                            block.retried < opts.chunkRetry ) {
+    
+                        block.retried++;
+                        tr.send();
+    
+                    } else {
+    
+                        // http status 500 ~ 600
+                        if ( !flag && type === 'server' ) {
+                            type = requestAccept( type );
+                        }
+    
+                        file.setStatus( Status.ERROR, type );
+                        owner.trigger( 'uploadError', file, type );
+                        owner.trigger( 'uploadComplete', file );
+                    }
+                });
+    
+                // 上传成功
+                tr.on( 'load', function() {
+                    var reason;
+    
+                    // 如果非预期，转向上传出错。
+                    if ( (reason = requestAccept()) ) {
+                        tr.trigger( 'error', reason, true );
+                        return;
+                    }
+    
+                    // 全部上传完成。
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file, ret );
+                    } else {
+                        tr.destroy();
+                    }
+                });
+    
+                // 配置默认的上传字段。
+                data = $.extend( data, {
+                    id: file.id,
+                    name: file.name,
+                    type: file.type,
+                    lastModifiedDate: file.lastModifiedDate,
+                    size: file.size
+                });
+    
+                block.chunks > 1 && $.extend( data, {
+                    chunks: block.chunks,
+                    chunk: block.chunk
+                });
+    
+                // 在发送之间可以添加字段什么的。。。
+                // 如果默认的字段不够使用，可以通过监听此事件来扩展
+                owner.trigger( 'uploadBeforeSend', block, data, headers );
+    
+                // 开始发送。
+                tr.appendBlob( opts.fileVal, block.blob, file.name );
+                tr.append( data );
+                tr.setRequestHeader( headers );
+                tr.send();
+            },
+    
+            // 完成上传。
+            _finishFile: function( file, ret, hds ) {
+                var owner = this.owner;
+    
+                return owner
+                        .request( 'after-send-file', arguments, function() {
+                            file.setStatus( Status.COMPLETE );
+                            owner.trigger( 'uploadSuccess', file, ret, hds );
+                        })
+                        .fail(function( reason ) {
+    
+                            // 如果外部已经标记为invalid什么的，不再改状态。
+                            if ( file.getStatus() === Status.PROGRESS ) {
+                                file.setStatus( Status.ERROR, reason );
+                            }
+    
+                            owner.trigger( 'uploadError', file, reason );
+                        })
+                        .always(function() {
+                            owner.trigger( 'uploadComplete', file );
+                        });
+            }
+    
+        });
+    });
+    /**
+     * @fileOverview 各种验证，包括文件总大小是否超出、单文件是否超出和文件是否重复。
+     */
+    
+    define('widgets/validator',[
+        'base',
+        'uploader',
+        'file',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile ) {
+    
+        var $ = Base.$,
+            validators = {},
+            api;
+    
+        /**
+         * @event error
+         * @param {String} type 错误类型。
+         * @description 当validate不通过时，会以派送错误事件的形式通知调用者。通过`upload.on('error', handler)`可以捕获到此类错误，目前有以下错误会在特定的情况下派送错来。
+         *
+         * * `Q_EXCEED_NUM_LIMIT` 在设置了`fileNumLimit`且尝试给`uploader`添加的文件数量超出这个值时派送。
+         * * `Q_EXCEED_SIZE_LIMIT` 在设置了`Q_EXCEED_SIZE_LIMIT`且尝试给`uploader`添加的文件总大小超出这个值时派送。
+         * @for  Uploader
+         */
+    
+        // 暴露给外面的api
+        api = {
+    
+            // 添加验证器
+            addValidator: function( type, cb ) {
+                validators[ type ] = cb;
+            },
+    
+            // 移除验证器
+            removeValidator: function( type ) {
+                delete validators[ type ];
+            }
+        };
+    
+        // 在Uploader初始化的时候启动Validators的初始化
+        Uploader.register({
+            init: function() {
+                var me = this;
+                $.each( validators, function() {
+                    this.call( me.owner );
+                });
+            }
+        });
+    
+        /**
+         * @property {int} [fileNumLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证文件总数量, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileNumLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                count = 0,
+                max = opts.fileNumLimit >> 0,
+                flag = true;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+    
+                if ( count >= max && flag ) {
+                    flag = false;
+                    this.trigger( 'error', 'Q_EXCEED_NUM_LIMIT', max, file );
+                    setTimeout(function() {
+                        flag = true;
+                    }, 1 );
+                }
+    
+                return count >= max ? false : true;
+            });
+    
+            uploader.on( 'fileQueued', function() {
+                count++;
+            });
+    
+            uploader.on( 'fileDequeued', function() {
+                count--;
+            });
+    
+            uploader.on( 'uploadFinished', function() {
+                count = 0;
+            });
+        });
+    
+    
+        /**
+         * @property {int} [fileSizeLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证文件总大小是否超出限制, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileSizeLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                count = 0,
+                max = opts.fileSizeLimit >> 0,
+                flag = true;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+                var invalid = count + file.size > max;
+    
+                if ( invalid && flag ) {
+                    flag = false;
+                    this.trigger( 'error', 'Q_EXCEED_SIZE_LIMIT', max, file );
+                    setTimeout(function() {
+                        flag = true;
+                    }, 1 );
+                }
+    
+                return invalid ? false : true;
+            });
+    
+            uploader.on( 'fileQueued', function( file ) {
+                count += file.size;
+            });
+    
+            uploader.on( 'fileDequeued', function( file ) {
+                count -= file.size;
+            });
+    
+            uploader.on( 'uploadFinished', function() {
+                count = 0;
+            });
+        });
+    
+        /**
+         * @property {int} [fileSingleSizeLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证单个文件大小是否超出限制, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileSingleSizeLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                max = opts.fileSingleSizeLimit;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+    
+                if ( file.size > max ) {
+                    file.setStatus( WUFile.Status.INVALID, 'exceed_size' );
+                    this.trigger( 'error', 'F_EXCEED_SIZE', file );
+                    return false;
+                }
+    
+            });
+    
+        });
+    
+        /**
+         * @property {int} [duplicate=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 去重， 根据文件名字、文件大小和最后修改时间来生成hash Key.
+         */
+        api.addValidator( 'duplicate', function() {
+            var uploader = this,
+                opts = uploader.options,
+                mapping = {};
+    
+            if ( opts.duplicate ) {
+                return;
+            }
+    
+            function hashString( str ) {
+                var hash = 0,
+                    i = 0,
+                    len = str.length,
+                    _char;
+    
+                for ( ; i < len; i++ ) {
+                    _char = str.charCodeAt( i );
+                    hash = _char + (hash << 6) + (hash << 16) - hash;
+                }
+    
+                return hash;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+                var hash = file.__hash || (file.__hash = hashString( file.name +
+                        file.size + file.lastModifiedDate ));
+    
+                // 已经重复了
+                if ( mapping[ hash ] ) {
+                    this.trigger( 'error', 'F_DUPLICATE', file );
+                    return false;
+                }
+            });
+    
+            uploader.on( 'fileQueued', function( file ) {
+                var hash = file.__hash;
+    
+                hash && (mapping[ hash ] = true);
+            });
+    
+            uploader.on( 'fileDequeued', function( file ) {
+                var hash = file.__hash;
+    
+                hash && (delete mapping[ hash ]);
+            });
+        });
+    
+        return api;
+    });
+    
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/compbase',[],function() {
+    
+        function CompBase( owner, runtime ) {
+    
+            this.owner = owner;
+            this.options = owner.options;
+    
+            this.getRuntime = function() {
+                return runtime;
+            };
+    
+            this.getRuid = function() {
+                return runtime.uid;
+            };
+    
+            this.trigger = function() {
+                return owner.trigger.apply( owner, arguments );
+            };
+        }
+    
+        return CompBase;
+    });
+    /**
+     * @fileOverview FlashRuntime
+     */
+    define('runtime/flash/runtime',[
+        'base',
+        'runtime/runtime',
+        'runtime/compbase'
+    ], function( Base, Runtime, CompBase ) {
+    
+        var $ = Base.$,
+            type = 'flash',
+            components = {};
+    
+    
+        function getFlashVersion() {
+            var version;
+    
+            try {
+                version = navigator.plugins[ 'Shockwave Flash' ];
+                version = version.description;
+            } catch ( ex ) {
+                try {
+                    version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash')
+                            .GetVariable('$version');
+                } catch ( ex2 ) {
+                    version = '0.0';
+                }
+            }
+            version = version.match( /\d+/g );
+            return parseFloat( version[ 0 ] + '.' + version[ 1 ], 10 );
+        }
+    
+        function FlashRuntime() {
+            var pool = {},
+                clients = {},
+                destory = this.destory,
+                me = this,
+                jsreciver = Base.guid('webuploader_');
+    
+            Runtime.apply( me, arguments );
+            me.type = type;
+    
+    
+            // 这个方法的调用者，实际上是RuntimeClient
+            me.exec = function( comp, fn/*, args...*/ ) {
+                var client = this,
+                    uid = client.uid,
+                    args = Base.slice( arguments, 2 ),
+                    instance;
+    
+                clients[ uid ] = client;
+    
+                if ( components[ comp ] ) {
+                    if ( !pool[ uid ] ) {
+                        pool[ uid ] = new components[ comp ]( client, me );
+                    }
+    
+                    instance = pool[ uid ];
+    
+                    if ( instance[ fn ] ) {
+                        return instance[ fn ].apply( instance, args );
+                    }
+                }
+    
+                return me.flashExec.apply( client, arguments );
+            };
+    
+            function handler( evt, obj ) {
+                var type = evt.type || evt,
+                    parts, uid;
+    
+                parts = type.split('::');
+                uid = parts[ 0 ];
+                type = parts[ 1 ];
+    
+                // console.log.apply( console, arguments );
+    
+                if ( type === 'Ready' && uid === me.uid ) {
+                    me.trigger('ready');
+                } else if ( clients[ uid ] ) {
+                    clients[ uid ].trigger( type.toLowerCase(), evt, obj );
+                }
+    
+                // Base.log( evt, obj );
+            }
+    
+            // flash的接受器。
+            window[ jsreciver ] = function() {
+                var args = arguments;
+    
+                // 为了能捕获得到。
+                setTimeout(function() {
+                    handler.apply( null, args );
+                }, 1 );
+            };
+    
+            this.jsreciver = jsreciver;
+    
+            this.destory = function() {
+                // @todo 删除池子中的所有实例
+                return destory && destory.apply( this, arguments );
+            };
+    
+            this.flashExec = function( comp, fn ) {
+                var flash = me.getFlash(),
+                    args = Base.slice( arguments, 2 );
+    
+                return flash.exec( this.uid, comp, fn, args );
+            };
+    
+            // @todo
+        }
+    
+        Base.inherits( Runtime, {
+            constructor: FlashRuntime,
+    
+            init: function() {
+                var container = this.getContainer(),
+                    opts = this.options,
+                    html;
+    
+                // if not the minimal height, shims are not initialized
+                // in older browsers (e.g FF3.6, IE6,7,8, Safari 4.0,5.0, etc)
+                container.css({
+                    position: 'absolute',
+                    top: '-8px',
+                    left: '-8px',
+                    width: '9px',
+                    height: '9px',
+                    overflow: 'hidden'
+                });
+    
+                // insert flash object
+                html = '<object id="' + this.uid + '" type="application/' +
+                        'x-shockwave-flash" data="' +  opts.swf + '" ';
+    
+                if ( Base.browser.ie ) {
+                    html += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ';
+                }
+    
+                html += 'width="100%" height="100%" style="outline:0">'  +
+                    '<param name="movie" value="' + opts.swf + '" />' +
+                    '<param name="flashvars" value="uid=' + this.uid +
+                    '&jsreciver=' + this.jsreciver + '" />' +
+                    '<param name="wmode" value="transparent" />' +
+                    '<param name="allowscriptaccess" value="always" />' +
+                '</object>';
+    
+                container.html( html );
+            },
+    
+            getFlash: function() {
+                if ( this._flash ) {
+                    return this._flash;
+                }
+    
+                this._flash = $( '#' + this.uid ).get( 0 );
+                return this._flash;
+            }
+    
+        });
+    
+        FlashRuntime.register = function( name, component ) {
+            component = components[ name ] = Base.inherits( CompBase, $.extend({
+    
+                // @todo fix this later
+                flashExec: function() {
+                    var owner = this.owner,
+                        runtime = this.getRuntime();
+    
+                    return runtime.flashExec.apply( owner, arguments );
+                }
+            }, component ) );
+    
+            return component;
+        };
+    
+        if ( getFlashVersion() >= 11.4 ) {
+            Runtime.addRuntime( type, FlashRuntime );
+        }
+    
+        return FlashRuntime;
+    });
+    /**
+     * @fileOverview FilePicker
+     */
+    define('runtime/flash/filepicker',[
+        'base',
+        'runtime/flash/runtime'
+    ], function( Base, FlashRuntime ) {
+        var $ = Base.$;
+    
+        return FlashRuntime.register( 'FilePicker', {
+            init: function( opts ) {
+                var copy = $.extend({}, opts ),
+                    len, i;
+    
+                // 修复Flash再没有设置title的情况下无法弹出flash文件选择框的bug.
+                len = copy.accept && copy.accept.length;
+                for (  i = 0; i < len; i++ ) {
+                    if ( !copy.accept[ i ].title ) {
+                        copy.accept[ i ].title = 'Files';
+                    }
+                }
+    
+                delete copy.button;
+                delete copy.container;
+    
+                this.flashExec( 'FilePicker', 'init', copy );
+            },
+    
+            destroy: function() {
+                // todo
+            }
+        });
+    });
+    /**
+     * @fileOverview 图片压缩
+     */
+    define('runtime/flash/image',[
+        'runtime/flash/runtime'
+    ], function( FlashRuntime ) {
+    
+        return FlashRuntime.register( 'Image', {
+            // init: function( options ) {
+            //     var owner = this.owner;
+    
+            //     this.flashExec( 'Image', 'init', options );
+            //     owner.on( 'load', function() {
+            //         debugger;
+            //     });
+            // },
+    
+            loadFromBlob: function( blob ) {
+                var owner = this.owner;
+    
+                owner.info() && this.flashExec( 'Image', 'info', owner.info() );
+                owner.meta() && this.flashExec( 'Image', 'meta', owner.meta() );
+    
+                this.flashExec( 'Image', 'loadFromBlob', blob.uid );
+            }
+        });
+    });
+    /**
+     * @fileOverview  Transport flash实现
+     */
+    define('runtime/flash/transport',[
+        'base',
+        'runtime/flash/runtime',
+        'runtime/client'
+    ], function( Base, FlashRuntime, RuntimeClient ) {
+        var $ = Base.$;
+    
+        return FlashRuntime.register( 'Transport', {
+            init: function() {
+                this._status = 0;
+                this._response = null;
+                this._responseJson = null;
+            },
+    
+            send: function() {
+                var owner = this.owner,
+                    opts = this.options,
+                    xhr = this._initAjax(),
+                    blob = owner._blob,
+                    server = opts.server,
+                    binary;
+    
+                xhr.connectRuntime( blob.ruid );
+    
+                if ( opts.sendAsBinary ) {
+                    server += (/\?/.test( server ) ? '&' : '?') +
+                            $.param( owner._formData );
+    
+                    binary = blob.uid;
+                } else {
+                    $.each( owner._formData, function( k, v ) {
+                        xhr.exec( 'append', k, v );
+                    });
+    
+                    xhr.exec( 'appendBlob', opts.fileVal, blob.uid,
+                            opts.filename || owner._formData.name || '' );
+                }
+    
+                this._setRequestHeader( xhr, opts.headers );
+                xhr.exec( 'send', {
+                    method: opts.method,
+                    url: server
+                }, binary );
+            },
+    
+            getStatus: function() {
+                return this._status;
+            },
+    
+            getResponse: function() {
+                return this._response;
+            },
+    
+            getResponseAsJson: function() {
+                return this._responseJson;
+            },
+    
+            abort: function() {
+                var xhr = this._xhr;
+    
+                if ( xhr ) {
+                    xhr.exec('abort');
+                    xhr.destroy();
+                    this._xhr = xhr = null;
+                }
+            },
+    
+            destroy: function() {
+                this.abort();
+            },
+    
+            _initAjax: function() {
+                var me = this,
+                    xhr = new RuntimeClient('XMLHttpRequest');
+    
+                xhr.on( 'uploadprogress progress', function( e ) {
+                    return me.trigger( 'progress', e.loaded / e.total );
+                });
+    
+                xhr.on( 'load', function() {
+                    var status = xhr.exec('getStatus'),
+                        err = '';
+    
+                    xhr.off();
+                    me._xhr = null;
+    
+                    if ( status >= 200 && status < 300 ) {
+                        me._response = xhr.exec('getResponse');
+                        me._responseJson = xhr.exec('getResponseAsJson');
+                    } else if ( status >= 500 && status < 600 ) {
+                        me._response = xhr.exec('getResponse');
+                        me._responseJson = xhr.exec('getResponseAsJson');
+                        err = 'server';
+                    } else {
+                        err = 'http';
+                    }
+    
+                    xhr.destroy();
+                    xhr = null;
+    
+                    return err ? me.trigger( 'error', err ) : me.trigger('load');
+                });
+    
+                xhr.on( 'error', function() {
+                    xhr.off();
+                    me._xhr = null;
+                    me.trigger( 'error', 'http' );
+                });
+    
+                me._xhr = xhr;
+                return xhr;
+            },
+    
+            _setRequestHeader: function( xhr, headers ) {
+                $.each( headers, function( key, val ) {
+                    xhr.exec( 'setRequestHeader', key, val );
+                });
+            }
+        });
+    });
+    /**
+     * @fileOverview 只有flash实现的文件版本。
+     */
+    define('preset/flashonly',[
+        'base',
+    
+        // widgets
+        'widgets/filepicker',
+        'widgets/image',
+        'widgets/queue',
+        'widgets/runtime',
+        'widgets/upload',
+        'widgets/validator',
+    
+        // runtimes
+    
+        // flash
+        'runtime/flash/filepicker',
+        'runtime/flash/image',
+        'runtime/flash/transport'
+    ], function( Base ) {
+        return Base;
+    });
+    define('webuploader',[
+        'preset/flashonly'
+    ], function( preset ) {
+        return preset;
+    });
+    return require('webuploader');
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.flashonly.min.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.flashonly.min.js
new file mode 100644
index 000000000..49c6b50b8
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.flashonly.min.js
@@ -0,0 +1,2 @@
+/* WebUploader 0.1.2 */!function(a,b){var c,d={},e=function(a,b){var c,d,e;if("string"==typeof a)return h(a);for(c=[],d=a.length,e=0;d>e;e++)c.push(h(a[e]));return b.apply(null,c)},f=function(a,b,c){2===arguments.length&&(c=b,b=null),e(b||[],function(){g(a,c,arguments)})},g=function(a,b,c){var f,g={exports:b};"function"==typeof b&&(c.length||(c=[e,g.exports,g]),f=b.apply(null,c),void 0!==f&&(g.exports=f)),d[a]=g.exports},h=function(b){var c=d[b]||a[b];if(!c)throw new Error("`"+b+"` is undefined");return c},i=function(a){var b,c,e,f,g,h;h=function(a){return a&&a.charAt(0).toUpperCase()+a.substr(1)};for(b in d)if(c=a,d.hasOwnProperty(b)){for(e=b.split("/"),g=h(e.pop());f=h(e.shift());)c[f]=c[f]||{},c=c[f];c[g]=d[b]}},j=b(a,f,e);i(j),"object"==typeof module&&"object"==typeof module.exports?module.exports=j:"function"==typeof define&&define.amd?define([],j):(c=a.WebUploader,a.WebUploader=j,a.WebUploader.noConflict=function(){a.WebUploader=c})}(this,function(a,b,c){return b("dollar-third",[],function(){return a.jQuery||a.Zepto}),b("dollar",["dollar-third"],function(a){return a}),b("promise-third",["dollar"],function(a){return{Deferred:a.Deferred,when:a.when,isPromise:function(a){return a&&"function"==typeof a.then}}}),b("promise",["promise-third"],function(a){return a}),b("base",["dollar","promise"],function(b,c){function d(a){return function(){return h.apply(a,arguments)}}function e(a,b){return function(){return a.apply(b,arguments)}}function f(a){var b;return Object.create?Object.create(a):(b=function(){},b.prototype=a,new b)}var g=function(){},h=Function.call;return{version:"0.1.2",$:b,Deferred:c.Deferred,isPromise:c.isPromise,when:c.when,browser:function(a){var b={},c=a.match(/WebKit\/([\d.]+)/),d=a.match(/Chrome\/([\d.]+)/)||a.match(/CriOS\/([\d.]+)/),e=a.match(/MSIE\s([\d\.]+)/)||a.match(/(?:trident)(?:.*rv:([\w.]+))?/i),f=a.match(/Firefox\/([\d.]+)/),g=a.match(/Safari\/([\d.]+)/),h=a.match(/OPR\/([\d.]+)/);return c&&(b.webkit=parseFloat(c[1])),d&&(b.chrome=parseFloat(d[1])),e&&(b.ie=parseFloat(e[1])),f&&(b.firefox=parseFloat(f[1])),g&&(b.safari=parseFloat(g[1])),h&&(b.opera=parseFloat(h[1])),b}(navigator.userAgent),os:function(a){var b={},c=a.match(/(?:Android);?[\s\/]+([\d.]+)?/),d=a.match(/(?:iPad|iPod|iPhone).*OS\s([\d_]+)/);return c&&(b.android=parseFloat(c[1])),d&&(b.ios=parseFloat(d[1].replace(/_/g,"."))),b}(navigator.userAgent),inherits:function(a,c,d){var e;return"function"==typeof c?(e=c,c=null):e=c&&c.hasOwnProperty("constructor")?c.constructor:function(){return a.apply(this,arguments)},b.extend(!0,e,a,d||{}),e.__super__=a.prototype,e.prototype=f(a.prototype),c&&b.extend(!0,e.prototype,c),e},noop:g,bindFn:e,log:function(){return a.console?e(console.log,console):g}(),nextTick:function(){return function(a){setTimeout(a,1)}}(),slice:d([].slice),guid:function(){var a=0;return function(b){for(var c=(+new Date).toString(32),d=0;5>d;d++)c+=Math.floor(65535*Math.random()).toString(32);return(b||"wu_")+c+(a++).toString(32)}}(),formatSize:function(a,b,c){var d;for(c=c||["B","K","M","G","TB"];(d=c.shift())&&a>1024;)a/=1024;return("B"===d?a:a.toFixed(b||2))+d}}}),b("mediator",["base"],function(a){function b(a,b,c,d){return f.grep(a,function(a){return!(!a||b&&a.e!==b||c&&a.cb!==c&&a.cb._cb!==c||d&&a.ctx!==d)})}function c(a,b,c){f.each((a||"").split(h),function(a,d){c(d,b)})}function d(a,b){for(var c,d=!1,e=-1,f=a.length;++e<f;)if(c=a[e],c.cb.apply(c.ctx2,b)===!1){d=!0;break}return!d}var e,f=a.$,g=[].slice,h=/\s+/;return e={on:function(a,b,d){var e,f=this;return b?(e=this._events||(this._events=[]),c(a,b,function(a,b){var c={e:a};c.cb=b,c.ctx=d,c.ctx2=d||f,c.id=e.length,e.push(c)}),this):this},once:function(a,b,d){var e=this;return b?(c(a,b,function(a,b){var c=function(){return e.off(a,c),b.apply(d||e,arguments)};c._cb=b,e.on(a,c,d)}),e):e},off:function(a,d,e){var g=this._events;return g?a||d||e?(c(a,d,function(a,c){f.each(b(g,a,c,e),function(){delete g[this.id]})}),this):(this._events=[],this):this},trigger:function(a){var c,e,f;return this._events&&a?(c=g.call(arguments,1),e=b(this._events,a),f=b(this._events,"all"),d(e,c)&&d(f,arguments)):this}},f.extend({installTo:function(a){return f.extend(a,e)}},e)}),b("uploader",["base","mediator"],function(a,b){function c(a){this.options=d.extend(!0,{},c.options,a),this._init(this.options)}var d=a.$;return c.options={},b.installTo(c.prototype),d.each({upload:"start-upload",stop:"stop-upload",getFile:"get-file",getFiles:"get-files",addFile:"add-file",addFiles:"add-file",sort:"sort-files",removeFile:"remove-file",skipFile:"skip-file",retry:"retry",isInProgress:"is-in-progress",makeThumb:"make-thumb",getDimension:"get-dimension",addButton:"add-btn",getRuntimeType:"get-runtime-type",refresh:"refresh",disable:"disable",enable:"enable",reset:"reset"},function(a,b){c.prototype[a]=function(){return this.request(b,arguments)}}),d.extend(c.prototype,{state:"pending",_init:function(a){var b=this;b.request("init",a,function(){b.state="ready",b.trigger("ready")})},option:function(a,b){var c=this.options;return arguments.length>1?void(d.isPlainObject(b)&&d.isPlainObject(c[a])?d.extend(c[a],b):c[a]=b):a?c[a]:c},getStats:function(){var a=this.request("get-stats");return{successNum:a.numOfSuccess,cancelNum:a.numOfCancel,invalidNum:a.numOfInvalid,uploadFailNum:a.numOfUploadFailed,queueNum:a.numOfQueue}},trigger:function(a){var c=[].slice.call(arguments,1),e=this.options,f="on"+a.substring(0,1).toUpperCase()+a.substring(1);return b.trigger.apply(this,arguments)===!1||d.isFunction(e[f])&&e[f].apply(this,c)===!1||d.isFunction(this[f])&&this[f].apply(this,c)===!1||b.trigger.apply(b,[this,a].concat(c))===!1?!1:!0},request:a.noop}),a.create=c.create=function(a){return new c(a)},a.Uploader=c,c}),b("runtime/runtime",["base","mediator"],function(a,b){function c(b){this.options=d.extend({container:document.body},b),this.uid=a.guid("rt_")}var d=a.$,e={},f=function(a){for(var b in a)if(a.hasOwnProperty(b))return b;return null};return d.extend(c.prototype,{getContainer:function(){var a,b,c=this.options;return this._container?this._container:(a=d(c.container||document.body),b=d(document.createElement("div")),b.attr("id","rt_"+this.uid),b.css({position:"absolute",top:"0px",left:"0px",width:"1px",height:"1px",overflow:"hidden"}),a.append(b),a.addClass("webuploader-container"),this._container=b,b)},init:a.noop,exec:a.noop,destroy:function(){this._container&&this._container.parentNode.removeChild(this.__container),this.off()}}),c.orders="html5,flash",c.addRuntime=function(a,b){e[a]=b},c.hasRuntime=function(a){return!!(a?e[a]:f(e))},c.create=function(a,b){var g,h;if(b=b||c.orders,d.each(b.split(/\s*,\s*/g),function(){return e[this]?(g=this,!1):void 0}),g=g||f(e),!g)throw new Error("Runtime Error");return h=new e[g](a)},b.installTo(c.prototype),c}),b("runtime/client",["base","mediator","runtime/runtime"],function(a,b,c){function d(b,d){var f,g=a.Deferred();this.uid=a.guid("client_"),this.runtimeReady=function(a){return g.done(a)},this.connectRuntime=function(b,h){if(f)throw new Error("already connected!");return g.done(h),"string"==typeof b&&e.get(b)&&(f=e.get(b)),f=f||e.get(null,d),f?(a.$.extend(f.options,b),f.__promise.then(g.resolve),f.__client++):(f=c.create(b,b.runtimeOrder),f.__promise=g.promise(),f.once("ready",g.resolve),f.init(),e.add(f),f.__client=1),d&&(f.__standalone=d),f},this.getRuntime=function(){return f},this.disconnectRuntime=function(){f&&(f.__client--,f.__client<=0&&(e.remove(f),delete f.__promise,f.destroy()),f=null)},this.exec=function(){if(f){var c=a.slice(arguments);return b&&c.unshift(b),f.exec.apply(this,c)}},this.getRuid=function(){return f&&f.uid},this.destroy=function(a){return function(){a&&a.apply(this,arguments),this.trigger("destroy"),this.off(),this.exec("destroy"),this.disconnectRuntime()}}(this.destroy)}var e;return e=function(){var a={};return{add:function(b){a[b.uid]=b},get:function(b,c){var d;if(b)return a[b];for(d in a)if(!c||!a[d].__standalone)return a[d];return null},remove:function(b){delete a[b.uid]}}}(),b.installTo(d.prototype),d}),b("lib/blob",["base","runtime/client"],function(a,b){function c(a,c){var d=this;d.source=c,d.ruid=a,b.call(d,"Blob"),this.uid=c.uid||this.uid,this.type=c.type||"",this.size=c.size||0,a&&d.connectRuntime(a)}return a.inherits(b,{constructor:c,slice:function(a,b){return this.exec("slice",a,b)},getSource:function(){return this.source}}),c}),b("lib/file",["base","lib/blob"],function(a,b){function c(a,c){var f;b.apply(this,arguments),this.name=c.name||"untitled"+d++,f=e.exec(c.name)?RegExp.$1.toLowerCase():"",!f&&this.type&&(f=/\/(jpg|jpeg|png|gif|bmp)$/i.exec(this.type)?RegExp.$1.toLowerCase():"",this.name+="."+f),!this.type&&~"jpg,jpeg,png,gif,bmp".indexOf(f)&&(this.type="image/"+("jpg"===f?"jpeg":f)),this.ext=f,this.lastModifiedDate=c.lastModifiedDate||(new Date).toLocaleString()}var d=1,e=/\.([^.]+)$/;return a.inherits(b,c)}),b("lib/filepicker",["base","runtime/client","lib/file"],function(b,c,d){function e(a){if(a=this.options=f.extend({},e.options,a),a.container=f(a.id),!a.container.length)throw new Error("按钮指定错误");a.innerHTML=a.innerHTML||a.label||a.container.html()||"",a.button=f(a.button||document.createElement("div")),a.button.html(a.innerHTML),a.container.html(a.button),c.call(this,"FilePicker",!0)}var f=b.$;return e.options={button:null,container:null,label:null,innerHTML:null,multiple:!0,accept:null,name:"file"},b.inherits(c,{constructor:e,init:function(){var b=this,c=b.options,e=c.button;e.addClass("webuploader-pick"),b.on("all",function(a){var g;switch(a){case"mouseenter":e.addClass("webuploader-pick-hover");break;case"mouseleave":e.removeClass("webuploader-pick-hover");break;case"change":g=b.exec("getFiles"),b.trigger("select",f.map(g,function(a){return a=new d(b.getRuid(),a),a._refer=c.container,a}),c.container)}}),b.connectRuntime(c,function(){b.refresh(),b.exec("init",c),b.trigger("ready")}),f(a).on("resize",function(){b.refresh()})},refresh:function(){var a=this.getRuntime().getContainer(),b=this.options.button,c=b.outerWidth?b.outerWidth():b.width(),d=b.outerHeight?b.outerHeight():b.height(),e=b.offset();c&&d&&a.css({bottom:"auto",right:"auto",width:c+"px",height:d+"px"}).offset(e)},enable:function(){var a=this.options.button;a.removeClass("webuploader-pick-disable"),this.refresh()},disable:function(){var a=this.options.button;this.getRuntime().getContainer().css({top:"-99999px"}),a.addClass("webuploader-pick-disable")},destroy:function(){this.runtime&&(this.exec("destroy"),this.disconnectRuntime())}}),e}),b("widgets/widget",["base","uploader"],function(a,b){function c(a){if(!a)return!1;var b=a.length,c=e.type(a);return 1===a.nodeType&&b?!0:"array"===c||"function"!==c&&"string"!==c&&(0===b||"number"==typeof b&&b>0&&b-1 in a)}function d(a){this.owner=a,this.options=a.options}var e=a.$,f=b.prototype._init,g={},h=[];return e.extend(d.prototype,{init:a.noop,invoke:function(a,b){var c=this.responseMap;return c&&a in c&&c[a]in this&&e.isFunction(this[c[a]])?this[c[a]].apply(this,b):g},request:function(){return this.owner.request.apply(this.owner,arguments)}}),e.extend(b.prototype,{_init:function(){var a=this,b=a._widgets=[];return e.each(h,function(c,d){b.push(new d(a))}),f.apply(a,arguments)},request:function(b,d,e){var f,h,i,j,k=0,l=this._widgets,m=l.length,n=[],o=[];for(d=c(d)?d:[d];m>k;k++)f=l[k],h=f.invoke(b,d),h!==g&&(a.isPromise(h)?o.push(h):n.push(h));return e||o.length?(i=a.when.apply(a,o),j=i.pipe?"pipe":"then",i[j](function(){var b=a.Deferred(),c=arguments;return setTimeout(function(){b.resolve.apply(b,c)},1),b.promise()})[j](e||a.noop)):n[0]}}),b.register=d.register=function(b,c){var f,g={init:"init"};return 1===arguments.length?(c=b,c.responseMap=g):c.responseMap=e.extend(g,b),f=a.inherits(d,c),h.push(f),f},d}),b("widgets/filepicker",["base","uploader","lib/filepicker","widgets/widget"],function(a,b,c){var d=a.$;return d.extend(b.options,{pick:null,accept:null}),b.register({"add-btn":"addButton",refresh:"refresh",disable:"disable",enable:"enable"},{init:function(a){return this.pickers=[],a.pick&&this.addButton(a.pick)},refresh:function(){d.each(this.pickers,function(){this.refresh()})},addButton:function(b){var e,f,g,h=this,i=h.options,j=i.accept;if(b)return g=a.Deferred(),d.isPlainObject(b)||(b={id:b}),e=d.extend({},b,{accept:d.isPlainObject(j)?[j]:j,swf:i.swf,runtimeOrder:i.runtimeOrder}),f=new c(e),f.once("ready",g.resolve),f.on("select",function(a){h.owner.request("add-file",[a])}),f.init(),this.pickers.push(f),g.promise()},disable:function(){d.each(this.pickers,function(){this.disable()})},enable:function(){d.each(this.pickers,function(){this.enable()})}})}),b("lib/image",["base","runtime/client","lib/blob"],function(a,b,c){function d(a){this.options=e.extend({},d.options,a),b.call(this,"Image"),this.on("load",function(){this._info=this.exec("info"),this._meta=this.exec("meta")})}var e=a.$;return d.options={quality:90,crop:!1,preserveHeaders:!0,allowMagnify:!0},a.inherits(b,{constructor:d,info:function(a){return a?(this._info=a,this):this._info},meta:function(a){return a?(this._meta=a,this):this._meta},loadFromBlob:function(a){var b=this,c=a.getRuid();this.connectRuntime(c,function(){b.exec("init",b.options),b.exec("loadFromBlob",a)})},resize:function(){var b=a.slice(arguments);return this.exec.apply(this,["resize"].concat(b))},getAsDataUrl:function(a){return this.exec("getAsDataUrl",a)},getAsBlob:function(a){var b=this.exec("getAsBlob",a);return new c(this.getRuid(),b)}}),d}),b("widgets/image",["base","uploader","lib/image","widgets/widget"],function(a,b,c){var d,e=a.$;return d=function(a){var b=0,c=[],d=function(){for(var d;c.length&&a>b;)d=c.shift(),b+=d[0],d[1]()};return function(a,e,f){c.push([e,f]),a.once("destroy",function(){b-=e,setTimeout(d,1)}),setTimeout(d,1)}}(5242880),e.extend(b.options,{thumb:{width:110,height:110,quality:70,allowMagnify:!0,crop:!0,preserveHeaders:!1,type:"image/jpeg"},compress:{width:1600,height:1600,quality:90,allowMagnify:!1,crop:!1,preserveHeaders:!0}}),b.register({"make-thumb":"makeThumb","before-send-file":"compressImage"},{makeThumb:function(a,b,f,g){var h,i;return a=this.request("get-file",a),a.type.match(/^image/)?(h=e.extend({},this.options.thumb),e.isPlainObject(f)&&(h=e.extend(h,f),f=null),f=f||h.width,g=g||h.height,i=new c(h),i.once("load",function(){a._info=a._info||i.info(),a._meta=a._meta||i.meta(),i.resize(f,g)}),i.once("complete",function(){b(!1,i.getAsDataUrl(h.type)),i.destroy()}),i.once("error",function(){b(!0),i.destroy()}),void d(i,a.source.size,function(){a._info&&i.info(a._info),a._meta&&i.meta(a._meta),i.loadFromBlob(a.source)})):void b(!0)},compressImage:function(b){var d,f,g=this.options.compress||this.options.resize,h=g&&g.compressSize||307200;return b=this.request("get-file",b),!g||!~"image/jpeg,image/jpg".indexOf(b.type)||b.size<h||b._compressed?void 0:(g=e.extend({},g),f=a.Deferred(),d=new c(g),f.always(function(){d.destroy(),d=null}),d.once("error",f.reject),d.once("load",function(){b._info=b._info||d.info(),b._meta=b._meta||d.meta(),d.resize(g.width,g.height)}),d.once("complete",function(){var a,c;try{a=d.getAsBlob(g.type),c=b.size,a.size<c&&(b.source=a,b.size=a.size,b.trigger("resize",a.size,c)),b._compressed=!0,f.resolve()}catch(e){f.resolve()}}),b._info&&d.info(b._info),b._meta&&d.meta(b._meta),d.loadFromBlob(b.source),f.promise())}})}),b("file",["base","mediator"],function(a,b){function c(){return f+g++}function d(a){this.name=a.name||"Untitled",this.size=a.size||0,this.type=a.type||"application",this.lastModifiedDate=a.lastModifiedDate||1*new Date,this.id=c(),this.ext=h.exec(this.name)?RegExp.$1:"",this.statusText="",i[this.id]=d.Status.INITED,this.source=a,this.loaded=0,this.on("error",function(a){this.setStatus(d.Status.ERROR,a)})}var e=a.$,f="WU_FILE_",g=0,h=/\.([^.]+)$/,i={};return e.extend(d.prototype,{setStatus:function(a,b){var c=i[this.id];"undefined"!=typeof b&&(this.statusText=b),a!==c&&(i[this.id]=a,this.trigger("statuschange",a,c))},getStatus:function(){return i[this.id]},getSource:function(){return this.source},destory:function(){delete i[this.id]}}),b.installTo(d.prototype),d.Status={INITED:"inited",QUEUED:"queued",PROGRESS:"progress",ERROR:"error",COMPLETE:"complete",CANCELLED:"cancelled",INTERRUPT:"interrupt",INVALID:"invalid"},d}),b("queue",["base","mediator","file"],function(a,b,c){function d(){this.stats={numOfQueue:0,numOfSuccess:0,numOfCancel:0,numOfProgress:0,numOfUploadFailed:0,numOfInvalid:0},this._queue=[],this._map={}}var e=a.$,f=c.Status;return e.extend(d.prototype,{append:function(a){return this._queue.push(a),this._fileAdded(a),this},prepend:function(a){return this._queue.unshift(a),this._fileAdded(a),this},getFile:function(a){return"string"!=typeof a?a:this._map[a]},fetch:function(a){var b,c,d=this._queue.length;for(a=a||f.QUEUED,b=0;d>b;b++)if(c=this._queue[b],a===c.getStatus())return c;return null},sort:function(a){"function"==typeof a&&this._queue.sort(a)},getFiles:function(){for(var a,b=[].slice.call(arguments,0),c=[],d=0,f=this._queue.length;f>d;d++)a=this._queue[d],(!b.length||~e.inArray(a.getStatus(),b))&&c.push(a);return c},_fileAdded:function(a){var b=this,c=this._map[a.id];c||(this._map[a.id]=a,a.on("statuschange",function(a,c){b._onFileStatusChange(a,c)})),a.setStatus(f.QUEUED)},_onFileStatusChange:function(a,b){var c=this.stats;switch(b){case f.PROGRESS:c.numOfProgress--;break;case f.QUEUED:c.numOfQueue--;break;case f.ERROR:c.numOfUploadFailed--;break;case f.INVALID:c.numOfInvalid--}switch(a){case f.QUEUED:c.numOfQueue++;break;case f.PROGRESS:c.numOfProgress++;break;case f.ERROR:c.numOfUploadFailed++;break;case f.COMPLETE:c.numOfSuccess++;break;case f.CANCELLED:c.numOfCancel++;break;case f.INVALID:c.numOfInvalid++}}}),b.installTo(d.prototype),d}),b("widgets/queue",["base","uploader","queue","file","lib/file","runtime/client","widgets/widget"],function(a,b,c,d,e,f){var g=a.$,h=/\.\w+$/,i=d.Status;return b.register({"sort-files":"sortFiles","add-file":"addFiles","get-file":"getFile","fetch-file":"fetchFile","get-stats":"getStats","get-files":"getFiles","remove-file":"removeFile",retry:"retry",reset:"reset","accept-file":"acceptFile"},{init:function(b){var d,e,h,i,j,k,l,m=this;if(g.isPlainObject(b.accept)&&(b.accept=[b.accept]),b.accept){for(j=[],h=0,e=b.accept.length;e>h;h++)i=b.accept[h].extensions,i&&j.push(i);j.length&&(k="\\."+j.join(",").replace(/,/g,"$|\\.").replace(/\*/g,".*")+"$"),m.accept=new RegExp(k,"i")}return m.queue=new c,m.stats=m.queue.stats,"html5"===this.request("predict-runtime-type")?(d=a.Deferred(),l=new f("Placeholder"),l.connectRuntime({runtimeOrder:"html5"},function(){m._ruid=l.getRuid(),d.resolve()}),d.promise()):void 0},_wrapFile:function(a){if(!(a instanceof d)){if(!(a instanceof e)){if(!this._ruid)throw new Error("Can't add external files.");a=new e(this._ruid,a)}a=new d(a)}return a},acceptFile:function(a){var b=!a||a.size<6||this.accept&&h.exec(a.name)&&!this.accept.test(a.name);return!b},_addFile:function(a){var b=this;return a=b._wrapFile(a),b.owner.trigger("beforeFileQueued",a)?b.acceptFile(a)?(b.queue.append(a),b.owner.trigger("fileQueued",a),a):void b.owner.trigger("error","Q_TYPE_DENIED",a):void 0},getFile:function(a){return this.queue.getFile(a)},addFiles:function(a){var b=this;a.length||(a=[a]),a=g.map(a,function(a){return b._addFile(a)}),b.owner.trigger("filesQueued",a),b.options.auto&&b.request("start-upload")},getStats:function(){return this.stats},removeFile:function(a){var b=this;a=a.id?a:b.queue.getFile(a),a.setStatus(i.CANCELLED),b.owner.trigger("fileDequeued",a)},getFiles:function(){return this.queue.getFiles.apply(this.queue,arguments)},fetchFile:function(){return this.queue.fetch.apply(this.queue,arguments)},retry:function(a,b){var c,d,e,f=this;if(a)return a=a.id?a:f.queue.getFile(a),a.setStatus(i.QUEUED),void(b||f.request("start-upload"));for(c=f.queue.getFiles(i.ERROR),d=0,e=c.length;e>d;d++)a=c[d],a.setStatus(i.QUEUED);f.request("start-upload")},sortFiles:function(){return this.queue.sort.apply(this.queue,arguments)},reset:function(){this.queue=new c,this.stats=this.queue.stats}})}),b("widgets/runtime",["uploader","runtime/runtime","widgets/widget"],function(a,b){return a.support=function(){return b.hasRuntime.apply(b,arguments)},a.register({"predict-runtime-type":"predictRuntmeType"},{init:function(){if(!this.predictRuntmeType())throw Error("Runtime Error")},predictRuntmeType:function(){var a,c,d=this.options.runtimeOrder||b.orders,e=this.type;if(!e)for(d=d.split(/\s*,\s*/g),a=0,c=d.length;c>a;a++)if(b.hasRuntime(d[a])){this.type=e=d[a];break}return e}})}),b("lib/transport",["base","runtime/client","mediator"],function(a,b,c){function d(a){var c=this;a=c.options=e.extend(!0,{},d.options,a||{}),b.call(this,"Transport"),this._blob=null,this._formData=a.formData||{},this._headers=a.headers||{},this.on("progress",this._timeout),this.on("load error",function(){c.trigger("progress",1),clearTimeout(c._timer)})}var e=a.$;return d.options={server:"",method:"POST",withCredentials:!1,fileVal:"file",timeout:12e4,formData:{},headers:{},sendAsBinary:!1},e.extend(d.prototype,{appendBlob:function(a,b,c){var d=this,e=d.options;d.getRuid()&&d.disconnectRuntime(),d.connectRuntime(b.ruid,function(){d.exec("init")}),d._blob=b,e.fileVal=a||e.fileVal,e.filename=c||e.filename},append:function(a,b){"object"==typeof a?e.extend(this._formData,a):this._formData[a]=b},setRequestHeader:function(a,b){"object"==typeof a?e.extend(this._headers,a):this._headers[a]=b},send:function(a){this.exec("send",a),this._timeout()},abort:function(){return clearTimeout(this._timer),this.exec("abort")},destroy:function(){this.trigger("destroy"),this.off(),this.exec("destroy"),this.disconnectRuntime()},getResponse:function(){return this.exec("getResponse")},getResponseAsJson:function(){return this.exec("getResponseAsJson")},getStatus:function(){return this.exec("getStatus")},_timeout:function(){var a=this,b=a.options.timeout;b&&(clearTimeout(a._timer),a._timer=setTimeout(function(){a.abort(),a.trigger("error","timeout")},b))}}),c.installTo(d.prototype),d}),b("widgets/upload",["base","uploader","file","lib/transport","widgets/widget"],function(a,b,c,d){function e(a,b){for(var c,d=[],e=a.source,f=e.size,g=b?Math.ceil(f/b):1,h=0,i=0;g>i;)c=Math.min(b,f-h),d.push({file:a,start:h,end:b?h+c:f,total:f,chunks:g,chunk:i++}),h+=c;return a.blocks=d.concat(),a.remaning=d.length,{file:a,has:function(){return!!d.length},fetch:function(){return d.shift()}}}var f=a.$,g=a.isPromise,h=c.Status;f.extend(b.options,{prepareNextFile:!1,chunked:!1,chunkSize:5242880,chunkRetry:2,threads:3,formData:null}),b.register({"start-upload":"start","stop-upload":"stop","skip-file":"skipFile","is-in-progress":"isInProgress"},{init:function(){var b=this.owner;this.runing=!1,this.pool=[],this.pending=[],this.remaning=0,this.__tick=a.bindFn(this._tick,this),b.on("uploadComplete",function(a){a.blocks&&f.each(a.blocks,function(a,b){b.transport&&(b.transport.abort(),b.transport.destroy()),delete b.transport}),delete a.blocks,delete a.remaning})},start:function(){var b=this;f.each(b.request("get-files",h.INVALID),function(){b.request("remove-file",this)}),b.runing||(b.runing=!0,f.each(b.pool,function(a,c){var d=c.file;d.getStatus()===h.INTERRUPT&&(d.setStatus(h.PROGRESS),b._trigged=!1,c.transport&&c.transport.send())}),b._trigged=!1,b.owner.trigger("startUpload"),a.nextTick(b.__tick))},stop:function(a){var b=this;b.runing!==!1&&(b.runing=!1,a&&f.each(b.pool,function(a,b){b.transport&&b.transport.abort(),b.file.setStatus(h.INTERRUPT)}),b.owner.trigger("stopUpload"))},isInProgress:function(){return!!this.runing},getStats:function(){return this.request("get-stats")},skipFile:function(a,b){a=this.request("get-file",a),a.setStatus(b||h.COMPLETE),a.skipped=!0,a.blocks&&f.each(a.blocks,function(a,b){var c=b.transport;c&&(c.abort(),c.destroy(),delete b.transport)}),this.owner.trigger("uploadSkip",a)},_tick:function(){var b,c,d=this,e=d.options;return d._promise?d._promise.always(d.__tick):void(d.pool.length<e.threads&&(c=d._nextBlock())?(d._trigged=!1,b=function(b){d._promise=null,b&&b.file&&d._startSend(b),a.nextTick(d.__tick)},d._promise=g(c)?c.always(b):b(c)):d.remaning||d.getStats().numOfQueue||(d.runing=!1,d._trigged||a.nextTick(function(){d.owner.trigger("uploadFinished")}),d._trigged=!0))},_nextBlock:function(){var a,b,c=this,d=c._act,f=c.options;return d&&d.has()&&d.file.getStatus()===h.PROGRESS?(f.prepareNextFile&&!c.pending.length&&c._prepareNextFile(),d.fetch()):c.runing?(!c.pending.length&&c.getStats().numOfQueue&&c._prepareNextFile(),a=c.pending.shift(),b=function(a){return a?(d=e(a,f.chunked?f.chunkSize:0),c._act=d,d.fetch()):null},g(a)?a[a.pipe?"pipe":"then"](b):b(a)):void 0},_prepareNextFile:function(){var a,b=this,c=b.request("fetch-file"),d=b.pending;c&&(a=b.request("before-send-file",c,function(){return c.getStatus()===h.QUEUED?(b.owner.trigger("uploadStart",c),c.setStatus(h.PROGRESS),c):b._finishFile(c)}),a.done(function(){var b=f.inArray(a,d);~b&&d.splice(b,1,c)}),a.fail(function(a){c.setStatus(h.ERROR,a),b.owner.trigger("uploadError",c,a),b.owner.trigger("uploadComplete",c)}),d.push(a))},_popBlock:function(a){var b=f.inArray(a,this.pool);this.pool.splice(b,1),a.file.remaning--,this.remaning--},_startSend:function(b){var c,d=this,e=b.file;d.pool.push(b),d.remaning++,b.blob=1===b.chunks?e.source:e.source.slice(b.start,b.end),c=d.request("before-send",b,function(){e.getStatus()===h.PROGRESS?d._doSend(b):(d._popBlock(b),a.nextTick(d.__tick))}),c.fail(function(){1===e.remaning?d._finishFile(e).always(function(){b.percentage=1,d._popBlock(b),d.owner.trigger("uploadComplete",e),a.nextTick(d.__tick)}):(b.percentage=1,d._popBlock(b),a.nextTick(d.__tick))})},_doSend:function(b){var c,e,g=this,i=g.owner,j=g.options,k=b.file,l=new d(j),m=f.extend({},j.formData),n=f.extend({},j.headers);b.transport=l,l.on("destroy",function(){delete b.transport,g._popBlock(b),a.nextTick(g.__tick)}),l.on("progress",function(a){var c=0,d=0;c=b.percentage=a,b.chunks>1&&(f.each(k.blocks,function(a,b){d+=(b.percentage||0)*(b.end-b.start)}),c=d/k.size),i.trigger("uploadProgress",k,c||0)}),c=function(a){var c;return e=l.getResponseAsJson()||{},e._raw=l.getResponse(),c=function(b){a=b},i.trigger("uploadAccept",b,e,c)||(a=a||"server"),a},l.on("error",function(a,d){b.retried=b.retried||0,b.chunks>1&&~"http,abort".indexOf(a)&&b.retried<j.chunkRetry?(b.retried++,l.send()):(d||"server"!==a||(a=c(a)),k.setStatus(h.ERROR,a),i.trigger("uploadError",k,a),i.trigger("uploadComplete",k))}),l.on("load",function(){var a;return(a=c())?void l.trigger("error",a,!0):void(1===k.remaning?g._finishFile(k,e):l.destroy())}),m=f.extend(m,{id:k.id,name:k.name,type:k.type,lastModifiedDate:k.lastModifiedDate,size:k.size}),b.chunks>1&&f.extend(m,{chunks:b.chunks,chunk:b.chunk}),i.trigger("uploadBeforeSend",b,m,n),l.appendBlob(j.fileVal,b.blob,k.name),l.append(m),l.setRequestHeader(n),l.send()},_finishFile:function(a,b,c){var d=this.owner;return d.request("after-send-file",arguments,function(){a.setStatus(h.COMPLETE),d.trigger("uploadSuccess",a,b,c)}).fail(function(b){a.getStatus()===h.PROGRESS&&a.setStatus(h.ERROR,b),d.trigger("uploadError",a,b)}).always(function(){d.trigger("uploadComplete",a)})}})}),b("widgets/validator",["base","uploader","file","widgets/widget"],function(a,b,c){var d,e=a.$,f={};return d={addValidator:function(a,b){f[a]=b},removeValidator:function(a){delete f[a]}},b.register({init:function(){var a=this;e.each(f,function(){this.call(a.owner)})}}),d.addValidator("fileNumLimit",function(){var a=this,b=a.options,c=0,d=b.fileNumLimit>>0,e=!0;d&&(a.on("beforeFileQueued",function(a){return c>=d&&e&&(e=!1,this.trigger("error","Q_EXCEED_NUM_LIMIT",d,a),setTimeout(function(){e=!0},1)),c>=d?!1:!0}),a.on("fileQueued",function(){c++}),a.on("fileDequeued",function(){c--}),a.on("uploadFinished",function(){c=0}))}),d.addValidator("fileSizeLimit",function(){var a=this,b=a.options,c=0,d=b.fileSizeLimit>>0,e=!0;d&&(a.on("beforeFileQueued",function(a){var b=c+a.size>d;return b&&e&&(e=!1,this.trigger("error","Q_EXCEED_SIZE_LIMIT",d,a),setTimeout(function(){e=!0},1)),b?!1:!0}),a.on("fileQueued",function(a){c+=a.size}),a.on("fileDequeued",function(a){c-=a.size}),a.on("uploadFinished",function(){c=0}))}),d.addValidator("fileSingleSizeLimit",function(){var a=this,b=a.options,d=b.fileSingleSizeLimit;d&&a.on("beforeFileQueued",function(a){return a.size>d?(a.setStatus(c.Status.INVALID,"exceed_size"),this.trigger("error","F_EXCEED_SIZE",a),!1):void 0})}),d.addValidator("duplicate",function(){function a(a){for(var b,c=0,d=0,e=a.length;e>d;d++)b=a.charCodeAt(d),c=b+(c<<6)+(c<<16)-c;return c}var b=this,c=b.options,d={};c.duplicate||(b.on("beforeFileQueued",function(b){var c=b.__hash||(b.__hash=a(b.name+b.size+b.lastModifiedDate));return d[c]?(this.trigger("error","F_DUPLICATE",b),!1):void 0}),b.on("fileQueued",function(a){var b=a.__hash;b&&(d[b]=!0)}),b.on("fileDequeued",function(a){var b=a.__hash;b&&delete d[b]}))}),d}),b("runtime/compbase",[],function(){function a(a,b){this.owner=a,this.options=a.options,this.getRuntime=function(){return b},this.getRuid=function(){return b.uid},this.trigger=function(){return a.trigger.apply(a,arguments)}}return a}),b("runtime/flash/runtime",["base","runtime/runtime","runtime/compbase"],function(b,c,d){function e(){var a;try{a=navigator.plugins["Shockwave Flash"],a=a.description}catch(b){try{a=new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version")}catch(c){a="0.0"}}return a=a.match(/\d+/g),parseFloat(a[0]+"."+a[1],10)}function f(){function d(a,b){var c,d,e=a.type||a;c=e.split("::"),d=c[0],e=c[1],"Ready"===e&&d===j.uid?j.trigger("ready"):f[d]&&f[d].trigger(e.toLowerCase(),a,b)}var e={},f={},g=this.destory,j=this,k=b.guid("webuploader_");c.apply(j,arguments),j.type=h,j.exec=function(a,c){var d,g=this,h=g.uid,k=b.slice(arguments,2);return f[h]=g,i[a]&&(e[h]||(e[h]=new i[a](g,j)),d=e[h],d[c])?d[c].apply(d,k):j.flashExec.apply(g,arguments)},a[k]=function(){var a=arguments;setTimeout(function(){d.apply(null,a)},1)},this.jsreciver=k,this.destory=function(){return g&&g.apply(this,arguments)},this.flashExec=function(a,c){var d=j.getFlash(),e=b.slice(arguments,2);return d.exec(this.uid,a,c,e)}}var g=b.$,h="flash",i={};return b.inherits(c,{constructor:f,init:function(){var a,c=this.getContainer(),d=this.options;c.css({position:"absolute",top:"-8px",left:"-8px",width:"9px",height:"9px",overflow:"hidden"}),a='<object id="'+this.uid+'" type="application/x-shockwave-flash" data="'+d.swf+'" ',b.browser.ie&&(a+='classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" '),a+='width="100%" height="100%" style="outline:0"><param name="movie" value="'+d.swf+'" /><param name="flashvars" value="uid='+this.uid+"&jsreciver="+this.jsreciver+'" /><param name="wmode" value="transparent" /><param name="allowscriptaccess" value="always" /></object>',c.html(a)},getFlash:function(){return this._flash?this._flash:(this._flash=g("#"+this.uid).get(0),this._flash)}}),f.register=function(a,c){return c=i[a]=b.inherits(d,g.extend({flashExec:function(){var a=this.owner,b=this.getRuntime();return b.flashExec.apply(a,arguments)}},c))},e()>=11.4&&c.addRuntime(h,f),f}),b("runtime/flash/filepicker",["base","runtime/flash/runtime"],function(a,b){var c=a.$;return b.register("FilePicker",{init:function(a){var b,d,e=c.extend({},a);for(b=e.accept&&e.accept.length,d=0;b>d;d++)e.accept[d].title||(e.accept[d].title="Files");delete e.button,delete e.container,this.flashExec("FilePicker","init",e)},destroy:function(){}})}),b("runtime/flash/image",["runtime/flash/runtime"],function(a){return a.register("Image",{loadFromBlob:function(a){var b=this.owner;b.info()&&this.flashExec("Image","info",b.info()),b.meta()&&this.flashExec("Image","meta",b.meta()),this.flashExec("Image","loadFromBlob",a.uid)}})}),b("runtime/flash/transport",["base","runtime/flash/runtime","runtime/client"],function(a,b,c){var d=a.$;return b.register("Transport",{init:function(){this._status=0,this._response=null,this._responseJson=null},send:function(){var a,b=this.owner,c=this.options,e=this._initAjax(),f=b._blob,g=c.server;e.connectRuntime(f.ruid),c.sendAsBinary?(g+=(/\?/.test(g)?"&":"?")+d.param(b._formData),a=f.uid):(d.each(b._formData,function(a,b){e.exec("append",a,b)
+}),e.exec("appendBlob",c.fileVal,f.uid,c.filename||b._formData.name||"")),this._setRequestHeader(e,c.headers),e.exec("send",{method:c.method,url:g},a)},getStatus:function(){return this._status},getResponse:function(){return this._response},getResponseAsJson:function(){return this._responseJson},abort:function(){var a=this._xhr;a&&(a.exec("abort"),a.destroy(),this._xhr=a=null)},destroy:function(){this.abort()},_initAjax:function(){var a=this,b=new c("XMLHttpRequest");return b.on("uploadprogress progress",function(b){return a.trigger("progress",b.loaded/b.total)}),b.on("load",function(){var c=b.exec("getStatus"),d="";return b.off(),a._xhr=null,c>=200&&300>c?(a._response=b.exec("getResponse"),a._responseJson=b.exec("getResponseAsJson")):c>=500&&600>c?(a._response=b.exec("getResponse"),a._responseJson=b.exec("getResponseAsJson"),d="server"):d="http",b.destroy(),b=null,d?a.trigger("error",d):a.trigger("load")}),b.on("error",function(){b.off(),a._xhr=null,a.trigger("error","http")}),a._xhr=b,b},_setRequestHeader:function(a,b){d.each(b,function(b,c){a.exec("setRequestHeader",b,c)})}})}),b("preset/flashonly",["base","widgets/filepicker","widgets/image","widgets/queue","widgets/runtime","widgets/upload","widgets/validator","runtime/flash/filepicker","runtime/flash/image","runtime/flash/transport"],function(a){return a}),b("webuploader",["preset/flashonly"],function(a){return a}),c("webuploader")});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.html5only.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.html5only.js
new file mode 100644
index 000000000..5dd481375
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.html5only.js
@@ -0,0 +1,5559 @@
+/*! WebUploader 0.1.2 */
+
+
+/**
+ * @fileOverview 让内部各个部件的代码可以用[amd](https://github.com/amdjs/amdjs-api/wiki/AMD)模块定义方式组织起来。
+ *
+ * AMD API 内部的简单不完全实现，请忽略。只有当WebUploader被合并成一个文件的时候才会引入。
+ */
+(function( root, factory ) {
+    var modules = {},
+
+        // 内部require, 简单不完全实现。
+        // https://github.com/amdjs/amdjs-api/wiki/require
+        _require = function( deps, callback ) {
+            var args, len, i;
+
+            // 如果deps不是数组，则直接返回指定module
+            if ( typeof deps === 'string' ) {
+                return getModule( deps );
+            } else {
+                args = [];
+                for( len = deps.length, i = 0; i < len; i++ ) {
+                    args.push( getModule( deps[ i ] ) );
+                }
+
+                return callback.apply( null, args );
+            }
+        },
+
+        // 内部define，暂时不支持不指定id.
+        _define = function( id, deps, factory ) {
+            if ( arguments.length === 2 ) {
+                factory = deps;
+                deps = null;
+            }
+
+            _require( deps || [], function() {
+                setModule( id, factory, arguments );
+            });
+        },
+
+        // 设置module, 兼容CommonJs写法。
+        setModule = function( id, factory, args ) {
+            var module = {
+                    exports: factory
+                },
+                returned;
+
+            if ( typeof factory === 'function' ) {
+                args.length || (args = [ _require, module.exports, module ]);
+                returned = factory.apply( null, args );
+                returned !== undefined && (module.exports = returned);
+            }
+
+            modules[ id ] = module.exports;
+        },
+
+        // 根据id获取module
+        getModule = function( id ) {
+            var module = modules[ id ] || root[ id ];
+
+            if ( !module ) {
+                throw new Error( '`' + id + '` is undefined' );
+            }
+
+            return module;
+        },
+
+        // 将所有modules，将路径ids装换成对象。
+        exportsTo = function( obj ) {
+            var key, host, parts, part, last, ucFirst;
+
+            // make the first character upper case.
+            ucFirst = function( str ) {
+                return str && (str.charAt( 0 ).toUpperCase() + str.substr( 1 ));
+            };
+
+            for ( key in modules ) {
+                host = obj;
+
+                if ( !modules.hasOwnProperty( key ) ) {
+                    continue;
+                }
+
+                parts = key.split('/');
+                last = ucFirst( parts.pop() );
+
+                while( (part = ucFirst( parts.shift() )) ) {
+                    host[ part ] = host[ part ] || {};
+                    host = host[ part ];
+                }
+
+                host[ last ] = modules[ key ];
+            }
+        },
+
+        exports = factory( root, _define, _require ),
+        origin;
+
+    // exports every module.
+    exportsTo( exports );
+
+    if ( typeof module === 'object' && typeof module.exports === 'object' ) {
+
+        // For CommonJS and CommonJS-like environments where a proper window is present,
+        module.exports = exports;
+    } else if ( typeof define === 'function' && define.amd ) {
+
+        // Allow using this built library as an AMD module
+        // in another project. That other project will only
+        // see this AMD call, not the internal modules in
+        // the closure below.
+        define([], exports );
+    } else {
+
+        // Browser globals case. Just assign the
+        // result to a property on the global.
+        origin = root.WebUploader;
+        root.WebUploader = exports;
+        root.WebUploader.noConflict = function() {
+            root.WebUploader = origin;
+        };
+    }
+})( this, function( window, define, require ) {
+
+
+    /**
+     * @fileOverview jQuery or Zepto
+     */
+    define('dollar-third',[],function() {
+        return window.jQuery || window.Zepto;
+    });
+    /**
+     * @fileOverview Dom 操作相关
+     */
+    define('dollar',[
+        'dollar-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 使用jQuery的Promise
+     */
+    define('promise-third',[
+        'dollar'
+    ], function( $ ) {
+        return {
+            Deferred: $.Deferred,
+            when: $.when,
+    
+            isPromise: function( anything ) {
+                return anything && typeof anything.then === 'function';
+            }
+        };
+    });
+    /**
+     * @fileOverview Promise/A+
+     */
+    define('promise',[
+        'promise-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 基础类方法。
+     */
+    
+    /**
+     * Web Uploader内部类的详细说明，以下提及的功能类，都可以在`WebUploader`这个变量中访问到。
+     *
+     * As you know, Web Uploader的每个文件都是用过[AMD](https://github.com/amdjs/amdjs-api/wiki/AMD)规范中的`define`组织起来的, 每个Module都会有个module id.
+     * 默认module id该文件的路径，而此路径将会转化成名字空间存放在WebUploader中。如：
+     *
+     * * module `base`：WebUploader.Base
+     * * module `file`: WebUploader.File
+     * * module `lib/dnd`: WebUploader.Lib.Dnd
+     * * module `runtime/html5/dnd`: WebUploader.Runtime.Html5.Dnd
+     *
+     *
+     * 以下文档将可能省略`WebUploader`前缀。
+     * @module WebUploader
+     * @title WebUploader API文档
+     */
+    define('base',[
+        'dollar',
+        'promise'
+    ], function( $, promise ) {
+    
+        var noop = function() {},
+            call = Function.call;
+    
+        // http://jsperf.com/uncurrythis
+        // 反科里化
+        function uncurryThis( fn ) {
+            return function() {
+                return call.apply( fn, arguments );
+            };
+        }
+    
+        function bindFn( fn, context ) {
+            return function() {
+                return fn.apply( context, arguments );
+            };
+        }
+    
+        function createObject( proto ) {
+            var f;
+    
+            if ( Object.create ) {
+                return Object.create( proto );
+            } else {
+                f = function() {};
+                f.prototype = proto;
+                return new f();
+            }
+        }
+    
+    
+        /**
+         * 基础类，提供一些简单常用的方法。
+         * @class Base
+         */
+        return {
+    
+            /**
+             * @property {String} version 当前版本号。
+             */
+            version: '0.1.2',
+    
+            /**
+             * @property {jQuery|Zepto} $ 引用依赖的jQuery或者Zepto对象。
+             */
+            $: $,
+    
+            Deferred: promise.Deferred,
+    
+            isPromise: promise.isPromise,
+    
+            when: promise.when,
+    
+            /**
+             * @description  简单的浏览器检查结果。
+             *
+             * * `webkit`  webkit版本号，如果浏览器为非webkit内核，此属性为`undefined`。
+             * * `chrome`  chrome浏览器版本号，如果浏览器为chrome，此属性为`undefined`。
+             * * `ie`  ie浏览器版本号，如果浏览器为非ie，此属性为`undefined`。**暂不支持ie10+**
+             * * `firefox`  firefox浏览器版本号，如果浏览器为非firefox，此属性为`undefined`。
+             * * `safari`  safari浏览器版本号，如果浏览器为非safari，此属性为`undefined`。
+             * * `opera`  opera浏览器版本号，如果浏览器为非opera，此属性为`undefined`。
+             *
+             * @property {Object} [browser]
+             */
+            browser: (function( ua ) {
+                var ret = {},
+                    webkit = ua.match( /WebKit\/([\d.]+)/ ),
+                    chrome = ua.match( /Chrome\/([\d.]+)/ ) ||
+                        ua.match( /CriOS\/([\d.]+)/ ),
+    
+                    ie = ua.match( /MSIE\s([\d\.]+)/ ) ||
+                        ua.match(/(?:trident)(?:.*rv:([\w.]+))?/i),
+                    firefox = ua.match( /Firefox\/([\d.]+)/ ),
+                    safari = ua.match( /Safari\/([\d.]+)/ ),
+                    opera = ua.match( /OPR\/([\d.]+)/ );
+    
+                webkit && (ret.webkit = parseFloat( webkit[ 1 ] ));
+                chrome && (ret.chrome = parseFloat( chrome[ 1 ] ));
+                ie && (ret.ie = parseFloat( ie[ 1 ] ));
+                firefox && (ret.firefox = parseFloat( firefox[ 1 ] ));
+                safari && (ret.safari = parseFloat( safari[ 1 ] ));
+                opera && (ret.opera = parseFloat( opera[ 1 ] ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
+            /**
+             * @description  操作系统检查结果。
+             *
+             * * `android`  如果在android浏览器环境下，此值为对应的android版本号，否则为`undefined`。
+             * * `ios` 如果在ios浏览器环境下，此值为对应的ios版本号，否则为`undefined`。
+             * @property {Object} [os]
+             */
+            os: (function( ua ) {
+                var ret = {},
+    
+                    // osx = !!ua.match( /\(Macintosh\; Intel / ),
+                    android = ua.match( /(?:Android);?[\s\/]+([\d.]+)?/ ),
+                    ios = ua.match( /(?:iPad|iPod|iPhone).*OS\s([\d_]+)/ );
+    
+                // osx && (ret.osx = true);
+                android && (ret.android = parseFloat( android[ 1 ] ));
+                ios && (ret.ios = parseFloat( ios[ 1 ].replace( /_/g, '.' ) ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
+            /**
+             * 实现类与类之间的继承。
+             * @method inherits
+             * @grammar Base.inherits( super ) => child
+             * @grammar Base.inherits( super, protos ) => child
+             * @grammar Base.inherits( super, protos, statics ) => child
+             * @param  {Class} super 父类
+             * @param  {Object | Function} [protos] 子类或者对象。如果对象中包含constructor，子类将是用此属性值。
+             * @param  {Function} [protos.constructor] 子类构造器，不指定的话将创建个临时的直接执行父类构造器的方法。
+             * @param  {Object} [statics] 静态属性或方法。
+             * @return {Class} 返回子类。
+             * @example
+             * function Person() {
+             *     console.log( 'Super' );
+             * }
+             * Person.prototype.hello = function() {
+             *     console.log( 'hello' );
+             * };
+             *
+             * var Manager = Base.inherits( Person, {
+             *     world: function() {
+             *         console.log( 'World' );
+             *     }
+             * });
+             *
+             * // 因为没有指定构造器，父类的构造器将会执行。
+             * var instance = new Manager();    // => Super
+             *
+             * // 继承子父类的方法
+             * instance.hello();    // => hello
+             * instance.world();    // => World
+             *
+             * // 子类的__super__属性指向父类
+             * console.log( Manager.__super__ === Person );    // => true
+             */
+            inherits: function( Super, protos, staticProtos ) {
+                var child;
+    
+                if ( typeof protos === 'function' ) {
+                    child = protos;
+                    protos = null;
+                } else if ( protos && protos.hasOwnProperty('constructor') ) {
+                    child = protos.constructor;
+                } else {
+                    child = function() {
+                        return Super.apply( this, arguments );
+                    };
+                }
+    
+                // 复制静态方法
+                $.extend( true, child, Super, staticProtos || {} );
+    
+                /* jshint camelcase: false */
+    
+                // 让子类的__super__属性指向父类。
+                child.__super__ = Super.prototype;
+    
+                // 构建原型，添加原型方法或属性。
+                // 暂时用Object.create实现。
+                child.prototype = createObject( Super.prototype );
+                protos && $.extend( true, child.prototype, protos );
+    
+                return child;
+            },
+    
+            /**
+             * 一个不做任何事情的方法。可以用来赋值给默认的callback.
+             * @method noop
+             */
+            noop: noop,
+    
+            /**
+             * 返回一个新的方法，此方法将已指定的`context`来执行。
+             * @grammar Base.bindFn( fn, context ) => Function
+             * @method bindFn
+             * @example
+             * var doSomething = function() {
+             *         console.log( this.name );
+             *     },
+             *     obj = {
+             *         name: 'Object Name'
+             *     },
+             *     aliasFn = Base.bind( doSomething, obj );
+             *
+             *  aliasFn();    // => Object Name
+             *
+             */
+            bindFn: bindFn,
+    
+            /**
+             * 引用Console.log如果存在的话，否则引用一个[空函数loop](#WebUploader:Base.log)。
+             * @grammar Base.log( args... ) => undefined
+             * @method log
+             */
+            log: (function() {
+                if ( window.console ) {
+                    return bindFn( console.log, console );
+                }
+                return noop;
+            })(),
+    
+            nextTick: (function() {
+    
+                return function( cb ) {
+                    setTimeout( cb, 1 );
+                };
+    
+                // @bug 当浏览器不在当前窗口时就停了。
+                // var next = window.requestAnimationFrame ||
+                //     window.webkitRequestAnimationFrame ||
+                //     window.mozRequestAnimationFrame ||
+                //     function( cb ) {
+                //         window.setTimeout( cb, 1000 / 60 );
+                //     };
+    
+                // // fix: Uncaught TypeError: Illegal invocation
+                // return bindFn( next, window );
+            })(),
+    
+            /**
+             * 被[uncurrythis](http://www.2ality.com/2011/11/uncurrying-this.html)的数组slice方法。
+             * 将用来将非数组对象转化成数组对象。
+             * @grammar Base.slice( target, start[, end] ) => Array
+             * @method slice
+             * @example
+             * function doSomthing() {
+             *     var args = Base.slice( arguments, 1 );
+             *     console.log( args );
+             * }
+             *
+             * doSomthing( 'ignored', 'arg2', 'arg3' );    // => Array ["arg2", "arg3"]
+             */
+            slice: uncurryThis( [].slice ),
+    
+            /**
+             * 生成唯一的ID
+             * @method guid
+             * @grammar Base.guid() => String
+             * @grammar Base.guid( prefx ) => String
+             */
+            guid: (function() {
+                var counter = 0;
+    
+                return function( prefix ) {
+                    var guid = (+new Date()).toString( 32 ),
+                        i = 0;
+    
+                    for ( ; i < 5; i++ ) {
+                        guid += Math.floor( Math.random() * 65535 ).toString( 32 );
+                    }
+    
+                    return (prefix || 'wu_') + guid + (counter++).toString( 32 );
+                };
+            })(),
+    
+            /**
+             * 格式化文件大小, 输出成带单位的字符串
+             * @method formatSize
+             * @grammar Base.formatSize( size ) => String
+             * @grammar Base.formatSize( size, pointLength ) => String
+             * @grammar Base.formatSize( size, pointLength, units ) => String
+             * @param {Number} size 文件大小
+             * @param {Number} [pointLength=2] 精确到的小数点数。
+             * @param {Array} [units=[ 'B', 'K', 'M', 'G', 'TB' ]] 单位数组。从字节，到千字节，一直往上指定。如果单位数组里面只指定了到了K(千字节)，同时文件大小大于M, 此方法的输出将还是显示成多少K.
+             * @example
+             * console.log( Base.formatSize( 100 ) );    // => 100B
+             * console.log( Base.formatSize( 1024 ) );    // => 1.00K
+             * console.log( Base.formatSize( 1024, 0 ) );    // => 1K
+             * console.log( Base.formatSize( 1024 * 1024 ) );    // => 1.00M
+             * console.log( Base.formatSize( 1024 * 1024 * 1024 ) );    // => 1.00G
+             * console.log( Base.formatSize( 1024 * 1024 * 1024, 0, ['B', 'KB', 'MB'] ) );    // => 1024MB
+             */
+            formatSize: function( size, pointLength, units ) {
+                var unit;
+    
+                units = units || [ 'B', 'K', 'M', 'G', 'TB' ];
+    
+                while ( (unit = units.shift()) && size > 1024 ) {
+                    size = size / 1024;
+                }
+    
+                return (unit === 'B' ? size : size.toFixed( pointLength || 2 )) +
+                        unit;
+            }
+        };
+    });
+    /**
+     * 事件处理类，可以独立使用，也可以扩展给对象使用。
+     * @fileOverview Mediator
+     */
+    define('mediator',[
+        'base'
+    ], function( Base ) {
+        var $ = Base.$,
+            slice = [].slice,
+            separator = /\s+/,
+            protos;
+    
+        // 根据条件过滤出事件handlers.
+        function findHandlers( arr, name, callback, context ) {
+            return $.grep( arr, function( handler ) {
+                return handler &&
+                        (!name || handler.e === name) &&
+                        (!callback || handler.cb === callback ||
+                        handler.cb._cb === callback) &&
+                        (!context || handler.ctx === context);
+            });
+        }
+    
+        function eachEvent( events, callback, iterator ) {
+            // 不支持对象，只支持多个event用空格隔开
+            $.each( (events || '').split( separator ), function( _, key ) {
+                iterator( key, callback );
+            });
+        }
+    
+        function triggerHanders( events, args ) {
+            var stoped = false,
+                i = -1,
+                len = events.length,
+                handler;
+    
+            while ( ++i < len ) {
+                handler = events[ i ];
+    
+                if ( handler.cb.apply( handler.ctx2, args ) === false ) {
+                    stoped = true;
+                    break;
+                }
+            }
+    
+            return !stoped;
+        }
+    
+        protos = {
+    
+            /**
+             * 绑定事件。
+             *
+             * `callback`方法在执行时，arguments将会来源于trigger的时候携带的参数。如
+             * ```javascript
+             * var obj = {};
+             *
+             * // 使得obj有事件行为
+             * Mediator.installTo( obj );
+             *
+             * obj.on( 'testa', function( arg1, arg2 ) {
+             *     console.log( arg1, arg2 ); // => 'arg1', 'arg2'
+             * });
+             *
+             * obj.trigger( 'testa', 'arg1', 'arg2' );
+             * ```
+             *
+             * 如果`callback`中，某一个方法`return false`了，则后续的其他`callback`都不会被执行到。
+             * 切会影响到`trigger`方法的返回值，为`false`。
+             *
+             * `on`还可以用来添加一个特殊事件`all`, 这样所有的事件触发都会响应到。同时此类`callback`中的arguments有一个不同处，
+             * 就是第一个参数为`type`，记录当前是什么事件在触发。此类`callback`的优先级比脚低，会再正常`callback`执行完后触发。
+             * ```javascript
+             * obj.on( 'all', function( type, arg1, arg2 ) {
+             *     console.log( type, arg1, arg2 ); // => 'testa', 'arg1', 'arg2'
+             * });
+             * ```
+             *
+             * @method on
+             * @grammar on( name, callback[, context] ) => self
+             * @param  {String}   name     事件名，支持多个事件用空格隔开
+             * @param  {Function} callback 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             * @class Mediator
+             */
+            on: function( name, callback, context ) {
+                var me = this,
+                    set;
+    
+                if ( !callback ) {
+                    return this;
+                }
+    
+                set = this._events || (this._events = []);
+    
+                eachEvent( name, callback, function( name, callback ) {
+                    var handler = { e: name };
+    
+                    handler.cb = callback;
+                    handler.ctx = context;
+                    handler.ctx2 = context || me;
+                    handler.id = set.length;
+    
+                    set.push( handler );
+                });
+    
+                return this;
+            },
+    
+            /**
+             * 绑定事件，且当handler执行完后，自动解除绑定。
+             * @method once
+             * @grammar once( name, callback[, context] ) => self
+             * @param  {String}   name     事件名
+             * @param  {Function} callback 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             */
+            once: function( name, callback, context ) {
+                var me = this;
+    
+                if ( !callback ) {
+                    return me;
+                }
+    
+                eachEvent( name, callback, function( name, callback ) {
+                    var once = function() {
+                            me.off( name, once );
+                            return callback.apply( context || me, arguments );
+                        };
+    
+                    once._cb = callback;
+                    me.on( name, once, context );
+                });
+    
+                return me;
+            },
+    
+            /**
+             * 解除事件绑定
+             * @method off
+             * @grammar off( [name[, callback[, context] ] ] ) => self
+             * @param  {String}   [name]     事件名
+             * @param  {Function} [callback] 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             */
+            off: function( name, cb, ctx ) {
+                var events = this._events;
+    
+                if ( !events ) {
+                    return this;
+                }
+    
+                if ( !name && !cb && !ctx ) {
+                    this._events = [];
+                    return this;
+                }
+    
+                eachEvent( name, cb, function( name, cb ) {
+                    $.each( findHandlers( events, name, cb, ctx ), function() {
+                        delete events[ this.id ];
+                    });
+                });
+    
+                return this;
+            },
+    
+            /**
+             * 触发事件
+             * @method trigger
+             * @grammar trigger( name[, args...] ) => self
+             * @param  {String}   type     事件名
+             * @param  {*} [...] 任意参数
+             * @return {Boolean} 如果handler中return false了，则返回false, 否则返回true
+             */
+            trigger: function( type ) {
+                var args, events, allEvents;
+    
+                if ( !this._events || !type ) {
+                    return this;
+                }
+    
+                args = slice.call( arguments, 1 );
+                events = findHandlers( this._events, type );
+                allEvents = findHandlers( this._events, 'all' );
+    
+                return triggerHanders( events, args ) &&
+                        triggerHanders( allEvents, arguments );
+            }
+        };
+    
+        /**
+         * 中介者，它本身是个单例，但可以通过[installTo](#WebUploader:Mediator:installTo)方法，使任何对象具备事件行为。
+         * 主要目的是负责模块与模块之间的合作，降低耦合度。
+         *
+         * @class Mediator
+         */
+        return $.extend({
+    
+            /**
+             * 可以通过这个接口，使任何对象具备事件功能。
+             * @method installTo
+             * @param  {Object} obj 需要具备事件行为的对象。
+             * @return {Object} 返回obj.
+             */
+            installTo: function( obj ) {
+                return $.extend( obj, protos );
+            }
+    
+        }, protos );
+    });
+    /**
+     * @fileOverview Uploader上传类
+     */
+    define('uploader',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$;
+    
+        /**
+         * 上传入口类。
+         * @class Uploader
+         * @constructor
+         * @grammar new Uploader( opts ) => Uploader
+         * @example
+         * var uploader = WebUploader.Uploader({
+         *     swf: 'path_of_swf/Uploader.swf',
+         *
+         *     // 开起分片上传。
+         *     chunked: true
+         * });
+         */
+        function Uploader( opts ) {
+            this.options = $.extend( true, {}, Uploader.options, opts );
+            this._init( this.options );
+        }
+    
+        // default Options
+        // widgets中有相应扩展
+        Uploader.options = {};
+        Mediator.installTo( Uploader.prototype );
+    
+        // 批量添加纯命令式方法。
+        $.each({
+            upload: 'start-upload',
+            stop: 'stop-upload',
+            getFile: 'get-file',
+            getFiles: 'get-files',
+            addFile: 'add-file',
+            addFiles: 'add-file',
+            sort: 'sort-files',
+            removeFile: 'remove-file',
+            skipFile: 'skip-file',
+            retry: 'retry',
+            isInProgress: 'is-in-progress',
+            makeThumb: 'make-thumb',
+            getDimension: 'get-dimension',
+            addButton: 'add-btn',
+            getRuntimeType: 'get-runtime-type',
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable',
+            reset: 'reset'
+        }, function( fn, command ) {
+            Uploader.prototype[ fn ] = function() {
+                return this.request( command, arguments );
+            };
+        });
+    
+        $.extend( Uploader.prototype, {
+            state: 'pending',
+    
+            _init: function( opts ) {
+                var me = this;
+    
+                me.request( 'init', opts, function() {
+                    me.state = 'ready';
+                    me.trigger('ready');
+                });
+            },
+    
+            /**
+             * 获取或者设置Uploader配置项。
+             * @method option
+             * @grammar option( key ) => *
+             * @grammar option( key, val ) => self
+             * @example
+             *
+             * // 初始状态图片上传前不会压缩
+             * var uploader = new WebUploader.Uploader({
+             *     resize: null;
+             * });
+             *
+             * // 修改后图片上传前，尝试将图片压缩到1600 * 1600
+             * uploader.options( 'resize', {
+             *     width: 1600,
+             *     height: 1600
+             * });
+             */
+            option: function( key, val ) {
+                var opts = this.options;
+    
+                // setter
+                if ( arguments.length > 1 ) {
+    
+                    if ( $.isPlainObject( val ) &&
+                            $.isPlainObject( opts[ key ] ) ) {
+                        $.extend( opts[ key ], val );
+                    } else {
+                        opts[ key ] = val;
+                    }
+    
+                } else {    // getter
+                    return key ? opts[ key ] : opts;
+                }
+            },
+    
+            /**
+             * 获取文件统计信息。返回一个包含一下信息的对象。
+             * * `successNum` 上传成功的文件数
+             * * `uploadFailNum` 上传失败的文件数
+             * * `cancelNum` 被删除的文件数
+             * * `invalidNum` 无效的文件数
+             * * `queueNum` 还在队列中的文件数
+             * @method getStats
+             * @grammar getStats() => Object
+             */
+            getStats: function() {
+                // return this._mgr.getStats.apply( this._mgr, arguments );
+                var stats = this.request('get-stats');
+    
+                return {
+                    successNum: stats.numOfSuccess,
+    
+                    // who care?
+                    // queueFailNum: 0,
+                    cancelNum: stats.numOfCancel,
+                    invalidNum: stats.numOfInvalid,
+                    uploadFailNum: stats.numOfUploadFailed,
+                    queueNum: stats.numOfQueue
+                };
+            },
+    
+            // 需要重写此方法来来支持opts.onEvent和instance.onEvent的处理器
+            trigger: function( type/*, args...*/ ) {
+                var args = [].slice.call( arguments, 1 ),
+                    opts = this.options,
+                    name = 'on' + type.substring( 0, 1 ).toUpperCase() +
+                        type.substring( 1 );
+    
+                if (
+                        // 调用通过on方法注册的handler.
+                        Mediator.trigger.apply( this, arguments ) === false ||
+    
+                        // 调用opts.onEvent
+                        $.isFunction( opts[ name ] ) &&
+                        opts[ name ].apply( this, args ) === false ||
+    
+                        // 调用this.onEvent
+                        $.isFunction( this[ name ] ) &&
+                        this[ name ].apply( this, args ) === false ||
+    
+                        // 广播所有uploader的事件。
+                        Mediator.trigger.apply( Mediator,
+                        [ this, type ].concat( args ) ) === false ) {
+    
+                    return false;
+                }
+    
+                return true;
+            },
+    
+            // widgets/widget.js将补充此方法的详细文档。
+            request: Base.noop
+        });
+    
+        /**
+         * 创建Uploader实例，等同于new Uploader( opts );
+         * @method create
+         * @class Base
+         * @static
+         * @grammar Base.create( opts ) => Uploader
+         */
+        Base.create = Uploader.create = function( opts ) {
+            return new Uploader( opts );
+        };
+    
+        // 暴露Uploader，可以通过它来扩展业务逻辑。
+        Base.Uploader = Uploader;
+    
+        return Uploader;
+    });
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/runtime',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$,
+            factories = {},
+    
+            // 获取对象的第一个key
+            getFirstKey = function( obj ) {
+                for ( var key in obj ) {
+                    if ( obj.hasOwnProperty( key ) ) {
+                        return key;
+                    }
+                }
+                return null;
+            };
+    
+        // 接口类。
+        function Runtime( options ) {
+            this.options = $.extend({
+                container: document.body
+            }, options );
+            this.uid = Base.guid('rt_');
+        }
+    
+        $.extend( Runtime.prototype, {
+    
+            getContainer: function() {
+                var opts = this.options,
+                    parent, container;
+    
+                if ( this._container ) {
+                    return this._container;
+                }
+    
+                parent = $( opts.container || document.body );
+                container = $( document.createElement('div') );
+    
+                container.attr( 'id', 'rt_' + this.uid );
+                container.css({
+                    position: 'absolute',
+                    top: '0px',
+                    left: '0px',
+                    width: '1px',
+                    height: '1px',
+                    overflow: 'hidden'
+                });
+    
+                parent.append( container );
+                parent.addClass('webuploader-container');
+                this._container = container;
+                return container;
+            },
+    
+            init: Base.noop,
+            exec: Base.noop,
+    
+            destroy: function() {
+                if ( this._container ) {
+                    this._container.parentNode.removeChild( this.__container );
+                }
+    
+                this.off();
+            }
+        });
+    
+        Runtime.orders = 'html5,flash';
+    
+    
+        /**
+         * 添加Runtime实现。
+         * @param {String} type    类型
+         * @param {Runtime} factory 具体Runtime实现。
+         */
+        Runtime.addRuntime = function( type, factory ) {
+            factories[ type ] = factory;
+        };
+    
+        Runtime.hasRuntime = function( type ) {
+            return !!(type ? factories[ type ] : getFirstKey( factories ));
+        };
+    
+        Runtime.create = function( opts, orders ) {
+            var type, runtime;
+    
+            orders = orders || Runtime.orders;
+            $.each( orders.split( /\s*,\s*/g ), function() {
+                if ( factories[ this ] ) {
+                    type = this;
+                    return false;
+                }
+            });
+    
+            type = type || getFirstKey( factories );
+    
+            if ( !type ) {
+                throw new Error('Runtime Error');
+            }
+    
+            runtime = new factories[ type ]( opts );
+            return runtime;
+        };
+    
+        Mediator.installTo( Runtime.prototype );
+        return Runtime;
+    });
+    
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/client',[
+        'base',
+        'mediator',
+        'runtime/runtime'
+    ], function( Base, Mediator, Runtime ) {
+    
+        var cache;
+    
+        cache = (function() {
+            var obj = {};
+    
+            return {
+                add: function( runtime ) {
+                    obj[ runtime.uid ] = runtime;
+                },
+    
+                get: function( ruid, standalone ) {
+                    var i;
+    
+                    if ( ruid ) {
+                        return obj[ ruid ];
+                    }
+    
+                    for ( i in obj ) {
+                        // 有些类型不能重用，比如filepicker.
+                        if ( standalone && obj[ i ].__standalone ) {
+                            continue;
+                        }
+    
+                        return obj[ i ];
+                    }
+    
+                    return null;
+                },
+    
+                remove: function( runtime ) {
+                    delete obj[ runtime.uid ];
+                }
+            };
+        })();
+    
+        function RuntimeClient( component, standalone ) {
+            var deferred = Base.Deferred(),
+                runtime;
+    
+            this.uid = Base.guid('client_');
+    
+            // 允许runtime没有初始化之前，注册一些方法在初始化后执行。
+            this.runtimeReady = function( cb ) {
+                return deferred.done( cb );
+            };
+    
+            this.connectRuntime = function( opts, cb ) {
+    
+                // already connected.
+                if ( runtime ) {
+                    throw new Error('already connected!');
+                }
+    
+                deferred.done( cb );
+    
+                if ( typeof opts === 'string' && cache.get( opts ) ) {
+                    runtime = cache.get( opts );
+                }
+    
+                // 像filePicker只能独立存在，不能公用。
+                runtime = runtime || cache.get( null, standalone );
+    
+                // 需要创建
+                if ( !runtime ) {
+                    runtime = Runtime.create( opts, opts.runtimeOrder );
+                    runtime.__promise = deferred.promise();
+                    runtime.once( 'ready', deferred.resolve );
+                    runtime.init();
+                    cache.add( runtime );
+                    runtime.__client = 1;
+                } else {
+                    // 来自cache
+                    Base.$.extend( runtime.options, opts );
+                    runtime.__promise.then( deferred.resolve );
+                    runtime.__client++;
+                }
+    
+                standalone && (runtime.__standalone = standalone);
+                return runtime;
+            };
+    
+            this.getRuntime = function() {
+                return runtime;
+            };
+    
+            this.disconnectRuntime = function() {
+                if ( !runtime ) {
+                    return;
+                }
+    
+                runtime.__client--;
+    
+                if ( runtime.__client <= 0 ) {
+                    cache.remove( runtime );
+                    delete runtime.__promise;
+                    runtime.destroy();
+                }
+    
+                runtime = null;
+            };
+    
+            this.exec = function() {
+                if ( !runtime ) {
+                    return;
+                }
+    
+                var args = Base.slice( arguments );
+                component && args.unshift( component );
+    
+                return runtime.exec.apply( this, args );
+            };
+    
+            this.getRuid = function() {
+                return runtime && runtime.uid;
+            };
+    
+            this.destroy = (function( destroy ) {
+                return function() {
+                    destroy && destroy.apply( this, arguments );
+                    this.trigger('destroy');
+                    this.off();
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                };
+            })( this.destroy );
+        }
+    
+        Mediator.installTo( RuntimeClient.prototype );
+        return RuntimeClient;
+    });
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/dnd',[
+        'base',
+        'mediator',
+        'runtime/client'
+    ], function( Base, Mediator, RuntimeClent ) {
+    
+        var $ = Base.$;
+    
+        function DragAndDrop( opts ) {
+            opts = this.options = $.extend({}, DragAndDrop.options, opts );
+    
+            opts.container = $( opts.container );
+    
+            if ( !opts.container.length ) {
+                return;
+            }
+    
+            RuntimeClent.call( this, 'DragAndDrop' );
+        }
+    
+        DragAndDrop.options = {
+            accept: null,
+            disableGlobalDnd: false
+        };
+    
+        Base.inherits( RuntimeClent, {
+            constructor: DragAndDrop,
+    
+            init: function() {
+                var me = this;
+    
+                me.connectRuntime( me.options, function() {
+                    me.exec('init');
+                    me.trigger('ready');
+                });
+            },
+    
+            destroy: function() {
+                this.disconnectRuntime();
+            }
+        });
+    
+        Mediator.installTo( DragAndDrop.prototype );
+    
+        return DragAndDrop;
+    });
+    /**
+     * @fileOverview 组件基类。
+     */
+    define('widgets/widget',[
+        'base',
+        'uploader'
+    ], function( Base, Uploader ) {
+    
+        var $ = Base.$,
+            _init = Uploader.prototype._init,
+            IGNORE = {},
+            widgetClass = [];
+    
+        function isArrayLike( obj ) {
+            if ( !obj ) {
+                return false;
+            }
+    
+            var length = obj.length,
+                type = $.type( obj );
+    
+            if ( obj.nodeType === 1 && length ) {
+                return true;
+            }
+    
+            return type === 'array' || type !== 'function' && type !== 'string' &&
+                    (length === 0 || typeof length === 'number' && length > 0 &&
+                    (length - 1) in obj);
+        }
+    
+        function Widget( uploader ) {
+            this.owner = uploader;
+            this.options = uploader.options;
+        }
+    
+        $.extend( Widget.prototype, {
+    
+            init: Base.noop,
+    
+            // 类Backbone的事件监听声明，监听uploader实例上的事件
+            // widget直接无法监听事件，事件只能通过uploader来传递
+            invoke: function( apiName, args ) {
+    
+                /*
+                    {
+                        'make-thumb': 'makeThumb'
+                    }
+                 */
+                var map = this.responseMap;
+    
+                // 如果无API响应声明则忽略
+                if ( !map || !(apiName in map) || !(map[ apiName ] in this) ||
+                        !$.isFunction( this[ map[ apiName ] ] ) ) {
+    
+                    return IGNORE;
+                }
+    
+                return this[ map[ apiName ] ].apply( this, args );
+    
+            },
+    
+            /**
+             * 发送命令。当传入`callback`或者`handler`中返回`promise`时。返回一个当所有`handler`中的promise都完成后完成的新`promise`。
+             * @method request
+             * @grammar request( command, args ) => * | Promise
+             * @grammar request( command, args, callback ) => Promise
+             * @for  Uploader
+             */
+            request: function() {
+                return this.owner.request.apply( this.owner, arguments );
+            }
+        });
+    
+        // 扩展Uploader.
+        $.extend( Uploader.prototype, {
+    
+            // 覆写_init用来初始化widgets
+            _init: function() {
+                var me = this,
+                    widgets = me._widgets = [];
+    
+                $.each( widgetClass, function( _, klass ) {
+                    widgets.push( new klass( me ) );
+                });
+    
+                return _init.apply( me, arguments );
+            },
+    
+            request: function( apiName, args, callback ) {
+                var i = 0,
+                    widgets = this._widgets,
+                    len = widgets.length,
+                    rlts = [],
+                    dfds = [],
+                    widget, rlt, promise, key;
+    
+                args = isArrayLike( args ) ? args : [ args ];
+    
+                for ( ; i < len; i++ ) {
+                    widget = widgets[ i ];
+                    rlt = widget.invoke( apiName, args );
+    
+                    if ( rlt !== IGNORE ) {
+    
+                        // Deferred对象
+                        if ( Base.isPromise( rlt ) ) {
+                            dfds.push( rlt );
+                        } else {
+                            rlts.push( rlt );
+                        }
+                    }
+                }
+    
+                // 如果有callback，则用异步方式。
+                if ( callback || dfds.length ) {
+                    promise = Base.when.apply( Base, dfds );
+                    key = promise.pipe ? 'pipe' : 'then';
+    
+                    // 很重要不能删除。删除了会死循环。
+                    // 保证执行顺序。让callback总是在下一个tick中执行。
+                    return promise[ key ](function() {
+                                var deferred = Base.Deferred(),
+                                    args = arguments;
+    
+                                setTimeout(function() {
+                                    deferred.resolve.apply( deferred, args );
+                                }, 1 );
+    
+                                return deferred.promise();
+                            })[ key ]( callback || Base.noop );
+                } else {
+                    return rlts[ 0 ];
+                }
+            }
+        });
+    
+        /**
+         * 添加组件
+         * @param  {object} widgetProto 组件原型，构造函数通过constructor属性定义
+         * @param  {object} responseMap API名称与函数实现的映射
+         * @example
+         *     Uploader.register( {
+         *         init: function( options ) {},
+         *         makeThumb: function() {}
+         *     }, {
+         *         'make-thumb': 'makeThumb'
+         *     } );
+         */
+        Uploader.register = Widget.register = function( responseMap, widgetProto ) {
+            var map = { init: 'init' },
+                klass;
+    
+            if ( arguments.length === 1 ) {
+                widgetProto = responseMap;
+                widgetProto.responseMap = map;
+            } else {
+                widgetProto.responseMap = $.extend( map, responseMap );
+            }
+    
+            klass = Base.inherits( Widget, widgetProto );
+            widgetClass.push( klass );
+    
+            return klass;
+        };
+    
+        return Widget;
+    });
+    /**
+     * @fileOverview DragAndDrop Widget。
+     */
+    define('widgets/filednd',[
+        'base',
+        'uploader',
+        'lib/dnd',
+        'widgets/widget'
+    ], function( Base, Uploader, Dnd ) {
+        var $ = Base.$;
+    
+        Uploader.options.dnd = '';
+    
+        /**
+         * @property {Selector} [dnd=undefined]  指定Drag And Drop拖拽的容器，如果不指定，则不启动。
+         * @namespace options
+         * @for Uploader
+         */
+    
+        /**
+         * @event dndAccept
+         * @param {DataTransferItemList} items DataTransferItem
+         * @description 阻止此事件可以拒绝某些类型的文件拖入进来。目前只有 chrome 提供这样的 API，且只能通过 mime-type 验证。
+         * @for  Uploader
+         */
+        return Uploader.register({
+            init: function( opts ) {
+    
+                if ( !opts.dnd ||
+                        this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                var me = this,
+                    deferred = Base.Deferred(),
+                    options = $.extend({}, {
+                        disableGlobalDnd: opts.disableGlobalDnd,
+                        container: opts.dnd,
+                        accept: opts.accept
+                    }),
+                    dnd;
+    
+                dnd = new Dnd( options );
+    
+                dnd.once( 'ready', deferred.resolve );
+                dnd.on( 'drop', function( files ) {
+                    me.request( 'add-file', [ files ]);
+                });
+    
+                // 检测文件是否全部允许添加。
+                dnd.on( 'accept', function( items ) {
+                    return me.owner.trigger( 'dndAccept', items );
+                });
+    
+                dnd.init();
+    
+                return deferred.promise();
+            }
+        });
+    });
+    
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/filepaste',[
+        'base',
+        'mediator',
+        'runtime/client'
+    ], function( Base, Mediator, RuntimeClent ) {
+    
+        var $ = Base.$;
+    
+        function FilePaste( opts ) {
+            opts = this.options = $.extend({}, opts );
+            opts.container = $( opts.container || document.body );
+            RuntimeClent.call( this, 'FilePaste' );
+        }
+    
+        Base.inherits( RuntimeClent, {
+            constructor: FilePaste,
+    
+            init: function() {
+                var me = this;
+    
+                me.connectRuntime( me.options, function() {
+                    me.exec('init');
+                    me.trigger('ready');
+                });
+            },
+    
+            destroy: function() {
+                this.exec('destroy');
+                this.disconnectRuntime();
+                this.off();
+            }
+        });
+    
+        Mediator.installTo( FilePaste.prototype );
+    
+        return FilePaste;
+    });
+    /**
+     * @fileOverview 组件基类。
+     */
+    define('widgets/filepaste',[
+        'base',
+        'uploader',
+        'lib/filepaste',
+        'widgets/widget'
+    ], function( Base, Uploader, FilePaste ) {
+        var $ = Base.$;
+    
+        /**
+         * @property {Selector} [paste=undefined]  指定监听paste事件的容器，如果不指定，不启用此功能。此功能为通过粘贴来添加截屏的图片。建议设置为`document.body`.
+         * @namespace options
+         * @for Uploader
+         */
+        return Uploader.register({
+            init: function( opts ) {
+    
+                if ( !opts.paste ||
+                        this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                var me = this,
+                    deferred = Base.Deferred(),
+                    options = $.extend({}, {
+                        container: opts.paste,
+                        accept: opts.accept
+                    }),
+                    paste;
+    
+                paste = new FilePaste( options );
+    
+                paste.once( 'ready', deferred.resolve );
+                paste.on( 'paste', function( files ) {
+                    me.owner.request( 'add-file', [ files ]);
+                });
+                paste.init();
+    
+                return deferred.promise();
+            }
+        });
+    });
+    /**
+     * @fileOverview Blob
+     */
+    define('lib/blob',[
+        'base',
+        'runtime/client'
+    ], function( Base, RuntimeClient ) {
+    
+        function Blob( ruid, source ) {
+            var me = this;
+    
+            me.source = source;
+            me.ruid = ruid;
+    
+            RuntimeClient.call( me, 'Blob' );
+    
+            this.uid = source.uid || this.uid;
+            this.type = source.type || '';
+            this.size = source.size || 0;
+    
+            if ( ruid ) {
+                me.connectRuntime( ruid );
+            }
+        }
+    
+        Base.inherits( RuntimeClient, {
+            constructor: Blob,
+    
+            slice: function( start, end ) {
+                return this.exec( 'slice', start, end );
+            },
+    
+            getSource: function() {
+                return this.source;
+            }
+        });
+    
+        return Blob;
+    });
+    /**
+     * 为了统一化Flash的File和HTML5的File而存在。
+     * 以至于要调用Flash里面的File，也可以像调用HTML5版本的File一下。
+     * @fileOverview File
+     */
+    define('lib/file',[
+        'base',
+        'lib/blob'
+    ], function( Base, Blob ) {
+    
+        var uid = 1,
+            rExt = /\.([^.]+)$/;
+    
+        function File( ruid, file ) {
+            var ext;
+    
+            Blob.apply( this, arguments );
+            this.name = file.name || ('untitled' + uid++);
+            ext = rExt.exec( file.name ) ? RegExp.$1.toLowerCase() : '';
+    
+            // todo 支持其他类型文件的转换。
+    
+            // 如果有mimetype, 但是文件名里面没有找出后缀规律
+            if ( !ext && this.type ) {
+                ext = /\/(jpg|jpeg|png|gif|bmp)$/i.exec( this.type ) ?
+                        RegExp.$1.toLowerCase() : '';
+                this.name += '.' + ext;
+            }
+    
+            // 如果没有指定mimetype, 但是知道文件后缀。
+            if ( !this.type &&  ~'jpg,jpeg,png,gif,bmp'.indexOf( ext ) ) {
+                this.type = 'image/' + (ext === 'jpg' ? 'jpeg' : ext);
+            }
+    
+            this.ext = ext;
+            this.lastModifiedDate = file.lastModifiedDate ||
+                    (new Date()).toLocaleString();
+        }
+    
+        return Base.inherits( Blob, File );
+    });
+    
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/filepicker',[
+        'base',
+        'runtime/client',
+        'lib/file'
+    ], function( Base, RuntimeClent, File ) {
+    
+        var $ = Base.$;
+    
+        function FilePicker( opts ) {
+            opts = this.options = $.extend({}, FilePicker.options, opts );
+    
+            opts.container = $( opts.id );
+    
+            if ( !opts.container.length ) {
+                throw new Error('按钮指定错误');
+            }
+    
+            opts.innerHTML = opts.innerHTML || opts.label ||
+                    opts.container.html() || '';
+    
+            opts.button = $( opts.button || document.createElement('div') );
+            opts.button.html( opts.innerHTML );
+            opts.container.html( opts.button );
+    
+            RuntimeClent.call( this, 'FilePicker', true );
+        }
+    
+        FilePicker.options = {
+            button: null,
+            container: null,
+            label: null,
+            innerHTML: null,
+            multiple: true,
+            accept: null,
+            name: 'file'
+        };
+    
+        Base.inherits( RuntimeClent, {
+            constructor: FilePicker,
+    
+            init: function() {
+                var me = this,
+                    opts = me.options,
+                    button = opts.button;
+    
+                button.addClass('webuploader-pick');
+    
+                me.on( 'all', function( type ) {
+                    var files;
+    
+                    switch ( type ) {
+                        case 'mouseenter':
+                            button.addClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'mouseleave':
+                            button.removeClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'change':
+                            files = me.exec('getFiles');
+                            me.trigger( 'select', $.map( files, function( file ) {
+                                file = new File( me.getRuid(), file );
+    
+                                // 记录来源。
+                                file._refer = opts.container;
+                                return file;
+                            }), opts.container );
+                            break;
+                    }
+                });
+    
+                me.connectRuntime( opts, function() {
+                    me.refresh();
+                    me.exec( 'init', opts );
+                    me.trigger('ready');
+                });
+    
+                $( window ).on( 'resize', function() {
+                    me.refresh();
+                });
+            },
+    
+            refresh: function() {
+                var shimContainer = this.getRuntime().getContainer(),
+                    button = this.options.button,
+                    width = button.outerWidth ?
+                            button.outerWidth() : button.width(),
+    
+                    height = button.outerHeight ?
+                            button.outerHeight() : button.height(),
+    
+                    pos = button.offset();
+    
+                width && height && shimContainer.css({
+                    bottom: 'auto',
+                    right: 'auto',
+                    width: width + 'px',
+                    height: height + 'px'
+                }).offset( pos );
+            },
+    
+            enable: function() {
+                var btn = this.options.button;
+    
+                btn.removeClass('webuploader-pick-disable');
+                this.refresh();
+            },
+    
+            disable: function() {
+                var btn = this.options.button;
+    
+                this.getRuntime().getContainer().css({
+                    top: '-99999px'
+                });
+    
+                btn.addClass('webuploader-pick-disable');
+            },
+    
+            destroy: function() {
+                if ( this.runtime ) {
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                }
+            }
+        });
+    
+        return FilePicker;
+    });
+    
+    /**
+     * @fileOverview 文件选择相关
+     */
+    define('widgets/filepicker',[
+        'base',
+        'uploader',
+        'lib/filepicker',
+        'widgets/widget'
+    ], function( Base, Uploader, FilePicker ) {
+        var $ = Base.$;
+    
+        $.extend( Uploader.options, {
+    
+            /**
+             * @property {Selector | Object} [pick=undefined]
+             * @namespace options
+             * @for Uploader
+             * @description 指定选择文件的按钮容器，不指定则不创建按钮。
+             *
+             * * `id` {Seletor} 指定选择文件的按钮容器，不指定则不创建按钮。
+             * * `label` {String} 请采用 `innerHTML` 代替
+             * * `innerHTML` {String} 指定按钮文字。不指定时优先从指定的容器中看是否自带文字。
+             * * `multiple` {Boolean} 是否开起同时选择多个文件能力。
+             */
+            pick: null,
+    
+            /**
+             * @property {Arroy} [accept=null]
+             * @namespace options
+             * @for Uploader
+             * @description 指定接受哪些类型的文件。 由于目前还有ext转mimeType表，所以这里需要分开指定。
+             *
+             * * `title` {String} 文字描述
+             * * `extensions` {String} 允许的文件后缀，不带点，多个用逗号分割。
+             * * `mimeTypes` {String} 多个用逗号分割。
+             *
+             * 如：
+             *
+             * ```
+             * {
+             *     title: 'Images',
+             *     extensions: 'gif,jpg,jpeg,bmp,png',
+             *     mimeTypes: 'image/*'
+             * }
+             * ```
+             */
+            accept: null/*{
+                title: 'Images',
+                extensions: 'gif,jpg,jpeg,bmp,png',
+                mimeTypes: 'image/*'
+            }*/
+        });
+    
+        return Uploader.register({
+            'add-btn': 'addButton',
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable'
+        }, {
+    
+            init: function( opts ) {
+                this.pickers = [];
+                return opts.pick && this.addButton( opts.pick );
+            },
+    
+            refresh: function() {
+                $.each( this.pickers, function() {
+                    this.refresh();
+                });
+            },
+    
+            /**
+             * @method addButton
+             * @for Uploader
+             * @grammar addButton( pick ) => Promise
+             * @description
+             * 添加文件选择按钮，如果一个按钮不够，需要调用此方法来添加。参数跟[options.pick](#WebUploader:Uploader:options)一致。
+             * @example
+             * uploader.addButton({
+             *     id: '#btnContainer',
+             *     innerHTML: '选择文件'
+             * });
+             */
+            addButton: function( pick ) {
+                var me = this,
+                    opts = me.options,
+                    accept = opts.accept,
+                    options, picker, deferred;
+    
+                if ( !pick ) {
+                    return;
+                }
+    
+                deferred = Base.Deferred();
+                $.isPlainObject( pick ) || (pick = {
+                    id: pick
+                });
+    
+                options = $.extend({}, pick, {
+                    accept: $.isPlainObject( accept ) ? [ accept ] : accept,
+                    swf: opts.swf,
+                    runtimeOrder: opts.runtimeOrder
+                });
+    
+                picker = new FilePicker( options );
+    
+                picker.once( 'ready', deferred.resolve );
+                picker.on( 'select', function( files ) {
+                    me.owner.request( 'add-file', [ files ]);
+                });
+                picker.init();
+    
+                this.pickers.push( picker );
+    
+                return deferred.promise();
+            },
+    
+            disable: function() {
+                $.each( this.pickers, function() {
+                    this.disable();
+                });
+            },
+    
+            enable: function() {
+                $.each( this.pickers, function() {
+                    this.enable();
+                });
+            }
+        });
+    });
+    /**
+     * @fileOverview Image
+     */
+    define('lib/image',[
+        'base',
+        'runtime/client',
+        'lib/blob'
+    ], function( Base, RuntimeClient, Blob ) {
+        var $ = Base.$;
+    
+        // 构造器。
+        function Image( opts ) {
+            this.options = $.extend({}, Image.options, opts );
+            RuntimeClient.call( this, 'Image' );
+    
+            this.on( 'load', function() {
+                this._info = this.exec('info');
+                this._meta = this.exec('meta');
+            });
+        }
+    
+        // 默认选项。
+        Image.options = {
+    
+            // 默认的图片处理质量
+            quality: 90,
+    
+            // 是否裁剪
+            crop: false,
+    
+            // 是否保留头部信息
+            preserveHeaders: true,
+    
+            // 是否允许放大。
+            allowMagnify: true
+        };
+    
+        // 继承RuntimeClient.
+        Base.inherits( RuntimeClient, {
+            constructor: Image,
+    
+            info: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._info = val;
+                    return this;
+                }
+    
+                // getter
+                return this._info;
+            },
+    
+            meta: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._meta = val;
+                    return this;
+                }
+    
+                // getter
+                return this._meta;
+            },
+    
+            loadFromBlob: function( blob ) {
+                var me = this,
+                    ruid = blob.getRuid();
+    
+                this.connectRuntime( ruid, function() {
+                    me.exec( 'init', me.options );
+                    me.exec( 'loadFromBlob', blob );
+                });
+            },
+    
+            resize: function() {
+                var args = Base.slice( arguments );
+                return this.exec.apply( this, [ 'resize' ].concat( args ) );
+            },
+    
+            getAsDataUrl: function( type ) {
+                return this.exec( 'getAsDataUrl', type );
+            },
+    
+            getAsBlob: function( type ) {
+                var blob = this.exec( 'getAsBlob', type );
+    
+                return new Blob( this.getRuid(), blob );
+            }
+        });
+    
+        return Image;
+    });
+    /**
+     * @fileOverview 图片操作, 负责预览图片和上传前压缩图片
+     */
+    define('widgets/image',[
+        'base',
+        'uploader',
+        'lib/image',
+        'widgets/widget'
+    ], function( Base, Uploader, Image ) {
+    
+        var $ = Base.$,
+            throttle;
+    
+        // 根据要处理的文件大小来节流，一次不能处理太多，会卡。
+        throttle = (function( max ) {
+            var occupied = 0,
+                waiting = [],
+                tick = function() {
+                    var item;
+    
+                    while ( waiting.length && occupied < max ) {
+                        item = waiting.shift();
+                        occupied += item[ 0 ];
+                        item[ 1 ]();
+                    }
+                };
+    
+            return function( emiter, size, cb ) {
+                waiting.push([ size, cb ]);
+                emiter.once( 'destroy', function() {
+                    occupied -= size;
+                    setTimeout( tick, 1 );
+                });
+                setTimeout( tick, 1 );
+            };
+        })( 5 * 1024 * 1024 );
+    
+        $.extend( Uploader.options, {
+    
+            /**
+             * @property {Object} [thumb]
+             * @namespace options
+             * @for Uploader
+             * @description 配置生成缩略图的选项。
+             *
+             * 默认为：
+             *
+             * ```javascript
+             * {
+             *     width: 110,
+             *     height: 110,
+             *
+             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
+             *     quality: 70,
+             *
+             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+             *     allowMagnify: true,
+             *
+             *     // 是否允许裁剪。
+             *     crop: true,
+             *
+             *     // 是否保留头部meta信息。
+             *     preserveHeaders: false,
+             *
+             *     // 为空的话则保留原有图片格式。
+             *     // 否则强制转换成指定的类型。
+             *     type: 'image/jpeg'
+             * }
+             * ```
+             */
+            thumb: {
+                width: 110,
+                height: 110,
+                quality: 70,
+                allowMagnify: true,
+                crop: true,
+                preserveHeaders: false,
+    
+                // 为空的话则保留原有图片格式。
+                // 否则强制转换成指定的类型。
+                // IE 8下面 base64 大小不能超过 32K 否则预览失败，而非 jpeg 编码的图片很可
+                // 能会超过 32k, 所以这里设置成预览的时候都是 image/jpeg
+                type: 'image/jpeg'
+            },
+    
+            /**
+             * @property {Object} [compress]
+             * @namespace options
+             * @for Uploader
+             * @description 配置压缩的图片的选项。如果此选项为`false`, 则图片在上传前不进行压缩。
+             *
+             * 默认为：
+             *
+             * ```javascript
+             * {
+             *     width: 1600,
+             *     height: 1600,
+             *
+             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
+             *     quality: 90,
+             *
+             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+             *     allowMagnify: false,
+             *
+             *     // 是否允许裁剪。
+             *     crop: false,
+             *
+             *     // 是否保留头部meta信息。
+             *     preserveHeaders: true
+             * }
+             * ```
+             */
+            compress: {
+                width: 1600,
+                height: 1600,
+                quality: 90,
+                allowMagnify: false,
+                crop: false,
+                preserveHeaders: true
+            }
+        });
+    
+        return Uploader.register({
+            'make-thumb': 'makeThumb',
+            'before-send-file': 'compressImage'
+        }, {
+    
+    
+            /**
+             * 生成缩略图，此过程为异步，所以需要传入`callback`。
+             * 通常情况在图片加入队里后调用此方法来生成预览图以增强交互效果。
+             *
+             * `callback`中可以接收到两个参数。
+             * * 第一个为error，如果生成缩略图有错误，此error将为真。
+             * * 第二个为ret, 缩略图的Data URL值。
+             *
+             * **注意**
+             * Date URL在IE6/7中不支持，所以不用调用此方法了，直接显示一张暂不支持预览图片好了。
+             *
+             *
+             * @method makeThumb
+             * @grammar makeThumb( file, callback ) => undefined
+             * @grammar makeThumb( file, callback, width, height ) => undefined
+             * @for Uploader
+             * @example
+             *
+             * uploader.on( 'fileQueued', function( file ) {
+             *     var $li = ...;
+             *
+             *     uploader.makeThumb( file, function( error, ret ) {
+             *         if ( error ) {
+             *             $li.text('预览错误');
+             *         } else {
+             *             $li.append('<img alt="" src="' + ret + '" />');
+             *         }
+             *     });
+             *
+             * });
+             */
+            makeThumb: function( file, cb, width, height ) {
+                var opts, image;
+    
+                file = this.request( 'get-file', file );
+    
+                // 只预览图片格式。
+                if ( !file.type.match( /^image/ ) ) {
+                    cb( true );
+                    return;
+                }
+    
+                opts = $.extend({}, this.options.thumb );
+    
+                // 如果传入的是object.
+                if ( $.isPlainObject( width ) ) {
+                    opts = $.extend( opts, width );
+                    width = null;
+                }
+    
+                width = width || opts.width;
+                height = height || opts.height;
+    
+                image = new Image( opts );
+    
+                image.once( 'load', function() {
+                    file._info = file._info || image.info();
+                    file._meta = file._meta || image.meta();
+                    image.resize( width, height );
+                });
+    
+                image.once( 'complete', function() {
+                    cb( false, image.getAsDataUrl( opts.type ) );
+                    image.destroy();
+                });
+    
+                image.once( 'error', function() {
+                    cb( true );
+                    image.destroy();
+                });
+    
+                throttle( image, file.source.size, function() {
+                    file._info && image.info( file._info );
+                    file._meta && image.meta( file._meta );
+                    image.loadFromBlob( file.source );
+                });
+            },
+    
+            compressImage: function( file ) {
+                var opts = this.options.compress || this.options.resize,
+                    compressSize = opts && opts.compressSize || 300 * 1024,
+                    image, deferred;
+    
+                file = this.request( 'get-file', file );
+    
+                // 只预览图片格式。
+                if ( !opts || !~'image/jpeg,image/jpg'.indexOf( file.type ) ||
+                        file.size < compressSize ||
+                        file._compressed ) {
+                    return;
+                }
+    
+                opts = $.extend({}, opts );
+                deferred = Base.Deferred();
+    
+                image = new Image( opts );
+    
+                deferred.always(function() {
+                    image.destroy();
+                    image = null;
+                });
+                image.once( 'error', deferred.reject );
+                image.once( 'load', function() {
+                    file._info = file._info || image.info();
+                    file._meta = file._meta || image.meta();
+                    image.resize( opts.width, opts.height );
+                });
+    
+                image.once( 'complete', function() {
+                    var blob, size;
+    
+                    // 移动端 UC / qq 浏览器的无图模式下
+                    // ctx.getImageData 处理大图的时候会报 Exception
+                    // INDEX_SIZE_ERR: DOM Exception 1
+                    try {
+                        blob = image.getAsBlob( opts.type );
+    
+                        size = file.size;
+    
+                        // 如果压缩后，比原来还大则不用压缩后的。
+                        if ( blob.size < size ) {
+                            // file.source.destroy && file.source.destroy();
+                            file.source = blob;
+                            file.size = blob.size;
+    
+                            file.trigger( 'resize', blob.size, size );
+                        }
+    
+                        // 标记，避免重复压缩。
+                        file._compressed = true;
+                        deferred.resolve();
+                    } catch ( e ) {
+                        // 出错了直接继续，让其上传原始图片
+                        deferred.resolve();
+                    }
+                });
+    
+                file._info && image.info( file._info );
+                file._meta && image.meta( file._meta );
+    
+                image.loadFromBlob( file.source );
+                return deferred.promise();
+            }
+        });
+    });
+    /**
+     * @fileOverview 文件属性封装
+     */
+    define('file',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$,
+            idPrefix = 'WU_FILE_',
+            idSuffix = 0,
+            rExt = /\.([^.]+)$/,
+            statusMap = {};
+    
+        function gid() {
+            return idPrefix + idSuffix++;
+        }
+    
+        /**
+         * 文件类
+         * @class File
+         * @constructor 构造函数
+         * @grammar new File( source ) => File
+         * @param {Lib.File} source [lib.File](#Lib.File)实例, 此source对象是带有Runtime信息的。
+         */
+        function WUFile( source ) {
+    
+            /**
+             * 文件名，包括扩展名（后缀）
+             * @property name
+             * @type {string}
+             */
+            this.name = source.name || 'Untitled';
+    
+            /**
+             * 文件体积（字节）
+             * @property size
+             * @type {uint}
+             * @default 0
+             */
+            this.size = source.size || 0;
+    
+            /**
+             * 文件MIMETYPE类型，与文件类型的对应关系请参考[http://t.cn/z8ZnFny](http://t.cn/z8ZnFny)
+             * @property type
+             * @type {string}
+             * @default 'application'
+             */
+            this.type = source.type || 'application';
+    
+            /**
+             * 文件最后修改日期
+             * @property lastModifiedDate
+             * @type {int}
+             * @default 当前时间戳
+             */
+            this.lastModifiedDate = source.lastModifiedDate || (new Date() * 1);
+    
+            /**
+             * 文件ID，每个对象具有唯一ID，与文件名无关
+             * @property id
+             * @type {string}
+             */
+            this.id = gid();
+    
+            /**
+             * 文件扩展名，通过文件名获取，例如test.png的扩展名为png
+             * @property ext
+             * @type {string}
+             */
+            this.ext = rExt.exec( this.name ) ? RegExp.$1 : '';
+    
+    
+            /**
+             * 状态文字说明。在不同的status语境下有不同的用途。
+             * @property statusText
+             * @type {string}
+             */
+            this.statusText = '';
+    
+            // 存储文件状态，防止通过属性直接修改
+            statusMap[ this.id ] = WUFile.Status.INITED;
+    
+            this.source = source;
+            this.loaded = 0;
+    
+            this.on( 'error', function( msg ) {
+                this.setStatus( WUFile.Status.ERROR, msg );
+            });
+        }
+    
+        $.extend( WUFile.prototype, {
+    
+            /**
+             * 设置状态，状态变化时会触发`change`事件。
+             * @method setStatus
+             * @grammar setStatus( status[, statusText] );
+             * @param {File.Status|String} status [文件状态值](#WebUploader:File:File.Status)
+             * @param {String} [statusText=''] 状态说明，常在error时使用，用http, abort,server等来标记是由于什么原因导致文件错误。
+             */
+            setStatus: function( status, text ) {
+    
+                var prevStatus = statusMap[ this.id ];
+    
+                typeof text !== 'undefined' && (this.statusText = text);
+    
+                if ( status !== prevStatus ) {
+                    statusMap[ this.id ] = status;
+                    /**
+                     * 文件状态变化
+                     * @event statuschange
+                     */
+                    this.trigger( 'statuschange', status, prevStatus );
+                }
+    
+            },
+    
+            /**
+             * 获取文件状态
+             * @return {File.Status}
+             * @example
+                     文件状态具体包括以下几种类型：
+                     {
+                         // 初始化
+                        INITED:     0,
+                        // 已入队列
+                        QUEUED:     1,
+                        // 正在上传
+                        PROGRESS:     2,
+                        // 上传出错
+                        ERROR:         3,
+                        // 上传成功
+                        COMPLETE:     4,
+                        // 上传取消
+                        CANCELLED:     5
+                    }
+             */
+            getStatus: function() {
+                return statusMap[ this.id ];
+            },
+    
+            /**
+             * 获取文件原始信息。
+             * @return {*}
+             */
+            getSource: function() {
+                return this.source;
+            },
+    
+            destory: function() {
+                delete statusMap[ this.id ];
+            }
+        });
+    
+        Mediator.installTo( WUFile.prototype );
+    
+        /**
+         * 文件状态值，具体包括以下几种类型：
+         * * `inited` 初始状态
+         * * `queued` 已经进入队列, 等待上传
+         * * `progress` 上传中
+         * * `complete` 上传完成。
+         * * `error` 上传出错，可重试
+         * * `interrupt` 上传中断，可续传。
+         * * `invalid` 文件不合格，不能重试上传。会自动从队列中移除。
+         * * `cancelled` 文件被移除。
+         * @property {Object} Status
+         * @namespace File
+         * @class File
+         * @static
+         */
+        WUFile.Status = {
+            INITED:     'inited',    // 初始状态
+            QUEUED:     'queued',    // 已经进入队列, 等待上传
+            PROGRESS:   'progress',    // 上传中
+            ERROR:      'error',    // 上传出错，可重试
+            COMPLETE:   'complete',    // 上传完成。
+            CANCELLED:  'cancelled',    // 上传取消。
+            INTERRUPT:  'interrupt',    // 上传中断，可续传。
+            INVALID:    'invalid'    // 文件不合格，不能重试上传。
+        };
+    
+        return WUFile;
+    });
+    
+    /**
+     * @fileOverview 文件队列
+     */
+    define('queue',[
+        'base',
+        'mediator',
+        'file'
+    ], function( Base, Mediator, WUFile ) {
+    
+        var $ = Base.$,
+            STATUS = WUFile.Status;
+    
+        /**
+         * 文件队列, 用来存储各个状态中的文件。
+         * @class Queue
+         * @extends Mediator
+         */
+        function Queue() {
+    
+            /**
+             * 统计文件数。
+             * * `numOfQueue` 队列中的文件数。
+             * * `numOfSuccess` 上传成功的文件数
+             * * `numOfCancel` 被移除的文件数
+             * * `numOfProgress` 正在上传中的文件数
+             * * `numOfUploadFailed` 上传错误的文件数。
+             * * `numOfInvalid` 无效的文件数。
+             * @property {Object} stats
+             */
+            this.stats = {
+                numOfQueue: 0,
+                numOfSuccess: 0,
+                numOfCancel: 0,
+                numOfProgress: 0,
+                numOfUploadFailed: 0,
+                numOfInvalid: 0
+            };
+    
+            // 上传队列，仅包括等待上传的文件
+            this._queue = [];
+    
+            // 存储所有文件
+            this._map = {};
+        }
+    
+        $.extend( Queue.prototype, {
+    
+            /**
+             * 将新文件加入对队列尾部
+             *
+             * @method append
+             * @param  {File} file   文件对象
+             */
+            append: function( file ) {
+                this._queue.push( file );
+                this._fileAdded( file );
+                return this;
+            },
+    
+            /**
+             * 将新文件加入对队列头部
+             *
+             * @method prepend
+             * @param  {File} file   文件对象
+             */
+            prepend: function( file ) {
+                this._queue.unshift( file );
+                this._fileAdded( file );
+                return this;
+            },
+    
+            /**
+             * 获取文件对象
+             *
+             * @method getFile
+             * @param  {String} fileId   文件ID
+             * @return {File}
+             */
+            getFile: function( fileId ) {
+                if ( typeof fileId !== 'string' ) {
+                    return fileId;
+                }
+                return this._map[ fileId ];
+            },
+    
+            /**
+             * 从队列中取出一个指定状态的文件。
+             * @grammar fetch( status ) => File
+             * @method fetch
+             * @param {String} status [文件状态值](#WebUploader:File:File.Status)
+             * @return {File} [File](#WebUploader:File)
+             */
+            fetch: function( status ) {
+                var len = this._queue.length,
+                    i, file;
+    
+                status = status || STATUS.QUEUED;
+    
+                for ( i = 0; i < len; i++ ) {
+                    file = this._queue[ i ];
+    
+                    if ( status === file.getStatus() ) {
+                        return file;
+                    }
+                }
+    
+                return null;
+            },
+    
+            /**
+             * 对队列进行排序，能够控制文件上传顺序。
+             * @grammar sort( fn ) => undefined
+             * @method sort
+             * @param {Function} fn 排序方法
+             */
+            sort: function( fn ) {
+                if ( typeof fn === 'function' ) {
+                    this._queue.sort( fn );
+                }
+            },
+    
+            /**
+             * 获取指定类型的文件列表, 列表中每一个成员为[File](#WebUploader:File)对象。
+             * @grammar getFiles( [status1[, status2 ...]] ) => Array
+             * @method getFiles
+             * @param {String} [status] [文件状态值](#WebUploader:File:File.Status)
+             */
+            getFiles: function() {
+                var sts = [].slice.call( arguments, 0 ),
+                    ret = [],
+                    i = 0,
+                    len = this._queue.length,
+                    file;
+    
+                for ( ; i < len; i++ ) {
+                    file = this._queue[ i ];
+    
+                    if ( sts.length && !~$.inArray( file.getStatus(), sts ) ) {
+                        continue;
+                    }
+    
+                    ret.push( file );
+                }
+    
+                return ret;
+            },
+    
+            _fileAdded: function( file ) {
+                var me = this,
+                    existing = this._map[ file.id ];
+    
+                if ( !existing ) {
+                    this._map[ file.id ] = file;
+    
+                    file.on( 'statuschange', function( cur, pre ) {
+                        me._onFileStatusChange( cur, pre );
+                    });
+                }
+    
+                file.setStatus( STATUS.QUEUED );
+            },
+    
+            _onFileStatusChange: function( curStatus, preStatus ) {
+                var stats = this.stats;
+    
+                switch ( preStatus ) {
+                    case STATUS.PROGRESS:
+                        stats.numOfProgress--;
+                        break;
+    
+                    case STATUS.QUEUED:
+                        stats.numOfQueue --;
+                        break;
+    
+                    case STATUS.ERROR:
+                        stats.numOfUploadFailed--;
+                        break;
+    
+                    case STATUS.INVALID:
+                        stats.numOfInvalid--;
+                        break;
+                }
+    
+                switch ( curStatus ) {
+                    case STATUS.QUEUED:
+                        stats.numOfQueue++;
+                        break;
+    
+                    case STATUS.PROGRESS:
+                        stats.numOfProgress++;
+                        break;
+    
+                    case STATUS.ERROR:
+                        stats.numOfUploadFailed++;
+                        break;
+    
+                    case STATUS.COMPLETE:
+                        stats.numOfSuccess++;
+                        break;
+    
+                    case STATUS.CANCELLED:
+                        stats.numOfCancel++;
+                        break;
+    
+                    case STATUS.INVALID:
+                        stats.numOfInvalid++;
+                        break;
+                }
+            }
+    
+        });
+    
+        Mediator.installTo( Queue.prototype );
+    
+        return Queue;
+    });
+    /**
+     * @fileOverview 队列
+     */
+    define('widgets/queue',[
+        'base',
+        'uploader',
+        'queue',
+        'file',
+        'lib/file',
+        'runtime/client',
+        'widgets/widget'
+    ], function( Base, Uploader, Queue, WUFile, File, RuntimeClient ) {
+    
+        var $ = Base.$,
+            rExt = /\.\w+$/,
+            Status = WUFile.Status;
+    
+        return Uploader.register({
+            'sort-files': 'sortFiles',
+            'add-file': 'addFiles',
+            'get-file': 'getFile',
+            'fetch-file': 'fetchFile',
+            'get-stats': 'getStats',
+            'get-files': 'getFiles',
+            'remove-file': 'removeFile',
+            'retry': 'retry',
+            'reset': 'reset',
+            'accept-file': 'acceptFile'
+        }, {
+    
+            init: function( opts ) {
+                var me = this,
+                    deferred, len, i, item, arr, accept, runtime;
+    
+                if ( $.isPlainObject( opts.accept ) ) {
+                    opts.accept = [ opts.accept ];
+                }
+    
+                // accept中的中生成匹配正则。
+                if ( opts.accept ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        item = opts.accept[ i ].extensions;
+                        item && arr.push( item );
+                    }
+    
+                    if ( arr.length ) {
+                        accept = '\\.' + arr.join(',')
+                                .replace( /,/g, '$|\\.' )
+                                .replace( /\*/g, '.*' ) + '$';
+                    }
+    
+                    me.accept = new RegExp( accept, 'i' );
+                }
+    
+                me.queue = new Queue();
+                me.stats = me.queue.stats;
+    
+                // 如果当前不是html5运行时，那就算了。
+                // 不执行后续操作
+                if ( this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                // 创建一个 html5 运行时的 placeholder
+                // 以至于外部添加原生 File 对象的时候能正确包裹一下供 webuploader 使用。
+                deferred = Base.Deferred();
+                runtime = new RuntimeClient('Placeholder');
+                runtime.connectRuntime({
+                    runtimeOrder: 'html5'
+                }, function() {
+                    me._ruid = runtime.getRuid();
+                    deferred.resolve();
+                });
+                return deferred.promise();
+            },
+    
+    
+            // 为了支持外部直接添加一个原生File对象。
+            _wrapFile: function( file ) {
+                if ( !(file instanceof WUFile) ) {
+    
+                    if ( !(file instanceof File) ) {
+                        if ( !this._ruid ) {
+                            throw new Error('Can\'t add external files.');
+                        }
+                        file = new File( this._ruid, file );
+                    }
+    
+                    file = new WUFile( file );
+                }
+    
+                return file;
+            },
+    
+            // 判断文件是否可以被加入队列
+            acceptFile: function( file ) {
+                var invalid = !file || file.size < 6 || this.accept &&
+    
+                        // 如果名字中有后缀，才做后缀白名单处理。
+                        rExt.exec( file.name ) && !this.accept.test( file.name );
+    
+                return !invalid;
+            },
+    
+    
+            /**
+             * @event beforeFileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列之前触发，此事件的handler返回值为`false`，则此文件不会被添加进入队列。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event fileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列以后触发。
+             * @for  Uploader
+             */
+    
+            _addFile: function( file ) {
+                var me = this;
+    
+                file = me._wrapFile( file );
+    
+                // 不过类型判断允许不允许，先派送 `beforeFileQueued`
+                if ( !me.owner.trigger( 'beforeFileQueued', file ) ) {
+                    return;
+                }
+    
+                // 类型不匹配，则派送错误事件，并返回。
+                if ( !me.acceptFile( file ) ) {
+                    me.owner.trigger( 'error', 'Q_TYPE_DENIED', file );
+                    return;
+                }
+    
+                me.queue.append( file );
+                me.owner.trigger( 'fileQueued', file );
+                return file;
+            },
+    
+            getFile: function( fileId ) {
+                return this.queue.getFile( fileId );
+            },
+    
+            /**
+             * @event filesQueued
+             * @param {File} files 数组，内容为原始File(lib/File）对象。
+             * @description 当一批文件添加进队列以后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method addFiles
+             * @grammar addFiles( file ) => undefined
+             * @grammar addFiles( [file1, file2 ...] ) => undefined
+             * @param {Array of File or File} [files] Files 对象 数组
+             * @description 添加文件到队列
+             * @for  Uploader
+             */
+            addFiles: function( files ) {
+                var me = this;
+    
+                if ( !files.length ) {
+                    files = [ files ];
+                }
+    
+                files = $.map( files, function( file ) {
+                    return me._addFile( file );
+                });
+    
+                me.owner.trigger( 'filesQueued', files );
+    
+                if ( me.options.auto ) {
+                    me.request('start-upload');
+                }
+            },
+    
+            getStats: function() {
+                return this.stats;
+            },
+    
+            /**
+             * @event fileDequeued
+             * @param {File} file File对象
+             * @description 当文件被移除队列后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method removeFile
+             * @grammar removeFile( file ) => undefined
+             * @grammar removeFile( id ) => undefined
+             * @param {File|id} file File对象或这File对象的id
+             * @description 移除某一文件。
+             * @for  Uploader
+             * @example
+             *
+             * $li.on('click', '.remove-this', function() {
+             *     uploader.removeFile( file );
+             * })
+             */
+            removeFile: function( file ) {
+                var me = this;
+    
+                file = file.id ? file : me.queue.getFile( file );
+    
+                file.setStatus( Status.CANCELLED );
+                me.owner.trigger( 'fileDequeued', file );
+            },
+    
+            /**
+             * @method getFiles
+             * @grammar getFiles() => Array
+             * @grammar getFiles( status1, status2, status... ) => Array
+             * @description 返回指定状态的文件集合，不传参数将返回所有状态的文件。
+             * @for  Uploader
+             * @example
+             * console.log( uploader.getFiles() );    // => all files
+             * console.log( uploader.getFiles('error') )    // => all error files.
+             */
+            getFiles: function() {
+                return this.queue.getFiles.apply( this.queue, arguments );
+            },
+    
+            fetchFile: function() {
+                return this.queue.fetch.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method retry
+             * @grammar retry() => undefined
+             * @grammar retry( file ) => undefined
+             * @description 重试上传，重试指定文件，或者从出错的文件开始重新上传。
+             * @for  Uploader
+             * @example
+             * function retry() {
+             *     uploader.retry();
+             * }
+             */
+            retry: function( file, noForceStart ) {
+                var me = this,
+                    files, i, len;
+    
+                if ( file ) {
+                    file = file.id ? file : me.queue.getFile( file );
+                    file.setStatus( Status.QUEUED );
+                    noForceStart || me.request('start-upload');
+                    return;
+                }
+    
+                files = me.queue.getFiles( Status.ERROR );
+                i = 0;
+                len = files.length;
+    
+                for ( ; i < len; i++ ) {
+                    file = files[ i ];
+                    file.setStatus( Status.QUEUED );
+                }
+    
+                me.request('start-upload');
+            },
+    
+            /**
+             * @method sort
+             * @grammar sort( fn ) => undefined
+             * @description 排序队列中的文件，在上传之前调整可以控制上传顺序。
+             * @for  Uploader
+             */
+            sortFiles: function() {
+                return this.queue.sort.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method reset
+             * @grammar reset() => undefined
+             * @description 重置uploader。目前只重置了队列。
+             * @for  Uploader
+             * @example
+             * uploader.reset();
+             */
+            reset: function() {
+                this.queue = new Queue();
+                this.stats = this.queue.stats;
+            }
+        });
+    
+    });
+    /**
+     * @fileOverview 添加获取Runtime相关信息的方法。
+     */
+    define('widgets/runtime',[
+        'uploader',
+        'runtime/runtime',
+        'widgets/widget'
+    ], function( Uploader, Runtime ) {
+    
+        Uploader.support = function() {
+            return Runtime.hasRuntime.apply( Runtime, arguments );
+        };
+    
+        return Uploader.register({
+            'predict-runtime-type': 'predictRuntmeType'
+        }, {
+    
+            init: function() {
+                if ( !this.predictRuntmeType() ) {
+                    throw Error('Runtime Error');
+                }
+            },
+    
+            /**
+             * 预测Uploader将采用哪个`Runtime`
+             * @grammar predictRuntmeType() => String
+             * @method predictRuntmeType
+             * @for  Uploader
+             */
+            predictRuntmeType: function() {
+                var orders = this.options.runtimeOrder || Runtime.orders,
+                    type = this.type,
+                    i, len;
+    
+                if ( !type ) {
+                    orders = orders.split( /\s*,\s*/g );
+    
+                    for ( i = 0, len = orders.length; i < len; i++ ) {
+                        if ( Runtime.hasRuntime( orders[ i ] ) ) {
+                            this.type = type = orders[ i ];
+                            break;
+                        }
+                    }
+                }
+    
+                return type;
+            }
+        });
+    });
+    /**
+     * @fileOverview Transport
+     */
+    define('lib/transport',[
+        'base',
+        'runtime/client',
+        'mediator'
+    ], function( Base, RuntimeClient, Mediator ) {
+    
+        var $ = Base.$;
+    
+        function Transport( opts ) {
+            var me = this;
+    
+            opts = me.options = $.extend( true, {}, Transport.options, opts || {} );
+            RuntimeClient.call( this, 'Transport' );
+    
+            this._blob = null;
+            this._formData = opts.formData || {};
+            this._headers = opts.headers || {};
+    
+            this.on( 'progress', this._timeout );
+            this.on( 'load error', function() {
+                me.trigger( 'progress', 1 );
+                clearTimeout( me._timer );
+            });
+        }
+    
+        Transport.options = {
+            server: '',
+            method: 'POST',
+    
+            // 跨域时，是否允许携带cookie, 只有html5 runtime才有效
+            withCredentials: false,
+            fileVal: 'file',
+            timeout: 2 * 60 * 1000,    // 2分钟
+            formData: {},
+            headers: {},
+            sendAsBinary: false
+        };
+    
+        $.extend( Transport.prototype, {
+    
+            // 添加Blob, 只能添加一次，最后一次有效。
+            appendBlob: function( key, blob, filename ) {
+                var me = this,
+                    opts = me.options;
+    
+                if ( me.getRuid() ) {
+                    me.disconnectRuntime();
+                }
+    
+                // 连接到blob归属的同一个runtime.
+                me.connectRuntime( blob.ruid, function() {
+                    me.exec('init');
+                });
+    
+                me._blob = blob;
+                opts.fileVal = key || opts.fileVal;
+                opts.filename = filename || opts.filename;
+            },
+    
+            // 添加其他字段
+            append: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._formData, key );
+                } else {
+                    this._formData[ key ] = value;
+                }
+            },
+    
+            setRequestHeader: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._headers, key );
+                } else {
+                    this._headers[ key ] = value;
+                }
+            },
+    
+            send: function( method ) {
+                this.exec( 'send', method );
+                this._timeout();
+            },
+    
+            abort: function() {
+                clearTimeout( this._timer );
+                return this.exec('abort');
+            },
+    
+            destroy: function() {
+                this.trigger('destroy');
+                this.off();
+                this.exec('destroy');
+                this.disconnectRuntime();
+            },
+    
+            getResponse: function() {
+                return this.exec('getResponse');
+            },
+    
+            getResponseAsJson: function() {
+                return this.exec('getResponseAsJson');
+            },
+    
+            getStatus: function() {
+                return this.exec('getStatus');
+            },
+    
+            _timeout: function() {
+                var me = this,
+                    duration = me.options.timeout;
+    
+                if ( !duration ) {
+                    return;
+                }
+    
+                clearTimeout( me._timer );
+                me._timer = setTimeout(function() {
+                    me.abort();
+                    me.trigger( 'error', 'timeout' );
+                }, duration );
+            }
+    
+        });
+    
+        // 让Transport具备事件功能。
+        Mediator.installTo( Transport.prototype );
+    
+        return Transport;
+    });
+    /**
+     * @fileOverview 负责文件上传相关。
+     */
+    define('widgets/upload',[
+        'base',
+        'uploader',
+        'file',
+        'lib/transport',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile, Transport ) {
+    
+        var $ = Base.$,
+            isPromise = Base.isPromise,
+            Status = WUFile.Status;
+    
+        // 添加默认配置项
+        $.extend( Uploader.options, {
+    
+    
+            /**
+             * @property {Boolean} [prepareNextFile=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否允许在文件传输时提前把下一个文件准备好。
+             * 对于一个文件的准备工作比较耗时，比如图片压缩，md5序列化。
+             * 如果能提前在当前文件传输期处理，可以节省总体耗时。
+             */
+            prepareNextFile: false,
+    
+            /**
+             * @property {Boolean} [chunked=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否要分片处理大文件上传。
+             */
+            chunked: false,
+    
+            /**
+             * @property {Boolean} [chunkSize=5242880]
+             * @namespace options
+             * @for Uploader
+             * @description 如果要分片，分多大一片？ 默认大小为5M.
+             */
+            chunkSize: 5 * 1024 * 1024,
+    
+            /**
+             * @property {Boolean} [chunkRetry=2]
+             * @namespace options
+             * @for Uploader
+             * @description 如果某个分片由于网络问题出错，允许自动重传多少次？
+             */
+            chunkRetry: 2,
+    
+            /**
+             * @property {Boolean} [threads=3]
+             * @namespace options
+             * @for Uploader
+             * @description 上传并发数。允许同时最大上传进程数。
+             */
+            threads: 3,
+    
+    
+            /**
+             * @property {Object} [formData]
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传请求的参数表，每次发送都会发送此对象中的参数。
+             */
+            formData: null
+    
+            /**
+             * @property {Object} [fileVal='file']
+             * @namespace options
+             * @for Uploader
+             * @description 设置文件上传域的name。
+             */
+    
+            /**
+             * @property {Object} [method='POST']
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传方式，`POST`或者`GET`。
+             */
+    
+            /**
+             * @property {Object} [sendAsBinary=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否已二进制的流的方式发送文件，这样整个上传内容`php://input`都为文件内容，
+             * 其他参数在$_GET数组中。
+             */
+        });
+    
+        // 负责将文件切片。
+        function CuteFile( file, chunkSize ) {
+            var pending = [],
+                blob = file.source,
+                total = blob.size,
+                chunks = chunkSize ? Math.ceil( total / chunkSize ) : 1,
+                start = 0,
+                index = 0,
+                len;
+    
+            while ( index < chunks ) {
+                len = Math.min( chunkSize, total - start );
+    
+                pending.push({
+                    file: file,
+                    start: start,
+                    end: chunkSize ? (start + len) : total,
+                    total: total,
+                    chunks: chunks,
+                    chunk: index++
+                });
+                start += len;
+            }
+    
+            file.blocks = pending.concat();
+            file.remaning = pending.length;
+    
+            return {
+                file: file,
+    
+                has: function() {
+                    return !!pending.length;
+                },
+    
+                fetch: function() {
+                    return pending.shift();
+                }
+            };
+        }
+    
+        Uploader.register({
+            'start-upload': 'start',
+            'stop-upload': 'stop',
+            'skip-file': 'skipFile',
+            'is-in-progress': 'isInProgress'
+        }, {
+    
+            init: function() {
+                var owner = this.owner;
+    
+                this.runing = false;
+    
+                // 记录当前正在传的数据，跟threads相关
+                this.pool = [];
+    
+                // 缓存即将上传的文件。
+                this.pending = [];
+    
+                // 跟踪还有多少分片没有完成上传。
+                this.remaning = 0;
+                this.__tick = Base.bindFn( this._tick, this );
+    
+                owner.on( 'uploadComplete', function( file ) {
+                    // 把其他块取消了。
+                    file.blocks && $.each( file.blocks, function( _, v ) {
+                        v.transport && (v.transport.abort(), v.transport.destroy());
+                        delete v.transport;
+                    });
+    
+                    delete file.blocks;
+                    delete file.remaning;
+                });
+            },
+    
+            /**
+             * @event startUpload
+             * @description 当开始上传流程时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 开始上传。此方法可以从初始状态调用开始上传流程，也可以从暂停状态调用，继续上传流程。
+             * @grammar upload() => undefined
+             * @method upload
+             * @for  Uploader
+             */
+            start: function() {
+                var me = this;
+    
+                // 移出invalid的文件
+                $.each( me.request( 'get-files', Status.INVALID ), function() {
+                    me.request( 'remove-file', this );
+                });
+    
+                if ( me.runing ) {
+                    return;
+                }
+    
+                me.runing = true;
+    
+                // 如果有暂停的，则续传
+                $.each( me.pool, function( _, v ) {
+                    var file = v.file;
+    
+                    if ( file.getStatus() === Status.INTERRUPT ) {
+                        file.setStatus( Status.PROGRESS );
+                        me._trigged = false;
+                        v.transport && v.transport.send();
+                    }
+                });
+    
+                me._trigged = false;
+                me.owner.trigger('startUpload');
+                Base.nextTick( me.__tick );
+            },
+    
+            /**
+             * @event stopUpload
+             * @description 当开始上传流程暂停时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 暂停上传。第一个参数为是否中断上传当前正在上传的文件。
+             * @grammar stop() => undefined
+             * @grammar stop( true ) => undefined
+             * @method stop
+             * @for  Uploader
+             */
+            stop: function( interrupt ) {
+                var me = this;
+    
+                if ( me.runing === false ) {
+                    return;
+                }
+    
+                me.runing = false;
+    
+                interrupt && $.each( me.pool, function( _, v ) {
+                    v.transport && v.transport.abort();
+                    v.file.setStatus( Status.INTERRUPT );
+                });
+    
+                me.owner.trigger('stopUpload');
+            },
+    
+            /**
+             * 判断`Uplaode`r是否正在上传中。
+             * @grammar isInProgress() => Boolean
+             * @method isInProgress
+             * @for  Uploader
+             */
+            isInProgress: function() {
+                return !!this.runing;
+            },
+    
+            getStats: function() {
+                return this.request('get-stats');
+            },
+    
+            /**
+             * 掉过一个文件上传，直接标记指定文件为已上传状态。
+             * @grammar skipFile( file ) => undefined
+             * @method skipFile
+             * @for  Uploader
+             */
+            skipFile: function( file, status ) {
+                file = this.request( 'get-file', file );
+    
+                file.setStatus( status || Status.COMPLETE );
+                file.skipped = true;
+    
+                // 如果正在上传。
+                file.blocks && $.each( file.blocks, function( _, v ) {
+                    var _tr = v.transport;
+    
+                    if ( _tr ) {
+                        _tr.abort();
+                        _tr.destroy();
+                        delete v.transport;
+                    }
+                });
+    
+                this.owner.trigger( 'uploadSkip', file );
+            },
+    
+            /**
+             * @event uploadFinished
+             * @description 当所有文件上传结束时触发。
+             * @for  Uploader
+             */
+            _tick: function() {
+                var me = this,
+                    opts = me.options,
+                    fn, val;
+    
+                // 上一个promise还没有结束，则等待完成后再执行。
+                if ( me._promise ) {
+                    return me._promise.always( me.__tick );
+                }
+    
+                // 还有位置，且还有文件要处理的话。
+                if ( me.pool.length < opts.threads && (val = me._nextBlock()) ) {
+                    me._trigged = false;
+    
+                    fn = function( val ) {
+                        me._promise = null;
+    
+                        // 有可能是reject过来的，所以要检测val的类型。
+                        val && val.file && me._startSend( val );
+                        Base.nextTick( me.__tick );
+                    };
+    
+                    me._promise = isPromise( val ) ? val.always( fn ) : fn( val );
+    
+                // 没有要上传的了，且没有正在传输的了。
+                } else if ( !me.remaning && !me.getStats().numOfQueue ) {
+                    me.runing = false;
+    
+                    me._trigged || Base.nextTick(function() {
+                        me.owner.trigger('uploadFinished');
+                    });
+                    me._trigged = true;
+                }
+            },
+    
+            _nextBlock: function() {
+                var me = this,
+                    act = me._act,
+                    opts = me.options,
+                    next, done;
+    
+                // 如果当前文件还有没有需要传输的，则直接返回剩下的。
+                if ( act && act.has() &&
+                        act.file.getStatus() === Status.PROGRESS ) {
+    
+                    // 是否提前准备下一个文件
+                    if ( opts.prepareNextFile && !me.pending.length ) {
+                        me._prepareNextFile();
+                    }
+    
+                    return act.fetch();
+    
+                // 否则，如果正在运行，则准备下一个文件，并等待完成后返回下个分片。
+                } else if ( me.runing ) {
+    
+                    // 如果缓存中有，则直接在缓存中取，没有则去queue中取。
+                    if ( !me.pending.length && me.getStats().numOfQueue ) {
+                        me._prepareNextFile();
+                    }
+    
+                    next = me.pending.shift();
+                    done = function( file ) {
+                        if ( !file ) {
+                            return null;
+                        }
+    
+                        act = CuteFile( file, opts.chunked ? opts.chunkSize : 0 );
+                        me._act = act;
+                        return act.fetch();
+                    };
+    
+                    // 文件可能还在prepare中，也有可能已经完全准备好了。
+                    return isPromise( next ) ?
+                            next[ next.pipe ? 'pipe' : 'then']( done ) :
+                            done( next );
+                }
+            },
+    
+    
+            /**
+             * @event uploadStart
+             * @param {File} file File对象
+             * @description 某个文件开始上传前触发，一个文件只会触发一次。
+             * @for  Uploader
+             */
+            _prepareNextFile: function() {
+                var me = this,
+                    file = me.request('fetch-file'),
+                    pending = me.pending,
+                    promise;
+    
+                if ( file ) {
+                    promise = me.request( 'before-send-file', file, function() {
+    
+                        // 有可能文件被skip掉了。文件被skip掉后，状态坑定不是Queued.
+                        if ( file.getStatus() === Status.QUEUED ) {
+                            me.owner.trigger( 'uploadStart', file );
+                            file.setStatus( Status.PROGRESS );
+                            return file;
+                        }
+    
+                        return me._finishFile( file );
+                    });
+    
+                    // 如果还在pending中，则替换成文件本身。
+                    promise.done(function() {
+                        var idx = $.inArray( promise, pending );
+    
+                        ~idx && pending.splice( idx, 1, file );
+                    });
+    
+                    // befeore-send-file的钩子就有错误发生。
+                    promise.fail(function( reason ) {
+                        file.setStatus( Status.ERROR, reason );
+                        me.owner.trigger( 'uploadError', file, reason );
+                        me.owner.trigger( 'uploadComplete', file );
+                    });
+    
+                    pending.push( promise );
+                }
+            },
+    
+            // 让出位置了，可以让其他分片开始上传
+            _popBlock: function( block ) {
+                var idx = $.inArray( block, this.pool );
+    
+                this.pool.splice( idx, 1 );
+                block.file.remaning--;
+                this.remaning--;
+            },
+    
+            // 开始上传，可以被掉过。如果promise被reject了，则表示跳过此分片。
+            _startSend: function( block ) {
+                var me = this,
+                    file = block.file,
+                    promise;
+    
+                me.pool.push( block );
+                me.remaning++;
+    
+                // 如果没有分片，则直接使用原始的。
+                // 不会丢失content-type信息。
+                block.blob = block.chunks === 1 ? file.source :
+                        file.source.slice( block.start, block.end );
+    
+                // hook, 每个分片发送之前可能要做些异步的事情。
+                promise = me.request( 'before-send', block, function() {
+    
+                    // 有可能文件已经上传出错了，所以不需要再传输了。
+                    if ( file.getStatus() === Status.PROGRESS ) {
+                        me._doSend( block );
+                    } else {
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+    
+                // 如果为fail了，则跳过此分片。
+                promise.fail(function() {
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file ).always(function() {
+                            block.percentage = 1;
+                            me._popBlock( block );
+                            me.owner.trigger( 'uploadComplete', file );
+                            Base.nextTick( me.__tick );
+                        });
+                    } else {
+                        block.percentage = 1;
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+            },
+    
+    
+            /**
+             * @event uploadBeforeSend
+             * @param {Object} object
+             * @param {Object} data 默认的上传参数，可以扩展此对象来控制上传参数。
+             * @description 当某个文件的分块在发送前触发，主要用来询问是否要添加附带参数，大文件在开起分片上传的前提下此事件可能会触发多次。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadAccept
+             * @param {Object} object
+             * @param {Object} ret 服务端的返回数据，json格式，如果服务端不是json格式，从ret._raw中取数据，自行解析。
+             * @description 当某个文件上传到服务端响应后，会派送此事件来询问服务端响应是否有效。如果此事件handler返回值为`false`, 则此文件将派送`server`类型的`uploadError`事件。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadProgress
+             * @param {File} file File对象
+             * @param {Number} percentage 上传进度
+             * @description 上传过程中触发，携带上传进度。
+             * @for  Uploader
+             */
+    
+    
+            /**
+             * @event uploadError
+             * @param {File} file File对象
+             * @param {String} reason 出错的code
+             * @description 当文件上传出错时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadSuccess
+             * @param {File} file File对象
+             * @param {Object} response 服务端返回的数据
+             * @description 当文件上传成功时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadComplete
+             * @param {File} [file] File对象
+             * @description 不管成功或者失败，文件上传完成时触发。
+             * @for  Uploader
+             */
+    
+            // 做上传操作。
+            _doSend: function( block ) {
+                var me = this,
+                    owner = me.owner,
+                    opts = me.options,
+                    file = block.file,
+                    tr = new Transport( opts ),
+                    data = $.extend({}, opts.formData ),
+                    headers = $.extend({}, opts.headers ),
+                    requestAccept, ret;
+    
+                block.transport = tr;
+    
+                tr.on( 'destroy', function() {
+                    delete block.transport;
+                    me._popBlock( block );
+                    Base.nextTick( me.__tick );
+                });
+    
+                // 广播上传进度。以文件为单位。
+                tr.on( 'progress', function( percentage ) {
+                    var totalPercent = 0,
+                        uploaded = 0;
+    
+                    // 可能没有abort掉，progress还是执行进来了。
+                    // if ( !file.blocks ) {
+                    //     return;
+                    // }
+    
+                    totalPercent = block.percentage = percentage;
+    
+                    if ( block.chunks > 1 ) {    // 计算文件的整体速度。
+                        $.each( file.blocks, function( _, v ) {
+                            uploaded += (v.percentage || 0) * (v.end - v.start);
+                        });
+    
+                        totalPercent = uploaded / file.size;
+                    }
+    
+                    owner.trigger( 'uploadProgress', file, totalPercent || 0 );
+                });
+    
+                // 用来询问，是否返回的结果是有错误的。
+                requestAccept = function( reject ) {
+                    var fn;
+    
+                    ret = tr.getResponseAsJson() || {};
+                    ret._raw = tr.getResponse();
+                    fn = function( value ) {
+                        reject = value;
+                    };
+    
+                    // 服务端响应了，不代表成功了，询问是否响应正确。
+                    if ( !owner.trigger( 'uploadAccept', block, ret, fn ) ) {
+                        reject = reject || 'server';
+                    }
+    
+                    return reject;
+                };
+    
+                // 尝试重试，然后广播文件上传出错。
+                tr.on( 'error', function( type, flag ) {
+                    block.retried = block.retried || 0;
+    
+                    // 自动重试
+                    if ( block.chunks > 1 && ~'http,abort'.indexOf( type ) &&
+                            block.retried < opts.chunkRetry ) {
+    
+                        block.retried++;
+                        tr.send();
+    
+                    } else {
+    
+                        // http status 500 ~ 600
+                        if ( !flag && type === 'server' ) {
+                            type = requestAccept( type );
+                        }
+    
+                        file.setStatus( Status.ERROR, type );
+                        owner.trigger( 'uploadError', file, type );
+                        owner.trigger( 'uploadComplete', file );
+                    }
+                });
+    
+                // 上传成功
+                tr.on( 'load', function() {
+                    var reason;
+    
+                    // 如果非预期，转向上传出错。
+                    if ( (reason = requestAccept()) ) {
+                        tr.trigger( 'error', reason, true );
+                        return;
+                    }
+    
+                    // 全部上传完成。
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file, ret );
+                    } else {
+                        tr.destroy();
+                    }
+                });
+    
+                // 配置默认的上传字段。
+                data = $.extend( data, {
+                    id: file.id,
+                    name: file.name,
+                    type: file.type,
+                    lastModifiedDate: file.lastModifiedDate,
+                    size: file.size
+                });
+    
+                block.chunks > 1 && $.extend( data, {
+                    chunks: block.chunks,
+                    chunk: block.chunk
+                });
+    
+                // 在发送之间可以添加字段什么的。。。
+                // 如果默认的字段不够使用，可以通过监听此事件来扩展
+                owner.trigger( 'uploadBeforeSend', block, data, headers );
+    
+                // 开始发送。
+                tr.appendBlob( opts.fileVal, block.blob, file.name );
+                tr.append( data );
+                tr.setRequestHeader( headers );
+                tr.send();
+            },
+    
+            // 完成上传。
+            _finishFile: function( file, ret, hds ) {
+                var owner = this.owner;
+    
+                return owner
+                        .request( 'after-send-file', arguments, function() {
+                            file.setStatus( Status.COMPLETE );
+                            owner.trigger( 'uploadSuccess', file, ret, hds );
+                        })
+                        .fail(function( reason ) {
+    
+                            // 如果外部已经标记为invalid什么的，不再改状态。
+                            if ( file.getStatus() === Status.PROGRESS ) {
+                                file.setStatus( Status.ERROR, reason );
+                            }
+    
+                            owner.trigger( 'uploadError', file, reason );
+                        })
+                        .always(function() {
+                            owner.trigger( 'uploadComplete', file );
+                        });
+            }
+    
+        });
+    });
+    /**
+     * @fileOverview 各种验证，包括文件总大小是否超出、单文件是否超出和文件是否重复。
+     */
+    
+    define('widgets/validator',[
+        'base',
+        'uploader',
+        'file',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile ) {
+    
+        var $ = Base.$,
+            validators = {},
+            api;
+    
+        /**
+         * @event error
+         * @param {String} type 错误类型。
+         * @description 当validate不通过时，会以派送错误事件的形式通知调用者。通过`upload.on('error', handler)`可以捕获到此类错误，目前有以下错误会在特定的情况下派送错来。
+         *
+         * * `Q_EXCEED_NUM_LIMIT` 在设置了`fileNumLimit`且尝试给`uploader`添加的文件数量超出这个值时派送。
+         * * `Q_EXCEED_SIZE_LIMIT` 在设置了`Q_EXCEED_SIZE_LIMIT`且尝试给`uploader`添加的文件总大小超出这个值时派送。
+         * @for  Uploader
+         */
+    
+        // 暴露给外面的api
+        api = {
+    
+            // 添加验证器
+            addValidator: function( type, cb ) {
+                validators[ type ] = cb;
+            },
+    
+            // 移除验证器
+            removeValidator: function( type ) {
+                delete validators[ type ];
+            }
+        };
+    
+        // 在Uploader初始化的时候启动Validators的初始化
+        Uploader.register({
+            init: function() {
+                var me = this;
+                $.each( validators, function() {
+                    this.call( me.owner );
+                });
+            }
+        });
+    
+        /**
+         * @property {int} [fileNumLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证文件总数量, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileNumLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                count = 0,
+                max = opts.fileNumLimit >> 0,
+                flag = true;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+    
+                if ( count >= max && flag ) {
+                    flag = false;
+                    this.trigger( 'error', 'Q_EXCEED_NUM_LIMIT', max, file );
+                    setTimeout(function() {
+                        flag = true;
+                    }, 1 );
+                }
+    
+                return count >= max ? false : true;
+            });
+    
+            uploader.on( 'fileQueued', function() {
+                count++;
+            });
+    
+            uploader.on( 'fileDequeued', function() {
+                count--;
+            });
+    
+            uploader.on( 'uploadFinished', function() {
+                count = 0;
+            });
+        });
+    
+    
+        /**
+         * @property {int} [fileSizeLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证文件总大小是否超出限制, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileSizeLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                count = 0,
+                max = opts.fileSizeLimit >> 0,
+                flag = true;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+                var invalid = count + file.size > max;
+    
+                if ( invalid && flag ) {
+                    flag = false;
+                    this.trigger( 'error', 'Q_EXCEED_SIZE_LIMIT', max, file );
+                    setTimeout(function() {
+                        flag = true;
+                    }, 1 );
+                }
+    
+                return invalid ? false : true;
+            });
+    
+            uploader.on( 'fileQueued', function( file ) {
+                count += file.size;
+            });
+    
+            uploader.on( 'fileDequeued', function( file ) {
+                count -= file.size;
+            });
+    
+            uploader.on( 'uploadFinished', function() {
+                count = 0;
+            });
+        });
+    
+        /**
+         * @property {int} [fileSingleSizeLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证单个文件大小是否超出限制, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileSingleSizeLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                max = opts.fileSingleSizeLimit;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+    
+                if ( file.size > max ) {
+                    file.setStatus( WUFile.Status.INVALID, 'exceed_size' );
+                    this.trigger( 'error', 'F_EXCEED_SIZE', file );
+                    return false;
+                }
+    
+            });
+    
+        });
+    
+        /**
+         * @property {int} [duplicate=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 去重， 根据文件名字、文件大小和最后修改时间来生成hash Key.
+         */
+        api.addValidator( 'duplicate', function() {
+            var uploader = this,
+                opts = uploader.options,
+                mapping = {};
+    
+            if ( opts.duplicate ) {
+                return;
+            }
+    
+            function hashString( str ) {
+                var hash = 0,
+                    i = 0,
+                    len = str.length,
+                    _char;
+    
+                for ( ; i < len; i++ ) {
+                    _char = str.charCodeAt( i );
+                    hash = _char + (hash << 6) + (hash << 16) - hash;
+                }
+    
+                return hash;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+                var hash = file.__hash || (file.__hash = hashString( file.name +
+                        file.size + file.lastModifiedDate ));
+    
+                // 已经重复了
+                if ( mapping[ hash ] ) {
+                    this.trigger( 'error', 'F_DUPLICATE', file );
+                    return false;
+                }
+            });
+    
+            uploader.on( 'fileQueued', function( file ) {
+                var hash = file.__hash;
+    
+                hash && (mapping[ hash ] = true);
+            });
+    
+            uploader.on( 'fileDequeued', function( file ) {
+                var hash = file.__hash;
+    
+                hash && (delete mapping[ hash ]);
+            });
+        });
+    
+        return api;
+    });
+    
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/compbase',[],function() {
+    
+        function CompBase( owner, runtime ) {
+    
+            this.owner = owner;
+            this.options = owner.options;
+    
+            this.getRuntime = function() {
+                return runtime;
+            };
+    
+            this.getRuid = function() {
+                return runtime.uid;
+            };
+    
+            this.trigger = function() {
+                return owner.trigger.apply( owner, arguments );
+            };
+        }
+    
+        return CompBase;
+    });
+    /**
+     * @fileOverview Html5Runtime
+     */
+    define('runtime/html5/runtime',[
+        'base',
+        'runtime/runtime',
+        'runtime/compbase'
+    ], function( Base, Runtime, CompBase ) {
+    
+        var type = 'html5',
+            components = {};
+    
+        function Html5Runtime() {
+            var pool = {},
+                me = this,
+                destory = this.destory;
+    
+            Runtime.apply( me, arguments );
+            me.type = type;
+    
+    
+            // 这个方法的调用者，实际上是RuntimeClient
+            me.exec = function( comp, fn/*, args...*/) {
+                var client = this,
+                    uid = client.uid,
+                    args = Base.slice( arguments, 2 ),
+                    instance;
+    
+                if ( components[ comp ] ) {
+                    instance = pool[ uid ] = pool[ uid ] ||
+                            new components[ comp ]( client, me );
+    
+                    if ( instance[ fn ] ) {
+                        return instance[ fn ].apply( instance, args );
+                    }
+                }
+            };
+    
+            me.destory = function() {
+                // @todo 删除池子中的所有实例
+                return destory && destory.apply( this, arguments );
+            };
+        }
+    
+        Base.inherits( Runtime, {
+            constructor: Html5Runtime,
+    
+            // 不需要连接其他程序，直接执行callback
+            init: function() {
+                var me = this;
+                setTimeout(function() {
+                    me.trigger('ready');
+                }, 1 );
+            }
+    
+        });
+    
+        // 注册Components
+        Html5Runtime.register = function( name, component ) {
+            var klass = components[ name ] = Base.inherits( CompBase, component );
+            return klass;
+        };
+    
+        // 注册html5运行时。
+        // 只有在支持的前提下注册。
+        if ( window.Blob && window.FileReader && window.DataView ) {
+            Runtime.addRuntime( type, Html5Runtime );
+        }
+    
+        return Html5Runtime;
+    });
+    /**
+     * @fileOverview Blob Html实现
+     */
+    define('runtime/html5/blob',[
+        'runtime/html5/runtime',
+        'lib/blob'
+    ], function( Html5Runtime, Blob ) {
+    
+        return Html5Runtime.register( 'Blob', {
+            slice: function( start, end ) {
+                var blob = this.owner.source,
+                    slice = blob.slice || blob.webkitSlice || blob.mozSlice;
+    
+                blob = slice.call( blob, start, end );
+    
+                return new Blob( this.getRuid(), blob );
+            }
+        });
+    });
+    /**
+     * @fileOverview FilePaste
+     */
+    define('runtime/html5/dnd',[
+        'base',
+        'runtime/html5/runtime',
+        'lib/file'
+    ], function( Base, Html5Runtime, File ) {
+    
+        var $ = Base.$,
+            prefix = 'webuploader-dnd-';
+    
+        return Html5Runtime.register( 'DragAndDrop', {
+            init: function() {
+                var elem = this.elem = this.options.container;
+    
+                this.dragEnterHandler = Base.bindFn( this._dragEnterHandler, this );
+                this.dragOverHandler = Base.bindFn( this._dragOverHandler, this );
+                this.dragLeaveHandler = Base.bindFn( this._dragLeaveHandler, this );
+                this.dropHandler = Base.bindFn( this._dropHandler, this );
+                this.dndOver = false;
+    
+                elem.on( 'dragenter', this.dragEnterHandler );
+                elem.on( 'dragover', this.dragOverHandler );
+                elem.on( 'dragleave', this.dragLeaveHandler );
+                elem.on( 'drop', this.dropHandler );
+    
+                if ( this.options.disableGlobalDnd ) {
+                    $( document ).on( 'dragover', this.dragOverHandler );
+                    $( document ).on( 'drop', this.dropHandler );
+                }
+            },
+    
+            _dragEnterHandler: function( e ) {
+                var me = this,
+                    denied = me._denied || false,
+                    items;
+    
+                e = e.originalEvent || e;
+    
+                if ( !me.dndOver ) {
+                    me.dndOver = true;
+    
+                    // 注意只有 chrome 支持。
+                    items = e.dataTransfer.items;
+    
+                    if ( items && items.length ) {
+                        me._denied = denied = !me.trigger( 'accept', items );
+                    }
+    
+                    me.elem.addClass( prefix + 'over' );
+                    me.elem[ denied ? 'addClass' :
+                            'removeClass' ]( prefix + 'denied' );
+                }
+    
+    
+                e.dataTransfer.dropEffect = denied ? 'none' : 'copy';
+    
+                return false;
+            },
+    
+            _dragOverHandler: function( e ) {
+                // 只处理框内的。
+                var parentElem = this.elem.parent().get( 0 );
+                if ( parentElem && !$.contains( parentElem, e.currentTarget ) ) {
+                    return false;
+                }
+    
+                clearTimeout( this._leaveTimer );
+                this._dragEnterHandler.call( this, e );
+    
+                return false;
+            },
+    
+            _dragLeaveHandler: function() {
+                var me = this,
+                    handler;
+    
+                handler = function() {
+                    me.dndOver = false;
+                    me.elem.removeClass( prefix + 'over ' + prefix + 'denied' );
+                };
+    
+                clearTimeout( me._leaveTimer );
+                me._leaveTimer = setTimeout( handler, 100 );
+                return false;
+            },
+    
+            _dropHandler: function( e ) {
+                var me = this,
+                    ruid = me.getRuid(),
+                    parentElem = me.elem.parent().get( 0 );
+    
+                // 只处理框内的。
+                if ( parentElem && !$.contains( parentElem, e.currentTarget ) ) {
+                    return false;
+                }
+    
+                me._getTansferFiles( e, function( results ) {
+                    me.trigger( 'drop', $.map( results, function( file ) {
+                        return new File( ruid, file );
+                    }) );
+                });
+    
+                me.dndOver = false;
+                me.elem.removeClass( prefix + 'over' );
+                return false;
+            },
+    
+            // 如果传入 callback 则去查看文件夹，否则只管当前文件夹。
+            _getTansferFiles: function( e, callback ) {
+                var results  = [],
+                    promises = [],
+                    items, files, dataTransfer, file, item, i, len, canAccessFolder;
+    
+                e = e.originalEvent || e;
+    
+                dataTransfer = e.dataTransfer;
+                items = dataTransfer.items;
+                files = dataTransfer.files;
+    
+                canAccessFolder = !!(items && items[ 0 ].webkitGetAsEntry);
+    
+                for ( i = 0, len = files.length; i < len; i++ ) {
+                    file = files[ i ];
+                    item = items && items[ i ];
+    
+                    if ( canAccessFolder && item.webkitGetAsEntry().isDirectory ) {
+    
+                        promises.push( this._traverseDirectoryTree(
+                                item.webkitGetAsEntry(), results ) );
+                    } else {
+                        results.push( file );
+                    }
+                }
+    
+                Base.when.apply( Base, promises ).done(function() {
+    
+                    if ( !results.length ) {
+                        return;
+                    }
+    
+                    callback( results );
+                });
+            },
+    
+            _traverseDirectoryTree: function( entry, results ) {
+                var deferred = Base.Deferred(),
+                    me = this;
+    
+                if ( entry.isFile ) {
+                    entry.file(function( file ) {
+                        results.push( file );
+                        deferred.resolve();
+                    });
+                } else if ( entry.isDirectory ) {
+                    entry.createReader().readEntries(function( entries ) {
+                        var len = entries.length,
+                            promises = [],
+                            arr = [],    // 为了保证顺序。
+                            i;
+    
+                        for ( i = 0; i < len; i++ ) {
+                            promises.push( me._traverseDirectoryTree(
+                                    entries[ i ], arr ) );
+                        }
+    
+                        Base.when.apply( Base, promises ).then(function() {
+                            results.push.apply( results, arr );
+                            deferred.resolve();
+                        }, deferred.reject );
+                    });
+                }
+    
+                return deferred.promise();
+            },
+    
+            destroy: function() {
+                var elem = this.elem;
+    
+                elem.off( 'dragenter', this.dragEnterHandler );
+                elem.off( 'dragover', this.dragEnterHandler );
+                elem.off( 'dragleave', this.dragLeaveHandler );
+                elem.off( 'drop', this.dropHandler );
+    
+                if ( this.options.disableGlobalDnd ) {
+                    $( document ).off( 'dragover', this.dragOverHandler );
+                    $( document ).off( 'drop', this.dropHandler );
+                }
+            }
+        });
+    });
+    
+    /**
+     * @fileOverview FilePaste
+     */
+    define('runtime/html5/filepaste',[
+        'base',
+        'runtime/html5/runtime',
+        'lib/file'
+    ], function( Base, Html5Runtime, File ) {
+    
+        return Html5Runtime.register( 'FilePaste', {
+            init: function() {
+                var opts = this.options,
+                    elem = this.elem = opts.container,
+                    accept = '.*',
+                    arr, i, len, item;
+    
+                // accetp的mimeTypes中生成匹配正则。
+                if ( opts.accept ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        item = opts.accept[ i ].mimeTypes;
+                        item && arr.push( item );
+                    }
+    
+                    if ( arr.length ) {
+                        accept = arr.join(',');
+                        accept = accept.replace( /,/g, '|' ).replace( /\*/g, '.*' );
+                    }
+                }
+                this.accept = accept = new RegExp( accept, 'i' );
+                this.hander = Base.bindFn( this._pasteHander, this );
+                elem.on( 'paste', this.hander );
+            },
+    
+            _pasteHander: function( e ) {
+                var allowed = [],
+                    ruid = this.getRuid(),
+                    items, item, blob, i, len;
+    
+                e = e.originalEvent || e;
+                items = e.clipboardData.items;
+    
+                for ( i = 0, len = items.length; i < len; i++ ) {
+                    item = items[ i ];
+    
+                    if ( item.kind !== 'file' || !(blob = item.getAsFile()) ) {
+                        continue;
+                    }
+    
+                    allowed.push( new File( ruid, blob ) );
+                }
+    
+                if ( allowed.length ) {
+                    // 不阻止非文件粘贴（文字粘贴）的事件冒泡
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this.trigger( 'paste', allowed );
+                }
+            },
+    
+            destroy: function() {
+                this.elem.off( 'paste', this.hander );
+            }
+        });
+    });
+    
+    /**
+     * @fileOverview FilePicker
+     */
+    define('runtime/html5/filepicker',[
+        'base',
+        'runtime/html5/runtime'
+    ], function( Base, Html5Runtime ) {
+    
+        var $ = Base.$;
+    
+        return Html5Runtime.register( 'FilePicker', {
+            init: function() {
+                var container = this.getRuntime().getContainer(),
+                    me = this,
+                    owner = me.owner,
+                    opts = me.options,
+                    lable = $( document.createElement('label') ),
+                    input = $( document.createElement('input') ),
+                    arr, i, len, mouseHandler;
+    
+                input.attr( 'type', 'file' );
+                input.attr( 'name', opts.name );
+                input.addClass('webuploader-element-invisible');
+    
+                lable.on( 'click', function() {
+                    input.trigger('click');
+                });
+    
+                lable.css({
+                    opacity: 0,
+                    width: '100%',
+                    height: '100%',
+                    display: 'block',
+                    cursor: 'pointer',
+                    background: '#ffffff'
+                });
+    
+                if ( opts.multiple ) {
+                    input.attr( 'multiple', 'multiple' );
+                }
+    
+                // @todo Firefox不支持单独指定后缀
+                if ( opts.accept && opts.accept.length > 0 ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        arr.push( opts.accept[ i ].mimeTypes );
+                    }
+    
+                    input.attr( 'accept', arr.join(',') );
+                }
+    
+                container.append( input );
+                container.append( lable );
+    
+                mouseHandler = function( e ) {
+                    owner.trigger( e.type );
+                };
+    
+                input.on( 'change', function( e ) {
+                    var fn = arguments.callee,
+                        clone;
+    
+                    me.files = e.target.files;
+    
+                    // reset input
+                    clone = this.cloneNode( true );
+                    this.parentNode.replaceChild( clone, this );
+    
+                    input.off();
+                    input = $( clone ).on( 'change', fn )
+                            .on( 'mouseenter mouseleave', mouseHandler );
+    
+                    owner.trigger('change');
+                });
+    
+                lable.on( 'mouseenter mouseleave', mouseHandler );
+    
+            },
+    
+    
+            getFiles: function() {
+                return this.files;
+            },
+    
+            destroy: function() {
+                // todo
+            }
+        });
+    });
+    /**
+     * Terms:
+     *
+     * Uint8Array, FileReader, BlobBuilder, atob, ArrayBuffer
+     * @fileOverview Image控件
+     */
+    define('runtime/html5/util',[
+        'base'
+    ], function( Base ) {
+    
+        var urlAPI = window.createObjectURL && window ||
+                window.URL && URL.revokeObjectURL && URL ||
+                window.webkitURL,
+            createObjectURL = Base.noop,
+            revokeObjectURL = createObjectURL;
+    
+        if ( urlAPI ) {
+    
+            // 更安全的方式调用，比如android里面就能把context改成其他的对象。
+            createObjectURL = function() {
+                return urlAPI.createObjectURL.apply( urlAPI, arguments );
+            };
+    
+            revokeObjectURL = function() {
+                return urlAPI.revokeObjectURL.apply( urlAPI, arguments );
+            };
+        }
+    
+        return {
+            createObjectURL: createObjectURL,
+            revokeObjectURL: revokeObjectURL,
+    
+            dataURL2Blob: function( dataURI ) {
+                var byteStr, intArray, ab, i, mimetype, parts;
+    
+                parts = dataURI.split(',');
+    
+                if ( ~parts[ 0 ].indexOf('base64') ) {
+                    byteStr = atob( parts[ 1 ] );
+                } else {
+                    byteStr = decodeURIComponent( parts[ 1 ] );
+                }
+    
+                ab = new ArrayBuffer( byteStr.length );
+                intArray = new Uint8Array( ab );
+    
+                for ( i = 0; i < byteStr.length; i++ ) {
+                    intArray[ i ] = byteStr.charCodeAt( i );
+                }
+    
+                mimetype = parts[ 0 ].split(':')[ 1 ].split(';')[ 0 ];
+    
+                return this.arrayBufferToBlob( ab, mimetype );
+            },
+    
+            dataURL2ArrayBuffer: function( dataURI ) {
+                var byteStr, intArray, i, parts;
+    
+                parts = dataURI.split(',');
+    
+                if ( ~parts[ 0 ].indexOf('base64') ) {
+                    byteStr = atob( parts[ 1 ] );
+                } else {
+                    byteStr = decodeURIComponent( parts[ 1 ] );
+                }
+    
+                intArray = new Uint8Array( byteStr.length );
+    
+                for ( i = 0; i < byteStr.length; i++ ) {
+                    intArray[ i ] = byteStr.charCodeAt( i );
+                }
+    
+                return intArray.buffer;
+            },
+    
+            arrayBufferToBlob: function( buffer, type ) {
+                var builder = window.BlobBuilder || window.WebKitBlobBuilder,
+                    bb;
+    
+                // android不支持直接new Blob, 只能借助blobbuilder.
+                if ( builder ) {
+                    bb = new builder();
+                    bb.append( buffer );
+                    return bb.getBlob( type );
+                }
+    
+                return new Blob([ buffer ], type ? { type: type } : {} );
+            },
+    
+            // 抽出来主要是为了解决android下面canvas.toDataUrl不支持jpeg.
+            // 你得到的结果是png.
+            canvasToDataUrl: function( canvas, type, quality ) {
+                return canvas.toDataURL( type, quality / 100 );
+            },
+    
+            // imagemeat会复写这个方法，如果用户选择加载那个文件了的话。
+            parseMeta: function( blob, callback ) {
+                callback( false, {});
+            },
+    
+            // imagemeat会复写这个方法，如果用户选择加载那个文件了的话。
+            updateImageHead: function( data ) {
+                return data;
+            }
+        };
+    });
+    /**
+     * Terms:
+     *
+     * Uint8Array, FileReader, BlobBuilder, atob, ArrayBuffer
+     * @fileOverview Image控件
+     */
+    define('runtime/html5/imagemeta',[
+        'runtime/html5/util'
+    ], function( Util ) {
+    
+        var api;
+    
+        api = {
+            parsers: {
+                0xffe1: []
+            },
+    
+            maxMetaDataSize: 262144,
+    
+            parse: function( blob, cb ) {
+                var me = this,
+                    fr = new FileReader();
+    
+                fr.onload = function() {
+                    cb( false, me._parse( this.result ) );
+                    fr = fr.onload = fr.onerror = null;
+                };
+    
+                fr.onerror = function( e ) {
+                    cb( e.message );
+                    fr = fr.onload = fr.onerror = null;
+                };
+    
+                blob = blob.slice( 0, me.maxMetaDataSize );
+                fr.readAsArrayBuffer( blob.getSource() );
+            },
+    
+            _parse: function( buffer, noParse ) {
+                if ( buffer.byteLength < 6 ) {
+                    return;
+                }
+    
+                var dataview = new DataView( buffer ),
+                    offset = 2,
+                    maxOffset = dataview.byteLength - 4,
+                    headLength = offset,
+                    ret = {},
+                    markerBytes, markerLength, parsers, i;
+    
+                if ( dataview.getUint16( 0 ) === 0xffd8 ) {
+    
+                    while ( offset < maxOffset ) {
+                        markerBytes = dataview.getUint16( offset );
+    
+                        if ( markerBytes >= 0xffe0 && markerBytes <= 0xffef ||
+                                markerBytes === 0xfffe ) {
+    
+                            markerLength = dataview.getUint16( offset + 2 ) + 2;
+    
+                            if ( offset + markerLength > dataview.byteLength ) {
+                                break;
+                            }
+    
+                            parsers = api.parsers[ markerBytes ];
+    
+                            if ( !noParse && parsers ) {
+                                for ( i = 0; i < parsers.length; i += 1 ) {
+                                    parsers[ i ].call( api, dataview, offset,
+                                            markerLength, ret );
+                                }
+                            }
+    
+                            offset += markerLength;
+                            headLength = offset;
+                        } else {
+                            break;
+                        }
+                    }
+    
+                    if ( headLength > 6 ) {
+                        if ( buffer.slice ) {
+                            ret.imageHead = buffer.slice( 2, headLength );
+                        } else {
+                            // Workaround for IE10, which does not yet
+                            // support ArrayBuffer.slice:
+                            ret.imageHead = new Uint8Array( buffer )
+                                    .subarray( 2, headLength );
+                        }
+                    }
+                }
+    
+                return ret;
+            },
+    
+            updateImageHead: function( buffer, head ) {
+                var data = this._parse( buffer, true ),
+                    buf1, buf2, bodyoffset;
+    
+    
+                bodyoffset = 2;
+                if ( data.imageHead ) {
+                    bodyoffset = 2 + data.imageHead.byteLength;
+                }
+    
+                if ( buffer.slice ) {
+                    buf2 = buffer.slice( bodyoffset );
+                } else {
+                    buf2 = new Uint8Array( buffer ).subarray( bodyoffset );
+                }
+    
+                buf1 = new Uint8Array( head.byteLength + 2 + buf2.byteLength );
+    
+                buf1[ 0 ] = 0xFF;
+                buf1[ 1 ] = 0xD8;
+                buf1.set( new Uint8Array( head ), 2 );
+                buf1.set( new Uint8Array( buf2 ), head.byteLength + 2 );
+    
+                return buf1.buffer;
+            }
+        };
+    
+        Util.parseMeta = function() {
+            return api.parse.apply( api, arguments );
+        };
+    
+        Util.updateImageHead = function() {
+            return api.updateImageHead.apply( api, arguments );
+        };
+    
+        return api;
+    });
+    /**
+     * 代码来自于：https://github.com/blueimp/JavaScript-Load-Image
+     * 暂时项目中只用了orientation.
+     *
+     * 去除了 Exif Sub IFD Pointer, GPS Info IFD Pointer, Exif Thumbnail.
+     * @fileOverview EXIF解析
+     */
+    
+    // Sample
+    // ====================================
+    // Make : Apple
+    // Model : iPhone 4S
+    // Orientation : 1
+    // XResolution : 72 [72/1]
+    // YResolution : 72 [72/1]
+    // ResolutionUnit : 2
+    // Software : QuickTime 7.7.1
+    // DateTime : 2013:09:01 22:53:55
+    // ExifIFDPointer : 190
+    // ExposureTime : 0.058823529411764705 [1/17]
+    // FNumber : 2.4 [12/5]
+    // ExposureProgram : Normal program
+    // ISOSpeedRatings : 800
+    // ExifVersion : 0220
+    // DateTimeOriginal : 2013:09:01 22:52:51
+    // DateTimeDigitized : 2013:09:01 22:52:51
+    // ComponentsConfiguration : YCbCr
+    // ShutterSpeedValue : 4.058893515764426
+    // ApertureValue : 2.5260688216892597 [4845/1918]
+    // BrightnessValue : -0.3126686601998395
+    // MeteringMode : Pattern
+    // Flash : Flash did not fire, compulsory flash mode
+    // FocalLength : 4.28 [107/25]
+    // SubjectArea : [4 values]
+    // FlashpixVersion : 0100
+    // ColorSpace : 1
+    // PixelXDimension : 2448
+    // PixelYDimension : 3264
+    // SensingMethod : One-chip color area sensor
+    // ExposureMode : 0
+    // WhiteBalance : Auto white balance
+    // FocalLengthIn35mmFilm : 35
+    // SceneCaptureType : Standard
+    define('runtime/html5/imagemeta/exif',[
+        'base',
+        'runtime/html5/imagemeta'
+    ], function( Base, ImageMeta ) {
+    
+        var EXIF = {};
+    
+        EXIF.ExifMap = function() {
+            return this;
+        };
+    
+        EXIF.ExifMap.prototype.map = {
+            'Orientation': 0x0112
+        };
+    
+        EXIF.ExifMap.prototype.get = function( id ) {
+            return this[ id ] || this[ this.map[ id ] ];
+        };
+    
+        EXIF.exifTagTypes = {
+            // byte, 8-bit unsigned int:
+            1: {
+                getValue: function( dataView, dataOffset ) {
+                    return dataView.getUint8( dataOffset );
+                },
+                size: 1
+            },
+    
+            // ascii, 8-bit byte:
+            2: {
+                getValue: function( dataView, dataOffset ) {
+                    return String.fromCharCode( dataView.getUint8( dataOffset ) );
+                },
+                size: 1,
+                ascii: true
+            },
+    
+            // short, 16 bit int:
+            3: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getUint16( dataOffset, littleEndian );
+                },
+                size: 2
+            },
+    
+            // long, 32 bit int:
+            4: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getUint32( dataOffset, littleEndian );
+                },
+                size: 4
+            },
+    
+            // rational = two long values,
+            // first is numerator, second is denominator:
+            5: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getUint32( dataOffset, littleEndian ) /
+                        dataView.getUint32( dataOffset + 4, littleEndian );
+                },
+                size: 8
+            },
+    
+            // slong, 32 bit signed int:
+            9: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getInt32( dataOffset, littleEndian );
+                },
+                size: 4
+            },
+    
+            // srational, two slongs, first is numerator, second is denominator:
+            10: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getInt32( dataOffset, littleEndian ) /
+                        dataView.getInt32( dataOffset + 4, littleEndian );
+                },
+                size: 8
+            }
+        };
+    
+        // undefined, 8-bit byte, value depending on field:
+        EXIF.exifTagTypes[ 7 ] = EXIF.exifTagTypes[ 1 ];
+    
+        EXIF.getExifValue = function( dataView, tiffOffset, offset, type, length,
+                littleEndian ) {
+    
+            var tagType = EXIF.exifTagTypes[ type ],
+                tagSize, dataOffset, values, i, str, c;
+    
+            if ( !tagType ) {
+                Base.log('Invalid Exif data: Invalid tag type.');
+                return;
+            }
+    
+            tagSize = tagType.size * length;
+    
+            // Determine if the value is contained in the dataOffset bytes,
+            // or if the value at the dataOffset is a pointer to the actual data:
+            dataOffset = tagSize > 4 ? tiffOffset + dataView.getUint32( offset + 8,
+                    littleEndian ) : (offset + 8);
+    
+            if ( dataOffset + tagSize > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid data offset.');
+                return;
+            }
+    
+            if ( length === 1 ) {
+                return tagType.getValue( dataView, dataOffset, littleEndian );
+            }
+    
+            values = [];
+    
+            for ( i = 0; i < length; i += 1 ) {
+                values[ i ] = tagType.getValue( dataView,
+                        dataOffset + i * tagType.size, littleEndian );
+            }
+    
+            if ( tagType.ascii ) {
+                str = '';
+    
+                // Concatenate the chars:
+                for ( i = 0; i < values.length; i += 1 ) {
+                    c = values[ i ];
+    
+                    // Ignore the terminating NULL byte(s):
+                    if ( c === '\u0000' ) {
+                        break;
+                    }
+                    str += c;
+                }
+    
+                return str;
+            }
+            return values;
+        };
+    
+        EXIF.parseExifTag = function( dataView, tiffOffset, offset, littleEndian,
+                data ) {
+    
+            var tag = dataView.getUint16( offset, littleEndian );
+            data.exif[ tag ] = EXIF.getExifValue( dataView, tiffOffset, offset,
+                    dataView.getUint16( offset + 2, littleEndian ),    // tag type
+                    dataView.getUint32( offset + 4, littleEndian ),    // tag length
+                    littleEndian );
+        };
+    
+        EXIF.parseExifTags = function( dataView, tiffOffset, dirOffset,
+                littleEndian, data ) {
+    
+            var tagsNumber, dirEndOffset, i;
+    
+            if ( dirOffset + 6 > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid directory offset.');
+                return;
+            }
+    
+            tagsNumber = dataView.getUint16( dirOffset, littleEndian );
+            dirEndOffset = dirOffset + 2 + 12 * tagsNumber;
+    
+            if ( dirEndOffset + 4 > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid directory size.');
+                return;
+            }
+    
+            for ( i = 0; i < tagsNumber; i += 1 ) {
+                this.parseExifTag( dataView, tiffOffset,
+                        dirOffset + 2 + 12 * i,    // tag offset
+                        littleEndian, data );
+            }
+    
+            // Return the offset to the next directory:
+            return dataView.getUint32( dirEndOffset, littleEndian );
+        };
+    
+        // EXIF.getExifThumbnail = function(dataView, offset, length) {
+        //     var hexData,
+        //         i,
+        //         b;
+        //     if (!length || offset + length > dataView.byteLength) {
+        //         Base.log('Invalid Exif data: Invalid thumbnail data.');
+        //         return;
+        //     }
+        //     hexData = [];
+        //     for (i = 0; i < length; i += 1) {
+        //         b = dataView.getUint8(offset + i);
+        //         hexData.push((b < 16 ? '0' : '') + b.toString(16));
+        //     }
+        //     return 'data:image/jpeg,%' + hexData.join('%');
+        // };
+    
+        EXIF.parseExifData = function( dataView, offset, length, data ) {
+    
+            var tiffOffset = offset + 10,
+                littleEndian, dirOffset;
+    
+            // Check for the ASCII code for "Exif" (0x45786966):
+            if ( dataView.getUint32( offset + 4 ) !== 0x45786966 ) {
+                // No Exif data, might be XMP data instead
+                return;
+            }
+            if ( tiffOffset + 8 > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid segment size.');
+                return;
+            }
+    
+            // Check for the two null bytes:
+            if ( dataView.getUint16( offset + 8 ) !== 0x0000 ) {
+                Base.log('Invalid Exif data: Missing byte alignment offset.');
+                return;
+            }
+    
+            // Check the byte alignment:
+            switch ( dataView.getUint16( tiffOffset ) ) {
+                case 0x4949:
+                    littleEndian = true;
+                    break;
+    
+                case 0x4D4D:
+                    littleEndian = false;
+                    break;
+    
+                default:
+                    Base.log('Invalid Exif data: Invalid byte alignment marker.');
+                    return;
+            }
+    
+            // Check for the TIFF tag marker (0x002A):
+            if ( dataView.getUint16( tiffOffset + 2, littleEndian ) !== 0x002A ) {
+                Base.log('Invalid Exif data: Missing TIFF marker.');
+                return;
+            }
+    
+            // Retrieve the directory offset bytes, usually 0x00000008 or 8 decimal:
+            dirOffset = dataView.getUint32( tiffOffset + 4, littleEndian );
+            // Create the exif object to store the tags:
+            data.exif = new EXIF.ExifMap();
+            // Parse the tags of the main image directory and retrieve the
+            // offset to the next directory, usually the thumbnail directory:
+            dirOffset = EXIF.parseExifTags( dataView, tiffOffset,
+                    tiffOffset + dirOffset, littleEndian, data );
+    
+            // 尝试读取缩略图
+            // if ( dirOffset ) {
+            //     thumbnailData = {exif: {}};
+            //     dirOffset = EXIF.parseExifTags(
+            //         dataView,
+            //         tiffOffset,
+            //         tiffOffset + dirOffset,
+            //         littleEndian,
+            //         thumbnailData
+            //     );
+    
+            //     // Check for JPEG Thumbnail offset:
+            //     if (thumbnailData.exif[0x0201]) {
+            //         data.exif.Thumbnail = EXIF.getExifThumbnail(
+            //             dataView,
+            //             tiffOffset + thumbnailData.exif[0x0201],
+            //             thumbnailData.exif[0x0202] // Thumbnail data length
+            //         );
+            //     }
+            // }
+        };
+    
+        ImageMeta.parsers[ 0xffe1 ].push( EXIF.parseExifData );
+        return EXIF;
+    });
+    /**
+     * @fileOverview Image
+     */
+    define('runtime/html5/image',[
+        'base',
+        'runtime/html5/runtime',
+        'runtime/html5/util'
+    ], function( Base, Html5Runtime, Util ) {
+    
+        var BLANK = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D';
+    
+        return Html5Runtime.register( 'Image', {
+    
+            // flag: 标记是否被修改过。
+            modified: false,
+    
+            init: function() {
+                var me = this,
+                    img = new Image();
+    
+                img.onload = function() {
+    
+                    me._info = {
+                        type: me.type,
+                        width: this.width,
+                        height: this.height
+                    };
+    
+                    // 读取meta信息。
+                    if ( !me._metas && 'image/jpeg' === me.type ) {
+                        Util.parseMeta( me._blob, function( error, ret ) {
+                            me._metas = ret;
+                            me.owner.trigger('load');
+                        });
+                    } else {
+                        me.owner.trigger('load');
+                    }
+                };
+    
+                img.onerror = function() {
+                    me.owner.trigger('error');
+                };
+    
+                me._img = img;
+            },
+    
+            loadFromBlob: function( blob ) {
+                var me = this,
+                    img = me._img;
+    
+                me._blob = blob;
+                me.type = blob.type;
+                img.src = Util.createObjectURL( blob.getSource() );
+                me.owner.once( 'load', function() {
+                    Util.revokeObjectURL( img.src );
+                });
+            },
+    
+            resize: function( width, height ) {
+                var canvas = this._canvas ||
+                        (this._canvas = document.createElement('canvas'));
+    
+                this._resize( this._img, canvas, width, height );
+                this._blob = null;    // 没用了，可以删掉了。
+                this.modified = true;
+                this.owner.trigger('complete');
+            },
+    
+            getAsBlob: function( type ) {
+                var blob = this._blob,
+                    opts = this.options,
+                    canvas;
+    
+                type = type || this.type;
+    
+                // blob需要重新生成。
+                if ( this.modified || this.type !== type ) {
+                    canvas = this._canvas;
+    
+                    if ( type === 'image/jpeg' ) {
+    
+                        blob = Util.canvasToDataUrl( canvas, 'image/jpeg',
+                                opts.quality );
+    
+                        if ( opts.preserveHeaders && this._metas &&
+                                this._metas.imageHead ) {
+    
+                            blob = Util.dataURL2ArrayBuffer( blob );
+                            blob = Util.updateImageHead( blob,
+                                    this._metas.imageHead );
+                            blob = Util.arrayBufferToBlob( blob, type );
+                            return blob;
+                        }
+                    } else {
+                        blob = Util.canvasToDataUrl( canvas, type );
+                    }
+    
+                    blob = Util.dataURL2Blob( blob );
+                }
+    
+                return blob;
+            },
+    
+            getAsDataUrl: function( type ) {
+                var opts = this.options;
+    
+                type = type || this.type;
+    
+                if ( type === 'image/jpeg' ) {
+                    return Util.canvasToDataUrl( this._canvas, type, opts.quality );
+                } else {
+                    return this._canvas.toDataURL( type );
+                }
+            },
+    
+            getOrientation: function() {
+                return this._metas && this._metas.exif &&
+                        this._metas.exif.get('Orientation') || 1;
+            },
+    
+            info: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._info = val;
+                    return this;
+                }
+    
+                // getter
+                return this._info;
+            },
+    
+            meta: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._meta = val;
+                    return this;
+                }
+    
+                // getter
+                return this._meta;
+            },
+    
+            destroy: function() {
+                var canvas = this._canvas;
+                this._img.onload = null;
+    
+                if ( canvas ) {
+                    canvas.getContext('2d')
+                            .clearRect( 0, 0, canvas.width, canvas.height );
+                    canvas.width = canvas.height = 0;
+                    this._canvas = null;
+                }
+    
+                // 释放内存。非常重要，否则释放不了image的内存。
+                this._img.src = BLANK;
+                this._img = this._blob = null;
+            },
+    
+            _resize: function( img, cvs, width, height ) {
+                var opts = this.options,
+                    naturalWidth = img.width,
+                    naturalHeight = img.height,
+                    orientation = this.getOrientation(),
+                    scale, w, h, x, y;
+    
+                // values that require 90 degree rotation
+                if ( ~[ 5, 6, 7, 8 ].indexOf( orientation ) ) {
+    
+                    // 交换width, height的值。
+                    width ^= height;
+                    height ^= width;
+                    width ^= height;
+                }
+    
+                scale = Math[ opts.crop ? 'max' : 'min' ]( width / naturalWidth,
+                        height / naturalHeight );
+    
+                // 不允许放大。
+                opts.allowMagnify || (scale = Math.min( 1, scale ));
+    
+                w = naturalWidth * scale;
+                h = naturalHeight * scale;
+    
+                if ( opts.crop ) {
+                    cvs.width = width;
+                    cvs.height = height;
+                } else {
+                    cvs.width = w;
+                    cvs.height = h;
+                }
+    
+                x = (cvs.width - w) / 2;
+                y = (cvs.height - h) / 2;
+    
+                opts.preserveHeaders || this._rotate2Orientaion( cvs, orientation );
+    
+                this._renderImageToCanvas( cvs, img, x, y, w, h );
+            },
+    
+            _rotate2Orientaion: function( canvas, orientation ) {
+                var width = canvas.width,
+                    height = canvas.height,
+                    ctx = canvas.getContext('2d');
+    
+                switch ( orientation ) {
+                    case 5:
+                    case 6:
+                    case 7:
+                    case 8:
+                        canvas.width = height;
+                        canvas.height = width;
+                        break;
+                }
+    
+                switch ( orientation ) {
+                    case 2:    // horizontal flip
+                        ctx.translate( width, 0 );
+                        ctx.scale( -1, 1 );
+                        break;
+    
+                    case 3:    // 180 rotate left
+                        ctx.translate( width, height );
+                        ctx.rotate( Math.PI );
+                        break;
+    
+                    case 4:    // vertical flip
+                        ctx.translate( 0, height );
+                        ctx.scale( 1, -1 );
+                        break;
+    
+                    case 5:    // vertical flip + 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.scale( 1, -1 );
+                        break;
+    
+                    case 6:    // 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.translate( 0, -height );
+                        break;
+    
+                    case 7:    // horizontal flip + 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.translate( width, -height );
+                        ctx.scale( -1, 1 );
+                        break;
+    
+                    case 8:    // 90 rotate left
+                        ctx.rotate( -0.5 * Math.PI );
+                        ctx.translate( -width, 0 );
+                        break;
+                }
+            },
+    
+            // https://github.com/stomita/ios-imagefile-megapixel/
+            // blob/master/src/megapix-image.js
+            _renderImageToCanvas: (function() {
+    
+                // 如果不是ios, 不需要这么复杂！
+                if ( !Base.os.ios ) {
+                    return function( canvas, img, x, y, w, h ) {
+                        canvas.getContext('2d').drawImage( img, x, y, w, h );
+                    };
+                }
+    
+                /**
+                 * Detecting vertical squash in loaded image.
+                 * Fixes a bug which squash image vertically while drawing into
+                 * canvas for some images.
+                 */
+                function detectVerticalSquash( img, iw, ih ) {
+                    var canvas = document.createElement('canvas'),
+                        ctx = canvas.getContext('2d'),
+                        sy = 0,
+                        ey = ih,
+                        py = ih,
+                        data, alpha, ratio;
+    
+    
+                    canvas.width = 1;
+                    canvas.height = ih;
+                    ctx.drawImage( img, 0, 0 );
+                    data = ctx.getImageData( 0, 0, 1, ih ).data;
+    
+                    // search image edge pixel position in case
+                    // it is squashed vertically.
+                    while ( py > sy ) {
+                        alpha = data[ (py - 1) * 4 + 3 ];
+    
+                        if ( alpha === 0 ) {
+                            ey = py;
+                        } else {
+                            sy = py;
+                        }
+    
+                        py = (ey + sy) >> 1;
+                    }
+    
+                    ratio = (py / ih);
+                    return (ratio === 0) ? 1 : ratio;
+                }
+    
+                // fix ie7 bug
+                // http://stackoverflow.com/questions/11929099/
+                // html5-canvas-drawimage-ratio-bug-ios
+                if ( Base.os.ios >= 7 ) {
+                    return function( canvas, img, x, y, w, h ) {
+                        var iw = img.naturalWidth,
+                            ih = img.naturalHeight,
+                            vertSquashRatio = detectVerticalSquash( img, iw, ih );
+    
+                        return canvas.getContext('2d').drawImage( img, 0, 0,
+                            iw * vertSquashRatio, ih * vertSquashRatio,
+                            x, y, w, h );
+                    };
+                }
+    
+                /**
+                 * Detect subsampling in loaded image.
+                 * In iOS, larger images than 2M pixels may be
+                 * subsampled in rendering.
+                 */
+                function detectSubsampling( img ) {
+                    var iw = img.naturalWidth,
+                        ih = img.naturalHeight,
+                        canvas, ctx;
+    
+                    // subsampling may happen overmegapixel image
+                    if ( iw * ih > 1024 * 1024 ) {
+                        canvas = document.createElement('canvas');
+                        canvas.width = canvas.height = 1;
+                        ctx = canvas.getContext('2d');
+                        ctx.drawImage( img, -iw + 1, 0 );
+    
+                        // subsampled image becomes half smaller in rendering size.
+                        // check alpha channel value to confirm image is covering
+                        // edge pixel or not. if alpha value is 0
+                        // image is not covering, hence subsampled.
+                        return ctx.getImageData( 0, 0, 1, 1 ).data[ 3 ] === 0;
+                    } else {
+                        return false;
+                    }
+                }
+    
+    
+                return function( canvas, img, x, y, width, height ) {
+                    var iw = img.naturalWidth,
+                        ih = img.naturalHeight,
+                        ctx = canvas.getContext('2d'),
+                        subsampled = detectSubsampling( img ),
+                        doSquash = this.type === 'image/jpeg',
+                        d = 1024,
+                        sy = 0,
+                        dy = 0,
+                        tmpCanvas, tmpCtx, vertSquashRatio, dw, dh, sx, dx;
+    
+                    if ( subsampled ) {
+                        iw /= 2;
+                        ih /= 2;
+                    }
+    
+                    ctx.save();
+                    tmpCanvas = document.createElement('canvas');
+                    tmpCanvas.width = tmpCanvas.height = d;
+    
+                    tmpCtx = tmpCanvas.getContext('2d');
+                    vertSquashRatio = doSquash ?
+                            detectVerticalSquash( img, iw, ih ) : 1;
+    
+                    dw = Math.ceil( d * width / iw );
+                    dh = Math.ceil( d * height / ih / vertSquashRatio );
+    
+                    while ( sy < ih ) {
+                        sx = 0;
+                        dx = 0;
+                        while ( sx < iw ) {
+                            tmpCtx.clearRect( 0, 0, d, d );
+                            tmpCtx.drawImage( img, -sx, -sy );
+                            ctx.drawImage( tmpCanvas, 0, 0, d, d,
+                                    x + dx, y + dy, dw, dh );
+                            sx += d;
+                            dx += dw;
+                        }
+                        sy += d;
+                        dy += dh;
+                    }
+                    ctx.restore();
+                    tmpCanvas = tmpCtx = null;
+                };
+            })()
+        });
+    });
+    /**
+     * @fileOverview Transport
+     * @todo 支持chunked传输，优势：
+     * 可以将大文件分成小块，挨个传输，可以提高大文件成功率，当失败的时候，也只需要重传那小部分，
+     * 而不需要重头再传一次。另外断点续传也需要用chunked方式。
+     */
+    define('runtime/html5/transport',[
+        'base',
+        'runtime/html5/runtime'
+    ], function( Base, Html5Runtime ) {
+    
+        var noop = Base.noop,
+            $ = Base.$;
+    
+        return Html5Runtime.register( 'Transport', {
+            init: function() {
+                this._status = 0;
+                this._response = null;
+            },
+    
+            send: function() {
+                var owner = this.owner,
+                    opts = this.options,
+                    xhr = this._initAjax(),
+                    blob = owner._blob,
+                    server = opts.server,
+                    formData, binary, fr;
+    
+                if ( opts.sendAsBinary ) {
+                    server += (/\?/.test( server ) ? '&' : '?') +
+                            $.param( owner._formData );
+    
+                    binary = blob.getSource();
+                } else {
+                    formData = new FormData();
+                    $.each( owner._formData, function( k, v ) {
+                        formData.append( k, v );
+                    });
+    
+                    formData.append( opts.fileVal, blob.getSource(),
+                            opts.filename || owner._formData.name || '' );
+                }
+    
+                if ( opts.withCredentials && 'withCredentials' in xhr ) {
+                    xhr.open( opts.method, server, true );
+                    xhr.withCredentials = true;
+                } else {
+                    xhr.open( opts.method, server );
+                }
+    
+                this._setRequestHeader( xhr, opts.headers );
+    
+                if ( binary ) {
+                    xhr.overrideMimeType('application/octet-stream');
+    
+                    // android直接发送blob会导致服务端接收到的是空文件。
+                    // bug详情。
+                    // https://code.google.com/p/android/issues/detail?id=39882
+                    // 所以先用fileReader读取出来再通过arraybuffer的方式发送。
+                    if ( Base.os.android ) {
+                        fr = new FileReader();
+    
+                        fr.onload = function() {
+                            xhr.send( this.result );
+                            fr = fr.onload = null;
+                        };
+    
+                        fr.readAsArrayBuffer( binary );
+                    } else {
+                        xhr.send( binary );
+                    }
+                } else {
+                    xhr.send( formData );
+                }
+            },
+    
+            getResponse: function() {
+                return this._response;
+            },
+    
+            getResponseAsJson: function() {
+                return this._parseJson( this._response );
+            },
+    
+            getStatus: function() {
+                return this._status;
+            },
+    
+            abort: function() {
+                var xhr = this._xhr;
+    
+                if ( xhr ) {
+                    xhr.upload.onprogress = noop;
+                    xhr.onreadystatechange = noop;
+                    xhr.abort();
+    
+                    this._xhr = xhr = null;
+                }
+            },
+    
+            destroy: function() {
+                this.abort();
+            },
+    
+            _initAjax: function() {
+                var me = this,
+                    xhr = new XMLHttpRequest(),
+                    opts = this.options;
+    
+                if ( opts.withCredentials && !('withCredentials' in xhr) &&
+                        typeof XDomainRequest !== 'undefined' ) {
+                    xhr = new XDomainRequest();
+                }
+    
+                xhr.upload.onprogress = function( e ) {
+                    var percentage = 0;
+    
+                    if ( e.lengthComputable ) {
+                        percentage = e.loaded / e.total;
+                    }
+    
+                    return me.trigger( 'progress', percentage );
+                };
+    
+                xhr.onreadystatechange = function() {
+    
+                    if ( xhr.readyState !== 4 ) {
+                        return;
+                    }
+    
+                    xhr.upload.onprogress = noop;
+                    xhr.onreadystatechange = noop;
+                    me._xhr = null;
+                    me._status = xhr.status;
+    
+                    if ( xhr.status >= 200 && xhr.status < 300 ) {
+                        me._response = xhr.responseText;
+                        return me.trigger('load');
+                    } else if ( xhr.status >= 500 && xhr.status < 600 ) {
+                        me._response = xhr.responseText;
+                        return me.trigger( 'error', 'server' );
+                    }
+    
+    
+                    return me.trigger( 'error', me._status ? 'http' : 'abort' );
+                };
+    
+                me._xhr = xhr;
+                return xhr;
+            },
+    
+            _setRequestHeader: function( xhr, headers ) {
+                $.each( headers, function( key, val ) {
+                    xhr.setRequestHeader( key, val );
+                });
+            },
+    
+            _parseJson: function( str ) {
+                var json;
+    
+                try {
+                    json = JSON.parse( str );
+                } catch ( ex ) {
+                    json = {};
+                }
+    
+                return json;
+            }
+        });
+    });
+    /**
+     * @fileOverview 只有html5实现的文件版本。
+     */
+    define('preset/html5only',[
+        'base',
+    
+        // widgets
+        'widgets/filednd',
+        'widgets/filepaste',
+        'widgets/filepicker',
+        'widgets/image',
+        'widgets/queue',
+        'widgets/runtime',
+        'widgets/upload',
+        'widgets/validator',
+    
+        // runtimes
+        // html5
+        'runtime/html5/blob',
+        'runtime/html5/dnd',
+        'runtime/html5/filepaste',
+        'runtime/html5/filepicker',
+        'runtime/html5/imagemeta/exif',
+        'runtime/html5/image',
+        'runtime/html5/transport'
+    ], function( Base ) {
+        return Base;
+    });
+    define('webuploader',[
+        'preset/html5only'
+    ], function( preset ) {
+        return preset;
+    });
+    return require('webuploader');
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.html5only.min.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.html5only.min.js
new file mode 100644
index 000000000..866dcde75
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.html5only.min.js
@@ -0,0 +1,2 @@
+/* WebUploader 0.1.2 */!function(a,b){var c,d={},e=function(a,b){var c,d,e;if("string"==typeof a)return h(a);for(c=[],d=a.length,e=0;d>e;e++)c.push(h(a[e]));return b.apply(null,c)},f=function(a,b,c){2===arguments.length&&(c=b,b=null),e(b||[],function(){g(a,c,arguments)})},g=function(a,b,c){var f,g={exports:b};"function"==typeof b&&(c.length||(c=[e,g.exports,g]),f=b.apply(null,c),void 0!==f&&(g.exports=f)),d[a]=g.exports},h=function(b){var c=d[b]||a[b];if(!c)throw new Error("`"+b+"` is undefined");return c},i=function(a){var b,c,e,f,g,h;h=function(a){return a&&a.charAt(0).toUpperCase()+a.substr(1)};for(b in d)if(c=a,d.hasOwnProperty(b)){for(e=b.split("/"),g=h(e.pop());f=h(e.shift());)c[f]=c[f]||{},c=c[f];c[g]=d[b]}},j=b(a,f,e);i(j),"object"==typeof module&&"object"==typeof module.exports?module.exports=j:"function"==typeof define&&define.amd?define([],j):(c=a.WebUploader,a.WebUploader=j,a.WebUploader.noConflict=function(){a.WebUploader=c})}(this,function(a,b,c){return b("dollar-third",[],function(){return a.jQuery||a.Zepto}),b("dollar",["dollar-third"],function(a){return a}),b("promise-third",["dollar"],function(a){return{Deferred:a.Deferred,when:a.when,isPromise:function(a){return a&&"function"==typeof a.then}}}),b("promise",["promise-third"],function(a){return a}),b("base",["dollar","promise"],function(b,c){function d(a){return function(){return h.apply(a,arguments)}}function e(a,b){return function(){return a.apply(b,arguments)}}function f(a){var b;return Object.create?Object.create(a):(b=function(){},b.prototype=a,new b)}var g=function(){},h=Function.call;return{version:"0.1.2",$:b,Deferred:c.Deferred,isPromise:c.isPromise,when:c.when,browser:function(a){var b={},c=a.match(/WebKit\/([\d.]+)/),d=a.match(/Chrome\/([\d.]+)/)||a.match(/CriOS\/([\d.]+)/),e=a.match(/MSIE\s([\d\.]+)/)||a.match(/(?:trident)(?:.*rv:([\w.]+))?/i),f=a.match(/Firefox\/([\d.]+)/),g=a.match(/Safari\/([\d.]+)/),h=a.match(/OPR\/([\d.]+)/);return c&&(b.webkit=parseFloat(c[1])),d&&(b.chrome=parseFloat(d[1])),e&&(b.ie=parseFloat(e[1])),f&&(b.firefox=parseFloat(f[1])),g&&(b.safari=parseFloat(g[1])),h&&(b.opera=parseFloat(h[1])),b}(navigator.userAgent),os:function(a){var b={},c=a.match(/(?:Android);?[\s\/]+([\d.]+)?/),d=a.match(/(?:iPad|iPod|iPhone).*OS\s([\d_]+)/);return c&&(b.android=parseFloat(c[1])),d&&(b.ios=parseFloat(d[1].replace(/_/g,"."))),b}(navigator.userAgent),inherits:function(a,c,d){var e;return"function"==typeof c?(e=c,c=null):e=c&&c.hasOwnProperty("constructor")?c.constructor:function(){return a.apply(this,arguments)},b.extend(!0,e,a,d||{}),e.__super__=a.prototype,e.prototype=f(a.prototype),c&&b.extend(!0,e.prototype,c),e},noop:g,bindFn:e,log:function(){return a.console?e(console.log,console):g}(),nextTick:function(){return function(a){setTimeout(a,1)}}(),slice:d([].slice),guid:function(){var a=0;return function(b){for(var c=(+new Date).toString(32),d=0;5>d;d++)c+=Math.floor(65535*Math.random()).toString(32);return(b||"wu_")+c+(a++).toString(32)}}(),formatSize:function(a,b,c){var d;for(c=c||["B","K","M","G","TB"];(d=c.shift())&&a>1024;)a/=1024;return("B"===d?a:a.toFixed(b||2))+d}}}),b("mediator",["base"],function(a){function b(a,b,c,d){return f.grep(a,function(a){return!(!a||b&&a.e!==b||c&&a.cb!==c&&a.cb._cb!==c||d&&a.ctx!==d)})}function c(a,b,c){f.each((a||"").split(h),function(a,d){c(d,b)})}function d(a,b){for(var c,d=!1,e=-1,f=a.length;++e<f;)if(c=a[e],c.cb.apply(c.ctx2,b)===!1){d=!0;break}return!d}var e,f=a.$,g=[].slice,h=/\s+/;return e={on:function(a,b,d){var e,f=this;return b?(e=this._events||(this._events=[]),c(a,b,function(a,b){var c={e:a};c.cb=b,c.ctx=d,c.ctx2=d||f,c.id=e.length,e.push(c)}),this):this},once:function(a,b,d){var e=this;return b?(c(a,b,function(a,b){var c=function(){return e.off(a,c),b.apply(d||e,arguments)};c._cb=b,e.on(a,c,d)}),e):e},off:function(a,d,e){var g=this._events;return g?a||d||e?(c(a,d,function(a,c){f.each(b(g,a,c,e),function(){delete g[this.id]})}),this):(this._events=[],this):this},trigger:function(a){var c,e,f;return this._events&&a?(c=g.call(arguments,1),e=b(this._events,a),f=b(this._events,"all"),d(e,c)&&d(f,arguments)):this}},f.extend({installTo:function(a){return f.extend(a,e)}},e)}),b("uploader",["base","mediator"],function(a,b){function c(a){this.options=d.extend(!0,{},c.options,a),this._init(this.options)}var d=a.$;return c.options={},b.installTo(c.prototype),d.each({upload:"start-upload",stop:"stop-upload",getFile:"get-file",getFiles:"get-files",addFile:"add-file",addFiles:"add-file",sort:"sort-files",removeFile:"remove-file",skipFile:"skip-file",retry:"retry",isInProgress:"is-in-progress",makeThumb:"make-thumb",getDimension:"get-dimension",addButton:"add-btn",getRuntimeType:"get-runtime-type",refresh:"refresh",disable:"disable",enable:"enable",reset:"reset"},function(a,b){c.prototype[a]=function(){return this.request(b,arguments)}}),d.extend(c.prototype,{state:"pending",_init:function(a){var b=this;b.request("init",a,function(){b.state="ready",b.trigger("ready")})},option:function(a,b){var c=this.options;return arguments.length>1?void(d.isPlainObject(b)&&d.isPlainObject(c[a])?d.extend(c[a],b):c[a]=b):a?c[a]:c},getStats:function(){var a=this.request("get-stats");return{successNum:a.numOfSuccess,cancelNum:a.numOfCancel,invalidNum:a.numOfInvalid,uploadFailNum:a.numOfUploadFailed,queueNum:a.numOfQueue}},trigger:function(a){var c=[].slice.call(arguments,1),e=this.options,f="on"+a.substring(0,1).toUpperCase()+a.substring(1);return b.trigger.apply(this,arguments)===!1||d.isFunction(e[f])&&e[f].apply(this,c)===!1||d.isFunction(this[f])&&this[f].apply(this,c)===!1||b.trigger.apply(b,[this,a].concat(c))===!1?!1:!0},request:a.noop}),a.create=c.create=function(a){return new c(a)},a.Uploader=c,c}),b("runtime/runtime",["base","mediator"],function(a,b){function c(b){this.options=d.extend({container:document.body},b),this.uid=a.guid("rt_")}var d=a.$,e={},f=function(a){for(var b in a)if(a.hasOwnProperty(b))return b;return null};return d.extend(c.prototype,{getContainer:function(){var a,b,c=this.options;return this._container?this._container:(a=d(c.container||document.body),b=d(document.createElement("div")),b.attr("id","rt_"+this.uid),b.css({position:"absolute",top:"0px",left:"0px",width:"1px",height:"1px",overflow:"hidden"}),a.append(b),a.addClass("webuploader-container"),this._container=b,b)},init:a.noop,exec:a.noop,destroy:function(){this._container&&this._container.parentNode.removeChild(this.__container),this.off()}}),c.orders="html5,flash",c.addRuntime=function(a,b){e[a]=b},c.hasRuntime=function(a){return!!(a?e[a]:f(e))},c.create=function(a,b){var g,h;if(b=b||c.orders,d.each(b.split(/\s*,\s*/g),function(){return e[this]?(g=this,!1):void 0}),g=g||f(e),!g)throw new Error("Runtime Error");return h=new e[g](a)},b.installTo(c.prototype),c}),b("runtime/client",["base","mediator","runtime/runtime"],function(a,b,c){function d(b,d){var f,g=a.Deferred();this.uid=a.guid("client_"),this.runtimeReady=function(a){return g.done(a)},this.connectRuntime=function(b,h){if(f)throw new Error("already connected!");return g.done(h),"string"==typeof b&&e.get(b)&&(f=e.get(b)),f=f||e.get(null,d),f?(a.$.extend(f.options,b),f.__promise.then(g.resolve),f.__client++):(f=c.create(b,b.runtimeOrder),f.__promise=g.promise(),f.once("ready",g.resolve),f.init(),e.add(f),f.__client=1),d&&(f.__standalone=d),f},this.getRuntime=function(){return f},this.disconnectRuntime=function(){f&&(f.__client--,f.__client<=0&&(e.remove(f),delete f.__promise,f.destroy()),f=null)},this.exec=function(){if(f){var c=a.slice(arguments);return b&&c.unshift(b),f.exec.apply(this,c)}},this.getRuid=function(){return f&&f.uid},this.destroy=function(a){return function(){a&&a.apply(this,arguments),this.trigger("destroy"),this.off(),this.exec("destroy"),this.disconnectRuntime()}}(this.destroy)}var e;return e=function(){var a={};return{add:function(b){a[b.uid]=b},get:function(b,c){var d;if(b)return a[b];for(d in a)if(!c||!a[d].__standalone)return a[d];return null},remove:function(b){delete a[b.uid]}}}(),b.installTo(d.prototype),d}),b("lib/dnd",["base","mediator","runtime/client"],function(a,b,c){function d(a){a=this.options=e.extend({},d.options,a),a.container=e(a.container),a.container.length&&c.call(this,"DragAndDrop")}var e=a.$;return d.options={accept:null,disableGlobalDnd:!1},a.inherits(c,{constructor:d,init:function(){var a=this;a.connectRuntime(a.options,function(){a.exec("init"),a.trigger("ready")})},destroy:function(){this.disconnectRuntime()}}),b.installTo(d.prototype),d}),b("widgets/widget",["base","uploader"],function(a,b){function c(a){if(!a)return!1;var b=a.length,c=e.type(a);return 1===a.nodeType&&b?!0:"array"===c||"function"!==c&&"string"!==c&&(0===b||"number"==typeof b&&b>0&&b-1 in a)}function d(a){this.owner=a,this.options=a.options}var e=a.$,f=b.prototype._init,g={},h=[];return e.extend(d.prototype,{init:a.noop,invoke:function(a,b){var c=this.responseMap;return c&&a in c&&c[a]in this&&e.isFunction(this[c[a]])?this[c[a]].apply(this,b):g},request:function(){return this.owner.request.apply(this.owner,arguments)}}),e.extend(b.prototype,{_init:function(){var a=this,b=a._widgets=[];return e.each(h,function(c,d){b.push(new d(a))}),f.apply(a,arguments)},request:function(b,d,e){var f,h,i,j,k=0,l=this._widgets,m=l.length,n=[],o=[];for(d=c(d)?d:[d];m>k;k++)f=l[k],h=f.invoke(b,d),h!==g&&(a.isPromise(h)?o.push(h):n.push(h));return e||o.length?(i=a.when.apply(a,o),j=i.pipe?"pipe":"then",i[j](function(){var b=a.Deferred(),c=arguments;return setTimeout(function(){b.resolve.apply(b,c)},1),b.promise()})[j](e||a.noop)):n[0]}}),b.register=d.register=function(b,c){var f,g={init:"init"};return 1===arguments.length?(c=b,c.responseMap=g):c.responseMap=e.extend(g,b),f=a.inherits(d,c),h.push(f),f},d}),b("widgets/filednd",["base","uploader","lib/dnd","widgets/widget"],function(a,b,c){var d=a.$;return b.options.dnd="",b.register({init:function(b){if(b.dnd&&"html5"===this.request("predict-runtime-type")){var e,f=this,g=a.Deferred(),h=d.extend({},{disableGlobalDnd:b.disableGlobalDnd,container:b.dnd,accept:b.accept});return e=new c(h),e.once("ready",g.resolve),e.on("drop",function(a){f.request("add-file",[a])}),e.on("accept",function(a){return f.owner.trigger("dndAccept",a)}),e.init(),g.promise()}}})}),b("lib/filepaste",["base","mediator","runtime/client"],function(a,b,c){function d(a){a=this.options=e.extend({},a),a.container=e(a.container||document.body),c.call(this,"FilePaste")}var e=a.$;return a.inherits(c,{constructor:d,init:function(){var a=this;a.connectRuntime(a.options,function(){a.exec("init"),a.trigger("ready")})},destroy:function(){this.exec("destroy"),this.disconnectRuntime(),this.off()}}),b.installTo(d.prototype),d}),b("widgets/filepaste",["base","uploader","lib/filepaste","widgets/widget"],function(a,b,c){var d=a.$;return b.register({init:function(b){if(b.paste&&"html5"===this.request("predict-runtime-type")){var e,f=this,g=a.Deferred(),h=d.extend({},{container:b.paste,accept:b.accept});return e=new c(h),e.once("ready",g.resolve),e.on("paste",function(a){f.owner.request("add-file",[a])}),e.init(),g.promise()}}})}),b("lib/blob",["base","runtime/client"],function(a,b){function c(a,c){var d=this;d.source=c,d.ruid=a,b.call(d,"Blob"),this.uid=c.uid||this.uid,this.type=c.type||"",this.size=c.size||0,a&&d.connectRuntime(a)}return a.inherits(b,{constructor:c,slice:function(a,b){return this.exec("slice",a,b)},getSource:function(){return this.source}}),c}),b("lib/file",["base","lib/blob"],function(a,b){function c(a,c){var f;b.apply(this,arguments),this.name=c.name||"untitled"+d++,f=e.exec(c.name)?RegExp.$1.toLowerCase():"",!f&&this.type&&(f=/\/(jpg|jpeg|png|gif|bmp)$/i.exec(this.type)?RegExp.$1.toLowerCase():"",this.name+="."+f),!this.type&&~"jpg,jpeg,png,gif,bmp".indexOf(f)&&(this.type="image/"+("jpg"===f?"jpeg":f)),this.ext=f,this.lastModifiedDate=c.lastModifiedDate||(new Date).toLocaleString()}var d=1,e=/\.([^.]+)$/;return a.inherits(b,c)}),b("lib/filepicker",["base","runtime/client","lib/file"],function(b,c,d){function e(a){if(a=this.options=f.extend({},e.options,a),a.container=f(a.id),!a.container.length)throw new Error("按钮指定错误");a.innerHTML=a.innerHTML||a.label||a.container.html()||"",a.button=f(a.button||document.createElement("div")),a.button.html(a.innerHTML),a.container.html(a.button),c.call(this,"FilePicker",!0)}var f=b.$;return e.options={button:null,container:null,label:null,innerHTML:null,multiple:!0,accept:null,name:"file"},b.inherits(c,{constructor:e,init:function(){var b=this,c=b.options,e=c.button;e.addClass("webuploader-pick"),b.on("all",function(a){var g;switch(a){case"mouseenter":e.addClass("webuploader-pick-hover");break;case"mouseleave":e.removeClass("webuploader-pick-hover");break;case"change":g=b.exec("getFiles"),b.trigger("select",f.map(g,function(a){return a=new d(b.getRuid(),a),a._refer=c.container,a}),c.container)}}),b.connectRuntime(c,function(){b.refresh(),b.exec("init",c),b.trigger("ready")}),f(a).on("resize",function(){b.refresh()})},refresh:function(){var a=this.getRuntime().getContainer(),b=this.options.button,c=b.outerWidth?b.outerWidth():b.width(),d=b.outerHeight?b.outerHeight():b.height(),e=b.offset();c&&d&&a.css({bottom:"auto",right:"auto",width:c+"px",height:d+"px"}).offset(e)},enable:function(){var a=this.options.button;a.removeClass("webuploader-pick-disable"),this.refresh()},disable:function(){var a=this.options.button;this.getRuntime().getContainer().css({top:"-99999px"}),a.addClass("webuploader-pick-disable")},destroy:function(){this.runtime&&(this.exec("destroy"),this.disconnectRuntime())}}),e}),b("widgets/filepicker",["base","uploader","lib/filepicker","widgets/widget"],function(a,b,c){var d=a.$;return d.extend(b.options,{pick:null,accept:null}),b.register({"add-btn":"addButton",refresh:"refresh",disable:"disable",enable:"enable"},{init:function(a){return this.pickers=[],a.pick&&this.addButton(a.pick)},refresh:function(){d.each(this.pickers,function(){this.refresh()})},addButton:function(b){var e,f,g,h=this,i=h.options,j=i.accept;if(b)return g=a.Deferred(),d.isPlainObject(b)||(b={id:b}),e=d.extend({},b,{accept:d.isPlainObject(j)?[j]:j,swf:i.swf,runtimeOrder:i.runtimeOrder}),f=new c(e),f.once("ready",g.resolve),f.on("select",function(a){h.owner.request("add-file",[a])}),f.init(),this.pickers.push(f),g.promise()},disable:function(){d.each(this.pickers,function(){this.disable()})},enable:function(){d.each(this.pickers,function(){this.enable()})}})}),b("lib/image",["base","runtime/client","lib/blob"],function(a,b,c){function d(a){this.options=e.extend({},d.options,a),b.call(this,"Image"),this.on("load",function(){this._info=this.exec("info"),this._meta=this.exec("meta")})}var e=a.$;return d.options={quality:90,crop:!1,preserveHeaders:!0,allowMagnify:!0},a.inherits(b,{constructor:d,info:function(a){return a?(this._info=a,this):this._info},meta:function(a){return a?(this._meta=a,this):this._meta},loadFromBlob:function(a){var b=this,c=a.getRuid();this.connectRuntime(c,function(){b.exec("init",b.options),b.exec("loadFromBlob",a)})},resize:function(){var b=a.slice(arguments);return this.exec.apply(this,["resize"].concat(b))},getAsDataUrl:function(a){return this.exec("getAsDataUrl",a)},getAsBlob:function(a){var b=this.exec("getAsBlob",a);return new c(this.getRuid(),b)}}),d}),b("widgets/image",["base","uploader","lib/image","widgets/widget"],function(a,b,c){var d,e=a.$;return d=function(a){var b=0,c=[],d=function(){for(var d;c.length&&a>b;)d=c.shift(),b+=d[0],d[1]()};return function(a,e,f){c.push([e,f]),a.once("destroy",function(){b-=e,setTimeout(d,1)}),setTimeout(d,1)}}(5242880),e.extend(b.options,{thumb:{width:110,height:110,quality:70,allowMagnify:!0,crop:!0,preserveHeaders:!1,type:"image/jpeg"},compress:{width:1600,height:1600,quality:90,allowMagnify:!1,crop:!1,preserveHeaders:!0}}),b.register({"make-thumb":"makeThumb","before-send-file":"compressImage"},{makeThumb:function(a,b,f,g){var h,i;return a=this.request("get-file",a),a.type.match(/^image/)?(h=e.extend({},this.options.thumb),e.isPlainObject(f)&&(h=e.extend(h,f),f=null),f=f||h.width,g=g||h.height,i=new c(h),i.once("load",function(){a._info=a._info||i.info(),a._meta=a._meta||i.meta(),i.resize(f,g)}),i.once("complete",function(){b(!1,i.getAsDataUrl(h.type)),i.destroy()}),i.once("error",function(){b(!0),i.destroy()}),void d(i,a.source.size,function(){a._info&&i.info(a._info),a._meta&&i.meta(a._meta),i.loadFromBlob(a.source)})):void b(!0)},compressImage:function(b){var d,f,g=this.options.compress||this.options.resize,h=g&&g.compressSize||307200;return b=this.request("get-file",b),!g||!~"image/jpeg,image/jpg".indexOf(b.type)||b.size<h||b._compressed?void 0:(g=e.extend({},g),f=a.Deferred(),d=new c(g),f.always(function(){d.destroy(),d=null}),d.once("error",f.reject),d.once("load",function(){b._info=b._info||d.info(),b._meta=b._meta||d.meta(),d.resize(g.width,g.height)}),d.once("complete",function(){var a,c;try{a=d.getAsBlob(g.type),c=b.size,a.size<c&&(b.source=a,b.size=a.size,b.trigger("resize",a.size,c)),b._compressed=!0,f.resolve()}catch(e){f.resolve()}}),b._info&&d.info(b._info),b._meta&&d.meta(b._meta),d.loadFromBlob(b.source),f.promise())}})}),b("file",["base","mediator"],function(a,b){function c(){return f+g++}function d(a){this.name=a.name||"Untitled",this.size=a.size||0,this.type=a.type||"application",this.lastModifiedDate=a.lastModifiedDate||1*new Date,this.id=c(),this.ext=h.exec(this.name)?RegExp.$1:"",this.statusText="",i[this.id]=d.Status.INITED,this.source=a,this.loaded=0,this.on("error",function(a){this.setStatus(d.Status.ERROR,a)})}var e=a.$,f="WU_FILE_",g=0,h=/\.([^.]+)$/,i={};return e.extend(d.prototype,{setStatus:function(a,b){var c=i[this.id];"undefined"!=typeof b&&(this.statusText=b),a!==c&&(i[this.id]=a,this.trigger("statuschange",a,c))},getStatus:function(){return i[this.id]},getSource:function(){return this.source},destory:function(){delete i[this.id]}}),b.installTo(d.prototype),d.Status={INITED:"inited",QUEUED:"queued",PROGRESS:"progress",ERROR:"error",COMPLETE:"complete",CANCELLED:"cancelled",INTERRUPT:"interrupt",INVALID:"invalid"},d}),b("queue",["base","mediator","file"],function(a,b,c){function d(){this.stats={numOfQueue:0,numOfSuccess:0,numOfCancel:0,numOfProgress:0,numOfUploadFailed:0,numOfInvalid:0},this._queue=[],this._map={}}var e=a.$,f=c.Status;return e.extend(d.prototype,{append:function(a){return this._queue.push(a),this._fileAdded(a),this},prepend:function(a){return this._queue.unshift(a),this._fileAdded(a),this},getFile:function(a){return"string"!=typeof a?a:this._map[a]},fetch:function(a){var b,c,d=this._queue.length;for(a=a||f.QUEUED,b=0;d>b;b++)if(c=this._queue[b],a===c.getStatus())return c;return null},sort:function(a){"function"==typeof a&&this._queue.sort(a)},getFiles:function(){for(var a,b=[].slice.call(arguments,0),c=[],d=0,f=this._queue.length;f>d;d++)a=this._queue[d],(!b.length||~e.inArray(a.getStatus(),b))&&c.push(a);return c},_fileAdded:function(a){var b=this,c=this._map[a.id];c||(this._map[a.id]=a,a.on("statuschange",function(a,c){b._onFileStatusChange(a,c)})),a.setStatus(f.QUEUED)},_onFileStatusChange:function(a,b){var c=this.stats;switch(b){case f.PROGRESS:c.numOfProgress--;break;case f.QUEUED:c.numOfQueue--;break;case f.ERROR:c.numOfUploadFailed--;break;case f.INVALID:c.numOfInvalid--}switch(a){case f.QUEUED:c.numOfQueue++;break;case f.PROGRESS:c.numOfProgress++;break;case f.ERROR:c.numOfUploadFailed++;break;case f.COMPLETE:c.numOfSuccess++;break;case f.CANCELLED:c.numOfCancel++;break;case f.INVALID:c.numOfInvalid++}}}),b.installTo(d.prototype),d}),b("widgets/queue",["base","uploader","queue","file","lib/file","runtime/client","widgets/widget"],function(a,b,c,d,e,f){var g=a.$,h=/\.\w+$/,i=d.Status;return b.register({"sort-files":"sortFiles","add-file":"addFiles","get-file":"getFile","fetch-file":"fetchFile","get-stats":"getStats","get-files":"getFiles","remove-file":"removeFile",retry:"retry",reset:"reset","accept-file":"acceptFile"},{init:function(b){var d,e,h,i,j,k,l,m=this;if(g.isPlainObject(b.accept)&&(b.accept=[b.accept]),b.accept){for(j=[],h=0,e=b.accept.length;e>h;h++)i=b.accept[h].extensions,i&&j.push(i);j.length&&(k="\\."+j.join(",").replace(/,/g,"$|\\.").replace(/\*/g,".*")+"$"),m.accept=new RegExp(k,"i")}return m.queue=new c,m.stats=m.queue.stats,"html5"===this.request("predict-runtime-type")?(d=a.Deferred(),l=new f("Placeholder"),l.connectRuntime({runtimeOrder:"html5"},function(){m._ruid=l.getRuid(),d.resolve()}),d.promise()):void 0},_wrapFile:function(a){if(!(a instanceof d)){if(!(a instanceof e)){if(!this._ruid)throw new Error("Can't add external files.");a=new e(this._ruid,a)}a=new d(a)}return a},acceptFile:function(a){var b=!a||a.size<6||this.accept&&h.exec(a.name)&&!this.accept.test(a.name);return!b},_addFile:function(a){var b=this;return a=b._wrapFile(a),b.owner.trigger("beforeFileQueued",a)?b.acceptFile(a)?(b.queue.append(a),b.owner.trigger("fileQueued",a),a):void b.owner.trigger("error","Q_TYPE_DENIED",a):void 0},getFile:function(a){return this.queue.getFile(a)},addFiles:function(a){var b=this;a.length||(a=[a]),a=g.map(a,function(a){return b._addFile(a)}),b.owner.trigger("filesQueued",a),b.options.auto&&b.request("start-upload")},getStats:function(){return this.stats},removeFile:function(a){var b=this;a=a.id?a:b.queue.getFile(a),a.setStatus(i.CANCELLED),b.owner.trigger("fileDequeued",a)},getFiles:function(){return this.queue.getFiles.apply(this.queue,arguments)},fetchFile:function(){return this.queue.fetch.apply(this.queue,arguments)},retry:function(a,b){var c,d,e,f=this;if(a)return a=a.id?a:f.queue.getFile(a),a.setStatus(i.QUEUED),void(b||f.request("start-upload"));for(c=f.queue.getFiles(i.ERROR),d=0,e=c.length;e>d;d++)a=c[d],a.setStatus(i.QUEUED);f.request("start-upload")},sortFiles:function(){return this.queue.sort.apply(this.queue,arguments)},reset:function(){this.queue=new c,this.stats=this.queue.stats}})}),b("widgets/runtime",["uploader","runtime/runtime","widgets/widget"],function(a,b){return a.support=function(){return b.hasRuntime.apply(b,arguments)},a.register({"predict-runtime-type":"predictRuntmeType"},{init:function(){if(!this.predictRuntmeType())throw Error("Runtime Error")},predictRuntmeType:function(){var a,c,d=this.options.runtimeOrder||b.orders,e=this.type;if(!e)for(d=d.split(/\s*,\s*/g),a=0,c=d.length;c>a;a++)if(b.hasRuntime(d[a])){this.type=e=d[a];break}return e}})}),b("lib/transport",["base","runtime/client","mediator"],function(a,b,c){function d(a){var c=this;a=c.options=e.extend(!0,{},d.options,a||{}),b.call(this,"Transport"),this._blob=null,this._formData=a.formData||{},this._headers=a.headers||{},this.on("progress",this._timeout),this.on("load error",function(){c.trigger("progress",1),clearTimeout(c._timer)})}var e=a.$;return d.options={server:"",method:"POST",withCredentials:!1,fileVal:"file",timeout:12e4,formData:{},headers:{},sendAsBinary:!1},e.extend(d.prototype,{appendBlob:function(a,b,c){var d=this,e=d.options;d.getRuid()&&d.disconnectRuntime(),d.connectRuntime(b.ruid,function(){d.exec("init")}),d._blob=b,e.fileVal=a||e.fileVal,e.filename=c||e.filename},append:function(a,b){"object"==typeof a?e.extend(this._formData,a):this._formData[a]=b},setRequestHeader:function(a,b){"object"==typeof a?e.extend(this._headers,a):this._headers[a]=b},send:function(a){this.exec("send",a),this._timeout()},abort:function(){return clearTimeout(this._timer),this.exec("abort")},destroy:function(){this.trigger("destroy"),this.off(),this.exec("destroy"),this.disconnectRuntime()},getResponse:function(){return this.exec("getResponse")},getResponseAsJson:function(){return this.exec("getResponseAsJson")},getStatus:function(){return this.exec("getStatus")},_timeout:function(){var a=this,b=a.options.timeout;b&&(clearTimeout(a._timer),a._timer=setTimeout(function(){a.abort(),a.trigger("error","timeout")},b))}}),c.installTo(d.prototype),d}),b("widgets/upload",["base","uploader","file","lib/transport","widgets/widget"],function(a,b,c,d){function e(a,b){for(var c,d=[],e=a.source,f=e.size,g=b?Math.ceil(f/b):1,h=0,i=0;g>i;)c=Math.min(b,f-h),d.push({file:a,start:h,end:b?h+c:f,total:f,chunks:g,chunk:i++}),h+=c;return a.blocks=d.concat(),a.remaning=d.length,{file:a,has:function(){return!!d.length},fetch:function(){return d.shift()}}}var f=a.$,g=a.isPromise,h=c.Status;f.extend(b.options,{prepareNextFile:!1,chunked:!1,chunkSize:5242880,chunkRetry:2,threads:3,formData:null}),b.register({"start-upload":"start","stop-upload":"stop","skip-file":"skipFile","is-in-progress":"isInProgress"},{init:function(){var b=this.owner;this.runing=!1,this.pool=[],this.pending=[],this.remaning=0,this.__tick=a.bindFn(this._tick,this),b.on("uploadComplete",function(a){a.blocks&&f.each(a.blocks,function(a,b){b.transport&&(b.transport.abort(),b.transport.destroy()),delete b.transport}),delete a.blocks,delete a.remaning})},start:function(){var b=this;f.each(b.request("get-files",h.INVALID),function(){b.request("remove-file",this)}),b.runing||(b.runing=!0,f.each(b.pool,function(a,c){var d=c.file;d.getStatus()===h.INTERRUPT&&(d.setStatus(h.PROGRESS),b._trigged=!1,c.transport&&c.transport.send())}),b._trigged=!1,b.owner.trigger("startUpload"),a.nextTick(b.__tick))},stop:function(a){var b=this;b.runing!==!1&&(b.runing=!1,a&&f.each(b.pool,function(a,b){b.transport&&b.transport.abort(),b.file.setStatus(h.INTERRUPT)}),b.owner.trigger("stopUpload"))},isInProgress:function(){return!!this.runing},getStats:function(){return this.request("get-stats")},skipFile:function(a,b){a=this.request("get-file",a),a.setStatus(b||h.COMPLETE),a.skipped=!0,a.blocks&&f.each(a.blocks,function(a,b){var c=b.transport;c&&(c.abort(),c.destroy(),delete b.transport)}),this.owner.trigger("uploadSkip",a)},_tick:function(){var b,c,d=this,e=d.options;return d._promise?d._promise.always(d.__tick):void(d.pool.length<e.threads&&(c=d._nextBlock())?(d._trigged=!1,b=function(b){d._promise=null,b&&b.file&&d._startSend(b),a.nextTick(d.__tick)},d._promise=g(c)?c.always(b):b(c)):d.remaning||d.getStats().numOfQueue||(d.runing=!1,d._trigged||a.nextTick(function(){d.owner.trigger("uploadFinished")}),d._trigged=!0))},_nextBlock:function(){var a,b,c=this,d=c._act,f=c.options;return d&&d.has()&&d.file.getStatus()===h.PROGRESS?(f.prepareNextFile&&!c.pending.length&&c._prepareNextFile(),d.fetch()):c.runing?(!c.pending.length&&c.getStats().numOfQueue&&c._prepareNextFile(),a=c.pending.shift(),b=function(a){return a?(d=e(a,f.chunked?f.chunkSize:0),c._act=d,d.fetch()):null},g(a)?a[a.pipe?"pipe":"then"](b):b(a)):void 0},_prepareNextFile:function(){var a,b=this,c=b.request("fetch-file"),d=b.pending;c&&(a=b.request("before-send-file",c,function(){return c.getStatus()===h.QUEUED?(b.owner.trigger("uploadStart",c),c.setStatus(h.PROGRESS),c):b._finishFile(c)}),a.done(function(){var b=f.inArray(a,d);~b&&d.splice(b,1,c)}),a.fail(function(a){c.setStatus(h.ERROR,a),b.owner.trigger("uploadError",c,a),b.owner.trigger("uploadComplete",c)}),d.push(a))},_popBlock:function(a){var b=f.inArray(a,this.pool);this.pool.splice(b,1),a.file.remaning--,this.remaning--},_startSend:function(b){var c,d=this,e=b.file;d.pool.push(b),d.remaning++,b.blob=1===b.chunks?e.source:e.source.slice(b.start,b.end),c=d.request("before-send",b,function(){e.getStatus()===h.PROGRESS?d._doSend(b):(d._popBlock(b),a.nextTick(d.__tick))}),c.fail(function(){1===e.remaning?d._finishFile(e).always(function(){b.percentage=1,d._popBlock(b),d.owner.trigger("uploadComplete",e),a.nextTick(d.__tick)}):(b.percentage=1,d._popBlock(b),a.nextTick(d.__tick))})},_doSend:function(b){var c,e,g=this,i=g.owner,j=g.options,k=b.file,l=new d(j),m=f.extend({},j.formData),n=f.extend({},j.headers);b.transport=l,l.on("destroy",function(){delete b.transport,g._popBlock(b),a.nextTick(g.__tick)}),l.on("progress",function(a){var c=0,d=0;c=b.percentage=a,b.chunks>1&&(f.each(k.blocks,function(a,b){d+=(b.percentage||0)*(b.end-b.start)}),c=d/k.size),i.trigger("uploadProgress",k,c||0)}),c=function(a){var c;return e=l.getResponseAsJson()||{},e._raw=l.getResponse(),c=function(b){a=b},i.trigger("uploadAccept",b,e,c)||(a=a||"server"),a},l.on("error",function(a,d){b.retried=b.retried||0,b.chunks>1&&~"http,abort".indexOf(a)&&b.retried<j.chunkRetry?(b.retried++,l.send()):(d||"server"!==a||(a=c(a)),k.setStatus(h.ERROR,a),i.trigger("uploadError",k,a),i.trigger("uploadComplete",k))}),l.on("load",function(){var a;return(a=c())?void l.trigger("error",a,!0):void(1===k.remaning?g._finishFile(k,e):l.destroy())}),m=f.extend(m,{id:k.id,name:k.name,type:k.type,lastModifiedDate:k.lastModifiedDate,size:k.size}),b.chunks>1&&f.extend(m,{chunks:b.chunks,chunk:b.chunk}),i.trigger("uploadBeforeSend",b,m,n),l.appendBlob(j.fileVal,b.blob,k.name),l.append(m),l.setRequestHeader(n),l.send()},_finishFile:function(a,b,c){var d=this.owner;return d.request("after-send-file",arguments,function(){a.setStatus(h.COMPLETE),d.trigger("uploadSuccess",a,b,c)}).fail(function(b){a.getStatus()===h.PROGRESS&&a.setStatus(h.ERROR,b),d.trigger("uploadError",a,b)}).always(function(){d.trigger("uploadComplete",a)})}})}),b("widgets/validator",["base","uploader","file","widgets/widget"],function(a,b,c){var d,e=a.$,f={};return d={addValidator:function(a,b){f[a]=b},removeValidator:function(a){delete f[a]}},b.register({init:function(){var a=this;e.each(f,function(){this.call(a.owner)})}}),d.addValidator("fileNumLimit",function(){var a=this,b=a.options,c=0,d=b.fileNumLimit>>0,e=!0;d&&(a.on("beforeFileQueued",function(a){return c>=d&&e&&(e=!1,this.trigger("error","Q_EXCEED_NUM_LIMIT",d,a),setTimeout(function(){e=!0},1)),c>=d?!1:!0}),a.on("fileQueued",function(){c++}),a.on("fileDequeued",function(){c--}),a.on("uploadFinished",function(){c=0}))}),d.addValidator("fileSizeLimit",function(){var a=this,b=a.options,c=0,d=b.fileSizeLimit>>0,e=!0;d&&(a.on("beforeFileQueued",function(a){var b=c+a.size>d;return b&&e&&(e=!1,this.trigger("error","Q_EXCEED_SIZE_LIMIT",d,a),setTimeout(function(){e=!0},1)),b?!1:!0}),a.on("fileQueued",function(a){c+=a.size}),a.on("fileDequeued",function(a){c-=a.size}),a.on("uploadFinished",function(){c=0}))}),d.addValidator("fileSingleSizeLimit",function(){var a=this,b=a.options,d=b.fileSingleSizeLimit;d&&a.on("beforeFileQueued",function(a){return a.size>d?(a.setStatus(c.Status.INVALID,"exceed_size"),this.trigger("error","F_EXCEED_SIZE",a),!1):void 0})}),d.addValidator("duplicate",function(){function a(a){for(var b,c=0,d=0,e=a.length;e>d;d++)b=a.charCodeAt(d),c=b+(c<<6)+(c<<16)-c;return c}var b=this,c=b.options,d={};c.duplicate||(b.on("beforeFileQueued",function(b){var c=b.__hash||(b.__hash=a(b.name+b.size+b.lastModifiedDate));return d[c]?(this.trigger("error","F_DUPLICATE",b),!1):void 0}),b.on("fileQueued",function(a){var b=a.__hash;b&&(d[b]=!0)}),b.on("fileDequeued",function(a){var b=a.__hash;b&&delete d[b]}))}),d}),b("runtime/compbase",[],function(){function a(a,b){this.owner=a,this.options=a.options,this.getRuntime=function(){return b},this.getRuid=function(){return b.uid},this.trigger=function(){return a.trigger.apply(a,arguments)}}return a}),b("runtime/html5/runtime",["base","runtime/runtime","runtime/compbase"],function(b,c,d){function e(){var a={},d=this,e=this.destory;c.apply(d,arguments),d.type=f,d.exec=function(c,e){var f,h=this,i=h.uid,j=b.slice(arguments,2);return g[c]&&(f=a[i]=a[i]||new g[c](h,d),f[e])?f[e].apply(f,j):void 0},d.destory=function(){return e&&e.apply(this,arguments)}}var f="html5",g={};return b.inherits(c,{constructor:e,init:function(){var a=this;setTimeout(function(){a.trigger("ready")},1)}}),e.register=function(a,c){var e=g[a]=b.inherits(d,c);return e},a.Blob&&a.FileReader&&a.DataView&&c.addRuntime(f,e),e}),b("runtime/html5/blob",["runtime/html5/runtime","lib/blob"],function(a,b){return a.register("Blob",{slice:function(a,c){var d=this.owner.source,e=d.slice||d.webkitSlice||d.mozSlice;return d=e.call(d,a,c),new b(this.getRuid(),d)}})}),b("runtime/html5/dnd",["base","runtime/html5/runtime","lib/file"],function(a,b,c){var d=a.$,e="webuploader-dnd-";return b.register("DragAndDrop",{init:function(){var b=this.elem=this.options.container;this.dragEnterHandler=a.bindFn(this._dragEnterHandler,this),this.dragOverHandler=a.bindFn(this._dragOverHandler,this),this.dragLeaveHandler=a.bindFn(this._dragLeaveHandler,this),this.dropHandler=a.bindFn(this._dropHandler,this),this.dndOver=!1,b.on("dragenter",this.dragEnterHandler),b.on("dragover",this.dragOverHandler),b.on("dragleave",this.dragLeaveHandler),b.on("drop",this.dropHandler),this.options.disableGlobalDnd&&(d(document).on("dragover",this.dragOverHandler),d(document).on("drop",this.dropHandler))
+},_dragEnterHandler:function(a){var b,c=this,d=c._denied||!1;return a=a.originalEvent||a,c.dndOver||(c.dndOver=!0,b=a.dataTransfer.items,b&&b.length&&(c._denied=d=!c.trigger("accept",b)),c.elem.addClass(e+"over"),c.elem[d?"addClass":"removeClass"](e+"denied")),a.dataTransfer.dropEffect=d?"none":"copy",!1},_dragOverHandler:function(a){var b=this.elem.parent().get(0);return b&&!d.contains(b,a.currentTarget)?!1:(clearTimeout(this._leaveTimer),this._dragEnterHandler.call(this,a),!1)},_dragLeaveHandler:function(){var a,b=this;return a=function(){b.dndOver=!1,b.elem.removeClass(e+"over "+e+"denied")},clearTimeout(b._leaveTimer),b._leaveTimer=setTimeout(a,100),!1},_dropHandler:function(a){var b=this,f=b.getRuid(),g=b.elem.parent().get(0);return g&&!d.contains(g,a.currentTarget)?!1:(b._getTansferFiles(a,function(a){b.trigger("drop",d.map(a,function(a){return new c(f,a)}))}),b.dndOver=!1,b.elem.removeClass(e+"over"),!1)},_getTansferFiles:function(b,c){var d,e,f,g,h,i,j,k,l=[],m=[];for(b=b.originalEvent||b,f=b.dataTransfer,d=f.items,e=f.files,k=!(!d||!d[0].webkitGetAsEntry),i=0,j=e.length;j>i;i++)g=e[i],h=d&&d[i],k&&h.webkitGetAsEntry().isDirectory?m.push(this._traverseDirectoryTree(h.webkitGetAsEntry(),l)):l.push(g);a.when.apply(a,m).done(function(){l.length&&c(l)})},_traverseDirectoryTree:function(b,c){var d=a.Deferred(),e=this;return b.isFile?b.file(function(a){c.push(a),d.resolve()}):b.isDirectory&&b.createReader().readEntries(function(b){var f,g=b.length,h=[],i=[];for(f=0;g>f;f++)h.push(e._traverseDirectoryTree(b[f],i));a.when.apply(a,h).then(function(){c.push.apply(c,i),d.resolve()},d.reject)}),d.promise()},destroy:function(){var a=this.elem;a.off("dragenter",this.dragEnterHandler),a.off("dragover",this.dragEnterHandler),a.off("dragleave",this.dragLeaveHandler),a.off("drop",this.dropHandler),this.options.disableGlobalDnd&&(d(document).off("dragover",this.dragOverHandler),d(document).off("drop",this.dropHandler))}})}),b("runtime/html5/filepaste",["base","runtime/html5/runtime","lib/file"],function(a,b,c){return b.register("FilePaste",{init:function(){var b,c,d,e,f=this.options,g=this.elem=f.container,h=".*";if(f.accept){for(b=[],c=0,d=f.accept.length;d>c;c++)e=f.accept[c].mimeTypes,e&&b.push(e);b.length&&(h=b.join(","),h=h.replace(/,/g,"|").replace(/\*/g,".*"))}this.accept=h=new RegExp(h,"i"),this.hander=a.bindFn(this._pasteHander,this),g.on("paste",this.hander)},_pasteHander:function(a){var b,d,e,f,g,h=[],i=this.getRuid();for(a=a.originalEvent||a,b=a.clipboardData.items,f=0,g=b.length;g>f;f++)d=b[f],"file"===d.kind&&(e=d.getAsFile())&&h.push(new c(i,e));h.length&&(a.preventDefault(),a.stopPropagation(),this.trigger("paste",h))},destroy:function(){this.elem.off("paste",this.hander)}})}),b("runtime/html5/filepicker",["base","runtime/html5/runtime"],function(a,b){var c=a.$;return b.register("FilePicker",{init:function(){var a,b,d,e,f=this.getRuntime().getContainer(),g=this,h=g.owner,i=g.options,j=c(document.createElement("label")),k=c(document.createElement("input"));if(k.attr("type","file"),k.attr("name",i.name),k.addClass("webuploader-element-invisible"),j.on("click",function(){k.trigger("click")}),j.css({opacity:0,width:"100%",height:"100%",display:"block",cursor:"pointer",background:"#ffffff"}),i.multiple&&k.attr("multiple","multiple"),i.accept&&i.accept.length>0){for(a=[],b=0,d=i.accept.length;d>b;b++)a.push(i.accept[b].mimeTypes);k.attr("accept",a.join(","))}f.append(k),f.append(j),e=function(a){h.trigger(a.type)},k.on("change",function(a){var b,d=arguments.callee;g.files=a.target.files,b=this.cloneNode(!0),this.parentNode.replaceChild(b,this),k.off(),k=c(b).on("change",d).on("mouseenter mouseleave",e),h.trigger("change")}),j.on("mouseenter mouseleave",e)},getFiles:function(){return this.files},destroy:function(){}})}),b("runtime/html5/util",["base"],function(b){var c=a.createObjectURL&&a||a.URL&&URL.revokeObjectURL&&URL||a.webkitURL,d=b.noop,e=d;return c&&(d=function(){return c.createObjectURL.apply(c,arguments)},e=function(){return c.revokeObjectURL.apply(c,arguments)}),{createObjectURL:d,revokeObjectURL:e,dataURL2Blob:function(a){var b,c,d,e,f,g;for(g=a.split(","),b=~g[0].indexOf("base64")?atob(g[1]):decodeURIComponent(g[1]),d=new ArrayBuffer(b.length),c=new Uint8Array(d),e=0;e<b.length;e++)c[e]=b.charCodeAt(e);return f=g[0].split(":")[1].split(";")[0],this.arrayBufferToBlob(d,f)},dataURL2ArrayBuffer:function(a){var b,c,d,e;for(e=a.split(","),b=~e[0].indexOf("base64")?atob(e[1]):decodeURIComponent(e[1]),c=new Uint8Array(b.length),d=0;d<b.length;d++)c[d]=b.charCodeAt(d);return c.buffer},arrayBufferToBlob:function(b,c){var d,e=a.BlobBuilder||a.WebKitBlobBuilder;return e?(d=new e,d.append(b),d.getBlob(c)):new Blob([b],c?{type:c}:{})},canvasToDataUrl:function(a,b,c){return a.toDataURL(b,c/100)},parseMeta:function(a,b){b(!1,{})},updateImageHead:function(a){return a}}}),b("runtime/html5/imagemeta",["runtime/html5/util"],function(a){var b;return b={parsers:{65505:[]},maxMetaDataSize:262144,parse:function(a,b){var c=this,d=new FileReader;d.onload=function(){b(!1,c._parse(this.result)),d=d.onload=d.onerror=null},d.onerror=function(a){b(a.message),d=d.onload=d.onerror=null},a=a.slice(0,c.maxMetaDataSize),d.readAsArrayBuffer(a.getSource())},_parse:function(a,c){if(!(a.byteLength<6)){var d,e,f,g,h=new DataView(a),i=2,j=h.byteLength-4,k=i,l={};if(65496===h.getUint16(0)){for(;j>i&&(d=h.getUint16(i),d>=65504&&65519>=d||65534===d)&&(e=h.getUint16(i+2)+2,!(i+e>h.byteLength));){if(f=b.parsers[d],!c&&f)for(g=0;g<f.length;g+=1)f[g].call(b,h,i,e,l);i+=e,k=i}k>6&&(l.imageHead=a.slice?a.slice(2,k):new Uint8Array(a).subarray(2,k))}return l}},updateImageHead:function(a,b){var c,d,e,f=this._parse(a,!0);return e=2,f.imageHead&&(e=2+f.imageHead.byteLength),d=a.slice?a.slice(e):new Uint8Array(a).subarray(e),c=new Uint8Array(b.byteLength+2+d.byteLength),c[0]=255,c[1]=216,c.set(new Uint8Array(b),2),c.set(new Uint8Array(d),b.byteLength+2),c.buffer}},a.parseMeta=function(){return b.parse.apply(b,arguments)},a.updateImageHead=function(){return b.updateImageHead.apply(b,arguments)},b}),b("runtime/html5/imagemeta/exif",["base","runtime/html5/imagemeta"],function(a,b){var c={};return c.ExifMap=function(){return this},c.ExifMap.prototype.map={Orientation:274},c.ExifMap.prototype.get=function(a){return this[a]||this[this.map[a]]},c.exifTagTypes={1:{getValue:function(a,b){return a.getUint8(b)},size:1},2:{getValue:function(a,b){return String.fromCharCode(a.getUint8(b))},size:1,ascii:!0},3:{getValue:function(a,b,c){return a.getUint16(b,c)},size:2},4:{getValue:function(a,b,c){return a.getUint32(b,c)},size:4},5:{getValue:function(a,b,c){return a.getUint32(b,c)/a.getUint32(b+4,c)},size:8},9:{getValue:function(a,b,c){return a.getInt32(b,c)},size:4},10:{getValue:function(a,b,c){return a.getInt32(b,c)/a.getInt32(b+4,c)},size:8}},c.exifTagTypes[7]=c.exifTagTypes[1],c.getExifValue=function(b,d,e,f,g,h){var i,j,k,l,m,n,o=c.exifTagTypes[f];if(!o)return void a.log("Invalid Exif data: Invalid tag type.");if(i=o.size*g,j=i>4?d+b.getUint32(e+8,h):e+8,j+i>b.byteLength)return void a.log("Invalid Exif data: Invalid data offset.");if(1===g)return o.getValue(b,j,h);for(k=[],l=0;g>l;l+=1)k[l]=o.getValue(b,j+l*o.size,h);if(o.ascii){for(m="",l=0;l<k.length&&(n=k[l],"\x00"!==n);l+=1)m+=n;return m}return k},c.parseExifTag=function(a,b,d,e,f){var g=a.getUint16(d,e);f.exif[g]=c.getExifValue(a,b,d,a.getUint16(d+2,e),a.getUint32(d+4,e),e)},c.parseExifTags=function(b,c,d,e,f){var g,h,i;if(d+6>b.byteLength)return void a.log("Invalid Exif data: Invalid directory offset.");if(g=b.getUint16(d,e),h=d+2+12*g,h+4>b.byteLength)return void a.log("Invalid Exif data: Invalid directory size.");for(i=0;g>i;i+=1)this.parseExifTag(b,c,d+2+12*i,e,f);return b.getUint32(h,e)},c.parseExifData=function(b,d,e,f){var g,h,i=d+10;if(1165519206===b.getUint32(d+4)){if(i+8>b.byteLength)return void a.log("Invalid Exif data: Invalid segment size.");if(0!==b.getUint16(d+8))return void a.log("Invalid Exif data: Missing byte alignment offset.");switch(b.getUint16(i)){case 18761:g=!0;break;case 19789:g=!1;break;default:return void a.log("Invalid Exif data: Invalid byte alignment marker.")}if(42!==b.getUint16(i+2,g))return void a.log("Invalid Exif data: Missing TIFF marker.");h=b.getUint32(i+4,g),f.exif=new c.ExifMap,h=c.parseExifTags(b,i,i+h,g,f)}},b.parsers[65505].push(c.parseExifData),c}),b("runtime/html5/image",["base","runtime/html5/runtime","runtime/html5/util"],function(a,b,c){var d="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D";return b.register("Image",{modified:!1,init:function(){var a=this,b=new Image;b.onload=function(){a._info={type:a.type,width:this.width,height:this.height},a._metas||"image/jpeg"!==a.type?a.owner.trigger("load"):c.parseMeta(a._blob,function(b,c){a._metas=c,a.owner.trigger("load")})},b.onerror=function(){a.owner.trigger("error")},a._img=b},loadFromBlob:function(a){var b=this,d=b._img;b._blob=a,b.type=a.type,d.src=c.createObjectURL(a.getSource()),b.owner.once("load",function(){c.revokeObjectURL(d.src)})},resize:function(a,b){var c=this._canvas||(this._canvas=document.createElement("canvas"));this._resize(this._img,c,a,b),this._blob=null,this.modified=!0,this.owner.trigger("complete")},getAsBlob:function(a){var b,d=this._blob,e=this.options;if(a=a||this.type,this.modified||this.type!==a){if(b=this._canvas,"image/jpeg"===a){if(d=c.canvasToDataUrl(b,"image/jpeg",e.quality),e.preserveHeaders&&this._metas&&this._metas.imageHead)return d=c.dataURL2ArrayBuffer(d),d=c.updateImageHead(d,this._metas.imageHead),d=c.arrayBufferToBlob(d,a)}else d=c.canvasToDataUrl(b,a);d=c.dataURL2Blob(d)}return d},getAsDataUrl:function(a){var b=this.options;return a=a||this.type,"image/jpeg"===a?c.canvasToDataUrl(this._canvas,a,b.quality):this._canvas.toDataURL(a)},getOrientation:function(){return this._metas&&this._metas.exif&&this._metas.exif.get("Orientation")||1},info:function(a){return a?(this._info=a,this):this._info},meta:function(a){return a?(this._meta=a,this):this._meta},destroy:function(){var a=this._canvas;this._img.onload=null,a&&(a.getContext("2d").clearRect(0,0,a.width,a.height),a.width=a.height=0,this._canvas=null),this._img.src=d,this._img=this._blob=null},_resize:function(a,b,c,d){var e,f,g,h,i,j=this.options,k=a.width,l=a.height,m=this.getOrientation();~[5,6,7,8].indexOf(m)&&(c^=d,d^=c,c^=d),e=Math[j.crop?"max":"min"](c/k,d/l),j.allowMagnify||(e=Math.min(1,e)),f=k*e,g=l*e,j.crop?(b.width=c,b.height=d):(b.width=f,b.height=g),h=(b.width-f)/2,i=(b.height-g)/2,j.preserveHeaders||this._rotate2Orientaion(b,m),this._renderImageToCanvas(b,a,h,i,f,g)},_rotate2Orientaion:function(a,b){var c=a.width,d=a.height,e=a.getContext("2d");switch(b){case 5:case 6:case 7:case 8:a.width=d,a.height=c}switch(b){case 2:e.translate(c,0),e.scale(-1,1);break;case 3:e.translate(c,d),e.rotate(Math.PI);break;case 4:e.translate(0,d),e.scale(1,-1);break;case 5:e.rotate(.5*Math.PI),e.scale(1,-1);break;case 6:e.rotate(.5*Math.PI),e.translate(0,-d);break;case 7:e.rotate(.5*Math.PI),e.translate(c,-d),e.scale(-1,1);break;case 8:e.rotate(-.5*Math.PI),e.translate(-c,0)}},_renderImageToCanvas:function(){function b(a,b,c){var d,e,f,g=document.createElement("canvas"),h=g.getContext("2d"),i=0,j=c,k=c;for(g.width=1,g.height=c,h.drawImage(a,0,0),d=h.getImageData(0,0,1,c).data;k>i;)e=d[4*(k-1)+3],0===e?j=k:i=k,k=j+i>>1;return f=k/c,0===f?1:f}function c(a){var b,c,d=a.naturalWidth,e=a.naturalHeight;return d*e>1048576?(b=document.createElement("canvas"),b.width=b.height=1,c=b.getContext("2d"),c.drawImage(a,-d+1,0),0===c.getImageData(0,0,1,1).data[3]):!1}return a.os.ios?a.os.ios>=7?function(a,c,d,e,f,g){var h=c.naturalWidth,i=c.naturalHeight,j=b(c,h,i);return a.getContext("2d").drawImage(c,0,0,h*j,i*j,d,e,f,g)}:function(a,d,e,f,g,h){var i,j,k,l,m,n,o,p=d.naturalWidth,q=d.naturalHeight,r=a.getContext("2d"),s=c(d),t="image/jpeg"===this.type,u=1024,v=0,w=0;for(s&&(p/=2,q/=2),r.save(),i=document.createElement("canvas"),i.width=i.height=u,j=i.getContext("2d"),k=t?b(d,p,q):1,l=Math.ceil(u*g/p),m=Math.ceil(u*h/q/k);q>v;){for(n=0,o=0;p>n;)j.clearRect(0,0,u,u),j.drawImage(d,-n,-v),r.drawImage(i,0,0,u,u,e+o,f+w,l,m),n+=u,o+=l;v+=u,w+=m}r.restore(),i=j=null}:function(a,b,c,d,e,f){a.getContext("2d").drawImage(b,c,d,e,f)}}()})}),b("runtime/html5/transport",["base","runtime/html5/runtime"],function(a,b){var c=a.noop,d=a.$;return b.register("Transport",{init:function(){this._status=0,this._response=null},send:function(){var b,c,e,f=this.owner,g=this.options,h=this._initAjax(),i=f._blob,j=g.server;g.sendAsBinary?(j+=(/\?/.test(j)?"&":"?")+d.param(f._formData),c=i.getSource()):(b=new FormData,d.each(f._formData,function(a,c){b.append(a,c)}),b.append(g.fileVal,i.getSource(),g.filename||f._formData.name||"")),g.withCredentials&&"withCredentials"in h?(h.open(g.method,j,!0),h.withCredentials=!0):h.open(g.method,j),this._setRequestHeader(h,g.headers),c?(h.overrideMimeType("application/octet-stream"),a.os.android?(e=new FileReader,e.onload=function(){h.send(this.result),e=e.onload=null},e.readAsArrayBuffer(c)):h.send(c)):h.send(b)},getResponse:function(){return this._response},getResponseAsJson:function(){return this._parseJson(this._response)},getStatus:function(){return this._status},abort:function(){var a=this._xhr;a&&(a.upload.onprogress=c,a.onreadystatechange=c,a.abort(),this._xhr=a=null)},destroy:function(){this.abort()},_initAjax:function(){var a=this,b=new XMLHttpRequest,d=this.options;return!d.withCredentials||"withCredentials"in b||"undefined"==typeof XDomainRequest||(b=new XDomainRequest),b.upload.onprogress=function(b){var c=0;return b.lengthComputable&&(c=b.loaded/b.total),a.trigger("progress",c)},b.onreadystatechange=function(){return 4===b.readyState?(b.upload.onprogress=c,b.onreadystatechange=c,a._xhr=null,a._status=b.status,b.status>=200&&b.status<300?(a._response=b.responseText,a.trigger("load")):b.status>=500&&b.status<600?(a._response=b.responseText,a.trigger("error","server")):a.trigger("error",a._status?"http":"abort")):void 0},a._xhr=b,b},_setRequestHeader:function(a,b){d.each(b,function(b,c){a.setRequestHeader(b,c)})},_parseJson:function(a){var b;try{b=JSON.parse(a)}catch(c){b={}}return b}})}),b("preset/html5only",["base","widgets/filednd","widgets/filepaste","widgets/filepicker","widgets/image","widgets/queue","widgets/runtime","widgets/upload","widgets/validator","runtime/html5/blob","runtime/html5/dnd","runtime/html5/filepaste","runtime/html5/filepicker","runtime/html5/imagemeta/exif","runtime/html5/image","runtime/html5/transport"],function(a){return a}),b("webuploader",["preset/html5only"],function(a){return a}),c("webuploader")});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.js
new file mode 100644
index 000000000..39d9351a1
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.js
@@ -0,0 +1,6733 @@
+/*! WebUploader 0.1.2 */
+
+
+/**
+ * @fileOverview 让内部各个部件的代码可以用[amd](https://github.com/amdjs/amdjs-api/wiki/AMD)模块定义方式组织起来。
+ *
+ * AMD API 内部的简单不完全实现，请忽略。只有当WebUploader被合并成一个文件的时候才会引入。
+ */
+(function( root, factory ) {
+    var modules = {},
+
+        // 内部require, 简单不完全实现。
+        // https://github.com/amdjs/amdjs-api/wiki/require
+        _require = function( deps, callback ) {
+            var args, len, i;
+
+            // 如果deps不是数组，则直接返回指定module
+            if ( typeof deps === 'string' ) {
+                return getModule( deps );
+            } else {
+                args = [];
+                for( len = deps.length, i = 0; i < len; i++ ) {
+                    args.push( getModule( deps[ i ] ) );
+                }
+
+                return callback.apply( null, args );
+            }
+        },
+
+        // 内部define，暂时不支持不指定id.
+        _define = function( id, deps, factory ) {
+            if ( arguments.length === 2 ) {
+                factory = deps;
+                deps = null;
+            }
+
+            _require( deps || [], function() {
+                setModule( id, factory, arguments );
+            });
+        },
+
+        // 设置module, 兼容CommonJs写法。
+        setModule = function( id, factory, args ) {
+            var module = {
+                    exports: factory
+                },
+                returned;
+
+            if ( typeof factory === 'function' ) {
+                args.length || (args = [ _require, module.exports, module ]);
+                returned = factory.apply( null, args );
+                returned !== undefined && (module.exports = returned);
+            }
+
+            modules[ id ] = module.exports;
+        },
+
+        // 根据id获取module
+        getModule = function( id ) {
+            var module = modules[ id ] || root[ id ];
+
+            if ( !module ) {
+                throw new Error( '`' + id + '` is undefined' );
+            }
+
+            return module;
+        },
+
+        // 将所有modules，将路径ids装换成对象。
+        exportsTo = function( obj ) {
+            var key, host, parts, part, last, ucFirst;
+
+            // make the first character upper case.
+            ucFirst = function( str ) {
+                return str && (str.charAt( 0 ).toUpperCase() + str.substr( 1 ));
+            };
+
+            for ( key in modules ) {
+                host = obj;
+
+                if ( !modules.hasOwnProperty( key ) ) {
+                    continue;
+                }
+
+                parts = key.split('/');
+                last = ucFirst( parts.pop() );
+
+                while( (part = ucFirst( parts.shift() )) ) {
+                    host[ part ] = host[ part ] || {};
+                    host = host[ part ];
+                }
+
+                host[ last ] = modules[ key ];
+            }
+        },
+
+        exports = factory( root, _define, _require ),
+        origin;
+
+    // exports every module.
+    exportsTo( exports );
+
+    if ( typeof module === 'object' && typeof module.exports === 'object' ) {
+
+        // For CommonJS and CommonJS-like environments where a proper window is present,
+        module.exports = exports;
+    } else if ( typeof define === 'function' && define.amd ) {
+
+        // Allow using this built library as an AMD module
+        // in another project. That other project will only
+        // see this AMD call, not the internal modules in
+        // the closure below.
+        define([], exports );
+    } else {
+
+        // Browser globals case. Just assign the
+        // result to a property on the global.
+        origin = root.WebUploader;
+        root.WebUploader = exports;
+        root.WebUploader.noConflict = function() {
+            root.WebUploader = origin;
+        };
+    }
+})( this, function( window, define, require ) {
+
+
+    /**
+     * @fileOverview jQuery or Zepto
+     */
+    define('dollar-third',[],function() {
+        return window.jQuery || window.Zepto;
+    });
+    /**
+     * @fileOverview Dom 操作相关
+     */
+    define('dollar',[
+        'dollar-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 使用jQuery的Promise
+     */
+    define('promise-third',[
+        'dollar'
+    ], function( $ ) {
+        return {
+            Deferred: $.Deferred,
+            when: $.when,
+    
+            isPromise: function( anything ) {
+                return anything && typeof anything.then === 'function';
+            }
+        };
+    });
+    /**
+     * @fileOverview Promise/A+
+     */
+    define('promise',[
+        'promise-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 基础类方法。
+     */
+    
+    /**
+     * Web Uploader内部类的详细说明，以下提及的功能类，都可以在`WebUploader`这个变量中访问到。
+     *
+     * As you know, Web Uploader的每个文件都是用过[AMD](https://github.com/amdjs/amdjs-api/wiki/AMD)规范中的`define`组织起来的, 每个Module都会有个module id.
+     * 默认module id该文件的路径，而此路径将会转化成名字空间存放在WebUploader中。如：
+     *
+     * * module `base`：WebUploader.Base
+     * * module `file`: WebUploader.File
+     * * module `lib/dnd`: WebUploader.Lib.Dnd
+     * * module `runtime/html5/dnd`: WebUploader.Runtime.Html5.Dnd
+     *
+     *
+     * 以下文档将可能省略`WebUploader`前缀。
+     * @module WebUploader
+     * @title WebUploader API文档
+     */
+    define('base',[
+        'dollar',
+        'promise'
+    ], function( $, promise ) {
+    
+        var noop = function() {},
+            call = Function.call;
+    
+        // http://jsperf.com/uncurrythis
+        // 反科里化
+        function uncurryThis( fn ) {
+            return function() {
+                return call.apply( fn, arguments );
+            };
+        }
+    
+        function bindFn( fn, context ) {
+            return function() {
+                return fn.apply( context, arguments );
+            };
+        }
+    
+        function createObject( proto ) {
+            var f;
+    
+            if ( Object.create ) {
+                return Object.create( proto );
+            } else {
+                f = function() {};
+                f.prototype = proto;
+                return new f();
+            }
+        }
+    
+    
+        /**
+         * 基础类，提供一些简单常用的方法。
+         * @class Base
+         */
+        return {
+    
+            /**
+             * @property {String} version 当前版本号。
+             */
+            version: '0.1.2',
+    
+            /**
+             * @property {jQuery|Zepto} $ 引用依赖的jQuery或者Zepto对象。
+             */
+            $: $,
+    
+            Deferred: promise.Deferred,
+    
+            isPromise: promise.isPromise,
+    
+            when: promise.when,
+    
+            /**
+             * @description  简单的浏览器检查结果。
+             *
+             * * `webkit`  webkit版本号，如果浏览器为非webkit内核，此属性为`undefined`。
+             * * `chrome`  chrome浏览器版本号，如果浏览器为chrome，此属性为`undefined`。
+             * * `ie`  ie浏览器版本号，如果浏览器为非ie，此属性为`undefined`。**暂不支持ie10+**
+             * * `firefox`  firefox浏览器版本号，如果浏览器为非firefox，此属性为`undefined`。
+             * * `safari`  safari浏览器版本号，如果浏览器为非safari，此属性为`undefined`。
+             * * `opera`  opera浏览器版本号，如果浏览器为非opera，此属性为`undefined`。
+             *
+             * @property {Object} [browser]
+             */
+            browser: (function( ua ) {
+                var ret = {},
+                    webkit = ua.match( /WebKit\/([\d.]+)/ ),
+                    chrome = ua.match( /Chrome\/([\d.]+)/ ) ||
+                        ua.match( /CriOS\/([\d.]+)/ ),
+    
+                    ie = ua.match( /MSIE\s([\d\.]+)/ ) ||
+                        ua.match(/(?:trident)(?:.*rv:([\w.]+))?/i),
+                    firefox = ua.match( /Firefox\/([\d.]+)/ ),
+                    safari = ua.match( /Safari\/([\d.]+)/ ),
+                    opera = ua.match( /OPR\/([\d.]+)/ );
+    
+                webkit && (ret.webkit = parseFloat( webkit[ 1 ] ));
+                chrome && (ret.chrome = parseFloat( chrome[ 1 ] ));
+                ie && (ret.ie = parseFloat( ie[ 1 ] ));
+                firefox && (ret.firefox = parseFloat( firefox[ 1 ] ));
+                safari && (ret.safari = parseFloat( safari[ 1 ] ));
+                opera && (ret.opera = parseFloat( opera[ 1 ] ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
+            /**
+             * @description  操作系统检查结果。
+             *
+             * * `android`  如果在android浏览器环境下，此值为对应的android版本号，否则为`undefined`。
+             * * `ios` 如果在ios浏览器环境下，此值为对应的ios版本号，否则为`undefined`。
+             * @property {Object} [os]
+             */
+            os: (function( ua ) {
+                var ret = {},
+    
+                    // osx = !!ua.match( /\(Macintosh\; Intel / ),
+                    android = ua.match( /(?:Android);?[\s\/]+([\d.]+)?/ ),
+                    ios = ua.match( /(?:iPad|iPod|iPhone).*OS\s([\d_]+)/ );
+    
+                // osx && (ret.osx = true);
+                android && (ret.android = parseFloat( android[ 1 ] ));
+                ios && (ret.ios = parseFloat( ios[ 1 ].replace( /_/g, '.' ) ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
+            /**
+             * 实现类与类之间的继承。
+             * @method inherits
+             * @grammar Base.inherits( super ) => child
+             * @grammar Base.inherits( super, protos ) => child
+             * @grammar Base.inherits( super, protos, statics ) => child
+             * @param  {Class} super 父类
+             * @param  {Object | Function} [protos] 子类或者对象。如果对象中包含constructor，子类将是用此属性值。
+             * @param  {Function} [protos.constructor] 子类构造器，不指定的话将创建个临时的直接执行父类构造器的方法。
+             * @param  {Object} [statics] 静态属性或方法。
+             * @return {Class} 返回子类。
+             * @example
+             * function Person() {
+             *     console.log( 'Super' );
+             * }
+             * Person.prototype.hello = function() {
+             *     console.log( 'hello' );
+             * };
+             *
+             * var Manager = Base.inherits( Person, {
+             *     world: function() {
+             *         console.log( 'World' );
+             *     }
+             * });
+             *
+             * // 因为没有指定构造器，父类的构造器将会执行。
+             * var instance = new Manager();    // => Super
+             *
+             * // 继承子父类的方法
+             * instance.hello();    // => hello
+             * instance.world();    // => World
+             *
+             * // 子类的__super__属性指向父类
+             * console.log( Manager.__super__ === Person );    // => true
+             */
+            inherits: function( Super, protos, staticProtos ) {
+                var child;
+    
+                if ( typeof protos === 'function' ) {
+                    child = protos;
+                    protos = null;
+                } else if ( protos && protos.hasOwnProperty('constructor') ) {
+                    child = protos.constructor;
+                } else {
+                    child = function() {
+                        return Super.apply( this, arguments );
+                    };
+                }
+    
+                // 复制静态方法
+                $.extend( true, child, Super, staticProtos || {} );
+    
+                /* jshint camelcase: false */
+    
+                // 让子类的__super__属性指向父类。
+                child.__super__ = Super.prototype;
+    
+                // 构建原型，添加原型方法或属性。
+                // 暂时用Object.create实现。
+                child.prototype = createObject( Super.prototype );
+                protos && $.extend( true, child.prototype, protos );
+    
+                return child;
+            },
+    
+            /**
+             * 一个不做任何事情的方法。可以用来赋值给默认的callback.
+             * @method noop
+             */
+            noop: noop,
+    
+            /**
+             * 返回一个新的方法，此方法将已指定的`context`来执行。
+             * @grammar Base.bindFn( fn, context ) => Function
+             * @method bindFn
+             * @example
+             * var doSomething = function() {
+             *         console.log( this.name );
+             *     },
+             *     obj = {
+             *         name: 'Object Name'
+             *     },
+             *     aliasFn = Base.bind( doSomething, obj );
+             *
+             *  aliasFn();    // => Object Name
+             *
+             */
+            bindFn: bindFn,
+    
+            /**
+             * 引用Console.log如果存在的话，否则引用一个[空函数loop](#WebUploader:Base.log)。
+             * @grammar Base.log( args... ) => undefined
+             * @method log
+             */
+            log: (function() {
+                if ( window.console ) {
+                    return bindFn( console.log, console );
+                }
+                return noop;
+            })(),
+    
+            nextTick: (function() {
+    
+                return function( cb ) {
+                    setTimeout( cb, 1 );
+                };
+    
+                // @bug 当浏览器不在当前窗口时就停了。
+                // var next = window.requestAnimationFrame ||
+                //     window.webkitRequestAnimationFrame ||
+                //     window.mozRequestAnimationFrame ||
+                //     function( cb ) {
+                //         window.setTimeout( cb, 1000 / 60 );
+                //     };
+    
+                // // fix: Uncaught TypeError: Illegal invocation
+                // return bindFn( next, window );
+            })(),
+    
+            /**
+             * 被[uncurrythis](http://www.2ality.com/2011/11/uncurrying-this.html)的数组slice方法。
+             * 将用来将非数组对象转化成数组对象。
+             * @grammar Base.slice( target, start[, end] ) => Array
+             * @method slice
+             * @example
+             * function doSomthing() {
+             *     var args = Base.slice( arguments, 1 );
+             *     console.log( args );
+             * }
+             *
+             * doSomthing( 'ignored', 'arg2', 'arg3' );    // => Array ["arg2", "arg3"]
+             */
+            slice: uncurryThis( [].slice ),
+    
+            /**
+             * 生成唯一的ID
+             * @method guid
+             * @grammar Base.guid() => String
+             * @grammar Base.guid( prefx ) => String
+             */
+            guid: (function() {
+                var counter = 0;
+    
+                return function( prefix ) {
+                    var guid = (+new Date()).toString( 32 ),
+                        i = 0;
+    
+                    for ( ; i < 5; i++ ) {
+                        guid += Math.floor( Math.random() * 65535 ).toString( 32 );
+                    }
+    
+                    return (prefix || 'wu_') + guid + (counter++).toString( 32 );
+                };
+            })(),
+    
+            /**
+             * 格式化文件大小, 输出成带单位的字符串
+             * @method formatSize
+             * @grammar Base.formatSize( size ) => String
+             * @grammar Base.formatSize( size, pointLength ) => String
+             * @grammar Base.formatSize( size, pointLength, units ) => String
+             * @param {Number} size 文件大小
+             * @param {Number} [pointLength=2] 精确到的小数点数。
+             * @param {Array} [units=[ 'B', 'K', 'M', 'G', 'TB' ]] 单位数组。从字节，到千字节，一直往上指定。如果单位数组里面只指定了到了K(千字节)，同时文件大小大于M, 此方法的输出将还是显示成多少K.
+             * @example
+             * console.log( Base.formatSize( 100 ) );    // => 100B
+             * console.log( Base.formatSize( 1024 ) );    // => 1.00K
+             * console.log( Base.formatSize( 1024, 0 ) );    // => 1K
+             * console.log( Base.formatSize( 1024 * 1024 ) );    // => 1.00M
+             * console.log( Base.formatSize( 1024 * 1024 * 1024 ) );    // => 1.00G
+             * console.log( Base.formatSize( 1024 * 1024 * 1024, 0, ['B', 'KB', 'MB'] ) );    // => 1024MB
+             */
+            formatSize: function( size, pointLength, units ) {
+                var unit;
+    
+                units = units || [ 'B', 'K', 'M', 'G', 'TB' ];
+    
+                while ( (unit = units.shift()) && size > 1024 ) {
+                    size = size / 1024;
+                }
+    
+                return (unit === 'B' ? size : size.toFixed( pointLength || 2 )) +
+                        unit;
+            }
+        };
+    });
+    /**
+     * 事件处理类，可以独立使用，也可以扩展给对象使用。
+     * @fileOverview Mediator
+     */
+    define('mediator',[
+        'base'
+    ], function( Base ) {
+        var $ = Base.$,
+            slice = [].slice,
+            separator = /\s+/,
+            protos;
+    
+        // 根据条件过滤出事件handlers.
+        function findHandlers( arr, name, callback, context ) {
+            return $.grep( arr, function( handler ) {
+                return handler &&
+                        (!name || handler.e === name) &&
+                        (!callback || handler.cb === callback ||
+                        handler.cb._cb === callback) &&
+                        (!context || handler.ctx === context);
+            });
+        }
+    
+        function eachEvent( events, callback, iterator ) {
+            // 不支持对象，只支持多个event用空格隔开
+            $.each( (events || '').split( separator ), function( _, key ) {
+                iterator( key, callback );
+            });
+        }
+    
+        function triggerHanders( events, args ) {
+            var stoped = false,
+                i = -1,
+                len = events.length,
+                handler;
+    
+            while ( ++i < len ) {
+                handler = events[ i ];
+    
+                if ( handler.cb.apply( handler.ctx2, args ) === false ) {
+                    stoped = true;
+                    break;
+                }
+            }
+    
+            return !stoped;
+        }
+    
+        protos = {
+    
+            /**
+             * 绑定事件。
+             *
+             * `callback`方法在执行时，arguments将会来源于trigger的时候携带的参数。如
+             * ```javascript
+             * var obj = {};
+             *
+             * // 使得obj有事件行为
+             * Mediator.installTo( obj );
+             *
+             * obj.on( 'testa', function( arg1, arg2 ) {
+             *     console.log( arg1, arg2 ); // => 'arg1', 'arg2'
+             * });
+             *
+             * obj.trigger( 'testa', 'arg1', 'arg2' );
+             * ```
+             *
+             * 如果`callback`中，某一个方法`return false`了，则后续的其他`callback`都不会被执行到。
+             * 切会影响到`trigger`方法的返回值，为`false`。
+             *
+             * `on`还可以用来添加一个特殊事件`all`, 这样所有的事件触发都会响应到。同时此类`callback`中的arguments有一个不同处，
+             * 就是第一个参数为`type`，记录当前是什么事件在触发。此类`callback`的优先级比脚低，会再正常`callback`执行完后触发。
+             * ```javascript
+             * obj.on( 'all', function( type, arg1, arg2 ) {
+             *     console.log( type, arg1, arg2 ); // => 'testa', 'arg1', 'arg2'
+             * });
+             * ```
+             *
+             * @method on
+             * @grammar on( name, callback[, context] ) => self
+             * @param  {String}   name     事件名，支持多个事件用空格隔开
+             * @param  {Function} callback 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             * @class Mediator
+             */
+            on: function( name, callback, context ) {
+                var me = this,
+                    set;
+    
+                if ( !callback ) {
+                    return this;
+                }
+    
+                set = this._events || (this._events = []);
+    
+                eachEvent( name, callback, function( name, callback ) {
+                    var handler = { e: name };
+    
+                    handler.cb = callback;
+                    handler.ctx = context;
+                    handler.ctx2 = context || me;
+                    handler.id = set.length;
+    
+                    set.push( handler );
+                });
+    
+                return this;
+            },
+    
+            /**
+             * 绑定事件，且当handler执行完后，自动解除绑定。
+             * @method once
+             * @grammar once( name, callback[, context] ) => self
+             * @param  {String}   name     事件名
+             * @param  {Function} callback 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             */
+            once: function( name, callback, context ) {
+                var me = this;
+    
+                if ( !callback ) {
+                    return me;
+                }
+    
+                eachEvent( name, callback, function( name, callback ) {
+                    var once = function() {
+                            me.off( name, once );
+                            return callback.apply( context || me, arguments );
+                        };
+    
+                    once._cb = callback;
+                    me.on( name, once, context );
+                });
+    
+                return me;
+            },
+    
+            /**
+             * 解除事件绑定
+             * @method off
+             * @grammar off( [name[, callback[, context] ] ] ) => self
+             * @param  {String}   [name]     事件名
+             * @param  {Function} [callback] 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             */
+            off: function( name, cb, ctx ) {
+                var events = this._events;
+    
+                if ( !events ) {
+                    return this;
+                }
+    
+                if ( !name && !cb && !ctx ) {
+                    this._events = [];
+                    return this;
+                }
+    
+                eachEvent( name, cb, function( name, cb ) {
+                    $.each( findHandlers( events, name, cb, ctx ), function() {
+                        delete events[ this.id ];
+                    });
+                });
+    
+                return this;
+            },
+    
+            /**
+             * 触发事件
+             * @method trigger
+             * @grammar trigger( name[, args...] ) => self
+             * @param  {String}   type     事件名
+             * @param  {*} [...] 任意参数
+             * @return {Boolean} 如果handler中return false了，则返回false, 否则返回true
+             */
+            trigger: function( type ) {
+                var args, events, allEvents;
+    
+                if ( !this._events || !type ) {
+                    return this;
+                }
+    
+                args = slice.call( arguments, 1 );
+                events = findHandlers( this._events, type );
+                allEvents = findHandlers( this._events, 'all' );
+    
+                return triggerHanders( events, args ) &&
+                        triggerHanders( allEvents, arguments );
+            }
+        };
+    
+        /**
+         * 中介者，它本身是个单例，但可以通过[installTo](#WebUploader:Mediator:installTo)方法，使任何对象具备事件行为。
+         * 主要目的是负责模块与模块之间的合作，降低耦合度。
+         *
+         * @class Mediator
+         */
+        return $.extend({
+    
+            /**
+             * 可以通过这个接口，使任何对象具备事件功能。
+             * @method installTo
+             * @param  {Object} obj 需要具备事件行为的对象。
+             * @return {Object} 返回obj.
+             */
+            installTo: function( obj ) {
+                return $.extend( obj, protos );
+            }
+    
+        }, protos );
+    });
+    /**
+     * @fileOverview Uploader上传类
+     */
+    define('uploader',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$;
+    
+        /**
+         * 上传入口类。
+         * @class Uploader
+         * @constructor
+         * @grammar new Uploader( opts ) => Uploader
+         * @example
+         * var uploader = WebUploader.Uploader({
+         *     swf: 'path_of_swf/Uploader.swf',
+         *
+         *     // 开起分片上传。
+         *     chunked: true
+         * });
+         */
+        function Uploader( opts ) {
+            this.options = $.extend( true, {}, Uploader.options, opts );
+            this._init( this.options );
+        }
+    
+        // default Options
+        // widgets中有相应扩展
+        Uploader.options = {};
+        Mediator.installTo( Uploader.prototype );
+    
+        // 批量添加纯命令式方法。
+        $.each({
+            upload: 'start-upload',
+            stop: 'stop-upload',
+            getFile: 'get-file',
+            getFiles: 'get-files',
+            addFile: 'add-file',
+            addFiles: 'add-file',
+            sort: 'sort-files',
+            removeFile: 'remove-file',
+            skipFile: 'skip-file',
+            retry: 'retry',
+            isInProgress: 'is-in-progress',
+            makeThumb: 'make-thumb',
+            getDimension: 'get-dimension',
+            addButton: 'add-btn',
+            getRuntimeType: 'get-runtime-type',
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable',
+            reset: 'reset'
+        }, function( fn, command ) {
+            Uploader.prototype[ fn ] = function() {
+                return this.request( command, arguments );
+            };
+        });
+    
+        $.extend( Uploader.prototype, {
+            state: 'pending',
+    
+            _init: function( opts ) {
+                var me = this;
+    
+                me.request( 'init', opts, function() {
+                    me.state = 'ready';
+                    me.trigger('ready');
+                });
+            },
+    
+            /**
+             * 获取或者设置Uploader配置项。
+             * @method option
+             * @grammar option( key ) => *
+             * @grammar option( key, val ) => self
+             * @example
+             *
+             * // 初始状态图片上传前不会压缩
+             * var uploader = new WebUploader.Uploader({
+             *     resize: null;
+             * });
+             *
+             * // 修改后图片上传前，尝试将图片压缩到1600 * 1600
+             * uploader.options( 'resize', {
+             *     width: 1600,
+             *     height: 1600
+             * });
+             */
+            option: function( key, val ) {
+                var opts = this.options;
+    
+                // setter
+                if ( arguments.length > 1 ) {
+    
+                    if ( $.isPlainObject( val ) &&
+                            $.isPlainObject( opts[ key ] ) ) {
+                        $.extend( opts[ key ], val );
+                    } else {
+                        opts[ key ] = val;
+                    }
+    
+                } else {    // getter
+                    return key ? opts[ key ] : opts;
+                }
+            },
+    
+            /**
+             * 获取文件统计信息。返回一个包含一下信息的对象。
+             * * `successNum` 上传成功的文件数
+             * * `uploadFailNum` 上传失败的文件数
+             * * `cancelNum` 被删除的文件数
+             * * `invalidNum` 无效的文件数
+             * * `queueNum` 还在队列中的文件数
+             * @method getStats
+             * @grammar getStats() => Object
+             */
+            getStats: function() {
+                // return this._mgr.getStats.apply( this._mgr, arguments );
+                var stats = this.request('get-stats');
+    
+                return {
+                    successNum: stats.numOfSuccess,
+    
+                    // who care?
+                    // queueFailNum: 0,
+                    cancelNum: stats.numOfCancel,
+                    invalidNum: stats.numOfInvalid,
+                    uploadFailNum: stats.numOfUploadFailed,
+                    queueNum: stats.numOfQueue
+                };
+            },
+    
+            // 需要重写此方法来来支持opts.onEvent和instance.onEvent的处理器
+            trigger: function( type/*, args...*/ ) {
+                var args = [].slice.call( arguments, 1 ),
+                    opts = this.options,
+                    name = 'on' + type.substring( 0, 1 ).toUpperCase() +
+                        type.substring( 1 );
+    
+                if (
+                        // 调用通过on方法注册的handler.
+                        Mediator.trigger.apply( this, arguments ) === false ||
+    
+                        // 调用opts.onEvent
+                        $.isFunction( opts[ name ] ) &&
+                        opts[ name ].apply( this, args ) === false ||
+    
+                        // 调用this.onEvent
+                        $.isFunction( this[ name ] ) &&
+                        this[ name ].apply( this, args ) === false ||
+    
+                        // 广播所有uploader的事件。
+                        Mediator.trigger.apply( Mediator,
+                        [ this, type ].concat( args ) ) === false ) {
+    
+                    return false;
+                }
+    
+                return true;
+            },
+    
+            // widgets/widget.js将补充此方法的详细文档。
+            request: Base.noop
+        });
+    
+        /**
+         * 创建Uploader实例，等同于new Uploader( opts );
+         * @method create
+         * @class Base
+         * @static
+         * @grammar Base.create( opts ) => Uploader
+         */
+        Base.create = Uploader.create = function( opts ) {
+            return new Uploader( opts );
+        };
+    
+        // 暴露Uploader，可以通过它来扩展业务逻辑。
+        Base.Uploader = Uploader;
+    
+        return Uploader;
+    });
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/runtime',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$,
+            factories = {},
+    
+            // 获取对象的第一个key
+            getFirstKey = function( obj ) {
+                for ( var key in obj ) {
+                    if ( obj.hasOwnProperty( key ) ) {
+                        return key;
+                    }
+                }
+                return null;
+            };
+    
+        // 接口类。
+        function Runtime( options ) {
+            this.options = $.extend({
+                container: document.body
+            }, options );
+            this.uid = Base.guid('rt_');
+        }
+    
+        $.extend( Runtime.prototype, {
+    
+            getContainer: function() {
+                var opts = this.options,
+                    parent, container;
+    
+                if ( this._container ) {
+                    return this._container;
+                }
+    
+                parent = $( opts.container || document.body );
+                container = $( document.createElement('div') );
+    
+                container.attr( 'id', 'rt_' + this.uid );
+                container.css({
+                    position: 'absolute',
+                    top: '0px',
+                    left: '0px',
+                    width: '1px',
+                    height: '1px',
+                    overflow: 'hidden'
+                });
+    
+                parent.append( container );
+                parent.addClass('webuploader-container');
+                this._container = container;
+                return container;
+            },
+    
+            init: Base.noop,
+            exec: Base.noop,
+    
+            destroy: function() {
+                if ( this._container ) {
+                    this._container.parentNode.removeChild( this.__container );
+                }
+    
+                this.off();
+            }
+        });
+    
+        Runtime.orders = 'html5,flash';
+    
+    
+        /**
+         * 添加Runtime实现。
+         * @param {String} type    类型
+         * @param {Runtime} factory 具体Runtime实现。
+         */
+        Runtime.addRuntime = function( type, factory ) {
+            factories[ type ] = factory;
+        };
+    
+        Runtime.hasRuntime = function( type ) {
+            return !!(type ? factories[ type ] : getFirstKey( factories ));
+        };
+    
+        Runtime.create = function( opts, orders ) {
+            var type, runtime;
+    
+            orders = orders || Runtime.orders;
+            $.each( orders.split( /\s*,\s*/g ), function() {
+                if ( factories[ this ] ) {
+                    type = this;
+                    return false;
+                }
+            });
+    
+            type = type || getFirstKey( factories );
+    
+            if ( !type ) {
+                throw new Error('Runtime Error');
+            }
+    
+            runtime = new factories[ type ]( opts );
+            return runtime;
+        };
+    
+        Mediator.installTo( Runtime.prototype );
+        return Runtime;
+    });
+    
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/client',[
+        'base',
+        'mediator',
+        'runtime/runtime'
+    ], function( Base, Mediator, Runtime ) {
+    
+        var cache;
+    
+        cache = (function() {
+            var obj = {};
+    
+            return {
+                add: function( runtime ) {
+                    obj[ runtime.uid ] = runtime;
+                },
+    
+                get: function( ruid, standalone ) {
+                    var i;
+    
+                    if ( ruid ) {
+                        return obj[ ruid ];
+                    }
+    
+                    for ( i in obj ) {
+                        // 有些类型不能重用，比如filepicker.
+                        if ( standalone && obj[ i ].__standalone ) {
+                            continue;
+                        }
+    
+                        return obj[ i ];
+                    }
+    
+                    return null;
+                },
+    
+                remove: function( runtime ) {
+                    delete obj[ runtime.uid ];
+                }
+            };
+        })();
+    
+        function RuntimeClient( component, standalone ) {
+            var deferred = Base.Deferred(),
+                runtime;
+    
+            this.uid = Base.guid('client_');
+    
+            // 允许runtime没有初始化之前，注册一些方法在初始化后执行。
+            this.runtimeReady = function( cb ) {
+                return deferred.done( cb );
+            };
+    
+            this.connectRuntime = function( opts, cb ) {
+    
+                // already connected.
+                if ( runtime ) {
+                    throw new Error('already connected!');
+                }
+    
+                deferred.done( cb );
+    
+                if ( typeof opts === 'string' && cache.get( opts ) ) {
+                    runtime = cache.get( opts );
+                }
+    
+                // 像filePicker只能独立存在，不能公用。
+                runtime = runtime || cache.get( null, standalone );
+    
+                // 需要创建
+                if ( !runtime ) {
+                    runtime = Runtime.create( opts, opts.runtimeOrder );
+                    runtime.__promise = deferred.promise();
+                    runtime.once( 'ready', deferred.resolve );
+                    runtime.init();
+                    cache.add( runtime );
+                    runtime.__client = 1;
+                } else {
+                    // 来自cache
+                    Base.$.extend( runtime.options, opts );
+                    runtime.__promise.then( deferred.resolve );
+                    runtime.__client++;
+                }
+    
+                standalone && (runtime.__standalone = standalone);
+                return runtime;
+            };
+    
+            this.getRuntime = function() {
+                return runtime;
+            };
+    
+            this.disconnectRuntime = function() {
+                if ( !runtime ) {
+                    return;
+                }
+    
+                runtime.__client--;
+    
+                if ( runtime.__client <= 0 ) {
+                    cache.remove( runtime );
+                    delete runtime.__promise;
+                    runtime.destroy();
+                }
+    
+                runtime = null;
+            };
+    
+            this.exec = function() {
+                if ( !runtime ) {
+                    return;
+                }
+    
+                var args = Base.slice( arguments );
+                component && args.unshift( component );
+    
+                return runtime.exec.apply( this, args );
+            };
+    
+            this.getRuid = function() {
+                return runtime && runtime.uid;
+            };
+    
+            this.destroy = (function( destroy ) {
+                return function() {
+                    destroy && destroy.apply( this, arguments );
+                    this.trigger('destroy');
+                    this.off();
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                };
+            })( this.destroy );
+        }
+    
+        Mediator.installTo( RuntimeClient.prototype );
+        return RuntimeClient;
+    });
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/dnd',[
+        'base',
+        'mediator',
+        'runtime/client'
+    ], function( Base, Mediator, RuntimeClent ) {
+    
+        var $ = Base.$;
+    
+        function DragAndDrop( opts ) {
+            opts = this.options = $.extend({}, DragAndDrop.options, opts );
+    
+            opts.container = $( opts.container );
+    
+            if ( !opts.container.length ) {
+                return;
+            }
+    
+            RuntimeClent.call( this, 'DragAndDrop' );
+        }
+    
+        DragAndDrop.options = {
+            accept: null,
+            disableGlobalDnd: false
+        };
+    
+        Base.inherits( RuntimeClent, {
+            constructor: DragAndDrop,
+    
+            init: function() {
+                var me = this;
+    
+                me.connectRuntime( me.options, function() {
+                    me.exec('init');
+                    me.trigger('ready');
+                });
+            },
+    
+            destroy: function() {
+                this.disconnectRuntime();
+            }
+        });
+    
+        Mediator.installTo( DragAndDrop.prototype );
+    
+        return DragAndDrop;
+    });
+    /**
+     * @fileOverview 组件基类。
+     */
+    define('widgets/widget',[
+        'base',
+        'uploader'
+    ], function( Base, Uploader ) {
+    
+        var $ = Base.$,
+            _init = Uploader.prototype._init,
+            IGNORE = {},
+            widgetClass = [];
+    
+        function isArrayLike( obj ) {
+            if ( !obj ) {
+                return false;
+            }
+    
+            var length = obj.length,
+                type = $.type( obj );
+    
+            if ( obj.nodeType === 1 && length ) {
+                return true;
+            }
+    
+            return type === 'array' || type !== 'function' && type !== 'string' &&
+                    (length === 0 || typeof length === 'number' && length > 0 &&
+                    (length - 1) in obj);
+        }
+    
+        function Widget( uploader ) {
+            this.owner = uploader;
+            this.options = uploader.options;
+        }
+    
+        $.extend( Widget.prototype, {
+    
+            init: Base.noop,
+    
+            // 类Backbone的事件监听声明，监听uploader实例上的事件
+            // widget直接无法监听事件，事件只能通过uploader来传递
+            invoke: function( apiName, args ) {
+    
+                /*
+                    {
+                        'make-thumb': 'makeThumb'
+                    }
+                 */
+                var map = this.responseMap;
+    
+                // 如果无API响应声明则忽略
+                if ( !map || !(apiName in map) || !(map[ apiName ] in this) ||
+                        !$.isFunction( this[ map[ apiName ] ] ) ) {
+    
+                    return IGNORE;
+                }
+    
+                return this[ map[ apiName ] ].apply( this, args );
+    
+            },
+    
+            /**
+             * 发送命令。当传入`callback`或者`handler`中返回`promise`时。返回一个当所有`handler`中的promise都完成后完成的新`promise`。
+             * @method request
+             * @grammar request( command, args ) => * | Promise
+             * @grammar request( command, args, callback ) => Promise
+             * @for  Uploader
+             */
+            request: function() {
+                return this.owner.request.apply( this.owner, arguments );
+            }
+        });
+    
+        // 扩展Uploader.
+        $.extend( Uploader.prototype, {
+    
+            // 覆写_init用来初始化widgets
+            _init: function() {
+                var me = this,
+                    widgets = me._widgets = [];
+    
+                $.each( widgetClass, function( _, klass ) {
+                    widgets.push( new klass( me ) );
+                });
+    
+                return _init.apply( me, arguments );
+            },
+    
+            request: function( apiName, args, callback ) {
+                var i = 0,
+                    widgets = this._widgets,
+                    len = widgets.length,
+                    rlts = [],
+                    dfds = [],
+                    widget, rlt, promise, key;
+    
+                args = isArrayLike( args ) ? args : [ args ];
+    
+                for ( ; i < len; i++ ) {
+                    widget = widgets[ i ];
+                    rlt = widget.invoke( apiName, args );
+    
+                    if ( rlt !== IGNORE ) {
+    
+                        // Deferred对象
+                        if ( Base.isPromise( rlt ) ) {
+                            dfds.push( rlt );
+                        } else {
+                            rlts.push( rlt );
+                        }
+                    }
+                }
+    
+                // 如果有callback，则用异步方式。
+                if ( callback || dfds.length ) {
+                    promise = Base.when.apply( Base, dfds );
+                    key = promise.pipe ? 'pipe' : 'then';
+    
+                    // 很重要不能删除。删除了会死循环。
+                    // 保证执行顺序。让callback总是在下一个tick中执行。
+                    return promise[ key ](function() {
+                                var deferred = Base.Deferred(),
+                                    args = arguments;
+    
+                                setTimeout(function() {
+                                    deferred.resolve.apply( deferred, args );
+                                }, 1 );
+    
+                                return deferred.promise();
+                            })[ key ]( callback || Base.noop );
+                } else {
+                    return rlts[ 0 ];
+                }
+            }
+        });
+    
+        /**
+         * 添加组件
+         * @param  {object} widgetProto 组件原型，构造函数通过constructor属性定义
+         * @param  {object} responseMap API名称与函数实现的映射
+         * @example
+         *     Uploader.register( {
+         *         init: function( options ) {},
+         *         makeThumb: function() {}
+         *     }, {
+         *         'make-thumb': 'makeThumb'
+         *     } );
+         */
+        Uploader.register = Widget.register = function( responseMap, widgetProto ) {
+            var map = { init: 'init' },
+                klass;
+    
+            if ( arguments.length === 1 ) {
+                widgetProto = responseMap;
+                widgetProto.responseMap = map;
+            } else {
+                widgetProto.responseMap = $.extend( map, responseMap );
+            }
+    
+            klass = Base.inherits( Widget, widgetProto );
+            widgetClass.push( klass );
+    
+            return klass;
+        };
+    
+        return Widget;
+    });
+    /**
+     * @fileOverview DragAndDrop Widget。
+     */
+    define('widgets/filednd',[
+        'base',
+        'uploader',
+        'lib/dnd',
+        'widgets/widget'
+    ], function( Base, Uploader, Dnd ) {
+        var $ = Base.$;
+    
+        Uploader.options.dnd = '';
+    
+        /**
+         * @property {Selector} [dnd=undefined]  指定Drag And Drop拖拽的容器，如果不指定，则不启动。
+         * @namespace options
+         * @for Uploader
+         */
+    
+        /**
+         * @event dndAccept
+         * @param {DataTransferItemList} items DataTransferItem
+         * @description 阻止此事件可以拒绝某些类型的文件拖入进来。目前只有 chrome 提供这样的 API，且只能通过 mime-type 验证。
+         * @for  Uploader
+         */
+        return Uploader.register({
+            init: function( opts ) {
+    
+                if ( !opts.dnd ||
+                        this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                var me = this,
+                    deferred = Base.Deferred(),
+                    options = $.extend({}, {
+                        disableGlobalDnd: opts.disableGlobalDnd,
+                        container: opts.dnd,
+                        accept: opts.accept
+                    }),
+                    dnd;
+    
+                dnd = new Dnd( options );
+    
+                dnd.once( 'ready', deferred.resolve );
+                dnd.on( 'drop', function( files ) {
+                    me.request( 'add-file', [ files ]);
+                });
+    
+                // 检测文件是否全部允许添加。
+                dnd.on( 'accept', function( items ) {
+                    return me.owner.trigger( 'dndAccept', items );
+                });
+    
+                dnd.init();
+    
+                return deferred.promise();
+            }
+        });
+    });
+    
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/filepaste',[
+        'base',
+        'mediator',
+        'runtime/client'
+    ], function( Base, Mediator, RuntimeClent ) {
+    
+        var $ = Base.$;
+    
+        function FilePaste( opts ) {
+            opts = this.options = $.extend({}, opts );
+            opts.container = $( opts.container || document.body );
+            RuntimeClent.call( this, 'FilePaste' );
+        }
+    
+        Base.inherits( RuntimeClent, {
+            constructor: FilePaste,
+    
+            init: function() {
+                var me = this;
+    
+                me.connectRuntime( me.options, function() {
+                    me.exec('init');
+                    me.trigger('ready');
+                });
+            },
+    
+            destroy: function() {
+                this.exec('destroy');
+                this.disconnectRuntime();
+                this.off();
+            }
+        });
+    
+        Mediator.installTo( FilePaste.prototype );
+    
+        return FilePaste;
+    });
+    /**
+     * @fileOverview 组件基类。
+     */
+    define('widgets/filepaste',[
+        'base',
+        'uploader',
+        'lib/filepaste',
+        'widgets/widget'
+    ], function( Base, Uploader, FilePaste ) {
+        var $ = Base.$;
+    
+        /**
+         * @property {Selector} [paste=undefined]  指定监听paste事件的容器，如果不指定，不启用此功能。此功能为通过粘贴来添加截屏的图片。建议设置为`document.body`.
+         * @namespace options
+         * @for Uploader
+         */
+        return Uploader.register({
+            init: function( opts ) {
+    
+                if ( !opts.paste ||
+                        this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                var me = this,
+                    deferred = Base.Deferred(),
+                    options = $.extend({}, {
+                        container: opts.paste,
+                        accept: opts.accept
+                    }),
+                    paste;
+    
+                paste = new FilePaste( options );
+    
+                paste.once( 'ready', deferred.resolve );
+                paste.on( 'paste', function( files ) {
+                    me.owner.request( 'add-file', [ files ]);
+                });
+                paste.init();
+    
+                return deferred.promise();
+            }
+        });
+    });
+    /**
+     * @fileOverview Blob
+     */
+    define('lib/blob',[
+        'base',
+        'runtime/client'
+    ], function( Base, RuntimeClient ) {
+    
+        function Blob( ruid, source ) {
+            var me = this;
+    
+            me.source = source;
+            me.ruid = ruid;
+    
+            RuntimeClient.call( me, 'Blob' );
+    
+            this.uid = source.uid || this.uid;
+            this.type = source.type || '';
+            this.size = source.size || 0;
+    
+            if ( ruid ) {
+                me.connectRuntime( ruid );
+            }
+        }
+    
+        Base.inherits( RuntimeClient, {
+            constructor: Blob,
+    
+            slice: function( start, end ) {
+                return this.exec( 'slice', start, end );
+            },
+    
+            getSource: function() {
+                return this.source;
+            }
+        });
+    
+        return Blob;
+    });
+    /**
+     * 为了统一化Flash的File和HTML5的File而存在。
+     * 以至于要调用Flash里面的File，也可以像调用HTML5版本的File一下。
+     * @fileOverview File
+     */
+    define('lib/file',[
+        'base',
+        'lib/blob'
+    ], function( Base, Blob ) {
+    
+        var uid = 1,
+            rExt = /\.([^.]+)$/;
+    
+        function File( ruid, file ) {
+            var ext;
+    
+            Blob.apply( this, arguments );
+            this.name = file.name || ('untitled' + uid++);
+            ext = rExt.exec( file.name ) ? RegExp.$1.toLowerCase() : '';
+    
+            // todo 支持其他类型文件的转换。
+    
+            // 如果有mimetype, 但是文件名里面没有找出后缀规律
+            if ( !ext && this.type ) {
+                ext = /\/(jpg|jpeg|png|gif|bmp)$/i.exec( this.type ) ?
+                        RegExp.$1.toLowerCase() : '';
+                this.name += '.' + ext;
+            }
+    
+            // 如果没有指定mimetype, 但是知道文件后缀。
+            if ( !this.type &&  ~'jpg,jpeg,png,gif,bmp'.indexOf( ext ) ) {
+                this.type = 'image/' + (ext === 'jpg' ? 'jpeg' : ext);
+            }
+    
+            this.ext = ext;
+            this.lastModifiedDate = file.lastModifiedDate ||
+                    (new Date()).toLocaleString();
+        }
+    
+        return Base.inherits( Blob, File );
+    });
+    
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/filepicker',[
+        'base',
+        'runtime/client',
+        'lib/file'
+    ], function( Base, RuntimeClent, File ) {
+    
+        var $ = Base.$;
+    
+        function FilePicker( opts ) {
+            opts = this.options = $.extend({}, FilePicker.options, opts );
+    
+            opts.container = $( opts.id );
+    
+            if ( !opts.container.length ) {
+                throw new Error('按钮指定错误');
+            }
+    
+            opts.innerHTML = opts.innerHTML || opts.label ||
+                    opts.container.html() || '';
+    
+            opts.button = $( opts.button || document.createElement('div') );
+            opts.button.html( opts.innerHTML );
+            opts.container.html( opts.button );
+    
+            RuntimeClent.call( this, 'FilePicker', true );
+        }
+    
+        FilePicker.options = {
+            button: null,
+            container: null,
+            label: null,
+            innerHTML: null,
+            multiple: true,
+            accept: null,
+            name: 'file'
+        };
+    
+        Base.inherits( RuntimeClent, {
+            constructor: FilePicker,
+    
+            init: function() {
+                var me = this,
+                    opts = me.options,
+                    button = opts.button;
+    
+                button.addClass('webuploader-pick');
+    
+                me.on( 'all', function( type ) {
+                    var files;
+    
+                    switch ( type ) {
+                        case 'mouseenter':
+                            button.addClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'mouseleave':
+                            button.removeClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'change':
+                            files = me.exec('getFiles');
+                            me.trigger( 'select', $.map( files, function( file ) {
+                                file = new File( me.getRuid(), file );
+    
+                                // 记录来源。
+                                file._refer = opts.container;
+                                return file;
+                            }), opts.container );
+                            break;
+                    }
+                });
+    
+                me.connectRuntime( opts, function() {
+                    me.refresh();
+                    me.exec( 'init', opts );
+                    me.trigger('ready');
+                });
+    
+                $( window ).on( 'resize', function() {
+                    me.refresh();
+                });
+            },
+    
+            refresh: function() {
+                var shimContainer = this.getRuntime().getContainer(),
+                    button = this.options.button,
+                    width = button.outerWidth ?
+                            button.outerWidth() : button.width(),
+    
+                    height = button.outerHeight ?
+                            button.outerHeight() : button.height(),
+    
+                    pos = button.offset();
+    
+                width && height && shimContainer.css({
+                    bottom: 'auto',
+                    right: 'auto',
+                    width: width + 'px',
+                    height: height + 'px'
+                }).offset( pos );
+            },
+    
+            enable: function() {
+                var btn = this.options.button;
+    
+                btn.removeClass('webuploader-pick-disable');
+                this.refresh();
+            },
+    
+            disable: function() {
+                var btn = this.options.button;
+    
+                this.getRuntime().getContainer().css({
+                    top: '-99999px'
+                });
+    
+                btn.addClass('webuploader-pick-disable');
+            },
+    
+            destroy: function() {
+                if ( this.runtime ) {
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                }
+            }
+        });
+    
+        return FilePicker;
+    });
+    
+    /**
+     * @fileOverview 文件选择相关
+     */
+    define('widgets/filepicker',[
+        'base',
+        'uploader',
+        'lib/filepicker',
+        'widgets/widget'
+    ], function( Base, Uploader, FilePicker ) {
+        var $ = Base.$;
+    
+        $.extend( Uploader.options, {
+    
+            /**
+             * @property {Selector | Object} [pick=undefined]
+             * @namespace options
+             * @for Uploader
+             * @description 指定选择文件的按钮容器，不指定则不创建按钮。
+             *
+             * * `id` {Seletor} 指定选择文件的按钮容器，不指定则不创建按钮。
+             * * `label` {String} 请采用 `innerHTML` 代替
+             * * `innerHTML` {String} 指定按钮文字。不指定时优先从指定的容器中看是否自带文字。
+             * * `multiple` {Boolean} 是否开起同时选择多个文件能力。
+             */
+            pick: null,
+    
+            /**
+             * @property {Arroy} [accept=null]
+             * @namespace options
+             * @for Uploader
+             * @description 指定接受哪些类型的文件。 由于目前还有ext转mimeType表，所以这里需要分开指定。
+             *
+             * * `title` {String} 文字描述
+             * * `extensions` {String} 允许的文件后缀，不带点，多个用逗号分割。
+             * * `mimeTypes` {String} 多个用逗号分割。
+             *
+             * 如：
+             *
+             * ```
+             * {
+             *     title: 'Images',
+             *     extensions: 'gif,jpg,jpeg,bmp,png',
+             *     mimeTypes: 'image/*'
+             * }
+             * ```
+             */
+            accept: null/*{
+                title: 'Images',
+                extensions: 'gif,jpg,jpeg,bmp,png',
+                mimeTypes: 'image/*'
+            }*/
+        });
+    
+        return Uploader.register({
+            'add-btn': 'addButton',
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable'
+        }, {
+    
+            init: function( opts ) {
+                this.pickers = [];
+                return opts.pick && this.addButton( opts.pick );
+            },
+    
+            refresh: function() {
+                $.each( this.pickers, function() {
+                    this.refresh();
+                });
+            },
+    
+            /**
+             * @method addButton
+             * @for Uploader
+             * @grammar addButton( pick ) => Promise
+             * @description
+             * 添加文件选择按钮，如果一个按钮不够，需要调用此方法来添加。参数跟[options.pick](#WebUploader:Uploader:options)一致。
+             * @example
+             * uploader.addButton({
+             *     id: '#btnContainer',
+             *     innerHTML: '选择文件'
+             * });
+             */
+            addButton: function( pick ) {
+                var me = this,
+                    opts = me.options,
+                    accept = opts.accept,
+                    options, picker, deferred;
+    
+                if ( !pick ) {
+                    return;
+                }
+    
+                deferred = Base.Deferred();
+                $.isPlainObject( pick ) || (pick = {
+                    id: pick
+                });
+    
+                options = $.extend({}, pick, {
+                    accept: $.isPlainObject( accept ) ? [ accept ] : accept,
+                    swf: opts.swf,
+                    runtimeOrder: opts.runtimeOrder
+                });
+    
+                picker = new FilePicker( options );
+    
+                picker.once( 'ready', deferred.resolve );
+                picker.on( 'select', function( files ) {
+                    me.owner.request( 'add-file', [ files ]);
+                });
+                picker.init();
+    
+                this.pickers.push( picker );
+    
+                return deferred.promise();
+            },
+    
+            disable: function() {
+                $.each( this.pickers, function() {
+                    this.disable();
+                });
+            },
+    
+            enable: function() {
+                $.each( this.pickers, function() {
+                    this.enable();
+                });
+            }
+        });
+    });
+    /**
+     * @fileOverview Image
+     */
+    define('lib/image',[
+        'base',
+        'runtime/client',
+        'lib/blob'
+    ], function( Base, RuntimeClient, Blob ) {
+        var $ = Base.$;
+    
+        // 构造器。
+        function Image( opts ) {
+            this.options = $.extend({}, Image.options, opts );
+            RuntimeClient.call( this, 'Image' );
+    
+            this.on( 'load', function() {
+                this._info = this.exec('info');
+                this._meta = this.exec('meta');
+            });
+        }
+    
+        // 默认选项。
+        Image.options = {
+    
+            // 默认的图片处理质量
+            quality: 90,
+    
+            // 是否裁剪
+            crop: false,
+    
+            // 是否保留头部信息
+            preserveHeaders: true,
+    
+            // 是否允许放大。
+            allowMagnify: true
+        };
+    
+        // 继承RuntimeClient.
+        Base.inherits( RuntimeClient, {
+            constructor: Image,
+    
+            info: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._info = val;
+                    return this;
+                }
+    
+                // getter
+                return this._info;
+            },
+    
+            meta: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._meta = val;
+                    return this;
+                }
+    
+                // getter
+                return this._meta;
+            },
+    
+            loadFromBlob: function( blob ) {
+                var me = this,
+                    ruid = blob.getRuid();
+    
+                this.connectRuntime( ruid, function() {
+                    me.exec( 'init', me.options );
+                    me.exec( 'loadFromBlob', blob );
+                });
+            },
+    
+            resize: function() {
+                var args = Base.slice( arguments );
+                return this.exec.apply( this, [ 'resize' ].concat( args ) );
+            },
+    
+            getAsDataUrl: function( type ) {
+                return this.exec( 'getAsDataUrl', type );
+            },
+    
+            getAsBlob: function( type ) {
+                var blob = this.exec( 'getAsBlob', type );
+    
+                return new Blob( this.getRuid(), blob );
+            }
+        });
+    
+        return Image;
+    });
+    /**
+     * @fileOverview 图片操作, 负责预览图片和上传前压缩图片
+     */
+    define('widgets/image',[
+        'base',
+        'uploader',
+        'lib/image',
+        'widgets/widget'
+    ], function( Base, Uploader, Image ) {
+    
+        var $ = Base.$,
+            throttle;
+    
+        // 根据要处理的文件大小来节流，一次不能处理太多，会卡。
+        throttle = (function( max ) {
+            var occupied = 0,
+                waiting = [],
+                tick = function() {
+                    var item;
+    
+                    while ( waiting.length && occupied < max ) {
+                        item = waiting.shift();
+                        occupied += item[ 0 ];
+                        item[ 1 ]();
+                    }
+                };
+    
+            return function( emiter, size, cb ) {
+                waiting.push([ size, cb ]);
+                emiter.once( 'destroy', function() {
+                    occupied -= size;
+                    setTimeout( tick, 1 );
+                });
+                setTimeout( tick, 1 );
+            };
+        })( 5 * 1024 * 1024 );
+    
+        $.extend( Uploader.options, {
+    
+            /**
+             * @property {Object} [thumb]
+             * @namespace options
+             * @for Uploader
+             * @description 配置生成缩略图的选项。
+             *
+             * 默认为：
+             *
+             * ```javascript
+             * {
+             *     width: 110,
+             *     height: 110,
+             *
+             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
+             *     quality: 70,
+             *
+             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+             *     allowMagnify: true,
+             *
+             *     // 是否允许裁剪。
+             *     crop: true,
+             *
+             *     // 是否保留头部meta信息。
+             *     preserveHeaders: false,
+             *
+             *     // 为空的话则保留原有图片格式。
+             *     // 否则强制转换成指定的类型。
+             *     type: 'image/jpeg'
+             * }
+             * ```
+             */
+            thumb: {
+                width: 110,
+                height: 110,
+                quality: 70,
+                allowMagnify: true,
+                crop: true,
+                preserveHeaders: false,
+    
+                // 为空的话则保留原有图片格式。
+                // 否则强制转换成指定的类型。
+                // IE 8下面 base64 大小不能超过 32K 否则预览失败，而非 jpeg 编码的图片很可
+                // 能会超过 32k, 所以这里设置成预览的时候都是 image/jpeg
+                type: 'image/jpeg'
+            },
+    
+            /**
+             * @property {Object} [compress]
+             * @namespace options
+             * @for Uploader
+             * @description 配置压缩的图片的选项。如果此选项为`false`, 则图片在上传前不进行压缩。
+             *
+             * 默认为：
+             *
+             * ```javascript
+             * {
+             *     width: 1600,
+             *     height: 1600,
+             *
+             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
+             *     quality: 90,
+             *
+             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+             *     allowMagnify: false,
+             *
+             *     // 是否允许裁剪。
+             *     crop: false,
+             *
+             *     // 是否保留头部meta信息。
+             *     preserveHeaders: true
+             * }
+             * ```
+             */
+            compress: {
+                width: 1600,
+                height: 1600,
+                quality: 90,
+                allowMagnify: false,
+                crop: false,
+                preserveHeaders: true
+            }
+        });
+    
+        return Uploader.register({
+            'make-thumb': 'makeThumb',
+            'before-send-file': 'compressImage'
+        }, {
+    
+    
+            /**
+             * 生成缩略图，此过程为异步，所以需要传入`callback`。
+             * 通常情况在图片加入队里后调用此方法来生成预览图以增强交互效果。
+             *
+             * `callback`中可以接收到两个参数。
+             * * 第一个为error，如果生成缩略图有错误，此error将为真。
+             * * 第二个为ret, 缩略图的Data URL值。
+             *
+             * **注意**
+             * Date URL在IE6/7中不支持，所以不用调用此方法了，直接显示一张暂不支持预览图片好了。
+             *
+             *
+             * @method makeThumb
+             * @grammar makeThumb( file, callback ) => undefined
+             * @grammar makeThumb( file, callback, width, height ) => undefined
+             * @for Uploader
+             * @example
+             *
+             * uploader.on( 'fileQueued', function( file ) {
+             *     var $li = ...;
+             *
+             *     uploader.makeThumb( file, function( error, ret ) {
+             *         if ( error ) {
+             *             $li.text('预览错误');
+             *         } else {
+             *             $li.append('<img alt="" src="' + ret + '" />');
+             *         }
+             *     });
+             *
+             * });
+             */
+            makeThumb: function( file, cb, width, height ) {
+                var opts, image;
+    
+                file = this.request( 'get-file', file );
+    
+                // 只预览图片格式。
+                if ( !file.type.match( /^image/ ) ) {
+                    cb( true );
+                    return;
+                }
+    
+                opts = $.extend({}, this.options.thumb );
+    
+                // 如果传入的是object.
+                if ( $.isPlainObject( width ) ) {
+                    opts = $.extend( opts, width );
+                    width = null;
+                }
+    
+                width = width || opts.width;
+                height = height || opts.height;
+    
+                image = new Image( opts );
+    
+                image.once( 'load', function() {
+                    file._info = file._info || image.info();
+                    file._meta = file._meta || image.meta();
+                    image.resize( width, height );
+                });
+    
+                image.once( 'complete', function() {
+                    cb( false, image.getAsDataUrl( opts.type ) );
+                    image.destroy();
+                });
+    
+                image.once( 'error', function() {
+                    cb( true );
+                    image.destroy();
+                });
+    
+                throttle( image, file.source.size, function() {
+                    file._info && image.info( file._info );
+                    file._meta && image.meta( file._meta );
+                    image.loadFromBlob( file.source );
+                });
+            },
+    
+            compressImage: function( file ) {
+                var opts = this.options.compress || this.options.resize,
+                    compressSize = opts && opts.compressSize || 300 * 1024,
+                    image, deferred;
+    
+                file = this.request( 'get-file', file );
+    
+                // 只预览图片格式。
+                if ( !opts || !~'image/jpeg,image/jpg'.indexOf( file.type ) ||
+                        file.size < compressSize ||
+                        file._compressed ) {
+                    return;
+                }
+    
+                opts = $.extend({}, opts );
+                deferred = Base.Deferred();
+    
+                image = new Image( opts );
+    
+                deferred.always(function() {
+                    image.destroy();
+                    image = null;
+                });
+                image.once( 'error', deferred.reject );
+                image.once( 'load', function() {
+                    file._info = file._info || image.info();
+                    file._meta = file._meta || image.meta();
+                    image.resize( opts.width, opts.height );
+                });
+    
+                image.once( 'complete', function() {
+                    var blob, size;
+    
+                    // 移动端 UC / qq 浏览器的无图模式下
+                    // ctx.getImageData 处理大图的时候会报 Exception
+                    // INDEX_SIZE_ERR: DOM Exception 1
+                    try {
+                        blob = image.getAsBlob( opts.type );
+    
+                        size = file.size;
+    
+                        // 如果压缩后，比原来还大则不用压缩后的。
+                        if ( blob.size < size ) {
+                            // file.source.destroy && file.source.destroy();
+                            file.source = blob;
+                            file.size = blob.size;
+    
+                            file.trigger( 'resize', blob.size, size );
+                        }
+    
+                        // 标记，避免重复压缩。
+                        file._compressed = true;
+                        deferred.resolve();
+                    } catch ( e ) {
+                        // 出错了直接继续，让其上传原始图片
+                        deferred.resolve();
+                    }
+                });
+    
+                file._info && image.info( file._info );
+                file._meta && image.meta( file._meta );
+    
+                image.loadFromBlob( file.source );
+                return deferred.promise();
+            }
+        });
+    });
+    /**
+     * @fileOverview 文件属性封装
+     */
+    define('file',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$,
+            idPrefix = 'WU_FILE_',
+            idSuffix = 0,
+            rExt = /\.([^.]+)$/,
+            statusMap = {};
+    
+        function gid() {
+            return idPrefix + idSuffix++;
+        }
+    
+        /**
+         * 文件类
+         * @class File
+         * @constructor 构造函数
+         * @grammar new File( source ) => File
+         * @param {Lib.File} source [lib.File](#Lib.File)实例, 此source对象是带有Runtime信息的。
+         */
+        function WUFile( source ) {
+    
+            /**
+             * 文件名，包括扩展名（后缀）
+             * @property name
+             * @type {string}
+             */
+            this.name = source.name || 'Untitled';
+    
+            /**
+             * 文件体积（字节）
+             * @property size
+             * @type {uint}
+             * @default 0
+             */
+            this.size = source.size || 0;
+    
+            /**
+             * 文件MIMETYPE类型，与文件类型的对应关系请参考[http://t.cn/z8ZnFny](http://t.cn/z8ZnFny)
+             * @property type
+             * @type {string}
+             * @default 'application'
+             */
+            this.type = source.type || 'application';
+    
+            /**
+             * 文件最后修改日期
+             * @property lastModifiedDate
+             * @type {int}
+             * @default 当前时间戳
+             */
+            this.lastModifiedDate = source.lastModifiedDate || (new Date() * 1);
+    
+            /**
+             * 文件ID，每个对象具有唯一ID，与文件名无关
+             * @property id
+             * @type {string}
+             */
+            this.id = gid();
+    
+            /**
+             * 文件扩展名，通过文件名获取，例如test.png的扩展名为png
+             * @property ext
+             * @type {string}
+             */
+            this.ext = rExt.exec( this.name ) ? RegExp.$1 : '';
+    
+    
+            /**
+             * 状态文字说明。在不同的status语境下有不同的用途。
+             * @property statusText
+             * @type {string}
+             */
+            this.statusText = '';
+    
+            // 存储文件状态，防止通过属性直接修改
+            statusMap[ this.id ] = WUFile.Status.INITED;
+    
+            this.source = source;
+            this.loaded = 0;
+    
+            this.on( 'error', function( msg ) {
+                this.setStatus( WUFile.Status.ERROR, msg );
+            });
+        }
+    
+        $.extend( WUFile.prototype, {
+    
+            /**
+             * 设置状态，状态变化时会触发`change`事件。
+             * @method setStatus
+             * @grammar setStatus( status[, statusText] );
+             * @param {File.Status|String} status [文件状态值](#WebUploader:File:File.Status)
+             * @param {String} [statusText=''] 状态说明，常在error时使用，用http, abort,server等来标记是由于什么原因导致文件错误。
+             */
+            setStatus: function( status, text ) {
+    
+                var prevStatus = statusMap[ this.id ];
+    
+                typeof text !== 'undefined' && (this.statusText = text);
+    
+                if ( status !== prevStatus ) {
+                    statusMap[ this.id ] = status;
+                    /**
+                     * 文件状态变化
+                     * @event statuschange
+                     */
+                    this.trigger( 'statuschange', status, prevStatus );
+                }
+    
+            },
+    
+            /**
+             * 获取文件状态
+             * @return {File.Status}
+             * @example
+                     文件状态具体包括以下几种类型：
+                     {
+                         // 初始化
+                        INITED:     0,
+                        // 已入队列
+                        QUEUED:     1,
+                        // 正在上传
+                        PROGRESS:     2,
+                        // 上传出错
+                        ERROR:         3,
+                        // 上传成功
+                        COMPLETE:     4,
+                        // 上传取消
+                        CANCELLED:     5
+                    }
+             */
+            getStatus: function() {
+                return statusMap[ this.id ];
+            },
+    
+            /**
+             * 获取文件原始信息。
+             * @return {*}
+             */
+            getSource: function() {
+                return this.source;
+            },
+    
+            destory: function() {
+                delete statusMap[ this.id ];
+            }
+        });
+    
+        Mediator.installTo( WUFile.prototype );
+    
+        /**
+         * 文件状态值，具体包括以下几种类型：
+         * * `inited` 初始状态
+         * * `queued` 已经进入队列, 等待上传
+         * * `progress` 上传中
+         * * `complete` 上传完成。
+         * * `error` 上传出错，可重试
+         * * `interrupt` 上传中断，可续传。
+         * * `invalid` 文件不合格，不能重试上传。会自动从队列中移除。
+         * * `cancelled` 文件被移除。
+         * @property {Object} Status
+         * @namespace File
+         * @class File
+         * @static
+         */
+        WUFile.Status = {
+            INITED:     'inited',    // 初始状态
+            QUEUED:     'queued',    // 已经进入队列, 等待上传
+            PROGRESS:   'progress',    // 上传中
+            ERROR:      'error',    // 上传出错，可重试
+            COMPLETE:   'complete',    // 上传完成。
+            CANCELLED:  'cancelled',    // 上传取消。
+            INTERRUPT:  'interrupt',    // 上传中断，可续传。
+            INVALID:    'invalid'    // 文件不合格，不能重试上传。
+        };
+    
+        return WUFile;
+    });
+    
+    /**
+     * @fileOverview 文件队列
+     */
+    define('queue',[
+        'base',
+        'mediator',
+        'file'
+    ], function( Base, Mediator, WUFile ) {
+    
+        var $ = Base.$,
+            STATUS = WUFile.Status;
+    
+        /**
+         * 文件队列, 用来存储各个状态中的文件。
+         * @class Queue
+         * @extends Mediator
+         */
+        function Queue() {
+    
+            /**
+             * 统计文件数。
+             * * `numOfQueue` 队列中的文件数。
+             * * `numOfSuccess` 上传成功的文件数
+             * * `numOfCancel` 被移除的文件数
+             * * `numOfProgress` 正在上传中的文件数
+             * * `numOfUploadFailed` 上传错误的文件数。
+             * * `numOfInvalid` 无效的文件数。
+             * @property {Object} stats
+             */
+            this.stats = {
+                numOfQueue: 0,
+                numOfSuccess: 0,
+                numOfCancel: 0,
+                numOfProgress: 0,
+                numOfUploadFailed: 0,
+                numOfInvalid: 0
+            };
+    
+            // 上传队列，仅包括等待上传的文件
+            this._queue = [];
+    
+            // 存储所有文件
+            this._map = {};
+        }
+    
+        $.extend( Queue.prototype, {
+    
+            /**
+             * 将新文件加入对队列尾部
+             *
+             * @method append
+             * @param  {File} file   文件对象
+             */
+            append: function( file ) {
+                this._queue.push( file );
+                this._fileAdded( file );
+                return this;
+            },
+    
+            /**
+             * 将新文件加入对队列头部
+             *
+             * @method prepend
+             * @param  {File} file   文件对象
+             */
+            prepend: function( file ) {
+                this._queue.unshift( file );
+                this._fileAdded( file );
+                return this;
+            },
+    
+            /**
+             * 获取文件对象
+             *
+             * @method getFile
+             * @param  {String} fileId   文件ID
+             * @return {File}
+             */
+            getFile: function( fileId ) {
+                if ( typeof fileId !== 'string' ) {
+                    return fileId;
+                }
+                return this._map[ fileId ];
+            },
+    
+            /**
+             * 从队列中取出一个指定状态的文件。
+             * @grammar fetch( status ) => File
+             * @method fetch
+             * @param {String} status [文件状态值](#WebUploader:File:File.Status)
+             * @return {File} [File](#WebUploader:File)
+             */
+            fetch: function( status ) {
+                var len = this._queue.length,
+                    i, file;
+    
+                status = status || STATUS.QUEUED;
+    
+                for ( i = 0; i < len; i++ ) {
+                    file = this._queue[ i ];
+    
+                    if ( status === file.getStatus() ) {
+                        return file;
+                    }
+                }
+    
+                return null;
+            },
+    
+            /**
+             * 对队列进行排序，能够控制文件上传顺序。
+             * @grammar sort( fn ) => undefined
+             * @method sort
+             * @param {Function} fn 排序方法
+             */
+            sort: function( fn ) {
+                if ( typeof fn === 'function' ) {
+                    this._queue.sort( fn );
+                }
+            },
+    
+            /**
+             * 获取指定类型的文件列表, 列表中每一个成员为[File](#WebUploader:File)对象。
+             * @grammar getFiles( [status1[, status2 ...]] ) => Array
+             * @method getFiles
+             * @param {String} [status] [文件状态值](#WebUploader:File:File.Status)
+             */
+            getFiles: function() {
+                var sts = [].slice.call( arguments, 0 ),
+                    ret = [],
+                    i = 0,
+                    len = this._queue.length,
+                    file;
+    
+                for ( ; i < len; i++ ) {
+                    file = this._queue[ i ];
+    
+                    if ( sts.length && !~$.inArray( file.getStatus(), sts ) ) {
+                        continue;
+                    }
+    
+                    ret.push( file );
+                }
+    
+                return ret;
+            },
+    
+            _fileAdded: function( file ) {
+                var me = this,
+                    existing = this._map[ file.id ];
+    
+                if ( !existing ) {
+                    this._map[ file.id ] = file;
+    
+                    file.on( 'statuschange', function( cur, pre ) {
+                        me._onFileStatusChange( cur, pre );
+                    });
+                }
+    
+                file.setStatus( STATUS.QUEUED );
+            },
+    
+            _onFileStatusChange: function( curStatus, preStatus ) {
+                var stats = this.stats;
+    
+                switch ( preStatus ) {
+                    case STATUS.PROGRESS:
+                        stats.numOfProgress--;
+                        break;
+    
+                    case STATUS.QUEUED:
+                        stats.numOfQueue --;
+                        break;
+    
+                    case STATUS.ERROR:
+                        stats.numOfUploadFailed--;
+                        break;
+    
+                    case STATUS.INVALID:
+                        stats.numOfInvalid--;
+                        break;
+                }
+    
+                switch ( curStatus ) {
+                    case STATUS.QUEUED:
+                        stats.numOfQueue++;
+                        break;
+    
+                    case STATUS.PROGRESS:
+                        stats.numOfProgress++;
+                        break;
+    
+                    case STATUS.ERROR:
+                        stats.numOfUploadFailed++;
+                        break;
+    
+                    case STATUS.COMPLETE:
+                        stats.numOfSuccess++;
+                        break;
+    
+                    case STATUS.CANCELLED:
+                        stats.numOfCancel++;
+                        break;
+    
+                    case STATUS.INVALID:
+                        stats.numOfInvalid++;
+                        break;
+                }
+            }
+    
+        });
+    
+        Mediator.installTo( Queue.prototype );
+    
+        return Queue;
+    });
+    /**
+     * @fileOverview 队列
+     */
+    define('widgets/queue',[
+        'base',
+        'uploader',
+        'queue',
+        'file',
+        'lib/file',
+        'runtime/client',
+        'widgets/widget'
+    ], function( Base, Uploader, Queue, WUFile, File, RuntimeClient ) {
+    
+        var $ = Base.$,
+            rExt = /\.\w+$/,
+            Status = WUFile.Status;
+    
+        return Uploader.register({
+            'sort-files': 'sortFiles',
+            'add-file': 'addFiles',
+            'get-file': 'getFile',
+            'fetch-file': 'fetchFile',
+            'get-stats': 'getStats',
+            'get-files': 'getFiles',
+            'remove-file': 'removeFile',
+            'retry': 'retry',
+            'reset': 'reset',
+            'accept-file': 'acceptFile'
+        }, {
+    
+            init: function( opts ) {
+                var me = this,
+                    deferred, len, i, item, arr, accept, runtime;
+    
+                if ( $.isPlainObject( opts.accept ) ) {
+                    opts.accept = [ opts.accept ];
+                }
+    
+                // accept中的中生成匹配正则。
+                if ( opts.accept ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        item = opts.accept[ i ].extensions;
+                        item && arr.push( item );
+                    }
+    
+                    if ( arr.length ) {
+                        accept = '\\.' + arr.join(',')
+                                .replace( /,/g, '$|\\.' )
+                                .replace( /\*/g, '.*' ) + '$';
+                    }
+    
+                    me.accept = new RegExp( accept, 'i' );
+                }
+    
+                me.queue = new Queue();
+                me.stats = me.queue.stats;
+    
+                // 如果当前不是html5运行时，那就算了。
+                // 不执行后续操作
+                if ( this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                // 创建一个 html5 运行时的 placeholder
+                // 以至于外部添加原生 File 对象的时候能正确包裹一下供 webuploader 使用。
+                deferred = Base.Deferred();
+                runtime = new RuntimeClient('Placeholder');
+                runtime.connectRuntime({
+                    runtimeOrder: 'html5'
+                }, function() {
+                    me._ruid = runtime.getRuid();
+                    deferred.resolve();
+                });
+                return deferred.promise();
+            },
+    
+    
+            // 为了支持外部直接添加一个原生File对象。
+            _wrapFile: function( file ) {
+                if ( !(file instanceof WUFile) ) {
+    
+                    if ( !(file instanceof File) ) {
+                        if ( !this._ruid ) {
+                            throw new Error('Can\'t add external files.');
+                        }
+                        file = new File( this._ruid, file );
+                    }
+    
+                    file = new WUFile( file );
+                }
+    
+                return file;
+            },
+    
+            // 判断文件是否可以被加入队列
+            acceptFile: function( file ) {
+                var invalid = !file || file.size < 6 || this.accept &&
+    
+                        // 如果名字中有后缀，才做后缀白名单处理。
+                        rExt.exec( file.name ) && !this.accept.test( file.name );
+    
+                return !invalid;
+            },
+    
+    
+            /**
+             * @event beforeFileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列之前触发，此事件的handler返回值为`false`，则此文件不会被添加进入队列。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event fileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列以后触发。
+             * @for  Uploader
+             */
+    
+            _addFile: function( file ) {
+                var me = this;
+    
+                file = me._wrapFile( file );
+    
+                // 不过类型判断允许不允许，先派送 `beforeFileQueued`
+                if ( !me.owner.trigger( 'beforeFileQueued', file ) ) {
+                    return;
+                }
+    
+                // 类型不匹配，则派送错误事件，并返回。
+                if ( !me.acceptFile( file ) ) {
+                    me.owner.trigger( 'error', 'Q_TYPE_DENIED', file );
+                    return;
+                }
+    
+                me.queue.append( file );
+                me.owner.trigger( 'fileQueued', file );
+                return file;
+            },
+    
+            getFile: function( fileId ) {
+                return this.queue.getFile( fileId );
+            },
+    
+            /**
+             * @event filesQueued
+             * @param {File} files 数组，内容为原始File(lib/File）对象。
+             * @description 当一批文件添加进队列以后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method addFiles
+             * @grammar addFiles( file ) => undefined
+             * @grammar addFiles( [file1, file2 ...] ) => undefined
+             * @param {Array of File or File} [files] Files 对象 数组
+             * @description 添加文件到队列
+             * @for  Uploader
+             */
+            addFiles: function( files ) {
+                var me = this;
+    
+                if ( !files.length ) {
+                    files = [ files ];
+                }
+    
+                files = $.map( files, function( file ) {
+                    return me._addFile( file );
+                });
+    
+                me.owner.trigger( 'filesQueued', files );
+    
+                if ( me.options.auto ) {
+                    me.request('start-upload');
+                }
+            },
+    
+            getStats: function() {
+                return this.stats;
+            },
+    
+            /**
+             * @event fileDequeued
+             * @param {File} file File对象
+             * @description 当文件被移除队列后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method removeFile
+             * @grammar removeFile( file ) => undefined
+             * @grammar removeFile( id ) => undefined
+             * @param {File|id} file File对象或这File对象的id
+             * @description 移除某一文件。
+             * @for  Uploader
+             * @example
+             *
+             * $li.on('click', '.remove-this', function() {
+             *     uploader.removeFile( file );
+             * })
+             */
+            removeFile: function( file ) {
+                var me = this;
+    
+                file = file.id ? file : me.queue.getFile( file );
+    
+                file.setStatus( Status.CANCELLED );
+                me.owner.trigger( 'fileDequeued', file );
+            },
+    
+            /**
+             * @method getFiles
+             * @grammar getFiles() => Array
+             * @grammar getFiles( status1, status2, status... ) => Array
+             * @description 返回指定状态的文件集合，不传参数将返回所有状态的文件。
+             * @for  Uploader
+             * @example
+             * console.log( uploader.getFiles() );    // => all files
+             * console.log( uploader.getFiles('error') )    // => all error files.
+             */
+            getFiles: function() {
+                return this.queue.getFiles.apply( this.queue, arguments );
+            },
+    
+            fetchFile: function() {
+                return this.queue.fetch.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method retry
+             * @grammar retry() => undefined
+             * @grammar retry( file ) => undefined
+             * @description 重试上传，重试指定文件，或者从出错的文件开始重新上传。
+             * @for  Uploader
+             * @example
+             * function retry() {
+             *     uploader.retry();
+             * }
+             */
+            retry: function( file, noForceStart ) {
+                var me = this,
+                    files, i, len;
+    
+                if ( file ) {
+                    file = file.id ? file : me.queue.getFile( file );
+                    file.setStatus( Status.QUEUED );
+                    noForceStart || me.request('start-upload');
+                    return;
+                }
+    
+                files = me.queue.getFiles( Status.ERROR );
+                i = 0;
+                len = files.length;
+    
+                for ( ; i < len; i++ ) {
+                    file = files[ i ];
+                    file.setStatus( Status.QUEUED );
+                }
+    
+                me.request('start-upload');
+            },
+    
+            /**
+             * @method sort
+             * @grammar sort( fn ) => undefined
+             * @description 排序队列中的文件，在上传之前调整可以控制上传顺序。
+             * @for  Uploader
+             */
+            sortFiles: function() {
+                return this.queue.sort.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method reset
+             * @grammar reset() => undefined
+             * @description 重置uploader。目前只重置了队列。
+             * @for  Uploader
+             * @example
+             * uploader.reset();
+             */
+            reset: function() {
+                this.queue = new Queue();
+                this.stats = this.queue.stats;
+            }
+        });
+    
+    });
+    /**
+     * @fileOverview 添加获取Runtime相关信息的方法。
+     */
+    define('widgets/runtime',[
+        'uploader',
+        'runtime/runtime',
+        'widgets/widget'
+    ], function( Uploader, Runtime ) {
+    
+        Uploader.support = function() {
+            return Runtime.hasRuntime.apply( Runtime, arguments );
+        };
+    
+        return Uploader.register({
+            'predict-runtime-type': 'predictRuntmeType'
+        }, {
+    
+            init: function() {
+                if ( !this.predictRuntmeType() ) {
+                    throw Error('Runtime Error');
+                }
+            },
+    
+            /**
+             * 预测Uploader将采用哪个`Runtime`
+             * @grammar predictRuntmeType() => String
+             * @method predictRuntmeType
+             * @for  Uploader
+             */
+            predictRuntmeType: function() {
+                var orders = this.options.runtimeOrder || Runtime.orders,
+                    type = this.type,
+                    i, len;
+    
+                if ( !type ) {
+                    orders = orders.split( /\s*,\s*/g );
+    
+                    for ( i = 0, len = orders.length; i < len; i++ ) {
+                        if ( Runtime.hasRuntime( orders[ i ] ) ) {
+                            this.type = type = orders[ i ];
+                            break;
+                        }
+                    }
+                }
+    
+                return type;
+            }
+        });
+    });
+    /**
+     * @fileOverview Transport
+     */
+    define('lib/transport',[
+        'base',
+        'runtime/client',
+        'mediator'
+    ], function( Base, RuntimeClient, Mediator ) {
+    
+        var $ = Base.$;
+    
+        function Transport( opts ) {
+            var me = this;
+    
+            opts = me.options = $.extend( true, {}, Transport.options, opts || {} );
+            RuntimeClient.call( this, 'Transport' );
+    
+            this._blob = null;
+            this._formData = opts.formData || {};
+            this._headers = opts.headers || {};
+    
+            this.on( 'progress', this._timeout );
+            this.on( 'load error', function() {
+                me.trigger( 'progress', 1 );
+                clearTimeout( me._timer );
+            });
+        }
+    
+        Transport.options = {
+            server: '',
+            method: 'POST',
+    
+            // 跨域时，是否允许携带cookie, 只有html5 runtime才有效
+            withCredentials: false,
+            fileVal: 'file',
+            timeout: 2 * 60 * 1000,    // 2分钟
+            formData: {},
+            headers: {},
+            sendAsBinary: false
+        };
+    
+        $.extend( Transport.prototype, {
+    
+            // 添加Blob, 只能添加一次，最后一次有效。
+            appendBlob: function( key, blob, filename ) {
+                var me = this,
+                    opts = me.options;
+    
+                if ( me.getRuid() ) {
+                    me.disconnectRuntime();
+                }
+    
+                // 连接到blob归属的同一个runtime.
+                me.connectRuntime( blob.ruid, function() {
+                    me.exec('init');
+                });
+    
+                me._blob = blob;
+                opts.fileVal = key || opts.fileVal;
+                opts.filename = filename || opts.filename;
+            },
+    
+            // 添加其他字段
+            append: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._formData, key );
+                } else {
+                    this._formData[ key ] = value;
+                }
+            },
+    
+            setRequestHeader: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._headers, key );
+                } else {
+                    this._headers[ key ] = value;
+                }
+            },
+    
+            send: function( method ) {
+                this.exec( 'send', method );
+                this._timeout();
+            },
+    
+            abort: function() {
+                clearTimeout( this._timer );
+                return this.exec('abort');
+            },
+    
+            destroy: function() {
+                this.trigger('destroy');
+                this.off();
+                this.exec('destroy');
+                this.disconnectRuntime();
+            },
+    
+            getResponse: function() {
+                return this.exec('getResponse');
+            },
+    
+            getResponseAsJson: function() {
+                return this.exec('getResponseAsJson');
+            },
+    
+            getStatus: function() {
+                return this.exec('getStatus');
+            },
+    
+            _timeout: function() {
+                var me = this,
+                    duration = me.options.timeout;
+    
+                if ( !duration ) {
+                    return;
+                }
+    
+                clearTimeout( me._timer );
+                me._timer = setTimeout(function() {
+                    me.abort();
+                    me.trigger( 'error', 'timeout' );
+                }, duration );
+            }
+    
+        });
+    
+        // 让Transport具备事件功能。
+        Mediator.installTo( Transport.prototype );
+    
+        return Transport;
+    });
+    /**
+     * @fileOverview 负责文件上传相关。
+     */
+    define('widgets/upload',[
+        'base',
+        'uploader',
+        'file',
+        'lib/transport',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile, Transport ) {
+    
+        var $ = Base.$,
+            isPromise = Base.isPromise,
+            Status = WUFile.Status;
+    
+        // 添加默认配置项
+        $.extend( Uploader.options, {
+    
+    
+            /**
+             * @property {Boolean} [prepareNextFile=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否允许在文件传输时提前把下一个文件准备好。
+             * 对于一个文件的准备工作比较耗时，比如图片压缩，md5序列化。
+             * 如果能提前在当前文件传输期处理，可以节省总体耗时。
+             */
+            prepareNextFile: false,
+    
+            /**
+             * @property {Boolean} [chunked=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否要分片处理大文件上传。
+             */
+            chunked: false,
+    
+            /**
+             * @property {Boolean} [chunkSize=5242880]
+             * @namespace options
+             * @for Uploader
+             * @description 如果要分片，分多大一片？ 默认大小为5M.
+             */
+            chunkSize: 5 * 1024 * 1024,
+    
+            /**
+             * @property {Boolean} [chunkRetry=2]
+             * @namespace options
+             * @for Uploader
+             * @description 如果某个分片由于网络问题出错，允许自动重传多少次？
+             */
+            chunkRetry: 2,
+    
+            /**
+             * @property {Boolean} [threads=3]
+             * @namespace options
+             * @for Uploader
+             * @description 上传并发数。允许同时最大上传进程数。
+             */
+            threads: 3,
+    
+    
+            /**
+             * @property {Object} [formData]
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传请求的参数表，每次发送都会发送此对象中的参数。
+             */
+            formData: null
+    
+            /**
+             * @property {Object} [fileVal='file']
+             * @namespace options
+             * @for Uploader
+             * @description 设置文件上传域的name。
+             */
+    
+            /**
+             * @property {Object} [method='POST']
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传方式，`POST`或者`GET`。
+             */
+    
+            /**
+             * @property {Object} [sendAsBinary=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否已二进制的流的方式发送文件，这样整个上传内容`php://input`都为文件内容，
+             * 其他参数在$_GET数组中。
+             */
+        });
+    
+        // 负责将文件切片。
+        function CuteFile( file, chunkSize ) {
+            var pending = [],
+                blob = file.source,
+                total = blob.size,
+                chunks = chunkSize ? Math.ceil( total / chunkSize ) : 1,
+                start = 0,
+                index = 0,
+                len;
+    
+            while ( index < chunks ) {
+                len = Math.min( chunkSize, total - start );
+    
+                pending.push({
+                    file: file,
+                    start: start,
+                    end: chunkSize ? (start + len) : total,
+                    total: total,
+                    chunks: chunks,
+                    chunk: index++
+                });
+                start += len;
+            }
+    
+            file.blocks = pending.concat();
+            file.remaning = pending.length;
+    
+            return {
+                file: file,
+    
+                has: function() {
+                    return !!pending.length;
+                },
+    
+                fetch: function() {
+                    return pending.shift();
+                }
+            };
+        }
+    
+        Uploader.register({
+            'start-upload': 'start',
+            'stop-upload': 'stop',
+            'skip-file': 'skipFile',
+            'is-in-progress': 'isInProgress'
+        }, {
+    
+            init: function() {
+                var owner = this.owner;
+    
+                this.runing = false;
+    
+                // 记录当前正在传的数据，跟threads相关
+                this.pool = [];
+    
+                // 缓存即将上传的文件。
+                this.pending = [];
+    
+                // 跟踪还有多少分片没有完成上传。
+                this.remaning = 0;
+                this.__tick = Base.bindFn( this._tick, this );
+    
+                owner.on( 'uploadComplete', function( file ) {
+                    // 把其他块取消了。
+                    file.blocks && $.each( file.blocks, function( _, v ) {
+                        v.transport && (v.transport.abort(), v.transport.destroy());
+                        delete v.transport;
+                    });
+    
+                    delete file.blocks;
+                    delete file.remaning;
+                });
+            },
+    
+            /**
+             * @event startUpload
+             * @description 当开始上传流程时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 开始上传。此方法可以从初始状态调用开始上传流程，也可以从暂停状态调用，继续上传流程。
+             * @grammar upload() => undefined
+             * @method upload
+             * @for  Uploader
+             */
+            start: function() {
+                var me = this;
+    
+                // 移出invalid的文件
+                $.each( me.request( 'get-files', Status.INVALID ), function() {
+                    me.request( 'remove-file', this );
+                });
+    
+                if ( me.runing ) {
+                    return;
+                }
+    
+                me.runing = true;
+    
+                // 如果有暂停的，则续传
+                $.each( me.pool, function( _, v ) {
+                    var file = v.file;
+    
+                    if ( file.getStatus() === Status.INTERRUPT ) {
+                        file.setStatus( Status.PROGRESS );
+                        me._trigged = false;
+                        v.transport && v.transport.send();
+                    }
+                });
+    
+                me._trigged = false;
+                me.owner.trigger('startUpload');
+                Base.nextTick( me.__tick );
+            },
+    
+            /**
+             * @event stopUpload
+             * @description 当开始上传流程暂停时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 暂停上传。第一个参数为是否中断上传当前正在上传的文件。
+             * @grammar stop() => undefined
+             * @grammar stop( true ) => undefined
+             * @method stop
+             * @for  Uploader
+             */
+            stop: function( interrupt ) {
+                var me = this;
+    
+                if ( me.runing === false ) {
+                    return;
+                }
+    
+                me.runing = false;
+    
+                interrupt && $.each( me.pool, function( _, v ) {
+                    v.transport && v.transport.abort();
+                    v.file.setStatus( Status.INTERRUPT );
+                });
+    
+                me.owner.trigger('stopUpload');
+            },
+    
+            /**
+             * 判断`Uplaode`r是否正在上传中。
+             * @grammar isInProgress() => Boolean
+             * @method isInProgress
+             * @for  Uploader
+             */
+            isInProgress: function() {
+                return !!this.runing;
+            },
+    
+            getStats: function() {
+                return this.request('get-stats');
+            },
+    
+            /**
+             * 掉过一个文件上传，直接标记指定文件为已上传状态。
+             * @grammar skipFile( file ) => undefined
+             * @method skipFile
+             * @for  Uploader
+             */
+            skipFile: function( file, status ) {
+                file = this.request( 'get-file', file );
+    
+                file.setStatus( status || Status.COMPLETE );
+                file.skipped = true;
+    
+                // 如果正在上传。
+                file.blocks && $.each( file.blocks, function( _, v ) {
+                    var _tr = v.transport;
+    
+                    if ( _tr ) {
+                        _tr.abort();
+                        _tr.destroy();
+                        delete v.transport;
+                    }
+                });
+    
+                this.owner.trigger( 'uploadSkip', file );
+            },
+    
+            /**
+             * @event uploadFinished
+             * @description 当所有文件上传结束时触发。
+             * @for  Uploader
+             */
+            _tick: function() {
+                var me = this,
+                    opts = me.options,
+                    fn, val;
+    
+                // 上一个promise还没有结束，则等待完成后再执行。
+                if ( me._promise ) {
+                    return me._promise.always( me.__tick );
+                }
+    
+                // 还有位置，且还有文件要处理的话。
+                if ( me.pool.length < opts.threads && (val = me._nextBlock()) ) {
+                    me._trigged = false;
+    
+                    fn = function( val ) {
+                        me._promise = null;
+    
+                        // 有可能是reject过来的，所以要检测val的类型。
+                        val && val.file && me._startSend( val );
+                        Base.nextTick( me.__tick );
+                    };
+    
+                    me._promise = isPromise( val ) ? val.always( fn ) : fn( val );
+    
+                // 没有要上传的了，且没有正在传输的了。
+                } else if ( !me.remaning && !me.getStats().numOfQueue ) {
+                    me.runing = false;
+    
+                    me._trigged || Base.nextTick(function() {
+                        me.owner.trigger('uploadFinished');
+                    });
+                    me._trigged = true;
+                }
+            },
+    
+            _nextBlock: function() {
+                var me = this,
+                    act = me._act,
+                    opts = me.options,
+                    next, done;
+    
+                // 如果当前文件还有没有需要传输的，则直接返回剩下的。
+                if ( act && act.has() &&
+                        act.file.getStatus() === Status.PROGRESS ) {
+    
+                    // 是否提前准备下一个文件
+                    if ( opts.prepareNextFile && !me.pending.length ) {
+                        me._prepareNextFile();
+                    }
+    
+                    return act.fetch();
+    
+                // 否则，如果正在运行，则准备下一个文件，并等待完成后返回下个分片。
+                } else if ( me.runing ) {
+    
+                    // 如果缓存中有，则直接在缓存中取，没有则去queue中取。
+                    if ( !me.pending.length && me.getStats().numOfQueue ) {
+                        me._prepareNextFile();
+                    }
+    
+                    next = me.pending.shift();
+                    done = function( file ) {
+                        if ( !file ) {
+                            return null;
+                        }
+    
+                        act = CuteFile( file, opts.chunked ? opts.chunkSize : 0 );
+                        me._act = act;
+                        return act.fetch();
+                    };
+    
+                    // 文件可能还在prepare中，也有可能已经完全准备好了。
+                    return isPromise( next ) ?
+                            next[ next.pipe ? 'pipe' : 'then']( done ) :
+                            done( next );
+                }
+            },
+    
+    
+            /**
+             * @event uploadStart
+             * @param {File} file File对象
+             * @description 某个文件开始上传前触发，一个文件只会触发一次。
+             * @for  Uploader
+             */
+            _prepareNextFile: function() {
+                var me = this,
+                    file = me.request('fetch-file'),
+                    pending = me.pending,
+                    promise;
+    
+                if ( file ) {
+                    promise = me.request( 'before-send-file', file, function() {
+    
+                        // 有可能文件被skip掉了。文件被skip掉后，状态坑定不是Queued.
+                        if ( file.getStatus() === Status.QUEUED ) {
+                            me.owner.trigger( 'uploadStart', file );
+                            file.setStatus( Status.PROGRESS );
+                            return file;
+                        }
+    
+                        return me._finishFile( file );
+                    });
+    
+                    // 如果还在pending中，则替换成文件本身。
+                    promise.done(function() {
+                        var idx = $.inArray( promise, pending );
+    
+                        ~idx && pending.splice( idx, 1, file );
+                    });
+    
+                    // befeore-send-file的钩子就有错误发生。
+                    promise.fail(function( reason ) {
+                        file.setStatus( Status.ERROR, reason );
+                        me.owner.trigger( 'uploadError', file, reason );
+                        me.owner.trigger( 'uploadComplete', file );
+                    });
+    
+                    pending.push( promise );
+                }
+            },
+    
+            // 让出位置了，可以让其他分片开始上传
+            _popBlock: function( block ) {
+                var idx = $.inArray( block, this.pool );
+    
+                this.pool.splice( idx, 1 );
+                block.file.remaning--;
+                this.remaning--;
+            },
+    
+            // 开始上传，可以被掉过。如果promise被reject了，则表示跳过此分片。
+            _startSend: function( block ) {
+                var me = this,
+                    file = block.file,
+                    promise;
+    
+                me.pool.push( block );
+                me.remaning++;
+    
+                // 如果没有分片，则直接使用原始的。
+                // 不会丢失content-type信息。
+                block.blob = block.chunks === 1 ? file.source :
+                        file.source.slice( block.start, block.end );
+    
+                // hook, 每个分片发送之前可能要做些异步的事情。
+                promise = me.request( 'before-send', block, function() {
+    
+                    // 有可能文件已经上传出错了，所以不需要再传输了。
+                    if ( file.getStatus() === Status.PROGRESS ) {
+                        me._doSend( block );
+                    } else {
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+    
+                // 如果为fail了，则跳过此分片。
+                promise.fail(function() {
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file ).always(function() {
+                            block.percentage = 1;
+                            me._popBlock( block );
+                            me.owner.trigger( 'uploadComplete', file );
+                            Base.nextTick( me.__tick );
+                        });
+                    } else {
+                        block.percentage = 1;
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+            },
+    
+    
+            /**
+             * @event uploadBeforeSend
+             * @param {Object} object
+             * @param {Object} data 默认的上传参数，可以扩展此对象来控制上传参数。
+             * @description 当某个文件的分块在发送前触发，主要用来询问是否要添加附带参数，大文件在开起分片上传的前提下此事件可能会触发多次。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadAccept
+             * @param {Object} object
+             * @param {Object} ret 服务端的返回数据，json格式，如果服务端不是json格式，从ret._raw中取数据，自行解析。
+             * @description 当某个文件上传到服务端响应后，会派送此事件来询问服务端响应是否有效。如果此事件handler返回值为`false`, 则此文件将派送`server`类型的`uploadError`事件。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadProgress
+             * @param {File} file File对象
+             * @param {Number} percentage 上传进度
+             * @description 上传过程中触发，携带上传进度。
+             * @for  Uploader
+             */
+    
+    
+            /**
+             * @event uploadError
+             * @param {File} file File对象
+             * @param {String} reason 出错的code
+             * @description 当文件上传出错时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadSuccess
+             * @param {File} file File对象
+             * @param {Object} response 服务端返回的数据
+             * @description 当文件上传成功时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadComplete
+             * @param {File} [file] File对象
+             * @description 不管成功或者失败，文件上传完成时触发。
+             * @for  Uploader
+             */
+    
+            // 做上传操作。
+            _doSend: function( block ) {
+                var me = this,
+                    owner = me.owner,
+                    opts = me.options,
+                    file = block.file,
+                    tr = new Transport( opts ),
+                    data = $.extend({}, opts.formData ),
+                    headers = $.extend({}, opts.headers ),
+                    requestAccept, ret;
+    
+                block.transport = tr;
+    
+                tr.on( 'destroy', function() {
+                    delete block.transport;
+                    me._popBlock( block );
+                    Base.nextTick( me.__tick );
+                });
+    
+                // 广播上传进度。以文件为单位。
+                tr.on( 'progress', function( percentage ) {
+                    var totalPercent = 0,
+                        uploaded = 0;
+    
+                    // 可能没有abort掉，progress还是执行进来了。
+                    // if ( !file.blocks ) {
+                    //     return;
+                    // }
+    
+                    totalPercent = block.percentage = percentage;
+    
+                    if ( block.chunks > 1 ) {    // 计算文件的整体速度。
+                        $.each( file.blocks, function( _, v ) {
+                            uploaded += (v.percentage || 0) * (v.end - v.start);
+                        });
+    
+                        totalPercent = uploaded / file.size;
+                    }
+    
+                    owner.trigger( 'uploadProgress', file, totalPercent || 0 );
+                });
+    
+                // 用来询问，是否返回的结果是有错误的。
+                requestAccept = function( reject ) {
+                    var fn;
+    
+                    ret = tr.getResponseAsJson() || {};
+                    ret._raw = tr.getResponse();
+                    fn = function( value ) {
+                        reject = value;
+                    };
+    
+                    // 服务端响应了，不代表成功了，询问是否响应正确。
+                    if ( !owner.trigger( 'uploadAccept', block, ret, fn ) ) {
+                        reject = reject || 'server';
+                    }
+    
+                    return reject;
+                };
+    
+                // 尝试重试，然后广播文件上传出错。
+                tr.on( 'error', function( type, flag ) {
+                    block.retried = block.retried || 0;
+    
+                    // 自动重试
+                    if ( block.chunks > 1 && ~'http,abort'.indexOf( type ) &&
+                            block.retried < opts.chunkRetry ) {
+    
+                        block.retried++;
+                        tr.send();
+    
+                    } else {
+    
+                        // http status 500 ~ 600
+                        if ( !flag && type === 'server' ) {
+                            type = requestAccept( type );
+                        }
+    
+                        file.setStatus( Status.ERROR, type );
+                        owner.trigger( 'uploadError', file, type );
+                        owner.trigger( 'uploadComplete', file );
+                    }
+                });
+    
+                // 上传成功
+                tr.on( 'load', function() {
+                    var reason;
+    
+                    // 如果非预期，转向上传出错。
+                    if ( (reason = requestAccept()) ) {
+                        tr.trigger( 'error', reason, true );
+                        return;
+                    }
+    
+                    // 全部上传完成。
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file, ret );
+                    } else {
+                        tr.destroy();
+                    }
+                });
+    
+                // 配置默认的上传字段。
+                data = $.extend( data, {
+                    id: file.id,
+                    name: file.name,
+                    type: file.type,
+                    lastModifiedDate: file.lastModifiedDate,
+                    size: file.size
+                });
+    
+                block.chunks > 1 && $.extend( data, {
+                    chunks: block.chunks,
+                    chunk: block.chunk
+                });
+    
+                // 在发送之间可以添加字段什么的。。。
+                // 如果默认的字段不够使用，可以通过监听此事件来扩展
+                owner.trigger( 'uploadBeforeSend', block, data, headers );
+    
+                // 开始发送。
+                tr.appendBlob( opts.fileVal, block.blob, file.name );
+                tr.append( data );
+                tr.setRequestHeader( headers );
+                tr.send();
+            },
+    
+            // 完成上传。
+            _finishFile: function( file, ret, hds ) {
+                var owner = this.owner;
+    
+                return owner
+                        .request( 'after-send-file', arguments, function() {
+                            file.setStatus( Status.COMPLETE );
+                            owner.trigger( 'uploadSuccess', file, ret, hds );
+                        })
+                        .fail(function( reason ) {
+    
+                            // 如果外部已经标记为invalid什么的，不再改状态。
+                            if ( file.getStatus() === Status.PROGRESS ) {
+                                file.setStatus( Status.ERROR, reason );
+                            }
+    
+                            owner.trigger( 'uploadError', file, reason );
+                        })
+                        .always(function() {
+                            owner.trigger( 'uploadComplete', file );
+                        });
+            }
+    
+        });
+    });
+    /**
+     * @fileOverview 各种验证，包括文件总大小是否超出、单文件是否超出和文件是否重复。
+     */
+    
+    define('widgets/validator',[
+        'base',
+        'uploader',
+        'file',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile ) {
+    
+        var $ = Base.$,
+            validators = {},
+            api;
+    
+        /**
+         * @event error
+         * @param {String} type 错误类型。
+         * @description 当validate不通过时，会以派送错误事件的形式通知调用者。通过`upload.on('error', handler)`可以捕获到此类错误，目前有以下错误会在特定的情况下派送错来。
+         *
+         * * `Q_EXCEED_NUM_LIMIT` 在设置了`fileNumLimit`且尝试给`uploader`添加的文件数量超出这个值时派送。
+         * * `Q_EXCEED_SIZE_LIMIT` 在设置了`Q_EXCEED_SIZE_LIMIT`且尝试给`uploader`添加的文件总大小超出这个值时派送。
+         * @for  Uploader
+         */
+    
+        // 暴露给外面的api
+        api = {
+    
+            // 添加验证器
+            addValidator: function( type, cb ) {
+                validators[ type ] = cb;
+            },
+    
+            // 移除验证器
+            removeValidator: function( type ) {
+                delete validators[ type ];
+            }
+        };
+    
+        // 在Uploader初始化的时候启动Validators的初始化
+        Uploader.register({
+            init: function() {
+                var me = this;
+                $.each( validators, function() {
+                    this.call( me.owner );
+                });
+            }
+        });
+    
+        /**
+         * @property {int} [fileNumLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证文件总数量, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileNumLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                count = 0,
+                max = opts.fileNumLimit >> 0,
+                flag = true;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+    
+                if ( count >= max && flag ) {
+                    flag = false;
+                    this.trigger( 'error', 'Q_EXCEED_NUM_LIMIT', max, file );
+                    setTimeout(function() {
+                        flag = true;
+                    }, 1 );
+                }
+    
+                return count >= max ? false : true;
+            });
+    
+            uploader.on( 'fileQueued', function() {
+                count++;
+            });
+    
+            uploader.on( 'fileDequeued', function() {
+                count--;
+            });
+    
+            uploader.on( 'uploadFinished', function() {
+                count = 0;
+            });
+        });
+    
+    
+        /**
+         * @property {int} [fileSizeLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证文件总大小是否超出限制, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileSizeLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                count = 0,
+                max = opts.fileSizeLimit >> 0,
+                flag = true;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+                var invalid = count + file.size > max;
+    
+                if ( invalid && flag ) {
+                    flag = false;
+                    this.trigger( 'error', 'Q_EXCEED_SIZE_LIMIT', max, file );
+                    setTimeout(function() {
+                        flag = true;
+                    }, 1 );
+                }
+    
+                return invalid ? false : true;
+            });
+    
+            uploader.on( 'fileQueued', function( file ) {
+                count += file.size;
+            });
+    
+            uploader.on( 'fileDequeued', function( file ) {
+                count -= file.size;
+            });
+    
+            uploader.on( 'uploadFinished', function() {
+                count = 0;
+            });
+        });
+    
+        /**
+         * @property {int} [fileSingleSizeLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证单个文件大小是否超出限制, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileSingleSizeLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                max = opts.fileSingleSizeLimit;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+    
+                if ( file.size > max ) {
+                    file.setStatus( WUFile.Status.INVALID, 'exceed_size' );
+                    this.trigger( 'error', 'F_EXCEED_SIZE', file );
+                    return false;
+                }
+    
+            });
+    
+        });
+    
+        /**
+         * @property {int} [duplicate=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 去重， 根据文件名字、文件大小和最后修改时间来生成hash Key.
+         */
+        api.addValidator( 'duplicate', function() {
+            var uploader = this,
+                opts = uploader.options,
+                mapping = {};
+    
+            if ( opts.duplicate ) {
+                return;
+            }
+    
+            function hashString( str ) {
+                var hash = 0,
+                    i = 0,
+                    len = str.length,
+                    _char;
+    
+                for ( ; i < len; i++ ) {
+                    _char = str.charCodeAt( i );
+                    hash = _char + (hash << 6) + (hash << 16) - hash;
+                }
+    
+                return hash;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+                var hash = file.__hash || (file.__hash = hashString( file.name +
+                        file.size + file.lastModifiedDate ));
+    
+                // 已经重复了
+                if ( mapping[ hash ] ) {
+                    this.trigger( 'error', 'F_DUPLICATE', file );
+                    return false;
+                }
+            });
+    
+            uploader.on( 'fileQueued', function( file ) {
+                var hash = file.__hash;
+    
+                hash && (mapping[ hash ] = true);
+            });
+    
+            uploader.on( 'fileDequeued', function( file ) {
+                var hash = file.__hash;
+    
+                hash && (delete mapping[ hash ]);
+            });
+        });
+    
+        return api;
+    });
+    
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/compbase',[],function() {
+    
+        function CompBase( owner, runtime ) {
+    
+            this.owner = owner;
+            this.options = owner.options;
+    
+            this.getRuntime = function() {
+                return runtime;
+            };
+    
+            this.getRuid = function() {
+                return runtime.uid;
+            };
+    
+            this.trigger = function() {
+                return owner.trigger.apply( owner, arguments );
+            };
+        }
+    
+        return CompBase;
+    });
+    /**
+     * @fileOverview Html5Runtime
+     */
+    define('runtime/html5/runtime',[
+        'base',
+        'runtime/runtime',
+        'runtime/compbase'
+    ], function( Base, Runtime, CompBase ) {
+    
+        var type = 'html5',
+            components = {};
+    
+        function Html5Runtime() {
+            var pool = {},
+                me = this,
+                destory = this.destory;
+    
+            Runtime.apply( me, arguments );
+            me.type = type;
+    
+    
+            // 这个方法的调用者，实际上是RuntimeClient
+            me.exec = function( comp, fn/*, args...*/) {
+                var client = this,
+                    uid = client.uid,
+                    args = Base.slice( arguments, 2 ),
+                    instance;
+    
+                if ( components[ comp ] ) {
+                    instance = pool[ uid ] = pool[ uid ] ||
+                            new components[ comp ]( client, me );
+    
+                    if ( instance[ fn ] ) {
+                        return instance[ fn ].apply( instance, args );
+                    }
+                }
+            };
+    
+            me.destory = function() {
+                // @todo 删除池子中的所有实例
+                return destory && destory.apply( this, arguments );
+            };
+        }
+    
+        Base.inherits( Runtime, {
+            constructor: Html5Runtime,
+    
+            // 不需要连接其他程序，直接执行callback
+            init: function() {
+                var me = this;
+                setTimeout(function() {
+                    me.trigger('ready');
+                }, 1 );
+            }
+    
+        });
+    
+        // 注册Components
+        Html5Runtime.register = function( name, component ) {
+            var klass = components[ name ] = Base.inherits( CompBase, component );
+            return klass;
+        };
+    
+        // 注册html5运行时。
+        // 只有在支持的前提下注册。
+        if ( window.Blob && window.FileReader && window.DataView ) {
+            Runtime.addRuntime( type, Html5Runtime );
+        }
+    
+        return Html5Runtime;
+    });
+    /**
+     * @fileOverview Blob Html实现
+     */
+    define('runtime/html5/blob',[
+        'runtime/html5/runtime',
+        'lib/blob'
+    ], function( Html5Runtime, Blob ) {
+    
+        return Html5Runtime.register( 'Blob', {
+            slice: function( start, end ) {
+                var blob = this.owner.source,
+                    slice = blob.slice || blob.webkitSlice || blob.mozSlice;
+    
+                blob = slice.call( blob, start, end );
+    
+                return new Blob( this.getRuid(), blob );
+            }
+        });
+    });
+    /**
+     * @fileOverview FilePaste
+     */
+    define('runtime/html5/dnd',[
+        'base',
+        'runtime/html5/runtime',
+        'lib/file'
+    ], function( Base, Html5Runtime, File ) {
+    
+        var $ = Base.$,
+            prefix = 'webuploader-dnd-';
+    
+        return Html5Runtime.register( 'DragAndDrop', {
+            init: function() {
+                var elem = this.elem = this.options.container;
+    
+                this.dragEnterHandler = Base.bindFn( this._dragEnterHandler, this );
+                this.dragOverHandler = Base.bindFn( this._dragOverHandler, this );
+                this.dragLeaveHandler = Base.bindFn( this._dragLeaveHandler, this );
+                this.dropHandler = Base.bindFn( this._dropHandler, this );
+                this.dndOver = false;
+    
+                elem.on( 'dragenter', this.dragEnterHandler );
+                elem.on( 'dragover', this.dragOverHandler );
+                elem.on( 'dragleave', this.dragLeaveHandler );
+                elem.on( 'drop', this.dropHandler );
+    
+                if ( this.options.disableGlobalDnd ) {
+                    $( document ).on( 'dragover', this.dragOverHandler );
+                    $( document ).on( 'drop', this.dropHandler );
+                }
+            },
+    
+            _dragEnterHandler: function( e ) {
+                var me = this,
+                    denied = me._denied || false,
+                    items;
+    
+                e = e.originalEvent || e;
+    
+                if ( !me.dndOver ) {
+                    me.dndOver = true;
+    
+                    // 注意只有 chrome 支持。
+                    items = e.dataTransfer.items;
+    
+                    if ( items && items.length ) {
+                        me._denied = denied = !me.trigger( 'accept', items );
+                    }
+    
+                    me.elem.addClass( prefix + 'over' );
+                    me.elem[ denied ? 'addClass' :
+                            'removeClass' ]( prefix + 'denied' );
+                }
+    
+    
+                e.dataTransfer.dropEffect = denied ? 'none' : 'copy';
+    
+                return false;
+            },
+    
+            _dragOverHandler: function( e ) {
+                // 只处理框内的。
+                var parentElem = this.elem.parent().get( 0 );
+                if ( parentElem && !$.contains( parentElem, e.currentTarget ) ) {
+                    return false;
+                }
+    
+                clearTimeout( this._leaveTimer );
+                this._dragEnterHandler.call( this, e );
+    
+                return false;
+            },
+    
+            _dragLeaveHandler: function() {
+                var me = this,
+                    handler;
+    
+                handler = function() {
+                    me.dndOver = false;
+                    me.elem.removeClass( prefix + 'over ' + prefix + 'denied' );
+                };
+    
+                clearTimeout( me._leaveTimer );
+                me._leaveTimer = setTimeout( handler, 100 );
+                return false;
+            },
+    
+            _dropHandler: function( e ) {
+                var me = this,
+                    ruid = me.getRuid(),
+                    parentElem = me.elem.parent().get( 0 );
+    
+                // 只处理框内的。
+                if ( parentElem && !$.contains( parentElem, e.currentTarget ) ) {
+                    return false;
+                }
+    
+                me._getTansferFiles( e, function( results ) {
+                    me.trigger( 'drop', $.map( results, function( file ) {
+                        return new File( ruid, file );
+                    }) );
+                });
+    
+                me.dndOver = false;
+                me.elem.removeClass( prefix + 'over' );
+                return false;
+            },
+    
+            // 如果传入 callback 则去查看文件夹，否则只管当前文件夹。
+            _getTansferFiles: function( e, callback ) {
+                var results  = [],
+                    promises = [],
+                    items, files, dataTransfer, file, item, i, len, canAccessFolder;
+    
+                e = e.originalEvent || e;
+    
+                dataTransfer = e.dataTransfer;
+                items = dataTransfer.items;
+                files = dataTransfer.files;
+    
+                canAccessFolder = !!(items && items[ 0 ].webkitGetAsEntry);
+    
+                for ( i = 0, len = files.length; i < len; i++ ) {
+                    file = files[ i ];
+                    item = items && items[ i ];
+    
+                    if ( canAccessFolder && item.webkitGetAsEntry().isDirectory ) {
+    
+                        promises.push( this._traverseDirectoryTree(
+                                item.webkitGetAsEntry(), results ) );
+                    } else {
+                        results.push( file );
+                    }
+                }
+    
+                Base.when.apply( Base, promises ).done(function() {
+    
+                    if ( !results.length ) {
+                        return;
+                    }
+    
+                    callback( results );
+                });
+            },
+    
+            _traverseDirectoryTree: function( entry, results ) {
+                var deferred = Base.Deferred(),
+                    me = this;
+    
+                if ( entry.isFile ) {
+                    entry.file(function( file ) {
+                        results.push( file );
+                        deferred.resolve();
+                    });
+                } else if ( entry.isDirectory ) {
+                    entry.createReader().readEntries(function( entries ) {
+                        var len = entries.length,
+                            promises = [],
+                            arr = [],    // 为了保证顺序。
+                            i;
+    
+                        for ( i = 0; i < len; i++ ) {
+                            promises.push( me._traverseDirectoryTree(
+                                    entries[ i ], arr ) );
+                        }
+    
+                        Base.when.apply( Base, promises ).then(function() {
+                            results.push.apply( results, arr );
+                            deferred.resolve();
+                        }, deferred.reject );
+                    });
+                }
+    
+                return deferred.promise();
+            },
+    
+            destroy: function() {
+                var elem = this.elem;
+    
+                elem.off( 'dragenter', this.dragEnterHandler );
+                elem.off( 'dragover', this.dragEnterHandler );
+                elem.off( 'dragleave', this.dragLeaveHandler );
+                elem.off( 'drop', this.dropHandler );
+    
+                if ( this.options.disableGlobalDnd ) {
+                    $( document ).off( 'dragover', this.dragOverHandler );
+                    $( document ).off( 'drop', this.dropHandler );
+                }
+            }
+        });
+    });
+    
+    /**
+     * @fileOverview FilePaste
+     */
+    define('runtime/html5/filepaste',[
+        'base',
+        'runtime/html5/runtime',
+        'lib/file'
+    ], function( Base, Html5Runtime, File ) {
+    
+        return Html5Runtime.register( 'FilePaste', {
+            init: function() {
+                var opts = this.options,
+                    elem = this.elem = opts.container,
+                    accept = '.*',
+                    arr, i, len, item;
+    
+                // accetp的mimeTypes中生成匹配正则。
+                if ( opts.accept ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        item = opts.accept[ i ].mimeTypes;
+                        item && arr.push( item );
+                    }
+    
+                    if ( arr.length ) {
+                        accept = arr.join(',');
+                        accept = accept.replace( /,/g, '|' ).replace( /\*/g, '.*' );
+                    }
+                }
+                this.accept = accept = new RegExp( accept, 'i' );
+                this.hander = Base.bindFn( this._pasteHander, this );
+                elem.on( 'paste', this.hander );
+            },
+    
+            _pasteHander: function( e ) {
+                var allowed = [],
+                    ruid = this.getRuid(),
+                    items, item, blob, i, len;
+    
+                e = e.originalEvent || e;
+                items = e.clipboardData.items;
+    
+                for ( i = 0, len = items.length; i < len; i++ ) {
+                    item = items[ i ];
+    
+                    if ( item.kind !== 'file' || !(blob = item.getAsFile()) ) {
+                        continue;
+                    }
+    
+                    allowed.push( new File( ruid, blob ) );
+                }
+    
+                if ( allowed.length ) {
+                    // 不阻止非文件粘贴（文字粘贴）的事件冒泡
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this.trigger( 'paste', allowed );
+                }
+            },
+    
+            destroy: function() {
+                this.elem.off( 'paste', this.hander );
+            }
+        });
+    });
+    
+    /**
+     * @fileOverview FilePicker
+     */
+    define('runtime/html5/filepicker',[
+        'base',
+        'runtime/html5/runtime'
+    ], function( Base, Html5Runtime ) {
+    
+        var $ = Base.$;
+    
+        return Html5Runtime.register( 'FilePicker', {
+            init: function() {
+                var container = this.getRuntime().getContainer(),
+                    me = this,
+                    owner = me.owner,
+                    opts = me.options,
+                    lable = $( document.createElement('label') ),
+                    input = $( document.createElement('input') ),
+                    arr, i, len, mouseHandler;
+    
+                input.attr( 'type', 'file' );
+                input.attr( 'name', opts.name );
+                input.addClass('webuploader-element-invisible');
+    
+                lable.on( 'click', function() {
+                    input.trigger('click');
+                });
+    
+                lable.css({
+                    opacity: 0,
+                    width: '100%',
+                    height: '100%',
+                    display: 'block',
+                    cursor: 'pointer',
+                    background: '#ffffff'
+                });
+    
+                if ( opts.multiple ) {
+                    input.attr( 'multiple', 'multiple' );
+                }
+    
+                // @todo Firefox不支持单独指定后缀
+                if ( opts.accept && opts.accept.length > 0 ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        arr.push( opts.accept[ i ].mimeTypes );
+                    }
+    
+                    input.attr( 'accept', arr.join(',') );
+                }
+    
+                container.append( input );
+                container.append( lable );
+    
+                mouseHandler = function( e ) {
+                    owner.trigger( e.type );
+                };
+    
+                input.on( 'change', function( e ) {
+                    var fn = arguments.callee,
+                        clone;
+    
+                    me.files = e.target.files;
+    
+                    // reset input
+                    clone = this.cloneNode( true );
+                    this.parentNode.replaceChild( clone, this );
+    
+                    input.off();
+                    input = $( clone ).on( 'change', fn )
+                            .on( 'mouseenter mouseleave', mouseHandler );
+    
+                    owner.trigger('change');
+                });
+    
+                lable.on( 'mouseenter mouseleave', mouseHandler );
+    
+            },
+    
+    
+            getFiles: function() {
+                return this.files;
+            },
+    
+            destroy: function() {
+                // todo
+            }
+        });
+    });
+    /**
+     * Terms:
+     *
+     * Uint8Array, FileReader, BlobBuilder, atob, ArrayBuffer
+     * @fileOverview Image控件
+     */
+    define('runtime/html5/util',[
+        'base'
+    ], function( Base ) {
+    
+        var urlAPI = window.createObjectURL && window ||
+                window.URL && URL.revokeObjectURL && URL ||
+                window.webkitURL,
+            createObjectURL = Base.noop,
+            revokeObjectURL = createObjectURL;
+    
+        if ( urlAPI ) {
+    
+            // 更安全的方式调用，比如android里面就能把context改成其他的对象。
+            createObjectURL = function() {
+                return urlAPI.createObjectURL.apply( urlAPI, arguments );
+            };
+    
+            revokeObjectURL = function() {
+                return urlAPI.revokeObjectURL.apply( urlAPI, arguments );
+            };
+        }
+    
+        return {
+            createObjectURL: createObjectURL,
+            revokeObjectURL: revokeObjectURL,
+    
+            dataURL2Blob: function( dataURI ) {
+                var byteStr, intArray, ab, i, mimetype, parts;
+    
+                parts = dataURI.split(',');
+    
+                if ( ~parts[ 0 ].indexOf('base64') ) {
+                    byteStr = atob( parts[ 1 ] );
+                } else {
+                    byteStr = decodeURIComponent( parts[ 1 ] );
+                }
+    
+                ab = new ArrayBuffer( byteStr.length );
+                intArray = new Uint8Array( ab );
+    
+                for ( i = 0; i < byteStr.length; i++ ) {
+                    intArray[ i ] = byteStr.charCodeAt( i );
+                }
+    
+                mimetype = parts[ 0 ].split(':')[ 1 ].split(';')[ 0 ];
+    
+                return this.arrayBufferToBlob( ab, mimetype );
+            },
+    
+            dataURL2ArrayBuffer: function( dataURI ) {
+                var byteStr, intArray, i, parts;
+    
+                parts = dataURI.split(',');
+    
+                if ( ~parts[ 0 ].indexOf('base64') ) {
+                    byteStr = atob( parts[ 1 ] );
+                } else {
+                    byteStr = decodeURIComponent( parts[ 1 ] );
+                }
+    
+                intArray = new Uint8Array( byteStr.length );
+    
+                for ( i = 0; i < byteStr.length; i++ ) {
+                    intArray[ i ] = byteStr.charCodeAt( i );
+                }
+    
+                return intArray.buffer;
+            },
+    
+            arrayBufferToBlob: function( buffer, type ) {
+                var builder = window.BlobBuilder || window.WebKitBlobBuilder,
+                    bb;
+    
+                // android不支持直接new Blob, 只能借助blobbuilder.
+                if ( builder ) {
+                    bb = new builder();
+                    bb.append( buffer );
+                    return bb.getBlob( type );
+                }
+    
+                return new Blob([ buffer ], type ? { type: type } : {} );
+            },
+    
+            // 抽出来主要是为了解决android下面canvas.toDataUrl不支持jpeg.
+            // 你得到的结果是png.
+            canvasToDataUrl: function( canvas, type, quality ) {
+                return canvas.toDataURL( type, quality / 100 );
+            },
+    
+            // imagemeat会复写这个方法，如果用户选择加载那个文件了的话。
+            parseMeta: function( blob, callback ) {
+                callback( false, {});
+            },
+    
+            // imagemeat会复写这个方法，如果用户选择加载那个文件了的话。
+            updateImageHead: function( data ) {
+                return data;
+            }
+        };
+    });
+    /**
+     * Terms:
+     *
+     * Uint8Array, FileReader, BlobBuilder, atob, ArrayBuffer
+     * @fileOverview Image控件
+     */
+    define('runtime/html5/imagemeta',[
+        'runtime/html5/util'
+    ], function( Util ) {
+    
+        var api;
+    
+        api = {
+            parsers: {
+                0xffe1: []
+            },
+    
+            maxMetaDataSize: 262144,
+    
+            parse: function( blob, cb ) {
+                var me = this,
+                    fr = new FileReader();
+    
+                fr.onload = function() {
+                    cb( false, me._parse( this.result ) );
+                    fr = fr.onload = fr.onerror = null;
+                };
+    
+                fr.onerror = function( e ) {
+                    cb( e.message );
+                    fr = fr.onload = fr.onerror = null;
+                };
+    
+                blob = blob.slice( 0, me.maxMetaDataSize );
+                fr.readAsArrayBuffer( blob.getSource() );
+            },
+    
+            _parse: function( buffer, noParse ) {
+                if ( buffer.byteLength < 6 ) {
+                    return;
+                }
+    
+                var dataview = new DataView( buffer ),
+                    offset = 2,
+                    maxOffset = dataview.byteLength - 4,
+                    headLength = offset,
+                    ret = {},
+                    markerBytes, markerLength, parsers, i;
+    
+                if ( dataview.getUint16( 0 ) === 0xffd8 ) {
+    
+                    while ( offset < maxOffset ) {
+                        markerBytes = dataview.getUint16( offset );
+    
+                        if ( markerBytes >= 0xffe0 && markerBytes <= 0xffef ||
+                                markerBytes === 0xfffe ) {
+    
+                            markerLength = dataview.getUint16( offset + 2 ) + 2;
+    
+                            if ( offset + markerLength > dataview.byteLength ) {
+                                break;
+                            }
+    
+                            parsers = api.parsers[ markerBytes ];
+    
+                            if ( !noParse && parsers ) {
+                                for ( i = 0; i < parsers.length; i += 1 ) {
+                                    parsers[ i ].call( api, dataview, offset,
+                                            markerLength, ret );
+                                }
+                            }
+    
+                            offset += markerLength;
+                            headLength = offset;
+                        } else {
+                            break;
+                        }
+                    }
+    
+                    if ( headLength > 6 ) {
+                        if ( buffer.slice ) {
+                            ret.imageHead = buffer.slice( 2, headLength );
+                        } else {
+                            // Workaround for IE10, which does not yet
+                            // support ArrayBuffer.slice:
+                            ret.imageHead = new Uint8Array( buffer )
+                                    .subarray( 2, headLength );
+                        }
+                    }
+                }
+    
+                return ret;
+            },
+    
+            updateImageHead: function( buffer, head ) {
+                var data = this._parse( buffer, true ),
+                    buf1, buf2, bodyoffset;
+    
+    
+                bodyoffset = 2;
+                if ( data.imageHead ) {
+                    bodyoffset = 2 + data.imageHead.byteLength;
+                }
+    
+                if ( buffer.slice ) {
+                    buf2 = buffer.slice( bodyoffset );
+                } else {
+                    buf2 = new Uint8Array( buffer ).subarray( bodyoffset );
+                }
+    
+                buf1 = new Uint8Array( head.byteLength + 2 + buf2.byteLength );
+    
+                buf1[ 0 ] = 0xFF;
+                buf1[ 1 ] = 0xD8;
+                buf1.set( new Uint8Array( head ), 2 );
+                buf1.set( new Uint8Array( buf2 ), head.byteLength + 2 );
+    
+                return buf1.buffer;
+            }
+        };
+    
+        Util.parseMeta = function() {
+            return api.parse.apply( api, arguments );
+        };
+    
+        Util.updateImageHead = function() {
+            return api.updateImageHead.apply( api, arguments );
+        };
+    
+        return api;
+    });
+    /**
+     * 代码来自于：https://github.com/blueimp/JavaScript-Load-Image
+     * 暂时项目中只用了orientation.
+     *
+     * 去除了 Exif Sub IFD Pointer, GPS Info IFD Pointer, Exif Thumbnail.
+     * @fileOverview EXIF解析
+     */
+    
+    // Sample
+    // ====================================
+    // Make : Apple
+    // Model : iPhone 4S
+    // Orientation : 1
+    // XResolution : 72 [72/1]
+    // YResolution : 72 [72/1]
+    // ResolutionUnit : 2
+    // Software : QuickTime 7.7.1
+    // DateTime : 2013:09:01 22:53:55
+    // ExifIFDPointer : 190
+    // ExposureTime : 0.058823529411764705 [1/17]
+    // FNumber : 2.4 [12/5]
+    // ExposureProgram : Normal program
+    // ISOSpeedRatings : 800
+    // ExifVersion : 0220
+    // DateTimeOriginal : 2013:09:01 22:52:51
+    // DateTimeDigitized : 2013:09:01 22:52:51
+    // ComponentsConfiguration : YCbCr
+    // ShutterSpeedValue : 4.058893515764426
+    // ApertureValue : 2.5260688216892597 [4845/1918]
+    // BrightnessValue : -0.3126686601998395
+    // MeteringMode : Pattern
+    // Flash : Flash did not fire, compulsory flash mode
+    // FocalLength : 4.28 [107/25]
+    // SubjectArea : [4 values]
+    // FlashpixVersion : 0100
+    // ColorSpace : 1
+    // PixelXDimension : 2448
+    // PixelYDimension : 3264
+    // SensingMethod : One-chip color area sensor
+    // ExposureMode : 0
+    // WhiteBalance : Auto white balance
+    // FocalLengthIn35mmFilm : 35
+    // SceneCaptureType : Standard
+    define('runtime/html5/imagemeta/exif',[
+        'base',
+        'runtime/html5/imagemeta'
+    ], function( Base, ImageMeta ) {
+    
+        var EXIF = {};
+    
+        EXIF.ExifMap = function() {
+            return this;
+        };
+    
+        EXIF.ExifMap.prototype.map = {
+            'Orientation': 0x0112
+        };
+    
+        EXIF.ExifMap.prototype.get = function( id ) {
+            return this[ id ] || this[ this.map[ id ] ];
+        };
+    
+        EXIF.exifTagTypes = {
+            // byte, 8-bit unsigned int:
+            1: {
+                getValue: function( dataView, dataOffset ) {
+                    return dataView.getUint8( dataOffset );
+                },
+                size: 1
+            },
+    
+            // ascii, 8-bit byte:
+            2: {
+                getValue: function( dataView, dataOffset ) {
+                    return String.fromCharCode( dataView.getUint8( dataOffset ) );
+                },
+                size: 1,
+                ascii: true
+            },
+    
+            // short, 16 bit int:
+            3: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getUint16( dataOffset, littleEndian );
+                },
+                size: 2
+            },
+    
+            // long, 32 bit int:
+            4: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getUint32( dataOffset, littleEndian );
+                },
+                size: 4
+            },
+    
+            // rational = two long values,
+            // first is numerator, second is denominator:
+            5: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getUint32( dataOffset, littleEndian ) /
+                        dataView.getUint32( dataOffset + 4, littleEndian );
+                },
+                size: 8
+            },
+    
+            // slong, 32 bit signed int:
+            9: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getInt32( dataOffset, littleEndian );
+                },
+                size: 4
+            },
+    
+            // srational, two slongs, first is numerator, second is denominator:
+            10: {
+                getValue: function( dataView, dataOffset, littleEndian ) {
+                    return dataView.getInt32( dataOffset, littleEndian ) /
+                        dataView.getInt32( dataOffset + 4, littleEndian );
+                },
+                size: 8
+            }
+        };
+    
+        // undefined, 8-bit byte, value depending on field:
+        EXIF.exifTagTypes[ 7 ] = EXIF.exifTagTypes[ 1 ];
+    
+        EXIF.getExifValue = function( dataView, tiffOffset, offset, type, length,
+                littleEndian ) {
+    
+            var tagType = EXIF.exifTagTypes[ type ],
+                tagSize, dataOffset, values, i, str, c;
+    
+            if ( !tagType ) {
+                Base.log('Invalid Exif data: Invalid tag type.');
+                return;
+            }
+    
+            tagSize = tagType.size * length;
+    
+            // Determine if the value is contained in the dataOffset bytes,
+            // or if the value at the dataOffset is a pointer to the actual data:
+            dataOffset = tagSize > 4 ? tiffOffset + dataView.getUint32( offset + 8,
+                    littleEndian ) : (offset + 8);
+    
+            if ( dataOffset + tagSize > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid data offset.');
+                return;
+            }
+    
+            if ( length === 1 ) {
+                return tagType.getValue( dataView, dataOffset, littleEndian );
+            }
+    
+            values = [];
+    
+            for ( i = 0; i < length; i += 1 ) {
+                values[ i ] = tagType.getValue( dataView,
+                        dataOffset + i * tagType.size, littleEndian );
+            }
+    
+            if ( tagType.ascii ) {
+                str = '';
+    
+                // Concatenate the chars:
+                for ( i = 0; i < values.length; i += 1 ) {
+                    c = values[ i ];
+    
+                    // Ignore the terminating NULL byte(s):
+                    if ( c === '\u0000' ) {
+                        break;
+                    }
+                    str += c;
+                }
+    
+                return str;
+            }
+            return values;
+        };
+    
+        EXIF.parseExifTag = function( dataView, tiffOffset, offset, littleEndian,
+                data ) {
+    
+            var tag = dataView.getUint16( offset, littleEndian );
+            data.exif[ tag ] = EXIF.getExifValue( dataView, tiffOffset, offset,
+                    dataView.getUint16( offset + 2, littleEndian ),    // tag type
+                    dataView.getUint32( offset + 4, littleEndian ),    // tag length
+                    littleEndian );
+        };
+    
+        EXIF.parseExifTags = function( dataView, tiffOffset, dirOffset,
+                littleEndian, data ) {
+    
+            var tagsNumber, dirEndOffset, i;
+    
+            if ( dirOffset + 6 > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid directory offset.');
+                return;
+            }
+    
+            tagsNumber = dataView.getUint16( dirOffset, littleEndian );
+            dirEndOffset = dirOffset + 2 + 12 * tagsNumber;
+    
+            if ( dirEndOffset + 4 > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid directory size.');
+                return;
+            }
+    
+            for ( i = 0; i < tagsNumber; i += 1 ) {
+                this.parseExifTag( dataView, tiffOffset,
+                        dirOffset + 2 + 12 * i,    // tag offset
+                        littleEndian, data );
+            }
+    
+            // Return the offset to the next directory:
+            return dataView.getUint32( dirEndOffset, littleEndian );
+        };
+    
+        // EXIF.getExifThumbnail = function(dataView, offset, length) {
+        //     var hexData,
+        //         i,
+        //         b;
+        //     if (!length || offset + length > dataView.byteLength) {
+        //         Base.log('Invalid Exif data: Invalid thumbnail data.');
+        //         return;
+        //     }
+        //     hexData = [];
+        //     for (i = 0; i < length; i += 1) {
+        //         b = dataView.getUint8(offset + i);
+        //         hexData.push((b < 16 ? '0' : '') + b.toString(16));
+        //     }
+        //     return 'data:image/jpeg,%' + hexData.join('%');
+        // };
+    
+        EXIF.parseExifData = function( dataView, offset, length, data ) {
+    
+            var tiffOffset = offset + 10,
+                littleEndian, dirOffset;
+    
+            // Check for the ASCII code for "Exif" (0x45786966):
+            if ( dataView.getUint32( offset + 4 ) !== 0x45786966 ) {
+                // No Exif data, might be XMP data instead
+                return;
+            }
+            if ( tiffOffset + 8 > dataView.byteLength ) {
+                Base.log('Invalid Exif data: Invalid segment size.');
+                return;
+            }
+    
+            // Check for the two null bytes:
+            if ( dataView.getUint16( offset + 8 ) !== 0x0000 ) {
+                Base.log('Invalid Exif data: Missing byte alignment offset.');
+                return;
+            }
+    
+            // Check the byte alignment:
+            switch ( dataView.getUint16( tiffOffset ) ) {
+                case 0x4949:
+                    littleEndian = true;
+                    break;
+    
+                case 0x4D4D:
+                    littleEndian = false;
+                    break;
+    
+                default:
+                    Base.log('Invalid Exif data: Invalid byte alignment marker.');
+                    return;
+            }
+    
+            // Check for the TIFF tag marker (0x002A):
+            if ( dataView.getUint16( tiffOffset + 2, littleEndian ) !== 0x002A ) {
+                Base.log('Invalid Exif data: Missing TIFF marker.');
+                return;
+            }
+    
+            // Retrieve the directory offset bytes, usually 0x00000008 or 8 decimal:
+            dirOffset = dataView.getUint32( tiffOffset + 4, littleEndian );
+            // Create the exif object to store the tags:
+            data.exif = new EXIF.ExifMap();
+            // Parse the tags of the main image directory and retrieve the
+            // offset to the next directory, usually the thumbnail directory:
+            dirOffset = EXIF.parseExifTags( dataView, tiffOffset,
+                    tiffOffset + dirOffset, littleEndian, data );
+    
+            // 尝试读取缩略图
+            // if ( dirOffset ) {
+            //     thumbnailData = {exif: {}};
+            //     dirOffset = EXIF.parseExifTags(
+            //         dataView,
+            //         tiffOffset,
+            //         tiffOffset + dirOffset,
+            //         littleEndian,
+            //         thumbnailData
+            //     );
+    
+            //     // Check for JPEG Thumbnail offset:
+            //     if (thumbnailData.exif[0x0201]) {
+            //         data.exif.Thumbnail = EXIF.getExifThumbnail(
+            //             dataView,
+            //             tiffOffset + thumbnailData.exif[0x0201],
+            //             thumbnailData.exif[0x0202] // Thumbnail data length
+            //         );
+            //     }
+            // }
+        };
+    
+        ImageMeta.parsers[ 0xffe1 ].push( EXIF.parseExifData );
+        return EXIF;
+    });
+    /**
+     * 这个方式性能不行，但是可以解决android里面的toDataUrl的bug
+     * android里面toDataUrl('image/jpege')得到的结果却是png.
+     *
+     * 所以这里没辙，只能借助这个工具
+     * @fileOverview jpeg encoder
+     */
+    define('runtime/html5/jpegencoder',[], function( require, exports, module ) {
+    
+        /*
+          Copyright (c) 2008, Adobe Systems Incorporated
+          All rights reserved.
+    
+          Redistribution and use in source and binary forms, with or without
+          modification, are permitted provided that the following conditions are
+          met:
+    
+          * Redistributions of source code must retain the above copyright notice,
+            this list of conditions and the following disclaimer.
+    
+          * Redistributions in binary form must reproduce the above copyright
+            notice, this list of conditions and the following disclaimer in the
+            documentation and/or other materials provided with the distribution.
+    
+          * Neither the name of Adobe Systems Incorporated nor the names of its
+            contributors may be used to endorse or promote products derived from
+            this software without specific prior written permission.
+    
+          THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
+          IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
+          THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+          PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
+          CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+          EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+          PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+          PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+          LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+          NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+          SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+        */
+        /*
+        JPEG encoder ported to JavaScript and optimized by Andreas Ritter, www.bytestrom.eu, 11/2009
+    
+        Basic GUI blocking jpeg encoder
+        */
+    
+        function JPEGEncoder(quality) {
+          var self = this;
+            var fround = Math.round;
+            var ffloor = Math.floor;
+            var YTable = new Array(64);
+            var UVTable = new Array(64);
+            var fdtbl_Y = new Array(64);
+            var fdtbl_UV = new Array(64);
+            var YDC_HT;
+            var UVDC_HT;
+            var YAC_HT;
+            var UVAC_HT;
+    
+            var bitcode = new Array(65535);
+            var category = new Array(65535);
+            var outputfDCTQuant = new Array(64);
+            var DU = new Array(64);
+            var byteout = [];
+            var bytenew = 0;
+            var bytepos = 7;
+    
+            var YDU = new Array(64);
+            var UDU = new Array(64);
+            var VDU = new Array(64);
+            var clt = new Array(256);
+            var RGB_YUV_TABLE = new Array(2048);
+            var currentQuality;
+    
+            var ZigZag = [
+                     0, 1, 5, 6,14,15,27,28,
+                     2, 4, 7,13,16,26,29,42,
+                     3, 8,12,17,25,30,41,43,
+                     9,11,18,24,31,40,44,53,
+                    10,19,23,32,39,45,52,54,
+                    20,22,33,38,46,51,55,60,
+                    21,34,37,47,50,56,59,61,
+                    35,36,48,49,57,58,62,63
+                ];
+    
+            var std_dc_luminance_nrcodes = [0,0,1,5,1,1,1,1,1,1,0,0,0,0,0,0,0];
+            var std_dc_luminance_values = [0,1,2,3,4,5,6,7,8,9,10,11];
+            var std_ac_luminance_nrcodes = [0,0,2,1,3,3,2,4,3,5,5,4,4,0,0,1,0x7d];
+            var std_ac_luminance_values = [
+                    0x01,0x02,0x03,0x00,0x04,0x11,0x05,0x12,
+                    0x21,0x31,0x41,0x06,0x13,0x51,0x61,0x07,
+                    0x22,0x71,0x14,0x32,0x81,0x91,0xa1,0x08,
+                    0x23,0x42,0xb1,0xc1,0x15,0x52,0xd1,0xf0,
+                    0x24,0x33,0x62,0x72,0x82,0x09,0x0a,0x16,
+                    0x17,0x18,0x19,0x1a,0x25,0x26,0x27,0x28,
+                    0x29,0x2a,0x34,0x35,0x36,0x37,0x38,0x39,
+                    0x3a,0x43,0x44,0x45,0x46,0x47,0x48,0x49,
+                    0x4a,0x53,0x54,0x55,0x56,0x57,0x58,0x59,
+                    0x5a,0x63,0x64,0x65,0x66,0x67,0x68,0x69,
+                    0x6a,0x73,0x74,0x75,0x76,0x77,0x78,0x79,
+                    0x7a,0x83,0x84,0x85,0x86,0x87,0x88,0x89,
+                    0x8a,0x92,0x93,0x94,0x95,0x96,0x97,0x98,
+                    0x99,0x9a,0xa2,0xa3,0xa4,0xa5,0xa6,0xa7,
+                    0xa8,0xa9,0xaa,0xb2,0xb3,0xb4,0xb5,0xb6,
+                    0xb7,0xb8,0xb9,0xba,0xc2,0xc3,0xc4,0xc5,
+                    0xc6,0xc7,0xc8,0xc9,0xca,0xd2,0xd3,0xd4,
+                    0xd5,0xd6,0xd7,0xd8,0xd9,0xda,0xe1,0xe2,
+                    0xe3,0xe4,0xe5,0xe6,0xe7,0xe8,0xe9,0xea,
+                    0xf1,0xf2,0xf3,0xf4,0xf5,0xf6,0xf7,0xf8,
+                    0xf9,0xfa
+                ];
+    
+            var std_dc_chrominance_nrcodes = [0,0,3,1,1,1,1,1,1,1,1,1,0,0,0,0,0];
+            var std_dc_chrominance_values = [0,1,2,3,4,5,6,7,8,9,10,11];
+            var std_ac_chrominance_nrcodes = [0,0,2,1,2,4,4,3,4,7,5,4,4,0,1,2,0x77];
+            var std_ac_chrominance_values = [
+                    0x00,0x01,0x02,0x03,0x11,0x04,0x05,0x21,
+                    0x31,0x06,0x12,0x41,0x51,0x07,0x61,0x71,
+                    0x13,0x22,0x32,0x81,0x08,0x14,0x42,0x91,
+                    0xa1,0xb1,0xc1,0x09,0x23,0x33,0x52,0xf0,
+                    0x15,0x62,0x72,0xd1,0x0a,0x16,0x24,0x34,
+                    0xe1,0x25,0xf1,0x17,0x18,0x19,0x1a,0x26,
+                    0x27,0x28,0x29,0x2a,0x35,0x36,0x37,0x38,
+                    0x39,0x3a,0x43,0x44,0x45,0x46,0x47,0x48,
+                    0x49,0x4a,0x53,0x54,0x55,0x56,0x57,0x58,
+                    0x59,0x5a,0x63,0x64,0x65,0x66,0x67,0x68,
+                    0x69,0x6a,0x73,0x74,0x75,0x76,0x77,0x78,
+                    0x79,0x7a,0x82,0x83,0x84,0x85,0x86,0x87,
+                    0x88,0x89,0x8a,0x92,0x93,0x94,0x95,0x96,
+                    0x97,0x98,0x99,0x9a,0xa2,0xa3,0xa4,0xa5,
+                    0xa6,0xa7,0xa8,0xa9,0xaa,0xb2,0xb3,0xb4,
+                    0xb5,0xb6,0xb7,0xb8,0xb9,0xba,0xc2,0xc3,
+                    0xc4,0xc5,0xc6,0xc7,0xc8,0xc9,0xca,0xd2,
+                    0xd3,0xd4,0xd5,0xd6,0xd7,0xd8,0xd9,0xda,
+                    0xe2,0xe3,0xe4,0xe5,0xe6,0xe7,0xe8,0xe9,
+                    0xea,0xf2,0xf3,0xf4,0xf5,0xf6,0xf7,0xf8,
+                    0xf9,0xfa
+                ];
+    
+            function initQuantTables(sf){
+                    var YQT = [
+                        16, 11, 10, 16, 24, 40, 51, 61,
+                        12, 12, 14, 19, 26, 58, 60, 55,
+                        14, 13, 16, 24, 40, 57, 69, 56,
+                        14, 17, 22, 29, 51, 87, 80, 62,
+                        18, 22, 37, 56, 68,109,103, 77,
+                        24, 35, 55, 64, 81,104,113, 92,
+                        49, 64, 78, 87,103,121,120,101,
+                        72, 92, 95, 98,112,100,103, 99
+                    ];
+    
+                    for (var i = 0; i < 64; i++) {
+                        var t = ffloor((YQT[i]*sf+50)/100);
+                        if (t < 1) {
+                            t = 1;
+                        } else if (t > 255) {
+                            t = 255;
+                        }
+                        YTable[ZigZag[i]] = t;
+                    }
+                    var UVQT = [
+                        17, 18, 24, 47, 99, 99, 99, 99,
+                        18, 21, 26, 66, 99, 99, 99, 99,
+                        24, 26, 56, 99, 99, 99, 99, 99,
+                        47, 66, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99
+                    ];
+                    for (var j = 0; j < 64; j++) {
+                        var u = ffloor((UVQT[j]*sf+50)/100);
+                        if (u < 1) {
+                            u = 1;
+                        } else if (u > 255) {
+                            u = 255;
+                        }
+                        UVTable[ZigZag[j]] = u;
+                    }
+                    var aasf = [
+                        1.0, 1.387039845, 1.306562965, 1.175875602,
+                        1.0, 0.785694958, 0.541196100, 0.275899379
+                    ];
+                    var k = 0;
+                    for (var row = 0; row < 8; row++)
+                    {
+                        for (var col = 0; col < 8; col++)
+                        {
+                            fdtbl_Y[k]  = (1.0 / (YTable [ZigZag[k]] * aasf[row] * aasf[col] * 8.0));
+                            fdtbl_UV[k] = (1.0 / (UVTable[ZigZag[k]] * aasf[row] * aasf[col] * 8.0));
+                            k++;
+                        }
+                    }
+                }
+    
+                function computeHuffmanTbl(nrcodes, std_table){
+                    var codevalue = 0;
+                    var pos_in_table = 0;
+                    var HT = new Array();
+                    for (var k = 1; k <= 16; k++) {
+                        for (var j = 1; j <= nrcodes[k]; j++) {
+                            HT[std_table[pos_in_table]] = [];
+                            HT[std_table[pos_in_table]][0] = codevalue;
+                            HT[std_table[pos_in_table]][1] = k;
+                            pos_in_table++;
+                            codevalue++;
+                        }
+                        codevalue*=2;
+                    }
+                    return HT;
+                }
+    
+                function initHuffmanTbl()
+                {
+                    YDC_HT = computeHuffmanTbl(std_dc_luminance_nrcodes,std_dc_luminance_values);
+                    UVDC_HT = computeHuffmanTbl(std_dc_chrominance_nrcodes,std_dc_chrominance_values);
+                    YAC_HT = computeHuffmanTbl(std_ac_luminance_nrcodes,std_ac_luminance_values);
+                    UVAC_HT = computeHuffmanTbl(std_ac_chrominance_nrcodes,std_ac_chrominance_values);
+                }
+    
+                function initCategoryNumber()
+                {
+                    var nrlower = 1;
+                    var nrupper = 2;
+                    for (var cat = 1; cat <= 15; cat++) {
+                        //Positive numbers
+                        for (var nr = nrlower; nr<nrupper; nr++) {
+                            category[32767+nr] = cat;
+                            bitcode[32767+nr] = [];
+                            bitcode[32767+nr][1] = cat;
+                            bitcode[32767+nr][0] = nr;
+                        }
+                        //Negative numbers
+                        for (var nrneg =-(nrupper-1); nrneg<=-nrlower; nrneg++) {
+                            category[32767+nrneg] = cat;
+                            bitcode[32767+nrneg] = [];
+                            bitcode[32767+nrneg][1] = cat;
+                            bitcode[32767+nrneg][0] = nrupper-1+nrneg;
+                        }
+                        nrlower <<= 1;
+                        nrupper <<= 1;
+                    }
+                }
+    
+                function initRGBYUVTable() {
+                    for(var i = 0; i < 256;i++) {
+                        RGB_YUV_TABLE[i]            =  19595 * i;
+                        RGB_YUV_TABLE[(i+ 256)>>0]  =  38470 * i;
+                        RGB_YUV_TABLE[(i+ 512)>>0]  =   7471 * i + 0x8000;
+                        RGB_YUV_TABLE[(i+ 768)>>0]  = -11059 * i;
+                        RGB_YUV_TABLE[(i+1024)>>0]  = -21709 * i;
+                        RGB_YUV_TABLE[(i+1280)>>0]  =  32768 * i + 0x807FFF;
+                        RGB_YUV_TABLE[(i+1536)>>0]  = -27439 * i;
+                        RGB_YUV_TABLE[(i+1792)>>0]  = - 5329 * i;
+                    }
+                }
+    
+                // IO functions
+                function writeBits(bs)
+                {
+                    var value = bs[0];
+                    var posval = bs[1]-1;
+                    while ( posval >= 0 ) {
+                        if (value & (1 << posval) ) {
+                            bytenew |= (1 << bytepos);
+                        }
+                        posval--;
+                        bytepos--;
+                        if (bytepos < 0) {
+                            if (bytenew == 0xFF) {
+                                writeByte(0xFF);
+                                writeByte(0);
+                            }
+                            else {
+                                writeByte(bytenew);
+                            }
+                            bytepos=7;
+                            bytenew=0;
+                        }
+                    }
+                }
+    
+                function writeByte(value)
+                {
+                    byteout.push(clt[value]); // write char directly instead of converting later
+                }
+    
+                function writeWord(value)
+                {
+                    writeByte((value>>8)&0xFF);
+                    writeByte((value   )&0xFF);
+                }
+    
+                // DCT & quantization core
+                function fDCTQuant(data, fdtbl)
+                {
+                    var d0, d1, d2, d3, d4, d5, d6, d7;
+                    /* Pass 1: process rows. */
+                    var dataOff=0;
+                    var i;
+                    var I8 = 8;
+                    var I64 = 64;
+                    for (i=0; i<I8; ++i)
+                    {
+                        d0 = data[dataOff];
+                        d1 = data[dataOff+1];
+                        d2 = data[dataOff+2];
+                        d3 = data[dataOff+3];
+                        d4 = data[dataOff+4];
+                        d5 = data[dataOff+5];
+                        d6 = data[dataOff+6];
+                        d7 = data[dataOff+7];
+    
+                        var tmp0 = d0 + d7;
+                        var tmp7 = d0 - d7;
+                        var tmp1 = d1 + d6;
+                        var tmp6 = d1 - d6;
+                        var tmp2 = d2 + d5;
+                        var tmp5 = d2 - d5;
+                        var tmp3 = d3 + d4;
+                        var tmp4 = d3 - d4;
+    
+                        /* Even part */
+                        var tmp10 = tmp0 + tmp3;    /* phase 2 */
+                        var tmp13 = tmp0 - tmp3;
+                        var tmp11 = tmp1 + tmp2;
+                        var tmp12 = tmp1 - tmp2;
+    
+                        data[dataOff] = tmp10 + tmp11; /* phase 3 */
+                        data[dataOff+4] = tmp10 - tmp11;
+    
+                        var z1 = (tmp12 + tmp13) * 0.707106781; /* c4 */
+                        data[dataOff+2] = tmp13 + z1; /* phase 5 */
+                        data[dataOff+6] = tmp13 - z1;
+    
+                        /* Odd part */
+                        tmp10 = tmp4 + tmp5; /* phase 2 */
+                        tmp11 = tmp5 + tmp6;
+                        tmp12 = tmp6 + tmp7;
+    
+                        /* The rotator is modified from fig 4-8 to avoid extra negations. */
+                        var z5 = (tmp10 - tmp12) * 0.382683433; /* c6 */
+                        var z2 = 0.541196100 * tmp10 + z5; /* c2-c6 */
+                        var z4 = 1.306562965 * tmp12 + z5; /* c2+c6 */
+                        var z3 = tmp11 * 0.707106781; /* c4 */
+    
+                        var z11 = tmp7 + z3;    /* phase 5 */
+                        var z13 = tmp7 - z3;
+    
+                        data[dataOff+5] = z13 + z2; /* phase 6 */
+                        data[dataOff+3] = z13 - z2;
+                        data[dataOff+1] = z11 + z4;
+                        data[dataOff+7] = z11 - z4;
+    
+                        dataOff += 8; /* advance pointer to next row */
+                    }
+    
+                    /* Pass 2: process columns. */
+                    dataOff = 0;
+                    for (i=0; i<I8; ++i)
+                    {
+                        d0 = data[dataOff];
+                        d1 = data[dataOff + 8];
+                        d2 = data[dataOff + 16];
+                        d3 = data[dataOff + 24];
+                        d4 = data[dataOff + 32];
+                        d5 = data[dataOff + 40];
+                        d6 = data[dataOff + 48];
+                        d7 = data[dataOff + 56];
+    
+                        var tmp0p2 = d0 + d7;
+                        var tmp7p2 = d0 - d7;
+                        var tmp1p2 = d1 + d6;
+                        var tmp6p2 = d1 - d6;
+                        var tmp2p2 = d2 + d5;
+                        var tmp5p2 = d2 - d5;
+                        var tmp3p2 = d3 + d4;
+                        var tmp4p2 = d3 - d4;
+    
+                        /* Even part */
+                        var tmp10p2 = tmp0p2 + tmp3p2;  /* phase 2 */
+                        var tmp13p2 = tmp0p2 - tmp3p2;
+                        var tmp11p2 = tmp1p2 + tmp2p2;
+                        var tmp12p2 = tmp1p2 - tmp2p2;
+    
+                        data[dataOff] = tmp10p2 + tmp11p2; /* phase 3 */
+                        data[dataOff+32] = tmp10p2 - tmp11p2;
+    
+                        var z1p2 = (tmp12p2 + tmp13p2) * 0.707106781; /* c4 */
+                        data[dataOff+16] = tmp13p2 + z1p2; /* phase 5 */
+                        data[dataOff+48] = tmp13p2 - z1p2;
+    
+                        /* Odd part */
+                        tmp10p2 = tmp4p2 + tmp5p2; /* phase 2 */
+                        tmp11p2 = tmp5p2 + tmp6p2;
+                        tmp12p2 = tmp6p2 + tmp7p2;
+    
+                        /* The rotator is modified from fig 4-8 to avoid extra negations. */
+                        var z5p2 = (tmp10p2 - tmp12p2) * 0.382683433; /* c6 */
+                        var z2p2 = 0.541196100 * tmp10p2 + z5p2; /* c2-c6 */
+                        var z4p2 = 1.306562965 * tmp12p2 + z5p2; /* c2+c6 */
+                        var z3p2 = tmp11p2 * 0.707106781; /* c4 */
+    
+                        var z11p2 = tmp7p2 + z3p2;  /* phase 5 */
+                        var z13p2 = tmp7p2 - z3p2;
+    
+                        data[dataOff+40] = z13p2 + z2p2; /* phase 6 */
+                        data[dataOff+24] = z13p2 - z2p2;
+                        data[dataOff+ 8] = z11p2 + z4p2;
+                        data[dataOff+56] = z11p2 - z4p2;
+    
+                        dataOff++; /* advance pointer to next column */
+                    }
+    
+                    // Quantize/descale the coefficients
+                    var fDCTQuant;
+                    for (i=0; i<I64; ++i)
+                    {
+                        // Apply the quantization and scaling factor & Round to nearest integer
+                        fDCTQuant = data[i]*fdtbl[i];
+                        outputfDCTQuant[i] = (fDCTQuant > 0.0) ? ((fDCTQuant + 0.5)|0) : ((fDCTQuant - 0.5)|0);
+                        //outputfDCTQuant[i] = fround(fDCTQuant);
+    
+                    }
+                    return outputfDCTQuant;
+                }
+    
+                function writeAPP0()
+                {
+                    writeWord(0xFFE0); // marker
+                    writeWord(16); // length
+                    writeByte(0x4A); // J
+                    writeByte(0x46); // F
+                    writeByte(0x49); // I
+                    writeByte(0x46); // F
+                    writeByte(0); // = "JFIF",'\0'
+                    writeByte(1); // versionhi
+                    writeByte(1); // versionlo
+                    writeByte(0); // xyunits
+                    writeWord(1); // xdensity
+                    writeWord(1); // ydensity
+                    writeByte(0); // thumbnwidth
+                    writeByte(0); // thumbnheight
+                }
+    
+                function writeSOF0(width, height)
+                {
+                    writeWord(0xFFC0); // marker
+                    writeWord(17);   // length, truecolor YUV JPG
+                    writeByte(8);    // precision
+                    writeWord(height);
+                    writeWord(width);
+                    writeByte(3);    // nrofcomponents
+                    writeByte(1);    // IdY
+                    writeByte(0x11); // HVY
+                    writeByte(0);    // QTY
+                    writeByte(2);    // IdU
+                    writeByte(0x11); // HVU
+                    writeByte(1);    // QTU
+                    writeByte(3);    // IdV
+                    writeByte(0x11); // HVV
+                    writeByte(1);    // QTV
+                }
+    
+                function writeDQT()
+                {
+                    writeWord(0xFFDB); // marker
+                    writeWord(132);    // length
+                    writeByte(0);
+                    for (var i=0; i<64; i++) {
+                        writeByte(YTable[i]);
+                    }
+                    writeByte(1);
+                    for (var j=0; j<64; j++) {
+                        writeByte(UVTable[j]);
+                    }
+                }
+    
+                function writeDHT()
+                {
+                    writeWord(0xFFC4); // marker
+                    writeWord(0x01A2); // length
+    
+                    writeByte(0); // HTYDCinfo
+                    for (var i=0; i<16; i++) {
+                        writeByte(std_dc_luminance_nrcodes[i+1]);
+                    }
+                    for (var j=0; j<=11; j++) {
+                        writeByte(std_dc_luminance_values[j]);
+                    }
+    
+                    writeByte(0x10); // HTYACinfo
+                    for (var k=0; k<16; k++) {
+                        writeByte(std_ac_luminance_nrcodes[k+1]);
+                    }
+                    for (var l=0; l<=161; l++) {
+                        writeByte(std_ac_luminance_values[l]);
+                    }
+    
+                    writeByte(1); // HTUDCinfo
+                    for (var m=0; m<16; m++) {
+                        writeByte(std_dc_chrominance_nrcodes[m+1]);
+                    }
+                    for (var n=0; n<=11; n++) {
+                        writeByte(std_dc_chrominance_values[n]);
+                    }
+    
+                    writeByte(0x11); // HTUACinfo
+                    for (var o=0; o<16; o++) {
+                        writeByte(std_ac_chrominance_nrcodes[o+1]);
+                    }
+                    for (var p=0; p<=161; p++) {
+                        writeByte(std_ac_chrominance_values[p]);
+                    }
+                }
+    
+                function writeSOS()
+                {
+                    writeWord(0xFFDA); // marker
+                    writeWord(12); // length
+                    writeByte(3); // nrofcomponents
+                    writeByte(1); // IdY
+                    writeByte(0); // HTY
+                    writeByte(2); // IdU
+                    writeByte(0x11); // HTU
+                    writeByte(3); // IdV
+                    writeByte(0x11); // HTV
+                    writeByte(0); // Ss
+                    writeByte(0x3f); // Se
+                    writeByte(0); // Bf
+                }
+    
+                function processDU(CDU, fdtbl, DC, HTDC, HTAC){
+                    var EOB = HTAC[0x00];
+                    var M16zeroes = HTAC[0xF0];
+                    var pos;
+                    var I16 = 16;
+                    var I63 = 63;
+                    var I64 = 64;
+                    var DU_DCT = fDCTQuant(CDU, fdtbl);
+                    //ZigZag reorder
+                    for (var j=0;j<I64;++j) {
+                        DU[ZigZag[j]]=DU_DCT[j];
+                    }
+                    var Diff = DU[0] - DC; DC = DU[0];
+                    //Encode DC
+                    if (Diff==0) {
+                        writeBits(HTDC[0]); // Diff might be 0
+                    } else {
+                        pos = 32767+Diff;
+                        writeBits(HTDC[category[pos]]);
+                        writeBits(bitcode[pos]);
+                    }
+                    //Encode ACs
+                    var end0pos = 63; // was const... which is crazy
+                    for (; (end0pos>0)&&(DU[end0pos]==0); end0pos--) {};
+                    //end0pos = first element in reverse order !=0
+                    if ( end0pos == 0) {
+                        writeBits(EOB);
+                        return DC;
+                    }
+                    var i = 1;
+                    var lng;
+                    while ( i <= end0pos ) {
+                        var startpos = i;
+                        for (; (DU[i]==0) && (i<=end0pos); ++i) {}
+                        var nrzeroes = i-startpos;
+                        if ( nrzeroes >= I16 ) {
+                            lng = nrzeroes>>4;
+                            for (var nrmarker=1; nrmarker <= lng; ++nrmarker)
+                                writeBits(M16zeroes);
+                            nrzeroes = nrzeroes&0xF;
+                        }
+                        pos = 32767+DU[i];
+                        writeBits(HTAC[(nrzeroes<<4)+category[pos]]);
+                        writeBits(bitcode[pos]);
+                        i++;
+                    }
+                    if ( end0pos != I63 ) {
+                        writeBits(EOB);
+                    }
+                    return DC;
+                }
+    
+                function initCharLookupTable(){
+                    var sfcc = String.fromCharCode;
+                    for(var i=0; i < 256; i++){ ///// ACHTUNG // 255
+                        clt[i] = sfcc(i);
+                    }
+                }
+    
+                this.encode = function(image,quality) // image data object
+                {
+                    // var time_start = new Date().getTime();
+    
+                    if(quality) setQuality(quality);
+    
+                    // Initialize bit writer
+                    byteout = new Array();
+                    bytenew=0;
+                    bytepos=7;
+    
+                    // Add JPEG headers
+                    writeWord(0xFFD8); // SOI
+                    writeAPP0();
+                    writeDQT();
+                    writeSOF0(image.width,image.height);
+                    writeDHT();
+                    writeSOS();
+    
+    
+                    // Encode 8x8 macroblocks
+                    var DCY=0;
+                    var DCU=0;
+                    var DCV=0;
+    
+                    bytenew=0;
+                    bytepos=7;
+    
+    
+                    this.encode.displayName = "_encode_";
+    
+                    var imageData = image.data;
+                    var width = image.width;
+                    var height = image.height;
+    
+                    var quadWidth = width*4;
+                    var tripleWidth = width*3;
+    
+                    var x, y = 0;
+                    var r, g, b;
+                    var start,p, col,row,pos;
+                    while(y < height){
+                        x = 0;
+                        while(x < quadWidth){
+                        start = quadWidth * y + x;
+                        p = start;
+                        col = -1;
+                        row = 0;
+    
+                        for(pos=0; pos < 64; pos++){
+                            row = pos >> 3;// /8
+                            col = ( pos & 7 ) * 4; // %8
+                            p = start + ( row * quadWidth ) + col;
+    
+                            if(y+row >= height){ // padding bottom
+                                p-= (quadWidth*(y+1+row-height));
+                            }
+    
+                            if(x+col >= quadWidth){ // padding right
+                                p-= ((x+col) - quadWidth +4)
+                            }
+    
+                            r = imageData[ p++ ];
+                            g = imageData[ p++ ];
+                            b = imageData[ p++ ];
+    
+    
+                            /* // calculate YUV values dynamically
+                            YDU[pos]=((( 0.29900)*r+( 0.58700)*g+( 0.11400)*b))-128; //-0x80
+                            UDU[pos]=(((-0.16874)*r+(-0.33126)*g+( 0.50000)*b));
+                            VDU[pos]=((( 0.50000)*r+(-0.41869)*g+(-0.08131)*b));
+                            */
+    
+                            // use lookup table (slightly faster)
+                            YDU[pos] = ((RGB_YUV_TABLE[r]             + RGB_YUV_TABLE[(g +  256)>>0] + RGB_YUV_TABLE[(b +  512)>>0]) >> 16)-128;
+                            UDU[pos] = ((RGB_YUV_TABLE[(r +  768)>>0] + RGB_YUV_TABLE[(g + 1024)>>0] + RGB_YUV_TABLE[(b + 1280)>>0]) >> 16)-128;
+                            VDU[pos] = ((RGB_YUV_TABLE[(r + 1280)>>0] + RGB_YUV_TABLE[(g + 1536)>>0] + RGB_YUV_TABLE[(b + 1792)>>0]) >> 16)-128;
+    
+                        }
+    
+                        DCY = processDU(YDU, fdtbl_Y, DCY, YDC_HT, YAC_HT);
+                        DCU = processDU(UDU, fdtbl_UV, DCU, UVDC_HT, UVAC_HT);
+                        DCV = processDU(VDU, fdtbl_UV, DCV, UVDC_HT, UVAC_HT);
+                        x+=32;
+                        }
+                        y+=8;
+                    }
+    
+    
+                    ////////////////////////////////////////////////////////////////
+    
+                    // Do the bit alignment of the EOI marker
+                    if ( bytepos >= 0 ) {
+                        var fillbits = [];
+                        fillbits[1] = bytepos+1;
+                        fillbits[0] = (1<<(bytepos+1))-1;
+                        writeBits(fillbits);
+                    }
+    
+                    writeWord(0xFFD9); //EOI
+    
+                    var jpegDataUri = 'data:image/jpeg;base64,' + btoa(byteout.join(''));
+    
+                    byteout = [];
+    
+                    // benchmarking
+                    // var duration = new Date().getTime() - time_start;
+                    // console.log('Encoding time: '+ currentQuality + 'ms');
+                    //
+    
+                    return jpegDataUri
+            }
+    
+            function setQuality(quality){
+                if (quality <= 0) {
+                    quality = 1;
+                }
+                if (quality > 100) {
+                    quality = 100;
+                }
+    
+                if(currentQuality == quality) return // don't recalc if unchanged
+    
+                var sf = 0;
+                if (quality < 50) {
+                    sf = Math.floor(5000 / quality);
+                } else {
+                    sf = Math.floor(200 - quality*2);
+                }
+    
+                initQuantTables(sf);
+                currentQuality = quality;
+                // console.log('Quality set to: '+quality +'%');
+            }
+    
+            function init(){
+                // var time_start = new Date().getTime();
+                if(!quality) quality = 50;
+                // Create tables
+                initCharLookupTable()
+                initHuffmanTbl();
+                initCategoryNumber();
+                initRGBYUVTable();
+    
+                setQuality(quality);
+                // var duration = new Date().getTime() - time_start;
+                // console.log('Initialization '+ duration + 'ms');
+            }
+    
+            init();
+    
+        };
+    
+        JPEGEncoder.encode = function( data, quality ) {
+            var encoder = new JPEGEncoder( quality );
+    
+            return encoder.encode( data );
+        }
+    
+        return JPEGEncoder;
+    });
+    /**
+     * @fileOverview Fix android canvas.toDataUrl bug.
+     */
+    define('runtime/html5/androidpatch',[
+        'runtime/html5/util',
+        'runtime/html5/jpegencoder',
+        'base'
+    ], function( Util, encoder, Base ) {
+        var origin = Util.canvasToDataUrl,
+            supportJpeg;
+    
+        Util.canvasToDataUrl = function( canvas, type, quality ) {
+            var ctx, w, h, fragement, parts;
+    
+            // 非android手机直接跳过。
+            if ( !Base.os.android ) {
+                return origin.apply( null, arguments );
+            }
+    
+            // 检测是否canvas支持jpeg导出，根据数据格式来判断。
+            // JPEG 前两位分别是：255, 216
+            if ( type === 'image/jpeg' && typeof supportJpeg === 'undefined' ) {
+                fragement = origin.apply( null, arguments );
+    
+                parts = fragement.split(',');
+    
+                if ( ~parts[ 0 ].indexOf('base64') ) {
+                    fragement = atob( parts[ 1 ] );
+                } else {
+                    fragement = decodeURIComponent( parts[ 1 ] );
+                }
+    
+                fragement = fragement.substring( 0, 2 );
+    
+                supportJpeg = fragement.charCodeAt( 0 ) === 255 &&
+                        fragement.charCodeAt( 1 ) === 216;
+            }
+    
+            // 只有在android环境下才修复
+            if ( type === 'image/jpeg' && !supportJpeg ) {
+                w = canvas.width;
+                h = canvas.height;
+                ctx = canvas.getContext('2d');
+    
+                return encoder.encode( ctx.getImageData( 0, 0, w, h ), quality );
+            }
+    
+            return origin.apply( null, arguments );
+        };
+    });
+    /**
+     * @fileOverview Image
+     */
+    define('runtime/html5/image',[
+        'base',
+        'runtime/html5/runtime',
+        'runtime/html5/util'
+    ], function( Base, Html5Runtime, Util ) {
+    
+        var BLANK = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D';
+    
+        return Html5Runtime.register( 'Image', {
+    
+            // flag: 标记是否被修改过。
+            modified: false,
+    
+            init: function() {
+                var me = this,
+                    img = new Image();
+    
+                img.onload = function() {
+    
+                    me._info = {
+                        type: me.type,
+                        width: this.width,
+                        height: this.height
+                    };
+    
+                    // 读取meta信息。
+                    if ( !me._metas && 'image/jpeg' === me.type ) {
+                        Util.parseMeta( me._blob, function( error, ret ) {
+                            me._metas = ret;
+                            me.owner.trigger('load');
+                        });
+                    } else {
+                        me.owner.trigger('load');
+                    }
+                };
+    
+                img.onerror = function() {
+                    me.owner.trigger('error');
+                };
+    
+                me._img = img;
+            },
+    
+            loadFromBlob: function( blob ) {
+                var me = this,
+                    img = me._img;
+    
+                me._blob = blob;
+                me.type = blob.type;
+                img.src = Util.createObjectURL( blob.getSource() );
+                me.owner.once( 'load', function() {
+                    Util.revokeObjectURL( img.src );
+                });
+            },
+    
+            resize: function( width, height ) {
+                var canvas = this._canvas ||
+                        (this._canvas = document.createElement('canvas'));
+    
+                this._resize( this._img, canvas, width, height );
+                this._blob = null;    // 没用了，可以删掉了。
+                this.modified = true;
+                this.owner.trigger('complete');
+            },
+    
+            getAsBlob: function( type ) {
+                var blob = this._blob,
+                    opts = this.options,
+                    canvas;
+    
+                type = type || this.type;
+    
+                // blob需要重新生成。
+                if ( this.modified || this.type !== type ) {
+                    canvas = this._canvas;
+    
+                    if ( type === 'image/jpeg' ) {
+    
+                        blob = Util.canvasToDataUrl( canvas, 'image/jpeg',
+                                opts.quality );
+    
+                        if ( opts.preserveHeaders && this._metas &&
+                                this._metas.imageHead ) {
+    
+                            blob = Util.dataURL2ArrayBuffer( blob );
+                            blob = Util.updateImageHead( blob,
+                                    this._metas.imageHead );
+                            blob = Util.arrayBufferToBlob( blob, type );
+                            return blob;
+                        }
+                    } else {
+                        blob = Util.canvasToDataUrl( canvas, type );
+                    }
+    
+                    blob = Util.dataURL2Blob( blob );
+                }
+    
+                return blob;
+            },
+    
+            getAsDataUrl: function( type ) {
+                var opts = this.options;
+    
+                type = type || this.type;
+    
+                if ( type === 'image/jpeg' ) {
+                    return Util.canvasToDataUrl( this._canvas, type, opts.quality );
+                } else {
+                    return this._canvas.toDataURL( type );
+                }
+            },
+    
+            getOrientation: function() {
+                return this._metas && this._metas.exif &&
+                        this._metas.exif.get('Orientation') || 1;
+            },
+    
+            info: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._info = val;
+                    return this;
+                }
+    
+                // getter
+                return this._info;
+            },
+    
+            meta: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._meta = val;
+                    return this;
+                }
+    
+                // getter
+                return this._meta;
+            },
+    
+            destroy: function() {
+                var canvas = this._canvas;
+                this._img.onload = null;
+    
+                if ( canvas ) {
+                    canvas.getContext('2d')
+                            .clearRect( 0, 0, canvas.width, canvas.height );
+                    canvas.width = canvas.height = 0;
+                    this._canvas = null;
+                }
+    
+                // 释放内存。非常重要，否则释放不了image的内存。
+                this._img.src = BLANK;
+                this._img = this._blob = null;
+            },
+    
+            _resize: function( img, cvs, width, height ) {
+                var opts = this.options,
+                    naturalWidth = img.width,
+                    naturalHeight = img.height,
+                    orientation = this.getOrientation(),
+                    scale, w, h, x, y;
+    
+                // values that require 90 degree rotation
+                if ( ~[ 5, 6, 7, 8 ].indexOf( orientation ) ) {
+    
+                    // 交换width, height的值。
+                    width ^= height;
+                    height ^= width;
+                    width ^= height;
+                }
+    
+                scale = Math[ opts.crop ? 'max' : 'min' ]( width / naturalWidth,
+                        height / naturalHeight );
+    
+                // 不允许放大。
+                opts.allowMagnify || (scale = Math.min( 1, scale ));
+    
+                w = naturalWidth * scale;
+                h = naturalHeight * scale;
+    
+                if ( opts.crop ) {
+                    cvs.width = width;
+                    cvs.height = height;
+                } else {
+                    cvs.width = w;
+                    cvs.height = h;
+                }
+    
+                x = (cvs.width - w) / 2;
+                y = (cvs.height - h) / 2;
+    
+                opts.preserveHeaders || this._rotate2Orientaion( cvs, orientation );
+    
+                this._renderImageToCanvas( cvs, img, x, y, w, h );
+            },
+    
+            _rotate2Orientaion: function( canvas, orientation ) {
+                var width = canvas.width,
+                    height = canvas.height,
+                    ctx = canvas.getContext('2d');
+    
+                switch ( orientation ) {
+                    case 5:
+                    case 6:
+                    case 7:
+                    case 8:
+                        canvas.width = height;
+                        canvas.height = width;
+                        break;
+                }
+    
+                switch ( orientation ) {
+                    case 2:    // horizontal flip
+                        ctx.translate( width, 0 );
+                        ctx.scale( -1, 1 );
+                        break;
+    
+                    case 3:    // 180 rotate left
+                        ctx.translate( width, height );
+                        ctx.rotate( Math.PI );
+                        break;
+    
+                    case 4:    // vertical flip
+                        ctx.translate( 0, height );
+                        ctx.scale( 1, -1 );
+                        break;
+    
+                    case 5:    // vertical flip + 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.scale( 1, -1 );
+                        break;
+    
+                    case 6:    // 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.translate( 0, -height );
+                        break;
+    
+                    case 7:    // horizontal flip + 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.translate( width, -height );
+                        ctx.scale( -1, 1 );
+                        break;
+    
+                    case 8:    // 90 rotate left
+                        ctx.rotate( -0.5 * Math.PI );
+                        ctx.translate( -width, 0 );
+                        break;
+                }
+            },
+    
+            // https://github.com/stomita/ios-imagefile-megapixel/
+            // blob/master/src/megapix-image.js
+            _renderImageToCanvas: (function() {
+    
+                // 如果不是ios, 不需要这么复杂！
+                if ( !Base.os.ios ) {
+                    return function( canvas, img, x, y, w, h ) {
+                        canvas.getContext('2d').drawImage( img, x, y, w, h );
+                    };
+                }
+    
+                /**
+                 * Detecting vertical squash in loaded image.
+                 * Fixes a bug which squash image vertically while drawing into
+                 * canvas for some images.
+                 */
+                function detectVerticalSquash( img, iw, ih ) {
+                    var canvas = document.createElement('canvas'),
+                        ctx = canvas.getContext('2d'),
+                        sy = 0,
+                        ey = ih,
+                        py = ih,
+                        data, alpha, ratio;
+    
+    
+                    canvas.width = 1;
+                    canvas.height = ih;
+                    ctx.drawImage( img, 0, 0 );
+                    data = ctx.getImageData( 0, 0, 1, ih ).data;
+    
+                    // search image edge pixel position in case
+                    // it is squashed vertically.
+                    while ( py > sy ) {
+                        alpha = data[ (py - 1) * 4 + 3 ];
+    
+                        if ( alpha === 0 ) {
+                            ey = py;
+                        } else {
+                            sy = py;
+                        }
+    
+                        py = (ey + sy) >> 1;
+                    }
+    
+                    ratio = (py / ih);
+                    return (ratio === 0) ? 1 : ratio;
+                }
+    
+                // fix ie7 bug
+                // http://stackoverflow.com/questions/11929099/
+                // html5-canvas-drawimage-ratio-bug-ios
+                if ( Base.os.ios >= 7 ) {
+                    return function( canvas, img, x, y, w, h ) {
+                        var iw = img.naturalWidth,
+                            ih = img.naturalHeight,
+                            vertSquashRatio = detectVerticalSquash( img, iw, ih );
+    
+                        return canvas.getContext('2d').drawImage( img, 0, 0,
+                            iw * vertSquashRatio, ih * vertSquashRatio,
+                            x, y, w, h );
+                    };
+                }
+    
+                /**
+                 * Detect subsampling in loaded image.
+                 * In iOS, larger images than 2M pixels may be
+                 * subsampled in rendering.
+                 */
+                function detectSubsampling( img ) {
+                    var iw = img.naturalWidth,
+                        ih = img.naturalHeight,
+                        canvas, ctx;
+    
+                    // subsampling may happen overmegapixel image
+                    if ( iw * ih > 1024 * 1024 ) {
+                        canvas = document.createElement('canvas');
+                        canvas.width = canvas.height = 1;
+                        ctx = canvas.getContext('2d');
+                        ctx.drawImage( img, -iw + 1, 0 );
+    
+                        // subsampled image becomes half smaller in rendering size.
+                        // check alpha channel value to confirm image is covering
+                        // edge pixel or not. if alpha value is 0
+                        // image is not covering, hence subsampled.
+                        return ctx.getImageData( 0, 0, 1, 1 ).data[ 3 ] === 0;
+                    } else {
+                        return false;
+                    }
+                }
+    
+    
+                return function( canvas, img, x, y, width, height ) {
+                    var iw = img.naturalWidth,
+                        ih = img.naturalHeight,
+                        ctx = canvas.getContext('2d'),
+                        subsampled = detectSubsampling( img ),
+                        doSquash = this.type === 'image/jpeg',
+                        d = 1024,
+                        sy = 0,
+                        dy = 0,
+                        tmpCanvas, tmpCtx, vertSquashRatio, dw, dh, sx, dx;
+    
+                    if ( subsampled ) {
+                        iw /= 2;
+                        ih /= 2;
+                    }
+    
+                    ctx.save();
+                    tmpCanvas = document.createElement('canvas');
+                    tmpCanvas.width = tmpCanvas.height = d;
+    
+                    tmpCtx = tmpCanvas.getContext('2d');
+                    vertSquashRatio = doSquash ?
+                            detectVerticalSquash( img, iw, ih ) : 1;
+    
+                    dw = Math.ceil( d * width / iw );
+                    dh = Math.ceil( d * height / ih / vertSquashRatio );
+    
+                    while ( sy < ih ) {
+                        sx = 0;
+                        dx = 0;
+                        while ( sx < iw ) {
+                            tmpCtx.clearRect( 0, 0, d, d );
+                            tmpCtx.drawImage( img, -sx, -sy );
+                            ctx.drawImage( tmpCanvas, 0, 0, d, d,
+                                    x + dx, y + dy, dw, dh );
+                            sx += d;
+                            dx += dw;
+                        }
+                        sy += d;
+                        dy += dh;
+                    }
+                    ctx.restore();
+                    tmpCanvas = tmpCtx = null;
+                };
+            })()
+        });
+    });
+    /**
+     * @fileOverview Transport
+     * @todo 支持chunked传输，优势：
+     * 可以将大文件分成小块，挨个传输，可以提高大文件成功率，当失败的时候，也只需要重传那小部分，
+     * 而不需要重头再传一次。另外断点续传也需要用chunked方式。
+     */
+    define('runtime/html5/transport',[
+        'base',
+        'runtime/html5/runtime'
+    ], function( Base, Html5Runtime ) {
+    
+        var noop = Base.noop,
+            $ = Base.$;
+    
+        return Html5Runtime.register( 'Transport', {
+            init: function() {
+                this._status = 0;
+                this._response = null;
+            },
+    
+            send: function() {
+                var owner = this.owner,
+                    opts = this.options,
+                    xhr = this._initAjax(),
+                    blob = owner._blob,
+                    server = opts.server,
+                    formData, binary, fr;
+    
+                if ( opts.sendAsBinary ) {
+                    server += (/\?/.test( server ) ? '&' : '?') +
+                            $.param( owner._formData );
+    
+                    binary = blob.getSource();
+                } else {
+                    formData = new FormData();
+                    $.each( owner._formData, function( k, v ) {
+                        formData.append( k, v );
+                    });
+    
+                    formData.append( opts.fileVal, blob.getSource(),
+                            opts.filename || owner._formData.name || '' );
+                }
+    
+                if ( opts.withCredentials && 'withCredentials' in xhr ) {
+                    xhr.open( opts.method, server, true );
+                    xhr.withCredentials = true;
+                } else {
+                    xhr.open( opts.method, server );
+                }
+    
+                this._setRequestHeader( xhr, opts.headers );
+    
+                if ( binary ) {
+                    xhr.overrideMimeType('application/octet-stream');
+    
+                    // android直接发送blob会导致服务端接收到的是空文件。
+                    // bug详情。
+                    // https://code.google.com/p/android/issues/detail?id=39882
+                    // 所以先用fileReader读取出来再通过arraybuffer的方式发送。
+                    if ( Base.os.android ) {
+                        fr = new FileReader();
+    
+                        fr.onload = function() {
+                            xhr.send( this.result );
+                            fr = fr.onload = null;
+                        };
+    
+                        fr.readAsArrayBuffer( binary );
+                    } else {
+                        xhr.send( binary );
+                    }
+                } else {
+                    xhr.send( formData );
+                }
+            },
+    
+            getResponse: function() {
+                return this._response;
+            },
+    
+            getResponseAsJson: function() {
+                return this._parseJson( this._response );
+            },
+    
+            getStatus: function() {
+                return this._status;
+            },
+    
+            abort: function() {
+                var xhr = this._xhr;
+    
+                if ( xhr ) {
+                    xhr.upload.onprogress = noop;
+                    xhr.onreadystatechange = noop;
+                    xhr.abort();
+    
+                    this._xhr = xhr = null;
+                }
+            },
+    
+            destroy: function() {
+                this.abort();
+            },
+    
+            _initAjax: function() {
+                var me = this,
+                    xhr = new XMLHttpRequest(),
+                    opts = this.options;
+    
+                if ( opts.withCredentials && !('withCredentials' in xhr) &&
+                        typeof XDomainRequest !== 'undefined' ) {
+                    xhr = new XDomainRequest();
+                }
+    
+                xhr.upload.onprogress = function( e ) {
+                    var percentage = 0;
+    
+                    if ( e.lengthComputable ) {
+                        percentage = e.loaded / e.total;
+                    }
+    
+                    return me.trigger( 'progress', percentage );
+                };
+    
+                xhr.onreadystatechange = function() {
+    
+                    if ( xhr.readyState !== 4 ) {
+                        return;
+                    }
+    
+                    xhr.upload.onprogress = noop;
+                    xhr.onreadystatechange = noop;
+                    me._xhr = null;
+                    me._status = xhr.status;
+    
+                    if ( xhr.status >= 200 && xhr.status < 300 ) {
+                        me._response = xhr.responseText;
+                        return me.trigger('load');
+                    } else if ( xhr.status >= 500 && xhr.status < 600 ) {
+                        me._response = xhr.responseText;
+                        return me.trigger( 'error', 'server' );
+                    }
+    
+    
+                    return me.trigger( 'error', me._status ? 'http' : 'abort' );
+                };
+    
+                me._xhr = xhr;
+                return xhr;
+            },
+    
+            _setRequestHeader: function( xhr, headers ) {
+                $.each( headers, function( key, val ) {
+                    xhr.setRequestHeader( key, val );
+                });
+            },
+    
+            _parseJson: function( str ) {
+                var json;
+    
+                try {
+                    json = JSON.parse( str );
+                } catch ( ex ) {
+                    json = {};
+                }
+    
+                return json;
+            }
+        });
+    });
+    /**
+     * @fileOverview FlashRuntime
+     */
+    define('runtime/flash/runtime',[
+        'base',
+        'runtime/runtime',
+        'runtime/compbase'
+    ], function( Base, Runtime, CompBase ) {
+    
+        var $ = Base.$,
+            type = 'flash',
+            components = {};
+    
+    
+        function getFlashVersion() {
+            var version;
+    
+            try {
+                version = navigator.plugins[ 'Shockwave Flash' ];
+                version = version.description;
+            } catch ( ex ) {
+                try {
+                    version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash')
+                            .GetVariable('$version');
+                } catch ( ex2 ) {
+                    version = '0.0';
+                }
+            }
+            version = version.match( /\d+/g );
+            return parseFloat( version[ 0 ] + '.' + version[ 1 ], 10 );
+        }
+    
+        function FlashRuntime() {
+            var pool = {},
+                clients = {},
+                destory = this.destory,
+                me = this,
+                jsreciver = Base.guid('webuploader_');
+    
+            Runtime.apply( me, arguments );
+            me.type = type;
+    
+    
+            // 这个方法的调用者，实际上是RuntimeClient
+            me.exec = function( comp, fn/*, args...*/ ) {
+                var client = this,
+                    uid = client.uid,
+                    args = Base.slice( arguments, 2 ),
+                    instance;
+    
+                clients[ uid ] = client;
+    
+                if ( components[ comp ] ) {
+                    if ( !pool[ uid ] ) {
+                        pool[ uid ] = new components[ comp ]( client, me );
+                    }
+    
+                    instance = pool[ uid ];
+    
+                    if ( instance[ fn ] ) {
+                        return instance[ fn ].apply( instance, args );
+                    }
+                }
+    
+                return me.flashExec.apply( client, arguments );
+            };
+    
+            function handler( evt, obj ) {
+                var type = evt.type || evt,
+                    parts, uid;
+    
+                parts = type.split('::');
+                uid = parts[ 0 ];
+                type = parts[ 1 ];
+    
+                // console.log.apply( console, arguments );
+    
+                if ( type === 'Ready' && uid === me.uid ) {
+                    me.trigger('ready');
+                } else if ( clients[ uid ] ) {
+                    clients[ uid ].trigger( type.toLowerCase(), evt, obj );
+                }
+    
+                // Base.log( evt, obj );
+            }
+    
+            // flash的接受器。
+            window[ jsreciver ] = function() {
+                var args = arguments;
+    
+                // 为了能捕获得到。
+                setTimeout(function() {
+                    handler.apply( null, args );
+                }, 1 );
+            };
+    
+            this.jsreciver = jsreciver;
+    
+            this.destory = function() {
+                // @todo 删除池子中的所有实例
+                return destory && destory.apply( this, arguments );
+            };
+    
+            this.flashExec = function( comp, fn ) {
+                var flash = me.getFlash(),
+                    args = Base.slice( arguments, 2 );
+    
+                return flash.exec( this.uid, comp, fn, args );
+            };
+    
+            // @todo
+        }
+    
+        Base.inherits( Runtime, {
+            constructor: FlashRuntime,
+    
+            init: function() {
+                var container = this.getContainer(),
+                    opts = this.options,
+                    html;
+    
+                // if not the minimal height, shims are not initialized
+                // in older browsers (e.g FF3.6, IE6,7,8, Safari 4.0,5.0, etc)
+                container.css({
+                    position: 'absolute',
+                    top: '-8px',
+                    left: '-8px',
+                    width: '9px',
+                    height: '9px',
+                    overflow: 'hidden'
+                });
+    
+                // insert flash object
+                html = '<object id="' + this.uid + '" type="application/' +
+                        'x-shockwave-flash" data="' +  opts.swf + '" ';
+    
+                if ( Base.browser.ie ) {
+                    html += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ';
+                }
+    
+                html += 'width="100%" height="100%" style="outline:0">'  +
+                    '<param name="movie" value="' + opts.swf + '" />' +
+                    '<param name="flashvars" value="uid=' + this.uid +
+                    '&jsreciver=' + this.jsreciver + '" />' +
+                    '<param name="wmode" value="transparent" />' +
+                    '<param name="allowscriptaccess" value="always" />' +
+                '</object>';
+    
+                container.html( html );
+            },
+    
+            getFlash: function() {
+                if ( this._flash ) {
+                    return this._flash;
+                }
+    
+                this._flash = $( '#' + this.uid ).get( 0 );
+                return this._flash;
+            }
+    
+        });
+    
+        FlashRuntime.register = function( name, component ) {
+            component = components[ name ] = Base.inherits( CompBase, $.extend({
+    
+                // @todo fix this later
+                flashExec: function() {
+                    var owner = this.owner,
+                        runtime = this.getRuntime();
+    
+                    return runtime.flashExec.apply( owner, arguments );
+                }
+            }, component ) );
+    
+            return component;
+        };
+    
+        if ( getFlashVersion() >= 11.4 ) {
+            Runtime.addRuntime( type, FlashRuntime );
+        }
+    
+        return FlashRuntime;
+    });
+    /**
+     * @fileOverview FilePicker
+     */
+    define('runtime/flash/filepicker',[
+        'base',
+        'runtime/flash/runtime'
+    ], function( Base, FlashRuntime ) {
+        var $ = Base.$;
+    
+        return FlashRuntime.register( 'FilePicker', {
+            init: function( opts ) {
+                var copy = $.extend({}, opts ),
+                    len, i;
+    
+                // 修复Flash再没有设置title的情况下无法弹出flash文件选择框的bug.
+                len = copy.accept && copy.accept.length;
+                for (  i = 0; i < len; i++ ) {
+                    if ( !copy.accept[ i ].title ) {
+                        copy.accept[ i ].title = 'Files';
+                    }
+                }
+    
+                delete copy.button;
+                delete copy.container;
+    
+                this.flashExec( 'FilePicker', 'init', copy );
+            },
+    
+            destroy: function() {
+                // todo
+            }
+        });
+    });
+    /**
+     * @fileOverview 图片压缩
+     */
+    define('runtime/flash/image',[
+        'runtime/flash/runtime'
+    ], function( FlashRuntime ) {
+    
+        return FlashRuntime.register( 'Image', {
+            // init: function( options ) {
+            //     var owner = this.owner;
+    
+            //     this.flashExec( 'Image', 'init', options );
+            //     owner.on( 'load', function() {
+            //         debugger;
+            //     });
+            // },
+    
+            loadFromBlob: function( blob ) {
+                var owner = this.owner;
+    
+                owner.info() && this.flashExec( 'Image', 'info', owner.info() );
+                owner.meta() && this.flashExec( 'Image', 'meta', owner.meta() );
+    
+                this.flashExec( 'Image', 'loadFromBlob', blob.uid );
+            }
+        });
+    });
+    /**
+     * @fileOverview  Transport flash实现
+     */
+    define('runtime/flash/transport',[
+        'base',
+        'runtime/flash/runtime',
+        'runtime/client'
+    ], function( Base, FlashRuntime, RuntimeClient ) {
+        var $ = Base.$;
+    
+        return FlashRuntime.register( 'Transport', {
+            init: function() {
+                this._status = 0;
+                this._response = null;
+                this._responseJson = null;
+            },
+    
+            send: function() {
+                var owner = this.owner,
+                    opts = this.options,
+                    xhr = this._initAjax(),
+                    blob = owner._blob,
+                    server = opts.server,
+                    binary;
+    
+                xhr.connectRuntime( blob.ruid );
+    
+                if ( opts.sendAsBinary ) {
+                    server += (/\?/.test( server ) ? '&' : '?') +
+                            $.param( owner._formData );
+    
+                    binary = blob.uid;
+                } else {
+                    $.each( owner._formData, function( k, v ) {
+                        xhr.exec( 'append', k, v );
+                    });
+    
+                    xhr.exec( 'appendBlob', opts.fileVal, blob.uid,
+                            opts.filename || owner._formData.name || '' );
+                }
+    
+                this._setRequestHeader( xhr, opts.headers );
+                xhr.exec( 'send', {
+                    method: opts.method,
+                    url: server
+                }, binary );
+            },
+    
+            getStatus: function() {
+                return this._status;
+            },
+    
+            getResponse: function() {
+                return this._response;
+            },
+    
+            getResponseAsJson: function() {
+                return this._responseJson;
+            },
+    
+            abort: function() {
+                var xhr = this._xhr;
+    
+                if ( xhr ) {
+                    xhr.exec('abort');
+                    xhr.destroy();
+                    this._xhr = xhr = null;
+                }
+            },
+    
+            destroy: function() {
+                this.abort();
+            },
+    
+            _initAjax: function() {
+                var me = this,
+                    xhr = new RuntimeClient('XMLHttpRequest');
+    
+                xhr.on( 'uploadprogress progress', function( e ) {
+                    return me.trigger( 'progress', e.loaded / e.total );
+                });
+    
+                xhr.on( 'load', function() {
+                    var status = xhr.exec('getStatus'),
+                        err = '';
+    
+                    xhr.off();
+                    me._xhr = null;
+    
+                    if ( status >= 200 && status < 300 ) {
+                        me._response = xhr.exec('getResponse');
+                        me._responseJson = xhr.exec('getResponseAsJson');
+                    } else if ( status >= 500 && status < 600 ) {
+                        me._response = xhr.exec('getResponse');
+                        me._responseJson = xhr.exec('getResponseAsJson');
+                        err = 'server';
+                    } else {
+                        err = 'http';
+                    }
+    
+                    xhr.destroy();
+                    xhr = null;
+    
+                    return err ? me.trigger( 'error', err ) : me.trigger('load');
+                });
+    
+                xhr.on( 'error', function() {
+                    xhr.off();
+                    me._xhr = null;
+                    me.trigger( 'error', 'http' );
+                });
+    
+                me._xhr = xhr;
+                return xhr;
+            },
+    
+            _setRequestHeader: function( xhr, headers ) {
+                $.each( headers, function( key, val ) {
+                    xhr.exec( 'setRequestHeader', key, val );
+                });
+            }
+        });
+    });
+    /**
+     * @fileOverview 完全版本。
+     */
+    define('preset/all',[
+        'base',
+    
+        // widgets
+        'widgets/filednd',
+        'widgets/filepaste',
+        'widgets/filepicker',
+        'widgets/image',
+        'widgets/queue',
+        'widgets/runtime',
+        'widgets/upload',
+        'widgets/validator',
+    
+        // runtimes
+        // html5
+        'runtime/html5/blob',
+        'runtime/html5/dnd',
+        'runtime/html5/filepaste',
+        'runtime/html5/filepicker',
+        'runtime/html5/imagemeta/exif',
+        'runtime/html5/androidpatch',
+        'runtime/html5/image',
+        'runtime/html5/transport',
+    
+        // flash
+        'runtime/flash/filepicker',
+        'runtime/flash/image',
+        'runtime/flash/transport'
+    ], function( Base ) {
+        return Base;
+    });
+    define('webuploader',[
+        'preset/all'
+    ], function( preset ) {
+        return preset;
+    });
+    return require('webuploader');
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.min.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.min.js
new file mode 100644
index 000000000..8807780cb
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.min.js
@@ -0,0 +1,2 @@
+/* WebUploader 0.1.2 */!function(a,b){var c,d={},e=function(a,b){var c,d,e;if("string"==typeof a)return h(a);for(c=[],d=a.length,e=0;d>e;e++)c.push(h(a[e]));return b.apply(null,c)},f=function(a,b,c){2===arguments.length&&(c=b,b=null),e(b||[],function(){g(a,c,arguments)})},g=function(a,b,c){var f,g={exports:b};"function"==typeof b&&(c.length||(c=[e,g.exports,g]),f=b.apply(null,c),void 0!==f&&(g.exports=f)),d[a]=g.exports},h=function(b){var c=d[b]||a[b];if(!c)throw new Error("`"+b+"` is undefined");return c},i=function(a){var b,c,e,f,g,h;h=function(a){return a&&a.charAt(0).toUpperCase()+a.substr(1)};for(b in d)if(c=a,d.hasOwnProperty(b)){for(e=b.split("/"),g=h(e.pop());f=h(e.shift());)c[f]=c[f]||{},c=c[f];c[g]=d[b]}},j=b(a,f,e);i(j),"object"==typeof module&&"object"==typeof module.exports?module.exports=j:"function"==typeof define&&define.amd?define([],j):(c=a.WebUploader,a.WebUploader=j,a.WebUploader.noConflict=function(){a.WebUploader=c})}(this,function(a,b,c){return b("dollar-third",[],function(){return a.jQuery||a.Zepto}),b("dollar",["dollar-third"],function(a){return a}),b("promise-third",["dollar"],function(a){return{Deferred:a.Deferred,when:a.when,isPromise:function(a){return a&&"function"==typeof a.then}}}),b("promise",["promise-third"],function(a){return a}),b("base",["dollar","promise"],function(b,c){function d(a){return function(){return h.apply(a,arguments)}}function e(a,b){return function(){return a.apply(b,arguments)}}function f(a){var b;return Object.create?Object.create(a):(b=function(){},b.prototype=a,new b)}var g=function(){},h=Function.call;return{version:"0.1.2",$:b,Deferred:c.Deferred,isPromise:c.isPromise,when:c.when,browser:function(a){var b={},c=a.match(/WebKit\/([\d.]+)/),d=a.match(/Chrome\/([\d.]+)/)||a.match(/CriOS\/([\d.]+)/),e=a.match(/MSIE\s([\d\.]+)/)||a.match(/(?:trident)(?:.*rv:([\w.]+))?/i),f=a.match(/Firefox\/([\d.]+)/),g=a.match(/Safari\/([\d.]+)/),h=a.match(/OPR\/([\d.]+)/);return c&&(b.webkit=parseFloat(c[1])),d&&(b.chrome=parseFloat(d[1])),e&&(b.ie=parseFloat(e[1])),f&&(b.firefox=parseFloat(f[1])),g&&(b.safari=parseFloat(g[1])),h&&(b.opera=parseFloat(h[1])),b}(navigator.userAgent),os:function(a){var b={},c=a.match(/(?:Android);?[\s\/]+([\d.]+)?/),d=a.match(/(?:iPad|iPod|iPhone).*OS\s([\d_]+)/);return c&&(b.android=parseFloat(c[1])),d&&(b.ios=parseFloat(d[1].replace(/_/g,"."))),b}(navigator.userAgent),inherits:function(a,c,d){var e;return"function"==typeof c?(e=c,c=null):e=c&&c.hasOwnProperty("constructor")?c.constructor:function(){return a.apply(this,arguments)},b.extend(!0,e,a,d||{}),e.__super__=a.prototype,e.prototype=f(a.prototype),c&&b.extend(!0,e.prototype,c),e},noop:g,bindFn:e,log:function(){return a.console?e(console.log,console):g}(),nextTick:function(){return function(a){setTimeout(a,1)}}(),slice:d([].slice),guid:function(){var a=0;return function(b){for(var c=(+new Date).toString(32),d=0;5>d;d++)c+=Math.floor(65535*Math.random()).toString(32);return(b||"wu_")+c+(a++).toString(32)}}(),formatSize:function(a,b,c){var d;for(c=c||["B","K","M","G","TB"];(d=c.shift())&&a>1024;)a/=1024;return("B"===d?a:a.toFixed(b||2))+d}}}),b("mediator",["base"],function(a){function b(a,b,c,d){return f.grep(a,function(a){return!(!a||b&&a.e!==b||c&&a.cb!==c&&a.cb._cb!==c||d&&a.ctx!==d)})}function c(a,b,c){f.each((a||"").split(h),function(a,d){c(d,b)})}function d(a,b){for(var c,d=!1,e=-1,f=a.length;++e<f;)if(c=a[e],c.cb.apply(c.ctx2,b)===!1){d=!0;break}return!d}var e,f=a.$,g=[].slice,h=/\s+/;return e={on:function(a,b,d){var e,f=this;return b?(e=this._events||(this._events=[]),c(a,b,function(a,b){var c={e:a};c.cb=b,c.ctx=d,c.ctx2=d||f,c.id=e.length,e.push(c)}),this):this},once:function(a,b,d){var e=this;return b?(c(a,b,function(a,b){var c=function(){return e.off(a,c),b.apply(d||e,arguments)};c._cb=b,e.on(a,c,d)}),e):e},off:function(a,d,e){var g=this._events;return g?a||d||e?(c(a,d,function(a,c){f.each(b(g,a,c,e),function(){delete g[this.id]})}),this):(this._events=[],this):this},trigger:function(a){var c,e,f;return this._events&&a?(c=g.call(arguments,1),e=b(this._events,a),f=b(this._events,"all"),d(e,c)&&d(f,arguments)):this}},f.extend({installTo:function(a){return f.extend(a,e)}},e)}),b("uploader",["base","mediator"],function(a,b){function c(a){this.options=d.extend(!0,{},c.options,a),this._init(this.options)}var d=a.$;return c.options={},b.installTo(c.prototype),d.each({upload:"start-upload",stop:"stop-upload",getFile:"get-file",getFiles:"get-files",addFile:"add-file",addFiles:"add-file",sort:"sort-files",removeFile:"remove-file",skipFile:"skip-file",retry:"retry",isInProgress:"is-in-progress",makeThumb:"make-thumb",getDimension:"get-dimension",addButton:"add-btn",getRuntimeType:"get-runtime-type",refresh:"refresh",disable:"disable",enable:"enable",reset:"reset"},function(a,b){c.prototype[a]=function(){return this.request(b,arguments)}}),d.extend(c.prototype,{state:"pending",_init:function(a){var b=this;b.request("init",a,function(){b.state="ready",b.trigger("ready")})},option:function(a,b){var c=this.options;return arguments.length>1?void(d.isPlainObject(b)&&d.isPlainObject(c[a])?d.extend(c[a],b):c[a]=b):a?c[a]:c},getStats:function(){var a=this.request("get-stats");return{successNum:a.numOfSuccess,cancelNum:a.numOfCancel,invalidNum:a.numOfInvalid,uploadFailNum:a.numOfUploadFailed,queueNum:a.numOfQueue}},trigger:function(a){var c=[].slice.call(arguments,1),e=this.options,f="on"+a.substring(0,1).toUpperCase()+a.substring(1);return b.trigger.apply(this,arguments)===!1||d.isFunction(e[f])&&e[f].apply(this,c)===!1||d.isFunction(this[f])&&this[f].apply(this,c)===!1||b.trigger.apply(b,[this,a].concat(c))===!1?!1:!0},request:a.noop}),a.create=c.create=function(a){return new c(a)},a.Uploader=c,c}),b("runtime/runtime",["base","mediator"],function(a,b){function c(b){this.options=d.extend({container:document.body},b),this.uid=a.guid("rt_")}var d=a.$,e={},f=function(a){for(var b in a)if(a.hasOwnProperty(b))return b;return null};return d.extend(c.prototype,{getContainer:function(){var a,b,c=this.options;return this._container?this._container:(a=d(c.container||document.body),b=d(document.createElement("div")),b.attr("id","rt_"+this.uid),b.css({position:"absolute",top:"0px",left:"0px",width:"1px",height:"1px",overflow:"hidden"}),a.append(b),a.addClass("webuploader-container"),this._container=b,b)},init:a.noop,exec:a.noop,destroy:function(){this._container&&this._container.parentNode.removeChild(this.__container),this.off()}}),c.orders="html5,flash",c.addRuntime=function(a,b){e[a]=b},c.hasRuntime=function(a){return!!(a?e[a]:f(e))},c.create=function(a,b){var g,h;if(b=b||c.orders,d.each(b.split(/\s*,\s*/g),function(){return e[this]?(g=this,!1):void 0}),g=g||f(e),!g)throw new Error("Runtime Error");return h=new e[g](a)},b.installTo(c.prototype),c}),b("runtime/client",["base","mediator","runtime/runtime"],function(a,b,c){function d(b,d){var f,g=a.Deferred();this.uid=a.guid("client_"),this.runtimeReady=function(a){return g.done(a)},this.connectRuntime=function(b,h){if(f)throw new Error("already connected!");return g.done(h),"string"==typeof b&&e.get(b)&&(f=e.get(b)),f=f||e.get(null,d),f?(a.$.extend(f.options,b),f.__promise.then(g.resolve),f.__client++):(f=c.create(b,b.runtimeOrder),f.__promise=g.promise(),f.once("ready",g.resolve),f.init(),e.add(f),f.__client=1),d&&(f.__standalone=d),f},this.getRuntime=function(){return f},this.disconnectRuntime=function(){f&&(f.__client--,f.__client<=0&&(e.remove(f),delete f.__promise,f.destroy()),f=null)},this.exec=function(){if(f){var c=a.slice(arguments);return b&&c.unshift(b),f.exec.apply(this,c)}},this.getRuid=function(){return f&&f.uid},this.destroy=function(a){return function(){a&&a.apply(this,arguments),this.trigger("destroy"),this.off(),this.exec("destroy"),this.disconnectRuntime()}}(this.destroy)}var e;return e=function(){var a={};return{add:function(b){a[b.uid]=b},get:function(b,c){var d;if(b)return a[b];for(d in a)if(!c||!a[d].__standalone)return a[d];return null},remove:function(b){delete a[b.uid]}}}(),b.installTo(d.prototype),d}),b("lib/dnd",["base","mediator","runtime/client"],function(a,b,c){function d(a){a=this.options=e.extend({},d.options,a),a.container=e(a.container),a.container.length&&c.call(this,"DragAndDrop")}var e=a.$;return d.options={accept:null,disableGlobalDnd:!1},a.inherits(c,{constructor:d,init:function(){var a=this;a.connectRuntime(a.options,function(){a.exec("init"),a.trigger("ready")})},destroy:function(){this.disconnectRuntime()}}),b.installTo(d.prototype),d}),b("widgets/widget",["base","uploader"],function(a,b){function c(a){if(!a)return!1;var b=a.length,c=e.type(a);return 1===a.nodeType&&b?!0:"array"===c||"function"!==c&&"string"!==c&&(0===b||"number"==typeof b&&b>0&&b-1 in a)}function d(a){this.owner=a,this.options=a.options}var e=a.$,f=b.prototype._init,g={},h=[];return e.extend(d.prototype,{init:a.noop,invoke:function(a,b){var c=this.responseMap;return c&&a in c&&c[a]in this&&e.isFunction(this[c[a]])?this[c[a]].apply(this,b):g},request:function(){return this.owner.request.apply(this.owner,arguments)}}),e.extend(b.prototype,{_init:function(){var a=this,b=a._widgets=[];return e.each(h,function(c,d){b.push(new d(a))}),f.apply(a,arguments)},request:function(b,d,e){var f,h,i,j,k=0,l=this._widgets,m=l.length,n=[],o=[];for(d=c(d)?d:[d];m>k;k++)f=l[k],h=f.invoke(b,d),h!==g&&(a.isPromise(h)?o.push(h):n.push(h));return e||o.length?(i=a.when.apply(a,o),j=i.pipe?"pipe":"then",i[j](function(){var b=a.Deferred(),c=arguments;return setTimeout(function(){b.resolve.apply(b,c)},1),b.promise()})[j](e||a.noop)):n[0]}}),b.register=d.register=function(b,c){var f,g={init:"init"};return 1===arguments.length?(c=b,c.responseMap=g):c.responseMap=e.extend(g,b),f=a.inherits(d,c),h.push(f),f},d}),b("widgets/filednd",["base","uploader","lib/dnd","widgets/widget"],function(a,b,c){var d=a.$;return b.options.dnd="",b.register({init:function(b){if(b.dnd&&"html5"===this.request("predict-runtime-type")){var e,f=this,g=a.Deferred(),h=d.extend({},{disableGlobalDnd:b.disableGlobalDnd,container:b.dnd,accept:b.accept});return e=new c(h),e.once("ready",g.resolve),e.on("drop",function(a){f.request("add-file",[a])}),e.on("accept",function(a){return f.owner.trigger("dndAccept",a)}),e.init(),g.promise()}}})}),b("lib/filepaste",["base","mediator","runtime/client"],function(a,b,c){function d(a){a=this.options=e.extend({},a),a.container=e(a.container||document.body),c.call(this,"FilePaste")}var e=a.$;return a.inherits(c,{constructor:d,init:function(){var a=this;a.connectRuntime(a.options,function(){a.exec("init"),a.trigger("ready")})},destroy:function(){this.exec("destroy"),this.disconnectRuntime(),this.off()}}),b.installTo(d.prototype),d}),b("widgets/filepaste",["base","uploader","lib/filepaste","widgets/widget"],function(a,b,c){var d=a.$;return b.register({init:function(b){if(b.paste&&"html5"===this.request("predict-runtime-type")){var e,f=this,g=a.Deferred(),h=d.extend({},{container:b.paste,accept:b.accept});return e=new c(h),e.once("ready",g.resolve),e.on("paste",function(a){f.owner.request("add-file",[a])}),e.init(),g.promise()}}})}),b("lib/blob",["base","runtime/client"],function(a,b){function c(a,c){var d=this;d.source=c,d.ruid=a,b.call(d,"Blob"),this.uid=c.uid||this.uid,this.type=c.type||"",this.size=c.size||0,a&&d.connectRuntime(a)}return a.inherits(b,{constructor:c,slice:function(a,b){return this.exec("slice",a,b)},getSource:function(){return this.source}}),c}),b("lib/file",["base","lib/blob"],function(a,b){function c(a,c){var f;b.apply(this,arguments),this.name=c.name||"untitled"+d++,f=e.exec(c.name)?RegExp.$1.toLowerCase():"",!f&&this.type&&(f=/\/(jpg|jpeg|png|gif|bmp)$/i.exec(this.type)?RegExp.$1.toLowerCase():"",this.name+="."+f),!this.type&&~"jpg,jpeg,png,gif,bmp".indexOf(f)&&(this.type="image/"+("jpg"===f?"jpeg":f)),this.ext=f,this.lastModifiedDate=c.lastModifiedDate||(new Date).toLocaleString()}var d=1,e=/\.([^.]+)$/;return a.inherits(b,c)}),b("lib/filepicker",["base","runtime/client","lib/file"],function(b,c,d){function e(a){if(a=this.options=f.extend({},e.options,a),a.container=f(a.id),!a.container.length)throw new Error("按钮指定错误");a.innerHTML=a.innerHTML||a.label||a.container.html()||"",a.button=f(a.button||document.createElement("div")),a.button.html(a.innerHTML),a.container.html(a.button),c.call(this,"FilePicker",!0)}var f=b.$;return e.options={button:null,container:null,label:null,innerHTML:null,multiple:!0,accept:null,name:"file"},b.inherits(c,{constructor:e,init:function(){var b=this,c=b.options,e=c.button;e.addClass("webuploader-pick"),b.on("all",function(a){var g;switch(a){case"mouseenter":e.addClass("webuploader-pick-hover");break;case"mouseleave":e.removeClass("webuploader-pick-hover");break;case"change":g=b.exec("getFiles"),b.trigger("select",f.map(g,function(a){return a=new d(b.getRuid(),a),a._refer=c.container,a}),c.container)}}),b.connectRuntime(c,function(){b.refresh(),b.exec("init",c),b.trigger("ready")}),f(a).on("resize",function(){b.refresh()})},refresh:function(){var a=this.getRuntime().getContainer(),b=this.options.button,c=b.outerWidth?b.outerWidth():b.width(),d=b.outerHeight?b.outerHeight():b.height(),e=b.offset();c&&d&&a.css({bottom:"auto",right:"auto",width:c+"px",height:d+"px"}).offset(e)},enable:function(){var a=this.options.button;a.removeClass("webuploader-pick-disable"),this.refresh()},disable:function(){var a=this.options.button;this.getRuntime().getContainer().css({top:"-99999px"}),a.addClass("webuploader-pick-disable")},destroy:function(){this.runtime&&(this.exec("destroy"),this.disconnectRuntime())}}),e}),b("widgets/filepicker",["base","uploader","lib/filepicker","widgets/widget"],function(a,b,c){var d=a.$;return d.extend(b.options,{pick:null,accept:null}),b.register({"add-btn":"addButton",refresh:"refresh",disable:"disable",enable:"enable"},{init:function(a){return this.pickers=[],a.pick&&this.addButton(a.pick)},refresh:function(){d.each(this.pickers,function(){this.refresh()})},addButton:function(b){var e,f,g,h=this,i=h.options,j=i.accept;if(b)return g=a.Deferred(),d.isPlainObject(b)||(b={id:b}),e=d.extend({},b,{accept:d.isPlainObject(j)?[j]:j,swf:i.swf,runtimeOrder:i.runtimeOrder}),f=new c(e),f.once("ready",g.resolve),f.on("select",function(a){h.owner.request("add-file",[a])}),f.init(),this.pickers.push(f),g.promise()},disable:function(){d.each(this.pickers,function(){this.disable()})},enable:function(){d.each(this.pickers,function(){this.enable()})}})}),b("lib/image",["base","runtime/client","lib/blob"],function(a,b,c){function d(a){this.options=e.extend({},d.options,a),b.call(this,"Image"),this.on("load",function(){this._info=this.exec("info"),this._meta=this.exec("meta")})}var e=a.$;return d.options={quality:90,crop:!1,preserveHeaders:!0,allowMagnify:!0},a.inherits(b,{constructor:d,info:function(a){return a?(this._info=a,this):this._info},meta:function(a){return a?(this._meta=a,this):this._meta},loadFromBlob:function(a){var b=this,c=a.getRuid();this.connectRuntime(c,function(){b.exec("init",b.options),b.exec("loadFromBlob",a)})},resize:function(){var b=a.slice(arguments);return this.exec.apply(this,["resize"].concat(b))},getAsDataUrl:function(a){return this.exec("getAsDataUrl",a)},getAsBlob:function(a){var b=this.exec("getAsBlob",a);return new c(this.getRuid(),b)}}),d}),b("widgets/image",["base","uploader","lib/image","widgets/widget"],function(a,b,c){var d,e=a.$;return d=function(a){var b=0,c=[],d=function(){for(var d;c.length&&a>b;)d=c.shift(),b+=d[0],d[1]()};return function(a,e,f){c.push([e,f]),a.once("destroy",function(){b-=e,setTimeout(d,1)}),setTimeout(d,1)}}(5242880),e.extend(b.options,{thumb:{width:110,height:110,quality:70,allowMagnify:!0,crop:!0,preserveHeaders:!1,type:"image/jpeg"},compress:{width:1600,height:1600,quality:90,allowMagnify:!1,crop:!1,preserveHeaders:!0}}),b.register({"make-thumb":"makeThumb","before-send-file":"compressImage"},{makeThumb:function(a,b,f,g){var h,i;return a=this.request("get-file",a),a.type.match(/^image/)?(h=e.extend({},this.options.thumb),e.isPlainObject(f)&&(h=e.extend(h,f),f=null),f=f||h.width,g=g||h.height,i=new c(h),i.once("load",function(){a._info=a._info||i.info(),a._meta=a._meta||i.meta(),i.resize(f,g)}),i.once("complete",function(){b(!1,i.getAsDataUrl(h.type)),i.destroy()}),i.once("error",function(){b(!0),i.destroy()}),void d(i,a.source.size,function(){a._info&&i.info(a._info),a._meta&&i.meta(a._meta),i.loadFromBlob(a.source)})):void b(!0)},compressImage:function(b){var d,f,g=this.options.compress||this.options.resize,h=g&&g.compressSize||307200;return b=this.request("get-file",b),!g||!~"image/jpeg,image/jpg".indexOf(b.type)||b.size<h||b._compressed?void 0:(g=e.extend({},g),f=a.Deferred(),d=new c(g),f.always(function(){d.destroy(),d=null}),d.once("error",f.reject),d.once("load",function(){b._info=b._info||d.info(),b._meta=b._meta||d.meta(),d.resize(g.width,g.height)}),d.once("complete",function(){var a,c;try{a=d.getAsBlob(g.type),c=b.size,a.size<c&&(b.source=a,b.size=a.size,b.trigger("resize",a.size,c)),b._compressed=!0,f.resolve()}catch(e){f.resolve()}}),b._info&&d.info(b._info),b._meta&&d.meta(b._meta),d.loadFromBlob(b.source),f.promise())}})}),b("file",["base","mediator"],function(a,b){function c(){return f+g++}function d(a){this.name=a.name||"Untitled",this.size=a.size||0,this.type=a.type||"application",this.lastModifiedDate=a.lastModifiedDate||1*new Date,this.id=c(),this.ext=h.exec(this.name)?RegExp.$1:"",this.statusText="",i[this.id]=d.Status.INITED,this.source=a,this.loaded=0,this.on("error",function(a){this.setStatus(d.Status.ERROR,a)})}var e=a.$,f="WU_FILE_",g=0,h=/\.([^.]+)$/,i={};return e.extend(d.prototype,{setStatus:function(a,b){var c=i[this.id];"undefined"!=typeof b&&(this.statusText=b),a!==c&&(i[this.id]=a,this.trigger("statuschange",a,c))},getStatus:function(){return i[this.id]},getSource:function(){return this.source},destory:function(){delete i[this.id]}}),b.installTo(d.prototype),d.Status={INITED:"inited",QUEUED:"queued",PROGRESS:"progress",ERROR:"error",COMPLETE:"complete",CANCELLED:"cancelled",INTERRUPT:"interrupt",INVALID:"invalid"},d}),b("queue",["base","mediator","file"],function(a,b,c){function d(){this.stats={numOfQueue:0,numOfSuccess:0,numOfCancel:0,numOfProgress:0,numOfUploadFailed:0,numOfInvalid:0},this._queue=[],this._map={}}var e=a.$,f=c.Status;return e.extend(d.prototype,{append:function(a){return this._queue.push(a),this._fileAdded(a),this},prepend:function(a){return this._queue.unshift(a),this._fileAdded(a),this},getFile:function(a){return"string"!=typeof a?a:this._map[a]},fetch:function(a){var b,c,d=this._queue.length;for(a=a||f.QUEUED,b=0;d>b;b++)if(c=this._queue[b],a===c.getStatus())return c;return null},sort:function(a){"function"==typeof a&&this._queue.sort(a)},getFiles:function(){for(var a,b=[].slice.call(arguments,0),c=[],d=0,f=this._queue.length;f>d;d++)a=this._queue[d],(!b.length||~e.inArray(a.getStatus(),b))&&c.push(a);return c},_fileAdded:function(a){var b=this,c=this._map[a.id];c||(this._map[a.id]=a,a.on("statuschange",function(a,c){b._onFileStatusChange(a,c)})),a.setStatus(f.QUEUED)},_onFileStatusChange:function(a,b){var c=this.stats;switch(b){case f.PROGRESS:c.numOfProgress--;break;case f.QUEUED:c.numOfQueue--;break;case f.ERROR:c.numOfUploadFailed--;break;case f.INVALID:c.numOfInvalid--}switch(a){case f.QUEUED:c.numOfQueue++;break;case f.PROGRESS:c.numOfProgress++;break;case f.ERROR:c.numOfUploadFailed++;break;case f.COMPLETE:c.numOfSuccess++;break;case f.CANCELLED:c.numOfCancel++;break;case f.INVALID:c.numOfInvalid++}}}),b.installTo(d.prototype),d}),b("widgets/queue",["base","uploader","queue","file","lib/file","runtime/client","widgets/widget"],function(a,b,c,d,e,f){var g=a.$,h=/\.\w+$/,i=d.Status;return b.register({"sort-files":"sortFiles","add-file":"addFiles","get-file":"getFile","fetch-file":"fetchFile","get-stats":"getStats","get-files":"getFiles","remove-file":"removeFile",retry:"retry",reset:"reset","accept-file":"acceptFile"},{init:function(b){var d,e,h,i,j,k,l,m=this;if(g.isPlainObject(b.accept)&&(b.accept=[b.accept]),b.accept){for(j=[],h=0,e=b.accept.length;e>h;h++)i=b.accept[h].extensions,i&&j.push(i);j.length&&(k="\\."+j.join(",").replace(/,/g,"$|\\.").replace(/\*/g,".*")+"$"),m.accept=new RegExp(k,"i")}return m.queue=new c,m.stats=m.queue.stats,"html5"===this.request("predict-runtime-type")?(d=a.Deferred(),l=new f("Placeholder"),l.connectRuntime({runtimeOrder:"html5"},function(){m._ruid=l.getRuid(),d.resolve()}),d.promise()):void 0},_wrapFile:function(a){if(!(a instanceof d)){if(!(a instanceof e)){if(!this._ruid)throw new Error("Can't add external files.");a=new e(this._ruid,a)}a=new d(a)}return a},acceptFile:function(a){var b=!a||a.size<6||this.accept&&h.exec(a.name)&&!this.accept.test(a.name);return!b},_addFile:function(a){var b=this;return a=b._wrapFile(a),b.owner.trigger("beforeFileQueued",a)?b.acceptFile(a)?(b.queue.append(a),b.owner.trigger("fileQueued",a),a):void b.owner.trigger("error","Q_TYPE_DENIED",a):void 0},getFile:function(a){return this.queue.getFile(a)},addFiles:function(a){var b=this;a.length||(a=[a]),a=g.map(a,function(a){return b._addFile(a)}),b.owner.trigger("filesQueued",a),b.options.auto&&b.request("start-upload")},getStats:function(){return this.stats},removeFile:function(a){var b=this;a=a.id?a:b.queue.getFile(a),a.setStatus(i.CANCELLED),b.owner.trigger("fileDequeued",a)},getFiles:function(){return this.queue.getFiles.apply(this.queue,arguments)},fetchFile:function(){return this.queue.fetch.apply(this.queue,arguments)},retry:function(a,b){var c,d,e,f=this;if(a)return a=a.id?a:f.queue.getFile(a),a.setStatus(i.QUEUED),void(b||f.request("start-upload"));for(c=f.queue.getFiles(i.ERROR),d=0,e=c.length;e>d;d++)a=c[d],a.setStatus(i.QUEUED);f.request("start-upload")},sortFiles:function(){return this.queue.sort.apply(this.queue,arguments)},reset:function(){this.queue=new c,this.stats=this.queue.stats}})}),b("widgets/runtime",["uploader","runtime/runtime","widgets/widget"],function(a,b){return a.support=function(){return b.hasRuntime.apply(b,arguments)},a.register({"predict-runtime-type":"predictRuntmeType"},{init:function(){if(!this.predictRuntmeType())throw Error("Runtime Error")},predictRuntmeType:function(){var a,c,d=this.options.runtimeOrder||b.orders,e=this.type;if(!e)for(d=d.split(/\s*,\s*/g),a=0,c=d.length;c>a;a++)if(b.hasRuntime(d[a])){this.type=e=d[a];break}return e}})}),b("lib/transport",["base","runtime/client","mediator"],function(a,b,c){function d(a){var c=this;a=c.options=e.extend(!0,{},d.options,a||{}),b.call(this,"Transport"),this._blob=null,this._formData=a.formData||{},this._headers=a.headers||{},this.on("progress",this._timeout),this.on("load error",function(){c.trigger("progress",1),clearTimeout(c._timer)})}var e=a.$;return d.options={server:"",method:"POST",withCredentials:!1,fileVal:"file",timeout:12e4,formData:{},headers:{},sendAsBinary:!1},e.extend(d.prototype,{appendBlob:function(a,b,c){var d=this,e=d.options;d.getRuid()&&d.disconnectRuntime(),d.connectRuntime(b.ruid,function(){d.exec("init")}),d._blob=b,e.fileVal=a||e.fileVal,e.filename=c||e.filename},append:function(a,b){"object"==typeof a?e.extend(this._formData,a):this._formData[a]=b},setRequestHeader:function(a,b){"object"==typeof a?e.extend(this._headers,a):this._headers[a]=b},send:function(a){this.exec("send",a),this._timeout()},abort:function(){return clearTimeout(this._timer),this.exec("abort")},destroy:function(){this.trigger("destroy"),this.off(),this.exec("destroy"),this.disconnectRuntime()},getResponse:function(){return this.exec("getResponse")},getResponseAsJson:function(){return this.exec("getResponseAsJson")},getStatus:function(){return this.exec("getStatus")},_timeout:function(){var a=this,b=a.options.timeout;b&&(clearTimeout(a._timer),a._timer=setTimeout(function(){a.abort(),a.trigger("error","timeout")},b))}}),c.installTo(d.prototype),d}),b("widgets/upload",["base","uploader","file","lib/transport","widgets/widget"],function(a,b,c,d){function e(a,b){for(var c,d=[],e=a.source,f=e.size,g=b?Math.ceil(f/b):1,h=0,i=0;g>i;)c=Math.min(b,f-h),d.push({file:a,start:h,end:b?h+c:f,total:f,chunks:g,chunk:i++}),h+=c;return a.blocks=d.concat(),a.remaning=d.length,{file:a,has:function(){return!!d.length},fetch:function(){return d.shift()}}}var f=a.$,g=a.isPromise,h=c.Status;f.extend(b.options,{prepareNextFile:!1,chunked:!1,chunkSize:5242880,chunkRetry:2,threads:3,formData:null}),b.register({"start-upload":"start","stop-upload":"stop","skip-file":"skipFile","is-in-progress":"isInProgress"},{init:function(){var b=this.owner;this.runing=!1,this.pool=[],this.pending=[],this.remaning=0,this.__tick=a.bindFn(this._tick,this),b.on("uploadComplete",function(a){a.blocks&&f.each(a.blocks,function(a,b){b.transport&&(b.transport.abort(),b.transport.destroy()),delete b.transport}),delete a.blocks,delete a.remaning})},start:function(){var b=this;f.each(b.request("get-files",h.INVALID),function(){b.request("remove-file",this)}),b.runing||(b.runing=!0,f.each(b.pool,function(a,c){var d=c.file;d.getStatus()===h.INTERRUPT&&(d.setStatus(h.PROGRESS),b._trigged=!1,c.transport&&c.transport.send())}),b._trigged=!1,b.owner.trigger("startUpload"),a.nextTick(b.__tick))},stop:function(a){var b=this;b.runing!==!1&&(b.runing=!1,a&&f.each(b.pool,function(a,b){b.transport&&b.transport.abort(),b.file.setStatus(h.INTERRUPT)}),b.owner.trigger("stopUpload"))},isInProgress:function(){return!!this.runing},getStats:function(){return this.request("get-stats")},skipFile:function(a,b){a=this.request("get-file",a),a.setStatus(b||h.COMPLETE),a.skipped=!0,a.blocks&&f.each(a.blocks,function(a,b){var c=b.transport;c&&(c.abort(),c.destroy(),delete b.transport)}),this.owner.trigger("uploadSkip",a)},_tick:function(){var b,c,d=this,e=d.options;return d._promise?d._promise.always(d.__tick):void(d.pool.length<e.threads&&(c=d._nextBlock())?(d._trigged=!1,b=function(b){d._promise=null,b&&b.file&&d._startSend(b),a.nextTick(d.__tick)},d._promise=g(c)?c.always(b):b(c)):d.remaning||d.getStats().numOfQueue||(d.runing=!1,d._trigged||a.nextTick(function(){d.owner.trigger("uploadFinished")}),d._trigged=!0))},_nextBlock:function(){var a,b,c=this,d=c._act,f=c.options;return d&&d.has()&&d.file.getStatus()===h.PROGRESS?(f.prepareNextFile&&!c.pending.length&&c._prepareNextFile(),d.fetch()):c.runing?(!c.pending.length&&c.getStats().numOfQueue&&c._prepareNextFile(),a=c.pending.shift(),b=function(a){return a?(d=e(a,f.chunked?f.chunkSize:0),c._act=d,d.fetch()):null},g(a)?a[a.pipe?"pipe":"then"](b):b(a)):void 0},_prepareNextFile:function(){var a,b=this,c=b.request("fetch-file"),d=b.pending;c&&(a=b.request("before-send-file",c,function(){return c.getStatus()===h.QUEUED?(b.owner.trigger("uploadStart",c),c.setStatus(h.PROGRESS),c):b._finishFile(c)}),a.done(function(){var b=f.inArray(a,d);~b&&d.splice(b,1,c)}),a.fail(function(a){c.setStatus(h.ERROR,a),b.owner.trigger("uploadError",c,a),b.owner.trigger("uploadComplete",c)}),d.push(a))},_popBlock:function(a){var b=f.inArray(a,this.pool);this.pool.splice(b,1),a.file.remaning--,this.remaning--},_startSend:function(b){var c,d=this,e=b.file;d.pool.push(b),d.remaning++,b.blob=1===b.chunks?e.source:e.source.slice(b.start,b.end),c=d.request("before-send",b,function(){e.getStatus()===h.PROGRESS?d._doSend(b):(d._popBlock(b),a.nextTick(d.__tick))}),c.fail(function(){1===e.remaning?d._finishFile(e).always(function(){b.percentage=1,d._popBlock(b),d.owner.trigger("uploadComplete",e),a.nextTick(d.__tick)}):(b.percentage=1,d._popBlock(b),a.nextTick(d.__tick))})},_doSend:function(b){var c,e,g=this,i=g.owner,j=g.options,k=b.file,l=new d(j),m=f.extend({},j.formData),n=f.extend({},j.headers);b.transport=l,l.on("destroy",function(){delete b.transport,g._popBlock(b),a.nextTick(g.__tick)}),l.on("progress",function(a){var c=0,d=0;c=b.percentage=a,b.chunks>1&&(f.each(k.blocks,function(a,b){d+=(b.percentage||0)*(b.end-b.start)}),c=d/k.size),i.trigger("uploadProgress",k,c||0)}),c=function(a){var c;return e=l.getResponseAsJson()||{},e._raw=l.getResponse(),c=function(b){a=b},i.trigger("uploadAccept",b,e,c)||(a=a||"server"),a},l.on("error",function(a,d){b.retried=b.retried||0,b.chunks>1&&~"http,abort".indexOf(a)&&b.retried<j.chunkRetry?(b.retried++,l.send()):(d||"server"!==a||(a=c(a)),k.setStatus(h.ERROR,a),i.trigger("uploadError",k,a),i.trigger("uploadComplete",k))}),l.on("load",function(){var a;return(a=c())?void l.trigger("error",a,!0):void(1===k.remaning?g._finishFile(k,e):l.destroy())}),m=f.extend(m,{id:k.id,name:k.name,type:k.type,lastModifiedDate:k.lastModifiedDate,size:k.size}),b.chunks>1&&f.extend(m,{chunks:b.chunks,chunk:b.chunk}),i.trigger("uploadBeforeSend",b,m,n),l.appendBlob(j.fileVal,b.blob,k.name),l.append(m),l.setRequestHeader(n),l.send()},_finishFile:function(a,b,c){var d=this.owner;return d.request("after-send-file",arguments,function(){a.setStatus(h.COMPLETE),d.trigger("uploadSuccess",a,b,c)}).fail(function(b){a.getStatus()===h.PROGRESS&&a.setStatus(h.ERROR,b),d.trigger("uploadError",a,b)}).always(function(){d.trigger("uploadComplete",a)})}})}),b("widgets/validator",["base","uploader","file","widgets/widget"],function(a,b,c){var d,e=a.$,f={};return d={addValidator:function(a,b){f[a]=b},removeValidator:function(a){delete f[a]}},b.register({init:function(){var a=this;e.each(f,function(){this.call(a.owner)})}}),d.addValidator("fileNumLimit",function(){var a=this,b=a.options,c=0,d=b.fileNumLimit>>0,e=!0;d&&(a.on("beforeFileQueued",function(a){return c>=d&&e&&(e=!1,this.trigger("error","Q_EXCEED_NUM_LIMIT",d,a),setTimeout(function(){e=!0},1)),c>=d?!1:!0}),a.on("fileQueued",function(){c++}),a.on("fileDequeued",function(){c--}),a.on("uploadFinished",function(){c=0}))}),d.addValidator("fileSizeLimit",function(){var a=this,b=a.options,c=0,d=b.fileSizeLimit>>0,e=!0;d&&(a.on("beforeFileQueued",function(a){var b=c+a.size>d;return b&&e&&(e=!1,this.trigger("error","Q_EXCEED_SIZE_LIMIT",d,a),setTimeout(function(){e=!0},1)),b?!1:!0}),a.on("fileQueued",function(a){c+=a.size}),a.on("fileDequeued",function(a){c-=a.size}),a.on("uploadFinished",function(){c=0}))}),d.addValidator("fileSingleSizeLimit",function(){var a=this,b=a.options,d=b.fileSingleSizeLimit;d&&a.on("beforeFileQueued",function(a){return a.size>d?(a.setStatus(c.Status.INVALID,"exceed_size"),this.trigger("error","F_EXCEED_SIZE",a),!1):void 0})}),d.addValidator("duplicate",function(){function a(a){for(var b,c=0,d=0,e=a.length;e>d;d++)b=a.charCodeAt(d),c=b+(c<<6)+(c<<16)-c;return c}var b=this,c=b.options,d={};c.duplicate||(b.on("beforeFileQueued",function(b){var c=b.__hash||(b.__hash=a(b.name+b.size+b.lastModifiedDate));return d[c]?(this.trigger("error","F_DUPLICATE",b),!1):void 0}),b.on("fileQueued",function(a){var b=a.__hash;b&&(d[b]=!0)}),b.on("fileDequeued",function(a){var b=a.__hash;b&&delete d[b]}))}),d}),b("runtime/compbase",[],function(){function a(a,b){this.owner=a,this.options=a.options,this.getRuntime=function(){return b},this.getRuid=function(){return b.uid},this.trigger=function(){return a.trigger.apply(a,arguments)}}return a}),b("runtime/html5/runtime",["base","runtime/runtime","runtime/compbase"],function(b,c,d){function e(){var a={},d=this,e=this.destory;c.apply(d,arguments),d.type=f,d.exec=function(c,e){var f,h=this,i=h.uid,j=b.slice(arguments,2);return g[c]&&(f=a[i]=a[i]||new g[c](h,d),f[e])?f[e].apply(f,j):void 0},d.destory=function(){return e&&e.apply(this,arguments)}}var f="html5",g={};return b.inherits(c,{constructor:e,init:function(){var a=this;setTimeout(function(){a.trigger("ready")},1)}}),e.register=function(a,c){var e=g[a]=b.inherits(d,c);return e},a.Blob&&a.FileReader&&a.DataView&&c.addRuntime(f,e),e}),b("runtime/html5/blob",["runtime/html5/runtime","lib/blob"],function(a,b){return a.register("Blob",{slice:function(a,c){var d=this.owner.source,e=d.slice||d.webkitSlice||d.mozSlice;return d=e.call(d,a,c),new b(this.getRuid(),d)}})}),b("runtime/html5/dnd",["base","runtime/html5/runtime","lib/file"],function(a,b,c){var d=a.$,e="webuploader-dnd-";return b.register("DragAndDrop",{init:function(){var b=this.elem=this.options.container;this.dragEnterHandler=a.bindFn(this._dragEnterHandler,this),this.dragOverHandler=a.bindFn(this._dragOverHandler,this),this.dragLeaveHandler=a.bindFn(this._dragLeaveHandler,this),this.dropHandler=a.bindFn(this._dropHandler,this),this.dndOver=!1,b.on("dragenter",this.dragEnterHandler),b.on("dragover",this.dragOverHandler),b.on("dragleave",this.dragLeaveHandler),b.on("drop",this.dropHandler),this.options.disableGlobalDnd&&(d(document).on("dragover",this.dragOverHandler),d(document).on("drop",this.dropHandler))
+},_dragEnterHandler:function(a){var b,c=this,d=c._denied||!1;return a=a.originalEvent||a,c.dndOver||(c.dndOver=!0,b=a.dataTransfer.items,b&&b.length&&(c._denied=d=!c.trigger("accept",b)),c.elem.addClass(e+"over"),c.elem[d?"addClass":"removeClass"](e+"denied")),a.dataTransfer.dropEffect=d?"none":"copy",!1},_dragOverHandler:function(a){var b=this.elem.parent().get(0);return b&&!d.contains(b,a.currentTarget)?!1:(clearTimeout(this._leaveTimer),this._dragEnterHandler.call(this,a),!1)},_dragLeaveHandler:function(){var a,b=this;return a=function(){b.dndOver=!1,b.elem.removeClass(e+"over "+e+"denied")},clearTimeout(b._leaveTimer),b._leaveTimer=setTimeout(a,100),!1},_dropHandler:function(a){var b=this,f=b.getRuid(),g=b.elem.parent().get(0);return g&&!d.contains(g,a.currentTarget)?!1:(b._getTansferFiles(a,function(a){b.trigger("drop",d.map(a,function(a){return new c(f,a)}))}),b.dndOver=!1,b.elem.removeClass(e+"over"),!1)},_getTansferFiles:function(b,c){var d,e,f,g,h,i,j,k,l=[],m=[];for(b=b.originalEvent||b,f=b.dataTransfer,d=f.items,e=f.files,k=!(!d||!d[0].webkitGetAsEntry),i=0,j=e.length;j>i;i++)g=e[i],h=d&&d[i],k&&h.webkitGetAsEntry().isDirectory?m.push(this._traverseDirectoryTree(h.webkitGetAsEntry(),l)):l.push(g);a.when.apply(a,m).done(function(){l.length&&c(l)})},_traverseDirectoryTree:function(b,c){var d=a.Deferred(),e=this;return b.isFile?b.file(function(a){c.push(a),d.resolve()}):b.isDirectory&&b.createReader().readEntries(function(b){var f,g=b.length,h=[],i=[];for(f=0;g>f;f++)h.push(e._traverseDirectoryTree(b[f],i));a.when.apply(a,h).then(function(){c.push.apply(c,i),d.resolve()},d.reject)}),d.promise()},destroy:function(){var a=this.elem;a.off("dragenter",this.dragEnterHandler),a.off("dragover",this.dragEnterHandler),a.off("dragleave",this.dragLeaveHandler),a.off("drop",this.dropHandler),this.options.disableGlobalDnd&&(d(document).off("dragover",this.dragOverHandler),d(document).off("drop",this.dropHandler))}})}),b("runtime/html5/filepaste",["base","runtime/html5/runtime","lib/file"],function(a,b,c){return b.register("FilePaste",{init:function(){var b,c,d,e,f=this.options,g=this.elem=f.container,h=".*";if(f.accept){for(b=[],c=0,d=f.accept.length;d>c;c++)e=f.accept[c].mimeTypes,e&&b.push(e);b.length&&(h=b.join(","),h=h.replace(/,/g,"|").replace(/\*/g,".*"))}this.accept=h=new RegExp(h,"i"),this.hander=a.bindFn(this._pasteHander,this),g.on("paste",this.hander)},_pasteHander:function(a){var b,d,e,f,g,h=[],i=this.getRuid();for(a=a.originalEvent||a,b=a.clipboardData.items,f=0,g=b.length;g>f;f++)d=b[f],"file"===d.kind&&(e=d.getAsFile())&&h.push(new c(i,e));h.length&&(a.preventDefault(),a.stopPropagation(),this.trigger("paste",h))},destroy:function(){this.elem.off("paste",this.hander)}})}),b("runtime/html5/filepicker",["base","runtime/html5/runtime"],function(a,b){var c=a.$;return b.register("FilePicker",{init:function(){var a,b,d,e,f=this.getRuntime().getContainer(),g=this,h=g.owner,i=g.options,j=c(document.createElement("label")),k=c(document.createElement("input"));if(k.attr("type","file"),k.attr("name",i.name),k.addClass("webuploader-element-invisible"),j.on("click",function(){k.trigger("click")}),j.css({opacity:0,width:"100%",height:"100%",display:"block",cursor:"pointer",background:"#ffffff"}),i.multiple&&k.attr("multiple","multiple"),i.accept&&i.accept.length>0){for(a=[],b=0,d=i.accept.length;d>b;b++)a.push(i.accept[b].mimeTypes);k.attr("accept",a.join(","))}f.append(k),f.append(j),e=function(a){h.trigger(a.type)},k.on("change",function(a){var b,d=arguments.callee;g.files=a.target.files,b=this.cloneNode(!0),this.parentNode.replaceChild(b,this),k.off(),k=c(b).on("change",d).on("mouseenter mouseleave",e),h.trigger("change")}),j.on("mouseenter mouseleave",e)},getFiles:function(){return this.files},destroy:function(){}})}),b("runtime/html5/util",["base"],function(b){var c=a.createObjectURL&&a||a.URL&&URL.revokeObjectURL&&URL||a.webkitURL,d=b.noop,e=d;return c&&(d=function(){return c.createObjectURL.apply(c,arguments)},e=function(){return c.revokeObjectURL.apply(c,arguments)}),{createObjectURL:d,revokeObjectURL:e,dataURL2Blob:function(a){var b,c,d,e,f,g;for(g=a.split(","),b=~g[0].indexOf("base64")?atob(g[1]):decodeURIComponent(g[1]),d=new ArrayBuffer(b.length),c=new Uint8Array(d),e=0;e<b.length;e++)c[e]=b.charCodeAt(e);return f=g[0].split(":")[1].split(";")[0],this.arrayBufferToBlob(d,f)},dataURL2ArrayBuffer:function(a){var b,c,d,e;for(e=a.split(","),b=~e[0].indexOf("base64")?atob(e[1]):decodeURIComponent(e[1]),c=new Uint8Array(b.length),d=0;d<b.length;d++)c[d]=b.charCodeAt(d);return c.buffer},arrayBufferToBlob:function(b,c){var d,e=a.BlobBuilder||a.WebKitBlobBuilder;return e?(d=new e,d.append(b),d.getBlob(c)):new Blob([b],c?{type:c}:{})},canvasToDataUrl:function(a,b,c){return a.toDataURL(b,c/100)},parseMeta:function(a,b){b(!1,{})},updateImageHead:function(a){return a}}}),b("runtime/html5/imagemeta",["runtime/html5/util"],function(a){var b;return b={parsers:{65505:[]},maxMetaDataSize:262144,parse:function(a,b){var c=this,d=new FileReader;d.onload=function(){b(!1,c._parse(this.result)),d=d.onload=d.onerror=null},d.onerror=function(a){b(a.message),d=d.onload=d.onerror=null},a=a.slice(0,c.maxMetaDataSize),d.readAsArrayBuffer(a.getSource())},_parse:function(a,c){if(!(a.byteLength<6)){var d,e,f,g,h=new DataView(a),i=2,j=h.byteLength-4,k=i,l={};if(65496===h.getUint16(0)){for(;j>i&&(d=h.getUint16(i),d>=65504&&65519>=d||65534===d)&&(e=h.getUint16(i+2)+2,!(i+e>h.byteLength));){if(f=b.parsers[d],!c&&f)for(g=0;g<f.length;g+=1)f[g].call(b,h,i,e,l);i+=e,k=i}k>6&&(l.imageHead=a.slice?a.slice(2,k):new Uint8Array(a).subarray(2,k))}return l}},updateImageHead:function(a,b){var c,d,e,f=this._parse(a,!0);return e=2,f.imageHead&&(e=2+f.imageHead.byteLength),d=a.slice?a.slice(e):new Uint8Array(a).subarray(e),c=new Uint8Array(b.byteLength+2+d.byteLength),c[0]=255,c[1]=216,c.set(new Uint8Array(b),2),c.set(new Uint8Array(d),b.byteLength+2),c.buffer}},a.parseMeta=function(){return b.parse.apply(b,arguments)},a.updateImageHead=function(){return b.updateImageHead.apply(b,arguments)},b}),b("runtime/html5/imagemeta/exif",["base","runtime/html5/imagemeta"],function(a,b){var c={};return c.ExifMap=function(){return this},c.ExifMap.prototype.map={Orientation:274},c.ExifMap.prototype.get=function(a){return this[a]||this[this.map[a]]},c.exifTagTypes={1:{getValue:function(a,b){return a.getUint8(b)},size:1},2:{getValue:function(a,b){return String.fromCharCode(a.getUint8(b))},size:1,ascii:!0},3:{getValue:function(a,b,c){return a.getUint16(b,c)},size:2},4:{getValue:function(a,b,c){return a.getUint32(b,c)},size:4},5:{getValue:function(a,b,c){return a.getUint32(b,c)/a.getUint32(b+4,c)},size:8},9:{getValue:function(a,b,c){return a.getInt32(b,c)},size:4},10:{getValue:function(a,b,c){return a.getInt32(b,c)/a.getInt32(b+4,c)},size:8}},c.exifTagTypes[7]=c.exifTagTypes[1],c.getExifValue=function(b,d,e,f,g,h){var i,j,k,l,m,n,o=c.exifTagTypes[f];if(!o)return void a.log("Invalid Exif data: Invalid tag type.");if(i=o.size*g,j=i>4?d+b.getUint32(e+8,h):e+8,j+i>b.byteLength)return void a.log("Invalid Exif data: Invalid data offset.");if(1===g)return o.getValue(b,j,h);for(k=[],l=0;g>l;l+=1)k[l]=o.getValue(b,j+l*o.size,h);if(o.ascii){for(m="",l=0;l<k.length&&(n=k[l],"\x00"!==n);l+=1)m+=n;return m}return k},c.parseExifTag=function(a,b,d,e,f){var g=a.getUint16(d,e);f.exif[g]=c.getExifValue(a,b,d,a.getUint16(d+2,e),a.getUint32(d+4,e),e)},c.parseExifTags=function(b,c,d,e,f){var g,h,i;if(d+6>b.byteLength)return void a.log("Invalid Exif data: Invalid directory offset.");if(g=b.getUint16(d,e),h=d+2+12*g,h+4>b.byteLength)return void a.log("Invalid Exif data: Invalid directory size.");for(i=0;g>i;i+=1)this.parseExifTag(b,c,d+2+12*i,e,f);return b.getUint32(h,e)},c.parseExifData=function(b,d,e,f){var g,h,i=d+10;if(1165519206===b.getUint32(d+4)){if(i+8>b.byteLength)return void a.log("Invalid Exif data: Invalid segment size.");if(0!==b.getUint16(d+8))return void a.log("Invalid Exif data: Missing byte alignment offset.");switch(b.getUint16(i)){case 18761:g=!0;break;case 19789:g=!1;break;default:return void a.log("Invalid Exif data: Invalid byte alignment marker.")}if(42!==b.getUint16(i+2,g))return void a.log("Invalid Exif data: Missing TIFF marker.");h=b.getUint32(i+4,g),f.exif=new c.ExifMap,h=c.parseExifTags(b,i,i+h,g,f)}},b.parsers[65505].push(c.parseExifData),c}),b("runtime/html5/jpegencoder",[],function(){function a(a){function b(a){for(var b=[16,11,10,16,24,40,51,61,12,12,14,19,26,58,60,55,14,13,16,24,40,57,69,56,14,17,22,29,51,87,80,62,18,22,37,56,68,109,103,77,24,35,55,64,81,104,113,92,49,64,78,87,103,121,120,101,72,92,95,98,112,100,103,99],c=0;64>c;c++){var d=y((b[c]*a+50)/100);1>d?d=1:d>255&&(d=255),z[P[c]]=d}for(var e=[17,18,24,47,99,99,99,99,18,21,26,66,99,99,99,99,24,26,56,99,99,99,99,99,47,66,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99],f=0;64>f;f++){var g=y((e[f]*a+50)/100);1>g?g=1:g>255&&(g=255),A[P[f]]=g}for(var h=[1,1.387039845,1.306562965,1.175875602,1,.785694958,.5411961,.275899379],i=0,j=0;8>j;j++)for(var k=0;8>k;k++)B[i]=1/(z[P[i]]*h[j]*h[k]*8),C[i]=1/(A[P[i]]*h[j]*h[k]*8),i++}function c(a,b){for(var c=0,d=0,e=new Array,f=1;16>=f;f++){for(var g=1;g<=a[f];g++)e[b[d]]=[],e[b[d]][0]=c,e[b[d]][1]=f,d++,c++;c*=2}return e}function d(){t=c(Q,R),u=c(U,V),v=c(S,T),w=c(W,X)}function e(){for(var a=1,b=2,c=1;15>=c;c++){for(var d=a;b>d;d++)E[32767+d]=c,D[32767+d]=[],D[32767+d][1]=c,D[32767+d][0]=d;for(var e=-(b-1);-a>=e;e++)E[32767+e]=c,D[32767+e]=[],D[32767+e][1]=c,D[32767+e][0]=b-1+e;a<<=1,b<<=1}}function f(){for(var a=0;256>a;a++)O[a]=19595*a,O[a+256>>0]=38470*a,O[a+512>>0]=7471*a+32768,O[a+768>>0]=-11059*a,O[a+1024>>0]=-21709*a,O[a+1280>>0]=32768*a+8421375,O[a+1536>>0]=-27439*a,O[a+1792>>0]=-5329*a}function g(a){for(var b=a[0],c=a[1]-1;c>=0;)b&1<<c&&(I|=1<<J),c--,J--,0>J&&(255==I?(h(255),h(0)):h(I),J=7,I=0)}function h(a){H.push(N[a])}function i(a){h(a>>8&255),h(255&a)}function j(a,b){var c,d,e,f,g,h,i,j,k,l=0,m=8,n=64;for(k=0;m>k;++k){c=a[l],d=a[l+1],e=a[l+2],f=a[l+3],g=a[l+4],h=a[l+5],i=a[l+6],j=a[l+7];var o=c+j,p=c-j,q=d+i,r=d-i,s=e+h,t=e-h,u=f+g,v=f-g,w=o+u,x=o-u,y=q+s,z=q-s;a[l]=w+y,a[l+4]=w-y;var A=.707106781*(z+x);a[l+2]=x+A,a[l+6]=x-A,w=v+t,y=t+r,z=r+p;var B=.382683433*(w-z),C=.5411961*w+B,D=1.306562965*z+B,E=.707106781*y,G=p+E,H=p-E;a[l+5]=H+C,a[l+3]=H-C,a[l+1]=G+D,a[l+7]=G-D,l+=8}for(l=0,k=0;m>k;++k){c=a[l],d=a[l+8],e=a[l+16],f=a[l+24],g=a[l+32],h=a[l+40],i=a[l+48],j=a[l+56];var I=c+j,J=c-j,K=d+i,L=d-i,M=e+h,N=e-h,O=f+g,P=f-g,Q=I+O,R=I-O,S=K+M,T=K-M;a[l]=Q+S,a[l+32]=Q-S;var U=.707106781*(T+R);a[l+16]=R+U,a[l+48]=R-U,Q=P+N,S=N+L,T=L+J;var V=.382683433*(Q-T),W=.5411961*Q+V,X=1.306562965*T+V,Y=.707106781*S,Z=J+Y,$=J-Y;a[l+40]=$+W,a[l+24]=$-W,a[l+8]=Z+X,a[l+56]=Z-X,l++}var _;for(k=0;n>k;++k)_=a[k]*b[k],F[k]=_>0?_+.5|0:_-.5|0;return F}function k(){i(65504),i(16),h(74),h(70),h(73),h(70),h(0),h(1),h(1),h(0),i(1),i(1),h(0),h(0)}function l(a,b){i(65472),i(17),h(8),i(b),i(a),h(3),h(1),h(17),h(0),h(2),h(17),h(1),h(3),h(17),h(1)}function m(){i(65499),i(132),h(0);for(var a=0;64>a;a++)h(z[a]);h(1);for(var b=0;64>b;b++)h(A[b])}function n(){i(65476),i(418),h(0);for(var a=0;16>a;a++)h(Q[a+1]);for(var b=0;11>=b;b++)h(R[b]);h(16);for(var c=0;16>c;c++)h(S[c+1]);for(var d=0;161>=d;d++)h(T[d]);h(1);for(var e=0;16>e;e++)h(U[e+1]);for(var f=0;11>=f;f++)h(V[f]);h(17);for(var g=0;16>g;g++)h(W[g+1]);for(var j=0;161>=j;j++)h(X[j])}function o(){i(65498),i(12),h(3),h(1),h(0),h(2),h(17),h(3),h(17),h(0),h(63),h(0)}function p(a,b,c,d,e){for(var f,h=e[0],i=e[240],k=16,l=63,m=64,n=j(a,b),o=0;m>o;++o)G[P[o]]=n[o];var p=G[0]-c;c=G[0],0==p?g(d[0]):(f=32767+p,g(d[E[f]]),g(D[f]));for(var q=63;q>0&&0==G[q];q--);if(0==q)return g(h),c;for(var r,s=1;q>=s;){for(var t=s;0==G[s]&&q>=s;++s);var u=s-t;if(u>=k){r=u>>4;for(var v=1;r>=v;++v)g(i);u=15&u}f=32767+G[s],g(e[(u<<4)+E[f]]),g(D[f]),s++}return q!=l&&g(h),c}function q(){for(var a=String.fromCharCode,b=0;256>b;b++)N[b]=a(b)}function r(a){if(0>=a&&(a=1),a>100&&(a=100),x!=a){var c=0;c=Math.floor(50>a?5e3/a:200-2*a),b(c),x=a}}function s(){a||(a=50),q(),d(),e(),f(),r(a)}var t,u,v,w,x,y=(Math.round,Math.floor),z=new Array(64),A=new Array(64),B=new Array(64),C=new Array(64),D=new Array(65535),E=new Array(65535),F=new Array(64),G=new Array(64),H=[],I=0,J=7,K=new Array(64),L=new Array(64),M=new Array(64),N=new Array(256),O=new Array(2048),P=[0,1,5,6,14,15,27,28,2,4,7,13,16,26,29,42,3,8,12,17,25,30,41,43,9,11,18,24,31,40,44,53,10,19,23,32,39,45,52,54,20,22,33,38,46,51,55,60,21,34,37,47,50,56,59,61,35,36,48,49,57,58,62,63],Q=[0,0,1,5,1,1,1,1,1,1,0,0,0,0,0,0,0],R=[0,1,2,3,4,5,6,7,8,9,10,11],S=[0,0,2,1,3,3,2,4,3,5,5,4,4,0,0,1,125],T=[1,2,3,0,4,17,5,18,33,49,65,6,19,81,97,7,34,113,20,50,129,145,161,8,35,66,177,193,21,82,209,240,36,51,98,114,130,9,10,22,23,24,25,26,37,38,39,40,41,42,52,53,54,55,56,57,58,67,68,69,70,71,72,73,74,83,84,85,86,87,88,89,90,99,100,101,102,103,104,105,106,115,116,117,118,119,120,121,122,131,132,133,134,135,136,137,138,146,147,148,149,150,151,152,153,154,162,163,164,165,166,167,168,169,170,178,179,180,181,182,183,184,185,186,194,195,196,197,198,199,200,201,202,210,211,212,213,214,215,216,217,218,225,226,227,228,229,230,231,232,233,234,241,242,243,244,245,246,247,248,249,250],U=[0,0,3,1,1,1,1,1,1,1,1,1,0,0,0,0,0],V=[0,1,2,3,4,5,6,7,8,9,10,11],W=[0,0,2,1,2,4,4,3,4,7,5,4,4,0,1,2,119],X=[0,1,2,3,17,4,5,33,49,6,18,65,81,7,97,113,19,34,50,129,8,20,66,145,161,177,193,9,35,51,82,240,21,98,114,209,10,22,36,52,225,37,241,23,24,25,26,38,39,40,41,42,53,54,55,56,57,58,67,68,69,70,71,72,73,74,83,84,85,86,87,88,89,90,99,100,101,102,103,104,105,106,115,116,117,118,119,120,121,122,130,131,132,133,134,135,136,137,138,146,147,148,149,150,151,152,153,154,162,163,164,165,166,167,168,169,170,178,179,180,181,182,183,184,185,186,194,195,196,197,198,199,200,201,202,210,211,212,213,214,215,216,217,218,226,227,228,229,230,231,232,233,234,242,243,244,245,246,247,248,249,250];this.encode=function(a,b){b&&r(b),H=new Array,I=0,J=7,i(65496),k(),m(),l(a.width,a.height),n(),o();var c=0,d=0,e=0;I=0,J=7,this.encode.displayName="_encode_";for(var f,h,j,q,s,x,y,z,A,D=a.data,E=a.width,F=a.height,G=4*E,N=0;F>N;){for(f=0;G>f;){for(s=G*N+f,x=s,y=-1,z=0,A=0;64>A;A++)z=A>>3,y=4*(7&A),x=s+z*G+y,N+z>=F&&(x-=G*(N+1+z-F)),f+y>=G&&(x-=f+y-G+4),h=D[x++],j=D[x++],q=D[x++],K[A]=(O[h]+O[j+256>>0]+O[q+512>>0]>>16)-128,L[A]=(O[h+768>>0]+O[j+1024>>0]+O[q+1280>>0]>>16)-128,M[A]=(O[h+1280>>0]+O[j+1536>>0]+O[q+1792>>0]>>16)-128;c=p(K,B,c,t,v),d=p(L,C,d,u,w),e=p(M,C,e,u,w),f+=32}N+=8}if(J>=0){var P=[];P[1]=J+1,P[0]=(1<<J+1)-1,g(P)}i(65497);var Q="data:image/jpeg;base64,"+btoa(H.join(""));return H=[],Q},s()}return a.encode=function(b,c){var d=new a(c);return d.encode(b)},a}),b("runtime/html5/androidpatch",["runtime/html5/util","runtime/html5/jpegencoder","base"],function(a,b,c){var d,e=a.canvasToDataUrl;a.canvasToDataUrl=function(a,f,g){var h,i,j,k,l;return c.os.android?("image/jpeg"===f&&"undefined"==typeof d&&(k=e.apply(null,arguments),l=k.split(","),k=~l[0].indexOf("base64")?atob(l[1]):decodeURIComponent(l[1]),k=k.substring(0,2),d=255===k.charCodeAt(0)&&216===k.charCodeAt(1)),"image/jpeg"!==f||d?e.apply(null,arguments):(i=a.width,j=a.height,h=a.getContext("2d"),b.encode(h.getImageData(0,0,i,j),g))):e.apply(null,arguments)}}),b("runtime/html5/image",["base","runtime/html5/runtime","runtime/html5/util"],function(a,b,c){var d="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D";return b.register("Image",{modified:!1,init:function(){var a=this,b=new Image;b.onload=function(){a._info={type:a.type,width:this.width,height:this.height},a._metas||"image/jpeg"!==a.type?a.owner.trigger("load"):c.parseMeta(a._blob,function(b,c){a._metas=c,a.owner.trigger("load")})},b.onerror=function(){a.owner.trigger("error")},a._img=b},loadFromBlob:function(a){var b=this,d=b._img;b._blob=a,b.type=a.type,d.src=c.createObjectURL(a.getSource()),b.owner.once("load",function(){c.revokeObjectURL(d.src)})},resize:function(a,b){var c=this._canvas||(this._canvas=document.createElement("canvas"));this._resize(this._img,c,a,b),this._blob=null,this.modified=!0,this.owner.trigger("complete")},getAsBlob:function(a){var b,d=this._blob,e=this.options;if(a=a||this.type,this.modified||this.type!==a){if(b=this._canvas,"image/jpeg"===a){if(d=c.canvasToDataUrl(b,"image/jpeg",e.quality),e.preserveHeaders&&this._metas&&this._metas.imageHead)return d=c.dataURL2ArrayBuffer(d),d=c.updateImageHead(d,this._metas.imageHead),d=c.arrayBufferToBlob(d,a)}else d=c.canvasToDataUrl(b,a);d=c.dataURL2Blob(d)}return d},getAsDataUrl:function(a){var b=this.options;return a=a||this.type,"image/jpeg"===a?c.canvasToDataUrl(this._canvas,a,b.quality):this._canvas.toDataURL(a)},getOrientation:function(){return this._metas&&this._metas.exif&&this._metas.exif.get("Orientation")||1},info:function(a){return a?(this._info=a,this):this._info},meta:function(a){return a?(this._meta=a,this):this._meta},destroy:function(){var a=this._canvas;this._img.onload=null,a&&(a.getContext("2d").clearRect(0,0,a.width,a.height),a.width=a.height=0,this._canvas=null),this._img.src=d,this._img=this._blob=null},_resize:function(a,b,c,d){var e,f,g,h,i,j=this.options,k=a.width,l=a.height,m=this.getOrientation();~[5,6,7,8].indexOf(m)&&(c^=d,d^=c,c^=d),e=Math[j.crop?"max":"min"](c/k,d/l),j.allowMagnify||(e=Math.min(1,e)),f=k*e,g=l*e,j.crop?(b.width=c,b.height=d):(b.width=f,b.height=g),h=(b.width-f)/2,i=(b.height-g)/2,j.preserveHeaders||this._rotate2Orientaion(b,m),this._renderImageToCanvas(b,a,h,i,f,g)},_rotate2Orientaion:function(a,b){var c=a.width,d=a.height,e=a.getContext("2d");switch(b){case 5:case 6:case 7:case 8:a.width=d,a.height=c}switch(b){case 2:e.translate(c,0),e.scale(-1,1);break;case 3:e.translate(c,d),e.rotate(Math.PI);break;case 4:e.translate(0,d),e.scale(1,-1);break;case 5:e.rotate(.5*Math.PI),e.scale(1,-1);break;case 6:e.rotate(.5*Math.PI),e.translate(0,-d);break;case 7:e.rotate(.5*Math.PI),e.translate(c,-d),e.scale(-1,1);break;case 8:e.rotate(-.5*Math.PI),e.translate(-c,0)}},_renderImageToCanvas:function(){function b(a,b,c){var d,e,f,g=document.createElement("canvas"),h=g.getContext("2d"),i=0,j=c,k=c;for(g.width=1,g.height=c,h.drawImage(a,0,0),d=h.getImageData(0,0,1,c).data;k>i;)e=d[4*(k-1)+3],0===e?j=k:i=k,k=j+i>>1;return f=k/c,0===f?1:f}function c(a){var b,c,d=a.naturalWidth,e=a.naturalHeight;return d*e>1048576?(b=document.createElement("canvas"),b.width=b.height=1,c=b.getContext("2d"),c.drawImage(a,-d+1,0),0===c.getImageData(0,0,1,1).data[3]):!1}return a.os.ios?a.os.ios>=7?function(a,c,d,e,f,g){var h=c.naturalWidth,i=c.naturalHeight,j=b(c,h,i);return a.getContext("2d").drawImage(c,0,0,h*j,i*j,d,e,f,g)}:function(a,d,e,f,g,h){var i,j,k,l,m,n,o,p=d.naturalWidth,q=d.naturalHeight,r=a.getContext("2d"),s=c(d),t="image/jpeg"===this.type,u=1024,v=0,w=0;for(s&&(p/=2,q/=2),r.save(),i=document.createElement("canvas"),i.width=i.height=u,j=i.getContext("2d"),k=t?b(d,p,q):1,l=Math.ceil(u*g/p),m=Math.ceil(u*h/q/k);q>v;){for(n=0,o=0;p>n;)j.clearRect(0,0,u,u),j.drawImage(d,-n,-v),r.drawImage(i,0,0,u,u,e+o,f+w,l,m),n+=u,o+=l;v+=u,w+=m}r.restore(),i=j=null}:function(a,b,c,d,e,f){a.getContext("2d").drawImage(b,c,d,e,f)}}()})}),b("runtime/html5/transport",["base","runtime/html5/runtime"],function(a,b){var c=a.noop,d=a.$;return b.register("Transport",{init:function(){this._status=0,this._response=null},send:function(){var b,c,e,f=this.owner,g=this.options,h=this._initAjax(),i=f._blob,j=g.server;g.sendAsBinary?(j+=(/\?/.test(j)?"&":"?")+d.param(f._formData),c=i.getSource()):(b=new FormData,d.each(f._formData,function(a,c){b.append(a,c)}),b.append(g.fileVal,i.getSource(),g.filename||f._formData.name||"")),g.withCredentials&&"withCredentials"in h?(h.open(g.method,j,!0),h.withCredentials=!0):h.open(g.method,j),this._setRequestHeader(h,g.headers),c?(h.overrideMimeType("application/octet-stream"),a.os.android?(e=new FileReader,e.onload=function(){h.send(this.result),e=e.onload=null},e.readAsArrayBuffer(c)):h.send(c)):h.send(b)},getResponse:function(){return this._response},getResponseAsJson:function(){return this._parseJson(this._response)},getStatus:function(){return this._status},abort:function(){var a=this._xhr;a&&(a.upload.onprogress=c,a.onreadystatechange=c,a.abort(),this._xhr=a=null)},destroy:function(){this.abort()},_initAjax:function(){var a=this,b=new XMLHttpRequest,d=this.options;return!d.withCredentials||"withCredentials"in b||"undefined"==typeof XDomainRequest||(b=new XDomainRequest),b.upload.onprogress=function(b){var c=0;return b.lengthComputable&&(c=b.loaded/b.total),a.trigger("progress",c)},b.onreadystatechange=function(){return 4===b.readyState?(b.upload.onprogress=c,b.onreadystatechange=c,a._xhr=null,a._status=b.status,b.status>=200&&b.status<300?(a._response=b.responseText,a.trigger("load")):b.status>=500&&b.status<600?(a._response=b.responseText,a.trigger("error","server")):a.trigger("error",a._status?"http":"abort")):void 0},a._xhr=b,b},_setRequestHeader:function(a,b){d.each(b,function(b,c){a.setRequestHeader(b,c)})},_parseJson:function(a){var b;try{b=JSON.parse(a)}catch(c){b={}}return b}})}),b("runtime/flash/runtime",["base","runtime/runtime","runtime/compbase"],function(b,c,d){function e(){var a;try{a=navigator.plugins["Shockwave Flash"],a=a.description}catch(b){try{a=new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version")}catch(c){a="0.0"}}return a=a.match(/\d+/g),parseFloat(a[0]+"."+a[1],10)}function f(){function d(a,b){var c,d,e=a.type||a;c=e.split("::"),d=c[0],e=c[1],"Ready"===e&&d===j.uid?j.trigger("ready"):f[d]&&f[d].trigger(e.toLowerCase(),a,b)}var e={},f={},g=this.destory,j=this,k=b.guid("webuploader_");c.apply(j,arguments),j.type=h,j.exec=function(a,c){var d,g=this,h=g.uid,k=b.slice(arguments,2);return f[h]=g,i[a]&&(e[h]||(e[h]=new i[a](g,j)),d=e[h],d[c])?d[c].apply(d,k):j.flashExec.apply(g,arguments)},a[k]=function(){var a=arguments;setTimeout(function(){d.apply(null,a)},1)},this.jsreciver=k,this.destory=function(){return g&&g.apply(this,arguments)},this.flashExec=function(a,c){var d=j.getFlash(),e=b.slice(arguments,2);return d.exec(this.uid,a,c,e)}}var g=b.$,h="flash",i={};return b.inherits(c,{constructor:f,init:function(){var a,c=this.getContainer(),d=this.options;c.css({position:"absolute",top:"-8px",left:"-8px",width:"9px",height:"9px",overflow:"hidden"}),a='<object id="'+this.uid+'" type="application/x-shockwave-flash" data="'+d.swf+'" ',b.browser.ie&&(a+='classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" '),a+='width="100%" height="100%" style="outline:0"><param name="movie" value="'+d.swf+'" /><param name="flashvars" value="uid='+this.uid+"&jsreciver="+this.jsreciver+'" /><param name="wmode" value="transparent" /><param name="allowscriptaccess" value="always" /></object>',c.html(a)},getFlash:function(){return this._flash?this._flash:(this._flash=g("#"+this.uid).get(0),this._flash)}}),f.register=function(a,c){return c=i[a]=b.inherits(d,g.extend({flashExec:function(){var a=this.owner,b=this.getRuntime();return b.flashExec.apply(a,arguments)}},c))},e()>=11.4&&c.addRuntime(h,f),f}),b("runtime/flash/filepicker",["base","runtime/flash/runtime"],function(a,b){var c=a.$;return b.register("FilePicker",{init:function(a){var b,d,e=c.extend({},a);for(b=e.accept&&e.accept.length,d=0;b>d;d++)e.accept[d].title||(e.accept[d].title="Files");delete e.button,delete e.container,this.flashExec("FilePicker","init",e)},destroy:function(){}})}),b("runtime/flash/image",["runtime/flash/runtime"],function(a){return a.register("Image",{loadFromBlob:function(a){var b=this.owner;b.info()&&this.flashExec("Image","info",b.info()),b.meta()&&this.flashExec("Image","meta",b.meta()),this.flashExec("Image","loadFromBlob",a.uid)}})}),b("runtime/flash/transport",["base","runtime/flash/runtime","runtime/client"],function(a,b,c){var d=a.$;return b.register("Transport",{init:function(){this._status=0,this._response=null,this._responseJson=null},send:function(){var a,b=this.owner,c=this.options,e=this._initAjax(),f=b._blob,g=c.server;e.connectRuntime(f.ruid),c.sendAsBinary?(g+=(/\?/.test(g)?"&":"?")+d.param(b._formData),a=f.uid):(d.each(b._formData,function(a,b){e.exec("append",a,b)}),e.exec("appendBlob",c.fileVal,f.uid,c.filename||b._formData.name||"")),this._setRequestHeader(e,c.headers),e.exec("send",{method:c.method,url:g},a)},getStatus:function(){return this._status},getResponse:function(){return this._response},getResponseAsJson:function(){return this._responseJson},abort:function(){var a=this._xhr;a&&(a.exec("abort"),a.destroy(),this._xhr=a=null)},destroy:function(){this.abort()},_initAjax:function(){var a=this,b=new c("XMLHttpRequest");return b.on("uploadprogress progress",function(b){return a.trigger("progress",b.loaded/b.total)}),b.on("load",function(){var c=b.exec("getStatus"),d="";return b.off(),a._xhr=null,c>=200&&300>c?(a._response=b.exec("getResponse"),a._responseJson=b.exec("getResponseAsJson")):c>=500&&600>c?(a._response=b.exec("getResponse"),a._responseJson=b.exec("getResponseAsJson"),d="server"):d="http",b.destroy(),b=null,d?a.trigger("error",d):a.trigger("load")}),b.on("error",function(){b.off(),a._xhr=null,a.trigger("error","http")}),a._xhr=b,b},_setRequestHeader:function(a,b){d.each(b,function(b,c){a.exec("setRequestHeader",b,c)})}})}),b("preset/all",["base","widgets/filednd","widgets/filepaste","widgets/filepicker","widgets/image","widgets/queue","widgets/runtime","widgets/upload","widgets/validator","runtime/html5/blob","runtime/html5/dnd","runtime/html5/filepaste","runtime/html5/filepicker","runtime/html5/imagemeta/exif","runtime/html5/androidpatch","runtime/html5/image","runtime/html5/transport","runtime/flash/filepicker","runtime/flash/image","runtime/flash/transport"],function(a){return a}),b("webuploader",["preset/all"],function(a){return a}),c("webuploader")});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.withoutimage.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.withoutimage.js
new file mode 100644
index 000000000..1b921c3a0
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.withoutimage.js
@@ -0,0 +1,4593 @@
+/*! WebUploader 0.1.2 */
+
+
+/**
+ * @fileOverview 让内部各个部件的代码可以用[amd](https://github.com/amdjs/amdjs-api/wiki/AMD)模块定义方式组织起来。
+ *
+ * AMD API 内部的简单不完全实现，请忽略。只有当WebUploader被合并成一个文件的时候才会引入。
+ */
+(function( root, factory ) {
+    var modules = {},
+
+        // 内部require, 简单不完全实现。
+        // https://github.com/amdjs/amdjs-api/wiki/require
+        _require = function( deps, callback ) {
+            var args, len, i;
+
+            // 如果deps不是数组，则直接返回指定module
+            if ( typeof deps === 'string' ) {
+                return getModule( deps );
+            } else {
+                args = [];
+                for( len = deps.length, i = 0; i < len; i++ ) {
+                    args.push( getModule( deps[ i ] ) );
+                }
+
+                return callback.apply( null, args );
+            }
+        },
+
+        // 内部define，暂时不支持不指定id.
+        _define = function( id, deps, factory ) {
+            if ( arguments.length === 2 ) {
+                factory = deps;
+                deps = null;
+            }
+
+            _require( deps || [], function() {
+                setModule( id, factory, arguments );
+            });
+        },
+
+        // 设置module, 兼容CommonJs写法。
+        setModule = function( id, factory, args ) {
+            var module = {
+                    exports: factory
+                },
+                returned;
+
+            if ( typeof factory === 'function' ) {
+                args.length || (args = [ _require, module.exports, module ]);
+                returned = factory.apply( null, args );
+                returned !== undefined && (module.exports = returned);
+            }
+
+            modules[ id ] = module.exports;
+        },
+
+        // 根据id获取module
+        getModule = function( id ) {
+            var module = modules[ id ] || root[ id ];
+
+            if ( !module ) {
+                throw new Error( '`' + id + '` is undefined' );
+            }
+
+            return module;
+        },
+
+        // 将所有modules，将路径ids装换成对象。
+        exportsTo = function( obj ) {
+            var key, host, parts, part, last, ucFirst;
+
+            // make the first character upper case.
+            ucFirst = function( str ) {
+                return str && (str.charAt( 0 ).toUpperCase() + str.substr( 1 ));
+            };
+
+            for ( key in modules ) {
+                host = obj;
+
+                if ( !modules.hasOwnProperty( key ) ) {
+                    continue;
+                }
+
+                parts = key.split('/');
+                last = ucFirst( parts.pop() );
+
+                while( (part = ucFirst( parts.shift() )) ) {
+                    host[ part ] = host[ part ] || {};
+                    host = host[ part ];
+                }
+
+                host[ last ] = modules[ key ];
+            }
+        },
+
+        exports = factory( root, _define, _require ),
+        origin;
+
+    // exports every module.
+    exportsTo( exports );
+
+    if ( typeof module === 'object' && typeof module.exports === 'object' ) {
+
+        // For CommonJS and CommonJS-like environments where a proper window is present,
+        module.exports = exports;
+    } else if ( typeof define === 'function' && define.amd ) {
+
+        // Allow using this built library as an AMD module
+        // in another project. That other project will only
+        // see this AMD call, not the internal modules in
+        // the closure below.
+        define([], exports );
+    } else {
+
+        // Browser globals case. Just assign the
+        // result to a property on the global.
+        origin = root.WebUploader;
+        root.WebUploader = exports;
+        root.WebUploader.noConflict = function() {
+            root.WebUploader = origin;
+        };
+    }
+})( this, function( window, define, require ) {
+
+
+    /**
+     * @fileOverview jQuery or Zepto
+     */
+    define('dollar-third',[],function() {
+        return window.jQuery || window.Zepto;
+    });
+    /**
+     * @fileOverview Dom 操作相关
+     */
+    define('dollar',[
+        'dollar-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 使用jQuery的Promise
+     */
+    define('promise-third',[
+        'dollar'
+    ], function( $ ) {
+        return {
+            Deferred: $.Deferred,
+            when: $.when,
+    
+            isPromise: function( anything ) {
+                return anything && typeof anything.then === 'function';
+            }
+        };
+    });
+    /**
+     * @fileOverview Promise/A+
+     */
+    define('promise',[
+        'promise-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 基础类方法。
+     */
+    
+    /**
+     * Web Uploader内部类的详细说明，以下提及的功能类，都可以在`WebUploader`这个变量中访问到。
+     *
+     * As you know, Web Uploader的每个文件都是用过[AMD](https://github.com/amdjs/amdjs-api/wiki/AMD)规范中的`define`组织起来的, 每个Module都会有个module id.
+     * 默认module id该文件的路径，而此路径将会转化成名字空间存放在WebUploader中。如：
+     *
+     * * module `base`：WebUploader.Base
+     * * module `file`: WebUploader.File
+     * * module `lib/dnd`: WebUploader.Lib.Dnd
+     * * module `runtime/html5/dnd`: WebUploader.Runtime.Html5.Dnd
+     *
+     *
+     * 以下文档将可能省略`WebUploader`前缀。
+     * @module WebUploader
+     * @title WebUploader API文档
+     */
+    define('base',[
+        'dollar',
+        'promise'
+    ], function( $, promise ) {
+    
+        var noop = function() {},
+            call = Function.call;
+    
+        // http://jsperf.com/uncurrythis
+        // 反科里化
+        function uncurryThis( fn ) {
+            return function() {
+                return call.apply( fn, arguments );
+            };
+        }
+    
+        function bindFn( fn, context ) {
+            return function() {
+                return fn.apply( context, arguments );
+            };
+        }
+    
+        function createObject( proto ) {
+            var f;
+    
+            if ( Object.create ) {
+                return Object.create( proto );
+            } else {
+                f = function() {};
+                f.prototype = proto;
+                return new f();
+            }
+        }
+    
+    
+        /**
+         * 基础类，提供一些简单常用的方法。
+         * @class Base
+         */
+        return {
+    
+            /**
+             * @property {String} version 当前版本号。
+             */
+            version: '0.1.2',
+    
+            /**
+             * @property {jQuery|Zepto} $ 引用依赖的jQuery或者Zepto对象。
+             */
+            $: $,
+    
+            Deferred: promise.Deferred,
+    
+            isPromise: promise.isPromise,
+    
+            when: promise.when,
+    
+            /**
+             * @description  简单的浏览器检查结果。
+             *
+             * * `webkit`  webkit版本号，如果浏览器为非webkit内核，此属性为`undefined`。
+             * * `chrome`  chrome浏览器版本号，如果浏览器为chrome，此属性为`undefined`。
+             * * `ie`  ie浏览器版本号，如果浏览器为非ie，此属性为`undefined`。**暂不支持ie10+**
+             * * `firefox`  firefox浏览器版本号，如果浏览器为非firefox，此属性为`undefined`。
+             * * `safari`  safari浏览器版本号，如果浏览器为非safari，此属性为`undefined`。
+             * * `opera`  opera浏览器版本号，如果浏览器为非opera，此属性为`undefined`。
+             *
+             * @property {Object} [browser]
+             */
+            browser: (function( ua ) {
+                var ret = {},
+                    webkit = ua.match( /WebKit\/([\d.]+)/ ),
+                    chrome = ua.match( /Chrome\/([\d.]+)/ ) ||
+                        ua.match( /CriOS\/([\d.]+)/ ),
+    
+                    ie = ua.match( /MSIE\s([\d\.]+)/ ) ||
+                        ua.match(/(?:trident)(?:.*rv:([\w.]+))?/i),
+                    firefox = ua.match( /Firefox\/([\d.]+)/ ),
+                    safari = ua.match( /Safari\/([\d.]+)/ ),
+                    opera = ua.match( /OPR\/([\d.]+)/ );
+    
+                webkit && (ret.webkit = parseFloat( webkit[ 1 ] ));
+                chrome && (ret.chrome = parseFloat( chrome[ 1 ] ));
+                ie && (ret.ie = parseFloat( ie[ 1 ] ));
+                firefox && (ret.firefox = parseFloat( firefox[ 1 ] ));
+                safari && (ret.safari = parseFloat( safari[ 1 ] ));
+                opera && (ret.opera = parseFloat( opera[ 1 ] ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
+            /**
+             * @description  操作系统检查结果。
+             *
+             * * `android`  如果在android浏览器环境下，此值为对应的android版本号，否则为`undefined`。
+             * * `ios` 如果在ios浏览器环境下，此值为对应的ios版本号，否则为`undefined`。
+             * @property {Object} [os]
+             */
+            os: (function( ua ) {
+                var ret = {},
+    
+                    // osx = !!ua.match( /\(Macintosh\; Intel / ),
+                    android = ua.match( /(?:Android);?[\s\/]+([\d.]+)?/ ),
+                    ios = ua.match( /(?:iPad|iPod|iPhone).*OS\s([\d_]+)/ );
+    
+                // osx && (ret.osx = true);
+                android && (ret.android = parseFloat( android[ 1 ] ));
+                ios && (ret.ios = parseFloat( ios[ 1 ].replace( /_/g, '.' ) ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
+            /**
+             * 实现类与类之间的继承。
+             * @method inherits
+             * @grammar Base.inherits( super ) => child
+             * @grammar Base.inherits( super, protos ) => child
+             * @grammar Base.inherits( super, protos, statics ) => child
+             * @param  {Class} super 父类
+             * @param  {Object | Function} [protos] 子类或者对象。如果对象中包含constructor，子类将是用此属性值。
+             * @param  {Function} [protos.constructor] 子类构造器，不指定的话将创建个临时的直接执行父类构造器的方法。
+             * @param  {Object} [statics] 静态属性或方法。
+             * @return {Class} 返回子类。
+             * @example
+             * function Person() {
+             *     console.log( 'Super' );
+             * }
+             * Person.prototype.hello = function() {
+             *     console.log( 'hello' );
+             * };
+             *
+             * var Manager = Base.inherits( Person, {
+             *     world: function() {
+             *         console.log( 'World' );
+             *     }
+             * });
+             *
+             * // 因为没有指定构造器，父类的构造器将会执行。
+             * var instance = new Manager();    // => Super
+             *
+             * // 继承子父类的方法
+             * instance.hello();    // => hello
+             * instance.world();    // => World
+             *
+             * // 子类的__super__属性指向父类
+             * console.log( Manager.__super__ === Person );    // => true
+             */
+            inherits: function( Super, protos, staticProtos ) {
+                var child;
+    
+                if ( typeof protos === 'function' ) {
+                    child = protos;
+                    protos = null;
+                } else if ( protos && protos.hasOwnProperty('constructor') ) {
+                    child = protos.constructor;
+                } else {
+                    child = function() {
+                        return Super.apply( this, arguments );
+                    };
+                }
+    
+                // 复制静态方法
+                $.extend( true, child, Super, staticProtos || {} );
+    
+                /* jshint camelcase: false */
+    
+                // 让子类的__super__属性指向父类。
+                child.__super__ = Super.prototype;
+    
+                // 构建原型，添加原型方法或属性。
+                // 暂时用Object.create实现。
+                child.prototype = createObject( Super.prototype );
+                protos && $.extend( true, child.prototype, protos );
+    
+                return child;
+            },
+    
+            /**
+             * 一个不做任何事情的方法。可以用来赋值给默认的callback.
+             * @method noop
+             */
+            noop: noop,
+    
+            /**
+             * 返回一个新的方法，此方法将已指定的`context`来执行。
+             * @grammar Base.bindFn( fn, context ) => Function
+             * @method bindFn
+             * @example
+             * var doSomething = function() {
+             *         console.log( this.name );
+             *     },
+             *     obj = {
+             *         name: 'Object Name'
+             *     },
+             *     aliasFn = Base.bind( doSomething, obj );
+             *
+             *  aliasFn();    // => Object Name
+             *
+             */
+            bindFn: bindFn,
+    
+            /**
+             * 引用Console.log如果存在的话，否则引用一个[空函数loop](#WebUploader:Base.log)。
+             * @grammar Base.log( args... ) => undefined
+             * @method log
+             */
+            log: (function() {
+                if ( window.console ) {
+                    return bindFn( console.log, console );
+                }
+                return noop;
+            })(),
+    
+            nextTick: (function() {
+    
+                return function( cb ) {
+                    setTimeout( cb, 1 );
+                };
+    
+                // @bug 当浏览器不在当前窗口时就停了。
+                // var next = window.requestAnimationFrame ||
+                //     window.webkitRequestAnimationFrame ||
+                //     window.mozRequestAnimationFrame ||
+                //     function( cb ) {
+                //         window.setTimeout( cb, 1000 / 60 );
+                //     };
+    
+                // // fix: Uncaught TypeError: Illegal invocation
+                // return bindFn( next, window );
+            })(),
+    
+            /**
+             * 被[uncurrythis](http://www.2ality.com/2011/11/uncurrying-this.html)的数组slice方法。
+             * 将用来将非数组对象转化成数组对象。
+             * @grammar Base.slice( target, start[, end] ) => Array
+             * @method slice
+             * @example
+             * function doSomthing() {
+             *     var args = Base.slice( arguments, 1 );
+             *     console.log( args );
+             * }
+             *
+             * doSomthing( 'ignored', 'arg2', 'arg3' );    // => Array ["arg2", "arg3"]
+             */
+            slice: uncurryThis( [].slice ),
+    
+            /**
+             * 生成唯一的ID
+             * @method guid
+             * @grammar Base.guid() => String
+             * @grammar Base.guid( prefx ) => String
+             */
+            guid: (function() {
+                var counter = 0;
+    
+                return function( prefix ) {
+                    var guid = (+new Date()).toString( 32 ),
+                        i = 0;
+    
+                    for ( ; i < 5; i++ ) {
+                        guid += Math.floor( Math.random() * 65535 ).toString( 32 );
+                    }
+    
+                    return (prefix || 'wu_') + guid + (counter++).toString( 32 );
+                };
+            })(),
+    
+            /**
+             * 格式化文件大小, 输出成带单位的字符串
+             * @method formatSize
+             * @grammar Base.formatSize( size ) => String
+             * @grammar Base.formatSize( size, pointLength ) => String
+             * @grammar Base.formatSize( size, pointLength, units ) => String
+             * @param {Number} size 文件大小
+             * @param {Number} [pointLength=2] 精确到的小数点数。
+             * @param {Array} [units=[ 'B', 'K', 'M', 'G', 'TB' ]] 单位数组。从字节，到千字节，一直往上指定。如果单位数组里面只指定了到了K(千字节)，同时文件大小大于M, 此方法的输出将还是显示成多少K.
+             * @example
+             * console.log( Base.formatSize( 100 ) );    // => 100B
+             * console.log( Base.formatSize( 1024 ) );    // => 1.00K
+             * console.log( Base.formatSize( 1024, 0 ) );    // => 1K
+             * console.log( Base.formatSize( 1024 * 1024 ) );    // => 1.00M
+             * console.log( Base.formatSize( 1024 * 1024 * 1024 ) );    // => 1.00G
+             * console.log( Base.formatSize( 1024 * 1024 * 1024, 0, ['B', 'KB', 'MB'] ) );    // => 1024MB
+             */
+            formatSize: function( size, pointLength, units ) {
+                var unit;
+    
+                units = units || [ 'B', 'K', 'M', 'G', 'TB' ];
+    
+                while ( (unit = units.shift()) && size > 1024 ) {
+                    size = size / 1024;
+                }
+    
+                return (unit === 'B' ? size : size.toFixed( pointLength || 2 )) +
+                        unit;
+            }
+        };
+    });
+    /**
+     * 事件处理类，可以独立使用，也可以扩展给对象使用。
+     * @fileOverview Mediator
+     */
+    define('mediator',[
+        'base'
+    ], function( Base ) {
+        var $ = Base.$,
+            slice = [].slice,
+            separator = /\s+/,
+            protos;
+    
+        // 根据条件过滤出事件handlers.
+        function findHandlers( arr, name, callback, context ) {
+            return $.grep( arr, function( handler ) {
+                return handler &&
+                        (!name || handler.e === name) &&
+                        (!callback || handler.cb === callback ||
+                        handler.cb._cb === callback) &&
+                        (!context || handler.ctx === context);
+            });
+        }
+    
+        function eachEvent( events, callback, iterator ) {
+            // 不支持对象，只支持多个event用空格隔开
+            $.each( (events || '').split( separator ), function( _, key ) {
+                iterator( key, callback );
+            });
+        }
+    
+        function triggerHanders( events, args ) {
+            var stoped = false,
+                i = -1,
+                len = events.length,
+                handler;
+    
+            while ( ++i < len ) {
+                handler = events[ i ];
+    
+                if ( handler.cb.apply( handler.ctx2, args ) === false ) {
+                    stoped = true;
+                    break;
+                }
+            }
+    
+            return !stoped;
+        }
+    
+        protos = {
+    
+            /**
+             * 绑定事件。
+             *
+             * `callback`方法在执行时，arguments将会来源于trigger的时候携带的参数。如
+             * ```javascript
+             * var obj = {};
+             *
+             * // 使得obj有事件行为
+             * Mediator.installTo( obj );
+             *
+             * obj.on( 'testa', function( arg1, arg2 ) {
+             *     console.log( arg1, arg2 ); // => 'arg1', 'arg2'
+             * });
+             *
+             * obj.trigger( 'testa', 'arg1', 'arg2' );
+             * ```
+             *
+             * 如果`callback`中，某一个方法`return false`了，则后续的其他`callback`都不会被执行到。
+             * 切会影响到`trigger`方法的返回值，为`false`。
+             *
+             * `on`还可以用来添加一个特殊事件`all`, 这样所有的事件触发都会响应到。同时此类`callback`中的arguments有一个不同处，
+             * 就是第一个参数为`type`，记录当前是什么事件在触发。此类`callback`的优先级比脚低，会再正常`callback`执行完后触发。
+             * ```javascript
+             * obj.on( 'all', function( type, arg1, arg2 ) {
+             *     console.log( type, arg1, arg2 ); // => 'testa', 'arg1', 'arg2'
+             * });
+             * ```
+             *
+             * @method on
+             * @grammar on( name, callback[, context] ) => self
+             * @param  {String}   name     事件名，支持多个事件用空格隔开
+             * @param  {Function} callback 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             * @class Mediator
+             */
+            on: function( name, callback, context ) {
+                var me = this,
+                    set;
+    
+                if ( !callback ) {
+                    return this;
+                }
+    
+                set = this._events || (this._events = []);
+    
+                eachEvent( name, callback, function( name, callback ) {
+                    var handler = { e: name };
+    
+                    handler.cb = callback;
+                    handler.ctx = context;
+                    handler.ctx2 = context || me;
+                    handler.id = set.length;
+    
+                    set.push( handler );
+                });
+    
+                return this;
+            },
+    
+            /**
+             * 绑定事件，且当handler执行完后，自动解除绑定。
+             * @method once
+             * @grammar once( name, callback[, context] ) => self
+             * @param  {String}   name     事件名
+             * @param  {Function} callback 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             */
+            once: function( name, callback, context ) {
+                var me = this;
+    
+                if ( !callback ) {
+                    return me;
+                }
+    
+                eachEvent( name, callback, function( name, callback ) {
+                    var once = function() {
+                            me.off( name, once );
+                            return callback.apply( context || me, arguments );
+                        };
+    
+                    once._cb = callback;
+                    me.on( name, once, context );
+                });
+    
+                return me;
+            },
+    
+            /**
+             * 解除事件绑定
+             * @method off
+             * @grammar off( [name[, callback[, context] ] ] ) => self
+             * @param  {String}   [name]     事件名
+             * @param  {Function} [callback] 事件处理器
+             * @param  {Object}   [context]  事件处理器的上下文。
+             * @return {self} 返回自身，方便链式
+             * @chainable
+             */
+            off: function( name, cb, ctx ) {
+                var events = this._events;
+    
+                if ( !events ) {
+                    return this;
+                }
+    
+                if ( !name && !cb && !ctx ) {
+                    this._events = [];
+                    return this;
+                }
+    
+                eachEvent( name, cb, function( name, cb ) {
+                    $.each( findHandlers( events, name, cb, ctx ), function() {
+                        delete events[ this.id ];
+                    });
+                });
+    
+                return this;
+            },
+    
+            /**
+             * 触发事件
+             * @method trigger
+             * @grammar trigger( name[, args...] ) => self
+             * @param  {String}   type     事件名
+             * @param  {*} [...] 任意参数
+             * @return {Boolean} 如果handler中return false了，则返回false, 否则返回true
+             */
+            trigger: function( type ) {
+                var args, events, allEvents;
+    
+                if ( !this._events || !type ) {
+                    return this;
+                }
+    
+                args = slice.call( arguments, 1 );
+                events = findHandlers( this._events, type );
+                allEvents = findHandlers( this._events, 'all' );
+    
+                return triggerHanders( events, args ) &&
+                        triggerHanders( allEvents, arguments );
+            }
+        };
+    
+        /**
+         * 中介者，它本身是个单例，但可以通过[installTo](#WebUploader:Mediator:installTo)方法，使任何对象具备事件行为。
+         * 主要目的是负责模块与模块之间的合作，降低耦合度。
+         *
+         * @class Mediator
+         */
+        return $.extend({
+    
+            /**
+             * 可以通过这个接口，使任何对象具备事件功能。
+             * @method installTo
+             * @param  {Object} obj 需要具备事件行为的对象。
+             * @return {Object} 返回obj.
+             */
+            installTo: function( obj ) {
+                return $.extend( obj, protos );
+            }
+    
+        }, protos );
+    });
+    /**
+     * @fileOverview Uploader上传类
+     */
+    define('uploader',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$;
+    
+        /**
+         * 上传入口类。
+         * @class Uploader
+         * @constructor
+         * @grammar new Uploader( opts ) => Uploader
+         * @example
+         * var uploader = WebUploader.Uploader({
+         *     swf: 'path_of_swf/Uploader.swf',
+         *
+         *     // 开起分片上传。
+         *     chunked: true
+         * });
+         */
+        function Uploader( opts ) {
+            this.options = $.extend( true, {}, Uploader.options, opts );
+            this._init( this.options );
+        }
+    
+        // default Options
+        // widgets中有相应扩展
+        Uploader.options = {};
+        Mediator.installTo( Uploader.prototype );
+    
+        // 批量添加纯命令式方法。
+        $.each({
+            upload: 'start-upload',
+            stop: 'stop-upload',
+            getFile: 'get-file',
+            getFiles: 'get-files',
+            addFile: 'add-file',
+            addFiles: 'add-file',
+            sort: 'sort-files',
+            removeFile: 'remove-file',
+            skipFile: 'skip-file',
+            retry: 'retry',
+            isInProgress: 'is-in-progress',
+            makeThumb: 'make-thumb',
+            getDimension: 'get-dimension',
+            addButton: 'add-btn',
+            getRuntimeType: 'get-runtime-type',
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable',
+            reset: 'reset'
+        }, function( fn, command ) {
+            Uploader.prototype[ fn ] = function() {
+                return this.request( command, arguments );
+            };
+        });
+    
+        $.extend( Uploader.prototype, {
+            state: 'pending',
+    
+            _init: function( opts ) {
+                var me = this;
+    
+                me.request( 'init', opts, function() {
+                    me.state = 'ready';
+                    me.trigger('ready');
+                });
+            },
+    
+            /**
+             * 获取或者设置Uploader配置项。
+             * @method option
+             * @grammar option( key ) => *
+             * @grammar option( key, val ) => self
+             * @example
+             *
+             * // 初始状态图片上传前不会压缩
+             * var uploader = new WebUploader.Uploader({
+             *     resize: null;
+             * });
+             *
+             * // 修改后图片上传前，尝试将图片压缩到1600 * 1600
+             * uploader.options( 'resize', {
+             *     width: 1600,
+             *     height: 1600
+             * });
+             */
+            option: function( key, val ) {
+                var opts = this.options;
+    
+                // setter
+                if ( arguments.length > 1 ) {
+    
+                    if ( $.isPlainObject( val ) &&
+                            $.isPlainObject( opts[ key ] ) ) {
+                        $.extend( opts[ key ], val );
+                    } else {
+                        opts[ key ] = val;
+                    }
+    
+                } else {    // getter
+                    return key ? opts[ key ] : opts;
+                }
+            },
+    
+            /**
+             * 获取文件统计信息。返回一个包含一下信息的对象。
+             * * `successNum` 上传成功的文件数
+             * * `uploadFailNum` 上传失败的文件数
+             * * `cancelNum` 被删除的文件数
+             * * `invalidNum` 无效的文件数
+             * * `queueNum` 还在队列中的文件数
+             * @method getStats
+             * @grammar getStats() => Object
+             */
+            getStats: function() {
+                // return this._mgr.getStats.apply( this._mgr, arguments );
+                var stats = this.request('get-stats');
+    
+                return {
+                    successNum: stats.numOfSuccess,
+    
+                    // who care?
+                    // queueFailNum: 0,
+                    cancelNum: stats.numOfCancel,
+                    invalidNum: stats.numOfInvalid,
+                    uploadFailNum: stats.numOfUploadFailed,
+                    queueNum: stats.numOfQueue
+                };
+            },
+    
+            // 需要重写此方法来来支持opts.onEvent和instance.onEvent的处理器
+            trigger: function( type/*, args...*/ ) {
+                var args = [].slice.call( arguments, 1 ),
+                    opts = this.options,
+                    name = 'on' + type.substring( 0, 1 ).toUpperCase() +
+                        type.substring( 1 );
+    
+                if (
+                        // 调用通过on方法注册的handler.
+                        Mediator.trigger.apply( this, arguments ) === false ||
+    
+                        // 调用opts.onEvent
+                        $.isFunction( opts[ name ] ) &&
+                        opts[ name ].apply( this, args ) === false ||
+    
+                        // 调用this.onEvent
+                        $.isFunction( this[ name ] ) &&
+                        this[ name ].apply( this, args ) === false ||
+    
+                        // 广播所有uploader的事件。
+                        Mediator.trigger.apply( Mediator,
+                        [ this, type ].concat( args ) ) === false ) {
+    
+                    return false;
+                }
+    
+                return true;
+            },
+    
+            // widgets/widget.js将补充此方法的详细文档。
+            request: Base.noop
+        });
+    
+        /**
+         * 创建Uploader实例，等同于new Uploader( opts );
+         * @method create
+         * @class Base
+         * @static
+         * @grammar Base.create( opts ) => Uploader
+         */
+        Base.create = Uploader.create = function( opts ) {
+            return new Uploader( opts );
+        };
+    
+        // 暴露Uploader，可以通过它来扩展业务逻辑。
+        Base.Uploader = Uploader;
+    
+        return Uploader;
+    });
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/runtime',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$,
+            factories = {},
+    
+            // 获取对象的第一个key
+            getFirstKey = function( obj ) {
+                for ( var key in obj ) {
+                    if ( obj.hasOwnProperty( key ) ) {
+                        return key;
+                    }
+                }
+                return null;
+            };
+    
+        // 接口类。
+        function Runtime( options ) {
+            this.options = $.extend({
+                container: document.body
+            }, options );
+            this.uid = Base.guid('rt_');
+        }
+    
+        $.extend( Runtime.prototype, {
+    
+            getContainer: function() {
+                var opts = this.options,
+                    parent, container;
+    
+                if ( this._container ) {
+                    return this._container;
+                }
+    
+                parent = $( opts.container || document.body );
+                container = $( document.createElement('div') );
+    
+                container.attr( 'id', 'rt_' + this.uid );
+                container.css({
+                    position: 'absolute',
+                    top: '0px',
+                    left: '0px',
+                    width: '1px',
+                    height: '1px',
+                    overflow: 'hidden'
+                });
+    
+                parent.append( container );
+                parent.addClass('webuploader-container');
+                this._container = container;
+                return container;
+            },
+    
+            init: Base.noop,
+            exec: Base.noop,
+    
+            destroy: function() {
+                if ( this._container ) {
+                    this._container.parentNode.removeChild( this.__container );
+                }
+    
+                this.off();
+            }
+        });
+    
+        Runtime.orders = 'html5,flash';
+    
+    
+        /**
+         * 添加Runtime实现。
+         * @param {String} type    类型
+         * @param {Runtime} factory 具体Runtime实现。
+         */
+        Runtime.addRuntime = function( type, factory ) {
+            factories[ type ] = factory;
+        };
+    
+        Runtime.hasRuntime = function( type ) {
+            return !!(type ? factories[ type ] : getFirstKey( factories ));
+        };
+    
+        Runtime.create = function( opts, orders ) {
+            var type, runtime;
+    
+            orders = orders || Runtime.orders;
+            $.each( orders.split( /\s*,\s*/g ), function() {
+                if ( factories[ this ] ) {
+                    type = this;
+                    return false;
+                }
+            });
+    
+            type = type || getFirstKey( factories );
+    
+            if ( !type ) {
+                throw new Error('Runtime Error');
+            }
+    
+            runtime = new factories[ type ]( opts );
+            return runtime;
+        };
+    
+        Mediator.installTo( Runtime.prototype );
+        return Runtime;
+    });
+    
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/client',[
+        'base',
+        'mediator',
+        'runtime/runtime'
+    ], function( Base, Mediator, Runtime ) {
+    
+        var cache;
+    
+        cache = (function() {
+            var obj = {};
+    
+            return {
+                add: function( runtime ) {
+                    obj[ runtime.uid ] = runtime;
+                },
+    
+                get: function( ruid, standalone ) {
+                    var i;
+    
+                    if ( ruid ) {
+                        return obj[ ruid ];
+                    }
+    
+                    for ( i in obj ) {
+                        // 有些类型不能重用，比如filepicker.
+                        if ( standalone && obj[ i ].__standalone ) {
+                            continue;
+                        }
+    
+                        return obj[ i ];
+                    }
+    
+                    return null;
+                },
+    
+                remove: function( runtime ) {
+                    delete obj[ runtime.uid ];
+                }
+            };
+        })();
+    
+        function RuntimeClient( component, standalone ) {
+            var deferred = Base.Deferred(),
+                runtime;
+    
+            this.uid = Base.guid('client_');
+    
+            // 允许runtime没有初始化之前，注册一些方法在初始化后执行。
+            this.runtimeReady = function( cb ) {
+                return deferred.done( cb );
+            };
+    
+            this.connectRuntime = function( opts, cb ) {
+    
+                // already connected.
+                if ( runtime ) {
+                    throw new Error('already connected!');
+                }
+    
+                deferred.done( cb );
+    
+                if ( typeof opts === 'string' && cache.get( opts ) ) {
+                    runtime = cache.get( opts );
+                }
+    
+                // 像filePicker只能独立存在，不能公用。
+                runtime = runtime || cache.get( null, standalone );
+    
+                // 需要创建
+                if ( !runtime ) {
+                    runtime = Runtime.create( opts, opts.runtimeOrder );
+                    runtime.__promise = deferred.promise();
+                    runtime.once( 'ready', deferred.resolve );
+                    runtime.init();
+                    cache.add( runtime );
+                    runtime.__client = 1;
+                } else {
+                    // 来自cache
+                    Base.$.extend( runtime.options, opts );
+                    runtime.__promise.then( deferred.resolve );
+                    runtime.__client++;
+                }
+    
+                standalone && (runtime.__standalone = standalone);
+                return runtime;
+            };
+    
+            this.getRuntime = function() {
+                return runtime;
+            };
+    
+            this.disconnectRuntime = function() {
+                if ( !runtime ) {
+                    return;
+                }
+    
+                runtime.__client--;
+    
+                if ( runtime.__client <= 0 ) {
+                    cache.remove( runtime );
+                    delete runtime.__promise;
+                    runtime.destroy();
+                }
+    
+                runtime = null;
+            };
+    
+            this.exec = function() {
+                if ( !runtime ) {
+                    return;
+                }
+    
+                var args = Base.slice( arguments );
+                component && args.unshift( component );
+    
+                return runtime.exec.apply( this, args );
+            };
+    
+            this.getRuid = function() {
+                return runtime && runtime.uid;
+            };
+    
+            this.destroy = (function( destroy ) {
+                return function() {
+                    destroy && destroy.apply( this, arguments );
+                    this.trigger('destroy');
+                    this.off();
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                };
+            })( this.destroy );
+        }
+    
+        Mediator.installTo( RuntimeClient.prototype );
+        return RuntimeClient;
+    });
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/dnd',[
+        'base',
+        'mediator',
+        'runtime/client'
+    ], function( Base, Mediator, RuntimeClent ) {
+    
+        var $ = Base.$;
+    
+        function DragAndDrop( opts ) {
+            opts = this.options = $.extend({}, DragAndDrop.options, opts );
+    
+            opts.container = $( opts.container );
+    
+            if ( !opts.container.length ) {
+                return;
+            }
+    
+            RuntimeClent.call( this, 'DragAndDrop' );
+        }
+    
+        DragAndDrop.options = {
+            accept: null,
+            disableGlobalDnd: false
+        };
+    
+        Base.inherits( RuntimeClent, {
+            constructor: DragAndDrop,
+    
+            init: function() {
+                var me = this;
+    
+                me.connectRuntime( me.options, function() {
+                    me.exec('init');
+                    me.trigger('ready');
+                });
+            },
+    
+            destroy: function() {
+                this.disconnectRuntime();
+            }
+        });
+    
+        Mediator.installTo( DragAndDrop.prototype );
+    
+        return DragAndDrop;
+    });
+    /**
+     * @fileOverview 组件基类。
+     */
+    define('widgets/widget',[
+        'base',
+        'uploader'
+    ], function( Base, Uploader ) {
+    
+        var $ = Base.$,
+            _init = Uploader.prototype._init,
+            IGNORE = {},
+            widgetClass = [];
+    
+        function isArrayLike( obj ) {
+            if ( !obj ) {
+                return false;
+            }
+    
+            var length = obj.length,
+                type = $.type( obj );
+    
+            if ( obj.nodeType === 1 && length ) {
+                return true;
+            }
+    
+            return type === 'array' || type !== 'function' && type !== 'string' &&
+                    (length === 0 || typeof length === 'number' && length > 0 &&
+                    (length - 1) in obj);
+        }
+    
+        function Widget( uploader ) {
+            this.owner = uploader;
+            this.options = uploader.options;
+        }
+    
+        $.extend( Widget.prototype, {
+    
+            init: Base.noop,
+    
+            // 类Backbone的事件监听声明，监听uploader实例上的事件
+            // widget直接无法监听事件，事件只能通过uploader来传递
+            invoke: function( apiName, args ) {
+    
+                /*
+                    {
+                        'make-thumb': 'makeThumb'
+                    }
+                 */
+                var map = this.responseMap;
+    
+                // 如果无API响应声明则忽略
+                if ( !map || !(apiName in map) || !(map[ apiName ] in this) ||
+                        !$.isFunction( this[ map[ apiName ] ] ) ) {
+    
+                    return IGNORE;
+                }
+    
+                return this[ map[ apiName ] ].apply( this, args );
+    
+            },
+    
+            /**
+             * 发送命令。当传入`callback`或者`handler`中返回`promise`时。返回一个当所有`handler`中的promise都完成后完成的新`promise`。
+             * @method request
+             * @grammar request( command, args ) => * | Promise
+             * @grammar request( command, args, callback ) => Promise
+             * @for  Uploader
+             */
+            request: function() {
+                return this.owner.request.apply( this.owner, arguments );
+            }
+        });
+    
+        // 扩展Uploader.
+        $.extend( Uploader.prototype, {
+    
+            // 覆写_init用来初始化widgets
+            _init: function() {
+                var me = this,
+                    widgets = me._widgets = [];
+    
+                $.each( widgetClass, function( _, klass ) {
+                    widgets.push( new klass( me ) );
+                });
+    
+                return _init.apply( me, arguments );
+            },
+    
+            request: function( apiName, args, callback ) {
+                var i = 0,
+                    widgets = this._widgets,
+                    len = widgets.length,
+                    rlts = [],
+                    dfds = [],
+                    widget, rlt, promise, key;
+    
+                args = isArrayLike( args ) ? args : [ args ];
+    
+                for ( ; i < len; i++ ) {
+                    widget = widgets[ i ];
+                    rlt = widget.invoke( apiName, args );
+    
+                    if ( rlt !== IGNORE ) {
+    
+                        // Deferred对象
+                        if ( Base.isPromise( rlt ) ) {
+                            dfds.push( rlt );
+                        } else {
+                            rlts.push( rlt );
+                        }
+                    }
+                }
+    
+                // 如果有callback，则用异步方式。
+                if ( callback || dfds.length ) {
+                    promise = Base.when.apply( Base, dfds );
+                    key = promise.pipe ? 'pipe' : 'then';
+    
+                    // 很重要不能删除。删除了会死循环。
+                    // 保证执行顺序。让callback总是在下一个tick中执行。
+                    return promise[ key ](function() {
+                                var deferred = Base.Deferred(),
+                                    args = arguments;
+    
+                                setTimeout(function() {
+                                    deferred.resolve.apply( deferred, args );
+                                }, 1 );
+    
+                                return deferred.promise();
+                            })[ key ]( callback || Base.noop );
+                } else {
+                    return rlts[ 0 ];
+                }
+            }
+        });
+    
+        /**
+         * 添加组件
+         * @param  {object} widgetProto 组件原型，构造函数通过constructor属性定义
+         * @param  {object} responseMap API名称与函数实现的映射
+         * @example
+         *     Uploader.register( {
+         *         init: function( options ) {},
+         *         makeThumb: function() {}
+         *     }, {
+         *         'make-thumb': 'makeThumb'
+         *     } );
+         */
+        Uploader.register = Widget.register = function( responseMap, widgetProto ) {
+            var map = { init: 'init' },
+                klass;
+    
+            if ( arguments.length === 1 ) {
+                widgetProto = responseMap;
+                widgetProto.responseMap = map;
+            } else {
+                widgetProto.responseMap = $.extend( map, responseMap );
+            }
+    
+            klass = Base.inherits( Widget, widgetProto );
+            widgetClass.push( klass );
+    
+            return klass;
+        };
+    
+        return Widget;
+    });
+    /**
+     * @fileOverview DragAndDrop Widget。
+     */
+    define('widgets/filednd',[
+        'base',
+        'uploader',
+        'lib/dnd',
+        'widgets/widget'
+    ], function( Base, Uploader, Dnd ) {
+        var $ = Base.$;
+    
+        Uploader.options.dnd = '';
+    
+        /**
+         * @property {Selector} [dnd=undefined]  指定Drag And Drop拖拽的容器，如果不指定，则不启动。
+         * @namespace options
+         * @for Uploader
+         */
+    
+        /**
+         * @event dndAccept
+         * @param {DataTransferItemList} items DataTransferItem
+         * @description 阻止此事件可以拒绝某些类型的文件拖入进来。目前只有 chrome 提供这样的 API，且只能通过 mime-type 验证。
+         * @for  Uploader
+         */
+        return Uploader.register({
+            init: function( opts ) {
+    
+                if ( !opts.dnd ||
+                        this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                var me = this,
+                    deferred = Base.Deferred(),
+                    options = $.extend({}, {
+                        disableGlobalDnd: opts.disableGlobalDnd,
+                        container: opts.dnd,
+                        accept: opts.accept
+                    }),
+                    dnd;
+    
+                dnd = new Dnd( options );
+    
+                dnd.once( 'ready', deferred.resolve );
+                dnd.on( 'drop', function( files ) {
+                    me.request( 'add-file', [ files ]);
+                });
+    
+                // 检测文件是否全部允许添加。
+                dnd.on( 'accept', function( items ) {
+                    return me.owner.trigger( 'dndAccept', items );
+                });
+    
+                dnd.init();
+    
+                return deferred.promise();
+            }
+        });
+    });
+    
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/filepaste',[
+        'base',
+        'mediator',
+        'runtime/client'
+    ], function( Base, Mediator, RuntimeClent ) {
+    
+        var $ = Base.$;
+    
+        function FilePaste( opts ) {
+            opts = this.options = $.extend({}, opts );
+            opts.container = $( opts.container || document.body );
+            RuntimeClent.call( this, 'FilePaste' );
+        }
+    
+        Base.inherits( RuntimeClent, {
+            constructor: FilePaste,
+    
+            init: function() {
+                var me = this;
+    
+                me.connectRuntime( me.options, function() {
+                    me.exec('init');
+                    me.trigger('ready');
+                });
+            },
+    
+            destroy: function() {
+                this.exec('destroy');
+                this.disconnectRuntime();
+                this.off();
+            }
+        });
+    
+        Mediator.installTo( FilePaste.prototype );
+    
+        return FilePaste;
+    });
+    /**
+     * @fileOverview 组件基类。
+     */
+    define('widgets/filepaste',[
+        'base',
+        'uploader',
+        'lib/filepaste',
+        'widgets/widget'
+    ], function( Base, Uploader, FilePaste ) {
+        var $ = Base.$;
+    
+        /**
+         * @property {Selector} [paste=undefined]  指定监听paste事件的容器，如果不指定，不启用此功能。此功能为通过粘贴来添加截屏的图片。建议设置为`document.body`.
+         * @namespace options
+         * @for Uploader
+         */
+        return Uploader.register({
+            init: function( opts ) {
+    
+                if ( !opts.paste ||
+                        this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                var me = this,
+                    deferred = Base.Deferred(),
+                    options = $.extend({}, {
+                        container: opts.paste,
+                        accept: opts.accept
+                    }),
+                    paste;
+    
+                paste = new FilePaste( options );
+    
+                paste.once( 'ready', deferred.resolve );
+                paste.on( 'paste', function( files ) {
+                    me.owner.request( 'add-file', [ files ]);
+                });
+                paste.init();
+    
+                return deferred.promise();
+            }
+        });
+    });
+    /**
+     * @fileOverview Blob
+     */
+    define('lib/blob',[
+        'base',
+        'runtime/client'
+    ], function( Base, RuntimeClient ) {
+    
+        function Blob( ruid, source ) {
+            var me = this;
+    
+            me.source = source;
+            me.ruid = ruid;
+    
+            RuntimeClient.call( me, 'Blob' );
+    
+            this.uid = source.uid || this.uid;
+            this.type = source.type || '';
+            this.size = source.size || 0;
+    
+            if ( ruid ) {
+                me.connectRuntime( ruid );
+            }
+        }
+    
+        Base.inherits( RuntimeClient, {
+            constructor: Blob,
+    
+            slice: function( start, end ) {
+                return this.exec( 'slice', start, end );
+            },
+    
+            getSource: function() {
+                return this.source;
+            }
+        });
+    
+        return Blob;
+    });
+    /**
+     * 为了统一化Flash的File和HTML5的File而存在。
+     * 以至于要调用Flash里面的File，也可以像调用HTML5版本的File一下。
+     * @fileOverview File
+     */
+    define('lib/file',[
+        'base',
+        'lib/blob'
+    ], function( Base, Blob ) {
+    
+        var uid = 1,
+            rExt = /\.([^.]+)$/;
+    
+        function File( ruid, file ) {
+            var ext;
+    
+            Blob.apply( this, arguments );
+            this.name = file.name || ('untitled' + uid++);
+            ext = rExt.exec( file.name ) ? RegExp.$1.toLowerCase() : '';
+    
+            // todo 支持其他类型文件的转换。
+    
+            // 如果有mimetype, 但是文件名里面没有找出后缀规律
+            if ( !ext && this.type ) {
+                ext = /\/(jpg|jpeg|png|gif|bmp)$/i.exec( this.type ) ?
+                        RegExp.$1.toLowerCase() : '';
+                this.name += '.' + ext;
+            }
+    
+            // 如果没有指定mimetype, 但是知道文件后缀。
+            if ( !this.type &&  ~'jpg,jpeg,png,gif,bmp'.indexOf( ext ) ) {
+                this.type = 'image/' + (ext === 'jpg' ? 'jpeg' : ext);
+            }
+    
+            this.ext = ext;
+            this.lastModifiedDate = file.lastModifiedDate ||
+                    (new Date()).toLocaleString();
+        }
+    
+        return Base.inherits( Blob, File );
+    });
+    
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/filepicker',[
+        'base',
+        'runtime/client',
+        'lib/file'
+    ], function( Base, RuntimeClent, File ) {
+    
+        var $ = Base.$;
+    
+        function FilePicker( opts ) {
+            opts = this.options = $.extend({}, FilePicker.options, opts );
+    
+            opts.container = $( opts.id );
+    
+            if ( !opts.container.length ) {
+                throw new Error('按钮指定错误');
+            }
+    
+            opts.innerHTML = opts.innerHTML || opts.label ||
+                    opts.container.html() || '';
+    
+            opts.button = $( opts.button || document.createElement('div') );
+            opts.button.html( opts.innerHTML );
+            opts.container.html( opts.button );
+    
+            RuntimeClent.call( this, 'FilePicker', true );
+        }
+    
+        FilePicker.options = {
+            button: null,
+            container: null,
+            label: null,
+            innerHTML: null,
+            multiple: true,
+            accept: null,
+            name: 'file'
+        };
+    
+        Base.inherits( RuntimeClent, {
+            constructor: FilePicker,
+    
+            init: function() {
+                var me = this,
+                    opts = me.options,
+                    button = opts.button;
+    
+                button.addClass('webuploader-pick');
+    
+                me.on( 'all', function( type ) {
+                    var files;
+    
+                    switch ( type ) {
+                        case 'mouseenter':
+                            button.addClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'mouseleave':
+                            button.removeClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'change':
+                            files = me.exec('getFiles');
+                            me.trigger( 'select', $.map( files, function( file ) {
+                                file = new File( me.getRuid(), file );
+    
+                                // 记录来源。
+                                file._refer = opts.container;
+                                return file;
+                            }), opts.container );
+                            break;
+                    }
+                });
+    
+                me.connectRuntime( opts, function() {
+                    me.refresh();
+                    me.exec( 'init', opts );
+                    me.trigger('ready');
+                });
+    
+                $( window ).on( 'resize', function() {
+                    me.refresh();
+                });
+            },
+    
+            refresh: function() {
+                var shimContainer = this.getRuntime().getContainer(),
+                    button = this.options.button,
+                    width = button.outerWidth ?
+                            button.outerWidth() : button.width(),
+    
+                    height = button.outerHeight ?
+                            button.outerHeight() : button.height(),
+    
+                    pos = button.offset();
+    
+                width && height && shimContainer.css({
+                    bottom: 'auto',
+                    right: 'auto',
+                    width: width + 'px',
+                    height: height + 'px'
+                }).offset( pos );
+            },
+    
+            enable: function() {
+                var btn = this.options.button;
+    
+                btn.removeClass('webuploader-pick-disable');
+                this.refresh();
+            },
+    
+            disable: function() {
+                var btn = this.options.button;
+    
+                this.getRuntime().getContainer().css({
+                    top: '-99999px'
+                });
+    
+                btn.addClass('webuploader-pick-disable');
+            },
+    
+            destroy: function() {
+                if ( this.runtime ) {
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                }
+            }
+        });
+    
+        return FilePicker;
+    });
+    
+    /**
+     * @fileOverview 文件选择相关
+     */
+    define('widgets/filepicker',[
+        'base',
+        'uploader',
+        'lib/filepicker',
+        'widgets/widget'
+    ], function( Base, Uploader, FilePicker ) {
+        var $ = Base.$;
+    
+        $.extend( Uploader.options, {
+    
+            /**
+             * @property {Selector | Object} [pick=undefined]
+             * @namespace options
+             * @for Uploader
+             * @description 指定选择文件的按钮容器，不指定则不创建按钮。
+             *
+             * * `id` {Seletor} 指定选择文件的按钮容器，不指定则不创建按钮。
+             * * `label` {String} 请采用 `innerHTML` 代替
+             * * `innerHTML` {String} 指定按钮文字。不指定时优先从指定的容器中看是否自带文字。
+             * * `multiple` {Boolean} 是否开起同时选择多个文件能力。
+             */
+            pick: null,
+    
+            /**
+             * @property {Arroy} [accept=null]
+             * @namespace options
+             * @for Uploader
+             * @description 指定接受哪些类型的文件。 由于目前还有ext转mimeType表，所以这里需要分开指定。
+             *
+             * * `title` {String} 文字描述
+             * * `extensions` {String} 允许的文件后缀，不带点，多个用逗号分割。
+             * * `mimeTypes` {String} 多个用逗号分割。
+             *
+             * 如：
+             *
+             * ```
+             * {
+             *     title: 'Images',
+             *     extensions: 'gif,jpg,jpeg,bmp,png',
+             *     mimeTypes: 'image/*'
+             * }
+             * ```
+             */
+            accept: null/*{
+                title: 'Images',
+                extensions: 'gif,jpg,jpeg,bmp,png',
+                mimeTypes: 'image/*'
+            }*/
+        });
+    
+        return Uploader.register({
+            'add-btn': 'addButton',
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable'
+        }, {
+    
+            init: function( opts ) {
+                this.pickers = [];
+                return opts.pick && this.addButton( opts.pick );
+            },
+    
+            refresh: function() {
+                $.each( this.pickers, function() {
+                    this.refresh();
+                });
+            },
+    
+            /**
+             * @method addButton
+             * @for Uploader
+             * @grammar addButton( pick ) => Promise
+             * @description
+             * 添加文件选择按钮，如果一个按钮不够，需要调用此方法来添加。参数跟[options.pick](#WebUploader:Uploader:options)一致。
+             * @example
+             * uploader.addButton({
+             *     id: '#btnContainer',
+             *     innerHTML: '选择文件'
+             * });
+             */
+            addButton: function( pick ) {
+                var me = this,
+                    opts = me.options,
+                    accept = opts.accept,
+                    options, picker, deferred;
+    
+                if ( !pick ) {
+                    return;
+                }
+    
+                deferred = Base.Deferred();
+                $.isPlainObject( pick ) || (pick = {
+                    id: pick
+                });
+    
+                options = $.extend({}, pick, {
+                    accept: $.isPlainObject( accept ) ? [ accept ] : accept,
+                    swf: opts.swf,
+                    runtimeOrder: opts.runtimeOrder
+                });
+    
+                picker = new FilePicker( options );
+    
+                picker.once( 'ready', deferred.resolve );
+                picker.on( 'select', function( files ) {
+                    me.owner.request( 'add-file', [ files ]);
+                });
+                picker.init();
+    
+                this.pickers.push( picker );
+    
+                return deferred.promise();
+            },
+    
+            disable: function() {
+                $.each( this.pickers, function() {
+                    this.disable();
+                });
+            },
+    
+            enable: function() {
+                $.each( this.pickers, function() {
+                    this.enable();
+                });
+            }
+        });
+    });
+    /**
+     * @fileOverview 文件属性封装
+     */
+    define('file',[
+        'base',
+        'mediator'
+    ], function( Base, Mediator ) {
+    
+        var $ = Base.$,
+            idPrefix = 'WU_FILE_',
+            idSuffix = 0,
+            rExt = /\.([^.]+)$/,
+            statusMap = {};
+    
+        function gid() {
+            return idPrefix + idSuffix++;
+        }
+    
+        /**
+         * 文件类
+         * @class File
+         * @constructor 构造函数
+         * @grammar new File( source ) => File
+         * @param {Lib.File} source [lib.File](#Lib.File)实例, 此source对象是带有Runtime信息的。
+         */
+        function WUFile( source ) {
+    
+            /**
+             * 文件名，包括扩展名（后缀）
+             * @property name
+             * @type {string}
+             */
+            this.name = source.name || 'Untitled';
+    
+            /**
+             * 文件体积（字节）
+             * @property size
+             * @type {uint}
+             * @default 0
+             */
+            this.size = source.size || 0;
+    
+            /**
+             * 文件MIMETYPE类型，与文件类型的对应关系请参考[http://t.cn/z8ZnFny](http://t.cn/z8ZnFny)
+             * @property type
+             * @type {string}
+             * @default 'application'
+             */
+            this.type = source.type || 'application';
+    
+            /**
+             * 文件最后修改日期
+             * @property lastModifiedDate
+             * @type {int}
+             * @default 当前时间戳
+             */
+            this.lastModifiedDate = source.lastModifiedDate || (new Date() * 1);
+    
+            /**
+             * 文件ID，每个对象具有唯一ID，与文件名无关
+             * @property id
+             * @type {string}
+             */
+            this.id = gid();
+    
+            /**
+             * 文件扩展名，通过文件名获取，例如test.png的扩展名为png
+             * @property ext
+             * @type {string}
+             */
+            this.ext = rExt.exec( this.name ) ? RegExp.$1 : '';
+    
+    
+            /**
+             * 状态文字说明。在不同的status语境下有不同的用途。
+             * @property statusText
+             * @type {string}
+             */
+            this.statusText = '';
+    
+            // 存储文件状态，防止通过属性直接修改
+            statusMap[ this.id ] = WUFile.Status.INITED;
+    
+            this.source = source;
+            this.loaded = 0;
+    
+            this.on( 'error', function( msg ) {
+                this.setStatus( WUFile.Status.ERROR, msg );
+            });
+        }
+    
+        $.extend( WUFile.prototype, {
+    
+            /**
+             * 设置状态，状态变化时会触发`change`事件。
+             * @method setStatus
+             * @grammar setStatus( status[, statusText] );
+             * @param {File.Status|String} status [文件状态值](#WebUploader:File:File.Status)
+             * @param {String} [statusText=''] 状态说明，常在error时使用，用http, abort,server等来标记是由于什么原因导致文件错误。
+             */
+            setStatus: function( status, text ) {
+    
+                var prevStatus = statusMap[ this.id ];
+    
+                typeof text !== 'undefined' && (this.statusText = text);
+    
+                if ( status !== prevStatus ) {
+                    statusMap[ this.id ] = status;
+                    /**
+                     * 文件状态变化
+                     * @event statuschange
+                     */
+                    this.trigger( 'statuschange', status, prevStatus );
+                }
+    
+            },
+    
+            /**
+             * 获取文件状态
+             * @return {File.Status}
+             * @example
+                     文件状态具体包括以下几种类型：
+                     {
+                         // 初始化
+                        INITED:     0,
+                        // 已入队列
+                        QUEUED:     1,
+                        // 正在上传
+                        PROGRESS:     2,
+                        // 上传出错
+                        ERROR:         3,
+                        // 上传成功
+                        COMPLETE:     4,
+                        // 上传取消
+                        CANCELLED:     5
+                    }
+             */
+            getStatus: function() {
+                return statusMap[ this.id ];
+            },
+    
+            /**
+             * 获取文件原始信息。
+             * @return {*}
+             */
+            getSource: function() {
+                return this.source;
+            },
+    
+            destory: function() {
+                delete statusMap[ this.id ];
+            }
+        });
+    
+        Mediator.installTo( WUFile.prototype );
+    
+        /**
+         * 文件状态值，具体包括以下几种类型：
+         * * `inited` 初始状态
+         * * `queued` 已经进入队列, 等待上传
+         * * `progress` 上传中
+         * * `complete` 上传完成。
+         * * `error` 上传出错，可重试
+         * * `interrupt` 上传中断，可续传。
+         * * `invalid` 文件不合格，不能重试上传。会自动从队列中移除。
+         * * `cancelled` 文件被移除。
+         * @property {Object} Status
+         * @namespace File
+         * @class File
+         * @static
+         */
+        WUFile.Status = {
+            INITED:     'inited',    // 初始状态
+            QUEUED:     'queued',    // 已经进入队列, 等待上传
+            PROGRESS:   'progress',    // 上传中
+            ERROR:      'error',    // 上传出错，可重试
+            COMPLETE:   'complete',    // 上传完成。
+            CANCELLED:  'cancelled',    // 上传取消。
+            INTERRUPT:  'interrupt',    // 上传中断，可续传。
+            INVALID:    'invalid'    // 文件不合格，不能重试上传。
+        };
+    
+        return WUFile;
+    });
+    
+    /**
+     * @fileOverview 文件队列
+     */
+    define('queue',[
+        'base',
+        'mediator',
+        'file'
+    ], function( Base, Mediator, WUFile ) {
+    
+        var $ = Base.$,
+            STATUS = WUFile.Status;
+    
+        /**
+         * 文件队列, 用来存储各个状态中的文件。
+         * @class Queue
+         * @extends Mediator
+         */
+        function Queue() {
+    
+            /**
+             * 统计文件数。
+             * * `numOfQueue` 队列中的文件数。
+             * * `numOfSuccess` 上传成功的文件数
+             * * `numOfCancel` 被移除的文件数
+             * * `numOfProgress` 正在上传中的文件数
+             * * `numOfUploadFailed` 上传错误的文件数。
+             * * `numOfInvalid` 无效的文件数。
+             * @property {Object} stats
+             */
+            this.stats = {
+                numOfQueue: 0,
+                numOfSuccess: 0,
+                numOfCancel: 0,
+                numOfProgress: 0,
+                numOfUploadFailed: 0,
+                numOfInvalid: 0
+            };
+    
+            // 上传队列，仅包括等待上传的文件
+            this._queue = [];
+    
+            // 存储所有文件
+            this._map = {};
+        }
+    
+        $.extend( Queue.prototype, {
+    
+            /**
+             * 将新文件加入对队列尾部
+             *
+             * @method append
+             * @param  {File} file   文件对象
+             */
+            append: function( file ) {
+                this._queue.push( file );
+                this._fileAdded( file );
+                return this;
+            },
+    
+            /**
+             * 将新文件加入对队列头部
+             *
+             * @method prepend
+             * @param  {File} file   文件对象
+             */
+            prepend: function( file ) {
+                this._queue.unshift( file );
+                this._fileAdded( file );
+                return this;
+            },
+    
+            /**
+             * 获取文件对象
+             *
+             * @method getFile
+             * @param  {String} fileId   文件ID
+             * @return {File}
+             */
+            getFile: function( fileId ) {
+                if ( typeof fileId !== 'string' ) {
+                    return fileId;
+                }
+                return this._map[ fileId ];
+            },
+    
+            /**
+             * 从队列中取出一个指定状态的文件。
+             * @grammar fetch( status ) => File
+             * @method fetch
+             * @param {String} status [文件状态值](#WebUploader:File:File.Status)
+             * @return {File} [File](#WebUploader:File)
+             */
+            fetch: function( status ) {
+                var len = this._queue.length,
+                    i, file;
+    
+                status = status || STATUS.QUEUED;
+    
+                for ( i = 0; i < len; i++ ) {
+                    file = this._queue[ i ];
+    
+                    if ( status === file.getStatus() ) {
+                        return file;
+                    }
+                }
+    
+                return null;
+            },
+    
+            /**
+             * 对队列进行排序，能够控制文件上传顺序。
+             * @grammar sort( fn ) => undefined
+             * @method sort
+             * @param {Function} fn 排序方法
+             */
+            sort: function( fn ) {
+                if ( typeof fn === 'function' ) {
+                    this._queue.sort( fn );
+                }
+            },
+    
+            /**
+             * 获取指定类型的文件列表, 列表中每一个成员为[File](#WebUploader:File)对象。
+             * @grammar getFiles( [status1[, status2 ...]] ) => Array
+             * @method getFiles
+             * @param {String} [status] [文件状态值](#WebUploader:File:File.Status)
+             */
+            getFiles: function() {
+                var sts = [].slice.call( arguments, 0 ),
+                    ret = [],
+                    i = 0,
+                    len = this._queue.length,
+                    file;
+    
+                for ( ; i < len; i++ ) {
+                    file = this._queue[ i ];
+    
+                    if ( sts.length && !~$.inArray( file.getStatus(), sts ) ) {
+                        continue;
+                    }
+    
+                    ret.push( file );
+                }
+    
+                return ret;
+            },
+    
+            _fileAdded: function( file ) {
+                var me = this,
+                    existing = this._map[ file.id ];
+    
+                if ( !existing ) {
+                    this._map[ file.id ] = file;
+    
+                    file.on( 'statuschange', function( cur, pre ) {
+                        me._onFileStatusChange( cur, pre );
+                    });
+                }
+    
+                file.setStatus( STATUS.QUEUED );
+            },
+    
+            _onFileStatusChange: function( curStatus, preStatus ) {
+                var stats = this.stats;
+    
+                switch ( preStatus ) {
+                    case STATUS.PROGRESS:
+                        stats.numOfProgress--;
+                        break;
+    
+                    case STATUS.QUEUED:
+                        stats.numOfQueue --;
+                        break;
+    
+                    case STATUS.ERROR:
+                        stats.numOfUploadFailed--;
+                        break;
+    
+                    case STATUS.INVALID:
+                        stats.numOfInvalid--;
+                        break;
+                }
+    
+                switch ( curStatus ) {
+                    case STATUS.QUEUED:
+                        stats.numOfQueue++;
+                        break;
+    
+                    case STATUS.PROGRESS:
+                        stats.numOfProgress++;
+                        break;
+    
+                    case STATUS.ERROR:
+                        stats.numOfUploadFailed++;
+                        break;
+    
+                    case STATUS.COMPLETE:
+                        stats.numOfSuccess++;
+                        break;
+    
+                    case STATUS.CANCELLED:
+                        stats.numOfCancel++;
+                        break;
+    
+                    case STATUS.INVALID:
+                        stats.numOfInvalid++;
+                        break;
+                }
+            }
+    
+        });
+    
+        Mediator.installTo( Queue.prototype );
+    
+        return Queue;
+    });
+    /**
+     * @fileOverview 队列
+     */
+    define('widgets/queue',[
+        'base',
+        'uploader',
+        'queue',
+        'file',
+        'lib/file',
+        'runtime/client',
+        'widgets/widget'
+    ], function( Base, Uploader, Queue, WUFile, File, RuntimeClient ) {
+    
+        var $ = Base.$,
+            rExt = /\.\w+$/,
+            Status = WUFile.Status;
+    
+        return Uploader.register({
+            'sort-files': 'sortFiles',
+            'add-file': 'addFiles',
+            'get-file': 'getFile',
+            'fetch-file': 'fetchFile',
+            'get-stats': 'getStats',
+            'get-files': 'getFiles',
+            'remove-file': 'removeFile',
+            'retry': 'retry',
+            'reset': 'reset',
+            'accept-file': 'acceptFile'
+        }, {
+    
+            init: function( opts ) {
+                var me = this,
+                    deferred, len, i, item, arr, accept, runtime;
+    
+                if ( $.isPlainObject( opts.accept ) ) {
+                    opts.accept = [ opts.accept ];
+                }
+    
+                // accept中的中生成匹配正则。
+                if ( opts.accept ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        item = opts.accept[ i ].extensions;
+                        item && arr.push( item );
+                    }
+    
+                    if ( arr.length ) {
+                        accept = '\\.' + arr.join(',')
+                                .replace( /,/g, '$|\\.' )
+                                .replace( /\*/g, '.*' ) + '$';
+                    }
+    
+                    me.accept = new RegExp( accept, 'i' );
+                }
+    
+                me.queue = new Queue();
+                me.stats = me.queue.stats;
+    
+                // 如果当前不是html5运行时，那就算了。
+                // 不执行后续操作
+                if ( this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                // 创建一个 html5 运行时的 placeholder
+                // 以至于外部添加原生 File 对象的时候能正确包裹一下供 webuploader 使用。
+                deferred = Base.Deferred();
+                runtime = new RuntimeClient('Placeholder');
+                runtime.connectRuntime({
+                    runtimeOrder: 'html5'
+                }, function() {
+                    me._ruid = runtime.getRuid();
+                    deferred.resolve();
+                });
+                return deferred.promise();
+            },
+    
+    
+            // 为了支持外部直接添加一个原生File对象。
+            _wrapFile: function( file ) {
+                if ( !(file instanceof WUFile) ) {
+    
+                    if ( !(file instanceof File) ) {
+                        if ( !this._ruid ) {
+                            throw new Error('Can\'t add external files.');
+                        }
+                        file = new File( this._ruid, file );
+                    }
+    
+                    file = new WUFile( file );
+                }
+    
+                return file;
+            },
+    
+            // 判断文件是否可以被加入队列
+            acceptFile: function( file ) {
+                var invalid = !file || file.size < 6 || this.accept &&
+    
+                        // 如果名字中有后缀，才做后缀白名单处理。
+                        rExt.exec( file.name ) && !this.accept.test( file.name );
+    
+                return !invalid;
+            },
+    
+    
+            /**
+             * @event beforeFileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列之前触发，此事件的handler返回值为`false`，则此文件不会被添加进入队列。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event fileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列以后触发。
+             * @for  Uploader
+             */
+    
+            _addFile: function( file ) {
+                var me = this;
+    
+                file = me._wrapFile( file );
+    
+                // 不过类型判断允许不允许，先派送 `beforeFileQueued`
+                if ( !me.owner.trigger( 'beforeFileQueued', file ) ) {
+                    return;
+                }
+    
+                // 类型不匹配，则派送错误事件，并返回。
+                if ( !me.acceptFile( file ) ) {
+                    me.owner.trigger( 'error', 'Q_TYPE_DENIED', file );
+                    return;
+                }
+    
+                me.queue.append( file );
+                me.owner.trigger( 'fileQueued', file );
+                return file;
+            },
+    
+            getFile: function( fileId ) {
+                return this.queue.getFile( fileId );
+            },
+    
+            /**
+             * @event filesQueued
+             * @param {File} files 数组，内容为原始File(lib/File）对象。
+             * @description 当一批文件添加进队列以后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method addFiles
+             * @grammar addFiles( file ) => undefined
+             * @grammar addFiles( [file1, file2 ...] ) => undefined
+             * @param {Array of File or File} [files] Files 对象 数组
+             * @description 添加文件到队列
+             * @for  Uploader
+             */
+            addFiles: function( files ) {
+                var me = this;
+    
+                if ( !files.length ) {
+                    files = [ files ];
+                }
+    
+                files = $.map( files, function( file ) {
+                    return me._addFile( file );
+                });
+    
+                me.owner.trigger( 'filesQueued', files );
+    
+                if ( me.options.auto ) {
+                    me.request('start-upload');
+                }
+            },
+    
+            getStats: function() {
+                return this.stats;
+            },
+    
+            /**
+             * @event fileDequeued
+             * @param {File} file File对象
+             * @description 当文件被移除队列后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method removeFile
+             * @grammar removeFile( file ) => undefined
+             * @grammar removeFile( id ) => undefined
+             * @param {File|id} file File对象或这File对象的id
+             * @description 移除某一文件。
+             * @for  Uploader
+             * @example
+             *
+             * $li.on('click', '.remove-this', function() {
+             *     uploader.removeFile( file );
+             * })
+             */
+            removeFile: function( file ) {
+                var me = this;
+    
+                file = file.id ? file : me.queue.getFile( file );
+    
+                file.setStatus( Status.CANCELLED );
+                me.owner.trigger( 'fileDequeued', file );
+            },
+    
+            /**
+             * @method getFiles
+             * @grammar getFiles() => Array
+             * @grammar getFiles( status1, status2, status... ) => Array
+             * @description 返回指定状态的文件集合，不传参数将返回所有状态的文件。
+             * @for  Uploader
+             * @example
+             * console.log( uploader.getFiles() );    // => all files
+             * console.log( uploader.getFiles('error') )    // => all error files.
+             */
+            getFiles: function() {
+                return this.queue.getFiles.apply( this.queue, arguments );
+            },
+    
+            fetchFile: function() {
+                return this.queue.fetch.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method retry
+             * @grammar retry() => undefined
+             * @grammar retry( file ) => undefined
+             * @description 重试上传，重试指定文件，或者从出错的文件开始重新上传。
+             * @for  Uploader
+             * @example
+             * function retry() {
+             *     uploader.retry();
+             * }
+             */
+            retry: function( file, noForceStart ) {
+                var me = this,
+                    files, i, len;
+    
+                if ( file ) {
+                    file = file.id ? file : me.queue.getFile( file );
+                    file.setStatus( Status.QUEUED );
+                    noForceStart || me.request('start-upload');
+                    return;
+                }
+    
+                files = me.queue.getFiles( Status.ERROR );
+                i = 0;
+                len = files.length;
+    
+                for ( ; i < len; i++ ) {
+                    file = files[ i ];
+                    file.setStatus( Status.QUEUED );
+                }
+    
+                me.request('start-upload');
+            },
+    
+            /**
+             * @method sort
+             * @grammar sort( fn ) => undefined
+             * @description 排序队列中的文件，在上传之前调整可以控制上传顺序。
+             * @for  Uploader
+             */
+            sortFiles: function() {
+                return this.queue.sort.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method reset
+             * @grammar reset() => undefined
+             * @description 重置uploader。目前只重置了队列。
+             * @for  Uploader
+             * @example
+             * uploader.reset();
+             */
+            reset: function() {
+                this.queue = new Queue();
+                this.stats = this.queue.stats;
+            }
+        });
+    
+    });
+    /**
+     * @fileOverview 添加获取Runtime相关信息的方法。
+     */
+    define('widgets/runtime',[
+        'uploader',
+        'runtime/runtime',
+        'widgets/widget'
+    ], function( Uploader, Runtime ) {
+    
+        Uploader.support = function() {
+            return Runtime.hasRuntime.apply( Runtime, arguments );
+        };
+    
+        return Uploader.register({
+            'predict-runtime-type': 'predictRuntmeType'
+        }, {
+    
+            init: function() {
+                if ( !this.predictRuntmeType() ) {
+                    throw Error('Runtime Error');
+                }
+            },
+    
+            /**
+             * 预测Uploader将采用哪个`Runtime`
+             * @grammar predictRuntmeType() => String
+             * @method predictRuntmeType
+             * @for  Uploader
+             */
+            predictRuntmeType: function() {
+                var orders = this.options.runtimeOrder || Runtime.orders,
+                    type = this.type,
+                    i, len;
+    
+                if ( !type ) {
+                    orders = orders.split( /\s*,\s*/g );
+    
+                    for ( i = 0, len = orders.length; i < len; i++ ) {
+                        if ( Runtime.hasRuntime( orders[ i ] ) ) {
+                            this.type = type = orders[ i ];
+                            break;
+                        }
+                    }
+                }
+    
+                return type;
+            }
+        });
+    });
+    /**
+     * @fileOverview Transport
+     */
+    define('lib/transport',[
+        'base',
+        'runtime/client',
+        'mediator'
+    ], function( Base, RuntimeClient, Mediator ) {
+    
+        var $ = Base.$;
+    
+        function Transport( opts ) {
+            var me = this;
+    
+            opts = me.options = $.extend( true, {}, Transport.options, opts || {} );
+            RuntimeClient.call( this, 'Transport' );
+    
+            this._blob = null;
+            this._formData = opts.formData || {};
+            this._headers = opts.headers || {};
+    
+            this.on( 'progress', this._timeout );
+            this.on( 'load error', function() {
+                me.trigger( 'progress', 1 );
+                clearTimeout( me._timer );
+            });
+        }
+    
+        Transport.options = {
+            server: '',
+            method: 'POST',
+    
+            // 跨域时，是否允许携带cookie, 只有html5 runtime才有效
+            withCredentials: false,
+            fileVal: 'file',
+            timeout: 2 * 60 * 1000,    // 2分钟
+            formData: {},
+            headers: {},
+            sendAsBinary: false
+        };
+    
+        $.extend( Transport.prototype, {
+    
+            // 添加Blob, 只能添加一次，最后一次有效。
+            appendBlob: function( key, blob, filename ) {
+                var me = this,
+                    opts = me.options;
+    
+                if ( me.getRuid() ) {
+                    me.disconnectRuntime();
+                }
+    
+                // 连接到blob归属的同一个runtime.
+                me.connectRuntime( blob.ruid, function() {
+                    me.exec('init');
+                });
+    
+                me._blob = blob;
+                opts.fileVal = key || opts.fileVal;
+                opts.filename = filename || opts.filename;
+            },
+    
+            // 添加其他字段
+            append: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._formData, key );
+                } else {
+                    this._formData[ key ] = value;
+                }
+            },
+    
+            setRequestHeader: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._headers, key );
+                } else {
+                    this._headers[ key ] = value;
+                }
+            },
+    
+            send: function( method ) {
+                this.exec( 'send', method );
+                this._timeout();
+            },
+    
+            abort: function() {
+                clearTimeout( this._timer );
+                return this.exec('abort');
+            },
+    
+            destroy: function() {
+                this.trigger('destroy');
+                this.off();
+                this.exec('destroy');
+                this.disconnectRuntime();
+            },
+    
+            getResponse: function() {
+                return this.exec('getResponse');
+            },
+    
+            getResponseAsJson: function() {
+                return this.exec('getResponseAsJson');
+            },
+    
+            getStatus: function() {
+                return this.exec('getStatus');
+            },
+    
+            _timeout: function() {
+                var me = this,
+                    duration = me.options.timeout;
+    
+                if ( !duration ) {
+                    return;
+                }
+    
+                clearTimeout( me._timer );
+                me._timer = setTimeout(function() {
+                    me.abort();
+                    me.trigger( 'error', 'timeout' );
+                }, duration );
+            }
+    
+        });
+    
+        // 让Transport具备事件功能。
+        Mediator.installTo( Transport.prototype );
+    
+        return Transport;
+    });
+    /**
+     * @fileOverview 负责文件上传相关。
+     */
+    define('widgets/upload',[
+        'base',
+        'uploader',
+        'file',
+        'lib/transport',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile, Transport ) {
+    
+        var $ = Base.$,
+            isPromise = Base.isPromise,
+            Status = WUFile.Status;
+    
+        // 添加默认配置项
+        $.extend( Uploader.options, {
+    
+    
+            /**
+             * @property {Boolean} [prepareNextFile=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否允许在文件传输时提前把下一个文件准备好。
+             * 对于一个文件的准备工作比较耗时，比如图片压缩，md5序列化。
+             * 如果能提前在当前文件传输期处理，可以节省总体耗时。
+             */
+            prepareNextFile: false,
+    
+            /**
+             * @property {Boolean} [chunked=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否要分片处理大文件上传。
+             */
+            chunked: false,
+    
+            /**
+             * @property {Boolean} [chunkSize=5242880]
+             * @namespace options
+             * @for Uploader
+             * @description 如果要分片，分多大一片？ 默认大小为5M.
+             */
+            chunkSize: 5 * 1024 * 1024,
+    
+            /**
+             * @property {Boolean} [chunkRetry=2]
+             * @namespace options
+             * @for Uploader
+             * @description 如果某个分片由于网络问题出错，允许自动重传多少次？
+             */
+            chunkRetry: 2,
+    
+            /**
+             * @property {Boolean} [threads=3]
+             * @namespace options
+             * @for Uploader
+             * @description 上传并发数。允许同时最大上传进程数。
+             */
+            threads: 3,
+    
+    
+            /**
+             * @property {Object} [formData]
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传请求的参数表，每次发送都会发送此对象中的参数。
+             */
+            formData: null
+    
+            /**
+             * @property {Object} [fileVal='file']
+             * @namespace options
+             * @for Uploader
+             * @description 设置文件上传域的name。
+             */
+    
+            /**
+             * @property {Object} [method='POST']
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传方式，`POST`或者`GET`。
+             */
+    
+            /**
+             * @property {Object} [sendAsBinary=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否已二进制的流的方式发送文件，这样整个上传内容`php://input`都为文件内容，
+             * 其他参数在$_GET数组中。
+             */
+        });
+    
+        // 负责将文件切片。
+        function CuteFile( file, chunkSize ) {
+            var pending = [],
+                blob = file.source,
+                total = blob.size,
+                chunks = chunkSize ? Math.ceil( total / chunkSize ) : 1,
+                start = 0,
+                index = 0,
+                len;
+    
+            while ( index < chunks ) {
+                len = Math.min( chunkSize, total - start );
+    
+                pending.push({
+                    file: file,
+                    start: start,
+                    end: chunkSize ? (start + len) : total,
+                    total: total,
+                    chunks: chunks,
+                    chunk: index++
+                });
+                start += len;
+            }
+    
+            file.blocks = pending.concat();
+            file.remaning = pending.length;
+    
+            return {
+                file: file,
+    
+                has: function() {
+                    return !!pending.length;
+                },
+    
+                fetch: function() {
+                    return pending.shift();
+                }
+            };
+        }
+    
+        Uploader.register({
+            'start-upload': 'start',
+            'stop-upload': 'stop',
+            'skip-file': 'skipFile',
+            'is-in-progress': 'isInProgress'
+        }, {
+    
+            init: function() {
+                var owner = this.owner;
+    
+                this.runing = false;
+    
+                // 记录当前正在传的数据，跟threads相关
+                this.pool = [];
+    
+                // 缓存即将上传的文件。
+                this.pending = [];
+    
+                // 跟踪还有多少分片没有完成上传。
+                this.remaning = 0;
+                this.__tick = Base.bindFn( this._tick, this );
+    
+                owner.on( 'uploadComplete', function( file ) {
+                    // 把其他块取消了。
+                    file.blocks && $.each( file.blocks, function( _, v ) {
+                        v.transport && (v.transport.abort(), v.transport.destroy());
+                        delete v.transport;
+                    });
+    
+                    delete file.blocks;
+                    delete file.remaning;
+                });
+            },
+    
+            /**
+             * @event startUpload
+             * @description 当开始上传流程时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 开始上传。此方法可以从初始状态调用开始上传流程，也可以从暂停状态调用，继续上传流程。
+             * @grammar upload() => undefined
+             * @method upload
+             * @for  Uploader
+             */
+            start: function() {
+                var me = this;
+    
+                // 移出invalid的文件
+                $.each( me.request( 'get-files', Status.INVALID ), function() {
+                    me.request( 'remove-file', this );
+                });
+    
+                if ( me.runing ) {
+                    return;
+                }
+    
+                me.runing = true;
+    
+                // 如果有暂停的，则续传
+                $.each( me.pool, function( _, v ) {
+                    var file = v.file;
+    
+                    if ( file.getStatus() === Status.INTERRUPT ) {
+                        file.setStatus( Status.PROGRESS );
+                        me._trigged = false;
+                        v.transport && v.transport.send();
+                    }
+                });
+    
+                me._trigged = false;
+                me.owner.trigger('startUpload');
+                Base.nextTick( me.__tick );
+            },
+    
+            /**
+             * @event stopUpload
+             * @description 当开始上传流程暂停时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 暂停上传。第一个参数为是否中断上传当前正在上传的文件。
+             * @grammar stop() => undefined
+             * @grammar stop( true ) => undefined
+             * @method stop
+             * @for  Uploader
+             */
+            stop: function( interrupt ) {
+                var me = this;
+    
+                if ( me.runing === false ) {
+                    return;
+                }
+    
+                me.runing = false;
+    
+                interrupt && $.each( me.pool, function( _, v ) {
+                    v.transport && v.transport.abort();
+                    v.file.setStatus( Status.INTERRUPT );
+                });
+    
+                me.owner.trigger('stopUpload');
+            },
+    
+            /**
+             * 判断`Uplaode`r是否正在上传中。
+             * @grammar isInProgress() => Boolean
+             * @method isInProgress
+             * @for  Uploader
+             */
+            isInProgress: function() {
+                return !!this.runing;
+            },
+    
+            getStats: function() {
+                return this.request('get-stats');
+            },
+    
+            /**
+             * 掉过一个文件上传，直接标记指定文件为已上传状态。
+             * @grammar skipFile( file ) => undefined
+             * @method skipFile
+             * @for  Uploader
+             */
+            skipFile: function( file, status ) {
+                file = this.request( 'get-file', file );
+    
+                file.setStatus( status || Status.COMPLETE );
+                file.skipped = true;
+    
+                // 如果正在上传。
+                file.blocks && $.each( file.blocks, function( _, v ) {
+                    var _tr = v.transport;
+    
+                    if ( _tr ) {
+                        _tr.abort();
+                        _tr.destroy();
+                        delete v.transport;
+                    }
+                });
+    
+                this.owner.trigger( 'uploadSkip', file );
+            },
+    
+            /**
+             * @event uploadFinished
+             * @description 当所有文件上传结束时触发。
+             * @for  Uploader
+             */
+            _tick: function() {
+                var me = this,
+                    opts = me.options,
+                    fn, val;
+    
+                // 上一个promise还没有结束，则等待完成后再执行。
+                if ( me._promise ) {
+                    return me._promise.always( me.__tick );
+                }
+    
+                // 还有位置，且还有文件要处理的话。
+                if ( me.pool.length < opts.threads && (val = me._nextBlock()) ) {
+                    me._trigged = false;
+    
+                    fn = function( val ) {
+                        me._promise = null;
+    
+                        // 有可能是reject过来的，所以要检测val的类型。
+                        val && val.file && me._startSend( val );
+                        Base.nextTick( me.__tick );
+                    };
+    
+                    me._promise = isPromise( val ) ? val.always( fn ) : fn( val );
+    
+                // 没有要上传的了，且没有正在传输的了。
+                } else if ( !me.remaning && !me.getStats().numOfQueue ) {
+                    me.runing = false;
+    
+                    me._trigged || Base.nextTick(function() {
+                        me.owner.trigger('uploadFinished');
+                    });
+                    me._trigged = true;
+                }
+            },
+    
+            _nextBlock: function() {
+                var me = this,
+                    act = me._act,
+                    opts = me.options,
+                    next, done;
+    
+                // 如果当前文件还有没有需要传输的，则直接返回剩下的。
+                if ( act && act.has() &&
+                        act.file.getStatus() === Status.PROGRESS ) {
+    
+                    // 是否提前准备下一个文件
+                    if ( opts.prepareNextFile && !me.pending.length ) {
+                        me._prepareNextFile();
+                    }
+    
+                    return act.fetch();
+    
+                // 否则，如果正在运行，则准备下一个文件，并等待完成后返回下个分片。
+                } else if ( me.runing ) {
+    
+                    // 如果缓存中有，则直接在缓存中取，没有则去queue中取。
+                    if ( !me.pending.length && me.getStats().numOfQueue ) {
+                        me._prepareNextFile();
+                    }
+    
+                    next = me.pending.shift();
+                    done = function( file ) {
+                        if ( !file ) {
+                            return null;
+                        }
+    
+                        act = CuteFile( file, opts.chunked ? opts.chunkSize : 0 );
+                        me._act = act;
+                        return act.fetch();
+                    };
+    
+                    // 文件可能还在prepare中，也有可能已经完全准备好了。
+                    return isPromise( next ) ?
+                            next[ next.pipe ? 'pipe' : 'then']( done ) :
+                            done( next );
+                }
+            },
+    
+    
+            /**
+             * @event uploadStart
+             * @param {File} file File对象
+             * @description 某个文件开始上传前触发，一个文件只会触发一次。
+             * @for  Uploader
+             */
+            _prepareNextFile: function() {
+                var me = this,
+                    file = me.request('fetch-file'),
+                    pending = me.pending,
+                    promise;
+    
+                if ( file ) {
+                    promise = me.request( 'before-send-file', file, function() {
+    
+                        // 有可能文件被skip掉了。文件被skip掉后，状态坑定不是Queued.
+                        if ( file.getStatus() === Status.QUEUED ) {
+                            me.owner.trigger( 'uploadStart', file );
+                            file.setStatus( Status.PROGRESS );
+                            return file;
+                        }
+    
+                        return me._finishFile( file );
+                    });
+    
+                    // 如果还在pending中，则替换成文件本身。
+                    promise.done(function() {
+                        var idx = $.inArray( promise, pending );
+    
+                        ~idx && pending.splice( idx, 1, file );
+                    });
+    
+                    // befeore-send-file的钩子就有错误发生。
+                    promise.fail(function( reason ) {
+                        file.setStatus( Status.ERROR, reason );
+                        me.owner.trigger( 'uploadError', file, reason );
+                        me.owner.trigger( 'uploadComplete', file );
+                    });
+    
+                    pending.push( promise );
+                }
+            },
+    
+            // 让出位置了，可以让其他分片开始上传
+            _popBlock: function( block ) {
+                var idx = $.inArray( block, this.pool );
+    
+                this.pool.splice( idx, 1 );
+                block.file.remaning--;
+                this.remaning--;
+            },
+    
+            // 开始上传，可以被掉过。如果promise被reject了，则表示跳过此分片。
+            _startSend: function( block ) {
+                var me = this,
+                    file = block.file,
+                    promise;
+    
+                me.pool.push( block );
+                me.remaning++;
+    
+                // 如果没有分片，则直接使用原始的。
+                // 不会丢失content-type信息。
+                block.blob = block.chunks === 1 ? file.source :
+                        file.source.slice( block.start, block.end );
+    
+                // hook, 每个分片发送之前可能要做些异步的事情。
+                promise = me.request( 'before-send', block, function() {
+    
+                    // 有可能文件已经上传出错了，所以不需要再传输了。
+                    if ( file.getStatus() === Status.PROGRESS ) {
+                        me._doSend( block );
+                    } else {
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+    
+                // 如果为fail了，则跳过此分片。
+                promise.fail(function() {
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file ).always(function() {
+                            block.percentage = 1;
+                            me._popBlock( block );
+                            me.owner.trigger( 'uploadComplete', file );
+                            Base.nextTick( me.__tick );
+                        });
+                    } else {
+                        block.percentage = 1;
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+            },
+    
+    
+            /**
+             * @event uploadBeforeSend
+             * @param {Object} object
+             * @param {Object} data 默认的上传参数，可以扩展此对象来控制上传参数。
+             * @description 当某个文件的分块在发送前触发，主要用来询问是否要添加附带参数，大文件在开起分片上传的前提下此事件可能会触发多次。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadAccept
+             * @param {Object} object
+             * @param {Object} ret 服务端的返回数据，json格式，如果服务端不是json格式，从ret._raw中取数据，自行解析。
+             * @description 当某个文件上传到服务端响应后，会派送此事件来询问服务端响应是否有效。如果此事件handler返回值为`false`, 则此文件将派送`server`类型的`uploadError`事件。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadProgress
+             * @param {File} file File对象
+             * @param {Number} percentage 上传进度
+             * @description 上传过程中触发，携带上传进度。
+             * @for  Uploader
+             */
+    
+    
+            /**
+             * @event uploadError
+             * @param {File} file File对象
+             * @param {String} reason 出错的code
+             * @description 当文件上传出错时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadSuccess
+             * @param {File} file File对象
+             * @param {Object} response 服务端返回的数据
+             * @description 当文件上传成功时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadComplete
+             * @param {File} [file] File对象
+             * @description 不管成功或者失败，文件上传完成时触发。
+             * @for  Uploader
+             */
+    
+            // 做上传操作。
+            _doSend: function( block ) {
+                var me = this,
+                    owner = me.owner,
+                    opts = me.options,
+                    file = block.file,
+                    tr = new Transport( opts ),
+                    data = $.extend({}, opts.formData ),
+                    headers = $.extend({}, opts.headers ),
+                    requestAccept, ret;
+    
+                block.transport = tr;
+    
+                tr.on( 'destroy', function() {
+                    delete block.transport;
+                    me._popBlock( block );
+                    Base.nextTick( me.__tick );
+                });
+    
+                // 广播上传进度。以文件为单位。
+                tr.on( 'progress', function( percentage ) {
+                    var totalPercent = 0,
+                        uploaded = 0;
+    
+                    // 可能没有abort掉，progress还是执行进来了。
+                    // if ( !file.blocks ) {
+                    //     return;
+                    // }
+    
+                    totalPercent = block.percentage = percentage;
+    
+                    if ( block.chunks > 1 ) {    // 计算文件的整体速度。
+                        $.each( file.blocks, function( _, v ) {
+                            uploaded += (v.percentage || 0) * (v.end - v.start);
+                        });
+    
+                        totalPercent = uploaded / file.size;
+                    }
+    
+                    owner.trigger( 'uploadProgress', file, totalPercent || 0 );
+                });
+    
+                // 用来询问，是否返回的结果是有错误的。
+                requestAccept = function( reject ) {
+                    var fn;
+    
+                    ret = tr.getResponseAsJson() || {};
+                    ret._raw = tr.getResponse();
+                    fn = function( value ) {
+                        reject = value;
+                    };
+    
+                    // 服务端响应了，不代表成功了，询问是否响应正确。
+                    if ( !owner.trigger( 'uploadAccept', block, ret, fn ) ) {
+                        reject = reject || 'server';
+                    }
+    
+                    return reject;
+                };
+    
+                // 尝试重试，然后广播文件上传出错。
+                tr.on( 'error', function( type, flag ) {
+                    block.retried = block.retried || 0;
+    
+                    // 自动重试
+                    if ( block.chunks > 1 && ~'http,abort'.indexOf( type ) &&
+                            block.retried < opts.chunkRetry ) {
+    
+                        block.retried++;
+                        tr.send();
+    
+                    } else {
+    
+                        // http status 500 ~ 600
+                        if ( !flag && type === 'server' ) {
+                            type = requestAccept( type );
+                        }
+    
+                        file.setStatus( Status.ERROR, type );
+                        owner.trigger( 'uploadError', file, type );
+                        owner.trigger( 'uploadComplete', file );
+                    }
+                });
+    
+                // 上传成功
+                tr.on( 'load', function() {
+                    var reason;
+    
+                    // 如果非预期，转向上传出错。
+                    if ( (reason = requestAccept()) ) {
+                        tr.trigger( 'error', reason, true );
+                        return;
+                    }
+    
+                    // 全部上传完成。
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file, ret );
+                    } else {
+                        tr.destroy();
+                    }
+                });
+    
+                // 配置默认的上传字段。
+                data = $.extend( data, {
+                    id: file.id,
+                    name: file.name,
+                    type: file.type,
+                    lastModifiedDate: file.lastModifiedDate,
+                    size: file.size
+                });
+    
+                block.chunks > 1 && $.extend( data, {
+                    chunks: block.chunks,
+                    chunk: block.chunk
+                });
+    
+                // 在发送之间可以添加字段什么的。。。
+                // 如果默认的字段不够使用，可以通过监听此事件来扩展
+                owner.trigger( 'uploadBeforeSend', block, data, headers );
+    
+                // 开始发送。
+                tr.appendBlob( opts.fileVal, block.blob, file.name );
+                tr.append( data );
+                tr.setRequestHeader( headers );
+                tr.send();
+            },
+    
+            // 完成上传。
+            _finishFile: function( file, ret, hds ) {
+                var owner = this.owner;
+    
+                return owner
+                        .request( 'after-send-file', arguments, function() {
+                            file.setStatus( Status.COMPLETE );
+                            owner.trigger( 'uploadSuccess', file, ret, hds );
+                        })
+                        .fail(function( reason ) {
+    
+                            // 如果外部已经标记为invalid什么的，不再改状态。
+                            if ( file.getStatus() === Status.PROGRESS ) {
+                                file.setStatus( Status.ERROR, reason );
+                            }
+    
+                            owner.trigger( 'uploadError', file, reason );
+                        })
+                        .always(function() {
+                            owner.trigger( 'uploadComplete', file );
+                        });
+            }
+    
+        });
+    });
+    /**
+     * @fileOverview 各种验证，包括文件总大小是否超出、单文件是否超出和文件是否重复。
+     */
+    
+    define('widgets/validator',[
+        'base',
+        'uploader',
+        'file',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile ) {
+    
+        var $ = Base.$,
+            validators = {},
+            api;
+    
+        /**
+         * @event error
+         * @param {String} type 错误类型。
+         * @description 当validate不通过时，会以派送错误事件的形式通知调用者。通过`upload.on('error', handler)`可以捕获到此类错误，目前有以下错误会在特定的情况下派送错来。
+         *
+         * * `Q_EXCEED_NUM_LIMIT` 在设置了`fileNumLimit`且尝试给`uploader`添加的文件数量超出这个值时派送。
+         * * `Q_EXCEED_SIZE_LIMIT` 在设置了`Q_EXCEED_SIZE_LIMIT`且尝试给`uploader`添加的文件总大小超出这个值时派送。
+         * @for  Uploader
+         */
+    
+        // 暴露给外面的api
+        api = {
+    
+            // 添加验证器
+            addValidator: function( type, cb ) {
+                validators[ type ] = cb;
+            },
+    
+            // 移除验证器
+            removeValidator: function( type ) {
+                delete validators[ type ];
+            }
+        };
+    
+        // 在Uploader初始化的时候启动Validators的初始化
+        Uploader.register({
+            init: function() {
+                var me = this;
+                $.each( validators, function() {
+                    this.call( me.owner );
+                });
+            }
+        });
+    
+        /**
+         * @property {int} [fileNumLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证文件总数量, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileNumLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                count = 0,
+                max = opts.fileNumLimit >> 0,
+                flag = true;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+    
+                if ( count >= max && flag ) {
+                    flag = false;
+                    this.trigger( 'error', 'Q_EXCEED_NUM_LIMIT', max, file );
+                    setTimeout(function() {
+                        flag = true;
+                    }, 1 );
+                }
+    
+                return count >= max ? false : true;
+            });
+    
+            uploader.on( 'fileQueued', function() {
+                count++;
+            });
+    
+            uploader.on( 'fileDequeued', function() {
+                count--;
+            });
+    
+            uploader.on( 'uploadFinished', function() {
+                count = 0;
+            });
+        });
+    
+    
+        /**
+         * @property {int} [fileSizeLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证文件总大小是否超出限制, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileSizeLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                count = 0,
+                max = opts.fileSizeLimit >> 0,
+                flag = true;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+                var invalid = count + file.size > max;
+    
+                if ( invalid && flag ) {
+                    flag = false;
+                    this.trigger( 'error', 'Q_EXCEED_SIZE_LIMIT', max, file );
+                    setTimeout(function() {
+                        flag = true;
+                    }, 1 );
+                }
+    
+                return invalid ? false : true;
+            });
+    
+            uploader.on( 'fileQueued', function( file ) {
+                count += file.size;
+            });
+    
+            uploader.on( 'fileDequeued', function( file ) {
+                count -= file.size;
+            });
+    
+            uploader.on( 'uploadFinished', function() {
+                count = 0;
+            });
+        });
+    
+        /**
+         * @property {int} [fileSingleSizeLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证单个文件大小是否超出限制, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileSingleSizeLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                max = opts.fileSingleSizeLimit;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+    
+                if ( file.size > max ) {
+                    file.setStatus( WUFile.Status.INVALID, 'exceed_size' );
+                    this.trigger( 'error', 'F_EXCEED_SIZE', file );
+                    return false;
+                }
+    
+            });
+    
+        });
+    
+        /**
+         * @property {int} [duplicate=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 去重， 根据文件名字、文件大小和最后修改时间来生成hash Key.
+         */
+        api.addValidator( 'duplicate', function() {
+            var uploader = this,
+                opts = uploader.options,
+                mapping = {};
+    
+            if ( opts.duplicate ) {
+                return;
+            }
+    
+            function hashString( str ) {
+                var hash = 0,
+                    i = 0,
+                    len = str.length,
+                    _char;
+    
+                for ( ; i < len; i++ ) {
+                    _char = str.charCodeAt( i );
+                    hash = _char + (hash << 6) + (hash << 16) - hash;
+                }
+    
+                return hash;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+                var hash = file.__hash || (file.__hash = hashString( file.name +
+                        file.size + file.lastModifiedDate ));
+    
+                // 已经重复了
+                if ( mapping[ hash ] ) {
+                    this.trigger( 'error', 'F_DUPLICATE', file );
+                    return false;
+                }
+            });
+    
+            uploader.on( 'fileQueued', function( file ) {
+                var hash = file.__hash;
+    
+                hash && (mapping[ hash ] = true);
+            });
+    
+            uploader.on( 'fileDequeued', function( file ) {
+                var hash = file.__hash;
+    
+                hash && (delete mapping[ hash ]);
+            });
+        });
+    
+        return api;
+    });
+    
+    /**
+     * @fileOverview Runtime管理器，负责Runtime的选择, 连接
+     */
+    define('runtime/compbase',[],function() {
+    
+        function CompBase( owner, runtime ) {
+    
+            this.owner = owner;
+            this.options = owner.options;
+    
+            this.getRuntime = function() {
+                return runtime;
+            };
+    
+            this.getRuid = function() {
+                return runtime.uid;
+            };
+    
+            this.trigger = function() {
+                return owner.trigger.apply( owner, arguments );
+            };
+        }
+    
+        return CompBase;
+    });
+    /**
+     * @fileOverview Html5Runtime
+     */
+    define('runtime/html5/runtime',[
+        'base',
+        'runtime/runtime',
+        'runtime/compbase'
+    ], function( Base, Runtime, CompBase ) {
+    
+        var type = 'html5',
+            components = {};
+    
+        function Html5Runtime() {
+            var pool = {},
+                me = this,
+                destory = this.destory;
+    
+            Runtime.apply( me, arguments );
+            me.type = type;
+    
+    
+            // 这个方法的调用者，实际上是RuntimeClient
+            me.exec = function( comp, fn/*, args...*/) {
+                var client = this,
+                    uid = client.uid,
+                    args = Base.slice( arguments, 2 ),
+                    instance;
+    
+                if ( components[ comp ] ) {
+                    instance = pool[ uid ] = pool[ uid ] ||
+                            new components[ comp ]( client, me );
+    
+                    if ( instance[ fn ] ) {
+                        return instance[ fn ].apply( instance, args );
+                    }
+                }
+            };
+    
+            me.destory = function() {
+                // @todo 删除池子中的所有实例
+                return destory && destory.apply( this, arguments );
+            };
+        }
+    
+        Base.inherits( Runtime, {
+            constructor: Html5Runtime,
+    
+            // 不需要连接其他程序，直接执行callback
+            init: function() {
+                var me = this;
+                setTimeout(function() {
+                    me.trigger('ready');
+                }, 1 );
+            }
+    
+        });
+    
+        // 注册Components
+        Html5Runtime.register = function( name, component ) {
+            var klass = components[ name ] = Base.inherits( CompBase, component );
+            return klass;
+        };
+    
+        // 注册html5运行时。
+        // 只有在支持的前提下注册。
+        if ( window.Blob && window.FileReader && window.DataView ) {
+            Runtime.addRuntime( type, Html5Runtime );
+        }
+    
+        return Html5Runtime;
+    });
+    /**
+     * @fileOverview Blob Html实现
+     */
+    define('runtime/html5/blob',[
+        'runtime/html5/runtime',
+        'lib/blob'
+    ], function( Html5Runtime, Blob ) {
+    
+        return Html5Runtime.register( 'Blob', {
+            slice: function( start, end ) {
+                var blob = this.owner.source,
+                    slice = blob.slice || blob.webkitSlice || blob.mozSlice;
+    
+                blob = slice.call( blob, start, end );
+    
+                return new Blob( this.getRuid(), blob );
+            }
+        });
+    });
+    /**
+     * @fileOverview FilePaste
+     */
+    define('runtime/html5/dnd',[
+        'base',
+        'runtime/html5/runtime',
+        'lib/file'
+    ], function( Base, Html5Runtime, File ) {
+    
+        var $ = Base.$,
+            prefix = 'webuploader-dnd-';
+    
+        return Html5Runtime.register( 'DragAndDrop', {
+            init: function() {
+                var elem = this.elem = this.options.container;
+    
+                this.dragEnterHandler = Base.bindFn( this._dragEnterHandler, this );
+                this.dragOverHandler = Base.bindFn( this._dragOverHandler, this );
+                this.dragLeaveHandler = Base.bindFn( this._dragLeaveHandler, this );
+                this.dropHandler = Base.bindFn( this._dropHandler, this );
+                this.dndOver = false;
+    
+                elem.on( 'dragenter', this.dragEnterHandler );
+                elem.on( 'dragover', this.dragOverHandler );
+                elem.on( 'dragleave', this.dragLeaveHandler );
+                elem.on( 'drop', this.dropHandler );
+    
+                if ( this.options.disableGlobalDnd ) {
+                    $( document ).on( 'dragover', this.dragOverHandler );
+                    $( document ).on( 'drop', this.dropHandler );
+                }
+            },
+    
+            _dragEnterHandler: function( e ) {
+                var me = this,
+                    denied = me._denied || false,
+                    items;
+    
+                e = e.originalEvent || e;
+    
+                if ( !me.dndOver ) {
+                    me.dndOver = true;
+    
+                    // 注意只有 chrome 支持。
+                    items = e.dataTransfer.items;
+    
+                    if ( items && items.length ) {
+                        me._denied = denied = !me.trigger( 'accept', items );
+                    }
+    
+                    me.elem.addClass( prefix + 'over' );
+                    me.elem[ denied ? 'addClass' :
+                            'removeClass' ]( prefix + 'denied' );
+                }
+    
+    
+                e.dataTransfer.dropEffect = denied ? 'none' : 'copy';
+    
+                return false;
+            },
+    
+            _dragOverHandler: function( e ) {
+                // 只处理框内的。
+                var parentElem = this.elem.parent().get( 0 );
+                if ( parentElem && !$.contains( parentElem, e.currentTarget ) ) {
+                    return false;
+                }
+    
+                clearTimeout( this._leaveTimer );
+                this._dragEnterHandler.call( this, e );
+    
+                return false;
+            },
+    
+            _dragLeaveHandler: function() {
+                var me = this,
+                    handler;
+    
+                handler = function() {
+                    me.dndOver = false;
+                    me.elem.removeClass( prefix + 'over ' + prefix + 'denied' );
+                };
+    
+                clearTimeout( me._leaveTimer );
+                me._leaveTimer = setTimeout( handler, 100 );
+                return false;
+            },
+    
+            _dropHandler: function( e ) {
+                var me = this,
+                    ruid = me.getRuid(),
+                    parentElem = me.elem.parent().get( 0 );
+    
+                // 只处理框内的。
+                if ( parentElem && !$.contains( parentElem, e.currentTarget ) ) {
+                    return false;
+                }
+    
+                me._getTansferFiles( e, function( results ) {
+                    me.trigger( 'drop', $.map( results, function( file ) {
+                        return new File( ruid, file );
+                    }) );
+                });
+    
+                me.dndOver = false;
+                me.elem.removeClass( prefix + 'over' );
+                return false;
+            },
+    
+            // 如果传入 callback 则去查看文件夹，否则只管当前文件夹。
+            _getTansferFiles: function( e, callback ) {
+                var results  = [],
+                    promises = [],
+                    items, files, dataTransfer, file, item, i, len, canAccessFolder;
+    
+                e = e.originalEvent || e;
+    
+                dataTransfer = e.dataTransfer;
+                items = dataTransfer.items;
+                files = dataTransfer.files;
+    
+                canAccessFolder = !!(items && items[ 0 ].webkitGetAsEntry);
+    
+                for ( i = 0, len = files.length; i < len; i++ ) {
+                    file = files[ i ];
+                    item = items && items[ i ];
+    
+                    if ( canAccessFolder && item.webkitGetAsEntry().isDirectory ) {
+    
+                        promises.push( this._traverseDirectoryTree(
+                                item.webkitGetAsEntry(), results ) );
+                    } else {
+                        results.push( file );
+                    }
+                }
+    
+                Base.when.apply( Base, promises ).done(function() {
+    
+                    if ( !results.length ) {
+                        return;
+                    }
+    
+                    callback( results );
+                });
+            },
+    
+            _traverseDirectoryTree: function( entry, results ) {
+                var deferred = Base.Deferred(),
+                    me = this;
+    
+                if ( entry.isFile ) {
+                    entry.file(function( file ) {
+                        results.push( file );
+                        deferred.resolve();
+                    });
+                } else if ( entry.isDirectory ) {
+                    entry.createReader().readEntries(function( entries ) {
+                        var len = entries.length,
+                            promises = [],
+                            arr = [],    // 为了保证顺序。
+                            i;
+    
+                        for ( i = 0; i < len; i++ ) {
+                            promises.push( me._traverseDirectoryTree(
+                                    entries[ i ], arr ) );
+                        }
+    
+                        Base.when.apply( Base, promises ).then(function() {
+                            results.push.apply( results, arr );
+                            deferred.resolve();
+                        }, deferred.reject );
+                    });
+                }
+    
+                return deferred.promise();
+            },
+    
+            destroy: function() {
+                var elem = this.elem;
+    
+                elem.off( 'dragenter', this.dragEnterHandler );
+                elem.off( 'dragover', this.dragEnterHandler );
+                elem.off( 'dragleave', this.dragLeaveHandler );
+                elem.off( 'drop', this.dropHandler );
+    
+                if ( this.options.disableGlobalDnd ) {
+                    $( document ).off( 'dragover', this.dragOverHandler );
+                    $( document ).off( 'drop', this.dropHandler );
+                }
+            }
+        });
+    });
+    
+    /**
+     * @fileOverview FilePaste
+     */
+    define('runtime/html5/filepaste',[
+        'base',
+        'runtime/html5/runtime',
+        'lib/file'
+    ], function( Base, Html5Runtime, File ) {
+    
+        return Html5Runtime.register( 'FilePaste', {
+            init: function() {
+                var opts = this.options,
+                    elem = this.elem = opts.container,
+                    accept = '.*',
+                    arr, i, len, item;
+    
+                // accetp的mimeTypes中生成匹配正则。
+                if ( opts.accept ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        item = opts.accept[ i ].mimeTypes;
+                        item && arr.push( item );
+                    }
+    
+                    if ( arr.length ) {
+                        accept = arr.join(',');
+                        accept = accept.replace( /,/g, '|' ).replace( /\*/g, '.*' );
+                    }
+                }
+                this.accept = accept = new RegExp( accept, 'i' );
+                this.hander = Base.bindFn( this._pasteHander, this );
+                elem.on( 'paste', this.hander );
+            },
+    
+            _pasteHander: function( e ) {
+                var allowed = [],
+                    ruid = this.getRuid(),
+                    items, item, blob, i, len;
+    
+                e = e.originalEvent || e;
+                items = e.clipboardData.items;
+    
+                for ( i = 0, len = items.length; i < len; i++ ) {
+                    item = items[ i ];
+    
+                    if ( item.kind !== 'file' || !(blob = item.getAsFile()) ) {
+                        continue;
+                    }
+    
+                    allowed.push( new File( ruid, blob ) );
+                }
+    
+                if ( allowed.length ) {
+                    // 不阻止非文件粘贴（文字粘贴）的事件冒泡
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this.trigger( 'paste', allowed );
+                }
+            },
+    
+            destroy: function() {
+                this.elem.off( 'paste', this.hander );
+            }
+        });
+    });
+    
+    /**
+     * @fileOverview FilePicker
+     */
+    define('runtime/html5/filepicker',[
+        'base',
+        'runtime/html5/runtime'
+    ], function( Base, Html5Runtime ) {
+    
+        var $ = Base.$;
+    
+        return Html5Runtime.register( 'FilePicker', {
+            init: function() {
+                var container = this.getRuntime().getContainer(),
+                    me = this,
+                    owner = me.owner,
+                    opts = me.options,
+                    lable = $( document.createElement('label') ),
+                    input = $( document.createElement('input') ),
+                    arr, i, len, mouseHandler;
+    
+                input.attr( 'type', 'file' );
+                input.attr( 'name', opts.name );
+                input.addClass('webuploader-element-invisible');
+    
+                lable.on( 'click', function() {
+                    input.trigger('click');
+                });
+    
+                lable.css({
+                    opacity: 0,
+                    width: '100%',
+                    height: '100%',
+                    display: 'block',
+                    cursor: 'pointer',
+                    background: '#ffffff'
+                });
+    
+                if ( opts.multiple ) {
+                    input.attr( 'multiple', 'multiple' );
+                }
+    
+                // @todo Firefox不支持单独指定后缀
+                if ( opts.accept && opts.accept.length > 0 ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        arr.push( opts.accept[ i ].mimeTypes );
+                    }
+    
+                    input.attr( 'accept', arr.join(',') );
+                }
+    
+                container.append( input );
+                container.append( lable );
+    
+                mouseHandler = function( e ) {
+                    owner.trigger( e.type );
+                };
+    
+                input.on( 'change', function( e ) {
+                    var fn = arguments.callee,
+                        clone;
+    
+                    me.files = e.target.files;
+    
+                    // reset input
+                    clone = this.cloneNode( true );
+                    this.parentNode.replaceChild( clone, this );
+    
+                    input.off();
+                    input = $( clone ).on( 'change', fn )
+                            .on( 'mouseenter mouseleave', mouseHandler );
+    
+                    owner.trigger('change');
+                });
+    
+                lable.on( 'mouseenter mouseleave', mouseHandler );
+    
+            },
+    
+    
+            getFiles: function() {
+                return this.files;
+            },
+    
+            destroy: function() {
+                // todo
+            }
+        });
+    });
+    /**
+     * @fileOverview Transport
+     * @todo 支持chunked传输，优势：
+     * 可以将大文件分成小块，挨个传输，可以提高大文件成功率，当失败的时候，也只需要重传那小部分，
+     * 而不需要重头再传一次。另外断点续传也需要用chunked方式。
+     */
+    define('runtime/html5/transport',[
+        'base',
+        'runtime/html5/runtime'
+    ], function( Base, Html5Runtime ) {
+    
+        var noop = Base.noop,
+            $ = Base.$;
+    
+        return Html5Runtime.register( 'Transport', {
+            init: function() {
+                this._status = 0;
+                this._response = null;
+            },
+    
+            send: function() {
+                var owner = this.owner,
+                    opts = this.options,
+                    xhr = this._initAjax(),
+                    blob = owner._blob,
+                    server = opts.server,
+                    formData, binary, fr;
+    
+                if ( opts.sendAsBinary ) {
+                    server += (/\?/.test( server ) ? '&' : '?') +
+                            $.param( owner._formData );
+    
+                    binary = blob.getSource();
+                } else {
+                    formData = new FormData();
+                    $.each( owner._formData, function( k, v ) {
+                        formData.append( k, v );
+                    });
+    
+                    formData.append( opts.fileVal, blob.getSource(),
+                            opts.filename || owner._formData.name || '' );
+                }
+    
+                if ( opts.withCredentials && 'withCredentials' in xhr ) {
+                    xhr.open( opts.method, server, true );
+                    xhr.withCredentials = true;
+                } else {
+                    xhr.open( opts.method, server );
+                }
+    
+                this._setRequestHeader( xhr, opts.headers );
+    
+                if ( binary ) {
+                    xhr.overrideMimeType('application/octet-stream');
+    
+                    // android直接发送blob会导致服务端接收到的是空文件。
+                    // bug详情。
+                    // https://code.google.com/p/android/issues/detail?id=39882
+                    // 所以先用fileReader读取出来再通过arraybuffer的方式发送。
+                    if ( Base.os.android ) {
+                        fr = new FileReader();
+    
+                        fr.onload = function() {
+                            xhr.send( this.result );
+                            fr = fr.onload = null;
+                        };
+    
+                        fr.readAsArrayBuffer( binary );
+                    } else {
+                        xhr.send( binary );
+                    }
+                } else {
+                    xhr.send( formData );
+                }
+            },
+    
+            getResponse: function() {
+                return this._response;
+            },
+    
+            getResponseAsJson: function() {
+                return this._parseJson( this._response );
+            },
+    
+            getStatus: function() {
+                return this._status;
+            },
+    
+            abort: function() {
+                var xhr = this._xhr;
+    
+                if ( xhr ) {
+                    xhr.upload.onprogress = noop;
+                    xhr.onreadystatechange = noop;
+                    xhr.abort();
+    
+                    this._xhr = xhr = null;
+                }
+            },
+    
+            destroy: function() {
+                this.abort();
+            },
+    
+            _initAjax: function() {
+                var me = this,
+                    xhr = new XMLHttpRequest(),
+                    opts = this.options;
+    
+                if ( opts.withCredentials && !('withCredentials' in xhr) &&
+                        typeof XDomainRequest !== 'undefined' ) {
+                    xhr = new XDomainRequest();
+                }
+    
+                xhr.upload.onprogress = function( e ) {
+                    var percentage = 0;
+    
+                    if ( e.lengthComputable ) {
+                        percentage = e.loaded / e.total;
+                    }
+    
+                    return me.trigger( 'progress', percentage );
+                };
+    
+                xhr.onreadystatechange = function() {
+    
+                    if ( xhr.readyState !== 4 ) {
+                        return;
+                    }
+    
+                    xhr.upload.onprogress = noop;
+                    xhr.onreadystatechange = noop;
+                    me._xhr = null;
+                    me._status = xhr.status;
+    
+                    if ( xhr.status >= 200 && xhr.status < 300 ) {
+                        me._response = xhr.responseText;
+                        return me.trigger('load');
+                    } else if ( xhr.status >= 500 && xhr.status < 600 ) {
+                        me._response = xhr.responseText;
+                        return me.trigger( 'error', 'server' );
+                    }
+    
+    
+                    return me.trigger( 'error', me._status ? 'http' : 'abort' );
+                };
+    
+                me._xhr = xhr;
+                return xhr;
+            },
+    
+            _setRequestHeader: function( xhr, headers ) {
+                $.each( headers, function( key, val ) {
+                    xhr.setRequestHeader( key, val );
+                });
+            },
+    
+            _parseJson: function( str ) {
+                var json;
+    
+                try {
+                    json = JSON.parse( str );
+                } catch ( ex ) {
+                    json = {};
+                }
+    
+                return json;
+            }
+        });
+    });
+    /**
+     * @fileOverview FlashRuntime
+     */
+    define('runtime/flash/runtime',[
+        'base',
+        'runtime/runtime',
+        'runtime/compbase'
+    ], function( Base, Runtime, CompBase ) {
+    
+        var $ = Base.$,
+            type = 'flash',
+            components = {};
+    
+    
+        function getFlashVersion() {
+            var version;
+    
+            try {
+                version = navigator.plugins[ 'Shockwave Flash' ];
+                version = version.description;
+            } catch ( ex ) {
+                try {
+                    version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash')
+                            .GetVariable('$version');
+                } catch ( ex2 ) {
+                    version = '0.0';
+                }
+            }
+            version = version.match( /\d+/g );
+            return parseFloat( version[ 0 ] + '.' + version[ 1 ], 10 );
+        }
+    
+        function FlashRuntime() {
+            var pool = {},
+                clients = {},
+                destory = this.destory,
+                me = this,
+                jsreciver = Base.guid('webuploader_');
+    
+            Runtime.apply( me, arguments );
+            me.type = type;
+    
+    
+            // 这个方法的调用者，实际上是RuntimeClient
+            me.exec = function( comp, fn/*, args...*/ ) {
+                var client = this,
+                    uid = client.uid,
+                    args = Base.slice( arguments, 2 ),
+                    instance;
+    
+                clients[ uid ] = client;
+    
+                if ( components[ comp ] ) {
+                    if ( !pool[ uid ] ) {
+                        pool[ uid ] = new components[ comp ]( client, me );
+                    }
+    
+                    instance = pool[ uid ];
+    
+                    if ( instance[ fn ] ) {
+                        return instance[ fn ].apply( instance, args );
+                    }
+                }
+    
+                return me.flashExec.apply( client, arguments );
+            };
+    
+            function handler( evt, obj ) {
+                var type = evt.type || evt,
+                    parts, uid;
+    
+                parts = type.split('::');
+                uid = parts[ 0 ];
+                type = parts[ 1 ];
+    
+                // console.log.apply( console, arguments );
+    
+                if ( type === 'Ready' && uid === me.uid ) {
+                    me.trigger('ready');
+                } else if ( clients[ uid ] ) {
+                    clients[ uid ].trigger( type.toLowerCase(), evt, obj );
+                }
+    
+                // Base.log( evt, obj );
+            }
+    
+            // flash的接受器。
+            window[ jsreciver ] = function() {
+                var args = arguments;
+    
+                // 为了能捕获得到。
+                setTimeout(function() {
+                    handler.apply( null, args );
+                }, 1 );
+            };
+    
+            this.jsreciver = jsreciver;
+    
+            this.destory = function() {
+                // @todo 删除池子中的所有实例
+                return destory && destory.apply( this, arguments );
+            };
+    
+            this.flashExec = function( comp, fn ) {
+                var flash = me.getFlash(),
+                    args = Base.slice( arguments, 2 );
+    
+                return flash.exec( this.uid, comp, fn, args );
+            };
+    
+            // @todo
+        }
+    
+        Base.inherits( Runtime, {
+            constructor: FlashRuntime,
+    
+            init: function() {
+                var container = this.getContainer(),
+                    opts = this.options,
+                    html;
+    
+                // if not the minimal height, shims are not initialized
+                // in older browsers (e.g FF3.6, IE6,7,8, Safari 4.0,5.0, etc)
+                container.css({
+                    position: 'absolute',
+                    top: '-8px',
+                    left: '-8px',
+                    width: '9px',
+                    height: '9px',
+                    overflow: 'hidden'
+                });
+    
+                // insert flash object
+                html = '<object id="' + this.uid + '" type="application/' +
+                        'x-shockwave-flash" data="' +  opts.swf + '" ';
+    
+                if ( Base.browser.ie ) {
+                    html += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ';
+                }
+    
+                html += 'width="100%" height="100%" style="outline:0">'  +
+                    '<param name="movie" value="' + opts.swf + '" />' +
+                    '<param name="flashvars" value="uid=' + this.uid +
+                    '&jsreciver=' + this.jsreciver + '" />' +
+                    '<param name="wmode" value="transparent" />' +
+                    '<param name="allowscriptaccess" value="always" />' +
+                '</object>';
+    
+                container.html( html );
+            },
+    
+            getFlash: function() {
+                if ( this._flash ) {
+                    return this._flash;
+                }
+    
+                this._flash = $( '#' + this.uid ).get( 0 );
+                return this._flash;
+            }
+    
+        });
+    
+        FlashRuntime.register = function( name, component ) {
+            component = components[ name ] = Base.inherits( CompBase, $.extend({
+    
+                // @todo fix this later
+                flashExec: function() {
+                    var owner = this.owner,
+                        runtime = this.getRuntime();
+    
+                    return runtime.flashExec.apply( owner, arguments );
+                }
+            }, component ) );
+    
+            return component;
+        };
+    
+        if ( getFlashVersion() >= 11.4 ) {
+            Runtime.addRuntime( type, FlashRuntime );
+        }
+    
+        return FlashRuntime;
+    });
+    /**
+     * @fileOverview FilePicker
+     */
+    define('runtime/flash/filepicker',[
+        'base',
+        'runtime/flash/runtime'
+    ], function( Base, FlashRuntime ) {
+        var $ = Base.$;
+    
+        return FlashRuntime.register( 'FilePicker', {
+            init: function( opts ) {
+                var copy = $.extend({}, opts ),
+                    len, i;
+    
+                // 修复Flash再没有设置title的情况下无法弹出flash文件选择框的bug.
+                len = copy.accept && copy.accept.length;
+                for (  i = 0; i < len; i++ ) {
+                    if ( !copy.accept[ i ].title ) {
+                        copy.accept[ i ].title = 'Files';
+                    }
+                }
+    
+                delete copy.button;
+                delete copy.container;
+    
+                this.flashExec( 'FilePicker', 'init', copy );
+            },
+    
+            destroy: function() {
+                // todo
+            }
+        });
+    });
+    /**
+     * @fileOverview  Transport flash实现
+     */
+    define('runtime/flash/transport',[
+        'base',
+        'runtime/flash/runtime',
+        'runtime/client'
+    ], function( Base, FlashRuntime, RuntimeClient ) {
+        var $ = Base.$;
+    
+        return FlashRuntime.register( 'Transport', {
+            init: function() {
+                this._status = 0;
+                this._response = null;
+                this._responseJson = null;
+            },
+    
+            send: function() {
+                var owner = this.owner,
+                    opts = this.options,
+                    xhr = this._initAjax(),
+                    blob = owner._blob,
+                    server = opts.server,
+                    binary;
+    
+                xhr.connectRuntime( blob.ruid );
+    
+                if ( opts.sendAsBinary ) {
+                    server += (/\?/.test( server ) ? '&' : '?') +
+                            $.param( owner._formData );
+    
+                    binary = blob.uid;
+                } else {
+                    $.each( owner._formData, function( k, v ) {
+                        xhr.exec( 'append', k, v );
+                    });
+    
+                    xhr.exec( 'appendBlob', opts.fileVal, blob.uid,
+                            opts.filename || owner._formData.name || '' );
+                }
+    
+                this._setRequestHeader( xhr, opts.headers );
+                xhr.exec( 'send', {
+                    method: opts.method,
+                    url: server
+                }, binary );
+            },
+    
+            getStatus: function() {
+                return this._status;
+            },
+    
+            getResponse: function() {
+                return this._response;
+            },
+    
+            getResponseAsJson: function() {
+                return this._responseJson;
+            },
+    
+            abort: function() {
+                var xhr = this._xhr;
+    
+                if ( xhr ) {
+                    xhr.exec('abort');
+                    xhr.destroy();
+                    this._xhr = xhr = null;
+                }
+            },
+    
+            destroy: function() {
+                this.abort();
+            },
+    
+            _initAjax: function() {
+                var me = this,
+                    xhr = new RuntimeClient('XMLHttpRequest');
+    
+                xhr.on( 'uploadprogress progress', function( e ) {
+                    return me.trigger( 'progress', e.loaded / e.total );
+                });
+    
+                xhr.on( 'load', function() {
+                    var status = xhr.exec('getStatus'),
+                        err = '';
+    
+                    xhr.off();
+                    me._xhr = null;
+    
+                    if ( status >= 200 && status < 300 ) {
+                        me._response = xhr.exec('getResponse');
+                        me._responseJson = xhr.exec('getResponseAsJson');
+                    } else if ( status >= 500 && status < 600 ) {
+                        me._response = xhr.exec('getResponse');
+                        me._responseJson = xhr.exec('getResponseAsJson');
+                        err = 'server';
+                    } else {
+                        err = 'http';
+                    }
+    
+                    xhr.destroy();
+                    xhr = null;
+    
+                    return err ? me.trigger( 'error', err ) : me.trigger('load');
+                });
+    
+                xhr.on( 'error', function() {
+                    xhr.off();
+                    me._xhr = null;
+                    me.trigger( 'error', 'http' );
+                });
+    
+                me._xhr = xhr;
+                return xhr;
+            },
+    
+            _setRequestHeader: function( xhr, headers ) {
+                $.each( headers, function( key, val ) {
+                    xhr.exec( 'setRequestHeader', key, val );
+                });
+            }
+        });
+    });
+    /**
+     * @fileOverview 没有图像处理的版本。
+     */
+    define('preset/withoutimage',[
+        'base',
+    
+        // widgets
+        'widgets/filednd',
+        'widgets/filepaste',
+        'widgets/filepicker',
+        'widgets/queue',
+        'widgets/runtime',
+        'widgets/upload',
+        'widgets/validator',
+    
+        // runtimes
+        // html5
+        'runtime/html5/blob',
+        'runtime/html5/dnd',
+        'runtime/html5/filepaste',
+        'runtime/html5/filepicker',
+        'runtime/html5/transport',
+    
+        // flash
+        'runtime/flash/filepicker',
+        'runtime/flash/transport'
+    ], function( Base ) {
+        return Base;
+    });
+    define('webuploader',[
+        'preset/withoutimage'
+    ], function( preset ) {
+        return preset;
+    });
+    return require('webuploader');
+});
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.withoutimage.min.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.withoutimage.min.js
new file mode 100644
index 000000000..70a7d483b
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/webuploader/webuploader.withoutimage.min.js
@@ -0,0 +1,2 @@
+/* WebUploader 0.1.2 */!function(a,b){var c,d={},e=function(a,b){var c,d,e;if("string"==typeof a)return h(a);for(c=[],d=a.length,e=0;d>e;e++)c.push(h(a[e]));return b.apply(null,c)},f=function(a,b,c){2===arguments.length&&(c=b,b=null),e(b||[],function(){g(a,c,arguments)})},g=function(a,b,c){var f,g={exports:b};"function"==typeof b&&(c.length||(c=[e,g.exports,g]),f=b.apply(null,c),void 0!==f&&(g.exports=f)),d[a]=g.exports},h=function(b){var c=d[b]||a[b];if(!c)throw new Error("`"+b+"` is undefined");return c},i=function(a){var b,c,e,f,g,h;h=function(a){return a&&a.charAt(0).toUpperCase()+a.substr(1)};for(b in d)if(c=a,d.hasOwnProperty(b)){for(e=b.split("/"),g=h(e.pop());f=h(e.shift());)c[f]=c[f]||{},c=c[f];c[g]=d[b]}},j=b(a,f,e);i(j),"object"==typeof module&&"object"==typeof module.exports?module.exports=j:"function"==typeof define&&define.amd?define([],j):(c=a.WebUploader,a.WebUploader=j,a.WebUploader.noConflict=function(){a.WebUploader=c})}(this,function(a,b,c){return b("dollar-third",[],function(){return a.jQuery||a.Zepto}),b("dollar",["dollar-third"],function(a){return a}),b("promise-third",["dollar"],function(a){return{Deferred:a.Deferred,when:a.when,isPromise:function(a){return a&&"function"==typeof a.then}}}),b("promise",["promise-third"],function(a){return a}),b("base",["dollar","promise"],function(b,c){function d(a){return function(){return h.apply(a,arguments)}}function e(a,b){return function(){return a.apply(b,arguments)}}function f(a){var b;return Object.create?Object.create(a):(b=function(){},b.prototype=a,new b)}var g=function(){},h=Function.call;return{version:"0.1.2",$:b,Deferred:c.Deferred,isPromise:c.isPromise,when:c.when,browser:function(a){var b={},c=a.match(/WebKit\/([\d.]+)/),d=a.match(/Chrome\/([\d.]+)/)||a.match(/CriOS\/([\d.]+)/),e=a.match(/MSIE\s([\d\.]+)/)||a.match(/(?:trident)(?:.*rv:([\w.]+))?/i),f=a.match(/Firefox\/([\d.]+)/),g=a.match(/Safari\/([\d.]+)/),h=a.match(/OPR\/([\d.]+)/);return c&&(b.webkit=parseFloat(c[1])),d&&(b.chrome=parseFloat(d[1])),e&&(b.ie=parseFloat(e[1])),f&&(b.firefox=parseFloat(f[1])),g&&(b.safari=parseFloat(g[1])),h&&(b.opera=parseFloat(h[1])),b}(navigator.userAgent),os:function(a){var b={},c=a.match(/(?:Android);?[\s\/]+([\d.]+)?/),d=a.match(/(?:iPad|iPod|iPhone).*OS\s([\d_]+)/);return c&&(b.android=parseFloat(c[1])),d&&(b.ios=parseFloat(d[1].replace(/_/g,"."))),b}(navigator.userAgent),inherits:function(a,c,d){var e;return"function"==typeof c?(e=c,c=null):e=c&&c.hasOwnProperty("constructor")?c.constructor:function(){return a.apply(this,arguments)},b.extend(!0,e,a,d||{}),e.__super__=a.prototype,e.prototype=f(a.prototype),c&&b.extend(!0,e.prototype,c),e},noop:g,bindFn:e,log:function(){return a.console?e(console.log,console):g}(),nextTick:function(){return function(a){setTimeout(a,1)}}(),slice:d([].slice),guid:function(){var a=0;return function(b){for(var c=(+new Date).toString(32),d=0;5>d;d++)c+=Math.floor(65535*Math.random()).toString(32);return(b||"wu_")+c+(a++).toString(32)}}(),formatSize:function(a,b,c){var d;for(c=c||["B","K","M","G","TB"];(d=c.shift())&&a>1024;)a/=1024;return("B"===d?a:a.toFixed(b||2))+d}}}),b("mediator",["base"],function(a){function b(a,b,c,d){return f.grep(a,function(a){return!(!a||b&&a.e!==b||c&&a.cb!==c&&a.cb._cb!==c||d&&a.ctx!==d)})}function c(a,b,c){f.each((a||"").split(h),function(a,d){c(d,b)})}function d(a,b){for(var c,d=!1,e=-1,f=a.length;++e<f;)if(c=a[e],c.cb.apply(c.ctx2,b)===!1){d=!0;break}return!d}var e,f=a.$,g=[].slice,h=/\s+/;return e={on:function(a,b,d){var e,f=this;return b?(e=this._events||(this._events=[]),c(a,b,function(a,b){var c={e:a};c.cb=b,c.ctx=d,c.ctx2=d||f,c.id=e.length,e.push(c)}),this):this},once:function(a,b,d){var e=this;return b?(c(a,b,function(a,b){var c=function(){return e.off(a,c),b.apply(d||e,arguments)};c._cb=b,e.on(a,c,d)}),e):e},off:function(a,d,e){var g=this._events;return g?a||d||e?(c(a,d,function(a,c){f.each(b(g,a,c,e),function(){delete g[this.id]})}),this):(this._events=[],this):this},trigger:function(a){var c,e,f;return this._events&&a?(c=g.call(arguments,1),e=b(this._events,a),f=b(this._events,"all"),d(e,c)&&d(f,arguments)):this}},f.extend({installTo:function(a){return f.extend(a,e)}},e)}),b("uploader",["base","mediator"],function(a,b){function c(a){this.options=d.extend(!0,{},c.options,a),this._init(this.options)}var d=a.$;return c.options={},b.installTo(c.prototype),d.each({upload:"start-upload",stop:"stop-upload",getFile:"get-file",getFiles:"get-files",addFile:"add-file",addFiles:"add-file",sort:"sort-files",removeFile:"remove-file",skipFile:"skip-file",retry:"retry",isInProgress:"is-in-progress",makeThumb:"make-thumb",getDimension:"get-dimension",addButton:"add-btn",getRuntimeType:"get-runtime-type",refresh:"refresh",disable:"disable",enable:"enable",reset:"reset"},function(a,b){c.prototype[a]=function(){return this.request(b,arguments)}}),d.extend(c.prototype,{state:"pending",_init:function(a){var b=this;b.request("init",a,function(){b.state="ready",b.trigger("ready")})},option:function(a,b){var c=this.options;return arguments.length>1?void(d.isPlainObject(b)&&d.isPlainObject(c[a])?d.extend(c[a],b):c[a]=b):a?c[a]:c},getStats:function(){var a=this.request("get-stats");return{successNum:a.numOfSuccess,cancelNum:a.numOfCancel,invalidNum:a.numOfInvalid,uploadFailNum:a.numOfUploadFailed,queueNum:a.numOfQueue}},trigger:function(a){var c=[].slice.call(arguments,1),e=this.options,f="on"+a.substring(0,1).toUpperCase()+a.substring(1);return b.trigger.apply(this,arguments)===!1||d.isFunction(e[f])&&e[f].apply(this,c)===!1||d.isFunction(this[f])&&this[f].apply(this,c)===!1||b.trigger.apply(b,[this,a].concat(c))===!1?!1:!0},request:a.noop}),a.create=c.create=function(a){return new c(a)},a.Uploader=c,c}),b("runtime/runtime",["base","mediator"],function(a,b){function c(b){this.options=d.extend({container:document.body},b),this.uid=a.guid("rt_")}var d=a.$,e={},f=function(a){for(var b in a)if(a.hasOwnProperty(b))return b;return null};return d.extend(c.prototype,{getContainer:function(){var a,b,c=this.options;return this._container?this._container:(a=d(c.container||document.body),b=d(document.createElement("div")),b.attr("id","rt_"+this.uid),b.css({position:"absolute",top:"0px",left:"0px",width:"1px",height:"1px",overflow:"hidden"}),a.append(b),a.addClass("webuploader-container"),this._container=b,b)},init:a.noop,exec:a.noop,destroy:function(){this._container&&this._container.parentNode.removeChild(this.__container),this.off()}}),c.orders="html5,flash",c.addRuntime=function(a,b){e[a]=b},c.hasRuntime=function(a){return!!(a?e[a]:f(e))},c.create=function(a,b){var g,h;if(b=b||c.orders,d.each(b.split(/\s*,\s*/g),function(){return e[this]?(g=this,!1):void 0}),g=g||f(e),!g)throw new Error("Runtime Error");return h=new e[g](a)},b.installTo(c.prototype),c}),b("runtime/client",["base","mediator","runtime/runtime"],function(a,b,c){function d(b,d){var f,g=a.Deferred();this.uid=a.guid("client_"),this.runtimeReady=function(a){return g.done(a)},this.connectRuntime=function(b,h){if(f)throw new Error("already connected!");return g.done(h),"string"==typeof b&&e.get(b)&&(f=e.get(b)),f=f||e.get(null,d),f?(a.$.extend(f.options,b),f.__promise.then(g.resolve),f.__client++):(f=c.create(b,b.runtimeOrder),f.__promise=g.promise(),f.once("ready",g.resolve),f.init(),e.add(f),f.__client=1),d&&(f.__standalone=d),f},this.getRuntime=function(){return f},this.disconnectRuntime=function(){f&&(f.__client--,f.__client<=0&&(e.remove(f),delete f.__promise,f.destroy()),f=null)},this.exec=function(){if(f){var c=a.slice(arguments);return b&&c.unshift(b),f.exec.apply(this,c)}},this.getRuid=function(){return f&&f.uid},this.destroy=function(a){return function(){a&&a.apply(this,arguments),this.trigger("destroy"),this.off(),this.exec("destroy"),this.disconnectRuntime()}}(this.destroy)}var e;return e=function(){var a={};return{add:function(b){a[b.uid]=b},get:function(b,c){var d;if(b)return a[b];for(d in a)if(!c||!a[d].__standalone)return a[d];return null},remove:function(b){delete a[b.uid]}}}(),b.installTo(d.prototype),d}),b("lib/dnd",["base","mediator","runtime/client"],function(a,b,c){function d(a){a=this.options=e.extend({},d.options,a),a.container=e(a.container),a.container.length&&c.call(this,"DragAndDrop")}var e=a.$;return d.options={accept:null,disableGlobalDnd:!1},a.inherits(c,{constructor:d,init:function(){var a=this;a.connectRuntime(a.options,function(){a.exec("init"),a.trigger("ready")})},destroy:function(){this.disconnectRuntime()}}),b.installTo(d.prototype),d}),b("widgets/widget",["base","uploader"],function(a,b){function c(a){if(!a)return!1;var b=a.length,c=e.type(a);return 1===a.nodeType&&b?!0:"array"===c||"function"!==c&&"string"!==c&&(0===b||"number"==typeof b&&b>0&&b-1 in a)}function d(a){this.owner=a,this.options=a.options}var e=a.$,f=b.prototype._init,g={},h=[];return e.extend(d.prototype,{init:a.noop,invoke:function(a,b){var c=this.responseMap;return c&&a in c&&c[a]in this&&e.isFunction(this[c[a]])?this[c[a]].apply(this,b):g},request:function(){return this.owner.request.apply(this.owner,arguments)}}),e.extend(b.prototype,{_init:function(){var a=this,b=a._widgets=[];return e.each(h,function(c,d){b.push(new d(a))}),f.apply(a,arguments)},request:function(b,d,e){var f,h,i,j,k=0,l=this._widgets,m=l.length,n=[],o=[];for(d=c(d)?d:[d];m>k;k++)f=l[k],h=f.invoke(b,d),h!==g&&(a.isPromise(h)?o.push(h):n.push(h));return e||o.length?(i=a.when.apply(a,o),j=i.pipe?"pipe":"then",i[j](function(){var b=a.Deferred(),c=arguments;return setTimeout(function(){b.resolve.apply(b,c)},1),b.promise()})[j](e||a.noop)):n[0]}}),b.register=d.register=function(b,c){var f,g={init:"init"};return 1===arguments.length?(c=b,c.responseMap=g):c.responseMap=e.extend(g,b),f=a.inherits(d,c),h.push(f),f},d}),b("widgets/filednd",["base","uploader","lib/dnd","widgets/widget"],function(a,b,c){var d=a.$;return b.options.dnd="",b.register({init:function(b){if(b.dnd&&"html5"===this.request("predict-runtime-type")){var e,f=this,g=a.Deferred(),h=d.extend({},{disableGlobalDnd:b.disableGlobalDnd,container:b.dnd,accept:b.accept});return e=new c(h),e.once("ready",g.resolve),e.on("drop",function(a){f.request("add-file",[a])}),e.on("accept",function(a){return f.owner.trigger("dndAccept",a)}),e.init(),g.promise()}}})}),b("lib/filepaste",["base","mediator","runtime/client"],function(a,b,c){function d(a){a=this.options=e.extend({},a),a.container=e(a.container||document.body),c.call(this,"FilePaste")}var e=a.$;return a.inherits(c,{constructor:d,init:function(){var a=this;a.connectRuntime(a.options,function(){a.exec("init"),a.trigger("ready")})},destroy:function(){this.exec("destroy"),this.disconnectRuntime(),this.off()}}),b.installTo(d.prototype),d}),b("widgets/filepaste",["base","uploader","lib/filepaste","widgets/widget"],function(a,b,c){var d=a.$;return b.register({init:function(b){if(b.paste&&"html5"===this.request("predict-runtime-type")){var e,f=this,g=a.Deferred(),h=d.extend({},{container:b.paste,accept:b.accept});return e=new c(h),e.once("ready",g.resolve),e.on("paste",function(a){f.owner.request("add-file",[a])}),e.init(),g.promise()}}})}),b("lib/blob",["base","runtime/client"],function(a,b){function c(a,c){var d=this;d.source=c,d.ruid=a,b.call(d,"Blob"),this.uid=c.uid||this.uid,this.type=c.type||"",this.size=c.size||0,a&&d.connectRuntime(a)}return a.inherits(b,{constructor:c,slice:function(a,b){return this.exec("slice",a,b)},getSource:function(){return this.source}}),c}),b("lib/file",["base","lib/blob"],function(a,b){function c(a,c){var f;b.apply(this,arguments),this.name=c.name||"untitled"+d++,f=e.exec(c.name)?RegExp.$1.toLowerCase():"",!f&&this.type&&(f=/\/(jpg|jpeg|png|gif|bmp)$/i.exec(this.type)?RegExp.$1.toLowerCase():"",this.name+="."+f),!this.type&&~"jpg,jpeg,png,gif,bmp".indexOf(f)&&(this.type="image/"+("jpg"===f?"jpeg":f)),this.ext=f,this.lastModifiedDate=c.lastModifiedDate||(new Date).toLocaleString()}var d=1,e=/\.([^.]+)$/;return a.inherits(b,c)}),b("lib/filepicker",["base","runtime/client","lib/file"],function(b,c,d){function e(a){if(a=this.options=f.extend({},e.options,a),a.container=f(a.id),!a.container.length)throw new Error("按钮指定错误");a.innerHTML=a.innerHTML||a.label||a.container.html()||"",a.button=f(a.button||document.createElement("div")),a.button.html(a.innerHTML),a.container.html(a.button),c.call(this,"FilePicker",!0)}var f=b.$;return e.options={button:null,container:null,label:null,innerHTML:null,multiple:!0,accept:null,name:"file"},b.inherits(c,{constructor:e,init:function(){var b=this,c=b.options,e=c.button;e.addClass("webuploader-pick"),b.on("all",function(a){var g;switch(a){case"mouseenter":e.addClass("webuploader-pick-hover");break;case"mouseleave":e.removeClass("webuploader-pick-hover");break;case"change":g=b.exec("getFiles"),b.trigger("select",f.map(g,function(a){return a=new d(b.getRuid(),a),a._refer=c.container,a}),c.container)}}),b.connectRuntime(c,function(){b.refresh(),b.exec("init",c),b.trigger("ready")}),f(a).on("resize",function(){b.refresh()})},refresh:function(){var a=this.getRuntime().getContainer(),b=this.options.button,c=b.outerWidth?b.outerWidth():b.width(),d=b.outerHeight?b.outerHeight():b.height(),e=b.offset();c&&d&&a.css({bottom:"auto",right:"auto",width:c+"px",height:d+"px"}).offset(e)},enable:function(){var a=this.options.button;a.removeClass("webuploader-pick-disable"),this.refresh()},disable:function(){var a=this.options.button;this.getRuntime().getContainer().css({top:"-99999px"}),a.addClass("webuploader-pick-disable")},destroy:function(){this.runtime&&(this.exec("destroy"),this.disconnectRuntime())}}),e}),b("widgets/filepicker",["base","uploader","lib/filepicker","widgets/widget"],function(a,b,c){var d=a.$;return d.extend(b.options,{pick:null,accept:null}),b.register({"add-btn":"addButton",refresh:"refresh",disable:"disable",enable:"enable"},{init:function(a){return this.pickers=[],a.pick&&this.addButton(a.pick)},refresh:function(){d.each(this.pickers,function(){this.refresh()})},addButton:function(b){var e,f,g,h=this,i=h.options,j=i.accept;if(b)return g=a.Deferred(),d.isPlainObject(b)||(b={id:b}),e=d.extend({},b,{accept:d.isPlainObject(j)?[j]:j,swf:i.swf,runtimeOrder:i.runtimeOrder}),f=new c(e),f.once("ready",g.resolve),f.on("select",function(a){h.owner.request("add-file",[a])}),f.init(),this.pickers.push(f),g.promise()},disable:function(){d.each(this.pickers,function(){this.disable()})},enable:function(){d.each(this.pickers,function(){this.enable()})}})}),b("file",["base","mediator"],function(a,b){function c(){return f+g++}function d(a){this.name=a.name||"Untitled",this.size=a.size||0,this.type=a.type||"application",this.lastModifiedDate=a.lastModifiedDate||1*new Date,this.id=c(),this.ext=h.exec(this.name)?RegExp.$1:"",this.statusText="",i[this.id]=d.Status.INITED,this.source=a,this.loaded=0,this.on("error",function(a){this.setStatus(d.Status.ERROR,a)})}var e=a.$,f="WU_FILE_",g=0,h=/\.([^.]+)$/,i={};return e.extend(d.prototype,{setStatus:function(a,b){var c=i[this.id];"undefined"!=typeof b&&(this.statusText=b),a!==c&&(i[this.id]=a,this.trigger("statuschange",a,c))},getStatus:function(){return i[this.id]},getSource:function(){return this.source},destory:function(){delete i[this.id]}}),b.installTo(d.prototype),d.Status={INITED:"inited",QUEUED:"queued",PROGRESS:"progress",ERROR:"error",COMPLETE:"complete",CANCELLED:"cancelled",INTERRUPT:"interrupt",INVALID:"invalid"},d}),b("queue",["base","mediator","file"],function(a,b,c){function d(){this.stats={numOfQueue:0,numOfSuccess:0,numOfCancel:0,numOfProgress:0,numOfUploadFailed:0,numOfInvalid:0},this._queue=[],this._map={}}var e=a.$,f=c.Status;return e.extend(d.prototype,{append:function(a){return this._queue.push(a),this._fileAdded(a),this},prepend:function(a){return this._queue.unshift(a),this._fileAdded(a),this},getFile:function(a){return"string"!=typeof a?a:this._map[a]},fetch:function(a){var b,c,d=this._queue.length;for(a=a||f.QUEUED,b=0;d>b;b++)if(c=this._queue[b],a===c.getStatus())return c;return null},sort:function(a){"function"==typeof a&&this._queue.sort(a)},getFiles:function(){for(var a,b=[].slice.call(arguments,0),c=[],d=0,f=this._queue.length;f>d;d++)a=this._queue[d],(!b.length||~e.inArray(a.getStatus(),b))&&c.push(a);return c},_fileAdded:function(a){var b=this,c=this._map[a.id];c||(this._map[a.id]=a,a.on("statuschange",function(a,c){b._onFileStatusChange(a,c)})),a.setStatus(f.QUEUED)},_onFileStatusChange:function(a,b){var c=this.stats;switch(b){case f.PROGRESS:c.numOfProgress--;break;case f.QUEUED:c.numOfQueue--;break;case f.ERROR:c.numOfUploadFailed--;break;case f.INVALID:c.numOfInvalid--}switch(a){case f.QUEUED:c.numOfQueue++;break;case f.PROGRESS:c.numOfProgress++;break;case f.ERROR:c.numOfUploadFailed++;break;case f.COMPLETE:c.numOfSuccess++;break;case f.CANCELLED:c.numOfCancel++;break;case f.INVALID:c.numOfInvalid++}}}),b.installTo(d.prototype),d}),b("widgets/queue",["base","uploader","queue","file","lib/file","runtime/client","widgets/widget"],function(a,b,c,d,e,f){var g=a.$,h=/\.\w+$/,i=d.Status;return b.register({"sort-files":"sortFiles","add-file":"addFiles","get-file":"getFile","fetch-file":"fetchFile","get-stats":"getStats","get-files":"getFiles","remove-file":"removeFile",retry:"retry",reset:"reset","accept-file":"acceptFile"},{init:function(b){var d,e,h,i,j,k,l,m=this;if(g.isPlainObject(b.accept)&&(b.accept=[b.accept]),b.accept){for(j=[],h=0,e=b.accept.length;e>h;h++)i=b.accept[h].extensions,i&&j.push(i);j.length&&(k="\\."+j.join(",").replace(/,/g,"$|\\.").replace(/\*/g,".*")+"$"),m.accept=new RegExp(k,"i")}return m.queue=new c,m.stats=m.queue.stats,"html5"===this.request("predict-runtime-type")?(d=a.Deferred(),l=new f("Placeholder"),l.connectRuntime({runtimeOrder:"html5"},function(){m._ruid=l.getRuid(),d.resolve()}),d.promise()):void 0},_wrapFile:function(a){if(!(a instanceof d)){if(!(a instanceof e)){if(!this._ruid)throw new Error("Can't add external files.");a=new e(this._ruid,a)}a=new d(a)}return a},acceptFile:function(a){var b=!a||a.size<6||this.accept&&h.exec(a.name)&&!this.accept.test(a.name);return!b},_addFile:function(a){var b=this;return a=b._wrapFile(a),b.owner.trigger("beforeFileQueued",a)?b.acceptFile(a)?(b.queue.append(a),b.owner.trigger("fileQueued",a),a):void b.owner.trigger("error","Q_TYPE_DENIED",a):void 0},getFile:function(a){return this.queue.getFile(a)},addFiles:function(a){var b=this;a.length||(a=[a]),a=g.map(a,function(a){return b._addFile(a)}),b.owner.trigger("filesQueued",a),b.options.auto&&b.request("start-upload")},getStats:function(){return this.stats},removeFile:function(a){var b=this;a=a.id?a:b.queue.getFile(a),a.setStatus(i.CANCELLED),b.owner.trigger("fileDequeued",a)},getFiles:function(){return this.queue.getFiles.apply(this.queue,arguments)},fetchFile:function(){return this.queue.fetch.apply(this.queue,arguments)},retry:function(a,b){var c,d,e,f=this;if(a)return a=a.id?a:f.queue.getFile(a),a.setStatus(i.QUEUED),void(b||f.request("start-upload"));for(c=f.queue.getFiles(i.ERROR),d=0,e=c.length;e>d;d++)a=c[d],a.setStatus(i.QUEUED);f.request("start-upload")},sortFiles:function(){return this.queue.sort.apply(this.queue,arguments)},reset:function(){this.queue=new c,this.stats=this.queue.stats}})}),b("widgets/runtime",["uploader","runtime/runtime","widgets/widget"],function(a,b){return a.support=function(){return b.hasRuntime.apply(b,arguments)},a.register({"predict-runtime-type":"predictRuntmeType"},{init:function(){if(!this.predictRuntmeType())throw Error("Runtime Error")},predictRuntmeType:function(){var a,c,d=this.options.runtimeOrder||b.orders,e=this.type;if(!e)for(d=d.split(/\s*,\s*/g),a=0,c=d.length;c>a;a++)if(b.hasRuntime(d[a])){this.type=e=d[a];break}return e}})}),b("lib/transport",["base","runtime/client","mediator"],function(a,b,c){function d(a){var c=this;a=c.options=e.extend(!0,{},d.options,a||{}),b.call(this,"Transport"),this._blob=null,this._formData=a.formData||{},this._headers=a.headers||{},this.on("progress",this._timeout),this.on("load error",function(){c.trigger("progress",1),clearTimeout(c._timer)})}var e=a.$;return d.options={server:"",method:"POST",withCredentials:!1,fileVal:"file",timeout:12e4,formData:{},headers:{},sendAsBinary:!1},e.extend(d.prototype,{appendBlob:function(a,b,c){var d=this,e=d.options;d.getRuid()&&d.disconnectRuntime(),d.connectRuntime(b.ruid,function(){d.exec("init")}),d._blob=b,e.fileVal=a||e.fileVal,e.filename=c||e.filename},append:function(a,b){"object"==typeof a?e.extend(this._formData,a):this._formData[a]=b},setRequestHeader:function(a,b){"object"==typeof a?e.extend(this._headers,a):this._headers[a]=b},send:function(a){this.exec("send",a),this._timeout()},abort:function(){return clearTimeout(this._timer),this.exec("abort")},destroy:function(){this.trigger("destroy"),this.off(),this.exec("destroy"),this.disconnectRuntime()},getResponse:function(){return this.exec("getResponse")},getResponseAsJson:function(){return this.exec("getResponseAsJson")},getStatus:function(){return this.exec("getStatus")},_timeout:function(){var a=this,b=a.options.timeout;b&&(clearTimeout(a._timer),a._timer=setTimeout(function(){a.abort(),a.trigger("error","timeout")},b))}}),c.installTo(d.prototype),d}),b("widgets/upload",["base","uploader","file","lib/transport","widgets/widget"],function(a,b,c,d){function e(a,b){for(var c,d=[],e=a.source,f=e.size,g=b?Math.ceil(f/b):1,h=0,i=0;g>i;)c=Math.min(b,f-h),d.push({file:a,start:h,end:b?h+c:f,total:f,chunks:g,chunk:i++}),h+=c;return a.blocks=d.concat(),a.remaning=d.length,{file:a,has:function(){return!!d.length},fetch:function(){return d.shift()}}}var f=a.$,g=a.isPromise,h=c.Status;f.extend(b.options,{prepareNextFile:!1,chunked:!1,chunkSize:5242880,chunkRetry:2,threads:3,formData:null}),b.register({"start-upload":"start","stop-upload":"stop","skip-file":"skipFile","is-in-progress":"isInProgress"},{init:function(){var b=this.owner;this.runing=!1,this.pool=[],this.pending=[],this.remaning=0,this.__tick=a.bindFn(this._tick,this),b.on("uploadComplete",function(a){a.blocks&&f.each(a.blocks,function(a,b){b.transport&&(b.transport.abort(),b.transport.destroy()),delete b.transport}),delete a.blocks,delete a.remaning})},start:function(){var b=this;f.each(b.request("get-files",h.INVALID),function(){b.request("remove-file",this)}),b.runing||(b.runing=!0,f.each(b.pool,function(a,c){var d=c.file;d.getStatus()===h.INTERRUPT&&(d.setStatus(h.PROGRESS),b._trigged=!1,c.transport&&c.transport.send())}),b._trigged=!1,b.owner.trigger("startUpload"),a.nextTick(b.__tick))},stop:function(a){var b=this;b.runing!==!1&&(b.runing=!1,a&&f.each(b.pool,function(a,b){b.transport&&b.transport.abort(),b.file.setStatus(h.INTERRUPT)}),b.owner.trigger("stopUpload"))},isInProgress:function(){return!!this.runing},getStats:function(){return this.request("get-stats")},skipFile:function(a,b){a=this.request("get-file",a),a.setStatus(b||h.COMPLETE),a.skipped=!0,a.blocks&&f.each(a.blocks,function(a,b){var c=b.transport;c&&(c.abort(),c.destroy(),delete b.transport)}),this.owner.trigger("uploadSkip",a)},_tick:function(){var b,c,d=this,e=d.options;return d._promise?d._promise.always(d.__tick):void(d.pool.length<e.threads&&(c=d._nextBlock())?(d._trigged=!1,b=function(b){d._promise=null,b&&b.file&&d._startSend(b),a.nextTick(d.__tick)},d._promise=g(c)?c.always(b):b(c)):d.remaning||d.getStats().numOfQueue||(d.runing=!1,d._trigged||a.nextTick(function(){d.owner.trigger("uploadFinished")}),d._trigged=!0))},_nextBlock:function(){var a,b,c=this,d=c._act,f=c.options;return d&&d.has()&&d.file.getStatus()===h.PROGRESS?(f.prepareNextFile&&!c.pending.length&&c._prepareNextFile(),d.fetch()):c.runing?(!c.pending.length&&c.getStats().numOfQueue&&c._prepareNextFile(),a=c.pending.shift(),b=function(a){return a?(d=e(a,f.chunked?f.chunkSize:0),c._act=d,d.fetch()):null},g(a)?a[a.pipe?"pipe":"then"](b):b(a)):void 0},_prepareNextFile:function(){var a,b=this,c=b.request("fetch-file"),d=b.pending;c&&(a=b.request("before-send-file",c,function(){return c.getStatus()===h.QUEUED?(b.owner.trigger("uploadStart",c),c.setStatus(h.PROGRESS),c):b._finishFile(c)}),a.done(function(){var b=f.inArray(a,d);~b&&d.splice(b,1,c)}),a.fail(function(a){c.setStatus(h.ERROR,a),b.owner.trigger("uploadError",c,a),b.owner.trigger("uploadComplete",c)}),d.push(a))},_popBlock:function(a){var b=f.inArray(a,this.pool);this.pool.splice(b,1),a.file.remaning--,this.remaning--},_startSend:function(b){var c,d=this,e=b.file;d.pool.push(b),d.remaning++,b.blob=1===b.chunks?e.source:e.source.slice(b.start,b.end),c=d.request("before-send",b,function(){e.getStatus()===h.PROGRESS?d._doSend(b):(d._popBlock(b),a.nextTick(d.__tick))}),c.fail(function(){1===e.remaning?d._finishFile(e).always(function(){b.percentage=1,d._popBlock(b),d.owner.trigger("uploadComplete",e),a.nextTick(d.__tick)}):(b.percentage=1,d._popBlock(b),a.nextTick(d.__tick))})},_doSend:function(b){var c,e,g=this,i=g.owner,j=g.options,k=b.file,l=new d(j),m=f.extend({},j.formData),n=f.extend({},j.headers);b.transport=l,l.on("destroy",function(){delete b.transport,g._popBlock(b),a.nextTick(g.__tick)}),l.on("progress",function(a){var c=0,d=0;c=b.percentage=a,b.chunks>1&&(f.each(k.blocks,function(a,b){d+=(b.percentage||0)*(b.end-b.start)}),c=d/k.size),i.trigger("uploadProgress",k,c||0)}),c=function(a){var c;return e=l.getResponseAsJson()||{},e._raw=l.getResponse(),c=function(b){a=b},i.trigger("uploadAccept",b,e,c)||(a=a||"server"),a},l.on("error",function(a,d){b.retried=b.retried||0,b.chunks>1&&~"http,abort".indexOf(a)&&b.retried<j.chunkRetry?(b.retried++,l.send()):(d||"server"!==a||(a=c(a)),k.setStatus(h.ERROR,a),i.trigger("uploadError",k,a),i.trigger("uploadComplete",k))}),l.on("load",function(){var a;return(a=c())?void l.trigger("error",a,!0):void(1===k.remaning?g._finishFile(k,e):l.destroy())}),m=f.extend(m,{id:k.id,name:k.name,type:k.type,lastModifiedDate:k.lastModifiedDate,size:k.size}),b.chunks>1&&f.extend(m,{chunks:b.chunks,chunk:b.chunk}),i.trigger("uploadBeforeSend",b,m,n),l.appendBlob(j.fileVal,b.blob,k.name),l.append(m),l.setRequestHeader(n),l.send()},_finishFile:function(a,b,c){var d=this.owner;return d.request("after-send-file",arguments,function(){a.setStatus(h.COMPLETE),d.trigger("uploadSuccess",a,b,c)}).fail(function(b){a.getStatus()===h.PROGRESS&&a.setStatus(h.ERROR,b),d.trigger("uploadError",a,b)}).always(function(){d.trigger("uploadComplete",a)})}})}),b("widgets/validator",["base","uploader","file","widgets/widget"],function(a,b,c){var d,e=a.$,f={};return d={addValidator:function(a,b){f[a]=b},removeValidator:function(a){delete f[a]}},b.register({init:function(){var a=this;e.each(f,function(){this.call(a.owner)})}}),d.addValidator("fileNumLimit",function(){var a=this,b=a.options,c=0,d=b.fileNumLimit>>0,e=!0;d&&(a.on("beforeFileQueued",function(a){return c>=d&&e&&(e=!1,this.trigger("error","Q_EXCEED_NUM_LIMIT",d,a),setTimeout(function(){e=!0},1)),c>=d?!1:!0}),a.on("fileQueued",function(){c++}),a.on("fileDequeued",function(){c--}),a.on("uploadFinished",function(){c=0}))}),d.addValidator("fileSizeLimit",function(){var a=this,b=a.options,c=0,d=b.fileSizeLimit>>0,e=!0;d&&(a.on("beforeFileQueued",function(a){var b=c+a.size>d;return b&&e&&(e=!1,this.trigger("error","Q_EXCEED_SIZE_LIMIT",d,a),setTimeout(function(){e=!0},1)),b?!1:!0}),a.on("fileQueued",function(a){c+=a.size}),a.on("fileDequeued",function(a){c-=a.size}),a.on("uploadFinished",function(){c=0}))}),d.addValidator("fileSingleSizeLimit",function(){var a=this,b=a.options,d=b.fileSingleSizeLimit;d&&a.on("beforeFileQueued",function(a){return a.size>d?(a.setStatus(c.Status.INVALID,"exceed_size"),this.trigger("error","F_EXCEED_SIZE",a),!1):void 0})}),d.addValidator("duplicate",function(){function a(a){for(var b,c=0,d=0,e=a.length;e>d;d++)b=a.charCodeAt(d),c=b+(c<<6)+(c<<16)-c;return c}var b=this,c=b.options,d={};c.duplicate||(b.on("beforeFileQueued",function(b){var c=b.__hash||(b.__hash=a(b.name+b.size+b.lastModifiedDate));return d[c]?(this.trigger("error","F_DUPLICATE",b),!1):void 0}),b.on("fileQueued",function(a){var b=a.__hash;b&&(d[b]=!0)}),b.on("fileDequeued",function(a){var b=a.__hash;b&&delete d[b]}))}),d}),b("runtime/compbase",[],function(){function a(a,b){this.owner=a,this.options=a.options,this.getRuntime=function(){return b},this.getRuid=function(){return b.uid},this.trigger=function(){return a.trigger.apply(a,arguments)}}return a}),b("runtime/html5/runtime",["base","runtime/runtime","runtime/compbase"],function(b,c,d){function e(){var a={},d=this,e=this.destory;c.apply(d,arguments),d.type=f,d.exec=function(c,e){var f,h=this,i=h.uid,j=b.slice(arguments,2);return g[c]&&(f=a[i]=a[i]||new g[c](h,d),f[e])?f[e].apply(f,j):void 0},d.destory=function(){return e&&e.apply(this,arguments)}}var f="html5",g={};return b.inherits(c,{constructor:e,init:function(){var a=this;setTimeout(function(){a.trigger("ready")},1)}}),e.register=function(a,c){var e=g[a]=b.inherits(d,c);return e},a.Blob&&a.FileReader&&a.DataView&&c.addRuntime(f,e),e}),b("runtime/html5/blob",["runtime/html5/runtime","lib/blob"],function(a,b){return a.register("Blob",{slice:function(a,c){var d=this.owner.source,e=d.slice||d.webkitSlice||d.mozSlice;return d=e.call(d,a,c),new b(this.getRuid(),d)}})}),b("runtime/html5/dnd",["base","runtime/html5/runtime","lib/file"],function(a,b,c){var d=a.$,e="webuploader-dnd-";return b.register("DragAndDrop",{init:function(){var b=this.elem=this.options.container;this.dragEnterHandler=a.bindFn(this._dragEnterHandler,this),this.dragOverHandler=a.bindFn(this._dragOverHandler,this),this.dragLeaveHandler=a.bindFn(this._dragLeaveHandler,this),this.dropHandler=a.bindFn(this._dropHandler,this),this.dndOver=!1,b.on("dragenter",this.dragEnterHandler),b.on("dragover",this.dragOverHandler),b.on("dragleave",this.dragLeaveHandler),b.on("drop",this.dropHandler),this.options.disableGlobalDnd&&(d(document).on("dragover",this.dragOverHandler),d(document).on("drop",this.dropHandler))},_dragEnterHandler:function(a){var b,c=this,d=c._denied||!1;return a=a.originalEvent||a,c.dndOver||(c.dndOver=!0,b=a.dataTransfer.items,b&&b.length&&(c._denied=d=!c.trigger("accept",b)),c.elem.addClass(e+"over"),c.elem[d?"addClass":"removeClass"](e+"denied")),a.dataTransfer.dropEffect=d?"none":"copy",!1},_dragOverHandler:function(a){var b=this.elem.parent().get(0);return b&&!d.contains(b,a.currentTarget)?!1:(clearTimeout(this._leaveTimer),this._dragEnterHandler.call(this,a),!1)},_dragLeaveHandler:function(){var a,b=this;return a=function(){b.dndOver=!1,b.elem.removeClass(e+"over "+e+"denied")},clearTimeout(b._leaveTimer),b._leaveTimer=setTimeout(a,100),!1},_dropHandler:function(a){var b=this,f=b.getRuid(),g=b.elem.parent().get(0);return g&&!d.contains(g,a.currentTarget)?!1:(b._getTansferFiles(a,function(a){b.trigger("drop",d.map(a,function(a){return new c(f,a)}))}),b.dndOver=!1,b.elem.removeClass(e+"over"),!1)},_getTansferFiles:function(b,c){var d,e,f,g,h,i,j,k,l=[],m=[];for(b=b.originalEvent||b,f=b.dataTransfer,d=f.items,e=f.files,k=!(!d||!d[0].webkitGetAsEntry),i=0,j=e.length;j>i;i++)g=e[i],h=d&&d[i],k&&h.webkitGetAsEntry().isDirectory?m.push(this._traverseDirectoryTree(h.webkitGetAsEntry(),l)):l.push(g);a.when.apply(a,m).done(function(){l.length&&c(l)})},_traverseDirectoryTree:function(b,c){var d=a.Deferred(),e=this;return b.isFile?b.file(function(a){c.push(a),d.resolve()}):b.isDirectory&&b.createReader().readEntries(function(b){var f,g=b.length,h=[],i=[];for(f=0;g>f;f++)h.push(e._traverseDirectoryTree(b[f],i));a.when.apply(a,h).then(function(){c.push.apply(c,i),d.resolve()},d.reject)}),d.promise()},destroy:function(){var a=this.elem;a.off("dragenter",this.dragEnterHandler),a.off("dragover",this.dragEnterHandler),a.off("dragleave",this.dragLeaveHandler),a.off("drop",this.dropHandler),this.options.disableGlobalDnd&&(d(document).off("dragover",this.dragOverHandler),d(document).off("drop",this.dropHandler))}})}),b("runtime/html5/filepaste",["base","runtime/html5/runtime","lib/file"],function(a,b,c){return b.register("FilePaste",{init:function(){var b,c,d,e,f=this.options,g=this.elem=f.container,h=".*";if(f.accept){for(b=[],c=0,d=f.accept.length;d>c;c++)e=f.accept[c].mimeTypes,e&&b.push(e);b.length&&(h=b.join(","),h=h.replace(/,/g,"|").replace(/\*/g,".*"))
+}this.accept=h=new RegExp(h,"i"),this.hander=a.bindFn(this._pasteHander,this),g.on("paste",this.hander)},_pasteHander:function(a){var b,d,e,f,g,h=[],i=this.getRuid();for(a=a.originalEvent||a,b=a.clipboardData.items,f=0,g=b.length;g>f;f++)d=b[f],"file"===d.kind&&(e=d.getAsFile())&&h.push(new c(i,e));h.length&&(a.preventDefault(),a.stopPropagation(),this.trigger("paste",h))},destroy:function(){this.elem.off("paste",this.hander)}})}),b("runtime/html5/filepicker",["base","runtime/html5/runtime"],function(a,b){var c=a.$;return b.register("FilePicker",{init:function(){var a,b,d,e,f=this.getRuntime().getContainer(),g=this,h=g.owner,i=g.options,j=c(document.createElement("label")),k=c(document.createElement("input"));if(k.attr("type","file"),k.attr("name",i.name),k.addClass("webuploader-element-invisible"),j.on("click",function(){k.trigger("click")}),j.css({opacity:0,width:"100%",height:"100%",display:"block",cursor:"pointer",background:"#ffffff"}),i.multiple&&k.attr("multiple","multiple"),i.accept&&i.accept.length>0){for(a=[],b=0,d=i.accept.length;d>b;b++)a.push(i.accept[b].mimeTypes);k.attr("accept",a.join(","))}f.append(k),f.append(j),e=function(a){h.trigger(a.type)},k.on("change",function(a){var b,d=arguments.callee;g.files=a.target.files,b=this.cloneNode(!0),this.parentNode.replaceChild(b,this),k.off(),k=c(b).on("change",d).on("mouseenter mouseleave",e),h.trigger("change")}),j.on("mouseenter mouseleave",e)},getFiles:function(){return this.files},destroy:function(){}})}),b("runtime/html5/transport",["base","runtime/html5/runtime"],function(a,b){var c=a.noop,d=a.$;return b.register("Transport",{init:function(){this._status=0,this._response=null},send:function(){var b,c,e,f=this.owner,g=this.options,h=this._initAjax(),i=f._blob,j=g.server;g.sendAsBinary?(j+=(/\?/.test(j)?"&":"?")+d.param(f._formData),c=i.getSource()):(b=new FormData,d.each(f._formData,function(a,c){b.append(a,c)}),b.append(g.fileVal,i.getSource(),g.filename||f._formData.name||"")),g.withCredentials&&"withCredentials"in h?(h.open(g.method,j,!0),h.withCredentials=!0):h.open(g.method,j),this._setRequestHeader(h,g.headers),c?(h.overrideMimeType("application/octet-stream"),a.os.android?(e=new FileReader,e.onload=function(){h.send(this.result),e=e.onload=null},e.readAsArrayBuffer(c)):h.send(c)):h.send(b)},getResponse:function(){return this._response},getResponseAsJson:function(){return this._parseJson(this._response)},getStatus:function(){return this._status},abort:function(){var a=this._xhr;a&&(a.upload.onprogress=c,a.onreadystatechange=c,a.abort(),this._xhr=a=null)},destroy:function(){this.abort()},_initAjax:function(){var a=this,b=new XMLHttpRequest,d=this.options;return!d.withCredentials||"withCredentials"in b||"undefined"==typeof XDomainRequest||(b=new XDomainRequest),b.upload.onprogress=function(b){var c=0;return b.lengthComputable&&(c=b.loaded/b.total),a.trigger("progress",c)},b.onreadystatechange=function(){return 4===b.readyState?(b.upload.onprogress=c,b.onreadystatechange=c,a._xhr=null,a._status=b.status,b.status>=200&&b.status<300?(a._response=b.responseText,a.trigger("load")):b.status>=500&&b.status<600?(a._response=b.responseText,a.trigger("error","server")):a.trigger("error",a._status?"http":"abort")):void 0},a._xhr=b,b},_setRequestHeader:function(a,b){d.each(b,function(b,c){a.setRequestHeader(b,c)})},_parseJson:function(a){var b;try{b=JSON.parse(a)}catch(c){b={}}return b}})}),b("runtime/flash/runtime",["base","runtime/runtime","runtime/compbase"],function(b,c,d){function e(){var a;try{a=navigator.plugins["Shockwave Flash"],a=a.description}catch(b){try{a=new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version")}catch(c){a="0.0"}}return a=a.match(/\d+/g),parseFloat(a[0]+"."+a[1],10)}function f(){function d(a,b){var c,d,e=a.type||a;c=e.split("::"),d=c[0],e=c[1],"Ready"===e&&d===j.uid?j.trigger("ready"):f[d]&&f[d].trigger(e.toLowerCase(),a,b)}var e={},f={},g=this.destory,j=this,k=b.guid("webuploader_");c.apply(j,arguments),j.type=h,j.exec=function(a,c){var d,g=this,h=g.uid,k=b.slice(arguments,2);return f[h]=g,i[a]&&(e[h]||(e[h]=new i[a](g,j)),d=e[h],d[c])?d[c].apply(d,k):j.flashExec.apply(g,arguments)},a[k]=function(){var a=arguments;setTimeout(function(){d.apply(null,a)},1)},this.jsreciver=k,this.destory=function(){return g&&g.apply(this,arguments)},this.flashExec=function(a,c){var d=j.getFlash(),e=b.slice(arguments,2);return d.exec(this.uid,a,c,e)}}var g=b.$,h="flash",i={};return b.inherits(c,{constructor:f,init:function(){var a,c=this.getContainer(),d=this.options;c.css({position:"absolute",top:"-8px",left:"-8px",width:"9px",height:"9px",overflow:"hidden"}),a='<object id="'+this.uid+'" type="application/x-shockwave-flash" data="'+d.swf+'" ',b.browser.ie&&(a+='classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" '),a+='width="100%" height="100%" style="outline:0"><param name="movie" value="'+d.swf+'" /><param name="flashvars" value="uid='+this.uid+"&jsreciver="+this.jsreciver+'" /><param name="wmode" value="transparent" /><param name="allowscriptaccess" value="always" /></object>',c.html(a)},getFlash:function(){return this._flash?this._flash:(this._flash=g("#"+this.uid).get(0),this._flash)}}),f.register=function(a,c){return c=i[a]=b.inherits(d,g.extend({flashExec:function(){var a=this.owner,b=this.getRuntime();return b.flashExec.apply(a,arguments)}},c))},e()>=11.4&&c.addRuntime(h,f),f}),b("runtime/flash/filepicker",["base","runtime/flash/runtime"],function(a,b){var c=a.$;return b.register("FilePicker",{init:function(a){var b,d,e=c.extend({},a);for(b=e.accept&&e.accept.length,d=0;b>d;d++)e.accept[d].title||(e.accept[d].title="Files");delete e.button,delete e.container,this.flashExec("FilePicker","init",e)},destroy:function(){}})}),b("runtime/flash/transport",["base","runtime/flash/runtime","runtime/client"],function(a,b,c){var d=a.$;return b.register("Transport",{init:function(){this._status=0,this._response=null,this._responseJson=null},send:function(){var a,b=this.owner,c=this.options,e=this._initAjax(),f=b._blob,g=c.server;e.connectRuntime(f.ruid),c.sendAsBinary?(g+=(/\?/.test(g)?"&":"?")+d.param(b._formData),a=f.uid):(d.each(b._formData,function(a,b){e.exec("append",a,b)}),e.exec("appendBlob",c.fileVal,f.uid,c.filename||b._formData.name||"")),this._setRequestHeader(e,c.headers),e.exec("send",{method:c.method,url:g},a)},getStatus:function(){return this._status},getResponse:function(){return this._response},getResponseAsJson:function(){return this._responseJson},abort:function(){var a=this._xhr;a&&(a.exec("abort"),a.destroy(),this._xhr=a=null)},destroy:function(){this.abort()},_initAjax:function(){var a=this,b=new c("XMLHttpRequest");return b.on("uploadprogress progress",function(b){return a.trigger("progress",b.loaded/b.total)}),b.on("load",function(){var c=b.exec("getStatus"),d="";return b.off(),a._xhr=null,c>=200&&300>c?(a._response=b.exec("getResponse"),a._responseJson=b.exec("getResponseAsJson")):c>=500&&600>c?(a._response=b.exec("getResponse"),a._responseJson=b.exec("getResponseAsJson"),d="server"):d="http",b.destroy(),b=null,d?a.trigger("error",d):a.trigger("load")}),b.on("error",function(){b.off(),a._xhr=null,a.trigger("error","http")}),a._xhr=b,b},_setRequestHeader:function(a,b){d.each(b,function(b,c){a.exec("setRequestHeader",b,c)})}})}),b("preset/withoutimage",["base","widgets/filednd","widgets/filepaste","widgets/filepicker","widgets/queue","widgets/runtime","widgets/upload","widgets/validator","runtime/html5/blob","runtime/html5/dnd","runtime/html5/filepaste","runtime/html5/filepicker","runtime/html5/transport","runtime/flash/filepicker","runtime/flash/transport"],function(a){return a}),b("webuploader",["preset/withoutimage"],function(a){return a}),c("webuploader")});
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/xss.min.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/xss.min.js
new file mode 100644
index 000000000..48d788078
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/xss.min.js
@@ -0,0 +1 @@
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){var FilterCSS=require("cssfilter").FilterCSS;var _=require("./util");function getDefaultWhiteList(){return{a:["target","href","title"],abbr:["title"],address:[],area:["shape","coords","href","alt"],article:[],aside:[],audio:["autoplay","controls","loop","preload","src"],b:[],bdi:["dir"],bdo:["dir"],big:[],blockquote:["cite"],br:[],caption:[],center:[],cite:[],code:[],col:["align","valign","span","width"],colgroup:["align","valign","span","width"],dd:[],del:["datetime"],details:["open"],div:[],dl:[],dt:[],em:[],font:["color","size","face"],footer:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],header:[],hr:[],i:[],img:["src","alt","title","width","height"],ins:["datetime"],li:[],mark:[],nav:[],ol:[],p:[],pre:[],s:[],section:[],small:[],span:[],sub:[],sup:[],strong:[],table:["width","border","align","valign"],tbody:["align","valign"],td:["width","rowspan","colspan","align","valign"],tfoot:["align","valign"],th:["width","rowspan","colspan","align","valign"],thead:["align","valign"],tr:["rowspan","align","valign"],tt:[],u:[],ul:[],video:["autoplay","controls","loop","preload","src","height","width"]}}var defaultCSSFilter=new FilterCSS;function onTag(tag,html,options){}function onIgnoreTag(tag,html,options){}function onTagAttr(tag,name,value){}function onIgnoreTagAttr(tag,name,value){}function escapeHtml(html){return html.replace(REGEXP_LT,"&lt;").replace(REGEXP_GT,"&gt;")}function safeAttrValue(tag,name,value,cssFilter){cssFilter=cssFilter||defaultCSSFilter;value=friendlyAttrValue(value);if(name==="href"||name==="src"){value=_.trim(value);if(value==="#")return"#";if(!(value.substr(0,7)==="http://"||value.substr(0,8)==="https://"||value.substr(0,7)==="mailto:"||value[0]==="#"||value[0]==="/")){return""}}else if(name==="background"){REGEXP_DEFAULT_ON_TAG_ATTR_4.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_4.test(value)){return""}}else if(name==="style"){REGEXP_DEFAULT_ON_TAG_ATTR_7.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_7.test(value)){return""}REGEXP_DEFAULT_ON_TAG_ATTR_8.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_8.test(value)){REGEXP_DEFAULT_ON_TAG_ATTR_4.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_4.test(value)){return""}}value=cssFilter.process(value)}value=escapeAttrValue(value);return value}var REGEXP_LT=/</g;var REGEXP_GT=/>/g;var REGEXP_QUOTE=/"/g;var REGEXP_QUOTE_2=/&quot;/g;var REGEXP_ATTR_VALUE_1=/&#([a-zA-Z0-9]*);?/gim;var REGEXP_ATTR_VALUE_COLON=/&colon;?/gim;var REGEXP_ATTR_VALUE_NEWLINE=/&newline;?/gim;var REGEXP_DEFAULT_ON_TAG_ATTR_3=/\/\*|\*\//gm;var REGEXP_DEFAULT_ON_TAG_ATTR_4=/((j\s*a\s*v\s*a|v\s*b|l\s*i\s*v\s*e)\s*s\s*c\s*r\s*i\s*p\s*t\s*|m\s*o\s*c\s*h\s*a)\:/gi;var REGEXP_DEFAULT_ON_TAG_ATTR_5=/^[\s"'`]*(d\s*a\s*t\s*a\s*)\:/gi;var REGEXP_DEFAULT_ON_TAG_ATTR_6=/^[\s"'`]*(d\s*a\s*t\s*a\s*)\:\s*image\//gi;var REGEXP_DEFAULT_ON_TAG_ATTR_7=/e\s*x\s*p\s*r\s*e\s*s\s*s\s*i\s*o\s*n\s*\(.*/gi;var REGEXP_DEFAULT_ON_TAG_ATTR_8=/u\s*r\s*l\s*\(.*/gi;function escapeQuote(str){return str.replace(REGEXP_QUOTE,"&quot;")}function unescapeQuote(str){return str.replace(REGEXP_QUOTE_2,'"')}function escapeHtmlEntities(str){return str.replace(REGEXP_ATTR_VALUE_1,function replaceUnicode(str,code){return code[0]==="x"||code[0]==="X"?String.fromCharCode(parseInt(code.substr(1),16)):String.fromCharCode(parseInt(code,10))})}function escapeDangerHtml5Entities(str){return str.replace(REGEXP_ATTR_VALUE_COLON,":").replace(REGEXP_ATTR_VALUE_NEWLINE," ")}function clearNonPrintableCharacter(str){var str2="";for(var i=0,len=str.length;i<len;i++){str2+=str.charCodeAt(i)<32?" ":str.charAt(i)}return _.trim(str2)}function friendlyAttrValue(str){str=unescapeQuote(str);str=escapeHtmlEntities(str);str=escapeDangerHtml5Entities(str);str=clearNonPrintableCharacter(str);return str}function escapeAttrValue(str){str=escapeQuote(str);str=escapeHtml(str);return str}function onIgnoreTagStripAll(){return""}function StripTagBody(tags,next){if(typeof next!=="function"){next=function(){}}var isRemoveAllTag=!Array.isArray(tags);function isRemoveTag(tag){if(isRemoveAllTag)return true;return _.indexOf(tags,tag)!==-1}var removeList=[];var posStart=false;return{onIgnoreTag:function(tag,html,options){if(isRemoveTag(tag)){if(options.isClosing){var ret="[/removed]";var end=options.position+ret.length;removeList.push([posStart!==false?posStart:options.position,end]);posStart=false;return ret}else{if(!posStart){posStart=options.position}return"[removed]"}}else{return next(tag,html,options)}},remove:function(html){var rethtml="";var lastPos=0;_.forEach(removeList,function(pos){rethtml+=html.slice(lastPos,pos[0]);lastPos=pos[1]});rethtml+=html.slice(lastPos);return rethtml}}}function stripCommentTag(html){return html.replace(STRIP_COMMENT_TAG_REGEXP,"")}var STRIP_COMMENT_TAG_REGEXP=/<!--[\s\S]*?-->/g;function stripBlankChar(html){var chars=html.split("");chars=chars.filter(function(char){var c=char.charCodeAt(0);if(c===127)return false;if(c<=31){if(c===10||c===13)return true;return false}return true});return chars.join("")}exports.whiteList=getDefaultWhiteList();exports.getDefaultWhiteList=getDefaultWhiteList;exports.onTag=onTag;exports.onIgnoreTag=onIgnoreTag;exports.onTagAttr=onTagAttr;exports.onIgnoreTagAttr=onIgnoreTagAttr;exports.safeAttrValue=safeAttrValue;exports.escapeHtml=escapeHtml;exports.escapeQuote=escapeQuote;exports.unescapeQuote=unescapeQuote;exports.escapeHtmlEntities=escapeHtmlEntities;exports.escapeDangerHtml5Entities=escapeDangerHtml5Entities;exports.clearNonPrintableCharacter=clearNonPrintableCharacter;exports.friendlyAttrValue=friendlyAttrValue;exports.escapeAttrValue=escapeAttrValue;exports.onIgnoreTagStripAll=onIgnoreTagStripAll;exports.StripTagBody=StripTagBody;exports.stripCommentTag=stripCommentTag;exports.stripBlankChar=stripBlankChar;exports.cssFilter=defaultCSSFilter},{"./util":4,cssfilter:8}],2:[function(require,module,exports){var DEFAULT=require("./default");var parser=require("./parser");var FilterXSS=require("./xss");function filterXSS(html,options){var xss=new FilterXSS(options);return xss.process(html)}exports=module.exports=filterXSS;exports.FilterXSS=FilterXSS;for(var i in DEFAULT)exports[i]=DEFAULT[i];for(var i in parser)exports[i]=parser[i];if(typeof window!=="undefined"){window.filterXSS=module.exports}},{"./default":1,"./parser":3,"./xss":5}],3:[function(require,module,exports){var _=require("./util");function getTagName(html){var i=html.indexOf(" ");if(i===-1){var tagName=html.slice(1,-1)}else{var tagName=html.slice(1,i+1)}tagName=_.trim(tagName).toLowerCase();if(tagName.slice(0,1)==="/")tagName=tagName.slice(1);if(tagName.slice(-1)==="/")tagName=tagName.slice(0,-1);return tagName}function isClosing(html){return html.slice(0,2)==="</"}function parseTag(html,onTag,escapeHtml){"user strict";var rethtml="";var lastPos=0;var tagStart=false;var quoteStart=false;var currentPos=0;var len=html.length;var currentHtml="";var currentTagName="";for(currentPos=0;currentPos<len;currentPos++){var c=html.charAt(currentPos);if(tagStart===false){if(c==="<"){tagStart=currentPos;continue}}else{if(quoteStart===false){if(c==="<"){rethtml+=escapeHtml(html.slice(lastPos,currentPos));tagStart=currentPos;lastPos=currentPos;continue}if(c===">"){rethtml+=escapeHtml(html.slice(lastPos,tagStart));currentHtml=html.slice(tagStart,currentPos+1);currentTagName=getTagName(currentHtml);rethtml+=onTag(tagStart,rethtml.length,currentTagName,currentHtml,isClosing(currentHtml));lastPos=currentPos+1;tagStart=false;continue}if((c==='"'||c==="'")&&html.charAt(currentPos-1)==="="){quoteStart=c;continue}}else{if(c===quoteStart){quoteStart=false;continue}}}}if(lastPos<html.length){rethtml+=escapeHtml(html.substr(lastPos))}return rethtml}var REGEXP_ATTR_NAME=/[^a-zA-Z0-9_:\.\-]/gim;function parseAttr(html,onAttr){"user strict";var lastPos=0;var retAttrs=[];var tmpName=false;var len=html.length;function addAttr(name,value){name=_.trim(name);name=name.replace(REGEXP_ATTR_NAME,"").toLowerCase();if(name.length<1)return;var ret=onAttr(name,value||"");if(ret)retAttrs.push(ret)}for(var i=0;i<len;i++){var c=html.charAt(i);var v,j;if(tmpName===false&&c==="="){tmpName=html.slice(lastPos,i);lastPos=i+1;continue}if(tmpName!==false){if(i===lastPos&&(c==='"'||c==="'")&&html.charAt(i-1)==="="){j=html.indexOf(c,i+1);if(j===-1){break}else{v=_.trim(html.slice(lastPos+1,j));addAttr(tmpName,v);tmpName=false;i=j;lastPos=i+1;continue}}}if(c===" "){if(tmpName===false){j=findNextEqual(html,i);if(j===-1){v=_.trim(html.slice(lastPos,i));addAttr(v);tmpName=false;lastPos=i+1;continue}else{i=j-1;continue}}else{j=findBeforeEqual(html,i-1);if(j===-1){v=_.trim(html.slice(lastPos,i));v=stripQuoteWrap(v);addAttr(tmpName,v);tmpName=false;lastPos=i+1;continue}else{continue}}}}if(lastPos<html.length){if(tmpName===false){addAttr(html.slice(lastPos))}else{addAttr(tmpName,stripQuoteWrap(_.trim(html.slice(lastPos))))}}return _.trim(retAttrs.join(" "))}function findNextEqual(str,i){for(;i<str.length;i++){var c=str[i];if(c===" ")continue;if(c==="=")return i;return-1}}function findBeforeEqual(str,i){for(;i>0;i--){var c=str[i];if(c===" ")continue;if(c==="=")return i;return-1}}function isQuoteWrapString(text){if(text[0]==='"'&&text[text.length-1]==='"'||text[0]==="'"&&text[text.length-1]==="'"){return true}else{return false}}function stripQuoteWrap(text){if(isQuoteWrapString(text)){return text.substr(1,text.length-2)}else{return text}}exports.parseTag=parseTag;exports.parseAttr=parseAttr},{"./util":4}],4:[function(require,module,exports){module.exports={indexOf:function(arr,item){var i,j;if(Array.prototype.indexOf){return arr.indexOf(item)}for(i=0,j=arr.length;i<j;i++){if(arr[i]===item){return i}}return-1},forEach:function(arr,fn,scope){var i,j;if(Array.prototype.forEach){return arr.forEach(fn,scope)}for(i=0,j=arr.length;i<j;i++){fn.call(scope,arr[i],i,arr)}},trim:function(str){if(String.prototype.trim){return str.trim()}return str.replace(/(^\s*)|(\s*$)/g,"")}}},{}],5:[function(require,module,exports){var FilterCSS=require("cssfilter").FilterCSS;var DEFAULT=require("./default");var parser=require("./parser");var parseTag=parser.parseTag;var parseAttr=parser.parseAttr;var _=require("./util");function isNull(obj){return obj===undefined||obj===null}function getAttrs(html){var i=html.indexOf(" ");if(i===-1){return{html:"",closing:html[html.length-2]==="/"}}html=_.trim(html.slice(i+1,-1));var isClosing=html[html.length-1]==="/";if(isClosing)html=_.trim(html.slice(0,-1));return{html:html,closing:isClosing}}function FilterXSS(options){options=options||{};if(options.stripIgnoreTag){if(options.onIgnoreTag){console.error('Notes: cannot use these two options "stripIgnoreTag" and "onIgnoreTag" at the same time')}options.onIgnoreTag=DEFAULT.onIgnoreTagStripAll}options.whiteList=options.whiteList||DEFAULT.whiteList;options.onTag=options.onTag||DEFAULT.onTag;options.onTagAttr=options.onTagAttr||DEFAULT.onTagAttr;options.onIgnoreTag=options.onIgnoreTag||DEFAULT.onIgnoreTag;options.onIgnoreTagAttr=options.onIgnoreTagAttr||DEFAULT.onIgnoreTagAttr;options.safeAttrValue=options.safeAttrValue||DEFAULT.safeAttrValue;options.escapeHtml=options.escapeHtml||DEFAULT.escapeHtml;options.css=options.css||{};this.options=options;this.cssFilter=new FilterCSS(options.css)}FilterXSS.prototype.process=function(html){html=html||"";html=html.toString();if(!html)return"";var me=this;var options=me.options;var whiteList=options.whiteList;var onTag=options.onTag;var onIgnoreTag=options.onIgnoreTag;var onTagAttr=options.onTagAttr;var onIgnoreTagAttr=options.onIgnoreTagAttr;var safeAttrValue=options.safeAttrValue;var escapeHtml=options.escapeHtml;var cssFilter=me.cssFilter;if(options.stripBlankChar){html=DEFAULT.stripBlankChar(html)}if(!options.allowCommentTag){html=DEFAULT.stripCommentTag(html)}var stripIgnoreTagBody=false;if(options.stripIgnoreTagBody){var stripIgnoreTagBody=DEFAULT.StripTagBody(options.stripIgnoreTagBody,onIgnoreTag);onIgnoreTag=stripIgnoreTagBody.onIgnoreTag}var retHtml=parseTag(html,function(sourcePosition,position,tag,html,isClosing){var info={sourcePosition:sourcePosition,position:position,isClosing:isClosing,isWhite:tag in whiteList};var ret=onTag(tag,html,info);if(!isNull(ret))return ret;if(info.isWhite){if(info.isClosing){return"</"+tag+">"}var attrs=getAttrs(html);var whiteAttrList=whiteList[tag];var attrsHtml=parseAttr(attrs.html,function(name,value){var isWhiteAttr=_.indexOf(whiteAttrList,name)!==-1;var ret=onTagAttr(tag,name,value,isWhiteAttr);if(!isNull(ret))return ret;if(isWhiteAttr){value=safeAttrValue(tag,name,value,cssFilter);if(value){return name+'="'+value+'"'}else{return name}}else{var ret=onIgnoreTagAttr(tag,name,value,isWhiteAttr);if(!isNull(ret))return ret;return}});var html="<"+tag;if(attrsHtml)html+=" "+attrsHtml;if(attrs.closing)html+=" /";html+=">";return html}else{var ret=onIgnoreTag(tag,html,info);if(!isNull(ret))return ret;return escapeHtml(html)}},escapeHtml);if(stripIgnoreTagBody){retHtml=stripIgnoreTagBody.remove(retHtml)}return retHtml};module.exports=FilterXSS},{"./default":1,"./parser":3,"./util":4,cssfilter:8}],6:[function(require,module,exports){var DEFAULT=require("./default");var parseStyle=require("./parser");var _=require("./util");function isNull(obj){return obj===undefined||obj===null}function FilterCSS(options){options=options||{};options.whiteList=options.whiteList||DEFAULT.whiteList;options.onAttr=options.onAttr||DEFAULT.onAttr;options.onIgnoreAttr=options.onIgnoreAttr||DEFAULT.onIgnoreAttr;this.options=options}FilterCSS.prototype.process=function(css){css=css||"";css=css.toString();if(!css)return"";var me=this;var options=me.options;var whiteList=options.whiteList;var onAttr=options.onAttr;var onIgnoreAttr=options.onIgnoreAttr;var retCSS=parseStyle(css,function(sourcePosition,position,name,value,source){var check=whiteList[name];var isWhite=false;if(check===true)isWhite=check;else if(typeof check==="function")isWhite=check(value);else if(check instanceof RegExp)isWhite=check.test(value);if(isWhite!==true)isWhite=false;var opts={position:position,sourcePosition:sourcePosition,source:source,isWhite:isWhite};if(isWhite){var ret=onAttr(name,value,opts);if(isNull(ret)){return name+":"+value}else{return ret}}else{var ret=onIgnoreAttr(name,value,opts);if(!isNull(ret)){return ret}}});return retCSS};module.exports=FilterCSS},{"./default":7,"./parser":9,"./util":10}],7:[function(require,module,exports){function getDefaultWhiteList(){var whiteList={};whiteList["align-content"]=false;whiteList["align-items"]=false;whiteList["align-self"]=false;whiteList["alignment-adjust"]=false;whiteList["alignment-baseline"]=false;whiteList["all"]=false;whiteList["anchor-point"]=false;whiteList["animation"]=false;whiteList["animation-delay"]=false;whiteList["animation-direction"]=false;whiteList["animation-duration"]=false;whiteList["animation-fill-mode"]=false;whiteList["animation-iteration-count"]=false;whiteList["animation-name"]=false;whiteList["animation-play-state"]=false;whiteList["animation-timing-function"]=false;whiteList["azimuth"]=false;whiteList["backface-visibility"]=false;whiteList["background"]=true;whiteList["background-attachment"]=true;whiteList["background-clip"]=true;whiteList["background-color"]=true;whiteList["background-image"]=true;whiteList["background-origin"]=true;whiteList["background-position"]=true;whiteList["background-repeat"]=true;whiteList["background-size"]=true;whiteList["baseline-shift"]=false;whiteList["binding"]=false;whiteList["bleed"]=false;whiteList["bookmark-label"]=false;whiteList["bookmark-level"]=false;whiteList["bookmark-state"]=false;whiteList["border"]=true;whiteList["border-bottom"]=true;whiteList["border-bottom-color"]=true;whiteList["border-bottom-left-radius"]=true;whiteList["border-bottom-right-radius"]=true;whiteList["border-bottom-style"]=true;whiteList["border-bottom-width"]=true;whiteList["border-collapse"]=true;whiteList["border-color"]=true;whiteList["border-image"]=true;whiteList["border-image-outset"]=true;whiteList["border-image-repeat"]=true;whiteList["border-image-slice"]=true;whiteList["border-image-source"]=true;whiteList["border-image-width"]=true;whiteList["border-left"]=true;whiteList["border-left-color"]=true;whiteList["border-left-style"]=true;whiteList["border-left-width"]=true;whiteList["border-radius"]=true;whiteList["border-right"]=true;whiteList["border-right-color"]=true;whiteList["border-right-style"]=true;whiteList["border-right-width"]=true;whiteList["border-spacing"]=true;whiteList["border-style"]=true;whiteList["border-top"]=true;whiteList["border-top-color"]=true;whiteList["border-top-left-radius"]=true;whiteList["border-top-right-radius"]=true;whiteList["border-top-style"]=true;whiteList["border-top-width"]=true;whiteList["border-width"]=true;whiteList["bottom"]=false;whiteList["box-decoration-break"]=true;whiteList["box-shadow"]=true;whiteList["box-sizing"]=true;whiteList["box-snap"]=true;whiteList["box-suppress"]=true;whiteList["break-after"]=true;whiteList["break-before"]=true;whiteList["break-inside"]=true;whiteList["caption-side"]=false;whiteList["chains"]=false;whiteList["clear"]=true;whiteList["clip"]=false;whiteList["clip-path"]=false;whiteList["clip-rule"]=false;whiteList["color"]=true;whiteList["color-interpolation-filters"]=true;whiteList["column-count"]=false;whiteList["column-fill"]=false;whiteList["column-gap"]=false;whiteList["column-rule"]=false;whiteList["column-rule-color"]=false;whiteList["column-rule-style"]=false;whiteList["column-rule-width"]=false;whiteList["column-span"]=false;whiteList["column-width"]=false;whiteList["columns"]=false;whiteList["contain"]=false;whiteList["content"]=false;whiteList["counter-increment"]=false;whiteList["counter-reset"]=false;whiteList["counter-set"]=false;whiteList["crop"]=false;whiteList["cue"]=false;whiteList["cue-after"]=false;whiteList["cue-before"]=false;whiteList["cursor"]=false;whiteList["direction"]=false;whiteList["display"]=true;whiteList["display-inside"]=true;whiteList["display-list"]=true;whiteList["display-outside"]=true;whiteList["dominant-baseline"]=false;whiteList["elevation"]=false;whiteList["empty-cells"]=false;whiteList["filter"]=false;whiteList["flex"]=false;whiteList["flex-basis"]=false;whiteList["flex-direction"]=false;whiteList["flex-flow"]=false;whiteList["flex-grow"]=false;whiteList["flex-shrink"]=false;whiteList["flex-wrap"]=false;whiteList["float"]=false;whiteList["float-offset"]=false;whiteList["flood-color"]=false;whiteList["flood-opacity"]=false;whiteList["flow-from"]=false;whiteList["flow-into"]=false;whiteList["font"]=true;whiteList["font-family"]=true;whiteList["font-feature-settings"]=true;whiteList["font-kerning"]=true;whiteList["font-language-override"]=true;whiteList["font-size"]=true;whiteList["font-size-adjust"]=true;whiteList["font-stretch"]=true;whiteList["font-style"]=true;whiteList["font-synthesis"]=true;whiteList["font-variant"]=true;whiteList["font-variant-alternates"]=true;whiteList["font-variant-caps"]=true;whiteList["font-variant-east-asian"]=true;whiteList["font-variant-ligatures"]=true;whiteList["font-variant-numeric"]=true;whiteList["font-variant-position"]=true;whiteList["font-weight"]=true;whiteList["grid"]=false;whiteList["grid-area"]=false;whiteList["grid-auto-columns"]=false;whiteList["grid-auto-flow"]=false;whiteList["grid-auto-rows"]=false;whiteList["grid-column"]=false;whiteList["grid-column-end"]=false;whiteList["grid-column-start"]=false;whiteList["grid-row"]=false;whiteList["grid-row-end"]=false;whiteList["grid-row-start"]=false;whiteList["grid-template"]=false;whiteList["grid-template-areas"]=false;whiteList["grid-template-columns"]=false;whiteList["grid-template-rows"]=false;whiteList["hanging-punctuation"]=false;whiteList["height"]=true;whiteList["hyphens"]=false;whiteList["icon"]=false;whiteList["image-orientation"]=false;whiteList["image-resolution"]=false;whiteList["ime-mode"]=false;whiteList["initial-letters"]=false;whiteList["inline-box-align"]=false;whiteList["justify-content"]=false;whiteList["justify-items"]=false;whiteList["justify-self"]=false;whiteList["left"]=false;whiteList["letter-spacing"]=true;whiteList["lighting-color"]=true;whiteList["line-box-contain"]=false;whiteList["line-break"]=false;whiteList["line-grid"]=false;whiteList["line-height"]=false;whiteList["line-snap"]=false;whiteList["line-stacking"]=false;whiteList["line-stacking-ruby"]=false;whiteList["line-stacking-shift"]=false;whiteList["line-stacking-strategy"]=false;whiteList["list-style"]=true;whiteList["list-style-image"]=true;whiteList["list-style-position"]=true;whiteList["list-style-type"]=true;whiteList["margin"]=true;whiteList["margin-bottom"]=true;whiteList["margin-left"]=true;whiteList["margin-right"]=true;whiteList["margin-top"]=true;whiteList["marker-offset"]=false;whiteList["marker-side"]=false;whiteList["marks"]=false;whiteList["mask"]=false;whiteList["mask-box"]=false;whiteList["mask-box-outset"]=false;whiteList["mask-box-repeat"]=false;whiteList["mask-box-slice"]=false;whiteList["mask-box-source"]=false;whiteList["mask-box-width"]=false;whiteList["mask-clip"]=false;whiteList["mask-image"]=false;whiteList["mask-origin"]=false;whiteList["mask-position"]=false;whiteList["mask-repeat"]=false;whiteList["mask-size"]=false;whiteList["mask-source-type"]=false;whiteList["mask-type"]=false;whiteList["max-height"]=true;whiteList["max-lines"]=false;whiteList["max-width"]=true;whiteList["min-height"]=true;whiteList["min-width"]=true;whiteList["move-to"]=false;whiteList["nav-down"]=false;whiteList["nav-index"]=false;whiteList["nav-left"]=false;whiteList["nav-right"]=false;whiteList["nav-up"]=false;whiteList["object-fit"]=false;whiteList["object-position"]=false;whiteList["opacity"]=false;whiteList["order"]=false;whiteList["orphans"]=false;whiteList["outline"]=false;whiteList["outline-color"]=false;whiteList["outline-offset"]=false;whiteList["outline-style"]=false;whiteList["outline-width"]=false;whiteList["overflow"]=false;whiteList["overflow-wrap"]=false;whiteList["overflow-x"]=false;whiteList["overflow-y"]=false;whiteList["padding"]=true;whiteList["padding-bottom"]=true;whiteList["padding-left"]=true;whiteList["padding-right"]=true;whiteList["padding-top"]=true;whiteList["page"]=false;whiteList["page-break-after"]=false;whiteList["page-break-before"]=false;whiteList["page-break-inside"]=false;whiteList["page-policy"]=false;whiteList["pause"]=false;whiteList["pause-after"]=false;whiteList["pause-before"]=false;whiteList["perspective"]=false;whiteList["perspective-origin"]=false;whiteList["pitch"]=false;whiteList["pitch-range"]=false;whiteList["play-during"]=false;whiteList["position"]=false;whiteList["presentation-level"]=false;whiteList["quotes"]=false;whiteList["region-fragment"]=false;whiteList["resize"]=false;whiteList["rest"]=false;whiteList["rest-after"]=false;whiteList["rest-before"]=false;whiteList["richness"]=false;whiteList["right"]=false;whiteList["rotation"]=false;whiteList["rotation-point"]=false;whiteList["ruby-align"]=false;whiteList["ruby-merge"]=false;whiteList["ruby-position"]=false;whiteList["shape-image-threshold"]=false;whiteList["shape-outside"]=false;whiteList["shape-margin"]=false;whiteList["size"]=false;whiteList["speak"]=false;whiteList["speak-as"]=false;whiteList["speak-header"]=false;whiteList["speak-numeral"]=false;whiteList["speak-punctuation"]=false;whiteList["speech-rate"]=false;whiteList["stress"]=false;whiteList["string-set"]=false;whiteList["tab-size"]=false;whiteList["table-layout"]=false;whiteList["text-align"]=true;whiteList["text-align-last"]=true;whiteList["text-combine-upright"]=true;whiteList["text-decoration"]=true;whiteList["text-decoration-color"]=true;whiteList["text-decoration-line"]=true;whiteList["text-decoration-skip"]=true;whiteList["text-decoration-style"]=true;whiteList["text-emphasis"]=true;whiteList["text-emphasis-color"]=true;whiteList["text-emphasis-position"]=true;whiteList["text-emphasis-style"]=true;whiteList["text-height"]=true;whiteList["text-indent"]=true;whiteList["text-justify"]=true;whiteList["text-orientation"]=true;whiteList["text-overflow"]=true;whiteList["text-shadow"]=true;whiteList["text-space-collapse"]=true;whiteList["text-transform"]=true;whiteList["text-underline-position"]=true;whiteList["text-wrap"]=true;whiteList["top"]=false;whiteList["transform"]=false;whiteList["transform-origin"]=false;whiteList["transform-style"]=false;whiteList["transition"]=false;whiteList["transition-delay"]=false;whiteList["transition-duration"]=false;whiteList["transition-property"]=false;whiteList["transition-timing-function"]=false;whiteList["unicode-bidi"]=false;whiteList["vertical-align"]=false;whiteList["visibility"]=false;whiteList["voice-balance"]=false;whiteList["voice-duration"]=false;whiteList["voice-family"]=false;whiteList["voice-pitch"]=false;whiteList["voice-range"]=false;whiteList["voice-rate"]=false;whiteList["voice-stress"]=false;whiteList["voice-volume"]=false;whiteList["volume"]=false;whiteList["white-space"]=false;whiteList["widows"]=false;whiteList["width"]=true;whiteList["will-change"]=false;whiteList["word-break"]=true;whiteList["word-spacing"]=true;whiteList["word-wrap"]=true;whiteList["wrap-flow"]=false;whiteList["wrap-through"]=false;whiteList["writing-mode"]=false;whiteList["z-index"]=false;return whiteList}function onAttr(name,value,options){}function onIgnoreAttr(name,value,options){}exports.whiteList=getDefaultWhiteList();exports.getDefaultWhiteList=getDefaultWhiteList;exports.onAttr=onAttr;exports.onIgnoreAttr=onIgnoreAttr},{}],8:[function(require,module,exports){var DEFAULT=require("./default");var FilterCSS=require("./css");function filterCSS(html,options){var xss=new FilterCSS(options);return xss.process(html)}exports=module.exports=filterCSS;exports.FilterCSS=FilterCSS;for(var i in DEFAULT)exports[i]=DEFAULT[i];if(typeof window!=="undefined"){window.filterCSS=module.exports}},{"./css":6,"./default":7}],9:[function(require,module,exports){var _=require("./util");function parseStyle(css,onAttr){css=_.trimRight(css);if(css[css.length-1]!==";")css+=";";var cssLength=css.length;var isParenthesisOpen=false;var lastPos=0;var i=0;var retCSS="";function addNewAttr(){if(!isParenthesisOpen){var source=_.trim(css.slice(lastPos,i));var j=source.indexOf(":");if(j!==-1){var name=_.trim(source.slice(0,j));var value=_.trim(source.slice(j+1));if(name){var ret=onAttr(lastPos,retCSS.length,name,value,source);if(ret)retCSS+=ret+"; "}}}lastPos=i+1}for(;i<cssLength;i++){var c=css[i];if(c==="/"&&css[i+1]==="*"){var j=css.indexOf("*/",i+2);if(j===-1)break;i=j+1;lastPos=i+1;isParenthesisOpen=false}else if(c==="("){isParenthesisOpen=true}else if(c===")"){isParenthesisOpen=false}else if(c===";"){if(isParenthesisOpen){}else{addNewAttr()}}else if(c==="\n"){addNewAttr()}}return _.trim(retCSS)}module.exports=parseStyle},{"./util":10}],10:[function(require,module,exports){module.exports={indexOf:function(arr,item){var i,j;if(Array.prototype.indexOf){return arr.indexOf(item)}for(i=0,j=arr.length;i<j;i++){if(arr[i]===item){return i}}return-1},forEach:function(arr,fn,scope){var i,j;if(Array.prototype.forEach){return arr.forEach(fn,scope)}for(i=0,j=arr.length;i<j;i++){fn.call(scope,arr[i],i,arr)}},trim:function(str){if(String.prototype.trim){return str.trim()}return str.replace(/(^\s*)|(\s*$)/g,"")},trimRight:function(str){if(String.prototype.trimRight){return str.trimRight()}return str.replace(/(\s*$)/g,"")}}},{}]},{},[2]);
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/zeroclipboard/ZeroClipboard.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/zeroclipboard/ZeroClipboard.js
new file mode 100644
index 000000000..1d5d868d7
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/zeroclipboard/ZeroClipboard.js
@@ -0,0 +1,1256 @@
+/*!
+* ZeroClipboard
+* The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface.
+* Copyright (c) 2014 Jon Rohan, James M. Greene
+* Licensed MIT
+* http://zeroclipboard.org/
+* v2.0.0-beta.5
+*/
+(function(window) {
+  "use strict";
+  var _currentElement;
+  var _flashState = {
+    bridge: null,
+    version: "0.0.0",
+    pluginType: "unknown",
+    disabled: null,
+    outdated: null,
+    unavailable: null,
+    deactivated: null,
+    overdue: null,
+    ready: null
+  };
+  var _clipData = {};
+  var _clipDataFormatMap = null;
+  var _clientIdCounter = 0;
+  var _clientMeta = {};
+  var _elementIdCounter = 0;
+  var _elementMeta = {};
+  var _swfPath = function() {
+    var i, jsDir, tmpJsPath, jsPath, swfPath = "ZeroClipboard.swf";
+    if (!(document.currentScript && (jsPath = document.currentScript.src))) {
+      var scripts = document.getElementsByTagName("script");
+      if ("readyState" in scripts[0]) {
+        for (i = scripts.length; i--; ) {
+          if (scripts[i].readyState === "interactive" && (jsPath = scripts[i].src)) {
+            break;
+          }
+        }
+      } else if (document.readyState === "loading") {
+        jsPath = scripts[scripts.length - 1].src;
+      } else {
+        for (i = scripts.length; i--; ) {
+          tmpJsPath = scripts[i].src;
+          if (!tmpJsPath) {
+            jsDir = null;
+            break;
+          }
+          tmpJsPath = tmpJsPath.split("#")[0].split("?")[0];
+          tmpJsPath = tmpJsPath.slice(0, tmpJsPath.lastIndexOf("/") + 1);
+          if (jsDir == null) {
+            jsDir = tmpJsPath;
+          } else if (jsDir !== tmpJsPath) {
+            jsDir = null;
+            break;
+          }
+        }
+        if (jsDir !== null) {
+          jsPath = jsDir;
+        }
+      }
+    }
+    if (jsPath) {
+      jsPath = jsPath.split("#")[0].split("?")[0];
+      swfPath = jsPath.slice(0, jsPath.lastIndexOf("/") + 1) + swfPath;
+    }
+    return swfPath;
+  }();
+  var _camelizeCssPropName = function() {
+    var matcherRegex = /\-([a-z])/g, replacerFn = function(match, group) {
+      return group.toUpperCase();
+    };
+    return function(prop) {
+      return prop.replace(matcherRegex, replacerFn);
+    };
+  }();
+  var _getStyle = function(el, prop) {
+    var value, camelProp, tagName;
+    if (window.getComputedStyle) {
+      value = window.getComputedStyle(el, null).getPropertyValue(prop);
+    } else {
+      camelProp = _camelizeCssPropName(prop);
+      if (el.currentStyle) {
+        value = el.currentStyle[camelProp];
+      } else {
+        value = el.style[camelProp];
+      }
+    }
+    if (prop === "cursor") {
+      if (!value || value === "auto") {
+        tagName = el.tagName.toLowerCase();
+        if (tagName === "a") {
+          return "pointer";
+        }
+      }
+    }
+    return value;
+  };
+  var _elementMouseOver = function(event) {
+    if (!event) {
+      event = window.event;
+    }
+    var target;
+    if (this !== window) {
+      target = this;
+    } else if (event.target) {
+      target = event.target;
+    } else if (event.srcElement) {
+      target = event.srcElement;
+    }
+    ZeroClipboard.activate(target);
+  };
+  var _addEventHandler = function(element, method, func) {
+    if (!element || element.nodeType !== 1) {
+      return;
+    }
+    if (element.addEventListener) {
+      element.addEventListener(method, func, false);
+    } else if (element.attachEvent) {
+      element.attachEvent("on" + method, func);
+    }
+  };
+  var _removeEventHandler = function(element, method, func) {
+    if (!element || element.nodeType !== 1) {
+      return;
+    }
+    if (element.removeEventListener) {
+      element.removeEventListener(method, func, false);
+    } else if (element.detachEvent) {
+      element.detachEvent("on" + method, func);
+    }
+  };
+  var _addClass = function(element, value) {
+    if (!element || element.nodeType !== 1) {
+      return element;
+    }
+    if (element.classList) {
+      if (!element.classList.contains(value)) {
+        element.classList.add(value);
+      }
+      return element;
+    }
+    if (value && typeof value === "string") {
+      var classNames = (value || "").split(/\s+/);
+      if (element.nodeType === 1) {
+        if (!element.className) {
+          element.className = value;
+        } else {
+          var className = " " + element.className + " ", setClass = element.className;
+          for (var c = 0, cl = classNames.length; c < cl; c++) {
+            if (className.indexOf(" " + classNames[c] + " ") < 0) {
+              setClass += " " + classNames[c];
+            }
+          }
+          element.className = setClass.replace(/^\s+|\s+$/g, "");
+        }
+      }
+    }
+    return element;
+  };
+  var _removeClass = function(element, value) {
+    if (!element || element.nodeType !== 1) {
+      return element;
+    }
+    if (element.classList) {
+      if (element.classList.contains(value)) {
+        element.classList.remove(value);
+      }
+      return element;
+    }
+    if (value && typeof value === "string" || value === undefined) {
+      var classNames = (value || "").split(/\s+/);
+      if (element.nodeType === 1 && element.className) {
+        if (value) {
+          var className = (" " + element.className + " ").replace(/[\n\t]/g, " ");
+          for (var c = 0, cl = classNames.length; c < cl; c++) {
+            className = className.replace(" " + classNames[c] + " ", " ");
+          }
+          element.className = className.replace(/^\s+|\s+$/g, "");
+        } else {
+          element.className = "";
+        }
+      }
+    }
+    return element;
+  };
+  var _getZoomFactor = function() {
+    var rect, physicalWidth, logicalWidth, zoomFactor = 1;
+    if (typeof document.body.getBoundingClientRect === "function") {
+      rect = document.body.getBoundingClientRect();
+      physicalWidth = rect.right - rect.left;
+      logicalWidth = document.body.offsetWidth;
+      zoomFactor = Math.round(physicalWidth / logicalWidth * 100) / 100;
+    }
+    return zoomFactor;
+  };
+  var _getDOMObjectPosition = function(obj, defaultZIndex) {
+    var info = {
+      left: 0,
+      top: 0,
+      width: 0,
+      height: 0,
+      zIndex: _getSafeZIndex(defaultZIndex) - 1
+    };
+    if (obj.getBoundingClientRect) {
+      var rect = obj.getBoundingClientRect();
+      var pageXOffset, pageYOffset, zoomFactor;
+      if ("pageXOffset" in window && "pageYOffset" in window) {
+        pageXOffset = window.pageXOffset;
+        pageYOffset = window.pageYOffset;
+      } else {
+        zoomFactor = _getZoomFactor();
+        pageXOffset = Math.round(document.documentElement.scrollLeft / zoomFactor);
+        pageYOffset = Math.round(document.documentElement.scrollTop / zoomFactor);
+      }
+      var leftBorderWidth = document.documentElement.clientLeft || 0;
+      var topBorderWidth = document.documentElement.clientTop || 0;
+      info.left = rect.left + pageXOffset - leftBorderWidth;
+      info.top = rect.top + pageYOffset - topBorderWidth;
+      info.width = "width" in rect ? rect.width : rect.right - rect.left;
+      info.height = "height" in rect ? rect.height : rect.bottom - rect.top;
+    }
+    return info;
+  };
+  var _cacheBust = function(path, options) {
+    var cacheBust = options == null || options && options.cacheBust === true;
+    if (cacheBust) {
+      return (path.indexOf("?") === -1 ? "?" : "&") + "noCache=" + new Date().getTime();
+    } else {
+      return "";
+    }
+  };
+  var _vars = function(options) {
+    var i, len, domain, domains, str = "", trustedOriginsExpanded = [];
+    if (options.trustedDomains) {
+      if (typeof options.trustedDomains === "string") {
+        domains = [ options.trustedDomains ];
+      } else if (typeof options.trustedDomains === "object" && "length" in options.trustedDomains) {
+        domains = options.trustedDomains;
+      }
+    }
+    if (domains && domains.length) {
+      for (i = 0, len = domains.length; i < len; i++) {
+        if (domains.hasOwnProperty(i) && domains[i] && typeof domains[i] === "string") {
+          domain = _extractDomain(domains[i]);
+          if (!domain) {
+            continue;
+          }
+          if (domain === "*") {
+            trustedOriginsExpanded = [ domain ];
+            break;
+          }
+          trustedOriginsExpanded.push.apply(trustedOriginsExpanded, [ domain, "//" + domain, window.location.protocol + "//" + domain ]);
+        }
+      }
+    }
+    if (trustedOriginsExpanded.length) {
+      str += "trustedOrigins=" + encodeURIComponent(trustedOriginsExpanded.join(","));
+    }
+    if (options.forceEnhancedClipboard === true) {
+      str += (str ? "&" : "") + "forceEnhancedClipboard=true";
+    }
+    return str;
+  };
+  var _inArray = function(elem, array, fromIndex) {
+    if (typeof array.indexOf === "function") {
+      return array.indexOf(elem, fromIndex);
+    }
+    var i, len = array.length;
+    if (typeof fromIndex === "undefined") {
+      fromIndex = 0;
+    } else if (fromIndex < 0) {
+      fromIndex = len + fromIndex;
+    }
+    for (i = fromIndex; i < len; i++) {
+      if (array.hasOwnProperty(i) && array[i] === elem) {
+        return i;
+      }
+    }
+    return -1;
+  };
+  var _prepClip = function(elements) {
+    if (typeof elements === "string") {
+      throw new TypeError("ZeroClipboard doesn't accept query strings.");
+    }
+    return typeof elements.length !== "number" ? [ elements ] : elements;
+  };
+  var _dispatchCallback = function(func, context, args, async) {
+    if (async) {
+      window.setTimeout(function() {
+        func.apply(context, args);
+      }, 0);
+    } else {
+      func.apply(context, args);
+    }
+  };
+  var _getSafeZIndex = function(val) {
+    var zIndex, tmp;
+    if (val) {
+      if (typeof val === "number" && val > 0) {
+        zIndex = val;
+      } else if (typeof val === "string" && (tmp = parseInt(val, 10)) && !isNaN(tmp) && tmp > 0) {
+        zIndex = tmp;
+      }
+    }
+    if (!zIndex) {
+      if (typeof _globalConfig.zIndex === "number" && _globalConfig.zIndex > 0) {
+        zIndex = _globalConfig.zIndex;
+      } else if (typeof _globalConfig.zIndex === "string" && (tmp = parseInt(_globalConfig.zIndex, 10)) && !isNaN(tmp) && tmp > 0) {
+        zIndex = tmp;
+      }
+    }
+    return zIndex || 0;
+  };
+  var _extend = function() {
+    var i, len, arg, prop, src, copy, target = arguments[0] || {};
+    for (i = 1, len = arguments.length; i < len; i++) {
+      if ((arg = arguments[i]) != null) {
+        for (prop in arg) {
+          if (arg.hasOwnProperty(prop)) {
+            src = target[prop];
+            copy = arg[prop];
+            if (target === copy) {
+              continue;
+            }
+            if (copy !== undefined) {
+              target[prop] = copy;
+            }
+          }
+        }
+      }
+    }
+    return target;
+  };
+  var _extractDomain = function(originOrUrl) {
+    if (originOrUrl == null || originOrUrl === "") {
+      return null;
+    }
+    originOrUrl = originOrUrl.replace(/^\s+|\s+$/g, "");
+    if (originOrUrl === "") {
+      return null;
+    }
+    var protocolIndex = originOrUrl.indexOf("//");
+    originOrUrl = protocolIndex === -1 ? originOrUrl : originOrUrl.slice(protocolIndex + 2);
+    var pathIndex = originOrUrl.indexOf("/");
+    originOrUrl = pathIndex === -1 ? originOrUrl : protocolIndex === -1 || pathIndex === 0 ? null : originOrUrl.slice(0, pathIndex);
+    if (originOrUrl && originOrUrl.slice(-4).toLowerCase() === ".swf") {
+      return null;
+    }
+    return originOrUrl || null;
+  };
+  var _determineScriptAccess = function() {
+    var _extractAllDomains = function(origins, resultsArray) {
+      var i, len, tmp;
+      if (origins == null || resultsArray[0] === "*") {
+        return;
+      }
+      if (typeof origins === "string") {
+        origins = [ origins ];
+      }
+      if (!(typeof origins === "object" && typeof origins.length === "number")) {
+        return;
+      }
+      for (i = 0, len = origins.length; i < len; i++) {
+        if (origins.hasOwnProperty(i) && (tmp = _extractDomain(origins[i]))) {
+          if (tmp === "*") {
+            resultsArray.length = 0;
+            resultsArray.push("*");
+            break;
+          }
+          if (_inArray(tmp, resultsArray) === -1) {
+            resultsArray.push(tmp);
+          }
+        }
+      }
+    };
+    return function(currentDomain, configOptions) {
+      var swfDomain = _extractDomain(configOptions.swfPath);
+      if (swfDomain === null) {
+        swfDomain = currentDomain;
+      }
+      var trustedDomains = [];
+      _extractAllDomains(configOptions.trustedOrigins, trustedDomains);
+      _extractAllDomains(configOptions.trustedDomains, trustedDomains);
+      var len = trustedDomains.length;
+      if (len > 0) {
+        if (len === 1 && trustedDomains[0] === "*") {
+          return "always";
+        }
+        if (_inArray(currentDomain, trustedDomains) !== -1) {
+          if (len === 1 && currentDomain === swfDomain) {
+            return "sameDomain";
+          }
+          return "always";
+        }
+      }
+      return "never";
+    };
+  }();
+  var _objectKeys = function(obj) {
+    if (obj == null) {
+      return [];
+    }
+    if (Object.keys) {
+      return Object.keys(obj);
+    }
+    var keys = [];
+    for (var prop in obj) {
+      if (obj.hasOwnProperty(prop)) {
+        keys.push(prop);
+      }
+    }
+    return keys;
+  };
+  var _deleteOwnProperties = function(obj) {
+    if (obj) {
+      for (var prop in obj) {
+        if (obj.hasOwnProperty(prop)) {
+          delete obj[prop];
+        }
+      }
+    }
+    return obj;
+  };
+  var _safeActiveElement = function() {
+    try {
+      return document.activeElement;
+    } catch (err) {}
+    return null;
+  };
+  var _pick = function(obj, keys) {
+    var newObj = {};
+    for (var i = 0, len = keys.length; i < len; i++) {
+      if (keys[i] in obj) {
+        newObj[keys[i]] = obj[keys[i]];
+      }
+    }
+    return newObj;
+  };
+  var _omit = function(obj, keys) {
+    var newObj = {};
+    for (var prop in obj) {
+      if (_inArray(prop, keys) === -1) {
+        newObj[prop] = obj[prop];
+      }
+    }
+    return newObj;
+  };
+  var _mapClipDataToFlash = function(clipData) {
+    var newClipData = {}, formatMap = {};
+    if (!(typeof clipData === "object" && clipData)) {
+      return;
+    }
+    for (var dataFormat in clipData) {
+      if (dataFormat && clipData.hasOwnProperty(dataFormat) && typeof clipData[dataFormat] === "string" && clipData[dataFormat]) {
+        switch (dataFormat.toLowerCase()) {
+         case "text/plain":
+         case "text":
+         case "air:text":
+         case "flash:text":
+          newClipData.text = clipData[dataFormat];
+          formatMap.text = dataFormat;
+          break;
+
+         case "text/html":
+         case "html":
+         case "air:html":
+         case "flash:html":
+          newClipData.html = clipData[dataFormat];
+          formatMap.html = dataFormat;
+          break;
+
+         case "application/rtf":
+         case "text/rtf":
+         case "rtf":
+         case "richtext":
+         case "air:rtf":
+         case "flash:rtf":
+          newClipData.rtf = clipData[dataFormat];
+          formatMap.rtf = dataFormat;
+          break;
+
+         default:
+          break;
+        }
+      }
+    }
+    return {
+      data: newClipData,
+      formatMap: formatMap
+    };
+  };
+  var _mapClipResultsFromFlash = function(clipResults, formatMap) {
+    if (!(typeof clipResults === "object" && clipResults && typeof formatMap === "object" && formatMap)) {
+      return clipResults;
+    }
+    var newResults = {};
+    for (var prop in clipResults) {
+      if (clipResults.hasOwnProperty(prop)) {
+        if (prop !== "success" && prop !== "data") {
+          newResults[prop] = clipResults[prop];
+          continue;
+        }
+        newResults[prop] = {};
+        var tmpHash = clipResults[prop];
+        for (var dataFormat in tmpHash) {
+          if (dataFormat && tmpHash.hasOwnProperty(dataFormat) && formatMap.hasOwnProperty(dataFormat)) {
+            newResults[prop][formatMap[dataFormat]] = tmpHash[dataFormat];
+          }
+        }
+      }
+    }
+    return newResults;
+  };
+  var _args = function(arraySlice) {
+    return function(args) {
+      return arraySlice.call(args, 0);
+    };
+  }(window.Array.prototype.slice);
+  var _detectFlashSupport = function() {
+    var plugin, ax, mimeType, hasFlash = false, isActiveX = false, isPPAPI = false, flashVersion = "";
+    function parseFlashVersion(desc) {
+      var matches = desc.match(/[\d]+/g);
+      matches.length = 3;
+      return matches.join(".");
+    }
+    function isPepperFlash(flashPlayerFileName) {
+      return !!flashPlayerFileName && (flashPlayerFileName = flashPlayerFileName.toLowerCase()) && (/^(pepflashplayer\.dll|libpepflashplayer\.so|pepperflashplayer\.plugin)$/.test(flashPlayerFileName) || flashPlayerFileName.slice(-13) === "chrome.plugin");
+    }
+    function inspectPlugin(plugin) {
+      if (plugin) {
+        hasFlash = true;
+        if (plugin.version) {
+          flashVersion = parseFlashVersion(plugin.version);
+        }
+        if (!flashVersion && plugin.description) {
+          flashVersion = parseFlashVersion(plugin.description);
+        }
+        if (plugin.filename) {
+          isPPAPI = isPepperFlash(plugin.filename);
+        }
+      }
+    }
+    if (navigator.plugins && navigator.plugins.length) {
+      plugin = navigator.plugins["Shockwave Flash"];
+      inspectPlugin(plugin);
+      if (navigator.plugins["Shockwave Flash 2.0"]) {
+        hasFlash = true;
+        flashVersion = "2.0.0.11";
+      }
+    } else if (navigator.mimeTypes && navigator.mimeTypes.length) {
+      mimeType = navigator.mimeTypes["application/x-shockwave-flash"];
+      plugin = mimeType && mimeType.enabledPlugin;
+      inspectPlugin(plugin);
+    } else if (typeof ActiveXObject !== "undefined") {
+      isActiveX = true;
+      try {
+        ax = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
+        hasFlash = true;
+        flashVersion = parseFlashVersion(ax.GetVariable("$version"));
+      } catch (e1) {
+        try {
+          ax = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
+          hasFlash = true;
+          flashVersion = "6.0.21";
+        } catch (e2) {
+          try {
+            ax = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
+            hasFlash = true;
+            flashVersion = parseFlashVersion(ax.GetVariable("$version"));
+          } catch (e3) {
+            isActiveX = false;
+          }
+        }
+      }
+    }
+    _flashState.disabled = hasFlash !== true;
+    _flashState.outdated = flashVersion && parseFloat(flashVersion) < 11;
+    _flashState.version = flashVersion || "0.0.0";
+    _flashState.pluginType = isPPAPI ? "pepper" : isActiveX ? "activex" : hasFlash ? "netscape" : "unknown";
+  };
+  _detectFlashSupport();
+  var ZeroClipboard = function(elements) {
+    if (!(this instanceof ZeroClipboard)) {
+      return new ZeroClipboard(elements);
+    }
+    this.id = "" + _clientIdCounter++;
+    _clientMeta[this.id] = {
+      instance: this,
+      elements: [],
+      handlers: {}
+    };
+    if (elements) {
+      this.clip(elements);
+    }
+    if (typeof _flashState.ready !== "boolean") {
+      _flashState.ready = false;
+    }
+    if (!ZeroClipboard.isFlashUnusable() && _flashState.bridge === null) {
+      var _client = this;
+      var maxWait = _globalConfig.flashLoadTimeout;
+      if (typeof maxWait === "number" && maxWait >= 0) {
+        setTimeout(function() {
+          if (typeof _flashState.deactivated !== "boolean") {
+            _flashState.deactivated = true;
+          }
+          if (_flashState.deactivated === true) {
+            ZeroClipboard.emit({
+              type: "error",
+              name: "flash-deactivated",
+              client: _client
+            });
+          }
+        }, maxWait);
+      }
+      _flashState.overdue = false;
+      _bridge();
+    }
+  };
+  ZeroClipboard.prototype.setText = function(text) {
+    ZeroClipboard.setData("text/plain", text);
+    return this;
+  };
+  ZeroClipboard.prototype.setHtml = function(html) {
+    ZeroClipboard.setData("text/html", html);
+    return this;
+  };
+  ZeroClipboard.prototype.setRichText = function(richText) {
+    ZeroClipboard.setData("application/rtf", richText);
+    return this;
+  };
+  ZeroClipboard.prototype.setData = function() {
+    ZeroClipboard.setData.apply(ZeroClipboard, _args(arguments));
+    return this;
+  };
+  ZeroClipboard.prototype.clearData = function() {
+    ZeroClipboard.clearData.apply(ZeroClipboard, _args(arguments));
+    return this;
+  };
+  ZeroClipboard.prototype.setSize = function(width, height) {
+    _setSize(width, height);
+    return this;
+  };
+  var _setHandCursor = function(enabled) {
+    if (_flashState.ready === true && _flashState.bridge && typeof _flashState.bridge.setHandCursor === "function") {
+      _flashState.bridge.setHandCursor(enabled);
+    } else {
+      _flashState.ready = false;
+    }
+  };
+  ZeroClipboard.prototype.destroy = function() {
+    this.unclip();
+    this.off();
+    delete _clientMeta[this.id];
+  };
+  var _getAllClients = function() {
+    var i, len, client, clients = [], clientIds = _objectKeys(_clientMeta);
+    for (i = 0, len = clientIds.length; i < len; i++) {
+      client = _clientMeta[clientIds[i]].instance;
+      if (client && client instanceof ZeroClipboard) {
+        clients.push(client);
+      }
+    }
+    return clients;
+  };
+  ZeroClipboard.version = "2.0.0-beta.5";
+  var _globalConfig = {
+    swfPath: _swfPath,
+    trustedDomains: window.location.host ? [ window.location.host ] : [],
+    cacheBust: true,
+    forceHandCursor: false,
+    forceEnhancedClipboard: false,
+    zIndex: 999999999,
+    debug: false,
+    title: null,
+    autoActivate: true,
+    flashLoadTimeout: 3e4
+  };
+  ZeroClipboard.isFlashUnusable = function() {
+    return !!(_flashState.disabled || _flashState.outdated || _flashState.unavailable || _flashState.deactivated);
+  };
+  ZeroClipboard.config = function(options) {
+    if (typeof options === "object" && options !== null) {
+      _extend(_globalConfig, options);
+    }
+    if (typeof options === "string" && options) {
+      if (_globalConfig.hasOwnProperty(options)) {
+        return _globalConfig[options];
+      }
+      return;
+    }
+    var copy = {};
+    for (var prop in _globalConfig) {
+      if (_globalConfig.hasOwnProperty(prop)) {
+        if (typeof _globalConfig[prop] === "object" && _globalConfig[prop] !== null) {
+          if ("length" in _globalConfig[prop]) {
+            copy[prop] = _globalConfig[prop].slice(0);
+          } else {
+            copy[prop] = _extend({}, _globalConfig[prop]);
+          }
+        } else {
+          copy[prop] = _globalConfig[prop];
+        }
+      }
+    }
+    return copy;
+  };
+  ZeroClipboard.destroy = function() {
+    ZeroClipboard.deactivate();
+    for (var clientId in _clientMeta) {
+      if (_clientMeta.hasOwnProperty(clientId) && _clientMeta[clientId]) {
+        var client = _clientMeta[clientId].instance;
+        if (client && typeof client.destroy === "function") {
+          client.destroy();
+        }
+      }
+    }
+    var flashBridge = _flashState.bridge;
+    if (flashBridge) {
+      var htmlBridge = _getHtmlBridge(flashBridge);
+      if (htmlBridge) {
+        if (_flashState.pluginType === "activex" && "readyState" in flashBridge) {
+          flashBridge.style.display = "none";
+          (function removeSwfFromIE() {
+            if (flashBridge.readyState === 4) {
+              for (var prop in flashBridge) {
+                if (typeof flashBridge[prop] === "function") {
+                  flashBridge[prop] = null;
+                }
+              }
+              flashBridge.parentNode.removeChild(flashBridge);
+              if (htmlBridge.parentNode) {
+                htmlBridge.parentNode.removeChild(htmlBridge);
+              }
+            } else {
+              setTimeout(removeSwfFromIE, 10);
+            }
+          })();
+        } else {
+          flashBridge.parentNode.removeChild(flashBridge);
+          if (htmlBridge.parentNode) {
+            htmlBridge.parentNode.removeChild(htmlBridge);
+          }
+        }
+      }
+      _flashState.ready = null;
+      _flashState.bridge = null;
+      _flashState.deactivated = null;
+    }
+    ZeroClipboard.clearData();
+  };
+  ZeroClipboard.activate = function(element) {
+    if (_currentElement) {
+      _removeClass(_currentElement, _globalConfig.hoverClass);
+      _removeClass(_currentElement, _globalConfig.activeClass);
+    }
+    _currentElement = element;
+    _addClass(element, _globalConfig.hoverClass);
+    _reposition();
+    var newTitle = _globalConfig.title || element.getAttribute("title");
+    if (newTitle) {
+      var htmlBridge = _getHtmlBridge(_flashState.bridge);
+      if (htmlBridge) {
+        htmlBridge.setAttribute("title", newTitle);
+      }
+    }
+    var useHandCursor = _globalConfig.forceHandCursor === true || _getStyle(element, "cursor") === "pointer";
+    _setHandCursor(useHandCursor);
+  };
+  ZeroClipboard.deactivate = function() {
+    var htmlBridge = _getHtmlBridge(_flashState.bridge);
+    if (htmlBridge) {
+      htmlBridge.removeAttribute("title");
+      htmlBridge.style.left = "0px";
+      htmlBridge.style.top = "-9999px";
+      _setSize(1, 1);
+    }
+    if (_currentElement) {
+      _removeClass(_currentElement, _globalConfig.hoverClass);
+      _removeClass(_currentElement, _globalConfig.activeClass);
+      _currentElement = null;
+    }
+  };
+  ZeroClipboard.state = function() {
+    return {
+      browser: _pick(window.navigator, [ "userAgent", "platform", "appName" ]),
+      flash: _omit(_flashState, [ "bridge" ]),
+      zeroclipboard: {
+        version: ZeroClipboard.version,
+        config: ZeroClipboard.config()
+      }
+    };
+  };
+  ZeroClipboard.setData = function(format, data) {
+    var dataObj;
+    if (typeof format === "object" && format && typeof data === "undefined") {
+      dataObj = format;
+      ZeroClipboard.clearData();
+    } else if (typeof format === "string" && format) {
+      dataObj = {};
+      dataObj[format] = data;
+    } else {
+      return;
+    }
+    for (var dataFormat in dataObj) {
+      if (dataFormat && dataObj.hasOwnProperty(dataFormat) && typeof dataObj[dataFormat] === "string" && dataObj[dataFormat]) {
+        _clipData[dataFormat] = dataObj[dataFormat];
+      }
+    }
+  };
+  ZeroClipboard.clearData = function(format) {
+    if (typeof format === "undefined") {
+      _deleteOwnProperties(_clipData);
+      _clipDataFormatMap = null;
+    } else if (typeof format === "string" && _clipData.hasOwnProperty(format)) {
+      delete _clipData[format];
+    }
+  };
+  var _bridge = function() {
+    var flashBridge, len;
+    var container = document.getElementById("global-zeroclipboard-html-bridge");
+    if (!container) {
+      var allowScriptAccess = _determineScriptAccess(window.location.host, _globalConfig);
+      var allowNetworking = allowScriptAccess === "never" ? "none" : "all";
+      var flashvars = _vars(_globalConfig);
+      var swfUrl = _globalConfig.swfPath + _cacheBust(_globalConfig.swfPath, _globalConfig);
+      container = _createHtmlBridge();
+      var divToBeReplaced = document.createElement("div");
+      container.appendChild(divToBeReplaced);
+      document.body.appendChild(container);
+      var tmpDiv = document.createElement("div");
+      var oldIE = _flashState.pluginType === "activex";
+      tmpDiv.innerHTML = '<object id="global-zeroclipboard-flash-bridge" name="global-zeroclipboard-flash-bridge" ' + 'width="100%" height="100%" ' + (oldIE ? 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"' : 'type="application/x-shockwave-flash" data="' + swfUrl + '"') + ">" + (oldIE ? '<param name="movie" value="' + swfUrl + '"/>' : "") + '<param name="allowScriptAccess" value="' + allowScriptAccess + '"/>' + '<param name="allowNetworking" value="' + allowNetworking + '"/>' + '<param name="menu" value="false"/>' + '<param name="wmode" value="transparent"/>' + '<param name="flashvars" value="' + flashvars + '"/>' + "</object>";
+      flashBridge = tmpDiv.firstChild;
+      tmpDiv = null;
+      flashBridge.ZeroClipboard = ZeroClipboard;
+      container.replaceChild(flashBridge, divToBeReplaced);
+    }
+    if (!flashBridge) {
+      flashBridge = document["global-zeroclipboard-flash-bridge"];
+      if (flashBridge && (len = flashBridge.length)) {
+        flashBridge = flashBridge[len - 1];
+      }
+      if (!flashBridge) {
+        flashBridge = container.firstChild;
+      }
+    }
+    _flashState.bridge = flashBridge || null;
+  };
+  var _createHtmlBridge = function() {
+    var container = document.createElement("div");
+    container.id = "global-zeroclipboard-html-bridge";
+    container.className = "global-zeroclipboard-container";
+    container.style.position = "absolute";
+    container.style.left = "0px";
+    container.style.top = "-9999px";
+    container.style.width = "1px";
+    container.style.height = "1px";
+    container.style.zIndex = "" + _getSafeZIndex(_globalConfig.zIndex);
+    return container;
+  };
+  var _getHtmlBridge = function(flashBridge) {
+    var htmlBridge = flashBridge && flashBridge.parentNode;
+    while (htmlBridge && htmlBridge.nodeName === "OBJECT" && htmlBridge.parentNode) {
+      htmlBridge = htmlBridge.parentNode;
+    }
+    return htmlBridge || null;
+  };
+  var _reposition = function() {
+    if (_currentElement) {
+      var pos = _getDOMObjectPosition(_currentElement, _globalConfig.zIndex);
+      var htmlBridge = _getHtmlBridge(_flashState.bridge);
+      if (htmlBridge) {
+        htmlBridge.style.top = pos.top + "px";
+        htmlBridge.style.left = pos.left + "px";
+        htmlBridge.style.width = pos.width + "px";
+        htmlBridge.style.height = pos.height + "px";
+        htmlBridge.style.zIndex = pos.zIndex + 1;
+      }
+      _setSize(pos.width, pos.height);
+    }
+  };
+  var _setSize = function(width, height) {
+    var htmlBridge = _getHtmlBridge(_flashState.bridge);
+    if (htmlBridge) {
+      htmlBridge.style.width = width + "px";
+      htmlBridge.style.height = height + "px";
+    }
+  };
+  ZeroClipboard.emit = function(event) {
+    var eventType, eventObj, performCallbackAsync, clients, i, len, eventCopy, returnVal, tmp;
+    if (typeof event === "string" && event) {
+      eventType = event;
+    }
+    if (typeof event === "object" && event && typeof event.type === "string" && event.type) {
+      eventType = event.type;
+      eventObj = event;
+    }
+    if (!eventType) {
+      return;
+    }
+    event = _createEvent(eventType, eventObj);
+    _preprocessEvent(event);
+    if (event.type === "ready" && _flashState.overdue === true) {
+      return ZeroClipboard.emit({
+        type: "error",
+        name: "flash-overdue"
+      });
+    }
+    performCallbackAsync = !/^(before)?copy$/.test(event.type);
+    if (event.client) {
+      _dispatchClientCallbacks.call(event.client, event, performCallbackAsync);
+    } else {
+      clients = event.target && event.target !== window && _globalConfig.autoActivate === true ? _getAllClientsClippedToElement(event.target) : _getAllClients();
+      for (i = 0, len = clients.length; i < len; i++) {
+        eventCopy = _extend({}, event, {
+          client: clients[i]
+        });
+        _dispatchClientCallbacks.call(clients[i], eventCopy, performCallbackAsync);
+      }
+    }
+    if (event.type === "copy") {
+      tmp = _mapClipDataToFlash(_clipData);
+      returnVal = tmp.data;
+      _clipDataFormatMap = tmp.formatMap;
+    }
+    return returnVal;
+  };
+  var _dispatchClientCallbacks = function(event, async) {
+    var handlers = _clientMeta[this.id] && _clientMeta[this.id].handlers[event.type];
+    if (handlers && handlers.length) {
+      var i, len, func, context, originalContext = this;
+      for (i = 0, len = handlers.length; i < len; i++) {
+        func = handlers[i];
+        context = originalContext;
+        if (typeof func === "string" && typeof window[func] === "function") {
+          func = window[func];
+        }
+        if (typeof func === "object" && func && typeof func.handleEvent === "function") {
+          context = func;
+          func = func.handleEvent;
+        }
+        if (typeof func === "function") {
+          _dispatchCallback(func, context, [ event ], async);
+        }
+      }
+    }
+    return this;
+  };
+  var _eventMessages = {
+    ready: "Flash communication is established",
+    error: {
+      "flash-disabled": "Flash is disabled or not installed",
+      "flash-outdated": "Flash is too outdated to support ZeroClipboard",
+      "flash-unavailable": "Flash is unable to communicate bidirectionally with JavaScript",
+      "flash-deactivated": "Flash is too outdated for your browser and/or is configured as click-to-activate",
+      "flash-overdue": "Flash communication was established but NOT within the acceptable time limit"
+    }
+  };
+  var _createEvent = function(eventType, event) {
+    if (!(eventType || event && event.type)) {
+      return;
+    }
+    event = event || {};
+    eventType = (eventType || event.type).toLowerCase();
+    _extend(event, {
+      type: eventType,
+      target: event.target || _currentElement || null,
+      relatedTarget: event.relatedTarget || null,
+      currentTarget: _flashState && _flashState.bridge || null
+    });
+    var msg = _eventMessages[event.type];
+    if (event.type === "error" && event.name && msg) {
+      msg = msg[event.name];
+    }
+    if (msg) {
+      event.message = msg;
+    }
+    if (event.type === "ready") {
+      _extend(event, {
+        target: null,
+        version: _flashState.version
+      });
+    }
+    if (event.type === "error") {
+      event.target = null;
+      if (/^flash-(outdated|unavailable|deactivated|overdue)$/.test(event.name)) {
+        _extend(event, {
+          version: _flashState.version,
+          minimumVersion: "11.0.0"
+        });
+      }
+    }
+    if (event.type === "copy") {
+      event.clipboardData = {
+        setData: ZeroClipboard.setData,
+        clearData: ZeroClipboard.clearData
+      };
+    }
+    if (event.type === "aftercopy") {
+      event = _mapClipResultsFromFlash(event, _clipDataFormatMap);
+    }
+    if (event.target && !event.relatedTarget) {
+      event.relatedTarget = _getRelatedTarget(event.target);
+    }
+    return event;
+  };
+  var _getRelatedTarget = function(targetEl) {
+    var relatedTargetId = targetEl && targetEl.getAttribute && targetEl.getAttribute("data-clipboard-target");
+    return relatedTargetId ? document.getElementById(relatedTargetId) : null;
+  };
+  var _preprocessEvent = function(event) {
+    var element = event.target || _currentElement;
+    switch (event.type) {
+     case "error":
+      if (_inArray(event.name, [ "flash-disabled", "flash-outdated", "flash-deactivated", "flash-overdue" ])) {
+        _extend(_flashState, {
+          disabled: event.name === "flash-disabled",
+          outdated: event.name === "flash-outdated",
+          unavailable: event.name === "flash-unavailable",
+          deactivated: event.name === "flash-deactivated",
+          overdue: event.name === "flash-overdue",
+          ready: false
+        });
+      }
+      break;
+
+     case "ready":
+      var wasDeactivated = _flashState.deactivated === true;
+      _extend(_flashState, {
+        disabled: false,
+        outdated: false,
+        unavailable: false,
+        deactivated: false,
+        overdue: wasDeactivated,
+        ready: !wasDeactivated
+      });
+      break;
+
+     case "copy":
+      var textContent, htmlContent, targetEl = event.relatedTarget;
+      if (!(_clipData["text/html"] || _clipData["text/plain"]) && targetEl && (htmlContent = targetEl.value || targetEl.outerHTML || targetEl.innerHTML) && (textContent = targetEl.value || targetEl.textContent || targetEl.innerText)) {
+        event.clipboardData.clearData();
+        event.clipboardData.setData("text/plain", textContent);
+        if (htmlContent !== textContent) {
+          event.clipboardData.setData("text/html", htmlContent);
+        }
+      } else if (!_clipData["text/plain"] && event.target && (textContent = event.target.getAttribute("data-clipboard-text"))) {
+        event.clipboardData.clearData();
+        event.clipboardData.setData("text/plain", textContent);
+      }
+      break;
+
+     case "aftercopy":
+      ZeroClipboard.clearData();
+      if (element && element !== _safeActiveElement() && element.focus) {
+        element.focus();
+      }
+      break;
+
+     case "mouseover":
+      _addClass(element, _globalConfig.hoverClass);
+      break;
+
+     case "mouseout":
+      if (_globalConfig.autoActivate === true) {
+        ZeroClipboard.deactivate();
+      }
+      break;
+
+     case "mousedown":
+      _addClass(element, _globalConfig.activeClass);
+      break;
+
+     case "mouseup":
+      _removeClass(element, _globalConfig.activeClass);
+      break;
+    }
+  };
+  ZeroClipboard.prototype.on = function(eventName, func) {
+    var i, len, events, added = {}, handlers = _clientMeta[this.id] && _clientMeta[this.id].handlers;
+    if (typeof eventName === "string" && eventName) {
+      events = eventName.toLowerCase().split(/\s+/);
+    } else if (typeof eventName === "object" && eventName && typeof func === "undefined") {
+      for (i in eventName) {
+        if (eventName.hasOwnProperty(i) && typeof i === "string" && i && typeof eventName[i] === "function") {
+          this.on(i, eventName[i]);
+        }
+      }
+    }
+    if (events && events.length) {
+      for (i = 0, len = events.length; i < len; i++) {
+        eventName = events[i].replace(/^on/, "");
+        added[eventName] = true;
+        if (!handlers[eventName]) {
+          handlers[eventName] = [];
+        }
+        handlers[eventName].push(func);
+      }
+      if (added.ready && _flashState.ready) {
+        ZeroClipboard.emit({
+          type: "ready",
+          client: this
+        });
+      }
+      if (added.error) {
+        var errorTypes = [ "disabled", "outdated", "unavailable", "deactivated", "overdue" ];
+        for (i = 0, len = errorTypes.length; i < len; i++) {
+          if (_flashState[errorTypes[i]]) {
+            ZeroClipboard.emit({
+              type: "error",
+              name: "flash-" + errorTypes[i],
+              client: this
+            });
+            break;
+          }
+        }
+      }
+    }
+    return this;
+  };
+  ZeroClipboard.prototype.off = function(eventName, func) {
+    var i, len, foundIndex, events, perEventHandlers, handlers = _clientMeta[this.id] && _clientMeta[this.id].handlers;
+    if (arguments.length === 0) {
+      events = _objectKeys(handlers);
+    } else if (typeof eventName === "string" && eventName) {
+      events = eventName.split(/\s+/);
+    } else if (typeof eventName === "object" && eventName && typeof func === "undefined") {
+      for (i in eventName) {
+        if (eventName.hasOwnProperty(i) && typeof i === "string" && i && typeof eventName[i] === "function") {
+          this.off(i, eventName[i]);
+        }
+      }
+    }
+    if (events && events.length) {
+      for (i = 0, len = events.length; i < len; i++) {
+        eventName = events[i].toLowerCase().replace(/^on/, "");
+        perEventHandlers = handlers[eventName];
+        if (perEventHandlers && perEventHandlers.length) {
+          if (func) {
+            foundIndex = _inArray(func, perEventHandlers);
+            while (foundIndex !== -1) {
+              perEventHandlers.splice(foundIndex, 1);
+              foundIndex = _inArray(func, perEventHandlers, foundIndex);
+            }
+          } else {
+            handlers[eventName].length = 0;
+          }
+        }
+      }
+    }
+    return this;
+  };
+  ZeroClipboard.prototype.handlers = function(eventName) {
+    var prop, copy = null, handlers = _clientMeta[this.id] && _clientMeta[this.id].handlers;
+    if (handlers) {
+      if (typeof eventName === "string" && eventName) {
+        return handlers[eventName] ? handlers[eventName].slice(0) : null;
+      }
+      copy = {};
+      for (prop in handlers) {
+        if (handlers.hasOwnProperty(prop) && handlers[prop]) {
+          copy[prop] = handlers[prop].slice(0);
+        }
+      }
+    }
+    return copy;
+  };
+  ZeroClipboard.prototype.clip = function(elements) {
+    elements = _prepClip(elements);
+    for (var i = 0; i < elements.length; i++) {
+      if (elements.hasOwnProperty(i) && elements[i] && elements[i].nodeType === 1) {
+        if (!elements[i].zcClippingId) {
+          elements[i].zcClippingId = "zcClippingId_" + _elementIdCounter++;
+          _elementMeta[elements[i].zcClippingId] = [ this.id ];
+          if (_globalConfig.autoActivate === true) {
+            _addEventHandler(elements[i], "mouseover", _elementMouseOver);
+          }
+        } else if (_inArray(this.id, _elementMeta[elements[i].zcClippingId]) === -1) {
+          _elementMeta[elements[i].zcClippingId].push(this.id);
+        }
+        var clippedElements = _clientMeta[this.id].elements;
+        if (_inArray(elements[i], clippedElements) === -1) {
+          clippedElements.push(elements[i]);
+        }
+      }
+    }
+    return this;
+  };
+  ZeroClipboard.prototype.unclip = function(elements) {
+    var meta = _clientMeta[this.id];
+    if (!meta) {
+      return this;
+    }
+    var clippedElements = meta.elements;
+    var arrayIndex;
+    if (typeof elements === "undefined") {
+      elements = clippedElements.slice(0);
+    } else {
+      elements = _prepClip(elements);
+    }
+    for (var i = elements.length; i--; ) {
+      if (elements.hasOwnProperty(i) && elements[i] && elements[i].nodeType === 1) {
+        arrayIndex = 0;
+        while ((arrayIndex = _inArray(elements[i], clippedElements, arrayIndex)) !== -1) {
+          clippedElements.splice(arrayIndex, 1);
+        }
+        var clientIds = _elementMeta[elements[i].zcClippingId];
+        if (clientIds) {
+          arrayIndex = 0;
+          while ((arrayIndex = _inArray(this.id, clientIds, arrayIndex)) !== -1) {
+            clientIds.splice(arrayIndex, 1);
+          }
+          if (clientIds.length === 0) {
+            if (_globalConfig.autoActivate === true) {
+              _removeEventHandler(elements[i], "mouseover", _elementMouseOver);
+            }
+            delete elements[i].zcClippingId;
+          }
+        }
+      }
+    }
+    return this;
+  };
+  ZeroClipboard.prototype.elements = function() {
+    var meta = _clientMeta[this.id];
+    return meta && meta.elements ? meta.elements.slice(0) : [];
+  };
+  var _getAllClientsClippedToElement = function(element) {
+    var elementMetaId, clientIds, i, len, client, clients = [];
+    if (element && element.nodeType === 1 && (elementMetaId = element.zcClippingId) && _elementMeta.hasOwnProperty(elementMetaId)) {
+      clientIds = _elementMeta[elementMetaId];
+      if (clientIds && clientIds.length) {
+        for (i = 0, len = clientIds.length; i < len; i++) {
+          client = _clientMeta[clientIds[i]].instance;
+          if (client && client instanceof ZeroClipboard) {
+            clients.push(client);
+          }
+        }
+      }
+    }
+    return clients;
+  };
+  _globalConfig.hoverClass = "zeroclipboard-is-hover";
+  _globalConfig.activeClass = "zeroclipboard-is-active";
+  if (typeof define === "function" && define.amd) {
+    define(function() {
+      return ZeroClipboard;
+    });
+  } else if (typeof module === "object" && module && typeof module.exports === "object" && module.exports) {
+    module.exports = ZeroClipboard;
+  } else {
+    window.ZeroClipboard = ZeroClipboard;
+  }
+})(function() {
+  return this;
+}());
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/zeroclipboard/ZeroClipboard.min.js b/nezha-fronted/static/ueditor-1.4.3.3/third-party/zeroclipboard/ZeroClipboard.min.js
new file mode 100644
index 000000000..c500f2380
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/third-party/zeroclipboard/ZeroClipboard.min.js
@@ -0,0 +1,9 @@
+/*!
+* ZeroClipboard
+* The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface.
+* Copyright (c) 2014 Jon Rohan, James M. Greene
+* Licensed MIT
+* http://zeroclipboard.org/
+* v2.0.0-beta.5
+*/
+!function(a){"use strict";var b,c={bridge:null,version:"0.0.0",pluginType:"unknown",disabled:null,outdated:null,unavailable:null,deactivated:null,overdue:null,ready:null},d={},e=null,f=0,g={},h=0,i={},j=function(){var a,b,c,d,e="ZeroClipboard.swf";if(!document.currentScript||!(d=document.currentScript.src)){var f=document.getElementsByTagName("script");if("readyState"in f[0])for(a=f.length;a--&&("interactive"!==f[a].readyState||!(d=f[a].src)););else if("loading"===document.readyState)d=f[f.length-1].src;else{for(a=f.length;a--;){if(c=f[a].src,!c){b=null;break}if(c=c.split("#")[0].split("?")[0],c=c.slice(0,c.lastIndexOf("/")+1),null==b)b=c;else if(b!==c){b=null;break}}null!==b&&(d=b)}}return d&&(d=d.split("#")[0].split("?")[0],e=d.slice(0,d.lastIndexOf("/")+1)+e),e}(),k=function(){var a=/\-([a-z])/g,b=function(a,b){return b.toUpperCase()};return function(c){return c.replace(a,b)}}(),l=function(b,c){var d,e,f;return a.getComputedStyle?d=a.getComputedStyle(b,null).getPropertyValue(c):(e=k(c),d=b.currentStyle?b.currentStyle[e]:b.style[e]),"cursor"!==c||d&&"auto"!==d||(f=b.tagName.toLowerCase(),"a"!==f)?d:"pointer"},m=function(b){b||(b=a.event);var c;this!==a?c=this:b.target?c=b.target:b.srcElement&&(c=b.srcElement),L.activate(c)},n=function(a,b,c){a&&1===a.nodeType&&(a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent&&a.attachEvent("on"+b,c))},o=function(a,b,c){a&&1===a.nodeType&&(a.removeEventListener?a.removeEventListener(b,c,!1):a.detachEvent&&a.detachEvent("on"+b,c))},p=function(a,b){if(!a||1!==a.nodeType)return a;if(a.classList)return a.classList.contains(b)||a.classList.add(b),a;if(b&&"string"==typeof b){var c=(b||"").split(/\s+/);if(1===a.nodeType)if(a.className){for(var d=" "+a.className+" ",e=a.className,f=0,g=c.length;g>f;f++)d.indexOf(" "+c[f]+" ")<0&&(e+=" "+c[f]);a.className=e.replace(/^\s+|\s+$/g,"")}else a.className=b}return a},q=function(a,b){if(!a||1!==a.nodeType)return a;if(a.classList)return a.classList.contains(b)&&a.classList.remove(b),a;if(b&&"string"==typeof b||void 0===b){var c=(b||"").split(/\s+/);if(1===a.nodeType&&a.className)if(b){for(var d=(" "+a.className+" ").replace(/[\n\t]/g," "),e=0,f=c.length;f>e;e++)d=d.replace(" "+c[e]+" "," ");a.className=d.replace(/^\s+|\s+$/g,"")}else a.className=""}return a},r=function(){var a,b,c,d=1;return"function"==typeof document.body.getBoundingClientRect&&(a=document.body.getBoundingClientRect(),b=a.right-a.left,c=document.body.offsetWidth,d=Math.round(b/c*100)/100),d},s=function(b,c){var d={left:0,top:0,width:0,height:0,zIndex:y(c)-1};if(b.getBoundingClientRect){var e,f,g,h=b.getBoundingClientRect();"pageXOffset"in a&&"pageYOffset"in a?(e=a.pageXOffset,f=a.pageYOffset):(g=r(),e=Math.round(document.documentElement.scrollLeft/g),f=Math.round(document.documentElement.scrollTop/g));var i=document.documentElement.clientLeft||0,j=document.documentElement.clientTop||0;d.left=h.left+e-i,d.top=h.top+f-j,d.width="width"in h?h.width:h.right-h.left,d.height="height"in h?h.height:h.bottom-h.top}return d},t=function(a,b){var c=null==b||b&&b.cacheBust===!0;return c?(-1===a.indexOf("?")?"?":"&")+"noCache="+(new Date).getTime():""},u=function(b){var c,d,e,f,g="",h=[];if(b.trustedDomains&&("string"==typeof b.trustedDomains?f=[b.trustedDomains]:"object"==typeof b.trustedDomains&&"length"in b.trustedDomains&&(f=b.trustedDomains)),f&&f.length)for(c=0,d=f.length;d>c;c++)if(f.hasOwnProperty(c)&&f[c]&&"string"==typeof f[c]){if(e=A(f[c]),!e)continue;if("*"===e){h=[e];break}h.push.apply(h,[e,"//"+e,a.location.protocol+"//"+e])}return h.length&&(g+="trustedOrigins="+encodeURIComponent(h.join(","))),b.forceEnhancedClipboard===!0&&(g+=(g?"&":"")+"forceEnhancedClipboard=true"),g},v=function(a,b,c){if("function"==typeof b.indexOf)return b.indexOf(a,c);var d,e=b.length;for("undefined"==typeof c?c=0:0>c&&(c=e+c),d=c;e>d;d++)if(b.hasOwnProperty(d)&&b[d]===a)return d;return-1},w=function(a){if("string"==typeof a)throw new TypeError("ZeroClipboard doesn't accept query strings.");return"number"!=typeof a.length?[a]:a},x=function(b,c,d,e){e?a.setTimeout(function(){b.apply(c,d)},0):b.apply(c,d)},y=function(a){var b,c;return a&&("number"==typeof a&&a>0?b=a:"string"==typeof a&&(c=parseInt(a,10))&&!isNaN(c)&&c>0&&(b=c)),b||("number"==typeof O.zIndex&&O.zIndex>0?b=O.zIndex:"string"==typeof O.zIndex&&(c=parseInt(O.zIndex,10))&&!isNaN(c)&&c>0&&(b=c)),b||0},z=function(){var a,b,c,d,e,f,g=arguments[0]||{};for(a=1,b=arguments.length;b>a;a++)if(null!=(c=arguments[a]))for(d in c)if(c.hasOwnProperty(d)){if(e=g[d],f=c[d],g===f)continue;void 0!==f&&(g[d]=f)}return g},A=function(a){if(null==a||""===a)return null;if(a=a.replace(/^\s+|\s+$/g,""),""===a)return null;var b=a.indexOf("//");a=-1===b?a:a.slice(b+2);var c=a.indexOf("/");return a=-1===c?a:-1===b||0===c?null:a.slice(0,c),a&&".swf"===a.slice(-4).toLowerCase()?null:a||null},B=function(){var a=function(a,b){var c,d,e;if(null!=a&&"*"!==b[0]&&("string"==typeof a&&(a=[a]),"object"==typeof a&&"number"==typeof a.length))for(c=0,d=a.length;d>c;c++)if(a.hasOwnProperty(c)&&(e=A(a[c]))){if("*"===e){b.length=0,b.push("*");break}-1===v(e,b)&&b.push(e)}};return function(b,c){var d=A(c.swfPath);null===d&&(d=b);var e=[];a(c.trustedOrigins,e),a(c.trustedDomains,e);var f=e.length;if(f>0){if(1===f&&"*"===e[0])return"always";if(-1!==v(b,e))return 1===f&&b===d?"sameDomain":"always"}return"never"}}(),C=function(a){if(null==a)return[];if(Object.keys)return Object.keys(a);var b=[];for(var c in a)a.hasOwnProperty(c)&&b.push(c);return b},D=function(a){if(a)for(var b in a)a.hasOwnProperty(b)&&delete a[b];return a},E=function(){try{return document.activeElement}catch(a){}return null},F=function(a,b){for(var c={},d=0,e=b.length;e>d;d++)b[d]in a&&(c[b[d]]=a[b[d]]);return c},G=function(a,b){var c={};for(var d in a)-1===v(d,b)&&(c[d]=a[d]);return c},H=function(a){var b={},c={};if("object"==typeof a&&a){for(var d in a)if(d&&a.hasOwnProperty(d)&&"string"==typeof a[d]&&a[d])switch(d.toLowerCase()){case"text/plain":case"text":case"air:text":case"flash:text":b.text=a[d],c.text=d;break;case"text/html":case"html":case"air:html":case"flash:html":b.html=a[d],c.html=d;break;case"application/rtf":case"text/rtf":case"rtf":case"richtext":case"air:rtf":case"flash:rtf":b.rtf=a[d],c.rtf=d}return{data:b,formatMap:c}}},I=function(a,b){if("object"!=typeof a||!a||"object"!=typeof b||!b)return a;var c={};for(var d in a)if(a.hasOwnProperty(d)){if("success"!==d&&"data"!==d){c[d]=a[d];continue}c[d]={};var e=a[d];for(var f in e)f&&e.hasOwnProperty(f)&&b.hasOwnProperty(f)&&(c[d][b[f]]=e[f])}return c},J=function(a){return function(b){return a.call(b,0)}}(a.Array.prototype.slice),K=function(){function a(a){var b=a.match(/[\d]+/g);return b.length=3,b.join(".")}function b(a){return!!a&&(a=a.toLowerCase())&&(/^(pepflashplayer\.dll|libpepflashplayer\.so|pepperflashplayer\.plugin)$/.test(a)||"chrome.plugin"===a.slice(-13))}function d(c){c&&(h=!0,c.version&&(k=a(c.version)),!k&&c.description&&(k=a(c.description)),c.filename&&(j=b(c.filename)))}var e,f,g,h=!1,i=!1,j=!1,k="";if(navigator.plugins&&navigator.plugins.length)e=navigator.plugins["Shockwave Flash"],d(e),navigator.plugins["Shockwave Flash 2.0"]&&(h=!0,k="2.0.0.11");else if(navigator.mimeTypes&&navigator.mimeTypes.length)g=navigator.mimeTypes["application/x-shockwave-flash"],e=g&&g.enabledPlugin,d(e);else if("undefined"!=typeof ActiveXObject){i=!0;try{f=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7"),h=!0,k=a(f.GetVariable("$version"))}catch(l){try{f=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6"),h=!0,k="6.0.21"}catch(m){try{f=new ActiveXObject("ShockwaveFlash.ShockwaveFlash"),h=!0,k=a(f.GetVariable("$version"))}catch(n){i=!1}}}}c.disabled=h!==!0,c.outdated=k&&parseFloat(k)<11,c.version=k||"0.0.0",c.pluginType=j?"pepper":i?"activex":h?"netscape":"unknown"};K();var L=function(a){if(!(this instanceof L))return new L(a);if(this.id=""+f++,g[this.id]={instance:this,elements:[],handlers:{}},a&&this.clip(a),"boolean"!=typeof c.ready&&(c.ready=!1),!L.isFlashUnusable()&&null===c.bridge){var b=this,d=O.flashLoadTimeout;"number"==typeof d&&d>=0&&setTimeout(function(){"boolean"!=typeof c.deactivated&&(c.deactivated=!0),c.deactivated===!0&&L.emit({type:"error",name:"flash-deactivated",client:b})},d),c.overdue=!1,P()}};L.prototype.setText=function(a){return L.setData("text/plain",a),this},L.prototype.setHtml=function(a){return L.setData("text/html",a),this},L.prototype.setRichText=function(a){return L.setData("application/rtf",a),this},L.prototype.setData=function(){return L.setData.apply(L,J(arguments)),this},L.prototype.clearData=function(){return L.clearData.apply(L,J(arguments)),this},L.prototype.setSize=function(a,b){return T(a,b),this};var M=function(a){c.ready===!0&&c.bridge&&"function"==typeof c.bridge.setHandCursor?c.bridge.setHandCursor(a):c.ready=!1};L.prototype.destroy=function(){this.unclip(),this.off(),delete g[this.id]};var N=function(){var a,b,c,d=[],e=C(g);for(a=0,b=e.length;b>a;a++)c=g[e[a]].instance,c&&c instanceof L&&d.push(c);return d};L.version="2.0.0-beta.5";var O={swfPath:j,trustedDomains:a.location.host?[a.location.host]:[],cacheBust:!0,forceHandCursor:!1,forceEnhancedClipboard:!1,zIndex:999999999,debug:!1,title:null,autoActivate:!0,flashLoadTimeout:3e4};L.isFlashUnusable=function(){return!!(c.disabled||c.outdated||c.unavailable||c.deactivated)},L.config=function(a){"object"==typeof a&&null!==a&&z(O,a);{if("string"!=typeof a||!a){var b={};for(var c in O)O.hasOwnProperty(c)&&(b[c]="object"==typeof O[c]&&null!==O[c]?"length"in O[c]?O[c].slice(0):z({},O[c]):O[c]);return b}if(O.hasOwnProperty(a))return O[a]}},L.destroy=function(){L.deactivate();for(var a in g)if(g.hasOwnProperty(a)&&g[a]){var b=g[a].instance;b&&"function"==typeof b.destroy&&b.destroy()}var d=c.bridge;if(d){var e=R(d);e&&("activex"===c.pluginType&&"readyState"in d?(d.style.display="none",function f(){if(4===d.readyState){for(var a in d)"function"==typeof d[a]&&(d[a]=null);d.parentNode.removeChild(d),e.parentNode&&e.parentNode.removeChild(e)}else setTimeout(f,10)}()):(d.parentNode.removeChild(d),e.parentNode&&e.parentNode.removeChild(e))),c.ready=null,c.bridge=null,c.deactivated=null}L.clearData()},L.activate=function(a){b&&(q(b,O.hoverClass),q(b,O.activeClass)),b=a,p(a,O.hoverClass),S();var d=O.title||a.getAttribute("title");if(d){var e=R(c.bridge);e&&e.setAttribute("title",d)}var f=O.forceHandCursor===!0||"pointer"===l(a,"cursor");M(f)},L.deactivate=function(){var a=R(c.bridge);a&&(a.removeAttribute("title"),a.style.left="0px",a.style.top="-9999px",T(1,1)),b&&(q(b,O.hoverClass),q(b,O.activeClass),b=null)},L.state=function(){return{browser:F(a.navigator,["userAgent","platform","appName"]),flash:G(c,["bridge"]),zeroclipboard:{version:L.version,config:L.config()}}},L.setData=function(a,b){var c;if("object"==typeof a&&a&&"undefined"==typeof b)c=a,L.clearData();else{if("string"!=typeof a||!a)return;c={},c[a]=b}for(var e in c)e&&c.hasOwnProperty(e)&&"string"==typeof c[e]&&c[e]&&(d[e]=c[e])},L.clearData=function(a){"undefined"==typeof a?(D(d),e=null):"string"==typeof a&&d.hasOwnProperty(a)&&delete d[a]};var P=function(){var b,d,e=document.getElementById("global-zeroclipboard-html-bridge");if(!e){var f=B(a.location.host,O),g="never"===f?"none":"all",h=u(O),i=O.swfPath+t(O.swfPath,O);e=Q();var j=document.createElement("div");e.appendChild(j),document.body.appendChild(e);var k=document.createElement("div"),l="activex"===c.pluginType;k.innerHTML='<object id="global-zeroclipboard-flash-bridge" name="global-zeroclipboard-flash-bridge" width="100%" height="100%" '+(l?'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"':'type="application/x-shockwave-flash" data="'+i+'"')+">"+(l?'<param name="movie" value="'+i+'"/>':"")+'<param name="allowScriptAccess" value="'+f+'"/><param name="allowNetworking" value="'+g+'"/><param name="menu" value="false"/><param name="wmode" value="transparent"/><param name="flashvars" value="'+h+'"/></object>',b=k.firstChild,k=null,b.ZeroClipboard=L,e.replaceChild(b,j)}b||(b=document["global-zeroclipboard-flash-bridge"],b&&(d=b.length)&&(b=b[d-1]),b||(b=e.firstChild)),c.bridge=b||null},Q=function(){var a=document.createElement("div");return a.id="global-zeroclipboard-html-bridge",a.className="global-zeroclipboard-container",a.style.position="absolute",a.style.left="0px",a.style.top="-9999px",a.style.width="1px",a.style.height="1px",a.style.zIndex=""+y(O.zIndex),a},R=function(a){for(var b=a&&a.parentNode;b&&"OBJECT"===b.nodeName&&b.parentNode;)b=b.parentNode;return b||null},S=function(){if(b){var a=s(b,O.zIndex),d=R(c.bridge);d&&(d.style.top=a.top+"px",d.style.left=a.left+"px",d.style.width=a.width+"px",d.style.height=a.height+"px",d.style.zIndex=a.zIndex+1),T(a.width,a.height)}},T=function(a,b){var d=R(c.bridge);d&&(d.style.width=a+"px",d.style.height=b+"px")};L.emit=function(b){var f,g,h,i,j,k,l,m,n;if("string"==typeof b&&b&&(f=b),"object"==typeof b&&b&&"string"==typeof b.type&&b.type&&(f=b.type,g=b),f){if(b=W(f,g),Y(b),"ready"===b.type&&c.overdue===!0)return L.emit({type:"error",name:"flash-overdue"});if(h=!/^(before)?copy$/.test(b.type),b.client)U.call(b.client,b,h);else for(i=b.target&&b.target!==a&&O.autoActivate===!0?Z(b.target):N(),j=0,k=i.length;k>j;j++)l=z({},b,{client:i[j]}),U.call(i[j],l,h);return"copy"===b.type&&(n=H(d),m=n.data,e=n.formatMap),m}};var U=function(b,c){var d=g[this.id]&&g[this.id].handlers[b.type];if(d&&d.length){var e,f,h,i,j=this;for(e=0,f=d.length;f>e;e++)h=d[e],i=j,"string"==typeof h&&"function"==typeof a[h]&&(h=a[h]),"object"==typeof h&&h&&"function"==typeof h.handleEvent&&(i=h,h=h.handleEvent),"function"==typeof h&&x(h,i,[b],c)}return this},V={ready:"Flash communication is established",error:{"flash-disabled":"Flash is disabled or not installed","flash-outdated":"Flash is too outdated to support ZeroClipboard","flash-unavailable":"Flash is unable to communicate bidirectionally with JavaScript","flash-deactivated":"Flash is too outdated for your browser and/or is configured as click-to-activate","flash-overdue":"Flash communication was established but NOT within the acceptable time limit"}},W=function(a,d){if(a||d&&d.type){d=d||{},a=(a||d.type).toLowerCase(),z(d,{type:a,target:d.target||b||null,relatedTarget:d.relatedTarget||null,currentTarget:c&&c.bridge||null});var f=V[d.type];return"error"===d.type&&d.name&&f&&(f=f[d.name]),f&&(d.message=f),"ready"===d.type&&z(d,{target:null,version:c.version}),"error"===d.type&&(d.target=null,/^flash-(outdated|unavailable|deactivated|overdue)$/.test(d.name)&&z(d,{version:c.version,minimumVersion:"11.0.0"})),"copy"===d.type&&(d.clipboardData={setData:L.setData,clearData:L.clearData}),"aftercopy"===d.type&&(d=I(d,e)),d.target&&!d.relatedTarget&&(d.relatedTarget=X(d.target)),d}},X=function(a){var b=a&&a.getAttribute&&a.getAttribute("data-clipboard-target");return b?document.getElementById(b):null},Y=function(a){var e=a.target||b;switch(a.type){case"error":v(a.name,["flash-disabled","flash-outdated","flash-deactivated","flash-overdue"])&&z(c,{disabled:"flash-disabled"===a.name,outdated:"flash-outdated"===a.name,unavailable:"flash-unavailable"===a.name,deactivated:"flash-deactivated"===a.name,overdue:"flash-overdue"===a.name,ready:!1});break;case"ready":var f=c.deactivated===!0;z(c,{disabled:!1,outdated:!1,unavailable:!1,deactivated:!1,overdue:f,ready:!f});break;case"copy":var g,h,i=a.relatedTarget;!d["text/html"]&&!d["text/plain"]&&i&&(h=i.value||i.outerHTML||i.innerHTML)&&(g=i.value||i.textContent||i.innerText)?(a.clipboardData.clearData(),a.clipboardData.setData("text/plain",g),h!==g&&a.clipboardData.setData("text/html",h)):!d["text/plain"]&&a.target&&(g=a.target.getAttribute("data-clipboard-text"))&&(a.clipboardData.clearData(),a.clipboardData.setData("text/plain",g));break;case"aftercopy":L.clearData(),e&&e!==E()&&e.focus&&e.focus();break;case"mouseover":p(e,O.hoverClass);break;case"mouseout":O.autoActivate===!0&&L.deactivate();break;case"mousedown":p(e,O.activeClass);break;case"mouseup":q(e,O.activeClass)}};L.prototype.on=function(a,b){var d,e,f,h={},i=g[this.id]&&g[this.id].handlers;if("string"==typeof a&&a)f=a.toLowerCase().split(/\s+/);else if("object"==typeof a&&a&&"undefined"==typeof b)for(d in a)a.hasOwnProperty(d)&&"string"==typeof d&&d&&"function"==typeof a[d]&&this.on(d,a[d]);if(f&&f.length){for(d=0,e=f.length;e>d;d++)a=f[d].replace(/^on/,""),h[a]=!0,i[a]||(i[a]=[]),i[a].push(b);if(h.ready&&c.ready&&L.emit({type:"ready",client:this}),h.error){var j=["disabled","outdated","unavailable","deactivated","overdue"];for(d=0,e=j.length;e>d;d++)if(c[j[d]]){L.emit({type:"error",name:"flash-"+j[d],client:this});break}}}return this},L.prototype.off=function(a,b){var c,d,e,f,h,i=g[this.id]&&g[this.id].handlers;if(0===arguments.length)f=C(i);else if("string"==typeof a&&a)f=a.split(/\s+/);else if("object"==typeof a&&a&&"undefined"==typeof b)for(c in a)a.hasOwnProperty(c)&&"string"==typeof c&&c&&"function"==typeof a[c]&&this.off(c,a[c]);if(f&&f.length)for(c=0,d=f.length;d>c;c++)if(a=f[c].toLowerCase().replace(/^on/,""),h=i[a],h&&h.length)if(b)for(e=v(b,h);-1!==e;)h.splice(e,1),e=v(b,h,e);else i[a].length=0;return this},L.prototype.handlers=function(a){var b,c=null,d=g[this.id]&&g[this.id].handlers;if(d){if("string"==typeof a&&a)return d[a]?d[a].slice(0):null;c={};for(b in d)d.hasOwnProperty(b)&&d[b]&&(c[b]=d[b].slice(0))}return c},L.prototype.clip=function(a){a=w(a);for(var b=0;b<a.length;b++)if(a.hasOwnProperty(b)&&a[b]&&1===a[b].nodeType){a[b].zcClippingId?-1===v(this.id,i[a[b].zcClippingId])&&i[a[b].zcClippingId].push(this.id):(a[b].zcClippingId="zcClippingId_"+h++,i[a[b].zcClippingId]=[this.id],O.autoActivate===!0&&n(a[b],"mouseover",m));var c=g[this.id].elements;-1===v(a[b],c)&&c.push(a[b])}return this},L.prototype.unclip=function(a){var b=g[this.id];if(!b)return this;var c,d=b.elements;a="undefined"==typeof a?d.slice(0):w(a);for(var e=a.length;e--;)if(a.hasOwnProperty(e)&&a[e]&&1===a[e].nodeType){for(c=0;-1!==(c=v(a[e],d,c));)d.splice(c,1);var f=i[a[e].zcClippingId];if(f){for(c=0;-1!==(c=v(this.id,f,c));)f.splice(c,1);0===f.length&&(O.autoActivate===!0&&o(a[e],"mouseover",m),delete a[e].zcClippingId)}}return this},L.prototype.elements=function(){var a=g[this.id];return a&&a.elements?a.elements.slice(0):[]};var Z=function(a){var b,c,d,e,f,h=[];if(a&&1===a.nodeType&&(b=a.zcClippingId)&&i.hasOwnProperty(b)&&(c=i[b],c&&c.length))for(d=0,e=c.length;e>d;d++)f=g[c[d]].instance,f&&f instanceof L&&h.push(f);return h};O.hoverClass="zeroclipboard-is-hover",O.activeClass="zeroclipboard-is-active","function"==typeof define&&define.amd?define(function(){return L}):"object"==typeof module&&module&&"object"==typeof module.exports&&module.exports?module.exports=L:a.ZeroClipboard=L}(function(){return this}());
\ No newline at end of file
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/third-party/zeroclipboard/ZeroClipboard.swf b/nezha-fronted/static/ueditor-1.4.3.3/third-party/zeroclipboard/ZeroClipboard.swf
new file mode 100644
index 000000000..ed1c9d21c
Binary files /dev/null and b/nezha-fronted/static/ueditor-1.4.3.3/third-party/zeroclipboard/ZeroClipboard.swf differ
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/ueditor.config.js b/nezha-fronted/static/ueditor-1.4.3.3/ueditor.config.js
new file mode 100644
index 000000000..4832e0010
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/ueditor.config.js
@@ -0,0 +1,497 @@
+/**
+ * ueditor完整配置项
+ * 可以在这里配置整个编辑器的特性
+ */
+/**************************提示********************************
+ * 所有被注释的配置项均为UEditor默认值。
+ * 修改默认配置请首先确保已经完全明确该参数的真实用途。
+ * 主要有两种修改方案，一种是取消此处注释，然后修改成对应参数；另一种是在实例化编辑器时传入对应参数。
+ * 当升级编辑器时，可直接使用旧版配置文件替换新版配置文件,不用担心旧版配置文件中因缺少新功能所需的参数而导致脚本报错。
+ **************************提示********************************/
+
+(function () {
+
+    /**
+     * 编辑器资源文件根路径。它所表示的含义是：以编辑器实例化页面为当前路径，指向编辑器资源文件（即dialog等文件夹）的路径。
+     * 鉴于很多同学在使用编辑器的时候出现的种种路径问题，此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
+     * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/ueditor/"这样的路径。
+     * 如果站点中有多个不在同一层级的页面需要实例化编辑器，且引用了同一UEditor的时候，此处的URL可能不适用于每个页面的编辑器。
+     * 因此，UEditor提供了针对不同页面的编辑器可单独配置的根路径，具体来说，在需要实例化编辑器的页面最顶部写上如下代码即可。当然，需要令此处的URL等于对应的配置。
+     * window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
+     */
+    var URL = window.UEDITOR_HOME_URL || getUEBasePath();
+
+    /**
+     * 配置项主体。注意，此处所有涉及到路径的配置别遗漏URL变量。
+     */
+    window.UEDITOR_CONFIG = {
+
+        //为编辑器实例添加一个路径，这个不能被注释
+        UEDITOR_HOME_URL: URL
+
+        // 服务器统一请求接口路径
+        , serverUrl: URL + "php/controller.php"
+
+        //工具栏上的所有的功能按钮和下拉框，可以在new编辑器的实例时选择自己需要的重新定义
+        , toolbars: [[
+            'fullscreen', 'source', '|', 'undo', 'redo', '|',
+            'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
+            'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
+            'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
+            'directionalityltr', 'directionalityrtl', 'indent', '|',
+            'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
+            'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
+            'simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'gmap', 'insertframe', 'insertcode', 'webapp', 'pagebreak', 'template', 'background', '|',
+            'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',
+            'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
+            'print', 'preview', 'searchreplace', 'drafts', 'help'
+        ]]
+        //当鼠标放在工具栏上时显示的tooltip提示,留空支持自动多语言配置，否则以配置值为准
+        //,labelMap:{
+        //    'anchor':'', 'undo':''
+        //}
+
+        //语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换，当然，前提条件是lang文件夹下存在对应的语言文件：
+        //lang值也可以通过自动获取 (navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase()
+        //,lang:"zh-cn"
+        //,langPath:URL +"lang/"
+
+        //主题配置项,默认是default。有需要的话也可以使用如下这样的方式来自动多主题切换，当然，前提条件是themes文件夹下存在对应的主题文件：
+        //现有如下皮肤:default
+        //,theme:'default'
+        //,themePath:URL +"themes/"
+
+        //,zIndex : 900     //编辑器层级的基数,默认是900
+
+        //针对getAllHtml方法，会在对应的head标签中增加该编码设置。
+        //,charset:"utf-8"
+
+        //若实例化编辑器的页面手动修改的domain，此处需要设置为true
+        //,customDomain:false
+
+        //常用配置项目
+        //,isShow : true    //默认显示编辑器
+
+        //,textarea:'editorValue' // 提交表单时，服务器获取编辑器提交内容的所用的参数，多实例时可以给容器name属性，会将name给定的值最为每个实例的键值，不用每次实例化的时候都设置这个值
+
+        //,initialContent:'欢迎使用ueditor!'    //初始化编辑器的内容,也可以通过textarea/script给值，看官网例子
+
+        //,autoClearinitialContent:true //是否自动清除编辑器初始内容，注意：如果focus属性设置为true,这个也为真，那么编辑器一上来就会触发导致初始化的内容看不到了
+
+        //,focus:false //初始化时，是否让编辑器获得焦点true或false
+
+        //如果自定义，最好给p标签如下的行高，要不输入中文时，会有跳动感
+        //,initialStyle:'p{line-height:1em}'//编辑器层级的基数,可以用来改变字体等
+
+        //,iframeCssUrl: URL + '/themes/iframe.css' //给编辑区域的iframe引入一个css文件
+
+        //indentValue
+        //首行缩进距离,默认是2em
+        //,indentValue:'2em'
+
+        //,initialFrameWidth:1000  //初始化编辑器宽度,默认1000
+        //,initialFrameHeight:320  //初始化编辑器高度,默认320
+
+        //,readonly : false //编辑器初始化结束后,编辑区域是否是只读的，默认是false
+
+        //,autoClearEmptyNode : true //getContent时，是否删除空的inlineElement节点（包括嵌套的情况）
+
+        //启用自动保存
+        //,enableAutoSave: true
+        //自动保存间隔时间， 单位ms
+        //,saveInterval: 500
+
+        //,fullscreen : false //是否开启初始化时即全屏，默认关闭
+
+        //,imagePopup:true      //图片操作的浮层开关，默认打开
+
+        //,autoSyncData:true //自动同步编辑器要提交的数据
+        //,emotionLocalization:false //是否开启表情本地化，默认关闭。若要开启请确保emotion文件夹下包含官网提供的images表情文件夹
+
+        //粘贴只保留标签，去除标签所有属性
+        //,retainOnlyLabelPasted: false
+
+        //,pasteplain:false  //是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
+        //纯文本粘贴模式下的过滤规则
+        //'filterTxtRules' : function(){
+        //    function transP(node){
+        //        node.tagName = 'p';
+        //        node.setStyle();
+        //    }
+        //    return {
+        //        //直接删除及其字节点内容
+        //        '-' : 'script style object iframe embed input select',
+        //        'p': {$:{}},
+        //        'br':{$:{}},
+        //        'div':{'$':{}},
+        //        'li':{'$':{}},
+        //        'caption':transP,
+        //        'th':transP,
+        //        'tr':transP,
+        //        'h1':transP,'h2':transP,'h3':transP,'h4':transP,'h5':transP,'h6':transP,
+        //        'td':function(node){
+        //            //没有内容的td直接删掉
+        //            var txt = !!node.innerText();
+        //            if(txt){
+        //                node.parentNode.insertAfter(UE.uNode.createText(' &nbsp; &nbsp;'),node);
+        //            }
+        //            node.parentNode.removeChild(node,node.innerText())
+        //        }
+        //    }
+        //}()
+
+        //,allHtmlEnabled:false //提交到后台的数据是否包含整个html字符串
+
+        //insertorderedlist
+        //有序列表的下拉配置,值留空时支持多语言自动识别，若配置值，则以此值为准
+        //,'insertorderedlist':{
+        //      //自定的样式
+        //        'num':'1,2,3...',
+        //        'num1':'1),2),3)...',
+        //        'num2':'(1),(2),(3)...',
+        //        'cn':'一,二,三....',
+        //        'cn1':'一),二),三)....',
+        //        'cn2':'(一),(二),(三)....',
+        //     //系统自带
+        //     'decimal' : '' ,         //'1,2,3...'
+        //     'lower-alpha' : '' ,    // 'a,b,c...'
+        //     'lower-roman' : '' ,    //'i,ii,iii...'
+        //     'upper-alpha' : '' , lang   //'A,B,C'
+        //     'upper-roman' : ''      //'I,II,III...'
+        //}
+
+        //insertunorderedlist
+        //无序列表的下拉配置，值留空时支持多语言自动识别，若配置值，则以此值为准
+        //,insertunorderedlist : { //自定的样式
+        //    'dash' :'— 破折号', //-破折号
+        //    'dot':' 。 小圆圈', //系统自带
+        //    'circle' : '',  // '○ 小圆圈'
+        //    'disc' : '',    // '● 小圆点'
+        //    'square' : ''   //'■ 小方块'
+        //}
+        //,listDefaultPaddingLeft : '30'//默认的左边缩进的基数倍
+        //,listiconpath : 'http://bs.baidu.com/listicon/'//自定义标号的路径
+        //,maxListLevel : 3 //限制可以tab的级数, 设置-1为不限制
+
+        //,autoTransWordToList:false  //禁止word中粘贴进来的列表自动变成列表标签
+
+        //fontfamily
+        //字体设置 label留空支持多语言自动切换，若配置，则以配置值为准
+        //,'fontfamily':[
+        //    { label:'',name:'songti',val:'宋体,SimSun'},
+        //    { label:'',name:'kaiti',val:'楷体,楷体_GB2312, SimKai'},
+        //    { label:'',name:'yahei',val:'微软雅黑,Microsoft YaHei'},
+        //    { label:'',name:'heiti',val:'黑体, SimHei'},
+        //    { label:'',name:'lishu',val:'隶书, SimLi'},
+        //    { label:'',name:'andaleMono',val:'andale mono'},
+        //    { label:'',name:'arial',val:'arial, helvetica,sans-serif'},
+        //    { label:'',name:'arialBlack',val:'arial black,avant garde'},
+        //    { label:'',name:'comicSansMs',val:'comic sans ms'},
+        //    { label:'',name:'impact',val:'impact,chicago'},
+        //    { label:'',name:'timesNewRoman',val:'times new roman'}
+        //]
+
+        //fontsize
+        //字号
+        //,'fontsize':[10, 11, 12, 14, 16, 18, 20, 24, 36]
+
+        //paragraph
+        //段落格式 值留空时支持多语言自动识别，若配置，则以配置值为准
+        //,'paragraph':{'p':'', 'h1':'', 'h2':'', 'h3':'', 'h4':'', 'h5':'', 'h6':''}
+
+        //rowspacingtop
+        //段间距 值和显示的名字相同
+        //,'rowspacingtop':['5', '10', '15', '20', '25']
+
+        //rowspacingBottom
+        //段间距 值和显示的名字相同
+        //,'rowspacingbottom':['5', '10', '15', '20', '25']
+
+        //lineheight
+        //行内间距 值和显示的名字相同
+        //,'lineheight':['1', '1.5','1.75','2', '3', '4', '5']
+
+        //customstyle
+        //自定义样式，不支持国际化，此处配置值即可最后显示值
+        //block的元素是依据设置段落的逻辑设置的，inline的元素依据BIU的逻辑设置
+        //尽量使用一些常用的标签
+        //参数说明
+        //tag 使用的标签名字
+        //label 显示的名字也是用来标识不同类型的标识符，注意这个值每个要不同，
+        //style 添加的样式
+        //每一个对象就是一个自定义的样式
+        //,'customstyle':[
+        //    {tag:'h1', name:'tc', label:'', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'},
+        //    {tag:'h1', name:'tl',label:'', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;margin:0 0 10px 0;'},
+        //    {tag:'span',name:'im', label:'', style:'font-style:italic;font-weight:bold'},
+        //    {tag:'span',name:'hi', label:'', style:'font-style:italic;font-weight:bold;color:rgb(51, 153, 204)'}
+        //]
+
+        //打开右键菜单功能
+        //,enableContextMenu: true
+        //右键菜单的内容，可以参考plugins/contextmenu.js里边的默认菜单的例子，label留空支持国际化，否则以此配置为准
+        //,contextMenu:[
+        //    {
+        //        label:'',       //显示的名称
+        //        cmdName:'selectall',//执行的command命令，当点击这个右键菜单时
+        //        //exec可选，有了exec就会在点击时执行这个function，优先级高于cmdName
+        //        exec:function () {
+        //            //this是当前编辑器的实例
+        //            //this.ui._dialogs['inserttableDialog'].open();
+        //        }
+        //    }
+        //]
+
+        //快捷菜单
+        //,shortcutMenu:["fontfamily", "fontsize", "bold", "italic", "underline", "forecolor", "backcolor", "insertorderedlist", "insertunorderedlist"]
+
+        //elementPathEnabled
+        //是否启用元素路径，默认是显示
+        //,elementPathEnabled : true
+
+        //wordCount
+        //,wordCount:true          //是否开启字数统计
+        //,maximumWords:10000       //允许的最大字符数
+        //字数统计提示，{#count}代表当前字数，{#leave}代表还可以输入多少字符数,留空支持多语言自动切换，否则按此配置显示
+        //,wordCountMsg:''   //当前已输入 {#count} 个字符，您还可以输入{#leave} 个字符
+        //超出字数限制提示  留空支持多语言自动切换，否则按此配置显示
+        //,wordOverFlowMsg:''    //<span style="color:red;">你输入的字符个数已经超出最大允许值，服务器可能会拒绝保存！</span>
+
+        //tab
+        //点击tab键时移动的距离,tabSize倍数，tabNode什么字符做为单位
+        //,tabSize:4
+        //,tabNode:'&nbsp;'
+
+        //removeFormat
+        //清除格式时可以删除的标签和属性
+        //removeForamtTags标签
+        //,removeFormatTags:'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var'
+        //removeFormatAttributes属性
+        //,removeFormatAttributes:'class,style,lang,width,height,align,hspace,valign'
+
+        //undo
+        //可以最多回退的次数,默认20
+        //,maxUndoCount:20
+        //当输入的字符数超过该值时，保存一次现场
+        //,maxInputCount:1
+
+        //autoHeightEnabled
+        // 是否自动长高,默认true
+        //,autoHeightEnabled:true
+
+        //scaleEnabled
+        //是否可以拉伸长高,默认true(当开启时，自动长高失效)
+        //,scaleEnabled:false
+        //,minFrameWidth:800    //编辑器拖动时最小宽度,默认800
+        //,minFrameHeight:220  //编辑器拖动时最小高度,默认220
+
+        //autoFloatEnabled
+        //是否保持toolbar的位置不动,默认true
+        //,autoFloatEnabled:true
+        //浮动时工具栏距离浏览器顶部的高度，用于某些具有固定头部的页面
+        //,topOffset:30
+        //编辑器底部距离工具栏高度(如果参数大于等于编辑器高度，则设置无效)
+        //,toolbarTopOffset:400
+
+        //设置远程图片是否抓取到本地保存
+        //,catchRemoteImageEnable: true //设置是否抓取远程图片
+
+        //pageBreakTag
+        //分页标识符,默认是_ueditor_page_break_tag_
+        //,pageBreakTag:'_ueditor_page_break_tag_'
+
+        //autotypeset
+        //自动排版参数
+        //,autotypeset: {
+        //    mergeEmptyline: true,           //合并空行
+        //    removeClass: true,              //去掉冗余的class
+        //    removeEmptyline: false,         //去掉空行
+        //    textAlign:"left",               //段落的排版方式，可以是 left,right,center,justify 去掉这个属性表示不执行排版
+        //    imageBlockLine: 'center',       //图片的浮动方式，独占一行剧中,左右浮动，默认: center,left,right,none 去掉这个属性表示不执行排版
+        //    pasteFilter: false,             //根据规则过滤没事粘贴进来的内容
+        //    clearFontSize: false,           //去掉所有的内嵌字号，使用编辑器默认的字号
+        //    clearFontFamily: false,         //去掉所有的内嵌字体，使用编辑器默认的字体
+        //    removeEmptyNode: false,         // 去掉空节点
+        //    //可以去掉的标签
+        //    removeTagNames: {标签名字:1},
+        //    indent: false,                  // 行首缩进
+        //    indentValue : '2em',            //行首缩进的大小
+        //    bdc2sb: false,
+        //    tobdc: false
+        //}
+
+        //tableDragable
+        //表格是否可以拖拽
+        //,tableDragable: true
+
+
+
+        //sourceEditor
+        //源码的查看方式,codemirror 是代码高亮，textarea是文本框,默认是codemirror
+        //注意默认codemirror只能在ie8+和非ie中使用
+        //,sourceEditor:"codemirror"
+        //如果sourceEditor是codemirror，还用配置一下两个参数
+        //codeMirrorJsUrl js加载的路径，默认是 URL + "third-party/codemirror/codemirror.js"
+        //,codeMirrorJsUrl:URL + "third-party/codemirror/codemirror.js"
+        //codeMirrorCssUrl css加载的路径，默认是 URL + "third-party/codemirror/codemirror.css"
+        //,codeMirrorCssUrl:URL + "third-party/codemirror/codemirror.css"
+        //编辑器初始化完成后是否进入源码模式，默认为否。
+        //,sourceEditorFirst:false
+
+        //iframeUrlMap
+        //dialog内容的路径 ～会被替换成URL,垓属性一旦打开，将覆盖所有的dialog的默认路径
+        //,iframeUrlMap:{
+        //    'anchor':'~/dialogs/anchor/anchor.html',
+        //}
+
+        //allowLinkProtocol 允许的链接地址，有这些前缀的链接地址不会自动添加http
+        //, allowLinkProtocols: ['http:', 'https:', '#', '/', 'ftp:', 'mailto:', 'tel:', 'git:', 'svn:']
+
+        //webAppKey 百度应用的APIkey，每个站长必须首先去百度官网注册一个key后方能正常使用app功能，注册介绍，http://app.baidu.com/static/cms/getapikey.html
+        //, webAppKey: ""
+
+        //默认过滤规则相关配置项目
+        //,disabledTableInTable:true  //禁止表格嵌套
+        //,allowDivTransToP:true      //允许进入编辑器的div标签自动变成p标签
+        //,rgb2Hex:true               //默认产出的数据中的color自动从rgb格式变成16进制格式
+
+		// xss 过滤是否开启,inserthtml等操作
+		,xssFilterRules: true
+		//input xss过滤
+		,inputXssFilter: true
+		//output xss过滤
+		,outputXssFilter: true
+		// xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
+		,whitList: {
+			a:      ['target', 'href', 'title', 'class', 'style'],
+			abbr:   ['title', 'class', 'style'],
+			address: ['class', 'style'],
+			area:   ['shape', 'coords', 'href', 'alt'],
+			article: [],
+			aside:  [],
+			audio:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'class', 'style'],
+			b:      ['class', 'style'],
+			bdi:    ['dir'],
+			bdo:    ['dir'],
+			big:    [],
+			blockquote: ['cite', 'class', 'style'],
+			br:     [],
+			caption: ['class', 'style'],
+			center: [],
+			cite:   [],
+			code:   ['class', 'style'],
+			col:    ['align', 'valign', 'span', 'width', 'class', 'style'],
+			colgroup: ['align', 'valign', 'span', 'width', 'class', 'style'],
+			dd:     ['class', 'style'],
+			del:    ['datetime'],
+			details: ['open'],
+			div:    ['class', 'style'],
+			dl:     ['class', 'style'],
+			dt:     ['class', 'style'],
+			em:     ['class', 'style'],
+			font:   ['color', 'size', 'face'],
+			footer: [],
+			h1:     ['class', 'style'],
+			h2:     ['class', 'style'],
+			h3:     ['class', 'style'],
+			h4:     ['class', 'style'],
+			h5:     ['class', 'style'],
+			h6:     ['class', 'style'],
+			header: [],
+			hr:     [],
+			i:      ['class', 'style'],
+			img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex'],
+			ins:    ['datetime'],
+			li:     ['class', 'style'],
+			mark:   [],
+			nav:    [],
+			ol:     ['class', 'style'],
+			p:      ['class', 'style'],
+			pre:    ['class', 'style'],
+			s:      [],
+			section:[],
+			small:  [],
+			span:   ['class', 'style'],
+			sub:    ['class', 'style'],
+			sup:    ['class', 'style'],
+			strong: ['class', 'style'],
+			table:  ['width', 'border', 'align', 'valign', 'class', 'style'],
+			tbody:  ['align', 'valign', 'class', 'style'],
+			td:     ['width', 'rowspan', 'colspan', 'align', 'valign', 'class', 'style'],
+			tfoot:  ['align', 'valign', 'class', 'style'],
+			th:     ['width', 'rowspan', 'colspan', 'align', 'valign', 'class', 'style'],
+			thead:  ['align', 'valign', 'class', 'style'],
+			tr:     ['rowspan', 'align', 'valign', 'class', 'style'],
+			tt:     [],
+			u:      [],
+			ul:     ['class', 'style'],
+			video:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style']
+		}
+    };
+
+    function getUEBasePath(docUrl, confUrl) {
+
+        return getBasePath(docUrl || self.document.URL || self.location.href, confUrl || getConfigFilePath());
+
+    }
+
+    function getConfigFilePath() {
+
+        var configPath = document.getElementsByTagName('script');
+
+        return configPath[ configPath.length - 1 ].src;
+
+    }
+
+    function getBasePath(docUrl, confUrl) {
+
+        var basePath = confUrl;
+
+
+        if (/^(\/|\\\\)/.test(confUrl)) {
+
+            basePath = /^.+?\w(\/|\\\\)/.exec(docUrl)[0] + confUrl.replace(/^(\/|\\\\)/, '');
+
+        } else if (!/^[a-z]+:/i.test(confUrl)) {
+
+            docUrl = docUrl.split("#")[0].split("?")[0].replace(/[^\\\/]+$/, '');
+
+            basePath = docUrl + "" + confUrl;
+
+        }
+
+        return optimizationPath(basePath);
+
+    }
+
+    function optimizationPath(path) {
+
+        var protocol = /^[a-z]+:\/\//.exec(path)[ 0 ],
+            tmp = null,
+            res = [];
+
+        path = path.replace(protocol, "").split("?")[0].split("#")[0];
+
+        path = path.replace(/\\/g, '/').split(/\//);
+
+        path[ path.length - 1 ] = "";
+
+        while (path.length) {
+
+            if (( tmp = path.shift() ) === "..") {
+                res.pop();
+            } else if (tmp !== ".") {
+                res.push(tmp);
+            }
+
+        }
+
+        return protocol + res.join("/");
+
+    }
+
+    window.UE = {
+        getUEBasePath: getUEBasePath
+    };
+
+})();
diff --git a/nezha-fronted/static/ueditor-1.4.3.3/ueditor.parse.js b/nezha-fronted/static/ueditor-1.4.3.3/ueditor.parse.js
new file mode 100644
index 000000000..1ec7f529f
--- /dev/null
+++ b/nezha-fronted/static/ueditor-1.4.3.3/ueditor.parse.js
@@ -0,0 +1,71 @@
+(function (){
+    var paths  = [
+            'parse.js',
+            'insertcode.js',
+            'table.js',
+            'charts.js',
+            'background.js',
+            'list.js',
+            'video.js'
+        ];
+
+    function getUEBasePath ( docUrl, confUrl ) {
+
+        return getBasePath( docUrl || self.document.URL || self.location.href, confUrl || getConfigFilePath() );
+
+    }
+
+    function getConfigFilePath () {
+
+        var configPath = document.getElementsByTagName('script');
+
+        return configPath[ configPath.length -1 ].src;
+
+    }
+
+    function getBasePath ( docUrl, confUrl ) {
+
+        var basePath = confUrl;
+
+        if ( !/^[a-z]+:/i.test( confUrl ) ) {
+
+            docUrl = docUrl.split( "#" )[0].split( "?" )[0].replace( /[^\\\/]+$/, '' );
+
+            basePath = docUrl + "" + confUrl;
+
+        }
+
+        return optimizationPath( basePath );
+
+    }
+
+    function optimizationPath ( path ) {
+
+        var protocol = /^[a-z]+:\/\//.exec( path )[ 0 ],
+            tmp = null,
+            res = [];
+
+        path = path.replace( protocol, "" ).split( "?" )[0].split( "#" )[0];
+
+        path = path.replace( /\\/g, '/').split( /\// );
+
+        path[ path.length - 1 ] = "";
+
+        while ( path.length ) {
+
+            if ( ( tmp = path.shift() ) === ".." ) {
+                res.pop();
+            } else if ( tmp !== "." ) {
+                res.push( tmp );
+            }
+
+        }
+
+        return protocol + res.join( "/" );
+
+    }
+    var   baseURL = getUEBasePath() + '_parse/';
+    for (var i=0,pi;pi = paths[i++];) {
+        document.write('<script type="text/javascript" src="'+ baseURL + pi +'"></script>');
+    }
+})();